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

body{
	position:relative;
	font-size:14px;
	font-family:"微软雅黑";
}
*{
	margin:0;
	padding:0;
}
ul,li{
	list-style:none;
}
a{
	text-decoration:none;
	color:#000;
}
.clearfix{
	clear:both;
}

/*index*/
.sse-index{
    max-width:1920px;
	color:#000;
	background-color:#fff;
}
.sse-index.sse-index-m{
	display:none;
}
.header{
	width:100%;
	position:absolute;
	top:0;
	left:center;
	background:rgba(255,255,255,0.78);
	z-index:9999;	
}
.navbar{
	max-width:1230px;
	margin:0 auto;
}
.logo{
	width:26%;
	float:left;
	padding-top:24px;
	padding-bottom:25px;	
}
.logo img{
	width:100%;
	display:block;
}
.topnav{
	float:right;
}
.topnav>li{
	float:left;
}
.current-nav{
	border-bottom:5px solid #367abf;
}
.topnav>li>a{
	font-family:"微软雅黑";
	font-size:20px;
	line-height:145px;
	padding:0 24px;
	color:#000;	
}
.topnav>li:hover{
	border-bottom:5px solid #367abf;
}
.topnav>li:hover>a{
	color:#367abf;
}
.topnav .current-nav>a{
	color:#367abf;
}
.banner{
	overflow:hidden;
	margin-bottom:60px;
	max-width:1920px;
}
.banner img{
	width:100%;
/*	position:relative;
	left:50%;
	margin-left:-960px;
	top:0;
*/}
.cont-box{max-width:1920px;
}
.company-intro{
	max-width:1100px;
	margin:0 auto;
	visibility:visible;
}
.title{
	margin-bottom:40px;
}
.title>span{
	font-family:"微软雅黑";
	font-size:20px;
	line-height:24px;
	padding:0 15px;
	border-bottom:2px solid #367abf;
	margin-left:-15px;
	color:#367abf;
}
.intro-cont{
	width:58%;
	float:left;
	
}
.intro-cont{
	font-size:14px;
	font-family:"微软雅黑";
	line-height:28px;
	margin-bottom:50px;
}
.more-btn{
	width:148px;
	text-align:center;
	padding:1px 0;
	background:#367abf;
	margin-top:20px;
	border:1px solid #fff;;
}
.more-btn:hover{
	border:1px solid #367abf;
	background:#fff;
	cursor:pointer;
}
.more-btn a{
	color:#fff;
}.more-btn:hover a{
	color:#367abf;
`}
.intro-img{
	width:36%;
	float:right;
}
.intro-img img{
	width:100%;
}
.customers-box{max-width:1920px;
	margin:0 auto;
	padding-top:30px;
	background:#f1f5f8;	
}
.cont-list{max-width:1100px;
	margin:0 auto;
}
.list-box{
	clear:both;
}
.customers-box .list-box .list-item{
	float:left;
	width:200px;
	height:100px;
	margin:0 10px;
	margin-bottom:30px;
}
.list-more{
	float:right;
	margin-top:-25px;
	margin-bottom:15px;
}
.list-more:hover a{
	color:#367abf;
}
.news{max-width:1100px;
	margin:0 auto;
	padding-top:30px;
}
.news-box{
	width:100%;
	padding-bottom:60px;
	visibility:visible;
	animation-name:fadeIn;
}
.news-detail{
	width:40%;
	padding:20px;
	float:left;
	background:#367abf;
}
.news-img{
	margin-bottom:10px;
}
.news-img img{
	width:100%;
}

.news-detail h2,.news-item h2{
	font-size:24px;
	font-family:20px;
	color:#fff;
	font-family:"微软雅黑";
	padding:10px;
}
.news-detail p,.news-item p{
	font-size:14px;
	font-family:"微软雅黑";
	line-height:24px;
	color:#fff;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp:2;
	overflow: hidden;
	padding:0 10px;
}
.news-list{
	width:50%;
	float:right;
}
.news-item{
	padding:5px 20px;
	padding-bottom:25px;
	border-bottom:1px solid #ccc;	
}
.news-item h2{
	float:left;
	color:#000;
	font-size:20px;
	
}
.news-item .date{
	float:right;
	font-size:15px;
	font-family:"微软雅黑";
	padding-top:20px;
}
.news-item p{
	color:#000;
	clear:both;
}
.news-item .news-more{
	float:right;
}
.news-item:hover p,.news-item:hover h2,.news-item:hover .date{
	color:#367abf;
}
.line{ max-width:1440px;
	margin:0 auto;
	height:1px; 
	background-color:#b5cee7;
	margin-bottom:40px;
}
.footer{
	max-width:1920px;
	margin:0 auto;
	visibility:visible;
}
.bottom-nav{
	width:1130px;
	margin:0 auto;
}
.fl{
	width:104px;
	float:left;
	margin-right:60px;
}
.fl.last{
	width:252px;
}
.footer dt{
	width:100%;
	font-size:18px;
	font-family:"微软雅黑";
	color:#367abf;
	line-height:40px;
	background:url(../images/footer-bg.png) left bottom no-repeat;
	margin-bottom:10px;
}
.footer dd{
	font-size:14px;
	font-family:"微软雅黑";
	line-height:24px;
}
.fr{
	float:right;
	width:113px;
}
.qr-code{
	width:70px;
	height:70px;
	border:1px solid #ccc;
	border-radius:6px;
	padding:6px;
	margin-left:14px;
}
.follow{
	text-align:center;
	font-size:14px;
	font-family:"微软雅黑";
	line-height:24px;
	margin-bottom:5px;
}
.qr-code img{
	width:100%;
}
.social-network{
	width:100%;
	margin:0 auto;
}
.social-network a{
	padding:3px 3px;	
}
.weibo{
	padding-left:5px;
}
.copyright{max-width:1920px;
	margin:0 auto;
	text-align:center;
	font:16px "微软雅黑";
	background:#367abf;
	line-height:18px;
	margin-top:40px;
	color:#fff;
	padding:15px 0;
}
.copyright img{
	vertical-align:middle;
	width:24px;
	padding-right:5px			
}
.bottom-nav dd:hover a{
	color:#367abf;
}
/*index-end*/



/*about-us*/
.about-sel{max-width:1100px;
	margin:0 auto;		
}
.sel-items{
	float:right;
	display:inline-block;
}
.sel-items a{
	font-size:16px;
	font-family:"微软雅黑";
	line-height:50px;
	padding:0 10px;
	padding-bottom:13px;
}
.sel-items a:hover{
	color:#367abf;
	border-bottom:2px solid #367abf;
}
.sel-items .current{
	color:#367abf;
	border-bottom:2px solid #367abf;
}
.culture-box{
	margin-bottom:60px;
}
.mission{
	background:#367abf;
	margin-right:79px;
	visibility:visible;
}
.vision{
	background:#367abf;
	margin-right:79px;
	visibility:visible;
}
.values{
	background:#367abf;
	visibility:visible;
}
.culture-title{
	text-align:center;
	font-size:20px;
	padding:10px;
	font-family:"微软雅黑";
	color:#fff;
	margin-top:10px;
}

.culture-cont{
	font-size:14px;
	font-family:"微软雅黑";
	text-align:center;
	color:#fff;
	margin-bottom:20px;
}
.culture-box .list-box .list-item{
	width:314px;
	float:left;
	height: auto;
	
}
.culture-box .list-box .list-item>img{
	width:100%;
}
#development-path{max-width:1920px;
	margin:0 auto;
}
#development-path{
	background:url(../images/develop-path-bg.jpg) center top no-repeat;
	height:516px;
	margin-bottom:60px;
}
.develop-box{
	width:1260px;
	margin:0 auto;
	visibility:visible;
}
.develop-detail{
	padding-top:170px;
}
.develop-detail li{
	float:left;
	height:270px;
}
.path-org{
	background:url(../images/path-left.png) left 54px no-repeat;
	width:245px;
	height:270px;
}
.path-process{
	background:url(../images/path-center.png) left 54px no-repeat;
	width:155px;
	height:270px;
}
.path-ing{
	background:url(../images/path-right.png) left 54px no-repeat;
	width:239px;
}
.develop-detail li h3{
	font-size:26px;
	font-family:"微软雅黑";
	color:#fff;
	padding-left:45px;
	
	
}
.develop-detail .path-org h3{
	padding-left:145px;
}
.develop-detail li p{
	color:#fff;
	-webkit-writing-mode:vertical-rl;
	writing-mode:tb-rl;
	writing-mode:vertical-rl;
	line-height:24px;
	letter-spacing:4px;
	float:right;
	padding-top:100px;
	padding-right:35px;
}
.develop-detail .path-ing p{
	padding-right:120px;
}
/*about-us-end*/


/*news*/
#hot-news{
	width:46%;
	float:left;
}
#hot-news .news-detail{
	width:100%;
}
#company-announcement{
	width:42%;
	float:right;
}
#company-announcement .news-list{
	width:100%;
}
#hot-news .title,#company-announcement .title, #industry-information .title{
	margin-bottom:20px;
}
#hot-news .title>span,#company-announcement .title>span, #industry-information .title>span{
	margin-left:0;
	padding:0;
	padding-right:15px;
}
#company-announcement .news-item{
	padding:10px 0;
	padding-bottom:25px;
}
#company-announcement .title .more-news{
	float:right;
	font-size:16px;
	font-family:"微软雅黑";
	border:none;
	color:#000;
	padding-top:6px;
}
#industry-information{
	margin-top:60px;
}
#industry-information .news-list{
	float:none;
	width:100%;
	margin-bottom:60px;
}
#industry-information .info-img{
	width:156px;
	height:112px;
	float:left;	
}
#industry-information .info-img img{
	width:100%;
}
#industry-information .info-cont{
	width:82%;
	float:right;
}
#industry-information .news-item{
	padding:20px 20px;
}
#industry-information .news-item:hover{
	background:#367abf;
}
#industry-information .news-item:hover p,#industry-information .news-item:hover h2,#industry-information .news-item:hover .date{
	color:#fff;
}
#industry-information .more-btn{
	margin:40px auto;
	padding:10px 0;
	border:1px solid #fff;	
}
#industry-information .more-btn:hover{
	border:1px solid #367abf;	
}
.news-report{
	max-width:990px;
	margin:0 auto; 
	line-height:24px;
	padding:0 20px;
}
.news-report h2{
	text-align:center;
	font-size:30px;
	line-height:30px;
	padding-bottom:20px;
	color:#367abf;
	font-family:"微软雅黑"
}
.report-detail {
	text-align:center;
	margin-bottom:30px;
}
.report-detail .date{
	padding-right:40px;
}
.report-end{
	text-align:center;
	font-size:20px;
	margin:40px 0;
}
.return{
	text-align:center;
	margin:0 auto;
	width:148px;
	text-align:center;
	padding:10px 0;
	background:#367abf;
	border:1px solid #fff;
	margin-bottom:40px;
}
.return a{
	line-height:16px;
	color:#fff;
}
.return:hover{
	background:#fff;
	border:1px solid #367abf;
}
.return:hover a{
	color:#367abf;
}

/*news-end*/



/*business*/
#bus-purchase{max-width:1920px;
	margin:0 auto;
	background:#367abf;
	padding:80px 0;
	visibility:visible;
}
.purchase-cont{
	max-width:1100px;
	margin:0 auto;
} 
.web-jy{
	float:left;
}
.purchase-items-list{
	float:right;
	width:58%;
}
.purchase-items{
	width:74px;
	float:left;
	margin-right:30px;
	margin-bottom:20px;
}
.purchase-items:hover{  
    transform: translate3d(0, -10px, 0);
    transition-duration: 0.5s;
    -moz-transition-duration: 0.5s;
    -webkit-transition-duration: 0.5s;
    -o-transition-duration: 0.5s;
	transform: scale(1.1);
	cursor: pointer;
    transition: all 0.5s;  
}  
.purchase-items>a>img{
	display:block;
	border:1px solid #aaa;
	border-radius:8px;
}
.purchase-items>a>p{
	text-align:center;
	padding:8px 0;
}  
.purchase-items.last-item p{
	color:#fff;
	padding-top:21px;
	font-family:"微软雅黑"
}
#bus-meetings{
    max-width:1100px;
	margin:0 auto;
	margin-top:40px;
	margin-bottom:40px;
}
#bus-meetings h2{
	text-align:center;
	font-size:30px;
	font-family:"微软雅黑";
	color:#367abf;
	padding:20px;
}
#bus-meetings p{
	text-align:center;
	font-size:20px;
	font-family:"微软雅黑";
	line-height:40px;
}
#bus-meetings p span{
	padding-right:10px;
}
.meetings h3{
	text-align:center;
	font-size:20px;
	font-family:"微软雅黑";
	color:#367abf;
	font-weight:normal;
	padding:20px 0;
}
.meetings-items{
	float:left;
	width:318px;
	margin-right:70px;
	border:1px solid #367abf;;
}
.meetings-items dt{
	font-size:24px;
	font-family:"微软雅黑";
	padding:15px 0;
	text-align:center;
	background:#367abf;
	color:#fff;
	line-height:32px;
	margin-bottom:5px;
}
.meetings-items dt img{
	vertical-align:middle;
	padding-right:10px;

}
.meetings-items dd{
	margin-left:20px;
	margin-right:20px;
	text-align:center;
	line-height:38px;
	font-size:16px;
	background:url(../images/dd-bg.png) left bottom no-repeat;
}
.meetings-items .last-dd{
	background:none;
}
.meetings-items.item-service{
	margin-right:0;
}
#other-info{
	max-width:1920px;
	margin:0 auto;
	background:#f1f5f8;
	padding:60px 0;
	margin-bottom:50px;
}
.other-cont{max-width:1100px;
	margin:0 auto;
}
.cont-l,.cont-m,.cont-r{
	float:left;
}
.other-cont .advantage{
	width:280px;
	height:100px;
	border:1px solid #cdf;
	padding:20px;
	margin-bottom:16px;
	background:#fff;
}
.cont-m{
	width:424px;
	height:298px;
	margin:0 15px;
	/*border:1px solid #bfbfbf;*/
}
.other-cont .advantage h5{
	font-size:16px;
	font-weight:bold;
	line-height:24px;
	padding-bottom:10px;
}
.other-cont .advantage p{
	font-size:14px;
	line-height:22px;
}
.other-cont .advantage.advantage1 h5{
	padding-top:20px;
}
.other-cont .advantage.advantage3 h5,.other-cont .advantage.advantage4 h5{
	padding-top:10px;
}
.cooperation-contact{
	max-width:960px;
	background:#367abf;
	padding:40px 70px;
}
.google-contact{
	float:right; 
}
.cooperation-contact .type{
	text-align:center;
	color:#367abf;
	width:188px;
	font-size:24px;
	font-weight:bold;
	line-height:38px;
	padding:20px 0;
	background:#fff;
	border-radius:8px;
	font-family:"微软雅黑";
	float:left;
	margin-top:13px;
	margin-right:40px;
}
.contact-info{
	float:left;
}
.contact-info li{
	color:#fff;
	line-height:26px;
}
.contact-info .contacts{
	background:url(../images/contact-ico1.png) left 3px no-repeat;padding-left:30px;
}
.contact-info .tel{
	background:url(../images/contact-ico2.png) left 3px no-repeat;padding-left:30px;
}
.contact-info .qq{
	background:url(../images/contact-ico3.png) left 3px no-repeat;padding-left:30px;
}
.contact-info .webchat{
	background:url(../images/contact-ico4.png) left 3px no-repeat;padding-left:30px;
}

/*business-end*/

/*join-us*/
.company-demeanor{
	max-width:1100px;
	margin:0 auto;	
}
.company-demeanor>div{
	float:left;
}
.company-demeanor .demeanor-m{
	width:330px;
	margin:0 2px;
}
.company-demeanor .demeanor-r{
	width:330px;
}
.company-demeanor>div>img{
	margin-bottom:2px;
	display:block;
}
.company-welfare{
	
	max-width:1040px;
	padding:20px 30px;
	margin:0 auto;
	background:#367abf;
	margin-bottom:40px;
	visibility:visible;
}
.company-welfare h5{
	width:150px;
	line-height:36px;
	text-align:center;
	background:#fff;
	color:#367abf;
	font-size:20px;
	font-family:"微软雅黑";
	font-weight:normal;
	
}
.company-welfare p{
	color:#fff;
	line-height:24px;
	padding-top:10px;
}
#job-offers{
	max-width:1100px;
	margin:0 auto;
	margin-bottom:60px;
}
.job-items{
	padding:30px 0;
	border-bottom:1px solid #d2d2d2;
}
.position{
	width:60%;
	float:left;
}
.position h4{
	font-size:20px;
	font-weight:normal;
	font-family:"微软雅黑";
	color:#367abf;
	padding-bottom:5px;
}
.apply,.position-detail{
	float:right;
	width:130px;

	color:#fff;
	text-align:center;
	font-size:18px;
	font-family:"微软雅黑";
	line-height:24px;
	padding:5px 0;
	padding-left:34px;
	margin-top:7px;
}
.apply{
	background:url(../images/offer-ico1.png) 24px 7px no-repeat #367abf;
}
.apply:hover{
	background:url(../images/offer-ico1.png) 24px 7px no-repeat #367aeb;
	cursor:pointer;
}
.position-detail{
	background:url(../images/offer-ico2.png) 24px 7px no-repeat #367abf;
	margin-right:30px;
}
.position-detail:hover{
	background:url(../images/offer-ico2.png) 24px 7px no-repeat #367AEB;
	cursor:pointer;
}
.position-cont{
	line-height:24px;
	padding-top:30px;
	display:none;
}
.position-cont span{
	font-size:16px;
}
#contact-us{
	max-width:1920px;
	height:auto;
	background:#367abf;
	margin-bottom:60px;
}
.contact-us-info .title{
	padding-top:100px;
	padding-left:100px;
}
.contact-us-info .title>span{
	color:#fff;
	border-bottom:2px solid #fff;
	margin-left:0;
	padding:0;
	padding-right:15px;
	padding-bottom:10px;
}
#contact-us .map{
	float:left;
	width:50%;
	
}
#contact-us .map img{
	display:block;
	width:100%;
}
#contact-us .contact-us-info{
	float:left;
	background:#367abf;
	width:50%;
	height:100%;
}
#contact-us .contact-us-info>ul{
	padding:20px 100px;
}
.contact-us-info li{
	color:#fff;
	line-height:24px;
	padding-left:34px;
	padding-bottom:10px;
}
.contact-us-info .tel{
	background:url(../images/contact-ico5.png) left top no-repeat;
}
.contact-us-info .email{
	background:url(../images/contact-ico6.png) left top no-repeat;
}
.contact-us-info .address{
	background:url(../images/contact-ico7.png) left top no-repeat;
	padding-bottom:50px;
	border-bottom:1px solid #ccc;
}
.contact-us-info .work-time{
	background:url(../images/contact-ico8.png) left 50px no-repeat;
	padding-top:50px;
}
.header-m{
	max-width:1920px;
	display:none;
	height:50px;
}
.logo-m{
	width:30%;
	margin:0 auto;
}
.logo-m img{
	width:100%;
	padding:5px;
}
.apply-popup{
	position:fixed; 
	left:50%; 
	top:50%; 
	margin-left:-180px;
	margin-top:-134px;
	background:rgba(0,0,0,0);
	z-index:9999;
	background:#367abf;
	border-radius:10px;
	padding:35px;
	width:360px;
}
.apply-popup .apply-detail span{
	font-size:16px;
	color:#fff;
	line-height:30px;
	padding-bottom:5px;
}
.apply-popup .apply-detail{
	font-size:14px;
	line-height:24px;
	color:#fff;
	margin-bottom:10px;
}
.apply-detail .zhilian,.apply-detail .job51{
	width:150px;
	height:36px;
	background:#fff;
	text-align:center;
	float:left;
	margin-top:10px;
}
.apply-detail .zhilian a,.apply-detail .job51 a{
	color:#367abf;
	font-family:"微软雅黑";
	font-size:18px;
	line-height:36px;
}
.apply-detail .job51{
	float:right;
}
.del-btn{
	position:absolute;
	right:10px;
	top:10px;
}
.del-btn:hover{
	cursor:pointer;
}

/*join-us-end*/

.footerHide,.hide {
    display: none;
}
.footerShow {
display:block;
}
.gb-header,
.gb-nav{
	height: 150px; background: #fff; position: fixed; left: 0; right: 0; z-index: 8;
}
.gb-nav{
	background: rgba(255,255,255,0.25); z-index: 99999;
}
.gb-nav{
	 top: -86px; 
	/*css3*/
	-webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
    opacity: 0;
    -webkit-opacity: 0;
    -moz-opacity: 0;
}
.gb-nav.show{
	top: 0;
	opacity: 1;
    -webkit-opacity: 1;
    -moz-opacity: 1;
}
.gb-nav.show{
	background: rgba(0,0,0,0.25);
}

.gb-nav.show .gh a,
.gb-nav.show .gh a:after, 
.gb-nav.show .gh a:before{ background-color:#fff;}
.header .logo,
.gb-nav .logo{
 float: left;
}
.gb-nav .logo{
	position: relative;
}
.gb-nav .logo img{
	position: absolute; left: 0; top: 0;
}
.logo .img1{
	width:auto;
}
.gb-nav .logo img.img2{
	-webkit-transition: all 1s;
    -moz-transition: all 1s;
    -o-transition: all 1s;
    transition: all 1s;
    opacity: 0;
    -webkit-opacity: 0;
    -moz-opacity: 0;
}
.gb-nav.show .logo img.img2{
    opacity: 1;
    -webkit-opacity: 1;
    -moz-opacity: 1;
}

.gh {
	float:right;
	height:34px;
	width:34px;
	margin-right:30px;
	margin-top:25px;
	position:relative;
	transition: all 0.5s cubic-bezier(0.7, 0, 0.3, 1) 0s;
	-webkit-transition: all 0.5s cubic-bezier(0.7, 0, 0.3, 1) 0s;
	-ms-transition: all 0.5s cubic-bezier(0.7, 0, 0.3, 1) 0s;
	cursor:pointer;
}
.gh.selected {
	transform: rotate(90deg);
}
.gh a {
	background-color: #000;
	display: block;
	height: 4px;
	margin-top: -2px;
	position: relative;
	top: 50%;
	transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s;
	-webkit-transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s;
	-ms-transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s;
	width: 100%;
}
.gh:hover a:before {
	transform: translateY(-2px) rotate(0deg);
	-webkit-transform: translateY(-2px) rotate(0deg);
	-ms-transform: translateY(-2px) rotate(0deg);
}
.gh:hover a:after {
	transform: translateY(2px) rotate(0deg);
	-webkit-transform: translateY(2px) rotate(0deg);
	-ms-transform: translateY(2px) rotate(0deg);
}
.gh.selected:hover a:before {
	transform: translateY(0px) rotate(-55deg);
	-webkit-transform: translateY(0px) rotate(-55deg);
	-ms-transform: translateY(0px) rotate(-55deg);
}
.gh.selected:hover a:after {
	transform: translateY(0px) rotate(55deg);
	-webkit-transform: translateY(0px) rotate(55deg);
	-ms-transform: translateY(0px) rotate(55deg);
}
.gh a:after, .gh a:before {
	background-color: #000;
	content: "";
	display: block;
	height: 4px;
	left: 0;
	position: absolute;
	transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s;
	-webkit-transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s;
	-ms-transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s;
	width:100%;
}
.gh a:after {
	top:10px;
}
.gh a:before {
	top:-10px;
}
.gh.selected a:after, .gh.selected a:before {
	top: 0;
}
.gh.selected a:before {
	transform: translateY(0px) rotate(-45deg);
	-webkit-transform: translateY(0px) rotate(-45deg);
	-ms-transform: translateY(0px) rotate(-45deg);
}
.gh.selected a:after {
	transform: translateY(0px) rotate(45deg);
	-webkit-transform: translateY(0px) rotate(45deg);
	-ms-transform: translateY(0px) rotate(45deg);
}
.gh.selected a {
	background-color: transparent !important;
}
.gb-nav.show .gh a,
.gb-nav.show .gh a:after, 
.gb-nav.show .gh a:before{ background-color:#fff;}

#nav {
    position: fixed;
    top: 0;
    width: 0;
    width: 100%;
    height: 100%;
    background: #282828;
    z-index: 9999;
    transition: all 0.6s;
    -webkit-transition: all 0.6s;
    -ms-transition: all 0.6s;
    -moz-transition: all 0.6s;
    opacity: 1;
    -webkit-opacity: 1;
    -ms-opacity: 1;
    -moz-opacity: 1;
}
.nav_main {
	max-width:1000px;
	height:514px;
	margin:0 auto;
	position:relative;
	top:50%;
	margin-top:-250px;
	display:table;
}
.nav_main h1 {
	color:#fff;
	font-size:48px;
	clear:both;
	padding-left:10px;
	font-style:italic;
	font-family: "MS Serif","New York",Microsoft YaHei;
}
.nav_main ul {
	width:100%;
	padding-top:80px;
	display:table;
}
.nav_main ul li {
	width:257px;
	height:130px;
	padding-left:76px;
	float:left;
	color:#fff;
}
.nav_main ul li:hover{
	cursor:pointer;
}
.nav_main ul li a {
	color:#fff;
}
.nav_main ul li h2 {
	height:50px;
	line-height:50px;
	font-size:16px;
}
.nav_main ul li h2 a em {
	color:#949494;
	margin-left:20px;
	font-size:12px;
	font-style:normal;
	font-family:Verdana, Geneva, sans-serif;
}
.nav_main ul li div a {
	color:#dbdbdb;
	display:block;
	line-height:22px;
	font-size:12px;
}
.nav_main ul li div a:hover {
	color:#fff;
}
.nav_main ul li.homes {
	background:url(../images/homes.png) no-repeat 10px 12px;
}
.nav_main ul li.services {
	background:url(../images/services.png) no-repeat 10px 12px;
}
.nav_main ul li.cases {
	background:url(../images/cases.png) no-repeat 10px 12px;
}
.nav_main ul li.purchase {
    background: url(../images/purchase.png) no-repeat 10px 12px;
}
.nav_main ul li.abouts {
	background:url(../images/abouts.png) no-repeat 10px 12px;
}
.nav_main ul li.news {
	background:url(../images/news.png) no-repeat 10px 12px;
}
.nav_main ul li.Advantages {
	background:url(../images/Advantages.png) no-repeat 10px 12px;
}
.nav_main ul li.Experiences {
	background:url(../images/tiyans.png) no-repeat 10px 12px;
}
.nav_main ul li.Jobs {
	background:url(../images/jobs.png) no-repeat 10px 12px;
}
.nav_main ul li.Contacts {
	background:url(../images/contacts.png) no-repeat 10px 12px;
}
.nav_main ul li div a:after {
	-webkit-transition: 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55);
	transition: 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55);
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}


@media screen and (max-width:1024px){
	
	.sse-index.sse-index-w{
		display:none;
	}
	.sse-index.sse-index-m{
		display:block;
	}
    .bottom-nav{
		display:none;
	}
	.bottom-nav2 { 
		display:none;
	}
	.logo{
		padding-left:20px;
		padding-bottom:10px;
		padding-top:10px;
	}
	.topnav{
		width:68%;	
	}
	.topnav>li>a{
		line-height:95px;
		padding:0 15px;
		font-size:18px
	}
	.company-intro{
		padding:0 20px;
	}
	.customers-box{
		padding:30px 20px;
		padding-bottom:0;
	}
	.news{
		padding:30px 20px;
	}
	.about-sel,.cont-list,#bus-meetings,#other-info,#job-offers{
		padding:0 20px;	
	}
	#other-info{
		padding:80px 20px;	
	}
	#bus-purchase{
		padding:80px 20px;
	}
	.culture-box .list-box .list-item{
		width:30%;
	}
	.sel-items .item-path{
		display:none;
	}
	#development-path,.cont-m{
		display:none;
	}
	.mission,.vision{
		margin-right:40px;
	}
	.meetings-items{
		width:30%;
		margin-right:40px;
	}
	.meetings-items.item-service{
		margin-right:0;
	}
	.meetings-items dd{
		margin-right:20px;		
	}
	.cont-l,.cont-r{
		width:50%;
		
	}
	.other-cont .advantage{
		width:90%;
		height:100px;
		
	}
	.company-demeanor{
		display:none;
	}
	.contact-us-info .title{
		padding-top:30px;
		padding-left:30px;
		margin-bottom:20px;
	}
	#contact-us .contact-us-info>ul{
		padding:10px 30px;
	}
	.contact-us-info .address{
		padding-bottom:0;
		border:none;
	}
	.contact-us-info .work-time{
		padding-top:0;
		background:url(../images/contact-ico8.png) left top no-repeat;
	}
}
@media screen and (max-width:768px){
	.topnav>li>a{
		font-size:16px;
		line-height:60px;
		
	}
	.topnav>li>a{
		line-height:55px;
		padding:0 10px;
		font-size:16px;
	}
	.topnav>li.sourcer{
		display:none;
	}
	.logo{
		width:20%;
		padding-top:7px;
		padding-bottom:7px;
	}
	.news-item{
		padding:5px 0;
		padding-bottom:15px;
	}
	.news-item h2{
		font-size:18px;
	}
	.mission, .vision{
		margin-right:35px;
	}
	#company-announcement .news-item{
		padding:5px 0;
		padding-bottom:10px;
	}
	#company-announcement{
		width:46%;
	}
	#industry-information .info-cont{
		width:76%;
	}
	#bus-purchase{
		padding:40px 20px;
	}
	.web-jy{
		width:40%;
		margin:0 auto;
		margin-bottom:20px;
		float:none;
	}
	.web-jy>a>img{
		width:100%;	
	}
	.purchase-items-list{
		width:100%;
		float:none;
	}
	.meetings-items dd{
		font-size:14px;
	}
	.meetings-items{
		margin-right:33px;
	}
	.other-cont .advantage{
		width:84%;
		margin:0 auto;
		margin-bottom:16px;
	}
	.position{
		width:40%;
	}
	.position p{
		display:none;
	}	
	#contact-us .map{
		padding-top:34px;
	}
}
@media screen and (max-width:760px){
	.header-m{
		display:block;
	}
	.logo{
		display:none;
	}
	.topnav{
		width:100%;
		margin:0 auto;
	}
	.header{
		top:50px;
	}
	.topnav>li>a{
		padding:0 4px;
		line-height:33px;
		font-size:14px;
	}
	.current-nav{
		border-bottom:2px solid #367abf;	
	}
	.intro-img{
		display:none;
	}
	.title{
		margin-bottom:20px;
	}
	.title>span{
		font-size:16px;
		padding:5px 5px;
		
	}
	.intro-cont{
		width:100%;
		margin-bottom:20px;
	}
	
	.banner{
		margin-bottom:20px;
	}
	.customers-box .cont-list{
		padding:0;
	}
	.list-box{
		width:100%;
	}
	.customers-box .list-box .list-item{
		width:45%;
		margin:0 8px;
		margin-bottom:10px;
		height:auto;
	}
	.customers-box .list-box .list-item>a>img{
		width:100%;
	}
	.news-detail{
		width:88%;
	}
	.news-list{
		width:100%;
	}
	.copyright{
		font-size:12px;
	}
	.line{
		display:none;
	}
	.sel-items{
		display:none;
	}
	.culture-title{
		font-size:16px;
	}
	.culture-box .list-box .list-item{
		width:32%;
		height:225px;
	}
	.mission, .vision{
		margin-right:6px;
	}
	.culture-cont{
		line-height:20px;
	}
	#hot-news{
		width:88%;
	}
	#company-announcement{
		width:100%;
		padding-top:20px;
	}
	#industry-information{
		margin-top:20px;
	}
	#industry-information .info-img{
		display:none;
	}
	#industry-information .info-cont{
		width:100%;
	}
	#industry-information .news-item{
		padding:20px 0;
		padding-top:0;
		
	}
	.news.news-page{
		padding-top:0;
	}
	.purchase-items{
		width:25%;
		margin-right:0;
	}
	#bus-meetings{
		margin-top:0;
	}
	.features,.meetings{
		display:none;
	}
	#bus-meetings h2{
		font-size:20px;
	}
	#bus-meetings p{
		font-size:14px;
		line-height:24px;
	}
	#other-info{
		padding:40px 0px;
	}
	.cont-l,.cont-r{
		display:none;
	}
	.cooperation-contact{
		padding:20px 20px;
	}
	.bus-contact,.google-contact{
		width:100%;
	}
	.google-contact{
		padding-top:20px;
	}
	.cooperation-contact .type{
		font-size:18px;
		width:120px;
		line-height:26px;
		margin-right:36px;
	}
	#contact-us .map{
		display:none;
	}
	#contact-us .contact-us-info{
		width:100%;
	}
	.news-report h2{
		font-size:18px;
	}
	.position-detail{
		display:none;
	}
	.apply{
		margin-top:0;
	}
	.position-cont{
		display:block;
	}
	.apply-popup{
		width:80%;
		padding:20px;
	}
	.apply-detail .zhilian, .apply-detail .job51{
		width:140px;
	}
}
@media screen and (max-width:360px){
	.topnav>li>a{
		padding:0 9px;
	}
}


/*animation*/
.company-demeanor .imgAn{
	-webkit-animation:scale .4s cubic-bezier(0, 0, 0.71, 1.17) 0s both;
	animation:scale .4s cubic-bezier(0, 0, 0.71, 1.17) 0s both;

}
/*animation*/
.imgAn{
	-webkit-animation:scale .4s cubic-bezier(0, 0, 0.71, 1.17) 0s both;
	animation:scale .4s cubic-bezier(0, 0, 0.71, 1.17) 0s both;

}

.news-list .news-item.li1{
	animation: main-child 1s cubic-bezier(0, 0, 0.71, 1.17) 0s both;
    -webkit-animation: main-child 1s cubic-bezier(0, 0, 0.71, 1.17) 0s both;
}
.news-list .news-item.li2{
	animation: main-child 1s cubic-bezier(0, 0, 0.71, 1.17) .4s both;
    -webkit-animation: main-child 1s cubic-bezier(0, 0, 0.71, 1.17) .2s both;
}
.news-list .news-item.li3{
	animation: main-child 1s cubic-bezier(0, 0, 0.71, 1.17) .4s both;
    -webkit-animation: main-child 1s cubic-bezier(0, 0, 0.71, 1.17) .4s both;
}
.news-list .news-item.li4{
	animation: main-child 1s cubic-bezier(0, 0, 0.71, 1.17) .6s both;
    -webkit-animation: main-child 1s cubic-bezier(0, 0, 0.71, 1.17) .6s both;
}
.news-list .news-item.li5{
	animation: main-child 1s cubic-bezier(0, 0, 0.71, 1.17) .8s both;
    -webkit-animation: main-child 1s cubic-bezier(0, 0, 0.71, 1.17) .8s both;
}
.news-list .news-item.li6{
	animation: main-child 1s cubic-bezier(0, 0, 0.71, 1.17) 1s both;
    -webkit-animation: main-child 1s cubic-bezier(0, 0, 0.71, 1.17) 1s both;
}
.meetings-items.dl2{
	animation: main-meetings 1s cubic-bezier(0.35, -0.1, 0.68, 1.1) 0s both;
    -webkit-animation: main-meetings 1s cubic-bezier(0.35, -0.1, 0.68, 1.1) 0s both;
}
.meetings-items.dl3{
	animation: main-meetings 1s cubic-bezier(0.35, -0.1, 0.68, 1.1) .2s both;
    -webkit-animation: main-meetings 1s cubic-bezier(0.35, -0.1, 0.68, 1.1) .2s both;
}
.meetings-items.dl4{
	animation: main-meetings 1s cubic-bezier(0.35, -0.1, 0.68, 1.1) .4s both;
    -webkit-animation: main-meetings 1s cubic-bezier(0.35, -0.1, 0.68, 1.1) .4s both;
}
.job-itemAn{
	animation: main-child 1s cubic-bezier(0, 0, 0.71, 1.17) 0s both;
    -webkit-animation: main-child 1s cubic-bezier(0, 0, 0.71, 1.17) 0s both;
}
#contact-us .mapAn,#contact-us .contact-us-infoAn{
	-webkit-animation:scale .6s cubic-bezier(0, 0, 0.71, 1.17) 0s both;
	animation:scale .6s cubic-bezier(0, 0, 0.71, 1.17) 0s both;
}
.apply-popup{
	-webkit-animation:scale .4s cubic-bezier(0, 0, 0.71, 1.17) 0s both;
	animation:scale .4s cubic-bezier(0, 0, 0.71, 1.17) 0s both;
}

@keyframes scale{
0%{ transform:scale(0);}
100%{transform:scale(1);}
}
@-webkit-keyframes scale{
0%{ -webkit-transform:scale(0);}
100%{-webkit-transform:scale(1);}
}
@keyframes main-meetings{
0%{ transform:translateY(-20%); opacity:0;}
100%{transform:translateY(0px); opacity:1;}
}
@-webkit-keyframes main-meetings{
0%{ -webkit-transform:translateY(-20%); opacity:0;}
100%{-webkit-transform:translateY(0px); opacity:1;}
}
@keyframes main-child{
0%{opacity: 0; transform:translateY(100px);}
100%{opacity:1; transform:translateY(0px);}
}
@-webkit-keyframes main-child{
0%{opacity: 0; -webkit-transform:translateY(100px);}
100%{opacity:1; -webkit-transform:translateY(0px);}
}