@charset "utf-8";
/* CSS Document */
@font-face {
	font-family: 'yriad';
	src: url('../fonts/yriad.eot?v=4.7.0');
	src: url('../fonts/yriad.eot?#iefix&v=4.7.0') format('embedded-opentype'), url('../fonts/yriad.woff2?v=4.7.0') format('woff2'), url('../fonts/yriad.woff?v=4.7.0') format('woff'), url('../fonts/yriad.ttf?v=4.7.0') format('truetype'), url('../fonts/yriad.svg?v=4.7.0#fontawesomeregular') format('svg');
	font-weight: normal;
	font-style: normal
}
@font-face {
	font-family: 'yriadb';
	src: url('../fonts/yriadb.eot?v=4.7.0');
	src: url('../fonts/yriadb.eot?#iefix&v=4.7.0') format('embedded-opentype'), url('../fonts/yriadb.woff2?v=4.7.0') format('woff2'), url('../fonts/yriadb.woff?v=4.7.0') format('woff'), url('../fonts/yriadb.ttf?v=4.7.0') format('truetype'), url('../fonts/yriadb.svg?v=4.7.0#fontawesomeregular') format('svg');
	font-weight: weight;
	font-style: normal
}

html,body{ width:100%; height:100%;}
body{ font-family:yriad,'yriad',arial,"Microsoft YaHei",sans-serif; font-size:16px; line-height:28px; color:#333; background:#fff;}
a{ text-decoration:none; color:#333;-webkit-tap-highlight-color:transparent;}
*{ list-style:none; margin:0; border:none; outline:none; padding:0;}
.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;}
input[type=checkbox]{ -webkit-appearance:checkbox;}

/*header*/
.thead{ width:100%; height:140px; position:fixed; left:0; top:0; z-index:990; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.thead .top{ width:100%; background-color:#268dc9; height:40px; position:absolute; left:0; bottom:100px;}
.thead .top .head{ width:84.375%; margin:auto;}
.thead .top .left{ display:none; font-size:16px; line-height:40px; color:#fff; float:left;}
.thead .top .right{ float:right;}
.thead .top .right p{ display:block; float:left; margin-left:3.125vw; background-position:left center; background-repeat:no-repeat; font-size:16px; line-height:40px; color:#fff;}
.thead .top .right p img{ display:block; float:left; width:24px; height:24px; color:#fff; margin-top:8px; margin-right:5px;}
.thead .top .right span{ display:block; margin-left:2.625vw; overflow:hidden; float:left;}
.thead .top .right span a{ display:block; height:16px; margin:12px 0; margin-left:0.5rem; float:left;}
.thead .top .right span a img{ display:block; height:16px;}
.thead.pos{ height:100px;}

.header{ width:100%; height:100px; background-color:#fff; position:absolute; left:0; bottom:0;}
.header .head{ width:84.375%; margin:auto;}
.header .head .logo{ height:40px; float:left; margin:30px 0;}
.header .head .logo img{ display:block; height:40px;}
.header .head .nav{ float:right;}
.header .head .nav li{ display:block; float:left; height:100px; margin-left:2.34375vw; position:relative;}
.header .head .nav li>a{ font-size:16px; display:block; height:100px; line-height:100px; position:relative; text-transform:capitalize; font-weight:700;}
.header .head .nav li>a b{ width:0; height:2px; display:block; position:absolute; left:0; bottom:0; background-color:#268dc9; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.header .head .nav li:hover>a b,.header .head .nav li.on>a b{ width:100%;}
.header .head .nav li p{ min-width:160px; padding:10px; display:none; position:absolute; left:-20px; top:100%; background-color:#fff;}
.header .head .nav li p a{ display:block; padding:0 10px; font-size:16px; height:30px; line-height:30px; overflow:hidden; text-transform:capitalize; text-overflow:ellipsis; white-space:nowrap;}
.header .head .nav li p a:hover{ background-color:#dff3ff; color:#268dc9;}
.header .head .nav li:hover p{ display:block;}
@media only screen and (max-width:1440px){
.header .head .nav li{ margin-left:1.5vw;}
}
@media only screen and (max-width:1360px){
.header .head .nav li{ margin-left:1vw;}
}

/*banner*/
.banner{ width:100%; height:calc(100% - 140px); margin-top:140px; position:relative; z-index:1;}
.banner .swiper-container{ width:100%; height:100%; position:relative; z-index:1;}
.banner .swiper-container .swiper-slide{ width:100%; height:100%;}
.banner .swiper-container .swiper-slide a{ width:100%; height:100%; display:block; overflow:hidden; background-position:center; background-repeat:no-repeat; background-size:cover;}
.banner .swiper-pagination{ width:100%; text-align:center; position:absolute; left:0; bottom:1.5625vw; z-index:3;}
.banner .swiper-pagination span{ display:inline-block; width:10px; height:10px; margin:0 5px; background-color:#fff; cursor:pointer; opacity:0.7; border-radius:10px; overflow:hidden;}
.banner .swiper-pagination span.swiper-pagination-bullet-active{ width:50px; opacity:1;}

/*what we are*/
.abox{ width:84.375%; margin:5vw 7.8125%; position:relative; z-index:1;}
.abox .right{ width:43.8%; float:right; height:100%; background-position:center; background-repeat:no-repeat; background-size:cover; position:absolute; right:0; top:0;}
.abox .left{ width:50%; float:left; overflow:hidden;}
.abox .left .title{ width:100%; margin-top:-10px;}
.abox .left .title p{ display:block; overflow:hidden; vertical-align:text-bottom;}
.abox .left .title p span{ display:block; font-size:50px; line-height:60px; font-weight:bold; text-transform:uppercase; color:#268dc9; font-family:yriadb,'yriadb'; font-family:yriadb,'yriadb';}
.abox .left .title p a{ width:80px; height:2px; display:none; margin-left:10px; background-color:#268dc9;}
.abox .left .title b{ display:block; overflow:hidden; font-size:30px; line-height:40px; margin-top:2px;}
.abox .left .wen{ font-size:16px; line-height:28px; margin-top:1vw;}
.abox .left .wen>p{ display:block; margin-bottom:12px;}
.abox .left .more{ margin-top:1vw;}
.abox .left .more a{ display:inline-block; padding:0.78125vw 3.4vw; font-size:16px; line-height:26px; border-radius:80px; border:2px solid #333;}
.abox .left .more a:hover{ background-color:#268dc9; color:#fff; border:2px solid #268dc9;}

/*advantage*/
.ybox{ width:100%; position:relative; z-index:3;}
.ybox .bg{ /*width:calc(92.1875% - 240px);*/ width:100%; height:100%; background-color:#268dc9; position:absolute; left:0; top:0; z-index:1;}
.ybox .box{ width:84.375%; margin:auto; padding:4.427vw 0; position:relative; z-index:3;}
.ybox .box .left{ display:block; /*width:calc(100% - 430px);*/ width:100%; float:left; display:flex; justify-content:space-between; overflow:hidden;}
.ybox .box .left dt{ width:23.42%; display:block;}
.ybox .box .left dd{ width:23.42%; display:block; color:#fff;}
.ybox .box .left b{ display:block; font-size:50px; line-height:60px; text-align:center; font-family:yriadb,'yriadb';}
.ybox .box .left span{ display:block; font-size:16px; line-height:26px; text-align:center; margin-top:1vw;}
.ybox .box .right{ position:absolute; right:0; bottom:1.3vw; overflow:hidden; display:none;}
.ybox .box .right p{ display:block; overflow:hidden; font-size:50px; line-height:60px; font-weight:bold; text-transform:uppercase; color:#268dc9; font-family:yriadb,'yriadb';}
.ybox .box .right p span{ color:#fff;}
.ybox .box .right b{ display:block; overflow:hidden; margin-top:2px;}
.ybox .box .right b a{ width:80px; height:2px; display:none; margin-right:10px; margin-top:33px; background-color:#268dc9; float:right;}
.ybox .box .right b span{ display:block; float:right; font-size:30px; line-height:40px;}

/*why*/
.wbox{ width:84.375%; padding:5vw 7.8125%; background-color:#fff; display:flex; align-items:center;}
.wbox .left{ width:50%; overflow:hidden;}
.wbox .left .title{ width:100%; margin-top:-10px; margin-bottom:10px;}
.wbox .left .title p{ display:block; overflow:hidden; vertical-align:text-bottom;}
.wbox .left .title p span{ display:block; font-size:50px; line-height:60px; font-weight:bold; text-transform:uppercase; color:#268dc9; font-family:yriadb,'yriadb';}
.wbox .left .title p a{ width:80px; height:2px; display:none; margin-left:10px; background-color:#268dc9;}
.wbox .left .title b{ display:block; overflow:hidden; font-size:30px; line-height:40px; margin-top:2px;}
.wbox .left .wen{ display:none; margin-top:2vw; font-size:16px; line-height:30px; width:87%;}
.wbox .left .list{ display:block; overflow:hidden;}
.wbox .left .list li{ display:block; overflow:hidden; margin-top:1vw;}
.wbox .left .list li>strong{ width:4.2vw; height:4.2vw; border-radius:100%; float:left; font-size:30px; color:#fff; text-align:center; line-height:4.2vw; background-color:#268dc9; -webkit-transition:-webkit-transform 1s,height 1s,width 1s; display:block; overflow:hidden;}
.wbox .left .list li:hover>strong{ -webkit-transform:rotateY(-360deg);}
.wbox .left .list li>div{ display:block; width:calc(98% - 4.2vw); float:left; margin-left:2%; overflow:hidden;}
.wbox .left .list li>div .bt{ font-weight:bold; display:block; font-size:20px; line-height:30px; width:70%;}
.wbox .left .list li>div .wenz{ display:block; font-size:16px; line-height:28px; margin-top:-12px;}
.wbox .left .list li>div .wenz>p{ display:block; margin-top:12px;}
.wbox .right{ width:43.8%; margin-left:6.2%;}
.wbox .right img{ width:100%; display:block;}

/*product*/
.pbox{ width:100%; position:relative; z-index:1; background-color:#eee;}
.pbox .cont{ width:36.98%; padding:5vw 7.8125%; float:right; overflow:hidden;}
.pbox .cont .title{ width:100%; margin-top:-10px;}
.pbox .cont .title p{ display:block; overflow:hidden; vertical-align:text-bottom;}
.pbox .cont .title p span{ display:block; font-size:50px; line-height:60px; font-weight:bold; text-transform:uppercase; color:#268dc9; font-family:yriadb,'yriadb';}
.pbox .cont .title p a{ width:80px; height:2px;  display:none; margin-left:10px; background-color:#268dc9;}
.pbox .cont .title b{ display:block; overflow:hidden; font-size:30px; line-height:40px; margin-top:2px;}
.pbox .cont .wen{ font-size:16px; line-height:28px; height:180px; margin-top:1vw; display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:5; overflow:hidden;}
.pbox .cont .wen > p{ display:block; margin-bottom:12px;}
.pbox .cont .more{ margin-top:1vw;}
.pbox .cont .more a{ display:inline-block; padding:0.78125vw 3.4vw; font-size:16px; line-height:26px; border-radius:80px; border:2px solid #333;}
.pbox .cont .more a:hover{ background-color:#268dc9; color:#fff; border:2px solid #268dc9;}
.pbox .gallery-top{ width:47.3947%; float:left; overflow:hidden; position:relative; z-index:1;}
.pbox .gallery-top .swiper-slide{ opacity:0 !important;}
.pbox .gallery-top .swiper-slide.swiper-slide-active{ opacity:1 !important;}
.pbox .gallery-top .swiper-slide img{ width:100%; display:block;}
.pbox .thumbs{ border-radius:10px; background-color:#fff; position:absolute; right:7.8125%; bottom:5vw; z-index:3; padding:1.3vw 3.6%; width:44.79%; overflow:hidden;}
.pbox .thumbs a{ width:88%; display:block; overflow:hidden; position:relative; margin:auto;}
.pbox .thumbs a img{ width:100%; display:block;}
.pbox .thumbs .swiper-slide-thumb-active a b{ display:block; overflow:hidden; width:100%; height:100%; border:3px solid #268dc9; box-sizing:border-box; position:absolute; left:0; top:0;}
.pbox .swiper-button-white{ position:absolute; cursor:pointer; width:1.6%; top:50%; transform:translateY(-50%);}
.pbox .swiper-button-white img{ width:100%; display:block;}
.pbox .swiper-button-prev{ left:3%;}
.pbox .swiper-button-next{ right:3%;}

/*other*/
.obox{ display:none; padding:5vw 7.8125%; position:relative; background-color:#fff;}
.obox .cont{ width:100%; overflow:hidden; margin-top:-10px; display:flex; align-items:flex-start;}
.obox .cont .title{ width:55.56%;}
.obox .cont .title p{ display:block; overflow:hidden; vertical-align:text-bottom;}
.obox .cont .title p span{ display:block; font-size:50px; line-height:60px; font-weight:bold; text-transform:uppercase; color:#268dc9; font-family:yriadb,'yriadb';}
.obox .cont .title p a{ width:80px; height:2px; display:none; margin-left:10px; background-color:#268dc9;}
.obox .cont .title b{ display:block; overflow:hidden; font-size:30px; line-height:40px; margin-top:2px;}
.obox .cont .wen{ width:44.44%; font-size:16px; line-height:28px; overflow:hidden;}
.obox .cont .wen>p{ margin-bottom:12px;}
.obox .list{ display:block; width:100%;}
.obox .list li{ width:22.84%; display:block; float:left; overflow:hidden; margin-right:2.88%; margin-top:1vw; background-position:center; background-repeat:no-repeat; background-size:cover; height:26vw; cursor:pointer; position:relative;}
.obox .list li:nth-child(4){ margin-right:0;}
.obox .list li a{ display:block; width:100%; height:100%; position:absolute; left:0; top:100%; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s; background-color:rgba(0,0,0,0.7); text-align:center;}
.obox .list li:hover a{ top:0;}
.obox .list li .w01{ width:84%; margin:2.34375vw auto; margin-bottom:0.78125vw; font-size:20px; line-height:30px; font-weight:bold; color:#fff;}
.obox .list li .w02{ width:19%; margin:auto; height:2px; background-color:#00aeef;}
.obox .list li .w03{ width:84%; margin:1.3vw auto; color:#fff; font-size:16px; line-height:28px; display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:8; overflow:hidden;}
.obox .list li .w04{ width:100%;}
.obox .list li .w04 img{ display:block; width:9.7%; max-width:36px; margin:auto;}

/*news*/
.nbox{ padding:5vw 7.8125%; position:relative; background-color:#eee; display:none;}
.nbox .cont{ width:100%; overflow:hidden; margin-top:-10px; display:flex; align-items:flex-start;}
.nbox .cont .title{ width:55.56%;}
.nbox .cont .title p{ display:block; overflow:hidden; vertical-align:text-bottom;}
.nbox .cont .title p span{ display:block; font-size:50px; line-height:60px; font-weight:bold; text-transform:uppercase; color:#268dc9; font-family:yriadb,'yriadb';}
.nbox .cont .title p a{ width:80px; height:2px; display:none; margin-left:10px; background-color:#268dc9;}
.nbox .cont .title b{ display:block; overflow:hidden; font-size:30px; line-height:40px; margin-top:2px;}
.nbox .cont .wen{ width:44.44%; font-size:16px; line-height:28px; overflow:hidden;}
.nbox .cont .wen > p{ display:block; margin-bottom:12px;}
.nbox .box{ width:100%; overflow:hidden; margin-top:2.125vw;}
.nbox .box .left{ width:24.69%; height:30.2vw; border-radius:10px; float:left; background-position:center; background-size:cover; background-repeat:no-repeat;}
.nbox .box .left a{ display:block; width:100%; height:100%; position:relative; overflow:hidden; background:linear-gradient(to bottom,rgba(0,0,0,0.0),rgba(0,0,0,0.9));}
.nbox .box .left .wen{ position:absolute; left:0; bottom:0; padding:2.34vw 7.5%; width:85%; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.nbox .box .left .wen .n01{ font-size:16px; line-height:26px; color:#fff;}
.nbox .box .left .wen .n02{ font-size:20px; line-height:30px; color:#fff; height:30px; font-weight:bold; margin-top:.2vw; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.nbox .box .left .wen .n03{ font-size:16px; line-height:26px; color:#fff; height:52px; margin-top:.2vw; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow:hidden;}
.nbox .box .left .wen .n04{ font-size:16px; line-height:26px; color:#fff; margin-top:.4vw;}
.nbox .box .left a:hover .wen{ padding-bottom:2.86vw;}
.nbox .box .mil{ width:24.69%; height:30.2vw; border-radius:10px; float:left; background-color:#fff; margin:0 2.47%;}
.nbox .box .mil a{ width:100%; height:100%; display:block; position:relative; overflow:hidden;}
.nbox .box .mil .wen{ padding:2.34vw 7.5%;}
.nbox .box .mil .wen .n01{ font-size:16px; line-height:26px; color:#268dc9;}
.nbox .box .mil .wen .n02{ font-size:20px; line-height:30px; color:#333; height:30px; font-weight:bold; margin-top:.2vw; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.nbox .box .mil .wen .n03{ font-size:16px; line-height:26px; color:#333; height:52px; margin-top:.2vw; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow:hidden;}
.nbox .box .mil .wen .n04{ font-size:16px; line-height:26px; color:#999; margin-top:.4vw;}
.nbox .box .mil .tu{ width:85%; height:12.5vw; position:absolute; left:7.5%; bottom:2.34vw;}
.nbox .box .mil .tu img{ width:100%; display:block;}
.nbox .box .mil .wen .n02:hover{ color:#268dc9;}
.nbox .box .mil .wen .n04:hover{ color:#268dc9;}
.nbox .box .right{ width:45.68%; display:block; float:right; margin-top:-0.805vw;}
.nbox .box .right li{ display:flex; align-items:center; height:9.53vw; margin-top:0.805vw; border-radius:10px; background-color:#fff; overflow:hidden;}
.nbox .box .right li a{ padding:0 4%; display:block; overflow:hidden;}
.nbox .box .right li .zc{ width:84px; float:left; padding-right:1px; position:relative;}
.nbox .box .right li .zc b{ font-size:40px; line-height:50px; display:block; color:#268dc9;}
.nbox .box .right li .zc p{ font-size:18px; line-height:24px; display:block; color:#666;}
.nbox .box .right li .zc span{ width:1px; height:50px; background-color:#cacaca; position:absolute; right:0; top:5px; display:block; overflow:hidden;}
.nbox .box .right li .yc{ float:right; width:calc(100% - 105px);}
.nbox .box .right li .yc b{ font-size:20px; line-height:30px; display:block; height:30px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.nbox .box .right li .yc p{ font-size:16px; line-height:26px; height:52px; margin:0.2vw 0; display:block; color:#666; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow:hidden;}
.nbox .box .right li .yc span{ font-size:16px; line-height:26px; display:block; color:#999;}
.nbox .box .right li:hover .yc b{ color:#268dc9;}

/*service*/
.sbox{ padding:5vw 7.8125%; position:relative; background-color:#fff;}
.sbox .cont{ width:100%; overflow:hidden; margin-top:-10px; display:flex; align-items:flex-start;}
.sbox .cont .title{ width:55.56%;}
.sbox .cont .title p{ display:block; overflow:hidden; vertical-align:text-bottom;}
.sbox .cont .title p span{ display:block; font-size:50px; line-height:60px; font-weight:bold; text-transform:uppercase; color:#268dc9; font-family:yriadb,'yriadb';}
.sbox .cont .title p a{ width:80px; height:2px; display:none; margin-left:10px; background-color:#268dc9;}
.sbox .cont .title b{ display:block; overflow:hidden; font-size:30px; line-height:40px; margin-top:2px;}
.sbox .cont .wen{ width:44.44%; font-size:16px; line-height:28px; overflow:hidden;}
.sbox .cont .wen > p{ display:block; margin-bottom:12px;}
.sbox .box{ display:block; width:100%; overflow:hidden;}
.sbox .box li{ width:22.84%; display:block; float:left; overflow:hidden; margin-left:2.88%; margin-top:1vw; cursor:pointer; position:relative;}
.sbox .box li:nth-child(4n+1){ clear:left; float:left; margin-left:0;}
.sbox .box li .tu{ width:100%; height:26vw; position:relative;}
.sbox .box li .tu .s01{ width:100%; height:100%;}
.sbox .box li .tu .s01 img{ width:100%; display:block;}
.sbox .box li .tu .s03{ display:none; width:0; height:0; border-bottom:5.2vw solid #fff; border-left:5.2vw solid transparent; position:absolute; right:0; bottom:0; z-index:3;}
.sbox .box li .tu .s02{ position:absolute; left:0; top:0; width:100%; height:100%; background-color:rgba(0,0,0,0.7); z-index:2; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s; opacity:0;}
.sbox .box li .tu .s02 strong{ display:block; height:3.125vw; position:absolute; top:50%; left:50%; transform:translateX(-50%) translateY(-50%);}
.sbox .box li .tu .s02 strong img{ display:block; height:100%;}
.sbox .box li .tu .s02 span{ font-size:20px; line-height:24px; color:#fff; display:block; text-transform:uppercase; position:absolute; left:1.5625vw; bottom:1vw;}
.sbox .box li .tu .s02 p{ font-size:70px; line-height:70px; color:#fff; display:block; opacity:0.1; position:absolute; right:1.5625vw; bottom:1vw;}
.sbox .box li:hover .tu .s02{ opacity:1;}
.sbox .box li .wen{ margin-top:.5vw;}
.sbox .box li .wen .s01{ font-weight:bold; font-size:20px; line-height:30px; text-transform:capitalize;}
.sbox .box li .wen .s02{ display:none; font-size:16px; line-height:26px; margin-top:.1vw;}
.sbox .box li .wen .s03{ font-size:16px; line-height:26px; margin-top:.1vw;}
.sbox .box li:hover .wen .s01{ color:#268dc9;}

.sbox .gun{ width:100%; position:relative; margin-top:3vw;}
.sbox .gun .swiper-slide{ width:200px; height:100px; overflow:hidden; position:relative;}
.sbox .gun .swiper-slide a{ display:flex; align-items:center; height:98px; width:198px; overflow:hidden; border:1px solid #cacaca;}
.sbox .gun .swiper-slide img{ max-width:100%; max-height:98px; display:block; margin:auto;}
.sbox .gun .swiper-slide:hover a{ border:1px solid #268dc9;}

/*footer*/
.footer{ background-color:#268dc9; padding:3.125vw 7.8125%; width:100%; box-sizing:border-box;}
.footer .left{ width:80%; max-width:425px; float:left;}
.footer .left .f02{ display:block; margin-top:-1vw;}
.footer .left .f02 li{ width:100%; float:left; display:block; margin-top:1vw;} 
.footer .left .f02 li img{ display:block; float:left; height:20px;}
.footer .left .f02 li span{ width:20px; height:20px; display:block; float:left; position:relative;}
.footer .left .f02 li span img{ max-width:30px; height:30px; display:block; position:absolute; top:50%; left:50%; transform:translateX(-50%) translateY(-50%);}
.footer .left .f02 li a{ width:20px; height:20px; display:block; float:left; position:relative;}
.footer .left .f02 li a img{ max-width:26px; height:26px; display:block; position:absolute; top:50%; left:50%; transform:translateX(-50%) translateY(-50%);}
.footer .left .f02 li p{ width:calc(100% - 30px); float:right; font-size:16px; line-height:20px; color:#fff;}
.footer .right{ width:20%; max-width:280px; float:right; margin-top:-5px;}
.footer .right .f01{ font-size:26px; line-height:36px; font-weight:bold; color:#fff;}
.footer .right .f02{ width:100%; padding-top:.37vw;}
.footer .right .f02 a{ display:block; font-size:16px; line-height:20px; color:#333; margin-top:.5vw;}
.footer .right .f02 a:hover{ color:#fff;}
.footer .f03{ width:100%; margin-top:3vw; text-align:center; float:left; font-size:16px; line-height:28px; color:#eee;}
.footer .f03 a{ color:#eee;}
/*.footer .left{ background-color:#268dc9; padding:3.125vw 7.8125%; padding-right:5.2%; width:48.96%;}
.footer .left .f01{ margin-top:-5px; position:relative;}
.footer .left .f01 p{ display:block; font-size:36px; line-height:46px; font-weight:bold; color:#fff; padding-right:9.57%; background-color:#268dc9; position:relative; z-index:2; float:left;}
.footer .left .f01 b{ height:4px; background-color:#fff; opacity:0.3; display:block; width:100%; position:absolute; left:0; top:50%; margin-top:-2px;}
.footer .left .f02{ display:block; margin-top:1.3vw;}
.footer .left .f02 li{ display:block; overflow:hidden; margin-bottom:1vw;} 
.footer .left .f02 li img{ display:block; float:left; height:20px;}
.footer .left .f02 li p{ width:calc(100% - 30px); float:right; font-size:16px; line-height:20px; color:#fff;}
.footer .right{ background-color:#333; width:38.0275%; padding-right:7.8125%; position:relative;}
.footer .right .f01{ position:absolute; left:6.85%; top:3.125vw; width:3.8%;}
.footer .right .f01 img{ width:100%; display:block;}
.footer .right .f02{ text-align:center; width:100%; padding-top:3.125vw; text-align:right;}
.footer .right .f02 a{ display:inline-block; width:20.55%; margin-left:5%;}
.footer .right .f02 a img{ width:100%; display:block;}
.footer .right .f02 a span{ display:block; text-align:center; font-size:16px; line-height:28px; color:#fff; margin-top:0.5vw;}
.footer .right .f03{ text-align:right; position:absolute; right:18.55%; bottom:1.3vw; font-size:16px; line-height:28px; color:#fff; opacity:0.3;}
.footer .right .f03 a{ color:#fff;}*/

/*返回顶部*/
#gotop{ width:40px; height:40px; display:block; cursor:pointer; background-color:rgba(38,75,137,0.7); border-radius:5px; position:fixed; right:3%; bottom:5%; z-index:99; overflow:hidden;}
#gotop img{ width:100%; display:block;}

/*内页*/
.ban{ overflow:visible; width:100%; height:25vw; background-position:center; background-repeat:no-repeat; background-size:cover; margin-top:140px; position:relative; z-index:1;}
.ban .wen{ position:absolute; width:40.625%; left:7.8125%; top:50%; transform:translateY(-50%);}
.ban .wen .b01{ font-size:50px; line-height:60px; color:#fff; font-weight:bold; font-family:yriadb,'yriadb';}
.ban .wen .b02{ font-size:18px; line-height:28px; color:#fff; margin-top:1.5625vw;}
.ban .wei{ display:none; position:absolute; right:7.8125%; bottom:1.3vw; font-size:16px; line-height:28px; color:#fff; text-transform:capitalize;}
.ban .wei a{ color:#fff;}
.ban .dao{ max-width:50%; position:absolute; right:7.8125%; top:100%; margin-top:5vw;}
.ban .dao a{ display:block; float:left; margin-left:1.5vw; margin-bottom:.5vw; padding:0 20px; font-size:16px; line-height:40px; height:40px; border-radius:5px; background-color:#eee;}
.ban .dao a:hover{ color:#268dc9;}
.ban .dao a.on{ background-color:#268dc9; color:#fff;}

/*关于我们*/
.ab01{ width:100%; position:relative; z-index:1; display:flex;}
.ab01 .right{ width:41.8475%; float:right; border-bottom-right-radius:30px; border-top-left-radius:30px; margin:5vw 7.8125%; margin-left:3.8125%; overflow:hidden;}
.ab01 .right img{ width:100%; display:block;}
.ab01 .left{ width:45.5275%; float:left; position:relative;}
.ab01 .left .title{ position:relative; z-index:3; padding:3vw 15.46%; background-color:#268dc9; border-bottom-right-radius:30px;}
.ab01 .left .title p{ display:block; overflow:hidden; margin-top:-10px;}
.ab01 .left .title p span{ display:block; font-size:50px; line-height:60px; font-weight:bold; text-transform:uppercase; color:#fff; font-family:yriadb,'yriadb';}
.ab01 .left .title p a{ width:80px; height:2px; display:none; margin-left:10px; background-color:#fff;}
.ab01 .left .title b{ display:block; overflow:hidden; font-size:30px; line-height:40px; margin-top:2px; color:#fff;}
.ab01 .left .wen{ margin:5vw 15.46%; margin-top:1vw; margin-right:0; font-size:16px; line-height:28px; overflow:hidden;}
.ab01 .left .wen>p{ display:block; margin-top:12px;}

.ab02{ width:100%; position:relative; z-index:3; padding-bottom:5vw;}
.ab02 .bg{ width:100%; height:10vw; position:absolute; left:0; bottom:0; background-color:#268dc9; z-index:1;}
.ab02 .box{ width:84.375%; margin:auto; position:relative; z-index:3;}
.ab02 .box .left{ width:60%; display:block; float:left; padding-bottom:3vw; padding-top:2vw; background-color:#eee; border-bottom-right-radius:30px; border-top-left-radius:30px;}
.ab02 .box .left dt{ width:45.5%; display:block; margin-right:3%; float:left; margin-top:1vw;}
.ab02 .box .left b{ display:block; font-size:50px; line-height:60px; text-align:center; font-family:yriadb,'yriadb';}
.ab02 .box .left span{ display:block; font-size:16px; line-height:26px; text-align:center;}
.ab02 .box .left dt:nth-child(2) b,.ab02 .box .left dt:nth-child(3) b{ color:#268dc9;}
.ab02 .box .right{ width:35%; float:right; margin-top:1vw; text-align:right;}
.ab02 .box .right p{ display:block; overflow:hidden; margin-top:-10px;}
.ab02 .box .right p span{ display:block; float:right; font-size:50px; line-height:60px; font-weight:bold; text-transform:uppercase; color:#268dc9; font-family:yriadb,'yriadb';}
.ab02 .box .right p a{ width:80px; height:2px; display:none; margin-right:10px; margin-top:45px; background-color:#268dc9; float:right;}
.ab02 .box .right b{ float:right; display:block; overflow:hidden; font-size:30px; line-height:40px; margin-top:2px;}

.ab03{ width:84.375%; padding:5vw 7.8125%; background-color:#fff; position:relative;}
.ab03 .left{ float:left; width:40.74%;}
.ab03 .title{ width:100%;}
.ab03 .left .title p{ display:block; overflow:hidden; vertical-align:text-bottom;}
.ab03 .left .title p span{ display:block; font-size:50px; line-height:60px; font-weight:bold; text-transform:uppercase; color:#268dc9; font-family:yriadb,'yriadb';}
.ab03 .left .title p a{ width:80px; height:2px; display:none; margin-left:10px; background-color:#268dc9;}
.ab03 .left .title b{ display:block; overflow:hidden; font-size:30px; line-height:40px; margin-top:2px;}
.ab03 .left .wen{ margin-top:2vw; font-size:16px; line-height:30px;}
.ab03 .right{ width:50%; float:right; position:relative; z-index:3; border-bottom-right-radius:30px; border-top-left-radius:30px; overflow:hidden;}
.ab03 .right img{ width:100%; display:block;}

.ab04{ width:84.375%; padding:5vw 7.8125%; background-color:#fff; position:relative;}
.ab04 .title{ width:100%; margin-top:-10px;}
.ab04 .title p{ display:block; overflow:hidden; vertical-align:text-bottom;}
.ab04 .title p span{ display:block; font-size:50px; line-height:60px; font-weight:bold; text-transform:uppercase; color:#268dc9; font-family:yriadb,'yriadb';}
.ab04 .title p a{ width:80px; height:2px; display:none; margin-left:10px; background-color:#268dc9;}
.ab04 .title b{ display:block; overflow:hidden; font-size:30px; line-height:40px; margin-top:2px;}
.ab04 .list{ width:100%;}
.ab04 .list a{ width:22.84%; height:13vw; display:block; float:left; overflow:hidden; margin-left:2.88%; margin-top:2.125vw; cursor:pointer; position:relative;}
.ab04 .list a:nth-child(4n+1){ clear:left; float:left; margin-left:0;}
.ab04 .list a img{ height:100%; margin:auto; display:block; transition-delay:0s; transition-duration:1s; transition-property:all; transition-timing-function:ease; -moz-transition-delay:0s; -moz-transition-duration:1s; -moz-transition-property:all; -moz-transition-timing-function:ease; -webkit-transition-delay:0s; -webkit-transition-duration:1s; -webkit-transition-property:all; -webkit-transition-timing-function:ease; -o-transition-delay:0s; -o-transition-duration:1s; -o-transition-property:all; -o-transition-timing-function:ease;}
.ab04 .list a span{ display:block; width:100%; height:40px; line-height:40px; background-color:rgba(0,0,0,0.7); font-size:16px; color:#fff; text-align:center; position:absolute; left:0; bottom:0;}
.ab04 .list a:hover 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);}

.ab04 .list01{ width:100%;}
.ab04 .list01 a{ width:17.6%; height:20.82vw; display:block; float:left; overflow:hidden; margin-left:3%; margin-top:1vw; cursor:pointer; position:relative; border:1px solid #cacaca; box-sizing:border-box;}
.ab04 .list01 a:nth-child(5n+1){ clear:left; float:left; margin-left:0;}
.ab04 .list01 a img{ width:100%; margin:auto; display:block; transition-delay:0s; transition-duration:1s; transition-property:all; transition-timing-function:ease; -moz-transition-delay:0s; -moz-transition-duration:1s; -moz-transition-property:all; -moz-transition-timing-function:ease; -webkit-transition-delay:0s; -webkit-transition-duration:1s; -webkit-transition-property:all; -webkit-transition-timing-function:ease; -o-transition-delay:0s; -o-transition-duration:1s; -o-transition-property:all; -o-transition-timing-function:ease;}
.ab04 .list01 a span{ display:block; width:100%; height:40px; line-height:40px; background-color:rgba(0,0,0,0.7); font-size:16px; color:#fff; text-align:center; position:absolute; left:0; bottom:0;}
.ab04 .list01 a:hover 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);}

.fanye{ text-align:center; font-size:16px; margin-top:2.125vw;}
.fanye li{ margin:0 3px; display:inline-block;}
.fanye li a{ min-width:14px; padding:0 5px; height:24px; line-height:24px; background-color:#f2f2f2; border-radius:3px; display:block;}
.fanye li span{ min-width:14px; padding:0 5px; height:24px; line-height:24px; border-radius:3px; display:block;}
.fanye li.active span{ color:#fff; background-color:#268dc9;}
.fanye li.disabled span{ color:#aaa; background-color:#f2f2f2; cursor:no-drop;}
.fanye li a:hover{ color:#268dc9;}

.ab04 .wen{ width:100%; font-size:16px; line-height:28px; margin-top:1vw;}
.ab04 .wen img{ max-width:100%; height:auto;}
.ab04 .wen>p{ display:block; margin-bottom:12px;}

.con .box .ww{ width:100%; font-size:16px; line-height:28px; margin-top:1vw; padding-bottom:1vw;}
.con .box .ww img{ max-width:100%; height:auto;}
.con .box .ww>p{ display:block; margin-bottom:12px;}

/*为什么选择我们*/
.why01{ width:84.375%; padding:5vw 7.8125%; background-color:#fff; position:relative; display:flex;}
.why01 .bg{ width:20vw; height:100%; position:absolute; right:0; top:0; z-index:1; background-color:#268dc9;}
.why01 .box{ width:100%; position:relative; z-index:9; background-color:#eee;}
.why01 .left{ float:left; width:75%; padding:5vw; box-sizing:border-box;}
.why01 .title{ width:100%;}
.why01 .title p{ display:block; overflow:hidden; vertical-align:text-bottom;}
.why01 .title p span{ display:block; font-size:50px; line-height:60px; font-weight:bold; text-transform:uppercase; color:#268dc9; font-family:yriadb,'yriadb';}
.why01 .title p a{ width:80px; height:2px; display:none; margin-left:10px; background-color:#268dc9;}
.why01 .title b{ display:block; overflow:hidden; font-size:30px; line-height:40px; margin-top:2px;}
.why01 .left .bt{ font-size:20px; line-height:30px; font-weight:bold; margin-top:2.125vw;}
.why01 .left .wen{ font-size:16px; line-height:28px; width:100%; margin-top:1vw;}
.why01 .left .wen>p{ display:block; margin-bottom:12px;}
.why01 .right{ width:25%; float:right;}
.why01 .right .tu{ width:100%;}
.why01 .right .tu img{ width:100%; display:block;}
.why01:nth-child(2n+1){ flex-direction:row-reverse;}
.why01:nth-child(2n+1) .bg{ left:0; right:auto;}
.why01:nth-child(2n+1) .left{ float:right;}

.why02{ width:100%; position:relative; background-color:#eee;}
.why02 .left{ float:left; width:58%; margin-left:7.8125%; padding:5vw 0;}
.why02 .title{ width:100%; margin-top:-10px;}
.why02 .title p{ display:block; overflow:hidden; vertical-align:text-bottom;}
.why02 .title p span{ display:block; font-size:50px; line-height:60px; font-weight:bold; text-transform:uppercase; color:#268dc9; font-family:yriadb,'yriadb';}
.why02 .title p a{ width:80px; height:2px; display:none; margin-left:10px; background-color:#268dc9;}
.why02 .title b{ display:block; overflow:hidden; font-size:30px; line-height:40px; margin-top:2px;}
.why02 .left .list{ width:100%; display:flex; overflow:hidden; flex-wrap:wrap; margin-top:-1vw;}
.why02 .left .list li{ width:42%; float:left; margin-right:8%; display:block; overflow:hidden; padding-top:2.34375vw; padding-bottom:1.3vw; position:relative;}
.why02 .left .list li>a{ display:block; width:100%; height:4px; position:absolute; left:0; bottom:0; background-color:#999;}
.why02 .left .list li>a em{ display:block; width:20%; height:4px; background-color:#268dc9; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.why02 .left .list li:hover>a em{ width:100%;}
.why02 .left .list li>div{ display:block; width:100%; overflow:hidden;}
.why02 .left .list li>div .bt{ display:block; font-size:20px; line-height:30px;}
.why02 .left .list li>div .wen{ display:block; font-size:16px; line-height:26px; margin-top:0.5vw;}
.why02 .right{ width:34.1875%; position:absolute; right:0; top:0; height:100%; border-bottom-left-radius:100%; border-top-left-radius:100%; background-position:center; background-repeat:no-repeat; background-size:cover;}

/*蹦床产品*/
.pro{ padding:5vw 7.8125%; position:relative; background-color:#fff;}
.pro .title{ width:100%; margin-top:-10px;}
.pro .title p{ display:block; overflow:hidden; vertical-align:text-bottom;}
.pro .title p span{ display:block; font-size:50px; line-height:60px; font-weight:bold; text-transform:uppercase; color:#268dc9; font-family:yriadb,'yriadb';}
.pro .title p a{ width:80px; height:2px; display:none; margin-left:10px; background-color:#268dc9;}
.pro .title b{ display:block; overflow:hidden; font-size:30px; line-height:40px; margin-top:2px;}
.pro .ser01:nth-child(2){ margin-top:50px;}
.pro .ser01{ display:block; position:relative; display:flex; align-items:center;}
.pro .ser02{ display:block; position:relative; display:flex; align-items:center;}
.pro .right{ width:47%; margin-left:6%; border-bottom-right-radius:30px; border-top-left-radius:30px;}
.pro .right img{ width:100%; display:block;}
.pro .left{ width:47%;}
.pro .left .bt{ width:100%; margin-top:-5px;}
.pro .left .bt b{ display:block; font-size:36px; line-height:46px; color:#268dc9;}
.pro .left .bt p{ display:block; margin-top:0.78125vw; width:5vw; height:2px; background-color:#264b89;}
.pro .left .wen{ margin:1vw 0; font-size:16px; line-height:28px; display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:5; overflow:hidden;}
.pro .left .wen>p{ display:block; margin-bottom:12px;}
.pro .left .more{ width:100%;}
.pro .left .more a{ display:inline-block; padding:0.5vw 3vw; font-size:16px; line-height:26px; border-radius:80px; border:2px solid #333;}
.pro .left .more a:hover{ background-color:#268dc9; color:#fff; border:2px solid #268dc9;}
.pro .ser02 .right{ margin-right:6%; margin-left:0;}
.pro .ser01 .left{ text-align:right;}
.pro .ser01 .left .bt p{ float:right;}

/*产品内页*/
.ny{ padding:5vw 7.8125%; padding-bottom:0; width:84.375%; position:relative; z-index:1;}
.ny .title{ width:100%; margin-top:-5px;}
.ny .title b{ display:block; font-size:36px; line-height:46px; color:#268dc9;}
.ny .title span{ display:block; font-size:16px; line-height:26px; color:#333; margin-top:2px;}
.ny .title p{ display:block; margin-top:0.78125vw; width:5vw; height:2px; background-color:#264b89;}
.ny .wen{ margin-top:1vw; font-size:16px; line-height:28px;}
.ny .wen>p{ display:block; margin-bottom:12px;}
.ny .wen img{ max-width:100%; height:auto; display:block; margin:auto;}
#portfolio-nav{ width:100%; height:40px; padding:1vw 0; margin:auto; margin-top:1vw; position:relative; vertical-align:middle; text-align:center; border-top:1px solid #cacaca;}
#portfolio-nav .fh{ display:block; width:40px; height:40px; position:absolute; left:50%; margin-left:-20px; top:50%; margin-top:-20px;}
#portfolio-nav .fh p{ cursor:pointer; display:block; margin:auto; float:left; margin-left:17px; margin-top:17px; position:relative; background-position:11px center; background-repeat:no-repeat; -webkit-transition:all 0.2s linear; transition:all 0.2s linear; font-size:20px; width:40px; height:40px;}
#portfolio-nav .fh i { width:6px; height:6px; display:block; border-radius:0; transition:all 0.25s cubic-bezier(0.12, 0.75, 0.4, 1); -webkit-transition:all 0.25s cubic-bezier(0.12, 0.75, 0.4, 1); font-size:20px; left:18px; top:22px; color:#888; background-color:#888; box-shadow:-0.5em 0 #888, -0.5em 0.5em #888, 0.5em 0 #888, 0.5em -0.5em #888, 0 -0.5em #888, -0.5em -0.5em #888, 0 0.5em #888, 0.5em 0.5em #888;}
#portfolio-nav .fh:hover p i{ background-color:#268dc9; color:#268dc9; box-shadow:-0.6em 0 #268dc9, -0.6em 0.6em #268dc9, 0.6em 0 #268dc9, 0.6em -0.6em #268dc9, 0 -0.6em #268dc9, -0.6em -0.6em #268dc9, 0 0.6em #268dc9, 0.6em 0.6em #268dc9;}
#portfolio-nav .prev{ float:left; cursor:pointer; display:block; font-size:16px; line-height:40px;}
#portfolio-nav .prev p{ display:block; float:left; width:30px; transition:all 0.5s cubic-bezier(0.4, 0.5, 0.2, 1.2); position:relative; height:40px; margin-right:10px;}
#portfolio-nav .prev .ico{ display:block; float:left; width:30px; height:40px; background:url(../images/zz.png) no-repeat left center; background-size:10px 16px;}
#portfolio-nav .prev .line { width:0px; height:2px; position:absolute; left:0; top:50%; transition:all 0.5s cubic-bezier(0.4, 0.5, 0.2, 1.2); margin-top:-1px; background:#000;}
#portfolio-nav .prev:hover p{ width:40px;}
#portfolio-nav .prev:hover .line{ width:30px;}
#portfolio-nav .next{ float:right; cursor:pointer; display:block; font-size:16px; line-height:40px;}
#portfolio-nav .next p{ display:block; float:right; width:30px; transition:all 0.5s cubic-bezier(0.4, 0.5, 0.2, 1.2); position:relative; height:40px; margin-right:10px;}
#portfolio-nav .next .ico{ display:block; float:right; width:30px; height:40px; background:url(../images/yy.png) no-repeat right center; background-size:10px 16px;}
#portfolio-nav .next .line { width:0px; height:2px; position:absolute; right:0; top:50%; transition:all 0.5s cubic-bezier(0.4, 0.5, 0.2, 1.2); margin-top:-1px; background:#000;}
#portfolio-nav .next:hover p{ width:40px;}
#portfolio-nav .next:hover .line{ width:30px;}

/*其他产品*/
.pro .list{ display:block; width:100%;}
.pro .list li{ width:22.84%; display:block; float:left; overflow:hidden; margin-right:2.88%; margin-top:1vw; background-position:center; background-repeat:no-repeat; background-size:cover; height:26vw; cursor:pointer; position:relative;}
.pro .list li:nth-child(4){ margin-right:0;}
.pro .list li a{ display:block; width:100%; height:100%; position:absolute; left:0; top:100%; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s; background-color:rgba(0,0,0,0.7); text-align:center;}
.pro .list li:hover a{ top:0;}
.pro .list li .w01{ width:84%; margin:2.34375vw auto; margin-bottom:0.78125vw; font-size:20px; line-height:30px; font-weight:bold; color:#fff;}
.pro .list li .w02{ width:19%; margin:auto; height:2px; background-color:#00aeef;}
.pro .list li .w03{ width:84%; margin:1.3vw auto; color:#fff; font-size:16px; line-height:28px; display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:8; overflow:hidden;}
.pro .list li .w04{ width:100%;}
.pro .list li .w04 img{ display:block; width:9.7%; max-width:36px; margin:auto;}

/*新闻*/
.news{ padding:5vw 7.8125%; position:relative; background-color:#fff;}
.news .title{ width:100%; margin-top:-10px;}
.news .title p{ display:block; overflow:hidden; vertical-align:text-bottom;}
.news .title p span{ display:block; font-size:50px; line-height:60px; font-weight:bold; text-transform:uppercase; color:#268dc9; font-family:yriadb,'yriadb';}
.news .title p a{ width:80px; height:2px; display:none; margin-left:10px; background-color:#268dc9;}
.news .title b{ display:block; overflow:hidden; font-size:30px; line-height:40px; margin-top:2px;}
.news .list{ width:100%; overflow:hidden;}
.news .list li{ width:22.84%; height:27.93vw; border-radius:10px; float:left; background-position:center; background-size:cover; background-repeat:no-repeat; margin-right:2.88%; margin-top:1vw;}
.news .list li:nth-child(4n){ margin-right:0;}
.news .list li a{ display:block; width:100%; height:100%; position:relative; overflow:hidden; background:linear-gradient(to bottom,rgba(0,0,0,0.0),rgba(0,0,0,0.9));}
.news .list li .wen{ position:absolute; left:0; bottom:0; padding:2.34vw 7.5%; width:85%; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.news .list li .wen .n01{ font-size:16px; line-height:26px; color:#fff;}
.news .list li .wen .n02{ font-size:20px; line-height:30px; color:#fff; height:30px; font-weight:bold; margin-top:.2vw; text-overflow:ellipsis; white-space:nowrap;}
.news .list li .wen .n03{ font-size:16px; line-height:26px; color:#fff; height:52px; margin-top:.2vw; display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:2; }
.news .list li .wen .n04{ font-size:16px; line-height:26px; color:#fff; margin-top:.4vw;}
.news .list li a:hover .wen{ padding-bottom:2.86vw;}

/*服务*/
.fw{ padding:5vw 7.8125%; position:relative; background-color:#fff;}
.fw .title{ width:100%; margin-top:-10px;}
.fw .title p{ display:block; overflow:hidden; vertical-align:text-bottom;}
.fw .title p span{ display:block; font-size:50px; line-height:60px; font-weight:bold; text-transform:uppercase; color:#268dc9; font-family:yriadb,'yriadb';}
.fw .title p a{ width:80px; height:2px; display:none; margin-left:10px; background-color:#268dc9;}
.fw .title b{ display:block; overflow:hidden; font-size:30px; line-height:40px; margin-top:2px;}
.fw .box{ display:block; width:100%; overflow:hidden;}
.fw .box li{ width:22.84%; display:block; float:left; overflow:hidden; margin-left:2.88%; margin-top:2.125vw; cursor:pointer; position:relative;}
.fw .box li:nth-child(4n+1){ clear:left; float:left; margin-left:0;}
.fw .box li .tu{ width:100%; height:19.27vw; position:relative;}
.fw .box li .tu .s01{ width:100%; height:100%;}
.fw .box li .tu .s01 img{ width:100%; display:block;}
.fw .box li .tu .s03{ width:0; height:0; border-bottom:5.2vw solid #fff; border-left:5.2vw solid transparent; position:absolute; right:0; bottom:0; z-index:3;}
.fw .box li .tu .s02{ position:absolute; left:0; top:0; width:100%; height:100%; background-color:rgba(0,0,0,0.7); z-index:2; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s; opacity:0;}
.fw .box li .tu .s02 strong{ display:block; height:3.125vw; position:absolute; right:1.5625vw; top:1.5625vw;}
.fw .box li .tu .s02 strong img{ display:block; height:100%;}
.fw .box li .tu .s02 span{ font-size:20px; line-height:24px; color:#fff; display:block; text-transform:uppercase; position:absolute; left:1.5625vw; bottom:1vw;}
.fw .box li .tu .s02 p{ font-size:70px; line-height:70px; color:#fff; display:block; opacity:0.1; position:absolute; right:1.5625vw; bottom:1vw;}
.fw .box li:hover .tu .s02{ opacity:1;}
.fw .box li .wen{ font-weight:bold; font-size:20px; line-height:30px; margin-top:.5vw; text-transform:capitalize;}
.fw .box li:hover .wen{ color:#268dc9;}

.fw .box01{ display:block; width:100%; overflow:hidden;}
.fw .box01 li{ width:24.25%; display:block; float:left; overflow:hidden; margin-left:1%; margin-top:2.125vw; cursor:pointer; position:relative;}
.fw .box01 li:nth-child(4n+1){ clear:left; float:left; margin-left:0;}
.fw .box01 li .tu{ width:100%; height:20.46vw; position:relative;}
.fw .box01 li .tu .s01{ width:100%; height:100%;}
.fw .box01 li .tu .s01 img{ width:100%; display:block;}
.fw .box01 li .tu .s03{ width:0; height:0; border-bottom:5.2vw solid #fff; border-left:5.2vw solid transparent; position:absolute; right:0; bottom:0; z-index:3;}
.fw .box01 li .tu .s02{ position:absolute; left:0; top:0; width:100%; height:100%; background-color:rgba(0,0,0,0.7); z-index:2; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s; opacity:0;}
.fw .box01 li .tu .s02 strong{ display:block; height:3.125vw; position:absolute; right:1.5625vw; top:1.5625vw;}
.fw .box01 li .tu .s02 strong img{ display:block; height:100%;}
.fw .box01 li .tu .s02 span{ font-size:20px; line-height:24px; color:#fff; display:block; text-transform:uppercase; position:absolute; left:1.5625vw; bottom:1vw;}
.fw .box01 li .tu .s02 p{ font-size:70px; line-height:70px; color:#fff; display:block; opacity:0.1; position:absolute; right:1.5625vw; bottom:1vw;}
.fw .box01 li:hover .tu .s02{ opacity:1;}
.fw .box01 li .wen{ margin-top:.5vw;}
.fw .box01 li .wen .s01{ font-weight:bold; font-size:20px; line-height:30px; text-transform:capitalize;}
.fw .box01 li .wen .s02{ display:none; font-size:16px; line-height:26px; margin-top:.1vw;}
.fw .box01 li .wen .s03{ font-size:16px; line-height:26px; margin-top:.1vw;}
.fw .box01 li:hover .wen .s01{ color:#268dc9;}

/*联系我们*/
.con{ width:84.375%; padding:5vw 7.8125%;}
.con .box{ position:relative;}
.con .right{ width:50%; float:right;}
.con .right input{ display:block; width:60%; height:50px; line-height:50px; padding:0 20px; box-sizing:border-box; background-color:#eee; font-size:16px; border-radius:50px; margin-top:1.5vw;}
.con .right textarea{ display:block; width:100%; height:140px; line-height:30px; padding:10px 20px; box-sizing:border-box; background-color:#eee; font-size:16px; border-radius:20px; margin-top:1.5vw; overflow:auto;}
.con .right a{ display:block; width:200px; height:50px; line-height:50px; text-align:center; color:#fff; background-color:#268dc9; font-size:16px; border-radius:50px; margin-top:1.5vw;}
.con .left{ width:45%; float:left; margin-top:-5px;}
.con .title{ width:100%; margin-top:-10px;}
.con .title p{ display:block; overflow:hidden; vertical-align:text-bottom;}
.con .title p span{ display:block; font-size:50px; line-height:60px; font-weight:bold; text-transform:uppercase; color:#268dc9; font-family:yriadb,'yriadb';}
.con .title p a{ width:80px; height:2px; display:none; margin-left:10px; background-color:#268dc9;}
.con .title b{ display:block; overflow:hidden; font-size:30px; line-height:40px; margin-top:2px;}
.con .left .wen{ margin-top:2vw; font-size:16px; line-height:30px; width:87%;}
.con .list{ width:100%; display:block; padding-top:0.5vw;}
.con .list li{ background-size:50px 50px; padding-left:60px; display:block; margin-top:1vw; background-position:left top; background-repeat:no-repeat;}
.con .list li span{ display:block; font-size:16px; line-height:28px; overflow:hidden;}
.con .list li p{ display:block; font-size:18px; line-height:28px; overflow:hidden;}
#map{ width:100%; height:36vw;}

/*客户反馈*/
.con .fk{ width:80%; margin:auto; min-width:1000px;}
.con .fk p{ display:block; width:50%; float:left; position:relative; overflow:hidden;}
.con .fk p:nth-child(9){ width:100%;}
.con .fk p span{ position:absolute; right:0; top:1.5vw; font-size:16px; line-height:50px; color:#268dc9; margin-right:80px;}
.con .fk p:nth-child(9) span{ margin-right:0;}
.con .fk input{ display:block; width:calc(100% - 150px); height:50px; line-height:50px; padding:0 20px; box-sizing:border-box; background-color:#eee; font-size:16px; border-radius:50px; margin-top:1.5vw;}
.con .fk textarea{ display:block; width:calc(100% - 70px); height:140px; line-height:30px; padding:10px 20px; box-sizing:border-box; background-color:#eee; font-size:16px; border-radius:20px; margin-top:1.5vw; overflow:auto;}
.con .fk .about-form-lab{ width:100%; float:left;}
.con .fk a{ margin:auto; display:block; width:200px; height:50px; line-height:50px; text-align:center; color:#fff; background-color:#268dc9; font-size:16px; border-radius:50px; margin-top:1.5vw;}