﻿/* 
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:#ec1735}
.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:#cc0000;}
a:link,a:visited {text-decoration: none;}
.main{ width:100%; font-family:微软雅黑, 宋体; font-size:12px; background:#c1f3ed;color: #000;}

.banner{ height:698px; width:100%;overflow: hidden; background:url(../images/banner.jpg) center 0 no-repeat}
.banner .con{ margin:0 auto; width:1100px; height:698px; position:relative}
.banner .con .btn1{ position:absolute; left:35px; top:119px;}
.banner .con .btn2{ position:absolute; left:-10px; top:290px;}
.banner .con .btn3{ position:absolute; left:231px; top:475px;animation:allitem_bounce 3s infinite linear;-webkit-animation:allitem_bounce 3s infinite linear;-moz-animation:allitem_bounce 3s infinite linear;-o-animation:allitem_bounce 3s infinite linear;-ms-animation:allitem_bounce 3s infinite linear;}
.banner .con .btn4{ position:absolute; left:192px; top:458px;}
.banner .con .btn5{ position:absolute; left:226px; top:633px;}
@keyframes allitem_bounce{
0%,80%,84%,90%,96%,100%{-webkit-transform:translateY(0)}
88%{-webkit-transform:translateY(-6px)}
92%{-webkit-transform:translateY(-3px)}
}
@-webkit-keyframes allitem_bounce{
0%,80%,84%,90%,96%,100%{-webkit-transform:translateY(0)}
88%{-webkit-transform:translateY(-6px)}
92%{-webkit-transform:translateY(-3px)}
}
@-moz-keyframes allitem_bounce{
0%,80%,84%,90%,96%,100%{-moz-transform:translateY(0)}
88%{-moz-transform:translateY(-6px)}
92%{-moz-transform:translateY(-3px)}
}
@-o-keyframes allitem_bounce{
0%,80%,84%,90%,96%,100%{-o-transform:translateY(0)}
88%{-o-transform:translateY(-6px)}
92%{-o-transform:translateY(-3px)}
}
@-ms-keyframes allitem_bounce{
0%,80%,84%,90%,96%,100%{-ms-transform:translateY(0)}
88%{-ms-transform:translateY(-6px)}
92%{-ms-transform:translateY(-3px)}
}
.daohang .con{ margin:0 auto; width:1100px;}
.daohang{ width:100%; height:58px; background:#323031; line-height:58px;}
.daohang a{ display:block; color:#FFFFFF; float:left; padding:0px 30px; font-size:22px}
.daohang a:hover{ background:#ff5a00;}

.main{ width:100%; height:auto; background:url(../images/bg.jpg) repeat}
.part1{ margin:0 auto; width:1100px; height:auto; overflow:hidden}
.part1 .tt{ padding:50px 0px 30px 0px;}
.part1  .txt{ padding:20px 0px; font-size:16px; text-align:center}
.part1 .one{ padding:10px 0px 20px 0px}
.part1 .p1_btn{ text-align:center}
.part1 .tt2{ padding:50px 0px 0px 0px; text-align:center}
.part1 .two{ width:100%; height:706px; background:url(../images/tu2.jpg) no-repeat; position:relative;}
.part1 .two .two_tt{ width:665px; height:65px; text-align:right; position:absolute; left:308px; top:89px; font-size:36px; color:#78500d; line-height:65px;}
.part1 .two .two_txt{ width:595px; height:136px; line-height:28px; position:absolute; left:474px; top:167px; font-size:16px;  }
.part1 .two .two_txt2{ width:790px; height:239px; position:absolute; right:0px; bottom:70px;}
.part1 .two .two_txt2 .list{ float:left; width:245px; height:235px;margin-right:27px; position:relative}
.part1 .two .two_txt2 .list .cur{ width:100%; height:100%;}
.part1 .two .two_txt2 .list .layer{ position:absolute; left:0px; bottom:75%; width:237px; height:237px; background:url(../images/yuan.png) no-repeat;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;
	transform: scale(0);
	-webkit-transform: scale(0);}
.part1 .two .two_txt2 .list:hover .layer{	transform: scale(1);
	-webkit-transform: scale(1);opacity:1;
	filter: alpha(opacity=100);}	
.part1 .two .two_txt2 .list .layer .ts{ text-align:center; padding-top:30px; padding-bottom:10px; font-size:22px; line-height:35px;}
.part1 .two .two_txt2 .list .layer .lytxt{ padding:0px 30px; font-size:14px;}
.part1 .three{ width:1100px; height:330px; padding-top:34px;}
.part1 .three .ll{ float:left; width:840px;}
.part1 .three .rr{ float:right; width:221px;}
.part1 .three .ll .ll_tt{ text-align:center; font-size:31px; line-height:68px;}
.part1 .three .ll .ll_txt{ font-size:16px; text-indent:32px; line-height:32px}
.part1 .three .ll .ll_btn{ text-align:center; padding-top:30px;}
.part1 .tt4{ text-align:center}
.part1 .four .p1{ padding:30px 0px 10px 0px;}
.part1 .four .mlist{ width:1100px; height:180px;}
.part1 .four .mlist .list{ float:left; width:192px; padding-right:35px; font-size:14px}
.part1 .four .mlist .list .p4_tt{ text-align:center; color:#78500d; font-size:16px; line-height:36px; font-weight:bold; line-height:26px;}
.part1 .four .p4_btn{ text-align:center;; padding-bottom:50px;}

.part1 .five{}
.scrollbox3 {overflow: hidden; width:1100px; height:518px; position:relative}
.scrollbox3 .scrollz3 {left:100px;top:233px; background:url(../images/ll.png) no-repeat}
.scrollbox3 .scrolly3 {right: 100px;top:224px;background:url(../images/rr.png) 0px 0px no-repeat}

.scrollbox3 .awr3 {height:68px;position: absolute;width:68px; z-index: 1000;}
.scrollbox3 .awr3 a {color: #FFFFFF; display: block;height:68px;text-align: center;width: 68px;}
.scrollbox3 .scrollcbox3 {height:518px;overflow: hidden;position: relative; width:1100px;}
.scrollbox3 .scrollcbox3 .scrollc3 {height:518px;overflow: hidden;width:1100px;}
.scrollbox3 .scrollcbox3 ul li {float: left; height:518px;width:1100px;}
.part1 .p5_btn{ text-align:center; padding:50px 0px 30px 0px}

.part1 .p6_tt{ text-align:center}
.p6_txt{ width:1100px; height:694px; background:url(../images/tu6.jpg) no-repeat; position:relative; color:#2e2d27}
.p6_txt .p6_1{ width:270px; height:360px; position:absolute; left:4px; top:292px; font-size:16px}
.p6_txt .p6_2{ width:270px; height:360px; position:absolute; right:4px; top:292px; font-size:16px}
.p6_txt .p6_tt_1{ font-size:20px; padding:10px 0px; font-weight:bold}

.p6_txt .p6_btn{ width:367px; height:69px; position:absolute; left:326px; bottom:33px;}
.p6_txt .p6_btn a{ display:block; width:367px; height:69px;}

.part7{ width:100%; height:692px; background:url(../images/tu7.jpg) center 0 no-repeat}
.part8 { width:100%; height:150px; background:url(../images/bottom.jpg) center 0 no-repeat}
.part8 .btn{ margin:0 auto; width:800px; height:150px;}
.part8 .btn a{ display:block; width:800px; height:150px;}