@font-face{font-family:dinpro-bold;src:url(../fonts/DINPro-Bold.otf)}

.header{width:100%;position:absolute;top:0;left:0;z-index:10000;border-bottom:1px rgba(255,255,255,.09) solid;padding:0 5%}
.header:hover{background:rgba(0,0,0,.15);border-bottom:1px rgba(255,255,255,.2) solid}
.header_left{padding-top:18px;float:left}
.header a img:last-child{display:none}
.header_new{width:100%;position:fixed;top:0;left:0;z-index:10000;background:url(../image/nav_01.jpg) left repeat-y;padding:0 5%;transition:.5s;box-shadow:0 0 10px rgba(0,0,0,.2)}
.header_new.header_hide{top:-100px}
.header_new.white{background:#fff;position:fixed}
.header_new.white .nav ul li>a{color:#000}
.header_new.white .sp_nav span{background:#000}
.header_new.white .phone p{color:#000}
.header_new.white .phone h3{color:#000}
.header_new.white .nav{border-right:1px rgba(0,0,0,.1) solid}
.header_new a img:last-child{display:none}
.header_new.white a img:last-child{display:block}
.header_new.white a img:first-child{display:none}
.header_new.white .erji{background:#fff;border-top:1px rgba(0,0,0,.1) solid}
.header_new.white .nav ul li:hover{background:0 0}
.header_new.white .erji a{color:#000}
.header_two{width:100%;position:fixed;top:0;left:0;z-index:10000;border-bottom:1px rgba(255,255,255,.09) solid;padding:0 5%;transition:.5s; box-sizing: border-box;}
.header_two:hover{background:rgba(0,0,0,.15);border-bottom:1px rgba(255,255,255,.2) solid}
.header_two.header_hide{top:-100px}
.header_two a img:last-child{display:none}
.header_two.white{width:100%;position:fixed;left:0;z-index:10000;background:#fff;padding:0 3%;transition:.5s;box-shadow:0 0 10px rgba(0,0,0,.2)}
.header_two.white .nav ul li>a{color:#000}
.header_two.white .sp_nav span{background:#000}
.header_two.white .phone p{color:#000}
.header_two.white .phone h3{color:#000} 
.header_two.white .phone{
    border-left: 1px solid rgba(0,0,0,.3);
}
.header_two a img:last-child{display:none}
.header_two.white a img:last-child{display:block}
.header_two.white a img:first-child{display:none}
.header_two.white .erji{background:#fff;border-top:1px rgba(0,0,0,.1) solid}
.header_two.white .nav ul li:hover{background:0 0}
.header_two.white .erji a{color:#000}
.nav{width:100%;height:95px;margin:0 auto;box-sizing:border-box}
.nav_logo{float:left;margin-top:20px}
.nav ul{display:inline-block;float:right;}
/*.nav ul li{float:left;font-size:16px;list-style:none;width:110px;text-align:center}*/
.nav ul li{float:left;font-size:16px;list-style:none;width:96px;text-align:center}
.nav ul li.thr{ width:82px}
.nav ul li.eve{ width:100px}
.nav ul li:hover{border-bottom:2px #df0e19 solid;background:rgba(0,0,0,.1)}
.nav ul li>a{color:#fff;display:block;line-height:93px}
.nav ul li a:hover{color:#fff;text-decoration:none}

.phone{width: 180px;
    font-size: 14px;
    float: left;
    text-align: left;
    padding-left: 20px;
    height: 40px;
    line-height: 40px;
    margin-top: 29px;
    margin-left: 25px;
    border-left: 1px solid rgba(255,255,255,.3);}
.phone p{color:#fff;margin-top:25px}
.phone h3{    color: #fff; 
    font-size: 30px; 
    font-family: dinpro-bold;
    display: block;}
 
.banner  a img{
	display: block;
	width: 100%;
}
.banner .swiper-pagination-bullet {
	width: 12px;
	height: 12px;
	display: inline-block;
	border-radius: 100%;
	background: #fff;
	opacity: 1;
	position: relative;
	-webkit-transition: all .3s ease-in-out 0s;
	transition: all .3s ease-in-out 0s;
}

.banner .swiper-pagination-bullet-active {
	opacity: 1;
	background: #fff;
}

.banner .swiper-pagination-bullet::after {
	content: "";
	opacity: 0;
	width: 16px;
	height: 16px;
	border: 1px solid #fff;
	border-radius: 50%;
	position: absolute;
	left: -3px;
	top: -3px;
}

.banner .swiper-pagination-bullet-active::after {
	opacity: 1;
}

.banner .swiper-container-horizontal>.swiper-pagination-bullets {
	bottom: 20px;
}

.banner .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
	margin: 0 8px;
}

.in_tit h2{text-align:center;letter-spacing:2px;margin:0 auto;padding-top:30px;font-size:36px;font-weight: bold;line-height:36px;color:#222;}
.in_tit span{width:55px;height:20px;border-bottom:solid 2px #e6212a;display:block;margin:0 auto;}
.in_tit p{    margin: 0 auto;
    width: 50%;
    padding-top: 20px;
    line-height: 24px;
    font-weight: normal;
    text-align: center;
    font-size: 16px;
    color: #666;}

/*网站套餐*/
.ai_card{padding-top:40px;}
.ai_card h2.t {
	padding-top: 80px;
	font-size: 36px;
	text-align: center;
	font-weight: normal;
}

.ai_card p.sub_t {
	padding-top: 15px;
	font-size: 16px;
	text-align: center;
	padding-bottom: 60px;
}

.ai_card ul {
	padding-top: 70px;
}

.ai_card ul li {
	float: left;
	position: relative;
	width: 24.9%;
	height: 428px;
	margin-left: -1px;
	border: 1px solid #e7e7e7;
	z-index: 10;
	text-align:center;
}

.ai_card ul li:before {
	content: "";
	width: 0px;
	height: 2px;
	background: #e6212a;
	top: 0;
	left: 0;
	position: absolute;
	z-index: 999;
	transition: 1s;
}

.ai_card ul li .info {
	position: absolute;
	top: 80px;
	left: 0;
	width:100%;
	transition: 0.5s;
}

.ai_card ul li .info .img {
	height: 90px;
	text-align: center;
}

.ai_card ul li .info h3 {
	color: #333;
	padding-top: 30px;
	padding-bottom: 25px;
	font-size: 24px;
	text-align: center;
}

.ai_card ul li .info p {
	width: 255px;
	height: 85px;
	line-height: 24px;
	margin: 0 auto;
	color: #73747b;
	font-size: 14px;
}
.ai_card ul li .btn{position: absolute;margin-left: -110px;left: 50%;bottom: 50px;opacity: 0;}
.ai_card ul li .btn a{border-radius: 2px;}
.btn a{
	width: 120px;
	height: 40px;
	line-height: 40px;
	display: block;
	border: solid 1px #e6212a;color: #e6212a;
	border-radius: 30px;
	transition: 0.5s;
	font-size: 16px;margin:0 auto;
	text-align: center;padding:0 50px;}
.btn a:hover{background:#e6212a;color:#ffffff;}
.btn a .arrow-f{width:20px;height:12px;background:url(../images/more1.png) no-repeat;display:inline-block;vertical-align:middle;margin-left:10px;position:relative;transition:.3s ease-out}
.btn a:hover .arrow-f{transform:translate(10px,0);background:url(../images/more2.png);}
.ai_card ul li.active {
	box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
}

.ai_card ul li.active:before {
	width: 100%;
	height: 2px;
}

.ai_card ul li.active .info {
	top: 50px;
	transition: 0.5s;
	-moz-transition: 0.5s;
	-webkit-transition: 0.5s;
	-o-transition: 0.5s;
	width:100%;
}

.ai_card ul li.active .btn {
	opacity: 1;
}

.index_case{
	padding: 40px 0;
	margin-top: 60px;
	background: #f2f2f2;
}
.index_case .box{
	margin-bottom: 30px;
}
.case_wrap{width:94%;margin:0 auto;}
.case_wrap ul li{float:left; width:24%;margin:0.5%; *width:24.97%; text-align:center; background:#fff;-webkit-transition:0.3s; -moz-transition:0.3s; transition:0.3s;}
.case_wrap ul li a{display:block;}
.case_wrap ul li article{position:relative; width:100%; height:0; padding-top:62.4%; overflow:hidden;}
.case_wrap ul li article img{position:absolute; top:0; left:0; width:100.5%; min-height:100%; -webkit-transition:0.3s; -moz-transition:0.3s; transition:0.3s; -webkit-transform:translate3d(0,0,0); -moz-transform:translate3d(0,0,0); transform:translate3d(0,0,0);}
.case_wrap ul li article summary{width:100%; height:50px; position:absolute; bottom:-50px; left:0; line-height:50px; color:#dcdcdc; background:rgba(0,0,0,0.5); background:#666\9; text-align:left; text-indent:20px; z-index:3; -webkit-transition:0.3s; -moz-transition:0.3s; transition:0.3s;}
.case_wrap ul li .info {width: 100%;height: 60px;overflow: hidden;padding:0px 0px 0px 10px;box-sizing:border-box;}
.case_wrap ul li .info h5 {display: block;float: left;width: calc(100% - 100px);height: 40px;line-height: 40px;margin: 10px 0px;text-align: left;}
.case_wrap ul li .info h5 a {font-size:18px; color:#333;-webkit-transition:0.3s; -moz-transition:0.3s; transition:0.3s;    overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.case_wrap ul li .info .fr {width: 90px;height: 60px; float: right;}
.case_wrap ul li .info .fr a {display: inline-block;vertical-align: middle;text-align: right;margin-left: 10px;width: 20px;height: 60px;background-repeat: no-repeat;background-position: center;}
.case_wrap ul li .info .fr a.case_pc {background-image: url(../images/pc_b.png);}
.case_wrap ul li .info .fr a.case_phone {background-image: url(../images/phone_b.png);}
.case_wrap ul li:hover {background-color: #e6212a;}
.case_wrap ul li:hover a article summary{bottom:0;}
.case_wrap ul li:hover a article img{-webkit-transform:scale(1.1); -moz-transform:scale(1.1); transform:scale(1.1);}
.case_wrap ul li:hover a article:before{opacity:1; filter:alpha(opacity=100); zoom:1;}
.case_wrap ul li:hover a article:after{opacity:1; filter:alpha(opacity=100); zoom:1; -webkit-transform:scale(1); -moz-transform:scale(1); transform:scale(1);}
.case_wrap ul li:hover .info h5 a {color:#fff;}
.case_wrap ul li:hover .info .fr a.case_pc {background-image: url(../images/pc_w.png);}
.case_wrap ul li:hover .info .fr a.case_phone {background-image: url(../images/phone_w.png);}




.index_more{
        display: block;
    margin: 0 auto;
    width: 140px;
    height: 40px;
    line-height: 40px;
    border: 1px solid #ccc;
    text-align: center;
    margin-top: 30px;
    color: #333;
}
.index_more:hover{
    background: #e6212a;
    border: 1px solid #e6212a;
    color: #fff;
}
.index-customer{
	padding: 60px 0;
}

.index-customer.active .index-customer-list {
    transform:none;
}
.index-customer-list li {
    position:relative;
    float:left;
    width:20%;
    height:200px;
	box-sizing: border-box;
    padding:27px 0;
    text-align:center;
    -webkit-transition: all .8s ease-in-out 0s;
    -moz-transition: all .8s ease-in-out 0s;
    -ms-transition: all .8s ease-in-out 0s;
    -o-transition: all .8s ease-in-out 0s;
    transition: all .8s ease-in-out 0s;
    transition-delay:.5s;
}
/*.index-customer-list .item600 {top:600px;}*/
/*.index-customer-list .item450 {top:450px;}*/
/*.index-customer-list .item550 {top:550px;}*/
/*.index-customer-list .item400 {top:400px;}*/
/*.index-customer-list .item300 {top:300px;}*/
/*.index-customer-list .item700 {top:700px;}*/
.index-customer.active .index-customer-list li.item {top:0;}
.index-customer-list .item-inner {
    display:block;
    width:100%;
    height:145px;
    border-left:1px solid #e6e6e6;
}
.index-customer-list li:nth-child(5n +1) .item-inner {border-left:0;}
.index-customer-list li:nth-child(5n +1) .lt-dot,
.index-customer-list li:nth-child(5n +1) .lb-dot,
.index-customer-list li:nth-child(5n) .rt-dot,
.index-customer-list li:nth-child(5n) .rb-dot{display:none;}
.index-customer-list li:nth-child(5n) .item-inner {}
.index-customer-list li a {
    position:absolute;
    top:0;
    left:50%;
    display:block;
    width:80%;
    height:200px;
    margin-left:-40%;
}
.index-customer-list li.double-item a {
    border-top:1px solid #e6e6e6;
    border-bottom:1px solid #e6e6e6;
}
.index-customer-list li img {
    position:absolute;
    top:50%;
    left:50%;
    display:block;
    margin-left:-75px;
    transition: all .5s linear 10ms;
}
.index-customer-list li img:first-child {}
.index-customer-list li img:last-child {opacity:.6;}
.index-customer-list li:hover img:last-child,
.index-customer-list li img:first-child {
    opacity:0;
    transform:translateY(-50%) rotateY(180deg);
}
.index-customer-list li img,
.index-customer-list li:hover img:first-child {opacity:1;transform:translateY(-50%) rotateY(0deg);}
.index-customer-list .dot {
    position:absolute;
    display:block;
    width:2px;
    height:2px;
    background:#e6e6e6;
}
.index-customer-list .lt-dot {
    left:0;
    top:0;
}
.index-customer-list .lb-dot {
    left:0;
    bottom:0;
}
.index-customer-list .rt-dot {
    right:0;
    top:0;
}
.index-customer-list .rb-dot {
    right:0;
    bottom:0;
}



.index-news {
    padding:70px 0 70px;
    background:#f6f6f6;
}
.index-news .wrap {
    width:1400px;
    padding:0;
}
.index-news .each-item{
    float:left;
}
.index-news .each-item .item-inner {
    position:relative;
    display:block;
}
.index-news .each-item img {max-width:100%;}
.index-news .each-item .item1 .text-wrap {
    position:absolute;
    bottom:0;
    width:100%;
    background:rgba(0,0,0,.35);
}
.index-news .each-item .item1 img {display:block;}
.index-news .each-item .item1 .text-inner {

}
.index-news .each-item .item1 .title {
    height:52px;
    padding-right:30%;
    font-size:18px;
    color:#fff;
    line-height:26px;
    overflow:hidden;
}
.index-news .each-item .item .icon {
    position:absolute;
    right:25px;
    top:40px;
    display:block;
    width:22px;
    height:10px;
    transition:all .4s ease-in-out;
}
.index-news .each-item .item:hover .icon {
    right:15px;
}
.index-news .each-item .item1 .icon {
    background:url(../images/more-icon1.png) no-repeat center center;
}
.index-news .each-item .item2 .icon,
.index-news .each-item .item3 .icon{
    top:30px;
    background:url(../images/more-icon2.png) no-repeat center center;
}
.index-news .each-item .item3 .icon {right:auto;left:30px;top:85px}
.index-news .each-item .item3:hover .icon {left:40px;}
.index-news .each-item .item2,
.index-news .each-item .item3 {
    position:relative;
    background:#fff;
}
.index-news .each-item .item2 .text-wrap {
    padding-bottom:19px;
    border-bottom:1px solid #f3f3f3;
}
.index-news .each-item .item2 .title,
.index-news .each-item .item3 .title{
    font-size:18px;
    overflow:hidden;
	font-weight: normal;color: #333;
}
.index-news .each-item .item2 .title {
    margin-bottom:15px;
    white-space:nowrap;
    text-overflow:ellipsis;
}
.index-news .each-item .item2 .des {
    height:48px;
    font-size:14px;
    color:#666;
    line-height:24px;
    overflow:hidden;
}
.index-news .each-item .date-wrap {position:relative;  }
.index-news .each-item .date {
    font:14px/1 'dinpro-bold';
    color:#666;

}
.index-news .each-item .big-date {
    display:block;
    font:40px/1 'dinpro-bold';
    color:#999
}
.index-news .each-item .item2 .big-date {margin:20px 0 10px;}
.index-news .each-item .item3 .date-wrap {
    float:left;
    width:100px;
    height:90px;
    border-right:1px solid #e7e7e7;
}
.index-news .each-item .item3 .text-wrap {
    position:relative;
    height:97px;
    margin-left:100px;
    padding-left:30px;
}
.index-news .each-item .item3 .date-wrap .line {
    display:block;
    width:20px;
    height:2px;
    margin:15px 0;
    background-color:#e7e7e7;
}
.index-news .each-item .item3 .title {margin-top:-7px;height:64px;line-height:32px;}

.index-news .each-item:first-child {margin-left:0;}

.index-news .each-item {
    width: 460px;
    margin-left: 10px;
}
.index-news .each-item .item3 .item-inner {
    padding: 40px 45px;
}
.index-news .each-item .item2 .item-inner {
    padding: 45px 45px 30px;
}
.index-news .each-item .item2, .index-news .each-item .item3 {
    margin-bottom: 10px;
}
.index-news .each-item .item1 .text-inner {
    padding: 20px 25px 20px 30px;
}





.news-list-page {padding-bottom:70px;background: #f2f2f2;}
.news-list-page .container {max-width:1350px;}
.news-tab-wrap {padding:65px 0 55px;}
.news-tab-wrap li {display:inline-block;margin-right:10px;}
.news-tab-wrap li a {
    display:block;
    width:150px;
    height:50px;
    font-size:14px;
    color:#666;
    line-height:50px;
    text-align:center;
    background:#fff;
    border-radius:25px;
    transition:all .4s ease-in-out;
}
.news-tab-wrap li.on a,.news-tab-wrap li a:hover {color:#fff;background:#333;}
.news-list .item-list {margin-left:-1.5%;}
.news-list li {
    position:relative;
    float:left;
    width:48.5%;
    margin:0 0 1.5% 1.5%;
    background:#fff;
}
.ourwork-list .each-item:after,
.news-list li:after,.index-news-list .item2:after,
.index-news-list .item3:after,
.solution-list .each-item:after,
.pay-list .each-item:after {
    position:absolute;
    left:0;
    top:0;
    content:'';
    display:block;
    width:100%;
    height:100%;
    background:#fff;
    transition:all .6s;
}
.ourwork-list .each-item:hover:after,
.news-list li:hover:after,
.index-news-list .item2:hover:after,
.index-news-list .item3:hover:after,
.solution-list .each-item:hover:after,
.pay-list .each-item:hover:after{
    box-shadow:0 15px 15px rgba(0,0,0,.1);
}
.news-list li:hover:after,
 .index-news-list .item2:hover:after,
 .index-news-list .item3:hover:after,
.pay-list .each-item:hover:after {transform:scale(1.025);}
.news-list li a,.index-news-list .item-inner {
    z-index:1;
    position:relative;
    display:block;
}
.news-list-one li a {  padding:35px 70px;  }
.news-list-one .date-wrap {
    position:relative;
    float:left;
    width:115px;
    height:155px;
    border-right:1px solid #e7e7e7;
}
.news-list-one .date-inner {
    position:absolute;
    top:50%;
    transform:translateY(-50%);
}
.news-list-one .date-wrap .day {
    font:48px/1 'dinpro-bold';
	color: #333;
}
.news-list-one .date-wrap .line {
    display:block;
    width:25px;
    height:3px;
    margin:15px 0;
    background:#e7e7e7;
}
.news-list-one .date-wrap .days {
    font:16px/1 'dinpro-bold';
	color: #666;
	font-weight: lighter;
}
.news-list-one .text-wrap {
    margin-left:175px;
}
.news-list-one .text-wrap .title {
    font-size:18px;
    color:#333;
    white-space:nowrap;
    text-overflow:ellipsis;
    overflow:hidden;
}
.news-list-one .text-wrap .descrition {
    height:48px;
    margin:15px 0 40px;
    font-size:14px;
    color:#666;
    line-height:24px;
    overflow:hidden;
}
.news-list .text-wrap .more .icon{
    display:inline-block;
    width:0;
    height:10px;
    background:url(../images/more-icon2.png) no-repeat center center;
    transition:all .4s;
    opacity:0;
}

.news-list .text-wrap .more strong{
    font-size:14px;
    font-weight:normal;
    color:#666;
    transition:all .4s;
}
@media(min-width:1366px){
    .news-list-one li:hover .text-wrap .more .icon {margin-right:10px;}
    .news-list-two li:hover .text-wrap .more .icon {margin-left:10px;}
    .news-list li:hover .text-wrap .more .icon {width:21px;opacity:1;}
}

.news-list-two li a {padding:35px 40px;}
.news-list-two li .text-wrap {
    float:left;
    width:35%;
}
.news-list-two li .date {
    font:14px/1 'dinpro-bold';
}
.news-list-two li .text-wrap .title {
    height:60px;
    margin:30px 0;
    font-size:18px;
    color:#333;
    line-height:30px;
    overflow:hidden;
}
.news-list-two li .image-wrap {
    float:right;
    width:35%;
    min-width:150px;
}
.news-list-two li .image-wrap img {max-width:150px;}





/*.ourwork-page .container {width:87%;}*/
.ourwork-list ul {margin-left:-1.25%;}
.ourwork-list .each-item {
    position:relative;
    float:left;
    width:23.75%;
    margin:0 0 1.25% 1.25%;
}
@media (max-width:1450px){
    .ourwork-list .each-item {width:32.08%;}
    .ourwork-list .each-item:nth-child(3n+1) {clear:both;}
}
.ourwork-list .item-inner {
    z-index:1;
    position: relative;
}
.ourwork-list-wrap {padding-bottom:70px;}
.ourwork-tab-wrap { padding:60px 0 50px;font-size:14px;color:#666;  }
.ourwork-tab-wrap .item-list {position:relative;}
.ourwork-tab-wrap .item-list li {
    display:inline-block;
    margin-right:65px;
}
.ourwork-tab-wrap .item-list li a {
    position:relative;
    display:block;
    color:#666;
    transition:all .4s ease-in-out;
}
.ourwork-tab-wrap .item-list li.on a,
.ourwork-tab-wrap .item-list li:hover a{color:#000;}
.ourwork-tab-wrap .item-list li a:after {
    content:'';
    position:absolute;
    left:0;
    bottom:-10px;
    display:block;
    width:0;
    height:2px;
    background:#444;
    opacity:0;
    transition:all .4s ease-in-out;
}
.ourwork-tab-wrap .item-list li.on a:after,
.ourwork-tab-wrap .item-list li:hover a:after {
    width:100%;
    opacity:1;
}
.ourwork-tab-wrap .item-list .nav-icon {
    position: relative;
    display:inline-block;
    top: -6px;
    height: 2px;
    line-height: 1px;
    background: #444;
}
.ourwork-list .each-item a{
    display:block;
    line-height:1;
    color:#fff;
}
.ourwork-list .each-item .text-inner { position:relative;padding:7% 15% 7% 8.5%; }
.ourwork-list .each-item .title {
    width:85%;
    margin-bottom:10px;
    font-size:18px;
    font-weight:bold;
    color:#333;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
}
.ourwork-list .each-item .small {
    font-size:12px;
    color:#666;
}
.ourwork-list .each-item .icon {
    position:absolute;
    right:5%;
    display:block;
}
.ourwork-list .each-item .icon img {
    display:inline-block;
    margin-left:10px;
}
.ourwork-list .each-item .icon img:first-child {margin-left:0;}
.ourwork-list .scale-box {
    z-index:2;
    position:absolute;
    left:50%;
    top:50%;
    width:111%;
    height:120%;
    margin:-53% 0 0 -55.5%;
    background:#fff;
    overflow:hidden;
    opacity:0;
    transform:scale(0);
    transition:all .5s ease-in-out;
    box-shadow:0 0 25px rgba(0,0,0,.15);
}
@media (max-width:1400px){
    .ourwork-list .scale-box {margin:-53% 0 0 -55.5%;}
}
.ourwork-list .each-item:hover .scale-box {opacity:1;transform:scale(1);}
.ourwork-list .scale-box .image {
    position:absolute;
    left:0;
    bottom:0;
    width:100%;
    height:100%;
    -webkit-filter: blur(2px);
    -moz-filter: blur(2px);
    -ms-filter: blur(2px);
    filter: blur(2px);
}
.ourwork-list .scale-box .text {
    z-index:3;
    position:absolute;
    width:100%;
    height:100%;
    background: -moz-linear-gradient(left, rgba(30,95,116,.7) 0%, rgba(23,9,49,.7) 100%);
    background: -webkit-gradient(linear, 0% 0%, 0% 100%,from(rgba(30,95,116,.7)), to(rgba(23,9,49,.7))));
    background: -webkit-linear-gradient(left, rgba(30,95,116,.7) 0%,rgba(23,9,49,.7) 100%);
    background: -o-linear-gradient(left, rgba(30,95,116,.7) 0%,rgba(23,9,49,.7) 100%);
    background: -ms-linear-gradient(left, rgba(30,95,116,.7) 0%,rgba(23,9,49,.7) 100%);
    background: linear-gradient(to right, rgba(30,95,116,.7) 0%,rgba(23,9,49,.7) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='rgba(30,95,116,.7)', endColorstr='rgba(23,9,49,.7)',GradientType=1 );
}
.ourwork-list .scale-box .inner {
    padding:12.5% 10%;
    font-size:14px;
    color:#fff;
}
@media (max-width:769px){
.ourwork-list .scale-box{
    display:none;
}
}
.ourwork-list .scale-box .s-title {margin-bottom:8px;font-size:24px;}
.ourwork-list .scale-box .s-small {font-size:12px;}
.ourwork-list .scale-box .line {
    display:block;
    width:27px;
    height:1px;
    margin:12px 0;
    background:#fff;
}
.ourwork-list .scale-box .descrition {
    height:144px;
    line-height:24px;
    overflow:hidden;
}
.ourwork-list .scale-box .bottom-icon {
    margin-top:22px;
    padding-top:35px;
    text-align:center;
    border-top:1px solid rgba(255,255,255,.1);
}
.ourwork-list .scale-box .link {
    position:relative;
    display:inline-block;
    width:50px;
    height:50px;
    margin:0 15px;
    background:transparent;
    border-radius:100%;
}
.ourwork-list .scale-box .link:before,
.ourwork-list .scale-box .link:after {
    content:'';
    position:absolute;
    left:0;
    top:0;
    display:block;
    width:100%;
    height:100%;
    border-radius:100%;
    box-sizing:border-box;
    transition:all .5s ease-in-out;
}
.ourwork-list .scale-box .link:before {
    z-index:1;
    border:1px solid #fff;
}
.ourwork-list .scale-box .link1:before {background:url(../images/ourwork-icon2b.png) no-repeat center center;}
.ourwork-list .scale-box .link2:before {background:url(../images/ourwork-icon3b.png) no-repeat center center;}
.ourwork-list .scale-box .link1:hover:before {background:url(../images/ourwork-icon2a.png) no-repeat center center;}
.ourwork-list .scale-box .link2:hover:before {background:url(../images/ourwork-icon3a.png) no-repeat center center;}
.ourwork-list .scale-box .link3:before {background:url(../images/ourwork-icon1b.png) no-repeat center center;}
.ourwork-list .scale-box .link4:before {background:url(../images/ourwork-icon4b.png) no-repeat center center;}
.ourwork-list .scale-box .link3:hover:before {background:url(../images/ourwork-icon1a.png) no-repeat center center;}
.ourwork-list .scale-box .link4:hover:before {background:url(../images/ourwork-icon4a.png) no-repeat center center;}
.ourwork-list .scale-box .link:after {
    background:#fff;
    transform:scale(0);
    transform-origin:center center;
}
.ourwork-list .scale-box .link:hover:after {transform:scale(1);}



.inner-main-container {background:#f2f2f2;}
.inner-main-container .each-item .image-wrap img {
    display:block;
    width:100%;
    height:100%;
    max-width:none;
    transition:all .4s;
}
.ourwork-list .each-item .image-wrap,
.solution-list .each-item .image-wrap {
    position:relative;
    overflow:hidden;
}
.ourwork-list .each-item:hover .image-wrap img,
.solution-list .each-item:hover .image-wrap img {
    transform:scale(1.025);
}

.ourwork-page .container {
    width: 94%;
	margin: 0 auto;
}
/*---------------------------------------------*/

.articleban{
	width: 100%;
	height: 400px;
	background:url(../images/newsbg.jpg) top center no-repeat;
	background-color:#181818;
}
.articlebox{
	width: 1400px;
	padding-top: 220px;
	margin:0 auto;
}
.articlebox h1{
	font-size: 38px;
	margin: 32px 0;
	color: #fff;
}
.articlebox ul li{
	list-style: none;
	float: left;
	font-size: 14px;
	color: #fff;
	margin-right: 30px;
}
.articlebox ul{
	overflow: hidden;
	margin-top: 30px;
}
.artposi{
	float: right;
	font-size: 14px;
	color: #fff;

}

.artposi a{
	color: #fff;
	text-decoration:none;
}
.artposi a:hover{
	color: #fff;
	text-decoration:none;
}

.newsdetail{
	background: #f2f2f2;
	padding: 30px 0;
}

.xx_art{
	width: 1400px;
	margin:0 auto;
	margin-top: 20px;
	overflow: hidden;
}
.xx_l{ 
	padding: 25px;
	background: #fff;
	line-height:39px;
	font-size:16px; 
	color:#5d5d5d
}
.xx_r{
	width: 160px;
	float: right;
}
.xx_r ul li h3{
	font-size: 14px; 
	margin-bottom: 5px;
}
.xx_r ul li p{
	font-size: 14px;
	margin-top: 2px;
}
.xx_line{
	width: 20px;
	height: 2px;
	background: #d0001c;
	float: left;
	margin-top: 7px;
}
.xx_r ul .onli{
	width: 120px;
	height: 50px;
	background: #d0001c;
	color: #fff;
	padding: 20px;
	margin-bottom:10px;
}
.xx_r ul li .xx_lineon{
	width: 20px;
	height: 2px;
	background: #fff;
	float: left;
	margin-top: 7px;
}
.xx_r ul li{
	width: 90px;
	height: 50px;
	background: #fff;
	list-style: none;
	color: #424242;
	padding: 20px;
	margin-bottom: 10px;
	border: 1px #dbdbdb solid;
	transition: 0.5s;
	float: left;
}
.xx_r ul li:hover{
	width: 120px;
	height: 50px;
	background: #d0001c;
	color: #fff;
	padding: 20px;
}
.xx_r ul li:hover .xx_line{
    background: #fff;
}

.fenyeA a {
    color: #000000;
    font-size: 16px;
    font-weight: bold;
}

.abread{
	width: 1360px;
	overflow: hidden;
	padding: 20px;
	margin:0 auto;
	background: #fff;
	margin-top: 25px;
	padding-bottom:40px;
}
.abreadul h3{
	background:url(../images/hongbian.jpg) left no-repeat;
	font-size: 24px;
	font-weight: normal;
	padding-left: 20px;
}
.abreadul h3 a{
	color: #333;
}
.abreadul h2.xtit{
	background:url(../images/hongbian.jpg) left no-repeat;
	font-size: 24px;
	font-weight: normal;
	padding-left: 20px;
}
.abreadul h2.xtit a{
	color: #333;
}
.abreadul{
	width: 45%;
	float: right;
	overflow: hidden;
}
.abreadul ul li{
	font-size: 14px;
	color: #666;
	line-height: 30px;
	list-style:disc;
	list-style-position: inside;
}
.abreadul ul li:hover{
	font-size: 14px;
	color: #d51419;
	line-height: 30px;
	list-style:disc;
	list-style-position: inside;
}
.abreadul ul li a{
	color: #666;
}
.abreadul ul li a:hover{
	color: #d51419;
	text-decoration:none;
}
.abreadul ul li span{
	font-size: 12px;
	color: #ccc;
	float: right;
}
.abreadul ul{
	overflow: hidden;
	margin-left: 15px;
	margin-top: 25px;
}
#ableft{
	float: left;
}
.ab_line{
	width: 1px;
	height: 150px;
	background: #eee;
	float: left;
	margin-left: 60px;
	margin-top: 50px;
}
.webdes{
	width: 1400px;
	overflow: hidden;
	margin:0 auto;
}
.webdes ul li{
	width: 328px;
	height: 98px;
	border: 2px #efefef solid;
	list-style: none;
	float: left;
	text-align: center;
	line-height: 98px;
	color: #0d0c0c;
	font-size: 24px;
	transition: 0.5s;
	margin-left: 24px;
	margin-top: 30px;
	background: #fff;
}
.webdes ul a:nth-child(1) li,.webdes ul a:nth-child(5) li,.webdes ul a:nth-child(9) li{
	margin-left: 0px;
}
.webdes ul li:hover{
	border: 2px #d61519 solid;
	color: #d61519;
}
.artbot{width: 900px;height: 280px;text-align: center;margin-top: 90px;}
.artbot h2{font-size: 24px;color: #010101;font-weight: normal;margin-top: 30px;}
.artbot h4{font-size: 16px;color: #010101;font-weight: normal;margin-top: 30px;letter-spacing: 3px;}

::-webkit-scrollbar{
            width: 3px;
            height: 3px;
        }
        /*滚动条的轨道*/
        ::-webkit-scrollbar-track{
            background: #eee;
        }
        /*滚动条的滑块按钮*/
        ::-webkit-scrollbar-thumb{
            background: #f20c2b;
        }
        /*滚动条的上下两端的按钮*/
        ::-webkit-scrollbar-button{
            height: 0px;
            background-color: #d61519;
        }

.index_lr{
	width: 100%;
	height: 260px;
	background: url(../images/indexlogobg.jpg);
	box-sizing: border-box;
	padding-top: 62px;
	text-align: center;
}

.taocan_titleI
{
	font-size:33px;
	font-weight:bold;
	color:#FFFFFF;
	margin-bottom:15px;
}
.taocan_titleI-1
{
	font-size:18px;
	color:#FFFFFF;
	margin: 25px 0px 10px 0px;
}

.taocan_titleI-2
{
	font-size:15px;
	color:#FFFFFF;
	line-height:27px;
}


.ysDivabout{
	font-size:14px; 
	width:340px; 
	float:left; 
	margin-bottom:30px;
	border:1px solid #eaeaea;
	margin-right:20px;
	padding: 15px 20px 20px 20px;
}
.ysDivabout span{
	font-size:25px;  
	line-height: 50px;
}

.ysDivabout:hover span{
	font-size:25px;
	color:#d51419;  
}
.ysDivabout:hover{
	color:#d51419;
	-webkit-box-shadow:0 0 30px #eeeeee;  
	-moz-box-shadow:0 0 30px #eeeeee;  
	box-shadow:0 0 30px #eeeeee;  
	z-index:9999;
}

.bottomlx{
	display:block;
	font-size:14px;
	text-align:center;
	width:350px;
	margin:0px auto;
	font-size:22px;
	color:#ffffff;
	background-color:#d51419;
	line-height:57px;

}
.bottomlx:hover{
	display:block;
	font-size:14px;
	text-align:center;
	width:350px;
	margin:0px auto;
	font-size:22px;
	color:#ffffff;
	background-color:#151515;
	line-height:57px;
	text-decoration:none;
}


.contact-us-page {
    padding:15px 0 70px;
	background: #f2f2f2;
}


.contact-us-page {
    padding:15px 0 70px;
}
.contact-us-page .container {}
.contact-infomation {
    padding:4% 5% 4.5%;
    background:#fff;
}
.contact-infomation .each-item {
    float:left;
    width:21.5%;
    margin-right:3.5%;
}

.contact-infomation .each-item dt {
    padding-bottom:25px;
    margin-bottom:15px;
    font-size:16px;
    font-weight:bold;
    color:#333;
    border-bottom:1px solid rgba(0,0,0,.15);
}
.contact-infomation .each-item .word {
    font-size:16px;
    color:#666;
    transition:all .5s ease-in-out;
}
.contact-infomation .each-item .word a{
	color: #666;
}
.contact-infomation .each-item a.word:hover {color:rgba(255,255,255,.7);}
.contact-infomation .each-item .contact-item .word {
    display:block;
    padding:5px 0;
}
.contact-infomation .each-item .address-item dd {
    margin:0 0 20px 0;
    padding-left:35px;
}
.contact-infomation .each-item .address-item .address {
    line-height:22px;
    background:url(../images/contact-icon3.png) no-repeat left center;
}
.contact-infomation .each-item .address-item .phone-number {
    line-height:24px;
    font-size:16px;
    background:url(../images/contact-icon4.png) no-repeat left center;
}


.contact-infomation .each-item.qq-item {
    /*width:29%;
    margin-left:6.5%;*/
    width:25%;
    margin-right:0;
}

.contact-infomation .each-item .dt-title {
    padding-bottom:25px;
    margin-bottom:15px;
    font-size:16px;
    font-weight:bold;
    color:#333;
    border-bottom:1px solid rgba(0,0,0,.15);
    text-transform:uppercase;
}
.contact-infomation .each-item .dt-titles {
    padding-bottom:25px;
    font-size:16px;
    font-weight:bold;
    color:#333;
    text-transform:uppercase;
}
.contact-infomation .each-item .dd-content > span {
    font:16px/1  'Gotham-Book','Microsoft Yahei';
    color:#666;
    font-weight:bold;
    line-height:22px;
    padding-left:35px;
    background:url(../images/contact-icon5.png) left center no-repeat;
}
.contact-infomation .each-item .contact-qq {
    display:inline-block;
    width:145px;
    height:48px;
    margin-right:10px;
    margin-bottom:10px;
    font:14px/1  'gotham-medium';
    color:#333;
    line-height:48px;
    text-align:center;
    border:2px solid #333;
    border-radius:52px;
    -moz-border-radius:52px;
    -webkit-border-radius:52px;
    transition:all .4s ease-in-out;
}
.contact-infomation .each-item .contact-qq:hover {color:#fff;background:#333;}
.contact-infomation .each-item .contact-qq .icon {
    display:inline-block;
    width:23px;
    height:23px;
    margin-right:5px;
    vertical-align:-5px;
    background:url(../images/contact-icon1-2.png) no-repeat center center;
    transition:all .4s ease-in-out;
}
.contact-infomation .each-item .contact-qq:hover .icon {background:url(../images/fix-icon2.png) no-repeat center center;}
@media(max-width:1338px){
    .contact-infomation {padding:3% 3% 3.5%;}
    /*.contact-infomation .each-item.qq-item {width:35.5%;margin-left:0;}*/
    .contact-infomation .each-item .dd-content > span {  font: 14px/1 'Gotham-Book','Microsoft Yahei';  line-height: 24px;  }
    .contact-infomation .each-item .contact-qq {width:135px;height:40px;line-height:36px;}
}
.contact-map {background:#fff;}
.contact-traffic {
    background:#fff;
}
.contact-traffic .title {
    padding-bottom:4%;
    font-size:28px;
    font-weight:bold;
    color:#333;
    text-align:center;
    padding-top:5%;
}
/*.contact-traffic-ways {margin-left:-5%;}*/
.contact-traffic .each-item {
    float:left;
    width:50%;
    min-height:500px;
    padding:8% 10% 5% 7%;
    box-sizing:border-box;
}
    .contact-traffic .each-item:last-child {
        background:#f1f1f1;
    }
.contact-traffic .each-item .dt-title {
    margin-bottom:20px;
    border-bottom:1px solid #e5e5e5;
}
.contact-traffic .each-item .dt-title .icon {
    display:block;
    width:48px;
    height:45px;
}
.contact-traffic .item-bus .dt-title .icon {background:url(../images/contact-icon2-1.png) no-repeat center center;}
.contact-traffic .item-train .dt-title .icon {background:url(../images/contact-icon2-2.png) no-repeat center center;}
.contact-traffic .item-car .dt-title .icon {background:url(../images/contact-icon2-3.png) no-repeat center center;}
@media(max-width:1365px){
    .contact-traffic .each-item .dt-title .icon {width:55px;height:51px;}
    .contact-traffic .item-bus .dt-title .icon {background:url(../images/contact-icon2-1a.png) no-repeat center center;background-size:100% 100%;}
    .contact-traffic .item-train .dt-title .icon {background:url(../images/contact-icon2-2a.png) no-repeat center center;background-size:100% 100%;}
    .contact-traffic .item-car .dt-title .icon {background:url(../images/contact-icon2-3a.png) no-repeat center center;background-size:100% 100%;}
}
.contact-traffic .each-item .dt-title .text {
    display:block;
    padding:30px 0;
    font-size:20px;
    color:#333;
    line-height:1;
}
.contact-traffic .each-item .dd-content {padding-right:60px;}
.contact-traffic .each-item .dd-content span {
    display:block;
    font:14px/1.85 'gotham-medium','Microsoft Yahei';
    color:#666;
}

	.footer {
		background:#1e1d1d;
		padding-top: 40px;
	}

	.footer .left img {
		display: block;
		margin-bottom: 28px;
	}
	.footer .left{ 
	     padding-top:20px; 
	 } 

	.footer .left .footer_tel {
		background: url(../images/footer_tel.png) no-repeat left center;
		padding-left: 60px;
		margin-bottom: 20px;
	}

	.footer .left .footer_tel span {
		display: block;
		font-size: 15px;
		color: #767676;
		margin-bottom: 4px;
	}

	.footer .left .footer_tel strong {
		display: block;
		font-size: 36px;
		color: #d0d0d0;
	    font-family: 'DINPro-Bold';
	}

	.footer .left p {
		font-size: 14px;
		color: #949494;
		line-height: 35px;
	}
.footer .left p a{
    
		color: #949494;
}
	.footer .fooer_nav {
		width: 755px;
		display: flex;
	}

	.footer .fooer_nav dl {
		flex: 1;
	}

	.footer .right dl dt {
		font-size: 18px;
		position: relative;
		padding-bottom: 17px;
		margin-bottom: 17px;
		color: #fff;
	}

	.footer .right dl dt::after {
		content: "";
		width: 17px;
		height: 2px;
		background: #fff;
		position: absolute;
		left: 0;
		bottom: 0;
	}

	.footer .fooer_nav dl:last-child {
		margin-right: 0;
	}

	.footer .fooer_nav dl dd {
		font-size: 14px;
		line-height: 30px;
		color: #8b8b8b;
	}

	.footer .fooer_nav dl dd a {
		color: #8b8b8b;
	}

	.footer .fooer_nav dl dd a:hover {
		color: #fff;
	}

	.footer_wechat p {
		display: flex;
		margin-top: 12px;
		align-items: center;
		justify-content: center;
	}

	.footer_wechat p a {
		width: 29px;
		height: 29px;
		background: #FFFFFF;
		border-radius: 50%;
		text-align: center;
		line-height: 29px;
	}
	.footer_wechat img{
		width: 123px;
	}
 
	.copyright {
		display: flex;
		line-height: 75px;
		border-top: 1px solid rgba(255,255,255,.15);
		margin-top: 35px;
	}

	.copyright p {
		flex: 1;
		font-size: 13px;
		color: #adadad; text-align: center;
	}
.copyright p span{
        height: 20px !important;
    line-height: 20px !important;
}
	.copyright p a {
		color: #adadad;
	}
.copyright p:nth-child(2) a{ display:inline-block; margin-left:5px;}









.page-wrap{ width:100%; margin:0 auto;  margin-top:25px;  padding-bottom:10px;  text-align:center; }
.page-wrap a{ display:inline-block;padding:0 13px;text-align:center; line-height:35px;  font-size:14px; color:#333; margin:2px;   background:#fff;}
.page-wrap b,.page-wrap a:hover{ display:inline-block;padding:0 13px;text-align:center; line-height:35px;  font-size:14px; color:#fff; margin:2px; background:#e6212a; }





@media(max-width:1500px){
	.phone{ margin-top:19px; width:150px}
.phone h3{ font-size:20px;}
.header_two a img{width: 140px;}
.nav ul li>a { 
    line-height: 80px;
}
.nav{ height:80px;}
.nav ul li {
    width: 86px;
}
.nav ul li.thr {
    width: 76px;
}

.white .nav ul li{ width:90px;}
.white .nav ul li.thr{ width:72px}
.index-news .each-item .item2 .item-inner {
    padding: 45px 20px 30px;
}
.index-news .each-item{ width:393px}
.index-news .each-item .item3 .item-inner {
    padding: 40px 20px;
}

.index-news .wrap {
    width: 1200px;
    padding: 0;
}

.articlebox{ width:1200px;}
.xx_art{ width:1200px;}
.abread{ width:1160px}
.articlebox h1{ font-size:30px;}

.articlebox{
    padding-top: 130px;
}

.articleban{
    height: 300px;
}
}