@charset "utf-8";
/* CSS Document */
@font-face {
  font-family: 'Conv_langdon';
  src: url('../font/langdon.eot');
  src: local('☺'), url('../font/langdon.woff') format('woff'), url('../font/langdon.ttf') format('truetype'), url('../font/langdon.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}

*{box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-shadow: none;border-radius: 0;}
html, body, div, span, h1, h2, h3, h4, h5, h6, p,table, td, blockquote, pre, a, address, big, cite, code, del, em, font, img, ins, small, strong, var, b, u, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend {margin: 0;padding: 0;}
body{font-family: 微软雅黑,Arial, Helvetica, sans-serif;font-size: 14px;overflow-x: hidden;}
input,select,textarea{font-size: 14px;border:none;margin: 0;padding: 0;outline:none;font-family: Arial, Helvetica, sans-serif; -webkit-appearance: none;}
img{border: 0 none;vertical-align: middle;max-width: 100%;}
a{color: #333;text-decoration:none;background-color:transparent;transition: all .3s ease-in-out;}
.clearfix:before, .clearfix:after{content: ""; display: table;}
.clearfix:after{clear: both;}
.clearfix{*zoom: 1; /*IE/7/6*/}
a:hover{cursor: pointer; color:#cd4209;}
a:focus{outline:none;}
ul, li, dl, dt, dd{list-style: none outside none;}
.warper{width:98%;max-width:1180px;margin:0 auto;}
.submit{cursor: pointer;}
.cl{clear:both;height:0px;line-height:0px;font-size:0px;}
.fl{float:left;}
.fr{float:right;}
h1,h2, h3, h4, h5, h6{text-decoration: none; font-weight: normal; font-size: 100%;}
s, i, em{font-style: normal; text-decoration: none;}
audio, canvas, video{display:inline}
li{float:left;}
.row{margin-left:-15px;margin-right: -15px;}
.row:after{content: '';display: block;clear: both;}
.col-5,.col-7,.col-6{float: left;padding-left: 15px;padding-right: 15px;}
.col-5{width: 41.66666667%;}
.col-7{width: 58.33333333%;}
.col-6{width: 50%;}

.breadcrumbnav i,.pubcontact .fb,.pubcontact .in,.pubcontact .sk,.pubcontact .gl,.pubcontact .ut,.newslist .news_list_more i,.pro_list_more i,.pronr-tr-sendt em.send,.pronr-tr-sendt em.price{display: inline-block;background: url(../images/pub.png) no-repeat}

#scrollTop{display: none;background: #363636;font-size: 60px;text-align: center;color: #fff;position: fixed;z-index: 999999;bottom: 45px;right: 15px;cursor: pointer;}
#scrollTop .scrollTop{position: relative;display: block;width: 90px;height: 90px;}
#scrollTop i{position: absolute;left: 0;right: 0;}
#scrollTop span{font-size: 20px;display: block;position: absolute;left:0;right: 0;bottom: 15px;}

header:after{content: '';display: block;clear: both;}
header .logo{float: left;margin-top: 10px;}
header .nav ul li{float:none;}
header .search{display: inline-block;position: relative;}
header .search .button{cursor: pointer;padding: 10px;}
header .search form{position: absolute;right: 0;top: 60px;background: #f5f5f5;padding: 20px;width: 255px;border: 1px solid #ddd;box-shadow: 0 2px 5px #999;display: none;z-index: 6;}
header .search .text{width: 180px;line-height: 28px;border: 1px solid #ddd;float: left;padding-left: 5px;}
header .search .submit{float: left;width: 30px;height: 30px;background: url("../images/search.png") no-repeat center;background-color:#0e4ba4;}

.lang {padding:4px;margin-top: 24px; border:1px solid #999;}
#banner-home .owl-controls{position: absolute;bottom: 10px;width: 100%;}
.owl-theme .owl-controls .owl-page span{background: #000;}
.owl-theme .owl-controls .owl-page.active span{background: #0e4ba4;}

section{padding: 50px 0;}
#main .title{text-transform: uppercase;margin-bottom: 30px;}
#main .title h1{font-family: 'Conv_langdon';font-size: 40px;font-weight: normal;text-align: center;}
#main .zw-box5 .title h1{font-size: 24px;text-align: left;}


.zw-box1,.zw-box3,.zw-box5{background: #f2f2f2;}
.zw-box1 h1{font-family: 'Conv_langdon';font-size: 40px;font-weight: normal;margin-bottom: 20px;}
.zw-box1 p{width: 80%;float:left;line-height: 30px;color: #666;}
.zw-box1 a{padding: 15px 40px;border: 1px solid #0e4ba4;color: #0e4ba4;margin-top: 25px;display: inline-block;}
@media (min-width: 769px) {
  .zw-box1 a{float: right;}
  .zw-box1 .text{overflow: hidden;}
}


.zw-box2 li{padding: 0 5px;}
.zw-box2 li a{display: block;position: relative;}
.zw-box2 .text h4{font-size: 16px;font-weight: normal;padding:  0 10px;line-height: 26px;margin-bottom: 10px;}
.zw-box2 .text span{padding: 5px 10px;border: 1px solid #fff;display: inline-block;}
.zw-box2 .text{text-align: center;background: rgba(14,75,164,0.8);color: #fff;position: absolute;top:86%;height: 100%;padding: 5px 15px 0 15px;transition: all 0.5s ease-in-out; width: 100%}
.zw-box2 .owl-buttons{display: none;}
.zw-box2 li a:hover .text{top: 0;padding-top: 16%}



.zw-box3 li{width: 25%;float: left;}
.zw-box3 li dd{padding: 30px;background: #f9f9f9;position: relative;}
.zw-box3 li:nth-child(1) dd:before,.zw-box3 li:nth-child(3) dd:before{display: inline-block;content: '';width: 0;height: 0; border-left: 10px solid transparent;border-right: 10px solid transparent;border-bottom: 10px solid #fff;position: absolute;left: 45%;top: -10px;}
.zw-box3 li:nth-child(2) dd:after,.zw-box3 li:nth-child(4) dd:after{display: inline-block;content: '';width: 0;height: 0; border-left: 10px solid transparent;border-right: 10px solid transparent;border-top: 10px solid #fff;position: absolute;left: 45%;bottom: -10px;}
.zw-box3 li h4{text-transform: uppercase;}
.zw-box3 li p{color: #666;height: 40px;overflow: hidden;margin: 19px 0;}
.zw-box3 li span{display: inline-block;padding: 0 10px;border: 1px solid #333;line-height: 15px;}
.zw-box3 ul{overflow: hidden;}
.zw-box3 li a:hover h4{color: #0e4ba4;}
.zw-box3 li a:hover span{color: #0e4ba4;border-color: #0e4ba4;}


.zw-box4 .about dt{font-family: 'Conv_langdon';font-size: 24px;display: inline-block;}
.zw-box4 .about dd{display: inline-block;width: 82%;float: right;line-height: 24px;border-left: 2px solid #0e4ba4;padding-left: 30px;}
.zw-box4 .about dl{overflow: hidden;margin-top: 15px;}
#about .owl-controls{position: absolute;bottom: 0;}
#container .zw-box4 .title h1{text-align: left;}
.zw-box4 .faq h4{font-size: 18px;}
.zw-box4 .faq p{line-height:24px;margin: 10px 0;color: #666;}
.zw-box4 .faq span{color: #0e4ba4;}
.zw-box4 .faq ul li:nth-child(1){margin-bottom: 20px;}

#container .zw-box5 .title h1{text-align: left;font-size: 24px;}
.zw-box5 .title span{float: right;margin-top: -10px;font-size: 12px;}
.zw-box5 .title span a{color: #666;}
.zw-box5 .title span a:hover{color: #cd4209;}
.zw-box5 .title{padding-bottom: 10px;border-bottom: 1px solid #ddd;}
.hover dl{position: relative;overflow: hidden;}
.hover dl dd{position: absolute;top: 0;width: 100%;height: 100%;background: rgba(205,66,9,0.8);text-align: center;color: #fff;transform: scale(2);opacity: 0;transition: all 0.3s ease-in-out;}
.hover dl dd span{border: 1px solid #fff;padding: 5px 15px;margin-top: 25%;display: inline-block;}
.hover li{float: left;width: 20%;padding: 0 15px;}
.hover li a:hover dd{opacity: 1;transform: scale(1);}
.hover li p{margin-top: 10px;}
.hover li a:hover p{color: #cd4209;}

footer,.zw-box6{background: #4e494a;color: #fff;line-height: 26px;}
.zw-box6 h3{font-size: 18px;font-weight: normal;margin-bottom: 30px;}
.zw-box6 .message ul{margin: 0 -15px;}
.zw-box6 .message li{float: left;width: 50%;padding-right: 15px;}
.zw-box6 .message li input,.zw-box6 .message textarea{width: 96%;padding-left: 5px;border: 1px solid #777;line-height: 28px;background: transparent;margin-bottom: 15px;color: #fff;}
.zw-box6 .message .submit{width: 120px;line-height: 28px;color: #fff;background: #cd4209;}
.zw-box6 .contact .edit-box{border-top: 1px solid #555;padding-top: 10px;line-height: 26px;margin-top: 20px;color: #ccc;}
.zw-box6 #media a:nth-child(1){background-position: 0 -23px;}
.zw-box6 #media a:nth-child(2){background-position: -39px -23px;}
.zw-box6 #media a:nth-child(3){background-position: -77px -23px;}
.zw-box6 #media a:nth-child(4){background-position: -116px -23px;}
.zw-box6 #media a:nth-child(5){background-position: -155px -23px;}


.zw-box6 .contact a{color: #ccc;}
.zw-box6 .contact a:hover{color: #cd4209;}
.zw-box6 .contact .back{background: url("../images/map.png") no-repeat right bottom;}
footer .copyright{overflow: hidden;padding: 10px 0;border-top: 1px solid #555;}
footer p{float: left;}
footer .nav a{color: #fff;border-right: 1px solid #ddd;padding: 0 10px;line-height: 18px;}
footer .nav a:hover{color: #cd4209;}
footer .nav>:last-child{border-right: none;}
footer .nav{float: right;}

.breadcrumbnav{background: #ececec;color: #666;padding:15px 0}
.breadcrumbnav i{width:22px; height:18px; background-position: 0 0;margin-right: 5px;}
.breadcrumbnav a{color: #666;}
.breadcrumbnav a:hover{color: #cd4209;}
#container{padding: 50px 0;}


.articleconten,.rightsidebar,.contactconten,.newslist,.prolist ,.faqlist,.projectlist{margin-top: 40px;margin-bottom: 80px;}
.articleconten,.contactconten,.newslist,.prolist,.projectlist,.pronr{width:70.17%;line-height: 24px;font-size: 14px;color:#333;}
.articleconten h1{font-size: 20px;font-weight: bold;margin-bottom: 20px;text-align: center;}
.articleconten img{display:block; margin:10px auto; max-width: 100%;}
.rightsidebar{width:24.56%;}
.rightlist ,.sendmassage ,.pubcontact{background-color: #eee; width:100%;margin-bottom: 20px;padding-bottom: 10px;}
.rightsidebar ul{margin:10px;}
.rightsidebar ul li{float:none; line-height:30px;}
.pro-list-body ul li{font-weight: bold;}
.pro-list-body ul li dl dd{font-weight: normal;}
.pubcontact ul li{word-break: break-all;}
.rightsidebar .list_title{background-color:#4E494A; width:100%; font-size:18px; line-height:40px; color:#fff; padding-left:10px;}
.pro-list-body ul li dl{display: none;}
.pubcontact ul li span{font-weight: bold;}
.sendmassage input,.sendmassage .con{width:96%;height:36px; border: 1px solid #777;border-radius: 5px;margin:6px;padding-left: 5px;}
.sendmassage form{margin:10px;}
.sendmassage .con{height:80px;}
.sendmassage .sub{width:36%;height:30px;background-color: #CD4209; color:#fff; border:none;}


.pubcontact .fb{width: 25px;height: 25px;background-position: 0 -27px;}
.pubcontact .in{width:25px;height: 25px;background-position: -39px -27px;}
.pubcontact .sk{width: 25px;height: 25px;background-position: -80px -27px;}
.pubcontact .gl{width: 25px;height: 25px;background-position: -120px -27px;}
.pubcontact .ut{width: 25px;height: 25px;background-position: -160px -27px;}
.social_media{margin:10px;}
.social_media a{margin-right: 5px;}
.con_line{border-bottom:1px solid #bbb; width:100%;margin:30px 0 10px;}
.prev span{font-weight: bold;}
.prev ul li{line-height: 30px; width: 100%;}

.contactconten h1{font-size:18px; font-weight: bold; color:#cd4209;margin-bottom: 20px;}
.contactconten ul{margin-bottom: 40px;}
.contactconten ul li span{font-weight: bold;}
.contactconten ul li{float:none; line-height: 30px;}

.newslist img{float:left; width:34.5%;}
.newslist  ul li {margin-bottom: 30px;}
.newslist  ul li dl{float:right; width:63%;}
.newslist  ul li dl dt{font-weight: bold; margin-bottom: 10px;}
.newslist  ul li dl dd{color:#666; height:70px; overflow:hidden; text-overflow:ellipsis;}
.newslist  ul li dl dd a:hover{color:#666;}
.newslist .news_list_more,.pro_list_more{color:#666;width:16%;height:24px;border:1px solid #666; text-align: center;margin-top: 20px;}
.newslist .news_list_more i,.pro_list_more i{width:5px; height:9px; background-position: -34px -7px;margin-left: 4px;}
.pages{width: 100%;float: left; margin-top: 30px;}


// .projectlist{width:69%;margin-top:40px}
.projectlist ul li,.prolist ul li{width:33.333%;margin-bottom: 30px;/* margin-right: 1%; */}
.projectlist ul li img{width:96%}
.projectlist ul li dl{width:96%;  margin-top: -1px;}
.projectlist ul li dl dt,.prolist ul li dl dt{background: #f4f4f4;line-height: 40px;width: 100%;padding-left: 3%;font-weight: bold;}
.projectlist ul li dl dd.pro_con,.prolist ul li dl dd.pro_con{ width: 96%;height: 18px;overflow: hidden;margin-left: 2%;}
 .project_list_more,.pro_list_more{color:#666;width:30%;margin-left: 3.5%;height:24px;border:1px solid #666; text-align: center;margin-top: 20px; margin-bottom: 20px;}
 .projectlist ul li dl a:hover dd,.prolist ul li dl a:hover dd{color:#333;}

.prolist ul li dl{width:94.3%; margin-top: -1px;}

.faqlist{width:69%}
.faqlist .q{padding: 8px 15px;background: #ececec;line-height: 28px;cursor: pointer;transition: 0.3s;overflow: hidden;margin-right: 10px;}
.faqlist .q span{float: right;}
.faq .q b{display: inline-block;font-size: 18px;color: #fff;width: 28px;height: 28px;background: #cd4209;border-radius: 20px;text-align: center;line-height: 28px;}
.faqlist .q.on,.faqlist .q:hover{background: #cd4209;color: #fff;}
.faqlist .q b{margin-right: 10px;}
.faqlist .q.on b,.faqlist .q:hover b{color: #fff; margin-right: 10px;}
.faqlist .r{padding: 10px 20px;line-height: 24px;color: #999;display: none;}
.faqlist .list{margin-bottom: 20px;}
.pro-list-body ul li.pro-nr-show dl dd{display: none;}
.pro-nr-show dl dt a{font-weight: bold;}
.pro-nr-show dl dd{margin-left: 4px; color:#999;}
.param{overflow-x: auto;}

.pronr-top,.pro-nr-bd{margin-top: 40px;}
.pronr-top-left{padding:10px 0.847%;width: 40.67%;border:1px solid #CCC;position:relative;overflow:hidden;}
    .pronr-top-left .bd { position:relative; float:left; width:100%;height:272px;overflow:hidden;}
    .pronr-top-left .bd img {width:100%;}
    .pronr-top-left .hd {position:relative; width:100%; float:right; z-index:1; }
    .pronr-top-left .hd ul { position:relative; width:100%; overflow:hidden;   }
    .pronr-top-left .hd li { width: 24%;height:66px; padding:10px 0; overflow:hidden;  margin-left:1.2%;}
     .pronr-top-left .hd li:first-child{margin-left:0;}
    .pronr-top-left .hd img {width:100%; display:block;}
.pronr-top-right{width: 58%;padding-left:2.3%;}
.pronr-top-right h1{color:#222;font-size: 18px;line-height: 28px;padding:13px 0;font-weight: bold;}
.pronr-top-right ul li{float:none;color:#222;font-size: 14px;padding:9px 0;clear:both;}
.pronr-top-right ul li em{float: left;display: block;overflow: hidden;}
.pronr-top-right ul li span{color:#666;display: block;width: 75%;float:right;}
.pronr-top-right .pronr-tr-send{margin-top:20px;}
.pronr-tr-send span:last-child{margin-left: 10px;}

.pronr-tr-send p{font-size:16px;margin-bottom:20px;}
.pronr-tr-send p span{color:#cd4209;}
.pronr-tr-send p span:last-child{margin-left:20px;}
.pronr-tr-send .chat{float:left;padding:10px 0;width:26%;background-color: #3363aa;color:#fff;text-align: center;font-size: 16px;}
.pronr-tr-send .pronr-tr-sendt a:first-child{background-color: #cd4209;margin-right:3%;}
.pronr-tr-send .pronr-tr-sendt a:hover{opacity: 0.9;filter:alpha(opacity=90);}
.addthis_sharing_toolbox{margin-bottom:20px;}
.pronr-tr-sendt em.send{width:18px; height:19px; background-position: -221px -32px;margin-right: 10px;}
.pronr-tr-sendt em.price{width:22px; height:19px; background-position: -263px -32px;margin-right: 10px;}
.pro-nr-bd h4{padding-bottom:2px;border-bottom:1px dashed #ccc;margin-bottom:10px;margin-top:30px;color:#CD4209;font-size: 16px;}
.pro-nr-bd input{width:46%;border:1px solid #CCC;height: 30px;line-height: 30px;margin:8px 0;padding-left:1%;color:#666}
.pro-nr-bd input:nth-child(odd){float:right}
.pro-nr-bd textarea{margin-top:15px;border:1px solid #ccc;width:100%;padding:5px 0 0 0.5%;height: 70px;}
.pro-nr-bd input.submit{padding:0;width:110px;background-color:#CD4209;color:#fff;height: 34px;line-height:34px;text-align:center;border:none;transition:all .5s}
.pro-nr-bd input.submit:hover{background-color: #D25522}
.pronr-title{width:100%;background-color:  #4e494a;overflow: hidden;}
.pronr-title li{width:20%; text-align: center;background-color: #4e494a;height:40px;line-height: 40px;}
.pronr-title li a{font-size: 16px;color:#fff;display: block;width: 100%;}
.pronr-title li:hover{background-color: #cd4209;height:40px; transition: all .3s;}
.pronr-des span{font-weight: bold;line-height: 24px;}
.pronr-param table{width:100%;line-height: 30px;}
.pronr-param table tr:first-child{font-weight: bold}


.ipro-show {width:100%;overflow:hidden;position:relative;padding-top:20px;padding-bottom: 30px;}
.ipro-show ul{width:9999px;zoom: 1;position:relative;}
.ipro-show ul li dt a{font-size: 14px;color:#222;line-height: 24px; font-weight: bold;}
.ipro-show ul li dl{width:97%;margin-left:3%}
.ipro-show ul li dl dt{margin-top:10px;}
.ipro-show li img{width:97%;margin:0 1.5%}


@media (min-width:992px) {  
  header nav,header .nav{display: inline-block;}
  header{text-align: right;}
  header .nav h5{font-size: 14px;font-weight: normal;padding: 0 5px;}
  header .nav h5 a{display: block;padding: 30px 10px;border-bottom: 3px solid transparent;}
  header .nav:hover h5 a{background: #eee;border-color:#0e4ba4;}
  header .nav{position: relative;}
  header .nav ul{text-align: left;position: absolute;background: rgba(14,75,164,0.8);min-width: 100%;white-space: nowrap;padding: 0 15px;visibility: hidden;opacity: 0;left: 9999px;z-index: 9;}
  header .nav ul a{color: #fff;line-height: 30px;display: block;margin: 4px 0;font-size: 13px;}
  header .nav ul a:hover{text-decoration: underline;}
  header .nav:hover ul{opacity: 1;left: 5px;visibility: visible;transition: opacity .5s ease-in-out;}
  header .nav-button{display: none;}

}
@media (min-width:1150px){
  .warper{width: 97%;}
  header .nav h5 a{padding-left:20px;padding-right: 20px; }
}


@media (max-width: 1150px) {
  .zw-box3 li{width:100%;}
  .zw-box3 li dt,.zw-box3 li dd{width: 50%;float: left;}
  .zw-box3 li dl{overflow: hidden;background: #fff;}
  .zw-box3 li:nth-child(1) dd:before, .zw-box3 li:nth-child(3) dd:before
  .zw-box3 li:nth-child(2) dd:after, .zw-box3 li:nth-child(4) dd:after{display: none;}
  .zw-box3 li dt{position: relative;}
  .zw-box3 li:nth-child(1) dt:after,.zw-box3 li:nth-child(3) dt:after{display: inline-block;content: '';width: 0;height: 0; border-right: 10px solid #fff;border-top: 10px solid transparent;border-bottom: 10px solid transparent;position: absolute;right:0;top: 45%;z-index: 9;}
  .zw-box3 li:nth-child(2) dt:after,.zw-box3 li:nth-child(4) dt:after{display: inline-block;content: '';width: 0;height: 0; border-left: 10px solid #fff;border-top: 10px solid transparent;border-bottom: 10px solid transparent;position: absolute;left:0;top: 45%;z-index: 9;}

}
@media (max-width: 1024px) {
    footer .nav{display: none;}
}
@media (max-width: 1005px){
  .zw-box1 p{width: 75%;}
}

header .close-nav{position: fixed;top: 0;left: 0;background: rgba(0,0,0,0.6);width: 100%;height: 100%;z-index: 8;visibility: hidden;opacity: 0;transition: all 0.5s ease-in-out;}
header .close-open{visibility: visible;opacity: 1;}
header .nav-open{transform: translateX(0);}
.body-hidden{overflow: hidden!important;}

@media (max-width: 991px){
  nav{position: fixed;left: 0;top:0;bottom:0;z-index: 9;background: #f5f5f5;width: 230px;box-shadow: 0 0 5px #555;padding-top: 20px;overflow: auto;transform: translateX(-240px);transition: all 0.5s ease-in-out;}
  nav a{display: block;}
  nav h5 a{padding-left: 15px;line-height: 40px;font-size:16px;font-weight: normal;border-bottom: 1px solid #eee;}
  nav ul a{padding-left: 25px;line-height: 30px;border-bottom: 1px dashed #eee;color: #666;}
  nav a:hover{background: #0e4ba4;color: #fff;}
  header .nav-button{float: right;margin-top: 24px;margin-right: 20px;font-size: 26px;cursor: pointer;}
  header{padding-bottom: 10px;}
  header .search{float: right;margin-top: 20px;}
.articleconten, .contactconten, .newslist, .prolist, .pronr,.rightsidebar,.faqlist,.projectlist{width:100%}
.articleconten, .rightsidebar, .contactconten, .newslist, .prolist, .faqlist, .projectlist{margin-bottom:10px}
  .lang {margin-right: 20px;}
}

@media (max-width: 768px) {
  .warper{width: 97%;}
  #main .title h1 ,.zw-box1 h1{font-size: 30px;}
  .zw-box1 p{width: 100%;height: 50px;overflow: hidden;}
  .zw-box1{text-align: center;}
  .col-7,.col-5{width: 100%;}
  .zw-box4 .about{margin-bottom: 30px;}
  .hover li{width: 33.333333%;margin-bottom: 15px;}
  footer .nav{display: none;}
  footer .copyright p{width: 100%;text-align: center;}
  .pronr-tr-send a{width:40%;}
  .row{margin-left:0;margin-right: 0;}
  .zw-box5  ul{height:150px; overflow:hidden;}
}
@media (max-width: 640px){
  .zw-box6 h3 {margin-bottom: 10px;margin-top: 20px;}
  section{padding: 35px 0;}
  .zw-box1 h1,#container .title h1{font-size: 30px;}
  .zw-box3 li p{display: none;}
  .zw-box3 li h4{font-size: 12px;margin-bottom: 5px;}
  .zw-box3 li dd{padding: 15px;}
  .zw-box4 .about dd{width: 70%;}
  .zw-box4 .about dd p{height: 45px;overflow: hidden;}
  .col-6,.projectlist ul li dl,.projectlist ul li img{width: 100%;}
  footer .message{margin-bottom: 30px;}
  .projectlist ul li, .prolist ul li{width:48%;margin-right: 2%;}
  .pronr-top-left{width:70%;}
  .pronr-top-right{width:100%;}
  .pronr-title li{width:50%;border-right:1px solid #ccc;border-bottom:1px solid #ccc}
  .newslist  ul li dl dd{height:46px; overflow:hidden;}
  .zw-box5  ul{height:130px; overflow:hidden;}

}
@media (max-width: 480px){
  #main .title h1 ,.zw-box1 h1{font-size: 26px;}
 .pronr-top-left{width:100%;}
 .pronr-top-right ul li span{float: none;}
 .newslist  ul li dl dd{height:20px; overflow:hidden;}
 .newslist .news_list_more, .pro_list_more{width:40%;}
  .lang {margin-right: 6px; margin-top: 24px;}
  #scrollTop .scrollTop{width:60px; height:60px;}
   #scrollTop span{display:none;}
   #scrollTop i{bottom:2px;}
   .zw-box5 ul li:last-child{display:none;}
   .zw-box5  ul{height:310px;}
   .zw-box5  ul li{width:50%;}



}
@media (max-width: 414px){
  .lang {margin-right: 0px; margin-top: 0px;}
    .logo img{width:80%;}
   .zw-box1{text-align: center;}
    .pronr-tr-send a{width:48%;}
    .newslist img{width:98%;}
    .newslist  ul li dl dd{height:68px; overflow:hidden;}
    .newslist  ul li dl{width:100%;}
    .zw-box6 .message li{width:100%;}
    .zw-box5  ul{height:250px;}

   

}
@media (max-width: 321px){
  img{width:100%;}
  .projectlist ul li, .prolist ul li,.prolist ul li dl{width:100%}
}