﻿@charset "utf-8";
/* 
 * Project Name:曼哈集团
 * Author:MR.YangCong
 * Date：2018-9-25
 */
.layout{width:1200px; margin:0 auto;}
.clearfix:before,.clearfix:after{content:"";display:table}.clearfix{zoom:1;}
.clearfix:after{content:"";clear:both;height:0;visibility:hidden;display:block;}
body{min-width:1200px;}

/*header*/
#wrapper{width:100%; position:relative; overflow-x:hidden;}
.header{width:100%; height:80px; position:fixed; left:0; top:0; z-index:1000; background-color:#fff; -webkit-box-shadow: 0px 5px 5px rgba(0,0,0,0.07); box-shadow: 0px 5px 5px rgba(0,0,0,0.07);}
.logo{float:left; padding:15px 0px 0px 4px;}
.logo a{display:block; width:207px; height:51px; font-size:0; background-image:url(../images/logo.png); background-size:contain; background-repeat:no-repeat; background-position:center center;}
.nav{float:right; height:80px;}
.nav ul li{float:left; height:80px; background:url(../images/nav_li.png) right center no-repeat;}
.nav ul li:last-child{background:none;}
.nav ul li>a{font-size:16px; color:#333; display:block; line-height:80px; padding:0px 24px; text-align:center; position:relative; z-index:1;}
.nav ul li>a:after{content:""; display:block; width:0; height:4px; position:absolute; left:50%; bottom:0; background-color:#f08519; -webkit-transition: all 0.3s ease; transition: all 0.3s ease;}
.nav ul li:hover>a:after,.nav ul li.on>a:after{width:100%; left:0;}
.nav ul li:hover>a,.nav ul li.on>a{color:#f08519;}
.nav ul li .nav-body{width:100%; height:50px; line-height:50px; text-align:center; position:absolute; left:0px; top:80px; z-index:20; background-color:rgba(255,255,255,0.8); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#80ffffff, endColorstr=#80ffffff); display:none;}
.nav ul li .nav-body a{font-size:16px; color:#333; margin:0px 10px;}
.nav ul li .nav-body a:hover{color:#f08519;}

/*banner*/
.banner{width:100%; overflow:hidden; clear:both; max-height:100%; margin:0 auto; position:relative; z-index:1;}
.banner .bx-wrapper .bx-controls-direction a{visibility:hidden; opacity:0; display:none;}
.banner:hover .bx-wrapper .bx-controls-direction a{visibility:visible; opacity:1;}
.banner:hover .bx-wrapper .bx-prev{left:80px;}
.banner:hover .bx-wrapper .bx-next{right:80px;}
.bx-wrapper{position:relative; margin:auto; padding:0; *zoom: 1;}
.bx-wrapper ul li{width:100%;}
.bx-wrapper ul li img{width:1400px;display:block; max-width:100%; margin:0 auto; vertical-align:middle;}
 img{ max-width:100%; margin:0 auto; vertical-align:middle;}
.bx-wrapper .bx-pager{width:13px; position:absolute; left:200px; top:53%; z-index:100; text-align:center;}
.bx-wrapper .bx-pager-item{margin:5px 0px; display:block;}
.bx-wrapper .bx-pager-item a{display:block; width:13px; height:13px; background-color:#fff; border-radius:50%; font-size:0; text-indent:-9999px;}
.bx-wrapper .bx-pager-item a.active{background-color:#f08519; height:25px; border-radius:5px 5px 5px 5px;}
.bx-wrapper .bx-controls-direction a{position:absolute; top:50%; margin-top:-28.5px; z-index:10;}
.bx-wrapper .bx-prev{left:0px;}
.bx-wrapper .bx-next{right:0px;}
.bx-wrapper .bannext,.bx-wrapper .banprev{display:block; width:50px; height:50px; background:url(../images/arrowbtn1.png) no-repeat;}
.bx-wrapper .bannext{background-position:-50px 0px;}
.bx-wrapper .banprev{background-position:0px 0px;}
.bx-wrapper .bx-controls-direction a .bannext::after{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    background-color: #f08519;
    background-image:url(../images/arrowbtn3.png);
    border-radius: 50%;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    z-index: 0;
    -webkit-transition: all .4s ease;
    transition: all .4s ease;
}
.bx-wrapper .bx-controls-direction a .bannext:hover::after {-webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1);}
.bx-wrapper .bx-controls-direction a .banprev::after{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    background-color: #f08519;
    background-image:url(../images/arrowbtn2.png);
    border-radius: 50%;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    z-index: 0;
    -webkit-transition: all .4s ease;
    transition: all .4s ease;
}
.bx-wrapper .bx-controls-direction a .banprev:hover::after {-webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1);}

/*index*/
.contain{width:100%; padding-top:80px;}
.section01{width:100%; /*background-color:#d86628;*/}
.section01 ul{width:100%; display:table;}
.section01 ul li{width:33.333%; display:table-cell;}
.section01 ul li.item1{background-color:#d86628; transition-delay:0s; -webkit-transition-delay:0s;}
.section01 ul li.item2{background-color:#d8b428; transition-delay:.15s; -webkit-transition-delay:.15s;}
.section01 ul li.item3{background-color:#288ed6; transition-delay:.3s; -webkit-transition-delay:.3s;}
.section01 ul li .box{padding:70px 24px 72px 45px; word-wrap:break-word;}
.section01 ul li h2 span{display:inline-block; font-size:36px; color:#fff; border-bottom:4px solid #fff;}
.section01 ul li h3{font-size:14px; color:#fff; margin-top:15px; padding-bottom:10px;}
.section01 ul li p{font-size:14px; color:#fff; margin-top:10px;}
.section01 ul li p i{margin-right:20px;}
.section01 ul li .more{width:100%; display:block; overflow:hidden; position:absolute; right:24px; bottom:24px;}
.section01 ul li .more em{display:block; width:44px; height:44px; line-height:44px; text-align:center; float:right; border:2px solid #fff; font-family:Simsun; /*font-size:27px;*/ font-weight:bold; color:#fff; font-size:0; background-image:url(../images/inOneBtns.png); background-position:0px 0px; background-repeat:no-repeat; -webkit-transition: all 0.3s ease; transition: all 0.3s ease;}
.section01 ul li:hover .more em{background-color:#fff; background-position:-44px 0px;}
.section01 ul{
    -webkit-perspective: 1300px;
    -o-perspective: 1300px;
    -ms-perspective: 1300px;
    perspective: 1300px;
    -webkit-transform-style: preserve-3d;
    -o-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    transform-style: preserve-3d;
	transition: .2s width ease;
}
.section01 ul li.is_animated {
  -webkit-transition-duration:1.2s;
  -webkit-transition-property:-webkit-transform,opacity;
  -webkit-transition-delay:.15s;
  -webkit-transition-timing-function:'ease-in-out';
  -moz-transition-duration:1.2s;
  -moz-transition-property:all;
  -moz-transition-delay:.15s;
  -moz-transition-timing-function:'ease-in-out';
  -o-transition-duration:1.2s;
  -o-transition-property:transform,opacity;
  -o-transition-delay:.15s;
  -o-transition-timing-function:'ease-in-out';
  -ms-transition-duration:1.2s;
  -ms-transition-property:transform,opacity;
  -ms-transition-delay:.15s;
  -ms-transition-timing-function:'ease-in-out';
  transition-duration:1.2s;
  transition-property:transform,opacity;
  transition-delay:.15s;
  transition-timing-function:'ease-in-out';
  -webkit-transform:rotatex(-80deg) translateZ(0);
  -ms-transform:rotatex(-80deg) translateZ(0);
  transform:rotatex(-80deg) translateZ(0);
  -webkit-transform-origin:0 0 0;
  -ms-transform-origin:0 0 0;
  transform-origin:0 0 0;
  opacity:0
}
.section01 ul li.is_animated.revealed {
  -webkit-transform:rotatex(0) translateZ(0);
  -ms-transform:rotatex(0) translateZ(0);
  transform:rotatex(0) translateZ(0);
  opacity:1
}
.section02{background-color:#fff; background:url(../images/section02.jpg) left top no-repeat; padding:150px 12px 0px 12px; position:relative; z-index:1;}
.indextitle{width:100%; text-align:center; position:relative; z-index:1;}
.indextitle h2{font-size:36px; color:#222; line-height:1;}
.indextitle .more{position:absolute; right:30px; top:11px; font-size:18px; color:#222;}
.indextitle .more em{font-family:Simsun; font-weight:bold;}
.indextitle .more:hover{color:#f08519;}
.indexBusiness{width:100%; margin-top:40px;}
.indexBusiness ul li{width:33.333%; float:left; margin-top:8px; position:relative; z-index:1; overflow:hidden;}
.indexBusiness ul li .pic{margin:0px 4px; height:350px; position:relative; z-index:1; overflow:hidden;}
.indexBusiness ul li .pic img{width:100%; height:350px; display:block; -moz-transition: all 0.3s ease;-webkit-transition: all 0.3s ease;-o-transition: all 0.3s ease;-ms-transition: all 0.3s ease;transition: all 0.3s ease;position:absolute;left:0;right:0;top:0;bottom:0;margin:auto;}
/*.indexBusiness ul li:hover img{transform:scale(1.2,1.2);-moz-transform:scale(1.2,1.2);-ms-transform:scale(1.2,1.2);-o-transform:scale(1.2,1.2);-webkit-transform:scale(1.2,1.2);}*/
.indexBusiness ul li .maskText{position:absolute; left:4px; top:50%; right:4px; bottom:0px; z-index:20; background-color:rgba(255,255,255,0.8); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#80ffffff, endColorstr=#80ffffff); padding:65px 30px 30px 45px; visibility:hidden; opacity:0; -webkit-transition: all 0.6s ease; transition: all 0.6s ease; word-wrap:break-word;}
.indexBusiness ul li .maskText h2 span{display:inline-block; font-size:30px; color:#222; border-bottom:4px solid #222;}
.indexBusiness ul li .maskText p{font-size:14px; font-weight:bold; color:#222; margin-top:15px;}
.indexBusiness ul li:hover .maskText{top:0px; visibility:visible; opacity:1;}
.indexBusiness ul li .maskText .t{text-align:center; font-size:20px; font-weight:bold; color:#222; margin-top:95px;}
.indexBusiness ul li .maskText .moreBtns{width:110px; height:32px; line-height:32px; text-align:center; margin:40px auto 0 auto; border:1px solid #333; border-radius:25px; display:block; font-size:14px; color:#333;}
.indexBusiness ul li .maskTit{position:absolute; left:4px; top:0; right:4px; bottom:0px; z-index:10; -webkit-transition: all 0.6s ease; transition: all 0.6s ease;}
.indexBusiness ul li .maskTit .t{text-align:center; font-size:20px; font-weight:bold; color:#fff; margin-top:160px;}
.indexBusiness ul li .maskTit .moreBtns{width:34px; height:34px; margin:40px auto 0 auto; display:block; font-size:0; background:url(../images/inMoreBtns.png) no-repeat;}
.indexBusiness ul li:hover .maskTit{visibility:hidden; opacity:0;}
.section03{background-color:#fff; background:url(../images/section02.jpg) left top no-repeat; padding:150px 12px 100px 12px; position:relative; z-index:1;}
.section04{background:#f4f4f4 url(../images/section04.png) center top no-repeat; background:#f4f4f4; padding:100px 0px; min-height:80px; position:relative; z-index:1;}
.section02 .layout,.section03 .layout,.section04 .layout{z-index:100;}
.indexNumber ul li{width:25%; float:left; text-align:center;}
.indexNumber ul li .nub{position:relative;}
.indexNumber ul li .nub em{font-family:impact; font-size:55px; font-weight:bold; color:#333; display:inline-block; line-height:1;}
.indexNumber ul li .nub i{font-size:14px; font-weight:bold; color:#333; vertical-align:bottom;}
.indexNumber ul li .pd{font-size:14px; font-weight:bold; color:#333;}
.particlesBg{width:100%; height:100%; position:absolute; top:0; z-index:-1;}

/*about*/
.nybanner{width:100%; text-align:center;}
.nybanner img{max-width:100%; display:block; margin:0 auto; vertical-align:top;}
.navigation{width:1200px; margin:0 auto; height:78px; border-bottom:2px solid #f5f5f5;}
.navigation .naTag{float:left; font-size:16px;}
.navigation .naTag .home img{width:80px; vertical-align:middle; display:inline-block;}
.navigation .naTag em{margin:0px 5px; font-family:Simsun;}
.navigation .naTag em:after{content:""; display:inline-block; width:0; height:0; border-left:6px solid #ccc; border-top:6px solid transparent; border-bottom:6px solid transparent;}
.navigation .naTag a{color:#222;}
.navigation .naTag a:hover,.navigation .naTag a.on{color:#f08519;}
.navigation .naMenu{float:right;}
.navigation .naMenu ul li{display:inline-block;zoom:1; height:78px; position:relative; z-index:1;}
.navigation .naMenu ul li a{font-size:16px; color:#333; display:block; padding:25px 10px; position:relative;}
.navigation .naMenu ul li a:after{content:""; display:block; width:1px; height:25px; position:absolute; left:0; top:27px; border-left:1px dashed #bdbdbd;}
.navigation .naMenu ul li:hover a,.navigation .naMenu ul li.on a{color:#f08519;}
.navigation .naMenu ul li:after{content:""; display:block; width:0; height:2px; position:absolute; left:0; bottom:-2px; background-color:#f08519; -webkit-transition: all 0.3s ease; transition: all 0.3s ease;}
.navigation .naMenu ul li:hover:after,.navigation .naMenu ul li.on:after{width:100%;}
.aboutWrap{width:100%; background-color:#fff; padding:80px 0px;}
.aboutBox01{margin-top:80px; background-color:#f5f5f5; padding:65px 0px;}
.aboutBox01 .ableft{width:415px; float:left; word-wrap:break-word;}
.aboutBox01 .ableft .h2{font-size:36px; color:#ccc; line-height:1; margin-bottom:20px;}
.aboutBox01 .ableft p{font-size:18px; color:#333;}
.aboutBox01 .ableft .h3{font-size:14px; color:#333; margin-top:20px; overflow:hidden;}
.aboutBox01 .ableft .h3 i{font-size:40px; color:#f08519;}
.aboutBox01 .abright{width:680px; float:right; margin-right:50px; word-wrap:break-word;}
.aboutBox01 .abright h2{font-size:24px; color:#333;}
.aboutBox01 .abright p{font-size:14px; color:#333; margin-top:20px;}
.aboutBox02{height:440px; margin:20px 0px 80px 0px; background-color:#f08519; background-image:url(../images/aboutBox02.png); background-position:520px bottom; background-repeat:no-repeat;}
.aboutBox02 .layout,.aboutBox03 .layout{position:relative; z-index:1;}
.aboutBox02 .h2{font-size:17px; color:#fff; line-height:30px; padding-top:80px;}
.aboutBox02 .h2 span{font-size:26px; font-weight:bold; display:block;}
.aboutBox02 .atext{width:610px; height:200px; padding:55px 35px; background-color:#f5f5f5; position:absolute; right:0; top:-70px;}
.aboutBox02 .atext .text{height:200px; overflow:auto; font-size:24px; color:#333;}
.aboutBox03{height:495px; margin:130px 0px 80px 0px; background-image:url(../images/aboutBox03.jpg); background-position:center center; background-repeat:no-repeat;}
.aboutBox03 .h2{font-size:30px; color:#fff; line-height:30px; padding-top:50px; padding-right:150px; text-align:right;}
.aboutBox03 .h2 span{font-size:24px; font-weight:bold; display:block;}
.aboutBox03 .atext{width:390px; height:300px; padding:35px 30px; background-color:#f08519; position:absolute; left:50px; top:-50px;}
.aboutBox03 .atext .text{height:300px; overflow:auto; font-size:16px; color:#fff;}
.aboutBusiness{width:100%; position:relative; z-index:1;}
.aboutBusiness .line{width:1px; height:100%; background-color:#ccc; position:absolute; left:0; right:0; margin:auto; z-index:5;}
.aboutBusiness ul li{width:100%; padding:20px 0px; overflow:hidden; background-color:#fff; margin-top:20px;}
.aboutBusiness ul li .pic{width:400px; height:200px; float:left; position:relative; overflow:hidden;}
.aboutBusiness ul li .pic img{width:100%; max-height:100%; display:block; -moz-transition: all 0.3s ease;-webkit-transition: all 0.3s ease;-o-transition: all 0.3s ease;-ms-transition: all 0.3s ease;transition: all 0.3s ease;position:absolute;left:0;right:0;top:0;bottom:0;margin:auto;}
.aboutBusiness ul li .pic:hover img{transform:scale(1.2,1.2);-moz-transform:scale(1.2,1.2);-ms-transform:scale(1.2,1.2);-o-transform:scale(1.2,1.2);-webkit-transform:scale(1.2,1.2);}
.aboutBusiness ul li .tmain{width:500px; padding:0px 50px; float:right; position:relative; z-index:10; word-wrap:break-word;}
.aboutBusiness ul li .h2{font-size:24px; color:#f08519;}
.aboutBusiness ul li .pcont{font-size:14px; color:#333; margin-top:50px;}
.aboutBusiness ul li .raw{width:22px; height:25px; position:absolute; left:-12px; top:5px; background:url(../images/abRaw.png) no-repeat;}
.aboutBusiness ul li .rLine{width:100px; height:1px; background-color:#ccc; position:absolute; left:-100px; top:96px;}
.aboutBusiness ul li.on{background-color:#f5f5f5;}
.aboutBusiness ul li.on .pic{float:right;}
.aboutBusiness ul li.on .tmain{float:left; text-align:right;}
.aboutBusiness ul li.on .raw{left:auto; right:-11px; background:url(../images/abRaw_h.png) no-repeat;}
.aboutBusiness ul li.on .rLine{left:auto; right:-100px;}

/*news*/
.newsHot{background-color:#f5f5f5;}
.newsHot .pic{width:360px; height:238px; float:left; position:relative; z-index:1; overflow:hidden;}
.newsHot .pic img{width:100%; max-height:100%; display:block; -moz-transition: all 0.3s ease;-webkit-transition: all 0.3s ease;-o-transition: all 0.3s ease;-ms-transition: all 0.3s ease;transition: all 0.3s ease;position:absolute;left:0;right:0;top:0;bottom:0;margin:auto;}
.newsHot .pic:hover img{transform:scale(1.2,1.2);-moz-transform:scale(1.2,1.2);-ms-transform:scale(1.2,1.2);-o-transform:scale(1.2,1.2);-webkit-transform:scale(1.2,1.2);}
.newsHot .tmain{width:750px; float:right; margin:50px 50px 10px 0px;}
.newsHot .h2{font-size:18px; color:#f08519;}
.newsHot .h3{font-size:30px; font-weight:bold; color:#ccc; margin-top:10px;}
.newsHot .pcont{font-size:14px; color:#333; margin-top:20px;}
.newslist{width:100%; margin-top:33px;}
.newslist ul{margin-right:-7px;}
.newslist ul li{width:395px; float:left; position:relative; z-index:1; overflow:hidden; margin:7px 7px 0px 0px;}
.newslist ul li .pic{width:395px; height:262px; position:relative; z-index:1; overflow:hidden;}
.newslist ul li .pic img{width:100%; max-height:100%; display:block; -moz-transition: all 0.3s ease;-webkit-transition: all 0.3s ease;-o-transition: all 0.3s ease;-ms-transition: all 0.3s ease;transition: all 0.3s ease;position:absolute;left:0;right:0;top:0;bottom:0;margin:auto;}
.newslist ul li .pic:hover img{transform:scale(1.2,1.2);-moz-transform:scale(1.2,1.2);-ms-transform:scale(1.2,1.2);-o-transform:scale(1.2,1.2);-webkit-transform:scale(1.2,1.2);}
.newslist ul li .maskText{position:absolute; left:0px; top:50%; right:0px; bottom:0px; z-index:20; padding:80px 30px 20px 30px; overflow:hidden; background-color:rgba(240,133,25,0.8); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#80f08519, endColorstr=#80f08519); visibility:hidden; opacity:0; -webkit-transition: all 0.6s ease; transition: all 0.6s ease;}
.newslist ul li .maskText .t{font-size:24px; color:#fff; text-align:center;}
.newslist ul li .maskText .t span{display:block; font-size:24px; color:#fff; line-height:1;}
.newslist ul li .maskText .moreBtns{width:110px; height:32px; line-height:32px; text-align:center; margin:15px auto 0 auto; border:1px solid #fff; border-radius:25px; display:block; font-size:14px; color:#fff;}
.newslist ul li:hover .maskText{top:0px; visibility:visible; opacity:1;}
.loadMore{width:100%; margin-top:40px;}
.loadMore a{display:block; height:55px; font-size:0; background-color:#e1e1e1; background-image:url(../images/loadMore.png); background-position:center center; background-repeat:no-repeat;}
.loadMore a:hover{background-color:#f1f1f1;}
.newsDetailWrap .newsLeft{width:840px; float:left;}
.newsDetails{}
.newsDetails h1{font-size:18px; color:#333; text-align:center;}
.newsDetails .newsinfo{text-align:center; padding:15px 0px;}
.newsDetails .newsinfo .time,.newsDetails .newsinfo .vise,.newsDetails .newsinfo .t,.newsDetails .newsinfo .bdsharebuttonbox{display:inline-block; vertical-align:middle;}
.newsDetails .newsinfo .time{font-size:24px; color:#999;}
.newsDetails .newsinfo .vise{font-size:14px; color:#999; margin:0px 15px;}
.newsDetails .newsinfo .t{font-size:14px; color:#333;}
.newsDetails .newsinfo .bdsharebuttonbox a{width:32px; height:32px; padding:0px; margin:0px; margin-right:10px; background-position:0px 0px; background-image:url(../images/share.png);}
.newsDetails .newsinfo .bdsharebuttonbox a.bds_weixin{background-position:0px 0px;}
.newsDetails .newsinfo .bdsharebuttonbox a.bds_tsina{background-position:-32px 0px;}
.newsDetails .newsinfo .bdsharebuttonbox a.bds_sqq{background-position:-64px 0px;}
.newsDetails .newsinfo .bdsharebuttonbox a.bds_qzone{background-position:-96px 0px;}
.newsDetails .newstext{border-top:1px solid #f5f5f5; border-bottom:1px solid #f5f5f5; padding:50px 80px;}
.newsDetails .newsMore{padding:40px 80px 0px 80px;}
.newsDetails .newsMore ul li{width:50%; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.newsDetails .newsMore ul li.prev{width:56%; float:left;}
.newsDetails .newsMore ul li.next{width:30%; float:right;}
.newsDetails .newsMore ul li a{font-size:14px; color:#333;}
.newsDetails .newsMore ul li a:hover{color:#f08519;}
.newsDetailWrap .newsRight{width:310px; float:right; background-color:#f5f5f5; padding:0px 25px; margin-top:140px;}
.newsDetailWrap .newsRight .links{display:block; border-bottom:1px solid #e1e1e1; padding:25px 0px;}
.newsDetailWrap .newsRight .links h2{font-size:16px; color:#333;}
.newsDetailWrap .newsRight .links:hover h2{color:#f08519;}
.newsDetailWrap .newsRight .links h3{font-size:24px; color:#999;}
.newsDetailWrap .newsRight .links h3 .s{float:right;}
.newsDetailWrap .newsRight .links .pcont{font-size:14px; color:#666; margin-top:15px; text-align:justify;}
.newsDetailWrap .newsRight .links .more{font-size:13px; color:#666; margin-top:20px; display:block; text-align:right;}
.newsDetailWrap .newsRight .moreList{padding:25px 0px;}
.newsDetailWrap .newsRight .moreList li{margin-bottom:10px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.newsDetailWrap .newsRight .moreList li a{font-size:16px; color:#333;}
.newsDetailWrap .newsRight .moreList li:hover a{color:#f08519;}

/*industry*/
.industryBox{width:100%; height:500px; position:relative; z-index:1; background-position:center center; background-repeat:no-repeat;}
.industryBox .induTmain{width:100%; height:100%; position:absolute; left:0; top:0; background-color:rgba(0,0,0,0.2); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#50000000, endColorstr=#50000000); text-align:center;}
.industryBox.on .induTmain{visibility:hidden; opacity:0;}
.industryBox .induTmain h2{font-size:30px; font-weight:bold; color:#fff; margin-top:150px;}
.industryBox .induTmain p{font-size:14px; color:#fff; margin-top:40px;}
.industryBox .induTmain .Btns{width:130px; height:40px; line-height:40px; background-color:#fff; font-size:14px; color:#333; display:block; margin:80px auto 0px auto;}
.industryBox .induTmain .Btns:hover{background-color:#f08519; color:#fff;}
.industryBox .induText{width:100%; height:100%; position:absolute; left:0; top:0; background-color:rgba(240,133,25,0.8); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#80f08519, endColorstr=#80f08519); text-align:center; visibility:hidden; opacity:0;}
.industryBox.on .induText{visibility:visible; opacity:1;}
.industryBox .induText h2{font-size:24px; font-weight:bold; color:#fff; margin-top:75px;}
.industryBox .induText p{font-size:14px; color:#fff; line-height:35px; height:135px; overflow:hidden; max-width:1045px; margin:0px auto; margin-top:40px; word-wrap:break-word;}
.industryBox .induText .MoreIcon{margin-top:25px;}
.industryBox .induText .MoreIcon ul li{display:inline-block;zoom:1; vertical-align:middle; width:85px; background-color:#fff; padding:15px 10px; margin:0px 30px;}
.industryBox .induText .MoreIcon ul li .icon{display:block; width:50px; height:46px; margin:0 auto;}
.industryBox .induText .MoreIcon ul li span{display:block; font-size:14px; color:#222; min-height:42px; margin-top:5px;}

/*business*/
.businessWrap01{width:100%; background-color:#fff; padding-bottom:80px;}
.busTitle{text-align:center; font-size:24px; color:#222;}
.buBrand{padding-bottom:60px;}
.buBrand ul li{width:168px; height:168px; border:1px solid #e5e5e5; float:left; position:relative; z-index:1; overflow:hidden; margin:26px 15px 0px 15px;}
.buBrand ul li img{width:100%; max-height:100%; display:block; -moz-transition: all 0.3s ease;-webkit-transition: all 0.3s ease;-o-transition: all 0.3s ease;-ms-transition: all 0.3s ease;transition: all 0.3s ease;position:absolute;left:0;right:0;top:0;bottom:0;margin:auto;}
.buBrand ul li:hover{border-color:#f08519;}
.buBrandShow{margin-top:50px;}
.buBrandShow .mximg{width:399px; height:399px; float:left; position:relative; z-index:1; overflow:hidden;}
.buBrandShow .mximg img{width:100%; max-height:100%; display:block; -moz-transition: all 0.3s ease;-webkit-transition: all 0.3s ease;-o-transition: all 0.3s ease;-ms-transition: all 0.3s ease;transition: all 0.3s ease;position:absolute;left:0;right:0;top:0;bottom:0;margin:auto;}
.buBrandShow .mximg:hover img{transform:scale(1.2,1.2);-moz-transform:scale(1.2,1.2);-ms-transform:scale(1.2,1.2);-o-transform:scale(1.2,1.2);-webkit-transform:scale(1.2,1.2);}
.buBrandShow .miTmain{width:775px; height:399px; position:relative; float:right;}
.buBrandShow .miTmain h2{font-size:24px; font-weight:bold; color:#333; margin-top:20px;}
.buBrandShow .miTmain p{font-size:14px; color:#333; margin-top:20px;}
.buBrandShow .milist{width:100%; overflow:hidden; position:absolute; left:0; bottom:0;}
.buBrandShow .milist ul{margin-right:-26px;}
.buBrandShow .milist ul li{width:174px; height:174px; float:left; position:relative; z-index:1; overflow:hidden; margin-right:26px;}
.buBrandShow .milist ul li img{width:100%; max-height:100%; display:block; -moz-transition: all 0.3s ease;-webkit-transition: all 0.3s ease;-o-transition: all 0.3s ease;-ms-transition: all 0.3s ease;transition: all 0.3s ease;position:absolute;left:0;right:0;top:0;bottom:0;margin:auto;}
.buBrandShow .milist ul li:hover img{transform:scale(1.2,1.2);-moz-transform:scale(1.2,1.2);-ms-transform:scale(1.2,1.2);-o-transform:scale(1.2,1.2);-webkit-transform:scale(1.2,1.2);}
.businessWrap02{width:100%; background-color:#f1f1f1; padding:80px 0px;}
.buStore ul{margin-right:-4px;}
.buStore ul li{width:395px; height:510px; border:1px solid #f1f1f1; background-color:#fff; float:left; margin-right:4px; margin-top:30px;}
.buStore ul li:hover{border-color:#f08519;}
.buStore ul li .pic{width:100%; height:262px; position:relative; overflow:hidden;}
.buStore ul li .pic img{width:100%; max-height:100%; display:block; -moz-transition: all 0.3s ease;-webkit-transition: all 0.3s ease;-o-transition: all 0.3s ease;-ms-transition: all 0.3s ease;transition: all 0.3s ease;position:absolute;left:0;right:0;top:0;bottom:0;margin:auto;}
.buStore ul li:hover .pic img{transform:scale(1.2,1.2);-moz-transform:scale(1.2,1.2);-ms-transform:scale(1.2,1.2);-o-transform:scale(1.2,1.2);-webkit-transform:scale(1.2,1.2);}
.buStore ul li .tmain{padding:20px; text-align:center;}
.buStore ul li h2{font-size:18px; color:#222;}
.buStore ul li p{font-size:14px; color:#222;}
.buMoreBtns{text-align:center; margin-top:60px;}
.buMoreBtns a{width:148px; height:38px; line-height:38px; margin:0 auto; border:1px solid #000; display:block; font-size:14px; color:#222;}
.buMoreBtns a:hover{background-color:#f08519; border-color:#f08519; color:#fff;}
.AuthenticationTitle{text-align:center; border-bottom:1px solid #ccc; padding-bottom:10px;}
.AuthenticationTitle h2{font-size:30px; color:#f08519;}
.AuthenticationTitle p{font-size:14px; color:#999;}
.AuthenticationTable{width:600px; margin:0 auto;}
.AuthenticationTable .AuTab{margin-top:-1px; z-index:5;}
.AuthenticationTable .AuTab ul li{width:50%; float:left;}
.AuthenticationTable .AuTab ul li a{font-size:18px; color:#222; display:block; border:1px solid #ccc; height:39px; line-height:39px; padding:0px 10px; text-align:center;}
.AuthenticationTable .AuTab ul li.on a{background-color:#f08519; border-color:#f08519; color:#fff;}
.AuthenticationTable .Auform{padding-top:20px; display:none;}
.AuthenticationTable .Auform ul li{margin-top:30px; overflow:hidden; font-size:12px; color:#222;}
.AuthenticationTable .Auform ul li.item1{padding:0px 104px;}
.AuthenticationTable .Auform ul li.item2{text-align:center; padding-top:70px;}
.AuthenticationTable .Auform ul li .tn{float:left; font-size:14px; color:#222; padding:9px 5px 0px 0px; width:85px; text-align:right;}
.AuthenticationTable .Auform ul li .AuText{width:280px; height:40px; line-height:40px; border:1px solid #ccc; padding:0px 10px; float:left; font-size:14px; color:#222;}
.AuthenticationTable .Auform ul li .AuText:focus{border-color:#f08519;}
.AuthenticationTable .Auform ul li .submit{width:100%; height:40px; background-color:#f08519; border:none; font-size:18px; color:#fff; cursor:pointer; border-radius:5px;}
.AuthenticationTable .Auform ul li .submit:hover{background-color:#333;}
.AuthenticationTable .Auform ul li.item2 p{margin-top:5px;}
.AuthenticationTable .Auform ul li .dTm{padding-top:9px; font-size:14px; color:#222; width:302px; float:left;}
.AuthenticationTable .Auform ul li .dTm label{margin-right:5px;}
.AuthenticationTable .Auform ul li .dTm label input{vertical-align:-1px; margin-right:2px;}
.AuthenticationTable .Auform ul li .layui-input{background:url(../images/dataIcon.png) 0px center no-repeat; padding-left:45px; padding-right:10px; width:245px;}

/*inviting*/
.invitingUs{width:600px; margin:0 auto; font-size:14px; color:#222; padding-top:60px; word-wrap:break-word;}
.invitingCall{margin-top:60px; border:1px solid #ccc; padding:10px;}
.invitingCall .pic{width:508px; float:left;}
.invitingCall .pic img{width:100%; display:block;}
.invitingCall .tmain{width:600px; float:right; font-size:18px; color:#222; padding-top:20px; word-wrap:break-word;}
.invitingCall .tmain h2{font-size:24px; color:#222;}
.invitingCall .tmain p{margin-top:5px;}

/*join*/
.joinlist{margin-top:25px;}
.joinlist ul li{border-top:2px solid #f5f5f5; background-color:#fff;}
.joinlist ul li .title{background-color:#fff; position:relative; height:40px; line-height:40px; background-repeat:no-repeat;}
.joinlist ul li .title:hover{background-color:#f8f8f8;}
.joinlist ul li.on .title{background-color:#fff;}
.joinlist ul li .tit{font-size:18px; color:#222; max-width:50%;}
.joinlist ul li .tit .time{font-size:18px; color:#999; margin-right:5px;}
.joinlist ul li .more{display:block; width:20px; height:20px;position:absolute; right:0px; top:10px; font-size:0; cursor:pointer; background:url(../images/joinBtn.png) no-repeat;}
.joinlist ul li.on .more{background:url(../images/joinBtn_h.png) no-repeat;}
.joinlist ul li .tmain{display:none;}
.joinlist ul li .box{padding:40px; background-color:#f5f5f5;}
.joinlist ul li .numtext{padding-bottom:30px; border-bottom:1px solid #eaeaea;}
.joinlist ul li .numtext span{font-size:14px; color:#666; margin-right:20px;}
.joinlist ul li .bombtn{padding-top:30px; border-top:1px solid #eaeaea;}
.joinlist ul li .bombtn a{display:inline-block; min-width:145px; height:46px; line-height:46px; border-radius:25px; margin-right:10px; padding:0px 10px; text-align:center; color:#fff; background-color:#1f3b85; vertical-align:middle;}
.joinlist ul li .bombtn a:hover{background-color:#333;}
.joinlist ul li .bombtn .upbtn{display:inline-block; min-width:160px; height:45px; line-height:45px; margin-right:10px; text-align:center; color:#fff; background-color:#8e8e8e; position:relative; z-index:1; vertical-align:middle;}
.joinlist ul li .bombtn .upbtn span{position:relative; z-index:1; display:block; padding:0px 10px;}
.joinlist ul li .bombtn .upbtn input{width:100%; height:100%; position:absolute; left:0; top:0; z-index:5; opacity:0; filter:alpha(opacity=10); cursor:pointer;}
.joinlist ul li .bombtn .upbtn:hover{background-color:#2465a7;}
.joinlist ul li .jdetails{padding:40px 0px 60px 0px; overflow:hidden; font-size:14px; color:#666;}
.joinlist ul li .jdetails .rowt{width:100%; padding-right:5%; float:left; word-wrap:break-word;}
.joinlist ul li .jdetails p{margin-top:5px;}

/*GoTop*/
.GoTop{width:42px; height:42px; position:fixed; right:-40px; bottom:40px; z-index:50; visibility:hidden; opacity:0; -webkit-transition: all 0.4s ease; transition: all 0.4s ease;}
.GoTop a{display:block; width:40px; height:40px; border-radius:50%; overflow:hidden; font-size:0; background-color:#ececec; background-image:url(../images/GoTop.png); background-position:center center; background-repeat:no-repeat;}
.GoTop a:hover{background-color:#252525; background-image:url(../images/GoTop_h.png);}
.GoTop.active{right:10px; visibility:visible; opacity:1;}

/*footer*/
.footer{width:100%; background-color:#858585;}
.footer .footerTou{background-color:#858585; padding:40px 0px 35px 0px;}
.footer .dl{width:145px; float:left; text-align:center; padding:0px 5px; word-wrap:break-word;}
.footer .dl dt{font-size:18px; color:#fff; padding-bottom:8px;}
.footer .dl dd{font-size:14px; margin-top:5px;}
.footer .footInfo{float:right; border-left:1px solid #fff; padding:0px 38px; width:170px; word-wrap:break-word;}
.footer .footInfo .h2{font-size:24px; font-weight:bold; color:#fff;}
.footer .footInfo .tx{font-size:14px; color:#fff; line-height:1; text-align:center; margin-top:16px;}
.footer .footInfo .ewm{margin-top:30px;}
.footer .footInfo .ewm img{width:90px; display:inline-block; vertical-align:middle;}
.footer .footInfo .ewm .tn{font-size:14px; color:#fff; display:inline-block; vertical-align:middle; margin-left:20px;}
.footer .footerBom{width:100%; height:30px; line-height:30px; background-color:#696969; font-size:12px; color:#fff; text-align:center;}
.footer .footerBom span{margin:0px 10px;}
.footer a{color:#fff;}
.footer a:hover{color:#f08519;}