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

.w1200{ width:1200px; margin:0 auto;}

/*--top start--*/
.top_box{ height:46px; background:#f0f2f3;}
.top_box_left{ color:#888; font-size:13px; float:left;}
.top_box_left a{ color:#7c7c7c; margin:0px 12px; line-height:46px;}
.top_box_left a:nth-child(1){ margin-left:0px !important;}
.top_box_left a:hover{ color:#30b2e4; transition:all 0.8s;}
.top_box_right{ margin:11px 0px; height:24px; float:right;}
.top_seach{  height:24px; background:#fff; width:160px; border-radius:80px; padding:2px 10px; line-height:20px; font-size:13px; float:left;}
.search_box{ border:none; background:#fff; font-size:12px; color:#888; line-height:20px; width:120px; height:20px;}
.sousuo{ width:14px; height:20px; border:none; background:url(../images/seach_btm.png) no-repeat center; cursor:pointer;}
.sousuo:hover{ background:url(../images/seach_btm_hover.png) no-repeat center;}
.top_weixin{ float:left; margin-left:36px; width:24px; height:24px; background:url(../images/icon1.png) no-repeat center; cursor:pointer; margin-right:10px; }
.top_weixin:hover{ background:url(../images/icon1_hover.png) no-repeat center; transition:all 0.5s;}
.top_erweima{ width:100px; height:100px; background:#f8f8f8; position:absolute; top:50px; left:-48px; padding:10px; opacity:0; z-index:999;}
.top_weixin:hover .top_erweima{ opacity:1; position:relative; top:34px; transition:all 0.9s;}
.top_qq{ width:24px; height:24px; float:left; }
.top_qq:hover .QQ_numb{ opacity:1; transition:all 0.5s;}
.top_qq a{ display:inline-block; background:url(../images/QQ.png) no-repeat center; width:24px; height:24px;}
.top_qq a:hover{ background:url(../images/QQ_hover.png) no-repeat center;}
.top_dianhua{ width:24px; height:24px; background:url(../images/dianhua.png) no-repeat center; float:left; margin-left:10px; cursor:pointer;}
.top_dianhua:hover{ background:url(../images/dianhua_hover.png) no-repeat center; transition:all 0.5s;}
.phpne_numb{ width:200px; height:36px; background:#f8f8f8; color:red; position:relative; top:34px; line-height:36px; font-size:16px; left:-88px; text-align:center; z-index:998;  opacity:0; font-weight:bold;}
.QQ_numb{ width:200px; height:36px; background:#f8f8f8; color:red; position:relative; top:10px; line-height:36px; font-size:16px; left:-88px; text-align:center; z-index:998;  opacity:0; font-weight:bold;}

.erweima_img:hover img{ transform:scale(1.3); transition:all 0.5s; padding:2px; background:#fff !important;}

.top_yu{ float:left; margin-left:22px;}
.top_yu a{ margin-left:12px; line-height:24px; color:#666; font-size:13px;}
.top_yu a:hover{ color:#30b2e4;}
.top_dianhua:hover .phpne_numb{ opacity:1; transition:all 0.3s;}
.logo{ float:left; position:relative; top:-3px;}
#top{ margin:0 auto;}
.top_window{width:100%; background:#fff; }
.winodw{ -webkit-box-shadow: #666 0px 0px 10px;-moz-box-shadow: #888 0px 0px 10px;box-shadow: #888 0px 0px 10px;}
.top_nav{ height:90px; padding:18px 0px; position:relative; z-index:998;}
.nav{ float:right;}
#nav { float: left;margin: 0; padding: 0; }
#nav li a, #nav li {float: left;}
#nav li {list-style: none;position: relative;}
#nav li a {padding: 1em 33px;text-decoration: none;color:#333; font-size:16px; }
#nav li a:hover { color:#0186d5;}

/* Submenu */
#nav li ul {display: none; position: absolute;left: -5px;top: 100%;padding: 0; margin: 0; background:#ededed; border-top:3px solid #0186d5; padding:10px 0px;}
#nav li:hover > ul {display: block;}
#nav li ul li, #nav li ul li a {float: none;}
#nav li ul li { _display: inline; /* for IE6 */}
#nav li ul li a {width:124px;display: block; font-size:14px; font-weight:normal; text-align:center; height:30px !important; padding:2px 0px !important;  line-height:24px; margin-left:6px; margin-right:6px; margin-bottom:10px; color:#666;}
#nav li ul li a:hover{ background:#0186d5; color:#fff; transition:all 0.5s; border-radius:6px; cursor:pointer;}

/* SUBSUB Menu */

#nav li ul li ul {display: none;}
#nav li ul li:hover ul {left: 100%;top: 0;}

.otherItem{ margin-left:20px; margin-top:14px;}
.icon-sousuo{ font-size:18px !important; color:#007a3d; margin-right:14px; line-height:18px;}
.icon-sousuo:hover{ font-size:20px; font-weight:bold; transition:all0.5s; }
.lang{ height:22px; line-height:22px; padding-left:12px; border-left:1px solid #666;}
.lang a{ margin:0px 4px; font-size:13px; color:#666;}
.jianti{ font-weight:bold; color:#007a3d !important;}


#top_show{ height:70px; padding:10px 0px; position:fixed; z-index:999; background:#fff; width:100%;     box-shadow: 0 0 8px 1px rgba(0, 0, 0, 0.1); transition:all 0.5s; display:none;}
.top_logo{ float:left;}
.top_show_nav{ float:right;}
.top_show_nav ul li{ display:inline-block; font-size:14px; margin-left:50px;}
.top_show_nav ul li a{ color:#666; line-height:46px; height:60px; display:block; width:90px; text-align:center; font-size:16px; padding:0px !important;}
.top_show_nav ul li a:hover{ border-bottom:3px solid #30b2e4; transition:all 0.1s;}



.top_show_nav ul {margin-top: 0px; border-top:0px !important;}
.top_show_nav ul li ul{ top:60px !important; left:-30px !important; box-shadow: 0 0 8px 1px rgba(0, 0, 0, 0.1); list-style: none;margin: 0;padding: 0;display: none; position: absolute;z-index: 999;width: 140px !important;background: #fff !important; padding:16px 0px !important;}
.top_show_nav ul li ul li{ margin-left:0px !important; text-align:center; width:130px !important;}
.top_show_nav ul li ul li a{  border:none !important; height:34px; line-height:34px; font-size:14px; width:130px !important; text-align:center; }
.top_show_nav ul li ul li:hover>a{  color:#30b2e4 !important; background:none !important;  transition:all 0.5s; border:none !important;}

/*--top end--*/

/*--h_content start --*/
.h_product{ padding:60px 0px;}
.h_pro_fenlei{ padding:60px 0px;}
.h_title h2{ font-size:14px; color:#b9b9b9; text-align:center; text-transform:uppercase; margin-bottom:12px; transition:all 0.6s;}
.h_title h4{ width:40px; height:3px; background:#e7e7e7; display:block; margin:0 auto; text-align:center; transition:all 0.6s;}
.h_title h5{ font-size:22px; text-align:center; margin-top:12px; font-weight:bold; color:#0186d5;  transition:all 0.6s;}

#h_title_0_0{ font-size:24px; color:#b9b9b9; text-align:center; text-transform:uppercase; margin-bottom:12px; transition:all 0.6s;}
#h_title_0_1{ width:60px; height:3px; background:#e7e7e7; display:block; margin:0 auto; text-align:center; transition:all 0.6s;}
#h_title_0_2{ font-size:16px; text-align:center; margin-top:12px; font-weight:bold; color:#0186d5;  transition:all 0.6s;}

#h_title_1_0{ font-size:14px; color:#b9b9b9; text-align:center; text-transform:uppercase; margin-bottom:12px; transition:all 0.6s;}
#h_title_1_1{ width:40px; height:3px; background:#e7e7e7; display:block; margin:0 auto; text-align:center; transition:all 0.6s;}
#h_title_1_2{ font-size:16px; text-align:center; margin-top:12px; font-weight:bold; color:#0186d5;  transition:all 0.6s;}

#h_title_2_0{ font-size:14px; color:#b9b9b9; text-align:center; text-transform:uppercase; margin-bottom:12px; transition:all 0.6s;}
#h_title_2_1{ width:40px; height:3px; background:#e7e7e7; display:block; margin:0 auto; text-align:center; transition:all 0.6s;}
#h_title_2_2{ font-size:16px; text-align:center; margin-top:12px; font-weight:bold; color:#0186d5;  transition:all 0.6s;}

#h_title_3_0{ font-size:14px; color:#b9b9b9; text-align:center; text-transform:uppercase; margin-bottom:12px; transition:all 0.6s;}
#h_title_3_1{ width:40px; height:3px; background:#e7e7e7; display:block; margin:0 auto; text-align:center; transition:all 0.6s;}
#h_title_3_2{ font-size:16px; text-align:center; margin-top:12px; font-weight:bold; color:#0186d5;  transition:all 0.6s;}

#h_title_4_0{ font-size:14px; color:#b9b9b9; text-align:center; text-transform:uppercase; margin-bottom:12px; transition:all 0.6s;}
#h_title_4_1{ width:40px; height:3px; background:#e7e7e7; display:block; margin:0 auto; text-align:center; transition:all 0.6s;}
#h_title_4_2{ font-size:16px; text-align:center; margin-top:12px; font-weight:bold; color:#0186d5;  transition:all 0.6s;}


#h_title_5_0{ font-size:14px; color:#b9b9b9; text-align:center; text-transform:uppercase; margin-bottom:12px; transition:all 0.6s;}
#h_title_5_1{ width:40px; height:3px; background:#e7e7e7; display:block; margin:0 auto; text-align:center; transition:all 0.6s;}
#h_title_5_2{ font-size:16px; text-align:center; margin-top:12px; font-weight:bold; color:#0186d5;  transition:all 0.6s;}


.pro_icon_list ul li:nth-child(2){ margin-left:2%; margin-right:2%;}
.pro_icon_list ul li:nth-child(3){ margin-right:2%;}
.pro_icon{ width:79px; height:79px;  border-radius:100px; position:relative; top:-40px; margin:0 auto; text-align:center; z-index:997; border:1px solid #c4c4c4;}
.fenlei_title{ padding:0px 20px; text-align:center; color:#555; position:relative; top:-24px;}
.fenlei_title h2{ font-size:15px; font-weight:bold; color:#555;}

.both .navs {border:0px solid #000;width:100%;height:150px; margin-bottom:50px;}
@keyframes LYAnimation {0% {width:0;}100% {width:100%;}}
@keyframes TBAnimation {0% {height:0;}100% {height:146px;}}
@keyframes LYAnimationF {0% {width:100%;}100% {width:0;}}
@keyframes TBAnimationF {0% {height:146px;}100% {height:0;}}
.both .navs ul {width:100%;height:150px;margin-top:90px;}
.both .navs ul li:hover .fenlei_title{ color:#30b2e4;}
.both .navs ul li {border:2px solid transparent;width:22.1%;height:146px;line-height:43px;float:left;position:relative;cursor:pointer;	color:#000;transition:color 0.3s; background: #fff
; border:1px solid #e8e8e8;}
.both .navs ul li .liLineTop,.both .navs ul li .liLineBottom {animation-name:LYAnimationF;animation-duration:0.3s;animation-iteration-count:1;animation-direction:normal;animation-timing-function:linear;animation-fill-mode:both;}
.both .navs ul li .liLineLeft,.both .navs ul li .liLineRight {animation-name:TBAnimationF;animation-duration:0.3s;animation-iteration-count:1;animation-direction:normal;animation-timing-function:linear;animation-fill-mode:both;}
.both .navs ul li .liLineTop,.both .navs ul li .liLineBottom,.both .navs ul li .liLineLeft,.both .navs ul li .liLineRight {display:block; background-color:#0186d5 !important;position:absolute;}
.both .navs ul li .liLineTop,.both .navs ul li .liLineBottom {width:0;height:2px;}
.both .navs ul li .liLineLeft,.both .navs ul li .liLineRight {width:2px;height:0;}
.both .navs ul li .liLineTop {left:0;top:-1px;}
.both .navs ul li .liLineBottom {right:0;bottom:-1px;}
.both .navs ul li .liLineLeft {left:-1px;bottom:-1px;}
.both .navs ul li .liLineRight {right:-1px;top:-1px;}
.both .navs ul li:nth-child(2){ margin-left:3.32%; margin-right:3.32%;}
.both .navs ul li:nth-child(3){ margin-right:3.32%;}
.both .navs ul li:hover {color:#ff3131;transition:color 0.3s;}
.both .navs ul li:hover .liLineTop,.both .navs ul li:hover .liLineBottom {animation-name:LYAnimation;animation-duration:0.3s;animation-iteration-count:1;animation-direction:normal;animation-timing-function:linear;animation-fill-mode:both;}
.both .navs ul li:hover .liLineLeft,.both .navs ul li:hover .liLineRight {animation-name:TBAnimation;animation-duration:0.3s;animation-iteration-count:1;animation-direction:normal;animation-timing-function:linear;animation-fill-mode:both;}
.both .navs ul .liActive {border:1px solid #000;color:#ff3131;}

.navs ul li:nth-child(1) .pro_icon{ background:url(../images/yang_icon.png) #fff no-repeat center;}
.navs ul li:nth-child(2) .pro_icon{ background: url(../images/gu_Icon.png) #fff no-repeat center;}
.navs ul li:nth-child(3) .pro_icon{ background: url(../images/te_icon.png) #fff no-repeat center;}
.navs ul li:nth-child(4) .pro_icon{ background: url(../images/ding_icon.png) #fff no-repeat center;}
.fenlei_title p{ line-height:18px; font-size:12px;}

.both .navs ul li:hover .pro_icon{ border:1px solid #0186d5; transition:all 0.5s;}
.navs ul li:nth-child(1):hover .pro_icon{ background:url(../images/yang_icon_hover.png) #0186d5 no-repeat center;}
.navs ul li:nth-child(2):hover .pro_icon{ background:url(../images/gu_Icon_hover.png) #0186d5 no-repeat center;}
.navs ul li:nth-child(3):hover .pro_icon{ background:url(../images/te_icon_hover.png) #0186d5 no-repeat center;}
.navs ul li:nth-child(4):hover .pro_icon{ background:url(../images/ding_icon_hover.png) #0186d5 no-repeat center;}

.h_fangan{ padding:60px 0px; background:#f5f5f5;}
.h_fangan_list ul{ margin-top:50px;}
.h_fangan_list ul li{ width:179px; float:left; height:270px; box-sizing: border-box; padding:4px; background:#fff; border-bottom:3px solid #dbdbdb; margin-right:22.8px; }
.h_fangan_list ul li:last-child{ margin-right:0px !important;}
.img_text{ padding:28px;}
.ima_box{ width:171px; height:136px; overflow:hidden;}
.ima_box{ position:relative; top:0; opacity:1; z-index:996;}
.img_text_1{ width:171px; height:140px; position:relative; top:-140px; z-index:997; background:url(../images/img_bg.png) repeat 0 0; color:#fff; font-size:12px; padding:50px 20px; text-align:center; line-height:18px; opacity:0;}
.more{ margin:0 auto; text-align:center;}
.more a{ margin:0 auto; display:block; width:190px; height:36px; background:#e9e9e9; text-align:center; line-height:36px; color:#666; border-radius:6px;}
.more a:hover{ background:#0186d5; color:#fff; transition:all 0.6s;}
.img_text h2{ font-size:14px; color:#333; text-align:center; margin-bottom:20px;}
.img_text h3{ font-size:16px; color:#888; text-align:center; width:30px; height:30px; text-align:center; margin:0 auto; border:1px solid #eee; border-radius:100px; line-height:30px;}
.h_fangan_list ul li:hover{ border-bottom:3px solid #0186d5; transition:all 0.7s;}
.h_fangan_list ul li:hover .ima_box img{ transform:scale(1.2); transition:all 0.7s;}
.h_fangan_list ul li:hover .img_text h3{ border:1px solid #0186d5; color:#0186d5; transition:all 0.7s;}
.h_fangan_list ul li:hover .img_text h2{ color:#0186d5; transition:all 0.7s;}
.h_fangan_list ul li:hover .ima_box .img_text_1{ opacity:1; transition: all 0.1s; font-size:14px;}

.h_news{ padding:60px 0px;}
.h_news_list{ margin-top:40px; padding:30px; border:1px solid #eee;}
.h_new_pro{ width:334px; border-right:1px solid #f6f6f6; height:390px; float:left;}
.h_new_pro h2{ color:#30b2e4; font-size:16px; font-weight:bold;}
.h_news_1{ margin-top:20px; width:300px; float:left; margin-right:40px;}
.h_news_1 img{ width:300px; height:186px; overflow:hidden;}
.h_news_1_text{ margin-top:14px;}
.h_news_1:hover .h_news_1_text a:hover h2{ color:#30b2e4; transition:all 0.5s;}
.h_news_1:hover .h_news_1_text a:hover h3{ color:#30b2e4; transition:all 0.5s;}
.h_news_1_text a:hover h2{ color:#30b2e4; transition:all 0.5s;}
.h_news_1_text a:hover h3{ color:#30b2e4; transition:all 0.5s;}
.h_news_1_text h2{ font-size:13px; color:#555;}
.h_news_1_text h3{ margin-top:12px; line-height:18px; font-size:12px; color:#666; width:300px;}
.h_news_1_text h4{ height:26px; width:110px; border:1px solid #747474; line-height:26px; text-align:center; font-size:12px; margin-top:14px; border-radius:50px; color:#747474;}
.h_news_1_text h4:hover{ color:#fff; background:#30b2e4; transition:all 0.5s;  border:1px solid #30b2e4;}
.h_news_2{ float:left; margin-left:32px; width:370px; border-right:1px solid #f6f6f6; height:390px; padding-right:34px;}
.h_news_2 h2{ color:#30b2e4; font-size:16px; font-weight:bold; float:left;}
.h_news_2 h3{ float:right; display:inline-block;}
.h_news_2 ul{ margin-top:40px;}
.h_news_2 ul li{ padding-bottom:14px; border-bottom:1px dashed #e2e2e2; margin-top:14px;}
.h_news_2 ul li a{ font-weight:normal; font-size:13px; color:#666;}
.h_news_2 ul li a h2{ font-weight:normal; font-size:13px; color:#555; width:330px;}
.h_news_2 ul li a h2 span{ text-align:right; float:right; font-size:13px;}
.h_news_title{ height:20px; overflow:hidden;}
.h_news_text{ padding-top:14px; font-size:12px; color:#666; margin-top:16px;}
.h_news_2 ul li:hover{ border-bottom:1px dashed #0186d5;}
.h_news_2 ul li:hover .h_news_title h2{ color:#0186d5;}
.h_news_2 ul li:hover .h_news_title h2 span{ color:#0186d5;}
.h_news_more_1{ margin-top:16px;}
.h_news_more_1 a{ float:left; line-height:26px; }

.h_news_lis{ float:left; margin-left:32px; width:370px;}
.h_news_lis h2{ color:#30b2e4; font-size:16px; font-weight:bold; float:left;}
.h_news_lis h3{ float:right; display:inline-block;}
.h_news_lis ul{ margin-top:40px;}
.h_news_lis ul li{ padding-bottom:14px; border-bottom:1px dashed #e2e2e2; margin-top:14px;}
.h_news_lis ul li a{ font-weight:normal; font-size:13px; color:#666;}
.h_news_lis ul li a h2{ font-weight:normal; font-size:13px; color:#555; width:360px;}
.h_news_lis ul li a h2 span{ text-align:right; float:right; font-size:13px;}
.h_news_lis ul li a h2 i{ margin-right:8px;}
.h_news_text{ padding-top:14px; font-size:12px; color:#666; margin-top:16px;}
.h_news_lis ul li:hover{ border-bottom:1px dashed #0186d5;}
.h_news_lis ul li:hover .h_news_title h2{ color:#0186d5;}
.h_news_lis ul li:hover .h_news_title h2 span{ color:#0186d5;}
.h_news_more_1{ margin-top:16px;}
.h_news_more_1 a{ float:right; line-height:26px; }

.h_about{ padding:60px 0px; background:#f5f5f5;}
.h_about_img_list{ margin-top:40px;}
.servicesBox {width: 1200px;height: 344px;margin: 0 auto;clear: both;line-height: 18px;color: #999999;font-size: 14px;}
.servicesBox .serBox {cursor: pointer; display: inline;width: 262px;height: 342px;float: left;overflow: hidden;background-color: #fefefe;position: relative; margin-right:50px; }
.servicesBox .serBox:last-child{ margin-right:0px;}
.servicesBox .serBoxOn {font-family: "微软雅黑";display: none;width:262px;height: 342px; position: absolute; left: 0px; top: 0px;z-index: 19; background:#30b2e4; }
.servicesBox .serBox .pic1 {width:262px;height: 192px;text-align: center;position: absolute;right: 41px;z-index: 99;}
.servicesBox .serBox .pic2 {width:262px;height: 192px;text-align: center;position: absolute; left: -256px;z-index: 99;}
.servicesBox .serBox .txt1 {width: 130px;height: 106px;color: #999999; position: absolute;top: 212px;left:64px;z-index: 99;}
.servicesBox .serBox .txt2 {width: 130px;height: 106px;color: #a9cf4f; position: absolute;top: 212px; right:-152px;z-index: 99;}
.servicesBox .serBox span.tit {font-size:14px;display: block;text-align: center; height:36px; width:100px; text-align:center; border-bottom:1px solid #666; font-family: "微软雅黑"; font-weight:bold; margin:0 auto;}
.servicesBox .serBox span.tit1{font-size:14px;display: block;text-align: center; height:36px; width:100px; text-align:center; border-bottom:1px solid #fff; font-family: "微软雅黑"; font-weight:bold; color:#fff; margin:0 auto;}
.servicesBox .serBox .txt1 .tit {color: #666;}
.servicesBox .serBox .txt2 .tit {color: #fff;font-family: "微软雅黑";}
.servicesBox .serBox p { text-align: center; font-family: "微软雅黑"; text-transform: uppercase; padding-top:16px; font-size:14px; color:#30b2e4;}
.servicesBox .serBox .txt2 a p {color: #fff;}


.huoban{ padding:60px 0px 90px;}
.huoban_list{ margin-top:40px; border-top:1px solid #f5f5f5; border-left:1px solid #f5f5f5;  border-left:1px solid #f5f5f5;}
.huoban_list ul li{ width:239px; height:120px; overflow:hidden; border-right:1px solid #f5f5f5; border-bottom:1px solid #f5f5f5; cursor:pointer; float:left;}
.pic_1{ position:relative; top:0; opacity:1; transition:all 0.4s;}
.pic_2{ position:relative; top:0; opacity:0;}
.huoban_list ul li:hover .pic_1{ top:-120px; transition:all 0.4s; opacity:0;}
.huoban_list ul li:hover .pic_2{ top:-120px; opacity:1; transition:all 0.4s; z-index:998;}
/*--h_content end--*/

/*--footer start--*/
.footer{ padding:40px 0px; background:#e0e0e0;}
.foot_nav{ float:left;}
.foot_nav ul li{ float:left; margin-right:70px;}
.foot_nav ul li h4{ margin-bottom:26px;}
.foot_nav ul li h4 a{ font-size:15px; color:#353535;}
.foot_nav ul li h4 a:hover{ color:#30b2e4; text-decoration:underline; transition:all 0.5s;}
.foot_nav ul li p{ margin-bottom:16px; padding-left:16px; background:url(../images/foot_nav_a_bg.png) no-repeat left center;}
.foot_nav ul li p a{ font-size:12px; color:#747474;}
.foot_nav ul li p a:hover{ color:#30b2e4; transition:all 0.5s;}
.foot_nav ul li:last-child{ margin-right:0px;}
.foot_content{ float:right;}
.left_phone{ float:left;  margin-left:30px;}
.left_phone h4{ color:#30b2e4; font-weight:bold; font-size:24px; padding-left:40px; background:url(../images/foot_phone.png) no-repeat left center; margin-bottom:10px;}
.left_phone h3{ font-size:12px; color:#747474; margin-top:8px; margin-bottom:16px; line-height:24px;}
.left_phone h3 span{ font-size:13px;}
.left_phone p{ font-size:12px; color:#747474; margin-bottom:2px;}
.left_phone p span strong{ font-weight:bold !important;}
.foot_erweima{ float:right; margin-left:40px;}
.erweima_img{ width:118px; height:118px; background:#fff; padding:6px;}
.foot_erweima h4{ font-size:12px; color:#46464; margin-top:14px; text-align:center; padding-left:30px; background:url(../images/erweima_img_bg.png) no-repeat 18px center;}
.footer_banquan{ padding:16px 0px; background:#484848; color:#fff;}
.banquan{ float:left;}
.banquan p span{ margin:0px 14px;}
.link_footer{ float:right;}
.link_more a{ display:inline-block; padding:0px 10px; background:url(../images/nav_bg_a.png) no-repeat right center;}
.link_more a:hover{ color:#30b2e4; transition:all 0.5s;}
.link_more a:last-child{ padding:0px 0px 0px 10px; background:none; }
/*--footer end--*/


/*--n_content start--*/
.n_banner_img img{ width:100%; height:100%; text-align:center;}
.n_nav{ padding:20px 0px; background:#fff; box-shadow: 0 0 8px 1px rgba(0, 0, 0, 0.1); position:relative; z-index:997;}
.n_content_box{ padding:40px 0px 60px; background:#f8f8f8;}
.weizhi{ height:36px; line-height:36px; float:left;}
.weizhi a{ padding-right:30px; padding-left:20px; background:url(../images/weizhi_a_bg_01.png) no-repeat right center;}
.weizhi a:hover{ color:#30b2e4;}
.weizhi a:last-child{ background:none;}
.n_nav_list{ float:right; height:36px; line-height:36px;}
.n_nav_list ul li{ display:inline-block; margin-left:10px; }
.n_nav_list ul li a{ padding:0px 30px; display:block; color:#333;}
.n_nav_list ul li a:hover{ color:#30b2e4; border:1px solid #30b2e4; border-radius:100px; transition:all 0.1s;}
.current_3{ color:#0186d5 !important;}
.n_nav_list ul li a.current{ border:1px solid #30b2e4; border-radius:100px; color:#30b2e4;}
.n_title{ font-size:20px; text-align:center; font-weight:bold;}
.n_box{ padding:40px 60px; background:#fff;  font-size:14px; color:#666; margin-top:30px;}
.n_title_yu{ text-align:center; color:#30b2e4; font-size:14px; padding-top:20px;}
.n_about_text{line-height:24px; text-indent:2em; font-size:14px;}
.n_about_text p{ text-indent:2em;}
.n_pro_list{ margin-bottom:30px;}
.n_pro_list h3{ padding-left:36px; height:36px; line-height:36px;}
.n_pro_list h3 a{ color:#30b2e4; font-size:16px; font-weight:bold;}
.n_pro_list ul{ margin-top:20px; width:1120px;}
.n_pro_list ul li{ width:163.2px; background:#f5f5f5;  height:40px; line-height:38px;  float:left; margin-right:20px; margin-bottom:20px; border-radius:6px;}
.n_pro_list ul li a{ font-size:13px; color:#666; display:block; text-align:center; width:163.2px; height:36px; line-height:40px;}
.n_pro_list ul li a span{ margin-left:14px;}
.n_pro_list ul li:hover{ width:163.2px; padding:2px; border:2px solid #dcdcdc; height:40px; border-radius:6px;}
.n_pro_list ul li:hover a{ color:#40a2c8; background:#dcdcdc; font-size:15px; transition:all 0.3s; width:155px; height:32px; line-height:32px;}

.n_news_list{ margin-top:30px;}
.n_news_list ul li{  background:#fff; margin-bottom:30px;}
.news_img{ width:285px; height:190px; float:left;}
.news_text{ float:left; width:915px; padding:20px 30px;}
.news_text h2{ color:#333; font-size:14px;}
.news_text h3{ width:30px; height:2px; background:#30b2e4; margin:14px 0px;}
.news_text h4{ font-size:12px; color:#666;}
.n_news_text{ margin:14px 0px; font-size:12px; color:#666; line-height:20px;}
.news_text h5{ font-size:13px; color:#30b2e4;}
.n_news_list ul li:hover{ background:#30b2e4; transition:all 0.5s;}
.n_news_list ul li:hover .news_text h2{ color:#fff;}
.n_news_list ul li:hover .news_text h3{ background:#fff;}
.n_news_list ul li:hover .news_text h4{ color:#fff;}
.n_news_list ul li:hover .news_text h5{ color:#fff;}
.n_news_list ul li:hover .n_news_text{ color:#fff;}

#dcms_pager .pages {border:none;text-transform:uppercase;font-size:12px; padding:20px 0px;height:20px;clear:both;text-align:center; margin-bottom:20px; }
#dcms_pager .pages a { border:1px solid #dcdcdc;text-decoration:none;margin:0 10px 0 0;padding:8px 10px;font-size:14px;height:20px;line-height:20px; cursor:pointer; color:#666;}
#dcms_pager .pages a:hover {border:1px solid #30b2e4; color:#30b2e4;}
#dcms_pager .pages .pgempty {border:1px solid #dcdcdc;color:#666;}
#dcms_pager .pages .pgcurrent {border:1px solid #30b2e4;color:#fff;font-weight:bold;background-color:#30b2e4;}

.n_news_box{ padding:30px; background:#fff; margin-top:40px;}
.n_news_title{ padding-bottom:30px; border-bottom:1px solid #eee;}
.n_news_title h2{ text-align:center; font-size:18px; color:#333;}
.n_news_time{ margin-top:24px; text-align:center;}
.n_news_time h2{ color:#666; font-size:13px; display:inline-block; position:relative; top:-10px;}
.n_news_time h3{ display:inline-block; margin:0px 30px; font-size:13px; color:#666; position:relative; top:-10px;}
.n_news_time h4{ color:#666; font-size:13px; display:inline-block; margin-left:20px; }
.n_news_time h4 i{ float:left; line-height:24px;}
.n_news_time h4 span{ display:inline-block;}
.bdshare-button-style1-16::after{ display:none !important;}

.n_news_content{ padding:40px 0px 20px; border-bottom:1px solid #eee;}
.n_news_content p{ font-size:12px; color:#666; text-indent:2em; line-height:24px; margin-bottom:20px;}

.n_news_page{ padding:20px 0px;}
.n_news_pag{ float:left;}
.n_news_pag h2{ font-size:14px; color:#555;}
.n_news_pag h2 a{ font-size:13px; color:#555; padding-left:10px;}
.n_news_pag h3{ margin-top:10px; font-size:14px; color:#555; }
.n_news_pag h3 a{ font-size:13px; color:#555;}
.n_news_pag h2 a:hover{ color:#30b2e4;}
.n_news_pag h3 a:hover{ color:#30b2e4;}
.news_fanhui{ height:40px; line-height:40px; float:right;}
.news_fanhui a{ font-size:14px; font-weight:bold;  padding-left:30px; display:block; width:140px; background:#bde6f1; color:#fff; border-radius:100px;}
.news_fanhui a:hover{ color:#fff; background:#30b2e4; transition:all 0.5s;}
.n_nav_list h4{ font-size:14px; padding-left:40px; background:url(../images/kefu_icon.png) no-repeat left center;}
.n_nav_list h4 span{ padding-left:20px; color:#ea0000; font-weight:bold;}
.n_fangan_nav{ padding:20px; background:#fff;}
.fangan_nav{margin:30px 0px;}
.fangan_nav ul{ text-align:center; margin:0 auto; width:1200px;}
.fangan_nav ul li{ float:left; border-top:1px solid #c6c6c6; border-bottom:1px solid #c6c6c6; border-left:1px solid #c6c6c6; height:46px; width:200px; margin-bottom:20px;}
.fangan_nav ul li:nth-child(6){ border-right:1px solid #c6c6c6;}
.fangan_nav ul li:last-child{ border-right:1px solid #c6c6c6;}
.fangan_nav ul li a{ line-height:46px; text-align:center; display:block; color:#666; font-size:13px;}
.fangan_nav ul li a:hover{ color:#fff; background:#30b2e4; transition:all 0.5s;}
.fangan_nav ul li a.current_1{ color:#fff; background:#30b2e4; }

.fangan_nav_1{margin:30px 0px;}
.fangan_nav_1 ul{ width:1200px; margin:0 auto; text-align:center !important;}
.fangan_nav_1 ul li{ float:left; border-top:1px solid #c6c6c6; border-bottom:1px solid #c6c6c6; border-left:1px solid #c6c6c6; height:46px; width:200px; text-align:center !important; margin-bottom:20px;}
.fangan_nav_1 ul li:nth-child(6){ border-right:1px solid #c6c6c6;}
.fangan_nav_1 ul li:last-child{ border-right:1px solid #c6c6c6;}
.fangan_nav_1 ul li a{ line-height:46px; text-align:center; display:block; color:#666; font-size:13px;}
.fangan_nav_1 ul li a:hover{ color:#fff; background:#30b2e4; transition:all 0.5s;}
.fangan_nav_1 ul li a.current_1{ color:#fff; background:#30b2e4; }

.n_fangan_list{ margin-top:20px;}
.n_fangan_list ul li{ width:575px; height:200px; background:#fff; padding:20px; float:left; margin-right:40px; margin-bottom:30px;}

.n_text_box ul li{ margin-bottom:50px;} 

.n_fangan_list ul{ width:1240px;}
.n_fangan_img{ width:277px; height:180px; overflow:hidden; float:left;}
.n_fangan_text{ float:left; margin-left:30px; width:223px;}
.n_fangan_text h4{ font-size:14px; color:#30b2e4; line-height:32px;}
.n_fangan_text h2{ font-size:16px; color:#888;}
.n_fangan_text p{ font-size:12px; color:#666; padding:10px 0px;}
.n_fangan_list ul li a{ display:block; width:575px; height:200px;}
.n_fangan_list ul li:hover{ background:#ddd; transition:all 0.5s; box-shadow: 0 0 8px 1px rgba(0, 0, 0, 0.1);}
.n_fangan_list ul li:hover .n_fangan_text h2{ color:#30b2e4;}
.job_list{ border-top:3px solid #007a3d;}
.job_list ul{ background-color:rgba(249,249,249,0.8); height:50px; line-height:50px;}
.job_list ul li{ text-align:center; font-size:14px; color:#8b8b8; float:left;}
.job_list ul li.name{ width:188px;}
.job_list ul li.xueli{ width:180px;}
.job_list ul li.didian{ width:180px;}
.job_list ul li.renshu{ width:180px;}
.job_list ul li.yaoqiu{ width:180px;}
.job_list ul li.qixian{ width:170px;}
#css3-animated-example h2{ height:50px; background-color:rgba(255,255,255,0.8); line-height:50px; border:1px solid #eee;}
#css3-animated-example h2:hover{ background:#f9f9f9; transition:all 0.5s;}
#css3-animated-example h2 + div {height: 0px;padding: 0px;overflow: hidden; display: block!important; -webkit-transform: translateZ(0);-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-o-transition: all 0.3s ease;-ms-transition:all 0.3s ease;transition: all 0.3s ease; border-right:1px solid #eee; border-left:1px solid #eee;}
#css3-animated-example .content { width:1080px; padding:10px 60px 30px;}
#css3-animated-example h2.open + div { height: auto; }
.zhiwei{ width:188px; text-align:center;}
.zhiwei_jianjie{ width:180px; text-align:center;}
.didian{ width:180px; text-align:center;}
.shijian{ width:180px; text-align:center;}
.zhiwei_more{  width:170px; text-align:center;}
#css3-animated-example .content h3{ border:none; color:#007a3d; margin-bottom:20px; margin-top:20px;}
#css3-animated-example .content p{ font-size:12px; color:#666; line-height:24px;}

.yuangongfengcai{ background:#f8f8f8; width:100%; padding:40px 0px;}
.yuangongfengcai ul{ margin-top:40px; width:1240px;}
.yuangongfengcai ul li{ width:373px; height:200px; float:left; cursor:pointer; overflow:hidden; margin-right:40px; margin-bottom:40px;}
.yuangongfengcai ul li .yuangong_img{ width:373px; height:200px; position:relative; top:0; overflow:hidden; z-index:995;}
.yuangongfengcai ul li .yuangong_name{ color:#fff; height:50px; background:#30b2e4; position:relative; top:0px; z-index:996; line-height:50px; padding-left:20px; opacity:0;}
.yuangongfengcai ul li .yuangong_name h1{ float:right; width:30px; height:30px; background:#fff; color:#30b2e4; display:block; border-radius:100px; line-height:30px; margin-top:10px; margin-right:20px; text-align:center;}
.yuangongfengcai ul li:hover .yuangong_img img{ transform:scale(1.2); transition:all 0.5s;}
.yuangongfengcai ul li:hover .yuangong_name{ opacity:1; position:relative; top:-50px; transition:all 0.3s;}

.n_text_box ul li{ width:360px; height:120px; border-right:1px solid #ccc; text-align:center; float:left;}
.n_text_box ul li:nth-child(3){ border-right:0px;}
.n_text_box ul li h1{ margin-bottom:30px;}
.n_text_box ul li h2 span{ padding-left:20px;}
.liuyan_box ul{ margin-top:30px; width:1200px;}
.liuyan_box ul li{ width:340px; height:40px; border-right:0px; float:left; background:url(../images/liuyan_list_bg.png) repeat 0 0; margin-right:30px;} 
.liuyan_name,.liuyan_gongsi,.liuyan_liaxni{ width:310px; height:40px; background:none; border:none; padding-left:10px; color:#666;}
.n_mes_box{ width:1080px !important; height:220px; padding:20px; margin:30px 0px; background:url(../images/liuyan_list_bg.png) repeat 0 0;}
.neirong{ width:1080px; background:none; border:none; height:220px; font-size:14px; color:#666;}
.tijiao{  float:right;}
.tijiaoanniu{ width:160px; height:50px; background:#30b2e4; color:#fff; line-height:40px; text-align:center;}
.tijiaoanniu:hover{ background:#38bdf0; transition:all 0.5s;}
.quxiao{ width:160px; height:50px; background:#b7b7b7; color:#fff; line-height:40px; text-align:center; margin-left:10px;}
.n_pro_box{ padding:30px 30px; background:#fff; border-radius:6px; margin-bottom:30px;}
.left_pro_nav{ width:240px; float:left;}
.n_pro_list_right{ float:right; width:850px;}
.n_pro_list_right h5{ height:40px; font-size:14px; color:#666; border-bottom:1px solid #ccc;}
.n_pro_list_right h5 span{ font-size:14px; padding-left:20px; border-left:4px solid #39c0f4; float:left;}
.n_pro_list_right h5 i{ float:right; font-size:14px;}
.n_pro_list_right h5 i a{ margin:0px 10px; color:#666;}
.n_pro_list_right h5 i a:hover{ color:#39c0f4; text-decoration:underline;}
.n_pro_list_right ul{ margin-top:30px; width:870px;}
.n_pro_list_right ul li{ width:260px; height:240px; padding:10px;  float:left; margin-right:30px; margin-bottom:10px;  overflow:hidden;}
.n_pro_text{ padding:14px 0px 2px; background:#f5f5f5; text-align:center; color:#666; font-size:12px; position:relative; top:0px; z-index:999;}
.n_pro_text h3{ font-size:14px; line-height:20px; margin-bottom:20px;}
.n_pro_text h4{ font-size:22px; width:100px; height:30px; font-size:12px; line-height:30px; color:#999; margin:0 auto; border:1px solid #999;}
.n_pro_list_right ul li:hover .fenlei_nav_title{ opacity:1; transition:0.5s; top:-170px;}

.pro_name{ margin:40px 0px 20px; text-align:center; font-size:18px; color:#30b2e4;}
.pro_img{ margin-top:30px; height:288px;}
.pro_img img{ float:left; margin-right:40px; width:388px; height:288px; padding:6px; border:1px solid #E8E8E8;}
.pro_img_ti{ width:420px; float:right;}
.pro_img h1{ margin-bottom:20px; height:50px; border-bottom:1px solid #ECECEC; color:#0186d5; font-size:26px; }
.pro_img p{ font-size:14px; color:#666; line-height:24px; padding-bottom:6px;}
.pro_img p span{ padding-right:6px;}

.unstyledList, .tabBlock-tabs {list-style: none; margin: 0; line-height:40px; text-align:center; margin:0 auto; margin-top:40px; margin-bottom:30px; border-bottom:2px solid #eee; padding-bottom:30px !important; width:1120px;}
.tabBlock-tabs li{ width:120px !important; height:40px !important; text-align:center;  border:1px solid #eee; border-radius:100px; margin-left:10px; padding-bottom:40px;}
.tabBlock-tab {  color:#666; cursor: pointer;display: inline-block; width:160px;}
.tabBlock-tab:hover{ background: #45aec9 !important; color:#fff !important;}
.tabBlock-tab.is-active { position: relative;  color: #fff; background:#45aec9; z-index: 1; border:1px solid #30b2e4;}
.tabBlock-tab.is-active::before {background-color: #45aec9;}
.tabBlock-pane > :last-child { margin-bottom: 0;}
.tabBlock-content{ margin-top:20px; color:#666; font-size:14px; line-height:24px; width:1120px; margin-left:10px;}
.pro_page{ margin-top:60px; width:140px; background:#bde6f1; color:#fff; line-height:50px; float:right; border-radius:100px;}
.pro_page h1{ font-size:14px; color:#555; float:left;}
.pro_page h1 a{ font-size:14px; color:#888; margin-left:6px; transition:all 0.5s;}
.pro_page h1 a:hover{ color:#30b2e4; transition:all 0.5s;}
.pro_page h2{ font-size:14px; color:#555; float:left; margin-left:50px;}
.pro_page h2 a{ font-size:14px; color:#888; margin-left:6px;}
.pro_page h2 a:hover{ color:#30b2e4; transition:all 0.5s;}

.zhaopin_nav{ margin:0 auto; text-align:center;  width:300px; height:50px; border:1px solid #007a3c; line-height:50px; border-radius:100px;}
.zhaopin_nav a{ width:149px; height:48px; text-align:center; float:left; display:block; padding-left:42px;}
.shehui{ background:url(../images/shehui_bg.png) #fff no-repeat 24px center; border-top-left-radius:50px; border-bottom-left-radius:50px;}
.zhaopin_nav a.shehui:hover { background:url(../images/shehui_hover_bg.png) #007a3c no-repeat 24px center; color:#fff; border-top-left-radius:100px; border-bottom-left-radius:100px; transition:all 0.5s;}
.xiaoyuan{ background:url(../images/xiaoyuan_bg.png) no-repeat 24px center; background-color:#fff; border-top-right-radius:50px; border-bottom-right-radius:50px;}
.zhaopin_nav a.xiaoyuan:hover{ background:url(../images/xiaoyuan_hover_bg.png) #007a3c no-repeat 24px center; color:#fff; border-top-right-radius:100px; border-bottom-right-radius:100px; transition:all 0.5s;}

.n_huoban_list{ margin-top:40px;}
.n_huoban_list ul li{ width:238px; height:154px; float:left; cursor:pointer; margin-right:2px; margin-bottom:2px; position:relative; top:0; overflow:hidden; background:#fff;}
.n_huoban_img{ height:154px;}
.n_huoban_text{ width:238px; height:154px; padding:40px 20px; background:#30b2e4; color:#fff; position:relative; top:0; opacity:0;}
.n_huoban_text h2{ font-size:14px; margin-bottom:4px;}
.n_huoban_list ul li:hover .n_huoban_text{ opacity:1; top:-154px; transition:all 0.5s; position:relative; z-index:997;}

.n_about_box{ padding:60px 0px;}
.n_title_bg{ text-align:center; margin: 0 auto; width:120px; height:1px; background:#ccc;}
.n_about_box_2{ margin-top:30px; height:490px; background:#f5f5f5;}
.n_about_left_img{ width:600px; height:431px; float:left;}
.n_about_right_text{ float:left; padding:40px; width:600px; color:#666; line-height:28px;}
.n_about_right_text h2{ font-size:18px; margin-bottom:20px; color:#333;}
.n_about_right_text h3{ width:90px; height:2px; background:#30b2e4; margin-bottom:20px;}
.n_about_wenhua{ margin-top:60px; margin-bottom:40px; padding:30px 0px; background:url(../images/n_wenhua_bg.jpg) no-repeat center;}
.n_about_wenhua h2{ font-size:20px; color:#333; text-align:center; font-weight:bold; margin-bottom:40px;}
.n_about_wenhua ul{ padding-bottom:40px;}
.n_about_wenhua ul li{ width:400px; float:left; display:block; text-align:center; cursor:pointer;}
.wenhua_text{ padding:30px 20px;}
.wenhua_text h3{ font-size:16px; color:#333; padding-bottom:16px;}
.wenhua_text p{ color:#555;}
.wenhua_icon img{ transition: all 2s;-moz-transition: all 2s;-webkit-transition: all 2s;-o-transition: all 2s;}
.n_about_wenhua ul li:hover .wenhua_icon img{ transform:rotateY(360deg);-ms-transform:rotateY(360deg);-moz-transform:rotateY(360deg);-webkit-transform:rotateY(360deg); -o-transform:rotateY(360deg);}

.n_about_yanfa{ margin:50px 0px;}
.n_about_yanfa h2{ font-size:20px; text-align:center; color:#333; font-weight:bold; margin-bottom:40px;}

.Div1{width:1200px;height:auto; margin:30px auto;overflow:hidden;position:relative;}
.Div1_title{height:32px;width:1000px;padding-bottom:3px;background:url(../images/lizi_img001.jpg) repeat-x;}
.Div1_title span{float:right;display:block;padding:8px 15px 0 0;height: 40px;}
.Div1_title span b , .Div1_title span a{display:block;float:left;}
.Div1_title span b , .Div1_title span b img{width:11px;height:11px;}
.Div1_title span b img{cursor:pointer;}
.Div1_prev{padding:2px 10px 0 0;}
.Div1_next{padding:2px 0 0 0px;}
.Div1_main{padding-top:13px;height:300px;width:10000px;overflow:hidden;position:relative;z-index:1;}
.Div1_main div{width:1200px;height:300px;float:left;}
.Div1_main span{ width:360px; height:290px;display:block;float:left; margin-left:20px; margin-right:20px; overflow:hidden;}
.Div1_main span i{ width:360px; height:40px; background:#f0f2f3;; color:#666; line-height:40px; text-align:center;}
.Div1_main span a{display:block;}
.Div1_main_a1 , .Div1_main_a1 img{ width:360px;height:250px;}
.Div1 .Div1_prev1 ,.Div1 .Div1_next1{display:block;width:40px;height:40px;position:absolute;cursor:pointer;z-index:2;top:102px;}
.Div1 .Div1_prev1 img ,.Div1 .Div1_next1 img{width:40px;height:40px;}
.Div1 .Div1_prev1:hover ,.Div1 .Div1_next1:hover{opacity:0.7;.filter:alpha(opacity=70)}
.Div1 .Div1_prev1{left:0px;}
.Div1 .Div1_next1{right:0px;}

.n_about_rongyu h2{ font-size:20px; font-weight:bold; color:#333; text-align:center; margin-bottom:40px;}

.portfolio-categ{margin-bottom:30px;}
.portfolio-categ li{display:inline;margin-right:10px;}
.image-block{ display:block;position: relative;}
.portfolio-area li{float: left; overflow: hidden;width: 224px; margin-right:20px; height:310px; background:#f0f2f3; padding:10px; margin-bottom:20px;}
.home-portfolio-text h2{ font-size:14px; color:#666; margin-bottom:0px; font-weight:normal;}
.portfolio-area{ width:1250px;}
.portfolio-area li img{ transition: all 2s;-moz-transition: all 2s;-webkit-transition: all 2s;-o-transition: all 2s;}
.portfolio-area li:hover img{ transform:rotateY(360deg);-ms-transform:rotateY(360deg);-moz-transform:rotateY(360deg);-webkit-transform:rotateY(360deg); -o-transform:rotateY(360deg);}
.portfolio-area li:hover .home-portfolio-text h2{ color:#30b2e4 !important;}

.n_pro_nav_bg{ height:6px;width:1200px; position:relative; top:-80px; z-index:998;}
.n_pro_nav_bg h1{ width:312px; height:6px; background:#39c0f4;  float:left;}
.n_pro_nav_bg h2{ width:888px; height:6px; background:#dbdbdb; float:left;}

.n_pro_img{ width:240px; height:170px; overflow:hidden; text-align:center; position:relative; top:0; z-index:997;}
.n_pro_img img{ text-align:center; }
.fenlei_box_list{ width:240px; height:170px; overflow:hidden;}
.fenlei_nav_title{ width:240px; height:170px;  position:relative; top:0px; z-index:998; background:url(../images/fenlei_nav_title_bg01.png) repeat 0 0; color:#fff; text-align:left;line-height:24px; opacity:0; transition:all 0.5s; padding:20px; font-size:12px;}
.pro_img_ti a.pro_canshu{ width:110px; height:33px; background:url(../images/xiazai_icon.png) #0186d5 no-repeat 14px center; display:block; border-radius:2px; color:#fff; line-height:33px; text-align:center; padding-left:30px; margin-top:20px; float:left;}
.pro_img_ti a.pro_numb{ width:110px; height:33px; background:url(../images/xiazai_icon.png) #d0d0d0 no-repeat 14px center; display:block; border-radius:2px; color:#666; line-height:33px; text-align:center; padding-left:30px; margin-top:20px; float:left; margin-left:10px;}

.tuijian_pro{ margin-top:60px;}
.tuijian_pro h4{ font-size:20px;}


.wc960{margin:0 auto;width:1120px;}
.fl{float:left;}
.fr{float:right;}
.mt30{margin-top:30px;}
.icon{background:url(../images/icon.png) no-repeat 0 0;}

.warp-pic-list li{float:left;display:inline;}
.warp-pic-list .img_wrap{display:block;font-size:0;overflow:hidden;}
.warp-pic-list .text-area{background-color:#f2f2f2;line-height:24px;}
/*全局板块*/
.row .hd{ height:55px; border-bottom:2px solid #eee;}
.row .hd .title{font:22px/40px "微软雅黑","Microsoft YaHei","黑体","SimHei";}
/*全局页签*/
.tab-T-3 li{width:12px;height:12px;font-size:0;background-color:#dfdfdf;float:left;margin-left:10px;cursor:pointer;display:inline;}
.tab-T-3 li.cur{background-color:#d81c1b;}
/*热门车型*/
.rowE .warp-pic-list{position:relative;width:1120px;height:230px;overflow:hidden;}
.rowE .count li{margin-right:20px;width:208px;height:178px; overflow:hidden;}
.rowE .count .img_wrap{width:208px;height:135px;}
.rowE .count li .text-area{ height:178px; color:#666; padding-top:12px; position:relative; top:0;  z-index:998; transition:all 0.5s;}
.rowE .count li .text-area  h1{line-height:24px;height:24px; text-align:center;}
.rowE .count li .text-area  p{ font-size:12px; padding:6px 14px; line-height:14px;}
.rowE .count li:hover .text-area,.rowE .count li.hover .text-area{ background-color: rgba(103,103,103,.9);color:#fff;}
.rowE .count .p-num{font-family:"Tahoma";font-weight:bold;}
.rowE .btn{display:block;height:55px;position:absolute;top:78px;width:35px;z-index:200;cursor:pointer;}
.rowE .prev{ background-position:0 -88px;left:0;}
.rowE .prev:hover{background-position:0 -144px;}
.rowE .next{ background-position:0 -200px;right:0;}
.rowE .next:hover{background-position:0 -256px;}
.rowE .count .img_wrap{ position:relative; top:0; z-index:994;}
.rowE .count li:hover .text-area{ top:-140px;}

.pro_news_n h4{ font-size:22px; height:50px; border-bottom:2px solid #eee;} 
.pro_news_n ul{ margin-top:30px; width:1160px;}
.pro_news_n ul li{ width:540px; height:90px; float:left; margin-right:40px; margin-bottom:40px;}
.pro_news_n ul li:hover{ background:#e0e0e0; transition:all 0.5s;}
.pro_news_n ul li:hover .n_news_right_box h2{ color:#30b2e4;}
.pro_news_n ul li:hover .n_news_right_box h3{ color:#30b2e4;}
.n_pro_news_time{ width:90px; height:90px; text-align:center; font-size:18px; padding:20px 0px; background:#e0e0e0; float:left;}
.n_pro_news_time span{ display:block; font-size:12px; color:#666; font-weight:normal; margin-top:10px;}
.n_news_right_box{ width:430px; float:left; margin-left:20px;}
.n_news_right_box h2{ font-size:14px; color:#333; margin-top:6px;}
.n_news_right_box h3{ font-size:12px; color:#666; margin-top:10px; line-height:22px;}

.h_link{ height:70px;}
.h_link ul{ margin:17px 0px; height:16px;}
.h_link ul h2{ font-weight:bold; float:left; color:#30b2e4; line-height:16px; margin:17px 0px; height:16px; font-size:15px;}
.h_link ul li{ float:left; padding:0px 30px; border-right:1px solid #eee; height:16px; line-height:16px; margin:17px 0px;}
.h_link ul li:last-child{ border-right:none;}
.h_link ul li a{ font-size:14px; color:#888;}
.h_link ul li a:hover{ color:#30b2e4; transition:all 0.7s;}

.fangan_h{ height:650px; background:#f5f5f5; padding:60px 0px;}
.fangan_list{ margin-top:35px;}
.fangan_list ul li{ width:380px; height:190px; float:left; overflow:hidden; position:relative; top:0px; transition:all 0.4s; margin-bottom:30px;}
.fangan_list ul li:nth-child(2){ margin-right:30px; margin-left:30px;}
.fangan_list ul li:nth-child(5){ margin-right:30px; margin-left:30px;}
.h_fangan_img{ position:relative; top:0; z-index:996; width:380px; height:190px; overflow:hidden;}
.h_fangan_title{ width:380px; height:190px; position:relative; top:-70px; z-index:997; padding:30px; transition: 0.5s;}
.h_fangan_title h2{ font-size:16px; color:#fff; margin-bottom:14px;}
.h_fangan_title h3{ font-size:12px; color:#fff; margin-bottom:14px; display:none;}
.fangan_list ul li:hover{ position:relative; top:-10px; transition:all 0.4s;}
.h_fangan_title h4{ width:100px; height:30px; background:url(../images/hangye_h4.png) repeat 0 0; color:#fff; text-align:center; line-height:30px; font-size:12px; display:none;}
.fangan_list ul li:hover .h_fangan_title{ position:relative; top:-190px; background:url(../images/hangye_bg.png) repeat 0 0; transition: 0.5s;}
.fangan_list ul li:hover .h_fangan_title h3{ display:block;}
.fangan_list ul li:hover .h_fangan_title h4{ display:block;}


 .accordion {width: 100%;max-width: 218px;margin: 0px auto 20px; }
.accordion .link {cursor: pointer;display: block;padding: 0px 15px 0px 50px;color: #585858;font-size: 17px; background:url(../images/leftmenu_bg.jpg) no-repeat center; position: relative;-webkit-transition: all 0.4s ease;-o-transition: all 0.4s ease;transition: all 0.4s ease; height:46px; line-height:46px; margin-top:14px;}
.accordion .link:nth-child(1){ margin-top:14px;}
.accordion li i {position: absolute;top: 13px;left: 20px;font-size: 18px;color: #595959;-webkit-transition: all 0.4s ease;-o-transition: all 0.4s ease;transition: all 0.4s ease;}
.accordion li i.fa-chevron-down {right: 18px;left: auto;font-size: 14px; width:24px; height:24px; background:#fff; text-align:center; line-height:22px; border-radius:100px; color:#c7c7c7;}
.accordion li.open .link {color: #39c0f4;}
.accordion li.open i {color: #fff; background:#39c0f4 !important;}
.accordion li.open i.fa-chevron-down {-webkit-transform: rotate(180deg);-ms-transform: rotate(180deg);-o-transform: rotate(180deg);transform: rotate(180deg);}

/**
 * Submenu
 -----------------------------*/
 .submenu {display: none;background: #f9f9f9;font-size: 14px; }
 .submenu li {border-bottom: 1px solid #e6e6e6;}
 .submenu a {display: block;text-decoration: none;color: #666;padding: 15px;padding-left: 58px;-webkit-transition: all 0.25s ease;-o-transition: all 0.25s ease;transition: all 0.25s ease; font-size:15px;}
 .submenu a:hover {color: #39c0f4; background:url(../images/sub_nav_a_bg.png) no-repeat left center; transition:all 0.3s;}
#accordion h2{ height:60px; width:240px; display:block; font-size:20px; color:#333; line-height:60px; padding-left:40px; background:url(../images/left_h2_bg.jpg) no-repeat left center; font-weight:bold; }


.n_hangye_title{ height:50px; font-size:16px; color:#30b2e4; font-weight:bold;}
.n_hangye_text p{ margin-bottom:20px; line-height:22px; font-size:12px; color:#666;}

.hangye_box{ margin-bottom:30px; background:#efefef; padding:40px 60px;}
.pro_tuijian{ height:50px; font-size:15px; color:#000; font-weight:bold;}
.hangye_box ul{ width:1200px;}
.hangye_box ul li{ height:36px; width:160px; float:left; border-bottom:1px dashed #fff; margin-right:70px; margin-bottom:30px;}
.hangye_box ul li a{ font-size:13px; color:#666; transition:all 0.5s;}
.hangye_box ul li:hover{ border-bottom:1px dashed #30b2e4;}
.hangye_box ul li a span{ float:right; margin-right:6px;}
.hangye_box ul li a:hover{ font-size:14px; color:#30b2e4; transition:all 0.3s;}

.pro_fenlei_nav ul li{background:#fbfbfb !important; width:1120px; padding:0px; margin-right:0px; margin-bottom:0px; height:70px;  border-left:1px solid #eee; border-bottom:1px solid #eee; line-height:70px !important;}
.pro_fenlei_nav ul li h2{ display:inline-block; width:180px; height:70px; background:#45aec9; float:left; text-align:center; font-size:14px; line-height:70px; color:#fff; font-weight:bold; border-right:1px solid #f2f2f2;}
.pro_fenlei_nav ul li p{ font-size:13px; display:inline-block; width:180px; height:70px; text-align:center; float:left;border-right:1px solid #f2f2f2; line-height:70px;}
.pro_fenlei_nav ul li:last-child{ border-bottom:1px solid #eeee !important;} 
.pro_fenlei_nav ul li h2.pro_name_4_4{ width:140px;}
.pro_fenlei_nav ul li p.pro_name_4{ width:140px; height:70px; line-height:70px;}
.pro_fenlei_nav ul li p.pro_name_1{ width:160px; word-wrap:break-word; height:70px; line-height:70px;}
.pro_fenlei_nav ul li h2.pro_name_1_1{ width:160px; word-break:none !important;}
.pro_fenlei_nav ul li p.pro_name_2{ width:160px; word-break:none !important; height:70px; line-height:70px;}
.pro_fenlei_nav ul li h2.pro_name_2_2{ width:160px; line-height:70px;}
.pro_fenlei_nav ul li p.pro_name_3{ width:150px;word-break:none !important;}
.pro_fenlei_nav ul li h2.pro_name_3_3{ width:150px;word-break:none !important;}
.pro_fenlei_nav ul li p.pro_name_5{ width:79px !important; line-height:70px;}
.pro_fenlei_nav ul li h2.pro_name_5_5{ width:79px !important;}
.pro_fenlei_nav ul li p.pro_name_6{ width:90px !important; word-break:none !important;}
.pro_fenlei_nav ul li p.pro_name_7{ width:90px !important; word-break:none !important;}
.pro_fenlei_nav ul li h2.pro_name_6_6{ width:90px; word-break:none !important;}
.pro_fenlei_nav ul li h2.pro_name_7_7{ width:80px !important; word-break:none !important;}
.pro_fenlei_nav ul li:nth-child(4){ background:#f4f4f4 !important;}
.pro_fenlei_nav ul li:nth-child(6){ background:#f4f4f4 !important;}
.pro_fenlei_nav ul li:nth-child(8){ background:#f4f4f4 !important;}
.pro_fenlei_nav ul li:nth-child(10){ background:#f4f4f4 !important;}
.pro_fenlei_nav ul li:nth-child(12){ background:#f4f4f4 !important;}
.pro_fenlei_nav ul li:nth-child(14){ background:#f4f4f4 !important;}
.pro_fenlei_nav ul li:nth-child(16){ background:#f4f4f4 !important;}
.pro_fenlei_nav ul li:hover{ background:none;}
.pro_name_5 a{ color:#007a3d;}
.pro_name_5 a:hover{ color:red; transition:all 0.5s;}
.n_pro_p{ max-width:1120px; margin:0 auto; line-height:24px; padding:20px; background:#f6f6f6;}
.n_dqweizhi h5{ float:left;}


.n_linian{ background:url( ../images/ln_bg2.jpg) no-repeat center; width:100%; background-size: cover; padding:17% 0px;}
.n_xinzhou_text{ padding:17% 0px; background:url( ../images/ln_bg1.jpg) no-repeat center; width:100%; background-size: cover;}
.n_xinchou_left{ width:958px; height:268px; padding:60px 0px; background: rgba(0, 0, 0, 0.3); margin:0 auto; text-align:center;}
.n_xinchou_left h2{ font-size:28px; color:#fff; margin-bottom:30px; padding-bottom:40px; margin:0 auto; background:url( ../images/3333333.jpg) no-repeat bottom center;}
.n_xinchou_left h3{ font-size:18px; color:#333; margin-bottom:15px;}
.n_xinchou_left p{ font-size:14px; color:#666; margin-bottom:15px; padding-top:40px; color:#fff;}

.n_linian_text{ width:958px; padding:60px 0px; background: rgba(0, 0, 0, 0.3); margin:0 auto; text-align:center;}
.n_linian_text h2{ font-size:28px; color:#fff; margin-bottom:30px; padding-bottom:40px; margin:0 auto;  background:url( ../images/3333333.jpg) no-repeat bottom center;}
.n_linian_text p{ text-align:center; font-size:20px; line-height:24px; color:#fff; padding-top:20px;}


.chanpin_nav_xl{ padding:36px 0px; background:#f6fdff;  position:relative; top:0; z-index:994; display:none; }

.chanpin_nav_xl ul li{ line-height:24px; margin-bottom:24px; width:132.5px; line-height:40px; border-radius:100px; text-align:center; height:40px; border:1px solid #eee; float:left; margin-right:20px;}
.chanpin_nav_xl ul li:nth-child(8){ margin-right:0px;}
.chanpin_nav_xl ul li:nth-child(16){ margin-right:0px;}
.chanpin_nav_xl ul li:nth-child(24){ margin-right:0px;}
.chanpin_nav_xl ul li:nth-child(32){ margin-right:0px;}
.chanpin_nav_xl ul li:nth-child(40){ margin-right:0px;}
.chanpin_nav_xl ul li a{ color:#666;}
.chanpin_nav_xl ul li:hover{ color:#fff; background:#3ebeff;}
.chanpin_nav_xl ul li:hover a{  color:#fff;}
.pro_fl:hover .chanpin_nav_xl{ display:block;}
.pro_title_h2{ text-align:center; font-size:20px; color:#30b2e4; font-weight:bold; height:90px; display:block;}

.job_text{ background:url( ../images/job_bg1.jpg) no-repeat center; width:100%; background-size: cover; padding:4% 0px;}



.n_dqweizhi:hover .n_dqweizhi{ display:block;}
.pro_fl{ padding-right:20px !important; background:url( ../images/square.jpg) no-repeat right center;}
.pro_fl:hover{ background:url( ../images/square_hover.jpg) no-repeat right center;}

.tabBlock h1{font-size: 20px; float:left; padding-left:40px; padding-top:20px;}


.n_pro_t{font-size: 20px; text-align: cente; color:#3ebeff; font-weight:bold; margin-bottom:30px; text-align:center;}


.brandnav {z-index: 5;box-shadow: 0 3px 10px rgba(0,0,0,.1);background: #fff;position: relative;}

.brandnav .wp .right { margin-top: 15px;}
.brandnav .wp .right a { padding: 10px 35px;display: inline-block;border-radius: 30px;color: #333;border: 1px solid transparent;font-size: 14px;-webkit-transition: all .25s;
   -moz-transition: all .25s;
    -ms-transition: all .25s;
     -o-transition: all .25s;
        transition: all .25s;}
.brandnav .wp .right a.on,.brandnav .wp .right a:hover { border: 1px solid #30b2e4;color: #30b2e4;}


/*--n_content end--*/

@media only screen and (max-width:1500px){ 
.i-banner ul .txt{ left:10% !important;}
}