@font-face{font-family:'iconfont';src:url('http://at.alicdn.com/t/font_1432720974_1547027.eot');src:url('http://at.alicdn.com/t/font_1432720974_1547027.eot?#iefix') format('embedded-opentype'),url('http://at.alicdn.com/t/font_1432720974_1547027.woff') format('woff'),url('http://at.alicdn.com/t/font_1432720974_1547027.ttf') format('truetype'),url('http://at.alicdn.com/t/font_1432720974_1547027.svg#iconfont') format('svg')}
@font-face{font-family:'Pacifico';font-style:normal;font-weight:400;src:local('Pacifico Regular'),local('Pacifico-Regular'),url(http://fonts.gstatic.com/s/pacifico/v7/Q_Z9mv4hySLTMoMjnk_rCfesZW2xOQ-xsNqO47m55DA.woff2) format('woff2')}

.fa{display:inline-block;font-family:"iconfont";font-size:20px;font-style:normal;font-weight:400;line-height:1;-webkit-font-smoothing:antialiased;-webkit-text-stroke-width:0.2px;-moz-osx-font-smoothing:grayscale}
.fa-icon-qq:before{content:"\e604"}
.fa-icon-weibo:before{content:"\e600"}
.fa-icon-weixin:before{content:"\e605"}
.fa-icon-zaixianzixun:before{content:"\e608"}

*{margin:0;padding:0;}
body{background:#fff; font-size:12px;line-height:22px;font-family:"Microsoft YaHei";}
body,ul,ol,li,p,h1,h2,h3,h4,h5,h6,form,fieldset,table,td,img,div,tr,dl,dd,select,option{ margin:0; padding:0;}
.body,.ul,.ol,.li,.p,.h1,.h2,.h3,.h4,.h5,.h6,.form,.fieldset,.table,.td,.img,.div,.tr,.dl,.dd,.select,.option{ margin:0; padding:0;}
li,img,input,em,select{ list-style:none; border:none; font-style:normal;}
a{ text-decoration:none !important; cursor:pointer !important;}
select::-ms-expand { display: none; }
.img_cover{position: absolute;top: 0;bottom: 0;left: 0;right: 0;	max-width: 100%;max-height: 100%;display: block;margin:auto;padding: auto;}
.clearfix:after{content:" ";display:block;height:0;clear:both;visibility:hidden;}
.tr{ transition:all 0.5s;-o-transition:all 0.5s;-ms-transition:all 0.5s;-moz-transition:all 0.5s;-webkit-transition:all 0.5s;}
.wrap{ max-width:1200px; margin:0 auto;}
.overflow { overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}

header{ width:100%;}
.header_top { width:100%;border-bottom:1px solid #dfdfdf;box-shadow:0 0px 15px #dfdfdf;}
.header_top .h1 { width:120px;height:28px;line-height:28px;float:left;background:#009944;border-radius:5px;text-align:center;text-transform:uppercase; font-family:"Arial";color:#fff; font-size:12px;}
.header_top .ss { margin-top:1px;border:1px solid #dcdcdc; float:right;}
.header_top .ss input { width:195px;height:24px;line-height:24px;background:#fff;border-right:1px solid #dcdcdc;padding:0 8px; float:left;}
.header_top .ss button { width:42px;height:24px;background:url(../images/top1.png) no-repeat center center, #fff;border:none; float:left;}
input::-moz-placeholder { font-size:12px;color:#333}
input::-webkit-input-placeholder{ font-size:12px;color:#333}
inpu:-ms-input-placeholder{ font-size:12px;color:#333}
.English { float:right;margin:0 0 0 7px;padding:0 0 0 30px;background:url(../images/top2.png) no-repeat left center, url(../images/shu.jpg) no-repeat right center; line-height:28px;}
.English a { font-family:"Arial";color:#333; font-size:12px; margin-right:8px;}
.Chinese { float:right;margin:0 0 0 7px;padding:0 0 0 30px;background:url(../images/top3.png) no-repeat left center, url(../images/shu.jpg) no-repeat right center; line-height:28px;}
.Chinese a { font-family:"Arial";color:#333; font-size:12px; margin-right:8px;}
.tel { float:right;font-family:"Arial";color:#333; font-size:12px;line-height:28px; margin:0 0 0 7px;}

.header{ width:100%; position:relative; background:url(../images/header_bj.jpg) repeat-x;}
.logo{  max-width:100%; float:left; }
.logo img{ display:block; max-width:100%; }
.header .ttel { display:block;float:right;max-width:100%;  }

/*导航下拉开始*/
.header_nav{ width:100%;z-index:99; background:#009944;position:relative;}
.header_nav .clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.header_nav .nav{  z-index:99;  }
.header_nav .nav .nLi{ float:left; display:inline; width:14%; background:url(../images/shu1.jpg) no-repeat left center;}
.header_nav .nav .nLi:nth-child(1) { width:16.6666666%}
.header_nav .nav .nLi:nth-child(3) { width:22%}
.header_nav .nav .nLi:nth-last-child(1) { background:url(../images/shu1.jpg) no-repeat right center, url(../images/shu1.jpg) no-repeat left center; }
.header_nav .nav .nLi h3{ float:left; width:100%; text-align:center; position:relative;}
.header_nav .nav .nLi h3 a{ display:block; font-size:13px; color:#fff; line-height:40px;position:relative; z-index:100;}
.header_nav .nav .nLi h3 span { font-family:"Arial";color:#fff; font-size:14px; background:url(../images/shu2.png) no-repeat right center; margin:0 7px 0 0;padding:0 7px 0 0;}
.header_nav .nav .nLi h3 img { display:block;max-width:100%;position:absolute;z-index:10000;padding-left:22%; opacity:0}
.header_nav .nav .sub{ display:none; width:100%; left:0; top:40px;  position:absolute;border-top:20px solid #122f76;  background:#eeefef; border-bottom:15px solid #152b3e;}
.header_nav .nav .sub .sub_main { width:100%; margin-top:30px; padding-bottom:3%; float:left;}

.hei1, .hei2{ height:120px;}
.hei3, .hei4{ height:170px;}
.hei5, .hei6{ height:120px;}
.hei7, .hei8{ height:120px;}
.hei9, .hei10{ height:120px;}
.hei11, .hei12{ height:120px;}
.header_nav .nav .sub .sub_xian {  background:url(../images/sub_heng.jpg) repeat-x bottom; padding-bottom:26px; margin-bottom:16px; width:46%;float:left;overflow:hidden;}
/*.header_nav .nav .sub .sub_xian:nth-last-child(1) { background:none;}*/

.header_nav .nav .sub dl { float:left; width:100%;}
/*.header_nav .nav .sub dl:nth-child(1) { width:48%;}*/
.header_nav .nav .sub dt {  line-height:38px;font-weight:bold;  font-size:18px;color:#1a1a1a;}
.header_nav .nav .sub dt a { font-size:18px;color:#1a1a1a;}
.header_nav .nav .sub dd a { font-size:12px;color:#333; line-height:26px; background:url(../images/sub_dian.png) no-repeat left center;padding-left:22px;}
.header_nav .nav .sub dd a:hover { text-decoration:underline !important;color:#009944;}
.header_nav .nav .sub .dl1 dd { width:50%;float:left;}

.header_nav .nav .sub .sub_main ul { display:block; background:url(../images/sub_heng.jpg) repeat-x bottom; width:100%;height:50px;}
.header_nav .nav .sub .sub_main ul:nth-last-child(1) { background:none;}
.header_nav .nav .sub .sub_main ul li { width:25%;float:left; padding-left:30px; line-height:38px;font-weight:bold;}
.header_nav .nav .sub .sub_main ul li a {  font-size:14px;color:#333;}
.header_nav .nav .sub .sub_main ul li a:hover { text-decoration:underline !important;color:#009944;}

.header_nav .nav .nLi:hover h3 a{ background:#fff;color:#009944;    }
.header_nav .nav .nLi:hover h3 span { background:#fff;color:#009944; background:url(../images/shu22.png) no-repeat right center; }
.header_nav .nav .nLi:hover h3 img { opacity:1;}
.header_nav .nav .nLi h3 a.cur{ background:#fff;color:#009944;  }
.header_nav .nav .nLi h3 a.cur span { background:#fff;color:#009944; background:url(../images/shu22.png) no-repeat right center; }

/*移动端导航*/
.sj_nav{ width:100%; }
.icon-menu{float:right;  cursor:pointer;position:absolute;right:2%;top:0; margin-top:40px;z-index:999; width:48px;}
.icon-menu .span01 { width:100%;height:5px;background:#009944;border-radius:5px; display:block;}
.icon-menu .span02 { width:100%;height:5px;background:#009944;border-radius:5px; display:block; margin:8px 0;}
.icon-menu .span03 { width:100%;height:5px;background:#009944;border-radius:5px; display:block;}
.icon-menu.click .span02 {width:0;opacity:0;filter:alpha(opacity=0); }
.icon-menu.click .span01 { position:relative;top:13px;transform:rotate(45deg);}
.icon-menu.click .span03 { position:relative;top:-13px;transform:rotate(-45deg);}
.sjdnav{ width:115px; height:280px; position:absolute;right:0%; top:133px;z-index:9999;background:rgba(44, 44, 44, 0.7) none repeat scroll 0 0 !important; background-color:#202020;}
.sjdnav ul{ padding:0; margin:0;}
.sjdnav li{ height:44px; line-height:44px;display:block;text-align:center; margin:0; padding:0;}
.sjdnav li a{display:block;line-height:40px;  font-size:15px; color:#fff;}
.sjdnav li a:hover{background:#333; color:#fff;}
.sjdnavhide{ height:0; overflow:hidden;}
/*大图滚动开始*/
.banner{ width:100%; position:relative;}
.ban_img { width:100%; padding-top:28%; position:relative;}
.swiper-pagination-bullet { width:59px; height:4px; border-radius:0; background:#fff; opacity:1; }
.swiper-pagination-bullet-active { background:#f6a10a; }
.swiper-button-next { width:72px;height:72px;background:url(../images/right.png) no-repeat ;right:-100%; transition:all 0.7s;}
.swiper-button-prev {  width:72px;height:72px;background:url(../images/left.png) no-repeat ;left:-100%; transition:all 0.7s;}
.banner:hover .swiper-button-next { right:20px;}
.banner:hover .swiper-button-prev { left:20px;}

main { width: 100%; position:relative;}
.about { margin:20px 0 0 0;position:relative;}
.title { text-align:center;}
.title1 { line-height:54px;font-size:30px;color:#e60013;font-weight:bold;background:url(../images/title.jpg) no-repeat bottom ;}
.title1 span { color:#009944;}
.title2 { line-height:25px;font-size:20px;color:#009944;text-transform:uppercase;}
.about_left { margin:45px 0 0 0; width:70%;float:left;overflow:hidden;}
.about_img { width:465px;float:left; margin-right:15px;overflow:hidden; position:relative;}
.about_img img { display:block;max-width:100%;margin:0 auto;}
.about_left .mask{transition:all 0.5s;position:absolute;top:0;left:0;width:100%;height:100%;}
.about_left .mask b{transition:all 0.5s;font-size:14px;position:absolute;top:70%;left:-100%;color:green;}
.about_left .mask b span { display:block; font-size:12px;}
.about_left .mask::before,.about_left .mask::after{transition:all 0.5s;position:absolute;content:''; display: block;}
.about_left .mask::before{top:14%;right:5%;left:5%;bottom:14%;border-top:1px solid #fff;border-bottom:1px solid #fff;transform-origin:0 0;transform:scale(0,1)}
.about_left .mask::after{top:8%;bottom:8%;left:10%;right:10%;border-left:1px solid #fff;border-right:1px solid #fff;transform-origin:0 0;transform:scale(1,0)}
.about:hover .mask::before{transform:scale(1);}
.about:hover .mask::after{transform:scale(1);}
.about:hover b{left:13%;}
.about_left .h1 { line-height:18px;font-size:13px; color:#333; margin-bottom:7px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:7;overflow: hidden; letter-spacing:2px;}
.about_left .h2 { line-height:18px;font-size:12px; color:#333;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:10;overflow: hidden;  word-wrap:break-word; text-align:justify;}
.about_right { margin:45px 0 0 0; width:29%;height:327px; float:right; padding:14px 22px; background:url(../images/video_bj.jpg) no-repeat center center;}
.about_right img { display:block;max-width:100%;margin:0 auto;cursor:pointer;}
.about_right a { display:block; margin-top:14px;background:url(../images/video_dian.jpg) no-repeat left center, url(../images/video_dian2.jpg) no-repeat right center, #dcdddd; height:32px;line-height:32px; font-size:14px;color:#009944;padding-left:55px; text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}

.brand { margin:60px 0 0 0;position:relative;}
.title3 { line-height:40px; font-family:"Arial";font-size:30px;color:#231916;font-weight:bold;}
.title4 { line-height:30px; font-size:14px;color:#666; background:url(../images/title2.png) no-repeat center center;}
.brand_ul { margin:45px auto;text-align:center;}
.brand_ul li { display:inline-table;margin:0 20px;}
.brand_ul li img { display: block;max-width:100%;margin:0 auto;}
.brand_ul li:hover { transform:translateY(-8px);}
.brand_mian { background:url(../images/brand_bj.jpg) repeat-x;}
.brand_left { width:50%;float:left;overflow:hidden;}
.brand_left_ul { margin:10px 0;}
.brand_left_ul li { width:48%;float:left;overflow:hidden; border:1px solid #009944; background:#fff; margin:0 2% 10px 0;}
.brand_left_ul li .brand_B { width:150px;height:107px;float:left;margin-right:10px; border-right:1px solid #009944;box-shadow:0 0 0#75d79d;overflow:hidden;}
.brand_left_ul li .brand_B .brand_img { width:100%;height:100%;}
.brand_left_ul li .h1 { text-align:center;text-decoration:underline;line-height:18px;font-size:13px;color:#666;font-weight:bold;margin-top:12px;}
.brand_left_ul li .h2 { line-height:14px;font-family:"Arial";font-size:13px;color:#666;text-align:center;}
.brand_left_ul li .h3 { line-height:14px;font-size:12px;color:#333;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:3;overflow: hidden; margin-top:7px;height:42px;}
.brand_left_ul li:hover .brand_img { transform:scale(1.1,1.1);}
.brand_left_ul li:hover .h1 { color:#009944;}
.brand_img4 { display:block;max-width:100%;margin:15px 0;}
.brand_right { float:right; width:49%;}
.brand_right img { display:block;max-width:100%; min-height:426px; margin:0 auto;}

.cp { margin:20px 0 0 0;position:relative;}
.cp_left { width:283px;float:left;margin:50px 50px 0 0;border:1px solid #c9c9c9;}
.cp_left .s-drop-wrap { width:100%; }
.cp_left .s-drop-btn { background:url(../images/cp_dian.png) no-repeat 8px center, url(../images/cp_dian2.png) no-repeat 95% center, #009944; line-height:50px; font-size:18px; color: #fff; text-align:center; font-weight:bold;}
.cp_left .s-drop-btn b { font-size:14px;}
.cp_left .s-drop-btn span { line-height:50px;right:20px;}
.cp_left .s-drop-btn.act{ background:url(../images/cp_dian.png) no-repeat 8px center, url(../images/cp_dian2.png) no-repeat 95% center, #009944;}
.cp_left .s-drop-list {display: block; padding:10px 20px;}
.cp_left .s-drop-list li{ margin-top:10px;}
.cp_left .s-drop-list li a{ display:block; }
.cp_left .aside-list-link{ font-size:15px; color:#fff;line-height:34px;font-weight:bold;background:url(../images/cp_dian3.png) no-repeat 11px center, url(../images/cp_dian4.png) no-repeat right center, #009944; padding-left:47px; border-radius:8px;    }
.cp_left .aside-list-link:hover, .aside-list-link.act{ background:url(../images/cp_dian3.png) no-repeat 11px center, url(../images/cp_dian4.png) no-repeat right center, #009944; color:#fff;}
.cp_left .s-drop-list li .aside-sublist{display:none; margin:0 15px;  }
.cp_left .s-drop-list li .aside-sublist li{}
.cp_left .s-drop-list li .aside-sublist li a{ color:#333; line-height:21px;  font-size:13px;}
.cp_left .s-drop-list li .aside-sublist li a:hover, .aside-sublist li a.act{ color:#009944;text-decoration:underline !important;}
.cp_right { width:calc(100% - 335px);width:-moz-calc(100% - 335px);width:-webkit-calc(100% - 335px);float:left; margin:50px 0 0 0;}
.cp_right ul { display:block;}
.cp_right ul li { width:31.3%;float:left;margin:0 1% 5px 1%;overflow:hidden;}
.cp_right ul li .pic { width:100%;position:relative;overflow:hidden; border:5px solid #e5e5e5;}
.cp_right ul li .pic .cp_img { padding-top:82%}
.cp_right ul li .pic .hover { width:100%;height:100%;position:absolute;left:0;top:100%; background: linear-gradient(rgba(74, 214, 76, 0.85), rgba(5, 58, 12, 0.85)); overflow: hidden;}
.cp_right ul li .pic .hover .bbox {position: absolute; top: 50%; left: 50%; width: 100%; text-align: center; max-height: 100%;
    transform: translate(-50%,-50%);
    -ms-transform:translate(-50%,-50%); 	/* IE 9 */
    -moz-transform:translate(-50%,-50%); 	/* Firefox */
    -webkit-transform:translate(-50%,-50%); /* Safari 和 Chrome */
    -o-transform:translate(-50%,-50%); 	/* Opera */}
.cp_right ul li .pic .hover .bbox .h1{font-size: 16px; color: #fff; display: inline-block; border-bottom: 1px solid #fff; padding-bottom: 5px;}
.cp_right ul li .pic .hover .bbox .h2{margin-top: 4px; font-size: 12px; color: #fff;}
.cp_right ul li .zi { line-height:34px;text-align:center;font-size:14px;color:#333;}
.cp_right ul li:hover img { transform:scale(1.1,1.1);}
.cp_right ul li:hover .zi { color:#009944;}
.cp_right ul li:hover .hover { top:0;}

.trch { margin:55px 0 0 0;position:relative;}
.trch_ul { text-align:center;margin:15px auto;}
.trch_ul li { display:inline-table; width:20%;}
.trch_ul li .hlw1 { width:80px;height:80px;border-radius:50%;text-align:center; background:url(../images/trch1.png) no-repeat center center, #e60013; background-size:60% 60%; margin:0 auto;}
.trch_ul li .hlw2 { width:80px;height:80px;border-radius:50%;text-align:center; background:url(../images/trch2.png) no-repeat center center, #008cd6; background-size:60% 60%; margin:0 auto;}
.trch_ul li .hlw3 { width:80px;height:80px;border-radius:50%;text-align:center; background:url(../images/trch3.png) no-repeat center center, #009944; background-size:60% 60%; margin:0 auto;}
.trch_ul li .h1 { line-height:18px; font-size:12px;color:#666; margin-top:7px;}
.trch_ul li .h1 span { display:block;}
.trch_ul li:hover .hlw1 { transform:rotate(360deg);}
.trch_ul li:hover .hlw2 { transform:rotate(360deg);}
.trch_ul li:hover .hlw3 { transform:rotate(360deg);}
.trch_img { width:49%;float:left;min-height:248px; margin-top:20px;}
.trch_img img { display:block;max-width:100%; min-height:248px; margin:0 auto;}
.trch_main { width:51%;float:right;margin:20px 0 0 0;padding:10px 0 0 15px; background:#eeefef;}
.trch_main li { width:48%;float:left;overflow:hidden; border:1px solid #009944; background:#fff; margin:0 0 10px 0;}
.trch_main li .brand_B { width:150px;height:107px;float:left;margin-right:10px; border-right:1px solid #009944;box-shadow:0 0 0#75d79d;overflow:hidden;}
.trch_main li .brand_B .brand_img { width:100%;height:100%;}
.trch_main li .h1 { text-align:center;text-decoration:underline;line-height:18px;font-size:13px;color:#666;font-weight:bold;margin-top:12px;}
.trch_main li .h2 { line-height:14px;font-family:"Arial";font-size:13px;color:#666;text-align:center;}
.trch_main li .h3 { line-height:14px;font-size:12px;color:#333;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:3;overflow: hidden; margin-top:7px;height:55px;}
.trch_main li:hover .brand_img { transform:scale(1.1,1.1);}
.trch_main li:hover .h1 { color:#009944;}

.case { margin:20px 0 0 0;position:relative;}
.case_ul { margin:40px 0 0 0;}
.case_ul li { width:23%;float:left;margin:0 1% 5px 1%;overflow:hidden;}
.case_ul li .pic { width:100%;position:relative;overflow:hidden;}
.case_ul li .pic .case_img { padding-top:64%}
.case_ul li .pic .hover { width:100%;height:100%;position:absolute;left:0;top:100%; background: linear-gradient(rgba(74, 214, 76, 0.85), rgba(5, 58, 12, 0.85)); overflow: hidden;}
.case_ul li .pic .hover .bbox {position: absolute; top: 50%; left: 50%; width: 100%; text-align: center; max-height: 100%;
    transform: translate(-50%,-50%);
    -ms-transform:translate(-50%,-50%); 	/* IE 9 */
    -moz-transform:translate(-50%,-50%); 	/* Firefox */
    -webkit-transform:translate(-50%,-50%); /* Safari 和 Chrome */
    -o-transform:translate(-50%,-50%); 	/* Opera */}
.case_ul li .pic .hover .bbox .h1{font-size: 16px; color: #fff; display: inline-block; border-bottom: 1px solid #fff; padding-bottom: 5px;}
.case_ul li .pic .hover .bbox .h2{margin-top: 4px; font-size: 12px; color: #fff;}
.case_ul li .zi { line-height:34px;text-align:center;font-size:14px;color:#333;}
.case_ul li:hover img { transform:scale(1.1,1.1);}
.case_ul li:hover .zi { color:#009944;}
.case_ul li:hover .hover { top:0;}

.news { margin:35px 0 0 0;padding:23px 0;  background:#f1f1f1;}
.news_ul { margin:40px 0 0 0;}
.news_ul li { width:48%;overflow:hidden; margin-bottom:40px;}
.news_ul li .news_B { width:200px;height:125px;float:left;margin-right:20px;overflow:hidden;}
.news_ul li .news_B .news_img { width:100%;height:100%;}
.news_ul li .h1 { line-height:30px; font-size:15px;color:#333;background:url(../images/video_dian2.jpg) no-repeat right center, #dadada;padding:0 15px;}
.news_ul li .h2 { line-height:22px; font-size:12px;color:#666;margin-top:15px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;}
.news_ul li:hover .news_img { transform:scale(1.1,1.1);}
.news_ul li:hover .h1 { background:url(../images/video_dian2.jpg) no-repeat right center, #009944; color:#fff;}

.cont { margin:20px 0 0 0;}
.cont_left { margin:40px 0 0 0; width:40%;float:left;overflow:hidden; position:relative;}
.cont_tt {  font-size:15px; color:#fff;line-height:34px;font-weight:bold;background:url(../images/cp_dian3.png) no-repeat 11px center, url(../images/cp_dian4.png) no-repeat right center, #009944; padding-left:47px; border-radius:8px; }
.cont_left .h1 { margin-top:20px; line-height:18px; font-size:14px;color:#009944; }
.cont_left .h1 b { line-height:24px;}
/*.cont_left span { width:187px;height:28px;line-height:28px;text-align:center; font-size:16px;color:#fff;font-weight:bold; background:#ff0000; display:block;margin-top:15px;}*/
.cont_left .h2 { margin-top:20px; line-height:18px; font-size:14px;color:#000; }
.cont_left .h2 b { line-height:24px;}
.cont_left .erweima { display:block; max-width:100%;position:absolute;right:0;bottom:50px;}
.cont_right {  width:53%;float:right; margin:40px 0 0 0;}
.cont_right img { display:block;width:100%; margin:45px auto  0 auto;}

footer { margin-top:50px;position:relative;}
.foot_nav { background:#009944; padding:20px 0;}
.foot_nav ul { display:block;}
.foot_nav ul .nLi{ float:left; display:inline; width:14%; background:url(../images/shu1.jpg) no-repeat left center;}
.foot_nav ul .nLi:nth-child(1) { width:16.6666667%}
.foot_nav ul .nLi:nth-child(3) { width:22%}
.foot_nav ul .nLi:nth-last-child(1) { background:url(../images/shu1.jpg) no-repeat right center, url(../images/shu1.jpg) no-repeat left center; }
.foot_nav ul .nLi h3{ float:left; width:100%; text-align:center; position:relative;}
.foot_nav ul .nLi h3 a{ display:block; font-size:13px; color:#fff; line-height:40px;position:relative; z-index:100;}
.foot_nav ul .nLi h3 span { font-family:"Arial";color:#fff; font-size:14px; background:url(../images/shu2.png) no-repeat right center; margin:0 7px 0 0;padding:0 7px 0 0;}
.foot_nav ul .nLi:hover h3 a{ background:#fff;color:#009944;    }
.foot_nav ul .nLi:hover h3 span { background:#fff;color:#009944; background:url(../images/shu22.png) no-repeat right center; }
.foot {  font-size:12px;color:#333;line-height:30px; text-align:center;}
.foot a { color:#333;}

/*cpzs*/
.cpzs { margin:35px 0 0 0;position:relative;}
.cpzs_left { width:285px;float:left;margin:0 50px 0 0;background:#eaeaea; padding-bottom:2%;}
.cpzs_left .s-drop-wrap { width:100%; }
.cpzs_left .s-drop-btn { background:#009944; line-height:28px; font-size:20px; color: #fff; text-align:left; font-weight:bold; padding:25px 30px 15px 20px; border-radius:5px;}
.cpzs_left .s-drop-btn b { display:block;line-height:21px; font-size:16px; font-weight:normal;text-align:right;}
.cpzs_left .s-drop-btn span { line-height:50px;right:20px;}
.cpzs_left .s-drop-btn.act{ background:#009944;}
.cpzs_left .s-drop-list {display: block; }
.cpzs_left .s-drop-list li{ margin-top:10px;}
.cpzs_left .s-drop-list li a{ display:block; }
.cpzs_left .aside-list-link{ font-size:15px; color:#fff;line-height:34px;font-weight:bold;background:url(../images/cp_dian3.png) no-repeat 11px center, url(../images/cp_dian4.png) no-repeat right center, #009944; padding-left:47px; border-radius:8px;    }
.cpzs_left .aside-list-link:hover, .aside-list-link.act{ background:url(../images/cp_dian3.png) no-repeat 11px center, url(../images/cp_dian4.png) no-repeat right center, #009944; color:#fff;}
.cpzs_left .s-drop-list li .aside-sublist{display:none; margin:0 15px;  }
.cpzs_left .s-drop-list li .aside-sublist li{}
.cpzs_left .s-drop-list li .aside-sublist li a{ color:#333; line-height:21px;  font-size:13px;}
.cpzs_left .s-drop-list li .aside-sublist li a:hover, .aside-sublist li a.act{ color:#009944;text-decoration:underline !important;}
.cpzs_lxwm { margin-top:10px;}
.cpzs_lxwm .h1 { margin:20px 20px 0 20px; line-height:18px; font-size:14px;color:#009944; }
.cpzs_lxwm .h1 b { line-height:24px;}
.cpzs_lxwm span { width:187px;height:28px;line-height:28px;text-align:center; font-size:16px;color:#fff;font-weight:bold; background:#ff0000; display:block;margin-top:15px; margin:20px 0 20px 20px;}
.cpzs_lxwm .h2 { margin:20px 20px 0 20px; line-height:18px; font-size:14px;color:#000;}
.cpzs_lxwm .h2 b { line-height:24px;}
.cpzs_lxwm .erweima { display:block; max-width:100%; margin:20px auto;}
.cpzs_lxwm p { margin:10px 10px 0 10px; line-height:18px; font-size:14px; }

.cpzs_niu { border:1px solid #ccc;margin:0 auto 20px auto;height:216px;}
.cpzs_niu .img1 {  width:37%;float:left;text-align:center;border-right:1px solid #ccc; height:100%; }
.cpzs_niu .img2 {  width:63%;float:left;text-align:center;}

.cpzs_right { width:calc(100% - 335px);width:-moz-calc(100% - 335px);width:-webkit-calc(100% - 335px);float:left; margin:15px 0 0 0;}
.cpzs_right .h1h { line-height:35px; font-size:24px;color:#009944;font-weight:bold;text-align:center;}
.cpzs_right .h2h { line-height:25px; font-size:14px;color:#b4b4b4;text-align:center; text-transform:uppercase;}
.cpzs_right .cpzs_heng { display:block;max-width:100%; margin:30px 0;}
.cpzs_right .cpzs_ul { display:block;}
.cpzs_right .cpzs_ul li { width:31.3%;float:left;margin:0 1% 5px 1%;overflow:hidden;}
.cpzs_right .cpzs_ul li .pic { width:100%;position:relative;overflow:hidden; border:5px solid #e5e5e5;}
.cpzs_right .cpzs_ul li .pic .cp_img { padding-top:82%}
.cpzs_right .cpzs_ul li .pic .hover { width:100%;height:100%;position:absolute;left:0;top:100%; background: linear-gradient(rgba(74, 214, 76, 0.85), rgba(5, 58, 12, 0.85)); overflow: hidden;}
.cpzs_right .cpzs_ul li .pic .hover .bbox {position: absolute; top: 50%; left: 50%; width: 100%; text-align: center; max-height: 100%;
    transform: translate(-50%,-50%);
    -ms-transform:translate(-50%,-50%); 	/* IE 9 */
    -moz-transform:translate(-50%,-50%); 	/* Firefox */
    -webkit-transform:translate(-50%,-50%); /* Safari 和 Chrome */
    -o-transform:translate(-50%,-50%); 	/* Opera */}
.cpzs_right .cpzs_ul li .pic .hover .bbox .h1{font-size: 16px; color: #fff; display: inline-block; border-bottom: 1px solid #fff; padding-bottom: 5px;}
.cpzs_right .cpzs_ul li .pic .hover .bbox .h2{margin-top: 4px; font-size: 12px; color: #fff;}
.cpzs_right .cpzs_ul li .zi { line-height:34px;text-align:center;font-size:14px;color:#333;}
.cpzs_right .cpzs_ul li:hover img { transform:scale(1.1,1.1);}
.cpzs_right .cpzs_ul li:hover .zi { color:#009944;}
.cpzs_right .cpzs_ul li:hover .hover { top:0;}
.cpzs_foot { background:#009944;text-align:center; line-height:22px; font-size:14px;color:#fff ; padding-top:20px;}
.cpzs_foot b { line-height:28px;}

/*cpzs_ny*/
.cpzs_ny { position:relative;}
.cpzs_ny img { display:block;max-width:100%;margin:10px auto;height:auto;}
.cpzs_ny .h1 {  font-size:16px;color:#009944;line-height:26px;text-align:center;}

/*news*/
.xw_ul { width:100%;}
.xw_ul li { width:100%;float:left;margin-bottom:15px;}
.xw_ul li .news_B { width:200px;height:125px;float:left;margin-right:20px;overflow:hidden;}
.xw_ul li .news_B .news_img { width:100%;height:100%;}
.xw_ul li .h1 { line-height:30px; font-size:15px;color:#333;background:url(../images/video_dian2.jpg) no-repeat right center, #dadada;padding:0 15px;}
.xw_ul li .h2 { line-height:22px; font-size:12px;color:#666;margin-top:15px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;}
.xw_ul li:hover .news_img { transform:scale(1.1,1.1);}
.xw_ul li:hover .h1 { background:url(../images/video_dian2.jpg) no-repeat right center, #009944; color:#fff;}

/*news_ny*/
.xw_ny { width:100%; margin-top:25px;text-align:center;}
.xw_ny img {  display:block; max-width:100%; margin:2% auto;}
.xw_ny .h1 {  display:inline-block ;line-height:42px; font-size:18px; color:#2d2d2d;font-weight:bold; border-bottom:2px solid #0196dc;text-align:center; margin:2% auto;}
.xw_ny .h2 {  display:block;line-height:35px;  font-size:14px; color:#636363; margin-top:2%; text-align:left;}
.xw_ny .h3 {  display:block;line-height:35px; font-size:12px; color:#636363; margin-top:2%; text-align:right;}

/*huoban*/
.hb_ul {width:100%; }
.hb_ul li { width:14.666%;float:left;margin:1%;overflow:hidden;}
.hb_ul li img { display:block; max-width:100%;margin:0 auto;}

/*lxwm*/
.lxwm {width:100%; position:relative; }
.lxwm .h1 { margin-top:20px; line-height:18px; font-size:14px;color:#009944; }
.lxwm .h1 b { line-height:24px;}
/*.lxwm span { width:187px;height:28px;line-height:28px;text-align:center; font-size:16px;color:#fff;font-weight:bold; background:#ff0000; display:block;margin-top:15px;}*/
.lxwm .h2 { margin-top:20px; line-height:18px; font-size:14px;color:#000; }
.lxwm .h2 b { line-height:24px;}
.lxwm .erweima { display:block; max-width:100%;position:absolute;right:0;top:150px;}
.cont_img { display:block; max-width:100%;margin:0 auto;}
.lxwm_img { display:block;max-width:100%;margin:10px auto 30px auto;}


/*about*/
.about {width:100%; position:relative; }
.about_li { line-height:48px;background:#eaeaea;border-bottom:1px solid #fff; padding-left:60px; font-size:14px;color:#333;}
.about_li:hover { background:#009944;color:#fff;}
.about_li.act { background:#009944;color:#fff;}
.gsjj { margin-top:20px;}
.gsjj img{ height:auto;width:100% !important;}
.img_box { width:100%; margin:20px 0;}
.img_box .gsjj_img1 { width:37%;float:left; display:block; min-height:216px;}
.img_box .gsjj_img2 { width:63%;float:left; display:block; min-height:216px;}
.img_box .gsjj_img3 { width:30%;float:left; display:block; min-height:173px;}
.img_box .gsjj_img4 { width:40%;float:left; display:block; min-height:173px;}


.gsjj .zi { font-size:13px;color:#333;}
.gsjj .zi span { font-size:18px; margin-top:30px;}




/*手机底部*/
.hot{width:100%; height:58px; background:#191919; position:fixed; bottom:0; left:0; z-index:99; border-top:solid 2px #fff;}
.hot span{ color:#fff; font-size:16px; line-height:20px;}
.hot h6{ font-size:12px; line-height:20px;}
.hot .row div a{ display:block; color:#fff; padding:7px 0;}
.dbbox{ position: fixed; left: 0; bottom:70px; z-index:99; width: 100%; }
.dbbox .dbs{ position: relative; padding: 0 15px; display:none;}
.dbbox .dbs .neirong{padding: 10px; background: #fff; border-radius: 5px;}
.dbbox .dbs.ewm-box{ text-align:center; }
.dbbox .dbs.ewm-box:after{ content: ""; position: absolute; left:50%; bottom:-6px; z-index: 1; width:25%; height:6px; background: url(../images/icon/dbtc_jt.png) no-repeat center;}
.dbbox .dbs.fenxiang-box:after{ content: ""; position: absolute; left:75%; bottom:-6px; z-index: 1; width:25%; height:6px; background: url(../images/icon/dbtc_jt.png) no-repeat center;}
.dbbox .dbs.ewm-box img{ max-width: 140px; }
.dbbox .dbs.fenxiang-box .bdshare-button-style1-32 .li{ position: relative; padding: 6px 0; width: 20%; height: 44px; }
.dbbox .dbs.fenxiang-box .bdshare-button-style1-32 a{ position: absolute; left: 50%; top:6px; margin:0 0 0 -16px; float: inherit !important; display: block; }


@media (max-width:1200px){
	.wrap{ width:96%}
    .header_nav .nav .nLi h3 span { display:none;}
    .about_right { display:none;}
    .about_left { width:100%;}
    .brand_left_ul li .brand_B { width:125px; height:86px;}
    .trch_main li .brand_B{ width:125px; height:86px;}
    .foot_nav ul .nLi h3 span { display:none;}
    }

@media (max-width:991px) and (min-width:768px){
	.wrap{ width:96%}
    .wrap1 { width:100% !important;}
    .lxwm { width:98%;}
    .about_img { float:none;width:auto; margin-bottom:20px;}
    .brand_left { width:100%;}
    .brand_img4 { margin:15px auto;}
    .brand_right { width:100%;}
    .cp_left { width:100%;}
    .cp_left .s-drop-btn { background:#009944; cursor:pointer;}
    .cp_left .s-drop-btn.act { background:#009944;}
    .cp_left .s-drop-list { display:none;}
    .cp_right { width:100%;}
    .trch_img { width:auto; float:none; min-height:initial;margin:10px auto;}
    .trch_img img { min-height:initial;}
    .trch_main { width:100%; padding:10px; }
    .case_ul li { width:31.3%;}
    .news_ul li { width:100%;}
    .cont_left { width:100%;}
    .cont_right { width:100%;}
    .foot { background:#009944; color:#fff;}
    .foot a { color:#fff;}
    /*cpzs*/
    .cpzs_left { width:100%;}
    .cpzs_left .s-drop-btn { padding:0 20px; line-height:50px;}
    .cpzs_left .s-drop-btn b { display:inline-block; margin-left:5px;}
    .cpzs_left .s-drop-list { display:none;}
    .cpzs_right { width:100%;}
    /*huoban*/
    .hb_ul li { width:23%}
    }
 
@media (max-width:767px){
	.wrap{ width:96%}
    .wrap1 { width:100% !important;}
    .about_img { float:none;width:auto; margin-bottom:20px;}
    .brand_left { width:100%;}
    .brand_img4 { margin:15px auto;}
    .brand_right { width:100%;}
    .brand_left_ul li { width:100%;margin:0 0 10px 0;}
    .brand_left_ul li .h3 { margin:7px;}
    .brand_right img { min-height:initial;}
    .brand_ul { margin:15px auto;}
    .brand_ul li { margin:0 1%; width:30%;}
    .cp_left { width:100%;}
    .cp_left .s-drop-btn { background:#009944; cursor:pointer;}
    .cp_left .s-drop-btn.act { background:#009944;}
    .cp_left .s-drop-list { display:none;}
    .cp_right { width:100%;}
    .cp_right ul li { width:48%;}
    .trch_img { width:auto; float:none; min-height:initial;margin:10px auto;}
    .trch_img img { min-height:initial;}
    .trch_main { width:100%; padding:10px; }
    .trch_main li { width:100%;}
    .case_ul li { width:48%;}
    .news_ul li { width:100%;}
    .cont_left { width:100%;}
    .cont_right { width:100%;}
    .foot { background:#009944; color:#fff;}
    .foot a { color:#fff;}
    .trch_ul li { width:31%;}
    /*cpzs*/
    .cpzs_left { width:100%;}
    .cpzs_left .s-drop-btn { padding:0 0 0 20px; line-height:50px;}
    .cpzs_left .s-drop-btn b { display:inline-block; margin-left:5px;}
    .cpzs_left .s-drop-list { display:none;}
    .cpzs_right { width:100%;}
    .cpzs_right .cpzs_ul li { width:48%;}
    /*huoban*/
    .hb_ul li { width:31.3%}
    }

@media (max-width:567px){
.img_box .gsjj_img1 { min-height:103px;}
.img_box .gsjj_img2 { min-height:103px;}
.img_box .gsjj_img3 { min-height:83px;}
.img_box .gsjj_img4 { min-height:83px;}
	}

@media (max-width:467px){
    /*huoban*/
    .hb_ul li { width:48%}

    }

@media (max-width:376px){
	}

@media (max-width:336px) {
    .news_ul li .news_B { width:155px;height:110px;}
    }
/*清除样式*/
.clear 
{
     clear:both;
     font-family:'微软雅黑';

}

/*分页css scott style pagination*/
div.scott
{
    padding:3px;margin:3px;text-align:center;

}
div.scott a
{
    border:#221616 1px solid;padding:2px 5px;color:#221616;margin:0 2px 0 0;text-decoration:none;

}
div.scott a:hover
{
    border:#221616 1px solid;color:white;background-color:#221616;

}
div.scott a:active
{
    border:#221616 1px solid;color:#611985;background-color:#221616;

}
div.scott span.current
{
    border:#221616 1px solid;padding:2px 5px;font-weight:bold;color:#fff;margin:0 2px 0 0;background-color:#221616;

}
div.scott span.disabled
{
    border:#dfdfdf 1px solid;padding:2px 5px;color:#221616;margin:0 2px 0 0;

}
/*QQ*/
.dock {
    position: fixed;
    right: 0px;
    width: 50px;
    -moz-opacity: 0.7;
    opacity: 0.7;
    z-index: 200;
}

    .dock.close {
        z-index: 50;
    }

    .dock ul.icons {
        position: absolute;
        list-style: none;
        right: 0px;
        padding: 0px;
        width: 50px;
        border: 1px solid #333;
        border-right: none;
        background: #111;
        -moz-border-radius: 10px 0 0 10px;
        -webkit-border-radius: 10px 0 0 10px;
        border-radius: 10px 0 0 10px;
        -webkit-transition: all .3s ease-in-out 0s;
        -moz-transition: all .3s ease-in-out 0s;
        -ms-transition: all .3s ease-in-out 0s;
        -o-transition: all .3s ease-in-out 0s;
        transition: all .3s ease-in-out 0s;
    }

    .dock.close ul.icons {
        right: -70px;
    }

    .dock ul.icons li i {
        display: block;
        position: relative;
        width: 50px;
        height: 50px;
        background: url(../images/icons.png) no-repeat;
        cursor: pointer;
        -webkit-transition: all .3s ease-in-out 0s;
        -moz-transition: all .3s ease-in-out 0s;
        -ms-transition: all .3s ease-in-out 0s;
        -o-transition: all .3s ease-in-out 0s;
        transition: all .3s ease-in-out 0s;
        z-index: 210;
    }

    .dock ul.icons li.active i {
        -moz-opacity: 0.4;
        opacity: 0.4;
    }

    .dock ul.icons li.up i {
        background-position: -63px -150px;
    }

    .dock ul.icons li.tel1 i {
        background-position: -62px -108px;
    }

    .dock ul.icons li.im i {
        background-position: -63px -20px;
    }

    .dock ul.icons li.wechat i {
        background-position: -59px -66px;
    }

    .dock ul.icons li.down i {
        background-position: -63px -190px;
    }

    .dock ul.icons li p {
        display: block;
        position: absolute;
        top: 50px;
        right: -260px;
        padding: 15px 20px;
        height: 120px;
        color: White;
        line-height: 30px;
        border: 1px solid #333;
        border-right: none;
        background: #111;
        -moz-border-radius: 10px 0 0 10px;
        -webkit-border-radius: 10px 0 0 10px;
        border-radius: 10px 0 0 10px;
        -moz-opacity: 0;
        opacity: 0;
        filter: alpha(opacity=0);
        -webkit-transition: all .4s ease-in-out .1s;
        -moz-transition: all .4s ease-in-out .1s;
        -ms-transition: all .4s ease-in-out .1s;
        -o-transition: all .4s ease-in-out .1s;
        transition: all .4s ease-in-out .1s;
        overflow: hidden;
        z-index: 201;
    }

    .dock ul.icons li.active p {
        right: 50px;
        -moz-opacity: 1;
        opacity: 1;
        filter: alpha(opacity=100);
    }

    .dock ul.icons li.tel1 p {
        width: 200px;
        height: 130px;
        line-height: 90px
    }

    .dock ul.icons li.im p {
        width: 185px;
        height: 155px;
        line-height: 30px
    }

        .dock ul.icons li.im p a {
            display: block;
            margin-top: 12px;
            width: 100px;
            height: 35px;
            line-height: 32px;
            color: #00dfb9;
            font-size: 16px;
            text-align: center;
            text-decoration: none;
            border: 1px solid #00dfb9;
            -moz-border-radius: 5px;
            -webkit-border-radius: 5px;
            border-radius: 5px;
            -webkit-transition: all .3s ease-in-out 0s;
            -moz-transition: all .3s ease-in-out 0s;
            -ms-transition: all .3s ease-in-out 0s;
            -o-transition: all .3s ease-in-out 0s;
            transition: all .3s ease-in-out 0s;
        }

            .dock ul.icons li.im p a:hover {
                color: White;
                background: #0f8773;
                border: 1px solid #0f8773;
            }

    .dock ul.icons li.wechat p {
        width: 180px;
        height: 180px;
        line-height: 30px
    }

        .dock ul.icons li.wechat p img {
            border: 2px solid #000;
        }

    .dock a.switch {
        position: absolute;
        display: block;
        top: 270px;
        right: 11px;
        width: 26px;
        height: 26px;
        background: url(../images/icons.png) no-repeat 0px -640px;
        cursor: pointer;
        -webkit-transition-delay: .15s;
        -moz-transition-delay: .15s;
        -ms-transition-delay: .15s;
        -o-transition-delay: .15s;
        transition-delay: .15s;
    }

        .dock a.switch.off {
            background-position: -32px -640px;
        }