﻿@charset "utf-8";
/* CSS Document */
/*@font-face {
    font-family: 'siyuan';
    src: url('font/SOURCEHANSANSCN-REGULAR.OTF') format('opentype');
}*/
@font-face {
    font-family: 'din';
    src: url('font/DINPro-Bold.otf') format('opentype');
}
body {
    margin: 0px;
    padding: 0px;
    font-family: 'siyuan',Arial,sans-serif;
    color: #666666;
    margin: 0px;
    padding: 0px;
    background-color: #fff;
    overflow-x: hidden;
    box-sizing: border-box;
}
* {
    font-family: 'siyuan',Arial,sans-serif;
}
li{list-style:none}
ul{padding-left:0;margin:0 0}
a{color:#666;text-decoration:none;}
.center{max-width:1640px;margin:0 auto; width: 90%;}
/*h2,h3,h4,h5,p{margin:0 0;padding:0 0;font-weight:500;}*/
h1{font-size:2rem;}
.ctrl span{ float:left; cursor:pointer;}
input, textarea, select {
    outline: none;
    font-family: 'siyuan',Arial,sans-serif;
}
img{border:none}
.cursor_pointer{
	cursor:pointer;
}
button{
	cursor:pointer;
}
.float_l{ float:left;}
.float_r{ float:right;}
.clear{clear:both}
.position_r{position: relative;}
.position_a{position: absolute;}
@media screen and (min-width:320px) {html {font-size:70%;}}
@media screen and (min-width:400px) {html {font-size:70%}}
@media screen and (min-width:480px) {html {font-size:70%}}
@media screen and (min-width:560px) {html {font-size:100%}}
@media screen and (min-width:600px) {html{font-size:70%}}
@media screen and (min-width:640px) {html {font-size:100%}}

.index_case .list{ width:72%; float: right; margin-top:2rem;}
.list ul li{ width:30.3%; margin:0 1.5% 3% 1.5%; float:left;position: relative;transition: 0.6s;}
.list ul li .list_border{  background: #fff; transition:0.3s; }
.list ul li .list_img{ width:100%; height:0; padding-top:70%; position:relative; overflow:hidden; margin:auto;  transition: 0.3s;}
.list ul li .list_img img{ position:absolute; width:100%; top:50%; left:50%; transform:translate(-50%,-50%); -moz-transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); 
-o-transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%);  }
.list ul li .list_img:hover{ transform:translate(0,-6px);}

.list ul li .list_text{ padding:2% 0; line-height:2.6rem; text-align: center; }
.list ul li .list_text p{ width:100%; background: linear-gradient(to right, #0c77e4 0%,#00a3ca 100%); line-height:2.6rem;     color:#fff;text-align: center;
    display: block; margin: auto; border-radius: 20px; margin-top: -10px;    position: absolute;  display: -webkit-box;
-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;}

.header .dianhua{  float: right; margin-top:2.2rem;}
.header .dianhua .top{ overflow: hidden;}
.header .dianhua .top span{ display: block; float: left; margin-right:0.6rem; margin-top:0.43rem;}
.header .dianhua .top p{ float: left; font-size: 1.5rem; color:#00554a; margin-top:0.2rem; font-family: "Alternate Gothic NO.2 BT"; font-weight: 600;}
.header .dianhua .bottom p{ color:#111; font-size: 0.9rem; float: right; margin-top:0.1rem; }


.paginationa{overflow: hidden; padding:4% 0; width:100%;}
.paginationa .ul01 li{ float:left; border:solid 1px #ccc;margin-left:1%;text-align: center; line-height: 2.6rem; padding:0 3.9%; border-radius: 4px; color:#333;}
.paginationa .ul01{ max-width:1440px; margin:auto; overflow: hidden;float: right; width:420px;}
.paginationa .ul01 li:hover{ background: #00554a; color:#fff;}
.paginationa .ul01 li:hover a{ color:#fff;}
.paginationa .ul01 li{ color:#222;}
.paginationa span{ display:block; float: left; line-height: 2rem;}




/* 首页标题 */

.title{
	width:100%;
	margin:auto;
	margin-bottom:1rem;
	overflow: hidden;
	}

.title h2{ font-size:2.6rem; color:#2e2e2e; font-weight: 500;  text-align: center; font-weight: bold;}
.title p{ font-size:1.1rem; color:#999;  text-align: center; font-weight: 500; margin-top:0.8rem;}


/*.fixed{position: fixed;right: 3rem;top: 30%;}
.fixed ul li{  background:#fff;width: 70px;height: 70px; border-radius: 50%; position: relative;text-align: center; cursor: pointer; 
 margin-bottom:0.6rem; box-shadow: 0px 4px 14px 8px rgba(255,255,255,.6); }
.fixed ul li i{color: #666;margin-top:0.5rem;}
.fixed ul li i{color: #666;margin-top:0.5rem;}
.fixed ul li:last-child img{padding-top: 40%;}
.fixed ul li .img1{width: 50%;margin:0 auto;padding-top: 6%;}
.fixed ul li .img1 img{width: 100%; margin:auto;}*/
/* .fixed ul li .p1{position: absolute;top: 0;right: -200px;width: 80px;text-align: center;height: 70px;transition: all 1s;z-index: -999; border-radius: 6px;} */
/*.fixed ul li .p1{ display: none; position: absolute;top: 0;right: 1.4rem;width: 80px;text-align: center;height: 70px;transition: all 1s;
z-index: -999; border-radius: 6px; ;}
.fixed ul li:hover .p1{display: block; }
.fixed ul li a{color: #666;}
.fixed ul li .p1 .er{ background: #fff; box-shadow: 0px 4px 14px 8px #f1f5fd; padding-top: 0; margin-top:5.6rem; width:160%;}*/


.nav { width:80%; margin:0 auto;  float: right; }
.menu { height:30px; line-height:30px;  margin-top:1.6rem; display:flex; justify-content:flex-end}
.menu li { float:left; position:relative; }
.menu li a:hover {   padding-bottom: 1rem; }
.menu li.focusa { }
.menu li a { display:block; float:left; height:30px; line-height:30px; margin:0 33px; color:#333; font-size: 1.1rem;}
.menu li ul { position:absolute; left:0;  display:none; background: #fff; margin-top: 1rem; padding:0.5rem 0;}
.menu li ul a { width:150px; }
.one {  top:30px; }
.one li a:hover {  }
.menu li ul.two { left:150px; }
.menu li ul.hdw { left:150px; }
.menu li ul.hdwq { left:150px; }
.menu li .one li a{ padding: 0.4rem 0; display: block; text-align: center; color:#666; font-size: 1rem; margin:auto auto auto 0.3rem; padding:5px 0;}
.menu li .one li a:hover { color:#0052d9; }
.menu li .active{ color:#0052d9; border-bottom: 4px solid #0052d9; display: block; padding-bottom: 1rem; }


.ban_b{    position:relative; width: 100%;max-width: 1640px; margin:auto;}
.banner_b{  margin-top: -75px;display: block;max-width: 100%;}
.banner_b ul{ display: flex; justify-content: space-between; flex-wrap: wrap;}
.banner_b ul li{ width: 24%; background: #fff; border-radius: 12px; padding: 2%; box-sizing: border-box; position: relative; box-shadow:0 .4rem .9rem rgba(0,82,217,.1)}
.banner_b ul li .tu{ float: left; margin-right: 1rem; width:21.4%;}
.banner_b ul li .tu img{ width:100%;}
.banner_b ul li p{ font-size: 1.3rem; color:#333;}
.banner_b ul li span{ font-size: 1.15rem; color:#666; display: block; margin-top:1rem;}
.banner_b ul li a{ font-size: 0.9rem; color:#fff; background: #da2b2f; display: block; padding:0.9%; box-sizing: border-box;
 position: absolute; top: 1rem; right: 1rem; border-radius: 2px;}

.index_jiazhi{  overflow: hidden; margin:4rem auto;}
.index_jiazhi ul{ display: flex; justify-content: space-between; flex-wrap: wrap; width: 90%; margin:auto;}
.index_jiazhi ul li{ width: 30%; padding:1% 3%; box-sizing: border-box;}
.index_jiazhi ul li .tu{ width:56.8%; display: block; margin:1rem auto;}
.index_jiazhi ul li .tu img{ width:100%;}
.index_jiazhi ul li p{ font-size: 1.5rem; color:#333; text-align: center;}
.index_jiazhi ul li span{ font-size: 1.1rem; color:#5b5b5b; text-align: center; display: block; margin-top:1rem; line-height: 2rem;}


.index_ai{ background: url(../images/beijing1.jpg) center no-repeat; height: 730px; margin:4rem auto;padding: 80px 0;}
.index_ai .text{ }
.index_ai .text ul{ display: flex; justify-content: space-between; flex-wrap: wrap; margin: auto;}
.index_ai .text ul li{ width: 31%; background: url(../images/beijing2.jpg) center no-repeat; height: 250px; border-radius: 20px;
 /* box-shadow: 0px 0px 14px 0px #ddd; */
  background-size: 100% 100%; margin-top:3rem; padding:2%; box-sizing: border-box; transition: 0.3s;}
.index_ai .text ul li .p01{ font-size: 1.8rem; color:#333; text-align: center; margin:1rem auto;}
.index_ai .text ul li span{ font-size: 1.1rem; color:#8a8a8a; text-align: center; margin-top:1.2rem; line-height: 2rem; display: block;}
 .index_ai .text ul li span i{  display: block; width: 100%;}
.index_ai .text ul li .more{ background: #fff; font-size: 0.9rem;  color:#0a378c; text-align: center; line-height: 1rem; display: none;
 margin:1.4rem auto 0 auto; width: 20%; border-radius: 20px;padding: 1%;}
.index_ai .text ul li .box{ display: none; }
.index_ai .text ul li .box p{display: none; }
.index_ai .text ul li:hover{ background: url(../images/beijing3.jpg) center no-repeat; height: 250px;border-radius: 20px;
 box-shadow: 0px 0px 14px 0px #ddd; background-size: 100% 100%; margin-top:3rem; padding:2%; box-sizing: border-box;  }
.index_ai .text ul li:hover p{ color:#fff; }
.index_ai .text ul li:hover .box{ display: block; display: flex; justify-content: space-between; margin-top:0.6rem;}
.index_ai .text ul li:hover .box p{ display: block; width: 22%; font-size: 0.82rem; color:#fff; border: 1px solid #fff; border-radius: 4px; 
padding:0.3%; box-sizing: border-box; text-align: center; font-weight: 300;}
.index_ai .text ul li:hover span{ color:#fff;}
.index_ai .text ul li:hover span i{ display: none;}
.index_ai .text ul li:hover .more{ display: block;}
.index_ai .text ul li:nth-child(2):hover .box p{ width: 19%;}
.index_ai .text ul li p a{color:#fff}
.index_ai .text ul li p a:hover{background:#fff; color:#0052d9}

.index_fangan{ overflow: hidden; margin:4rem auto;}
.index_fangan ul{ display: flex; justify-content: space-between; flex-wrap: wrap; margin:2rem auto;}
.index_fangan ul li{ width:32.4%; border-radius: 20px; margin-top: 1.4rem; position: relative;}
    .index_fangan ul li a {
        display: block;
        position: relative;
        width: 100%;
        height: 100%;
    }
.index_fangan ul li:nth-child(1){ background: url(../images/fangan1.jpg) center no-repeat; height: 390px; }
.index_fangan ul li:nth-child(2){ background: url(../images/fangan2.jpg) center no-repeat; height: 390px; }
.index_fangan ul li:nth-child(3){ background: url(../images/fangan3.jpg) center no-repeat; height: 390px; }
.index_fangan ul li:nth-child(4){ background: url(../images/fangan4.jpg) center no-repeat; height: 390px; }
.index_fangan ul li:nth-child(5){ background: url(../images/fangan5.jpg) center no-repeat; height: 390px; }
.index_fangan ul li:nth-child(6){ background: url(../images/fangan6.jpg) center no-repeat; height: 390px; }
.index_fangan ul li .box{ position: absolute; bottom: 2rem; left: 2rem;}
.index_fangan ul li .box div{ width: 50%; }
.index_fangan ul li .box div img{ width: 100%; }
.index_fangan ul li .box p{ font-size: 1.4rem; color:#fff; margin-top:0.6rem;}

.Box {position: relative;}
.Box .content {max-width: 1840px;margin: 0 auto; width: 90%;}
.Box .Box_con {position: relative; margin-top:2rem;}
.Box .Box_con .btnl {position: absolute;}
.Box .Box_con .btnr {position: absolute;}
.Box .Box_con .btn {display: block;width: 41px;height: 41px;position: absolute;top: 80px;cursor: pointer; z-index: 99999;}
.Box .Box_con .btnl { background: #fff; width: 60px; height: 60px; border-radius: 50%; box-shadow: 0px 0px 14px 0px #ddd; float: left; 
position: absolute; display: block !important; background: url(../images/11.png) center no-repeat; }
.Box .Box_con .btnr {background: #fff; width: 60px; height: 60px;border-radius: 50%; box-shadow: 0px 0px 14px 0px #ddd; float: right;   
 position: absolute; right: 0; display: block !important; background: url(../images/22.png) center no-repeat; }
.Box .Box_con .conbox {position: relative; max-width: 1640px; margin:auto;}
.Box .Box_con .conbox ul {position: relative;list-style: none; display: flex; justify-content: space-between;  width: auto !important;}
.Box .Box_con .conbox ul li {float: left;margin-left: 20px;background: url(../images/lunbo1.jpg) center no-repeat;
 height: 244px; width: 32%; padding:3% 1%; box-sizing: border-box; box-shadow: 0px 0px 15px 0px #e5e5e5;}
.Box .Box_con .conbox ul li:first-child {margin-left: 0;}
.Box .Box_con .conbox ul li .tu{ width: 17%; float: left; margin-right: 1rem; margin-bottom: 3rem;}
.Box .Box_con .conbox ul li .tu img{ width: 100%;}
.Box .Box_con .conbox ul li p{ font-size: 1.3rem; color:#444;}
.Box .Box_con .conbox ul li span{ font-size: 1.1rem; color:#444; display: block; line-height: 2rem; text-align: right;  margin:2rem 1rem 0 0;}

.index_houban{  margin:3rem auto;}
.index_houban ul{  display: flex; justify-content: space-between; flex-wrap: wrap;}
.index_houban ul li{ width: 18%; background: #fff; padding:1% 0; box-sizing: border-box; border:1px solid #e5e5e5; margin-top: 2rem;
border-radius: .8rem; transition:all .4s;}
.index_houban ul li img{ display: block; margin:auto; }
.index_houban ul li:hover{ box-shadow:0 .3rem .6rem rgba(0,82,217,.1); border-color:#fff;}
.index_tijiao{  overflow: hidden; margin:4rem auto;}
.index_tijiao .biaodan{ width: 45%; float: left;}
.index_tijiao .biaodan form{ overflow: hidden;}
.index_tijiao .biaodan form .text{ overflow: hidden; margin-top:2rem; }
.index_tijiao .biaodan form .text p{ font-size: 1.1rem; color:#333; float: left; width: 12%; font-weight: 300; margin-top:1rem;}
.index_tijiao .biaodan form .text input{ width: 88%; border: 1px solid #e5e5e5; border-radius: 8px; float: left;     line-height: 3.6rem;
    padding-left: 2rem; box-sizing: border-box; font-size: 1rem;}

::-webkit-input-placeholder { /* WebKit browsers */ color: #999;} 
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: #999;} 
::-moz-placeholder { /* Mozilla Firefox 19+ */ color: #999; } 
:-ms-input-placeholder { /* Internet Explorer 10+ */ color: #999;} 
.index_tijiao .biaodan form .text .shouji{ width: 50%; float: left; border-right: none; border-top-right-radius: 0px; border-bottom-right-radius:0px;}
.index_tijiao .biaodan form .text #yanzheng{ line-height: 3.6rem; border: 1px solid #e5e5e5; border-radius: 8px; color:#0052d9; background: none;
border-top-left-radius: 0px; border-bottom-left-radius:0px;  width: 14%; font-size: 1rem; border-left:none;}
.index_tijiao .biaodan form .text span{ width: 1px; height: 2.6rem; background: #ccc;display: block;float: left;line-height: 3.6rem; margin-top: 0.6rem;}
.index_tijiao .biaodan form .text .aa{ width: 22%; border: 1px solid #e5e5e5; border-radius: 8px; float: right;     line-height: 3.6rem;
    padding-left: 2rem; box-sizing: border-box; font-size: 1rem;}
.index_tijiao .biaodan form .zixun{ font-size: 1.3rem; color:#fff; line-height: 4rem; width: 30%; background: #0052d9; border-radius:40px; 
margin:4rem auto; text-align: center; box-shadow: 0px 4px 14px 6px #e4eaf6; display: block;}
.index_tijiao .right{ width: 50%; float: right; margin-top:2rem;}
.index_tijiao .right img{ width: 100%;}

#tc{display:none;background:rgba(0,0,0,.7);position:fixed;z-index:999999;top:0;left:0;width:100%;height:100%;text-align:center;line-height: 2.5em;} 
.qaik div{margin-top:15px; text-align: left;} .qaik .oiak{ background:#fff;margin:auto;top:2rem;right:0;bottom:150px;left:0;width:280px;border-radius:5px;} 
.qaik .qka{font-size:20px;font-weight:bold;} .qaik .koka{border-top:1px solid #f1f1f1;padding-top:8px;color:#3AB1FF;font-size:22px;} 
.qaik .koka p{ width: 100%; display: flex; align-items: center; justify-content: center;} 
.qaik .koka p a{ display: block; width: 48%; line-height: 40px; font-size: 20px; text-align: center;text-decoration: none ;color:black;}
.qaik .wwwka{font-size:14px; text-align: center;} 
.qaik .a_close{ position: absolute; right: 0px; top: 0px; font-size: 30px; line-height: 30px; color: #333; width: 30px; text-align: center;} 
.qaik .oiak_2{ bottom: 19%; width: 94%;height: 500px; overflow:auto; position: fixed; top: 2rem; } 
.qaik .oiak_2 .wwwka{font-size:16px;}
.wforder{ max-width: 640px;}

.foot{ margin:5rem auto 0 auto; overflow: hidden; padding:3rem 0 0 0; border-top:2px solid #eeeeee;}
.foot .left{ width: 34%; float: left;}
.foot .left .logo{ display: block; }
.foot .left .text{ overflow: hidden; margin-top:1rem; }
.foot .left .text p{ font-size: 1rem; color:#333; line-height: 2.6rem; font-weight: 400;}
.foot .right{ width: 52%; float: right; margin-top:1rem;}
.foot .right ul{ display: flex; justify-content: space-between;}
/* .foot .right ul li{ width:22%; } */
.foot .right ul li p{ font-size: 1.3rem; color:#333; margin-bottom: 1rem;}
.foot .right ul li a{ font-size: 1.1rem; color:#666; font-weight: 400; line-height: 2rem; display: block;}
.foot .banquan{ background: #f8f8f8; font-size: 1rem; color:#999; text-align: center; line-height: 6rem; margin-top:3rem;}
.iconfont{font-size: 2.2rem; padding-top: 0.8rem; display: block;color: #333;}

.banner_aa{  overflow: hidden;}
.banner_aa .pc{ display: block;}
.banner_aa .pc img{ width: 100%;}
.banner_aa .shouji{ display: none;}
.banner_aa .shouji img{ width: 100%;}


.jishu{  margin:5rem auto; }
.jishu ul{  display: flex; justify-content: space-between; flex-wrap: wrap; margin-top:2rem;}
.jishu ul li{ width:23.5%; box-shadow: 0px 6px 14px 4px #f5f7fb; background: -webkit-linear-gradient(top, #f4f5f8 0%,#ffffff 100%);
 border-radius: 12px; padding:1% 2%; box-sizing: border-box;}
.jishu ul li div{ overflow: hidden;}
.jishu ul li div img{ float: left; margin-right: 1rem;}
.jishu ul li div p{ font-size: 1.5rem; float: left; margin-top:2rem;}
.jishu ul li span{ font-size: 1.1rem; color:#666; line-height: 2rem; display: block; margin-top:0.7rem; }

.fuwu{ overflow: hidden; margin:6rem auto; background: url(../images/fuwu1.jpg) center no-repeat; height: 910px; padding:50px 0; box-sizing: border-box;}

.youshi{ margin:3rme auto;}
.youshi ul{ display: flex; justify-content: space-between; flex-wrap: wrap; width: 92%; margin:auto;}
.youshi ul li{ width:48%; background: #f2f6fa; border: 5px solid #fff; border-radius: 3px; box-shadow: 0px 3px 14px 4px #f1f1f1; margin-top:3rem;}
.youshi ul li div{ width: 27%; float:left; margin-right: 1rem;}
.youshi ul li div img{ width: 100%;}
.youshi ul li p{ font-size: 1.8rem; color:#333; margin-top:2.1rem; margin-right:1.0rem;}
.youshi ul li span{ font-size: 1.1rem; color:#555; display: block; margin-top:0.4rem; margin-right:1.0rem}
.youshi ul li:hover p{ color:#3267d8;}
.gg{ background: url(../images/gg.jpg) center no-repeat; height: 170px; margin:4rem auto;}
.gg p{ font-size: 2.5rem; color:#fff; line-height: 170px; text-align: center; letter-spacing: 2px;} 

.gongju{ margin:5rem auto;}
.gongju ul{ display: flex; justify-content: space-between; margin-top:3rem; flex-wrap: wrap;}
.gongju ul li{ width:24%; border-radius: 12px; box-shadow:0 .3rem .8rem rgba(0,0,0,.05);
background: url(../images/bei1.jpg) center no-repeat; height: 136px; padding:1%; box-sizing: border-box; background-size: 100% 100%;}
.gongju ul li p{ font-size:2.8rem; color:#0052d9; font-weight: 600; font-family: "DIN";}
.gongju ul li span{ font-size: 1.3rem; color:#333; display: block; margin-top:0.6rem;}

.chengben{ margin:4rem auto;}
.chengben ul{ display: flex; justify-content: space-between; flex-wrap: wrap; margin-top:4rem;}
.chengben ul li{width: 23%;}
.chengben ul li i{ width: 50%; height: 20px; background: #0052d9; display: block; margin:auto; border-top-left-radius: 12px;
border-top-right-radius: 12px;}
.chengben ul li .box{ width: 100%; box-shadow: 0px 2px 30px 4px #f1f1f1; background: url(../images/cheng1.png) center no-repeat; height: 310px;
border-radius: 12px; padding:8%; box-sizing: border-box; background-size: 100% 100%;}
.chengben ul li .box p{ font-size: 1.8rem; color:#222; text-align: center; padding-top:5rem; font-weight: bold;}
.chengben ul li .box span{ font-size: 1.1rem; color:#999;  margin-top:1rem; display: block; text-align: center; }
.chengben ul li:nth-child(2) .box{ background: url(../images/cheng2.png) center no-repeat; height: 310px;}
.chengben ul li:nth-child(1) .box{ background: url(../images/cheng1.png) center no-repeat; height: 310px;}
.chengben ul li:nth-child(3) .box{ background: url(../images/cheng3.png) center no-repeat; height: 310px;}
.chengben ul li:nth-child(4) .box{ background: url(../images/cheng4.png) center no-repeat; height: 310px;}

.case{  margin:4rem auto;}
.case ul{ display: flex; justify-content: space-between; flex-wrap: wrap;}
.case ul li{ width: 31.5%; margin-top:2rem; }
.case ul li img{ width: 100%; box-shadow: 0px 3px 20px 3px #e5e5e5; border-radius: 12px;border: 4px solid #fff;}

.xinshijie{ margin:4rem auto;}
.xinshijie ul{ display: flex; justify-content: space-between; flex-wrap: wrap;}
.xinshijie ul li{ width:24%; float: left;border-radius: 12px; margin-top:1.4rem; position: relative; }
.xinshijie ul li:nth-child(1){ background: url(../images/shi1.png) center no-repeat; height: 232px; background-size: 100% 100%;}
.xinshijie ul li:nth-child(2){ background: url(../images/shi2.png) center no-repeat; height: 232px; background-size: 100% 100%;}
.xinshijie ul li:nth-child(3){ background: url(../images/shi3.png) center no-repeat; height: 232px; background-size: 100% 100%;}
.xinshijie ul li:nth-child(4){ background: url(../images/shi4.png) center no-repeat; height: 232px; background-size: 100% 100%;}
.xinshijie ul li:nth-child(5){ background: url(../images/shi5.png) center no-repeat; height: 232px; background-size: 100% 100%;}
.xinshijie ul li:nth-child(6){ background: url(../images/shi6.png) center no-repeat; height: 232px; background-size: 100% 100%;}
.xinshijie ul li:nth-child(7){ background: url(../images/shi7.png) center no-repeat; height: 232px; background-size: 100% 100%;}
.xinshijie ul li:nth-child(8){ background: url(../images/shi8.png) center no-repeat; height: 232px; background-size: 100% 100%;}
.xinshijie ul li img{ position: absolute; bottom: 0.6rem; left: 1rem;}
.xinshijie ul li p{position: absolute; bottom: 1rem; left: 5.5rem; font-size: 1.4rem; color:#fff;}

.jishu1{  margin:5rem auto; }
.jishu1 ul{  display: flex; justify-content: space-between; flex-wrap: wrap; margin-top:2rem;}
.jishu1 ul li{ width:31.5%; box-shadow: 0px 6px 14px 4px #f5f7fb; background: -webkit-linear-gradient(top, #f4f5f8 0%,#ffffff 100%);
 border-radius: 12px; padding:1% 2%; box-sizing: border-box; margin-top:2rem;}
.jishu1 ul li div{ overflow: hidden; display:flex; align-items:center; flex-wrap:wrap;}
.jishu1 ul li div img{ margin-right: 1rem; width:4.0rem}
.jishu1 ul li div p{ font-size: 1.5rem; flex:1;}
.jishu1 ul li span{ font-size: 1.1rem; color:#666; line-height: 2rem; display: block; margin-top:0.7rem; }


.shengtai{  overflow: hidden; margin:4rem auto;}
.shengtai ul{ display: flex; justify-content: space-between; flex-wrap: wrap; width: 90%; margin:auto;}
.shengtai ul li{ width: 25%; padding:1% 3%; box-sizing: border-box;}
.shengtai ul li .tu{ width:48%; display: block; margin:1rem auto;}
.shengtai ul li .tu img{ width:100%; box-shadow: 0px 2px 20px 3px #f1f1f1; border-radius: 12px;}
.shengtai ul li p{ font-size: 1.6rem; color:#333; text-align: center;}
.shengtai ul li span{ font-size: 1.1rem; color:#5b5b5b; text-align: center; display: block; margin-top:1rem; line-height: 2rem;}

.shengtai1{  overflow: hidden; margin:4rem auto;}
.shengtai1 ul{ display: flex; justify-content: space-between; flex-wrap: wrap; width: 90%; margin:auto;}
.shengtai1 ul li{ width: 20%; padding:1% 3%; box-sizing: border-box;}
.shengtai1 ul li .tu{ width:48%; display: block; margin:1rem auto;}
.shengtai1 ul li .tu img{ width:100%; box-shadow: 0px 2px 20px 3px #f1f1f1; border-radius: 12px;}
.shengtai1 ul li p{ font-size: 1.6rem; color:#333; text-align: center;}
.shengtai1 ul li span{ font-size: 1.1rem; color:#5b5b5b; text-align: center; display: block; margin-top:0rem; line-height: 2rem;}

.hangye{ margin:5rem auto;}
.hangye ul{ display: flex; justify-content: space-between; flex-wrap: wrap; margin-top:3.0rem}
.hangye ul li{  width:18%;}
.hangye ul li .box{ position: relative; height: 507px;}
.hangye ul li .box .tu{ width: 100%; position: absolute;}
.hangye ul li .box .tu img{ width: 100%; box-shadow: 0px 2px 20px 3px #deebff; height: 507px;}
.hangye ul li .box .tt{ position: absolute;  bottom: 1rem;  width: 100%;   margin: auto; display: block; text-align: center; padding:2%;height:30%;
 box-sizing: border-box; transition: 0.6s;}
.hangye ul li .box .tt p{ font-size: 1.5rem; color:#fff; text-align: center;}
.hangye ul li .box .tt span{ display: block; font-size: 1rem; color:#fff; line-height: 2rem; display: none;font-weight: 300; }
.hangye ul li .box:hover span{ display: block; }
.hangye ul li .box:hover .tt{ background:#0b3688; opacity: 0.9;  width:100%; height: 100%; position: absolute; bottom:0; border-radius: 12px; 
padding-top:60%;}


.shipin{ margin:4rem auto;}
.shipin .left{ width: 40%; float: left;}
.shipin .left img{ float: right;}
.shipin .text{ width: 55%; float: right;}
.shipin .text ul{ display: flex; justify-content: space-between; flex-wrap: wrap; margin-top:5rem;}
.shipin .text ul li{ width: 100%; margin-bottom: 2rem;}
.shipin .text ul li p{ font-size: 2.2rem; color:#0052d9; font-weight: 600; display:flex;}
    .shipin .text ul li p b{ font-family:"din"; font-size:3.0rem; display:block; margin-top:-.5rem}
    .shipin .text ul li span {
        font-size: 1.2rem;
        color: #999;
        display: block;
        margin-top: 0.2rem;
    }

.wenti{ margin:4rem auto; background: url(../images/wenti.jpg) center no-repeat; height: 790px; padding:60px 0; box-sizing: border-box;}

/*.wenti1{ background: url(../images/wenti1.jpg) center no-repeat; height: 280px; }*/
.wenti1 ul{ display: flex; justify-content: space-between; flex-wrap: wrap; width: 92%; margin: auto; align-content:center ; margin-top:4.0rem}
/*.wenti1 ul li{ width: 25%;}*/
/*.wenti1 ul li p{  font-size: 1.4rem; text-align: center; margin-top: 10rem;}*/
    .wenti1 ul .wenti_cengt_content { width:21%; position:relative;
    }
        .wenti1 ul .wenti_cengt_content img{width:100%; box-shadow:0 .6rem 1rem rgba(0,82,217,.1); border-radius:1.2rem;}
            .wenti1 ul .wenti_cengt_content p {
                font-size: 1.4rem;
                text-align: center; position:absolute; top:0; left:0; width:100%; height:100%; display:flex; align-items:center; justify-content:center;
            }
    .wenti1 ul .wenti_cengt_icon {
        width: 2%;
        display: flex;
        align-items: center;
        justify-content: center;
    }
.wenti1 ul .wenti_cengt_content i{
    width: 50%;
    height: 20px;
    background: #0052d9;
    display: block;
    margin: auto;
    position:absolute; top:-20px; left:25%;
    border-top-left-radius: 12px;
    border-top-right-radius: 12px;
}
    .wenti1 ul .wenti_cengt_icon img {
        width: 100%;
    }
                .cehua {
                    margin: 5rem auto;
                }
.cehua ul{ display: flex; justify-content: space-between; flex-wrap: wrap; margin-top:3.0rem;}
.cehua ul li{ width: 23%; background: #fbfdff; border: 4px solid #fff; border-radius: 6px; box-shadow: 0px 3px 30px 4px #e7effd;
padding:2%; box-sizing: border-box; position: relative;}
.cehua ul li div{ width: 70%; float: left;}
.cehua ul li div p{ font-size: 1.6rem; color:#333;}
.cehua ul li div span{ font-size: 1.2rem; color:#666; display: block; margin-top:0.4rem;}
.cehua ul li img{ position: absolute; bottom: 0; right: 1rem;}


.zhanghao{ margin:4rem auto; background: url(../images/zhanghao.jpg) center no-repeat; padding:60px 0; box-sizing: border-box;}
.zhanghao ul{ display: flex; justify-content: space-between; flex-wrap: wrap; width: 90%; margin: 4rem auto 0 auto;}
.zhanghao ul li{  width: 22.5%; background: #fbfdff; padding:1%; box-sizing: border-box; position: relative;}
.zhanghao ul li div{ overflow: hidden;padding: 2rem 0;}
.zhanghao ul li div p{ font-size: 1.7rem; color:#333; margin-bottom: 1rem; padding-top:2rem;}
.zhanghao ul li div span{ font-size: 1.2rem; color:#666; display: block; width: 100%; line-height: 2rem;}
.zhanghao ul li div i{ color:#0052d9;}
.zhanghao ul li img{ position: absolute; top: 1rem; right: 1rem;}

.zhizou{ background: url(../images/shipin.jpg) center no-repeat; padding:60px 0; box-sizing: border-box;}
.zhizou .title h2{ color: #fff;}
.zhizou ul{ width: 70%; float: right; display: flex; justify-content: space-between; margin-top:2rem; flex-wrap: wrap;}
.zhizou ul li{ width: 48%; background: #fff; border-radius: 20px;padding:3%; box-sizing: border-box;}
.zhizou ul li div img{ display: block;}
.zhizou ul li p{ font-size: 1.5rem; color:#333;}
.zhizou ul li span{ font-size: 1.2rem; color:#666; display: block; margin-top:0.3rem;}

.yunying{ margin:4rem auto;}
.yunying ul{ display: flex; justify-content: space-between; flex-wrap: wrap; margin-top:4rem;}
.yunying ul li{width: 23%;}
.yunying ul li i{ width: 50%; height: 20px; background: #0052d9; display: block; margin:auto; border-top-left-radius: 12px;
border-top-right-radius: 12px;}
.yunying ul li .box{ width: 100%; box-shadow: 0px 2px 30px 4px #f1f1f1; background: url(../images/cheng1.png) center no-repeat; height: 310px;
border-radius: 12px; padding:3%; box-sizing: border-box; background-size: 100% 100%;}
.yunying ul li .box p{ font-size: 1.8rem; color:#222; text-align: center; padding-top:6rem;}
.yunying ul li .box span{ font-size: 1.2rem; color:#999;  margin-top:1rem; display: block; text-align: center;  line-height: 2.2rem;}
.yunying ul li:nth-child(2) .box{ background: url(../images/cheng2.png) center no-repeat; height: 360px; background-size: 100% 100%;}
.yunying ul li:nth-child(1) .box{ background: url(../images/cheng1.png) center no-repeat; height: 360px; background-size: 100% 100%;}
.yunying ul li:nth-child(3) .box{ background: url(../images/cheng3.png) center no-repeat; height: 360px; background-size: 100% 100%;}
.yunying ul li:nth-child(4) .box{ background: url(../images/cheng4.png) center no-repeat; height: 360px; background-size: 100% 100%;}


.chanpin{ margin:5rem auto;}
.chanpin ul{ display: flex; justify-content: space-between; margin-top:2rem; flex-wrap: wrap;}
.chanpin ul li{ width:15.6%; box-shadow: 0px .3rem .8rem rgba(0,0,0,.1); border-radius: 12px; 
padding:1%; box-sizing: border-box; background-size: 100% 100%;}
.chanpin ul li p{ font-size:3rem; color:#0052d9; font-weight: 600; font-family: "DIN";}
.chanpin ul li span{ font-size: 1.3rem; color:#333; display: block; margin-top:0.6rem;}

.youshi2 ul{ display: flex; justify-content: space-between; flex-wrap: wrap;  margin:3rem auto 4rem auto;}
.youshi2 ul li{  width: 23%; background: #fbfdff; padding:1%; box-sizing: border-box; border-radius: 12px; position: relative; box-shadow: 0px 3px 30px 2px #e5e5e5;}
.youshi2 ul li div{ overflow: hidden;padding: 2rem 0;}
.youshi2 ul li div p{ font-size: 1.6rem; color:#333; margin-bottom: 1rem; }
.youshi2 ul li div span{ font-size: 1.2rem; color:#666; display: block; width: 100%; line-height: 2rem;}
.youshi2 ul li div i{ color:#0052d9;}
.youshi2 ul li img{ position: absolute; top: 1rem; right: 1rem;}

.youshi3{ background: url(../images/youshi.jpg) center no-repeat; height: 714px; padding:60px 0; box-sizing: border-box;} 

.houqu{ background: url(../images/houqu.jpg) center no-repeat; height: 600px; margin-top:2rem;}
.houqu .text{ width: 50%; float: right;     margin-top: 8rem;}
.houqu .text h3{ font-size: 2.2rem; color: #222; font-weight: 600;}
.houqu .text h3 i{ color:#0052d9;  font-weight: 600;}
.houqu .text p{ font-size: 1.5rem; color: #666; margin-top:2rem; width: 80%;}
.houqu .text input{ width: 26%; float: left; margin-right: 2rem; font-size: 1.1rem; color:#666; line-height: 3rem; margin-top:3rem;  
    background: none;padding-bottom: 0.2rem;border-bottom: 1px solid #666;}
.houqu .text button{ margin-top:3rem; width: 170px; line-height: 2.8rem; background: #0052d9; border-radius: 12px; font-size: 1rem; color:#fff;}

.yiliao{ margin:3rem auto;}
.yiliao .title p{ color:#666;}
.yiliao .tu{ display: block; margin:2rem auto; text-align: center;}

.shichang{ background: url(../images/shichang.jpg) center no-repeat; height: 910px; padding:60px 0; box-sizing: border-box;}
.shichang .tu{ display: block; margin:2rem auto; text-align: center; padding-right: 7rem;}

.youshi4{  margin:5rem auto; }
.youshi4 ul{  display: flex; justify-content: space-between; flex-wrap: wrap; margin-top:2rem;}
.youshi4 ul li{ width:32%; box-shadow: 0px 6px 14px 4px #f5f7fb; background: -webkit-linear-gradient(top, #f4f5f8 0%,#ffffff 100%);
 border-radius: 12px; padding:1% 2%; box-sizing: border-box; margin-top:1.6rem;}
.youshi4 ul li div{ overflow: hidden;}
.youshi4 ul li div img{ float: left; margin-right: 1rem;}
.youshi4 ul li div p{ font-size: 1.5rem; float: left; margin-top:2rem;}
.youshi4 ul li span{ font-size: 1.1rem; color:#666; line-height: 2rem; display: block; margin-top:0.7rem; }

.youshi8{  margin:5rem auto; }
.youshi8 ul{  display: flex; justify-content: space-between; flex-wrap: wrap; margin-top:2rem;}
.youshi8 ul li{ width:32%; box-shadow: 0px 6px 14px 4px #f5f7fb; background: -webkit-linear-gradient(top, #f4f5f8 0%,#ffffff 100%);
 border-radius: 12px; padding:1% 2%; box-sizing: border-box; margin-top:1.6rem;}
.youshi8 ul li div{ overflow: hidden;}
.youshi8 ul li div img{ float: left; margin-right: 1rem;}
.youshi8 ul li div p{ font-size: 1.5rem; float: left; margin-top:2rem;}
.youshi8 ul li span{ font-size: 1.1rem; color:#666; line-height: 2rem; display: block; margin-top:0.7rem; }



.case2{background: url(../images/case_2.jpg) center no-repeat;  padding:80px 0; box-sizing: border-box;}
    .case2 ul {
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
        width: 86%;
        margin: auto;
        margin-top: 3.0rem;
    }
.case2 ul li{ width: 46%;}
.case2 ul li .box{ width: 100%; background: #fbfdff; padding:2%; box-sizing: border-box; box-shadow: 0px 2px 20px 2px #dbe8fc;
 border-radius: 8px; position: relative;}
.case2 ul li .box p{ font-size: 1.8rem; color:#333; margin:1rem 0;}
.case2 ul li .box span{ font-size: 1.3rem; color:#666; margin-top:0.7rem;}
.case2 ul li .box i{ position: absolute; top: -1.3rem; right: 1rem;}
.case2 ul li .tu{ width: 100%; margin-top:1.7rem;}
.case2 ul li .tu img{ width: 100%;}

.zhibo{ margin:4rem auto;}
.zhibo ul{ display: flex; justify-content: space-between; flex-wrap: wrap;}
.zhibo ul li{ width: 32.2%; margin-top:2rem; position: relative;}
.zhibo ul li:nth-child(1){ background: url(../images/zhibo1.png) center no-repeat; height: 316px;}
.zhibo ul li:nth-child(2){ background: url(../images/zhibo2.png) center no-repeat; height: 316px;}
.zhibo ul li:nth-child(3){ background: url(../images/zhibo3.png) center no-repeat; height: 316px;}
.zhibo ul li:nth-child(4){ background: url(../images/zhibo4.png) center no-repeat; height: 316px;}
.zhibo ul li:nth-child(5){ background: url(../images/zhibo5.png) center no-repeat; height: 316px;}
.zhibo ul li:nth-child(6){ background: url(../images/zhibo6.png) center no-repeat; height: 316px;}
.zhibo ul li .box{ position: absolute; bottom: 2rem; left: 2rem;}
.zhibo ul li .box p{ font-size: 1.4rem; color:#fff}
.zhibo ul li .box i{ width: 40px; height: 2px; background: #fff; display: block; margin-top:0.6rem;}

.liuliang{  margin:4rem auto; background: url(../images/liuliang.jpg) center no-repeat; height: 780px;padding:60px 0; box-sizing: border-box;}
.liuliang .text{  display: flex; justify-content: space-between; flex-wrap: wrap; margin-top:4rem;}
.liuliang .text .box{ width:32.5%;}
.liuliang .text .box:nth-child(1){ background: url(../images/liu1.png) center no-repeat; height: 420px;}
.liuliang .text .box:nth-child(2){ background: url(../images/liu2.png) center no-repeat; height: 420px;}
.liuliang .text .box:nth-child(3){ background: url(../images/liu3.png) center no-repeat; height: 420px;}
.liuliang .text .box div{margin-top: 10rem; padding: 4%;width: 39%;float: left;}
.liuliang .text .box div p{ font-size: 1.7rem; color:#333; text-align: center;}
.liuliang .text .box div span{ font-size: 1.2rem; color:#666; text-align: center; display: block; margin-top:0.6rem;}
.liuliang .text .box div:nth-child(2n-1){ margin-left: 1rem;}

.gg2{ margin:3rem auto; background: url(../images/gg1.jpg) center no-repeat; height: 236px;}
.gg2 p{ font-size: 1.8rem; color:#fff; padding-top:4rem; }
.gg2 span{ font-size: 1.2rem; color:#000938; width: 150px; line-height: 2.8rem; background: #fff; text-align: center; margin-top:2rem; display: block;}

.xiaotu{ margin:3rem auto 2rem auto;}
.xiaotu ul{ overflow: hidden; display: flex; justify-content: space-between; flex-wrap: wrap; width: 84%; margin:auto; }
.xiaotu ul li{ width: 25%;}
.xiaotu ul li img{ float: left; margin-right: 1rem;}
.xiaotu ul li p{ font-size: 1.1rem; color:#222; float: left;line-height: 62px;}

.douyin{  margin:4rem auto;}
.douyin .box{ background: url(../images/douyin.jpg) center no-repeat; height: 670px;} 
.douyin .box .wenzi{ width: 58%; float: right;margin-top:13rem;}
.douyin .box .wenzi p{ font-size: 2rem; color: #0052d9;}
.douyin .box .wenzi span{ display: block; font-size: 1.2rem; line-height: 2rem; margin-top:2.4rem;}
.douyin .box .wenzi span i{ color:#0052d9; font-weight: 600;}

.youshi4{margin:0 auto; 
         background: url(../images/zhanghao.jpg) center no-repeat; 
         background-size:100% 100%; padding:60px 0; box-sizing: border-box;}
.youshi8 {
    background: url(../images/youshi2.jpg) center no-repeat;
    height: 616px;
    padding: 60px 0;
    box-sizing: border-box;
} 
.case3{ margin:4rem auto;  }
.case3 ul{ display: flex; justify-content: space-between; flex-wrap: wrap; width: 85%; margin:2rem auto;}
.case3 ul li{ width: 21%;}
.case3 ul li img{ width: 100%; box-shadow: 0px 2px 30px 2px #e1eefe;}

.gg3{  background:  url(../images/gg2.jpg) center no-repeat; height: 170px;}
.gg3 p{  font-size: 2.6rem; color:#fff; text-align: center; line-height: 170px; letter-spacing: 2px;}
    .gg3 p {
        font-weight: 500;
    }
.douyin2{ display: none;}
.douyin{ display: block;}

.gaikou{  background: url(../images/gaikou.jpg) center no-repeat; height: 700px; padding:70px 0; box-sizing: border-box;}
.gaikou p{ font-size: 2rem; color:#444; line-height: 5rem; margin:5rem auto 0 auto; width: 92%; text-align: center;}

.fuwu2{ margin:4rem auto;}
.fuwu2 ul{ display: flex; justify-content: space-between; flex-wrap: wrap;}
.fuwu2 ul li{ width: 16%; }
.fuwu2 ul li .tu{ width: 48%; display: block; margin:1rem auto;}
.fuwu2 ul li .tu img{ width: 100%;}
.fuwu2 ul li p{ font-size: 1.8rem; color:#333; text-align: center;}
.fuwu2 ul li span{ font-size: 1.2rem; color:#5b5b5b; text-align: center; display: block; line-height: 2rem; margin-top:0.9rem; font-weight: 400;}


.xuanze{ margin:5rem auto;}
.xuanze ul{ display: flex; justify-content: space-between; margin-top:2rem; flex-wrap: wrap;}
.xuanze ul li{ width:23%; box-shadow: 0px 5px 14px 4px #ebf1fd; border-radius: 12px; position: relative;
padding:2% 1%; box-sizing: border-box; background-size: 100% 100%; background: -webkit-linear-gradient(top, #f3f5f8 0%,#fffeff 100%);}
.xuanze ul li p{ font-size:2.6rem; color:#0052d9; font-weight: 600; font-family: "DIN";}
.xuanze ul li span{ font-size: 1.2rem; color:#666; display: block; margin-top:0.6rem;}
.xuanze ul li .tubiao{ position: absolute; top: 1rem; right: 1rem;}

.guge{ margin: 4rem auto;} 
.guge ul{ display: flex; justify-content: space-between; flex-wrap: wrap; margin-top:3rem; }
.guge ul li{  width: 23.5%; background:url(../images/guge.png) center no-repeat; height: 216px; padding:1%; box-sizing: border-box; border-radius: 12px; position: relative; 
box-shadow: 0px 3px 30px 2px #e5e5e5;background-size: 100% 100%; padding:2%; box-sizing: border-box;}
.guge ul li p{ font-size: 1.3rem; color:#333; margin-top: 4.4rem; }
.guge ul li img{ position: absolute; top: 1rem; right: 1rem;}
.guge ul li p:hover{ color:#0052d9;}

.paiming{ background: url(../images/paiming.jpg) center no-repeat; height: 616px; padding:70px 0; box-sizing: border-box;}
.paiming ul{ display: flex; justify-content: space-between; flex-wrap: wrap; margin-top:3rem;}
.paiming ul li{ width: 32%; background: #f2f6fa; border: 4px solid #fff; border-radius: 6px; box-shadow: 0px 2px 12px 2px #e5e5e5;
 padding:1%; box-sizing: border-box; padding-bottom: 2rem;}
.paiming ul li .tu{ display: block; margin:1rem auto; display: block; text-align: center;}
.paiming ul li p{ font-size: 1.3rem; color:#666; text-align: center;}


.guanggao{ margin:5rem auto;}
.guanggao ul { display: flex; justify-content: space-between; flex-wrap: wrap; width: 80%; margin:2rem auto;}
.guanggao ul li{ width: 27%;}
.guanggao ul li .tu{ display: block; margin:1rem auto; text-align: center;}
.guanggao ul li .tu img{ box-shadow: 0px 2px 12px 1px #f1f1f1;}
.guanggao ul li p{ font-size: 1.2rem; color:#333; text-align: center; margin-top:2rem; font-weight: 400;}

.jiasu{ background: url(../images/jiasu.jpg) center no-repeat; height: 585px; padding:70px 0; box-sizing: border-box;}
.jiasu .title h2{ color: #fff;}
.jiasu .text{ width: 82%; margin-top:3rem;}
.jiasu .text i{ width: 50px; height: 3px; background: #fff; display: block; }
.jiasu .text p{ font-size: 1.7rem; color:#fff; line-height: 4.8rem; margin-top:2rem;}

.youshi5{ margin:5rem auto;}
.youshi5 ul{ display: flex; justify-content: space-between; flex-wrap: wrap; margin-top:2rem;}
.youshi5 ul li{ width: 24%; background: -webkit-linear-gradient(top, #ebf4ff 0%,#ffffff 100%); padding:1%; box-sizing: border-box;
 border-radius: 8px; box-shadow: 0px 2px 12px 0px #f1f1f1;}
.youshi5 ul li .tu{ width: 100%;}
.youshi5 ul li .tu img{ width: 100%; border-radius: 8px;}
.youshi5 ul li p{ font-size: 1.8rem; color:#333; text-align: center; margin:1rem auto;}
.youshi5 ul li span{ font-size: 1.2rem; color:#666; text-align: center; margin:1rem auto; display: block; line-height: 1.8rem; width: 90%;}

.liucheng{ margin:0 auto 4.0rem auto; background-size:100%; background-position:100% 100%;}
.liucheng ul{ display: flex; justify-content: space-between; flex-wrap: wrap; margin-top:4rem;}
.liucheng ul li{width: 18%;}
.liucheng ul li i{ width: 50%; height: 20px; background: #0052d9; display: block; margin:auto; border-top-left-radius: 12px;
border-top-right-radius: 12px;}
.liucheng ul li .box{ width: 100%; box-shadow: 0px 2px 30px 4px #f1f1f1; background: url(../images/cheng1.png) center no-repeat; height: 310px;
border-radius: 12px; padding:3%; box-sizing: border-box; background-size: 100% 100%;}
.liucheng ul li .box p{ font-size: 1.8rem; color:#222; text-align: center; padding-top:6rem;}
.liucheng ul li .box span{ font-size: 1.2rem; color:#999;  margin:1rem auto; display: block; text-align: center; width: 90%; }
.liucheng ul li:nth-child(2) .box{ background: url(../images/cheng2.png) center no-repeat; height: 310px;}
.liucheng ul li:nth-child(1) .box{ background: url(../images/cheng1.png) center no-repeat; height: 310px;}
.liucheng ul li:nth-child(3) .box{ background: url(../images/cheng3.png) center no-repeat; height: 310px;}
.liucheng ul li:nth-child(4) .box{ background: url(../images/cheng4.png) center no-repeat; height: 310px;}
.liucheng ul li:nth-child(5) .box{ background: url(../images/cheng5.png) center no-repeat; height: 310px;}

.tedian{ margin:4rem auto;}
.tedian ul{  display:flex; justify-content: space-between; flex-wrap: wrap; width: 90%; margin:auto;}
.tedian ul li{ width: 48.5%; background: #fbfdff; border: 6px solid #fff; box-shadow: 0px 2px 12px 2px #e3ebfd; margin-top:2.2rem; padding:3%;
 box-sizing: border-box;}
.tedian ul li .tu{ float: left; margin-right: 2rem;}
.tedian ul li .tu img{ width: 100%;}
.tedian ul li p{ font-size: 1.6rem; color:#333;}
.tedian ul li span{ font-size: 1.2rem; color:#999; line-height: 2rem; display: block; margin-top:1rem;}

.gongneng{ margin:5rem auto; background: url(../images/gongneng.jpg) center no-repeat; height: 1274px; padding:50px 0; box-sizing: border-box;}
.gongneng ul{ width: 80%; margin:auto;}
.gongneng ul li{ width: 100%; margin-top:2.5rem; overflow: hidden; }
.gongneng ul li .left{ width: 60%; float: left; background: #fff; padding:2%; box-sizing: border-box; box-shadow: 12px 2px 12px 0px #dce5fa;
margin-top:1.8rem;border-radius: 12px;}
.gongneng ul li .left h3{ font-size: 1.8rem; color:#333; }
.gongneng ul li .left p{ font-size: 1.2rem; color:#666; line-height: 1.5rem; font-weight: 400; line-height: 1.6rem;}
.gongneng ul li .left i{ width: 40px; height: 5px; background: #0052d9; display: block; margin:1rem 0;}
.gongneng ul li .left .text{ margin-top:1.5rem; overflow: hidden; width: 80%;}
.gongneng ul li .left .text span{ display: block; font-size: 1.05rem; color:#666; float: left; margin-right: 2rem; font-weight: 300; margin-bottom:0.6rem}
.gongneng ul li .left .text span img{ float: left; margin-right: 1rem; margin-top:0.1rem;}
.gongneng ul li .right{ width: 40%; float: right;}
.gongneng ul li .right img{ width: 100%;}
.gongneng ul li:nth-child(2) .left{ float: right;  border-top-left-radius: 0; border-bottom-left-radius: 0;}
.gongneng ul li:nth-child(2) .right{ float: left;}

.seo{ margin:4rem auto;}
.seo img{ display: block; margin:2rem auto; text-align: center; max-width:100%;}
    .seo .seo_mo{ display:none;}
    .xuanze3 {
        margin: 4rem auto;
    }
.xuanze3 ul{ display: flex; justify-content: space-between; flex-wrap: wrap; width: 84%; margin:2rem auto;}
.xuanze3 ul li{ width: 29%;}
.xuanze3 ul li .tu{ width: 35%; display: block; margin:auto;}
.xuanze3 ul li .tu img{ width: 100%;}
.xuanze3 ul li p{ font-size: 1.8rem; color:#333; text-align: center; margin:1.8rem auto 1rem auto;}
.xuanze3 ul li span{ font-size: 1.2rem; color:#666; text-align: center; display: block;}

.taocan{  background: url(../images/taocan.jpg) center no-repeat; height: 850px; padding:60px 0; box-sizing: border-box; margin-bottom: 4rem;}
.taocan ul{ display: flex; justify-content:  space-between; flex-wrap: wrap; width: 92%; margin:2rem auto; }
.taocan ul li{ background: url(../images/tao.png) center no-repeat; height: 580px; background-size: 100% 100%; width: 30.5%; 
box-shadow: 0px 2px 17px 1px #ddeafc; padding:0 2%; box-sizing: border-box;}
.taocan ul li h3{ font-size: 1.9rem; color:#fff; text-align: center; line-height: 6rem; font-weight:600;}
.taocan ul li p{ font-size: 1.6rem; color:#333; text-align: center; line-height: 3rem;margin-top:0.8rem; }
.taocan ul li span{ font-size: 1.2rem; color:#666; text-align: center; line-height: 2.4rem; display: block;}

.shichang2{  margin:4rem auto;}
.shichang2 ul{ display: flex; justify-content: space-between; flex-wrap: wrap; margin-top:2rem;}
.shichang2 ul li{ width: 24%; background: #f9fbff; padding:1%; box-sizing: border-box; border-radius: 4px;}
.shichang2 ul li .tu{ width: 100%;}
.shichang2 ul li .tu img{ width: 100%;}
.shichang2 ul li p{ font-size: 1.5rem; color:#333; text-align: center; margin:1rem auto 0.6rem auto;}
.shichang2 ul li span{ font-size: 1.16rem; color:#666; text-align: center;  line-height: 2rem; display: block;}
.shichang2 ul li:hover p{ color:#0052d9;}

.fannan2{ margin:3rem auto;}
.fannan2 ul{ display: flex;flex-wrap:wrap; justify-content: space-between; flex-wrap: wrap; margin-top:2rem;}
.fannan2 ul li{width:32%; position: relative; transition: 0.3s; border-radius:1.6rem; overflow:hidden;}

.fannan2 .center ul:nth-child(2){margin-top:3.0rem}
.fannan2 ul li .tu{width:100%; height:520px; position:relative}
.fannan2 ul li .tu img{ position:absolute; top:0; height:100%; left:50%; transform:translateX(-50%);}
.fannan2 ul li .text{ position: absolute;top:0; left:0; width:100%; height:100%; transition:all .4s; background:linear-gradient(to bottom, rgba(0,0,0,.0),rgba(0,0,0,.5))}
.fannan2 ul li .text p{ font-size: 1.6rem; color:#fff; margin:1rem auto;}
.fannan2 ul li .text span{ font-size: 1.1rem; color:#fff;  display: block; display: none;}
.fannan2 ul li .text .text_content{ position:absolute; bottom:0; left:0; margin:2.0rem;}
/*.fannan2 ul li:nth-child(2){ width: 40.5%; height: 537px;}
.fannan2 ul li:nth-child(2) .tu img{ height: 537px;}
.fannan2 ul li:nth-child(1){ width: 28%;}
.fannan2 ul li:nth-child(3){ width: 28%;}*/
.fannan2 ul li:hover .text span{ display: block;}
/*.fannan2 ul li:nth-child(4){background: url(../images/fang4.jpg) center no-repeat;}
.fannan2 ul li:nth-child(1){background: url(../images/fang1.jpg) center no-repeat;}
.fannan2 ul li:nth-child(2){background: url(../images/fang2.jpg) center no-repeat;}
.fannan2 ul li:nth-child(3){background: url(../images/fang3.jpg) center no-repeat;}
.fannan2 ul li:nth-child(5){background: url(../images/fang5.jpg) center no-repeat;}
.fannan2 ul li:nth-child(6){background: url(../images/fang6.jpg) center no-repeat;}*/
/*.fannan2 ul li:hover{filter: opacity(0.3);}*/

.pingtai{  margin:5rem auto;}
.pingtai .box{ width: 100%;}
.pingtai .box p{ font-size: 1.9rem; margin:3rem auto 1rem auto; text-align: center; color: #666;}
.pingtai .box ul{ display: flex; justify-content: space-between; flex-wrap: wrap;}
.pingtai .box ul li{ width:19%; background: #fff; border-radius: 4px; box-shadow: 0px .1rem .3rem #edf1fd; transition:all .4s;}
.pingtai .box ul li:hover{ box-shadow: 0px .4rem .9rem #c8d6fe;}
.pingtai .box ul li img{ display: block; text-align: center;  margin:auto; width:100%;}
.pingtai .box .ul{ display: flex; justify-content: space-around; flex-wrap: wrap; width: 58%; margin:auto;}
.pingtai .box .ul li{ width:29%; background: #fff; border-radius: 4px; box-shadow: 0px 2px 34px 0px #edf1fd;}

.xiaogou{ margin:4rem auto;}
.xiaogou .title p{ margin-top:1.0rem; font-size: 1.5rem; color:#333;}
.xiaogou .title p strong{ color:#0052d9; }
.xiaogou ul{ width: 100%; max-width:1040px; margin:1rem auto 3.0rem auto; display: flex; justify-content: space-between; flex-wrap: wrap;}
.xiaogou ul li{ width: 31%; background: #fff; border-radius: 8px; box-shadow: 0px 2px 22px 2px #dbe7fd; padding:2.0rem; box-sizing: border-box; margin-top:2.0rem;}
.xiaogou ul li p{ font-size: 3rem; color:#0052d9; font-weight: 600; font-family:"din"}
.xiaogou ul li span{ font-size: 1.5rem; font-weight: 600; color:#444; display: block;}

.jiejue{ margin:4rem auto; background: url(../images/jiejue.jpg) center no-repeat; height: 747px; padding:5rem 0; box-sizing: border-box; }
.jiejue .title h2{ color: #fff;}
.jiejue .text{ width: 60%;margin-top:4rem; }
.jiejue .text p{ font-size: 1.9rem; color:#fff; }
.jiejue .text span{ font-size: 1.2rem; color:#fff; display: block; line-height: 3rem; margin-top:3rem; }

.gongneng2{ margin:4rem auto;}
.gongneng2 ul{ display: flex; justify-content: space-between; flex-wrap:wrap;}
.gongneng2 ul li{ width: 31.5%; background: #fbfdff; border: 3px solid #fff; border-radius: 8px; box-shadow: 0px 2px 13px 2px #e1e9fd; padding:2%; 
box-sizing: border-box; margin-top:2rem; position: relative; height: 250px;}
.gongneng2 ul li .wenzi{ width: 64%;}
.gongneng2 ul li .wenzi p{ font-size: 1.7rem; color:#333; font-weight: 600;}
.gongneng2 ul li .wenzi span{ font-size: 1.2rem; color:#999; display: block; margin-top:0.8rem; line-height: 2rem;}
.gongneng2 ul li .wenzi a{ font-size: 1rem; color:#0052d9; margin-top:1rem; display: none;}
.gongneng2 ul li .tubiao{ position: absolute; bottom: 1rem; right: 1rem; height:calc(100% - 2.0rem); width:34%;}
    .gongneng2 ul li .tubiao .tubiao_2 {
        position: absolute;
        top: 50%;
        left: 0;
        width: 100%;
        transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%); opacity:0; transition:all .3s;
    }
    .gongneng2 ul li .tubiao .tubiao_1 {
        width: 50%;
        bottom: 1.0rem;
        right: 1.0rem;
        position: absolute;
        transition: all .3s; opacity:1;
    }
        .gongneng2 ul li:hover {
            background: url(../images/hover.jpg) center no-repeat;
            background-size: 100% 100%;
        }
            .gongneng2 ul li:hover .tubiao .tubiao_1 {
                opacity: 0;
            }
            .gongneng2 ul li:hover .tubiao .tubiao_2 {
                opacity: 1;
            }
            .gongneng2 ul li:hover .wenzi a {
                display: block;
            }

.fuwu3{ margin:4rem auto;}
.fuwu3 ul{  display: flex; justify-content: space-between; flex-wrap: wrap; width: 90%; margin:auto;}
.fuwu3 ul li{ width: 48%; border:6px solid #fff; border-radius: 8px; box-shadow: 0px 2px 16px 2px #f1f1f1;
background: url(../images/youshi_1.jpg) center no-repeat; height: 220px; margin-top:3rem; padding:1.8%; box-sizing: border-box;}
.fuwu3 ul li .tu{ float: left; margin-right: 1rem; width: 25%;}
.fuwu3 ul li .tu img{ width:100%;}
.fuwu3 ul li p{ font-size: 1.8rem; color:#444; margin-top:1rem;}
.fuwu3 ul li span{ font-size: 1.3rem; color:#666; display: block; line-height: 2rem; margin-top:0.7rem;}
.fuwu3 ul li:hover p{ color:#3267d8; }

.houban2{ margin:5rem auto;}
.houban2 ul{ display: flex; justify-content: space-between; flex-wrap: wrap;}
.houban2 ul li{ width: 19%; background: #fff; box-shadow: 0px .2rem .4rem #e8f0fd; margin-top:1.5rem; border-radius: 12px; transition:all .4s}
.houban2 ul li:hover{box-shadow: 0px .4rem .9rem #d1e3ff;}
.houban2 ul li img{ display: block; margin:auto; width:100%;}

.investment_f{ max-width:1540px; margin:5rem auto; width: 100%; overflow: hidden;}
.investment_f .investment_title{  width:100%; overflow:hidden;  border-bottom: 2px solid #ccc; margin-top:1rem;}
.investment_title div{ width:49%; float:left; margin-right:6px; display:inline; }

.investment_title div p{font-size:1.7rem;  text-align:center;  color:#333; cursor:pointer; margin-left:1px; padding-bottom: 1.2rem;
    width: 30%; text-align: center;display: block;margin: auto;}

.investment_title a,.investment_title a:link,.investment_title a:visited,.investment_title a:hover{ }
.investment_title div.on a,.investment_title div.on a:link,.investment_title div.on a:visited,.investment_title div.on a:hover{ color:#f70}
.investment_title div.on p{ border-bottom: 5px solid #0052d9; }
.investment_con{ clear:both; background:#fff; overflow: hidden; }
.investment_con_list{display:none;}
.investment_con_list div .img1{ width: 38.4%; float: left;}
.investment_con_list div .img2{ width: 59.8%; float: right;}
.investment_con_list div .img3{ width:100%; display: block;}
.investment_con_list div .img4{ width:100%; display: none;}

.changjing{ background: url(../images/falv4.jpg) center no-repeat;  height: 1300px; padding:80px 0; box-sizing: border-box;}
.changjing ul{ display: flex; justify-content: space-between; flex-wrap: wrap; margin-top:2rem;}
.changjing ul li{ width: 23%; background: url(../images/chang2.jpg) center no-repeat; height: 560px; padding:2%; 
box-sizing: border-box; box-shadow: 0px 2px 22px 1px #dce6f9; border-radius: 15px; background-size: 100% 100%;}
.changjing ul li p{ font-size: 1.8rem; color:#333; text-align: center; padding-top:2rem;}
.changjing ul li span{ font-size: 1.2rem; color:#999; text-align: center; display: block; margin:1rem auto;}
.changjing ul li .tu{ width: 100%; margin-top:3rem;}
.changjing ul li .tu img{ width: 100%;}
.changjing ul li:hover{ background: #134b9f;}
.changjing ul li:hover p{ color: #fff;}
.changjing ul li:hover span{ color: #fff;}
.changjing ol{ overflow: hidden; margin:4rem auto 0 auto; display: flex; justify-content: space-between; flex-wrap: wrap;}
.changjing ol li{ width: 33%;}
.changjing ol li img{ display: block; margin:auto; text-align: center;}

.jiazhuang1{ overflow: hidden; margin:4rem auto;}
.jiazhuang1 .text{ margin:2rem auto; display: block;} 
.jiazhuang1 .text img{ width: 100%;}
.jiazhuang1 .text1{ display: none;}
.jiazhuang1 .text1 img{ width: 100%;}

.qiye{ background: #eaf0fb; padding:70px 0; box-sizing: border-box;}
.qiye{ overflow: hidden; margin:2rem auto;}
.qiye .top{ overflow: hidden;margin:2rem auto;}
.qiye .top ul{ display: flex; justify-content: space-between; flex-wrap: wrap;}
.qiye .top ul li{ width: 32.4%; background: #f6f7f9; border-radius: 8px; border:4px solid #fff; padding:2%; box-sizing: border-box;}
.qiye .top ul li p{ font-size:2rem; color:#333; width: 72%; text-align: center; margin:auto;} 
.qiye .top ul li i{ width: 90%; display: block; margin:1rem auto; background: #e5e5e5; height: 1px; }
.qiye .top ul li .box{ display: flex; justify-content: space-between; flex-flow: wrap; margin:2rem 0 0 0;}
.qiye .top ul li .box span{ display: block; background: #176ae6; border-radius: 8px; font-size: 1.6rem; color:#fff; text-align: center; line-height: 3.6rem;
 width: 45%;}
.qiye .bottom{ margin:2rem auto; display: block;}
.qiye .bottom img{ width: 100%;}
.qiye .bottom1{ margin:2rem auto; display: none;}
.qiye .bottom1 img{ width: 100%;}


.dianshang{ margin:4rem auto;}
.dianshang ul{ display: flex; justify-content: space-between; flex-wrap: wrap; margin-top:4rem;}
.dianshang ul li{width: 23%;}
.dianshang ul li i{ width: 50%; height: 20px; background: #0052d9; display: block; margin:auto; border-top-left-radius: 12px;
border-top-right-radius: 12px;}
.dianshang ul li .box{ width: 100%; box-shadow: 0px 2px 30px 4px #f1f1f1; background: url(../images/cheng1.png) center no-repeat; height: 310px;
border-radius: 12px; padding:3%; box-sizing: border-box; background-size: 100% 100%;}
.dianshang ul li .box p{ font-size: 1.8rem; color:#222; text-align: center; padding-top:6rem; font-weight:bold;}
.dianshang ul li .box span{ font-size: 1.2rem; color:#999;  margin-top:1rem; display: block; text-align: center; }
.dianshang ul li:nth-child(2) .box{ background: url(../images/cheng2.png) top no-repeat; height: 350px; /* background-size: 100% 100%; */}
.dianshang ul li:nth-child(1) .box{ background: url(../images/cheng1.png) top no-repeat; height: 350px;}
.dianshang ul li:nth-child(3) .box{ background: url(../images/cheng3.png) top no-repeat; height: 350px;}
.dianshang ul li:nth-child(4) .box{ background: url(../images/cheng4.png) top no-repeat; height: 350px;}

.dianshang1{ background: url(../images/dianshang_1.jpg) center no-repeat; padding:3.0rem 0 4.0rem 0; box-sizing: border-box; margin:5rem auto;}
.dianshang1 div{ display: block; margin:2rem auto 0 auto; max-width:1640px; width:94%;}
.dianshang1 div img{ width:100%}
.dianshang1 div .img1{ display: block;}
.dianshang1 div .img2{ display: none;}
.dy_js{background:url(../images/back_dy_img.jpg) no-repeat 50% 50%; padding:3.0rem 0;}
 .dy_js_content {
        max-width: 1440px;
        width: 94%;
        margin: 2.0rem auto 0 auto
    }

    .dy_js_content h5 {
        font-size: 1.5rem;
        color: #fff
    }

    .dy_js_content p {
        font-size: 1.5rem;
        color: #fff;
        line-height: 4rem;
        margin-top: .6rem;
    }

    .dy_al {
        margin: 4.0rem auto;
        max-width: 1400px;
        width: 94%
    }

    .dy_al_ul {
        margin-top: 3.0rem
    }

    .dy_al ul {
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
    }

    .dy_al ul li {
        width: 25%;
    }

    .dy_al ul li img {
        width: 100%;
    }

    .dy_sj {
        max-width: 1200px;
        margin: 4.0rem auto;
    }

    .dy_sj_img {
        width: 100%;
        margin-top: 3.0rem; box-shadow:0 .3rem .6rem rgba(0,82,217,.1)
    }

    .dy_sj_img img {
        width: 100%;
    }

.houban3{  background: #fefeff; padding:1rem 0 6rem 0; box-sizing: border-box; margin-top:4.0rem}
.houban3 ul{ display: flex; justify-content: space-between; flex-wrap: wrap;  margin:0 auto; width: 94%;}
.houban3 ul li{ width: 24%; background: #fff; box-shadow: 0px 2px 24px 2px #f3f5f9; border-radius: 8px; margin-top:1.4rem; }
.houban3 ul li img{ display: block; text-align: center; width:100%;}

.shenghuo{  margin:3rem auto;}
.shenghuo ul{  width: 92%; margin:2rem auto; display: flex; justify-content: space-between; flex-wrap: wrap;}
.shenghuo ul li{ width: 32%;  background: -webkit-linear-gradient(top, #ebf4ff 0%,#ffffff 100%); padding:1%; box-sizing: border-box;
 box-shadow: 0px 2px 24px 2px #f5f5f5; border-radius: 8px;}
.shenghuo ul li div{ width: 100%;}
.shenghuo ul li div img{ width: 100%;border-radius: 8px;}
.shenghuo ul li p{ font-size: 1.9rem; color:#333; text-align: center; margin:0.8rem auto; font-weight:bold;}
.shenghuo ul li span{ font-size: 1.2rem; color:#999; text-align: center; margin:0.6rem auto; display: block;}

.shenghuo2{  margin:5rem auto; background: url(../images/dianshang_1.jpg) center no-repeat; padding:70px 0; box-sizing: border-box;
background-size: 100% 100%;}
.shenghuo2 .box{ overflow: hidden; margin-top:3rem;}
.shenghuo2 .box .left{ width: 45%; float: left;}
.shenghuo2 .box .left img{ width: 100%;}
.shenghuo2 .box .right{ width: 48.9%; float: right;}
.shenghuo2 .box .right img{ width: 100%;}

.yunying2{ margin:3rem auto;}
.yunying2 ul{ display: flex; justify-content: space-between; flex-wrap: wrap; margin-top:4.0rem;}
.yunying2 ul li{ width: 24%; }
.yunying2 ul li div{ display: block; text-align: center; margin:auto;}
.yunying2 ul li p{ font-size: 1.1rem; color:#333; text-align: center; margin:1rem auto 0.2rem auto;}
.yunying2 ul li div img{width:100%;}
.yunying2 ul li span{ font-size: 1.1rem; color:#666; text-align: center; margin:0 auto; display: block;}

.goujia{ overflow: hidden; margin:4rem auto; background: #f1f5fc; padding:4rem 0; box-sizing: border-box;}
.goujia .box1{ overflow: hidden; display: block;}
.goujia .box1 img{ width: 100%;}
.goujia .box2{ overflow: hidden; display: none;}
.goujia .box2 img{ width: 100%;}

.shenghuo_fw{max-width:1500px;width:94%; margin:5.0rem auto 0 auto;}
 .shenghuo_fw ul .sh_fw_1{ width:17.0%;}
 .shenghuo_fw ul{display:flex; justify-content:space-between; flex-wrap:wrap; margin-top:2.0rem}
 .shenghuo_fw ul li {
     position: relative;
     border-radius: .5rem;
     overflow: hidden; margin-top:1.0rem;
 }
 .shenghuo_fw ul .sh_fw_2{width:28.0%;}
 .shenghuo_fw ul .sh_fw_img {
     width: 100%;
     height: 0;
     overflow:hidden;
     position: relative;
 }
 .shenghuo_fw ul .sh_fw_1 .sh_fw_img{padding-top: 81%;}
 .shenghuo_fw ul .sh_fw_2 .sh_fw_img{padding-top: 50%;}
 .shenghuo_fw ul .sh_fw_img img{ position:absolute; top:0; left:0; width:100%;}
 .shenghuo_fw ul .sh_fw_text{ position:absolute; top:0; left:0; width:100%; height:100%;background-image: linear-gradient(to top, rgba(14,49,101,.7) ,  rgba(14,49,101,0));}
 .shenghuo_fw ul .sh_fw_text h3{ color:#fff; font-size:1.0rem; left:1.0rem; bottom:1.0rem; position:absolute;}
 .shenghuo_fw ul .sh_fw_3{ width:19.3%}
 .shenghuo_fw ul .sh_fw_3 .sh_fw_img{padding-top: 73%;}


.yiliao2{ overflow: hidden; margin:3rem auto;}
.yiliao2 ul{ width: 80%; display: flex; justify-content: space-between; flex-wrap: wrap; margin:2rem auto 0 auto;}
.yiliao2 ul li{ width: 30%;}
.yiliao2 ul li div{ display: block; margin:auto; text-align: center;}
.yiliao2 ul li div img{ }
.yiliao2 ul li p{ font-size: 1.4rem; color:#666; text-align: center; margin:1.6rem auto;}

.news_x {
    margin: 5rem auto;
}

    .news_x .top {
        overflow: hidden;
        padding-bottom: 1.4rem;
        border-bottom: 1px solid #e5e5e5;
    }

        .news_x .top h1 {
            font-size: 2rem;
            color: #333;
            text-align: center;
        }

        .news_x .top span {
            display: block;
            margin: auto;
            width: 18%;
            overflow: hidden;
        }

            .news_x .top span i {
                font-size: 0.9rem;
                color: #999;
                float: left;
                font-style: normal;
            }

                .news_x .top span i:nth-child(1) {
                    margin-right: 1rem;
                }

    .news_x .text {
        overflow: hidden;
        margin: 3rem auto;
    }

        .news_x .text p {
            font-size: 1rem;
            color: #666;
            line-height: 2rem;
            font-weight: 400;
            text-indent: 2rem;
        }

    .news_x .piece {
        margin: 3rem auto;
        overflow: hidden;
    }

        .news_x .piece span {
            display: block;
            font-size: 1rem;
            color: #666;
            line-height: 3rem;
        }

    .news_x .text img {
        display: block;
        width: 80%;
        margin: 2rem auto;
        text-align: center;
    }


.ol {
    margin-top:3.0rem;
    overflow: hidden;
     display:flex; align-items:center; justify-content:center;
}

    .ol dl {
        
    }

    .ol dd {
        float: left;
        border: 1px solid #ccc;
        margin: 1.0rem .5rem 0 .5rem;
        display: inline-block;
        color: #999;
        border-radius: 5px;
        font-size: 0.85rem;
        transition: .5s all;
        -webkit-transition: .5s all;
        height: 2.0rem;
        line-height: 1.8rem;
        height: 1.8rem
    }

        .ol dd:hover {
            border-color: #2577e9;
        }

            .ol dd:hover a {
                color: white;
                display: block;
                color: white;
                box-shadow: 2px 2px 5px rgba(52,186,246,.6);
                background: #2577e9
            }

        .ol dd a {
            color: #666;
            font-size: 1.0rem;
            font-size: 0.85rem;
            padding: 0 .7rem;
            display: block;
            transition: .5s all;
            -webkit-transition: .5s all;
        }

    .ol .current {
        color: white;
        background: #2577e9;
        border-color: #2577e9;
        padding: 0 .7rem;
        box-shadow: 0 0.3rem 0.6rem rgba(37,119,233,.3);
    }

    .ol span {
        color: #999;
        display: inline-block;
        
        margin-left: 1.0rem;
        
    }

    .ol .none {
        border: none;
    }


.zhiyuan_btn {
    display: flex;
    justify-content: center;
    align-items: center;
}

.zhiyuan_btn {
    margin-top: 30px;
}

.zhiyuan_btn1 {
    color: #fff;
    width: 260px;
    height: 70px;
    border-radius: 5px;
    background-color: #d83740;
    text-align: center;
    font-size: 20px;
    border: none;
    margin: 0 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: all 0.3s;
}

    .zhiyuan_btn1:hover {
        box-shadow: 3px 3px 10px rgba(216, 55, 64, .3);
        cursor: pointer;
    }


.zhiyuan_btn2 i {
    margin-left: 10px;
    font-size: 30px;
    color: #666;
}

.zhiyuan_btn2 {
    color: #666;
    font-size: 20px;
    width: 260px;
    height: 70px;
    text-align: center;
    outline: none;
    border: 1px solid #666;
    border-radius: 5px;
    margin: 0 20px;
    background-color: #fafafa;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: all 0.3s;
}

    .zhiyuan_btn2:hover {
        border: 1px solid #d83740;
        background-color: #d83740;
        color: #fff;
        cursor: pointer;
    }

        .zhiyuan_btn2:hover i {
            color: #fff;
        }
.index_tijiao .biaodan form .contact_ts {
    position: fixed;
    top: 35%;
    left: 25%;
    padding: 1rem 2rem;
    background: rgba(0,0,0,.5);
    color: #fff;
    border-radius: 0.3rem;
    max-width: 80%;
    z-index: 9999;
    transform: translate(-50%,-50%);
    display: none;
    -webkit-transform: translate(-50%,-50%);
}
.houqu .contact_ts {
    position: fixed;
    top: 50%;
    left: 50%;
    padding: 1rem 2rem;
    background: rgba(0,0,0,.5);
    color: #fff;
    border-radius: 0.3rem;
    max-width: 80%;
    z-index: 9999;
    transform: translate(-50%,-50%);
    display: none;
    -webkit-transform: translate(-50%,-50%);
}
.fixed_bottom {
    position: fixed;
    right: 2rem;
    top: 70%;
    z-index: 9999999; transform:translateY(-50%)
}

    .fixed_bottom ul li {
        background: #fff;
        color: #333;
        width: 54px;
        height: 54px;
        border-radius: 50%;
        position: relative;
        text-align: center;
        cursor: pointer;
        margin-bottom: 2rem;
        box-shadow: 0 8px 16px rgba(24,99,222,.2);
    }

        .fixed_bottom ul li i {
            color: #666;
            margin-top: 0.5rem;
        }

        .fixed_bottom ul li i {
            color: #666;
            margin-top: 0.5rem;
        }

        .fixed_bottom ul li .img1 {
            width: 50%;
            margin: 0 auto;
            padding-top: 25%;
        }

            .fixed_bottom ul li .img1 img {
                width: 100%;
                margin: auto;
            }

        .fixed_bottom ul li p {
            text-align: center;
            font-size: 0.8rem;
        }

        .fixed_bottom ul li .p1 span {
            display: block;
            margin: 0.5rem 0;
            font-weight: none;
            color: #222;
            font-size: 0.9rem;
        }

        .fixed_bottom ul li .p1 {
            font-weight: 600;
            position: absolute;
            top: 0;
            right: -200px;
            width: 150px;
            color: #333;
            background: #fff;
            text-align: center;
            height: 70px;
            font-size: 1rem;
            transition: all 1s;
            z-index: -999;
            border-radius: 6px;
            /*box-shadow: 0px 4px 14px 8px #f1f5fd;*/
        }

        .fixed_bottom ul li:nth-child(2):hover .p1 {
            right: 80px;
        }

        .fixed_bottom ul li a {
            color: #666;
        }

.liuliang .text .zhibo1 {
    display: block;
    margin: 0 auto 1.1rem auto;
    display: none;
}

.liuliang .text #box_a {
    background: url(../images/liu3.png) center no-repeat;
    height: 420px;
}
.jz_fw{width:100%; margin:5.0rem auto;}
    .jz_fw .jz_fw_content{ background:#f2f6fc; margin-top:3.0rem}
    .jz_fw_text{max-width:1500px; width:94%; margin:0 auto; padding:4.0rem 0; display:flex; justify-content:space-between; flex-wrap:wrap;}
    .jz_fw_left{ width:28%; display:flex; justify-content:space-between; flex-direction:column; font-size:1.1rem; font-weight:bold; color:#222222;}
    .jz_fw_left .jz_fw_left_icon{ width:3.0rem; height:.5rem; background:#0052d9; border-radius:.25rem;}
    
    .jz_fw_right{ width:67%}
    .jz_fw_right ul{ display:flex; justify-content:space-between}
    .jz_fw_right ul li{ width:19%; background:#fff}
    .jz_fw_right .jz_fw_right_padd{ padding:1.3rem}
    .jz_fw_right .jz_fw_icon{ width:2.5rem; height:2.3rem}
    .jz_fw_right .jz_fw_icon img{ width:100%;}
    .jz_fw_right .jz_fw_li_text{margin-top:.8rem}
    .jz_fw_right .jz_fw_li_text h3{ font-size:1.2rem; color:#000}
    .jz_fw_right .jz_fw_li_text p{ font-size:1.0rem; color:#919292}
    .jz_fa{max-width:1500px; width:94%; margin:0 auto; margin-top:4.0rem}
    .jz_fa_content{ display:flex; align-items:center; margin-top:3.0rem}
    .jz_fa_left{ width:43%}
    .jz_fa_left img{ width:100%;}
    .jz_fa_right{ width:57%}
    .jz_fa_right ul li{ padding:1.0rem; border-radius:.4rem; background:#f2f6fc; margin:1.0rem 0; position:relative; font-size:1.0rem}
    .jz_fa_right ul li i{display:block; width:1.0rem; height:1.0rem; margin-top:-.5rem;margin-left:-.5rem; background:#f2f6fc; border-radius:.1rem; position:absolute; top:50%; left:0; transform: translate(-50%, -50%); transform:rotate(45deg)}
    .jz_ys{max-width:1440px; width:94%; margin:3.0rem auto}
    .jz_ys_content{ box-shadow:0 .3rem .6rem rgba(0,82,217,.3); border-radius:1.0rem; margin-top:3.0rem}
    .jz_ys_content ul{ display:flex; align-items:center; justify-content:space-around; padding:3.0rem}
    .jz_ys_content ul li h4{ font-size:3.0rem; color:#0052d9; font-family:"din"; text-align:center;}
    .jz_ys_content ul li h4 span{ font-size:2.0rem}
    .jz_ys_content ul li h5{ text-align:center; font-size:1.1rem; color:#6c6c6c; margin-top:.6rem;}
@media screen and (max-width:1600px) {
   
}
    @media screen and (max-width:640px) {
        .fixed_bottom ul li:nth-child(1){ display:none;}
        .fixed_bottom ul li:nth-child(3){ display:none;}
        .fixed_bottom{top:80%}
        .ol{flex-wrap:wrap;}
        .ol span{ display:none;}
        .center{width:92%}
        .fannan2 ul li .tu{height:200px;}
        .fannan2 ul{margin-top:1.0rem;}
         .dianshang ul li .box span br{display:none}
        .dy_al ul li{width:50%; margin-top:2.0rem}
        .dy_al_ul{margin-top:1.0rem}
        .jz_fw_left{ width:100%;}
        .jz_fw_right{ width:100%; margin-top:.6rem}
        .jz_fw_right ul{ flex-wrap:wrap;}
        .jz_fw_right ul li{ width:31%; margin-top:1.4rem}
        .jz_fw_left .jz_fw_left_icon{ display:none;}
        .jz_fa_left{ display:none;}
        .jz_fa_right{ width:100%;}
        .jz_ys_content ul{ flex-wrap:wrap; padding:2.0rem}
        .jz_ys_content ul li{ width:50%; margin:1.4rem 0;}
        .jz_fa_content{ margin-top:1.0rem}
        .jz_fw_right ul:after{content:" "; width:31%;}
        .shenghuo_fw ul .sh_fw_1{width:31%}
        .shenghuo_fw ul .sh_fw_2{width:65.5%}
        .shenghuo_fw ul .sh_fw_3{width:31%}
        .shenghuo_fw ul:after{
            content:" "; width:31%
        }
        .shenghuo_fw ul .sh_fw_2 .sh_fw_img{padding-top:38%}
        .title h2{font-size:2.1rem}
        .shichang2 ul li {
            width: 49%;
            margin-top: 1rem;
        }

        .shichang2 ul {
            width: 100%;
            margin: 2rem auto;
        }

        .pingtai .box ul {
            width: 100%;
            margin: 1rem auto;
        }
        .pingtai .box ul::after{
            content:'';
            width:32%;
        }
            .pingtai .box ul li {
                width: 32%;
                margin: 0.3rem auto;
            }

                .pingtai .box ul li img {
                    width: 100%;
                }

        .pingtai .box .ul {
            width: 100%;
            margin: 1rem auto;
        }

            .pingtai .box .ul li {
                width: 32%;
                margin: 0.3rem auto;
            }

                .pingtai .box .ul li img {
                    width: 100%;
                }

        .xiaogou ul li {
            width: 48%;
        }

        .jiejue .text {
            width: 92%;
            margin: 2rem auto;
        }

        .jiejue {
            background: #091854;
            height: auto;
        }

        .gongneng2 ul li {
            width: 100%;
            height: auto;
        }

        .gongneng2 ul {
            width: 92%;
            margin: 1rem auto;
        }

            .gongneng2 ul li .tubiao {
                display: none;
            }

            .gongneng2 ul li .wenzi {
                width: 100%;
            }

        .fuwu3 ul li {
            width: 100%;
            margin-top: 1rem;
            height: auto;
            padding: 3%;
        }

            .fuwu3 ul li .tu {
                display: none;
            }

        .houban2 ul li img {
            width: 100%;
        }

        .houban2 ul li {
            width: 48.5%;
            margin-top: 0.8rem;
        }

        .houban2 ul {
            width: 94%;
            margin: auto;
        }

        .investment_f {
            width: 94%;
            margin: 2rem auto;
        }

        .investment_title div {
            width: 48%;
        }

            .investment_title div p {
                width: 100%;
                font-size: 1.4rem;
            }

        .investment_con_list div .img1 {
            width: 100%;
        }

        .investment_con_list div .img2 {
            width: 100%;
        }

        .investment_con_list div .img3 {
            width: 100%;
            display: none;
        }

        .investment_con_list div .img4 {
            width: 100%;
            display: block;
        }

        .changjing {
            background: #ebf1fb;
            height: auto;
            padding: 3rem 0;
        }

            .changjing ul {
                width: 92%;
                margin: 2rem auto;
            }

                .changjing ul li {
                    width: 100%;
                    height: auto;
                    margin-bottom: 1.4rem;
                }

            .changjing ol li {
                width: 100%;
            }

                .changjing ol li img {
                    width: 100%;
                }

            .changjing ol {
                width: 92%;
                margin: 2rem auto;
                display: contents;
            }

        .jiazhuang1 .text1 {
            display: block;
        }

        .jiazhuang1 .text {
            display: none;
        }

        .qiye .top ul {
            width: 92%;
            margin: 0 auto;
        }

            .qiye .top ul li {
                width: 100%;
                margin-bottom: 1rem;
            }

        .qiye .bottom1 {
            display: block;
            margin: auto;
        }

        .qiye .bottom {
            display: none;
        }

        .dianshang ul {
            width: 92%;
            margin: 2rem auto;
        }

            .dianshang ul li {
                width: 100%;
                margin-bottom: 2rem;
            }

                .dianshang ul li:nth-child(2) .box {
                    background: url(../images/cheng2.png) top no-repeat;
                    height: auto; /* background-size: 100% 100%; */
                }

                .dianshang ul li:nth-child(1) .box {
                    background: url(../images/cheng1.png) top no-repeat;
                    height: auto;
                }

                .dianshang ul li:nth-child(3) .box {
                    background: url(../images/cheng3.png) top no-repeat;
                    height: auto;
                }

                .dianshang ul li:nth-child(4) .box {
                    background: url(../images/cheng4.png) top no-repeat;
                    height: auto;
                }

        .dianshang1 div .img2 {
            display: block;
            width: 100%;
        }

        .dianshang1 div .img1 {
            display: none;
        }

        .dianshang1 {
            
           
            height: auto;
            margin: 3rem auto;
        }

        .houban3 ul li {
            width: 48.5%;
            height: auto;
        }

            .houban3 ul li img {
                width: 100%;
                margin: 0.4rem auto;
            }

        .shenghuo ul li {
            width: 48%;
            margin: 0.6rem auto;

        }
        .shenghuo ul:after{
            content:" "; width:48%
        }
        .shenghuo ul li span br{display:none;}
        .shenghuo2 .box .left {
            width: 100%;
        }

        .shenghuo2 .box .right {
            width: 100%;
        }

        .shenghuo2 {
            height: auto;
        }

        .yunying2 ul li div {
            width: 100%;
        }

            .yunying2 ul li div img {
                width: 100%;
            }

        .yunying2 ul li {
            width: 49%;
            margin-top: 1rem;
        }

        .goujia .box2 {
            display: block;
        }

        .goujia .box1 {
            display: none;
        }

        .goujia {
            background: #e5edfa;
        }

        .yiliao2 ul li div img {
            width: 100%;
        }

        .yiliao2 ul li {
            width: 49%;
        }

        .youshi8 ul li {
            width: 48.6%;
        }

        .youshi8 ul {
            width: 92%;
            margin: auto;
        }



        .banner_b {
            margin-top: 3rem;
        }

            .banner_b ul {
                width: 92%;
                margin: auto;
            }

                .banner_b ul li {
                    width: 100%;
                    margin: 0.5rem auto;
                }

        .banner_aa .pc {
            display: none;
        }

        .banner_aa .shouji {
            display: block;
        }

        .index_jiazhi ul li {
            width: 50%;
        }

            .index_jiazhi ul li .tu {
                width: 70%;
            }

            .index_jiazhi ul li span {
                display: -webkit-box;
                -webkit-box-orient: vertical;
                -webkit-line-clamp: 3;
                overflow: hidden;
            }

        .index_ai {
            padding: 3rem 0;
        }

            .index_ai .text ul {
                width: 92%;
                margin: auto;
            }

                .index_ai .text ul li {
                    width: 48%;
                    margin-top: 1rem;
                    height: auto;
                }

        .index_ai {
            height: auto;
            background-size: 100% 100%;
        }

        .index_fangan ul {
            width: 92%;
            margin: auto;
        }

            .index_fangan ul li {
                width: 48%;
            }

                .index_fangan ul li a {
                    display: block;
                    position: relative;
                    width: 100%;
                    height: 100%;
                }

                .index_fangan ul li:nth-child(1) {
                    height: 160px;
                    background-size: 100% 100%;
                }

                .index_fangan ul li:nth-child(2) {
                    height: 160px;
                    background-size: 100% 100%;
                }

                .index_fangan ul li:nth-child(3) {
                    height: 160px;
                    background-size: 100% 100%;
                }

                .index_fangan ul li:nth-child(4) {
                    height: 160px;
                    background-size: 100% 100%;
                }

                .index_fangan ul li:nth-child(5) {
                    height: 160px;
                    background-size: 100% 100%;
                }

                .index_fangan ul li:nth-child(6) {
                    height: 160px;
                    background-size: 100% 100%;
                }

        .title {
            width: 92%;
            margin: 0 auto;
        }

        .index_fangan ul li .box {
            position: absolute;
            bottom: 1rem;
            left: 1rem;
        }

            .index_fangan ul li .box p {
                margin-top: 0;
            }

        .Box .Box_con .conbox ul li {
            width: 100%;
            float: none;
            margin: auto;
            padding: 10px 19%;
            box-shadow: none;
        }

            .Box .Box_con .conbox ul li:first-child {
                margin: auto;
            }

        .Box .Box_con .conbox ul {
            display: block;
        }

        .Box .Box_con .conbox {
            height: 266px;
            overflow: hidden;
        }

            .Box .Box_con .conbox ul li .tu {
                float: none;
                width: 32%;
                margin-bottom: 0;
            }

            .Box .Box_con .conbox ul li p {
                display: -webkit-box;
                -webkit-box-orient: vertical;
                -webkit-line-clamp: 4;
                overflow: hidden;
            }

        .index_houban ul li {
            width: 48%;
        }

            .index_houban ul li img {
                width: 100%;
            }

        .index_houban ul {
            width: 92%;
            margin: auto;
        }

        .index_houban {
            margin: auto;
        }

        .index_tijiao .biaodan {
            width: 92%;
            margin: auto;
            float: none;
        }

            .index_tijiao .biaodan form .text p {
                width: 100%;
                float: none;
            }

            .index_tijiao .biaodan form .text input {
                width: 100%;
                margin-top: 1rem;
            }

            .index_tijiao .biaodan form .text .shouji {
                width: 69%;
            }

            .index_tijiao .biaodan form .text #yanzheng {
                width: 30%;
                margin-top: 1rem;
            }

            .index_tijiao .biaodan form .text span {
                margin-top: 1.5rem;
            }

            .index_tijiao .biaodan form .text {
                margin-top: 0.3rem;
            }

                .index_tijiao .biaodan form .text .aa {
                    float: left;
                    width: 100%;
                }

            .index_tijiao .biaodan form .zixun {
                width: 100%;
            }

        .index_tijiao .right {
            display: none;
        }

        .foot .left {
            width: 92%;
            float: none;
            margin: auto;
        }

        .foot .right {
            display: none;
        }

        .foot {
            padding: 2rem 0 0 0;
            margin: 1rem auto 0 auto;
        }

        .index_tijiao {
            margin: 3rem auto 0 auto;
        }

        .foot .banquan {
            line-height: normal;
            height: 6rem;
            padding-top: 1.5rem;
            box-sizing: border-box;
            margin-top: 1rem;
        }

        .foot .left .text {
            margin-top: 0;
        }

        .fixed {
            display: none;
        }

        .jishu {
            width: 92%;
            margin: 2rem auto;
        }

            .jishu ul li {
                width: 46%;
                margin-bottom: 1.8rem;
            }

                .jishu ul li div p {
                    margin-top: 1rem;
                }

        .fuwu {
            margin: 4rem auto;
            background: url(../images/fuwu2.jpg) center no-repeat;
            height: 400px;
            background-size: 100% 100%;
            padding: 1.8rem 0;
        }

        .youshi ul li {
            width: 100%;
            margin-top: 2rem;
        }

            .youshi ul li div {
                height: 100%;
                box-sizing: border-box;
            }

            .youshi ul li p {
                margin-top: 1rem;
            }

            .youshi ul li span {
                display: -webkit-box;
                -webkit-box-orient: vertical;
                -webkit-line-clamp: 3;
                overflow: hidden;
            }

        .gg {
            background-size: 100% 100%;
            padding: 1%;
            box-sizing: border-box;
        }

            .gg p {
                line-height: normal;
                font-size: 1.8rem;
                padding-top: 1.3rem;
            }

        .gongju ul li {
            width: 100%;
            margin-top: 1.5rem; height:104px;
        }

        .gongju ul {
            width: 92%;
            margin: auto;
        }

        .chengben ul {
            width: 92%;
            margin: auto;
        }

            .chengben ul li {
                width: 48%;
                margin-top: 1.5rem;
            }

        .case ul li {
            width: 100%;
        }

        .case ul {
            width: 92%;
            margin: auto;
        }

        .xinshijie ul li {
            width: 49%;
        }

        .xinshijie ul {
            width: 92%;
            margin: auto;
        }

            .xinshijie ul li:nth-child(1) {
                height: 180px;
            }

            .xinshijie ul li:nth-child(2) {
                height: 180px;
            }

            .xinshijie ul li:nth-child(3) {
                height: 180px;
            }

            .xinshijie ul li:nth-child(4) {
                height: 180px;
            }

            .xinshijie ul li:nth-child(5) {
                height: 180px;
            }

            .xinshijie ul li:nth-child(6) {
                height: 180px;
            }

            .xinshijie ul li:nth-child(7) {
                height: 180px;
            }

            .xinshijie ul li:nth-child(8) {
                height: 180px;
            }

        .jishu1 ul li {
            width: 49%;
        }

        .jishu1 ul {
            width: 92%;
            margin: auto;
        }

            .jishu1 ul li div p {
                margin-top: 1rem;
            }

        .shengtai ul li {
            width: 49%;
        }

        .shengtai1 ul li {
            width: 49%;
        }

        .hangye ul li {
            width: 100%;
            margin-top: 2rem;
        }

        .hangye ul {
            width: 88%;
            margin:3.0rem auto 0 auto;
        }

        .shipin .left {
            display: none;
        }

        .shipin .text {
            width: 92%;
            margin: auto;
        }

            .shipin .text ul {
                margin-top: 2rem;
            }

        .wenti {
            background: url(../images/wenti2.jpg) center no-repeat;
            background-size: 100% 100%;
            height: 420px;
            padding: 30px 0;
        }

        .wenti1 {
            /*background: url(../images/wen.jpg) center no-repeat;*/
            background-size: 100% 100%;
        }

            /*.wenti1 ul li {
                width: 44%;
            }

                .wenti1 ul li p {
                    margin-top: 6rem;
                }*/
            .wenti1 ul .wenti_cengt_content{width:40%}

            .wenti1 ul .wenti_cengt_icon{width:10%}
                .wenti1 ul .wenti_cengt_icon:nth-child(4){ display:none;}
                .cehua {
                    margin: 3rem auto;
                }

            .cehua ul {
                width: 92%;
                margin: 2rem auto;
            }

                .cehua ul li {
                    width: 100%;
                    margin: 1rem auto;
                }

                    .cehua ul li img {
                        width: 22%;
                    }

        .zhanghao {
            background-size: 100% 100%;
            height: auto;
            padding: 30px 0;
        }
        /*.center{width: 96%;}*/
            .zhanghao ul li {
                width: 100%;
                padding: 4%;
                margin: 0.4rem auto;
            }

            .zhanghao ul {
                margin: 2rem auto;
            }

        .zhizou {
            background: none;
            padding: 10px 0;
        }

            .zhizou .title h2 {
                color: #333;
            }

            .zhizou ul li {
                width: 100%;
                box-shadow: 0px 2px 30px 3px #e5e5e5;
                margin: 0.6rem auto;
            }

            .zhizou ul {
                width: 92%;
                margin: 1rem auto;
                float: none;
            }

        .yunying {
            margin: 0 auto 3rem auto;
        }

            .yunying ul li {
                width: 100%;
                margin: 0.4rem auto;
            }

            .yunying ul {
                width: 92%;
                margin: 1rem auto;
            }

        .chanpin ul {
            width: 92%;
            margin: 2rem auto;
        }

            .chanpin ul li {
                width: 48%;
                margin: 0.3rem auto;
                padding: 3%;
            }

        .youshi2 ul li {
            width: 100%;
            margin: 0.3rem auto;
            padding: 0 3%;
        }

        .youshi2 ul {
            width: 92%;
            margin: 2rem auto;
        }

        .youshi3 {
            background: url(../images/you.jpg) center no-repeat;
            background-size: 100% 100%;
            height: 620px;
            padding: 30px 0;
        }

        .houqu {
            background: #f3f8ff;
            height: auto;
        }

            .houqu .text {
                width: 92%;
                margin: 2rem auto;
            }

                .houqu .text p {
                    width: 100%;
                }

                .houqu .text input {
                    width: 40%;
                }

        .yiliao .tu {
            width: 100%;
        }

            .yiliao .tu img {
                width: 100%;
            }

        .shichang {
            background-size: 100% 100%;
            height: 570px;
        }

            .shichang .tu {
                width: 100%;
            }

                .shichang .tu img {
                    width: 100%;
                }

        .youshi4 ul li {
            width: 48%;
        }

        .youshi4 ul {
            width: 92%;
            margin: 2rem auto;
        }

            .youshi4 ul li div p {
                margin-top: 0.4rem;
            }

        .case2 {
            background-size: 100% 100%;
            height: auto;
        }

            .case2 ul li {
                width: 100%;
                margin-top: 2rem;
            }

        .zhibo ul li {
            width: 49%;
            margin-top: 1rem;
        }

        .zhibo ul {
            width: 92%;
            margin: auto;
        }

            .zhibo ul li:nth-child(1) {
                height: 140px;
                border-radius: 6px;
            }

            .zhibo ul li:nth-child(2) {
                height: 140px;
                border-radius: 6px;
            }

            .zhibo ul li:nth-child(3) {
                height: 140px;
                border-radius: 6px;
            }

            .zhibo ul li:nth-child(4) {
                height: 140px;
                border-radius: 6px;
            }

            .zhibo ul li:nth-child(5) {
                height: 140px;
                border-radius: 6px;
            }

            .zhibo ul li:nth-child(6) {
                height: 140px;
                border-radius: 6px;
            }

            .zhibo ul li .box {
                position: absolute;
                bottom: 1rem;
                left: 1rem;
            }

        .liuliang {
            background: #f3f8ff;
            height: auto;
        }

            .liuliang .text .box {
                width: 100%;
            }

            .liuliang .text {
                margin-top: 2rem;
                width: 94%;
                margin: 1rem auto;
            }

                .liuliang .text .box:nth-child(1) {
                    background-size: 100% 100%;
                    height: 310px;
                }

                .liuliang .text .box:nth-child(2) {
                    background-size: 100% 100%;
                    height: 310px;
                }

                .liuliang .text .box:nth-child(3) {
                    background-size: 100% 100%;
                    height: 310px;
                }

                .liuliang .text .box div {
                    margin-top: 7rem;
                }

        .gg2 {
            background-size: 100% 100%;
            padding: 2%;
            box-sizing: border-box;
        }

            .gg2 p {
                padding-top: 3rem;
            }

        .xiaotu ul li {
            width: 49%;
        }

        .liuliang .text .box div span {
            display: -webkit-box;
            -webkit-box-orient: vertical;
            -webkit-line-clamp: 4;
            overflow: hidden;
        }

        .douyin2 {
            display: block;
            margin: 3rem auto;
        }

        .douyin {
            display: none;
        }

        .douyin2 .left {
            width: 100%;
        }

            .douyin2 .left img {
                width: 100%;
            }

        .douyin2 .right {
            width: 92%;
            margin: 2rem auto;
        }

            .douyin2 .right p {
                font-size: 2rem;
                color: #0052d9;
            }

            .douyin2 .right span {
                display: block;
                font-size: 1.2rem;
                line-height: 2rem;
                margin-top: 2.4rem;
            }

                .douyin2 .right span i {
                    color: #0052d9;
                    font-weight: 600;
                }

        .youshi8 {
            background: url(../images/youshi5.jpg) center no-repeat;
            background-size: 100% 100%;
            padding: 30px 0;
        }

        .case3 ul li {
            width: 49%;
            margin-bottom: 1rem;
        }

        .gg3 {
            background-size: 100% 100%;
            padding: 8% 2%;
            box-sizing: border-box;
            height: auto;
        }

            .gg3 p {
                line-height: normal;
                font-size: 2rem;
            }

        .gaikou {
            background-size: 100% 100%;
        }

            .gaikou p {
                font-size: 1.5rem;
                line-height: 3rem;
            }

        .fuwu2 ul li {
            width: 49%;
        }

        .xuanze ul li {
            width: 100%;
            margin-top: 1rem;
            padding: 3%;
        }

        .xuanze ul {
            width: 92%;
            margin: auto;
        }

        .guge ul li {
            width: 100%;
            margin: 1rem auto;
            height: auto;
        }

        .guge ul {
            width: 92%;
            margin: auto;
        }

            .guge ul li p {
                margin-top: 7.4rem;
            }

        .paiming {
            background-size: 100% 100%;
            height: auto;
        }

            .paiming ul li {
                width: 92%;
                margin: 1rem auto;
            }

        .guanggao ul li {
            width: 100%;
        }

            .guanggao ul li .tu {
                width: 35%;
            }

                .guanggao ul li .tu img {
                    width: 100%;
                }

        .jiasu {
            background-size: 100% 100%;
            height: auto;
            padding: 40px 0;
            background: -webkit-linear-gradient(left, #0526ca 0%,#071d69 100%);
        }

            .jiasu .text {
                width: 92%;
                margin: 2rem auto;
            }

                .jiasu .text p {
                    font-size: 1.2rem;
                    line-height: 3rem;
                }

        .youshi5 ul li {
            width: 49%;
        }

        .youshi5 ul {
            width: 94%;
            margin: 2rem auto;
        }

        .liucheng ul li {
            width: 49%;
            margin-bottom: 1rem;
        }

        .liucheng ul {
            width: 94%;
            margin: 2rem auto;
        }

        .liucheng {
            background: none;
            height: auto;
        }

        .tedian ul li .tu img {
            width: 70%;
        }

        .tedian ul li .tu {
            margin-bottom: 1rem;
        }

        .gongneng {
            background-size: 100% 100%;
            height: auto;
        }

            .gongneng ul li .left {
                width: 100%;
            }

            .gongneng ul li .right {
                display: none;
            }

            .gongneng ul {
                width: 90%;
            }

                .gongneng ul li {
                    margin-top: 0.6rem;
                }

                    .gongneng ul li .left .text {
                        width: 100%;
                    }

        .seo img {
            width: 100%;
        }
        .seo .seo_pc{ display:none}
        .seo .seo_mo{ display:block;}
        .xuanze3 ul li {
            width: 100%;
        }

        .taocan {
            background-size: 100% 100%;
            height: auto;
        }

            .taocan ul li {
                width: 100%;
                height: auto;
                margin-top: 1rem;
            }

        .news_x {
            width: 92%;
            margin: 2rem auto;
        }

            .news_x .top span {
                width: 70%;
            }

            .news_x .text img {
                width: 100%;
            }

        .fixed_bottom {
            position: fixed;
            right: 1rem;
        }

            .fixed_bottom ul li:hover .p1 {
                position: absolute;
                top: 0;
                right: -200px;
            }

        .liuliang .text .zhibo1 {
            display: block;
        }

        .liuliang .text #box_a {
            background-size: 100% 100%;
            height: 310px;
        }

        .fixed_bottom ul li {
            width: 60px;
            height: 60px;
        }
    }







