﻿/*===================== 重置样式 START =====================*/

@charset "utf-8";

html,body,h1,h2,h3,h4,h5,h6,p,dl,dd,dt,th,td,select,ul,ol,li,form,input,textarea,fieldset,legend,img{ margin:0; padding:0;}

h1,h2,h3,h4,h5,h6{font-weight: 300;}

li{list-style: none;}

a{text-decoration: none;background: transparent;outline: none;color:#000;height:100%;-webkit-transition: 0.5s;-o-transition: 0.5s;-ms-transition: 0.5s;-moz-transition: 0.5s;transition: 0.5s;}

a:hover, .tran, .pagenum td{-webkit-transition: 0.5s;-o-transition: 0.5s;-ms-transition: 0.5s;-moz-transition: 0.5s;transition: 0.5s;}

.wot{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}

.upp{text-transform:uppercase;}

img{ border: 0;vertical-align: middle;max-width:100%;}

table{ border-collapse: collapse; border-spacing: 0;}

input,textarea{ -webkit-user-modify: read-write-plaintext-only;outline-style: none;border:none;font-size:14px;}

input::-moz-placeholder, textarea::-moz-placeholder {color: #000; } 

input:-ms-input-placeholder, textarea:-ms-input-placeholder {color: #000; } 

input::-webkit-input-placeholder, textarea::-webkit-input-placeholder{color:#000; }

html::-webkit-scrollbar{width:5px;height:5px;background-color:#fff;} 

html::-webkit-scrollbar-track{border-radius:0;background-color:#fff;}

html::-webkit-scrollbar-thumb{border-radius:50px;width:5px;height:5px;background-color:#12c045;}

textarea{resize:none; overflow: auto;}

input{padding-top: 0; padding-bottom: 0;};

select,input{vertical-align:middle; }

select,input,textarea{font-size:14px;margin:0;}

.clear{zoom:1;}

.clear:after{ content:""; display:block; height:0; visibility:hidden; clear:both;}

.clear::before, .clear::after { content: "";display: table; } 

.clear::after{clear: both;}

.fl{float: left;}

.fr{float: right;}

html{-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;-webkit-tap-highlight-color: transparent;}

body{font-family: \5FAE\8F6F\96C5\9ED1,"Microsoft YaHei";overflow-x:hidden;font-size:16px;color:#333;background-color: #fff;}

.error3{display: none !important;}

.inner{width:1300px;margin:0 auto;}

/*===================== 重置样式 END =====================*/

.yeshu a{ display:inline;}



/*主导航多级菜单*/

.hbg{width: 100%;height: 107px;text-align: center;position: absolute;z-index: 9999;background: rgba(255,255,255,0.8)}

#logo{margin: 0;position: absolute;left: 20px;top: 9px;transition: .5s;}

#logo:hover{left: 10px;}

.ttel { margin: 1.5% 1% 0 0; position: absolute; right: 0; top: 0; }

#nav{width: 56%;height: 100%;display: inline-block;}

#nav>ul{width:100%;position: relative;margin: 0;}

#nav>ul::after{content:'';clear:both;display:block;visibility:hidden;}

#nav>ul>li{width:14.28571428571429%;text-align:center;float:left;}
#nav>ul>li a{display:block;position:relative;z-index:1;line-height:108px;padding: 0 2%;color: #333;transition: .3s;background: url(../images/hover.jpg) no-repeat;background-size: 0% 0%;}
#nav>ul>li>a.act, #nav>ul>li a:hover{color: #fff;background: url(../images/hover.jpg) no-repeat;background-size: 100% 100%;line-height: 88px; padding-top: 20px;}
#nav>ul>li>a::after{content:'';position:absolute;left:0;bottom:0;width:0;height:108px;z-index:-1;background:url(../images/nico.png) no-repeat center 20px;transition:all .3s;top: 0;}
#nav>ul>li>a:hover::after{content:'';opacity:1;width:100%;}
#nav>ul>li>a.act:after{width:100%;opacity:1;}

#nav ul ul{display:none;width:100%;top:107px;position:absolute;left:0;background:rgba(0,0,0,.8);color:#fff;z-index: 9999;}

#nav ul ul li{float:left;width:20%;margin:0}

#nav>ul>li ul li a{padding:2%!important;transition: .5s}

#nav>ul>li ul li a span{display:block;overflow: hidden;}

#nav>ul>li ul li a img{width:100%;display:block;}

#nav>ul>li ul li a p{line-height:30px;font-size: 14px;margin: 0;    overflow: hidden; white-space: nowrap; text-overflow: ellipsis;color: #fff;}

#nav>ul>li ul li a:hover{background: -moz-linear-gradient(left, #1d51b7 0%, #1d51b7 100%);

    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1d51b7), color-stop(100%,#1d51b7));

    background: -webkit-linear-gradient(left, #1d51b7 0%,#1d51b7 100%);

    background: -o-linear-gradient(left, #1d51b7 0%,#1d51b7 100%);

    background: -ms-linear-gradient(left, #1d51b7 0%,#1d51b7 100%);

    background: linear-gradient(to right, #1d51b7 0%,#1d51b7 100%);}







/* ------------------------ */

#banner{position:relative;overflow:hidden;width:100%}

#banner ul{position:relative;overflow:hidden;width:400%;margin: 0;}

#banner ul li{width:25%;float:left}

#banner ul li img{width:100%;display:block;}

#banner aside{position:absolute;top:0;bottom:0;height:0;width:90%;right:0;left:0;margin:auto}

#banner aside span{display:block;width:65px;height:65px;z-index:63;background:rgba(255,255,255,0.3);border-radius:6px;-moz-border-radius:6px;-webkit-border-radius:6px;position:relative;cursor:pointer;opacity:0;transition:all 0.3s;margin-top:-2%;}

#banner:hover aside span{opacity:1;}

#banner aside span:after{content:'';position:absolute;top:0;bottom:0;right:0;left:20%;margin:auto;width:27px;height:27px;border-top:3px solid #ffffff;border-left:3px solid #ffffff;-webkit-transform:rotateZ(-45deg);-moz-transform:rotateZ(-45deg);-ms-transform:rotateZ(-45deg);-o-transform:rotateZ(-45deg);transform:rotateZ(-45deg)}

#banner aside span.prev{float:left;}

#banner aside span.next{float:right;}

#banner aside span.next:after{left:0;right:20%;-webkit-transform:rotateZ(135deg);-moz-transform:rotateZ(135deg);-ms-transform:rotateZ(135deg);-o-transform:rotateZ(135deg);transform:rotateZ(135deg)}

#banner>div{width:110px;position:absolute;right:0;left:0;bottom:7%;margin:auto}

#banner>div em{display:block;float:left;width:18px;height:18px;border-radius:50%;-moz-border-radius:50%;-webkit-border-radius:50%;border:3px solid #fff;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;margin:0 4.75px;background:#fff;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s;transition:all .3s;cursor:pointer}

#banner>div em.act{background:#ea0f17}

.sl{width: 100%;margin: 40px auto 0 auto;}

.sl,.st,.st div,.sl div{overflow:hidden;}

.nextinfo{width:100%;overflow:hidden;}

.nextinfo span{background:#eee;margin:20px 1%;width:48%;float:left;text-align:center;border-radius:20px;font-size: 14px;}

.nextinfo span a{color: #000}



/*===================== 公用样式 START =====================*/

.header{position: relative;z-index:9;}

.header, .header .inner{height:110px;}

.header .logo{position: absolute;top:0;left:50%;margin-left:-90px;}

.header .nav{padding-top:10px;font-size:0;}

.header .aa a{position: relative;z-index:1;font-size:16px;overflow: hidden;color:#fff;display: inline-block;height:30px;line-height:30px;width:126px;text-align: center;border-radius:120px;}

.header .nav .fl, .header .nav .fr{width:auto;}

.header .aa a i{position: absolute;width:0;height:100%;background-color:#12c045;left:0;top:0;z-index:-1;-webkit-transition: 0.5s;-o-transition: 0.5s;-ms-transition: 0.5s;-moz-transition: 0.5s;transition: 0.5s;}

.header .aa a:hover i, .header .aa a.active i{width:100%;}

.header .aa a:hover, .header .aa a.active{color:#fff;}



.header .product_son{display: none;position: absolute;text-align: center;font-size:0;left:0;top:70px;width:100%;padding:20px 0;height:auto;background-color:rgba(0,0,0,0.75);z-index:999;}

.header .product_son .auto{width:1200px;margin:0 auto;}

.header .product_son .item{display: inline-block;width:18%;margin:1%;text-align: center;}

.header .product_son .item p{font-size:16px;color:#fff;height:40px;line-height:40px;position: relative;z-index:1;}

.header .product_son .item p i{position: absolute;height:0;width:100%;z-index:-1;background-color:#12c045;left:0;top:0;}

.header .product_son .item:hover i{height:100%;}



.index_box{margin-top:0px;}

.banner .swiper-button-next, .banner .swiper-button-prev{width:59px;height:59px;}

.swiper-pagination-bullet-active{background-color:#12c045 !important;border-color:#12c045 !important;}



.pub_button{position: relative;z-index:1;}

.pub_button .pb_bg{position: absolute;left: 0;top: 0;width: 100%;height: 100%;background-color:rgba(1,178,53,0.7);-webkit-transition: transform 0.5s 0s cubic-bezier(0.36, 0.01, 0.29, 0.99);transition: transform 0.5s 0s cubic-bezier(0.36, 0.01, 0.29, 0.99);transform-origin: left 100%;-webkit-transform-origin: left 100%;transform: scaleY(0);-webkit-transform: scaleY(0);visibility: hidden\9;z-index: -1;}

.pub_button:hover .pb_bg, .pub_button.active .pb_bg{transform: scaleY(1);-webkit-transform: scaleY(1);transform-origin: left 0;-webkit-transform-origin: left 0;visibility: visible\9;}



.pub_button a{ display:inline;}


/*===================== 公用样式 END =====================*/



/*===================== 首页 START =====================*/

.section_one .title, .section_six .title{text-align: center;padding:50px 0 20px;}

.section_one .title img, .section_six .title img{display: inline-block;}

.section_one .title p, .section_six .title p{font-size:12px;font-family:"宋体";color:#010101;}

.section_one .bg{height:285px;overflow: hidden;}

.section_one .sc_wrap{width:1400px;margin:0px auto;position: relative;margin-top:40px;}

.section_one .sc_scroll{width:1300px;}

.section_one .sc_scroll_item img{width:180px;height:180px;margin:0 auto;border-radius:50%;border:4px solid #f4f4f4;}

.section_one .sc_scroll_item:hover img{border-color:#12c045;}

.section_one .sc_scroll_item  p{height:36px;line-height:36px;margin-top:10px;border-radius:70px;box-sizing:border-box; background-color:#1d51b7;border:1px solid #1d51b7;text-align: center;font-size:16px;color:#fff;}

.section_one .sc_scroll_item:hover p{background-color: #12c045;border-color:#12c045;}




#top_scroll {height:748px;overflow: hidden;max-width:93%;margin:54px auto 0;}

#top_scroll ul li{float: left;width:24%;margin:0.5%;text-align: center;position: relative;}

#top_scroll ul li .img{position: relative;overflow: hidden; height:290px;}

#top_scroll ul li .shadow{position: absolute;left:0;top:-100%;width:100%;height:100%;background:rgba(0,0,0,0.65) url(../images/a1.png) center no-repeat;}

#top_scroll ul li .info{padding:10px 10px 6px;border-bottom:1px solid #d0d0d0;}

#top_scroll ul li .info .fl{width:70%;text-align: left;}

#top_scroll ul li .info .fl h3{line-height:34px;font-size:16px;color:#000;}

#top_scroll ul li .info .fl strong{font-family: impact;font-size:22px;color:#12c045;line-height:34px;font-weight:100;}

#top_scroll ul li .info .fl strong i{display: inline-block;vertical-align: middle;width:18px;height:18px;background:url(../images/a2.png);margin-right:6px;margin-top:-2px;}

#top_scroll ul li .info .fr{width:30%;padding-top:28px;}

#top_scroll ul li .info .fr span{height:26px;display: block;border-radius:20px;border:1px solid #b8b8b8;line-height:26px;font-size:14px;color:#000;}

#top_scroll ul li:hover .info{background-color: #12c045;}

#top_scroll ul li:hover .info h3, #top_scroll ul li:hover .info strong{color:#fff;}

#top_scroll ul li:hover .fl strong i{background-image:url(../images/a3.png);}

#top_scroll ul li:hover .fr span{background-color: #fff;border-color:#fff;}

#top_scroll ul li:hover .shadow{top:0;}

@media( max-width:1700px ){
	#top_scroll ul li .img{position: relative;overflow: hidden; height:260px;}

}
@media( max-width:1400px ){

	.section_one .sc_wrap{width:1300px;}

	.section_one .sc_scroll{width:1200px;}
	#top_scroll ul li .img{position: relative;overflow: hidden; height:220px;}

}

@media( max-width:1310px ){

	.section_one .sc_wrap{width:1200px;}

	.section_one .sc_scroll{width:1100px;}
	#top_scroll ul li .img{position: relative;overflow: hidden; height:210px;}

}


.section_eight{text-align: center;font-size:0;height:82px;line-height:82px;background-color: #075edd;}

.section_eight a{display: inline-block;color:#fff;font-size:16px;padding:0 30px;}

/*===================== 首页 END =====================*/



/* ========================= 内页 START ========================= */



/* ===================== 产品列表页 ===================== */

#list{margin:30px 0;}

#list .auto, #news_article, #article, .position_now .auto{width:1500px;margin:0 auto;}

@media(max-width:1505px ){

	#list .auto, #news_article, #article, .position_now .auto{width:1200px;}

}

.showlist {width:100%;/* float:left; */}

/*.showlist div *{width:100%;}*/

.showlist li{width:98%;margin:0 auto 20px;overflow: hidden;position: relative;-webkit-transition: 0.5s;-o-transition: 0.5s;-ms-transition: 0.5s;-moz-transition: 0.5s;transition: 0.5s;}

.showlist .wrap_box{float:left;}

.showlist .button{width:60%;color:#fff;margin:0px auto;padding:0px;}

#showdata {display:none;}

#loaddata {text-align:center;}

.showlist li .img{overflow: hidden;}



.zhsh_one li .img{float:none;position: relative;}

.zhsh_one li img, .zhsh_three li img, .zhsh_four li img{transition:all .5s ease-in-out;display: block;max-width:100%;}

.zhsh_one li .line{position: absolute;-webkit-transition: 0.5s;-o-transition: 0.5s;-ms-transition: 0.5s;-moz-transition: 0.5s;transition: 0.5s;}

.zhsh_one li .l1{left:0;top:0;width:0;height:3px;background-color:#12c045;}

.zhsh_one li .l2{right:0;top:0;width:3px;height:0;background-color:#12c045;}

.zhsh_one li .l3{right:0;bottom:0;width:0;height:3px;background-color:#12c045;}

.zhsh_one li .l4{left:0;bottom:0;width:3px;height:0;background-color:#12c045;}

.zhsh_one li:hover .l1, .zhsh_one li:hover .l3{width:100%;}

.zhsh_one li:hover .l2, .zhsh_one li:hover .l4{height:100%;}

.zhsh_one li:hover img, .zhsh_three .showlist li:hover img, .zhsh_four li:hover img{transform:translateZ(0) scale(1.12);}

.zhsh_one li p, .zhsh_two .showlist li p{position: relative;z-index:1;font-size:16px;line-height:40px;height:40px;display:block; text-align: center;color:#555;-webkit-transition: 0.5s;-o-transition: 0.5s;-ms-transition: 0.5s;-moz-transition: 0.5s;transition: 0.5s;white-space:nowrap; overflow:hidden; text-overflow: ellipsis;}

.zhsh_one li p i, .zhsh_two .showlist li i{position: absolute;left:0;bottom:0;width:100%;height:0;background-color:#12c045;z-index:-1;-webkit-transition: .5s height;-o-transition: .5s height;-ms-transition: .5s height;-moz-transition: .5s height;transition: .5s height;}

.zhsh_one li:hover i, .zhsh_two .showlist li:hover i{height:100%;}

.zhsh_one li:hover p, .zhsh_two .showlist li:hover p{color:#fff;}

.zhsh_one li span{display: none;}



.zhsh_two .showlist li .img{position: relative;}

.zhsh_two .showlist li .shadow_box{background:rgba(255,0,0,0.5) url(../images/jia.png) center center no-repeat;width:100%;height:100%;position: absolute;left:0;top:-100%;-webkit-transition: 0.5s;-o-transition: 0.5s;-ms-transition: 0.5s;-moz-transition: 0.5s;transition: 0.5s;}

.zhsh_two .showlist li:hover .shadow_box{top:0;}



.zhsh_three .showlist li .shadow_box, .zhsh_three .showlist li .line, .zhsh_three .showlist i{display: none;}

.zhsh_three .showlist li{width:94%;padding-bottom:20px;border-radius:6px;overflow:hidden;background-color:#f9f9f9;}

.zhsh_three .showlist li p{text-align: left;font-size:16px;line-height:30px;padding:10px 10px 0;white-space:nowrap; overflow:hidden; text-overflow: ellipsis;}

.zhsh_three .showlist li:hover p{color:#12c045;}

.zhsh_three .showlist li em{font-style:normal;float: right;width:10px;height:3px;background-color:#12c045;margin:10px 15px 0 0;-webkit-transition: 0.5s;-o-transition: 0.5s;-ms-transition: 0.5s;-moz-transition: 0.5s;transition: 0.5s;}

.zhsh_three .showlist li:hover em{width:30px;}

.zhsh_three .showlist li:hover{box-shadow: 0px 18px 25px rgba(0, 0, 0, 0.08);background-color: #fff;}



.zhsh_four .auto{width:1200px !important;}

.zhsh_four .showlist li{width:100%;position: relative;overflow: hidden;background-color: #F2F2F2;margin-bottom:0;}

.zhsh_four .showlist li .img{float: left;width:50%;overflow: hidden;position: relative;}

.zhsh_four .showlist li .info{width:50%;float: left;}

.zhsh_four .showlist li.odd .img{float: right;}

.zhsh_four .showlist li.odd .info{float: left;}

.zhsh_four .showlist li .pad{padding:20% 20px 0;}

.zhsh_four .showlist li h6{font-size:20px;color:#333;line-height:24px;height:48px;}

.zhsh_four .showlist li .time{font-size:14px;font-family:"SimHei";color:#12c045;margin:14px 0;}

.zhsh_four .showlist li p{color:#555;line-height:26px;font-size:16px;height:78px;}

.zhsh_four .showlist li .move_box{position: absolute;width:40px;height:40px;background-color:#12c045;right:-10px;bottom:-10px;}

.zhsh_four .showlist li.odd .move_box{width:30px;height:30px;top:-10px;left:-10px;}

.zhsh_four .showlist li:hover .move_box{right:0;bottom:0;}

.zhsh_four .showlist li.odd:hover .move_box{top:0;left:0;}

.zhsh_four .showlist li .move_box:after{content:'';position: absolute;top:5px;left:5px;width:6px;height:1px;background-color: #fff;}

.zhsh_four .showlist li .move_box:before{content:'';position: absolute;height:6px;width:1px;top:5px;left:5px;background-color: #fff;}

.zhsh_four .showlist li.odd .move_box:after{bottom:5px;right:5px;width:6px;height:1px;top:auto;left:auto;}

.zhsh_four .showlist li.odd .move_box:before{height:6px;width:1px;bottom:5px;right:5px;top:auto;left:auto;}



/* 产品内页图 */

.product_article .img1{display: none;}

.product_article .title{overflow: hidden;padding:10px 0 0px;}

.product_article .title h1{text-align: center;font-size:22px;color:#333;}

.product_article .title .time{display: block;height:30px;line-height:30px;text-align: center;margin:14px 0 0;font-size:14px;color:#999;}

.product_article .title .time img{display: inline-block;height:18px;margin-top:-2px;margin-right:10px;}

/* 产品内页图 */



/* ===================== 产品列表页 ===================== */



/* ===================== 产品 详情页 ===================== */

.img_big_box{width:56%;float: left;}

.img_big_box .img_box{height:400px;border:1px solid #f1f1f1;border-radius:5px;position: relative;border-bottom:none;}

.img_big_box .img_box img{max-width:98%;max-height:98%;border-radius:5px;position: absolute;left:0;top:0;right:0;bottom:0;margin:auto;}

.img_big_box .small_box{border:1px solid #f1f1f1;border-radius:5px;text-align: center;}

.img_big_box .small_box img{max-height:80px;display: inline-block;margin:10px 5px;border:1px solid #fff;}

.img_big_box .small_box img.active{border-color:#12c045;}

.info_big_box{width:42.5%;float: right;height:502px;}

.info_big_box h1{color:#333;line-height:36px;font-weight: bold;font-size:22px;}

.info_big_box .info_1{padding:10px;background-color:#CDCDCD;margin:20px 0;}

.info_big_box .info_1 .dh{color:#fff;margin-bottom:10px;height:40px;line-height:40px;font-weight:bold;font-size:30px;padding-left:60px;background:url(../images/nycall.png) left center/8% no-repeat;}

.info_big_box .info_1 p{font-size:16px;color:#fff;line-height:36px;}

.info_big_box .info_2{padding:10px;}

.info_big_box .info_2 .ewm{margin-right:20px;}

.info_big_box .info_2 img{width:130px;border:1px solid #f2f2f2;padding:2px;}

.info_big_box .info_2 strong{display: block;font-size:14px;height:30px;line-height:30px;color:#333;text-align: center;}

.info_big_box .info_2 .but a{margin-top:26px;width:160px;height:36px;line-height:36px;text-align: center;position: relative;z-index:1;border:1px solid #f2f2f2;color:#666;}

.info_big_box .info_2 .but a.a1:hover, .info_big_box .info_2 .but a.a2:hover{color:#fff;}

.info_big_box .info_3 span{display: inline-block;padding:8px 0;line-height:24px;width:49%;color:#333;cursor:pointer;}

.info_big_box .info_3 span img{display: inline-block;height:24px;margin-bottom:3px;margin-right:6px;}



.xgcp_title{padding:10px;background-color:#fafafa; margin:30px 0 0;}

.xgcp_title h3{color:#12c045;border-left:2px solid #12c045;padding-left:20px;height:30px;line-height:30px;font-weight: bold;font-size: 20px;}



.article_content{font-size:16px;line-height:26px;color:#333;padding-top:30px;}

.article_box{padding-top:30px;}

.article_box img, .article_content img{display: inline;}

.article_box p, .article_content p{margin-bottom:14px;}



#xgcp ul li{float: left;text-align: center;width:23%;margin:1%;}

#xgcp ul li strong{display: block;height:36px;color:#333;font-size:16px;font-weight:100;line-height:36px;text-align: center;}

#xgcp ul li:hover strong{color:#fff;}

#xgcp ul li:hover .pb_bg{transform: scaleY(1);-webkit-transform: scaleY(1);transform-origin: left 0;-webkit-transform-origin: left 0;visibility: visible\9;}



.pagenum{border-top:1px solid #DCDCDC;margin-top:30px;color:#666;text-align: center;font-family:\5FAE\x8F6F\6B63\9ED1\4F53,"Microsoft JhengHei";}

.pagenum td{width:50%;}

.pagenum a{color:#666;padding:10px 0;}

.pagenum span{padding-right:10px;}

.pagenum a:hover{color:#fff;}

/* ===================== 产品 详情页 ===================== */



/* ===================== 内页 Banner 图 ===================== */

#nyba{height:400px;position: relative;overflow:hidden;background: url(../images/neibanner.jpg) top center no-repeat;background-attachment: fixed;font-family:\5FAE\x8F6F\6B63\9ED1\4F53,"Microsoft JhengHei";}

.box_box{width:500px;padding:30px 0 20px;background-color:rgba(255,255,255,0.75);border-radius:6px;position: absolute;top:60%;margin-top:-63px;left:50%;margin-left:-250px;text-align: center;}

.box_box h3{font-size:36px;font-weight:bold;color:#676262;height:36px;line-height:36px;}

.box_box h3 i{display: inline-block;width:40px;height:1px;vertical-align: middle;background-color:#676262;margin:0 20px;}

.box_box p{font-size:20px;color:#12c045;font-weight:bold;line-height:40px;opacity:0.5}

/* ===================== 内页 Banner 图 ===================== */



/* ===================== 面包屑导航 ===================== */

.position_now{font-size:14px;background-color: #f1f1f1;}

.position_now .auto{height:80px;}

.position_now a{display: inline-block;color:#707070;}

.position_now .fl{color: #707070;font-family:\5FAE\x8F6F\6B63\9ED1\4F53,"Microsoft JhengHei";line-height:80px;}

.position_now .fl img{height:20px;margin-top:-4px;display: inline-block;margin-right:8px;}

.position_now .fr{font-family: impact;color:#12c045;font-size:0;}

.position_now .fr img{height:26px;float: left;margin:28px 10px 0 0;}

.position_now .fr strong{font-weight:100;font-size:22px;display: block;float: left;line-height:80px;}

.position_now .fr a{display: inline-block;width:100px;padding:0 5px;height:80px;color:#333;font-size:16px;text-align: center;line-height:80px;overflow: hidden;position: relative;z-index:1;white-space:nowrap; overflow:hidden; text-overflow: ellipsis;}

.position_now .fr a i{width:100%;height:0%;background-color:#12c045;position: absolute;left:0;top:0;z-index:-1;-webkit-transition:.5s height;-o-transition:.5s height;-ms-transition:.5s height;-moz-transition:.5s height;transition:.5s height;}

.position_now .fr a:hover i, .position_now .fr a.active i{height:100%;}

.position_now .fr a:hover, .position_now .fr a.active{color:#fff;}

/* ===================== 面包屑导航 ===================== */



/* ===================== 新闻页面 ===================== */



/* 新闻样式 1 */

.news_one .auto{width:100% !important;}

.news_one .news_box li{-webkit-transition: 0.5s;-o-transition: 0.5s;-ms-transition: 0.5s;-moz-transition: 0.5s;transition: 0.5s;}

.news_one .news_box li .pub_button{padding:20px; margin:auto;}

.xwds a{ display:inline;}



.news_one .news_box li .info{width:1200px; margin:auto;}

.news_one .news_box li .info h3{height:40px;line-height:40px;margin:20px 0 20px;font-size:20px;color:#333;}

.news_one .news_box li .info p{font-size:16px;color:#555;line-height:30px;}

.news_one .news_box li .info em{font-style:normal;display: block;margin-top:30px;color:#777;padding-right:20px;font-family: "SimHei";}

.news_one .news_box li:nth-of-type(2n){background-color:#f9f9f9;}

.news_one .news_box li a{width:1200px;margin:0 auto;-webkit-transition: 0.5s;-o-transition: 0.5s;-ms-transition: 0.5s;-moz-transition: 0.5s;transition: 0.5s;}

.news_one .news_box li:hover img{-webkit-transform:scale(1, 1);-moz-transform:scale(1, 1);-o-transform:scale(1, 1);-ms-transform:scale(1, 1);transform:scale(1, 1);}

.news_one .news_box li:hover h3, .news_one .news_box li:hover p, .news_one .news_box li:hover em{color:#fff;}

.news_one .news_box li:hover a{transform:translateX(20px);-webkit-transform:translateX(20px);}

.news_one .news_box li:hover .time{background-color: #fff;}

.news_one .news_box li:hover .time em, .news_one .news_box li:hover .time span{color:#12c045;}



.news_article{padding:30px 0;}

.news_article .left{width:78%;}

.news_article .left h1.title{font-size:22px;text-align: center;}

.news_article .left .time{display: block;text-align: center;padding:20px 0 20px;color:#777;font-family:\5FAE\x8F6F\6B63\9ED1\4F53,"Microsoft JhengHei";border-bottom: 1px solid #D2D2D2;}

.news_article .left .time img{display: inline-block;height:20px;margin:-3px 10px 0 0;}

.news_article .article_content p{margin-bottom:14px;}

.news_article .right{width:20%;}

.news_article .right .title{border-bottom:2px solid #12c045;height:40px;line-height:40px;padding:0 4px;margin-bottom:20px;}

.news_article .right .title h2{font-weight:bold;font-size:20px;color:#333;}

.news_article .right .title a{font-size:14px;float: right;color:#12c045;}

.news_article .right .item{border-bottom:1px solid #f9f9f9;margin-bottom:15px;}

.news_article .right .item .img{overflow: hidden;}

.news_article .right .item img{-webkit-transition: 0.5s;-o-transition: 0.5s;-ms-transition: 0.5s;-moz-transition: 0.5s;transition: 0.5s;}

.news_article .right .item:hover img{-webkit-transform:scale(1.2, 1.2);-moz-transform:scale(1.2, 1.2);-o-transform:scale(1.2, 1.2);-ms-transform:scale(1.2, 1.2);transform:scale(1.2, 1.2);}

.news_article .right .item h3{font-size:18px;color:#333;line-height:50px;}

.news_article .right .item:hover h3{color:#12c045;}







/* 新闻样式 1 */



/* ===================== 新闻页面 ===================== */



/* ===================== 产品页 左侧 导航 ===================== */

#list .left_side{width:280px;}

#list .left_side .box_one, #list .left_side .box_two{width:260px;background-color:#12c045;padding:10px 10px;}

#list .left_side .box_one .title{text-align: center;margin-bottom:20px;}

#list .left_side .box_one .title h3{color:#fff;font-weight:bold;font-size:30px;margin:20px 0 10px 0;}

#list .left_side .box_one .title p{color:#fff;font-size:16px;}

#list .left_side .box_one ul li{line-height:50px;background-color:#fff;margin-bottom:5px;text-align:left;}

#list .left_side .box_one ul li a{color:#333;padding-left:20px;position: relative;z-index:1;white-space:nowrap; overflow:hidden; text-overflow: ellipsis;}

.son_nav ul li a:hover{height:30px;line-height:30px; color:#333;font-size:14px;}

#list .left_side .box_one ul li a.active{color:#fff;}

#list .left_side .box_one ul li a i{background-color:dodgerblue;}

#list .left_side .box_one ul li .son_nav{border-top:1px solid #12c045;}

.son_nav ul li{ width:100%;background: url(../images/golbal_products_leftbg1.png) 15px center no-repeat; text-indent:15px;}

.son_nav ul li a{height:30px;line-height:30px; font-size:14px;}



#list .left_side .box_two{margin-top:10px;padding:20px 10px;}

#list .left_side .box_two p{font-size:16px;color:#fff;line-height:30px;}

#list .left_side .box_two strong{color:#fff;font-size:30px;display: block;margin-bottom:10px;font-family:impact;font-weight:100;}

#list .left_side .box_two .more{height:36px;line-height:36px;background-color:#fff;margin-top:10px;width:200px;color:#333;text-align: center;}

#list .left_side .box_two .more i{background-color:dodgerblue;}

#list .left_side .box_two .more:hover{color:#fff;}

#list .right_side.fr{width:1200px;}

@media(max-width:1505px ){#list .right_side.fr{width:900px;}}

/* ===================== 产品页 左侧 导航 ===================== */



/* ===================== 全局搜索框 ===================== */

.form_box {display: none;border:1px solid #f1f1f1;border-radius: 5px;margin-bottom: 20px;}

.form_box .sf{margin:0 auto;text-align: center;font-size:0;}

.form_box .an {display: inline-block;border: 1px solid #f1f1f1;background-color: #fff;color: #333;height: 40px;border-radius: 8px;margin: 10px 5px;font-size: 16px;line-height:40px;padding: 0px 15px;outline:none;}

.form_box .an{vertical-align: bottom;}

.form_box .an:hover{border-color:#12c045;}

.form_box .inp{height:38px;vertical-align: bottom;}

.form_box .submit{width:80px;cursor:pointer;}

/* ===================== 全局搜索框 ===================== */



/* ===================== 在线留言 ===================== */

.form_box_box{width:1200px;margin:40px auto;padding:60px 0;box-shadow: 0px 20px 80px rgba(76, 76, 76, 0.1);}

ul.fs{width:1000px;margin:0 auto;}

ul.fs input, ul.fs textarea{box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-webkit-transition: 0.8s;-o-transition: 0.8s;-ms-transition: 0.8s;-moz-transition: 0.8s;transition: 0.8s;}

ul.fs .box1 li{float: left;width:320px;margin-right:20px;}

ul.fs .box1 li:nth-of-type(3){margin:0;}

ul.fs .box1 li input{border:1px solid #e1e7ee;width:100%;height:50px;padding:10px;color:#999;}

ul.fs li input:hover{border-color:#12c045;}

ul.fs .box1 li input::-webkit-input-placeholder, ul.fs li.textarea textarea::-webkit-input-placeholder, ul.fs li.yzm input::-webkit-input-placeholder{color: #999;}   

ul.fs .box1 li input:-moz-placeholder, ul.fs li.textarea textarea:-moz-placeholder, ul.fs li.yzm input:-moz-placeholder{color: #999;}    

ul.fs .box1 li input:-ms-input-placeholder, ul.fs li.textarea textarea:-ms-input-placeholder, ul.fs li.yzm input:-ms-input-placeholder{color: #999;}

ul.fs li.textarea textarea{width:100%;height:150px;border:1px solid #e1e7ee;padding:10px;margin:20px 0;color:#999;}

ul.fs li.textarea textarea:hover{border-color:#12c045;}

ul.fs li.radio{text-align: center;}

ul.fs li.radio label{margin:0 10px;}

ul.fs li.yzm{text-align: center;margin:20px 0;}

ul.fs li.yzm img{display: inline-block;height:20px;}

ul.fs li.yzm input{border-bottom:1px solid #e1e7ee;width:200px;height:50px;padding:10px;color:#999;}

ul.fs li.yzm input:hover{border-color:#12c045;}

ul.fs li.submit input{height:50px;margin:0 auto;display: block;cursor:pointer;width:200px;border-radius:50px;background-color:#12c045;font-size:16px;color:#fff;}

/* ===================== 在线留言 ===================== */



/* ===================== 联系我们 地图 ===================== */

#allmap{height:500px;margin-top:30px;border:1px solid #ccc;}

#allmap img{max-width:none !important;}

/* ===================== 联系我们 地图 ===================== */



/* ===================== 回到顶部 ===================== */

.go_top{display: none;background:url(../images/top.png) center center/50% no-repeat;width:40px;height:40px;cursor:pointer;text-align: center;background-color:#12c045;border-radius:50%;position: fixed;right:6px;bottom:100px;z-index:99999999999;}

/* ===================== 回到顶部 ===================== */



.firstRow img {display: inline-block;}

/* ================================ 内页 END ================================ */



/*===================== 响应式代码 START =====================*/

@media( max-width:1410px ){

	.section_four .inner{width:1200px;}

	.section_four h3, .section_four .img1{margin-left:120px;}

	.footer .auto{width:1200px;}

	.footer .ewm{margin-left:40px;}

}

@media( max-width:1310px ){

	.inner, .section_three .auto{width:1200px;}

	.section_six .item{width:378px;}

	.section_six .img img{height:auto;max-width:100%;}

	.section_three .item_box{width:1040px;background-size:100%;}

	.section_three .item{margin-right:50px;}

}

/*===================== 响应式代码 END =====================*/













