/*页面通用部分*/
body{background-color: #fff !important;}
.box_In{width: 1200px;margin: 0 auto;position: relative;}
.clear{overflow: hidden;}
.fl{float: left;}
.fr{float: right;}
.box_hd{display: block;margin: 40px auto;}
.title{width: 820px;margin: 0 auto;padding: 60px 0;position: relative;}
.title p{text-align: center;font-size: 48px;font-weight: bold;color: #fff;position: absolute;left: 0;width: 100%;top: 44px;}
.title p span{color: #FD1C1B;}
/*按钮*/
.a_btn{width: 260px;height: 46px;line-height: 46px;text-align: center;color: #fff;font-size: 24px;border-radius: 50px;box-shadow:0 6px 4px #000 ;display: block;background: #CA0937;margin: 37px auto ; letter-spacing: 1px;}
.a_btn:hover{box-shadow: none;position: relative;top: 2px;color: #fff;}
.red_btn{box-shadow:0 6px 4px #FF7676;}
 .red_btn:hover{box-shadow: none;}
/*ban开始*/
.ban .slideBox{width:100%; height:520px; overflow:hidden; position:relative; }
.ban .slideBox .hd{width: 180px; height:10px; overflow:hidden; position:absolute; left:50%;margin-left: -90px; bottom:30px; z-index:999; }
.ban .slideBox .hd ul{overflow:hidden; zoom:1; float:left;}
.ban .slideBox .hd ul li{float:left; margin:0 10px;width:70px;height:10px;border-top: 3px solid #CFCFCF; cursor:pointer;}
.ban .slideBox .hd ul li.on{border-color:#3988FF}
.ban .slideBox .bd{ position:relative; height:100%; z-index:0;}
.ban .slideBox .bd li{ zoom:1; vertical-align:middle; height:520px;}
.ban .slideBox .bd img{display:block;  }
.ban .li1{background:url(../images/ban1_bg.jpg) no-repeat center;height: 520px;overflow: hidden;}
.ban .li1 .box_In{position: relative;}
.ban .li1 .box_In .img1{position: absolute;top: 0;left:-132.5px;animation:mystart 3s infinite;-webkit-animation:mystart 3s infinite;}
.ban .li1 .img2{display: block;margin: 0 auto;}
.ban .li2{background:url(../images/ban2_bg.jpg) no-repeat center;height: 520px;}
.ban .li2 .a_btn{box-shadow:0 6px 0px #fff;margin-top:393px;margin-left:260px;background: #FF1010;}
.ban .li2 .a_btn:hover{box-shadow: none;}

.kb .kb_top{width: 290px;height: 39px;margin: 78px auto 0;}
.kb .kb_top span{
	float: left;
	width: 142px;
	height: 37px;
	border: 1px #3688ff solid;
	font-size: 20px;
	color: #3688ff;
	text-align: center;
	line-height: 37px;
	cursor: pointer;
}
.kb .kb_top span.cur{
	background: #3688ff;
	color: #fff;
}
.kb .kb_bot{display: none;}
.kb .kb_bot.on{display: block;}
.kb .kb_bot img.kbpic{
	display: block;
	margin: 0 auto;
}

/*box2开始*/
.box2{margin-bottom: 150px;}
.box2 .main{padding: 0 20px;overflow: hidden;}
.box2 .main ul{width: 740px;float: left;height: 500px;}
.box2 .main ol{width: 420px;float: right;margin-top: 41px;}
.box2 .main ul li{display: none;}
.box2 .main ul li.show{display: block;}
.box2 .main ol li{width:370px;border: 1px solid #CCCCCC;height: 138px;padding-left: 48px;overflow: hidden;color: #666;}
.box2  ol h2{font-size: 36px;margin: 30px 0 6px;}
.box2  ol h2 span{color: #FD1C1B;}
.box2  ol p{color: #999999;font-size: 18px;}
.box2 .main ol li.blue{background: #3988FF;color: #fff !important;margin-left: -30px;border-color: #3988FF;}
.box2  ol h2 span{color: #fff;}
.box2  ol p.white{color: #fff;}
/*box3开始*/
.box3 {background: #1B1B1B;padding-bottom: 10px;}
.box3 .box_hd{position: absolute;top: -77px;left: 50%;margin-left: -209px;margin-top: 0;}
.box3 .main{padding-top: 140px;position: relative;}
.box3 .main .con{overflow: hidden;padding:30px 0;border-bottom: 1px solid #404040;width: 1090px;margin: 0 auto;}
.box3 .main .fl,.box3 .main .fr{width: 320px;}
.box3 .main .cen{width:450px;float: left;}
.box3 .main .cen img{margin: 0 auto;display: block;}
.box3 .main .fl p,.box3 .main .fr p{font-size: 14px;color: #fff;line-height: 24px;}
.box3 .main .fl p{text-align: right;}
.box3 .main .fl p span {float: right;padding-left: 5px;}
.box3 .main .con2{padding: 30px 0;}
/*.box3 .main .line1,.box3 .main .line2{width: 1100px;border-top: 1px solid #404040;position: absolute;left: 50px;}*/
.box3 .main .line1{top: 475px;}
.box3 .main .line2{top:808px;}
.box3 .main .con img{transition: all 1s;
-moz-transition: all 1s;
-webkit-transition: all 1s;
-o-transition: all 1s;}
.box3 .main .con:hover img{transform:scale(1.07);
-ms-transform:transform:scale(1.07);
-moz-transform:transform:scale(1.07);
-webkit-transform:transform:scale(1.07);
-o-transform:transform:scale(1.07);}
/*box4开始*/
.box4{margin-bottom: 170px;}
.box4 .main{padding: 0 12px;}
.box4 .main li{width: 278px;float:left;margin: 8px;}
.box4 .main .top{position: relative;}
.box4 .main .top p{position: absolute;top:67px;right: 0;height: 40px;line-height: 40px;font-size: 24px;font-weight: bold;padding: 0 10px;background: #FF3636;color: #fff;}
.box4 .main .btm{width: 276px;border: 1px solid #DCDCDC;height: 227px;border-top: none;margin-top: -4px;}
.box4 .main .btm p{font-size: 16px;color: #666;line-height: 30px;padding-top: 30px;margin-left: 30px;}
.box4 .main li:hover{box-shadow: 0 0 5px 3px #F0F0F0;}
/*box5开始*/
.box5 {background: #31333F;padding-bottom: 30px;}
.box5 .box_hd{position: absolute;top: -97px;left: 50%;margin-left: -209px;margin-top: 0;}
.box5 .main{padding-top: 140px;background: url(../images/box5_img2.jpg) no-repeat left 140px ; height: 478px;position: relative;}
.box5 .con, .con::before,.box5 .con::after {position: absolute;top: 0;bottom: 0;left: 0;right: 0;}
.box5 .con::before, .box5 .con::after {content: '';z-index: 99;   margin: -5%;box-shadow: inset 0 0 8px 3px;animation: clipMe 8s linear infinite;margin:0px;border-radius:4px;}
.box5 .con::before {animation-delay: -4s;}
.box5 .con{width: 150px; height:100px; text-align: center;color: #E40A3E;}
.box5 .one{position: relative;width: 150px;height:100px;margin:4px 10px 70px 200px;}
.box5 .con1{width: 150px; height:106px;background: url(../images/box5_img3.jpg) no-repeat center;}
.box5  p{font-size: 22px;color: #01FCFF;font-weight: bold;padding-top: 23px;}
/*box6开始*/
.box6{height: 910px;}
.box6 .fl{width: 365px;background: #F4F4F4;height:910px;}
.box6 .fr{width: 833px;height: 808px;float:left;}
.box6 .fl ol{padding-top: 230px;}
.box6 .fl ol li{border: 1px solid #E4E4E4;border-top: none;height: 60px;width: 363px;background: #F4F4F4;color: #666;overflow: hidden;}
.box6 .fl ol .li1{border-top:1px solid #E4E4E4 ;}
.box6 .fl li.on{background: #E4E4E4;color: #FD1C1B;}
.box6 .fl ol li span{float: left;width: 60px;height: 20px;display: block;background: #E4E4E4;font-size: 14px;line-height: 20px;text-align: center;margin-top: 20px;margin-left: -1px;}
.box6 .fl li span.span_on{background: #FD1C1B;color: #fff;}
.box6 .fl li p{width: 296px;float: right;font-size: 18px;height: 60px;line-height: 60px;}
.box6 .box_hd{margin-top: 20px;}
.box6 .fr ul{width: 820px;padding-left:55px;height: 597px;border-bottom: 1px solid #E4E4E4;}
.box6 .fr ul li{display:none;overflow: hidden;}
.box6 .fr ul li.show1{display: block;}
.box6 .fr .con_left{width: 270px;float: left;}
.box6 .fr .con_right{width: 530px;float: right;}
.box6 .fr .con h3{overflow: hidden;}
.box6 .fr .con span{width: 6px;height: 20px;display: block;float: left;background: #FD1C1B;}
.box6 .fr .con h3 p{font-size: 18px;float: left;color: #FD1C1B;margin-left:8px;}
.box6 .fr .con .p1{font-size: 14px;line-height: 25px;color: #666;margin-top:10px;margin-left: 10px;}
.box6 .fr .con_right .p1{width: 467px;box-sizing: border-box;}
.box6 .fr .con_right .con{margin-bottom: 30px;}
.box6 .fr  .a_btn{margin-top: -29px;}
/*box7开始*/
.box7{background: #1B1B1B;padding-bottom: 10px;}
.box7 .con{height: 380px;margin-bottom: 80px;overflow: hidden;}
.box7 .con .fl{width:715px;background: url(../images/box7_bg.jpg) no-repeat center left;height: 376px;}
.box7 .con .fr{width:455px;}
.box7 .slideBox{width:656px;height:376px;position:relative;margin-left:50px;padding-right: 448px;}
.box7 .slideBox .bd{ position:relative; height:100%; z-index:0;   }
.box7 .slideBox .bd li{ zoom:1; vertical-align:middle; }
.box7 .slideBox .bd img{ width:644px; height:364px; display:block;border: 6px solid #fff;  }
.box7 .slideBox .prev,.box7 .slideBox .next{width: 38px;height: 18px;display: block;position: absolute;}
.box7 .slideBox .prev{background: url(../images/box7_left.jpg) no-repeat center;right: 50px;bottom: 0px;}
.box7 .slideBox .next{background: url(../images/box7_right.jpg) no-repeat center;right: 0px;bottom: 0px;}
.box7  h2{width: 100%;font-size:24px;color: #fff;}
.box7 .btm{border-bottom: 1px solid #545454;border-top: 1px solid #545454;margin-top:10px;}
.box7 .btm .con1{margin-top: 20px;}
.box7 .con1 span{color: #fff;display: block;width: 100px;height: 30px;line-height: 30px; text-align: center; background: #545454;font-size: 18px;margin-bottom:  10px;}
.box7 .con1 p{font-size: 14px;line-height: 22px;color: #ccc;}
.box7 .con_left{margin-bottom: 80px;position: relative;}
.box7 .con_left .fr{width:770px;background: url(../images/box7_bg1.jpg) no-repeat center right;height: 376px;padding-right: 80px;}
.box7 .con_left .fl{width:440px;margin-left: 0px;position: absolute;left: 0;top: 0px;}
.box7 .con_left .slideBox{padding-left: 140px;margin-left: 0;padding-right: 0;}
.box7 .con_left .slideBox .prev{left: 0;z-index: 99;}
.box7 .con_left .slideBox .next{left: 50px;z-index: 99;}
/*box8开始*/
.box8{padding-bottom: 10px;}
.box8 .title p,.box10 .title p{color: #000;}
.box8 .main{width: 1200px;overflow: hidden;}
.box8 .main ul{width:1200px;height: 50px;line-height: 50px;overflow: hidden;background: #ccc;}
.box8 .main ul li{font-size:18px;float: left; color: #333;}
.box8 .scrollDiv {width:100%; float:left;height:540px;}
.box8 .scrollDiv ol{width: 100%;}
.box8 .scrollDiv ol li{overflow: hidden;height: 50px;line-height:50px;border-bottom: 1px solid #C4C4C4;}
.box8 .scrollDiv p{font-size:20px;color: #000;float: left;}
.box8 .scrollDiv p.scrxz{background: #CA0937;color: #fff;}
.box8 li .p2{color: #006FE5;font-weight: bold;}
.box8 .scr1{width:140px;}
.box8 .scr2{width:370px;}
.box8 .pl{padding-left:40px ;}
.box8 .scr3{width:240px;text-align: center;}
.box8 .scr4{width:130px;text-align: center;}
/*box9开始*/
.box9{background: #343742;padding-bottom: 10px;}
.box9 .title{padding-bottom: 30px;}
.box9 .picScroll-left{width:1200px;overflow:hidden;position:relative;position: relative;   }
.box9 .picScroll-left .hd{overflow:hidden;}
.box9 .picScroll-left .hd .prev,.box9 .picScroll-left .hd .next{width: 50px;height: 20px; display:block;overflow:hidden; cursor:pointer; background:red;position: absolute;top: 200px;}
.box9 .picScroll-left .hd .next{right:0;background: url(../images/box9_right.png) no-repeat center;}
.box9 .picScroll-left .hd .prev{left: 0;background: url(../images/box9_left.png) no-repeat center;}
.box9 .bd{width: 1090px;margin: 20px auto;  }
.box9 .bd ul{overflow:hidden; zoom:1; }
.box9 .bd ul li{width: 218px; float:left; _display:inline; overflow:hidden; text-align:center; color: #fff;font-size: 24px; position: relative;}
.box9 .bd ul li .title{ line-height:24px;}
.box9 .bd .top{width: 218px;position: relative;margin: 104px 0 10px;}
.box9 .bd .top .line{width: 161px;height: 161px;border: 6px solid #000000;margin:20px 16px;}
.box9 .bd .top img{position: absolute;top: 16px;left: 33px;}
.box9 .bd .top  p{font-size: 24px;}
.box9 .bd ul li .btm{height:290px;width:210px; position:absolute;top:400px;left: 0;background: #343742;box-shadow: 0 0 8px 2px #000;margin:4px;margin-top: 40px;transition: all .5s ease;}
.box9 .bd ul li:hover .btm{top:0;}
.box9 .bd .img_box{width: 96px;height: 96px;border-radius: 50%;margin:-32px auto 4px;box-shadow: 0 0 8px 2px #000;overflow: hidden;}
.box9 .bd .img_box img{width: 100%;border-radius: 50%;}
.box9 .bd .btm span{width: 20px;height: 3px;background: #3988FF;display: block;margin: 0 auto;}
.box9 .bd .btm h2{font-size: 24px;margin: 12px 0 8px;}
.box9 .bd .btm p{padding:10px 8px 5px;font-size: 14px;line-height: 24px;}
/*box10开始*/
.box10 {background: #F4F4F4;padding-bottom: 70px;}
.box10 .title{padding-bottom: 40px;}
.box10 .p1{color: #000;font-size: 18px;text-align: center;margin-bottom: 60px;}
.box10 .main {width: 1000px;margin: 0 auto;}
.box10 .main ol{width: 750px;margin: 0 auto;}
.box10 .main ol li{width: 250px;float: left;position: relative;}
.box10 .main ol li p{width: 150px;height: 30px;line-height: 30px;background: #363636;position: absolute;top: 50%;left: 50%;margin-left: -75px;margin-top: -15px;color: #fff;font-size: 24px;text-align: center;}
.box10 .main ol li p.on2{background: #FD1C1B;}
.box10 .main ul{width: 808px;height: 213px;background: url(../images/box10_bg.jpg) no-repeat center;margin: 54px auto 10px;}
.box10 .main ul li{font-size: 16px;line-height: 26px;color: #000;padding: 50px 35px;display: none;}
.box10 .main ul li.box10_show{display: block;}
/*box11开始*/
.box11{background: #000;height: 428px;}
.box11 .main{position: relative;}
.box11 .main .img2{position: absolute;top: 90px;left: 455px;}
@keyframes mystart
{0%{opacity: .2;transform: scale(.8);}  50% {opacity: 1;transform: scale(1);} 100% {opacity: .2;transform: scale(.8);}}
@-moz-keyframes mystart
{0%{opacity: .2;transform: scale(.8);}  50% {opacity: 1;transform: scale(1);} 100% {opacity: .2;transform: scale(.8);}}
@-webkit-keyframes mystart
{0%{opacity: .2;transform: scale(.8);}  50% {opacity: 1;transform: scale(1);} 100% {opacity: .2;transform: scale(.8);}}
@-o-keyframes mystart
{0%{opacity: .2;transform: scale(.8);}  50% {opacity: 1;transform: scale(1);} 100% {opacity: .2;transform: scale(.8);}}

@keyframes clipMe {
	0%, 100% {clip: rect(0px, 150.0px,0px, 0px);}

	25% {clip: rect(0px, 0px,100px, 0px);}

	50% {clip: rect(100px, 150.0px, 100px, 0px);}

	75% {clip: rect(0px, 150.0px,100px, 150.0px);}
}