@charset "gb2312";
/* CSS Document */

body {font-family:"Microsoft Yahei", Arial, Tahoma,"Microsoft Yahei";margin:0;padding:0;font-size:12px;color:#000; background:#fff; }
div,form,img,ul,ol,li,dl,dt,dd,p {margin:0;padding:0;border:0;}
ul,li{list-style-type:none;}
img{border:0;}
input,select,textarea{vertical-align:middle;}
h1,h2,h3,h4,h5,h6 {margin:0;padding:0;font-size:12px;font-weight:normal;}
header, section, footer, aside, nav, main, article, figure { display: block; }
/* Link */
a{color:#333333;text-decoration:none;}
a:hover {text-decoration:none;-webkit-transition: .4s;}
/* Other */
.clear{ clear:both;font-size:1px;width:1px;height:0;visibility:hidden; overflow:hidden;}
.clearfix:after{content:".";display:block; height:0;clear:both;visibility:hidden;} /* only FF */
.f_left{float:left;}
.f_right{float:right;}
.img{vertical-align:middle;}

.div-center{ width:1200px; height:auto; margin:0 auto; position:relative; text-align:center;}
.banner-link{ font-size:14px; color:#fff; border:1px #fff solid; width:82px; height:28px; line-height:28px; position:absolute; top:58px; right:48px; z-index:2;}
.banner-link:hover{ background:#fff; color:#333;}
.s-banner{ margin-top:90px;}
.banner-p{ font-size:16px; line-height:28px; color:#fff; text-indent:2em; text-align:left; width:960px; margin:0 auto; padding-top:86px;}

/* 下面的内容是必须的，*/
		#fullScreen{
			width: 100%;
			height: 750px;
			overflow: hidden;
			position: relative;
			min-width:1200px;
		}
		#fullScreen canvas{
			position: absolute;
			left: 50%;
			margin-left: -960px; /* canvas的宽度我写死是1920了，为的是让图片水平居中 所以这里是 -960*/
			top: 0;
		}
		.banner{
			display: none; /* 这个只是为了获取背景图用的，所以前台隐藏不可见。 */
		}

.sand-table{ width:100%; height:auto; min-width:1200px;overflow:hidden; text-align:center;}
.sand-fir{ width:100%; height:auto; background:#ebf0f6;}
.sand-title{ font-size:38px; color:#17161d; font-weight:bold; padding-top:90px;}
.sand-title span{ font-size:18px; color:#17161d; display:block; margin-top:12px; font-weight:normal;}
.sand-ul{ width:1200px; height:auto; margin:0 auto;}
.sand-ul li{ width:100%; height:auto;}
.sand-ul li img{ float:left; margin-left:60px; margin-top:86px;}
.sand-right{ float:right; width:630px; margin-top:90px;}
.sand-right p{ font-size:26px; color:#333; font-weight:bold; text-align:left;}
.sand-right a{ background:url(../images/you.png) 25px no-repeat; font-size:14px; color:#2e93cd; border:2px #2e93cd solid; border-radius:30px; padding-left:38px; padding-right:26px; height:28px; line-height:28px; float:right; margin-top: 2px; margin-right:40px;}
.sand-right a:hover{ background:url(../images/fa22.png) 25px no-repeat; background:#2e93cd; color:#fff;}
.sand-right em{ display:block; width:50px; height:5px; margin-top:26px; margin-bottom:26px; background:#30aaf0;}
.sand-right span{ font-size:18px; color:#30aaf0; font-weight:bold; display:block; text-align:left;}
.project-wrapper{ width:1200px; height:558px; margin:0 auto; position:relative; padding-bottom:90px; overflow:hidden;}
.project-wrap { width: 600%; height: 100%; position: absolute; left: 0; top: 0; -webkit-transition: all .3s ease;transition: all .3s ease; }
.project-slide { float: left; width: 1200px; height: 100%; }
.project-slide:after { content: ""; clear: both;  display: block; }
.project-img { float: left;margin-left:60px; margin-top:86px; }
.project-page-list { position: absolute; height: 95px; width: 100%; bottom: -34px; text-align: center;z-index: 2; }
  .project-page-list div { display: inline-block; cursor: pointer;  margin: 0 6px; width: 95px;  height: 95px;  border-radius: 50%; opacity: .8; overflow: hidden;
    transform: scale(0.8);
    -ms-transform: scale(0.8);
    /* IE 9 */
    -moz-transform: scale(0.8);
    /* Firefox */
    -webkit-transform: scale(0.8);
    /* Safari 和 Chrome */
    -o-transform: scale(0.8);
    /* Opera */
    -webkit-transition: all .3s ease;
	 transition: all .3s ease; } .project-page-list div img { display: block;  width: 100%; height: 100%; }

.project-page-list-active {
  opacity: 1 !important;
  box-shadow: 0 0 18px rgba(0, 0, 0, 0.1);
  transform: scale(1) !important;
  -ms-transform: scale(1) !important;
  /* IE 9 */
  -moz-transform: scale(1) !important;
  /* Firefox */
  -webkit-transform: scale(1) !important;
  /* Safari 和 Chrome */
  -o-transform: scale(1) !important;
  /* Opera */ }
  
.sand-seand{ width:100%; height:auto;}
.project-img02{ margin-top:260px; margin-left:30px;}
.project-img03{ margin-top:168px; margin-left:0px;}
.project-img002{margin-top:96px; margin-left:30px;}

.flexslider{margin:0px auto;position:relative;width:100%;height:520px;overflow:hidden;zoom:1; padding-bottom:80px;}
.flex-viewport{height:520px;-webkit-transition:all 1s ease;-moz-transition:all 1s ease;transition:all 1s ease;}
.flexslider .slides{zoom:1; text-align:center;margin:0 auto}
.flex-direction-nav{ display:none;}
.flexslider:hover .flex-next{opacity:0.8;filter:alpha(opacity=25);}
.flexslider:hover .flex-prev{opacity:0.8;filter:alpha(opacity=25);}
.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover{opacity:1;filter:alpha(opacity=50);}
.slides li{ height:520px;}
.flex-control-nav{width:100%;position:absolute;bottom:50px;text-align:center;}
.flex-control-nav li{margin:0 10px;display:inline-block;zoom:1;*display:inline;}
.flex-control-paging li a{background:url(../images/dot.png) no-repeat 0 0px;display:block;height:18px;overflow:hidden;text-indent:-99em;width:18px;cursor:pointer;}
.flx-change .flex-control-paging li a{background:url(../images/dot01.png) no-repeat 0 -22px;}
.flex-control-paging li a.flex-active{background-position:0 0px;}
.project-img04{ margin-top:140px;}
.sand-arc{ color:#fa6632 !important;}
.project-img05{ margin-top:100px; margin-left:0;}
#bannerimg .index_topic{ height:244px;}
.sand-arc-img{ position:absolute; right:-360px; top:22px; z-index:2;}
.sand-arc-img02{position:absolute; left:-506px; bottom:22px; z-index:2;}

.sand-three{ width:100%; height:auto; background:#2a2e35; padding-bottom:120px;}
.title-color,.title-color span{ color:#fff;}
.title-em{ color:#ffc820; font-style:normal;}
.title-em02{ display:inline-block; width:2px; height:15px; background:#626469; color:#626469; margin:0 12px; position:relative;top:1px;}
.s-three-0{ display:inline-block; width:580px; height:708px; background:#ffc820; border-radius:12px 0 0 12px; margin-top:60px;}
.s-three-1{ display:block; font-size:22px; color:#2a2e35; padding-top:50px;}
.s-three-down{ width:524px; height:auto; margin-left:34px;}
.s-three-down span{ display:block; font-size:16px; color:#fff; font-weight:bold; width:87px; height:38px; background:#2a2e35; margin-bottom:18px; line-height:38px;}
.s-three-down p{ font-size:16px; color:#2a2e35; line-height:28px; text-align:left;}
.s-three-2{ margin-top:30px; margin-bottom:10px;}
.flx-s-three .flex-direction-nav a{width:39px;height:39px;line-height:39em;overflow:hidden;margin:-89px 0 0;display:block;background:url(../images/ad_ctr.png) no-repeat;position:absolute;top:38%;z-index:10;cursor:pointer;opacity:1;filter:alpha(opacity=0);-webkit-transition:all .3s ease; border-radius:50%;}
.flx-s-three .flex-direction-nav .flex-next{background-position:0 -55px;right:15px;}
.flx-s-three .flex-direction-nav .flex-prev{left:15px;}
.flx-s-three .flex-control-nav{ display:none;}
.flx-s-three .flex-direction-nav{ display: list-item;}
.flx-s-three,.flx-s-three .slides li,.flx-s-three .flex-viewport{ height:620px; padding-bottom:0;}
.s-three-3{ background:#f3f7fa; border-radius:0 12px 12px 0;}

.s-four{ width:100%; height:1000px; background:url(../images/fa18.jpg) center no-repeat;}
.s-four-0{ color:2e93cd; font-style:normal;}
.s-four-1{ width:100%; height:auto; margin:0 auto; margin-top:60px;}
.s-four-1 li{ display:inline-block; width:136px; height:45px; line-height:45px; border-radius:5px; font-size:16px; color:#2e93cd; margin:0 10px; cursor:pointer;}
.s-four-1 li.hover{ background:#2e93cd; color:#fff;  border-radius:5px; }
.s-four-2{ width:100%; height:auto;}
.s-four-2 li{ width:100%; height:auto;}
.s-four-img{ margin-top:27px;}
.s-four-link{ display:block; font-size:14px; color:#30aaf0; height:37px; line-height:37px; box-shadow:0 0 5px rgba(14,5,10,0.46); border-radius:30px; margin:0 auto; width:117px; margin-top:40px; background:#fff; padding-left: 7px;  padding-right: 13px; margin-bottom:30px;}
.s-four-link:hover{ background:#30aaf0; color:#fff;}
.s-four-link img{ float:left; margin-top: 11px; margin-left: 11px; margin-right: 10px;}
.s-four-2 li span{ display:block; font-size:18px; color:#30aaf0; font-weight:bold; text-align:left; margin-bottom:20px;}
.s-four-2 li p{ font-size:16px; color:#2a2e35; line-height:32px; text-align:left; text-indent:2em; width:1162px;}

.s-five{ width:100%; background:url(../images/s-01.jpg) center no-repeat; height:236px;}
.s-five-0{ font-size:24px; color:#17161d; padding-top:54px;}
.s-five-0 em{ display:block; width:81px; height:5px; background:#4255a8; margin:0 auto; margin-top:20px;}
.s-five-ul{ width:100%; height:auto; margin:0 auto; padding-top:60px;}
.s-five-ul li{ display:inline-block; width:284px; height:228px; border-radius:5px;  -webkit-transition:.4s;}
.s-five-ul li div{ width:100%; height:50px; padding-top:34px;}
.s-five-ul li div img{ vertical-align:bottom;}
.s-five-ul li span{ font-size:18px; color:#384ca3; margin-top:12px; display:block;}
.s-five-ul li em{ display:block; width:33px; height:3px; background:#4255a8; margin:0 auto; margin-top:12px;}
.s-five-ul li p{ font-size:14px; color:#666; width:246px; text-align:left; margin:0 auto; line-height:22px; margin-top:12px;}
.s-five-ul li:hover{ box-shadow:0 0 32px rgba(14,5,10,0.4);  -webkit-transition:.4s;}
.s-five-1{ padding-top:77px;}
.s-five-li{ width:100%; height:auto; margin:0 auto;}
.s-five-li li{ display:inline-block; width:360px; height:auto; margin:0 16px; margin-top:50px; margin-bottom:100px;}
.s-five-li li img{ display:block;}
.s-five-li li div{ width:360px; height:112px; background:#f5f5f5; -webkit-transition:.4s;}
.s-five-li li span{ font-size:18px; color:#333; display:block; padding-top:20px; text-align:left; margin-left:24px;}
.s-five-li li p{ font-size:14px; color:#777; width:312px; text-align:left; margin:0 auto; margin-top:12px; line-height:20px;}
.s-five-li li:hover div{ background:#3c4ebe; -webkit-transition:.4s;}
.s-five-li li:hover span,.s-five-li li:hover p{ color:#fff;}

.s-six{ width:100%; background:url(../images/s-09.jpg) center no-repeat; height:867px;}
.s-six-heng{ width:81px; height:5px; display:block; background:#ffc820; margin-top:24px;    margin-bottom: 24px;}
.s-six-title{ text-align:left; padding-top:80px;}
.update-all{ width:1200px; height:auto; margin:0 auto;  position:relative;}
.update-tab{ width:1034px; height:540px; background:#fff; box-shadow:0 0px 38px rgba(14,5,10,0.56); margin-left:196px; border-radius:14px; padding: 50px 0; margin-top:33px; overflow:hidden;}
.update-ul{ width:100%; height:auto; }
.update-ul li{ width:100%; height:590px;}
.s-six-kuang{ width:290px; height:250px; display:inline-block; margin:0 18px; margin-bottom:20px;}
.s-six-kuang div{ width:290px; height:180px; overflow:hidden;}
.update-ul li p{ font-size:16px; color:#333; line-height:32px; height:32px; overflow:hidden; margin-top:12px; margin-bottom:3px;}
.update-ul li span{ font-size:14px; color:#666;}
.update-anter{ width:46px; height:auto; position:absolute; left:76px; bottom:280px; z-index:2;}
.update-zuo{ width:46px; height:46px;display:inline-block; background:url(../images/zuo01.png) center no-repeat; border-radius:50%; margin-bottom:20px; cursor:pointer;}
.update-you{width:46px; height:46px; display:inline-block; background:url(../images/zuo02.png) center no-repeat; border-radius:50%; cursor:pointer;}
.s-six-kuang:hover div img{transform: scale(1.1);-webkit-transform: scale(1.1);transition: .8s;-webkit-transition: .8s}
.s-six-kuang div img{-webkit-transition: .8s;}

.s-seven{ width:100%; background:url(../images/s-11_02.jpg) center no-repeat; height:573px;}