body{ background: #eaf2f5;}
.wzbox{ background: #ffffff; height: 50px;}
.wzcont{ width: 1200px; margin: 0 auto; line-height: 50px; color: #666666;}
.box1{ width: 1200px;  /*margin: 18px auto 0 auto;*/margin: 10px auto 0 auto; padding: 30px; overflow: hidden;}
.b1left{ float: left; width: 360px; background: #f6fafb;}
.b1right{ float: right; width: 762px;}
.b1lefttop{ height: 30px; text-align: center; cursor: pointer; line-height: 30px; background: #eaf2f5;}
.b1leftbot{ height: 30px; text-align: center; cursor: pointer;line-height: 30px; background: #eaf2f5;}
.lefttop{ transform: rotate(180deg); display: inline-block;}
.b1leftcenter{ height: 520px; overflow: hidden; background: #eaf2f5;}
.b1leftcentercont{ height: auto;}
.b1leftcenteritem{ height: 165px; background: #f6fafb; margin-bottom: 18px; padding: 18px; box-sizing: border-box;}
.b1centertitle{ height: 34px; line-height: 34px; overflow: hidden;}
.b1centertitle a{ font-size: 16px;}
.b1leftcenteritem p{ color: #666666; margin-top: 5px; line-height: 150%; display: block; height: 70px; overflow: hidden;}
.b1rightitem{ height: 280px; overflow: hidden; margin-bottom: 20px;}
.b1rightitem:last-child{ margin-bottom: 0;}
.b1rightleft{ float: left; height: 280px; width: 469px; background: #eaf2f5; overflow: hidden;}
.b1rightleft img{ display: block; height: 280px; width: 469px;}
.b1rightright{ background: #f6fafb; width: 293px; float: left; height: 280px;  padding: 30px;}
.b1righttitle{ height: 30px;  line-height: 30px; overflow: hidden;}
.b1righttitle a{ font-size: 16px;}
.b1rightright p{ display: block; margin-top: 5px; overflow: hidden; height: 135px; line-height: 150%; color: #666666;}
.b1rightbot{ text-align: right; color: #18a6a5;}
.b1rightbot a{  color: #18a6a5;}

.box2{ width: 1200px; margin: 0 auto 0 auto;}
.box2title{  padding-top: 15px;  font-size: 24px; text-align: center;}
.box2nav{ text-align: center; padding-top: 15px;}
.box2nav a{ display: inline-block; font-size: 15px; margin: 0 30px;}
.box2nav a.on{ color: #18a6a5;}
.hdlist{ overflow: hidden; padding-left: 15px; margin-top: 18px;}
.hditem{ width: 366px; height: 299px; margin-bottom: 30px; margin-left: 19px; text-align: center; float: left;}
.hditem:nth-child(3n){ margin-right: 0;}
.hdpic{ height: 250px; background: #ebf2f5;}
.hdpic a{ display: block; height: 250px; overflow: hidden;}
.hdpic a img{ display: block; width: 100%; height: 250px;}
.hdname{ height: 50px; line-height: 50px; overflow: hidden;}

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

        width: 113%;
    }
}
@media screen and (max-width:970px) {
    body{

        width: 127%;
    }
}
@media screen and (max-width:600px) {
    body{

        width: 307%;
    }
}

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

        width: 333%;
    }
}