@charset "utf-8";
/* CSS Document */

*{ margin:0; padding:0; border:0; outline:none;}
a{ text-decoration:none; color:#333;}
dl,dd,dt,ol,ul,li{ list-style:none;}
.fl{ float:left;}
.fr{ float:right;}
.ov{ overflow:hidden;}
.dis{ display:block !important;}
.dn{ display:none;}
.clear{ clear:both;}
body,html{ width:100%; height:100%; color:#333; font-size:14px; font-family:"Microsoft YaHei";}
input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{ color:#fff;} 
input:-moz-placeholder,textarea:-moz-placeholder{ color:#fff;} 
input::-moz-placeholder,textarea::-moz-placeholder{ color:#fff;} 
input:-ms-input-placeholder,textarea:-ms-input-placeholder{ color:#fff;} 
input,select,textarea{ -webkit-appearance:none;}
.fadeUp{
    -webkit-transition:opacity .8s, -webkit-transform .8s;
    transition:opacity .8s, -webkit-transform .8s;
    -o-transition:transform .8s, opacity .8s;
    transition:transform .8s, opacity .8s;
    transition:transform .8s, opacity .8s, -webkit-transform .8s;
}
.fadeLeft,.fadeRight{
    -webkit-transition:opacity .8s, -webkit-transform .8s;
    transition:opacity .8s, -webkit-transform .8s;
    -o-transition:transform .8s, opacity .8s;
    transition:transform .8s, opacity .8s;
    transition:transform .8s, opacity .8s, -webkit-transform .8s;
}
.scrollable-section{ position:relative;}

/*左侧导航*/
@media screen and (min-width:1280px){
.bullets-container{ position:fixed; left:35px; top:50%; -webkit-transform:translate3d(0, -50%, 0); transform:translate3d(0, -50%, 0); z-index:99;}
.bullets-container li{ padding:10px; font-weight:bold; font-size:12px; white-space:nowrap; position:relative; display:block; text-transform:uppercase;}
.bullets-container li p{ display:block; color:#CCC;}
.bullets-container li span{ display:block; width:0; overflow:hidden; color:#db2001; transition:width 0.5s; -moz-transition:width 0.5s; -webkit-transition:width 0.5s; -o-transition:width 0.5s; position:absolute; left:10px; top:10px;}
.bullets-container li.active p,.bullets-container li:hover p{ visibility:hidden;}
.bullets-container li.active span,.bullets-container li:hover span{ width:60px;}
}

@media screen and (min-width:769px) and (max-width:1279px){
.bullets-container{ position:fixed; left:15px; top:50%; -webkit-transform:translate3d(0, -50%, 0); transform:translate3d(0, -50%, 0); z-index:99;}
.bullets-container li{ padding:10px; font-weight:bold; font-size:12px; white-space:nowrap; position:relative; display:block; text-transform:uppercase;}
.bullets-container li p{ display:block; color:#CCC;}
.bullets-container li span{ display:block; width:0; overflow:hidden; color:#db2001; transition:width 0.5s; -moz-transition:width 0.5s; -webkit-transition:width 0.5s; -o-transition:width 0.5s; position:absolute; left:10px; top:10px;}
.bullets-container li.active p,.bullets-container li:hover p{ visibility:hidden;}
.bullets-container li.active span,.bullets-container li:hover span{ width:60px;}
}

@media only screen and (max-width:768px){
.bullets-container{ position:fixed; left:-5px; top:50%; -webkit-transform:translate3d(0, -50%, 0); transform:translate3d(0, -50%, 0); z-index:99;}
.bullets-container li{ padding:10px; font-weight:bold; font-size:12px; white-space:nowrap; position:relative; display:block; text-transform:uppercase;}
.bullets-container li p{ display:block; color:#CCC;}
.bullets-container li span{ display:block; width:0; overflow:hidden; color:#db2001; transition:width 0.5s; -moz-transition:width 0.5s; -webkit-transition:width 0.5s; -o-transition:width 0.5s; position:absolute; left:10px; top:10px;}
.bullets-container li.active p{ color:#db2001;}
}

/*导航*/
@media screen and (min-width:1280px){
.navbox{ width:100%; padding:30px 40px; position:fixed; left:0; top:0; z-index:999; box-sizing:border-box; -webkit-transition:padding .35s, background-color .35s; -o-transition:padding .35s, background-color .35s; transition:padding .35s, background-color .35s;}
.navbox.on{ padding:15px 40px; background-color:rgba(0,0,0,0.85);}
.navbox strong{ display:block; height:40px; overflow:hidden; float:left;}
.navbox strong img{ display:block; height:40px;}
.navbox dl{ display:block; float:right; overflow:hidden; height:30px; margin:5px 0;}
.navbox dl dt{ display:block; float:left; overflow:hidden; width:50px; margin-left:40px; height:30px; line-height:30px;}
.navbox dl dt a{ display:block; overflow:hidden;}
.navbox dl a b{ width:0px; height:1px; display:block; float:left; background-color:#db2001; float:left; margin-top:14px; transition:width 0.5s; -moz-transition:width 0.5s; -webkit-transition:width 0.5s; -o-transition:width 0.5s; margin-right:5px;}
.navbox dl a span{ display:block; height:30px; line-height:30px; font-size:14px; color:#fff; float:left;}
.navbox dl a:hover b,.navbox dl a.on b{ width:15px;}
.navbox dl a:hover span,.navbox dl a.on span{ color:#db2001;}
.navbox dl dd{ display:block; float:left; overflow:hidden; height:30px; line-height:30px;}

.navbar,.nav_list{ display:none;}
}

@media screen and (min-width:769px) and (max-width:1279px){
.navbox{ width:100%; padding:20px; position:fixed; left:0; top:0; z-index:999; box-sizing:border-box; -webkit-transition:padding .35s, background-color .35s; -o-transition:padding .35s, background-color .35s; transition:padding .35s, background-color .35s;}
.navbox.on{ padding:15px 20px; background-color:rgba(0,0,0,0.85);}
.navbox strong{ display:block; height:40px; overflow:hidden; float:left;}
.navbox strong img{ display:block; height:40px;}
.navbox dl{ display:block; float:right; overflow:hidden; height:30px; margin:5px 0;}
.navbox dl dt{ display:block; float:left; overflow:hidden; width:50px; margin-left:20px; height:30px; line-height:30px;}
.navbox dl dt a{ display:block; overflow:hidden;}
.navbox dl a b{ width:0px; height:1px; display:block; float:left; background-color:#db2001; float:left; margin-top:14px; transition:width 0.5s; -moz-transition:width 0.5s; -webkit-transition:width 0.5s; -o-transition:width 0.5s; margin-right:5px;}
.navbox dl a span{ display:block; height:30px; line-height:30px; font-size:14px; color:#fff; float:left;}
.navbox dl a:hover b,.navbox dl a.on b{ width:15px;}
.navbox dl a:hover span,.navbox dl a.on span{ color:#db2001;}
.navbox dl dd{ display:block; float:left; overflow:hidden; height:30px; line-height:30px;}

.navbar,.nav_list{ display:none;}
}

@media only screen and (max-width:768px){
.navbox{ width:100%; padding:8px 15px; position:fixed; left:0; top:0; z-index:999; box-sizing:border-box; -webkit-transition:padding .35s, background-color .35s; -o-transition:padding .35s, background-color .35s; transition:padding .35s, background-color .35s;}
.navbox.on{ padding:0 15px; background-color:rgba(0,0,0,0.85);}
.navbox strong{ display:block; height:30px; margin:10px 0; overflow:hidden; float:left;}
.navbox strong img{ display:block; height:30px;}
.navbox dl{ display:none;}
.navbar{ display:block; width:40px; height:32px; float:right; vertical-align:middle; color:#ffffff; margin-top:5px; position:relative; padding:4px 0;}
.navbar .bar{ display:block; width:22px; height:0; border-top:2px solid; margin:6px auto; position:relative; -webkit-transition:opacity .35s ease, -webkit-transform .35s ease; transition:opacity .35s ease, -webkit-transform .35s ease; -o-transition:transform .35s ease, opacity .35s ease; transition:transform .35s ease, opacity .35s ease; transition:transform .35s ease, opacity .35s ease, -webkit-transform .35s ease;}
.navbar.cur .bar:first-child{ -webkit-transform:translate(0, 8px) rotate(45deg); -ms-transform:translate(0, 8px) rotate(45deg); transform:translate(0, 8px) rotate(45deg);}
.navbar.cur .bar:nth-child(2){ opacity:0;}
.navbar.cur .bar:last-child{ -webkit-transform:translate(0, -8px) rotate(-45deg); -ms-transform:translate(0, -8px) rotate(-45deg); transform:translate(0, -8px) rotate(-45deg);}

.nav_list{ position:fixed; height:100%; width:45%; overflow-x:hidden; top:0; left:0; z-index:1199; overflow-y:auto; background-color:rgba(0, 0, 0, 0.85); -webkit-transform:translate3d(-100%, 0, 0); transform:translate3d(-100%, 0, 0); -webkit-transition:-webkit-transform .35s; transition:-webkit-transform .35s; -o-transition:transform .35s; transition:transform .35s; transition:transform .35s, -webkit-transform .35s; border-right:4px solid #db2001;}
.nav_list.on{ -webkit-transform:translate3d(0, 0, 0); transform:translate3d(0, 0, 0);}
.bg{ width:100%; height:100%; position:fixed; left:0; top:0; display:none; z-index:888; background-color:rgba(0, 0, 0, 0.25);}
.nav_list b{ padding:15px; padding-top:35px; display:block; overflow:hidden;}
.nav_list b img{ width:100%; display:block;}
.nav_list ul{ display:block; padding:0 30px; overflow:hidden; text-align:center;}
.nav_list ul li{
    -webkit-transition:opacity .35s, -webkit-transform .35s;
    transition:opacity .35s, -webkit-transform .35s;
    -o-transition:opacity .35s, transform .35s;
    transition:opacity .35s, transform .35s;
    transition:opacity .35s, transform .35s, -webkit-transform .35s;
    opacity:0;
    -webkit-transform:translate3d(0, 100%, 0);
    transform:translate3d(0, 100%, 0);
    border-bottom:1px solid rgba(255, 255, 255, 0.1);
	display:block;
}
.nav_list ul li:nth-child(1){
    -webkit-transition-delay:0.3s !important;
    -o-transition-delay:0.3s !important;
    transition-delay:0.3s !important;
}
.nav_list ul li:nth-child(2){
    -webkit-transition-delay:0.4s !important;
    -o-transition-delay:0.4s !important;
    transition-delay:0.4s !important;
}
.nav_list ul li:nth-child(3){
    -webkit-transition-delay:0.5s !important;
    -o-transition-delay:0.5s !important;
    transition-delay:0.5s !important;
}
.nav_list ul li:nth-child(4){
    -webkit-transition-delay:0.6s !important;
    -o-transition-delay:0.6s !important;
    transition-delay:0.6s !important;
}
.nav_list ul li:nth-child(5){
    -webkit-transition-delay:0.7s !important;
    -o-transition-delay:0.7s !important;
    transition-delay:0.7s !important;
}
.nav_list ul li:nth-child(6){
    -webkit-transition-delay:0.8s !important;
    -o-transition-delay:0.8s !important;
    transition-delay:0.8s !important;
}
.nav_list ul li:nth-child(7){
    -webkit-transition-delay:0.9s !important;
    -o-transition-delay:0.9s !important;
    transition-delay:0.9s !important;
}
.nav_list ul li a{ color:#FFF; display:block; padding:12px 20px; text-align:center; font-size:16px;}
.nav_list.on ul li{ opacity:1; -webkit-transform:translate3d(0, 0, 0); transform:translate3d(0, 0, 0);}
}

/*home*/
@media screen and (min-width:1280px){
.home{ width:100%; height:100%;}
.home .video-back{ width:100%; height:100%; position:relative; z-index:1; background-color:#000;}
.home .vidbacking-active-block-back{ position:absolute; min-width:100%; min-height:100%; height:auto; width:auto; z-index:-100; top:50%; left:50%; transform:translateX(-50%) translateY(-50%);}
.home video{ width:100%; height:100%; display:block; overflow:hidden;}
.home .mask{ width:100%; height:100%; position:absolute; left:0; top:0; background-position:center; background-repeat:no-repeat; background-color:rgba(0,0,0,0.7); z-index:3;}
.home .banner{ display:none;}
.home .more{ background-color:#db2001; position:absolute; bottom:0; left:130px; z-index:12;}
.home .more a{ color:#fff; font-size:14px; height:20px; font-family:Arial, Helvetica, sans-serif; line-height:20px; padding:20px 45px; display:block;}
.home .more b{ display:block; float:left; height:20px;}
.home .more span{ display:block; height:20px; float:left; margin:0 6px; text-transform:uppercase;}
.home .more strong{ width:35px; display:block; float:left; height:20px; transition:width 0.5s; -moz-transition:width 0.5s; -webkit-transition:width 0.5s; -o-transition:width 0.5s; background-image:url(../images/more.png); background-position:right center; background-repeat:no-repeat;}
.home .more:hover{ background-color:#b51a01;}
.home .more:hover strong{ width:48px;}
}

@media screen and (min-width:769px) and (max-width:1279px){
.home{ width:100%; height:100%;}
.home .video-back{ width:100%; height:100%; position:relative; z-index:1; background-color:#000;}
.home .vidbacking-active-block-back{ position:absolute; min-width:100%; min-height:100%; height:auto; width:auto; z-index:-100; top:50%; left:50%; transform:translateX(-50%) translateY(-50%);}
.home .banner{ width:100%; height:100%; display:block; overflow:hidden; /*background-position:center; background-size:cover; background-attachment:fixed;*/}
.home .mask{ width:100%; height:100%; position:absolute; left:0; top:0; background-position:center; background-repeat:no-repeat; background-color:rgba(0,0,0,0.7); background-size:50% auto; z-index:3;}
.home .more{ background-color:#db2001; position:absolute; bottom:0; left:110px; z-index:12;}
.home .more a{ color:#fff; font-size:14px; height:20px; font-family:Arial, Helvetica, sans-serif; line-height:20px; padding:20px 45px; display:block;}
.home .more b{ display:block; float:left; height:20px;}
.home .more span{ display:block; height:20px; float:left; margin:0 6px; text-transform:uppercase;}
.home .more strong{ width:35px; display:block; float:left; height:20px; transition:width 0.5s; -moz-transition:width 0.5s; -webkit-transition:width 0.5s; -o-transition:width 0.5s; background-image:url(../images/more.png); background-position:right center; background-repeat:no-repeat;}
.home .more:hover{ background-color:#b51a01;}
.home .more:hover strong{ width:48px;}
}

@media only screen and (max-width:768px){
.home{ width:100%; height:100%;}
.home .video-back{ width:100%; height:100%; position:relative; z-index:1; background-color:#000;}
.home .vidbacking-active-block-back{ position:absolute; min-width:100%; min-height:100%; height:auto; width:auto; z-index:-100; top:50%; left:50%; transform:translateX(-50%) translateY(-50%);}
.home .banner{ width:100%; height:100%; display:block; overflow:hidden; /*background-position:center; background-size:cover; background-attachment:fixed;*/}
.home .mask{ width:100%; height:100%; position:absolute; left:0; top:0; background-position:center; background-repeat:no-repeat; background-color:rgba(0,0,0,0.7); background-size:50% auto; z-index:3;}
.home .more{ display:none;}
}

/*about*/
@media screen and (min-width:1280px){
.about{ width:100%; min-height:100%; background-position:right; background-repeat:no-repeat; background-attachment:fixed; display:flex;}
.about .left{ width:58%; min-height:100%; background-color:#f0f0f0; padding:80px 50px; padding-left:100px; box-sizing:border-box; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center;}
.about .left .box{ max-width:600px; margin:auto; width:100%;}
.about .heading{
    position:relative;
    margin-bottom:25px;
	height:130px;
}
.about .square{
    z-index:1;
	position:relative;
    width:100px;
    height:130px;
    color:#CCC;
}
.about .square i{
    display:block;
    position:absolute;
}
.about .square .line-1{
    border-top:5px solid;
    border-right:5px solid;
    width:0;
    height:0;
	top:0;
    right:0;
    opacity:0;
    -webkit-transition:height .35s linear, width .5s linear .35s, opacity .2s .35s;
    -o-transition:height .35s linear, width .5s linear .35s, opacity .2s .35s;
    transition:height .35s linear, width .5s linear .35s, opacity .2s .35s;
}
.about.active-section .square .line-1{ width:90px; height:25px; opacity:1;}
.about .square .line-2 {
    border-right:5px solid;
    left:0;
    top:0;
    height:0;
    opacity:0;
    -webkit-transition:height .5s linear .85s, opacity .2s .85s;
    -o-transition:height .5s linear .85s, opacity .2s .85s;
    transition:height .5s linear .85s, opacity .2s .85s;
}
.about.active-section .square .line-2{ width:0; height:130px; opacity:1;}
.about .square .line-3 {
    border-bottom:5px solid;
    border-right:5px solid;
    width:0;
    height:0;
    bottom:0;
    left:5px;
    opacity:0;
    -webkit-transition:width .5s linear 1.45s, height .2s linear 1.95s, opacity .2s 1.45s;
    -o-transition:width .5s linear 1.45s, height .2s linear 1.95s, opacity .2s 1.45s;
    transition:width .5s linear 1.45s, height .2s linear 1.95s, opacity .2s 1.45s;
}
.about.active-section .square .line-3{ width:90px; height:15px; opacity:1;}

.about .inner{ position:absolute; left:50px; top:37px;}
.about .inner h3{ opacity:0; -webkit-transform:translate3d(0, 42px, 0); transform:translate3d(0, 42px, 0); -webkit-transition-delay:0.5s; -o-transition-delay:0.5s; transition-delay:0.5s; width:100%; display:block; font-weight:normal; height:42px; line-height:42px; overflow:hidden;}
.about .inner h3 span{ display:block; float:left; font-size:36px; color:#666;}
.about .inner h3 b{ width:70px; height:1px; display:block; float:left; margin:20px 15px; margin-right:10px; background-color:#ccc;}
.about .inner h3 a{ display:block; float:left; font-size:14px; color:#666; text-transform:uppercase;}
.about.active-section .inner h3{ opacity:1; -webkit-transform:translate3d(0, 0, 0); transform:translate3d(0, 0, 0);}
.about .inner p{ opacity:0; -webkit-transform:translate3d(0, 26px, 0); transform:translate3d(0, 26px, 0); -webkit-transition-delay:0.85s; -o-transition-delay:0.85s; transition-delay:0.85s; width:100%; display:block; height:26px; line-height:26px; overflow:hidden; font-size:12px;}
.about.active-section .inner p{ opacity:1; -webkit-transform:translate3d(0, 0, 0); transform:translate3d(0, 0, 0);}


.about .wen{ width:100%; font-size:14px; line-height:24px; -webkit-transform:translate3d(0, 42px, 0); transform:translate3d(0, 42px, 0); -webkit-transition-delay:1.5s; -o-transition-delay:1.5s; transition-delay:1.5s; opacity:0; overflow:hidden; margin-bottom:25px;} 
.active-section .wen{ opacity:1; -webkit-transform:translate3d(0, 0, 0); transform:translate3d(0, 0, 0);}
.about .list{ width:100%; display:block; text-align:center;}
.about .list li {
    display:inline-block;
    padding:0 21px;
}
.about-count{
    padding:20px 0 30px;
}
.about-count p {
    margin-bottom:5px;
}
.about-count .count {
    font-size:42px;
    line-height:1em;
}
.about-count .type {
    font-size:14px;
    line-height:1em;
}
.about-count h5 {
    font-size:13px;
    margin-bottom:0;
	font-weight:500;
}

.about .container {
    padding:15px 100px;
    background-color:#FFF;
    position:relative;
    z-index:8;
    margin-top:30px;
	width:130%;
	box-sizing:border-box;
}
.about .container ul{
    text-align:center;
    padding:15px 0 5px;
	overflow:hidden;
}
.about .container ul li{ width:25%; display:block; float:left;}
.about .container ul li strong{ width:100%; height:54px; margin-bottom:10px; display:block; overflow:hidden;}
.about .container ul li strong img{ display:block; height:54px; margin:auto;}
.about .container ul li h5{ margin:8px auto; font-size:12px; font-weight:500; line-height:14px; overflow:hidden;}

.about .more{ background-color:#db2001; display:inline-block;}
.about .more a{ color:#fff; font-size:14px; height:20px; font-family:Arial, Helvetica, sans-serif; line-height:20px; padding:20px 45px; display:block;}
.about .more b{ display:block; float:left; height:20px;}
.about .more span{ display:block; height:20px; float:left; margin:0 6px; text-transform:uppercase;}
.about .more strong{ width:35px; display:block; float:left; height:20px; transition:width 0.5s; -moz-transition:width 0.5s; -webkit-transition:width 0.5s; -o-transition:width 0.5s; background-image:url(../images/more.png); background-position:right center; background-repeat:no-repeat;}
.about .more:hover{ background-color:#b51a01;}
.about .more:hover strong{ width:48px;}
}

@media screen and (min-width:769px) and (max-width:1279px){
.about{ width:100%;min-height:100%; background-image:none; display:flex;}
.about .left{ width:100%; min-height:100%; background-color:#f0f0f0; padding:80px 50px; padding-left:100px; box-sizing:border-box; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center;}
.about .left .box{ max-width:600px; padding-left:50px; margin:auto; width:100%;}
.about .heading{
    position:relative;
    margin-bottom:25px;
	height:130px;
}
.about .square{
    z-index:1;
	position:relative;
    width:100px;
    height:130px;
    color:#CCC;
}
.about .square i{
    display:block;
    position:absolute;
}
.about .square .line-1{
    border-top:5px solid;
    border-right:5px solid;
    width:0;
    height:0;
	top:0;
    right:0;
    opacity:0;
    -webkit-transition:height .35s linear, width .5s linear .35s, opacity .2s .35s;
    -o-transition:height .35s linear, width .5s linear .35s, opacity .2s .35s;
    transition:height .35s linear, width .5s linear .35s, opacity .2s .35s;
}
.about.active-section .square .line-1{ width:90px; height:25px; opacity:1;}
.about .square .line-2 {
    border-right:5px solid;
    left:0;
    top:0;
    height:0;
    opacity:0;
    -webkit-transition:height .5s linear .85s, opacity .2s .85s;
    -o-transition:height .5s linear .85s, opacity .2s .85s;
    transition:height .5s linear .85s, opacity .2s .85s;
}
.about.active-section .square .line-2{ width:0; height:130px; opacity:1;}
.about .square .line-3 {
    border-bottom:5px solid;
    border-right:5px solid;
    width:0;
    height:0;
    bottom:0;
    left:5px;
    opacity:0;
    -webkit-transition:width .5s linear 1.45s, height .2s linear 1.95s, opacity .2s 1.45s;
    -o-transition:width .5s linear 1.45s, height .2s linear 1.95s, opacity .2s 1.45s;
    transition:width .5s linear 1.45s, height .2s linear 1.95s, opacity .2s 1.45s;
}
.about.active-section .square .line-3{ width:90px; height:15px; opacity:1;}

.about .inner{ position:absolute; left:50px; top:37px;}
.about .inner h3{ opacity:0; -webkit-transform:translate3d(0, 42px, 0); transform:translate3d(0, 42px, 0); -webkit-transition-delay:0.5s; -o-transition-delay:0.5s; transition-delay:0.5s; width:100%; display:block; font-weight:normal; height:42px; line-height:42px; overflow:hidden;}
.about .inner h3 span{ display:block; float:left; font-size:36px; color:#666;}
.about .inner h3 b{ width:70px; height:1px; display:block; float:left; margin:20px 15px; margin-right:10px; background-color:#ccc;}
.about .inner h3 a{ display:block; float:left; font-size:14px; color:#666; text-transform:uppercase;}
.about.active-section .inner h3{ opacity:1; -webkit-transform:translate3d(0, 0, 0); transform:translate3d(0, 0, 0);}
.about .inner p{ opacity:0; -webkit-transform:translate3d(0, 26px, 0); transform:translate3d(0, 26px, 0); -webkit-transition-delay:0.85s; -o-transition-delay:0.85s; transition-delay:0.85s; width:100%; display:block; height:26px; line-height:26px; overflow:hidden; font-size:12px;}
.about.active-section .inner p{ opacity:1; -webkit-transform:translate3d(0, 0, 0); transform:translate3d(0, 0, 0);}


.about .wen{ width:100%; font-size:12px; line-height:21px; -webkit-transform:translate3d(0, 42px, 0); transform:translate3d(0, 42px, 0); -webkit-transition-delay:1.5s; -o-transition-delay:1.5s; transition-delay:1.5s; opacity:0; overflow:hidden; margin-bottom:25px;} 
.active-section .wen{ opacity:1; -webkit-transform:translate3d(0, 0, 0); transform:translate3d(0, 0, 0);}
.about .list{ width:100%; display:block; text-align:center;}
.about .list li {
    display:inline-block;
    padding:0 15px;
}
.about-count{
    padding:20px 0 30px;
}
.about-count p {
    margin-bottom:5px;
}
.about-count .count {
    font-size:36px;
    line-height:1em;
}
.about-count .type {
    font-size:14px;
    line-height:1em;
}
.about-count h5 {
    font-size:13px;
    margin-bottom:0;
	font-weight:500;
}

.about .container {
    padding:15px 50px;
    background-color:#FFF;
    position:relative;
    z-index:8;
    margin-top:5px;
	width:100%;
	box-sizing:border-box;
}
.about .container ul{
    text-align:center;
    padding:15px 0 5px;
	overflow:hidden;
}
.about .container ul li{ width:25%; display:block; float:left;}
.about .container ul li strong{ width:100%; height:40px; margin-bottom:8px; display:block; overflow:hidden;}
.about .container ul li strong img{ display:block; height:40px; margin:auto;}
.about .container ul li h5{ margin:8px auto; font-size:12px; font-weight:500; line-height:14px; overflow:hidden;}

.about .more{ background-color:#db2001; display:inline-block;}
.about .more a{ color:#fff; font-size:14px; height:20px; font-family:Arial, Helvetica, sans-serif; line-height:20px; padding:20px 45px; display:block;}
.about .more b{ display:block; float:left; height:20px;}
.about .more span{ display:block; height:20px; float:left; margin:0 6px; text-transform:uppercase;}
.about .more strong{ width:35px; display:block; float:left; height:20px; transition:width 0.5s; -moz-transition:width 0.5s; -webkit-transition:width 0.5s; -o-transition:width 0.5s; background-image:url(../images/more.png); background-position:right center; background-repeat:no-repeat;}
.about .more:hover{ background-color:#b51a01;}
.about .more:hover strong{ width:48px;}
}

@media only screen and (max-width:768px){
.about{ width:100%; height:100%; background-image:none; display:flex;}
.about .left{ width:100%; background-color:#f0f0f0; padding:25px; padding-bottom:30px; box-sizing:border-box; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center;}
.about .left .box{ max-width:600px; margin:auto; width:100%;}
.about .heading{
    position:relative;
	padding:10px 15px 0;
    margin-bottom:30px;
	text-align:center;
}
.about .square{ display:none;}

.about .inner{ width:100%;}
.about .inner h3{ opacity:0; -webkit-transform:translate3d(0, 42px, 0); transform:translate3d(0, 42px, 0); -webkit-transition-delay:0.5s; -o-transition-delay:0.5s; transition-delay:0.5s; width:100%; display:block; font-weight:normal; height:52px; line-height:52px; overflow:hidden;}
.about .inner h3 span{ display:block; font-size:36px; color:#666;}
.about .inner h3 b,.about .inner h3 a{ display:none;}
.about.active-section .inner h3{ opacity:1; -webkit-transform:translate3d(0, 0, 0); transform:translate3d(0, 0, 0);}
.about .inner p{ opacity:0; -webkit-transform:translate3d(0, 26px, 0); transform:translate3d(0, 26px, 0); -webkit-transition-delay:0.85s; -o-transition-delay:0.85s; transition-delay:0.85s; width:100%; display:block; height:22px; line-height:22px; overflow:hidden; font-size:12px;}
.about.active-section .inner p{ opacity:1; -webkit-transform:translate3d(0, 0, 0); transform:translate3d(0, 0, 0);}

.about .wen{ width:100%; font-size:12px; line-height:21px; height:126px; -webkit-transform:translate3d(0, 42px, 0); transform:translate3d(0, 42px, 0); -webkit-transition-delay:1.5s; -o-transition-delay:1.5s; transition-delay:1.5s; opacity:0; overflow:hidden; margin-bottom:15px;} 
.active-section .wen{ opacity:1; -webkit-transform:translate3d(0, 0, 0); transform:translate3d(0, 0, 0);}
.about .list{ width:100%; display:block; text-align:center;}
.about .list li {
    display:inline-block;
    padding:0 10px;
	width:45%;
	box-sizing:border-box;
}
.about-count{
    padding:10px 0 15px;
}
.about-count p {
    margin-bottom:5px;
}
.about-count .count {
    font-size:30px;
    line-height:1em;
}
.about-count .type {
    font-size:14px;
    line-height:1em;
}
.about-count h5 {
    font-size:13px;
    margin-bottom:0;
	font-weight:500;
}

.about .container { display:none;}

.about .more{ background-color:#db2001; text-align:center;}
.about .more a{ color:#fff; font-size:14px; height:20px; font-family:Arial, Helvetica, sans-serif; line-height:20px; padding:20px 0; display:block;}
.about .more b{ display:inline-block; vertical-align:middle; height:20px;}
.about .more span{ display:inline; vertical-align:middle;  height:20px; margin:0 6px; text-transform:uppercase;}
.about .more strong{ width:35px; display:inline-block; vertical-align:middle; height:20px; background-image:url(../images/more.png); background-position:right center; background-repeat:no-repeat;}
}

/*服务*/
@media screen and (min-width:1280px){
.service{ width:100%; min-height:100%; background-color:#000; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:normal;}
.service .nei{ width:100%; max-width:1500px; margin:auto; padding:80px 120px; box-sizing:border-box; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center;}
.service .box{ width:100%; position:relative; overflow:hidden;}
.service .heading{
    position:relative;
    margin-bottom:10px;
	height:130px;
	width:100%;
	float:left;
}
.service .square{
    z-index:1;
	position:relative;
    width:100px;
    height:130px;
    color:#ccc;
	float:right;
}
.service .square i{
    display:block;
    position:absolute;
}
.service .square .line-1{
    border-top:5px solid;
    border-left:5px solid;
    width:0;
    height:0;
	top:0;
    left:0;
    opacity:0;
    -webkit-transition:height .35s linear, width .5s linear .35s, opacity .2s .35s;
    -o-transition:height .35s linear, width .5s linear .35s, opacity .2s .35s;
    transition:height .35s linear, width .5s linear .35s, opacity .2s .35s;
}
.service.active-section .square .line-1{ width:90px; height:25px; opacity:1;}
.service .square .line-2 {
    border-right:5px solid;
    right:0;
    top:0;
    height:0;
    opacity:0;
    -webkit-transition:height .5s linear .85s, opacity .2s .85s;
    -o-transition:height .5s linear .85s, opacity .2s .85s;
    transition:height .5s linear .85s, opacity .2s .85s;
}
.service.active-section .square .line-2{ width:0; height:130px; opacity:1;}
.service .square .line-3 {
    border-bottom:5px solid;
    border-left:5px solid;
    width:0;
    height:0;
    bottom:0;
    right:5px;
    opacity:0;
    -webkit-transition:width .5s linear 1.45s, height .2s linear 1.95s, opacity .2s 1.45s;
    -o-transition:width .5s linear 1.45s, height .2s linear 1.95s, opacity .2s 1.45s;
    transition:width .5s linear 1.45s, height .2s linear 1.95s, opacity .2s 1.45s;
}
.service.active-section .square .line-3{ width:90px; height:15px; opacity:1;}

.service .inner{ position:absolute; right:50px; text-align:right; top:37px;}
.service .inner h3{ opacity:0; -webkit-transform:translate3d(0, 42px, 0); transform:translate3d(0, 42px, 0); -webkit-transition-delay:0.5s; -o-transition-delay:0.5s; transition-delay:0.5s; width:100%; display:block; font-weight:normal; height:42px; line-height:42px; overflow:hidden;}
.service .inner h3 span{ display:block; float:right; font-size:36px; color:#fff;}
.service .inner h3 b{ width:70px; height:1px; display:block; float:right; margin:20px 15px; margin-left:10px; background-color:#ccc;}
.service .inner h3 a{ display:block; float:right; font-size:14px; color:#fff; text-transform:uppercase;}
.service.active-section .inner h3{ opacity:1; -webkit-transform:translate3d(0, 0, 0); transform:translate3d(0, 0, 0);}
.service .inner p{ opacity:0; -webkit-transform:translate3d(0, 26px, 0); transform:translate3d(0, 26px, 0); -webkit-transition-delay:0.85s; -o-transition-delay:0.85s; transition-delay:0.85s; width:100%; display:block; height:26px; line-height:26px; overflow:hidden; font-size:12px; color:#fff;}
.service.active-section .inner p{ opacity:1; -webkit-transform:translate3d(0, 0, 0); transform:translate3d(0, 0, 0);}

.service .conts{ width:50%; float:left; height:540px;}
.service .conts .cont{ width:100%; height:540px; overflow:hidden; display:table; text-align:center; vertical-align:middle; overflow:hidden;}
.service .conts .cont p{ width:100%; height:540px; display:table-cell; text-align:center; vertical-align:middle; overflow:hidden; background-position:center; background-repeat:no-repeat; background-size:cover;} 
.service .tab_menu{ width:40%; float:right; margin-right:-10px;}
.service .tab_menu li{ width:50%; float:left; overflow:hidden; display:block; margin-top:20px; height:110px; text-align:center; opacity:0; -webkit-transform:translate3d50px, 0, 0); transform:translate3d(50px, 0, 0);}
.service.active-section .tab_menu li{ opacity:1; -webkit-transform:translate3d(0, 0, 0); transform:translate3d(0, 0, 0);}
.service.active-section .tab_menu li:nth-child(2){ -webkit-transition-delay:0.25s; -o-transition-delay:0.25s; transition-delay:0.25s;}
.service.active-section .tab_menu li:nth-child(3){ -webkit-transition-delay:0.5s; -o-transition-delay:0.5s; transition-delay:0.5s;}
.service.active-section .tab_menu li:nth-child(4){ -webkit-transition-delay:0.75s; -o-transition-delay:0.75s; transition-delay:0.75s;}
.service.active-section .tab_menu li:nth-child(5){ -webkit-transition-delay:1s; -o-transition-delay:1s; transition-delay:1s;}
.service.active-section .tab_menu li:nth-child(6){ -webkit-transition-delay:1.25s; -o-transition-delay:1.25s; transition-delay:1.25s;}
.service.active-section .tab_menu li:nth-child(7){ -webkit-transition-delay:1.5s; -o-transition-delay:1.5s; transition-delay:1.5s;}
.service.active-section .tab_menu li:nth-child(8){ -webkit-transition-delay:1.75s; -o-transition-delay:1.75s; transition-delay:1.75s;}

.service .tab_menu li a{ margin:0 10px; padding:8px; height:94px; position:relative; cursor:pointer; background-color:#1d1c1c; display:block; overflow:hidden;}
.service .tab_menu li strong{ height:48px; width:100%; display:table; text-align:center; vertical-align:middle;}
.service .tab_menu li strong em{ font-style:normal; width:100%; height:48px; display:table-cell; text-align:center; vertical-align:middle;}
.service .tab_menu li strong em img{ max-height:40px;}
.service .tab_menu li span{ font-size:16px; margin-bottom:5px; color:#fff; display:block; height:20px; line-height:20px; overflow:hidden;}
.service .tab_menu li p{ font-size:12px; color:#fff; display:block; height:18px; line-height:18px; overflow:hidden;}
.service .tab_menu li b{ width:0; height:2px; display:block; background-color:#db2001; transition:width 0.5s; -moz-transition:width 0.5s; -webkit-transition:width 0.5s; -o-transition:width 0.5s; position:absolute; left:0; bottom:0;}
.service .tab_menu li.selected b{ width:100%;}
.service .tab_menu li i{ font-style:normal; width:100px; height:30px; line-height:30px; font-size:14px; text-align:center; display:block; border:1px solid #fff; color:#fff; margin:31px auto;}
}

@media screen and (min-width:769px) and (max-width:1279px){
.service{ width:100%;min-height:100%; background-color:#000; display:flex;}
.service .nei{ width:100%; max-width:1500px; margin:auto; padding:80px 120px; box-sizing:border-box; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center;}
.service .box{ width:100%; position:relative; overflow:hidden;}
.service .heading{
    position:relative;
    margin-bottom:10px;
	height:130px;
}
.service .square{
    z-index:1;
	position:relative;
    width:100px;
    height:130px;
    color:#ccc;
	float:right;
}
.service .square i{
    display:block;
    position:absolute;
}
.service .square .line-1{
    border-top:5px solid;
    border-left:5px solid;
    width:0;
    height:0;
	top:0;
    left:0;
    opacity:0;
    -webkit-transition:height .35s linear, width .5s linear .35s, opacity .2s .35s;
    -o-transition:height .35s linear, width .5s linear .35s, opacity .2s .35s;
    transition:height .35s linear, width .5s linear .35s, opacity .2s .35s;
}
.service.active-section .square .line-1{ width:90px; height:25px; opacity:1;}
.service .square .line-2 {
    border-right:5px solid;
    right:0;
    top:0;
    height:0;
    opacity:0;
    -webkit-transition:height .5s linear .85s, opacity .2s .85s;
    -o-transition:height .5s linear .85s, opacity .2s .85s;
    transition:height .5s linear .85s, opacity .2s .85s;
}
.service.active-section .square .line-2{ width:0; height:130px; opacity:1;}
.service .square .line-3 {
    border-bottom:5px solid;
    border-left:5px solid;
    width:0;
    height:0;
    bottom:0;
    right:5px;
    opacity:0;
    -webkit-transition:width .5s linear 1.45s, height .2s linear 1.95s, opacity .2s 1.45s;
    -o-transition:width .5s linear 1.45s, height .2s linear 1.95s, opacity .2s 1.45s;
    transition:width .5s linear 1.45s, height .2s linear 1.95s, opacity .2s 1.45s;
}
.service.active-section .square .line-3{ width:90px; height:15px; opacity:1;}

.service .inner{ position:absolute; right:50px; text-align:right; top:37px;}
.service .inner h3{ opacity:0; -webkit-transform:translate3d(0, 42px, 0); transform:translate3d(0, 42px, 0); -webkit-transition-delay:0.5s; -o-transition-delay:0.5s; transition-delay:0.5s; width:100%; display:block; font-weight:normal; height:42px; line-height:42px; overflow:hidden;}
.service .inner h3 span{ display:block; float:right; font-size:36px; color:#fff;}
.service .inner h3 b{ width:70px; height:1px; display:block; float:right; margin:20px 15px; margin-left:10px; background-color:#ccc;}
.service .inner h3 a{ display:block; float:right; font-size:14px; color:#fff; text-transform:uppercase;}
.service.active-section .inner h3{ opacity:1; -webkit-transform:translate3d(0, 0, 0); transform:translate3d(0, 0, 0);}
.service .inner p{ opacity:0; -webkit-transform:translate3d(0, 26px, 0); transform:translate3d(0, 26px, 0); -webkit-transition-delay:0.85s; -o-transition-delay:0.85s; transition-delay:0.85s; width:100%; display:block; height:26px; line-height:26px; overflow:hidden; font-size:12px; color:#fff;}
.service.active-section .inner p{ opacity:1; -webkit-transform:translate3d(0, 0, 0); transform:translate3d(0, 0, 0);}

.service .conts{ width:56%; float:left; height:452px;}
.service .conts .cont{ width:100%; height:452px; overflow:hidden; display:table; text-align:center; vertical-align:middle; overflow:hidden;}
.service .conts .cont p{ width:100%; height:452px; display:table-cell; text-align:center; vertical-align:middle; overflow:hidden; background-position:center; background-repeat:no-repeat; background-size:cover;}
.service .conts .cont img{ max-width:100%; max-height:100%;}
.service .tab_menu{ width:42%; float:right; margin-right:-10px;}
.service .tab_menu li{ width:50%; float:left; overflow:hidden; display:block; margin-top:20px; height:88px; text-align:center; opacity:0; -webkit-transform:translate3d(50px, 0, 0); transform:translate3d(50px, 0, 0);}
.service.active-section .tab_menu li{ opacity:1; -webkit-transform:translate3d(0, 0, 0); transform:translate3d(0, 0, 0);}
.service.active-section .tab_menu li:nth-child(2){ -webkit-transition-delay:0.25s; -o-transition-delay:0.25s; transition-delay:0.25s;}
.service.active-section .tab_menu li:nth-child(3){ -webkit-transition-delay:0.5s; -o-transition-delay:0.5s; transition-delay:0.5s;}
.service.active-section .tab_menu li:nth-child(4){ -webkit-transition-delay:0.75s; -o-transition-delay:0.75s; transition-delay:0.75s;}
.service.active-section .tab_menu li:nth-child(5){ -webkit-transition-delay:1s; -o-transition-delay:1s; transition-delay:1s;}
.service.active-section .tab_menu li:nth-child(6){ -webkit-transition-delay:1.25s; -o-transition-delay:1.25s; transition-delay:1.25s;}
.service.active-section .tab_menu li:nth-child(7){ -webkit-transition-delay:1.5s; -o-transition-delay:1.5s; transition-delay:1.5s;}
.service.active-section .tab_menu li:nth-child(8){ -webkit-transition-delay:1.75s; -o-transition-delay:1.75s; transition-delay:1.75s;}

.service .tab_menu li a{ margin:0 10px; padding:8px; height:72px; position:relative; cursor:pointer; background-color:#1d1c1c; display:block; overflow:hidden;}
.service .tab_menu li strong{ height:48px; width:100%; display:table; text-align:center; vertical-align:middle;}
.service .tab_menu li strong em{ font-style:normal; width:100%; height:48px; display:table-cell; text-align:center; vertical-align:middle;}
.service .tab_menu li strong em img{ max-height:40px;}
.service .tab_menu li span{ font-size:16px; margin-bottom:5px; color:#fff; display:block; height:20px; line-height:20px; overflow:hidden;}
.service .tab_menu li p{ display:none;}
.service .tab_menu li b{ width:0; height:2px; display:block; background-color:#db2001; transition:width 0.5s; -moz-transition:width 0.5s; -webkit-transition:width 0.5s; -o-transition:width 0.5s; position:absolute; left:0; bottom:0;}
.service .tab_menu li.selected b{ width:100%;}
.service .tab_menu li i{ font-style:normal; width:100px; height:30px; line-height:30px; font-size:14px; text-align:center; display:block; border:1px solid #fff; color:#fff; margin:20px auto;}
}

@media only screen and (max-width:768px){
.service{ width:100%; height:100%; background-color:#000; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:normal;}
.service .nei{ margin:auto; width:100%; padding:25px; padding-bottom:30px; box-sizing:border-box; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center;}
.service .heading{
    position:relative;
	padding:10px 15px 0;
    margin-bottom:30px;
	text-align:center;
}
.service .square{ display:none;}

.service .inner{ width:100%;}
.service .inner h3{ opacity:0; -webkit-transform:translate3d(0, 42px, 0); transform:translate3d(0, 42px, 0); -webkit-transition-delay:0.5s; -o-transition-delay:0.5s; transition-delay:0.5s; width:100%; display:block; font-weight:normal; height:52px; line-height:52px; overflow:hidden;}
.service .inner h3 span{ display:block; font-size:36px; color:#fff;}
.service .inner h3 b,.about .inner h3 a{ display:none;}
.service.active-section .inner h3{ opacity:1; -webkit-transform:translate3d(0, 0, 0); transform:translate3d(0, 0, 0);}
.service .inner p{ opacity:0; -webkit-transform:translate3d(0, 26px, 0); transform:translate3d(0, 26px, 0); -webkit-transition-delay:0.85s; -o-transition-delay:0.85s; transition-delay:0.85s; width:100%; display:block; height:22px; line-height:22px; overflow:hidden; font-size:12px; color:#fff;}
.service.active-section .inner p{ opacity:1; -webkit-transform:translate3d(0, 0, 0); transform:translate3d(0, 0, 0);}

.service .conts{ display:none;}
.service .tab_menu{ width:100%; overflow:hidden;}
.service .tab_menu li{ width:50%; float:left; overflow:hidden; display:block; margin-bottom:20px; height:88px; text-align:center; opacity:0; -webkit-transform:translate3d(50px, 0, 0); transform:translate3d(50px, 0, 0);}
.service.active-section .tab_menu li{ opacity:1; -webkit-transform:translate3d(0, 0, 0); transform:translate3d(0, 0, 0);}
.service.active-section .tab_menu li:nth-child(2){ -webkit-transition-delay:0.25s; -o-transition-delay:0.25s; transition-delay:0.25s;}
.service.active-section .tab_menu li:nth-child(3){ -webkit-transition-delay:0.5s; -o-transition-delay:0.5s; transition-delay:0.5s;}
.service.active-section .tab_menu li:nth-child(4){ -webkit-transition-delay:0.75s; -o-transition-delay:0.75s; transition-delay:0.75s;}
.service.active-section .tab_menu li:nth-child(5){ -webkit-transition-delay:1s; -o-transition-delay:1s; transition-delay:1s;}
.service.active-section .tab_menu li:nth-child(6){ -webkit-transition-delay:1.25s; -o-transition-delay:1.25s; transition-delay:1.25s;}
.service.active-section .tab_menu li:nth-child(7){ -webkit-transition-delay:1.5s; -o-transition-delay:1.5s; transition-delay:1.5s;}
.service.active-section .tab_menu li:nth-child(8){ -webkit-transition-delay:1.75s; -o-transition-delay:1.75s; transition-delay:1.75s;}

.service .tab_menu li a{ margin:0 10px; padding:8px; height:72px; position:relative; cursor:pointer; background-color:#1d1c1c; display:block; overflow:hidden;}
.service .tab_menu li strong{ height:48px; width:100%; display:table; text-align:center; vertical-align:middle;}
.service .tab_menu li strong em{ font-style:normal; width:100%; height:48px; display:table-cell; text-align:center; vertical-align:middle;}
.service .tab_menu li strong em img{ max-height:40px;}
.service .tab_menu li span{ font-size:16px; margin-bottom:5px; color:#fff; display:block; height:20px; line-height:20px; overflow:hidden;}
.service .tab_menu li p{ display:none;}
.service .tab_menu li b{ width:0; height:2px; display:block; background-color:#db2001; transition:width 0.5s; -moz-transition:width 0.5s; -webkit-transition:width 0.5s; -o-transition:width 0.5s; position:absolute; left:0; bottom:0;}
.service .tab_menu li.selected b{ width:100%;}
.service .tab_menu li i{ font-style:normal; width:100px; height:30px; line-height:30px; font-size:14px; text-align:center; display:block; border:1px solid #fff; color:#fff; margin:20px auto;}
}

/*work*/
@media screen and (min-width:1280px){
.work{ width:100%; min-height:100%; display:flex;}
.work .left{ width:40%; min-height:100%; padding:80px 50px; box-sizing:border-box; box-sizing:border-box; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; background-image:url(../images/work.jpg); background-size:cover;}
.work .right{ width:60%; min-height:100%; padding:80px 50px; box-sizing:border-box; box-sizing:border-box; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center;}
.work .heading{ position:relative; margin-bottom:25px; height:130px;}
.work .square{ z-index:1; position:absolute; left:0; top:0; width:100px; height:130px; color:#CCC;}
.work .square i{ display:block; position:absolute;}
.work .square .line-1{ border-top:5px solid; border-right:5px solid; width:0; height:0; top:0; right:0; opacity:0;
    -webkit-transition:height .35s linear, width .5s linear .35s, opacity .2s .35s;
    -o-transition:height .35s linear, width .5s linear .35s, opacity .2s .35s;
    transition:height .35s linear, width .5s linear .35s, opacity .2s .35s;
}
.work.active-section .square .line-1{ width:90px; height:25px; opacity:1;}
.work .square .line-2{ border-right:5px solid; left:0; top:0; height:0; opacity:0;
    -webkit-transition:height .5s linear .85s, opacity .2s .85s;
    -o-transition:height .5s linear .85s, opacity .2s .85s;
    transition:height .5s linear .85s, opacity .2s .85s;
}
.work.active-section .square .line-2{ width:0; height:130px; opacity:1;}
.work .square .line-3{ border-bottom:5px solid; border-right:5px solid; width:0; height:0; bottom:0; left:5px; opacity:0;
    -webkit-transition:width .5s linear 1.45s, height .2s linear 1.95s, opacity .2s 1.45s;
    -o-transition:width .5s linear 1.45s, height .2s linear 1.95s, opacity .2s 1.45s;
    transition:width .5s linear 1.45s, height .2s linear 1.95s, opacity .2s 1.45s;
}
.work.active-section .square .line-3{ width:90px; height:15px; opacity:1;}
.work .inner{ position:relative; margin-left:50px; margin-top:37px;}
.work .inner h3{ opacity:0; -webkit-transform:translate3d(0, 42px, 0); transform:translate3d(0, 42px, 0); -webkit-transition-delay:0.5s; -o-transition-delay:0.5s; transition-delay:0.5s; width:100%; display:block; font-weight:normal; height:42px; line-height:42px; overflow:hidden;}
.work .inner h3 span{ display:block; float:left; font-size:36px; color:#fff;}
.work .inner h3 b{ width:70px; height:1px; display:block; float:left; margin:20px 15px; margin-right:10px; background-color:#ccc;}
.work .inner h3 a{ display:block; float:left; font-size:14px; color:#fff; text-transform:uppercase;}
.work.active-section .inner h3{ opacity:1; -webkit-transform:translate3d(0, 0, 0); transform:translate3d(0, 0, 0);}
.work .inner p{ opacity:0; -webkit-transform:translate3d(0, 26px, 0); transform:translate3d(0, 26px, 0); -webkit-transition-delay:0.85s; -o-transition-delay:0.85s; transition-delay:0.85s; width:100%; display:block; height:26px; line-height:26px; overflow:hidden; font-size:12px; color:#fff;}
.work.active-section .inner p{ opacity:1; -webkit-transform:translate3d(0, 0, 0); transform:translate3d(0, 0, 0);}

.work .navbar-toggle{ display:none;}
.work .nav-work li{ width:100%; overflow:hidden; display:block; opacity:0; -webkit-transform:translate3d(-50px, 0, 0); transform:translate3d(-50px, 0, 0);}
.work.active-section .nav-work li{ opacity:1; -webkit-transform:translate3d(0, 0, 0); transform:translate3d(0, 0, 0);}
.work.active-section .nav-work li:nth-child(2){ -webkit-transition-delay:0.25s; -o-transition-delay:0.25s; transition-delay:0.25s;}
.work.active-section .nav-work li:nth-child(3){ -webkit-transition-delay:0.5s; -o-transition-delay:0.5s; transition-delay:0.5s;}
.work.active-section .nav-work li:nth-child(4){ -webkit-transition-delay:0.75s; -o-transition-delay:0.75s; transition-delay:0.75s;}
.work.active-section .nav-work li:nth-child(5){ -webkit-transition-delay:1s; -o-transition-delay:1s; transition-delay:1s;}
.work.active-section .nav-work li:nth-child(6){ -webkit-transition-delay:1.25s; -o-transition-delay:1.25s; transition-delay:1.25s;}
.work.active-section .nav-work li:nth-child(7){ -webkit-transition-delay:1.5s; -o-transition-delay:1.5s; transition-delay:1.5s;}
.work .nav-work a{ padding:12px 0; color:#FFF; display:block; font-size:14px; overflow:hidden; height:21px; line-height:21px;}
.work .nav-work a span{ display:block; float:left; margin-right:15px; height:21px;}
.work .nav-work a .arrow{ display:block; height:21px; float:left; background-image:url(../images/work.png); background-position:left center; background-repeat:no-repeat; overflow:hidden; width:60px; transition:width 0.5s; -moz-transition:width 0.5s; -webkit-transition:width 0.5s; -o-transition:width 0.5s;}
.work .nav-work li:hover span,.work .nav-work li.active span{ color:#db2001;}
.work .nav-work li:hover .arrow,.work .nav-work li.active .arrow{ width:116px;}
.work .nav-work li .text{ opacity:0; -webkit-transform:translate3d(0, 50px, 0); transform:translate3d(0, 50px, 0);}
.work.active-section .nav-work li .text{ opacity:1; -webkit-transform:translate3d(0, 0, 0); transform:translate3d(0, 0, 0);}
.work .nav-work li .btn{ font-size:14px; text-align:center; display:inline-block; border:1px solid #fff; color:#fff; padding:5px 10px; margin-top:25px;}
.work .close{ display:none;}

.work .right .box{ max-width:960px;}
.work .right .box ul{ display:block; width:100%; overflow:hidden;}
.work .right .box ul li{ display:block; float:left; padding:30px 35px; width:33.33%; box-sizing:border-box; opacity:0; -webkit-transform:translate3d(50px, 0, 0); transform:translate3d(50px, 0, 0);}
.work.active-section .right .box ul li{ opacity:1; -webkit-transform:translate3d(0, 0, 0); transform:translate3d(0, 0, 0);}
.work.active-section .right .box ul li:nth-child(2){ -webkit-transition-delay:0.25s; -o-transition-delay:0.25s; transition-delay:0.25s;}
.work.active-section .right .box ul li:nth-child(3){ -webkit-transition-delay:0.5s; -o-transition-delay:0.5s; transition-delay:0.5s;}
.work.active-section .right .box ul li:nth-child(4){ -webkit-transition-delay:0.75s; -o-transition-delay:0.75s; transition-delay:0.75s;}
.work.active-section .right .box ul li:nth-child(5){ -webkit-transition-delay:1s; -o-transition-delay:1s; transition-delay:1s;}
.work.active-section .right .box ul li:nth-child(6){ -webkit-transition-delay:1.25s; -o-transition-delay:1.25s; transition-delay:1.25s;}
.work .right .box ul li a{ width:100%; height:100%; display:block; overflow:hidden; position:relative; background-size:cover;}
.work .right .box ul li a img{ width:100%; display:block; visibility:hidden;}
.work .right .box ul li .plus{
	position:absolute;
    display:block;
    z-index:2;
    width:2em;
    height:2em;
    font-size:20px;
    top:50%;
    left:50%;
    margin-top:-1em;
    margin-left:-1em;
    -webkit-transform:scale(9);
    -ms-transform:scale(9);
    transform:scale(9);
	background-image:url(../images/more.jpg);
	background-size:100% 100%;
    opacity:0;
    -webkit-transition:opacity .6s, -webkit-transform .6s;
    transition:opacity .6s, -webkit-transform .6s;
    -o-transition:transform .6s, opacity .6s;
    transition:transform .6s, opacity .6s;
    transition:transform .6s, opacity .6s, -webkit-transform .6s;
}
.work .right .box ul li:hover .plus{ opacity:1; -webkit-transform:scale(1); -ms-transform:scale(1); transform:scale(1);}
.work .right .box ul li h5 {
    position:absolute;
    overflow:hidden;
	height:36px;
	line-height:36px;
    text-align:center;
    width:100%;
    background-color:#db2001;
    top:100%;
    left:0;
    color:#FFF;
    font-size:14px;
    -webkit-transition:-webkit-transform .35s;
    transition:-webkit-transform .35s;
    -o-transition:transform .35s;
    transition:transform .35s;
    transition:transform .35s, -webkit-transform .35s;
}

.work .right .box ul li:hover h5 { -webkit-transform:translate3d(0, -100%, 0); transform:translate3d(0, -100%, 0); }
}

@media screen and (min-width:769px) and (max-width:1279px){
.work{ width:100%; display:flex;min-height:100%;}
.work .left{ width:40%; min-height:100%; padding:80px 50px; box-sizing:border-box; box-sizing:border-box; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; background-image:url(../images/work.jpg); background-size:cover;}
.work .right{ width:60%; min-height:100%; padding:80px 35px; box-sizing:border-box; box-sizing:border-box; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center;}
.work .heading{ position:relative; margin-bottom:25px; height:130px;}
.work .square{ z-index:1; position:absolute; left:0; top:0; width:100px; height:130px; color:#CCC;}
.work .square i{ display:block; position:absolute;}
.work .square .line-1{ border-top:5px solid; border-right:5px solid; width:0; height:0; top:0; right:0; opacity:0;
    -webkit-transition:height .35s linear, width .5s linear .35s, opacity .2s .35s;
    -o-transition:height .35s linear, width .5s linear .35s, opacity .2s .35s;
    transition:height .35s linear, width .5s linear .35s, opacity .2s .35s;
}
.work.active-section .square .line-1{ width:90px; height:25px; opacity:1;}
.work .square .line-2{ border-right:5px solid; left:0; top:0; height:0; opacity:0;
    -webkit-transition:height .5s linear .85s, opacity .2s .85s;
    -o-transition:height .5s linear .85s, opacity .2s .85s;
    transition:height .5s linear .85s, opacity .2s .85s;
}
.work.active-section .square .line-2{ width:0; height:130px; opacity:1;}
.work .square .line-3{ border-bottom:5px solid; border-right:5px solid; width:0; height:0; bottom:0; left:5px; opacity:0;
    -webkit-transition:width .5s linear 1.45s, height .2s linear 1.95s, opacity .2s 1.45s;
    -o-transition:width .5s linear 1.45s, height .2s linear 1.95s, opacity .2s 1.45s;
    transition:width .5s linear 1.45s, height .2s linear 1.95s, opacity .2s 1.45s;
}
.work.active-section .square .line-3{ width:90px; height:15px; opacity:1;}
.work .inner{ position:relative; margin-left:50px; margin-top:37px;}
.work .inner h3{ opacity:0; -webkit-transform:translate3d(0, 42px, 0); transform:translate3d(0, 42px, 0); -webkit-transition-delay:0.5s; -o-transition-delay:0.5s; transition-delay:0.5s; width:100%; display:block; font-weight:normal; height:42px; line-height:42px; overflow:hidden;}
.work .inner h3 span{ display:block; float:left; font-size:36px; color:#fff;}
.work .inner h3 b{ width:70px; height:1px; display:block; float:left; margin:20px 15px; margin-right:10px; background-color:#ccc;}
.work .inner h3 a{ display:block; float:left; font-size:14px; color:#fff; text-transform:uppercase;}
.work.active-section .inner h3{ opacity:1; -webkit-transform:translate3d(0, 0, 0); transform:translate3d(0, 0, 0);}
.work .inner p{ opacity:0; -webkit-transform:translate3d(0, 26px, 0); transform:translate3d(0, 26px, 0); -webkit-transition-delay:0.85s; -o-transition-delay:0.85s; transition-delay:0.85s; width:100%; display:block; height:26px; line-height:26px; overflow:hidden; font-size:12px; color:#fff;}
.work.active-section .inner p{ opacity:1; -webkit-transform:translate3d(0, 0, 0); transform:translate3d(0, 0, 0);}

.work .navbar-toggle{ display:none;}
.work .nav-work li{ width:100%; overflow:hidden; display:block; opacity:0; -webkit-transform:translate3d(-50px, 0, 0); transform:translate3d(-50px, 0, 0);}
.work.active-section .nav-work li{ opacity:1; -webkit-transform:translate3d(0, 0, 0); transform:translate3d(0, 0, 0);}
.work.active-section .nav-work li:nth-child(2){ -webkit-transition-delay:0.25s; -o-transition-delay:0.25s; transition-delay:0.25s;}
.work.active-section .nav-work li:nth-child(3){ -webkit-transition-delay:0.5s; -o-transition-delay:0.5s; transition-delay:0.5s;}
.work.active-section .nav-work li:nth-child(4){ -webkit-transition-delay:0.75s; -o-transition-delay:0.75s; transition-delay:0.75s;}
.work.active-section .nav-work li:nth-child(5){ -webkit-transition-delay:1s; -o-transition-delay:1s; transition-delay:1s;}
.work.active-section .nav-work li:nth-child(6){ -webkit-transition-delay:1.25s; -o-transition-delay:1.25s; transition-delay:1.25s;}
.work.active-section .nav-work li:nth-child(7){ -webkit-transition-delay:1.5s; -o-transition-delay:1.5s; transition-delay:1.5s;}
.work .nav-work a{ padding:12px 0; color:#FFF; display:block; font-size:14px; overflow:hidden; height:21px; line-height:21px;}
.work .nav-work a span{ display:block; float:left; margin-right:15px; height:21px;}
.work .nav-work a .arrow{ display:block; height:21px; float:left; background-image:url(../images/work.png); background-position:left center; background-repeat:no-repeat; overflow:hidden; width:60px; transition:width 0.5s; -moz-transition:width 0.5s; -webkit-transition:width 0.5s; -o-transition:width 0.5s;}
.work .nav-work li:hover span,.work .nav-work li.active span{ color:#db2001;}
.work .nav-work li:hover .arrow,.work .nav-work li.active .arrow{ width:116px;}
.work .nav-work li .text{ opacity:0; -webkit-transform:translate3d(0, 50px, 0); transform:translate3d(0, 50px, 0);}
.work.active-section .nav-work li .text{ opacity:1; -webkit-transform:translate3d(0, 0, 0); transform:translate3d(0, 0, 0);}
.work .nav-work li .btn{ font-size:14px; text-align:center; display:inline-block; border:1px solid #fff; color:#fff; padding:5px 10px; margin-top:25px;}
.work .close{ display:none;}

.work .right .box ul{ display:block; width:100%; overflow:hidden;}
.work .right .box ul li{ display:block; float:left; padding:15px; width:33.33%; box-sizing:border-box; opacity:0; -webkit-transform:translate3d(50px, 0, 0); transform:translate3d(50px, 0, 0);}
.work.active-section .right .box ul li{ opacity:1; -webkit-transform:translate3d(0, 0, 0); transform:translate3d(0, 0, 0);}
.work.active-section .right .box ul li:nth-child(2){ -webkit-transition-delay:0.25s; -o-transition-delay:0.25s; transition-delay:0.25s;}
.work.active-section .right .box ul li:nth-child(3){ -webkit-transition-delay:0.5s; -o-transition-delay:0.5s; transition-delay:0.5s;}
.work.active-section .right .box ul li:nth-child(4){ -webkit-transition-delay:0.75s; -o-transition-delay:0.75s; transition-delay:0.75s;}
.work.active-section .right .box ul li:nth-child(5){ -webkit-transition-delay:1s; -o-transition-delay:1s; transition-delay:1s;}
.work.active-section .right .box ul li:nth-child(6){ -webkit-transition-delay:1.25s; -o-transition-delay:1.25s; transition-delay:1.25s;}
.work .right .box ul li a{ width:100%; height:100%; display:block; overflow:hidden; position:relative; background-size:cover;}
.work .right .box ul li a img{ width:100%; display:block; visibility:hidden;}
.work .right .box ul li .plus{
	position:absolute;
    display:block;
    z-index:2;
    width:2em;
    height:2em;
    font-size:20px;
    top:50%;
    left:50%;
    margin-top:-1em;
    margin-left:-1em;
    -webkit-transform:scale(9);
    -ms-transform:scale(9);
    transform:scale(9);
	background-image:url(../images/more.jpg);
	background-size:100% 100%;
    opacity:0;
    -webkit-transition:opacity .6s, -webkit-transform .6s;
    transition:opacity .6s, -webkit-transform .6s;
    -o-transition:transform .6s, opacity .6s;
    transition:transform .6s, opacity .6s;
    transition:transform .6s, opacity .6s, -webkit-transform .6s;
}
.work .right .box ul li:hover .plus{ opacity:1; -webkit-transform:scale(1); -ms-transform:scale(1); transform:scale(1);}
.work .right .box ul li h5 {
    position:absolute;
    overflow:hidden;
	height:36px;
	line-height:36px;
    text-align:center;
    width:100%;
    background-color:#db2001;
    top:100%;
    left:0;
    color:#FFF;
    font-size:14px;
    -webkit-transition:-webkit-transform .35s;
    transition:-webkit-transform .35s;
    -o-transition:transform .35s;
    transition:transform .35s;
    transition:transform .35s, -webkit-transform .35s;
}

.work .right .box ul li:hover h5 { -webkit-transform:translate3d(0, -100%, 0); transform:translate3d(0, -100%, 0); }
}

@media only screen and (max-width:768px){
.work{ width:100%; height:100%;}
.work .left{ width:100%; padding:65px 25px; padding-bottom: 5px; background-color: #fff; border-bottom: 1px solid #eee; position:relative; box-sizing:border-box; box-sizing:border-box; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center;}
.work .heading{ position:relative; padding:10px 15px 0; margin-bottom:30px; text-align:center;}
.work .square{ display:none;}
.work .inner{ width:100%;}
.work .inner h3{ opacity:0; -webkit-transform:translate3d(0, 42px, 0); transform:translate3d(0, 42px, 0); -webkit-transition-delay:0.5s; -o-transition-delay:0.5s; transition-delay:0.5s; width:100%; display:block; font-weight:normal; height:52px; line-height:52px; overflow:hidden;}
.work .inner h3 span{ display:block; font-size:36px; color:#666;}
.work .inner h3 b,.about .inner h3 a{ display:none;}
.work.active-section .inner h3{ opacity:1; -webkit-transform:translate3d(0, 0, 0); transform:translate3d(0, 0, 0);}
.work .inner p{ opacity:0; -webkit-transform:translate3d(0, 26px, 0); transform:translate3d(0, 26px, 0); -webkit-transition-delay:0.85s; -o-transition-delay:0.85s; transition-delay:0.85s; width:100%; display:block; height:22px; line-height:22px; overflow:hidden; font-size:12px;}
.work.active-section .inner p{ opacity:1; -webkit-transform:translate3d(0, 0, 0); transform:translate3d(0, 0, 0);}

.work .navbar-toggle{
    position: absolute;
    z-index: 7;
    right: 50%;
    margin-right: -35px;
    top: 100%;
    margin-top: -35px;
    background-color: #db2001;
    border: 15px solid #ffffff;
    width: 70px;
    height: 70px;
	color: #FFF;
    display: block;
	box-sizing:border-box;
    padding: 4px 0;
}
.work .navbar-toggle i{
    text-align: center;
    display: block;
    height: auto;
    height: 12px;
}
.work .navbar-toggle i:first-child {
    margin-top: 4px;
}
.work .navbar-toggle i:before,.work .navbar-toggle i:after {
    display: inline-block;
    vertical-align: top;
    content: "";
    width: 10px;
    height: 10px;
    margin: 1px;
    background-color: #FFF;
}
.work .nav-work {
    position: fixed;
    top: 0;
    right: 0;
	width:100%;
    height: 100%;
    z-index: 99999;
    -webkit-transition: -webkit-transform .35s;
    transition: -webkit-transform .35s;
    -o-transition: transform .35s;
    transition: transform .35s;
    transition: transform .35s, -webkit-transform .35s;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
	background-color:rgba(0,0,0,0.25);
}
.work .nav-work ul{
	display:block;
	height:100%;
    background-color: #222;
    padding: 80px 30px 30px;
    width: 70%;
	box-sizing:border-box;
	overflow:hidden;
	position:relative;
}
.work .nav-work.on {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}
.work .nav-work li{ width:100%; display:block; opacity:0; -webkit-transform:translate3d(-50px, 0, 0); transform:translate3d(-50px, 0, 0);}
.work.active-section .nav-work li{ opacity:1; -webkit-transform:translate3d(0, 0, 0); transform:translate3d(0, 0, 0);}
.work.active-section .nav-work li:nth-child(2){ -webkit-transition-delay:0.25s; -o-transition-delay:0.25s; transition-delay:0.25s;}
.work.active-section .nav-work li:nth-child(3){ -webkit-transition-delay:0.5s; -o-transition-delay:0.5s; transition-delay:0.5s;}
.work.active-section .nav-work li:nth-child(4){ -webkit-transition-delay:0.75s; -o-transition-delay:0.75s; transition-delay:0.75s;}
.work.active-section .nav-work li:nth-child(5){ -webkit-transition-delay:1s; -o-transition-delay:1s; transition-delay:1s;}
.work.active-section .nav-work li:nth-child(6){ -webkit-transition-delay:1.25s; -o-transition-delay:1.25s; transition-delay:1.25s;}
.work.active-section .nav-work li:nth-child(7){ -webkit-transition-delay:1.5s; -o-transition-delay:1.5s; transition-delay:1.5s;}
.work .nav-work a{ padding:12px 0; color:#FFF; display:block; font-size:14px; overflow:hidden; height:21px; line-height:21px;}
.work .nav-work a span{ display:block; float:left; margin-right:15px; height:21px;}
.work .nav-work a .arrow{ display:block; height:21px; float:left; background-image:url(../images/work.png); background-position:left center; background-repeat:no-repeat; overflow:hidden; width:60px; transition:width 0.5s; -moz-transition:width 0.5s; -webkit-transition:width 0.5s; -o-transition:width 0.5s;}
.work .nav-work li:hover span,.work .nav-work li.active span{ color:#db2001;}
.work .nav-work li:hover .arrow,.work .nav-work li.active .arrow{ width:116px;}
.work .nav-work li .text{ opacity:0; -webkit-transform:translate3d(0, 50px, 0); transform:translate3d(0, 50px, 0);}
.work.active-section .nav-work li .text{ opacity:1; -webkit-transform:translate3d(0, 0, 0); transform:translate3d(0, 0, 0);}
.work .nav-work li .btn{ font-size:14px; text-align:center; display:inline-block; border:1px solid #fff; color:#fff; padding:5px 10px; margin-top:25px;}
.work .nav-work .close{
    padding: 5px 0 !important;
    top: 5px;
    left: 5px;
    position:absolute;
	width: 40px;
	display:block;
    height: 38px;
	font-size:14px;
}
.work .nav-work .close .bar {
    display: block;
    width: 22px;
    height: 0;
    border-top: 2px solid;
    margin: 6px auto;
    position: relative;
    -webkit-transition: opacity .35s ease, -webkit-transform .35s ease;
    transition: opacity .35s ease, -webkit-transform .35s ease;
    -o-transition: transform .35s ease, opacity .35s ease;
    transition: transform .35s ease, opacity .35s ease;
    transition: transform .35s ease, opacity .35s ease, -webkit-transform .35s ease;
}
.work .nav-work .close .bar:first-child {
    -webkit-transform: translate(0, 8px) rotate(45deg);
    -ms-transform: translate(0, 8px) rotate(45deg);
    transform: translate(0, 8px) rotate(45deg);
}
.work .nav-work .close .bar:last-child {
    -webkit-transform: translate(0, -8px) rotate(-45deg);
    -ms-transform: translate(0, -8px) rotate(-45deg);
    transform: translate(0, -8px) rotate(-45deg);
}
.work .nav-work .close .bar:nth-child(2) {  opacity: 0;}

.work .right{ width:100%; padding:40px 18px 30px; box-sizing:border-box; box-sizing:border-box; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center;}
.work .right .box ul{ display:block; width:100%; overflow:hidden;}
.work .right .box ul li{ display:block; float:left; padding:7px; width:50%; box-sizing:border-box; opacity:0; -webkit-transform:translate3d(50px, 0, 0); transform:translate3d(50px, 0, 0);}
.work.active-section .right .box ul li{ opacity:1; -webkit-transform:translate3d(0, 0, 0); transform:translate3d(0, 0, 0);}
.work.active-section .right .box ul li:nth-child(2){ -webkit-transition-delay:0.25s; -o-transition-delay:0.25s; transition-delay:0.25s;}
.work.active-section .right .box ul li:nth-child(3){ -webkit-transition-delay:0.5s; -o-transition-delay:0.5s; transition-delay:0.5s;}
.work.active-section .right .box ul li:nth-child(4){ -webkit-transition-delay:0.75s; -o-transition-delay:0.75s; transition-delay:0.75s;}
.work.active-section .right .box ul li:nth-child(5){ -webkit-transition-delay:1s; -o-transition-delay:1s; transition-delay:1s;}
.work.active-section .right .box ul li:nth-child(6){ -webkit-transition-delay:1.25s; -o-transition-delay:1.25s; transition-delay:1.25s;}
.work .right .box ul li a{ width:100%; height:100%; display:block; overflow:hidden; position:relative; background-size:cover;}
.work .right .box ul li a img{ width:100%; display:block; visibility:hidden;}
.work .right .box ul li .plus{
	position:absolute;
    display:block;
    z-index:2;
    width:2em;
    height:2em;
    font-size:20px;
    top:50%;
    left:50%;
    margin-top:-1em;
    margin-left:-1em;
    -webkit-transform:scale(9);
    -ms-transform:scale(9);
    transform:scale(9);
	background-image:url(../images/more.jpg);
	background-size:100% 100%;
    opacity:0;
    -webkit-transition:opacity .6s, -webkit-transform .6s;
    transition:opacity .6s, -webkit-transform .6s;
    -o-transition:transform .6s, opacity .6s;
    transition:transform .6s, opacity .6s;
    transition:transform .6s, opacity .6s, -webkit-transform .6s;
}
.work .right .box ul li:hover .plus{ opacity:1; -webkit-transform:scale(1); -ms-transform:scale(1); transform:scale(1);}
.work .right .box ul li h5 {
    position:absolute;
    overflow:hidden;
	height:36px;
	line-height:36px;
    text-align:center;
    width:100%;
    background-color:#db2001;
    top:100%;
    left:0;
    color:#FFF;
    font-size:14px;
    -webkit-transition:-webkit-transform .35s;
    transition:-webkit-transform .35s;
    -o-transition:transform .35s;
    transition:transform .35s;
    transition:transform .35s, -webkit-transform .35s;
}

.work .right .box ul li:hover h5 { -webkit-transform:translate3d(0, -100%, 0); transform:translate3d(0, -100%, 0); }
}

/*partner*/
@media screen and (min-width:1280px){
.partner{ width:100%; min-height:100%; display:flex; background-color:#f0f0f0;}
.partner .box{ width:100%; min-height:100%; padding:80px 120px; box-sizing:border-box; box-sizing:border-box; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; position:relative;}
.partner .partner-bg{ position: absolute; top: 0; left: 0; height: 500px; width: 100%; overflow: hidden; z-index:0; background-position:center; background-repeat:no-repeat; background-attachment:fixed;}
.partner .partner-bg p{ display:block; width:100%; height:500px; background-color:rgba(0,0,0,0.7);}

.partner .par{ width:100%; position:relative; padding-top:20px; z-index:11;}
.partner .heading{
    position:relative;
    margin-bottom:30px;
	height:130px;
	width:100%;
}
.partner .square{
    z-index:1;
	position:relative;
    width:100px;
    height:130px;
    color:#ccc;
	float:right;
}
.partner .square i{
    display:block;
    position:absolute;
}
.partner .square .line-1{
    border-top:5px solid;
    border-left:5px solid;
    width:0;
    height:0;
	top:0;
    left:0;
    opacity:0;
    -webkit-transition:height .35s linear, width .5s linear .35s, opacity .2s .35s;
    -o-transition:height .35s linear, width .5s linear .35s, opacity .2s .35s;
    transition:height .35s linear, width .5s linear .35s, opacity .2s .35s;
}
.partner.active-section .square .line-1{ width:90px; height:25px; opacity:1;}
.partner .square .line-2 {
    border-right:5px solid;
    right:0;
    top:0;
    height:0;
    opacity:0;
    -webkit-transition:height .5s linear .85s, opacity .2s .85s;
    -o-transition:height .5s linear .85s, opacity .2s .85s;
    transition:height .5s linear .85s, opacity .2s .85s;
}
.partner.active-section .square .line-2{ width:0; height:130px; opacity:1;}
.partner .square .line-3 {
    border-bottom:5px solid;
    border-left:5px solid;
    width:0;
    height:0;
    bottom:0;
    right:5px;
    opacity:0;
    -webkit-transition:width .5s linear 1.45s, height .2s linear 1.95s, opacity .2s 1.45s;
    -o-transition:width .5s linear 1.45s, height .2s linear 1.95s, opacity .2s 1.45s;
    transition:width .5s linear 1.45s, height .2s linear 1.95s, opacity .2s 1.45s;
}
.partner.active-section .square .line-3{ width:90px; height:15px; opacity:1;}

.partner .inner{ position:absolute; right:50px; text-align:right; top:37px;}
.partner .inner h3{ opacity:0; -webkit-transform:translate3d(0, 42px, 0); transform:translate3d(0, 42px, 0); -webkit-transition-delay:0.5s; -o-transition-delay:0.5s; transition-delay:0.5s; width:100%; display:block; font-weight:normal; height:42px; line-height:42px; overflow:hidden;}
.partner .inner h3 span{ display:block; float:right; font-size:36px; color:#fff;}
.partner .inner h3 b{ width:70px; height:1px; display:block; float:right; margin:20px 15px; margin-left:10px; background-color:#ccc;}
.partner .inner h3 a{ display:block; float:right; font-size:14px; color:#fff; text-transform:uppercase;}
.partner.active-section .inner h3{ opacity:1; -webkit-transform:translate3d(0, 0, 0); transform:translate3d(0, 0, 0);}
.partner .inner p{ opacity:0; -webkit-transform:translate3d(0, 26px, 0); transform:translate3d(0, 26px, 0); -webkit-transition-delay:0.85s; -o-transition-delay:0.85s; transition-delay:0.85s; width:100%; display:block; height:26px; line-height:26px; overflow:hidden; font-size:12px; color:#fff;}
.partner.active-section .inner p{ opacity:1; -webkit-transform:translate3d(0, 0, 0); transform:translate3d(0, 0, 0);}

.partner .partner-container{ background-color:#fff; padding:40px 60px;}
.partner .partner-container .box01{ width:100%;}
.partner .partner-container .box01 ul{ display:block; margin-left:-1px; margin-top:-1px; overflow:hidden;}
.partner .partner-container .box01 ul li{ display:block; float:left; width:20%; overflow:hidden; box-sizing:border-box; border-left:1px solid #cacaca; border-top:1px solid #cacaca; position:relative;}
.partner .partner-container .box01 ul li strong{ width:100%; display:block; overflow:hidden;}
.partner .partner-container .box01 ul li strong img{ display:block; visibility:hidden;}
.partner .partner-container .box01 ul li span{ display:table; text-align:center; vertical-align:middle; width:100%; height:100%; position:absolute; left:0; top:0; background-color:#fff; z-index:10; display:none;}
.partner .partner-container .box01 ul li p{ display:table; text-align:center; vertical-align:middle; width:100%; height:100%; position:absolute; left:0; top:0; background-color:#fff; z-index:12; opacity:1;/* -webkit-transition: opacity .5s, -webkit-transform .5s; transition: opacity .5s, -webkit-transform .5s; -o-transition: opacity .5s, transform .5s; transition: opacity .5s, transform .5s; transition: opacity .5s, transform .5s, -webkit-transform .5s;*/}
.partner .partner-container .box01 ul li:hover p{ opacity:1;}
.partner .partner-container .box01 ul li a{ display:table-cell; text-align:center; vertical-align:middle; width:100%; height:100%;}
.partner .partner-container .box01 ul li img{ max-width:100%; max-height:100%; -webkit-transition:-webkit-transform 1s,height 1s,width 1s;}
.partner .partner-container .box01 ul li img:hover{ -webkit-transform:rotateY(-360deg);}
.partner .partner-container .box02,.partner .partner-container .box03{ display:none;}
}

@media screen and (min-width:769px) and (max-width:1279px){
.partner{ width:100%;min-height:100%; display:flex; background-color:#f0f0f0;}
.partner .box{ width:100%; min-height:100%; padding:80px 120px; box-sizing:border-box; box-sizing:border-box; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; position:relative;}
.partner .partner-bg{ position: absolute; top: 0; left: 0; height: 500px; width: 100%; overflow: hidden; z-index:0; background-position:center; background-repeat:no-repeat; background-attachment:fixed;}
.partner .partner-bg p{ display:block; width:100%; height:500px; background-color:rgba(0,0,0,0.7);}

.partner .par{ width:100%; position:relative; padding-top:20px; z-index:11;}
.partner .heading{
    position:relative;
    margin-bottom:30px;
	height:130px;
	width:100%;
}
.partner .square{
    z-index:1;
	position:relative;
    width:100px;
    height:130px;
    color:#ccc;
	float:right;
}
.partner .square i{
    display:block;
    position:absolute;
}
.partner .square .line-1{
    border-top:5px solid;
    border-left:5px solid;
    width:0;
    height:0;
	top:0;
    left:0;
    opacity:0;
    -webkit-transition:height .35s linear, width .5s linear .35s, opacity .2s .35s;
    -o-transition:height .35s linear, width .5s linear .35s, opacity .2s .35s;
    transition:height .35s linear, width .5s linear .35s, opacity .2s .35s;
}
.partner.active-section .square .line-1{ width:90px; height:25px; opacity:1;}
.partner .square .line-2 {
    border-right:5px solid;
    right:0;
    top:0;
    height:0;
    opacity:0;
    -webkit-transition:height .5s linear .85s, opacity .2s .85s;
    -o-transition:height .5s linear .85s, opacity .2s .85s;
    transition:height .5s linear .85s, opacity .2s .85s;
}
.partner.active-section .square .line-2{ width:0; height:130px; opacity:1;}
.partner .square .line-3 {
    border-bottom:5px solid;
    border-left:5px solid;
    width:0;
    height:0;
    bottom:0;
    right:5px;
    opacity:0;
    -webkit-transition:width .5s linear 1.45s, height .2s linear 1.95s, opacity .2s 1.45s;
    -o-transition:width .5s linear 1.45s, height .2s linear 1.95s, opacity .2s 1.45s;
    transition:width .5s linear 1.45s, height .2s linear 1.95s, opacity .2s 1.45s;
}
.partner.active-section .square .line-3{ width:90px; height:15px; opacity:1;}

.partner .inner{ position:absolute; right:50px; text-align:right; top:37px;}
.partner .inner h3{ opacity:0; -webkit-transform:translate3d(0, 42px, 0); transform:translate3d(0, 42px, 0); -webkit-transition-delay:0.5s; -o-transition-delay:0.5s; transition-delay:0.5s; width:100%; display:block; font-weight:normal; height:42px; line-height:42px; overflow:hidden;}
.partner .inner h3 span{ display:block; float:right; font-size:36px; color:#fff;}
.partner .inner h3 b{ width:70px; height:1px; display:block; float:right; margin:20px 15px; margin-left:10px; background-color:#ccc;}
.partner .inner h3 a{ display:block; float:right; font-size:14px; color:#fff; text-transform:uppercase;}
.partner.active-section .inner h3{ opacity:1; -webkit-transform:translate3d(0, 0, 0); transform:translate3d(0, 0, 0);}
.partner .inner p{ opacity:0; -webkit-transform:translate3d(0, 26px, 0); transform:translate3d(0, 26px, 0); -webkit-transition-delay:0.85s; -o-transition-delay:0.85s; transition-delay:0.85s; width:100%; display:block; height:26px; line-height:26px; overflow:hidden; font-size:12px; color:#fff;}
.partner.active-section .inner p{ opacity:1; -webkit-transform:translate3d(0, 0, 0); transform:translate3d(0, 0, 0);}

.partner .partner-container{ background-color:#fff;}
.partner .partner-container .box01,.partner .partner-container .box03{ display:none;}
.partner .partner-container .box02{ position:relative; padding:30px;}
.partner .partner-container .box02 .e_pic_wrap{ position:relative; overflow:hidden; position:relative;}
.partner .partner-container .box02 .e_pic_wrap ul{ display:block; overflow:hidden; height:auto !important;}
.partner .partner-container .box02 .e_pic_wrap ul li{ display:block; width:100%; overflow:hidden; margin-left:-1px; margin-top:-1px; position:relative !important;}
.partner .partner-container .box02 .e_pic_wrap ul li .cont{ display:block; float:left; width:25%; overflow:hidden; box-sizing:border-box; border-left:1px solid #cacaca; border-top:1px solid #cacaca; position:relative;}
.partner .partner-container .box02 .e_pic_wrap ul li strong{ width:100%; display:block; overflow:hidden;}
.partner .partner-container .box02 .e_pic_wrap ul li strong img{ display:block; visibility:hidden;}
.partner .partner-container .box02 .e_pic_wrap ul li span{ display:table; text-align:center; vertical-align:middle; width:100%; height:100%; position:absolute; left:0; top:0; background-color:#fff; z-index:10;}
.partner .partner-container .box02 .e_pic_wrap ul li p{ display:table; text-align:center; vertical-align:middle; width:100%; height:100%; position:absolute; left:0; top:0; background-color:#fff; z-index:12; /*opacity:0; -webkit-transition: opacity .5s, -webkit-transform .5s; transition: opacity .5s, -webkit-transform .5s; -o-transition: opacity .5s, transform .5s; transition: opacity .5s, transform .5s; transition: opacity .5s, transform .5s, -webkit-transform .5s;*/}
.partner .partner-container .box02 .e_pic_wrap ul li:hover p{ opacity:1;}
.partner .partner-container .box02 .e_pic_wrap ul li a{ display:table-cell; text-align:center; vertical-align:middle; width:100%; height:100%;}
.partner .partner-container .box02 ul li img{ max-width:100%; max-height:100%; -webkit-transition:-webkit-transform 1s,height 1s,width 1s;}
.partner .partner-container .box02 ul li img:hover{ -webkit-transform:rotateY(-360deg);}
.partner .partner-container .box02 .e_prevnext{ width:100%; margin-top:10px;}
.partner .partner-container .box02 .e_prevnext .prev{ height:20px; line-height:20px; float:left; vertical-align:middle;}
.partner .partner-container .box02 .e_prevnext .next{ height:20px; line-height:20px; float:right; vertical-align:middle;}
.partner .partner-container .box02 .e_prevnext .prev em{
	display:inline-block;
    border-top: 1px solid;
    border-left: 1px solid;
    width: 7px;
    height: 7px;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
	border-color: #db2001;
}
.partner .partner-container .box02 .e_prevnext .next em{
	display:inline-block;
    border-top: 1px solid;
    border-right: 1px solid;
    width: 7px;
    height: 7px;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
	border-color: #db2001;
}
.partner .partner-container .box02 .e_prevnext .prev i,.partner .partner-container .box02 .e_prevnext .next i{
	display:inline-block;
    width: 80px;
    -webkit-transition: width .35s;
    -o-transition: width .35s;
    transition: width .35s;
    height: 1px;
	background-color:#ccc;
	vertical-align:middle;
}
.partner .partner-container .box02 .e_prevnext a{
    display: inline-block;
    font-size: 12px;
    margin:0 5px;
}
.partner .partner-container .box02 .e_prevnext .prevStop,.partner .partner-container .box02 .e_prevnext .nextStop{
    opacity: 0.5;
    pointer-events: none;
}
}

@media only screen and (max-width:768px){
.partner{ width:100%; height:100%; display:flex; background-color:#f0f0f0;}
.partner .box{ width:100%; min-height:100%; padding:25px; padding-bottom:30px; box-sizing:border-box; box-sizing:border-box; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; position:relative;}
.partner .partner-bg{ position: absolute; top: 0; left: 0; height:50%; width: 100%; overflow: hidden; z-index:0; background-position:center; background-repeat:no-repeat; background-attachment:fixed;}
.partner .partner-bg p{ display:block; width:100%; height:100%; background-color:rgba(0,0,0,0.7);}

.partner .par{ width:100%; position:relative; z-index:111;}
.partner .heading{
    position:relative;
	padding:10px 15px 0;
    margin-bottom:30px;
	text-align:center;
}
.partner .square{ display:none;}

.partner .inner{ width:100%;}
.partner .inner h3{ opacity:0; -webkit-transform:translate3d(0, 42px, 0); transform:translate3d(0, 42px, 0); -webkit-transition-delay:0.5s; -o-transition-delay:0.5s; transition-delay:0.5s; width:100%; display:block; font-weight:normal; height:52px; line-height:52px; overflow:hidden;}
.partner .inner h3 span{ display:block; font-size:36px; color:#fff;}
.partner .inner h3 b,.about .inner h3 a{ display:none;}
.partner.active-section .inner h3{ opacity:1; -webkit-transform:translate3d(0, 0, 0); transform:translate3d(0, 0, 0);}
.partner .inner p{ opacity:0; -webkit-transform:translate3d(0, 26px, 0); transform:translate3d(0, 26px, 0); -webkit-transition-delay:0.85s; -o-transition-delay:0.85s; transition-delay:0.85s; width:100%; display:block; height:22px; line-height:22px; overflow:hidden; font-size:12px; color:#fff;}
.partner.active-section .inner p{ opacity:1; -webkit-transform:translate3d(0, 0, 0); transform:translate3d(0, 0, 0);}

.partner .partner-container{ background-color:#fff;}
.partner .partner-container .box01,.partner .partner-container .box02{ display:none;}
.partner .partner-container .box03{ position:relative; padding:20px;}
.partner .partner-container .box03 .e_pic_wrap{ position:relative; overflow:hidden; position:relative;}
.partner .partner-container .box03 .e_pic_wrap ul{ display:block; overflow:hidden; height:auto !important;}
.partner .partner-container .box03 .e_pic_wrap ul li{ display:block; width:100%; overflow:hidden; margin-left:-1px; margin-top:-1px; position:relative !important;}
.partner .partner-container .box03 .e_pic_wrap ul li .cont{ display:block; float:left; width:50%; overflow:hidden; box-sizing:border-box; border-left:1px solid #cacaca; border-top:1px solid #cacaca; position:relative;}
.partner .partner-container .box03 .e_pic_wrap ul li strong{ width:100%; display:block; overflow:hidden;}
.partner .partner-container .box03 .e_pic_wrap ul li strong img{ display:block; visibility:hidden;}
.partner .partner-container .box03 .e_pic_wrap ul li span{ display:table; text-align:center; vertical-align:middle; width:100%; height:100%; position:absolute; left:0; top:0; background-color:#fff; z-index:10;}
.partner .partner-container .box03 .e_pic_wrap ul li p{ display:table; text-align:center; vertical-align:middle; width:100%; height:100%; position:absolute; left:0; top:0; background-color:#fff; z-index:12;/* opacity:0; -webkit-transition: opacity .5s, -webkit-transform .5s; transition: opacity .5s, -webkit-transform .5s; -o-transition: opacity .5s, transform .5s; transition: opacity .5s, transform .5s; transition: opacity .5s, transform .5s, -webkit-transform .5s;*/}
.partner .partner-container .box03 .e_pic_wrap ul li:hover p{ opacity:1;}
.partner .partner-container .box03 .e_pic_wrap ul li a{ display:table-cell; text-align:center; vertical-align:middle; width:100%; height:100%;}
.partner .partner-container .box03 ul li img{ max-width:100%; max-height:100%; -webkit-transition:-webkit-transform 1s,height 1s,width 1s;}
.partner .partner-container .box03 ul li img:hover{ -webkit-transform:rotateY(-360deg);}
.partner .partner-container .box03 .e_prevnext{ width:100%; margin-top:5px;}
.partner .partner-container .box03 .e_prevnext .prev{ height:20px; line-height:20px; float:left; vertical-align:middle;}
.partner .partner-container .box03 .e_prevnext .next{ height:20px; line-height:20px; float:right; vertical-align:middle;}
.partner .partner-container .box03 .e_prevnext .prev em{
	display:inline-block;
    border-top: 1px solid;
    border-left: 1px solid;
    width: 7px;
    height: 7px;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
	border-color: #db2001;
}
.partner .partner-container .box03 .e_prevnext .next em{
	display:inline-block;
    border-top: 1px solid;
    border-right: 1px solid;
    width: 7px;
    height: 7px;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
	border-color: #db2001;
}
.partner .partner-container .box03 .e_prevnext .prev i,.partner .partner-container .box03 .e_prevnext .next i{
	display:inline-block;
    width: 30px;
    -webkit-transition: width .35s;
    -o-transition: width .35s;
    transition: width .35s;
    height: 1px;
	background-color:#ccc;
	vertical-align:middle;
}
.partner .partner-container .box03 .e_prevnext a{
    display: inline-block;
    font-size: 12px;
    margin:0 5px;
}
.partner .partner-container .box03 .e_prevnext .prevStop,.partner .partner-container .box03 .e_prevnext .nextStop{
    opacity: 0.5;
    pointer-events: none;
}
}

/*news*/
@media screen and (min-width:1280px){
.news{ width:100%; min-height:100%; display:flex; padding:80px 120px; box-sizing:border-box; background-image:url(../images/nbg.jpg); background-repeat:repeat-y; background-size:100% auto;}
.news .left{ width:40%; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center;}
.news .left .box{ width:100%; height:100%; display:flex; position:relative;}
.news .left .mask{ width:100%; margin-bottom:60px; display:flex; box-sizing:border-box; background-position:center; background-repeat:no-repeat; background-size:cover;}
.news .left .mask .cont{ margin:auto;}
.news .heading{ position:relative; margin-bottom:25px; height:130px;}
.news .square{ z-index:1; position:absolute; left:0; top:0; width:100px; height:130px; color:#CCC;}
.news .square i{ display:block; position:absolute;}
.news .square .line-1{ border-top:5px solid; border-right:5px solid; width:0; height:0; top:0; right:0; opacity:0;
    -webkit-transition:height .35s linear, width .5s linear .35s, opacity .2s .35s;
    -o-transition:height .35s linear, width .5s linear .35s, opacity .2s .35s;
    transition:height .35s linear, width .5s linear .35s, opacity .2s .35s;
}
.news.active-section .square .line-1{ width:90px; height:25px; opacity:1;}
.news .square .line-2{ border-right:5px solid; left:0; top:0; height:0; opacity:0;
    -webkit-transition:height .5s linear .85s, opacity .2s .85s;
    -o-transition:height .5s linear .85s, opacity .2s .85s;
    transition:height .5s linear .85s, opacity .2s .85s;
}
.news.active-section .square .line-2{ width:0; height:130px; opacity:1;}
.news .square .line-3{ border-bottom:5px solid; border-right:5px solid; width:0; height:0; bottom:0; left:5px; opacity:0;
    -webkit-transition:width .5s linear 1.45s, height .2s linear 1.95s, opacity .2s 1.45s;
    -o-transition:width .5s linear 1.45s, height .2s linear 1.95s, opacity .2s 1.45s;
    transition:width .5s linear 1.45s, height .2s linear 1.95s, opacity .2s 1.45s;
}
.news.active-section .square .line-3{ width:90px; height:15px; opacity:1;}
.news .inner{ position:relative; margin-left:50px; margin-top:37px;}
.news .inner h3{ opacity:0; -webkit-transform:translate3d(0, 42px, 0); transform:translate3d(0, 42px, 0); -webkit-transition-delay:0.5s; -o-transition-delay:0.5s; transition-delay:0.5s; width:100%; display:block; font-weight:normal; height:42px; line-height:42px; overflow:hidden;}
.news .inner h3 span{ display:block; float:left; font-size:36px; color:#fff;}
.news .inner h3 b{ width:70px; height:1px; display:block; float:left; margin:20px 15px; margin-right:10px; background-color:#ccc;}
.news .inner h3 a{ display:block; float:left; font-size:14px; color:#fff; text-transform:uppercase;}
.news.active-section .inner h3{ opacity:1; -webkit-transform:translate3d(0, 0, 0); transform:translate3d(0, 0, 0);}
.news .inner p{ opacity:0; -webkit-transform:translate3d(0, 26px, 0); transform:translate3d(0, 26px, 0); -webkit-transition-delay:0.85s; -o-transition-delay:0.85s; transition-delay:0.85s; width:100%; display:block; height:26px; line-height:26px; overflow:hidden; font-size:12px; color:#fff;}
.news.active-section .inner p{ opacity:1; -webkit-transform:translate3d(0, 0, 0); transform:translate3d(0, 0, 0);}
.news .left .mask .cn{ padding-top:90px; height:50px; line-height:50px; font-size:30px; color:#fff;}
.news .left .mask .en{ font-weight:bold; height:50px; line-height:50px; font-size:30px; color:#fff;}
.news .left .more{ background-color:#db2001; display:inline-block; position:absolute; right:0; bottom:0;}
.news .left .more a{ color:#fff; font-size:14px; height:20px; font-family:Arial, Helvetica, sans-serif; line-height:20px; padding:20px 45px; display:block;}
.news .left .more b{ display:block; float:left; height:20px;}
.news .left .more span{ display:block; height:20px; float:left; margin:0 6px; text-transform:uppercase;}
.news .left .more strong{ width:35px; display:block; float:left; height:20px; transition:width 0.5s; -moz-transition:width 0.5s; -webkit-transition:width 0.5s; -o-transition:width 0.5s; background-image:url(../images/more.png); background-position:right center; background-repeat:no-repeat;}
.news .left .more:hover{ background-color:#b51a01;}
.news .left .more:hover strong{ width:48px;}

.news .right{ width:60%; min-height:100%; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center;}
.news .right .box{ padding-left:50px; box-sizing:border-box; display:flex; width:100%; height:100%;}
.news .right .box ul{ margin:auto; display:block;}
.news .right .box ul li{ display:block; margin-bottom:58px; opacity:0; -webkit-transform:translate3d(50px, 0, 0); transform:translate3d(50px, 0, 0);}
.news .right .box ul li .time{ height:28px; line-height:28px;}
.news .right .box ul li .time span{ font-size:18px; width:20px; display:block; float:left;}
.news .right .box ul li .time a{ font-size:14px; display:block; float:left;}
.news .right .box ul li .biao{ height:36px; line-height:36px;}
.news .right .box ul li .biao span{ font-size:18px; width:20px; display:block; float:left; width:0; height:1px; background-color:#db2001; margin-top:17px; transition:width 0.5s; -moz-transition:width 0.5s; -webkit-transition:width 0.5s; -o-transition:width 0.5s;}
.news .right .box ul li .biao a{ font-size:18px; display:block; float:left;}
.news .right .box ul li .biao:hover span{ width:60px; margin-right:10px;}
.news .right .box ul li .biao:hover a{ color:#db2001;}
.news .right .box ul li .wen{ height:28px; line-height:28px; font-size:14px; color:#666;}
.news .right .box ul li:last-child{ margin-bottom:0;}
.news.active-section .right .box ul li{ opacity:1; -webkit-transform:translate3d(0, 0, 0); transform:translate3d(0, 0, 0);}
.news.active-section .right .box ul li:nth-child(2){ -webkit-transition-delay:0.25s; -o-transition-delay:0.25s; transition-delay:0.25s;}
.news.active-section .right .box ul li:nth-child(3){ -webkit-transition-delay:0.5s; -o-transition-delay:0.5s; transition-delay:0.5s;}
.news.active-section .right .box ul li:nth-child(4){ -webkit-transition-delay:0.75s; -o-transition-delay:0.75s; transition-delay:0.75s;}
.news.active-section .right .box ul li:nth-child(5){ -webkit-transition-delay:1s; -o-transition-delay:1s; transition-delay:1s;}
.news .right .more{ display:none;}
}

@media screen and (min-width:769px) and (max-width:1279px){
.news{ width:100%; min-height:100%; display:flex; padding:80px 50px; box-sizing:border-box; background-image:url(../images/nbg.jpg); background-repeat:repeat-y; background-size:100% auto;}
.news .left{ width:40%; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center;}
.news .left .box{ width:100%; height:100%; display:flex; position:relative;}
.news .left .mask{ width:100%; margin-bottom:60px; display:flex; box-sizing:border-box; background-position:center; background-repeat:no-repeat; background-size:cover;}
.news .left .mask .cont{ margin:auto;}
.news .heading{ position:relative; margin-bottom:25px; height:130px;}
.news .square{ z-index:1; position:absolute; left:0; top:0; width:100px; height:130px; color:#CCC;}
.news .square i{ display:block; position:absolute;}
.news .square .line-1{ border-top:5px solid; border-right:5px solid; width:0; height:0; top:0; right:0; opacity:0;
    -webkit-transition:height .35s linear, width .5s linear .35s, opacity .2s .35s;
    -o-transition:height .35s linear, width .5s linear .35s, opacity .2s .35s;
    transition:height .35s linear, width .5s linear .35s, opacity .2s .35s;
}
.news.active-section .square .line-1{ width:90px; height:25px; opacity:1;}
.news .square .line-2{ border-right:5px solid; left:0; top:0; height:0; opacity:0;
    -webkit-transition:height .5s linear .85s, opacity .2s .85s;
    -o-transition:height .5s linear .85s, opacity .2s .85s;
    transition:height .5s linear .85s, opacity .2s .85s;
}
.news.active-section .square .line-2{ width:0; height:130px; opacity:1;}
.news .square .line-3{ border-bottom:5px solid; border-right:5px solid; width:0; height:0; bottom:0; left:5px; opacity:0;
    -webkit-transition:width .5s linear 1.45s, height .2s linear 1.95s, opacity .2s 1.45s;
    -o-transition:width .5s linear 1.45s, height .2s linear 1.95s, opacity .2s 1.45s;
    transition:width .5s linear 1.45s, height .2s linear 1.95s, opacity .2s 1.45s;
}
.news.active-section .square .line-3{ width:90px; height:15px; opacity:1;}
.news .inner{ position:relative; margin-left:50px; margin-top:37px;}
.news .inner h3{ opacity:0; -webkit-transform:translate3d(0, 42px, 0); transform:translate3d(0, 42px, 0); -webkit-transition-delay:0.5s; -o-transition-delay:0.5s; transition-delay:0.5s; width:100%; display:block; font-weight:normal; height:42px; line-height:42px; overflow:hidden;}
.news .inner h3 span{ display:block; float:left; font-size:36px; color:#fff;}
.news .inner h3 b{ width:70px; height:1px; display:block; float:left; margin:20px 15px; margin-right:10px; background-color:#ccc;}
.news .inner h3 a{ display:block; float:left; font-size:14px; color:#fff; text-transform:uppercase;}
.news.active-section .inner h3{ opacity:1; -webkit-transform:translate3d(0, 0, 0); transform:translate3d(0, 0, 0);}
.news .inner p{ opacity:0; -webkit-transform:translate3d(0, 26px, 0); transform:translate3d(0, 26px, 0); -webkit-transition-delay:0.85s; -o-transition-delay:0.85s; transition-delay:0.85s; width:100%; display:block; height:26px; line-height:26px; overflow:hidden; font-size:12px; color:#fff;}
.news.active-section .inner p{ opacity:1; -webkit-transform:translate3d(0, 0, 0); transform:translate3d(0, 0, 0);}
.news .left .mask .cn{ padding-top:60px; height:50px; line-height:50px; font-size:30px; color:#fff;}
.news .left .mask .en{ font-weight:bold; height:50px; line-height:50px; font-size:30px; color:#fff;}
.news .left .more{ background-color:#db2001; display:inline-block; position:absolute; right:0; bottom:0;}
.news .left .more a{ color:#fff; font-size:14px; height:20px; font-family:Arial, Helvetica, sans-serif; line-height:20px; padding:20px 45px; display:block;}
.news .left .more b{ display:block; float:left; height:20px;}
.news .left .more span{ display:block; height:20px; float:left; margin:0 6px; text-transform:uppercase;}
.news .left .more strong{ width:35px; display:block; float:left; height:20px; transition:width 0.5s; -moz-transition:width 0.5s; -webkit-transition:width 0.5s; -o-transition:width 0.5s; background-image:url(../images/more.png); background-position:right center; background-repeat:no-repeat;}
.news .left .more:hover{ background-color:#b51a01;}
.news .left .more:hover strong{ width:48px;}


.news .right{ width:60%; min-height:100%; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center;}
.news .right .box{ padding-left:50px; box-sizing:border-box; display:flex; width:100%; height:100%;}
.news .right .box ul{ margin:auto; display:block;}
.news .right .box ul li{ display:block; margin-bottom:36px; opacity:0; -webkit-transform:translate3d(50px, 0, 0); transform:translate3d(50px, 0, 0);}
.news .right .box ul li .time{ height:28px; line-height:28px;}
.news .right .box ul li .time span{ font-size:18px; width:20px; display:block; float:left;}
.news .right .box ul li .time a{ font-size:14px; display:block; float:left;}
.news .right .box ul li .biao{ height:28px; line-height:28px;}
.news .right .box ul li .biao span{ font-size:18px; width:20px; display:block; float:left; width:0; height:1px; background-color:#db2001; margin-top:17px; transition:width 0.5s; -moz-transition:width 0.5s; -webkit-transition:width 0.5s; -o-transition:width 0.5s;}
.news .right .box ul li .biao a{ font-size:18px; display:block; float:left;}
.news .right .box ul li .biao:hover span{ width:60px; margin-right:10px;}
.news .right .box ul li .biao:hover a{ color:#db2001;}
.news .right .box ul li .wen{ height:28px; line-height:28px; font-size:14px; color:#666;}
.news .right .box ul li:last-child{ margin-bottom:0;}
.news.active-section .right .box ul li{ opacity:1; -webkit-transform:translate3d(0, 0, 0); transform:translate3d(0, 0, 0);}
.news.active-section .right .box ul li:nth-child(2){ -webkit-transition-delay:0.25s; -o-transition-delay:0.25s; transition-delay:0.25s;}
.news.active-section .right .box ul li:nth-child(3){ -webkit-transition-delay:0.5s; -o-transition-delay:0.5s; transition-delay:0.5s;}
.news.active-section .right .box ul li:nth-child(4){ -webkit-transition-delay:0.75s; -o-transition-delay:0.75s; transition-delay:0.75s;}
.news.active-section .right .box ul li:nth-child(5){ -webkit-transition-delay:1s; -o-transition-delay:1s; transition-delay:1s;}
.news .right .more{ display:none;}
}

@media only screen and (max-width:768px){
.news{ width:100%; height:100%;}
.news .left{ width:100%; height:170px;}
.news .left .box{ width:100%; height:170px; position:relative;}
.news .left .mask{ width:100%; height:170px; background-position:center; background-repeat:no-repeat; background-size:cover;}
.news .left .mask .cont{ margin:auto;}
.news .heading{
    position:relative;
	padding:65px 15px 0;
    margin-bottom:30px;
	text-align:center;
}
.news .square{ display:none;}

.news .inner{ width:100%;}
.news .inner h3{ opacity:0; -webkit-transform:translate3d(0, 42px, 0); transform:translate3d(0, 42px, 0); -webkit-transition-delay:0.5s; -o-transition-delay:0.5s; transition-delay:0.5s; width:100%; display:block; font-weight:normal; height:52px; line-height:52px; overflow:hidden;}
.news .inner h3 span{ display:block; font-size:36px; color:#fff;}
.news .inner h3 b,.about .inner h3 a{ display:none;}
.news.active-section .inner h3{ opacity:1; -webkit-transform:translate3d(0, 0, 0); transform:translate3d(0, 0, 0);}
.news .inner p{ opacity:0; -webkit-transform:translate3d(0, 26px, 0); transform:translate3d(0, 26px, 0); -webkit-transition-delay:0.85s; -o-transition-delay:0.85s; transition-delay:0.85s; width:100%; display:block; height:22px; line-height:22px; overflow:hidden; font-size:12px; color:#fff;}
.news.active-section .inner p{ opacity:1; -webkit-transform:translate3d(0, 0, 0); transform:translate3d(0, 0, 0);}
.news .left .mask .cn{ padding-top:60px; height:50px; line-height:50px; font-size:30px; color:#fff;}
.news .left .mask .en{ font-weight:bold; height:50px; line-height:50px; font-size:30px; color:#fff;}
.news .left .more{ display:none;}

.news .right{ width:100%; padding:25px; padding-bottom:30px; box-sizing:border-box;}
.news .right .box{ width:100%;}
.news .right .box ul{ margin:auto; display:block;}
.news .right .box ul li{ display:block; margin-bottom:25px; opacity:0; -webkit-transform:translate3d(50px, 0, 0); transform:translate3d(50px, 0, 0);}
.news .right .box ul li .time{ height:24px; line-height:24px;}
.news .right .box ul li .time span{ font-size:16px; margin-right:5px; display:block; float:left; color:#999;}
.news .right .box ul li .time a{ font-size:14px; display:block; float:left; color:#999;}
.news .right .box ul li .biao{ height:24px; line-height:24px;}
.news .right .box ul li .biao span{ display:none;}
.news .right .box ul li .biao a{ font-size:16px; display:block; float:left;}
.news .right .box ul li .biao:hover a{ color:#db2001;}
.news .right .box ul li .wen{ height:24px; line-height:24px; font-size:14px; color:#666;}
.news.active-section .right .box ul li{ opacity:1; -webkit-transform:translate3d(0, 0, 0); transform:translate3d(0, 0, 0);}
.news.active-section .right .box ul li:nth-child(2){ -webkit-transition-delay:0.25s; -o-transition-delay:0.25s; transition-delay:0.25s;}
.news.active-section .right .box ul li:nth-child(3){ -webkit-transition-delay:0.5s; -o-transition-delay:0.5s; transition-delay:0.5s;}
.news.active-section .right .box ul li:nth-child(4){ -webkit-transition-delay:0.75s; -o-transition-delay:0.75s; transition-delay:0.75s;}
.news.active-section .right .box ul li:nth-child(5){ -webkit-transition-delay:1s; -o-transition-delay:1s; transition-delay:1s;}
.news .right .more{ background-color:#db2001; width:100%; text-align:center;}
.news .right .more a{ color:#fff; font-size:14px; height:20px; font-family:Arial, Helvetica, sans-serif; line-height:20px; padding:20px 45px; display:block; vertical-align:middle;}
.news .right .more b{ display:inline-block; height:20px; vertical-align:middle;}
.news .right .more span{ height:20px; display:inline-block; margin:0 6px; text-transform:uppercase; vertical-align:middle;}
.news .right .more strong{ width:35px; display:inline-block; vertical-align:middle; height:20px; transition:width 0.5s; -moz-transition:width 0.5s; -webkit-transition:width 0.5s; -o-transition:width 0.5s; background-image:url(../images/more.png); background-position:right center; background-repeat:no-repeat;}
.news .right .more:hover{ background-color:#b51a01;}
.news .right .more:hover strong{ width:48px;}
}

/*contact*/
@media screen and (min-width:1280px){
.contact{ width:100%;min-height:100%; position:relative; background-image:url(../images/contact.jpg); background-size:cover;}
.contact .box{ width:1100px; height:480px; position:absolute; left:50%; margin-left:-550px; top:50%; margin-top:-240px;}
.contact .foot{ position:absolute; left:0; bottom:0; height:50px; line-height:50px; background-color:#000; font-size:14px; color:#fff; width:100%; text-align:center;}
.contact .box .left{ width:330px; height:480px; float:left; background-color:rgba(219,32,1,0.7); position:relative;}
.contact .box .left .en{ width:250px; margin:auto; color:#fff; padding-top:52px; font-size:24px; height:34px; line-height:34px; text-transform:uppercase;}
.contact .box .left .cn{ width:250px; margin:auto; color:#fff; font-size:16px; height:44px; line-height:44px; margin-bottom:10px;}
.contact .box .left .txt{ border-bottom:1px solid #fff; width:250px; margin:auto; height:34px; line-height:34px; padding-top:35px; position:relative;}
.contact .box .left .txt input{ width:100%; height:34px; font-size:14px; line-height:34px; color:#fff; background-color:transparent;}
.contact .box .left .txt a{ width:90px; height:30px; position:absolute; right:0; bottom:10px; display:block; overflow:hidden;}
.contact .box .left .txt a img{ width:100%; height:30px; display:block;}
.contact .box .left .text{ margin:auto; margin-top:25px; width:120px; height:36px; border:1px solid #fff;}
.contact .box .left .text button{ background-color:transparent;font-size:14px; width:100%; display:block; height:36px; line-height:36px; cursor:pointer; text-align:center; color:#fff;}

.contact .box .right{ width:570px; padding:52px 100px; height:376px; text-align:center; float:left; background-color:#fff; position:relative;}
.contact .box .right .en{ font-size:24px; color:#db2001; height:34px; line-height:34px; text-transform:uppercase;}
.contact .box .right .cn{ font-size:16px; height:44px; line-height:44px; margin-bottom:10px;}
.contact .box .right ul{ width:600px; display:block; overflow:hidden; padding-top:36px;}
.contact .box .right ul li{ width:170px; margin-right:30px; display:block; float:left; overflow:hidden; height:105px;}
.contact .box .right ul li strong{ display:block; height:40px; margin-bottom:13px;}
.contact .box .right ul li strong img{ display:block; height:40px; margin:auto;}
.contact .box .right ul li p{ display:block; font-size:14px; line-height:26px; color:#666;}
.contact .box .right .line{ width:550px; height:14px; margin:45px auto;}
.contact .box .right .line img{ width:100%; display:block;}
.contact .box .right .wen{ width:310px; line-height:24px; height:48px; margin:auto; font-size:14px; color:#666;}
}

@media screen and (min-width:769px) and (max-width:1279px){
.contact{ width:100%;min-height:100%; position:relative; background-image:url(../images/contact.jpg); background-size:cover;}
.contact .box{ width:100%; padding:0 80px; height:480px; position:absolute; left:0; box-sizing:border-box; top:50%; margin-top:-240px;}
.contact .foot{ position:absolute; left:0; bottom:0; height:40px; line-height:40px; background-color:#000; font-size:14px; color:#fff; width:100%; text-align:center;}

.contact .box .left{ width:30%; padding:52px 30px; box-sizing:border-box; height:480px; float:left; background-color:rgba(219,32,1,0.7); position:relative;}
.contact .box .left .en{ width:100%; color:#fff; font-size:24px; height:34px; line-height:34px; text-transform:uppercase;}
.contact .box .left .cn{ width:100%; color:#fff; font-size:16px; height:44px; line-height:44px; margin-bottom:10px;}
.contact .box .left .txt{ border-bottom:1px solid #fff; width:100%; margin:auto; height:34px; line-height:34px; padding-top:35px; position:relative;}
.contact .box .left .txt input{ width:100%; height:34px; font-size:14px; line-height:34px; color:#fff; background-color:transparent;}
.contact .box .left .txt a{ width:90px; height:30px; position:absolute; right:0; bottom:10px; display:block; overflow:hidden;}
.contact .box .left .txt a img{ width:100%; height:30px; display:block;}
.contact .box .left .text{ margin:auto; margin-top:25px; width:120px; height:36px; border:1px solid #fff;}
.contact .box .left .text button{ background-color:transparent;font-size:14px; width:100%; display:block; height:36px; line-height:36px; cursor:pointer; text-align:center; color:#fff;}

.contact .box .right{ width:70%; box-sizing:border-box; padding:52px 30px; height:480px; text-align:center; float:left; background-color:#fff; position:relative;}
.contact .box .right .en{ font-size:24px; color:#db2001; height:34px; line-height:34px; text-transform:uppercase;}
.contact .box .right .cn{ font-size:16px; height:44px; line-height:44px; margin-bottom:10px;}
.contact .box .right ul{ width:100%; display:block; overflow:hidden; padding-top:36px;}
.contact .box .right ul li{ width:30%; margin-right:5%; display:block; float:left; overflow:hidden; height:105px;}
.contact .box .right ul li:last-child{ margin-right:0;}
.contact .box .right ul li strong{ display:block; height:40px; margin-bottom:13px;}
.contact .box .right ul li strong img{ display:block; height:40px; margin:auto;}
.contact .box .right ul li p{ display:block; font-size:14px; line-height:26px; color:#666;}
.contact .box .right .line{ width:100%; margin:40px auto;}
.contact .box .right .line img{ width:100%; display:block;}
.contact .box .right .wen{ width:80%; line-height:24px; height:48px; margin:auto; font-size:14px; color:#666;}
}

@media only screen and (max-width:768px){
.contact{ width:100%; display:table; vertical-align:middle; height:100%; background-image:url(../images/contact.jpg); background-size:cover; position:relative;}
.contact .box{ width:100%; height:100%; display:table-cell; vertical-align:middle; padding:25px; box-sizing:border-box;}
.contact .foot{ line-height:24px; background-color:#000; font-size:14px; color:#fff; width:100%; padding:15px; box-sizing:border-box; text-align:center; display:none;}

.contact .box .left{ width:100%; padding:20px; box-sizing:border-box; background-color:rgba(219,32,1,0.7); position:relative;}
.contact .box .left .en{ width:100%; color:#fff; font-size:24px; height:34px; line-height:34px; text-transform:uppercase;}
.contact .box .left .cn{ width:100%; color:#fff; font-size:16px; height:28px; line-height:28px;}
.contact .box .left .txt{ border-bottom:1px solid #fff; width:100%; margin:auto; height:30px; line-height:30px; padding-top:20px; position:relative;}
.contact .box .left .txt input{ width:100%; height:30px; font-size:14px; line-height:30px; color:#fff; background-color:transparent;}
.contact .box .left .txt a{ width:90px; height:30px; position:absolute; right:0; bottom:0; display:block; overflow:hidden;}
.contact .box .left .txt a img{ width:100%; height:30px; display:block;}
.contact .box .left .text{ margin:5px auto; margin-top:20px; width:120px; height:36px; border:1px solid #fff;}
.contact .box .left .text button{ background-color:transparent;font-size:14px; width:100%; display:block; height:36px; line-height:36px; cursor:pointer; text-align:center; color:#fff;}

.contact .box .right{ width:100%; box-sizing:border-box; padding:20px 10px; background-color:#fff; position:relative;}
.contact .box .right .en,.contact .box .right .cn{ display:none;}
.contact .box .right ul{ width:100%; display:block; overflow:hidden;}
.contact .box .right ul li{ width:100%; display:block; margin:10px auto; overflow:hidden; position:relative;}
.contact .box .right ul li strong{ display:block; height:26px; width:30px; float:left; position:absolute; left:0; top:0;}
.contact .box .right ul li strong img{ display:block; height:22px; margin-top:2px;}
.contact .box .right ul li p{ display:block; padding-left:30px; font-size:14px; line-height:26px; color:#666;}
.contact .box .right .line{ width:100%; margin:10px auto;}
.contact .box .right .line img{ width:100%; display:block;}
.contact .box .right .wen{ width:100%; text-align:center; line-height:24px; height:48px; margin:5px auto; font-size:14px; color:#666;}
}

/*客服*/
@media screen and (min-width:1280px){
.nav-toolbar {
    position: fixed;
    bottom: 30%;
    right: 0;
    z-index: 999;
	width:40px;
	overflow:hidden;
}
.nav-toolbar:hover{ overflow:visible;}
.nav-toolbar li{ display:block;}
.nav-toolbar li .ll {
    color: #ffffff;
    width: 40px;
	display:block;
    height: 40px;
    line-height: 40px;
    background-color: #db2001;
    position: relative;
    text-align: center;
    font-size: 22px;
    -webkit-transition: background-color .35s;
    -o-transition: background-color .35s;
    transition: background-color .35s;
    position: relative;
	cursor:pointer;
}
.nav-toolbar li .ll img{ width:24px; display:block; padding:8px;}
.nav-toolbar li .hover-show{
    position: absolute;
    right:40px;
    top: 0;
    opacity:0;
    -webkit-transition: opacity .35s, -webkit-transform .35s;
    transition: opacity .35s, -webkit-transform .35s;
    -o-transition: transform .35s, opacity .35s;
    transition: transform .35s, opacity .35s;
    transition: transform .35s, opacity .35s, -webkit-transform .35s;
    -webkit-transform: translate3d(0, 50%, 0);
    transform: translate3d(0, 50%, 0);
    background-color: #b21a01;
    z-index:-1;
	overflow:hidden;
}
.nav-toolbar .qrcode {
    width: 140px;
	display:block;
    border: 1px solid #d2d2d2;
}
.nav-toolbar li:hover .hover-show{ opacity:1; -webkit-transform:translate3d(0, 0, 0); transform:translate3d(0, 0, 0);}
.hotline-block {
    color: #fff;
    background-color: #b21a01;
    min-width: 180px;
    padding: 17px 16px;
    border-bottom: 1px solid #9e1701;
	display:block;
	box-sizing:border-box;
}
.hotline-block h5 {
    font-size: 14px;
    margin-bottom: 0;
	font-weight: 500;
	display:block;
    line-height: 1.2;
}
.hotline-block span {
    font-size: 20px;
    font-weight: bold;
	display:block;
}
.gotop{
    height: 0 !important;
    overflow: hidden;
    -webkit-transition: height .35s;
    -o-transition: height .35s;
    transition: height .35s;
    width: 40px;
	display:block;
    background-color: #db2001;
}
.nav-toolbar li .gotop img{ width:24px; display:block; padding:8px;}
.gotop.cd-is-visible { height:40px !important;}
}

@media screen and (min-width:769px) and (max-width:1279px){
.nav-toolbar {
    position: fixed;
    bottom: 30%;
    right: 0;
    z-index: 999;
	width:40px;
	overflow:hidden;
}
.nav-toolbar:hover{ overflow:visible;}
.nav-toolbar li{ display:block;}
.nav-toolbar li .ll {
    color: #ffffff;
    width: 40px;
	display:block;
    height: 40px;
    line-height: 40px;
    background-color: #db2001;
    position: relative;
    text-align: center;
    font-size: 22px;
    -webkit-transition: background-color .35s;
    -o-transition: background-color .35s;
    transition: background-color .35s;
    position: relative;
	cursor:pointer;
}
.nav-toolbar li .ll img{ width:24px; display:block; padding:8px;}
.nav-toolbar li .hover-show{
    position: absolute;
    right: 100%;
    top: 0;
    opacity:0;
    -webkit-transition: opacity .35s, -webkit-transform .35s;
    transition: opacity .35s, -webkit-transform .35s;
    -o-transition: transform .35s, opacity .35s;
    transition: transform .35s, opacity .35s;
    transition: transform .35s, opacity .35s, -webkit-transform .35s;
    -webkit-transform: translate3d(0, 50%, 0);
    transform: translate3d(0, 50%, 0);
    background-color: #b21a01;
    z-index:-1;
}
.nav-toolbar .qrcode {
    width: 140px;
    max-width: none;
    border: 1px solid #d2d2d2;
}
.nav-toolbar li:hover .hover-show{ opacity:1; -webkit-transform:translate3d(0, 0, 0); transform:translate3d(0, 0, 0);}
.hotline-block {
    color: #fff;
    background-color: #b21a01;
    min-width: 180px;
    padding: 17px 16px;
    border-bottom: 1px solid #9e1701;
	display:block;
	box-sizing:border-box;
}
.hotline-block h5 {
    font-size: 14px;
    margin-bottom: 0;
	font-weight: 500;
	display:block;
    line-height: 1.2;
}
.hotline-block span {
    font-size: 20px;
    font-weight: bold;
	display:block;
}
.gotop{
    height: 0 !important;
    overflow: hidden;
    -webkit-transition: height .35s;
    -o-transition: height .35s;
    transition: height .35s;
    width: 40px;
	display:block;
    background-color: #db2001;
}
.nav-toolbar li .gotop img{ width:24px; display:block; padding:8px;}
.gotop.cd-is-visible { height:40px !important;}
}

@media only screen and (max-width:768px){
.nav-toolbar {
    bottom: 0;
    padding: 8px 15px 15px;
	position: fixed;
    right: 0;
    z-index: 999;
}
.nav-toolbar li {
    display: inline-block;
    vertical-align: middle;
}
.nav-toolbar li:first-child {
    display: none!important;
}
.nav-toolbar li .ll {
    color: #ffffff;
    width: 40px;
    height: 40px;
    line-height: 40px;
    background-color: #db2001;
    position: relative;
    text-align: center;
    font-size: 22px;
    -webkit-transition: background-color .35s;
    -o-transition: background-color .35s;
    transition: background-color .35s;
    position: relative;
	display:block;
	border-radius:40px;
}
.nav-toolbar li .ll img{ width:24px; display:block; padding:8px;}
.nav-toolbar li .hover-show{
    position: absolute;
    opacity:0;
    -webkit-transition: opacity .35s, -webkit-transform .35s;
    transition: opacity .35s, -webkit-transform .35s;
    -o-transition: transform .35s, opacity .35s;
    transition: transform .35s, opacity .35s;
    transition: transform .35s, opacity .35s, -webkit-transform .35s;
    -webkit-transform: translate3d(0, 50%, 0);
    transform: translate3d(0, 50%, 0);
    background-color: #b21a01;
    z-index:-1;
	right: 15px;
    top: auto;
    bottom: 100%;
    margin-bottom: 10px;
}
.nav-toolbar li:hover .hover-show {
	opacity:1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}
.hotline-block {
    color: #fff;
    background-color: #b21a01;
    min-width: 180px;
    padding: 17px 16px;
    border-bottom: 1px solid #9e1701;
	display:block;
	box-sizing:border-box;
}
.hotline-block h5 {
    font-size: 14px;
    margin-bottom: 0;
	font-weight: 500;
	display:block;
    line-height: 1.2;
}
.hotline-block span {
    font-size: 20px;
    font-weight: bold;
	display:block;
}
.gotop{
    width: 0 !important;
    overflow: hidden;
    -webkit-transition: width .35s;
    -o-transition: width .35s;
    transition: width .35s;
    height: 40px;
	display:block;
    background-color: #db2001;
	border-radius:40px;
}
.nav-toolbar li .gotop img{ width:24px; display:block; padding:8px;}
.gotop.cd-is-visible { width:40px !important;}
}

/*内页*/
@media screen and (min-width:1280px){
.ban{ width:100%; height:460px; background-position:center; background-repeat:no-repeat; background-size:cover; position:relative; display:flex;}
.ban .box{ padding:80px 120px; display:flex; width:100%; height:460px; box-sizing:border-box; -webkit-box-align:center; -ms-flex-align:center; align-items:center; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; background-color:rgba(0,0,0,0.7);}
.ban .heading{ position:relative; height:130px;}
.ban .square{ z-index:1; position:absolute; left:0; top:0; width:100px; height:130px; color:#CCC;}
.ban .square i{ display:block; position:absolute;}
.ban .square .line-1{ border-top:5px solid; border-right:5px solid; width:0; height:0; top:0; right:0;width:90px; height:25px;}
.ban .square .line-2{ border-right:5px solid; left:0; top:0; height:0; width:0; height:130px;}
.ban .square .line-3{ border-bottom:5px solid; border-right:5px solid; width:0; height:0; bottom:0; left:5px; width:90px; height:15px;}
.ban .inner{ position:relative; margin-left:50px; margin-top:37px;}
.ban .inner h3{ width:100%; display:block; font-weight:normal; height:42px; line-height:42px; overflow:hidden;}
.ban .inner h3 span{ display:block; float:left; font-size:36px; color:#fff;}
.ban .inner h3 b{ width:70px; height:1px; display:block; float:left; margin:20px 15px; margin-right:10px; background-color:#ccc;}
.ban .inner h3 a{ display:block; float:left; font-size:14px; color:#fff; text-transform:uppercase;}
.ban .inner p{ width:100%; display:block; height:26px; line-height:26px; overflow:hidden; font-size:12px; color:#fff;}

.section-fixed{ background-color:#fff; width: 100%; top: 0; display:none;}
.container{ width:100%; padding:0 120px; box-sizing:border-box;}
.container .navs{ margin-left: -15px; margin-right: -15px;}
.container .navs li {
    width: 14.28571%;
    float: left;
	display:block;
    position: relative;
	cursor:pointer;
	height:93px;
}
.container .navs li .menu-a {
    padding: 25px 0px;
    color: #333333;
    position: relative;
}
.container .navs li .menu-item{ padding: 0 10px;}
.container .navs li:not(:last-child) .menu-item:before {
    content: "";
    height: 60%;
    border-left: 1px solid rgba(0, 0, 0, 0.1);
    position: absolute;
    right: 0;
    display: block;
    top: 20%;
}
.container .navs li h5 {
    font-size: 14px;
	margin-bottom:8px;
	display:block;
	font-weight:normal;
}
.container .navs li .sub-list {
    margin: 0 -5px;
    position: relative;
    z-index: 4;
    height: 21px;
	line-height:21px;
    overflow: hidden;
}
.container .navs li .sub-list a {
    display:block;
	float:left;
    padding: 0 5px;
    font-size: 12px;
    opacity: 0.6;
    color: #333;
}
.container .navs li b{ width:100%; height:0; display:block; -webkit-transition: height .35s; -o-transition: height .35s; transition: height .35s;} 
.container .navs li:hover b{ height:5px;}
.container .navs li:hover{ background-color:#333;}
.container .navs li:hover a{ color:#fff;}
.container .navs li a:hover{ opacity:1;}
}

@media screen and (min-width:769px) and (max-width:1279px){
.ban{ width:100%; height:380px; background-position:center; background-repeat:no-repeat; background-size:cover; position:relative; display:flex;}
.ban .box{ padding:80px; display:flex; width:100%; height:380px; box-sizing:border-box; -webkit-box-align:center; -ms-flex-align:center; align-items:center; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; background-color:rgba(0,0,0,0.7);}
.ban .heading{ position:relative; height:130px;}
.ban .square{ z-index:1; position:absolute; left:0; top:0; width:100px; height:130px; color:#CCC;}
.ban .square i{ display:block; position:absolute;}
.ban .square .line-1{ border-top:5px solid; border-right:5px solid; width:0; height:0; top:0; right:0;width:90px; height:25px;}
.ban .square .line-2{ border-right:5px solid; left:0; top:0; height:0; width:0; height:130px;}
.ban .square .line-3{ border-bottom:5px solid; border-right:5px solid; width:0; height:0; bottom:0; left:5px; width:90px; height:15px;}
.ban .inner{ position:relative; margin-left:50px; margin-top:37px;}
.ban .inner h3{ width:100%; display:block; font-weight:normal; height:42px; line-height:42px; overflow:hidden;}
.ban .inner h3 span{ display:block; float:left; font-size:36px; color:#fff;}
.ban .inner h3 b{ width:70px; height:1px; display:block; float:left; margin:20px 15px; margin-right:10px; background-color:#ccc;}
.ban .inner h3 a{ display:block; float:left; font-size:14px; color:#fff; text-transform:uppercase;}
.ban .inner p{ width:100%; display:block; height:26px; line-height:26px; overflow:hidden; font-size:12px; color:#fff;}

.section-fixed{ background-color:#fff; width: 100%; display:none;}
.container{ width:100%; padding:0 30px; box-sizing:border-box;}
.container .navs{ margin-left: -15px; margin-right: -15px;}
.container .navs li {
    width: 14.28571%;
    float: left;
	display:block;
    position: relative;
	cursor:pointer;
	height:93px;
}
.container .navs li .menu-a {
    padding: 25px 0px;
    color: #333333;
    position: relative;
}
.container .navs li .menu-item{ padding: 0 10px;}
.container .navs li:not(:last-child) .menu-item:before {
    content: "";
    height: 60%;
    border-left: 1px solid rgba(0, 0, 0, 0.1);
    position: absolute;
    right: 0;
    display: block;
    top: 20%;
}
.container .navs li h5 {
    font-size: 14px;
	margin-bottom:8px;
	display:block;
	font-weight:normal;
}
.container .navs li .sub-list {
    margin: 0 -5px;
    position: relative;
	line-height:21px;
	overflow:hidden;
    z-index: 4;
    height: 21px;
    overflow: hidden;
}
.container .navs li .sub-list a {
    display:block;
	float:left;
    padding: 0 5px;
    font-size: 12px;
    opacity: 0.6;
    color: #333;
}
.container .navs li b{ width:100%; height:0; display:block; -webkit-transition: height .35s; -o-transition: height .35s; transition: height .35s;} 
.container .navs li:hover b{ height:5px;}
.container .navs li:hover{ background-color:#333;}
.container .navs li:hover a{ color:#fff;}
.container .navs li a:hover{ opacity:1;}
}

@media only screen and (max-width:768px){
.ban{ width:100%; height:220px; background-position:center; background-repeat:no-repeat; background-size:cover; position:relative; display:flex;}
.ban .box{ padding:80px; display:flex; width:100%; height:220px; box-sizing:border-box; -webkit-box-align:center; -ms-flex-align:center; align-items:center; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; background-color:rgba(0,0,0,0.7);}
.ban .heading{ position:relative;}
.ban .square{ display:none;}
.ban .inner{ position:relative; text-align:center;}
.ban .inner h3{ width:100%; display:block; margin-top:30px; font-weight:normal; height:42px; line-height:42px; overflow:hidden;}
.ban .inner h3 span{ display:block; font-size:36px; color:#fff;}
.ban .inner h3 b,.ban .inner h3 a{ display:none;}
.ban .inner p{ width:100%; display:block; height:26px; line-height:26px; overflow:hidden; font-size:12px; color:#fff; margin-top:10px;}

.section-fixed{ display:none;}
}

@media screen and (min-width:1280px){
.footer{ width:100%; background-color:#161618;}
.footer .foot{ width:1200px; margin:40px auto;}
.footer .foot .f01{ float:left; height:60px; margin:10px 0;}
.footer .foot .f01 img{ display:block; height:60px;}
.footer .foot .f02{ float:left; width:580px; height:80px; margin-left:80px;}
.footer .foot .f02 ul{ display:block; padding-bottom:13px; border-bottom:1px solid #222; margin-left:-46px; overflow:hidden;}
.footer .foot .f02 ul li{ display:block; float:left; margin-left:46px; font-size:14px; height:26px; line-height:26px; overflow:hidden;}
.footer .foot .f02 ul li a{ color:#fff;}
.footer .foot .f02 ul li a:hover{ color:#ffbd4c;}
.footer .foot .f02 p{ display:block; padding-top:14px; overflow:hidden; font-size:14px; height:26px; color:#999; line-height:26px;}
.footer .foot .f02 p a{ color:#999;}
.footer .foot .f02 p a:hover{ color:#fff;}
.footer .foot .f03{ float:right; height:80px; display:block;}
.footer .foot .f03 dt{ display:block; float:left; height:80px; overflow:hidden;}
.footer .foot .f03 dt strong{ display:block; width:80px; height:80px; float:left; overflow:hidden; background-color:#fff;}
.footer .foot .f03 dt strong img{ width:100%; display:block;}
.footer .foot .f03 dt p{ display:block; height:66px; float:left; overflow:hidden; margin-left:10px; margin-top:14px;}
.footer .foot .f03 dt p img{ display:block; height:30px;}
.footer .foot .f03 dt p span{ display:block; height:32px; line-height:32px; color:#fff; overflow:hidden; font-size:14px;}
}

@media screen and (min-width:960px) and (max-width:1279px){
.footer{ width:100%; background-color:#161618;}
.footer .foot{ width:94%; margin:30px auto;}
.footer .foot .f01{ float:left; height:50px; margin:5px 0;}
.footer .foot .f01 img{ display:block; height:50px;}
.footer .foot .f02{ float:left; margin-left:5%; width:50%;}
.footer .foot .f02 ul{ display:block; padding-bottom:3px; border-bottom:1px solid #222; overflow:hidden;}
.footer .foot .f02 ul li{ display:block; float:left; margin-right:7%; font-size:14px; height:26px; line-height:26px; overflow:hidden;}
.footer .foot .f02 ul li a{ color:#fff;}
.footer .foot .f02 ul li a:hover{ color:#ffbd4c;}
.footer .foot .f02 p{ display:block; padding-top:4px; overflow:hidden; font-size:14px; height:26px; color:#999; line-height:26px;}
.footer .foot .f02 p a{ color:#999;}
.footer .foot .f02 p a:hover{ color:#fff;}
.footer .foot .f03{ float:right; height:60px; display:block;}
.footer .foot .f03 dt{ display:block; float:left; height:60px; overflow:hidden;}
.footer .foot .f03 dt strong{ display:block; width:60px; height:60px; float:left; overflow:hidden; background-color:#fff;}
.footer .foot .f03 dt strong img{ width:100%; display:block;}
.footer .foot .f03 dt p{ display:block; height:50px; float:left; overflow:hidden; margin-left:10px; margin-top:10px;}
.footer .foot .f03 dt p img{ display:block; height:20px;}
.footer .foot .f03 dt p span{ display:block; height:22px; line-height:32px; color:#fff; overflow:hidden; font-size:14px;}
}

@media only screen and (max-width:959px){
.footer{ width:100%; background-color:#161618;}
.footer .foot{ width:94%; margin:20px auto;}
.footer .foot .f01{ height:50px; margin-bottom:10px;}
.footer .foot .f01 img{ height:50px; display:block; margin:auto;}
.footer .foot .f02{ width:100%;}
.footer .foot .f02 ul{ display:none;}
.footer .foot .f02 p{ display:block; overflow:hidden; font-size:14px; color:#999; line-height:20px; text-align:center;}
.footer .foot .f02 p a{ color:#999;}
.footer .foot .f02 p a:hover{ color:#fff;}
.footer .foot .f03{ display:none;}
}

/*about*/
@media screen and (min-width:1280px){
.section-p {
    padding: 70px 0;
    position: relative;
    overflow: hidden;
	width:100%;
}
.section-p .container {
    width: 100%;
	max-width: 1140px;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}
.row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
	-webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.col-lg-7 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 58.33333%;
    flex: 0 0 58.33333%;
    max-width: 58.33333%;
	position: relative;
    width: 100%;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
	box-sizing:border-box;
}
.heading-about {
    margin-top: 40px;
    margin-bottom: 60px;
}
.heading-about h3 {
    font-size: 48px;
    font-weight: bold;
    color: #555;
	position:relative;
}
.heading-about h3 p {
    display: inline-block;
    position: relative;
    z-index: 2;
}
.heading-about h3 span{
    position: absolute;
    top: 50%;
    left:38%;
    -webkit-transform: translate3d(-50%, -50%, 0) scale(0.8, 1);
    transform: translate3d(-50%, -50%, 0) scale(0.8, 1);
    font-size: 140px;
    line-height: 1em;
    white-space: nowrap;
    text-transform: uppercase;
	opacity:0.1;
	    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.heading-about:after {
    content: "";
    display: block;
    border-top: 6px solid #db2001;
    margin-top: 60px;
    width:72px;
}
.block-0010-1 .block-media {
    float: left;
    margin-right: 30px;
    margin-top: 15px;
}
.block-0010-1 .block-media img {
    max-width: 210px;
}
.block-body {
    overflow: hidden;
	font-size:14px;
	line-height:24px;
}
.col-lg-5 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 41.66667%;
    flex: 0 0 41.66667%;
    max-width: 41.66667%;
	position: relative;
    width: 100%;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
	box-sizing:border-box;
}
.laptop {
    margin-top: 30px;
}
.laptop img {
    width: 750px;
    max-width: 750px;
}
}

@media screen and (min-width:769px) and (max-width:1279px){
.section-p {
    padding:50px 0;
    position: relative;
    overflow: hidden;
	width:100%;
}
.section-p .container {
    width: 100%;
	max-width:960px;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
	box-sizing:border-box;
}
.row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
	-webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.col-lg-7 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 58.33333%;
    flex: 0 0 58.33333%;
    max-width: 58.33333%;
	position: relative;
    width: 100%;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
	box-sizing:border-box;
}
.heading-about {
    margin-top:30px;
    margin-bottom:15px;
}
.heading-about h3 {
    font-size: 48px;
    font-weight: bold;
    color: #555;
	position:relative;
}
.heading-about h3 p {
    display: inline-block;
    position: relative;
    z-index: 2;
}
.heading-about h3 span{
    position: absolute;
    top: 50%;
    left:30%;
    -webkit-transform: translate3d(-50%, -50%, 0) scale(0.8, 1);
    transform: translate3d(-50%, -50%, 0) scale(0.8, 1);
    font-size:110px;
    line-height: 1em;
    white-space: nowrap;
    text-transform: uppercase;
	opacity:0.1;
	    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.heading-about:after {
    content: "";
    display: block;
    border-top: 6px solid #db2001;
    margin-top:30px;
    width:72px;
}
.block-0010-1 .block-media {
    float: left;
    margin-right: 30px;
    margin-top: 15px;
}
.block-0010-1 .block-media img {
    max-width: 210px;
}
.block-body {
    overflow: hidden;
	font-size:14px;
	line-height:24px;
}
.col-lg-5 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 41.66667%;
    flex: 0 0 41.66667%;
    max-width: 41.66667%;
	position: relative;
    width: 100%;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
	box-sizing:border-box;
}
.laptop {
    margin-top: 30px;
}
.laptop img {
    width: 750px;
    max-width: 750px;
}
}

@media only screen and (max-width:768px){
.section-p {
    padding:30px 0;
    position: relative;
    overflow: hidden;
	width:100%;
}
.section-p .container {
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
	box-sizing:border-box;
}
.row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
	-webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.col-lg-7 {
	position: relative;
    width: 100%;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
	box-sizing:border-box;
}
.heading-about {
	text-align:center;
    margin-top:30px;
    margin-bottom:15px;
}
.heading-about h3 {
    font-size: 7.5vw;
    font-weight: bold;
    color: #555;
	position:relative;
}
.heading-about h3 p {
    display: inline-block;
    position: relative;
    z-index: 2;
}
.heading-about h3 span{
    position: absolute;
    top: 50%;
    left:50%;
    -webkit-transform: translate3d(-50%, -50%, 0) scale(0.8, 1);
    transform: translate3d(-50%, -50%, 0) scale(0.8, 1);
    font-size:75px;
    line-height: 1em;
    white-space: nowrap;
    text-transform: uppercase;
	opacity:0.1;
	    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.heading-about:after {
    content: "";
    display: block;border-top: 4px solid #db2001;
    width:72px;
	margin:auto;
    margin-top:30px;
}
.block-0010-1 .block-media {
    margin-right: 30px;
    margin-top: 15px;
}
.block-0010-1 .block-media img {
    max-width: 210px;
	margin:auto;
	display:block;
}
.block-body {
    overflow: hidden;
	font-size:14px;
	line-height:24px;
}
.col-lg-5 {
	position: relative;
    width: 100%;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
	box-sizing:border-box;
}
.laptop {
    margin-top: 30px;
}
.laptop img {
    width:100%;
}
}

@media screen and (min-width:1280px){
.heading-line {
    color: #333333;
    position: relative;
    text-align: center;
	background-image:url(../images/line01.jpg); 
	background-position:center;
	background-repeat:no-repeat;
}
.heading-line .heading-inner {
    display: inline-block;
    background-color: #fff;
    position: relative;
    z-index: 2;
    padding: 0 20px;
}
.heading-line h5 {
    font-size: 26px;
	margin-bottom: 0.5rem;
    font-family: inherit;
    font-weight: 500;
    line-height: 1.2;
    color: inherit;
}
.heading-line p {
    margin-bottom: 0;
	line-height: 1.75em;
}
.list-count-v2 {
    padding: 100px 0 70px;
    text-align: center;
    margin-right: -30px;
    margin-left: -30px;
}
.list-count-v2 li {
    display: inline-block;
    vertical-align: middle;
    padding: 0 50px;
	-webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.about-count-v2 {
    text-align: center;
    padding: 20px 0;
}
.list-count-v2 li p {
    margin-top: 0;
    margin-bottom: 1rem;
}
.about-count-v2 .count {
    font-size: 90px;
    letter-spacing: -3px;
    color: #db2001;
    font-family: "AvenirNext", "Microsoft Yahei", sans-serif;
}
.list-count-v2 li:nth-child(2) .type{ vertical-align:top;}
.about-count-v2 h5 {
    font-size: 18px;
	margin-bottom: 0.5rem;
    font-family: inherit;
    font-weight: 500;
    line-height: 1.2;
    color: inherit;
}
}

@media screen and (min-width:769px) and (max-width:1279px){
.heading-line {
    color: #333333;
    position: relative;
    text-align: center;
	background-image:url(../images/line01.jpg); 
	background-position:center;
	background-repeat:no-repeat;
}
.heading-line .heading-inner {
    display: inline-block;
    background-color: #fff;
    position: relative;
    z-index: 2;
    padding: 0 20px;
}
.heading-line h5 {
    font-size: 26px;
	margin-bottom: 0.5rem;
    font-family: inherit;
    font-weight: 500;
    line-height: 1.2;
    color: inherit;
}
.heading-line p {
    margin-bottom: 0;
	line-height: 1.75em;
}
.list-count-v2 {
    padding: 100px 0 70px;
    text-align: center;
    margin-right: -30px;
    margin-left: -30px;
}
.list-count-v2 li {
    display: inline-block;
    vertical-align: middle;
    padding: 0 30px;
	-webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.about-count-v2 {
    text-align: center;
    padding: 20px 0;
}
.list-count-v2 li p {
    margin-top: 0;
    margin-bottom: 1rem;
}
.about-count-v2 .count {
    font-size:65px;
    letter-spacing: -3px;
    color: #db2001;
    font-family: "AvenirNext", "Microsoft Yahei", sans-serif;
}
.list-count-v2 li:nth-child(2) .type{ vertical-align:text-top;}
.about-count-v2 h5 {
    font-size: 18px;
	margin-bottom: 0.5rem;
    font-family: inherit;
    font-weight: 500;
    line-height: 1.2;
    color: inherit;
}
}

@media only screen and (max-width:768px){
.heading-line {
    color: #333333;
    position: relative;
    text-align: center;
	background-image:url(../images/line01.jpg); 
	background-position:center;
	background-repeat:no-repeat;
}
.heading-line .heading-inner {
    display: inline-block;
    background-color: #fff;
    position: relative;
    z-index: 2;
    padding: 0 20px;
}
.heading-line h5 {
    font-size: 20px;
	margin-bottom: 0.5rem;
    font-family: inherit;
    font-weight: 500;
    line-height: 1.2;
    color: inherit;
}
.heading-line p {
    margin-bottom: 0;
	line-height: 1.75em;
	font-size:12px;
}
.list-count-v2 {
    padding: 30px 0;
    text-align: center;
    margin-right: -30px;
    margin-left: -30px;
}
.list-count-v2 li {
    display: inline-block;
    vertical-align: middle;
	padding: 0 10px;
    width: 45%;
	-webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.about-count-v2 {
    text-align: center;
    padding: 20px 0;
}
.list-count-v2 li p {
    margin-top: 0;
    margin-bottom: 1rem;
}
.about-count-v2 .count {
    font-size:42px;
    letter-spacing: -3px;
    color: #db2001;
    font-family: "AvenirNext", "Microsoft Yahei", sans-serif;
}
.list-count-v2 li:nth-child(2) .type{ vertical-align:text-top;}
.about-count-v2 h5 {
    font-size: 18px;
	margin-bottom: 0.5rem;
    font-family: inherit;
    font-weight: 500;
    line-height: 1.2;
    color: inherit;
}
}

@media screen and (min-width:1280px){
.heading-line-v2 {
    color: #ffffff;
    text-align: center;
}
.heading-line-v2 h3 {
    font-size: 30px;
	margin-bottom: 0.5rem;
    font-family: inherit;
    font-weight: 500;
    line-height: 1.2;
    color: inherit;
}
.heading-line-v2 .ch {
    margin-bottom: 10px;
    display: block;
    font-weight: bold;
}
.heading-line-v2 .en {
    font-size: 18px;
    display: block;
	background-image:url(../images/line.png);
	background-position:center;
	background-repeat:no-repeat;
}
.heading-line-v2 p {
    margin-bottom: 0;
    opacity: .7;
	line-height: 1.75em;
}
.row-list {
    margin: 0 -15px;
    list-style: none;
    padding: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
	padding-top: 100px;
}
.row-sm-3 > li, .row-sm-3 > div {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 33.33333%;
    flex: 0 0 33.33333%;
    max-width: 33.33333%;
    width: 33.33333%;
    width: 33.33333%;
	padding: 0 30px;
	-webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.list-tech a {
    display: block;
    color: #FFF;
}
.list-tech h5 {
    width: 3.25em;
    height: 3.25em;
    margin: 0 auto 35px;
    font-size: 48px;
    position: relative;
}
.list-tech h5:before, .list-tech h5:after {
    position: absolute;
    display: block;
    content: "";
    top: 50%;
    border-top: 1px solid #ddd;
    width: 150px;
}
.list-tech h5:before {
    margin-left: 8px;
    left: 100%;
}
.list-tech h5:after {
    margin-right: 8px;
    right: 100%;
}
.list-tech li:first-child h5:after, .list-tech li:last-child h5:before {
    width: 800px;
}
.list-tech h5 span {
    width: 3.25em;
    height: 3.25em;
    border-radius: 50%;
    border: 1px solid;
    text-align: center;
    line-height: 3.25em;
    line-height: calc(3.25em - 2px);
    position: relative;
    display: block;
}
.list-tech p {
    border-left: 1px solid #db2001;
    padding-left: 20px;
	line-height: 1.75em;
	margin-bottom: 1rem;
}
}

@media screen and (min-width:769px) and (max-width:1279px){
.heading-line-v2 {
    color: #ffffff;
    text-align: center;
}
.heading-line-v2 h3 {
    font-size: 30px;
	margin-bottom: 0.5rem;
    font-family: inherit;
    font-weight: 500;
    line-height: 1.2;
    color: inherit;
}
.heading-line-v2 .ch {
    margin-bottom: 10px;
    display: block;
    font-weight: bold;
}
.heading-line-v2 .en {
    font-size: 18px;
    display: block;
	background-image:url(../images/line.png);
	background-position:center;
	background-repeat:no-repeat;
}
.heading-line-v2 p {
    margin-bottom: 0;
    opacity: .7;
	line-height: 1.75em;
}
.row-list {
    margin: 0 -15px;
    list-style: none;
    padding: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
	padding-top: 100px;
}
.row-sm-3 > li, .row-sm-3 > div {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 33.33333%;
    flex: 0 0 33.33333%;
    max-width: 33.33333%;
    width: 33.33333%;
    width: 33.33333%;
	padding: 0 30px;
	-webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.list-tech a {
    display: block;
    color: #FFF;
}
.list-tech h5 {
    width: 3.25em;
    height: 3.25em;
    margin: 0 auto 35px;
    font-size: 48px;
    position: relative;
}
.list-tech h5:before, .list-tech h5:after {
    position: absolute;
    display: block;
    content: "";
    top: 50%;
    border-top: 1px solid #ddd;
    width: 150px;
}
.list-tech h5:before {
    margin-left: 8px;
    left: 100%;
}
.list-tech h5:after {
    margin-right: 8px;
    right: 100%;
}
.list-tech li:first-child h5:after, .list-tech li:last-child h5:before {
    width: 800px;
}
.list-tech h5 span {
    width: 3.25em;
    height: 3.25em;
    border-radius: 50%;
    border: 1px solid;
    text-align: center;
    line-height: 3.25em;
    line-height: calc(3.25em - 2px);
    position: relative;
    display: block;
}
.list-tech p {
    border-left: 1px solid #db2001;
    padding-left: 20px;
	line-height: 1.75em;
	margin-bottom: 1rem;
}	
}

@media only screen and (max-width:768px){
	.heading-line-v2 {
    color: #ffffff;
    text-align: center;
}
.heading-line-v2 h3 {
    font-size: 30px;
	margin-bottom: 0.5rem;
    font-family: inherit;
    font-weight: 500;
    line-height: 1.2;
    color: inherit;
}
.heading-line-v2 .ch {
    margin-bottom: 10px;
    display: block;
    font-weight: bold;
}
.heading-line-v2 .en {
    font-size: 18px;
    display: block;
	background-image:url(../images/line.png);
	background-position:center;
	background-repeat:no-repeat;
}
.heading-line-v2 p {
    margin-bottom: 0;
    opacity: .7;
	line-height: 1.75em;
	font-size: 12px;
}
.row-list {
    margin: 0 -15px;
    list-style: none;
    padding: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
	padding-top: 10px;
    padding-bottom: 20px;
}
.row-sm-3 > li, .row-sm-3 > div {
	padding: 0 30px;
	-webkit-box-sizing: border-box;
    box-sizing: border-box;
	width:100%;
}
.list-tech a {
    display: block;
    color: #FFF;
}
.list-tech h5 {
    width: 3.25em;
    height: 3.25em;
 	margin: 0 auto;
	margin-bottom: 18px;
    margin-top: 25px;
    font-size: 36px;
    position: relative;
}
.list-tech h5:before, .list-tech h5:after {
    position: absolute;
    display: block;
    content: "";
    top: 50%;
    border-top: 1px solid #ddd;
    width: 300px;
}
.list-tech h5:before {
    margin-left: 8px;
    left: 100%;
}
.list-tech h5:after {
    margin-right: 8px;
    right: 100%;
}
.list-tech li:first-child h5:after, .list-tech li:last-child h5:before {
    width: 800px;
}
.list-tech h5 span {
    width: 3.25em;
    height: 3.25em;
    border-radius: 50%;
    border: 1px solid;
    text-align: center;
    line-height: 3.25em;
    line-height: calc(3.25em - 2px);
    position: relative;
    display: block;
}
.list-tech p {
    border-left: 1px solid #db2001;
    padding-left: 20px;
	line-height: 1.75em;
	margin-bottom: 1rem;
}
}

/*contact*/
@media screen and (min-width:1280px){
.lbox{ width:100%; position:relative; background-color:#f0f0f0; padding:80px 0;}
.lbox .box{ width:1100px; height:480px; margin:auto;}
.lbox .box .left{ width:330px; height:480px; float:left; background-color:rgba(219,32,1,0.7); position:relative;}
.lbox .box .left .en{ width:250px; margin:auto; color:#fff; padding-top:52px; font-size:24px; height:34px; line-height:34px; text-transform:uppercase;}
.lbox .box .left .cn{ width:250px; margin:auto; color:#fff; font-size:16px; height:44px; line-height:44px; margin-bottom:10px;}
.lbox .box .left .txt{ border-bottom:1px solid #fff; width:250px; margin:auto; height:34px; line-height:34px; padding-top:35px; position:relative;}
.lbox .box .left .txt input{ width:100%; height:34px; font-size:14px; line-height:34px; color:#fff; background-color:transparent;}
.lbox .box .left .txt a{ width:90px; height:30px; position:absolute; right:0; bottom:10px; display:block; overflow:hidden;}
.lbox .box .left .txt a img{ width:100%; height:30px; display:block;}
.lbox .box .left .text{ margin:auto; margin-top:25px; width:120px; height:36px; border:1px solid #fff;}
.lbox .box .left .text button{ background-color:transparent;font-size:14px; width:100%; display:block; height:36px; line-height:36px; cursor:pointer; text-align:center; color:#fff;}

.lbox .box .right{ width:570px; padding:52px 100px; height:376px; text-align:center; float:left; background-color:#fff; position:relative;}
.lbox .box .right .en{ font-size:24px; color:#db2001; height:34px; line-height:34px; text-transform:uppercase;}
.lbox .box .right .cn{ font-size:16px; height:44px; line-height:44px; margin-bottom:10px;}
.lbox .box .right ul{ width:600px; display:block; overflow:hidden; padding-top:36px;}
.lbox .box .right ul li{ width:170px; margin-right:30px; display:block; float:left; overflow:hidden; height:105px;}
.lbox .box .right ul li strong{ display:block; height:40px; margin-bottom:13px;}
.lbox .box .right ul li strong img{ display:block; height:40px; margin:auto;}
.lbox .box .right ul li p{ display:block; font-size:14px; line-height:26px; color:#666;}
.lbox .box .right .line{ width:550px; height:14px; margin:45px auto;}
.lbox .box .right .line img{ width:100%; display:block;}
.lbox .box .right .wen{ width:310px; line-height:24px; height:48px; margin:auto; font-size:14px; color:#666;}
}

@media screen and (min-width:769px) and (max-width:1279px){
.lbox{ width:100%; position:relative; background-color:#f0f0f0; padding:50px; box-sizing:border-box;}
.lbox .box{ width:100%; height:480px;}

.lbox .box .left{ width:30%; padding:52px 30px; box-sizing:border-box; height:480px; float:left; background-color:rgba(219,32,1,0.7); position:relative;}
.lbox .box .left .en{ width:100%; color:#fff; font-size:24px; height:34px; line-height:34px; text-transform:uppercase;}
.lbox .box .left .cn{ width:100%; color:#fff; font-size:16px; height:44px; line-height:44px; margin-bottom:10px;}
.lbox .box .left .txt{ border-bottom:1px solid #fff; width:100%; margin:auto; height:34px; line-height:34px; padding-top:35px; position:relative;}
.lbox .box .left .txt input{ width:100%; height:34px; font-size:14px; line-height:34px; color:#fff; background-color:transparent;}
.lbox .box .left .txt a{ width:90px; height:30px; position:absolute; right:0; bottom:10px; display:block; overflow:hidden;}
.lbox .box .left .txt a img{ width:100%; height:30px; display:block;}
.lbox .box .left .text{ margin:auto; margin-top:25px; width:120px; height:36px; border:1px solid #fff;}
.lbox .box .left .text button{ background-color:transparent;font-size:14px; width:100%; display:block; height:36px; line-height:36px; cursor:pointer; text-align:center; color:#fff;}

.lbox .box .right{ width:70%; box-sizing:border-box; padding:52px 30px; height:480px; text-align:center; float:left; background-color:#fff; position:relative;}
.lbox .box .right .en{ font-size:24px; color:#db2001; height:34px; line-height:34px; text-transform:uppercase;}
.lbox .box .right .cn{ font-size:16px; height:44px; line-height:44px; margin-bottom:10px;}
.lbox .box .right ul{ width:100%; display:block; overflow:hidden; padding-top:36px;}
.lbox .box .right ul li{ width:30%; margin-right:5%; display:block; float:left; overflow:hidden; height:105px;}
.lbox .box .right ul li:last-child{ margin-right:0;}
.lbox .box .right ul li strong{ display:block; height:40px; margin-bottom:13px;}
.lbox .box .right ul li strong img{ display:block; height:40px; margin:auto;}
.lbox .box .right ul li p{ display:block; font-size:14px; line-height:26px; color:#666;}
.lbox .box .right .line{ width:100%; margin:40px auto;}
.lbox .box .right .line img{ width:100%; display:block;}
.lbox .box .right .wen{ width:80%; line-height:24px; height:48px; margin:auto; font-size:14px; color:#666;}
}

@media only screen and (max-width:768px){
.lbox{ width:100%; background-color:#f0f0f0;}
.lbox .box{ width:100%; padding:25px; box-sizing:border-box;}

.lbox .box .left{ width:100%; padding:20px; box-sizing:border-box; background-color:rgba(219,32,1,0.7); position:relative;}
.lbox .box .left .en{ width:100%; color:#fff; font-size:24px; height:34px; line-height:34px; text-transform:uppercase;}
.lbox .box .left .cn{ width:100%; color:#fff; font-size:16px; height:28px; line-height:28px; margin:10px auto;}
.lbox .box .left .txt{ border-bottom:1px solid #fff; width:100%; margin:auto; height:30px; line-height:30px; padding-top:25px; position:relative;}
.lbox .box .left .txt input{ width:100%; height:30px; font-size:14px; line-height:30px; color:#fff; background-color:transparent;}
.lbox .box .left .txt a{ width:90px; height:30px; position:absolute; right:0; bottom:0; display:block; overflow:hidden;}
.lbox .box .left .txt a img{ width:100%; height:30px; display:block;}
.lbox .box .left .text{ margin:5px auto; margin-top:20px; width:120px; height:36px; border:1px solid #fff;}
.lbox .box .left .text button{ background-color:transparent;font-size:14px; width:100%; display:block; height:36px; line-height:36px; cursor:pointer; text-align:center; color:#fff;}

.lbox .box .right{ width:100%; box-sizing:border-box; padding:20px; background-color:#fff; position:relative;}
.lbox .box .right .en,.lbox .box .right .cn{ display:none;}
.lbox .box .right ul{ width:100%; display:block; overflow:hidden;}
.lbox .box .right ul li{ width:100%; display:block; margin:10px auto; overflow:hidden; position:relative;}
.lbox .box .right ul li strong{ display:block; height:26px; width:30px; float:left; position:absolute; left:0; top:0;}
.lbox .box .right ul li strong img{ display:block; height:22px; margin-top:2px;}
.lbox .box .right ul li p{ display:block; padding-left:30px; font-size:14px; line-height:26px; color:#666;}
.lbox .box .right .line{ width:100%; margin:10px auto;}
.lbox .box .right .line img{ width:100%; display:block;}
.lbox .box .right .wen{ width:100%; text-align:center; line-height:24px; height:48px; margin:5px auto; font-size:14px; color:#666;}
}

/*case*/
@media screen and (min-width:1280px){
.main{ padding:80px 120px; background-color:#f0f0f0;}
.main .sav{ width:100%; display:none;}
.main .sav ul{ display:block; margin-left:-15px; margin-right:-15px; text-align:center;}
.main .sav ul li{ width:110px; height:36px; display:inline-block; margin:0 15px; margin-bottom:15px; overflow:hidden;}
.main .sav ul li a{ width:100%; height:36px; display:block; line-height:36px; border-radius:36px; background-color:#fff; font-size:14px;}
.main .sav ul li a:hover{ color:#db2001;}
.main .sav ul li.on a{ background-color:#db2001; color:#fff;}

.main .list{ display:block; margin-left:-15px; margin-right:-15px; text-align:center; margin-top:-30px;}
.main .list li{ width:33.33%; float:left; display:block; overflow:hidden; padding:0 15px; margin-top:30px; box-sizing:border-box;}
.main .list li .tu{ width:100%; position:relative;}
.main .list li .tu strong{ width:100%; display:block; background-size:cover;}
.main .list li .tu strong img{ width:100%; display:block;}
.main .list li .tu b{ position:absolute; left:0; bottom:0; background-color:rgba(255,255,255,0.7); height:0; transition: height 0.35s; -moz-transition: height 0.35s; -webkit-transition: height 0.35s; -o-transition: height 0.35s; width:100%;}
.main .list li .tu b img{ display:block; height:40px; margin:auto;}
.main .list li:hover b{ height:40px; padding:15px 0;}
.main .list li .wen{ padding:16px 20px; background-color:#fff; text-align:left;}
.main .list li .wen span{ height:26px; line-height:26px; font-size:18px; overflow:hidden; display:block;}
.main .list li .wen p{ height:48px; line-height:24px; font-size:14px; overflow:hidden; color:#666; padding-top:4px; display:block;}
.main .list li:hover .wen{ background-color:#db2001;}
.main .list li:hover span,.main .list li:hover p{ color:#fff;}
}

@media screen and (min-width:769px) and (max-width:1279px){
.main{ padding:50px; background-color:#f0f0f0;}
.main .sav{ width:100%; display:none;}
.main .sav ul{ display:block; margin-left:-15px; margin-right:-15px; text-align:center; margin-top:-10px;}
.main .sav ul li{ width:110px; height:36px; display:inline-block; margin:10px 15px; overflow:hidden;}
.main .sav ul li a{ width:100%; height:36px; display:block; line-height:36px; border-radius:36px; background-color:#fff; font-size:14px;}
.main .sav ul li a:hover{ color:#db2001;}
.main .sav ul li.on a{ background-color:#db2001; color:#fff;}

.main .list{ display:block; margin-left:-15px; margin-right:-15px; text-align:center;}
.main .list li{ width:33.33%; float:left; display:block; overflow:hidden; padding:15px; box-sizing:border-box;}
.main .list li .tu{ width:100%; position:relative;}
.main .list li .tu strong{ width:100%; display:block; background-size:cover;}
.main .list li .tu strong img{ width:100%; display:block;}
.main .list li .tu b{ position:absolute; left:0; bottom:0; background-color:rgba(255,255,255,0.7); height:0; transition: height 0.35s; -moz-transition: height 0.35s; -webkit-transition: height 0.35s; -o-transition: height 0.35s; width:100%;}
.main .list li .tu b img{ display:block; height:40px; margin:auto;}
.main .list li:hover b{ height:40px; padding:15px 0;}
.main .list li .wen{ padding:10px 15px; background-color:#fff; text-align:left;}
.main .list li .wen span{ height:26px; line-height:26px; font-size:18px; overflow:hidden; display:block;}
.main .list li .wen p{ height:48px; line-height:24px; font-size:14px; overflow:hidden; color:#666; padding-top:4px; display:block;}
.main .list li:hover .wen{ background-color:#db2001;}
.main .list li:hover span,.main .list li:hover p{ color:#fff;}
}

@media only screen and (max-width:768px){
.main{ padding:20px; background-color:#f0f0f0;}
.main .sav{ width:100%; display:none;}
.main .sav ul{ display:block; margin-left:-5px; margin-right:-5px; text-align:center;}
.main .sav ul li{ width:80px; height:24px; display:inline-block; margin:5px; overflow:hidden;}
.main .sav ul li a{ width:100%; height:24px; display:block; line-height:24px; border-radius:24px; background-color:#fff; font-size:12px;}
.main .sav ul li a:hover{ color:#db2001;}
.main .sav ul li.on a{ background-color:#db2001; color:#fff;}

.main .list{ display:block; margin-left:-10px; margin-right:-10px; text-align:center; margin-top:-10px;}
.main .list li{ width:50%; float:left; display:block; overflow:hidden; padding:10px; box-sizing:border-box;}
.main .list li .tu{ width:100%; position:relative;}
.main .list li .tu strong{ width:100%; display:block; background-size:cover;}
.main .list li .tu strong img{ width:100%; display:block;}
.main .list li .tu b{ position:absolute; left:0; bottom:0; background-color:rgba(255,255,255,0.7); height:0; transition: height 0.35s; -moz-transition: height 0.35s; -webkit-transition: height 0.35s; -o-transition: height 0.35s; width:100%;}
.main .list li .tu b img{ display:block; height:40px; margin:auto;}
.main .list li:hover b{ height:40px; padding:15px 0;}
.main .list li .wen{ padding:10px; background-color:#fff; text-align:left;}
.main .list li .wen span{ height:26px; line-height:26px; font-size:16px; overflow:hidden; display:block;}
.main .list li .wen p{ height:48px; line-height:24px; font-size:14px; overflow:hidden; color:#666; display:block;}
.main .list li:hover .wen{ background-color:#db2001;}
.main .list li:hover span,.main .list li:hover p{ color:#fff;}
}

/*case_son*/
@media screen and (min-width:1280px){
.pc{ width:1200px; margin:auto; padding:80px 0;}
.pc .title{ width:100%; position:relative; height:140px;}
.pc .title img{ display:block; height:140px; position:absolute; left:50%; margin-left:-600px; top:0;}
.pc .box{ width:100%;}
.pc .box img{ display:block; margin:50px auto; margin-bottom:100px;}
.pc .biao{ text-align:center; font-size:30px; width:100%; text-transform:uppercase;}
.pc .yan{ text-align:center; width:100%; display:block; margin:60px auto;}
.pc .yan li{ display:inline-block; margin:0 80px;}
.pc .yan li strong{ display:block; width:108px; height:124px; background-image:url(../images/ys.png); background-repeat:no-repeat; line-height:124px; font-size:16px; color:#fff; text-transform:uppercase;}
.pc .xia{ width:100%;}
.pc .xia img{ display:block; margin:auto;}

.pc .en{ text-align:center; font-size:18px; line-height:30px; height:30px; color:#999; text-transform:uppercase; margin-top:72px;}
.pc .cn{ text-align:center; font-size:30px; line-height:52px; height:52px;}
.pc .time{ text-align:center; font-size:14px; color:#666;}
.pc .time p{ display:inline-block; margin:0 20px; height:30px; line-height:30px;}
.pc .wen{ font-size:14px; line-height:24px; margin-top:30px; margin-bottom:35px;}
.pc .fang{ width:152px; height:32px; line-height:32px; background-color:#db2001; margin:auto;}
.pc .fang a{ width:100%; display:block; height:32px; color:#fff; text-align:center;}
.pc .bix{ width:390px; margin:45px auto; text-align:center;}
.pc .bix span{ display:block; font-size:18px; line-height:26px; height:26px; color:#999; text-transform:uppercase; background-image:url(../images/xian.jpg); background-position:center; background-repeat:no-repeat; overflow:hidden;}
.pc .bix a{ display:block; font-size:72px; line-height:84px; height:84px; text-transform:uppercase; overflow:hidden;}
.pc .bix p{ display:block; font-size:14px; line-height:24px; color:#999; overflow:hidden;}

.detail-bottom{ width:100%; height:48px;}
.detail-bottom .copyright-text{ float:left; height:48px; line-height:48px; font-size:18px;}
.detail-bottom .float-right{ float:right; text-align:right; vertical-align:top;}
.detail-bottom .float-right span{ display:inline-block; height:48px; line-height:48px; font-size:16px; vertical-align:top;}
.detail-bottom .float-right a{ display:inline-block; margin-left:7px; width:48px; height:48px; vertical-align:top;}
.detail-bottom .float-right a img{ display:block; height:48px;}
.nnav-article{ width:100%; padding-top:30px; border-top:1px solid #cacaca; margin-top:30px;}
.nnav-article p{ display:block; width:50%; float:left; font-size:14px;}
.nnav-article span{ display:block; width:50%; float:left; font-size:14px; text-align:right;}
.nnav-article a:hover{ color:#db2001;}
}

@media screen and (min-width:769px) and (max-width:1279px){
.pc{ width:100%; box-sizing:border-box; padding:50px;}
.pc .title{ width:100%; position:relative; height:140px;}
.pc .title img{ display:block; height:140px; position:absolute; left:50%; margin-left:-600px; top:0;}
.pc .box{ width:100%;}
.pc .box img{ width:100%; display:block; margin:50px auto;}
.pc .biao{ text-align:center; font-size:24px; width:100%; text-transform:uppercase;}
.pc .yan{ text-align:center; width:100%; display:block; margin:30px auto;}
.pc .yan li{ display:inline-block; margin:0 20px;}
.pc .yan li strong{ display:block; width:108px; height:124px; background-image:url(../images/ys.png); background-repeat:no-repeat; line-height:124px; font-size:16px; color:#fff; text-transform:uppercase;}
.pc .xia{ width:100%;}
.pc .xia img{ display:block; margin:auto;}

.pc .en{ text-align:center; font-size:18px; line-height:30px; height:30px; color:#999; text-transform:uppercase; margin-top:42px;}
.pc .cn{ text-align:center; font-size:30px; line-height:52px; height:52px;}
.pc .time{ text-align:center; font-size:14px; color:#666;}
.pc .time p{ display:inline-block; margin:0 20px; height:30px; line-height:30px;}
.pc .wen{ font-size:14px; line-height:24px; margin-top:20px; margin-bottom:25px;}
.pc .fang{ width:152px; height:32px; line-height:32px; background-color:#db2001; margin:auto;}
.pc .fang a{ width:100%; display:block; height:32px; color:#fff; text-align:center;}
.pc .bix{ width:390px; margin:35px auto; text-align:center;}
.pc .bix span{ display:block; font-size:18px; line-height:26px; height:26px; color:#999; text-transform:uppercase; background-image:url(../images/xian.jpg); background-position:center; background-repeat:no-repeat; overflow:hidden;}
.pc .bix a{ display:block; font-size:72px; line-height:84px; height:84px; text-transform:uppercase; overflow:hidden;}
.pc .bix p{ display:block; font-size:14px; line-height:24px; color:#999; overflow:hidden;}

.detail-bottom{ width:100%; overflow:hidden;}
.detail-bottom .copyright-text{ float:left; height:48px; line-height:48px; font-size:18px;}
.detail-bottom .float-right{ float:right; text-align:right; vertical-align:top;}
.detail-bottom .float-right span{ display:inline-block; height:48px; line-height:48px; font-size:16px; vertical-align:top;}
.detail-bottom .float-right a{ display:inline-block; margin-left:7px; width:48px; height:48px; vertical-align:top;}
.detail-bottom .float-right a img{ display:block; height:48px;}
.nnav-article{ width:100%; padding-top:25px; border-top:1px solid #cacaca; margin-top:25px;}
.nnav-article p{ display:block; width:50%; float:left; font-size:14px;}
.nnav-article span{ display:block; width:50%; float:left; font-size:14px; text-align:right;}
.nnav-article a:hover{ color:#db2001;}
}

@media only screen and (max-width:768px){
.pc{ width:100%; box-sizing:border-box; padding:25px;}
.pc .title{ width:100%; position:relative; height:140px;}
.pc .title img{ display:block; height:140px; position:absolute; left:50%; margin-left:-600px; top:0;}
.pc .box{ width:100%;}
.pc .box img{ width:100%; display:block; margin:20px auto;}
.pc .biao{ text-align:center; font-size:18px; width:100%; text-transform:uppercase;}
.pc .yan{ text-align:center; width:100%; display:block; margin:20px auto;}
.pc .yan li{ display:inline-block; margin:0 10px;}
.pc .yan li strong{ display:block; width:88px; height:100px; background-image:url(../images/ys.png); background-repeat:no-repeat; background-size:100% 100%; line-height:100px; font-size:16px; color:#fff; text-transform:uppercase;}
.pc .xia{ width:100%;}
.pc .xia img{ display:block; margin:auto;}

.pc .en{ text-align:center; font-size:18px; line-height:30px; height:30px; color:#999; text-transform:uppercase; margin-top:42px;}
.pc .cn{ text-align:center; font-size:30px; line-height:52px; height:52px;}
.pc .time{ text-align:center; font-size:14px; color:#666;}
.pc .time p{ display:inline-block; margin:0 20px; height:30px; line-height:30px;}
.pc .wen{ font-size:14px; line-height:24px; margin-top:20px; margin-bottom:25px;}
.pc .fang{ width:152px; height:32px; line-height:32px; background-color:#db2001; margin:auto;}
.pc .fang a{ width:100%; display:block; height:32px; color:#fff; text-align:center;}
.pc .bix{ width:100%; margin:25px auto; text-align:center;}
.pc .bix span{ display:block; font-size:18px; line-height:26px; height:26px; color:#999; text-transform:uppercase; background-image:url(../images/xian.jpg); background-position:center; background-repeat:no-repeat; overflow:hidden;}
.pc .bix a{ display:block; font-size:72px; line-height:84px; height:84px; text-transform:uppercase; overflow:hidden;}
.pc .bix p{ display:block; font-size:14px; line-height:24px; color:#999; overflow:hidden;}

.detail-bottom{ width:100%; overflow:hidden;}
.detail-bottom .copyright-text{ float:left; line-height:24px; font-size:14px; width:100%;}
.detail-bottom .float-right{ float:right; text-align:right; vertical-align:top; width:100%;}
.detail-bottom .float-right span{ display:inline-block; height:48px; line-height:48px; font-size:16px; vertical-align:top;}
.detail-bottom .float-right a{ display:inline-block; margin-left:7px; width:48px; height:48px; vertical-align:top;}
.detail-bottom .float-right a img{ display:block; height:48px;}
.nnav-article{ width:100%; padding-top:15px; border-top:1px solid #cacaca; margin-top:15px;}
.nnav-article p{ display:block; width:100%; float:left; font-size:14px; height:24px; line-height:24px; overflow:hidden;}
.nnav-article span{ display:block; width:100%; float:left; font-size:14px; height:24px; line-height:24px; overflow:hidden;}
.nnav-article a:hover{ color:#db2001;}
}

@media screen and (min-width:1280px){
.cbox{ width:100%; background-color:#f0f0f0; padding-top:73px; padding-bottom:80px;}
.cbox .box{ width:1200px; margin:auto;}
.cbox .box .title{ width:100%; text-align:center; margin-bottom:19px;}
.cbox .box .title strong{ display:block; font-size:30px; height:42px; line-height:42px; color:#db2001; overflow:hidden;}
.cbox .box .title span{ display:block; font-size:18px; height:32px; line-height:32px; background-image:url(../images/xian01.jpg); background-position:center; background-repeat:no-repeat; text-transform:uppercase; overflow:hidden;}
.cbox .box .title p{ display:block; font-size:14px; height:34px; line-height:34px; color:#999; overflow:hidden;}
.cbox .box ul{ display:block; overflow:hidden; width:1221px; margin-right:21px;}
.cbox .box ul li{ width:284px; display:block; float:left; margin-right:21px; height:230px; overflow:hidden;}
.cbox .box ul li strong{ width:100%; display:block; height:190px; overflow:hidden;}
.cbox .box ul li strong img{ width:100%; display:block;
	transition-delay: 0s;
    transition-duration: 1s;
    transition-property: all;
    transition-timing-function: ease;
	/* Firefox 4 */
	-moz-transition-delay: 0s;
    -moz-transition-duration: 1s;
    -moz-transition-property: all;
    -moz-transition-timing-function: ease;
	/* Safari 和 Chrome */
	-webkit-transition-delay: 0s;
    -webkit-transition-duration: 1s;
    -webkit-transition-property: all;
    -webkit-transition-timing-function: ease;
	/* Opera */
	-o-transition-delay: 0s;
    -o-transition-duration: 1s;
    -o-transition-property: all;
    -o-transition-timing-function: ease;
}
.cbox .box ul li span{ width:100%; height:40px; line-height:40px; background-color:#fff; text-align:center; font-size:14px; overflow:hidden; display:block;}
.cbox .box ul li:hover span{ background-color:#db2001; color:#fff;}
.cbox .box ul li:hover img {
	transform: scale(1.1, 1.1);
	-ms-transform:scale(1.1, 1.1);
	-moz-transform:scale(1.1, 1.1);
	-webkit-transform:scale(1.1, 1.1);
	-o-transform:scale(1.1, 1.1); 
}
}

@media screen and (min-width:769px) and (max-width:1279px){
.cbox{ width:100%; background-color:#f0f0f0; padding:50px; box-sizing:border-box;}
.cbox .box{ width:100%; margin:auto;}
.cbox .box .title{ width:100%; text-align:center; margin-bottom:19px;}
.cbox .box .title strong{ display:block; font-size:30px; height:42px; line-height:42px; color:#db2001; overflow:hidden;}
.cbox .box .title span{ display:block; font-size:18px; height:32px; line-height:32px; background-image:url(../images/xian01.jpg); background-position:center; background-repeat:no-repeat; text-transform:uppercase; overflow:hidden;}
.cbox .box .title p{ display:block; font-size:14px; height:34px; line-height:34px; color:#999; overflow:hidden;}
.cbox .box ul{ display:block; overflow:hidden; margin-left:-10px; margin-right:-10px;}
.cbox .box ul li{ width:25%; display:block; float:left; padding:0 10px; box-sizing:border-box; overflow:hidden;}
.cbox .box ul li strong{ width:100%; display:block; overflow:hidden; background-size:cover;}
.cbox .box ul li strong img{ width:100%; display:block; visibility:hidden;}
.cbox .box ul li span{ width:100%; height:40px; line-height:40px; background-color:#fff; text-align:center; font-size:14px; overflow:hidden; display:block;}
.cbox .box ul li:hover span{ background-color:#db2001; color:#fff;}
}

@media only screen and (max-width:768px){
.cbox{ width:100%; background-color:#f0f0f0; padding:25px; box-sizing:border-box;}
.cbox .box{ width:100%; margin:auto;}
.cbox .box .title{ width:100%; text-align:center;}
.cbox .box .title strong{ display:block; font-size:24px; height:30px; line-height:30px; color:#db2001; overflow:hidden;}
.cbox .box .title span{ display:block; font-size:18px; height:32px; line-height:32px; background-image:url(../images/xian01.jpg); background-position:center; background-repeat:no-repeat; text-transform:uppercase; overflow:hidden;}
.cbox .box .title p{ display:block; font-size:14px; line-height:24px; color:#999; overflow:hidden;}
.cbox .box ul{ display:block; overflow:hidden; margin-left:-10px; margin-right:-10px;}
.cbox .box ul li{ width:50%; display:block; float:left; padding:10px; box-sizing:border-box; overflow:hidden;}
.cbox .box ul li strong{ width:100%; display:block; overflow:hidden; background-size:cover;}
.cbox .box ul li strong img{ width:100%; display:block; visibility:hidden;}
.cbox .box ul li span{ width:100%; height:30px; line-height:30px; background-color:#fff; text-align:center; font-size:14px; overflow:hidden; display:block;}
.cbox .box ul li:hover span{ background-color:#db2001; color:#fff;}
}

/*news*/
@media screen and (min-width:1280px){
.list01{ width:100%;}
.list01 ul{ margin-left:-65px; margin-right:-65px; display:block;}
.list01 ul li{ display:block; width:50%; padding:20px 65px; box-sizing:border-box; float:left;}
.list01 ul li .tu{ width:260px; height:160px; overflow:hidden;}
.list01 ul li .tu img{ width:100%; display:block;}
.list01 ul li .time{ height:28px; line-height:28px; margin-top:10px;}
.list01 ul li .time span{ font-size:18px; width:20px; display:block; float:left;}
.list01 ul li .time a{ font-size:14px; display:block; float:left;}
.list01 ul li .biao{ height:36px; line-height:36px;}
.list01 ul li .biao span{ font-size:18px; width:20px; display:block; float:left; width:0; height:1px; background-color:#db2001; margin-top:17px; transition:width 0.5s; -moz-transition:width 0.5s; -webkit-transition:width 0.5s; -o-transition:width 0.5s;}
.list01 ul li .biao a{ font-size:18px; display:block; float:left;}
.list01 ul li:hover .biao span{ width:60px; margin-right:10px;}
.list01 ul li:hover .biao a{ color:#db2001;}
.list01 ul li .wen{ height:48px; line-height:24px; font-size:14px; color:#666;}
}

@media screen and (min-width:769px) and (max-width:1279px){
.list01{ width:100%;}
.list01 ul{ margin-left:-30px; margin-right:-30px; display:block;}
.list01 ul li{ display:block; width:50%; padding:20px 30px; box-sizing:border-box; float:left;}
.list01 ul li .tu{ width:260px; height:160px; overflow:hidden;}
.list01 ul li .tu img{ width:100%; display:block;}
.list01 ul li .time{ height:28px; line-height:28px; margin-top:10px;}
.list01 ul li .time span{ font-size:18px; width:20px; display:block; float:left;}
.list01 ul li .time a{ font-size:14px; display:block; float:left;}
.list01 ul li .biao{ height:26px; line-height:26px;}
.list01 ul li .biao span{ font-size:18px; width:20px; display:block; float:left; width:0; height:1px; background-color:#db2001; margin-top:17px; transition:width 0.5s; -moz-transition:width 0.5s; -webkit-transition:width 0.5s; -o-transition:width 0.5s;}
.list01 ul li .biao a{ font-size:18px; display:block; float:left;}
.list01 ul li:hover .biao span{ width:60px; margin-right:10px;}
.list01 ul li:hover .biao a{ color:#db2001;}
.list01 ul li .wen{ height:48px; line-height:24px; font-size:14px; color:#666;}
}

@media only screen and (max-width:768px){
.list01{ width:100%;}
.list01 ul{ width:100%; display:block;}
.list01 ul li{ display:block; width:100%; padding:15px 0;}
.list01 ul li .tu{ width:260px; height:160px; overflow:hidden;}
.list01 ul li .tu img{ width:100%; display:block;}
.list01 ul li .time{ height:28px; line-height:28px; margin-top:10px;}
.list01 ul li .time span{ font-size:18px; width:20px; display:block; float:left;}
.list01 ul li .time a{ font-size:14px; display:block; float:left;}
.list01 ul li .biao{ height:26px; line-height:26px;}
.list01 ul li .biao span{ font-size:18px; width:20px; display:block; float:left; width:0; height:1px; background-color:#db2001; margin-top:17px; transition:width 0.5s; -moz-transition:width 0.5s; -webkit-transition:width 0.5s; -o-transition:width 0.5s;}
.list01 ul li .biao a{ font-size:18px; display:block; float:left;}
.list01 ul li:hover .biao a{ color:#db2001;}
.list01 ul li .wen{ height:48px; line-height:24px; font-size:14px; color:#666;}
}

/*news*/
@media screen and (min-width:1280px){
.section{
	width:100%;
	overflow:hidden;
    min-height: auto;
    background-color: #202020;
    color: #FFF;
	position:relative;
}
.section .container {
    max-width: 1400px;
	width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
	-webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.section .container .left{
    padding: 100px 0 70px;
    width: 50%;
	-webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.heading-v4 {
    color: #db2001;
    padding-right: 70px;
}
.heading-v4 .heading-num {
    font-size: 62px;
    float: left;
    letter-spacing: -7px;
    line-height: 1em;
    position: relative;
    top: -3px;
    margin-right: 12px;
}
.heading-v4 h3 {
    font-size: 24px;
	margin-bottom: 0.5rem;
    font-family: inherit;
    font-weight: 500;
    line-height: 1.2;
    color: inherit;
}
.heading-v4 .en {
    font-size: 18px;
    color: #FFF;
    text-transform: uppercase;
	display:block;
}
.heading-v4 p {
    clear: both;
    font-size: 24px;
    color: #ffffff;
    margin: 30px 0 0;
}
.navl {
    margin-top: 30px;
    position: relative;
    z-index: 9;
}
.navl li {
    padding: 22px 0;
	display:block;
}
.navl li .tu{
    padding: 7px;
    font-size: 34px;
    background-color: rgba(255, 255, 255, 0.5);
    border-radius: 50%;
    float: left;
    -webkit-transition: background-color .35s, color .35s;
    -o-transition: background-color .35s, color .35s;
    transition: background-color .35s, color .35s;
	float: right;
	-webkit-transform: translate3d(50%, 0, 0);
    transform: translate3d(50%, 0, 0);
}
.navl li .tu p{
    width: 2em;
    height: 2em;
    background-color: #FFF;
    line-height: 2em;
    text-align: center;
    border-radius: 50%;
    color: #db2001;
	background-position:center;
	background-repeat:no-repeat;
}
.navl li .wen{
    text-align: right;
}
.navl li .wen:before {
    content: "";
    display: block;
    width: 160px;
    border-top: 1px solid #fff;
    opacity: .5;
    float: left;
    margin-top: 41px;
    margin-left: 25px;
    -webkit-transition: width .35s;
    -o-transition: width .35s;
    transition: width .35s;
    float: right;
    margin-right: -10px;
    margin-left: 0;
}
.navl li .wen h5 {
    margin-bottom: 0;
    font-size: 18px;
    color: #FFF;
    overflow: hidden;
    padding-top: 28px;
    padding-left: 25px;
    padding-bottom: 5px;
	padding-right: 35px;
	font-weight:normal;
}
.navl li .wen h5 span {
    display: block;
}
.navl li .wen h5 span.en {
    font-size: 14px;
    opacity: .5;
    margin-top: 5px;
}
.section .service-img {
    width: 50%;
    position: absolute;
    right: 0;
    height: 100%;
    top: 0;
	background-size:cover;
	background-repeat:no-repeat;
}

.navl li:hover .tu{ background-color: #db2001 !important; }
.navl li:hover .wen:before { width: 220px; }

.section:nth-child(2n+1) .service-img { right: 50%; }
.section:nth-child(2n+1) .left { margin-left: 50%; }
.section:nth-child(2n+1) .heading-v4 { padding-right: 0; padding-left: 70px; }
.section:nth-child(2n+1) .wen { text-align: left; }
.section:nth-child(2n+1) .wen:before { float: left; margin-right: 0; margin-left: -10px; }
.section:nth-child(2n+1) .wen h5 { padding-left: 35px; padding-right: 0; }
.section:nth-child(2n+1) .tu { float: left; -webkit-transform: translate3d(-50%, 0, 0); transform: translate3d(-50%, 0, 0); }
}

@media screen and (min-width:769px) and (max-width:1279px){
.section{
	width:100%;
	overflow:hidden;
    min-height: auto;
    background-color: #202020;
    color: #FFF;
	position:relative;
}
.section .container {
    max-width: 960px;
	width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
	-webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.section .container .left{
    padding: 100px 0 70px;
    width: 50%;
	-webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.heading-v4 {
    color: #db2001;
    padding-right: 70px;
}
.heading-v4 .heading-num {
    font-size: 62px;
    float: left;
    letter-spacing: -7px;
    line-height: 1em;
    position: relative;
    top: -3px;
    margin-right: 12px;
}
.heading-v4 h3 {
    font-size: 24px;
	margin-bottom: 0.5rem;
    font-family: inherit;
    font-weight: 500;
    line-height: 1.2;
    color: inherit;
}
.heading-v4 .en {
    font-size: 18px;
    color: #FFF;
    text-transform: uppercase;
	display:block;
}
.heading-v4 p {
    clear: both;
    font-size:20px;
    color: #ffffff;
    margin: 30px 0 0;
}
.navl {
    margin-top: 30px;
    position: relative;
    z-index: 9;
}
.navl li {
    padding: 22px 0;
	display:block;
}
.navl li .tu{
    padding: 7px;
    font-size: 34px;
    background-color: rgba(255, 255, 255, 0.5);
    border-radius: 50%;
    float: left;
    -webkit-transition: background-color .35s, color .35s;
    -o-transition: background-color .35s, color .35s;
    transition: background-color .35s, color .35s;
	float: right;
	-webkit-transform: translate3d(50%, 0, 0);
    transform: translate3d(50%, 0, 0);
}
.navl li .tu p{
    width: 2em;
    height: 2em;
    background-color: #FFF;
    line-height: 2em;
    text-align: center;
    border-radius: 50%;
    color: #db2001;
	background-position:center;
	background-repeat:no-repeat;
}
.navl li .wen{
    text-align: right;
}
.navl li .wen:before {
    content: "";
    display: block;
    width: 100px;
    border-top: 1px solid #fff;
    opacity: .5;
    float: left;
    margin-top: 41px;
    margin-left: 25px;
    -webkit-transition: width .35s;
    -o-transition: width .35s;
    transition: width .35s;
    float: right;
    margin-right: -10px;
    margin-left: 0;
}
.navl li .wen h5 {
    margin-bottom: 0;
    font-size: 18px;
    color: #FFF;
    overflow: hidden;
    padding-top: 28px;
    padding-left: 25px;
    padding-bottom: 5px;
	padding-right: 35px;
	font-weight:normal;
}
.navl li .wen h5 span {
    display: block;
}
.navl li .wen h5 span.en {
    font-size: 14px;
    opacity: .5;
    margin-top: 5px;
}
.section .service-img {
    width: 50%;
    position: absolute;
    right: 0;
    height: 100%;
    top: 0;
	background-size:cover;
	background-repeat:no-repeat;
}
.section .service-img img{ display:none;}

.navl li:hover .tu{ background-color: #db2001 !important; }
.navl li:hover .wen:before { width:160px; }

.section:nth-child(2n+1) .service-img { right: 50%; }
.section:nth-child(2n+1) .left { margin-left: 50%; }
.section:nth-child(2n+1) .heading-v4 { padding-right: 0; padding-left: 70px; }
.section:nth-child(2n+1) .wen { text-align: left; }
.section:nth-child(2n+1) .wen:before { float: left; margin-right: 0; margin-left: -10px; }
.section:nth-child(2n+1) .wen h5 { padding-left: 35px; padding-right: 0; }
.section:nth-child(2n+1) .tu { float: left; -webkit-transform: translate3d(-50%, 0, 0); transform: translate3d(-50%, 0, 0);}
}

@media only screen and (max-width:768px){
.section{
	width:100%;
	overflow:hidden;
    min-height: auto;
    background-color: #202020;
    color: #FFF;
	position:relative;
}
.section .container {
	width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
	-webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.section .container .left{
    padding: 50px 0 30px;
    width: 100%;
	-webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.heading-v4 {
    color: #db2001;
}
.heading-v4 .heading-num {
    font-size:52px;
    float: left;
    letter-spacing: -7px;
    line-height: 1em;
    position: relative;
    top: -3px;
    margin-right: 12px;
}
.heading-v4 h3 {
    font-size: 24px;
	margin-bottom: 0.5rem;
    font-family: inherit;
    font-weight: 500;
    line-height: 1.2;
    color: inherit;
}
.heading-v4 .en {
    font-size: 12px;
    color: #FFF;
    text-transform: uppercase;
	display:block;
}
.heading-v4 p {
    clear: both;
    font-size: 16px;
    margin-top: 15px;
    color: #ffffff;
}
.navl {
    margin-top: 30px;
    position: relative;
    z-index: 9;
}
.navl li {
    padding: 12px 0;
	display:block;
}
.navl li .tu{
    font-size: 28px;
    padding: 5px;
    background-color: rgba(255, 255, 255, 0.5);
    border-radius: 50%;
    float: left;
    -webkit-transition: background-color .35s, color .35s;
    -o-transition: background-color .35s, color .35s;
    transition: background-color .35s, color .35s;
}
.navl li .tu p{
    width: 2em;
    height: 2em;
    background-color: #FFF;
    line-height: 2em;
    text-align: center;
    border-radius: 50%;
    color: #db2001;
	background-position:center;
	background-repeat:no-repeat;
}
.navl li .wen{
    text-align: left;
}
.navl li .wen:before {
    content: "";
    display: block;
        margin-top: 33px;
    margin-left: 15px;
    width: 40px;
    border-top: 1px solid #fff;
    opacity: .5;
    float: left;
    -webkit-transition: width .35s;
    -o-transition: width .35s;
    transition: width .35s;
    float: left;
}
.navl li .wen h5 {
    margin-bottom: 0;
    font-size: 18px;
    color: #FFF;
    overflow: hidden;
    padding-top: 18px;
    padding-left: 15px;
	padding-bottom: 5px;
	font-weight:normal;
}
.navl li .wen h5 span {
    display: block;
}
.navl li .wen h5 span.en {
    font-size: 14px;
    opacity: .5;
    margin-top: 5px;
}
.service-img {
    width: 100%;
    position: relative;
    height: 250px;
    right: 0;
	background-size:cover;
}
.navl li:hover .tu{ background-color: #db2001 !important; }
.navl li:hover .wen:before { width:160px; }
}

/*留言*/
@media screen and (min-width:1280px){
.cont01{ width:100%; background-image:url(../images/cont.jpg); background-size:cover; display:flex;}
.cont01 .box{ width:100%; padding:70px 100px; box-sizing:border-box; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center;}
.cont01 .box .nei{ margin:auto; text-align:center;}
.cont01 .box .nei span{ display:block; font-size:26px; margin-bottom:1em;}
.cont01 .box .nei p{ display:block; font-size:14px;}
.cont01 .box .nei strong{ display:block; width:100%; margin:2em auto;}
.cont01 .box .nei strong img{ display:block; margin:auto; max-width:100%;}
.cont01 .box .nei a{ display:block; font-size:14px; width:120px; height:30px; margin:auto; border:1px solid #db2001; color:#db2001; line-height:30px;}
.cont01 .box .nei a:hover{ color:#fff; background-color:#db2001;}
}

@media screen and (min-width:769px) and (max-width:1279px){
.cont01{ width:100%; background-image:url(../images/cont.jpg); background-size:cover; display:flex;}
.cont01 .box{ width:100%; padding:50px; box-sizing:border-box; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center;}
.cont01 .box .nei{ margin:auto; text-align:center;}
.cont01 .box .nei span{ display:block; font-size:26px; margin-bottom:1em;}
.cont01 .box .nei p{ display:block; font-size:14px;}
.cont01 .box .nei strong{ display:block; width:100%; margin:2em auto;}
.cont01 .box .nei strong img{ display:block; margin:auto; max-width:100%;}
.cont01 .box .nei a{ display:block; font-size:14px; width:120px; height:30px; margin:auto; border:1px solid #db2001; color:#db2001; line-height:30px;}
.cont01 .box .nei a:hover{ color:#fff; background-color:#db2001;}
}

@media only screen and (max-width:768px){
.cont01{ width:100%; background-image:url(../images/cont.jpg); background-size:cover; display:flex;}
.cont01 .box{ width:100%; padding:25px; box-sizing:border-box; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center;}
.cont01 .box .nei{ margin:auto; text-align:center;}
.cont01 .box .nei span{ display:block; font-size:26px; margin-bottom:1em;}
.cont01 .box .nei p{ display:block; font-size:14px; line-height:1.5em;}
.cont01 .box .nei strong{ display:block; width:100%; margin:1em auto;}
.cont01 .box .nei strong img{ display:block; margin:auto; max-width:100%;}
.cont01 .box .nei a{ display:block; font-size:14px; width:120px; height:30px; margin:auto; border:1px solid #db2001; color:#db2001; line-height:30px;}
.cont01 .box .nei a:hover{ color:#fff; background-color:#db2001;}
}

/*弹出框*/
#btn1{ cursor: pointer;}
.xcConfirm .xc_layer{position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: #666666; opacity: 0.5; z-index: 2147000000;}
.xcConfirm .popBox{position: fixed; left: 50%; top: 50%; padding-bottom: 20px; background-color: #ffffff; z-index: 2147000001; width: 570px; margin-left: -285px; margin-top: -160px; border-radius: 5px; font-weight: bold; color: #535e66;}
.xcConfirm .popBox .ttBox{height: 30px; line-height: 30px; padding: 14px 30px; border-bottom: solid 1px #eef0f1;}
.xcConfirm .popBox .ttBox .tt{font-size: 18px; display: block; float: left; height: 30px; position: relative;}
.xcConfirm .popBox .ttBox .clsBtn{display: block; cursor: pointer; width: 12px; height: 12px; position: absolute; top: 22px; right: 30px; background: url(__PUBLIC__/Home/PC/images/icons.png) -48px -96px no-repeat;}
.xcConfirm .popBox .txtBox{margin: 40px 100px; overflow: hidden;}
.xcConfirm .popBox .txtBox .bigIcon{float: left; margin-right: 20px; width: 48px; height: 48px; background-image: url(__PUBLIC__/Home/PC/images/icons.png); background-repeat: no-repeat; background-position: 48px 0;}
.xcConfirm .popBox .txtBox p{ margin-top: 16px; line-height: 26px; overflow-x: hidden; overflow-y: auto;}
.xcConfirm .popBox .btnArea{border-top: solid 1px #eef0f1;}
.xcConfirm .popBox .btnGroup{float: right;}
.xcConfirm .popBox .btnGroup .sgBtn{margin-top: 14px; margin-right: 10px;}
.xcConfirm .popBox .sgBtn{display: block; cursor: pointer; float: left; width: 95px; height: 35px; line-height: 35px; text-align: center; color: #FFFFFF; border-radius: 5px;}
.xcConfirm .popBox .sgBtn.ok{background-color: #0095d9; color: #FFFFFF;}
.xcConfirm .popBox .sgBtn.cancel{background-color: #546a79; color: #FFFFFF;}

#plv_279e73a1639eef3e4ab70ec5c63c0044_2{ width:100%; height:100%; overflow:hidden; z-index:0 !important;}
#plv_279e73a1639eef3e4ab70ec5c63c0044_2 iframe{ z-index:0 !important;}