body{ margin:0 auto; padding:0; background:url(../images/banner.jpg) #0a105c top center no-repeat; }
*{ margin:0 auto; padding:0;  font-family: 'microsoft yahei'; font-weight:normal;  }
a{ text-decoration:none;}
a:hover{ text-decoration:underline; }
ul { list-style: none outside none; margin: 0; padding: 0;}
h1,h2,h3,h4,h5,h6{ text-decoration:none;}
img{ border:0 none;}
div, form, img, p {
	border:0 none;
	font-family: 'microsoft yahei';
	font-size:12px;
	overflow:hidden;
}
.clearfix:after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
}


.clear {clear:both;display:block;}
.block1{ clear:both; width:100%; height:10px;}
.block2{ clear:both; width:100%; height:20px;}
.ff{ font-family:'microsoft yahei';}
.fl{ float:left;}
.fr{ float:right;}
.ml1{ margin-left:1px;}
.ml3{ margin-left:3px;}
.ml5{ margin-left:5px;}
.ml8{ margin-left:8px;}
.mr8{ margin-right:8px;}
.mt5{ margin-top:5px;}
.mt8{ margin-top:8px;}
.pt5{ padding-top:5px;}
.more{ float:right; font-size:12px; margin:5px 5px 0 0; color:#565656;}
.yuan1{ border-radius:10px; padding:5px; background:#a72929; color:#fff; text-align:center;}
.yuan2{ font-size:35px; font-family:'microsoft yahei'; color:#fff; background:#000; border-radius:30px; padding:0 16px 0 12px; vertical-align:-5px; margin-right:5px;}
.blue{ font-size:14px; font-family:'microsoft yahei'; color:#239ff6;}
.dsn{ display:none;}



.top{ width:100%; height:auto; box-shadow:0 2px 2px #333; background:#2c2c2c;}
.top .top1{ width:1000px;  margin:0 auto; text-align:center;}
.top .top1 a{ color: #fff; font-size: 14px;  text-align: center; padding: 10px 5px 0 5px; display: inline-block; height: 29px; line-height: 20px;}
.top .top1 a:hover{ background:#fff; color:#000; text-decoration:none;}



.main{ width: 1200px; margin-top:768px; overflow: visible;  }

.c1{ width: 1200px; height: 435px; position: relative;}
.c1 .c1l{ float: left; width: 800px; height: 400px; position:absolute; top:0; left: 0; background: #efefef; z-index: 999;}
.c1 .c1r{ float: right; width: 500px; height: 370px;  padding: 30px 20px 30px 135px; box-sizing: border-box; position: absolute; bottom: 0; right: 0; background: #0d3def; z-index: 888;}
.c1 .c1r hr{ height: 1px; width: 100%; background: #fff; border: 0 none; }
.c1 .c1r .c1rtit{ font-weight: 800; color: #fff; font-size: 28px; line-height: 40px; text-align: left;}
.c1 .c1r .c1rtxt{ margin:10px 0; line-height: 24px; font-size: 16px; color: #fff; text-align: justify; text-indent: 30px;}
.c1 .c1r .c1rtxt a{ color: #fff;}
.c1 .c1r ul{ margin: 0; margin-top:10px;}
.c1 .c1r ul li{ list-style: inside;  width: 100%;  background: url(../images/i1.png) top 7px left 5px no-repeat; font-size: 17px; color: #fff; padding: 3px 0; }
.c1 .c1r ul li a{ font-size: 17px; color: #fff;}



.ctit{ position: relative; margin:0 auto; margin-top:50px;  text-align: center; width: 1200px; }
.ctit span{ font-family: f2; opacity: 1; font-weight: normal; position: absolute; top: 40px; left: 295px; color: #06c3f1; font-size: 48px; 
    background: linear-gradient(to top, #16a3e1,  #ffffff); -webkit-background-clip: text; color: transparent; }
.ctit font{  width: 100%; font-family: f1;  color: #fff; font-size: 88px;  opacity: 0.2; text-align: center; margin:0 auto; font-weight: normal;;}



.c2{  width: 1200px; height: 450px; position: relative; padding: 40px 0; }
.c2 .c2l{ float: left; width: 580px; height: 450px; position: relative; }
.c2 .c2l .c2box1{ width:447px; height: 447px; background: #6296d0; border-radius: 300px; float: left; opacity: 1;  }
.c2 .c2l .c2box1 img{ display: block; width: 447px; height: 447px; background: #efefef; border-radius: 300px; }
.c2 .c2l .c2box2{ width:256px; height: 256px; box-sizing: border-box; padding: 80px 40px; position: absolute;; bottom: 0; right: 20px; background: #6296d0; border-radius: 200px; opacity: 0.7;}
.c2 .c2l .c2box2 p{ text-align: center; color: #fff; font-size: 20px; line-height: 30px;  }
.c2 .c2l .c2box2 p font{ font-size: 28px; }
.c2 .c2r{ float: right; width:620px; height: 450px; box-sizing: border-box; padding-top:0px; padding-bottom: 40px; padding-right:40px; position: relative; color: #215390; font-size:18px; line-height: 34px; text-indent: 30px; text-align: justify; }
.c2 .c2r .c2tit{ font-size: 30px; padding: 30px 0; text-indent: 0; }
.c2 .c2r p{ color: #fff; font-size: 20px; }
.c2 .c2r a{ color: #fff; width: 174px; height: 48px; text-align: center;; background: #215390; padding: 5px 20px; margin-left: 10px;  }




.c3{ width: 100%; overflow: hidden;; }
.c3 .jbt{ width: 100%; clear: both; }
.c3 .jbt .jbbtn{ width: 190px; height: 190px; float: left;; border-radius: 100px; position: relative; margin: 5px; cursor: pointer; }
.c3 .jbt .jbbtn img{ display: block; width: 190px; height: 190px; background: #efefef; }
.c3 .jbt .jbbtn p{ width: 100%; box-sizing: border-box; background: rgba(0,0,0,0.5); bottom: 0; left: 0; position: absolute; padding: 10px 0; color: #fff; text-align: center; font-size: 20px; }
.c3 .jbb{ margin-top: 50px; }
.c3 .jbb .jbin{ width: 1200px; height: 550px; }
.c3 .jbb .jbin .jbinL{ float: left; width: 450px; height: 550px; background: #fff; position: relative; }
.c3 .jbb .jbin .jbinL img{ width: 450px; height: 550px; background: #efefef; }
.c3 .jbb .jbin .jbinL p{ box-sizing: border-box; padding: 10px; text-align: center; color: #ffc600; font-size: 28px;  background: rgba(0,0,0,0.8); position: absolute; width: 100%; bottom: 0; left: 0; }
.c3 .jbb .jbin .jbinR{ float: right; width: 750px; height: 550px; background: #0d3def; box-sizing: border-box; padding: 70px; }
.c3 .jbb .jbin .jbinR p{ font-size: 18px; color: #fff; text-align: justify; text-indent: 30px; line-height: 30px; }



.c4{ width: 100%; overflow: hidden;}
.c4 .ltbox{ width: 100%;}
.c4 .ltbox .ltl{ float: left; padding:40px 10px 40px 40px; box-sizing: border-box; width: 400px; height: 333px;  margin-top: 35px;}
.c4 .ltbox .ltr{  float: right; width: 800px; height: 400px;; background: #efefef;}
.c4 .ltbox .ltl .p1{ font-family: f3; font-size: 24px; text-align: left; color: #fff;}
.c4 .ltbox .ltl .p2{ font-family: f4; font-size: 14px ; color: #fff; text-align: left; line-height: 28px;  margin: 20px 0 0 0;}
.c4 .ltbox .ltl .p2 a{ color: #fff;}
.s2{ margin-top: 80px; }
.s2box{ float: left; width: 600px; height: 250px; padding: 0 10px; margin-bottom:40px; box-sizing: border-box; }
.s2box img{ width: 250px; height: 250px; margin-right: 20px; box-shadow: 5px 5px 1px #333; display: block; border-radius: 300px; background: #6296d0; float: left; }
.s2box p{ font-size: 18px; line-height:28px; color: #fff; text-align: justify;; }
.s2box p font{  color: #fff; font-size: 30px; }
.s2box p a{ color: #095dff; }



.c6{ clear: both; }
.c6 ul{ margin:0 auto; padding: 50px 0; width: 900px; height: auto;; }
.c6 ul li{ width:420px; height: 20px; padding: 5px 0; float: left; padding-left: 30px; background: url(../images/c1.png) top 2px left no-repeat;   }
.c6 ul li a{ color: #fff; font-family:myFirstFont2; line-height: 20px; font-size: 18px; }



.al{ width: 100%; height: auto; padding: 0 0 100px 0; overflow: visible; float: left; }
.al .alin{ float: left; width: 125px; height: 125px; background: #fff; border-radius: 100px;  position: relative;  overflow: visible; margin: 4px; }
.al .alin img{ display: block; width: 108px; height: 55px; margin-top: 34px; background: #efefef; z-index: 2; position: relative; }
.al .alin .ap{ box-shadow:5px 5px 5px #0d3def;  z-index: 3; width: 500px; height: 200px; overflow-y:scroll; background: #0d3def;  position: absolute; bottom: -210px; left: 80px; padding: 30px 20px;  }
.al .alin .lap{ left:auto; right: 80px; }
.al .alin p b{ font-weight:800;}
.al .alin p{text-indent: 30px; color: #fff; font-size: 16px; line-height: 24px; text-align: justify;}





.c2 .c2con .ben .c2conR .pap{ font-size: 34px; text-indent: 0; line-height: 45px; padding: 5px 0; font-weight: 800; }
.c2 .c2con .ben .c2conR .pap a{ color:#fff;}




.footer{ width:100%; height:auto; padding:40px 0; background:#0a105c; position:relative; z-index:99999; margin-top:40px;}
.footer .fin{ margin:0 auto; width:980px; color:#fff; text-align:center; line-height:30px; font-size:14px;}
.footer .fin a{ color:#fff; font-size:14px; margin:0 5px;}



.slideBox{ width:800px; height:400px; overflow:visible; position:relative; float:left;   }
.slideBox .hd{ height:18px; overflow:hidden; position:absolute; left:15px; bottom:10px; z-index:1; }
.slideBox .hd ul{ overflow:hidden; zoom:1; float:right;  }
.slideBox .hd ul li{ float:left; margin-right:2px;  width:15px; height:15px; background: #fff; line-height:14px; text-align:center;  cursor:pointer;  margin:0 5px; text-align:center; border-radius:20px; text-indent:11130px;}
.slideBox .hd ul li.on{ background:#2bfde9 ; color:#fff; }
.slideBox .bd{ position:relative; height:100%; z-index:0;   }
.slideBox .bd li{ zoom:1; vertical-align:middle; position:relative;}
.slideBox .bd li p{ position:absolute; bottom:0; left:0; box-sizing:border-box; padding:30px 200px 30px 30px; width:100%; font-size:16px; color:#fff; background:url(../images/rbg1.png) repeat; opacity:0.8; text-align:left;}
.slideBox .bd img{ width:800px; height:400px; display:block; background: #efefef;  }
.slideBox .sbtn{ width: 58px; height:93px;; cursor: pointer; position: absolute; z-index: 99999;}
.slideBox .prev{ top:220px; left:-100px; background: url(../images/btnl.gif) no-repeat; }
.slideBox .next{ top:220px; right:-100px;background: url(../images/btnr.gif) no-repeat;  }


.slideBox2{ width:1200px; height:680px; overflow:visible; position:relative;   }
.slideBox2 .hd{ height:18px; overflow:hidden; position:absolute; right:600px; bottom:30px; z-index:1; }
.slideBox2 .hd ul{ overflow:hidden; zoom:1; float:right;  }
.slideBox2 .hd ul li{ float:left; margin-right:2px;  width:15px; height:15px; background: #fff; line-height:14px; text-align:center;  cursor:pointer;  margin:0 5px; text-align:center; border-radius:20px; text-indent:11130px;}
.slideBox2 .hd ul li.on{ background:#2bfde9 ; color:#fff; }
.slideBox2 .bd{ position:relative; height:100%; z-index:0;   }
.slideBox2 .bd li{ zoom:1; vertical-align:middle; position:relative;}
.slideBox2 .bd li p{ position:absolute; bottom:0; left:0; box-sizing:border-box; padding:30px 200px 30px 30px; width:100%; font-size:16px; color:#fff; background:url(../images/rbg1.png) repeat; opacity:0.8; text-align:left;}
.slideBox2 .bd img{ width:1200px; height:680px; display:block; background: #efefef;  }
.slideBox2 .sbtn{ width: 58px; height:93px;; cursor: pointer; position: absolute; z-index: 99999;}
.slideBox2 .prev{ top:320px; left:-50px; background: url(../images/btnl.gif) no-repeat; }
.slideBox2 .next{ top:320px; right:-50px;background: url(../images/btnr.gif) no-repeat;  }


.slideBox3{ width:1200px; height:680px; overflow:visible; position:relative;   }
.slideBox3 .hd{ height:18px; overflow:hidden; position:absolute; right:600px; bottom:30px; z-index:1; }
.slideBox3 .hd ul{ overflow:hidden; zoom:1; float:right;  }
.slideBox3 .hd ul li{ float:left; margin-right:2px;  width:15px; height:15px; background: #fff; line-height:14px; text-align:center;  cursor:pointer;  margin:0 5px; text-align:center; border-radius:20px; text-indent:11130px;}
.slideBox3 .hd ul li.on{ background:#2bfde9 ; color:#fff; }
.slideBox3 .bd{ position:relative; height:100%; z-index:0;   }
.slideBox3 .bd li{ zoom:1; vertical-align:middle; position:relative;}
.slideBox3 .bd li p{ position:absolute; bottom:0; left:0; box-sizing:border-box; padding:30px 200px 30px 30px; width:100%; font-size:16px; color:#fff; background:url(../images/rbg1.png) repeat; opacity:0.8; text-align:left;}
.slideBox3 .bd img{ width:1200px; height:680px; display:block; background: #efefef;  }
.slideBox3 .sbtn{ width: 58px; height:93px;; cursor: pointer; position: absolute; z-index: 99999;}
.slideBox3 .prev{ top:320px; left:-50px; background: url(../images/btnl.gif) no-repeat; }
.slideBox3 .next{ top:320px; right:-50px;background: url(../images/btnr.gif) no-repeat;  }


.slideBox4{ width:1200px; height:120px; overflow:visible; position:relative;   }
.slideBox4 .hd{ height:18px; overflow:hidden; position:absolute; right:600px; bottom:30px; z-index:1; }
.slideBox4 .hd ul{ overflow:hidden; zoom:1; float:right;  }
.slideBox4 .hd ul li{ float:left; margin-right:2px;  width:15px; height:15px; background: #fff; line-height:14px; text-align:center;  cursor:pointer;  margin:0 5px; text-align:center; border-radius:20px; text-indent:11130px;}
.slideBox4 .hd ul li.on{ background:#2bfde9 ; color:#fff; }
.slideBox4 .bd{ position:relative; height:100%; z-index:0;   }
.slideBox4 .bd li{ zoom:1; vertical-align:middle; position:relative;}
.slideBox4 .bd li p{ position:absolute; bottom:0; left:0; box-sizing:border-box; padding:30px 200px 30px 30px; width:100%; font-size:16px; color:#fff; background:url(../images/rbg1.png) repeat; opacity:0.8; text-align:left;}
.slideBox4 .bd img{ width:1200px; height:120px; display:block; background: #efefef;  }
.slideBox4 .sbtn{ width: 58px; height:93px;; cursor: pointer; position: absolute; z-index: 99999;}
.slideBox4 .prev{ top:320px; left:-50px; background: url(../images/btnl.gif) no-repeat; }
.slideBox4 .next{ top:320px; right:-50px;background: url(../images/btnr.gif) no-repeat;  }




.slideBox7{ width:1200px; height:680px; overflow:visible; position:relative;   }
.slideBox7 .hd{ height:18px; overflow:hidden; position:absolute; right:600px; bottom:30px; z-index:1; }
.slideBox7 .hd ul{ overflow:hidden; zoom:1; float:right;  }
.slideBox7 .hd ul li{ float:left; margin-right:2px;  width:15px; height:15px; background: #fff; line-height:14px; text-align:center;  cursor:pointer;  margin:0 5px; text-align:center; border-radius:20px; text-indent:11130px;}
.slideBox7 .hd ul li.on{ background:#2bfde9 ; color:#fff; }
.slideBox7 .bd{ position:relative; height:100%; z-index:0;   }
.slideBox7 .bd li{ zoom:1; vertical-align:middle; position:relative;}
.slideBox7 .bd li p{ position:absolute; bottom:0; left:0; box-sizing:border-box; padding:30px 200px 30px 30px; width:100%; font-size:16px; color:#fff; background:url(../images/rbg1.png) repeat; opacity:0.8; text-align:left;}
.slideBox7 .bd img{ width:1200px; height:680px; display:block; background: #efefef;  }
.slideBox7 .sbtn{ width: 58px; height:93px;; cursor: pointer; position: absolute; z-index: 99999;}
.slideBox7 .prev{ top:320px; left:-50px; background: url(../images/btnl.gif) no-repeat; }
.slideBox7 .next{ top:320px; right:-50px;background: url(../images/btnr.gif) no-repeat;  }



.c2{ width:100%; height:auto; margin:0 auto; background:url(../images/bg2.jpg) no-repeat; position:relative;}
.c2 .c2con{ clear: both; width:1200px; height:auto; line-height:30px;} 
.c2 .c2con .ben { margin-top: 20px; }
.c2 .c2con .ben .c2conL{ float: left; width: 450px; height: 550px; position: relative;}
.c2 .c2con .ben .c2conL img{ display: block; width: 450px; height: 550px; background: #efefef;  }
.c2 .c2con .ben .c2conL p{ padding: 10px 0; background:  #000; text-align: center; font-size: 18px; color: #ffc600; position: absolute; bottom: 0; left: 0; width: 100%; }
.c2 .c2con .ben .c2conR{ padding: 80px; box-sizing: border-box; background: #0d3def; height: 550px; width: 750px; }
.c2 .c2con .ben .c2conR p{ font-size: 18px;
    color: #fff;
    text-align: justify;
    text-indent: 30px;
    line-height: 30px;}
.c2 .c2con .ben .c2conR p a{ color:#fff;}
.c2 .c2con h2 a{ text-align:left; color:#fff; font-size:24px;}
.c2 .c2con p span{ color:#fff; font-size:14px;}
.c2 .c2con .desp{ text-indent:25px; color:#fff; font-size:18px; margin:10px 0 0 0;}
.c2 .c2con .desp a{ color:#5ccbfc;}
#demo{width:1200px ;height:400px ;overflow:visible;}
#demo li{float:left;position:relative;width:100px;height:100%;overflow:hidden;filter:alpha(opacity=50);-moz-opacity:0.5;opacity:0.5;cursor:pointer; border-top:1px solid #292e3b; padding-top:2px;}
#demo li div{ box-sizing:border-box; padding:10px; color:#fff; position:absolute;width:50px;;height:auto;line-height:22px;background:#000;filter:alpha(opacity=70);-moz-opacity:0.7;opacity:0.7;bottom:30px;left:0;display:none;text-align:center; font-size:16px;}
#demo li div a{color:#FFF;text-decoration:none;}
#demo li div a:hover{color:#F00;text-decoration:none;}
#demo li:first-child{width:200px;filter:alpha(opacity=100);-moz-opacity:1;opacity:1;}
#demo li:first-child div{display:block;}
#demo li.li-on{ border-top:5px solid #383c47; margin-top:-3px;}
#demo li img{ display: block; background: #efefef; width: 200px; height: 407px; }




::-webkit-scrollbar
{
	width: 16px;
	height: 16px;
	background-color: #F5F5F5;
}
 
/*定义滚动条轨道 内阴影+圆角*/
::-webkit-scrollbar-track
{
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	border-radius: 10px;
	background-color: #F5F5F5;
}
 
/*定义滑块 内阴影+圆角*/
::-webkit-scrollbar-thumb
{
	border-radius: 10px;
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
	background-color: #555;