@charset "utf-8";
/* CSS Document */

html,body{ width:100%; height:100%;}
body{ font-family:arial,sans-serif; font-size:14px; line-height:1.5; 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:#ec6941; height:40px; position:absolute; left:0; bottom:100px;}
.thead .top .head{ width:84.375%; margin:auto;}
.thead .top .left{ font-size:14px; line-height:40px; color:#fff; float:left;}
.thead .top .right{ float:right;}
.thead .top .right p{ display:block; float:left; margin-left:2vw; padding-left:26px; background-position:left center; background-repeat:no-repeat; font-size:14px; line-height:40px; color:#fff;}
.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:70px; float:left; margin:15px 0;}
.header .head .logo img{ display:block; height:70px;}
.header .head .nav{ float:right;}
.header .head .nav li{ display:block; float:left; height:100px; margin-left:2.6vw; position:relative;}
.header .head .nav li>a{ font-size:16px; display:block; height:100px; line-height:100px; position:relative; text-transform:uppercase; font-weight:700;}
.header .head .nav li>a b{ width:0; height:2px; display:block; position:absolute; left:0; bottom:0; background-color:#ec6941; -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{ 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:14px; 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:#ec6941;}
.header .head .nav li:hover p{ display:block;}
@media only screen and (max-width: 1600px){
.header .head .nav li{ margin-left:2vw;}
}
@media only screen and (max-width: 1500px){
.header .head .nav li{ margin-left:1.5vw;}
}
@media only screen and (max-width: 1400px){
.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%; background-position:center; background-repeat:no-repeat; background-size:cover;}
.banner .swiper-container .swiper-slide .wen{ position:absolute; width:40.625%; left:7.8125%; top:50%; transform:translateY(-50%);}
.banner .swiper-container .swiper-slide .wen .b01{ font-size:50px; line-height:60px; color:#fff; font-weight:bold;}
.banner .swiper-container .swiper-slide .wen .b02{ font-size:18px; line-height:28px; color:#fff; margin-top:1.5625vw;}
.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:1vw; height:1vw; margin:0 0.5vw; background-color:#fff; cursor:pointer; opacity:0.3; border-radius:100%; overflow:hidden;}
.banner .swiper-pagination span.swiper-pagination-bullet-active{ opacity:1;}

/*abox*/
.abox{ width:100%; position:relative; z-index:1;}
.abox .right{ width:41.66%; height:100%; background-position:center; background-repeat:no-repeat; background-size:cover; position:absolute; right:0; top:0;}
.abox .left{ padding:5vw 7.8125%; padding-bottom:10vw; width:42.715%;}
.abox .left .title{ width:100%; margin-top:-5px;}
.abox .left .title b{ display:block; font-size:50px; line-height:60px; color:#ec6941;}
.abox .left .title p{ display:block; margin-top:1vw; width:10.42vw; height:4px; background-color:#ff9915;}
.abox .left .wen{ margin:2vw 0; font-size:16px; line-height:30px; height:240px; display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:8; overflow:hidden;}
.abox .left .more{ width:100%;}
.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:#ec6941; color:#fff; border:2px solid #ec6941;}

/*advatage*/
.ybox{ width:100%; position:relative; z-index:3; margin-top:-5vw;}
.ybox .bg{ width:92.1875%; height:100%; background-color:#ec6941; position:absolute; left:0; top:0; z-index:1;}
.ybox .box{ width:76.5625%; margin-left:7.8125%; padding:5vw 0; position:relative; z-index:3;}
.ybox .box .left{ display:block; width:100%; display:flex; justify-content:space-between; margin-top:3vw;}
.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:60px; line-height:60px;}
.ybox .box .left span{ display:block; font-size:18px; line-height:26px; margin-top:1vw;}
.ybox .box .right{ width:100%;}
.ybox .box .right b{ display:block; font-size:50px; line-height:60px; color:#fff;}
.ybox .box .right p{ display:block; margin-top:1vw; width:10.42vw; height:4px; background-color:#fff;}

/*Expertise*/
.ebox{ width:84.375%; padding:5vw 7.8125%;}
.ebox .title{ width:100%; margin-top:-5px;}
.ebox .title b{ display:block; font-size:50px; line-height:60px; color:#ec6941;}
.ebox .title p{ display:block; margin-top:1vw; width:10.42vw; height:4px; background-color:#ff9915;}
.ebox .box{ width:100%; position:relative; margin-top:2vw;}
.ebox .box .wen{ font-size:16px; line-height:30px; width:50.62%;}
.ebox .box .list{ display:flex; flex-wrap:wrap; width:100%;}
.ebox .box .list li{ width:22.84%; display:block; float:left; overflow:hidden; margin-right:2.88%; margin-top:2.125vw; position:relative; background-color:#eee; padding:1vw; box-sizing:border-box;}
.ebox .box .list li:nth-child(4){ /*margin-top:-3.125vw;*/ margin-right:0;}
.ebox .box .list li a{ display:block; width:100%; text-align:center;}
.ebox .box .list li .w01{ width:100%; position:relative;}
.ebox .box .list li .w01>img{ width:100%; display:block; position:absolute; left:0; top:0; z-index:1;}
.ebox .box .list li .w01 b{ width:100%; padding-top:100%; display:block; position:relative; z-index:3; background-color:rgba(0,0,0,.7); -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s; opacity:0;}
.ebox .box .list li .w01 b img{ display:block; position:absolute; top:50%; left:50%; transform:translateX(-50%) translateY(-50%);}
.ebox .box .list li .w02{ width:100%; margin-top:0.78125vw; font-size:20px; line-height:30px; font-weight:bold; color:#333;}
.ebox .box .list li .w03{ width:100%; color:#666; font-size:14px; line-height:24px; height:48px; display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:2; overflow:hidden;}
.ebox .box .list li .w04{ width:19%; margin:0.78125vw auto; height:2px; background-color:#ec6941;}
.ebox .box .list li:hover{ background-color:#ec6941;}
.ebox .box .list li:hover .w01 b{ opacity:1;}
.ebox .box .list li:hover .w02,.ebox .box .list li:hover .w03{ color:#fff;}
.ebox .box .list li:hover .w04{ background-color:#fff;}

/*services*/
.sbox{ width:100%; background-color:#eee; position:relative;}
.sbox .title{ width:37.5%; position:absolute; right:7.8125%; top:5vw; margin-top:-5px; z-index:3;}
.sbox .title b{ display:block; font-size:50px; line-height:60px; color:#ec6941;}
.sbox .title p{ display:block; margin-top:1vw; width:10.42vw; height:4px; background-color:#ff9915;}
.sbox .box{ width:100%; position:relative; z-index:1;}
.sbox .box .gallery-top{ width:100%; overflow:hidden; position:relative; z-index:1; background-color:#eee;}
.sbox .box .gallery-top .swiper-slide{ opacity:0 !important;}
.sbox .box .gallery-top .swiper-slide.swiper-slide-active{ opacity:1 !important;}
.sbox .box .gallery-top .left{ width:49.48%; float:left;}
.sbox .box .gallery-top .left img{ width:100%; display:block;}
.sbox .box .gallery-top .right{ float:right; width:37.5%; margin-right:7.8125%; padding-top:12.24vw;}
.sbox .box .gallery-top .right .s01{ font-size:30px; line-height:40px; font-weight:bold;}
.sbox .box .gallery-top .right .s02{ font-size:16px; line-height:30px; margin-top:1.3vw; display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:4;}
.sbox .box .thumbs{ background-color:#fff; position:absolute; left:7.8125%; bottom:5vw; z-index:3; padding:1.3vw 2.6%; width:37.5%; box-sizing:border-box; overflow:hidden;}
.sbox .box .thumbs a{ width:88%; display:block; overflow:hidden; position:relative; margin:auto;}
.sbox .box .thumbs a img{ width:100%; display:block;}
.sbox .box .thumbs .swiper-slide-thumb-active a b{ display:block; overflow:hidden; width:100%; height:100%; border:2px solid #ec6941; box-sizing:border-box; position:absolute; left:0; top:0;}
.sbox .swiper-button-white{ position:absolute; cursor:pointer; width:1.6%; top:50%; transform:translateY(-50%);}
.sbox .swiper-button-white img{ width:100%; display:block;}
.sbox .swiper-button-prev{ left:3%;}
.sbox .swiper-button-next{ right:3%;}

/*process*/
.pbox{ width:84.375%; padding:5vw 7.8125%; background-color:#fff;}
.pbox .left{ margin-top:-5px; float:left; width:58%;}
.pbox .title{ width:100%;}
.pbox .title b{ display:block; font-size:50px; line-height:60px; color:#ec6941;}
.pbox .title p{ display:block; margin-top:1vw; width:10.42vw; height:4px; background-color:#ff9915;}
.pbox .left .wen{ margin-top:2vw; font-size:16px; line-height:30px; width:87%;}
.pbox .left .list{ display:block; overflow:hidden;}
.pbox .left .list li{ display:flex; align-items:center; overflow:hidden; margin-top:2.34375vw;}
.pbox .left .list li strong{ display:flex; flex-direction:column; justify-content:center; align-items:center; background-color:#ff9915; width:90px; height:90px; float:left;}
.pbox .left .list li strong b{ display:block; font-size:34px; line-height:44px; color:#fff;}
.pbox .left .list li strong span{ display:block; font-size:16px; line-height:26px; color:#fff;}
.pbox .left .list li a{ display:block; width:calc(98% - 90px); float:left; margin-left:2%; overflow:hidden;}
.pbox .left .list li a b{ display:block; font-size:20px; line-height:30px; height:30px; overflow:hidden; width:100%;}
.pbox .left .list li a span{ display:block; font-size:16px; line-height:26px; height:52px; overflow:hidden; margin-top:0.2vw;}
.pbox .left .list li:hover a b{ color:#ec6941;}

.pbox .right{ width:35.8%; float:right;}
.pbox .right img{ width:100%; display:block;}

/*way*/
.wbox{ width:84.375%; padding:5vw 7.8125%; background-color:#eee;}
.wbox .title{ width:100%;}
.wbox .title b{ display:block; font-size:50px; line-height:60px; color:#ec6941;}
.wbox .title p{ display:block; margin-top:1vw; width:10.42vw; height:4px; background-color:#ff9915;}
.wbox .wen{ margin-top:2vw; font-size:16px; line-height:30px; width:87%;}
.wbox .box{ width:100%; display:flex; margin-top:2.34375vw; justify-content:space-between;}
.wbox .box li{ display:block; display:flex;}
.wbox .box li:nth-child(2n+1){ align-items:flex-start;}
.wbox .box li:nth-child(2n){ align-items:flex-end;}
.wbox .box li img{ width:100%; display:block;}

/*Industries We Serve*/
.ibox{ width:84.375%; padding:5vw 7.8125%; background-color:#eee;}
.ibox .title{ width:100%; margin-top:-5px;}
.ibox .title b{ display:block; font-size:50px; line-height:60px; color:#ec6941;}
.ibox .title p{ display:block; margin-top:1vw; width:10.42vw; height:4px; background-color:#ff9915;}
.ibox .box{ width:100%; position:relative; margin-top:1vw;}
.ibox .box .list{ display:block; width:100%;}
.ibox .box .list li{ width:22.84%; display:block; float:left; overflow:hidden; margin-left:2.88%; margin-top:2.125vw; cursor:pointer; position:relative;}
.ibox .box .list li:nth-child(4n+1){ clear:left; float:left; margin-left:0;}
.ibox .box .list li .w01{ width:100%; height:19.27125vw; position:relative;}
.ibox .box .list li .w01 img{ width:100%; display:block;}
.ibox .box .list li .w01 b{ width:0; height:0; display:block; border-bottom:3vw solid #fff; border-left:3vw solid transparent; position:absolute; right:0; bottom:0; overflow:hidden; z-index:3;}
.ibox .box .list li .w01 p{ display:block; position:absolute; left:0; top:0; width:100%; height:100%; background-color:#ff9915; overflow:hidden; z-index:2; opacity:0; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.ibox .box .list li:hover .w01 p{ opacity:0.7;}
.ibox .box .list li .w02{ font-size:20px; line-height:30px; margin-top:1vw; margin-left:3%; text-transform:capitalize;}
.ibox .gun{ width:100%; position:relative; margin-top:2vw;}
.ibox .gun .swiper-slide{ width:200px; height:100px; border:1px solid #cacaca; box-sizing:border-box; overflow:hidden; position:relative;}
.ibox .gun .swiper-slide img{ max-width:100%; max-height:98px; display:block; position:absolute; top:50%; left:50%; transform:translateX(-50%) translateY(-50%);}
.ibox .gun .swiper-slide:hover{ border:1px solid #ec6941;}

/*footer*/
.footer{ width:100%; display:flex;}
.footer .left{ background-color:#ec6941; 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:#ec6941; 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:14px; line-height:20px; color:#fff;}
.footer .right{ background-color:#333; width:38.0275%; display:flex; align-items:center; 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%;}
.footer .right .f02 a{ display:inline-block; width:20.55%; margin:0 2.7%;}
.footer .right .f02 a img{ width:100%; display:block;}
.footer .right .f03{ position:absolute; right:20.55%; bottom:1.3vw; font-size:14px; line-height:24px; color:#fff; opacity:0.3;}

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

/*内页*/
.ban{ 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:60.625%; left:7.8125%; top:50%; transform:translateY(-50%);}
.ban .wen .b01{ font-size:50px; line-height:60px; color:#fff; font-weight:bold;}
.ban .wen .b02{ font-size:18px; line-height:28px; color:#fff; margin-top:1.5625vw;}
.ban .wei{ position:absolute; right:7.8125%; bottom:1.3vw; font-size:14px; line-height:24px; color:#fff; text-transform:capitalize;}
.ban .wei a{ color:#fff;}

.sav{ width:84.375%; padding:1.3vw 7.8125%; background-color:#eee; display:flex; flex-wrap:wrap; justify-content:center;}
.sav a{ display:block; font-size:16px; line-height:30px; margin:0 1vw;}
.sav a:hover,.sav a.on{ color:#ec6941;}

/*company*/
.ab01{ width:100%; position:relative; z-index:1; display:flex; align-items:flex-end;}
.ab01 .right{ width:33.8475%; float:right; border-bottom-right-radius:30px; border-top-left-radius:30px; margin:5vw 7.8125%; overflow:hidden;}
.ab01 .right img{ width:100%; display:block;}
.ab01 .left{ width:50.5275%; float:left; position:relative;}
.ab01 .left .title{ position:relative; z-index:3; padding:3vw 15.46%; background-color:#ec6941; border-bottom-right-radius:30px;}
.ab01 .left .title b{ display:block; font-size:40px; line-height:50px; color:#fff;}
.ab01 .left .title p{ display:block; margin-top:1vw; width:10.42vw; height:4px; background-color:#fff;}
.ab01 .left .wen{ margin:5vw 15.46%; margin-top:3vw; margin-right:0; font-size:16px; line-height:30px; overflow:hidden;}

.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:#ec6941; 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;}
.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:#ec6941;}
.ab02 .box .right{ width:35%; float:right; margin-top:1vw; text-align:right;}
.ab02 .box .right b{ width:100%; float:right; display:block; font-size:50px; line-height:60px; color:#ec6941; width:100%;}
.ab02 .box .right p{ float:right; display:block; margin-top:1vw; width:10.42vw; height:4px; background-color:#ff9915;}

.ab03{ width:84.375%; padding:5vw 7.8125%; background-color:#fff; position:relative;}
.ab03 .left{ float:left; width:40.74%;}
.ab03 .title{ width:100%; margin-top:1vw;}
.ab03 .title b{ display:block; font-size:50px; line-height:60px; color:#ec6941;}
.ab03 .title p{ display:block; margin-top:1vw; width:10.42vw; height:4px; background-color:#ff9915;}
.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{ padding:5vw 7.8125%; width:84.375%; position:relative; z-index:1;}
.ab04 .title{ width:100%; margin-top:-5px; text-align:center;}
.ab04 .title b{ display:block; font-size:50px; line-height:60px; color:#ec6941;}
.ab04 .title p{ display:block; margin:auto; margin-top:1vw; width:10.42vw; height:4px; background-color:#ff9915;}
.ab04 .list{ width:100%; display:flex; flex-wrap:wrap;}
.ab04 .list li{ width:22.84%; display:block; float:left; overflow:hidden; margin-left:2.88%; margin-top:2.6vw; border:1px solid #cacaca; border-radius:10px; box-sizing:border-box; padding:1vw;}
.ab04 .list li:nth-child(4n+1){ clear:left; float:left; margin-left:0;}
.ab04 .list li strong{ width:100%; display:block; overflow:hidden; margin:auto;}
.ab04 .list li strong img{ width:100%; display:block;}
.ab04 .list li span{ display:block; font-size:20px; line-height:30px; margin-top:0.78125vw; text-align:center;}
.ab04 .list li a{ display:block; font-size:16px; line-height:26px; height:52px; margin-top:0.3vw; color:#999; text-align:center;}
.ab04 .list li p{ padding-left:26px; display:block; margin-top:0.5vw; overflow:hidden; background-position:left 5px; background-repeat:no-repeat; font-size:16px; line-height:26px;}
.ab04 .list li:hover{ border:1px solid #ec6941;}
.ab04 .list li:hover span{ color:#ec6941;}

.zp01{ padding:5vw 7.8125%; width:84.375%; position:relative; z-index:1; display:flex;}
.zp01.bg{ background-color:#eee;}
.zp01 .left{ width:56%; float:left;}
.zp01 .right{ width:40%; float:right; background-color:#eee; border-radius:30px; margin-left:4%; padding:3vw; padding-top:1.5vw; box-sizing:border-box;}
.zp01.bg .right{ background-color:#fff;}
.zp01 .title{ width:100%; margin-top:-5px;}
.zp01 .title b{ display:block; font-size:50px; line-height:60px; color:#ec6941;}
.zp01 .title p{ display:block; margin-top:1vw; width:10.42vw; height:4px; background-color:#ff9915;}
.zp01 .bt{ margin-top:1.5vw; font-size:22px; line-height:32px; overflow:hidden;}
.zp01 .wen{ margin-top:1vw; font-size:16px; line-height:30px; overflow:hidden;}

.kh01{ padding:5vw 7.8125%; width:84.375%; position:relative; z-index:1;}
.kh01.bg{ background-color:#eee;}
.kh01 .title{ width:100%; margin-top:-5px; text-align:center;}
.kh01 .title b{ display:block; font-size:50px; line-height:60px; color:#ec6941;}
.kh01 .title p{ display:block; margin:auto; margin-top:1vw; width:10.42vw; height:4px; background-color:#ff9915;}
.kh01 dl{ width:100%; display:block; overflow:hidden;}
.kh01 dl dt{ font-size:30px; line-height:40px; font-weight:bold; text-align:center; margin-top:2vw;}
.kh01 dl dd{ width:100%; display:block; overflow:hidden; text-align:center;}
.kh01 dl dd a{ margin:1%; margin-bottom:0; display:inline-block; width:17.6%; height:7.425vw; border:1px solid #cacaca; box-sizing:border-box; overflow:hidden; background-color:#fff; position:relative;}
.kh01 dl dd a img{ max-width:100%; max-height:7.425vw; display:block; position:absolute; top:50%; left:50%; transform:translateX(-50%) translateY(-50%);}
.kh01 dl dd a:hover{ border:1px solid #ec6941;}

/*expertise*/
.ex{ width:84.375%; padding:5vw 7.8125%; position:relative; z-index:1;}
.ex .title{ margin-top:-5px; text-align:center;}
.ex .title b{ display:block; font-size:50px; line-height:60px; color:#ec6941;}
.ex .title p{ display:block; margin:auto; margin-top:1vw; width:10.42vw; height:4px; background-color:#ff9915;}
.ex .list{ display:flex; flex-wrap:wrap; width:100%;}
.ex .list li{ width:22.84%; display:block; float:left; overflow:hidden; margin-right:2.88%; margin-top:2.6vw; position:relative; background-color:#eee; padding:1vw; box-sizing:border-box;}
.ex .list li:nth-child(4){ /*margin-top:-3.125vw;*/ margin-right:0;}
.ex .list li a{ display:block; width:100%; text-align:center;}
.ex .list li .w01{ width:100%; position:relative;}
.ex .list li .w01>img{ width:100%; display:block; position:absolute; left:0; top:0; z-index:1;}
.ex .list li .w01 b{ width:100%; padding-top:100%; display:block; position:relative; z-index:3; background-color:rgba(0,0,0,.7); -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s; opacity:0;}
.ex .list li .w01 b img{ display:block; position:absolute; top:50%; left:50%; transform:translateX(-50%) translateY(-50%);}
.ex .list li .w02{ width:100%; margin-top:0.78125vw; font-size:20px; line-height:30px; font-weight:bold; color:#333;}
.ex .list li .w03{ width:100%; color:#666; font-size:14px; line-height:24px; height:48px; display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:2; overflow:hidden;}
.ex .list li .w04{ width:19%; margin:0.78125vw auto; height:2px; background-color:#ec6941;}
.ex .list li:hover{ background-color:#ec6941;}
.ex .list li:hover .w01 b{ opacity:1;}
.ex .list li:hover .w02,.ex .list li:hover .w03{ color:#fff;}
.ex .list li:hover .w04{ background-color:#fff;}

.ex .list01{ width:100%; display:block;}
.ex .list01 li{ width:48.5%; display:block; overflow:hidden; margin-top:2.6vw; margin-left:3%; float:left; position:relative;}
.ex .list01 li:nth-child(2n+1){ clear:left; float:left; margin-left:0;}
.ex .list01 li{ display:block; overflow:hidden; margin-top:2.34375vw;}
.ex .list01 li strong{ display:flex; flex-direction:column; justify-content:center; align-items:center; background-color:#ff9915; width:90px; height:90px; float:left;}
.ex .list01 li strong b{ display:block; font-size:34px; line-height:44px; color:#fff;}
.ex .list01 li strong span{ display:block; font-size:16px; line-height:26px; color:#fff;}
.ex .list01 li a{ display:block; width:calc(100% - 90px); float:left; overflow:hidden; padding:2vw; box-sizing:border-box; background-color:#eee;}
.ex .list01 li a b{ display:block; font-size:20px; line-height:30px; height:30px; overflow:hidden; width:100%;}
.ex .list01 li a span{ display:block; font-size:16px; line-height:26px; height:52px; overflow:hidden; margin-top:0.2vw;}
.ex .list01 li:hover a b{ color:#ec6941;}

.ex01{ padding:5vw 7.8125%; padding-bottom:0; width:84.375%; position:relative; z-index:1;}
.ex01 .title{ width:100%; margin-top:-5px;}
.ex01 .title b{ display:block; font-size:36px; line-height:46px; color:#ec6941;}
.ex01 .title span{ display:block; font-size:16px; line-height:26px; color:#333; margin-top:0.1vw;}
.ex01 .title p{ display:block; margin-top:0.78125vw; width:5vw; height:2px; background-color:#ff9915;}
.ex01 .wen{ margin-top:1.5vw; font-size:16px; line-height:30px;}
.ex01 .wen img{ max-width:100%; height:auto;}

/*expertise_son*/
#portfolio-nav{ width:100%; height:40px; padding:3vw 0; margin:auto; position:relative; vertical-align:middle; text-align:center;}
#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:#ec6941; color:#ec6941; box-shadow:-0.6em 0 #ec6941, -0.6em 0.6em #ec6941, 0.6em 0 #ec6941, 0.6em -0.6em #ec6941, 0 -0.6em #ec6941, -0.6em -0.6em #ec6941, 0 0.6em #ec6941, 0.6em 0.6em #ec6941;}
#portfolio-nav .prev{ float:left; cursor:pointer; display:block; font-size:14px; 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:14px; 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;}

/*service*/
.ser{ padding:5vw 7.8125%; position:relative; z-index:1;}
.ser .title{ width:100%; margin-top:-5px; text-align:center;}
.ser .title b{ display:block; font-size:50px; line-height:60px; color:#ec6941;}
.ser .title p{ display:block; margin:auto; margin-top:1vw; width:10.42vw; height:4px; background-color:#ff9915;}
.ser .ser01{ display:block; position:relative; margin-top:2.6vw; display:flex; align-items:center;}
.ser .ser02{ display:block; position:relative; margin-top:2.6vw; display:flex; align-items:center;}
.ser .right{ width:47%; margin-left:6%; border-bottom-right-radius:30px; border-top-left-radius:30px;}
.ser .right img{ width:100%; display:block;}
.ser .left{ width:47%;}
.ser .left .bt{ width:100%; margin-top:-5px;}
.ser .left .bt b{ display:block; font-size:36px; line-height:46px; color:#ec6941;}
.ser .left .bt p{ display:block; margin-top:0.78125vw; width:5vw; height:2px; background-color:#ff9915;}
.ser .left .wen{ margin:1.5vw 0; font-size:16px; line-height:30px; display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:5; overflow:hidden;}
.ser .left .more{ width:100%;}
.ser .left .more a{ display:inline-block; padding:0.5vw 3vw; font-size:16px; line-height:26px; border-radius:80px; border:2px solid #333;}
.ser .left .more a:hover{ background-color:#ec6941; color:#fff; border:2px solid #ec6941;}
.ser .ser02 .right{ margin-right:6%; margin-left:0;}

/*process*/
.pro01{ width:100%; position:relative; background-color:#fff;}
.pro01 .left{ float:left; width:58%; margin-left:7.8125%; padding:5vw 0;}
.pro01 .title{ width:92%; margin-top:-5px;}
.pro01 .title b{ display:block; font-size:50px; line-height:60px; color:#ec6941;}
.pro01 .title p{ display:block; margin-top:1vw; width:10.42vw; height:4px; background-color:#ff9915;}
.pro01 .left .wen{ margin-top:2vw; font-size:16px; line-height:30px; width:87%;}
.pro01 .left .list{ width:100%; display:flex; overflow:hidden; flex-wrap:wrap; margin-top:-1vw;}
.pro01 .left .list li{ width:42%; float:left; margin-right:8%; display:block; overflow:hidden; padding-top:2.34375vw; padding-bottom:1.3vw; position:relative;}
.pro01 .left .list li a{ display:block; width:100%; height:4px; position:absolute; left:0; bottom:0; background-color:#ddd;}
.pro01 .left .list li em{ display:block; width:20%; height:4px; background-color:#ec6941; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.pro01 .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:#ec6941; -webkit-transition:-webkit-transform 1s,height 1s,width 1s; display:none; overflow:hidden; margin-top:3vw;}
.pro01 .left .list li:hover strong{ -webkit-transform:rotateY(-360deg);}
.pro01 .left .list li:hover em{ width:100%;}
.pro01 .left .list li p{ display:block; width:100%; overflow:hidden;}
.pro01 .left .list li p b{ display:block; margin-top:0.26vw; font-size:20px; line-height:30px; width:70%;}
.pro01 .left .list li p span{ display:block; font-size:16px; line-height:26px; margin-top:0.5vw;}
.pro01 .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;}

.pro02{ width:84.375%; padding:5vw 7.8125%; background-color:#eee; position:relative;}
.pro02 .bg{ width:20vw; height:100%; position:absolute; right:0; top:0; z-index:1; background-color:#ec6941;}
.pro02 .left{ margin-top:-5px; float:right; width:40%; position:absolute; left:7.8125%; top:5vw; height:calc(100% - 10vw);}
.pro02 .title{ width:100%;}
.pro02 .title b{ width:100%; display:block; font-size:50px; line-height:60px; color:#ec6941;}
.pro02 .title p{ display:block; margin-top:1vw; width:10.42vw; height:4px; background-color:#ff9915;}
.pro02 .left .wen{ margin-top:2vw; font-size:16px; line-height:30px; width:100%;}
.pro02 .left .tu{ height:25vw; position:absolute; left:0; bottom:0;}
.pro02 .left .tu img{ height:100%; display:block;}
.pro02 .right{ width:45.8%; float:right; position:relative; z-index:3; background-color:#fff; border-bottom-right-radius:30px; border-top-left-radius:30px;}
.pro02 .right .list{ width:90%; margin:auto; display:block; overflow:hidden; padding-bottom:2.34375vw; padding-top:1vw;}
.pro02 .right .list li{ display:block; overflow:hidden; margin-top:1.34375vw;}
.pro02 .right .list li strong{ width:4.2vw; height:4.2vw; border-radius:100%; margin:auto; font-size:30px; color:#fff; text-align:center; line-height:4.2vw; background-color:#ec6941; -webkit-transition:-webkit-transform 1s,height 1s,width 1s; display:block; overflow:hidden;}
.pro02 .right .list li:hover strong{ -webkit-transform:rotateY(-360deg);}
.pro02 .right .list li p{ display:block; width:100%; text-align:center; overflow:hidden;}
.pro02 .right .list li p b{ display:block; margin-top:0.26vw; font-size:20px; line-height:30px; width:100%;}
.pro02 .right .list li p span{ display:block; font-size:16px; line-height:26px;}

/*contact*/
.con{ width:84.375%; padding:5vw 7.8125%;}
.con .box{ position:relative;}
.con .right{ width:50%; float:right; height:100%; position:absolute; right:0; top:0;}
.con .right #map{ width:100%; height:100%;}
.con .left{ width:45%; float:left; margin-top:-5px;}
.con .title{ width:100%;}
.con .title b{ display:block; font-size:50px; line-height:60px; color:#ec6941;}
.con .title p{ display:block; margin-top:1vw; width:10.42vw; height:4px; background-color:#ff9915;}
.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{ padding-left:60px; display:block; margin-top:1vw; background-position:left top; background-repeat:no-repeat;}
.con .list li span{ display:block; font-size:14px; line-height:24px; overflow:hidden;}
.con .list li p{ display:block; font-size:18px; line-height:28px; overflow:hidden;}