@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.5; 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:#fff;} 
input:-moz-placeholder,textarea:-moz-placeholder{ color:#fff;} 
input::-moz-placeholder,textarea::-moz-placeholder{ color:#fff;} 
input:-ms-input-placeholder,textarea:-ms-input-placeholder{ color:#fff;} 
input,select,textarea{ -webkit-appearance:none; color:#333;}
input[type=radio]{ -webkit-appearance:radio;}
input[type=checkbox]{ -webkit-appearance:checkbox;}
@font-face {
	font-family:"SF Pro SC";
	font-style:normal;
	font-weight:100;
	src: url("../fonts/pingfang.ttf");
  	src: url("../fonts/pingfang.eot?#iefix") format("embedded-opentype"), 
	  url("../fonts/pingfang.woff2") format("woff2"),
      url("../fonts/pingfang.woff") format("woff"),
      url("../fonts/pingfang.ttf") format("truetype"),
}

/*header*/
@media screen and (min-width:1360px){
.hbg{ width:100%; height:110px;}
.header{ width:100%; height:110px; background-color:#fff; position:fixed; left:0; top:0; z-index:99; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.header.pos{ box-shadow:0 0 10px rgba(0,0,0,.1); height:90px;}
.header .head{ width:1320px; margin:auto; height:100%; position:relative; display:flex;}
.header .head .logo{ display:flex; align-items:center; position:relative; z-index:3; background-color:#fff; padding-right:3%;}
.header .head .logo img{ display:block; height:50px;}
.header .head .logo img.mobile{ display:none;}
.header .head .yu{ float:right; position:relative; display:flex; align-items:center;}
.header .head .yu dt{ height:32px; display:block; display:flex; align-items:center; justify-content:center; height:30px; font-size:18px; line-height:30px; color:#333; cursor:pointer; border-radius:5px; border:1px solid #cacaca; padding:0 10px;}
.header .head .yu dt b{ display:block; margin-left:8px; width:12px; height:8px; background-image:url(../images/sel.png); background-repeat:no-repeat; background-position:center; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.header .head .yu dt.on b{ transform:rotateX(180deg); -ms-transform:rotateX(180deg); -moz-transform:rotateX(180deg); -webkit-transform:rotateX(180deg); -o-transform:rotateX(180deg);}
.header .head .yu dd{ width:100%; box-sizing:border-box; padding:10px 15px; background-color:#f7f7f7; position:absolute; left:0; 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 .head .yu dd.open{ top:100%; opacity:1; height:auto;}
.header .head .yu dd a{ text-align:center; display:block; overflow:hidden; font-size:18px; line-height:36px; height:36px; position:relative;}
.header .head .yu dd a:hover{ color:#00bdea;}
.header .head .yu dd span,.header .head .yu dd img{ display:none;}
.header .head .menuBox{ flex:1; position:relative;}
.header .head .menuBox ul{ width:100%; height:100%;}
.header .head .menuBox ul li{ margin-left:3vw; float:left; display:flex; align-items:center; justify-content:center; height:100%; position:relative;}
.header .head .menuBox ul li>a{ display:block; color:#333; position:relative; z-index:3; position:relative;}
.header .head .menuBox ul li>a strong{ font-size:18px; line-height:32px; height:32px; padding:0 20px; font-weight:normal; display:block; overflow:hidden; position:relative; z-index:3; background-color:#fff; border-top-left-radius:15px; border-bottom-right-radius:15px;}
.header .head .menuBox ul li>a b{ width:100%; height:32px; position:absolute; left:4px; top:4px; z-index:1; background-color:#00bdea; border-top-left-radius:15px; border-bottom-right-radius:15px; display:block; overflow:hidden; opacity:0;}
.header .head .menuBox ul li:hover>a strong,.header .head .menuBox ul li.on>a strong{ background-color:#071ac2; color:#fff;}
.header .head .menuBox ul li:hover>a b,.header .head .menuBox ul li.on>a b{ opacity:1;}
.header .head .menuBox ul li p{ width:100%; min-width:160px; box-sizing:border-box; padding:10px 15px; background-color:#f7f7f7; position:absolute; left:50%; transform:translateX(-50%); 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 .head .menuBox ul li:hover p{ top:100%; opacity:1; height:auto;}
.header .head .menuBox ul li p a{ padding:0 20px; text-align:center; display:block; overflow:hidden; font-size:16px; line-height:36px; height:36px; position:relative;}
.header .head .menuBox ul li p a:hover{ color:#00bdea;}
.header .head .mNav{ display:none;}
}
@media screen and (min-width:1024px) and (max-width:1359px){
.hbg{ width:100%; height:90px;}
.header{ width:100%; height:90px; background-color:#fff; position:fixed; left:0; top:0; z-index:99; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.header.pos{ box-shadow:0 0 10px rgba(0,0,0,.1); height:80px;}
.header .head{ width:94%; margin:auto; height:100%; position:relative; display:flex;}
.header .head .logo{ display:flex; align-items:center; position:relative; z-index:3; background-color:#fff; padding-right:3%;}
.header .head .logo img{ display:block; height:50px;}
.header .head .logo img.mobile{ display:none;}
.header .head .yu{ float:right; position:relative; display:flex; align-items:center;}
.header .head .yu dt{ height:32px; display:block; display:flex; align-items:center; justify-content:center; height:30px; font-size:16px; line-height:30px; color:#333; cursor:pointer; border-radius:5px; border:1px solid #cacaca; padding:0 10px;}
.header .head .yu dt b{ display:block; margin-left:8px; width:12px; height:8px; background-image:url(../images/sel.png); background-repeat:no-repeat; background-position:center; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.header .head .yu dt.on b{ transform:rotateX(180deg); -ms-transform:rotateX(180deg); -moz-transform:rotateX(180deg); -webkit-transform:rotateX(180deg); -o-transform:rotateX(180deg);}
.header .head .yu dd{ width:100%; box-sizing:border-box; padding:10px 15px; background-color:#f7f7f7; position:absolute; left:0; 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 .head .yu dd.open{ top:100%; opacity:1; height:auto;}
.header .head .yu dd a{ text-align:center; display:block; overflow:hidden; font-size:16px; line-height:30px; height:30px; position:relative;}
.header .head .yu dd a:hover{ color:#00bdea;}
.header .head .yu dd span,.header .head .yu dd img{ display:none;}
.header .head .menuBox{ flex:1; position:relative;}
.header .head .menuBox ul{ width:100%; height:100%;}
.header .head .menuBox ul li{ margin-left:2vw; float:left; display:flex; align-items:center; justify-content:center; height:100%; position:relative;}
.header .head .menuBox ul li>a{ display:block; color:#333; position:relative; z-index:3; position:relative;}
.header .head .menuBox ul li>a strong{ font-size:16px; line-height:32px; height:32px; padding:0 15px; font-weight:normal; display:block; overflow:hidden; position:relative; z-index:3; background-color:#fff; border-top-left-radius:15px; border-bottom-right-radius:15px;}
.header .head .menuBox ul li>a b{ width:100%; height:32px; position:absolute; left:4px; top:4px; z-index:1; background-color:#00bdea; border-top-left-radius:15px; border-bottom-right-radius:15px; display:block; overflow:hidden; opacity:0;}
.header .head .menuBox ul li:hover>a strong,.header .head .menuBox ul li.on>a strong{ background-color:#071ac2; color:#fff;}
.header .head .menuBox ul li:hover>a b,.header .head .menuBox ul li.on>a b{ opacity:1;}
.header .head .menuBox ul li p{ width:100%; min-width:160px; box-sizing:border-box; padding:10px 15px; background-color:#f7f7f7; position:absolute; left:50%; transform:translateX(-50%); 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 .head .menuBox ul li:hover p{ top:100%; opacity:1; height:auto;}
.header .head .menuBox ul li p a{ padding:0 20px; text-align:center; display:block; overflow:hidden; font-size:14px; line-height:30px; height:30px; position:relative;}
.header .head .menuBox ul li p a:hover{ color:#00bdea;}
.header .head .mNav{ display:none;}
}
@media only screen and (max-width:1023px){
.hbg{ width:100%; height:60px;}
.header{ width:100%; height:60px; background-color:#fff; position:fixed; left:0; top:0; z-index:99;}
.header.pos{ box-shadow:0 0 10px rgba(0,0,0,.1);}
.header .head{ width:100%;position:relative;}
.header .head .logo{ padding:10px 0; position:relative; z-index:3; margin-left:3%; float:left;}
.header .head .logo img{ display:block; height:40px;}
.header .head .logo img.pc{ display:none;}
.header .head .yu{ float:right; height:60px; margin-right:15px; position:relative;}
.header .head .yu dt{ display:none;}
.header .head .yu dd{ display:block !important; height:30px; line-height:30px; padding:15px 0; overflow:hidden;}
.header .head .yu dd a{ float:left; display:block; overflow:hidden; font-size:16px; line-height:30px; height:30px;}
.header .head .yu dd a:hover,.header .head .yu dd a.on{ color:#00bdea;}
.header .head .yu dd span{ display:block; font-size:16px; line-height:30px; float:left; margin:0 5px; color:#999;}
.header .head .yu dd img{ display:block; float:left; height:16px; float:left; margin-right:5px; margin-top:7px;}
.header .head .mNav{ display:block; position:relative; height:60px; float:right; border-left:1px solid #eee; width:60px;}
.header .head .mNav .burger{ width:32px; height:1px; background-color:#333; position:absolute; top:20px; left:50%; margin:0 0 0 -16px; -webkit-transform-origin:center; transform-origin:center; -webkit-transition:.8s; transition:.8s;}
.header .head .mNav .burger:nth-of-type(2){ top:30px;}
.header .head .mNav .burger:nth-of-type(3){ top:40px;}
.header .head .mNav.active{ background-color:#071ac2;}
.header .head .mNav.active .burger{ background-color:#fff;}
.header .head .mNav.active .burger:first-of-type{ top:30px; -webkit-transform:rotate(225deg); transform:rotate(225deg);}
.header .head .mNav.active .burger:nth-of-type(2){ left:-100%; opacity:0;}
.header .head .mNav.active .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:60px; z-index:999; background-color:#fff; overflow:hidden; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.header .open.menuBox{ height:calc(100vh - 60px);}
.header .menuBox ul{ display:block; height:100%; overflow:auto;}
.header .menuBox ul li{ font-size:16px; font-weight:500; display:block; border-top:1px solid #eee; position:relative;}
.header .menuBox ul li a{ color:#333; display:block;}
.header .menuBox ul li>a{ text-transform:uppercase; padding:12px 15px; width:calc(100% - 76px); font-size:16px; line-height:26px; height:26px; overflow:hidden; position:relative;}
.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:#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.active>a{ color:#00bdea; font-weight:bold;}
.header .menuBox ul li.active{ border-bottom:none;}
.header .menuBox ul li p{ padding:10px 25px; background-color:#f7f7f7; display:none; text-align:left; overflow:hidden;}
.header .menuBox ul li.active p{ display:block;}
.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:#333;}
.header .menuBox ul li p a:hover{ color:#00bdea;}
.header .menuBox ul li p a:last-child{ border-bottom:none;}
}

/*banner*/
@media screen and (min-width:1360px){
.banner{ position:relative; z-index:1;}
.banner .swiper-container{ width:100%; position:relative; z-index:1;}
.banner .swiper-wrapper{ width:100%;}
.banner .swiper-slide{ width:100%; position:relative; z-index:1; overflow:hidden;}
.banner .swiper-slide .tu{ width:100%; position:relative; z-index:1;}
.banner .swiper-slide .tu img{ width:100%; display:block;}
.banner .swiper-slide .wen{ width:1320px; display:block; position:absolute; left:50%; top:40%; margin-left:-660px; transform:translateX(-100px) translateY(-50%); z-index:3; -webkit-transition:.8s; -moz-transition:.8s; -o-transition:.8s; transition:.8s;}
.banner .swiper-slide-active .wen{ transform:translateX(0px) translateY(-50%);}
.banner .swiper-slide .wen .w01{ width:60%; font-size:50px; line-height:60px; color:#fff; font-weight:bold;}
.banner .swiper-slide .wen .w02{ width:60%; font-size:18px; line-height:28px; color:#fff; margin-top:25px; font-weight:bold;}
.banner .swiper-slide .wen .w03{ width:120px; height:40px; border:1px solid #fff; margin-top:35px; border-radius:5px;}
.banner .swiper-slide .wen .w03 a{ width:100%; height:40px; line-height:40px; text-align:center; background:linear-gradient(to right,rgba(0,189,234,.86),rgba(7,26,194,.86)); color:#fff; overflow:hidden; font-size:16px; display:block;}
.banner .swiper-slide .wen .w03 a:hover{ background:linear-gradient(to right,rgba(0,189,234,1),rgba(7,26,194,1));}
.banner .swiper-button-white{ width:30px; background:url(../images/light-skin-1.png); background-position:-89px -26px; height:40px; cursor:pointer; top:50%; left:30px; margin-top:-20px; position:absolute; z-index:110; opacity:0;}
.banner .swiper-button-next { right:30px; left:auto; background-position:-89px -103px;}
.banner:hover .swiper-button-white{ opacity:1;}
.banner .down{ width:50px; position:absolute; left:50%; margin-left:-25px; bottom:2.6vw; z-index:5;}
.banner .down img{ width:100%; display:block; cursor:pointer;}
}
@media screen and (min-width:1024px) and (max-width:1359px){
.banner{ position:relative; z-index:1;}
.banner .swiper-container{ width:100%; position:relative; z-index:1;}
.banner .swiper-wrapper{ width:100%;}
.banner .swiper-slide{ width:100%; position:relative; z-index:1; overflow:hidden;}
.banner .swiper-slide .tu{ width:100%; position:relative; z-index:1;}
.banner .swiper-slide .tu img{ width:100%; display:block;}
.banner .swiper-slide .wen{ width:94%; display:block; position:absolute; left:3%; top:40%; transform:translateX(-100px) translateY(-50%); z-index:3; -webkit-transition:.8s; -moz-transition:.8s; -o-transition:.8s; transition:.8s;}
.banner .swiper-slide-active .wen{ transform:translateX(0px) translateY(-50%);}
.banner .swiper-slide .wen .w01{ width:60%; font-size:40px; line-height:50px; color:#fff; font-weight:bold;}
.banner .swiper-slide .wen .w02{ width:60%; font-size:18px; line-height:28px; color:#fff; margin-top:20px; font-weight:bold;}
.banner .swiper-slide .wen .w03{ width:120px; height:40px; border:1px solid #fff; margin-top:25px; border-radius:5px;}
.banner .swiper-slide .wen .w03 a{ width:100%; height:40px; line-height:40px; text-align:center; background:linear-gradient(to right,rgba(0,189,234,.86),rgba(7,26,194,.86)); color:#fff; overflow:hidden; font-size:16px; display:block;}
.banner .swiper-slide .wen .w03 a:hover{ background:linear-gradient(to right,rgba(0,189,234,1),rgba(7,26,194,1));}
.banner .swiper-button-white{ width:30px; background:url(../images/light-skin-1.png); background-position:-89px -26px; height:40px; cursor:pointer; top:50%; left:20px; margin-top:-20px; position:absolute; z-index:110; opacity:0;}
.banner .swiper-button-next { right:20px; left:auto; background-position:-89px -103px;}
.banner:hover .swiper-button-white{ opacity:1;}
.banner .down{ width:38px; position:absolute; left:50%; margin-left:-19px; bottom:2.6vw; z-index:5;}
.banner .down img{ width:100%; display:block; cursor:pointer;}
}
@media only screen and (max-width:1023px){
.banner{ position:relative; z-index:1;}
.banner .swiper-container{ width:100%; height:68.75vw; position:relative; z-index:1;}
.banner .swiper-wrapper{ width:100%; height:100%;}
.banner .swiper-slide{ width:100%; height:100%; position:relative; z-index:1; overflow:hidden;}
.banner .swiper-slide .tu{ width:100%; height:100%; position:relative; z-index:1;}
.banner .swiper-slide .tu img{ height:100%; display:block;}
.banner .swiper-slide .wen{ width:94%; display:block; position:absolute; left:3%; top:40%; transform:translateX(-100px) translateY(-50%); z-index:3; -webkit-transition:.8s; -moz-transition:.8s; -o-transition:.8s; transition:.8s;}
.banner .swiper-slide-active .wen{ transform:translateX(0px) translateY(-50%);}
.banner .swiper-slide .wen .w01{ width:100%; font-size:28px; line-height:38px; font-weight:bold; color:#fff;}
.banner .swiper-slide .wen .w02{ width:100%; font-size:18px; line-height:28px; color:#fff; margin-top:5px; font-weight:bold;}
.banner .swiper-slide .wen .w03{ width:120px; height:40px; border:1px solid #fff; margin-top:15px; border-radius:5px;}
.banner .swiper-slide .wen .w03 a{ width:100%; height:40px; line-height:40px; text-align:center; background:linear-gradient(to right,rgba(0,189,234,.86),rgba(7,26,194,.86)); color:#fff; overflow:hidden; font-size:16px; display:block;}
.banner .swiper-slide .wen .w03 a:hover{ background:linear-gradient(to right,rgba(0,189,234,1),rgba(7,26,194,1));}
.banner .swiper-button-white{ width:30px; background:url(../images/light-skin-1.png); background-position:-89px -26px; height:40px; cursor:pointer; top:50%; left:5px; margin-top:-20px; position:absolute; z-index:110; transform:scale(.8, .8); }
.banner .swiper-button-next { right:5px; left:auto; background-position:-89px -103px;}
.banner .down{ width:25px; position:absolute; left:50%; margin-left:-12.5px; bottom:15px; z-index:5;}
.banner .down img{ width:100%; display:block; cursor:pointer;}
}

/*ABOUT  CBI*/
@media screen and (min-width:1360px){
.index{ width:100%; position:relative; top:-90px;}
.abox{ width:100%; padding-top:110px; background-color:#fff; position:relative; z-index:1;}
.abox .box{ width:1320px; margin:auto; position:relative; z-index:3; display:flex; align-items:center;}
.abox .box .left{ width:40%;}
.abox .box .left .w01{ font-weight:bold; padding-left:20px; border-left:5px solid #00bdea;}
.abox .box .left .w01 span{ font-size:46px; line-height:1; display:block; color:#eae9e9; text-transform:uppercase; font-family:"Microsoft YaHei","微软雅黑";}
.abox .box .left .w01 p{ font-size:36px; line-height:46px; display:block; color:#071ac2; text-transform:uppercase;}
.abox .box .left .w02{ font-size:18px; line-height:28px; margin-top:25px; color:#666;}
.abox .box .right{ width:53%; padding-right:10px; padding-bottom:10px; box-sizing:border-box; position:relative; margin-left:7%;}
.abox .box .right p{ width:100%; display:block; position:relative; z-index:3; border-top-right-radius:30px; border-bottom-left-radius:30px; overflow:hidden; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.abox .box .right p img{ width:100%; display:block;}
.abox .box .right b{ width:calc(100% - 10px); height:calc(100% - 10px); display:block; position:absolute; right:0; bottom:0; z-index:1; background-color:#00bdea; overflow:hidden; border-top-right-radius:30px; border-bottom-left-radius:30px; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.abox .box .right:hover p{ margin-left:10px; top:10px;}
.abox .box .right:hover b{ right:10px; bottom:10px;}
}
@media screen and (min-width: 1024px) and (max-width: 1359px){
.index{ width:100%; position:relative; top:-80px;}
.abox{ width:100%; padding-top:80px; background-color:#fff; position:relative; z-index:1;}
.abox .box{ width:94%; margin:auto; position:relative; z-index:3; display:flex; align-items:center;}
.abox .box .left{ width:42%;}
.abox .box .left .w01{ font-weight:bold; padding-left:15px; border-left:4px solid #00bdea;}
.abox .box .left .w01 span{ font-size:36px; line-height:1; display:block; color:#eae9e9; text-transform:uppercase; font-family:"Microsoft YaHei","微软雅黑";}
.abox .box .left .w01 p{ font-size:30px; line-height:40px; display:block; color:#071ac2; text-transform:uppercase;}
.abox .box .left .w02{ font-size:16px; line-height:26px; margin-top:20px; color:#666;}
.abox .box .right{ width:53%; padding-right:10px; padding-bottom:10px; box-sizing:border-box; position:relative; margin-left:7%;}
.abox .box .right p{ width:100%; display:block; position:relative; z-index:3; border-top-right-radius:20px; border-bottom-left-radius:20px; overflow:hidden; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.abox .box .right p img{ width:100%; display:block;}
.abox .box .right b{ width:calc(100% - 10px); height:calc(100% - 10px); display:block; position:absolute; right:0; bottom:0; z-index:1; background-color:#00bdea; overflow:hidden; border-top-right-radius:20px; border-bottom-left-radius:20px; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.abox .box .right:hover p{ margin-left:10px; top:10px;}
.abox .box .right:hover b{ right:10px; bottom:10px;}
}
@media only screen and (max-width: 1023px){
.index{ width:100%; position:relative; top:-60px;}
.abox{ width:100%; padding-top:45px; background-color:#fff; position:relative; z-index:1;}
.abox .box{ width:94%; margin:auto; position:relative; z-index:3;}
.abox .box .left{ width:100%;}
.abox .box .left .w01{ font-weight:bold; padding-left:10px; border-left:3px solid #00bdea;}
.abox .box .left .w01 span{ font-size:26px; line-height:1; display:block; color:#eae9e9; text-transform:uppercase; font-family:"Microsoft YaHei","微软雅黑";}
.abox .box .left .w01 p{ font-size:20px; line-height:30px; display:block; color:#071ac2; text-transform:uppercase;}
.abox .box .left .w02{ font-size:14px; line-height:24px; margin-top:15px; color:#666;}
.abox .box .right{ width:100%; padding-right:10px; padding-bottom:10px; box-sizing:border-box; position:relative; margin-top:15px;}
.abox .box .right p{ width:100%; display:block; position:relative; z-index:3; border-top-right-radius:10px; border-bottom-left-radius:10px; overflow:hidden; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.abox .box .right p img{ width:100%; display:block;}
.abox .box .right b{ width:calc(100% - 10px); height:calc(100% - 10px); display:block; position:absolute; right:0; bottom:0; z-index:1; background-color:#00bdea; overflow:hidden; border-top-right-radius:10px; border-bottom-left-radius:10px; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.abox .box .right:hover p{ margin-left:10px; top:10px;}
.abox .box .right:hover b{ right:10px; bottom:10px;}
}

/*核心服务和解决方案*/
@media screen and (min-width:1360px){
.title{ font-weight:bold; position:relative; padding-top:15px; text-align:center;}
.title span{ width:100%; font-size:46px; line-height:1; display:block; color:#eae9e9; text-transform:uppercase; font-family:"Microsoft YaHei","微软雅黑"; position:absolute; left:0; top:0;}
.title p{ font-size:36px; line-height:46px; display:block; color:#071ac2; position:relative; z-index:3;}
.title b{ width:90px; height:5px; display:block; margin:auto; margin-top:9px; background-color:#00bdea;}
.sbox{ width:100%; padding-top:105px; background-color:#fff; position:relative; z-index:1;}
.sbox .box{ display:block; width:1320px; margin:auto; margin-top:40px; position:relative; z-index:3;}
.sbox .box li{ width:33.33%; display:block; float:left; position:relative; padding-bottom:28px;}
.sbox .box li .con{ width:100%; padding-top:140%; position:relative; z-index:1; background-position:center; background-size:cover;}
.sbox .box li:first-child .con{ border-bottom-left-radius:30px;}
.sbox .box li:last-child .con{ border-top-right-radius:30px;}
.sbox .box li .con a{ width:100%; height:100%; display:flex; flex-direction:column; justify-content:center; align-items:center; position:absolute; left:0; top:0; background-image:url(../images/sbg.png); background-position:center; background-size:100% 100%; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.sbox .box li:hover .con a{ opacity:0;}
.sbox .box li .con a img{ display:block; height:60px;}
.sbox .box li .con a b{ width:90%; font-size:30px; line-height:40px; color:#fff; margin-top:25px; text-align:center;}
.sbox .box li .more{ width:56px; position:absolute; left:50%; margin-left:-28px; bottom:0; z-index:3; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.sbox .box li .more img{ width:100%; display:block;}
.sbox .box li:hover .more{ bottom:50%; transform:translateY(50%);}
}
@media screen and (min-width: 1024px) and (max-width: 1359px){
.title{ font-weight:bold; position:relative; padding-top:13px; text-align:center;}
.title span{ width:100%; font-size:36px; line-height:1; display:block; color:#eae9e9; text-transform:uppercase; font-family:"Microsoft YaHei","微软雅黑"; position:absolute; left:0; top:0;}
.title p{ font-size:30px; line-height:40px; display:block; color:#071ac2; position:relative; z-index:3;}
.title b{ width:70px; height:4px; display:block; margin:auto; margin-top:8px; background-color:#00bdea;}
.sbox{ width:100%; padding-top:75px; background-color:#fff; position:relative; z-index:1;}
.sbox .box{ display:block; width:94%; margin:auto; margin-top:30px; position:relative; z-index:3;}
.sbox .box li{ width:33.33%; display:block; float:left; position:relative; padding-bottom:28px;}
.sbox .box li .con{ width:100%; padding-top:140%; position:relative; z-index:1; background-position:center; background-size:cover;}
.sbox .box li:first-child .con{ border-bottom-left-radius:20px;}
.sbox .box li:last-child .con{ border-top-right-radius:20px;}
.sbox .box li .con a{ width:100%; height:100%; display:flex; flex-direction:column; justify-content:center; align-items:center; position:absolute; left:0; top:0; background-image:url(../images/sbg.png); background-position:center; background-size:100% 100%; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.sbox .box li:hover .con a{ opacity:0;}
.sbox .box li .con a img{ display:block; height:60px;}
.sbox .box li .con a b{ width:90%; font-size:24px; line-height:34px; color:#fff; margin-top:20px; text-align:center;}
.sbox .box li .more{ width:46px; position:absolute; left:50%; margin-left:-23px; bottom:0; z-index:3; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.sbox .box li .more img{ width:100%; display:block;}
.sbox .box li:hover .more{ bottom:50%; transform:translateY(50%);}
}
@media only screen and (max-width: 1023px){
.title{ font-weight:bold; position:relative; padding-top:8px; text-align:center;}
.title span{ width:100%; font-size:26px; line-height:26px; height:26px; overflow:hidden; display:block; color:#eae9e9; text-transform:uppercase; font-family:"Microsoft YaHei","微软雅黑"; position:absolute; left:0; top:0;}
.title p{ font-size:20px; line-height:30px; display:block; color:#071ac2; position:relative; z-index:3;}
.title b{ width:50px; height:3px; display:block; margin:auto; margin-top:4px; background-color:#00bdea;}
.sbox{ width:100%; padding-top:45px; background-color:#fff; position:relative; z-index:1;}
.sbox .box{ display:block; width:94%; margin:auto; margin-top:20px; position:relative; z-index:3;}
.sbox .box li{ width:100%; display:block; float:left; position:relative;}
.sbox .box li .con{ width:100%; padding-top:60%; position:relative; z-index:1; background-position:center; background-size:cover;}
.sbox .box li:first-child .con{ border-top-left-radius:10px;}
.sbox .box li:last-child .con{ border-bottom-right-radius:10px;}
.sbox .box li .con a{ width:100%; height:100%; display:flex; flex-direction:column; justify-content:center; align-items:center; position:absolute; left:0; top:0; background-image:url(../images/sbg.png); background-position:center; background-size:100% 100%; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.sbox .box li:hover .con a{ opacity:0;}
.sbox .box li .con a img{ display:block; height:60px;}
.sbox .box li .con a b{ width:90%; font-size:18px; line-height:28px; color:#fff; margin-top:15px; text-align:center;}
.sbox .box li .more{ display:none; width:46px; position:absolute; left:50%; margin-left:-23px; bottom:0; z-index:3; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.sbox .box li .more img{ width:100%; display:block;}
.sbox .box li:hover .more{ bottom:50%; transform:translateY(50%);}
}

/*为什么要选择我们*/
@media screen and (min-width:1360px){
.wbox{ width:100%; padding-top:105px; background-color:#fff; position:relative; z-index:1;}
.wbox .box{ display:block; width:1320px; margin:auto; padding-top:5px; position:relative; z-index:3;}
.wbox .box li{ width:31.33%; display:block; float:left; position:relative; margin-top:35px; margin-left:3%; text-align:center;}
.wbox .box li:nth-child(3n+1){ clear:left; float:left; margin-left:0;}
.wbox .box li .w01{ width:100%;}
.wbox .box li .w01 img{ display:block; height:100px; margin:auto; -webkit-transition:-webkit-transform 1s,height 1s,width 1s;}
.wbox .box li:hover .w01 img{ -webkit-transform:rotateY(-360deg);}
.wbox .box li .w02{ width:100%; font-size:30px; line-height:40px; margin-top:15px; font-weight:bold; color:#071ac2;}
.wbox .box li .w03{ width:100%; font-size:20px; line-height:30px; margin-top:5px;}
}
@media screen and (min-width: 1024px) and (max-width: 1359px){
.wbox{ width:100%; padding-top:75px; background-color:#fff; position:relative; z-index:1;}
.wbox .box{ display:block; width:94%; margin:auto; padding-top:5px; position:relative; z-index:3;}
.wbox .box li{ width:31.33%; display:block; float:left; position:relative; margin-top:25px; margin-left:3%; text-align:center;}
.wbox .box li:nth-child(3n+1){ clear:left; float:left; margin-left:0;}
.wbox .box li .w01{ width:100%;}
.wbox .box li .w01 img{ display:block; height:80px; margin:auto; -webkit-transition:-webkit-transform 1s,height 1s,width 1s;}
.wbox .box li:hover .w01 img{ -webkit-transform:rotateY(-360deg);}
.wbox .box li .w02{ width:100%; font-size:24px; line-height:34px; margin-top:10px; font-weight:bold; color:#071ac2;}
.wbox .box li .w03{ width:100%; font-size:18px; line-height:28px; margin-top:5px;}
}
@media only screen and (max-width: 1023px){
.wbox{ width:100%; padding-top:45px; background-color:#fff; position:relative; z-index:1;}
.wbox .box{ display:block; width:94%; margin:auto; padding-top:5px; position:relative; z-index:3;}
.wbox .box li{ width:48.5%; display:block; float:left; position:relative; margin-top:15px; margin-left:3%; text-align:center;}
.wbox .box li:nth-child(2n+1){ clear:left; float:left; margin-left:0;}
.wbox .box li .w01{ width:100%;}
.wbox .box li .w01 img{ display:block; height:50px; margin:auto; -webkit-transition:-webkit-transform 1s,height 1s,width 1s;}
.wbox .box li:hover .w01 img{ -webkit-transform:rotateY(-360deg);}
.wbox .box li .w02{ width:100%; font-size:18px; line-height:28px; margin-top:5px; font-weight:bold; color:#071ac2;}
.wbox .box li .w03{ width:100%; font-size:14px; line-height:24px;}
}

/*服务流程*/
@media screen and (min-width:1360px){
.lbox{ width:100%; padding-top:100px; background-color:#fff; position:relative; z-index:2;}
.lbox .box{ width:100%; margin-top:40px; position:relative; z-index:3; background:linear-gradient(to right,#00bdea,#071ac2); box-shadow:0 0 20px rgba(0,0,0,.3);}
.lbox .box .con{ width:1320px; margin:auto; padding:105px 0;}
.lbox .box .con .list{ width:100%; display:flex; align-items:flex-end;}
.lbox .box .con .list li{ width:12.5%; float:left; text-align:center; color:#fff; font-size:16px; line-height:26px; margin-right:12.5%;}
.lbox .box .con .list01{ width:100%; display:block; padding:15px 0; position:relative;}
.lbox .box .con .list01 dt,.lbox .box .con .list01 dd{ width:12.5%; display:block; float:left; overflow:hidden; position:relative; z-index:3;}
.lbox .box .con .list01 img{ display:block; max-width:100%; margin:auto;}
.lbox .box .con .list01 b{ width:100%; display:block;}
.lbox .box .con .list01 b img{ max-width:100%; display:block; margin:auto;}
.lbox .box .con .list01 .line{ width:100%; height:1px; position:absolute; left:0; top:50%; background-color:#fff; z-index:1;}
.lbox .box .con .list02{ width:100%; display:flex; align-items:flex-start;}
.lbox .box .con .list02 li{ width:12.5%; float:left; text-align:center; color:#fff; font-size:16px; line-height:26px; margin-left:12.5%;}
}
@media screen and (min-width: 1024px) and (max-width: 1359px){
.lbox{ width:100%; padding-top:70px; background-color:#fff; position:relative; z-index:2;}
.lbox .box{ width:100%; margin-top:30px; position:relative; z-index:3; background:linear-gradient(to right,#00bdea,#071ac2); box-shadow:0 0 15px rgba(0,0,0,.3);}
.lbox .box .con{ width:94%; margin:auto; padding:75px 0;}
.lbox .box .con .list{ width:100%; display:flex; align-items:flex-end;}
.lbox .box .con .list li{ width:12.5%; float:left; text-align:center; color:#fff; font-size:16px; line-height:26px; margin-right:12.5%;}
.lbox .box .con .list01{ width:100%; display:block; padding:10px 0; position:relative;}
.lbox .box .con .list01 dt,.lbox .box .con .list01 dd{ width:12.5%; display:block; float:left; overflow:hidden; position:relative; z-index:3;}
.lbox .box .con .list01 img{ display:block; max-width:90%; margin:auto;}
.lbox .box .con .list01 b{ width:100%; display:block;}
.lbox .box .con .list01 b img{ max-width:100%; display:block; margin:auto;}
.lbox .box .con .list01 .line{ width:100%; height:1px; position:absolute; left:0; top:50%; background-color:#fff; z-index:1;}
.lbox .box .con .list02{ width:100%; display:flex; align-items:flex-start;}
.lbox .box .con .list02 li{ width:12.5%; float:left; text-align:center; color:#fff; font-size:16px; line-height:26px; margin-left:12.5%;}
}
@media only screen and (max-width: 1023px){
.lbox{ width:100%; padding-top:40px; background-color:#fff; position:relative; z-index:2;}
.lbox .box{ width:100%; margin-top:20px; position:relative; z-index:3; background:linear-gradient(to right,#00bdea,#071ac2); box-shadow:0 0 10px rgba(0,0,0,.3); overflow:auto;}
.lbox .box .con{ width:94%; padding:45px 3%; min-width:900px;}
.lbox .box .con .list{ width:100%; display:flex; align-items:flex-end;}
.lbox .box .con .list li{ width:12.5%; float:left; text-align:center; color:#fff; font-size:14px; line-height:24px; margin-right:12.5%;}
.lbox .box .con .list01{ width:100%; display:block; padding:5px 0; position:relative;}
.lbox .box .con .list01 dt,.lbox .box .con .list01 dd{ width:12.5%; display:block; float:left; overflow:hidden; position:relative; z-index:3;}
.lbox .box .con .list01 img{ display:block; width:calc(100% - 10px); margin:auto;}
.lbox .box .con .list01 b{ width:100%; display:block;}
.lbox .box .con .list01 b img{ max-width:100%; display:block; margin:auto;}
.lbox .box .con .list01 .line{ width:100%; height:1px; position:absolute; left:0; top:50%; background-color:#fff; z-index:1;}
.lbox .box .con .list02{ width:100%; display:flex; align-items:flex-start;}
.lbox .box .con .list02 li{ width:12.5%; float:left; text-align:center; color:#fff; font-size:14px; line-height:24px; margin-left:12.5%;}
}

/*合作伙伴*/
@media screen and (min-width:1360px){
.hbox{ width:100%; padding-top:105px; padding-bottom:110px; background-color:#fff; position:relative; z-index:1; background-position:bottom center; background-repeat:no-repeat;}
.hbox .box{ width:1320px; margin:auto; margin-top:40px; overflow:hidden; position:relative; z-index:3; background-color:rgba(255,255,255,.7); box-shadow:0 0 20px rgba(0,0,0,.3); border-radius:30px; padding:30px 0;}
.hbox .box a{ width:20%; display:flex; align-items:center; float:left; height:120px;}
.hbox .box a img{ max-width:80%; max-height:70px; display:block; margin:auto;}
}
@media screen and (min-width: 1024px) and (max-width: 1359px){
.hbox{ width:100%; padding-top:75px; padding-bottom:80px; background-color:#fff; position:relative; z-index:1; background-position:bottom center; background-repeat:no-repeat;}
.hbox .box{ width:94%; margin:auto; margin-top:30px; overflow:hidden; position:relative; z-index:3; background-color:rgba(255,255,255,.7); box-shadow:0 0 15px rgba(0,0,0,.3); border-radius:20px; padding:20px 0;}
.hbox .box a{ width:20%; display:flex; align-items:center; float:left; height:100px;}
.hbox .box a img{ max-width:80%; max-height:60px; display:block; margin:auto;}
}
@media only screen and (max-width: 1023px){
.hbox{ width:100%; padding-top:45px; padding-bottom:50px; background-color:#fff; position:relative; z-index:1; background-position:bottom center; background-repeat:no-repeat;}
.hbox .box{ width:94%; margin:auto; margin-top:20px; overflow:hidden; position:relative; z-index:3; background-color:rgba(255,255,255,.7); box-shadow:0 0 10px rgba(0,0,0,.3); overflow:auto; border-radius:10px; padding:10px 0;}
.hbox .box a{ width:33.33%; display:flex; align-items:center; float:left; height:80px;}
.hbox .box a img{ max-width:80%; max-height:50px; display:block; margin:auto;}
}

/*联系我们*/
/*@media screen and (min-width:1360px){
.mbox{ width:100%; background-color:#00bdea; position:relative; z-index:2; box-shadow:0 0 20px rgba(0,0,0,.3); background-image:url(../images/mbg_03.jpg); background-position:right center; background-repeat:no-repeat;}
.mbox .box{ width:1320px; height:200px; margin:auto; display:flex; align-items:center; position:relative; z-index:3;}
.mbox .box .w01{ width:200px; font-size:36px; font-weight:bold; color:#fff;}
.mbox .box form{ flex:1;}
.mbox .box .w02{ border-left:1px solid #fff; display:block;}
.mbox .box .w02 li{ margin-left:40px; width:calc(50% - 40px); display:block; overflow:hidden; border:1px solid #fff; height:60px; box-sizing:border-box; padding:0 30px; float:left; border-radius:60px;}
.mbox .box .w02 li:nth-child(n+3){ margin-top:20px;}
.mbox .box .w02 li b{ width:6px; height:6px; display:block; margin:26px 0; float:left; border-radius:100%; background-color:#071ac2; overflow:hidden;}
.mbox .box .w02 li input{ width:calc(100% - 20px); float:right; font-size:18px; color:#fff; background-color:transparent; overflow:hidden; display:block; height:58px; line-height:58px;}
.mbox .box .w03{ width:76px; margin-left:40px;}
.mbox .box .w03 input{ width:100%; height:76px; display:block; border-radius:100%; cursor:pointer; background-image:url(../images/sub.png); background-size:100% 100%; overflow:hidden; background-color:transparent;}
}
@media screen and (min-width: 1024px) and (max-width: 1359px){
.mbox{ width:100%; background-color:#00bdea; position:relative; z-index:2; box-shadow:0 0 15px rgba(0,0,0,.3); background-image:url(../images/mbg_03.jpg); background-position:right center; background-repeat:no-repeat;}
.mbox .box{ width:94%; height:200px; margin:auto; display:flex; align-items:center; position:relative; z-index:3;}
.mbox .box .w01{ width:170px; font-size:30px; font-weight:bold; color:#fff;}
.mbox .box form{ flex:1;}
.mbox .box .w02{ border-left:1px solid #fff; display:block;}
.mbox .box .w02 li{ margin-left:30px; width:calc(50% - 30px); display:block; overflow:hidden; border:1px solid #fff; height:50px; box-sizing:border-box; padding:0 25px; float:left; border-radius:60px;}
.mbox .box .w02 li:nth-child(n+3){ margin-top:20px;}
.mbox .box .w02 li b{ width:6px; height:6px; display:block; margin:21px 0; float:left; border-radius:100%; background-color:#071ac2; overflow:hidden;}
.mbox .box .w02 li input{ width:calc(100% - 20px); float:right; font-size:16px; color:#fff; background-color:transparent; overflow:hidden; display:block; height:48px; line-height:48px;}
.mbox .box .w03{ width:66px; margin-left:30px;}
.mbox .box .w03 input{ width:100%; height:66px; display:block; border-radius:100%; cursor:pointer; background-image:url(../images/sub.png); background-size:100% 100%; overflow:hidden; background-color:transparent;}
}
@media only screen and (max-width: 1023px){
.mbox{ width:100%; background-color:#00bdea; position:relative; z-index:2; box-shadow:0 0 10px rgba(0,0,0,.3); background-image:url(../images/mbg_03.jpg); background-position:right -110px bottom; background-repeat:no-repeat;}
.mbox .box{ width:94%; margin:45px auto; margin-bottom:50px; position:relative; z-index:3;}
.mbox .box .w01{ font-size:20px; font-weight:bold; text-align:center; color:#fff;}
.mbox .box .w02{ display:block;}
.mbox .box .w02 li{ width:100%; display:block; overflow:hidden; border:1px solid #fff; height:40px; box-sizing:border-box; padding:0 20px; border-radius:40px; margin-top:15px;}
.mbox .box .w02 li b{ width:6px; height:6px; display:block; margin:16px 0; float:left; border-radius:100%; background-color:#071ac2; overflow:hidden;}
.mbox .box .w02 li input{ width:calc(100% - 20px); float:right; font-size:14px; color:#fff; background-color:transparent; overflow:hidden; display:block; height:38px; line-height:38px;}
.mbox .box .w03{ width:46px; margin:auto; margin-top:20px;}
.mbox .box .w03 input{ width:100%; height:46px; display:block; border-radius:100%; cursor:pointer; background-image:url(../images/sub.png); background-size:100% 100%; overflow:hidden; background-color:transparent;}
}*/
@media screen and (min-width:1360px){
.mbox{ width:100%; padding-top:95px; padding-bottom:100px; background-position:bottom center; background-size:cover; position:relative; z-index:1;}
.mbox .box{ width:1300px; margin:auto; margin-top:28px; position:relative; z-index:3;}
.mbox .box .w01{ width:100%; font-size:16px; line-height:26px; text-align:center; margin-top:30px; font-weight:bold;}
.mbox .box .w02{ width:100%; margin-top:45px; display:flex; flex-wrap:wrap; justify-content:center;}
.mbox .box .w02 li{ display:flex; align-items:center; margin:0 2.31%; overflow:hidden;}
.mbox .box .w02 li strong{ width:50px; height:50px; border-radius:100%; background-color:#fff; display:flex; align-items:center; overflow:hidden;}
.mbox .box .w02 li strong img{ max-width:22px; max-height:22px; display:block; margin:auto;}
.mbox .box .w02 li p{ font-size:20px; line-height:30px; margin-left:1vw;}
.mbox .box .w03{ width:100%; font-size:20px; line-height:30px; text-align:center; margin-top:50px; font-weight:bold;}
.mbox .box .w04{ width:100%; padding-top:5px;}
.mbox .box .w04 .inp{ float:left; margin-top:30px; margin-left:2%; border:1px solid #e5e5e5; width:32%; height:56px; box-sizing:border-box; background-color:#fff;}
.mbox .box .w04 .inp:nth-child(1),.mbox .box .w04 .inp:nth-child(4){ margin-left:0;}
.mbox .box .w04 .inp span{ width:110px; height:54px; line-height:54px; display:block; float:left; font-size:16px; color:#999; text-indent:20px;}
.mbox .box .w04 .inp span a{ color:#071ac2;}
.mbox .box .w04 .inp input{ width:calc(100% - 110px); height:54px; line-height:54px; display:block; float:left; font-size:16px; color:#333; overflow:hidden;}
.mbox .box .w04 .inp:nth-child(4) span{ width:130px;}
.mbox .box .w04 .inp:nth-child(4) input{ width:calc(100% - 130px);}
.mbox .box .w04 .inp01{ float:left; margin-top:30px; margin-left:2%; border:1px solid #e5e5e5; width:66%; height:56px; box-sizing:border-box; background-color:#fff;}
.mbox .box .w04 .inp01 span{ width:130px; height:54px; line-height:54px; display:block; float:left; font-size:16px; color:#999; text-indent:20px;}
.mbox .box .w04 .inp01 span a{ color:#071ac2;}
.mbox .box .w04 .inp01 input{ width:calc(100% - 130px); height:54px; line-height:54px; display:block; float:left; font-size:16px; color:#333; overflow:hidden;}
.mbox .box .w04 .inp02{ width:100%; float:left; margin-top:45px;}
.mbox .box .w04 .inp02 a{ width:260px; display:block; margin:auto; overflow:hidden; position:relative; background:linear-gradient(to left,#071ac2,#00bdea);}
.mbox .box .w04 .inp02 a input{ width:100%; height:100%; position:absolute; left:0; top:0; z-index:5; opacity:0; cursor:pointer;}
.mbox .box .w04 .inp02 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;}
.mbox .box .w04 .inp02 p img{ display:block; height:12px; margin-left:14px;}
.mbox .box .w04 .inp02 b{ display:block; width:0; height:100%; background-color:#00bdea; position:absolute; left:0; bottom:0; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.mbox .box .w04 .inp02:hover b{ width:100%;}
}
@media screen and (min-width: 1024px) and (max-width: 1359px){
.mbox{ width:100%; padding-top:65px; padding-bottom:70px; background-position:bottom center; background-size:cover; position:relative; z-index:1;}
.mbox .box{ width:94%; margin:auto; margin-top:20px; position:relative; z-index:3;}
.mbox .box .w01{ width:100%; font-size:15px; line-height:25px; text-align:center; margin-top:20px; font-weight:bold;}
.mbox .box .w02{ width:100%; margin-top:35px; display:flex; flex-wrap:wrap; justify-content:center;}
.mbox .box .w02 li{ display:flex; align-items:center; margin:0 2.31%; overflow:hidden;}
.mbox .box .w02 li strong{ width:50px; height:50px; border-radius:100%; background-color:#fff; display:flex; align-items:center; overflow:hidden;}
.mbox .box .w02 li strong img{ max-width:22px; max-height:22px; display:block; margin:auto;}
.mbox .box .w02 li p{ font-size:18px; line-height:28px; margin-left:1vw;}
.mbox .box .w03{ width:100%; font-size:18px; line-height:28px; text-align:center; margin-top:40px; font-weight:bold;}
.mbox .box .w04{ width:100%; padding-top:5px;}
.mbox .box .w04 .inp{ float:left; margin-top:20px; margin-left:2%; border:1px solid #e5e5e5; width:32%; height:52px; box-sizing:border-box; background-color:#fff;}
.mbox .box .w04 .inp:nth-child(1),.mbox .box .w04 .inp:nth-child(4){ margin-left:0;}
.mbox .box .w04 .inp span{ width:100px; height:50px; line-height:50px; display:block; float:left; font-size:16px; color:#999; text-indent:15px;}
.mbox .box .w04 .inp span a{ color:#071ac2;}
.mbox .box .w04 .inp input{ width:calc(100% - 100px); height:50px; line-height:50px; display:block; float:left; font-size:16px; color:#333; overflow:hidden;}
.mbox .box .w04 .inp:nth-child(4) span{ width:120px;}
.mbox .box .w04 .inp:nth-child(4) input{ width:calc(100% - 120px);}
.mbox .box .w04 .inp01{ float:left; margin-top:20px; margin-left:2%; border:1px solid #e5e5e5; width:66%; height:52px; box-sizing:border-box; background-color:#fff;}
.mbox .box .w04 .inp01 span{ width:120px; height:50px; line-height:50px; display:block; float:left; font-size:16px; color:#999; text-indent:15px;}
.mbox .box .w04 .inp01 span a{ color:#071ac2;}
.mbox .box .w04 .inp01 input{ width:calc(100% - 120px); height:50px; line-height:50px; display:block; float:left; font-size:16px; color:#333; overflow:hidden;}
.mbox .box .w04 .inp02{ width:100%; float:left; margin-top:35px;}
.mbox .box .w04 .inp02 a{ width:240px; display:block; margin:auto; overflow:hidden; position:relative; background:linear-gradient(to left,#071ac2,#00bdea);}
.mbox .box .w04 .inp02 a input{ width:100%; height:100%; position:absolute; left:0; top:0; z-index:5; opacity:0; cursor:pointer;}
.mbox .box .w04 .inp02 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;}
.mbox .box .w04 .inp02 p img{ display:block; height:12px; margin-left:14px;}
.mbox .box .w04 .inp02 b{ display:block; width:0; height:100%; background-color:#00bdea; position:absolute; left:0; bottom:0; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.mbox .box .w04 .inp02:hover b{ width:100%;}
}
@media only screen and (max-width: 1023px){
.mbox{ width:100%; padding-top:35px; padding-bottom:40px; background-position:bottom center; background-size:cover; position:relative; z-index:1;}
.mbox .box{ width:94%; margin:auto; margin-top:5px; position:relative; z-index:3;}
.mbox .box .w01{ width:100%; font-size:14px; line-height:24px; text-align:center; margin-top:10px; font-weight:bold;}
.mbox .box .w02{ width:100%; display:flex; flex-wrap:wrap; justify-content:center;}
.mbox .box .w02 li{ display:flex; align-items:center; margin:0 2.31%; overflow:hidden; margin-top:15px;}
.mbox .box .w02 li strong{ width:30px; height:30px; border-radius:100%; background-color:#fff; display:flex; align-items:center; overflow:hidden;}
.mbox .box .w02 li strong img{ max-width:16px; max-height:16px; display:block; margin:auto;}
.mbox .box .w02 li p{ font-size:16px; line-height:26px; margin-left:10px;}
.mbox .box .w03{ width:100%; font-size:16px; line-height:26px; text-align:center; margin-top:15px; font-weight:bold;}
.mbox .box .w04{ width:100%;}
.mbox .box .w04 .inp{ margin-top:15px; border:1px solid #e5e5e5; width:100%; height:46px; box-sizing:border-box; background-color:#fff;}
.mbox .box .w04 .inp span{ width:100px; height:44px; line-height:44px; display:block; float:left; font-size:14px; color:#999; text-indent:10px;}
.mbox .box .w04 .inp span a{ color:#071ac2;}
.mbox .box .w04 .inp input{ width:calc(100% - 100px); height:44px; line-height:44px; display:block; float:left; font-size:14px; color:#333; overflow:hidden;}
.mbox .box .w04 .inp01{ margin-top:15px; border:1px solid #e5e5e5; width:100%; height:46px; box-sizing:border-box; background-color:#fff;}
.mbox .box .w04 .inp01 span{ width:100px; height:44px; line-height:44px; display:block; float:left; font-size:14px; color:#999; text-indent:10px;}
.mbox .box .w04 .inp01 span a{ color:#071ac2;}
.mbox .box .w04 .inp01 input{ width:calc(100% - 100px); height:44px; line-height:44px; display:block; float:left; font-size:14px; color:#333; overflow:hidden;}
.mbox .box .w04 .inp02{ width:100%; float:left; margin-top:20px;}
.mbox .box .w04 .inp02 a{ width:200px; display:block; margin:auto; overflow:hidden; position:relative; background:linear-gradient(to left,#071ac2,#00bdea);}
.mbox .box .w04 .inp02 a input{ width:100%; height:100%; position:absolute; left:0; top:0; z-index:5; opacity:0; cursor:pointer;}
.mbox .box .w04 .inp02 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;}
.mbox .box .w04 .inp02 p img{ display:block; height:12px; margin-left:14px;}
.mbox .box .w04 .inp02 b{ display:block; width:0; height:100%; background-color:#00bdea; position:absolute; left:0; bottom:0; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.mbox .box .w04 .inp02:hover b{ width:100%;}
}

/*footer*/
@media screen and (min-width:1360px){
.footer{ width:100%; background-color:#fff; position:relative; z-index:1;}
.footer .foot{ width:1320px; margin:auto; padding-top:65px; padding-bottom:65px;}
.footer .foot .f01{ width:33%; float:left; padding-top:10px;}
.footer .foot .f01 img{ display:block; max-height:70px; max-width:100%;}
.footer .foot .f02{ width:15.15%; float:left;}
.footer .foot .f02 dt{ font-size:20px; line-height:30px; font-weight:bold; color:#808080;}
.footer .foot .f02 dd{ padding-top:10px;}
.footer .foot .f02 dd a{ display:block; margin-top:10px; font-size:18px; line-height:28px; color:#999;}
.footer .foot .f02 dd a:hover{ color:#00bdea;}
.footer .foot .f03{ width:21.55%; float:left;}
.footer .foot .f03 dt{ font-size:20px; line-height:30px; font-weight:bold; color:#808080;}
.footer .foot .f03 dd{ padding-top:10px;}
.footer .foot .f03 dd p{ display:block; margin-top:10px; font-size:18px; line-height:28px; color:#999; overflow:hidden;}
.footer .foot .f03 dd p img{ display:block; height:18px; float:left; margin:5px 10px; margin-left:0;}
.bq{ width:100%; background-color:#e4ebf0; position:relative; z-index:1;}
.bq .box{ width:1320px; margin:auto; display:flex; align-items:center; justify-content:space-between; height:100px;}
.bq .left{ color:#999; font-size:18px; overflow:hidden;}
.bq .left p{ display:block; float:left; margin-right:3vw;}
.bq .right{ display:flex; align-items:center; color:#999; font-size:18px; display:none !important;}
.bq .right span{ display:block; margin-right:10px;}
.bq .right a{ display:flex; align-items:center; width:60px; height:60px; border-radius:100%; background-color:#fff; margin-left:10px; overflow:hidden;}
.bq .right a img{ display:block; max-width:22px; max-height:22px; margin:auto;}
.bq .right a:hover{ background-color:#00bdea;}
#gotop{ width:40px; height:40px; display:block; cursor:pointer; background-color:rgba(4,26,194,0.7); border-radius:5px; position:fixed; right:3%; bottom:5%; z-index:99; overflow:hidden;}
#gotop img{ width:100%; display:block;}
}
@media screen and (min-width: 1024px) and (max-width: 1359px){
.footer{ width:100%; background-color:#fff; position:relative; z-index:1;}
.footer .foot{ width:94%; margin:auto; padding-top:45px; padding-bottom:45px;}
.footer .foot .f01{ width:33%; float:left; padding-top:10px;}
.footer .foot .f01 img{ display:block; max-height:60px; max-width:100%;}
.footer .foot .f02{ width:14.15%; float:left;}
.footer .foot .f02 dt{ font-size:18px; line-height:28px; font-weight:bold; color:#808080;}
.footer .foot .f02 dd{ padding-top:5px;}
.footer .foot .f02 dd a{ display:block; margin-top:5px; font-size:16px; line-height:26px; color:#999;}
.footer .foot .f02 dd a:hover{ color:#00bdea;}
.footer .foot .f03{ width:24.55%; float:left;}
.footer .foot .f03 dt{ font-size:18px; line-height:28px; font-weight:bold; color:#808080;}
.footer .foot .f03 dd{ padding-top:5px;}
.footer .foot .f03 dd p{ display:block; margin-top:5px; font-size:16px; line-height:26px; color:#999; overflow:hidden;}
.footer .foot .f03 dd p img{ display:block; height:18px; float:left; margin:4px 10px; margin-left:0;}
.bq{ width:100%; background-color:#e4ebf0; position:relative; z-index:1;}
.bq .box{ width:94%; margin:auto; display:flex; align-items:center; justify-content:space-between; height:80px;}
.bq .left{ color:#999; font-size:16px; overflow:hidden;}
.bq .left p{ display:block; float:left; margin-right:3vw;}
.bq .right{ display:flex; align-items:center; color:#999; font-size:16px; display:none !important;}
.bq .right span{ display:block; margin-right:10px;}
.bq .right a{ display:flex; align-items:center; width:50px; height:50px; border-radius:100%; background-color:#fff; margin-left:10px; overflow:hidden;}
.bq .right a img{ display:block; max-width:22px; max-height:22px; margin:auto;}
.bq .right a:hover{ background-color:#00bdea;}
#gotop{ width:40px; height:40px; display:block; cursor:pointer; background-color:rgba(4,26,194,0.7); border-radius:5px; position:fixed; right:3%; bottom:5%; z-index:99; overflow:hidden;}
#gotop img{ width:100%; display:block;}
}
@media only screen and (max-width: 1023px){
.footer{ width:100%; background-color:#fff; position:relative; z-index:1;}
.footer .foot{ width:94%; margin:auto; padding-top:25px; padding-bottom:25px;}
.footer .foot .f01{ width:100%; float:left; padding-top:5px;}
.footer .foot .f01 img{ display:block; max-height:70px; margin:auto;}
.footer .foot .f02{ width:33.33%; float:left; margin-top:15px;}
.footer .foot .f02 dt{ font-size:16px; line-height:26px; font-weight:bold; color:#808080;}
.footer .foot .f02 dd{ padding-top:2px;}
.footer .foot .f02 dd a{ display:block; font-size:14px; line-height:24px; color:#999;}
.footer .foot .f02 dd a:hover{ color:#00bdea;}
.footer .foot .f03{ width:100%; float:left; margin-top:10px;}
.footer .foot .f03 dt{ font-size:16px; line-height:26px; font-weight:bold; color:#808080;}
.footer .foot .f03 dd{ padding-top:2px;}
.footer .foot .f03 dd p{ display:block; margin-top:5px; font-size:14px; line-height:24px; color:#999; overflow:hidden;}
.footer .foot .f03 dd p img{ display:block; height:18px; float:left; margin:3px 10px; margin-left:0;}
.bq{ width:100%; background-color:#e4ebf0; position:relative; z-index:1;}
.bq .box{ width:94%; margin:auto; padding:15px 0;}
.bq .left{ color:#999; font-size:14px; text-align:center; line-height:24px;}
.bq .right{ display:flex; align-items:center; justify-content:center; color:#999; font-size:16px; display:none !important;}
.bq .right span{ display:block; margin-right:10px;}
.bq .right a{ display:flex; align-items:center; width:40px; height:40px; border-radius:100%; background-color:#fff; margin:5px; overflow:hidden;}
.bq .right a img{ display:block; max-width:22px; max-height:22px; margin:auto;}
.bq .right a:hover{ background-color:#00bdea;}
#gotop{ width:40px; height:40px; display:block; cursor:pointer; background-color:rgba(4,26,194,0.7); border-radius:5px; position:fixed; right:3%; bottom:5%; z-index:99; overflow:hidden;}
#gotop img{ width:100%; display:block;}
}

@media screen and (min-width:1360px){
.wei{ width:100%; height:7px; background-color:#071ac2; position:relative; z-index:1;}
}
@media screen and (min-width: 1024px) and (max-width: 1359px){
.wei{ width:100%; height:5px; background-color:#071ac2; position:relative; z-index:1;}
}
@media only screen and (max-width: 1023px){
.wei{ width:100%; height:3px; background-color:#071ac2; position:relative; z-index:1;}
}

@media screen and (min-width:1360px){
.main{ width:100%; padding-top:70px; padding-bottom:110px; position:relative; z-index:1;}
.main .news{ width:1320px; margin:auto; display:block;}
.main .news li{ width:100%; display:block; margin-top:40px; overflow:hidden;}
.main .news li .tu{ width:440px; float:left; position:relative; z-index:1;}
.main .news li .tu a{ width:100%; display:block; position:relative; overflow:hidden; padding-top:61.36%; 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% - 440px); float:right;}
.main .news li .wen .w02{ font-size:24px; line-height:34px; margin-top:5px;}
.main .news li .wen .w02 a{ height:68px; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2;}
.main .news li .wen .w02 a:hover{ color:#00bdea;}
.main .news li .wen .w03{ font-size:16px; line-height:26px; margin-top:10px; color:#666; height:104px; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:4;}
.main .news li .wen .w04{ margin-top:20px;}
.main .news li .wen .w04 a{ float:right; color:#fff; display:block; width:140px; height:40px; font-size:16px; line-height:40px; text-align:center; background: linear-gradient(to right,#00bdea,#071ac2); border-top-left-radius:15px; border-bottom-right-radius:15px;}

.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 #00bdea; border-radius:3px; display:block;}
.fanye li.active span{ color:#fff; background-color:#00bdea;}
.fanye li.disabled span{ color:#aaa; cursor:no-drop; border:1px solid #aaa;}
.fanye li a:hover{ color:#00bdea; border:1px solid #00bdea;}
}
@media screen and (min-width: 1024px) and (max-width: 1359px){
.main{ width:100%; padding-top:50px; padding-bottom:80px; position:relative; z-index:1;}
.main .news{ width:94%; margin:auto; display:block;}
.main .news li{ width:100%; display:block; margin-top:30px; overflow:hidden;}
.main .news li .tu{ width:34%; float:left; position:relative; z-index:1;}
.main .news li .tu a{ width:100%; display:block; position:relative; overflow:hidden; padding-top:61.36%; 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:63%; float:right;}
.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:#00bdea;}
.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:15px;}
.main .news li .wen .w04 a{ float:right; color:#fff; display:block; width:120px; height:38px; font-size:15px; line-height:38px; text-align:center; background: linear-gradient(to right,#00bdea,#071ac2); border-top-left-radius:10px; border-bottom-right-radius:10px;}

.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 #00bdea; border-radius:3px; display:block;}
.fanye li.active span{ color:#fff; background-color:#00bdea;}
.fanye li.disabled span{ color:#aaa; cursor:no-drop; border:1px solid #aaa;}
.fanye li a:hover{ color:#00bdea; border:1px solid #00bdea;}
}
@media only screen and (max-width: 1023px){
.main{ width:100%; padding-top:30px; padding-bottom:50px; position:relative; z-index:1;}
.main .news{ width:94%; margin:auto; display:block;}
.main .news li{ width:100%; display:block; margin-top:20px; 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:61.36%; 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 .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:#00bdea;}
.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%; margin-top:10px;}
.main .news li .wen .w04 a{ float:right; color:#fff; display:block; width:100px; height:34px; font-size:14px; line-height:34px; text-align:center; background: linear-gradient(to right,#00bdea,#071ac2); border-top-left-radius:5px; border-bottom-right-radius:5px;}

.fanye{ width:100%; margin-top:20px; 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 #00bdea; border-radius:3px; display:block;}
.fanye li.active span{ color:#fff; background-color:#00bdea;}
.fanye li.disabled span{ color:#aaa; cursor:no-drop; border:1px solid #aaa;}
.fanye li a:hover{ color:#00bdea; border:1px solid #00bdea;}
}

/*新闻内页*/
@media screen and (min-width:1360px){
.main .ny{ width:1320px; margin:auto; display:block; padding-top:35px;}
.main .ny .w01{ margin-bottom:10px; color:#00bdea; font-weight:700; font-size:30px; line-height:1.5;}
.main .ny .w02{ margin-bottom:20px; color:#333; font-weight:300; font-size:16px; line-height:1.5;}
.main .ny .w03{ margin-bottom:30px; color:#333; font-weight:300; font-size:16px; line-height:1.5;}
.main .ny .w03 img{ max-width:100%; height:auto !important;}
.main .ny .w04{ width:100%;}
.main .ny .w04 a{ width:260px; display:block; margin:auto; overflow:hidden; position:relative; background:linear-gradient(to right,#00bdea,#071ac2); border-radius:15px;}
.main .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;}
.main .ny .w04 p img{ display:block; height:12px; margin-left:14px;}
.main .ny .w04 b{ display:block; width:0; height:100%; background-color:#00bdea; position:absolute; left:0; bottom:0; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.main .ny .w04:hover b{ width:100%;}
}
@media screen and (min-width: 1024px) and (max-width: 1359px){
.main .ny{ width:94%; margin:auto; display:block; padding-top:25px;}
.main .ny .w01{ margin-bottom:5px; color:#00bdea; font-weight:700; font-size:24px; line-height:1.5;}
.main .ny .w02{ margin-bottom:15px; color:#333; font-weight:300; font-size:15px; line-height:1.5;}
.main .ny .w03{ margin-bottom:25px; color:#333; font-weight:300; font-size:15px; line-height:1.5;}
.main .ny .w03 img{ max-width:100%; height:auto !important;}
.main .ny .w04{ width:100%;}
.main .ny .w04 a{ width:240px; display:block; margin:auto; overflow:hidden; position:relative; background:linear-gradient(to right,#00bdea,#071ac2); border-radius:10px;}
.main .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;}
.main .ny .w04 p img{ display:block; height:12px; margin-left:14px;}
.main .ny .w04 b{ display:block; width:0; height:100%; background-color:#00bdea; position:absolute; left:0; bottom:0; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.main .ny .w04:hover b{ width:100%;}
}
@media only screen and (max-width: 1023px){
.main .ny{ width:94%; margin:auto; display:block; margin-top:15px;}
.main .ny .w01{ color:#00bdea; font-weight:700; font-size:20px; line-height:1.5;}
.main .ny .w02{ margin-bottom:10px; color:#333; font-weight:300; font-size:14px; line-height:1.5;}
.main .ny .w03{ margin-bottom:15px; color:#333; font-weight:300; font-size:14px; line-height:1.5;}
.main .ny .w03 img{ max-width:100%; height:auto !important;}
.main .ny .w04{ width:100%;}
.main .ny .w04 a{ width:220px; display:block; margin:auto; overflow:hidden; position:relative; background:linear-gradient(to right,#00bdea,#071ac2); border-radius:5px;}
.main .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;}
.main .ny .w04 p img{ display:block; height:12px; margin-left:14px;}
.main .ny .w04 b{ display:block; width:0; height:100%; background-color:#00bdea; position:absolute; left:0; bottom:0; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.main .ny .w04:hover b{ width:100%;}
}

/*物流服务解决方案*/
@media screen and (min-width:1360px){
.fw01{ width:100%; padding-top:110px; padding-bottom:110px; background-color:#fff; position:relative; z-index:1;}
.fw01 .box{ width:1320px; margin:auto; position:relative; z-index:3;}
.fw01 .box .left{ width:50.78125%; float:left;}
.fw01 .box .left .w01{ font-weight:bold; font-size:36px; line-height:46px; display:block; color:#071ac2;}
.fw01 .box .left .w02{ width:90px; height:5px; margin-top:15px; background-color:#00bdea;}
.fw01 .box .left .w03{ font-size:18px; line-height:28px; margin-top:25px; color:#666;}
.fw01 .box .left .w03 img{ max-width:100%; display:block; height:auto !important;}
.fw01 .box .right{ width:37.5%; float:right;}
.fw01 .box .right img{ width:100%; display:block;}
}
@media screen and (min-width: 1024px) and (max-width: 1359px){
.fw01{ width:100%; padding-top:80px; padding-bottom:80px; background-color:#fff; position:relative; z-index:1;}
.fw01 .box{ width:94%; margin:auto; position:relative; z-index:3;}
.fw01 .box .left{ width:55%; float:left;}
.fw01 .box .left .w01{ font-weight:bold; font-size:30px; line-height:40px; display:block; color:#071ac2;}
.fw01 .box .left .w02{ width:70px; height:4px; margin-top:10px; background-color:#00bdea;}
.fw01 .box .left .w03{ font-size:16px; line-height:26px; margin-top:20px; color:#666;}
.fw01 .box .left .w03 img{ max-width:100%; display:block; height:auto !important;}
.fw01 .box .right{ width:38%; float:right;}
.fw01 .box .right img{ width:100%; display:block;}
}
@media only screen and (max-width: 1023px){
.fw01{ width:100%; padding-top:45px; padding-bottom:50px; background-color:#fff; position:relative; z-index:1;}
.fw01 .box{ width:94%; margin:auto; position:relative; z-index:3;}
.fw01 .box .left{ width:100%;}
.fw01 .box .left .w01{ font-weight:bold; font-size:20px; line-height:30px; display:block; color:#071ac2;}
.fw01 .box .left .w02{ width:50px; height:3px; margin-top:5px; background-color:#00bdea;}
.fw01 .box .left .w03{ font-size:14px; line-height:24px; margin-top:15px; color:#666;}
.fw01 .box .left .w03 img{ max-width:100%; display:block; height:auto !important;}
.fw01 .box .right{ width:100%; margin-top:15px;}
.fw01 .box .right img{ width:100%; display:block;}
}

@media screen and (min-width:1360px){
.fw02{ width:100%; padding-top:70px; padding-bottom:110px; position:relative; z-index:1; background:linear-gradient(to right,rgba(0,189,234,.16),rgba(7,26,194,.16));}
.fw02 .box{ width:1320px; margin:auto; display:block;}
.fw02 .box li{ width:100%; display:block; margin-top:40px; overflow:hidden;}
.fw02 .box li .left{ width:550px; padding:10px; float:left; position:relative; z-index:1;}
.fw02 .box li .left img{ width:100%; display:block; position:relative; z-index:3;}
.fw02 .box li .left b{ width:90px; height:130px; position:absolute; right:0; top:0; display:block; z-index:1; background-color:#00bdea;}
.fw02 .box li .left p{ width:90px; height:130px; position:absolute; left:0; bottom:0; display:block; z-index:1; background-color:#00bdea;}
.fw02 .box li .right{ width:calc(97% - 570px); float:right;}
.fw02 .box li .right .w01{ font-size:30px; line-height:40px; margin-top:5px;}
.fw02 .box li .right .w02{ font-size:18px; line-height:28px; margin-top:10px; color:#666;}

}
@media screen and (min-width: 1024px) and (max-width: 1359px){
.fw02{ width:100%; padding-top:50px; padding-bottom:80px; position:relative; z-index:1; background:linear-gradient(to right,rgba(0,189,234,.16),rgba(7,26,194,.16));}
.fw02 .box{ width:94%; margin:auto; display:block;}
.fw02 .box li{ width:100%; display:block; margin-top:30px; overflow:hidden;}
.fw02 .box li .left{ width:34%; padding:10px; float:left; position:relative; z-index:1;}
.fw02 .box li .left img{ width:100%; display:block; position:relative; z-index:3;}
.fw02 .box li .left b{ width:70px; height:100px; position:absolute; right:0; top:0; display:block; z-index:1; background-color:#00bdea;}
.fw02 .box li .left p{ width:70px; height:100px; position:absolute; left:0; bottom:0; display:block; z-index:1; background-color:#00bdea;}
.fw02 .box li .right{ width:calc(63% - 20px); float:right;}
.fw02 .box li .right .w01{ font-size:24px; line-height:34px;}
.fw02 .box li .right .w02{ font-size:16px; line-height:26px; margin-top:10px; color:#666;}
}
@media only screen and (max-width: 1023px){
.fw02{ width:100%; padding-top:30px; padding-bottom:45px; position:relative; z-index:1; background:linear-gradient(to right,rgba(0,189,234,.16),rgba(7,26,194,.16));}
.fw02 .box{ width:94%; margin:auto; display:block;}
.fw02 .box li{ width:100%; display:block; margin-top:20px; overflow:hidden;}
.fw02 .box li .left{ width:100%; padding:10px; float:left; position:relative; z-index:1; box-sizing:border-box;}
.fw02 .box li .left img{ width:100%; display:block; position:relative; z-index:3;}
.fw02 .box li .left b{ width:50px; height:70px; position:absolute; right:0; top:0; display:block; z-index:1; background-color:#00bdea;}
.fw02 .box li .left p{ width:50px; height:70px; position:absolute; left:0; bottom:0; display:block; z-index:1; background-color:#00bdea;}
.fw02 .box li .right{ width:100%; float:right; margin-top:5px;}
.fw02 .box li .right .w01{ font-size:18px; line-height:28px;}
.fw02 .box li .right .w02{ font-size:14px; line-height:24px; margin-top:5px; color:#666;}

}