﻿/* 

Yahoo! CSS Reset (YUI 3)

http://developer.yahoo.com/yui/3/cssreset/

CSSresetr.com

*/

*{ margin: 0; padding: 0;}

html, body, div, span, object, iframe, table, tr, th, td, em, img, h1, h2, h3, h4, h5, h6, p, a, dl, dt, dd, ul, li, form, label { border: 0 none; font-family: inherit; font-style: inherit; margin: 0; padding: 0;}

body {color: #262526;font: 14px/1.5 Microsoft Yahei,Helvetica,Arial;font-size: 12px;line-height: 24px; background:#fff }





input, select {font-size: 12px;line-height: 16px;}

img { border: 0 none;}

ul, li {list-style-type: none;}

.tc { text-align: center;}

.tl {text-align: left;}

.tr {text-align: right;}

.fl{float:left; display:inline}

.fr{float:right; display:inline;}

.f14{ font-size:14px;}

.fb{ font-weight:bold;}

.pd{ padding:0px 40px;}

.pd1{ padding:0px 0px 0px 30px;}

.pt{ padding-top:10px;}

.hs{ color:#ff4d6d}

.hs1{ color:#eb6001}

.clear{clear:both; height:0px; overflow:hidden; font-size:1px;}

.hr_10{clear:both; height:10px; overflow:hidden; font-size:1px;}

a {color:#000000;text-decoration: none;}

a:hover{ color:#d50e53;}

a:link,a:visited {text-decoration: none;}

.main{ width:100%; font-family:Microsoft Yahei; font-size:12px; background:#fff;color: #000;}



.banner{ height:757px; width:100%;overflow: hidden; background:url(../images/banbg.jpg) center 0 no-repeat}

.banner .con{ margin:0 auto; width:1100px; height:698px; position:relative}

.banner .con .ban1{ position:absolute; left:0px; top:124px;}

.banner .con .ban2{ position:absolute; left:38px; top:200px;}

.banner .con .ban3{ position:absolute; left:200px; top:510px;}

.banner .con .ban1 .light{cursor:pointer;position: absolute;left: -180px;

	top: 0;

	width: 70px;

	height: 80px;

	

	background-image: linear-gradient(0deg,rgba(255,255,255,0),rgba(255,255,255,0.7),rgba(255,255,255,0));

	background-image: -moz-linear-gradient(0deg,rgba(255,255,255,0),rgba(255,255,255,0.7),rgba(255,255,255,0));

	background-image: -webkit-linear-gradient(0deg,rgba(255,255,255,0),rgba(255,255,255,0.7),rgba(255,255,255,0));

	background-image: -o-linear-gradient(0deg,rgba(255,255,255,0),rgba(255,255,255,0.7),rgba(255,255,255,0));

	background-image: -ms-linear-gradient(0deg,rgba(255,255,255,0),rgba(255,255,255,0.7),rgba(255,255,255,0));

	

	transform: skewx(-25deg);

	-o-transform: skewx(-25deg);

	-moz-transform: skewx(-25deg);

	-webkit-transform: skewx(-25deg);

	-ms-transform: skewx(-25deg);

	

	animation:light_move 2.5s 1s infinite linear ;

	-webkit-animation:light_move 2.5s 1s infinite linear ;

	-moz-animation:light_move 2.5s 1s infinite linear ;

	-o-animation:light_move 2.5s 1s infinite linear ;

	-ms-animation:light_move 2.5s 1s infinite linear ;

}

@keyframes light_move {

0% {left:-180px;}

30%{left:320px}

75%{left:50px;}

100%{left:320px;}

}

@-moz-keyframes light_move {

0% {left:-180px;}

30%{left:320px}

75%{left:50px;}

100%{left:320px;}

}

@-webkit-keyframes light_move {

0% {left:-180px;}

30%{left:320px}

75%{left:50px;}

100%{left:320px;}

}

@-o-keyframes light_move{

0% {left:-180px;}

30%{left:320px}

75%{left:50px;}

100%{left:320px;}

}

@-ms-keyframes light_move{

0% {left:-180px;}

30%{left:320px}

75%{left:50px;}

100%{left:320px;}

}

.part1{ width:100%; height:983px; background:url(../images/part1.jpg) center 0 no-repeat}

.part1 .con{ margin:0 auto; width:1200px; height:983px; position:relative}

.part1 .con .tt1{ position:absolute; left:0; top:50px; width:100%; text-align:center; line-height:38px; font-size:24px}

.part1 .con .tt1 .p1{ font-size:50px; color:#ff4d6d; line-height:60px; }

.part1 .con .one{ position:absolute;left: 108px;top:310px;width: 150px;height: 130px; font-size:20px; text-align:center; line-height:26px; color:#3f3f3f}

.part1 .con .two{ position:absolute;left:456px;top:330px;}

.part1 .con .three{ position:absolute;left: 938px;top:310px;width: 150px;height: 130px; font-size:20px; text-align:center; line-height:26px; color:#3f3f3f}

.part1 .con .four{ position:absolute;left: 108px;top:650px;width: 150px;height: 130px; font-size:20px; text-align:center; line-height:26px; color:#3f3f3f}

.part1 .con .five{ position:absolute;left: 480px;top:490px;width:260px; font-size:14px; text-align:center; line-height:26px; color:#3f3f3f; }

.part1 .con .six{ position:absolute;left: 938px;top:650px;width: 150px;height: 130px; font-size:20px; text-align:center; line-height:26px; color:#3f3f3f}

.part1 .con .seven{ position:absolute;left: 545px;top:770px;width: 150px;height: 130px; font-size:20px; text-align:center; line-height:26px; color:#3f3f3f}



.part2{ width:100%;}

.part2 .con{ margin:0 auto; width:1060px; height:1169px;}

.part2 .con .tt1{ padding-top:50px;width:100%; text-align:center; line-height:38px; font-size:24px}

.part2 .con .tt1 .p1{ font-size:50px; color:#ff4d6d; line-height:60px; }

.part2 .con .one{ width:100%; height:397px; padding-top:30px; color:#333}

.part2 .con .one .pic{ float:left; width:614px; height:397px; position:relative; cursor:pointer}

.part2 .con .one .pic .p1{ position:absolute; width:614px; height:397px; z-index:2;opacity:1;filter: alpha(opacity=100);}

.part2 .con .one .pic .p2{ position:absolute; width:614px; height:397px; z-index:3;opacity:0;filter: alpha(opacity=0);}

.part2 .con .one .pic:hover .p1{opacity:0;filter: alpha(opacity=0);}

.part2 .con .one .pic:hover .p2{ opacity:1;filter: alpha(opacity=100);}



.part2 .con .one .txt{ float:right; width:427px; height:397px; position:relative; background:url(../images/p2.png) no-repeat; font-size:14px}

.part2 .con .one .txt .t1{ height:65px; font-size:28px; line-height:28px; color:#02aded}

.part2 .con .one .txt .t2{ font-size:20px; height:25px; line-height:25px;}

.part2 .con .one .txt .t3{ width:100%; height:160px; padding-top:30px;}

.part2 .con .one .txt .t3 .l{ float:left; width:161px; height:159px;}

.part2 .con .one .txt .t3 .r{ float:right; width:260px;}



.part2 .con .two{ width:100%; height:520px; padding-top:30px;}

.part2 .con .two .list{ float:left; width:325px; height:520px; position:relative; margin-right:40px; color:#222222;}

.part2 .con .two .list .pic{ width:325px; height:305px; position:relative;}

.part2 .con .two .list .pic .p1{position:absolute; width:325px; height:305px; z-index:2;opacity:1;filter: alpha(opacity=100);	transition: all 0.3s ease-in-out;

	-moz-transition: all 0.3s ease-in-out;

	-webkit-transition: all 0.3s ease-in-out;

	-o-transition: all 0.3s ease-in-out;}

.part2 .con .two .list .pic .p2{position:absolute; width:325px; height:305px; z-index:2;opacity:0;filter: alpha(opacity=0);	transition: all 0.3s ease-in-out;

	-moz-transition: all 0.3s ease-in-out;

	-webkit-transition: all 0.3s ease-in-out;

	-o-transition: all 0.3s ease-in-out;}

.part2 .con .two .list .txt{ width:285px; height:200px; background:#d6fff6; font-size:14px; padding:15px 20px 0px 20px;}

.part2 .con .two .list .txt2{ width:285px; height:200px; background:#ffe0e2; font-size:14px; padding:15px 20px 0px 20px;}

.part2 .con .two .list .txt3{ width:285px; height:200px; background:#d4f8fc; font-size:14px; padding:15px 20px 0px 20px;}

.part2 .con .two .list .txt .btn{ margin:0 auto; width:165px; height:47px; text-align:center; line-height:47px; background:url(../images/btn1.png) no-repeat; color:#FFFFFF; font-size:18px}

.part2 .con .two .list .txt .btn a{ color:#FFFFFF;}

.part2 .con .two .list .txt2 .btn{ margin:0 auto; width:165px; height:47px; text-align:center; line-height:47px; background:url(../images/btn1.png) no-repeat; color:#FFFFFF; font-size:18px}

.part2 .con .two .list .txt2 .btn a{ color:#FFFFFF;}

.part2 .con .two .list .txt3 .btn{ margin:0 auto; width:165px; height:47px; text-align:center; line-height:47px; background:url(../images/btn1.png) no-repeat; color:#FFFFFF; font-size:18px}

.part2 .con .two .list .txt3 .btn a{ color:#FFFFFF;}

.part2 .con .two .list .dd{ height:80px;}





/*.part2 .con .two .list:hover .pic .p1{position:absolute;opacity:0;filter: alpha(opacity=0);}

.part2 .con .two .list:hover .pic .p2{position:absolute;opacity:1;filter: alpha(opacity=100);}*/



.part3{ width:100%;}

.part3 .con{ margin:0 auto; width:1060px; }

.part3 .con .tt1{ padding-top:50px;width:100%; text-align:center; line-height:38px; font-size:24px}

.part3 .con .tt1 .p1{ font-size:50px; color:#ff4d6d; line-height:60px; }



.part4{ width:100%;}

.part4 .con{ margin:0 auto; width:1060px;}

.part4 .con .tt1{ padding-top:50px;width:100%; text-align:center; line-height:38px; font-size:24px}

.part4 .con .tt1 .p1{ font-size:50px; color:#ff4d6d; line-height:60px; }

.part4 .banC { padding-top:50px; width:100%; height:791px;position: relative; z-index: 8; }

.part4 .banC .ul_img {height:791px;overflow: hidden;width: 100%;}

.part4 .banC .ul_img li {height:791px;width: 100%;}

.part4 .banC .ul_img .current {opacity: 1;}

.part4 .banC .ul_img li.ban_1 {background: url("../images/p4_1.jpg") no-repeat scroll center top;}

.part4 .banC .ul_img li.ban_2 {background: url("../images/p4_2.jpg") no-repeat scroll center top;}

.part4 .banC .ul_img li.ban_3 {background: url("../images/p4_3.jpg") no-repeat scroll center top;}

.part4 .banC .ul_img li a{}

.part4 .banC .b_np {color: #676767;display: block;font-size: 70px;height:73px;line-height: 80px;position: absolute;text-align: center;top: 500px; width:43px;z-index: 99;}

.part4 .banC #ban_prev {left:50%; margin-left:-650px;}

.part4 .banC #ban_next {right:50%; margin-right:-650px;}

.part4 .banC .tab_round { bottom:20px; left:50%; margin-left:-50px; position: absolute;z-index: 99; width:100px;}

.part4 .banC .tab_round li { float: left;height: 14px;padding-right: 10px; vertical-align: bottom; width: 12px;}

.part4 .banC .tab_round li a { background-color:#525252; border-radius:8px;display: inline-block;height: 12px; text-indent: -9999px; width: 12px;}

.part4 .banC .tab_round .on_round a { background-color:#ff4d6d;}



.part5{ width:100%;}

.part5 .con{ margin:0 auto; width:1060px;}

.part5 .con .tt1{ padding-top:50px;width:100%; text-align:center; line-height:38px; font-size:24px}

.part5 .con .tt1 .p1{ font-size:50px; color:#ff4d6d; line-height:60px; }



.part6{ width:100%;}

.part6 .con{ margin:0 auto; width:1060px;}

.part6 .con .tt1{ padding-top:50px;width:100%; text-align:center; line-height:38px; font-size:24px}

.part6 .con .tt1 .p1{ font-size:50px; color:#ff4d6d; line-height:60px; }



.part6 .banC { width:100%; height:608px;position: relative; z-index: 8; background:url(../images/p6_bg.jpg) center 0 no-repeat}

.part6 .banC .ul_img {height:608px;overflow: hidden;width:1060px; margin:0 auto}

.part6 .banC .ul_img li {height:608px;width:1060px;}

.part6 .banC .ul_img .current {opacity: 1;}

.part6 .banC .ul_img li.ban_1 {background: url("../images/p6_1.png") no-repeat scroll right bottom;}

.part6 .banC .ul_img li.ban_2 {background: url("../images/p6_2.png") no-repeat scroll  right bottom;}

.part6 .banC .ul_img li.ban_3 {background: url("../images/p6_3.png") no-repeat scroll  right bottom;}

.part6 .banC .ul_img li.ban_4 {background: url("../images/p6_4.png") no-repeat scroll  right bottom;}

.part6 .banC .ul_img li.ban_5 {background: url("../images/jjjj.png") no-repeat scroll  right bottom;}

.part6 .banC .ul_img li.ban_6 {background: url("../images/zj_wk.png") no-repeat scroll  right bottom;}



.part6 .banC .ul_img li.ban_7 {background: url("../images/zj_fzy.png") no-repeat scroll  right bottom;}

.part6 .banC .ul_img li.ban_8 {background: url("../images/zj_zdy.png") no-repeat scroll  right bottom;}

.part6 .banC .ul_img li.ban_9 {background: url("../images/zj_djs.png") no-repeat scroll  right bottom;}

.part6 .banC .ul_img li.ban_10 {background: url("../images/m.png") no-repeat scroll  right bottom;}

.part6 .banC .ul_img li.ban_11 {background: url("../images/zj_lt.png") no-repeat scroll  right bottom;}

.part6 .banC .ul_img li .tt2{ font-size:31px; height:80px; line-height:80px; /*margin-top:200px;*/}

.part6 .banC .ul_img li .tt2 font{ font-size:54px; color:#02aded}

.part6 .banC .ul_img li .tt2 img{ margin-top:-5px;}

.part6 .banC .ul_img li .txt2{ font-size:15px; width:520px;}

.part6 .banC .ul_img li .tt3{ font-size:20px; padding-bottom:5px; padding-top:20px;}



.part6 .banC .ul_img li a{ width:100%; height:100%; display:block; padding-top:200px; color:#000;}

.part6 .banC .b_np {color: #676767;display: block;font-size: 70px;height:56px;line-height: 80px;position: absolute;text-align: center;top:300px; width:56px;z-index: 99;}

.part6 .banC #ban_prev {left:50%; margin-left:-650px;}

.part6 .banC #ban_next {right:50%; margin-right:-650px;}

.part6 .banC .tab_round { bottom:20px; left:50%; margin-left:-50px; position: absolute;z-index: 99; width:160px;}

.part6 .banC .tab_round li { float: left;height: 14px;padding-right: 10px; vertical-align: bottom; width: 12px;}

.part6 .banC .tab_round li a { background-color:#525252; border-radius:8px;display: inline-block;height: 12px; text-indent: -9999px; width: 12px;}

.part6 .banC .tab_round .on_round a { background-color:#ff4d6d;}



.part7{ width:100%; height:890px; overflow:hidden; background:url(../images/p7_bg.jpg) no-repeat}

.part7 .con{ margin:0 auto; width:1100px; height:790px; background:#FFFFFF; margin-top:50px;}

.part7 .con .one{ width:1100px; height:345px; padding-top:4px;}

.part7 .con .one ul { width:1100px; height:345px; overflow:hidden}

.part7 .con .one ul li{ float:left; position:relative;}

.part7 .con .one .list1{ float:left; width:533px; height:345px; margin-left:4px;}



.part7 .con .ttbg{ z-index:3; padding:5px 0px; width:100%;background:url(../images/p7bg.png) no-repeat; position:absolute; bottom:0; color:#FFFFFF; font-size:16px}

.part7 .con .ttbg .p1{ padding-left:10px; line-height:22px;}

.part7 .con .ttbg .p2{ padding-left:10px; line-height:40px; text-align:center}



.part7 .con .bg{ z-index:2; position:absolute; width:100%; height:100%; background:#000000;opacity:0;filter: alpha(opacity=0);	transition: all 0.2s ease-in-out;

	-moz-transition: all 0.2s ease-in-out;

	-webkit-transition: all 0.2s ease-in-out;

	-o-transition: all 0.2s ease-in-out;}

.part7 .con .one ul li:hover .bg{opacity:0.2;filter: alpha(opacity=20);}

.part7 .con  .a{ display:block; width:100%; height:100%; z-index:4; position:absolute;background:#000000;opacity:0;filter: alpha(opacity=0);}



.part7 .con .one .list2{ float:left; width:275px; height:345px; margin-left:4px;}

.part7 .con .one .list3{ float:left; width:275px; height:345px; margin-left:4px;}



.part7 .con .two{ width:1100px; height:436px; overflow:hidden}

.part7 .con .two .list1{ float:left; width:365px; margin-left:4px;}

.part7 .con .two .list2{ float:left; width:353px; margin-left:4px;}

.part7 .con .two .list3{ float:left; width:365px; margin-left:4px;}



.part7 .con .two .dd{ position:relative; width:100%; margin-top:4px;}

.part7 .con .two .dd:hover .bg{opacity:0.2;filter: alpha(opacity=20);}



.part8{ width:100%; padding-bottom:50px;}

.part8 .con{ margin:0 auto; width:1100px;}

.part8 .con .tt1{ padding-top:50px;width:100%; text-align:center; line-height:38px; font-size:24px}

.part8 .con .list1{ float:left; width:300px; height:300px; position:relative; margin-right:50px; margin-left:20px;}

.part8 .con .list1 .tt2{ position:absolute; bottom:10px; left:80px; width:160px; height:60px; text-align:center; font-size:22px; font-weight:bold;}



.part8 .con .list2{ float:left; width:270px; height:150px; padding-left:30px; position:relative; margin-right:50px; margin-left:20px; background:url(../images/q.jpg) no-repeat}

.part8 .con .list2 a{ color:#d50e53}

.part8 .con .list3{ padding:25px 0px 0px 50px; float:left; width:770px; height:95px; background:url(../images/p8_4.jpg) no-repeat}

.part8 .con .list3 li{ float:left; width:250px; height:25px; line-height:25px; font-size:14px}

.part8 .con .list4{ float:left; width:210px; padding-left:30px; padding-top:20px;}

.part8 .con .list4 :hover{ margin-top:1px;}