@charset "utf-8";
/* CSS Document */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,blockquote,p{ margin:0; padding:0;}
body{ color:#333; font-size:14px; font-family:Microsoft yahei;}
ul, ol{ list-style:none;} 
img,fieldset{ vertical-align:top; border:0;}
h1,h2,h3,h4,h5,h6{ font-size:100%; font-weight:normal;}
address,cite,code,em,th{ font-weight:normal; font-style:normal;}
input,button,textarea,select{ font:100% Microsoft yahei,''; vertical-align:middle;}
table,td,tr,th{ font-size:14px;}
.nodispaly{ display:none}
.line{ height:20px; line-height:20px; font-size:0px; clear:both; overflow:hidden; display:block;}
.clearfix{*zoom:1;}
.clearfix:after{ display:block; overflow:hidden; clear:both; height:0px; visibility:hidden; content:".";}
a{ color:#333; text-decoration:none;}
a:hover{ color:#20448e; text-decoration:underline;}
.fl{ float:left;}
.fr{ float:right;}
html{ overflow-x:hidden;}

/*head_top*/
.navwidth{ max-width:1000px; margin:0 auto; background:url(../images/pic_shui.gif) left bottom no-repeat;}
.navwidth .logo{ float:left; width:108px; margin:12px 0;}
.navwidth .logo img{ width:108px; height:87px;}

/*nav*/
.header{ float:right; margin:45px 0 0 0;}
.nav{ font-size:0px;}
.nav .m{ position:relative; display:inline-block; z-index:10;}
.nav a{ display:block; font-size:16px; color:#333; line-height:50px; padding:0 0 0 32px;}
.nav li:hover a, .nav li a.cutter{ color:#20448e; text-decoration:none; background:url(../images/nav_shui.png) 16px center no-repeat;}
.nav .sub{ width:108px; position:absolute; left:0; top:50px; background:rgba(255, 255, 255, .7); padding:16px 18px 28px 18px; box-shadow:0 1px 3px #20448e;}
.nav .sub li{ text-align:left;}
.nav .sub li a{ color:#20448e; font-size:14px; line-height:32px; display:block; background:none; padding:0; text-shadow:0 0 0 #20448e;}
.nav .sub li a:hover{ text-decoration:none; background:none; color:#000;}
#dowebok{ display:none;}
.sidebar{ display:none;}

/*banner*/
.banner_sj{ display:none;}
.flexslider{ position:relative;}
.flexslider .slides > li{ display:none; -webkit-backface-visibility:hidden;}
.flexslider .slides img{ width:100%; display:block;border-radius:0px;}
.flex-pauseplay span{ text-transform:capitalize;}

.flex-control-nav{ width:100%; text-align:center; position:absolute; bottom:2px;}
.flex-control-nav li{ margin:0 6px; display:inline-block; zoom:1; *display:inline;}
.flex-control-paging li a{ width:40px; height:6px; display:block; background:#2043a5; cursor:pointer; text-indent:-9999px;}
.flex-control-paging li a:hover{ background:#9ce4ff; }
.flex-control-paging li a.flex-active{ background:#9ce4ff; cursor:default;}
.flex-direction-nav li a{ width:50px; height:50px; position:absolute; top:50%; margin-top:-25px;}
.flex-direction-nav li a.flex-prev{ background:url(../images/left.png) center center no-repeat; left:2%; z-index:99;}
.flex-direction-nav li a.flex-next{ position:absolute; background:url(../images/right.png) center center no-repeat; right:2%;}

/*h_content*/
.h_content{ max-width:1000px; margin:25px auto; overflow:hidden;}
.h_content .about_us{ width:31%; float:left; margin:0 3.5% 0 0;}
.h_content .about_us .about_name{ border-bottom:#20448e 1px solid; position:relative; height:36px; margin:0 0 26px 0;}
.h_content .about_us .about_name h1{ position:absolute; background:url(../images/shui.jpg) left center no-repeat; padding:0 0 12px 41px; font-size:16px; color:#333; line-height:40px; font-weight:bold;}
.h_content .about_us .company{ width:100%; margin:0; font-size:14px; color:#333; line-height:25px; overflow:hidden;}
.h_content .about_us .company img{ float:left; width:124px; height:124px; margin:0 16px 0 0;}

.h_content .news{ width:31%; float:left; margin:0 3.5% 0 0;}
.h_content .news .news_name{ border-bottom:#20448e 1px solid; position:relative; height:36px; margin:0 0 26px 0;}
.h_content .news .news_name h1{ position:absolute; background:url(../images/shui.jpg) left center no-repeat; padding:0 0 12px 41px; font-size:16px; color:#333; line-height:40px; font-weight:bold;}
.h_content .news .news_nr{ width:100%; margin:0;}
.h_content .news .news_nr ul{ overflow:hidden;}
.h_content .news .news_nr ul li{ border-bottom:#ccc 1px dashed; overflow:hidden;}
.h_content .news .news_nr ul li i{ width:2px; height:14px; background:#20448e; float:left; margin:12px 8px 0 0;}
.h_content .news .news_nr ul li font{ float:right;}
.h_content .news .news_nr ul li em{ width:68%; float:left; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow:hidden;}
.h_content .news .news_nr ul li a{ font-size:14px; color:#333; line-height:35px; display:block;}
.h_content .news .news_nr ul li a:hover{ text-decoration:none; color:#20448e;}

.h_content .video{ width:31%; float:right;}
.h_content .video .video_name{ border-bottom:#20448e 1px solid; position:relative; height:36px; margin:0 0 26px 0;}
.h_content .video .video_name h1{ position:absolute; background:url(../images/shui.jpg) left center no-repeat; padding:0 0 12px 41px; font-size:16px; color:#333; line-height:40px; font-weight:bold;}
.h_content .video .video_nr{ width:100%; margin:0;}
.h_content .video .video_nr img{ width:100%;}

/*footer*/
.footer{ width:100%; background:#f4f4f4; margin:0; overflow:hidden;}
.footer .footer_nav{ max-width:1000px; margin:50px auto; overflow:hidden;}
.footer .footer_nav .foot_nav{ float:left; overflow:hidden;}
.footer .footer_nav .foot_nav dl{ float:left; border-left:#e6e6e6 1px solid; padding:0 36px;}
.footer .footer_nav .foot_nav dl dd{ margin:0 0 12px 0;}
.footer .footer_nav .foot_nav dl dd a{ font-size:16px; color:#333; line-height:22px; display:block;}
.footer .footer_nav .foot_nav dl dt{ margin:0 0 5px 0;}
.footer .footer_nav .foot_nav dl dt a{ font-size:14px; color:#666; line-height:22px; display:block;}
.footer .footer_nav .footer_contact{ float:right; width:114px;}
.footer .footer_nav .footer_contact h3{ width:114px; margin:0 0 3px 0;}
.footer .footer_nav .footer_contact h3 img{ width:100%;}
.footer .footer_nav .footer_contact h4{ font-size:12px; color:#666; line-height:20px; text-align:center;}

.links{ max-width:1000px; margin:50px auto; overflow:hidden; font-size:16px; color:#525252; font-weight:normal; line-height:20px;}
.links a{ font-size:14px; color:#666; line-height:20px; margin:0 0 0 14px; font-weight:normal;}
.links a:hover{ text-decoration:none; color:#20448e;}

.footer .footer_icp{ width:100%; margin:0 auto; overflow:hidden; border-top:#dbdbdb 1px solid; padding:14px 0; font-size:12px; color:#333; line-height:20px; text-align:center;}
.footer .footer_icp a{ color:#333; margin:0 0 0 18px;}


/*ny_banner*/
.ny_banner{ width:100%; background:#b8e0f8; overflow:hidden;}
.lj_content{ max-width:1000px; margin:0 auto; overflow:hidden; height:114px; font-size:14px; color:#000; line-height:20px;}
.lj_content h1{ font-size:28px; color:#20448e; line-height:36px; font-weight:bold; margin:26px 0 10px 0; text-transform:uppercase;}
.lj_content font{ color:#525252;}
.lj_content a{ color:#20448e;}
.lj_content a img{ width:15px; height:12px; margin:3px 3px 0 0;}

/*content*/
.content{ max-width:1000px; margin:42px auto; overflow:hidden;}
.content .con_left{ float:left; width:23%;}
.content .con_left ul{ overflow:hidden;}
.content .con_left ul li{ margin:0 0 10px 0;}
.content .con_left ul li a{ font-size:16px; color:#333; line-height:20px; display:block; padding:10px 0 10px 8%; background:#f2f2f2; border-radius:3px; margin:1%; -moz-transition:all 0.5s ease-in-out; -webkit-transition:all 0.5s ease-in-out; -o-transition:all 0.5s ease-in-out; -ms-transition:all 0.5s ease-in-out; transition:all 0.5s ease-in-out;}
.content .con_left ul li a:hover, .content .con_left ul li a.hrtt{ background:#20448e; border-radius:3px 25px 25px 3px; text-decoration:none; box-shadow:0 0 3px #20448e; color:#fff;}
.content .con_left ul li dl{ overflow:hidden; padding:3px 0 0 0;}
.content .con_left ul li dl dd{ line-height:28px;}
.content .con_left ul li dl dd a{ background:none; line-height:28px; padding:0 0 0 8%;}
.content .con_left ul li dl dd a:hover{ background:none; color:#20448e; box-shadow:none;}

.content .con_right{ width:72%; float:right; border-top:#ccc 1px solid;}
.content .con_right h2{ font-size:24px; color:#000; font-weight:bold; text-transform:uppercase; background:url(../images/title1.jpg) no-repeat left bottom; line-height:30px; margin:0 0 24px 0; padding:18px 0;}

/*profile*/
.profile{ font-size:14px; color:#333; line-height:25px;}
.profile img{ max-width:100%;}

.my-gallery{ width:100%; margin:0;}
.my-gallery figure{ width:31%; float:left; margin:0 3.5% 3.5% 0;}
.my-gallery figure figcaption{ white-space:nowrap; display:block; overflow:hidden; text-align:center; font-size:14px; color:#666; line-height:25px; padding:5px 0;}
.my-gallery figure:nth-child(3n){ margin:0 0 3.5% 0;}
.my-gallery figure img{ max-width:100%;}

.n_company{ width:100%; margin:0;}
.n_company ul{ overflow:hidden;}
.n_company ul li{ float:left; width:23.5%; margin:0 2% 2% 0;}
.n_company ul li:nth-child(4n){ margin:0 0 2% 0;}
.n_company ul li a{ border:#eee 1px solid; display:block;}
.n_company ul li a:hover{ text-decoration:none;}
.n_company ul li img{ width:100%;}
.n_company ul li font{ display:block; line-height:30px; text-align:center;}

/*products*/
.products{ width:100%; margin:0;}
.products ul{ overflow:hidden;}
.products ul li{ float:left; width:32%; margin:0 2% 4% 0;}
.products ul li img{ width:100%;}
.products ul li a{ border:#ccc 1px solid; display:block; padding:1px;}
.products ul li:nth-child(3n){ margin:0 0 4% 0;}
.products ul li:hover a{ border:#20448e 1px solid;}
.products ul li a:hover{ text-decoration:none;}
.products ul li font{ font-size:14px; line-height:24px; display:block; text-align:center; margin:5px 0 0 0;}

.img-scroll{ width:100%; margin:0; position:relative;}
.img-scroll .prev,.img-scroll .next{ position:absolute; display:block; width:44px; height:77px; top:50%; margin-top:-38px; z-index:999;}
.img-scroll .prev{ left:0; cursor:pointer; background:url(../images/l.png) no-repeat center;}
.img-scroll .next{ right:0; cursor:pointer; background:url(../images/r.png) no-repeat center;}
.img-list{ position:relative; width:100%; height:auto; margin:0 auto; overflow:hidden;}
.img-list ul{ width:2000%;}
.img-list li{ float:left; width:5%; position:relative;}
.img-list li .p_left{ float:left; width:56%;}
.img-list li .p_left img{ width:100%;}
.img-list li .p_right{ float:right; width:32%; font-size:14px; color:#525252; line-height:25px; margin:36px 8% 0 0;}
.img-list li .p_right h3{ font-size:18px; line-height:24px; color:#000; font-weight:bold; margin:0 0 10px 0;}

/*chaxun*/
.chaxun{ width:100%; border-top:#ccc 1px solid;}
.chaxun h2{ font-size:24px; color:#000; font-weight:bold; text-transform:uppercase; background:url(../images/title1.jpg) no-repeat left bottom; line-height:30px; margin:0 0 24px 0; padding:18px 0;}
.chaxun .chaxun_nr{ width:100%; margin:0; font-size:14px; color:#333; line-height:25px;}
.chaxun .chaxun_nr img{ max-width:100%;}
.chaxun .chaxun_nr dl{ overflow:hidden;}
.chaxun .chaxun_nr dl dd{ float:left; width:42%;}
.chaxun .chaxun_nr dl dd img{ max-width:100%;}
.chaxun .chaxun_nr dl dt{ float:right; width:54%; font-size:16px; color:#333; line-height:29px;}

/*ny_news*/
.news_width{ width:100%; margin:0 auto 25px auto; overflow:hidden; background:#f8f8f8;}
.news_width:hover{ background:#f2f2f2;}
.news_width a{ color:#333;}
.news_width:hover a{ color:#20448e; text-decoration:none;}
.news_width a h5{ color:#666;}
.news_width:hover a h5{ color:#20448e;}
.news_width .news_left{ float:left; width:33%; position:relative;}
.news_width .news_left img{ width:100%;}
.news_width .news_right{ float:right; width:61%; margin:0 3% 0 0;}
.news_width .news_right h3{ font-size:16px; line-height:26px; font-weight:bold; margin:20px 0 2px 0;}
.news_width .news_right h4{ font-size:12px; color:#20448e; line-height:18px; margin:2px 0;}
.news_width .news_right h5{ font-size:14px; line-height:25px; margin:5px 0;}
.news_width .news_right h6{ background:#20448e; display:inline-block; color:#fff; line-height:28px; padding:0 8px; margin:5px 0 20px 0;}

.news_widths{ max-width:1200px; margin:0 auto 50px auto; overflow:hidden;}
.news_widths .news_name{ width:100%; text-align:center; border-bottom:#ccc 1px dashed; margin:0 0 26px 0;}
.news_widths .news_name h3{ font-size:18px; color:#333; line-height:25px; margin:0 0 5px 0;}
.news_widths .news_name h4{ color:#999; font-size:14px; line-height:26px;}

.news_widths .news_xq{ width:100%; color:#666; font-size:14px; line-height:24px;}
.news_widths .news_xq img{ max-width:100%;}

.shui{ width:100%; margin:0;}
.shui ul{ overflow:hidden;}
.shui ul li{ margin:0 0 25px 0; border-bottom:#ccc 1px dotted; padding:0 0 25px 0;}
.shui ul li a{ color:#333;}
.shui ul li:hover a{ color:#20448e; text-decoration:none;}
.shui ul li a h5{ color:#666;}
.shui ul li:hover a h5{ color:#20448e;}
.shui ul li h3{ font-size:16px; line-height:26px; font-weight:bold; margin:0 0 2px 0;}
.shui ul li h4{ font-size:12px; color:#20448e; line-height:18px; margin:2px 0;}
.shui ul li h5{ font-size:12px; line-height:20px; margin:5px 0;}
.shui ul li h6{ background:#20448e; display:inline-block; color:#fff; line-height:28px; padding:0 8px;}

/*contact*/
.contact{ font-size:14px; color:#333; line-height:25px;}
.contact img{ max-width:100%;}

.join_dd{ overflow:hidden; width:100%; margin:0 0 32px 0;}
.join_dd .join_lft{ width:48%; float:left;}
.join_dd .join_lft h3{ font-size:18px; color:#333; font-weight:bold; line-height:20px; margin:0 0 20px 0;}
.join_dd .join_lft h4{ font-size:15px; line-height:28px;}
.join_dd .join_lft h5{ margin:16px 0 0 0; font-size:15px; color:#525252; line-height:27px;}
.join_dd .join_lft h5 a{ color:#20448e;}
.join_dd .join_rgt{ float:right; width:48%;}
.join_dd .join_rgt img{ max-width:100%;}
.join_sm{ width:100%; font-size:14px; color:#525252; line-height:25px;}

.messages_box{ width:100%; margin:20px 0 0 0;}
.messages_box ul{ overflow:hidden;} 
.messages_box ul li{ padding:5px 28px 5px 5px;}
.messages_box .text-input, .messages_box .summary-input, .messages_box .qq-input{ width:100%; height:33px; padding:0px 10px; line-height:normal; background:none repeat scroll 0% 0% rgb(253, 253, 253); border-width:1px; border-style:solid; border-color:rgb(133, 133, 133) rgb(175, 175, 175) rgb(201, 201, 201); box-shadow:1px 2px 3px rgb(183, 183, 183) inset !important; font-size:14px;}
.messages_box .cont-input{ width:100%; height:130px; padding:10px; line-height:20px; background:none repeat scroll 0% 0% rgb(253, 253, 253); border-width:1px; border-style:solid; border-color:rgb(133, 133, 133) rgb(175, 175, 175) rgb(201, 201, 201); box-shadow:1px 2px 3px rgb(183, 183, 183) inset !important; font-size:14px;}
.messages_box .code-input{ width:125px; vertical-align:middle; height:33px; padding:0px 10px; line-height:normal; background:none repeat scroll 0% 0% rgb(253, 253, 253); border-width:1px; border-style:solid; border-color:rgb(133, 133, 133) rgb(175, 175, 175) rgb(201, 201, 201); box-shadow:1px 2px 3px rgb(183, 183, 183) inset !important;}
.messages_box .verify-pic{ height:35px; vertical-align:middle;}
.messages_box .submitBtn{ text-align:center; padding-top:10px;}
.messages_box .messages-button{ width:125px; height:34px; line-height:34px; font-size:16px; color:#fff; text-align:center; background:none repeat scroll 0% 0% #20448e; border:none;}


/*kefu*/
.qqkefu{ position:fixed; top:50%; z-index:20; right:0; width:45px;}
.qqkefu ul li{ width:45px; height:45px; margin-bottom:1px; float:right; line-height:45px; font-size:14px; cursor:pointer; position:relative; text-indent:10px;}
.qqkefu ul li a{ color:#fff; display:block; overflow:hidden; height:45px;}
.qqkefu ul li a:hover{ text-decoration:none;}
.qqkefu ul li.qq_cza{ overflow:hidden}
.qqkefu ul li:hover{ background:#20448e;}
.qqkefu ul li.top{ background:url(../images/k1.png) no-repeat center #20448e; position:relative; width:45px; height:45px; cursor:pointer;}
.qqkefu ul li.top span{ position:absolute; display:block; left:0; top:-5px; height:5px; width:45px;}
.qqkefu ul li.top:hover{ background:url(../images/k1.png) no-repeat center #20448e;}
.qqkefu ul li b{ width:45px; height:45px; display:block; overflow:hidden; float:right;}
.qqkefu ul li span{ font-size:14px; font-weight:bold; color:#fff;}
.qqkefu ul li b.a{ background:url(../images/k2.png) no-repeat center #20448e;}
.qqkefu ul li b.b{ background:url(../images/k3.png) no-repeat center #20448e;}
.qqkefu ul li b.c{ background:url(../images/k5.png) no-repeat center #20448e;}
.qqkefu ul li:hover b.a{ background:url(../images/k2.png) no-repeat center center #20448e;}
.qqkefu ul li:hover b.b{ background:url(../images/k3.png) no-repeat center center #20448e;}
.qqkefu ul li:hover b.c{ background:url(../images/k5.png) no-repeat center center #20448e;}
.qqkefu ul li.qq_czb{ text-indent:0;}
.qqkefu ul li.qq_czae{ line-height:15px !important}
.erweima{ position:absolute; width:111px; height:150px; top:-120px; left:-111px; float:right; cursor:default !important; display:none; background:url(../images/qr_img.png) no-repeat;}
.erweima p{ margin-top:20px; margin-left:10px;}
.erweima img{ width:90px; height:90px;}
.qqkefu li .erweima p a{ display:block; font-size:14px; color:#333; margin-top:-8px; margin-left:30px;}