*{font-family: "微软雅黑";}
body{overflow-x: hidden; min-width:1200px}
ul{padding: 0; margin:0}
li{list-style: none;}
a{text-decoration:none;}
img,a,div{padding:0; margin:0}
img{vertical-align:middle}
p,dd,dt{margin:0}
.fl{float: left;}
.fr{float: right;}
.clear{clear:both}
.ovfl{overflow:hidden}
a:hover{color: #fff; text-decoration: none;}
.lazy{animation: moveup_200 1s; width: auto; height: auto;}
@keyframes moveup_200{from{margin-top: 200px;} to{margin-top: 0;}}
.am25{animation: moveup_25 1s;}
@keyframes moveup_25{from{margin-top: 200px;} to{margin-top: 25px;}}
.am30{animation: moveup_30 1s;}
@keyframes moveup_30{from{margin-top: 200px;} to{margin-top: 30px;}}
.am94{animation: moveup_94 1s;}
@keyframes moveup_94{from{margin-top: 200px;} to{margin-top: 94px;}}
.am125{animation: moveup_125 1s;}
@keyframes moveup_125{from{margin-top: 200px;} to{margin-top: 125px;}}
.am20{animation: moveup_20 1s;}
@keyframes moveup_20{from{margin-top: 200px;} to{margin-top: 20px;}}
.amt20{animation: moveup_t20 1s;}
@keyframes moveup_t20{from{transform: translateY(200px);} to{transform: translateY(0px);}}
.am100{animation: moveup_100 1s;}
@keyframes moveup_100{from{margin-top: 200px;} to{margin-top: 100px;}}
.am80{animation: moveup_80 1s;}
@keyframes moveup_80{from{margin-top: 200px;} to{margin-top: 80px;}}
.am40{animation: moveup_40 1s;}
@keyframes moveup_40{from{margin-top: 200px;} to{margin-top: 40px;}}
.am135{animation: moveup_135 1s;}
@keyframes moveup_135{from{margin-top: 200px;} to{margin-top: 135px;}}
.carousel-indicators .active{background: #ce211b; border: none;}
.item img{width: 100%;}

#header{width:100%; height:108px;  z-index:888; background:#fff; overflow:visible;   z-index:999;  border-bottom:1px solid rgba(255,255,255,0.2); position: relative;}
#header .nav{width:1200px; margin: 0 auto; overflow:visible; position:relative;} 
#logo{float:left; margin:0px; padding:0px; width:330px; height:108px; background:url(../images/logo.png) no-repeat left center;} 
#logo a{float:left; display:block; width:100%; height:108px;}
#sddm{width:820px; z-index:30; float:right} 	
#sddm li{float: left;font-weight:normal; border-left:1px solid rgba(255,255,255,0.1)} 
#sddm .currentli a{background:none;} 
#sddm li a{color: #222; font-size: 16px; line-height: 108px;  padding: 0 25px;  height: 108px;  display: block; transition: all .36s;} 
#sddm li p{font-size:10px;font-weight:normal;color:#222;text-transform:uppercase;} 
#sddm li a:hover{text-decoration:none;color:#fff; background:#6a3906} 
#sddm div{position: absolute;visibility: hidden;background:#FFF;padding:0px 0px;filter: alpha(opacity=55);top:108px; margin-left:0px} 
#sddm div a{position: relative;padding: 0px 5px;width:104px;text-align: center; color: #222;font-size:14px;font-weight:normal;text-decoration:none;line-height:40px;height:40px;border-bottom:1px solid #aaa; overflow:hidden} 
#sddm div a:hover{background:#6a3906;color:#fff;font-weight:bold; border-bottom:1px solid #888;}



.nav-box{left: 0; top:0; z-index: 99; width: 100%; background: rgba(255,255,255,.1); border-bottom: 1px solid rgba(255, 255, 255, 0.1);}
.n1{position: fixed; left: 0; right: 0; display: flex; justify-content: center; flex-direction: column; z-index: 999999;}
.n2{position: fixed; z-index: 999999;}
.header-box{position: relative;}
.middle{width: 1200px; margin: 0 auto;}
.nav-box li{float: left; border-right: 1px solid rgba(255,255,255,.1); transition: all .36s;}
.nav-box .logo{margin: 37px 0; transition: all .36s;}
.n102 .logo{margin: 26px 0; transition: all .36s;}
.nav-box li a{color: #fff; font-size: 16px; line-height: 112px; padding: 0 38px; height: 112px; display: block; transition: all .36s;}
.n102 li a{height: 88px; line-height: 88px; transition: all .36s;}
.nav-box ul{margin: 0;}
.nav-box li:hover{background: rgba(255,255,255,.15);}
.n102 li:hover{background: rgba(215,0,15,1);}

.fs { height: 524px; overflow: hidden;}
.fs>h3{text-align: center; font-size: 35px; color: #222; padding: 0; z-index:999; margin-top:80px}
.fs>h4{text-align: center; font-size: 18px; color: #666; margin:-25px 0 65px; font-weight:400;}
.fs .content{width:1200px; margin:0 auto}
.fs .content ul{width:102%;}
.fs ul { height: 227px;}
.fs li { float: left; width: 190px; height: 165px;  margin-right: 10px; text-align: center; position:relative;}
.fs li .box{width: 190px; height: 165px; border: 1px solid #404040; margin-right: 10px; text-align: center; font-size: 12px; color: #ffffff; background:#4d4d4d; position:absolute; bottom: 0px; left: 0; z-index:999;cursor: pointer;  transition: all 1s;	-moz-transition: all 1s; -webkit-transition: all 1s;-o-transition: all 1s; line-height: 24px;}
.fs li .bt_yy{width: 190px; height: 20px; text-align: center; overflow:hidden;  position:absolute; bottom: -15px; left: 0;}
.fs li .box p { font: 35px "Impact"; padding: 40px 0 15px; line-height: 40px;  transition: all 1s;	-moz-transition: all 1s; -webkit-transition: all 1s;-o-transition: all 1s;}
.fs li:last-child { margin-right: 0;}
.fs li:hover .box{bottom: 15px; background: url("../images/fsline.png") no-repeat center #6a3906;}
.fs li:hover .box p{transform:rotateY(360deg); -webkit-transform:rotateY(360deg); -moz-transform:rotateY(360deg); -o-transform:rotateY(360deg); }}
.fs .fsa { margin-left: 398px;}
.fs .fsa p { height: 46px; font-size: 14px; color: #ffffff; float: left; padding-left: 60px; background: url("../images/fst.png") no-repeat left center;}
.fs .fsa p span { display: block; font-size: 24px;}
.fs .fsa a { display: block; float: left; width: 166px; height: 44px; background: #ffffff; border-radius: 22px; font-size: 16px; color: #000000; text-align: center; line-height: 44px; margin-left: 20px;}

.ys{ height: 850px; overflow: hidden; position: relative;}
.ys .ystit {position: absolute; width:800px; top: 0; left: 50%; margin-left:-400px; z-index:999}
.ys .ystit>h3{text-align: center; font-size: 35px; color: ##222; padding: 0; z-index:999; margin-top:80px}
.ys .ystit>h4{text-align: center; font-size: 18px; color: #888; margin:-25px 0 65px; font-weight:400;}
.ys_con .ys_item{width:100%}
.ys_con dl, .ys_box2{ height: 827px;}
.ys_con .ys1{ background:#e6e6e6; background-size:cover;}
.ys_con .ys2{ background:#e6e6e6; background-size:cover;}


.ys_box1 { margin:180px auto 0; width:1200px; overflow:hidden;}
.ys_box1 dl { float:left; width:240px;}
.ys_box1 dl dt{width:240px; height:240px; overflow:hidden}
.ys_box1 dl dt a img { display:block; width:240px; height:240px; cursor: pointer; transition: all 1s; -moz-transition: all 1s; -webkit-transition: all 1s; -o-transition: all 1s;}
.ys_box1 dl dt:hover a img {transform:scale(1.4);-ms-transform:scale(1.4); -moz-transform:scale(1.4); -webkit-transform:scale(1.4); -o-transform:scale(1.4); }
.ys_box1 dl dd { display:block; width:180px; height:190px; padding:50px 30px 0; text-align:center; background:rgba(255,255,255,1); margin:0}
.ys_box1 dl dd b a {display:block; font-size:20px; color:#000; margin:20px 0 0;}
.ys_box1 dl dd i {width:25px; height:2px; background:#6a3906; margin:15px auto; display:block; line-height:0; font-size:0}
.ys_box1 dl dd span { display:block; font-size:14px; color:#555; line-height:30px;}

.ys_box2{ margin:168px auto 0; width:1200px; text-align: center;padding-bottom: 120px; overflow:hidden}
.ys_box2 .tt{font-size: 36px;line-height: 36px;font-family: siyuan;padding-top: 80px;color: #444;}
.ys_box2 .en{color: #cbcbcb;font-size: 16px;line-height: 16px;margin-top: 20px;}
.ys_box2 dl{height: 435px;padding-top: 55px;}
.ys_box2 dl dd{-webkit-transition: all .3s; -moz-transition: all .3s; transition: all .3s;cursor: pointer;position: relative; width: 11.2%;float: left;margin-right: 0.8%;box-sizing: border-box;border:1px solid #ddd;height: 100%;background: url(../images/slogo.jpg)center no-repeat;background-size: cover;}
.ys_box2 dl dd:nth-child(2){background: url(../images/svi.jpg)center no-repeat;}
.ys_box2 dl dd:nth-child(3){background: url(../images/slp.jpg)center no-repeat;}
.ys_box2 dl dd:nth-child(4){background: url(../images/sdx.jpg)center no-repeat;}
.ys_box2 dl dd:nth-child(5){background: url(../images/szt.jpg)center no-repeat;}
.ys_box2 dl dd:nth-child(6){background: url(../images/sggp.jpg)center no-repeat;}
.ys_box2 dl dd .top{margin-top: 150px;-webkit-transition: all .3s; -moz-transition: all .3s; transition: all .3s;}
.ys_box2 dl dd .txt{font-size: 18px;color: #fff;font-weight: bold;margin-top: 10px; text-shadow:2px 2px 2px #000}
.ys_box2 dl dd.act .top{margin-top: 120px;-webkit-transition: all .3s; -moz-transition: all .3s; transition: all .3s;} 
.ys_list{ position: absolute; bottom: 0; left: 50%; margin-left: -500px;}
.ys_list a{width: 500px; float: left; color: #fff; font-size: 22px; background-color: #000; background-repeat: no-repeat; background-position: center 20px; line-height: 35px; padding: 55px 0 10px; text-align: center; border-left: 1px solid #000; border-right: 0px solid #000;  position: relative;}
.ys_list a:before{ content: ""; width: 0; height: 0; border-color: transparent transparent #000 transparent; border-style: solid; border-width: 12px; position: absolute; left: 47%; top: -24px;}
.ys_list a:hover{text-decoration: none;}

.ys_list a.item1{ background-image: url(../images/ys_icon1.png);}
.ys_list a.item2{ background-image: url(../images/ys_icon2.png);}
.ys_list a:hover,.ys_list a.cur{background-color: #6b6b6b; border-left-color: #6b6b6b}
.ys_list a:hover:before,.ys_list a.cur:before{border-color: transparent transparent #6b6b6b transparent;}
/**/
@media   (min-width : 1200px){.ys_box2 dl dd.act{width: 39%;-webkit-transition: all .3s; -moz-transition: all .3s; transition: all .3s;}}



.case-tit{width: 100%; background: url("../images/case-tit-bg.jpg") no-repeat center; text-align: center; padding: 2% 0 2%; margin-top:30px}
.case-tit>h3{text-align: center; font-size: 40px; color: #222; padding-top: 20px; z-index:999;}
.case-tit>h4{text-align: center; font-size: 18px; color: #666; margin:-25px 0 65px; font-weight:400; }
.nav-case{width: 100%; background: #4d4d4d;}
.nav-case li a{color: #fff; font-size: 14px; padding: 20px 0; display: block; text-align: center; transition: all .5s;}
.nav-case li{float: left; width: 10%;}
.nav-case li a:hover{background: #770400;}
.case-img-box{width: 100%; overflow: hidden;}
.case-img{width: 25%; float: left; overflow: hidden;}
.case-img .case-photo{width: 100%; transition: all .5s;}
.case-img:hover .case-photo{transform: scale(1.2);}
.case-img a{display: block; width: 100%; position: relative; overflow: hidden;}
.case-text{position: absolute; left: 0; top:0; background: #4d4d4d; width: 100%; height: 100%; padding: 0 11%; opacity: 0; transition: opacity 1s;}
.case-text h1{color: #fff; font-size: 28px; margin-top: 30%;}
.case-text h6{color: #fff; font-size: 18px;}
.case-img:hover .case-text{opacity: 1;}
.more{color: #000; border: 1px solid #000; padding: 10px 36px; margin: 94px auto; display: block; width: 149px; transition-duration:0.5s; text-align:center}
.more:hover{background: #6a3906; color: #fff; border: 1px solid #4d4d4d;}
.ban-mid{background: #f2f2f2; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; /*padding: 6% 0 6%;*/ overflow: hidden; position: relative; height: 900px;}
.bm-pos{position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); width: 1200px;}
.ban-mid h1{color: #fff; font-size: 50px; text-align: center; /*margin-top: 150px;*/ margin-bottom: 25px; }
.ban-mid h5{color: #fff; font-size: 20px; text-align: center; /*margin-top: 180px;*/}
.ascendancy-box>h3{text-align: center; font-size: 35px; color: #464646; padding: 0; z-index:999; margin-top:90px}
.ascendancy-box>h4{text-align: center; font-size: 18px; color: #666; margin:-25px 0 65px; font-weight:400;}
.asc-list{width:1220px}
.asc-list li{float: left; width: 280px; margin: 0 10px; border: 1px solid #ddd; padding-bottom: 18px; transition-duration: .5s;}
.asc-list li .nimg img{width: 280px;height:200px}
.asc-list h3{font-size: 16px; color: #222; text-align: center; margin: 18px 0 15px;}
.asc-icon{width: 72px; height: 72px; border-radius: 72px; background: #464646; margin: 25px auto; text-align: center; display: block; color: #fff; font-size: 26px; line-height: 72px; position: relative;}
.asc-icon .add{font-size: 10px; position: absolute; right: 10px; top: -10px;}
.asc-list p{ color: #666; font-size: 14px; margin-bottom: 12px; padding:0 10px}
.asc-list li span{display:block; margin:20px auto 0; width:110px; height:32px; line-height:32px; background:#4d4d4d;text-align: center;  color: #fff; font-size: 14px;}
.asc-list li:hover{background: #6a3906; border: 1px solid #6a3906;}
.asc-list li:hover h3,.asc-list li:hover p{color: #fff;}
.asc-list li:hover span{ background:#eee;  color: #4d4d4d; }
.ascendancy-box{padding-bottom: 110px; border-bottom: 1px solid #c9caca;}
.epilogue-box{padding: 125px 0 85px; text-align: center;}
.epilogue-box h1{font-size: 42px; color: #464646; margin: 0 0 18px;}
.epilogue-box h3{color: #a7a7a7; font-size: 24px; margin: 0 0 50px;}
.epilogue-box a{padding: 10px 0; display: block; border: 1px solid #111; width: 150px; margin: 0 auto 20px; color: #000; transition-duration: .5s;}
.epilogue-box a:hover{background: #4d4d4d; color: #fff; border: 1px solid #4d4d4d;}
.epilogue-box h5{color: #a7a7a7; font-size: 18px; margin: 0;}
.footer-box{color: #c0c0c0; background: #222; padding-bottom: 20px; overflow: hidden; min-height:400px;}
.qr-code{margin-right: 30px;}
.footer-box h3{font-size: 12px; padding: 6px 0 23px; margin: 0;}
.footer-box hr{margin: 0 0 20px; width: 72%;}
.footer-box h2{font-size: 18px; margin: 5px 0 0px;}
.foot-nav{margin-left:30px}
.foot-nav>ul>li{float: left; margin-left: 70px; font-size: 18px;}
.fw {width:200px}
.fw ul li{float:left; width:50%}
.foot-nav li a{color: #c0c0c0; font-size: 14px; margin-bottom: 10px; display: block;}
.foot-ewm{text-align:center; line-height:2em; padding-top:10px;}
.foot-ewm p{padding:10px; color:#888; font-size: 13px;}
.flink{font-size:14px; color:#555; padding:10px 0; margin-top:20px}
.flink a{color:#555; padding:0 10px}
.mt{margin-top: 20px;}
.sc-text{width:160px}
.sc-text .p1{margin-bottom: 2px;  color:#666; font-size:13px;}
.sc-img{margin-top: 4px; margin-right: 10px;}
.sc li{float: left; width: 18%; padding: 0 1%;}
.sc{margin-bottom: 60px; border-bottom:1px solid #333; overflow:hidden; padding:25px 0}
.foot-box{background: #000;}
.foot-box .copyright{font-size: 12px; color: rgba(255,255,255,.4); text-align: center; margin: 0; padding: 15px 0;}
.foot-box .copyright a{font-size: 12px; color: rgba(255,255,255,.4);}
.nav-box-ph>.nav-ph-1{width: 100%; background: rgba(255,255,255,.3); padding: 20px 2%;}
.nav-box-ph{position: fixed; left: 0; top: 0; width: 100%; height: 100%;}
.nav-ph-icon{color: #fff; margin-left: 2%; font-size: 20px; cursor: pointer;}
.nav-box-ph>.nav-ph-2{width: 300px; height: 100%; background: #000; position: absolute; left: 0; top:50px; z-index: 9999999999;}
.views-box h1{/*margin-top: 100px;*/}
.views-box h2{/*margin-top: 150px;*/}
.views-text{/*margin-top: 250px;*/}
.n2{background: rgba(24,24,24,.9); display: block; top:-87px; transition:top .8s;}
.n2 .logo{margin: 25px 0;}
.n2 li a{height: 86px; line-height: 86px;}
.top01{top:0;}
/*banner开始*/
li{list-style: none;}
#focus-banner{position: relative; width: 100%; overflow: hidden;}
#focus-banner-list{position: relative; margin:0}
#focus-banner-list li{position: absolute; left: 0; top: 0; width: 100%; z-index: 10;}
#focus-banner-list li img{width: 100%;}
.focus-banner-img{display: block;}
#focus-banner-list .focus-banner-text{position: absolute; left: 50%; top: 0; width: 1000px; height: 100%; margin-left: -500px; text-align: center; color: #fff; font-size: 16px; text-align: center;}
#focus-banner .focus-handle{position: absolute; top: 50%; margin-top: -40px; z-index: 100; display: block; width: 80px; height: 80px; background-image: url("../images/focus_handle.png");}
#next-img{left: 0;}
#next-img{left: -20%; background-position: 0 0; transition: left 0.8s;}
#next-img:hover{background-position: 0 -80px;}
#focus-banner:hover #next-img{left: 50px;}
#prev-img{right: 0;}
#prev-img{right: -20%; background-position: -80px 0; transition: right 0.8s;}
#prev-img:hover{background-position: -80px -80px;}
#focus-banner:hover #prev-img{right: 50px;}
#focus-bubble{position: absolute; left: 50%; bottom: 50px; z-index: 999;}
#focus-bubble li{float: left; width: 8px; height: 8px; margin: 0 5px; border:1px #fff solid; cursor: pointer; background: #fff; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius:4px; }
#focus-bubble li a{display: block; width: 100%; height: 100%; filter:alpha(opacity=0);}
#focus-bubble li.current{background-color: #404040; border: 1px solid #404040;}
#focus-banner-list .fb-text{position: absolute; z-index: 10; color: #fff;}
/*banner文字开始*/
.b01-t-01{position: absolute; left:18%; top: 28%; font-size: 72px; color: #fff; margin-left: 500px; opacity: 0; transition: all 1s;}
.bt011{margin-left: 0; opacity: 1;}
.b01-t-03{position: absolute; left:18%; top: 50%; font-size: 24px; color: #fff; letter-spacing: 2px; padding: 2px 10px; background: #d7000f; margin-left: 500px; opacity: 0; transition: all 1s;}
.bt013{margin-left: 0; opacity: 1;}
.b01-t-02{position: absolute; left:18%; top: 40%; font-size: 24px; color: #fff; letter-spacing: 2px; font-weight: bold; margin-left: -500px; opacity: 0; transition: all 1s;}
.bt012{margin-left: 0; opacity: 1;}
.b02-t-01{position: absolute; left: 33%; top: 42%; font-size: 72px; color: #fff; margin-left: 500px; opacity: 0; transition: all 1s;}
.bt021{margin-left: 0; opacity: 1;}
.b02-t-02{position: absolute; left: 40%; top: 55%; color: #fff; font-size: 24px; font-weight: bold; letter-spacing: 2px; margin-left: -500px; opacity: 0; transition: all 1s;}
.bt022{margin-left: 0; opacity: 1;}
.b03-t-01{position: absolute; left: 36%; top: 34%; color: #fff; margin-left: -800px; opacity: 0; transition: all 1s;}
.bt031{margin-left: 0; opacity: 1;}
.b03-t-02{position: absolute; left: 30%; top: 57%; color: #fff; font-size: 60px; margin-left: 800px; opacity: 0; transition: all 1s;}
.bt032{margin-left: 0; opacity: 1;}
.b03-t-03{position: absolute; left: 42%; top: 57%; font-size: 24px; color: #fff; letter-spacing: 2px; font-weight: bold; opacity: 0; transition: all 1s;}
.bt033{opacity: 1;}
.bt-lo{margin-left:0px; opacity: 1;}
/*banner文字结束*/
/*banner结束*/
.nav-box .nav-active{background: rgba(255,255,255,.15); transition: all .65s;}
.n102 .nav-active{background: rgba(215,0,15,1);}
.nav-box .nav02-active{background: rgba(255,255,255,.15);}
.ab-banner{width: 100%;}
.ab-banner img{width: 100%;}
.ab-icon-box{padding: 3% 8% 6%; text-align: center;}
.ab-icon-box .ai-t{text-align: center; margin-bottom: 50px;}
.ab-icon-box .ai-t span{padding: 0 0 25px 0; border-bottom: 1px solid #ce211b; color: #595757; font-size: 48px;}
.ab-icon-box p{font-size: 18px; color: #595757;}
.ab-img-box li{float: left; width: 33.3%; box-shadow: 0 0 0 rgba(0,0,0,.15); transition: all .36s; overflow: hidden;}
.ab-img-box li:hover{box-shadow: 0 10px 25px rgba(0,0,0,.3); position: relative; z-index: 99998;}
.ab-img-box li img{transition: all .36s;}
.ab-img-box li:hover img{transform: scale(1.1,1.1);}
.ab-img-box li img{width: 100%;}
.ab-img-box{margin-top: 40px;}
.ab-ban-bg{height: 640px; width: 100%; background: url("../images/ab-ban2.jpg") repeat-x center 0; padding: 8% 0; text-align: center; overflow: hidden;}
.ab-ban-bg h2{color: #fff; font-size: 36px; padding-bottom: 35px; position: relative; /*margin: 600px 0 0;*/}
.ab-ban-bg h2:after{content: ""; position: absolute; left: 50%; bottom: 0; width: 108px; height: 2px; background: #ce211b; margin-left: -54px;}
.ab-ban-bg h3{color: #fff; font-size: 30px; /*margin: 700px 0 55px 0;*/ margin: 25px 0 55px 0;}
.ab-ban-bg h1{color: #fff; font-size: 67px; text-transform: uppercase; /*margin: 900px 0 0;*/ font-weight: bold; font-family: Arial;}
.profile-box{background: #fff;}
.profile-box .middle{padding:10px; color: #fff;}
.pff-l{height: 3px; width: 80px; background: #fff; margin-bottom: 45px;}
.pff-t{font-size: 74px; margin: 0; text-transform: uppercase; font-family: Arial;}
.pf-l{margin-right: 18px;}
.pf-t p{font-size: 16px; line-height: 25px;}
.pf-s h1{font-size: 130px; text-transform: uppercase; font-family: Arial; margin: 0 15px 0 0;}
.pf-s p{font-size: 45px; margin-bottom: 0; margin-top: 60px;}
.pf-th{padding-bottom: 50px; color:#555; font-size:14px; line-height:2em}
.partner img{float:left; border:1px solid #ddd; margin:5px;}
.inf-box{background: #4d4d4d;}
.inf-box ul{padding: 0; width:1200px; margin:0 auto; overflow:hidden; text-align:center}
.inf-box a{padding:0 150px; display:inline-block;  color: #fff; height: 50px; line-height: 50px; cursor: pointer; color:#fff}
.inf-box a:hover{background: #6e6e6e;}
ul{margin-bottom: 0;}
.inf-tit{padding: 90px 0 45px; border-bottom: 1px solid #c9caca;}
.inf-tit h1{color: #595757; text-align: center; font-size: 24px; margin: 0 0 35px 0;}
.inf-tit h5{margin: 0; color: #898989; font-size: 18px; text-align: center; font-weight:300}
.inf-body div{font-size: 14px; color: #727171; line-height: 30px; margin-bottom: 0;}
.inf-body{padding: 45px 0 65px;}
.ii1,.ii2{width: 100%; margin-top: 25px; margin-bottom: 35px;}
.ii1 img,.ii2 img{width: 100%;}
.inf-body p b{font-size: 18px; font-weight: bold;}
.inf-body h5{margin: 0 0 15px 0; text-align: center; text-transform: uppercase; font-weight: bold; color: #595757; letter-spacing: 1px;}
.inf-btn li{float: left; margin-right: 25px; width: 45%; overflow:hidden}
.btn-p{ height: 38px; text-align: center; border: 1px solid #d7000f; background: #fff; transition: all .5s; line-height: 38px;}
.btn-p:hover{background: #d7000f;}
.btn-p a{color: #d7000f;  }
.btn-p:hover a{color: #fff;}
.inf-btn ul{width: 1000px; margin: 0 auto; overflow:hidden}
.inf-btn{padding: 85px 0; border-bottom: 1px solid #c9caca; border-top: 1px solid #c9caca;}
.infor-tit1{padding: 85px 0; text-align: center;}
.inf-t1{font-size: 54px; color: #595757; padding-bottom: 35px; position: relative;}
.inf-t1:after{content: ""; width: 100px; height: 2px; background: #d7000f; position: absolute; left: 50%; bottom: 0; margin-left: -50px;}
.infor-tit1 p{color: #595757; font-size: 24px; margin: 30px 0 0 0;}
.ser-text-01 h4{color: #595757; font-size: 30px; margin: 100px 0 45px;}
.ser-text-01 h2{font-size: 68px; color: #595757; font-weight: bold; margin: 0;}
.ser-text-01 h1{font-size: 71px; color: #db1913; margin: 20px 0 65px;}
.ser-text-01 h6{font-size: 18px; color: #9fa0a0; margin-bottom: 30px;}
.ser-text-01 p{margin-bottom: 10px; font-size: 26px; color: #595757;}
.ser-text-01{text-align: center; padding-bottom: 80px;}
.ser-ban-02 img{width: 100%;}
.main-color{color: #d7000f;}
.main-bgc{background: #d7000f;}
.dc-list{float: left; width: 33.3%; height: 360px;}
.dc-list a{padding: 60px 124px 60px 60px; display: block; width: 100%; height: 100%; overflow: hidden;}
.dc-list:nth-child(even){background: #d7000f; color: #fff; transition: all .65s;}
.dc-list:nth-child(even) h3{color: #fff;}
.dc-list:nth-child(even) p{color: #fff;}
.dc-list:nth-child(odd){background: #efefef; color: #d7000f; transition: all .65s;}
.dc-list:nth-child(odd) p{color: #898989;}
.dc-list h2{text-transform: uppercase; font-size: 23px; margin: 0; font-weight: bold;}
.dc-list h1{font-size: 50px; margin: 0; text-transform: uppercase; color: #fff; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-weight: bold;}
.dc-list h3{font-size: 20px; margin: 25px 0 15px; color: #898989;}
.dc-list p{font-size: 14px; margin: 50px 0 10px; letter-spacing: 0.5px; transition: all 1s;}
.dc-list:hover p{margin-top: 0;}
/*.dc-list:nth-child(odd):hover{*/ /*background: #434343;*/
/*}*/
/*.dc-list:nth-child(odd):hover p{*/ /*color: #fff;*/
/*}*/
.dc-list:hover{background: #434343;}
.dc-list:hover p{color: #fff;}
.dc-list:hover h1{color: #fff;}
.dc-list:hover h2{color: #fff;}
.dc-list:hover h3{color: #fff;}
.ser-ascendancy h1{text-align: center; font-size: 45px; margin: 135px 0 35px; color: #595757;}
.ser-ascendancy h2{width: 750px; margin: 0 auto 100px; font-size: 16px; line-height: 25px; text-align: center; color: #595757;}
.sa-list h3{text-align: center; font-size: 77px; color: #595757; margin: 0;}
.sa-list p{text-align: center; font-size: 20px; color: #595757; margin: 25px 0 0;}
.ser-ascendancy ul{width: 750px; margin: 0 auto;}
.sa-list{float: left; width: 33.3%;}
.ser-ascendancy{padding-bottom: 140px;}
.fw-b{font-weight: bold;}
.creative_strategy{background: #d7000f; padding: 85px 0 0; color: #fff; text-align: center; position: relative;}
.creative_strategy h1{margin: 0; font-size: 55px;}
.creative_strategy h2{margin: 40px auto 45px; font-size: 20px; width: 750px; letter-spacing: 0.8px; line-height: 28px;}
.cs-img{width: 100%; max-width: 700px;}
.case-m{background: none; outline: none;}
.case-i{border-bottom: 1px solid #c9caca;}
.seat01{float: left; width: 25%; height: 50px;}
.c-t-box1 h1{text-align: center; font-size: 40px; color: #595757; margin-bottom: 30px; margin-top: 0;}
.c-t-box1 h2{margin-top: 0; text-align: center;}
.c-t-box1 h2 span{border-top: #dd3421 solid 2px; color: #dd3421; display: inline-block; padding-top: 20px;}
.c-t-box1{padding: 155px 0 100px;}
.c-t-box2{padding: 20px 0 80px; border: 1px solid #c9caca;}
.table-describe{font-size: 16px; color: #727171; line-height: 30px; margin-bottom: 60px;}
.ci-l h1 span{font-weight: bold; font-size: 30px; margin-right: 15px;}
.ci-l h1{color: #717171; font-size: 18px; margin-bottom: 25px; margin-top: 0;}
.cl-icon{width: 30px; height: 30px; overflow: hidden; margin-right: 10px;}
.cl-icon img{width: 100%; height: 100%;}
.cl-text{line-height: 30px; font-size: 16px; color: #727171;}
.cl-list{margin-bottom: 12px; width:100%; overflow:hidden}
.ci-l{width: 45%; margin-left:10%}
.ci-t{width: 45%; text-align:center}
.ci-t input{display: block; width: 100%; margin-bottom: 10px; height: 50px; line-height: 50px; font-size: 16px; padding: 0 20px; color: #727171; outline: none; border-radius: 4px; border: none; background: #f4f4f4;}
.ci-t textarea{display: block; width: 100%; margin-bottom: 10px; height: 120px; line-height: 50px; font-size: 16px; padding: 0 20px; color: #727171; outline: none; border-radius: 4px; border: none; background: #f4f4f4;}
.ci-l h2{font-size: 20px; color: #dd3421; margin: 50px 0 25px;}
.ci-l h3{font-size: 16px; color: #727171;}
#sub{width: 140px; height: 40px; border: 1px solid #727171; border-radius: 5px; background: none; line-height: 40px; margin-top: 30px; transition: all .5s;}
#sub:hover{background: #D7000F; color: #fff; border-color: #D7000F;}
.c-t-box4{padding: 60px 0 60px; border: #999 1px solid; text-align: center;}
.c-t-box4 h1{font-size: 32px; color: #595757; padding-bottom: 40px; margin-bottom: 40px; position: relative;}
.c-t-box4 h1:after{content: ""; width: 126px; height: 2px; background: #dd3421; position: absolute; left: 50%; margin-left: -63px; bottom: 0;}
.c-t-box4 p{margin-bottom: 15px; color: #595757;}
.BMap_Marker{background: url("../images/pos.png") no-repeat 0 0 !important;}
#dituContent{margin-top: 80px;}
.c-t-box3 li{float: left; width: 23%; margin: 0 1%; padding-top: 40px; border: 1px solid #fff; transition: all .65s;}
.ctb-i{width: 150px; height: 150px; overflow: hidden; margin: 0 auto 40px; text-align: center;}
.ctb-i img{width: 100%; height: 100%;}
.ctb-i+p{color: #595757; font-size: 16px; margin-bottom: 30px; text-align: center;}
.c-t-box3 li:hover{border: 1px solid #727171;}
.c-t-box3{padding: 130px 0;}
.ctb-i .fa{font-size: 90px; line-height: 150px;}
.c-t-box3 li:hover .ctb-i>.fa{color: #ce211b;}
.r-group .rg-op span{color: #fff;}
.recruit{background: #fff; padding: 75px 0;}
.recruit li{width: 80px; height: 34px; text-align: center; line-height: 34px; float: left; padding-right: 5px; cursor: pointer; position: relative;}
.recruit li:after{content: ""; width: 1px; height: 12px; position: absolute; top: 50%; right: 0; margin-top: -6px; background: rgba(255,255,255,.5);}
.recruit li:last-child:after{content: none;}
.r-group li span{color: rgba(255,255,255,.5); transition: all .65s;}
.r-group{position: relative; height: 34px; margin-bottom: 65px;}
.r-group ul{position: absolute; left: 50%; transform: translateX(-50%);}
.rg-bg{position: absolute; left: 0; top: 20px; width: 75px; height: 34px; background: rgba(59,59,59,.7); z-index: -1; transition: all .65s; opacity: 0;}
.r-group li:hover .rg-bg{top: 0; opacity: 1;}
.r-group li:hover .rg-city{color: rgba(255,255,255,1);}
.rg-list{cursor: pointer; height: 60px; line-height: 60px; border-bottom: 1px solid #595757; transition: all .65s;}
.rg-job{width: 50%; color: #595757; padding-left: 20px; transition: all .65s; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; padding-right: 20px;}
.rg-post{width: 15%; color: #595757; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; padding-right: 20px;}
.rg-city{width: 15%; color: #595757; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.rg-time{width: 15%; color: #595757; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; padding-right: 20px;}
.rg-rotate{width: 5%; color: #595757; text-align: center; transition: all .65s;}
.rg-list:hover{background: rgba(0,0,0,.1);}
.rg-list:hover .rg-job{/*color: rgba(255,255,255,1);*/ color: #333;}
.rg-rotate{transition: all .65s;}
.rr-180{transform: rotate(-180deg);}
.rg-l-body h1{margin: 0; line-height: 30px; color: #595757; font-size: 14px;}
.rg-l-body p{margin: 0; font-size: 14px; line-height: 30px; color: #595757;}
.rg-l-body{padding: 20px 30px;}
.rg-apply{width: 186px; height: 50px; line-height: 50px; color: #fff; text-align: center; background: #3B3B3B; margin-top: 50px; display: block;}
.rg-l-body{display: none;}
.rgl-active{background: rgba(0,0,0,.1);}
.rgl-active .rg-job{color: #333;}
.recruit .pagination li{width: 34px;}
.re-page{margin-top: 80px; text-align: center;}
.news-box{padding: 50px 0; border-bottom: 1px solid #ccc;}
.nb-nav li{float: left; padding: 8px 20px; margin-right: 8px; cursor: pointer; transition: all .35s;}
.nb-nav li a{color:#333;}
.nb-nav li a:hover{color: #fff;}
.nb-nav .nn-active{background: #D7000F; color: #fff;}
.nb-nav .nn-active a{color: #fff;}
.nb-nav li:hover{background: #D7000F; color: #fff;}
.nb-nav{margin-bottom: 40px;}
.nb-list{padding: 30px 140px 30px 0; display: block; position: relative; border-bottom: 1px solid #e5e5e5; transition: all .36s;}
.nbl-i{width: 340px; height: 145px; overflow: hidden; margin-right: 35px;}
.nbl-i img{width: 100%; height: 100%;}
.nbl-t{width: 660px; padding: 30px 25px 35px 0; height: 145px; overflow: hidden;}
.nbl-t h1{margin: 0; font-size: 16px; line-height: 30px; color: #303030; padding-bottom: 20px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.nbl-t p{font-size: 14px; line-height: 26px; height: 52px; color: #888; overflow: hidden;}
.nbl-date{position: absolute; right: 50px; top: 60px; color: #999; font-size: 26px; font-family: "helveticaneuethn"; font-weight: lighter; z-index: 999;}
.nb-list:hover{box-shadow: 0 8px 35px rgba(0,0,0,.08); padding-left: 20px;}
.nb-list:hover .nbl-t>h1{color: #D7000F;}
.nbl-more{position: absolute; right: 50px; top: 126px; z-index: 999; font-size: 20px; width: 56px; height: 26px; line-height: 26px; color: #999; text-align: center; border-left: 1px solid #999;}
.nbl-more .nm-r{position: relative; z-index: 999; transition: all .35s; left: 0;}
.nb-list-box{width:1220px}
.nb-list-box li{float: left; width: 280px; margin: 0 10px; border: 1px solid #ddd; padding-bottom: 18px; transition-duration: .5s;}
.nb-list-box li:first-child{margin-left:0}
.nb-list-box li .nimg img{width: 280px;height:200px}
.nb-list-box h3{font-size: 16px; color: #222; text-align: center; margin: 18px 0 15px; height:45px;}
.nb-list-box li p{ color: #666; font-size: 14px; margin-bottom: 12px; padding:0 10px}
.nb-list-box li span{display:block; margin:20px auto 0; width:110px; height:32px; line-height:32px; background:#6a3906;text-align: center;  color: #fff; font-size: 14px;}
.nb-list-box li:hover{background: #6a3906; border: 1px solid #6a3906;}
.nb-list-box li:hover h3, .nb-list-box li:hover p{color: #fff;}
.nb-list-box li:hover span{ background:#eee;  color: #d7000f; }





@keyframes moveright{0%{left: -50px; opacity: 0;} 100%{opacity: 1; left: 0;}}
.nb-list:hover .nm-r{animation: moveright .36s ease;}
.ctb-p{padding: 30px 0 80px;}
.pagination>.active>a{background: #D7000F; border-color: #D7000F;}
.pagination>.active>a:hover{background: #D7000F; border-color: #D7000F;}
.cs-icon span{color: rgba(255,255,255,.3); font-size: 85px; -webkit-transition: all .65s; -moz-transition: all .65s; -o-transition: all .65s; transition: all .65s;}
.cs-icon{cursor: pointer; position: absolute; z-index: 9;}
.cs-ic-01{left: 0; bottom: 60px;}
.csi{position: relative; max-width: 700px; margin: 0 auto;}
.cs-ic-02{left: 105px; bottom: 200px;}
.cs-ic-03{left: 50%; top: 15px; margin-left: -50px;}
.cs-ic-04{right: 0; bottom: 60px;}
.cs-ic-05{right: 105px; bottom: 200px;}
.cs-icon.csi-active span{color: rgba(255,255,255,1);}
.cs-text.cst-active{display: block;}
.cs-text{display: none;}
.pagination>li>a{color: #333; transition: all .5s;}
.page-box li{line-height: 38px; text-align: center; color: #9e9e9e;  margin-right: 10px; float: left; cursor: pointer; transition: all .5s;}
.page-box li a{color: #9e9e9e; width:100%; height:100%; border: 1px solid #9e9e9e; width: 38px; height: 38px; display:inline-block}
.page-box{padding: 50px 0; position: relative; height:100px}
.page-box ul{position: absolute; top: 50%; left: 50%; transform: translateX(-50%);}
.page-box li:hover{background: #D7000F; border-color: #D7000F; color: #fff;}
.page-box li:hover a{background: #D7000F; border-color: #D7000F; color: #fff;}
.page-box .pb-active{background: #D7000F; border-color: #D7000F; color: #fff;}
.page-box .thisclass{background: #D7000F; border-color: #D7000F; color: #fff; width: 38px; height: 38px; }
.rotate_45{transform: rotate(45deg)translate(0,5px); -ms-transform: rotate(45deg)translate(0,5px);/* IE 9 */ -webkit-transform: rotate(45deg)translate(0,5px);/* Safari and Chrome */ -o-transform: rotate(45deg)translate(0,5px);/* Opera */ -moz-transform: rotate(45deg)translate(0,5px);/* Firefox */}
.rotate_f45{transform: rotate(-45deg)translate(0,-5px); -ms-transform: rotate(-45deg)translate(0,-5px);/* IE 9 */ -webkit-transform: rotate(-45deg)translate(0,-5px);/* Safari and Chrome */ -o-transform: rotate(-45deg)translate(0,-5px);/* Opera */ -moz-transform: rotate(-45deg)translate(0,-5px);/* Firefox */ /*transform-origin: 50% 50%;*/ /*-webkit-transform-origin: 50% 50%;*/}
.dn{display: none;}
.pn-li-l{display: inline-block; margin-right: 8%; width: 20%; text-align: right; position: relative;}
.pll-r{width: 14px; height: 14px; border: 1px solid rgba(255,255,255,.1); display: inline-block; border-radius: 14px; position: absolute; right: 0; top: 50%; margin-top: -12px;}
.pll-active .pll-r{background: #D7000F; border-color: #D7000F;}
.p-banner{display: none;}
.swiper-slide img{width: 100%;}
.margintop20{margin-top:20px;}
.thisclass a{color: #fff !important;}
.case-img b{font-weight:400;}
.inf-body img{ margin: 0 auto !important;}
.nytit>h3{text-align: center; font-size: 35px; color: #222; padding: 0px 0 30px; z-index:999; margin-top:0px}
.nytit>h4{text-align: center; font-size: 70px; color: #ccc;filter:alpha(opacity=30);  -moz-opacity:0.3; -khtml-opacity: 0.3;  opacity: 0.3; margin:60px 0 10px;}

.our_customers{position:relative;}
.our_customers>h3{text-align: center; font-size: 35px; color: #222; padding: 0px; z-index:999; margin-top:80px}
.our_customers>h4{text-align: center; font-size: 18px; color: #888; margin:-20px 0 65px; font-weight:400;}
/* home partner */
.home_partner_list{width:1200px;margin:0 auto;padding-bottom:20px;}
.home_partner_list table{border-collapse:collapse;border:0px solid #e6e6e6;}
.home_partner_list table td{width:238px;height:138px;border:0px solid #e6e6e6;}
.home_partner_list table td .partner_box{width:228px;height:128px;padding:6px;position:relative;z-index:1;}
.home_partner_list table td .partner_box2:hover{border:8px solid #f6f6f6;padding:11px 36px;}

.partner_box .cont1{width:228px;height:128px;position:absolute;top:5px;left:6px;z-index:2;filter:alpha(opacity=80);-moz-opacity:0.8;opacity:0.8;}  
.partner_box .cont2{width:228px;height:128px;filter:alpha(opacity=0);-moz-opacity:0;opacity:0;position:absolute;top:5px;left:6px;z-index:1;transform:rotateY(0deg);-ms-transform:rotateY(0deg);-moz-transform:rotateY(0deg);-webkit-transform:rotateY(0deg);-o-transform:rotateY(0deg);}  
.partner_box:hover .cont1{transform:rotateY(180deg);z-index:1;alpha(opacity=0);-moz-opacity:0;opacity:0;-ms-transform:rotateY(180deg);-moz-transform:rotateY(180deg);-webkit-transform:rotateY(180deg);-o-transform:rotateY(180deg);}
.partner_box:hover .cont2{transform:rotateY(0deg);z-index:2;filter:alpha(opacity=100);-moz-opacity:1;opacity:1;-ms-transform:rotateY(0deg);-moz-transform:rotateY(0deg);-webkit-transform:rotateY(0deg);-o-transform:rotateY(0deg);}  
.partner_box:hover .cont2{z-index:2;}  
.partner_box .cont1{transition:all .5s linear 10ms;} 
.partner_box .cont2{transition:all .5s linear 10ms;}