body {font-size: 16px; line-height: 30px; font-family:"微软雅黑"; color: #333; background:#fff ;}
*{ margin:0; padding:0;}
a {text-decoration:none;color:#222222;}
a:hover {text-decoration:underline; color:#0149B5; }
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:882px; background:url(banner.png) no-repeat top; margin-bottom:20px;}
.banner .imgs{ width:100%; height:650px;}
.bannerbg{ width:1200px; height:210px; margin:0 auto; background:url(bg1.png) no-repeat center; color:#fff;}
.bannerbg .tl{ text-align:center; font-weight:bold; font-size:28px; height:110px; line-height:102px;}
.bannerbg .tl2{ font-size:20px; line-height:34px; width:1080px; margin:0 auto;}

.container{ width:1200px; margin:0 auto;}

.icon_1{ width:529px; height:63px; margin:50px auto;}

.nav_1bg{ width:100%; height:550px; background:url(bg2.png) bottom no-repeat; margin-bottom:60px;}
.nav_1{width:840px; margin:0 auto;}
.nav_1 .img_box{ padding:0 50px; float:left;width:320px; }
.nav_1 .img_box dl{ width:280px; height:410px; padding:20px;background:#fff;box-shadow:0 7px 16px 0 rgba(0.21,0.21,0,0.21); overflow:hidden;}
.nav_1 .img_box dl img{ width:280px; height:180px;}
.nav_1 .img_box dt{ color:#777; font-size:22px; font-weight:bold; line-height:28px; margin-bottom:10px;}
.nav_1 .img_box dt a{ color:#777;}
.nav_1 .img_box dl i{ background:url(lines.png) left no-repeat; height:3px; line-height:3px; overflow:hidden; display: block; margin-bottom:10px;}
.nav_1 .img_box dd{color:#888; font-size:20px; line-height:26px; margin-bottom:10px;}
.nav_1 .img_box span{ color:#bbb; font-size:18px;}


.nav_2{ width:1349px; height:220px; margin:0 auto 60px auto; }
.pvcbox2{ width:1300px; padding-left:49px;}
.pvcbox2 .swiper-button-next{ position:absolute;top: 20px; width:40px;height: 220px;z-index: 10;cursor: pointer;background: url(r0.png) no-repeat center; right: 0; }
.pvcbox2 .swiper-button-prev{ position:absolute;top: 20px; width:40px;height: 220px;z-index: 10;cursor: pointer;background: url(l0.png) no-repeat center; left:0; }

.items{width:380px; overflow:hidden;}
.items .imgs{ width:380px; height:220px; position:relative; margin-bottom:20px;}
.items .imgs img{ width:380px; height:220px;cursor: pointer; }
.items .imgs a{width:380px; height:220px; display:block;position:absolute; top:0; z-index:99; }
.p_video{width:380px; height:220px;cursor: pointer; top:0; position:absolute;z-index:999;}
.p_video:hover{background:#000 url(playbg.png) center no-repeat; filter:alpha(Opacity=70);opacity: 0.7; }

.items .imgs a:hover{ background:#000 url(playbg.png) center no-repeat; filter:alpha(Opacity=70);opacity: 0.7; }
.items .img{position:absolute; top:0; z-index:9;}

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



.nav_3bg { width:100%;background:#F6F6F6; padding:50px 0;}
.nav_3{ width:980px; margin:0 auto 70px auto;}
.nav_3left{ float:left;width:380px;}
.nav_3right{ float:right;width:380px;}
.nav_3 dl{ width:380px; height:480px;background:#fff; overflow:hidden; float: left;}
.nav_3 dl img{ width:380px; height:260px;}
.nav_3 dt{ color:#777; font-size:22px; font-weight:bold; line-height:28px; margin-bottom:10px; padding:0 10px;}
.nav_3 dt a{ color:#777;}
.nav_3 dl i{ width:380px;height:3px; line-height:3px; border-bottom:1px dashed #B6B6B6; overflow:hidden; display: block; margin-bottom:10px;}
.nav_3 dd{color:#888; font-size:20px; line-height:26px; margin-bottom:10px; padding:0 10px;}
.nav_3 span{ color:#bbb; font-size:18px; float:right;padding-right:10px;}

.picbox1{ width:380px;height:480px; padding-left:60px;}
.picbox1 .swiper-button-next{ position:absolute;top: 65px; width:30px;height: 30px;z-index: 10;cursor: pointer;background: url(btn_dw.png) no-repeat center; left:0; overflow:hidden; }
.picbox1 .swiper-button-prev{ position:absolute;top: 25px; width:30px;height: 30px;z-index: 10;cursor: pointer;background: url(btn_up.png) no-repeat center; left:0;overflow:hidden; }

.rccbox1{ width:380px;height:480px; padding-right:60px;}
.rccbox1 .swiper-button-next{ position:absolute;top: 65px; width:30px;height: 30px;z-index: 10;cursor: pointer;background: url(btn_dw.png) no-repeat center; right:0; overflow:hidden; }
.rccbox1 .swiper-button-prev{ position:absolute;top: 25px; width:30px;height: 30px;z-index: 10;cursor: pointer;background: url(btn_up.png) no-repeat center; left:410px;overflow:hidden; }


.nav_4{ width:860px; margin:0 auto;}
.nav_4 dl{ float:left; width:230px; height:125px; padding:0 80px; margin-bottom:30px; }
.nav_4 dl img{ width:230px; height:125px;}



.bottombg{ background: url(bottom.png) no-repeat center; width:100%; height:120px;}
.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;}


.banner{ height:auto; margin-bottom:10%;}
.banner .imgs{ width:100%; height: auto;}
.bannerbg{ width:100%; height: auto;  margin:0 auto;background:url(bg1.png) no-repeat top; color:#fff; }
.bannerbg .tl{ text-align:center; font-weight:bold; font-size:1.3em; height:100px; line-height:102px;}
.bannerbg .tl2{ font-size:1em; line-height:1.4em; width:96%; margin:0 auto; padding:2% 2% 4% 2%; background:#40CDFB;}

.icon_1{ width:90%; height: auto; margin:3% auto 2% auto;}


.nav_1bg{ width:100%; height: auto;margin-bottom:6%;}
.nav_1{width:90%; margin:0 auto;}
.nav_1 .img_box{ padding:0 5%; float:left;width:90%; margin-bottom:10%; }
.nav_1 .img_box dl{  width:90%; height: auto; padding:5%;background:#fff;box-shadow:0 7px 16px 0 rgba(0.21,0.21,0,0.21); overflow:hidden;}
.nav_1 .img_box dl img{  width:100%;height:180px;}
.nav_1 .img_box dt{ color:#777; font-size:1.1em; font-weight:bold; line-height:1.4em; margin-bottom:5%;}
.nav_1 .img_box dt a{ color:#777;}
.nav_1 .img_box dl i{ background:url(lines.png) left no-repeat; height:3px; line-height:3px; overflow:hidden; display: block; margin-bottom:4%;}
.nav_1 .img_box dd{color:#888; font-size:1em; line-height:1.4em; margin-bottom:3%;}
.nav_1 .img_box span{ color:#bbb; font-size:0.9em;}


.nav_2{ width:100%; height: auto; margin:0 auto 6% auto; }
.pvcbox2{ width:100%; padding:0;}
.pvcbox2 .swiper-button-next{ position:absolute;top: 20px; width:40px;height: 230px;z-index: 10;cursor: pointer;background: url(r0.png) no-repeat center; right: 0; }
.pvcbox2 .swiper-button-prev{ position:absolute;top: 20px; width:40px;height: 230px;z-index: 10;cursor: pointer;background: url(l0.png) no-repeat center; left:0; }


.items{width:100%; overflow:hidden; height: auto;}
.items .imgs{ width:100%; height:230px; position:relative; margin-bottom:2%; overflow:hidden;}
.items .imgs img{ width:100%; height: auto; }
.items .imgs a{width:100%; height:230px; display:block;position:absolute; top:0; z-index:99; cursor:auto;}
.items .imgs a:hover{ background:#000 url(playbg.png) center no-repeat; filter:alpha(Opacity=70);opacity: 0.7; }
.items .img{position:absolute; top:0; z-index:9;}

.model_cn{width: 100%;position: fixed;left: 0;top:50%;height: 320px;margin-top:-160px;z-index: 6;background: #000000;display: none;margin-left: 0}
.model_cn video{width: 100%;height: 320px;margin:0 auto;display: block;}


.nav_3bg { width:100%;background:#F6F6F6; padding:6% 0; margin-bottom:6%}
.nav_3{ width:85%; margin:0 auto 3% auto;}
.nav_3left{ float: none;width:96%; margin:0 auto 5% auto;}
.nav_3right{ float: none;width:96%; margin:0 auto;}
.nav_3 dl{ width:100%;height: auto;}
.nav_3 dl img{ width:100%; height: auto;}
.nav_3 dt{ font-size:1.1em; font-weight:bold; line-height:1.4em; margin-bottom:3%; padding:0 2%;}
.nav_3 dl i{ width:100%;margin-bottom:3%;}
.nav_3 dd{ font-size:0.9em; line-height:1.4em; margin-bottom:10px; padding:0 2%;}
.nav_3 span{ font-size:0.9em;padding-right:3%;}

.picbox1,.rccbox1{ width:90%;height:400px; padding-left:10%; padding-right:0;}
.rccbox1 .swiper-button-next{ position:absolute;top: 65px; width:30px;height: 30px;z-index: 10;cursor: pointer;background: url(btn_dw.png) no-repeat center; left:0; overflow:hidden; }
.rccbox1 .swiper-button-prev{ position:absolute;top: 25px; width:30px;height: 30px;z-index: 10;cursor: pointer;background: url(btn_up.png) no-repeat center; left:0;overflow:hidden; }


.nav_4{ width:90%; margin:0 auto;}
.nav_4 dl{ float:left; width:46%; height:85px; padding:0 2%; margin-bottom:6%; overflow:hidden; }
.nav_4 dl img{ width:100%; height: 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; }
}