@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;}
.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;  }
