@charset "utf-8";
/* QQ:847198344 PHONE:17301897576 CSS Document */


html, body {margin:0;padding:0;font-size:12px;color:#656565;font-family:"微软雅黑"; background:#fff;}
div, form, img, ul, ol, li, dl, dd, dt, span, object {margin:0px auto;padding:0;border:0;}
.clear {clear:both;width:100%;}
ul, li {list-style:none;}
p, h1, h2, h3, h4, h5, h6 {padding:0;margin:0;}
input, img, select {vertical-align:middle;padding:0;margin:0;}
a {color: #656565;text-decoration: none;}
a:hover {color: #505050;text-decoration:none;}
.fl {float:left;}
.fr {float:right;}
.w1200{ width:1200px; margin:0 auto;}

table{ border:1px solid #ccc !important;}
table tr td{ border-right:1px solid #ccc !important; border-bottom:1px solid #ccc !important;}

/*-- top start--*/
#top{ height:130px;}
.top_box{ height:40px; background:#404d5e; line-height:40px;}
.top_box h4{ float:left; color:#fff; font-weight:normal;}
.phone_box{ float:right;}
.phone_box ul li{ display:inline-block; color:#fff; padding-left:30px; margin-left:30px;}
.phone_box ul li.youxiang{ background:url(../images/youxiang_icon.jpg) no-repeat left center;}
.phone_box ul li.youxiang a{ color:#fff;}
.phone_box ul li.phone{ background:url(../images/phone_icon.jpg) no-repeat left center;}
.phone_box ul li.dizi{ background:url(../images/dizhi_icon.jpg) no-repeat left center;}
.top_nav{ height:54px; padding:18px 0px;}
.logo{ float:left;}
.nav_1{ float:right;}
#wrapper {min-width:720px;}
nav ul {list-style-type:none; margin:0;padding:0; }
nav ul li ul li a{ height:36px !important; line-height:36px; color:#666; font-size:12px !important; font-weight:normal !important; }
nav ul li ul li{ background:#f6f6f6; border-bottom:1px solid #eaeaea;}
nav ul li {display:inline-block; position:relative; z-index:999;}
nav ul li:hover{ color:#ff9900;}
nav li ul {position:absolute;left:0;top:50px;width:120px; border-top:3px solid #0186d5;}
nav li li { position:relative; margin:0;display:block;}
nav li li ul {position:absolute;top:0; left:116px; margin:0; border-top:none !important; width:140px;}
nav a {color:#666;text-decoration:none;display:block; line-height:50px; font-size:14px; height:50px; font-weight:bold; width:120px; text-align:center;}
nav a:hover{ color:#ff9900;}
ul.sub-menu {display:none;}
ul.sub-menu a:hover{ background:#ffcc00; color:#fff;}
ul.sub-menu ul.sub-menu{ padding-left:5px;}
ul.sub-menu ul.sub-menu a{ width:140px;}
ul.sub-menu ul.sub-menu a:hover{ background:#ffcc00; color:#fff; width:140px;}

#top_show{ height:60px; border-bottom:1px solid #ccc; position:fixed; background:#fff; z-index:999; width:100%; padding:10px 0px; display:none; transition:all 0.3s;}
.nav_2{ float:right; padding-top:6px;}
/*-- top end--*/

/*--h_content start--*/
#h_content{ margin:0 auto; position:relative; top:-110px; z-index:998;}
#h_yewu{ height:220px;}
#h_yewu ul li{ width:380px; height:220px; float:left;}
.yewu_img{ position:relative; top:0; z-index:1;}
.yewu_img img{ transition:all 0.8S;}
.yewu_box{ padding:14px 30px; width:320px; height:188px; position:relative; top:-220px; z-index:2; cursor:pointer;}
#h_yewu ul li:hover .yewu_img img { -moz-transform:scaleY(-1);-webkit-transform:scaleY(-1);-o-transform:scaleY(-1);transform:scaleY(-1); /*IE*/ filter:FlipV;}
.yewu_title{ font-size:20px; color:#fff; font-weight:bold;}
.yewu_title span{ padding-left:20px;}
.yewu_text{ padding:13px 0px;}
.yewu_text p{ font-size:13px; color:#fff; line-height:20px; text-indent:2em;}
.yewu_more a{ height:28px; border-bottom:1px solid #fff; display:block; font-size:14px; width:100px; color:#fff; font-weight:bold;}
#h_yewu ul li.yiliao{ margin:0px 30px;}
#h_product{ padding:70px 0px;}
.h_title h4{ text-align:center; font-size:24px; color:#404d5e; height:50px; background:url(../images/title_bg.png) no-repeat bottom center;}
.h_title h5{ text-align:center; font-size:24px; color:#404d5e; font-weight:normal; margin-top:16px;}
#h_product ul{ margin-top:40px;}
#h_product ul li{ width:200px; height:136px; float:left; overflow:hidden; margin:0px 20px;}
.h_pro_img{ text-align:center; height:32px; position:relative; top:0; z-index:2;}
.h_pro_fenlei{ width:200px; height:120px; position:relative; top:-16px; background:url(../images/h_pro_fenlei_bg.png) #119df0 no-repeat center; text-align:center; line-height:120px; font-size:16px; font-weight:bold; color:#fff;}
#h_product ul li a:hover .h_pro_fenlei{ background:#ff8f5f; transition:all 0.8s;}

#h_about{margin-top:80px; height:615px;}
.h_about_box{ padding:50px 0px; background:#e6f0fa; height:350px; margin-top:40px;}
.h_about_img{ width:564px; margin-top:10px;}
.h_about_right{ width:570px;}
.h_about_right h4{ font-size:20px; color:#404d5e; height:50px; background:url(../images/h_about_right_bg.jpg) no-repeat left bottom;}
.h_about_text{ padding-bottom:20px;}
.h_about_text p{ font-size:14px; line-height:22px; padding-top:16px;}
.h_about_right a{ width:164px; height:40px; text-align:center; font-size:12px; color:#fff; line-height:40px; background:#ff824c; display:block; margin-top:4px; transition:all 0.5s;}
.h_about_right a:hover{ background:#0186d5;}

#h_news{ padding:50px 0px;}
.h_news_list{ margin-top:48px;}
.h_news_list ul li{ width:383px; height:360px; background:#e6f0fa; float:left; transition:all 0.2s;}
.news_img{ width:383px; height:160px;}
.news_box{ padding:30px; width:323px; height:140px;}
.news_box h4{ text-align:center; line-height:22px;}
.news_box h5{ font-weight:normal; font-size:12px; text-align:center; line-height:22px; padding:20px 0px;}
.news_box a{ width:120px; height:36px; display:block; text-align:center; margin:0 auto; background:#ff824c; color:#fff; line-height:36px;}
.h_news_list ul li:nth-child(2){ margin:0px 25px;}
.h_news_list ul li:hover{ box-shadow:4px 4px #cfe2f5;}
/*--h_content end--*/

/*--n_banner start--*/
#n_banner{ height:210px; margin:0 auto; border-bottom:1px solid #fff;}
/*--n_banner end--*/

/*--n_content start--*/
#n_content{ padding:30px 0px; background:url(../images/n_body_bg.jpg) repeat-x 0 0;}
.n_left{ width:214px;}
.left_nav{ width:204px; height:auto;padding:5px;z-index:777; background:#fff; border:1px solid #e3e3e3;}
.left_nav dl dt{ width:124px; height:60px; line-height:60px; background:url(../images/n_title_bg.png) #00a0f4 no-repeat center; color:#fff; margin-bottom:6px; font-size:15px; font-weight:bold; padding-left:80px;}
.left_nav dl dd{ width:204px; height:40px; position:relative;}
.left_nav dl dd .nav_right{ width:140px; height:auto; overflow:hidden; position:absolute; left:204px; top:0px; padding:0px 3px; background:#fff; display:none;}
.left_nav dl dd .nav_right a{ width:140px;height:38px; line-height:38px; text-align:left; color:#666;padding-left:30px; background:#f2f2f2;  display:block; float:left; margin-top:1px; white-space:nowrap;text-overflow:ellipsis;-o-text-overflow:ellipsis;overflow: hidden;}
.left_nav dl dd .nav_right a:hover{ width:140px;height:38px; line-height:38px; text-align:left; color:#fff;padding-left:30px; background:#02a7fe;}
.left_nav dl dd a.nav_left{width:204px; height:38px; line-height:38px; background:#f2f2f2;display:block;color:#666; white-space:nowrap;text-overflow:ellipsis;-o-text-overflow:ellipsis;overflow: hidden; text-align:center; font-weight:14px; font-weight:bold;}
.left_nav dl dd a.nav_left:hover{color:#fff; background:#02a7fe; text-decoration:none;}
.n_right{ width:920px;}
.n_right_top{ height:58px; border-bottom:1px solid #ccc;}
.weizhi{ height:30px; line-height:30px; float:left;}
.weizhi a{ margin:0px 6px;}
.weizhi a:hover{ text-decoration:underline;}
.search{ width:275px; height:28px; float:right; border:2px solid #ccc;}
.search_box{ border:none; height:28px; font-size:12px; color:#888; padding:0px 16px; width:188px; float:left;}
.sousuo{ background:#ccc; border:none; height:28px; width:55px; color:#fff; cursor:pointer; float:left;}
.sousuo:hover{ background:#a3a3a3;}
.n_pro_logo_list{ margin:40px 6px;}
.n_pro_logo_list ul{ width:960px;}
.n_pro_logo_list ul li{ width:190px; height:142px; padding:10px; border:1px solid #eee; float:left; margin-right:20px; margin-bottom:20px;}
.n_pro_logo_img{ width:190px; height:118px;}
.n_pro_logo_title{ height:34px; line-height:34px; text-align:center;}
.flip{ text-align:center;}
#dcms_pager .pages { border:none;text-transform:uppercase;font-size:12px; text-align:center;}
#dcms_pager .pages a { text-decoration:none;margin:0px 10px; font-size:12px; line-height:28px; color:#666; cursor:pointer;}
#dcms_pager .pages a:hover {color:#ffcc00;}
#dcms_pager .pages .pgempty {color:#999;}
#dcms_pager .pages .pgcurrent {color:#ffcc00;font-weight:bold;}

.n_pro_list{ margin:40px 6px;}
.n_pro_list ul{ width:960px;}
.n_pro_list ul li{ width:190px; height:215px; padding:10px; border:1px solid #eee; float:left; margin-right:20px; margin-bottom:20px;}
.n_pro_img{ width:188px; height:188px; border:1px solid #ddd; overflow:hidden;}
.n_pro_title{ height:34px; line-height:34px; text-align:center;}

.n_product_title{width:920px;margin:60px auto;}
.n_product_zy{background:#f5f5f5;color:#868686;border:#E5E5E5 1px solid;line-height:20px;padding:5px;}
.n_product_title_1{color:#426100;font-size:16px;font-weight:bold;text-align:center;line-height:30px;}
.n_product_title_2{text-align:center;line-height:30px;}
.n_product_bg{margin:80px auto;width:920px;}


.n_product_top{ height:321px;}
.n_product_img{ width:960px;}
.jqzoom{float:left;border:none;position:relative;padding:0px;cursor:pointer;margin:0px;display:block;}
.zoomdiv{z-index:999;position:absolute;top:0px;left:0px;width:350px;height:350px;background:#ffffff;border:1px solid #CCCCCC;display:none;text-align:center;overflow:hidden;}
.jqZoomPup{z-index:10;visibility:hidden;position:absolute;top:0px;left:0px;width:20px;height:20px;border:1px solid #aaa;background:#ffffff /*url(../images/zoom.png) 50% center no-repeat*/;opacity: 0.5;-moz-opacity: 0.5;-khtml-opacity: 0.5;filter: alpha(Opacity=50);}
.spec-preview{width:200px;height:239px;border:1px solid #DFDFDF;}
.spec-scroll{clear:both;margin-top:30px;width:310px;}
.spec-scroll .prev{float:left;margin-right:4px; background:url(../images/left_icon.jpg) no-repeat center;}
.spec-scroll .next{float:right; background:url(../images/right_icon.jpg) no-repeat center;}
.spec-scroll .prev,.spec-scroll .next{display:block; width:16px;height:72px; cursor:pointer;}
.spec-scroll .items{float:left;position:relative;width:270px;height:72px;overflow:hidden;}
.spec-scroll .items ul{position:absolute;width:999999px;height:90px;}
.spec-scroll .items ul li{float:left;width:90px;text-align:center;}
.spec-scroll .items ul li img{border:1px solid #e0e0e0; width:80px;height:70px;}
.spec-scroll .items ul li img:hover{border:1px solid #ec1f27;}

.n_nav{ height:50px; background:#f5f5f5;}
.weizhi{ line-height:50px;}
.weizhi a{ font-size:13px; font-weight:bold; margin:0px 10px; color:#888;}
.n_nav_1 ul li{ display:inline-block; line-height:16px; font-size:13px; font-weight:bold; padding:0px 16px; height:16px; margin-top:17px; border-right:2px solid #888; cursor:pointer;}
.n_nav_1 ul li:hover{ color:#ff9900;}
.n_nav_1 ul li:last-child{ border:none;}

#n_about_box{ padding:60px 0px 0px;}
#n_about_box h4{ text-align:center; font-size:18px; color:#333;}
#n_about_box h5{ font-size:18px; color:#333; text-align:center; margin-top:14px;}
.n_title{ height:60px; font-size:26px; text-align:center; line-height:40px; margin-top:50px; font-weight:bold; color:#0287d6; background:url(../images/n_title_bg_1.png) no-repeat center;}
.n_about_box{ padding:30px 30px 0px;}
.n_about_box p{ font-size:16px; padding-top:20px; line-height:28px; color:#000; text-indent:2em;}
.n_about_box ul li{ padding:30px 0px; border-bottom:1px solid #d7d7d7; font-size:16px; color:#000;}
.n_about_box ul li span{ font-size:16px; color:#333; font-weight:bold; width:150px; display:block; float:left;}
.n_about_box ul li h1{ display:inline-block; font-size:16px; font-weight:normal; padding-left:150px;}
.n_about_box ul li h2{ font-size:16px; font-weight:normal; padding-top:14px; display:inline-block; padding-left:20px;}
.n_about_box ul li h3{ font-size:16px; font-weight:normal; display:inline-block; padding-left:50px;}
.n_about_box ul li h5{ font-weight:normal; font-size:16px; display:inline-block; margin-right:30px;}
.n_about_box ul li:last-child{ border:none;}
.n_linian_box{ padding:60px 35px 40px;}
.linian_left{ width:20px; float:left; font-size:26px; height:260px; line-height:66px; color:#333; font-weight:bold; padding-right:130px;}
.linian_right{ float:left;width:930px;}
.linian_right p{ font-size:16px; line-height:30px; color:#000;}

#licheng{ padding-bottom:80px;}
.event_box{width:90%;margin:3% auto 0;position:relative;min-height:220px;}
.event_box .parHd {width:100%;display:inline-block;height:92px;overflow:hidden;}
.parHd  ul{width:100%;text-align:center;margin:0 auto;padding-top:25px !important;}
.parHd .tempWrap{margin:0 auto;}
.parHd .tempWrap:after{content:'';width:85%;height:1px;background:#580000;position:absolute;/* top:33%;*//* right:-140%;*/right:8%;top:35%;/* margin-top:-0.5px;*/z-index:10;}
.parHd li.no_line:before{display:none;}
.parHd li{display:inline-block;cursor:pointer;padding-top:30px;font-size:16px;color:#000;margin:0 30px;position:relative;}
.parHd li:after{content:'';background:url(../images/dot_ico.png) no-repeat;width:24px;height:24px;position:absolute;z-index:20;top:-12px;left:50%;margin-left:-12px;}
.parBd{text-align:center;margin-top:60px;}
.parBd h4{position:relative;font-size:22px;margin-bottom:3%;/*width:200px;*/ padding:0 60px;display:inline-block;text-align:center;}
.parBd h4:after{content:'';background:#000;width:100px;height:1px;position:absolute;left:-100px;bottom:12px;}
.parBd h4:before{content:'';background:#000;width:100px;height:1px;position:absolute;right:-100px;bottom:12px;}
.parBd p{line-height:180%;font-size:16px;width:80%;margin:0 auto;}
div#listBox {width:100%;}
.sPrev,.sNext{width:30px;height:30px;display:block;position:absolute;top:10px;}
.sPrev{left:0;}
.sNext{right:0;}
.sPrev img,.sNext img{transition:all .6s cubic-bezier(.51,1.1,.9,.95);-moz-transition:all .6s cubic-bezier(.51,1.1,.9,.95);-webkit-transition:all .6s cubic-bezier(.51,1.1,.9,.95);-o-transition:all .6s cubic-bezier(.51,1.1,.9,.95);}
.parHd li.act span{display:block;width:24px;height:24px;overflow:hidden;background:url(../images/cat.png) no-repeat;position:absolute;top:-12px;left:15px;z-index:21;}
.parHd li span,.parHd li.clone span{display:none;}	
.about_txt{ font-size:14px; text-align:center; padding:30px 0px;}

.n_contact_box{ padding:50px 0px;}
.phone_box_1{ width:550px; height:360px; float:left; margin-bottom:50px;}
.shanghai_box{ width:510px; height:124px; background:url(../images/contact_text1.jpg) no-repeat bottom; padding:20px;}
.shanghai_box p{ color:#fff; font-size:14px; line-height:26px;}

.quanqiu_box{ width:510px; height:136px; background:url(../images/contact_text2.jpg) no-repeat top; padding:14px 20px; margin-top:20px;}
.shanghai_kefu{ width:240px; height:288px; float:left; margin:0px 24px; background:url(../images/contact_text3.jpg) no-repeat top; padding:30px;}
.shanghai_kefu p{ font-size:14px; color:#666; line-height:30px;}
.quanqiu_box p{ line-height:26px; color:#fff; font-size:14px; }

.weixin_box{ width:200px; height:288px; float:right; background:url(../images/contact_text4.jpg) no-repeat top; padding:30px 50px;}
.weixin_box h2{ text-align:center; margin-bottom:20px;}
.map h1{ font-size:16px; color:#F00;}

.n_about_box_list{ width:1000px; margin:0 auto; padding:70px 0px;}
.n_about_box_list ul{ width:1050px;}
.n_about_box_list ul li{ width:460px; height:300px; margin-bottom:70px; float:left; margin-right:64px;}
.yewu_img_box{ width:460px; height:180px; margin-bottom:20px;}
.yewu_img_1{ width:160px; height:160px; float:left; transition:all 0.5s;}
.yewu_img_1:hover img{ box-shadow: 0 0 6px #dedede; transition:all 0.5s;}
.yewu_title_1{ width:240px; height:160px; float:right; text-align:left;}
.yewu_title_1 h4{ text-align:left !important; font-size:16px; color:#0287d6 !important;}
.yewu_title_1 h5{ text-align:left !important; font-size:14px !important; font-weight:normal; line-height:20px; margin-top:20px !important;}
.yewu_zhuyin_title{ width:460px; height:30px; background:#f0f6f2; text-align:center; line-height:30px; font-size:14px; font-weight:bold; color:#333;}
.yewu_zhuyin_text{ padding:16px 0px;}
.yewu_zhuyin_text p{ font-size:13px; color:#333; line-height:20px;}
.fenlei_list{ width:1000px; margin:0 auto; padding:40px 0px 100px;}
.fenlei_list ul{ width:1032px;}
.fenlei_list ul li{ width:314px; height:200px; float:left; margin-right:30px; margin-bottom:30px;  background:#333;-webkit-transition:all 0.2s linear;-moz-transition:all 0.2s linear;-ms-transition:all 0.2s linear;-o-transition:all 0.2s linear;transition:all 0.2s linear;}
.fenlei_list ul li img{opacity:1; -webkit-transition:all 0.2s linear;-moz-transition:all 0.2s linear;-ms-transition:all 0.2s linear;-o-transition:all 0.2s linear;transition:all 0.2s linear;}
.fenlei_list ul li:hover img{ opacity:0.6;-webkit-transition:all 0.2s linear;-moz-transition:all 0.2s linear;-ms-transition:all 0.2s linear;-o-transition:all 0.2s linear;transition:all 0.2s linear;}
.yiliao_img_box{ margin:0 auto; text-align:center; height:170px; width:808px;}
.yiliao_img_box li{ width:170px; height:170px; float:left; padding:0px 16px;}
.yiliao_box,.keyan_box{ width:1000px; margin:0 auto; padding:40px 0px;}
.yiliao_box ul{ width:1040px; margin-top:60px;}
.yiliao_box ul li{ width:220px; height:260px; float:left; margin-right:40px; margin-bottom:40px;}
.yiliao_box ul li span{ font-size:14px; font-weight:bold; color:#333; line-height:40px;}
.yiliao_box h4,.keyan_box h4{ font-size:16px; margin-bottom:30px;}
.yiliao_box p,.keyan_box 9{ font-size:14px; color:#666; width:1000px; line-height:24px; margin-bottom:20px;}
.yiliao_box h5,.keyan_box h5{ text-align:left !important; padding-left:30px; height:30px; line-height:30px; font-size:14px; border-left:3px solid #0287d6; margin-top:60px !important;}
.yiliao_box p,.zixun_box p,.keyan_box p{ font-size:14px; line-height:28px;}
.keyan_box ul{ width:1080px; margin-top:60px;}
.keyan_box ul li{ width:458px; height:260px; float:left; margin-right:80px; margin-bottom:60px;}
.keyan_box ul li span{ font-size:14px; font-weight:bold; color:#333; line-height:40px;}
.zixun_box{ width:1000px; margin:0 auto;}
.zixun_box ul{ margin-top:60px;}
.zixun_box ul li{ width:1000px; margin-bottom:60px; float:none; height:220px;}
.zixun_img{ float:left; margin-right:60px;}
.zixun_right h6{ font-size:14px; color:#333; margin-bottom:30px;}

#n_news_box{ margin-bottom:40px;}
#n_news_box ul li{ padding:40px 0px; border-bottom:1px solid #e2e2e2; height:112px;}
#n_news_box ul{ margin-bottom:40px; margin-top:30px;}
#n_news_box ul li h4{ font-size:14px; font-weight:normal; float:left; height:100px; width:200px; padding:6px; border:1px solid #f4f4f4;}
#n_news_box ul li h4 span{ font-size:32px; font-weight:bold; color:#333; margin-right:16px;}
#n_news_box ul li a{ float:left; display:block; margin-left:50px;width: 900px;}
#n_news_box ul li a:hover .news_title{ color:#0186d5;}
.news_title{ font-size:14px; font-weight:bold; color:#333;}
.news_time{ color:#666; padding-top:16px; font-size:12px;}
.news_jianjie{ color:#666; padding-top:16px; font-size:12px;}
.news_top{ height:80px; border-bottom:1px solid #e2e2e2; margin-top:60px;}
.news_top h5{ font-size:14px; text-align:center;}
.news_top h6{ font-size:12px; font-weight:normal; text-align:center; margin-top:20px;}
.news_top h6 span{ margin-right:30px; display:inline-block;}
.bdsharebuttonbox{ display:block; float:right;}
.news_center{ padding:40px 0px; border-bottom:1px solid #e2e2e2;}
.news_center p{ line-height:22px; font-size:13px;}
.news_fanhui{ margin:0 auto; margin-top:30px; margin-bottom:50px; text-align:center; width:120px;}
.news_fanhui a{ width:120px; height:30px; line-height:30px; color:#fff; background:#cecece; display:block; text-align:center;}
.news_fanhui a:hover{ background:#5ec2ff;}
/*--n_content end--*/


/*--footer start--*/
#footer{ margin:0 auto;}
.footer_box{ padding:24px 0px; background:#404d5e;}
.footer_nav ul{ text-align:center; margin:0 auto;}
.footer_nav ul li{ display:inline-block; padding:0px 50px; background:url(../images/foot_nav_a_bg.jpg) no-repeat right center;}
.footer_nav ul li:last-child{ background:none;}
.footer_nav ul li a{ font-size:12px; color:#fff;}
.footer_banquan{ background:#374353; padding:26px 0px;}
.footer_banquan p{ text-align:center; color:#fff; line-height:32px;}
.footer_banquan p span{ margin-left:40px;}
/*--footer end--*/