.head .navbox .navList a:nth-child(7) {color:#fff!important;}
.head .navbox .navList a:nth-child(7)::before,.head .navbox .navList a:nth-child(7)::after {transform:scale(1);}
.navoutwrap .navboxs {width:400px;}
.box1 {margin-top:90px;}
.box1 .wrap {width:1200px;margin:0 auto;}
.box1 .wrap .chosebox {}
.box1 .wrap .chosebox select {width:378px;height:60px;float:left;display:block;margin-right:33px;font-size:18px;box-sizing:border-box;padding-left:44px;padding-right:10px;border:none;background-color:#edf0f2;appearance:none;-moz-appearance:none;-webkit-appearance:none;background-image:url(../images/use-03.png);background-position:89.417% center;padding-right:11%;background-repeat:no-repeat;}
.box1 .wrap .chosebox select::-ms-expand {display:none;}
.box1 .wrap .chosebox select:last-child {margin-right:0;}
.box2 {margin-top:74px;margin-bottom:50px;}
.box2 .wrap {width:1200px;margin:0 auto;}
.box2 .wrap li {float:left;width:378px;margin-right:33px;margin-bottom:33px;}
.box2 .wrap li a {display:block;}
.box2 .wrap li .imgbox {width:100%;height:238px;overflow:hidden;}
.box2 .wrap li .imgbox img {width:100%;transition:all .3s;}
.box2 .wrap li .textbox {transition:all .3s;background:#edf0f2;padding:16px 24px 0 24px;color:#666;border:1px solid rgba(227,227,228,0.5);border-top:none;}
.box2 .wrap li .textbox .tl {line-height:56px;font-size:24px;border-bottom:1px solid #fff;}
.box2 .wrap li .textbox .more {line-height:56px;background-position:95.2% center;background-image:url(../images/use-05.png);background-repeat:no-repeat;}
.box2 .wrap li:hover .imgbox img {transform:scale(1.02,1.02);}
.box2 .wrap li:hover .textbox {background:#005ba0;color:#fff;}
.box2 .wrap li:nth-child(3n) {margin-right:0;}
.box3 {background:#f0f2f5;overflow:hidden;}
.box3 .wrap {width:1200px;padding:80px 96px;box-sizing:border-box;margin:66px auto 144px auto;background:#fff;overflow:hidden;}
.box3 .wrap .title {margin:77px 0 50px 0;background:url(../images/use-06.png) no-repeat;background-position:left center;padding-left:53px;font-size:40px;color:#333;line-height:40px;}
.box3 .wrap .content {padding:60px 53px;line-height:2;border-top:1px solid #e5e5e5;border-bottom:1px solid #e5e5e5;}
.box3 .wrap .content .tl {color:#005ba0;font-size:16px;}
.box3 .wrap .content .tl span {color:#666;font-size:14px;}
.box3 .wrap .content .txt {color:#666;}
.box3 .wrap .pagewrap2 {margin:68px 0 178px 0;}
.box3 .wrap .pagewrap2 .left {float:left;width:858px;color:#4D4D4D;}
.box3 .wrap .pagewrap2 .left a {white-space:nowrap;text-overflow:ellipsis;overflow:hidden;-ms-text-overflow:ellipsis;display:block;font-size:14px;line-height:14px;margin-bottom:22px;}
.box3 .wrap .pagewrap2 .left a:last-child {margin-bottom:0;}
.box3 .wrap .pagewrap2 .right {float:right;width:150px;height:50px;display:block;text-align:center;line-height:50px;background:#005ba0;color:#fff;}
.box3 .wrap .pagewrap2 .right:hover {opacity:.8;}
.pagewrap2 {margin-bottom:132px;}
@media screen and (min-width:100px) and (max-width:1024px) {.box1 {margin-top:44px;}
.box1 .wrap {width:90%;}
.box1 .wrap .chosebox select {width:100%;height:36px;float:none;margin-right:0;font-size:16px;margin-bottom:3vw;}
.box1 .wrap .chosebox select:last-child {margin-bottom:0;}
.box2 {margin:44px auto 0 auto;}
.box2 .wrap {width:90%;}
.box2 .wrap li {float:none;width:100%;margin-right:0;margin-bottom:3vw;}
.box2 .wrap li .imgbox {width:100%;height:auto;max-height:300px;}
.box2 .wrap li .textbox {padding:6px 24px;color:#666;border:1px solid rgba(227,227,228,0.5);border-top:none;}
.box2 .wrap li .textbox .tl {line-height:32px;font-size:16px;border-bottom:1px solid #fff;}
.box2 .wrap li .textbox .more {line-height:32px;background-position:95.2% center;background-image:url(../images/use-05.png);background-repeat:no-repeat;}
.box2 .wrap li:hover .imgbox img {transform:scale(1.02,1.02);}
.box2 .wrap li:hover .textbox {background:#005ba0;color:#fff;}
.box2 .wrap li:nth-child(3n) {margin-right:0;}
.box3 {background:#f0f2f5;overflow:hidden;}
.box3 .wrap {width:90%;padding:44px 3%;margin:44px auto;}
.box3 .wrap .content {padding:0 0px;}
.box3 .wrap .content .txt {font-size:14px;line-height:24px;}
.box3 .wrap .title {margin:0 0 22px 0;background:url(../images/use-06.png) no-repeat;background-size:auto 20px;background-position:left center;padding-left:30px;font-size:24px;line-height:26px;}
.box3 .wrap .pagewrap2 {margin:22px 0 44px 0;}
.box3 .wrap .pagewrap2 .left {width:70%;}
.box3 .wrap .pagewrap2 .right {width:30%;max-width:150px;}
.loadmore {margin-bottom:44px;}
.box3 .wrap .pagewrap2 .left a {margin-bottom:16px;}
.box3 .wrap .pagewrap2 .right {height:44px;line-height:44px;}
.box3 .wrap .content img {display:block;max-width:100%;margin:0 auto;height:auto !important;}
}
@media screen and (min-width:640px) and (max-width:1024px) {.box2 .wrap li {width:48.5%;margin-right:3%;float:left;}
.box2 .wrap li:nth-child(2n),.box2 .wrap li:nth-child(6n) {margin-right:0;}
.box2 .wrap li:nth-child(3n) {margin-right:3%;}
}
.box3 .wrap .title{ background: none;line-height: 1.5;text-align: center;margin: 30px 0 30px 0;}
.box3 .wrap .data{ font-size: 14px;color: #aaa;text-align: center;margin-bottom: 26px;}
.box3 .wrap .data span{ margin: 0 40px;}
img{ display: inline-block;}

@media screen and (max-width: 1024px) and (min-width: 100px){
.box3 .wrap .title{ padding-left: 0;margin: 10px 0;}
.box3 .wrap .data span{ margin: 0 10px;}
.box3 .wrap .content{ padding: 1.4rem 33px;}
img{ width: 100%; height: auto;}
}