body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,form,input,table,tbody,p,th,td,em{-webkit-text-size-adjust:none;margin:0;padding:0;border:none;-webkit-tap-highlight-color:rgba(0,0,0,0);font-size:12px;font-family:"Microsoft Yahei","微软雅黑",Tahoma,Arial,Helvetica,STHeiti;}
html,body{height:100%;}
img,input,button,a,select,textarea{margin:0;padding:0;resize:none;border:none;outline:none;} 
ol,ul{list-style:none;} 
h1,h2,h3,h4,h5,h6,p,em,i,b,em{font-size:100%;word-wrap:break-word;font-weight:normal;font-style:normal;}
a:active, a:focus{outline:none;}
button::-moz-focus-inner,input::-moz-focus-inner{padding:0;border:0;}
*html{background-image:url(about:blank);background-attachment:fixed;} /* 修正IE6振动bug */

.slider1 { position: relative; width: 100%;height: auto;overflow: hidden; }
.slider1 img{ height:auto; width:100%;}
.slides { height: 100%; /* Simple clear fix */
overflow: hidden; /**	
		 * Prevent blinking issue
		 * Not tested. Experimental.
		 */
-webkit-backface-visibility: hidden; -webkit-transform-style: preserve-3d; /**
		 * Here is CSS transitions 
		 * responsible for slider animation in modern broswers
		 */
-webkit-transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000); -moz-transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000); -ms-transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000); -o-transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000); transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000); }
.slide { height: 100%; float: left; clear: none; }
.slider-arrows { }
.slider-arrow { position: absolute; display: block; margin-bottom: -20px; width: 60px; height: 60px; line-height: 60px; text-decoration: none; text-align: center; color: #fff; font-size: 2em; background-color: #333; background-color: rgba(50,50,50,.3); border-radius: 50%; }
.slider-arrow--right { bottom: 50%; right: 30px; }
.slider-arrow--left { bottom: 50%; left: 30px; }
.slider-nav { position: absolute; bottom: 30px; }
.slider-nav__item { width: 34px; height: 4px; float: left; clear: none; display: block; margin: 0 5px; background: #fff; }
.slider-nav__item:hover { background: #01a3ae; }
.slider-nav__item--current { background: #01a3ae; }


@-webkit-keyframes baoAni{from{opacity:0;left:60%;} to{opacity:1;left:50%;} }
@-moz-keyframes baoAni{from{opacity:0;left:60%;} to{opacity:1;left:50%;} }
@keyframes baoAni{from{opacity:0;left:60%;} to{opacity:1;left:50%;} }
.banAnimate .obj-b{display:block;animation-name:saAni;-webkit-animation:saAni 0.4s linear 0s normal none;-moz-animation:saAni 0.4s linear 0s normal none;animation:saAni 0.4s linear 0s normal none;}
@-webkit-keyframes saAni{from{opacity:0;-webkit-transform:scale(0,0);} to{opacity:1;-webkit-transform:scale(1,1);} }
@-moz-keyframes saAni{from{opacity:0;-moz-transform:scale(0,0);} to{opacity:1;-moz-transform:scale(1,1);} }
@keyframes saAni{from{opacity:0;transform:scale(0,0);} to{opacity:1;transform:scale(1,1);} }
.watch-code.code-show{display:block;animation-name:scode;-webkit-animation:scode 0.3s linear 0s normal none;-moz-animation:scode 0.3s linear 0s normal none;animation:scode 0.3s linear 0s normal none;}
@-webkit-keyframes scode{from{opacity:0;-webkit-transform:scale(1,0);transform-origin:left bottom;} to{opacity:1;-webkit-transform:scale(1,1); transform-origin: left bottom;} }
@-moz-keyframes scode{from{opacity:0;-moz-transform:scale(1,0); transform-origin:left bottom;} to{opacity:1;-moz-transform:scale(1,1);transform-origin:bottom bottom;} }
@keyframes scode{from{opacity:0;transform:scale(1,0);transform-origin:left bottom;} to{opacity:1;transform:scale(1,1);transform-origin: left bottom;} }
.banAnimate .obj-c,.banAnimate .obj-e{display:block;animation-name:saAnic;-webkit-animation:saAnic 0.3s linear 0s normal none;-moz-animation:saAnic 0.3s linear 0s normal none;animation:saAnic 0.3s linear 0s normal none;}
@-webkit-keyframes saAnic{from{opacity:0;left:47%;} to{opacity:1;left:50%;} }
@-moz-keyframes saAnic{from{opacity:0;left:47%;} to{opacity:1;left:50%;} }
@keyframes saAnic{from{opacity:0;left:47%;} to{opacity:1;left:50%;} }
.banAnimate .obj-d,.banAnimate .obj-f{display:block;animation-name:saAnid;-webkit-animation:saAnid 0.3s linear 0s normal none;-moz-animation:saAnid 0.3s linear 0s normal none;animation:saAnid 0.3s linear 0s normal none;}
@-webkit-keyframes saAnid{from{opacity:0;left:53%;} to{opacity:1;left:50%;} }
@-moz-keyframes saAnid{from{opacity:0;left:53%;} to{opacity:1;left:50%;} }
@keyframes saAnid{from{opacity:0;left:53%;} to{opacity:1;left:50%;} }


/*-----------------banner--------------------*/
.fullSlide{ width:100%;  position:relative;  height:750px; background:#000; }
.fullSlide .bd{ margin:0 auto; position:relative; z-index:0; overflow:hidden;  }
.fullSlide .bd ul{ width:100% !important;  }
.fullSlide .bd li{ width:100% !important;  height:750px; overflow:hidden; text-align:center;  }
.fullSlide .bd li a{ display:block; height:750px; }
.fullSlide .hd{ width:100%;  position:absolute; z-index:1; bottom:25px; left:0; height:30px; line-height:30px; }
.fullSlide .hd ul{ text-align:center; }
.fullSlide .hd ul li{ cursor:pointer; display:inline-block; *display:inline; 	zoom:1; width:12px; height:12px; margin:3px; overflow:hidden; line-height:999px; background-image: url("../images/a_02.png")/*tpa=http://www.cnzentai.com/images/a_02.png*/; }
.fullSlide .hd ul .on{ background-image: url("../images/a_01.png")/*tpa=http://www.cnzentai.com/images/a_01.png*/; }
.fullSlide .prev,
.fullSlide .next{ display:block;  position:absolute; z-index:1; top:50%; margin-top:-30px; left:8%;  z-index:1; width:40px; height:60px; background:url("../images/slider-arrow.png")/*tpa=http://www.cnzentai.com/images/slider-arrow.png*/ -126px -137px #000 no-repeat;  cursor:pointer; filter:alpha(opacity=50);opacity:0.5; display:none;  }
.fullSlide .next{ left:auto; right:8%; background-position:-6px -137px; }


/*
 * index-about
 */

.index-about{height:648px;}
.index-about .lucency{width:100%;height:648px;background:#fff; filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#df017cba,endColorstr=#df017cba); zoom:1;}
:root .index-about .lucency{filter: none\9;}
.index-about .lucency .body{width:1100px;height:648px;margin:auto;}
.index-about .lucency .body h2{color:#666;text-align:center;padding:70px 0 80px 0;font-size:30px;font-weight:normal;text-transform:uppercase;}
.index-about .lucency .body h2 span{font-size:18px;}

.index-about .lucency .body dl{color:#666;width:175px;height:175px;float:left;margin-left:133px;text-align:center;}
.index-about .body dl:nth-of-type(1){margin-left:0;}
.index-about .lucency .body dl a{color:#666;width:175px;height:175px;display:block;background:url("../images/index_about.png")/*tpa=http://www.cnzentai.com/images/index_about.png*/ no-repeat; position:absolute;}
.index-about .lucency .body dl a:hover{animation:9s linear 0s normal backwards infinite running rotate;-webkit-animation:9s linear 0s normal backwards infinite running rotate;}
.index-about .lucency .body dl dt{width:175px;height:90px;font-family:微软雅黑;font-size:20px;display:table-cell; vertical-align:bottom;}
.index-about .lucency .body dl dd{width:175px;height:85px;font-family:Arial;font-size:12px;}

.index-about .lucency .body .more{clear:both;width:150px;margin:125px auto 0;height:38px;line-height:38px;text-align:center;border:1px solid #ebebeb;}
.index-about .lucency .body .more a{width:150px;height:38px;display:inline-block;color:#01a3ae;font-size:14px;font-family:Arial;}
.index-about .lucency .body .more a:hover{color:#fff;background:#01a3ae;}
.index-about .lucency .body .more span{position: relative; top: 1px; width:18px;height:13px;display:inline-block;background:url("../images/more.png")/*tpa=http://www.cnzentai.com/images/more.png*/ no-repeat right center;}
 

 
/**
 * index-product
 */
.index-product{height:815px;}
.index-product .body{margin:auto;/* text-align:center; */}
.index-product .body h2{color:#fff;font-family:Arial;font-size:30px;line-height: 32px;font-weight:normal;padding-top:88px;padding-bottom:60px;text-transform:uppercase;}
.index-product .body h2 span{font-size:24px;}

.index-product .type-list{height:42px;}
.index-product .type-list ul{display:inline-block;}
.index-product ul li {float:left;display:block;margin:0 20px;height:40px; padding:0 8px; line-height:40px;}
 .index-product ul li:hover{ background:#07868f; }
.index-product ul li a{color:#fff; font-size: 15px; font-weight: bold;}
/* .index-product ul li:hover a{color:#007FE5;} */
.index-product .relative{height:3px;margin:0;padding:0; position:relative;z-index:-1}
.index-product .ulborder{width:100%;height:2px;/* background:#24272c;border-top:1px solid #2f3238; */border-bottom:1px solid #f9f9f9;position:absolute;left:0;top:-3px;}

.index-product .pro-list{width:1100px;margin:auto;padding-top:60px;}
.index-product .pro-list dl{width:251px;height:385px;margin-left:32px;float:left;}
.index-product .pro-list dl:first-child{margin-left:0;}
.index-product .pro-list dl dt img{width:251px;height:226px;text-align:left;color:#fff;}
.index-product .pro-list dl dd{text-align:left;color:#fff;}
.index-product .pro-list dl dd.pro-list-name{font-size:14px;height:30px;line-height:30px;margin-top:10px;}
.index-product .pro-list dl dd.pro-list-date{font-size:12px;font-family:Arial;height:20px;padding-bottom:13px;background:url("../images/more.png")/*tpa=http://www.cnzentai.com/images/more.png*/ no-repeat right 4px;border-bottom:2px solid #f9f9f9;}
.index-product .pro-list dl:hover .pro-list-date{color:#f78d2e;border-bottom-color:#f78d2e;background-image:url("../images/more_2.png")/*tpa=http://www.cnzentai.com/images/more_2.png*/;}
.index-product .pro-list dl:hover .pro-list-name{color:#f78d2e;}

.index-product .more{clear:both;width:150px;margin:85px auto 70px;height:38px;line-height:38px;text-align:center;border:1px solid #fff;}
.index-product .more a{width:150px;height:38px;display:inline-block;color:#fff;font-size:14px;font-family:Arial;}
.index-product .more a:hover{color:#01a3ae;background:#fff;}
.index-product .more span{position:relative;top:1px;width:18px;height:13px;display:inline-block;background:url("../images/more.png")/*tpa=http://www.cnzentai.com/images/more.png*/ no-repeat right center;}
 
/**
 * index-news
 */
 
 
.index-news{height:610px;background:#fff;}
.index-news .body{width:1100px;margin:auto;}
.index-news .body h2{text-align:center;color:#606060;font-family:Arial;font-size:30px;line-height:32px;font-weight:normal; padding-top:88px;margin-bottom:60px; text-transform:uppercase;}
.index-news .body h2 span{font-family:微软雅黑;font-size:24px;}

.section-focus-pic{margin:0;height:300px;width:533px;overflow:hidden;position:relative; float:left;}
.section-focus-pic ul li{position:absolute;top:0;left:533px;width:533px;height:300px;}

.section-focus-pic ul li h3{position:absolute;bottom:11px;left:0;width: 400px;font-weight:normal;color:#FFF;margin-left: 20px;z-index: 111;font-size: 18px; font-family:"微软雅黑";}
.section-focus-pic ul li div{position:absolute;bottom:0;left:0;height:50px;background-color:#000;width:570px;opacity: 0.6;filter: alpha(opacity=60);}
.section-focus-pic .pages{width:570px;height:300px;}
.section-focus-pic .controler{position:absolute;bottom:20px;right:20px;}
.section-focus-pic .controler b{cursor:pointer;width:20px;height:6px;display:block;overflow:hidden;text-indent:20px;background:#fff; float:left;margin:0 0 0 5px;}
.section-focus-pic .controler b.down{background:#01a3ae;}
.section-focus-pic .controler2 a{display:block; width:40px;position:absolute;top:120px;height:40px;}
.section-focus-pic .controler2 a i{cursor:pointer;display:block;width:22px;height:34px; background:url(../images/star.png) no-repeat;}
.section-focus-pic .controler2 .prev{left:5px;}
.section-focus-pic .controler2 .prev i{background-position:-34px -68px;_background:none;_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='imgs/star_05.png');margin-left:5px;}
.section-focus-pic .controler2 .prev:hover i{left:10px;background-position:-34px -24px;_background:none;_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='imgs/star_03.png');}
.section-focus-pic .controler2 .next{right:10px;}
.section-focus-pic .controler2 .next i{background-position:-62px -68px;_background:none;_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='imgs/star_06.png');margin-left:10px;}
.section-focus-pic .controler2 .next:hover i{right:10px;background-position:-62px -24px;_background:none;_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='imgs/star_04.png');}
.index-news .section-focus-pic{width:533px;height:300px}

.index-news .section-focus-pic dl{position:relative;}
.index-news .section-focus-pic dl dt{height:300px;}
.index-news .section-focus-pic dl dd{position:absolute;}
.index-news .section-focus-pic .news-top1-date{top:0;left:0;}
.index-news .section-focus-pic .news-top1-title{bottom:0;left:0;padding:10px 0;width:100%;height:40px;line-height:40px;font-size:14px;background: rgba(0,0,0,.5);color:#fff;text-indent:25px;}
.index-news .section-focus-pic .news-top1-date{width:70px;float:left;margin-right:20px;color:#fff;font-family:Arial;text-align: center;background:#01a3ae;}
.index-news .section-focus-pic .news-top1-date span{font-size:46px;width:70px;height:40px;display: inline-block;line-height: 45px;}


.index-news .news-list{width:530px;float:right;font-size:16px;}
.index-news .news-list dl{padding:25px 0 15px 0;border-bottom:1px solid #f3f3f3;}
.index-news .news-list dl:first-child{padding-top:0;}
.index-news .news-list dl:hover a{color:#01a3ae}
.index-news .news-list dl dt.news-list-date{width:70px;height:60px;float:left;margin-right:20px;color:#01a3ae;font-family:Arial;text-align: center;}
.index-news .news-list dl dt.news-list-date span{font-size:58px;width:70px;height:40px;display: inline-block;line-height: 45px;}
.index-news .news-list-title,.index-news .news-list-info{float:left;width:440px;overflow:hidden;}
.index-news .news-list-title{height:21px;}
.index-news .news-list-info{height:44px;}
.index-news .news-list-title a{font-size:16px;color:#474747;}
.index-news .news-list-info a{font-size:12px;color:#929292;}

/**
 * index-map
 */
.index-map{height:500px;position:relative;}
.index-map #allmap{width:100%;height:675px;}
.index-map .body{width:1100px;position:relative;margin:auto;z-index:10}
.index-map .body h2{font-family:Arial;font-size:24px;font-weight:bold;color:#01a3ae; text-transform:uppercase;margin-top:60px;margin-left:30px;}
.index-map .body h2 span{display:block;margin:10px 0 20px;font-size:12px;}
.index-map .body .index-map-list{width:330px;margin-left:30px;text-indent:30px;background:url("../images/index_map.png")/*tpa=http://www.cnzentai.com/images/index_map.png*/ no-repeat left 7px;}
.index-map .body p{height:36px;line-height:36px;font-size:12px;}


.index-map .b_shadow{
	position:absolute;left:0;top:55px;
	height:380px;
	width:370px;background-color:#fff;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-webkit-box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.3);
	-moz-box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.3);
	box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.3);
	/*IE6,IE7语法*/
	filter:progid:DXImageTransform.Microsoft.dropshadow(OffX=3, OffY=3, Color='#fff');
	/*IE8语法,可恶的IE，不同的版本还要写的不一样*/
	-ms-filter:"progid:DXImageTransform.Microsoft.dropshadow(OffX=3, OffY=3, Color='#fff')"
}

/*
 * links
 */
.links{background:#202527;height:50px;}
.links .body{width:1100px;margin:auto;}
.links .body h2{font-size:14px;color:#fff;float:left;line-height:50px;margin-right:20px;display:block;margin-top:0px;}
.links .body ul li{float:left;height:50px;line-height:50px;padding:0 10px;}
.links .body ul li a{color:#fff;font-size:12px;}




@-webkit-keyframes rotate{
from{-webkit-transform:rotate(0deg)}
to{-webkit-transform:rotate(360deg)}
}
@-moz-keyframes rotate{
from{-moz-transform:rotate(0deg)}
to{-moz-transform:rotate(360deg)}
}
@-ms-keyframes rotate{
from{-ms-transform:rotate(0deg)}
to{-ms-transform:rotate(360deg)}
}
@-o-keyframes rotate{
from{-o-transform:rotate(0deg)}
to{-o-transform:rotate(360deg)}
}

.slider, .slider .slider-img {
    overflow: hidden;
    height: 300px;
}
.slider {
    width: 533px;
    margin: 0;
    position: relative; float:left;
}
.slider:hover .slider-btn {
    color: #fff;
    text-shadow: 0 0 5px #666;
}
.slider .slider-img {
    width: 12000px;
    position: relative;
}
.slider .slider-img .slider-img-ul {
    position: absolute;
    left: 0;
    top: 0;
    overflow: hidden;
}
.slider .slider-img .slider-img-ul li {
    float: left; height:300px; margin:0px;
} 
.slider .slider-img .slider-img-ul li img {
    width: 533px;
    height: 300px;
}
.slider .slider-dot ul {
    position: absolute;
    right: 50px;
    bottom: 30px;
}
.slider .slider-dot ul li {
    cursor: pointer;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: #ccc;
    border: 2px solid #fff;
    float: left;
    margin-left: 10px;
}
.slider .slider-dot ul li.active, .slider .slider-dot ul li:hover {
    background: #fff;
}
.slider .slider-btn {
    position: absolute;
    width: 50px;
    height: 100px;
    top: 50%;
    line-height: 100px;
    text-align: center;
    color: #fff;
    font-size: 28px;
    text-decoration: none;
    font-family: '黑体';
    color: rgba(255, 255, 255, 0);
}
.slider .slider-btn:hover {
    background: rgba(125, 125, 125, .3);
}
.slider .slider-btn.slider-btn-left {
    left: 0;
    margin-top: -50px;
}
.slider .slider-btn.slider-btn-right {
    right: 0;
    margin-top: -50px;
}





/*分页样式*/
.pages{
    text-align: center;
    padding-top: 10px;
    padding-bottom: 10px;
    height:36px;
}
.pages ul{

}
.pages ul li{
    display: inline-block;
    margin-left: 5px;
    margin-right: 5px;
    line-height: 36px;
}
.pages ul li a,.pages ul li span{
    line-height: 36px;
    height:34px;
    padding-left: 15px;
    padding-right: 15px;
    border-radius: 4px;
    text-align: center;
    display: inline-block;
    border: 1px #ddd solid;
    background: linear-gradient(to bottom,#F2F2F2,#FFFFFF,#F2F2F2);
    cursor: pointer;
}
.pages ul li.disabled span{
    background: #FFF;
    color:#ddd;
    cursor: not-allowed;
}
.pages ul li.active span {
    background: #FFF;
    color:#FB4765;
    border-color: #FB4765;
    font-weight: bold;
}
.pages ul li a:hover{
    color:#FB4765;
}