@charset "utf-8";
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0px; border: 0; font-size: 100%; outline: none; }
html { font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; overflow-x: hidden; }
body { font: 14px/1.8 "Microsoft Yahei","微软雅黑"; margin: 0 auto; color: #666;  background-color: #fff; -webkit-tap-highlight-color:rgba(0,0,0,0);}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
ol, ul { list-style: none; }
h1, h2, h3, h4, h5, h6{font-weight:normal}
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
strong { font-weight: bold; }
img { border: 0; }
input { outline: none; }
input[type="text"], input[type="button"], input[type="submit"], input[type="reset"] { -webkit-appearance: none; border-radius: 0; }
textarea { -webkit-appearance: none; border-radius: 0; outline: none;}
::-moz-selection { background: #1f4e8a; color: #fff; text-shadow: none; }
::selection { background: #1f4e8a; color: #fff; text-shadow: none; }
select{ outline: none;}
select::-ms-expand { display: none; }
a { text-decoration: none; blr: expression(this.onFocus=this.blur()); cursor: pointer; -webkit-transition: 0.3s; -moz-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s;}
a:link, a:visited { text-decoration: none; }
a:active, a:hover { text-decoration: none; outline:none;}
a:focus{text-decoration:none;outline:0;}
.clearfix:before, .clearfix:after { display: table; content: ""; line-height: 0px;}
.clearfix:after { clear: both; }
.clearfix { *zoom: 1; }
.fc { text-align: center; }
.fr { text-align: right; }
.l { float: left; display: inline-block; }
.r { float: right; display: inline-block; }
.vt { vertical-align: top; }
.vm { vertical-align: middle; }
.mt30{margin-top:30px;}
.mb50{margin-bottom:50px;}
.ptb{padding-bottom:50px; padding-top:20px;}
.inner { width: 1200px; margin: 0px auto;}
.trans4{ -webkit-transition: 0.4s; -moz-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s;}


/*.top{width:100%; height:75px; margin:0px auto; text-align:left; box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.2) ; 
*filter: progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=135, Color="#666666");  position:relative; z-index:999;   }
*/ 
  

.banner{ clear:both; width:100%; height:600px; margin:60px auto; text-align:left;  }
.banner a{ color:#fff}
.banner  a:hover{ color:#999}



.content{width:100%;  margin:0px auto; text-align:left; height:100% ;    }




 


 

/*在线客服*/
.side{position:fixed;width:54px;height:275px;right:50px;top:250px;z-index:100;}
.side ul li{width:54px;height:54px;float:left;position:relative;border-bottom:1px solid #555; text-align:center;}
.side ul li .sidebox{position:absolute;width:54px;height:54px;top:0;right:0;transition:all 0.3s;background:#000;opacity:0.5;filter:Alpha(opacity=50);color:#fff;font:14px/54px "微软雅黑";overflow:hidden;}
.side ul li .sidetop{width:54px;height:54px;line-height:54px;display:inline-block;background:#000;opacity:0.5;filter:Alpha(opacity=50);transition:all 0.3s;}
.side ul li .sidetop:hover{background:#ae1c1c;opacity:0.5;filter:Alpha(opacity=50);}
.side ul li img{float:left;}

/*banner图*/
#indexgs {
	width: 100%;
	height: 1000px;
	position: relative;overflow-x:hidden;
}
#indexgs img {
 }
#indexg2 {
	left: 1000px;
	top: 1000px;
		position: absolute

}
#indexg1 {
	left: -1000px;
	top: 1000px;
	position: absolute;
}
 
#indexg0 {
	padding-left:15%; padding-top:80px;
	left: 500px;
	top: 2000px;
	position: absolute;
	z-index:1;
	display:block;
 }

#m-indexg0 {display:none;}

.bbb a{display:block; width:120px; margin:0px auto;   border-radius:5px; text-align:center; font-size:16px; background:#d24b51; line-height:40px; color:#FFF} 
.bbb a:hover{display:block;    border-radius:5px; text-align:center; background:#a03c41; color:#FFF} 
 


 
.head{width:100%;} 

.top{ position: fixed; left: 0px; top: 0px; width: 100%; color: #fff; z-index: 1000; background:rgba(255,255,255,.9);}
.top a:link, .top a:visited { color: #000;}
.top a:active,.top a:hover { color: #000;}
.top .bg{ position: absolute; left: 0px; top: 0px; background: url(../images/top_bg.png) repeat-x; height: 129px; overflow: hidden; width: 100%;}
.top .bg2{ position: absolute; left: 0px; top: 0px; height: 50px; overflow: hidden; width: 100%; background: url(../images/green_90.png) repeat; background: none rgba(45,51,54,0.9); opacity: 0; visibility: hidden;} 
.top:hover .bg2,.topAct .bg2,.topScroll .bg2{ opacity: 1; visibility: visible;}
.topAct .bg,.topScroll .bg{ display: none;}
.logo{ float: left; display: block; position: relative; padding: 9px 0px; width: 300px; margin-left: 10px;}
.logo img{ width: 100%; display: block;}
.logo .img2{ display: none;}
.nav{ float: right; display: block; margin-right: 1%; position: relative;}
.nav li{ float: left; display: block; position: relative;}
.nav li a{ padding: 0px 20px; font-size: 14px; height: 76px; line-height: 76px; display: block; position: relative; z-index: 2;}
.nav li a.active{ color: #000;}
.nav li a.hov{ background-color: #5d6260; color: #000;}
.top .subnav a:link, .top .subnav a:visited { color: #000;}
.top .subnav a:active,.top .subnav a:hover { color: #000;}
.nav .subnav{ position: absolute; left: 0px; top: 0px; width: 160px;background: url(../images/gree.png) repeat; background: none rgba(44,44,44,0.9); padding: 16px 0px; display: none;}
.nav .subnav a{ padding: 8px 25px; font-size: 14px; line-height: 1.2; font-weight: normal; height: auto;}
.nav .subnav a:hover{ background-color:#8cc227;}
.toolBox{ position: absolute; right: 0px; top: 0px; line-height: 2; height: 50px;}
.toolBox li{ float: left; display: block;}
.toolBox .user-toggle{ background-color: #2f3538; position: relative; margin-left: 20px;}
.login-toggle{ padding:0px 15px 0px 15px;}
.toolBox .tel-toggle,.toolBox .login-toggle{ padding-top: 10px;}
.toolBox .tel{ line-height: 2; float: left;}
.toolBox .tel i{ background: url(../images/ico.png) no-repeat scroll -16px -14px; padding-left: 32px;}
.toolBox .line{ padding: 0px 15px;}
.user-nav{ display: none; position: absolute; right: 0px; top: 50px; background-color: #fff; border: 1px solid #d5d5d5; padding: 18px 0px; width: 200px; font-size: 14px;}
.user-nav .sj{ background: url(../images/sj_bot.png) no-repeat scroll center top; height: 7px; width: 15px; top: -7px; right: 54px; position: absolute;}
.user-nav a:link, .user-nav a:visited { color: #a4a4a4;}
.user-nav a:active,.user-nav a:hover { color: #2f3538;}
.user-nav a{ padding: 2px 25px; display: block;}
.user-nav a:hover{ padding: 2px 25px 2px 35px; background-color: #d5d5d5;}
.usernewBtn{ height: 78px; line-height: 78px; padding: 0px 15px; position: relative; color: #c1c1c1;}
.usernewBtn span{ background: url(../images/ico_news.png) no-repeat scroll right center;  padding-right: 32px;}
.user-i1{ background: url(../images/useri1.png) no-repeat; width: 17px; height: 17px; display: block; position: absolute; right: 10px; top: 40%;}
.usernameBtn{ height: 30px; line-height: 30px; padding:10px 15px; color: #c1c1c1; display: block;}
.usernameBtn .name{ float: left; display: block;}
.usernameBtn .user-t{ width: 28px; height: 28px; margin-left: 8px; float: left; display: block; background-position: center center; border:2px solid #c0c0c0; border-radius: 50%;background-size: contain;}
.moible-menu{ float: right; display: none;}
.moible-menu li{ float: left; display: block; width: 60px; height: 60px; border-left: 1px solid #eeeeee;}
.serach-icon,.signin-icon,.user-icon{ display: block; width: 100%; padding: 15px 0px;}
.serach-icon i,.signin-icon i{ width: 30px; height: 30px; display: block; margin: 0px auto 0px; background: url(../images/ico2.png) no-repeat; transform: scale(0.7); -webkit-transform: scale(0.7);}
.signin-icon i{ background-position:right center;}
.serach-icon.active,.signin-icon.active{ background-color: #efefef;}
.user-icon{ position: relative;}
.user-icon span{ background-size: cover; border-radius: 50%; background-position: center center; background-repeat: no-repeat; width: 26px; height: 26px; border: 2px solid #fff; display: block; margin: 0px auto; border: 2px solid #c1c1c1;}
.menu-handler { display: block; width: 100%; height: 60px; cursor: pointer; position: relative; transition: all 0.3s cubic-bezier(0.445, 0.145, 0.355, 1); -webkit-transition: all 0.3s cubic-bezier(0.445, 0.145, 0.355, 1); -moz-transition: all 0.3s cubic-bezier(0.445, 0.145, 0.355, 1); }
.menu-handler .burger { width: 24px; height: 2px; background: #828282; display: block; position: absolute; z-index: 5; top: 21px; left: 50%; margin: 0px 0px 0px -12px; transform-origin: center; -webkit-transform-origin: center; -moz-transform-origin: center; -o-transform-origin: center; -ms-transform-origin: center; }
.menu-handler .burger-2 { top: 29px; }
.menu-handler .burger-3 { top: 37px; }
.menu-handler.active{ background-color: #efefef;}
.menu-handler.active .burger-1 { top: 29px; -moz-transform: rotate(225deg); -webkit-transform: rotate(225deg); -o-transform: rotate(225deg); -ms-transform: rotate(225deg); transform: rotate(225deg); }
.menu-handler.active .burger-2 { -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); filter: alpha(opacity=0); opacity: 0; -moz-opacity: 0; -khtml-opacity: 0; -webkit-opacity: 0; }
.menu-handler.active .burger-3 { top: 29px; -moz-transform: rotate(-225deg); -webkit-transform: rotate(-225deg); -o-transform: rotate(-225deg); -ms-transform: rotate(-225deg); transform: rotate(-225deg); }
.trans, .trans:hover { -webkit-transition: all 0.8s cubic-bezier(0.19, 1, 0.22, 1) 0s; -moz-transition: all 0.8s cubic-bezier(0.19, 1, 0.22, 1) 0s; -o-transition: all 0.8s cubic-bezier(0.19, 1, 0.22, 1) 0s; transition: all 0.8s cubic-bezier(0.19, 1, 0.22, 1) 0s; -ms-transition: all 0.8s cubic-bezier(0.19, 1, 0.22, 1) 0s; }
.trans-fast, .trans-fast:hover { -webkit-transition: all 200ms ease-in-out; -moz-transition: all 200ms ease-in-out; -o-transition: all 200ms ease-in-out; transition: all 200ms ease-in-out; -ms-transition: all 200ms ease-in-out; }
.pusher{ transition: transform 0.7s cubic-bezier(0.19, 1, 0.22, 1) 0s; -webkit-transition: transform 0.7s cubic-bezier(0.19, 1, 0.22, 1) 0s; }
.pusher-black{ position: fixed; width: 100%; height: 100%; left: 0px; top: 0px; background-color: rgba(0,0,0,0.5); display: none; z-index: 900;}
.menuBox{ background-color: #fff; color: #8f8f8f; position: fixed; right: 0px; top: 0px; width: 570px; height: 100%;  z-index: -1; overflow-x: hidden; overflow-y: auto; -webkit-overflow-scrolling:touch;  transform:translate(570px,0px);
-moz-transform:translate(570px,0px); /* Firefox 4 */
-webkit-transform:translate(570px,0px); /* Safari and Chrome */
-o-transform:translate(570px,0px); /* Opera */ transition: all 0.7s cubic-bezier(0.19, 1, 0.22, 1) 0s; -webkit-transition: all 0.7s cubic-bezier(0.19, 1, 0.22, 1) 0s;}
.no-csstransforms3d .menuBox{ display: none;}
.navMobile{ background-color: #ffffff;}
.navMobile a{ padding: 12px 5%; display: block; position: relative; font-size: 16px; line-height: 1.4; color: #5b5b5b;}
.navMobile li{ border-bottom: 1px solid #efefef;}
.navMobile li.active{ background-color: #7fbd2c;}
.navMobile li.active .item{ color: #fff;}
.navMobile li:first-child .item{ height: 36px; line-height: 36px; background-color: #f7f7f7;}
.navMobile .subnav{ display: none;}
.navMobile .subnav dd{ border-top: 1px solid #fff;}
.navMobile .subnav a { color: #fff; font-size: 14px;}
.navMobile .subnav a:hover { color: #fff;}
.nav-link:before{ content:""; width:18px; height:12px; position:absolute; right:5%; margin-top: -6px; top:50%; transform: scale(0.8); -webkit-transform: scale(0.7); -moz-transform: scale(0.7); background:url(../images/m_ico1.png) no-repeat scroll center;  transition:0.4s; -webkit-transition:0.4s;}
.navMobile li.active .nav-link:before{ background-image: url(../images/m_ico2.png);}
.menuOpen .top{ transition: all 0.7s cubic-bezier(0.19, 1, 0.22, 1) 0s; -webkit-transition: all 0.7s cubic-bezier(0.19, 1, 0.22, 1) 0s; }
.menuOpen .pusher-black{ display: block;}
.menuOpen .menuBox{ z-index: 900;}
.menuOpen .bottom-nav-box{ opacity: 0;}
.mobile-foot{ font:12px/1.8 "microsoft yahei"; padding: 20px 10%;}
.mobile-foot a:link,.mobile-foot a:visited { color: #8f8f8f;}
.mobile-foot a:active,.mobile-foot a:hover { color: #fff;}
.mobile-tel{ background: url(../images/tel2.png) no-repeat scroll 0px 0px; padding-left: 50px; font: 19px/30px "pf_din_text_comp_proregular","microsoft yahei"; color: #fff; margin-bottom: 10px;}
.mobile-ewm{ margin-bottom: 18px;}
.box-Serach{ position: fixed; left: 100%; top: 0px; height: 100%; width: 100%; background-color: #363636; overflow-x: hidden; overflow-y: auto; -webkit-overflow-scrolling:touch; z-index: -1; color: #fff; transition: all 0.7s cubic-bezier(0.19, 1, 0.22, 1) 0s; -webkit-transition: all 0.7s cubic-bezier(0.19, 1, 0.22, 1) 0s;}
.open-box{ left: 0; z-index: 900;}
.box-sbox{ padding: 60px 0px 20px;}
.box-sbox .stxt{ box-sizing: border-box; font-size: 16px; padding: 18px 5%; display: block; border: 0px none; width: 100%; background-color: #efefef;}
.box-slist{ margin-bottom: 60px;}
.box-slist li{ border-bottom: 1px solid #616161; padding: 12px 5%; position: relative;}
.box-slist li:before{ content:""; width:16px; height:16px; position:absolute; right:5%; top:50%; transform:translateY(-50%); -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); background:url(../images/option_2.png) no-repeat scroll center;  transition:0.4s; -webkit-transition:0.4s;}
.box-slist li.active:before{ background-image: url(../images/option_1.png);}
.box-sbtn{ text-align: center;}
.box-sbtn .btn{ border: 1px solid #ffffff; color: #FFFFFF; padding: 1% 5%; display: inline-block; border-radius: 5px; margin: 0px 10px;}
.box-sbtn .btn:hover{ color: #666; background-color: #fff;}

.hot{position:absolute; right:30px; top:10px;}
.nav li H4{ padding: 0px 30px; font-size: 14px; height: 76px; line-height: 76px; display: block; position: relative; z-index: 2; font-weight:bold; color:#000}

.i-service{width:100%; background:#ad5257; float:left; padding-top:50px; padding-bottom:100px;} 
.i-service H2{font-size:35px; color:#fff; padding:30px 0px; text-align:center}
.i-service .box{width:100%;}
.i-service .box ul{margin-left:-3%;}
.i-service .box li{width:22%; text-align:center; float:left; display:block; margin-left: 3%}
.i-service .box li img{text-align:center; transition:460ms}
.i-service .box li:hover img{ transform:rotateY(360deg); -ms-transform:rotateY(360deg); -moz-transform:rotateY(360deg); -webkit-transform:rotateY(360deg); -o-transform:rotateY(360deg);}
.i-service .box li H4{display:block; line-height:30px; font-size:24px; color:#fff; padding:0px 0px 30px 0px;}
.i-service .box li H5{display:block; line-height:24px; font-size:14px; color:#fff;}

.i-case{width:100%; background:#fff; padding-top:50px; padding-bottom:100px; float:left; min-height:500px; margin-top:30px;}
.i-case H2{font-size:35px; color:#000; text-align:center}
.i-case H5{font-size:20px; color:#999; text-align:center; padding-top:10px;}
.i-case .box{width:100%; max-width:1200px; margin:0px auto;}
.caseIbox{ padding-bottom: 62px; margin-top:60px;}
.caseIbox dd{ float: left; display: block; margin: 0px 0px 10px 10px; width: 380px;}
.caseIbox .caseItem a:link,.caseIbox .caseItem a:visited { color: #fff;}
.caseIbox .caseItem a:active,.caseIbox .caseItem a:hover { color: #fff;}
.caseIbox .borderItem{height: 380px; position: relative; overflow: hidden;}
.caseIbox .ilinkA{ position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; z-index: 3; }
.caseItem{ background-color: #fff;}
.caseItem .img{ position:relative; margin-top: 0px; background-color: #000;}
.caseItem .img img{ width: 100%; display: block; -webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s;}
.caseItem .name{ position: absolute; left: 0px; bottom: 0px; padding: 0px 5%; width: 90%; font-size: 16px; line-height: 52px; color: #484848; overflow: hidden; height: 52px;}
.caseItem .con{ position: absolute; left: 0px; top: -52px; width: 100%; height: 100%; color: #fff; text-align: center; opacity: 0; visibility: hidden;}
.caseItem .con .timebox{ padding-top: 10%;}
.caseItem .con .time{ background: url(../images/ico.png) no-repeat scroll -4px -731px; font-size: 16px; padding-left: 26px;}
.caseItem .con .bmbtn{ border: 2px solid #ffffff; width: 90px; height: 32px; line-height: 32px; text-align: center; display: block; margin: 55% auto 5%; position: relative; z-index: 4;}
.caseItem .con .btnBox{ margin:0px auto 10px; position: relative; z-index: 4;}
.caseItem .con .t{ position: absolute; left: 0px; top: 40%; padding: 0px 5%; width: 90%; font-size: 30px; line-height: 52px; overflow: hidden; height: 52px;}
.caseItem:hover .img{ margin-top: 0px;}
.caseItem:hover .img img{-webkit-transform:scale(1.1); transform:scale(1.1); opacity:0.5; filter:alpha(opacity=50);}
.caseItem:hover .con{ top: 0px; opacity: 1; visibility: visible;}
.caseItem:hover .name{ bottom: -52px;}

.i-case a.btn{width:138px; height:50px; border:1px solid #c2c2c2; display:block; color:#61605b; text-align:center; transition:460ms; margin:0px auto; border-radius:10px; line-height:52px; font-size:16px;}
.i-case a:hover.btn{background:#ad5257; color:#fff; border:1px solid #ad5257}





.i-about{width:100%; background:url(../images/estate.jpg) bottom center no-repeat fixed; overflow:hidden;}
.i-about .box{padding:100px 10px; width:50%; float:left;}
.i-about .box H2{font-size:35px; color:#fff; line-height:80px;}
.i-about .box span{line-height:30px; font-size:14px; color:#ccc; padding:10px 0px; display:block; text-indent:28px}



.i-why{width:100%; background:#fff; padding:30px 0px 100px; float:left}
.i-why H2{font-size:35px; color:#000; text-align:center;padding:20px 0px 60px 0px }
.i-why .box{padding:0px 0px; float:left;}
.i-why .box li{float:left; margin:0px 22px; height:55px; line-height:55px;}
.i-why .box li img{line-height:55px; vertical-align:middle;}
.i-why .box li i{float:left;}
.i-why .box li span{float:left;}
.i-why .box li .txt{float:left; padding-left:10px;}
.i-why .box li .txt H4{font-size:20px; color:#424242; line-height:35px;}
.i-why .box li .txt H5{font-size:16px; color:#777; line-height:20px;}
.i-why .box li:last-child{margin-right:0px;}

.i-contact{width:100%; background:url(../images/cobg.jpg) top center no-repeat fixed; overflow:hidden;}
.i-contact .box{width:40%; float:right; padding:100px 0px;}
.i-contact .box H4{color:#333; font-size:25px; display:block; padding:20px 0px 50px}
.i-contact .box H4 span{color:#cc3300; font-size:30px;}
.i-contact .box p{display:block; line-height:40px; color:#333;}
.i-contact a.btn{border:1px solid #000; width:100%; height:45px; cursor:pointer; text-align:center; color:#333; line-height:45px; border-radius:5px; display:block; margin-top:40px; font-size:16px;}
.i-contact a.btn:hover{background:#000; color:#fff;}

.footer{width:100%; background:#333; float:left}
.footer .box{width:100%; margin:0px auto; padding:30px 0px;}
.footer .box .lef{float:left; width:60%;}
.footer .box .lef p{display:block; line-height:30px; color:#fff;}

.footer .box .rig{float:right;}
.footer .box .rig .img{margin-right:20px;}


.dock{line-height:30px; width:100%; float:right; }
.dockCon{position:relative;}
.dockCon li{float:right; margin-right:20px; }
.dockCon li:hover i,.dockCon li.active,.dockCon li.first:hover{ cursor: pointer;}
.dockCon .i2{background:url(../images/wx.png) no-repeat; width:150px; height:150px; display:block}
.dockCon .i3{background:url(../images/mw.png) no-repeat; width:150px; height:150px; display:block}

.dockCon .con{ background-color: #333; color: #fff; position: absolute; display: none; z-index: 999999; font-size:14px;}
.dockCon .con img{width:120px;}
.downcon{ width: 120px; text-align: center; height: 60px; background-color: #333; top: 0px; line-height: 60px;}
.weixinCon{ padding:0px 0px; text-align: center; color: #fff; top: 0px; right:120px; width:120px; position:relative}
.weixinCon p{line-height:20px;}
.mobCon{ padding:0px 0px; text-align: center; color: #fff; top: 0px; right:-10px; width:120px;}
.mobCon p{line-height:20px;}


.about{width:100%; background:url(../images/abbg.jpg) top center no-repeat fixed; overflow:hidden;}
.about .box{width:100%; padding:150px 0px 160px; text-align:center}
.about .box .log{text-align:center;}
.about .box H2{font-size:30px; color:#000; font-weight:bold; margin-top:20px;}
.about .box H4{font-size:18px; line-height:35px; margin-top:20px; color:#000;}
.about .box H5{font-size:16px; line-height:30px; margin-top:100px; color:#000;}

.about-2{width:100%; position:relative; overflow:hidden; padding:0px; margin:0px;}
.about-2 .lef{width:50%; float:left; padding:100px 0px;}
.about-2 .lef H4{font-size:18px; color:#000; line-height:40px; font-weight:bold;}
.about-2 .lef H5{font-size:16px; color:#333; line-height:40px;}
.about-2 .lef p{font-size:14px; color:#000; line-height:40px; display:block; margin-top:50px;}
.about-2 .rig{width:50%; float:right; text-align:right; margin-top:50px;}


.about-3{width:100%; background:#d21042; overflow:hidden;}
.about-3 .lef{width:50%; text-align:left; margin-top:50px;}
.about-3 .rig{width:40%; padding:100px 0px;}
.about-3 .rig H4{font-size:40px; color:#fff; line-height:40px; font-weight:bold; line-height:60px;}
.about-3 .rig H6{font-size:16px; color:#fff; line-height:40px;}

.about-4{width:100%; background:url(../images/ab03.jpg) top center no-repeat fixed; overflow:hidden;}
.about-4 .box{padding:100px 0px 150px 0px; width:50%; text-align:center}
.about-4 .box H2{font-size:40px; color:#4764a3; line-height:80px; font-weight:bold}
.about-4 .box H6{font-size:16px; color:#666; display:block;}

.about-5{width:100%; overflow:hidden;}
.about-5 .box{padding:50px 0px 80px 0px;}
.about-5 .box dd { cursor: pointer; position: relative; padding:0px; margin:0px; background:#fff;}
.about-5 .box .item { padding: 25px 0px; position: relative; height: 110px; margin:0px 0px;}
.about-5 .box .img { position: absolute;  top: 25px; width: 102px; overflow: hidden; }
.about-5 .box .img img { width: 100%; display: block; transition: 600ms; -webkit-transition: 600ms; }
.about-5 .box .box2 { padding-left: 160px; }
.about-5 .box .t { color: #000; font-size: 18px; font-weight:bold; line-height: 1.2; height: 22px; overflow: hidden; margin-bottom: 12px; }
.about-5 .box .c { height: 50px; overflow: hidden; margin-bottom: 10px; color:#404040}
.about-5 .box .item .linkA { position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; }
.about-5 .box dd:hover .img img { transform: scale(1.05); -webkit-transform: scale(1.05); }
.about-5 .box dd:hover .t { color: #000; }

.service-1, .service-3, .service-5, .service-7{width:100%; background:top center no-repeat fixed;}
.m-service-1{display:none}
.service-1{background-image:url(../images/fwbg01.jpg);  height:600px;}
.m-service-1{ background:url(../images/m-fwbg01.jpg) top center no-repeat; background-size:cover; height:500px;}
.service-2{width:100%; background:#fff; overflow:hidden}
.service-2 .box{padding:50px 0px;}
.service-2 .box .lef{width:40%;}
.service-2 .box .rig{width:55%; padding-top:100px;}
.service-2 .box .rig H2{font-size:50px; color:#000; line-height:80px;}
.service-2 .box .rig H4{font-size:24px; color:#000; line-height:50px; padding:0px 0px;}
.service-2 .box .rig H6{font-size:14px; color:#000; line-height:px; padding:30px 0px; text-indent:26px;}
.service-3{background-image:url(../images/fwbg02.jpg);}
.service-3 .box{padding:0px; text-align:center; margin:0px; overflow:hidden; height:550px;}
.service-4{width:100%; background:#fff; overflow:hidden}
.service-4 .box{padding:50px 0px 0px 0px;}
.service-4 .box .lef{width:65%; padding-top:80px;}
.service-4 .box .lef H2{font-size:50px; color:#000; line-height:80px;}
.service-4 .box .lef H4{font-size:24px; color:#000; line-height:50px; padding:20px 0px;}
.service-4 .box .lef H6{font-size:14px; color:#000; line-height:px; padding:20px 0px;}
.service-4 .box .rig{width:32%; padding-bottom:50px;}
.service-5{background-image:url(../images/fwbg03.jpg); height:700px;}
.service-5 .box{position:relative; height:700px;}
.service-5 .box img{position:absolute; bottom:-230px; left:0px;}
.service-6{width:100%; background:#fff; overflow:hidden;}
.service-6 .box{padding:250px 0px 0px 0px;}
.service-6 .box .lef{width:70%; padding-top:0px;}
.service-6 .box .lef H2{font-size:50px; color:#000; line-height:80px;}
.service-6 .box .lef H4{font-size:18px; color:#000; line-height:50px; padding:20px 0px;}
.service-6 .box .lef H6{font-size:14px; color:#000; line-height:px; padding:0px 0px;}
.service-6 .box .rig{width:25%; padding-bottom:50px;}
.service-7{background-image:url(../images/fwbg04.jpg);}
.service-7 .box{padding:0px; text-align:center; margin:0px; overflow:hidden; height:550px;}
.service-8{width:100%; background:#fff; overflow:hidden}
.service-8 .box{padding:100px 0px 0px 0px;}
.service-8 .box .rig{width:55%; padding-top:0px;}
.service-8 .box .rig H2{font-size:50px; color:#000; line-height:80px;}
.service-8 .box .rig H4{font-size:24px; color:#000; line-height:50px; padding:20px 0px;}
.service-8 .box .rig H6{font-size:14px; color:#000; line-height:px; padding:20px 0px;}
.service-8 .box .lef{width:40%; padding-bottom:100px;}


/*案例展示*/
.product{width:100%; margin:100px auto 50px auto; max-width:1170px;}
.product .tit{width:100%; max-width:1200px; margin:0px auto; padding-top:50px;}
.product .tit li{padding:0px 0px; float:left; text-align:center; width:16.6%}
.product .tit li H2 {font-size: 50px; font-weight: normal;  margin-top: 10px; line-height:60px; margin-bottom: 0; text-align: center; color:#d21042}
.product .tit li H5 {font-size: 14px; font-weight: normal;  margin-bottom: 0px; text-align: center;}
.product .tit li a{color:#666;}
.productIbox a:link,.productIbox a:visited { color: #484848;}
.productIbox a:active,.productIbox a:hover { color: #484848;}
.productIbox ul{ margin-left: -15px; margin-top:30px;}
.productIbox li{ float: left; display: block; width: 380px; margin:15px 0px 0px 15px; height: 380px;}
.productIbox li.addItem{ width: 790px; position: relative;}
.proimgIbox .imgbox{ width: 100%; height: 100%; background-position: center center; background-size: cover; background-repeat: no-repeat;}
.proimgIbox .imgbox .img{ display: none; width: 100%;}
.productIbox .picItem a:link,.productIbox .picItem a:visited { color: #fff;}
.productIbox .picItem a:active,.productIbox .picItem a:hover { color: #fff;}
.picItem{ position: relative; width: 100%; height: 446px; overflow: hidden;}
.proimgIbox .con{ position: absolute; left: 5%; bottom: 8%; width: 80%; color: #fff;}
.productIbox .bx-wrapper .bx-controls-direction a,.productIbox .owl-theme .owl-controls .owl-buttons div{ background: url(../images/img_bg3.png) no-repeat scroll center center; width: 44px; height: 44px; display: block; margin-top: -22px; position: absolute; top: 50%; padding: 0px;}
.productIbox .bx-wrapper .bx-prev,.productIbox .owl-theme .owl-controls .owl-buttons .owl-prev{ left: 3%; transform:translateX(30px);-webkit-transform:translateX(30px);-ms-transform:translateX(30px); opacity: 0;}
.productIbox .bx-wrapper .bx-next,.productIbox .owl-theme .owl-controls .owl-buttons .owl-next{ right: 3%; transform:translateX(-30px);-webkit-transform:translateX(-30px);-ms-transform:translateX(-30px); opacity: 0;}
.productIbox .bx-wrapper .bx-controls-direction a i,.productIbox .owl-theme .owl-controls .owl-buttons div i{ position: relative; z-index: 2; height: 100%; width: 7px; display: block; margin: 0px auto; background: url(../images/img_ico1.png) no-repeat  scroll center center;}
.productIbox .bx-wrapper .bx-controls-direction a span,.bannerBox .owl-theme .owl-controls .owl-buttons div span{ position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; display: block; background:url(../images/img_bg4.png) no-repeat;  visibility: hidden; opacity: 0; transform: scale(0.5); -webkit-transform: scale(0.5); -moz-transition: all .4s cubic-bezier(0.445, 0.145, 0.355, 1);
  -o-transition: all .4s cubic-bezier(0.445, 0.145, 0.355, 1);
  -ms-transition: all .4s cubic-bezier(0.445, 1.045, 0.355, 1);
  transition: all .4s cubic-bezier(0.445, 0.145, 0.355, 1); }
.productIbox .bx-wrapper .bx-controls-direction a.bx-next i,.productIbox .owl-theme .owl-controls .owl-buttons .owl-next i{ background-image: url(../images/img_ico2.png);}
.productIbox .bx-wrapper .bx-controls-direction a:hover span,.productIbox .owl-theme .owl-controls .owl-buttons div:hover span{ transform: scale(1.1); -webkit-transform: scale(1.1); opacity: 1; visibility: visible;}
.addItem:hover .bx-wrapper .bx-prev,.addItem:hover .bx-wrapper .bx-next{transform:translateX(0px);-webkit-transform:translateX(0px);-ms-transform:translateX(0px); opacity: 1; }
.addItem .price,.itemBox .price{ background: url(../images/black_50.png) repeat; background: none rgba(0,0,0,0.5); padding: 3px 18px; font-size: 14px;}
.addItem .price{ position: absolute; left: 0px; top: -34px;}
.addItem .price i,.itemBox .price i{ font-size: 14px; font-style:normal;}
.addItem .btnBox{ position: relative; z-index: 2;}
.addItem .t{ padding-top: 12px; font-size: 22px; margin-bottom: 8px;line-height: 1.5; height: 32px; overflow: hidden;}
.btnBox .btnI{ margin-right: 12px; display: inline-block;}
.proI1,.proI2,.proI3,.proIo4{ background-image: url(../images/ico.png); background-repeat: no-repeat; padding-left: 22px;}
.proI1{ background-position: -2px -666px; margin-right: 4px;}
.proI2{ background-position: -35px -666px; margin-right: 4px;}
.proI3{ background-position: -67px -666px; padding-left: 28px;}
.proIo4{ background-position: -103px -700px; display: inline-block;}
.itemBox .proI1{ background-position: -2px -686px;}
.itemBox .proI2{ background-position: -35px -686px;}
.itemBox .proI3{ background-position: -67px -686px;}
.btnBox a.btnI{ color: #989898;}
.proI1 .act{background-position: -2px -707px;}
.proI2 .act{background-position: -35px -707px;}
.proI3 .act{background-position: -67px -707px;}
.active .proI1{ background-position: -2px -707px;}
.proI2:hover{ background-position: -35px -707px;}
.proI3:hover{ background-position: -67px -707px; color: #f56247;}
.addItem:hover .price,.itemBox:hover .price{ background: none #8cc227;}
.itemBox{ position: relative;-webkit-transition: 0.3s; -moz-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; background-color: #fff;}
.groupHasItem{ background-color: #ececec;}
.groupHasItem .img{opacity:0.5; filter:alpha(opacity=50);}
.itemBox .imgBox{ position: relative; overflow: hidden; background-color: #000;}
.itemBox .img{ width: 100%; display: block; -webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s;}
.itemBox .con{ position: absolute; left: -90%; top: 15%; color: #fff; width: 80%; opacity: 0; text-align:center}
.itemBox .by:before{width:100%; height:10px; background:rgba(255,255,255,.5); content:""; display:block;}
.itemBox .by:after{width:100%; height:1px; background:rgba(255,255,255,.5); content:""; display:block;}
.itemBox .by H3{font-size:30px!important; color:#fff; line-height:50px; margin-top:10px; text-shadow:2px 2px 2px #333}
.itemBox .by H5{font-size:14px; color:#fff; margin-bottom:20px; text-shadow:1px 1px 1px #000}
.itemBox .ewm{ padding-top: 10px; font-size: 16px; margin-top:20px; text-align:center}
.itemBox .ewm img{width:auto; max-width:100px; margin:0px 10px;}
.itemBox .price{ position: absolute; left: 12px; bottom: 8%; color: #fff;}
.itemBox .groupHas{ position: absolute; right: 2%; top: 0px; background: url(../images/grouphas.png) no-repeat scroll center bottom; width: 65px; padding: 15px 0px 22px; text-align: center; color: #fff; font-size: 16px;}
.itemBox .c{ height: 138px; border: 1px solid #e8e8e8; border-top: 0px none; padding: 18px 5% 50px 8%; line-height: 1.2;}
.itemBox .c .t{ font-size: 18px; height: 22px; margin-bottom: 10px; overflow: hidden; color: #828282;}
.itemBox .c .i{ font-size: 18px; height:43px; overflow: hidden; margin-bottom: 20px;}
.itemBox .c .time{ height: 20px; overflow: hidden; color: #797979;}
.itemBox .btnBox{ position: absolute; left: 8%; bottom: 26px;}
.itemBox:hover .price{ left: 8%;}
.itemBox:hover .con{ left: 8%; opacity: 1;}
.itemBox:hover .img{ -webkit-transform:scale(1.1); transform:scale(1.1); opacity:0.5; filter:alpha(opacity=50);}
.itemBox:hover{  box-shadow: 0 1px 2px rgba(0,0,0,0.5);}



/*科伟优势*/
.advantage-1, .advantage-3, .advantage-5, .advantage-7{width:100%; background:top center no-repeat fixed;}
.advantage-1{background-image:url(../images/ys01.jpg);  height:600px; text-align:center; position:relative}
.advantage-1 H3{font-size:50px; line-height:75px; color:#fff; font-weight:bold;  top:250px; position:relative; text-align:center; }
.advantage-2{width:100%; overflow:hidden}
.advantage-2 .box1{padding:50px 0px; background:#fff; float:left; width:100%;}
.advantage-2 .box1 .lef{width:20%;}
.advantage-2 .box1 .rig{width:75%; padding-top:50px;}
.advantage-2 .box1 .rig H2{font-size:50px; color:#000; line-height:80px;}
.advantage-2 .box1 .rig H4{font-size:24px; color:#000; line-height:50px; padding:0px 0px;}
.advantage-2 .box1 .rig H6{font-size:14px; color:#000; line-height:30px; padding:30px 0px; text-indent:26px;}
.advantage-2 .box2{padding:50px 0px; background:#333; float:left; width:100%}
.advantage-2 .box2 .rig{width:40%; text-align:left; padding-top:30px;}
.advantage-2 .box2 .lef{width:55%; padding-top:20px;}
.advantage-2 .box2 .lef H2{font-size:50px; color:#fff; line-height:80px;}
.advantage-2 .box2 .lef H4{font-size:24px; color:#fff; line-height:50px; padding:0px 0px;}
.advantage-2 .box2 .lef H6{font-size:14px; color:#fff; line-height:30px; padding:30px 0px 0px 0px;}
.advantage-2 .box2 .lef .more{color:#F90; text-decoration:none; font-size:18px; text-align:right; float:right}
.advantage-3{background-image:url(../images/lc.jpg);  height:430px; text-align:center; position:relative}
.advantage-3 H3{font-size:50px; line-height:75px; color:#fff; font-weight:bold; text-align:center; padding-top:120px;}
.advantage-3 H5{font-size:16px; color:#ccc; line-height:45px; padding-top:30px;}
.advantage-4{width:100%; overflow:hidden; background:#f4f4f4; text-align:center}
.advantage-4 img{padding:100px;}
.advantage-5{background-image:url(../images/ys04.jpg);  height:430px; text-align:center; position:relative}
.advantage-5 H3{font-size:50px; line-height:90px; color:#0080C0; font-weight:bold; text-align:center; padding-top:130px;}
.advantage-6{background:#fff; padding-top:0px; height:700px;}
.advantage-6 .box{width:100%; background:url(../images/ys05.png) top center; margin-top:0px; height:700px;}
.advantage-6 .box .txt{width:60%; float:left; display:block; margin-top:90px;}
.advantage-6 .box .txt H2{font-size:50px; color:#000; line-height:80px;}
.advantage-6 .box .txt H4{font-size:18px; color:#000; line-height:50px; padding:0px 0px;}
.advantage-6 .box .txt H6{font-size:14px; color:#000; line-height:30px; padding:20px 0px 0px 0px; text-indent:26px;}
.advantage-6 .box .list{width:100%; float:left; display:block;}
.advantage-6 .box .list li{width:25%; text-align:center; float:left; cursor:pointer;}
.advantage-6 .box .list li figure{ display:block; line-height:normal; width:100%; float:left; overflow:hidden; position:relative}
.advantage-6 .box .list li img{text-align:center; transition:460ms}
.advantage-6 .box .list li:hover figure img{ transform:scale(1.05); -webkit-transform:scale(1.05); -moz-transform:scale(1.05);}
.advantage-6 .box .list li h4{display:block; font-size:18px; color:#666666; line-height:18px;}
.advantage-7{background-image:url(../images/ys09.jpg); height:300px; position:relative}
.advantage-7 .box{position:relative; height:300px; width:100%; max-width:1200px; margin:0px auto}
.advantage-7 .box img{position:absolute; bottom:-260px; right:0px;}
.advantage-8{width:100%; background:#fff; height:350px;}
.advantage-8 .txt{width:55%; float:left; margin-top:60px;}
.advantage-8 .txt H3{font-size:50px; color:#333;}
.advantage-8 .txt H6{font-size:14px; color:#666; margin-top:20px; text-indent:28px;}

/*人力资源*/
.job-1, .job-2{width:100%; background:top center no-repeat fixed;}
.job-1{background-image:url(../images/b6.jpg);  height:535px; text-align:center; position:relative}
.job-1 H3{font-size:50px; line-height:75px; color:#fff;  top:250px; position:relative; text-align:center; }
.job-2{background-image:url(../images/job2.jpg); position:relative; text-align:center; height:550px;}
.job-2 .txt{padding-top:80px;}
.job-2 .txt H2{font-size:50px; color:#555; line-height:80px;}
.job-2 .txt H4{font-size:25px; color:#555; line-height:50px; padding:0px 0px 30px 0px;}
.job-2 .txt H6{font-size:16px; color:#555; line-height:36px; padding:0px 0px 0px 0px; text-indent:26px; }
.job-3{width:100%; overflow:hidden; background:#fff; text-align:center}
.job-3 img{padding:50px;}
.job-4{width:100%; overflow:hidden; background:#fff; max-width:1200px; margin:0px auto;}
.job-4 .c{width:100%; margin-top:30px 0px; font-size:14px; line-height:30px;}
.job-4 .c img{float:left;}
/*选项卡*/
.tabbox{display:block; width:100%; max-width:1200px;}
.tab {width: 100%; margin: 30px 0px;}
.tab-title {font-size: 0; display:block; border-bottom:1px solid #eee; padding-bottom:10px;}
.tab-title .item2 {display: inline-block; width: 12%; height: 45px; line-height: 45px; text-align: center; color: #333; background:#fff; border-radius:0px; font-size: 16px; margin:1% 1%;}
.tab-title .item2-cur {color: #fff; background-color: #000;}
.tab-cont {display:block; width:96%; margin:20px auto 10px auto; padding-bottom:30px;}
.tab-cont__wrap {}
.tab-cont .item2 {width:100%; color: #000;}		

/*小程序*/
.xcx-con{width:100%; background:#fff;}
.xcx-banner{width:100%;}
.xcx-mbanner { width: 100%; margin: 0px auto 0px auto; overflow: hidden; color: #fff; background-color: #fff; display:none}
.xcx-con .tit{width:100%; margin-top:50px; margin-bottom:50px; text-align:center}
.xcx-con .tit H3{font-size:36px; color:#000; line-height:40px;}
.xcx-con .tit H3:after{content:""; width:40px; height:1px; background:#858585; display:block; margin:30px auto 0px auto;}
.xcx-con .tit2{width:100%; margin-top:50px; margin-bottom:50px; text-align:center}
.xcx-con .tit2 H3{font-size:36px; color:#fff; line-height:40px;}
.xcx-con .tit2 H3:after{content:""; width:40px; height:1px; background:#fff; display:block; margin:30px auto 0px auto;}
.xcx-con .box1{width:100%; max-width:1200px; margin:0px auto; display:block;} 
.xcx-con .box1 .text{width:46%; margin-top:10px; }
.xcx-con .box1 .text .c{width:100%; font-size:14px; line-height:36px; color:#000; border-bottom:1px dashed #d6d6d6; padding-bottom:20px; }
.xcx-con .box1 .text .list{width:100%; margin-top:20px;}
.xcx-con .box1 .text .list li{display:block; line-height:36px; font-size:14px; color:#000;}
.xcx-con .box1 .text .list i{background:url(../images/jiantou.png) no-repeat; width:5px; height:9px; float:left; position:relative; top:12px;}
.xcx-con .box1 .text .list span{color:#999; margin:0px 10px;}

.xcx-con .box1 .video{width:50%;}
.xcx-con .box1 .video img{width:100%;}

.xcx-con .box2{width:100%; max-width:1200px; margin:0px auto; display:block;}

.ibox{margin-top:60px; margin-bottom:60px;}
.ibox dd{float: left; display: block; color: #fff; width:32%; margin-right:2%; margin-bottom:2%; position: relative; overflow: hidden;}
.ibox dd:nth-child(3n+3){margin-right:0;}
.ibox .boxitem { }
.boxitem a:link, .boxitem a:visited { color: #fff; }
.boxitem a:active, .boxitem a:hover { color: #fff; }
.boxitem .img { display: block; width: 100%; transition: 600ms; }
.boxitem .itemtxt { position: absolute; width: 100%; left: 0%; top: 0%; height: 100%; text-align: center; display: table-cell; z-index: 5; transition: 400ms;  background:rgba(0,0,0,.6);  }
.boxitem .itemtxt .t { font-size: 24px; padding-top: 0%; transition: 300ms; }
.boxitem .itemtxt .c { font-size: 14px; transition: all 300ms ease 100ms; }
.boxitem .more { color: #fff; width:100%; height: 28px; display: block; margin: 10% auto 0px; text-align: center; line-height: 28px; transition: all 300ms ease 200ms; }
.boxitem.item1:hover .itemtxt { transform: scale(1.1); -webkit-transform: scale(1.1); }
.boxitem.item2 .itemtxt .t { padding-top: 25%; margin-bottom: 10px; }
.proIbox1 .boxitem.item2 .itemtxt .c, .proIbox1 .boxitem.item2 .itemtxt .more, .proIbox2 .boxitem.item2 .itemtxt .c, .proIbox2 .boxitem.item2 .itemtxt .more { opacity: 0; filter: alpha(opacity=0); position: relative; top: 30px; }
.boxitem .itemtxt:hover { background:rgba(242,1,16,.7);  }

.boxitem.item2 .itemtxt::before, .boxitem.item2 .itemtxt::after { opacity: 0; position: absolute; width: 95%; height: 90%; top: 5%; left: 2.5%; }
.boxitem.item2 .itemtxt::before { border-top: 1px solid #fff; border-bottom: 1px solid #fff; transform: scale(0, 1); -webkit-transform: scale(0,1); }
.boxitem.item2 .itemtxt::after { border-left: 1px solid #fff; border-right: 1px solid #fff; transform: scale(1, 0); -webkit-transform: scale(1,0); }
.boxitem.item2 .itemtxt::before, .boxitem.item2 .itemtxt::after { transition: opacity 0.35s ease 0s, transform 0.35s ease 0s; content: ''; box-sizing: border-box; }
.boxitem.item2:hover .itemtxt::before, .boxitem.item2:hover .itemtxt::after { opacity: 1; transform: scale(1); -webkit-transform: scale(1); }
.proIbox1 .boxitem.item2:hover .itemtxt .t, .proIbox2 .boxitem.item2:hover .itemtxt .t { padding-top: 20%; }
.proIbox1 .boxitem.item2:hover .itemtxt .c, .proIbox1 .boxitem.item2:hover .itemtxt .more, .proIbox2 .boxitem.item2:hover .itemtxt .c, .proIbox2 .boxitem.item2:hover .itemtxt .more { opacity: 1; filter: alpha(opacity=100); top: -30px; }
.boxitem:hover .img { transform: scale(1.1); -webkit-transform: scale(1.1); }
.boxitem:hover .ibg { display: none; }
.article-block .boxitem { position: relative; top: 0px; opacity: 1; }
.articleShow .boxitem { top: 0px; opacity: 1; }
.articleShow .acitem1 { transition: all 400ms ease 200ms; }
.articleShow .acitem2 { transition: all 600ms ease 300ms; }
.articleShow .acitem3 { transition: all 800ms ease 400ms; }




.xcx-con .box3{width:100%; background:url(../images/xcx_bj1.jpg) no-repeat top center; float:left; padding-top:30px; padding-bottom:30px;}
.xcx-con .box3 .list{width:100%;}
.xcx-con .box3 .list li{width:20%; text-align:center; float:left; margin-bottom:60px;}
.xcx-con .box3 .list li figure{ display:block; line-height:normal; width:100%; float:left; overflow:hidden; position:relative}
.xcx-con .box3 .list li img{text-align:center; transition:460ms}
.xcx-con .box3 .list li:hover figure img{ transform:rotate(360deg); -webkit-transform:rotate(360deg); -moz-transform:rotate(360deg);}
.xcx-con .box3 .list li h6{display:block; font-size:14px; color:#fff; line-height:22px;}

 
.xcx-con .box4{width:100%; max-width:1200px; margin:0px auto; padding-top:30px; padding-bottom:50px;}
.xcx-con .tit4{width:100%; margin-top:50px; margin-bottom:50px; text-align:center}
.xcx-con .tit4 H3{font-size:36px; color:#000; line-height:40px;}

.xcx-con .box4 .tlist{display:inline-block; width:100%; max-width:1200px; margin:0px auto 50px auto; text-align:center}
.xcx-con .box4 .tlist-box {font-size: 0; display:block;}
.xcx-con .box4 .tlist-box  a {display: inline-block; width: 10%; height: 30px; line-height: 30px; text-align: center; color: #333; border:1px solid #eee; background:#fff; font-size: 14px; margin:0 3px;}
.xcx-con .box4 .tlist-box a:hover,  .xcx-con .box4 .tlist-box a.cur {color: #fff; background-color: #f1010c;}

.xcx-con .box4 .list-box{width:100%!important; margin-top:0px;}
.xcx-con .box4 .list-box li{width:23%!important; margin-right:2%; text-align:center; float:left; padding-bottom:10px; margin-bottom:20px; transition:460ms;}
.xcx-con .box4 .list-box li:nth-child(4n+4){margin-right:0}
.xcx-con .box4 .list-box li figure{display:block; line-height:normal; overflow:hidden; border:1px solid #eee; transition:460ms; background:#fff; text-align:center; padding:50px 0px 30px 0px;}
.xcx-con .box4 .list-box li figure img{text-align:center; transition:460ms;}
.xcx-con .box4 .list-box li H5{font-size:14px; color:#000; line-height:45px; font-weight:bold;}
.xcx-con .box4 .list-box li H6{font-size:12px; color:#888888; line-height:24px; padding-top:0px; padding-bottom:20px; padding-left:10px; padding-right:10px; height:48px; overflow:hidden}
.xcx-con .box4 .list-box li .xx{content: "";max-width:100%; width: 100%;height: 1px;margin:5px auto;background: #000; z-index:2;}
.xcx-con .box4 .list-box li:hover figure{border:1px solid #f1020e;}
.xcx-con .box4 .list-box li:hover figure H6{color:#f1020e;}
.xcx-con .box4 .list-box li:hover figure img{ text-align:center;transform:scale(1.04); -webkit-transform:scale(1.04); -moz-transform:scale(1.04);}
.xcx-con .box4 .list-box li .btn{z-index:1; margin:0px auto; width:98px; height:32px; background:#fff; border:1px solid #eee; border-radius:3px; line-height:35px; margin-top:-15px; color:#999}
.xcx-con .box4 .list-box li:hover .btn{background:#0768b2; border:1px solid #0768b2; color:#fff;}
.xcx-con .box4 .list-box li i{background:url(../images/icon-yy.png) no-repeat; width:220px; height:25px; float:left; opacity:0; margin-left:10%; margin-top:5px; transition:460ms}
.xcx-con .box4 .list-box li:hover i{display:block; margin-top:5px; opacity:1;}

.xcx-con .box4 a.btn{width:138px; height:38px; border:1px solid #ddd; display:block; color:#666; text-align:center; transition:460ms; margin:20px auto 0px auto; border-radius:20px; line-height:40px;}
.xcx-con .box4 a:hover.btn{background:#ddd; color:#000; border:1px solid #ddd}


.xcx-con .box5{width:100%; background:url(../images/xcx_bj2.jpg) no-repeat top center; float:left}
.xcx-con .box5 .tit3{width:100%; margin-top:90px; text-align:center}
.xcx-con .box5 .tit3 H3{font-size:36px; color:#fff; line-height:40px;}
.xcx-con .box5 .tit3 H3:after{content:""; width:80%; height:1px; background:#fff; display:block; margin:30px auto 0px auto;}
.xcx-con .box5 .list{width:100%; max-width:1200px; margin:50px auto;}
.xcx-con .box5 .list li{width:16.6%; text-align:center; float:left; margin-bottom:100px;}
.xcx-con .box5 .list li figure{ display:block; line-height:normal; width:100%; float:left; overflow:hidden; position:relative}
.xcx-con .box5 .list li img{text-align:center; transition:460ms}
.xcx-con .box5 .list li:hover figure img{ transform:rotate(360deg); -webkit-transform:rotate(360deg); -moz-transform:rotate(360deg);}
.xcx-con .box5 .list li h6{display:block; font-size:14px; color:#fff; line-height:36px;}



.xcx-case{width:100%; max-width:1200px; margin:0px auto; margin-top:20px;}
.xcx-case .c-tit{max-width:150px; height:45px; padding:0px 0px; line-height:45px; text-align:center; margin-bottom:10px;}
.xcx-case .c-tit H4{font-size:18px; color:#333; float:left}
.xcx-case .c-tit H6{font-size:14px; color:#666; float:left; margin-left:10px;}
.xcx-case .c-tit a{color:#666}
.xcx-case .list-box{width:100%!important; margin-top:0px;}
.xcx-case .list-box li{width:23%!important; margin-right:2%; text-align:center; float:left; padding-bottom:10px; margin-bottom:20px; transition:460ms;}
.xcx-case .list-box li:nth-child(4n+4){margin-right:0}
.xcx-case .list-box li figure{display:block; line-height:normal; overflow:hidden; border:1px solid #eee; transition:460ms; background:#fff; text-align:center; padding:50px 0px 30px 0px;}
.xcx-case .list-box li figure img{text-align:center; transition:460ms;}
.xcx-case .list-box li H5{font-size:14px; color:#000; line-height:45px; font-weight:bold;}
.xcx-case .list-box li H6{font-size:12px; color:#888888; line-height:24px; padding-top:0px; padding-bottom:20px; padding-left:10px; padding-right:10px; height:48px; overflow:hidden}
.xcx-case .list-box li .xx{content: "";max-width:100%; width: 100%;height: 1px;margin:5px auto;background: #000; z-index:2;}
.xcx-case .list-box li:hover figure{border:1px solid #f1020e;}
.xcx-case .list-box li:hover figure H6{color:#f1020e;}
.xcx-case .list-box li:hover figure img{ text-align:center;transform:scale(1.04); -webkit-transform:scale(1.04); -moz-transform:scale(1.04);}
.xcx-case .list-box li .btn{z-index:1; margin:0px auto; width:98px; height:32px; background:#fff; border:1px solid #eee; border-radius:3px; line-height:35px; margin-top:-15px; color:#999}
.xcx-case .list-box li:hover .btn{background:#0768b2; border:1px solid #0768b2; color:#fff;}
.xcx-case .list-box li i{background:url(../images/icon-yy.png) no-repeat; width:220px; height:25px; float:left; opacity:0; margin-left:10%; margin-top:5px; transition:460ms}
.xcx-case .list-box li:hover i{display:block; margin-top:5px; opacity:1;}


.inside-nav{width:100%; border-bottom:1px solid #eeeeee; text-align:center;  display:inline-block; background:#fff; margin-top:-5px; height:75px; }
.inside-nav li{ display:inline-block; clear:both; padding:0px 0px; line-height:75px; text-align:center;  width:16%; margin-right:-3px;}
.inside-nav li:last-child{border-right:1px solid #eee;}
.inside-nav li a{font-size:14px; color:#666; text-decoration:none; width:100%; display:block; border-left:1px solid #eee; border-right:0px;}
.inside-nav li a:hover, .inside-nav li a.cur{text-decoration:none; background:#f3010d; color:#fff; height:75px;}
.inside-nav li a.cur:after{content:"";  width:0; height:0; border-left:10px solid transparent; border-right:10px solid transparent; border-top:10px solid #f3010d; margin:0px auto; display:block;}



/*翻页*/
.pagelist{ text-align:center; margin:50px 0px;}
.pages{ display:inline-block; margin:auto;}
.pages a{ display:inline-block; float:left; background:#fff; text-align:center; height:38px; line-height:38px; color:#000; border-radius:0px;  margin:0px 3px 5px 3px; border:1px solid #ddd;}
.pages a.prev{ width:38px;}
.pages a:hover{ color:#fff; background:#f1020c; border:1px solid #f1020c}
.pages a.prpage{ width:38px;}
.pages a.first i{background:url(../images/page-first.png) no-repeat; width:11px; height:13px; display:block; position:relative; top:50%; margin-top:-6px; left:50%; margin-left:-6px;}
.pages a.first:hover i{background:url(../images/page-first-2.png) no-repeat}
.pages a.last i{background:url(../images/page-last.png) no-repeat; width:11px; height:13px; display:block; position:relative; top:50%; margin-top:-6px; left:50%; margin-left:-6px;}
.pages a.last:hover i{background:url(../images/page-last-2.png) no-repeat}
.pages a.pre i{background:url(../images/page-prev.png) no-repeat; width:8px; height:13px; display:block; position:relative; top:50%; margin-top:-6px; left:50%; margin-left:-4px;}
.pages a.pre:hover i{background:url(../images/page-prev-2.png) no-repeat}
.pages a.nex i{background:url(../images/page-next.png) no-repeat; width:8px; height:13px; display:block; position:relative; top:50%; margin-top:-6px; left:50%; margin-left:-4px;}
.pages a.nex:hover i{background:url(../images/page-next-2.png) no-repeat}
.pages a.nuble{ width:38px;}
.pages a.act{ color:#fff; background:#f1020c; border:1px solid #f1020c}


.m-footer{width:100%; background:rgba(0,0,0,.85); height:40px; position:fixed; bottom:0px; display:none; z-index:999999}
.m-footer li{width:24.6%; margin-right:.5%; text-align:center; float:left; background:#333;}
.m-footer li:last-child{margin-right:0}
.m-footer li a{width:100%; line-height:40px; display:block; color:#fff; text-decoration:none;}
.m-footer li .tel{background:url(../images/tel.png) no-repeat; background-size:100%; width:24px; height:24px; display:inline-block; margin-right:2px; position:relative; top:6px;}
.m-footer li .mes{background:url(../images/message.png) no-repeat; background-size:100%; width:24px; height:24px; display:inline-block; margin-right:2px; position:relative; top:6px;}
.m-footer li .home{background:url(../images/home.png) no-repeat; background-size:100%; width:24px; height:24px; display:inline-block; margin-right:2px; position:relative; top:6px;}
.m-footer li .add{background:url(../images/add.png) no-repeat; background-size:100%; width:24px; height:24px; display:inline-block; margin-right:2px; position:relative; top:6px;}