/* 页面通用 */
body{background: #2e5fda;}
.box_In{width: 1200px;margin: 0 auto;}
.fl{float: left;}
.fr{float: right;}
.clear{overflow: hidden;}
.box_hd{display: block;margin: 0 auto;padding: 35px 0 20px;}
.btm_con{width: 1150px;margin: 25px auto ;overflow: hidden;}
.btm_con .fl,.btm_con .fr{width: 564px;position: relative;}
.btm_con .bg{background: #418ff5;height: 105px;width: 100%;border-radius: 8px;margin-top: 24px;	}
.btm_con .img{position: absolute;top: 0;left: 30px;}
.btm_con a{display: block;width: 100%;height: 105px;position: absolute;top:25px;left: 0px;overflow: hidden;}
.btm_con p{background: url(../images/box1_icon1.png) no-repeat top left;padding-left: 42px;width: 320px;font-size: 18px;color: #fff;text-decoration: underline;margin-top: 24px;margin-left:235px;box-sizing: border-box;line-height: 28px;}
.box2 .btm_con{width: 1120px;}
.box2 .btm_con .fl,.box2 .btm_con .fr{width: 550px;}
.box2 .btm_con p,.box3 .btm_con p{margin-left:200px;}
.box3 .btm_con .fl,.box3 .btm_con .fr{width: 500px;}
.box3 .btm_con{width: 1030px;margin-top: 300px;}
.box3 .btm_con .bg{margin-top: 45px;}
.box3 .btm_con p{margin-top: 45px;}
/* ban开始 */
.ban .ban1{background: url(../images/ban_img1.jpg) no-repeat center;height: 460px;}
.ban .ban2{background: url(../images/ban_img2.jpg) no-repeat center;height: 483px;overflow: hidden;}
.ban .box_video{width: 682px;margin: 38px auto 0;border-radius: 10px;padding-right: 2px;border: 10px solid #f1f1f1;}
/* .ban .box_video video{border-radius: 10px;} */
.ban .ban1 .box_In{position: relative;}
.ban .ban1 .box_In a{position: absolute;width: 200px;top: 30px;left: 200px;height: 80px;display: block;}
.ban .ban1 .box_In img{width: 200px;}
/* .box1开始 */
.box1 .main{margin: 0 auto;background: url(../images/box1_bg.jpg) no-repeat center;width: 1175px;height: 722px;}
.box1 .picScroll-left{ overflow:hidden; position:relative;width: 1150px;margin-left: 24px;}
.box1 .picScroll-left .hd{ overflow:hidden;width: 1100px;position: absolute;bottom:45px;left: 23px;height: 60px;
 z-index: 99;}
.box1 .picScroll-left .hd .prev,.box1 .picScroll-left .hd .next{ display:block;  width:24px; height:45px; cursor:pointer;position: absolute;bottom:5px;opacity: .6;}
.box1 .picScroll-left .hd .prev{background: url(../images/box1_left.png) no-repeat 0;left: 0;}
.box1 .picScroll-left .hd .next{background: url(../images/box1_right.png) no-repeat 0;right: 0;}
.box1 .picScroll-left .hd .prev:hover{opacity: 1;}
.box1 .picScroll-left .hd .next:hover{opacity: 1;}
.box1 .pageState{font-size: 36px;color: #3ba8bc;font-weight: bold;margin-left: 55px;}
.box1 .pageState span{font-size: 60px;color: #3ba8bc;padding-right: 5px;}
.box1 .picScroll-left .bd ul li{width: 1150px;}
.box1 .picScroll-left .bd ul li img{display: block;margin: 0 auto;padding-top: 63px;}
.box1 .picScroll-left .bd ul li .con{width: 840px;margin-left: 200px;margin-top: 20px;}
.box1 .con h3{font-size: 30px;font-weight: bold;color: #2993a6;border-bottom: 1px solid #a5aab7;padding-bottom: 10px;margin-bottom: 13px;}
.box1 .con p{font-size: 16px;color: #1c387f;line-height: 24px;}
.box1 .con p span{color: #df0000;}
/* box2开始 */
.box2 .main{margin: 0 auto;width: 1200px;}
.box2 .picScroll-left{ overflow:hidden; position:relative;width: 1200px;}
.box2 .picScroll-left .hd{overflow:hidden;width: 1200px;position: absolute;top:47%;left: 0px;height:60px;
 z-index: 99;margin-top: -30px;}
.box2 .picScroll-left .hd .prev,.box2 .picScroll-left .hd .next{ display:block;  width:24px; height:45px; cursor:pointer;position: absolute;bottom:5px;opacity: .5;}
.box2 .picScroll-left .hd .prev{background: url(../images/box2_left.png) no-repeat 0;left: 0;}
.box2 .picScroll-left .hd .next{background: url(../images/box2_right.png) no-repeat 0;right: 0;}
.box2 .picScroll-left .hd .prev:hover{opacity: 1;}
.box2 .picScroll-left .hd .next:hover{opacity: 1;}
.box2 .pageState{font-size: 18px;color: #1e4bbd;background: url(../images/box2_icon1.png) no-repeat 0;width: 165px;height: 27px;display: block;position: absolute;z-index: 999;top: 42px;left:188px;text-align: center;line-height: 30px;}
.box2 .pageState span{font-size: 18px;color: #1e4bbd;padding-right: 5px;font-weight: bold;}
.box2 .picScroll-left .bd{width: 1100px;margin-left: 42px;position: relative;z-index: 99;}
.box2 .picScroll-left .bd ul li{background: #1e4bbd;height: 466px;border-radius: 8px;margin-top: 12px;width: 1100px;padding-right: 12px;}
.box2 .picScroll-left .bd ul img{width: 642px;float: right;border-radius: 8px;box-shadow: -5px 5px 0 #418ff5;position: relative;top: -12px;right: -12px;}
.box2 .picScroll-left .bd ul .fl{width: 400px;margin-top:80px;margin-left:30px ;}
.box2 .picScroll-left .bd ul .fl h2{font-size: 24px;color: #ffffff;font-weight: bold;border-left: 4px solid #ffcd46;padding-left: 25px;line-height: 34px;}
.box2 .picScroll-left .bd ul .fl p{font-size: 16px;color: #fff;line-height: 28px;padding: 40px 30px;padding-right: 0;}
/* box3开始 */
.box3{background: url(../images/box3_bg.jpg) no-repeat center;height: 1050px;}
.box3 .box_video{width: 615px;margin: 0 auto;border-radius: 10px;border: 10px solid #f1f1f1;}
.box3 .box_video video{border-radius: 8px;}
.box3 h3{font-size: 28px;color: #2c3e6c;font-weight: bold;text-align: center;margin-top: 15px;}
.box3 .main{position: relative;width: 1200px;}
.box3 .main p{position: absolute;width: 230px;padding:12px 10px 12px 15px;border: 1px solid #d6e2ff;box-shadow: 6px 6px 0 #2e5fda;border-radius: 10px;font-size: 16px;color: #2c3e6c;top: 200px;left: 0;background: #fff;}
.box3 .main .p2{width: 356px;top: 473px;left:172px;}
.box3 .main .p3{width: 356px;top: 473px;left:644px;}
.box3 .main .p4{width: 236px;top: 152px;left:940px;}

/* box4开始 */
.box4 .box_hd{padding-bottom: 25px;}
.box4 .main{overflow: hidden;position: relative;}
.box4 .main ul{width: 700px;float: left;}
.box4 .main ol{width: 485px;float: right;overflow: hidden;}
.box4 .main ul li{background:#1e4cbe ;border-radius: 10px;height:460px;display: none;}
.box4 .main ul li img{border: 10px solid #fff;border-radius: 10px;margin-left: 8px;background: #fff;width: 672px;}
.box4 .main ul li p{font-size: 15px;color: #fff;padding: 8px 30px;line-height: 24px;}
.box4 .main ol li{width: 140px;height: 140px;float: left;background: #fff;border: 1px solid #3f4e73;margin-left:18px ;box-shadow: -9px 0 0 #2251c5;border-radius: 8px;margin-bottom:17px;cursor: pointer;}
.box4 .main ol li img{display: block;margin: 30px auto 12px;}
.box4 .main ol li p{font-size: 18px;color: #26355a;font-weight: bold;text-align: center;}
.box4 .main h3{position: absolute;right: 168px;top: 160px;width: 140px;height: 140px;font-size: 19px;color: #fff;font-weight: bold;text-align: center;padding-top:20px;box-sizing: border-box;line-height:30px;}
.box4 .main h3 span{display: block;font-size: 33px;line-height:40px;}
.box4 .main ol li.on{background: #ffc741;}
.box4 .main ul li.onshow{display: block;}
.box4 .btm{background: url(../images/box4_img9.jpg) no-repeat 0;width: 1173px;height: 122px;margin:30px 0 30px 27px;}
.box4 .btm p{font-size: 16px;color: #fff;line-height: 26px;width: 880px;padding-top: 24px;margin-left: 244px;}
/* box5开始 */
.box5 ul{overflow: hidden;width: 1060px;margin: 25px auto;}
.box5 ul li{width: 170px;height: 170px;background: #ffff;border:8px solid #1f4dc2 ;border-radius: 50%;float: left;margin: 0 12px 10px;overflow: hidden;}
.box5 ul li img{display: block;margin: 12px auto 6px;transition: all .5s;
-moz-transition:  all .5s; 
-webkit-transition:  all .5s;
-o-transition:  all .5s; }
.box5 ul li h3{font-size: 20px;text-align: center;color: #333;}
.box5 ul li p{font-size: 12px;color: #333;width: 160px;margin: 6px auto;text-align: center;}
.box5 ul li span{font-size: 15px;color: #d2650c;text-align: center;display: block;text-decoration: underline;cursor: pointer;}
.box5 ul .blue{background: #1240b4;border-color: #bfd1ff;}
.box5 ul .blue h3,.box5 ul .blue p,.box5 ul .blue span{color: #fff;}
.box5 ul li:hover img{margin: 16px auto 2px;}
.box5 .mask{position: fixed;top: 0;left: 0;background: rgba(0,0,0,.8);width: 100%;height: 100%;z-index: 9999;display: none;}
.box5 .mask .main{overflow-y: auto;height:500px;}
.box5 .mask .box_In{position: relative;width: 1150px;height:550px;top: 50%;left: 50%;margin-top: -280px;margin-left: -575px;padding-top: 50px;box-sizing: border-box;}
.box5 .mask .mask_close{width: 30px;height: 30px;position: absolute;top: 0;right: 5px;cursor: pointer;}
/* box6开始 */
.box6{background: url(../images/box6_bg.jpg) no-repeat center bottom;height: 700px;}
.box6 .box_video{width: 612px;border: 12px solid #2e5fda;border-radius: 10px;float: left;overflow: hidden;background: #2e5fda;}
.box6 .fr{width: 545px;float: right;}
.box6 .main{overflow: hidden;margin-top: 45px;}
.box6 video{border-radius: 10px;}
.box6 .fr h3{font-size: 28px;color: #1b2541;text-align: center;margin-top: 55px;}
.box6 .fr p{font-size: 16px;color: #1b2541;width: 440px;margin: 15px auto;line-height: 30px;}
/* box7开始 */
.box7{background: url(../images/box7_img4.jpg) no-repeat center bottom;padding-bottom: 280px;}
.box7 .box_hd{padding-top: 0;padding-bottom: 25px;}
.box7 .picScroll-left{ overflow:hidden; position:relative;width: 1200px;}
.box7 .picScroll-left .hd{overflow:hidden;width: 1200px;position: absolute;top:50%;left: 0px;height:60px;
 z-index: 99;margin-top: -30px;}
.box7 .picScroll-left .hd .prev,.box7 .picScroll-left .hd .next{ display:block;  width:24px; height:45px; cursor:pointer;position: absolute;bottom:5px;opacity: .5;}
.box7 .picScroll-left .hd .prev{background: url(../images/box2_left.png) no-repeat 0;left: 0;}
.box7 .picScroll-left .hd .next{background: url(../images/box2_right.png) no-repeat 0;right: 0;}
.box7 .picScroll-left .hd .prev:hover{opacity: 1;}
.box7 .picScroll-left .hd .next:hover{opacity: 1;}
.box7 .picScroll-left .bd img{border: 6px solid #fff;border-radius: 10px;width: 1076px;margin: 0 auto;display: block;}
.box7 .picScroll-left .bd{width: 1088px;margin: 0 auto;}
/* box8开始 */
.box8{margin-top: 15px;}
.box8 .main{width: 1200px;overflow: hidden;margin-top: 25px;}
.box8 .main ul{width: 1220px;overflow: hidden;}
.box8 .main ul li{float: left;width: 224px;margin-right: 20px;margin-bottom: 30px;}
.box8 .main ul li img{display: block;margin: 0 auto;width: 100px;}
.box8 .main ul li a{display: block;width: 224px;height: 190px;background: #fff;border-radius: 10px;margin-top: -50px;}
.box8 .main ul li h3{font-size: 24px;color: #222222;text-align: center;font-weight: bold;padding-top:75px;}
.box8 .main ul li span{font-size: 18px;color: #e53838;font-weight: bold;width: 150px;height: 36px;border-radius: 50px;border: 1px solid #f55353;display: block;margin: 20px auto;text-align: center;line-height: 36px;}
.box8 .main ul li:hover span{background: #f55353;color: #fff;}
.box8 .main ul li.last{width: 955px;float: right;position: relative;}
.box8 .main ul li.last img{width: 955px;}
.box8 .main ul li.last a{width: 120px;height: 120px;border-radius: 50%;position: absolute;top: 131px;right:42px;background: none;}
.pf_box{background: url(../images/pf_img1.png) no-repeat center;height: 110px;position: fixed; left: 0;bottom: 0;width: 100%;z-index: 999;}
.pf_box a{width: 210px;height: 50px;float: right;margin-right:70px;margin-top:45px;display: block;}



/* IE 浏览器 */
.box5 .mask .main{
	/*三角箭头的颜色*/
	scrollbar-arrow-color: #fff;
	/*滚动条滑块按钮的颜色*/
	scrollbar-face-color: #1e3f94;
	/*滚动条整体颜色*/
	scrollbar-highlight-color: #1e3f94;
	/*滚动条阴影*/
	scrollbar-shadow-color: #1e3f94;
	/*滚动条轨道颜色*/
	scrollbar-track-color: #0066ff;
	/*滚动条3d亮色阴影边框的外观颜色——左边和上边的阴影色*/
	scrollbar-3dlight-color:#1e3f94;
	/*滚动条3d暗色阴影边框的外观颜色——右边和下边的阴影色*/
	scrollbar-darkshadow-color: #1e3f94;
	/*滚动条基准颜色*/
	scrollbar-base-color: #1e3f94;
	border-radius: 10px;
	
}
/* chrome & safari 浏览器 */
/*滚动条整体部分,必须要设置*/
.box5 .mask .main::-webkit-scrollbar{
	width: 12px;
	height: 12px;
	background-color: #1e3f94;
	border-radius: 10px;
	border: 1px solid #3959aa;
	
}
/*滚动条的轨道*/
.box5 .mask .main::-webkit-scrollbar-track{
	background-color: #1e3f94;
	border-radius: 10px;
	border: 1px solid #3959aa;
}
/*滚动条的滑块按钮*/
.box5 .mask .main::-webkit-scrollbar-thumb{
	border-radius: 0;
	background-color: #69ece1;
	box-shadow: inset 0 0 5px #69ece1;
	border-radius: 10px;
	border: 1px solid #3959aa;
}
/*滚动条的上下两端的按钮*/
.box5 .mask .main::-webkit-scrollbar-button{
	height: 0;
	background-color: #1e3f94;
	border-radius: 10px;
	border: 1px solid #3959aa;
	}

























