@charset "UTF-8";
body,p,form,textarea,h1,h2,h3,h4,h5,dl,dd{margin: 0px;}
input,button,ul,ol{margin: 0px; padding: 0px;}
body,input,button,form{font-size: 14px;line-height: 28px;font-family: "microsoft yahei", "Arial";color: #333;}
h1,h2,h3,h4,h5,h6{font-size: 14px; font-weight: normal;}
ul,ol,li{list-style: none;}
input{background: none; border: 0 none;}
img,iframe{border: 0px;}
em,i{font-style: normal;}
button,input,select,textarea{font-size: 100%;}
table{border-collapse: collapse; border-spacing: 0;}
.red{color: #ba292e;}
.fl{float: left;}
.fr{float: right;}
.tac{text-align: center;}
.tar{text-align: right;}
.poa{position: absolute;}
.por{position: relative;}
.hidden{display: none;}
.w1200{width: 1200px; margin: 0 auto;}
a{color: #000; text-decoration: none;}
a:hover{color: #3fb150; text-decoration: none;}
a:visited{text-decoration: none;}
.ease,.ease *{-webkit-transition: all ease 300ms; -moz-transition: all ease 300ms; -ms-transition: all ease 300ms; -o-transition: all ease 300ms; transition: all ease 300ms;}
.noease,.noease *{-webkit-transition: none; -moz-transition: none; -ms-transition: none; -o-transition: none; transition: none;}
:-moz-placeholder{color: #aaa;}
::-moz-placeholder{color: #aaa;}
input:-ms-input-placeholder,textarea:-ms-input-placeholder{color: #aaa;}
input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{color: #aaa;}
/*清除浮动*/
.clearfix{*zoom: 1;}
.clearfix:after{visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0;}
/*******************index css*********************/
.inews .section_con{position: absolute; height: 560px; left: 50%; top: 50%; margin: -290px 0 0 -600px;}
.inews .inews-left{width: 550px; float: left; overflow: hidden; position: relative;}
.inews .inews-left .list{width: 500%;}
.inews .inews-left .prev,.inews .inews-left .next{width: 30px; height: 70px; display: block; cursor: pointer; -webkit-transition: all ease 300ms; -moz-transition: all ease 300ms; -ms-transition: all ease 300ms; -o-transition: all ease 300ms; transition: all ease 300ms; position: absolute; border-radius: 3px; top: 140px; z-index: 10; background: url(../images/black50.png) repeat 0 0;}
.inews .inews-left .prev s,.inews .inews-left .next s{width: 30px; height: 70px; display: block; background: url(../images/inews-ico.png) no-repeat 11px center;}
.inews .inews-left .prev:hover,.inews .inews-left .next:hover{background: url(../images/red80.png) repeat 0 0;}
.inews .inews-left .prev{left: 10px;}
.inews .inews-left .next{right: 10px;}
.inews .inews-left .next s{background-position: -41px center;}
.inews .inews-left .item{width: 550px; float: left;}
.inews .inews-left .item a{width: 100%; display: block;}
.inews .inews-left .item .img{height: 350px; overflow: hidden;}
.inews .inews-left .item img{width: 100%; display: block; -webkit-transition: all ease 300ms; -moz-transition: all ease 300ms; -ms-transition: all ease 300ms; -o-transition: all ease 300ms; transition: all ease 300ms;}
.inews .inews-left .item h3{height: 55px; line-height: 55px; overflow: hidden; -webkit-transition: all ease 300ms; -moz-transition: all ease 300ms; -ms-transition: all ease 300ms; -o-transition: all ease 300ms; transition: all ease 300ms; padding-top: 0; color: #333; font-size: 18px;}
.inews .inews-left .item .time{width: 70px; float: left; border-right: 1px solid #979797; color: #333333; line-height: 16px; font-size: 16px;}
.inews .inews-left .item .time .year{font-size: 24px; display: block; line-height: 24px; margin-bottom: 4px;}
.inews .inews-left .item .txt{width: 462px; float: right; color: #979797; line-height: 30px; height: 60px; overflow: hidden; margin-top: -7px;}
.inews .inews-left .item:hover img{filter: brightness(105%);}
.inews .inews-left .item:hover h3{color: #3fb150; padding-left: 5px;}
.inews .inews-left img{width: 100%; display: block;}
.inews .inews-right{width: 550px; float: right;}
.inews .inews-right .item{width: 100%; padding: 28px 0; position: relative; border-bottom: 1px solid #e0e0e0;}
.inews .inews-right .item:first-child{padding-top: 0;}
.inews .inews-right .item a{display: block; width: 100%; *zoom: 1;}
.inews .inews-right .item a:after{visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0;}
.inews .inews-right .item img{width: 140px; height: 105px; -webkit-transition: all ease 300ms; -moz-transition: all ease 300ms; -ms-transition: all ease 300ms; -o-transition: all ease 300ms; transition: all ease 300ms; display: block; float: left; margin-right: 20px;}
.inews .inews-right .item h3{font-size: 16px; line-height: 20px; height: 20px; margin-bottom: 5px; overflow: hidden; color: #333;}
.inews .inews-right .item .time{display: block; color: #333;}
.inews .inews-right .item .more{width: 68px; height: 18px; -webkit-transition: all ease 300ms; -moz-transition: all ease 300ms; -ms-transition: all ease 300ms; -o-transition: all ease 300ms; transition: all ease 300ms; line-height: 18px; position: absolute; right: 0; bottom: 30px; text-align: center; color: #b6b6b6; display: block; float: right; border: 1px solid #e1e1e1; border-radius: 3px; font-family: arial;}
.inews .inews-right .item a:hover .more{background: #ed4e43; border-color: #ed4e43; color: #fff;}
.inews .inews-right .item a:hover img{filter: brightness(105%);}
@media (max-width: 1600px){.inews .indexTit{margin-bottom: 20px;} .inews .section_con{height: 540px; margin-top: -255px;}}
@media (max-width: 1366px){.inews .indexTit{margin-bottom: 10px;} .inews .section_con{height: 440px; margin-top: -200px;} .inews .inews-left .prev, .inews .inews-left .next{margin-top: -40px;} .inews .inews-left .item .img{height: 260px;} .inews .inews-left .item h3{height: 40px; line-height: 40px;} .inews .inews-right .item{padding: 10px 0;} .inews .inews-right .item .more{bottom: 10px;}}
/******ivedio******/
.indexTit{width: 100%; text-align: center; position: relative; margin-bottom: 46px;}
.indexTit .en{color: #2f2f2f; font-size: 30px; line-height: 30px; margin-bottom: 6px; text-transform: uppercase; font-family: arial; display: block;}
.indexTit .line-left,.indexTit .line-right{width: 90px; height: 1px; position: absolute; bottom: 12px; display: block; background: #c1c1c1;}
.indexTit .line-left{left: 50%; margin-left: -158px;}
.indexTit .line-right{right: 50%; margin-right: -158px;}
.indexTit h2{font-size: 24px; line-height: 30px;}
@media (max-width: 1366px){.indexTit .en{margin-bottom: 0;}}
.gridlist{width: 100%;}
.gridlist .item{width: 280px;margin: 30px 26px 0 0;float: left;position: relative;overflow: hidden;}
.gridlist .item img{width: 280px;height: 210px;display: block;-webkit-transition: all ease 300ms;-moz-transition: all ease 300ms;-ms-transition: all ease 300ms;-o-transition: all ease 300ms;transition: all ease 300ms;}
.gridlist .item .bg{width: 280px;height: 210px;display: block;-webkit-transition: all ease 300ms;-moz-transition: all ease 300ms;-ms-transition: all ease 300ms;-o-transition: all ease 300ms;transition: all ease 300ms;background: url(../images/black70.png) repeat 0 0;position: absolute;left: -100%;top: 0;}
.gridlist .item .plus{width: 280px;height: 210px;display: block;transition: all ease .4s;background: url(../images/ipro_hover.png) no-repeat center center;position: absolute;left: -100%;top: 0;}
.gridlist .item h3{color: #000;line-height: 28px;text-align: center;padding-top: 8px;height: 28px;overflow: hidden;}
.gridlist .item:hover .bg{left: 0;}
.gridlist .item:hover .plus{left: 0;}
.gridlist .item:hover img{-webkit-filter: brightness(110%);filters: brightness(110%);}
.gridlist .item:hover h3{color: #3fb150;}
@media (max-width: 1260px){.gridlist{width: 745px;}
.gridlist .last-w1260{display: none;}}
/***********category css*************/
.nyIcon{background: url(../images/nyIcon.png) no-repeat; display: inline-block; vertical-align: middle;}
.nybanner{width: 100%;height: 300px;position: relative;overflow: hidden;background-position: center;background-repeat: no-repeat;background-image: url(../images/nybanner.jpg);}
/************** * Animations for content elements * **********/
/* 滞后 */
.delay100{-webkit-animation-delay: 100ms; animation-delay: 100ms;}
.delay200{-webkit-animation-delay: 200ms; animation-delay: 200ms;}
.delay300{-webkit-animation-delay: 300ms; animation-delay: 300ms;}
.delay400{-webkit-animation-delay: 400ms; animation-delay: 400ms;}
.delay500{-webkit-animation-delay: 500ms; animation-delay: 500ms;}
.delay600{-webkit-animation-delay: 600ms; animation-delay: 600ms;}
.delay700{-webkit-animation-delay: 700ms; animation-delay: 700ms;}
.delay800{-webkit-animation-delay: 800ms; animation-delay: 800ms;}
.delay900{-webkit-animation-delay: 900ms; animation-delay: 900ms;}
.delay1000{-webkit-animation-delay: 1000ms; animation-delay: 1000ms;}
.delay1100{-webkit-animation-delay: 1100ms; animation-delay: 1100ms;}
.delay1200{-webkit-animation-delay: 1200ms; animation-delay: 1200ms;}
.delay1300{-webkit-animation-delay: 1300ms; animation-delay: 1300ms;}
.delay1400{-webkit-animation-delay: 1400ms; animation-delay: 1400ms;}
.delay1500{-webkit-animation-delay: 1500ms; animation-delay: 1500ms;}
.delay1600{-webkit-animation-delay: 1600ms; animation-delay: 1600ms;}
.delay1700{-webkit-animation-delay: 1700ms; animation-delay: 1700ms;}
.delay1800{-webkit-animation-delay: 1800ms; animation-delay: 1800ms;}
.delay1900{-webkit-animation-delay: 1900ms; animation-delay: 1900ms;}
.delay2000{-webkit-animation-delay: 2000ms; animation-delay: 2000ms;}
.delay2100{-webkit-animation-delay: 2100ms; animation-delay: 2100ms;}
.delay2200{-webkit-animation-delay: 2200ms; animation-delay: 2200ms;}
.delay2300{-webkit-animation-delay: 2300ms; animation-delay: 2300ms;}
.delay2500{-webkit-animation-delay: 2500ms; animation-delay: 2500ms;}
.delay2700{-webkit-animation-delay: 2700ms; animation-delay: 2700ms;}
.delay2900{-webkit-animation-delay: 2900ms; animation-delay: 2900ms;}
.delay3000{-webkit-animation-delay: 3000ms; animation-delay: 3000ms;}
.delay4000{-webkit-animation-delay: 4000ms; animation-delay: 4000ms;}
.delay4500{-webkit-animation-delay: 4500ms; animation-delay: 4500ms;}
.delay5000{-webkit-animation-delay: 5000ms; animation-delay: 5000ms;}
.onactive .animated{-webkit-animation-duration: .8s; animation-duration: .8s; -webkit-animation-fill-mode: both; animation-fill-mode: both;}
.active .animated.fast{-webkit-animation-duration: .5s; animation-duration: .5s;}
.onactive .flyInDown{-webkit-animation-name: flyInDown; animation-name: flyInDown;}
@-webkit-keyframes flyInDown{0%{opacity: 0; -webkit-transform: translateY(-20px);} 100%{opacity: 1; -webkit-transform: translateY(0);}}
@keyframes flyInDown{0%{opacity: 0; -webkit-transform: translateY(-20px); -moz-transform: translateY(-20px); -ms-transform: translateY(-20px); transform: translateY(-20px);} 100%{opacity: 1; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0);}}
.onactive .flyInRight{-webkit-animation-name: flyInRight; animation-name: flyInRight;}
@keyframes flyInRight{0%{opacity: 0; -webkit-transform: translateX(100px); -moz-transform: translateX(100px); -ms-transform: translateX(100px); transform: translateX(100px);} 100%{opacity: 1; -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0);}}
.onactive .flyInUp{-webkit-animation-name: flyInUp; animation-name: flyInUp;}
@keyframes flyInUp{0%{opacity: 0; -webkit-transform: translateY(50px); -moz-transform: translateY(50px); -ms-transform: translateY(50px); transform: translateY(50px);} 100%{opacity: 1; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0);}}
.onactive .flyInLeft{-webkit-animation-name: flyInLeft; animation-name: flyInLeft;}
@-webkit-keyframes flyInLeft{0%{opacity: 0; -webkit-transform: translateX(-200px);} 100%{opacity: 1; -webkit-transform: translateX(0);}}
@keyframes flyInLeft{0%{opacity: 0; -webkit-transform: translateX(-200px); -moz-transform: translateX(-200px); -ms-transform: translateX(-200px); transform: translateX(-200px);} 100%{opacity: 1; -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0);}}
.onactive .opacityI{-webkit-animation-name: zoomIn; animation-name: zoomIn;}
@-webkit-keyframes opacityI{0%{opacity: 0;} 50%{opacity: 1;}}
@keyframes opacityI{0%{opacity: 0;} 50%{opacity: 1;}}
.onactive .shake{-webkit-animation-name: shake; animation-name: shake; -webkit-animation-delay: 6s; animation-delay: 6s; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite;}
@keyframes shake{0%{transform: translateX(0);} 10%, 30%, 50%, 70%, 90%{transform: translateY(-10px);} 20%, 40%, 60%, 80%{-transform: translateY(6px);} 100%{transform: translateY(0);}}
@-webkit-keyframes shake{0%{-webkit-transform: translateX(0);} 10%, 30%, 50%, 70%, 90%{-webkit-transform: translateY(-10px);} 20%, 40%, 60%, 80%{-webkit-transform: translateY(6px);} 100%{-webkit-transform: translateY(0);}}
@-moz-keyframes shake{0%{-moz-transform: translateX(0);} 10%, 30%, 50%, 70%, 90%{-moz-transform: translateY(-10px);} 20%, 40%, 60%, 80%{-moz-transform: translateY(6px);} 100%{-moz-transform: translateY(0);}}
@-o-keyframes shake{0%{-o-transform: translateX(0);} 10%, 30%, 50%, 70%, 90%{-o-transform: translateY(-10px);} 20%, 40%, 60%, 80%{-o-transform: translateY(6px);} 100%{-o-transform: translateY(0);}}
@-ms-keyframes shake{0%{-ms-transform: translateX(0);} 10%, 30%, 50%, 70%, 90%{-ms-transform: translateY(-10px);} 20%, 40%, 60%, 80%{-ms-transform: translateY(6px);} 100%{-ms-transform: translateY(0);}}
.onactive .zoomIn{-webkit-animation-name: zoomIn; animation-name: zoomIn;}
@-webkit-keyframes zoomIn{0%{opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3);} 50%{opacity: 1;}}
@keyframes zoomIn{0%{opacity: 0; -webkit-transform: scale3d(.3, .3, .3); -ms-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3);} 50%{opacity: 1;}}
@-webkit-keyframes scaleIn{0%{opacity: 1; -webkit-transform: scale(1); transform: scale(1);} 50%{opacity: 1; -webkit-transform: scale(1.02); transform: scale(1.02);}}
@keyframes scaleIn{0%{opacity: 1; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1);} 50%{opacity: 1; -webkit-transform: scale(1.02); -ms-transform: scale(1.02); transform: scale(1.02);}}
.sitepath{width: 100%;height: 48px;line-height: 48px;overflow: hidden;font-size: 14px;color: #88848b;border-bottom: 1px solid #f1f1f1;margin-bottom: 28px;}
.sitepath s{width: 14px;height: 14px;margin-right: 16px;background-position: -160px 0;}
.sitepath a{color: #88848b;}
.sitepath a:hover{color: #3fb150;}
.n-tit{margin-bottom: 20px;}
.n-tit h3{font-size: 24px;color: #000;margin-bottom: 22px;}
.n-tit .line{width: 28px;height: 2px;display: block;background: #000;}
.wrapper .leftCon{width: 240px;float: left;position: relative;margin-top: 15px;}
.wrapper .content{width: 930px;float: right;padding-bottom: 20px;}
.leftMenu{position: relative;width: 100%;background: #3fb150;color: #fff;}
.leftMenu .title{width: 184px;height: 160px;padding: 0 28px;background: #196f26;color: #fff;text-align: center;}
.leftMenu .title h3{font-size: 36px;line-height: 36px;font-weight: bold;padding: 30px 0 27px;border-bottom: 1px solid #3fb150;}
.leftMenu .title span{display: block;padding-top: 12px;text-transform: uppercase;font-size: 18px;}
.leftMenu .list{padding: 24px;}
.leftMenu .list li{width: 100%;line-height: 50px;margin-bottom: 5px;-webkit-transition: all ease 300ms;-moz-transition: all ease 300ms;-ms-transition: all ease 300ms;-o-transition: all ease 300ms;transition: all ease 300ms;font-size: 18px;}
.leftMenu .list li .sub1{display: block;-webkit-transition: all ease 300ms;-moz-transition: all ease 300ms;-ms-transition: all ease 300ms;-o-transition: all ease 300ms;transition: all ease 300ms;color: #fff;}
.leftMenu .list li .box{padding: 5px 0 0 15px;display: none;}
.leftMenu .list li .box a{color: #fff;font-size: 15px;display: block;line-height: 30px;padding: 0;-webkit-transition: all ease 300ms;-moz-transition: all ease 300ms;-ms-transition: all ease 300ms;-o-transition: all ease 300ms;transition: all ease 300ms;opacity: 0.75;filter: alpha(opacity=75);}
.leftMenu .list li .box a.hover,
.leftMenu .list li .box a:hover{opacity: 1;filter: alpha(opacity=100);}
.leftMenu .list li:hover .sub1,
.leftMenu .list li.hover .sub1{padding-left: 15px;background: #196f26;}
.leftMenu .list li:hover .box,
.leftMenu .list li.hover .box{display: block;}

.leftMenu .list li.zilm{ height:30px; line-height:30px; color:#FFFFFF;padding-left: 20px; background:#1f8b2f; width:172px; font-size:13px; }
.leftMenu .list li.zilm a{color: #fff;}



.leftRecomm{padding: 25px 0 0;}
.leftRecomm .title{padding-bottom: 15px;border-bottom: 1px solid #f5f5f5;color: #3fb150;font-size: 18px;font-weight: bold;margin-bottom: 16px;}
.leftRecomm .title a{color: #3fb150;}
.leftRecomm .item{width: 110px;float: left;overflow: hidden;text-align: center;margin-right: 10px;}
.leftRecomm .item a{width: 100%;display: block;}
.leftRecomm .item img{width: 110px;height: 82px;-webkit-transition: all ease 300ms;-moz-transition: all ease 300ms;-ms-transition: all ease 300ms;-o-transition: all ease 300ms;transition: all ease 300ms;border-radius: 3px;display: block;}
.leftRecomm .item h3{width: 100%;text-align: center;color: #333;font-size: 12px;line-height: 40px;-webkit-transition: all ease 300ms;-moz-transition: all ease 300ms;-ms-transition: all ease 300ms;-o-transition: all ease 300ms;transition: all ease 300ms;}
.leftRecomm .item:hover img{-webkit-filter: brightness(110%);filters: brightness(110%);}
.leftRecomm .newslist li{line-height: 34px;height: 34px;overflow: hidden;}
.leftRecomm .newslist li a{display: block;width: 100%;text-align: left;color: #333;}
.newsPage .item{display: block;float: left;width: 890px;padding: 20px 20px;background: #f7f7f7;margin-bottom: 28px;}
.newsPage .item h3{height: 36px;line-height: 36px;overflow: hidden;font-size: 18px;color: #000;margin-bottom: 5px;-webkit-transition: all ease 300ms;-moz-transition: all ease 300ms;-ms-transition: all ease 300ms;-o-transition: all ease 300ms;transition: all ease 300ms;}
.newsPage .item h3 font{font-size: 18px;}
.newsPage .item img{width: 150px;height: 112px;float: left;margin-right: 24px;display: block;-webkit-transition: all ease 300ms;-moz-transition: all ease 300ms;-ms-transition: all ease 300ms;-o-transition: all ease 300ms;transition: all ease 300ms;}
.newsPage .item .txt{font-size: 14px;color: #999999;line-height: 24px;overflow: hidden;}
.newsPage .item:hover{box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);}
.newsPage .item:hover h3{color: #3fb150;}
.newsPage .item:hover img{-webkit-filter: brightness(110%);filters: brightness(110%);}
.casePage{overflow: hidden;}
.casePage .gridlist{width: 100%;}
.casePage .gridlist .item{margin-bottom: 25px;margin-right: 44px;}
.casePage .gridlist .item h3{font-size: 18px;margin-bottom: 5px;}
.casePage .gridlist .item h4{line-height: 18px;height: 36px;padding: 0 35px;overflow: hidden;text-align: center;color: #999999;}
.servicePage .sitepath{margin-bottom: 0;}
.servicePage .s-tit{padding: 18px 0 18px;font-size: 24px;border-bottom: 1px solid #cccccc;color: #666666;}
.servicePage .s-tab{padding: 30px 0;}
.servicePage .s-tab a{display: inline-block;height: 36px;line-height: 36px;padding: 0 14px;background: #999999;margin-right: 25px;font-size: 18px;color: #fff;-webkit-transition: all ease 300ms;-moz-transition: all ease 300ms;-ms-transition: all ease 300ms;-o-transition: all ease 300ms;transition: all ease 300ms;}
.servicePage .s-tab a.hover,
.servicePage .s-tab a:hover{background: #3fb150;}
.contactPage{line-height: 32px;}
.contactPage .t{padding: 0 0 25px;color: #3fb150;font-size: 18px;}
.contactPage .t2{padding: 0 0 25px;color: #3fb150;font-size: 24px;}
.contactPage .txtcon{font-size: 18px;font-size: 14px;padding: 0 0 35px;color: #999999;line-height: 28px;}
.contactPage .mapArea{width: 100%;height: 320px;margin-bottom: 35px;overflow: hidden;}
.formData{padding-bottom: 20px;}
.formData .item{float: left;color: #999;font-weight: normal;width: 425px;height: 56px;line-height: 56px;border: 1px solid #e5e5e5;margin-right: 76px;margin-bottom: 45px;position: relative;}
.formData .item label{padding-left: 15px;position: absolute;left: 0;top: 0;z-index: 11;text-align: center;display: block;margin: 0;height: 56px;line-height: 56px;font-size: 18px;color: #cccccc;}
.formData .item input{outline: none;line-height: 38px;height: 38px;font-size: 18px;}
.formData .item .txt{width: 355px;height: 56px;line-height: 56px;display: block;background: none;padding-left: 70px;border: 0 none;color: #333;}
.formData .item .red{position: absolute;right: 15px;top: 0;color: #ff0000;z-index: 11;}
.formData .item.mr0{margin-right: 0;}
.formData .msg-box{position: absolute;left: 0;top: 0px;}
.formData .liuyan{width: 928px;height: 260px;border: 1px solid #e5e5e5;float: left;}
.formData .liuyan label{text-align: right;display: block;}
.formData .liuyan textarea{width: 908px;height: 234px;line-height: 35px;padding: 12px 10px;text-indent: 100px;font-size: 18px;font-family: "microsoft yahei";color: #333;border: 0 none;overflow: hidden;background: none;resize: none;display: block;outline: none;}
.formData .bot{width: 100%;}
.formData .sub{width: 232px;height: - 4px;line-height: 52px;border: 2px solid #3fb150;margin-right: 2px;text-align: center;background: #3fb150;color: #FFF;cursor: pointer;font-size: 18px;display: block;-webkit-transition: all ease 300ms;-moz-transition: all ease 300ms;-ms-transition: all ease 300ms;-o-transition: all ease 300ms;transition: all ease 300ms;}
.formData .sub:hover{background: none;color: #3fb150;}
.formData .yzm{width: 432px;}
.formData .yzm .txt{padding-left: 80px;}
.formData .yzm img{position: absolute;right: 0;top: 0;height: 56px;border: 0px;display: block;}
@media (max-width: 1260px){.formData .item{width: 424px;}
.formData .item .txt{width: 325px;}
.formData .liuyan{width: 888px;}
.formData .liuyan textarea{width: 856px;}}
/*****showProduct****/
.showProduct .showImg{padding-bottom: 40px;border-bottom: 3px solid #3fb150;}
.showProduct .photo{width: 540px;}
.showProduct .photo .jqzoom{width: 540px;height: 405px;overflow: hidden;position: relative;padding: 0px;cursor: pointer;}
.showProduct .photo .zoomdiv{z-index: 999;position: absolute;top: 0px;left: 0px;background: #ffffff;border: 1px solid #ddd;display: none;text-align: center;overflow: hidden;}
.showProduct .photo .jqZoomPup{z-index: 999;visibility: hidden;position: absolute;top: 0px;left: 0px;border: 1px solid #eee;background: #fff;opacity: 0.6;-moz-opacity: 0.6;-khtml-opacity: 0.6;filter: alpha(opacity=50);}
.showProduct .photo .img{width: 540px;height: 405px;display: block;}
.showProduct .photo .photoimg{width: 540px;height: 71px;margin-top: 12px;position: relative;}
.showProduct .photo .photoimg .list{width: 505px;overflow: hidden;position: relative;margin: 0 auto;}
.showProduct .photo .photoimg .listcon{width: 300%;}
.showProduct .photo .photoimg .ico{width: 12px;height: 30px;z-index: 10;position: absolute;top: 24px;cursor: pointer;}
.showProduct .photo .photoimg .prev{left: -4px;background-position: -183px 8px;}
.showProduct .photo .photoimg .next{right: -4px;background-position: -204px 8px;}
.showProduct .photo .photoimg a{width: 95px;height: 71px;cursor: pointer;display: block;float: left;margin-right: 7px;}
.showProduct .photo .photoimg a img{width: 87px;height: 63px;display: block;padding: 2px;border: 2px solid #ddd;-webkit-transition: all .3s ease-in-out 0s;-moz-transition: all .3s ease-in-out 0s;transition: all .3s ease-in-out 0s;}
.showProduct .photo .photoimg a:hover img,
.showProduct .photo .photoimg a.hover img{border: 2px solid #3fb150;}
.showProduct .imgtxtcon{width: 390px;float: left;}
.showProduct .imgtxtcon .tit{font-size: 24px;color: #000;padding: 0 25px;line-height: 30px;margin-bottom: 10px;}
.showProduct .imgtxtcon p{padding: 25px 0 0 25px;color: #999999;font-size: 12px;}
.showProduct .imgtxtcon .tit2{color: #3fb150;padding: 0 25px;font-size: 18px;margin-bottom: 30px;text-align: justify;}
.showProduct .imgtxtcon .txt{padding: 10px 25px 14px;line-height: 35px;background: #f1f1f1;}
.showProduct .imgtxtcon .tel{padding: 20px 25px 20px;}
.showProduct .imgtxtcon .tel span{color: #000;display: block;}
.showProduct .imgtxtcon .tel strong{display: block;font-family: impact;color: #3fb150;font-weight: normal;font-size: 40px;height: 46px;line-height: 46px;}
.showProduct .imgtxtcon .btn1,
.showProduct .imgtxtcon .btn2{float: left;margin-right: 20px;font-size: 16px;-webkit-transition: all ease 300ms;-moz-transition: all ease 300ms;-ms-transition: all ease 300ms;-o-transition: all ease 300ms;transition: all ease 300ms;width: 135px;height: 38px;line-height: 38px;margin-left: 25px;text-align: center;color: #fff;}
.showProduct .imgtxtcon .btn1:hover,
.showProduct .imgtxtcon .btn2:hover{background: #444;}
.showProduct .imgtxtcon .btn1{background: #3fb150;}
.showProduct .imgtxtcon .btn2{text-align: center;margin-right: 0;margin-left: 0;background: #999999;}
.showProduct .showp_txt{padding: 50px 0 50px 120px;position: relative;border-top: 1px solid #f1f1f1;}
.showProduct .showp_txt .tit{width: 49px;height: 51px;font-size: 18px;line-height: 20px;padding: 9px 0 0 11px;display: block;position: absolute;left: 20px;top: 50px;color: #fff;background: url(../images/show-pro-titbg.png) no-repeat 0 0;}
.showProduct .showp_txt .tit a{color: #fff;}
.showProduct .showp_txt .txtcon{font-size: 14px;color: 333;min-height: 70px;line-height: 26px;}
.showProduct .showp_txt .txtcon img{max-width: 100%;display: block;}
.showProduct .showp_txt.one{border-top: 0px;padding-top: 25px;}
.showProduct .showp_txt.one .tit{top: 25px;}
.showProduct .n-case-list{overflow: hidden;position: relative;}
.showProduct .n-case-list .gridlist{width: 220%;position: relative;}
.showProduct .n-case-list .gridlist .item{width: 252px;}
.showProduct .n-case-list .gridlist .item img,
.showProduct .n-case-list .gridlist .item .bg,
.showProduct .n-case-list .gridlist .item .plus{width: 252px;height: 189px;}
/* reLink*/
.reLink{width: 100%;margin: 20px 0 10px;line-height: 60px;border-top: 1px solid #dddddd;border-bottom: 1px solid #dddddd;}
.reLink .nextLink,
.reLink .prevLink{width: 50%;line-height: 60px;color: #666;}
.reLink .nextLink{text-align: right;}
.reLink a{color: #666;font-size: 16px;}
.reLink a:hover{color: #3fb150;}
/*showpage*/
.showPage{background: #fff;}
.showPage .title{color: #333333;margin-bottom: 5px;font-size: 24px;text-align: center;}
.showPage .title .more{font-size: 14px;}
.showPage .mark{width: 100%;padding: 5px 0 10px;text-align: center;margin-bottom: 20px;border-bottom: 1px solid #eee;}
.showPage .mark span{margin-right: 18px;font-size: 12px;color: #666666;}
.showPage .showContxt{color: #333333;line-height: 28px;padding: 5px 0 30px;}
.showPage .showContxt img{max-width: 100%;}
.showPage .shareNew{padding-bottom: 0;}
.showPage .gridlist{padding-top: 10px;}
.showPage .gridlist .item{width: 350px;height: 323px;}
.showPage .gridlist .item img{width: 350px;height: 263px;}
.showPage .gridlist .item h3{height: 60px;line-height: 60px;}
.showPage .img-quotes{padding-top: 30px;margin-bottom: 40px;}
.showPage .imgcon{width: 423px;height: 468px;padding-left: 295px;margin-left: 30px;position: relative;border: 1px solid #dddddd;}
.showPage .imgcon .img{position: absolute;left: -30px;top: -30px;width: 276px;height: 368px;display: block;z-index: 10;}
.showPage .imgcon h4{padding-top: 45px;font-size: 16px;}
.showPage .imgcon h3{font-size: 26px;margin-bottom: 40px;}
.showPage .imgcon .txt{margin-top: 40px;line-height: 30px;}
/* pages */
.pages{margin:15px 0; font-size:14px;float:left; width:98%;text-align:right; color:#6a6a6a;}
.pages a { color:#383838; padding:0 10px;border: 1px solid #d9d9d9; margin:0 2px; background: #fff;}
.pages *{ position:relative; border-radius:4px;display:inline-block; _zoom:1;_display:inline;vertical-align:middle;line-height:28px;height:28px;padding-bottom:1px; }
.pages .bg{ font-weight: normal; margin:0 5px;}
.disabled{padding:0 10px;border: 1px solid #d5d5d5;color:#fff; background:#b1b1b1;}
.pages .current { padding:0 10px;border: 1px solid #d5d5d5; color:#383838; margin:0 2px;  }




      .swiper {
        width: 100%;
        height: 500px;
      }

      .swiper-slide {
        text-align: center;
        font-size: 18px;
        background: #fff;

        /* Center slide text vertically */
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
		overflow:hidden
      }

      .swiper-slide img {
        display: block;
        --width: 100%;
        height: 100%;
        object-fit: cover;
      }

.nyban{width:100%; height:300px; background:url(../images/b1a.jpg) no-repeat center}


@media(min-width:1060px)
{
 .dnone{ display: block}
.pc_bot{ display:none}
.mb_top2{ display:none}
.sp_header{ display: none}
.sjj_nav{ display: none}
}
@media(max-width:1060px)
{

.dnone{ display: none}
body{ 
overflow-x: hidden; font-size:1rem; line-height:1.8rem
}
html{
overflow-x: hidden; min-width: auto
}

.nyban{margin-top: 50px; }

.sp_header{height:50px;overflow:hidden;background:#fff;position:fixed;z-index:10;width:100%;}
.sp_logo{padding:5px;float:left;height:50px}
.sp_logo img{margin:auto;max-height:40px;}
.sp_nav{width:50px;float:right;position:relative;cursor:pointer;height:30px;margin-top:15px}
.sp_nav span{display:block;background:#3fb150;width:30px;height:2px;position:absolute;left:10px;transition:all ease 0.35s}
.sp_nav span:nth-of-type(1){top:0px}
.sp_nav span:nth-of-type(2){top:10px}
.sp_nav span:nth-of-type(3){top:20px}
.sp_nav_se span:nth-of-type(1){top:10px;transform:rotate(45deg)}
.sp_nav_se span:nth-of-type(2){width:0}
.sp_nav_se span:nth-of-type(3){top:10px;transform:rotate(-45deg)}
.sjj_nav{position:fixed;z-index:9;background:#eee;width:100%;height:calc(100% - 104px);font-size:14px;line-height:40px;top:-100%;left:0;overflow:auto;overflow-x:hidden;transition:top ease 0.35s;}
.nav_show{top:50px}
.sjj_nav>ul>li:first-child{overflow:hidden;border-top:0}
.sjj_nav>ul>li:first-child>a{float:left;width:calc(100% - 70px)}
.sjj_nav>ul>li:first-child .language{float:right;width:70px;overflow:hidden;line-height:30px;margin-top:5px}
.sjj_nav>ul>li:first-child .language a{width:35px;float:left;border-left:1px #ddd solid;text-align:center;color:#999;}
.sjj_nav ul li i{position:absolute;top:5px;right:0px;border-left:1px #ddd solid;height:30px;padding:0px 7px 0 7px;}
.sjj_nav ul li i svg{transform:rotate(-90deg);transition:all ease 0.35s}
.sjj_nav ul li .sjj_nav_i_se svg{transform:rotate(0deg)}
.sjj_nav ul li{border-top:1px #ddd solid;margin-left:20px;position:relative;line-height:40px;font-size:14px}
.sjj_nav>ul >li:last-child{border-bottom:1px #ddd solid;}
.sjj_nav ul li ul{display:none}
.sjj_nav ul li a{color:#666;width:80%}
.sjj_nav ul li ul li a{color:#999;display:block;text-align:left;}
.sjj_nav ul li i svg{width:20px;height:20px;fill:#555;}
.sjj_nav ul li .sjj_nav_i_se svg{fill:#c9141e}
.sjj_nav ul li ul li>ul{margin-left:10px}


.header_main{ display: none}
.top_main{ display: none}
.nav_main{ display: none}
#banner_main{top:50px;}
.toolbar{ display: none}


.ipro .item{ width:47%;margin-right:1%; height:40vw}
.ipro .item a{ height:40vw}
.ipro .item h3{ height:10vw; line-height:10vw}
.ipro{ padding-bottom:0px;}
.index .floor_1_main{ padding-bottom:10px;padding-top: 30px;}
.index .floor_2, .index .floor_3{ padding: 40px 0;}
.index .floor_2_main{ height:auto; background-repeat:repeat}
.iyoushi{ height:auto}
.iyoushi .it2, .iyoushi .it6{ margin-right:0}
.iyoushi .it1, .iyoushi .it5{ margin-right:0; margin-left:0}
.liuc li .Piece{ width:140px;height:140px;}
.liuc li{ width:49%}
.liuc li p{padding-top: 15px;}
.liuc li .jtou{ height:160px;}
.liuc{ padding:0;    margin-left: 5px;}


.xunpan { background-repeat:repeat; height:400px;text-align: center;}
.xunpan .zixun{ float:none; margin:0 auto}
.xunpan .bigtxt{  text-align:center; line-height:50px;}

.index .floor_4{padding: 40px 0 40px;}

.index .title h3{line-height: 40px;}
.ipatent_main .title h3{ background-repeat:repeat}
.ipatent_main{ height:auto}
.ipatent_main{ background-repeat:repeat}
.ipatent .item{ background:none; width:96%; margin-left:0; height:auto}
.ipatent .item .txt{ width:auto}
.ipatent{ padding-top:0}
.ipatent_main .floor{     padding: 50px 0;}


.indnews{     padding: 40px 0;}

.index .txtlistbox{ width:100%}
.w100{ width:100%!important}
.txtlistbox .item{ width:100%}

.footer_main .qcode{ width:100%}
.gridlist{ width:100%}
.gridlist .item{ width:46%;margin: 10px 2% 0 2%;}

.gridlist .item img{ width:100%; height:35vw}

.newsPage .item{ width:97%; padding:10px; margin-bottom:10px;}
.newsPage .item img{ width:100px; height:80px; margin-right:10px;}
.newsPage .item h3{ height:auto; margin-top:0px;}
.reLink .nextLink, .reLink .prevLink{ width:100%; text-align:left; line-height:30px}
.footer_main .footer{ width:90%}
.footer_main .botnavlist li{ padding:0}
.newsBox .bd img{ width:350px;}


.pc_bot {
position: fixed;
z-index: 99;
height: 10%;
margin: auto;
width: 100%;
background: none;
bottom:0px;
}
.pc_bot li{ width:32%; float:left; height:100%; margin:1px;  text-align:center;list-style:none}
.pc_bot li img{ height:80%; margin-top:0.1rem}
.mb_top2{
position: fixed;
z-index: 99;
height: auto;
margin: auto;
width: 100%;
background:#1048a0;
border-bottom: #000 0px solid; overflow:hidden}
.mb_top2 li{ width: 24.4%; border-left:#64c5ff 1px solid; border-right:#64c5ff 1px solid; border-bottom:#64c5ff 1px solid; float:left; line-height:2.1rem; font-size:1.1rem;; text-align:center; color:#FFFFFF; list-style:none}
.mb_top2 li a{ color:#FFFFFF}
.slideBox{ margin-top: 10.7rem;}
.index_gonggao{ display:none}
.pc_top {
position: fixed;
z-index: 99;
height: 3.545455rem;
margin: auto;
width: 100%;
background:#2e4d90;
border-bottom: #000 1px solid;
}
.logo1 {
float: left;
height: 3.0rem;
margin-top: 0.5rem;
width: 70%;
}
.logo1 a {
height: 100%;
}
.logo1 a img {
float: left;
max-height:2.5rem;
}
.pc_top_right {
float: right;
height: 100%;
width: 15%;
}
.pc_top_nav_buttom {
height: 2.1rem;
margin-top: 1.1rem;
}
.pc_top_nav_buttom img {
margin-right:2.1rem;
height: 100%;
float: right;
}
.pc_top_nav_ul {
display: none;
position: fixed;
z-index: 99;
top: 4.545455rem;
left: 0;
width: 100%;
background: #fff;
padding: 0 5% 6%;
}
.pc_top_nav_ul li {
position: relative;
border-bottom: #000 1px solid;
}
.pc_top_nav_ul li span {
display: block;
height: 4.583333rem;
line-height: 4.583333rem;
font-size: 1.272727rem;
font-weight: bold;
}
.pc_top_nav_ul li div {
display: none;
}
.pc_top_nav_ul li a {
display: block;
}
.nnn{  width:120px; background-color: #CCCCCC;  margin-left: -60px;}
.nnn li{ line-height:25px; padding-left:10px;}
.nnn li a{ color:#0657d0;    }
.head_m{ width:100%; height: auto;padding-top: 4.6rem;}
.head_m img{ width:100% }
#floor_2_main .proCenter .list{ margin-top:5px;}
#floor_2_main .proCenter .list li{width: 48%;margin-top: 10px;
margin-right: 5px;
height: 45vw;}
#floor_2_main .proCenter .list li img {
height: 33vw;
display: block;
width: 100%;
}
#floor_2_main .proCenter .list li a{    padding: 10px 10px 0 10px;}
#floor_2_main .proCenter .list li em{ display: none}
#floor_2_main .proCenter .list li .tit{font-size: 16px; height:auto}
#floor_2_main .proCenter .list li .title{    margin-top: 2px; }
.index .more{    margin-top: 10px;}
.index .more .line{ width:20%}
.index .more .look_more{ width:58%}
#floor_2_main .proCenter .list{    width: 96%; margin: 0 auto}
.index_slip .slip_tit{width: 90%; padding-left:20px;background-color: #1048a0; 	}
.index_slip .slip_tit .tit1{padding-top: 10px;}
.index_slip .slip_btn{ display: none}
.index .in_title{padding-top: 30px;}
#floor_3_main .proAdvant{    margin-top: 30px;}
#floor_3_main .proAdvant .list li:first-child{
margin-left: 30px;
}
#floor_3_main .proAdvant .list li{
margin-left: 30px;
}
#floor_3_main{ height:auto}

.slip{ background-color:#1048a0}
.index #floor_1_main{ height:auto}
#floor_1_main .about .item{ width:100%}
#floor_1_main .contW{     width: 90%;padding-left: 5%; height:auto; padding-bottom: 50px;}
#floor_5_main{ padding-top: 30px;}
.index .tab{padding-top: 10px; }
#floor_5_main .ulWrap .list li{width: 92%;margin-left: 10px;}.
.footer .contact{ width:100%; margin-left:10px;}
.footer .bNav {
width: 100%;
margin-top: 20px;
}
.list_imgH ul.list li.item{ width:46%;    margin-right: 10px;margin-bottom: 10px;}
.list_imgH ul.list li.item img{ width:100%; height:40vw }
.submian .subright .thumblist .item{width: 95%;padding: 5px;}
.submian .subright .thumblist .item .txt{width: 60%}
.submian .subright .thumblist .item .img{width: 35%; height:auto}
.submian .subleft .lefta{width: 100%;}
.submian .subleft{ width:100%}
.submian .subleft .title{background: url(../images/bg5.jpg) #1048a0 no-repeat left;height: 52px;padding-right: 0px;}

.banner li img{width: auto;  height: 250px;  margin-left:0px; left:0}
#banner_main .banner{height: 300px;}
.submian .subleft .lefta .comt ul li a{ line-height:30px; height:30px;border-top:0px solid #eaeaea;}
.submian .subleft .title h2{line-height: 52px;}
.submian .sobtitle{     margin-bottom: 0px; }
.mlogo{ width:100%; background-color:#FFFFFF}
.mlogo img{ width:100%;}
#banner{ min-width:auto;}
 

.wrapper .leftCon{ display:none}
.wrapper .content{ width:96%; margin:0 auto; float:none; overflow:hidden}


.mbn{ margin-top:7.0rem;}
.announ_main{ display: none}
.subleft{ }
.w1200{ width:100%}
.submian .subright{ width:96%; margin-right: 7px; }
 
.aboutlist{margin: 10px;}
.copyright_main{line-height: 30px;}
.copyright{height: auto;padding: 0 20px;line-height: 37px;}
#floor_5_main .ulWrap .list li .title{width: 50%;
margin-top: 20px;}
#floor_1_main .about{padding-top:5px;}
.copymain{width: 90%;line-height:30px; margin: 0 auto;}

.swiper{ height:250px; margin-top:50px;}
.swiper-slide img{height:250px;}



}