body{ margin:0 auto; padding:0; background:url(../images/bg.jpg) top center repeat-y #000; ba background-size:100%; }
*{ margin:0 auto; padding:0;  font-family: 'microsoft yahei'; font-weight:normal;  }
a{
	text-decoration: none;
	color: #FFFFFF;
}
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;
}


@font-face
{
font-family: t1;
src: url('../images/bao.ttf');

}



.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;}



.ctit {
    position: relative;
    margin: 0 auto;
    margin-top: 20px;
    text-align: center;
    font-weight: normal;font-family: t1; 
    width: 1200px;
    padding-bottom: 50px;
}
.ctit font {
    width: 100%;
    font-family: t1;
    color: #fff;
    font-size:80px;
    opacity: 0.1;
    text-align: center;
    margin: 0 auto;
    font-weight: normal;
}
.ctit span {
    font-family:t1;
    opacity: 1;
    font-weight: normal;
    position: absolute;
    top: 45px;
    left: 295px;
    color: #fff;
    font-size: 90px; font-style: italic;
    background: linear-gradient(to bottom, #fff, #1e1e1e);
    -webkit-background-clip: text;
    color: transparent;
}


.top{ width:100%; height:auto;  }
.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{  color:#fff; text-decoration:none;}


.tt { width: 1000px; height: auto; text-align: center; padding: 30px 0; margin-top: 30px; background:url(../images/line.png) top 100px left  no-repeat;}
.tt span { padding: 0 10px; color: #fff;  font-family: t1;  font-size: 24px; background: #000; }
.txt { width: 100%; height: 100px;  margin: 0 auto; margin-top: 0px; text-align: center; display: block; padding: 10px 0 0 0; box-sizing: border-box;  font-size:60px; font-family: t1; color: #fff; font-style: italic; display: block; background: url(../images/ttbg.png) top center no-repeat;  }


.banner{ width:100%; height: 589px; margin: 0 auto; background: url(../images/banner.jpg) top center no-repeat #000;  box-shadow: 10px 10px 30px #000;}


.main{ width: 1400px; height: auto; margin: 0 auto; margin-top: 80px; overflow: visible; }
.c1{ width: 1400px; height: auto;  box-sizing: border-box; position: relative; height: 480px; }
.c1 .c1pic{ float:left; width:800px; height: 480px; background: #efefef; position: absolute; top: 0; left: 0; z-index: 9999999; }
.c1 .c1R{ float: right; width:660px; height: 363px; padding: 35px; box-sizing: border-box; overflow: hidden; position: absolute;  right:5px; bottom:50px; padding-left: 110px;  background: linear-gradient(to right, #000 , #1e1e1e);}
.c1 .c1R h1{ color: #fff; line-height: 40px; font-size:34px; font-weight: 800; }
.c1 .c1R p{ line-height: 28px; color: #fff; font-size: 16px; padding: 10px 0; text-align: justify; text-indent: 30px; }
.c1 .c1R p a{color: #fff; background: #000; border-radius: 20px; font-size: 16px; text-align: center; padding: 2px 5px;}
.c1 .c1R ul{ margin: 0; color: #fff; }
.c1 .c1R ul li{ float: left; width:100%; box-sizing: border-box; color: #fff; overflow: hidden; padding: 3px 0 3px 25px; list-style: inside;;  font-size:28px; }
.c1 .c1R ul li a{  color: #fff; font-size: 16px; }


.c22{  width: 1400px; height: 450px; position: relative; padding: 30px 0; }
.c22 .c22l{ float: left; width: 580px; height: 400px; position: relative; }
.c22 .c22l .c2box1{ width:400px; height: 400px; background: #6296d0; border-radius: 300px; float: left; opacity: 1;  }
.c22 .c22l .c2box1 img{ display: block; width: 400px; height: 400px; background: #efefef; border-radius: 300px; }
.c22 .c22l .c2box2{ width:200px; height: 200px; box-sizing: border-box; padding: 60px 40px; position: absolute;; bottom: 0; right: 60px; background:linear-gradient(to right bottom, #7bfdff, #36c3f9); border-radius: 200px; }
.c22 .c22l .c2box2 p{ text-align: center; color: #22204f;  font-size: 20px; line-height: 30px;  }
.c22 .c22l .c2box2 p font{ font-size: 34px; font-family: t2; }
.c22 .c22r{ float: right; width:600px; height: 450px; box-sizing: border-box; padding:30px 0 0 0; box-sizing: border-box;  position: relative; color: #215390;  line-height: 34px; text-indent: 30px; text-align: justify; }
.c22 .c22r p{ color: #fff; font-size: 16px; text-align: justify;  }
.c22 .c22r a{ color: #fff; text-align: center; margin-left: 10px; background:linear-gradient(to right bottom, #7bfdff, #36c3f9);  padding: 3px 5px; border-radius: 20px;  }
.c22 .c22r .pt{ font-family: t2; font-size: 30px; }
.c22 .c22r h2{ font-size: 28px; color: #2f9bff; padding: 10px 0; line-height: 44px; text-indent: 0; }


.main .c2{  width: 12	00px; }
.main .c2 .c2l{ float: left; width: 750px; height: 345px; position: relative; margin-top: 28px;  }
.main .c2 .c2l img{ display: block; width: 750px; height: 345px; }
.main .c2 .c2l p{ position: absolute; text-align: center; bottom: 0; left: 0; width: 100%; box-sizing: border-box; background: #2f9bff; font-size: 20px; padding: 20px 0; color: #fff; }
.main .c2 .c2l p b{ font-size: 28px; }
.main .c2 .c2r{ background: linear-gradient(to right, #000 , #1e1e1e); float: right; width: 650px; height: 400px; padding: 40px; box-sizing: border-box;  }
.main .c2 .c2r p{ padding-bottom: 20px; font-size: 18px; color: #fff; line-height: 30px; text-align: justify; margin-top:20px; text-indent:30px; }
.main .c2 .c2r p a{ color: #333; font-size: 16px; text-align: center; margin-left: 10px; background: #fff; padding: 3px 8px; border-radius: 20px;}
.main .c2 .c2r h3 a{ font-size: 30px; color: #fff; }
.main .c2 .c2r .ppbox{ border: 1px solid #fff; padding:20px 50px; line-height:30px; color: #fff; font-size: 18px; text-indent: 30px; text-align: justify; }
.main .c2 .c2r .p1{ font-size: 60px; color: #fff; font-family: T1; padding-top: 30px; }
.main .c2 .c2r .p2{ font-size: 22px; color: #fff; }
.main .jb{ margin: 20px 0; }
.main .jb .jbbox{ position: relative; float: left; width:265px; height: 200px; margin: 10px 7px; border: 3px solid #1d2020; padding-right: 5px;  box-sizing: border-box; position: relative;  cursor: pointer; }
.main .jb .jbbox img{ display: block; width:265px; height:200px; background: #efefef;  float: left;}
.main .jb .jbbox p{ position: absolute; bottom: 0; left: 0; background: rgba(0,0,0,0.5); width: 100%; padding: 8px 0 3px 0; text-align: center; color: #fff; font-size: 14px; font-family: t2; }
.main .jb .jbbox .name{  font-family: t2; font-size: 24px; text-align: center; font-weight: 800; margin-top: 30px; }
.main .jb .tbb{ border:3px solid #5ecfec; }

.main .jb2 .jbbox{ float: left; width:150px; height: 150px; margin: 10px 5px; border-radius:200px; padding-right: 0;  box-sizing: border-box; position: relative;  cursor: pointer; margin:10px 62px; }
.main .jb2 .jbbox img{ display: block; width:150px; height:150px; background: #efefef; border-radius: 200px; float: left;}
.main .jb2 .jbbox p{ position: absolute; bottom: 0; width: 100%; background: rgba(0,0,0,0.8); padding: 3px 0 8px 0; text-align: center; color: #fff; font-size: 14px; font-family: t2; }
.main .jb2 .jbbox .name{  font-family: t2; font-size: 24px; text-align: center; font-weight: 800; margin-top: 30px; }





.c3{}
.slideBox3{ width:1400px; height:500px; overflow:visible; position:relative;   }
.slideBox3 .hd{ height:18px; overflow:hidden; position:absolute; right:500px; bottom:20px; 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:1400px; height:500px; 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;  }

.c3 .c3l{ float: left; width:380px; height: 540px; position:relative; }
.c3 .c3l img{ display: block; width:380px; height:540px;  }
.c3 .c3l p{ position:absolute; bottom:0; left:0; width:100%; background:rgba(0, 0, 0, 0.8); text-align:center; font-size:18px; color:#fff; padding:20px 0; }
.c3 .c3r{ float: right; width:970px; height: 540px; overflow:hidden; position: relative;}
.c3 .c3r .c3t{ width: 100%; height: auto; margin-top: 30px; ; }
.c3 .c3r .c3t h2{ color: #36c3f9; font-size: 34px;  font-weight: 800; }
.c3 .c3r .c3t p{ font-size: 18px; color: #fff; text-indent: 30px; line-height: 36px; text-align: justify; margin-top:20px; z-index: 9999999999999; position: relative;}
.c3 .c3r .c3b{ width:100%; height: auto; float: left; margin-top: 30px; }
.c3 .c3r .c3b ul{}
.c3 .c3r .c3b ul li{ list-style: inside; color: #53b23d; width: 100%; padding: 10px 0; float: left; padding-left: 35px; margin: 0 5px;  }
.c3 .c3r .c3b ul li a{ font-size: 18px; color: #fff; overflow: hidden; }


.c4{ width: 100%; overflow: hidden;}
.c4 .vvbox iframe{  position: absolute; top:79px; left:95px; width: 906px; height: 510px; background: #efefef; border: 2px solid #2f9bff; border-radius: 10px;   }
.c4 .ltbox{ width: 100%; }
.c4 .ltbox .ltl{ overflow-y: scroll; float: left; padding:20px 40px 20px 40px; box-sizing: border-box; width: 750px; height: 330px; margin-top: 30px; border: 1px solid #cc8da2 ; border-right:0;}
.c4 .ltbox .ltr{  float: right; width: 650px; height: 400px;; background: #efefef;}
.c4 .ltbox .ltr img{ display: block; width:650px; height: 400px; background: #efefef; }
.p1{ font-family: f3; font-size: 34px; text-align: center; color: #78fbff; font-weight: 800;}
.p2{ font-family: f4; font-size: 18px ; color: #fff; text-align: left; line-height: 28px;  margin: 20px 0 0 0;}
.p2 a{ color: #fff;}
.s2{ margin-top: 40px; }
.s2box{ float: left; width: 700px; height: auto; padding: 0 16px; margin-bottom:40px; box-sizing: border-box; }
.s2box img{ width: 205px; height: 205px; margin-right: 20px;  display: block; border: 3px solid #cc8da2 ; float: left; z-index:9999999999999999; position:relative; }
.s2box p{ font-size: 16px; line-height:28px; color: #fff; text-align: justify;; }
.s2box p font{  color: #78fbff; font-size:28px; }
.s2box p a{ color: #1ffff1; }


.vvbox{ width: 1100px; height: 671px; background: url(../images/vbg.jpg) top center no-repeat; position: relative; }
.vvbox video{ position: absolute; top: 80px; left: 95px;  width: 906px; height: 510px; background: #efefef; border: 2px solid #2f9bff; border-radius: 10px; }
.video-js{ top: 80px; }

.adbox{}
.al{ width: 100%; height: auto; padding: 0 0 50px 0; overflow: visible; float: left; }
.al .alin{ float: left; width: 170px; height: 170px; background: #fff; border-radius: 100px;  position: relative;  overflow: visible; margin:30px 6px; }
.al .alin img{ display: block; width: 145px; height: 65px; margin-top: 50px; background: #efefef; z-index: 2; position: relative; }
.al .alin .ap{ box-shadow:5px 5px 5px #0d3def;  z-index: 3; width: 300px; height: auto; background: #0d3def; text-indent: 30px; position: absolute; bottom: -170px; left: 80px; padding: 30px 20px; color: #fff; font-size: 16px; line-height: 24px; text-align: justify; }
.al .alin p{ text-align:center; color: #fff; font-size: 18px; margin-top:70px; }
.al .alin p a{ color:#fff; text-align:center; font-size:18px;}


.xg { width: 1400px; height: auto; margin: 20px 0 0 0; margin-bottom: 50px; overflow: hidden;}
.xg .vv{ width: 610px; height: 345px; background: #efefef; float: left; }
.xgul {  color: #fff; float: left; width:690px; margin-left: 30px;  }
.xgul li{ list-style: inside; color: #326228; float: left; padding: 5px 0 5px 0; width: 100%; height: 20px; overflow: hidden; margin:4px 10px; text-overflow: ellipsis; white-space: nowrap;;    }
.xgul li a{  font-size: 18px; color: #fff; letter-spacing: 3px;  height: 20px; text-overflow: ellipsis; white-space: nowrap;;  }

.wq{ width:1230px; }
.wq img{ float: left; display: block; width: 535px; height: 300px; background: #efefef;margin: 30px 40px;}

.adin{ width: 1100px; height: 110px; }
.adin img{ display: block; width: 1100px; height: 110px; background: #efefef; }

.c5{ overflow: visible; }

#focus_Box{position:relative;width:1100px;height:auto; overflow: visible;}
#focus_Box ul{position:relative;width:700px;height:400px}
#focus_Box li{z-index:0;position:absolute; width:0px;background:#787878;height:0px;top:146px;cursor:pointer;left:377px;border-radius:4px;box-shadow:1px 1px 12px rgba(200, 200, 200, 1)}
#focus_Box li img{width:100%;background:url(images/loading.gif) no-repeat center 50%;height:100%;vertical-align:top}
#focus_Box li p{position:absolute;left:0;bottom:0px;width:100%;height:40px;line-height:40px;background:url(../images/float-bg.png) repeat;text-indent:8px;color:#fff;}
#focus_Box li p span{display:inline-block;width:70%;height:40px;overflow:hidden;}
#focus_Box .prev,#focus_Box .next{display:block;z-index:100;overflow:hidden;cursor:pointer;position:absolute;width:31px;height:100px;top:100px;}
#focus_Box .prev{background:url(../images/arr1.png) left bottom no-repeat;left:20px}
#focus_Box .next{background:url(../images/arr2.png) right bottom no-repeat;right:20px;} 

#focus_Box a.imgs-scroll-btn{display:block;position:absolute;z-index:110;top:7px;right:15px;width:51px;height:23px;overflow:hidden;background:url(../images/share-btn.png) no-repeat;text-indent:-999px;}




.slideBox{ width:1100px; height:110px; overflow:visible; position:relative; float:left;   }
.slideBox .hd{ height:18px; overflow:hidden; position:absolute; right: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;  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; font-family: T1; padding:20px 100px 20px 30px; width:100%; font-size:30px; color:#1168c9; background:rgba(255,255,255,0.5); text-align:left;}
.slideBox .bd img{ width:1100px; height:110px; display:block; background: #333;  }
.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:1400px; height:674px; overflow:visible; position:relative; float:left;   }
.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; font-family: T1; padding:20px 100px 20px 30px; width:100%; font-size:30px; color:#1168c9; background:rgba(255,255,255,0.5); text-align:left;}
.slideBox2 .bd img{ width:1400px; height:674px; display:block; background: #333;  }
.slideBox2 .sbtn{ width: 102px; height:102px;; cursor: pointer; position: absolute; z-index: 99999;}
.slideBox2 .prev{ top:220px; left:50px; background: url(../images/arr2.png) no-repeat; }
.slideBox2 .next{ top:220px; right:50px;background: url(../images/arr1.png) no-repeat;  }


.slideBox3{ width:600px; height:300px; overflow:visible; position:relative; float:left;   }
.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; font-family: T1; padding:20px 100px 20px 30px; width:100%; font-size:30px; color:#1168c9; background:rgba(255,255,255,0.5); text-align:left;}
.slideBox3 .bd img{ width:600px; height:300px; display:block; background: #333;  }
.slideBox3 .sbtn{ width: 102px; height:102px;; cursor: pointer; position: absolute; z-index: 99999;}
.slideBox3 .prev{ top:120px; left:50px; background: url(../images/arr2.png) no-repeat; }
.slideBox3 .next{ top:120px; right:50px;background: url(../images/arr1.png) no-repeat;  }



.pp{ overflow:visible; }
.picScroll-left{ position:relative; overflow:visible; padding: 10px 0; }
.picScroll-left .plborder{ width: 1400px; height: 445px; z-index: 9999; background: url(../images/bg1.png) top center no-repeat; position: absolute; top:0; left: 0; }
.picScroll-left .bd{  overflow:visible;  }
.picScroll-left .bd ul{ overflow:hidden; zoom:1; }
.picScroll-left .bd ul li{ margin:0 6px; float:left; _display:inline; overflow:hidden; text-align:center;  }
.picScroll-left .bd ul li .pic{ text-align:center; }
.picScroll-left .bd ul li .pic img{ width:290px; height:516px; display:block;   }
.picScroll-left .bd ul li .pic a:hover img{ border-color:#999;  }
.picScroll-left .bd ul li .title{ line-height:24px;   }
.prev{ position:absolute; left:30px; top:170px; cursor:pointer; width:31px; height:105px; background:url(../images/arr3.png) no-repeat;}
.next{ position:absolute; right:30px; top:170px; cursor:pointer; width:31px; height:105px; background:url(../images/arr4.png) no-repeat;}



.diagonal-line {
  width: 1100px;
  height: 100px;
  border-bottom: 6px solid #fff;
  opacity: 0.2;
  transform: rotate(7deg); /* 璋冩暣瑙掑害浠ユ敼鍙樻枩绾垮€炬枩搴� */
  position: absolute; /* 鎴栧叾浠栧畾浣嶆柟寮� */
}
.diagonal-line2 {
  width: 1100px;
  height: 100px;
  border-bottom: 15px solid #fff;
  opacity: 0.2;
  transform: rotate(154deg); /* 璋冩暣瑙掑害浠ユ敼鍙樻枩绾垮€炬枩搴� */
  position: absolute; /* 鎴栧叾浠栧畾浣嶆柟寮� */
  bottom:290px;
  left:-50px;
}



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