/* wapNav */
.wapNav{overflow-y:auto;height:100%;opacity:0;transform: translateX(-100%);transition:all 0.6s;background:#fff;width:100%;position: fixed;left:0;top:0;z-index: 40;padding:60px 0;}
.wapNav li{position:relative;}
.wapNav li a{display:block;padding-left:20px;color:#333;height:50px;line-height:50px;border-top:1px solid #eee;position:relative;}
.wapNav li:last-child a{border-bottom:1px solid #eee;}
.wapNav li i{font-family:"iconfont";color:#888;font-size:1.2em;font-style:normal;padding:0 15px;position:absolute;right:0;top:0px;line-height:50px;}
.wapNav li.cur>a,.wapNav .cur>a:hover{background:#0c71b7;color:#fff;}
.wapNav li :hover i,.wapNav .cur i{color:#fff;}
.wapNav .navSub{display:none;background:#f5f5f5;}
.wapNav .navSub li a{height:40px;line-height:40px;padding-left:40px;font-size:.875em;border-top:1px solid #e5e5e5;}
.wapNav .navSub ul{background:#f1f1f1;}
.wapNav .navSub ul li a{height:34px;line-height:34px;padding-left:60px;}
/* wapNav */

@media all and (max-width:1800px) {
/* css */	
.container{padding-left:30px;padding-right:30px;}
/* header */	
.header .logo{left:30px;}
.headR{right:30px;}
/* footer */
.footer .foot1 .left .zx {margin-left: 25px;}
/* dnLianxi */
.dnLianxi .sec2,.dnLianxi .sec1 li .text {padding: 40px 50px;}
.dnLianxi .sec2 li p {font-size: 16px;padding-left: 15px;}
.dnLianxi .sec1 h3 {font-size: 40px;margin-top: 25px;}
.dnLianxi .sec3 .left {}
}

@media all and (max-width:1620px) {
/* css */		
.pd60,.listWrap{overflow:hidden;}
/* dnPro */ 
.dnPro li {height: 428px;}
.dnPro li .pic {height: 428px;}
.dnPro li .txt {height: 428px;}
/* footer */
.footer .foot1 .left .zx {margin-left: 18px;}
.footer .foot1 .left .num {font-size: 26px;line-height: 33px;margin-left: 10px;}
/* dnLianxi */
.dnLianxi .sec3 {padding: 50px 30px;}
.dnLianxi .sec3 .skew {width: 300px;height: 60px;margin-top: 50px;}
.dnLianxi .sec3 button {font-size: 20px;}
.dnLianxi .sec3 .left {}
.dnLianxi .sec3 h3 {font-size: 36px;}
.dnLianxi .sec3 h2 {font-size: 24px;}
/* dnPinpai */
.dnPinpai ul li .txt{padding:16px 35px;}
/* dnXinwen */
.dnXinwen ul li {width: 31.8%;}
}

@media all and (max-width:1440px) {
/* header */		
.header .logo img{height:52px;}
.nav{padding-left:28%; padding-right:420px;}
/* dnPro */ 
.dnPro li {height: 381px;}
.dnPro li .pic {height: 381px;}
.dnPro li .txt {height: 381px;}
.dnPro li h4 {font-size: 22px;margin-bottom: 20px;}
/* dnNews */
.newsMain li p{font-size:12px;}
/* footer */
.footer .foot1 .left .zx {margin-left: 1px;}
.footer .foot1 .left .num {font-size: 24px;}
.footer .foot1 .right .li {margin-right: 15px;}
/* dnLianxi */
.dnLianxi .sec2,.dnLianxi .sec1 li .text {padding: 40px 30px;}
.dnLianxi .sec1 h3 {font-size: 36px;margin-top: 20px;margin-bottom: 5px;}
.dnLianxi .sec1 p,.dnLianxi .sec2 li p {font-size: 15px;}
.dnLianxi .sec2 li img {display: block;width: 36px;}
/* dnPinpai */
.dnPinpai{padding:55px 0;}
.dnPinpai ul li .txt p,.dnPinpai ul li .txt a{font-size:14px;}
.dnPinpai ul li .pic img{width:100%;}
.dnPinpai ul li .txt{padding:23px 25px;}
.dnPinpai ul li .txt h4{font-size:20px;}
.dnPinpai ul li .txt p{line-height:22px;padding-top:10px;}
.dnPinpai ul li .txt a{width:100px;margin-top:12px;}
/* dnXinwen */
.dnXinwen ul li {width: 31.6%;}
}

@media all and (max-width:1300px) {
/* dnLianxi */
.dnLianxi .sec3 input::-webkit-input-placeholder {color: #aaaaaa;font-size: 14px;}
.dnLianxi .sec3 input:-moz-placeholder {color: #aaaaaa;font-size: 14px;}
.dnLianxi .sec3 input::-moz-placeholder {color: #aaaaaa;font-size: 14px;}
.dnLianxi .sec3 input:-ms-input-placeholder {color: #aaaaaa;font-size: 14px;}
}

@media all and (max-width:1260px) {
/* css */	
.container,.proIndex li{padding-left:15px;padding-right:15px;}
/* header */
.header{font-size:.875rem;}
.header .logo{left:15px;}
.headR{right:15px;}
.headR .tel{font-size:20px;}
.nav {padding:0 385px 0 22%;}
.header .logo img{height:48px;}
/* dnPro */ 
.dnPro li {height: 337px;}
.dnPro li .pic {height: 337px;}
.dnPro li .txt {height: 337px;}
.dnPro li h4 {font-size: 22px;margin-bottom: 15px;}
.dnPro li p {font-size: 16px;line-height: 30px;}
.dnPro li .txt {padding: 3.7%;}
/* footer */
.footer .foot1 .left .num {font-size: 22px;}
}

@media all and (max-width:1200px) {
/* footer */
.footer .foot1 .left .num {font-size: 18px;}
.footer .foot1 .right .li {font-size: 14px;}
.footer .foot1 .right .yq .p {font-size: 14px;}
.footer .foot1 .right .yq .a {font-size: 14px;}
.footer .foot1 .left .zx {font-size: 16px;}
.footer .foot2 .copy {font-size: 14px;}
.footer .foot1 {padding: 30px 0 30px 0;}
/* dnLianxi */
.dnLianxi .sec2,.dnLianxi .sec1 li .text {padding: 30px 20px;}
.dnLianxi .sec1 h3 {font-size: 30px;margin-top: 15px;margin-bottom: 5px;}
.dnLianxi .sec1 p,.dnLianxi .sec2 li p {font-size: 14px;}
.dnLianxi .sec2 li img {display: block;width: 24px;}
.dnLianxi .sec2 li p {padding-left: 5px;}
.dnLianxi .sec1 li img {width: 36px;}
.dnLianxi .sec3 h3 {font-size: 30px;margin-top: 5px;}
.dnLianxi .sec3 h2 {font-size: 20px;}
.dnLianxi .sec3 label {padding: 30px 0 20px 0;float: none;align-items: center;display: flex;width: 100%;}
.dnLianxi .sec3 ::-webkit-input-placeholder {/* WebKit browsers */font-size: 14px;}
.dnLianxi .sec3 ::-ms-input-placeholder {/* Internet Explorer 10+ */font-size: 14px;}
.dnLianxi .sec3 .skew {width: 240px;height: 50px;}
.dnLianxi .sec3 button {font-size: 16px;}
.dnLianxi .sec3 .sub {height: 50px;line-height: 50px;margin-top: 40px;font-size: 18px;width: 200px;}    
/* dnGongsi */
.dnGongsi{font-size:.813rem;line-height:1.6;}
/* dnPinpai */
.dnPinpai ul li .txt{padding:9px 15px;}
.dnPinpai ul li .txt h4{font-size:18px;}
.dnPinpai ul li .txt p{line-height:18px;}
.dnPinpai ul li .txt a{width:100px;margin-top:0;height:28px;line-height:26px;font-size:12px}
/* dnXinwen */
.dnXinwen ul li {width: 31.3%;}
}

@media all and (max-width:1024px) {
/* css */		
body{padding-top:60px;font-size:.875rem;}
.pd60,.listWrap,.newsLIst{padding-top:40px;padding-bottom:40px;overflow: hidden;}
.headR,.nav{display:none;}
{float:none;width:100%;}
/* header */
.header{height:60px;line-height:60px;position: fixed;width:100%;top:0;left:0;padding-top:0;z-index:90;background:#fff;box-shadow:0 1px 5px #ddd;}
.header .logo img{height:32px;}
.navTrigger,.wapTel,.wapLang,.relative_pro li:nth-child(4),.proSider .title i{display:block;}
.nav_on{opacity:1;transform: translateX(0);}
/* dnTitle */ 
.dnTitle {margin-bottom: 30px;}
.dnTitle span {font-size: 30px;}
/* dnPro */ 
.dnPro li {height: 304px;}
.dnPro li .pic {height: 304px;}
.dnPro li .txt {height: 304px;}
.dnPro li h4 {font-size: 20px;margin-bottom: 10px;}
.dnPro li p {font-size: 16px;line-height: 30px;}
.dnPro li .txt {padding: 3%;}
/* dnNews */
.newsMain .txt a{padding:20px;}
.newsMain li h4{padding:0;}
.newsMain li .bgImg,.newsMain li:last-child,.downL .tel{display:none;}
.newsMain li:nth-child(2), .newsMain li:nth-child(3){margin-bottom:15px;}
.newsMain li{width:50%;margin-bottom:15px;}
.newsMain li h4{margin-bottom:20px;}
/* footer */
.footer .foot1 {padding: 20px 0 20px 0;}
.footer .foot1 .ewm {width: 110px;}
.footer .foot1 .ewm .img {width: 110px;height: 110px;}
.footer .foot1 .ewm .wz {font-size: 12px;margin-top: 10px;}
.footer .foot1 .pos {min-height: 110px;padding-right: 115px;}
.footer .foot1 .left .zx {width: 46px;height: 46px;font-size: 14px; line-height: 20px; padding: 3px 0;margin-left: 11px;}
.footer .foot1 .left .num { font-size:16px; line-height: 23px; margin-left: 5px;letter-spacing: 0;}
.footer .foot1 .right { padding-left: 10px;}
.footer .foot1 .right .u1 {margin-bottom: 10px;}
.footer .foot1 .right .li {font-size: 14px;padding-left: 18px;margin-right: 5px;background-size: 16px 16px;}
.footer .foot1 .right .yq .p {font-size: 14px;padding-left: 18px;background-size: 16px 16px;}
.footer .foot1 .right .yq .a {margin: 0 5px;font-size: 14px;}
.footer .foot1 .right .yq .a::after {height: 14px;right: -5px;}
.footer .foot2 .copy {font-size: 12px;}
.footer .foot2 .link {font-size: 12px;}
/* foot */
.foot{ display:block;}
/* dnBan */
.dnBan {height: 200px;}
.dnBan .picture img{height: 200px;}
/* dnGongsi */
.dnGongsi{font-size:.75rem;}
.dnGongsi .font .tie{font-size:2em;}
.dnGongsi h2 {font-size: 22px;margin-bottom: 20px;}
.dnGongsi p {margin-bottom: 10px;font-size: 14px;line-height: 28px;}
/* dnPinpai */
.dnPinpai ul{margin:0 0 -10px -10px;}
.dnPinpai ul li{ margin-bottom:10px;}
.dnPinpai ul .a{ margin-left:10px;} 
.dnPinpai ul .one .a{height: 160px;padding: 10px 10px 10px 230px;}
.dnPinpai ul .one .pic{width: 270px;}
.dnPinpai ul .one h4{font-size:18px;margin-bottom: 10px;}
.dnPinpai ul .one hr{margin: 0 0 10px 0;width:50px;height:2px;}
.dnPinpai ul .one p{-webkit-line-clamp:2;font-size:14px;line-height: 22px;}
.dnPinpai ul .one .more{margin-top:20px;font-size:12px; } 
.dnPinpai ul .two h4{font-size:15px;margin:15px 0;}
/* dnXinwen */
.dnXinwen ul li{width: 31.8%;margin: 0 20px 20px 0;}
.dnXinwen ul li a:after{height: 3px;}
.dnXinwen ul li a h4{font-size: 16px;margin-top:20px;}
.dnXinwen ul li a .txt{font-size: 14px;line-height: 24px;margin-top:15px;margin-bottom: 15px;}
}

@media all and (max-width:920px) {
/* dnPro */ 
.dnPro li {height: 260px;}
.dnPro li .pic {height: 260px;}
.dnPro li .txt {height: 260px;}
.dnPro li h4 {font-size: 18px;margin-bottom: 10px;}
.dnPro li p {font-size: 15px;line-height: 26px;}
.dnPro li .txt {padding: 2.6%;}	
.dnPro li .more, .aboutMain .more {width: 100px;height: 24px;line-height: 24px;font-size: 12px;margin-top: 20px;}
/* footer */
.footer .foot1 .left .num {font-size:14px;display: block;overflow: hidden;float: none;padding-left: 8px;}
.footer .foot1 .left .zx {margin-left: 1px;}
/* dnPinpai */
.dnPinpai ul .one hr{ display:none;}
.dnPinpai ul .one .a {height: 160px;padding: 5px 5px 5px 230px;}
/* dnXinwen */
.dnXinwen ul li{width: 31.8%;margin: 0 15px 15px 0;}
}

@media all and (max-width:768px) {
/* css */		
.pd60, .listWrap, .newsLIst {padding-top: 30px;padding-bottom: 30px;}
/* dnTitle */ 
.dnTitle {margin-bottom: 26px;}
.dnTitle span {font-size: 20px;}
/* dnPro */ 	
.dnPro li,.dnPro li .pic,.dnPro li .txt{height:auto;}
.dnPro li,.dnPro li .pic,.dnPro li .txt,.showPage a{width:100%;float:none;}
.dnPro li .pic{height:450px;}
/* footer */
.footer .foot1 .pos {padding-right: 0;text-align: center;}
.footer .foot1 .ewm {display: inline-block;position: static;}
.footer .foot1 .left {width: 100%;text-align: center;}
.footer .foot1 .left .dis {display: inline-block;}
.footer .foot1 .right {width: 100%;padding-left: 0;padding-top: 10px;margin-top: 10px;border-left: 0;border-top: 1px solid rgba(255,255,255,.1);}
.footer .foot1 .right .li {font-size: 12px;}
.footer .foot1 .right .yq .p {font-size: 12px;}
.footer .foot1 .right .yq .a {font-size: 12px;}
.footer .foot2 {padding: 18px 0;text-align: center;margin-bottom: 40px;}
.footer .foot2 .copy {width: 100%;}
.footer .foot2 .link {width: 100%;}
/* dnBan */
.dnBan {height: auto;}
.dnBan .picture img { left:0;max-width: -webkit-fill-available;margin-left: 0;height: auto;}
/* dnLianxi */
.dnLianxi .sec3 {flex-direction: column;}
.dnLianxi .sec3 .left {width: 100%;}
.dnLianxi .sec2,.dnLianxi .sec1 li .text {padding: 20px 10px;}
.dnLianxi .sec1 h3 {font-size: 18px;margin-top: 5px;margin-bottom: 5px;}
.dnLianxi .sec1 p,.dnLianxi .sec2 li p {font-size: 14px;}
.dnLianxi .sec2 li img {display: block;width: 24px;}
.dnLianxi .sec2 li p {padding-left: 10px;}
.dnLianxi .sec2 li {margin-bottom: 10px;}
.dnLianxi .sec2 ul {flex-wrap: wrap;}
.dnLianxi .sec1 li img {width: 30px;}
.dnLianxi .sec3 {padding: 30px 0;}
.dnLianxi .sec3 .left {width: 100%;}
.dnLianxi .sec3 h3 {font-size: 20px;}
.dnLianxi .sec3 h2 {font-size: 16px}
.dnLianxi .sec3 .skew {width: 100%;height: 45px;margin-top: 20px;}
.dnLianxi .sec3 label {padding: 20px 0;}
.dnLianxi .sec3 button {font-size: 14px;}
.dnLianxi .sec3 .mapbox {position: relative;width: 100%;height: 80vw;left: 0px;top: auto;right: 0px;bottom: 0vw;border-radius: 0;transform: none;box-sizing: border-box;margin-top: 30px;}
.dnLianxi .sec3 .mapbox img{max-width: -webkit-fill-available;}
.dnLianxi .sec3 .sub {height: 40px;line-height: 40px;margin-top: 30px;font-size: 16px;width: 160px;}   
/* dnGongsi */
.dnGongsi h3{float:none;text-align:center;margin-bottom:30px;margin-right:0;}
.dnGongsi h3 img{width:260px;}
.dnGongsi h3 span{padding-top:25px;margin-left:-120px;}
.dnGongsi ul li span {font-size: 26px;}
.dnGongsi ul {margin-top: 10px;}
/* dnPinpai */
.dnPinpai ul li{ width:100%;} 
/* dnXinwen */
.dnXinwen ul li{width: 31.6%;}
.dnXinwen ul li a:after{height: 3px;}
.dnXinwen ul li a h4{font-size: 16px;margin-top:15px;}
.dnXinwen ul li a .txt{font-size: 14px;line-height: 24px;margin-top:12px;margin-bottom: 12px;}
.dnXinwen ul li a .time{margin-right:0px;}
.dnXinwen ul .more{display:none}
}

@media all and (max-width:640px) {
/* dnPro */ 	
.dnPro li .pic{height:353px;}	
/* dnNews */
.newsMain{margin-right:0;}
.newsMain li{width:100%;float:left;padding-right:0;}
.newsMain li p{height:auto;margin-bottom:15px;}
.newsMain li h4{margin-bottom:10px;}
.newsMain li .date{display:none;}
.newsMain li:nth-child(7){margin-bottom:15px;}
/* dnLianxi */
.dnLianxi .sec3 label input {font-size: 14px;}
/* dnGongsi */
.dnGongsi ul{flex-wrap: wrap;}
.dnGongsi ul li{width:50%;}
/* dnPinpai */
.dnPinpai ul li {display: block;}
.dnPinpai ul li .pic,.dnPinpai ul li .txt{width: 100%;float: none;}
/* dnXinwen */
.dnXinwen ul li{ width:100%;}
/* dnXinwen */
.xwShown .tit {font-size: 22px;}
.xwShown .titleTop {padding: 0 0 10px 0;margin: 0 0 10px 0;}
.xwShown .con p {font-size: 14px;line-height: 24px;margin-bottom: 10px;}
}

@media all and (max-width:540px) {
/* css */		
.pd60, .listWrap, .newsLIst {padding-top: 20px;padding-bottom: 20px;}	
/* dnPro */ 	
.dnPro li .pic{height:304px;}	
}

@media all and (max-width:480px) {	
/* header */	
.header .logo img{height:28px;}
/* dnTitle */ 
.dnTitle {margin-bottom: 24px;}
.dnTitle span {font-size: 18px;}
.dnTitle {font-size: 16px;}
/* dnPro */ 	
.dnPro li .pic{height:250px;}
}

@media all and (max-width:470px) {
/* dnPro */ 	
.dnPro li .pic{height:268px;}
}

@media all and (max-width:400px) {
/* dnPro */ 	
.dnPro li .pic{height:222px;}
}

@media all and (max-width:380px) {
/* dnPro */ 	
.dnPro li .pic{height:205px;}
/* dnLianxi */
.dnLianxi .sec1 h3 {font-size: 16px}
.dnLianxi .sec3 h3 {font-size: 18px;}
.dnLianxi .sec3 h2 {font-size: 14px}	
}

@media all and (max-width:300px) {
/* dnPro */ 	
.dnPro li .pic{height:178px;}	
}