@charset"utf-8";
/* CSS Document */
 body, html, div, h1, h2, h3, h4, h5, h6, p, ul, ol, li, dl, dt, dd, em, i, span, img, a, b, input, label {
    margin:0;
    padding:0;
    font-weight:normal;
    font-family: Arial, "microsoft yahei";
}
img {
    border:none;
    margin: 0;
    padding: 0;
    vertical-align: top;
}
ul, li, ol {
    list-style-type:none;
}
input, button {
    font-family:"microsoft yahei";
    list-style-type:none;
     border:none;
}
a {
    text-decoration: none;
}
a:link, a:visited {
    text-decoration: none;
}
a:hover, a:active {
    text-decoration: none;
}
input, button, select, textarea {
    outline:none;
}
/*去除苹果默认按钮样式*/
 input[type="button"], input[type="submit"], input[type="reset"] {
    -webkit-appearance: none;
}
textarea {
    -webkit-appearance: none;
}
/*去除苹果默认圆角样式*/
 .button {
    border-radius: 0;
}
/*去除Chrome等浏览器文本框默认发光边框*/
 input:focus, textarea:focus {
    outline: none;
}
/*去掉高光样式*/
 input:focus {
    -webkit-tap-highlight-color:rgba(0, 0, 0, 0);
    -webkit-user-modify:read-write-plaintext-only;
}
/*去除IE10+浏览器文本框后面的小叉叉*/
 input::-ms-clear {
    display: none;
}
/*禁止多行文本框textarea拖拽*/
 textarea {
    resize: none;
}
/*元素的内边距和边框不再会增加它的宽度*/
 .bobox {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.left {
    float:left;
}
.right {
    float:right;
}
/*清除浮动终极版（在需要清除浮动的外框加个clearfix类）*/
 .clearfix:after {
    content:"\200B";
    display:block;
    height:0;
    clear:both;
}
.clearfix {
    *zoom:1;
}
/*IE/7/6*/



/**/
.banner2{
	width: 100%;
	overflow: hidden;
	position: relative;
	z-index: 1;
}
.banner-pic{
	width: 1920px;
	height: 630px;
	position: relative;
	left: 50%;
	margin-left: -960px;
	overflow: hidden;
}
.banner2 ul{
	width: 1400px;
	height: 240px;
	position: relative;
	background: url(../images/jykj-images/banner-ioc-shadow.jpg) no-repeat 0 178px rgba(255,255,255,0.9);
	left: 50%;
	margin: -90px 0 0 -700px;
}
.banner2 ul li a{
	width: 232px;
	text-align: center;
	margin-top: 32px;
	color: #adadad;
	font-size: 12px;
	border-right: solid 1px #e8e8e8;
	float: left;
}
.banner2 ul li p{
	color: #333;
	font-size: 16px;
	margin: 10px 0 4px 0;
}
.banner2 ul li:nth-of-type(6) a{
	border: none;
}


.bestrow,.thinking,.list,.advantage{
	width: 100%;
	box-sizing: border-box;
	padding: 34px 0;
	background: #f5f5f5;
}
.bestrow h1,.thinking h1,.list h1,.advantage h1{
	color: #e50043;
	font-size: 48px;
	text-align: center;
}
.bestrow-h1-line{
	width: 100%;
	height: 1px;
	background: #d1d1d1;
	margin-top: 40px;
	position: relative;
}
.bestrow h2,.thinking h2,.list h2,.advantage h2{
	width: 540px;
	line-height: 45px;
	color: #7a7a7a;
	font-size: 16px;
	text-align: center;
	display: block;
	background: url(../images/jykj-images/bestrow-h1-line-pic.png) no-repeat #f5f5f5;
	position: absolute;
	left: 50%;
	margin: -22px 0 0 -270px;
}
.bestrow-content{
	width: 1400px;
	height: 681px;
	margin: 46px auto auto;
}
.bestrow-content-left,.bestrow-content-right{
	width: 362px;
	height: 681px;
	background: url(../images/jykj-images/bestrow-content-pic1.jpg) no-repeat;
}
.bestrow-content-font,.bestrow-content ul a h3{
	width: 100%;
	height: 194px;
	background: rgba(0,0,0,0.5);
	border-radius: 10px;
	margin-top: 488px;
	text-align: center;
	color: white;
	font-size: 20px;
	box-sizing: border-box;
	padding-top: 22px;
	line-height: 30px;
}
.bestrow-content-font p,.bestrow-content ul a h3 p{
	width: 76px;
	height: 2px;
	background: white;
	display: block;
	margin: 20px auto; 
}
.bestrow-content-font b{
	font-size: 18px;
}

.bestrow-content ul{
	width: 685px;
	height: 681px;
	margin-left: 20px;
	display: flex;
	flex-wrap: wrap;
}
.bestrow-content ul a{
	width: 337px;
	height: 332px;
	background: url(../images/jykj-images/bestrow-content-pic2.jpg) no-repeat;
	overflow: hidden;
	display: block;
}
.bestrow-content ul a:nth-of-type(1),.bestrow-content ul a:nth-of-type(2){
	margin-bottom: 17px;
}
.bestrow-content ul a:nth-of-type(1),.bestrow-content ul a:nth-of-type(3){
	margin-right: 10px;
}
.bestrow-content ul a:nth-of-type(2){
	background: url(../images/jykj-images/bestrow-content-pic3.jpg) no-repeat;
}
.bestrow-content ul a:nth-of-type(3){
	background: url(../images/jykj-images/bestrow-content-pic4.jpg) no-repeat;
}
.bestrow-content ul a:nth-of-type(4){
	background: url(../images/jykj-images/bestrow-content-pic5.jpg) no-repeat;
}
.bestrow-content ul a h3{
	height: 132px;
	margin-top: 200px;
	line-height: 26px;
	font-size: 18px;
}
.bestrow-content ul a h3 p{
	margin: 10px auto; 
}

.bestrow-content-right{
	width: 319px;
	background: url(../images/jykj-images/bestrow-content-pic6.jpg) no-repeat;
}


.thinking,.list{
	background: white;
}
.thinking h2,.list h2{
	background: url(../images/jykj-images/bestrow-h1-line-pic.png) no-repeat white;
}
.thinking-content{
	width: 100%;
	height: 547px;
	overflow: hidden;
	background: url(../images/jykj-images/thinking-beijing.jpg) no-repeat center;
	margin-top: 72px;
}
.thinking-content ul{
	width: 1400px;
	display: flex;
	margin: 2px auto auto;
}
.thinking-content ul li{
	width: 319px;
	margin-right: 40px;
}
.thinking-content ul li:nth-of-type(4){
	margin: 0;
}
.thinking-content-font{
	width: 100%;
	height: 166px;
	background: white;
	box-sizing: border-box;
	padding-top: 30px;
	text-align: center;
}
.thinking-content-font h3{
	color: #e50043;
	font-size: 24px;
}
.thinking-content-font b{ 
	color: #7b7b7b;
	font-size: 12px;
	padding: 10px 0 10px 0;
	display: block;
}
.thinking-content-font p{
	color: #666;
	font-size: 14px;
}


.list{
	padding-top: 0;
}
.list ul{
	width: 1400px;
	display: flex;
	flex-flow: wrap;
	margin: 64px auto auto;
}
.list ul a{
	display: block;
	width: 444px;
	color: #7a7a7a;
	font-size: 14px;
}
.list ul a:nth-of-type(2),.list ul a:nth-of-type(5){
	margin: 0 36px 0 32px;
}
.list ul a:nth-of-type(4),.list ul a:nth-of-type(5),.list ul a:nth-of-type(6){
	padding: 30px 0 36px 0;
}
.list ul a p{
	padding: 8px 0 0 24px;
	font-weight: bold;
}
.list ul a p > img{
 	float: right;
 	padding: 6px 20px 0 0;
}
.list > a{
	width: 238px;
	line-height: 40px;
	text-align: center;
	color: #e50043;
	border: solid 1px #e50043;
	margin: 0 auto;
	display: block;
	font-size: 16px;
	font-weight: bold;
}


.customer{
	width: 100%;
	height: 520px;
	background: url(../images/jykj-images/customer-beijing.jpg) no-repeat center;
	margin-top: 42px;
	position: relative;
}
.customer > a{
	width: 100px;
	height: 69px;
	position: absolute;
	left: 50%;
	margin: -40px 0 0 -50px;
}
.customer dl{
	width: 1400px;
	margin: 0 auto;
}
.customer dd{
	width: 750px;
	height: 373px;
	margin-top: 88px;
	display: flex;
	flex-flow: wrap;
}
.customer dd a{
	margin-bottom: 20px;
}
.customer dd a:nth-of-type(2),.customer dd a:nth-of-type(5),.customer dd a:nth-of-type(8){
	padding: 0 43px;
}


.advantage{
	width: 100%;
	height: 536px;
	background: url(../images/jykj-images/advantage-beijing.jpg) no-repeat center;
}
.advantage ul{
	width: 1400px;
	margin: 118px auto auto;
}
.advantage ul li{
	width: 220px;
	float: left;
	margin-right: 74px;
}
.advantage ul li:nth-of-type(5){ margin-right: 0;}
.advantage ul li h3 b{
	color: #727272;
	font-size: 18px;
}
.advantage ul li p{
	text-align: center;
	color: #727272;
	font-size: 16px;
	padding-top: 20px;
	line-height: 28px;
}
.advantage ul li h4,.advantage ul li h3{
	width: 120px;
	height: 138px;
	display: block;
	background: url(../images/jykj-images/advantage-pic.png) no-repeat;
	color: #e60044;
	font-size: 32px;
	font-weight: bold;
	box-sizing: border-box;
	padding: 32px 0 0 30px;
	margin: 0 auto;
}
.advantage ul li h3{
	box-sizing: border-box;
	padding: 46px 0 0 28px;
	line-height: 20px;
}


.process{
	width: 1400px;
	margin: 0 auto;
}
.process h1{
	width: 200px;
	height: 84px;
	border-left: solid 6px #ff0000;
	color: #454545;
	font-size: 40px;
	font-weight: bold;
	line-height: 36px;
	padding: 18px 0 0 24px;
	margin: 46px 0 72px 0;
	
}
.process h1 b{
	color: #454545;
	font-size: 20px;
	font-weight: normal;
}
.process ul li{
	width: 155px;
	height: 155px;
	color: black;
	font-size: 18px;
	background: url(../images/jykj-images/process-pic1.jpg) no-repeat;
	text-align: center;
	box-sizing: border-box;
	padding-top: 108px;
	float: left;
	margin-right: 26px;
}
.process ul li:nth-of-type(2){
	background: url(../images/jykj-images/process-pic2.jpg) no-repeat;
}
.process ul li:nth-of-type(3){
	background: url(../images/jykj-images/process-pic3.jpg) no-repeat;
}
.process ul li:nth-of-type(4){
	background: url(../images/jykj-images/process-pic4.jpg) no-repeat;
}
.process ul li:nth-of-type(5){
	background: url(../images/jykj-images/process-pic5.jpg) no-repeat;
}
.process ul li:nth-of-type(6){
	background: url(../images/jykj-images/process-pic6.jpg) no-repeat;
}
.process ul li:nth-of-type(7){
	background: url(../images/jykj-images/process-pic7.jpg) no-repeat;
	margin: 0;
}
.process a{
	width: 390px;
	line-height: 78px;
	color: white;
	text-align: center;
	font-size: 30px;
	border-radius: 10px;
	background: #e60044;
	display: block;
	margin: 80px auto;
}


.switch{
	width: 100%;
	height: 626px;
	background: url(../images/jykj-images/switch-beijing.jpg) no-repeat center;
	padding-top: 54px;
}
.slideTxtBox{
	width: 1238px;
	height: 540px;
	background: url(../images/jykj-images/slideTxtBox-beijing.jpg) no-repeat;
	box-sizing: border-box;
	padding: 72px 0 0 116px;
	position: relative;
	margin: 0 auto;
}
.slideTxtBox .hd ul{
	width: 400px;
	line-height: 62px;
	background: #dfdfdf;
	position: absolute;
	z-index: 3;
}
.slideTxtBox .hd ul li{
	width: 200px;
	text-align: center;
	color: black;
	font-size: 24px;
	cursor: pointer;
}
.slideTxtBox .hd ul li.on{
	color: white;
	background: #e3003b;
}

.switch .bd ul li .switch-ioc ul{
	width: 346px;
	display: flex;
	padding: 80px 0 18px 24px;
}
.switch .bd ul li .switch-ioc ul li{
	text-align: center;
	color: #666;
	font-size: 14px;
	margin-right: 40px;
}
.switch .bd ul li .switch-ioc ul li:nth-of-type(4){
	margin: 0;
}
.switch .bd ul li .switch-ioc ul li img{
	padding-bottom: 5px;
}

.switch .bd ul li .switch-input input[type=text]{
	width: 398px;
	height: 58px;
	background: white;
	border: solid 1px #a1a1a1;
	border-radius: 50px;
	box-sizing: border-box;
	padding: 20px;
	margin-bottom: 16px;
	font-size: 18px;
}
.switch .bd ul li .switch-input input[type=text]#switch-input-img{
	margin-top: 90px;
	background: url(../images/jykj-images/switch-pic3.png) no-repeat 340px 15px white;
}

.switch .bd ul li .switch-link a{
	width: 400px;
	line-height: 60px;
	background: #e3003b;
	text-align: center;
	color: white;
	font-size: 24px;
	border-radius: 50px;
	display: block;
}
.switch .slideTxtBox p{
	color: #b01e29;
	font-size: 16px;
	position: absolute;
	margin: -30px 0 0 30px;
}