@charset "utf-8";
/*@font-face {
  font-family: 'OPPOSans-B';
  src: url("../fonts/OPPOSans-B.ttf");
}
@font-face {
　 font-family: 'OPPOSans-H';
  src: url("../fonts/OPPOSans-H.ttf");
}
@font-face {
  font-family: 'OPPOSans-L';
  src: url("../fonts/OPPOSans-L.ttf");
}
@font-face {
  font-family: 'OPPOSans-M';
  src: url("../fonts/OPPOSans-M.ttf");
}
@font-face {
  font-family: 'OPPOSans-R';
  src: url("../fonts/OPPOSans-R.ttf");
}*/
*{margin: 0;padding: 0;border-radius: 0;}
body{font-size:12px; font-family:"Microsoft YaHei", Arial, "PingFang SC", "Microsoft JhengHei";margin:0px auto;background: #fff;}
ul,li{list-style: none;margin: 0;padding: 0;}
a{text-decoration: none; color:#000;}
a:hover{ color:#00a25f;}
input:focus,textarea:focus{ outline:none; }
h1,h2,h3{  font-weight:normal;} 
img{border: none;vertical-align: middle;}

/*公共样式*/
.top_rr{display: none;}


/*头部*/
.menu_bt{position: relative;z-index: 9999; width:24px;height:12px;border-top: 2px solid #666;border-bottom: 2px solid #666;vertical-align: middle; float:right; display:none;}
.menu_bt:after {content: '';position: absolute;top: 0;left: 0;right: 0;height:5px;border-bottom: 2px solid #666; transition: all 100ms linear 0ms;}
.menu_bt span:after {border-color: #666}
.menu_bt span {font-size: 0;	text-indent: -9999px}
.menu_bt span:before, .menu_bt span:after {content: '';position: absolute;top: 50%;right: 0;left: 0;border-top: 1px solid black;transition: all 100ms linear 0ms;}
.menu_bt.open {color: transparent !important; border:0;}
.menu_bt.open:after {-webkit-transform: scale(0);transform: scale(0);}
.menu_bt.open span:before, .menu_bt.open span:after { border-width: 2px;border-color: white;}
.menu_bt.open span:before {-webkit-transform: rotate(45deg);transform: rotate(45deg)}
.menu_bt.open span:after {-webkit-transform: rotate(-45deg);transform: rotate(-45deg)}


.header{ background:none; height:76px; width:100%; z-index:111100;  position:fixed; left:0; top:0;}
.header .con{ max-width:1500px; margin:0 auto; }
.header.add{ background:#fff; box-shadow:0 0 5px 2px rgba(0,0,0,.1);}
.logo{ float:left; position:relative; z-index:1000;}
.logo.gao{ z-index:10;}
.logo a{ background:url(../images/logo_bai.png) no-repeat; width:170px; height:32px; display:block; background-size:auto 32px; margin-top:20px;}
.header.add .logo a{ background:url(../images/logo.png) no-repeat; width:170px; height:32px; display:block; background-size:auto 32px;}

.page-overlay{ float:right;}
.page-overlay .nav{ float:left;}
.page-overlay .nav li{ float:left; margin-left:25px; position:relative;}
.page-overlay .nav li > a{ font-size:16px; padding:0 10px; color:#fff; line-height:74px; display:block;position: relative;}
.page-overlay .nav li > a:after{content: "";width: 0;height: 2px;background: #fff;position: absolute;top: 100%;left: 50%;transition: all .8s;}
.page-overlay .nav li > a:hover:after{ left: 0%;width: 100%;}
.page-overlay .nav li > a:hover{ color:#fff;}
.page-overlay .nav li > a.on{ border-bottom:2px solid #fff;}
.page-overlay .nav li > span{ width:15px; display:block;float:right;font-size:24px;}
.page-overlay .nav li > span img{width:15px; height:auto; margin-top:12px;}
.page-overlay .nav li dl{display: none; width: 100%;height: auto;overflow: hidden;background: rgb(255,255,255,0.2);z-index: 1}
.page-overlay .nav li dl dd{width: 98%; margin:0 auto;height: 35px;border-bottom: 1px #3c3c3c solid;line-height: 35px;font-size: 12px;color: #fff;text-align: center;}
.page-overlay .nav li dl dd a{display: block;color: #fff!important;padding:0px 0px;}
.page-overlay .nav li dl dd a:hover{color: #25b728!important;background: unset;}
.page-overlay .nav li dl dd a.hover{color: #25b728!important;background: unset;}

.header.add .page-overlay .nav li > a{ color:#333;}
.header.add .page-overlay .nav li > a:after{content: "";width: 0;height: 2px;background: #25b728;position: absolute;top: 100%;left: 50%;transition: all .8s;z-index:2;}
.header.add .page-overlay .nav li > a:hover:after{ left: 0%;width: 100%;}
.header.add .page-overlay .nav li > a:hover{ color:#25b728; /*border-bottom:2px solid #25b728;*/}
.header.add .page-overlay .nav li > a.on{  color:#25b728; border-bottom:2px solid #25b728;}

.top_r2{width: 90%;margin: 0 auto;}
.top_r2 .ss{width: 90%;margin: 0 auto; display: block;height: 35px;background-color: #fff;overflow: hidden;border-radius: 5px;}
.top_r2 .close{display: none;}
.top_r2 input[type="image"]{float: right;width: 29px;margin-top: 3px;margin-right: 5px;}
.top_r2 input[type="text"]{float: left;width: calc(100% - 40px);height: 100%;font-size: 14px;color: #999;padding-left: 10px; border: 0;outline: 0;}


.top_r1{display:none;}
.page-overlay .en{font-size: 16px; color: #fff;height: 72px;margin-left: 58px;padding-left: 38px;float: right;padding-right: 20px;position: relative;}
.page-overlay .en a{display: block;color: #fff;}.page-overlay .en1 a{display: block;color: #999;}
.page-overlay .en a:hover{color: #fff;}.page-overlay .en1 a:hover{color: #25b728;}
.header.add .page-overlay .en{font-size: 16px; color: #999;height: 72px;margin-left: 58px;padding-left: 38px;float: right;padding-right: 20px;position: relative;}
.header.add .page-overlay .en a{display: block;color: #999;}
.header.add .page-overlay .en a:hover{color: #25b728;}
.en .en1{width: 100%;height: auto;position: absolute;top: 40px;left: 0px;z-index: 3;background: #fff;text-align: right;padding-right: 10px;display: none; line-height:30px; padding-top:10px; padding-bottom:10px;}
.en:hover .en1{display: block}



@media screen and (max-width:1230px) {
.page-overlay .nav li{ float:left; margin-left:35px;}
.header .con{ width:90%;} 
}
 
@media screen and (max-width:1024px) {
.menu_bt{ display:block; margin:17px 10px 0 0;}	
.page-overlay {position: fixed; top: 0;right: 0;bottom: 0;left: 0; height:0; z-index:999; width: 100%; overflow:hidden;  padding-top:20px; background:#000; transition:all .2s ease-in-out;color:#fff; opacity:0;}
.page-overlay.black{opacity:1; height:100%;}	

.header{ height:50px;}
.header .con{ width:100%;} 
.header.add .logo a{ background: url(../images/logo.png) no-repeat; width: 160px; height: 30px;background-size:auto 30px;margin-top: 10px; margin-left:15px;}

.page-overlay .nav{ width:90%; margin:0 auto; margin-top:30px; float:none; text-align:left; }
.page-overlay .nav li{clear: both; float:none; padding:0; margin-left:0;}
.header.add .page-overlay .nav li > a{float: left; font-size:15px; color:#fff; line-height:45px;}
.header.add .page-overlay .nav li > a:hover{ color:#fff; border:0; color:#25b728;}
.header.add .page-overlay .nav li > a.on{  color:#fff; border:0;  color:#25b728;}
.page-overlay .nav li.zi{ display:block;} 
.page-overlay .nav li.zi em{ display:block; width:32px; height:2px; background:#666; margin:30px 0 10px 0;}
.page-overlay .nav li.zi a{ float:left; margin-right:10px; font-size:14px!important;}
}

@media screen and (max-width:400px) {
.page-overlay .nav{   margin-top:20px;}
.header.add .page-overlay .nav li > a{ font-size:20px; padding:8px 0;}
.page-overlay .nav li.zi em{ margin:20px 0 10px 0;}
}
@media screen and (max-width:320px) {
.header.add .page-overlay .nav li > a{ font-size:18px;  padding:5px 0;}
}



/*banner*/
.swiper-container { display:none;}.pc_banner_de{display: none;}
.sj_banner_de{display: block;width: 100%;height: auto;z-index: 9; padding-top:55px; overflow:hidden;}
.sj_banner_de img{width: 100%;height: auto;}
.banner_bj{display: none;}
.box_swipe{overflow:hidden;position:relative;display: block; padding-top:55px;}
.box_swipe ul li{width: 100%;height: auto;}
.box_swipe ul li img{width: 100%;height: auto;vertical-align: middle;}
.box_swipe>ol{width: 100%;height:auto;position: absolute;text-align: center; bottom: 10px;z-index: 1;}
.box_swipe>ol>li{width:10px;height: 10px;margin-left: 5px;margin-right: 5px;cursor: pointer;background: #646464;display:inline-block;text-align: center;}
.box_swipe>ol>li.on{background: #fff;}



/*首页产品中心*/
.ipro{width: 100%;max-width: 1500px;margin:20px auto 0px;padding-left: 0%;padding-right: 0%;height: auto;overflow: hidden;}
.title{width: 100%; margin:0 auto; text-align:center;}
.title h2{font-size: 24pt;text-align: center;color: #e4e4e4; margin-bottom:20px; margin-top:1px;}
.title h1{font-size: 22pt;text-align: center;color: #5d5d5d;font-weight:500;font-family:'Microsoft YaHei';}

.ipros{width: 100%;height: auto;overflow: hidden;margin: 20px auto 0px;}
.banner_b ul {width: 100%;height: auto;overflow: hidden;}
.banner_b ul li{width: 30%;float: left;border-right: 0px #dddddd solid;padding-left: 0%;padding-right: 0%;padding-bottom: 65px;text-align: center;}
.banner_b ul li h1{ font-size:16px;color:#8b8b8c; font-family:'Microsoft YaHei';}
.ipros .banner_b{width: 100%;height:auto;text-align: center; margin-bottom:5px;}
.ipros .banner_b ul{display:inline-block;width: 100%;height: auto;overflow: hidden; }
.ipros .banner_b ul li{width:33%;height: 60px;background: #fff;float: left; padding-top:20px;border-right:1px #e9e9e9 solid; cursor: pointer; text-align:center;}
.ipros .banner_b ul li h1{font-size:16px; padding-top:10px; }
.ipros .banner_b ul li img{ width:50px; height:auto; margin-bottom:10px;}
.ipros .banner_b ul li.on{ color: #fff; background:#72bb38;}.ipros .banner_b ul li.on h1{ color: #fff;}
.ipros .banner_b ul li.on img{filter: grayscale(100%) brightness(350%);}


.ipros .banner{width: 100%;height:auto;overflow: hidden;margin:0px auto 20px;}
.ipros .banner ul{width: auto; height:auto;overflow: hidden;}
.ipros .banner ul li{width: 100%;height: auto;}
.ipros .banner ul li .ipro2{width: 100%;height: 330px; float:left; overflow:hidden; text-align:right; position:relative; background:#eeeeee;}
.ipros .banner ul li .ipro2 img{max-width: 100%;height: auto;vertical-align:middle; position:absolute; top:0;left:0;transition: all 0.5s;}
.ipros .banner ul li .ipro2:hover img{transform: scale(1.1);}
.ipros .banner ul li .ipro2 .proinfo{ position:absolute; z-index:1; left:10px; top:20px; text-align:left;}
.ipros .banner ul li .ipro2 .proinfo h1{color:#72bb38; font-size:30px; font-weight:500;}
.ipros .banner ul li .ipro2 .proinfo p{color:#8d8d8d; font-size:18px; font-weight:500; margin-top:20px;}
.ipros .banner ul li .ipro2 .proinfo h2{color:#72bb38; font-size:14px; font-weight:500;margin-top:30px;}





/*关于我们*/
#abo{width: 100%;height: 386px;margin:0px auto; text-align:center;background: url(../images/about_bg.jpg) no-repeat left top/cover;overflow: hidden;}
.abo{width:92%;height:auto;overflow: hidden;display: block; margin:0px auto;}
.abo2{width:100%;height: auto;padding:20px 0px; margin-top:10px;}
.abo2 .abo2_1{width: 410px;height: 92px; line-height:34px;}
.abo2_1 .bt1 h2{font-size: 24pt;text-align: left;color: #e4e4e4; font-weight:400; margin-bottom:20px; margin-top:1px;}
.abo2_1 .bt1 h1{font-size: 22pt;text-align: left;color: #5d5d5d;font-weight:500;}
/*.about2 .about2_1 h1{font-size:30px;}
.about2 .about2_1 h2{color:#bdbdbd; font-weight:normal; font-size:24px;}*/
/*.gywm2 .gywm2_1 img{width: 481px;height: 80px;}*/
.abo2_2{width: 100%; margin:0 auto;height: auto;margin-top: 10px;}
.abo2_2 p{font-size: 14px;line-height: 26px;color: #666666;margin-top: 8px;height: auto;overflow: hidden;text-indent:0em; text-align:left;}/*text-indent:2em缩进两个字*/
.abo2_2 a{display: block;color: #72bb38;font-size: 16px;line-height: 45px;text-align: left;margin-top:20px; }
.abo2_2 a:hover{color: #72bb38; text-decoration:underline;}

/*首页新闻*/
#inews{width: 100%;height: auto;margin:0px auto; text-align:center;background:#eeeeee;overflow: hidden;}
.inews{width: 92%;margin:20px auto 20px;padding-left: 0%;padding-right: 0%;height: auto;overflow: hidden;}
.inewslist{width: 100%;height: auto;overflow: hidden;margin: 20px auto 0px;}
.inewslist ul {width: 100%;height: auto;overflow: hidden;}
.inewslist ul li{width: 100%;background:#fff; margin-right:1.2%; margin-bottom:20px;}
.inewslist1{ width:90%;padding:5%; height:auto; text-align:left;}
.inewslist1 h1{font-size: 18px; font-weight:500; margin-top:10px; height:40px; line-height:19px; overflow:hidden;}
.inewslist1 p{font-size: 14px;line-height: 20px;color: #999999;height: auto;}
.inewslist1 h2{width:100%;font-size: 16px; font-weight:500; color:#777777;margin-top: 12px;}
.inewslist1 h2 span{ float:right;font-size: 14px;}
.inewslist2{ width:100%; height:auto; overflow:hidden;}.inewslist2 img{width:100%; height:auto;transition: all 0.5s;}

.inewslist ul li:hover{background:#72bb38;}
.inewslist ul li:hover .inewslist1 h1{ color:#fff;}.inewslist ul li:hover .inewslist1 p{ color:#fff;}.inewslist ul li:hover .inewslist1 h2{ color:#fff;}
.inewslist ul li:hover .inewslist2 img{transform: scale(1.1);}



/*底部*/
#bottom{width: 100%;height: auto;overflow: hidden;margin:0px auto;background: #666666;}
.bottom{width: 94%;height: auto;overflow: hidden;margin: 40px auto 0px;max-width: 1500px;padding-left: 2%;padding-right: 2%}
.bottom1{width: 100%;height: auto;overflow: hidden;float: right;padding-bottom: 30px; margin-top:10px;}
.bottom1 .b1{ display:none}
.bottom1 .b2{ width:100%; text-align:left;}.bottom1 .b2 h1{ color:#fff; font-size:18px; font-weight:550; text-align:left; margin-bottom:1px;}.bottom1 .b2 p{color: #a2a0a1;font-size: 14px;}
.bottom1 .b2 .b2_2{ margin-top:30px;}
.bottom1 .b3{ width:100%; display:block; text-align:left;margin-top:30px;}.bottom1 .b3 h1{ color:#fff; font-size:18px; font-weight:550; text-align:left; margin-bottom:1px;}.bottom1 .b3 p{color: #a2a0a1;font-size: 20px;font-family:'Microsoft YaHei';}
.bottom1 .b3 .b2_2{ margin-top:30px; display:none;}.bottom1 .b3 .b2_2 a{ margin-right:30px;}

.bottom1_r{display:none;}

.bottom2{width:96%;max-width: 1500px; margin:0 auto;height: auto;overflow: hidden;border-top: 1px #808080 solid;}
.bottom2_b{height: 63px;line-height: 22px;text-align: center;color: #999;font-size: 12px; padding-top:10px}
.bottom2_b a{color: #999;}
.bottom2_b a:hover{color: #fff;}



/*品牌*/
.brand1{width: 100%;max-width: 1500px;margin:30px auto 30px;padding-left: 0%;padding-right: 0%;height: auto;overflow: hidden; background:url(../images/brand1_1.jpg) no-repeat left top;background-size: auto 100% !important;}
.brand1 .brand1_1{width:100%; padding-left:6%; padding-top:5%;}.brand1 .brand1_1 h1{margin-top:20px;}.brand1 .brand1_1 h1 img{width:30%; height:auto;}
.brand1 .brand1_1 p{margin-top:30px; color:#fff;opacity:0.8; font-size:14px; line-height:26px; width:90%;}
.brand1 .brand1_2{width:100%; text-align:center; padding-top:45px;padding-bottom:25px;}.brand1 .brand1_2 img{ max-width:90%; height:auto;}

.brand2{width: 96%;max-width: 1500px;margin:30px auto 30px;height: auto;overflow: hidden; border-top:1px #e9ebea solid; padding-top:30px;}
.brand2 .bt1 h2{font-size: 20pt;text-align: left;color: #e4e4e4; font-weight:400; margin-bottom:30px;}
.brand2 .bt1 h1{font-size: 22pt;text-align: left;color: #5d5d5d;font-weight:500;}
.brand2_1{width: 100%; height:auto; margin:30px auto 20px; overflow:hidden;}
.brand2_1 .ipro2{width: 100%;height: 330px; float:left; overflow:hidden; text-align:right; position:relative;background:#ffffff;}
.brand2_1 .ipro2 img{max-width: 100%;height: auto;vertical-align:middle; position:absolute; top:0;left:0;transition: all 0.5s;}
.brand2_1 .ipro2 .proinfo{ position:absolute; z-index:1; left:10px; top:20px; text-align:left;}
.brand2_1 .ipro2 .proinfo h1{color:#72bb38; font-size:26px; font-weight:500;}
.brand2_1 .ipro2 .proinfo p{color:#8d8d8d; font-size:18px; font-weight:500; margin-top:20px;}
.brand2_1 .ipro2 .proinfo h2{color:#72bb38; font-size:14px; font-weight:500;margin-top:30px;}
.brand2_2{ width:160px; margin:0 auto; text-align:center;}


/*关于我们*/
#abou{width: 100%;height: 460px;margin:0px auto; text-align:center;background: url(../images/about_bg2.jpg) no-repeat center center/cover;overflow: hidden;}
.abou{width: 96%;height:auto;overflow: hidden;display: block; margin:0px auto;}
.abou2{width:100%;height: auto;padding:20px 0px; margin-top:30px;}
.abou2 .abou2_1{height: 62px; line-height:34px;}
.abou2_1 .bt1 h1{font-size: 16pt;text-align: left;color: #333;font-weight:500;}
.abou2_2{width: 90%;margin-top: 0px;}
.abou2_2 p{font-size: 14px;line-height: 22px;color: #666666;margin-top: 8px;height: auto;overflow: hidden;text-indent:0em; text-align:left;}/*text-indent:2em缩进两个字*/

.about2{width: 100%;max-width: 1500px;margin:30px auto 0px;padding-left: 0%;padding-right: 0%;height: auto;overflow: hidden;}

#about3{width: 100%; height:auto; overflow:hidden; position:relative;margin:0px auto 20px;}
.about3{ display:none;}

.about3_a{width: 96%;max-width: 1500px;margin:0px auto;padding-left: 0%;padding-right: 0%;height: auto;overflow: hidden;}
.about3_a .about3_a_1{width:100%; height:300px; background-size:60%;}
.about3_a .about3_a_1 h2{font-size: 24pt;text-align: left;color: #e4e4e4; font-weight:500; margin-bottom:50px;}
.about3_a .about3_a_1 h1{font-size: 20pt;text-align: left;color: #71b93c;font-weight:500; margin-top:20px;}
.about3_a .about3_a_1 p{width:80%; margin:0 auto;text-align: center; font-size:16px; line-height:30px; padding-top:0px; color:#5e5e5e;}
.about3_a .about3_a_2{width:100%;}.about3_a .about3_a_2 img{ max-width:100%;}

.about3_b{display:none}



#about4{width: 100%; height:auto; overflow:hidden; position:relative;margin:0px auto 20px;}
.about4{display:none}


.about4_a{width: 96%;max-width: 1500px;margin:0px auto 20px;padding-left: 0%;padding-right: 0%;height: auto;overflow: hidden;}
.about4_a .about4_a_1{width:100%; height:300px;}
.about4_a .about4_a_1 h2{font-size: 24pt;text-align: left;color: #e4e4e4; font-weight:500; margin-bottom:50px;}
.about4_a .about4_a_1 h1{font-size: 20pt;text-align: left;color: #71b93c;font-weight:500; margin-top:20px;}
.about4_a .about4_a_1 p{width:60%; margin:0 auto;text-align: center; font-size:16px; line-height:20px; padding-top:0px; color:#5e5e5e;}
.about4_a .about4_a_2{width:100%; }.about4_a .about4_a_2 img{ max-width:100%;}

.about4_b{display:none}


.about5{width: 96%;max-width: 1500px;margin:10px auto 0px;padding-left: 0%;padding-right: 0%;height: auto;overflow: hidden;}
.about5 .title h2{font-size: 24pt;text-align: left;color: #e4e4e4; font-weight:500; margin-bottom:20px;}
.about5 .title h1{font-size: 20pt;text-align: left;color: #71b93c;font-weight:500;}
.cloud3{width: 96%;height: auto;overflow: hidden;margin: 10px auto 40px;}
.cloud3 ul {width: 100%;height: auto;overflow: hidden;}
.cloud3 ul li{width: 100%; background:#f7f7f7; padding-left: 0%;padding-right: 0%;padding-bottom: 35px;text-align: center;}
.cloud3 ul li .cloud2_1{width: 100%;height: auto;overflow: hidden; cursor: pointer;padding-top:50px;padding-bottom:20px;}
.cloud3 ul li .cloud2_1 img{max-width: 100%;height: auto;overflow: hidden;/*transition: all 0.5s;*//*filter: grayscale(100%) brightness(350%);*/}
.cloud3 ul li .cloud2_2{width: 100%;height: auto;overflow: hidden;}
.cloud3 ul li .cloud2_2 h1{margin:20px auto 2px; font-weight:bold; height: 35px;overflow: hidden;line-height: 35px;font-size: 18px; color:#333333; text-align:center;}
.cloud3 ul li .cloud2_2 span{width:20px; height:2px; background:#999; display:block; margin:0 auto;}
.cloud3 ul li .cloud2_2 p{font-size: 15px;line-height: 25px;color: #999999;width: 80%; margin:10px auto; text-align:center;}
.cloud3 ul li:hover h1{/*color:#003399;*/}
.cloud3 ul li:hover img{/*transform: scale(1.1)*/filter:none;}

.itshop2{width:100%;height:auto;position: relative;overflow: hidden;border-radius:0px;}
.itshop2 .banner{width: 100%;height:auto;overflow: hidden;margin:20px auto; }
.itshop2 .banner ul{width: auto; height:auto;overflow: hidden;}
.itshop2 .banner ul li{width: 100%;height: auto;}
.itshop2 .banner ul li .solution5_1{font-size: 18px;color: #333;font-weight:500;width:100%; text-align:center; height:50px; line-height:50px;}
.itshop2 .banner ul li .solution5_2{width: 100%;height: auto;overflow:hidden;}
.itshop2 .banner ul li .solution5_2 img{max-width: 100%;height: auto;vertical-align:middle;}

.itshop2 .hd{width: 100%;height:auto;position: absolute;text-align: center; bottom: 25px;z-index: 1}
.itshop2 .hd ul{display:inline-block;}
.itshop2 .hd ul li{width:14px;height: 14px;float: left;margin-left: 5px;margin-right: 5px;cursor: pointer;background: #fff;border:1px solid #666666;border-radius: 50%;}
.itshop2 .hd ul li.on{width: 56px;border-radius: 15px; background:#666666; border:1px solid #666666;}

.itshop2 .banner_1{width: 70%;height: 50px;position: absolute;bottom: 2px;z-index: 3;left: 15%; margin:0 auto; text-align:left;}
.itshop2 .banner_l a{display:block; background:#CC9933; width:30px;}
.itshop2 .banner_l a.prev{float: left;}
.itshop2 .banner_l a.prev:after {
	width: 7px;
	height: 7px;
	border-right: 1px solid #999;
	border-top: 1px solid #999;
	transform: rotate(315deg);
	position: absolute;
	right: 5px;
	top: 8px;
	content: "";
	}
.itshop2 .banner_1 a.next{float: right;}



/*产品中心*/
.pro_ban{width: 100%;max-width: 1500px;padding-left: 0%;padding-right: 0%;height: 50px;overflow: hidden; position:absolute; bottom:0px; z-index:2;left:50%; margin-left:-750px; background:#FFFFFF;}
.pro_class{width: 100%;max-width: 1500px;margin:0px auto;padding-left: 0%;padding-right: 0%;height: auto;overflow: hidden; background:#ffffff; padding-top:2px;}
.iproc .banner_b{width: 100%;height:auto;text-align: center; margin-bottom:5px;}
.iproc .banner_b ul{display:inline-block;width: 100%;height: auto;overflow: hidden; }
.iproc .banner_b ul li{width:33%;height: 50px;background: #fff;float: left; padding-top:20px;border-right:1px #e9e9e9 solid; cursor: pointer; text-align:center;}
.iproc .banner_b ul li h1{font-size:16px; padding-top:10px;}
.iproc .banner_b ul li img{ width:50px; height:auto; margin-bottom:10px;}
.iproc .banner_b ul li:hover{ color: #fff; background:#72bb38;}.iproc .banner_b ul li:hover h1{ color: #fff;}
.iproc .banner_b ul li:hover img{filter: grayscale(100%) brightness(350%);}
.iproc .banner_b ul li.hover{ color: #fff; background:#72bb38;}.iproc .banner_b ul li.hover h1{ color: #fff;}.iproc .banner_b ul li.hover img{filter: grayscale(100%) brightness(350%);}
.pro_type{width:96%; height:auto; overflow:hidden; margin:30px auto;}
.pro_type ul{ width:100%; height:auto; border-bottom:1px #e9e9e9 solid; overflow:hidden; margin-bottom:20px;}
.pro_type ul h1{width:100%; font-size:16px; font-weight:550; height:25px;}.pro_type ul h1 a{color:#999;}.pro_type ul h1 a.hover{color:#72bb38;}.pro_type ul h1 a:hover{color:#72bb38;}
.pro_type ul li{width:100%; line-height:25px;}
.pro_type ul li a{float:left;padding-right:3%;font-size:15px;color:#a3a3a3;}.pro_type ul li a:hover{color:#72bb38;}.pro_type ul li a.hover{color:#72bb38;}

.pro{width: 100%;max-width: 1500px;margin:30px auto 40px;padding-left: 0%;padding-right: 0%;height: auto;overflow: hidden;}
.proslist{width: 100%;height: auto;overflow: hidden;margin: 20px auto 0px;}
.prolist ul {width: 100%;height: auto;overflow: hidden;}
.prolist ul li{width: 48%;float: left; height:auto; background:#fff; margin-left:1%!important; margin-right:1%!important; margin-bottom:8px;overflow: hidden;}
.prolist1{ width:90%; margin:0 auto;height:auto; text-align:left; border-top:1px solid #f2f2f2; padding-bottom:10px;}
.prolist1 h1{font-size: 16px; font-weight:500; margin-top:10px; height:40px; line-height:19px;}
.prolist1 p{font-size: 14px;line-height: 20px;color: #999999;height: auto;}
.prolist1 h2{width:100%;font-size: 14px; font-weight:500; color:#777777;margin-top: 6px;}
.prolist1 h2 span{ display:block; width:100%;font-size: 12px;margin-bottom:5px;margin-top:3px;}
.prolist2{ width:90%; height:auto; overflow:hidden; margin:10px auto;}.prolist2 img{width:100%; height:auto;transition: all 0.5s;}
.prolist ul li:hover .prolist1 h1{ color:#72bb38;}.prolist ul li:hover .prolist1 p{ color:#72bb38;}.prolist ul li:hover .prolist1 h2{ color:#72bb38;}
.prolist ul li:hover .prolist2 img{transform: scale(1.1);}

/*产品内页*/
.pro_de{width: 100%;max-width: 1300px;margin:30px auto 40px;padding-left: 0%;padding-right: 0%;height: auto;overflow: hidden;}
.pro_de1{width:100%; margin:0 auto; overflow:hidden;}
.pro_de1_1{width:96%; margin: 0 auto; background:#fff; padding:35px 0px; overflow:hidden; height:auto;}
.pro_de1_1 h1{ padding-left:25px; color:#72bb38;font-size: 28pt;}.pro_de1_1 h2{ padding-left:25px;font-size: 22pt;}.pro_de1_1 h3{ padding-left:25px; margin-top:50px;}.pro_de1_1 p{ padding-left:25px; font-size:16px; line-height:26px; width:90%; margin-top:12px; color:#5e5e5e;}
.pro_de1_2{width:96%; margin: 10px auto; background:#fff;position: relative; height:300px; overflow:hidden}
.pro_de1_2 .banner{width: 90%;height:auto;overflow: hidden;margin:20px auto; }
.pro_de1_2 .banner ul{width: auto; height:auto;overflow: hidden;}
.pro_de1_2 .banner ul li{width: 100%;height: auto;}
.pro_de1_2 .banner ul li .solution5_2{width: 100%;height: auto;  overflow:hidden; text-align:right;}
.pro_de1_2 .banner ul li .solution5_2 img{max-width: 100%;height: auto;vertical-align:middle;}
.pro_de1_2 .hd{width:94%;height:auto;position: absolute;text-align: right; bottom: 25px;z-index: 1}
.pro_de1_2 .hd ul{display:inline-block;}
.pro_de1_2 .hd ul li{width:12px;height: 12px;float: left;margin-left: 5px;margin-right: 5px;cursor: pointer;background: #999;border:0px solid #999;border-radius: 50%;}
.pro_de1_2 .hd ul li.on{border-radius: 14px; background:#72bb38; border:0px solid #72bb38;}


.pro_dec{width:96%; margin:30px auto; overflow:hidden;}
.pro_dec1{width:100%; }
.pro_dec1 ul li{width:48%; float:left; margin-right:2%; border-bottom:0px #CCCCCC solid;font-size:12px; text-align:left; color:#666;}

.pro_dec1 ul li.title{width:100%; font-size:14px;font-weight:550;border-bottom:0px #CCCCCC solid; margin-top:20px; height:25px;}
.pro_dec1 ul li:first-child
{
 border-bottom:0px #CCCCCC solid; 
}
.pro_dec1 ul li:nth-child(2)
{
 border-bottom:0px #CCCCCC solid; 
}
.pro_dec1 ul li:nth-child(3)
{
 border-bottom:0px #CCCCCC solid;
}/**/

/* 产品评论 */
.comment_bg{width: 96%;
    margin: 30px auto;
    overflow: hidden;}
.comment_form{overflow: hidden;margin-top: 55px;padding-top: 25px;padding-bottom: 25px; border-top: 1px solid #cccccc; border-bottom: 1px solid #cccccc;}
.comment_form input[type="text"]{width:100%;height: 43px;font-size: 14px;padding-left: 8px;margin-bottom: 10px;border-radius: 5px;border: 1px solid #ddd;color: #555;}
.comment_form input[type="text"]:nth-child(even){margin-right: 0;}
.comment_form input[type="button"]{clear: both;display: block;width: 50%;height: 39px;line-height: 39px; text-align: center; background-color: #72bb38;font-size: 16px;color: #fff;border: 0;outline: 0;margin: 0 auto;margin-top: 10px;cursor: pointer;box-sizing: border-box;border: 1px solid #72bb38;}
.comment_form input[type="button"]:hover{background-color: transparent;color: #72bb38;}
.comment_form textarea{resize: none;width: 100%;height: 150px; font-size: 14px;padding: 8px; border-radius: 5px;border: 1px solid #ddd;font-family: '微软雅黑';color: #555;}
.comment_items{padding-top: 25px;padding-bottom: 14px;}
.comment_items ul{overflow: hidden;}
.comment_items ul li{float: left;margin-right: 2%;margin-bottom: 1.5%; padding: 0 16px;height: 32px;line-height: 30px; border-radius: 5px;border: 1px solid #ccc;font-size: 14px;color: #555;cursor: pointer;}
.comment_items ul li:hover{border-color: #72bb38;color: #72bb38;}
.comment{margin-bottom: 90px;}
.comment > h1{font-size: 14px;height: 40px;line-height: 40px; color: #72bb38;background-color: #dcdedd;padding-left: 12px; box-sizing: border-box;}
.comment ul{}
.comment ul li{overflow: hidden;padding: 15px 0;border-bottom: 1px solid #cccccc;}
.comment .comment_name{ font-size: 14px;color: #1a1a1a;line-height: 23px;padding: 0 1%;box-sizing: border-box;}
.comment .comment_content{float: left;width: 70.3%;font-size: 14px;color: #5f5e5e;line-height: 23px;margin-bottom: 15px;padding-bottom: 15px;}
.comment .comment_time{float: right;width: 16.9%; text-align: right;position: relative;}
.comment .comment_time h1{font-size: 14px;color: #615f60;font-weight: 400;line-height: 23px;}
.comment .comment_time p{font-size: 14px;color: #615f60;line-height: 15px;position: absolute;right: 0;cursor: pointer;}
.comment .comment_reply{clear: both;overflow: hidden;margin-top: 10px;}
.comment .comment_reply h1{float: left;width: 80.6%;}
.comment .comment_reply i{float: left;width: 55px; display: block; color: #1a1a1a;font-style: normal;font-size: 14px;line-height: 24px;}
.comment .comment_reply p{float: left;width: calc(100% - 55px);font-size: 14px;color: #615f60;line-height: 24px;}
.comment .comment_reply span{float: right;width: 19.4%;font-size: 14px;color: #615f60;line-height: 24px;text-align: right;}
.comment_reply_textarea{display: none; clear: both;overflow: hidden;padding: 8px 10px; box-sizing: border-box;background-color: #e6e6e6;margin-top: 24px;margin-bottom: 5px;}
.comment_reply_textarea textarea{resize: none;width: 100%;height: 90px; font-size: 14px;padding: 6px; border-radius: 5px;border: 1px solid #ddd;font-family: '微软雅黑';color: #555;}
.comment_reply_textarea input[type="button"]{clear: both;display: block;float: right;width: 140px;height: 39px;line-height: 39px; text-align: center; background-color: #72bb38;font-size: 14px;color: #fff;border: 0;outline: 0;margin-top: 10px;cursor: pointer;box-sizing: border-box;border: 1px solid #72bb38;}
.comment_reply_textarea input[type="button"]:hover{background-color: transparent;color: #72bb38;}


.list{width: 100%;margin:30px auto 0px;padding-left: 0%;padding-right: 0%;height: auto;overflow: hidden;}
.list ul{margin:0px auto; text-align:center;display:table;}
.list ul li{width: auto;float: left;font-size: 16px;height: 20px;text-align: center;line-height: 20px; padding-right:20px; margin-left:20px; border-right:1px #e4e4e4 solid;}
.list ul li a{color: #666;display: block;}.list ul li a:hover{color: #72bb38;}.list ul li a.hover{color: #72bb38;}

/*新闻*/
.news{width: 100%;max-width: 1500px;margin:20px auto 30px;padding-left: 0%;padding-right: 0%;height: auto;overflow: hidden;}
.newslist{width: 96%;height: auto;overflow: hidden;margin: 10px auto 0px;}
.newslist ul {width: 100%;height: auto;overflow: hidden;}
.newslist ul li{width: 100%;float: left; height:auto; background:#f7f7f7; margin-right:2.2%; margin-bottom:15px;overflow: hidden;}
.newslist1{ width:90%;padding:5%; height:auto; text-align:left;}
.newslist1 h1{font-size: 16px; font-weight:500; margin-top:10px; height:40px; line-height:19px;}
.newslist1 p{font-size: 14px;line-height: 20px;color: #999999;height: auto;}
.newslist1 h2{width:100%;font-size: 16px; font-weight:500; color:#777777;margin-top: 12px;}
.newslist1 h2 span{ float:right;font-size: 14px;}
.newslist2{ width:100%; height:auto; overflow:hidden;}.newslist2 img{width:100%; height:auto;transition: all 0.5s;}



/*分页*/
.fy{width: 100%;height: 36px;margin:20px auto 85px;font-size: 20px;color: #666;text-align: center;}
.fy ul{display:inline-block;}
.fy ul li{float: left;font-size: 20px;margin-left: 5px;margin-right: 5px;width: 36px;height: 36px;background: #fff;border-radius: 50%;text-align: center;line-height: 36px;}
.fy ul li a{color: #666;display: block;}
.fy ul .fy1{background: #dddddd;}
.fy ul li.hover{background: #72b83b}
.fy ul li:hover{background: #72b83b;}
.fy ul li:hover a{color: #fff;}
.fy ul li.hover a{color: #fff;}


.list1{width: 100%;max-width: 1400px;margin:20px auto;padding-left: 0%;padding-right: 0%;height: auto;overflow: hidden;}
.list1 ul{display:inline-block;}
.list1 ul li{float: left;font-size: 16px;margin-left: 5px;margin-right: 5px;width:auto;height: 20px;text-align: center;line-height: 20px; border-right:0px #e4e4e4 solid;}
.list1 ul li a{color: #666;display: block;}.list1 ul li a:hover{color: #72bb38;}.list1 ul li a.hover{color: #72bb38;}
/*新闻资讯内页*/
.news_de{max-width: 900px;height: auto;overflow: hidden;margin: 40px auto 0px;width: 90%;}
.news_det{height: auto;overflow: hidden;margin: 0px auto;border-bottom: 1px #efefef solid;padding-bottom: 15px;width: 100%;}
.news_det h1{font-size: 28px;color: #333;text-align: center;}
.news_det p{font-size: 18px;margin-top: 10px;color: #a1a1a1;text-align: center;}
.news_det p span{margin-right: 30px;margin-left: 30px;}
.news_det p span a{max-width: 100%;height: auto;margin-left: 5px;margin-right: 15px;}
.news_dec{height: auto;overflow: hidden;margin: 25px auto;width: 98%;}
.news_dec p{font-size: 15px;color: #acacac;line-height: 28px; margin-top:25px;text-indent: 2em;}
.news_dec img{width: 100%;height: auto;display: block;margin:25px auto;}
.news_dec .fh{width: 121px;height: 67px;display: block;margin:25px auto;}
.news_dec .fh a{display: block;}
.news_dec .fh a img{width: 100%;height: auto;}
.news_deb{width: 100%;height: auto;overflow: hidden;margin: 20px auto 60px; border-top:1px #e4e4e4 solid;}
.news_deb h1{font-size: 22px;color: #000;}
.news_deb li{float: left;height: 107px;overflow: hidden;margin-left: 45px;margin-top: 25px;}
.news_deb li a{ margin-right:10px;color: #a1a1a1; font-size:14px;}
.news_deb li a:hover{ color: #72bb38; }
.back{font-size: 14px; height: 22px;padding-right: 20px;position: relative;}
.back:after {
	width: 7px;
	height: 7px;
	border-right: 1px solid #999;
	border-top: 1px solid #999;
	transform: rotate(315deg);
	position: absolute;
	right: 5px;
	top: 8px;
	content: "";
	}

/*联系我们*/
.con_text{width: 100%;max-width: 1400px;margin:90px auto 90px;padding-left: 0%;padding-right: 0%;height: auto;overflow: hidden; padding-top:110px;}
.con_text h2{ width:60%;font-size: 18pt;text-align: left;color: #fff; font-weight:400; padding-bottom:40px; border-bottom:1px #ccc solid; margin-bottom:40px; margin-top:10px;opacity:0.9}
.con_text h1{font-size: 20pt;text-align: left;color: #fff;font-weight:500;opacity:0.9}
.con_text p{font-size: 18px;text-align: left;color: #fff;opacity:0.9; line-height:45px;}
.con_text p img{width:16px; height:auto;display: inline-block;vertical-align: middle; margin-right:10px;filter: grayscale(100%) brightness(500%);}

.contact{width: 100%;max-width: 1400px;margin:20px auto 20px;padding-left: 0%;padding-right: 0%;height: auto;overflow: hidden;}
.contact1{width: 100%;height: auto;overflow: hidden;}
.contact1 ul li{ width:96%; margin:0 auto;border-bottom:1px #e4e4e4 solid; padding-bottom:20px; margin-top:30px;}
.contact1 ul li h2{ font-size: 14pt;text-align: left;color: #666; font-weight:400;  margin-bottom:20px; margin-top:10px;}
.contact1 ul li h1{font-size: 20pt;text-align: left;color: #333;font-weight:500;padding-bottom:10px;border-bottom:3px #72bb38 solid;}
.contact1 ul li p{font-size: 14px;text-align: left;color: #999; line-height:40px;}
.contact1 ul li p img{width:16px; height:auto;display: inline-block;vertical-align: middle; margin-right:5px;}

.contact_frm{width: 90%;height: auto;overflow: hidden;margin:120px auto 90px;}
.contact_frm h1{ font-size: 18pt;text-align: left;color: #999; font-weight:400;  margin-bottom:40px; margin-top:20px;}
.contact_frm ul li{ width:100%; float:left; margin-right:4%;height:50px; overflow:hidden; margin-bottom:10px;}
.contact_frm input{width:100%; height:40px; line-height:40px; border:0px; border-bottom:1px #e4e4e4 solid; font-size:16px;}
.frm_2{width: 100%;height: auto;margin:20px auto 20px;}.frm_2_1{width:100%; float:left}.frm_2_2{width:50%; float:left; margin-top:20px;}



/*人才招聘*/
.career{width: 100%;max-width: 1400px;margin:10px auto 40px;padding-left: 0%;padding-right: 0%;height: auto;overflow: hidden;}
.career1{width: 100%;height: auto;overflow: hidden;margin: 30px auto;}
.career1_1{width:10%; float:left;}.career1_1 img{max-width:100%; height:auto;}.career1_3{width:10%; float:right;}.career1_3 img{max-width:100%; height:auto;}
.career1_2{width:80%; float:left; margin:0 auto;}.career1_2 h1{ text-align:center; font-size:28px; color:#72bb38;}.career1_2 p{width:90%; margin:0 auto;margin-top:10px;text-align:center; font-size:12px; color:#a3a3a3; line-height:20px;}

.career2{width: 100%;height: auto;overflow: hidden;margin: 30px auto;}.career2 h1{ height:150px; line-height:150px; color:#ffffff; font-size:28px; text-align:center;}

.career3{width: 80%;height: auto;overflow: hidden;margin: 10px auto 80px;}
.career3 ul {width: 100%;height: auto;overflow: hidden;}
.career3 ul li{width: 48%;float: left;  margin-right:2%;padding-left: 0%;padding-right: 0%;padding-bottom: 15px;text-align: center;}
.career3 ul li .cloud2_1{width: 100%;height: auto;overflow: hidden; cursor: pointer;padding-top:30px;padding-bottom:20px; position:relative; height:85px;}
.career3 ul li .cloud2_1 img{max-width: 100%;height: auto;overflow: hidden;/*transition: all 0.5s;*//*filter: grayscale(100%) brightness(350%);*/}.career3 ul li .cloud2_1 span{ position:absolute; top:45%; left:45%; font-size:28px; color:#ffffff; font-weight:500;}
.career3 ul li .cloud2_2{width: 100%;height: auto;overflow: hidden;}
.career3 ul li .cloud2_2 h1{margin:10px auto 2px; font-weight:500; height: 35px;overflow: hidden;line-height: 35px;font-size: 18px; color:#ffffff; text-align:center;position: relative;}
.career5{width: 100%;height: auto; text-align:center;overflow: hidden;margin: 40px auto 40px; font-size:28px; color:#72bb38;}

.join{width: 100%;height: auto;overflow: hidden;margin: 0px auto;border-top: 3px solid #72bb38;background:#fff;}
.join h3{width: 100%;height: auto;border-bottom: 1px #dddddd solid; line-height:30px;cursor: pointer;overflow: hidden;padding-top: 15px;padding-bottom: 15px;font-weight: normal}
.join h3 span{ width:70%;display: block;padding-left: 2.5%;float: left;font-size: 14px;color: #666;}
.join h3 .join1{width: 100%;font-size: 20px;font-weight: bold;border-right: none;}
.join h3 .join2{width: 10%;padding-right: 6.5%;height: 0px;float: right;text-align: right; padding-top:0px;}

.join h3 .join2 em{width: 33px;height: 33px;float: right;margin-left: 15px;/*transition: all 0.5s;*/}
/*.join h3 .join2 em:hover img{content: url(../images/join1.png);}*/
.join h3.on .join2 em{content: url(../images/join1.png); }
.join ul{width: 100%;border-bottom: 1px #ddd solid;}
.join ul .join_2{width: 94%;margin:0 auto;border-top: 1px #72bb38 solid;height: auto;overflow: hidden;text-align:left;}
.join ul .join_2_1{ width:100%;  padding-top:20px;}
.join ul .join_2 h1{font-size: 14px;color: #666; margin-top: 20px;margin-bottom: 10px;}
.join ul .join_2 p{font-size: 14px;color: #b8b8b8;line-height: 28px;}
.join ul .join_2 h2{color: #602751;font-size: 20px;margin-bottom: 10px; overflow:hidden;}

.join ul .join_2 h2 a{ margin-top:60px;display:block;font-size: 16px; color:#fff; width:140px; height:35px; line-height:35px; float:left; background:#72bb38;border-radius:25px; text-align:center;}

.join h3.on em{ transform:rotate(180deg) }
.join h3.on{border-bottom: 0px #dddddd solid;}
.career6{width: 96%;height: auto; text-align:left;overflow: hidden;margin: 30px auto 30px; font-size:14px; color:#aaa; line-height:25px;}


/*按钮*/
.button2017{color:#87b763;display:inline-block;font-family:"SAPRegular",Arial,Helvetica,sans-serif;font-weight:normal;font-size:14px;line-height:30px;height:30px;overflow:hidden;padding:5px 0px;position:relative;text-align:center;vertical-align:middle;width:99%; border:1px #87b763 solid;}
.button2017 .hoverboxes{display:flex;left:0;margin:0;padding:0;position:absolute;top:0;width:100%;z-index:1}
.button2017 .buttonText{display:inline-block;width:100%;color:#87b763;position:relative;z-index:2;top:50%;transform:translateY(-50%)}
.button2017.version1 .hoverboxes{background-color:#f2f2f2}
.button2017.version1 .hoverbox{background-color:#f2f2f2;height:30px;padding:5px 24px;width:33.334%;transition:background-color,150ms,linear}
.button2017.version1{color:#87b763;}
.button2017.version1:hover{color:#fff}.button2017:hover .buttonText{color:#fff}
.button2017.version1:hover .hoverboxes{background-color:#87b763}
.button2017.version1:hover .hoverbox{background-color:#87b763}

.button2017.version2{box-shadow:inset 0 0 0 1px rgba(255,255,255,0.8); color:#87b763;}
.button2017.version2 .hoverbox{background-color:rgba(255,255,255,0.15);height:40px;padding:5px 24px;width:33.334%;transition:background-color,150ms,linear}
.button2017.version2 .buttonText{transition:color,150ms,linear}
.button2017.version2:hover{color:#333}
.button2017.version2:hover .buttonText{color:#333}
.button2017.version2:hover .hoverbox{background-color:#fff}
.button2017.version3{box-shadow:inset 0 0 0 1px #007db8;color:#007db8}
.button2017.version3 .hoverbox{background-color:rgba(255,255,255,0.15);height:40px;width:33.334%;transition:background-color,150ms,linear}
.button2017.version3 .buttonText{transition:color,150ms,linear;color:#007db8}
.button2017.version3:hover{color:#fff}
.button2017.version3:hover .buttonText{color:#fff}
.button2017.version3:hover .hoverbox{background-color:#007db8}
.button2017.disabled{cursor:default;opacity:.25;pointer-events:none}
.button2017 .hoverbox:nth-child(1){transition-delay:100ms}
.button2017 .hoverbox:nth-child(2){transition-delay:50ms}
.button2017 .hoverbox:nth-child(3){transition-delay:0}
.button2017:hover{cursor:pointer;text-decoration:none;transition:color,250ms,linear}
.button2017:hover .hoverbox{transition:background-color,150ms,linear}
.button2017:hover .hoverbox:nth-child(1){transition-delay:0}
.button2017:hover .hoverbox:nth-child(2){transition-delay:50ms}
.button2017:hover .hoverbox:nth-child(3){transition-delay:100ms}
/*.button2017.loading-button{background-color:#007db8;border-color:#007db8}
.button2017.loading-button .buttonText{color:#fff;padding-left:32px}*/


.online{display:none!important}