﻿body {font-size: 14px; line-height: 26px; font-family:"微软雅黑"; color:#4F515B; background:#F6F7F9;}
*{ margin:0; padding:0;}
a {text-decoration:none;color:#333;}
a:hover {text-decoration:underline; color:#1369D8; }
ul,ol {list-style:none;}
img{border:0;}
.clear{ clear:both;}
.allcontainer img{ max-width: 100%; }
.m_banner{ display: none; }
.line_h{ display: none;}


.banner{ width:100%; height:749px; background:url(banner.png) no-repeat center; color:#fff; display: block; margin-bottom:40px;}
.container{ width:1200px; margin:0 auto;}
.icon_1{ width:1243px; margin:0 auto; height:62px;text-align:center;display:block; background:url(icon_1.png) no-repeat top;}


.nav_1{ width:1200px;margin:0 auto 40px auto; overflow:hidden;}
.nav_1left{float:left; width:800px; background:#fff;}
.nav_1left dl{ float:left; width:320px; padding:30px 0 20px 0; margin-left:50px; overflow:hidden;border-bottom:1px solid #BDBDBD; }
.nav_1left dt{ color:#999; line-height:20px; margin-bottom:5px;}
.nav_1left dd{ font-size:14px; color:#999; line-height:20px; margin-bottom:5px;}
.nav_1left span{ color:#F0CC38; display: block;}
.nav_1left .mores{ color:#1369D8; text-align:right; padding-right:50px; display:block;  margin: 10px 0;}
.nav_1left .mores a{ color:#1369D8;}

.icon_1a{ color:#535176; width:100%; height:48px; line-height:48px; background:url(icon_2.jpg) no-repeat bottom; margin:0 0 10px 0;}
.icon_1a span{font-size:24px; font-weight:bold;}
.nav_1right {float:right; width:330px;}
.nav_1right dl{ margin-bottom:10px; padding-bottom:10px;border-bottom:1px solid #BDBDBD; }
.nav_1right dt{ color:#999; line-height:20px; margin-bottom:5px;}
.nav_1right dd{ font-size:14px; color:#999; line-height:20px; margin-bottom:5px;}
.nav_1right .mores{ color:#999; text-align:right;float:right;}
.nav_1right .mores a{ color:#999;}


.nav_2{ background:#3D3D3D url(p0.jpg) repeat-y 680px; width:1200px; margin:0 auto 40px auto; height:290px; padding-top:60px;}
.icon_2{ float:left; width:231px; height:220px;background:url(icon_3.jpg) center no-repeat;}
.nav_2 ul{float: left; border-top:1px solid #fff; width:350px; }
.nav_2 ul li{border-bottom:1px solid #fff;color:#fff; height:54px; line-height:54px;}
.nav_2 ul a{ color:#fff;}
.nav_2 .mores{ color:#FAD431; line-height:50px; text-align:right; display:block;}
.nav_2 .mores a{ color:#FAD431;}
.lines{ width:160px; height:290px; float:left;}



.sy-ui-box{display: block;}
.sy-ui-float-left{float: left;}
.sy-ui-float-right{float: right;}
.sy-ui-clear:after{content:""; display:block; clear: both;}
.sy-ui-clear-border{border: none !important;}

.scene-box{width: 1200px;margin: 0 auto  60px auto;}
.scene-box img{width: 100%;height: 100%;}
.scene-box a{position: relative;}
.scene-title{width: 375px;height:68px;background:url(icon_4.png) no-repeat left;}
.scene-imgs{width: 100%;margin-top: 30px;}
.img-size-1{width:600px;height:456px;overflow: hidden;}
.img-size-2{width:300px;height:228px;overflow: hidden;}
.img-size-3{width:600px;height:228px;overflow: hidden;}
.img-size-4{width:400px;height:225px;overflow: hidden;}
.img-group-size{width: 600px;}
.group-5-3-marking { position: absolute; top: 0; left: 0; background: rgba(0,0,0,0.3); width: 100%; height: 100%; z-index: 10; filter: progid:DXImageTransform.Microsoft.gradient( GradientType = 0,startColorstr = '#80000000',endColorstr = '#80000000')\9;}
.scene-box p{position: absolute;bottom:18px;left: 10px;color: #FFF;z-index: 20;}
.mobilt-img{display: none;}


.nav_3bg{background:url(bottom.png) no-repeat bottom; width:100%;}
.icon_3{width: 1200px;height:68px; margin:0 auto 40px auto; background:url(icon_5.png) left no-repeat;}
.n3_img{ width:400px; height:165px;}
.n3_img img{ width:396px; height:161px; border:2px solid #000;}

.nav_3{ width:1200px;margin:0 auto ;}
.pvcbox2{ width:1200px;}
.pvcbox2 .swiper-button-next{ position:absolute;top:43%; width:61px;height: 61px;z-index: 10;cursor: pointer;background: url(r0.png) no-repeat center; right: 0; }
.pvcbox2 .swiper-button-prev{ position:absolute;top:43%; width:61px;height: 61px;z-index: 10;cursor: pointer;background: url(l0.png) no-repeat center; left:0; }


.bottombg{ width:100%; height:220px;}
.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:#F6F7F9;}
.allcontainer{ max-width: 540px; margin: 0 auto;}
.container{ width:100%;}
.bottombg{width:100%; height: auto; background: none; margin-bottom:0;}
.m_banner{ display: block; }
.line_h{ height:2em;}

.banner{ height:auto; margin-bottom:2%;}
.icon_1{ width:90%; height: auto; margin:3% auto 2% auto; background:none;}

.nav_1{ width:100%;margin:0 auto 3% auto; }
.nav_1left{float:left; width:100%; height: auto;}
.nav_1left dl{ float:left; width:90%;height: auto; padding:2% 5%; margin-left:0; }
.nav_1left dt{ color:#999; line-height:1.3em; margin-bottom:2%;}
.nav_1left dd{ line-height:1.2em; margin-bottom:2%;}
.nav_1left .mores{ padding:3%;}


.icon_1a{ width:100%; height:48px; line-height:48px; background:url(icon_2.jpg) no-repeat bottom; margin:3% 0;}
.icon_1a span{font-size:24px; font-weight:bold;}
.nav_1right {float:left; width:90%; padding-left:5%;}
.nav_1right dl{ margin-bottom:2%; padding-bottom:2%;}
.nav_1right dt{ color:#999; line-height:1.4em; margin-bottom:2%;}
.nav_1right dd{  line-height:1.2em; margin-bottom:2%;}


.nav_2{ background:#3D3D3D; width:100%; margin:0 auto 5% auto; height: auto; padding-top:2%;}
.icon_2{ float:left; width:90%; height:auto; background:none;}
.nav_2 ul{width:100%; }
.nav_2 ul li{height: auto; line-height:1.3em; padding:2% 3%; overflow:hidden;}
.nav_2 .mores{ line-height:1.4em; padding:3%;}
.lines{ display: none;}

.scene-box{width: 100%;margin: 0 auto 4% auto;}
.scene-box img{width: 100%;height: 100%;}
.scene-title{width:70%;height: auto; padding-left:5%; background:none;}
.scene-imgs{width: 100%;margin-top: 3%;}
.img-size-1,.img-size-2,.img-size-3,.img-size-4{width:100%;height: 200px;overflow: hidden; margin-bottom:2%;}
.img-group-size{width:100%;}

.nav_3bg{background:none; width:100%;margin:0;}
.icon_3{ float:left; width:70%;height: auto; margin:0 0 2% 0; padding-left:2%; background:none;}
.n3_img{ width:100%; height: auto;margin:0;}
.n3_img img{ width:100%; height: auto;}

.nav_3{ width:100%;margin:0 auto;}
.pvcbox2{ width:100%;margin:0;}
.pvcbox2 .swiper-button-next{ position:absolute;top:50%; width:31px;height: 31px;z-index: 10;cursor: pointer;background: url(r0.png) no-repeat center; background-size:100%; right: 0; }
.pvcbox2 .swiper-button-prev{ position:absolute;top:50%; width:31px;height: 31px;z-index: 10;cursor: pointer;background: url(l0.png) no-repeat center; left:0; background-size:100%;}

.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; }
}
