body {font: 12px/18px "Microsoft Yahei",'黑体',"宋体", Arial; color: #333333; background-color: #FFFFFF; }
* {margin:0; padding:0;}
ul, li {list-style-type:none;}
select, input, textarea {font-size:12px; vertical-align:middle; font-size:12px; font-family:"宋体", Arial;}
img {border:none; vertical-align:middle; line-height:0px; width: 100%;}
a {text-decoration:none; color:#555; }
a:hover {text-decoration:none;}
table {margin:0 auto;}
input{border: none;}
.clear {clear:both; font-size:0; line-height:0; height:0; overflow:hidden;}
.fl {float:left; display:inline;}
.fr {float:right; display:inline;}
.pr{position:relative;}
.pa{position:absolute; overflow:hidden;}
.wh1100{width: 1100px; margin: 0 auto;}
.png{ background-image: url(../image/png.png);}
.h25{height: 25px; display: block;}
.h55{ height: 55px; display: block;}
.wh969{width:1024px; margin: 0 auto;}

.headers{ height: 72px; position:fixed; top:0; z-index:9999; width:100%;}
.header .all li,.header .all li a{color:#FFFFFF;}
.headerfd{background-color:#FFFFFF; display:none;}
.headerho{background-color:#FFFFFF; color:#555;

			transition: width 1s,background-color 1s;  
			transition: width 1s linear;    		
			transition: width 1s linear 1s;   		
			transition: all 1s;  }
.headerho .all li a,.headerho .all li{ color:#555;}
.logo,.footer_logo,.footer_logoky{ width: 123px; padding: 12px 0; float: left;}
.footer_logoky{ width: 180px;}
.footer_logo{ width: 154px;}
.nav,.footer_nav{ float: right;}
.all{ width:890px; height:30px; padding-left:10px; }
.all li { padding: 24px 57px; font-size: 16px; text-align:center; float:left; display:inline; position:relative; cursor:pointer; }
.all ul { position:absolute; left:19px; top:72px;height:140px; padding: 0 28px; background-color: #FFFFFF; display:none; width: 105px; z-index:99999; box-shadow:2px 2px 10px #909090; }
.all li .lLi li{ padding: 0 0px; height: 30px; line-height: 30px; width: 100px; background: #FFFFFF; text-align: left;}
.all li .lLi li a{ color:#555;}
.headers .all li a.all_hoave{ color: #d72521; border-bottom: 3px solid #D72521;}
.all li a{height: 25px; line-height: 22px; display: inline-block;}
.all li a:hover{color: #d72521; border-bottom: 3px solid #D72521;}
.all li .lLi li a{ font-size: 12px;  padding-left: 10px; border-left: #FFFFFF solid 5px;}
.all li .lLi li a:hover{ color: #D72521; border-left: #D72521 solid 5px; border-bottom:none}
.footer_top{ height: 148px; margin-top: 20px;}
.footer_top_logo{ width: 430px; margin: 0 auto;}
.footer_nav ul.footer_nav_ul{ padding-left:0px; height:24px; width: 350px; margin: 0 auto;}
.footer_nav ul.footer_nav_ul li{float: left;}
.footer_nav ul.footer_nav_ul li a{font-size: 14px; padding:0 11px; border-left:1px solid #666666;}
.footer_nav ul.footer_nav_ul li.lileft a{padding-left:0px; border-left:none;}
.footer_nav .whjb{ color:#333333;border-width: 1px;border-color: #666666;border-collapse: collapse; margin-top: 10px;}
.footer_nav .whjb i img{ width: 35px; padding-right: 5px;}
.footer_nav .whjb td{border-width: 1px;padding: 8px;border-style: solid;border-color: #666666;background-color: #ffffff;}
.footer_nav .whjb tr{border-width: 1px;padding: 8px;border-style: solid;border-color: #666666;background-color: #dedede;}
.footer_nav .shcp_li{ margin-left:400px; display:none;}
.footer_nav .shcp_li a{  border-left:none; line-height:25px; }
.footer_logo{ padding: 10px 0;}
.footer_logoky{ padding: 20px 0;}
.footer_botten{ background-color: #1f2e3a; height: 60px;}
.footer_botten p{color: #FFFFFF; font-size: 17px; line-height: 60px; text-align: center;}
.footer_botten a{color:#FFFFFF;}
.footer_x{ border-left: 2px solid #dbdbdb; width:2px; height:30px; margin:30px 42px;}
.footer_nav{ width:990px;  padding: 0 0 36px 0; font-size:14px; color:#373737; float:right;}
.footer_nav p{ line-height:25px; text-align: center;}
.conent{ background-color: #f5f5f5;}
.conent_cont{ padding: 75px 0;}
h1.title{font-size: 36px; font-weight: 900; height: 38px; line-height: 38px;}
h1.title .ems{ width: 27px; height: 38px; display: inline-block; background-position: 0 -191px; float: left; margin-right: 10px;}
h1.title i{ font-weight: normal; color: #666666; font-size: 30px; margin-left:10px;}

.indexabout{ padding: 100px 0 50px 0;}
.npbtn{display:none;}
.imgbottencont{ margin: 0 auto; font-size: 14px; padding: 30px 0;}
.imgbottencont p{ line-height: 30px; color: #333333; text-indent: 2em;}
.slide{ max-width: 100%; height: auto; margin: 0 auto; position: relative; z-index: 999; overflow: hidden; }
.slide ul{ width: 10000%; list-style-type: none; }
.next_btn{ position: absolute; width: 25px; height: 26px; line-height: 26px; text-align: center; opacity: .5; vertical-align: middle; background: rgba(0,0,0); right: 5px; top: 50%; color: #fff; font-family: arial; font-size: 20px; font-weight: bold; display: inline-block; cursor: pointer; font-family: "宋体"; }
.prev_btn{ position: absolute; width: 25px; height: 26px; line-height: 26px; text-align: center; opacity: .9; vertical-align: middle; background: rgba(0,0,0,.1); left: 5px; top: 50%; color: #fff; font-family: "宋体"; font-size: 20px; font-weight: bold; display: inline-block; cursor: pointer; }
.slide ul:after{ content: ''; clear: both; display: block;}
.slide ul li{ float: left; text-align: center; }
.slide ul li img{ vertical-align: middle; max-width: 100%; }
.slide .circle_btn{ position: absolute; bottom: 15px; text-align: center; left: 0; display: table; margin: 0 auto; width: 100%; }
.slide .circle_btn button{ box-sizing: content-box; opacity: .8; outline: none; border: none; width:16px; height:16px; border-radius:50%; background: rgba(255,255,255,.2); margin: 2px 5px; overflow: hidden; transition: all .6s; cursor: pointer; }
.slide .circle_btn button.active{ background: rgba(255,255,255,.9); width:84px; border-radius: 10px; }
.hotgames{ background: url(../image/img10.jpg) no-repeat scroll top center;height: 684px; padding:88px; position:relative;}
.hotgames h1{color: #FFFFFF;}
.hotgames h1 i{color: #DDDDDD;}
.hotspot-x{ background:url(../image/x.png) no-repeat scroll top center; width:799px; height:11px; position:absolute; bottom:78px; left:50%; margin-left:-390px; z-index:0}
.poster-main{position: relative;width: 900px;height: 270px;z-index:3;}
.poster-main a,.poster-main img{display:block;}
.poster-main .poster-list{width: 900px;height: 270px; z-index:2;}
.poster-main .poster-list .poster-item{position: absolute;left: 0;top: 0;}

.poster-main .poster-btn{  cursor: pointer; position: absolute; top:220px; width:43px !important; height:84px !important;  text-align: center; line-height: 14px; color: #ffffff; background-position: -590px 0; z-index: 10; }
.poster-main .poster-next-btn{ background-position: -648px 0; }
.btn-box{ display: table; margin-left: auto; margin-right: auto; margin-top:36px; }
.index-btn{ display: inline; cursor: pointer; float: left; width: 92px;  height: 52px; color: #fff; margin-left:40px; margin-right: 40px; margin-top: 20px; }
.poster-main .poster-prev-btn{ left: 0; }
.poster-main .poster-next-btn{ right: 0; }
.index-btn.poster-btn-active{ width: 145px; margin-top: 0px; }
.more{ float:right; width:76px; height:15px; display:inline-block;}

.conent_contactus_titleimg{ background: url(../image/contactus.jpg) no-repeat scroll top center; height: 363px;}
.contactusb{ width:519px; height:154px; bottom:50px; padding:45px 0 0 80px; left:50%; background:url(../image/contactuss.png) no-repeat scroll top center; margin-left:-50px;}
.contactusb h3{font-size:30px; font-weight:normal; color:#282828; line-height:35px;}
.contactusb p{ font-size:15px; color:#666666; line-height:20px;}
.contactusb span{ height:1px; display:inline-block; width:171px; background-color:#acacac; margin:10px 0 8px 0;}
ul.contactus_l{ padding: 50px 20px; display: block;}
ul.contactus_l li{ float: left; font-size: 18px; color: #666666;height: 40px;display: flex;align-items: center;}
ul.contactus_l li b{ font-weight: normal; color: #D72521;}
ul.contactus_l li i{ margin-right: 10px;width: 22px;height: 18px;display: inline-block;}
.contactus .l{ width: 22px; height: 23px; display: inline-block;}
.contactus .mail{ width: 28px; height: 23px; display: inline-block; background-position: -32px 0;}
.contactus .qq{ width: 22px; height: 25px; display: inline-block; background-position: -69px 0;}
.contactus_card{ width: 1200px; clear: both;padding-top: 70px;}
.contactus .contactus_card ul li{cursor: pointer; width: 200px; height: 250px; margin: 0 12px; padding: 25px; background: #FFFFFF; border-radius: 10px; float: left; text-align: center; font-size: 24px; color: #333333; box-shadow:2px 2px 10px #f0f0f0;}
.contactus_card_zi{ border-top: 1px solid #ececec; padding-top: 47px;}
.contactus_card_img { padding: 41px 0;}
.contactus_card_img i.agent{ width: 69px; height: 66px; display: inline-block; background-position: 0 -34px;}
.contactus_card_img i.overseas{ width: 83px; height: 64px; display: inline-block; background-position: 0 -116px;}
.contactus_card_img i.market{ width: 58px; height: 65px; display: inline-block; background-position: -95px -116px;}
.contactus_card_img i.Business{ width: 76px; height: 65px; display: inline-block; background-position: -77px -35px;}

.conent_aboutus_titleimg{ height: 363px; background: url(../image/about.jpg) no-repeat scroll top center;}
.aboutusSHYX{background: url(../image/about1.jpg) no-repeat scroll top center; padding: 100px 0;}
.aboutusSHYX p{ font-size: 14px; color: #666666; text-indent: 2em; line-height: 30px;}
.SHProgress{ padding: 110px 0;}
.SHProgress ul{ margin-top: 70px;}
.SHProgress ul li{font-size: 16px; font-weight: bold; color: #333333; width: 47%; float: left; padding-left: 30px; height: 50px;}
.SHProgress ul li b{ color: #D72521; margin-left: 10px; width: 73.5%; float: left; display: inline-block; font-weight:normal;}
.SHProgress ul li em{float: left; font-style: normal; width: 22.2%;}
.SHProgress ul li s{float: left; text-decoration:none}
.SHProgress .Ck{ width: 150px; margin: 0 auto; text-align: center; cursor:pointer;}
.SHProgress .Ck p{font-size: 18px; color: #8c8c8c; margin-top: 10px;}
.SHProgress .Ck .dh{ width: 24px; height: 14px; display: inline-block; animation-duration: 1s; animation-fill-mode: both; animation-iteration-count: infinite; animation-name:container; transform-origin: center bottom; animation-duration: 2s;cursor: pointer;}
.SHProgress .Ck .Jt { background-position: 0 -810px;}
.SHProgress .Ck .Jtx{ background-position: -100px 0;}
.cktops{ display:none;}
@keyframes container{0%,20%,50%,80%,100% { transition-timing-function: cubic-bezier(0.215,.61,.355,1);transform: translate3d(0,0,0); }40%, 43%{transition-timing-function: cubic-bezier(0.755,0.50,0.855,0.060);transform: translate3d(0,-10px,0); }70%{transition-timing-function: cubic-bezier(0.755,0.050,0.855,0.060);transform: translate3d(0,-5px,0);}90%{transform: translate3d(0,-2px,0);}}

.conent_joinus_titleimg{ height: 363px; background: url(../image/join.jpg) no-repeat scroll top center;}
.pecruiting,.indexabout{ background: url(../image/join1.jpg) no-repeat scroll top center;}
.pecruitingcont{ padding: 74px 0 0 0 ; height: 766px;}
.pecruitingcont ul{ width: 1200px; margin: 30px 0 0 0;}
.pecruitingcont ul li{background: #FFFFFF; width: 203px; color: #333333; height: 248px; float: left; padding: 29px 66px 0 66px; border-radius: 10px; text-align: center; cursor:pointer; margin-right: 48px; margin-top: 40px;}
.pecruitingcont_zi{ font-size: 27px; text-align: center; border-top: 1px solid #ececec; padding-top: 35px;}
.pecruitingcont_zi span{display: block; font-size: 15px; line-height: 60px;}
.pecruitingcont_img i{ display: inline-block; margin: 23px 0;}
.pecruitingcont_img .whole { width: 70px; height: 65px; background-position: -172px -3px;}
.pecruitingcont_img .operate { width: 68px; height: 60px; background-position: -261px -3px;}
.pecruitingcont_img .plan { width: 69px; height: 66px; background-position: 0 -34px;}
.pecruitingcont_img .fine { width: 68px; height: 65px; background-position: -348px -3px;}
.pecruitingcont_img .test { width: 65px; height: 57px; background-position: -435px -3px;}
.pecruitingcont_img .technology { width: 58px; height: 56px; background-position: -518px -3px;}
.pecruitingcont ul li:hover{ background: #d72521; color: #FFFFFF;}
.pecruitingcont ul li:hover .pecruitingcont_img .whole { background-position: -172px -74px;}
.pecruitingcont ul li:hover .pecruitingcont_img .operate { background-position: -261px -74px;}
.pecruitingcont ul li:hover .pecruitingcont_img .plan { background-position: -172px -145px;}
.pecruitingcont ul li:hover .pecruitingcont_img .fine { background-position: -348px -74px;}
.pecruitingcont ul li:hover .pecruitingcont_img .test { background-position: -435px -74px;}
.pecruitingcont ul li:hover .pecruitingcont_img .technology { background-position: -518px -74px;}
.SHconcept{ padding: 100px 0;}
.SHconcept p{ font-size: 16px; color: #666666; text-indent: 2em; line-height: 30px;}
.SHconcept p b{font-weight: normal; color: #D72521;}
.SHjointab{ background-color: #FFFFFF; padding: 100px 0 130px 0;}
.Shyq{ background: url(../image/join21.jpg) no-repeat scroll top center; height: 175px;}
.Shyqcont{ color: #FFFFFF; font-size: 18px; padding: 42px 0 0 270px;}
.Shyqcont p{ line-height: 30px;}
.picScroll-left{ position:relative; margin-bottom: 70px; }
.picScroll-left .hd{ overflow:hidden; width: 1100px; }
.picScroll-left .hd .prev,.picScroll-left .hd .next{ position: absolute; display: inline-block;  width:43px; height:84px; overflow:hidden; cursor:pointer; background:url(../image/png.png) no-repeat; top: 265px;}
.picScroll-left .hd .next{ background-position:-82px -189px; right: -44px;}
.picScroll-left .hd .prev{ background-position:-43px -189px; left: -44px;}
.picScroll-left .hd .prevStop{ background-position:-303px -189px; }
.picScroll-left .hd .nextStop{ background-position:-258px -189px; }
.picScroll-left .bd{ padding:10px;   }
.picScroll-left .bd ul{ overflow:hidden; zoom:1; }
.picScroll-left .bd ul li{ margin:0 8px; padding: 0 25px; width: 480px; float:left; _display:inline; overflow:hidden; text-align:center;  }
.picScroll-left .bd ul li .SHtabcont{ text-align: left; color: #8C8C8C; font-size: 14px; line-height: 30px;}
.SHtabcont h3{ font-size: 30px; color: #D72521; font-weight: normal; line-height: 30px; margin-bottom: 75px;}
.SHtabcont h4{ font-size: 20px; line-height: 35px; margin-bottom: 26px; }
.SHtabconts{ min-height: 274px; margin-bottom:35px;}
.emg{ width: 12px; height: 29px; float: left; display: inline-block; background-position: -141px -239px; float: left; margin-right: 10px;}
.shprogressUL{ height:350px; overflow:hidden;}


.modal {
	display: none;
	position: fixed;
	z-index: 1;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	overflow: auto;
	background-color: rgba(0, 0, 0, 0.5);
}


.modal-content {
	background-color: #fff;
	margin: 270px auto 0;
	padding: 20px;
	border: 1px solid #888;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
	animation: modal-show 0.3s;
}


.modal-normal {
	width: 400px;
	border-radius: 10px;
}


.modal-medium {
	width: 400px;
}


.modal-mini {
	width: 250px;
}


.modal-hide {
	animation: modal-hide 0.3s;
}


@keyframes modal-show {
	from {
		opacity: 0;
		transform: translateY(-50px);
	}
	to {
		opacity: 1;
		transform: translateY(0);
	}
}


@keyframes modal-hide {
	from {
		opacity: 1;
		transform: translateY(0);
	}
	to {
		opacity: 0;
		transform: translateY(-50px);
	}
}


.close {
	color: #aaa;
	float: right;
	font-size: 28px;
	cursor: pointer;
	-webkit-tap-highlight-color: rgba(255,0,0,0);
}


.close:hover,
.close:focus {
	color: #535353;
	text-decoration: none;
	cursor: pointer;
	-webkit-tap-highlight-color: rgba(255,0,0,0);
}
.modal-title{
	font-size: 20px;
	color: #333;
}