@charset "utf-8";
/* CSS Document */
html,body{ width:100%; height:100%;}
body{ font-family:"Microsoft YaHei","微软雅黑","Helvetica Neue", Helvetica, Arial, sans-serif; font-size:16px; line-height:1.15; color:#333; background-color:#fff; overflow-x:hidden;}
a{ text-decoration:none; color:#333;-webkit-tap-highlight-color:transparent;}
*{ list-style:none; margin:0; outline:none; padding:0; border:none;}
.fl{ float:left;}
.fr{ float:right;}
.ov{ overflow:hidden;}
.dis{ display:block !important;}
.dn{ display:none;}
.clear{ clear:both;}
.clear:after{ content:""; display:block; clear:both;}
input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{ color:#999;} 
input:-moz-placeholder,textarea:-moz-placeholder{ color:#999;} 
input::-moz-placeholder,textarea::-moz-placeholder{ color:#999;} 
input:-ms-input-placeholder,textarea:-ms-input-placeholder{ color:#999;} 
input,select,textarea{ -webkit-appearance:none; color:#333;}
input[type=radio]{ -webkit-appearance:radio;}
input[type=checkbox]{ -webkit-appearance:checkbox;}

/*header*/
@media screen and (min-width:1440px){
.header{ width:100%; height:110px; position:fixed; left:0; top:0; z-index:99; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.header.pos{ background-color:rgba(255,255,255,.9); height:90px;}
.header .logo{ width:210px; height:100%;position:relative; z-index:3; float:left; background-color:#fff; border-bottom-right-radius:20px;}
.header .logo a{ width:100%; height:100%; overflow:hidden; display:flex; align-items:center; }
.header .logo img{ display:block; height:70px; margin:auto;}
.header .menuBox{ height:100%; float:left; position:relative;}
.header .menuBox ul{ width:100%; height:100%;}
.header .menuBox ul li{ margin-left:3.125vw; float:left; height:100%; display:flex; align-items:center; position:relative;}
.header .menuBox ul li>a{ display:block; color:#fff; z-index:3; position:relative; line-height:58px; height:58px; font-size:16px; text-transform:uppercase; padding:0 10px;}
.header .menuBox ul li.on b{ width:100%; height:2px; position:absolute; left:0; bottom:0; background-color:#E0A643; overflow:hidden;}
.header .menuBox ul li>a:hover{ color:#E0A643;}
.header .menuBox ul li span{ display:none;}
.header .menuBox ul li p{ width:100%; min-width:200px; box-sizing:border-box; padding:10px; background-color:#f5f5f5; position:absolute; left:-20px; top:70px;-webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s; opacity:0; height:0; overflow:hidden; border-bottom-left-radius:10px; border-bottom-right-radius:10px;}
.header .menuBox ul li:nth-child(3) p{ width:400px;}
.header .menuBox ul li:hover p{ top:100%; opacity:1; height:auto;}
.header .menuBox ul li p a{ padding:0 20px; display:block; overflow:hidden; font-size:16px; line-height:36px; height:36px; position:relative;}
.header .menuBox ul li p a:hover{ color:#E0A643;}
.header.pos .menuBox ul li a{ color:#333;}
.header .mNav{ display:none;}
.header .yu{ height:100%; display:flex; align-items:center; float:right; margin-right:3.125vw;}
.header .yu img{ height:28px; float:left; display:block; margin:2px 0;}
.header .yu p{ width:86px; height:30px; border:1px solid #fff; display:flex; justify-content:center; align-items:center; border-radius:5px; overflow:hidden; float:left; margin-left:12px; color:#fff; font-size:16px; margin-right:10px;}
.header .yu p b{ width:6px; height:6px; display:block; background-image:url(../images/sel.png); margin-left:9px;}
.header.pos .yu img{ filter:drop-shadow(#E0A643 10000px 0); transform:translateX(-10000px);}
.header.pos .yu p{ border:1px solid #ddd; color:#333;}
.header.pos .yu p b{ background-image:url(../images/sel01.png);}
}
@media screen and (min-width:1024px) and (max-width:1439px){
.header{ width:100%; height:80px; position:fixed; left:0; top:0; z-index:99; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.header.pos{ background-color:rgba(255,255,255,.9); height:60px;}
.header .logo{ min-width:160px; width:10.9375vw; height:100%; position:relative; z-index:3; float:left; background-color:#fff; border-bottom-right-radius:15px;}
.header .logo a{ width:100%; height:100%; overflow:hidden; display:flex; align-items:center; }
.header .logo img{ display:block; height:50px; margin:auto;}
.header .menuBox{ height:100%; float:left; position:relative;}
.header .menuBox ul{ width:100%; height:100%;}
.header .menuBox ul li{ margin-left:2vw; float:left; height:100%; display:flex; align-items:center; position:relative;}
.header .menuBox ul li>a{ display:block; color:#fff; z-index:3; position:relative; line-height:50px; height:50px; font-size:16px; text-transform:uppercase; padding:0 10px;}
.header .menuBox ul li.on b{ width:100%; height:2px; position:absolute; left:0; bottom:0; background-color:#E0A643; overflow:hidden;}
.header .menuBox ul li>a:hover{ color:#E0A643;}
.header.pos .menuBox ul li a{ color:#333;}
.header .menuBox ul li span{ display:none;}
.header .menuBox ul li p{ width:100%; min-width:200px; box-sizing:border-box; padding:10px; background-color:#f5f5f5; position:absolute; left:-20px; top:70px;-webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s; opacity:0; height:0; overflow:hidden; border-bottom-left-radius:10px; border-bottom-right-radius:10px;}
.header .menuBox ul li:nth-child(3) p{ width:400px;}
.header .menuBox ul li:hover p{ top:100%; opacity:1; height:auto;}
.header .menuBox ul li p a{ padding:0 20px; display:block; overflow:hidden; font-size:15px; line-height:31px; height:31px; position:relative;}
.header .menuBox ul li p a:hover{ color:#E0A643;}
.header .mNav{ display:none;}
.header .yu{ height:100%; display:flex; align-items:center; float:right; margin-right:3.125vw;}
.header .yu img{ height:26px; float:left; display:block; margin:2px 0;}
.header .yu p{ width:84px; height:28px; border:1px solid #fff; display:flex; justify-content:center; align-items:center; border-radius:5px; overflow:hidden; float:left; margin-left:10px; color:#fff; font-size:16px; margin-right:7px;}
.header .yu p b{ width:6px; height:6px; display:block; background-image:url(../images/sel.png); margin-left:9px;}
.header.pos .yu img{ filter:drop-shadow(#E0A643 10000px 0); transform:translateX(-10000px);}
.header.pos .yu p{ border:1px solid #ddd; color:#333;}
.header.pos .yu p b{ background-image:url(../images/sel01.png);}
}
@media only screen and (max-width:1023px){
.header{ width:100%; height:60px; position:fixed; left:0; top:0; z-index:99;}
.header.pos{ background-color:#fff; box-shadow:0 0 10px rgba(0,0,0,.1);}
.header .logo{ width:100px; height:60px; position:relative; z-index:3; float:left; background-color:#fff; border-bottom-right-radius:10px;}
.header .logo img{ display:block; height:40px; margin:10px auto;}
.header .mNav{ display:block; position:relative; z-index:3; height:60px; float:right; width:60px;}
.header .mNav .burger{ width:32px; height:1px; background-color:#fff; position:absolute; top:19px; left:50%; margin:0 0 0 -16px; -webkit-transform-origin:center; transform-origin:center; -webkit-transition:.8s; transition:.8s;}
.header.pos .mNav .burger{ background-color:#333;}
.header .mNav .burger:nth-of-type(2){ top:30px;}
.header .mNav .burger:nth-of-type(3){ top:41px;}
.header .mNav.on .burger:first-of-type{ top:30px; -webkit-transform:rotate(225deg); transform:rotate(225deg);}
.header .mNav.on .burger:nth-of-type(2){ left:-100%; opacity:0;}
.header .mNav.on .burger:nth-of-type(3){ top:30px; -webkit-transform:rotate(-225deg); transform:rotate(-225deg);}
.header .menuBox{ width:100%; height:0; position:absolute; left:0; top:0; z-index:1; background-color:#203567; overflow:hidden; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.header.pos .menuBox{ background-color:#f5f5f5;}
.header .open.menuBox{ height:calc(100vh - 60px); padding-top:60px;}
.header .menuBox ul{ display:block; padding:30px 3%;}
.header .menuBox ul li{ font-size:16px; line-height:26px; display:block; border-bottom:1px solid #eee; position:relative;}
.header.pos .menuBox ul li{ border-bottom:1px solid #ddd;}
.header .menuBox ul li:last-child{ border-bottom:none;}
.header .menuBox ul li>a{ color:#fff; display:block; padding:15px 0;}
.header.pos .menuBox ul li>a{ color:#333;} 
.header .menuBox ul li.on>a{ color:#E0A643;}
.header .menuBox ul li.active>a{ color:#E0A643;}
.header .menuBox ul li span{ display:block; width:16px; padding:17px 15px; position:absolute; right:0; top:0; -webkit-transition:all .3s; -o-transition:all .3s; transition:all .3s;}
.header .menuBox ul li svg{ height:16px; display:block; color:#fff;}
.header.pos .menuBox ul li svg{ color:#666;}
.header .menuBox ul li.active span{ transform:rotate(180deg); -ms-transform:rotate(180deg); -moz-transform:rotate(180deg); -webkit-transform:rotate(180deg); -o-transform:rotate(180deg);}
.header .menuBox ul li p{ padding:10px 25px; background-color:#4e67a2; display:none; text-align:left; overflow:hidden;}
.header.pos .menuBox ul li p{ background-color:#fff;}
.header .menuBox ul li p a{ padding:10px 0; border-bottom:1px solid #ddd; font-size:14px; line-height:18px; display:block; text-transform:capitalize; color:#fff;}
.header.pos .menuBox ul li p a{ color:#333;}
.header .menuBox ul li p a:hover{ color:#e0a643;}
.header .menuBox ul li p a:last-child{ border-bottom:none;}
.header .yu{ height:28px; padding:16px 0; float:right; position:relative; z-index:3;}
.header .yu img{ height:22px; float:left; display:block; margin-top:4px;}
.header .yu p{ width:90px; height:26px; border:1px solid #fff; display:flex; justify-content:center; align-items:center; border-radius:5px; overflow:hidden; float:left; margin-left:7px; color:#fff; font-size:14px; margin-right:5px;}
.header .yu p b{ width:6px; height:6px; display:block; background-image:url(../images/sel.png); margin-left:6px;}
.header.pos .yu img{ filter:drop-shadow(#E0A643 10000px 0); transform:translateX(-10000px);}
.header.pos .yu p{ border:1px solid #ddd; color:#333;}
.header.pos .yu p b{ background-image:url(../images/sel01.png);}
}

/*banner*/
@keyframes slideIn {
	0% {
		-webkit-transform:scale3d(1.3, 1.3, 1.3);
		transform:scale3d(1.3, 1.3, 1.3);
        opacity:0;
	}
	50% {
		-webkit-transform:scale3d(1, 1, 1);
		transform:scale3d(1, 1, 1);
        opacity:1;
	}
	100% {
		-webkit-transform:scale3d(1.3, 1.3, 1.3);
		transform:scale3d(1.3, 1.3, 1.3);
        opacity:1;
	}
}
/* 基础动画定义 */
.animated-circle circle {
	fill: none;
	stroke: #fff;
	stroke-width: 3;
	stroke-dasharray: 180;
	stroke-dashoffset: 200;
	animation: circle-draw 2s linear forwards;
}

@keyframes circle-draw {
	to {
		stroke-dashoffset: 0;
	}
}
.animated-circle,.item img {
  display:none !important;
}

/* 同步控制 */
.item.on .animated-circle,.item.on img {
  display:block !important;
}
@media screen and (min-width:1440px){
.banner{ width:100%; height:100%; position:relative; z-index:1;}
.banner .swiper-container,.banner .swiper-wrapper{ width:100%; height:100%;}
.banner .swiper-container .swiper-slide{ width:100%; height:100%; position:relative; display:block; overflow:hidden;}
.banner .swiper-container .swiper-slide .tu{ width:100%; height:100%; position:relative; z-index:1; -webkit-transform:scale3d(1.3, 1.3, 1.3); transform:scale3d(1.3, 1.3, 1.3);}
.banner .swiper-container .swiper-slide .tu img{ width:100%; height:100%; display:block; object-fit:cover;}
.banner .swiper-container .swiper-slide.swiper-slide-active .tu{ -webkit-animation-duration:5s; animation-duration:5s; -webkit-animation-fill-mode:both; animation-fill-mode:both; -webkit-animation-name:slideIn; animation-name:slideIn;}
.banner .swiper-container .swiper-slide .wen{ width:94%; max-width:1410px; font-size:60px; line-height:68px; color:#fff; font-weight:bold; text-transform:uppercase; position:absolute; left:50%; bottom:270px; transform:translateX(-50%); z-index:3;}
.banner .swiper-pagination{ position:absolute; left:50%; bottom:58px; transform:translateX(-50%); z-index:3;}
.banner .swiper-pagination span{ display:block; float:left; width:60px; height:4px; border-radius:4px; background-color:#DCDCDC; overflow:hidden; margin:0 10px;}
.banner .swiper-pagination span.swiper-pagination-bullet-active{ background-color:#E0A643;}
.banner .list{ width:94%; max-width:1410px; display:block; height:145px; position:absolute; left:50%; bottom:62px; transform:translateX(-50%); z-index:3;}
.banner .list li{ width:27.5%; float:left; margin-left:8.75%; display:block;}
.banner .list li:nth-child(3n+1){ clear:left; float:left; margin-left:0;}
.banner .list li .left{ width:50px; height:60px; position:relative; float:left;}
.banner .list li .left svg{ transform:rotate(210deg); position:absolute; left:-10px; top:-5px;}
.banner .list li .left img{ display:block; margin-left:10px; margin-top:18px;}
.banner .list li .right{ width:calc(100% - 60px); position:relative; float:right; font-size:18px; line-height:24px; color:#fff;}
}
@media screen and (min-width:1024px) and (max-width:1439px){
.banner{ width:100%; height:100%; position:relative; z-index:1;}
.banner .swiper-container,.banner .swiper-wrapper{ width:100%; height:100%;}
.banner .swiper-container .swiper-slide{ width:100%; height:100%; position:relative; display:block; overflow:hidden;}
.banner .swiper-container .swiper-slide .tu{ width:100%; height:100%; position:relative; z-index:1; -webkit-transform:scale3d(1.3, 1.3, 1.3); transform:scale3d(1.3, 1.3, 1.3);}
.banner .swiper-container .swiper-slide .tu img{ width:100%; height:100%; display:block; object-fit:cover;}
.banner .swiper-container .swiper-slide.swiper-slide-active .tu{ -webkit-animation-duration:5s; animation-duration:5s; -webkit-animation-fill-mode:both; animation-fill-mode:both; -webkit-animation-name:slideIn; animation-name:slideIn;}
.banner .swiper-container .swiper-slide .wen{ width:94%; max-width:1410px; font-size:40px; line-height:50px; color:#fff; font-weight:bold; text-transform:uppercase; position:absolute; left:50%; bottom:205px; transform:translateX(-50%); z-index:3;}
.banner .swiper-pagination{ position:absolute; left:50%; bottom:30px; transform:translateX(-50%); z-index:3;}
.banner .swiper-pagination span{ display:block; float:left; width:40px; height:4px; border-radius:4px; background-color:#DCDCDC; overflow:hidden; margin:0 7px;}
.banner .swiper-pagination span.swiper-pagination-bullet-active{ background-color:#E0A643;}
.banner .list{ width:94%; max-width:1410px; display:block; height:145px; position:absolute; left:50%; bottom:34px; transform:translateX(-50%); z-index:3;}
.banner .list li{ width:32%; float:left; margin-left:2%; display:block;}
.banner .list li:nth-child(3n+1){ clear:left; float:left; margin-left:0;}
.banner .list li .left{ width:50px; height:60px; position:relative; float:left;}
.banner .list li .left svg{ transform:rotate(210deg); position:absolute; left:-10px; top:-5px;}
.banner .list li .left img{ display:block; margin-left:10px; margin-top:18px;}
.banner .list li .right{ width:calc(100% - 60px); position:relative; float:right; font-size:16px; line-height:24px; color:#fff;}
}
@media only screen and (max-width:1023px){
.banner{ width:100%; height:100%; position:relative; z-index:1;}
.banner .swiper-container,.banner .swiper-wrapper{ width:100%; height:100%;}
.banner .swiper-container .swiper-slide{ width:100%; height:100%; position:relative; display:block; overflow:hidden;}
.banner .swiper-container .swiper-slide .tu{ width:100%; height:100%; position:relative; z-index:1; -webkit-transform:scale3d(1.3, 1.3, 1.3); transform:scale3d(1.3, 1.3, 1.3);}
.banner .swiper-container .swiper-slide .tu img{ width:100%; height:100%; display:block; object-fit:cover;}
.banner .swiper-container .swiper-slide.swiper-slide-active .tu{ -webkit-animation-duration:5s; animation-duration:5s; -webkit-animation-fill-mode:both; animation-fill-mode:both; -webkit-animation-name:slideIn; animation-name:slideIn;}
.banner .swiper-container .swiper-slide .wen{ width:94%; font-size:24px; line-height:34px; color:#fff; font-weight:bold; text-transform:uppercase; position:absolute; left:3%; top:30%; z-index:3;}
.banner .swiper-pagination{ position:absolute; left:50%; bottom:20px; transform:translateX(-50%); z-index:3;}
.banner .swiper-pagination span{ display:block; float:left; width:20px; height:4px; border-radius:4px; background-color:#DCDCDC; overflow:hidden; margin:0 5px;}
.banner .swiper-pagination span.swiper-pagination-bullet-active{ background-color:#E0A643;}
.banner .list{ width:94%; display:block; position:absolute; left:3%; bottom:40px; z-index:3;}
.banner .list li{ width:100%; float:left; margin-top:10px; display:block;}
.banner .list li .left{ width:50px; height:60px; position:relative; float:left;}
.banner .list li .left svg{ transform:rotate(210deg); position:absolute; left:-10px; top:-5px;}
.banner .list li .left img{ display:block; margin-left:10px; margin-top:18px;}
.banner .list li .right{ width:calc(100% - 60px); position:relative; float:right; font-size:14px; line-height:22px; color:#fff;}
}

/*数据*/
@media screen and (min-width:1440px){
.title{ width:94%; max-width:1410px; margin:auto; position:relative; z-index:3;}
.title .t01{ font-size:42px; line-height:52px; font-weight:bold; float:left;}
.sbox{ width:100%; padding-top:75px; padding-bottom:80px; position:relative; z-index:1; background-color:#fff;}
.sbox .list{ width:94%; max-width:1410px; margin:auto; margin-top:30px; position:relative; z-index:3; background-color:#fff; border:1px solid rgba(0,0,0,0.1); box-shadow:0 0 20px rgba(0,0,0,.1); height:150px; display:flex; align-items:center;}
.sbox .list dd{ display:block; width:2px; height:80px; background-color:#939393; overflow:hidden;}
.sbox .list dt{ display:block; flex:1; text-align:center;}
.sbox .list dt b{ display:block; font-size:36px; line-height:46px; color:#E0A643;}
.sbox .list dt p{ display:block; font-size:16px; line-height:26px; color:#737373; margin-top:10px;}
}
@media screen and (min-width:1024px) and (max-width:1439px){
.title{ width:94%; max-width:1410px; margin:auto; position:relative; z-index:3;}
.title .t01{ font-size:32px; line-height:42px; font-weight:bold; float:left;}
.sbox{ width:100%; padding-top:55px; padding-bottom:60px; position:relative; z-index:1; background-color:#fff;}
.sbox .list{ width:94%; max-width:1410px; margin:auto; margin-top:25px; position:relative; z-index:3; background-color:#fff; border:1px solid rgba(0,0,0,0.1); box-shadow:0 0 15px rgba(0,0,0,.1); height:140px; display:flex; align-items:center;}
.sbox .list dd{ display:block; width:2px; height:70px; background-color:#939393; overflow:hidden;}
.sbox .list dt{ display:block; flex:1; text-align:center;}
.sbox .list dt b{ display:block; font-size:30px; line-height:40px; color:#E0A643;}
.sbox .list dt p{ display:block; font-size:15px; line-height:25px; color:#737373; margin-top:7px;}
}
@media only screen and (max-width:1023px){
.title{ width:94%; max-width:1410px; margin:auto; position:relative; z-index:3;}
.title .t01{ font-size:22px; line-height:32px; font-weight:bold; float:left;}
.sbox{ width:100%; padding-top:35px; padding-bottom:40px; position:relative; z-index:1; background-color:#fff;}
.sbox .list{ width:94%; max-width:1410px; margin:auto; margin-top:15px; position:relative; z-index:3; background-color:#fff; border:1px solid rgba(0,0,0,0.1); box-shadow:0 0 10px rgba(0,0,0,.1); padding:25px 15px; box-sizing:border-box;}
.sbox .list dd{ display:block; width:100%; height:2px; margin:25px 0; background-color:#ddd; overflow:hidden;}
.sbox .list dt{ display:block; flex:1; text-align:center;}
.sbox .list dt b{ display:block; font-size:24px; line-height:34px; color:#E0A643;}
.sbox .list dt p{ display:block; font-size:14px; line-height:24px; color:#737373; margin-top:5px;}
}

/*about*/
@media screen and (min-width:1440px){
.abox{ width:100%; padding-top:75px; padding-bottom:80px; position:relative; z-index:1; background-size:cover; background-position:center; background-repeat:no-repeat; background-color:#f5f5f5; min-height:580px; box-sizing:border-box;}
.abox .box{ width:94%; max-width:1410px; margin:auto; margin-top:25px; position:relative; z-index:3;}
.abox .box .wen{ font-size:16px; line-height:24px; width:48.93%; max-width:690px;}
.abox .box .more{ margin-top:50px;}
.abox .box .more a{ display:block; width:148px; height:38px; line-height:38px; text-align:center; border:2px solid #071E56; border-radius:4px; overflow:hidden; font-size:20px; font-weight:bold; color:#071E56;}
.abox .box .more a:hover{ border:2px solid #E0A643; background-color:#E0A643; color:#fff;}
}
@media screen and (min-width:1024px) and (max-width:1439px){
.abox{ width:100%; padding-top:55px; padding-bottom:60px; position:relative; z-index:1; background-size:cover; background-position:center; background-repeat:no-repeat; background-color:#f5f5f5;}
.abox .box{ width:94%; max-width:1410px; margin:auto; margin-top:20px; position:relative; z-index:3;}
.abox .box .wen{ font-size:15px; line-height:24px; width:50%;}
.abox .box .more{ margin-top:30px;}
.abox .box .more a{ display:block; width:138px; height:36px; line-height:36px; text-align:center; border:2px solid #071E56; border-radius:4px; overflow:hidden; font-size:18px; font-weight:bold; color:#071E56;}
.abox .box .more a:hover{ border:2px solid #E0A643; background-color:#E0A643; color:#fff;}
}
@media only screen and (max-width:1023px){
.abox{ width:100%; padding-top:35px; padding-bottom:40px; position:relative; z-index:1; background-size:cover; background-position:center; background-repeat:no-repeat; background-color:#f5f5f5;}
.abox .box{ width:94%; max-width:1410px; margin:auto; margin-top:10px; position:relative; z-index:3;}
.abox .box .wen{ font-size:14px; line-height:24px; width:80%;}
.abox .box .more{ margin-top:15px;}
.abox .box .more a{ display:block; width:128px; height:34px; line-height:34px; text-align:center; border:1px solid #071E56; border-radius:4px; overflow:hidden; font-size:16px; font-weight:bold; color:#071E56;}
.abox .box .more a:hover{ border:1px solid #E0A643; background-color:#E0A643; color:#fff;}
}

/*product*/
@media screen and (min-width:1440px){
.pbox{ width:100%; padding-top:75px; position:relative; z-index:1; background-color:#fff;}
.pbox .title .swiper-button-next{ width:42px; height:42px; float:right; border-radius:100%; background-color:#ececec; margin-top:5px; cursor:pointer; background-image:url(../images/next.png); background-position:center; background-repeat:no-repeat; margin-left:30px;}
.pbox .title .swiper-button-prev{ width:42px; height:42px; float:right; border-radius:100%; background-color:#ececec; margin-top:5px; cursor:pointer; background-image:url(../images/prev.png); background-position:center; background-repeat:no-repeat;}
.pbox .title .swiper-button-next:hover,.nbox .title .swiper-button-prev:hover{ background-color:#E0A643;}
.pbox .title .swiper-button-next:hover{ background-image:url(../images/next01.png);}
.pbox .title .swiper-button-prev:hover{ background-image:url(../images/prev01.png);}
.pbox .list{ width:94%; max-width:1410px; margin:auto; margin-top:30px; position:relative; z-index:3;}
.pbox .list .swiper-slide{ width:25.39%; height:400px; display:block; float:left; margin-left:2px; position:relative; background-position:center; background-repeat:no-repeat; background-size:cover; overflow:hidden;}
.pbox .list .swiper-slide.on{ width:calc(49.22% - 6px);}
.pbox .list .swiper-slide a{ width:100%; height:100%; display:block; overflow:hidden; position:relative; background-image:url(../images/sbg.png); background-position:top left; background-repeat:repeat-x; padding:60px 30px; box-sizing:border-box;}
.pbox .list .swiper-slide.on a{ background-image:url(../images/sbg01.png);}
.pbox .list .swiper-slide a .bt{ font-size:26px; line-height:36px; color:#fff;}
.pbox .list .swiper-slide a .wen{ font-size:16px; line-height:26px; color:#fff; max-height:156px; margin-top:10px; width:62.42%; text-align:justify; display:none;}
.pbox .list .swiper-slide.on a .wen{ display:block;}
.pbox .list .swiper-slide a .more{ position:absolute; left:30px; bottom:45px; font-size:20px; line-height:30px; font-weight:bold; display:flex; align-items:center; color:#fff;}
.pbox .list .swiper-slide a .more img{ display:block; height:18px; margin-left:10px;}
.pbox .list .swiper-slide.on a .more{ color:#E0A643;}
.pbox .list .swiper-slide.on a .more img{ filter:drop-shadow(#E0A643 10000px 0); transform:translateX(-10000px);}
}
@media screen and (min-width:1024px) and (max-width:1439px){
.pbox{ width:100%; padding-top:55px; position:relative; z-index:1; background-color:#fff;}
.pbox .title .more{ float:left; padding-top:8px; margin-left:20px;}
.pbox .title .more a{ display:flex; align-items:center; font-size:18px; line-height:26px; font-weight:bold; color:#E0A643; border-bottom:2px solid #E0A643;}
.pbox .title .more a img{ display:block; height:16px; margin-left:7px;}
.pbox .title .swiper-button-next{ width:36px; height:36px; float:right; border-radius:100%; background-color:#ececec; margin-top:3px; cursor:pointer; background-image:url(../images/next.png); background-position:center; background-repeat:no-repeat; margin-left:20px; background-size:10px auto;}
.pbox .title .swiper-button-prev{ width:36px; height:36px; float:right; border-radius:100%; background-color:#ececec; margin-top:3px; cursor:pointer; background-image:url(../images/prev.png); background-position:center; background-repeat:no-repeat; background-size:10px auto;}
.pbox .title .swiper-button-next:hover,.nbox .title .swiper-button-prev:hover{ background-color:#E0A643;}
.pbox .title .swiper-button-next:hover{ background-image:url(../images/next01.png);}
.pbox .title .swiper-button-prev:hover{ background-image:url(../images/prev01.png);}

.pbox .list{ width:94%; max-width:1410px; margin:auto; margin-top:25px; position:relative; z-index:3;}
.pbox .list .swiper-slide{ width:25.39%; height:360px; display:block; float:left; margin-left:2px; position:relative; background-position:center; background-repeat:no-repeat; background-size:cover; overflow:hidden;}
.pbox .list .swiper-slide.on{ width:calc(49.22% - 6px);}
.pbox .list .swiper-slide a{ width:100%; height:100%; display:block; overflow:hidden; position:relative; background-image:url(../images/sbg.png); background-position:top left; background-repeat:repeat-x; padding:40px 25px; box-sizing:border-box;}
.pbox .list .swiper-slide.on a{ background-image:url(../images/sbg01.png);}
.pbox .list .swiper-slide a .bt{ font-size:22px; line-height:32px; color:#fff;}
.pbox .list .swiper-slide a .wen{ font-size:15px; line-height:25px; color:#fff; max-height:150px; margin-top:10px; width:70%; text-align:justify; display:none;}
.pbox .list .swiper-slide.on a .wen{ display:block;}
.pbox .list .swiper-slide a .more{ position:absolute; left:25px; bottom:35px; font-size:18px; line-height:28px; font-weight:bold; display:flex; align-items:center; color:#fff;}
.pbox .list .swiper-slide a .more img{ display:block; height:16px; margin-left:7px;}
.pbox .list .swiper-slide.on a .more{ color:#E0A643;}
.pbox .list .swiper-slide.on a .more img{ filter:drop-shadow(#E0A643 10000px 0); transform:translateX(-10000px);}
}
@media only screen and (max-width:1023px){
.pbox{ width:100%; padding-top:35px; position:relative; z-index:1; background-color:#fff;}
.pbox .title .more{ float:left; margin-left:10px;}
.pbox .title .more a{ display:flex; align-items:center; font-size:16px; line-height:24px; font-weight:bold; color:#E0A643; border-bottom:2px solid #E0A643;}
.pbox .title .more a img{ display:block; height:14px; margin-left:5px;}
.pbox .title .swiper-button-next{ width:32px; height:32px; float:right; border-radius:100%; background-color:#ececec; cursor:pointer; background-image:url(../images/next.png); background-position:center; background-repeat:no-repeat; margin-left:10px; background-size:8px auto;}
.pbox .title .swiper-button-prev{ width:32px; height:32px; float:right; border-radius:100%; background-color:#ececec; cursor:pointer; background-image:url(../images/prev.png); background-position:center; background-repeat:no-repeat; background-size:8px auto;}
.pbox .title .swiper-button-next:hover,.nbox .title .swiper-button-prev:hover{ background-color:#E0A643;}
.pbox .title .swiper-button-next:hover{ background-image:url(../images/next01.png);}
.pbox .title .swiper-button-prev:hover{ background-image:url(../images/prev01.png);}

.pbox .list{ width:94%; max-width:1410px; margin:auto; margin-top:15px; position:relative; z-index:3;}
.pbox .list .swiper-slide{ width:100%; height:120px; display:block; float:left; margin-top:2px; position:relative; background-position:center; background-repeat:no-repeat; background-size:cover; overflow:hidden;}
.pbox .list .swiper-slide.on{ height:200px;}
.pbox .list .swiper-slide a{ width:100%; height:100%; display:block; overflow:hidden; position:relative; background-image:url(../images/sbg.png); background-position:top left; background-repeat:repeat-x; padding:20px 15px; box-sizing:border-box;}
.pbox .list .swiper-slide.on a{ background-image:url(../images/sbg01.png);}
.pbox .list .swiper-slide a .bt{ font-size:18px; line-height:28px; color:#fff;}
.pbox .list .swiper-slide a .wen{ font-size:14px; line-height:24px; max-height:96px; color:#fff; margin-top:5px; width:100%; text-align:justify; display:none;}
.pbox .list .swiper-slide.on a .wen{ display:block;}
.pbox .list .swiper-slide a .more{ position:absolute; left:15px; bottom:15px; font-size:16px; line-height:26px; font-weight:bold; display:flex; align-items:center; color:#fff;}
.pbox .list .swiper-slide a .more img{ display:block; height:14px; margin-left:5px;}
.pbox .list .swiper-slide.on a .more{ color:#E0A643;}
.pbox .list .swiper-slide.on a .more img{ filter:drop-shadow(#E0A643 10000px 0); transform:translateX(-10000px);}
}

/*news*/
@media screen and (min-width:1440px){
.nbox{ width:100%; padding-top:75px; padding-bottom:80px; position:relative; z-index:1; background-color:#fff;}
.nbox .title .more{ float:left; padding-top:10px; margin-left:30px;}
.nbox .title .more a{ display:flex; align-items:center; font-size:20px; line-height:28px; font-weight:bold; color:#E0A643; border-bottom:2px solid #E0A643;}
.nbox .title .more a img{ display:block; height:18px; margin-left:10px;}
.nbox .title .swiper-button-next{ width:42px; height:42px; float:right; border-radius:100%; background-color:#ececec; margin-top:5px; cursor:pointer; background-image:url(../images/next.png); background-position:center; background-repeat:no-repeat; margin-left:30px;}
.nbox .title .swiper-button-prev{ width:42px; height:42px; float:right; border-radius:100%; background-color:#ececec; margin-top:5px; cursor:pointer; background-image:url(../images/prev.png); background-position:center; background-repeat:no-repeat;}
.nbox .title .swiper-button-next:hover,.nbox .title .swiper-button-prev:hover{ background-color:#E0A643;}
.nbox .title .swiper-button-next:hover{ background-image:url(../images/next01.png);}
.nbox .title .swiper-button-prev:hover{ background-image:url(../images/prev01.png);}
.nbox .box{ width:94%; max-width:1410px; margin:auto; margin-top:25px; position:relative; z-index:3;}
.nbox .box .swiper-container{ width:100%; overflow:hidden;}
.nbox .box .swiper-container .swiper-slide{ width:31.77%; margin-right:2.345%;}
.nbox .box .swiper-container .swiper-slide .w01{ width:100%; position:relative; padding-top:50.89%;}
.nbox .box .swiper-container .swiper-slide .w01 img{ width:100%; display:block; position:absolute; left:0; top:0;}
.nbox .box .swiper-container .swiper-slide .w02{ width:100%; font-size:16px; line-height:26px; margin-top:15px; height:52px; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2;}
.nbox .box .swiper-container .swiper-slide .w02:hover{ color:#E0A643;}
.nbox .box .swiper-container .swiper-slide .w03{ display:block; margin-top:15px;}
.nbox .box .swiper-container .swiper-slide .w03 img{ display:block; height:18px;}
}
@media screen and (min-width:1024px) and (max-width:1439px){
.nbox{ width:100%; padding-top:55px; padding-bottom:60px; position:relative; z-index:1; background-color:#fff;}
.nbox .title .more{ float:left; padding-top:8px; margin-left:20px;}
.nbox .title .more a{ display:flex; align-items:center; font-size:18px; line-height:26px; font-weight:bold; color:#E0A643; border-bottom:2px solid #E0A643;}
.nbox .title .more a img{ display:block; height:16px; margin-left:7px;}
.nbox .title .swiper-button-next{ width:36px; height:36px; float:right; border-radius:100%; background-color:#ececec; margin-top:3px; cursor:pointer; background-image:url(../images/next.png); background-position:center; background-repeat:no-repeat; margin-left:20px; background-size:10px auto;}
.nbox .title .swiper-button-prev{ width:36px; height:36px; float:right; border-radius:100%; background-color:#ececec; margin-top:3px; cursor:pointer; background-image:url(../images/prev.png); background-position:center; background-repeat:no-repeat; background-size:10px auto;}
.nbox .title .swiper-button-next:hover,.nbox .title .swiper-button-prev:hover{ background-color:#E0A643;}
.nbox .title .swiper-button-next:hover{ background-image:url(../images/next01.png);}
.nbox .title .swiper-button-prev:hover{ background-image:url(../images/prev01.png);}
.nbox .box{ width:94%; max-width:1410px; margin:auto; margin-top:20px; position:relative; z-index:3;}
.nbox .box .swiper-container{ width:100%; overflow:hidden;}
.nbox .box .swiper-container .swiper-slide{ width:32%; margin-right:2%;}
.nbox .box .swiper-container .swiper-slide .w01{ width:100%; position:relative; padding-top:50.89%;}
.nbox .box .swiper-container .swiper-slide .w01 img{ width:100%; display:block; position:absolute; left:0; top:0;}
.nbox .box .swiper-container .swiper-slide .w02{ width:100%; font-size:15px; line-height:25px; margin-top:10px; height:50px; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2;}
.nbox .box .swiper-container .swiper-slide .w02:hover{ color:#E0A643;}
.nbox .box .swiper-container .swiper-slide .w03{ display:block; margin-top:10px;}
.nbox .box .swiper-container .swiper-slide .w03 img{ display:block; height:16px;}
}
@media only screen and (max-width:1023px){
.nbox{ width:100%; padding-top:35px; padding-bottom:40px; position:relative; z-index:1; background-color:#fff;}
.nbox .title .more{ float:left; margin-left:10px;}
.nbox .title .more a{ display:flex; align-items:center; font-size:16px; line-height:24px; font-weight:bold; color:#E0A643; border-bottom:2px solid #E0A643;}
.nbox .title .more a img{ display:block; height:14px; margin-left:5px;}
.nbox .title .swiper-button-next{ width:32px; height:32px; float:right; border-radius:100%; background-color:#ececec; cursor:pointer; background-image:url(../images/next.png); background-position:center; background-repeat:no-repeat; margin-left:10px; background-size:8px auto;}
.nbox .title .swiper-button-prev{ width:32px; height:32px; float:right; border-radius:100%; background-color:#ececec; cursor:pointer; background-image:url(../images/prev.png); background-position:center; background-repeat:no-repeat; background-size:8px auto;}
.nbox .title .swiper-button-next:hover,.nbox .title .swiper-button-prev:hover{ background-color:#E0A643;}
.nbox .title .swiper-button-next:hover{ background-image:url(../images/next01.png);}
.nbox .title .swiper-button-prev:hover{ background-image:url(../images/prev01.png);}
.nbox .box{ width:94%; max-width:1410px; margin:auto; margin-top:10px; position:relative; z-index:3;}
.nbox .box .swiper-container{ width:100%; overflow:hidden;}
.nbox .box .swiper-container .swiper-slide{ width:100%; margin-right:3%;}
.nbox .box .swiper-container .swiper-slide .w01{ width:100%; position:relative; padding-top:50.89%;}
.nbox .box .swiper-container .swiper-slide .w01 img{ width:100%; display:block; position:absolute; left:0; top:0;}
.nbox .box .swiper-container .swiper-slide .w02{ width:100%; font-size:16px; line-height:26px; margin-top:10px; height:52px; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2;}
.nbox .box .swiper-container .swiper-slide .w02:hover{ color:#E0A643;}
.nbox .box .swiper-container .swiper-slide .w03{ display:block; margin-top:10px;}
.nbox .box .swiper-container .swiper-slide .w03 img{ display:block; height:16px;}
}

/*email*/
@media screen and (min-width:1440px){
.ebox{ width:100%; padding-top:75px; padding-bottom:75px; position:relative; z-index:1; background-color:#f5f5f5;}
.ebox .box{ width:94%; max-width:1410px; margin:auto; position:relative; z-index:3;}
.ebox .box .left{ width:48.79%; float:left;}
.ebox .box .left .w01{ font-size:38px; line-height:48px; font-weight:bold;}
.ebox .box .left .w02{ font-size:16px; line-height:26px; color:#666; margin-top:30px;}
.ebox .box .right{ width:40.28%; float:right;}
.ebox .box .right .w01{ font-size:16px; line-height:26px;}
.ebox .box .right .w01 span{ color:#E0A643;}
.ebox .box .right .w02{ border-bottom:2px solid #b0b0b0;}
.ebox .box .right .w02 input{ width:100%; font-size:16px; line-height:46px; height:46px; display:block; background-color:transparent;}
.ebox .box .right .w03{ margin-top:30px;}
.ebox .box .right .w03 a{ display:block; width:148px; height:38px; line-height:38px; text-align:center; border:2px solid #E0A643; border-radius:4px; overflow:hidden; font-size:20px; font-weight:bold; color:#E0A643; background-color:#fff;}
.ebox .box .right .w03 a:hover{ background-color:#E0A643; color:#fff;}
}
@media screen and (min-width:1024px) and (max-width:1439px){
.ebox{ width:100%; padding-top:55px; padding-bottom:55px; position:relative; z-index:1; background-color:#f5f5f5;}
.ebox .box{ width:94%; max-width:1410px; margin:auto; position:relative; z-index:3;}
.ebox .box .left{ width:48.79%; float:left;}
.ebox .box .left .w01{ font-size:28px; line-height:38px; font-weight:bold;}
.ebox .box .left .w02{ font-size:15px; line-height:25px; color:#666; margin-top:20px;}
.ebox .box .right{ width:40.28%; float:right;}
.ebox .box .right .w01{ font-size:15px; line-height:25px;}
.ebox .box .right .w01 span{ color:#E0A643;}
.ebox .box .right .w02{ border-bottom:2px solid #b0b0b0;}
.ebox .box .right .w02 input{ width:100%; font-size:15px; line-height:35px; height:35px; display:block; background-color:transparent;}
.ebox .box .right .w03{ margin-top:25px;}
.ebox .box .right .w03 a{ display:block; width:138px; height:36px; line-height:36px; text-align:center; border:2px solid #E0A643; border-radius:4px; overflow:hidden; font-size:18px; font-weight:bold; color:#E0A643; background-color:#fff;}
.ebox .box .right .w03 a:hover{ background-color:#E0A643; color:#fff;}
}
@media only screen and (max-width:1023px){
.ebox{ width:100%; padding-top:35px; padding-bottom:40px; position:relative; z-index:1; background-color:#f5f5f5;}
.ebox .box{ width:94%; max-width:1410px; margin:auto; position:relative; z-index:3;}
.ebox .box .left{ width:100%; float:left;}
.ebox .box .left .w01{ font-size:18px; line-height:28px; font-weight:bold;}
.ebox .box .left .w02{ font-size:14px; line-height:24px; color:#666; margin-top:10px;}
.ebox .box .right{ width:100%; float:right; margin-top:10px;}
.ebox .box .right .w01{ font-size:14px; line-height:24px;}
.ebox .box .right .w01 span{ color:#E0A643;}
.ebox .box .right .w02{ border-bottom:2px solid #b0b0b0;}
.ebox .box .right .w02 input{ width:100%; font-size:14px; line-height:24px; height:24px; display:block; background-color:transparent;}
.ebox .box .right .w03{ margin-top:20px;}
.ebox .box .right .w03 a{ display:block; width:128px; height:34px; line-height:34px; text-align:center; border:2px solid #E0A643; border-radius:4px; overflow:hidden; font-size:16px; font-weight:bold; color:#E0A643; background-color:#fff;}
.ebox .box .right .w03 a:hover{ background-color:#E0A643; color:#fff;}
}

/*message*/
@media screen and (min-width:1440px){
.mbox{ width:100%; padding-top:75px; padding-bottom:80px; position:relative; z-index:1; background-color:#203567;}
.mbox .box{ width:94%; max-width:1410px; margin:auto; position:relative; z-index:3;}
.mbox .box .w01{ width:100%; float:left; font-size:36px; line-height:46px; font-weight:bold; color:#fff; padding-bottom:20px;}
.mbox .box .w02{ float:left; margin-top:20px; width:31.77%; margin-left:2.345%; background-color:#fff;}
.mbox .box .w02:nth-child(3n+1){ clear:left; float:left; margin-left:0;}
.mbox .box .w03{ float:left; margin-top:20px; width:65.885%; margin-left:2.345%; background-color:#fff;}
.mbox .box span{ float:left; width:148px; height:60px; text-align:center; line-height:60px; color:#fff; background-color:#4d5d86; font-weight:bold; font-size:16px;}
.mbox .box .w03 span{ background-color:#d6a045;}
.mbox .box p{ width:calc(100% - 148px); display:block; float:left; height:60px; padding:0 20px; box-sizing:border-box;}
.mbox .box p input{ display:block; width:100%; font-size:16px; height:60px; line-height:60px; overflow:hidden;}
.mbox .box .w04{ width:100%; float:left; margin-top:56px;}
.mbox .box .w04 input{ width:240px; height:50px; line-height:50px; font-size:22px; font-weight:bold; border-radius:5px; background-color:#ffa100; color:#fff; display:block; cursor:pointer; margin:auto;}
.mbox .box .w04 input:hover{ background-color:#d6a045;}
}
@media screen and (min-width:1024px) and (max-width:1439px){
.mbox{ width:100%; padding-top:55px; padding-bottom:60px; position:relative; z-index:1; background-color:#203567;}
.mbox .box{ width:94%; max-width:1410px; margin:auto; position:relative; z-index:3;}
.mbox .box .w01{ width:100%; float:left; font-size:26px; line-height:36px; font-weight:bold; color:#fff; padding-bottom:10px;}
.mbox .box .w02{ float:left; margin-top:20px; width:32%; margin-left:2%; background-color:#fff;}
.mbox .box .w02:nth-child(3n+1){ clear:left; float:left; margin-left:0;}
.mbox .box .w03{ float:left; margin-top:20px; width:66%; margin-left:2%; background-color:#fff;}
.mbox .box span{ float:left; width:138px; height:50px; text-align:center; line-height:50px; color:#fff; background-color:#4d5d86; font-weight:bold; font-size:15px;}
.mbox .box .w03 span{ background-color:#d6a045;}
.mbox .box p{ width:calc(100% - 148px); display:block; float:left; height:50px; padding:0 15px; box-sizing:border-box;}
.mbox .box p input{ display:block; width:100%; font-size:15px; height:50px; line-height:50px; overflow:hidden;}
.mbox .box .w04{ width:100%; float:left; margin-top:46px;}
.mbox .box .w04 input{ width:200px; height:46px; line-height:46px; font-size:20px; font-weight:bold; border-radius:5px; background-color:#ffa100; color:#fff; display:block; cursor:pointer; margin:auto;}
.mbox .box .w04 input:hover{ background-color:#d6a045;}
}
@media only screen and (max-width:1023px){
.mbox{ width:100%; padding-top:35px; padding-bottom:40px; position:relative; z-index:1; background-color:#203567;}
.mbox .box{ width:94%; max-width:1410px; margin:auto; position:relative; z-index:3;}
.mbox .box .w01{ width:100%; float:left; font-size:16px; line-height:26px; font-weight:bold; color:#fff;}
.mbox .box .w02{ float:left; margin-top:15px; width:100%; background-color:#fff;}
.mbox .box .w03{ float:left; margin-top:15px; width:100%; background-color:#fff;}
.mbox .box span{ float:left; width:110px; height:40px; text-align:center; line-height:40px; color:#fff; background-color:#4d5d86; font-weight:bold; font-size:14px;}
.mbox .box .w03 span{ background-color:#d6a045;}
.mbox .box p{ width:calc(100% - 110px); display:block; float:left; height:40px; padding:0 15px; box-sizing:border-box;}
.mbox .box p input{ display:block; width:100%; font-size:14px; height:40px; line-height:40px; overflow:hidden;}
.mbox .box .w04{ width:100%; float:left; margin-top:20px;}
.mbox .box .w04 input{ width:160px; height:40px; line-height:40px; font-size:16px; font-weight:bold; border-radius:5px; background-color:#ffa100; color:#fff; display:block; cursor:pointer; margin:auto;}
.mbox .box .w04 input:hover{ background-color:#d6a045;}
}

/*footer*/
@media screen and (min-width:1440px){
.footer{ width:100%; padding-top:80px; position:relative; z-index:1; background-color:#fff;}
.footer .foot{ width:94%; max-width:1410px; margin:auto; position:relative; z-index:3;}
.footer .foot .f01{ width:18%; float:left;}
.footer .foot .f01 img{ max-width:100%; display:block;}
.footer .foot .f02{ width:15%; float:left; margin-right:3%;}
.footer .foot .f02 .t01{ font-size:18px; line-height:28px; font-weight:bold;}
.footer .foot .f02 .t02{ padding-top:10px;}
.footer .foot .f02 .t02 a{ font-size:18px; line-height:28px; display:block; margin-top:20px;}
.footer .foot .f02 .t02 a:hover{ color:#E0A643;}
.footer .foot .f03{ width:28%; float:left;}
.footer .foot .f03 .t01{ font-size:18px; line-height:28px; font-weight:bold;}
.footer .foot .f03 .t02{ padding-top:30px; font-size:16px; line-height:26px;}
.footer .bq{ width:100%; margin-top:30px; border-top:1px solid #e6e6e7; font-size:16px; line-height:72px; height:72px; text-align:center;}
}
@media screen and (min-width:1024px) and (max-width:1439px){
.footer{ width:100%; padding-top:60px; position:relative; z-index:1; background-color:#fff;}
.footer .foot{ width:94%; max-width:1410px; margin:auto; position:relative; z-index:3;}
.footer .foot .f01{ width:18%; float:left;}
.footer .foot .f01 img{ max-width:100%; display:block;}
.footer .foot .f02{ width:15%; float:left; margin-right:3%;}
.footer .foot .f02 .t01{ font-size:17px; line-height:27px; font-weight:bold;}
.footer .foot .f02 .t02{ padding-top:5px;}
.footer .foot .f02 .t02 a{ font-size:16px; line-height:26px; display:block; margin-top:10px;}
.footer .foot .f02 .t02 a:hover{ color:#E0A643;}
.footer .foot .f03{ width:28%; float:left;}
.footer .foot .f03 .t01{ font-size:17px; line-height:27px; font-weight:bold;}
.footer .foot .f03 .t02{ padding-top:15px; font-size:15px; line-height:25px;}
.footer .bq{ width:100%; margin-top:25px; border-top:1px solid #e6e6e7; font-size:16px; line-height:62px; height:62px; text-align:center;}
}
@media only screen and (max-width:1023px){
.footer{ width:100%; padding-top:40px;; position:relative; z-index:1; background-color:#fff;}
.footer .foot{ width:94%; max-width:1410px; margin:auto; position:relative; z-index:3;}
.footer .foot .f01{ width:100%;}
.footer .foot .f01 img{ max-width:100%; display:block; margin:auto;}
.footer .foot .f02{ width:100%; margin-top:15px;}
.footer .foot .f02 .t01{ font-size:16px; line-height:26px; font-weight:bold;}
.footer .foot .f02 .t02{ margin-left:-15px;}
.footer .foot .f02 .t02 a{ font-size:14px; line-height:24px; display:block; margin-top:5px; float:left; margin-left:15px;}
.footer .foot .f02 .t02 a:hover{ color:#E0A643;}
.footer .foot .f03{ width:100%; margin-top:15px;}
.footer .foot .f03 .t01{ font-size:16px; line-height:26px; font-weight:bold;}
.footer .foot .f03 .t02{ padding-top:5px; font-size:14px; line-height:24px;}
.footer .bq{ width:100%; margin-top:25px; border-top:1px solid #e6e6e7; font-size:14px; line-height:42px; height:42px; text-align:center;}
}

/*内页*/
@media screen and (min-width:1440px){
.ban{ width:100%; height:570px; border-top:110px solid #fff; background-position:center; background-size:cover; background-repeat:no-repeat; position:relative; z-index:1;}
.ban .wen{ width:94%; max-width:1410px; margin:auto; padding-top:190px; font-size:60px; line-height:70px; color:#fff; font-weight:bold; text-transform:uppercase;}

.main{ width:100%; padding-top:75px; position:relative; z-index:1; background-color:#fff;}
.main .about{ width:94%; max-width:1410px; margin:auto; margin-top:30px; position:relative; z-index:3; font-size:16px; line-height:26px;}
.main .about img{ max-width:100%; height:auto !important;}
}
@media screen and (min-width:1024px) and (max-width:1439px){
.ban{ width:100%; height:370px; border-top:80px solid #fff; background-position:center; background-size:cover; background-repeat:no-repeat; position:relative; z-index:1;}
.ban .wen{ width:94%; max-width:1410px; margin:auto; padding-top:130px; font-size:50px; line-height:60px; color:#fff; font-weight:bold; text-transform:uppercase;}

.main{ width:100%; padding-top:55px; position:relative; z-index:1; background-color:#fff;}
.main .about{ width:94%; max-width:1410px; margin:auto; margin-top:20px; position:relative; z-index:3; font-size:15px; line-height:25px;}
.main .about img{ max-width:100%; height:auto !important;}

}
@media only screen and (max-width:1023px){
.ban{ width:100%; height:170px; border-top:60px solid #fff; background-position:center; background-size:cover; background-repeat:no-repeat; position:relative; z-index:1;}
.ban .wen{ width:94%; max-width:1410px; margin:auto; padding-top:50px; font-size:30px; line-height:40px; color:#fff; font-weight:bold; text-transform:uppercase;}

.main{ width:100%; padding-top:35px; position:relative; z-index:1; background-color:#fff;}
.main .about{ width:94%; max-width:1410px; margin:auto; margin-top:10px; position:relative; z-index:3; font-size:14px; line-height:24px;}
.main .about img{ max-width:100%; height:auto !important;}
}

/*product*/
@media screen and (min-width:1440px){
.main .product{ width:94%; max-width:1410px; margin:auto; position:relative; z-index:3; display:block;}
.main .product li{ width:45%; margin-left:10%; display:block; float:left; margin-top:80px; background-color:#ebebeb;}
.main .product li:nth-child(2n+1){ clear:left; float:left; margin-left:0;}
.main .product li .w01{ width:100%; padding-top:35.17%; position:relative;}
.main .product li .w01 img{ width:100%; position:absolute; left:0; top:0;}
.main .product li .w02{ padding:0 30px; display:flex; align-items:center; height:136px; justify-content:space-between;}
.main .product li .w02 b{ display:block; flex:1; margin-right:30px; font-size:32px; line-height:42px;}
.main .product li .w02 p{ display:flex; align-items:center; font-weight:bold; font-size:20px; line-height:30px;}
.main .product li .w02 p img{ display:block; height:18px; margin-left:10px;}
.main .product li:hover{ background-color:#e0a643;}
.main .product li:hover .w02 b,.main .product li:hover .w02 p{ color:#fff;}
.main .product li:hover .w02 p img{ filter:drop-shadow(#fff 10000px 0); transform:translateX(-10000px);}
}
@media screen and (min-width:1024px) and (max-width:1439px){
.main .product{ width:94%; max-width:1410px; margin:auto; position:relative; z-index:3; display:block;}
.main .product li{ width:47%; margin-left:6%; display:block; float:left; margin-top:60px; background-color:#ebebeb;}
.main .product li:nth-child(2n+1){ clear:left; float:left; margin-left:0;}
.main .product li .w01{ width:100%; padding-top:35.17%; position:relative;}
.main .product li .w01 img{ width:100%; position:absolute; left:0; top:0;}
.main .product li .w02{ padding:0 25px; display:flex; align-items:center; height:116px; justify-content:space-between;}
.main .product li .w02 b{ display:block; flex:1; margin-right:20px; font-size:26px; line-height:36px;}
.main .product li .w02 p{ display:flex; align-items:center; font-weight:bold; font-size:18px; line-height:28px;}
.main .product li .w02 p img{ display:block; height:16px; margin-left:7px;}
.main .product li:hover{ background-color:#e0a643;}
.main .product li:hover .w02 b,.main .product li:hover .w02 p{ color:#fff;}
.main .product li:hover .w02 p img{ filter:drop-shadow(#fff 10000px 0); transform:translateX(-10000px);}
}
@media only screen and (max-width:1023px){
.main .product{ width:94%; max-width:1410px; margin:auto; position:relative; z-index:3; display:block;}
.main .product li{ width:100%; display:block; float:left; margin-top:40px; background-color:#ebebeb;}
.main .product li .w01{ width:100%; padding-top:35.17%; position:relative;}
.main .product li .w01 img{ width:100%; position:absolute; left:0; top:0;}
.main .product li .w02{ padding:0 15px; display:flex; align-items:center; height:96px; justify-content:space-between;}
.main .product li .w02 b{ display:block; flex:1; margin-right:15px; font-size:20px; line-height:30px;}
.main .product li .w02 p{ display:flex; align-items:center; font-weight:bold; font-size:16px; line-height:26px;}
.main .product li .w02 p img{ display:block; height:14px; margin-left:5px;}
.main .product li:hover{ background-color:#e0a643;}
.main .product li:hover .w02 b,.main .product li:hover .w02 p{ color:#fff;}
.main .product li:hover .w02 p img{ filter:drop-shadow(#fff 10000px 0); transform:translateX(-10000px);}
}

/*join us*/
@media screen and (min-width:1440px){
.jbox{ width:100%; padding:80px 0; margin-top:75px; position:relative; z-index:3; background-color:#f5f5f5;}
.jbox .join{ width:94%; max-width:1410px; margin:auto; position:relative; z-index:3; display:block; background-color:#fff; border-left:8px solid #e0a643; box-sizing:border-box;}
.jbox .join li{ width:100%; display:block;}
.jbox .join li .bt{ font-size:20px; line-height:30px; padding:15px 30px; box-sizing:border-box; padding-right:80px; position:relative; box-shadow:0 0 15px 0 rgb(0 0 0 / 8%);}
.jbox .join li .bt svg{ height:20px; position:absolute; right:20px; top:50%; margin-top:-10px;}
.jbox .join li.on .bt svg{ transform:rotate(180deg); -ms-transform:rotate(180deg); -moz-transform:rotate(180deg); -webkit-transform:rotate(180deg); -o-transform:rotate(180deg);}
.jbox .join li .wen{ font-size:16px; line-height:26px; padding:25px 30px; box-sizing:border-box; display:none;}
.jbox .join li.on .wen{ display:block;}
}
@media screen and (min-width:1024px) and (max-width:1439px){
.jbox{ width:100%; padding:60px 0; margin-top:55px; position:relative; z-index:3; background-color:#f5f5f5;}
.jbox .join{ width:94%; max-width:1410px; margin:auto; position:relative; z-index:3; display:block; background-color:#fff; border-left:6px solid #e0a643; box-sizing:border-box;}
.jbox .join li{ width:100%; display:block;}
.jbox .join li .bt{ font-size:18px; line-height:28px; padding:12px 25px; box-sizing:border-box; padding-right:70px; position:relative; box-shadow:0 0 15px 0 rgb(0 0 0 / 8%);}
.jbox .join li .bt svg{ height:20px; position:absolute; right:25px; top:50%; margin-top:-10px;}
.jbox .join li.on .bt svg{ transform:rotate(180deg); -ms-transform:rotate(180deg); -moz-transform:rotate(180deg); -webkit-transform:rotate(180deg); -o-transform:rotate(180deg);}
.jbox .join li .wen{ font-size:15px; line-height:25px; padding:20px 25px; box-sizing:border-box; display:none;}
.jbox .join li.on .wen{ display:block;}
}
@media only screen and (max-width:1023px){
.jbox{ width:100%; padding:40px 0; margin-top:35px; position:relative; z-index:3; background-color:#f5f5f5;}
.jbox .join{ width:94%; max-width:1410px; margin:auto; position:relative; z-index:3; display:block; background-color:#fff; border-left:4px solid #e0a643; box-sizing:border-box;}
.jbox .join li{ width:100%; display:block;}
.jbox .join li .bt{ font-size:16px; line-height:26px; padding:10px 15px; box-sizing:border-box; padding-right:50px; position:relative; box-shadow:0 0 15px 0 rgb(0 0 0 / 8%);}
.jbox .join li .bt svg{ height:20px; position:absolute; right:15px; top:50%; margin-top:-10px;}
.jbox .join li.on .bt svg{ transform:rotate(180deg); -ms-transform:rotate(180deg); -moz-transform:rotate(180deg); -webkit-transform:rotate(180deg); -o-transform:rotate(180deg);}
.jbox .join li .wen{ font-size:14px; line-height:24px; padding:15px; box-sizing:border-box; display:none;}
.jbox .join li.on .wen{ display:block;}
}

/*news*/
@media screen and (min-width:1440px){
.main .news{ width:94%; max-width:1410px; margin:auto; position:relative; z-index:3; display:block;}
.main .news li{ width:100%; display:block; margin-top:30px; overflow:hidden;}
.main .news li .tu{ width:450px; float:left; position:relative; z-index:1;}
.main .news li .tu a{ width:100%; display:block; position:relative; overflow:hidden; padding-top:50.89%; z-index:1;}
.main .news li .tu a img{ width:100%; display:block; position:absolute; left:0; top:0; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.main .news li:hover .tu a img{ transform:scale(1.1, 1.1); -ms-transform:scale(1.1, 1.1); -moz-transform:scale(1.1, 1.1); -webkit-transform:scale(1.1, 1.1); -o-transform:scale(1.1, 1.1);}
.main .news li .wen{ width:calc(97% - 450px); float:right;}
.main .news li .wen .w01{ font-size:16px; line-height:26px; color:#666; padding-top:5px;}
.main .news li .wen .w02{ font-size:22px; line-height:32px; margin-top:5px;}
.main .news li .wen .w02 a{ height:64px; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2;}
.main .news li .wen .w02 a:hover{ color:#e0a643;}
.main .news li .wen .w03{ font-size:16px; line-height:26px; margin-top:10px; color:#666; height:78px; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:3;}
.main .news li .wen .w04{ margin-top:10px;}
.main .news li .wen .w04 a{ display:flex; align-items:center; float:right; font-size:16px; line-height:26px; text-transform:uppercase;}
.main .news li .wen .w04 a img{ display:block; margin-left:10px; height:12px;}
.main .news li .wen .w04 a:hover{ color:#e0a643;}
.main .news li .wen .w04 a:hover img{ filter:drop-shadow(#e0a643 10000px 0); transform:translateX(-10000px);}

.fanye{ width:100%; margin-top:40px; text-align:center;}
.fanye li{ margin:0 5px; display:inline-block; font-size:18px;}
.fanye li a{ min-width:30px; padding:0 5px; height:40px; line-height:40px; border:1px solid #333; border-radius:3px; display:block;}
.fanye li span{ min-width:30px; padding:0 5px; height:40px; line-height:40px; border:1px solid #e0a643; border-radius:3px; display:block;}
.fanye li.active span{ color:#fff; background-color:#e0a643;}
.fanye li.disabled span{ color:#aaa; cursor:no-drop; border:1px solid #aaa;}
.fanye li a:hover{ color:#e0a643; border:1px solid #e0a643;}
}
@media screen and (min-width:1024px) and (max-width:1439px){
.main .news{ width:94%; max-width:1410px; margin:auto; position:relative; z-index:3; display:block;}

.main .news li{ width:100%; display:block; margin-top:25px; overflow:hidden;}
.main .news li .tu{ width:40%; float:left; position:relative; z-index:1;}
.main .news li .tu a{ width:100%; display:block; position:relative; overflow:hidden; padding-top:50.89%; z-index:1;}
.main .news li .tu a img{ width:100%; display:block; position:absolute; left:0; top:0; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.main .news li:hover .tu a img{ transform:scale(1.1, 1.1); -ms-transform:scale(1.1, 1.1); -moz-transform:scale(1.1, 1.1); -webkit-transform:scale(1.1, 1.1); -o-transform:scale(1.1, 1.1);}
.main .news li .wen{ width:57%; float:right;}
.main .news li .wen .w01{ font-size:15px; line-height:25px; color:#666;}
.main .news li .wen .w02{ font-size:20px; line-height:30px;}
.main .news li .wen .w02 a{ height:60px; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2;}
.main .news li .wen .w02 a:hover{ color:#e0a643;}
.main .news li .wen .w03{ font-size:15px; line-height:25px; margin-top:10px; color:#666; height:75px; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:3;}
.main .news li .wen .w04{ margin-top:5px;}
.main .news li .wen .w04 a{ display:flex; align-items:center; float:right; font-size:15px; line-height:25px; text-transform:uppercase;}
.main .news li .wen .w04 a img{ display:block; margin-left:7px; height:10px;}
.main .news li .wen .w04 a:hover{ color:#e0a643;}
.main .news li .wen .w04 a:hover img{ filter:drop-shadow(#e0a643 10000px 0); transform:translateX(-10000px);}

.fanye{ width:100%; margin-top:30px; text-align:center;}
.fanye li{ margin:0 4px; display:inline-block; font-size:16px;}
.fanye li a{ min-width:24px; padding:0 5px; height:34px; line-height:34px; border:1px solid #333; border-radius:3px; display:block;}
.fanye li span{ min-width:24px; padding:0 5px; height:34px; line-height:34px; border:1px solid #e0a643; border-radius:3px; display:block;}
.fanye li.active span{ color:#fff; background-color:#e0a643;}
.fanye li.disabled span{ color:#aaa; cursor:no-drop; border:1px solid #aaa;}
.fanye li a:hover{ color:#e0a643; border:1px solid #e0a643;}
}
@media only screen and (max-width:1023px){
.main .news{ width:94%; max-width:1410px; margin:auto; position:relative; z-index:3; display:block;}
.main .news li{ width:100%; display:block; margin-top:15px; overflow:hidden;}
.main .news li .tu{ width:100%; float:left; position:relative; z-index:1;}
.main .news li .tu a{ width:100%; display:block; position:relative; overflow:hidden; padding-top:50.89%; z-index:1;}
.main .news li .tu a img{ width:100%; display:block; position:absolute; left:0; top:0; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.main .news li:hover .tu a img{ transform:scale(1.1, 1.1); -ms-transform:scale(1.1, 1.1); -moz-transform:scale(1.1, 1.1); -webkit-transform:scale(1.1, 1.1); -o-transform:scale(1.1, 1.1);}
.main .news li .wen{ width:100%; float:right; margin-top:5px;}
.main .news li .wen .w01{ font-size:14px; line-height:24px; color:#666;}
.main .news li .wen .w02{ font-size:18px; line-height:28px;}
.main .news li .wen .w02 a{ height:56px; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2;}
.main .news li .wen .w02 a:hover{ color:#e0a643;}
.main .news li .wen .w03{ font-size:14px; line-height:24px; margin-top:5px; color:#666; height:72px; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:3;}
.main .news li .wen .w04{ width:100%;}
.main .news li .wen .w04 a{ display:flex; align-items:center; float:right; font-size:14px; line-height:24px; text-transform:uppercase;}
.main .news li .wen .w04 a img{ display:block; margin-left:5px; height:8px;}
.main .news li .wen .w04 a:hover{ color:#e0a643;}
.main .news li .wen .w04 a:hover img{ filter:drop-shadow(#e0a643 10000px 0); transform:translateX(-10000px);}

.fanye{ width:100%; margin-top:15px; text-align:center;}
.fanye li{ margin:0 3px; display:inline-block; font-size:14px;}
.fanye li a{ min-width:20px; padding:0 5px; height:30px; line-height:30px; border:1px solid #333; border-radius:3px; display:block;}
.fanye li span{ min-width:20px; padding:0 5px; height:30px; line-height:30px; border:1px solid #e0a643; border-radius:3px; display:block;}
.fanye li.active span{ color:#fff; background-color:#e0a643;}
.fanye li.disabled span{ color:#aaa; cursor:no-drop; border:1px solid #aaa;}
.fanye li a:hover{ color:#e0a643; border:1px solid #e0a643;}
}

/*news_son*/
@media screen and (min-width:1440px){
.ny{ width:94%; max-width:1410px; margin:auto; margin-top:75px; position:relative; z-index:1;}
.ny .w01{ margin-bottom:10px; color:#e0a643; font-weight:700; font-size:24px; line-height:1.5;}
.ny .w02{ margin-bottom:15px; color:#333; font-weight:300; font-size:15px; line-height:1.5;}
.ny .w03{ margin-bottom:25px; color:#333; font-weight:300; font-size:15px; line-height:1.5;}
.ny .w03 img{ max-width:100%; height:auto !important;}
.ny .w04{ width:100%;}
.ny .w04 a{ width:240px; display:block; margin:auto; overflow:hidden; position:relative; background:#ffa100;}
.ny .w04 p{ width:100%; display:flex; align-items:center; justify-content:center; height:50px; line-height:50px; font-size:18px; color:#fff; font-weight:bold; overflow:hidden; position:relative; z-index:2;}
.ny .w04 p img{ display:block; height:12px; margin-left:14px;}
.ny .w04 b{ display:block; width:0; height:100%; background-color:#e0a643; position:absolute; left:0; bottom:0; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.ny .w04:hover b{ width:100%;}
}
@media screen and (min-width:1024px) and (max-width:1439px){
.ny{ width:94%; max-width:1410px; margin:auto; margin-top:55px; position:relative; z-index:1;}
.ny .w01{ margin-bottom:10px; color:#e0a643; font-weight:700; font-size:30px; line-height:1.5;}
.ny .w02{ margin-bottom:20px; color:#333; font-weight:300; font-size:16px; line-height:1.5;}
.ny .w03{ margin-bottom:30px; color:#333; font-weight:300; font-size:16px; line-height:1.5;}
.ny .w03 img{ max-width:100%; height:auto !important;}
.ny .w04{ width:100%;}
.ny .w04 a{ width:260px; display:block; margin:auto; overflow:hidden; position:relative; background:#ffa100;}
.ny .w04 p{ width:100%; display:flex; align-items:center; justify-content:center; height:50px; line-height:50px; font-size:20px; color:#fff; font-weight:bold; overflow:hidden; position:relative; z-index:2;}
.ny .w04 p img{ display:block; height:12px; margin-left:14px;}
.ny .w04 b{ display:block; width:0; height:100%; background-color:#e0a643; position:absolute; left:0; bottom:0; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.ny .w04:hover b{ width:100%;}
}
@media only screen and (max-width:1023px){
.ny{ width:94%; max-width:1410px; margin:auto; margin-top:35px; position:relative; z-index:1;}
.ny .w01{ color:#e0a643; font-weight:700; font-size:20px; line-height:1.5;}
.ny .w02{ margin-bottom:10px; color:#333; font-weight:300; font-size:14px; line-height:1.5;}
.ny .w03{ margin-bottom:15px; color:#333; font-weight:300; font-size:14px; line-height:1.5;}
.ny .w03 img{ max-width:100%; height:auto !important;}
.ny .w04{ width:100%;}
.ny .w04 a{ width:220px; display:block; margin:auto; overflow:hidden; position:relative; background:#ffa100;}
.ny .w04 p{ width:100%; display:flex; align-items:center; justify-content:center; height:46px; line-height:46px; font-size:16px; color:#fff; font-weight:bold; overflow:hidden; position:relative; z-index:2;}
.ny .w04 p img{ display:block; height:12px; margin-left:14px;}
.ny .w04 b{ display:block; width:0; height:100%; background-color:#e0a643; position:absolute; left:0; bottom:0; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.ny .w04:hover b{ width:100%;}
}