﻿body {font-size: 18px; line-height: 28px; font-family:"微软雅黑"; color: #333; background:#fff;}
*{ margin:0; padding:0;}
a {text-decoration:none;color:#8D5736;}
a:hover {text-decoration: underline; color:#FF7911; }
ul,ol {list-style:none;}
img{border:0;}
.clear{ clear:both;}
.allcontainer img{ max-width: 100%; }
.m_banner{ display: none; }
.line_h{ display: none;}

.container{ width:1200px; margin:0 auto;}

.banner_bg{ width:100%; height:1350px; background:url(bg1.png) no-repeat top;}
.banner{ width:1200px;height:640px; overflow:hidden; text-align:center; margin:0 auto; }
.banner .b_1{ padding-top:155px; height:176px;}
.banner_0{ width:740px; margin:0 auto;height:120px;}
.banner_0 .b_2{ float:left; width:215px; height:113px; }
.banner_0 .banner_tt{ padding-top:10px; float:right; text-align:left; font-size:28px;font-weight: 600;color: #FFE1A2;line-height: 49px;}


.nav_1left{ float:left;width: 680px;}
.nav_1left .picbox_1 {width: 680px;height: 410px; margin-bottom:20px;}
.nav_1left .picbox_1 {width: 680px;height: 410px;}
.nav_1left .picbox_1 dl{ float:left;width: 680px;height: 410px; position:relative;}
.nav_1left .picbox_1 dl img{width: 680px;height: 410px; z-index:1; position:absolute; top:0; }
.nav_1left .picbox_1 dl dt{background: linear-gradient(180deg, rgba(250, 161, 129, 0) 0%, rgba(217, 75, 45, 1) 100%); width:640px; padding:30px 20px 20px 20px; position:absolute; z-index:9; bottom:0; color:#fff; font-size:22px; }

.focusBox1 {}
.focusBox1 .swiper-pagination-bullet{ background:#FFBA76;width:18px; height:18px;border-radius:9px; filter: alpha(opacity=100); opacity: 1.0;}
.focusBox1 .swiper-pagination-bullet-active{width:48px; height:18px;opacity:0.44; background:#FF7911;filter: alpha(opacity=100); opacity: 1.0;}
.focusBox1 .swiper-pagination-bullets{ width:80%; bottom:8px; left:48%;}


.nav_1left .picbox_2 {width: 680px;height: 200px;}
.nav_1left .picbox_2 dl{ float:left;width: 330px;height: 200px; position:relative;}
.nav_1left .picbox_2 dl img{width: 330px;height: 200px; z-index:1; position:absolute; top:0; }
.nav_1left .picbox_2 dl dt{background: linear-gradient(180deg, rgba(250, 161, 129, 0) 0%, rgba(217, 75, 45, 1) 100%); width:300px; padding:20px 15px 10px 15px; position:absolute; z-index:9; bottom:0; color:#fff; font-size:16px; line-height:18px; }
.nav_1left dl:nth-child(even){float:right;}


.icon_1{ width:100%; height:auto; display:block; margin-bottom:20px; text-align:center;}

.nav_1right{ float:right; width:480px; color:#ffff; }
.nav_1right a{color:#fff;}
.nav_1right dl{ margin-bottom:20px;border-bottom: 1px dotted #E5E5E5;}
.nav_1right dt{ font-size:26px; line-height:36px; margin-bottom:10px; }
.nav_1right dd{ font-size:14px; line-height:20px; padding-bottom:20px; }
.nav_1right ul{ line-height:22px;}
.nav_1right ul li{ font-size:18px; padding:10px 0;}
.nav_1right ul li span{color:#FFC16B; font-size:20px; font-weight:bold; padding-right:10px; } 
.nav_1right .mores{color:#F8C594; display:block; text-align:right;}
.nav_1right .mores a{color:#F8C594;}
 
.icon_2{ width:100%; height:auto; display:block; margin-bottom:100px; text-align:center;}

.nav_2bg{ width:100%; height:1032px; overflow:hidden; background:url(bg2.png) no-repeat top;}
.nav_2{ padding:100px 0 0 0; width:1560px;margin:0 auto;}
.nav_2 dl{ width:285px; height:373px; background:url(bg2b.png) top no-repeat; color:#fff; padding:50px 50px 60px 50px; }
.nav_2 dl a{ color:#fff;}
.nav_2 dt{ font-size:20px; line-height:30px; margin-bottom:15px; }
.nav_2 dd{ font-size:14px; line-height:20px; }

.focusBox2{ padding-bottom:70px;}
.focusBox2 .swiper-slide {width: 410px;height: 520px;}
.focusBox2 .swiper-pagination-bullet{ background:#FFBA76;width:18px; height:18px;border-radius:9px; filter: alpha(opacity=100); opacity: 1.0;}
.focusBox2 .swiper-pagination-bullet-active{width:48px; height:18px;opacity:0.44; background:#FF7911;filter: alpha(opacity=100); opacity: 1.0;}
.focusBox2 .swiper-pagination-bullets{ width:100%; bottom:0;}


.icon_3{ width:100%; height:auto; display:block; margin-bottom:90px; text-align:center;}

.nav_3bg{ width:100%; background:url(bg3.png) no-repeat bottom; height:1110px; overflow:hidden; }
.nav_3{ width:1560px; margin:0 auto; padding-top:120px;}
.nav_3 dl{ width:389px; height:519px; position:relative; float:left; overflow:hidden;}
.nav_3 .n3_b1 dl a{ color:#fff; }
.nav_3 .n3_b2 dl a{ color:#AA6034;}
.nav_3 a:hover{ font-weight:bold;}

.nav_3 .n3_b1 dl img{ width:389px; height:259px; position: absolute; top:0; z-index:0; }
.nav_3 .n3_b1 i{ position:absolute; width:389px; height:300px; background:url(bg3b.png) center no-repeat; bottom:0; }
.nav_3 .n3_b1 dt{ font-size:24px;position:absolute; z-index:1; left:50px; top:330px; width:240px; background:url(bg3d.png) left top no-repeat; padding-left:50px; }
.nav_3 .n3_b1 dd{ font-size:16px; line-height:20px; position:absolute; z-index:1; left:100px; top:370px; width:240px;}

.nav_3 .n3_b2 dl img{ width:389px; height:259px; position: absolute; bottom:0; z-index:0; }
.nav_3 .n3_b2 i{position:absolute;width: 389px;height: 259px;background: #FDE6D0;top:0;}
.nav_3 .n3_b2 dt{ font-size:24px;position:absolute; z-index:1; left:50px; top:50px; width:240px; background:url(bg3c.png) left top no-repeat; padding-left:50px; color:#AA6034; }
.nav_3 .n3_b2 dd{ font-size:16px; line-height:20px; position:absolute; z-index:1; left:100px; top:90px; width:240px;color:#AA6034;}

.n3_b3{ margin-top:70px;}
.n3_b3 dl{ float:left;width:710px; padding-left:50px; height: 150px; background:url(bg3e.png) left top no-repeat; }
.n3_b3 dl a{color:#8D5736;}
.n3_b3 dt{ color:#8D5736;font-size: 28px;line-height: 32px; margin-bottom:15px;}
.n3_b3 dd{color: #B59582;font-size: 16px; line-height:20px; }
.n3_b3 dl:nth-child(even){float:right;}

.icon_4{ margin-bottom:70px; }
.nav_4{ width:1560px; margin:0 auto 100px auto; padding-top:120px;}
.nav_4left{ width:760px; float:left;font-size:30px; line-height:36px;  }
.nav_4left dl{width:760px; height:585px; position:relative;}
.nav_4left dl img{width:760px; height:420px;}
.nav_4left dt{width:660px; height:65px; padding:50px; background: #F9F2E7; color:#A4785C; font-weight:bold }
.nav_4left dl i{ width:100px; height:100px; background:url(icon_play.png) no-repeat center; position:absolute; top:30%; left:40%; }
.nav_4left ul li{border-bottom: 1px solid #979797; padding:38px 0 38px 130px; background:url(icon_play2.png) 30px center no-repeat; }
.nav_4left ul li a{color:#333;}

.nav_4right{ float:right; width:760px;}
.nav_4right .n4_img1{width: 760px;height: 430px; margin-bottom:20px;}
.nav_4right .n4_img1 img{width: 760px;height: 430px;}
.nav_4right .n4_img2{ float:left;width: 365px;height: 206px;margin-bottom:20px;}
.nav_4right .n4_img2 img{width: 365px;height: 206px;}
.nav_4right .n4_img2:nth-child(even){float:right;}


.nav_5bg{ width:100%; background:url(bg5.png) no-repeat top; height:620px; padding-top:80px; margin-bottom:80px;}
.nav_5{width:1420px; margin:0 auto;}
.nav_5left{ float:left;width: 870px; background:#fff; height:550px;}
.nav_5left dl{width:870px; height:585px; position:relative;}
.nav_5left dl img{width:870px; height:420px; margin-bottom:20px;}
.nav_5left dl i{ width:100px; height:100px; background:url(icon_play.png) no-repeat center; position:absolute; top:30%; left:40%;  }
.nav_5left dt{width:620px;color:#333333;float:right; font-size:30px; line-height:32px; padding-right:50px; }
.nav_5left dd{border-right: 2px solid #D8BF9D; width:80px; padding-right:20px; float:left; height:75px; text-align:center;font-size:34px; color:#999999;padding-left:50px;}
.nav_5left dd span{ font-style:normal; height:36px; display:block; font-size:30px;  color:#D8BF9D;text-align:center; padding-top:3px;}
      
.nav_5right{ float:right; width:510px;}
.nav_5right dl{width: 510px;height: 165px;margin-bottom:20px;}
.nav_5right dl img{float:left;width: 286px;height: 165px;}
.nav_5right dt {width:190px; float:right; margin-bottom:10px;}
.nav_5right dt i{ width:50px; height:50px; background:url(icon_play.png) no-repeat center; background-size:100%; display:block; float:left;}
.nav_5right dt span{ color:#D8BF9D; font-size:30px; line-height:50px; padding-left:10px;}
.nav_5right dd{color:#8D5736;width:190px; float:right; font-size:24px; line-height:30px;}

.nav_6bg{ background:url(bg6.png) no-repeat bottom; width:100%;}
.nav_6{ width:1550px; height:700px; overflow: hidden; margin:0 auto 170px auto; background:#fff;}

.bottombg{ background: url(bottom.png) no-repeat center; width:100%; height:119px;}
.bottom_sbj{ display:none;}
.tt{ display: block; background:#fff;}



@media only screen and (max-width: 540px){
body { background-image:none; font-size:1em; line-height:1.4em; background:#fff;}
.allcontainer{ max-width: 540px; margin: 0 auto;}
.container{ width:100%; padding:0;}
.bottombg{width:100%; height: auto; background: none; margin-bottom:0;}
.m_banner{ display: block; }
.line_h{ height:2em;}


.banner_bg{ width:100%; height:auto;}
.banner{ width:100%;height: auto; text-align:center }
.banner .b_1{ padding-top:10%; height:auto;width:90%; margin:auto;}
.banner_0{  height:auto;width:100%; margin:auto;}
.banner_0 .b_2{ float: inherit; width:50%; margin:auto; height:auto; }
.banner_0 .banner_tt{ width:100%; padding-top:0; float: inherit; font-size:1.2rem;line-height: 2rem; text-align:center; margin-bottom:8%;}


.nav_1left{width:100%;}
.nav_1left .picbox_1 {width: 100%;height: 250px; margin-bottom:2%;}
.nav_1left .picbox_1 {width: 100%;height: 250px;}
.nav_1left .picbox_1 dl{ width: 100%;height: 250px;}
.nav_1left .picbox_1 dl img{width: 100%;height: 250px; }
.nav_1left .picbox_1 dl dt{width:90%; padding:10% 5% 5% 5%;font-size:1em; }

.focusBox1 {}
.focusBox1 .swiper-pagination-bullet{ width:8px; height:8px;border-radius:4px;}
.focusBox1 .swiper-pagination-bullet-active{width:20px; height:8px;}
.focusBox1 .swiper-pagination-bullets{ width:100%; bottom:2px; left:0;}


.nav_1left .picbox_2 {width: 100%;height: auto;}
.nav_1left .picbox_2 dl{width: 46%;height: 110px; margin:2%;}
.nav_1left .picbox_2 dl img{width: 100%;height: 110px;}
.nav_1left .picbox_2 dl dt{width:90%; padding:5%;font-size:0.8em; line-height:1.2em; }
.nav_1left dl:nth-child(even){float:left;}


.icon_1{ margin-bottom:5%; }

.nav_1right{ float:left; width:90%; margin-left:5%; }
.nav_1right a{}
.nav_1right dl{ margin-bottom:2%;}
.nav_1right dt{ font-size:1em; line-height:2em; margin-bottom:2%; }
.nav_1right dd{ font-size:0.9em; line-height:1.4em; padding-bottom:2%; }
.nav_1right ul{ line-height:1.2em; }
.nav_1right ul li{ font-size:0.9em; padding:2% 0;}
.nav_1right ul li span{font-size:1.2em; } 
.nav_1right .mores{ padding-bottom:5%;}
.nav_1right .mores a{}
 
.icon_2{ margin-bottom:3%; }

.nav_2bg{ width:100%; height:auto; overflow: inherit;}
.nav_2{ padding:10% 0 0 0; width:90%; margin:0 auto;}
.nav_2 dl{ width:80%; height:400px; background-size:100%; padding:10%; }
.nav_2 dl a{ color:#fff;}
.nav_2 dt{ font-size:20px; line-height:30px; margin-bottom:15px; }
.nav_2 dd{ font-size:14px; line-height:20px; }

.focusBox2{ padding-bottom:10px;}
.focusBox2 .swiper-slide {width: 250px;height: 500px;}
.focusBox2 .swiper-pagination-bullet{ }
.focusBox2 .swiper-pagination-bullet-active{}
.focusBox2 .swiper-pagination-bullets{}


.icon_3{ margin-bottom:9%; }

.nav_3bg{ width:100%; height:auto; }
.nav_3{ width:90%; margin:auto; padding-top:10%;}
.nav_3 dl{ width:100%; height:519px; }
.nav_3 .n3_b1 dl a{ color:#fff; }
.nav_3 .n3_b2 dl a{ color:#AA6034;}
.nav_3 a:hover{ font-weight:bold;}

.nav_3 .n3_b1 dl img{ }
.nav_3 .n3_b1 i{  }
.nav_3 .n3_b1 dt{ }
.nav_3 .n3_b1 dd{ }

.nav_3 .n3_b2 dl img{ }
.nav_3 .n3_b2 i{}
.nav_3 .n3_b2 dt{ }
.nav_3 .n3_b2 dd{ }

.n3_b3{ margin-top:10%; }
.n3_b3 dl{width:90%; padding-left:9%; height:auto;}
.n3_b3 dl a{}
.n3_b3 dt{font-size:1.2em;line-height: 1.4em; margin-bottom:2%;}
.n3_b3 dd{font-size: 1em; line-height:1.2em;padding-bottom:10%; }
.n3_b3 dl:nth-child(even){float:left;}

.icon_4{ margin-bottom:7%; }
.nav_4{ width:100%; margin:0 auto 10% auto; padding-top:10%;}
.nav_4left{ width:100%; font-size:1.2em; line-height:1.4em;  }
.nav_4left dl{width:100%; height: auto;}
.nav_4left dl img{width:100%; height:250px;}
.nav_4left dt{width:90%; height:auto; padding:5%;}
.nav_4left dl i{ width:50px; height:50px; background-size:100%; }
.nav_4left ul{ margin-bottom:10%;}
.nav_4left ul li{padding:10% 5% 10% 20%; background-size:8%; font-size:0.9em; }
.nav_4left ul li a{color:#333;}

.nav_4right{ float:left; width:100%;}
.nav_4right .n4_img1{width: 100%;height:auto; margin-bottom:2%;}
.nav_4right .n4_img1 img{width: 100%;height: auto;}
.nav_4right .n4_img2{width: 50%;height: 120px;margin-bottom:2%;}
.nav_4right .n4_img2 img{width:100%;height:120px;}
.nav_4right .n4_img2:nth-child(even){float:left;}


.nav_5bg{ width:100%; height: auto; padding-top:5%; margin-bottom:5%; background-size: cover;}
.nav_5{width:100%; }
.nav_5left{ width: 100%; height:auto; margin-bottom:10%;}
.nav_5left dl{width:100%; height:auto;}
.nav_5left dl img{width:100%; height:250px; margin-bottom:5%;}
.nav_5left dl i{ width:50px; height:50px; background-size:100%; }
.nav_5left dt{width:70%;font-size:1.1em; line-height:1.4em; padding-right:5%; }
.nav_5left dd{width:10%; padding-right:5%; height: auto; font-size:1.5em;padding-left:5%; line-height:1em;padding-top:1%;}
.nav_5left dd span{ font-size:0.9em; height:auto; padding-top:0;}
      
.nav_5right{ float:left; width:100%;}
.nav_5right dl{width: 100%;height: auto;margin-bottom:5%;}
.nav_5right dl img{width: 100%;height:auto;}
.nav_5right dt {width:100px; float:left; margin-bottom:2%; padding-top:5%;}
.nav_5right dt i{ width:30px; height:30px; background-size:100%;}
.nav_5right dt span{ font-size:1.4em; line-height:1.4em; padding-left:1%;}
.nav_5right dd{width:70%; float:left; font-size:1em; line-height:1.2em;padding-top:6%;margin-bottom:8%;}

.nav_6bg{ }
.nav_6{ width:100%; height:400px; margin:0 auto 3% auto;}

.bottom_sbj{ width:100%; display:block; text-align:center; background:#333; color:#ddd; line-height:3.5em;}
.bottom_sbj a{ color:#ddd;}
.tt{ display: none; }
}