/* CSS Document */
/*qt：sjh*/
*{ padding:0; margin:0;outline:none !important;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;}
html{ overflow-x:hidden; overflow-y:auto;}
ul, ol,li{ list-style-type:none; line-height:normal;}
body, button, input, select, textarea{ font-family:'Microsoft yahei' ,Arial; font-size:12px;}
body{ float:left; width:100%; position:relative;}
code, kbd, pre, samp {font-family:'Microsoft yahei' ,Arial;}
a{ text-decoration:none; color:#333;
-webkit-transition: all 0.2s ease-out 0s;
-moz-transition: all 0.2s ease-out 0s;
-o-transition: all 0.2s ease-out 0s;
transition: all 0.2s ease-out 0s;
/*清除IOS系统点击默认事件*/
-webkit-tap-highlight-color:rgba(0, 0, 0, 0);
-webkit-tap-highlight-color:Â transparent;}
a:hover{color:#333; cursor:pointer;}
img{border:0; max-width:100%;}
.cooSer_m .m-left{
height: 320px;
width: 50%;
float: left;
position: relative;
}
.cooSer_m .m-left img{
left: 20%;
width: 75%;
right: 0;
top: 7%;
-webkit-transform: translate(0, 0);
-ms-transform: translate(0, 0);
transform: translate(0, 0);
}
.cooTop2 .cooTopTxt {
width: 100%;
margin-top: 34px;
line-height: 36px;
font-size: 16px;
color: #878787;
text-align: left;
}
h1,h2,h3,h4,h5,h6{margin:0; font-weight:normal; font-family:'Microsoft yahei' ,Arial;}
h1{font-size: 32px;}
h2{font-size: 24px;}
h3{font-size: 22px;}
h4{font-size: 18px;}
h5{font-size: 14px;}
h6{font-size: 12px;}
input{ margin:0; padding:0; border:none;}
button{ border:none; background:none; margin:0; padding:0;}
select{ margin:0; padding:0; font-family:'Microsoft yahei' ,Arial;}
textarea{ resize:none;}
input{ outline:0;}
article,aside,dialog,footer,header,section,footer,nav,figure,menu{display:block;}
.pz_top{ float:left; width:100%;}
.pz_banner{margin-top: 80px; float:left; width:100%; overflow:hidden; position:relative;}
.pz_main{ float:left; width:100%;}
.pz_down{ float:left; width:100%;}
/*pc版头部*/
.top1{position: absolute; left: 0; top: 0; width:100%;padding: 0 8%; border-bottom: 1px solid rgba(255,255,255,.2); z-index: 99;}
.top1 .logo{float:left; width:178px; margin:31px 0 0 0;}
.top1 .logo a{float: left; width: 100%; display: block;}
.top1 .logo a img{float: left; width: 100%; display: block;}
.menu{float: left;padding-left: 82px; margin: 39px 0;}
.menu .nli{ float:left; z-index:15; position:relative; padding:0 24px;}
.menu .nli span a{ display:block; float:left; font-size:15px; height:52px; line-height:52px; padding:0 6px; color:#fff; position:relative;}
.menu .nli span a::after{ content: ""; position:absolute; left:50%; bottom:10px; width:12px; height:7px; background:url(../images/menubg.png) no-repeat; filter:alpha(opacity=00);opacity:0; margin-left: -6px;
-webkit-transition: all 0.2s ease-out 0s;
-moz-transition: all 0.2s ease-out 0s;
-o-transition: all 0.2s ease-out 0s;
transition: all 0.2s ease-out 0s;}
.menu .nli span a:hover,
.menu .nli.on span a{ color:#f2054d;}
.menu .nli span a:hover::after,
.menu .nli.on span a::after{filter:alpha(opacity=100);opacity:1; bottom: 0;}
.menu .sub{ position:absolute; width:140px; left:50%; margin-left:-70px; top:100%; display:none; overflow:hidden;}
.menu .sub .section-nav1{ overflow: hidden;}
.menu .sub .li2{ position:relative; float:left; width:100%;}
.menu .sub .li2 a{ display:block; float:left; width:100%; height:40px; line-height:40px; text-align:center;color:#fff; font-size:14px; background:rgba(255,0,0,.6); }
.menu .sub .li2:hover a{ background:rgba(255,255,255,0.8); color:#f2054d;}
/*
.link{float: right; margin-top: 44px;}
.link a{float: left; width: 35px; margin: 0 7px; display: block; border: 1px solid #fff; position: relative;
-webkit-border-radius:50%;
-moz-border-radius:50%;
border-radius:50%;}
.link a > img{float: left; width: 100%; display: block;}
.link a i{position: absolute; top: 100%; padding-top: 10px; width: 129px; height: 0; overflow: hidden; left: 50%; margin-left: -65px;
-webkit-transition: all 0.2s ease-out 0s;
-moz-transition: all 0.2s ease-out 0s;
-o-transition: all 0.2s ease-out 0s;
transition: all 0.2s ease-out 0s;}
.link a i img{float: left; width: 100%; height: 129px; display: block;}
.link a:hover{background: #f2054d; border-color: #f2054d;}
.link a:hover i{height: 139px;}
.link span{float: left; padding-left: 7px; font-size: 18px; color: #fff; font-family: Arial; font-weight: bold; line-height: 35px; height: 35px; display: inline-block;}
*/
@media screen and (max-width:1829px){
.menu .nli{padding:0 16px;}
}
@media screen and (max-width:1669px){
.top1{padding: 0 6%;}
.menu .nli{padding:0 14px;}
}
@media screen and (max-width:1539px){
.top1{padding: 0 6%;}
.menu{padding-left: 42px; margin: 39px 0;}
.menu .nli{padding:0 12px;}
}
@media screen and (max-width:1449px){
.top1{padding: 0 5%;}
.top1 .logo{width:158px; margin:28px 0 0 0;}
.menu{margin: 25px 0;}
.menu .nli{padding:0 10px;}
.link{margin-top: 34px;}
}
@media screen and (max-width:1359px){
.top1{padding: 0 3%;}
.link a{margin: 0 4px;}
.link span{padding-left: 4px;}
}
@media screen and (max-width:1279px){
.top1{padding: 0 2%;}
.menu{padding-left: 30px;}
.menu .nli{padding:0 8px;}
}
/*phone版头部*/
.top2{ position:fixed; left:0; top:0; width:100%; height:80px; z-index:1030; border-bottom: 1px solid rgba(255,255,255,.2);}
.top2.active{background:rgba(0,0,0,.6);
-webkit-box-shadow: 0 2px 6px #aaa;
-moz-box-shadow: 0 2px 6px #aaa;
-o-box-shadow: 0 2px 6px #aaa;
box-shadow: 0 2px 6px #aaa;}
.top2 .logo{ float:left; width:150px; margin:15px 0 0 0;}
/*手机按钮*/
.menuph{ position:absolute; top:15px; right:15px; cursor:pointer; width:50px; height:50px; background:#f2054d; text-align:center;}
.menuph .point{ display:inline-block; width:28px; height:22px; margin-top:14px; position:relative;}
.menuph .point:hover .navbtn,
.menuph .point:hover .navbtn::after,
.menuph .point:hover .navbtn::before{ width:28px;}
.menuph .navbtn{ position:absolute; top:10px; right:0; display:inline-block; width:21px; height:1px; background:#fff;
-webkit-transition: all .3s ease-out 0s;
-moz-transition: all .3s ease-out 0s;
-ms-transition: all .3s ease-out 0s;
-o-transition: all .3s ease-out 0s;
transition: all .3s ease-out 0s;}
.menuph .navbtn::after,
.menuph .navbtn::before{ content:''; position:absolute; right:0; display:inline-block; width:28px; height:1px; background:#fff;
-webkit-transition: all .3s ease-out 0s;
-moz-transition: all .3s ease-out 0s;
-ms-transition: all .3s ease-out 0s;
-o-transition: all .3s ease-out 0s;
transition: all .3s ease-out 0s;}
.menuph .navbtn::after{ top:-11px;}
.menuph .navbtn::before{ top:10px;}
.menuph .point.active .navbtn{ background:transparent;}
.menuph .point.active .navbtn::after{ top:0px;
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);}
.menuph .point.active .navbtn::before{ top:0px;
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
transform: rotate(-45deg);}
@media screen and (max-width:767px){
.top2{height:50px;}
.top2 .logo{width:100px; margin:8px 0 0 0;}
.top2 .menuph{ top:5px; right:15px; width:40px; height:40px;}
.top2 .menuph .point{ width:22px; height:19px; margin-top:10px;}
.top2 .menuph .point:hover .navbtn,
.top2 .menuph .point:hover .navbtn::after,
.top2 .menuph .point:hover .navbtn::before{ width:22px;}
.top2 .menuph .navbtn{ top:9px; width:16px; }
.top2 .menuph .navbtn::after,
.top2 .menuph .navbtn::before{ width:22px;}
.top2 .menuph .navbtn::after{ top:-9px;}
.top2 .menuph .navbtn::before{ top:9px;}
}
/*手机下拉*/
.xialaph{ position:fixed; top:80px; left:0; width:100%; max-height:100%; overflow-y:auto; background:url(../images/bg_nav.png);display:none; z-index:1049;}
.xialaph .ul1{ padding-bottom:50px;border-top: 1px solid #fff;}
.xialaph li{border-bottom: 1px solid #fff;padding: 0 15px;}
.xialaph .ul2,
.xialaph .ul3{ display:none;border-top: 1px solid #fff; position:relative;}
.xialaph .ul2 > li:last-child{border-bottom: 0 none;}
.xialaph .ul3 > li:last-child{border-bottom: 0 none;}
.xialaph h4 a{color:#333; font-size:16px; font-weight:bold; line-height:62px;}
.xialaph h5 a{color:#333; font-size:16px; line-height:57px;}
.xialaph h4,
.xialaph h5{position:relative;}
.xialaph h4 i,
.xialaph h5 i{display: block;position: absolute;right: 0;top: 50%;margin-top: -9px; width: 12px;height: 12px;border-bottom: 2px solid #333;border-right: 2px solid #333;
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
-webkit-transition: all 0.2s ease-out 0s;
-moz-transition: all 0.2s ease-out 0s;
-ms-transition: all 0.2s ease-out 0s;
-o-transition: all 0.2s ease-out 0s;
transition: all 0.2s ease-out 0s;}
.xialaph h4.active i,
.xialaph h5.active i{margin-top: -3px;
-webkit-transform: rotate(-135deg);
-moz-transform: rotate(-135deg);
-ms-transform: rotate(-135deg);
-o-transform: rotate(-135deg);
transform: rotate(-135deg);}
.xialaph .ul2{padding: 10px 0;}
.xialaph .ul3{padding: 5px 0;}
.xialaph .ul3 li a{ color:#666; font-size:14px; line-height:35px; display:block;}
.xialaph .ul3 li{ padding-top:5px;}
.xialaph .phsou{ position:relative; margin-top:30px;}
.xialaph .phsou input{ width:100%; height:56px; background-color:#fff; color:#aaa; font-size:14px; padding-left:20px; border:1px solid #e5e5e5;}
.xialaph .phsou img{ cursor:pointer; width:21px; height:22px; position:absolute; top:17px; right:29px;}
.xialaph .try{ text-align:center; padding:30px 0 0 0;}
.xialaph .try a{ display:inline-block; width:120px; background:#80b63b; font-size:16px; color:#fff; line-height:50px;}
.phonemeng{ position:absolute; top:0; left:0; width:100%; height:100%; background:#000; opacity:0.6; z-index:196; display:none;}
@media screen and (max-width:767px){
.xialaph{ top:50px;}
.xialaph h4 a{ font-size:14px; line-height:42px;}
.xialaph h5 a{ color:#333; font-size:14px; line-height:38px;}
.xialaph h4 i,
.xialaph h5 i{margin-top: -6px; width: 8px;height: 8px;border-bottom: 1px solid #333;border-right: 1px solid #333;}
.xialaph h4.active i,
.xialaph h5.active i{margin-top: -2px;}
.xialaph .ul3 li a{ color:#666; font-size:12px; line-height:30px; display:block;}
.xialaph .ul3 li{ padding-top:5px;}
}
/*banner*/
.slide_banner{ margin:0;}
.slide_banner .slick-slide{ width:100%; padding:0;}
.slide_banner img{ width:100%;}
.slide_banner .slick-dots{ bottom:50px; height:18px;}
.slide_banner .slick-dots li{width:8px; height:8px; margin: 5px 11px; border:solid 2px #fff; background: #fff; position: relative;
-webkit-border-radius:50%;
-moz-border-radius:50%;
border-radius:50%;}
.slide_banner .slick-dots li::after{position: absolute; content:""; left: 50%; top: 50%; margin-left: -9px; margin-top: -9px; border: 2px solid #fff;filter:alpha(opacity=00);opacity:0; width: 18px; height: 18px;
-webkit-box-shadow: 1px 1px 10px rgba(0,0,0,.4);
-moz-box-shadow: 1px 1px 10px rgba(0,0,0,.4);
box-shadow: 1px 1px 10px rgba(0,0,0,.4);
-webkit-border-radius:50%;
-moz-border-radius:50%;
border-radius:50%;}
.slide_banner .slick-dots li button{ display:none;}
.slide_banner .slick-dots li.slick-active::after{filter:alpha(opacity=100);opacity:1; }
@media screen and (max-width:767px){
.slide_banner .slick-dots{ bottom:15px; height:10px;}
.slide_banner .slick-dots li{ width:4px; height:4px; margin:3px 5px; }
.slide_banner .slick-dots li::after{width: 10px; height: 10px; margin-left: -5px; margin-top: -5px; border:1px solid #fff;}
}
/* 内页 banner */
@media screen and (min-width: 1024px) {.nyBan{float: left; width: 100%; position: relative;}
.nyBan img{float: left; width: 100%; display: block;}
.nyBan .nyBanTit{position: absolute; left: 0; width: 100%; top: 60%; text-align: center;
-webkit-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
transform: translate(0, -50%);}
.nyBan .nyBanTit h2{float: left; width: 100%; line-height: 58px; height: 58px; font-size: 46px; color: #fff; font-family: Arial; font-weight: bold;text-transform: uppercase; letter-spacing: 5px;}
.nyBan .nyBanTit span{display: inline-block; *display: inline; *zoom:1; vertical-align: top; line-height: 29px; height: 29px; font-size: 14px; color: #fff; text-transform:uppercase}
.nyBan .nyBanTit span a{padding: 0 5px; color: #fff;font-size: 14px;}
.nyBan .nyBanTit span a:hover{color: #f2054d;}}
@media screen and (max-width: 1024px) {
.nyBan{float: left; width: 100%; position: relative;}
.ttim{display: none}
.nyBan img{float: left; width: 100%; display: block;}
.nyBan .nyBanTit{position: absolute; left: 0; width: 100%; top: 60%; text-align: center;
-webkit-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
transform: translate(0, -50%);}
.nyBan .nyBanTit h2{float: left; width: 100%; line-height: 58px; height: 58px; font-size: 46px; color: #fff; font-family: Arial; font-weight: bold;text-transform: uppercase; letter-spacing: 5px;}
.nyBan .nyBanTit span{display: inline-block; *display: inline; *zoom:1; vertical-align: top; line-height: 29px; height: 29px; font-size: 14px; color: #fff; text-transform:uppercase}
.nyBan .nyBanTit span a{padding: 0 5px; color: #fff;font-size: 14px;}
.nyBan .nyBanTit span a:hover{color: #f2054d;}}
@media screen and (max-width:1199px){
.nyBan .nyBanTit h2{line-height: 48px; height: 48px; font-size: 32px; }
}
@media screen and (max-width:991px){
.nyBan .nyBanTit h2{line-height: 38px; height: 38px; font-size: 26px; }
}
@media screen and (max-width:767px){
.nyBan .nyBanTit h2{line-height: 30px; height: 30px; font-size: 20px; letter-spacing: 3px; }
.nyBan .nyBanTit span{display: none;}
}
/*down*/
.homeDown{float: left; width: 100%; background: #10223a;}
.downTop{float: left; width: 100%; padding: 62px 0;}
.downTop .downNav{float: left; width:56.785714%; }
.downTop .downNav ul{float: left; width: 25%;}
.downTop .downTit{float: left; width: 100%; line-height: 40px; height: 40px; font-size: 16px; color: #ffffff; margin-bottom: 23px;}
.downTop .downTit a{color: #fff;}
.downTop .downNav ul li{float: left; width: 100%; padding-right: 10px;}
.downTop .downNav ul li a{float: left; width:100%; line-height: 30px; height: 30px; display: block; font-size: 14px; color: rgba(255,255,255,.6); }
.downTop .downNav ul li a:hover{color: #fff;}
.downTop .downContact{float: left; width: 15.571429%;}
.downTop .downContact ul{float: left; width: 100%;}
.downTop .downContact ul li{float: left; width: 100%; padding-left: 35px; font-size: 14px; color:rgba(255,255,255,.6); line-height: 30px; position: relative;}
.downTop .downContact ul li i{position: absolute; left:0; top:7px; width: 18px; display: block; }
.downTop .downContact ul li i img{float: left; width: 100%; display: block;}
.downTop .downMa{float: right; width:19.857143%; margin-top: 12px; }
.downTop .downMa .img01{float: left; width: 50%; padding-right: 10px; display: block; }
.downTop .downMa .img02{float: right; width: 50%; padding-left: 10px; display: block; }
.downTop .downMa .downMaTxt{float: left; width: 100%; line-height: 30px; margin-top: 16px; color: #fff; font-size: 14px;}
.downTop .downMa .downMaTxt span{float: left; width: 100%; display: block; line-height: 30px; color: rgba(255,255,255,.6); }
.downBq{float: left; width: 100%; background: #09172a; padding: 15px 0;}
.downBq .bq{float: left; max-width: 70%; line-height: 32px; font-size: 14px; color: #b6b6b6;}
.downBq .bq a{float: left; width: 100%; display: block; color: #b6b6b6;}
.downBq .bq a:hover{color: #fff;}
.downBq .downLink{float: right; color: #b6b6b6;font-size: 16px;}
.downBq .downLink a{padding: 0 10px; color: #b6b6b6; font-size: 14px; line-height: 32px; height: 32px; }
.downBq .downLink a:hover{color: #fff;}
@media screen and (max-width:1199px){
.downTop{padding: 40px 0;}
.downTop .downContact{width: 18%;}
.downTop .downMa{width: 20%;}
.downTop .downMa .img01{padding-right: 5px;}
.downTop .downMa .img02{padding-left: 5px;}
}
@media screen and (max-width:991px){
.homeDown{text-align: center;}
.downTop{padding: 30px 0;}
.downTop .downTit{margin-bottom: 15px;}
.downTop .downNav{width: 100%;}
.downTop .downNav ul{width: 25%;}
.downTop .downNav ul li{display: none;}
.downTop .downContact{width: 56%; text-align: left; padding-left: 8%;}
.downTop .downMa{width: 36%; padding-right: 8%; margin-top: 20px;}
.downTop .downMa .img01{padding-right: 5px;}
.downTop .downMa .img02{padding-left: 5px;}
.downTop .downMa .downMaTxt{line-height: 24px; margin-top: 5px;font-size: 14px;}
.downTop .downMa .downMaTxt span{line-height: 24px; }
.downBq{text-align: center;}
.downBq .bq{width: 100%; text-align: center; max-width: none;}
.downBq .downLink{float: none; display: inline-block; *display: inline; *zoom:1; vertical-align: top; }
}
@media screen and (max-width:767px){
.downTop{padding: 20px 0;}
.downTop .downTit{margin-bottom: 10px; line-height: 30px; height: 30px; font-size: 14px;}
.downTop .downContact{width: 100%; text-align: left; padding:0 5%;}
.downTop .downContact h4{display: none;}
.downTop .downContact ul li{ font-size: 13px; line-height: 24px; }
.downTop .downContact ul li i{width: 15px; top: 4px;}
.downTop .downMa{width: 100%; padding:0 10%; margin-top: 20px;}
.downTop .downMa .downMaTxt{margin-top: 10px; font-size: 13px;}
.downBq .bq{line-height: 22px; font-size: 12px;}
.downBq .downLink{font-size: 14px;}
.downBq .downLink a{padding: 0 5px; font-size: 12px; line-height: 22px; height: 22px; }
}
/*main*/
.homeTit{float: left; width: 100%; text-align: center; padding-bottom: 15px; margin-top: 94px; position: relative;}
.homeTit::after{position: absolute; content: ""; left: 50%; bottom: 0; margin-left: -19px; width: 38px; height: 2px; background: #f2054d;}
.homeTit h3{float: left; width: 100%; line-height: 50px; font-size: 30px; color: #484848; letter-spacing: 3px;}
.homeTit h4{float: left; width: 100%; line-height: 44px; font-size: 16px; color: #737373;}
.homePro{float: left; width: 100%; padding-bottom: 102px;}
.homePro .homePro_m{margin: 0 -20px;}
.homePro .homePro_s{float: left; width: 100%; margin-top: 35px; position: relative; overflow: hidden; padding-bottom: 25px;}
.homePro .homePro_s .slick-slide{}
.homePro .homePro_s .li_hp{float: left; padding: 15px 20px;}
.homePro .homePro_s .li_hp a{float: left; width: 100%; background: #f3f3f3; display: block; padding: 88px 0 63px 0;
-webkit-border-radius:10px;
-moz-border-radius:10px;
border-radius:10px;
-webkit-box-shadow: 1px 1px 15px rgba(0,0,0,.2);
-moz-box-shadow: 1px 1px 15px rgba(0,0,0,.2);
box-shadow: 1px 1px 15px rgba(0,0,0,.2); }
.homePro .homePro_s .li_hp a > img{float: left; width:42%; display: block; margin-top: 40px; }
.homePro .homeProIntr{float: left; width: 58%; padding:0 26px; border-left: 1px solid #e8e8e8; position: relative;}
.homePro .homeProIntr::before{position: absolute; left: -1px; top: 50%; height: 30px; width: 1px; background: #f2054d; margin-top: -15px; content: "";}
.homePro .homeProIntr .homeProLogo{float: left; width: 100%; }
.homePro .homeProIntr .homeProLogo img{float: left; display: block; max-width: 90%; }
.homePro .homeProIntr .homeProTxt{float: left; width: 100%; line-height:30px; height: 90px; overflow: hidden; font-size: 16px; color: #8c8c8c; margin-top: 25px;}
.homePro .homeProIntr .homeProBtn{float: left; width: 100px;line-height: 28px; height: 30px; text-align: center; font-size: 14px; color: #8d8d8d; border: 1px solid #c8c8c8; margin-top: 30px;
-webkit-transition: all 0.2s ease-out 0s;
-moz-transition: all 0.2s ease-out 0s;
-o-transition: all 0.2s ease-out 0s;
transition: all 0.2s ease-out 0s;
-webkit-border-radius:15px;
-moz-border-radius:15px;
border-radius:15px; }
.homePro .homePro_s .li_hp a:hover .homeProBtn{color: #fff; background: #f2054d; border-color: #f2054d;}
.homePro .homePro_s .slick-dots{ bottom:0; height:13px;}
.homePro .homePro_s .slick-dots li{ width:13px; height:13px; margin:0 9px; -webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%; background: #d3d3d3; }
.homePro .homePro_s .slick-dots li button{display: none;}
.homePro .homePro_s .slick-dots li.slick-active{ background:#f2054d;}
@media screen and (max-width:1429px){
.homePro .homePro_s .li_hp a{padding: 68px 0 43px 0;}
.homePro .homeProIntr .homeProTxt{line-height:30px; height: 120px; font-size: 14px; margin-top: 10px;}
.homePro .homeProIntr .homeProBtn{margin-top: 15px;}
}
@media screen and (max-width:1199px){
.homeTit{margin-top: 64px;}
.homeTit h3{line-height: 40px; font-size: 26px; }
.homeTit h4{line-height: 34px; font-size: 16px; }
.homePro{padding-bottom: 72px;}
.homePro .homePro_m{margin: 0 -15px;}
.homePro .homePro_s .li_hp{float: left; padding: 15px 15px;}
.homePro .homePro_s .li_hp a{padding: 40px 0 30px 0;}
.homePro .homeProIntr{padding: 0 20px;}
.homePro .homeProIntr .homeProTxt{line-height:24px; height: 120px;}
.homePro .homeProIntr .homeProBtn{margin-top: 15px;}
}
@media screen and (max-width:991px){
.homeTit{margin-top: 44px;}
.homeTit h3{line-height: 34px; font-size: 22px; }
.homeTit h4{line-height: 28px; font-size: 14px; }
.homePro{padding-bottom: 42px;}
.homePro .homePro_m{margin: 0;}
.homePro .homePro_s .li_hp{padding: 10px 15px;}
.homePro .homeProIntr .homeProTxt{line-height:24px; height: 96px;}
.homePro .homeProIntr .homeProBtn{width: 80px; font-size: 12px; height: 26px; line-height: 26px;}
.homePro .homePro_s .slick-dots{bottom: 5px; height: 10px;}
.homePro .homePro_s .slick-dots li{ width:10px; height:10px; margin:0 5px; }
}
@media screen and (max-width:767px){
.homeTit{margin-top: 30px; padding-bottom: 10px;}
.homeTit h3{line-height: 26px; font-size: 16px; }
.homeTit h4{line-height: 20px; font-size: 12px; }
.homePro{padding-bottom: 30px;}
.homePro .homePro_s {margin-top: 20px;}
.homePro .homePro_s .li_hp{padding: 10px;}
.homePro .homeProIntr{padding: 0 15px;}
.homePro .homeProIntr .homeProTxt{line-height:24px; height: 96px; font-size: 13px;}
.homePro .homeProIntr .homeProBtn{width: 80px; font-size: 12px; height: 26px; line-height: 26px;}
.homePro .homePro_s .slick-dots{ height: 8px;}
.homePro .homePro_s .slick-dots li{ width:8px; height:8px; margin:0 3px; }
}
.homeServe{float: left; width: 100%; padding-bottom: 90px;}
.homeSerList{float: left; width: 100%; margin-top: 80px; text-align: center;}
.homeSerList li{float: left; width: 25%; position: relative; padding: 0 15px;}
.homeSerList li::after{position: absolute; right: 0; top: 50%; width: 1px; height: 138px; background: url(../images/hserbg2.png) no-repeat; margin-top: -64px; content: "";}
.homeSerList li:last-child::after{display: none;}
.homeSerList .homeSerPic{float: left; width: 100%; text-align: center; position: relative;}
.homeSerList .homeSerPic img{display: block; margin: 0 auto; width: 78px;
-webkit-transition: all 0.2s ease-out 0s;
-moz-transition: all 0.2s ease-out 0s;
-o-transition: all 0.2s ease-out 0s;
transition: all 0.2s ease-out 0s;}
.homeSerList .homeSerPic .img02{position: absolute; left: 50%; margin-left: -39px; top: 0; filter:alpha(opacity=00);opacity:0;}
.homeSerList li h4{float: left; width: 100%; line-height: 40px; height: 40px; margin-top: 20px; font-size: 30px; color: #505050; font-weight: bold;}
.homeSerList li h4 span{font-size: 16px; color: #d71600;}
.homeSerList li h4 sup{font-size: 18px;}
.homeSerList li h5{float: left; width: 100%; line-height: 30px; height: 30px; font-size: 14px; color: #3e3e3e;}
.homeSerList li:hover .homeSerPic .img01{ filter:alpha(opacity=00);opacity:0;}
.homeSerList li:hover .homeSerPic .img02{ filter:alpha(opacity=100);opacity:1;}
.homeMoreBtn{float: left; width: 100%; margin-top: 10px; text-align: center;}
.homeMoreBtn a{display: inline-block; *display: inline; *zoom:1; vertical-align: top; width: 188px; height: 43px; line-height: 43px; background: #f2054d url(../images/hserbg3.png) no-repeat 135px center; font-size: 15px; color: #fff; padding-left: 50px; text-align: left;
-webkit-border-radius:22px;
-moz-border-radius:22px;
border-radius:22px;}
.homeMoreBtn a:hover{background-color: #de0808;
-webkit-box-shadow: 1px 1px 10px rgba(0,0,0,.2);
-moz-box-shadow: 1px 1px 10px rgba(0,0,0,.2);
box-shadow: 1px 1px 10px rgba(0,0,0,.2); }
@media screen and (max-width:1199px){
.homeServe{ padding-bottom: 60px;}
.homeSerList{margin-top: 50px;}
.homeSerList .homeSerPic img{ width: 68px; }
.homeSerList .homeSerPic .img02{ margin-left: -34px;}
.homeSerList li h4{line-height: 40px; height: 40px; margin-top: 20px; font-size: 26px;}
.homeSerList li h4 span{font-size: 14px;}
.homeSerList li h4 sup{font-size: 16px;}
.homeSerList li h5{line-height: 25px; height: 50px; font-size: 14px;}
}
@media screen and (max-width:991px){
.homeServe{ padding-bottom: 40px;}
.homeSerList{margin-top: 30px;}
.homeSerList .homeSerPic img{ width: 48px; }
.homeSerList .homeSerPic .img02{ margin-left: -24px;}
.homeSerList li h4{line-height: 30px; height: 30px; margin-top: 15px; font-size: 20px;}
.homeSerList li h5{line-height: 25px; height: 50px; font-size: 14px;}
.homeMoreBtn{margin-top: 40px;}
.homeMoreBtn a{width: 138px; height: 36px; line-height: 36px; background-position: 95px center; font-size: 14px; padding-left: 30px; }
}
@media screen and (max-width:767px){
.homeServe{ padding-bottom: 30px;}
.homeSerList{margin-top: 20px;}
.homeSerList li{width: 50%; padding: 0 10px;}
.homeSerList li:nth-child(2)::after{display: none;}
.homeSerList li h4{line-height: 30px; height: 30px; margin-top: 15px; font-size: 15px;}
.homeSerList li h4 span{font-size: 12px;}
.homeSerList li h4 sup{font-size: 14px;}
.homeSerList li h5{line-height: 20px; height: 40px; font-size: 13px;}
.homeMoreBtn{margin-top: 30px;}
.homeMoreBtn a{width: 108px; height: 30px; line-height: 30px; background-position: 75px center; font-size: 13px; padding-left: 15px; background-size: 15px;}
}
.homeCase{float: left; width: 100%; padding-bottom: 92px;}
.homeNews_m .NewsHd,
.homeCase .hd{float: left; width: 100%; text-align: center; overflow: hidden;}
.homeNews_m .NewsHd ul,
.homeCase .hd ul{display: inline-block; *display: inline; *zoom:1; vertical-align: top; position: relative; margin-top: 40px;}
.homeNews_m .NewsHd ul::before,
.homeNews_m .NewsHd ul::after,
.homeCase .hd ul::after,
.homeCase .hd ul::before{position: absolute; content: ""; width: 800px; right: 100%; top: 50%; height: 1px; background: #dbdbdb;}
.homeNews_m .NewsHd ul::after,
.homeCase .hd ul::after{left: 100%; right: auto; }
.homeNews_m .NewsHd ul li,
.homeCase .hd ul li{float: left; padding: 0 15px; margin: 0 20px; line-height:32px; height: 32px; font-size: 16px; position: relative; color: #4c4c4c; cursor: pointer;
-webkit-border-radius:16px;
-moz-border-radius:16px;
border-radius:16px;}
.homeNews_m .NewsHd ul li::after,
.homeCase .hd ul li::after{position: absolute; content: ""; width: 10px; height: 1px; background: #dbdbdb; right: -15px; top: 50%;}
.homeNews_m .NewsHd ul li:last-child::after,
.homeCase .hd ul li:last-child::after{display: none; }
.homeNews_m .NewsHd ul li.on,
.homeCase .hd ul li.on{background: #f2054d; color: #fff;}
.homeCase .hd ul .slick-next,
.homeCase .hd ul .slick-prev{position:absolute; width:14px; height:25px; left:3px; top:50%; z-index:2; background: url(../images/hcase_le.png) no-repeat; cursor:pointer; background-size: 100%;}
.homeCase .hd ul .slick-next{background: url(../images/hcase_r.png) no-repeat; background-size: 100%; left: auto; right: 3px;}
.homeCase .bd{float: left; width: 100%;}
.homeCaseList{float: left; width: 100%; margin-top: 23px;}
.homeCaseList ul{margin: 0 -30px;}
.homeCaseList ul li{float: left; width: 33.333333%; padding: 0 30px; margin-top: 37px;}
.homeCaseList ul li a{float: left; width: 100%; display: block;}
.homeCaseList .homeCasePic{float: left; width: 100%; display: block; overflow: hidden; position: relative; background: #000;
-webkit-border-radius:10px;
-moz-border-radius:10px;
border-radius:10px;}
.homeCaseList .homeCasePic img{float: left; width: 100%; display: block;
-webkit-transition: all 0.2s ease-out 0s;
-moz-transition: all 0.2s ease-out 0s;
-o-transition: all 0.2s ease-out 0s;
transition: all 0.2s ease-out 0s;
-webkit-border-radius:10px;
-moz-border-radius:10px;
border-radius:10px;}
.homeCaseList .homeCase_h{position: absolute; left: 3%; top: 3%; width: 94%; height: 94%; border: 1px solid rgba(255,255,255,.8); filter:alpha(opacity=00);opacity:0;
-webkit-transition: all 0.2s ease-out 0s;
-moz-transition: all 0.2s ease-out 0s;
-o-transition: all 0.2s ease-out 0s;
transition: all 0.2s ease-out 0s;}
.homeCaseList .homeCase_hm{position: absolute; left: 0; top: 50%; text-align: center;
-webkit-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
transform: translate(0, -50%);}
.homeCaseList .homeCase_hm h4{float: left; width: 100%; line-height: 34px; padding-bottom: 19px; font-size: 20px; color: #fff; position: relative;}
.homeCaseList .homeCase_hm h4::after{position: absolute; content: ""; width: 50px; height: 1px; background: rgba(255,255,255,.4); margin-left: -25px; left: 50%; bottom: 0;}
.homeCaseList .homeCase_hm span{float: left; width: 100%; padding: 0 30px; line-height: 24px; max-height: 96px; font-size: 14px; color: rgba(255,255,255,.9); margin-top: 18px; overflow: hidden;}
.homeCaseList .homeCase_hm .ico1{display: inline-block; *display: inline; *zoom:1; vertical-align: top; width: 41px; height: 41px; background:url(../images/hcasebg1.png) no-repeat center; margin-top: 32px;}
.homeCaseList .homeCaseTit{float: left; width: 100%; margin-top: 18px; line-height: 54px; height: 54px; color: #333; font-size: 20px; border-bottom: 1px dotted #b2b2b2; padding-right: 42px; position: relative;}
.homeCaseList .homeCaseTit .span01{position: absolute; width: 31px; height: 31px; display: block; background: #626262;line-height: 30px; text-align: center; font-size: 24px; color: #fff; right: 5px; top: 50%; margin-top: -16px;
-webkit-border-radius:50%;
-moz-border-radius:50%;
border-radius:50%;}
.homeCaseIco{float: left; width: 100%; margin-top: 19px;}
.homeCaseIco span{padding-right: 20px; padding-left: 30px;position: relative; float: left; line-height: 18px; height: 18px; font-size: 14px; color: #666666; display: inline-block;}
.homeCaseIco span i{position: absolute; left: 0; top: 0; width: 23px; display: block;}
.homeCaseIco span i img{float: left; width: 100%; display: block;}
.homeCaseList ul li a:hover .homeCase_h{filter:alpha(opacity=100);opacity:1;}
.homeCaseList ul li a:hover .homeCasePic img{ filter:alpha(opacity=70);opacity:0.7;}
.homeCaseList ul li a:hover .homeCaseTit{color: #f2054d;}
@media screen and (max-width:1429px){
.homeCaseList ul{margin: 0 -20px;}
.homeCaseList ul li{padding: 0 20px; margin-top: 30px;}
.homeCaseList .homeCaseTit{font-size:18px; }
}
@media screen and (max-width:991px){
.homeCase{padding-bottom: 42px;}
.homeNews_m .NewsHd ul li,
.homeCase .hd ul li{padding: 0 10px; margin: 0 15px; line-height:28px; height: 28px; font-size: 14px;}
.homeCaseList ul{margin: 0 -10px;}
.homeCaseList ul li{padding: 0 10px; margin-top: 20px;}
.homeCaseList .homeCaseTit{font-size:16px; }
.homeCaseIco span{padding-right: 15px; padding-left: 25px; }
.homeCaseIco span i{width: 18px; margin-top: 2px;}
.homeCaseList .homeCase_hm h4{line-height: 24px; padding-bottom: 10px; font-size: 16px;}
.homeCaseList .homeCase_hm span{padding: 0 15px; line-height: 22px; max-height: 88px; font-size: 12px; margin-top: 10px;}
.homeCaseList .homeCase_hm .ico1{width: 30px; height: 30px;background-size: 100%; margin-top: 20px;}
}
@media screen and (max-width:767px){
.homeCase{padding-bottom: 32px;}
.homeCase .hd ul{width: 90%; padding: 0 5%; text-align: center;}
.homeNews_m .NewsHd ul li,
.homeCase .hd ul li{padding: 0 5px;}
.homeCase .hd ul li::after{display: none;}
.homeCaseList ul{margin: 0 -5px;}
.homeCaseList ul li{padding: 0 5px; margin-top: 15px; width: 50%;}
.homeCaseList .homeCaseTit{font-size:14px; margin-top: 5px; line-height: 34px; height: 34px; }
.homeCaseList .homeCaseTit .span01{width: 24px; height: 24px; margin-top: -12px; line-height: 24px; font-size: 20px;}
.homeCaseIco{margin-top: 8px;}
.homeCaseIco span{padding-right: 5px; padding-left: 15px; font-size: 12px; }
.homeCaseIco span i{width: 12px; margin-top: 4px;}
.homeCaseList .homeCase_hm h4{line-height: 20px; padding-bottom: 5px; font-size: 14px;}
.homeCaseList .homeCase_hm span{padding: 0 5px; line-height: 20px; max-height: 60px; margin-top: 10px;}
.homeCaseList .homeCase_hm .ico1{width: 24px; height: 24px;margin-top: 10px;}
}
.homeNews{float: left; width: 100%; background: url(../images/hnewsbg.jpg); padding-bottom: 99px;}
.homeNews_m{float: left; width: 100%;}
.NewsBd{float: left; width: 100%; height: 430px; margin-top: 57px; position: relative; overflow: hidden; }
.NewsBd .homeNewsBox{position: absolute; left: 0; top: 0; width: 100%; filter:alpha(opacity=00);opacity:0;
-webkit-transition: all 0.2s ease-out 0s;
-moz-transition: all 0.2s ease-out 0s;
-o-transition: all 0.2s ease-out 0s;
transition: all 0.2s ease-out 0s;}
.NewsBd .homeNewsBox.on{filter:alpha(opacity=100);opacity:1; z-index: 9;}
.NewsBd .homeNews_s{float: left; width: 46.857143%; position: relative; overflow:hidden;}
.NewsBd .homeNews_s a{float: left; width: 100%; display: block; position: relative; overflow: hidden;
-webkit-border-radius:8px;
-moz-border-radius:8px;
border-radius:8px;}
.NewsBd .homeNews_s a > img{float: left; width: 100%; display: block;
-webkit-border-radius:8px;
-moz-border-radius:8px;
border-radius:8px;}
.NewsBd .homeNews_s .homeNewsIntr{position: absolute; left:0; top: 0; width:50.152439%; height: 100%; background: rgba(0,0,0,.4); padding: 90px 30px 0 30px;color: #fff; }
.NewsBd .homeNews_s .homeNewsIntr h4{float: left; width: 100%; line-height: 32px; height: 32px; font-size: 18px;}
.NewsBd .homeNews_s .homeNewsIntr span{float: left; width: 100%; line-height: 26px; height: 26px; font-size: 14px; display: block; margin-top: 17px;}
.NewsBd .homeNews_s .homeNewsIntr .txt01{float: left; width: 100%; line-height: 28px; height: 112px; overflow: hidden; font-size: 14px; margin-top: 10px;}
.NewsBd .homeNews_s .slick-next,
.NewsBd .homeNews_s .slick-prev{position:absolute; width:30px; height:30px; left:30px; top:auto; bottom: 70px; z-index:2; background:#333 url(../images/hnews_le.png) no-repeat center; cursor:pointer;
-webkit-transform: translate(0,0);
-ms-transform: translate(0,0);
transform: translate(0,0);}
.NewsBd .homeNews_s .slick-next{left: 80px; background-image: url(../images/hnews_r.png);}
.NewsBd .homeNews_s .slick-prev:hover,
.NewsBd .homeNews_s .slick-next:hover{background-color:#f2054d;}
.NewsBd .homeNewsList{float: right; width:47.142857%; }
.NewsBd .homeNewsList ul{float: left; width: 100%; margin-top: -14px;}
.NewsBd .homeNewsList ul li{float: left; width: 100%; padding: 14px 0; border-bottom: 1px solid #eee;}
.NewsBd .homeNewsList ul li:last-child{border: 0;}
.NewsBd .homeNewsList ul li a{float: left; width: 100%; display: block;}
.NewsBd .homeNewsList ul li a i{float: left; width: 24.545455%; display: block; position: relative; overflow: hidden; font-style: normal;
-webkit-border-radius:10px;
-moz-border-radius:10px;
border-radius:10px;}
.NewsBd .homeNewsList ul li a i img{float: left; width: 100%; display: block;}
.NewsBd .homeNewsList ul li a i .date01{position: absolute; left: 0; bottom: 0; width: 100px; line-height: 24px; height: 24px; background: rgba(0,0,0,.8); font-size: 12px; color: #fff; text-align: center;
-webkit-transition: all 0.2s ease-out 0s;
-moz-transition: all 0.2s ease-out 0s;
-o-transition: all 0.2s ease-out 0s;
transition: all 0.2s ease-out 0s; }
.NewsBd .homeNewsList .homeNewsTit{float: right; width: 72.727273%; margin-top: 12px;}
.NewsBd .homeNewsList .homeNewsTit h4{float: left; width: 100%; line-height: 30px; height: 30px; color: #333333; font-size: 16px; -webkit-transition: all 0.2s ease-out 0s;
-moz-transition: all 0.2s ease-out 0s;
-o-transition: all 0.2s ease-out 0s;
transition: all 0.2s ease-out 0s; }
.NewsBd .homeNewsList .homeNewsTit span{float: left; width: 100%; display: block; line-height: 26px; height: 52px; color: #999999; font-size: 14px; margin-top: 11px; overflow:hidden;}
.NewsBd .homeNewsList ul li a:hover .homeNewsTit h4{color: #f2054d;}
.NewsBd .homeNewsList ul li a:hover i .date01{background: #f2054d;}
@media screen and (max-width:1429px){
.NewsBd .homeNews_s .homeNewsIntr{width: 52%; padding: 70px 30px 0 30px;}
.NewsBd .homeNews_s .homeNewsIntr h4{font-size: 16px;}
.NewsBd .homeNews_s .homeNewsIntr span{lfont-size: 14px; margin-top: 10px;}
.NewsBd .homeNews_s .homeNewsIntr .txt01{font-size: 14px; margin-top: 6px;}
.NewsBd .homeNews_s .slick-next,
.NewsBd .homeNews_s .slick-prev{bottom: 50px;}
.NewsBd .homeNews_s .slick-next{left: 70px;}
.NewsBd{height: 365px;}
.NewsBd .homeNewsList ul{margin-top: -10px;}
.NewsBd .homeNewsList ul li{padding: 10px 0;}
}
@media screen and (max-width:1199px){
.NewsBd .homeNews_s .homeNewsIntr{width: 52%; padding: 40px 15px 0 15px;}
.NewsBd .homeNews_s .slick-next,
.NewsBd .homeNews_s .slick-prev{bottom: 20px; left: 15px;}
.NewsBd .homeNews_s .slick-next{left: 50px;}
.NewsBd{height: 300px;}
.NewsBd .homeNewsList{width: 50%;}
.NewsBd .homeNewsList ul{margin-top: -6px;}
.NewsBd .homeNewsList ul li{padding: 6px 0;}
.NewsBd .homeNewsList .homeNewsTit{width: 72.727273%; margin-top: 8px;}
.NewsBd .homeNewsList .homeNewsTit h4{line-height: 26px; height: 26px; font-size: 15px;}
.NewsBd .homeNewsList .homeNewsTit span{line-height: 24px; height: 48px; font-size: 14px; margin-top: 5px;}
}
@media screen and (max-width:991px){
.homeNews{padding-bottom: 60px;}
.NewsBd .homeNews_s{width: 49%;}
.NewsBd .homeNews_s .homeNewsIntr{padding: 30px 15px 0 15px;}
.NewsBd .homeNews_s .homeNewsIntr h4{font-size: 14px; line-height: 24px; max-height: 48px; height: auto;white-space:inherit; overflow: hidden;}
.NewsBd .homeNews_s .homeNewsIntr span{font-size: 12px; margin-top: 5px; line-height: 20px; height: 20px;}
.NewsBd .homeNews_s .homeNewsIntr .txt01{font-size: 12px; margin-top: 6px; line-height: 22px; height: 66px;}
.NewsBd .homeNews_s .slick-next,
.NewsBd .homeNews_s .slick-prev{bottom: 20px; width: 25px; height: 25px;}
.NewsBd .homeNews_s .slick-next{left: 45px;}
.NewsBd{height: 242px; margin-top: 30px;}
.NewsBd .homeNewsList{width: 50%;}
.NewsBd .homeNewsList ul{margin-top: -6px;}
.NewsBd .homeNewsList ul li{padding: 6px 0;}
.NewsBd .homeNewsList ul li a i .date01{width: 100%; line-height: 20px; height: 20px; }
.NewsBd .homeNewsList .homeNewsTit{margin-top: 3px;}
.NewsBd .homeNewsList .homeNewsTit h4{line-height: 24px; height: 24px; font-size: 14px;}
.NewsBd .homeNewsList .homeNewsTit span{line-height: 20px; height: 40px; font-size: 12px; margin-top: 3px;}
}
@media screen and (max-width:767px){
.homeNews{padding-bottom: 30px;}
.NewsBd .homeNews_s{width: 100%;}
.NewsBd{height: 540px; margin-top: 30px;}
.NewsBd .homeNewsList{width: 100%;}
.NewsBd .homeNewsList ul{margin-top: 8px;}
.NewsBd .homeNewsList ul li a i{width: 27%;}
.NewsBd .homeNewsList .homeNewsTit{width: 70%; margin-top: 3px;}
}
@media screen and (max-width:429px){
.NewsBd{height: 480px; margin-top: 30px;}
}
@media screen and (max-width:329px){
.NewsBd{height: 440px; margin-top: 30px;}
.NewsBd .homeNews_s .homeNewsIntr{padding: 20px 15px 0 15px;}
.NewsBd .homeNews_s .homeNewsIntr h4{line-height: 20px; max-height: 40px;}
.NewsBd .homeNews_s .homeNewsIntr .txt01{line-height: 20px; height: 40px; margin-top: 3px;}
.NewsBd .homeNews_s .slick-next,
.NewsBd .homeNews_s .slick-prev{bottom: 15px;}
}
.homePart{float: left; width: 100%; padding-bottom: 99px;}
.homePart ul{float: left; width: 100%; margin-top: 52px; border-left: 1px solid #e6e6e6;border-top: 1px solid #e6e6e6;}
.homePart ul li{float: left; width:14.285714%; border-right: 1px solid #e6e6e6;border-bottom: 1px solid #e6e6e6;}
.homePart ul li a{float: left; width: 100%; display: block; overflow: hidden; position: relative;}
.homePart ul li a img{float: left; width: 100%; display: block;}
.homePart .homePart_h{position: absolute; width: 100%; height: 0; left: 0; bottom: 0; text-align: center; background: rgba(0,0,0,.6); overflow: hidden;
-webkit-transition: all 0.2s ease-out 0s;
-moz-transition: all 0.2s ease-out 0s;
-o-transition: all 0.2s ease-out 0s;
transition: all 0.2s ease-out 0s;}
.homePart .homePart_h span{position: absolute; left: 0; top: 50%; line-height: 30px; margin-top: -15px; height: 30px; font-size: 14px; color: #fff; display: block; width: 100%;}
.homePart ul li a:hover .homePart_h{height: 100%}
@media screen and (max-width:767px){
.homePart{ padding-bottom: 20px;}
.homePart ul{margin-top: 22px;}
.homePart ul li{ width:50%;}
.homePart .homePart_h span{line-height: 30px; margin-top: -15px; height: 30px; font-size: 14px; }
}
/* 帮助ä¸å¿ƒ-常è§é—®ç” */
.comAsk{float: left; width: 100%; padding-top: 42px;}
.comAskSearch{float: right; width: 532px; border: 1px solid #e7e7e7; padding: 0 68px 0 32px; position: relative;
-webkit-border-radius:26px;
-moz-border-radius:26px;
border-radius:26px;}
.comAskSearch input{float: left; width: 100%; line-height: 50px; height: 50px; font-size: 14px; color: #333;}
.comAskSearch a{position: absolute; right: 0; top: 0; height: 50px; display: block; width: 68px; background: url(../images/ask01.png) no-repeat center;}
.comAsk ul{float: left; width: 100%; margin-top: 7px;}
.comAsk ul li{float: left; width: 100%; margin-top: 35px;}
.comAsk .comAskQue{float: left; width: 100%; padding: 11px 11px 11px 52px; background: #f3f3f3; font-size: 16px; color: #757575; line-height: 21px; position: relative; font-weight: bold;}
.comAsk .comAskQue::before{position: absolute; content: ""; width: 21px; height: 21px; background: url(../images/ask02.png) no-repeat; top: 11px; left: 11px;}
.comAsk .comAskAns{float: left; width: 100%; margin-top: 14px; padding:0 52px; font-size: 14px; color: #686868; line-height: 26px; position: relative; letter-spacing: 1px;}
.comAsk .comAskAns::before{position: absolute; content: ""; width: 21px; height: 21px; background: url(../images/ask03.png) no-repeat; top: 4px; left: 11px;}
@media screen and (max-width:991px){
.comAsk{padding-top: 35px;}
.comAskSearch{width: 332px;padding: 0 48px 0 20px;}
.comAskSearch input{line-height: 40px; height: 40px;}
.comAskSearch a{height: 40px; width: 48px; background-size: 100%;}
.comAsk ul{ margin-top: 0;}
}
@media screen and (max-width:767px){
.comAsk{padding-top: 20px;}
.comAskSearch{width: 100%;}
.comAsk ul {margin-top: 5px;}
.comAsk ul li{margin-top: 15px;}
.comAsk .comAskQue{padding: 8px 8px 8px 37px; font-size: 15px; }
.comAsk .comAskQue::before{top: 8px; left: 8px;}
.comAsk .comAskAns{margin-top: 10px; padding:0 15px 0 37px; font-size: 13px; line-height: 22px;}
.comAsk .comAskAns::before{top: 4px; left: 8px;}
}
/* 帮助ä¸å¿ƒ-资料下载 */
.download{float: left; width: 100%; margin-top: 42px;}
.download ul{float: left; width: 100%; margin-top: 12px;}
.download ul li{float: left; width: 100%; margin-top: 30px; }
.download ul li a{float: left; width: 100%; display: block; border: 1px solid #e9e9e9; padding: 20px 54px 20px 92px; position: relative;}
.download ul li i{position: absolute; left: -1px; top: -1px; width: 92px; display: block;}
.download ul li i img{float: left; width: 100%; display: block;}
.download ul li i .img02{position: absolute; left: 0; top: 0; filter:alpha(opacity=00);opacity:0;
-webkit-transition: all 0.2s ease-out 0s;
-moz-transition: all 0.2s ease-out 0s;
-o-transition: all 0.2s ease-out 0s;
transition: all 0.2s ease-out 0s;}
.download .downloadTit{float: left; width:27.113238%; padding: 4px 20px 4px 40px; border-right: 1px solid #e9e9e9; }
.download .downloadTit h4{float: left; width:100%; line-height:36px; height: 36px; font-size: 16px; color: #333; }
.download .downloadTit span{float: left; width:100%; line-height:21px; height: 21px; font-size: 12px; color: #888; display: block; padding-left: 18px; background: url(../images/load01.png) no-repeat left;}
.download .downloadIntr{float:right; width: 69.218501%; line-height: 24px; height: 48px; font-size: 14px; color: #555; margin-top: 6px; overflow: hidden;}
.download ul li a:hover i .img02{ filter:alpha(opacity=100);opacity:1; }
.download ul li a:hover .downloadTit h4{color: #f2054d;}
.download ul li a:hover{
-webkit-box-shadow: 1px 2px 20px rgba(0,0,0,.2);
-moz-box-shadow: 1px 2px 20px rgba(0,0,0,.2);
box-shadow: 1px 2px 20px rgba(0,0,0,.2);}
@media screen and (max-width:1429px){
.download ul li a{ padding: 20px 30px 20px 92px;}
.download .downloadTit{width:32%;}
.download .downloadIntr{width: 65%;}
}
@media screen and (max-width:1199px){
.download ul li a{ padding: 20px 30px 20px 92px;}
.download .downloadTit{width:32%; padding: 4px 20px 4px 20px;}
.download .downloadIntr{width: 65%;}
}
@media screen and (max-width:991px){
.download ul li a{ padding: 10px 20px 10px 62px;}
.download ul li i{width: 65px;}
.download .downloadTit{width:32%; padding: 4px 20px 4px 20px;}
.download .downloadTit h4{line-height:26px; height: 26px; font-size: 14px; }
.download .downloadTit span{line-height:20px; height: 20px; padding-left: 16px;}
.download .downloadIntr{width: 65%; margin-top: 3px;}
}
@media screen and (max-width:767px){
.download ul li{margin-top: 15px;}
.download ul li a{ padding: 10px 15px;}
.download ul li i{width:40px; left: 15px; top: 14px; }
.download .downloadTit{width:100%; padding: 4px 0 8px 50px; border-right: 0; border-bottom: 1px solid #e9e9e9;}
.download .downloadTit h4{line-height:26px; height: 26px; font-size: 14px; }
.download .downloadTit span{line-height:20px; height: 20px; padding-left: 16px;}
.download .downloadIntr{width: 100%; margin-top: 8px; line-height: 24px; max-height: 96px; height: auto; font-size: 13px;}
}
/* æ¸ é“åˆä½œ */
.cooperate{float: left; width: 100%; padding: 68px 0 80px 0; text-align: center;}
.cooTit{float: left; width: 100%; color: #000; position: relative; text-align:center}
.cooTit h4{display:inline-block; *display:inline; *zoom:1; vertical-align: top; min-width: 468px; padding: 0 30px; border-bottom: 1px solid #e0e0e0; line-height: 80px; height: 81px; font-size: 28px; font-weight: bold; position: relative;}
.cooTit h4::after{position: absolute; content: ""; left: 50%; bottom: -1px; width: 24px; height: 2px; background: #f2054d; margin-left: -12px; }
.cooTit .span01{float: left; width: 100%; text-align: center; height: 44px; line-height: 44px; font-size: 16px; color: #686868; display: block;}
.cooTit2 h4{color: #fff; border-color: #fff;}
.cooTop{float: left; width: 100%; padding-bottom: 80px; text-align: center;}
.cooTop .cooTopTxt{float: left; width: 100%; margin-top: 34px; line-height: 36px; font-size: 16px; color: #878787; text-align: left;}
.cooTop .cooTopTxt img{display: block; margin: 30px auto 0 auto;}
.cooTop .cooTopShare{display:inline-block; *display:inline; *zoom:1; vertical-align: top; margin-top: 22px;}
.cooTop .cooTopShare span{float: left; padding-right: 15px; line-height: 36px; height: 36px; font-size: #3c3d3f; font-size: 16px;}
.cooTop .cooTopShare .jiathis_style_32x32{float: left; }
.cooTop .cooTopShare .proLink,
.cooTop .cooTopShare .jiathis_button_weixin{float: left !important; display: block !important; background: url(../images/img_16_3.png) no-repeat center !important;background-size: 100% 100% !important; width: 36px !important;height: 36px!important;overflow: hidden; position: relative; margin: 0 8px !important; padding: 0 !important;cursor: pointer;}
.cooTop .cooTopShare .jtico_weixin{position: absolute; left: 9999px;}
.cooTop .cooTopShare .jiathis_button_tsina{float: left !important;display: block !important; background: url(../images/img_16_4.png) no-repeat center !important;background-size: 100% 100% !important; width: 36px !important;height: 36px!important;overflow: hidden; position: relative; margin: 0 8px !important; padding: 0 !important;cursor: pointer;}
.cooTop .cooTopShare .jtico_tsina{position: absolute; left: 9999px;}
.cooTop .cooTopShare .jiathis_button_qzone{float: left !important;display: block !important; background: url(../images/img_16_5.png) no-repeat center !important;background-size: 100% 100% !important; width: 36px !important;height: 36px!important;overflow: hidden; position: relative; margin: 0 8px !important; padding: 0 !important;cursor: pointer;}
.cooTop .cooTopShare .jtico_qzone{position: absolute; left: 9999px;}
.cooTop .cooTopShare .proLink:hover,
.cooTop .cooTopShare .jiathis_style_32x32 a:hover{opacity:0.8; filter:alpha(opacity=80);}
.cooTop .cooTopShare .proLink{background: url(../images/pro02.png) no-repeat center !important;background-size: 100% 100% !important; margin-right: 30px!important; }
@media screen and (max-width:991px){
.cooperate{padding: 48px 0 40px 0;}
.cooTop{padding-bottom: 40px;}
.cooTit h4{min-width: 368px; padding: 0 20px; line-height: 50px; height: 51px; font-size: 20px;}
.cooTop .cooTopTxt{margin-top: 24px; line-height: 30px; font-size: 14px; padding: 0 15px;}
.cooTop .cooTopTxt img{width: 60%;}
.cooTop .cooTopShare{ margin-top: 22px;}
.cooTop .cooTopShare span{ padding-right: 10px; line-height: 30px; height: 30px; font-size: 14px;}
.cooTop .cooTopShare .proLink,
.cooTop .cooTopShare .jiathis_button_tsina,
.cooTop .cooTopShare .jiathis_button_qzone,
.cooTop .cooTopShare .jiathis_button_weixin{width: 30px !important; height: 30px!important; margin: 0 5px !important; }
.cooTop .cooTopShare .proLink{margin-right: 20px!important;}
}
@media screen and (max-width:767px){
.cooperate{padding: 28px 0 30px 0;}
.cooTop{padding-bottom: 20px;}
.cooTop .cooTopTxt img{width: 80%; margin: 20px auto 0 auto;}
.cooTit h4{min-width: 268px; line-height: 40px; height: 41px; font-size: 18px;}
.cooTit .span01{height: 30px; line-height: 30px; font-size: 14px; }
.cooTop .cooTopTxt{margin-top: 20px; line-height: 28px; font-size: 14px; padding: 0 10px;}
.cooTop .cooTopShare span{ padding-right: 5px; line-height: 24px; height: 24px; font-size: 13px;}
.cooTop .cooTopShare .proLink,
.cooTop .cooTopShare .jiathis_button_tsina,
.cooTop .cooTopShare .jiathis_button_qzone,
.cooTop .cooTopShare .jiathis_button_weixin{width: 24px !important; height: 24px!important; margin: 0 3px !important; }
.cooTop .cooTopShare .proLink{margin-right: 10px!important;}
}
.cooObject{float: left; width: 100%; padding: 35px 0 80px 0; background: #f9f9f9;}
.cooObjList{margin-top: 33px; float: left; width: 100%;}
.cooObjList ul{margin: 0 -11px;}
.cooObjList ul li{float: left; width: 20%; padding: 0 11px;}
.cooObjList ul li .cooObjBox{float: left; width: 100%; border: 1px solid #e8e8e8; background: #fff; padding: 39px 39px 28px 39px; text-align: center; }
.cooObjList ul li .cooObjPic{padding-bottom: 18px; position: relative; width: 100%; float: left; }
.cooObjList ul li .cooObjPic::after{position: absolute; content: ""; width: 25px; height: 2px; background: #9e9e9e; left: 50%; margin-left: -12px; bottom: 0;}
.cooObjList ul li .cooObjPic img{margin: 0 auto; display: block; width: 150px;
-webkit-transition: all 0.2s ease-out 0s;
-moz-transition: all 0.2s ease-out 0s;
-o-transition: all 0.2s ease-out 0s;
transition: all 0.2s ease-out 0s;}
.cooObjList ul li .cooObjPic .img02{position: absolute; left: 50%; top: 0; filter:alpha(opacity=00);opacity:0;
-webkit-transform: translate(-50%, 0);
-ms-transform: translate(-50%, 0);
transform: translate(-50%, 0); }
.cooObjList ul li .cooObjBox h4{float: left; width: 100%; line-height: 20px; height: 40px; font-size: 14px; margin-top: 20px; overflow: hidden;}
.cooObjList ul li:hover .cooObjPic .img02{filter:alpha(opacity=100);opacity:1;}
@media screen and (max-width:1429px){
.cooObjList ul li .cooObjPic img{width: 130px;}
.cooObjList ul li .cooObjBox{padding: 30px 20px 28px 20px; }
}
@media screen and (max-width:1199px){
.cooObjList ul{margin: 0 -8px;}
.cooObjList ul li{padding: 0 8px;}
.cooObjList ul li .cooObjPic img{width: 100px;}
.cooObjList ul li .cooObjBox{padding: 30px 15px 28px 15px; }
}
@media screen and (max-width:991px){
.cooObject{padding: 30px 0 50px 0;}
.cooObjList{margin-top: 20px;}
.cooObjList ul{margin: 0 -5px;}
.cooObjList ul li{padding: 0 5px;}
.cooObjList ul li .cooObjPic img{width: 80px;}
.cooObjList ul li .cooObjBox{padding: 15px 6px 20px 6px; }
.cooObjList ul li .cooObjBox h4{font-size: 12px;}
}
@media screen and (max-width:767px){
.cooObject{padding: 30px 0 30px 0;}
.cooObjList{margin-top: 10px;}
.cooObjList ul{margin: 0 -5px;}
.cooObjList ul li{padding: 0 5px; width: 50%; margin-top: 10px;}
.cooObjList ul li .cooObjPic img{width: 80px;}
.cooObjList ul li .cooObjBox{padding: 15px 6px 15px 6px; }
.cooObjList ul li .cooObjBox h4{font-size: 12px;}
}
.cooStyle{float: left; width: 100%; padding: 50px 0 80px 0;}
.cooStyle .cooStyleBox{float: left; width: 24%;margin-left: 4px;margin-right: 4px; margin-top: 107px; position: relative; background: #000;
-webkit-border-radius:10px;
-moz-border-radius:10px;
border-radius:10px;}
.cooStyle .cooStyleBox i{position: absolute; left: 50%; top: -51px; width: 103px; display: block; z-index: 9; margin-left: -51px;}
.cooStyle .cooStyleBox i img{float: left; width: 100%; display: block;}
.cooStyle .cooStyleBox .imgBg{float: left; width: 100%; display: block; filter:alpha(opacity=60);opacity:0.6; height: 264px;
-webkit-border-radius:10px;
-moz-border-radius:10px;
border-radius:10px;}
.cooStyle .cooStyleTxt{position: absolute; top: 60%; left: 0; text-align: center; padding: 0 8%; width: 100%;
-webkit-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
transform: translate(0, -50%); }
.cooStyle .cooStyleTxt h4{float: left; width: 100%; line-height: 42px; height: 42px; font-size: 24px; color: #fff; font-weight: bold;}
.cooStyle .cooStyleTxt span{float: left; display: block; width: 100%; line-height: 28px; height: 56px; overflow: hidden; font-size: 15px; color: #fff; margin-top: 13px;}
.cooServe{float: left; width: 100%; padding: 58px 0 66px 0; background: #efefef; }
.cooServe .cooSer_m{float: left; position: relative; width: 100%; }
.cooSer_m img{position: absolute; top: 50%; left: 0; width: 50%;
-webkit-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
transform: translate(0, -50%);}
.cooServe .cooSerBox{float: right; width: 45%; margin-right: 33px; padding: 26px 3% 40px 2%; background: #fff; position: relative; text-align: left;
-webkit-box-shadow: 1px 1px 10px rgba(0,0,0,.2);
-moz-box-shadow: 1px 1px 10px rgba(0,0,0,.2);
box-shadow: 1px 1px 10px rgba(0,0,0,.2);
-webkit-border-radius:10px;
-moz-border-radius:10px;
border-radius:10px;}
.cooServe .cooSerBox::before{position: absolute; right: 100%; top: 50%; width: 16px; height: 34px; content: ""; margin-top: -17px;}
.cooServe .cooSerBox h2{float: left; width: 100%; font-size: 28px; color: #000; font-weight: bold; }
.cooServe .cooSerBox h2 span{line-height: 50px; padding-bottom: 24px; position: relative; width: 60%; display: inline-block; border-bottom: 1px solid #bcbcbc;}
.cooServe .cooSerBox h2 span::after{position: absolute; content: ""; width: 24px; height: 2px; background: #f2054d; left: 0; bottom: -1px;}
.cooServe .cooSerTxt{float: left; width: 100%; margin-top: 0px;}
.cooServe .cooSerTxt h4{float: left; width: 100%; margin-bottom: 4px; margin-top: 14px; line-height: 36px; height: 36px; font-size: 20px; color: #515151; font-weight: bold;}
.cooServe .cooSerTxt .span02{float: left; width: 100%; line-height: 32px; font-size: 16px; color: #adadad; position: relative;}
@media screen and (max-width:1429px){
.cooStyle .cooStyleTxt{padding: 0 4%;}
}
@media screen and (max-width:1199px){
.cooStyle .cooStyleBox{width: 49%;}
.cooStyle .cooStyleBox .imgBg{height: 224px;}
.cooStyle .cooStyleTxt{padding: 0 3%;}
.cooStyle .cooStyleTxt h4{line-height: 32px; height: 32px; font-size: 20px;}
.cooStyle .cooStyleTxt span{line-height: 24px; height: 48px; font-size: 14px; margin-top: 10px;}
.cooServe .cooSerBox h2{font-size: 20px;}
.cooServe .cooSerBox h2 span{line-height: 40px; padding-bottom: 15px; width: 60%;}
}
@media screen and (max-width:991px){
.cooStyle{padding: 30px 0 50px 0;}
.cooStyle .cooStyleBox i{top: -35px; width: 60px; margin-left: -30px;}
.cooStyle .cooStyleBox .imgBg{height: 184px;}
.cooStyle .cooStyleTxt{padding: 0 5%;}
.cooStyle .cooStyleTxt h4{line-height: 26px; height: 26px; font-size: 16px;}
.cooStyle .cooStyleTxt span{line-height: 22px; height: 66px; font-size: 13px; margin-top: 5px;}
.cooServe .cooSerBox{padding: 20px 2% 30px 8%;}
.cooServe .cooSerBox h2{font-size: 18px;}
.cooServe .cooSerBox h2 span{line-height: 30px; padding-bottom: 15px; width: 80%;}
.cooServe .cooSerTxt h4{margin-bottom: 10px; line-height: 26px; height: 26px;font-size: 16px;color: #f2054d;}
.cooServe .cooSerTxt .span02{padding-left: 12px; line-height: 26px; font-size: 14px;}
.cooServe .cooSerTxt .span02::before{width: 6px; height: 6px; margin-top: -3px;}
}
@media screen and (max-width:767px){
.cooStyle{padding: 30px 0;}
.cooStyle .cooStyleBox{width: 100%; margin-top: 60px;}
.cooStyle .cooStyleTxt span{line-height: 22px; height: auto; max-height: 88px;}
.cooServe{padding: 30px 0;}
.cooSer_m img{position: static; left: auto; top: auto; width: 100%;
-webkit-transform: translate(0, 0);
-ms-transform: translate(0, 0);
transform: translate(0, 0);}
.cooServe .cooSerBox{padding: 20px 2% 20px 5%; width: 100%; margin-right: 0;margin-top: 25px;}
.cooServe .cooSerBox::before{width: 12px; height: 26px; content: ""; margin-top: -18px; top: 0; left: 50%; margin-left: -6px;
-webkit-transform: rotate(90deg); /* Safari and Chrome */
-moz-transform: rotate(90deg); /* Firefox */
-ms-transform: rotate(90deg); /* IE 9 */
-o-transform: rotate(90deg); /* Opera */
transform: rotate(90deg);
}
.cooServe .cooSerTxt{margin-top: 20px;}
.cooServe .cooSerBox h2{font-size: 16px;}
.cooServe .cooSerBox h2 span{line-height: 24px; padding-bottom: 10px;}
}
.cooSys{float: left; width: 100%; padding: 50px 0 80px 0; text-align: center;}
.cooSys .cooSysTxt{display:inline-block; *display:inline; *zoom:1; vertical-align: top; width: 62%; line-height: 32px;font-size: 16px; color: #878787; margin-top: 30px;}
.cooSys .cooSysTxt img{display: block; margin: 0 auto; padding-top: 46px; }
.cooFlow{float: left; width: 100%; padding: 50px 0;}
.cooFlow_m{margin: 0 -6px;}
.cooFlow_s{float: left; width: 100%; margin-top: 70px; padding-bottom: 50px;}
.cooFlow_s .li_hp{float: left; width: 100%; position: relative; height: 230px;}
.cooFlow_s .li_hp::after{position: absolute; left: 0; top: 50%; width: 100%; background: url(../images/coo14.png) no-repeat center; height: 18px; margin-top: -9px; content: "";}
.cooFlow_s .cooFlowTxt{position: absolute; top: 19px; line-height: 32px; font-size: 16px; color: #fff; width: 100%; padding: 0 15px;height: 64px; overflow: hidden; text-align: left;}
.cooFlow_s .cooFlowNum{position: absolute; bottom: 0; left: 50%; margin-left: -80px; width: 158px; height: 58px; line-height: 58px; text-align: center; font-size: 21px; color: #fff; font-family: Arial; font-style: italic; background: #d32329;
-webkit-border-radius:50%;
-moz-border-radius:50%;
border-radius:50%;}
.cooFlow_s .cooFlowNum::after{position: absolute; content: ""; width: 1px; height: 55px; background: #d32329; left: 50%; bottom: 100%;}
.cooFlow_s .li_hp.even .cooFlowTxt{ bottom: 19px; top: auto;}
.cooFlow_s .li_hp.even .cooFlowNum{ bottom: auto; top: 0;}
.cooFlow_s .li_hp.even .cooFlowNum::after{bottom: auto; top: 100%;}
.cooFlow_s .slick-dots{ bottom:5px; height:12px;}
.cooFlow_s .slick-dots li{ width:12px; height:12px; margin:0 9px; border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%; background: rgba(255,255,255,.3);}
.cooFlow_s .slick-dots li.slick-active{background:#f2054d;}
.cooSq{float: left; width: 100%; padding: 50px 0 0 0; text-align: center;}
.cooSq .cooSq_m{display:inline-block; *display:inline; *zoom:1; vertical-align: top; width: 32.857143%; background: #efefef; margin-top: 36px; position: relative; padding-bottom: 32.857143%;
-webkit-border-radius:50%;
-moz-border-radius:50%;
border-radius:50%; }
.cooSq .cooSqBox{position: absolute; top: 65px; left: 0; width: 100%; text-align: center;}
.cooSq .cooSqTxt{font-size: 16px; line-height: 30px; color: #000; width: 100%; float: left; height: 120px; overflow: hidden;}
.cooSq .cooSqBox img{margin: 0 auto; display: block; padding-top: 15px; width: 185px;}
@media screen and (max-width:1429px){
.cooSys .cooSysTxt{width: 72%;}
.cooSq .cooSq_m{width: 36%; padding-bottom: 36%;}
.cooFlow_s .li_hp::after{ height: 18px; margin-top: -9px; background-size: 100%;}
}
@media screen and (max-width:1199px){
.cooSys .cooSysTxt{width: 80%;}
.cooSq .cooSq_m{width: 40%; padding-bottom: 40%;}
.cooSq .cooSqBox img{width: 145px;}
.cooFlow_s .cooFlowTxt{line-height: 28px; font-size: 14px;padding: 0 6px;height: 56px; ;}
.cooFlow_s .cooFlowNum{ margin-left: -25px; width: 50px; height: 50px; line-height: 50px;font-size: 18px;}
.cooFlow_s .cooFlowNum::after{height: 70px;}
}
@media screen and (max-width:991px){
.cooSys{padding: 30px 0 50px 0;}
.cooSys .cooSysTxt{width: 90%;}
.cooSys .cooSysTxt img{width: 360px;}
.cooSq{padding: 30px 0 0 0;}
.cooSq .cooSq_m{width: 48%; padding-bottom: 48%;}
.cooSq .cooSqBox{top: 40px;}
.cooSq .cooSqBox img{width: 145px;}
.cooFlow{padding: 30px 0 25px 0;}
.cooFlow_s{margin-top: 40px; padding-bottom: 25px;}
.cooFlow_s .li_hp{height: 200px;}
.cooFlow_s .cooFlowTxt{line-height: 24px; font-size: 14px;padding: 0 6px;height: 72px ;}
.cooFlow_s .cooFlowNum{ margin-left: -75px; width: 146px; height: 46px; line-height: 46px;font-size: 16px;}
.cooFlow_s .cooFlowNum::after{height: 50px;}
}
@media screen and (max-width:767px){
.cooSys{padding: 30px 0;}
.cooSys .cooSysTxt{width: 100%; line-height: 26px; font-size: 14px; margin-top: 20px;}
.cooSys .cooSysTxt img{width: 300px;padding-top: 26px;}
.cooSq .cooSq_m{width: 90%; padding-bottom: 90%;}
.cooSq .cooSqBox{top: 50%;
-webkit-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
transform: translate(0, -50%); }
.cooSq .cooSqTxt{line-height: 24px; font-size: 14px; height: 96px;}
.cooSq .cooSqBox img{width: 105px; margin-top: 15px;}
.cooFlow_s .li_hp{height: 180px;}
.cooFlow_s .cooFlowTxt{line-height: 20px; font-size: 13px;padding: 0 6px;height: 60px ;}
.cooFlow_s .slick-dots{ bottom:5px; height:8px;}
.cooFlow_s .slick-dots li{ width:8px; height:8px; margin:0 4px; }
}
/* 人æ‰æ‹›è˜ */
.recruit{float: left; width: 100%; margin-top: 80px;}
.recList{float: left; width: 100%; min-height: 600px;}
.t_14{float: left; width: 100%; background: #f2054d;}
.t_14 span{float: left; width:28.114754%; height: 60px; display: inline-block; font-size: 16px; font-weight: bold; padding-left: 80px; line-height: 60px; color: #fff;}
.t_14 ul{float: left; width: 71.885246%; padding-right: 10.638298%;}
.t_14 ul li{float: left; width: 25%; text-align: center; font-size: 16px; color: #fff; line-height: 60px; height: 60px; font-weight: bold;}
.d_14{float: left; width: 100%; margin-top: 10px; background: #f5f5f5; cursor: pointer;}
.d_14 .d_14_t{float: left; width:28.114754%; display: table; height: 60px; }
.d_14 .d_14_t div{ display: table-cell; vertical-align: middle;}
.d_14 .d_14_t span{float: left; width: 100%; line-height: 30px; max-height: 60px;overflow: hidden; font-size: 16px;padding-left: 80px;}
.d_14 ul{float: left; width:71.885246%;padding-right: 10.638298%; position: relative;}
.d_14 ul li{float: left; width: 25%; text-align: center; font-size: 16px; color: #333; line-height: 60px; height: 60px;}
.d_14 ul i{position: absolute; right: 0; top: 0; width: 10.638298%; height: 60px; background: url(../images/bg_14_3.png) no-repeat center; display: block; border-left: 1px solid rgba(255,255,255,.8);}
.d_14.on i{background: url(../images/bg_14_4.png) no-repeat center;}
.d_14.on{background: #f2054d;}
.d_14.on .d_14_t span{color: #fff;}
.d_14.on ul li{color: #fff;}
.d_14 .d_14_h{display: none;float: left; width: 100%; padding: 32px 0; background: #fff;}
.d_14 .d_14_le{float: left; width: 47.340426%; padding-left: 140px; line-height: 30px; font-size: 14px; color: #666;}
.d_14 .d_14_le .d_14_h4{float: left; width: 100%; font-size: 16px; line-height: 24px; height: 24px; color: #333; margin-bottom: 26px;}
.d_14 .d_14_le .recBtn{float: left; width: 100%; margin-top: 30px; }
.d_14 .d_14_le a{float: left; padding: 0 27px; height: 38px; line-height: 38px; text-align: center; font-size: 14px; color: #fff; background:#f2054d; background-size: 100%;
-webkit-border-radius:19px;
-moz-border-radius:19px;
border-radius:19px; }
.d_14 .d_14_le a:hover{
-webkit-box-shadow: 1px 1px 10px rgba(0,0,0,.2);
-moz-box-shadow: 1px 1px 10px rgba(0,0,0,.2);
box-shadow: 1px 1px 10px rgba(0,0,0,.2); }
.d_14 .d_14_le.d_14_r{ padding-left: 86px; border-left: 1px solid #e7e7e7; position: relative;}
.d_14 .d_14_le.d_14_r::before{position: absolute; content: ""; width: 1px; height: 18px; background: #d7d7d7; top: 50%; margin-top: -9px; left: -1px;}
@media screen and (max-width:1429px){
.d_14 .d_14_le{padding-left: 80px; }
.d_14 .d_14_le.d_14_r{padding-left: 40px;}
}
@media screen and (max-width:1199px){
.t_14 span{padding-left: 10px;}
.d_14 .d_14_t span{ font-size: 14px; padding-left: 10px;}
.d_14 .d_14_le{padding-left: 20px; }
.d_14 ul li{font-size: 14px;}
}
@media screen and (max-width:991px){
.recruit{margin-top: 40px;}
.t_14{height: 48px;}
.t_14 span,
.t_14 ul li{font-size: 14px; line-height: 48px; height: 48px; }
.d_14 .d_14_t{height: 48px;}
.d_14 .d_14_t span{ font-size: 12px;}
.d_14 ul li{font-size: 12px; line-height: 48px; height: 48px;}
.d_14 ul i{height: 48px;}
.d_14 .d_14_le.d_14_r{padding-left: 20px; }
.d_14 .d_14_le.d_14_r .d_14_h4{padding-left: 20px;}
.d_14 .d_14_le a{line-height: 30px; height: 30px; padding: 0 15px; font-size: 14px;}
}
@media screen and (max-width:767px){
.recruit{margin-top: 30px;}
.recList{min-height: 400px;}
.t_14{display: none;}
.d_14 .d_14_t{width: 80%;}
.d_14 .d_14_t span{ font-size: 14px;}
.d_14 ul{width: 20%;}
.d_14 ul i{width: 100%;}
.d_14 ul li{display: none;}
.d_14 .d_14_h{ padding: 14px 0;}
.d_14 .d_14_le{width: 100%; padding-top: 10px; padding: 10px 15px 0 15px;}
.d_14 .d_14_le .d_14_h4{font-size: 14px; margin-bottom: 15px;}
.d_14 .d_14_le.d_14_r{margin-left: 0; }
.d_14 .d_14_le a{width: 100px; height: 30px; line-height: 30px; font-size: 12px; margin-top: 19px; margin-left: 0;}
.d_14 .d_14_le.d_14_r{padding-left: 15px; border: 0;}
.d_14 .d_14_le.d_14_r .d_14_h4{padding-left: 0;}
.d_14 .d_14_le.d_14_r::before{display: none;}
}
/* æ–°é—» */
.news{float: left; width: 100%; margin-top: 42px;}
.c_9{float: left; width: 100%;}
.c_9 .ul05{ float:left; width:100%;}
.c_9 .ul05 li{ float:left; width:100%; margin-top:30px; position:relative; padding-left:140px; background:#f6f6f6; border-bottom: 1px dashed #ccc;}
.c_9 .ul05 li a{float: left; display: block; width: 100%}
.pic13{position:absolute; left:0; top:0; width:140px; height:100px; text-align:center; padding-top:14px; color: #fff; background: #f2054d;
-webkit-transition: all 0.2s ease-out 0s;
-moz-transition: all 0.2s ease-out 0s;
-o-transition: all 0.2s ease-out 0s;
transition: all 0.2s ease-out 0s;}
.c_9 .ul05 li .pic13 img{ width:328px; margin: 0 auto;}
.text7{ float:left; width:100%; padding-left:2.5%; padding-right:2.5%; border-left:1px solid #fff;}
.text7 .title7{ float:left; width:100%; height:40px; line-height:40px; margin-top:4px; font-size:20px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; color:#333;}
.text7 .p18{ float:left; width:100%; height:50px; line-height:25px; margin-top:8px; margin-bottom:7px; font-size:14px; color:#999; overflow:hidden;}
.text7 .time_link{ float:left; width:100%; height:71px; line-height:71px; margin-top:43px;}
.text7 .time_link span{ float:left; font-size:14px; color:#f2054d;}
.text7 .time_link i{ display: block; float:right; font-size:14px; color:#a9a9a9; font-style: normal;}
.c_9 .ul05 li a:hover .text7 .title7{ color:#f2054d;}
.c_9 .ul05 li a:hover .text7 .time_link i{ color:#f2054d;}
.c_9 .ul05 li a:hover .pic13{ background:#da0042;}
@media screen and (max-width:991px){
.c_9 .ul05 li{ margin-top:20px; padding-left:230px;}
.pic13{ width:230px; height:auto; padding-top:15px;}
.c_9 .ul05 li .pic13 img{ width:200px; height:auto;}
.text7 .title7{ height:30px; line-height:30px; margin-top:20px;}
.text7 .p18{ height:44px; line-height:22px; margin-top:4px;}
.text7 .time_link{ height:35px; line-height:35px; margin-top:15px;}
.pz_banner{margin-top: 0px}
}
@media screen and (max-width:767px){
.news{margin-top: 15px;}
.text7 .p18{ display:none;}
.c_9 .ul05 li{ margin-top:12px; padding-left:70px;height: 74px;}
.pic13{ width:70px; height:auto; padding-top:0px;}
.c_9 .ul05 li .pic13 img{ width:130px;}
.text7{ padding-left:5%; padding-right:5%;}
.text7 .title7{ height:40px; line-height:20px; margin-top:15px; font-size:14px; white-space:normal;}
.text7 .time_link{ height:32px; line-height:32px; margin-top:10px;}
.text7 .time_link span{ font-size:12px;}
.text7 .time_link i{ font-size:12px;}
}
/* 新闻详细 */
.newsDel{float: left; width: 100%; padding:0 35px 52px 35px; margin-top: 40px; border: 1px solid #e1e0e0; }
.newsDel .newsTit{float: left; width: 100%; padding:32px 0 37px 0; border-bottom: 1px solid #e1e0e0; text-align: center;}
.newsDel .newsTit .newsTit_m{float: left; width: 100%; line-height: 50px; font-size: 26px; color: #333;}
.newsDel .newsTit .date02{float: left; width: 100%; line-height: 24px; height: 24px; font-size: 14px; color: #979797; margin-top: 13px;}
.newsDel .newsDel_m{float: left; width: 100%; line-height: 30px; font-size: 14px; color: #333; margin-top: 36px; padding-bottom: 49px; border-bottom: 1px solid #e1e0e0; }
.newsDel .newsDel_m img{display: block; margin: 0 auto;}
.newsDel .newsDel_d{float: left; width: 100%; margin-top: 27px;}
.newsDel .newsDel_d .newsShare{float: left; margin-top: 5px; }
.newsDel .newsDel_d .newsBack{float: right; width: 116px;height: 39px; line-height: 39px; text-align: center; background: #f2054d; font-size: 16px; color: #fff;
-webkit-border-radius:20px;
-moz-border-radius:20px;
border-radius:20px;}
.newsDel .newsDel_d .newsBack:hover{
-webkit-box-shadow: 1px 1px 10px rgba(0,0,0,.2);
-moz-box-shadow: 1px 1px 10px rgba(0,0,0,.2);
box-shadow: 1px 1px 10px rgba(0,0,0,.2);}
.newsList{float: left; width: 100%; margin-top: 49px; padding-bottom: 60px;}
.newsList .newsListTit{float: left; width: 100%; line-height: 46px; height: 46px; font-size: 24px; color: #000; }
.newsList .newsListTit span{font-size: 16px; color: #f2054d; text-transform: uppercase;}
.newsList .newsList_m{float: left; width: 100%; }
.newsList .newsList_m ul{margin: 0 -40px;}
.newsList .newsList_m ul li{float: left; width: 50%; padding: 0 40px; margin-top: 26px;}
.newsList .newsList_m ul li a{float: left; width: 100%; padding-left: 34%; position: relative;}
.newsList .newsList_m ul li a i{position: absolute; left: 0; top: 0; width:31%; display: block; overflow: hidden;
-webkit-border-radius:15px;
-moz-border-radius:15px;
border-radius:15px;}
.newsList .newsList_m ul li a i img{float: left; width: 100%; display: block;
-webkit-border-radius:15px;
-moz-border-radius:15px;
border-radius:15px;}
.newsList .newsList_m .tit01{float: left; width: 100%; line-height: 42px; height: 42px; font-size: 16px; color: #333;
-webkit-transition: all 0.2s ease-out 0s;
-moz-transition: all 0.2s ease-out 0s;
-o-transition: all 0.2s ease-out 0s;
transition: all 0.2s ease-out 0s; }
.newsList .newsList_m .span01{float: left; width: 100%; line-height: 26px; height: 52px; font-size: 14px; color: #666; display: block; overflow: hidden;}
.newsList .newsList_m .span02{float: left; width: 100%; line-height: 22px; height: 22px; font-size: 14px; color: #999; display: block; margin-top: 8px;}
.newsList .newsList_m ul li a:hover .tit01{color: #f2054d;}
@media screen and (max-width:1429px){
.newsList .newsList_m .tit01{line-height: 32px; height: 32px;}
.newsList .newsList_m .span02{margin-top: 5px;}
}
@media screen and (max-width:1199px){
.newsList .newsList_m ul{margin: 0 -15px;}
.newsList .newsList_m ul li{padding: 0 15px; margin-top: 26px;}
.newsList .newsList_m .tit01{line-height: 28px; height: 28px;}
.newsList .newsList_m .span01{line-height: 22px; height: 44px; font-size: 14px; }
.newsList .newsList_m .span02{line-height: 18px; height: 18px; font-size: 12px;}
}
@media screen and (max-width:991px){
.newsDel{padding:0 15px 20px 15px; margin-top: 20px; border: 1px solid #e1e0e0; }
.newsDel .newsTit{padding: 30px 0;}
.newsDel .newsTit .newsTit_m{font-size: 22px; line-height: 34px;}
.newsList{margin-top: 30px; padding-bottom: 40px;}
.newsList .newsList_m ul{margin: 0 -10px;}
.newsList .newsList_m ul li{padding: 0 10px; margin-top: 20px;}
.newsList .newsList_m .tit01{line-height: 24px; height: 24px; font-size: 14px;}
.newsList .newsList_m .span01{line-height: 20px; height: 40px; font-size: 12px; }
.newsList .newsList_m .span02{line-height: 18px; height: 18px; font-size: 12px;}
}
@media screen and (max-width:767px){
.newsDel .newsTit{padding: 20px 0 10px 0;}
.newsDel .newsTit .newsTit_m{font-size: 18px; line-height: 24px;}
.newsDel .newsTit .date02{font-size: 12px; line-height: 20px;}
.newsDel .newsDel_m { line-height: 26px; margin-top: 20px; padding-bottom: 30px;}
.newsDel .newsDel_d { margin-top: 20px;}
.newsDel .newsDel_d .newsBack {width: 100px; line-height: 30px; height: 30px; font-size: 14px; }
.newsDel .newsDel_d .newsShare {margin-top: 0;}
.newsList{margin-top: 20px; padding-bottom: 30px;}
.newsList .newsListTit{line-height: 26px; height: 26px; font-size: 18px;}
.newsList .newsListTit span{font-size: 14px;}
.newsList .newsList_m ul{margin: 0;}
.newsList .newsList_m ul li{padding: 0; margin-top: 15px; width: 100%; }
.newsList .newsList_m ul li a{padding-left: 37%;}
.newsList .newsList_m ul li a i{width: 35%;}
}
/* 关于我们-资质è£èª‰ */
.honor{float: left; width: 100%; padding-top: 50px;}
.honorList{float: left; width: 100%;}
.honorList ul{margin: 0 -30px;}
.honorList ul li{float: left; width: 25%; padding: 0 30px; margin-top: 30px;}
.honorList ul li a{float: left; width: 100%; display: block;}
.honorList .honorPic{float: left; width: 100%; background: #f2f2f2; overflow: hidden;}
.honorList .honorPic img{float: left; width: 100%; display: block;border: 1px solid #efefef;}
.honorList ul li a span{float: left; width: 100%; display: block; text-align: center; font-size: 16px; color: #222222; line-height: 36px; height: 36px; margin-top: 20px;
-webkit-transition: all 0.2s ease-out 0s;
-moz-transition: all 0.2s ease-out 0s;
-o-transition: all 0.2s ease-out 0s;
transition: all 0.2s ease-out 0s; }
.honorList ul li a:hover span{color: #f2054d;}
.honorTc{display: none; position: fixed; width: 100%; height: 100%; background: rgba(0,0,0,.8); top: 0; left: 0; z-index: 1050;}
.honorTc_m{position: absolute; width: 42%; top: 50%; left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%); }
.honorTc_m .cha{position: absolute; top: -22px; right: -22px; width: 25px; height: 25px; background: url(../images/cha.png) no-repeat; cursor: pointer;}
.honorTc_m ._pic{float: left; width: 100%; }
.honorTc_m ._pic img{float: left; width: 100%; display: block;}
@media screen and (max-width:1199px){
.honorList ul{margin: 0 -15px;}
.honorList ul li{padding: 0 15px; margin-top: 20px;}
.honorList ul li a span{font-size: 14px;}
.honorTc_m{width: 60%;}
}
@media screen and (max-width:991px){
.honor{padding-top: 20px;}
.honorList ul{margin: 0;}
.honorList ul li{width: 33.333333%; padding: 0 8px; margin-top: 20px;}
.honorList ul li a span{line-height: 26px; height: 26px; margin-top: 15px;}
}
@media screen and (max-width:767px){
.honorList ul li{width: 47%; padding: 0 5px; margin-top: 10px;}
.honorList ul li a span{line-height: 24px; height: 24px; margin-top: 5px; font-size: 12px;}
.honorTc_m{width: 80%;}
}
/* 关于我们 */
.about{float: left; width: 100%; padding-bottom: 80px;}
.aboutTit{margin: 0 auto; width: 42%; border-bottom: 1px solid #e0e0e0; line-height: 54px; padding-bottom: 22px; margin-top: 70px;position: relative; text-align: center; font-size: 32px; color: #f2054d; }
.aboutTit::after{position: absolute; content: ""; width: 28px; height: 3px; bottom: 0; left: 50%; margin-left: -14px; background: #f2054d; }
.aboutTop{float: left; width: 100%; padding-bottom: 80px;}
.aboutTop .aboutTop_m{float: left; width: 100%; margin-top: 66px;}
.aboutTop .aboutTopPic{float: left; width: 32%; padding: 22px; position: relative;}
.aboutTop .aboutTopPic::before{position: absolute; content: ""; width: 43.125%; height: 60.5%; background: #efefef; left: 0; bottom: 0;}
.aboutTop .aboutTopPic::after{position: absolute; content: ""; width: 43.125%; height: 60.5%; background: #efefef; right: 0; top: 0;}
.aboutTop .aboutTopPic img{float: left; width: 100%; display: block; position: relative; z-index: 9;}
.aboutTop .aboutTopTxt{float: right; width: 67%; line-height: 40px; height: 420px; font-size: 16px; color: #7c7c7c;}
.aboutTop .aboutTopTxt .about_h4{float: left; width: 100%; line-height: 65px; font-size: 28px; color: #000; font-weight: bold;}
.aboutTop .aboutTop_m ul{float: left; width: 100%; margin-top:48px;border-left: 1px solid #f4f4f4; }
.aboutTop .aboutTop_m ul li{float: left; width: 33.333333%; border-right: 1px solid #f4f4f4; text-align: center;}
.aboutTop .aboutTop_m ul li h2{float: left; width: 100%; line-height: 58px; padding-bottom: 12px; font-size: 55px; color: #f2054d; font-weight: bold; position: relative;}
.aboutTop .aboutTop_m ul li h2::after{position: absolute; content: ""; width: 26px; height: 2px; background: #f2054d; left: 50%; margin-left: -13px; bottom: 0;}
.aboutTop .aboutTop_m ul li span{float: left; width: 100%; line-height:28px; font-size: 16px; color: #646464; margin-top: 13px; display: block;}
@media screen and (max-width:1429px){
.aboutTop .aboutTopTxt{margin-top: 0; line-height: 28px; height: 364px; font-size:15px; }
.aboutTop .aboutTopTxt .about_h4{ font-size: 20px;}
}
@media screen and (max-width:1199px){
.aboutTop .aboutTopPic{padding: 15px;}
.aboutTop .aboutTopTxt{width: 52%; margin-top: -20px; line-height: 28px; height: auto; font-size:14px; }
.aboutTop .aboutTop_m ul li h2{font-size: 45px;}
}
@media screen and (max-width:991px){
.about{padding-bottom: 50px;}
.aboutTit{line-height: 34px; padding-bottom: 18px; margin-top: 40px; font-size: 22px; }
.aboutTop{padding-bottom: 40px;}
.aboutTop .aboutTop_m{margin-top: 36px;}
.aboutTop .aboutTopPic{width: 60%; margin: 0 20%; padding: 12px;}
.aboutTop .aboutTopTxt{width: 100%; padding: 0 15px; margin-top: 20px; line-height: 28px; height: auto; font-size:14px; }
.aboutTop .aboutTop_m ul li h2{font-size: 35px;}
.aboutTop .aboutTop_m ul li span{line-height:24px; font-size: 14px; margin-top: 10px; padding: 0 2px;}
}
@media screen and (max-width:767px){
.about{padding-bottom: 30px;}
.aboutTit{line-height: 30px; padding-bottom: 15px; margin-top: 30px; font-size: 18px; }
.aboutTop{padding-bottom: 30px;}
.aboutTop .aboutTop_m{margin-top: 26px;}
.aboutTop .aboutTopPic{width: 100%; margin: 0; padding: 10px;}
.aboutTop .aboutTopTxt{padding: 0 10px; line-height: 25px; }
.aboutTop .aboutTopTxt .about_h4{line-height: 26px; font-size: 16px;}
.aboutTop .aboutTop_m ul{border: 0; margin-top: 20px;}
.aboutTop .aboutTop_m ul li {width: 100%; border: 0; margin-top: 5px;}
.aboutTop .aboutTop_m ul li h2{font-size: 25px; padding-bottom: 10px; line-height: 34px;}
.aboutTop .aboutTop_m ul li span{line-height:24px; font-size: 14px; margin-top: 10px; padding: 0 2px;}
}
.about .history{float: left; width: 100%; padding-bottom: 64px;}
.c_12{float: left; width: 100%;}
.c_12 .c_12_m{float: left; padding-top: 43px; padding-bottom: 40px; position:relative;}
.c_12 .c_12_m::before{content:""; position:absolute; width:1px; height:100%; background:#e3e3e3; left:50%; top:43px; z-index:8;}
.c_12 .c_12_m::after{content:""; position:absolute; width:12px; height:12px; border-radius:6px; background:#bdbdbd; left:50%; margin-left:-6px; top:43px; z-index:9;}
.c_12 h2{font-size: 30px; line-height: 60px; color: #3f3f3f; text-align: center;}
.c_12 .c_12_l{width: 100%; float: left; padding-top: 40px;}
.c_12 .c_12_l li{float:left; width: 50%; padding-right: 26px; position: relative; z-index: 9;}
.c_12 .c_12_l li a{float: left; display: block; width: 100%; padding: 22px 24px 21px 50px; border: 1px solid #e3e3e3; background: #fff; border-radius: 8px; position: relative; }
.c_12 .c_12_l li a .bg{width: 38px; height: 24px; position: absolute; left:100%; top: 28px; background: url(../images/bg_6_3.png) no-repeat center; z-index:9;
-webkit-transition: all 0.2s ease-out 0s;
-moz-transition: all 0.2s ease-out 0s;
-o-transition: all 0.2s ease-out 0s;
transition: all 0.2s ease-out 0s; }
.c_12 .c_12_l li a .c_12_l_1,
.c_12 li a .c_12_l_1{float: left; width: 100%;}
.c_12 .c_12_l li a .c_12_l_1 h2{float: left; font-size: 24px; line-height: 30px; height: 30px; color: #666; text-align: left;}
.c_12 .c_12_l li a .c_12_l_1 span{float: left; display: block; width: 100%; padding-top: 3px; line-height: 26px; font-size: 16px; color: #666; }
.c_12 .c_12_l li a img{float: right; display: block;}
.c_12 .c_12_l li a:hover{border: 1px solid #f2054d;}
.c_12 .c_12_l li a:hover .c_12_l_1 h2{color: #f2054d;}
.c_12 .c_12_l li a:hover .bg{background: url(../images/bg_6_5.png) no-repeat center;}
.c_12 li.c_12_r{padding-right: 0; padding-left: 26px; margin-top: 50px;}
.c_12 li.c_12_r a .bg2{width: 38px; height: 24px; position: absolute; right:100%; top: 28px; background: url(../images/bg_6_4.png) no-repeat center; z-index:9;}
.c_12 li.c_12_r a:hover .bg2{background: url(../images/bg_6_6.png) no-repeat center;}
.c_12 .c_12_more{float: left; font-size: 16px; padding-top: 40px; width: 100%; position: relative; z-index: 9;}
.c_12 .c_12_more a{display: block; text-align: center; margin: 0 auto; width: 152px; height: 42px; line-height: 42px;background: #f2054d; border-radius: 5px; color: #fff;}
.c_12 .c_12_more a:hover{background: #d40808;}
@media screen and (max-width:1199px){
.c_12 .c_12_l li{padding-right: 40px;}
.c_12 .c_12_l li a{padding: 22px 24px 21px 20px;}
.c_12 .c_12_l li a .bg{left: auto; right: -53px; z-index: -1;}
.c_12 li.c_12_r{padding-right: 0; padding-left: 40px;}
.c_12 li.c_12_r a .bg2{left:-53px; right: auto; z-index: -1;}
}
@media screen and (max-width:991px){
.c_12 .c_12_l li{padding-right: 30px;}
.c_12 .c_12_l li a .bg{left: auto; right: -43px; z-index: -1;}
.c_12 .c_12_l li a .c_12_l_1,
.c_12 li a .c_12_l_1{width:100%;}
.c_12 .c_12_l li a .c_12_l_1 span{line-height: 24px;}
.c_12 .c_12_l li a img{width: 120px; margin-top: 10px;}
.c_12 li.c_12_r{padding-right: 0; padding-left: 30px;}
.c_12 li.c_12_r a .bg2{left:-43px; right: auto; z-index: -1;}
}
@media screen and (max-width:767px){
.c_12 .c_12_m{padding-top: 23px; padding-bottom: 20px;}
.c_12 .c_12_m::before{width:1px; top:23px; left: 0;}
.c_12 .c_12_m::after{width:12px; height:12px; border-radius:6px; left:-6px; margin-left:0; top:23px;}
.c_12 .c_12_l{padding-top: 20px;}
.c_12 .c_12_l li{padding-right: 0; padding-left: 20px; width: 100%; margin-top: 15px;}
.c_12 .c_12_l li a{padding: 10px 15px;}
.c_12 .c_12_l li a .bg{ left: -32px; background: url(../images/bg_6_4.png) no-repeat center;}
.c_12 .c_12_l li a .c_12_l_1,
.c_12 li a .c_12_l_1{width:100%;}
.c_12 .c_12_l li a .c_12_l_1 h2{font-size: 18px; line-height: 28px; height: 28px;}
.c_12 .c_12_l li a .c_12_l_1 span{line-height: 22px; font-size: 12px;}
.c_12 .c_12_l li a img{width: 35%; margin-top: 10px;}
.c_12 li.c_12_r{padding-right: 0; padding-left: 20px; margin-top: 15px;}
.c_12 li.c_12_r a .bg2{left:-32px; }
.c_12 .c_12_more{font-size: 14px; padding-top: 20px; }
.c_12 .c_12_more a{float: left; width: 102px; height: 32px; line-height: 32px;}
.c_12 .c_12_l li a:hover .bg{background: url(../images/bg_6_6.png) no-repeat center;}
}
@media screen and (max-width:349px){
.c_12 .c_12_l li a .c_12_l_1,
.c_12 li a .c_12_l_1{width:100%;}
.c_12 .c_12_l li a img{display: none;}
}
.aboutEnvi{float: left; width: 100%; }
.aboutEnvi ul{margin: 0 -5px;}
.aboutEnvi ul li{float: left; width: 31.928571%; margin-top: 34px; padding: 0 5px;}
.aboutEnvi ul li .aboutEnviBox{width: 100%; float: left; }
.aboutEnvi ul li .aboutEnvi_h{position: absolute; width: 100%; height: 100%; left: 0; top: 0; background: rgba(255,0,0,.5); filter:alpha(opacity=00);opacity:0;
-webkit-transition: all 0.2s ease-out 0s;
-moz-transition: all 0.2s ease-out 0s;
-o-transition: all 0.2s ease-out 0s;
transition: all 0.2s ease-out 0s;}
.aboutEnvi ul li .aboutEnvi_h h4{position: absolute; width: 100%; line-height: 60px; height: 60px; left: 0; top: 50%; margin-top: -30px; text-align: center; color: #fff; font-size: 20px;}
.aboutEnvi ul li .aboutEnvi_h h4::after{position: absolute; left: 50%; bottom: 0; margin-left: -12px; width: 24px; height: 4px; background: #fff; content: "";}
.aboutEnvi ul li .img{float: left; margin-top: 10px; position: relative;}
.aboutEnvi ul li .img img{float: left; width: 100%; display: block;}
.aboutEnvi ul li .img01{width: 100%;}
.aboutEnvi ul li .img02{width: 48.9%;}
.aboutEnvi ul li .img:hover .aboutEnvi_h{filter:alpha(opacity=100);opacity:1; }
.aboutEnvi ul li.cen{width:34.714286%; }
@media screen and (max-width:991px){
.aboutEnvi ul li.cen{width: 35.2%; }
}
@media screen and (max-width:767px){
.aboutEnvi ul{margin: 20px 0 0 0; float: left; width: 100%;}
.aboutEnvi ul li{width: 100%; margin-top: 0;}
.aboutEnvi ul li.cen{width: 100%; }
.aboutEnvi ul li .aboutEnvi_h h4{line-height: 40px; height: 40px; margin-top: -30px; font-size: 16px;}
.aboutEnvi ul li .aboutEnvi_h h4::after{margin-left: -10px; width: 20px; height: 2px;}
}
/* 客户案例 */
.case{float: left; width: 100%; margin-top: 42px;}
.case_m{float: left; width: 100%; margin-top: 45px; }
.caseLe{float: left; width: 48%; background: #f8f8f8; position: relative; border-top: 3px solid #f2054d;padding: 5px 0;margin-bottom: 30px;}
.caseLe ul{float: left; width: 100%; padding: 0 20px 85px 20px; }
.caseLe ul::after{position: absolute; content: ""; background: url(../images/case01.png) no-repeat; width: 15px; height: 15px; bottom: 0; right: 0;}
.caseLe ul li{float: left; width: 100%; padding-left: 20px; position: relative;}
.caseLe ul li::before{position: absolute; content: ""; left: 0; top: 50%; background: url(../images/case02.png) no-repeat; width: 6px; height: 11px; margin-top: -5px; }
.caseLe ul li a{float: left; width: 100%; border-bottom: 1px dotted #d3d3d3; display: block; line-height: 30px; padding: 20px 0; font-size:16px; color: #666;}
.caseLe ul li.on a,
.caseLe ul li a:hover{color: #f2054d;}
.case_r{float: right; width: 48%; margin-top: 0px;}
.case_r .homeCaseList{margin-top: 0;}
.case_r .homeCaseList ul{margin: 0 -29px;}
.case_r .homeCaseList ul li{width: 50%; padding: 0 29px;}
@media screen and (max-width:991px){
.caseLe{width: 28%;}
.caseLe ul{padding: 0 15px 50px 15px;}
.caseLe ul li a{line-height: 24px; padding: 10px 0; font-size:14px;}
.case_r{width: 70%; margin-top: -20px;}
.case_r .homeCaseList ul{margin: 0 -15px;}
.case_r .homeCaseList ul li{width: 50%; padding: 0 15px;}
}
@media screen and (max-width:767px){
.case{margin-top: 20px;}
.case_m{margin-top: 25px; }
.caseLe{width: 100%;}
.caseLe ul{padding: 0 15px 20px 15px; }
.caseLe ul::after{display: none;}
.caseLe ul li a{line-height: 24px; padding: 10px 0; font-size:14px;}
.case_r{width: 100%;}
.case_r .homeCaseList ul{margin: 0 -5px;}
.case_r .homeCaseList ul li{width: 50%; padding: 0 5px;}
}
/* 解决方案 */
.solution{float: left; width: 100%; margin-top: 42px;}
.soluList{float: right; width: 100%; margin-top: -20px;}
.soluList ul{margin: 0 -36px;}
.soluList ul li{float: left; width: 50%; padding: 0 36px; margin-top: 50px;}
.soluList ul li a{float: left; width: 100%; display: block; padding-bottom: 27px; min-height: 462px; border-bottom: 1px solid #e5e5e5;
-webkit-border-radius:10px;
-moz-border-radius:10px;
border-radius:10px; }
.soluList .soluPic{float: left; width: 100%; display: block; overflow: hidden;position: relative;
-webkit-border-radius:10px;
-moz-border-radius:10px;
border-radius:10px;}
.soluList .soluPic img{float: left; width: 100%; display: block;
-webkit-border-radius:10px;
-moz-border-radius:10px;
border-radius:10px;}
.soluList .solu_h{position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(255,0,0,.5) url(../images/sol02.png) no-repeat center; filter:alpha(opacity=00);opacity:0; }
.soluList ul li a h4{float: left; width: 100%; line-height:28px; height: 28px; margin-top: 26px; color: #666; font-size: 16px; }
.soluList ul li a .soluTxt{float: left; width: 100%; line-height:24px; height: 48px; margin-top: 10px; color: #999; font-size: 14px; overflow: hidden;}
.soluList ul li a span{float: left; width: 100%; line-height:30px; height: 34px; margin-top: 8px; padding-top: 2px; color: #999; font-size: 14px; display: block; border-top: 1px solid #fff;}
.soluList ul li a:hover{padding: 26px; border-bottom: 0;
-webkit-box-shadow: 1px 1px 10px rgba(0,0,0,.2);
-moz-box-shadow: 1px 1px 10px rgba(0,0,0,.2);
box-shadow: 1px 1px 10px rgba(0,0,0,.2); }
.soluList ul li a:hover .solu_h{ filter:alpha(opacity=100);opacity:1; }
.soluList ul li a:hover h4{ color: #f2054d; }
.soluList ul li a:hover span{ color: #f2054d; border-color: #e5e5e5;}
@media screen and (max-width:1429px){
.soluList ul li a{min-height: 412px;}
}
@media screen and (max-width:1199px){
.solution .caseLe{width: 25%;}
.soluList{margin-top:0;}
.soluList ul{margin: 0 -15px;}
.soluList ul li{padding: 0 15px; margin-top: 30px;}
.soluList ul li a{min-height: 380px;}
}
@media screen and (max-width:991px){
.solution .caseLe{width: 25%;}
.soluList ul li a{min-height: 309px; padding-bottom: 15px;}
.soluList ul li a h4{line-height:28px; height: 28px; margin-top: 15px;}
.soluList ul li a:hover{padding: 15px;}
}
@media screen and (max-width:767px){
.solution{margin-top: 25px;}
.solution .caseLe{width: 100%;}
.soluList ul{margin: 0 -8px;}
.soluList ul li{padding: 0 8px; margin-top: 16px;}
.soluList ul li a{min-height: inherit; padding-bottom: 15px;}
.soluList .solu_h{background-size: 30px;}
.soluList ul li a h4{line-height:24px; height: 24px; margin-top: 10px;font-size: 14px; }
.soluList ul li a .soluTxt{line-height:20px; height: 40px; margin-top: 5px;font-size: 12px;}
.soluList ul li a span{line-height:20px; height: 22px; margin-top: 5px; font-size: 12px;}
.soluList ul li a:hover{padding: 0 0 15px 0; border-bottom: 1px solid #e5e5e5;
-webkit-box-shadow:none;
-moz-box-shadow:none;
box-shadow: none; }
.soluList ul li a:hover span{ color: #f2054d; border-color: #fff;}
}
/* 客户案例-详细 */
.caseDel{float: left; width: 100%; padding: 90px 0 50px 0;}
.caseDelTop{float: left; width: 100%;}
.caseDelTop img{float: left; width: 49.5%; display: block;
-webkit-border-radius:10px;
-moz-border-radius:10px;
border-radius:10px;}
.caseDelTop .caseDelTop_r{float: right; width: 46.428571%; margin-top: 57px;}
.caseDelTop .caseDelTop_r .caseH2{float: left; width: 100%; line-height:58px; height: 58px; font-size: 30px; color: #333; font-weight: bold;}
.caseDelTop .caseDelTop_r .caseTxt01{float: left; width: 100%; line-height:32px; height: 128px; font-size: 16px; color: #333; margin-top:26px;overflow: hidden;}
.caseDelTop .caseDelTop_r .caseTxt02{float: left; width: 100%; color: #959595; margin-top:59px; padding: 37px 0 51px 0; border-top:1px solid #efefef; border-bottom:1px solid #efefef;}
.caseDelTop .caseDelTop_r .caseTxt02 .span01{float: left; width: 100%; line-height: 30px; height: 90px; overflow: hidden; font-size: 14px;}
.caseDel_m{float: left; width: 100%; margin-top: 40px; padding-bottom: 50px; border-bottom: 1px solid #e2e2e2;}
.caseDelTit{float: left; width: 100%; line-height: 51px; height: 51px; font-size: 30px; color: #272727; font-weight: bold; overflow: hidden;}
.caseDelTit span{font-size: 18px; font-weight: normal; padding: 0 15px; position: relative;}
.caseDelTit span::after{position: absolute; left: 100%; top: 50%; width: 1600px; height: 4px; margin-top: -2px; background: #f4f4f4; content: "";}
.caseDelTxt{float: left; width: 100%; line-height: 32px; font-size: 16px; color: #333; margin-top: 28px;}
.caseDelList{float: left; width: 100%; padding: 0 7%; margin-top: 69px;}
.caseDelList li{float: left; width: 25%; padding: 0 70px;}
.caseDelList li img{float: left; width: 100%; display: block;}
.caseDelList li span{float: left; width: 100%; display: block; line-height: 36px; color: #272727; margin-top: 11px; font-size: 18px; text-align: center;}
.caseDelPic{float: left; width: 100%; margin-top: 64px; text-align: center;}
.caseDelPic i{display:inline-block; *display:inline; *zoom:1; vertical-align: top; position: relative; background: #272727; width: 81.357143%;}
.caseDelPic img{float: left; width: 100%; display: block; filter:alpha(opacity=30);opacity:0.3;}
.caseDelPic .play{position: absolute; left: 50%; top: 50%; width: 75px; height: 75px; margin-top: -37px;margin-left: -37px; background: url(../images/cased07.png) no-repeat; cursor: pointer;}
.caseDel_d{float: left; width: 100%; margin-top: 17px;}
.caseDelPage{float: left; width: 60%;}
.caseDelPage span{float: left; width: 100%; display: block;}
.caseDelPage a{float: left; max-width: 100%; line-height: 32px; height: 32px; font-size: 14px; color: #2f2925; display: block;}
.caseDelPage a:hover{color: #f2054d;}
.caseDelIcon{float: right;}
@media screen and (max-width:1429px){
.caseDelTop img{width: 48.5%;}
.caseDelTop .caseDelTop_r{ width: 49%; margin-top: 30px;}
.caseDelTop .caseDelTop_r .caseH2{line-height:48px; height: 48px; font-size: 28px; }
.caseDelTop .caseDelTop_r .caseTxt01{line-height:30px; height: 120px; font-size: 15px; margin-top:20px;}
.caseDelTop .caseDelTop_r .caseTxt02{margin-top:40px; padding: 30px 0 40px 0; }
.caseDelTop .caseDelTop_r .caseTxt02 .span01{line-height: 28px; height: 84px; font-size: 14px;}
}
@media screen and (max-width:1199px){
.caseDelTop .caseDelTop_r{ margin-top: 20px;}
.caseDelTop .caseDelTop_r .caseH2{line-height:40px; height: 40px; font-size: 24px; }
.caseDelTop .caseDelTop_r .caseTxt01{line-height:24px; height: 120px; font-size: 14px; margin-top:15px;}
.caseDelTop .caseDelTop_r .caseTxt02{margin-top:30px; padding: 20px 0 30px 0; }
.caseDelTop .caseDelTop_r .caseTxt02 .span01{line-height: 24px; height: 96px; font-size: 12px;}
.caseDel_m{margin-top: 30px; padding-bottom: 40px;}
.caseDelList{padding: 0 5%; margin-top: 50px;}
.caseDelList li{padding: 0 50px;}
}
@media screen and (max-width:991px){
.caseDel{padding: 50px 0 40px 0;}
.caseDelTop img{width: 70%; float: none; margin: 0 auto;}
.caseDelTop .caseDelTop_r{ width: 100%; margin-top: 20px; text-align: center;}
.caseDelTop .caseDelTop_r .caseH2{ line-height:30px; height: 30px; font-size: 20px; }
.caseDelTop .caseDelTop_r .caseTxt01{height: auto;}
.caseDelTop .caseDelTop_r .caseTxt02{margin-top:20px; padding: 20px 0; }
.caseDelTop .caseDelTop_r .caseTxt02 .span01{height: auto;}
.caseDel_m{margin-top: 30px; padding-bottom: 30px;}
.caseDelList{padding: 0 5%; margin-top: 30px;}
.caseDelList li{padding: 0 30px;}
.caseDelList li span{font-size: 14px;}
.caseDelPic{ margin-top: 34px;}
.caseDelPic i{width: 85%;}
.caseDelPic .play{width: 50px; height: 50px; margin-top: -25px;margin-left: -25px; background-size: 100%;}
}
@media screen and (max-width:767px){
.caseDel{padding: 30px 0 30px 0;}
.caseDelTop img{width: 100%;}
.caseDelTop .caseDelTop_r{margin-top: 20px; }
.caseDelTop .caseDelTop_r .caseH2{font-size: 18px; }
.caseDelTop .caseDelTop_r .caseTxt01{margin-top:10px;}
.caseDelTop .caseDelTop_r .caseTxt02{padding: 15px 20px; margin-top:15px;}
.caseDelTit{line-height: 30px; height: 30px; font-size: 18px;}
.caseDelTit span{font-size: 14px; padding: 0 10px;}
.caseDelTit span::after{height: 2px; margin-top: -1px;}
.caseDelTxt{line-height: 26px; font-size: 14px;margin-top: 20px;}
.caseDelList{padding: 0 2%; margin-top: 20px;}
.caseDelList li{padding: 0 8px;}
.caseDelList li span{font-size: 12px; line-height: 24px; height: 24px;}
.caseDelPic{ margin-top: 20px;}
.caseDelPic i{width: 100%;}
.caseDelPic .play{width: 34px; height: 34px; margin-left: -17px; margin-top: -17px;}
.caseDel_d{margin-top: 10px;}
.caseDelPage{ width: 100%;}
.caseDelPage a{font-size: 12px; line-height: 24px; height: 24px;}
.caseDelIcon{float: left; }
}
/* è”系我们 */
.contact{float: left; width: 100%; padding-bottom: 70px;}
.contTop{float: left; width: 100%; margin-top: 80px; position: relative;}
.contLe{float: left; width: 66.714286%; background: #ebebeb; padding-bottom: 60px;}
.contLe .contTit{float: left; width: 100%; padding: 50px 30px 32px 80px;}
.contLe .contTit h2{float: left; width: 100%; line-height: 45px; height: 45px; font-size: 30px; color: #333333;}
.contLe .contTit h4{float: left; width: 100%; line-height: 36px; font-size: 16px; color: #9c9c9c;}
.contLe ul{float: left; width: 100%;}
.contLe ul li{float: left; width: 100%; background: #f6f6f6; padding: 35px 20px 35px 85px;}
.contLe ul li:nth-child(2n){background: none;}
.contLe .contBox{float: left; width: 50%; margin-bottom: 15px;padding-left: 62px; position: relative; line-height: 28px; height: 56px; overflow: hidden;}
.contLe .contBox i{position: absolute; left: 0; top: 50%; width: 42px; height: 42px; margin-top: -21px; display: block;}
.contLe .contBox i img{float: left; width: 100%; display: block;}
.contLe .contBox h4{float: left; width: 100%; line-height: 28px; height: 28px; font-size: 16px; color: #444;}
.contLe .contBox span{float: left; width: 100%; display: block; line-height: 28px; height: 28px; font-size: 16px; color: #444;}
.contLe .contBox.even{width: 100%;}
.contRi{position: absolute; right: 0; top: 0; width: 30.857143%; background: #f6f6f6; padding-top: 90px; height: 100%; text-align: center;}
.contRi h2{float: left; width: 100%; line-height: 60px; font-size: 30px; color: #333333; height: 60px; }
.contRi .contRiBox{display:inline-block; *display:inline; *zoom:1; vertical-align: top; width: 94.583333%; margin-top: 36px;}
.contRi .contRiBox img{}
.contRi .contRiBox h4{float: left; width:100%; line-height: 26px; height: 26px; font-size: 14px; color: #6d6d6d; margin-top: 22px; text-align: left;}
.contRi .contRiBox span{float: left; width:100%; display: block; line-height: 30px; height: 30px; font-size: 14px; color: #a4a4a4;text-align: left;}
.map{float: left; width: 100%; margin-top: 32px; overflow: hidden; position: relative; height: 556px;}
.BMap_pop,.BMap_shadow,.anchorBL,.BMapLabel{display:none !important;}
@media screen and (max-width:1199px){
.contLe{padding-bottom: 40px;}
.contLe .contTit{padding: 40px 20px 22px 60px;}
.contLe .contTit h2{line-height: 40px; height: 40px; font-size: 26px;}
.contLe .contTit h4{line-height: 30px; font-size: 14px;}
.contLe ul li{padding: 30px 20px 30px 65px;}
}
@media screen and (max-width:991px){
.contact{padding-bottom: 50px;}
.contLe{padding-bottom: 30px;}
.contLe .contTit{padding: 30px 20px 20px 20px;}
.contLe .contTit h2{line-height: 30px; height: 30px; font-size: 22px;}
.contLe .contTit h4{line-height: 20px; font-size: 12px;}
.contLe ul li{padding: 20px;}
.contLe .contBox{padding-left: 42px;line-height: 24px; height: 48px;}
.contLe .contBox i{width: 30px; height: 30px; margin-top: -15px;}
.contLe .contBox h4{line-height: 24px; height: 24px; font-size: 15px;}
.contLe .contBox span{line-height: 24px; height: 24px; font-size: 14px;}
.contRi {padding-top: 60px;}
.contRi h2{line-height: 40px; font-size: 24px; height: 40px; }
.map{height: 400px;}
}
@media screen and (max-width:767px){
.contTop{margin-top: 30px;}
.contact{padding-bottom: 30px;}
.contLe{padding-bottom: 30px; width: 100%;}
.contLe .contTit{padding: 20px 15px;}
.contLe .contTit h2{line-height: 30px; height: 30px; font-size: 18px;}
.contLe .contTit h4{line-height: 20px; font-size: 12px;}
.contLe ul li{padding: 20px 15px;}
.contLe .contBox{padding-left: 35px;height: auto;}
.contLe .contBox i{width: 24px; height: 24px; margin-top: -12px;}
.contLe .contBox h4{ font-size: 14px;}
.contLe .contBox span{height: auto; font-size: 13px;}
.contRi {padding-top: 40px; padding-bottom: 30px; position: static; top: auto; right: auto; width: 100%; margin-top: 20px; float: left; }
.contRi h2{line-height: 30px; font-size: 20px; height: 30px; }
.contRi .contRiBox h4,
.contRi .contRiBox span{text-align: center;}
.map{height: 300px;}
}
@media screen and (max-width:369px){
.contLe .contBox{width: 100%; margin-top: 5px; padding-left: 35px;height: auto;}
}
/* å›¢é˜Ÿä»‹ç» */
.team{float: left; width: 100%;}
.teamTop{float: left; width: 100%; padding-bottom: 55px;}
.teamTop_m{margin: 0 -13px;}
.teamTop_s{float: left; width: 100%; padding-bottom: 65px; margin-top: 45px; position: relative; overflow: hidden;}
.teamTop_s .li_hp{float: left; width: 100%; position: relative; padding: 109px 13px 0 13px;}
.teamTop_s .li_hp a{float: left; width: 100%; display: block; background: #f5f5f5; border: 1px solid #efefef; padding: 78px 0 20px 0;
-webkit-border-radius:8px;
-moz-border-radius:8px;
border-radius:8px;}
.teamTop_s .li_hp .teamTopPic{position: absolute; top: 0; left: 50%; width: 174px; margin-left: -87px; background: #f5f5f5; padding: 6px;
-webkit-border-radius:50%;
-moz-border-radius:50%;
border-radius:50%;}
.teamTop_s .li_hp .teamTopPic img{float: left; width: 100%; display: block;
-webkit-border-radius:50%;
-moz-border-radius:50%;
border-radius:50%;}
.teamTop_s .li_hp .teamTopTxt{float: left; width: 100%; text-align: center; padding: 0 20px;}
.teamTop_s .li_hp .teamTopTxt .name{ display:inline-block; *display:inline; *zoom:1; vertical-align: top; width: 75.3%; border-bottom: 1px solid #dcdcdc; font-size: 18px; color: #333333; line-height: 33px; padding-bottom: 13px; height: 46px; position: relative;}
.teamTop_s .li_hp .teamTopTxt .name::after{position: absolute; content: ""; left: 50%; bottom: -1px; width: 20px; height: 3px; margin-left: -10px; background: #d7000f;}
.teamTop_s .li_hp .teamTopTxt h4{float: left; width: 100%; line-height: 33px; height: 33px; font-size: 16px; color: #666; text-align: left; margin-top: 12px; font-weight: bold;}
.teamTop_s .li_hp .teamTopTxt span{float: left; width: 100%; display: block; line-height: 32px; height: 64px; overflow: hidden; font-size: 14px; color: #666; text-align: left;}
.teamTop_s .li_hp a .teamTopPic,
.teamTop_s .li_hp a .teamTopTxt .name,
.teamTop_s .li_hp a .teamTopTxt .name::after,
.teamTop_s .li_hp a .teamTopTxt h4,
.teamTop_s .li_hp a .teamTopTxt span{
-webkit-transition: all 0.2s ease-out 0s;
-moz-transition: all 0.2s ease-out 0s;
-o-transition: all 0.2s ease-out 0s;
transition: all 0.2s ease-out 0s;}
.teamTop_s .li_hp a:hover,
.teamTop_s .li_hp a:hover .teamTopPic{background: #d7000f;}
.teamTop_s .li_hp a:hover .teamTopTxt .name{border-color: rgba(255,255,255,.2); color: #fff;}
.teamTop_s .li_hp a:hover .teamTopTxt .name::after{background: #fff;}
.teamTop_s .li_hp a:hover .teamTopTxt h4,
.teamTop_s .li_hp a:hover .teamTopTxt span{color: #fff;}
.teamPhoto_s .slick-dots,
.teamTop_s .slick-dots{ bottom:5px; height:6px;}
.teamPhoto_s .slick-dots li,
.teamTop_s .slick-dots li{ width:70px; height:6px; margin:0 5px; background: #c6c5c5;}
.teamPhoto_s .slick-dots li.slick-active,
.teamTop_s .slick-dots li.slick-active{ background:#f2054d;}
@media screen and (max-width:1429px){
.teamTop_s .li_hp .teamTopTxt span{ line-height: 26px; height: 78px; }
}
@media screen and (max-width:991px){
.teamTop{padding-bottom: 35px;}
.teamTop_m{margin: 0 -10px;}
.teamTop_s{padding-bottom: 45px; margin-top: 35px;}
.teamTop_s .li_hp{padding: 69px 10px 0 10px;}
.teamTop_s .li_hp a{padding: 58px 0 20px 0;}
.teamTop_s .li_hp .teamTopPic{width: 120px; margin-left: -60px;}
.teamPhoto_s .slick-dots,
.teamTop_s .slick-dots{ bottom:5px; height:4px;}
.teamPhoto_s .slick-dots li,
.teamTop_s .slick-dots li{ width:40px; height:4px; margin:0 3px;}
}
@media screen and (max-width:767px){
.teamTop{padding-bottom: 25px;}
.teamTop_m{margin: 0 -5px;}
.teamTop_s{padding-bottom: 25px; margin-top: 25px;}
.teamTop_s .li_hp{padding: 39px 5px 0 5px;}
.teamTop_s .li_hp a{padding: 38px 0 20px 0;}
.teamTop_s .li_hp .teamTopPic{width: 80px; margin-left: -40px; padding: 3px;}
.teamTop_s .li_hp .teamTopTxt{ padding: 0 10px;}
.teamTop_s .li_hp .teamTopTxt .name{ width: 90%; font-size: 16px; line-height: 24px; padding-bottom: 10px; height: 34px; }
.teamTop_s .li_hp .teamTopTxt .name::after{width: 14px; height: 2px; margin-left: -7px;}
.teamTop_s .li_hp .teamTopTxt h4{line-height: 24px; height: 24px; font-size: 14px; margin-top: 10px;}
.teamTop_s .li_hp .teamTopTxt span{line-height: 20px; height: 60px;font-size: 12px;}
.teamPhoto_s .slick-dots,
.teamTop_s .slick-dots{ bottom:5px; height:2px;}
.teamPhoto_s .slick-dots li,
.teamTop_s .slick-dots li{ width:20px; height:2px; margin:0 2px;}
}
@media screen and (max-width:369px){
.teamPhoto_s .slick-dots li,
.teamTop_s .slick-dots li{ width:8px; height:2px; margin:0 2px;}
}
.teamPhoto{float: left; width: 100%; padding-bottom: 57px; background: #f0f0f0;}
.teamPhoto_m{margin: 0 -20px;}
.teamPhoto_s{float: left; width: 100%; margin-top: 16px; position: relative; overflow: hidden; padding-bottom: 60px; }
.teamPhoto_s ul{padding: 0 20px;}
.teamPhoto_s ul .li2{float: left; width: 100%; margin-top: 40px; position: relative; overflow: hidden; background: #000;
-webkit-border-radius:10px;
-moz-border-radius:10px;
border-radius:10px; }
.teamPhoto_s ul .li2 img{float: left; width: 100%; display: block;
-webkit-border-radius:10px;
-moz-border-radius:10px;
border-radius:10px;}
.teamPhoto_s ul .li2 .photoTit{position: absolute; left: 0; bottom: 0; width: 100%; text-align: center; line-height: 48px; height: 48px; font-size: 16px; color: #fff; background: rgba(0,0,0,.5); overflow: hidden;}
.teamPhoto_s ul .li2 .photoIntr{position: absolute; top: 60%; left: 0; width: 100%; padding: 0 20px;text-align: center;
filter:alpha(opacity=00);opacity:0;
-webkit-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
transform: translate(0, -50%);}
.teamPhoto_s ul .li2 .photoIntr h4{min-width: 47.2%; display:inline-block; *display:inline; *zoom:1;vertical-align: top; padding: 10px 0; font-size: 20px; color: #fff; border-top: 1px solid rgba(255,255,255,.6); border-bottom: 1px solid rgba(255,255,255,.6);}
.teamPhoto_s ul .li2 .photoIntr h4 span{line-height: 30px; max-height: 90px; display: inline-block; overflow: hidden;}
.teamPhoto_s ul .li2 img,
.teamPhoto_s ul .li2 .photoTit,
.teamPhoto_s ul .li2 .photoIntr{
-webkit-transition: all 0.2s ease-out 0s;
-moz-transition: all 0.2s ease-out 0s;
-o-transition: all 0.2s ease-out 0s;
transition: all 0.2s ease-out 0s; }
.teamPhoto_s ul .li2:hover img{filter:alpha(opacity=50);opacity:0.5;}
.teamPhoto_s ul .li2:hover .photoTit{display: none;}
.teamPhoto_s ul .li2:hover .photoIntr{filter:alpha(opacity=100);opacity:1; top:50%;}
@media screen and (max-width:1199px){
.teamPhoto_m{margin: 0 -15px;}
.teamPhoto_s ul{padding: 0 15px;}
.teamPhoto_s ul .li2{margin-top: 30px;}
}
@media screen and (max-width:991px){
.teamPhoto{ padding-bottom: 30px;}
.teamPhoto_s{padding-bottom: 30px; }
.teamPhoto_m{margin: 0 -10px;}
.teamPhoto_s ul{padding: 0 10px;}
.teamPhoto_s ul .li2{margin-top: 20px;}
.teamPhoto_s ul .li2 .photoTit{ line-height: 38px; height: 38px; font-size: 14px; }
.teamPhoto_s ul .li2 .photoIntr{padding: 0 15px;}
.teamPhoto_s ul .li2 .photoIntr h4{min-width: 50%; padding: 5px 0; font-size: 14px; }
.teamPhoto_s ul .li2 .photoIntr h4 span{line-height: 20px; max-height: 60px;}
}
@media screen and (max-width:767px){
.teamPhoto_s{padding-bottom: 20px; }
.teamPhoto_m{margin: 0 -5px;}
.teamPhoto_s ul{padding: 0 5px;}
.teamPhoto_s ul .li2{margin-top: 10px;}
.teamPhoto_s ul .li2 .photoTit{ line-height: 28px; height: 28px; font-size: 13px; }
.teamPhoto_s ul .li2 .photoIntr{padding: 0 10px;}
.teamPhoto_s ul .li2 .photoIntr h4{padding: 3px 0; font-size: 13px; }
.teamPhoto_s ul .li2 .photoIntr h4 span{line-height: 20px; max-height: 60px;}
}
/* äº§å“ */
.product{float: left; width: 100%;}
.proTit{float: left; width: 100%; text-align: center; margin-top: 77px;}
.proTit h4{float: left; width: 100%; font-size: 30px; color: #f2054d; line-height: 42px; height: 42px; font-weight: bold;}
.proTit h5{display:inline-block; *display:inline; *zoom:1; vertical-align: top; width: 42%; padding: 0 30px; border-bottom: 1px solid #e0e0e0; line-height: 50px; height: 50px; font-size: 16px; position: relative;color: #666666;}
.proTit h5::after{position: absolute; content: ""; left: 50%; bottom: -1px; width: 24px; height: 2px; background: #f2054d; margin-left: -12px; }
.proTit.tit02 h4,.proTit.tit02 h5{color: #fff;}
.proTop{float: left; width: 100%; background: #f8f8f8; padding-bottom: 55px;}
.proTop ul{margin: 0 -9px;}
.proTop ul li{float: left; width: 25%; padding: 0 9px; margin-top: 38px;}
.proTop .proTopPic{float: left; width: 100%; position: relative; overflow: hidden; background: #000;
-webkit-border-radius:10px;
-moz-border-radius:10px;
border-radius:10px;}
.proTop .proTopPic img{float: left; width: 100%; display: block; filter:alpha(opacity=50);opacity:0.5;
-webkit-border-radius:10px;
-moz-border-radius:10px;
border-radius:10px;}
.proTop .proTopPic .proTop_h{position: absolute; left: 0; top: 50%; width: 100%; text-align: center; padding: 0 15px;}
.proTop .proTopPic .proTop_h h4{display:inline-block; *display:inline; *zoom:1; vertical-align: top; height: 50px; line-height: 50px; font-size: 20px; color: #fff; border-top: 1px solid rgba(255,255,255,.5);border-bottom: 1px solid rgba(255,255,255,.5); min-width: 60%; margin-top: -25px;}
.proTop .proTopTit{float: left; width: 100%; line-height: 34px; font-size: 15px; color: #333; margin-top: 17px;}
.proVal{float: left; width: 100%;}
.proVal ul{margin: 0 -23px;}
.proVal ul li{float: left; width: 25%; padding: 60px 23px 0 23px; margin-top: 40px;position: relative;}
.proVal ul li img{ position: absolute; left: 50%; top: 0; width: 124px; margin-left: -62px; display: block;}
.proVal .proValBox{float: left; width: 100%; padding: 87px 32px 23px 32px; background: #fff; text-align: center;
-webkit-border-radius:10px;
-moz-border-radius:10px;
border-radius:10px;}
.proVal .proValBox h4{float: left; width: 100%; line-height: 30px; height: 30px; font-size: 18px; color: #4d4d4d; font-weight: bold;}
.proVal .proValBox span{float: left; width: 100%; line-height: 30px; height: 120px; overflow: hidden; font-size: 14px; color: #4d4d4d;display: block;}
@media screen and (max-width:1429px){
.proVal ul{margin: 0 -12px;}
.proVal ul li{padding: 60px 12px 0 12px; }
.proVal .proValBox{padding: 80px 20px 23px 20px;}
}
@media screen and (max-width:1199px){
.proTop .proTopPic .proTop_h h4{height: 40px; line-height: 38px; font-size: 16px; margin-top: -20px;}
.proVal ul{margin: 0 -10px;}
.proVal ul li{padding: 50px 10px 0 10px; }
.proVal ul li img{width: 100px; margin-left: -50px;}
.proVal .proValBox{padding: 80px 15px 20px 15px;}
.proVal .proValBox span{ line-height: 26px; height: 130px; }
}
@media screen and (max-width:991px){
.proTit{margin-top: 50px;}
.proTit h4{font-size: 24px; line-height: 32px; height: 32px;}
.proTit h5{ font-size: 14px; line-height: 24px; }
.proTop{padding-bottom: 30px;}
.proTop ul li{margin-top: 30px;}
.proTop .proTopTit{line-height: 22px; font-size: 14px; margin-top: 10px;}
.proVal ul{margin: 0 -5px;}
.proVal ul li{padding: 40px 5px 0 5px; }
.proVal ul li img{width: 80px; margin-left: -40px;}
.proVal .proValBox{padding: 50px 15px 20px 15px;}
.proVal .proValBox h4{font-size: 16px;}
.proVal .proValBox span{ line-height: 22px; height: 132px; font-size: 13px; }
.proTop2 .proTopTit{padding: 5px}
}
@media screen and (max-width:767px){
.cd-timeline-content h2 {
font-size: 1.6rem;
}
.proTit{margin-top: 30px;}
.proTit h4{font-size: 18px; line-height: 26px; height: 26px;}
.proTit h5{ font-size: 13px; line-height: 20px; width: 60%;}
.proTop ul li{margin-top: 20px; width: 100%;}
.proTop .proTopTit{line-height: 22px; font-size: 14px; margin-top: 10px;}
.proVal ul{margin: 0;}
.proVal ul li{padding: 30px 10px 0 10px; width: 50%; margin-top: 20px;}
.proVal .proValBox{padding: 50px 15px 20px 15px;}
.proVal .proValBox span{ line-height: 22px; height: 88px; }
}
.proLight{float: left; width: 100%;}
.proLight .proLight_m{float: left; width: 100%; margin-top: 40px; background: #f8f8f8;}
.proLight .proLight_m ul li{float: left; width: 33.33%; text-align: center; background: #e6e6e6; padding: 49px 15px 26px 15px;}
.proLight .proLight_m ul li:nth-child(2n){background: #f4f4f4;}
.proLight .proLight_m ul li img{display: block; margin: 0 auto; width: 112px;}
.proLight .proLight_m ul li h4{float: left; width: 100%; line-height: 34px; height: 34px; font-size: 18px; color: #000; margin-top: 26px; font-weight: bold;}
.proLight .proLight_m ul li span{float: left; width: 100%; display: block; line-height: 26px; height: 156px; overflow: hidden; font-size: 14px; color: #494949; margin-top: 16px;}
.proFlow{float: left; width: 100%; padding-bottom: 80px;}
.proFlow .proFlowPic{display: block; margin:0 auto; padding-top: 60px; }
@media screen and (max-width:991px){
.proLight .proLight_m ul li img{width: 82px;}
.proLight .proLight_m ul li h4{line-height: 30px; height: 30px; font-size: 16px; margin-top: 20px;}
.proLight .proLight_m ul li span{line-height: 24px; height: 54px;font-size: 12px; margin-top: 10px;}
}
@media screen and (max-width:767px){
.proLight .proLight_m{margin-top: 20px;}
.proLight .proLight_m ul{margin: 0 -15px;}
.proLight .proLight_m ul li{width: 50%; padding: 30px 15px 20px 15px;}
.proLight .proLight_m ul li img{width: 62px;}
.proLight .proLight_m ul li:nth-child(2n){background: #e6e6e6;}
.proLight .proLight_m ul li:nth-child(2),
.proLight .proLight_m ul li:nth-child(3){background: #f4f4f4;}
.proFlow{padding-bottom: 30px;}
.proFlow .proFlowPic{padding-top: 30px; }
}
@media screen and (max-width:369px){
.proLight .proLight_m ul li{width: 100%; padding: 30px 15px 20px 15px;}
.proLight .proLight_m ul li:nth-child(2n){background: #f4f4f4;}
.proLight .proLight_m ul li:nth-child(3){background: #e6e6e6;}
}
.proMod{float: left; width: 100%; background: #1466b0 url(../images/probg.jpg); padding-bottom: 44px;}
.proMod_m{float: left; width: 100%; margin-top: 35px; text-align: center;}
.proMod_m .proModTit{display:inline-block; *display:inline; *zoom:1; vertical-align: top; width: 166px; height: 42px; line-height: 42px; font-size: 18px; color: #4e4d4d; background: #fff; font-weight: bold; position: relative;
-webkit-border-radius:21px;
-moz-border-radius:21px;
border-radius:21px;}
.proMod_m .proModTit::after{position: absolute; width: 1px; height: 66px; top: 100%; left: 50%; content: ""; background: #fff;}
.proMod_m .proModList{float: left; width: 100%; margin-top: 66px; padding-bottom: 40px;}
.proMod_m .proModList .li_m{float: left; position: relative; padding-top: 42px; width: 10%;}
.proMod_m .proModList .li_m::before{position: absolute; content: ""; width: 50%; left: 0; top: 0; height: 1px; background: #fff;}
.proMod_m .proModList .li_m::after{position: absolute; content: ""; width: 50%; right: 0; top: 0; height: 1px; background: #fff;}
.proMod_m .proModList .li_m .proModH4{float: left; width: 90%; margin: 0 5%; height: 36px; line-height: 36px; font-size: 16px; color: #404040; position: relative; background: #fff;
-webkit-border-radius:18px;
-moz-border-radius:18px;
border-radius:18px;}
.proMod_m .proModList .li_m .proModH4::before{position: absolute; content: ""; width: 1px; height:42px; bottom: 100%; left: 50%; background: #fff;}
.proMod_m .proModList .li_m .proModBox{display:inline-block; *display:inline; *zoom:1; vertical-align: top; line-height: 30px; margin-top: 16px; font-size: 14px; color: #fff; text-align: left;}
.proMod_m .proModList .li_m:first-child::before{display: none;}
.proMod_m .proModList .li_m:last-child::after{display: none;}
.proMod_m .proModList .slick-dots{ width: auto; left: 50%; bottom:0; height:4px;
-webkit-transform: translate(-50%, 0);
-ms-transform: translate(-50%, 0);
transform: translate(-50%, 0);}
.proMod_m .proModList .slick-dots li{width:20px; height:4px; margin:0 5px; background: rgba(255,255,255,.3);}
.proMod_m .proModList .slick-dots li button{display:none;}
.proMod_m .proModList .slick-dots li.slick-active{ background:white; }
@media screen and (min-width: 1024px) {.proSoft{float: left; width: 100%; padding-bottom: 62px; background:url(../images/probg2.jpg) no-repeat bottom}}
@media screen and (max-width: 1024px) {.proSoft{float: left; width: 100%; padding-bottom: 62px;background:url(../images/bg02.jpg) no-repeat bottom}
.contLe .contBox{width: 100%;}
}
.proSoftList{float: left; width: 100%; padding-top: 40px;}
.proSoftList li{float: left; width: 25%; border-right: 1px dashed #d9d9d9; text-align: center; }
.proSoftList li:last-child{border: 0;}
.proSoftList li a{float: left; width: 100%; display: block; padding: 38px 30px 23px 30px;}
.proSoftList li a img{margin: 0 auto; width: 63px; display: block;}
.proSoftList .proSoftTit{float: left; width: 100%; padding-bottom: 24px; margin-top: 49px; position: relative;}
.proSoftList .proSoftTit::after{position: absolute; content: ""; width: 30px; height: 1px; background: #f2054d; left: 50%; margin-left: -15px; bottom: 0;}
.proSoftList .proSoftTit h4{float: left; width: 100%; line-height: 42px; height: 42px; font-size: 24px; color: #fff;}
.proSoftList .proSoftTit h5{float: left; width: 100%; line-height: 28px; height: 28px; font-size: 16px; color: #888888;}
.proSoftList .span01{float: left; width: 100%; padding: 0 25px; margin-top: 17px; height: 140px; overflow: hidden; line-height: 23px; font-size: 14px; color: #fff;}
@media screen and (max-width:1429px){
.proMod_m ul .li_m .proModBox{font-size: 13px;}
.proSoftList li a{padding: 30px 20px 23px 20px;}
.proSoftList .proSoftTit{padding-bottom: 15px;}
.proSoftList .proSoftTit h4{font-size: 22px;}
.proSoftList .proSoftTit h5{font-size: 14px;}
.proSoftList .span01{font-size: 13px;}
}
@media screen and (max-width:1199px){
.proSoftList .proSoftTit{padding-bottom: 15px; margin-top: 20px;}
.proSoftList .proSoftTit h5{font-size: 14px; height: 48px; line-height: 24px;}
.proSoftList .span01{ padding: 0;}
}
@media screen and (max-width:991px){
.proMod{ padding-bottom: 34px;}
.proMod_m{margin-top: 25px;}
.proMod_m ul .li_m .proModBox{font-size: 13px;}
.proSoftList li a{padding: 20px 15px;}
.proSoftList .proSoftTit h4{font-size: 18px; line-height: 30px; height: 30px;}
.proSoftList .span01{line-height: 22px; height: 66px;}
}
@media screen and (max-width:767px){
.proMod_m .proModTit{width: 126px; height: 32px; line-height: 32px; font-size: 16px;}
.proMod_m .proModTit::after{height: 40px;}
.proMod_m .proModList {padding-bottom: 20px; margin-top: 40px;}
.proMod_m .proModList .li_m .proModH4{width: 60%; margin: 0 20%; height: 26px; line-height: 26px; font-size: 14px; }
.proMod_m .proModList .li_m .proModBox{line-height: 24px; font-size: 13px;}
.proMod_m .proModList .slick-dots{height:2px;}
.proMod_m .proModList .slick-dots li{width:15px; height:2px; margin:0 3px;}
.proSoft{padding-bottom: 42px;}
.proSoftList{padding-top: 20px;}
.proSoftList li{width: 50%; border-right: 0;height: 300px;}
.proSoftList li a{padding: 20px 10px;}
.proSoftList li a img{width: 50px;}
.proSoftList .proSoftTit{padding-bottom: 10px;}
.proSoftList .proSoftTit h4{font-size: 18px; line-height: 30px; height: 30px;}
.proSoftList .proSoftTit h5{font-size: 14px; height: auto; line-height: 20px;}
.proSoftList .span01{font-size: 12px; padding: 0; height: auto;}
}
/*侧导航*/
.nyNav{float: left; width: 100%; background: #f4f5f9; text-align: center;}
.nyNavTit{float: left; width: 100%; height: 54px; line-height: 54px; padding: 0 20px; font-size: 20px; color: #fff; background: #0341ba; position: relative; font-weight: bold; text-align: left;}
.nyNavTit i{position: absolute; content: ""; right: 20px; top: 50%; background: url(../images/hnews_r.png) no-repeat; width: 10px; height: 16px; margin-top: -8px;
-webkit-transition: all 0.2s ease-out 0s;
-moz-transition: all 0.2s ease-out 0s;
-o-transition: all 0.2s ease-out 0s;
transition: all 0.2s ease-out 0s;}
.nyNavTit.on i{
-webkit-transform: rotate(90deg); /* Safari and Chrome */
-moz-transform: rotate(90deg); /* Firefox */
-ms-transform: rotate(90deg); /* IE 9 */
-o-transform: rotate(90deg); /* Opera */
transform: rotate(90deg);
}
.pz_SideLayer{ display:inline-block; *display:inline; *zoom:1; vertical-align: top; }
.pz_SideLayer .l1{float: left; padding: 0 60px;}
.pz_SideLayer .l1 a{float:left; height: 90px; line-height: 90px; color:#666; font-size:16px; display: block; position: relative;}
.pz_SideLayer .l1 a::after{position: absolute; content: ""; left: 0; bottom: 0; width: 100%; height: 3px; background:#f2054d; filter:alpha(opacity=00);opacity:0;}
.pz_SideLayer .l1 a:hover{color: #f2054d;border-bottom:4px solid #f2054d;}
.pz_SideLayer .l1 .hover{ color: #f2054d;}
.pz_SideLayer .l1 .hover::after{filter:alpha(opacity=100);opacity:1;}
@media screen and (max-width:1199px){
.pz_SideLayer .l1{padding: 0 40px;}
.pz_SideLayer .l1 a{height: 70px; line-height: 70px;}
}
@media screen and (max-width:991px){
.pz_SideLayer .l1{padding: 0 28px;}
.pz_SideLayer .l1 a{height: 60px; line-height: 60px; font-size:14px;}
}
@media screen and (max-width:767px){
.nyNav{padding: 0 15px; margin-top: 30px; background: none;}
.pz_SideLayer{width: 100%; }
.pz_SideLayer .l1{padding: 0 20px; width: 100%; text-align: left; background: #f4f5f9;}
.pz_SideLayer .l1 a{width: 100%; height: 32px; line-height: 32px; font-size:14px;}
.pz_SideLayer .l1 a::after{display: none;}
}
/* 分页 */
.s_fy{float: left;width:100%;padding: 48px;text-align: center;}
.pz_fy{display:inline-block; *display:inline; *zoom:1;vertical-align: top;height: 27px;}
.pz_fy a {display: block; float: left;margin:0 3px;min-width: 10px;height: 27px;text-align: center;line-height: 27px;font-size: 16px;color: #3b3b3b; padding: 0 2px; }
.pz_fy a.s_prev{float: left; padding-right: 20px; margin-right: 30px; height: 27px; line-height: 27px; color: #3b3b3b; background: url(../images/s_p1_bg03.jpg) no-repeat right;}
.pz_fy a.s_next{float: left; padding-left: 20px; margin-left: 30px; height: 27px; line-height: 27px; color: #3b3b3b;
background: url(../images/s_p1_bg03.jpg) no-repeat left;}
.pz_fy a:hover,
.pz_fy a.on{color:#f2054d;}
.fy_phone{ display:none;}
@media screen and (max-width:767px){
.s_fy{padding: 24px;}
.pz_fy{ display:none;}
.fy_phone{ display:block; float:left; width:100%; text-align:center; font-size:14px; color:#333;}
.fy_phone a {display:inline-block; *display:inline; *zoom:1; width:80px; height:38px; text-align:center; line-height:36px; border:1px solid #e1e1e1; margin:0 5px;
-webkit-border-radius:18px;
-khtml-border-radius:18px;
-moz-border-radius:18px;
border-radius:18px;}
.fy_phone a.prve{ background:url(../images/prve_fy.png) no-repeat center;}
.fy_phone a.prve:hover,
.fy_phone a.prve.on{ background:url(../images/prve_fy_h.png) no-repeat center #f2054d; border:1px solid #f2054d;}
.fy_phone a.next{ background:url(../images/next_fy.png) no-repeat center;}
.fy_phone a.next:hover,
.fy_phone a.next.on{ background:url(../images/next_fy_h.png) no-repeat center #f2054d; border:1px solid #f2054d;}
.fy_phone span{ padding:0 5%; color:#333; display:inline-block; *display:inline; *zoom:1; vertical-align:top; height:38px; line-height:38px;}
}
/*手机版底部èœå•*/
.pf_d{ float:left; width:100%; height:50px;}
.pf_down{ width:100%; float:left; position:fixed; left:0; bottom:0; background:#fff; border-top:solid 1px #ddd; height:50px; z-index:99;}
.pf_down li{ width:33.3333%; float:left; text-align:center; padding:5px 0 0 0;}
.pf_down li .ico7{ width:100%; float:left; height:20px;}
.pf_down li .name{ width:100%; float:left; font-size:14px; color:#666; line-height:20px; font-family:"Arial";}
.pf_down li.l1 .ico7{ background:url(../images/btn15.png) no-repeat center; background-size:20px 20px;}
.pf_down li.l2 .ico7{ background:url(../images/btn16.png) no-repeat center; background-size:20px 20px;}
.pf_down li.l3 .ico7{ background:url(../images/btn18.png) no-repeat center; background-size:20px 20px;}
.pf_down li:hover .name,
.pf_down li.on .name{ color:#e60013;}
.pf_down .l1:hover .ico7,
.pf_down .l1.on .ico7{ background:url(../images/btn15_1.png) no-repeat center; background-size:20px 20px;}
.pf_down .l2:hover .ico7,
.pf_down .l2.on .ico7{ background:url(../images/btn16_1.png) no-repeat center; background-size:20px 20px;}
.pf_down .l3:hover .ico7,
.pf_down .l3.on .ico7{ background:url(../images/btn18_1.png) no-repeat center; background-size:20px 20px;}
.elli{overflow:hidden;white-space:nowrap;text-overflow:ellipsis; }
.tableCell{display: table-cell; vertical-align: middle; }
.spanTxt01{display: block;text-align: left;text-indent: 2em;padding-top: 20px;width: 78%; margin: 0 auto;}
@media screen and (max-width:1199px){
.spanTxt01{display: inline;width: 90%; margin: 0 auto;}
}
@media screen and (max-device-width: 320px){body{-webkit-text-size-adjust:none}}
@media screen and (max-device-width: 480px){body{-webkit-text-size-adjust:none}}
@media only screen and (-webkit-min-device-pixel-ratio: 2){body{-webkit-text-size-adjust:none}}
@media only screen and (min-device-width: 768px) and (max-device-width: 1243px){body{-webkit-text-size-adjust:none}}
@-moz-keyframes tada{
0%{-moz-transform:scale(1);}
10%,20%{-moz-transform:scale(0.9) rotate(-3deg);}
30%,50%,70%,90%{-moz-transform:scale(1.2) rotate(3deg);}
40%,60%,80%{-moz-transform:scale(1.2) rotate(-3deg);}
100%{-moz-transform:scale(1) rotate(0);}
}
@-webkit-keyframes tada{
0%{-webkit-transform:scale(1);}
10%,20%{-webkit-transform:scale(0.9) rotate(-3deg);}
30%,50%,70%,90%{-webkit-transform:scale(1.2) rotate(3deg);}
40%,60%,80%{-webkit-transform:scale(1.2) rotate(-3deg);}
100%{-webkit-transform:scale(1) rotate(0);}}
.doudun:hover{
-webkit-animation: tada 1s .2s ease both;
-moz-animation: tada 1s .2s ease both;
}
@media screen and (min-width: 1024px) {
.ab_03 {
overflow: hidden;width: 1430px; margin:0px auto;
padding-top: 1.10rem;
padding-bottom: 7rem;
}
.ab_03 ul li {
width: 23.5%;
overflow: hidden;
float: left;
margin-right: 2%;
background-color: #fff;
min-height: 5.12rem;
}
.ab_03 ul li:nth-child(4) {
margin-right: 0px;
}
.ab_03 ul li em {
width: 100%;
display: block;
overflow: hidden;
font-style: normal;
}
.ab_03 ul li em.em1 img {
width: 100%;
display: block;
}
.ab_03 ul li em.em2 {
width: auto;
margin: 24px; line-height:200%;
}
.ab_03 ul li em.em2 span {
width: 100%;
display: block;
overflow: hidden;
}
.ab_03 ul li em.em2 span.sp1 {
font-size: 24px;
color: #111;
line-height: 1.5;
font-weight: bold;
}
.ab_03 ul li em.em3 {
display: table;
font-size: 16px;
color: #666;
margin-top: 0.12rem;
line-height: 1.5;
}
.ab_03 ul li em.em3 span.sp2 {
display: table-row;
}
.ab_03 ul li em.em3 span.sp2 i {
display: table-cell;
padding: 0.04rem 0px;
}
.ab_03 ul li em.em3 span.sp2 i.i1 {
width: 0.4rem;
}
.ab_03 ul li em.em3 span.sp3 {
padding: 0.04rem 0px;
}
.ab_03 ul li:hover {
background-color: #f2054d;
position: relative;
-moz-box-shadow: 10px 0px 20px rgba(0, 173, 187, 0.25);
-webkit-box-shadow: 10px 0px 20px rgba(0, 173, 187, 0.25);
box-shadow: 10px 0px 20px rgba(0, 173, 187, 0.25)
}
.ab_03 ul li:hover em.em2 span.sp1 {
color: #fff;
}
.ab_03 ul li:hover em.em3 {
color: #fff;
}
}
@media screen and (max-width: 1024px) {.ab_03 {
padding-top: 1.10rem;
padding-bottom: 1.04rem;
}
.ab_03 ul li {
width: 100%;
overflow: hidden;
float: left;
margin-right: 2%;
background-color: #fff;
min-height: 5.12rem;
}
.ab_03 ul li:nth-child(4) {
margin-right: 0px;
}
.ab_03 ul li em {
width: 100%;
display: block;
overflow: hidden;
font-style: normal;
}
.ab_03 ul li em.em1 img {
width: 100%;
display: block;
}
.ab_03 ul li em.em2 {
width: auto;
margin: 14px; line-height:240%;
}
.ab_03 ul li em.em2 span {
width: 100%;
display: block;
overflow: hidden;
}
.ab_03 ul li em.em2 span.sp1 {
font-size: 24px;
color: #111;
line-height: 1.5;
font-weight: bold;
}
.ab_03 ul li em.em3 {
display: table;
font-size: 16px;
color: #666;
margin-top: 0.12rem;
line-height: 2;
}
.ab_03 ul li em.em3 span.sp2 {
display: table-row;
}
.ab_03 ul li em.em3 span.sp2 i {
display: table-cell;
padding: 0.04rem 0px;
}
.ab_03 ul li em.em3 span.sp2 i.i1 {
width: 0.4rem;
}
.ab_03 ul li em.em3 span.sp3 {
padding: 0.04rem 0px;
}
.ab_03 ul li:hover {
background-color: #f2054d;
position: relative;
-moz-box-shadow: 10px 0px 20px rgba(0, 173, 187, 0.25);
-webkit-box-shadow: 10px 0px 20px rgba(0, 173, 187, 0.25);
box-shadow: 10px 0px 20px rgba(0, 173, 187, 0.25)
}
.ab_03 ul li:hover em.em2 span.sp1 {
color: #fff;
}
.ab_03 ul li:hover em.em3 {
color: #fff;
}}
@media screen and (min-width: 1024px) {.xn_index_box1{width: 100%;/*padding-top: 30px;*/}
.xn_index_box1_1200{width: 1200px;min-height: 595px;margin:0 auto;padding-top: 14px;overflow: hidden;}
.xn_index_box1_1200 .xn_index_box_1200_title h1{width: 100%;height: 80px;line-height: 80px;font-size:45px;color:#f2054d;text-align: center;}
.xn_index_box1_1200 .xn_index_box_1200_title h1 img{width: 58px; height: 46px; margin-top: 18px; }
.xn_index_box1_1200 .xn_index_box_1200_title p{width: 100%;color: #666666;font-size:20px;text-align: center;}
.xn_index_box1_1200 .xn_index_box_1200_box{margin-top: 40px;}
.xn_index_box1_1200_box_ul{}
.xn_index_box1_1200_box_ul li{width: 25%;height: 340px;float:left;transition: all .2s linear;}
.xn_index_box1_1200_box_li_t{width: 138px;height: 138px;margin:38px auto;border:1px solid #eee;transition: all .2s linear;border-radius: 50%;webkit-box-shadow: 0 10px 30px rgba(0,0,0,0.1);box-shadow: 0 10px 30px rgba(0,0,0,0.1);-webkit-transform: translate3d(0, -2px, 0);transform: translate3d(0, -2px, 0);margin-bottom: 20px;}
.xn_index_box1_1200_box_li_t1{background: url(../images/box1_1.png) no-repeat center;}
.xn_index_box1_1200_box_li_t2{background: url(../images/box1_2.png) no-repeat center;}
.xn_index_box1_1200_box_li_t3{background: url(../images/box1_3.png) no-repeat center;}
.xn_index_box1_1200_box_li_t4{background: url(../images/box1_4.png) no-repeat center;}
.xn_index_box1_1200_box_li_c{width: 80%;margin:0 auto;text-align: center;height: 40px;font-size: 20px;font-weight: bold;}
.xn_index_box1_1200_box_li_c a{color:#444444;font-size: 20px;transition: all .2s linear;font-weight: bold;}
.xn_index_box1_1200_box_li_b{width: 80%;margin:0 auto;text-align: center;}
.xn_index_box1_1200_box_li_b p{color:#666666;font-size: 14px;line-height: 22px; text-align: center;}
.xn_index_box1_1200_box_ul li:hover{cursor: pointer;webkit-box-shadow: 0 10px 30px rgba(0,0,0,0.1); box-shadow: 0 10px 30px rgba(0,0,0,0.1); -webkit-transform: translate3d(0, -2px, 0); transform: translate3d(0, -2px, 0);}
.xn_index_box1_1200_box_ul li:hover .xn_index_box1_1200_box_li_t{background:#f2054d;}
.xn_index_box1_1200_box_ul li:hover .xn_index_box1_1200_box_li_c a{color:#f2054d;}
.xn_index_box1_1200_box_ul li:hover .xn_index_box1_1200_box_li_t1{background:#f2054d url(../images/box1_1a.png) no-repeat center;}
.xn_index_box1_1200_box_ul li:hover .xn_index_box1_1200_box_li_t2{background:#f2054d url(../images/box1_2a.png) no-repeat center;}
.xn_index_box1_1200_box_ul li:hover .xn_index_box1_1200_box_li_t3{background:#f2054d url(../images/box1_3a.png) no-repeat center;}
.xn_index_box1_1200_box_ul li:hover .xn_index_box1_1200_box_li_t4{background:#f2054d url(../images/box1_4a.png) no-repeat center;}}
@media screen and (max-width: 1024px) {.xn_index_box1{width: 100%;/*padding-top: 30px;*/}
.xn_index_box1_1200{width: 1200px;min-height: 595px;margin:0 auto;padding-top: 14px;overflow: hidden;}
.xn_index_box1_1200 .xn_index_box_1200_title h1{width: 100%;height: 80px;line-height: 80px;font-size:45px;color:#f2054d;text-align: center;}
.xn_index_box1_1200 .xn_index_box_1200_title h1 img{width: 58px; height: 46px; margin-top: 18px; }
.xn_index_box1_1200 .xn_index_box_1200_title p{width: 100%;color: #666666;font-size:20px;text-align: center;}
.xn_index_box1_1200 .xn_index_box_1200_box{margin-top: 40px;}
.xn_index_box1_1200_box_ul{}
.xn_index_box1_1200_box_ul li{width: 50%;height: 340px;float:left;transition: all .2s linear;}
.xn_index_box1_1200_box_li_t{width: 138px;height: 138px;margin:38px auto;border:1px solid #eee;transition: all .2s linear;border-radius: 50%;webkit-box-shadow: 0 10px 30px rgba(0,0,0,0.1);box-shadow: 0 10px 30px rgba(0,0,0,0.1);-webkit-transform: translate3d(0, -2px, 0);transform: translate3d(0, -2px, 0);margin-bottom: 20px;}
.xn_index_box1_1200_box_li_t1{background: url(../images/box1_1.png) no-repeat center;}
.xn_index_box1_1200_box_li_t2{background: url(../images/box1_2.png) no-repeat center;}
.xn_index_box1_1200_box_li_t3{background: url(../images/box1_3.png) no-repeat center;}
.xn_index_box1_1200_box_li_t4{background: url(../images/box1_4.png) no-repeat center;}
.xn_index_box1_1200_box_li_c{width: 80%;margin:0 auto;text-align: center;height: 40px;font-size: 20px;font-weight: bold;}
.xn_index_box1_1200_box_li_c a{color:#444444;font-size: 20px;transition: all .2s linear;font-weight: bold;}
.xn_index_box1_1200_box_li_b{width: 80%;margin:0 auto;text-align: center;}
.xn_index_box1_1200_box_li_b p{color:#666666;font-size: 14px;line-height: 22px; text-align: center;}
.xn_index_box1_1200_box_ul li:hover{cursor: pointer;webkit-box-shadow: 0 10px 30px rgba(0,0,0,0.1); box-shadow: 0 10px 30px rgba(0,0,0,0.1); -webkit-transform: translate3d(0, -2px, 0); transform: translate3d(0, -2px, 0);}
.xn_index_box1_1200_box_ul li:hover .xn_index_box1_1200_box_li_t{background:#f2054d;}
.xn_index_box1_1200_box_ul li:hover .xn_index_box1_1200_box_li_c a{color:#f2054d;}
.xn_index_box1_1200_box_ul li:hover .xn_index_box1_1200_box_li_t1{background:#f2054d url(../images/box1_1a.png) no-repeat center;}
.xn_index_box1_1200_box_ul li:hover .xn_index_box1_1200_box_li_t2{background:#f2054d url(../images/box1_2a.png) no-repeat center;}
.xn_index_box1_1200_box_ul li:hover .xn_index_box1_1200_box_li_t3{background:#f2054d url(../images/box1_3a.png) no-repeat center;}
.xn_index_box1_1200_box_ul li:hover .xn_index_box1_1200_box_li_t4{background:#f2054d url(../images/box1_4a.png) no-repeat center;}}
@media screen and (min-width: 1024px) {.pricing_main .pricing_2{height: 660px;padding-top: 70px;}
.pricing_main .pricing_2 > .wrop{height: 100%;width: 1190px;}
.pricing_main .pricing_2 ul{width: 1190px;}
.pricing_main .pricing_2 ul li{width: 290px;height: 450px;margin-left: 7px;cursor: pointer;position: relative;}
.pricing_main .pricing_2 ul li:first{margin-left: 0;}
.pricing_main .pricing_2 ul li h3{font-size: 24px;margin: 10px 0 14px 0;color: #1b1b1b;}
.pricing_main .pricing_2 ul li div{font-size: 16px;margin-bottom: 10px;color: #666666;line-height: 24px; padding: 14px;}
.pricing_main .pricing_2 ul li .service_2{position: absolute;top:0;}
.pricing_main .pricing_2 ul li .service_2 h3{color: #ffffff;}
.pricing_main .pricing_2 ul li .service_2 div{color: #ffffff;}
.pricing_main .pricing_2 ul .service_1_img{width: 50px;height: 50px;margin: 0 auto;}
.pricing_main .pricing_2 ul li:nth-child(1) .service_1_img{background: url("../images/platform.png") no-repeat;background-position: 0 0;}
.pricing_main .pricing_2 ul li:nth-child(2) .service_1_img{background: url("../images/programme.png") no-repeat;background-position: 0 0;}
.pricing_main .pricing_2 ul li:nth-child(3) .service_1_img{background: url("../images/design.png") no-repeat;background-position: 0 0;}
.pricing_main .pricing_2 ul li:nth-child(4) .service_1_img{background: url("../images/staff.png") no-repeat;background-position: 0 0;}
.pricing_main .pricing_2 ul li:first-child > .service_1{background: url("../images/platform_bg1.png") no-repeat;}
.pricing_main .pricing_2 ul li:nth-child(2) > .service_1{background: url("../images/programme_bg1.png") no-repeat;}
.pricing_main .pricing_2 ul li:nth-child(3) > .service_1{background: url("../images/design_bg1.png") no-repeat;}
.pricing_main .pricing_2 ul li:last-child > .service_1{background: url("../images/staff_bg1.jpg") no-repeat;}
.pricing_main .pricing_2 ul li > div{width: 100%;height: 420px;text-align: center;padding-top: 30px;position:relative;}
.pricing_main .pricing_2 ul li:first-child > .service_2{background: url("../images/platform_bg.png") no-repeat;}
.pricing_main .pricing_2 ul li:nth-child(2) > .service_2{background: url("../images/programme_bg.png") no-repeat;}
.pricing_main .pricing_2 ul li:nth-child(3) > .service_2{background: url("../images/design_bg.png") no-repeat;}
.pricing_main .pricing_2 ul li:last-child > .service_2{background: url("../images/staff_bg.png") no-repeat;}
.pricing_main .pricing_2 .pricing_2_phone{text-align: center;font-size: 18px;color: #333333;margin-top: 45px;}
.pricing_main .pricing_2 .order_btn{
width: 162px;
height: 45px;
line-height: 45px;
color: #f2054d;
background: #fff;
font-size: 16px;
border-radius: 30px;
position: absolute;
bottom:46px;
left: 50%;
margin-left: -81px;
opacity: 0;
}
.xn_index_box8{width: 100%;overflow: hidden;background: #f2054d;margin:50px 0;margin-top: 64px;margin-bottom: 33px;}
.xn_index_box8_1200{width: 1200px;margin:0 auto;min-height: 200px;}
.liuc{}
.liuc p{font-size: 30px;color:#ffffff;font-weight: bold;width: 160px;display: block;float: left;line-height: 102px;margin-top: 24px;}
.liuc2{}
.xn_index_box8_ul li{width: 170px;height: 200px;float: left;padding-right: 60px;text-align: center;background: url(../images/right_jiantou.png) no-repeat 120px 68px;background-size: 48px auto;}
.xn_index_box8_ul li:last-child{padding-right: 0;background: none;}
.xn_index_box8_ul li i{width: 74px;height: 74px;display: block;margin: 0 auto;border-radius: 50%;margin: 15px auto;margin-top: 41px;}
.xn_index_box8_ul li p{font-size: 16px;color:#FFF;}
.xn_index_box8_ul li i {background: url(../images/gg1.jpg) no-repeat;}
.xn_index_box8_ul li+li i{background: url(../images/gg2.jpg) no-repeat;}
.xn_index_box8_ul li+li+li i{background: url(../images/gg3.jpg) no-repeat;}
.xn_index_box8_ul li+li+li+li i{background: url(../images/gg4.jpg) no-repeat;}
.xn_index_box8_ul li+li+li+li+li i{background: url(../images/gg5.jpg) no-repeat;}
.xn_index_box8_ul li+li+li+li+li+li i{background: url(../images/gg6.jpg) no-repeat;}
.xn_index_box8_ul li:nth-child(2) > p {
line-height: 34px;
}
.xn_index_box8_ul li:nth-child(3) > p {
line-height: 34px;
}
.xn_index_box8_ul li:nth-child(4) > p {
line-height: 34px;
}
.xn_index_box8_ul li:nth-child(5) > p {
line-height: 34px;
}
}
@media screen and (max-width: 1024px) {.pricing_main .pricing_2{height: 100%;padding-top: 70px;}
.pricing_main .pricing_2 > .wrop{height: 100%;width: 100%;}
.pricing_main .pricing_2 ul{width: 100%;}
.pricing_main .pricing_2 ul li{width: 50%;height: 450px;margin-left: 0px;cursor: pointer;position: relative;}
.pricing_main .pricing_2 ul li:first{margin-left: 0;}
.pricing_main .pricing_2 ul li h3{font-size: 24px;margin: 5px 0 0px 0;color: #1b1b1b;}
.pricing_main .pricing_2 ul li div{font-size: 16px;margin-bottom: 10px;color: #666666;line-height: 24px; padding: 14px;}
.pricing_main .pricing_2 ul li .service_2{position: absolute;top:0;}
.pricing_main .pricing_2 ul li .service_2 h3{color: #ffffff;}
.pricing_main .pricing_2 ul li .service_2 div{color: #ffffff;}
.pricing_main .pricing_2 ul .service_1_img{width: 50px;height: 50px;margin: 0 auto;}
.pricing_main .pricing_2 ul li:nth-child(1) .service_1_img{background: url("../images/platform.png") no-repeat;background-position: 0 0;}
.pricing_main .pricing_2 ul li:nth-child(2) .service_1_img{background: url("../images/programme.png") no-repeat;background-position: 0 0;}
.pricing_main .pricing_2 ul li:nth-child(3) .service_1_img{background: url("../images/design.png") no-repeat;background-position: 0 0;}
.pricing_main .pricing_2 ul li:nth-child(4) .service_1_img{background: url("../images/staff.png") no-repeat;background-position: 0 0;}
.pricing_main .pricing_2 ul li:first-child > .service_1{background: url("../images/platform_bg1.png") no-repeat;}
.pricing_main .pricing_2 ul li:nth-child(2) > .service_1{background: url("../images/programme_bg1.png") no-repeat;}
.pricing_main .pricing_2 ul li:nth-child(3) > .service_1{background: url("../images/design_bg1.png") no-repeat;}
.pricing_main .pricing_2 ul li:last-child > .service_1{background: url("../images/staff_bg1.jpg") no-repeat;}
.pricing_main .pricing_2 ul li > div{width: 100%;height: 420px;text-align: center;padding-top: 30px;position:relative;}
.pricing_main .pricing_2 ul li:first-child > .service_2{background: url("../images/platform_bg.png") no-repeat;}
.pricing_main .pricing_2 ul li:nth-child(2) > .service_2{background: url("../images/programme_bg.png") no-repeat;}
.pricing_main .pricing_2 ul li:nth-child(3) > .service_2{background: url("../images/design_bg.png") no-repeat;}
.pricing_main .pricing_2 ul li:last-child > .service_2{background: url("../images/staff_bg.png") no-repeat;}
.pricing_main .pricing_2 .pricing_2_phone{text-align: center;font-size: 18px;color: #333333;margin-top: 45px;}
.pricing_main .pricing_2 .order_btn{
width: 162px;
height: 45px;
line-height: 45px;
color: #f2054d;
background: #fff;
font-size: 16px;
border-radius: 30px;
position: absolute;
bottom:46px;
left: 50%;
margin-left: -81px;
opacity: 0;
}
.xn_index_box8{width: 100%;overflow: hidden;background: #f2054d;margin:50px 0;margin-top: 64px;margin-bottom: 33px;}
.xn_index_box8_1200{width: 100%;margin:0 auto;min-height: 200px;}
.liuc{}
.liuc p{font-size: 30px;color:#ffffff;font-weight: bold;width: 100%;display: block;float: left;line-height: 102px;margin-top: 24px; text-align: center;}
.liuc2{}
.xn_index_box8_ul li{width: 50%;height: 200px;float: left;text-align: center;background: url(../images/right_jiantou.png) no-repeat 140px 68px;background-size: 48px auto;}
.xn_index_box8_ul li:last-child{padding-right: 0;background: none;}
.xn_index_box8_ul li i{width: 74px;height: 74px;display: block;margin: 0 auto;border-radius: 50%;margin: 15px auto;margin-top: 41px;}
.xn_index_box8_ul li p{font-size: 16px;color:#FFF;}
.xn_index_box8_ul li i {background: url(../images/gg1.jpg) no-repeat;}
.xn_index_box8_ul li+li i{background: url(../images/gg2.jpg) no-repeat;}
.xn_index_box8_ul li+li+li i{background: url(../images/gg3.jpg) no-repeat;}
.xn_index_box8_ul li+li+li+li i{background: url(../images/gg4.jpg) no-repeat;}
.xn_index_box8_ul li+li+li+li+li i{background: url(../images/gg5.jpg) no-repeat;}
.xn_index_box8_ul li+li+li+li+li+li i{background: url(../images/gg6.jpg) no-repeat;}
.xn_index_box8_ul li:nth-child(2) > p {
line-height: 34px;
}
.xn_index_box8_ul li:nth-child(3) > p {
line-height: 34px;
}
.xn_index_box8_ul li:nth-child(4) > p {
line-height: 34px;
}
.xn_index_box8_ul li:nth-child(5) > p {
line-height: 34px;
}
}
@media screen and (min-width: 1024px) {.xn_index_box9{width: 100%;overflow: hidden;margin-bottom: 100px;}
.xn_index_box9_1200{width: 1200px;margin:0 auto;/* min-height: 650px; */}}
@media screen and (max-width: 1024px) {.xn_index_box9{width: 100%;overflow: hidden;margin-bottom: 40px;}
.xn_index_box9_1200{width: 96%;margin:0 auto;/* min-height: 650px; */}}
.xn_index_box9_1200 .xn_index_box_1200_title h1{width: 100%;height: 80px;line-height: 80px;font-size:45px;color:#f2054d;text-align: center;margin-bottom: 38px;}
.xn_index_box9_1200 .xn_index_box_1200_title h1 img{width: 42px;height: 43px;margin-top: 22px;}
.xn_index_box9_1200 .xn_index_box_1200_title p{width: 100%;color:#999999;font-size:20px;text-align: center;}
.xn_index_box9_1200 .jb_new_zx_nr, .jb_new_sj_nr {
width: auto;
}
@media screen and (min-width: 1024px) {.xn_index_box9_left{width: 27%;float:left;margin-right:34px; margin-left:34px;}}
@media screen and (max-width: 1024px) {.xn_index_box9_left{width: 100%;float:left;margin-right:34px;}}
.jb_new_zx_bt{height: 40px;width: 100%;float:left;margin-bottom: 43px;}
.jb_new_zx_bt h3{color:#f2054d;float:left;height: 40px;line-height: 40px;padding-left: 15px;background: url(https://1.rc.xiniu.com/img/site/new/news_left.png) no-repeat 0 center;font-size: 24px;}
.news_more{width: 40%;float:right;text-align: right;height: 40px;line-height: 40px;color: #666666;}
.news_more:hover{color:#f2054d;}
.jb_new_zx_nr{}
.jb_new_zx_nr .i_hnews_m{/* overflow: hidden; */height: 35px;line-height: 35px;}
.i_hnews_img{width: 100%;height: 140px;float:left;}
.i_hnews_img img{width: 100%;height: 100%;}
.i_hnews_m:first-child{width: 100%;height: 140px;overflow: hidden;margin: 0px 0;}
.i_hnews_m:first-child .i_hnews_title a {font-size: 16px; color: #333333; }
.i_hnews_m .i_hnews_img,.i_hnews_m .i_hnews_cnt{display: none;}
.i_hnews_m:first-child .i_hnews_img,.i_hnews_m:first-child .i_hnews_cnt{display: block !important;}
.i_hnews_m:first-child .i_hnews_title {width: 182px;padding-left: 18px;float: left;background: none;line-height: 24px;font-size: 16px;font-weight: bold;color: #333333;}
.i_hnews_m:first-child .i_hnews_cnt {display: block;width: 182px;padding-left: 18px;float: left;line-height: 22px;line-height: 20px; color:#999999;font-family: "Microsoft Yahei",Verdana, Geneva, sans-serif;outline-width: 0px;}
.i_hnews_m:first-child .i_hnews_title a{font-size: 16px;font-weight: bold;}
.i_hnews_m:first-child .i_hnews_cnt a{font-size: 12px; color: #999999; height: 120px; overflow: hidden; }
.i_hnews_m:first-child .i_hnews_date{display: none !important;}
.xn_index_box9_center{width: 430px;float:left;margin-right:25px;}
.jb_new_zx_bt a, .jb_new_sj_bt a, .jb_new_xz_bt a {
width: 50px;
height: 5px;
background: none !important;
float: right;
margin-top: 0 !important;
}
.i_hnews_m .i_hnews_title {width: 70%;float: left;padding-left: 15px;background: url(https://1.rc.xiniu.com/img/site/new/i_hnews_title.png) no-repeat 0 center;font-size: 14px;color: #444444;}
.i_hnews_m .i_hnews_title:hover{color:red}
.i_hnews_m .i_hnews_title a{font-size:14px;color:#444444;transition:all 0.6s ease;}
.i_hnews_m .i_hnews_title a:hover{color:red}
.i_hnews_m .i_hnews_date {width: 25%;float: left;height: 35px;line-height: 35px;text-align: right;}
.i_hnews_m .i_hnews_date span{font-size: 14px;color:#999999;}
.xn_index_box9_right{width: 285px;float:left;}
.i_hnews_m2 .i_hnews_title,.i_hnews_m3 .i_hnews_title,.i_hnews_m4 .i_hnews_title,.i_hnews_m5 .i_hnews_title,.i_hnews_m6 .i_hnews_title{ overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
@media screen and (min-width: 1024px) {.xn_index_box3{width: 100%;padding-top: 30px;overflow: hidden;margin-bottom: 38px;}
.xn_index_box3_1200{width: 1200px;margin:0 auto;}}
@media screen and (max-width: 1024px) {.xn_index_box3{width: 100%;padding-top: 30px;overflow: hidden;margin-bottom: 38px;}
.xn_index_box3_1200{width: 100%;margin:0 auto;}}
.xn_index_box3_1200 .xn_index_box_1200_title h1{width: 100%;height: 80px;line-height: 80px;font-size:45px;color:#f2054d;text-align: center;}
.xn_index_box3_1200 .xn_index_box_1200_title h1 img{width: 46px; height: 49px; margin-top: 18px; }
.xn_index_box3_1200 .xn_index_box_1200_title p{width: 100%;color: #666666;font-size:20px;text-align: center;}
.xn_index_box3_t{width: 1200px;height: 60px;text-align: center;}
.xn_index_box3_t ul{float:none!important;}
.xn_index_box3_t ul li{float:none!important;}
.xn_index_box3_t_ul{padding-top: 15px;width: 1200px;text-align: center;}
.xn_index_box3_t_ul li{/* min-width: 58px; */height: 28px;margin-left: 7px;background: #959595;overflow: visible;position: relative;cursor: pointer;color: #fff;line-height: 26px;padding: 0 5px 0 5px;border-radius: 2px;display: inline-block;zoom:1;*display: inline;display: inline-block;}
.xn_index_box3_t_ul li a{ min-width: 58px;display:block; height: 28px;font-size: 12px; float: left; margin-left: 7px; background: #959595; overflow: visible; position: relative; cursor: pointer; color: #fff; line-height: 26px; padding: 0 5px 0 5px; border-radius: 2px; }
.xn_index_box3_t_ul li a img {vertical-align: text-top; padding-right: 5px; }
.xn_index_box3_t_ul li a i {display: none; position: absolute; width: 0px; height: 0px; border: 5px solid transparent; border-right-color: #e00112; top: 23px; left: 5px; }
.cur { }
.cur a{ }
.cur i{display: block !important}
@media screen and (min-width: 1024px) {.xn_index_box3_b{width: 1200px;}
.xn_index_box3_b .box li{width: 238px;float:left;height: 300px;background: red;border: 1px #dfdfdf solid;border-left: none;text-align: center;background-color: #fff;transition: all 0.5s ease-out;overflow: hidden;}
.xn_index_box3_b .box li:first-child{border-left: 1px #dfdfdf solid;}
.xn_index_box3_b .box li .p1{width: 100%;height: 50px;text-align: center;padding-top: 25px;background-color: #b7b940;display: block;}
.xn_index_box3_b .box li h3{width: 100%;text-align: center;padding-top: 44px;padding-bottom: 25px;color: #fff;font-size: 24px;background-color: #b7b940;display: block;/* height: 81px; */}
.xn_index_box3_b .box li .p2{line-height: 34px;font-size: 14px;text-align: center;margin: 27px;color: #999;margin-top: 40px;display: block;}
}
@media screen and (max-width: 1024px) {.xn_index_box3_b{width: 100%;}
.xn_index_box3_b .box li{width: 50%; position: relative;
float: left;margin: 0px auto; margin-top:24px;height: 300px;background: red;border: 1px #dfdfdf solid;border-left: none;text-align: center;background-color: #fff;transition: all 0.5s ease-out;overflow: hidden;}
.xn_index_box3_b .box li:first-child{border-left: 1px #dfdfdf solid;}
.xn_index_box3_b .box li .p1{width: 100%;height: 50px;text-align: center;padding-top: 25px;background-color: #b7b940;display: block;}
.xn_index_box3_b .box li h3{width: 100%;text-align: center;padding-top: 44px;padding-bottom: 25px;color: #fff;font-size: 18px;background-color: #b7b940;display: block;/* height: 81px; */}
.xn_index_box3_b .box li .p2{line-height: 34px;font-size: 14px;text-align: center;margin: 27px;color: #999;margin-top: 40px;display: block;}
}
.box{}
.xn_index_box3_b .box img{width: 50px;height: 50px;}
.xn_index_box3_b .box .li_2 .p1,.xn_index_box3_b .box .li_2 h3{background: #47bf82;}
.xn_index_box3_b .box .li_3 .p1,.xn_index_box3_b .box .li_3 h3{background: #6e8bd6;}
.xn_index_box3_b .box .li_4 .p1,.xn_index_box3_b .box .li_4 h3{background: #ad53c4;}
.xn_index_box3_b .box .li_5 .p1,.xn_index_box3_b .box .li_5 h3{background: #e05d6d;}
.xn_index_box3_b .box li:hover{background: #d92129; -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; transition: all 0.5s ease-out; }
.xn_index_box3_b .box li:hover a{background: #d92129; -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; transition: all 0.5s ease-out; }
.xn_index_box3_b .box li:hover .p1{background: #d92129;color:#FFF; -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; transition: all 0.5s ease-out;}
.xn_index_box3_b .box li:hover .p2{color:#FFF;-webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; transition: all 0.5s ease-out;}
.xn_index_box3_b .box li:hover h3{background: #d92129;color:#FFF; -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; transition: all 0.5s ease-out; }
.fyfwlc{padding: 90px 0 0px;}
@media screen and (min-width: 1024px) {
.fylcbot{margin-top: 50px;}
.fylcbot li{float: left;width: 12.66%;text-align: center; margin-left:22px; margin-right:22px;}
.fylcimg{padding:40px;margin: 0 auto; margin-left: 10px;border: 1px solid #eee;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;}}
@media screen and (max-width: 1024px) {
.fylcbot{margin-top: 0px;}
.fylcbot li{float: left;width: 50%;text-align: center; margin-top:24px;}
.fylcimg{padding:40px;margin: 0 auto; margin-left: 10px;border: 1px solid #eee;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;}}
.fylcimg img{width: 60px;height: 60px;display: block;}
.fylcimg img.fylcimg1{display: none}
.fylcbot li p{margin: 24px 0 5px;font-size: 18px;color: #ff0000;font-weight: bold}
.fylcbot li span{font-size: 18px;}
.fylcbot li.hoverli .fylcimg{background: #ff0000;box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.15);}
.fylcbot li.hoverli .fylcimg img.fylcimg0{display:none}
.fylcbot li.hoverli .fylcimg img.fylcimg1{display:block}
.fyfzlc{background: #ff0000 url(../images/fyfzlcbg.jpg) no-repeat center bottom;padding: 115px 0 187px}
.fyfzlc .fygytop,.fyfzlc .fygytop p{color: #fff !important;}
.fyfzlc .fygytop:after{background: #fff}
.fyfzlcbot{margin-top: 145px;position: relative}
.fyfzlcyear{position: absolute;top: 0;left: 0;font-size: 18px;color: #fff;}
.fyfzlcyear span{font-size: 70px;display: inline-block;margin-right: 10px;}
.fyfzlcbotnr{margin: 0 auto;width: 70%}
.fylcyaer{display: none}
.fyfzlcbotnr .item li{float: left;width:46%;padding:0 2%;text-align: center}
.fyfzlcbotnr .item li p{color: #fff;font-size: 16px;margin-top:50px;}
.fyfzlcbotnr .owl-controls{position:absolute;width:142%;left:-21%;text-align: center;margin: 0;top: 58%}
.fyfzlcbotnr .owl-controls .owl-dots{display: none !important;}
.fyfzlcbotnr .owl-controls .owl-nav [class*=owl-]{width: 138px;height: 53px;border: 1px solid #fff;margin: 0;padding: 0;text-align: center;line-height: 53px;color: #fff;background: none;font-size: 20px;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;position: absolute}
.fyfzlcbotnr .owl-controls .owl-nav [class*=owl-]:hover{background: #ea0404;border-color: #ea0404}
.fyfzlcbotnr .owl-controls .owl-nav [class*=owl-].owl-prev{left:0}
.fyfzlcbotnr .owl-controls .owl-nav [class*=owl-].owl-next{right:0}
.work{
background: #f7f9f9;
}
.worklie{
width: 100%;
overflow: hidden;
margin: 24px auto;
}
@media screen and (min-width: 1024px) {.worklie li{
float: left;
width: 27%;
margin-right: 6.1%;
background: #fff;
border: 1px solid #ddd;
border-radius: 6px;
}}
@media screen and (max-width: 1024px) {.worklie li{
float: left;
width: 100%;
margin-right: 6.1%;
background: #fff;
border: 1px solid #ddd;
border-radius: 6px;
}}
.worklie li:hover{
border: 1px solid #999;
box-shadow: 0 0 10px #999;
}
.worklie li:nth-of-type(4n){
margin-right: 0;
}
.work-icon{
width: 60%;
margin: 0 auto;
text-align: center;
margin-top: 20%;
}
.work-icon i{
font-size: 100px;
color: #666;
}
.work-icon i:hover{
color: #333;
}
.work-text{
width: 60%;
margin: 10% auto;
font-size: 16px;
line-height: 32px;
color: #999;
text-align: center;
height: 60px;
overflow: hidden;
}
.wk-headbg{
width: 100%;
border-bottom-right-radius: 6px;
border-bottom-left-radius: 6px;
background: url(../images/wkbg.png);
background-size: 100% 100%;
}
.wk-headbg:hover{
width: 100%;
background: url(../images/wkbg2.png);
background-size: 100% 100%;
color: #f0f0f0;
}
.wk-head{
width: 60%;
margin: 0 auto;
font-size: 24px;
padding: 14% 0;
text-align: center;
height: 30px;
overflow: hidden;
}
.p_30{
padding:24px 0;
}
.p_30 .done_box .done_item {
width: 100%; text-align: left;
height: 170px;
overflow: hidden;
padding: 20px;
background: #efefef; margin-top: 14px;
border-radius: 6px;
box-shadow: 0 0 11px rgba(50, 50, 50, 0.1);
transition: all ease-in-out 0.3s;
position: relative;
z-index: 0;
}
.p_30 .done_box .done_item::after {
content: '';
width: 0;
height: 0;
border-bottom: 170px solid #f2054d;
border-left: 170px solid transparent;
position: absolute;
top: 0;
right: -10%;
bottom: 0;
z-index: 1;
}
.p_30 .done_box .done_item .done_item_title {
color: #f2054d;
font-size: 16px;
}
.p_30 .done_box .done_item .done_item_text {
width: 80%;
margin-top: 15px; font-size: 16px;
line-height: 26px;
transition: all ease-in-out 0.3s;
color: #666;
position: relative;
z-index: 3;
}
.p_30 .done_box .done_item .done_num {
position: absolute;
font-size: 68px;
color: #fff;
right: 15px;
bottom: 0;
z-index: 2;
font-family: Arial;
}
.jfa_03 {
overflow: hidden;
background-color: #fff;
padding: 1.07rem 0px 0.91rem 0px;
}
.jfa_03_c {
width: 100%;
overflow: visible;
margin-top: 0.21rem;
}
@media screen and (min-width: 1024px) {.jfa_03_c ul li {
width:48%;
float: left; margin-top:34px;
margin-right: 2%;
overflow: hidden;
margin-bottom: 0.3rem;
border: 1px solid #e2e2e2;
border-radius: 0.07rem;
float: left;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-moz-box-shadow: 8px 0px 18px rgba(0, 0, 0, 0.06);
-webkit-box-shadow: 8px 0px 18px rgba(0, 0, 0, 0.06);
box-shadow: 8px 0px 18px rgba(0, 0, 0, 0.06);
}}
@media screen and (max-width: 1024px) {.jfa_03_c ul li {
width: 100%;
float: left;
margin-right: 2%;
overflow: hidden;
margin-bottom: 0.3rem;
border: 1px solid #e2e2e2;
border-radius: 0.07rem;
float: left;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-moz-box-shadow: 8px 0px 18px rgba(0, 0, 0, 0.06);
-webkit-box-shadow: 8px 0px 18px rgba(0, 0, 0, 0.06);
box-shadow: 8px 0px 18px rgba(0, 0, 0, 0.06);
}}
.jfa_03_c ul li em {
display: table;
margin: 34px;
font-style: normal;
}
.jfa_03_c ul li em span {
display: table-cell;
vertical-align: middle;
}
.jfa_03_c ul li em span.sp1 {
width: 100px;
}
.jfa_03_c ul li em span.sp1 img {
width: 100%;
display: block;
border-radius: 50%;
}
.jfa_03_c ul li:nth-child(1) em span.sp1 img {
width: 100%;
display: block;
-moz-box-shadow: 8px 0px 18px rgba(57, 151, 252, 0.38);
-webkit-box-shadow: 8px 0px 18px rgba(57, 151, 252, 0.38);
box-shadow: 8px 0px 18px rgba(57, 151, 252, 0.38)
}
.jfa_03_c ul li:nth-child(2) em span.sp1 img {
width: 100%;
display: block;
-moz-box-shadow: 8px 0px 18px rgba(93, 211, 214, 0.38);
-webkit-box-shadow: 8px 0px 18px rgba(93, 211, 214, 0.38);
box-shadow: 8px 0px 18px rgba(93, 211, 214, 0.38)
}
.jfa_03_c ul li:nth-child(3) em span.sp1 img {
width: 100%;
display: block;
-moz-box-shadow: 8px 0px 18px rgba(255, 196, 57, 0.38);
-webkit-box-shadow: 8px 0px 18px rgba(255, 196, 57, 0.38);
box-shadow: 8px 0px 18px rgba(255, 196, 57, 0.38)
}
.jfa_03_c ul li:nth-child(4) em span.sp1 img {
width: 100%;
display: block;
-moz-box-shadow: 8px 0px 18px rgba(165, 76, 212, 0.38);
-webkit-box-shadow: 8px 0px 18px rgba(165, 76, 212, 0.38);
box-shadow: 8px 0px 18px rgba(165, 76, 212, 0.38)
}
.jfa_03_c ul li:nth-child(5) em span.sp1 img {
width: 100%;
display: block;
-moz-box-shadow: 8px 0px 18px rgba(255, 102, 112, 0.38);
-webkit-box-shadow: 8px 0px 18px rgba(255, 102, 112, 0.38);
box-shadow: 8px 0px 18px rgba(255, 102, 112, 0.38)
}
.jfa_03_c ul li:nth-child(6) em span.sp1 img {
width: 100%;
display: block;
-moz-box-shadow: 8px 0px 18px rgba(93, 211, 214, 0.38);
-webkit-box-shadow: 8px 0px 18px rgba(93, 211, 214, 0.38);
box-shadow: 8px 0px 18px rgba(93, 211, 214, 0.38)
}
@media screen and (min-width: 1024px) {.jfa_03_c ul li em span.sp2 {
padding-left: 14.4rem;padding-top: 10px;
font-size: 14px;
color: #000;
line-height: 1.5;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
}}
@media screen and (max-width: 1024px) {.jfa_03_c ul li em span.sp2 {
padding-left:24px;padding-top: 24px;
font-size: 14px;
color: #000;
line-height: 1.5;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
}}
.jfa_06 {
padding: 34px;
}
.jfa_06 p {
width: 100%;
overflow: hidden;
text-align: center;
}
.jfa_06 p.p1 {
font-size: 28px;
color: #181818;
line-height: 2;
}
.jfa_06 p.p2 {
font-size: 18px;
color: #181818;padding-top:14px;padding-bottom: 24px;
line-height: 1.5;
}
.jfa_06 p.p3 {
margin-top: 0.27rem;
overflow: visible;
}
.jfa_06 p.p3 a {
display: inline-block;
line-height: 0.53rem;
padding: 24px;
font-size: 16px;
color: #fff;
background-color: #f2054d;
border-radius: 10px
}
.jfa_06 p.p3 a:hover {
opacity: 0.9;
}
.jfa_06 p.p4 {
margin-top: 0.12rem;
font-size: 18px;
color: #434343;
line-height: 0.23rem;
}
.jfa_006 {
padding: 34px; background:#f5f5f5;
}
.jfa_006:hover {
padding: 34px; background:#e0e0e0; color:#fff;
}
.jfa_006 p {
width: 100%;
overflow: hidden;
text-align: center;
}
.jfa_006 p.p1 {
font-size: 28px;
color: #181818;
line-height: 2;
}
.jfa_006 p.p2 {
font-size: 18px;
color: #181818;padding-top:14px;padding-bottom: 24px;
line-height: 1.5;
}
.jfa_006 p.p3 {
margin-top: 0.27rem;
overflow: visible;
}
.jfa_006 p.p3 a {
display: inline-block;
line-height: 0.53rem;
padding: 24px;
font-size: 16px;
color: #fff;
background-color: #f2054d;
border-radius: 10px
}
.jfa_006 p.p3 a:hover {
opacity: 0.9;
}
.jfa_006 p.p4 {
margin-top: 0.12rem;
font-size: 18px;
color: #434343;
line-height: 0.23rem;
}
@media screen and (min-width: 1024px) {.medium{
padding:80px 0 156px;
width: 100%;
min-width: 960px;
background:#444;
}
.medium_title{
text-align: center;
font-size: 30px;
color:#fff;
}
.medium_center{
width:1200px;
height:45px;
}
.medium_content{
width:55%;
}
.medium_trends{
font-size:18px;
color:#fff;
text-align:center;
line-height:45px;
width:50%;
height:45px;
background-color:#f2054d;
}
.medium_policy{
font-size:18px;
text-align:center;
line-height:45px;
width:50%;
height:45px;
background-color:#fff;
}
.medium_trends_content{
width:1200px;
background-color:#fff;
margin-top:50px;
padding:40px 0px 60px;
}
.medium_trends_text{
width:90%;font-size: 16px;
height:60px;
line-height:60px;
border-bottom:1px solid #f2f4fa;
}
.m_text_left:hover{
color:#f2054d;
}
.m_time_right{
font-size:15px;
color:#999;
}}
@media screen and (max-width: 1024px) {.medium{
padding:80px 0 16px;
width: 100%;
background:#444;
}
.medium_title{
text-align: center;
font-size: 30px;
color:#fff;
}
.medium_center{
width:100%;
height:45px;
}
.medium_content{
width:55%;
}
.medium_trends{
font-size:18px;
color:#fff;
text-align:center;
line-height:45px;
width:50%;
height:45px;
background-color:#f2054d;
}
.medium_policy{
font-size:18px;
text-align:center;
line-height:45px;
width:50%;
height:45px;
background-color:#fff;
}
.medium_trends_content{
width:100%;
background-color:#fff;
margin-top:50px;
padding:40px 0px 60px;
}
.medium_trends_text{
width:90%;font-size: 16px;
height:60px;
line-height:60px;
border-bottom:1px solid #f2f4fa;
}
.m_text_left:hover{
color:#f2054d;
}
.m_time_right{
font-size:15px;display: none;
color:#999;
}}
.jfa_01 {
padding-top: 1.03rem;
background-color: #fff;
}
.jfa_01_t {
width: 100%;
overflow: hidden;
text-align: center;
}
.jfa_01_t h2 {
font-size: 28px;
color: #000;
font-weight: normal;
line-height: 55px;
}
.sfl_03 .jfa_01_t h2 {
color: #fff;
}
.jfa_01_t p {
width: 100%;
overflow: hidden;
text-align: center;
font-size: 14px;
color: #000;
line-height: 0.56rem;
}
.jfa_01_c {
width: 100%;
overflow: visible;
margin-top: 0.47rem;
}
@media screen and (min-width: 1024px) {.jfa_01_c ul li {
width: 23.5%;
float: left;
overflow: visible;
margin-right: 2%;
position: relative;
}
.jfa_01_c ul li:nth-child(4) {
margin-right: 0px;
}
.jfa_01_c ul li img {
width: 100px;
display: block;
position: absolute;
left: 35%;
top: -50px;
margin-left: -0.6rem;
border-radius: 50%;
}
}
@media screen and (max-width: 1024px) {.jfa_01_c ul li {
width: 48%; margin-right: 2%;
float: left;
overflow: visible;
margin-top:74px;
position: relative;
}
.jfa_01_c ul li:nth-child(4) {
margin-right: 0px;
}
.jfa_01_c ul li img {
width: 100px;
display: block;
position: absolute;
left: 25%;
top: -50px;
margin-left: -0.6rem;
border-radius: 50%;
}
}
.jfa_01_c ul li:nth-child(1) img {
-moz-box-shadow: 8px 0px 18px rgba(255, 102, 112, 0.38);
-webkit-box-shadow: 8px 0px 18px rgba(255, 102, 112, 0.38);
box-shadow: 8px 0px 18px rgba(255, 102, 112, 0.38)
}
.jfa_01_c ul li:nth-child(2) img {
-moz-box-shadow: 8px 0px 18px rgba(57, 151, 252, 0.38);
-webkit-box-shadow: 8px 0px 18px rgba(57, 151, 252, 0.38);
box-shadow: 8px 0px 18px rgba(57, 151, 252, 0.38)
}
.jfa_01_c ul li:nth-child(3) img {
-moz-box-shadow: 8px 0px 18px rgba(48, 188, 246, 0.38);
-webkit-box-shadow: 8px 0px 18px rgba(48, 188, 246, 0.38);
box-shadow: 8px 0px 18px rgba(48, 188, 246, 0.38)
}
.jfa_01_c ul li:nth-child(4) img {
-moz-box-shadow: 8px 0px 18px rgba(165, 76, 212, 0.38);
-webkit-box-shadow: 8px 0px 18px rgba(165, 76, 212, 0.38);
box-shadow: 8px 0px 18px rgba(165, 76, 212, 0.38)
}
.jfa_01_c ul {
display: flex;
flex-wrap: wrap;
}
.jfa_01_c ul li .jfa_01c_c {
width: 100%;
overflow: hidden;
border: 1px solid #e2e2e2;
border-radius: 0.08rem;
margin-top: 0.6rem;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-moz-box-shadow: 8px 0px 18px rgba(0, 0, 0, 0.06);
-webkit-box-shadow: 8px 0px 18px rgba(0, 0, 0, 0.06);
box-shadow: 8px 0px 18px rgba(0, 0, 0, 0.06);
height: calc(100% - 0.6rem);
}
.jfa_01_c ul li .jfa_01c_c em {
display: block;
overflow: hidden;
font-style: normal;
margin: 0px 44px;
margin-top: 4.4rem;
height: auto !important;
margin-bottom: 1.37rem;
}
.jfa_01_c ul li .jfa_01c_c em span,
.jfa_01_c ul li .jfa_01c_c em h3 {
width: 100%;
display: block;
overflow: hidden;
font-size: 18px;
line-height: 1.5;
margin-top: 20px;
text-align: center;
}
.jfa_01_c ul li .jfa_01c_c em i {
width: 100%;
display: block;
overflow: hidden;
font-size: 14px;
color: #222;
line-height: 1.5;
margin-top: 18px;
}
.jfa_01_t1 {
margin-top: 1.04rem;
margin-bottom: 0.42rem;
}
@media screen and (min-width: 1024px) {.gaos01{ clear: both;height:74px;}
.program {
flex-direction:column;
justify-content:center;
}
}
@media screen and (max-width: 1024px) {.gaos01{ clear: both;height:14px;}
.program {
flex-direction:column;
justify-content:center; zoom:0.34;
}
}
.program h2 {
font-size:34px;
color:#373d40;
text-align:center;
margin-bottom:40px;
}
.program .content {
display:flex;
justify-content:center;
}
.program .left {
text-align:right;
}
.program .item h3 {
font-size:20px;
color:#373d40;
margin-bottom:11px;
}
.program .item p {
width:240px;
font-size:14px;
color:#9b9ba3;
}
.program .item:nth-child(2) {
margin-top:213px;
}
.program img {
display:block;
position:relative;
top:-10px;
width:540px;
height:392px;
}
.gaoshe{font-size:18px; padding:24px;clear: both;}
.gaoshe02{ width:10%; height:54px; line-height:54px; border:none; background:#f2054d; border-radius:7px;margin-top:24px; color:#fff; font-size:16px; text-align:center}
.gaoshe03{ text-align:center}
.ability {
background:#2b2f46;
}
.ability h2 {
font-size:34px;
color:#fff;
text-align:center;
padding:100px 0 50px;
}
@media screen and (min-width: 1024px) {
.ability ul {
display:flex;
flex-wrap:wrap;
justify-content:center;
}
.ability ul:last-child {
margin-top:32px;
}
.ability ul li {
display:flex;
width:34%;
height:180px;margin: 14px;
background:#fff;
border:1px solid #eee;
border-radius:4px;
border-radius:4px;
box-sizing:border-box;
}
}
@media screen and (max-width: 1024px) {
.ability ul {
display:flex; width:96%; margin:0px auto; padding-bottom: 44px;
flex-wrap:wrap;
justify-content:center;
}
.ability ul:last-child {
margin-top:32px;
}
.ability ul li {
display:flex;margin-top: 24px;
width:100%;
height:180px;
background:#fff;
border:1px solid #eee;
border-radius:4px;
border-radius:4px;
box-sizing:border-box;
}
.ability ul li:nth-child(2) {
}
}
@media screen and (min-width: 1024px) {#r_main{
width: 1200px; margin:0px auto;
}}
@media screen and (max-width: 1024px) {#r_main{
width: 100%; margin:0px auto;
}}
#r_main h1{
height: 49px;
line-height: 42px;
font-size:16px;
font-weight:bold;
color: #fff;
text-align: center;
letter-spacing: 2px;
background: url(../images/lan.png) no-repeat;
}
#r_main h4{
padding-left: 20px;
font-size: 16px;
color: #ff4900;
line-height: 30px;
background:url(../images/2014-07-18_104031.jpg) no-repeat left center;
}
#priceimg{
margin:25px 0 50px;
}
.priceimg{
margin:25px 0 50px;
}
.price{
width: 100%;
background-color: #FFEFE8;
border-radius: 5px;
padding:25px 18px 10px 22px;
font-size: 12px;
color: #555555;
font-weight: bold;
}
.price h2{
font-weight: bold;
margin-bottom: 20px;
}
.price h2 span{
color: #FF5402;
margin-right: 8px;
}
.price p{
margin-bottom: 20px;
}
.readmore{
width: 207px;
height: 28px;
line-height: 28px;
font-size: 12px;
color: #fff;
text-align: center;
background: url(../images/readmore.jpg) no-repeat;
float: right;
}
.fen{
width: 760px;
height: 29px;
background: url(../images/fen.jpg) no-repeat;
margin-top: 50px;
}
.easyed{
background: url(../images/titles.png) no-repeat;
height: 60px;
width: 288px;
padding-left: 70px;
line-height: 68px;
color: #fff;
font-family: "微软雅黑";
font-size: 20px;
margin-bottom: 33px;
}
@media screen and (min-width: 1024px) {.price_box{
float: left;
width: 390px;
padding:1px;
border:1px solid #f3f1f2;
border-radius: 5px;
margin-right: 5px;
}
}
@media screen and (max-width: 1024px) {.price_box{
width: 96%; margin:0px auto;
padding:1px;
border:1px solid #f3f1f2;
border-radius: 5px;
margin-right: 5px;
}
}
.tit1{
padding:7px 0;
line-height: 25px;
font-size: 22px;
text-align: center;
background-color: #cccccc;
border-radius: 5px 5px 0 0;
border:1px solid #f0f0f0;
border-bottom:0;
color: #fff;
}
.tit2{
font-size: 18px;
text-align: center;
padding:7px 0;
line-height: 25px;
background-color: #dddddd;
border:1px solid #f0f0f0;
border-top:0;
color: #fff;
}
.gray1{
font-size: 18px;
padding:7px 0;
line-height: 25px;
background-color: #ffffff;
color: #74787b;
padding-left: 30px;
}
.gray2{
padding:7px 0;
line-height: 25px;
font-size: 18px;
background-color: #f6f6f6;
color: #74787b;
padding-left: 30px;
}
.btm{
padding:6px 0;
border: 1px solid #f0f0f0;
border-top:0;
background-color: #dcdcdc;
border-radius: 0 0 5px 5px;
font-size: 14px;
color: #fff;
line-height:25px;
text-align: center;
}
.bg_color1{
background-color:#df6653 !important;
height: 45px !important;
line-height: 45px;
}
.bg_color2{
background-color:#f3715b !important;
height: 60px !important;
line-height:60px !important;
}
.bg_color3{
background-color:#666666 !important;
height: 38px !important;
}
.bg_color4{
background-color:#777777 !important;
height: 49px !important;
line-height: 49px !important;
}
.btm2{
padding:8px 0;
line-height: 25px;
background-color: #f17159;
font-size: 15px !important;
}
@media screen and (min-width: 1024px) {.price_top{
margin-top: 75px;
}}
@media screen and (max-width: 1024px) {.price_top{
margin-top: 4px;
}}
.lunwrap{
/* margin: 120px auto 0px; */
}
.ability ul li img {
width:50px;
height:50px;
margin:30px 16px 0 36px;
}
.ability ul li .desc {
margin-top:40px;
}
.ability ul li .desc h3 {
font-size:20px;
color:#373d40;
margin-bottom:12px;
}
.ability ul li .desc p {
width:90%;
font-size:14px;
color:#9b9ba3;
}
.cgal_02 {
padding-top: 0.4rem;
}
@media screen and (min-width: 1024px) {.cgal_02 ul li {
width: 47.50%; margin-top:34px;
overflow: hidden;
padding: 0;
border-radius: 10px;
float: left;
margin-right: 2%;
margin-bottom: 0.3rem;
border: 1px solid #dfe5ed;
background-color: #fff;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
}}
@media screen and (max-width: 1024px) {.cgal_02 ul li {
width: 100%; margin-top:34px;
overflow: hidden;
padding: 0;
border-radius: 10px;
float: left;
margin-right: 2%;
margin-bottom: 0.3rem;
border: 1px solid #dfe5ed;
background-color: #fff;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
}}
.cgal_02 ul li:nth-child(4n) {
margin-right: 0px;
}
.cgal_02 ul li a em {
width: 100%;
display: block;
overflow: hidden;
font-style: normal;
}
.cgal_02 ul li a em.em1 img {
width: 100%;
display: block;
}
.cgal_02 ul li a em.em1 b {
width: 100%;background-size: cover;
display: block;
overflow: hidden;
height: 140px;
}
.cgal_02 ul li a em.em3 img {
width: 100%;
display: block;
}
.cgal_02 ul li a em.em2 {
padding: 0.1rem 0 0.4rem 0;
}
.cgal_02 ul li a em.em2 span {
width: 100%;
display: block;
overflow: hidden;
}
.cgal_02 ul li a em.em2 span.sp1 {
font-size: 20px;
color: #f2054d;
line-height: 1.5;
font-weight: bold;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
}
.cgal_02 ul li a em.em2 span.sp1 i {
color: #d9d9d9;
}
.cgal_02 ul li a em.em2 span.sp2 {
font-size: 20px;
color: #292929;
line-height: 2.5;
padding-left: 20px;
margin: 0px 0px;
font-weight: bold;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
}
.cgal_02 ul li a em.em2 span.sp3 {
font-size: 16px;
line-height: 1.5;
height: 0.66rem;
color: #666;
padding-left: 10px;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
text-overflow: ellipsis;
display: -webkit-box;
font-weight: normal;
}
.cgal_02 ul li a em.em2 span.sp4 {
border-top: 1px solid #d9d9d9;
margin-top: 0.16rem;
height: 100px;
font-size: 15px;
padding: 20px;
color: #666;
font-weight: normal;
line-height: 2rem;
}
.cgal_02 ul li:hover {
-moz-box-shadow: 0px 0px 21px rgba(0, 0, 0, 0.07);
-webkit-box-shadow: 0px 0px 21px rgba(0, 0, 0, 0.07);
box-shadow: 0px 0px 21px rgba(0, 0, 0, 0.07);
position: relative;
}
.cgal_02 ul li:hover a em.em2 span.sp2 {
color: #f2054d;
}
.line_3d{
}
.line_3d:hover{
-webkit-animation-name:y-ain;
-webkit-animation-duration:5s;
-webkit-animation-timing-function:ease;
-webkit-animation-iteration-count:infinite;
}@-webkit-keyframes y-ain{
0%{-webkit-transform:rotateY(0deg);}
50%{-webkit-transform:rotateY(180deg);}
100%{-webkit-transform:rotateY(360deg);}
}
.paddbot-90 {
padding-bottom: 90px;
}
@media screen and (min-width: 1024px) {.mod-business a {
display: inline-block;
width: 20%;
height: 219px;
line-height: 219px;
text-align: center;
background: url("../images/img2.png") center no-repeat;
margin-right: 40px;
margin-bottom: 20px;
}}
@media screen and (max-width: 1024px) {.mod-business a {
display: inline-block;
width: 37%;
height: 140px;
line-height: 140px;
text-align: center;
margin-right: 20px; margin-left: 20px;
margin-bottom: 20px;
}}
.mod-business a img {
transition: all 1s;
}
.mod-business a:hover img {
transform: rotate(360deg);
}
.mod-business a{
display:inline\9;
margin-right:100px\9;
}
@media screen and (min-width: 1024px) {
.fuwu-bg-box{
width: 1210px;
margin: 0 auto;
overflow: hidden;
padding: 0 12px;
}
.fuwu-bg-box li{
width: 287px !important;
padding-top: 240px !important;
float: left;
padding: 140px 0px !important;
margin-top: 0px !important;
text-align: center;
color: #888;
margin-right: 4px;
line-height: 28px;
font-size: 16px;
}
.fuwu-tite{
color: #fff;
font-size: 20px;
margin-bottom: 30px;margin-top: 20px;
}}
@media screen and (max-width: 1024px) {
.fuwu-bg-box{
width: 100%;
margin: 0 auto;
overflow: hidden;
padding: 0 12px;
}
.fuwu-bg-box li{
width: 287px !important;
padding-top: 240px !important;
float: left;
padding: 140px 0px !important;
margin-top: 0px !important;
text-align: center;
color: #888;
margin-right: 34px; margin-left:34px;
line-height: 28px;
font-size: 16px;
}
.fuwu-tite{
color: #fff;
font-size: 20px;
margin-bottom: 30px;margin-top: 20px;
}}
.in_03 {
background: url("../images/in_01.jpg") center no-repeat;
background-size: cover;
padding: 0.87rem 0px 0.84rem 0px;
}
.in_03_t {
width: 100%;
overflow: hidden;
margin-top: 0.25rem;
text-align: center;
}
.in_03_t ul {
font-size: 0;
display: inline-block;
}
@media screen and (min-width: 1024px) {.in_03_t ul li {
/* width: 2.72rem; */
padding: 20px;
text-align: center;
display: inline-block;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
font-size: 20px;
background-color: #fff;
border:1px solid #f2054d;
border-right: 0px;
}}
@media screen and (max-width: 1024px) {.in_03_t ul li {
/* width: 2.72rem; */
padding: 10px;
text-align: center; margin-top:14px;
display: inline-block;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
font-size: 20px;
background-color: #fff;
border:1px solid #f2054d;
}}
.in_03_t ul li a {
color: #f2054d;
}
.in_03_t ul li:nth-child(1) {
border-radius: 6px 0px 0px 6px;
}
.in_03_t ul li:nth-child(3) {
border-radius: 0px 6px 6px 0px;
border-right: 1px solid #f2054d;
}
.in_03_t ul li.on {
background-color: #f2054d;
}
.in_03_t ul li.on a {
color: #fff;
}
.in_03_c {
width: 100%;
overflow: hidden;
margin-top: 0.84rem;
}
@media screen and (min-width: 1024px) {.in_03c_c {
width: 80%;
overflow: hidden;
margin: 0px auto;
padding: 0px;
display: table;
}
.in_03c_c .in_03cc_l {
display: table-cell;
vertical-align: middle;
width: 45%;
}
.in_03c_c .in_03cc_l img {
width: 80%;
float: right;
padding: 20px;
display: block;
}
.in_03cc_r .p1{
font-size: 25px;
margin-bottom: 20px
}
.in_03cc_r .p2{
font-size: 16px;
line-height: 36px;
color: #878787;
}
.in_03c_c .in_03cc_r {
display: table-cell;
padding-top: 25px;
width: 55%;
}
.in_03c_c .in_03cc_r p {
width: 85%;
overflow: hidden;
margin-left: 20px;
}}
@media screen and (max-width: 1024px) {.in_03c_c {
width: 80%;
overflow: hidden;
margin: 0px auto;
padding: 0px;
display: table;
}
.in_03c_c .in_03cc_l {
width: 100%;
}
.in_03c_c .in_03cc_l img {
width: 100%;
display: block;
}
.in_03c_c .in_03cc_r {
width: 100%;
margin-top: 20px
}
.in_03c_c .in_03cc_r .p1 {
width: 85%;
font-size: 16px;
line-height: 30px;
color: #f2054d;
font-weight: 600;
}
.in_03c_c .in_03cc_r p {
width: 85%;
font-size: 14px;
line-height: 30px;
color: #878787;
overflow: hidden;
}}}
.in_03c_c .in_03cc_r p.p1 {
font-size: 26px;
color: #222;
line-height: 2;
}
.in_03c_c .in_03cc_r p.p2 {
margin-top: 0.13rem;
}
.in_03c_c .in_03cc_r p.p2 i {
display: block;
overflow: hidden;
font-size: 16px;
color: #666;
line-height: 2.42rem;
background: url("../images/c_01.png") left center no-repeat;
padding-left: 10px;
font-weight: normal;
margin: 5px 0px;
}
.in_03c_c .in_03cc_r p.p3 {
margin-top: 20px;
}
.in_03c_c .in_03cc_r p.p3 a {
float: left;
display: inline-block;
text-align: center;
border-radius: 6px;
font-size: 20px;
border: 1 solid #f2054d;
background-color: #fff;
color: #f2054d;
padding: 12px 14px;
}
.in_03c_c .in_03cc_r p.p3 a.a2 {
margin-left: 20px;
}
.in_03c_c .in_03cc_r p.p3 a.a1 {
background-color: #f2054d;
color: #fff;
}
.in_03c_c .in_03cc_r p.p3 a.a1:hover {
opacity: 0.8;
}
.in_03c_c .in_03cc_r p.p3 a.a2:hover {
background-color: #f2054d;
color: #fff;
}
@media screen and (min-width: 1024px) {.service02 {
position:relative;
height:545px;
background:url(../images/bg02.jpg) no-repeat center;
}
}
@media screen and (max-width: 1024px) {.service02 {
position:relative;
height:1100px;
background:url(../images/bg02.jpg) no-repeat center;
}
}}
#particles {
position:absolute;
top:0;
left:0;
width:100%;
height:100%
}
.fuwulc {
position: absolute;
top: 0;
left: 50%;
z-index: 1;
width: 100%;
transform: translate(-50%,0);
}
.pt53 {
padding-top: 53px;
}
.tc {
text-align: center;
}
.title {
font-size: 36px;
font-weight: 300;
color: #333;
}
.title span {
color: #f2054d;
}
.line-box {
display: flex;
justify-content: center;
align-items: center;
margin-top: 20px;
}
.line-box {
display:flex;
justify-content:center;
align-items:center;
margin-top:20px
}
.line {
width:188px;
height:1px;
background:#eee
}
.point {
width:10px;
height:6px;
background:#f2054d;
margin:3px;
border-radius:50%
}
.titp1 {
padding: 26px 0 64px;
font-size: 16px;
color: #fff;
}
.fuwulc {
position:absolute;
top:0;
left:50%;
z-index:1;
width:100%;
transform:translate(-50%,0)
}
.fuwulc_cont {
width:100%;
display:flex;
justify-content:center;
align-items:center
}
#particles {
position:absolute;
top:0;
left:0;
width:100%;
height:100%
}
.titp1 {
padding:26px 0 64px;
font-size:16px;
color:#fff
}
@media screen and (min-width: 1024px) {.fuwulc_cont li {
float:left;
width:196px;
margin-right:5px;
text-align:center
}}
@media screen and (max-width: 1024px) {.fuwulc_cont li {
float:left;
width:176px;
margin-right:5px;
text-align:center
}
}
.fuwulc_cont li:last-child {
margin-right:0
}
.fuwulc_cont li p {
width:139px;
height:40px;
margin:0 auto;
text-align:center;
line-height:40px;
font-size:20px;
color:#fff
}
.fuwulc_cont li .fuwulc_img {
width:132px; line-height: 120px;
height:132px;margin: 0px auto;
margin-bottom:24px;
border:4px solid transparent;
border-radius:50%;
transition:all .6s
}
.fuwulc_cont li .fuwulc_img em {
display:block;
width:120px;
height:120px;
margin:0 auto;
margin-top:8px;
border-radius:50%;
transition:all .6s;
overflow:hidden
}
.fuwulc_cont li .fuwulcimg1 em {
background:#fff url(../images/fuwulc_list1.png) no-repeat center;
background-size:50px 50px
}
.fuwulc_cont li .fuwulcimg2 em {
background:#fff url(../images/fuwulc_list2.png) no-repeat center;
background-size:50px 50px
}
.fuwulc_cont li .fuwulcimg3 em {
background:#fff url(../images/fuwulc_list3.png) no-repeat center;
background-size:50px 50px
}
.fuwulc_cont li .fuwulcimg4 em {
background:#e6e7e7 url(../images/fuwulc_list4.png) no-repeat center;
background-size:50px 50px
}
.fuwulc_cont li .fuwulcimg5 em {
background:#e6e7e7 url(../images/fuwulc_list5.png) no-repeat center;
background-size:50px 50px
}
.fuwulc_cont li .fuwulcimg6 em {
background:#e6e7e7 url(../images/fuwulc_list6.png) no-repeat center;
background-size:50px 50px
}
.fuwulc_cont li:hover .fuwulc_img {
border:4px solid #f2054d;
background:#fff;
box-shadow:0 0 20px #f2054d
}
.fuwulc_cont li:hover p {
background:url(../images/fuwulc_p_bg.png) no-repeat center;
font-weight:700;
color:#f2054d
}
.fuwulc_cont li:hover .fuwulcimg1 em {
background-size:50px 50px
}
.fuwulc_cont li:hover .fuwulcimg2 em {
background:#fff url(../images/fuwulc_list22.png) no-repeat center;
background-size:50px 50px
}
.fuwulc_cont li:hover .fuwulcimg3 em {
background:#fff url(../images/fuwulc_list33.png) no-repeat center;
background-size:50px 50px
}
.fuwulc_cont li:hover .fuwulcimg4 em {
background:#fff url(../images/fuwulc_list44.png) no-repeat center;
background-size:50px 50px
}
.fuwulc_cont li:hover .fuwulcimg5 em {
background:#fff url(../images/fuwulc_list55.png) no-repeat center;
background-size:50px 50px
}
.fuwulc_cont li:hover .fuwulcimg6 em {
background:#fff url(../images/fuwulc_list66.png) no-repeat center;
background-size:50px 50px
}
.jfa_04 {
overflow: hidden;
padding: 7.65rem 0px 7.81rem 0px;
}
.jfa_04 p {
width: 100%;
overflow: hidden;
text-align: center;
color: #fff;
}
.jfa_04 p.p1 {
font-size: 28px;
line-height: 2;
}
.jfa_04 p.p2 {
font-size: 18px;
line-height: 2;
}
.jfa_04 p.p3 {
margin-top: 0.32rem;
}
.jfa_04 p.p3 a {
display: inline-block;
line-height: 4.53rem;
padding: 0px 2.22rem 0px 2.22rem;
border-radius: 0.53rem;
background-color: #fff;
font-size: 16px;
color: #f2054d;
}
.jfa_04 p.p3 a span {
display: inline-block;
background: url("../images/jfa_06.png") left center no-repeat;
background-size: 2.22rem;
padding-left: 3.3rem;
}
.jfa_04 p.p3 a:hover {
background-color: #f2054d;
color: #fff;
}
.jfa_04 p.p3 a:hover span {
background: url("../images/jfa_06_on.png") left center no-repeat;
background-size: 2.22rem;
}
.footer01 {
color:#fff;
padding:3% 0 5.5%;
background:url(../images/bg_footer.jpg) center no-repeat;
}
.footer01-con {
text-align:center
}
.footer01 h3,.footer h5 {
margin-bottom:30px
}
.icon-footer01 a {
display:inline-block;
line-height:52px;
margin:14px 45px;
padding:0 3%;
border:1px solid #fff;
border-radius:50px;
color:#fff;
font-size:26px
}
.icon-footer01 a img {
margin:0 8px 0 0
}
.icon-footer01 a.icon-400 {
padding:0 2%;
background:#fff;
color:#005d97
}
.index_list.shebao_section4 {
}
.shebao_section4 section {
}
@media screen and (min-width: 1024px) {.three_service {
width:31.33%;
height:377px;
background:#FFF;
border-radius:0;
margin:0 20px 0 auto;
-webkit-box-shadow:0 1px 4px 0 #DCDCE9;
box-shadow:0 1px 4px 0 #DCDCE9
}}
@media screen and (max-width: 1024px) {.three_service {
width:100%;
height:377px;
background:#FFF;
border-radius:0;
margin:0 20px 0 auto;
-webkit-box-shadow:0 1px 4px 0 #DCDCE9;
box-shadow:0 1px 4px 0 #DCDCE9
}}
.three_service div {
width:100%;
padding:25px 20px 0
}
.three_service:last-child {
margin-right:0
}
.three_service:hover {
-webkit-box-shadow:0 2px 28px 0 rgba(0,0,66,.08);
box-shadow:0 2px 28px 0 rgba(0,0,66,.08)
}
.three_service h4 {
font-size:20px;
color:#FFF;
font-family:PingFangSC-Regular;
text-align:center;
width:100%;
height:60px;
border-radius:0;
margin:0 auto;
background:#F13334;
background:-webkit-gradient(linear,left top,right top,from(#F13334),to(#FF815B));
background:-o-linear-gradient(left,#F13334,#FF815B);
background:linear-gradient(to right,#F13334,#FF815B);
line-height:60px
}
.three_service .service2_title {
background:#4D6AFF;
background:-webkit-gradient(linear,left top,right top,from(#4D6AFF),to(#828FF9));
background:-o-linear-gradient(left,#4D6AFF,#828FF9);
background:linear-gradient(to right,#4D6AFF,#828FF9)
}
.three_service .service3_title {
background:#4C3BE8;
background:-webkit-gradient(linear,left top,right top,from(#4C3BE8),to(#828FF9));
background:-o-linear-gradient(left,#4C3BE8,#828FF9);
background:linear-gradient(to right,#4C3BE8,#828FF9)
}
.shebao_section3_button:hover,.shebao_section4_button:hover {
background-color:#F34C50
}
.three_service h5,.three_service p {
font-size:14px;
color:#4A4A4A;
font-family:PingFangSC-Regular;
text-align:left;
margin:0 auto;
line-height:32px
}
.three_service3 {
padding-top:32px
}
.three_service3 h5 {
line-height:28px
}
.three_service3 p {
font-size:12px;
color:#8E8EA4;
font-family:PingFangSC-Regular;
text-align:left;
margin:0 auto 11px
}
.shebao_plat_list li,.shebao_technology_left p {
text-align:center;
font-family:PingFangSC-Regular;
cursor:pointer
}
.shebao_section3_button {
margin:0 auto
}
.shebao_section4_button {
margin:60px auto 0
}
.shebao_plat_list {
margin:48px auto 50px;
width:850px;
height:37px;
padding-bottom:12px;
border-bottom:3px solid #EDEDF7
}
.shebao_plat_list li {
font-size:18px;
color:#333;
margin:0 auto;
position:relative;
float:left;
width:170px
}
.shebao_plat_list .plat_oper_botline_active {
width:170px
}
.shebao_img_list {
position:relative;
width:848px;
height:431px;
margin:0 auto 50px
}
.panel-hr {
padding: 50px 0;
}
.f10 {
text-align: center;
}
@media screen and (min-width: 1024px) {.step {
display: inline-block;
width: 16%;
margin: 0 -2px;
position: relative;
vertical-align: middle;
}
.step-round {
margin-top: 37px;
width: 132px;
height: 132px;
background: rgba(255, 255, 255, 1);
box-shadow: 0px 3px 10px 0px rgba(22, 31, 49, 0.1);
/* border-radius: 50%; */
margin: 37px auto 0px;
position: relative;
text-align: center;
border-radius: 50%;
}
.step-round img {
margin: 42px;
width: 50px;
height: 50px;
}
.step-right {
position: absolute;
right: -10px;
top: 90px;
}
.step-bottom-text {
margin-top: 28px;
display: inline-block;
text-indent: 19px;
font-size: 14px;
font-family: SourceHanSansCN-Bold;
font-weight: bold;
color: rgba(59, 67, 80, 1);
line-height: 30px;
}
.step-btn1 {
width: 382px;
height: 60px;
margin: 0 auto;
margin-top: 80px;
background: #c5292b;
background-position: center;
background-repeat: no-repeat;
font-size: 18px;
font-family: SourceHanSansCN-Bold;
font-weight: bold;
color: rgba(255, 255, 255, 1);
line-height: 60px;
text-align: center;
}
}
@media screen and (max-width: 1024px) {.step {
display: inline-block;
width: 45%;
margin: 0 -2px;
position: relative;
vertical-align: middle;
}
.step-round {
margin-top: 37px;
width: 90px;
height: 90px;
background: rgba(255, 255, 255, 1);
box-shadow: 0px 3px 10px 0px rgba(22, 31, 49, 0.1);
/* border-radius: 50%; */
margin: 37px auto 0px;
position: relative;
text-align: center;
border-radius: 50%;
}
.step-round img {
margin: 22px;
width: 50px;
height: 50px;
}
.step-right {
position: absolute;
right: -10px;
top: 70px;
}
.step-bottom-text {
margin-top: 28px;
display: inline-block;
text-indent: 19px;
font-size: 14px;
font-family: SourceHanSansCN-Bold;
font-weight: bold;
color: rgba(59, 67, 80, 1);
line-height: 30px;
}
.step-btn1 {
width: 382px;
height: 60px;
margin: 0 auto;
margin-top: 80px;
background: #c5292b;
background-position: center;
background-repeat: no-repeat;
font-size: 18px;
font-family: SourceHanSansCN-Bold;
font-weight: bold;
color: rgba(255, 255, 255, 1);
line-height: 60px;
text-align: center;
}
}
.TextList002208{ padding-bottom:3%;}
.TextList002208 .thead{ background:#233d85;line-height:40px; text-align:center; background:#bfbfbf;}
.TextList002208 .thead span{ float:left; width:14%; color:#333; display:block; font-size:14px; height:40px; text-align:center; font-weight:bold; position:relative;}
.TextList002208 .thead span+span{ border-left: solid 1px #989898;}
.TextList002208 .thead span i{ background:url(../images/TextList002208-icon.png) no-repeat -134px -78px; display:block; position:absolute; right:10px; top:50%; width:9px; height:5px; margin-top:-2px;}
.TextList002208 .dl{}
.TextList002208 .dl+.dl{ border-top:1px solid #fff;}
.TextList002208 .dl .dt{line-height:40px; text-align:center; cursor:pointer; background:#f1f1f1;}
.TextList002208 .dl .dt span{float:left; width:14%; display:block; font-size:14px;}
.TextList002208 .dl .dt span.jobname{ text-align:left; padding-left:3%;}
.TextList002208 .dl .dt .btn{ text-decoration:underline; display:block; position:relative;}
.TextList002208 .dl .dt .btn i{ position:absolute; right:15px; background:url(../images/TextList002208-icon2.png) no-repeat -44px -82px ; display:block; width:21px; height:11px; top:50%; margin-top:5px;}
.TextList002208 .conbox{ background:#fff; padding:20px 3%; display:none;line-height: 200%;}
.TextList002208 .conbox .h5{color:#333; font-size:12px;}
.TextList002208 .jobname{ width:20% !important;}
.TextList002208 .dl.active .dt span,.TextList002208 .dl.active .btn{ color:#f2054d;}
.TextList002208 .dl.active .dt .btn i{ background-position:-44px -70px;}
@media(max-width:1000px){
.TextList002208 .dl .dt .btn{ padding-right:20px;}
.TextList002208 .dl .dt .btn i{ background-position:-48px -82px; width:13px;}
.TextList002208 .dl.active .dt .btn i{background-position:-48px -70px; }
}
@media(max-width:640px){
.TextList002208 .jobyq,.TextList002208 .dl .dt .btn i,.TextList002208 .time,.TextList002208 .thead span i{ display:none !important;}
.TextList002208 .thead span,.TextList002208 .dl .dt span{ width:23%;overflow: hidden; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; }
}
@media screen and (min-width: 1024px) {.modal_out{position: fixed;background: rgba(0,0,0,0.6);top: 0;right: 0;bottom: 0;left: 0;z-index: 9999;display: none;}
.modal_out .modal_zhaopin{position: absolute;top: 40%;left: 50%;transform: translateX(-50%);width: 30%;background: #fff;padding: 30px 15px 40px 15px;}
.modal_out .modal_zhaopin .btn{border:none;padding: 5px 15px;background: #f2054d;border-radius: 5px;color: #fff !important;cursor: pointer;margin-top: 14px;}
.modal_out span.close{font-weight: normal;float: right;width: 20px;cursor: pointer;}
.gy2{ width:1440px; margin:0 auto; overflow:hidden;}
}
@media screen and (max-width: 1024px) {.modal_out{position: fixed;background: rgba(0,0,0,0.6);top: 0;right: 0;bottom: 0;left: 0;z-index: 9999;display: none;}
.modal_out .modal_zhaopin{position: absolute;top: 40%;left: 50%;transform: translateX(-50%);width: 90%;background: #fff;padding: 30px 15px 40px 15px;}
.modal_out .modal_zhaopin .btn{border:none;padding: 5px 15px;background: #f2054d;border-radius: 5px;color: #fff !important;cursor: pointer;margin-top: 14px;}
.modal_out span.close{font-weight: normal;float: right;width: 20px;cursor: pointer;}
.gy2{ width:100%; margin:0 auto; overflow:hidden;}
}
.i_bg{ background-color:#f5f5f5; overflow:hidden;}
.i_one{ background-color:#fff; overflow:hidden; height:316px; margin:0 auto; margin-bottom:32px;}
.i_service_t{ text-align:center; padding-top:15px; color:#666; font-size:18px; line-height:32px; padding-bottom:50px;}
.i_service_t h2{ height:66px; line-height:66px; font-size:40px; color:#000000; font-weight:normal; letter-spacing:1px; font-family:"åŽæ–‡ç»†é»‘";}
.i_service_t p{font-size:18px;}
.divhidden{ display:none;}
.service_top05{ width:440px; margin:0 auto; height:50px;color:#2c2c2c;}
.service_top05_left{ width:290px; float:left; font-size:36px; text-align:center; font-weight:bold; font-family:Arial, Helvetica, sans-serif; }
.service_top05_right{ width:138px; float:right; text-align:left; font-size:30px;}
.service_top05 span{color:#f3782a; font-size:36px; font-family:Arial, Helvetica, sans-serif; font-weight:bold;}
.service_top05_a{ text-align:center; margin-top:10px; padding-bottom:40px; border-bottom:1px solid #dfdfdf;}
.service_top05_a a{ display:inline-block; font-size:16px; color:#000000; line-height:38px; margin-left:5px; margin-right:5px; width:140px; border-radius:20px;}
.service_top05_a a:hover{ color:#fff; background-color:#f2054d;}
.service_top05_a a.two_sel{color:#fff; background-color:#f2054d;}
@media screen and (min-width: 1024px) {.customer2{ overflow:hidden; padding-top:40px; margin-bottom:79px;}
.customer_list2{ border-right:1px solid #dfdfdf;border-bottom:1px solid #dfdfdf; margin-top:60px;}}
@media screen and (max-width: 1024px) {.customer2{ overflow:hidden; padding-top:40px; margin-bottom:14px;}
.customer_list2{ border-right:1px solid #dfdfdf;border-bottom:1px solid #dfdfdf; margin-top:10px;}}
.customer_list2 ul li{ float:left; width:-webkit-calc(20% - 1px);width:-moz-calc(20% - 1px);width:calc(20% - 1px); border-left:1px solid #dfdfdf; border-top:1px solid #dfdfdf; overflow:hidden; position:relative;}
.customer_list2 ul li img{display: block;width: 100%;}
.customer_list2 ul li:first-child{ width:40%;border-left:0; border-top:0;}
/*.customer_list2 ul li .imgbg{filter: Alpha(Opacity=0);opacity: 0;}*/
.customer_list2 ul li .imgs{cursor:pointer; overflow:hidden; border-color:#fff; /*transition:all 0.3s;position:absolute; top:0; left:0; width:100%; height:100%;*/}
.customer_list2 ul li .imgs:after{content:''; display:block; width:100%; height:100%; position:absolute; top:0; left:0; box-shadow:inset 0 0 0 0 #eee; -webkit-transition:0.2s; -moz-transition:0.2s; transition:0.2s;}
.customer_list2 ul li .imgs:hover:after{box-shadow:inset 0 0 0 10px #f6f6f6;}
.customer_list2 ul li .imgs img{/* -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%);-o-filter: grayscale(100%); filter: grayscale(100%); filter: gray;*/opacity:0.5; -webkit-filter:grayscale(100%); -moz-filter:grayscale(100%); -ms-filter:grayscale(100%); -o-filter:grayscale(100%); filter:grayscale(100%); filter:gray; -webkit-transition:0.3s; -moz-transition:0.3s; transition:0.3s;}
/*.customer_list2 ul li:hover .imgs{ border:7px solid #f5f5f5; height:calc(100% - 14px);height:-webkit-calc(100% - 14px);height:-moz-calc(100% - 14px);width:calc(100% - 14px);width:-webkit-calc(100% - 14px);width:-moz-calc(100% - 14px);}*/
.customer_list2 ul li:hover .imgs img{ /*-webkit-filter: grayscale(0%); -moz-filter: grayscale(0%); -ms-filter: grayscale(0%);-o-filter: grayscale(0%); filter: grayscale(0%); filter:none;*/opacity:1; -webkit-filter:grayscale(0); -moz-filter:grayscale(0); -ms-filter:grayscale(0); -o-filter:grayscale(0); filter:grayscale(0); filter:none; -webkit-transform:scale(0.9) translateY(-8px); -moz-transform:scale(0.9) translateY(-8px); transform:scale(0.9) translateY(-8px);}
.customer_list2{ position:relative;}
.customer_list2 .item{ display:none; overflow:hidden;}
@media screen and (min-width: 1024px) {.customer_list2 .customer-buttons{ position:absolute; top:20px;width:40%; left:0; height:0; text-align:right;}}
@media screen and (max-width: 1024px) {.customer_list2 .customer-buttons{ position:absolute; top:20px;width:40%; left:0; height:0; text-align:right; zoom:0.4}}
.customer_list2 .customer-buttons div{color: #FFF;display: inline-block;zoom: 1;*display: inline; width:50px; height:50px;/*IE7 life-saver*/ text-indent:60px;overflow:hidden;-webkit-transition: all 0.3s ease-out 0s;-moz-transition: all 0.3s ease-out 0s;-o-transition: all 0.3s ease-out 0s;transition: all 0.3s ease-out 0s; cursor:pointer;}
.customer_list2 .customer-buttons div.owl-prev{background:url(../images/left001.png) no-repeat; margin-right:-1px;}
.customer_list2 .customer-buttons div.owl-prev:hover{opacity:0.6;filter:Alpha(opacity=60);background:url(../images/left_on.png) no-repeat;}
.customer_list2 .customer-buttons div.owl-prev.disabled{background:url(../images/left_on.png) no-repeat;}
.customer_list2 .customer-buttons div.owl-next{ background:url(../images/right.png) no-repeat; margin-right:20px;}
.customer_list2 .customer-buttons div.owl-next:hover{opacity:0.6;filter:Alpha(opacity=60);background:url(../images/right_on.png) no-repeat;}
.customer_list2 .customer-buttons div.owl-next.disabled{background:url(../images/right_on.png) no-repeat;}
/*风雨åŒè¡Œ*/
.solution_ul2{ overflow:hidden; padding-top:60px;}
.solution_ul2 ul li{ float:left; width:49%; height:188px;overflow:hidden;position: relative; background-color:#f9f9f9;z-index:0; border:1px solid #dfdfdf; margin-bottom:2%;}
.solution_ul2 ul li:nth-child(2n+0){ float:right;}
.solution_ul2 ul li:nth-child(3){ margin-bottom:0;}
.solution_ul2 ul li:nth-child(4){ margin-bottom:0;}
.solution_ul2 ul li .shade{width:238px;height:188px;background:url(../images/solution_pic.png) center center no-repeat;position:absolute;top:0;left:-238px;-webkit-transition:all .3s linear;-moz-transition:all .3s linear;-ms-transition:all .3s linear;-o-transition:all .3s linear;transition:all .3s linear;}
.solution_ul2 ul li .bg{width:calc(100% - 239px);width:-webkit-calc(100% - 239px);width:-moz-calc(100% - 239px);height:188px;background:#f2054d; background-size:100% 100%;position:absolute;bottom:0;left:100%;z-index:1;-webkit-transition:all .3s linear;-moz-transition:all .3s linear;-ms-transition:all .3s linear;-o-transition:all .3s linear;transition:all .3s linear;}
/*.solution_ul2 ul li:hover .shade{left:0;}*/
.solution_ul2 ul li:hover .bg{left:239px;}
.solution_ul2 ul li:hover p{color:#fff;}
.solution_ul2 ul li:hover p strong{color:#f2054d;}
.solution_ul2 ul li:hover img{}
.solution_ul2 ul li img{width:238px;height:188px;-webkit-transition:all .4s linear;-moz-transition:all .4s linear;-ms-transition:all .4s linear;-o-transition:all .4s linear;transition:all .4s linear; float:left;border-right:1px solid #dfdfdf;}
.solution_ul2 ul li p{color:#666;line-height:24px; height:140px; overflow:hidden;padding:20px 6%; padding-bottom:0;font-family:"微软雅黑";position:relative;z-index:2; font-size:14px;}
.solution_ul2 ul li p:hover{color:#f2054d;line-height:24px; height:140px; overflow:hidden;padding:20px 6%; padding-bottom:0;font-family:"微软雅黑";position:relative;z-index:2; font-size:14px;}
.solution_ul2 ul li p strong{color:#000;font-size:20px; line-height:48px; font-weight:normal;}
.guwenmore2{ width:180px; height:38px; display:block; margin:0 auto; border:1px solid #ff9c00; clear:both; margin-top:35px; margin-bottom:32px; text-align:center; line-height:38px; font-size:16px; color:#ff9c00; border-radius:20px;}
.hvr-shutter-out-vertical{backface-visibility:hidden;background:transparent none repeat scroll 0 0;position:relative;transform:translateZ(0px);transition-duration:.3s;transition-property:color;-moz-transform:translateZ(0px);-moz-transition-duration:.3s;-moz-transition-property:color;-webkit-transform:translateZ(0px);-webkit-transition-duration:.3s;-webkit-transition-property:color;vertical-align:middle}
.hvr-shutter-out-vertical::before{background:#ff9c00 none repeat scroll 0 0;border:0 none;padding:1px;bottom:0;content:"";left:0;position:absolute;right:0;top:0;transform:scaleY(0);transform-origin:50% 50% 0;transition-duration:.3s;transition-property:transform;transition-timing-function:ease-out;-moz-transform:scaleY(0);-moz-transform-origin:50% 50% 0;-moz-transition-duration:.3s;-moz-transition-property:transform;-moz-transition-timing-function:ease-out;-webkit-transform:scaleY(0);-webkit-transform-origin:50% 50% 0;-webkit-transition-duration:.3s;-webkit-transition-property:transform;-webkit-transition-timing-function:ease-out;z-index:-1; border-radius:20px;}
.hvr-shutter-out-vertical:active,.hvr-shutter-out-vertical:focus,.hvr-shutter-out-vertical:hover{color:#000}
.hvr-shutter-out-vertical:active::before,.hvr-shutter-out-vertical:focus::before,.hvr-shutter-out-vertical:hover::before{transform:scaleY(1);-moz-transform:scaleY(1);-webkit-transform:scaleY(1)}
.ruyund{font-size: 20px; font-weight:900}
.index_cnt{width:100%;/* background:url(../images/default/css/background/incsp1_index_cbg.png) repeat-x; */overflow:hidden;}
/* å‘展历程 */
.cd-container {
float: left;
width: 100%;
margin: 0 auto;
}
.cd-container::after {
/* clearfix */
content: '';
display: table;
clear: both;
}
#cd-timeline {
position: relative;
padding: 2em 0;
margin-top: 2em;
margin-bottom: 2em;
}
#cd-timeline::before {
/* this is the vertical line */
content: '';
position: absolute;
top: 0;
left: 18px;
height: 100%;
width: 4px;
background: #d7e4ed;
}
@media only screen and (min-width: 1170px) {
#cd-timeline {
margin-top: 3em;
margin-bottom: 3em;
}
#cd-timeline::before {
left: 50%;
margin-left: -2px;
}
}
.cd-timeline-block {
position: relative;
margin: 2em 0;
}
.cd-timeline-block:after {
content: "";
display: table;
clear: both;
}
.cd-timeline-block:first-child {
margin-top: 0;
}
.cd-timeline-block:last-child {
margin-bottom: 0;
}
@media only screen and (min-width: 1170px) {
.cd-timeline-block {
margin: 4em 0;
}
.cd-timeline-block:first-child {
margin-top: 0;
}
.cd-timeline-block:last-child {
margin-bottom: 0;
}
}
.cd-timeline-img {
position: absolute;
top: 0;
left: 0;
width: 40px;
height: 40px;
border-radius: 50%;
box-shadow: 0 0 0 4px #ffffff, inset 0 2px 0 rgba(0, 0, 0, 0.08), 0 3px 0 4px rgba(0, 0, 0, 0.05);
}
.cd-timeline-img img {
display: block;
width: 24px;
height: 24px;
position: relative;
left: 50%;
top: 50%;
margin-left: -12px;
margin-top: -12px;
}
.cd-timeline-img.cd-picture {
background: #75ce66;
}
.cd-timeline-img.cd-movie {
background: #c03b44;
}
.cd-timeline-img.cd-location {
background: #f0ca45;
}
.cd-timeline-img.cd-red {
background: #ff0213;
}
.cd-timeline-img.cd-blue {
background: #2d8fff;
}
@media only screen and (min-width: 1170px) {
.cd-timeline-img {
width: 60px;
height: 60px;
left: 50%;
margin-left: -30px;
/* Force Hardware Acceleration in WebKit */
-webkit-transform: translateZ(0);
-webkit-backface-visibility: hidden;
}
.cssanimations .cd-timeline-img.is-hidden {
visibility: hidden;
}
.cssanimations .cd-timeline-img.bounce-in {
visibility: visible;
-webkit-animation: cd-bounce-1 0.6s;
-moz-animation: cd-bounce-1 0.6s;
animation: cd-bounce-1 0.6s;
}
}
@-webkit-keyframes cd-bounce-1 {
0% {
opacity: 0;
-webkit-transform: scale(0.5);
}
60% {
opacity: 1;
-webkit-transform: scale(1.2);
}
100% {
-webkit-transform: scale(1);
}
}
@-moz-keyframes cd-bounce-1 {
0% {
opacity: 0;
-moz-transform: scale(0.5);
}
60% {
opacity: 1;
-moz-transform: scale(1.2);
}
100% {
-moz-transform: scale(1);
}
}
@keyframes cd-bounce-1 {
0% {
opacity: 0;
-webkit-transform: scale(0.5);
-moz-transform: scale(0.5);
-ms-transform: scale(0.5);
-o-transform: scale(0.5);
transform: scale(0.5);
}
60% {
opacity: 1;
-webkit-transform: scale(1.2);
-moz-transform: scale(1.2);
-ms-transform: scale(1.2);
-o-transform: scale(1.2);
transform: scale(1.2);
}
100% {
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
}
}
.cd-timeline-content {
position: relative;
margin-left: 60px;
background: #d7e4ed;
border-radius: 1.25em;
padding: 1em;
box-shadow: 0 3px 0 #d7e4ed;
}
.cd-timeline-content:after {
content: "";
display: table;
clear: both;
}
.cd-timeline-content h2 {
color: #303e49;
}
.cd-timeline-content p, .cd-timeline-content .cd-read-more, .cd-timeline-content .cd-date {
font-size: 13px;
font-size: 0.8125rem;
}
.cd-timeline-content .cd-read-more, .cd-timeline-content .cd-date {
display: inline-block;
}
.cd-timeline-content p {
margin: 1em 0;
line-height: 1.6;
}
.cd-timeline-content .cd-read-more {
float: right;
padding: .8em 1em;
background: #acb7c0;
color: #ffffff;
border-radius: 0.25em;
}
.no-touch .cd-timeline-content .cd-read-more:hover {
background-color: #bac4cb;
}
.cd-timeline-content .cd-date {
float: left;
padding: .8em 0;
opacity: .7;
}
.cd-timeline-content::before {
content: '';
position: absolute;
top: 16px;
right: 100%;
height: 0;
width: 0;
border: 7px solid transparent;
border-right: 7px solid #ffffff;
}
@media only screen and (min-width: 768px) {
.cd-timeline-content h2 {
font-size: 2.25rem;
}
.cd-timeline-content p {
font-size: 1.6rem;
}
.cd-timeline-content .cd-read-more, .cd-timeline-content .cd-date {
font-size: 14px;
font-size: 0.875rem;
}
}
@media only screen and (min-width: 1170px) {
.cd-timeline-content {
margin-left: 0;
padding: 1.6em;
width: 45%;
}
.cd-timeline-content::before {
top: 24px;
left: 100%;
border-color: transparent;
border-left-color: #ffffff;
}
.cd-timeline-content .cd-read-more {
float: left;
}
.cd-timeline-content .cd-date {
position: absolute;
width: 100%;
left: 122%;
top: 6px;
font-size: 16px;
font-size: 1rem;
}
.cd-timeline-block:nth-child(even) .cd-timeline-content {
float: right;
}
.cd-timeline-block:nth-child(even) .cd-timeline-content::before {
top: 24px;
left: auto;
right: 100%;
border-color: transparent;
border-right-color: #ffffff;
}
.cd-timeline-block:nth-child(even) .cd-timeline-content .cd-read-more {
float: right;
}
.cd-timeline-block:nth-child(even) .cd-timeline-content .cd-date {
left: auto;
right: 122%;
text-align: right;
}
.cssanimations .cd-timeline-content.is-hidden {
visibility: hidden;
}
.cssanimations .cd-timeline-content.bounce-in {
visibility: visible;
-webkit-animation: cd-bounce-2 0.6s;
-moz-animation: cd-bounce-2 0.6s;
animation: cd-bounce-2 0.6s;
}
}
@media only screen and (min-width: 1170px) {
/* inverse bounce effect on even content blocks */
.cssanimations .cd-timeline-block:nth-child(even) .cd-timeline-content.bounce-in {
-webkit-animation: cd-bounce-2-inverse 0.6s;
-moz-animation: cd-bounce-2-inverse 0.6s;
animation: cd-bounce-2-inverse 0.6s;
}
}
@-webkit-keyframes cd-bounce-2 {
0% {
opacity: 0;
-webkit-transform: translateX(-100px);
}
60% {
opacity: 1;
-webkit-transform: translateX(20px);
}
100% {
-webkit-transform: translateX(0);
}
}
@-moz-keyframes cd-bounce-2 {
0% {
opacity: 0;
-moz-transform: translateX(-100px);
}
60% {
opacity: 1;
-moz-transform: translateX(20px);
}
100% {
-moz-transform: translateX(0);
}
}
@keyframes cd-bounce-2 {
0% {
opacity: 0;
-webkit-transform: translateX(-100px);
-moz-transform: translateX(-100px);
-ms-transform: translateX(-100px);
-o-transform: translateX(-100px);
transform: translateX(-100px);
}
60% {
opacity: 1;
-webkit-transform: translateX(20px);
-moz-transform: translateX(20px);
-ms-transform: translateX(20px);
-o-transform: translateX(20px);
transform: translateX(20px);
}
100% {
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0);
}
}
@-webkit-keyframes cd-bounce-2-inverse {
0% {
opacity: 0;
-webkit-transform: translateX(100px);
}
60% {
opacity: 1;
-webkit-transform: translateX(-20px);
}
100% {
-webkit-transform: translateX(0);
}
}
@-moz-keyframes cd-bounce-2-inverse {
0% {
opacity: 0;
-moz-transform: translateX(100px);
}
60% {
opacity: 1;
-moz-transform: translateX(-20px);
}
100% {
-moz-transform: translateX(0);
}
}
@keyframes cd-bounce-2-inverse {
0% {
opacity: 0;
-webkit-transform: translateX(100px);
-moz-transform: translateX(100px);
-ms-transform: translateX(100px);
-o-transform: translateX(100px);
transform: translateX(100px);
}
60% {
opacity: 1;
-webkit-transform: translateX(-20px);
-moz-transform: translateX(-20px);
-ms-transform: translateX(-20px);
-o-transform: translateX(-20px);
transform: translateX(-20px);
}
100% {
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0);
}
}
/* å‘展历å²æ ·å¼ç»“æŸ */
@media screen and (min-width: 1024px) {.index_cnt_m{width:1200px; position:relative; margin:0 auto; }
.index_2{width: 100%;padding-bottom: 60px;position: relative;}
.index_2 .index_2_t{width: 1200px;font-size: 35px;color: #444;text-align: center;font-weight: bold;margin:0px auto 40px;}
.index_2_bg{width: 1920px;height: 520px;position: absolute;left: 50%;top: 86px;margin-left: -960px;background: url(../images/index_2_bg.jpg) no-repeat;}
.index_2_b{position: relative;width:100%;height: 520px;z-index: 99999;}
.index_2_b .index_2_b_l{position: relative;width: 580px;height: 400px;float: left;background: rgba(255,255,255,.8);margin-top: 70px;z-index: 99999;}
.index_2_b .index_2_b_l .index_2_b_l_t{width: 130px;height:23px;line-height:23px;font-size: 22px;color: #444;border-right: 8px solid #bb2525;text-align: right;float: right;margin-right: 50px;margin-top: 35px;}
.index_2_b .index_2_b_l .index_2_b_l_b{width: 400px;text-align: right;float: right;margin-right: 50px;}
.index_2_b .index_2_b_l .index_2_b_l_b ul li{margin: 30px auto;}
.index_2_b .index_2_b_l .index_2_b_l_b ul li:first-child{margin-top: 45px;}
.index_2_b .index_2_b_l .index_2_b_l_b ul li div{padding-right: 30px;display: inline-block;}
.index_2_b .index_2_b_l .index_2_b_l_b ul li i{width:16px;height:16px;background: url(../images/chahao.png) no-repeat;display: inline-block;margin-bottom: 10px;}
.index_2_b .index_2_b_l .index_2_b_l_b span{display: block;}
.index_2_b .index_2_b_l .index_2_b_l_b span:nth-child(1){font-size: 16px;color: #444;}
.index_2_b .index_2_b_l .index_2_b_l_b span:nth-child(2){font-size: 15px;color: #999;}
.index_2_b .index_2_b_r{position: relative;width: 620px;height: 400px;float: left;margin-top: 70px;z-index: 99999;}
.index_2_b .index_2_b_r .index_2_b_r_t{width: 270px;height:23px;line-height:23px;font-size: 22px;color: #444;border-left: 8px solid #fff;text-align: left;margin-top: 35px;color: #fff;margin-left: 30px;float: left;}
.index_2_b .index_2_b_r .index_2_b_r_t span{display: inline-block;}
.index_2_b .index_2_b_r .index_2_b_r_t b{display: inline-block;color: #f26b6b;font-size: 18px;margin-left: 10px;}
.index_2_b .index_2_b_r .index_2_b_r_b{width: 600px;text-align: left;margin-left: 50px;float: left;}
.index_2_b .index_2_b_r .index_2_b_r_b ul li{margin: 30px auto;}
.index_2_b .index_2_b_r .index_2_b_r_b ul li:first-child{margin-top: 45px;}
.index_2_b .index_2_b_r .index_2_b_r_b ul li div{padding-left: 5px;display: inline-block;}
.index_2_b .index_2_b_r .index_2_b_r_b ul li i{width:22px;height:22px;display: inline-block;margin-bottom: 10px;}
.index_2_b .index_2_b_r .index_2_b_r_b ul li:nth-child(1) i{background: url(../images/dianji1.png) no-repeat;}
.index_2_b .index_2_b_r .index_2_b_r_b ul li:nth-child(2) i{background: url(../images/sd1.png) no-repeat;}
.index_2_b .index_2_b_r .index_2_b_r_b ul li:nth-child(3) i{background: url(../images/xg1.png) no-repeat;}
.index_2_b .index_2_b_r .index_2_b_r_b ul li:nth-child(4) i{background: url(../images/yxxg1.png) no-repeat;}
.index_2_b .index_2_b_r .index_2_b_r_b span{display: block;color: #fff;}
.index_2_b .index_2_b_r .index_2_b_r_b span:nth-child(1){font-size: 16px;color: #fff;}
.index_2_b .index_2_b_r .index_2_b_r_b span:nth-child(2){font-size: 15px;color: #ffc8c8;}
}
@media screen and (max-width: 1024px) {.index_cnt_m{width:100%; position:relative; margin:0 auto; }
.index_2{width: 100%;padding-bottom: 60px;position: relative;}
.index_2 .index_2_t{width: 1200px;font-size: 35px;color: #444;text-align: center;font-weight: bold;margin:0px auto 40px;}
.index_2_bg{width: 100%;height: 520px;position: absolute;left: 50%;top: 86px;margin-left: -190px;background: url(../images/index_2_bg.jpg) no-repeat;}
.index_2_b{position: relative;width:100%;height: 520px;z-index: 99999;}
.index_2_b .index_2_b_l{position: relative;width: 100%;height: 400px;float: left;background: rgba(255,255,255,.8);margin-top: 70px;z-index: 99999;}
.index_2_b .index_2_b_l .index_2_b_l_t{width: 130px;height:23px;line-height:23px;font-size: 22px;color: #444;border-right: 8px solid #bb2525;text-align: right;float: right;margin-right: 50px;margin-top: 35px;}
.index_2_b .index_2_b_l .index_2_b_l_b{width: 400px;text-align: right;float: right;margin-right: 50px;}
.index_2_b .index_2_b_l .index_2_b_l_b ul li{margin: 30px auto;}
.index_2_b .index_2_b_l .index_2_b_l_b ul li:first-child{margin-top: 45px;}
.index_2_b .index_2_b_l .index_2_b_l_b ul li div{padding-right: 30px;display: inline-block;}
.index_2_b .index_2_b_l .index_2_b_l_b ul li i{width:16px;height:16px;background: url(../images/chahao.png) no-repeat;display: inline-block;margin-bottom: 10px;}
.index_2_b .index_2_b_l .index_2_b_l_b span{display: block;}
.index_2_b .index_2_b_l .index_2_b_l_b span:nth-child(1){font-size: 16px;color: #444;}
.index_2_b .index_2_b_l .index_2_b_l_b span:nth-child(2){font-size: 15px;color: #999;}
.index_2_b .index_2_b_r{position: relative;width: 100%;float: left;margin-top: 70px;z-index: 99999; background:#f2054d;}
.index_2_b .index_2_b_r .index_2_b_r_t{width: 270px;height:23px;line-height:23px;font-size: 22px;color: #444;border-left: 8px solid #fff;text-align: left;margin-top: 35px;color: #fff;margin-left: 30px;float: left;}
.index_2_b .index_2_b_r .index_2_b_r_t span{display: inline-block;}
.index_2_b .index_2_b_r .index_2_b_r_t b{display: inline-block;color: #f26b6b;font-size: 18px;margin-left: 10px;}
.index_2_b .index_2_b_r .index_2_b_r_b{width: 100%;text-align: left;margin-left: 50px;float: left;}
.index_2_b .index_2_b_r .index_2_b_r_b ul li{margin: 30px auto;}
.index_2_b .index_2_b_r .index_2_b_r_b ul li:first-child{margin-top: 45px;}
.index_2_b .index_2_b_r .index_2_b_r_b ul li div{padding-left: 5px;display: inline-block;}
.index_2_b .index_2_b_r .index_2_b_r_b ul li i{width:22px;height:22px;display: inline-block;margin-bottom: 10px;}
.index_2_b .index_2_b_r .index_2_b_r_b ul li:nth-child(1) i{background: url(../images/dianji1.png) no-repeat;}
.index_2_b .index_2_b_r .index_2_b_r_b ul li:nth-child(2) i{background: url(../images/sd1.png) no-repeat;}
.index_2_b .index_2_b_r .index_2_b_r_b ul li:nth-child(3) i{background: url(../images/xg1.png) no-repeat;}
.index_2_b .index_2_b_r .index_2_b_r_b ul li:nth-child(4) i{background: url(../images/yxxg1.png) no-repeat;}
.index_2_b .index_2_b_r .index_2_b_r_b span{display: block;color: #fff;}
.index_2_b .index_2_b_r .index_2_b_r_b span:nth-child(1){font-size: 16px;color: #fff;}
.index_2_b .index_2_b_r .index_2_b_r_b span:nth-child(2){font-size: 15px;color: #ffc8c8;}
}
.jiewend{ font-size:16px; line-height:170%;}
.jiewend1{ padding-right:7px;}
.jiewend10{margin-top: 14px; border-bottom:1px solid #ccc; height:54px;}
@media screen and (min-width: 1024px) {
.proTop2 ul li{float: left; width: 33.333%; padding: 0 9px; margin-top: 38px;}
.proVal2 ul li{float: left; width: 33.33%; padding: 60px 23px 0 23px; margin-top: 40px;position: relative;}
.proVal2 .proValBox span{float: left; width: 100%; line-height: 30px; height: 60px; overflow: hidden; font-size: 14px; color: #4d4d4d;display: block;}
}
@media screen and (max-width: 1024px) {
.proTop ul li{float: left; width: 50%; padding: 0 9px; margin-top: 38px; height:200px; overflow: hidden;}
.proVal ul li{float: left; width: 50%; padding: 60px 7px 0 7px; margin-top: 40px;position: relative;}
.proVal .proValBox span{float: left; width: 100%; line-height: 30px; height: 100px; overflow: hidden; font-size: 14px; color: #4d4d4d;display: block;}
.proTop2 ul li{float: left; width: 50%; padding: 0 9px; margin-top: 38px; height: auto;overflow: hidden;}
.proVal2 ul li{float: left; width: 48%;padding: 60px 7px 0 7px; position: relative;}
.proVal2 .proValBox span{float: left; width: 100%; line-height: 30px; height: 100px; overflow: hidden; font-size: 14px; color: #4d4d4d;display: block;}
.fylcbot li{float: left;width: 50%;text-align: center; margin-top:24px;}
.fylcimg{padding:40px;margin: 0 auto; margin-left: 10px;border: 1px solid #eee;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;}
}
.deng01{text-align:center; font-size:20px; font-weight:900; padding-top:34px;}
.proTop2 .proTopTit {
float: left;
width: 100%;
line-height: 24px;
padding: 0 20px;
text-align: center;
font-size: 15px;
color: #333;
margin-top: 17px;
}
@media screen and (max-width: 1024px) {.xn_index_box1_1200_box_ul li{width: 100%;height: 340px;float:left;transition: all .2s linear;}}
.xn_index_box1_1200_box_li_t{width: 138px;height: 138px;margin:38px auto;border:1px solid #eee;transition: all .2s linear;border-radius: 50%;webkit-box-shadow: 0 10px 30px rgba(0,0,0,0.1);box-shadow: 0 10px 30px rgba(0,0,0,0.1);-webkit-transform: translate3d(0, -2px, 0);transform: translate3d(0, -2px, 0);margin-bottom: 20px;}
.xn_index_box1_1200_box_li_t1{background: url(../images/sq1.png) no-repeat center;}
.xn_index_box1_1200_box_li_t2{background: url(../images/sq2.png) no-repeat center;}
.xn_index_box1_1200_box_li_t3{background: url(../images/sq3.png) no-repeat center;}
.xn_index_box1_1200_box_li_t4{background: url(../images/sq4.png) no-repeat center;}
.xn_index_box1_1200_box_li_c{width: 80%;margin:0 auto;text-align: center;height: 40px;font-size: 20px;font-weight: bold;}
.xn_index_box1_1200_box_li_c a{color:#444444;font-size: 20px;transition: all .2s linear;font-weight: bold;}
.xn_index_box1_1200_box_li_b{width: 80%;margin:0 auto;text-align: center;}
.xn_index_box1_1200_box_li_b p{color:#666666;font-size: 14px;line-height: 22px; text-align: center;}
.xn_index_box1_1200_box_ul li:hover{cursor: pointer;webkit-box-shadow: 0 10px 30px rgba(0,0,0,0.1); box-shadow: 0 10px 30px rgba(0,0,0,0.1); -webkit-transform: translate3d(0, -2px, 0); transform: translate3d(0, -2px, 0);}
.xn_index_box1_1200_box_ul li:hover .xn_index_box1_1200_box_li_t{background:#f2054d;}
.xn_index_box1_1200_box_ul li:hover .xn_index_box1_1200_box_li_c a{color:#f2054d;}
.xn_index_box1_1200_box_ul li:hover .xn_index_box1_1200_box_li_t1{background:#f2054d url(../images/sq01.png) no-repeat center;}
.xn_index_box1_1200_box_ul li:hover .xn_index_box1_1200_box_li_t2{background:#f2054d url(../images/sq02.png) no-repeat center;}
.xn_index_box1_1200_box_ul li:hover .xn_index_box1_1200_box_li_t3{background:#f2054d url(../images/sq03.png) no-repeat center;}
.xn_index_box1_1200_box_ul li:hover .xn_index_box1_1200_box_li_t4{background:#f2054d url(../images/sq04.png) no-repeat center;}}
.h_pro_lei {width:1200px;height:522px;float:left;margin-top:50px}
.h_pro_lei_02 {cursor:pointer;width:32%;height:322px;float:left;margin-right:12px;display:inline;box-shadow:#e2e2e2 0 0 15px;background:#fff}
.h_pro_lei_02t {width:100%;height:59px;float:left;text-align:center;margin-top:65px;}
.h_pro_lei_02z {width:280px;height:70px;float:left;text-align:center;margin-top:27px;overflow:hidden}
.h_pro_lei_02z p {font-size:14px;color:#686868;margin-top:10px}
.h_pro_lei_02z span {font-size:22px;color:#252525}
.h_pro_lei_02w {width:85%;height:200px;font-size: 14px;float:left;border-bottom:0;border-top:1px #e1e1e1 solid;margin-left:20px;display:inline;margin-top:20px;padding-top:15px;color:#686868;padding-bottom:20px;text-align:center;line-height:32px}
.h_pro_lei_02s {width:280px;height:50px;float:left;text-align:center;color:#333;margin-top:30px}
.h_pro_lei_02s span a {font-size:14px;color:#666;display:block;width:150px;height:42px;border:1px solid #f8f8f8;display:inline-block;line-height:42px;border-radius:3px}
.h_pro_lei_02m {display:none}
.h_pro_lei_03 {margin-right:0}
.tpt-list-none {display:none}
.tpt-list-none2 {display:block;line-height: 27px; text-align: left;}
.h_pro_lei_01 {cursor:pointer;width:32%;background:url(../images/producet_bg_01.jpg) #fff;}
.h_pro_lei_01 .h_pro_lei_02t {width:100%;height:82px;margin-top:50px;}
.h_pro_lei_01 .h_pro_lei_02z {width:100%;margin-top:20px}
.h_pro_lei_01 .h_pro_lei_02z p {color:#fff}
.h_pro_lei_01 .h_pro_lei_02z span {color:#fff}
.h_pro_lei_01 .h_pro_lei_02w {width:85%;height:170px;margin-left:30px;padding-top:20px;color:#fff}
.h_pro_lei_01 .h_pro_lei_02s {width:100%;color:#fff}
.h_pro_lei_01 .h_pro_lei_02s span a {color:#fff}
.h_pro_lei_01 .h_pro_lei_02m {display:block}
.h_pro_lei_01 .h_pro_lei_02m a {color:#fff;width:275px;height:33px;float:left;background-color:#f80;text-align:center;margin-left:15px;display:inline;line-height:33px}
.h_pro_lei_01 .h_pro_lei_02m a:hover {color:#fff;background-color:#ff9600;width:275px;height:33px;padding-top:7px}
.h_pro_lei_01 .tpt-list-none {display:block;line-height:27px;text-align:justify}
.h_pro_lei_01 .tpt-list-none2 {display:none}
.del_float {padding:50px 0}
.zplcpart5{ display: flex; padding:0!important;}
.zplcpart5list1{ background: url(../images/zplcbg5.jpg) center no-repeat; padding-top: 40px; padding-bottom: 40px; background-size: cover;}
.zplcpart5list1li{ padding: 25px; box-sizing: border-box;}
.zplcpart5list1liicon{ width: 100px; height: 100px; margin: 0; margin-top: 30px;}
.zplcpart5list1liicon img{ width: 100%;}
.zplcpart5list1lip1{ font-size: 18px; color: #d2d2d2;font-family: "DroidSansChinese"; margin-top: 25px;}
.zplcpart5titp1{ font-size: 25px; line-height: 28px; color: #FFF; font-family: "DroidSansChinese"; margin: 0 25px; display: none;}
.zplcpart5titp2{ font-size: 25px; line-height: 28px; font-family: "DroidSansChinese"; margin: 0 25px; display: block;}
.zplcpart5list1lip2{ font-size: 15px; color: #d2d2d2; line-height: 25px;font-family: "DroidSansChinese"; margin-top: 25px;}
.zplcpart5list2{ background: #f4f5f7; padding-top: 40px; padding-bottom: 40px;}
.zplcpart5list2li{ padding: 25px; box-sizing: border-box;}
.zplcpart5list2liicon{ width: 100px; height: 100px; margin: 0; margin-top: 30px;}
.zplcpart5list2liicon img{ width: 100%;}
.zplcpart5list2lip1{ font-size: 18px;font-family: "DroidSansChinese"; margin-top: 25px;}
.zplcpart5list2lip2{ font-size: 15px; color: #999; line-height: 25px;font-family: "DroidSansChinese"; margin-top: 25px;}
.zplcpart5tel400{ margin: 35px 25px 0; width: 40px;}
.zplcpart5tel400p1{ font-size: 25px; font-family: "AgencyFB"; background: #d5372b; padding: 15px 20px; color: #FFF;}
.zplcpart5tel400p2{ font-size: 15px;font-family: "DroidSansChinese"; margin-top: 16px;}
.new_box{margin-top: 20px;margin-bottom: 30px}
.list{width:100%; margin:auto; border-bottom:1px solid #CCC; padding-bottom:30px;}
.bt a{width:100%; display:inline-block; margin-bottom:30px; font-size:22px; color:#000; font-family:'微软雅黑';}
.list:hover .bt a{width:100%; display:inline-block; margin-bottom:30px; font-size:22px; color:#e62129; font-family:'微软雅黑'; text-decoration:underline;}
.list:hover .bt .span{ text-decoration:underline;}
a{ text-decoration:none;}
.list .imga { overflow:hidden; position:relative;margin-bottom: 10px}
.list .imga img{ width:246px; height:156px; cursor: pointer; transition: all 0.5s;}
.list:hover .imga img{ transform: scale(1.3); }
.u-time{width:100%; display:inline-block; font-size:36px; color:#666666; margin-bottom:10PX; font-family:'微软雅黑';}
.dede_pages{
margin-top: 10px
}
.dede_pages ul{
float:left;
padding:12px 0px 12px 16px;
}
.dede_pages ul li{
float:left;
font-family:Tahoma;
line-height:17px;
margin-right:6px;
border:1px solid #E9E9E9;
}
.dede_pages ul li a{
float:left;
padding:2px 4px 2px;
color:#555;
display:block;
}
.dede_pages ul li a:hover{
color:#690;
text-decoration:none;
padding:2px 4px 2px;
}
.dede_pages ul li.thisclass,
.dede_pages ul li.thisclass a,.pagebox ul li.thisclass a:hover{
background-color:#F8F8F8;
padding:2px 4px 2px;
font-weight:bold;
}
.dede_pages .pageinfo{
line-height:21px;
padding:12px 10px 12px 16px;
color:#999;
}
.dede_pages .pageinfo strong{
color:#555;
font-weight:normal;
margin:0px 2px;
}
.news-title{
font-size:30px; color:#242424; font-family:'微软雅黑'; line-height:70px;
margin: 20px auto;
text-align: center;
}
.news-subhead{
font-size:18px; color:#b2b2b2; font-family:'微软雅黑';
margin: 20px auto;
text-align: center;
}
.news-box{
font-size: 16px;line-height: 26px;
}
.page p{
font-size: 16px;
width: 50%;
float: left;
padding: 10px;
margin-top: 38px;
}
.page p:last-child{
text-align: right;
}
@media screen and (max-width: 1024px) {
.com-img{ display:block; overflow:hidden;}
.news-box{
font-size: 14px;line-height:24px;
}
}
.list .imga img{ width:100%;height: auto;padding: 10px; cursor: pointer; transition: all 0.5s;}
}
.footer-box{
width:100%; padding: 25px; background:url(../images/13.png) ; margin-top:20px;
}
@charset "utf-8";
*{ box-sizing:border-box; -webkit-appearance: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-touch-callout: none;}
*:focus { outline: none; }
html { -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; height: 100%;}
body { margin: 0;font-size:14px;line-height:1.5; font-family:"微软雅黑",microsoft yahei; color:#333; background:#fff; }
body, div, span, object, iframe, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, q, dl, dt, dd, ol, ul, li, fieldset, form, legend, caption, tbody, tfoot, thead, article, aside, dialog, figure, footer, header, hgroup, nav, section{ padding:0; margin:0;}
img { border: 0;vertical-align: middle; max-width:100%;}
.clearfix:after{ content:""; display:block; clear:both; height:0; visibility:hidden;}
.clearfix{ zoom:1;}
.sec1{background: #f2f2f2;}
.main{max-width:1200px; margin:0 auto; padding:40px 0;}
.title{font-size:24px; margin-bottom: 1em; text-align: center;}
.img-count,.img-count img{position:relative;}
.img-count-in{ position:absolute; top:0; left:0; right:0; bottom:0; overflow:hidden;height:100%; *height:100%;}
.w-newsList1{position: relative;}
.w-newsList1 a{ display: block; text-decoration: none; color: #333;}
.w-newsList1 .news-item{ position:relative;}
.w-newsList1 .news-imgbox{ width:58%;}
.w-newsList1 .news-imgbox img{ transition:transform 3.5s; -webkit-transition:transform 3.5s;transform:scale(1.1); -webkit-transform:scale(1.1);}
.w-newsList1 .swiper-slide.swiper-slide-active .news-imgbox img{ transform:scale(1); -webkit-transform:scale(1);}
.w-newsList1 .aspectRatio{padding-bottom:450px;}
.w-newsList1 .news-text{ position: absolute; right:0; width:50%;text-align: left;min-height: 320px; top: 50%;top:10%\9; *top:10%; transform:translateY(-50%); -webkit-transform:translateY(-50%); background: #fff; padding: 30px 15px 40px 4%; overflow:hidden;}
:root .w-newsList1 .news-text{ top:50%;}
.w-newsList1 .date{ line-height: 1.4; margin-bottom: 0.8em;}
.w-newsList1 .date .year{ font-size:46px; font-weight: bold; color: #000; font-family: Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;}
.w-newsList1 .date .day_month{font-size:17px; color: #bebebe;}
.w-newsList1 .news-h{font-size:24px; font-weight: bold; line-height: 1.4; height:2.8em; overflow: hidden; }
.w-newsList1 .news-sum{ line-height: 32px;
font-size: 16px;
color: #adadad;}
.w-newsList1 .more{margin-top:20px; width: 45px; height: 24px; float: right; background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAQCAYAAAAFzx/vAAABIUlEQVQ4jb3VMUscQRQH8J+yNgaLFAoPJSBnKaTRUhDBRoiVpBG09mMIljY2geuCIH4GG7FKE7BRSxGPyCtstLJQxGYPTr1D3LvNHxb2McP7McPO7FCz2dRPMhNExDec4gormXnbbf5wX9rrjOEr5nAcEeO1gpl5gQ08Y7YXOsgVysyDLuhEbWAP9E9ETNUGdqBreEQDJ220wBfMYKhK84joNXSFHWx3oIsFzjBdBftkGjgaxsN/wNoZLfAdkypu6QdZxV75foPlAk+4rtqxfdO8TUT8xG5ZXmIpM1u1fKURsY5DjJTYYma2qOFYRMQm9sve51jIzH/t8YGCEbGF3x3YUr7Z84GBETGPX2X5t8Te/TGKQYG4K58z/MjM+26TXgDh8VYjv3NjTgAAAABJRU5ErkJggg==") center no-repeat;}
.w-newsList1 .adSN_page{ position: absolute; z-index: 9; left:50%; bottom:50%; top: auto; transform: none; -webkit-transform: none; width:35%; padding-left: 26%; }
.w-newsList1 .adSN_page span{ display: inline-block; *display:inline; *zoom:1; margin:0 6px;}
.w-newsList1 .swiper-num{ position: absolute; z-index: 9; right: 15px; top:5%; color: #bebebe;}
.w-newsList1 .swiper-num .active{ font-size:32px; font-weight: bold;}
.w-newsList2{position: relative; overflow:hidden;}
.w-newsList2 a{ display: block; text-decoration: none; color: #333;}
.w-newsList2 .news-item{ position:relative;}
.w-newsList2 .img{ float: right; width:52%; overflow: hidden;}
.w-newsList2 .img img{transition:transform 3.5s; -webkit-transition:transform 3.5s;transform:scale(1.1); -webkit-transform:scale(1.1);}
.w-newsList2 .swiper-slide.swiper-slide-active .img img{ transform:scale(1); -webkit-transform:scale(1);}
.w-newsList2 .news-text{ margin-right:56%;}
.w-newsList2 .news-h{font-size:28px; line-height: 1.4; margin-bottom: 1em;}
.w-newsList2 .news-sum{margin-top:30px; line-height: 1.8; color:#808080;}
.w-newsList2 .more{position: absolute; left: 0; bottom: 1em; line-height: 2.8; padding: 0 3em; border:1px solid #aaa; color:#333;overflow: hidden; -webkit-transition: all .6s;transition: all .6s;}
.w-newsList2 .more:hover{color:#fff; border-color:#FF6600;}
.w-newsList2 .more .bgsqr1,.w-newsList2 .more .bgsqr2,.w-newsList2 .more .bgsqr3,.w-newsList2 .more .bgsqr4{background:#FF6600;position: absolute;top:0; width: 0px;height: 100%;-webkit-transition: all 0.4s; transition: all 0.4s; opacity:0.35;}
.w-newsList2 .more .bgsqr3,.w-newsList2 .more .bgsqr4{ opacity:0.75;}
.w-newsList2 .more .bgsqr1{ left:0;}
.w-newsList2 .more .bgsqr2{ right:0}
.w-newsList2 .more .bgsqr3{ right:0;}
.w-newsList2 .more .bgsqr4{ left:0;}
.w-newsList2 .more:hover .bgsqr1,.w-newsList2 .more:hover .bgsqr2,.w-newsList2 .more:hover .bgsqr3,.w-newsList2 .more:hover .bgsqr4{ width:100%;}
.w-newsList2 .more:hover .bgsqr3,.w-newsList2 .more:hover .bgsqr4{-webkit-transition-delay:.4s;transition-delay:.4s;}
.w-newsList2 .more span{ position:relative; z-index:1;}
.w-newsList2 .adSN_page{ position: absolute; left: auto; right:10px; width: auto; z-index: 10; text-align: right; }
.w-newsList2.swiper-container-horizontal .adSN_page{bottom:20px;}
.w-newsList2 .adSN_page span{ background: #c9c9c9; opacity: 1; width:40px; height: 5px; border-radius: 0; -webkit-border-radius: 0;}
.w-newsList2 .adSN_page span.swiper-pagination-bullet-active{background: #f60;}
.w-newsList2.swiper-container-vertical .adSN_page span{margin:15px 0;}
@media (max-width:960px){
.w-newsList2 .news-h{font-size:24px;}
.w-newsList2 .news-sum{ display: none;}
}
@media (max-width:767px){
.w-newsList1 .news-imgbox{width:100%;}
.w-newsList1 .aspectRatio{padding-bottom: 56.25%;}
.w-newsList1 .news-text{ position: relative; width:100%;min-height: 320px; top:0; transform: none; -webkit-transform: none; padding:1.2em 4% 1.5em;text-align: left;}
:root .w-newsList1 .news-text{ top:0;}
.w-newsList1 .adSN_page{ left:0; bottom:2em; margin-bottom: 0;}
.w-newsList1 .swiper-num{ bottom: 232px; top: auto; margin-top: 0;}
.w-newsList2 .news-h{font-size:20px;}
.w-newsList2 .img{float: none; width:100%;}
.w-newsList2 .news-text{margin-right: 0; text-align: center; padding:1em 0 3em;}
.w-newsList2 .more{position: relative; margin-top:1.2em; bottom: 0; display: inline-block;}
.w-newsList2 .adSN_page{ top: auto; bottom: 0 !important; left: 0; right: 0 ; transform: none; -webkit-transform: none; text-align: center;}
.w-newsList2 .adSN_page span{margin:0 0.3em !important; display: inline-block; width:1.8em; height: 0.25em;}
}
@media (max-width:480px){
body{font-size:4vw;}
.title{font-size:6vw;}
.w-newsList1 .news-h{font-size:125%;}
.w-newsList1 .date .year{ font-size:300%;}
.w-newsList1 .date .day_month{ font-size: 110%;}
.w-newsList1 .swiper-num{ bottom: 15em;}
.w-newsList1 .swiper-num .active{ font-size: 200%;}
.w-newsList2 .news-h{font-size:125%;}
}
.tei h4{
text-align: center;
}
.tei .span02{
text-indent: 2em;
}
.sing img{
width: 100%;
padding: 15px 0;
}