/*banner背景图片动画*/
@-webkit-keyframes scale-bg{
	from{
		-webkit-transform:scale(1.2);
		transform:scale(1.2);
	}
	to{
		-webkit-transform:scale(1);
		transform:scale(1);
	}
}
@keyframes scale-bg{
	from{
		-webkit-transform:scale(1.2);
		transform:scale(1.2);
	}
	to{
		-webkit-transform:scale(1);
		transform:scale(1);
	}
}
/*banner */
.index_main{
	background: #f7f7f7;
}
.index_main .section1{
	position: relative;
}
.index_main .section1 .index_banner .item{
	background-size: cover;
	-webkit-background-size:cover;
	background-position: center;
	background-repeat: no-repeat;
	height:100vh;
	position: relative;
}
.index_main .section1 .index_banner .item.slick-current .scaleBg{
	visibility: visible; 
	-webkit-animation:scale-bg 6s linear forwards;
	animation:scale-bg 6s linear forwards;
}
.index_main .section1 .index_banner .items{
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 0;
}
.index_main .section1 .index_banner .items:after{
	content: "";
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	background: rgba(0,0,0,0.2);
}


/*大型鱼缸*/
.index_main .section1 .index_banner .item .inner .daxin-box{ width:880px; height:400px; position:absolute; left:40%; right:10px; top:25%; font-weight:bold; margin-left:-230px;background:rgba(0,255,255,.1); padding:30px;-webkit-animation-delay: 0.2s;animation-delay: 0.2s;opacity: 0;}
.index_main .section1 .index_banner .item .inner .daxin-box .daxin-left{ width:780px; height:400px; float:left }
.index_main .section1 .index_banner .item .inner .daxin-box .daxin-left .bigtit{ width:780px; height:186px;}
.index_main .section1 .index_banner .item .inner .daxin-box .daxin-left .bigtit .btit-left{ width:330px; height:186px; float:left; font-size:160px; color:#FFC926;-webkit-animation-delay: 0.5s;animation-delay: 0.5s;opacity: 1;}
.index_main .section1 .index_banner .item .inner .daxin-box .daxin-left .bigtit .btit-right{ width:450px; height:186px; float:left; padding-top:30px; }
.index_main .section1 .index_banner .item .inner .daxin-box .daxin-left .bigtit .btit-right .br-top{ width:430px; height:30px; padding-top:13px; font-size:20px; color:#FFFFFF; text-align:left;-webkit-animation-delay: 0.8s;animation-delay: 0.8s; padding-left:20px;}
.index_main .section1 .index_banner .item .inner .daxin-box .daxin-left .bigtit .btit-right .br-bottom{ width:450px; height:165px; font-size:110px; line-height:140px; color:#FFFFFF; text-align:right;-webkit-animation-delay: 0.9s;animation-delay: 0.9s;}
.index_main .section1 .index_banner .item .inner .daxin-box .daxin-left .jingyan{ width:780px; height:100px; font-size:50px; text-align:right; color:#FFFFFF; line-height:100px;-webkit-animation-delay: 1.2s;animation-delay: 1.2s; text-align:center}
.index_main .section1 .index_banner .item .inner .daxin-box .daxin-left .jyeng{ width:780px; height:50px; font-size:20px; line-height:50px; color:#FFFFFF; text-align:right;-webkit-animation-delay: 1.4s;animation-delay: 1.4s; text-align:center}
.index_main .section1 .index_banner .item .inner .daxin-box .daxin-left .dz-xiangmu{ width:780px; height:50px; font-size:20px; line-height:40px; color:#FFFFFF}
.index_main .section1 .index_banner .item .inner .daxin-box .daxin-left .dz-xiangmu .xm{ padding:0px 10px; height:50px; float:right; text-align:right;-webkit-animation-delay: 1.5s;animation-delay: 1.5s; line-height:50px;}
.index_main .section1 .index_banner .item .inner .daxin-box .daxin-right{ width:55px; height:330px; background:#FFFFFF; border-top:5px #00CCFF solid; border-bottom:#00CCFF 5px solid; text-align:center; font-size:20px; margin-left:20px;background:rgba(255,255,255,.6); float:left; margin-top:30px; color:#003366;vertical-align:middle;writing-mode:vertical-rl; text-align:center; padding-right:20px;-webkit-animation-delay: 2.2s;animation-delay: 2.2s;}




/*海洋馆*/
.index_main .section1 .index_banner .item .inner .hiayangguan-box{ width:970px; height:400px; position:absolute; left:40%; right:10px; top:25%; font-weight:bold; margin-left:-300px;background:rgba(0,255,255,.2); padding:30px; opacity: 0; -webkit-animation-delay: 0s;animation-delay: 0s;}
.index_main .section1 .index_banner .item .inner .hiayangguan-box .hyg-tit{ height:100px; font-size:80px; line-height:100px; color:#FFFFFF; margin:auto; width:900px;-webkit-animation-delay: 0.3s;animation-delay: 0.3s; }
.index_main .section1 .index_banner .item .inner .hiayangguan-box .hyg-tit span{ color:#F5C920}
.index_main .section1 .index_banner .item .inner .hiayangguan-box .hyg-xiangmu{ height:100px; width:900px;  margin:auto;}
.index_main .section1 .index_banner .item .inner .hiayangguan-box .hyg-xiangmu .left{ width:32px; height:83px; float:left; font-size:78px; color:#FFFFFF;font-weight:normal;-webkit-animation-delay: 1.2s;animation-delay: 1.2s;opacity: 0;}
.index_main .section1 .index_banner .item .inner .hiayangguan-box .hyg-xiangmu .center{ width:800px; height:83px; float:left; }
.index_main .section1 .index_banner .item .inner .hiayangguan-box .hyg-xiangmu .center .xm-eng{ font-size:28px; color:#F5C920; text-align:center; margin-top:24px;-webkit-animation-delay: 0.9s;animation-delay: 0.9s;opacity: 0;}
.index_main .section1 .index_banner .item .inner .hiayangguan-box .hyg-xiangmu .center .xm-list{ font-size:24px; color:#FFFFFF; text-align:center;-webkit-animation-delay: 0.9s;animation-delay: 0.9s;opacity: 0;}
.index_main .section1 .index_banner .item .inner .hiayangguan-box .hyg-xiangmu .right{ width:32px; height:83px; float:left;font-size:78px; color:#FFFFFF; font-weight:normal;-webkit-animation-delay: 1.2s;animation-delay: 1.2s;opacity: 0;}
.index_main .section1 .index_banner .item .inner .hiayangguan-box .youshi{ width:1000px; height:200px; margin-top:10px;}
.index_main .section1 .index_banner .item .inner .hiayangguan-box .youshi .ys-list{ width:280px; height:200px; float:left; margin:25px;-webkit-animation-delay: 1.2s;animation-delay: 1.2s;opacity: 0;}
.index_main .section1 .index_banner .item .inner .hiayangguan-box .youshi .ys-list .ystit{ font-size:22px; height:30px; text-align:center; color:#FFFFFF; line-height:50px; height:50px; font-weight:normal}
.index_main .section1 .index_banner .item .inner .hiayangguan-box .youshi .ys-list .ysbox{ font-size:18px; color:#FFFFFF; text-align:center; line-height:26px; font-weight:normal}


/*内页大型鱼缸*/
.index_main .section1 .neiye-daxin{ width:1200px; height:400px; position:absolute; left:50%; margin-left:-640px; top:24%;background:rgba(255,255,255,.9); z-index:999999; padding:40px;/*-webkit-animation-delay: 0s;animation-delay: 0s;opacity: 0;*/ border-radius:5px;
}
.index_main .section1{
background: url(../images/dxyg.jpg) no-repeat;
    background-size: auto;
background-size: 100% 100%;
}

.index_main .section1 .neiye-daxin .left-video{ width:700px; height:400px; float:left}
.index_main .section1 .neiye-daxin .left-video video{ width:700px;}
.index_main .section1 .neiye-daxin .right-sm{ width:450px; height:400px; float:left; margin-left:40px;}
.index_main .section1 .neiye-daxin .right-sm .daxin-title{ font-size:36px; line-height:50px; color:#0066CC; border-bottom:1px #0099CC solid; height:60px;}
.index_main .section1 .neiye-daxin .right-sm .daxin-engtit{ font-size:20px; line-height:40px; color:#666666; font-family:"Times New Roman", Times, serif; height:40PX;}
.index_main .section1 .neiye-daxin .right-sm .daxin-txt{ font-size:16px; line-height:30px; color:#0066CC; margin-top:30px;}
.index_main .section1 .neiye-daxin .right-sm .daxin-dz-btn{ font-size:16px; line-height:40px; width:180px; height:40px; text-align:center; margin-top:30px;}
.index_main .section1 .neiye-daxin .right-sm .daxin-dz-btn a{ color:#FFFFFF; background:#FF6600; display:block; border-radius:3px;}

/*海洋馆*/
.index_main .section1 .index_banner .item.active .inner .hiayangguan-box{ width:970px; height:400px; position:absolute; left:40%; right:10px; top:25%; font-weight:bold; margin-left:-300px;background:rgba(0,255,255,.2); padding:30px;opacity: 1;-webkit-animation-delay: 0s;animation-delay: 0s;}
.index_main .section1 .index_banner .item.active .inner .hiayangguan-box .hyg-tit{ height:100px; font-size:80px; line-height:100px; color:#FFFFFF; margin:auto; width:900px;-webkit-animation-delay: 0.6s;animation-delay: 0.6s;opacity: 1; }
.index_main .section1 .index_banner .item.active .inner .hiayangguan-box .hyg-tit span{ color:#F5C920}
.index_main .section1 .index_banner .item.active .inner .hiayangguan-box .hyg-xiangmu{ height:100px; width:900px;  margin:auto;}
.index_main .section1 .index_banner .item.active .inner .hiayangguan-box .hyg-xiangmu .left{ width:32px; height:83px; float:left; font-size:78px; color:#FFFFFF;font-weight:normal;-webkit-animation-delay: 0.6s;animation-delay: 0.6s;opacity: 1;}
.index_main .section1 .index_banner .item.active .inner .hiayangguan-box .hyg-xiangmu .center{ width:800px; height:83px; float:left; }
.index_main .section1 .index_banner .item.active .inner .hiayangguan-box .hyg-xiangmu .center .xm-eng{ font-size:28px; color:#F5C920; text-align:center; margin-top:24px;-webkit-animation-delay: 0.9s;animation-delay: 0.9s;opacity: 1;}
.index_main .section1 .index_banner .item.active .inner .hiayangguan-box .hyg-xiangmu .center .xm-list{ font-size:24px; color:#FFFFFF; text-align:center;-webkit-animation-delay: 0.9s;animation-delay: 0.9s;opacity: 1;}
.index_main .section1 .index_banner .item.active .inner .hiayangguan-box .hyg-xiangmu .right{ width:32px; height:83px; float:left;font-size:78px; color:#FFFFFF; font-weight:normal;-webkit-animation-delay: 0.6s;animation-delay: 0.6s;opacity: 1;}
.index_main .section1 .index_banner .item.active .inner .hiayangguan-box .youshi{ width:1000px; height:200px; margin-top:10px;}
.index_main .section1 .index_banner .item.active .inner .hiayangguan-box .youshi .ys-list{ width:280px; height:200px; float:left; margin:25px;-webkit-animation-delay: 1.2s;animation-delay: 1.2s;opacity: 1;}
.index_main .section1 .index_banner .item.active .inner .hiayangguan-box .youshi .ys-list .ystit{ font-size:22px; height:30px; text-align:center; color:#FFFFFF; line-height:50px; height:50px; font-weight:normal}
.index_main .section1 .index_banner .item.active .inner .hiayangguan-box .youshi .ys-list .ysbox{ font-size:18px; color:#FFFFFF; text-align:center; line-height:26px; font-weight:normal}


/*游泳池*/
.index_main .section1 .index_banner .item .inner .yongchi-box{position:absolute; left:40%; right:10px; top:32%; font-weight:bold; margin-left:-300px; width:1000px; height:250px;background:rgba(0,255,255,.2); padding:30px; opacity: 0; -webkit-animation-delay: 0s;animation-delay: 0s;}

.index_main .section1 .index_banner .item .inner .yongchi-box .yc-left{ width:376px; height:250px; float:left; color:#FFFFFF}
.index_main .section1 .index_banner .item .inner .yongchi-box .yc-left .word-top{ width:376px; height:124px;  font-size:96px; text-align:center;}
.index_main .section1 .index_banner .item .inner .yongchi-box .yc-left .word-top .word{ width:124px; height:124px; float:left;}
.index_main .section1 .index_banner .item .inner .yongchi-box .yc-left .word-top .word span.w1{-webkit-animation-delay: 0.6s;animation-delay: 0.6s;opacity: 0;}
.index_main .section1 .index_banner .item .inner .yongchi-box .yc-left .word-top .word span.w2{-webkit-animation-delay: 0.9s;animation-delay: 0.9s;opacity: 0;}
.index_main .section1 .index_banner .item .inner .yongchi-box .yc-left .word-top .word span.w3{-webkit-animation-delay: 1.2s;animation-delay: 1.2s;opacity: 0;}
.index_main .section1 .index_banner .item .inner .yongchi-box .yc-left .word-bottom .word span.w4{-webkit-animation-delay: 1.5s;animation-delay: 1.5s;opacity: 0;}
.index_main .section1 .index_banner .item .inner .yongchi-box .yc-left .word-bottom .word span.w5{-webkit-animation-delay: 1.8s;animation-delay: 1.8s;opacity: 0;}
.index_main .section1 .index_banner .item .inner .yongchi-box .yc-left .word-bottom .word span.w6{-webkit-animation-delay: 2.1s;animation-delay: 2.1s;opacity: 0;}

.index_main .section1 .index_banner .item .inner .yongchi-box .yc-left .word-top .word:last-child{ border:none}

.index_main .section1 .index_banner .item .inner .yongchi-box .yc-left .word-bottom{ width:376px; height:124px;  font-size:96px; text-align:center;}
.index_main .section1 .index_banner .item .inner .yongchi-box .yc-left .word-bottom .word{ width:124px; height:124px; float:left;}
.index_main .section1 .index_banner .item .inner .yongchi-box .yc-left .word-bottom .word:last-child{ border:none}


.index_main .section1 .index_banner .item .inner .yongchi-box .yc-rgiht{width:580px; height:250px; float:left; margin-left:35px;}
.index_main .section1 .index_banner .item .inner .yongchi-box .yc-rgiht .dz-eng{ width:580px; height:50px; font-size:30px; color:#F5C920; line-height:50px; margin-top:15px;-webkit-animation-delay: 2.4s;animation-delay: 2.4s;opacity: 0;}
.index_main .section1 .index_banner .item .inner .yongchi-box .yc-rgiht .dz-ch{ width:580px; height:50px; font-size:30px; color:#FFFFFF ; line-height:50px; border-bottom:1px #FFFFFF solid;-webkit-animation-delay: 2.7s;animation-delay: 2.7s;opacity: 0;}
.index_main .section1 .index_banner .item .inner .yongchi-box .yc-rgiht .dz-xq{ width:580px; height:150px; font-size:22px; line-height:34px; color:#FFFFFF; padding-top:25px;-webkit-animation-delay: 3s;animation-delay: 3s;opacity: 0;}


/*游泳池*/
.index_main .section1 .index_banner .item.active .inner .yongchi-box{position:absolute; left:40%; right:10px; top:32%; font-weight:bold; margin-left:-300px; width:1000px; height:250px;background:rgba(0,255,255,.2); padding:30px;opacity: 1;-webkit-animation-delay: 0s;animation-delay: 0s;}
.index_main .section1 .index_banner .item.active .inner .yongchi-box .yc-left{ width:376px; height:250px; float:left; color:#FFFFFF; position:relative}
.index_main .section1 .index_banner .item.active .inner .yongchi-box .yc-left .word-top{ width:376px; height:124px; font-size:96px; text-align:center;}

.index_main .section1 .index_banner .item.active .inner .yongchi-box .yc-left .word-mid-line{
        content: '';
        position: absolute;
        left: 0;
        height: 1px;
        background-color: white;
        transform: translate(0);
        animation: spread-line 2s linear;
        animation-fill-mode: forwards;	
}
      @keyframes spread-line {
        from {
          width: 0;
        }
        to {
          width: 100%;
        }
      }


.index_main .section1 .index_banner .item.active .inner .yongchi-box .yc-left .word-top .word{ width:124px; height:124px; float:left;}
.index_main .section1 .index_banner .item.active .inner .yongchi-box .yc-left .word-top .word_mid_shu{
        content: '';
        position: absolute;
        top:0;
		left:124px;
        width: 1px;
        background-color: white;
        transform: translate(0,0);
		
        animation: spread-line1 1.5s linear;
        animation-fill-mode: forwards;
}
      @keyframes spread-line1 {
        from {
          height: 0;
        }
        to {
          height: 100%;
        }
      }
.index_main .section1 .index_banner .item.active .inner .yongchi-box .yc-left .word-top .word_mid_shu1{
        content: '';
        position: absolute;
        top:0;
		left:248px;
        width: 1px;
        background-color: white;
        transform: translate(0,0);
		
        animation: spread-line2 1.5s linear;
        animation-fill-mode: forwards;
}
      @keyframes spread-line2 {
        from {
          height: 0;
        }
        to {
          height: 100%;
        }
      }	  
.index_main .section1 .index_banner .item .inner .yongchi-box .yc-left .word-top .word span.w1{-webkit-animation-delay: 0.6s;animation-delay: 0.6s;opacity: 1;}
.index_main .section1 .index_banner .item .inner .yongchi-box .yc-left .word-top .word span.w2{-webkit-animation-delay: 0.9s;animation-delay: 0.9s;opacity: 1;}
.index_main .section1 .index_banner .item .inner .yongchi-box .yc-left .word-top .word span.w3{-webkit-animation-delay: 1.2s;animation-delay: 1.2s;opacity: 1;}
.index_main .section1 .index_banner .item .inner .yongchi-box .yc-left .word-bottom .word span.w4{-webkit-animation-delay: 1.5s;animation-delay: 1.5s;opacity: 1;}
.index_main .section1 .index_banner .item .inner .yongchi-box .yc-left .word-bottom .word span.w5{-webkit-animation-delay: 1.8s;animation-delay: 1.8s;opacity: 1;}
.index_main .section1 .index_banner .item .inner .yongchi-box .yc-left .word-bottom .word span.w6{-webkit-animation-delay: 2.1s;animation-delay: 2.1s;opacity: 1;}


.index_main .section1 .index_banner .item.active .inner .yongchi-box .yc-left .word-top .word:last-child{ border:none}

.index_main .section1 .index_banner .item.active .inner .yongchi-box .yc-left .word-bottom{ width:376px; height:124px;  font-size:96px; text-align:center;}
.index_main .section1 .index_banner .item.active .inner .yongchi-box .yc-left .word-bottom .word{ width:124px; height:124px; float:left; }
.index_main .section1 .index_banner .item.active .inner .yongchi-box .yc-left .word-bottom .word:last-child{ border:none}


.index_main .section1 .index_banner .item.active .inner .yongchi-box .yc-rgiht{width:580px; height:250px; float:left; margin-left:35px;}
.index_main .section1 .index_banner .item.active .inner .yongchi-box .yc-rgiht .dz-eng{ width:580px; height:50px; font-size:30px; color:#F5C920; line-height:50px; margin-top:15px;-webkit-animation-delay: 2.4s;animation-delay: 2.4s;opacity: 1;}
.index_main .section1 .index_banner .item.active .inner .yongchi-box .yc-rgiht .dz-ch{ width:580px; height:50px; font-size:30px; color:#FFFFFF ; line-height:50px; border-bottom:1px #FFFFFF solid;-webkit-animation-delay: 2.7s;animation-delay: 2.7s;opacity: 1;}
.index_main .section1 .index_banner .item.active .inner .yongchi-box .yc-rgiht .dz-xq{ width:580px; height:150px; font-size:22px; line-height:34px; color:#FFFFFF; padding-top:25px;-webkit-animation-delay: 3s;animation-delay: 3s;opacity: 1;}


.index_main .section1 .index_banner .item .inner .block_txt{
	position: absolute;
	top: 30%;
	right: 10px;
	left:10px;
	opacity: 0; 
	transform: translateX(-40px);
	-webkit-transform: translateX(-40px); 
	-webkit-transition: all 500ms ease; 
	transition: all 500ms ease;
}

.index_main .section1 .index_banner .item.active .inner .block_txt{
	opacity: 1; 
	-webkit-transform: translateY(0); 
	transform: translateY(0); 
	-webkit-transition-delay: 100ms; 
	transition-delay: 100ms;
}


.index_main .section1 .index_banner .item .inner .block_txt h4{
	font-size: 30px;
	color: #fff;
	text-align: center;
	font-family: 'COCO';
}
.index_main .section1 .index_banner .item .inner .block_txt h2{
	color: #fff;
	font-size: 70px;
	font-weight: bold;
	text-align:center;
	letter-spacing:5px;
}
.index_main .section1 .index_banner .item .inner .block_txt h2 span{
	color: #f5c920;
	display: inline-block;
	letter-spacing: 5px;
}
.index_main .section1 .index_banner .item .inner .block_txt h3{
	color: #fff;
	font-size: 22px;
	text-align:center;
	margin-top: 10px;
	letter-spacing: 3px;
}
.index_main .section1 .slick_txt{
	width:30%;
	height: 100%;
	background-color: transparent;
	transition: all 500ms ease;
	-webkit-transition:all 500ms ease; 
	background-repeat: no-repeat;
	position: absolute;
	top: 0;
	font-size: 0;
	outline: none;
	border:0;
}
.index_main .section1 .left{
	left: 0;
}
.index_main .section1 .right{
	right:0;
}
.index_main .section1 .slick_txt:hover .slick_arrow{
	opacity: 1;
	visibility: visible;
}
.index_main .section1 .slick_txt .slick_arrow{
	width: 20px;
	height: 36px;
	background-repeat: no-repeat;
	background-position: center;
	margin-top: -18px;
	position: absolute;
	top: 50%;
	cursor: pointer;
	transition: all 500ms ease;
	-webkit-transition:all 500ms ease;
	opacity: 0;
	visibility: hidden;
}
.index_main .section1 .slick_txt .prev{
	background-image:url(../images/ban_prev.png);
	left:60px;
}
.index_main .section1 .slick_txt .next{
	background-image:url(../images/ban_next.png);
	right:60px;
}
.index_main .section1 .slick_txt .prev:hover{
	background-image:url(../images/ban_prev_hover.png);
}
.index_main .section1 .slick_txt .next:hover{
	background-image:url(../images/ban_next_hover.png);
}
.index_main .section1 .number{
	position: absolute;
	bottom:8%;
	left: 50%;
	padding-bottom: 5px;
	border-bottom: 1px solid rgba(255,255,255,0.2);
	display: table;
	padding: 0 20px;
	width: auto;
	text-align: center;
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
}
.index_main .section1 .number span{
	font-family: "Myriad Pro","Microsoft YaHei";
	font-size: 30px;
	color: #fff;
	margin-right:100px;
	display: inline-block;
	cursor: pointer;
	position: relative;
	transition: all 500ms ease;
	-webkit-transition:all 500ms ease;
	font-weight:bold
}
.index_main .section1 .number span:last-child{
	margin-right: 0;
}
.index_main .section1 .number span:after{
	content: "";
	display: inline-block;
	width: 0;
	height: 2px;
	background: #fff;
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	bottom:-20px;
	opacity: 0;
	visibility: hidden;
	transition: all 500ms ease;
	-webkit-transition:all 500ms ease;
}
.index_main .section1 .number span.active:after{
	width: 100%;
	opacity: 1;
	visibility: visible;
}

.index_main .section2{
	background:#0066CC;
	height: 100vh !important;
	overflow:hidden
}

/*第二屏*/
.index_main .section2 .aboutbox{ width:1380px; height:480px; position:absolute; left:50%; margin-left:-730px; top:26%;background:rgba(255,255,255,.1); z-index:999999; padding:40px;-webkit-animation-delay: 0s;animation-delay: 0s;opacity: 0; padding-top:70px;}

.index_main .section2 .aboutbox .cls-icl{ position:absolute; top:30px; right:50px; width:150px;}
.index_main .section2 .aboutbox .cls-icl img{ width:100%}
.index_main .section2 .aboutbox .left-pic{ width:450px; height:450px; float:left;-webkit-animation-delay: 0.5s;animation-delay: 0.5s;opacity: 1;}
.index_main .section2 .aboutbox .right-about{ width:870px; height:450px; float:left; margin-left:60px;}
.index_main .section2 .aboutbox .right-about .engtit{ height:45px; font-size:30px; line-height:45px; color:#fff; font-family:Geneva, Arial, Helvetica, sans-serif;-webkit-animation-delay: 0.8s;animation-delay: 0.8s;opacity: 1;}
.index_main .section2 .aboutbox .right-about .ch-tit{ height:80px; font-size:50px; line-height:80px; color:#fff;-webkit-animation-delay: 1.1s;animation-delay: 1.1s;opacity: 1;}
.index_main .section2 .aboutbox .right-about .ch-tit span{ color:#FF9900; font-size:60px;}

.index_main .section2 .aboutbox .right-about .shili{ width:870px; height:100px; margin-top:30px; color:#FFFFFF;-webkit-animation-delay: 1.4s;animation-delay: 1.4s;opacity: 1;}
.index_main .section2 .aboutbox .right-about .shili .slbox{ height:100px; float:left; border-right:1px #fff solid; padding-right:25px; margin-right:25px;}
.index_main .section2 .aboutbox .right-about .shili .slbox:last-child{ border:none}
.index_main .section2 .aboutbox .right-about .shili .slbox .top-num{ height:60px;}
.index_main .section2 .aboutbox .right-about .shili .slbox .top-num .num{ font-size:56px; float:left; height:60px; }
.index_main .section2 .aboutbox .right-about .shili .slbox .top-num .danwei{ font-size:20px; float:left; line-height:40px; margin-left:20px; padding-top:30px;}
.index_main .section2 .aboutbox .right-about .shili .slbox .sl-sm{ height:40px; font-size:20px; line-height:30px; color:#fff; text-align:center; color:#FFCC66}
.index_main .section2 .aboutbox .right-about .about-box{ width:870px; height:100px; font-size:18px; line-height:32px; color:#fff; margin-top:60px;-webkit-animation-delay: 1.7s;animation-delay: 1.7s;opacity: 1;}
.index_main .section2 .aboutbox .right-about .about-more{ width:870px; height:30px; font-size:16px; line-height:30px; margin-top:10px;-webkit-animation-delay: 2.1s;animation-delay: 2.1s;opacity: 1; text-align:left}
.index_main .section2 .aboutbox .right-about .about-more a{ color:#FFFFFF}


/*内页大型鱼缸*/
.index_main .section2 .neiye-haiyang{ width:1200px; height:400px; position:absolute; left:50%; margin-left:-640px; top:24%;background:rgba(255,255,255,.9); z-index:999999; padding:40px;/*-webkit-animation-delay: 0s;animation-delay: 0s;opacity: 0;*/ border-radius:5px;
}
.index_main .section2{
background: url(../images/hyg.jpg) no-repeat;
    background-size: auto;
background-size: 100% 100%;
}

.index_main .section2 .neiye-haiyang .left-video{ width:700px; height:400px; float:left}
.index_main .section2 .neiye-haiyang .left-video video{ width:700px;}
.index_main .section2 .neiye-haiyang .right-sm{ width:450px; height:400px; float:left; margin-right:40px;}
.index_main .section2 .neiye-haiyang .right-sm .daxin-title{ font-size:36px; line-height:50px; color:#0066CC; border-bottom:1px #0099CC solid; height:60px;}
.index_main .section2 .neiye-haiyang .right-sm .daxin-engtit{ font-size:20px; line-height:40px; color:#666666; font-family:"Times New Roman", Times, serif; height:40PX;}
.index_main .section2 .neiye-haiyang .right-sm .daxin-txt{ font-size:16px; line-height:30px; color:#0066CC; margin-top:30px;}
.index_main .section2 .neiye-haiyang .right-sm .daxin-dz-btn{ font-size:16px; line-height:40px; width:180px; height:40px; text-align:center; margin-top:30px;}
.index_main .section2 .neiye-haiyang .right-sm .daxin-dz-btn a{ color:#FFFFFF; background:#FF6600; display:block; border-radius:3px;}



.inrow{font-size:0; margin:0; padding:0;}
.inrow>li,.inrow span{display:inline-block;*display:inline; margin:0; padding:0;}
.dataNums{position: absolute;  display: block;  height:75px;  text-align:center;}
.dataNums .dataOne{ width:30px; height:75px; margin: 0px 3px; text-align: center; }
.dataNums .dataBoc {position: relative; width: 100%; height: 100%; overflow: hidden;}
.dataNums .dataBoc .tt {position: absolute; top: 0;  left: 0; width: 100%;  height: 100%;}
.dataNums .tt span{width:100%;height:75px;; font-size:56px; color:#fff; margin:0; padding:0}



video#bgvid{
display: table-cell;
vertical-align: middle;
position: absolute;
left: 0;
top: 0;
min-width: 100%;
min-height: 100vh;
width: auto;
height: auto;
z-index: -100;
background-size: cover;
visibility: visible;
z-index:999
}


.index_main .section2 video#bgvid{ width:80%}
.index_main .section3 video#bgvid{ width:80%}
.index_main .section4 video#bgvid{ width:80%}
.index_main .section5 video#bgvid{ width:80%}
.index_main .section6 video#bgvid{ width:80%}
.index_main .section2 h3{
	text-align: center;
}
.index_main .section3{
	width: 100%;
	height: 100%;

}


.index_main .section3 .iproduct{width:1380px; height:520px; position:absolute; left:50%; margin-left:-730px; top:25%;background:rgba(255,255,255,.1); z-index:999999; padding:40px;-webkit-animation-delay: 0s;animation-delay: 0s;opacity: 0; border-radius:5px;}
.index_main .section3 .iproduct .cls-icl-bl{ position:absolute; top:30px; right:50px; width:130px}
.index_main .section3 .iproduct .cls-icl-bl img{ width:100%;opacity: 0.5;}
.index_main .section3 .iproduct .cls-icl-hyg{ position:absolute; top:50px; left:50px; width:150px;}
.index_main .section3 .iproduct .cls-icl-hyg img{ width:100%;opacity: 0.7;}

.index_main .section3 .iproduct .ptit{ height:50px; font-size:44px; text-align:center; line-height:58px; color:#FFFFFF;-webkit-animation-delay: 0.4s;animation-delay: 0.4s;opacity: 1;}
.index_main .section3 .iproduct .ptit span{ color:#FFFF99}
.index_main .section3 .iproduct .prosm{ height:100px; font-size:18px; line-height:28px; text-align:center; width:800px; margin:auto; padding-top:20px; color:#FFFFFF;-webkit-animation-delay: 0.7s;animation-delay: 0.7s;opacity: 1; padding-top:40px;}
.index_main .section3 .iproduct .probox{ width:1380px; height:340px; font-size:18px; text-align:center; line-height:50px;-webkit-animation-delay: 1s;animation-delay: 1s;opacity: 1;}
.index_main .section3 .iproduct .probox .proli{ width:430px; margin:15px; height:280px; float:left;-webkit-animation-delay: 1.3s;animation-delay:1.3s;opacity: 1; position:relative; overflow:hidden}
.index_main .section3 .iproduct .probox .proli a{ color:#FFFFFF}

.index_main .section3 .iproduct .probox .proli .cover1{ width:430px; height:40px;position:absolute; top:220px; left:0; background:url(../images/pccover.fw.png); font-size:18px; line-height:40px; color:#fff; text-align:center}

.index_main .section3 .iproduct .probox .proli img{ position:absolute; left:0; top:0; width:430px;}
.index_main .section3 h3{
	text-align: center;
}

/*内页大型鱼缸*/
.index_main .section3 .neiye-yongchi{ width:1200px; height:400px; position:absolute; left:50%; margin-left:-640px; top:24%;background:rgba(255,255,255,.9); z-index:999999; padding:40px;/*-webkit-animation-delay: 0s;animation-delay: 0s;opacity: 0;*/ border-radius:5px;
}
.index_main .section3{
background: url(../images/big3.jpg) no-repeat;
    background-size: auto;
background-size: 100% 100%;
}
.index_main .section3 .neiye-yongchi .left-video{ width:700px; height:400px; float:left}
.index_main .section3 .neiye-yongchi .left-video video{ width:700px;}
.index_main .section3 .neiye-yongchi .right-sm{ width:450px; height:400px; float:left; margin-left:40px;}
.index_main .section3 .neiye-yongchi .right-sm .daxin-title{ font-size:36px; line-height:50px; color:#0066CC; border-bottom:1px #0099CC solid; height:60px;}
.index_main .section3 .neiye-yongchi .right-sm .daxin-engtit{ font-size:20px; line-height:40px; color:#666666; font-family:'addfont',Microsoft Yahei; height:40PX;}
.index_main .section3 .neiye-yongchi .right-sm .daxin-txt{ font-size:16px; line-height:30px; color:#0066CC; margin-top:30px;}
.index_main .section3 .neiye-yongchi .right-sm .daxin-dz-btn{ font-size:16px; line-height:40px; width:180px; height:40px; text-align:center; margin-top:30px;}
.index_main .section3 .neiye-yongchi .right-sm .daxin-dz-btn a{ color:#FFFFFF; background:#FF6600; display:block; border-radius:3px;}


.index_main .section4 .icase{width:1420px; height:560px; position:absolute; left:50%; margin-left:-730px; top:20%;background:rgba(255,255,255,.2); z-index:999999; padding:40px;/*-webkit-animation-delay: 0s;animation-delay: 0s;opacity: 0; */border-radius:5px;}
.index_main .section4 .icase .icasebox{ width:1380px; height:500px; padding-top:30px; margin:auto}
.index_main .section4 .icase .icasebox .casetop{ width:1380px; height:230px;}
.index_main .section4 .icase .icasebox .casetop .case-jianjie{ width:680px; height:230px; float:left}
.index_main .section4 .icase .icasebox .casetop .case-jianjie .tit{ height:50px; font-size:30px; color:#FFFFFF; line-height:50px;}
.index_main .section4 .icase .icasebox .casetop .case-jianjie .tit span{ color:#FF6600}
.index_main .section4 .icase .icasebox .casetop .case-jianjie .desc{ height:150px; font-size:16px; color:#FFFFFF; line-height:30px; padding-top:20px; padding-right:40px; width:640px;}
.index_main .section4 .icase .icasebox .casetop .case-jianjie .desc .morebtn{ width:130px; height:30px; border-radius:3px; margin-top:20px; float:right}
.index_main .section4 .icase .icasebox .casetop .case-jianjie .desc .morebtn a{ background:#FF6600; text-decoration:none; text-align:center;display:block; color:#FFFFFF; font-size:14px; border-radius:3px;}

.index_main .section4 .icase .icasebox .casetop .case-listt{ width:690px; height:230px; float:left; padding-left:7px; }
.index_main .section4 .icase .icasebox .casetop .case-listt .case-pic{ width:320px; height:200px; float:left; margin:7px;border:5px #00CCCC solid; position:relative; overflow:hidden}
.index_main .section4 .icase .icasebox .casetop .case-listt .case-pic img{ position:absolute}
.index_main .section4 .icase .icasebox .casebottom{ width:1380px; height:230px; margin-top:10px;}
.index_main .section4 .icase .icasebox .casebottom .case-pic{ width:320px; height:200px; float:left; margin:7px; border:5px #00CCCC solid; position:relative; overflow:hidden}
.index_main .section4 .icase .icasebox .casebottom .case-pic img{ position:absolute;}


.index_main .section4 .icase .cls-case{ width:1380px; height:30px; font-size:18px; line-height:30px; text-align:right}
.index_main .section4 .icase .cls-case li{ float:right; margin-left:20px;}
.index_main .section4 .icase .cls-case li a{ color:#FFFFFF}

.index_main .section4 .icase .icasebox .casetop .case-listt .case-pic .cover1{ width:320px; height:40px;position:absolute; top:168px; left:0; background:url(../images/pccover.fw.png) ; font-size:12px; line-height:40px; color:#fff; text-align:center}
.index_main .section4 .icase .icasebox .casetop .case-listt .case-pic .cover{ width:320px; height:189px; position:absolute; top:310px; left:0; }
.index_main .section4 .icase .icasebox .casetop .case-listt .case-pic .cover .cotxt{ width:280px; height:48px; font-size:18px; line-height:24px; text-align:center; color:#FFf; margin-top:86px; padding:0 20px;}

.index_main .section4 .icase .icasebox .casebottom .case-pic .cover1{ width:320px; height:40px;position:absolute; top:168px; left:0; background:url(../images/pccover.fw.png) ; font-size:14px; line-height:40px; color:#fff; text-align:center}
.index_main .section4 .icase .icasebox .casebottom .case-pic .cover{ width:320px; height:189px; position:absolute; top:310px; left:0; }
.index_main .section4 .icase .icasebox .casebottom .case-pic .cover .cotxt{ width:280px; height:48px; font-size:18px; line-height:24px; text-align:center; color:#FFf; margin-top:86px; padding:0 20px;}


.index_main .section5 .inews{width:1380px; height:480px; position:absolute; left:50%; margin-left:-730px; top:23%;background:rgba(255,255,255,.1); z-index:999999; padding:40px;-webkit-animation-delay: 0s;animation-delay: 0s;opacity: 0; border-radius:5px;}
.index_main .section5 .inews .news-left-pic{ width:318px; height:444px; float:left; border:5px #FFFFFF solid;-webkit-animation-delay: 0.5s;animation-delay: 0.5s;opacity: 0;}
.index_main .section5 .inews .news-left-pic img{ width:318px; height:444px;}
.index_main .section5 .inews .news-commond{ width:520px; height:450px; float:left; margin-left:30px;-webkit-animation-delay: 0.5s;animation-delay: 0.5s;opacity: 0;}
.index_main .section5 .inews .news-commond .title{ font-size:32px; line-height:50px; height:50px;}
.index_main .section5 .inews .news-commond .title a{ color:#FFFFFF}
.index_main .section5 .inews .news-commond .info{ height:50px; font-size:14px; line-height:50px;}
.index_main .section5 .inews .news-commond .info .info_img{ float:left; width:16px; margin-top:15px; padding-right:8px;}
.index_main .section5 .inews .news-commond .info .info_img img{ width:100%}
.index_main .section5 .inews .news-commond .info .info_txt{ float:left; font-size:14px; color:#FFFFFF; margin-right:20px;}

.index_main .section5 .inews .news-commond .news-box{ font-size:18px; line-height:32px; color:#FFFFFF; height:228px}
.index_main .section5 .inews .news-commond .news-btn{ font-size:18px; line-height:30px; margin-top:20px;}
.index_main .section5 .inews .news-commond .news-btn a{ color:#FFFFFF; text-decoration:none}
.index_main .section5 .inews .news-commond .news-btn a:hover{ color:#FFCC00}
.index_main .section5 .inews .news-list{ width:470px; height:400px; float:left; margin-left:30px;-webkit-animation-delay: 0.5s;animation-delay: 0.5s;opacity: 0;}
.index_main .section5 .inews .news-list .list-title{ font-size:32px; height:60px; color:#FFFFFF}
.index_main .section5 .inews .news-list .list-title span{ color:#FF9900}
.index_main .section5 .inews .news-list .list-box{ width:470px; height:320px; margin-top:40px;}
.index_main .section5 .inews .news-list .list-box .li{ height:110px;}
.index_main .section5 .inews .news-list .list-box .li .l_pic{ width:126px; height:82px; float:left}
.index_main .section5 .inews .news-list .list-box .li .r_txt{ width:330px; height:82px; float:left; margin-left:14px;}
.index_main .section5 .inews .news-list .list-box .li .r_txt .r_title{ font-size:18px; line-height:26px;}
.index_main .section5 .inews .news-list .list-box .li .r_txt .r_title a{ color:#FFFFFF; text-decoration:none}
.index_main .section5 .inews .news-list .list-box .li .r_txt .info{ height:50px; font-size:14px; line-height:40px;}
.index_main .section5 .inews .news-list .list-box .li .r_txt .info .info_img{ float:left; width:16px; margin-top:10px; padding-right:8px;}
.index_main .section5 .inews .news-list .list-box .li .r_txt .info .info_img img{ width:100%}
.index_main .section5 .inews .news-list .list-box .li .r_txt .info .info_txt{ float:left; font-size:14px; color:#FFFFFF; margin-right:20px;}
.index_main .section5 .inews .news-list .more-btn{ font-size:18px; line-height:50px; width:200px; margin-left:10px;}
.index_main .section5 .inews .news-list .more-btn a{ color:#FFFFFF; text-decoration:none}
.index_main .section5 .inews .news-list .more-btn a:hover{ color:#FF9900}


.index_main .section6 .iconnect{width:1380px; height:520px; position:absolute; left:50%; margin-left:-730px; top:20%;background:rgba(255,255,255,.1); z-index:999999; padding:40px;-webkit-animation-delay: 0s;animation-delay: 0s;opacity: 0; border-radius:5px;}
.index_main .section6 .iconnect .map{ width:820px; height:500px; float:left;-webkit-animation-delay: 0.6s;animation-delay: 0.6s;opacity: 0;}
.index_main .section6 .iconnect .map img{ width:100%; border-radius:15px;}
.index_main .section6 .iconnect .conninfo{ width:480px; height:500px; float:left; margin-left:70px;-webkit-animation-delay: 0.6s;animation-delay: 0.6s;opacity: 0;}
.index_main .section6 .iconnect .conninfo .conntit{ height:30px; font-size:20px; color:#FFFFFF}
.index_main .section6 .iconnect .conninfo .tel{ height:80px; font-size:48px; line-height:80px; color:#FF9900}
.index_main .section6 .iconnect .conninfo .connadd{ height:48px;}
.index_main .section6 .iconnect .conninfo .connadd .c-ico{ width:15px; height:20px; float:left; margin-top:5px;}
.index_main .section6 .iconnect .conninfo .connadd .c-ico img{ width:100%; float:left}
.index_main .section6 .iconnect .conninfo .connadd .c-txt{ width:400px; height:30px; float:left; font-size:18px; color:#FFFFFF; margin-left:10px;}
.index_main .section6 .iconnect .conninfo .form{ height:200px; padding-top:40px;}
.index_main .section6 .iconnect .conninfo .form input.txt{ width:80%; height:30px; border:1px #FFFFFF solid; font-size:14px; line-height:30px; margin-top:10px; background:none; border-radius:3px; padding-left:10px; color:#111; background:#FFFFFF}
.index_main .section6 .iconnect .conninfo .form textarea{ width:80%; height:60px; border:1px #FFFFFF solid; font-size:14px; line-height:30px; margin-top:10px; background:none; border-radius:3px; padding-left:10px; color:#111; background:#FFFFFF}
.index_main .section6 .iconnect .conninfo .form .form-tit{ font-size:18px; color:#FFFFFF}
.index_main .section6 .footer{ width:100%; height:60px;background:rgba(255,255,255,.2); position:absolute; bottom:0; left:0; z-index:99999}
.index_main .section6 .footer .footer-txt{ margin:auto; width:1380px; font-size:16px; line-height:60px; color:#FFFFFF; height:60px;}
.index_main .section6 .footer .footer-txt a{ color:#FFFFFF}
.index_main .section3 .footer{ width:100%; height:60px;background:rgba(255,255,255,.2); position:absolute; bottom:0; left:0; z-index:99999}
.index_main .section3 .footer .footer-txt{ margin:auto; width:1380px; font-size:16px; line-height:60px; color:#FFFFFF; height:60px;}

.index_main .section4 h3{
	text-align: center;
}

@media only screen and (max-width: 1600px){
	.index_main .section1 .index_banner .item .inner .block_txt h4{
		font-size: 28px;
	}
	.index_main .section1 .index_banner .item .inner .block_txt h2{
		font-size: 60px;
	}
	.index_main .section1 .index_banner .item .inner .block_txt h3{
		font-size: 20px;
	}
}
@media only screen and (max-width: 1440px){
	.index_main .section1 .index_banner .item .inner .block_txt h4{
		font-size: 24px;
	}
	.index_main .section1 .index_banner .item .inner .block_txt h2{
		font-size: 40px;
	}
	.index_main .section1 .index_banner .item .inner .block_txt h3{
		font-size: 18px;
		margin-top: 5px;
	}
}
@media only screen and (max-width: 1366px){
	.index_main .section1 .index_banner .item .inner .block_txt h4{
		font-size: 20px;
	}
	.index_main .section1 .index_banner .item .inner .block_txt h2{
		font-size: 26px;
	}
	.index_main .section1 .index_banner .item .inner .block_txt h3{
		font-size: 16px;
	}
	.index_main .section1 .index_banner .slick-arrow{
		background-size: auto 30px;
	}
}
@media only screen and (max-width: 1300px){

}
@media only screen and (max-width: 1199px){
	.index_main .section1 .index_banner .item .inner .block_txt h4{
		font-size: 18px;
	}
	.index_main .section1 .index_banner .item .inner .block_txt h2{
		font-size: 22px;
		}
	.index_main .section1 .index_banner .item .inner .block_txt h3{
		font-size: 14px;
	}
}
@media only screen and (max-width: 992px){
	.index_main .section1 .index_banner .item{
		height: 100vh;
	}
	.index_main .section1 .index_banner .item .inner .block_txt{
		left: 0;
		right:0;
		margin: 0 auto;
		padding: 0 20px;
		top: 42%;
	}
	.index_main .section1 .index_banner .slick-arrow{
		display: none !important;
	}
    .index_main .section1 .index_banner .slick-dots{
    	position: absolute;
    	bottom: 12px;
    }
    .index_main .section1 .index_banner .slick-dots li{
    	width: 12px;
    	height: 12px;
    	border-radius: 50%;
    	border:2px solid #fff;
    }
    .index_main .section1 .index_banner .slick-dots li button{
    	display: none;
    }
    .index_main .section1 .index_banner .slick-dots li.slick-active{
    	background: #fff;
    }
	.index_main .section1 .number{
		bottom: 12%;
		display: none;
	}
	.index_main .section1 .number span{
		margin-right: 22px;
	}
	.index_main .section1 .number span:after{
		bottom: -14px;
	}

}
@media only screen and (max-width: 767px){
    
}
@media only screen and (max-width: 340px){
 
}
@media only screen and (max-width: 320px){
	
}
body.abouts{background: url(../images/big1.jpg);
    background-size: auto;
background-size: 100% ; width:100%;}
.about{ width:1200px;  margin:auto;background:rgba(255,255,255,.9); margin-top:120px; padding:40px;font:300 14px/1.5 "Helvetica Neue",Helvetica,Arial,"Microsoft Yahei","Hiragino Sans GB","Heiti SC","WenQuanYi Micro Hei",sans-serif;}
.about .engtit{ font-size:22px; line-height:30px; color:#222 ; font-family: 'addfont',Microsoft Yahei;}
.about .abouttit{ font-size:40px; line-height:80px; color:#222;}
.about .abouttit span{ font-size:48px; color:#0099FF}
.about .aboutbox{ font-size:18px; line-height:30px; padding-top:30px;}
.about .aboutbox img{ width:100%}
.about .aboutbox .about-tit{ font-size:30px; line-height:60px; color:#333333; margin-top:30px;}
.about .cls{ height:50px;}
.about .cls li{ font-size:16px; text-align:center; float:left ; margin-right:10px; line-height:32px;}
.about .cls li a{ display:block; text-decoration:none; background:#0066CC; color:#FFFFFF;padding:0px 20px;  border:1px 0066CC solid;}
.about .cls li a.on{display:block; text-decoration:none; background:#fff; color:#0066CC;padding:0px 20px; border:1px 0066CC solid;}


.about .servicebox{ font-size:16px; line-height:30px; padding-top:30px;}
.about .servicebox .serli{ width:1200px; height:auto; border-bottom:1px #aaa dotted; padding-top:60px;}
.about .servicebox .serli .left-pic{ width:520px; height:330px; float:left}
.about .servicebox .serli .right-txt{ width:610px; height:330px; float:left; margin-left:50px;}
.about .servicebox .serli .right-txt strong{ font-size:18px;}

.about .list_case{ width:1200px; height:auto;}
.about .list_case li{ float:left; width:280px; height:189px; margin:10px; position:relative; overflow:hidden}
.about .page{ width:1100px; height:50px; font-size:16px; margin-top:20px; padding-left:10px;}

.about .list_case li .cover1{ width:280px; height:40px;position:absolute; top:130px; left:0; background:url(../images/pccover.fw.png) no-repeat; font-size:12px; line-height:40px; color:#fff; text-align:center}
.about .list_case li .cover1 span{ color:#FF0000; margin-left:10px;}

.about .list_case li .cover{ width:280px; height:189px; position:absolute; top:280px; left:0; }
.about .list_case li .cover .cotxt{ width:248px; height:48px; font-size:18px; line-height:24px; text-align:center; color:#FFf; margin-top:86px; padding:0 20px;}
.about .list_case li img{ width:280px;position:absolute; left:0; top:0;}

.about .connbox{ width:1200px; height:500px;}

.about .connbox .map{ width:730px; height:480px; float:left;-webkit-animation-delay: 0.6s; border:1px #ccc solid}
.about .connbox .conninfo{ width:430px; height:500px; float:left; margin-left:30px;}
.about .connbox .conninfo .conntxt{ font-size:14px; line-height:30px;}
.about .connbox .conninfo .conntit{ height:30px; font-size:20px; color:#333}
.about .connbox .conninfo .tel{ height:80px; font-size:48px; line-height:80px; color:#FF9900}
.about .connbox .conninfo .connadd{ height:48px;}
.about .connbox .conninfo .connadd .c-ico{ width:15px; height:20px; float:left; margin-top:5px;}
.about .connbox .conninfo .connadd .c-ico img{ width:100%;}
.about .connbox .conninfo .connadd .c-txt{ width:400px; height:30px; float:left; font-size:18px; color:#333; margin-left:10px;}
.about .connbox .conninfo .form{ height:200px; }
.about .connbox .conninfo .form input.txt{ width:90%; height:30px; border:1px #aaa solid; font-size:14px; line-height:30px; margin-top:10px; background:none; border-radius:3px; padding-left:10px; color:#666}
.about .connbox .conninfo .form textarea{ width:90%; height:60px; border:1px #aaa solid; font-size:14px; line-height:30px; margin-top:10px; background:none; border-radius:3px; padding-left:10px; color:#666}
.about .connbox .conninfo .form .form-tit{ font-size:18px; color:#333}


.art_footer{ width:100%; height:60px;background:rgba(255,255,255,.9); margin-top:50px; position:fixed; bottom:0}
.art_footer .footer_center{ width:1200px; height:60px; margin:auto; font-size:16px; color:#333; line-height:60px;}


.clearfix:after{visibility: hidden;display: block;font-size: 0;content: ".";clear: both;}


.artical{ width:1200px;  margin:auto;background:rgba(255,255,255,.9); margin-top:120px; padding:40px;font:300 14px/1.5 "Helvetica Neue",Helvetica,Arial,"Microsoft Yahei","Hiragino Sans GB","Heiti SC","WenQuanYi Micro Hei",sans-serif; color:#333333}

.artical .art-left{ width:800px; height:auto; float:left;}
.artical .art-left .l-title{ font-size:30px; line-height:30px;}
.artical .art-left .l-engtit{ font-size:14px; line-height:40px; border-bottom:1px #333333 solid}
.artical .art-left .l-box{ font-size:16px; line-height:30px; padding:30px 0;}
.artical .art-left .l-box img{ width:100%}
.artical .art-left .pandn{ font-size:16px; line-height:50px;}
.artical .art-left .pro-box{ width:800px; height:auto;}
.artical .art-left .pro-box img{ width:100%}
.artical .art-left .news-list{ width:800px; height:auto;}
.artical .art-left .news-list .comm-li{ width:800px; height:88px; margin-top:10px;}
.artical .art-left .news-list .comm-li .c-l-pic{ width:120px; height:81px; float:left}
.artical .art-left .news-list .comm-li .c-r-txt{ width:660px; height:81px; float:left; margin-left:15px;}
.artical .art-left .news-list .comm-li .c-r-txt .r-txt-title{ font-size:16px;}
.artical .art-left .news-list .comm-li .c-r-txt .r-txt-desc{ font-size:14px; line-height:24px; color:#999999}

.page{ font-size:16px; line-height:50px;}

.artical .art-right{ width:370px; height:auto; float:left; margin-left:30px;}
.artical .art-right .r-tit{ font-size:30px; line-height:50px; border-bottom:1px #333333 solid;}
.artical .art-right .r-list{ height:auto}
.artical .art-right .r-list .comm-li{ width:370px; height:88px; margin-top:10px;}
.artical .art-right .r-list .comm-li .c-l-pic{ width:120px; height:81px; float:left}
.artical .art-right .r-list .comm-li .c-r-txt{ width:230px; height:81px; float:left; margin-left:15px;}
.artical .art-right .r-list .comm-li .c-r-txt .r-txt-title{ font-size:16px;}
.artical .art-right .r-list .comm-li .c-r-txt .r-txt-desc{ font-size:14px; line-height:24px; color:#999999}