@charset "utf-8";
@import 'http://www.maiya91.com/zt/myzzyfy/css/zjtd.css';
body{ font-size:14px; font-family:'微软雅黑'; margin:0px; padding:0px;  line-height:22px; color:#333;}
img,padding,margin,dt,dl,dd,div{ border:none; margin:0px; padding:0px;}
ul,h3{ margin:0px; padding:0px;}
li,p{ list-style-type:none; margin:0; padding:0;}
table{border-collapse:collapse;}
a{ text-decoration:none;}
a:hover{ text-decoration:none;}
a img{ border:0px;}
.clear{ clear:both;}
.fl{ float:left;}
.fr{ float:right;}
.main{ width:1200px; margin:30px auto;}
.main .tit{ text-align:center; margin:50px 0;}

#qone { background:url(banner.jpg) no-repeat center; height:700px;}

#qtwo .qtwoo{ width:600px; background:url(e_01.jpg) no-repeat; height:600px;}
#qtwo .qtwoo .qtwoo1{ position:absolute; width:400px; margin:200px 0 0; line-height:30px;}
#qtwo .qtwoo .qtwoo11{ position:relative; left:120px;}
#qtwo .qtwoo .qtwoo111{ position:relative; top:70px; left:80px}
#qtwo .qtwooo{ width:600px;}
#qtwo .qtwoool{ width:430px; margin:30px 0 20px 50px}
#qtwo .qtwooor{ width:650px; margin:30px 50px 0 20px; padding-top:30px; line-height:30px}

#qtwo .qtwooo{ width:600px; background:url(q2.jpg) no-repeat; height:600px;}
#qtwo .qtwooo .qtwooo1{ position:absolute; width:400px; margin:200px 0 0; line-height:30px;}
#qtwo .qtwooo .qtwooo11{ position:relative; left:85px; top: 20px;}
#qtwo .qtwooo .qtwooo111{ position:relative; top:115px; left:60px}

#qthree .zx,#qfive .zx{ height:40px; line-height:40px; background-color:#E40010; color:#fff; text-align:center; width:94%; margin:0 auto; font-size:16px; margin-bottom:30px}
#qthree .qthreel{ width:600px; margin-right:25px; padding:100px 0 0}
#qthree .qthreer{ width:575px;}
#qthree .qthreel img{ margin:20px auto; display:block;}
#qthree h2{ color:#089793; font-size:35px; padding-left:80px}
#qthree p{ padding-left:80px; width:380px; line-height:25px; padding-top:20px}
#qthree strong{ color:#089793;}
#qthree .zxl{ width:48%; color:#fff; line-height:35px; height:35px; text-align:center; background-color:#E40010; margin-left:2%; margin-bottom:30px; margin-top:30px}
#qthree .zxr{ width:48%; color:#fff; line-height:35px; height:35px; text-align:center; background-color:#E40010; margin:30px 0}
#qthree ul{ width:94%; margin:0 auto;}
#qthree ul li{ float:left; width:350px; height:200px; margin:0 13px; text-align:center; line-height:30px}

#qfour{ background:url(v.jpg) no-repeat center; height:300px; margin:60px auto}

#qfive .qfivee{ width:250px; margin-left:20px}
#qfive .qfivee p{ padding:0 35px 0 65px}
#qfive .qfiveee{ width:620px; padding-top:100px; margin:0 5px}
#qfive .qfiveee .qfiveee1{ background:url(w1.jpg) no-repeat; height:178px; width:176px;}
#qfive .qfiveee .qfiveee2{ background:url(w2.jpg) no-repeat; height:178px; width:176px; margin:0 45px;}
#qfive .qfiveee .qfiveee1:hover{ background:url(w11.jpg) no-repeat; height:178px; width:176px; }
#qfive .qfiveee .qfiveee2:hover{ background:url(w22.jpg) no-repeat; height:178px; width:176px; margin:0 45px;}
#qfive .qfiveee .qfiveee3{ background:url(w3.jpg) no-repeat; height:178px; width:176px;}
#qfive .qfiveee .qfiveee3:hover{ background:url(w33.jpg) no-repeat; height:178px; width:176px;}
#qfive .qfiveeee{ width:220px; margin-right:50px}
#qfive .qfiveeee p{ padding:0 20px 0 50px}
#qfive ul{ margin:50px 40px; height:240px}
#qfive ul li{ float:left; text-align:center; height:216px; line-height:25px}
#qfive ul li img{ border:1px solid #CCCCCC; padding:10px; height:170px}
#qfive ul li p img{ border:none; height:auto; margin:0 20px; padding-top:80px}


#qsix .qsixl{ width:115px; margin-left:50px}
#qsix .qsixr{ width:1000px; margin-right:35px}
.bnspic a{display:block;}
.big_pic, .small_pic{float:right;}
.big_pic, .big_pic a, .big_pic img{width:663px;height:400px;}
.big_pic{overflow:hidden;position:relative;}
.big_pic li{position:absolute;top:0;left:0;opacity:0;-webkit-transform:scale(0.9);transform:scale(0.4);z-index:-1;transition:all linear 0.2s;}
.big_pic .on{opacity:1;-webkit-transform:scale(1);transform:scale(1);z-index:1;}
.big_pic a{position:relative;}
.big_pic .txt{width:681px;height:46px;line-height:46px;display:block;position:absolute;bottom:0;left:0;color:#fff;text-align:center;filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#7F000000', endColorstr='#7F000000');transition:all ease .2s;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.big_pic a:hover .txt{color:#FFFFFF;}
.small_pic{width:319px;position:relative;right:5px; top:60px}
.small_pic a, .small_pic img{width:146px;height:100px;}
.small_pic a{padding:1px;transition:all ease .2s;}
.small_pic .on, .small_pic li:hover{position:relative;z-index:1;}
.small_pic .on a{background:#1D948F;}
.small_pic li{width:146px;height:100px;margin:0px 10px 10px 0px;float:left;}

.small_pic ul li a.s1{ background:url(1.jpg) no-repeat; height:100px;}
.small_pic ul li a.s1:hover{ background:url(1d.jpg) no-repeat; height:100px;}
.small_pic ul li a.s2{ background:url(2.jpg) no-repeat; height:100px;}
.small_pic ul li a.s2:hover{ background:url(2d.jpg) no-repeat; height:100px;}
.small_pic ul li a.s3{ background:url(3.jpg) no-repeat; height:100px;}
.small_pic ul li a.s3:hover{ background:url(3d.jpg) no-repeat; height:100px;}
.small_pic ul li a.s4{ background:url(4.jpg) no-repeat; height:100px;}
.small_pic ul li a.s4:hover{ background:url(4d.jpg) no-repeat; height:100px;}
.small_pic ul li a.s5{ background:url(5.jpg) no-repeat; height:100px;}
.small_pic ul li a.s5:hover{ background:url(5d.jpg) no-repeat; height:100px;}

#qsix .qsixxl{ width:1020px; margin-top:50px;}
#qsix .qsixxr{ width:140px; margin-right:35px; margin-top:50px;}
.bnspicc a{display:block;}
.big_picc, .small_picc{float:left;}
.big_picc, .big_picc a, .big_picc img{width:663px;height:400px;}
.big_picc{overflow:hidden;position:relative;}
.big_picc li{position:absolute;top:0;left:0;opacity:0;-webkit-transform:scale(0.9);transform:scale(0.4);z-index:-1;transition:all linear 0.2s;}
.big_picc .on{opacity:1;-webkit-transform:scale(1);transform:scale(1);z-index:1;}
.big_picc a{position:relative;}
.big_picc .txt{width:681px;height:46px;line-height:46px;display:block;position:absolute;bottom:0;left:0;color:#fff;text-align:center;filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#7F000000', endColorstr='#7F000000');transition:all ease .2s;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.big_picc a:hover .txt{color:#FFFFFF;}
.small_picc{width:319px;position:relative;left:10px; top:60px}
.small_picc .jz{ display:block; margin:0 auto 10px}
.small_picc a, .small_pic img{width:146px;height:100px;}
.small_picc a{padding:1px;transition:all ease .2s;}
.small_picc .on, .small_pic li:hover{position:relative;z-index:1;}
.small_picc .on a{background:#1D948F;}
.small_picc li{width:146px;height:100px;margin:0px 10px 10px 0px;float:left;}

.small_picc ul li a.s1{ background:url(6.jpg) no-repeat; height:100px;}
.small_picc ul li a.s1:hover{ background:url(6d.jpg) no-repeat; height:100px;}
.small_picc ul li a.s2{ background:url(7.jpg) no-repeat; height:100px;}
.small_picc ul li a.s2:hover{ background:url(7d.jpg) no-repeat; height:100px;}
.small_picc ul li a.s3{ background:url(8.jpg) no-repeat; height:100px;}
.small_picc ul li a.s3:hover{ background:url(8d.jpg) no-repeat; height:100px;}
.small_picc ul li a.s4{ background:url(9.jpg) no-repeat; height:100px;}
.small_picc ul li a.s4:hover{ background:url(9d.jpg) no-repeat; height:100px;}

#qsix .qsixxxl{ width:140px; margin-right:35px; margin-top:50px;}
#qsix .qsixxxr{ width:1020px; margin-top:50px;}
.bnspiccc a{display:block;}
.big_piccc, .small_piccc{float:left;}
.big_piccc, .big_piccc a, .big_piccc img{width:663px;height:400px;}
.big_piccc{overflow:hidden;position:relative;}
.big_piccc li{position:absolute;top:0;left:0;opacity:0;-webkit-transform:scale(0.9);transform:scale(0.4);z-index:-1;transition:all linear 0.2s;}
.big_piccc .on{opacity:1;-webkit-transform:scale(1);transform:scale(1);z-index:1;}
.big_piccc a{position:relative;}
.big_piccc .txt{width:681px;height:46px;line-height:46px;display:block;position:absolute;bottom:0;left:0;color:#fff;text-align:center;filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#7F000000', endColorstr='#7F000000');transition:all ease .2s;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.big_piccc a:hover .txt{color:#FFFFFF;}
.small_piccc{width:319px;position:relative;left:10px; top:60px}
.small_piccc .jz{ display:block; margin:0 auto 10px}
.small_piccc a, .small_piccc img{width:146px;height:100px;}
.small_piccc a{padding:1px;transition:all ease .2s;}
.small_piccc .on, .small_piccc li:hover{position:relative;z-index:1;}
.small_piccc .on a{background:#1D948F;}
.small_piccc li{width:146px;height:100px;margin:0px 10px 10px 0px;float:left;}

.small_piccc ul li a.s1{ background:url(6.jpg) no-repeat; height:100px;}
.small_piccc ul li a.s1:hover{ background:url(6d.jpg) no-repeat; height:100px;}
.small_piccc ul li a.s2{ background:url(7.jpg) no-repeat; height:100px;}
.small_piccc ul li a.s2:hover{ background:url(7d.jpg) no-repeat; height:100px;}
.small_piccc ul li a.s3{ background:url(8.jpg) no-repeat; height:100px;}
.small_piccc ul li a.s3:hover{ background:url(8d.jpg) no-repeat; height:100px;}
.small_piccc ul li a.s4{ background:url(9.jpg) no-repeat; height:100px;}
.small_piccc ul li a.s4:hover{ background:url(9d.jpg) no-repeat; height:100px;}



.big_picccc{float:right;}
.small_picccc{float:left;}
.big_picccc, .big_picccc a, .big_picccc img{width:663px;height:400px;}
.big_picccc{overflow:hidden;position:relative;}
.big_picccc li{position:absolute;top:0;left:0;opacity:0;-webkit-transform:scale(0.9);transform:scale(0.4);z-index:-1;transition:all linear 0.2s;}
.big_picccc .on{opacity:1;-webkit-transform:scale(1);transform:scale(1);z-index:1;}
.big_picccc a{position:relative;}
.big_picccc .txt{width:681px;height:46px;line-height:46px;display:block;position:absolute;bottom:0;left:0;color:#fff;text-align:center;filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#7F000000', endColorstr='#7F000000');transition:all ease .2s;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.big_picccc a:hover .txt{color:#FFFFFF;}
.small_picccc{width:319px;position:relative;left:10px; top:60px}
.small_picccc .jz{ display:block; margin:0 auto 10px}
.small_piccc a, .small_picccc img{width:146px;height:100px;}
.small_picccc a{padding:1px;transition:all ease .2s;}
.small_picccc .on, .small_picccc li:hover{position:relative;z-index:1;}
.small_picccc .on a{background:#1D948F;}
.small_picccc li{width:146px;height:100px;margin:0px 10px 10px 0px;float:left;}

.small_picccc ul li a.s1{ background:url(10.jpg) no-repeat; height:100px;}
.small_picccc ul li a.s1:hover{ background:url(10d.jpg) no-repeat; height:100px;}
.small_picccc ul li a.s2{ background:url(12.jpg) no-repeat; height:100px;}
.small_picccc ul li a.s2:hover{ background:url(12d.jpg) no-repeat; height:100px;}
.small_picccc ul li a.s3{ background:url(11.jpg) no-repeat; height:100px;}
.small_picccc ul li a.s3:hover{ background:url(11d.jpg) no-repeat; height:100px;}
.small_picccc ul li a.s4{ background:url(13.jpg) no-repeat; height:100px;}
.small_picccc ul li a.s4:hover{ background:url(13d.jpg) no-repeat; height:100px;}



#qseven .qsevenl{ width:380px; background:url(d.jpg) no-repeat; height:445px;}
#qseven .qsevenll{ position:absolute; margin:80px 0 0 50px;}
#qseven .qsevenll p{ position:relative; line-height:30px}
#qseven .qsevenll span{ color:#EB434E;}
#qseven .qsevenr{ width:740px;}

#qeight .qeightt{ background:url(f_01.jpg) no-repeat center; height:161px;}
#qeight .qeighttt{ background:url(f_02.jpg) no-repeat center; height:161px;}
#qeight .qeightttt{ background:url(f_03.jpg) no-repeat center; height:161px;}
#qeight .qeighttttt{ background:url(f_04.jpg) no-repeat center; height:161px;}
#qeight .qeightttttt{ background:url(f_05.jpg) no-repeat center; height:161px;}

div#container { width:100%;margin: 0 auto; overflow: hidden;}
div.examples_body { clear: both;overflow: hidden; position: relative; margin:0px 40px}

.bannerHolder { }

.bannerHolder li { list-style: none; display: inline;}

.banner {  width:370px;height: 310px; position: relative;overflow: hidden; float: left; display: inline;}

.banner img { display: block; border: none;}

.banner div { position: absolute; z-index: 100;	 background-color: #222;cursor: pointer;-moz-border-radius:100px;-webkit-border-radius:100px; border-radius:100px;}

.banner .cornerTL { left:-185px; top:-155px; }
.banner .cornerTR { right:-185px; top:-155px; }
.banner .cornerBL { left:-185px; bottom:-155px; }
.banner .cornerBR { right:-185px; bottom:-155px; }

.banner p { width: 100%;left: 0; top:140px; z-index: 200; position: absolute; color: #FFF; font-size: 30px;	 text-align: center; cursor: pointer;display: none; font-weight:bold}


#qten{ background-color:#D8E1E8; padding-bottom:20px}
#qten .tit{ padding-top:30px}
#qten ul{ margin:0 60px;}
#qten ul li{ float:left; margin-right:20px; width:340px; height:200px}