@charset "gb2312";
/* CSS Document */
* html, _html { background-image: url(about:blank); background-attachment: fixed; }
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, form, fieldset, legend, button, input, textarea, th, td, img { border: medium none; margin: 0; padding: 0; font-weight: normal; }
body, button, input, select, textarea { font: 12px/1.5 "Microsoft YaHei", Geneva, sans-serif, tahoma, Srial, helvetica, sans-serif; }
article, aside, dialog, footer, header, section, footer, nav, figure, menu { display: block; border: medium none; margin: 0; padding: 0; font-weight: normal; }
h1, h2, h3, h4, h5, h6 { line-height: 100%; }
body { background: #fff; overflow-x: hidden; -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; -moz-osx-font-smoothing: grayscale; -moz-font-feature-settings: 'liga', 'kern';}
em, b, i, s { font-style: normal; font-weight: normal; text-transform: none;}
.container * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
ul, ol { list-style: none; }
a { text-decoration: none; }
a:hover { text-decoration: none!important; }
img { border:none; vertical-align: middle;}
/*clear*/
.clearfix:after,.clearfix:before{display:table;content:'';}
.clearfix:after{clear:both;overflow:hidden;}
.clearfix{*zoom:1;}
/*position*/
.pr{ position: relative;}
.pa{ position: absolute;}
/*float*/
.fl{float: left;}
.fr{float: right;}

.tra{-moz-transition: all .3s linear 0s;-webkit-transition: all .3s linear 0s;transition: all .3s linear 0s;}
.tra:hover{-moz-transform: translateY(-8px);-webkit-transform: translateY(-8px);transform: translateY(-8px);}
.comw{width: 1200px; }
.center{margin: 0 auto;}
.translateXY {-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);transform:translate(-50%,-50%);}
.translateY {-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);transform:translateY(-50%);}
.translateX {-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);transform:translateX(-50%);}

.wrap{ max-width: 1200px;margin: 0 auto;position: relative; height: 100%;}
.banner{ width:100%;height:676px; background:url(../images/banner.jpg)center no-repeat; background-size: 100% auto}

.cont1{ width:100%; margin:0 auto; height:810px; background:#fff;} 
.title1{ text-align:center; margin:0 auto}
.title1 p:nth-child(1){ color:#303030; font-size:48px;}
.title1 p:nth-child(2){ color:#4a494a; font-size:30px; width:905px; line-height:50px; text-align:left; margin:0 auto; margin-top:23px}
.cont1 figure{ position:absolute; border-radius:50%}


.cont2{width:100%; margin:0 auto; height:1106px; background:url(../images/cont2_bj.jpg) no-repeat center; }
.title2{ text-align:center; margin:0 auto}
.title2 p:nth-child(1){ color:#fff; font-size:48px;padding-top:95px}
.title2 p:nth-child(2){ color:#fff; font-size:30px;  line-height:50px; margin:0 auto; margin-top:23px}

.cont3{ width:100%; margin:0 auto; background:#fff;padding-bottom: 150px;} 
.title3{ text-align:center; margin:0 auto}
.title3 p:nth-child(1){ color:#303030; font-size:48px;padding-top:75px}
.cont3 .bd{ margin-top:30px;}
.cont3 .hd{ position:absolute;left:550px; bottom:20px;}
.cont3 .hd ul li{ float:left; width:22px; height:22px; border-radius:50%; background-color:#d9a4e7; margin-right:15px;}
.cont3 .hd .on{ width:40px;border-radius:10px;}
.cont3 .prev{ position:absolute; bottom:20px; left:470px}
.cont3 .next{ position:absolute; bottom:20px; left:705px}


.title4{ text-align:center; margin:0 auto;background:#eeeeee;}
.title4 p{  color:#303030; font-size:48px; line-height:70px; padding-top:62px;}
.cont4{width:100%; margin:0 auto; height:852px; background:#eeeeee; }
.cont4_wz{ margin-left:575px; padding-top:150px;}
.cont4_wz h4{ color:#2a292b; font-size:60px; font-weight:400; margin-bottom:10px;}
.cont4_wz h4 em{ font-style:normal; font-size:36px; margin-left:20px;}
.cont4_wz p{ font-size:24px; color:#5c5c5c; line-height:52px;}
.cont4 .bd{ position:relative; width:100%; margin:0 auto; height:780px;}
.cont4 a{ width:48px; display:block}
.cont4  .prev{ position:absolute; z-index:10; top:500px; left:-80px}
.cont4  .next{ position:absolute; z-index:10; top:500px; right:-80px}

.cont4 .hd{ position:absolute; bottom:50px; left:600px;}
.cont4 .hd ul li{ float:left; width:16px; height:16px; border-radius:50%; background-color:#ffffff; border:1px solid #818181; margin-right:15px;}
.cont4 .hd .on{ border:0; background-color:#ff9c00}




.cont5_bj{width:100%; margin:0 auto; height:1237px; position:relative;background:#eeeeee;}
.cont5{width:100%; margin:0 auto; height:1237px; background:url(../images/cont4_bj.png) no-repeat center; position:absolute; top:0px; left:0px; z-index:6  }
.title5{ text-align:center; margin:0 auto}
.title5 p:nth-child(1){ color:#fff; font-size:48px; padding-top:120px;}
.title5 p:nth-child(2){ color:#fff; font-size:30px; width:960px; line-height:50px; text-align:left; margin:0 auto; margin-top:30px}

.cont6{ width:100%; margin:0 auto; height:1350px; background:#fff;} 
.title6{ text-align:center; margin:0 auto}
.title6 p:nth-child(1){ color:#303030; font-size:48px; margin-top:70px;}
.title6 p:nth-child(2){ color:#4a494a; font-size:30px; width:990px; line-height:50px; text-align:left; margin:0 auto; margin-top:23px; text-indent:2em;}
.cont6 .bd{ width:741px; margin:0 auto; height:524px;}
.cont6 .hd{ position:absolute; top:790px; left:500px;}
.cont6 .hd ul li{ float:left; width:22px; height:22px; border-radius:50%; background-color:#d9a4e7; margin-right:15px;}
.cont6 .hd .on{ width:40px;border-radius:10px;}
.cont6 .prev{ position:absolute; top:788px; left:420px}
.cont6 .next{ position:absolute; top:788px; left:725px}
.cont6 span{ color:#2a292b; font-size:30px; display:block; margin:0 auto; text-align:center; margin-top:25px;}

.cont7{width:100%; margin:0 auto; height:1496px; background:url(../images/cont7_bj.jpg) no-repeat center; }
.title7{ text-align:center; margin:0 auto}
.title7 p:nth-child(1){ color:#fff; font-size:48px; padding-top:98px;}
.title7 p:nth-child(2){ color:#fff; font-size:30px;line-height:50px; margin:0 auto; margin-top:10px}
.title7 p em{ color:#ffea00}

.cont8{width:100%; margin:0 auto; height:890px; background:#fff;}
.title8{ text-align:center; margin:0 auto}
.title8 p:nth-child(1){ color:#2c2c2c; font-size:48px; margin-top:50px;}

.cont8 .bd{ width:720px; margin:0 auto; height:460px; margin-top:55px;}
.cont8 .hd{ position:absolute; top:760px; left:520px;}
.cont8 .hd ul li{ float:left; width:22px; height:22px; border-radius:50%; background-color:#ff6900; margin-right:15px;}
.cont8 .hd .on{ width:40px;border-radius:10px;}
.cont8 .prev{ position:absolute; top:758px; left:480px}
.cont8 .next{ position:absolute; top:758px; left:700px}


.cont9{width:100%; margin:0 auto; height:765px; background:url(../images/cont9_bj.jpg) no-repeat center; }
.cont10{width:100%; margin:0 auto; height:639px; background:url(../images/cont10_bj.jpg) no-repeat center; }



@keyframes movement1{0%{-webkit-transform:translate(6px,-3px);transform:translate(6px,-3px)}
25%{-webkit-transform:translate(3px,6px);transform:translate(3px,6px)}
50%{-webkit-transform:translate(-6px,-10px);transform:translate(-6px,-10px)}
75%{-webkit-transform:translate(8px,0);transform:translate(8px,0)}
100%{-webkit-transform:translate(6px,-3px);transform:translate(6px,-3px)}
}
@-webkit-keyframes movement1{0%{-webkit-transform:translate(6px,-3px);transform:translate(6px,-3px)}
25%{-webkit-transform:translate(3px,6px);transform:translate(3px,6px)}
50%{-webkit-transform:translate(-6px,-10px);transform:translate(-6px,-10px)}
75%{-webkit-transform:translate(8px,0);transform:translate(8px,0)}
100%{-webkit-transform:translate(6px,-3px);transform:translate(6px,-3px)}
}
@keyframes movement2{0%{-webkit-transform:translate(10px,3px);transform:translate(10px,3px)}
25%{-webkit-transform:translate(3px,6px);transform:translate(3px,6px)}
50%{-webkit-transform:translate(6px,-3px);transform:translate(6px,-3px)}
75%{-webkit-transform:translate(-8px,0);transform:translate(-8px,0)}
100%{-webkit-transform:translate(10px,3px);transform:translate(10px,3px)}
}
@-webkit-keyframes movement2{0%{-webkit-transform:translate(10px,3px);transform:translate(10px,3px)}
25%{-webkit-transform:translate(3px,6px);transform:translate(3px,6px)}
50%{-webkit-transform:translate(6px,-3px);transform:translate(6px,-3px)}
75%{-webkit-transform:translate(-8px,0);transform:translate(-8px,0)}
100%{-webkit-transform:translate(10px,3px);transform:translate(10px,3px)}
}
@keyframes movement3{0%{-webkit-transform:translate(-10px,3px);transform:translate(-10px,3px)}
25%{-webkit-transform:translate(-4px,6px);transform:translate(-4px,6px)}
50%{-webkit-transform:translate(2px,8px);transform:translate(2px,8px)}
75%{-webkit-transform:translate(-8px,0);transform:translate(-8px,0)}
100%{-webkit-transform:translate(-10px,3px);transform:translate(-10px,3px)}
}
@-webkit-keyframes movement3{0%{-webkit-transform:translate(-10px,3px);transform:translate(-10px,3px)}
25%{-webkit-transform:translate(-4px,6px);transform:translate(-4px,6px)}
50%{-webkit-transform:translate(2px,8px);transform:translate(2px,8px)}
75%{-webkit-transform:translate(-8px,0);transform:translate(-8px,0)}
100%{-webkit-transform:translate(-10px,3px);transform:translate(-10px,3px)}
}