@import "iconfont.css";

html{-ms-text-size-adjust:100%;text-rendering: optimizeLegibility;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;-moz-font-feature-settings: "liga","kern";}
body{font-family: "Microsoft Yahei",PingFangSC-Regular,"Helvetica Neue",Helvetica,Arial,"Hiragino Sans GB","Heiti SC","WenQuanYi Micro Hei",sans-serif;min-width: 320px;background-color: #fff;padding-bottom: 57px;}
a,a:hover {color: #333;}
ul,li {padding: 0;margin: 0;list-style: none;}

.wow { visibility: hidden; }

.header {padding: 15px 0;-webkit-transition: all 0.4s;transition: all 0.4s;color: #fff;position: fixed;left: 0;width: 100%;top: 0;z-index: 100;}
.header a {color: #fff;text-decoration: none;}
.header .logo {float: left;height: 36px;font-size: 0;-webkit-transition: all 0.3s;transition: all 0.3s;}
.header .logo img {display: inline-block;height: 100%;width: auto;}
.header .tool {float: right;font-size: 0;border-left: 1px solid #fff;margin-top: 61px;margin-bottom: 31px;-webkit-transition: all 0.3s;transition: all 0.3s;}
.header .tool a {display: inline-block;width: 18px;height: 18px;background: no-repeat center;margin-left: 20px;}
.header .tool a.i1 {background-image: url(../images/ico1.png);}
.header .tool a.i2 {background-image: url(../images/ico2.png);}
.header .tool a.i3 {background-image: url(../images/ico3.png);}
.header .nav {float: right;}
.header .nav>li {float: left;}
.header .nav>li>a {display: block;padding: 60px 20px 30px;-webkit-transition: all 0.3s;transition: all 0.3s;}
.header .nav>li>a:hover,.header .nav>li.active>a,.header .nav>li.open>a {background-color: #ff5555 !important;}
.header .menu-btn {float: right;margin: 7px 0;height: 16px;width: 24px;position: relative;}
.header .menu-btn span {display: block;height: 2px;background-color: #fff;position: absolute;left: 0;width: 100%;-webkit-transition: all 0.3s;transition: all 0.3s;}
.header .menu-btn span:nth-of-type(1) {top: 0;}
.header .menu-btn span:nth-of-type(2) {top: 50%;margin-top: -1px;}
.header .menu-btn span:nth-of-type(3) {bottom: 0;}
.header .menu-btn.active span:nth-of-type(1) {-webkit-transform:rotate(45deg);transform:rotate(45deg);top: 7px;}
.header .menu-btn.active span:nth-of-type(2) {opacity: 0;}
.header .menu-btn.active span:nth-of-type(3) {-webkit-transform:rotate(-45deg);transform:rotate(-45deg);bottom: 7px;}
.header-w {background-color: #000;}
/* 20181017修改 开始 */
.header-w .nav>li>a {padding: 30px 20px;}
/* 20181017修改 结束 */
.header-w .tool {margin-top: 30px;}
.mm-page__blocker {z-index: 101;}
.news-detail{     margin: 50px 0;}

a.get_more{ display: block; width: 180px; height: 60px;line-height: 60px;text-align: center;color: #999;font-size: 16px;background-color: #eee;margin: 30px auto 0; cursor: pointer;font-family: "Base-font"; transition: all 0.4s ease 0s;}
a.get_more:hover{background-color: #ff5555;    text-decoration:none; color: #fff;}
a.get_more:focus{text-decoration:none; } 
.xwboxl {float:left;width:68.5%;background:#fff;    padding: 80px; padding-top:60px ;
    margin: 70px 0;}
 .xwboxr {float:right;    padding: 30px;
    margin: 70px 0;width:28.5%;background:#fff}  
.fenxang {line-height: 30px;padding-top:30px;margin:30px 0;border-top:1px #ddd solid}	
.bdshare-button-style0-24 {float:right;}	
.xwboxr span{    font-size: 24px;display:block;margin-bottom:10px;}
.xwboxr em{ width:30px; height:2px; background:#828282; display:block;} 
.xwboxr ul li{padding-bottom:20px;margin-bottom:20px;border-bottom:1px #ddd dashed; white-space:nowrap;    line-height: 2;   font-size: 16px;}
.xwboxr ul li a:hover{text-decoration:none; color:#000; }
.xwboxr ul li u{list-style:none;display:block;color:#666;text-decoration:none;    font-size: 14px;
}
.xwboxr .tag{ margin-top:50px;}
.xwboxr .tag a{    text-decoration: none;display: inline-block;
    font-size: 14px;
    padding: 5px 15px;
    border: 1px solid #828282;
    border-radius: 20px;
    margin: 5px;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;}
.xwboxr .tag a:hover{ background:#828282; color:#fff;}	
.bdshare-button-style0-24 a, .bdshare-button-style0-24 .bds_more{width:30px;height:30px !important;margin:0 2px !important;}
.bdshare-button-style0-24 .bds_qzone{background:url(../images/i1.png) no-repeat center;background-position:0 0 !important}
.bdshare-button-style0-24 .bds_sqq{background:url(../images/i2.png) no-repeat center;background-position:0 0 !important}
.bdshare-button-style0-24 .bds_tsina{background:url(../images/i3.png) no-repeat center;background-position:0 0 !important}
.bdshare-button-style0-24 .bds_weixin{background:url(../images/i4.png) no-repeat center;background-position:0 0 !important}
.fxd{display:block;float:left;line-height:30px;background:url(../images/fx.png) no-repeat left center;padding-left:20px;    margin-right: 2px;color:#787878}
	 @media screen and (max-width:1024px){
	#box{display: none !important;}
}   

	 @media screen and (max-width:1024px){
	.customer-wrap dd li{ margin-right:8px !important; }
	.customer-wrap dd li strong{ font-size:38px !important;}
	.news-detail .graphic-big dl dd{ display:none;}
}   

@media screen and (max-width:1024px){
	.about-wrap-l h4{ font-size:30px !important;}
}


@media screen and (max-width:1024px){

	.jsImgs img{ background-size: cover;background: no-repeat center; width:100%;} 
}


@media screen and (max-width:1024px){
	.top-sc{ display: none !important;;}
}
.jt{display: inline-block;
    margin-left: 6px;
    background: url(../images/icon.png) 0  no-repeat;
    width: 7px;
    height: 4px;
    vertical-align: middle;}
	

/* 20181017修改 开始 */
/*.dropdown {position: relative;}*/
.dropdown-menu {position: absolute;left: 0;top: 100%;width: 100%;background-color: rgba(0,0,0,0.3);font-size: 0;text-align: center;display: none;}
.dropdown-menu ul {margin-right: 120px;margin-left: 373px;}
.dropdown-menu li {display: inline-block;font-size: 14px;margin: 0 15px;}
.dropdown-menu li a {display: block;padding: 15px 0;color: #fff;position: relative;}
.dropdown-menu li a:after {content: '';height: 3px;background-color: #ff5555;bottom: 0;left: 50%;position: absolute;-webkit-transition: all 0.3s;transition: all 0.3s;width: 0;}
.dropdown-menu li a:hover:after {width: 100%;left: 0;}
/*.dropdown.open .dropdown-menu {display: block;}*/
/* 20181017修改 结束 */

#menu .bicon {display: block;background: no-repeat center;}
#menu .bicon.i1 {background-image: url(../images/ico6.png);background-size: 18px 18px;}
#menu .bicon.i2 {background-image: url(../images/ico7.png);background-size: 18px 18px;}
#menu .bicon.i3 {background-image: url(../images/ico8.png);}

.search-alert {position: fixed;z-index: 200;left: 0;top: 0;width: 100%;height: 100%;background-color: #222222;display: none;}
.search-alert form {position: absolute;width: 94.8%;left: 2.6%;top: 50%;height: 124px;margin-top: -63px;border-bottom: 1px solid #515151;}
.search-alert input {border: none;display: block;font-size: 66px;height: 124px;line-height: 124px;text-align: center;width: 100%;color: #555;font-weight: bold;padding: 0 88px;background: url(../images/ico4.png) no-repeat 35px 60px;outline: none;}
.search-alert button {border: none;height: 100px;margin-top: 24px;font-size: 24px;line-height: 100px;color: #555;background: none;position: absolute;right: 0;top: 0;width: 80px;outline: none;font-weight: bold;text-align: center;}
.search-alert .close {display: block;width: 18px;height: 18px;background: url(../images/ico5.png) no-repeat center;position: absolute;top: 38px;right: 2.6%;cursor: pointer;-webkit-transition: -webkit-transform 0.3s ease 0s;transition: -webkit-transform 0.3s ease 0s;transition: transform 0.3s ease 0s;transition: transform 0.3s ease 0s, -webkit-transform 0.3s ease 0s;}
.search-alert .close:hover {-webkit-transform: rotate(90deg);transform: rotate(90deg);}

.banner {height:100%;color: #fff;background-color: #222;}
.banner .item {height: 100%;background: no-repeat center;background-size: cover;}
.banner .container {display: table;height: 100%;width: 100%;}
.banner .inner {display: table-cell;vertical-align: middle;}
.banner .text {margin: 50px auto 100px;width:100%;text-align: center;}
.banner .text img {width: 100%;max-width: 260px;margin: 0 auto;height: auto;opacity: 0;-webkit-transform: translate3d(0, -100px, 0);transform: translate3d(0, -100px, 0);-webkit-transition: all 1s;transition: all 1s;}
.banner .text h4 {margin: 20px 0 0;line-height: 2;font-weight: normal;-webkit-transition: all 1s;transition: all 1s;opacity: 0;-webkit-transform: translate3d(0, 50px, 0);transform: translate3d(0, 50px, 0);-webkit-transition-delay: 0.5s;transition-delay: 0.5s;}
.banner .text small {display: block;-webkit-transition: all 1s;transition: all 1s;opacity: 0;-webkit-transform: translate3d(0, 50px, 0);transform: translate3d(0, 50px, 0);-webkit-transition-delay: 0.7s;transition-delay: 0.7s;}
.banner .active .text img {-webkit-transform: none;transform: none;opacity: 1;}
.banner .active .text h4 {-webkit-transform: none;transform: none;opacity: 1;}
.banner .active .text small {-webkit-transform: none;transform: none;opacity: 1;}
.banner .owl-dots {position: absolute;left: 0;bottom: 150px;width: 100%;text-align: center;height: 4px;}
.banner button.owl-dot {display: inline-block;width: 40px;height: 3px;background-color: #fff;margin: 0 5px;-webkit-transition: all 0.3s;transition: all 0.3s;vertical-align: top;outline: none; position:relative;}
.banner button.owl-dot.active {background-color: #ff5555;height:7px; position:relative; top:-3px;}
@media screen and (max-width:1024px){
}


.site-total {position: absolute;bottom: 0;left: 0;width: 100%;color: #fff;z-index: 2;background-color: rgba(0,0,0,0.6);padding: 15px 0;text-align: center;}
.site-total .item {border-right: 1px solid #555;}
.site-total .owl-item:last-child .item {border-right: 0;}
.site-total .item p {margin: 5px 0 0;font-size:16px;color: #999;}
.site-total .item .num {font-size: 36px;line-height: 1;}
.site-total .item .num small {font-weight: normal;font-size: 14px;}
.site-total .owl-nav {margin-top: 10px;line-height: 1;}
.site-total .owl-nav button.owl-next, .site-total .owl-nav button.owl-prev {margin: 0 10px;}

.section {padding:30px 0;}
.section-tit {margin-bottom: 30px;text-align: center;}
.section-tit h4 {margin: 0;font-size: 32px;font-weight: normal;}
.section-tit span {display: block;width: 215px;height: 9px;background: url(../images/line.png) no-repeat;margin: 20px auto;}
.section-tit p {margin: 0;color: #949494;}
.section-tit-sec {margin-bottom: 30px;text-align: center;}
.section-tit-sec h4 {margin: 0;font-size: 30px;font-weight: normal;}
.section-tit-sec p {font-size: 12px;color: #999;margin: 15px 0 0;}

.response-box-tabs {padding-bottom: 20px;position: relative;z-index: 10;}
.response-box-tabs .line {position: absolute;width: 100px;height: 1px;background-color: #ff5555;bottom: -1px;}
.response-box-tabs .line:after {position: absolute;content: '';width:0;height:0;border-width:5px;border-style:solid dashed dashed dashed;border-color:#ff5555 transparent transparent transparent;left: 50%;top: 2px;margin-left: -5px;}
.response-box-tabs li {text-align: center;color: #999;-webkit-transition: all 0.3s;transition: all 0.3s;cursor: pointer;}
.response-box-tabs li i {font-size: 80px;line-height: 1;}
.response-box-tabs li h4 {margin: 15px 0 0;font-size: 16px;}
.response-box-tabs li:after {display: block;margin: 12px auto 0;width: 1px;height: 20px;background-color: #999;content: '';-webkit-transition: all 0.3s;transition: all 0.3s;}
.response-box-tabs li.active {color: #ff5555;}
.response-box-tabs li.active:after {background-color: #ff5555;}
.response-box-con {border-top: solid 1px #e0e0e0;}
.response-box-con {padding-top: 30px;}
.response-box-con .item {margin: 0;overflow: hidden;}
.response-box-con dt {float: right;}
.response-box-con dd {margin: 0;text-align: center;}
.response-box-con dd .num {width: 40px;border-bottom: 1px solid #333;font-size: 24px;font-family: Impact;margin: 0 auto;}
.response-box-con dd h4 {font-size: 28px;margin: 10px 0;font-weight: normal;}
.response-box-con dd .tag {font-size: 0;}
.response-box-con dd .tag span {display: inline-block;font-size: 14px;line-height: 30px;padding: 0 15px 0;margin: 3px;color: #fff;background-color: #999;text-align: center;}
.response-box-con dd .tag span.c1 {background-color: #FF5555;}
.response-box-con dd .tag span.c2 {background-color: #9BC557;}
.response-box-con dd .tag span.c3 {background-color: #53BFF3;}
.response-box-con dd .tag span.c4 {background-color: #ff7700;}
.response-box-con dd .tag span.c5 {background-color: #c88dad;}
.response-box-con dd p {line-height: 1.8;margin: 30px 0 20px;}
.response-box-con dd .client {font-size: 0;}
.response-box-con dd .client .citem {display: inline-block;font-size: 14px;vertical-align: top;text-align: center;}
.response-box-con dd .client .citem i {display: block;font-size: 34px;color: #ccc;}
.response-box-con dd .client em {display: inline-block;background: url(../images/dian.png) no-repeat center;width: 74px;height: 18px;vertical-align: top;margin-top: 15px;}
.response-box-con .owl-dots {text-align: center;margin-bottom: -20px;margin-top: 20px;}
.response-box-con .owl-dots button.owl-dot {display: inline-block;width: 10px;height: 10px;background-color: #cfcfcf;margin: 0 5px;border-radius: 50%;}
.response-box-con .owl-dots button.owl-dot.active {background-color: #FF5555;}

.img-box {position: relative;display: block;overflow: hidden;}
.img-box img {display: block;width: 100%;height: auto;-webkit-transition: all 0.3s;transition: all 0.3s;}
.up-graybox {position: absolute;left: 0;top: 0;width: 100%;height: 100%;-webkit-transition: all 0.3s;transition: all 0.3s;opacity: 0;filter: alpha(opacity=0);}
.up-graybox:before {content: '';display: block;width: 100%;height: 100%;background-color: #000;opacity: 0.6;filter: alpha(opacity=60);}
.up-graybox .stit {font-size: 16px;line-height: 30px;width: 100%;text-align: center;position: absolute;left: 0;top: 50%;margin-top: -15px;color: #fff;}
.up-graybox .erweima {font-size: 16px;line-height: 30px;width: 40%;text-align: center;position: absolute;left:140px;top: 50%;margin-top: -75px;color: #fff;}

.up-graybox .stit:before,.up-graybox .stit:after {content: '';width: 100px;height: 1px;background-color: #f2f2f2;position: absolute;left: 50%;margin-left: -50px;-webkit-transition: all 0.3s;transition: all 0.3s;}
.up-graybox .stit:before {top: 0;}
.up-graybox .stit:after {bottom: 0;}
.img-box:hover img {-webkit-transform: scale(1.1);transform: scale(1.1);}
.img-box:hover .up-graybox {opacity: 1;filter: alpha(opacity=100);}
.img-box:hover .up-graybox .stit:before,.img-box:hover .up-graybox .stit:after {width: 6px;margin-left: -3px;opacity: 0.6;filter: alpha(opacity=60);}

.graphic-big {margin: 0 -15px;}
.graphic-big dl {margin: 0 0 20px;background-color: #2f2f2f;color: #cdcdcd;overflow: hidden;}
.graphic-big dl a {color: #fff;text-decoration: none;}
.graphic-big dt img {display: block;width: 100%;height: auto;}
.graphic-big dd {margin: 0;padding: 20px;}
.graphic-big dd h4 {font-size:36px;margin: 0 0 15px;}
.graphic-big dd h4:after {content: '';display: block;height: 2px;width: 20px;background-color: #cdcdcd;margin-top: 10px;}
.graphic-big dd .mtit {font-size: 16px;}
.graphic-big dd p {opacity: 0.5;filter: alpha(opacity=50);margin: 15px 0 0;}
.graphic-big dd .tag {margin: 15px -5px 0;font-size: 0;}
.graphic-big dd .tag a {display: inline-block;font-size: 14px;padding: 3px 12px;border: 1px solid #828282;border-radius: 20px;margin: 5px;-webkit-transition: all 0.3s;transition: all 0.3s;}
.graphic-big dd .tag a:hover {background-color: #fff;border-color: #fff;color: #333;text-decoration: none;}
.graphic-big dd .more {display: block;border: 1px solid #828282;margin-top: 20px;width: 38px;height: 38px;position: relative;border-radius: 50%;-webkit-transition: all 0.3s;transition: all 0.3s;}
.graphic-big dd .more i {display: block;width: 100%;height: 100%;background: url(../images/ico9.png) no-repeat center;position: relative;-webkit-transition: all 0.3s;transition: all 0.3s;}
.graphic-big dd .more:before {position: absolute;content: '';-webkit-transition: all 0.3s;transition: all 0.3s;border-radius: 50%;left: 50%;top: 50%;width: 0;height: 0;}
.graphic-big dd .more:hover {border-color: #fff;}
.graphic-big dd .more:hover i {background-image: url(../images/ico10.png);}
.graphic-big dd .more:hover:before {width: 100%;height: 100%;left: 0;top: 0;background-color: #fff;}
.graphic-big.white dl {background-color: #f6f6f6;color: #333;}
.graphic-big.white dd h4:after {background-color: #333;}

.tit-box {padding: 20px 0;}
.tit-box h4 {margin: 0;font-size: 26px;font-weight: normal;}
.tit-box p {color: #999;margin: 10px 0 0;}
.tit-box span {display: block;margin-top: 10px;width: 10px;height: 2px;background-color: #1c1c1c;}
.tit-box .more {float: right;line-height: 36px;background: url(../images/ico11.png) no-repeat 0 center;padding-left: 22px;color: #999;-webkit-transition: all 0.3s;transition: all 0.3s;}
.tit-box .more:hover {color: #333;text-decoration: none;}

.nav-box {font-size: 0;margin-bottom: 20px;}
.nav-box a {display: inline-block;font-size: 14px;line-height: 40px;padding: 0 30px 0 50px;background: no-repeat 20px center #f5f5f5;margin: 0 5px 5px 0;-webkit-transition: all 0.3s;transition: all 0.3s;}
.nav-box a.all {padding-left: 30px;}
.nav-box a.active,.nav-box a:hover {background-color: #333;color: #fff;text-decoration: none;}
.nav-box a.i1 {background-image: url(../images/ico12.png);}
.nav-box a.i2 {background-image: url(../images/ico13.png);}
.nav-box a.i3 {background-image: url(../images/xcx-ico.png);}
.nav-box a.i4 {background-image: url(../images/app-ico.png);}
.nav-box a.i5 {background-image: url(../images/jtwz-ico.png);}
.nav-box a.i6 {background-image: url(../images/yxwz-ico.png);}
.nav-box a.i7 {background-image: url(../images/fxxt-ico.png);}
.nav-box a.i8 {background-image: url(../images/b2b-ico.png);}
.nav-box a.i9 {background-image: url(../images/b2c-ico.png);}
.nav-box a.i20 {background-image: url(../images/other.png);}




.nav-box a.i1:hover {background-image: url(../images/ico12_a.png);}
.nav-box a.i2:hover {background-image: url(../images/ico13_a.png);}
.nav-box a.i3:hover {background-image: url(../images/xcx-icoa.png);}
.nav-box a.i4:hover {background-image: url(../images/app-icoa.png);}
.nav-box a.i5:hover {background-image: url(../images/jtwz-icoa.png);}
.nav-box a.i6:hover {background-image: url(../images/yxwz-icoa.png);}
.nav-box a.i7:hover {background-image: url(../images/fxxt-icoa.png);}
.nav-box a.i8:hover {background-image: url(../images/b2b-icoa.png);}
.nav-box a.i9:hover {background-image: url(../images/b2c-icoa.png);}
.nav-box a.i20:hover {background-image: url(../images/other_a.png);}

/* 20181017修改 开始 */
.list-wrap-1 a:hover {text-decoration: none;}
.list-wrap-1 li {margin-bottom: 30px;}
.list-wrap-1 li .text {border: 1px solid #f2f2f2;padding: 15px 20px 0;border-top: 0;background-color: #fff;}
.list-wrap-1 li .text h4 {margin: 0 0 10px;font-weight: normal;font-size:20px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.list-wrap-1 li .text p {font-size: 12px;margin: 0 0 10px;line-height: 20px;height: 40px;overflow: hidden;color: #999;}
.list-wrap-1 li .text .more {display: block;border-top: 1px solid #e5e5e5;line-height: 40px;color: #777;background: url(../images/ico15.png) no-repeat right center;}
.list-wrap-1 li .text .more:hover {color: #333;background-image: url(../images/ico15_a.png);}
.list-wrap-1 li .date {display: inline-block;border-right: 1px solid #ececec;padding-right: 30px;font-size: 12px;color: #777;line-height: 1;margin-bottom: 15px;}
.list-wrap-1 li .date strong {display: block;font-size: 50px;line-height: 1;margin-bottom: 12px;color: #333;}
@media screen and (max-width:1024px){
	.list-wrap-1 li .tt{ width:62%; float:right;}
}

/* 20181017修改 结束 */

.list-wrap-2 li {margin-bottom: 30px;}
.list-wrap-2 li a {display: block;border: 1px solid #f2f2f2;padding: 15px;-webkit-transition: all 0.3s;transition: all 0.3s;}
.list-wrap-2 li a:hover {text-decoration: none;-webkit-box-shadow: 0 0 5px rgba(0,0,0,.1);box-shadow: 0 0 5px rgba(0,0,0,.1);}
.list-wrap-2 li h4 {margin: 0 0 10px;font-size: 16px;font-weight: normal;}
.list-wrap-2 li p {color: #666;line-height: 1.5;margin: 0;}
.list-wrap-2 li span {background: url(../images/ico15.png) no-repeat center;display: block;width: 24px;height: 8px;margin-top: 38px;}

.appointment {background: url(../images/bg1.png) no-repeat center;background-size: cover;color: #fff;padding: 30px 0;}
.appointment .ceo {position: absolute;bottom: -30px;left: 15px;font-size: 0;}
.appointment h4 {font-size: 26px;margin: 0 0 10px;}
.appointment p {margin: 0 0 15px;}
.appointment input {display: block;border: 1px solid #fff;background-color: transparent;width: 100%;padding: 8px 12px;margin-bottom: 15px;outline: none;border-radius: 5px;color: #fff;}
 .appointment input placeholder { color:#FFE4E4}
.appointment button {display: block;width: 100%;padding: 8px 12px;border: 1px solid transparent;border-radius: 5px;background-color: #fff;color: #ff5555;font-size: 16px;}

.footer {background-color: #222;color: #777;font-size: 12px;padding: 30px 0 0;}
.footer a {color: #777;}
.footer a:hover {color: #fff;text-decoration: none;}
.footer p {margin: 5px 0;}
.footer-link {line-height: 30px;font-size: 14px;padding-bottom: 20px;border-bottom: 1px solid #393939;margin-bottom: 20px;}
.footer-link a {display: inline-block;float: left;margin-right:25px;}
.footer-link span {display: none;float: left;margin: 0 20px;}
.footer-link .call {margin-top: 10px;float: left;font-size: 12px;}
.footer-bottom {margin-top: 30px;border-top: 1px solid #393939;padding: 20px 0;}
.footer-bottom a {float: left;margin-right: 10px;line-height: 20px;}

.sub-banner {color: #fff;background: no-repeat center;background-size: cover;padding: 80px 0;position: relative;margin-bottom:30px; }
.body-wrap .sub-banner{ margin-bottom:0 !important;}
.sub-banner .tit h4 {font-size:28px;margin: 0 0 10px;}
.sub-banner .tit .time {margin-top: 10px;font-size: 12px;}
.sub-banner .tit p {margin: 0;line-height: 24px;}
.sub-banner .num {float: right;}
.sub-banner .num li {float: left;padding-left: 20px;margin-left: 20px;border-left: 1px solid rgba(255,255,255,0.2);text-align: center;}
.sub-banner .num li:first-child {border-left: 0;margin-left: 0;padding-left: 0;}
.sub-banner .num li h4 {margin: 0;font-weight: normal;font-size: 14px;}
.sub-banner .num li strong {display: block;font-size: 40px;line-height: 1;margin: 5px 0;width: 140px;}
.sub-banner .num li small {display: block;font-size: 12px;opacity: 0.6;filter: alpha(opacity=60);}
.news-banner {min-height: auto !important;}
.news-banner .title {font-size: 32px; margin-top:40px;}
.news-banner .font {font-size:18px; padding-top:11px; display:block}
.news-banner .title:after {display: block;content: '';width: 30px;height: 2px;background-color: #fff;margin-top: 15px;}

.sub-column {display: none;position: absolute;left: 0;bottom: 0;width: 100%;background-color: rgba(0,0,0,0.6);}
.sub-column li {float: left;width: 20%;border-left: 1px solid #65676b;}
.sub-column li:first-child {border-left: 0;}
.sub-column li a {display: block;line-height: 50px;text-align: center;padding: 0 10px;color: #999;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.sub-column li.active a,.sub-column li a:hover {text-decoration: none;color: #FF5555;}
.sub-column-3x li {width: 25%;}

.about-wrap {background-color: #f6f6f6;margin-bottom: 20px;}
.about-wrap-l {padding: 20px;}
.about-wrap-l h4 {font-size: 40px;margin: 0 0 20px;text-transform: uppercase;}
.about-wrap-l p {margin: 0;font-size: 18px;color: #666;}
.about-wrap-l .ico {font-size: 0;margin-top: 10px;}
.about-wrap-l .ico a {display: inline-block;border: 1px solid #aaa;width: 43px;height: 43px;position: relative;border-radius: 50%;-webkit-transition: all 0.3s;transition: all 0.3s;margin: 20px 20px 0 0;}
.about-wrap-l .ico i {display: block;width: 100%;height: 100%;background: no-repeat center;position: relative;-webkit-transition: all 0.3s;transition: all 0.3s;}
.about-wrap-l .ico a:before {position: absolute;content: '';-webkit-transition: all 0.3s;transition: all 0.3s;border-radius: 50%;left: 50%;top: 50%;width: 0;height: 0;}
.about-wrap-l .ico a:hover {border-color: #333;}
.about-wrap-l .ico a:hover:before {width: 100%;height: 100%;left: 0;top: 0;background-color: #333;}
.about-wrap-l .ico .i1 i {background-image: url(../images/ico16.png);}
.about-wrap-l .ico .i1:hover i {background-image: url(../images/ico16_a.png);}
.about-wrap-l .ico .i2 i {background-image: url(../images/ico17.png);}
.about-wrap-l .ico .i2:hover i {background-image: url(../images/ico17_a.png);}
.about-wrap-r {padding: 20px;background-color: #5b5b5b;color: #fff;}
.about-wrap-r h4 {font-size: 24px;margin: 0 0 15px;}
.about-wrap-r h4:after {content: '';display: block;height: 2px;width: 20px;background-color: #cdcdcd;margin-top: 10px;}
.about-wrap-r p {margin: 15px 0 0;text-align: justify;}
.about-wrap-r .more {display: block;border: 1px solid #828282;margin-top: 20px;width: 38px;height: 38px;position: relative;border-radius: 50%;-webkit-transition: all 0.3s;transition: all 0.3s;}
.about-wrap-r .more i {display: block;width: 100%;height: 100%;background: url(../images/ico9.png) no-repeat center;position: relative;-webkit-transition: all 0.3s;transition: all 0.3s;}
.about-wrap-r .more:before {position: absolute;content: '';-webkit-transition: all 0.3s;transition: all 0.3s;border-radius: 50%;left: 50%;top: 50%;width: 0;height: 0;}
.about-wrap-r .more:hover {border-color: #fff;}
.about-wrap-r .more:hover i {background-image: url(../images/ico10.png);}
.about-wrap-r .more:hover:before {width: 100%;height: 100%;left: 0;top: 0;background-color: #fff;}





.development {background-color: #f6f6f6;padding: 20px;position: relative;margin-bottom: 20px;}
.development h4 {font-size: 28px;margin: 0 0 20px;text-align: center;}
.development h4 small {display: block;font-weight: normal;color: #999;font-size: 14px;}
.development .path {position: relative;}
.development .path:before {content: '';display: block;width: 15px;height: 15px;position: absolute;top: 0;left: -7px;border: 1px solid #ccc;background-color: #fff;border-radius: 50%;z-index: 1;}
.development .path:after {content: '';position: absolute;width: 1px;height: 100%;background-color: #ccc;top: 0;left: 0;}
.development .path li {margin-top: 50px;padding-left: 20px;position: relative;z-index: 1;}
.development .path li img {display: none;}
.development .path li .tit {font-size: 32px;font-weight: bold;font-family: "Arial";}
.development .path li .desc {color: #777;line-height: 1.8;}
.development .path li span {width: 18px;height: 18px;border: 1px solid #ccc;background-color: #fff;position: absolute;left: -9px;text-align: center;border-radius: 50%;top: 13px;font-size: 0;}
.development .path li span:after {display: inline-block;width: 10px;height: 10px;margin-top: 3px;vertical-align: top;background-color: #000;border-radius: 50%;content: '';}
.development .future {text-align: center;line-height: 36px;font-size: 14px;color: #999;margin-top: 16px;}

.team-wrap {margin-bottom: 20px;}
.team-wrap .row {margin: 0;}
.team-wrap .col-md-6,.team-wrap .col-xs-6 {padding: 0;position: relative;}
.team-wrap img {display: block;width: 100%;height: auto;}
.team-wrap .img {position: relative;}
.team-wrap .img .info {position: absolute;left: 0;top: 0;width: 100%;height: 100%;padding: 20px;color: #fff;background-color: rgba(0,0,0,0.5);-webkit-transition: all 0.3s;transition: all 0.3s;
    opacity: 0;
    filter: alpha(opacity=0);}
.team-wrap .img .en {font-size: 16px;margin-bottom: 5px;}
.team-wrap .img .cn:after {display: block;content: '';width: 16px;height: 1px;background-color: #fff;margin-top: 15px;}
.team-wrap .img .work {display: none;font-size: 12px;margin-top: 25px;}
.team-wrap .img .work p {margin: 5px 0;}
.team-wrap .img:hover .info {
    opacity: 1;
    filter: alpha(opacity=100);}
.team-wrap .text {margin-bottom: 20px;}
.team-wrap .text h4 {margin: 0 0 15px;font-size: 26px;font-weight: normal;}
.team-wrap .text h4:after {display: block;width: 10px;height: 2px;background-color: #9a9a9a;margin-top: 10px;content: '';}
.team-wrap .text h5 {margin: 0 0 15px;font-weight: normal;font-size: 16px;color: #444;}
.team-wrap .text p {margin: 0;font-size: 12px;line-height: 2;color: #777;}
.team-wrap .num {position: absolute;left: 0;top: 50%;width: 100%;color: #777;text-align: center;margin-top: -70px;}
.team-wrap .num strong {display: block;font-size: 26px;line-height: 30px;color: #fff;}
.team-wrap .num em {font-style: normal;line-height: 26px;font-size: 12px;}
.team-wrap .num span {display: block;margin: 12px auto 15px;background-color: #9a9a9a;opacity: 0.2;filter: alpha(opacity=20);width: 33px;height: 2px;}




.customer-wrap {margin: 0 0 20px;background-color: #f0f0f0;padding: 20px;overflow: hidden;}
.customer-wrap dd {margin: 0 0 20px;}
.customer-wrap dd h4 {margin: 0 0 15px;font-size: 26px;font-weight: normal;}
.customer-wrap dd h4:after {display: block;width: 10px;height: 2px;background-color: #9a9a9a;margin-top: 10px;content: '';}
.customer-wrap dd p {margin: 0;color: #777;line-height: 1.8;text-align: justify;}
.customer-wrap dd ul {font-size: 0;}
.customer-wrap dd li {display: inline-block;font-size: 12px;color: #bcbcbc;line-height: 20px;text-align: center;margin-right: 30px;margin-top: 20px;}
.customer-wrap dd li strong {display: block;font-size: 40px;color: #333;line-height: 1;}
.customer-wrap dt img {display: block;width: 100%;height: auto;}

.dz-wrap {background: url(../images/bg2.jpg) no-repeat center;background-size: cover;padding: 80px 0;}
.dz-wrap img {display: block;margin: 0 auto;max-width: 100%;height: auto;}
.dz-wrap .btn {display: block;margin: 30px auto 0;border: solid 1px #fff;color: #fff;line-height: 40px;width: 184px;text-align: center;-webkit-transition: all 0.3s;transition: all 0.3s;}
.dz-wrap .btn:hover {background-color: #fff;color: #333;text-decoration: none;}

.technology {text-align: center;overflow: hidden;}
.technology ul {margin: -1px 0 0 -1px;}
.technology i {color: #ff5555;font-size: 50px;}
.technology h4 {margin: 10px 0;font-size: 16px;font-weight: normal;}
.technology p {margin: 0;color: #999;height: 40px;overflow: hidden;}
.technology li {padding: 20px 15px;border-top: 1px solid #ddd;border-left: 1px solid #ddd;}

.fuwu-warp {background: url(../images/bg3.jpg) no-repeat center;background-size: cover;}
.fuwu-warp .item {background-color: #fff;padding: 10px;}
.fuwu-warp .inner {border: 1px solid #ddd;text-align: center;}
.fuwu-warp .item i {font-size: 50px;width: 84px;line-height: 84px;border-radius: 50%;border: 1px solid #FF5555;color: #ff5555;display: block;margin: 30px auto;height: 84px;}
.fuwu-warp .item p {font-size: 16px;}
.fuwu-warp .item span {display: block;background-color: #ededed;line-height: 42px;font-size: 16px;margin-top: 30px;}
.fuwu-warp .owl-dots {text-align: center;margin-bottom: -20px;margin-top: 20px;}
.fuwu-warp .owl-dots button.owl-dot {display: inline-block;width: 10px;height: 10px;background-color: #cfcfcf;margin: 0 5px;border-radius: 50%;outline: none;}
.fuwu-warp .owl-dots button.owl-dot.active {background-color: #FF5555;}
.fuwu-warp .item:hover {background-color: #FF5555;color: #fff;}
.fuwu-warp .item:hover .inner {border-color: #fff;}
.fuwu-warp .item:hover i {color: #fff;border-color: #fff;}
.fuwu-warp .item:hover span {color: #333;background-color: #fff;}

.solution {position: relative;}
.solution:after {position: absolute;content: '';background-color: #e5e5e5;width: 1px;height: 100%;top: 0;left: 10px;}
.solution ul {padding-left: 35px;}
.solution li {position: relative;padding: 15px;-webkit-transition: all 0.3s;transition: all 0.3s;}
.solution li:before {width: 11px;height: 11px;border: 3px solid #fff;background-color: #e5e5e5;content: '';position: absolute;border-radius: 50%;top: 50%;margin-top: -5px;left: -30px;z-index: 2;-webkit-transition: all 0.3s;transition: all 0.3s;}
.solution li:after {content: '';position: absolute;left: -5px;top: 50%;width: 0;height: 0;border-right: 5px solid #fbede9;border-top: 5px solid transparent;border-bottom: 5px solid transparent;margin-top: -5px;opacity: 0;filter: alpha(opacity=0);-webkit-transition: all 0.3s;transition: all 0.3s;}
.solution li .inner {overflow: hidden;}
.solution li img {float: left;width: 45px;height: 45px;margin-right: 15px;}
.solution li .text {margin-left: 60px;}
.solution li .text h4 {margin: 0 0 5px;font-weight: normal;}
.solution li .text p {display: inline-block;margin: 0;font-size: 12px;color: #777;}
.solution li.active {background-color: #fbede9;}
.solution li.active:before {background-color: #df5839;}
.solution li.active:after {opacity: 1;filter: alpha(opacity=100);}

.advantage {overflow: hidden;}
.advantage .num {margin-left: -1px;margin-bottom: 10px;}
.advantage .num li {float: left;width: 50%;border-left: 1px solid #ddd;text-align: center;margin-bottom: 20px;color: #999;}
.advantage .num li strong {display: block;color: #333;font-size: 34px;line-height: 1;margin-bottom: 5px;}
.advantage .partner {font-size: 0;margin-bottom: 30px;text-align: center;}
.advantage .partner li {display: inline-block;width: 115px;position: relative;}
.advantage .partner li img {display: block;width: 100%;height: auto;-webkit-transition: all 0.3s;transition: all 0.3s;}
.advantage .partner li img.color {position: absolute;left: 0;top: 0;opacity: 0;filter: alpha(opacity=0);}
.advantage .partner li:hover img.gray {opacity: 0;filter: alpha(opacity=0);}
.advantage .partner li:hover img.color {opacity: 1;filter: alpha(opacity=100);}
.advantage .more {display: block;width: 200px;border: 1px solid #e5e5e5;font-size: 18px;line-height: 60px;text-align: center;margin: 0 auto;-webkit-transition: all 0.3s;transition: all 0.3s;}
.advantage .more:hover {color: #fff;background-color: #ff5555;border-color: #ff5555;text-decoration: none;}

.more_a {display: block;width: 200px;border: 1px solid #e5e5e5;font-size: 18px;line-height: 60px;text-align: center;margin: 0 auto;-webkit-transition: all 0.3s;transition: all 0.3s;}
.more_a:hover {color: #fff;background-color: #ff5555;border-color: #ff5555;text-decoration: none;}



.scheme {margin: 0 -10px;}
.scheme li {padding: 0 10px;margin-top: 20px;}
.scheme li a {display: block;background-color: #fff;text-align: center;padding: 20px 0;-webkit-transition: all 0.3s;transition: all 0.3s;}
.scheme li p {margin: 10px 0 0;}
.scheme li i {color: #ff5555;display: block;font-size: 30px;-webkit-transition: all 0.3s;transition: all 0.3s;}
.scheme li a:hover {background-color: #ff5555;-webkit-box-shadow: 3px 5px 30px #FFAAAA;box-shadow: 3px 5px 30px #FFAAAA;-webkit-transform: translate3d(0, -10px, 0);transform: translate3d(0, -10px, 0);color: #fff;text-decoration: none;}
.scheme li a:hover i {color: #fff;}

.col-xs-25 {float: left;width: 20%;padding: 0 15px;}

.solution-pa li {padding: 30px;}
.solution-pa li a {display: block;-webkit-box-shadow: 5px 5px 20px 0 rgba(237, 237, 248, 0.5);box-shadow: 5px 5px 20px 0 rgba(237, 237, 248, 0.5);background-color: #fff;padding: 30px 20px;-webkit-transition: all 0.3s;transition: all 0.3s;text-decoration: none;}
.solution-pa li img {width: auto !important;height: auto !important;margin: 0 auto;}
.solution-pa li .num {text-align: center;position: relative;margin-bottom: 40px;}
.solution-pa li .tit {position: absolute;bottom: -15px;left: 0;width: 100%;font-size: 28px;-webkit-transition: all 0.3s;transition: all 0.3s;line-height: 1.1;}
.solution-pa li .text {margin-bottom: 20px;min-height: 45px;}
.solution-pa li p {text-align: center;margin: 5px 0;color: #868fa4;}
.solution-pa li a:hover {-webkit-box-shadow: 10px 10px 50px 0 rgb(237, 237, 248);box-shadow: 10px 10px 50px 0 rgb(237, 237, 248);}
.solution-pa li a:hover .tit {color: #1295e8;}
.solution-pa .owl-dots {text-align: center;margin-bottom: -20px;}
.solution-pa .owl-dots button.owl-dot {display: inline-block;width: 10px;height: 10px;background-color: #cfcfcf;margin: 0 5px;border-radius: 50%;}
.solution-pa .owl-dots button.owl-dot.active {background-color: #FF5555;}

.business {color: #fff;background: url(../images/bg4.png) no-repeat center;background-size: cover;}
.business a {color: #fff;text-decoration: none;}
.business .section-tit-sec p {color: #fff;opacity: 0.6;filter: alpha(opacity=60);}
.business-menu {border-bottom: 1px solid rgba(255, 255, 255, 0.2);font-size: 0;padding-bottom: 10px;margin-bottom: 15px;}
.business-menu li {display: inline-block;font-size: 14px;margin: 0 5px 5px 0;}
.business-menu li a {display: block;line-height: 24px;border: 1px solid rgba(255, 255, 255, 0.3);padding: 0 5px;-webkit-transition: all 0.3s;transition: all 0.3s;}
.business-menu li.active a {background-color: #0084ff;}
.business-item {display: none;}
.business-item h4 {margin: 0 0 10px;font-size: 20px;}
.business-item p {font-size: 12px;margin: 0;line-height: 2;opacity: 0.6;filter: alpha(opacity=60);}
.business-item .more {display: block;width: 150px;line-height: 38px;border: 1px solid rgba(255, 255, 255, 0.3);text-align: center;margin-top: 15px;-webkit-transition: all 0.3s;transition: all 0.3s;}
.business-item .more:hover {background-color: #fff;color: #333;}
.business-item .cases {margin-top: 15px;padding-top: 15px;border-top: 1px solid rgba(255, 255, 255, 0.2);font-size: 0;}
.business-item .cases h5 {margin: 0 0 10px;font-size: 16px;}
.business-item .cases img {display: inline-block;height: 20px;width: auto;margin: 5px 10px 0 0;}

.function li {float: left;width: 50%;padding: 15px;}
.function li a {display: block;background-color: #fff;text-align: center;-webkit-box-shadow: 5px 5px 20px 0 rgba(237, 237, 248, 0.26);box-shadow: 5px 5px 20px 0 rgba(237, 237, 248, 0.26);padding: 15px;text-decoration: none;-webkit-transition: all 0.3s;transition: all 0.3s;}
.function li a:hover {-webkit-box-shadow: 0 20px 50px 0 rgba(118, 141, 201, 0.2);box-shadow: 0 20px 50px 0 rgba(118, 141, 201, 0.2);z-index: 1;position: relative;}
.function li img {display: block;margin: 0 auto;height: 30px;width: auto;}
.function li p {margin: 15px 0 0;font-size: 12px;color: #445780;}

.tool-wrap {background-color: #313233;color: #d6d6d6;}
.tool-wrap li {float: left;width: 33.333333%;padding: 15px;text-align: center;}
.tool-wrap li a{ color:#FFFFFF}
.tool-wrap li img {display: block;margin: 0 auto;height: 34px;width: auto;-webkit-transition: all 0.3s;transition: all 0.3s;}
.tool-wrap li p {margin: 10px 0 0;font-size: 12px;}
.tool-wrap li:hover img {-webkit-transform: translate(0, -5px);transform: translate(0, -5px);}

.business-xcx {background-image: url(../images/bg5.jpg) !important;}
.business-xcx .business-menu li.active a {background-color: #ff5555;}
.business-xcx .business-item .cases img {height: 80px;}

.body-wrap{
    width: 100%;
    position: relative;
    transition: all 0.5s ease 0s;
    z-index: 1;
	background-color: #eaeaea;
}
.body-wrap .news-info .news-detail{ width:92%; margin:0 auto;}

.news-info{
    background-color: #fff;
    padding-top: 60px;
    padding-bottom: 65px;
}
.news-detai2{}

.news-detail-title {padding-bottom: 20px;margin-bottom: 20px;border-bottom: 1px solid #eee; }
.news-detail-title h1 {margin: 0;font-size: 22px;}
.news-detail-title .info {color: #999;font-size: 12px;margin-top: 15px;}
.news-detail-title .info span {display: inline-block;margin-right: 10px;}
.news-detail-body {line-height:2; font-size:16px; color: #777;}
.news-detail-body img {display: inline-block;vertical-align: middle;max-width: 100%;height: auto;}

.new-float {position: fixed;right: 0;top: 50%;z-index: 100;width: 77px;height: 300px;margin-top: -150px;}
.new-float li {position: relative;width: 77px;height: 57px;margin-bottom: 1px;line-height: 27px;color: #fff;text-align: center;}
.new-float li.hover {overflow: hidden;}
.new-float li a {display: block;color: #fff;font-size: 12px;text-decoration: none;}
.new-float li a.tit {width: 87px;padding: 30px 10px 0 0;color: #fff;line-height: 27px;}
.new-float li.fi a {background: url(../images/bg_float01.png) no-repeat;}
.new-float li.th a {background: url(../images/bg_float03.png) no-repeat;}
.new-float li p {position: relative;z-index: 2;padding-top: 30px;cursor: pointer;line-height: 27px;margin: 0;}
.new-float li.fif p {background: url(../images/bg_float05.png) no-repeat;font-size: 12px;}
.new-float li .tel {position: absolute;left: 77px;top: 0;z-index: 1;width: 184px;height: 57px;font: 24px/57px Arial;color: #fff;background: url(../images/bg_float06.png) no-repeat;cursor: pointer;}
.new-float li.six a {background: url(../images/xxf_bg_float01.png) no-repeat;}

.m-new-float {position: fixed;left: 0;bottom: 0;z-index: 100;width:100%;height: 57px;background: #ff5555}
.m-new-float li {position: relative;width:33%;height: 57px;line-height: 27px;color: #fff;text-align: center;float: left;}

.m-new-float li a {display: block;color: #fff;font-size: 12px;text-decoration: none;}
.m-new-float li a.tit {width:87px;margin: 0 auto;line-height: 27px;padding:25px 0 0 0;color: #fff; margin-top:4px;}
.m-new-float li.fi a {background: url(../images/footkf1.png) no-repeat center  top; background-size:28px 28px;}
.m-new-float li.th a {background: url(../images/footkf2.png) no-repeat center top; background-size:28px 28px;}
.m-new-float li.fif a {background: url(../images/footkf3.png) no-repeat center top; background-size:28px 28px;}

.bot-paging {position: absolute;bottom: 10px;left: 0;width: 100%;padding: 0 15px;}
.bot-paging .link-info {display: block;width: 46px;height: 46px;position: relative;overflow: hidden;-webkit-transition: width 0.3s;transition: width 0.3s;}
.bot-paging .tit-box {display: block;line-height: 46px;height: 46px;border-radius: 46px;background: rgba(0, 0, 0, 0.22);position: absolute;top: 0;width: 68px;color: #fbf9f6;z-index: 1;font-size: 14px;-webkit-box-sizing: content-box;box-sizing: content-box;}
.bot-paging .prev .tit-box {-webkit-transform: translateX(-102%);transform: translateX(-102%);left: 1px;padding: 0 22px 0 55px;}
.bot-paging .next .tit-box {-webkit-transform: translateX(102%);transform: translateX(102%);right: 1px;padding: 0 55px 0 22px;}
.bot-paging .link-ico {display: block;;width: 46px;height: 46px;position: relative;z-index: 2;background-color: rgba(0, 0, 0, 0.15);border-radius: 50%;}
.bot-paging .link-ico i {display: block;width: 100%;height: 100%;background: no-repeat center;}
.bot-paging .prev .link-ico i {background-image: url(../images/ico18.png);}
.bot-paging .next .link-ico i {background-image: url(../images/ico19.png);}
.bot-paging .retun-list {position: absolute;left: 50%;bottom: 0;width: 46px;height: 46px;margin-left: -23px;-webkit-transition: all 0.3s;transition: all 0.3s;overflow: hidden;}
.bot-paging .retun-list .chunk-box {display: block;width: 46px;height: 46px;float: right;overflow: hidden;position: relative;border-radius: 50%;background: url(../images/ico20.png) no-repeat center rgba(0, 0, 0, 0.15);}
.bot-paging .retun-list .round-tit {display: block;width: 108px;padding: 0 55px 0 22px;position: absolute;right: 1px;top: 0;-webkit-transform: translateX(102%);transform: translateX(102%);color: #fff;line-height: 46px;font-size: 14px;background: rgba(0, 0, 0, 0.22);border-radius: 46px;-webkit-box-sizing: content-box;box-sizing: content-box;}

@media (min-width:768px) {
    .banner .text img {width: auto;max-width: 400px;}
    .banner .text h4 {font-size: 20px;}
    .banner .text small {font-size: 14px;}
    .banner .owl-dots {bottom: 130px;}

    .site-total .item p {font-size: 14px;}
    .site-total .item .num {font-size: 26px;}
    .site-total .owl-nav {margin-top: 20px;}

    .graphic-big {margin: 0;}
    .graphic-big dd {padding: 40px;}

    .appointment form {overflow: hidden;}
    .appointment input {float: left;margin: 0;}

    .footer-link {padding-bottom: 35px;margin-bottom: 35px;}
    .footer-link span {display: block;}
    .footer-link a {margin-right: 0;}
    .footer-link .call {float: right;margin-top: 0;}

    .sub-banner {min-height: 300px;}
    .sub-banner .tit {float: left;}
    .sub-banner .tit h4 {font-size: 26px;}

    .sub-column {display: block;}

    .about-wrap-l,.about-wrap-r {padding: 30px 40px;}

    .development .path li {padding-left: 40px;}
    .development .path li .tit {font-size: 40px;}
    .development .path li span {top: 19px;}

    .team-wrap .text {padding: 40px;margin: 0;}
    .team-wrap .num {margin-top: -106px;}
    .team-wrap .num strong {font-size: 66px;line-height: 1;}

    .customer-wrap {padding: 30px;}
    .customer-wrap dd {float: left;width: 41%;margin: 0;}
    .customer-wrap dt {float: right;width: 50%;}

    .section-tit-sec p {font-size: 14px;}

    .advantage .num li {width: 25%;}
    .advantage .partner li {width: 170px;}

    .business-item .cases img {height: 40px;}
    .business-item p {font-size: 14px;}
    .business-menu li a {line-height: 30px;padding: 0 10px;}

    .function li {width: 25%;}
    .function li a {padding: 40px 20px;}
    .function li img {height: 60px;}
    .function li p {font-size: 18px;}

    .tool-wrap li {padding: 30px 15px;}
    .tool-wrap li img {height: 68px;}
    .tool-wrap li p {font-size: 18px;margin-top: 20px;}

    .news-banner .title {margin: 50px 0 20px;}

    .news-detail-title h1 {font-size: 26px;}
}


@media screen and (max-width:1024px){
	.news-detail-body img{ width:100% !important; height:100% !important;}
}


@media (min-width:992px) {
    body {padding-bottom: 0;}
    .header {padding: 0;}
    .header .logo {height: 49px;margin-top: 41px;margin-bottom: 20px;}
    .header-w .logo {margin-top: 16px;margin-bottom: 15px;}

    .banner .text img {max-width: 600px;}

    .section {padding: 60px 0;}
    .section-tit {margin-bottom: 60px;}
    .section-tit h4 {font-size: 48px;}
    .section-tit p {font-size: 16px;}
    .section-tit-sec {margin-bottom: 60px;}
    .section-tit-sec h4 {font-size: 36px;}
    .section-tit-sec p {font-size: 16px;margin-top: 30px;}

    .response-box {padding-bottom: 0;}
    .response-box-con {padding-top: 0;}
    .response-box-con dt {width: 500px;}
    .response-box-con dd {padding-top: 60px;text-align: left;margin-right: 500px;}
    .response-box-con dd .num {margin: 0;font-size: 0;}
    .response-box-con dd h4 {margin: 25px 0 30px;}
    .response-box-con dd .client em {margin-left: 30px;margin-right: 30px;}

    .graphic-big dt {float: left;width: 64%;}
    .graphic-big dd {margin-left: 64%;padding: 20px;}
    .graphic-big dl.r dt {float: right;}
    .graphic-big dl.r dd {margin-left: 0;margin-right: 64%;}

    .nav-box a {line-height: 50px;}

    .tit-box p {font-size: 16px;}

    .appointment .text {float: left;width: 270px;}
    .appointment p {margin-bottom: 0;}
    .appointment form {float: right;width: 600px;margin-top: 23px;}

    .sub-banner {padding: 200px 0 140px;min-height: 530px;}
	
	    .sub-nybanner {padding: 200px 0 140px;}


    .sub-column li a {font-size: 16px;}

    .sub-banner .b1 {border-bottom: 1px solid rgba(255,255,255,0.2);padding: 30px 0;margin-bottom: 30px;}

    .development {padding: 70px 40px;}
    .development h4 {margin-bottom: 40px;}
    .development .path:before {left: 50%;margin-left: -7px;}
    .development .path:after {left: 50%;}
    .development .path li {float: left;width: 100%;padding-left: 0;}
    .development .path li img {display: block;float: left;width: 10.8%;border-radius: 50%;}
    .development .path li .text {width: 29%;float: left;margin-left: 5%;text-align: right;}
    .development .path li span {left: 50%;margin-left: -9px;}
    .development .path li:nth-of-type(even) img {float: right;}
    .development .path li:nth-of-type(even) .text {margin-left: 0;margin-right: 5%;text-align: left;float: right;}
    .development .future {margin-top: 30px;}

    .team-wrap .num {margin-top: -85px;}
    .team-wrap .num strong {font-size: 44px;line-height: 1;}

    .customer-wrap {padding: 50px;}
    .customer-wrap dd ul {margin-top: 50px;}

    .solution:after {height: 1px;width: 100%;left: 0;top: 142px;}
    .solution ul {padding-left: 0;}
    .solution li {float: left;width: 12.5%;padding: 30px 5px;}
    .solution li:before {left: 50%;top: 132px;margin-top: 0;width: 21px;height: 21px;border-width: 5px;margin-left: -10px;}
    .solution li:after {display: none;}
    .solution li img {float: none;width: 60px;height: 60px;margin: 0 auto;display: block;}
    .solution li .text {margin: 0;text-align: center;}
    .solution li .text h4 {font-size: 16px;color: #6d7482;line-height: 2;height: 32px;overflow: hidden;margin-bottom: 50px;}
    .solution li .text p {display: block;font-size: 14px;line-height: 1.8;color: #e25730;opacity: 0;filter: alpha(opacity=0);-webkit-transition: all 0.3s;transition: all 0.3s;}
    .solution li.active .text p {opacity: 1;filter: alpha(opacity=100);}

    .scheme li i {font-size: 50px;}
    .scheme li p {font-size: 16px;}
    .scheme li a {padding: 30px 0;}

    .business {background: url(../images/bg4_pc.png);padding: 0;}
    .business .section-tit-sec {text-align: left;}
    .business-wrap {position: relative;margin-left: 300px;padding: 80px 0 80px 50px;min-height: 700px;}
    .business-menu {position: absolute;left: -300px;width: 300px;top: 0;background: url(../images/s2_bg1.png) no-repeat center;height: 100%;border-bottom: 0;margin: 0;padding: 200px 0 0;}
    .business-menu li {display: block;margin: 0;}
    .business-menu li a {border: 0;line-height: 80px;padding-left: 35px;font-size: 18px;border-left: 5px solid transparent;}
    .business-menu li.active a {border-left: 5px solid #1363ef;background-color: rgba(0,0,0,0.5);}
    .business-item h4,.business-item .cases h5 {font-size: 24px;}
    .business-item .more {margin-top: 40px;}
    .business-item .cases {padding-top: 40px;margin-top: 40px;}

    .function li {width: 20%;}

    .tool-wrap li {width: 20%;}

    .business-xcx .business-menu {padding: 20px 0 0;background-color: #181a28;}
    .business-xcx .business-menu li.active a {background-color: #fff;border-color: #FF5555;color: #333;}

    .news-banner .title {font-size: 48px;}
	#page .sub-banner .container .title{font-size: 48px;margin: 50px 0 20px;}
    .news-banner .title:after {height: 4px;}
	

#page .sub-banner .container .font {
    opacity: 1;
    filter: alpha(opacity=100);
    transform: translateY(0);
    transition: 0.3s ease 0.4s;font-size:26px;
}

    .bot-paging {position: fixed;bottom: 50px;z-index: 100;left: 2%;width: 96%;padding: 0;display: none;}
    .bot-paging.open {display: block;}
    .bot-paging .link-info:hover {
        width: 147px;
    }
    .bot-paging .link-info:hover .link-ico {
        background-color: rgba(0, 0, 0, 0.8);
    }
    .bot-paging .link-info:hover .tit-box {
        -webkit-transform: translateX(0);
                transform: translateX(0);
    }
    .bot-paging .next .link-ico {
        float: right;
    }
    .bot-paging .retun-list:hover {
        width: 190px;
        margin-left: -95px;
    }
    .bot-paging .retun-list:hover .round-tit {
        -webkit-transform: translateX(0);
                transform: translateX(0);
    }
}

@media (min-width:1200px) {
    .header .tool a {margin-left: 30px;}
    .header .nav {margin-right: 30px;}

    .banner .text img {max-width: 100%;}
    .banner .text h4 {font-size:40px;}
    .banner .text small {font-size:20px;}

    .site-total {padding: 30px 0;}

    .response-box-con dt {width: 595px;}
    .response-box-con dd {margin-right: 595px;}

    .graphic-big dd {padding: 40px;}

    .appointment .container {position: relative;}
    .appointment .text {margin-left: 260px;}

    .footer {padding-top: 50px;}
    .footer-bottom {margin-top: 50px;}
    .footer-bottom a {margin-right: 20px;}

    .sub-banner .b1 {padding: 50px 0;margin-bottom: 50px;}
    .sub-banner .tit h4 {font-size: 34px;margin-bottom: 30px;}
    .sub-banner .tit p {font-size: 16px;}
    .sub-banner .num li {margin-left: 40px;padding-left: 40px;}
    .sub-banner .num li strong {font-size: 60px;margin: 10px 0;width: 200px;}

    .about-wrap-l {float: left;width: 40%;padding: 80px;}
    .about-wrap-l .ico {margin-top: 50px;}
    .about-wrap-r {margin-left: 40%;padding: 80px;min-height: 500px;}
    .about-wrap-r p {min-height: 200px;}

    .team-wrap .num {margin-top: -106px;}
    .team-wrap .num strong {font-size: 66px;line-height: 1;}

    .customer-wrap dd li strong {font-size: 60px;}

    .advantage .num li strong {font-size: 50px;}
    .advantage .partner li {margin: 0 20px 20px;}

    .business-item .cases img {margin: 10px 20px 0 0;}

    .news-detail-title .info {font-size: 14px;}

    .team-wrap .img .en {font-size: 24px;}
    .team-wrap .img .cn {font-size: 16px;}
    .team-wrap .img .work {display: block;}
}


.appointment .row .coolbg {display: block;
    width:100% !important; height:43px !important; font-weight:bold;
    padding: 8px 12px;
    border: 1px solid transparent;
    border-radius: 5px;
    background-color: #fff;
    color: #ff5555;
    font-size: 16px;}
	
	@media screen and (max-width:1024px){
.appointment .row .coolbg{height:50px !important; font-size: 22px; font-weight:bold;}
}
	
	
@media (min-width:1580px) {
    .container {width: 1510px;}

    .header .nav {margin-right: 100px;}

    .banner .text {margin-bottom: 140px;}
    .banner .owl-dots {bottom: 155px;}

    .site-total .item .num {font-size: 40px;}
    .site-total .item p {font-size: 20px;}

    .graphic-big dd {}
    .graphic-big dd .tag {margin-top: 50px;}
    .graphic-big dd .more {margin-top: 50px;}

    .appointment .text {width: 345px;margin-left: 280px;}
    .appointment h4 {font-size: 48px;}
    .appointment p {font-size: 18px;}
    .appointment form {width: 800px;margin-top: 48px;}
    .appointment input {font-size: 18px;}
	input::-webkit-input-placeholder {
         /* placeholder颜色  */
         color: #fff;
    }
    .appointment button {font-size: 20px;}

    .team-wrap .text {padding: 80px;}
    .team-wrap .text p {font-size: 14px;}

    .customer-wrap {padding: 70px;}

    .solution:after {top: 174px;}
    .solution li:before {top: 164px;}
    .solution li img {width: 92px;height: 92px;}

    .advantage .num {width: 1100px;margin: 0 auto 30px;}
    .advantage .num li:first-child {border-left: 0;}

    .scheme {margin: 0 -15px;}
    .scheme li {padding: 0 15px;margin-top: 30px;}

    .business-wrap {padding-left: 100px;}
}


/* 20181017新增 */
.pay-wrap {background-color: #fff;margin: -30px -15px 0;}
.pay-wrap-l {padding: 20px;}
.pay-wrap-l h4 {font-size: 30px;margin: 0 0 20px;}
.pay-wrap-l .desc {font-size: 18px;}
.pay-wrap-l h5 {font-size: 18px;margin-top: 30px;margin-bottom: 20px;}
.pay-wrap-l dl {margin: 0 0 15px;padding-bottom: 5px;border-bottom: 1px solid #eee;overflow: hidden;}
.pay-wrap-l dt {float: left;margin-right:12px;margin-bottom: 10px;}
.pay-wrap-l dt img {display: block;}
.pay-wrap-l dd {margin: 0;}
.pay-wrap-l dd p {margin: 0 0 10px;}
.pay-wrap-l .ico {font-size: 0;}
.pay-wrap-l .ico a {display: inline-block;border: 1px solid #aaa;width: 43px;height: 43px;position: relative;border-radius: 50%;-webkit-transition: all 0.3s;transition: all 0.3s;margin: 20px 20px 0 0;}
.pay-wrap-l .ico i {display: block;width: 100%;height: 100%;background: no-repeat center;position: relative;-webkit-transition: all 0.3s;transition: all 0.3s;}
.pay-wrap-l .ico a:before {position: absolute;content: '';-webkit-transition: all 0.3s;transition: all 0.3s;border-radius: 50%;left: 50%;top: 50%;width: 0;height: 0;}
.pay-wrap-l .ico a:hover {border-color: #333;}
.pay-wrap-l .ico a:hover:before {width: 100%;height: 100%;left: 0;top: 0;background-color: #333;}
.pay-wrap-l .ico .i1 i {background-image: url(../images/ico16.png);}
.pay-wrap-l .ico .i1:hover i {background-image: url(../images/ico16_a.png);}
.pay-wrap-l .ico .i2 i {background-image: url(../images/ico17.png);}
.pay-wrap-l .ico .i2:hover i {background-image: url(../images/ico17_a.png);}
.pay-wrap-r {padding: 30px 20px;background-color: #333;color: #fff;}
.pay-wrap-r h4 {font-size: 24px;margin: 0 0 15px;}
.pay-wrap-r h4:after {content: '';display: block;height: 2px;width: 20px;background-color: #cdcdcd;margin-top: 10px;}
.pay-wrap-r .desc {font-size: 16px;opacity: 0.5;filter: alpha(opacity=50);}
.pay-wrap-r ul {margin-top: 20px;font-size: 0;}
.pay-wrap-r li {display: inline-block;font-size: 14px;padding-right:26px;text-align: center;position: relative;}
.pay-wrap-r li p {margin: 0;}
.pay-wrap-r li .cn-tt {opacity: 0.8;filter: alpha(opacity=80);line-height: 30px;}
.pay-wrap-r li .num {font-size: 22px; font-weight: bold;}
.pay-wrap-r li .en-tt {font-size: 12px;line-height: 2;opacity: 0.4;filter: alpha(opacity=40);}
.pay-wrap-r li .line {display: none;width: 1px;height: 95px;background-color: #fff;opacity: 0.07;filter: alpha(opacity=7);position: absolute;right: 30px;top: 32px;}

.top-tit {margin-left: -15px;margin-bottom: 15px;}
.top-tit a {margin:0 12px;color: #999;font-size: 22px;    display: inline-block;}
.top-tit a:hover,.top-tit a.active {color: #333;text-decoration: none;}

.top-sc {margin-bottom: 30px;overflow: hidden;}
.top-sc input {float: left;border: none;width: 205px;font-size: 12px;color: #999;padding: 9px 15px;background-color: #eee;outline: navajowhite;line-height: 18px;}
.top-sc button {border: none;width: 40px;height: 36px;text-align: center;color: #fff;outline: none;background: url(../images/ico_32.png) no-repeat center #8f8f8f;}

@media screen and (max-width:1024px){
.top-tit { margin-left:0;}
	.top-sc {margin-bottom: 30px;overflow: hidden; float:left; margin-left:0; text-align:center;padding:0 12px;}
	.top-sc input {float: left;border: none; width: 205px;font-size: 12px;color: #999;padding: 9px 15px;background-color: #eee;outline: navajowhite;line-height: 18px;}
.top-sc button {border: none;width: 40px; height: 36px;text-align: center;color: #fff;outline: none;background: url(../images/ico_32.png) no-repeat center #8f8f8f; float:right}


}
.map-wrap {background-color: #f5f5f5;margin: -30px -15px 0;}
.map-wrap-l {padding: 20px;}
.map-wrap-l h4 {font-size: 30px;margin: 0 0 20px;}
.map-wrap-l .desc {font-size: 18px;}
.map-tabs {margin-left: -15px;margin-top: 30px;overflow: hidden;}
.map-tabs a {float: left;margin-left: 15px;margin-bottom: 10px;font-size: 20px;color: #c5c5c5;}
.map-tabs a:hover,.map-tabs a.active {color: #333;text-decoration: none;}
.map-tabs-con {display: none;}
.map-wrap-l dl {margin: 25px 0 0;}
.map-wrap-l dt {padding-bottom: 15px;margin-bottom: 15px;font-weight: bold;font-size: 18px;border-bottom: 1px solid #ddd;}
.map-wrap-l dd {margin: 0;}
.map-wrap-l dd.add p {margin: 0;line-height: 24px;}
.map-wrap-l dd .ewm {float: left;}
.map-wrap-l dd .qq {margin-left: 120px; margin-top:8px;}
.map-wrap-l dd .qq a {display: block;margin-bottom: 10px;border: 1px solid #e3e3e3;
    padding-left: 40px;
    line-height: 34px;
    width: 115px;
    font-size: 12px;
    background: url(../images/ico_14.png) no-repeat 17px center;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;}
.map-wrap-l dd .qq a:hover {border: 1px solid #333;
    color: #fff;
    background: url(../images/ico_14_h.png) no-repeat 17px center #333;text-decoration: none;}
.map-wrap-l .ico {font-size: 0;}
.map-wrap-l .ico a {display: inline-block;border: 1px solid #aaa;width: 43px;height: 43px;position: relative;border-radius: 50%;-webkit-transition: all 0.3s;transition: all 0.3s;margin: 20px 20px 0 0;}
.map-wrap-l .ico i {display: block;width: 100%;height: 100%;background: no-repeat center;position: relative;-webkit-transition: all 0.3s;transition: all 0.3s;}
.map-wrap-l .ico a:before {position: absolute;content: '';-webkit-transition: all 0.3s;transition: all 0.3s;border-radius: 50%;left: 50%;top: 50%;width: 0;height: 0;}
.map-wrap-l .ico a:hover {border-color: #333;}
.map-wrap-l .ico a:hover:before {width: 100%;height: 100%;left: 0;top: 0;background-color: #333;}
.map-wrap-l .ico .i1 i {background-image: url(../images/ico16.png);}
.map-wrap-l .ico .i1:hover i {background-image: url(../images/ico16_a.png);}
.map-wrap-l .ico .i2 i {background-image: url(../images/ico17.png);}
.map-wrap-l .ico .i2:hover i {background-image: url(../images/ico17_a.png);}
#map {height: 350px;width: 100%;}

@media (min-width:768px) {
    .pay-wrap {margin: 0;}
    .pay-wrap-l {padding:  30px 40px;}
    .pay-wrap-l h4 {font-size: 36px;}
    .pay-wrap-l h5 {margin-bottom: 30px;}
    .pay-wrap-l dl {overflow: hidden;padding-bottom: 25px;margin-bottom: 25px;}
    .pay-wrap-l dt {float: left;}
    .pay-wrap-r {padding: 30px 40px;}
    .pay-wrap-r h4 {font-size: 30px;margin-bottom: 25px;}
    .pay-wrap-r ul {margin-top: 30px;}
    .pay-wrap-r li .num {font-size: 30px;line-height: 2;}

    .top-tit {margin-left: -35px;}
    .top-tit a {font-size: 22px;margin-left: 35px;line-height: 36px;}

    .top-tit {display: inline-block;}
    .top-sc {float: right;}

    .map-wrap {margin: 0;}
    .map-tabs {margin-left: 0;float: left;width: 150px;}
    .map-tabs a {margin-left: 0;display: block;float: none;}
    .map-con {margin-left: 150px;}
    .map-wrap-l {padding:  30px 40px;}
    .map-wrap-l h4 {font-size: 36px;}
    .map-wrap-l dl {margin-top: 30px;}
}
@media (min-width:992px) {
    .top-tit a {font-size: 30px;}
}
@media (min-width:1200px) {
    .dropdown-menu ul {margin-left: 0px;margin-right: 0px;}

    .list-wrap-1 li .text p {margin-bottom: 15px;}

    .pay-wrap-l {float: left;padding: 120px 0 0 60px;width: 540px;min-height: 710px;}
    .pay-wrap-l h4 {font-size: 60px;line-height: 1;}
    .pay-wrap-r {float: right;padding: 120px 0 0 60px;width: 500px;min-height: 710px;}
    .pay-wrap-r ul {margin-top: 50px;}
    .pay-wrap-r li .num {font-size: 36px;}

    .map-wrap-l {float: left;padding: 50px 60px;width: 630px;}
    .map-tabs {margin-top: 50px;width: 200px;}
    .map-tabs a {font-size: 24px;}
    .map-con {margin-left: 200px;}
    .map-wrap-l dl {margin-top: 50px;}
    .map-wrap-r {float: right;width:673px;}
    #map {height: 650px;}
}
@media (min-width:1580px) {
    .dropdown-menu ul {margin-left: 480px;margin-right: 0px;}
	.nav .dropdown:nth-last-of-type(4) .clearfix{ margin-left:591px;}
	.nav .dropdown:nth-last-of-type(3) .clearfix{ margin-left:923px; width:32%; height:50px; overflow:hidden;}
	.nav .dropdown:nth-last-of-type(2) .clearfix{ margin-left:870px;}
	.nav .dropdown:nth-last-of-type(1) .clearfix{ margin-left:1060px;}

    .list-wrap-1 li .date {float: left;margin: 0;}
    .list-wrap-1 li .tt {margin-left: 110px;}

    .pay-wrap-l {width: 700px;}
    .pay-wrap-l h4 {font-size: 80px;}
    .pay-wrap-r {width: 630px;}
    .pay-wrap-r li {padding-right: 60px;}
    .pay-wrap-r li .num {font-size: 45px;}
    .pay-wrap-r li .line {display: block;}

    .map-wrap-l {width: 800px;}
}



@media screen and (max-width:1024px){
.col-sm-4 input{ height:50px !important; font-size:18px; }
input::-webkit-input-placeholder {
         /* placeholder颜色  */
         color: #fff;
    }
.appointment h4{ font-size:38px;}
.appointment p{ font-size:16px;}
.col-sm-4.coolbg{height:45px !important; font-size:16px !important;}

.col-md-9{padding:35px !important;}
.sub_txt{ margin-top:30px;bottom:0;}
.sub_txt h3{font-size: 32px !important;}
.sub_txt p{font-size: 18px !important; margin-top:8px !important; }
.sub-banner{ height:258px;}
.xwboxl{ padding:20px;    margin: 30px 0;}
.news-detail{margin: 30px 0;}
.xwboxr{margin: 30px 0;}
.col-md-666{ padding:20px !important; width:100% !important;}
}



.sub_txt{ position: absolute;left: 0;right: 0;text-align: center;bottom: 33%;color: #fff;z-index: 50;}
.sub_txt h3{font-size: 80px; margin: inherit;}
.sub_txt p{font-size: 40px; margin: inherit;}



@media screen and (max-width:800px){

.xwboxl,.xwboxr{width:100%;float:none}
.bot-paging {
    position:relative;
 
}

}






	
.col-md-666 { padding:69px; width:60%; float:left;}
.col-md-666 .text h4 {margin: 0 0 15px;font-size: 26px;font-weight: normal;}
.col-md-666 .text h4:after {display: block;width: 10px;height: 2px;background-color: #9a9a9a;margin-top: 10px;content: '';}
.col-md-666 .text h5 {margin: 0 0 15px;font-weight: normal;font-size: 16px;color: #444;}
.col-md-666 .text p {margin: 0;font-size: 12px;line-height: 2;color: #777; font-size:14px;}
.col-md-666 .num {position: absolute;left: 0;top: 50%;width: 100%;color: #777;text-align: center;margin-top: -70px;}
.col-md-666 .num strong {display: block;font-size: 26px;line-height: 30px;color: #fff;}
.col-md-666 .num em {font-style: normal;line-height: 26px;font-size: 12px;}
.col-md-666 .num span {display: block;margin: 12px auto 15px;background-color: #9a9a9a;opacity: 0.2;filter: alpha(opacity=20);width: 33px;height: 2px;}
.look-website{    display: inline-block;
    width: 110px;
    height: 34px;
    border: 1px solid #d0d0d0;
    line-height: 34px;
    font-size: 14px;
    border-radius: 15px;
    /* background: #333; */
    margin-top: 50px;
    transition: all 0.3s ease 0s;
    color: #000 !important;
    text-align: center;
}
.look-website:hover{ background:#000; color:#fff !important;}

.news-detail-body p{ padding:20px;}