@charset "utf-8";

body{margin:0; padding:0; font:12px Arial,"microsoft yahei"; color:#333; background:#fff;}
body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,button,input,textarea,th,td{margin:0;padding:0; }
ul,li,ol{list-style:none;}
a{text-decoration:none; color:#333;}
a:hover{text-decoration:none; color:#412525;}
input,textarea,select,button{  font-family:Arial,"Microsoft YaHei"; }
input:focus,textarea:focus,select:focus,button:focus{ outline:none;}
::-moz-selection {background:#333;color:#FFF;}
::selection {background: #333;color: #FFF;}
img{border:0}
.clear { zoom: 1;clear:both; }
.clear:after { content: ''; display: block; clear: both; }

@font-face {font-family:'PoiretOne'; src: url('../fonts/poiretone.ttf') format('truetype'); }
@font-face {font-family:'verdana'; src: url('../fonts/verdana.ttf') format('truetype'); }
@font-face {font-family:'Agency'; src: url('../fonts/agency.ttf') format('truetype'); }

.fl{ float:left;}
.fr{ float:right;}
.c1440{ width:90rem; margin:0 auto; min-width:90rem;}
.m1440{ min-width: 90rem;}

.chevron{-webkit-animation: pulse 2s infinite; animation: pulse 2s infinite; position:absolute; bottom:3%; left:50%; margin-left:-15px; display: block; z-index:999}
@-webkit-keyframes pulse{0%{-webkit-transform: translate(0, 0); transform: translate(0, 0);} 50%{-webkit-transform: translate(0, 10px); transform: translate(0, 10px);} 100%{-webkit-transform: translate(0, 0); transform: translate(0, 0);} }
@keyframes pulse{0%{-webkit-transform: translate(0, 0); transform: translate(0, 0);} 50%{-webkit-transform: translate(0, 10px); transform: translate(0, 10px);} 100%{-webkit-transform: translate(0, 0); transform: translate(0, 0);} }


.header{ margin:0; padding:0 ; width:100%; position:absolute; z-index:999; min-width:90rem;}
.headerLogo{ padding:0; margin: 25px 0 0 3.125%; width:155px; height:42px;}
.headerLogo a{ display:block; width:183px; height:50px;}
.headerNav{ width: 24px; height: 24px; margin: 25px; position: relative; cursor: pointer;}
.headerNav p{ width: 100%; font-size: 12px; color: #fff; margin-top: 8px; text-align: center;}
.NavIcon-open{ width: 24px; height: 24px;  cursor: pointer;  position: relative; z-index: 1000;  }
.NavIcon-open.active { display: none; }
.NavIcon-open i{ width: 4px; height: 4px; position: absolute; background-color: #fff; transition: all 0.5s ease;}
.NavIcon-open1 i{ background-color: #fff;}
.NavIcon-open i.icon1{ top: 0; left: 0;}
.NavIcon-open i.icon2{ top: 0; left: 10px;}
.NavIcon-open i.icon3{ top: 0; left: 20px;}
.NavIcon-open i.icon4{ top: 10px; left: 0;}
.NavIcon-open i.icon5{ top: 10px; left: 10px;}
.NavIcon-open i.icon6{ top: 10px; left: 20px;}
.NavIcon-open i.icon7{ top: 20px; left: 0;}
.NavIcon-open i.icon8{ top: 20px; left: 10px;}
.NavIcon-open i.icon9{ top: 20px; left: 20px;}
.NavIcon-open:hover i.icon1{ top: 5px; left: 5px;}
.NavIcon-open:hover i.icon7{ top: 15px; left: 5px;}
.NavIcon-open:hover i.icon3{ top: 5px; left: 15px;}
.NavIcon-open:hover i.icon9{ top: 15px; left: 15px;}
.NavIcon-close{  width: 24px; height: 24px; position: relative; left: 44px; top: 34px; cursor: pointer; transition: 400ms; -webkit-transition: 400ms;}
.NavIcon-close { opacity: 0; transition: 0.4s 0s; -webkit-transition: 0.4s 0s; }
.open .NavIcon-close { opacity: 1; transition-delay: 400ms; -webkit-transition-delay: 400ms; }
.NavIcon-close i{ width: 4px; height: 4px; position: absolute; background-color: #ccc; transition: all 0.5s ease;}
.NavIcon-close i.icon1{ top: 0; left: 0;}
.NavIcon-close i.icon2{ top: 5px; left: 5px;}
.NavIcon-close i.icon3{ top: 0; left: 20px;}
.NavIcon-close i.icon4{ top: 15px; left: 5px;}
.NavIcon-close i.icon5{ top: 10px; left: 10px;}
.NavIcon-close i.icon6{ top: 5px; left: 15px;}
.NavIcon-close i.icon7{ top: 20px; left: 0;}
.NavIcon-close i.icon8{ top: 15px; left: 15px;}
.NavIcon-close i.icon9{ top: 20px; left: 20px;}
.NavIcon-close:hover { transform: rotate(720deg); -webkit-transform: rotate(720deg); -o-transform: rotate(720deg); -moz-transform: rotate(720deg); }

.overlay { position: fixed; left: 0px; top: 0px; width: 100%; height: 100%; bottom: 0px; right: 0px; z-index: 900; opacity: 0; visibility: hidden; background: transparent; -webkit-transition: 0.4s; -moz-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s; backface-visibility: hidden; }
.headerNav-backdrop { position: fixed; overflow: hidden; width: 24px; height: 24px; overflow: hidden; right: 0; top: 0; z-index: 998; }
.headerNav-backdrop .headerNav-overlay { position: absolute; top: 0px; right: 0px; opacity: 0; border-radius: 50%; background-color: #000; width: 24px; height: 24px; }
.headerNav-backdrop.open { position: fixed; width: 580px !important; height: 100%; top: 0px; right: 0px;  }
.headerNav-backdrop.open .headerNav-overlay { opacity: 1; right: 15px; top: 15px; }

.menuInner{ position: fixed; width: 580px; padding: 0px ; height: 100%; top: 0; right: 0; opacity: 0; visibility: hidden; color: #fff; text-align: right; overflow: hidden; z-index: -1; overflow-x: hidden; overflow-y: auto; -webkit-overflow-scrolling: touch; }
.menuInner .menu { padding-top: 8% ; }
.menu li{ width: 500px; float: left; margin: 10px 40px; overflow: hidden; }
.menu li a{ color: #ccc; line-height: 60px;}
.menu li p{ float: left; padding-left: 20px; font-size: 60px; width: 360px; text-align: left; text-transform: uppercase; font-weight: bold; position: relative; }

.menu li p i{ display: block; width: 100%; height: 2px; background-color: #ff4229; position: absolute; margin-top: -1px; top: 50%; left: 0;  transform: translateX(-100%); transition: all 0.8s ease;}
.menu li span{ float: right; font-size: 18px; width: 120px; text-align: right;}

.menu li, .mcontact { transform: translateX(100px); -webkit-transform: translateX(100px); opacity: 0; transition: 0.4s 0s; -webkit-transition: 0.4s 0s; }
.menu-moible-handler { opacity: 0; transition: 0.4s 0s; -webkit-transition: 0.4s 0s; }
.menu li:nth-child(1) { transition-delay: 300ms; -webkit-transition-delay: 300ms; }
.menu li:nth-child(2) { transition-delay: 300ms; -webkit-transition-delay: 400ms; }
.menu li:nth-child(3) { transition-delay: 400ms; -webkit-transition-delay: 500ms; }
.menu li:nth-child(4) { transition-delay: 500ms; -webkit-transition-delay: 600ms; }
.menu li:nth-child(5) { transition-delay: 600ms; -webkit-transition-delay: 700ms; }
.menu li:nth-child(6) { transition-delay: 700ms; -webkit-transition-delay: 800ms; }
.menu li.on a,.menu li:hover a{ color: #FF4229;}
/*.menu li.on i,.menu li:hover i{ transform: translateY(0%); opacity: 1; }*/

.mcontact { transition-delay: 900ms; -webkit-transition-delay: 900ms; }
.mcontact { /*position: absolute; right: 0; bottom: 0px; width: 500px;*/ height: 60px; padding:30px 40px 0; text-align: left;  }
.mcontact .fl{ font-size: 28px; color: #fff; line-height: 30px; margin-left:10px;}
.mcontact .qq{ float: left; width: 30px; height: 30px; background: url(../images/iconcontact.png) no-repeat; margin: 3px 0;}
.mcontact .qq:hover{ background-position: 0 -30px;}

.open .menu li, .open .mcontact { transform: translateX(0); -webkit-transform: translateX(0); opacity: 1; }
.overlay.show { opacity: 1; visibility: visible; }
.menuInner.open { opacity: 1; z-index: 99999; visibility: visible; }

.header.fixed{position:fixed; z-index:99999;}
.header.fixed .headerLogo a{ display:block; width:183px; height:42px; background:url(../images/indexlogo1.png) no-repeat;}


@-webkit-keyframes scaleUpDown {
    from { -webkit-transform: scale(1.08); transform: scale(1.08); }
    to { opacity: 1; -webkit-transform: scale(1); transform: scale(1); }
}
@keyframes scaleUpDown {
    from { -webkit-transform: scale(1.08); transform: scale(1.08); }
    to { opacity: 1; -webkit-transform: scale(1); transform: scale(1); }
}
@-webkit-keyframes empty {
    0% { opacity: 1; }
}
@-moz-keyframes empty {
    0% { opacity: 1; }
}
@keyframes empty {
    0% { opacity: 1; }
}


.headerFloat{ width: 100%; position: fixed; top: 0; width: 100%; display: none; height: 90px; z-index: 999999; background-color: #fff; -webkit-box-shadow:0 0 10px rgba(0,0,0,0.1); -moz-box-shadow:0 0 10px rgba(0,0,0,0.1); box-shadow:0 0 10px rgba(0,0,0,0.1);}
.headerFloat .logo{ padding:0; margin: 24px 0 0 3.125%; width:155px; height:42px;}
.headerFloat .logo a{ display:block; width:183px; height:50px; background:url(../images/indexlogo1.png) no-repeat;}
.headerFloat .nav{ margin: 0 3.125% 0 0; }
.headerFloat .nav .m{position: relative;float: left; width: 100px;margin: 0 15px;display: inline;text-align: center;}
.headerFloat .nav h3{font-weight: normal;font-size: 18px;}
.headerFloat .nav h3 a{zoom: 1;height: 40px;line-height: 40px;padding: 25px 0; display: block;color: #333}
.headerFloat .nav .on h3 a{ color: #ff4229; }
.headerFloat .nav .sub{display: none;width: 130px;padding: 0;position: absolute;left:-15px;top: 90px; background-color: rgba(255, 255, 255, 0.95); float: left;line-height: 38px; -webkit-box-shadow:0 0 10px rgba(0,0,0,0.1); -moz-box-shadow:0 0 10px rgba(0,0,0,0.1); box-shadow:0 0 10px rgba(0,0,0,0.1);}
.headerFloat .nav .sub li{text-align: center; font-size: 14px;}
.headerFloat .nav .sub li a{color: #333;display: block;zoom: 1;}
.headerFloat .nav .sub li:hover a,.headerFloat .nav .sub li.select a{background: #ff4229;color: #fff;}



.headerguding{ width: 100%; position: fixed; top: 0; width: 100%;  height: 90px; z-index: 999999; background-color: #fff; -webkit-box-shadow:0 0 10px rgba(0,0,0,0.1); -moz-box-shadow:0 0 10px rgba(0,0,0,0.1); box-shadow:0 0 10px rgba(0,0,0,0.1);}
.headerguding .logo{ padding:0; margin: 24px 0 0 3.125%; width:155px; height:42px;}
.headerguding .logo a{ display:block; width:183px; height:42px; background:url(../images/indexlogo1.png) no-repeat;}
.headerguding .nav{ margin: 0 3.125% 0 0; }
.headerguding .nav .m{position: relative;float: left; width: 100px;margin: 0 15px;display: inline;text-align: center;}
.headerguding .nav h3{font-weight: normal;font-size: 18px;}
.headerguding .nav h3 a{zoom: 1;height: 40px;line-height: 40px;padding: 25px 0; display: block;color: #333}
.headerguding .nav .on h3 a{ color: #ff4229; }
.headerguding .nav .sub{display: none;width: 130px;padding: 0;position: absolute;left:-15px;top: 90px; background-color: rgba(255, 255, 255, 0.95); float: left;line-height: 38px; -webkit-box-shadow:0 0 10px rgba(0,0,0,0.1); -moz-box-shadow:0 0 10px rgba(0,0,0,0.1); box-shadow:0 0 10px rgba(0,0,0,0.1);}
.headerguding .nav .sub li{text-align: center; font-size: 14px;}
.headerguding .nav .sub li a{color: #333;display: block;zoom: 1;}
.headerguding .nav .sub li:hover a,.headerFloat .nav .sub li.select a{background: #ff4229;color: #fff;}



#indexBanner{position: relative; overflow: hidden; height:96vh; min-width:90rem; background-color: #21282e;}


.banner{height:100%; position:relative; min-width:90rem;}
.switch{ position: absolute; height: 24px; right:50%; margin-right:-40px; bottom: 40px; width: 80px;}
.prev,.next{display:block; width:24px; height:5px; border-bottom: solid 2px #fff; position:absolute; z-index:222; bottom:0; overflow:hidden; cursor:pointer; opacity:1; -moz-opacity:1; filter:alpha(opacity=100); transition: all 0.3s ease;}
.prev{left:0; background: url(../images/prev.png) top left no-repeat;}
.next{right:0; background: url(../images/next.png) top right no-repeat;}
.prev:hover{ background: url(../images/prev-1.png) top left no-repeat;}
.next:hover{ background: url(../images/next-1.png) top left no-repeat;}
.prev:hover,.next:hover{ width: 24px; border-bottom: solid 2px #ff4229; }
.nav-main a:hover,.nav-main a.cur{opacity:1; -moz-opacity:1; filter:alpha(opacity=100);}
.rightIcon{ width: 60px; height: 87%; position: absolute; right: 0; top: 0; background-color: #fff; z-index: 222;}
.rightIcon .item{display:block; width:100%; height:120px; position:absolute; z-index:225; top:30%; margin-top:0; left:0; text-align:center;}
.rightIcon .item a{display:inline-block; width:60px; height:40px; text-align: center; line-height: 40px; margin:0 0; color: #333; overflow:hidden; font-size: 16px; font-weight: bold; position: relative; transition: all 0.5s ease;}
.rightIcon .item a p{ width: 0; height: 2px; background-color: #ff4229; display: block; position: absolute; z-index: 2; top: 50%; margin: -1px 0 0 -17px; left: 50%;transition: all 0.5s ease;}
.rightIcon .item a.cur{ font-size: 28px; }
.rightIcon .item a.cur p{ display: block; width: 34px;}

.rightIcon .icon{ width: 60px; height: 300px; position: absolute; bottom: 0; left: 0;}
.rightIcon .icon dl{ float: left; width: 100%; height: 60px; position: relative;}
.rightIcon .icon dl dt{ width: 60px; height: 60px; background:#fff url(../images/icon.png) no-repeat; cursor: pointer; position: relative; z-index: 5;}
.rightIcon .icon dl dt a{ display: block; width: 60px; height: 60px;}
.rightIcon .icon dl.icon1 dt{ background-position: 0 0; }
.rightIcon .icon dl.icon2 dt{ background-position: 0 -60px; }
.rightIcon .icon dl.icon3 dt{background:#ff4229 url(../images/icon.png) no-repeat;  background-position: -60px -120px; }
.rightIcon .icon dl.icon4 dt{ background-position: 0 -180px; }
.rightIcon .icon dl.icon5 dt{ background-position: 0 -240px; }
.rightIcon .icon dl:hover dt{background-color: #ff4229;}
.rightIcon .icon dl.icon1:hover dt{background-position: -60px 0;  }
.rightIcon .icon dl.icon2:hover dt{background-position: -60px -60px;  }
.rightIcon .icon dl.icon3:hover dt{background-position: -60px -120px;  }
.rightIcon .icon dl.icon4:hover dt{background-position: -60px -180px;  }
.rightIcon .icon dl.icon5:hover dt{background-position: -60px -240px;  }
.rightIcon .icon dl.icon2 dd{ width: 150px; height: 150px; transition: all 0.5s ease; position: absolute; top: 0; right: -150px; z-index: 1;}
.rightIcon .icon dl.icon2 dd img{ width: 150px; height: 150px;}
.rightIcon .icon dl.icon2:hover dd{ right: 60px;}
.rightIcon .icon dl.icon3 dd{ width: 130px; border: solid 1px #eee; transition: all 0.5s ease; height: 245px;  position: absolute; top: 0; right:-132px; z-index: 1;}
.rightIcon .icon dl.icon3 dd a{ float: left;display: block; width: 100%; height: 40px; text-align: center; line-height: 40px; border-top: solid 1px #eee; background-color: #fff;}
.rightIcon .icon dl.icon3 dd a:hover{ background-color: #ff4229; color: #fff;}
.rightIcon .icon dl.icon3 dd a:first-child{ border-top: 0;}
.rightIcon .icon dl.icon3:hover dd{ right: 60px;}
.rightIcon .icon dl.icon5 dd{ height: 48px; padding: 6px 15px; background-color:rgba(0, 0, 0, 0.8); position: absolute; top: 0; right: -200px; color: #fff; font-size: 14px; line-height: 24px; z-index: 1; width: 170px;transition: all 0.5s ease;}
.rightIcon .icon dl.icon5:hover dd{ right: 60px;}

.banner-box,.slide{display:block; width:100%; height:100%; overflow:hidden;}
.banner-box{position:relative;}
.slide{display:none; height:100%; position:relative; position:absolute; z-index:8;}


#banner0{background:url(../images/banner1.jpg) center center no-repeat; background-size: 100%;}
#banner2{background:url(../images/banner2.jpg) center center no-repeat; background-size: 100%;}
#banner3{background:url(../images/banner3.jpg) center center no-repeat; background-size: 100%;}
#banner4{background:url(../images/banner4.jpg) center center no-repeat; background-size: 100%;}

.slide a{display:block; width:100%; height:100%; cursor:pointer;}
.banner2_1,.banner2_2,.banner3_1,.banner3_2{position:absolute;z-index:9;left:50%;}
.banner1_1{position:absolute;z-index:9;left:20%; top: 30%; font-size: 60px; color: #fff; font-weight: bold; line-height: 96px;}
.banner1_2{position:absolute;z-index:9;left:20%; top: 55%; width: 15%; height: 3px; background:#fff;}

.banner2_1{height:212px; top:90px; margin-left:-240px;}
.banner3_1{height:130px; top:230px; margin-left:-500px;}

.banAnimate .banner1_1{display:block;animation-name:bannera;-webkit-animation:bannera 0.4s linear 0s normal none;-moz-animation:bannera 0.4s linear 0s normal none;animation:bannera 0.4s linear 0s normal none;}
@-webkit-keyframes bannera{from{opacity:0;top:10%;} to{opacity:1;top:30%;} }
@-moz-keyframes bannera{from{opacity:0;top:10%;} to{opacity:1;top:30%;} }
@keyframes bannera{from{opacity:0;top:10%;} to{opacity:1;top:30%;} }

.banAnimate .banner1_2{display:block;animation-name:bannerb;-webkit-animation:bannerb 0.4s linear 0s normal none;-moz-animation:bannerb 0.4s linear 0s normal none;animation:bannerb 0.4s linear 0s normal none;}
@-webkit-keyframes bannerb{from{opacity:0;top:70%;} to{opacity:1;top:55%;} }
@-moz-keyframes bannerb{from{opacity:0;top:70%;} to{opacity:1;top:55%;} }
@keyframes bannerb{from{opacity:0;top:70%;} to{opacity:1;top:55%;} }


.banAnimate .banner2_1{display:block;animation-name:bannerd;-webkit-animation:bannera 0.4s linear 0s normal none;-moz-animation:bannerd 0.4s linear 0s normal none;animation:bannerd 0.4s linear 0s normal none;}
@-webkit-keyframes bannerd{from{opacity:0;top:40px;} to{opacity:1;top:90px;} }
@-moz-keyframes bannerd{from{opacity:0;top:40px;} to{opacity:1;top:90px;} }
@keyframes bannerd{from{opacity:0;top:40px;} to{opacity:1;top:90px;} }

.banAnimate .banner3_1{display:block;animation-name:bannere;-webkit-animation:bannere 0.3s linear 0s normal none;-moz-animation:bannere 0.3s linear 0s normal none;animation:bannere 0.3s linear 0s normal none;}
@-webkit-keyframes bannere{from{opacity:0;left:47%;} to{opacity:1;left:50%;} }
@-moz-keyframes bannere{from{opacity:0;left:47%;} to{opacity:1;left:50%;} }
@keyframes bannere{from{opacity:0;left:47%;} to{opacity:1;left:50%;} }

.Vidage{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1}
.Vidage__backdrop{position:absolute;top:0;right:0;bottom:0;left:0}
.Vidage--allow .Vidage__video{display:block}
.Vidage{top:0;right:0;bottom:0;left:0;z-index:-1}
.Vidage,.Vidage__video{min-width:100%;min-height:100%}
.Vidage__video{position:absolute;top:50%;left:50%;width:auto;height:auto;-webkit-transform:translateX(-50%) translateY(-50%);-ms-transform:translateX(-50%) translateY(-50%);-o-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%);display:none}

.indexCont{margin: 0 auto; height:100%; position:absolute; width:100%;}




.indexService{ width: 93.75%; border-bottom: solid 1px #f5f5f5; position: relative; padding: 0 3.125%; }
.indexService .Top{ width: 93.75%; position: absolute; z-index: 3; top: 50px; left: 0; padding: 0 3.125%; }
.indexService .Top .icon1{ width: 2.5rem; height: 1.875rem; position: absolute; top: 0; left: 3.125%;}
.indexService .Top .icon1 img{ width: 2.5rem; height: 1.875rem; }
.indexService .Top .icon2{ width: 2.5rem; height: 1.875rem; position: absolute; top: 12.5rem; right: 3.125%;}
.indexService .Top .icon2 img{ width: 2.5rem; height: 1.875rem; }
.indexService .Top .title{ font-size: 2rem; color: #000; font-weight: bold; position: absolute; line-height: 3rem; top: 3.125rem; left: 7.8125%;}
.indexService .Top .summary{ font-size: 0.875rem; color: #333; line-height: 1.625rem; position: absolute; left: 7.8125%; top: 9.375rem; }
.indexService .Top .more a{ display: block; font-size: 14px; text-transform: Capitalize; width: 16.875rem; position: absolute; top: 6.25rem; right: 7.8125%; border-bottom: solid 2px #000; padding-bottom: 15px; color: #000; background: url(../images/more01.png) top 3px right 0 no-repeat;}
.indexService .Top .more a:hover{ color: #ff4229; border-bottom-color: #ff4229; background: url(../images/more02.png) top 3px right 0 no-repeat;}
.indexService .List{ width: 100%; position: relative; z-index: 1;}

.indexService .List dl{ float: left; width: 16.66%; text-align: center; padding-top: 21.875rem; border-left: solid 0.0625rem #f5f5f5; height: 50.75rem; position: relative; overflow: hidden; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; }
.indexService .List dl:first-child{ border-left: 0;}
.indexService .List dl p{ width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 1; 
background-color: #ff4229; 
/*background-image:url(../images/servicebg.jpg); */
transform: translateY(101%); transition: all 0.8s ease;}


.indexService .List dl dt,.indexService .List dl dd{ position: relative; z-index: 2;}
.indexService .List dt img{ max-width: 100%; margin: auto; transition: all 0.8s ease;}
.indexService .List dt .img01{ display: block;}
.indexService .List dt .img02{ display: none;}
.indexService .List dl dd h3{ font-size: 24px; font-weight: normal; margin: 20px 0; color: #333; transition: all 0.8s ease;}
.indexService .List dl dd h6{ font-size: 14px; color: #999; line-height: 40px; font-weight: normal; transition: all 0.8s ease;
	margin: 0 auto;
	width: 90%;
	border-radius: 40px;
	border: 1px solid #b9b9b9;
	margin-top: 10px;
	overflow: hidden;
	-webkit-transition: all 1s ease 0s;
	-moz-transition: all 1s ease 0s;
	-o-transition: all 1s ease 0s;
	transition: all 1s ease 0s;
}



.indexService .List dl:hover .img01{ display: none;}
.indexService .List dl:hover .img02{ display: block;}
.indexService .List dl:hover h3,.indexService .List dl:hover h6{ color: #fff;}
.indexService .List dl:hover p{transform: translateY(0); opacity:1;}



.indexCase{ width: 93.75%; position: relative; padding: 3.125% 3.125%; }
.indexCase .Top{ width: 100%; position: relative; z-index: 2; }
.indexCase .Top .title{ font-size: 2rem; color: #000; font-weight: bold; line-height: 3rem; }
.indexCase .Top .summary{ font-size: 0.875rem; color: #999; line-height: 1.625rem; }
.indexCase .Top .more a{ position: absolute; top: 0; right: 0; font-size: 14px; padding-right: 100px; color: #000; background: url(../images/more01.png) center right no-repeat;}
.indexCase .Top .more a:hover{  background: url(../images/more02.png) center right no-repeat; color: #ff4229; }
.indexCase .List{ width: 101.61%; margin: 2% -0.805%;}
.indexCase .List dl{ float: left; width:65.05%; margin:  0.805%; position: relative; overflow: hidden;}
.indexCase .List dl dt{ position: relative; z-index: 1; width: 100%;}
.indexCase .List dl dt img{ width: 100%;  transition: all 0.8s ease;}
.indexCase .List dl dd{ position: absolute; z-index: 2; top: 8.3%;  right: 4.2%; width: 23.57%; padding: 0 2.5%; height: 83.4%; background-color: rgba(0, 0, 0, 0.9); overflow: hidden;}
.indexCase .List dl dd .title{ font-size: 1.5rem ; color: #fff; font-weight: bold; margin: 3.75rem 0 1.875rem; }
.indexCase .List dl dd .cont{ font-size: 0.875rem; color: #fff; line-height: 24px;}
.indexCase .List dl dd .link a{ position: absolute; right: 8.3%; font-size: 14px; text-transform: capitalize; bottom: 8.3%; font-size: 14px; color: #fff; font-weight: bold; padding-right: 30px; background: url(../images/more05.png) center right no-repeat;}
.indexCase .List dl:hover dt img{transform:scale(1.2)}
.indexCase .List dl:hover dd{ background-color: rgba(255, 66, 61, 0.9);}
.indexCase .List li{ float: left; width: 24%; margin:  0.5%; position: relative;overflow: hidden;}
/*.indexCase .List li{ float: left; width: 31.72%; margin:  0.805%; position: relative;overflow: hidden;}*/
.indexCase .List li .img{ width: 100%; position: relative; z-index: 1;}
.indexCase .List li .img .thumbnail{ width: 100%;  transition: all 0.8s ease; }
.indexCase .List li .cont{ width: 94%; padding:1.5625rem 3%; overflow: hidden; position: relative; z-index: 2; height: 3.125rem;  background-color: rgba(255, 255, 255, 1);}
.indexCase .List li .cont .title{ font-size: 18px; color: #333; margin-bottom: 5px;}
.indexCase .List li .cont .summary{ font-size: 14px; color: #999;}
.indexCase .List li .img p{ width: 100%;  height: 100%; background-color: rgba(0, 0, 0, 0.4); position: absolute; left: 0; top: 0; transform: translateY(-101%); transition: all 0.8s ease;}
.indexCase .List li .img p span{ display: block; width: 100%; font-size:18px; color: #fff; text-align: center; line-height: 50px; position: absolute; top: 50%; margin-top: -25px; left: 0;}
.indexCase .List li:hover .thumbnail{transform:scale(1.2)}
.indexCase .List li:hover .title{ color: #ff4229;}
.indexCase .List li:hover .img p{transform: translateY(0); opacity:1;}




.indexPartner{ width: 93.75%; position: relative; padding: 3.125% 3.125%;  background-color: #f8f8f8;}
.indexPartner .Top{ width: 100%; position: relative; z-index: 2; }
.indexPartner .Top .title{ font-size: 2rem; color: #000; font-weight: bold; line-height: 3rem; }
.indexPartner .Top .summary{ font-size: 0.875rem; color: #999; line-height: 1.625rem; }
.indexPartner .Top .more{  width: 16.875rem; height: 0.125rem; background-color: #000; position: absolute; right: 3.75rem; top: 2.8125rem;}
.indexPartner .Top .icon{ width: 1.25rem; position: absolute; top: 1.875rem;right: 0;}
.indexPartner .Top .icon img{ width: 100%;}
.indexPartner .List{ width: 100%; margin-top: 3%;}
.indexPartner .List li{ float: left; width:16.66% ;}
.indexPartner .List li .img1{ width: 100%; -webkit-filter: grayscale(100%);-moz-filter: grayscale(100%);-ms-filter: grayscale(100%);-o-filter: grayscale(100%);filter: grayscale(100%);filter: gray; display: block;}
.indexPartner .List li .img2{ display: none; width: 100%;}
.indexPartner .List li:hover{ background-color: #ff4229;}
.indexPartner .List li:hover .img1{ display: none; }
.indexPartner .List li:hover .img2{ display: block; }





.indexNews{ width: 93.75%; position: relative; padding: 3.125% 3.125%;  }
.indexNews .Top{ width: 93.75%; padding: 3.125% 3.125% 0; top: 0; left: 0; position: absolute; z-index: 2; }
.indexNews .Top .title{ font-size: 2rem; color: #000; font-weight: bold; line-height: 3rem; }
.indexNews .Top .summary{ font-size: 0.875rem; color: #999; line-height: 1.625rem; }

.NewsL{width: 100%; overflow: hidden; position: relative;}
.NewsL .NewsNav{ position: relative; float: right; z-index: 3;}
.NewsL .NewsNav ul{ text-align: center;}
.NewsL .NewsNav li{ display: inline-block;  margin-left: 3.125rem;}
.NewsL .NewsNav li a{display: block;font-size: 16px; color: #333; font-weight: bold; }
.NewsL .NewsNav li a:hover{color: #ff4229;}
.NewsL .NewsNav li.on a{color: #ff4229;}
.NewsL .NewsLb{ width: 100%; margin-top: 8%;}
.NewsL .NewsLb ul{overflow: hidden;zoom: 1; width: 104.44%; margin: 2.22% -2.22%;}
.NewsL .NewsLb li{overflow: hidden;width: 20.56%;float: left; height: 250px; margin: 2.22%;}
.NewsL .NewsLb li .name a{font-size: 18px; color: #000; display: block;}
.NewsL .NewsLb li .time{ font-size: 14px; color: #999; margin: 0.625rem 0;}
.NewsL .NewsLb li .line{ width: 1.875rem; height: 0.1875rem; background-color: #ddd; margin: 0.3125rem 0 0.625rem; transition: all 0.8s ease;}
.NewsL .NewsLb li .con{ font-size: 14px; line-height: 26px; color: #666; height: 80px;}
.NewsL .NewsLb li .link{ margin-top: 1.875rem; position: relative; width: 6.25rem; height: 2.25rem; overflow: hidden;}
.NewsL .NewsLb li .link a{ }
.NewsL .NewsLb li .link p{ width: 0.5rem; display: block; height: 0.5rem;  top:  0.875rem; left: 0; position: absolute;}
.NewsL .NewsLb li .link p i{ background-color: #ff4229;}
.NewsL .NewsLb li .link p i:nth-child(1){ width: 0.125rem; height: 0.5rem; position: absolute; top: 0; left: 50%; margin-left: -0.0625rem;}
.NewsL .NewsLb li .link p i:nth-child(2){ width: 0.5rem; height: 0.125rem; position: absolute; top: 50%; left: 0; margin-top: -0.0625rem;}
.NewsL .NewsLb li .link span{ display: block; width: 5.3125rem; padding-left: 0.9375rem; height: 2.25rem; background: #ff4229 url(../images/more05.png) center right  0.9375rem no-repeat; color: #fff;  line-height: 2.25rem; font-size: 0.875rem; font-weight: bold; text-transform: capitalize; transform: translateX(-6.25rem); transition: all 0.8s ease;}
.NewsL .NewsLb li:hover .name a{ color: #000; font-weight: bold;}
.NewsL .NewsLb li:hover .line{ background-color: #ff4229; width: 100%;}
.NewsL .NewsLb li:hover .time,.NewsL .NewsLb li:hover .con{ color: #333;}
.NewsL .NewsLb li:hover .link p{ display: none;}
.NewsL .NewsLb li:hover .link span{ transform: translateX(0); opacity:1;}

.NewsL .more a{ display: block; font-size: 14px; text-transform: Capitalize; width: 16.875rem; position: relative; left: 50%; margin-left: -8.4375rem; border-bottom: solid 2px #000; padding-bottom: 15px; color: #000; background: url(../images/more01.png) top 3px right 0 no-repeat;}
.NewsL .more a:hover{ color: #ff4229; border-bottom-color: #ff4229; background: url(../images/more02.png) top 3px right 0 no-repeat;}



.indexContact{ background-color: #21282e; width: 93.75%; position: relative; padding: 0 3.125%; }
.indexContact .Top{ width: 100%; text-align: center; color: #fff; padding: 3.125% 0; font-size: 2.25rem; font-weight: bold; border-bottom: dotted 1px #323b42}
.indexContact .List{ width: 100%; padding: 2% 0;}
.indexContact .List dl{ float: left; width: 19%; margin-left: 8%; color: #fff;}
.indexContact .List dl:first-child{ margin-left: 0%;}
.indexContact .List dl dt{ height: 1.125rem; width: 100%; line-height: 1.125rem;}
.indexContact .List dl dt img{ float: left; }
.indexContact .List dl dt span{ float: left; margin-left: 0.9375rem; font-size: 0.875rem; font-weight: bold;}
.indexContact .List dl dd{ width: 100%; font-size: 0.875rem;  color: #e8e8e8; margin-top: 0.9375rem; line-height: 1.625rem}
.indexContact .List dl dd a{ color: #e8e8e8;}
.indexContact .List dl dd a:hover{ color: #ff4229; }



.indexFooter{ background-color: #fff; width: 93.75%; position: relative; padding:1% 3.125%; margin: 0 auto; }
.indexFooter .Left{ color: #999; font-size: 0.75rem; width: 100%; position: relative; z-index: 1; line-height: 1.5rem;}
.indexFooter .Left p{ width: 100%; margin: 0.3125rem 0;}
.indexFooter .Left a{ color: #999;}
.indexFooter .Left a:hover{ color: #ff4229; text-decoration: underline;}
.indexFooter .Right{ width: 7.5rem; height: 1.25rem; position: absolute; top: 1.625rem; right: 0; z-index: 1;}
.indexFooter .Right dl{ float: left; width: 1.25rem; height: 1.25rem; margin: 0 0.625rem;}
.indexFooter .Right dl img{ width: 1.25rem; height: 1.25rem; opacity:0.5;-moz-opacity:0.5;filter:alpha(opacity=50);}
.indexFooter .Right dl:hover img{ opacity:1; -moz-opacity:1; filter:alpha(opacity=100);}

.theme-mask{z-index:9999; position:fixed; _position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(0, 0, 0, 0.8); display:none; }
.popover_weibo, .popover_weixin, .popover_mobile{ width:360px; height:400px; z-index:10000; position:fixed; top:50%;left:50%; background:#fff; margin:-200px 0 0 -180px;   box-shadow:1px 1px 6px 3px rgba(0,0,0,.2); display:none; text-align:center; border-radius:5px;}
.popover_weibo dl, .popover_weixin dl, .popover_mobile dl{ margin-top:50px; font-size:14px; line-height:40px;}
.popover_weibo dl a, .popover_weixin dl a, .popover_mobile dl a{ width:110px; height:40px; background:#ff4229; color:#fff; display:inline-block; border-radius:5px; font-size:14px; margin-top:20px;}

.theme-bg{z-index:9999; position:fixed; _position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(0, 0, 0, 0.8); }
.popover_statement{ width:320px; height:320px; padding:20px; z-index:10000; position:fixed; top:50%;left:50%; background:#fff; margin:-200px 0 0 -180px;   box-shadow:1px 1px 6px 3px rgba(0,0,0,.2); border-radius:5px; font-size:14px; line-height:26px;}
.popover_statement .title{ text-align:center; font-size:18px; font-weight:bold; line-height:36px; margin-bottom:10px;}
.popover_statement .link{text-align:center;}
.popover_statement .link a{width:110px; height:40px; background:#ff4229; color:#fff; border-radius:5px; display:inline-block; font-size:14px; margin:20px 10px 0; line-height:40px;}

.DownloadForm{ width:320px; height:410px; z-index:10000; position:fixed; top:50%;left:50%; background:#fff; margin:-185px 0 0 -150px;   box-shadow:1px 1px 6px 3px rgba(0,0,0,.2); display:none; text-align:center; border-radius:5px;}
.DownloadForm .message{ width: 300px; height: 350px; padding: 10px;}
.DownloadForm .message .top{ font-size: 24px; text-align: center; color: #ff4229; font-weight: bold; margin: 20px 0;}
.DownloadForm .message .form{ width: 270px; margin: 0 15px;}
.DownloadForm .message .form p{ position: relative; margin-bottom:15px;}
.DownloadForm .message .form input.txt,.DownloadForm select{ border-radius:5px; border:1px solid #e0dede; padding:0 10px;width:248px; background:#fff; margin:0;height:40px;line-height:40px;font-size:14px; color: #333;}
.DownloadForm .message .form input::-webkit-input-placeholder,.productD .message .form textarea::-webkit-input-placeholder {color: #aaa;font-size: 12px;text-align: left;}
.DownloadForm .message .form textarea.txt{border:1px solid #e0dede; padding:3px 10px; width:248px; color: #999; background:#fff; margin:0; height:80px; line-height:34px; font-size:14px; border-radius: 5px;}
.DownloadForm .message .form input.btn{ border-radius:5px; border:0; background:#ff4229; width:130px; height:40px; cursor:pointer; text-align:center; font-size:14px; color:#fff; margin:0; }
.DownloadForm .message .form input.btn:hover{ background-color: #333;}
.DownloadForm .message .form select{color:#666}
.DownloadForm .close{ width:130px; height:40px; line-height: 40px; background:#333; color:#fff; display:inline-block; border-radius:5px; font-size:14px; margin:0;}
.DownloadForm .close:hover{ background-color: #ff4229;}
.DownloadForm .row input:focus{ border:1px solid #e0dede; padding:0 10px; width:108px; background:#fff; height:40px; line-height:40px; font-size:14px; float:left; color: #666; border-radius: 5px;}



.PopUp{position: fixed; width: 500px; height: 210px; top: 50%; left: 50%; padding: 40px; margin: -145px 0 0 -290px; z-index: 99999999; display: none; background: url(../images/pop_03.png) center center no-repeat; color: #333; overflow: hidden;  -webkit-box-shadow:0 0 10px rgba(0,0,0,0.1); -moz-box-shadow:0 0 10px rgba(0,0,0,0.1); box-shadow:0 0 10px rgba(0,0,0,0.1);}
.PopUp .left{  width: 320px;  text-align: left;}
.PopUp .left .sgm{ font-size: 22px; line-height: 38px}
.PopUp .left .sgm p{  font-size: 24px;}
.PopUp .left .tel{ font-size: 40px; margin: 15px 0 5px;}
.PopUp .left .sgs{ font-size: 12px; margin-top: 10px;}
.PopUp .right{ width: 162px;}
.PopUp .right img{ width: 162px; height: 162px;}
.PopUp .right a{ margin-top: 30px; margin-left:-170px; width: 162px; height: 38px; line-height: 38px; background-color: #fff; display: block; text-align: center; font-size: 16px; color: #ff4229;}

.PopUp .kq{ width: 26px; height: 26px; background: url(../images/close.png) center center no-repeat; position: absolute; top: 10px; right: 10px;}








.RightFd{ width: 310px; height: 100px; right: 0; bottom: 10px; position: fixed; z-index: 99999; }
.RightFd .FdCont{ width: 175px; height: 36px; padding: 0 20px 0 15px; margin: 32px 0; background: url(../images/suncher_fd3.png) center center no-repeat;  position:relative; white-space: nowrap; }
.RightFd .FdCont .bd{ }
.RightFd .FdCont .bd .tempWrap{ width:175px !important;}
.RightFd .FdCont .bd ul{ overflow:hidden; zoom:1; }
.RightFd .FdCont .bd ul li{  float:left; height:36px; margin-right: 10px;  line-height:36px;  text-align:left; _display:inline; width:auto !important;  }
.RightFd .FdCont .bd ul li a{ display: block; color: #fff; font-size: 14px; }
.RightFd .right a{ display: block; width: 100px; height: 100px;   background: url(../images/suncher_fd2.png) center center no-repeat; }




.pageBanner{ width: 100%; position: relative; z-index: 1; margin: auto; padding: 0; overflow: hidden;}
.pageBanner .BgImg{ width: 100%; position: relative; z-index: 1; overflow: hidden;}
.pageBanner .BgImg img{ width: 100%;}
.pageBanner .Cont{ width: 90rem; position: absolute; top: 20%; left: 50%; margin-left: -720px; z-index: 2; color: #fff;}
.pageBanner .Cont .title{ font-size: 60px; width: 100%;}
.pageBanner .Cont .slogan{ font-size: 16px; line-height: 35px; margin-top: 30px;}
.pageBanner .Cont .more a{ display: block; width: 128px; padding-left: 40px; font-size: 14px; color: #fff; line-height: 38px; height: 38px; border: solid 1px #fff; margin-top: 70px; background: url(../images/more05.png) right 2.5rem center no-repeat;  transition: all 0.5s ease;}
.pageBanner .Cont .more a:hover{ border-color: #fff; color: #ff4229; background: #fff url(../images/more04.png) right 1.5rem center no-repeat;}

.pageBanner .ContD{ width: 90rem; position: absolute; top: 20%; left: 50%; margin-left: -720px; z-index: 2; text-align: center; color: #fff;}
.pageBanner .ContD .title{ font-size: 46px; font-weight: bold;}
.pageBanner .ContD .slogan{ font-size: 16px; width: 700px; margin:30px auto 10px; line-height: 28px; }
.pageBanner .ContD .more a{ display: block; width: 128px; text-align: left; padding-left: 40px; font-size: 14px; color: #fff; line-height: 38px; height: 38px; border: solid 1px #fff; margin: 40px auto 0; background: url(../images/more05.png) right 2.5rem center no-repeat;  transition: all 0.5s ease;}
.pageBanner .ContD .more a:hover{ border-color: #fff; color: #ff4229; background: #fff url(../images/more04.png) right 1.5rem center no-repeat;}

.pageBanner .ContMD{ width: 90rem; position: absolute; top: 20%; left: 50%; margin-left: -720px; z-index: 2; color: #fff;}
.pageBanner .ContMD .left{ width: 600px;}
.pageBanner .ContMD .title{ width: 100%; font-size: 48px;}
.pageBanner .ContMD .slogan{ width: 100%; font-size: 16px; line-height: 38px; margin-top: 40px;}
.pageBanner .ContMD .more a{ display: block; width: 128px; padding-left: 40px; font-size: 14px; color: #fff; line-height: 38px; height: 38px; border: solid 1px #fff; margin-top: 70px; background: url(../images/more05.png) right 2.5rem center no-repeat;  transition: all 0.5s ease;}
.pageBanner .ContMD .more a:hover{ border-color: #fff; color: #ff4229; background: #fff url(../images/more04.png) right 1.5rem center no-repeat;}
.pageBanner .ContMD .right{ width: 285px; height: 580px; margin: -70px 150px 0 0; position: relative; background: url(../images/mobile.png) center center no-repeat; }
.pageBanner .ContMD .right p.img{ width: 252px; height: 443px; margin: 69px 17px 68px 16px; position: relative; overflow: hidden;}
.pageBanner .ContMD .right p.img img{ width: 252px; }

.pageBanner .ContAbout{ width: 90rem; position: absolute; top: 30%; left: 50%; margin-left: -720px; z-index: 2; text-align: center; color: #fff;}
.pageBanner .ContAbout .title{ font-size: 70px; }
.pageBanner .ContAbout .list{ width: 100%; text-align: center; margin-top: 120px; }
.pageBanner .ContAbout .list dl{ display: inline-block; width: 24.72%; line-height: 50px; padding: 20px 0; height: 100px;  border-left: solid 1px rgba(255, 255, 255, 0.2);}
.pageBanner .ContAbout .list dl:first-child{ border-left: 0;}
.pageBanner .ContAbout .list dl dt{ font-size: 70px; font-weight: bold; position: relative;}
.pageBanner .ContAbout .list dl dt span.plus{ position: absolute; bottom: 0; font-size: 32px; font-weight: normal; line-height: 32px;}
.pageBanner .ContAbout .list dl dd{ font-size: 18px;}



.pages { font-size:16px; margin:50px 0; text-align:center; width: 100%; text-transform: uppercase;}
.pages a { display:inline-block; text-align:center; color:#21282e; padding:0 ;  margin:0 15px;}
.pages a:hover { color:#ff4229; text-decoration:none;   -webkit-transition: all 0.7s ease; -moz-transition: all 0.7s ease; -ms-transition: all 0.7s ease; -o-transition: all 0.7s ease; transition: all 0.7s ease; }
.pages span { display:inline-block;  color:#ff4229; text-decoration:line-through; text-align:center; padding: 0; margin:0 15px;}



.pageNav{ width: 100%; padding: 3% 0; margin: auto; position: relative; border-bottom: solid 1px #eee; }
.pageNav ul{ text-align: left; width: 90rem; margin: auto;}
.pageNav ul li{ display: inline-block; margin-right: 50px;}
.pageNav ul li a{ font-size: 16px; color: #333;}
.pageNav ul li#selected a,.pageNav ul li:hover a{ color: #ff4229;}


.pageCase{  width: 90rem; padding: 0 0; margin: auto; position: relative;}
.pageCase ul{ width: 101.61%; margin: 2% -0.805%;}
.pageCase ul li{ float: left; width: 31.72%; margin:  0.805%; position: relative;overflow: hidden;}
.pageCase ul li .img{ width: 100%; position: relative; z-index: 1;}
.pageCase ul li .img .thumbnail{ width: 100%;  transition: all 0.3s ease; }
.pageCase ul li .cont{ width: 94%; padding:1.5625rem 3%; overflow: hidden; position: relative; z-index: 2; height: 5.125rem;  background-color: rgba(255, 255, 255, 1);}
.pageCase ul li .cont .title{ font-size: 16px; color: #333; margin-bottom: 10px; line-height:150%;}
.pageCase ul li .cont .title span{ font-size: 14px; color: #666;}
.pageCase ul li .cont .summary{ font-size: 14px; color: #999; }

.pageCase ul li .img p{ width: 100%;  height: 100%; background-color: rgba(0, 0, 0, 0.4); position: absolute; left: 0; top: 0; transform: translateY(-101%); transition: all 0.8s ease;}
.pageCase ul li .img p span{ display: block; width: 100%; font-size: 1.875rem; color: #fff; text-align: center; line-height: 50px; position: absolute; top: 50%; margin-top: -25px; left: 0;}
.pageCase ul li:hover .thumbnail{transform:scale(1.2)}
.pageCase ul li:hover .title{ color: #ff4229;}
.pageCase ul li:hover .img p{transform: translateY(0); opacity:1;}



.pageMore{ width: 100%; padding: 3% 0; margin: auto; position: relative; background-color: #ff4229; color: #fff; text-align: center;}
.pageMore .p1{ font-size: 32px;}
.pageMore .p2{ font-size: 18px; margin: 20px 0 40px;}
.pageMore .p3 a{ width: 140px; height: 50px; margin: auto; font-size: 14px; padding-left: 30px; display: block; text-align: left; line-height: 50px; color: #333; background:#fff url(../images/more03.png) right 30px center no-repeat;}
.pageMore .p3 a:hover{ color: #ff4229; background:#fff url(../images/more04.png) right 30px center no-repeat;}


.pagelink{
	width: 100%;
	padding: 2% 0;
	margin: auto;
	position: relative;
	background-color: #282828;
	color: #fff;
	text-align: center;
}
.pagelink a{
	color: #fff;
}
.pagelink .p1{ font-size: 14px;}
.pagelink .p2{ font-size: 14px; margin: 10px 0 20px;}
.pagelink .p3 a{ width: 140px; height: 30px; margin: auto; font-size: 14px; padding-left: 30px; display: block; text-align: left; line-height: 30px; color: #333; background:#fff url(../images/more03.png) right 30px center no-repeat;}
.pagelink .p3 a:hover{ color: #ff4229; background:#fff url(../images/more04.png) right 30px center no-repeat;}


.caseTop{ width: 68.75rem; height: 37.5rem; position: relative; z-index: 2; left: 50%; margin: -17rem 0 5rem -34.375rem; }
.caseTop .caseBg{ width: 68.75rem; height: 37.5rem; position: relative; z-index: 2;}
.caseTop .caseBg img{ width: 68.75rem; height: 37.5rem;}



.caseTop .caseLink{ width: 66.25rem;  height: 2.5rem; position: absolute; top: 1.375rem; left: 1.25rem; z-index: 3;}
.caseTop .caseLink img{width: 66.25rem;  height: 2.5rem; position: relative; z-index: 3; }
.caseTop .caseLink p{ position: absolute; height: 1.5rem; line-height: 1.5rem; left: 5rem; top: 0.5rem; font-size: 0.875rem; color: #999; z-index: 4;}
.caseTop .caseImg{width: 66.25rem; height: 32.25rem; position: absolute; top: 3.875rem; left: 1.25rem; z-index: 3; overflow: hidden;}
.caseTop .caseImg img{width: 66.25rem;  }
.caseTop .caseVr{width: 66.25rem; height: 32.25rem; position: absolute; top: 3.875rem; left: 1.25rem; z-index: 3; overflow: hidden;}


.caseTop .casevBg{ width: 68.75rem; height: 40rem; position: relative; z-index: 2;}
.caseTop .casevBg img{ width: 68.75rem; height: 40rem;}
.caseTop .caseviod{width: 66.25rem; height: 40rem; position: absolute; top: 1.4rem; left: 1.25rem; z-index: 3; overflow: hidden; text-align:center;}

.caseContent{ width: 90rem; margin: 5rem auto;}
.caseContent .title{ font-size: 32px; text-align: center; width: 100%; color: #333; font-weight: bold;}
.caseContent .cont{ margin-top: 2.5rem; font-size: 0.875rem; line-height: 1.75rem}



.caseDetails{ width:90rem; text-align: center; padding:0; position: relative; margin:0 auto 0; text-align: center;}
.caseDetails img{ max-width: 100%; margin: 10px 0; -webkit-box-shadow:0 0 20px rgba(0,0,0,0.2); -moz-box-shadow:0 0 20px rgba(0,0,0,0.2); box-shadow:0 0 20px rgba(0,0,0,0.2);}



.suncherWX{ text-align: center; width: 100%; position: relative; margin:3.125rem auto; z-index: 4; padding:  0; background: #fff;}
.suncherWX img{ width: 12.5rem; height: 12.5rem;}
.suncherWX p{ font-size: 0.875rem; color: #999; line-height: 26px; margin:15px auto 0; }


.pageNews{  width: 90rem; padding: 0 0; margin: auto; position: relative;}
.pageNews ul,.relatedNews .List ul{ width: 101.61%; margin: 2% -0.805%;}
.pageNews ul li,.relatedNews .List ul li{ float: left; width: 31.72%; margin:  0.805%; position: relative;overflow: hidden;}
.pageNews ul li .img,.relatedNews .List ul li .img{ width: 100%; position: relative; z-index: 1;}
.pageNews ul li .img img,.relatedNews .List ul li .img img{ width: 100%; transition: all 0.3s ease;}
.pageNews ul li .cont,.relatedNews .List ul li .cont{ padding: 4%; width: 92%; position: relative; z-index: 2; background-color: #fff;}
.pageNews ul li .cont .time,.relatedNews .List ul li .cont .time{ font-size: 14px; color: #999;}
.pageNews ul li .cont .title,.relatedNews .List ul li .cont .title{ color: #333; font-size: 18px; margin: 8px 0 13px;}
.pageNews ul li .cont .summary,.relatedNews .List ul li .cont .summary{ font-size: 14px; color: #999; line-height: 26px;}
.pageNews ul li .cont .summary{ height:80px;}
.pageNews ul li:hover,.relatedNews .List ul li:hover{ -webkit-box-shadow:0 10px 20px rgba(0,0,0,0.1); -moz-box-shadow:0 10px 20px rgba(0,0,0,0.1); box-shadow:0 10px 20px rgba(0,0,0,0.1);}
.pageNews ul li:hover img,.relatedNews .List ul li:hover img{transform:scale(1.2)}
.pageNews ul li:hover .time,.relatedNews .List ul li:hover .time{ color: #666;}
.pageNews ul li:hover .title,.relatedNews .List ul li:hover .title{ color: #ff4229;}
.pageNews ul li:hover .summary,.relatedNews .List ul li:hover .summary{ color: #333;}



.pageCity{  width: 100%; padding: 0 0; margin: auto; position: relative;}
.pageCity ul,.relatedCity .List ul{ width: 100%; margin: 0% -0.805%;}
.pageCity ul li,.relatedCity .List ul li{ float: left; width: 31.72%; margin:  0.805%; position: relative;overflow: hidden;}
.pageCity ul li .img,.relatedCity .List ul li .img{ width: 100%; position: relative; z-index: 1;}
.pageCity ul li .img img,.relatedCity .List ul li .img img{ width: 100%; transition: all 0.3s ease;}
.pageCity ul li .cont,.relatedCity .List ul li .cont{ padding: 4%; width: 92%; position: relative; z-index: 2; background-color: #fff;}
.pageCity ul li .cont .time,.relatedCity .List ul li .cont .time{ font-size: 14px; color: #999;}
.pageCity ul li .cont .title,.relatedCity .List ul li .cont .title{ color: #333; font-size: 18px; margin: 8px 0 13px;}
.pageCity ul li .cont .summary,.relatedCity .List ul li .cont .summary{ font-size: 14px; color: #999; line-height: 26px;}
.pageCity ul li .cont .summary{ height:120px;}
.pageCity ul li:hover,.relatedCity .List ul li:hover{ -webkit-box-shadow:0 10px 20px rgba(0,0,0,0.1); -moz-box-shadow:0 10px 20px rgba(0,0,0,0.1); box-shadow:0 10px 20px rgba(0,0,0,0.1);}
.pageCity ul li:hover img,.relatedCity .List ul li:hover img{transform:scale(1.2)}
.pageCity ul li:hover .time,.relatedCity .List ul li:hover .time{ color: #666;}
.pageCity ul li:hover .title,.relatedCity .List ul li:hover .title{ color: #ff4229;}
.pageCity ul li:hover .summary,.relatedCity .List ul li:hover .summary{ color: #333;}



.NewsDTop{ width: 100%; position: relative; margin: 0;}
.NewsDTop .BgImg{ width: 100%; height: 100%; position: absolute; z-index: 1; top: 0; left: 0;}
.NewsDTop .Cont{ width: 100%; padding-top: 15%; position: relative; z-index: 2;}
.NewsDTop .Cont .title{ width: 90rem; margin: auto; font-size: 2rem; color: #fff; padding-bottom: 1.25rem; font-weight: bold; line-height: 46px;}
.NewsDTop .Cont .slogan{ width: 100%; margin: auto; height: 3.125rem; border-top: solid 1px rgba(255, 255, 255, 0.6); color: #fff;}
.NewsDTop .Cont .slogan .cont{ width: 90rem; margin: auto;}
.NewsDTop .Cont .slogan .left{ font-size: 0.875rem; color: #ddd; line-height: 3.125rem;}
.NewsDTop .Cont .slogan .left span{ margin-right: 1.25rem;}
.NewsDTop .Cont .slogan .right{ width: 9.375rem;}
.NewsDTop .Cont .slogan .right .Prev a{ display: block; height: 3.125rem; width: 3.0625rem; border-left: solid 0.0625rem rgba(255, 255, 255, 0.6); position: relative;}
.NewsDTop .Cont .slogan .right .Prev a i:nth-child(1),.NewsDTop .Cont .slogan .right .Prev a i:nth-child(2),.NewsDTop .Cont .slogan .right .Next a i:nth-child(1),.NewsDTop .Cont .slogan .right .Next a i:nth-child(2){ display: block; position: absolute; width: 1rem; height: 0.0625rem; background-color: rgba(255, 255, 255, 0.6); left: 50%; top: 50%; }
.NewsDTop .Cont .slogan .right .Prev a i:nth-child(1){margin: -0.375rem 0 0 -0.5rem; transform: rotate(-40deg); -webkit-transform: rotate(-40deg); -o-transform: rotate(-40deg); -moz-transform: rotate(-40deg);}
.NewsDTop .Cont .slogan .right .Prev a i:nth-child(2){margin: 0.3125rem 0 0 -0.5rem; transform: rotate(40deg); -webkit-transform: rotate(40deg); -o-transform: rotate(40deg); -moz-transform: rotate(40deg);}
.NewsDTop .Cont .slogan .right .List a{ display: block; height: 3.125rem; width: 3rem; border-left: solid 0.0625rem rgba(255, 255, 255, 0.6); border-right: solid 0.0625rem rgba(255, 255, 255, 0.6); position: relative;}
.NewsDTop .Cont .slogan .right .List a i{ width: 0.375rem; height: 0.375rem; background-color: rgba(255, 255, 255, 0.6); position: absolute;}
.NewsDTop .Cont .slogan .right .List a i:nth-child(1){ left: 1rem; top: 1.0625rem;}
.NewsDTop .Cont .slogan .right .List a i:nth-child(2){ right: 1rem; top: 1.0625rem;}
.NewsDTop .Cont .slogan .right .List a i:nth-child(3){ left: 1rem; bottom: 1.0625rem;}
.NewsDTop .Cont .slogan .right .List a i:nth-child(4){ right: 1rem; bottom: 1.0625rem;}
.NewsDTop .Cont .slogan .right .Next a{ display: block; height: 3.125rem; width: 3.0625rem; border-right: solid 0.0625rem rgba(255, 255, 255, 0.6); position: relative;}
.NewsDTop .Cont .slogan .right .Next a i:nth-child(1){ margin: -0.375rem 0 0 -0.5rem; transform: rotate(-140deg); -webkit-transform: rotate(-140deg); -o-transform: rotate(-140deg); -moz-transform: rotate(-140deg);}
.NewsDTop .Cont .slogan .right .Next a i:nth-child(2){margin: 0.3125rem 0 0 -0.5rem; transform: rotate(140deg); -webkit-transform: rotate(140deg); -o-transform: rotate(140deg); -moz-transform: rotate(140deg);}
.NewsDTop .Cont .slogan .right .Prev a i,.NewsDTop .Cont .slogan .right .Next a i{ border-radius: 1px;}
.NewsDTop .Cont .slogan .right .Next a:hover,.NewsDTop .Cont .slogan .right .List a:hover,.NewsDTop .Cont .slogan .right .Prev a:hover{ background-color: #fff;}
.NewsDTop .Cont .slogan .right .Next a:hover i,.NewsDTop .Cont .slogan .right .Next a:hover i,.NewsDTop .Cont .slogan .right .List a:hover i,.NewsDTop .Cont .slogan .right .Prev a:hover i{ background-color: #ff4229;}
.NewsDTop .Cont .slogan .current{ margin-right: 20px; line-height: 3.125rem; font-size: 14px;}
.NewsDTop .Cont .slogan .current a{ color: #ddd;}
.NewsDTop .Cont .slogan .current a:hover{ color: #ff4229; text-decoration: underline;}
.NewsDTop .Cont .slogan .current span{ margin: 0 5px;}

.pageNewsD{ width: 100%; border-bottom: solid 1px #eee;}
.pageNewsD .NewsDC{  width: 90rem; padding: 0 0 ;  margin: auto; position: relative; }
.pageNewsD .NewsD{ width: 70%; position: relative;  overflow: hidden; padding: 4% 4% 4% 0;border-right: solid 1px #eee; box-sizing:border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;   -webkit-appearance: none;}
.pageNewsD .NewsD .cont{ font-size: 14px; color: #333; margin-bottom: 3%; min-height: 250px; line-height: 36px;}
.pageNewsD .NewsD .cont img{ max-width: 100%;}
.pageNewsD .NewsD .keyword{ width: 100%; margin-bottom: 3%;}
.pageNewsD .NewsD .keyword a{ float: left; margin-right: 5px; margin-bottom: 5px; display: block; padding:5px 10px; background-color: #fafafa; color: #999;}
.pageNewsD .NewsD .keyword a:hover{ background-color: #ff4229; color: #fff;}
.pageNewsD .share{ width: 100%; height: 36px; position: relative; z-index: 98;}
.pageNewsD .bdsharebuttonbox{ display:block; position: relative;  padding:  0; width: 100%;  z-index: 98;  }
.pageNewsD .bdsharebuttonbox a{width: 36px;height:36px; float: left; font-size: 14px ; padding: 0; color: #333; line-height: 36px; border-radius: 50%; text-align: center; margin-right: 10px; color: #fff; font-size: 12px; z-index: 98;}
.pageNewsD .bdsharebuttonbox a.bds_sqq{ background:#333 url(../images/qq.png) center center no-repeat;}
.pageNewsD .bdsharebuttonbox a.bds_qzone{ background:#333 url(../images/qj.png) center center no-repeat;}
.pageNewsD .bdsharebuttonbox a.bds_weixin{ background:#333 url(../images/wx.png) center center no-repeat;}
.pageNewsD .bdsharebuttonbox a.bds_tsina{ background:#333 url(../images/xl.png) center center no-repeat;}
.pageNewsD .bdsharebuttonbox a:hover{ background-color: #ff4229;}
.pageNewsD .bdsharebuttonbox a.BackToTop{ background: #333; display: block !important;}
.pageNewsD .bdsharebuttonbox a.BackToTop:hover{ background: #ff4229; color: #fff;}


.pageNewsD .rightNews{ width: 30%; padding: 4% 0 4% 4%; border-left: solid 1px #eee; box-sizing:border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;   -webkit-appearance: none; margin-left: -1px;}
.pageNewsD .rightNews .top{ float: left; width: 100%; font-size: 24px; color: #000; font-weight: bold;}
.pageNewsD .rightNews ul{ float: left; width: 100%; margin-top: 30px;}
.pageNewsD .rightNews li{ float: left; width: 100%; margin-bottom: 20px;}
.pageNewsD .rightNews li .title{ font-size: 16px; color: #333; line-height: 26px;}
.pageNewsD .rightNews li .time{ font-size: 14px; color: #999; margin-top: 5px;}
.pageNewsD .rightNews li:hover .title,.pageNewsD .rightNews li:hover .time{ color: #ff4229;}



.pageNewsD .rightNews1{ width: 20%; padding: 2% 0 2% 2%; border-left: solid 1px #eee; box-sizing:border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;   -webkit-appearance: none; margin-left: -1px;}
.pageNewsD .rightNews1 .top{float: left;width: 100%;font-size: 18px;color: #666;font-weight: bold;line-height: 230%;border-bottom-width: 1px;border-bottom-style: dashed;border-bottom-color: #999;}
.pageNewsD .rightNews1 ul{ float: left; width: 100%; margin-top: 30px;}
.pageNewsD .rightNews1 li{ float: left; width: 100%; margin-bottom: 20px;}
.pageNewsD .rightNews1 li .title{ font-size: 16px; color: #333; line-height: 26px;}
.pageNewsD .rightNews1 li .time{ font-size: 14px; color: #999; margin-top: 5px;}
.pageNewsD .rightNews1 li:hover .title,.pageNewsD .rightNews li:hover .time{ color: #ff4229;}

.pageNewsD .rightNews1 .chengshi{float: left;width: 33.3333333%;font-size: 14px;color: #000; padding-top:15px; line-height:50%;}




.pages1{width: 100%; padding: 0 ; margin:30px auto 0; height: 60px; line-height: 60px; position: relative;  z-index: 1;}
.pages1 a{ font-size: 14px; color: #999;}
.pages1 a:hover{ color: #ff4229;}

.relatedNews{  width: 90rem; padding: 3% 0 1%; margin: auto; }
.relatedNews .Top{ font-size: 28px; color: #000;}
.relatedNews .summary{ height:80px;}



.about01{ width: 90rem; margin:3.75rem auto; position: relative;}
.about01 .aboutc{ float: left; width: 100%;}
.about01 .cont{ width: 51.25rem;}
.about01 .cont .title{ font-size: 2.5rem; width: 100%; color: #000; line-height: 3.25rem; font-weight: bold;}
.about01 .cont .con{ font-size: 14px; width: 100%; line-height: 28px; color: #999;}
.about01 .cont .con p{ margin-top: 15px;}
.about01 .img{ width: 33.4375rem; height: 20rem;}
.about01 .img img{ width: 33.4375rem; height: 20rem;}
.about01 .list{ float: left; width: 100%; text-align: center; margin-top: 5rem;}
.about01 .list dl{ display: inline-block; width: 19.81%;}
.about01 .list dl dt{ width: 60px; height: 50px; margin: auto; transition: 400ms; -webkit-transition: 400ms;transition: 0.4s 0s; -webkit-transition: 0.4s 0s;}
.about01 .list dl dt img{width: 60px; height: 50px;}
.about01 .list dl dt .img1{ display: block;}
.about01 .list dl dt .img2{ display: none;}
.about01 .list dl dd{ font-size: 16px; line-height: 26px; color: #333; margin-top: 15px;}
.about01 .list dl:hover dt { opacity: 1;  transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); -moz-transform: rotate(360deg);}
.about01 .list dl:hover dt .img2{ display: block;}
.about01 .list dl:hover dt .img1{ display: none;}
.about01 .list dl:hover dd{ color: #ff4229;}




.about02{ width: 100%; padding: 0 0;  position: relative; overflow: hidden;}
.about02 .Bg{ width: 100%; position: relative; z-index: 1; overflow: hidden;}
.about02 .Bg img{ width: 100%;}
.about02 .cont{ position: absolute; z-index: 2; bottom: 0; left: 0; height: 100%; width:93.75%; padding: 0 ; margin: 0 3.125%;}
.about02 .cont .line{ position: absolute; z-index: 2; height: 32.5rem; background: #fff; width: 50%; right: 0; bottom: 0;}
.about02 .cont .con{ width: 90rem; margin: auto; position: relative; z-index: 3; height: 100%;}
.about02 .cont .con .title{ float: left; width: 45rem; height: 100%;}
.about02 .cont .con .title span{ float: left; font-size: 2.875rem; color: #fff; width: 100%; margin-top: 6.875rem;}
.about02 .cont .con .title p{ float: left; width: 3.75rem; height: 0.25rem; background-color: rgba(255, 255, 255, 0.9); margin-top: 1.5625rem;}
.about02 .cont .con .list{ width: 36.25rem; height: 23.75rem; position: absolute; bottom: 0; right: 0; padding: 4.375rem; background-color: rgba(255,255,255,1);}
.about02 .cont .con .list dl{ float: left; margin-bottom: 30px;}
.about02 .cont .con .list dl dt{ font-size: 1.5rem; color: #333; font-weight: bold;}
.about02 .cont .con .list dl dd{ font-size: 0.875rem; line-height: 1.625rem; color: #999; margin-top: 10px;}
.about02 .cont .con .list p{ width: 0.1875rem; height: 0.625rem;  background-color: #333; position: absolute; top: 4.375rem; right: 4.375rem;}


.about03{ width: 90rem;  margin: 3.75rem auto; position: relative;}
.about03 dl{ float: left; width: 28.125rem; margin-left: 2.8125rem; position: relative; overflow: hidden;}
.about03 dl:first-child{ margin-left: 0;}
.about03 dl dt{ width: 100%;  position: relative; z-index: 1;}
.about03 dl dt img{ width: 100%;  }
.about03 dl dd{ position: absolute; top: 0; left: 0; width: 80%; height:80%;  background-color: rgba(0, 0, 0, 0.4); z-index: 2; color: #fff; padding: 10%;}
.about03 dl dd .title{ width: 100%; text-align: center; margin-top: 0; font-size: 1.75rem; transform: translateY(6.25rem); transition: all 0.8s ease;}
.about03 dl dd .line{ width: 2.5rem; height: 0.25rem; margin:0 auto; background-color: rgba(255, 255, 255, 0.9); transform: translateY(18.75rem); transition: all 0.8s ease;}
.about03 dl dd .cont{ font-size: 0.875rem; color: #fff; line-height: 1.625rem; transform: translateY(18.75rem); transition: all 0.8s ease;}
.about03 dl:hover .title{ transform: translateY(2.5rem); opacity:1;}
.about03 dl:hover .line{ transform: translateY(3.75rem); opacity:1;}
.about03 dl:hover .cont{ transform: translateY(5rem); opacity:1;}
.about03 dl:hover dd{ background-color: rgba(255, 66, 61, 0.8);}



.about04{ width: 100%; padding: 0 0; height: 81.25rem; margin: auto; position: relative;
background: #e8e8e8;
background: -moz-linear-gradient(top,  #e8e8e8 0%, #ffffff 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e8e8e8), color-stop(100%,#ffffff));
background: -webkit-linear-gradient(top,  #e8e8e8 0%,#ffffff 100%);
background: -o-linear-gradient(top,  #e8e8e8 0%,#ffffff 100%);
background: -ms-linear-gradient(top,  #e8e8e8 0%,#ffffff 100%);
background: linear-gradient(to bottom,  #e8e8e8 0%,#ffffff 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e8e8e8', endColorstr='#ffffff',GradientType=0 );
}
.about04 .bg{ width: 66.875rem; height: 31.25rem; top:0; left: 0; z-index: 0;  position: absolute;}
.about04 .List{ width: 90rem; margin: auto; height: 75rem; position: relative; z-index: 1; padding-top: 6.25rem;}
.about04 .List .img1{ position: absolute; top: 11.25rem ; left: 0; width: 23.125rem; height: 36.875rem;}
.about04 .List .img2{ position: absolute; bottom: 0; left: 0; width: 23.125rem; height: 33.125rem;}
.about04 .List .img3{ position: absolute; top: 11.25rem; left: 23.125rem; width: 28.75rem; height: 30.9375rem;}
.about04 .List .img4{ position: absolute; top: 40rem; left: 23.125rem; width: 28.75rem; height: 35.3125rem;}
.about04 .List .img5{ position: absolute; top: 45rem; right: 0; width: 38.125rem; height: 22.5rem;}
.about04 .List .cont{ position: absolute; top: 5rem; right: 0; height: 32.5rem; background-color: #fff; padding: 3.75rem; width: 30.625rem;}
.about04 .List .cont .title{ float: left; width: 100%; font-size: 2.875rem; color: #000; margin-bottom: 1.25rem;}
.about04 .List .cont .con{ font-size: 1rem; float: left; width: 100%; color: #999; line-height: 1.75rem;}
.about04 .List .cont .con p{ margin-top: 1.25rem;}
.about04 .List .cont .line{ width: 0.3125rem; height: 4.0625rem; background-color: #ff4229; position: absolute; right: 2.5rem; bottom: 5.3125rem;}
.about04 .List .suncher{position: absolute; top: 67.5rem; right: 0;  width: 33.125rem;font-family:'verdana'; line-height: 7.8125rem; font-size: 3.5rem; height:7.8125rem; padding: 0 2.5rem; text-transform: uppercase; color: #e8e8e8; font-weight: bold;}



.about05{ width: 100%; padding:4.375rem 0; position: relative;  background-color: #f8f8f8;}
.about05List{ width: 84.375rem; overflow:hidden; position:relative; background-color: #fff; padding: 3.75rem 2.8125rem; margin:auto;}
.about05List .title{ width: 100%; margin-bottom: 2rem;}
.about05List .title .left{ font-size: 2.875rem; color: #333;}
.about05List .title .left p{ width: 3.4375rem; height: 0.25rem; margin-top: 2rem; background-color: #bbb;}
.about05List .title .right{ width: 40%; font-size: 0.875rem; line-height: 1.625rem; color: #999;}
.about05List .hd{ overflow:hidden;  padding:0 0;  }
.about05List .hd ul{ text-align: center; overflow:hidden; zoom:1; margin-top:3.125rem; zoom:1; }
.about05List .hd ul li{ display: inline-block;  width:0.75rem ; height:0.75rem; margin: 0 0.5rem; overflow:hidden; border-radius: 50%; background-color: #666; text-indent:-999px; cursor:pointer; }
.about05List .hd ul li.on{ background-color: #ff4229;}
.about05List .bd{ padding:0; width: 100%; overflow: hidden; }
.about05List .bd ul{ overflow:hidden; zoom:1; width: 100%;}
.about05List .bd ul li{ margin-right:30px; width: 315px; float:left; _display:inline; overflow:hidden; text-align:center; }
.about05List .bd ul li .img{ width: 100%;}
.about05List .bd ul li .img img{ width: 100%;}
.about05List .bd ul li .cont{ font-size: 0.875rem; color: #999; margin-top: 1.25rem; letter-spacing: 0.0625rem;}
.about05List .bd ul li .cont p{ font-size: 1.25rem; font-weight: bold; color: #333; text-transform: uppercase;}
.about05List .bd ul li .cont span{ font-family: 'Arial';}


.about06{ width: 100%; padding: 0 ; margin:3.125rem auto ; position: relative;}
.about06 .title{ width: 100%; text-align: center; font-size: 1rem; color: #999; }
.about06 .title p{ font-size: 2.875rem; color: #333; margin-bottom: 0.625rem; }
.about06 .list{ width: 90rem; margin: 3.125rem auto;}
.about06 .list li{ float: left; width: 20%; margin: 0;}
.about06 .list li img{ width: 100%; -webkit-filter: grayscale(100%);-moz-filter: grayscale(100%);-ms-filter: grayscale(100%);-o-filter: grayscale(100%);filter: grayscale(100%);filter: gray;}
.about06 .list li:hover img{  -webkit-filter: grayscale(0%);-moz-filter: grayscale(0%);-ms-filter: grayscale(0%);-o-filter: grayscale(0%);filter: grayscale(0%);filter: gray;}



.pageContact{ width: 100%; padding: 0 ; margin:4.375rem auto;}
.pageContact .title{ width: 100%; text-align: center; font-size: 16px; color: #999;}
.pageContact .title p{ font-size: 46px; color: #333; margin-bottom: 10px;}
.pageContact .list{ width: 90rem; margin: 60px auto;}
.pageContact .list dl{ float: left; width: 17%; padding: 0 4%;}
.pageContact .list dl dt{ width: 45px; height: 44px; margin: 0; transition: 400ms; -webkit-transition: 400ms;transition: 0.4s 0s; -webkit-transition: 0.4s 0s;}
.pageContact .list dl:nth-child(1) dt{ background: url(../images/contacticon1.png) center center no-repeat;}
.pageContact .list dl:nth-child(2) dt{ background: url(../images/contacticon2.png) center center no-repeat;}
.pageContact .list dl:nth-child(3) dt{ background: url(../images/contacticon3.png) center center no-repeat;}
.pageContact .list dl:nth-child(4) dt{ background: url(../images/contacticon4.png) center center no-repeat;}
.pageContact .list dl dd{ width: 100%; text-align: left; margin: 0 auto; font-size: 14px; color: #666; line-height: 26px;}
.pageContact .list dl dd a{ color: #666;}
.pageContact .list dl dd a:hover{ color: #ff4229;}
.pageContact .list dl dd p{ font-size: 20px; font-weight: bold; color: #000; margin: 20px auto 10px;}
.pageContact .list dl:hover dd,.pageContact .list dl:hover dd p{ color: #ff4229;}
.pageContact .list dl:nth-child(1):hover dt{ background: url(../images/contacticon1-1.png) center center no-repeat;}
.pageContact .list dl:nth-child(2):hover dt{ background: url(../images/contacticon2-1.png) center center no-repeat;}
.pageContact .list dl:nth-child(3):hover dt{ background: url(../images/contacticon3-1.png) center center no-repeat;}
.pageContact .list dl:nth-child(4):hover dt{ background: url(../images/contacticon4-1.png) center center no-repeat;}
.pageContact .list dl:hover dt{ opacity: 1;  transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); -moz-transform: rotate(360deg); }




.pageMap{ width: 100%; height: 820px; background-color: #f5f5f5; position: relative; min-width: 90rem;}
.pageMap #mapall { height:640px; position: relative; z-index: 1; width: 100%;}
.pageMap .list{ width: 90rem; left: 50%; margin-left: -720px; bottom: 80px; position: absolute; z-index: 2; background-color: #fff; height: 100px; padding: 40px 0; -webkit-box-shadow:0 0 10px rgba(0,0,0,0.05); -moz-box-shadow:0 0 10px rgba(0,0,0,0.05); box-shadow:0 0 10px rgba(0,0,0,0.05);}
.pageMap .list dl{ float: left; width: 24%; height: 60px;  border-left: solid 1px #f5f5f5; padding: 20px 4.5%;}
.pageMap .list dl:first-child{ border-left: 0; }
.pageMap .list dl dt{ float: left; width:88%; line-height: 35px; font-size: 20px; color: #000; font-weight: bold; padding-left: 12%; background: url(../images/car.png) left center no-repeat;}
.pageMap .list dl dd{ float: left; width:88%; padding-left: 12%; margin-top: 8px; line-height: 26px; font-size: 14px; color: #333;}



.pageForm{ width: 75rem; padding: 0 ; margin:4.375rem auto;}
.pageForm .title{ text-align: center;  width: 100%; text-align: center; font-size: 14px; color: #999; line-height: 26px;}
.pageForm .title p{ font-size: 32px; color: #333; font-weight: bold;  margin-bottom:20px; }
.pageForm .title span{ color: #ff4229;}

.pageForm .list{ width:75rem; margin:60px auto ; overflow:hidden;}
.pageForm .row{ width:100%; clear:both;  margin:0 0 30px 0;}
.pageForm .row .row_left{ width:570px; float:left; display:block; }
.pageForm .row .row_right{ width:570px; float:right; display:block; }
.pageForm label{ position:relative; display:block; }
.pageForm label span{ position:absolute; left:0; top:20px; font-size:14px; color:#666;}
.pageForm .txt{ border: 0; border-bottom:1px solid #eee; padding:20px 0; background:#fff;}
.pageForm .txt:focus{  border: 0; border-bottom:1px solid #ff4229; padding:20px 0; background:#fff;}
.pageForm .txt.w1{ width:570px; height:20px; line-height:20px;}
.pageForm .txt.w2{ width:75rem; height:100px; line-height:20px;}
.pageForm .btn{ float:right; border:0; background:#ff4229; border-radius:0; width:150px; height:50px; cursor:pointer; text-align:center; font-size:16px;  color:#fff;}
.pageForm .row .btn:hover{ background:#21282e; -webkit-transition: all 0.7s ease; -moz-transition: all 0.7s ease; -ms-transition: all 0.7s ease; -o-transition: all 0.7s ease; transition: all 0.7s ease;}
.pageForm .row p.xin{ color:#21282e; line-height:50px; font-size:14px; float:left; color: #999;}
.pageForm .row p.xin span{ color:#ff4229;}



.pageBrand{ width: 90rem; padding: 0  ; margin:4.375rem auto;}
.pageBrand .title{ width: 100%; text-align: center; font-size: 16px; color: #999;}
.pageBrand .title p{ font-size: 46px; color: #333; margin-bottom: 10px;}
.pageBrand .list{ width: 100%; margin: 60px auto 0;}
.pageBrand .list dl{ float: left; width: 33.33%;}
.pageBrand .list dl dt{ width: 76px; height: 78px; margin: auto;  transition: 400ms; -webkit-transition: 400ms;transition: 0.4s 0s; -webkit-transition: 0.4s 0s;}
.pageBrand .list dl:nth-child(1) dt{ background: url(../images/brand01.png) center center no-repeat;}
.pageBrand .list dl:nth-child(2) dt{ background: url(../images/brand02.png) center center no-repeat;}
.pageBrand .list dl:nth-child(3) dt{ background: url(../images/brand03.png) center center no-repeat;}
.pageBrand .list dl dd{ width: 100%; margin: 30px auto 0; font-size: 14px; color: #999; text-align: center; line-height: 24px;}
.pageBrand .list dl dd p{ font-size: 22px; color: #333; font-weight: bold; margin-bottom: 15px;}
.pageBrand .list dl:hover dt{ opacity: 1;  transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); -moz-transform: rotate(360deg); }



.pageProblem{ width: 100%; padding: 80px 0; margin: auto; background-color: #f5f5f5;}
.pageProblem .title{width: 90rem; padding: 0  ; margin: auto; text-align: center; font-size: 16px; color: #999;}
.pageProblem .title p{ font-size: 46px; color: #333;  margin-bottom: 20px;}
.pageProblem .list{ width: 1400px; height: 440px; margin:60px auto 0; padding: 20px; background-color: #fff;}
.pageProblem .list li{ float: left; position: relative; width: 350px; height: 440px;}
.pageProblem .list li .img{position: absolute; width: 350px; height: 220px; overflow: hidden;}
.pageProblem .list li img{ width: 350px; height: 220px; transition: all 0.8s ease;}
.pageProblem .list li .cont{position: absolute; text-align: center; width: 260px; padding: 45px; height: 130px; font-size: 14px; color: #999; line-height: 24px;}
.pageProblem .list li .cont p{ font-size: 20px; color: #333; font-weight: bold; margin-bottom: 20px;}
.pageProblem .list li:nth-child(odd) .img{ top: 0; left: 0;}
.pageProblem .list li:nth-child(odd) .cont{ top: 220px; left: 0;}
.pageProblem .list li:nth-child(even) .img{ top: 220px; left: 0;}
.pageProblem .list li:nth-child(even) .cont{ top: 0; left: 0;}
.pageProblem .list li:hover .cont{ background-color: #ff4229; color: #fff;}
.pageProblem .list li:hover .cont p{ color: #fff;}
.pageProblem .list li:hover img{transform:scale(1.2);}



.pageWork{ width: 100%; padding: 80px 0 0 0; margin: auto; background: url(../images/brandbg.jpg) repeat;}
.pageWork .title{width: 90rem; padding: 0 ; margin: auto; text-align: center; font-size: 16px; color: #999;}
.pageWork .title p{ font-size: 46px; color: #333;  margin-bottom: 20px;}
.pageWork .list{ width: 90rem; padding: 0 ; margin: 60px auto 0;}
.pageWork .list .left{ width: 50%; text-align: right;}
.pageWork .list .right{ width: 40%; padding: 0 5%;}
.pageWork .list .right dl{ float: left; width: 100%; margin: 30px 0;}
.pageWork .list .right dl dt{ float: left; width: 36px; height: 36px; border-radius: 50%;}
.pageWork .list .right dl:nth-child(1) dt{ background:#eee url(../images/006.png) center center no-repeat;}
.pageWork .list .right dl:nth-child(2) dt{ background:#eee url(../images/007.png) center center no-repeat;}
.pageWork .list .right dl:nth-child(3) dt{ background:#eee url(../images/008.png) center center no-repeat;}
.pageWork .list .right dl:nth-child(1):hover dt{background:#ff4229 url(../images/006-1.png) center center no-repeat;}
.pageWork .list .right dl:nth-child(2):hover dt{background:#ff4229 url(../images/007-1.png) center center no-repeat;}
.pageWork .list .right dl:nth-child(3):hover dt{background:#ff4229 url(../images/008-1.png) center center no-repeat;}
.pageWork .list .right dl dd{ float: left; font-size: 14px; width: 90%; margin-left: 20px; color: #999;}
.pageWork .list .right dl dd p{ font-size: 18px; color: #333; margin-bottom: 10px;}
.pageWork .list .right dl:hover dd,.pageWork .list .right dl:hover dd p{ color: #ff4229;}



.pageSolution{ width: 100%; padding: 80px 0; height: 500px; background: url(../images/009bg.jpg) center top no-repeat}
.pageSolution .title{width: 90rem; padding: 0 0; margin: auto; text-align: center;  color: #fff;}
.pageSolution .title p{ font-size: 46px;   margin-bottom: 20px;}
.pageSolution .title span{ font-size: 16px; line-height: 30px;}
.pageSolution .list1{ width: 90rem; margin:60px auto 0; color: #fff;}
.pageSolution .list2{ width: 90rem; margin:0 auto 0; color: #fff;}
.pageSolution .list1 dl,.pageSolution .list2 dl{ float: left; width: 288px; color: #fff; text-align: center;}
.pageSolution .list1 dl dt,.pageSolution .list2 dl dt{ width: 60px; height: 60px; margin: auto; border-radius: 50%; border: solid 2px #fff; overflow: hidden;}
.pageSolution .list1 dl:nth-child(1) dt{ background: url(../images/010tu.png) center center no-repeat;}
.pageSolution .list1 dl:nth-child(2) dt{ background: url(../images/011tu.png) center center no-repeat;}
.pageSolution .list1 dl:nth-child(3) dt{ background: url(../images/012tu.png) center center no-repeat;}
.pageSolution .list1 dl:nth-child(4) dt{ background: url(../images/013tu.png) center center no-repeat;}
.pageSolution .list1 dl:nth-child(5) dt{ background: url(../images/014tu.png) center center no-repeat;}
.pageSolution .list2 dl:nth-child(1) dt{ background: url(../images/015tu.png) center center no-repeat;}
.pageSolution .list2 dl:nth-child(2) dt{ background: url(../images/016tu.png) center center no-repeat;}
.pageSolution .list2 dl:nth-child(3) dt{ background: url(../images/017tu.png) center center no-repeat;}
.pageSolution .list2 dl:nth-child(4) dt{ background: url(../images/018tu.png) center center no-repeat;}
.pageSolution .list2 dl:nth-child(5) dt{ background: url(../images/019tu.png) center center no-repeat;}
.pageSolution .list1 dl:hover dt,.pageSolution .list2 dl:hover dt{ background-color: #ff4229; border-color: #ff4229;}
.pageSolution .list1 dl:hover,.pageSolution .list2 dl:hover{ color: #ff4229;}
.pageSolution .list1 dl dd,.pageSolution .list2 dl dd{ font-size: 16px; margin-top: 15px;}
.pageSolution .mid{ width: 100%; height: 35px; position: relative; margin:25px auto;}
.pageSolution .mid .line-h{ width: 100%; height: 1px; background-color: #3c3c3c; position: absolute; top: 17px; z-index: 1;}
.pageSolution .mid .line-v{ width: 90rem; margin: auto; position: relative; z-index: 2;}
.pageSolution .mid .line-v p{ float: left; width: 1px; margin:0 143px 0 144px; height: 35px; background-color: #3c3c3c;}



.RelatedCase{ background-color: #f8f8f8; padding: 80px 0; width: 100%;}
.RelatedCase .title{width: 90rem; padding: 0  ; margin: auto;  font-size: 16px; text-align: center;  color: #999;}
.RelatedCase .title p{ font-size: 46px; color: #333;  margin-bottom: 20px;}
.RelatedCase .list{ width: 90rem; margin: 30px auto 0;}
.RelatedCase .list ul{ width: 102%; margin: 0 -1%;}
.RelatedCase .list ul li{ float: left; width: 31.33%; margin: 1%; position: relative; overflow: hidden;}
.RelatedCase .list ul li .img{ width: 100%; position: relative; z-index: 1;}
.RelatedCase .list ul li .img img{ width: 100%;  transition: all 0.3s ease; }
.RelatedCase .list ul li .cont{ width: 60%; padding: 20% 20%; height: 60%; color: #fff; background-color: rgba(0, 0, 0, 0.4);  position: absolute; top: 0; left: 0; transform: translateY(-101%); transition: all 0.8s ease; z-index: 2; text-align: center;}
.RelatedCase .list ul li .cont .name{ font-size: 24px; font-weight: bold;}
.RelatedCase .list ul li .cont .con{ font-size: 14px; line-height: 24px; margin-top: 20px;}
.RelatedCase .list ul li:hover img{transform:scale(1.2);}
.RelatedCase .list ul li:hover .cont{transform: translateY(0); opacity:1;}
.RelatedCase .more{ text-align: center; width: 100%; margin: 40px auto 0;}
.RelatedCase .more a{ font-size: 16px; color: #333;}
.RelatedCase .more a:hover{ color: #ff4229; text-decoration: underline;}


.pageAdvantage{  background-color: #ff4229; padding: 80px 0; width: 100%;}
.pageAdvantage .list{ width: 90rem; margin: 0 auto;}
.pageAdvantage .list dl{ float: left; width: 25%; text-align: center;}
.pageAdvantage .list dl dt{ font-size: 60px; color: #fff; font-weight: bold; position: relative;}
.pageAdvantage .list dl dt span.plus{ font-size: 32px; font-weight: normal;}
.pageAdvantage .list dl dd{ font-size: 18px; color: #fff; }


.pagePartner{ width: 90rem; padding: 80px 0; margin: auto; }
.pagePartner .title{width: 100%; padding: 0  ; font-size: 16px; text-align: center;  color: #999;}
.pagePartner .title p{ font-size: 46px; color: #333;  margin-bottom: 20px;}
.pagePartner .list{ width: 100%; margin: 50px auto 0;}
.pagePartner .list li{ float: left; width: 20%;}
.pagePartner .list li .img1{ width: 100%; -webkit-filter: grayscale(100%);-moz-filter: grayscale(100%);-ms-filter: grayscale(100%);-o-filter: grayscale(100%);filter: grayscale(100%);filter: gray; display: block;}
.pagePartner .list li .img2{ display: none; width: 100%;}
.pagePartner .list li:hover{ background-color: #ff4229;}
.pagePartner .list li:hover .img1{ display: none; }
.pagePartner .list li:hover .img2{ display: block; }



.VrService{ width: 90rem; padding: 80px 0; margin: auto; }
.VrService .title{width: 100%; padding: 0  ; font-size: 16px; text-align: center;  color: #999;}
.VrService .title p{ font-size: 46px; color: #333;  margin-bottom: 20px;}
.VrService .list{ width: 100%; margin-top: 55px;}
.VrService .list dl{ float: left; width: 29.86%; margin-left: 5.21%}
.VrService .list dl:first-child{ margin-left: 0;}
.VrService .list dl dt{ width: 100%;  overflow: hidden;}
.VrService .list dl dt img{ width: 100%; transition: all 0.5s ease; }
.VrService .list dl dd{ width: 100%; font-size: 14px; color: #999; line-height: 24px;}
.VrService .list dl dd p{ font-size: 22px; font-weight: bold; color: #333; margin: 20px 0;}
.VrService .list dl:hover img{transform:scale(1.2);}
.VrService .list dl:hover dd p{ color: #ff4229;}



.VrSelect{ width: 100%; padding: 80px 0; margin: auto; background-color: #f8f8f8;}
.VrSelect .title{width: 100%; padding: 0  ; font-size: 16px; text-align: center;  color: #999;}
.VrSelect .title p{ font-size: 46px; color: #333;  margin-bottom: 20px;}
.VrSelect .list{ width: 90rem; margin: 70px auto 0;  }
.VrSelect .list dl{ float: left; width: 20%; padding: 0 2.5%;}
.VrSelect .list dl dt{ width: 70px; height: 70px; transition: 400ms; -webkit-transition: 400ms;transition: 0.4s 0s; -webkit-transition: 0.4s 0s;}

.VrSelect .list dl:nth-child(1) dt{ background: url(../images/hulianwangchanpin004.png) center center no-repeat;}
.VrSelect .list dl:nth-child(2) dt{ background: url(../images/hulianwangchanpin005.png) center center no-repeat;}
.VrSelect .list dl:nth-child(3) dt{ background: url(../images/hulianwangchanpin006.png) center center no-repeat;}
.VrSelect .list dl:nth-child(4) dt{ background: url(../images/hulianwangchanpin007.png) center center no-repeat;}
.VrSelect .list dl dd{ font-size: 14px; color: #999; line-height: 24px; }
.VrSelect .list dl dd p{ font-size: 22px; color: #333; font-weight: bold; margin: 30px 0 25px;}
.VrSelect .list dl:hover dt{ opacity: 1;  transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); -moz-transform: rotate(360deg); }



.VrScenes{ width: 100%; padding: 70px 0 80px; height: 720px; margin: auto; background: url(../images/hulianwangchanpin008.jpg) center top no-repeat;}
.VrScenes .title{width: 100%; padding: 0  ; font-size: 16px; text-align: center;  color: #fff;}
.VrScenes .title p{ font-size: 46px;  margin-bottom: 20px;}
.VrScenes .list{ width: 90rem; margin: 40px auto 0;  }
.VrScenes .list ul{width: 102%; margin: 0 -1% ;}
.VrScenes .list ul li{ float: left; width: 23%; margin: 1%; overflow: hidden;}
.VrScenes .list ul li .img{ float: left; width: 100%; overflow: hidden;}
.VrScenes .list ul li img{ width: 100%; transition: all 0.5s ease; }
.VrScenes .list ul li p{ float: left; width: 100%; height: 36px; line-height: 36px; text-align: center; font-size: 16px; color: #333; background-color: rgba(255, 255, 255, 0.9);}
.VrScenes .list ul li:hover img{transform:scale(1.2);}
.VrScenes .list ul li:hover p{ background-color: rgba(255, 66, 61, 0.9); color: #fff;}



.VrCase{ background-color: #f8f8f8; padding: 80px 0; width: 100%;}
.VrCase .title{width: 100%; padding: 0  ; font-size: 16px; text-align: center;  color: #999;}
.VrCase .title p{ font-size: 46px; color: #333;  margin-bottom: 20px;}
.VrCase .list{ width: 90rem; margin: 30px auto 0;}
.VrCase .list ul{ width: 102%; margin: 0 -1%;}
.VrCase .list ul li{ float: left; width: 31.33%; margin: 1%; position: relative; overflow: hidden;}
.VrCase .list ul li .img{ width: 100%; position: relative; z-index: 1;}
.VrCase .list ul li .img img{ width: 100%;  transition: all 0.3s ease; }
.VrCase .list ul li .cont{ width: 60%; padding: 0 20%; height: 100%; color: #fff; background-color: rgba(0, 0, 0, 0.4);  position: absolute; top: 0; left: 0; transform: translateY(80%); transition: all 0.8s ease; z-index: 2; overflow: hidden;  text-align: center;}
.VrCase .list ul li .cont .name{ font-size: 22px; line-height: 65px; transform: translateY(0); transition: all 0.8s ease;}
.VrCase .list ul li .cont .icon{ transform: translateY(-300%); transition: all 0.8s ease;}
.VrCase .list ul li:hover .img img{transform:scale(1.2);}
.VrCase .list ul li:hover .cont{transform: translateY(0); opacity:1;}
.VrCase .list ul li:hover .name{transform: translateY(260%); opacity:1;}
.VrCase .list ul li:hover .icon{transform: translateY(140%); opacity:1;}
.VrCase .more{ text-align: center; width: 100%; margin: 40px auto 0;}
.VrCase .more a{ font-size: 16px; color: #333;}
.VrCase .more a:hover{ color: #ff4229; text-decoration: underline;}



.VrProcess{ background-color: #f8f8f8; padding: 80px 0; width: 100%;}
.VrProcess .title{width: 100%; padding: 0  ; font-size: 16px; text-align: center;  color: #999;}
.VrProcess .title p{ font-size: 46px; color: #333;  margin-bottom: 20px;}
.VrProcess .list{ width: 90rem; margin: 60px auto 0;}
.VrProcess .list dl{ float: left; width: 180px; position: relative; margin: 0 30px; height: 180px; overflow: hidden; }
.VrProcess .list dl dt{ width: 100%; position: relative; z-index: 1;}
.VrProcess .list dl dt img{ width: 100%;}
.VrProcess .list dl dd{ transform: translateY(140px); height: 100%; width: 100%; background-color: rgba(0, 0, 0, 0.6); color: #fff; text-align: center; font-size: 18px; transition: all 0.8s ease; position: absolute; top: 0; left: 0; z-index: 2;}
.VrProcess .list dl dd p{ line-height: 40px; font-size: 18px; transform: translateY(0); transition: all 0.8s ease;}
.VrProcess .list dl:hover dd{transform: translateY(0); opacity:1;}
.VrProcess .list dl:hover dd p{transform: translateY(70px); opacity:1;}



.WebService{ width: 100% ; padding: 80px 0; margin:0 auto; background:#fff url(../images/007.png) center bottom no-repeat; border-bottom: solid 1px #eee;}
.WebService .cont{ width: 90rem; margin:0 auto; }
.WebService .cont .left{ width: 800px; padding-left: 120px; background: url(../images/001.png) top left 35px no-repeat;}
.WebService .cont .left .name{ font-size: 46px; color: #333;}
.WebService .cont .left .con{ font-size: 16px; color: #999; line-height: 30px; margin-top: 15px;}
.WebService .cont .left .line{ width: 40px; height: 4px; background-color: #999; margin: 20px 0;}
.WebService .cont .left .item{ width: 100%;}
.WebService .cont .left .item p{ float: left; width: 200px; margin: 10px 0; font-size: 16px; color: #333;}
.WebService .cont .left .item p span{ color: #ff4229;}
.WebService .cont .right{ width: 380px; height: 310px; background: url(../images/002.png) center center no-repeat; margin-right: 70px;}
.WebService .list{ width: 90rem; margin: auto;}
.WebService .list dl{ float: left; width: 25%; text-align: center;}
.WebService .list dl dt{ width: 66px; height: 66px; margin: auto;}
.WebService .list dl:nth-child(1) dt{ background: url(../images/003.png) center center no-repeat;}
.WebService .list dl:nth-child(2) dt{ background: url(../images/004.png) center center no-repeat;}
.WebService .list dl:nth-child(3) dt{ background: url(../images/005.png) center center no-repeat;}
.WebService .list dl:nth-child(4) dt{ background: url(../images/006.png) center center no-repeat;}
.WebService .list dl dd{ font-size: 14px; color: #999; line-height: 26px;}
.WebService .list dl dd p{ font-size: 18px; color: #333; margin: 25px auto;}



.Website{ width: 100%; padding: 80px 0; margin:0 auto; background:#fff url(../images/007.png) center bottom no-repeat; border-bottom: solid 1px #eee;}
.Website .cont{ width: 90rem; margin:0 auto; }
.Website .cont .left{ width: 800px; padding-left: 120px; background: url(../images/001.png) top left 35px no-repeat;}
.Website .cont .left .name{ font-size: 46px; color: #333;}
.Website .cont .left .con{ font-size: 16px; color: #999; line-height: 30px; margin-top: 15px;}
.Website .cont .left .line{ width: 40px; height: 4px; background-color: #999; margin: 20px 0;}
.Website .cont .left .item{ width: 100%;}
.Website .cont .left .item p{ float: left; width: 200px; margin: 10px 0; font-size: 16px; color: #333;}
.Website .cont .left .item p span{ color: #ff4229;}
.Website .cont .right{ width: 380px; height: 310px; background: url(../images/002.png) center center no-repeat; margin-right: 70px;}
.Website .list{ width: 90rem; margin:80px auto 0;}
.Website .list dl{ float: left; width: 25%; text-align: center;}
.Website .list dl dt{ width: 66px; height: 66px; margin: auto; transition: 400ms; -webkit-transition: 400ms;transition: 0.4s 0s; -webkit-transition: 0.4s 0s;}
.Website .list dl:nth-child(1) dt{ background: url(../images/003.png) center center no-repeat;}
.Website .list dl:nth-child(2) dt{ background: url(../images/004.png) center center no-repeat;}
.Website .list dl:nth-child(3) dt{ background: url(../images/005.png) center center no-repeat;}
.Website .list dl:nth-child(4) dt{ background: url(../images/006.png) center center no-repeat;}
.Website .list dl dd{ font-size: 14px; color: #999; line-height: 26px;}
.Website .list dl dd p{ font-size: 18px; color: #333; margin: 25px auto;}
.Website .list dl:hover dt{ opacity: 1;  transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); -moz-transform: rotate(360deg); }






.WebExperience{ width: 90rem; margin: auto; padding: 80px 0; }
.WebExperience .title{width: 100%; padding: 0  ; font-size: 16px; text-align: center;  color: #999;}
.WebExperience .title p{ font-size: 46px; color: #333;  margin-bottom: 20px;}
.WebExperience .list{ width: 100%; margin: 50px auto 0;}
.WebExperience .list dl{ float: left; width: 25%;}
.WebExperience .list dl dt{ width: 100%;}
.WebExperience .list dl dt img{ width: 100%;}
.WebExperience .list dl dd{ text-align: center; font-size: 14px; color: #999; line-height: 26px;}
.WebExperience .list dl dd p{ font-size: 20px; color: #333; margin: 30px auto 20px;}




.WebAdvantage{ width: 100%; padding: 80px 0; margin: auto; background-color: #f8f8f8;}
.WebAdvantage .title{width: 100%; padding: 0  ; font-size: 16px; text-align: center;  color: #999;}
.WebAdvantage .title p{ font-size: 46px; color: #333;  margin-bottom: 20px;}
.WebAdvantage .list{ width: 90rem; margin: 50px auto 0;}
.WebAdvantage .list dl{ float: left; width: 252px; padding: 40px 0; height: 220px; position: relative; background-color: #fff; -webkit-box-shadow:0 0 10px rgba(0,0,0,0.05); -moz-box-shadow:0 0 10px rgba(0,0,0,0.05); box-shadow:0 0 10px rgba(0,0,0,0.05); border-radius: 4px; overflow: hidden; position: relative; margin-left: 45px;}
.WebAdvantage .list dl:first-child{ margin-left: 0;}
.WebAdvantage .list dl h1{ width: 100%; height: 100%; position: absolute; background-color: #ff4229; z-index: 1; top: 0; left: 0; transform: translateY(100%); transition: all 0.8s ease;}
.WebAdvantage .list dl dt{ width: 90px; height: 90px; margin: auto; border-radius: 50%; border: solid 2px #ff4229; position: relative; z-index: 2; transition: all 0.8s ease;}
.WebAdvantage .list dl:nth-child(1) dt{ background:#fff url(../images/012.png) center center no-repeat;}
.WebAdvantage .list dl:nth-child(2) dt{ background:#fff url(../images/013.png) center center no-repeat;}
.WebAdvantage .list dl:nth-child(3) dt{ background:#fff url(../images/014.png) center center no-repeat;}
.WebAdvantage .list dl:nth-child(4) dt{ background:#fff url(../images/015.png) center center no-repeat;}
.WebAdvantage .list dl:nth-child(5) dt{ background:#fff url(../images/016.png) center center no-repeat;}
.WebAdvantage .list dl dd{ text-align: center; font-size: 14px; color: #999; line-height: 26px; position: relative; z-index: 2; transition: all 0.8s ease;}
.WebAdvantage .list dl dd p{ font-size: 20px; margin: 25px auto 10px; color: #333;}
.WebAdvantage .list dl:hover h1{ transform: translateY(0); opacity: 1;}
.WebAdvantage .list dl:hover dd,.WebAdvantage .list dl:hover dd p{ color: #fff;}
.WebAdvantage .list dl:hover dt{ border-color: #fff;}


.WebProcess{ width: 100%; padding: 80px 0; margin: auto; background: #f9f9f9 url(../images/021.png) right bottom 150px no-repeat;}
.WebProcess .left{ width: 320px; padding-left: 40px;}
.WebProcess .left .name{ font-size: 60px; color: #333;}
.WebProcess .left .cont{ font-size: 16px; line-height: 30px; color: #999; margin-top: 15px;}
.WebProcess .left .list{ width: 100%; margin-top: 40px;}
.WebProcess .left .list dl{ float: left; width: 100%; margin: 10px 0;}
.WebProcess .left .list dl dt{ float: left; width: 30px; height: 30px; margin-right: 25px;}
.WebProcess .left .list dl:nth-child(1) dt{ background: url(../images/022.png) center center no-repeat;}
.WebProcess .left .list dl:nth-child(2) dt{ background: url(../images/023.png) center center no-repeat;}
.WebProcess .left .list dl:nth-child(3) dt{ background: url(../images/024.png) center center no-repeat;}
.WebProcess .left .list dl:nth-child(4) dt{ background: url(../images/025.png) center center no-repeat;}
.WebProcess .left .list dl:nth-child(5) dt{ background: url(../images/026.png) center center no-repeat;}
.WebProcess .left .list dl:nth-child(6) dt{ background: url(../images/027.png) center center no-repeat;}
.WebProcess .left .list dl dd{ float: right; width: 265px; font-size: 14px; color: #999; line-height: 30px;}
.WebProcess .left .list dl dd p{ font-size: 18px; color: #333;}
.WebProcess .left .list dl:nth-child(1):hover dt{ background: url(../images/022-1.png) center center no-repeat;}
.WebProcess .left .list dl:nth-child(2):hover dt{ background: url(../images/023-1.png) center center no-repeat;}
.WebProcess .left .list dl:nth-child(3):hover dt{ background: url(../images/024-1.png) center center no-repeat;}
.WebProcess .left .list dl:nth-child(4):hover dt{ background: url(../images/025-1.png) center center no-repeat;}
.WebProcess .left .list dl:nth-child(5):hover dt{ background: url(../images/026-1.png) center center no-repeat;}
.WebProcess .left .list dl:nth-child(6):hover dt{ background: url(../images/027-1.png) center center no-repeat;}
.WebProcess .left .list dl:hover dd,.WebProcess .left .list dl:hover dd p{ color: #ff4229;}
.WebProcess .right{ margin: 60px 0 0 0; width: 920px; height: 560px; background: url(../images/020.png) center center no-repeat;}
.WebProcess .right1{ margin: 60px 0 0 0; width: 920px; height: 560px; background: url(../images/020-1.png) center center no-repeat;}





.Applets{ width: 100%; padding: 80px 0; margin: auto; background: #fff url(../images/001.png) center bottom no-repeat;}
.Applets .top{ width: 100%;}
.Applets .top .left{ margin-left: 110px; width: 530px; height: 410px; background: url(../images/002.png) center center no-repeat;}
.Applets .top .right{ width: 400px; margin-right: 200px;}
.Applets .top .right .name{ font-size: 46px; color: #333;}
.Applets .top .right .cont{ font-size: 16px; color: #999; margin: 30px auto 40px;}
.Applets .top .right .item{ width: 100%;}
.Applets .top .right .item dl{ float: left; width: 100%; margin: 15px 0;}
.Applets .top .right .item dl dt{ float: left; width: 15px; height: 15px; border-radius: 50%; border: solid 1px #ff4229; background: url(../images/003.png) center center no-repeat;}
.Applets .top .right .item dl dd{ float: left; margin-left: 9px; width: 360px; font-size: 14px; color: #333; line-height: 16px;}
.Applets .list{ width: 100%; margin: 60px auto 0;}
.Applets .list dl{ float: left; width: 25%; text-align: center;}
.Applets .list dl dt{ width: 62px; height: 62px; margin: auto; transition: 400ms; -webkit-transition: 400ms;transition: 0.4s 0s; -webkit-transition: 0.4s 0s;}
.Applets .list dl:nth-child(1) dt{ background: url(../images/004.png) center center no-repeat;}
.Applets .list dl:nth-child(2) dt{ background: url(../images/005.png) center center no-repeat;}
.Applets .list dl:nth-child(3) dt{ background: url(../images/006.png) center center no-repeat;}
.Applets .list dl:nth-child(4) dt{ background: url(../images/007.png) center center no-repeat;}
.Applets .list dl dd{ font-size: 14px; color: #999; line-height: 26px;}
.Applets .list dl dd p{ font-size: 18px; color: #333; margin: 20px auto;}
.Applets .list dl:hover dt{ opacity: 1;  transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); -moz-transform: rotate(360deg); }





.AppChannel{ width: 100%; padding: 80px 0; background-color: #f8f8f8; margin: auto;}
.AppChannel .title{width: 100%; padding: 0  ; font-size: 16px; text-align: center;  color: #999;}
.AppChannel .title p{ font-size: 46px; color: #333;  margin-bottom: 20px;}
.AppChannel .list{ width: 90rem; margin:50px auto 0;}
.AppChannel .list dl{ float: left; width: 420px; height: 540px; margin-left: 90px; position: relative; -webkit-box-shadow:0 0 10px rgba(0,0,0,0.05); -moz-box-shadow:0 0 10px rgba(0,0,0,0.05); box-shadow:0 0 10px rgba(0,0,0,0.05);}
.AppChannel .list dl:first-child{ margin-left: 0;}
.AppChannel .list dl dt{ width: 100%; height: 255px; position: relative; overflow: hidden;}
.AppChannel .list dl dt img{ width: 100%;}
.AppChannel .list dl dd{ width: 100%; height: 205px; position: absolute; bottom: 0; left: 0; text-align: center; padding: 40px 0; background-color: #fff; transition: all 0.8s ease;}
.AppChannel .list dl dd .name{ font-size: 24px; color: #333;}
.AppChannel .list dl dd .cont{ font-size: 14px; color: #999; line-height: 26px; margin: 15px auto 30px;}
.AppChannel .list dl dd .more{ width: 168px; margin:0 auto 0; height: 44px; border: solid 1px #ff4229; text-align: center; line-height: 44px;}
.AppChannel .list dl dd .more a{ display: block; font-size: 16px; color: #ff4229;}
.AppChannel .list dl:hover dd{ height: 250px;}
.AppChannel .list dl .more a:hover{ background-color: #ff4229; color: #fff;}



.AppAdvantage{ width: 100%; padding: 80px 0; margin: auto; border-bottom: solid 1px #eee;}
.AppAdvantage .title{width: 100%; padding: 0  ; font-size: 16px; text-align: center;  color: #999;}
.AppAdvantage .title p{ font-size: 46px; color: #333;  margin-bottom: 20px;}
.AppAdvantage .title span{ line-height: 30px;}
.AppAdvantage .list{ width: 90rem; margin: 40px auto 0;}
.AppAdvantage .list dl{ float: left; width: 20%; border-top: solid 5px #fff; padding:30px 2.5%; margin: 5px 0;}
.AppAdvantage .list dl dt{ font-size: 20px; color: #333; font-weight: bold; line-height: 30px;}
.AppAdvantage .list dl dt span{ font-size: 24px; color: #ff4229; margin-right: 10px;}
.AppAdvantage .list dl dd{ font-size: 14px; color: #999; line-height: 24px; margin-top: 10px;}
.AppAdvantage .list dl:hover{ border-top-color: #ff4229; -webkit-box-shadow:0 0 10px rgba(0,0,0,0.05); -moz-box-shadow:0 0 10px rgba(0,0,0,0.05); box-shadow:0 0 10px rgba(0,0,0,0.05);}



.AppApplication{ width: 100%; padding: 80px 0 0; margin: auto; }
.AppApplication .title{width: 100%; padding: 0  ; font-size: 16px; text-align: center;  color: #999;}
.AppApplication .title p{ font-size: 46px; color: #333;  margin-bottom: 20px;}
.AppApplication .title span{ line-height: 30px;}
.AppApplication .list{ width: 100%; margin: 40px auto 0;}
.AppApplication .list dl{ float: left; width: 25%; position: relative; overflow: hidden;}
.AppApplication .list dl dt{ width: 100%; position: relative; z-index: 1;}
.AppApplication .list dl dt img{ width: 100%;}
.AppApplication .list dl dd{ width: 100%; height: 100%; padding: 0 ; position: absolute; top: 0; left: 0; text-align: center; z-index: 2; background-color: rgba(0, 0, 0, 0.6); color: #fff;}
.AppApplication .list dl dd .name{ font-size: 30px; line-height: 30px; margin-top: -15px;  position: absolute; top:50%; width: 100%; left: 0; transition: all 0.8s ease;}
.AppApplication .list dl dd .line{ width: 30px; height: 4px; background-color: #fff; position: absolute; margin:0 0 0 -15px ; left: 50%; top: 100%;transition: all 0.8s ease;}
.AppApplication .list dl dd .cont{ width: 100%; position: absolute; left: 0; top: 110%;  font-size: 16px; color: #eee; transition: all 0.8s ease;}
.AppApplication .list dl:hover dd{ background-color: rgba(255, 66, 61, 0.9);}
.AppApplication .list dl:hover .name{ top: 40%;}
.AppApplication .list dl:hover .line{ top: 50%}
.AppApplication .list dl:hover .cont{ top: 55%}



.AppScenes{ width: 100%; padding: 80px 0; background-color: #f8f8f8; margin: auto;}
.AppScenes .title{width: 100%; padding: 0  ; font-size: 16px; text-align: center;  color: #999;}
.AppScenes .title p{ font-size: 46px; color: #333;  margin-bottom: 20px;}
.AppScenes .list{ width: 90rem; margin: 60px auto 0;}
.AppScenes .list dl{ float: left; width: 20%; padding:50px 2.5% 0; height: 230px; margin: 5px 0;}
.AppScenes .list dl dt{ width: 50px;  height: 50px; margin: auto; position: relative; transition: 400ms; -webkit-transition: 400ms;transition: 0.4s 0s; -webkit-transition: 0.4s 0s;}
.AppScenes .list dl:nth-child(1) dt{ background: url(../images/023.png) center center no-repeat;}
.AppScenes .list dl:nth-child(2) dt{ background: url(../images/024.png) center center no-repeat;}
.AppScenes .list dl:nth-child(3) dt{ background: url(../images/025.png) center center no-repeat;}
.AppScenes .list dl:nth-child(4) dt{ background: url(../images/026.png) center center no-repeat;}
.AppScenes .list dl:nth-child(5) dt{ background: url(../images/027.png) center center no-repeat;}
.AppScenes .list dl:nth-child(6) dt{ background: url(../images/028.png) center center no-repeat;}
.AppScenes .list dl:nth-child(7) dt{ background: url(../images/029.png) center center no-repeat;}
.AppScenes .list dl:nth-child(8) dt{ background: url(../images/030.png) center center no-repeat;}
.AppScenes .list dl dd{ width: 100%; font-size: 14px; color: #999; line-height: 24px; text-align: center; }
.AppScenes .list dl dd p{ font-size: 26px; color: #333; margin: 25px auto;}
.AppScenes .list dl:hover{ background-color: #fff; -webkit-box-shadow:0 0 15px rgba(0,0,0,0.02); -moz-box-shadow:0 0 15px rgba(0,0,0,0.02); box-shadow:0 0 15px rgba(0,0,0,0.02);}
.AppScenes .list dl:hover p{ color: #ff4229;}
.AppScenes .list dl:hover dt{  opacity: 1;  transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); -moz-transform: rotate(360deg);}
.AppScenes .list dl:nth-child(1):hover dt{ background: url(../images/023-1.png) center center no-repeat;}
.AppScenes .list dl:nth-child(2):hover dt{ background: url(../images/024-1.png) center center no-repeat;}
.AppScenes .list dl:nth-child(3):hover dt{ background: url(../images/025-1.png) center center no-repeat;}
.AppScenes .list dl:nth-child(4):hover dt{ background: url(../images/026-1.png) center center no-repeat;}
.AppScenes .list dl:nth-child(5):hover dt{ background: url(../images/027-1.png) center center no-repeat;}
.AppScenes .list dl:nth-child(6):hover dt{ background: url(../images/028-1.png) center center no-repeat;}
.AppScenes .list dl:nth-child(7):hover dt{ background: url(../images/029-1.png) center center no-repeat;}
.AppScenes .list dl:nth-child(8):hover dt{ background: url(../images/030-1.png) center center no-repeat;}






.AppProcess{ padding: 80px 0; width: 100%; margin:  auto;}
.AppProcess .title{width: 100%; padding: 0  ; font-size: 16px; text-align: center;  color: #999;}
.AppProcess .title p{ font-size: 46px; color: #333;  margin-bottom: 20px;}
.AppProcess .list{ width: 90rem; margin: 60px auto 0;}
.AppProcess .list dl{ float: left; width: 165px;}
.AppProcess .list dl dt{ width: 100px; height: 100px; border-radius: 50%; margin: auto;}
.AppProcess .list dl:nth-child(1) dt{ background:#333 url(../images/031.png) center center no-repeat;}
.AppProcess .list dl:nth-child(3) dt{ background:#333 url(../images/032.png) center center no-repeat;}
.AppProcess .list dl:nth-child(5) dt{ background:#333 url(../images/033.png) center center no-repeat;}
.AppProcess .list dl:nth-child(7) dt{ background:#333 url(../images/034.png) center center no-repeat;}
.AppProcess .list dl:nth-child(9) dt{ background:#333 url(../images/035.png) center center no-repeat;}
.AppProcess .list dl:nth-child(11) dt{ background:#333 url(../images/036.png) center center no-repeat;}
.AppProcess .list dl dd{ width: 100%; text-align: center; font-size: 16px; color: #333; margin: 20px auto 0;}
.AppProcess .list dl:hover dd{ color: #ff4229;}
.AppProcess .list dl:nth-child(1):hover dt{ background:#ff4229 url(../images/031.png) center center no-repeat;}
.AppProcess .list dl:nth-child(3):hover dt{ background:#ff4229 url(../images/032.png) center center no-repeat;}
.AppProcess .list dl:nth-child(5):hover dt{ background:#ff4229 url(../images/033.png) center center no-repeat;}
.AppProcess .list dl:nth-child(7):hover dt{ background:#ff4229 url(../images/034.png) center center no-repeat;}
.AppProcess .list dl:nth-child(9):hover dt{ background:#ff4229 url(../images/035.png) center center no-repeat;}
.AppProcess .list dl:nth-child(11):hover dt{ background:#ff4229 url(../images/036.png) center center no-repeat;}
.AppProcess .list p{ float: left; width: 90px; height: 49px; border-bottom: dotted 1px #333;}



.AppCase{ padding: 80px 0; width: 100%; margin:  auto; background-color: #f8f8f8;}
.AppCase .title{width: 100%; padding: 0  ; font-size: 16px; text-align: center;  color: #999;}
.AppCase .title p{ font-size: 46px; color: #333;  margin-bottom: 20px;}
.AppCase .title span{ line-height: 30px;}
.AppCase .list{ width: 90rem; margin: 50px auto;}
.AppCase .list dl{ float: left; margin-left: 30px; overflow: hidden; width: 460px;}
.AppCase .list dl a{ display: block;}
.AppCase .list dl:first-child{ margin-left: 0;}
.AppCase .list dl dt{ width: 100%;}
.AppCase .list dl dt img{ width: 100%;}
.AppCase .list dl dd{ width: 360px; height: 120px; overflow: hidden; background-color: #fff; text-align: center; padding: 20px 50px;}
.AppCase .list dl dd .name{ font-size: 24px; color: #333; font-weight: bold;}
.AppCase .list dl dd .cont{ font-size: 14px; color: #999; margin: 15px auto;}
.AppCase .more{ text-align: center; width: 100%; margin: 40px auto 0;}
.AppCase .more a{ font-size: 16px; color: #333;}
.AppCase .more a:hover{ color: #ff4229; text-decoration: underline;}



.MobileProspect{ width: 90rem; padding: 80px 0; margin: auto;}
.MobileProspect .left{ width: 580px; -webkit-box-shadow:0 0 15px rgba(0,0,0,0.05); -moz-box-shadow:0 0 15px rgba(0,0,0,0.05); box-shadow:0 0 15px rgba(0,0,0,0.05); margin-left: 20px;}
.MobileProspect .left .name{ padding: 20px; width: 540px;}
.MobileProspect .left .name p{ font-size: 20px; color: #333; font-weight: bold; margin-bottom: 15px;}
.MobileProspect .left .name span{ font-size: 14px; color: #999;}
.MobileProspect .left .img{ width: 540px; margin: 0 20px;}
.MobileProspect .left .img img{ width: 100%;}
.MobileProspect .left .cont{ width: 540px; background-color: #fbf1f1; margin: 25px auto 0; height: 40px; padding: 0 20px;}
.MobileProspect .left .cont dl{ float: left; height: 40px; margin-right: 40px;}
.MobileProspect .left .cont dl dt{ float: left; width: 8px; height: 8px; border-radius: 50%; margin:16px 10px 16px 0;}
.MobileProspect .left .cont dl:nth-child(1) dt{ background-color: #a49593;}
.MobileProspect .left .cont dl:nth-child(2) dt{ background-color: #edb7b7;}
.MobileProspect .left .cont dl dd{ float: left; font-size: 14px; color: #333; line-height: 40px;}
.MobileProspect .right{ width: 660px;}
.MobileProspect .right .name{ font-size: 46px; color: #333;}
.MobileProspect .right .line{ width: 40px; height: 4px; margin: 20px 0; background-color: #999;}
.MobileProspect .right .cont{ font-size: 16px; color: #999;}
.MobileProspect .right .info{ font-size: 32px; font-weight: bold; margin-top: 30px; color: #333; line-height: 56px;}
.MobileProspect .right .info span{ color: #ff4229;}




.MobileWhy{ width: 100%; padding: 80px 0; margin: auto; background-color: #f8f8f8;}
.MobileWhy .left{ width: 600px; margin-left: 60px;}
.MobileWhy .left .name{ font-size: 46px; color: #333;}
.MobileWhy .left .cont{ font-size: 16px; color: #999; margin: 20px auto 30px;}
.MobileWhy .left .list{ font-size: 16px; line-height: 36px;}
.MobileWhy .left .list p{ margin-bottom: 35px;}
.MobileWhy .left .list p:nth-child(1){ color: #666;}
.MobileWhy .left .list p:nth-child(2){ color: #ff4229;}
.MobileWhy .right{ margin-right: 60px; padding-right: 120px; position: relative; height: 470px; width: 600px; background: url(../images/003.png) center right no-repeat;}
.MobileWhy .right .img{ width: 240px; height: 470px; position: relative; z-index: 2; float: right; background: url(../images/002.png) center center no-repeat;}
.MobileWhy .right .list{ position: absolute; right: 358px; top:70px; }
.MobileWhy .right .list p{ float: right; height: 50px; border-top-left-radius: 25px; border-bottom-left-radius: 25px;  overflow: hidden; line-height: 50px; font-size: 16px; color: #fff; margin: 15px 0; transition: all 0.8s ease;padding:0 25px; width: 135px;}
.MobileWhy .right .list p:nth-child(1){ background-color: #f0a161;  }
.MobileWhy .right .list p:nth-child(2){ background-color: #56b9ec; }
.MobileWhy .right .list p:nth-child(3){ background-color: #f5608a;  }
.MobileWhy .right .list p:hover{  width: 200px;}



.MobileAdvantage{ width: 90rem; margin: 80px auto; padding: 0; position: relative;}
.MobileAdvantage .title{width: 100%; padding: 0  ; font-size: 16px; text-align: center;  color: #999;}
.MobileAdvantage .title p{ font-size: 46px; color: #333;  margin-bottom: 20px;}
.MobileAdvantage .list{ width: 100%; margin: 50px auto;}
.MobileAdvantage .list dl{ float: left; width: 20%; text-align: center;}
.MobileAdvantage .list dl dt{ width: 66px; height: 62px; margin: auto;  transition: 400ms; -webkit-transition: 400ms;transition: 0.4s 0s; -webkit-transition: 0.4s 0s;}
.MobileAdvantage .list dl:nth-child(1) dt{ background: url(../images/004.png) center center no-repeat;}
.MobileAdvantage .list dl:nth-child(2) dt{ background: url(../images/005.png) center center no-repeat;}
.MobileAdvantage .list dl:nth-child(3) dt{ background: url(../images/006.png) center center no-repeat;}
.MobileAdvantage .list dl:nth-child(4) dt{ background: url(../images/007.png) center center no-repeat;}
.MobileAdvantage .list dl:nth-child(5) dt{ background: url(../images/008.png) center center no-repeat;}
.MobileAdvantage .list dl dd{ font-size: 14px; color: #999; line-height: 24px;}
.MobileAdvantage .list dl dd p{ font-size: 18px; color: #333; margin: 20px auto;}
.MobileAdvantage .list dl:hover dt{opacity: 1;  transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); -moz-transform: rotate(360deg); }



.MobileCase{ width: 100%; margin:  auto; background-color: #f8f8f8; padding:80px 0; position: relative;}
.MobileCase .title{width: 100%; padding: 0  ; font-size: 16px; text-align: center;  color: #999;}
.MobileCase .title p{ font-size: 46px; color: #333;  margin-bottom: 20px;}
.MobileCase .list{ width: 90rem; margin:70px auto 0;}
.MobileCase .list dl{ float: left; margin: 0 30px; width: 300px; height: 570px; overflow: hidden; background: url(../images/009.png) center center no-repeat; position: relative;}
.MobileCase .list dl dd{ width: 264px; height: 444px; margin: 66px 18px 60px 17px; position: relative; overflow: hidden;}
.MobileCase .list dl img.img1{ width: 264px; height: 444px; margin: 0; position: relative; z-index: 1;}
.MobileCase .list dl p{ width: 180px; height: 180px; padding:42px 42px; position: absolute; bottom: 0; left: 0; background-color: rgba(0, 0, 0, 0.6); z-index: 2; transform: translateY(264px); transition: all 0.8s ease;}
.MobileCase .list dl p img{ width: 180px; height: 180px;}
.MobileCase .list dl a{ display: block;}
.MobileCase .list dl:hover p{transform: translateY(0); opacity:1;}
.MobileCase .more{ text-align: center; width: 100%; margin: 40px auto 0;}
.MobileCase .more a{ font-size: 16px; color: #333;}
.MobileCase .more a:hover{ color: #ff4229; text-decoration: underline;}




.MarketingPlanning{ width: 90rem; margin: auto; padding: 80px 0; position: relative;}
.MarketingPlanning .title{width: 100%; padding: 0  ; font-size: 16px; text-align: center;  color: #999;}
.MarketingPlanning .title p{ font-size: 46px; color: #333;  margin-bottom: 20px;}
.MarketingPlanning .title span{ line-height: 30px;}
.MarketingPlanning .list{ width: 100%; margin: 50px auto 0;}
.MarketingPlanning .list dl{ float: left; text-align: center; padding: 40px 70px; width: 300px; margin: 0 20px; height: 230px; background-color: #fff; -webkit-box-shadow:0 0 15px rgba(0,0,0,0.05); -moz-box-shadow:0 0 15px rgba(0,0,0,0.05); box-shadow:0 0 15px rgba(0,0,0,0.05);}
.MarketingPlanning .list dl dt{ width: 52px; height: 58px; margin: auto;}
.MarketingPlanning .list dl:nth-child(1) dt{ background: url(../images/001.png) center center no-repeat;}
.MarketingPlanning .list dl:nth-child(2) dt{ background: url(../images/002.png) center center no-repeat;}
.MarketingPlanning .list dl:nth-child(3) dt{ background: url(../images/003.png) center center no-repeat;}
.MarketingPlanning .list dl dd{ width: 100%; text-align: center; font-size: 14px; color: #999; line-height: 24px;}
.MarketingPlanning .list dl dd p{ font-size: 22px; color: #333; font-weight: bold; margin: 25px auto;}
.MarketingPlanning .list dl:hover{ background-color: #ff4229;}
.MarketingPlanning .list dl:nth-child(1):hover dt{ background: url(../images/001-1.png) center center no-repeat;}
.MarketingPlanning .list dl:nth-child(2):hover dt{ background: url(../images/002-1.png) center center no-repeat;}
.MarketingPlanning .list dl:nth-child(3):hover dt{ background: url(../images/003-1.png) center center no-repeat;}
.MarketingPlanning .list dl:hover dd,.MarketingPlanning .list dl:hover dd p{ color: #fff;}

.MarketingPlanning .cont{ width: 100%; text-align: center; margin: 60px auto ;}
.MarketingPlanning .cont p{ font-size: 32px; font-weight: bold; color: #333; margin-bottom: 25px;}
.MarketingPlanning .cont span{ font-size: 16px; color: #333;}
.MarketingPlanning .more{ width: 510px; padding-left: 150px;  margin: auto; height: 80px; line-height: 80px; background: url(../images/004.png) center right 150px no-repeat; -webkit-box-shadow:0 0 15px rgba(0,0,0,0.05); -moz-box-shadow:0 0 15px rgba(0,0,0,0.05); box-shadow:0 0 15px rgba(0,0,0,0.05); border-radius: 4px; overflow: hidden;}
.MarketingPlanning .more a{ display: block; font-size: 22px; color: #333; font-weight: bold;}
.MarketingPlanning .more:hover{background: url(../images/004.png) center right 150px no-repeat; -webkit-box-shadow:0 0 15px rgba(255, 66, 61, 0.2); -moz-box-shadow:0 0 15px rgba(255, 66, 61, 0.2); box-shadow:0 0 15px rgba(255, 66, 61, 0.2);}
.MarketingPlanning .more:hover a{ color: #ff4229;}



.MarketingWhy{ width: 100%; margin: auto; padding: 80px 0; background-color: #f8f8f8; position: relative;}
.MarketingWhy .title{width: 100%; padding: 0  ; font-size: 16px; text-align: center;  color: #999;}
.MarketingWhy .title p{ font-size: 46px; color: #333;  margin-bottom: 20px;}
.MarketingWhy .cont{ width: 90rem; margin: 60px auto 0;}
.MarketingWhy .cont .left{ width: 470px; margin-left: 50px;}
.MarketingWhy .cont .left dl{ float: left; width: 100%; margin: 15px 0;}
.MarketingWhy .cont .left dl dt{ float: left; width: 40px; height: 35px;}
.MarketingWhy .cont .left dl:nth-child(1) dt{ background: url(../images/seo005.png) center center no-repeat;}
.MarketingWhy .cont .left dl:nth-child(2) dt{ background: url(../images/seo006.png) center center no-repeat;}
.MarketingWhy .cont .left dl:nth-child(3) dt{ background: url(../images/seo007.png) center center no-repeat;}
.MarketingWhy .cont .left dl:nth-child(4) dt{ background: url(../images/seo008.png) center center no-repeat;}
.MarketingWhy .cont .left dl:nth-child(5) dt{ background: url(../images/seo009.png) center center no-repeat;}
.MarketingWhy .cont .left dl dd{ float: left; margin-left: 15px; width: 415px; font-size: 14px; color: #999; line-height: 24px;}
.MarketingWhy .cont .left dl dd p{ font-size: 18px; color: #333;}
.MarketingWhy .cont .left dl:hover dd,.MarketingWhy .cont .left dl:hover dd p{ color: #ff4229;}
.MarketingWhy .cont .right{ width: 640px; height: 510px; overflow: hidden; background: url(../images/seo010.png) center center no-repeat; margin-right: 50px;}



.MarketingProblem{ width: 90rem; margin: auto; padding: 80px 0; position: relative;}
.MarketingProblem .title{width: 100%; padding: 0  ; font-size: 16px; text-align: center;  color: #999;}
.MarketingProblem .title p{ font-size: 46px; color: #333;  margin-bottom: 20px;}
.MarketingProblem .list{ margin: 50px auto; width: 100%;}
.MarketingProblem .list dl{ float: left; width: 458px; padding: 45px 0; text-align: center; border: solid 1px #eee;  height: 218px; margin-left: 30px; border-radius: 5px; overflow: hidden;}
.MarketingProblem .list dl:first-child{ margin-left: 0;}
.MarketingProblem .list dl dt{ width: 125px; height: 134px; margin: auto; transition: 400ms; -webkit-transition: 400ms;transition: 0.4s 0s; -webkit-transition: 0.4s 0s;}
.MarketingProblem .list dl:nth-child(1) dt{  background: url(../images/seo011.png) center center no-repeat;}
.MarketingProblem .list dl:nth-child(2) dt{  background: url(../images/seo012.png) center center no-repeat;}
.MarketingProblem .list dl:nth-child(3) dt{  background: url(../images/seo013.png) center center no-repeat;}
.MarketingProblem .list dl dd{ font-size: 18px; color: #666; margin-top: 10px;}
.MarketingProblem .list dl dd span{ font-size: 46px; color: #ff4229; margin-right: 10px;}
.MarketingProblem .list dl:hover{ border-color: #ff4229;}
.MarketingProblem .list dl:hover dt{ opacity: 1;  transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); -moz-transform: rotate(360deg); }




.MarketingProvide{ width: 100%; padding:80px 0 ; height: 600px; background: url(../images/014.jpg) center center no-repeat; margin: auto; position: relative;}
.MarketingProvide .title{width: 100%; padding: 0  ; font-size: 16px; text-align: center;  color: #fff;}
.MarketingProvide .title p{ font-size: 46px;  margin-bottom: 20px;}
.MarketingProvide .cont{ width: 85rem; margin:50px auto; background-color: #fff; height: 370px; padding: 40px;}
.MarketingProvide .cont .img{ width: 600px; height: 370px; overflow: hidden;}
.MarketingProvide .cont .img img{ width: 100%;}
.MarketingProvide .cont .info{ width: 680px;}
.MarketingProvide .cont .info dl{ float: left; width: 100%; margin: 30px 0;}
.MarketingProvide .cont .info dl dt{ float: left; width: 50px; font-size: 36px; padding-bottom: 10px; color: #ff4229; font-family: 'Agency'; text-align: center ; background: url(../images/016.png) right bottom no-repeat;  font-style:oblique;}
.MarketingProvide .cont .info dl dd{ float: left; width: 610px; font-size: 14px; margin-left: 20px; color: #999; line-height: 24px;}
.MarketingProvide .cont .info dl dd p{ font-size: 20px; color: #333; margin-bottom: 10px;}




.main_kefu {top:50%; width: 61px; position:fixed; right:0; margin-top: -180px; z-index:99; background-color: #fff; }
.main_kefu dl{ float: left; width: 100%; height: 60px; border-bottom: solid 1px #eee; border-left: solid 1px #eee; position: relative; z-index: 2;}
.main_kefu dl:first-child{ border-top: solid 1px #eee; }
.main_kefu dl dt{ width: 60px; height: 60px; background:#fff url(../images/kefuicon.png) no-repeat; cursor: pointer; position: relative; z-index: 5;}
.main_kefu dl dt a{ display: block; width: 60px; height: 60px;}
.main_kefu dl.icon1 dt{ background-position: 0 0; }
.main_kefu dl.icon2 dt{ background-position: -60px 0; }
.main_kefu dl.icon3 dt{ background:#ff4229 url(../images/kefuicon.png) no-repeat; background-position: -120px -60px; }
.main_kefu dl.icon4 dt{ background-position: -180px 0; }
.main_kefu dl.icon5 dt{ background-position: -240px 0; }
.main_kefu dl.icon6 dt{ background-position: -300px 0; }
.main_kefu dl:hover dt{ background:#ff4229 url(../images/kefuicon.png) no-repeat;}
.main_kefu dl.icon1:hover dt{ background-position: 0 -60px; }
.main_kefu dl.icon2:hover dt{ background-position: -60px -60px; }
.main_kefu dl.icon3:hover dt{ background-position: -120px -60px; }
.main_kefu dl.icon4:hover dt{ background-position: -180px -60px; }
.main_kefu dl.icon5:hover dt{ background-position: -240px -60px; }
.main_kefu dl.icon6:hover dt{ background-position: -300px -60px; }

.main_kefu dl.icon2 dd{ width: 150px; height: 150px; transition: all 0.5s ease; position: absolute; top: 0; right: -213px; z-index: 1;}
.main_kefu dl.icon2 dd img{ width: 150px; height: 150px; border: solid 1px #eee;}
.main_kefu dl.icon2:hover dd,.main_kefu dl.icon3:hover dd,.main_kefu dl.icon4:hover dd{ right: 61px;}
.main_kefu dl.icon3 dd{ width: 130px; border: solid 1px #eee; transition: all 0.5s ease; height: 245px;  position: absolute; top: 0; right: -193px; z-index: 1;}
.main_kefu dl.icon3 dd a{ float: left;display: block; width: 100%; height: 40px; text-align: center; line-height: 40px; border-top: solid 1px #eee; background-color: #fff;}
.main_kefu dl.icon3 dd a:hover{ background-color: #ff4229; color: #fff;}
.main_kefu dl.icon3 dd a:first-child{ border-top: 0;}
.main_kefu dl.icon4 dd{ height: 48px; padding: 6px 15px; background-color:rgba(0, 0, 0, 0.8); position: absolute; top: 0; right: -261px; color: #fff; font-size: 14px; line-height: 24px; z-index: 1; width: 170px;transition: all 0.5s ease;}

.tips{ display: none;}














.w1125{width: 1125px;margin:0 auto;}

.ben_top{width: 100%;height: 35px;background: url(../images/beijing04.png) no-repeat center;line-height: 34px;color: #cccccc;font-size: 12px;}

.ben_top a{color: #cccccc;display: inline-block;}

.ben_tit{margin-right: 60px;}

.ben_tel span{color: #ffffff;font-size: 15px;}

.ben_tel i{background: url(../images/beijing02.png)no-repeat center;width: 11px;height: 12px;margin-right: 5px;}

.ben_top_right{line-height: normal;height: 14px;margin-top: 10px}

.ben_top_right a{height: 14px;}

.ben_top_right li{float: left;padding: 0 10px;width: auto;}

.a_wih a{width: 17px;height: 14px;}

.ben_wei a{background: url(../images/beijing01.png)no-repeat 0 0;}

.ben_xin a{background: url(../images/beijing01.png)no-repeat -35px 0;}

.ben_phone a{background: url(../images/beijing01.png)no-repeat -68px 0;}

.border_left{border-left: 1px solid #cccccc;}

.border_right{border-right: 1px solid #cccccc;}

nav{height: 60px;transition: all .1s;}

nav .w1125.wactive{width: 100%;transition: all .5s;padding: 0 100px;}

nav .w1125{transition: all .1s;}

.anv_active{background: rgba(255, 255, 255,1);top: 0;bottom: 0;width: 100%;height: 60px;transition: all .3s;z-index: 9999;box-shadow: 0 0px 0px 0px rgba(231, 231, 231, 1)}

nav .ben_active .ben_nava{color: #000000;}

.vio{width: 100%;height: auto;position: relative;padding-top: 10px;}

.vio video{width: 100%;height: auto;position: absolute;top: 0;left: 0;z-index: -9999;}

.bg{content: '';display: block;width: 100%;height: 100%;position: absolute;top: 0;left: 0;background: url(../images/bg.png) repeat;z-index: -100;}

.logo {height: 60px;padding-top: 10px;}

.logo .logo_a{display: inline-block;width: 100px;height:60px;background: url(../images/logo.png)no-repeat; background-size:100%;}

.logo .logotiv {background: url(../images/logo2.png)no-repeat;}

.ben_nav{height: 60px;}

.ben_nav .ben_navli{float: left;margin: 0; padding: 0;position: relative;z-index: 99;}

.ben_nav .ben_nava{color: #ffffff;font-size: 16px; padding: 0 25px;line-height: 60px;}



.ben_navno1{width: 600px;height: 230px;position: absolute;top:60px;left: -114px;}

.ben_navno2{width: 114px;height: 230px;position: absolute;top:60px;left: 0;}

.ben_navno3{width: 114px;height: 230px;position: absolute;top:60px;left: 0;}

.ben_nav li:hover .ben_navno1{display: block;}

.ben_nav li:hover .ben_navno2{display: block;}

.ben_nav li:hover .ben_navno3{display: block;}

.ben_navno1 ul{float: left;width: 114px;}

.ben_navli div{text-align: center;background:rgba(0, 0, 0, .7);display: none;}

.ben_navli ul h4{color: #fff;margin-bottom: 10px;margin-top: 5px;font-weight: normal;font-size: 14px;}

.ben_navli ul h4 a{font-size: 14px;}

.ben_navli ul a{color: rgba(255,255,255,0.8);font-size: 12px;}

.ben_navli ul a:hover{color: #00b1ee;}

.ben_navli ul li{height: 30px;}

.ben_navli ul{margin-top: 20px;}

.ben_navno1 ul{border-right-width: 1px;border-right-style: solid;border-right-color: rgba(255, 255, 255, 0.6);}

.ben_navno1 ul:nth-last-child(1){border: none;}



.ben_slogan{width:1200px;height: 510px;margin: 15% auto 0 auto;text-align: center;color:#ffffff;position: relative;}

.ben_slogan div.h1{font-size: 55px;margin-bottom: 5%;text-align: center;width: 100%;display: inline-block;font-weight: bold;}

.ben_slogan p{font-size: 18px;text-align: center;width: 100%;display: inline-block;}

.sweiper{width: 750px;height: 150px;}

.sweiper li{position: absolute; top: 0;left: 0;display: none; text-align:center; width:100%;}

.sweiper .sweiper_active{display: block;}

#prev2{width: 128px;height: 128px;background: url(../images/prev.png)no-repeat; position: absolute;left: -100px;bottom: 75%;transition: all 1s ease;display: none; cursor:pointer;}

#next2{width: 128px;height: 128px;background: url(../images/next.png)no-repeat;position: absolute;right: -100px;bottom: 75%;transition: all 1s ease;display: none; cursor:pointer;}

.vio:hover #prev2{display: block;}

.vio:hover #next2{display: block;}





.ben_slogan .ben_tiao{margin-top: 120px;display: inline-block;width: 31px;height: 31px;background: url(../images/beijing06.png)no-repeat;position: relative;animation: tiao 1.2s infinite ease-in-out;-webkit-animation: tiao 1.2s infinite ease-in-out;cursor: pointer;}

@keyframes tiao{0%{top: 2px;}50%{top: 8px;}100%{top: 2px;}}

.ben_ljzx{margin-top: 10%;}

.g_jiage .item_center .item_more{ opacity:1; }

.g_jiage .item_center .item_more em{ display:inline-block; vertical-align:middle; width:27px; height:25px; margin:0 14px 0 0; background:url(../images/btnicon.png) no-repeat center / cover; }

.item_center .item_more{position: relative;border-radius:3px; opacity:0; display: block;margin: 0 auto;text-align: center;overflow: hidden;z-index: 9;-webkit-transition: all 0.8s;-moz-transition: all 0.8s;-ms-transition: all 0.8s;transition: all 0.8s;}

.item_center.item_more span{z-index: 999;position: relative;}

.item_center .item_more .item_i{display: block;width: 0;height: 100%; width:100%; position: absolute; left: -150%; top: -150%; z-index: -99; -webkit-transition: all 1s; -moz-transition: all 1s; -ms-transition: all 1s; transition: all 1s; transform:rotate(-30deg);}

.item_center .item_more:hover .item_i{ left: 0%; top: 0%; transform:rotate(0deg);}

.item_center .ben_zx:hover{border: 1px solid #ff6600;color: #ffffff; }

.ben_zx{width: 158px;height: 32px;border-radius: 16px; border: 1px solid #ffffff;line-height: 32px;color: #ffffff; }

.ben_zxsp{font-size: 15px;}

.ben-zxi{background: #ff6600;}

.g_jiage .item_center .ben_seta:hover{ background:none; color:#b52023; border-width:2px; }

.g_jiage .item_center .ben_seta{ height:40px; }
.g_jiage .item_center .ben_seta .ben_setsp{ font-size:18px; }


.ben_fuwu{height: 595px;margin-top: 10px;background: #ffffff;text-align: center;padding-top: 60px;}

.ben_all_tit h3{font-weight: normal;font-size: 30px;color: #333333;margin-top: 40px;margin-bottom: 20px;height: 30px;background: url(../images/beijing13_2.png)no-repeat 0 50%;text-align: center;}

.ben_p{font-size: 14px;color: #999999;margin-bottom: 60px; text-align: center;letter-spacing: 1px;}

.ben_fun li{width: 230px;height: 310px;float: left;padding:60px 20px 0 20px; -o-border-radius:5px; -ms-border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;}

.ben_i{display: inline-block;height: 71px;width: 71px;margin-bottom: 12px;position: relative;}

.ben_wi{background: url(../images/gicon1.png)no-repeat center top;}

.ben_si{background: url(../images/gicon2.png)no-repeat center top;}

.ben_ai{background: url(../images/gicon3.png)no-repeat center top;}

.ben_hi{background: url(../images/gicon4.png)no-repeat center top;}

.ben_oi{background: url(../images/gicon5.png)no-repeat center top;}

.ben_fun{margin-right: -25px;display: inline-block;}

.ben_fun li:hover { background:#b52023; padding-top:40px; color:#fff; }

.ben_fun li:hover .ben_i{ background-position:center -71px; }

.ben_fun li:hover .item_center .item_more{ opacity:1; border-color:#fff; color:#fff; }

.ben_fun li:hover .title p{ color:#dca9aa; }

.ben_fun li:hover .title h6,.ben_fun li:hover .ben_funp{ color:#fff; }


@keyframes danc{0%{bottom: 0;}50%{bottom:10px;}100%{bottom: 0;}}

.ben_fun li .title{ margin-bottom:20px; }

.ben_fun li h6{font-size: 18px;font-weight: normal; font-weight:bold; color:#b52023;}

.ben_funp{height:40px;margin-bottom: 20px;font-size: 13px;color: #666666;text-align: left;line-height:20px;overflow: hidden;text-align:justify;text-justify: inter-ideograph;}



.ben_xq{width: 85px;height: 25px;border: 1px solid #5c5c5c;line-height: 22px;color: #333333; border-radius: 14.5px;}

.ben_xqsp{font-size: 13px;}

.ben-xqi{background: #b52023;}


.ben_worried{height: 955px;background: url(../images/indexfw_bg.jpg) no-repeat center center;text-align: center;padding-top: 50px;}

.ben_wd_tit h3{color: #ffffff;}

.ben_wd_tit p{color: #ffffff;margin-bottom: 0px;font-size: 14px;}

.ben_wd_sta{position: relative;width: 100%;height: 685px;}

.ben_wd_bgd{width: 738px;height: 483px;background: url(../images/beijing16.png) no-repeat center center;position: absolute;top: 80px;left: 46.5%;margin-left: -369px;}

.ben_wd_ren{position: absolute;top: -6px;left: 48.5%;margin-left: -280.5px;z-index: 20;}

.ben_wd_tai{position: absolute;bottom: -55px;left: 0;z-index: 10;}

.ben_wd_bgd li{display: block; color:#fff; font-size:14px; -o-border-radius:6px; -ms-border-radius:6px; -moz-border-radius:6px; -webkit-border-radius:6px; border-radius:6px; position: absolute; }
.ben_wd_bgd li .ben_wdd_jg,.ben_wd_bgd li .ben_wdd_tx,.ben_wd_bgd li.li3 .ben_wdd_bq,.ben_wd_bgd li.li4 .ben_wdd_td,.ben_wd_bgd li.li5 .ben_wdd_tc{ background:url(../images/tmb.png); }
.ben_wd_bgd li.li1 .ben_wdd_jg{ width:338px; left:0; top:0; padding:30px 46px 33px 43px;  }
.ben_wd_bgd li.li2 .ben_wdd_tx{ width:345px; left:0; top:50px; padding:30px 46px 33px 40px; }
.ben_wd_bgd li.li3 .ben_wdd_bq{ width:400px; left:0; top:100px; padding:30px 46px 33px 43px; }
.ben_wd_bgd li.li4 .ben_wdd_td{ width:410px; right:0; top:0; padding:30px 46px 33px 43px; }
.ben_wd_bgd li.li5 .ben_wdd_tc{ width:406px; right:0; top:50px; padding:30px 18px 33px 43px; }
.ben_wd_bgd li.li1{ top:0; left:-30px; }
.ben_wd_bgd li.li2{ top:197px; left:-280px; }
.ben_wd_bgd li.li3{ top:423px; left:0px; }
.ben_wd_bgd li.li4{ top:103px; right:-328px; }
.ben_wd_bgd li.li5{ top:380px; right:-317px; }
.ben_wd_bgd li h6{ height:28px; color:#b52023; position: relative; font-weight:bold; font-size:18px; }
.ben_wd_bgd li h6 em{ width:13px; height:13px; right:-28px; top:8px; position: absolute; background:#b52024; -o-border-radius:50%; -ms-border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%; border-radius:50%; }
.ben_wd_bgd li.li4 h6 em,.ben_wd_bgd li.li5 h6 em{ left:-28px; right:auto; }


.ben_wd_text h6{font-size: 20px;font-weight: normal; display: inline-block;}

.ben_wd_text p{font-size: 14px; display: inline-block;}

.ben_wd_text{color: #ffffff;position: absolute;width: 210px;height: 50px; z-index: 999;}

.ben_wdi_jg{background: #00b1ee;width: 13px;height: 13px;left: 3px;bottom: 163px;}

.ben_wdi_jg::after{content: '';position: absolute;top: 50%;left: 50%;display: block;width: 10px;height: 10px;border-radius: 50%;transform:translateX(-50%) translateY(-50%);box-shadow: 0 0 3px 1px rgba(0, 177, 238, .8);animation: bian2 1.5s infinite ease-out;}

.ben_wdd_jg{left: -228px;top: -12px;text-align: right;}

.ben_wdi_tx{background: #ff6600;width: 20px;height: 20px;left: 84px;bottom: 349px;}

.ben_wdi_tx::after{content: '';position: absolute;top: 50%;left: 50%;display: block;width: 10px;height: 10px;border-radius: 50%;transform:translateX(-50%) translateY(-50%);box-shadow: 0 0 3px 1px rgba(255, 102, 0, .8);animation: bian 1.5s infinite ease-out;}

.ben_wdd_tx{left: -278px;top: 9px;text-align: right;}

.ben_wdi_bq{background: #ff6600;width: 20px;height: 20px;left: 188px;top: 30px;}

@keyframes bian{0%{opacity: 0;}50%{width: 35px;height: 35px;opacity: .8;}100%{opacity: 0;width: 10px;height: 10px;}}

@keyframes bian2{0%{opacity: 0;}50%{width: 25px;height: 25px;opacity: .8;}100%{opacity: 0;width: 10px;height: 10px;}}

.ben_wdi_bq::after{content: '';position: absolute;top: 50%;left: 50%;display: block;width: 10px;height: 10px;border-radius: 50%;transform:translateX(-50%) translateY(-50%);box-shadow: 0 0 3px 1px rgba(255, 102, 0, .8);animation: bian 1.5s infinite ease-out;}

.ben_wdd_bq{left: -233px;top: -35px;text-align: right;}

.ben_wdi_td{background: #00b1ee;width: 13px;height: 13px;right: 239px;top: 17px;}

.ben_wdi_td::after{content: '';position: absolute;top: 50%;left: 50%;display: block;width: 10px;height: 10px;border-radius: 50%;transform:translateX(-50%) translateY(-50%);box-shadow: 0 0 3px 1px rgba(0, 177, 238, .8);animation: bian2 1.5s infinite ease-out;}

.ben_wdd_td{right: -241px;top: -66px;text-align: left; width: 250px;}

.ben_wdi_tc{background: #ff6600;width: 20px;height: 20px;right: 107px;top: 102px;}

.ben_wdi_tc::after{content: '';position: absolute;top: 50%;left: 50%;display: block;width: 10px;height: 10px;border-radius: 50%;transform:translateX(-50%) translateY(-50%);box-shadow: 0 0 3px 1px rgba(255, 102, 0, .8);animation: bian 1.5s infinite ease-out;}

.ben_wdd_tc{right: -233px;top: -36px;text-align: left;}

.ben_wdi_eo{background: #00b1ee;width: 13px;height: 13px;right: 3px;top: 197px;}

.ben_wdi_eo::after{content: '';position: absolute;top: 50%;left: 50%;display: block;width: 10px;height: 10px;border-radius: 50%;transform:translateX(-50%) translateY(-50%);box-shadow: 0 0 3px 1px rgba(0, 177, 238, .8);animation: bian2 1.5s infinite ease-out;}

.ben_wdd_eo{right: -233px;top: -19px;text-align: left;}

.ben_wdi_fn{background: #00b1ee;width: 13px;height: 13px;right: 13px;top: 307px;}

.ben_wdi_fn::after{content: '';position: absolute;top: 50%;left: 50%;display: block;width: 10px;height: 10px;border-radius: 50%;transform:translateX(-50%) translateY(-50%);box-shadow: 0 0 3px 1px rgba(0, 177, 238, .8);animation: bian2 1.5s infinite ease-out;}

.ben_wdd_fn{right: -232px;top: -26px;text-align: left;}



.ben_price{padding-top: 134px;padding-bottom: 85px; background:#f5f5f5;}

.ben_set{display: inline-block;margin-right: -25px;}

.ben_set1{margin-bottom: 60px;}

.ben_setmn{height: 100px;width: 100px;border-radius: 50%;border: 1px solid #e7e7e7;line-height: 100px;text-align: center;display: inline-block;font-size: 14px;color: #999999;}

.bne_setli h6{font-size: 25px;color: #333333;margin-bottom: 18px; font-weight: normal;}

.ben_seti{width: 76px;height: 77px;position: absolute;top: 0;left: 0;}

.ben_seth{background: url(../images/beijing17.png)no-repeat;}

.ben_setmn span{color: #ff6600;font-size: 25px;}
.ben_set li .title{ background:#b52023; color:#fff; padding:26px 0 0; height:103px; font-size:14px; color:#d5d5d5; }
.ben_set li .title h6{ font-size:24px; font-weight:bold; color:#fff; line-height:none; height:34px; margin-bottom:0; }


@keyframes tiao{0%{top: 0;}50%{top: -10px;}100%{top: 0;}}

.bne_setli{width: 267px;height: 335px;text-align: center; background:#fff;float: left;margin-right: 20px;position: relative;}

.ben_setp{margin-top: 15px;font-size: 14px;color: #999999;padding: 0 20px;}

.ben_setp p{height: 43px; background:#f0f0f0; line-height: 43px; margin-bottom:10px; -o-border-radius:5px; -ms-border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;}

.item_center .ben_seta:hover{border: 1px solid #b52023;color: #ffffff; background: #b52023;}

.ben_seta{ display:block; margin:0 20px; height: 35px;border: 2px solid #b52023;line-height: 30px; color: #b52023; font-size:18px;}

.ben_setsp{font-size: 13px;}

.ben-seti{background: #b52023;}


.ben_setli01{box-shadow: 0 0 5px 1px #b52023;}

.ben_set .bne_setli .item_center{ padding:0 20px; }

.ben_cases{height: 856px;background: url(../images/beijing50.png)no-repeat center; padding-top: 50px;margin-bottom: 90px;}

.ben_case{width: 100%;height: 30px;margin: 0 auto;margin-bottom: 78px; text-align:center;}


.ben_case .svg-wrapper{ display:inline-block; border: 1px solid #e7e7e7;border-radius: 15px;margin:0 12px;}

.svg-wrapper{height: 30px;margin: 0 auto;position: relative;top: 50%;transform: translateY(-50%);width: 120px;cursor: pointer;} 

.shape{fill: transparent;stroke-dasharray: 140 540;stroke-dashoffset: -422;stroke-width: 5px;stroke: #b52023;} 

.text{color: #707070;font-size: 14px;line-height: 30px;position: relative;top: -35px;text-align: center;transition: all 1s;} 

.text a{ outline:none;color: #707070;}

.text a:hover{color:#b52023;}

@keyframes draw{0%{stroke-dasharray: 140 540; stroke-dashoffset: -422; stroke-width: 3px;}100%{stroke-dasharray: 760; stroke-dashoffset: 0; stroke-width: 1px;} } 

.svg-wrapper:hover .shape{-webkit-animation: 0.5s draw linear forwards;animation: 0.5s draw linear forwards;} 

.svg-wrapper:hover .text{color: #b52023;} 

.ben_tabcon{width: 100%;height: 450px;} 

.ben_tabs{margin-right: -25px;} 

.ben_tabs li{cursor: pointer;height: 210px; width: 260px; float: left; margin-right: 25px; padding: 10px 10px; margin-bottom: 10px; text-align: center; border: 1px solid #e7e7e7;} 

.ben_case .svg_avtive:hover{border: none;} 

.ben_case .svg_avtive{border: 1px solid #b52023;}

.ben_tabs .project_img{width: 240px;height: 150px;position: relative;overflow: hidden;transition: all 1s;} 

.ben_tabs p{font-size: 15px; color: #666666; height: 50px; line-height: 50px; cursor: pointer;overflow:hidden;} 

.ben_tabs li:hover img{transform: scale(1.1);transition: all 1s;}

.ben_tabs .project_img img{width: 240px;height: 150px;}

.tab_content_wrapper{transition: all .3s ease-in-out;margin-bottom: 30px;} 

.ben_tabs{transition: all .6s ease-in-out;display: none;} 

.ben_block{display: block} .ben_casea:hover{border: 1px solid #b52023;color: #ffffff;}

.ben_casea{width: 170px;height: 40px;border: 1px solid #b52023;line-height: 40px;color: #b52023;}

.ben_casesp{font-size: 14px;}

.ben-casei{background: #b52023;}.ben_case_item{margin-bottom: 150px;}

.ben_news{width: 100%;height: 435px;margin-bottom: 80px;}

.ben_news ul:nth-last-child(1){margin-right: 0;}

.ben_news ul:hover{box-shadow: 0 0 5px 2px #b52023;animation: tiao 1s;}

.ben_new1{float: left;width: 353px;height: 435px;margin-right: 30px;box-shadow: 0 0 5px 2px #e7e7e7;padding-left: 15px;position: relative;}

.ben_new1 a{display: block;}

.ben_new1h1{height: 53px;line-height: 43px; background: url(../images/beijing20.png) no-repeat 0 75%;}

.ben_new1url{background: url(../images/beijing21.png) no-repeat 0 34%;}

.ben_new1url .h1{margin-left: 14px;}

.ben_new1h102{margin-bottom: 9px;}

.ben_new1h1 .h1{font-size: 18px;color: #555555;display: inline-block;font-weight: bold;}

.ben_new1h1 span a{font-size: 15px;color: #777777;float: right;margin-right: 10px;}

.ben_new1li{width: 315px;margin-bottom: 24px; height: 70px;}

.ben_new1li a{height: 70px;}

.ben_new1li a:hover h3,.ben_newsli2 a:hover h3{color:#b52023;}

.ben_new1img{width: 93px;height: 70px;display: inline-block;overflow: hidden;}

.ben_new1img img{width: 93px;height: 59px;}

.intro_left  img{cursor: pointer;}

.ben_new1 img:hover{transform: scale(1.1);transition: 1s ease;}

.ben_new1h3{float: right;margin-left: 15px;width: 206px;position:relative;}

.ben_new1h3 h3{font-size: 15px;color: #555555; height:20px; line-height:20px; overflow:hidden;font-weight:normal;}

.ben_new1sp{font-size: 12px;color: #999999;}

.ben_new1sp:hover{text-decoration: underline;}

.ben_new1sp i{font-size: 14px;position: absolute;bottom: 0;right: 0;color: #777777;}

.ben_newsli2{margin-bottom: 14px;width: 318px;position: relative;height: 15px;}

.ben_newsli2 h3{font-size: 14px;color: #555555;float: left;font-weight:normal;}

.ben_newsli2 span{color: #777777;font-size: 14px;position: absolute;right: 0;bottom: 50%;margin-bottom: -10px;}

.ben_newsli2 h3:hover{text-decoration: underline;}

.ben_newsimg{width: 322px;height: 100px;overflow: hidden;margin-bottom: 15px;position: relative;}

.ben_newsimg img{width:100%;height: 100px;}

.ben_new_sp{height: 24px;width:100%;background: rgba(16, 16, 16,.5);position: relative;top: -24px;left: 0;display: inline-block;text-align: center;line-height: 24px;color: #fff;font-size: 12px;}

.ben_new3 li{margin-bottom: 18px;}

.ben_newss_tit{margin-bottom: 42px!important;}

.ben_intro{background: url(../images/aboutbg.jpg)no-repeat center;height:915px;padding-top: 0px;position: relative;}

.intro_tit>h3,.intro_titp{color: #ffffff!important;}

.ben_intro .w1125{overflow: hidden;}

.intro_main_big{height:700px;width: 1000000px;}

.intro_main{height:253px;float: left;width: 1125px;}

.intro_main .pic{ border:4px solid #fff; border-radius:3px; overflow:hidden; }

.intro_main .btn{ text-align:center; padding:40px 0 0; }

.intro_main .btn a{ width:142px; height:42px; line-height:42px; color:#fff; font-size:16px; text-align:center; display:inline-block; border:1px solid #fff; -o-border-radius:3px; -ms-border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; }




.intro_top{margin-bottom: 10px;height: 190px;}

.intro_top1{float: left;width: 359px;height: 190px;overflow: hidden;}

.intro_top2{float: right;width: 175px;height: 190px;overflow: hidden;}



.intro_botm{margin-right: -14px;margin-bottom: -15px;}

.intro_botm li{width: 174px;height: 120px;overflow: hidden;float: left;margin-right: 14px;margin-bottom: 15px;}

.intro_righth1 h1{margin-top: 5px;color: #fff;font-size: 25px;font-weight: normal;text-indent: 1em;margin-bottom: 10px;}

.intro_rightdiv{color: #ffffff;font-size: 14px;text-indent: 2em;line-height: 30px;text-align: justify;text-justify: inter-ideograph;}

.coun{width: 100%;height:118px; margin:45px 0 35px; padding-right: 25px;padding-left: 15px;}

.coun li{float: left;text-align: center;width:25%;}

.coun li p{margin-top: 10px;font-size:18px;color: #999;}

.counter{font-size:60px;color: #fff;height: 40px;}

.intro_option{position: absolute;width: 126px;bottom:55px;right:50%;margin-right: -63px;}

.coun em{ font-style:normal; color:#fff; font-size:40px; font-weight:bold; }

.intro_option div{width: 37px;height: 37px;}



.intro_main02{background: url(../images/beijing51.png)no-repeat 0 50%;position: relative;}

.intro_main02 h1{font-size: 27px; color: #fff;font-weight: normal;}

.intro_mainul li{position: absolute;top: 50%;width: 10px;height: 10px;margin-top: -5px; border-radius: 50%;background: #00b1ee;box-shadow: 0 0 2px 1px #00b1ee; cursor: pointer;border:2px solid #fff;;}

.intro_mainul li:nth-child(odd) div{bottom: 30px;}

.intro_mainul li:nth-child(even) div{top: 30px;transform: rotate(180deg);-ms-transform: rotate(180deg); -webkit-transform: rotate(180deg);-o-transform: rotate(180deg);-moz-transform: rotate(180deg);}

.intro_mainul li:nth-child(even) i{transform: rotate(180deg);-ms-transform: rotate(180deg); -webkit-transform: rotate(180deg);-o-transform: rotate(180deg);-moz-transform: rotate(180deg);}

.intro_mainul li div{transition: all 1s ease-in; width: 218px;height: 143px;position: absolute;bottom: 30px;left: -106px;background: url(../images/beijing52.png)no-repeat center;padding: 10px 18px;color: #fff;font-size: 14px;}

.intro_mainul h3{font-size: 20px;font-weight: normal;margin-bottom: 7px;}

.intro_mainul span{line-height: 24px;}

.intro_mainul li:nth-child(odd):hover div{background: url(../images/beijing53.png)no-repeat center !important;}

.intro_mainul li:nth-child(even):hover div{background: url(../images/beijing53.png)no-repeat center !important;transform: rotate(180deg);-ms-transform: rotate(180deg); -webkit-transform: rotate(180deg);-o-transform: rotate(180deg);-moz-transform: rotate(180deg);}

.intro_mainul li::after{content: '';position: absolute;top: 50%;left: 50%;display: block;width: 10px;height: 10px;border-radius: 50%;transform:translateX(-50%) translateY(-50%);box-shadow: 0 0 3px 1px rgba(0, 177, 238, .8);animation: bian2 1.5s infinite ease-out;}

.intro_mainli1{left: 112px;}

.intro_mainli2{left: 258px;}

.intro_mainli3{left: 404px;}

.intro_mainli4{left: 560px;}

.intro_mainli5{left: 706px;}

.intro_mainli6{left: 852px;}

.intro_mainli7{left: 998px;}



.intro_mian3{height: 510px;}

.intro_main3ul{margin-right: -30px;}

.intro_main3ul li{width: 358px;height: 232px;float: left;margin-bottom: 20px;margin-right: 25px;cursor: pointer;}

.intro_main3ul .intro_main3img{width: 62px;height: 62px;border-radius: 50%;overflow:hidden;float: left;}

.intro_main3img img{transition: all 1s ease;}

.intro_main3i{float: right;width: 290px;height: 232px; background: url(../images/beijing54.png) no-repeat;padding-left:40px;padding-top: 30px;padding-right: 24px;}

.intro_main3i h1{font-size: 20px;color: #333333;font-weight: normal;text-align: right;margin-right: 5px;margin-bottom: 16px;}

.intro_main3i p{line-height: 22px;font-size: 14px;color: #666666; text-align: justify;text-justify: inter-ideograph;}





#prev{background: url(../images/beijing33.png)no-repeat;float: left;cursor: pointer;}

#next{background: url(../images/beijing34.png)no-repeat;float: right;cursor: pointer;}

.ben_client{height: 600px;}

.client_tit{margin-top: 68px;}

.client_img{height: 392px;border: 1px solid #e7e7e7;border-radius: 10px;}

.wrapper{width: 100%;margin: 0 auto;height: 392px;}

.wrapper ul{height: 130px;margin:0 -5px;}

.wrapper ul li{cursor: pointer;width: 225px;height: 130px;float: left;height: 130px;text-align: center;border-right: 1px solid #e7e7e7;border-bottom: 1px solid #e7e7e7;line-height: 130px;}

.wrapper ul li:nth-last-child(1){border-right:none;}

.wrapper .wrapper_ul3 li{border-bottom:none;}

.wrapper li:hover img{animation: flipInY 1s;}



footer{height: 392px;background: url(../images/beijing36.png) no-repeat center bottom;}

.footer_tit{height: 175px;text-align: center;line-height: 175px;}

.footer_tit span{font-size: 26px;color: #fff;}

.footer_tit p{font-size: 31px;color: #fff;display: inline;}

.footer_main_top{height: 120px;background: url(../images/beijing39.png)no-repeat 0 100%;}

.footer_main{height:118px; overflow:hidden;}

.ft_mn_topul li:hover i{animation: flipInX 1s;}

.ft_mn_topul li{width: 375px;height: 120px;float: left;color: #ccc;position: relative;}

.ft_mn_topul li a{color:#ccc;}

.ft_mn_topli1 div{width: 215px;height: 44px;position:absolute;top:50%;left: 50%;margin-top: -22px;margin-left: -107.5px;}

.ft_mn_topli1 span{text-align: left;}

.ft_mn_topli1 span p{font-size: 13px;}

.ft_mn_topli1 span a{font-size: 16px;margin-top: 5px;}

.ft_mn_topli1 i{width: 37px;height: 40px;background: url(../images/beijing37.png)no-repeat;float: left;margin-right: 40px;}

.ft_mn_topli1 .ft_mn_topli{width: 50px;height: 38px;background: url(../images/beijing38.png)no-repeat;}

.ft_mn_topli01{background: url(../images/beijing40.png)no-repeat 100% 50%;}

.ft_mn_topli2{background: url(../images/beijing40.png)no-repeat 100% 50%;}

.footer_main_bom{height: 373px;padding-top: 34px;clear: both;}

.ft_mn_bomlf{height: 100%;width: 645px;float: left;background: url(../images/beijing41.png)no-repeat 100% 0%;}

.ft_mn_bomlf ul h6{font-size: 15px;color: #fff;margin-bottom: 30px;}

.ft_mn_bomlf ul h6 a{font-size: 15px;color: #fff;}

.ft_mn_bomlf ul li{margin-bottom: 15px;}

.ft_mn_bomlf ul a:hover{color: #fff;}

.ft_mn_bomlf ul a{font-size: 13px;color: #ccc;}

.ft_mn_bomlf ul{height: 100%;width: 70px;float: left;margin-right: 55px;}

.ft_mn_bomrt{float: right;}

.ft_mn_bomrttop{color: #ccc;height: 180px;font-size: 13px;}

.ft_mn_bomrttop span{color:#ff6600;font-size: 24px;}

.ft_mn_bomrtp1{margin-bottom: 20px;}

.ft_mn_bomrttop i{width: 18px;height: 18px;margin-right: 12px;}

.ft_mn_bomrttl{background: url(../images/beijing43.png)no-repeat ;}

.ft_mn_bomrtem{background: url(../images/beijing44.png)no-repeat;}

.ft_mn_bomrtdw{background: url(../images/beijing45.png)no-repeat;}

.ft_mn_bomrtbom{background: url(../images/beijing42.png)no-repeat 0 0;height: 155px;}

.ft_mn_bomrtboml{float: left;margin-top: 28px;margin-left: 35px;}

.ft_mnxa:hover{border: 1px solid #008bd2;color: #fff;}

.ft_mnxa{width: 155px;height: 35px;border: 1px solid #008bd2;line-height: 35px;color: #fff;}

.ft_mnxsp{font-size: 13px;}

.ft_mnxi{background: #008bd2;}

.ft_mnx{margin-bottom: 28px;}

.item_more .ft_mnxm{width: 16px;height: 16px;background: url(../images/beijing46.png)no-repeat;margin-right: 15px;margin-bottom: 3px;}

.ft_mnja:hover{border: 1px solid #ff6600;color: #fff;}

.ft_mnja{width: 155px;height: 35px;border: 1px solid #ff6600;line-height: 35px;color: #fff;}

.ft_mnjsp{font-size: 13px;}

.ft_mnji{background: #ff6600;}

.item_more .ft_mnjs{width: 16px;height: 16px;background: url(../images/beijing47.png)no-repeat;margin-right: 15px;margin-bottom: 3px;}

.ft_mn_bomrtbomr{width: 111px;height: 138px;float: right;font-size: 13px;text-align: center;color: #cccccc;margin-top: 20px;margin-right: 45px;}

.ft_mn_bomrtbomr i{width: 111px;height: 111px;background: url(../images/beijing48.png)no-repeat;margin-bottom: 5px;}

.ft_di{height: 148px;background: url(../images/beijing49.png);text-align: center;}

.ft_di span{color: #666;font-size: 13px;width: 320px;height:30px;line-height:30px;display: inline-block;}

.ft_di span a{color: #666;}
.g_bNav{ padding:24px 0 0; font-size:12px; margin-bottom:10px; }
.g_bNav,.g_bNav a{ color:#ccc; }
.g_bNav em{ font-style:normal; margin:0 15px; }
.g_bNav a:hover{ text-decoration:underline; }
#cnzz_stat_icon_920428{ width:auto !important; }
footer .w1125{ position: relative; }
#g_bIcon{ left:50%; bottom:2px; width:80px; position: absolute; margin-left: -30px; }


.shop_banner{height: 640px;width: 100%;background: url(../images/shop_banner.jpg) no-repeat center center;position: relative;margin-top: 52px;text-align: center;overflow:hidden}

.shop_banner h4{font-size: 34px;color: #fff;padding-top: 120px}

.shop_banner p{margin-top: 16px;font-size: 18px;color: #fff}

.cartoon{width: 800px;height: 355px;position: absolute;left: 50%;bottom: 0;margin-left: -400px;}

.cartoon .s_part1{position: absolute;top: 0;left: 194px;}

.cartoon .s_part2{position: absolute;top: 40px;left: 128px;}

.cartoon .s_part3{position: absolute;top: 50px;left: 0;}

.cartoon .s_qiu1{position: absolute;top: 0;left: 251px;}

.cartoon .s_qiu2{position: absolute;top: 50px;left: 637px;}

.cartoon .s_qiu3{position: absolute;top: 198px;left: 500px;}

.cartoon .s_qiu4{position: absolute;top: 41px;left: 90px;}







.build_item.server_item.server_item1{height: 718px;}

.build_item.server_item{padding: 60px 0 0 0;}

.build_item .server_item_head{margin-bottom: 63px;}

.build_main1{height: 445px;width: 100%;}

.build_main1 .build_kuai{height: 100%;width: 590px;float: left;position: relative;}

.build_main1 .build_kuai:nth-child(1){margin-right: 20px;}

.build_kuaip{font-size: 16px;color: #666666;text-indent: 2em;display: block;line-height: 28px;margin-bottom: 45px;}

.build_kuaia .ft_mnxa{width: 120px;height: 30px;border: 1px solid #afafaf;border-radius: 30px;font-size: 14px;color: #666666;line-height: 30px;text-align: center;background: #FFFFFF;}

.build_kuaia .ft_mnxi{background: #008bd2;}

.build_kuaia{margin: 0 0 80px 0;height: 30px;width: 100%;}

.build_kuaia .item_more{margin: 0;}

.build_kuaia .ft_mnxa:hover{border: 1px solid #008bd2;color: #fff;}

.build_mainul{width: 526px;height: 62px;border: 1px solid #e7e7e7;background: #FFFFFF;}

.build_mainul div{float: left;width: 104px;height: 62px;line-height: 62px;text-align: center;border-right: 1px solid #e7e7e7;position: relative;overflow: hidden;}

.build_mainul div img{transition: all 0.8s;-webkit-transition: all 0.8s;}

.build_mainul div:hover img{transform: scale(1.1);}

.build_mainul div a{display: inline-block;}

.build_mainul div:nth-last-child(1){border: none;}

.build_mainul div:after{content: "";cursor: pointer;position: absolute;left: -100%;top: 0;width: 100%;height: 100%;background-image: -webkit-linear-gradient(0deg, hsla(0, 0%, 100%, 0), hsla(0, 0%, 100%, .6), hsla(0, 0%, 100%, 0));transform: skewx(-25deg);-o-transform: skewx(-25deg);-moz-transform: skewx(-25deg);-webkit-transform: skewx(-25deg);transition: all 0.24s 0.15s, opacity 0s 0.4s;-webkit-transition: all 0.24 0.15s, opacity 0s 0.4s;}

.build_mainul div:hover:after{left: 100%;opacity: 0;}

.build_item.server_item2{height: 674px;background: url(../images/build01.png) center;}

.build_item.server_item2 .server_item_title span{background: none;}

.float_ri{float: right;}

.build_item.server_item3{height: 630px;}

.build_kuai_img{line-height: 445px;text-align: center;overflow: hidden;}

.build_item.server_item4{height: 687px;background: url(../images/build02.png) center;}

.build_kuai_img img{transition: all .8s;}

.build_kuai_img:hover img{transform: scale(1.02);}





.shop_item{padding: 70px 0}

.shop_item .shop_head{text-align: center;}

.shop_item .shop_head h4{font-size: 30px;color: #333;font-weight: inherit;}

.shop_item .shop_head p{font-size: 14px;margin-top: 15px;color: #999;height: 60px;}

.shop_item.shop_item1 .shop_head p{color: #999;text-align: center;font-size: 14px;}

.shop_item1 ul{overflow: hidden;margin-top: 45px;margin-right: -2px}

.shop_item1 li{width: 240px;height: 356px;border: 1px solid #e7e7e7;border-right: 0;float: left;text-align: center;}

.shop_item1 li:last-child{border-right: 1px solid #e7e7e7}

.shop_item1 li a{display: block;width: 100%;height: 100%}

.shop_item1 .shop_item1_img{height: 60px;width: 61px;margin: 55px auto 0;background: url(../images/shop_item1_icon.png);}

.shop_item1 .shop_item1_img.shop_item1_img1{background-position: 0 0;}

.shop_item1 .shop_item1_img.shop_item1_img2{background-position: -243px 0;}

.shop_item1 .shop_item1_img.shop_item1_img3{background-position: -486px 0;}

.shop_item1 .shop_item1_img.shop_item1_img4{background-position: -721px 0;}

.shop_item1 .shop_item1_img.shop_item1_img5{background-position: -959px 1px;}

.shop_item1 h6{font-size: 18px;color: #333;margin: 15px 0}

.shop_item1 p{padding: 0 15px 20px 15px;font-size: 14px;color: #777;line-height: 1.5;height: 120px;text-align: left;}

.shop_item1 .item_more.ben_xq{width: 100px;height: 24px;border-color: #00b1ee;color: #00b1ee}

.shop_item1 .item_i.ben-xqi{display: none;}

.shop_item1 .item_more.ben_xq:hover{color: #fff}

.shop_item1 li:hover{background: #00b1ee;}

.shop_item1 li:hover h6{color: #fff}

.shop_item1 li:hover p{color: #fff}

.shop_item1 li:hover .item_more.ben_xq{color: #fff;border-color: #fff;}

.shop_item1 li:hover .shop_item1_img{background-position-y: 61px;}

.shop_item2{background: #f8f8f8;}

.shop_item2_content{height: 495px;background: #fff;padding: 14px;margin-top: 50px;box-shadow: 0 6px 20px -3px rgba(0, 0, 0, 0.1), 0 -6px 20px -3px rgba(0, 0, 0, 0.1);transition: all 0.3s ease-in-out;overflow: hidden}

.shop_item2 .shop_item2_content:hover{}

.shop_item2 ul{height: 475px;background: url(../images/shop_item2_bg.png) repeat center center;overflow: hidden}

.shop_item2 ul li{float: left;width: 50%;height: 230px;padding: 36px}

.shop_item2 li .fl{height: 176px;width: 190px;overflow: hidden;}

.shop_item2 li .fr{width: 280px;height;100%;margin-right: 20px;}

.shop_item2 li h5{font-size: 18px;color: #333;margin-top: 46px}

.shop_item2 li p{font-size: 14px;color: #777;margin-top: 10px}

.shop_item.shop_item3 .shop_head p{color: #4dd4f4;font-size: 25px}

.shop_item3_content{position: relative;width: 1160px;height: 540px;margin: 20px auto 0;}

.shop_item3_content .prev{position: absolute;left: -60px;top: 50%;margin-top: -25px;width: 30px;height: 50px;background: url(../images/shop_arrowl.jpg) no-repeat 0 center;cursor: pointer}

.shop_item3_content .next{position: absolute;right: -60px;top: 50%;margin-top: -25px;width: 30px;height: 50px;background: url(../images/shop_arrowr.jpg) no-repeat right center;cursor: pointer}

.shop_item3_slide{width: 1160px;margin: 0 auto;overflow: hidden;}

.shop_item3_content ul{width: 8000%}

.shop_item3_content li{float: left;width: 1160px;height: 556px;}

.shop_item3_content li p{height: 30px;font-size: 20px;color: #4dd4f4;margin-bottom: 34px;text-align: center;}

.shop_item3_content li img{height: 492px;width: 1160px}

.shop_item4{background: #f8f8f8;}

.shop_item4 ul{overflow: hidden;margin-right: -83px}

.shop_item4 ul li{float: left;height: 150px;width: 160px;margin: 44px 23px 10px 0}

.shop_item4 ul li .icon{height: 100px;width: 100px;margin: 0 auto;background: url(../images/shop_item4_icons.png) no-repeat;}

.shop_item4 ul li .icon.icon1{background-position: -1px 0;}

.shop_item4 ul li .icon.icon2{background-position: -180px 0;}

.shop_item4 ul li .icon.icon3{background-position: -358px 0;}

.shop_item4 ul li .icon.icon4{background-position: -538px 0;}

.shop_item4 ul li .icon.icon5{background-position: -716px 0;}

.shop_item4 ul li .icon.icon6{background-position: -895px 0;}

.shop_item4 ul li .icon.icon7{background-position: -1073px 0;}

.shop_item4 ul li .icon.icon8{background-position: -1px -195px;}

.shop_item4 ul li .icon.icon9{background-position: -180px -195px;}

.shop_item4 ul li .icon.icon10{background-position: -358px -195px;}

.shop_item4 ul li .icon.icon11{background-position: -537px -195px;}

.shop_item4 ul li .icon.icon12{background-position: -716px -195px;}

.shop_item4 ul li .icon.icon13{background-position: -894px -195px;}

.shop_item4 ul li .icon.icon14{background-position: -1073px -195px;}

.shop_item4 ul li .icon.icon15{background-position: 0px -381px;}

.shop_item4 ul li .icon.icon16{background-position: -180px -381px;}

.shop_item4 ul li .icon.icon17{background-position: -358px -381px;}

.shop_item4 ul li .icon.icon18{background-position: -537px -381px;}

.shop_item4 ul li .icon.icon19{background-position: -716px -381px;}

.shop_item4 ul li .icon.icon20{background-position: -894px -381px;}

.shop_item4 ul li .icon.icon21{background-position: -1073px -381px;}

.shop_item4 li:hover p{color: #00b1ee}

.shop_item4 ul li p{margin-top: 15px;color: #5e5b5a;font-size: 15px;padding: 0 5px;text-align: center;}

.shop_item5 ul{margin-right: -20px;overflow: hidden;}

.shop_item5 li{margin-top: 60px;position: relative;width: 183px;height: 338px;float: left;margin-right: 20px;border-radius: 5px;overflow: hidden;transform-style: preserve-3d;transition: all 0.2s;}

.shop_item5 li a{display: block;position: absolute;left: 0;top: 0;width: 100%;height: 100%}

.shop_item5 li img{height: 338px;width: 183px;}

.shop_item5 li p{height: 40px;width: 100%;line-height: 40px;position: absolute;bottom: 0;background: rgba(0, 0, 0, 0.8);color: #fff;font-size: 14px;text-align: center;}

.shop_item5 li:hover{box-shadow: 0 0 10px -3px rgba(50, 50, 60, .5);-webkit-box-shadow: 0 0 10px -3px rgba(50, 50, 60, .5);transform: translateY(-6px);-webkit-transform: translateY(-6px);}

.shop_item6{background: #f8f8f8;}

.shop_item6 ul{margin-top: 40px;margin-right: -37px;overflow: hidden;}

.shop_item6 li{width: 272px;height: 346px;margin-right: 37px;margin-bottom: 10px;margin-top: 10px;float: left;background: #fff;border-radius: 3px;transition: all 0.2s;-webkit-transition: all 0.2s;}

.shop_item6 li a{display: block;height: 100%;width: 100%;transition: all 0.2s;-webkit-transition: all 0.2s;}

.shop_item6 li .shop_item6_img{width: 272px;height: 170px;overflow: hidden;}

.shop_item6 li .shop_item6_img img{width: 272px;height: 170px;}

.shop_item6 li .shop_item6_logo{height: 43px;width: 100%;text-align: center;margin: 15px auto 15px}

.shop_item6 li .shop_item6_logo img{height: 100%;width: auto;transition: all 0.2s;-webkit-transition: all 0.2s;}

.shop_item6 li p{width: 86%;margin-left: 7%;line-height: 20px;color: #777;font-size: 14px;}

.shop_item6 li a:hover{box-shadow: 0 24px 40px -20px rgba(20, 20, 20, 0.5);transition: all 0.2s;-webkit-transition: all 0.2s;transform: translateX(-3px);-webkit-transform: translateY(-3px);}



.app_banner{width: 100%;height: 640px;overflow: hidden;background: url(../images/app_banner.jpg) no-repeat center 0;margin-top: 51px;text-align: center;vertical-align: middle;}

.app_banner h2{font-size: 47px;color: #fff;margin: 10px 0}

.app_banner p{font-size: 30px;color: #fff}

.app_banner p span{display: inline-block;}

.app_banner img{display: inline-block;margin-top: 105px}

.app_banner .app_banner_t2 img{margin-top: 5px}



.app_item1 ul{margin-top: 0px;padding: 10px 0;overflow: visible;}

.app_item1.shop_item1 p{height: 55px}

.app_item1 li{position: relative;width: 300px;height: 404px;border-color: #e7e7e7;}

.app_item1 li .app_item1_img{width: 82px;height: 82px;background: url(../images/app_item1.png) no-repeat;margin: 50px auto 0}

.app_item1 li .app_item1_img.app_item1_img1{background-position: 0 1px;}

.app_item1 li .app_item1_img.app_item1_img2{background-position: -299px 1px;}

.app_item1 li .app_item1_img.app_item1_img3{background-position: -601px 1px;}

.app_item1 li .app_item1_img.app_item1_img4{background-position: -909px 1px;}

.app_item1 li:hover{background: #00b2ec;box-shadow: 0 0 46px 2px rgba(0, 178, 236, 0.2);}

.app_item1 li:hover .app_item1_img.app_item1_img1{background-position: 0 -80px;}

.app_item1 li:hover .app_item1_img.app_item1_img2{background-position: -299px -81px;}

.app_item1 li:hover .app_item1_img.app_item1_img3{background-position: -601px -80px;}

.app_item1 li:hover .app_item1_img.app_item1_img4{background-position: -909px -81px;}

.app_item1 li:hover .more{background: #fff;color: #00b2ec}

.app_item1 li h6{margin: 35px 0;font-size: 18px;color: #333;font-weight: inherit;}

.app_item1 li p{padding: 0 40px;font-size: 14px;color: #777;text-align: left;}

.app_item1 li .more{position: absolute;bottom: 36px;left: 86px;height: 32px;width: 128px;display: inline-block;text-align: center;line-height: 32px;font-size: 14px;color: #fff;background: #b4b4b4;border-radius: 40px;}

.app_item2{width: 100%;height: 818px;background: url(../images/app_item2_bg.jpg) no-repeat center 0;}

.app_item2_content{height: 510px;width: 100%;margin-top: 80px;}

.app_item2_content .left{width: 390px;height: 450px;float: left;margin-top: 35px}

.app_item2_box1{width: 305px;height: 68px;margin-bottom: 20px;font-size: 18px;color: #ff6600;line-height: 50px;text-indent: 20px;background: url(../images/app_item_box.png) no-repeat 0 -402px;margin-left: 85px}

.app_item2_box2{width: 305px;height: 68px;margin-bottom: 20px;font-size: 18px;color: #29abe2;line-height: 50px;text-indent: 20px;background: url(../images/app_item_box.png) no-repeat 0 -334px;margin-left: 85px}

.app_item2_box3{width: 390px;height: 66px;margin-bottom: 20px;font-size: 18px;color: #ff6600;line-height: 50px;text-indent: 20px;background: url(../images/app_item_box.png) no-repeat 0 -67px;margin-left: 5px}

.app_item2_content .right{width: 398px;height: 450px;float: right;margin-top: 35px}

.app_item2_box4{width: 305px;height: 67px;margin-bottom: 20px;font-size: 18px;color: #29abe2;line-height: 50px;text-indent: 20px;background: url(../images/app_item_box.png) no-repeat 0 -200px;margin-right: 85px}

.app_item2_box5{width: 305px;height: 68px;margin-bottom: 20px;font-size: 18px;color: #ff6600;line-height: 50px;text-indent: 20px;background: url(../images/app_item_box2.png) no-repeat 1px 0;margin-right: 85px}

.app_item2_box6{width: 390px;height: 66px;margin-bottom: 20px;font-size: 18px;color: #ff6600;line-height: 50px;text-indent: 20px;background: url(../images/app_item_box.png) no-repeat 0 -134px;margin-right: 5px}

.app_item2_box7{width: 394px;height: 66px;margin-bottom: 20px;font-size: 18px;color: #29abe2;line-height: 50px;text-indent: 20px;background: url(../images/app_item_box.png) no-repeat 0 0px;margin-right: 5px}

.app_item2_content .center{position: relative;float: left;width: 350px;margin-left: 30px;height: 508px;background: url(../images/app_phone.png) no-repeat 56px 0;}

.app_item2_content .center .consult_bg{position: absolute;top: 79px;left: 0;}

.app_item2_content .center .consult{width: 140px;height: 100px;position: absolute;top: 213px;left: 115px;}

.app_item2_content .center .consult p{font-size: 20px;color: #fff}

.app_item2_content .center .consult a{display: block;height: 26px;line-height: 26px;width: 80px;font-size: 14px;border: 1px solid #fff;border-radius: 20px;color: #fff;text-align: center;margin: 20px auto 0}

.app_item3 ul{margin-right: -33px;margin-top: 56px}

.app_item3 li{position: relative;width: 378px;height: 242px;float: left;margin-right: 33px;margin-bottom: 40px;transition: 0.2s ease-in-out;-webkit-transition: 0.2s ease-in-out;}

.app_item3 li .app_item3_icon{position: absolute;top: 0;left: 50%;margin-left: -40px;height: 80px;width: 80px;background: url(../images/app_item3_icons.png) no-repeat;}

.app_item3 li .app_item3_icon.app_item3_icon1{background-position: 0 0;}

.app_item3 li .app_item3_icon.app_item3_icon2{background-position: -411px 0;}

.app_item3 li .app_item3_icon.app_item3_icon3{background-position: -822px 0;}

.app_item3 li .app_item3_icon.app_item3_icon4{background-position: 0 -282px;}

.app_item3 li .app_item3_icon.app_item3_icon5{background-position: -411px -282px;}

.app_item3 li .app_item3_icon.app_item3_icon6{background-position: -822px -282px;}

.app_item3 li:hover .app_item3_box{box-shadow: 0 24px 26px -18px rgba(0, 0, 0, 0.2), 0 0 10px 2px rgba(160, 160, 160, 0.1);}

.app_item3 li:hover{transform: translateY(-6px);-webkit-transform: translateY(-6px);transition: 0.2s ease-in-out;-webkit-transition: 0.2s ease-in-out;}

.app_item3_box{height: 202px;width: 378px;border: 1px solid #e7e7e7;margin-top: 40px;text-align: center;}

.app_item3_box h6{font-size: 18px;color: #333;margin-top: 60px;}

.app_item3_box p{font-size: 14px;color: #777;padding: 0 20px;line-height: 24px;text-align: left;margin-top: 15px;text-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.1);}

.shop_item6.app_item4 ul{margin-top: 40px}

.shop_item6.app_item4 li{height: 360px}

.shop_item6.app_item4 li .shop_item6_img{height: 199px;width: 100%;}

.shop_item6.app_item4 .shop_item6_img img{height: 199px;width: 100%;}

.app_item4_title{font-size: 18px;color: #333;margin: 20px 0;text-align: center;}

.shop_item6.app_item4 li p{font-size: 14px;color: #777;line-height: 22px}

.shop_item6.app_item4 li:hover{transform: translateY(-4px);-webkit-transform: translateY(-4px);}





.crm_item1{height: 338px;width: 100%;margin-top: 60px}

.crm_items p{font-size: 16px;color: #666;line-height: 26px;padding: 40px 0;text-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.1);text-indent: 2em;text-align: left;}

.crm_items a{display: block;width: 120px;height: 30px;line-height: 30px;color: #666;font-size: 14px;text-align: center;border: 1px solid #CCC;border-radius: 20px;transition: all 0.3s ease-in-out;}

.crm_items a:hover{background: #00b2ec;border-color: #00b2ec;color: #fff}

.crm_item2{height: 350px;width: 100%;margin-top: 60px}

.crm_item2 .fl{width: 480px;height: 338px;float: left}

.crm_item2 .fr{width: 648px;text-align: center;float: right}

.crm_item1 .fl{width: 644px;height: 338px;float: left}

.crm_item1 .fr{width: 505px;text-align: center;float: right}





.fz_art{overflow: hidden;border-bottom: 1px solid #ddd;padding: 40px 0 30px;margin-bottom: 20px;}

.fz_art .fl{}

.fz_art .fl h1{font-size: 22px;color: #333;margin-bottom: 15px;font-weight:normal;}

.fz_art .fl p{font-size: 12px;color: #999;}

.fz_art .fr{}

.fz_art .fr a{display: inline-block;font-size: 15px;width: 135px;height: 35px;line-height: 35px;text-align: center;border-radius: 20px;margin:15px 10px 0;background: #00b1ee;color: #fff;}

.hiddens{display:none;}





.piao_div{display:none;height: 300px;width: 500px;background:#00b1ee;position: fixed;top: 50%;left: 50%;margin-top: -150px;margin-left: -250px;border-radius: 5px;z-index: 999;padding: 7px 10px;box-sizing: border-box;}

.piao_tel{height: 110px;margin-bottom: 18px;}

.paio_border{width: 100%;height: 100%;border: 2px solid #fff;border-radius: 5px;box-sizing: border-box;padding: 20px 15px 18px 20px;}

.piao_tel_left{float: left;}

.piao_tel_right{float: left;padding-top: 35px;margin-left: 30px;}

.piao_tel_right h1{margin: 0;color: #fff;font-size: 34px;font-weight: normal;}

.piao_click{width: 100%;padding-left: 50px;height: 36px;box-sizing: border-box;}

.piao_click a{height: 36px;width: 149px;float: left;background: #fff;margin-right: 20px;line-height: 36px;text-align: center;font-size: 18px;text-decoration: none;color: #282828;}

.piao_click a:nth-child(2){background: #ff6600;color: #ffffff;}

#guanbi{position: absolute;top: -10px;right: -10px;width: 36px;height: 36px;border-radius:50%;background: whitesmoke;padding: 2px;box-sizing: border-box;}

#guanbi img{transition: all .5s;}

#guanbi img:hover{transform: rotate(180deg);}







	.z-bt1{width: 80px;position: fixed;top: calc(50% - 40px);right: 30px;z-index: 50;cursor: pointer;display: none;}
	.z-ft11-d1{width: 100%;height: 0;padding-bottom: 22.6667%;position: relative;background: #161617;overflow: hidden;}
	.z-ft11-d2{width: 14.2708%;position: absolute;top: 19.375%;left: 1.9792%;}
	.z-ft11-d2 img{width: 100%;margin-bottom: 6.25%;float: left;}
	.z-ft11-d2 div{font-size: 19px;line-height: 18px;color: #909090;float: right;white-space: nowrap;}
	.z-ft11-d3{position: absolute;top: 23.4375%;left: 16.3542%;}
	.z-ft11-p1{font-size: 16px;line-height: 16px;color: #fff;margin-bottom: 7.1875%;}
	.z-ft11-l1{width: 310px;height: 1px;position: relative;background: #585858;margin-bottom: 6.875%;}
	.z-ft11-l1>div{width: 34px;height: 3px;position: absolute;bottom: 0;left: 0;background: #585858;}
	.z-ft11-p2{width: 320px;}
	.z-ft11-p2>div{font-size: 14px;line-height: 14px;color: #fff;margin-right: 22px;margin-bottom: 20px;float: left;transition: 0.5s;}
	.z-ft11-p2>div:hover{color: #fff;transition: 0.5s;}
	.z-ft11-d4{position: absolute;top: 23.4375%;left: 27.2708%;}
	.z-ft11-p3{white-space: nowrap;}
	.z-ft11-p3>div{margin-bottom: 3.75%;}
	.z-ft11-p3 img{float: left;height: 30px;margin-right: 15px;float: left;}
	.z-ft11-p3 span{display: block;font-size: 14px;line-height: 30px;color: #c2c2c2;float: left;}
	.z-ft11-d5{position: absolute;top: 23.4375%;left: 43.5208%;}
	.z-ft11-p4{width: 320px;}
	.z-ft11-p4>div{font-size: 14px;line-height: 14px;color: #c2c2c2;margin-right: 22px;margin-bottom: 20px;float: left;transition: 0.5s;}
	.z-ft11-p4>div:hover{color: #fff;transition: 0.5s;}
	.z-ft11-i1{width: 113px;position: absolute;top: 19.375%;left:5%;}
	.z-ft11-i1 img{width: 100%;}
	.z-ft11-i1 div{font-size: 16px;line-height: 46px;color: #fff;text-align: center;}
	.z-ft11-d6{position: absolute;top: 23.375%;left: 70.01875%;}
	.z-ft11-d6>div{margin-bottom: 4.375%;white-space: nowrap;width: 360px;}
	.z-ft11-d6 img{width: 40px;margin-right: 10px;float: left;}
	.z-ft11-d6 span{display: block;float: left;font-size: 14px;line-height: 40px;color: #fefefe;white-space: nowrap;}
	.z-ft11-d6>div:first-child span{font-size: 32px;line-height: 40px;color: #d51920;font-family: "din";}
	.z-ft11-d7{font-size: 14px;line-height: 26px;color: #6b6b6b;position: absolute;bottom: 10px; text-align:center;width: 100%;}
	.z-ft11-d7 img{display: inline-block;margin: 0 5px;width: 18px;}
	.z-fb-bu1{display: none;}
	.z-fb-d1{display: none;}





.clearfix{zoom:1}.clearfix:after{content:" ";clear:both;height:0;visibility:hidden;display:block}

.ser-step{max-width:1640px;margin:0 auto;height:370px;}.ser-step ul li{width:7%;min-width:130px;height:90px;padding:20px 0;border:1px solid #d2d2d2;background-color:#efefef;border-radius:50%;float:left;margin-top:65px;position:relative;margin-right:1.0%}.ser-step ul li .co{display:block;width:45px;height:48px;margin:5px auto;background-image:url(../images/ser01.png);background-position:0 0;background-repeat:no-repeat;-webkit-transition:all .5s ease;transition:all .5s ease}.ser-step ul li:hover .co{background-position:0 -48px}.ser-step ul li span{display:block;font-size:16px;color:#666;text-align:center}.ser-step ul li.on{margin-top:170px}.ser-step ul li:nth-of-type(8){margin-right:0}.ser-step ul li:before{content:"";display:block;width:100%;height:1px;border-top:2px dashed #ddd;position:absolute;right:-85%;top:92%;-webkit-transform:rotate(40deg);transform:rotate(40deg)}.ser-step ul li.on:before{-webkit-transform:rotate(-40deg);transform:rotate(-40deg);top:9%}.ser-step ul li:nth-of-type(8):before{display:none}.

.index_service {
	width: 100%;
	padding: 55px 0;
	background-color: #f4f4f4;
}
.index_service h1 {
	font-size: 34px;
	color: #ff7019;
	text-align: center;
	line-height: 50px;
}
.index_service h2 {
	font-size: 16px;
	text-align: center;
	line-height: 50px;
}
.index_service ul {
	position: relative;
	overflow: hidden;
	margin-top: 50px;
}
.index_service li {
	float: left;
	background: #fff;
	height: 197px;
	margin-right: 0.7%;
	width: 19.44%;
	transition: all 0.5s;
}
.index_service li.f7 {
	margin-right: 0
}
.index_service li .cons {
	text-align: center;
}
.index_service li .cons .pic {
	width: 72px;
	height: 72px;
	margin: -10px auto 0 auto;
	transition: all 0.5s;
}
.index_service li .cons .title {
	font-size: 20px;
	font-weight: bold;
	margin: 8px 0 20px 0;
}
.index_service li .cons .line {
	height: 2px;
	background: #454545;
	width: 30px;
	margin: 0 auto;
	transition: all 0.5s;
}
.index_service li .cons .content {
	height: 0;
	color: #fff;
	font-size: 13px;
	line-height: 25px;
	overflow: hidden;
	transition: all 0.5s;
}
.index_service li .cons .content p {
	color: #fff;
	font-size: 13px;
	line-height: 25px;
}
.index_service li:hover .cons .content {
	height: auto;
	font-size: 13px;
	line-height: 25px;
	margin-top: 15px;
	transition: all 0.5s;
}
.index_service li.f1 .cons .content {
	line-height: 20px;
	margin-top: 18px;
	color: #fff;
	font-size: 13px;
	line-height: 25px;
}
.index_service li.f1 .cons .content p {
	color: #fff;
	font-size: 13px;
	line-height: 25px;
}
.index_service li:hover {
	background: #ff7019;
	transition: all 0.5s;
}
.index_service li:hover .cons .pic {
	height: 0;
	overflow: hidden;
	transition: all 0.5s;
}
.index_service li:hover .title {
	color: #fff;
}
.index_service li:hover .line {
	background: #fff;
	transition: all 0.5s;
}
.index_service li.f1 {
	height: 400px
}
.index_service li.f3 {
	position: absolute;
	z-index: 1;
	top: 197px;
	left: 19.44%;
	margin: 0.7% 0 0 0.7%
}
.index_service li.f4 {
	height: 400px
}
.index_service li.f6 {
	position: absolute;
	z-index: 1;
	top: 197px;
	left: 58.32%;
	margin: 0.7% 0 0 2.1%
}
.index_service li.f8 {
	position: absolute;
	z-index: 1;
	top: 197px;
	left: 77.76%;
	margin: 0.7% 0 0 2.8%
}
.index_service a {
	text-decoration: none;
	outline: none;
	color: #454545;
}
.index_service .table {
	display: table;
	height: 100%;
	width: 100%;
}
.index_service .table .td {
	display: table-cell;
	vertical-align: middle;
}


.container-xing {
    width: 1200px;
    margin: 0 auto;
    position: relative;
}
.x-special {
    background: #fff;
    top: -50px;
    position: relative;
    z-index: 99;
    box-shadow: 0 2px 4px 0px rgba(0,0,0,0.15);
}
.layout:after {
    display: table;
    content: "";
    clear: both;
}
.x-special li {
	width: 25%;
	float: left;
    padding: 25px 0;
    height: 140px;
    background: #fff;
    transition: all .3s ease-in;
    text-align: center;
    border-right: 1px solid #ececec;
    box-sizing: border-box;
}
.x-special li img{
    display: block;
    height: 36px;
    margin: 0 auto 5px;
}
.x-special li img.cn2{
	display: none;
}
.x-special li:hover img.cn1{
	display: none;
}
.x-special li:hover img.cn2{
	display: block;
}
.x-special .title {
    font-size: 22px;
    line-height: 34px;
}
.x-special span {
	font-size: 14px;
    color: #888;
}
.x-special li:hover {
    transform: scale(1.1);
    box-shadow: 0 2px 4px 0px rgba(0,0,0,0.15);
}
@media (max-width: 1200px){
.x-special{
	top: -30px;
}
.container-xing {
    width: 100%;
    box-sizing: border-box;
    padding: 0 3%;
    margin: 0 auto;
    position: relative;
}
.x-special li {
	width: 25%;
	float: left;
    padding: 10px 1px;
    height: auto;
}
.x-special .title {
    font-size: 13px;
    line-height: 22px;
}
.x-special span {
    font-size: 12px;
    display: none;
}
.x-special li img{
    height: 26px;
}
}

.main {
	width: 1200px;
	margin: 0 auto;
}


.index_project {
	width: 100%;
	height: 465px;
	overflow: hidden;
	background-image: url("../images/gd_bg.jpg");
	background-attachment: fixed;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}
.index_project h1 {
	font-size: 34px;
	color: #fff;
	margin: 60px 0 67px;
	text-align: center;
}
.index_project ul {
	width: 100%;
	overflow: hidden;
}
.index_project ul li {
	width: 23%;
	float: left;
	margin-right: 2.66%;
	height: 95px;
	background: url(../images/tou_bg.png) no-repeat;
	background-size: 100%;
	overflow: hidden;
	margin-bottom: 30px;
}
.index_project ul li:nth-child(4n) {
	margin-right: 0;
}
.index_project ul li h3 {
	font-size: 24px;
	color: #fff;
	font-weight: bold;
	text-align: center;
	padding: 20px 0 12px;
}
.index_project ul li p {
	font-size: 14px;
	color: #fff;
	text-align: center;
}
.index_strength {
	width: 100%;
	overflow: hidden;
}
.index_strength h1 {
	font-size: 34px;
	color: #ff7019;
	text-align: center;
	margin: 80px 0 70px;
}
.yw_cont {
	width: 100%;
	height: 627px;
	background: url(../images/dt_bg.jpg) no-repeat center center;
	background-size: 50%;
}
.yw_cont a {
	color: #646464;
	text-decoration: none;
}
.yw_cont p {
	width: 73%;
	text-align: right;
	margin: 0;
}
.yw_cont p a {
	color: #646464;
	text-decoration: none;
}
.yw_left {
	width: 360px;
	float: left;
}
.yw_center {
	width: 400px;
	height: 330px;
	overflow: hidden;
	float: left;
	margin: 170px 40px;
}
.yw_right {
	width: 360px;
	float: right;
}
.yw_title {
	font-size: 20px;
	color: #000;
	line-height: 40px;
	padding: 0;
	margin: 0;
	font-weight: bold;
}
.yw_fu_title {
	font-size: 12px;
	color: #646464;
	line-height: 20px;
}
.yw_right p {
	float: right;
	text-align: justify;
}
.yw_left div, .yw_right div {
	width: 96%;
	height: 95px;
	margin-bottom: 90px;
}
.yw_left div a, .yw_right div a {
	width: 100%;
	height: 95px;
	display: block;
}
.yw_cont .guan a {
	background: url(../images/n1.png) no-repeat center right;
}
.yw_cont .guan .on {
	background: url(../images/n1r.png) no-repeat center right;
}
.yw_cont .wei a {
	background: url(../images/n2.png) no-repeat center right;
}
.yw_cont .wei .on {
	background: url(../images/n2r.png) no-repeat center right;
}
.yw_cont .yi a {
	background: url(../images/n3.png) no-repeat center right;
}
.yw_cont .yi .on {
	background: url(../images/n3r.png) no-repeat center right;
}
.yw_cont .shang a {
	background: url(../images/n4.png) no-repeat center left;
}
.yw_cont .shang .on {
	background: url(../images/n4r.png) no-repeat center left;
}
.yw_cont .ying a {
	background: url(../images/n5.png) no-repeat center left;
}
.yw_cont .ying .on {
	background: url(../images/n5r.png) no-repeat center left;
}
.yw_cont .xiao a {
	background: url(../images/n6.png) no-repeat center left;
}
.yw_cont .xiao .on {
	background: url(../images/n6r.png) no-repeat center left;
}
.yw_cont .yi7 a {
	background: url(../images/n7.png) no-repeat center right;
}
.yw_cont .yi7 .on {
	background: url(../images/n7r.png) no-repeat center right;
}
.yw_cont .xiao8 a {
	background: url(../images/n8.png) no-repeat center left;
}
.yw_cont .xiao8 .on {
	background: url(../images/n8r.png) no-repeat center left;
}
.yw_center li img {
	width: 100%;
	height: auto;
}
.yw_left div:hover .yw_title, .yw_right div:hover .yw_title{
	color: #ff7019;
}
.yw_left .on .yw_title, .yw_right .on .yw_title{
	color: #ff7019;
}
.yw_left .guan,.yw_left .yi7{
	padding-left: 42%;
}
.yw_right div{
	float: right;
}
.yw_right .shang,.yw_right .xiao8{
	padding-right: 42%;
}



.cont_wrap{margin: 0 0 20px 0;min-height: 500px;padding-top: 0px;}
.W_weixin{background: #fff;}

.W_banner{width: 100%;overflow: hidden;clear: both;}
.W_banner:after{content: "";display: table;clear: both;overflow: hidden;}
.W_banner .pic{width: 1920px;position: relative;left: 50%;top: 0;margin-left: -960px;}
.W_banner .pic img{display: block;margin: 0 auto;}

.W_titleCh{color: #f45349;font: normal 45px/54px '微软雅黑';margin: 0 0 7px 0;text-align: center;}
.W_titleEn{color: #b4b2b0;font: normal 24px/30px Arial;text-transform: capitalize;margin: 0 0 60px 0;position: relative;text-align: center;}
.W_titleEn:after{content: "";display: block;width: 60px;height: 1px;background: #f45349;margin: 0 auto;position: absolute;left: 50%;bottom: -30px;margin-left: -30px;}

.W_website{margin: 30px 0;padding: 20px 0 330px 0;background: url(../images/n_pic8-1.jpg) no-repeat center bottom;text-align: center;overflow: hidden;clear: both;}
.W_website:after{content: "";display: table;clear: both;overflow: hidden;}
.W_website .text{font-size: 14px;line-height: 2.5em;color: #333;}
.W_website .tit{font: normal 30px/48px '微软雅黑';color: #000;margin: 20px 0;display: inline-block;*display: inline;*zoom:1;padding: 0 20px;position: relative;}
.W_website .tit:before,.W_website .tit:after{content: "";width: 10px;height: 48px;background-image: url(../images/n_pic8-5.png);background-repeat: no-repeat;display: block;position: absolute;top: 0;}
.W_website .tit:before{background-position: left center;left: 0;}
.W_website .tit:after{background-position: right center;right: 0;}

.W_ready{background: #eceef1;padding: 40px 0;clear: both;}
.W_ready:after{content: "";display: table;clear: both;overflow: hidden;}
.W_ready .W_titleCh{color: #46a5dd;}
.W_ready .W_titleCh span{color: #ffc900;}
.W_ready .text{padding-right: 490px;background: url(../images/n_pic8-2.png) no-repeat right top;min-height: 370px;font: normal 14px/36px '微软雅黑';padding-top: 58px;}
.W_ready .text:after{content: "";display: table;clear: both;overflow: hidden;}
.W_ready .text img{float: right;display: inline;width: 310px;margin-top: -10px;}
.W_ready .text p{margin: 0;}
.W_ready .red{color: #da251d;font-size: 18px;margin: 0 5px;}
.W_ready .yellow{color: #ffc900;font-size: 18px;margin: 0 5px;}
.W_ready .tit{font: normal 28px/36px '微软雅黑';color: #46a5dd;margin-top: 20px;}

.W_free{padding: 40px 0;clear: both;text-align: center;}
.W_free:after{content: "";display: table;clear: both;overflow: hidden;}
.W_free .text{font-size: 16px;line-height: 2em;color: #333;margin-bottom: 20px;}
.W_free .red{color: #da251d;font-size: 18px;margin: 0 5px;}
.W_free .yellow{color: #ffc900;font-size: 18px;margin: 0 5px;}
.W_free .pic img{display: block;margin: 0 auto;max-width: 100%;}

.W_shop{padding: 40px 0;clear: both;text-align: center;
    width: 100%;
    height: 889px;
    background-image: url(../images/bc_4.ee2d705d.png);
    background-position: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.W_shop:after{content: "";display: table;clear: both;overflow: hidden;}
.W_shop .text{font-size: 16px;line-height: 2em;color: #333;margin-bottom: 20px;}
.W_shop .red{color: #da251d;font-size: 18px;margin: 0 5px;}
.W_shop .yellow{color: #ffc900;font-size: 18px;margin: 0 5px;}
.W_shop .pic img{display: block;margin: 0 auto;max-width: 100%;}

#list_txt{ position:absolute; left:40px; bottom:170px; font-size:18px;color:#fff;}

.W_force{padding: 40px 0;clear: both;position: relative;height: 700px;overflow: hidden;background: -mozlinear-gradient(45deg,#1a98c8,#48cdb0);background: -ms-linear-gradient(45deg,#1a98c8,#48cdb0);background: -o-linear-gradient(45deg,#1a98c8,#48cdb0);background: -webkit-linear-gradient(45deg,#1a98c8,#48cdb0);background: linear-gradient(45deg,#1a98c8,#48cdb0);background: #1a98c8\9;position: relative;}
.W_force:after{content: "";display: table;clear: both;overflow: hidden;}
.W_force .W_titleCh{color: #fff;}
.W_force .W_titleEn{color: rgba(255,255,255,.8);}
.W_force .W_titleEn:after{background: #fff;}

.W_forceList{position: absolute;left: 50%;width: 1120px;z-index: 100;margin-left: -560px;top: 100px}
.W_forceList ul:after{content: "";display: table;clear: both;overflow: hidden;}
.W_forceList li{ float:left; margin:110px 10px 0 10px; width:120px; height:120px; text-align:center; padding-top:84px; text-align:center; position:relative; background:url(../images/n_pic8-6.png) no-repeat left top; cursor:pointer; color:#91d637;}
.W_forceList li:hover{ color:#fff;}
.W_forceList li i{ border-width:10px 7px 0; border-style:solid dashed dashed dashed; border-color:#91d637 transparent transparent transparent; position:absolute; left:50%; bottom:-9px; margin-left:-6px; width:0; height:0;display: none;}
.W_forceList .li i{ display:block;}
.W_forceList .li2 i{ border-color:#ef972c transparent transparent transparent;}
.W_forceList .li3 i{ border-color:#4dd2d7 transparent transparent transparent;}
.W_forceList .li4 i{ border-color:#d7644d transparent transparent transparent;}
.W_forceList .li5 i{ border-color:#da62c1 transparent transparent transparent;}
.W_forceList .li6 i{ border-color:#4d9cd7 transparent transparent transparent;}
.W_forceList .li7 i{ border-color:#4d9cd7 transparent transparent transparent;}
.W_forceList .li8 i{ border-color:#4d9cd7 transparent transparent transparent;}

.W_forceList .li9 i{ border-color:transparent transparent #d95ec0 transparent; border-width:0 7px 10px; border-style:dashed dashed solid; bottom:120px;}
.W_forceList .li10 i{ border-color:transparent transparent #4d9cd7 transparent; border-width:0 7px 10px; border-style:dashed dashed solid; bottom:120px;}
.W_forceList .li11 i{ border-color:transparent transparent #bfcf3e transparent; border-width:0 7px 10px; border-style:dashed dashed solid; bottom:120px;}
.W_forceList .li12 i{ border-color:transparent transparent #21ad63 transparent; border-width:0 7px 10px; border-style:dashed dashed solid; bottom:120px;}
.W_forceList .li13 i{ border-color:transparent transparent #4d9cd7 transparent; border-width:0 7px 10px; border-style:dashed dashed solid; bottom:120px;}
.W_forceList .li14 i{ border-color:transparent transparent #4d9cd7 transparent; border-width:0 7px 10px; border-style:dashed dashed solid; bottom:120px;}
.W_forceList .li15 i{ border-color:transparent transparent #4d9cd7 transparent; border-width:0 7px 10px; border-style:dashed dashed solid; bottom:120px;}
.W_forceList .li16 i{ border-color:transparent transparent #4d9cd7 transparent; border-width:0 7px 10px; border-style:dashed dashed solid; bottom:120px;}

.W_forceList .li2{ background-position:-120px top; color:#ef972c;}
.W_forceList .li3{ background-position:-240px top; color:#4dd2d7;}
.W_forceList .li4{ background-position:-360px top; color:#d7644d;}
.W_forceList .li5{ background-position:-480px top; color:#da62c1;}
.W_forceList .li6{ background-position:-600px top; color:#4d9cd7;}
.W_forceList .li7{ background-position:-720px top; color:#4d9cd7;}
.W_forceList .li8{ background-position:-840px top; color:#4d9cd7;}
.W_forceList .li9{ background-position:-960px top; color:#d95ec0;}
.W_forceList .li10{ background-position:-1080px top; color:#4d9cd7;}
.W_forceList .li11{ background-position:-1200px top; color:#bfcf3e;}
.W_forceList .li12{ background-position:-1320px top; color:#4dd78e;}
.W_forceList .li13{ background-position:-1440px top; color:#4d9cd7;}
.W_forceList .li14{ background-position:-1560px top; color:#4d9cd7;}
.W_forceList .li15{ background-position:-1680px top; color:#4d9cd7;}
.W_forceList .li16{ background-position:-1800px top; color:#4d9cd7;}

.W_forceList .li1:hover{ background-position:left bottom;}
.W_forceList .li2:hover{ background-position:-120px bottom;}
.W_forceList .li3:hover{ background-position:-240px bottom;}
.W_forceList .li4:hover{ background-position:-360px bottom;}
.W_forceList .li5:hover{ background-position:-480px bottom;}
.W_forceList .li6:hover{ background-position:-600px bottom;}
.W_forceList .li7:hover{ background-position:-720px bottom;}
.W_forceList .li8:hover{ background-position:-840px bottom;}
.W_forceList .li9:hover{ background-position:-960px bottom;}
.W_forceList .li10:hover{ background-position:-1080px bottom;}
.W_forceList .li11:hover{ background-position:-1200px bottom;}
.W_forceList .li12:hover{ background-position:-1320px bottom;}
.W_forceList .li13:hover{ background-position:-1440px bottom;}
.W_forceList .li14:hover{ background-position:-1560px bottom;}
.W_forceList .li15:hover{ background-position:-1680px bottom;}
.W_forceList .li16:hover{ background-position:-1800px bottom;}

#list_txt{ position:absolute; left:40px; bottom:170px; font-size:18px;color:#fff;}


.W_technology{margin: 40px 0;clear: both;}
.W_technology:after{content: "";display: table;clear: both;overflow: hidden;}
.W_technology .list{position: relative;height: 436px;background: url(../images/n_pic8-7.png) no-repeat center top;}
.W_technology li{position: absolute;display: block;height: 96px;font-size: 20px;line-height: 30px;color: #333;}
.W_technology li span{display: table-cell;height: 96px;vertical-align: middle;}
.W_technology li em{display: block;width: 95px;height: 96px;background: url(../images/n_pic8-8.png) no-repeat center center;line-height: 94px;text-align: center;font-size: 40px;color: #e1ac0a;font-family: '微软雅黑';position: absolute;top: 0;}
.W_technology .li1{top: 15px;right: 50%;padding-right: 110px;margin-right: 85px;text-align: right;}
.W_technology .li2{top: 170px;right: 50%;padding-right: 110px;margin-right: 155px;text-align: right;}
.W_technology .li3{top: 335px;right: 50%;padding-right: 110px;margin-right: 85px;text-align: right;}
.W_technology .li4{top: 15px;left: 50%;padding-left: 110px;margin-left: 85px;text-align: left;}
.W_technology .li5{top: 170px;left: 50%;padding-left: 110px;margin-left: 155px;text-align: left;}
.W_technology .li6{top: 335px;left: 50%;padding-left: 110px;margin-left: 85px;text-align: left;}

.W_technology .li1 em{right: 0;}
.W_technology .li2 em{right: 0;}
.W_technology .li3 em{right: 0;}
.W_technology .li4 em{left: 0;}
.W_technology .li5 em{left: 0;}
.W_technology .li6 em{left: 0;}

.W_case{padding: 40px 0;clear: both;}
.W_case:after{content: "";display: table;clear: both;overflow: hidden;}
.W_case .W_titleCh{color: #46a5dd;}
.W_case .W_titleEn:after{background: #46a5dd;}
.W_caseList:after{content: "";display: table;clear: both;overflow: hidden;}
.W_caseList li{float: left;display: inline;width: 240px;height: 510px;background: url(../images/n_pic8-9.jpg) no-repeat center center;margin: 0 30px;}
.W_caseList .box{margin: 76px auto 0 auto;overflow: hidden;width: 193px;height: 330px;position: relative;}
.W_caseList .pic{width: 193px;height: 330px;overflow: hidden;}
.W_caseList .pic img{display: block;width: 100%;min-height: 100%;}
.W_caseList .info{position: absolute;left: 0;top: 0;right: 0;background: rgba(0,0,0,.75);color: #fff;text-align: center;height: 330px;opacity: 0;filter: alpha(opacity=0);}
.W_caseList li:hover .info{-webkit-animation: flipInY .8s ease;-o-animation: flipInY .8s ease;animation: flipInY .8s ease;opacity: 1;filter: alpha(opacity=100);}
.W_caseList .tit{display: block;width: 100%;font-size: 18px;margin: 40px 0 30px 0;}
.W_caseList .info img{display: block;margin: 0 auto;width: 120px;height: 120px;margin-bottom: 20px;}
.W_caseList .name{display: block;font-size: 15px;height: 30px;line-height: 30px;overflow: hidden;margin: 0 10px;}
.W_caseList .onlinelist{display: block;width: 120px;height: 36px;background: #ff9126;color: #fff;-moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px;font-size: 15px;line-height: 36px;margin: 10px auto 0 auto;text-decoration: none !important;}
.W_caseList .online:hover{background: #ed7500;}
.W_caseList .online:active{background: #ba5c00;}

.W_case .moreBtn{display: block;width: 200px;height: 40px;background: #ff9126;color: #fff;-moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px;font-size: 18px;line-height: 40px;margin: 10px auto 0 auto;text-decoration: none !important;text-align: center;margin-top: 50px;}
.W_case .moreBtn:hover{background: #ed7500;}
.W_case .moreBtn:active{background: #ba5c00;}


/*hj新加news*/
.c_news{padding:45px 0 60px 0;background: #fff;width:100%;overflow: hidden;}
.c_newsleft,.c_newsright{height: 545px;width:45%;}
.c_newsleft .c_comontitle{background: url(../images/news.png) no-repeat 50px top;text-align: center;padding-left: 50px;}
.c_newsleft .c_comontitle h2{padding-top:18px;text-align:left;}
.c_newsleft .firstnews{overflow:hidden;background: #fff;padding:30px;margin-top:40px;margin-left: 40px; box-shadow: rgba(0,0,0,0.1) 0px 0px 18px;}
.c_newsleft .firstnews a.li{display: block;overflow: hidden;}
.c_newsleft .firstnews a.li div.img{width:480px;height: 280px;overflow: hidden;border-radius:4px;width:100%;}
.c_newsleft .firstnews a.li .img .tra {
    width: 100%;
}
.c_newsright .newsList .newspal .tra {
    width: 100%;
}
.c_newsleft .firstnews a.li h2{height: 50px;line-height: 50px;border-bottom: 1px solid #EDEDED;}
.c_newsleft .firstnews a.li h2 span.oe,.c_newsright .newsList dl dd h2 span.oe{display: inline-block;color:#333;font-size: 18px;width:70%;font-weight: 500;float:left;}
.c_newsleft .firstnews a.li h2 span.time,.c_newsright .newsList dl dd h2 span.time{color:#888;font-size: 14px;display: inline-block;width:30%;float:right;text-align: right;font-weight: 500;}
.c_newsleft .firstnews a.li p.dot,.c_newsright .newsList dl dd p.dot{width:100%;line-height:24px;height:48px;overflow:hidden;font-size: 14px;color:#888;padding-top:5px;}
.c_newsleft .firstnews a.li:hover h2 span.oe,.c_newsright .newsList dl a:hover h2 span.oe{color:#B3181E;}
.c_newsleft .firstnews a.li:hover p.dot,.c_newsright .newsList dl a:hover p.dot{color:#555;}
.c_newsright .tabNews{height: 55px;margin-bottom: 40px;text-align: right;padding-right: 100px;overflow: hidden;}
.c_newsright .tabNews a{line-height: 51px;display: inline-block;margin:0 0 0 35px;color:#333;font-size: 16px;border-bottom:4px solid #fff;}
.c_newsright .tabNews a:hover,.c_newsright .tabNews a.on{border-color:#B3171D;color:#B3171D;}
.c_newsright .newsList{overflow: hidden;margin-right: 40px; box-shadow: rgba(0,0,0,0.1) 0px 0px 18px;}
.c_newsright .newsList .newspal{padding:30px;}
.c_newsright .newsList dl{height: 110px;width:100%;margin-bottom:28px;}
.c_newsright .newsList dl a{display: block;overflow: hidden;}
.c_newsright .newsList dl dt{width: 157px;height: 110px;overflow: hidden;border-radius: 5px;float: left;}
.c_newsright .newsList dl dd{margin-left:180px;}
.c_newsright .newsList dl dd h2 {line-height: 40px;height: 40px;border-bottom: 1px solid #EDEDED;}
.c_newsright .newsList dl:nth-child(3){margin-bottom: 0}
.c_newsright{width:50%;}
/**c_partner**/
.c_comontitle{text-align: center;}
.c_comontitle h2{color:#333;font-size: 26px;text-align: center;letter-spacing: 2px;}