html{
}
body {
margin:0;
padding:0 0 0 0;
font:14px/2 "Microsoft YaHei", Arial, Verdana, Helvetica, sans-serif;
color:#111111;
background-color:#FFFFFF;
}
select{
font:14px/2 "PingFang-Regular", Verdana, Arial, Helvetica, sans-serif;
}
/*@font-face {
font-family: "PingFang-Regular";
src: url("../images/font/PingFang-Regular.ttf");
}
@font-face {
font-family: "PingFang-Medium";
src: url("../images/font/PingFang-Medium.ttf");
}
@font-face {
font-family: "PingFang-Bold";
src: url("../images/font/PingFang-Bold.ttf");
}*/
ul,li,dl,dd,dt{
margin:0;
padding:0;
list-style-type:none;
}
h1,h2,h3,h4,p{
margin:0;
padding:0;
font-weight: normal;
}
img{
border:0 none;
vertical-align:bottom;
outline:none;
}
input,select {
font-size: 14px;
vertical-align: middle;
}
textarea,input,button {
word-wrap: break-word;
word-break: break-all;
padding: 0px;
outline: none;
}
.wrapper{
display: table;
width: 1200px;
margin:0 auto;
}
.wrap{
width: 1200px;
margin: 0 auto;
}
.main {
margin: 0 auto;
width: 1200px;
}
.w100{
display: table;
width:100%;
}
.pc{
display: block;
}
.pci{
display: inline;
}
.m5{
display: none;
}
a,a:focus,a:hover,.btn:focus,li, li:focus, li:hover, input, input:focus, input:hover, textarea, textarea:focus, textarea:hover, select, select:focus, select:hover {
-webkit-tap-highlight-color: transparent;
outline: none;
}
a,a:link,a:active,a:visited {
text-decoration:none;
outline: none;
}
/*a,a:link,a:active,a:visited {
color:#333333;
text-decoration:none;
outline: none;
}
a:hover {
color:#de373e;
text-decoration:none;
}*/
a.bt-blue{
color: #3085BE;
}
a.bt-red{
color: #FF6600;
}
a.bt-green{
color: #20D274;
}
a.white{
color: #FFFFFF;
}
a.white:hover{
color: #DDDDDD;
}
.color_999{
color: #999999;
}
.block{
display: block;
}
.float_left{
float:left;
}
.float_right{
float:right;
}
.m12{
margin-top:12px !important;
}
.m20{
margin-top:20px;
}
.m30{
margin-top:30px;
}
.m50{
margin-top:50px;
}
.m55{
margin-top:55px;
}
.mb20{
margin-bottom: 20px !important;
}
.red{
color: #F0575A;
}
.green{
color: #35C7C9;
}
.orange{
color: #FDA04B;
}
.blue{
color: #5AB1EF;
}
.hd, .ft, .wp, .index-wrap{
width: 100%;
min-width: 1200px;
}
/* header*/
.hd{position:relative;background-color:#252533;z-index:100;}
.hd .main{position:relative;height:66px;}
.hd .main:after{display:table;content:"";clear:both;}
.logobox{float:left;margin-right:80px;width:228px;height:66px;}
.logo{display:block;height:100%;text-indent:-500%;background:url(../images/logo.png) no-repeat left center;background-size:100% auto;overflow:hidden;}
.nav{float:left;color:#fff;}
.menuBtn{display: none;}
.navlist li:hover .nav-hover,.on .nav-hover{color:#fff !important;}
.navlist li{float:left;position:relative;}
.navlist li[data-id="products"]>a{cursor:default;}
.nav-hover{position:relative;display:block;padding:0 20px;line-height:66px;color:#bbb !important;-webkit-transition:color .3s;transition:color .3s;}
.subnav{position:absolute;left:0;top:66px;width:360px;height:0;max-height:0;background-color:#252533;overflow:hidden;z-index: 1001}
li:hover .subnav{height:auto;max-height:600px;-webkit-transition:max-height .6s;transition:max-height .6s;}
.subnav-listbox:after{display:table;content:"";clear:both;}
.subnav-list-unit{position:relative;box-sizing:border-box;color:#fff;border-bottom:1px solid #333;-webkit-transition:background-color .3s;transition:background-color .3s;}
.subnav-list-unit a{position:relative;display:block;box-sizing:border-box;padding:16px 20px 10px;}
.subnav-list-unit:hover{background-color:#21212d;}
.subnav-list-unit .i-toggle-nav{position:absolute;left:5px;top:5px;width:50px;height:50px;}
.subnav-list-unit .i-toggle-nav.i-toggle-back{background-position:0 bottom;filter:alpha(opacity=0);opacity:0;-webkit-transition:opacity .4s;transition:opacity .4s;}
.subnav-list-unit:hover .i-toggle-nav.i-toggle-back{opacity:1;filter:alpha(opacity=100);}
.subnav-list-unit h3{margin-bottom:5px;padding-left:36px;font-size:16px;line-height:1.5;color:#fff;-webkit-transition:color .3s;transition:color .3s;}
.subnav-list-unit:hover h3{color:#0984e3;}
.subnav-list-unit p{padding-left:36px;font-size:12px;color:#999;}
.subnav-list-unit-3{padding:16px 20px 10px;}
.subnav-list-unit-last{border-bottom:none;}
.subnav-list-unit a{color:#fff;}
.subnav-btns{margin-top:10px;padding-left:36px;}
.subnav-btns a{display:inline;margin-right:20px;padding:0;color:#eee;}
.subnav-btns a:hover{color:#0984e3;}
.subnav-btns img{display:inline-block;vertical-align:middle;margin:-1px 0 0 4px;height:12px;width:auto;}
.aside-nav{position:absolute;right:0;top:0;}
.aside-nav dd{float:left;position:relative;}
.aside-nav a{position:relative;display:block;padding:0 20px;height:66px;line-height:66px;color:#bbb;-webkit-transition:color .2s linear;transition:color .2s linear;}
.aside-nav a:hover{color:#fff;}
a.user-regist-link{padding:0 30px;color:#fff!important;background-color:#0984e3;-webkit-transition:background-color .2s linear;transition:background-color .2s linear;}
a.user-regist-link img{position:absolute;left:30px;top:8px;width:31px;height:13px;}
a.user-regist-link:hover{background-color:#4e77f5;}
.login-slogan{position:absolute;left:50%;margin-left:-480px;color:#fff;font-size:60px;top:50%;margin-top:-170px;}
.login-slogan h1{font-size:1em;line-height:1.6;}
.login-slogan small{font-size:.6em;display:block;}
.login-slogan p{font-size:.3em;color:rgba(255,255,255,.6);}
/* index */
.index-ban{position:relative;height:500px;background-color:#080808;overflow:hidden;}
.index-banlist{width:100%;height:100%;}
.index-ban-0{background:#00111b url(../images/ban_00.jpg) no-repeat center top;}
.index-ban-1{background:#00111b url(../images/ban_01.jpg) no-repeat center top;}
.index-ban-2{background:#150051 url(../images/ban_02.jpg) no-repeat center top;}
.index-ban-3{background:#150051 url(../images/ban_03.jpg) no-repeat center top;}
.index-ban-4{background:#150051 url(../images/ban_04.jpg) no-repeat center top;}
.index-ban-5{background:#150051 url(../images/ban_05.jpg) no-repeat center top;}
.index-ban-6{background:#150051 url(../images/ban_06.jpg) no-repeat center top;}
.index-ban-1v{background:#00111b url(../images/ban_01v.jpg) no-repeat center top;}
.index-ban-2v{background:#150051 url(../images/ban_02v.jpg) no-repeat center top;}
.index-ban-3v{background:#150051 url(../images/ban_03v.jpg) no-repeat center top;}
.index-ban-4v{background:#150051 url(../images/ban_04v.jpg) no-repeat center top;}
.index-ban-5v{background:#150051 url(../images/ban_05v.jpg) no-repeat center top;}
.index-ban-6v{background:#150051 url(../images/ban_06v.jpg) no-repeat center top;}
.index-ban-1z{background:#00111b url(../images/ban_01z.jpg) no-repeat center top;}
.index-ban-2z{background:#150051 url(../images/ban_02z.jpg) no-repeat center top;}
.index-ban-3z{background:#150051 url(../images/ban_03z.jpg) no-repeat center top;}
.index-ban-4z{background:#150051 url(../images/ban_04z.jpg) no-repeat center top;}
.index-ban-5z{background:#150051 url(../images/ban_05z.jpg) no-repeat center top;}
.index-ban-6z{background:#150051 url(../images/ban_06z.jpg) no-repeat center top;}
.index-ban-0 .index-ban-txt{margin-top:16px;}
.index-ban-0 .index-ban-txt p{font-size:30px;line-height:1.4;}
.index-ban-0 .index-ban-txt p strong{color:#ffe100;}
.index-ban-0 .index-ban-txt .btn-ban{margin-top:30px;}
.btn-ban{margin-bottom:10px;}
.index-ban-txt{position:absolute;left:50%;top:50%;margin:-120px 0 0 -500px;width:1000px;text-align:center;color:#fff;}
.index-ban-txt h2{font-size:46px;}
.index-ban-txt h2 small{font-size:18px;color:#ffe100;}
.index-ban-txt p{font-size:18px;line-height:1.8;}
.index-ban-txt.text-align-left{margin-left:-580px;text-align:left;}
.btn-ban{display:inline-block;vertical-align:middle;margin-top:50px;width:170px;height:40px;line-height:40px;text-align:center;font-size:16px;color:#fff;background-color:#0984e3;background-image:-webkit-linear-gradient(-138deg,#00a2ff,#0984e3);background-image:-ms-linear-gradient(-138deg,#00a2ff,#0984e3);background-image:linear-gradient(-138deg,#faa304,#ff4430);}
.btn-ban:hover{color:#fff;background-color:#ff4131;background-image:none;}
.btn-ban:active{-webkit-transform:scale(.96);transform:scale(.96);}
.swiper-slide-active .index-ban-txt h2,.swiper-slide-active .index-ban-txt p,.swiper-slide-active .index-ban-txt .btn-ban{-webkit-animation:fadeInUp .8s .5s ease-out both;animation:fadeInUp .8s .5s ease-out both;}
.swiper-slide-active .index-ban-txt p{-webkit-animation-delay:.6s;animation-delay:.6s;}
.swiper-slide-active .index-ban-txt .btn-ban{-webkit-animation-delay:.7s;animation-delay:.7s;}
@-webkit-keyframes fadeInUp{
0%{opacity:0;-webkit-transform:translateY(30px)}
100%{opacity:1;-webkit-transform:translateY(0)}
}
@keyframes fadeInUp{
0%{opacity:0;transform:translateY(30px)}
100%{opacity:1;transform:translateY(0)}
}
.swiper-container{margin:0 auto;position:relative;overflow:hidden;z-index:1}
.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-transition-property:-webkit-transform;-moz-transition-property:-moz-transform;-o-transition-property:-o-transform;-ms-transition-property:-ms-transform;transition-property:transform;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}
.swiper-slide{-webkit-flex-shrink:0;-ms-flex:0 0 auto;flex-shrink:0;width:100%;height:100%;position:relative}
.swiper-container-no-flexbox .swiper-slide{float:left}
.swiper-pagination{position:absolute;text-align:center;-webkit-transition:.3s;-moz-transition:.3s;-o-transition:.3s;transition:.3s;-webkit-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0);z-index:10}
.swiper-pagination-bullets{bottom:30px;left:0;width:100%}
.swiper-pagination-bullet{margin:0 6px;width:18px;height:18px;display:inline-block;vertical-align:middle;border-radius:100%;background:url(../images/dot.png) no-repeat center center;background-size:100%;opacity:.4;}
.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}
.swiper-pagination-bullet-active{opacity:1;}
.swiper-button-prev,.swiper-button-next{position:absolute;top:50%;margin-top:-25px;width:50px;height:50px;cursor:pointer;opacity:0;z-index:10;-webkit-transition:opacity .3s;transition:opacity .3s;}
.swiper-button-prev{left:20px;background:url(../images/prev.png) no-repeat center center !important;background-image:-webkit-image-set(url(../images/prev.png) 1x,url(../images/prev_2x.png) 2x,url(../images/prev_2x.png) 3x) !important;background-size:100%;}
.swiper-button-next{right:20px;background:url(../images/next.png) no-repeat center center !important;background-image:-webkit-image-set(url(../images/next.png) 1x,url(../images/next_2x.png) 2x,url(../images/next_2x.png) 3x) !important;background-size:100%;}
.index-banlist:hover .swiper-button-prev,.index-banlist:hover .swiper-button-next{opacity:.4;}
.index-banlist:hover .swiper-button-prev:hover,.index-banlist:hover .swiper-button-next:hover{opacity:1;}
.lbl-ico{display:inline-block;vertical-align:middle;margin-left:12px;margin-top:-2px;width:34px;height:14px;line-height:14px;font-size:10px;font-weight:normal;text-align:center;color:#f81d23;border:1px solid #f81d23;border-radius:2px;}
.index-news{background-color:#f1f4f8;}
.index-news-list:after{display:table;content:"";clear:both;}
.index-news-list li{float:left;position:relative;box-sizing:border-box;width:25%;padding:10px 20px;-webkit-transition:background-color .2s linear;transition:background-color .2s linear;cursor:default;}
.index-news-list li:before{position:absolute;left:0;top:10px;bottom:10px;width:1px;content:"";background-color:#d6d6d6;}
.index-news-list li.li-first:before{display:none;}
.index-news-list li p{color:#666;}
.index-news-list li:hover{background-color:#fcfdfd;}
.index-news-list h3{position:relative;margin-bottom:5px;padding-bottom:4px;font-size:18px;}
.index-news-list h3:after{position:absolute;left:0;bottom:0;width:30px;height:2px;content:"";background-color:#0984e3;-webkit-transition:width .3s;transition:width .3s;}
.clearfix:after,.clearfix:before {
content: ".";
display: block;
height: 0;
visibility: hidden;
clear: both
}
/*home*/
.row1 {
position: relative;
padding-top: 78px;
}
.row1 .box {
width: 1200px;
margin: 0 auto;
position: relative;
}
.index-tit {
text-align: center;
}
.team-box {
margin-top: 98px;
}
.index-tit .biaoti {
font-size: 46px;
line-height: 46px;
color: #e60012;
margin-bottom: 10px;
}
.index-tit .biaoti span {
font-size: 40px;
}
.index-tit .xiaotit {
color: #666666;
margin-top: 10px;
font-size: 16px;
}
.yx_mian ul {
margin: 40px 0 40px 0;
}
.yx_mian ul li {
float: left;
width: 280px;
height: 240px;
list-style: none;
text-align: center;
border: 1px solid #dddddd;
padding: 30px 0px;
margin-right: 24px;
margin: 0 24px 24px 0;
}
.yx_mian ul li:nth-child(4n+0) {
margin-right: 0;
float: right;
}
.yx_mian ul li h3 {
font-weight: normal;
}
.yx_mian_znyx ul li a h3 {
color: #333;
}
.yx_mian ul li p {
width: 230px;
margin: 0 auto;
}
.yx_mian ul li p {
color: #666666;
font-family: '寰蒋闆呴粦';
font-weight: normal;
}
.yx_mian_znyx ul li i {
display: block;
width: 102px;
height: 102px;
border: 1px solid #666;
border-radius: 50%;
margin: 0 auto;
}
.yx_mian_znyx ul li:nth-child(1) i {
color: #666;
font-size: 45px;
line-height: 102px;
display: block;
transition: All 0.4s ease-in-out;
-webkit-transition: All 0.4s ease-in-out;
-moz-transition: All 0.4s ease-in-out;
-o-transition: All 0.4s ease-in-out;
}
.yx_mian_znyx ul li:nth-child(1):hover i {
z-index: 3;
width: 102px;
height: 102px;
border-radius: 50%;
border: 1px solid #e60012;
background: #e60012;
color: #fff;
display: block;
transform: rotate(360deg);
-webkit-transform: rotate(360deg);
-moz-transform: rotate(360deg);
-o-transform: rotate(360deg);
-ms-transform: rotate(360deg);
}
.yx_mian_znyx ul li:nth-child(2) i {
color: #666;
font-size: 45px;
line-height: 102px;
display: block;
transition: All 0.4s ease-in-out;
-webkit-transition: All 0.4s ease-in-out;
-moz-transition: All 0.4s ease-in-out;
-o-transition: All 0.4s ease-in-out;
}
.yx_mian_znyx ul li:nth-child(2):hover i {
z-index: 3;
width: 102px;
height: 102px;
border-radius: 50%;
border: 1px solid #e60012;
background: #e60012;
color: #fff;
display: block;
transform: rotate(360deg);
-webkit-transform: rotate(360deg);
-moz-transform: rotate(360deg);
-o-transform: rotate(360deg);
-ms-transform: rotate(360deg);
}
.yx_mian_znyx ul li:nth-child(3) i {
color: #666;
font-size: 42px;
line-height: 102px;
display: block;
transition: All 0.4s ease-in-out;
-webkit-transition: All 0.4s ease-in-out;
-moz-transition: All 0.4s ease-in-out;
-o-transition: All 0.4s ease-in-out;
}
.yx_mian_znyx ul li:nth-child(3):hover i {
z-index: 3;
width: 102px;
height: 102px;
border-radius: 50%;
border: 1px solid #e60012;
background: #e60012;
color: #fff;
display: block;
transform: rotate(360deg);
-webkit-transform: rotate(360deg);
-moz-transform: rotate(360deg);
-o-transform: rotate(360deg);
-ms-transform: rotate(360deg);
}
.yx_mian_znyx ul li:nth-child(4) i {
color: #666;
font-size: 45px;
line-height: 102px;
display: block;
transition: All 0.4s ease-in-out;
-webkit-transition: All 0.4s ease-in-out;
-moz-transition: All 0.4s ease-in-out;
-o-transition: All 0.4s ease-in-out;
}
.yx_mian_znyx ul li:nth-child(4):hover i {
z-index: 3;
width: 102px;
height: 102px;
border-radius: 50%;
border: 1px solid #e60012;
background: #e60012;
color: #fff;
display: block;
transform: rotate(360deg);
-webkit-transform: rotate(360deg);
-moz-transform: rotate(360deg);
-o-transform: rotate(360deg);
-ms-transform: rotate(360deg);
}
.yx_mian_znyx ul li:nth-child(5) i {
color: #666;
font-size: 40px;
line-height: 102px;
display: block;
transition: All 0.4s ease-in-out;
-webkit-transition: All 0.4s ease-in-out;
-moz-transition: All 0.4s ease-in-out;
-o-transition: All 0.4s ease-in-out;
}
.yx_mian_znyx ul li:nth-child(5):hover i {
z-index: 3;
width: 102px;
height: 102px;
border-radius: 50%;
border: 1px solid #e60012;
background: #e60012;
color: #fff;
display: block;
transform: rotate(360deg);
-webkit-transform: rotate(360deg);
-moz-transform: rotate(360deg);
-o-transform: rotate(360deg);
-ms-transform: rotate(360deg);
}
.yx_mian_znyx ul li:nth-child(6) i {
color: #666;
font-size: 45px;
line-height: 102px;
display: block;
transition: All 0.4s ease-in-out;
-webkit-transition: All 0.4s ease-in-out;
-moz-transition: All 0.4s ease-in-out;
-o-transition: All 0.4s ease-in-out;
}
.yx_mian_znyx ul li:nth-child(6):hover i {
z-index: 3;
width: 102px;
height: 102px;
border-radius: 50%;
border: 1px solid #e60012;
background: #e60012;
color: #fff;
display: block;
transform: rotate(360deg);
-webkit-transform: rotate(360deg);
-moz-transform: rotate(360deg);
-o-transform: rotate(360deg);
-ms-transform: rotate(360deg);
}
.yx_mian_znyx ul li:nth-child(7) i {
color: #666;
font-size: 45px;
line-height: 102px;
display: block;
transition: All 0.4s ease-in-out;
-webkit-transition: All 0.4s ease-in-out;
-moz-transition: All 0.4s ease-in-out;
-o-transition: All 0.4s ease-in-out;
}
.yx_mian_znyx ul li:nth-child(7):hover i {
z-index: 3;
width: 102px;
height: 102px;
border-radius: 50%;
border: 1px solid #e60012;
background: #e60012;
color: #fff;
display: block;
transform: rotate(360deg);
-webkit-transform: rotate(360deg);
-moz-transform: rotate(360deg);
-o-transform: rotate(360deg);
-ms-transform: rotate(360deg);
}
.yx_mian_znyx ul li:nth-child(8) i {
color: #666;
font-size: 42px;
line-height: 102px;
display: block;
transition: All 0.4s ease-in-out;
-webkit-transition: All 0.4s ease-in-out;
-moz-transition: All 0.4s ease-in-out;
-o-transition: All 0.4s ease-in-out;
}
.yx_mian_znyx ul li:nth-child(8):hover i {
z-index: 3;
width: 102px;
height: 102px;
border-radius: 50%;
border: 1px solid #e60012;
background: #e60012;
color: #fff;
display: block;
transform: rotate(360deg);
-webkit-transform: rotate(360deg);
-moz-transform: rotate(360deg);
-o-transform: rotate(360deg);
-ms-transform: rotate(360deg);
}
.yx_mian_znyx ul li:hover span {
margin: 0 auto;
z-index: 1;
transition: .8s;
-webkit-transition: .8s;
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
.yx_mian_znyx ul li:hover div h3 {
color: #e60012;
}
.yx_mian ul li h3 {
font-weight: normal;
margin-top: 20px;
margin-bottom: 10px;
font-size: 24px;
line-height: 24px;
}
.yx_mian ul li p {
line-height: 26px;
margin-bottom: 0px;
color: #666666;
font-family: '微软雅黑';
font-weight: normal;
font-size: 16px;
}
.tonglan2 {
height: 180px;
background: url(../images/tl3.png) no-repeat center center;
}
.section2 {
background: #f3f3f3 url(../images/aboutbg.png) no-repeat center center/cover;
height: 600px;
}
.section2 .container {
width: 1200px;
margin: 0 auto;
padding: 40px 0;
}
.section2 .container .text-center {
text-align: center;
}
.section2 .container .text-center .title {
text-align: center;
padding: 0 10px;
margin-bottom: 35px;
}
.section2 .container .text-center .title p {
display: inline-block;
margin: 0 auto;
font-size: 42px;
color: #e60012;
font-weight: 100;
line-height: 42px;
}
.section2 .container .text-center .title p span {
font-weight: 600;
font-size: 46px;
}
.section2 .container .text-center .title p label {
font-size: 16px;
color: #666;
text-transform: uppercase;
display: block;
line-height: 22px;
margin-top: 18px;
font-weight: 100;
}
.row {
margin-right: -15px;
margin-left: -15px;
}
.about_left {
width: 500px;
float: left;
position: relative;
margin-left: 10px;
}
.about_left .lic {
position: relative;
z-index: 2;
width: 100%;
height: 350px;
overflow: hidden;
}
.jianjie_box .right {
width: 52%;
margin-left: 4%;
float: left;
position: relative;
}
.jianjie_box .right .about_title {
width: 100%;
text-align: left;
margin-top: 15px;
}
.jianjie_box .right .about_title h2 {
font-size: 26px;
font-weight: 500;
line-height: 36px;
color: #333;
}
.jianjie_box .right .cont {
margin-top: 30px;
}
.jianjie_box .right .cont p {
font-size: 16px;
color: #000;
line-height: 28px;
}
.jianjie_box .right .about_title h2 span {
font-size: 16px;
text-transform: uppercase;
}
.jianjie_box .right .about_title h2:after {
content: "";
display: block;
width: 100px;
height: 4px;
z-index: 9;
left: 0;
-webkit-transform-origin: center;
-ms-transform-origin: center;
transform-origin: center;
-webkit-transition-duration: 1000ms;
transition-duration: 1000ms;
position: absolute;
background: #F91706;
}
.cionr_b {
clear: both;
height: auto;
overflow: hidden;
margin-top: 30px;
}
.cionr_b li {
float: left;
width: 33.33%;
text-align: center;
line-height: 56px;
font-size: 30px;
color: #333;
font-family: "Times New Roman PS";
text-transform: uppercase;
list-style: none;
}
.cionr_b li span {
color: #333333;
font-size: 56px;
font-family: "Times New Roman PS";
}
.cionr_b li i {
display: block;
color: #999999;
font-size: 20px;
text-transform: uppercase;
line-height: 22px;
font-style: normal
}
.about_left .lic img {
width: 100%;
height: 100%;
-webkit-transition: -webkit-transform 1000ms ease-out;
transition: transform 1000ms ease-out;
-moz-transition: -moz-transform 1000ms ease-out;
}
.about_left .lic:hover img {
transform: scale(1.1);
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
-ms-transform: scale(1.1);
-o-transform: scale(1.1);
}
.tonglan3 {
height: 200px;
background: url(../images/tonglanxg1.jpg) no-repeat center center;
}
.row4 {
width: 100%;
}
.row4 .box {
width: 1200px;
margin: 0 auto;
margin-top: 98px;
}
.row4 .rowys {
margin-top: 48px;
background: url(../images/ysbj.png) no-repeat right bottom;
position: relative;
}
.row4 .rowys .ysLeft {
width: 664px;
float: left;
}
.row4 .rowys>img {
position: absolute;
top: 0;
left: 624px;
}
.row4 .rowys .ysRight {
width: 507px;
float: right;
margin-top: 82px;
}
.row4 .rowys .ysRight .logoys {
width: 324px;
}
.row4 .rowys .ysRight div {
margin-top: 20px;
}
.row4 .rowys .ysRight div p {
font-size: 20px;
color: #000;
font-weight: 500;
line-height: 42px;
}
.row4 .rowys .ysRight div .dian {
color: #000;
font-size: 64px;
}
.row7 {
margin-top: 78px;
width: 100%;
height: 636px;
background: url(../images/y4bj.png) no-repeat center center/cover;
}
.row7 .box {
width: 1200px;
margin: 0 auto;
}
.row7 .box .rowyxfa .yxfaLeft {
float: left;
}
.row7 .box .rowyxfa .yxfaLeft .stron1 {
font-size: 46px;
line-height: 46px;
color: #fff;
margin-top: 66px;
font-weight: 600;
}
.row7 .box .rowyxfa .yxfaLeft .stron2 {
font-size: 52px;
color: #ffd800;
margin-top: 40px;
font-weight: 600;
line-height: 52px;
}
.row7 .box .rowyxfa .yxfaLeft .stron3 {
margin-top: 50px;
color: #fff;
}
.row7 .box .rowyxfa .yxfaLeft p {
color: #fff;
font-size: 18px;
line-height: 18px;
font-weight: 500;
margin: 0 0px 24px 0;
}
.row7 .box .rowyxfa .yxfaLeft a {
width: 180px;
height: 40px;
display: block;
background: #ffd800;
border-radius: 20px;
text-align: center;
line-height: 40px;
font-size: 20px;
color: #000;
margin-top: 40px;
-webkit-transition: -webkit-transform 1000ms ease-out;
transition: transform 1000ms ease-out;
-moz-transition: -moz-transform 1000ms ease-out;
overflow: hidden;
}
.row7 .box .rowyxfa .yxfaLeft a:hover {
transition: .3s;
background: #b89c03;
color: #fff;
}
.row7 .box .rowyxfa .yxfaRight {
float: right;
}
.row7 .box .rowyxfa .yxfaRight img {
margin-top: 110px;
}
.tonglan5 {
height: 198px;
background: url(../images/tl2.png) no-repeat center center;
}
.row6 .box {
width: 1200px;
margin: 0 auto;
margin-top: 98px;
margin-bottom: 66px;
}
.row6 .box .rowwhy ul {
margin: 0 auto;
width: 1200px;
overflow: hidden;
margin-top: 80px;
}
.row6 .box .rowwhy ul li {
list-style: none;
float: left;
width: 299px;
text-align: center;
border-right: 1px solid #e1e1e1;
}
.row6 .box .rowwhy ul li b {
display: block;
color: #e60012;
padding-top: 15px;
font-weight: bold;
font-size: 48px;
}
.row6 .box .rowwhy ul li b span {
font-size: 28px;
font-weight: 500;
color: #e60012;
}
.row6 .box .rowwhy ul li h5 {
font-size: 30px;
font-weight: bold;
color: #333;
}
.row6 .box .rowwhy ul li p {
color: #333333;
font-size: 16px;
font-weight: 500;
line-height: 24px;
text-indent: 0px !important;
margin-bottom: 12px;
}
.row6 .box .rowwhy ul li a {
color: #e60012;
font-size: 14px;
font-weight: 500;
}
.row6 .box .rowwhy ul .borno {
border: none;
}
.row6 .box .rowimgwhy {
margin-top: 42px;
height: 476px;
}
.row6 .box .rowimgwhy ul li {
list-style: none;
float: left;
margin: 0 6px 6px 0;
height: 235px;
overflow: hidden;
}
.row6 .box .rowimgwhy ul li:nth-child(3n+0) {
float: right;
margin-right: 0;
}
.tonglan4 {
height: 333px;
background: url(../images/beijingtu.png) no-repeat center center/cover;
}
.tonglan4 ul {
padding: 27px 0;
}
.tonglan4 ul div {
float: left;
}
.tonglan4 ul .frimg {
float: right;
margin-right: 0;
margin-top: 30px;
}
.tonglan4 ul .flboxl {
border: 1px solid #fff;
}
.tonglan4 ul .flcent {
margin-left: 40px;
}
.tonglan4 ul .flcent h4 {
margin-top: 10px;
margin-bottom: 10px;
font-size: 30px;
color: #fff;
line-height: 38px;
}
.tonglan4 ul .flcent p {
color: #fff;
font-size: 22px;
line-height: 44px;
font-weight: 100;
}
.team {
height: 720px;
}
.team .team-content {
width: 1200px;
margin: 0 auto;
text-align: center
}
.client .client-box {
background: url(../images/kehu-bg.png) no-repeat center center/cover;
height: 640px;
}
.client .client-content {
height: inherit;
margin: 0 auto;
max-width: 1200px
}
.client .client-content-title {
float: left;
height: 330px;
width: 450px;
padding-top: 130px
}
.client .client-content-title>div:nth-child(1) h3 {
font-size: 45px;
line-height: 45px;
font-weight: 300;
color: #e60012
}
.client .client-content-title>div:nth-child(1) p {
margin-top: 15px;
font-size: 20px;
line-height: 20px;
color: #5f5e5d;
font-weight: 700
}
.client .client-content-title>div:nth-child(2) {
margin-top: 45px
}
.client .client-content-title>div:nth-child(2) p {
font-size: 20px;
line-height: 20px;
color: #5e5d5b;
margin-bottom: 10px
}
.client .client-content-title>div:nth-child(3) {
margin-top: 70px
}
.client .client-content-title>div:nth-child(3) span {
margin-right: 20px
}
.client .client-content-body {
width: 750px;
float: right
}
.client .client-content-body ul {
margin: 140px 0;
}
.client .client-content-body li {
float: left;
margin-bottom: 6.5px;
margin-right: 6.5px;
height: 115px;
width: 180px
}
.client .client-content-body li img {
height: 100%;
width: 100%;
}
.client .client-content-body li:hover {
box-shadow: 5px 5px 50px 1px #888;
transform: scale(0.8);
transition: all .5s ease
}
.direction_icon {
height: 35px;
width: 35px;
border-radius: 50%;
border: 1px solid #000;
display: block;
text-align: center;
font-size: 20px;
line-height: 38px;
font-weight: 500;
cursor: pointer;
outline: none;
}
.direction_icon:hover {
background: #e60012;
border: 1px solid #e60012;
color: #FFF
}
.full-left {
float: left;
}
.team-content-list {
margin-top: 48px;
}
.team-content-list ul li {
width: 256px;
height: 256px;
float: left;
position: relative;
margin: 0px 58px 50px 0;
}
.team-content-list ul li:nth-child(4n+0) {
float: right;
margin-right: 0;
}
.team-content-list ul .lxbox .lxnav {
width: 172px;
height: 172px;
margin: 44px auto;
transform: rotateZ(45deg);
}
.team-content-list ul .lxbox .lxner {
width: 256px;
height: 256px;
position: absolute;
left: 0;
top: 0;
}
.team-content-list ul .lxred .lxner h2 {
color: #fff;
font-size: 46px;
line-height: 46px;
margin-top: 45px;
}
.team-content-list ul .lxred .lxner h3 {
font-size: 28px;
line-height: 28px;
color: #fff;
margin-top: 12px;
margin-bottom: 26px;
}
.team-content-list ul .lxred .lxner p {
color: #f9f9f9;
font-weight: 100;
margin-top: 10px;
font-size: 12px;
line-height: 12px;
}
.team-content-list ul .lxfff .lxner h2 {
color: #e60012;
font-size: 46px;
line-height: 46px;
margin-top: 45px;
}
.team-content-list ul .lxfff .lxner h3 {
font-size: 28px;
line-height: 28px;
color: #e60012;
margin-top: 12px;
margin-bottom: 26px;
}
.team-content-list ul .lxfff .lxner p {
color: #e60012;
font-weight: 100;
margin-top: 10px;
font-size: 12px;
line-height: 12px;
}
.team-content-list ul .lxred .lxnav {
background: #e60012;
}
.team-content-list ul .lxfff .lxnav {
border: 1px solid #e60012;
}
.tonglan7 {
height: 160px;
background: url(../images/tl7.png) no-repeat center center;
}
.row2 {
width: 1200px;
margin: 0 auto;
margin-top: 78px;
margin-bottom: 66px;
}
.qywhbg {
margin-top: 30px;
border: 1px solid #e1e1e1;
}
.qywhbg .qywhntul {
width: 1200px;
margin: 0 auto;
height: 490px;
}
.qywhntul li {
list-style: none;
float: left;
width: 239px;
text-align: center;
height: 216px;
border-right: 1px solid #e1e1e1;
margin-top: 20px;
}
.qywhntul li {
font-size: 16px;
color: #4e4e4e;
line-height: 24px;
}
.qywhntul li a {
color: #4e4e4e;
}
.qywhntul li i {
width: 70px;
height: 66px;
font-size: 66px;
line-height: 66px;
display: block;
color: #e60012;
margin: 18px auto 10px;
}
.qywhntul .aboutico1:hover i {
color: #333;
}
.qywhntul .aboutico2:hover i {
color: #333;
}
.qywhntul .aboutico3:hover i {
color: #333;
}
.qywhntul .aboutico4:hover i {
color: #333;
}
.qywhntul .aboutico5:hover i {
color: #333;
}
.qywhntul .aboutico6:hover i {
color: #333;
}
.qywhntul .aboutico7:hover i {
color: #333;
}
.qywhntul .aboutico8:hover i {
color: #333;
}
.qywhntul .aboutico9:hover i {
color: #333;
}
.qywhntul .aboutico10:hover i {
color: #333;
}
.qywhntul .aboutico5 {
border: none;
}
.qywhntul li h3 {
font-size: 22px;
color: #333333;
font-weight: 500;
}
.boomline {
padding-bottom: 5px;
background: url(../images/yxtit.png) top left no-repeat;
width: 40px;
margin: 0 auto;
display: inline-block;
}
.qywhntul li:hover .boomline {
background: url(../images/yxtith.png) top left no-repeat;
}
.tonglan6 {
height: 200px;
background: url(../images/tl6.png) no-repeat center center;
}
.row8 .box {
width: 1200px;
margin: 0 auto;
margin-top: 78px;
}
.row8 .rownav {
margin-top: 46px;
}
.row8 .rownav .fllbox {
background: #fafafa;
width: 556px;
float: left;
padding: 20px;
}
.row8 .rownav .frrbox {
background: #fafafa;
width: 556px;
float: right;
padding: 20px;
}
.row8 .rownav h3 {
font-size: 22px;
font-weight: 500;
width: 100px;
text-align: right;
height: 22px;
line-height: 22px;
border-left: 3px solid #e60012;
}
.row8 .rownav .lstbx {
margin-top: 20px;
}
.row8 .rownav .lstbx .rowimg {
float: left;
}
.row8 .rownav .lstbx .rowimg a {
width: 206px;
height: 126px;
display: block;
border-radius: 5px;
overflow: hidden;
}
.row8 .rownav .lstbx .rowimg a img {
width: 100%;
height: 126px;
border-radius: 5px;
-webkit-transition: -webkit-transform 1000ms ease-out;
transition: transform 1000ms ease-out;
-moz-transition: -moz-transform 1000ms ease-out;
overflow: hidden;
}
.row8 .rownav .lstbx .rowimg a:hover img {
transform: scale(1.03);
-webkit-transform: scale(1.03);
-moz-transform: scale(1.03);
-ms-transform: scale(1.03);
-o-transform: scale(1.03);
}
.row8 .rownav .lstbx .rowtext {
float: right;
width: 334px;
}
.row8 .rownav .lstbx .rowtext:hover a {
color: #e60012;
}
.row8 .rownav .lstbx .rowtext a {
display: block;
width: 362px;
font-size: 16px;
color: #000;
height: 20px;
line-height: 20px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
font-weight: 500;
}
.row8 .rownav .lstbx .rowtext p {
margin-top: 14px;
font-size: 14px;
line-height: 20px;
font-weight: 500;
color: #999;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
}
.row8 .rownav .lstbx .rowtext span {
font-size: 12px;
line-height: 20px;
font-weight: 500;
margin-top: 12px;
display: block;
color: #999;
}
.row8 .rownav ul {
margin-top: 30px;
}
.row8 .rownav ul li {
list-style: none;
height: 36px;
line-height: 36px;
}
.row8 .rownav ul li a {
color: #333;
font-size: 16px;
height: 36px;
line-height: 36px;
display: block;
float: left;
font-weight: 500;
width: 434px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.row8 .rownav ul li p {
float: right;
font-size: 14px;
height: 36px;
line-height: 36px;
color: #999;
}
.row8 .rownav ul li:hover a {
color: #e60012
}
.row5 .box {
width: 1200px;
margin: 0 auto;
margin-top: 78px;
}
.row5 .box .rowdlhz {
margin-top: 30px;
}
/*news*/
.nweslist {
margin-top: 78px;
}
.put-bt h1 {
text-align: center;
font-size: 36px;
color: #000;
line-height: 36px;
}
.put-bt .desc {
padding-bottom: 15px;
position: relative;
margin: 10px 0 0px 0;
}
.put-bt .desc:after {
content: '';
width: 30px;
height: 1px;
background: #e60012;
position: absolute;
bottom: 10px;
left: 50%;
margin-left: -18px;
}
.new_fbt {
color: #666;
text-align: center;
font-size: 16px;
margin-bottom: 20px !important;
}
.new-list {
margin-top: 48px;
}
.new-list>li {
box-shadow: 0 0 10px 0 rgb(0 11 47 / 10%);
margin-bottom: 25px;
padding: 15px;
}
.new-list>li .pull-left {
padding-right: 20px;
float: left;
display: block;
}
.bordered img {
border: 1px solid #ccc;
width: 300px;
}
.new-list .media .h5 {
color: #000;
}
.new-list .media .h5 a {
color: #000;
font-size: 22px;
line-height: 30px;
}
.new-list .media {
position: relative;
}
.new-list .media .news_content {
margin-top: 20px;
font-size: 16px;
line-height: 26px;
color: #666;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 4;
-webkit-box-orient: vertical;
}
.new-list .media:hover {
box-shadow: 0 0 10px 0 rgb(230 0 18 / 18%);
}
.new-list .media:hover .text-right a {
color: #e60012;
}
.new-list .media span {
position: absolute;
top: 190px;
font-size: 16px;
color: #999999;
}
.new-list .text-right {
position: absolute;
top: 190px;
right: 26px;
font-size: 16px;
}
.new-list .text-right a {
color: #999;
}
.pagination {
display: inline-block;
padding-left: 0;
margin: 20px 0;
border-radius: 4px;
}
.pagination>li {
display: inline;
}
.pagination>li>a {
position: relative;
float: left;
padding: 6px 12px;
margin-left: -1px;
line-height: 1.42857143;
color: #333;
text-decoration: none;
background-color: #fff;
border: 1px solid #ddd;
}
.pagination>li>a:hover{
color: #fff;
background-color: #e60012;
border-color: #e60012;
}
.pagination>li:first-child>a {
margin-left: 0;
border-top-left-radius: 4px;
border-bottom-left-radius: 4px;
}
.pagination>.active>a {
z-index: 2;
color: #fff;
cursor: default;
background-color: #e60012;
border-color: #e60012;
}
.zixunf {
width: 100%;
background: url(../images/c11_bg_03.png) no-repeat center top;
height: 57px;
margin-top: 60px;
}
.zi_con {
width: 1200px;
margin: 0 auto;
}
.zi_conl {
float: left;
line-height: 57px;
color: #fff;
font-size: 20px;
padding-left: 310px;
}
.zi_con a {
float: right;
margin: 12px 184px 0 0;
}
.row3 {
width: 100%;
height: 440px;
background: url(../images/lybbj.jpg) no-repeat center center/cover;
}
.row3 .box {
width: 1200px;
margin: 0 auto;
}
.lybnav .rowly {
float: left;
width: 514px;
}
.lybnav .rowly .con {
/* background: rgba(0, 0, 0, 0.4); */
color: white;
padding: 27px 27px 27px 0px;
margin-top: 30px;
}
.lybnav .rowly .con strong {
font-size: 20px;
margin: 10px 0;
}
.lybnav .rowly .con .item {
height: 46px;
margin: 8px 0 0 0;
}
.lybnav .rowly .con .item img {
float: left;
width: 40px;
margin: 3px 0 0 0;
}
.lybnav .rowly .con .item p {
line-height: 46px;
font-size: 16px;
}
.lybnav .rowly .con .call p span {
font-size: 24px;
font-weight: 600;
}
.lybnav .rowform {
float: right;
width: 600px;
padding: 50px 0px 60px 50px;
}
.diagnosis-box .theme {
margin-bottom: 40px;
}
.text-center {
text-align: center;
}
.diagnosis-box .theme span {
font-size: 26px;
color: #fff;
}
.diagnosis-box .in {
margin-bottom: 30px;
float: left;
width: 48%;
margin-right: 3%;
height: 60px;
background: #eeeeee;
position: relative;
}
.diagnosis-box .in:nth-child(2) {
float: right;
margin-right: 0;
}
.diagnosis-box .in>input {
width: 100%;
background: #eeeeee;
line-height: 30px;
height: 60px;
border: none;
font-size: 16px;
color: #333;
text-indent: 14px;
outline: none;
}
.diagnosis-box .button input {
width: 100%;
line-height: 54px;
background: #e60012;
font-size: 18px;
color: #FFFFFF;
letter-spacing: 3px;
border: none;
outline: none;
cursor: pointer;
-webkit-transition: -webkit-transform 1000ms ease-out;
transition: transform 1000ms ease-out;
-moz-transition: -moz-transform 1000ms ease-out;
overflow: hidden;
}
.diagnosis-box .button:hover input {
background: #b40513;
}
.diagnosis-box .in:after {
content: "";
position: absolute;
top: 15px;
right: 15px;
width: 30px;
height: 30px;
}
.diagnosis-box .in:nth-child(1):after {
background: url(../images/ico_in_company.png);
}
.diagnosis-box .in:nth-child(2):after {
background: url(../images/ico_in_person.png);
}
.diagnosis-box .in:nth-child(3):after {
background: url(../images/ico_in_tel.png);
}
/*infoflow*/
.xxltfys {
padding-top: 78px;
padding-bottom: 78px;
background: #f9f9f9;
}
.xxltfys .box {
width: 1200px;
margin: 0 auto;
}
.xxl-union-biaoti h2 {
font-size: 40px;
font-weight: 500;
}
.xxl-union-biaoti h2 em {
color: #e60012;
font-style: normal;
}
.xxl-union-biaoti p em {
color: #e60012;
font-style: normal;
}
.xxl-union-biaoti p {
line-height: 36px;
font-size: 24px;
color: #666;
padding-top: 10px;
}
.h-pro-lei {
width: 1200px;
margin-top: 50px;
line-height: auto !important;
}
.xxltfys .h-pro-lei-01 {
cursor: pointer !important;
width: 304px !important;
background: url(../images/producet_bg_01.jpg) #FFFFFF !important;
}
.xxltfys .h-pro-lei-02 {
cursor: pointer;
width: 212px;
height: 470px;
float: left;
margin-right: 12px;
display: inline;
box-shadow: #e2e2e2 0px 0px 15px;
background: #FFF;
}
.xxltfys .hprolei02t i {
font-size: 60px;
color: #e60012;
line-height: 60px;
}
.xxltfys .hprolei02t {
width: 212px;
height: 59px;
float: left;
text-align: center;
margin-top: 65px;
}
.xxltfys .hprolei02z {
width: 212px;
height: 70px;
float: left;
font-size: 22px;
color: #252525;
text-align: center;
margin-top: 27px;
overflow: hidden;
}
.xxltfys .h-pro-lei-01 .hprolei02t {
width: 304px !important;
height: 82px;
margin-top: 50px;
}
.xxltfys .h-pro-lei-01 .hprolei02t i {
color: #fff !important;
font-size: 82px;
}
.xxltfys .hprolei02w {
width: 174px;
height: 120px;
float: left;
border-bottom: 1px #E1E1E1 solid;
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;
}
.xxltfys .tpt-list-none2 {
display: block;
font-size: 12px;
line-height: 30px;
}
.xxltfys .tptlistnone {
display: none;
}
.xxltfys .h-pro-lei-01 .tptlistnone {
display: block;
line-height: 28px;
font-size: 16px;
}
.xxltfys .h-pro-lei-03 {
margin-right: 0;
}
.xxltfys .h-pro-lei-01 .tpt-list-none2 {
display: none;
}
.xxltfys .h-pro-lei-01 .hprolei02t {
width: 304px !important;
height: 82px !important;
margin-top: 50px !important;
/* background: url(../images/product_header_active_icon_01.png) no-repeat center top; */
}
.xxltfys .h-pro-lei-01 .hprolei02z {
width: 304px;
margin-top: 20px;
color: #fff;
}
.xxltfys .h-pro-lei-01 .hprolei02w {
width: 244px;
height: 100px;
margin-left: 30px;
padding-top: 20px;
color: #FFFFFF;
}
.xxlsxlc {
margin-top: 78px;
}
.xxlsxlc .box {
width: 1200px;
margin: 0 auto;
}
.xxlsxlc .nr {
height: 180px;
margin: 48px 0 48px 0;
position: relative;
background: url(../images/banquan_10.png) no-repeat center;
}
.xxlsxlc .nr ul li {
position: absolute;
display: block;
width: 180px;
height: 67px;
border: 1px dashed #e60012;
background: #fff;
border-radius: 5px;
padding: 20px 5px;
box-sizing: border-box;
text-align: center;
}
.xxlsxlc .nr ul li .tit {
font-size: 16px;
font-weight: bold;
margin-bottom: 5px;
}
.xxlsxlc .nr ul li .tit p {
color: #000;
line-height: 22px;
}
.xxlsxlc .clean {
display: block;
width: 100%;
clear: both;
}
.xxlsxlc .nr ul li.wz1 {
left: 0;
top: 115px;
}
.xxlsxlc .nr ul li.wz2 {
left: 168px;
top: 0;
}
.xxlsxlc .nr ul li.wz3 {
left: 342px;
top: 115px;
}
.xxlsxlc .nr ul li.wz4 {
left: 510px;
top: 0;
}
.xxlsxlc .nr ul li.wz5 {
left: 682px;
top: 115px;
}
.xxlsxlc .nr ul li.wz6 {
left: 850px;
top: 0;
}
.xxlsxlc .nr ul li.wz7 {
left: 1022px;
top: 115px;
}
.xxlggys {
margin-top: 122px;
}
.xxlggys .box {
width: 1200px;
margin: 0 auto;
}
.xxlggys .nr {
margin-top: 48px;
margin-bottom: 48px;
}
.xxlggys .nr ul li {
text-align: center;
display: block;
width: 16.6666666%;
box-sizing: border-box;
float: left;
padding: 0 25px;
}
.xxlggys .nr ul li .pic {
margin-bottom: 10px;
}
.xxlggys .nr img {
width: 80%;
transition: all 0.6s;
display: inline-block;
}
.xxlggys .nr .pic {
cursor: pointer;
}
.xxlggys .nr .pic:hover img {
transform: scale(1.08);
}
.xxlggys .nr ul li .tit {
height: 40px;
line-height: 40px;
overflow: hidden;
font-size: 18px;
font-weight: bold;
color: #e60012;
text-overflow: ellipsis;
white-space: nowrap;
}
.xxlggys .nr ul li .jj {
font-size: 14px;
color: #666;
line-height: 25px;
height: 50px;
overflow: hidden;
}
/*media*/
.pcbox{
width: 1200px;
margin: 0 auto;
}
.media1 {
margin-top: 78px;
}
.media1 .h-pro-lei-01 {
cursor: pointer !important;
width: 476px !important;
background: url(../images/producet_bg_01.jpg) #FFFFFF !important;
}
.media1 .h-pro-lei-02 {
cursor: pointer;
width: 350px;
height: 516px;
float: left;
margin-right: 12px;
display: inline;
box-shadow: #e2e2e2 0px 0px 15px;
background: #FFF;
}
.media1 .hprolei02t i {
font-size: 60px;
color: #e60012;
}
.media1 .hprolei02t {
width: 350px;
height: 59px;
float: left;
text-align: center;
margin-top: 65px;
background: url(../images/product_header_icon_01.png) no-repeat center top;
}
.media1 .hprolei02z {
width: 350px;
height: 70px;
float: left;
font-size: 22px;
color: #252525;
text-align: center;
margin-top: 27px;
overflow: hidden;
}
.media1 .h-pro-lei-01 .hprolei02t {
width: 304px !important;
height: 82px;
margin-top: 50px;
}
.media1 .h-pro-lei-01 .hprolei02t i {
color: #fff !important;
font-size: 82px;
}
.media1 .hprolei02w {
width: 310px;
height: 120px;
float: left;
border-bottom: 1px #E1E1E1 solid;
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;
}
.media1 .tpt-list-none2 {
display: block;
font-size: 12px;
line-height: 30px;
}
.media1 .tptlistnone {
display: none;
}
.media1 .h-pro-lei-01 .tptlistnone {
display: block;
line-height: 28px;
font-size: 16px;
}
.media1 .h-pro-lei-03 {
margin-right: 0;
}
.media1 .h-pro-lei-01 .tpt-list-none2 {
display: none;
}
.media1 .h-pro-lei-01 .hprolei02t {
width: 476px !important;
height: 82px !important;
margin-top: 50px !important;
background: url(../images/product_header_active_icon_01.png) no-repeat center top;
}
.media1 .h-pro-lei-01 .hprolei02w {
width: 416px;
height: 60px;
margin-left: 30px;
padding-top: 20px;
color: #FFFFFF;
}
.media1 .hprolei02z span {
font-size: 22px;
color: #252525;
}
.media1 .hprolei02z p {
font-size: 14px;
color: #686868;
margin-top: 0;
}
.media1 .h-pro-lei-01 .hprolei02z {
width: 476px;
}
.media1 .h-pro-lei-01 .hprolei02z span {
width: 476px;
margin-top: 20px;
color: #fff;
}
.media1 .h-pro-lei-01 .hprolei02z p {
color: #fff;
}
.media1 .hprolei02s {
width: 350px;
height: 50px;
float: left;
text-align: center;
color: #000;
margin-top: 30px;
}
.media1 .hprolei02s span {
font-size: 36px;
color: #e60012;
line-height: 36px;
}
.media1 .h-pro-lei-01 .hprolei02s {
width: 476px;
color: #fff;
}
.media1 .h-pro-lei-01 .hprolei02s span {
color: #fff;
}
.media1 .hprolei02m {
display: none;
}
.media1 .h-pro-lei-01 .hprolei02m {
display: block;
}
.media1 .h-pro-lei-01 .hprolei02m a {
color: #000;
width: 275px;
height: 38px;
line-height: 38px;
font-size: 16px;
float: left;
background-color: #ffeb10;
text-align: center;
margin-left: 94px;
display: inline;
}
.media2 {
margin-top: 78px;
}
.hanliminlei {
margin-top: 58px;
}
.hanliminlei .hamleia {
float: left;
width: 279px;
height: 225px;
margin-right: 20px;
margin-top: 20px;
display: inline;
overflow: hidden;
position: relative;
}
.hanliminlei .hamleia .hamleiamin {
top: 0;
transition: all 0.2s linear;
position: relative;
}
.hanliminlei .hamleia .hamleiamin:hover {
top: -4px;
box-shadow: 0 15px 30px #e5e5e5;
transition: translate3d(0, -2px, 0);
}
.hanliminlei .hamleia .hamleiamin img {
width: 279px;
height: 175px;
}
.hanliminlei .hamleia .hamleiamin div {
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
width: 277px;
height: 39px;
line-height: 29px;
float: left;
border: 1px #e5e5e5 solid;
border-top: none;
font-size: 18px;
color: #333;
font-weight: bold;
background: #f5f5f5;
text-align: center;
padding-top: 10px;
}
.hanliminlei .hamleia:nth-child(4n+0) {
float: right;
margin-right: 0;
}
.media3 {
margin-top: 78px;
}
.contente {
margin-top: 58px;
}
.contente .zhichiitem {
width: 285px;
height: 285px;
float: left;
margin-right: 20px;
text-align: center;
transition: all .3s;
color: #fff;
}
.contente .zhichiitem1 {
background: url(../images/img57.jpg) center center no-repeat;
}
.contente .zhichiitem2 {
background: url(../images/img58.jpg) center center no-repeat;
}
.contente .zhichiitem3 {
background: url(../images/img59.jpg) center center no-repeat;
}
.contente .zhichiitem4 {
background: url(../images/img60.jpg) center center no-repeat;
margin-right: 0;
float: right;
}
.contente .zhichiitem .con {
width: 100%;
height: 100%;
}
.contente .zhichiitem .con .icon01 {
padding-top: 0px;
}
.contente .zhichiitem .con .title02 {
font-size: 24px;
font-weight: bold;
padding-top: 10px;
}
.contente .zhichiitem .con .intro {
font-size: 14px;
line-height: 2;
padding-left: 30px;
padding-right: 30px;
padding-top: 30px;
}
.media4 {
margin-top: 78px;
}
.kaiqudao {
margin-top: 58px;
}
.kaiqudao .leiqudaowminleia {
float: left;
width: 220px;
height: 250px;
float: left;
border: 1px solid #DDDDDD;
margin-right: 15px;
padding: 40px 30px;
text-align: center;
cursor: pointer;
transition: all .3s;
}
.kaiqudao .leiqudaowminleia:hover {
box-shadow: 0 0 15px #bebebe;
-webkit-transform: translateY(-14px);
transform: translateY(-14px);
color: #e60012;
}
.kaiqudao .leiqudaowminleia .leiqudaowminleiatu {
width: 220px;
height: 105px;
float: left;
text-align: center;
}
.kaiqudao .leiqudaowminleia p {
font-size: 24px;
font-weight: bold;
padding-bottom: 20px;
}
.kaiqudao .leiqudaowminleia span {
line-height: 30px;
font-size: 14px;
}
.kaiqudao .leiqudaowminleia:nth-child(4) {
float: right;
margin-right: 0;
}
/*bidding*/
.jjtg1 {
margin-top: 78px;
}
.jj01 {
margin-top: 30px;
width: 1200px;
height: 580px;
border-top: 1px #d2d2d2 solid;
background: url(../images/lhzx01.jpg) no-repeat;
background-position: 183px 123px;
}
.jj01 ul li {
width: 600px;
height: 70px;
line-height: 70px;
float: left;
font-size: 16px;
margin-top: 36px;
text-align: left;
}
.jj01 ul li i {
font-style: normal;
width: 59px;
height: 69px;
background: url(../images/lhzx02.png);
display: block;
float: left;
text-align: center;
font-size: 28px;
font-family: "Arial ";
color: #fff;
font-weight: normal;
margin-right: 22px;
}
.jj01 ul li span {
font-size: 18px;
color: #e60012;
}
.jj01 ul .j01-02 {
padding-left: 93px;
width: 507px;
}
.jj01 ul .j01-03 {
float: right;
width: 507px;
}
.jjtg2 {
margin-top: 78px;
}
.jj02 {
width: 1200px;
text-align: left;
height: 416px;
margin-top: 30px;
border-top: 1px #d2d2d2 solid;
background: url(../images/lhzx03.jpg) no-repeat;
background-position: 468px 100px;
}
.jj02>div {
width: 400px;
height: 77px;
}
.jj02 span {
clear: both;
float: none;
height: 34px;
line-height: 34px;
background-color: #333333;
float: none;
font-size: 18px;
margin-top: 26px;
color: #fff;
padding: 0 27px;
text-align: left;
display: inline-block;
}
.jjtg3 {
margin-top: 78px;
}
.jjtg3 {
margin-top: 78px;
}
.jj03 {
width: 1200px;
height: 813px;
clear: both;
margin-top: 30px;
text-align: center;
border-top: 1px #d2d2d2 solid;
}
.jj03-01 {
width: 386px;
float: left;
height: 578px;
border: 1px #e60012 solid;
margin-top: 95px;
padding-top: 28px;
}
.jj03-01-01 {
width: 180px;
height: 36px;
background-color: #e60012;
margin: auto;
font-size: 28px;
text-align: center;
line-height: 36px;
color: #fff;
}
.jj03bxsg {
margin-top: 38px;
}
.jj03-02 {
height: 52px;
line-height: 52px;
font-size: 24px;
color: #e60012;
}
.jj03-03 {
height: 26px;
line-height: 26px;
font-size: 16px;
color: #333333;
}
.jj03-04 {
width: 305px;
height: 172px;
float: left;
background: url(../images/lhzx05.jpg);
margin-left: 52px;
margin-right: 30px;
margin-top: 325px;
}
.jj03-05 {
width: 425px;
height: 287px;
border: 1px #e60012 solid;
float: left;
margin-top: 95px;
}
.jj03-05-01 {
height: 52px;
line-height: 52px;
font-size: 28px;
color: #333333;
}
.jj03-05-02 {
width: 100%;
height: 44px;
font-size: 14px;
color: #333333;
line-height: 22px;
margin-top: 24px;
}
.jj03-05-02 span {
color: #e60012;
}
.jj03-05 {
width: 423px;
height: 287px;
border: 1px #e60012 solid;
float: left;
margin-top: 95px;
}
.jj03>div:nth-child(4) {
margin-top: 30px;
}
.jjtg4 {
height: 765px;
background: url(../images/y4bj.png) no-repeat;
background-size: 100% 765px;
}
.jjtg4 .box {
padding: 90px 0;
}
.jjtg4 .xxl-union-biaoti h2 {
color: #fff;
}
.jjtg4 .xxl-union-biaoti p {
color: #fff;
}
.solve-contents {
width: 100%;
height: 220px;
display: flex;
margin-top: 24px;
justify-content: space-between;
}
.solve-item {
width: 550px;
height: 220px;
border: 2px solid;
border-image: -webkit-linear-gradient(#ffffff, #6d6d6d) 30 30;
border-image: -moz-linear-gradient(#ffffff, #6d6d6d) 30 30;
border-image: linear-gradient(#ffffff, #6d6d6d) 30 30;
box-sizing: border-box;
}
.solve-lf {
width: 50%;
height: 220px;
float: left;
}
.solve-img1 {
width: 207px;
height: 131px;
margin: 42.5px auto;
background: url(../images/solve1-1.png)no-repeat;
background-size: 100% 100%;
position: relative;
}
.solve-img1-1 {
width: 58px;
height: 51px;
position: absolute;
left: 50%;
top: 25px;
margin-left: -29px;
background: url(../images/solve1-2.png)no-repeat;
background-size: 100% 100%;
animation: img1 2s infinite;
-webkit-animation: img1 2s infinite;
}
.solve-rt {
width: 50%;
height: 220px;
float: left;
padding: 80px 10px;
box-sizing: border-box;
}
.solve-one {
height: 18px;
line-height: 18px;
font-size: 18px;
color: #ffffff;
margin-bottom: 22px;
}
.solve-two {
height: 12px;
line-height: 12px;
font-size: 12px;
color: #e2e2e2;
}
@keyframes img1 {
0% {
top: 25px;
}
50% {
top: 0;
}
100% {
top: 25px;
}
}
.solve-img2 {
width: 207px;
height: 131px;
margin: 42.5px auto;
background: url(../images/solve2-1.png)no-repeat;
background-size: 100% 100%;
position: relative;
}
.solve-img2-2 {
width: 58px;
height: 51px;
position: absolute;
left: 50%;
top: 15px;
margin-left: -29px;
background: url(../images/solve2-2.png)no-repeat;
background-size: 100% 100%;
animation: img2 2s infinite;
-webkit-animation: img2 2s infinite;
}
@keyframes img2 {
0% {
top: 15px;
}
50% {
top: -10px;
}
100% {
top: 15px;
}
}
.solve-img3 {
width: 207px;
height: 131px;
margin: 55px auto 0 auto;
background: url(../images/solve3-1.png)no-repeat;
background-size: 100% 100%;
position: relative;
}
.solve-img3-3 {
width: 58px;
height: 51px;
position: absolute;
left: 50%;
top: -20px;
margin-left: -24px;
background: url(../images/solve3-2.png)no-repeat;
background-size: 100% 100%;
animation: img3 2s infinite;
-webkit-animation: img3 2s infinite;
}
@keyframes img3 {
0% {
top: 5px;
}
50% {
top: -20px;
}
100% {
top: 5px;
}
}
.solve-img4 {
width: 207px;
height: 131px;
margin: 42.5px auto;
background: url(../images/solve4-1.png)no-repeat;
background-size: 100% 100%;
position: relative;
}
.solve-img4-4 {
width: 58px;
height: 51px;
position: absolute;
left: 50%;
top: 30px;
margin-left: -29px;
background: url(../images/solve4-2.png)no-repeat;
background-size: 100% 100%;
animation: img4 2s infinite;
-webkit-animation: img4 2s infinite;
}
@keyframes img4 {
0% {
top: 30px;
}
50% {
top: 5px;
}
100% {
top: 30px;
}
}
.jjtg5 {
margin-top: 78px;
}
.advantages-contents {
margin-top: 30px;
border-top: 1px #d2d2d2 solid;
}
.advantages-item {
width: 550px;
height: 220px;
border: 1px solid #f1f1f1;
box-sizing: border-box;
border-radius: 8px;
float: left;
margin-top: 30px;
}
.advantages-item:nth-child(2n+0) {
margin-right: 0;
float: right;
}
.advantages-lf {
width: 173px;
height: 220px;
float: left;
}
.advantages-img1 {
width: 72px;
height: 72px;
margin: 75px auto;
background: url(../images/you1.png)no-repeat;
background-size: 100% 100%;
}
.advantages-img2 {
width: 72px;
height: 72px;
margin: 75px auto;
background: url(../images/you2.png)no-repeat;
background-size: 100% 100%;
}
.advantages-img3 {
width: 72px;
height: 72px;
margin: 75px auto;
background: url(../images/you3.png)no-repeat;
background-size: 100% 100%;
}
.advantages-img4 {
width: 72px;
height: 72px;
margin: 75px auto;
background: url(../images/you4.png)no-repeat;
}
.advantages-rt {
width: 375px;
height: 220px;
float: left;
padding: 68px 54px 0 0;
box-sizing: border-box;
}
.advantages-one {
height: 20px;
line-height: 20px;
font-size: 20px;
margin-bottom: 22px;
}
.advantages-two {
height: 24px;
line-height: 24px;
font-size: 14px;
color: #aaaaaa;
}
.advantages-item:hover {
box-shadow: 0px 0px 10px 5px #f1f1f1;
}
.jjtg6 {
margin-top: 78px;
}
.service-contents {
margin-top: 30px;
border-top: 1px #d2d2d2 solid;
}
.service-item {
width: 330px;
height: 340px;
padding: 0 52px;
margin: 30px 105px 0 0;
float: left;
border: 1px solid #f1f1f1;
/* border-radius: 8px; */
box-sizing: border-box;
}
.service-item:nth-child(3n+0) {
float: right;
margin-right: 0;
}
.service-tp {
width: 100%;
height: 210px;
padding: 64px 0 0 0;
box-sizing: border-box;
}
.service-img1 {
width: 90px;
height: 92px;
background: url(../images/fuwu1.png)no-repeat;
background-size: 100% 100%;
margin: 0 auto;
}
.service-img2 {
width: 90px;
height: 92px;
background: url(../images/fuwu2.png)no-repeat;
background-size: 100% 100%;
margin: 0 auto;
}
.service-img3 {
width: 90px;
height: 92px;
background: url(../images/fuwu3.png)no-repeat;
background-size: 100% 100%;
margin: 0 auto;
}
.service-img4 {
width: 90px;
height: 92px;
background: url(../images/fuwu4.png)no-repeat;
background-size: 100% 100%;
margin: 0 auto;
}
.service-img5 {
width: 90px;
height: 92px;
background: url(../images/fuwu5.png)no-repeat;
background-size: 100% 100%;
margin: 0 auto;
}
.service-img6 {
width: 90px;
height: 92px;
background: url(../images/fuwu6.png)no-repeat;
background-size: 100% 100%;
margin: 0 auto;
}
.service-one {
height: 20px;
line-height: 20px;
font-size: 20px;
margin-bottom: 16px;
text-align: center;
}
.service-two {
height: 24px;
line-height: 24px;
font-size: 12px;
color: #aaaaaa;
text-align: center;
}
.service-item:hover {
border-bottom: 1px solid #e60012;
box-shadow: 0px 0px 10px 5px #f1f1f1;
}
.cooperation-contents {
margin-top: 30px;
border-top: 1px #d2d2d2 solid;
width: 100%;
height: 390px;
background: url(../images/ge.png)no-repeat;
background-size: 100% 100%;
padding: 105px 60px 0 60px;
box-sizing: border-box;
display: flex;
justify-content: space-between;
}
.cooper-item {
width: 120px;
height: 175px;
box-sizing: border-box;
}
.cooper-img {
width: 72px;
height: 12px;
margin: 54px auto;
background: url(../images/jian.png)no-repeat;
background-size: 100% 100%;
}
.cooper-img1 {
width: 120px;
height: 120px;
background: url(../images/he1.png)no-repeat;
background-size: 100% 100%;
}
.cooper-img2 {
width: 120px;
height: 120px;
background: url(../images/he2.png)no-repeat;
background-size: 100% 100%;
}
.cooper-img3 {
width: 120px;
height: 120px;
background: url(../images/he3.png)no-repeat;
background-size: 100% 100%;
}
.cooper-img4 {
width: 120px;
height: 120px;
background: url(../images/he4.png)no-repeat;
background-size: 100% 100%;
}
.cooper-img5 {
width: 120px;
height: 120px;
background: url(../images/he5.png)no-repeat;
background-size: 100% 100%;
}
.cooper-txt {
font-size: 18px;
height: 18px;
line-height: 18px;
margin-top: 35px;
text-align: center;
width: 100%;
}
/*seo*/
.package-banner{
position: relative;
}
.package-banner a{
position: absolute;
width: 9%;
height: 11.1%;
left: 21.3%;
bottom: 11.21%;
}
.package-banner img{
width: 100%;
height: auto;
}
.package_auto{
width: 1100px;
margin: 0 auto;
}
.package-container{
margin: 50px auto 0;
padding: 40px 0;
background: url("../images/package_form_bg.jpg");
}
.package-container2{
margin: 50px auto 0;
padding: 40px 0;
}
.package1{
text-align: center;
padding-top: 50px;
}
.package_title{
font-size:30px;
margin-bottom:40px;
}
.package1 .item{
float: left;
width: 250px;
margin-right: 33px;
}
.package1 .item h4{
font-size: 18px;
font-weight: normal;
}
.package2{
display: block;
margin-top: 60px;
}
.package2 .item{
width:340px;
margin-right: 40px;
}
.package2 .package_title{
margin-bottom: 40px;
}
.package2 .item h4{
margin:15px 0;
}
.package2 .item p{
color: #666;
}
.package3{
background: #f1f1f1;
padding-bottom: 50px;
margin-bottom: 50px;
margin-top: 0;
}
.package3 .item{
background: #fff;
margin-bottom: 30px;
}
.package3 h4{
font-size: 18px;
margin: 15px 0;
color: #337ab7;
}
.package4{
text-align: center;
padding-bottom: 50px;
}
.package4 .items{
background: url("../images/package4_bg.png") center top no-repeat;
}
.package4 .item{
text-align: left;
}
.package4 .item1{
width: 500px;
margin-top: 10px;
}
.package4 .item2{
width: 450px;
margin-top: 100px;
text-align: right;
}
.package4 .item3{
width: 600px;
margin-top: 180px;
text-align: left;
}
.package4 .item4{
width: 450px;
margin-top: 215px;
text-align: right;
}
.package4 .item h4{
margin-bottom: 10px;
font-weight: 700;
font-size: 18px;
}
.package4 .item p{
font-size: 14px;
color: #666;
line-height: 26px;
}
.form_title{
margin-bottom: 20px;
}
.form_title a.tab{
float: left;
width: 100%;
background: #fff;
color: #706a68;
font-weight: bold;
font-size: 22px;
line-height: 80px;
text-align: center;
}
.form_title a.active{
background:#fff url("../images/formTitle_select.png") center -6px repeat-x;
color: #fb4842;
}
.package-wrapper table{
width: 100%;
background: #fff;
text-align: center;
border-spacing:0;
border-collapse: collapse;
display: none;
}
.package-wrapper table.bd_pc,.package-wrapper table.kw_all,.package-wrapper table.site_all{
display: table;
}
.package-wrapper table td{
font-size: 16px;
padding: 12px;
border: 1px solid #ddd;
margin: 0;
color: #666;
line-height: 1.6;
}
.package-wrapper table.bd_pc td{
font-size: 18px;
}
.package-wrapper table.bd_pc td em{
font-size: 16px;
font-style: normal;
}
.package-wrapper table .tr1 td{
font-size: 18px;
color: #333;
}
.package-wrapper table .tr1 td span{
font-size: 28px;
color:#fb4842;
}
.package-wrapper table tr .title{
font-size: 18px;
color: #333;
}
.package-wrapper table tr .price{
font-size: 18px;
color: #fb4842;
}
.package-wrapper table tr .price a{
display: inline-block;
width: 80px;
height: 26px;
line-height: 26px;
background: linear-gradient(0deg,rgba(251,66,64,1) 0,rgba(251,118,82,1) 100%);
background: #fc6345\9;
border-radius: 3px;
color: #fff;
font-size: 14px;
text-align: center;
margin-left: 10px;
}
.package-wrapper table tr .price a:hover{
background: linear-gradient(0deg,rgba(251,118,82,1) 0,rgba(251,66,64,1) 100%);
}
.package-wrapper table tr .statement{
position: relative;
text-align: left;
border-right: 0;
}
.package-wrapper table tr .statement .price{
font-weight: bold;
}
.package-wrapper table tr .statement h5{
font-size: 16px;
color: #333;
line-height: 16px;
margin: 10px 0;
}
.package-wrapper table tr .statement p{
font-size: 14px;
line-height: 26px;
margin: 5px 0;
}
.package-wrapper table tr .statement p b{
color: #333;
}
.package-wrapper table tr .statement p span{
color: #fb4842;
font-weight: bold;
font-size: 16px;
}
.package-wrapper table tr .custom{
border-left: 0;
}
.package-wrapper table tr .custom a{
display: inline-block;
width: 150px;
height: 40px;
line-height: 40px;
font-size: 16px;
color: #fff;
background: linear-gradient(0deg,rgba(251,66,64,1) 0,rgba(251,118,82,1) 100%);
background: #fc6345\9;
border-radius: 4px;
font-weight: bold;
text-align: center;
}
.package-wrapper table tr .custom a:hover{
background: linear-gradient(0deg,rgba(251,118,82,1) 0,rgba(251,66,64,1) 100%);
}
.package-wrapper table tr a.tobuy {
display: inline-block;
width: 150px;
margin: 0 auto;
height: 40px;
line-height: 40px;
font-size: 16px;
background: linear-gradient(0deg,rgba(251,66,64,1) 0,rgba(251,118,82,1) 100%);
background: #fc6345\9;
color: #fff;
border-radius:4px;
}
.package-wrapper table tr a.tobuy:hover{
background: linear-gradient(0deg,rgba(251,118,82,1) 0,rgba(251,66,64,1) 100%);
}
.package-wrapper table td.self_custom{
font-size: 19px;
font-weight: bold;
color: #333;
}
.self_custom span{
display: inline-block;
border: 2px solid #fc6345;
border-radius: 4px;
padding: 8px 15px;
margin: 10px 0;
border-left: 0;
border-right: 0;
}
.self_custom1 span{
border:0;
}
.package-wrapper table tr a.toAsk{
display: inline-block;
color: #e4320f;
border-radius:4px;
}
.package-wrapper table tr a.toAsk:hover{
color: #fc6345;
}
.package-wrapper table tr a.toAsk1{
display: inline-block;
/* width: 80px; */
/* height: 26px; */
/* line-height: 26px; */
background: linear-gradient(0deg,rgba(251,66,64,1) 0,rgba(251,118,82,1) 100%);
background: #fc6345\9;
border-radius: 3px;
color: #fff;
font-size: 16px;
text-align: center;
margin-left: 10px;
padding: 5px 10px;
}
.package-wrapper table tr a.toAsk1:hover {
background: linear-gradient(0deg,rgba(251,118,82,1) 0,rgba(251,66,64,1) 100%);
color: #fff;
}
.media-tit{
text-align: center;
}
.media-tit h1 {
font-size: 36px;
font-weight: normal;
position: relative;
margin-bottom: 25px;
}
.media-tit p {
margin-top: 10px;
font-size: 16px;
color: #666666;
}
.media-tit span{
font-size: 22px;
color:#2e7fee;;
font-weight: bold;
}
.seojj_case{
background: #f9f9f9;
padding: 50px 0;
margin-bottom: 50px;
}
.seojj_case .case_item h2{
font-size: 26px;
color: #0758bb;
text-align: center;
font-weight: bold;
margin: 40px 0;
}
.about-more-zx {
width: 254px;
display: block;
margin: 50px auto 0;
line-height: 48px;
padding: 0 80px;
text-align: center;
background: #2e7fee;
color: #fff;
font-size: 18px;
}
.pull-left{
float: left;
}
.pull-right {
float: right;
}
/*merchants*/
.padding-box{
padding: 85px 0;
}
.g-floor {
text-align:center;
margin-bottom: 85px;
}
.g-floor img{
display: block;
margin: 0 auto;
}
.g-floor.g-floor-bottom {
padding-top:0
}
.g-floor .floor-title {
display:inline-block;
position:relative;
font-size:28px;
color:#777;
margin-top: 10px;
}
.g-floor .floor-title::before,.g-floor .floor-title::after {
content:'';
display:block;
position:absolute;
width:40px;
height:1px;
background:#ccc;
top:22px
}
.g-floor .floor-title::before {
left:-66px
}
.g-floor .floor-title::after {
right:-66px
}
.g-floor .h-title h2{
font-size: 48px;
color: #e62e2e;
border: 3px solid #e62e2e;
border-radius: 10px;
border-bottom: 0;
border-bottom-right-radius: 0;
border-bottom-left-radius: 0;
padding: 5px 30px 0px 30px;
font-weight: 700;
display: inline-block;
}
.zhaosi{
background: #f0f0f0
}
.am-container{
width: 100%;
max-width: 1200px;
box-sizing: border-box;
margin-left: auto;
margin-right: auto;
}
.am-container>.am-g {
margin-left: -1.5rem;
margin-right: -1.5rem;
width: 100%;
display: table;
}
.about {
margin-top: 60px;
}
.am-g:after, .am-g:before {
content: " ";
display: table;
}
.about li {
text-align: center;
position: relative;
float: left;
padding-left: 1.5rem;
padding-right: 1.5rem;
}
.am-u-sm-4 {
width: 29%;
}
.about li .am-thumbnail {
background: #fafafa;
padding-bottom: 35px;
}
.am-thumbnail {
display: block;
padding: 2px;
margin-bottom: 2rem;
background-color: #fff;
border: 1px solid #ddd;
border-radius: 0;
-webkit-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
}
.about li img {
position: absolute;
top: -55px;
left: 120px;
border: 1px solid #ddd;
padding: 15px;
border-radius: 100px;
}
.am-thumbnail a>img, .am-thumbnail>img, img.am-thumbnail {
max-width: 100%;
height: auto;
}
.am-thumbnail a>img, .am-thumbnail>img {
margin-left: auto;
margin-right: auto;
display: block;
}
.about li dl {
display: block;
margin-top: 125px;
}
.about li dl dt {
font-size: 36px;
font-weight: 700;
line-height: 60px;
}
.about li dl dd {
font-size: 20px;
color: #777;
line-height: 35px;
}
dt+dd {
margin-top: .5em;
}
.page-buy {
display: block;
text-align: center;
margin-top: 35px;
}
.page-buy a {
display: inline-block;
background: #e62e2e;
color: #fff;
text-align: center;
padding: 5px 35px;
border-radius: 4px;
font-size: 20px;
line-height: 30px;
}
.page-buy a:hover{
background-color: #FF6600;
}
.page-buy i img {
width: 24px!important;
height: 24px!important;
margin-right: 5px;
display: block;
float: left;
margin-top: 5px;
}
.eight{
display: table;
width: 100%;
background: #fafafa;
padding-bottom: -85px!important;
}
.eight .eight-l{
background: #cc1819;
width: 300px;
height: 375px;
text-align: center;
border-radius: 4px;
}
.eight .eight-l dl{
margin-top: 120px;
}
.eight .eight-l dl dt{
font-size: 48px;
color: #fff;
}
.eight .eight-l dl dd a{
border: 1px solid #fff;
border-radius: 3px;
padding: 10px 35px;
color: #fff;
margin-top: 25px;
display: inline-block;
font-size: 18px;
line-height: 28px;
font-weight: 700;
}
.eight .eight-l dl dd a i{
margin-right: 5px;
}
.eight .eight-r{
width: 800px;
margin-right: -70px;
height: 390px;
overflow: hidden;
}
.eight .eight-r ul li {
text-align: center;
display: block;
float: left;
width: 200px;
margin-bottom: 35px;
}
.eight .eight-r ul li p{
color: #cc1819;
font-weight: 700;
font-size: 18px;
margin-top: 15px;
}
.eight .eight-r ul li:hover img{
opacity: 0.6;
}
.am-fl {
float: left;
}
.am-fr {
float: right;
}
.case{
background: url("../images/case.jpg") no-repeat center;
height: 766px;
}
.case img:hover{
opacity: 0.8
}
.am-slider-default{
background: none;
}
.am-slider-b3 .am-direction-nav a{
color: #fff;
font-size:46px;
height: 120px;
top: 38%;
}
.am-slider-b3 .am-direction-nav a.am-next{
right: -50px;
}
.am-slider-b3 .am-direction-nav a.am-prev{
left: -50px;
}
.case .case-img{
width: 160px;
height: 160px;
}
.case-text{
width: 904px;
}
.case-box{
display: block;
width: 100%;
height: 160px;
margin-bottom: 35px;
}
.case-text p{
color: #fff;
font-size: 16px;
line-height: 26px;
}
.case-text h3{
color: #ffb400;
font-size: 26px;
margin-bottom: 10px;
font-weight: 700;
}
.am-slides li{
}
.page-title-n h2{
font-size: 48px;
color: #fff;
font-weight: 700;
text-align: center;
padding: 55px 0;
font-weight: 700;
}
.am-slider-b3 {
margin: 15px 30px;
-webkit-box-shadow: 0 1px 4px rgba(0,0,0,.2);
box-shadow: 0 1px 4px rgba(0,0,0,.2)
}
.am-slider-b3 .am-viewport {
max-height: 2000px;
-webkit-transition: all 1s ease;
transition: all 1s ease
}
.loading .am-slider-b3 .am-viewport {
max-height: 300px
}
.am-slider-b3 .am-direction-nav a {
-webkit-box-sizing: content-box;
box-sizing: content-box;
display: block;
width: 24px;
height: 24px;
padding: 4px;
margin: -16px 0 0;
position: absolute;
top: 50%;
z-index: 10;
overflow: hidden;
opacity: .45;
cursor: pointer;
color: #333;
text-shadow: 1px 1px 0 rgba(255,255,255,.3);
font-size: 0;
-webkit-transition: all .3s ease;
transition: all .3s ease
}
.am-slider-b3 .am-direction-nav a:before {
display: inline-block;
font: normal normal normal 1.6rem/1 FontAwesome,sans-serif;
font-size: inherit;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-transform: translate(0,0);
-ms-transform: translate(0,0);
transform: translate(0,0);
content: "\f053";
font-size: 24px
}
.am-slider-b3 .am-direction-nav a.am-prev {
left: -25px
}
.am-slider-b3 .am-direction-nav a.am-next {
right: -25px;
text-align: right
}
.am-slider-b3 .am-direction-nav a.am-next:before {
content: "\f054"
}
.am-slider-b3 .am-direction-nav .am-disabled {
opacity: 0!important;
cursor: default
}
.am-slider-b3:hover .am-prev {
opacity: .7
}
.am-slider-b3:hover .am-prev:hover {
opacity: 1
}
.am-slider-b3:hover .am-next {
opacity: .7
}
.am-slider-b3:hover .am-next:hover {
opacity: 1
}
.am-slider-b3 .am-control-nav,.am-slider-b3 .am-pauseplay {
display: none
}
.am-slider .am-slides>li {
display: none;
-webkit-backface-visibility: hidden;
position: relative;
}
.am-slider .am-slides img {
width: 100%;
display: block;
}
.am-direction-nav{
display: none;
}
.brand{
display: table;
width: 100%;
background: #f0f0f0;
}
.brand-l{
width: 400px;
}
.brand-l p{
font-size: 48px;
font-weight: 700;
margin-top: 220px;
}
.brand-l span{
color: #cc1819;
}
.brand-l a{
border: 1px solid #cc1819;
padding: 15px 35px;
color: #cc1819;
font-weight: 700;
margin-top: 35px;
display: inline-block;
text-align: center;
font-size: 28px;
border-radius: 4px;
}
.brand-l a i{
margin-right: 5px;
}
.brand-l a i img{
vertical-align: middle;
}
.brand-r{
width: 570px;
margin-top: 85px;
margin-bottom: 35px;
}
.brand-r ul {
margin-right: -60px;
}
.brand-r ul li{
display: block;
float: left;
width: 120px;
height: 120px;
margin: 30px 50px 30px 30px;
background: #f5f5f5;
-webkit-transform-origin: 0 100%;
-moz-transform-origin: 0 100%;
-o-transform-origin: 0 100%;
-ms-transform-origin: 0 100%;
transform-origin: 0 100%;
-webkit-transform:rotate(-45deg);
-moz-transform:rotate(-45deg);
-o-transform:rotate(-45deg);
-ms-transform:rotate(-45deg);
transform:rotate(-45deg);
text-align: center;
border: 1px solid #ddd;
}
.brand-r ul li:hover{
background: #fff;
}
.brand-r ul li img{
transform:rotate(45deg);
-webkit-transform:rotate(45deg);
-moz-transform:rotate(45deg);
-o-transform:rotate(45deg);
-ms-transform:rotate(45deg);
margin-top: 45px;
}
.if ul li {
text-align: center;
border: 1px solid transparent;
padding: 35px 15px;
}
.if ul li:hover {
border: 1px solid #ddd;
border-radius: 4px;
background: #fff;
}
.am-u-sm-3 {
width: 25%;
}
.if ul li dl dt {
margin-top: 15px;
font-weight: 700;
font-size: 26px;
}
.if ul li dl dd {
font-size: 16px;
}
dt+dd {
margin-top: .5em;
}
.am-df{
display: flex !important;
}
.well{
background: url("../images/wel-banner.jpg") no-repeat center;
height: 502px;
text-align: center;
}
.am-u-sm-2{
width: 20%;
}
.well ul li{
text-align: center;
padding: 20px 0;
}
.well ul li:hover{
background: rgba(255,255,255,0.1);
}
.well p{
color: #fff;
font-size: 20px;
font-weight: 700;
}
.well-form{
background: rgba(255,255,255,0.3);
width: 600px;
margin-top: 85px;
display: inline-block;
padding: 35px 0;
margin-left: auto;
margin-right: auto;
}
.well-form p{
font-weight: 700;
}
.well-form input{
height: 38px;
line-height: 38px;
background: #cc1819;
border: 0;
padding-left: 10px;
width: 255px;
margin: 15px 0;
color: #fff;
border-radius: 3px;
}
.well-button{
display: block;
}
.well-form button{
display: inline-block;
text-align: center;
border: 0;
background: none;
color: #fff;
font-weight: 700;
font-size: 20px;
}
.table ul {
position: relative;
}
.table ul li{
background: #fafafa;
border: 1px solid #ddd;
border-radius: 3px;
display: block;
width: 388px;
text-align: center;
padding: 35px 0;
}
.table ul li:hover img{
opacity: 0.8
}
.table ul .am-fl ,.table ul .am-fr{
margin-top: 25px;
}
.table ul li p{
font-size: 20px;
color: #333;
font-weight: 700;
margin: 25px 0;
}
.li-height{
height: 330px;
position: absolute;
left: 388px;
box-shadow: 0 0 25px #ddd;
background: #fff;
}
.table ul li span{
display: block;
right: 0;
top: 0;
position: absolute;
}
.table ul li .table-buy{
display: inline-block;
}
.table ul li .table-buy a{
border: 1px solid #cc1819;
padding: 5px 25px;
border-radius: 4px;
color: #cc1819;
display: inline-block;
}
.table-buy .buy-cat{
background: #cc1819;
color: #fff!important;
}
.bottom-box{
background: #f0f0f0;
padding: 55px 0;
}
.li-height {
height: 260px;
position: absolute;
left: 405px;
box-shadow: 0 0 25px #ddd;
}
.bottom-form{
text-align: center;
}
.bottom-form input{
float: none;
width: 333px;
border: 1px solid #ddd;
}
.bottom-form .button input{
margin-top: 15px;
width: 120px;
text-align: center;
padding: 10px 15px;
background: #cc1819;
color: #fff
}
.bottom-form h4{
font-size: 26px;
font-weight: 700;
margin-bottom: 10px;
}
.bottom-form input {
float: none;
width: 333px;
border: 1px solid #ddd;
padding: 15px 5px 15px 35px;
font-size: 14px;
background-color: #fff;
background-repeat: no-repeat;
background-position: 5px center;
margin-right: 10px;
border-radius: 3px;
}
.user-names {
background: url(../images/user-names.png);
}
.user-tel {
background: url(../images/user-tel.png);
}
.user-name {
background: url(../images/user-name.png);
}
.am-table {
width: 100%;
border-spacing: 0;
border-collapse: separate;
}
.td-width1 {
width: 300px;
font-size: 20px;
line-height: 26px;
padding: 46px 0!important;
font-weight: 700;
}
.vip-table{
background: #fff;
border: 1px solid #eee;
font-size: 13px !important;
}
.table-th{
border:1px solid #FFFFFF !important;
border-bottom: 1px solid #EEEEEE !important;
}
.vip-table thead tr th{
text-align: center;
border-bottom: 0;
padding: 15px 15px;
border:1px solid #FFFFFF !important;
}
.vip-table thead tr th dl dt{
margin-top: 5px;
}
.vip-table thead tr th dl dd{
color: #ff0000;
margin-top: 0
}
.vip-table tbody tr td{
text-align: center;
line-height: 33px;
line-height: 33px;
}
.vip-tables .am-table-bordered>tbody>tr>td, .am-table-bordered>tbody>tr>th, .am-table-bordered>tfoot>tr>td, .am-table-bordered>tfoot>tr>th, .am-table-bordered>thead>tr>td, .am-table-bordered>thead>tr>th{
border: 0;
}
.td-widht{
width: 320px;
}
.td-width {
width: 155px;
}
.td-width p{
text-align: left;
}
.td-width .dz1{
font-size: 18px;
text-align: center!important;
border: 1px solid #ddd;
background: #eee;
display: inline-block;
padding: 0px 15px;
border-radius: 4px;
color: #525252;
}
.td-width .dz2{
font-weight: 700;
font-size: 16px;
margin: 5px 0;
color: #ff0000;
}
.td-width .dz3 a{
color: #ff0000;
}
.td-width .dz3 {
color: #777;
}
.w1{
width: 60px;
text-align: center;
font-weight: 700;
font-size: 20px;
}
.vip-buy td{
height: 65px;
line-height: 65px;
vertical-align: middle;
text-align: center;
}
.vip-buy a{
background: #ff0000;
padding: 3px 10px;
color: #fff;
margin-top: 10px;
display: block;
line-height: 33px;
}
.vip-buy a:hover{
background-color: #FF6600;
color: #fff;
}
.vip-shop h2{
height: 45px;
line-height: 45px;
padding-left: 20px;
font-size: 18px;
font-weight: 700;
background: -webkit-gradient(linear,0% 0%, 0% 100%, from(#FFFFFF), to(#e5e5e5));
border: 1px solid #e5e5e5;
margin: 0;
}
.cat-thead{
font-size: 13px !important;
font-weight: normal;
}
.cat-thead dl{
margin: 15px 0;
}
.shop-box{
background: #fff;
border: 1px solid #e5e5e5;
padding: 25px 75px;
}
.shop-box .am-slider .am-slides img{
width: 110px;
height: 110px;
display: block;
border: 1px solid #e5e5e5;
}
.shop-box .am-slider-default{
box-shadow: none;
}
.shop-box .am-slider-default:hover .am-next{
right: -50px;
}
.shop-box .am-slider-default .am-direction-nav .am-next{
right: -50px;
}
.shop-box .am-slider-default:hover .am-prev{
left: -50px;
}
.shop-box .am-slider-default .am-direction-nav .am-prev{
left: -50px;
}
.shop-box ul li p{
font-size: 13px;
width: 110px;
height: 35px;
line-height: 35px;
overflow: hidden;
}
.form-bg{
background: url("../images/form-bg.jpg") no-repeat center;
height: 290px;
margin-top: 25px;
}
.form-bg .am-container{
position: relative;
}
.form-text{
position: absolute;
left: 0;
top: 180px;
}
.banner-form input, .scroll-bottom input {
padding: 15px 5px 15px 35px;
font-size: 14px;
background-color: #fff;
background-repeat: no-repeat;
background-position: 5px center;
margin-right: 10px;
float: left;
border: 0;
border-radius: 3px;
width: 200px;
}
.banner-form .button input {
text-align: center;
font-weight: 700;
font-size: 24px;
border: 0;
height: 49px;
line-height: 49px;
color: #fff;
padding: 0 15px;
border-radius: 3px;
background: #ff0000!important;
}
.banner-form .button input:hover{
background: #ff6600!important;
}
.shop-box .am-slider-default .am-direction-nav .am-prev {
left: -50px;
}
/*merchants*/
.bgfa {
background-color: #fafafa !important;
}
.pb50 {
padding-bottom: 50px !important;
}
.pt50 {
padding-top: 50px !important;
}
.index_advantage_tit{
overflow: hidden;
}
.advantage_tit {
float: left;
}
.advantage_tit_con {
font-size: 36px;
line-height: 36px;
color: #000;
font-weight: 400;
}
.line {
border-bottom: 2px solid #F00;
width: 100px;
display: block;
margin-top: 25px;
}
.advantage_con {
float: right;
font-size: 24px;
color: #000;
font-family: "Source Han Sans CN";
font-weight: 100;
text-align: right;
}
.title_box {
text-align: center;
margin-bottom: 40px;
}
.taxplanning .jxCon{
overflow: hidden;
}
.taxplanning .jxCon>div {
position: relative;
cursor: pointer;
width: 15.6%;
height: 200px;
text-align: center;
padding-top: 25px;
margin-right: 15px;
margin-bottom: 15px;
font-size: 14px;
color: #666;
border: 1px solid #eaeaea;
float: left;
border-radius: 10px 10px 0 0;
box-sizing: border-box;
}
.taxplanning .jxCon>div:nth-child(6n){
margin-right: 0;
}
.taxplanning_hotser{
margin-bottom: 50px;
}
.taxplanning_hotser .hotserCon{
overflow: hidden;
}
.taxplanning_hotser .hotserList{
float: left;
width: 365px;
}
.taxplanning_hotser .hotserList:nth-child(2){
margin: 0 20px;
}
.taxplanning_hotser .hotserList:first-child .hotserTop {
background: url(../images/hot1.jpg) 0 0 no-repeat;
background-size: 100% 100%;
}
.taxplanning_hotser .hotserList:nth-child(2) .hotserTop{
background: url("../images/hot2.jpg") 0 0 no-repeat;
background-size: 100% 100%;
}
.taxplanning_hotser .hotserList:nth-child(3) .hotserTop{
background: url("../images/hot3.jpg") 0 0 no-repeat;
background-size: 100% 100%;
}
.taxplanning_hotser .hotserTop {
position: relative;
height: 210px;
color: #fff;
font-size: 14px;
padding: 30px 0 0 30px;
margin-bottom: 30px;
}
.taxplanning_hotser .hotserBot {
border: 1px solid #c8c8c8;
background: #fff;
padding: 30px 0;
font-size: 16px;
color: #333;
}
.taxplanning_hotser .hotserBot>div:last-child {
border-top: 1px solid #c8c8c8;
padding-top: 20px;
margin-top: 20px;
}
.taxplanning_hotser .hotserBot>div {
padding-left: 30px;
}
.taxplanning_question .tit {
font-size: 28px;
color: #fff;
text-align: center;
margin-bottom: 50px;
}
.taxplanning_question .container{
padding: 30px 0;
}
.taxplanning_question .questionCon>div {
width: 20%;
text-align: center;
color: #fff;
font-size: 16px;
float: left;
padding: 5px;
}
.taxplanning_question {
background: url(../images/business_bg.jpg) 0 0 no-repeat;
background-size: 100% 100%;
height: 600px;
}
.taxplanning_question .questionCon h3{
font-size: 24px;
font-weight: bold;
}
.taxplanning_question .questionCon p{
font-size: 18px;
line-height: 30px;
letter-spacing:2px
}
.taxplanning_fuwulc_box .lc_con_1{
overflow: hidden;
}
.taxplanning_fuwulc_box .lc_img{
width: 94px;
height: 94px;
background: #a11e23;
border-radius: 50%;
line-height: 94px;
margin: 0 auto;
}
.taxplanning_fuwulc_box .lc_img img{
vertical-align: middle;
margin: 25px;
}
.taxplanning_fuwulc_box .lc_con > div p > i {
font-size: 80px;
color: #ddeef9;
position: absolute;
left: 50%;
top: -45px;
transform: translate(-50%,0);
-webkit-transform: translate(-50%,0);
}
.taxplanning_fuwulc_box .lc_con > div p {
margin-top: 60px;
position: relative;
}
.taxplanning_fuwulc_box{
margin-bottom: 50px;
}
.taxplanning_fuwulc_box .con{
float: left;
margin: 0 48px;
}
.taxplanning_fuwulc_box .lc_con > div p > span {
font-size: 18px;
color: #4c4c4c;
position: relative;
z-index: 1;
}
.taxplanning_shuju .shuju_con{
overflow: hidden;
padding: 50px 0;
}
.taxplanning_shuju .shuju_con>div {
width: 284px;
text-align: center;
float: left;
background-color: #e50213;
color: #fff;
margin-right: 13px;
height: 240px;
border-radius: 10px 10px 0 0;
padding-top: 90px;
border: 3px solid #e50213;
}
.taxplanning_shuju .shuju_con>div:hover{
background-color: #fff;
color: #e50213;
}
.shuju_con p{
font-size: 16px;
line-height: 30px;
}
.taxplanning_shuju .shuju_con>div:last-child{
margin-right: 0px;
}
.taxplanning_shuju .container h1{
margin: 30px;
}
.taxplanning_shuju .shuju_con > div > span {
font-size: 24px;
font-weight: bold;
}
.taxplanning_advan{
background: url(../images/business_bg.jpg) 0 0 no-repeat;
height: 600px;
}
.taxplanning_advan .advanCon{
overflow: hidden;
}
.taxplanning_advan .advanList{
float: left;
}
.taxplanning_advan .advanList {
width: 270px;
position: relative;
text-align: center;
color: #fff;
font-size: 20px;
cursor: pointer;
}
.taxplanning_advan .advanCon>div:nth-child(2){
margin: 0 20px;
}
.taxplanning_advan .advanCon>div:nth-child(3){
margin-right: 20px;
}
.taxplanning_advan .advanList img{
width: 100%;
}
.taxplanning_advan .advanList>div {
position: absolute;
left: 0;
bottom: 0;
width: 100%;
background: rgba(0,0,0,.6);
height: 70px;
}
.taxplanning_advan .advanList>div>h3 {
line-height: 42px;
margin: 0;
padding: 0;
font-size: 24px;
font-weight: bold;
}
.taxplanning_advan .advanList>div>p {
margin: 0;
padding: 0;
font-size: 16px;
}
.taxplanning_advan .advanList>div>img {
display: none;
width: 60px;
}
.advanList:hover>div{
height: 70%;
padding-top: 13%;
}
.advanList:hover>div>p,.advanList:hover>div>img{
display: block;
margin: 10px auto;
}
.taxplanning .jxCon>div:hover{
background-color: #e50213;
padding-top: 25px;
border-color:#fff;
-webkit-box-shadow: #999 0px 0px 10px;
-moz-box-shadow: #999 0px 0px 10px;
box-shadow: #999 0px 0px 10px;
}
.taxplanning .jxCon>div:hover .af{
display: block;
margin: 0 auto;
}
.taxplanning .jxCon>div:hover .bf{
display: none;
}
.taxplanning .jxCon>div:hover h3{
font-weight: bold;
color: #fff;
}
.taxplanning .jxCon>div:hover p{
color: #fff;
}
.taxplanning .jxCon>div:hover .xq{
display:block;
height: 60px;
}
.taxplanning .af {
display: none;
}
.taxplanning .jxList h3,.taxplanning_hotser .hotserBot h3{
font-size: 24px;
color: #222;
font-weight: bold;
}
.taxplanning .jxList p,.taxplanning_hotser .hotserBot p{
font-size: 16px;
color: #000;
line-height: 30px;
}
.mb48 {
margin-bottom: 48px !important;
}
.investment_one_con {
margin-top: 50px;
}
.investment_one_con li {
float: left;
width: 390px;
height: 430px;
margin-right: 15px;
}
.investment_one_con li:nth-child(1) {
background: url(../images/investmentone_01.png) center no-repeat;
}
.investment_one_con li:nth-child(2) {
background: url(../images/investmentone_02.png) center no-repeat;
}
.investment_one_con li:nth-child(3) {
background: url(../images/investmentone_03.png) center no-repeat;
margin-right:0;
}
.investment_one_con h2 {
width: 195px;
height: 70px;
background-color: #e50213;
font-size: 50px;
color: #fff;
font-weight: 700;
border-radius: 5px;
line-height: 70px;
text-align: center;
margin: 230px auto 0;
}
.investment_one_con p {
font-size: 30px;
font-weight: 700;
text-align: center;
margin: 15px auto 0;
}
.pro2 a {
display: block;
background: url(../images/pro2.png) no-repeat center 0;
height: 260px;
}
.floor>div {
padding: 80px 0;
}
.index_advantage_con{
overflow: hidden;
margin-top: 48px;
}
.index_advantage_con li{
float: left;
width: 230px;
height: 230px;
border: 1px solid #eaeaea;
border-radius: 230px;
margin-right: 10px;
text-align: center;
}
.index_advantage_con li:last-child {
margin-right: 0px;
}
.advantage_con_details{
font-size: 36px;
line-height: 36px;
color: #000;
margin-top: 77px;
font-weight:bold;
}
.advantage_con_english{
font-size: 18px;
color: #999999;
margin-top: 15px;
font-weight: 200;
}
.index_advantage_bottom{
margin-top: 48px;
}
.advantage_bottom_con{
overflow: hidden;
border: 1px solid #eaeaea;
}
.advantage_bottom_con_lf{
width: 712px;
float: left;
}
.advantage_bottom_con_rg{
width: 420px;
float: right;
padding: 0px 30px 0 0;
}
.advantage_bottom_con_rg h1{
padding-top:10px;
color: #e50213;
font-size:50px;
line-height: 70px;
}
.advantage_bottom_con_rg p{
font-size: 24px;
background-color: #e50213;
color: #fff;
width: 250px;
text-align: center;
height: 40px;
line-height: 40px;
margin-top: 13px;
}
.advantage_bottom_con_rg ul li{
font-size: 18px;
line-height: 33px;
text-align: justify;
}
.advantage_bottom_con_rg ul li .spjt1{
font-weight: bold;
color: #000;
font-size: 24px;
}
.advantage_bottom_con_rg ul li .spjt2{
font-weight: bold;
color: #000;
font-size: 18px;
}
.advantage_bottom_con_rg ul li:first-child{
margin-top: 12px;
}
.advantage_bottom_con_rg ul li:last-child{
margin-bottom: 0;
}
.indexsystem{
width: 100%;
padding-bottom: 45px;
min-width: 1200px;
background-color: #000;
}
.indexsystem img{
display: block;
margin: 0 auto;
}
.colorfff {
color: #fff !important;
}
.advantage .index_advantage_tit {
padding-top: 40px;
color: #fff;
}
.pb48 {
padding-bottom: 48px !important;
}
.pt48 {
padding-top: 48px !important;
}
.home-wrap {
width: 1200px;
min-width: 1200px;
margin-left: auto;
margin-right: auto
}
.home-wrap-title {
height: 75px;
border-bottom: 1px solid #e8e8e8;
font-size: 24px;
line-height: 75px;
position: relative
}
.home-wrap-title i {
display: block;
width: 3px;
height: 24px;
background: #b17a31;
position: absolute;
left: -22px;
top: 26px
}
.home-wrap-title a {
text-decoration: none;
color: #333
}
.home-wrap-title a:hover {
color: #b17a31
}
.home-wrap-title .home-title-tip {
position: absolute;
display: inline-block;
top: 24px;
right: 0;
border: 1px solid #b17a31;
height: 25px;
padding: 0 15px;
line-height: 25px;
color: #b17a31;
font-size: 14px;
transition: all .3s ease-in-out;
border-radius: 2px
}
.home-wrap-title .home-title-tip:hover {
background: #b17a31;
color: #fff;
text-decoration: none
}
.index-lb {
width: 100%;
height: 100%;
}
.index-lb .swiper-slide {
text-align: center;
font-size: 18px;
background: #fff;
/* Center slide text vertically */
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
}
.index_case{
border-radius: 20px 20px 0 0;
}
.index_case dl{
background: #eeeeee;
width: 590px;
height: 490px;
border-radius: 20px 20px 0 0;
font-family: "Source Han Sans CN";
}
.index_case dl dt img{
border-radius: 20px 20px 0 0;
}
.dtpic{
height: 347px;
width: 100%
}
.index_case dl dd{
padding: 18px;
}
.index_case dl dd .index_case_tit{
text-align: left;
font-size: 24px;
line-height: 24px;
color: #e50213;
}
.index_case dl dd .index_case_con{
text-align: left;
font-size: 16px;
color: #333;
height: 60px;
line-height: 30px;
margin-top: 10px;
height: 66px;
overflow: hidden;
}
.index_case dl dd .index_case_con .indexcasespot
{
font-size: 20px;font-weight: bold
}
.home-wrap .swiper-button-next{
width:44px;
background: url(../images/indexbannerright.png) no-repeat 0 0/cover;
opacity: 1;
}
.home-wrap .swiper-button-prev{
width:44px;
background: url(../images/indexbannerleft.png) no-repeat 0 0/cover;
opacity: 1;
}
.index_copywriting{
background: url(../images/copywriting_bg.jpg) no-repeat;
height: 830px;
}
.copywriting_lf{
width: 600px;
float: left;
}
.copywriting{
overflow: hidden;
}
.copywriting_rg{
width: 600px;
float: right;
}
.copywriting dl{
overflow: hidden;
}
.copywriting dl dt{
width: 215px;
height: 170px;
float: left;
}
.copywriting dl dt img{
border-radius: 9px 9px 0 0;
}
.copywriting dl dd{
float: left;
margin-left: 25px;
width: 300px;
}
.copywriting h1{
height: 36px;
line-height: 36px;
font-size: 24px;
color: #fff;
font-weight: 700;
overflow: hidden;
}
.copywriting .line{
border-bottom: 1px solid #fff;
margin: 10px 0 10px 0;
}
.copywriting dl dd p{
font-size: 16px;
color: #fff;
line-height: 30px;
/*澶氳鏂囨湰婧㈠嚭鐜板疄鐪佺暐鍙�*/
display: -webkit-box;
/*灏嗗璞′綔涓哄脊鎬т几缂╃洅瀛愭ā鍨嬫樉绀� 銆�*/
display: -moz-box;
overflow: hidden;
/*婧㈠嚭闅愯棌*/
text-overflow: ellipsis;
/*鍙互鐢ㄦ潵澶氳鏂囨湰鐨勬儏鍐典笅锛岀敤鐪佺暐鍙封€溾€︹€濋殣钘忚秴鍑鸿寖鍥寸殑鏂囨湰 銆�*/
/*word-break: break-all; 鏂囨湰寮哄埗鎹㈣*/
-webkit-box-orient: vertical;
/*鏂囨湰琚按骞虫垨鍨傜洿鎺掑垪銆�*/
-webkit-line-clamp: 4;
/*鐢ㄦ潵闄愬埗鍦ㄤ竴涓潡鍏冪礌鏄剧ず鐨勬枃鏈殑琛屾暟銆�*/
text-align: justify;
}
.index_copywriting .advantage_con{
color: #fff;
}
.advantage .index_advantage_tit .advantage_tit_con {
color: #fff;
}
.advantage .index_advantage_tit .line {
border-bottom: 1px solid #fff;
}
.mt50 {
margin-top: 50px !important;
}
.fl_4 .tit {
background: url(../images/tit-bg_06.png) center left no-repeat;
background-size: 100%;
}
.fl_4 .step {
margin-top: 50px;
}
.fl_4 .step_list li {
float: left;
width: 240px;
margin-right: 10px;
}
.fl_4 .step_list li:last-child {
margin-right: 0;
}
.fourstep .step_list>li{
width: 230px;
height: 230px;
border-radius: 50%;
border: 1px solid #cecece;
}
.fourstep .step_list>li h1{
font-weight: 700;
color: #e50213;
text-align: center;
margin-top: 75px;
}
.fourstep .step .line {
margin: 15px auto;
}
.fourstep .step_list ul li{
font-size: 16px;
line-height: 30px;
}
.investment_five_foot{
border: 1px dashed #e50213;
margin: 50px auto;
}
.investment_five_foot h1{
font-size: 45px;
font-weight: bold;
text-align: center;
margin: 30px 0;
}
.investment_five_foot p{
font-size: 36px;
text-align: center;
margin-bottom: 30px;
line-height: 42px;
letter-spacing: 12px;
text-align: center;
color: #e50213;
font-weight: 700;
}
.investment_five_foot .text-red{
color: #e50213;
}
.index_message{
background: url(../images/message_bg2.jpg) no-repeat;
/* height: 715px; */
padding: 45px 0 35px 0!important;
}
.index_message .advantage_tit_con,.index_message .advantage_con{
color: #fff;
}
.index_message .line{
border-bottom: 1px solid #fff;
}
#index_message .message,#index_message #form input,#index_message #form textarea{
background-color: transparent;
}
#index_message .message{
border: 1px solid #333;
}
#index_message #form p{
color: #fff;
}
.fl_7 .message {
width: 365px;
height: 256px;
padding: 13px 20px;
margin-top: 102px;
background: #eee;
position: relative;
box-sizing: content-box;
}
.fl_7 .message .type_box {
margin-bottom: 12px;
font-size: 16px;
color: #000;
height: 36px;
line-height: 36px;
border: 1px solid #999;
border-radius: 4px;
}
.fl_7 .message .type_box p {
color: #fff;
margin: 0 5px 0 10px;
float: left;
}
.fl_7 .message .type_box input {
font-size: 16px;
color: #999;
display: block;
/* width: 350px; */
height: 36px;
line-height: 36px;
/* margin-top: 10px; */
/* padding-left: 15px; */
border-radius: 5px;
float: left;
border: none;
outline: none;
}
.explain {
height: 96px !important;
}
.fl_7 .message .explain textarea {
resize: none;
outline: none;
padding: 0 10px;
width: 370px;
line-height: 28px;
font-size: 16px;
color: #999;
/* margin-top: 10px; */
border-radius: 5px;
box-sizing: border-box;
border: none;
}
.fl_7 .message .code {
margin-top: 15px;
}
.fl_7 .message .code input,
.fl_7 .message .code img {
display: inline-block;
vertical-align: middle;
}
.fl_7 .message .code input {
width: 120px;
margin-top: 0;
}
.fl_7 .message .code img {
width: 50px;
height: 24px;
}
.fl_7 .message .submit {
outline: none;
border: none;
display: block;
width: 370px;
height: 42px;
line-height: 42px;
text-align: center;
font-size: 24px;
color: #fff;
background: #F00;
margin-top: 15px;
cursor: pointer;
}
.zswbtwz .assw {
font-size: 16px;
line-height: 32px;
text-align: justify;
}
.zswbtwz .assw .spjt1{
font-size: 20px;
font-weight: bold;
}
.zswbtwzchsp {
margin-bottom: 46px;
}
.zswbtwzchsp ul li{
float: left;
}
.zswbtwzchsp ul .wzdivd {
width: 40px;
font-size: 28px;
padding: 20px 12px 20px 12px;
text-align: center;
color: #fff;
}
.zswbtwzchsp ul .fh {
width: 49.6px;
height: 188px;
text-align: center;
line-height: 188px;
font-size: 36px;
color: #cecece;
font-weight: 100;
}
.zswbtwzchsp ul .vd01 {
background: #f2552a;
}
.zswbtwzchsp ul .vd02 {
background: #fecb2d;
}
.zswbtwzchsp ul .vd03 {
background: #f79126;
}
.zswbtwzchsp ul .vd04 {
background: #18c7cc;
}
.zswbtwzchsp ul .vd05 {
background: #49acdd;
}
.zswbtwzchsp ul .vd06 {
background: #8ec74e;
}
.zswbtwzchsp ul .vd07 {
background: #f25793;
}
.zswbtwzchsp ul .vd08 {
background: #53c8a3;
}
.zswbtwzchsp ul .vd09 {
background: #d0217f;
}
.zswbtwzchsp ul .vd10 {
background: #42a7db;
}
.zswbtwzchsp ul .vd11 {
background: #767676;
}
.choosewrap-bg {
background: url(../images/choose_bg.jpg) no-repeat center center/cover;
}
.choosewrap .fl {
position: relative;
width: 765px;
height: 640px;
background: url(../images/choose_bg_l.png) no-repeat center center/416px;
}
.choosewrap .fl p {
position: absolute;
width: 197px;
height: 197px;
border-radius: 50%;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
-o-border-radius: 50%;
background-color: #e60012;
text-align: center;
}
.fl {
float: left;
}
.fr {
float: right;
}
.choosewrap .fl p i {
display: block;
width: 110px;
height: 92px;
margin: 14px auto 0;
background-size: 60px;
background-position: center center;
background-repeat: no-repeat;
}
.choosewrap .fl .p1 {
top: 0;
left: 150px;
}
.choosewrap .fl .p2 {
top: 6px;
left: 423px;
}
.choosewrap .fl .p3 {
top: 406px;
left: 0;
}
.choosewrap .fl .p4 {
top: 450px;
left: 284px;
}
.choosewrap .fl .p5 {
top: 410px;
left: 565px;
}
.choosewrap .fl .p1 i {
background-image: url(../images/icon_charact2.png);
}
.choosewrap .fl .p2 i {
background-image: url(../images/icon_charact6.png);
}
.choosewrap .fl .p3 i {
background-image: url(../images/icon_charact5.png);
}
.choosewrap .fl .p4 i {
background-image: url(../images/icon_charact3.png);
}
.choosewrap .fl .p5 i {
background-image: url(../images/icon_charact4.png);
}
.choosewrap .fl span {
font-size: 28px;
font-weight: bold;
color: #fff;
line-height: 45px;
}
.choosewrap .fl h2 {
position: absolute;
top: 273px;
left: 0;
right: 0;
margin: auto;
width: 400px;
height: 58px;
border: 2px solid #e60012;
line-height: 58px;
text-align: center;
font-size: 38px;
color: #e60012;
font-weight: bold;
border-radius: 25px;
-webkit-border-radius: 25px;
-moz-border-radius: 25px;
-ms-border-radius: 25px;
-o-border-radius: 25px;
}
.choosewrap .fr {
position: relative;
width: 260px;
height: 640px;
}
.choosewrap .fr p {
position: absolute;
width: 50px;
text-align: center;
font-size: 38px;
color: #000;
line-height: 50px;
}
.choosewrap .fr .p1 {
right: 0;
top: 0;
color: #e60012;
font-weight: bold;
}
.choosewrap .fr .p2 {
right: 88px;
}
.choosewrap .fr .p3 {
right: 180px;
}
.ch4 dt {
width: 1200px;
}
.Srgt {
float: right !important;
margin-right: 0 !important;
}
.ch4 dl p {
padding: 0px 10px 0 10px;
width: 203px;
height: 280px;
margin: 0 21px 0 0;
float: left;
position: relative;
margin-bottom: 38px;
font-size: 16px;
line-height: 24px;
background: #fff;
box-shadow: 5px 5px 8px 0 rgba(0, 0, 0, .2);
text-align: justify;
}
.ch4 dl p span{
font-size: 20px;
font-weight: bold;
text-align: center;
display: block;
line-height:46px;
}
.ch4 dl p.p1 {
padding-top: 33px;
height: 90px;
}
.ch4 dl p em {
position: absolute;
bottom: -20px;
right: -15px
}
.pb20 {
padding-bottom: 20px !important;
}
.swggjdiv {
background: #333;
}
.bb-fff {
border-bottom: 2px solid #ffffff !important;
}
.zswbbackimg {
position: relative;
display: block;
height: 920px;
background: url(../images/zsfwwb.png) no-repeat center 0;
}
.zswbbackimg .yuan01{
position: absolute;
top: 108px;
left: 10px;
width: 120px;
height: 120px;
}
.zswbbackimg .yuan01 p{
font-size: 28px;
text-align: center;
line-height: 120px;
font-weight: 400;
}
.zswbbackimg .yuan02{
position: absolute;
top: 398px;
left: 10px;
width: 120px;
height: 120px;
}
.zswbbackimg .yuan02 p{
font-size: 28px;
text-align: center;
line-height: 120px;
font-weight: 400;
}
.zswbbackimg .yuan03{
position: absolute;
top: 690px;
left: 10px;
width: 120px;
height: 120px;
}
.zswbbackimg .yuan03 p{
font-size: 28px;
text-align: center;
line-height: 120px;
font-weight: 400;
}
.zswbbackimg .fang01d{
position: absolute;
width: 500px;
height: 180px;
background: rgba(0,0,0,.7);
top: 80px;
left: 628px;
}
.zswbbackimg .fang01d p{
font-size: 16px;
color: #fff;
line-height: 28px;
margin: 18px 14px 18px 14px;
text-align: justify;
}
.zswbbackimg .fang02d{
position: absolute;
width: 500px;
height: 180px;
background: rgba(0,0,0,.7);
top: 368px;
left: 378px;
}
.zswbbackimg .fang02d p{
font-size: 16px;
color: #fff;
line-height: 28px;
margin: 18px 14px 18px 14px;
}
.zswbbackimg .fang03d{
position: absolute;
width: 575px;
height: 110px;
background: rgba(0,0,0,.7);
top: 694px;
left: 474px;
}
.zswbbackimg .fang03d p{
font-size: 16px;
color: #fff;
line-height: 28px;
margin: 18px 14px 18px 14px;
}
.zsfwwbseg p {
font-size: 16px;
line-height: 28px;
margin: 0 0 18px 0;
text-align: justify;
}
.zsfwwbseg .biatiwb {
font-size: 28px;
color: #e50213;
font-weight: bold;
text-align: center;
}
.investment_one {
margin-bottom: 50px;
}
.no-mt {
margin-top: 0 !important;
}
.tgggwbdiv {
margin-top: 24px;
}
.tggdiv_01 p {
font-size: 16px;
line-height: 32px;
text-align: justify;
}
.tggdiv_01 .tggg1 {
font-weight: bold;
font-size: 20px;
color: #000;
}
.tggdiv_01 .tggg2 {
font-weight: bold;
font-size: 18px;
color: #000;
}
.mb30 {
margin-bottom: 30px !important;
}
.tggnrdiv {
width: 1200px;
/* height: 600px;
margin-bottom: 18px; */
}
.tggnrdiv .tggleft {
width: 520px;
height: 504px;
position: relative;
float: left;
}
.tggnrdiv .tggright {
width: 680px;
height: 504px;
padding: 22px 28px 22px 40px;
float:right;
border: 1px solid #cecece;
}
.tggnrdiv .tggright div {
font-size: 16px;
color: #000;
line-height: 24px;
margin: 0px 0px 32px 0;
}
.tggnrdiv .tggright div p span {
font-weight: bold;
}
.tggnrdiv .tggleft .tgleft01 {
width: 274px;
height: 274px;
border: 1px solid #cecece;
border-radius: 50%;
text-align: center;
margin-top: 115px;
}
.tggnrdiv .tggleft .tgleft01 p {
font-size: 30px;
font-weight: bold;
margin-top: 76px;
}
.tggnrdiv .tggleft .tgleft02{
position: absolute;
width: 145px;
height: 145px;
border: 1px solid #cecece;
text-align: center;
line-height: 145px;
font-size: 26px;
border-radius: 50%;
top: 10px;
right: 95px;
}
.tggnrdiv .tggleft .tgleft03{
position: absolute;
width: 145px;
height: 145px;
border: 1px solid #cecece;
text-align: center;
line-height: 145px;
font-size: 26px;
border-radius: 50%;
top: 185px;
right: 34px;
}
.tggnrdiv .tggleft .tgleft04{
position: absolute;
width: 145px;
height: 145px;
border: 1px solid #cecece;
text-align: center;
font-size: 26px;
border-radius: 50%;
top: 362px;
right: 95px;
}
.tggnrdiv .tggleft .tgleft04 p {
margin-top: 45px;
}
.cstlayer p {
font-size: 60px;
font-weight: bold;
}
.pt10 {
padding-top: 10px !important;
}
.whybig {
font-size: 32px;
text-align: center;
line-height: 90px;
color: #e50213;
}
.coursetypes>ul{
overflow: hidden;
}
.coursetypes>ul>.tpdiv{
width: 1198px !important;
height: 200px !important;
}
.coursetypes>ul>li{
width: 384px;
height: 468px;
border: 1px solid #032d49;
float: left;
margin-right: 20px;
border-radius: 10px 10px 0 0;
background-color: #fafafa;
}
.coursetypes>ul>li:last-child{
margin-right: 0;
}
.coursetypes h1{
font-size: 16px;
color: #e50213;
font-weight: 700;
font-family: Source Han Sans CN;
border-bottom: 1px solid #bbb;
/* padding: 20px; */
line-height: 70px;
padding-left: 20px !important;
margin: 0;
}
.coursetypes_con{
padding: 15px 20px 20px 20px ;
}
.coursetypes_con p{
line-height: 30px;
font-size: 16px;
text-align: justify;
}
.coursetypes_con p span{
color: #e50213;
}
.coursetypes_con_son li{
float: left;
line-height: 30px;
font-size: 16px;
color: #333;
margin-right: 15px;
}
.coursetypes_con_son li:last-child{
margin-left: 0px;
}
.backf7 {
background: #f7f7f7 !important;
}
.fk-index-main{
background: #f7f7f7 !important;
}
.section1-list li {
float: left;
width: 199px;
border: 1px solid #dddddd;
margin-left: -1px;
margin-top: -1px;
padding-top: 105px;
padding-bottom: 20px;
height: 31px;
font-size: 22px;
line-height: 30px;
color: #333333;
font-weight: normal;
text-align: center;
-webkit-transition: 0.6s background-color, color, box-shadow ease;
-o-transition: 0.6s background-color, color, box-shadow ease;
transition: 0.6s background-color, color, box-shadow ease;
background-image: url(../images/index-icos.png);
background-repeat: no-repeat;
background-position: 0 0;
box-sizing: content-box;
}
.section1-list li:hover {
background-color: #e50213;
-webkit-box-shadow: 0 0 6px rgba(230, 1, 18, 0.6);
box-shadow: 0 0 6px rgba(230, 1, 18, 0.6);
color: #fff;
background-image: url(../images/index-icos2.png);
background-repeat: no-repeat;
background-position: 0 0;
}
.section1-list li:nth-child(1) {
background-position: 0px 0px;
}
.section1-list li:nth-child(2) {
background-position: -199px 0px;
}
.section1-list li:nth-child(3) {
background-position: -398px 0px;
}
.section1-list li:nth-child(4) {
background-position: 0px -157px;
}
.section1-list li:nth-child(5) {
background-position: -199px -157px;
}
.section1-list li:nth-child(6) {
background-position: -597px -157px;
}
.section1-list li:nth-child(7) {
background-position: -796px -157px;
}
.section1-list li:nth-child(8) {
background-position: -995px -157px;
}
.section1-list li:nth-child(9) {
background-position: -199px -314px;
}
.section1-list li:nth-child(10) {
background-position: -199px -471px;
}
.section1-list li:nth-child(11) {
background-position: -199px -628px;
}
.section1-list li:nth-child(12) {
background-position: -995px -628px;
}
.tp-swiperdiv div div{
width: 24.1%;
}
.tp-swiperdiv div div img{
width: 100%;
height: 192px;
}
.tp-swiperdiv .swiper-button-tpprev {
position: absolute;
width: 44px;
height: 44px;
top:50%;
display: block;
background: url(../images/indexbannerleft.png) no-repeat 0 0/cover;
z-index: 99;
opacity: 1.0;
}
.tp-swiperdiv .swiper-button-tpnext {
position: absolute;
width: 44px;
height: 44px;
top: 50%;
display: block;
background: url(../images/indexbannerright.png) no-repeat 0 0/cover;
z-index: 99;
opacity: 1.0;
}
.section2-list li{
float: left;
width: 24.1%;
margin-right: 1%;
border:1px solid #eee;
box-sizing: border-box;
}
.section2-list li img{
display: block;
width: 100%;
}
.no-mr {
margin-right: 0 !important;
}
.cctv-zizhi li{
float: left;
width: 49%;
margin-right: 2%;
}
.cctv-zizhi li img{
display: block;
width:100%;
}
.cctvpartner li{
float: left;
width: 17%;
margin-right: 3.5%;
margin-bottom: 40px;
}
.cctvpartner li img{
display: block;
width:100%;
}
.mb50 {
margin-bottom: 50px !important;
}
.user-coverage {
border-bottom: 1px dashed #D9D9D9;
}
.user-coverage>li {
position: relative;
float: left;
width: 119px;
height: 200px;
margin-left: 0;
margin-bottom: 15px;
text-align: center;
}
.user-coverage>li img {
width: 100px;
height: 100px;
}
.user-coverage>li h3 {
margin-top: 20px;
font-size: 18px;
line-height: 18px;
font-weight: 400;
color: #333;
}
.user-coverage>li p {
width: 88%;
height: 40px;
margin: 9px auto 0;
text-align: center;
font-size: 14px;
line-height: 20px;
font-weight: 400;
color: #949494;
/* white-space: nowrap; */
overflow: hidden;
letter-spacing: 2px;
}
.user-coverage-btm {
width: 100%;
height: 240px;
margin-top: 39px;
}
.user-coverage-btm>img {
float: left;
width: 100px;
height: 100px;
margin-left: 33px;
margin-bottom: 39px;
}
.user-coverage-btm>img:first-of-type{
margin-left: 22px;
}
.user-coverage-btm>img:nth-child(10){
margin-left: 22px;
}
.zswbtwz p {
font-size: 16px;
line-height: 32px;
text-align: justify;
}
.zswbtwz p .spjt1{
font-size: 20px;
font-weight: bold;
}
.zswbtwz p .spjt2{
font-size: 18px;
font-weight: bold;
}
.zswbulseven {
margin-top: 38px;
}
.zswbulseven li {
position: relative;
float: left;
width: 148.6px;
height: 178px;
border: 1px solid #cecece;
border-right:0;
}
.zswbulseven li:first-of-type::after{
border: 0;
}
.zswbulseven li:last-of-type{
border-right: 1px solid #cecece;
}
.zswbulseven li::after{
position: absolute;
top: 0;
bottom: 0;
left: 0;
margin: auto;
content: '';
width: 0;
height: 0;
border: 6px solid transparent;
border-left-color:#cecece;
}
.zswbulseven li .szdiv {
text-align: center;
margin-top: 10px;
}
.zswbulseven li .szdiv span{
font-size: 46px;
line-height: 80px;
color: #e50213;
font-weight: bold;
}
.zswbulseven li .btdiv p {
font-size: 26px;
line-height: 40px;
text-align: center;
margin: 0 8px 0 8px;
}
.bgf7 {
background-color: #f7f7f7;
}
.xzzswbhc li{
float: left;
}
.xzzswbhc .nice01{
width: 140px;
height: 178px;
border: 1px solid #cecece;
}
.xzzswbhc .nice01 .dhzt{
font-size: 30px;
text-align: center;
margin-top: 50px;
}
.xzzswbhc .nice01 .jczt{
padding-top: 32px;
font-size: 30px;
text-align: center;
font-weight: bold;
}
.xzzswbhc .nice01 .jczt strong{
font-weight: bold;
line-height: 55px;
}
.xzzswbhc .nicefh01{
width: 96px;
height: 200px;
text-align: center;
}
.xzzswbhc .nicefh01 .dhzt{
font-size: 127px;
line-height: 21px;
margin-top: 14px;
color: #e50213;
}
.xzzswbhc .nicefh01 .jczt{
font-size: 30px;
margin-top: 28px;
}
.xzzswbhc .nice02{
width: 105px;
height: 120px;
border: 1px solid #cecece;
margin-top: 25px;
text-align: center;
line-height: 42px;
font-size: 28px;
font-weight: bold;
}
.xzzswbhc .nice02 p {
margin-top: 40px;
}
.xzzswbhc .nicefh02 .dhzt{
font-size: 88px;
line-height: 78px;
margin-top: 54px;
color: #e50213;
}
.xzzswbhc .nice02 .singmt{
margin-top: 18px;
}
.xzzswbhc .nice03{
width: 64px;
height: 178px;
text-align: center;
}
.xzzswbhc .nice03 .dhzt{
font-size: 88px;
line-height: 78px;
margin-top: 40px;
color: #e50213;
}
.ideawrap .fl {
width: 430px;
height: 395px;
border-radius: 10px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
-ms-border-radius: 10px;
-o-border-radius: 10px;
background-color: #e70012;
box-sizing: border-box;
}
.ideawrap .fl img {
display: block;
width: 380px;
padding-top: 30px;
margin: 0 auto 28px;
}
.ideawrap .fl p {
height: 34px;
line-height: 34px;
text-indent: 8em;
}
.ideawrap .fl a {
color: #fff;
font-size: 22px;
letter-spacing: 2px;
}
.ideawrap .fr {
width: 730px;
height: 395px;
overflow: hidden;
}
.ideawrap .fr h2 {
height: 57px;
line-height: 40px;
font-size: 38px;
color: #e60012;
font-weight: bold;
}
.ideawrap .fr h3 {
line-height: 42px;
font-size: 30px;
color: #e60012;
font-weight: bold;
text-align: left;
}
.ideawrap .fr h4 {
font-size: 30px;
line-height: 30px;
color: #0082cb;
font-weight: bold;
}
.ideawrap .fr p {
line-height: 39px;
font-size: 22px;
color: #221815;
text-align: justify;
letter-spacing: .8px;
}
.ideawrap .fr .mb {
margin-bottom: 10px;
}
.shangjiwrap {
padding: 88px 0 !important;
}
.shangjiwrap li {
float: left;
width: 31%;
margin-right: 3.5%;
margin-top: 40px;
}
.shangjiwrap li img {
display: block;
width: 100%;
}
.shangjiwrap li a {
display: block;
}
.shangjiwrap .agentwrap {
border-bottom: 1px solid #eee;
}
.shangjiwrap .agentwrap>img {
/*display: inline-block;
width: 140px;
/* margin: 0 auto;
vertical-align: middle;*/
}
.shangjiwrap .agentwrap>p {
display: inline-block;
/* padding-bottom: 10px; */
width: 228px;
height: 62px;
line-height: 30px;
text-align: center;
font-size: 16px;
vertical-align: middle;
text-align: right;
line-height: 62px;
}
.shangjiwrap li .websitewrap {
padding: 10px 0;
}
.shangjiwrap li .websitewrap>p {
float: left;
width: 50%;
line-height: 30px;
}
.shangjiwrap li .websitewrap>p a {
font-size: 15px;
}
.shangjiwrap li .websitewrap p:nth-child(1),
.shangjiwrap li .websitewrap p:nth-child(3),
.shangjiwrap li .websitewrap p:nth-child(5),
.shangjiwrap li .websitewrap p:nth-child(7) {
width: 65%;
}
.shangjiwrap li .websitewrap p:nth-child(2),
.shangjiwrap li .websitewrap p:nth-child(4),
.shangjiwrap li .websitewrap p:nth-child(6) {
width: 32%;
float: right;
}
.shangjiwrap li:nth-child(2) .websitewrap p:nth-child(2),
.shangjiwrap li:nth-child(2) .websitewrap p:nth-child(4),
.shangjiwrap li:nth-child(2) .websitewrap p:nth-child(6),
.shangjiwrap li:nth-child(3) .websitewrap p:nth-child(2),
.shangjiwrap li:nth-child(3) .websitewrap p:nth-child(4),
.shangjiwrap li:nth-child(3) .websitewrap p:nth-child(6) {
width: 24%;
}
.shangjiwrap li .websitewrap>p a:hover {
opacity: .8;
color: #e50213;
}
.ys-wrap{
margin-top:16px;
}
.ys-wrap li{
position: relative;
float: left;
width: 18.4%;
height: 170px;
padding: 34px 15px 10px;
margin-bottom: 45px;
margin-right: 2%;
border:2px solid #e60112;
border-radius: 10px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
-ms-border-radius: 10px;
-o-border-radius: 10px;
box-sizing: border-box;
}
.ys-wrap strong{
position: absolute;
top:-15px;
left:0;
right:0;
margin:auto;
width: 80px;
height: 42px;
background: url(../images/icon_color2.png) no-repeat center center/cover;
font-size: 22px;
font-weight: bold;
line-height: 42px;
text-align: center;
color: #fff;
}
.ys-wrap p{
font-size: 17px;
line-height: 28px;
text-align: justify;
}
.characth2{
font-size: 76px;
margin-bottom: 40px;
color: #e50213;
font-weight: bold;
}
.charact-wrap li{
float: left;
width: 14%;
margin-right: 3.2%;
}
.charact-wrap h3{
height: 45px;
margin-top:15px;
color: #333;
line-height: 45px;
font-size: 18px;
overflow: hidden;
}
.charact-wrap li p{
height: 112px;
font-size: 16px;
line-height: 28px;
text-align: justify;
}
.charact-wrap li i{
position: relative;
display: block;
width: 110px;
height: 110px;
margin: 0 auto;
border-radius: 50%;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
-o-border-radius: 50%;
background-size: 60px;
background-position: center center;
background-repeat: no-repeat;
}
.charact-wrap li i::before{
content: '';
position: absolute;
left:0;
right:0;
top:0;
bottom:0;
margin: auto;
width: 0;
height: 0;
border-radius: 50%;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
-o-border-radius: 50%;
background-color: #2fd9e8;
opacity: .2;
transition: .3s;
-webkit-transition: .3s;
-moz-transition: .3s;
-ms-transition: .3s;
-o-transition: .3s;
}
.charact-wrap li i:hover::before{
width: 130px;
height: 130px;
left:-10px;
top:0px;
}
.charact-wrap li:nth-child(1) i,
.charact-wrap li:nth-child(1) i::before{
background-color: #2fd9e8;
}
.charact-wrap li:nth-child(2) i,
.charact-wrap li:nth-child(2) i::before{
background-color: #378ff1;
}
.charact-wrap li:nth-child(3) i,
.charact-wrap li:nth-child(3) i::before{
background-color: #f9c229;
}
.charact-wrap li:nth-child(4) i,
.charact-wrap li:nth-child(4) i::before{
background-color: #ff9f5a;
}
.charact-wrap li:nth-child(5) i,
.charact-wrap li:nth-child(5) i::before{
background-color: #9659fe;
}
.charact-wrap li:nth-child(6) i,
.charact-wrap li:nth-child(6) i::before{
background-color: #ff6088;
}
.charact-wrap li:nth-child(1) i{
background-image: url(../images/icon_charact1.png);
}
.charact-wrap li:nth-child(2) i{
background-image: url(../images/icon_charact2.png);
}
.charact-wrap li:nth-child(3) i{
background-image: url(../images/icon_charact3.png);
}
.charact-wrap li:nth-child(4) i{
background-image: url(../images/icon_charact4.png);
}
.charact-wrap li:nth-child(5) i{
background-image: url(../images/icon_charact5.png);
}
.charact-wrap li:nth-child(6) i{
background-image: url(../images/icon_charact6.png);
}
.helpyouwrap-bg {
background: url(../images/helpyouwrap_bg.png) no-repeat center bottom/cover;
}
.helpyouwrap-point i {
position: absolute;
z-index: 1;
top: 0;
bottom: 0;
margin: auto;
width: 23px;
height: 23px;
background-color: rgba(230, 0, 18, .6);
border-radius: 50%;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
-o-border-radius: 50%;
}
.helpyouwrap-point i::after {
content: '';
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
margin: auto;
width: 13px;
height: 13px;
background-color: #e70012;
border-radius: 50%;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
-o-border-radius: 50%;
}
.helpyouwrap-point .l {
left: 0;
}
.helpyouwrap-point .r {
right: 0;
}
.helpyouwrap-point,
.helpyouwrap {
position: relative;
}
.helpyouwrap::before {
content: '';
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
margin: auto;
width: 99.5%;
height: 10px;
background: #dcdcdc;
visibility: visible;
}
.helpyouwrap li {
position: relative;
float: left;
width: 16.66%;
}
.helpyouwrap li:nth-child(2n) {
padding-top: 132px;
}
.helpyouwrap li:nth-child(2n) p {
margin-top: 6px;
}
.helpyouwrap li>div {
position: relative;
width: 150px;
height: 140px;
margin: 0 auto;
transition: .4s;
-webkit-transition: .4s;
-moz-transition: .4s;
-ms-transition: .4s;
-o-transition: .4s;
overflow: hidden;
}
.helpyouwrap li>div::after {
content: '';
position: absolute;
left: 0;
right: 0;
bottom: 0;
margin: auto;
width: 4px;
height: 30px;
background: #dcdcdc;
}
.helpyouwrap li:nth-child(2n)>div::after {
top: 0;
bottom: initial;
}
.helpyouwrap li em,
.helpyouwrap li p {
display: block;
color: #fff;
text-align: center;
}
.helpyouwrap li p {
height: 32px;
line-height: 32px;
font-size: 26px;
overflow: hidden;
color: #e70012;
}
.helpyouwrap li em {
display: block;
width: 60px;
height: 60px;
margin: 18px auto 0;
border-radius: 50%;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
-o-border-radius: 50%;
background-color: #e70012;
font-weight: bold;
overflow: hidden;
font-size: 26px;
line-height: 60px;
font-style: normal;
}
.helpyouwrap li:nth-child(2n) em {
margin-top: 30px;
}
.processwrap li {
float: left;
width: 123px;
height: 123px;
border-radius: 50%;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
-o-border-radius: 50%;
background-color: #e60012;
}
.processwrap p {
height: 40px;
color: #fff;
font-size: 22px;
font-weight: bold;
text-align: center;
line-height: 40px;
}
.processwrap p:nth-child(1) {
position: relative;
margin-top: 20px;
}
.processwrap p:nth-child(1)::after {
content: '';
position: absolute;
bottom: -2px;
left: 0;
right: 0;
margin: auto;
width: 68%;
height: 2px;
background: rgba(255, 255, 255, .6);
}
.processwrap .arrowr {
width: 30px;
margin-right: 0;
text-align: center;
background-color: #fff;
}
.processwrap .arrowr i {
display: inline-block;
width: 30px;
height: 30px;
margin-top: 48px;
background: url(../images/icon_right2.png) no-repeat center center/22px;
vertical-align: top;
}
/*footer*/
.ft {
width: 100%;
min-width: 1200px;
background-color: #252533;
}
.ft {
background-color: #252533;
}
.ft .main {
padding-top: 60px;
padding-bottom: 60px;
}
.ft-top:after {
display: table;
content: "";
clear: both;
}
.ft-dl,.ft-dl a {
color: #999;
-webkit-transition: color .2s linear;
transition: color .2s linear;
}
.ft-dl a:hover {
color: #fff;
}
.ft-dl dt {
margin-bottom: 10px;
font-weight: bold;
color: #f1f4f8;
}
.ft-contact {
float: right;
padding-right: 30px;
}
.ft-phone-num {
vertical-align: middle;
font-size: 24px;
line-height: 1.4;
color: #fff;
}
.ft-menu {
float: left;
padding-bottom: 30px;
border-right: 1px solid #333;
}
.ft-menu dl {
display: inline-block;
vertical-align: top;
width: 200px;
}
.ft-wxcode {
margin-top: 20px;
width: 100px;
height: 100px;
}
.ft-wxcode img {
width: 100%;
display: block;
}
.ft-bot {
margin-top: 30px;
padding-top: 16px;
border-top: 1px solid #333;
}
.ft-nav {
margin-bottom: 8px;
}
.ft-nav li {
display: inline-block;
vertical-align: middle;
margin-right: 18px;
}
.ft-bot,.ft-bot a {
color: #999;
-webkit-transition: color .2s linear;
transition: color .2s linear;
}
.ft-bot a:hover {
color: #fff;
}
.ft-bot img {
display: inline-block;
vertical-align: middle;
margin-top: -2px;
width: auto;
}
#goTop {
position: fixed;
right: 25px;
bottom: 100px;
width: 50px;
height: 50px;
background: url(../images/gotop.png) no-repeat;
text-indent: -500%;
overflow: hidden;
z-index: 100;
cursor: pointer;
-webkit-animation: opacityIn .5s ease-out both;
animation: opacityIn .5s ease-out both;
}
.mod-sidebar {
position: fixed;
top: 50%;
right: 20px;
margin: -100px 0 0 0;
z-index: 1000;
}
.mod-sidebar .tab-nav {
border-radius: 30px;
overflow: hidden;
position: relative;
z-index: 1100;
width: 36px;
}
.mod-sidebar .tab-nav li {
position: relative;
}
.mod-sidebar .tab-nav li a {
display: block;
height: 36px;
width: 36px;
background: rgba(0, 0, 0, 0.4);
}
.mod-sidebar .tab-nav li a:hover {
background: rgba(0, 0, 0, 0.6);
}
.mod-sidebar .tab-nav li.back-top {
display: none;
margin-top: 3px;
}
.mod-sidebar .tab-content {
position: absolute;
top: 0;
right: 44px;
*right: 50px;
z-index: 1050;
}
.mod-sidebar .tab-panel {
opacity: 1;
filter: alpha(opacity=0);
position: absolute;
top: 0;
right: 0;
text-align: center;
padding: 7px 5px 27px;
border-radius: 10px;
background-color: #f9f9f9;
background-color: rgba(249, 249, 249, 0.9);
overflow: hidden;
}
.mod-sidebar .tab-panel#qq:after {
display: none;
}
.mod-sidebar .tab-panel#qq .link {
position: absolute;
top: 0;
left: 0;
right: 0;
display: block;
height: 166px;
z-index: 1010;
}
.mod-sidebar .tab-panel#qq p {
font-size: 14px;
font-weight: bold;
text-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
}
.mod-sidebar .tab-panel#qq .cooperate .phone-num {
font-size: 20px;
}
.mod-sidebar .tab-panel#qq .cooperate {
height: 106px;
}
.mod-sidebar .tab-panel#qq p {
color: #fff;
}
.mod-sidebar .tab-panel#qq .close2020 {
margin-left: -30px;
color: #fff;
bottom: 15px;
}
.mod-sidebar .tab-panel#act {
width: 220px;
}
.mod-sidebar .tab-panel:after {
content: "◆";
color: #f9f9f9;
position: absolute;
display: block;
width: 8px;
height: 16px;
line-height: 16px;
font-size: 24px;
text-indent: -8px;
top: 10px;
right: -6px;
overflow: hidden;
z-index: 110;
}
.mod-sidebar .tab-panel a {
color: #666;
}
.mod-sidebar .tab-panel .close2020 {
position: absolute;
bottom: 5px;
left: 50%;
margin-left: -18px;
font-size: 12px;
display: block;
width: 36px;
color: #999;
}
.mod-sidebar .tab-panel .close2020:hover {
text-decoration: none;
}
.mod-sidebar .tab-panel.xsSideBar#qq .close2020 {
margin-left: -18px;
}
.mod-sidebar .tab-panel.xsSideBar#qq .cooperate {
height: auto;
margin-top: 30px;
}
.mod-sidebar .tab-panel.xsSideBar#qq .cooperate2 {
margin-top: 20px;
}
.mod-sidebar .tab-panel.xsSideBar#qq .lines {
background: rgba(255, 255, 255, 0.2);
width: 130px;
margin: 0 auto;
height: 1px;
margin-bottom: -6px;
margin-top: 20px;
}
.mod-sidebar .tab-panel.xsSideBar#qq .ui-fsl {
margin-top: 10px;
}
.mod-sidebar .tab-panel.xsSideBar#qq .freeCall {
font-size: 12px;
font-weight: normal;
margin-top: -4px;
}
.launchBtn {
height: 22px;
background-repeat: no-repeat;
text-indent: 15px;
line-height: 22px;
cursor: pointer;
}
/* .bg {
*background-image: url(https://combo.b.qq.com/crm/wpa/release/3.3/wpa/views/a01.png)
} */
/* .offline .bg { *background-image:url(https://combo.b.qq.com/crm/wpa/release/3.3/wpa/views/a01.offline.png)} */
.launchBtn {
height: 22px;
background-repeat: no-repeat;
text-indent: 15px;
line-height: 22px;
cursor: pointer;
}
.mod-sidebar .tab-panel.xsSideBar#qq {
width: 160px;
background: linear-gradient(0deg, #f9ac00, #ff3d33);
margin-right: 0px;
padding: 0px;
height: 234px;
box-shadow: 0px 20px 60px 0px rgba(255, 91, 51, 0.5);
margin-top: -40px;
right: 0px;
opacity: 1;
}
.mod-sidebar .tab-panel.xsSideBar#wx {
right: 0px;
opacity: 1;
top: 36px;
}
.no {
display: none;
right: 40px !important;
opacity: 0 !important;
}