/*内页banner*/
.ban img{display: block;width: 100%;}
.nbg{background: url(../images/img/nbg.jpg) repeat;}
div.nbg1{background: url(../images/img/bg1.jpg) repeat;}
.nbg2{background: url(../images/hotbg.jpg) repeat;}
/*面包屑*/
.crumbsnav{width: 100%;height: 50px;line-height: 50px;font-size: 14px;color: #333;margin:0px auto;padding-top: 10px; border-bottom: 1px solid #e6e6e6;position: relative;z-index: 1;}
.cruleft{color:#333; display:block;width:60%;float: left;text-align: left;background: url(../images/img/ico1.png) left center no-repeat;padding-left: 30px;}
.cruleft img{display: inline-block;margin-right: 10px;}
.crumbsnav a{color:#333;}
.crumbsnav a:hover{color:#00c7c2;}
a.return{float: right;display: block;margin-right: 10px;background: url(../images/img/ico2.png) left center no-repeat;padding-left: 30px;}
@media (max-width:480px){
a.return{display: none;}
.cruleft{width: 100%;}
.crumbsnav{display: none;}
}
/*标题*/
.ntitle{padding:4% 0 3% 0;opacity: 0;position: relative;
transform: scale(0.8,0.8); 
-moz-transform: scale(0.8,0.8); 
-ms-transform: scale(0.8,0.8);  
-o-transform: scale(0.8,0.8);  
-webkit-transform: scale(0.8,0.8); }
.ntitle h3{font-size: 36px;color: #333;text-align: center;}
.ntitle h3 em{display: inline-block;font-size: 36px;color: #00c7c2;}
.ntitle p{font-size: 16px;color: #666;text-align: center;margin-top: 15px;}
.ntitle.current{opacity: 1;
transform: scale(1.0,1.0); 
-moz-transform: scale(1.0,1.0); 
-ms-transform: scale(1.0,1.0); 
-o-transform: scale(1.0,1.0); 
-webkit-transform: scale(1.0,1.0);}
@media screen and (max-width:680px){
.ntitle{padding:35px 0 15px 0;}
.ntitle p{margin:15px;font-size: 14px;}
.ntitle h3,.ntitle h3 em{font-size: 24px;}
}
/*产品*/
.promenu a{display: block;width: 24%;margin-right:1%;margin-bottom: 10px; float: left;font-size: 18px;color: #333;text-align: center;background-color: #e7e9eb;height: 50px;line-height: 50px;}
.promenu a:hover,.promenu a.on{color: #fff;background-color: #00c7c2;}
.promenu a:last-child{margin-right: 0;}
.nprolist li{width: 31.333%;margin-right:2.5%;margin-bottom: 2.5%; float: left;position: relative;height: 390px;background-color: #fff;overflow: hidden;}
.nprolist li a{display: block;width: 99.5%;height: 99.5%;border:1px solid #e7e9eb;margin:0 auto;}
.nprolist li em{display: block;width: 100%;height:100%;overflow: hidden;position: relative;}
.nprolist li em img{display: block;width: 100%; position:absolute; top:0; left:0; bottom:0; right:0; margin:auto;transition: all 1s ease 0s;}
.nprolist li:nth-child(3n){margin-right: 0;}
.nprolist li p{position: absolute;bottom: -100px;width: 80%;left: 50%;margin-left: -40%;background-color: #00c7c2;height: 45px;line-height: 45px;opacity: 0;transition: 0.5s;}
/*.nprolist li p:before{width:10.6%;height:1px;background:#fff;top:50%;left:-10.6%;}*/
.nprolist li p span{background: url(../images/img/ico4.png) left center no-repeat;padding-left: 40px;font-size: 18px;color: #fff;}
.nprolist li p img{display: inline-block;float: right;position: relative;top:10px;right: 25px;}
.nprolist li:hover em img{transform: scale(1.08,1.08); -moz-transform: scale(1.08,1.08); -ms-transform: scale(1.08,1.08); -o-transform: scale(1.08,1.08); -webkit-transform: scale(1.08,1.08);}

@media screen and (min-width:700px){.nprolist li:hover p{bottom: 10%;opacity: 1;}.nprolist li:hover a{border:1px solid #00c7c2;}}
@media screen and (max-width:1440px){
.nprolist li{height: 335px;}
}
@media screen and (max-width:960px){
.nprolist li{width: 49%;margin-right:2%;}
.nprolist li:nth-child(3n){margin-right:2%;}
.nprolist li:nth-child(2n){margin-right: 0;}
.promenu a{width: auto;height: 40px;padding: 0 15px;line-height: 40px;font-size:16px;}
}
@media screen and (max-width:640px){
.nprolist li p{width: 100%;position: relative;opacity: 1;bottom:45px;left: 0;margin-left: 0;}
.nprolist li{height: 170px; max-height:auto!important; min-height:auto!important;}
.nprolist li em{ height:170px;}
.nprolist li em img{ position:relative;}
.nprolist li p span{ background-image:none;padding:0; text-align:center; display:block; width:100%;}
.nprolist li p img{ display:none;}
.nprolist li a{ height:auto; overflow:hidden; border:none;}
}

/*应用*/
div.nyybox li p{background-color: #00c7c2;color: #fff;}
div.nyybox li{padding-bottom: 50px;}
@media screen and (max-width:540px){
div.nyybox li{height: 190px;} 
}

/*产品详情页*/
.pinfoleft{width: 55%;float: left;margin:50px 0;position: relative;}
.pinforight{width: 42%;float: right;margin:50px 0;}
.pinfoleft .ms-showcase2-template .ms-thumb-list .ms-thumb-frame{height: auto;}
.pibr_tit{font-size: 36px;color: #00c7c2;font-weight: 700;display: block;}
.pibr_span{line-height: 50px;height: 50px; font-size: 24px;color: #fff;text-align: center;display: block;background-color: #00c7c2;margin:20px 0;width: 300px;}
.pinforight div{font-size: 16px !important;color: #666;line-height: 28px;padding:3%;border:1px solid #cccccc;}
.pinforight div span{font-size: 16px !important;}
@media screen and (max-width:1680px){
.pibr_span{display: none;}
.pinforight div{margin-top: 5%;}
}
@media screen and (max-width:1440px){
.pinforight div{padding:2%;}
}
@media screen and (max-width:1300px){
.pinfoleft,.pinforight{width: 100%;float: none;}
.pibr_span{display: block;}

}
@media screen and (max-width:680px){
.pinforight,.pinfoleft{margin:30px 0;}
.pibr_tit{font-size: 26px;}
.pibr_span{line-height: 40px;height: 40px;font-size: 18px;width: 250px;}
}
/*流程*/
img.lcimg{display: block;width: 100%;margin:20px auto;}
.lcbox{background: url(../images/img/line2.jpg) center center no-repeat;height: 365px;margin-bottom: 30px;}
.lcbox li{width: 18%; margin: 1%;float: left;position: relative;}
.lcbox li h3{font-size: 24px;color: #333;text-align: center;}
.lcbox li p{margin: 20px auto 0;font-size: 18px;color: #666;text-align: center;width: 70%;}
@media screen and (min-width:1200px){
.lcbox ul{width: 90%;margin:0px auto;}
.lcbox li{height: 335px;}
.lcbox li i{display: block;}img.lcbimg2{display: none;}
.lcbox li img.lcbimg1{display: block;margin:0px auto;height: 176px;position: absolute;left:0;right: 0}
.lcbox li div{position: absolute;width: 100%;}
.lcbox li:nth-child(odd) img.lcbimg1{top: 0;}
.lcbox li:nth-child(odd) div{bottom: 0;}
.lcbox li:nth-child(even) img.lcbimg1{bottom: 0;}
.lcbox li:nth-child(even) div{top: 0;}
}
@media screen and (max-width:1200px){
.lcbox ul{width: 100%;margin:0px auto;}
.lcbox{background: none;}
.lcbox li i img.lcbimg1{display: none;}
img.lcbimg2{display: block;margin:0px auto; width:80%;}
.lcbox li div{width: 100%;}
.lcbox li p{font-size: 14px;width: 100%;}
}
@media screen and (max-width:680px){
.lcbox li{width: 31.33%;margin-top: 20px;}
.lcbox li h3{ font-size:18px; margin-top:10px;}
.lcbox li p{ min-height:45px; margin-top:10px;}
}
/*特点*/
.protedian{}
.protedian li i img{display: none;margin:0px auto;width: 100%;}
@media screen and (min-width:960px){
.protedian li{width: 18%;margin-right: 2.25%;float: left;background: url(../images/img/idi.png) bottom center no-repeat;padding-bottom: 70px;}
.protedian li:last-child{margin-right: 0;}
.protedian li div{width:285px;height: 285px;max-width: 100%;position: relative;margin:0px auto;}
.protedian li:nth-child(odd) div{background: url(../images/img/ibg1.png) no-repeat;background-size: 100% 100%;}
.protedian li:nth-child(even) div{background: url(../images/img/ibg2.png) no-repeat;background-size: 100% 100%;}
.protedian li i{display: block;width: 86px;height: 80px;margin:0px auto;position: absolute;top:20%;left: 50%;margin-left: -40px;z-index: 9;}
.protedian li:nth-child(1) i{background: url(../images/img/i1.png) no-repeat;}
.protedian li:nth-child(2) i{background: url(../images/img/i2.png) no-repeat;}
.protedian li:nth-child(3) i{background: url(../images/img/i3.png) no-repeat;}
.protedian li:nth-child(4) i{background: url(../images/img/i4.png) no-repeat;}
.protedian li:nth-child(5) i{background: url(../images/img/i5.png) no-repeat;}
.protedian li span{display: block;text-align: center;color: #333;font-size: 30px;position: absolute;bottom: 25%;width: 100%;font-weight: 700;z-index: 9;}
.protedian li:hover span{color: #fff;}
.protedian li:hover:nth-child(1) i{background: url(../images/img/i1-1.png) no-repeat;}
.protedian li:hover:nth-child(2) i{background: url(../images/img/i2-1.png) no-repeat;}
.protedian li:hover:nth-child(3) i{background: url(../images/img/i3-1.png) no-repeat;}
.protedian li:hover:nth-child(4) i{background: url(../images/img/i4-1.png) no-repeat;}
.protedian li:hover:nth-child(5) i{background: url(../images/img/i5-1.png) no-repeat;}
.protedian li div:after{ content:''; display:block; width:100%; height:0; position:absolute; top:0; left:0; transition:all .4s ease; background:#00c7c2;-webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
    transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66); border-radius:50%;z-index: 1;}
.protedian li div:hover:after{ height:100%;}
}
@media screen and (max-width:1680px) and (min-width:960px){
.protedian li{width: 31.33%;margin-right: 2%;margin-bottom: 30px;}
.protedian li:nth-child(4){width: 48%;}
.protedian li:nth-child(5){width: 48%;}
}
@media screen and (max-width:960px){
.protedian li{width: 18%;margin-right: 2.25%;margin-bottom:15px; float: left;}
.protedian li span{display: block;text-align: center;color: #333;font-size:18px;font-weight: 700;z-index: 9;margin-top: 20px;}
.protedian li i{display: block;width: 100%;max-width: 80px;margin:0px auto;z-index: 9;overflow: hidden;}
.protedian li:last-child{margin-right: 0;}
.protedian li i,.protedian li span{position: relative;}
.protedian li i img{display: block;}
.protedian li:nth-child(1) i{background: none;}
.protedian li:nth-child(2) i{background: none;}
.protedian li:nth-child(3) i{background: none;}
.protedian li:nth-child(4) i{background: none;}
.protedian li:nth-child(5) i{background: none;}
.protedian li div{width: 100%;height: auto;background-image: none;}
.protedian li:nth-child(odd) div{background-image: none;}
.protedian li:nth-child(even) div{background-image: none;}



}
@media screen and (max-width:480px){
.protedian li span{font-size: 14px;margin-top: 20px;}
}
/*推荐产品*/
.tjprolist{}
.tjprolist li{width: 32.33%;margin-right:1.5%;margin-bottom:1.8%;float: left;overflow: hidden;position: relative;}
.tjprolist li:nth-child(3n){margin-right: 0;}
.tjprolist li a{display: block;height:380px;overflow: hidden; position:relative;border:1px solid #e7e9eb;}
.tjprolist li a img{display: block;width:100%; position:absolute; top:0; left:0; bottom:0; right:0; margin:auto;transition: all 1s ease 0s;}
.tjprolist li p{line-height:50px;height: 50px;text-align: center;border:1px solid #e7e9eb;border-top:none; word-break:keep-all;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;position: relative;}
.tjprolist li p:before{ content:''; display:block; position:absolute; top:0; left:0; width:100%; height:0; background:#00c7c2; transition:all .3s ease;    -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
    transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);}
.tjprolist li p em{display: block;position: relative;;z-index:999;font-size: 18px;color: #333;}    
.tjprolist li>a:after,.tjprolist li>a:before{ content:''; display:block; position:absolute; transition:all .5s ease;z-index: 9;}
.tjprolist li>a:before{ width:100%; height:100%; background:rgba(0,0,0,0.5); opacity:0;}
.tjprolist li:hover>a:before{ opacity:1;}
.tjprolist li:hover>a:before span{display: none;}
.tjprolist li>a:after{ content:'查看详情'; line-height:45px; padding:0 30px; top:40%; background:#00c7c2; font-size:14px; color:#fff; font-weight:lighter; left:-100%; -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
    transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);opacity: 0;}
.tjprolist li:hover>a:after{opacity: 1; left:37%;}
.tjprolist li:hover p:before{ height:100%;color: #fff;}
.tjprolist li:hover p em{color: #fff;}
.tjprolist li:hover p{border:1px solid #00c7c2;border-top:none;}
.tjprolist li:hover a{border-color: #00c7c2;}
.tjprolist li:hover a img{transform: scale(1.08,1.08); -moz-transform: scale(1.08,1.08); -ms-transform: scale(1.08,1.08); -o-transform: scale(1.08,1.08); -webkit-transform: scale(1.08,1.08);}
@media screen and (max-width:1500px){
.tjprolist li a{ height:300px;}
}
@media screen and (max-width:1200px){
.tjprolist li a{ height:250px;}
}
@media screen and (max-width:960px){
	.tjprolist li{ width:100%; float:none;}
.tjprolist li a{ height:auto;}
.tjprolist li a img{ position:relative;}
}
/*公司*/
.nabout{}
.nableft{width: 50%;float: left;overflow: hidden;background: url(../images/img/line1.jpg) left bottom no-repeat;}
.nabright{width: 50%;float: right;background: url(../images/img/abg.jpg) repeat;margin-top: 40px;height: 645px;}
.abimg{display: block;padding:40px 0 0 40px;height: 517px;overflow: hidden;}
.abimg img{height: 100%;display: block;}
.nabdi img{max-width: 90%;display: block;padding: 20px 0;}
.nableft .nabbox{background: url(../images/img/abbg.jpg) top left no-repeat;}
@media screen and (min-width:1680px){
.nableft .nabbox{ margin-left:160px;}
.nabright .nabbox{ margin-right:160px;}
}
@media screen and (max-width:1680px){
.nableft .nabbox{ margin-left:15px;}
.nabright .nabbox{ margin-right:15px;}
}
.nabrinfo{padding:5% 0 0 5%;}
.nabright h2{font-size: 60px;color: #00c7c2;font-family: 'Impact'}
.nabright h4{font-size: 24px;color: #fff;font-weight: 500;}
.nabright h5{font-size:16px;color: #fff;margin-bottom: 20px;}
.nabright p{font-size: 14px;color: #fff;line-height: 28px;margin-top: 20px;}
@media screen and (max-width:1300px){
.nableft,.nabright{width: 100%;float: none;margin:0;}
.nableft{background:none;}
.nabdi{display: none;}
.abimg{height: auto;width: 95%;padding:2.5% 0 0 0;margin:0px auto;}
.abimg img{height: auto;width: 100%;}
.nableft .nabbox{ margin-left:0px;}
.nabright{height: auto;}
.nabrinfo{padding:4%;}
}
@media screen and (max-width:680px){
.nabright h2{font-size: 38px;}
}

/*车间环境*/
.huanjing{}
.huanjing li{width: 31.33%;margin-right:2%;float: left;position: relative;}
.huanjing li div{padding:2%;background-color: #fff;width:96%;overflow: hidden;margin:0px auto;box-shadow:2px 5px 10px -2px #ccc; }
.huanjing li div span{display: block;width: 100%;overflow: hidden;}
.huanjing li div img{display: block;width: 100%;transition: all 1s ease 0s;}
.huanjing li p{font-size: 18px;color: #333;text-align: center;line-height: 60px;}
.huanjing li:hover div img{transform: scale(1.08,1.08); -moz-transform: scale(1.08,1.08); -ms-transform: scale(1.08,1.08); -o-transform: scale(1.08,1.08); -webkit-transform: scale(1.08,1.08);}

/*应用案例*/
.casecon{ padding:45px 0 0 0;}
.casecon>ul{ width:49.5%; font-size:0;}
.casecon>ul:last-child{}
.casecon>ul li dl{ position:relative; display:inline-block; width:49%;float: left;margin-right: 1.75%;overflow:hidden;}
.casecon>ul li dl:last-child{margin-right: 0;}
.casecon>ul li dl>a{ display:block;}
.casecon>ul li dl img{ width:100%; height:auto;display: block; transition:all .6s ease;}
.casecon>ul li dl p{ position:absolute; bottom:0; left:0; width:100%; text-align:center; font-size:18px; color:#fff; line-height:46px; background:rgba(30,32,31,0.68); transition:all .3s ease;}
.casecon>ul li dl:hover p{ background:rgba(0,199,194,0.8);}
.casecon>ul li dl:hover img{ transform:scale(1.1);}
dl.casebig{ width:100% !important;float: none; }
.casebig p{ line-height:66px !important;}
.casecon>ul.fl li dl.casebig{margin-bottom:1.75%;}
.casecon>ul.fr li dl.casebig{margin-top:1.75%;}
@media screen and (max-width:680px){
.casecon>ul{width: 100%;float: none;clear: both;}
.casecon>ul.fr li dl{margin-top:1.75%;}
.casecon{padding:0;}
.casecon>ul li dl p{font-size: 15px;line-height:45px}
.casebig p{ line-height:45px !important;}
.huanjing li{width: 100%;float: none;margin:0;}
}

/*实力*/
.slbox li span img{display: none;margin:0px auto;width: 100%;}
@media screen and (min-width:1200px){
.slbox li{width: 23%;margin-right: 2%;float: left;background: url(../images/img/idi.png) bottom center no-repeat;padding-bottom: 70px;}
.slbox li:last-child{margin-right: 0;}
.slbox li dl{width:285px;height: 285px;max-width: 100%;position: relative;margin:0px auto;}
.slbox li:nth-child(odd) dl{background: url(../images/img/ibg1.png) no-repeat;background-size: 100% 100%;}
.slbox li:nth-child(even) dl{background: url(../images/img/ibg2.png) no-repeat;background-size: 100% 100%;}
.slbox li span{ display:block; margin:40px auto 12px auto; width:53px; height:57px; background:url(../images/img/slico.png) no-repeat top left;transition:all .3s ease; overflow:hidden;position: absolute;top:0;left: 50%;margin-left: -26.5px; z-index: 9;}
.slbox li:nth-child(2) span{background-position-x:-75px}
.slbox li:nth-child(3) span{background-position-x:-149px; width:60px;}
.slbox li:nth-child(4) span{background-position-x:-240px;}
.slbox li p{display: block;text-align: center;color: #666;font-size:16px;position: absolute;bottom: 25%;width: 80%;font-weight: 700;z-index: 9;padding:0 10%;}
.slbox li strong{ display:block;text-align: center; font-size:28px; color:#333333; margin:0 0 15px 0; transition:all .3s ease;}
.slbox li:hover p,.slbox li:hover strong{color: #fff;}
.slbox dl:hover span{ background-position-y:-76px;}
.slbox li dl:after{ content:''; display:block; width:100%; height:0; position:absolute; top:0; left:0; transition:all .4s ease; background:#00c7c2;-webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
    transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66); border-radius:50%;z-index: 1;}
.slbox li dl:hover:after{ height:100%;}
}
@media screen and (max-width:1680px) and (min-width:1200px){
.slbox li span{top:10%;}
.slbox li p em{display: none;}
}
@media screen and (max-width:1200px){
.slbox li{width: 23%;margin-right: 2%;float: left;background: url(../images/img/idi.png) bottom center no-repeat;padding-bottom: 70px;}
.slbox li:last-child{margin-right: 0;}	
.slbox li p{display: block;text-align: center;color: #666;font-size:16px;position: absolute;bottom: 25%;width: 80%;font-weight: 700;z-index: 9;padding:0 10%;}
.slbox li strong{ display:block;text-align: center; font-size:28px; color:#333333; margin:0 0 15px 0; transition:all .3s ease;}
.slbox li span{display: block;width: 100%;max-width:75px;margin:0px auto;z-index: 9;overflow: hidden;}
.slbox li:last-child{margin-right: 0;}
.slbox li span,.slbox li p{position: relative;}
.slbox li span img{display: block;}
.slbox li:nth-child(1) span{background: none;}
.slbox li:nth-child(2) span{background: none;}
.slbox li:nth-child(3) span{background: none;}
.slbox li:nth-child(4) span{background: none;}
.slbox li:nth-child(5) span{background: none;}
.slbox li dl{width: 100%;height: auto;background-image: none;}
.slbox li:nth-child(odd) dl{background-image: none;}
.slbox li:nth-child(even) dl{background-image: none;}
}
@media screen and (max-width:680px){
.slbox li p{margin-top: 20px;padding:0;width: 100%;height: 50px;text-align: left;}
.slbox li strong{font-size: 16px;}
.slbox li{width: 46%;background: none;margin:1% 2%;}
.slbox li:nth-child(2n){margin-right: 0;}
}

/*新闻中心*/
div.newmenu{width: 40%;margin:0px auto;}
div.newmenu a{width: 32.33%;}
.newslist{margin:30px auto 0;}
.newslist li{width: 100%;position: relative;margin-bottom: 40px;}
.newsimg{width: 23%;height: 270px;float: left;display: block;overflow: hidden;position:relative;}
.newsimg img{height: 100%;transition: All 0.7s ease-in-out;/*position:absolute;top:0;left:0;right:0;bottom:0;margin:auto;text-align: center;*/}
.hngsdate{width:122px;height: 89px;background:rgba(0,199,194,0.8); display: block;color: #fff;position: absolute;bottom: 0;right: 0; overflow: hidden;transition: 0.5s;}
.hngsdate em{display: block;text-align: center;font-size: 40px;padding-top: 10px;}
.hngsdate i{display: block;text-align: center;font-size: 14px;}
.newstxt{float: right;width: 73%;padding:2%;font-size: 14px;color: #666;margin-top:42px;line-height: 26px;background-color: #fff;box-shadow: 2px 5px 10px -2px #ccc;}
a.nnewtit{font-size: 18px;color: #333;display: block;transition: 0.3s;}
.newstxt p{padding:20px 0;border-bottom: 1px dashed #cccccc;}
a.nnewbtn{font-size: 16px;color: #00c7c2;margin-top:20px;display: block;position: relative;left: 0; transition: 0.2s;}
.newslist li:hover a.nnewtit{color:#00c7c2;font-weight: 700;}
.newslist li:hover a.nnewbtn{left: 10px;}
.newslist li:hover .newsimg img{transform: scale(1.2,1.2); -moz-transform: scale(1.2,1.2); -ms-transform: scale(1.2,1.2); -o-transform: scale(1.2,1.2); -webkit-transform: scale(1.2,1.2);}
@media screen and (max-width:1440px){
.newsimg{height: 258px;}
.newsimg{width: 28%;}
.newstxt{width: 68%;}
}
@media screen and (max-width:1080px){
.newsimg{display: none;}
.newstxt{width: 96%;margin-top: 0px;margin-bottom: 30px;}
.newslist li{margin-bottom: 0px;}
div.newmenu{width: 100%;}
a.nnewtit{padding-top:10px;}
.newstxt p{padding:10px 0 20px 0;}
}

/*新闻详情页*/
.nnewsbox{}
.nnewsleft{width: 70%;float: left;position: relative;}
.nnewsleftbox{background-color: #f5f5f5;margin-left: 58px;}
.nnewsright{width: 28%;float: right;}
a.newsback{display:block;width: 58px;height: 101px;position: absolute;top:0;left: 0;}
.news_lefttit{ border-bottom:1px solid #e7e7e7; padding:30px 30px 30px 30px;}
.news_lefttit h1{ font-size:22px; font-weight:normal; line-height:30px; display:block; margin-bottom:15px; color:#333;}
.news_lefttit span{ display:block; float:left; border-left:1px dotted #b6b6b6; color:#999; line-height:14px; padding:0 10px;}
.news_lefttit .chuchu{ padding:0 10px 0 0; border-left:none;}
.news_info{margin-top:20px;padding:0px 30px 0 30px; line-height:28px; color:#333;font-size: 16px;}
.news_info img{max-width: 100%!important;height: auto!important;}
.context{ width:100%; margin-top:20px; border-top:1px solid #e7e7e7; line-height:70px;}
.context li:nth-child(1){ float:left; border-right:1px solid #e7e7e7; width:39%; padding-left:50px; padding-right:30px; height:70px; overflow:hidden; background:url(../images/img/newsup.png) 30px 29px no-repeat; }
.context li:nth-child(2){ float:right; text-align:right; width:35%; padding-left:30px; padding-right:50px; height:70px; overflow:hidden; background:url(../images/img/newsdown.png) 92% 29px no-repeat; }
.context li a:hover{color: #00c7c2;}
.nywenzhang{ padding:30px 30px 20px 30px;margin-bottom: 20px;background-color: #f5f5f5;}
.nyxqnews_righttit{ font-size:18px; border-bottom: 1px solid #e7e7e7; height:36px; line-height:18px; position:relative;}
.nyxqnews_righttit:before{ content:""; width:75px; height:1px; background:#00c7c2; position:absolute; left:0; bottom:-1px;}
.nyxqnews_righttit strong{ color:#00c7c2;font-size:18px;}
.nyxqnews_rightcont{ margin-top:10px; line-height:36px;}
.nyxqnews_rightcont a{ display:block; background:url(../images/img/newswenzhagn.png) left center no-repeat; padding-left:22px; height:36px; overflow:hidden; }
.nyxqnews_rightcont a:hover{ color:#00c7c2;}
@media screen and (max-width:1080px){
.nnewsleft,.nnewsright{width: 100%;float: none;}
.nnewsright{margin-top: 30px;}
/*.nywenzhang{width: 45%;margin-right: 2%;float: left;padding:2%;}
.nywenzhang:last-child{margin-right: 0;}*/
}
@media screen and (max-width:680px){
.news_lefttit .chuchu,a.newsback{display: none;}
.nnewsleftbox{margin-left: 0;}
.context{padding:10px 0;}
.context li:nth-child(1),.context li:nth-child(2){width: 98%;float: none;height:40px;line-height: 40px;background:none;padding-left:2%;padding-right:0;border-right:none;}
.context li:nth-child(2){text-align: left; }
}
@media screen and (max-width:480px){
.news_lefttit span{display:none;}
.news_lefttit{padding:0 0 0px 0;}
.news_info{padding:0;}
.nnewsleftbox{padding:4%;}
}

/*联系我们*/
.lxlist{}
.lxlist li{background-color: #e5e5e5;width: 23%;float: left;margin: 1%;padding-bottom: 3%;}
.lxlist li i{display: block;margin:40px auto;width:154px;height: 154px; }
.lxico1{background: url(../images/img/lx1.png) no-repeat;background-size: 100% 100%;}
.lxico2{background: url(../images/img/lx2.png) no-repeat;background-size: 100% 100%;}
.lxico3{background: url(../images/img/lx3.png) no-repeat;background-size: 100% 100%;}
.lxico4{background: url(../images/img/lx4.png) no-repeat;background-size: 100% 100%;}
.lxlist li h4{font-size: 24px;color: #333;text-align: center;margin-top: 30px;}
.lxlist li p{font-size: 18px;color: #666;text-align: center;margin-top: 20px;}
.lxlist li:hover h4,.lxlist li:hover p{color: #fff;}
.lxlist li:hover{background-color: #00c7c2;}
.lxlist li:hover i{-webkit-animation:twinkling 3s infinite ease-in-out;
	animation:twinkling 3s infinite ease-in-out;
	-webkit-animation-fill-mode:both;
	animation-fill-mode:both;}
.lxlist li:hover .lxico1{background: url(../images/img/lx1-1.png) no-repeat;background-size: 100% 100%;}
.lxlist li:hover .lxico2{background: url(../images/img/lx2-1.png) no-repeat;background-size: 100% 100%;}
.lxlist li:hover .lxico3{background: url(../images/img/lx3-1.png) no-repeat;background-size: 100% 100%;}
.lxlist li:hover .lxico4{background: url(../images/img/lx4-1.png) no-repeat;background-size: 100% 100%;}
.lxmap{width: 100%;height: 500px;}
#map{ color:#777; opacity:0.9;font-size:14px;}
#map .iw_poi_title{ font-size:16px; color:#00c7c2; line-height:35px;}
@media screen and (max-width:1200px) and (min-width:960px){
.lxlist li{width: 48%;}	
.lxlist li p{height: 30px;font-size: 14px;}
.lxlist li i{width: 110px;height: 110px;}
}
@media screen and (max-width:960px){
.lxlist li p{font-size: 14px;height: 50px;margin-top: 15px;padding:0 10px;}
.lxlist li i{width: 80px;height: 80px;margin:20px auto 0;}
.lxlist li h4{font-size: 18px;margin-top: 15px;}
.lxmap{height: 300px;}
}
@media screen and (max-width:480px){
.lxlist li{width: 48%;}		
}
@-webkit-keyframes twinkling {
	0% {-webkit-transform:scale(1);}
	50% {-webkit-transform:scale(1.12);}
	100% {-webkit-transform:scale(1);}
}
@keyframes twinkling {
	0% {-webkit-transform:scale(1);transform:scale(1);}
	50% {-webkit-transform:scale(1.12);transform:scale(1.12);}
	100% {-webkit-transform:scale(1);transform:scale(1);}
}

/*留言板*/
.contact_con3{ background:#fff; padding:50px; box-shadow:0px 0px 10px #ddd;}
.contact_con3_tit{ display:block; text-align:center;}
.contact_con3_tit em{ font-family: 'Impact';display: block; text-transform:uppercase; font-size:60px; color:#eee;}
.contact_con3_tit span{ font-size:15px; line-height:30px; padding:10px 0; color:#555;}
.contact_con3 form{ display:block;}
@media screen and (max-width:640px) {
.contact_con3{padding:30px 10px;}
.contact_con3_tit em{font-size:50px;}
.contact_con3_tit span{ font-size:13px; line-height:24px;}
}
@media screen and (min-width:1360px){
.contact_con3 form{ padding:45px 10% 0;}
.contact_con3 form .myform{width:41%; float:left; margin:0 3%; padding-left:2%;}
.contact_con3 form .myform1{ width:90%; float:left; margin:0 3%; padding-left:2%;}
.contact_con3 form .mytxt1{ padding:0 2% 0 4%; width:93%;}
}
@media screen and (max-width:1360px) and (min-width:960px){
.contact_con3 form{ padding:45px 3% 0;}
.contact_con3 form .myform{width:41%; float:left; margin:0 3%; padding-left:2%;}
.contact_con3 form .myform1{ width:90%; float:left; margin:0 3%; padding-left:2%;}
.contact_con3 form .mytxt1{ padding:0 2% 0 4%; width:93%;}
}
@media screen and (max-width:960px) {
.contact_con3 form{ padding:45px 0% 0;}
.contact_con3 form .myform{ width:92%; margin:0 2%; padding-left:2%;}
.contact_con3 form .myform1{ width:92%; margin:0 2%; padding-left:2%;}
.contact_con3 form .mytxt1{ padding:0 2% 0 8%; width:94%; }
}
.contact_con3 form .myform{  background:url(../images/img/ly1.jpg) #f0f0f0 left center no-repeat; margin-bottom:15px; border:1px #e6e6e6 solid; height:55px; line-height:55px; border-radius:8px; overflow:hidden;}
.contact_con3 form .myform:hover{ border:1px #00c7c2 solid;}
.contact_con3 form .mytxt{ display:block; padding:0 2% 0 8%; border:0; background-color:inherit; height:55px; width:94%; outline:none;}
@media screen and (min-width:640px) {
.contact_con3 form .lybg1{ background:url(../images/img/ly1.png) left center no-repeat;}
.contact_con3 form .lybg2{ background:url(../images/img/ly2.png) left center no-repeat;}
.contact_con3 form .lybg3{ background:url(../images/img/ly3.png) left center no-repeat;}
.contact_con3 form .lybg4{ background:url(../images/img/ly4.png) left center no-repeat;}
.contact_con3 form .lybg5{ background:url(../images/img/ly5.png) left center no-repeat;}
.contact_con3 form .lybg6{ background:url(../images/img/ly6.png) left center no-repeat;}
}
.contact_con3 form .myform1{ background:url(../images/img/ly1.jpg) #f0f0f0 left center no-repeat; margin-bottom:15px; border:1px #e6e6e6 solid; height:55px; line-height:55px; border-radius:8px; overflow:hidden;}
.contact_con3 form .myform1:hover{ border:1px #00c7c2 solid;}
.contact_con3 form .mytxt1{ display:block; border:0; background-color:inherit; height:55px; outline:none;}
.contact_con3 form .mytxt2{ display:block; padding:0 2% 0 8%; border:0; background-color:inherit; height:55px; width:50%; outline:none; float:left;}
.contact_con3 form .myform3{ width:43%; float:left; margin:0 3%; margin-bottom:15px; border:1px #e6e6e6 solid; height:55px; line-height:55px; border-radius:8px; overflow:hidden; }
.contact_con3 form .myform img{ padding-right:15px;}
.contact_con3 form .mysub{ display:block; background:#00c7c2; border:0; width:100%; height:55px; color:#fff; font-size:18px;}









