﻿body {font-size: 14px; line-height: 26px; font-family:"微软雅黑"; color:#4F515B; background:#F6F2F0;}
*{ margin:0; padding:0;}
a {text-decoration:none;color:#4F515B;}
a:hover {text-decoration:underline; color:#418C5B; }
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:966px; background:url(banner.png) no-repeat top; }
.tout{ margin:-100px auto 90px auto; width:1150px;background:#fff; padding:25px; overflow:hidden;box-shadow:0 7px 16px 0 rgba(0,0,0,0.11);}
.tout dl{display:block; overflow:hidden;}
.tout dt{ margin-bottom:20px; font-size:28px; font-weight:bold; text-align:center;}
.tout dl dd { color:#85899A; font-size:14px;}
.tout dl dd a{color:#418C5B;}

.container{ width:1200px; margin:0 auto;}
.icon_1{ text-align:center; width:82px; height:247px; display:block; float:right; margin-top:-60px;}
.icon_2{ text-align:center; width:82px; height:247px; display:block; float:left; margin-top:-60px;}
.icon_3{ text-align:center; width:82px; height:247px; display:block; float:left; margin-top:-160px;}


.nav_1bg{ width:1160px; height:350px; padding:20px; background:#fff; margin:0 auto 60px auto;}
.nav_1left{float:left; width:630px; height:350px;}
.nav_1left dl{ width:630px; height:350px;position:relative; overflow:hidden; margin-bottom:15px;}
.nav_1left dt{ width:630px; height:350px;z-index:9; position:absolute; top:0; left:0;}
.nav_1left dl img{width:630px; height:350px;}
.nav_1left dd{ width:610px; padding:10px; overflow:hidden; line-height:28px; background-color:#000; font-size:18px; z-index:99; position:absolute; bottom:0; left:0; color:#fff; }
.nav_1left dd .tl{color:#fff; text-align:left;}
.nav_1left dd .tl a{color:#fff;}

.focusBox1 .swiper-pagination-bullets{ bottom:25%;}
.focusBox1 .swiper-pagination-bullet{ background:#fff;width:15px; height:15px;border-radius:7.5px; filter: alpha(opacity=100); opacity: 1.0;}
.focusBox1 .swiper-pagination-bullet-active{ background:#21824C;filter: alpha(opacity=100); opacity: 1.0;}

.nav_1right{float:right; width:510px;}
.nav_1right dl{ width:410px; height:180px; margin-bottom:20px; overflow:hidden;}
.nav_1right dt{ font-size:16px; font-weight:bold; line-height:24px; margin-bottom:10px;}
.nav_1right dd{color:#85899A; font-size:14px;}
.nav_1right li{border-top:1px dotted #EAE2DE; line-height:50px; overflow:hidden; background:url(p0.png) left no-repeat; padding-left:20px;}
.nav_1right li span{float:right;color:#999; }


.nav_2{background:url(bg_2.png) no-repeat center; width:100%; height:210px;}
.tout2{ margin:-70px auto 80px auto; width:1150px;background:#fff; padding:25px; overflow:hidden;box-shadow:0 7px 16px 0 rgba(0,0,0,0.11);}
.tout2 dl{display:block; overflow:hidden;}
.tout2 dt{ margin-bottom:20px; font-size:28px; font-weight:bold; text-align:center;}
.tout2 dl dd { color:#85899A; font-size:14px;}
.tout2 dl dd a{color:#418C5B;}

.nav_2bg{ width:1160px; height:350px; padding:20px; background:#fff; margin:0 auto 90px auto;}
.nav_2left{float:right; width:630px; height:350px;}
.nav_2left dl{ width:630px; height:350px;position:relative; overflow:hidden; margin-bottom:15px;}
.nav_2left dt{ width:630px; height:350px;z-index:9; position:absolute; top:0; left:0;}
.nav_2left dl img{width:630px; height:350px;}
.nav_2left dd{ width:610px; padding:10px; overflow:hidden; line-height:28px; background-color:#000; font-size:18px; z-index:99; position:absolute; bottom:0; left:0; color:#fff; }
.nav_2left dd .tl{color:#fff; text-align:left;}
.nav_2left dd .tl a{color:#fff;}
.nav_2right{float:left; width:510px;}
.nav_2right dl{ width:410px; height:180px;  margin:0 0 20px 100px; overflow:hidden;}
.nav_2right dt{ font-size:16px; font-weight:bold; line-height:24px; margin-bottom:10px;}
.nav_2right dd{color:#85899A; font-size:14px;}
.nav_2right li{border-top:1px dotted #EAE2DE; line-height:50px; overflow:hidden; background:url(p0.png) left no-repeat; padding-left:20px;}
.nav_2right li span{float:right;color:#999; }


.nav_3bg{ background: url(bg_3.png) no-repeat bottom; height:600px; width:100%; margin-bottom:60px;}
.nav_3{ margin:0 auto; width:1200px; height:490px; padding-top:110px;}
.nav_3left{ background:url(bg_3a.png) center no-repeat; width:470px; height:380px; float:left; padding-top:10px;}
.items{overflow:hidden;width:470px; height:380px; position:relative;}
.p_video{width:470px; height:380px;cursor: pointer; top:0; position:absolute;z-index:999;}


.nav_3right{background: url(bg_4.png) no-repeat top; width:540px; height:300px; padding:40px 50px 50px 50px; color:#fff; line-height:26px; float: right;}

.nav_4{ width:1200px; margin:0 auto 60px auto;}
.nav4_box1{ float:left; width:595px; height:200px;}
.nav4_box2{ float:right; width:595px; height:200px;}
.nav_4 dl{ padding:10px; height:180px; background:#fff; overflow:hidden;}
.nav_4 dt{ width:315px; height:180px; float:left;}
.nav_4 dt img{ width:315px; height:180px;}
.nav_4 dd{float:right; width:240px; height:180px; }
.nav_4 dl dd a{color:#418C5B; font-size:16px; }

.nav_5{background:url(bg_5.png) no-repeat center; width:100%; height:210px;}
.tout3{ margin:-70px auto 20px auto; width:1150px;background:#fff; padding:25px; overflow:hidden;box-shadow:0 7px 16px 0 rgba(0,0,0,0.11);}
.tout3 dl{display:block; overflow:hidden;}
.tout3 dt{ margin-bottom:20px; font-size:28px; font-weight:bold; text-align:center;}
.tout3 dl dd { color:#85899A; font-size:14px;}
.tout3 dl dd a{color:#418C5B;}

.nav_6{ background:#fff; padding:20px 0 0 0; margin:0 auto; width:1200px; }
.nav_6 dl{ float:left; width:370px; height:210px; padding:0 15px 20px 15px;}
.nav_6 dl img{width:370px; height:210px;}

.nav_7{background:url(bg_7.png) no-repeat center; width:100%; height:210px;}


.model{position: fixed;left: 0;top:0;width: 100%;height: 100%;background: rgba(0,0,0,0.6);z-index: 5;display: none;}
.model_cn{width: 1200px;position: fixed;left: 50%;top:50%;margin-left: -600px;height: 450px;margin-top:-225px;z-index: 6;background: #000000;display: none;}
.model_cn video{width: 100%;height: 450px;margin:0 auto;display: block;}





.bottombg{ width:100%; background: url(bottom.png) no-repeat center; height:239px;}
.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%;}
.bottombg,.banner{width:100%; height: auto; background: none; margin-bottom:0;}
.m_banner{ display: block; }
.line_h{ height:2em;}

.tout{ margin:0 auto 4% auto; width:100%; padding:0;}
.tout dl{display:block; overflow:hidden;padding:3%;}
.tout dt{ margin-bottom:2%; font-size:1.05em;}
.tout dl dd {font-size:0.9em;}

.icon_1,.icon_2{ text-align:center; width:14%; height: auto; display:block; float:right; margin-top:0;}
.icon_3{  text-align:center; width:14%; height: auto; display:block; float:left; margin-top:0;}


.nav_1bg{ width:96%; height: auto; padding:2%; margin:0 auto 3% auto;}
.nav_1left{width:100%; height: auto;}
.nav_1left dl{width:100%; height:240px; margin-bottom:3%;}
.nav_1left dt{ width:100%; height:240px;}
.nav_1left dl img{width:100%; height:240px;}
.nav_1left dd{width:94%;padding:3%; line-height:1.2em; font-size:0.9em; }

.focusBox1 .swiper-pagination-bullets{ bottom:27%;}
.focusBox1 .swiper-pagination-bullet{ width:10px; height:10px;}


.nav_1right{float:left; width:100%;}
.nav_1right dl{ width:80%; height: auto; margin-bottom:3%;}
.nav_1right dt{ font-size:1.05em; line-height:1.4em; margin-bottom:2%;}
.nav_1right dd{ font-size:0.85em; line-height:1.4em;}
.nav_1right li{line-height:1.1em; padding:2% 0 2% 20px;}
.nav_1right li span{ display:none; }


.nav_2{width:100%; height:160px;}
.tout2{ margin:-70px auto 3% auto; width:100%;padding:0;}
.tout2 dl{display:block; overflow:hidden;padding:3%;}
.tout2 dt{ margin-bottom:2%; font-size:1.05em;}
.tout2 dl dd {font-size:0.9em;}


.nav_2bg{ width:96%; height: auto; padding:2%; margin:0 auto 3% auto;}
.nav_2left{width:100%; height: auto; float:left;}
.nav_2left dl{width:100%; height:240px; margin-bottom:3%;}
.nav_2left dt{ width:100%; height:240px;}
.nav_2left dl img{width:100%; height:240px;}
.nav_2left dd{width:94%;padding:3%; line-height:1.2em; font-size:0.9em; }
.nav_2right{float:left; width:100%;}
.nav_2right dl{ width:80%; height: auto; margin:0 0 3% 0;}
.nav_2right dt{ font-size:1.05em; line-height:1.4em; margin-bottom:2%;}
.nav_2right dd{ font-size:0.85em; line-height:1.4em;}
.nav_2right li{line-height:1.1em; padding:2% 0 2% 20px;}
.nav_2right li span{ display:none; }



.nav_3bg{ background: url(bg_3.png) repeat; height: auto; width:100%; margin-bottom:3%;}
.nav_3{ margin:0 auto; width:100%; height: auto; padding-top:10%;}
.nav_3left{ width:80%; height:220px; float:left; padding-top:0;}
.items{width:100%; height:220px; }
.p_video{width:100%; height:220px;}

.model{position: fixed;left: 0;top:0;width: 100%;height: 100%;background: rgba(0,0,0,0.6);z-index: 5;display: none;}
.model_cn{width: 100%;position: fixed;left: 0;top:50%;height: 320px;margin-top:-170px;z-index:100;background: #000000;display: none;margin-left: 0}
.model_cn video{width: 100%;height: 320px;margin:0 auto;display: block;}


.nav_3right{background: url(bg_4.png) repeat; width:87%; height: auto; padding:5% 3% 5% 7%; color:#fff; font-size:0.9em; line-height:1.2em; float:left; margin-bottom:3%;}

.nav_4{ width:100%; margin:0 auto 3% auto;}
.nav4_box1{ float:left; width:100%; height: auto;}
.nav4_box2{ float:left; width:100%; height: auto;}
.nav_4 dl{ padding:2%;  height: auto;}
.nav_4 dt{ width:100%;  height: auto;}
.nav_4 dt img{ width:100%; height: auto;}
.nav_4 dd{float:left; width:96%; padding-left:2%; height: auto; font-size:0.9em;}
.nav_4 dl dd a{color:#418C5B;  }

.nav_5{width:100%; height:160px;}
.tout3{ margin:-70px auto 3% auto; width:100%;padding:0;}
.tout3 dl{display:block; overflow:hidden;padding:3%;}
.tout3 dt{ margin-bottom:2%; font-size:1.05em;}
.tout3 dl dd {font-size:0.9em;}


.nav_6{ padding:2% 0 0 0; margin:0 auto; width:100%; }
.nav_6 dl{ float:left; width:46%; height: auto; padding:0 2% 4% 2%;}
.nav_6 dl img{width:100%; height: auto;}

.nav_7{width:100%; height:180px;}



.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; }
}
