*{padding:0px; margin:0px;}
html{font-size:62.5%;}
body{ font-family:"寰蒋闆呴粦";}
body,ul,ol,dl,dd,h1,h2,h3,h4,h5,h6,p,i,b,em,span,form,fieldset,legend,input,textarea,select,button,th,td{margin:0; padding:0; font-style:normal;}
h1,h2,h3,h4,h5,h6{list-style:none; font-weight:normal;}
input,select,button,textarea{border:0; background:none; outline:none; vertical-align:middle; font-family:"寰蒋闆呴粦";}
button{overflow:visible}
img{border:none;}
li{list-style:none;}
a{color:#555; text-decoration:none;}
a:hover{color:#e77817; text-decoration:none !important;}
.fl { float:left}
.fr { float:right}
.clear{overflow:hidden; clear:both; height:0px;}
.con { width:1200px; margin:0 auto}
::-webkit-scrollbar{width:6px;}
::-webkit-scrollbar-track{background-color:#000;}
::-webkit-scrollbar-thumb{background-color:#aaa;}
::-webkit-scrollbar-thumb:hover{background-color:#5b5b5b;}
::-webkit-scrollbar-thumb:active{background-color:#e77817;}
@media only screen and (max-width:992px){
input,textarea{-webkit-appearance:none; border-radius:0;}
}
.header{width:100%; background-color:rgba(255,255,255,0.8);; position:fixed; top:0; left:0; z-index:10;
transition:all .5s;
-o-transition:all .5s;
-ms-transition:all .5s;
-moz-transition:all .5s;
-webkit-transition:all .5s;}
.header.on{box-shadow:0 0 10px #aaa; background:rgba(255,255,255,0.8)}
.header .container{position:relative;}
.header .logo{width:329px; float:left; margin:20px 0 10px;
transition:all .5s;
-o-transition:all .5s;
-ms-transition:all .5s;
-moz-transition:all .5s;
-webkit-transition:all .5s;}
.header.on .logo{width:290px; margin:20px 0 0;}
.header .logo img{width:100%; height:auto; display:block;}
.header .logo .img2 { display: none}
.header.on .logo .img1{ display:none}
.header.on .logo .img2 { display:block}
.header .an{position:absolute; top:50%; right:15px; height:18px; width:30px; display:none;
transform:translate(0,-50%);
-webkit-transform:translate(0,-50%);
-moz-transform:translate(0,-50%);
-ms-transform:translate(0,-50%);
-o-transform:translate(0,-50%);}
.header .an span{width:30px; height:2px; background-color:#555; display:block; position:absolute;
transition:all .5s;
-o-transition:all .5s;
-ms-transition:all .5s;
-moz-transition:all .5s;
-webkit-transition:all .5s;}
.header .an span.a1{top:0; left:0;}
.header .an span.a2{top:8px; left:0;}
.header .an span.a3{top:16px; left:0;}
.header .an.n span.a2{display:none;}
.header .an.n span.a1{top:8px; width:30px;
transform:rotate(45deg);
-o-transform:rotate(45deg);
-ms-transform:rotate(45deg);
-moz-transform:rotate(45deg);
-webkit-transform:rotate(45deg);}
.header .an.n span.a3{top:8px; width:30px;
transform:rotate(135deg);
-o-transform:rotate(135deg);
-ms-transform:rotate(135deg);
-moz-transform:rotate(135deg);
-webkit-transform:rotate(135deg);}
.header .yw{width:30px; height:30px; font-size:16px; line-height:30px; color:#555; text-align:center; cursor:pointer; position:absolute; top:25px; right:145px; background:url(../images/es.png) center center no-repeat; background-size:100%}
.header .zw{width:30px; height:30px; font-size:16px; line-height:30px; color:#555; text-align:center; cursor:pointer; position:absolute; top:25px; right:100px; background:url(../images/zs.png) center center no-repeat;background-size:100% }
.header .search{width:30px; height:30px; font-size:16px; line-height:30px; color:#555; text-align:center; cursor:pointer; position:absolute; top:25px; right:55px; background:url(../images/sss.png) center center no-repeat; }
.header .user{width:30px; height:30px; font-size:18px; line-height:30px; color:#555; text-align:center; cursor:pointer; position:absolute; top:25px; right:15px;background:url(../images/top9s.png) center center no-repeat; }
.weixin{ width:24px; height:24px; float:left;position:relative; font-size:12px; text-align:center;}
.weixin a{width:24px; height:24px; display:block; position:absolute; left:0; top:0;background:url(../images/top9.png) no-repeat center top; }
.weixin .weixin_nr{width:130px; height:140px; padding:10px; background:#fff; text-align:center; position:absolute; left:-35px; top:45px; display:none; z-index:99999}
.weixin .weixin_nr img{ margin-bottom:0px;}
.weixin .weixin_nr .arrow{ width:0; height:0; border-bottom:10px solid #fff;border-left:10px solid transparent;border-right:10px solid transparent; position:absolute; left:50px; top:-10px;}
.weixin.on .weixin_nr{ display:block;}
.weixin.on a{ background:url(../images/top9.png) no-repeat left top;}
.weixin a.wb{width:24px; height:24px; display:block; position:absolute; left:0; top:0;background:url(../images/top10.png) no-repeat center top; }
.weixin.on a.wb { background:url(../images/top10.png) no-repeat left top;}
.header.on .yw{width:30px; height:30px; font-size:16px; line-height:30px; color:#555; text-align:center; cursor:pointer; position:absolute; top:15px; right:145px; background:url(../images/es.png) center center no-repeat; background-size:100%}
.header.on .zw{width:30px; height:30px; font-size:16px; line-height:30px; color:#555; text-align:center; cursor:pointer; position:absolute; top:15px; right:100px; background:url(../images/zs.png) center center no-repeat;background-size:100% }
.header.on .search{top:15px; background:url(../images/sss.png) center center no-repeat; }
.header.on .user{top:15px; background:url(../images/top9s.png) center center no-repeat; }
.header .nav{ width:100%; border-bottom:rgba(0,0,0,0.4) 1px solid;border-top:rgba(0,0,0,0.4) 1px solid; margin-top:15px}
.header .nav i{font-size:12px; color:#aaa; line-height:54px; text-align:right; position:absolute; width:50%; height:54px; right:0px; top:50%; display:none;
transform:translate(0,-50%);
-webkit-transform:translate(0,-50%);
-moz-transform:translate(0,-50%);
-ms-transform:translate(0,-50%);
-o-transform:translate(0,-50%);}
.header.on .nav{ width:100%; border-bottom:rgba(0,0,0,0.2) 1px solid;border-top:rgba(0,0,0,0.2) 1px solid; margin-top:8px}
.header .nav ul { width:1200px; margin:0 auto}
.header .nav ul li{margin:0 2px; line-height:45px; float:left; position:relative; padding:0 15px;
transition:all .5s;
-o-transition:all .5s;
-ms-transition:all .5s;
-moz-transition:all .5s;
-webkit-transition:all .5s;}
.header .nav ul li::after {
content: '';
position: absolute;
right: 0;
top: 50%;
margin-top: -10px;
height: 20px;
width: 1px;
background: rgba(255,255,255,0.4);
}
.header.on .nav ul li::after { background: rgba(0,0,0,0.4);}
.header.on .nav ul li{line-height:45px;}
.header .nav ul li a{display:block; font-size:16px; color:#000;text-transform: uppercase;}
.header.on .nav ul li a{display:block; font-size:16px; color:#333;}
.header .nav ul li span{width:0; height:2px; background-color:#e77817; position:absolute; left:50%; bottom:0;
transition:all .3s;
-o-transition:all .3s;
-ms-transition:all .3s;
-moz-transition:all .3s;
-webkit-transition:all .3s;
transform:translate(-50%,0);
-webkit-transform:translate(-50%,0);
-moz-transform:translate(-50%,0);
-ms-transform:translate(-50%,0);
-o-transform:translate(-50%,0);}
.header .nav ul li:hover span{width:100%;}
.header .nav ul li.on span{width:100%;}
.nav .y_j{position:relative;}
.nav .e_j{width:150px; background-color:rgba(255,255,255,.5); position:absolute; top:45px; left:50%; margin-left:-75px; display:none; z-index:9999;}
/*.header.on .nav .e_j{box-shadow:0 2px 2px #aaa;}*/
.header .nav ul li .e_j a{display:block; font-size:14px; color:#000; line-height:40px; border-bottom:1px solid rgba(0,0,0,0.5); text-align:center;text-transform: capitalize;}
.nav .e_j .ejy { position:relative}
.nav .e_j .s_j {width:150px; background-color:rgba(255,255,255,.5); position:absolute; top:0px; left:150px; display:none; z-index:9999;}
.header .nav .e_j a:hover{background-color:#e77817; color:#fff;}
@media (min-width:1024px){
.header .nav .e_j{display:none !important;}
.header .nav ul li:hover .e_j{display:block !important;}
.head_h { height: 68px; display: none}
}
@media (max-width:102px){
.header .nav ul li{margin:0 15px;}
.header .nav ul li a{font-size:15px;}
}
@media (max-width:1200px){
.header .nav ul li{margin:0 20px;}
.header .nav ul li a{font-size:16px;}
}
@media only screen and (max-width:1024px){
.head_h { height: 60px; display:block}
.header{border:0; height:60px; background:#fff}
.header .container{ padding:0 10px;}
.header .logo{width:230px; margin:10px auto;}
.header.on .logo{width:220px; margin:10px auto;}
.header .an{display:block; right:10px;}
.header .an span { background-color:#999}
.header .nav ul { width: 100%;}
.header .search{font-size:20px; right:80px; width:24px; height:24px;top: 18px;}
.header .user{right:50px; width:24px; height:24px;top: 18px;}
.header .zw { width: 28px; height: 28px; right:110px;top: 18px;}
.header .yw { width: 28px;height: 28px;right: 143px;top: 18px;}
.header.on .zw { width: 28px; height: 28px; right:110px;}
.header.on .yw { width: 28px;height: 28px;right: 143px;}
.header.on .nav {width:60%}
.header .nav{width:60%; padding:15px 5%; background-color:#000; height:100%; position:fixed; top:0; left:-70%; z-index:9999; overflow:auto;
transition:all .5s;
-o-transition:all .5s;
-ms-transition:all .5s;
-moz-transition:all .5s;
-webkit-transition:all .5s;}
.header .nav.on{left:0;}
.header.on .nav ul li a { font-size: 16px;color: #fff;}
.header .nav i{display:block;}
.header .nav ul li{line-height:60px; text-align:left; border-bottom:1px solid #444; float:none; margin:0; padding:0}
.header .nav ul li::after { background: rgba(0,0,0,0);}
.header.on .nav ul li{line-height:60px;}
.header .nav .e_j { width: 100%; border-top: 1px solid #444; background: none; position: relative;display: none;top: auto; left: auto; margin: 0;padding-bottom: 10px;}
.header .nav ul li .e_j a { color:#aaa;}
.header .nav ul li .e_j a:hover { color:#fff}
.header .nav .e_j a{border-top:0; font-size:12px; color:#aaa; line-height:32px;}
.header .nav .e_j a:hover{background:none;}
.header .nav ul li:hover .e_j{display:none;}
.header .nav ul li a{font-size:15px; color:#fff;}
.header .nav ul li:hover span{width:0;}
.header .nav ul li.on span{width:0;}
}
@media only screen and (max-width:375px){
.header .container{ padding:0 5px}
.header .logo{width:200px; margin:15px auto;}
.header.on .logo{width:200px; margin:15px auto;}
}
.pc_ban{width:100%; height:710px; position:relative; overflow:hidden;}
.pc_ban a{width:100%; height:100%; display:block;}
.pc_ban a h1 { font-size:42px; color:#fff; margin-bottom:20px; text-align:center; margin-top:13%;-webkit-transition: all 1s;-moz-transition: all 1s;-o-transition: all 1s;transition: all 1s;opacity: 0;-webkit-opacity: 0;-moz-opacity: 0;-webkit-transform: translate3d(-300px, 0, 0);-ms-transform: translate3d(-300px, 0, 0);transform: translate3d(-300px, 0, 0);}
.pc_ban a h4 { font-size:16px; color:#eee; text-align:center;-webkit-transition: all 1s;-moz-transition: all 1s;-o-transition: all 1s;transition: all 1s;opacity: 0;-webkit-opacity: 0;-moz-opacity: 0;-webkit-transform: translate3d(0, 300px, 0);-ms-transform: translate3d(0, 300px, 0);transform: translate3d(0, 300px, 0);}
.pc_ban .swiper-slide-active h1{-webkit-transform: translate3d(0, 0, 0);-ms-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);opacity: 1;-webkit-opacity: 1;-moz-opacity: 1;}
.pc_ban .swiper-slide-active h4{-webkit-transform: translate3d(0, 0, 0);-ms-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);opacity: 1;-webkit-opacity: 1;-moz-opacity: 1;}
.pc_ban .swiper-button-prev{background:url(../images/banner-l.png) no-repeat; width:30px; height:50px; margin-top:0; left:1%;
background-size:30px 50px;
-webkit-background-size:30px 50px;
-moz-background-size:30px 50px;
-ms-background-size:30px 50px;
-o-background-size:30px 50px;}
.pc_ban .swiper-button-next{background:url(../images/banner-r.png) no-repeat; width:30px; height:50px; margin-top:0; right:1%;
background-size:30px 50px;
-webkit-background-size:30px 50px;
-moz-background-size:30px 50px;
-ms-background-size:30px 50px;
-o-background-size:30px 50px;}
@media only screen and (max-width:992px){
.pc_ban{height:19rem;}
.pc_ban .swiper-pagination-bullet{width:26px; height:2px;}
.pc_ban .swiper-button-prev{display:none;}
.pc_ban .swiper-button-next{display:none;}
.pc_ban a h1 { font-size:2.5rem; margin-bottom:2rem; }
.pc_ban a h4 { font-size:1.4rem;}
}
.sh_tc{width:100%; height:100%; position:fixed; top:0; left:0; z-index:99999; display:none; overflow:hidden;}
.sh_tc .s_bj{width:100%; height:100%; background-color:rgba(0,0,0,.9); position:absolute; top:0; left:0;}
.sh_tc .s_ch{width:400px; background-color:#fff; box-shadow:0 0 5px #aaa; position:absolute; top:50%; left:50%;
transform:translate(-50%,-50%);
-webkit-transform:translate(-50%,-50%);
-moz-transform:translate(-50%,-50%);
-ms-transform:translate(-50%,-50%);
-o-transform:translate(-50%,-50%);}
.sh_tc .s_ch input.w_z{width:330px; height:60px; padding-left:10px; font-size:15px; line-height:60px; color:#555; float:left; -webkit-appearance:none;}
.sh_tc .s_ch button.s_c{width:60px; height:60px; background-color:#e77817; font-size:18px; color:#fff; line-height:60px; text-align:center; float:right; -webkit-appearance:none;}
@media only screen and (max-width:1024px){
.sh_tc .s_ch{width:90%; left:5%;
transform:translate(0,-50%);
-webkit-transform:translate(0,-50%);
-moz-transform:translate(0,-50%);
-ms-transform:translate(0,-50%);
-o-transform:translate(0,-50%);}
.sh_tc .s_ch input.w_z{width:85%; height:50px; padding-left:2%; line-height:50px;}
.sh_tc .s_ch button.s_c{width:15%; height:50px; font-size:16px; line-height:50px;}
}
.gy_bt{margin-bottom:50px; text-align:center;}
.gy_bt h1{font-size:36px; margin-bottom:15px;
text-transform: capitalize;
}
.gy_bt h1 span{color:#e77817;}
.gy_bt h3{font-size:15px; line-height:25px; color:#777; position:relative;}
.gy_bt h3:after{width:100%; height:1px; background-color:#ddd; content:""; position:absolute; left:0; top:50%;}
.gy_bt h3 span{padding:0 15px; background-color:#fff; position:relative; z-index:9;}
@media only screen and (max-width:1024px){
.gy_bt{margin-bottom:30px;}
.gy_bt h1{font-size:1.7rem; margin-bottom:10px;}
.gy_bt h3{font-size:13px; line-height:23px;}
.gy_bt h3 span{padding:0 10px;}
}
.sy_fw{width:100%; padding:50px 0; overflow:hidden;}
.sy_fw .row{margin:0;}
.sy_fw ul li{padding:0; width:20%; float:left}
.sy_fw .t_p{overflow:hidden; position:relative;}
.sy_fw .t_p .b_j{width:100%; height:100%; background-color:#e77817; opacity:0; position:absolute; top:0; left:0;
transition:all .5s;
-o-transition:all .5s;
-ms-transition:all .5s;
-moz-transition:all .5s;
-webkit-transition:all .5s;}
.sy_fw ul li:hover .t_p .b_j{opacity:.4;}
.sy_fw .t_p span{width:22px; height:12px; background:url(../images/j_t.png) no-repeat center; position:absolute; bottom:0; left:50%; margin-left:-11px; display:block; opacity:0;
transition:all .5s;
-o-transition:all .5s;
-ms-transition:all .5s;
-moz-transition:all .5s;
-webkit-transition:all .5s;}
.sy_fw ul li:nth-child(2n) .t_p span{top:0; bottom:auto; background:url(../images/j_t1.png) no-repeat center;}
.sy_fw ul li:hover .t_p span{opacity:1;}
.sy_fw .t_p img{width:100%; height:auto; display:block;
transition:all 3s;
-webkit-transition:all 3s;
-moz-transition:all 3s;
-ms-transition:all 3s;
-o-transition:all 3s;}
.sy_fw ul li:hover .t_p img{transform:scale(1.1);
-webkit-transform:scale(1.1);
-moz-transform:scale(1.1);
-ms-transform:scale(1.1);
-o-transform:scale(1.1);}
.sy_fw .w_z{position:relative; text-align:center;}
.sy_fw .w_z img{width:100%; height:auto; display:block;}
.sy_fw .w_z img.l_b{position:absolute; top:0; left:0; opacity:0;
transition:all .5s;
-o-transition:all .5s;
-ms-transition:all .5s;
-moz-transition:all .5s;
-webkit-transition:all .5s;}
.sy_fw ul li:hover .w_z img.l_b{opacity:1;}
.sy_fw .w_z .l_m{position:absolute; top:50%; left:50%; width:100%; padding:10px 20px;
transform:translate(-50%,-50%);
-webkit-transform:translate(-50%,-50%);
-moz-transform:translate(-50%,-50%);
-ms-transform:translate(-50%,-50%);
-o-transform:translate(-50%,-50%);}
.sy_fw .w_z .m_c{font-size:18px; line-height:30px; color:#333;
transition:all .5s;
-o-transition:all .5s;
-ms-transition:all .5s;
-moz-transition:all .5s;
-webkit-transition:all .5s;}
.sy_fw .w_z p { font-size:14px;color:#666; line-height:22px;}
.sy_fw ul li:hover .w_z p { color:#fff}
.sy_fw ul li:hover .w_z .m_c{color:#fff;}
.sy_fw .w_z .t_b{width:80px; height:80px; margin:0 auto; background-size:cover !important;
transition:all .5s;
-o-transition:all .5s;
-ms-transition:all .5s;
-moz-transition:all .5s;
-webkit-transition:all .5s;}
.sy_fw .w_z .t_b.t_1{background:url(../images/a1.png) no-repeat center top;}
.sy_fw ul li:hover .w_z .t_b.t_1{background:url(../images/a1.png) no-repeat center bottom;}
.sy_fw .w_z .t_b.t_2{background:url(../images/a2.png) no-repeat center top;}
.sy_fw ul li:hover .w_z .t_b.t_2{background:url(../images/a2.png) no-repeat center bottom;}
.sy_fw .w_z .t_b.t_3{background:url(../images/a3.png) no-repeat center top;}
.sy_fw ul li:hover .w_z .t_b.t_3{background:url(../images/a3.png) no-repeat center bottom;}
.sy_fw .w_z .t_b.t_4{background:url(../images/a4.png) no-repeat center top;}
.sy_fw ul li:hover .w_z .t_b.t_4{background:url(../images/a4.png) no-repeat center bottom;}
.sy_fw .w_z .t_b.t_5{background:url(../images/a5.png) no-repeat center top;}
.sy_fw ul li:hover .w_z .t_b.t_5{background:url(../images/a5.png) no-repeat center bottom;}
@media only screen and (max-width:1024px){
.sy_fw{padding:30px 0;}
.sy_fw ul li{padding:0; width:50%; float:left}
.sy_fw ul li.last{ display:none}
.sy_fw .t_p span{background:url(../images/j_t2.png) no-repeat center; opacity:1;}
.sy_fw ul li:nth-child(2n) .t_p span{background:url(../images/j_t3.png) no-repeat center;}
.sy_fw .w_z .l_m { padding:1rem;}
.sy_fw .w_z .m_c{font-size:1.4rem; line-height:2.2rem;}
.sy_fw .w_z p { font-size: 1.1rem; line-height: 2rem;}
.sy_fw .w_z .t_b{width:5rem; height:5rem;}
}
.sy_hz{width:100%; padding:30px 0 80px; overflow:hidden;}
.sy_hz .h_z{text-align:center;}
.sy_hz .h_z.m_t{margin-top:-35px;}
.sy_hz .h_z ul li{display:inline-block; width:13.6%; margin:0 28px; border:2px dotted #d7d7d7; border-radius:15px; overflow:hidden;
transform:rotate(45deg);
-ms-transform:rotate(45deg);
-moz-transform:rotate(45deg);
-webkit-transform:rotate(45deg);
-o-transform:rotate(45deg);}
.sy_hz .h_z ul li.on{opacity:0;}
.sy_hz .h_z img{display:block; width:100%; height:auto;
transform:rotate(-45deg);
-ms-transform:rotate(-45deg);
-moz-transform:rotate(-45deg);
-webkit-transform:rotate(-45deg);
-o-transform:rotate(-45deg);}
@media only screen and (max-width:992px){
.sy_hz{padding:30px 0 30px;}
.sy_hz .h_z.m_t{margin-top:0;}
.sy_hz .h_z ul li{width:22%; margin:0; border:1px dotted #d7d7d7; border-radius:10px;
transform:none;
-ms-transform:none;
-moz-transform:none;
-webkit-transform:none;
-o-transform:none;}
.sy_hz .h_z ul li.on{display:none;}
.sy_hz .h_z img{transform:none;
-ms-transform:none;
-moz-transform:none;
-webkit-transform:none;
-o-transform:none;}
}
.fwfw { padding:30px 0 20px;}
.solutions{position:relative; z-index:1; width:100%; height:770px; overflow:hidden; background:#fff;}
.solutions .tit2{margin-bottom:50px; padding-top:50px; text-align:center; color:#000;font-size:30px; font-weight:400;}
.solutions .circle{position:absolute; left:50%; top:115px; z-index:-1; width:944px; height:600px; margin:0px 0px 0px -472px;}
.solutions .circle4{position:absolute; left:50%; top:50%; width:1057px; height:339px; margin:-169.5px 0px 0px -528.5px; border:1px dashed #5bc09e; border-radius:50%;}
.solutions .circle4 .i-slogo{position:absolute; top:50%; left:50%; width:401px; height:274px; margin:-137px 0px 0px -200px; background-position:0px -505px;}
.solutions .bubi{position: absolute; top: 50%; left: 50%; width: 244px; margin: -137px 0px 0px -122px;}
.solutions .circle4 .i-icon{display:block; width:78px; height:78px; /*background:#5bc09e url(../images/sprites_v7.png);*/ border-radius:50%;}
.solutions .circle4 .gycs{position:absolute; top:-40px; left:250px;}
.solutions .circle4 .dzfp{position:absolute; top:-10px; left:720px;}
.solutions .circle4 .wlwgx{position:absolute; top: 120px; left: -20px;}
.solutions .circle4 .lhzx{position:absolute; top: 100px; left:1000px;}
.solutions .circle4 .yljl{position:absolute; top:261px; left:210px;}
.solutions .circle4 .sjaq{position:absolute; top:310px; left:500px;}
.solutions .circle4 .xjxm{position:absolute; top:280px; left:800px;}
.solutions .circle4 .i-gycs{background-position:-501px -333px;}
.solutions .circle4 .box .small{position: absolute; top: -15px; left: -15px; z-index: -1; width:109px; height:109px; border-radius:50%; background:#c2f6e4; transform: scale(0.5);}
.solutions .circle4 .box .big{position: absolute; top: -35px; left: -35px; z-index: -2; width:148px; height:148px; border-radius:50%; background:#edfdf8; transform: scale(0.5);}
.solutions .circle4 .i-dzfp{background-position:-614px -333px;}
.solutions .circle4 .i-wlwgx{background-position:-727px -333px;}
.solutions .circle4 .i-lhzx{background-position:-840px -333px;}
.solutions .circle4 .i-yljl{background-position:-953px -333px;}
.solutions .circle4 .i-sjaq{background-position:-1066px -333px;}
.solutions .circle4 p{font-size: 18px; color: #6c6c6c;}
.solutions .circle4 .gycs p{margin-top: -105px; margin-left: -75px;}
.solutions .circle4 .dzfp p{margin-top: -119px; margin-left: 64px;}
.solutions .circle4 .wlwgx p{margin-top: 2px; margin-left: -49px;}
.solutions .circle4 .lhzx p{width:100px; margin-top: 5px; margin-left: 49px;}
.solutions .circle4 .yljl p{margin-top:5px; text-align:center;}
.solutions .circle4 .sjaq p{margin-top:-6px; margin-left:81px;}
.gycs{position:absolute; top:-60px; left:250px;}
.small{position: absolute; top: -15px; left: -15px; z-index: -1; width:118px; height:118px; border-radius:50%; background:#c2f6e4; transform: scale(0.5);}
.big{position: absolute; top: -35px; left: -35px; z-index: -2; width:157px; height:157px; border-radius:50%; background:#edfdf8; transform: scale(0.5);}
@keyframes myfirst{
0% {transform: scale(0.5);}
90% {transform: scale(1);}
100% {transform: scale(0.5);}
}
@keyframes myfirst2{
0% {transform: scale(0.7);}
90% {transform: scale(1);}
100% {transform: scale(0.5);}
}
.solutions .circle4 .active .small{animation:myfirst2 3s ease forwards;}
.solutions .circle4 .active .big{animation:myfirst 3s ease forwards;}
.solutions .i-sdata{position:absolute; top:28px; left:331px; width:89px; height:89px; background-position:-100px -190px;}
.solutions .i-swelfare{position:absolute; top:187px; left:409px; width:89px; height:89px; background-position:-201px -190px;}
.solutions .i-svote{position:absolute; top:341px; left:339px; width:89px; height:89px; background-position:-201px -290px;}
.solutions .i-credit{position:absolute; top:336px; left:139px; width:89px; height:89px; background-position:-100px -290px;}
.solutions .i-publicity{position:absolute; top:192px; left:58px; width:89px; height:89px; background-position:0px -291px;}
.solutions .i-medical{position:absolute; top:45px; left:142px; width:89px; height:89px; background-position:0px -190px;}
/* 鐐圭紑鐨勫渾 */
.solutions .circle .adorns{position:absolute; z-index:-1; border-radius:50%;}
.solutions .circle .adorns.left1{top: 392px; left: -50px; width: 20px; height: 20px; background: #9ff5d8;}
.solutions .circle .adorns.left2{top: 535px; left: 324px; width: 26px; height: 26px; background: #a4a7db;}
.solutions .circle .adorns.left3{top: 217px; left: 61px; width: 35px; height: 35px; background: #7175c6;}
.solutions .circle .adorns.left4{top: 258px; left: 200px; width: 14px; height: 14px; background: #8c97cb;}
.solutions .circle .adorns.right1{top: 75px; left: 633px; width: 34px; height: 34px; background: #addfce;}
.solutions .circle .adorns.right2{top: 150px; left: 957px; width: 21px; height: 21px; background: #7175c6;}
.solutions .circle .adorns.right3{top: 490px; left: 860px; z-index: 1; width: 27px; height: 27px; background: #8b8ed0;}
/* 妗堜緥css */
.alzs { padding:50px 0 70px; background:#f6f6f6; overflow:hidden}
.alzs .alnr { padding-top:35px; text-align:center}
.alzs .alnr ul li { width:280px; margin:0 7px; display:inline-block; position:relative}
.alzs .alnr ul li.lx { margin-top:-70px;}
.alzs .alnr ul li a {-webkit-transition:all 0.5s; -moz-transition:all 0.5s; -o-transition:all 0.5s; transition:all 0.5s; display:block }
.alzs .alnr ul li a img { width:100%; display:block}
.alzs .alnr ul li a .wz { width:100%; height:100%; top:0; left:0; position:absolute; z-index:10;background:url(../images/albj.png) center top no-repeat; background-size:100%; }
.alzs .alnr ul li a .wz h3 { margin-top:160px; font-size:18px; color:#fff; margin-bottom:15px;-webkit-transition:all 0.8s; -moz-transition:all 0.8; -o-transition:all 0.8s; transition:all 0.8s;}
.alzs .alnr ul li a .wz h3::after { margin:15px auto; width:30px; color:#fff; height:2px;}
.alzs .alnr ul li a .wz p { font-size:14px; line-height:25px; color:#fff; height:50px; padding:0 10px; overflow:hidden}
.alzs .alnr ul li a .bjc { position:absolute; top:0; left:0;opacity: 0;-webkit-transition:all 0.5s; -moz-transition:all 0.5s; -o-transition:all 0.5s; transition:all 0.5s; background:url(../images/al1.png) center top no-repeat; background-size:100%; width:100%; height:100%; z-index:8}
.alzs .alnr ul li:hover a {-webkit-transform: rotateZ(360deg);-moz-transform: rotateZ(360deg);-o-transform: rotateZ(360deg);-ms-transform: rotateZ(360deg);transform: rotateZ(360deg);}
.alzs .alnr ul li:hover a .bjc{opacity:1;-webkit-transition:all 0.5s; -moz-transition:all 0.5s; -o-transition:all 0.5s; transition:all 0.5s;}
.alzs .alnr ul li:hover a .wz { background:none}
.alzs .alnr ul li:hover a .wz h3 { margin-top:80px;}
.alzs .alnr ul li:hover a .wz p { height:100px;}
.trade-content {
padding: 50px 0 70px; background:url(../images/try-use-bg-27d9533a0a.jpg) center center / cover no-repeat; overflow:hidden
}
.trade-title {
font-size: 24px;
color: #333;
text-align: center;
margin: 50px 0;
position: relative;
}
.trade-title:before {
content: "";
position: absolute;
width: 0;
height: 0;
bottom: -19px;
left: 50%;
transform: translateX(-50%);
border: 6px solid;
border-color: #20B09F transparent transparent;
}
.trade-title:after {
content: "";
position: absolute;
width: 52px;
height: 3px;
background-color: #e77817;
bottom: -8px;
left: 50%;
transform: translateX(-50%);
}
.trade-black {
height: 400px;
}
.trade-box {
width: 1200px !important;
margin: 0 auto;
position: relative;
transition: all .3s ease;
}
.trade-box-list {
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
}
.trade-box-item {
flex: 1;
text-align: center;
position: relative;
height: 400px;
background: no-repeat center;
background-size: 100% auto;
}
.trade-content .trade-box-item:before {
content: "";
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
background-color: rgba(0,0,0,.6);
transition: all .4s cubic-bezier(.4, 0, .2, 1);
}
.trade-box-item a {
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
}
a, button, input, textarea {
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
-moz-transition: all .3s ease;
-webkit-transition: all .3s ease;
transition: all .3s ease;
}
.item-logo {
margin: 0 auto;
display: block;
}
.trade-content .trade-box-item .item-logo {
position: relative;
margin-top: 120px;
transition: all .4s cubic-bezier(.4, 0, .2, 1);
}
.item-logo img {
display: block;
margin: 0 auto;
max-width: 100%;
}
.item-title {
font-size: 20px;
font-weight: bold;
color: #fff;
padding: 20px 20px;
position: relative;
}
.trade-content .item-title:before {
content: "";
position: relative;
display: block;
width: 20px;
border-bottom: 2px solid #fff;
margin: 0 auto 20px;
transition: all .4s cubic-bezier(.4, 0, .2, 1);
}
.item-text {
position: relative;
transition: all .4s cubic-bezier(.4, 0, .2, 1);
opacity: 0;
margin-top: 10px;
}
.item-text p {
color: #fff;
font-size: 16px;
margin-bottom: 5px;
}
.trade-content .item02 {
background-image: url(../images/icon-at01.png);
}
.trade-content .item01 {
background-image: url(../images/icon-at02.png);
}
.trade-content .item03 {
background-image: url(../images/icon-at03.png);
}
.trade-content .item04 {
background-image: url(../images/icon-at04.png);
}
.trade-content .item05 {
background-image: url(../images/icon-at05.png);
}
.trade-content .trade-box-item:hover .item-text {
display: block;
opacity: 1;
margin-top: 0;
}
.trade-content .trade-box-item:hover:before {
background-color: rgba(231, 120, 23, .9);
}
.trade-content .trade-box-item:hover .item-logo {
margin-top: 80px;
}
.trade-content .trade-box-item:hover .item-title:before {
opacity: 0;
margin-bottom: 0;
}
.ckgd a { width:150px; height:38px; line-height:38px; border:#fff 1px solid; display:block; margin:35px auto 0; color:#fff; font-size:16px; text-align:center;border-radius:19px;-moz-border-radius:19px;-webkit-border-radius:19px;}
.ckgd a:hover { background:#e77817; border:#e77817 1px solid}
.ckgd2 a { width:150px; height:38px; line-height:38px; border:#333 1px solid; display:block; margin:35px auto 0; color:#333; font-size:16px; text-align:center;border-radius:19px;-moz-border-radius:19px;-webkit-border-radius:19px;}
.ckgd2 a:hover { background:#e77817; border:#e77817 1px solid; color:#fff}
@keyframes warn {
0%{transform: scale(0);opacity: 0.0;}
25% {transform: scale(0);opacity: 0.1;}
50% {transform: scale(0.1);opacity: 0.3;}
75% {transform: scale(0.5);opacity: 0.5;}
100% {transform: scale(1);opacity: 0.0;} }
@-webkit-keyframes "warn" {
0% {-webkit-transform: scale(0);opacity: 0.0;}
25% {-webkit-transform: scale(0);opacity: 0.1;}
50% {-webkit-transform: scale(0.1);opacity: 0.3;}
75% {-webkit-transform: scale(0.5);opacity: 0.5;}
100% {-webkit-transform: scale(1);opacity: 0.0;} }
/* 淇濇寔澶у皬涓嶅彉鐨勫皬鍦嗗湀 */
.dot {position: absolute;width: 6px;height: 6px;left: 15px;top: 15px;-webkit-border-radius: 20px;-moz-border-radius: 20px;border: 2px solid red;border-radius: 20px;z-index: 2; }
/* 浜х敓鍔ㄧ敾锛堝悜澶栨墿鏁ｅ彉澶э級鐨勫渾鍦� */
.pulse {position: absolute;width:120px; height:120px;left:-20px;top: -20px;border: 8px solid #5bc09e;-webkit-border-radius: 60px;-moz-border-radius: 60px;border-radius:60px;z-index: 1;opacity: 0;-webkit-animation: warn 2.5s ease-out;-moz-animation: warn 2.5s ease-out;animation: warn 2.5s ease-out;-webkit-animation-iteration-count: infinite;-moz-animation-iteration-count: infinite;animation-iteration-count: infinite; }
.wmys { padding:50px 0}
.wmys ul { width:1200px; margin:0 auto}
.wmys ul li { width:573px; float:left;}
.wmys ul li:hover .features-tab {box-shadow: 0px 0px 10px #e77817;
transform: translateY(-5px);
-wbkit-transform: translateY(-5px);
-o-transform: translateY(-5px);
-moz-transform: translateY(-5px);
transition: all 0.3s;
-wbkit-transition: all 0.3s;
-o-transition: all 0.3s;
-moz-transition: all 0.3s;}
.wmys ul li p {
font-size: 14px;
line-height:30px; margin-top:20px;
color: #8494a0;
}
.wmys ul li.l2 { float:right}
.features-tab {
box-shadow: 0px 0 6px 2px rgba(212,222,229,0.4);
-webkit-box-shadow: 0px 0 6px 2px rgba(212,222,229,0.4);
border: 1px solid #d4dee5;
margin-bottom: 34px;
padding: 27px 0 13px 22px; transition: all 0.3s;
-wbkit-transition: all 0.3s;
-o-transition: all 0.3s;
-moz-transition: all 0.3s;
}
.icon-ship { float:left;
height: 70px;
vertical-align: top;
width: 58px;
margin-top: 13px; display:block; margin-left:20px;
}
.icon-train {
background-position: -76px 0;
height: 70px;
vertical-align: top;
width: 60px;
margin-top: 13px;
}
.icon-plane {
background-position: -167px 0;
height: 70px;
vertical-align: top;
width: 60px;
margin-top: 3px;
}
.icon-clock {
background-position: -253px -3px;
height: 70px;
vertical-align: top;
width: 60px;
margin-top: 7px;
}
.tab-text {
display: inline-block;
vertical-align: middle;
width: 354px;
margin-left: 47px;
}
.tab-text > h5 {
font-weight: 800;
margin-bottom: 5px;
text-transform: uppercase;font-size: 25px;color: #2c3740;
}
.figure {
position: absolute;
height: 100%;
float: left;
background: url("../images/train.jpg") no-repeat;
background-attachment: fixed;
-webkit-background-size: cover;
background-size: cover;
width:50%;
width: calc(50% - 31px);
-webkit-width: calc(50% + 31px);
}
.Safari .figure{
background-attachment:inherit;
background-position: center bottom !important;
}
.tab-text > h5 {
font-weight: 800;
margin-bottom: 5px;
text-transform: uppercase;
}
.transport-king {
width:50%;
width: calc(50% + 31px);
-webkit-width: calc(50% + 31px);
float: right;
position: relative;
}
/*鏂伴椈*/
.zxzx {position:relative; margin-bottom:50px; padding-bottom:15px; width:1200px; margin:0 auto 50px}
.zxzx .con { width:1200px; margin:0 auto}
.zxzx .hd .prev {width:39px; height:39px; background:url(../images/jiantzuo.png) left center no-repeat; position:absolute; left:-45px; top:60%; margin-top:-20px; z-index:10000}
.zxzx .next{width:39px; height:39px; background:url(../images/jiantyou.png) left center no-repeat; position:absolute; right:-45px; top:60%; margin-top:-20px; z-index:10000}
.zxzx .bd {width:1200px; margin:0 auto;}
.zxzx .bd ul { margin-top:40px}
.zxzx .bd ul li { width:373px; float:left; margin:10px 40px 20px 0px; background:#f6f6f6}
.zxzx .bd ul li .tp { width:100%; position:relative}
.zxzx .bd ul li .tp img { width:100%}
.zxzx .bd ul li .rq { position: absolute;z-index: 100;-webkit-transition: transform .3s ease-in-out,background-color .2s ease-in-out;transition: transform .3s ease-in-out,background-color .2s ease-in-out;background-color: #e77817;
width: 58px;padding-top: 13px;padding-bottom: 13px;color: #fff; left:0; top:0}
.zxzx .bd ul li .rq .month { font-size: 12px; line-height: 16px; display:block; text-align:center}
.zxzx .bd ul li .rq .day {font-size: 28px; line-height: 28px; font-weight: 700; margin-bottom: 2px; display:block; text-align:center}
.zxzx .bd ul li .rq .year { font-size: 12px;line-height: 16px; color: #eee; -webkit-transition: color .1s ease-in-out; transition: color .1s ease-in-out;display:block; text-align:center}
.zxzx .bd ul li:hover .rq { background:#b22922;transform: translateY(-5px);
-wbkit-transform: translateY(-5px);
-o-transform: translateY(-5px);
-moz-transform: translateY(-5px);
transition: all 0.3s;
-wbkit-transition: all 0.3s;
-o-transition: all 0.3s;
-moz-transition: all 0.3s;}
.zxzx .bd ul li .text { width:333px; margin:0 auto; padding:10px 0}
.zxzx .bd ul li h3 { font-size:16px; width:100%;text-overflow: ellipsis;white-space: nowrap;overflow: hidden; margin-bottom:10px}
.zxzx .bd ul li p { line-height:25px; font-size:12px;}
.zxzx .bd ul li:hover{box-shadow: 0px 0px 10px #4aa4f2;transform: translateY(-5px);
-wbkit-transform: translateY(-5px);
-o-transform: translateY(-5px);
-moz-transform: translateY(-5px);
transition: all 0.3s;
-wbkit-transition: all 0.3s;
-o-transition: all 0.3s;
-moz-transition: all 0.3s;}
/* 杩涘彛閿€鍞� */
.jkxs { padding-top:30px; background:#eee; padding:50px 0 ; overflow:hidden; margin:0 auto}
.jkxsn {position:relative; margin-top:35px; width:1200px; margin:35px auto 0}
.jkxsn .hd .prev {width:39px; height:39px; background:url(../images/jiantzuo.png) left center no-repeat; position:absolute; left:-45px; top:50%; margin-top:-20px; z-index:10000}
.jkxsn .next{width:39px; height:39px; background:url(../images/jiantyou.png) left center no-repeat; position:absolute; right:-45px; top:50%; margin-top:-20px; z-index:10000}
.jkxsn .bd {width:1200px; margin:0 auto;}
.jkxsn .bd ul li{display:inline-block; width:285px; float:left; margin:0 20px 0 0; position:relative; overflow:hidden; background:#fff; padding-bottom:15px;}
.jkxsn .bd ul li img { width:100%}
.jkxsn .bd ul li h2 { font-size:16px; margin-bottom:6px; margin-top:20px; text-align:center}
.jkxsn .bd ul li p {padding: 0 15px;color: #7E7E7E;font-size: 13px;line-height: 20px;}
.service-content-lists {
margin: 0 auto;
width: 1220px;
}
.service-content-lists li {
float: left; background:#fff; padding-bottom:15px;
}
.service-content-lists li + li {
margin-left: 21.25px;
}
.service-content-lists li dl {
text-align: center;
}
.service-content-lists li dd {
padding-top: 20px;
width: 227px;
}
.service-content-lists li dd h2 {
margin-bottom: 6px;
font-size: 16px;
}
.service-content-lists li dd p {
padding: 0 15px;
color: #7E7E7E;
font-size: 13px;
line-height: 20px;
}
/*鍚勫彛宀哥殑娓呭叧浠ｇ悊杩涘彛鑳藉姏*/
.air-index-service {
padding-bottom:0px;
}
.in_ch .pe{
font-size: 24px;
}
.in_ch .pq{
margin-bottom: 10px;
}
.in_ch .pq,
.in_ch .pw,
.in_ch .pe{
color: #fff;
}
.in_title{
text-align: center;
padding: 50px 0 30px;
}
.in_title .pq{
font-size: 26px;
color: #333;
font-weight: bold;
}
.in_title .pw{
font-size: 16px;
line-height: 32px;
}
.in_ch{
height: 683px;
background: url(../images/in_ch.jpg) no-repeat center rgb(76,190,242);
}
.in_ch{
background: url(../images/in_ch_pc.jpg) no-repeat center rgb(76,190,242); padding-top:50px
}
.in_ch .contain{
position: relative;width: 1180px;margin: 0 auto;
}
.in_ch .contain .ckgd3 a {
width: 150px;
height: 38px;
line-height: 38px;
border: #fff 1px solid;
display: block;
margin: 35px auto 0;
color: #fff;
font-size: 16px;
text-align: center;
border-radius: 19px;
-moz-border-radius: 19px;
-webkit-border-radius: 19px; position:absolute; top:-30px; left:50%; margin-left:-75px;
}
.in_ch .contain .ckgd3 a:hover { background:#fff; color:#ee6739}
.in_ch .contain li{
position: absolute;
overflow: hidden;
font-size: 20px;
text-align: center;
color: #fff;
z-index: 2;
}
.in_world .contain li:hover,
.in_ch .contain li:hover {
animation: shadow .5s linear infinite;
}
@keyframes shadow {
0%, 100% {transform: scaleX(1);}
20% {transform: scaleX(1.2);}
50% {transform: scaleX(1.5);}
70% {transform: scaleX(1.7);}
}
.in_ch .contain .a1{
width: 80px;
height: 56px;
left: -40px;
top: 277px;
background: url(../images/in_ch1.png) no-repeat center;
}
.in_ch .contain .a2{
width: 80px;
height: 55px;
left: 42px;
top: 148px;
background: url(../images/in_ch2.png) no-repeat center;
}
.in_ch .contain .a3{
width: 120px;
height: 120px;
left: 152px;
top: 143px;
background: url(../images/in_ch3.png) no-repeat center;
}
.in_ch .contain .a4{
width: 120px;
height: 120px;
left: 233px;
top: 16px;
background: url(../images/in_ch4.png) no-repeat center;
}
.in_ch .contain .a5{
width: 80px;
height: 72px;
left: 324px;
top: 398px;
background: url(../images/in_ch5.png) no-repeat center;
}
.in_ch .contain .a6{
width: 80px;
height: 72px;
left: 402px;
top: 273px;
background: url(../images/in_ch6.png) no-repeat center;
}
.in_ch .contain .a7{
width: 80px;
height: 61px;
left: 645px;
top: 329px;
background: url(../images/in_ch7.png) no-repeat center;
}
.in_ch .contain .a8{
width: 80px;
height: 50px;
left: 729px;
top: 204px;
background: url(../images/in_ch8.png) no-repeat center;
}
.in_ch .contain .a9{
width: 80px;
height: 61px;
left: 937px;
top: 86px;
background: url(../images/in_ch9.png) no-repeat center;
}
.in_ch .contain .a10{
width: 120px;
height: 120px;
right: 153px;
top: 326px;
background: url(../images/in_ch10.png) no-repeat center;
}
.in_ch .contain .a11{
width: 80px;
height: 61px;
right: 66px;
top: -43px;
background: url(../images/in_ch11.png) no-repeat center;
}
.in_ch .contain .a12{
width: 80px;
height: 59px;
right: -34px;
top: 241px;
background: url(../images/in_ch12.png) no-repeat center;
}
.in_ch{
overflow: hidden;
position: relative;
}
.in_ch .ball{
width: 712px;
height: 711px;
background: url(../images/in_ch_ball.png) no-repeat center;
position: absolute;
top: 300px;
left:50%;
margin-left: -355px;
z-index: 1;
-webkit-transition-property: -webkit-transform;
-webkit-transition-duration: 20s;
-moz-transition-property: -moz-transform;
-moz-transition-duration: 20s;
-webkit-animation: rotate 20s linear infinite;
-moz-animation: rotate 20s linear infinite;
-o-animation: rotate 20s linear infinite;
animation: rotate 20s linear infinite;
}
@-webkit-keyframes rotate{from{-webkit-transform: rotate(0deg)}
to{-webkit-transform: rotate(360deg)}
}
@-moz-keyframes rotate{from{-moz-transform: rotate(0deg)}
to{-moz-transform: rotate(359deg)}
}
@-o-keyframes rotate{from{-o-transform: rotate(0deg)}
to{-o-transform: rotate(359deg)}
}
@keyframes rotate{from{transform: rotate(0deg)}
to{transform: rotate(359deg)}
}
.newsp02 {position:relative; margin-top:35px; width:1200px; margin:35px auto 0}
.newsp02 .hd .prev {width:39px; height:39px; background:url(../images/jiantzuo.png) left center no-repeat; position:absolute; left:-45px; top:50%; margin-top:-20px; z-index:10000}
.newsp02 .next{width:39px; height:39px; background:url(../images/jiantyou.png) left center no-repeat; position:absolute; right:-45px; top:50%; margin-top:-20px; z-index:10000}
.newsp02 .bd {width:1200px; margin:0 auto;}
.newsp02 .bd ul li{display:inline-block; width:294px; float:left; margin:0 2.5px; position:relative; overflow:hidden }
.newsp02 .bd ul li dl dd {
position: absolute;
bottom: 0;
left: 0;
top: 342px;
right: 0;
padding: 0 34px;
background-color: rgba(7, 7, 7, .6);
transition: top .5s linear;
}
.newsp02 .bd ul li dl dd .text-content {
text-align: center;
width: 228px;
height: 100%;
position: absolute;
top: 20px;
z-index: 2;
transition: top .5s linear;
}
.newsp02 .bd ul li:hover dl dd .text-content {
top: 100px;
position: relative;
}
.newsp02 .bd ul li:hover dl dd {
top: 0;
background-color: rgba(53, 58, 62, 0.8);
}
.newsp02 .bd ul li:hover dl dd .text-content h1,
.newsp02 .bd ul li:hover dl dd .text-content p {
color: #FFFFFF;
}
.newsp02 .bd ul li dl dd .text-content h1 {
text-align: center;
font-size: 18px;
color: #FFFFFF;
margin-bottom: 4px;
}
.newsp02 .bd ul li dl dd .text-content .text {
margin-top: 10px;
}
.newsp02 .bd ul li dl dd .text-content p {
font-size: 14px;
color: #4D4D4D;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
}
.newsp02 .bd ul li dl i {
color: #FFFFFF;
font-style: normal;
font-size: 10px;
}
.newsp02 .bd ul li dl dd .text-content a.view-more {
width: 118px;
height: 34px;
display: inline-block;
line-height: 30px;
text-align: center;
border: 1px solid #fff;
color: #fff;
margin-top: 60px;
text-transform: uppercase;
}
.newsp02 .bd ul li dl dd h6 {
position: absolute;
top: 80px;
left: 50%;
transform: translateX(-50%);
}
.newsp02 .bd ul li:hover dl dd {
background-color: rgba(7, 90, 168, .8);
}
.newsp02 .bd ul li img {width:100%; height:auto; display:block}
.xx41 li{ display:inline-block;}
.n_ban{width:100%; height:540px; overflow:hidden; position:relative;}
.n_ban .w_z{width:40%; text-align:center; position:absolute; top:50%; left:50%;
transform:translate(0,-50%);
-webkit-transform:translate(0,-50%);
-moz-transform:translate(0,-50%);
-ms-transform:translate(0,-50%);
-o-transform:translate(0,-50%);}
.n_ban .w_z.rt{width:40%; text-align: left; position:absolute; top:50%; left:20%;}
.n_ban .w_z h3{font-size:36px; font-weight:bold; color:#fff; margin-bottom:20px; text-transform:uppercase}
.n_ban .w_z p{font-size:22px; margin-bottom:20px; color:#fff}
.n_ban .w_z a{padding:0 20px; background-color:#e77817; font-size:15px; line-height:36px; color:#fff; border-radius:20px; display:inline-block; margin:0 10px;}
/*鏍稿績浜у搧鍐呴〉*/
.ntit { width:100%; padding:10px 0; border-bottom:#ccc 1px solid; overflow:hidden}
.ntit ul li { display:inline-block; margin:0 10px;}
.ntit ul li a { line-height:34px; background:#eee; padding:0 20px; font-size:14px; color:#333;border-radius:17px;-moz-border-radius:17px;-webkit-border-radius:17px; display:block }
.ntit ul li a:hover { background:#c13f20; color:#fff;}
.ntit ul li a.on { background:#c13f20; color:#fff;}
.nynr {}
.fuwu_box{
margin-top: 60px;
}
.fuwu_box ul{
width: 1220px;
margin: 0 auto;
}
.fuwu_box ul li{
float: left;
width: 386px;
margin-right: 31px;
margin-bottom: 40px;
text-align: left;
}
.fuwu_box ul li:nth-child(3n){
margin-right: 0;
}
.fuwu_box ul li .img{
width: 386px;
height: 298px;
}
.fuwu_box ul li h3{
margin-top: 20px;
color: #202020;
font-size: 18px;
font-weight: bold;
background: url(../images/fuwu_icon.png) no-repeat left top;
padding-left: 18px;
}
.fuwu_box ul li p{
color: #666666;
font-size: 14px;
line-height: 22px;
height: 66px;
overflow: hidden;
margin-top: 10px;
}
.fuwu_box ul li .more{
display: inline-block;
border: 1px solid #e3e3e3;
height: 30px;
line-height: 30px;
padding: 0 18px;
color: #666666;
font-size: 13px;
font-family: arial;
margin-top: 15px;
}
/*鍊煎緱淇¤禆鐨勪笓涓氭湇鍔�*/
.trust{
width: 100%;
height: 596px;
background: url("../images/main-index-img06.jpg") no-repeat;
}
.trust-box{
width: 1220px;
margin: 0 auto;
padding: 80px 0 0;
}
.left-box { width:620px}
.trust-box .service{
text-align: left;
padding-top: 0;
width: auto;
}
.trust-box .service h2 {
position: relative;
margin-bottom:20px;
color: #333333;
font-weight: 400;
font-size: 30px;
}
.trust-box .service h1{
color: #FFFFFF;
}
.trust-box .left-box .text-content{
padding-left: 30px;
text-align: left;
}
.trust-box .left-box .text-content .title01{
font-size: 22px;
color: #FFFFFF;
}
.trust-box .left-box .text-content .title01 img{
vertical-align: bottom;
}
.trust-box .left-box .text-content .p1{
font-size: 14px;
line-height: 22px;
color: #CCD6E7;
margin: 10px 0 30px;
}
.trust-box .left-box .text-content .more{
display: inline-block;
border: 1px solid #5C90C4;
color: #CCD6E7;
font-size: 14px;
margin-top: 12px;
width: 106px;
height: 36px;
line-height: 36px;
text-align: center;
}
.trust-box .left-box .text-content .icon-box{
padding-top: 35px;
}
.trust-box .left-box .text-content .icon-box li{
float: left;
}
.trust-box .left-box .text-content .icon-box li+li{
margin-left: 33px;
}
.trust-box .left-box .text-content .icon-box dd p{
font-size: 17px;
color: #FFFFFF;
margin: 20px 0 12px;
}
.trust-box .left-box .text-content .icon-box dd span{
font-size: 13px;
color: #CCD6E7;
}
.trust-box .left-box .text-content .icon-box dt{
width: 50px;
height: 50px;
}
.trust-box .left-box .text-content .icon-box .icon04{
background: url("../images/main-index-icon04.png") no-repeat center;
}
.trust-box .left-box .text-content .icon-box .icon05{
background: url("../images/main-index-icon05.png") no-repeat center;
}
.trust-box .left-box .text-content .icon-box .icon06{
background: url("../images/main-index-icon06.png") no-repeat center;
}
/*宸ョ▼妗堜緥*/
#wrap{
width: 1200px;
height: auto;
margin: 10px auto 35px; overflow:hidden
}
#wrap ul li .a1 img{
width: 380px;
height: 321px;
}
#wrap ul li{
width: 380px;
height: 321px;
list-style: none;
position: relative;
float: left;
overflow: hidden;
margin: 10px 10px;
}
#wrap ul li .a1 .divA{
position: absolute;
bottom: 0;
left: 0;
width: 380px;
height: 66px;
padding: 10px 20px;
background:rgba(255,255,255,0.75);
}
#wrap ul li .a1 .divA>.p1{
width: 312px;
height: 25px;
font-size: 18px;
line-height: 25px;
color: #333;
}
#wrap ul li .a1 .divA>.p2{
width: 312px;
height: 21px;
font-size: 14px;
color: #666;
line-height: 20px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
#wrap ul li .a1 .divA>.p3{
position: absolute;
right: 0;
bottom: 12px;
width: 108px;
height: 28px;
color: #f60;
}
#wrap ul li .a1 .divA>.p3>span{
font-size: 24px;
font-weight:800;
}
/*閬僵灞�*/
#wrap ul li .a2{
position: absolute;
top: 0;
left:-380PX;
width: 380px;
height:321px;
text-align: center;
color: white;
background: rgba(0,0,0,0.5);
transition: all 0.2s;
}
#wrap ul li .a2 .p4{
width: 380px;
text-align: center;
position: absolute;
top: 34px;
left: -380px;
color: #00abeb;
font-size: 24px;
font-weight: bold;
transition: all 0.2s 0.1s ease-out ;
}
#wrap ul li .a2 .p5{
width: 380px;
text-align: center; padding:0 10px;
line-height:20px ;
position: absolute;
top: 65px;
left: -380px;
margin: 30px 0 10px;
font-size: 14px;
color: white;
transition: all 0.2s 0.2s ease-out ;
}
#wrap ul li .a2 .p6{
position: absolute;
top: 140px;
left: 175px;
transform: scale(1.4);
transition: all 0.3s 0.2s ;
}
#wrap ul li .a2 .p6 span{
font-family: Arial;
font-size: 36px;
font-weight: 700;
color: white;
}
#wrap ul li .a2 .p7{
position: absolute;
bottom:-50px;
left:30%;
width: 160px;
height: 38px;
line-height: 38px;
border-radius: 20px;
margin: 10px auto;
border: 1px solid;
transition: all 0.2s 0.5s ;
}
.page{ text-align:center; margin:30px auto;}
.page a{ height:21px; line-height:21px; display:inline-block; font-size:14px; color:#5a5a5a; border:#ccc 1px solid; margin:0 3px; padding:0 5px;}
.page a:hover{ background:#c13f20; border:#c13f20 1px solid; color:#FFF;}
.page a.hover{ background:#c13f20; border:#c13f20 1px solid; color:#FFF;}
.jckfw { padding-top:50px; overflow:hidden}
.jckfw ul li { width:277px; float:left; margin-right:30px; margin-bottom:30px; border:#ccc 1px solid; padding-bottom:20px}
.jckfw ul li.no { margin-right:0}
.jckfw ul li img { width:100%; display:block}
.jckfw ul li h3 { font-size:18px; margin:15px 0; color:#333; padding:0 10px}
.jckfw ul li p { font-size:14px; color:#666; padding:0 10px}
.jckfw ul li:hover {border: 1px solid #2e90e6;box-shadow: 0px 0px 10px #4aa4f2;transform: translateY(-5px);-wbkit-transform: translateY(-5px);-o-transform: translateY(-5px);-moz-transform: translateY(-5px);transition: all 0.3s;
-wbkit-transition: all 0.3s;-o-transition: all 0.3s;-moz-transition: all 0.3s;}
.wlfw { padding-top:50px; overflow:hidden}
.wlfw ul li { margin-bottom:30px; border:#eee 1px solid; background:#eee; overflow:hidden}
.wlfw ul li .tp { width:320px; float:left}
.wlfw ul li .tp img { width:100%}
.wlfw ul li .wenz { width:840px; float:right; padding:10px 20px;-moz-box-sizing: border-box; /*Firefox3.5+*/-webkit-box-sizing: border-box; /*Safari3.2+*/-o-box-sizing: border-box; /*Opera9.6*/-ms-box-sizing: border-box; /*IE8*/box-sizing: border-box;}
.wlfw ul li .wenz h3 { font-size:18px; color:#333; margin:20px auto 15px;}
.wlfw ul li .wenz .lin { width:30px; height:2px; background:#e67817; float:left; margin-bottom:15px;}
.wlfw ul li .wenz p { font-size:14px; line-height:22px; color:#666;}
.wlfw ul li .wenz .more a { height:30px; width:120px; border:#e67817 1px solid; line-height:30px; display:block; text-align:center; color:#e67817; margin-top:30px;border-radius:17px;-moz-border-radius:17px;-webkit-border-radius:17px; }
.wlfw ul li .wenz .more a:hover { background:#e67817; color:#fff}
.down { width:1200px; margin:30px auto; overflow:hidden; z-index:1000}
.Project_nre02{ width:100%;}
.Project_nre02 dl{ width:100%; float:left; margin:0 0 13px; display: inline; /*padding:10px 0;*/ border-bottom:1px dashed #dadada;}
.Project_nre02 dt{ width:50px; height:45px; line-height:45px; float:left; text-align:center; font-size:38px; color:#d3d3d3; font-weight:bold; font-family:Arial, Helvetica, sans-serif;}
.Project_nre02 dd{ width:80%; float: left; border-left:1px solid #dadada; padding-left:15px;}
.Project_nre02 dl .tb a { width:40px; height:40px; background-image:url(../images/img16y.png); background-size:100% ; display:block; float: right; margin-right:20px; margin-bottom:10px;}
.Project_nre02 dl .tb a:hover { width:40px; height:40px; background-image:url(../images/img16.png); background-size:100% ; display:block; float: right; margin-right:20px; margin-bottom:10px;}
.Project_nre02 dl .baoj a { width:120px; height:32px; background:#eee; border:#e67817 1px solid; color:#333; line-height:32px; text-align:center; display:block; float: right; margin-right:20px; margin-bottom:10px;border-radius:17px;-moz-border-radius:17px;-webkit-border-radius:17px;}
.Project_nre02 dl .baoj a:hover { background:#e67817; color:#fff}
.Project_nre02 dd .Project_btst{ width:100%; float:left; font-size:15px; color:#333; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.Project_nre02 dd .Project_btst:hover{ color:#df651d;}
.Project_nre02 dd .Project_time{ width:100%; float:left; font-size:12px; color:#c2c2c2; margin-top:0px;}
.Project_nre02 dl:hover dt{ color:#df651d;-webkit-transition: all 0.4s linear -1ms;
-moz-transition: all 0.4s linear -1ms;
-ms-transition: all 0.4s linear -1ms;
-o-transition: all 0.4s linear -1ms;}
.Project_nre02 dl:hover{ padding-left:10px;
-webkit-transition: all 0.4s linear -1ms;
-moz-transition: all 0.4s linear -1ms;
-ms-transition: all 0.4s linear -1ms;
-o-transition: all 0.4s linear -1ms;}
/*鍦ㄧ嚎鐣欒█*/
.zxly { margin-top:30px; overflow:hidden}
.zxly .tit {height:70px; padding-top:50px; background:url(../images/ly.png) center top no-repeat;}
.zxly .tit h2 { font-size:30px; color:#333; text-align:center}
.m_msg{ padding-bottom: 120px; margin-top:35px; overflow:hidden; background:url(../images/lybj.jpg) center bottom no-repeat}
.m_msg h2{ font-size: 36px; text-align: center; margin: 30px 0 60px; }
.m_msg .top1{ margin-bottom: 27px; overflow:hidden; margin:0 auto 27px; width:600px;}
.m_msg .top1 .item{ position: relative; border: 1px solid #dedede; overflow: hidden; width:100%; float: left; height: 42px; box-sizing: border-box; margin-bottom:15px;}
.m_msg .top1 .item.ly { height:200px;}
.m_msg .top1 .item:first-child{ margin-left: 0; }
.m_msg .top1 .item span,.m_msg .msg span{ max-width: 60px; display: block; width:60px; position: absolute; height: 100%; height: 100%; font-size: 0; }
.m_msg .top1 .item input{ padding-left: 10px; float: right; width:520px; font-size: 16px; color: #666; box-sizing: border-box; border: none; height: 40px; line-height: 40px; }
.m_msg .top1 .item select{ float: right; width:100%; font-size: 16px; color: #666; box-sizing: border-box; border: none; height: 40px; line-height: 40px; text-align:center }
.m_msg .name span{ background: #e7e8ec url(../images/icon33.png) center no-repeat;}
.m_msg .email span{ background: #e7e8ec url(../images/icon34.png) center no-repeat;}
.m_msg .mobile span{ background: #e7e8ec url(../images/icon35.png) center no-repeat;}
.m_msg .yewu span{ background: #e7e8ec url(../images/icon37.png) center no-repeat;}
.m_msg .msg span{ width: 10.9%; background: #e7e8ec url(../images/icon36.png) center no-repeat;}
.m_msg .msg{ float: left; position: relative; width: 65.5%; height: 200px; box-sizing: border-box; border: 1px solid #dedede; }
.m_msg .msg textarea{ font-size: 16px; line-height: 22px; width: 89.1%; float: right; border: none; height: 198px; padding: 5px; box-sizing: border-box; }
.m_msg .text{ padding-top: 20px; width:100%; margin:0 auto; color: #666; text-align:center }
.m_msg .text .red{ color: #bb2722; margin: 14px 0 57px; }
.m_msg .text .btn input{ cursor: pointer; border: none; width: 92px; height: 35px; font-size: 16px; color: #fff; padding: 0; text-align: center; background: #999; margin-right: 10px; }
.m_msg .text .btn input[type="submit"]{ background: #47a94f; }
.solutionsj { display:none}
.sy_kc{display: none}
.in_ch .moresj a { display: none;}
.in_ch .cssj { display: none}
.sy_xw{display: none}
/* start footer */
.footer_bg{background: url(../images/ft_bj.jpg) top center / cover no-repeat; width:100%;padding:35px 0;}
.footer { width:1200px; margin:0 auto; padding:20px 0; z-index:999}
.footer .zuo3{ width:850px; float: left;}
.footer .zuo3 ul li { width:15.5%; float:left;}
.footer .zuo3 ul li .tit a { font-size:14px; font-weight:bold; color:#fff; line-height:36px; display:block}
.footer .zuo3 ul li .line { margin-bottom:20px; height:2px; margin-top:10px}
.footer .zuo3 ul li .line span { width:15px; height:1px; background:#df651c;-webkit-transition: all 1s;-moz-transition: all 1s;-o-transition: all 1s;transition: all 1s; display:block}
.footer .zuo3 ul li:hover .line span { width:50px; height:1px;}
.footer .zuo3 ul li a { width:100%; display:block; line-height:28px; font-size:12px; color:#999}
.footer .zuo3 ul li a:hover { color:#eee}
.dzwz {line-height:30px;color:#fff;font-size:14px; float:left; width:750px; margin-top:20px;}
.dzwz p { line-height:30px; padding-left:30px;color:#fff;font-size:14px;opacity:0.7;-webkit-opacity:0.7;-moz-opacity:0.7;}
.dzwz p.p1 { background: url(../images/fd-img2.png) left center no-repeat}
.dzwz p.p2 { background: url(../images/fd-img1.png) left center no-repeat}
.dzwz p.p3 { background: url(../images/fd-img4.png) left center no-repeat}
.footer .you3 { width:350px; float:right;}
.footer .you3 .weixin { width:100px; padding-top:20px; float: right; line-height:30px; color:#fff; text-align:center}
.footer .you3 .dian { width:230px; float: left;}
.footer .you3 .dian h2 { font-size:20px; line-height:50px; color:#fff; padding-top:20px;}
.footer .you3 .dian p { line-height:30px; font-size:14px; color:#fff; text-align: left}
.footer_btm {margin:30px auto 0;padding-top: 1%;border-top: 1px solid #999; width:1200px;}
.copy { float: left;}
.copy p {font-size: 12px;text-transform: uppercase;color: #B9B9B9;}
.copy p a { color: #ffffff; -webkit-transition: 0.9s; -moz-transition: 0.9s;-o-transition: 0.9s;transition: 0.9s;}
@media (min-width:992px){
.n_ban{height:440px;}
}
@media (min-width:1200px){
.n_ban{height:540px;}
}
@media only screen and (max-width:1024px){
.con { width: 94%; margin: 0 auto;}
.fwfw { padding: 20px 0 20px;}
.solutions .circle { display:none}
.solutions { height: auto;}
.solutionsj { margin:10px auto; width:94%; display:block}
.solutionsj ul li { width:30.3333%; float:left; margin:1rem 1.5%; text-align:center}
.solutionsj ul li img { width:70%; max-width:156px;}
.solutionsj ul li h3 { font-size:1.4rem; line-height:2.4rem}
.solutionsj ul li.xia { width:23%; float:left; margin:1rem 1%; text-align:center}
.solutionsj ul li.xia img { width:90%; max-width:156px;}
.solutionsj ul li.xia h3 { font-size:1.1rem; line-height:2.2rem; margin-top:1rem}
.jkxs { padding:30px 0;}
/* 杩涘彛閿€鍞� */
.jkxsn { display:none}
.sy_kc{width:100%; overflow:hidden; display:block}
.sy_kc .ts_kc{width:100%; padding:15px 0;}
.sy_kc .ts_kc .j_s{text-align:center;}
.sy_kc .ts_kc .j_s .kc_bj{padding:0;}
.sy_kc .ts_kc .j_s .kc_bj img { width:100%}
.sy_kc .ts_kc .j_s .s_z{width:66px; height:66px; font-size:32px; font-family:Arial, Helvetica, sans-serif; color:#c73e3a; line-height:66px; margin:0 auto; background:url(../images/b_q.png) no-repeat center / cover;}
.sy_kc .ts_kc .j_s h3{font-size:16px; color:#555; margin-top:15px; margin-bottom:10px; padding:0 10px;}
.sy_kc .ts_kc .j_s p{font-size:12px; line-height:20px; text-align:left; text-indent:24px; margin-bottom:10px; padding:0 10px; height:40px;}
.sy_kc .ts_kc .j_s a{width:80px; height:24px; background:#0f3f64; font-size:12px; line-height:24px; color:#fff; display:block; margin:0 auto 15px;border-radius:16px;-moz-border-radius:16px;-webkit-border-radius:16px;}
.swiper-kc{width:100%; margin:0 auto;}
.swiper-kc .swiper-slide{width:60%; background-color:#fff;}
.in_ch {background: url(../images/in_ch_sj.jpg) no-repeat center center / cover; padding-top:30px; height:35rem; position:relative}
.in_ch .moresj a { display:block; width:11rem; height:3rem; line-height:3rem; border-radius:1.8rem;-moz-border-radius:1.8rem;-webkit-border-radius:1.8rem; margin:2rem auto;border: #fff 1px solid; font-size:1.4rem; color:#fff; text-align:center}
.in_ch .moresj a:hover { background:#fff; color:#333}
.in_ch .cssj { display:block; width:94%; margin:0 auto; z-index:9; position:relative}
.in_ch .contain { display:none}
.in_ch .ball { display:none}
.in_ch .cssj a { width:5rem; float:left; display:block}
.in_ch .cssj a.a1 { width:2rem; margin-top:12rem}
.in_ch .cssj a img { width:100%}
.in_ch .cssj a.a2 { width:2rem; margin-top:7rem}
.in_ch .cssj a.a3 { width:4rem; margin-top:2rem}
.in_ch .cssj a.a4 { width:4rem; margin-top:-1rem}
.in_ch .cssj a.a5 { width:2rem; margin-top:13rem; margin-left:-9rem}
.in_ch .cssj a.a6 { width:2rem; margin-top:9rem; margin-left:-4rem}
.in_ch .cssj a.a7 { width:2rem; margin-top:13rem; margin-left:1rem}
.in_ch .cssj a.a8 { width:2rem; margin-top:6rem;}
.in_ch .cssj a.a9 { width:4rem; margin-top:-1rem}
.in_ch .cssj a.a10 { width:4rem; margin-top:4rem}
.in_ch .cssj a.a11 { width:4rem;margin-top:9rem}
.in_ch .cssj a.a12 { width:2rem;margin-top:2rem; margin-left:9rem}
.alzs { padding: 30px 0 40px;}
.alzs .alnr ul li {width:46%; margin: 0 2%; float:left; overflow:hidden}
.alzs .alnr {padding-top:25px; overflow:hidden}
.alzs .alnr ul li a .wz h3 {margin-top: 10.5rem;font-size: 1.4rem; margin-bottom:1rem}
.alzs .alnr ul li:hover a .wz h3 {margin-top:3rem;}
.alzs .alnr ul li a .wz p {font-size: 1.1rem; line-height:1.8rem;height:5.5rem; display:none; overflow:hidden}
.alzs .alnr ul li:hover a .wz p { display:block;height:5.5rem;}
.alzs .alnr ul li.lx { margin-top:0px;}
.alzs .alnr ul li.last { margin-left:27%; margin-top:-3rem}
.wmys {padding:30px 0;}
.wmys ul {width:94%;}
.wmys ul li { width:46%; margin:2rem 2% 0}
.features-tab {margin-bottom:0;padding:1.5rem 0 ;}
.icon-ship { width:100%; text-align:center; height: auto;width:100%;margin-top:0; margin-left:0px;}
.tab-text { width:100%;margin-left:0; padding:1rem;-moz-box-sizing: border-box; /*Firefox3.5+*/-webkit-box-sizing: border-box; /*Safari3.2+*/-o-box-sizing: border-box; /*Opera9.6*/-ms-box-sizing: border-box; /*IE8*/box-sizing: border-box;}
.tab-text > h5 {font-weight: bold;font-size:1.6rem; text-align:center}
.wmys ul li p { font-size:1.1rem; line-height:1.8rem; margin-top:1.5rem; height:5.4rem; overflow:hidden}
.zxzx { display:none}
.bgr { background:#eee}
.sy_xw{width:100%; overflow:hidden; display:block}
.sy_xw .ts_kc{width:100%; padding:15px 0;}
.sy_xw .ts_kc .j_s{text-align:center; background:#eee; padding-bottom:10px;}
.sy_xw .ts_kc .j_s .kc_bj{padding:0;}
.sy_xw .ts_kc .j_s .kc_bj img { width:100%}
.sy_xw .ts_kc .j_s h3{font-size:16px; color:#555; margin-top:15px; margin-bottom:10px; padding:0 10px;}
.sy_xw .ts_kc .j_s p{font-size:12px; line-height:20px; text-align:left; text-indent:24px; margin-bottom:10px; padding:0 10px; height:80px; overflow:hidden}
.sy_xw .ts_kc .j_s a{width:80px; height:24px; background:#0f3f64; font-size:12px; line-height:24px; color:#fff; display:block; margin:0 auto 15px;border-radius:16px;-moz-border-radius:16px;-webkit-border-radius:16px;}
.footer_bg {padding:25px 0;}
.footer {padding:0; font-size: 1.2rem; width:94%; margin:0 auto}
.footer .zuo3 { width: 100%;}
.footer .zuo3 ul li { display:none}
.footer .zuo3 ul li.lx { width:100%; display:block}
.dzwz {line-height:2rem;font-size: 1.2rem; width: 100%; margin-top: 10px;}
.footer .you3 { width: 100%; float: right;}
.footer .you3 .weixin {width: 100px; padding-top: 20px;line-height: 30px; float:none; margin:0 auto; height:130px;}
.footer_btm { margin:20px auto 0; padding-top: 1%; width: 94%;}
.ntit ul li { margin:5px;}
.ntit ul li a {line-height: 28px;padding: 0 15px; font-size:12px}
.fuwu_box { margin-top:30px;}
.fuwu_box ul {width: 94%;}
.fuwu_box ul li { width:46%; margin:0 2% 20px;}
.fuwu_box ul li .img {width: 100%; height:auto}
.fuwu_box ul li .img img { width:100%; height:10.7rem}
.fuwu_box ul li h3 { margin-top:10px;font-size:16px; background: url(../images/fuwu_icon.png) no-repeat left top;padding-left: 18px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis; width:100%}
.fuwu_box ul li p { font-size: 12px; line-height:18px;height:54px;}
.fuwu_box ul li .more { height:26px; line-height: 26px;padding: 0 14px;font-size: 12px; margin-top: 10px;}
.trust { width: 100%; height: auto; background-size:cover; padding-bottom:30px; margin-bottom:30px;}
.trust-box { width: 94%;padding:30px 0 0;}
.left-box { width: 100%;}
.trust-box .service h2 {margin-bottom: 15px;font-size:22px;}
.trust-box .left-box .text-content { padding:0px 15px;}
.trust-box .left-box .text-content .title01 {font-size:20px;}
.trust-box .left-box .text-content .icon-box dt { margin:0 auto}
.trust-box .left-box .text-content .p1 { font-size: 12px;line-height:20px; margin: 10px 0 20px;}
.trust-box .left-box .text-content .more {font-size: 14px; margin-top: 12px; width:96px; height:28px; line-height:28px;}
.trust-box .left-box .text-content .icon-box li { width:30.3333%; margin:15px 1.5%; text-align:center}
.trust-box .left-box .text-content .icon-box li + li { margin-left:1.5%;}
.trust-box .left-box .text-content .icon-box dd p { font-size: 14px;margin:10px 0 10px;}
.trust-box .left-box .text-content .icon-box dd span { font-size: 12px;}
.img-box03 { width:100%}
.img-box03 img { width:100%}
#wrap{
width:100%; height:auto;
margin:1.5rem auto;
}
#wrap ul li .a1 img{
width: 100%; height:auto;
}
#wrap ul li{
width:48%;
height: auto; overflow:hidden;
list-style: none;
position: relative;
float: left;
overflow: hidden;
margin:0.5rem 1%;transition: all 0.3s;
-wbkit-transition: all 0.3s;
-o-transition: all 0.3s;
-moz-transition: all 0.3s;
}
#wrap ul li .a1 .divA{
position: static;
bottom: 0;
left: 0;
width: 100%;
height: 2rem;
padding:0 1rem;-moz-box-sizing: border-box; /*Firefox3.5+*/
-webkit-box-sizing: border-box; /*Safari3.2+*/
-o-box-sizing: border-box; /*Opera9.6*/
-ms-box-sizing: border-box; /*IE8*/
box-sizing: border-box;
background: #eee;
}
#wrap ul li .a1 .divA>.p1{
width: 100%;
height:28px;
font-size:16px;
line-height:28px;
color: #666;
}
#wrap ul li .a1 .divA>.p2{
width: 100%;
height:24px;
font-size:14px;
color: #b4b4b4;
line-height:24px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
#wrap ul li .a1 .divA>.p3{
position: absolute;
right: 0;
bottom:1rem;
width:6rem;
height: 2.5rem;
color: #f60;
}
#wrap ul li .a1 .divA>.p3>span{
font-size:20px;
font-weight:800;
}
/*閬僵*/
#wrap ul li .a2{
position: absolute;
top: 0;
left:-100%;
width: 100%;
height:100%;
text-align: center;
color: white;
background: rgba(0,0,0,0.5);
transition: all 0.2s;
}
#wrap ul li .a2 .p4{
width: 100%;
text-align: center;
position: absolute;
top:1rem;
left: -100%;
color: #b10e01;
font-size:1.4rem;
font-weight: bold;
transition: all 0.2s 0.1s ease-out ;
}
#wrap ul li .a2 .p5{
width: 100%;
text-align: center;
line-height:1.5rem;
position: absolute;
top:3rem;
left: -100%;
margin:0.8rem 0 0.5rem; padding:0 0.5rem;
font-size: 1rem; font-size:1rem;-moz-box-sizing: border-box; /*Firefox3.5+*/
-webkit-box-sizing: border-box; /*Safari3.2+*/
-o-box-sizing: border-box; /*Opera9.6*/
-ms-box-sizing: border-box; /*IE8*/
box-sizing: border-box;
color: white;
transition: all 0.2s 0.2s ease-out ;
}
#wrap ul li .a2 .p6{
position: absolute;
top: 8rem;
left: 30%;
transform: scale(1.4);
transition: all 0.3s 0.2s ;
}
#wrap ul li .a2 .p6 span{ font-size:25px;}
#wrap ul li .a2 .p7{ display:none}
.jckfw {padding-top:30px;}
.jckfw ul li { width:46%; margin:0 2% 15px; padding-bottom:15px;}
.jckfw ul li h3 { font-size:14px; margin: 10px 0;}
.jckfw ul li p { font-size: 12px; width:100%;display: -webkit-box;overflow: hidden;-webkit-box-orient: vertical;-webkit-line-clamp:3;}
.wlfw { padding-top: 30px;}
.wlfw ul li { margin-bottom: 20px;}
.wlfw ul li .tp { width:36%;}
.wlfw ul li .wenz {width:60%; float: right; padding: 0;}
.wlfw ul li .wenz h3 {font-size: 1.3rem; margin:0.5rem auto 0.5rem;}
.wlfw ul li .wenz .lin { margin-bottom:1rem;}
.wlfw ul li .wenz p { font-size:1.1rem; line-height:1.6rem;width:100%;display: -webkit-box;overflow: hidden;-webkit-box-orient: vertical;-webkit-line-clamp:2;}
.wlfw ul li .wenz .more a {height:1.7rem; width:6rem; line-height:1.7rem; margin-top:0.5rem; font-size:1rem; margin-bottom:0.5rem}
.down {width: 94%;}
.xinw {
padding-top:40px;
width: 94%;
margin: 0 auto;
}
.Activsbf1_lb dd .Acdltj_time {margin:8px 0 0;}
.Activsbf1_lb dd .newNrjs { margin-top:5px;
line-height:28px; font-size: 13px;
height: 60px;
overflow: hidden;
}
.Activsbf1_lb dt {height: auto;}
.Activsbf1_lb dl { padding:0px; margin: 0 12px 10px;
display: inline;
}
}
@media only screen and (max-width:768px){
.n_ban{width:100%; height:260px;}
.n_ban .w_z{width:50%;}
.n_ban .w_z h3{font-size:20px; font-weight:normal; margin-bottom:15px;}
.n_ban .w_z p{font-size:16px; margin-bottom:15px;}
.n_ban .w_z a{padding:0 15px; font-size:14px; line-height:30px; border-radius:15px; margin:0 5px;}
}
@media only screen and (max-width:500px){
.n_ban{width:100%; height:150px;}
.n_ban .w_z{width:70%; left:32%; top:36%}
.n_ban .w_z h3{font-size:16px; font-weight:normal; margin-bottom:10px;}
.n_ban .w_z p{font-size:14px; margin-bottom:10px;}
.n_ban .w_z a{padding:0 10px; font-size:12px; line-height:24px; border-radius:10px; margin:0;}
.ntit { width: 100%;padding: 5px 0;}
.Project_nre02 dt {
width: 3rem;
height: 3rem;
line-height: 3rem; font-size: 1.6rem;}
.Project_nre02 dd {
width: 70%;
float: left;
border-left: 1px solid #dadada;
padding-left:5px;
}
.Project_nre02 dl .tb a {
width: 3rem;
height: 3rem; display: block;
float: right;
margin-right: 1rem;
margin-bottom: 1rem;
}
.Project_nre02 dl .tb a:hover { width: 3rem;margin-right: 1rem;
margin-bottom: 1rem;
height: 3rem;}
.Project_nre02 dd .Project_btst {font-size:1.2rem;}
.xinw {padding-top: 2rem;}
.Activsbf1_lb{ width:100%; margin-top:1rem;}
.Activsbf1_lb dl{ width:100%; border:1px solid #ebebeb; padding:0.5rem; float:left; margin:0 0 0; display:inline;-moz-box-sizing: border-box; /*Firefox3.5+*/
-webkit-box-sizing: border-box; /*Safari3.2+*/
-o-box-sizing: border-box; /*Opera9.6*/
-ms-box-sizing: border-box; /*IE8*/
box-sizing: border-box; }
.Activsbf1_lb dt{ width:35%; float:left; height:9rem;overflow:hidden;}
.Activsbf1_lb dt a{ width: auto; height: 9rem;}
.Activsbf1_lb dt img{ vertical-align:middle; width:100%;}
.Activsbf1_lb dd{ width:60%; float:right; margin-top:15px;padding-left:5px;}
.Activsbf1_lb dd .newNrtit{ width:100%; line-height:2rem; font-size:1.4rem;}
.Activsbf1_lb dd .newNrtit a{font-size:1.4rem; color:#333;}
.Activsbf1_lb dd .newNrjs{ width:100%; margin-top:0; line-height:2.4rem; color:#707070; font-size:1rem; height:3rem; overflow: hidden;}
.Activsbf1_lb dd .Acdltj_time{width:100%; margin:0.3rem 0 0; color:#a9a9a9; font-size:1rem}
.Project_nre02 dl .baoj a { width:5rem; height:2rem; line-height: 2rem;margin-right: 0; margin-bottom: 1rem; font-size:1rem}
.m_msg .top1 {margin: 0 auto 20px; width: 100%;}
.m_msg .top1 .item span, .m_msg .msg span { width:10%;}
.m_msg .top1 .item input { padding-left:3%;width:87%; font-size:14px;}
.m_msg .msg textarea {font-size: 14px;}
.m_msg .text .red {margin: 14px 0 30px;}
}
@media only screen and (max-width:320px){
.header .logo{width:150px; margin:20px auto;}
.header.on .logo{width:150px; margin:20px auto;}
.sy_fw .w_z .m_c {
font-size: 1.1rem;
line-height: 2rem;
}
}
.pro{font-size:14px; line-height:50px; color:#999; border-bottom:1px solid #e7e7e7; overflow:hidden;}
.pro i{padding-right:10px; font-size:16px;}
.pro a{color:#999;}
.pro a:hover{color:#e77817;}
.pro em{color:#e77817;}
@media only screen and (max-width:992px){
.pro{font-size:13px; line-height:40px;}
.pro i{padding-right:5px; font-size:15px;}
}
.ny_nr{padding:50px 0; overflow:hidden;}
.ny_nr .ny_bt{text-align:center; margin-bottom:50px;}
.ny_nr .ny_bt h3{font-size:30px; margin-bottom:15px;}
.ny_nr .ny_bt p{font-size:15px; line-height:26px; margin-top:6px;}
.ny_nr .ny_bt em{width:50px; height:2px; background-color:#e77817; margin:0 auto; display:block;}
.ny_nr .gy_wm{font-size:15px; line-height:26px; text-align:center; margin-bottom:80px;}
.ny_nr .gy_wm.row{margin:0 -2px;}
.ny_nr .gy_wm ul li{padding:0 2px;}
.ny_nr .gy_wm .n_r{position:relative;}
.ny_nr .gy_wm .t_p img{width:100%; height:auto; display:block;}
.ny_nr .gy_wm .b_t{position:absolute; top:0; left:0; width:100%; background:url(../images/a5.png) no-repeat center / 100% 100%; font-size:22px; color:#fff; line-height:50px; padding:15px 0 25px;}
.ny_nr .gy_wm .w_z{width:80%; position:absolute; top:55%; left:10%; font-size:15px; line-height:26px; color:#fff;
transform:translate(0,-50%);
-webkit-transform:translate(0,-50%);
-moz-transform:translate(0,-50%);
-ms-transform:translate(0,-50%);
-o-transform:translate(0,-50%);}
.ny_nr .cs_yl ul li{margin-bottom:80px;}
.ny_nr .cs_yl .t_p{float:right;}
.ny_nr .cs_yl ul li:nth-child(2n) .t_p{float:left;}
.ny_nr .cs_yl .t_p img{width:93%; height:auto; display:block; float:right;}
.ny_nr .cs_yl ul li:nth-child(2n) .t_p img{float:left;}
.ny_nr .cs_yl .b_t{font-size:22px; margin-bottom:15px;}
.ny_nr .cs_yl .w_z{font-size:15px; line-height:26px;}
.ny_nr .td_yd.row{margin:0 -10px;}
.ny_nr .td_yd ul li{width:20%; padding:0 10px; float:left; margin-bottom:50px;}
.ny_nr .td_yd .n_r{padding:30px 20px; background-color:#fff; box-shadow:0 0 10px #ddd; border-radius:15px;}
.ny_nr .td_yd .t_b{width:60px; margin:0 auto;}
.ny_nr .td_yd .t_b img{width:100%; height:auto; display:block;}
.ny_nr .td_yd .w_z{text-align:center; margin-top:20px;}
.ny_nr .td_yd .w_z h3{font-size:18px; margin-bottom:15px;}
.ny_nr .td_yd .w_z p{font-size:13px; line-height:24px; color:#777; min-height:96px;}
.ny_nr .td_yd a{width:150px; height:44px; background-color:#e77817; font-size:18px; text-align:center; color:#fff; line-height:44px; border-radius:10px; margin:0 auto 50px; display:block;}
.ny_nr .cp_js{width:90%; padding:30px; border-radius:20px; border:2px dotted #e77817; font-size:15px; line-height:26px; text-align:center; margin:0 auto 60px;}
.ny_nr .zd_yh{position:relative; margin-bottom:60px;}
.ny_nr .zd_yh .t_p{width:48%;}
.ny_nr .zd_yh .t_p img.p_c{width:100%; height:auto; display:block;}
.ny_nr .zd_yh .t_p img.s_j{max-width:100%; display:none; margin:0 auto;}
.ny_nr .zd_yh .w_z{width:50%; position:absolute; top:50%; right:0;
transform:translate(0,-50%);
-webkit-transform:translate(0,-50%);
-moz-transform:translate(0,-50%);
-ms-transform:translate(0,-50%);
-o-transform:translate(0,-50%);}
.ny_nr .zd_yh .w_z i{color:#048ff7; padding-right:5px;}
.ny_nr .zd_yh .n_r{width:100%; padding:30px; border:2px solid #048ff7; border-radius:20px; font-size:15px; line-height:32px;}
.ny_nr .cp_td.row{margin:0 -30px 50px;}
.ny_nr .cp_td ul li{padding:0 30px; margin-bottom:30px;}
.ny_nr .cp_td .n_r{box-shadow:0 0 15px #ddd; padding:20px 15px; border-radius:10px; background-size:100px auto !important;}
.ny_nr .cp_td .w_z{padding-left:70px; background-size:60px 60px !important;}
.ny_nr .cp_td .w_z h3{font-size:18px; margin-bottom:10px;}
.ny_nr .cp_td .w_z p{font-size:14px; line-height:24px; min-height:72px;}
.ny_nr .pt_zs{margin-bottom:80px;}
.ny_nr .pt_zs .hd{padding:30px 20px 60px; box-shadow:0 0 10px #ddd; border-radius:15px;}
.ny_nr .pt_zs .hd h3{font-size:26px; margin-bottom:20px;}
.ny_nr .pt_zs .hd ul li{font-size:16px; line-height:50px; color:#777; cursor:pointer;}
.ny_nr .pt_zs .hd ul li.on{color:#e77817;}
.ny_nr .pt_zs .bd ul li img{width:100%; height:auto; display:block;}
.ny_nr .zg_tp img{max-width:100%; display:block; margin:0 auto;}
.ny_nr .xw_lb ul li{padding-bottom:30px; margin-bottom:30px; border-bottom:1px dashed #e7e7e7;}
.ny_nr .xw_lb .t_p img{width:100%; height:auto; display:block;}
.ny_nr .xw_lb .w_z h3{font-size:16px; line-height:26px; margin-bottom:10px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.ny_nr .xw_lb .w_z a{transition:all .5s;
-o-transition:all .5s;
-ms-transition:all .5s;
-moz-transition:all .5s;
-webkit-transition:all .5s;}
.ny_nr .xw_lb .w_z span{font-size:12px; color:#555; padding-right:15px;}
.ny_nr .xw_lb .w_z i{color:#333; padding-right:5px;}
.ny_nr .xw_lb .w_z p{height:72px; font-size:12px; line-height:24px; color:#777; overflow:hidden; margin-top:10px; text-overflow:ellipsis; display:-webkit-box;
line-clamp:3;
-webkit-line-clamp:3;
-moz-line-clamp:3;
-o-line-clamp:3;
-webkit-box-orient:vertical;}
.ny_nr .xw_lb ul li:hover .w_z a{color:#e77817;}
.ny_nr .lx_wm .n_r{margin-top:30px;}
.ny_nr .lx_wm .n_r h3{font-size:22px; margin-bottom:15px;}
.ny_nr .lx_wm .n_r em{width:50px; height:2px; background-color:#e77817; margin-bottom:30px; display:block;}
.ny_nr .lx_wm .l_x{color:#888;}
.ny_nr .lx_wm .l_x h4{margin-bottom:15px; font-size:18px;}
.ny_nr .lx_wm .l_x i{padding-right:5px;}
.ny_nr .lx_wm .l_x p{font-size:14px; line-height:30px;}
.ny_nr .lx_wm .l_x a{color:#0280e2;}
.ny_nr .lx_wm .h_x{width:40%; height:1px; background-color:#ddd; margin:30px 0;}
.ny_nr .lx_wm .d_t img{max-width:100%; height:auto; display:block;}
.ny_nr .yema{margin-top:40px; text-align:center;}
.ny_nr .yema ul li{margin:0 3px; display:inline-block;}
.ny_nr .yema ul li a{width:32px; height:32px; background-color:#999; border-radius:5px; font-size:13px; line-height:32px; text-align:center; color:#fff; display:block;}
.ny_nr .yema ul li a.on{background-color:#e77817;}
@media only screen and (max-width:768px){
.ny_nr{padding:40px 0;}
.ny_nr .ny_bt{margin-bottom:30px;}
.ny_nr .ny_bt h3{font-size:20px; line-height:30px; margin-bottom:10px;}
.ny_nr .ny_bt p{font-size:13px; line-height:24px;}
.ny_nr .ny_bt em{width:40px;}
.ny_nr .gy_wm{font-size:14px; line-height:24px; margin-bottom:50px;}
.ny_nr .gy_wm ul li{margin-bottom:30px;}
.ny_nr .gy_wm .b_t{font-size:18px; line-height:36px; padding:10px 0 15px;}
.ny_nr .gy_wm .w_z{width:90%; left:5%; font-size:13px; line-height:23px;}
.ny_nr .gy_wm .w_z h3{font-size:18px;}
.ny_nr .cs_yl ul li{margin-bottom:60px;}
.ny_nr .cs_yl .t_p{float:none; margin-bottom:30px;}
.ny_nr .cs_yl ul li:nth-child(2n) .t_p{float:none;}
.ny_nr .cs_yl .t_p img{width:100%; float:none;}
.ny_nr .cs_yl ul li:nth-child(2n) .t_p img{float:none;}
.ny_nr .cs_yl .b_t{font-size:20px;}
.ny_nr .cs_yl .w_z{font-size:14px; line-height:24px;}
.ny_nr .td_yd.row{margin:0 -5px;}
.ny_nr .td_yd ul li{padding:0 5px; margin-bottom:30px;}
.ny_nr .td_yd .n_r{padding:20px 10px; box-shadow:0 0 5px #ddd; border-radius:10px;}
.ny_nr .td_yd .w_z{margin-top:10px;}
.ny_nr .td_yd .w_z h3{font-size:16px; margin-bottom:10px;}
.ny_nr .td_yd .w_z p{font-size:12px; line-height:22px; min-height:88px;}
.ny_nr .td_yd a{width:130px; height:40px; font-size:16px; line-height:40px; margin:0 auto 30px;}
.ny_nr .cp_js{width:100%; padding:20px; margin:0 auto 40px;}
.ny_nr .cp_td.row{margin:0 -15px 30px;}
.ny_nr .cp_td ul li{padding:0 15px; margin-bottom:20px;}
.ny_nr .cp_td .n_r{box-shadow:0 0 10px #ddd;}
.ny_nr .cp_td .w_z h3{font-size:16px; margin-bottom:6px;}
.ny_nr .cp_td .w_z p{font-size:13px; line-height:24px; min-height:48px;}
.ny_nr .pt_zs{margin-bottom:30px;}
.ny_nr .pt_zs .hd{padding:0; text-align:center; box-shadow:none; border-radius:0; margin-bottom:20px; overflow:hidden;}
.ny_nr .pt_zs .hd h3{font-size:18px; margin-bottom:15px;}
.ny_nr .pt_zs .hd ul li{width:25%; font-size:14px; line-height:36px; float:left;}
.ny_nr .lx_wm .n_r{margin-top:10px;}
.ny_nr .lx_wm .n_r h3{font-size:18px; margin-bottom:10px;}
.ny_nr .lx_wm .n_r em{width:40px; margin-bottom:20px;}
.ny_nr .lx_wm .l_x h4{margin-bottom:10px; font-size:16px;}
.ny_nr .lx_wm .l_x p{font-size:13px; line-height:26px;}
.ny_nr .lx_wm .h_x{margin:20px 0;}
}
@media only screen and (max-width:500px){
.ny_nr .xw_lb ul li{padding-bottom:20px; margin-bottom:20px;}
.ny_nr .xw_lb .w_z{margin-top:10px;}
.ny_nr .xw_lb .w_z h3{font-size:15px; line-height:26px; font-weight:normal; margin-bottom:5px;}
.ny_nr .xw_lb .w_z p{margin-bottom:10px;}
.ny_nr .td_yd ul li{width:100%;}
.ny_nr .td_yd .n_r{padding:30px 20px;}
.ny_nr .td_yd .w_z p{font-size:14px; line-height:24px; min-height:48px;}
.ny_nr .zd_yh{margin-bottom:40px;}
.ny_nr .zd_yh .t_p{width:100%; margin-bottom:15px;}
.ny_nr .zd_yh .t_p img.p_c{display:none;}
.ny_nr .zd_yh .t_p img.s_j{display:block; width:60%;}
.ny_nr .zd_yh .w_z{width:100%; position:relative; top:auto; right:auto;
transform:none;
-webkit-transform:none;
-moz-transform:none;
-ms-transform:none;
-o-transform:none;}
.ny_nr .zd_yh .n_r{padding:20px; border:1px solid #048ff7; border-radius:15px; font-size:14px; line-height:26px;}
.ny_nr .lx_wm .n_r{margin-top:0; margin-bottom:30px;}
.ny_nr .yema{margin-top:20px;}
.ny_nr .yema ul li a{font-size:12px; line-height:28px; width:28px; height:28px;}
}
@media only screen and (max-width:500px){
.footer .e_m{margin-top:20px;}
.footer input{width:100%; margin-right:0; float:none;}
}
.f_h{width:40px; height:40px; background:#e77817 url(../images/f_h.png) no-repeat center; display:none; position:fixed; bottom:0; right:0; z-index:999999;}
.hua li{ float:left; width:24%; text-align:center; margin:0.5%; margin-bottom:20px; border:2px dotted #d7d7d7}
.hua li img{ width:100%; height:360px}
.hua li img:hover{transform: translateY(-55px);
-wbkit-transform: translateY(-55px);
-o-transform: translateY(-55px);
-moz-transform: translateY(-55px);
transition: all 0.3s;
-wbkit-transition: all 0.3s;
-o-transition: all 0.3s;
-moz-transition: all 0.3s;}
.hua li h3{ line-height:48px; font-weight:bold}
@media only screen and (max-width:1024px){
.hua li{ float:left; width:49%; text-align:center; margin:0.5%; margin-bottom:20px}
.hua li img{ width:100%; height:20vh}
.hua li h3{ line-height:30px; font-size:20px}
}