.container{}


.box1 ul li{width:19%; margin-right:1.25%; margin-top:1.25%;float: left;position: relative;}
.box1 ul li:nth-child(5){margin-right:0;}
.box1 ul li em{position: absolute;width:48px;height:48px;background:url(/images/pic-5.png) no-repeat center;left:50%;top:50%;margin-top:-24px;margin-left:-24px;-moz-transform:rotate(0deg) scale(.2);-webkit-transform:rotate(0deg) scale(.2);transform:rotate(0deg) scale(.2);transition:.5s ease-in-out;-webkit-transition:.5s ease-in-out;-moz-transition:.5s ease-in-out;opacity: 0;}
.box1 ul li:hover em{-moz-transform:rotate(360deg) scale(1);-webkit-transform:rotate(360deg) scale(1);transform:rotate(360deg) scale(1);visibility:visible;opacity: 1}

.box1 ul li .pic{overflow:hidden;}
.box1 ul li .pic img{transition: all 0.5s;-moz-transition: all 0.5s;-webkit-transition:all 0.5s;-o-transition:all 0.5s;}
.box1 ul li:hover .pic img{transform: scale(1.1);-ms-transform: scale(1.1);-moz-transform: scale(1.1);-webkit-transform: scale(1.1);-o-transform: scale(1.1);}




@media all and (max-width:1540px){
	.box1{margin-top:0;}
	.box1 ul li{width:19%; margin-right:1.25%; margin-top:1.25%;}
}
@media all and (max-width:1100px){
	.box1 ul li em{width:24px;height:24px;margin-top:-12px;margin-left:-12px;border-radius:50%;}
}

@media all and (max-width:800px){
	.box1 ul li{margin-top:10px;}
}

.box2{margin-top:120px;height:715px;}
.box2 .title{text-align: center;}
.box2 .title .h1{font-size:30px;line-height:30px;margin-bottom:20px;color:#565656;}
.box2 .title .h2{font-size:36px;line-height:36px;font-weight:bold;color:#262b3b;margin-bottom:20px;}
.box2 .title .p{font-size:18px;line-height:30px;color:#838383;width:900px;margin:0 auto 36px;}
.box2 .title .m{font-size:16px;line-height:16px;color:#6395aa;text-transform:uppercase;font-family: myFont3;}
.box2 .title .m a{color:#6395aa;}
.box2 .b2-b{margin-top:95px;}
.box2 .b2-b ul li{float: left;width:200px;text-align:center;margin-right:58px;}
.box2 .b2-b ul li .pic{height:165px;}
.box2 .b2-b ul li .txt .h{font-size:22px;line-height:22px;color:#262b3b;margin-bottom:24px;}
.box2 .b2-b ul li .txt .p{font-size:16px;line-height:22px;color:#a0a1a6;}
.box2 .b2-b ul li:nth-child(6){margin-right:0;}

.box2 .b2-b ul li .pic img{transition: all 0.4s;}
.box2 .b2-b ul li:hover .pic img{transform: rotateY(180deg);}

@media all and (max-width:1540px){
	.box2 .b2-b ul{display:-webkit-flex;display:flex;justify-content:space-between;}
	.box2 .b2-b ul li{margin-right:auto;}
}

@media all and (max-width:1100px){
	.box2{height:auto;margin-top:80px;}
    .box2 .title .p{margin: 0 5% 36px;width: auto;}
    .box2 .b2-b ul{flex-wrap: wrap;justify-content:space-around;}
    .box2 .b2-b ul li{width:33.333%;margin-bottom:50px;}
    .box2 .b2-b{margin-top:55px;}
}

@media all and (max-width:800px){
	.box2{margin-top:30px;}
	.box2 .title .h1{font-size:22px;margin-bottom:5px;}
	.box2 .title .h2{font-size:24px;line-height:30px;margin-bottom:10px;}
	.box2 .title .p{font-size:14px;line-height:24px;margin: 0 5% 16px;}
	.box2 .b2-b{margin-top:35px;}
	.box2 .b2-b ul li{margin-bottom:30px;}
}

@media all and (max-width:600px){
	.box2 .title .p{margin: 0 2% 16px;}
	.box2 .b2-b{margin-top:10px;}
	.box2 .b2-b ul li{width:50%;margin-bottom:15px;}
	.box2 .b2-b ul li .pic{height:95px;}
	.box2 .b2-b ul li .pic img{transform: scale(0.6);}
	.box2 .b2-b ul li:hover .pic img {transform: scale(0.6);}
	.box2 .b2-b ul li .txt .h{font-size: 18px;margin-bottom:10px;}
	.box2 .b2-b ul li .txt .p{font-size:14px;}
	
}


.box3{padding-top:120px;background:#edeef3;padding-bottom:120px;}
.box3 .title .h{font-size:36px;line-height:36px;color:#262b3b;text-align: center;margin-bottom:102px;font-weight:bold;}
.box3 .b3-b ul li{float: left;width:347px;border-radius:10px;margin-right:34px;overflow:hidden;}
.box3 .b3-b ul li .txt{background:#fff;padding:32px 24px 30px 24px;}
.box3 .b3-b ul li:nth-child(4){margin-right:0;}
.box3 .b3-b ul li .txt .h{font-size:16px; line-height:16px; font-weight:bold; color:#262b3b; margin-bottom:12px;font-family: myFont6;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.box3 .b3-b ul li .txt .p{ font-size:14px; line-height:24px; color:#acacac; margin-bottom:32px;height:48px;overflow:hidden;font-family: myFont6;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;text-overflow: ellipsis;}
.box3 .b3-b ul li .txt .m{font-size:14px; line-height:14px;color:#636363;font-family: myFont3;}
.box3 .b3-b ul li .txt .m a{color:#636363; text-transform:uppercase;}
.box3 .b3-b ul li .txt .m a:hover{color: #6395aa;}

.box3 .b3-b ul li .pic{overflow:hidden;}
.box3 .b3-b ul li .pic img{transition: all 0.5s;-moz-transition: all 0.5s;-webkit-transition:all 0.5s;-o-transition:all 0.5s;}
.box3 .b3-b ul li:hover .pic img{transform: scale(1.1);-ms-transform: scale(1.1);-moz-transform: scale(1.1);-webkit-transform: scale(1.1);-o-transform: scale(1.1);}


@media all and (max-width:1540px){
	.box3 .b3-b ul li{width:23%;margin-right:2.666%;}
}

@media all and (max-width:1100px){
	.box3{padding-top:80px;padding-bottom:80px;margin-top:40px;}
	.box3 .title .h{margin-bottom:72px;}
	.box3 .b3-b ul li .txt{padding:22px 14px 20px;}
	.box3 .b3-b ul li .txt .p{margin-bottom:18px;}
}

@media all and (max-width:800px){
	.box3{padding-top:40px;padding-bottom:40px;margin-top:10px;}
	.box3 .title .h{font-size:22px;margin-bottom:35px;}
}
@media all and (max-width:700px){
	
	.box3 .b3-b ul li{width:49%;margin-right:0;margin-bottom:2%;}
	.box3 .b3-b ul li:nth-child(2n){float: right;}
}

@media all and (max-width:499px){
	.box3{padding-top:30px;padding-bottom:30px;margin-top:20px;}
	.box3 .title .h{margin-bottom:25px;}
}

.box4{position: relative;overflow: hidden;}
.box4 .txt{position: absolute;width:100%;left:0;bottom:1rem;font-family: myFont7;}
.box4 .txt .h{font-size:26px;line-height:36px;color:#fff;margin-bottom:20px;}
.box4 .txt .e{font-size:20px;line-height:24px;color:#fff;}
.box4 img{-moz-transition:20s linear;-webkit-transition:20s linear;transition:20s linear;}
.box4:hover img{-moz-transform: scale(1.2);-webkit-transform: scale(1.2);transform: scale(1.2);}

@media all and (max-width:800px){
	.box4 .txt .h{font-size:16px;line-height:22px;margin-bottom:10px;}
	.box4 .txt .e{font-size:13px;line-height:20px;}
}

@media all and (max-width:600px){
	.box4 .txt{bottom:0.5rem;}
	.box4 .txt .h{font-size:13px;line-height:18px;margin-bottom:5px;}
	.box4 .txt .e{font-size:10px;line-height:16px;}
}

.box5{margin-top:110px;margin-bottom:100px;}
.box5 .bd ul li{width:470px;float: left;margin-right:40px;}
.box5 .bd ul li .pic{width:161px;float: left;}
.box5 .bd ul li .txt{width:290px;float: right;}
.box5 .bd ul li .txt .d{font-size:22px;line-height:22px;color:#8b8b8b;margin-bottom:25px;font-family: myFont8;font-weight:lighter;}
.box5 .bd ul li .txt .h{font-size:16px;line-height:22px;color:#3e3e3e;margin-bottom:16px;font-family: myFont7;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;height:22px;}
.box5 .bd ul li .txt .p{font-size:14px;line-height:22px;color:#666;margin-bottom:26px;height:66px;overflow:hidden;font-family: myFont6;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;text-overflow: ellipsis;}
.box5 .bd ul li .txt .m{font-size:12px;line-height:22px;color:#6395aa;text-transform: uppercase;font-family: myFont3;font-weight:lighter;}

.box5 .bd ul li .pic{overflow:hidden;}
.box5 .bd ul li .pic img{transition: all 0.5s;-moz-transition: all 0.5s;-webkit-transition:all 0.5s;-o-transition:all 0.5s;}
.box5 .bd ul li:hover .pic img{transform: scale(1.1);-ms-transform: scale(1.1);-moz-transform: scale(1.1);-webkit-transform: scale(1.1);-o-transform: scale(1.1);}

.box5 .hd{margin-top:80px;}
.box5 .hd ul{width: 100%;height:12px;text-align:center;}
.box5 .hd ul li{display: inline-block;width:12px; height:12px;border-radius:50%;border:1px solid #bababa;text-indent:999em; overflow:hidden; margin:0 7px;cursor: pointer;transition: all 0.5s;}
.box5 .hd ul .on{background:#6395aa;border:1px solid #6395aa;}

@media all and (max-width:1540px){
	.box5 .bd ul li{width:32%;margin-right:40px;}
	.box5 .bd ul li .pic{width:161px;margin-right:20px;}
	.box5 .bd ul li .txt{float:none;overflow: hidden;width: auto;}
}

@media all and (max-width:1100px){
	.box5{margin-top:80px;margin-bottom:70px;}
	.box5 .bd ul li .txt .h{}
	.box5 .bd ul li{width:53%;margin:0;margin-right:0;padding:0 1%;box-sizing:border-box;}
	.box5 .hd{margin-top:60px;}
}

@media all and (max-width:800px){
	.box5{margin-top:50px;margin-bottom:40px;}
	.box5 .hd{margin-top:40px;}
}

@media all and (max-width:660px){
	.box5{margin-top:40px;margin-bottom:30px;}
	.box5 .hd{margin-top:30px;}
	.box5 .bd ul li{width:100%;padding:0;}
	.box5 .bd ul li .pic{margin-right:10px;}
}