.topbar {width:100%; height: 36px; line-height: 36px; color: #333; border-bottom: 1px solid #dedede; background: #fff;}
.topmain {width: 1000px; height: 36px; line-height: 36px; margin: 0 auto;}
.bar_left {width:50%; height: 36px; line-height: 36px; float: left; text-indent: 5px; color: #333;}

.headbox {width: 100%; height: 120px; border-bottom: 1px solid #eee;}
.header {width:1000px; height:120px; margin:0 auto; background: #fff;}
.header .chlogo {padding: 15px 0 0 0;}

.zzwrap .protit {width: 100%; height: 70px; line-height: 70px; clear: both; text-align: center; color: #003366; font-size: 26px;}
.prolist {width: 1000px; margin: 0 auto;}
.prolist dl {width: 250px; float: left; padding-bottom: 10px;}
.prolist dl dt {padding-left: 5%;}
.prolist dl dt img {width: 95%;}
.prolist dl dd {width: 90%; height: 28px; line-height: 28px; padding-left: 10px; overflow: hidden; text-align: center; color: #666;}

.xxwrap {width: 100%; clear: both; background: #2e4466;}
.aboutus {width: 1000px; margin: 0 auto; color: #fff;}
.aboutus .autit {width: 100%; height: 100px; line-height: 100px; padding-top: 10px; text-align: center; color: #fff; font-size: 30px;}
.aboutus p {line-height: 32px; padding: 0 6px 10px 6px; font-size: 16px;}

.arzuilist {margin-bottom: 10px; background: #fff;}
.arzuilist .artit {width: 100%; height: 70px; line-height: 70px; clear: both; text-align: center; color: #003366; font-size: 26px; background: #eee;}

.arzuilist .arzuijin {width: 1000px; margin: 0 auto;}
.arzuilist .arzuijin dl {width: 100%; height: 120px; padding: 10px 0; border-bottom: 1px dashed #ddd;}
.arzuilist .arzuijin dl dt {width: 160px; height: 120px; float: left;}
.arzuilist .arzuijin dl dt a img {width: 160px; height: 120px;}
.arzuilist .arzuijin dl dd {width: calc(100% - 165px); height: 120px; padding-left: 5px; float: left;}
.arzuilist .arzuijin dl dd a {color: #666;}
.arzuilist .arzuijin dl dd .tti {width: 100%; height: 60px; line-height: 20px; padding-top: 10px; overflow: hidden;}
.arzuilist .arzuijin dl dd .tti a {font-size: 15px; font-weight: bold; color: #333;}
.arzuilist .arzuijin dl dd .ddinfo {width: 100%; height: 40px; line-height: 40px; padding-top: 10px;}
.arzuilist .arzuijin dl dd .ddinfo .tcat {float: left; font-size: 12px; color: #666;}
.arzuilist .arzuijin dl dd .ddinfo .ttime {float: right; padding-right: 10px; font-size: 12px; color: #666;}

.wlbox {width: 1000px; margin: 0 auto; padding-top: 10px; background: #fff;}
.wlist {width: 50%; margin-top: 30px; float: left;}
.wlist h3 {height: 35px; line-height: 35px; margin-right: 20px; text-indent: 10px; border-bottom: 1px solid #ccc;}
.wlist h3 .circle {display: inline-block; border-radius: 50%; border: 5px solid #06a2b5;}
.wlist h3 .hctit {padding-left: 5px; font-size: 15px;}
.wlist ul li {width: calc(100% - 20px); height: 35px; line-height: 35px; display: inline-block; margin-right: 20px; overflow: hidden; text-indent: 8px; border-bottom: 1px dashed #ddd;}
.wlist ul li a {color: #333;}
.wlist ul li a:hover {color: #ff5a00;}

.bottom {width: 100%; line-height: 28px; margin-top: 20px; padding: 10px 0 5px 0; color: #999; background: #f2f2f2;}
.hotcity{width: 99%; margin: 0 auto; overflow: hidden;}
.hotcity span {color: #999;}
.hotcity a{display: inline-block; margin: 0 3px; color: #999;}
.hotcity a:hover{ color:#c00;}

.footer {padding:10px 0; margin-bottom: 60px; clear: both; text-align: center; color:#999; background: #333;}
.footer .icp a {color: #999;}

.phbox {width: 100%; height: 60px; line-height: 60px; position: fixed; bottom: 0; text-align: center; font-size: 16px; color: #fff; background: linear-gradient(#de063e, #de5677);}

.phbox .lyspan {width: 40%; height: 60px; display: inline-block; float: left;}
.phbox .shuxian {width: 0; height: 40px; display: inline-block; float: left; margin-top: 10px; border-left: 1px solid #eee;}
.phbox .telspan {width: calc(60% - 1px); height: 60px; display: inline-block; float: left; color: #fff;}
.phbox .phone_tubiao {vertical-align: text-top;}
.phbox .liuyan_tubiao {vertical-align: text-top;}

.phbox .lyonly {width: 100%; height: 60px; line-height: 60px; display: inline-block; color: #fff;}
.phbox .phonly {width: 100%; height: 60px; line-height: 60px; display: inline-block; color: #fff;}

.phbox .add_weixin_btn {width: 40%; height: 60px; display: inline-block; float: left; color: #fff;}

.clearboth {clear: both;}

@media screen and (max-width: 1000px) {

    .topmain {width: 100%;}

    .headbox {height: 60px;}
    .header {width: 100%; height: 60px;}
    .header .chlogo {height: 40px; padding: 10px 0 0 5px;}

    .prolist {width: 100%;}
    .prolist dl {width: 50%;}

    .aboutus {width: 100%;}

    .arzuilist .arzuijin {width: 100%;}
    .arzuilist .arzuijin dl {height: 75px;}
    .arzuilist .arzuijin dl dt {width: 110px; height: 75px;}
    .arzuilist .arzuijin dl dt a img {width: 100px; height: 75px; padding-left: 5px;}
    .arzuilist .arzuijin dl dd {width: calc(100% - 118px); height: 75px;}
    .arzuilist .arzuijin dl dd .tti {height: 40px; padding-top: 5px;}
    .arzuilist .arzuijin dl dd .tti a {font-size: 13px;}
    .arzuilist .arzuijin dl dd .ddinfo {height: 25px; line-height: 25px; padding-top: 5px;}

    .wlbox {width: 100%;}
    .wlist  {width: 100%; margin-top: 10px;}
}