/*页面通用样式*/
body{background: #fff;}
.box_In{width: 1200px;margin:0 auto;position: relative;}
.fl{float: left;}
.fr{float: right;}
.clear{overflow: hidden;}
.clears::after{
  content: ".";
  clear: both;
  display: block;
  overflow: hidden;
  font-size: 0;
  height: 0;
}
.clears{
  zoom: 1;
}
.wrap{overflow: hidden;}
/*小标题*/
.box_hd{text-align: center;}
.box_hd h2{position: relative;display: inline-block;width: 578px;font-size: 36px;color: #333;line-height: 82px;border-bottom: 1px #d7d7d7 solid;}
.box_hd h2 span{display: block;width: 652px;margin-left: -37px;}
.box_hd h2 em{position: absolute;left: 50%;bottom: -4px;width: 115px;height: 7px;background: #ff3d00;margin-left: -57.5px;border-radius: 3px;}
.box_hd p{font-size: 19px;color: #494949;padding-top: 16px;}
.box_hd2{text-align: center;}
.box_hd2 h2{position: relative;display: inline-block;height: 30px;line-height: 30px; font-size: 30px;color: #333;font-weight: bold;padding: 20px 0 0 91px;}
.box_hd2 h2 span{position: relative;font-weight: normal;z-index: 2;}
.box_hd2 h2 b{
  position: absolute;
  left: 0;
  top: 0;
  width: 119px;
  height: 51px;
  font-size: 51px;
  color: #689be1;
  text-align: left;
  font-weight: bold;
  line-height: 90px;
  padding-left: 20px;
  font-family: "Impact";
  background: url("../images/pic.png") no-repeat 0 -430px;
  overflow: hidden;
  z-index: 1;
}


/*按钮*/
.a_btn{
  display: block;
  width: 460px;
  height: 70px;
  text-align: center;
  line-height: 70px;
  font-size: 30px;
  color: #fff;
  margin: 45px auto 0;
  border-radius: 45px;
  background: #ff3d00;
  letter-spacing: 2px;
}
.a_btn:hover{background: #e33a04;}

/*ban开始*/
.ban{height: 680px;overflow: hidden;}
.ban img{display: block;}
.ban .slideBox{width:100%;overflow:hidden; position:relative; }
.ban .slideBox .hd{ overflow:hidden; position:absolute; left:50%; margin-left:-29px; bottom: 158px; z-index:1;}
.ban .slideBox .hd ul{ overflow:hidden; zoom:1; float:left; padding:4px 7px;}
.ban .slideBox .hd ul li{ float:left; margin-right:4px; width:12px; height:12px; background:rgba(255,255,255,.7); cursor:pointer;}
.ban .slideBox .hd ul li:last-child{ margin-right:0px;}
.ban .slideBox .hd ul li.on{background: #ff3d00;}
.ban .slideBox .bd{ position:relative; height:100%; z-index:0;}
.ban .slideBox .bd li{ zoom:1; vertical-align:middle;}
.ban .banbg1{height: 340px;background: url("../images/banbg1.jpg") no-repeat center top;}
.ban .banbg2{height: 340px;background: url("../images/banbg2.jpg") no-repeat center top;}
.ban .banbg3{height: 340px;background: url("../images/banbg3.jpg") no-repeat center top;}
.ban .banbg4{height: 340px;background: url("../images/banbg4.jpg") no-repeat center top;}
.ban .banbg5{height: 340px;background: url("../images/banbg5.jpg") no-repeat center top;}
.ban .banbg6{height: 340px;background: url("../images/banbg6.jpg") no-repeat center top;}
.ban .banbg7{height: 340px;background: url("../images/banbg7.jpg") no-repeat center top;}
.ban .banbg8{height: 340px;background: url("../images/banbg8.jpg") no-repeat center top;}
.ban .banbg2 a{
  position: absolute;
  width: 130px;
  height: 38px;
  font-size: 24px;
  color: #fff;
  text-align: center;
  line-height: 38px;
  border-radius: 19px;
  left: 50%;
  margin-left: -275px;
  bottom: 78px;
}
.ban .banbg2 a.ban2{
  margin-left: 156px;
}


/* box1 */
.box1{background: #ebecf0;padding-bottom: 98px;}
.box1 .box_In{
  height: 739px;
  margin-top: -135px;
  background: #fff;
  border-radius: 20px;
  padding: 36px 0 0;
}
.box1 .box1_con ol{margin: 104px 0 0 51px;}
.box1 .box1_con ol li{
  float: left;
  width: 273px;
  height: 42px;
  border-right: 1px #ebecf0 solid;
}
.box1 .box1_con ol li:last-child{border-right: none;}
.box1 .box1_con ol li i{
  display: block;
  width: 41px;
  height: 47px;
  background: url("../images/pic.png") no-repeat 0 0;
  margin: -32px auto 12px;
  transition:all .4s ease; -webkit-transition:all .4s ease; -moz-transition:all .4s ease;
}
.box1 .box1_con ol li:hover i{transform:rotateY(180deg);-ms-transform:rotateY(180deg);
  -moz-transform:rotateY(180deg); -webkit-transform:rotateY(180deg);}
.box1 .box1_con ol li.box1pic2 i{background-position: -43px 0;}
.box1 .box1_con ol li.box1pic3 i{background-position: -86px 0;}
.box1 .box1_con ol li.box1pic4 i{background-position: -129px 0;}
.box1 .box1_con ol li p{
  font-size: 18px;
  color: #333;
  text-align: center;
}
.box1 .box1_con img{
  display: block;
  margin: 61px auto 0;
}

.box2{padding: 45px 0 29px;background: #f9f9f9;}
.box2 ul{margin: 86px 0 0 51px;}
.box2 ul li{
  position: relative;
  float: left;
  width: 301px;
  height: 227px;
  background: #fff;
  border-radius: 30px 0 30px 0;
  box-shadow: 0 0 21px rgba(200,200,200,.4);
  margin: 0 22px 51px 38px;
}
.box2 ul li i{
  position: absolute;
  left: 50%;
  top: -30px;
  width: 170px;
  height: 125px;
  margin-left: -85px;
  background: url("../images/pic.png") no-repeat 0 -49px;
  transition:all .4s ease; -webkit-transition:all .4s ease; -moz-transition:all .4s ease;
}
.box2 ul li.box2pic2 i{background-position: -172px -49px;}
.box2 ul li.box2pic3 i{background-position: 0 -176px;}
.box2 ul li.box2pic4 i{background-position: -172px -303px;}
.box2 ul li.box2pic5 i{background-position: 0 -176px;}
.box2 ul li.box2pic6 i{background-position: -172px -303px;}
.box2 ul li p{
  font-size: 20px;
  color: #333;
  text-align: center;
  font-weight: bold;
  line-height: 30px;
  padding-top: 128px;
}
.box2 ul li p span{display: block;color: #ff3d00;}
.box2 ul li:hover i{top: -35px;}

.box3{padding: 91px 0 66px;}
.box3 .box3conp1{
  font-size: 25px;
  color: #689be1;
  text-align: center;
  font-weight: bold;
  padding: 38px 0 58px;
}
.box3 .box3bg1{
  width: 1130px;
  height: 374px;
  background: url("../images/box3bg1.jpg") no-repeat;
  margin: 0 auto 69px;
}
.box3 .box3bg1 p{
  width: 295px;
  font-size: 16px;
  color: #333;
  line-height: 24px;
}
.box3 .box3bg1 p span{
  display: block;
  font-size: 24px;
  padding-bottom: 16px;
}
.box3 .box3bg1 .box3bg1p1{
  float: left;
  margin: 125px 0 0 33px;
}
.box3 .box3bg1 .box3bg1p2{
  float: right;
  margin: 56px 38px 0 0;
}
.box3 .box3bg2{
  position: relative;
  width: 100%;
  height: 687px;
  background: url("../images/box3bg2.jpg") no-repeat;
}
.box3 .box3bg2 .box3bg2_top{
  position: absolute;
  left: 216px;
  top: 18px;
}
.box3 .box3bg2 .box3bg2_right{
  position: absolute;
  right: 20px;
  top: 255px;
}
.box3 .box3bg2 .box3bg2_bot{
  position: absolute;
  left: 216px;
  top: 494px;
}
.box3 .box3bg2 .box3bg2_left{
  position: absolute;
  left: 80px;
  top: 255px;
}
.box3 .box3bg2 p{
  font-size: 14px;
  color: #616161;
}
.box3 .box3bg2 p em{display: inline-block;width: 8px;}
.box3 .box3bg2 p span{
  display: block;
  font-size: 18px;
  color: #333;
  font-weight: bold;
  margin-bottom: 6px;
}
.box3 .box3bg2 .box3bg2s p{
  float: left;
  width: 325px;
}
.box3 .box3bg2 .box3bg2_left p{margin-bottom: 50px;}
.box3 .box3bg2 .box3bg2_cen{
  width: 555px;
  padding: 156px 0 0 333px;
}
.box3 .box3bg2 .box3bg2_cen span{
  float: left;
  width: 165px;
  height: 61px;
  font-size: 16px;
  color: #fff;
  text-align: center;
  line-height: 61px;
  margin: 0 20px 40px 0;
}

.box4{height: 738px;background: #f9f9f9;}
.box4 .box_In{height: 100%;background: url("../images/box4bg1.jpg") no-repeat 177px 39px;}
.box4 .box_In .box4p1{
  float: left;
  width: 238px;
  font-size: 14px;
  color: #616161;
  line-height: 24px;
  margin: 172px 0 0 24px;
}
.box4 .box_In .box4ps{
  position: absolute;
  height: 56px;
  font-size: 24px;
  color: #689be1;
  text-align: center;
  line-height: 56px;
  font-weight: bold;
  background: #fff;
  border-radius: 10px;
  box-shadow: 0 0 24px rgba(80,80,81,.2);
}
.box4 .box_In .box4p2{
  position: absolute;
  left: 451px;
  top: 129px;
  width: 198px;
}
.box4 .box_In .box4p3{
  position: absolute;
  left: 15px;
  top: 475px;
  width: 298px;
}
.box4 .box_In .box4_right{
  float: right;
  width: 548px;
  margin: 110px 4px 0 0;
}
.box4 .box_In .box4_right p{
  width: 354px;
  height: 36px;
  font-size: 18px;
  text-align: center;
  line-height: 36px;
  background: #fff;
  margin: 0 auto 20px;
  border-radius: 6px;
}
.box4 .box_In .box4_right .box4p4{
  color: #12bc76;
  border: 1px #12bc76 dashed;
}
.box4 .box_In .box4_right .box4p5{
  color: #ff7800;
  border: 1px #ff7800 dashed;
}
.box4 .box_In .box4_right .box4p6{
  width: 100%;
  height: auto;
  background: none;
  overflow: hidden;
}
.box4 .box_In .box4_right .box4p6 span{
  float: left;
  width: 157px;
  height: 112px;
  font-size: 14px;
  color: #616161;
  line-height: 24px;
  border-radius: 6px;
  border: 1px #ff7800 dashed;
  padding-top: 16px;
  background: #fff;
}
.box4 .box_In .box4_right .box4p6 span:nth-child(2){
  width: 206px;
  margin: 0 10px;
}
.box4 .box_In .box4_right .box4p7{
  color: #333;
  border: 1px #a5acc6 dashed;
}
.box4 .box_In .box4_right img{display: block;}

.box5{position: relative;background: #02192f;}
.box5 .box5bg1{height: 425px;background: url("../images/box5bg1.jpg") no-repeat center top;}
.box5 .box5bg2{height: 425px;background: url("../images/box5bg2.jpg") no-repeat center top;}
.box5 .box_In{position: absolute;left: 50%;top: 0;margin-left: -600px;padding: 50px 0 0;}
.box5 .box_hd2 h2,.box7 .box_hd2 h2{color: #ff3d00;}
.box5 .box_hd2 h2 span,.box7 .box_hd2 h2 span{color: #fff;}
.box5 .box_hd2 h2 b,.box7 .box_hd2 h2 b{color: #fff;background-position: -141px -430px;}
.box5 .box5_con ul{padding-top: 84px;}
.box5 .box5_con ul li{padding: 0 0 34px 97px;}
.box5 .box5_con ul li.box5li2{padding-left: 35px;}
.box5 .box5_con ul li .box5p1{
  position: relative;
  display: inline-block;
  font-size: 22px;
  color: #fff;
  padding: 0 16px;
}
.box5 .box5_con ul li .box5p1 span{
  position: relative;
  z-index: 2;
}
.box5 .box5_con ul li .box5p1:before{
  position: absolute;
  left: 0;
  top: 18px;
  width: 100%;
  height: 16px;
  border-radius: 16px;
  background: -webkit-linear-gradient(#08223e, #3e5870);
  background: -o-linear-gradient(#08223e, #3e5870);
  background: linear-gradient(#08223e, #3e5870);
  content: "";
  z-index: 1;
}
.box5 .box5_con ul li .box5p2{
  width: 516px;
  font-size: 14px;
  color: #bcd2f4;
  line-height: 20px;
  margin: 14px 0 0 16px;
}
.box6{padding: 80px 0 79px;}
.box6 .box_hd2 h2{color: #0a324f;}
.box6 .box6_con .box6pic1{
  display: block;
  margin: 23px auto 60px;
}
.box6 .box6_con ol{
  width: 1144px;
  height: 58px;
  margin-left: 30px;
}
.box6 .box6_con ol li{
  position: relative;
  float: left;
  width: 111.4px;
  height: 58px;
  margin-right: 3px;
  cursor: pointer;
}
.box6 .box6_con ol li span{
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 58px;
  font-size: 20px;
  color: #333;
  text-align: center;
  line-height: 58px;
  background: #e7edf2;
  border-radius: 20px 20px 0 0;
}
.box6 .box6_con ol li.cur span{
  height: 68px;
  font-size: 22px;
  color: #fff;
  line-height: 68px;
  background: -webkit-linear-gradient(#183d8a, #9bb0da);
  background: -o-linear-gradient(#183d8a, #9bb0da);
  background: linear-gradient(#183d8a, #9bb0da);
}
.box6 .box6_con ul{
  width: 1141px;
  background: #fff;
  box-shadow: 0 0 21px rgba(200,200,200,.4);
  margin: 0 auto;
  padding: 30px 0 0;
}
.box6 .box6_con ul li{display: none;}
.box6 .box6_con ul li.cur{display: block;}
.box6 .box6_con ul h2{
  width: 752px;
  height: 1px;
  text-align: center;
  line-height: 58px;
  margin: 0 auto;
  border-bottom: 1px #d7d7d7 solid;
  padding-bottom: 26px;
}
.box6 .box6_con ul h2 span{
  display: inline-block;
  font-size: 24px;
  color: #689be1;
  background: #fff;
  padding: 0 34px;
}
.box6 .box6_con ul .box7con_bot{background: #fff;padding: 72px 0 5px;}
.box6 .box6_con ul .box7con_bot .box7con_left{
  float: left;
  width: 440px;
  margin-left: 56px;
}
.box6 .box6_con ul .box7con_bot h3{
  font-size: 20px;
  color: #333;
  line-height: 27px;
  padding-left: 30px;
  margin-bottom: 10px;
  position: relative;
}
.box6 .box6_con ul .box7con_bot h3 i{
  position: absolute;
  left: 0;
  top: 0;
  width: 22px;
  height: 24px;
  background: url("../images/pic.png") no-repeat -172px 0;
}
.box6 .box6_con ul .box7con_bot h3 i.hxnl{background-position: -196px 0}
.box6 .box6_con ul .box7con_bot h3 i.xswt{background-position: -220px 0}
.box6 .box6_con ul .box7con_bot p{
  font-size: 14px;
  color: #616161;
  line-height: 26px;
  padding: 0 0 40px 0;
}
.box6 .box6_con ul .box7con_bot p b{
  font-size: 20px;
  display: block;
  margin-bottom: 5px;
}
.box6 .box6_con ul .box7con_bot p span{display: inline-block;width: 319px;}
.box6 .box6_con ul .box7con_bot .box7con_right{float: left;width: 619px;}

.box7{background: #001a30;padding: 80px 0 88px;}
.box7 .box7_con .box7bg1{display: block;margin: 62px 0 54px;}

.box7 .box7_con .box7con{
  width: 1179px;
  height: 386px;
  background: rgba(255,255,255,.34);
  margin: 123px auto 0;
  border-radius: 16px;
}
.box7 .box7_con .box7con .box7main{
  float: left;
  width: 1155px;
  height: 445px;
  background: rgba(255,255,255,.34);
  border-radius: 16px;
  margin: -69px 0 0 12px;
}
.box7 .box7_con .box7con .box7main .conmain{
  float: left;
  width: 1125px;
  height: 400px;
  background: #fff;
  margin: 17px 0 0 15px;
  border-radius: 16px 16px 0 0;
}
.box7 .box7_con .box8list{
  position: relative;
  width: 100%;
  height: 400px;
  display: none;
}
.box7 .box7_con .box8list.cur{display: block;}
.box7 .box7_con .box8list .main{
  float: left;
  width: 498px;
  padding: 54px 0 0 68px;
}
.box7 .box7_con .box8list .main::-webkit-scrollbar {
  width: 0;
  height: 1px;
}
.box7 .box7_con .box8list .main::-webkit-scrollbar-thumb {
  width: 0;
  border-radius: 10px;
  background: #f3fdfe;
}
.box7 .box7_con .box8list .main::-webkit-scrollbar-track{
  width: 0;
  height: 1px;
}
.box7 .box7_con .box8list img.boxtabpic{
  float: right;
  width: 419px;
  margin: 43px 68px 0 0;
  border-radius: 20px;
  box-shadow: 0 0 21px rgba(200,200,200,.4);
}
.box7 .box7_con .box8list .slideBox8{
  float: right;
  width: 419px;
  height: 293px;
  margin: 43px 68px 0 0;
  border-radius: 20px;
  box-shadow: 0 0 21px rgba(200,200,200,.4);
  overflow: hidden;
}
.box7 .box7_con .box8list .slideBox8 .hd{position:absolute;width: 419px; right: 68px;height:8px;top: 348px; overflow:hidden; z-index:1;}
.box7 .box7_con .box8list .slideBox8 .hd ul{overflow:hidden; zoom:1;width: 100%; text-align: center;}
.box7 .box7_con .box8list .slideBox8 .hd ul li{display: inline-block; margin: 0 3px;font-size: 0; width:8px; height:8px;border-radius: 8px; background:#5b717e; cursor:pointer;}
.box7 .box7_con .box8list .slideBox8 .hd ul li.on{width: 22px;}
.box7 .box7_con .box8list .slideBox8 .bd{position:relative; height:100%;}
.box7 .box7_con .box8list .slideBox8 .bd ul li{position: relative;width: 419px;}
.box7 .box7_con .box8list .slideBox8 .bd ul li img{width: 100%;}
.box7 .box7_con .box8list h2{
  position: relative;
  font-size: 24px;
  color: #333;
  line-height: 31px;
  padding: 0 0 15px 45px;
}
.box7 .box7_con .box8list h2 i{
  position: absolute;
  width: 31px;
  height: 31px;
  left: 0;
  bottom: 15px;
  background: url("../images/pic.png") no-repeat 0 -483px;
}
.box7 .box7_con .box8list h2 i.box7icon2{background-position: -33px -483px;}
.box7 .box7_con .box8list h2 i.box7icon3{background-position: -66px -483px;}
.box7 .box7_con .box8list h2 i.box7icon4{background-position: -99px -483px;}
.box7 .box7_con .box8list h2 i.box7icon5{background-position: -132px -483px;}
.box7 .box7_con .box8list h2 i.box7icon6{background-position: -165px -483px;}
.box7 .box7_con .box8list h2 i.box7icon7{background-position: -198px -483px;}
.box7 .box7_con .box8list h2 i.box7icon8{background-position: -231px -483px;}
.box7 .box7_con .box8list h2 i.box7icon9{background-position: -264px -483px;}
.box7 .box7_con .box8list h2 i.box7icon10{background-position: -297px -483px;}
.box7 .box7_con .box8list h2 i.box7icon11{background-position: -330px -483px;}
.box7 .box7_con .box8list p{
  width: 492px;
  height: 130px;
  font-size: 14px;
  color: #616161;
  line-height: 28px;
}
.box7 .box7_con .box8list p span{
  display: inline-block;
  width: 238px;
}
.box7 .box7_con .box8list .main a{
  display: block;
  width: 236px;
  height: 50px;
  background: #09f;
  font-size: 24px;
  color: #fff;
  text-align: center;
  line-height: 50px;
  margin: 24px 45px 0;
  border-radius: 10px;
}
.box7 .box7_con .box7con .box7main .boxtabul{
  float: left;
  width: 1125px;
  height: 88px;
  background: #fff;
  margin: 0 0 0 15px;
  border-radius: 0 0 16px 16px;
  overflow: hidden;
}
.box7 .box7_con .box7con .box7main .boxtabul li{
  float: left;
  width: 10%;
  height: 100%;
  font-size: 16px;
  color: #333;
  text-align: center;
  line-height: 88px;
  background: #f0f0f0;
  cursor: pointer;
}
.box7 .box7_con .box7con .box7main .boxtabul li.twoline{
  line-height: 22px;
  padding: 24px 0 0;
}
.box7 .box7_con .box7con .box7main .boxtabul li.cur{background: #fff;}
.box7 .box7_con .box7con .box7main .boxtabul li.cur + li{border-radius: 20px 0 0 0;}
.box7 .box7_con .box7con .box7main .boxtabul li.prev{border-radius: 0 20px 0 0;}
.box7 .a_btn{margin-top: 103px;}

.box8{padding: 80px 0 135px;background: #f9f9f9;}
.box8 .box8_con{
  position: relative;
  width: 1130px;
  margin: 135px auto 0;
}
.box8 .box8_con ul{position: relative;z-index: 2;}
.box8 .box8_con ul li{
  float: left;
  width: 358px;
  height: 492px;
  text-align: center;
  background: #fff;
  border-radius: 20px;
  overflow: hidden;
  box-shadow: 0 0 21px rgba(200,200,200,.4);
}
.box8 .box8_con ul li.fr{float: right;}
.box8 .box8_con ul li .scrollDiv{height: 370px;overflow: hidden;}
.box8 .box8_con ul li h3{
  width: 286px;
  font-size: 29px;
  font-size: 24px;
  color: #689be1;
  font-weight: bold;
  border-bottom: 1px #dbe0e5 dashed;
  margin: 0 auto 20px;
  padding: 32px 0 15px;
}
.box8 .box8_con ul li p{
  font-size: 14px;
  color: #616161;
  line-height: 30px;
}
.box8 .box8_con ul li p span{display: block;}
.box8 .box8_con ol{
  position: absolute;
  left: 398px;
  top: -55px;
  width: 334px;
  height: 558px;
  background: #fff;
  border-radius: 20px;
  box-shadow: 0 0 21px rgba(200,200,200,.4);
  padding-top: 45px;
  z-index: 2;
}
.box8 .box8_con ol li{
  width: 152px;
  height: 152px;
  font-size: 22px;
  color: #333;
  text-align: center;
  font-weight: bold;
  line-height: 32px;
  border: 1px #dddde0 dashed;
  border-radius: 50%;
  margin: 0 auto 25px;
  box-sizing: border-box;
  padding-top: 38px;
}
.box8 .box8_con ol li span{
  float: left;
}
.box8 .box8_con ol li em{
  float: left;
  font-style: inherit;
  font-size: 32px;
  line-height: 34px;
}
.box8 .box8_con ol li i{
  float: left;
  font-style: inherit;
  line-height: 20px;
}
.box8 .box8_con ol li p{
  display: inline-block;
  height: 32px;
  font-size: 24px;
  color: #ff3d00;
}

.box9{padding: 70px 0 0;}
.box9 .box_hd2 h2{color: #0a324f;}
.box9 .box9_con{
  width: 1155px;
  height: 488px;
  margin: 78px auto 0;
  background: url("../images/box9bg1.jpg") no-repeat center top;
}
.box9 .box9_con p{
  float: left;
  width: 456px;
  font-size: 14px;
  color: #616161;
  line-height: 22px;
  padding: 342px 0 0 46px;
}
.box9 .box9_con p span{
  display: block;
  font-size: 20px;
  color: #333;
  font-weight: bold;
  padding-bottom: 6px;
}
.box9 .box9_con p.box9p2{
  float: right;
  padding: 70px 66px 0 0;
}

.box10{background: #001a30;padding: 50px 0 104px;}
.box10 .box_hd h2{color: #fff;border-color: #fff;}
.box10 .box10_con{
  width: 1160px;
  margin: 94px auto 0;
}
.box10 .box10_con .box10_left{
  float: left;
  width: 522px;
  height: 395px;
  overflow: hidden;
}
.box10 .box10_con .box10_left .conlist{
  width: 100%;
  height: 395px;
}
.box10 .box10_con .box10_left .conlist img{float: left;}
.box10 .box10_con .box10_left .conlist .main{
  position: relative;
  float: left;
  width: 247px;
  height: 321px;
  margin-top: 37px;
  background: #fff;
  border-radius: 0 10px 10px 0;
}
.box10 .box10_con .box10_left .conlist .main:before{
  position: absolute;
  left: 0;
  top: -37px;
  width: 33px;
  height: 37px;
  background: url("../images/pic.png") no-repeat -244px 0;
  content: "";
}
.box10 .box10_con .box10_left .conlist .main:after{
  position: absolute;
  left: 0;
  bottom: -37px;
  width: 33px;
  height: 37px;
  background: url("../images/pic.png") no-repeat -279px 0;
  content: "";
}
.box10 .box10_con .box10_left .conlist .main h3{
  font-size: 20px;
  color: #333;
  font-weight: bold;
  padding: 26px 0 12px 23px;
}
.box10 .box10_con .box10_left .conlist .main p{
  font-size: 14px;
  color: #616161;
  line-height: 28px;
  padding: 0 25px 0 23px;
}
.box10 .box10_con ol{
  float: right;
  width: 556px;
  height: 390px;
  margin: 0 8px 0 0;
}
.box10 .box10_con ol li{
  float: left;
  width: 94px;
  height: 94px;
  padding: 5px;
  border: 2px #0f3352 solid;
  border-radius: 50%;
  margin: 0 0 30px 30px;
  cursor: pointer;
}
.box10 .box10_con ol li.cur{border: 2px #f00 dashed;}
.box10 .box10_con ol li span{
  display: block;
  width: 100%;
  height: 100%;
  overflow: hidden;
  border-radius: 50%;
}
.box10 .box10_con ol li img{
  display: block;
  width: 100%;
}
.box10 .a_btn{margin: 121px auto 0;}

.box11{padding: 105px 0 0;}
.box11 .box11_con{position: relative;padding: 78px 0;}
.box11 .box11_con ul{
  position: relative;
  height: 114px;
  z-index: 2;
}
.box11 .box11_con ul.box11ul1{margin-left: 8px;padding-bottom: 152px;}
.box11 .box11_con ul.box11ul2{margin-left: 168px;}
.box11 .box11_con ul li{float: left;text-align: center;}
.box11 .box11_con ul li.box11li1{margin-top: 45px;}
.box11 .box11_con ul li.box11li2{margin: 8px 145px 0 116px;}
.box11 .box11_con ul li.box11li3{margin-left: 100px;}
.box11 .box11_con ul li.box11li5{margin: 44px 100px 0 108px;}
.box11 .box11_con ul li.box11li6{margin: 24px 0 0 115px;}
.box11 .box11_con ul li span{
  display: block;
  font-size: 20px;
  color: #4f4f4f;
  font-weight: bold;
  padding-bottom: 8px;
}
.box11 .box11_con ul li p{
  font-size: 14px;
  color: #333;
  line-height: 20px;
}
.box11 .box11_con img{
  position: absolute;
  left: 0;
  top: 160px;
}

.box12{background: #ebecf0;padding: 64px 0 80px;}
.box12 .box_hd h2{line-height: 50px;padding-bottom: 20px;}
.box12 .box12_con ul{overflow: hidden;margin-top: 67px;}
.box12 .box12_con ul li{
  float: left;
  width: 191px;
  height: 426px;
  overflow: hidden;
  position: relative;
  transition:all .6s ease; -webkit-transition:all .6s ease; -moz-transition:all .6s ease;
}
.box12 .box12_con ul li.cur{width: 625px;}
.box12 .box12_con ul li img{
  position: absolute;
  left: 0;
  top: 0;
  transition:all .6s ease; -webkit-transition:all .6s ease; -moz-transition:all .6s ease;
}
.box12 .box12_con ul li .con{
  position: absolute;
  left: 0;
  bottom: 0;
  padding: 5px 20px 10px;
  z-index: 2;
}
.box12 .box12_con ul li.cur .con{
  background: -webkit-linear-gradient(left, rgba(0,0,138,.7), rgba(0,0,138,0));
  background: -o-linear-gradient(left, rgba(0,0,138,.7), rgba(0,0,138,0));
  background: -moz-linear-gradient(left, rgba(0,0,138,.7), rgba(0,0,138,0));
  background: linear-gradient(left, rgba(0,0,138,.7), rgba(0,0,138,0));
}
.box12 .box12_con ul li .con h2{
  font-size: 24px;
  color: #fff;
  font-weight: bold;
}
.box12 .box12_con ul li .con h2 span{
  display: block;
  width: 50px;
  height: 2px;
  background: #ffb62a;
  margin: 6px 0 10px;
}
.box12 .box12_con ul li.cur h2 span{background: #2a9dff;}
.box12 .box12_con ul li .con p{
  font-size: 14px;
  color: #fff;
  line-height: 22px;
}
.box12 .box12_con ul li .itczhcon_bg{
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background: #00008a;
  opacity: .7;
}
.box12 .box12_con ul li.cur .itczhcon_bg{opacity: 0;}
.box12 .box12_con ul li img.itczhpic2{left: -320px;}
.box12 .box12_con ul li.cur img.itczhpic2{left: 0;}

.box13{height: 615px;background: url("../images/box13bg1.jpg") no-repeat center top;}
.box13 ul{width: 498px;padding: 237px 0 0 51px;}
.box13 ul li{
  position: relative;
  float: left;
  width: 200px;
  height: 55px;
  font-size: 16px;
  color: #fff;
  text-align: center;
  line-height: 55px;
  padding-right: 32px;
  border: 1px rgba(255,255,255,.39) solid;
  border-radius: 10px;
  margin: 0 15px 15px 0;
  cursor: pointer;
}
.box13 ul li:before{
  position: absolute;
  right: 20px;
  top: 20px;
  width: 17px;
  height: 17px;
  background: url("../images/pic.png") no-repeat -318px 0;
  content: "";
}
.box13 ul li:hover{
  font-size: 18px;
  font-weight: bold;
  background: #ff3d00;
  border-color: #ff3d00;
}
.box13 ul li:hover:before{
  background-position: -337px 0;
}


@keyframes animtran {
  from {
      transform: rotateZ(0deg);
  }
  to {
      transform: rotateZ(360deg);
  }
}

@keyframes animtrans {
  from {
      transform: rotateZ(360deg);
  }
  to {
      transform: rotateZ(0deg);
  }
}

@-webkit-keyframes animtran {
  from {
      transform: rotateZ(0deg);
  }
  to {
      transform: rotateZ(360deg);
  }
}

@-webkit-keyframes animtrans {
  from {
      transform: rotateZ(360deg);
  }
  to {
      transform: rotateZ(0deg);
  }
}






@keyframes move1
{ 0%{transform: rotate(0deg);}  100%{transform: rotate(-360deg);}}
@-moz-keyframes move1
{ 0%{transform: rotate(0deg);}  100%{transform: rotate(-360deg);}}
@-webkit-keyframes move1
{ 0%{transform: rotate(0deg);}  100%{transform: rotate(-360deg);}}
@-o-keyframes move1
{ 0%{transform: rotate(0deg);}  100%{transform: rotate(-360deg);}}


@keyframes warn {
  0% {
    transform: scale(1);
    -webkit-transform: scale(1);
    opacity: 0.0; }
  25% {
    transform: scale(1.05);
    -webkit-transform: scale(1.05);
    opacity: 0.3; }
  50% {
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
    opacity: 0.2; }
  75% {
    transform: scale(1.15);
    -webkit-transform: scale(1.15);
    opacity: 0.1; }
  100% {
    transform: scale(1.2);
    -webkit-transform: scale(1.2);
    opacity: 0.0; } }
    
    
@keyframes opty {
  0% {opacity:1; }
  50% {  opacity: 0.5; }
  100% { opacity: 1; }
  }