/* CSS Document */



.container-index{width: auto; margin: 0 15px; /*padding: 0;*/}
@media (min-width: 640px){.container-index{margin: 0 6%;}}
@media (min-width: 1200px){.container-index{margin: 0 6%;}}
@media (min-width: 1600px){.container-index{margin: 0 6%;}}
@media (min-width: 2800px){.container-index{margin: 0 auto;width: 2000px;}}



@media (min-width: 640px){
.container2 { margin: 0 13.54%;}
}

.neirong-t{padding: 1.1rem 0 .8rem;}

@media (max-width: 767px){
.neirong-t {
    padding: 50px 0 25px;
}}


@media screen and (max-width: 1600px){

.sy-3-n .fl,.sy-3-n .fr{ float:none; margin:0 auto; text-align:center;}
.sy-3-n .fr p{ margin:50px auto 0; width:900px;} 


.header .logo{ margin-left:3%;}
.header .fr{ width:900px; margin-right:0;}
.daohang ul li{ width:100px;}
.daohang ul li a,.qiehuan a, .qiehuan span{ font-size:15px;}
.qiehuan{ margin-left:5px;}




}



@media screen and (max-width: 1300px){

.w1200{ width:auto; margin:0 15px;}
.sy-1-n .fl,.sy-1-n .fr{ width:48%;}
.sy-1-n .fr img{ width:100%;}




}



@media screen and (max-width: 1200px){

body{ margin-top:50px !important;} 
/*头部*/
.header{ height:50px; position:fixed; top:0; z-index:99; display:none !important;}
.header .logo,.header .logo img{ height:30px;}
.header .logo{ margin-top:10px; margin-left:15px;}
.banner-n{ margin-top:65px !important;}

.w990{ width:100%;}
.w650{ width:100%;}
.w900{ width:100%;}


.qiehuan{ display:none;}
.sj-qiehuan{ display:block; height:45px; line-height:45px;}
.sj-qiehuan{ margin-right:30px;}
.sj-qiehuan span,.sj-qiehuan a{ font-size:16px;}
.sj-qiehuan span{ margin:0 3px;}



/* 导航开始 */
.daohang{ display:none;}
.nav{-webkit-transition: all 0.6s ease;-moz-transition: all 0.6s ease;-ms-transition: all 0.6s ease;-o-transition: all 0.6s ease;transition: all 0.6s ease; display:block;}
.nav{width:100%;background:#fff;float:left;}
.nav li{ width:8%;height:20px;line-height:20px;float:left;font-size:14px;text-align:center;position:relative;}
.nav ul li a{color:#fff;display:block; font-size:14px;}
.nav ul li:hover,.nav ul li.another{background:#5ec2d0;}
.nav ul li:hover a{ color:#fff !important; background-color:#5ec2d0;}
.nav ul li.another a.wp_nav_li{ color:#009944;}
.daohang ul li .box li{ width:100%; padding-left:0;}
.daohang ul li .box li a{ font-size:14px;}
 .toggle{opacity: 0;}

 .toggle {
    width: 25px;
    height: 20px;
    position: absolute;
    top: 14px;
    right: 0px;
    cursor: pointer;
    z-index: -1;
}
 .toggle em {
    width: 100%;
    height: 3px;
    position: absolute;
    top: 0px;
    left: 0px;
    background-color:#5ec2d0;
    border-radius: 5px;
}
 .toggle em:nth-child(2) {
    top: 8px;
}
 .toggle em:last-child {
    top: auto;
    bottom: 0px;
}
 .toggle em:first-child {
    -webkit-transform: translateY(10px);
    transform: translateY(10px);
}
 .toggle em:last-child {
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px);
}
 .toggle em, .header .toggle{
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.active .nav li {
    opacity: 0;
}

.chose {
  width: 21px;
  height: 21px;
  background:url(../images/chose.png) no-repeat center;
  -webkit-background-size: 100%;
  background-size: 100%;
  position: absolute;
  right: 15px;
  top: 16px;
  cursor: pointer;
}
/* 导航结束 */

 .nav,.active .nav{
	width: 210px;
	height:auto;
    position: fixed;
    float: none;
    top: 0px;
    left: auto;
    right: -212px;
    border-left: 2px solid #003043;
    bottom: 0px;
    background-color: #003043;
    z-index: 10;
    -webkit-transition: all 0.6s ease;
    -moz-transition: all 0.6s ease;
    -ms-transition: all 0.6s ease;
    -o-transition: all 0.6s ease;
    transition: all 0.6s ease;}
 .nav ul{width:100%;height:auto;}
 .nav li, .nav li a{    
    width: 100%;
    margin: 0;
}
 .nav li a{
    width:100%;
    float:none;
    font-size:14px;
    display:block;
    color:#333;
    padding-left:30px;
	text-align:left;
}
 .toggle{opacity:1;right:15px;}
 .toggle em:first-child, .toggle em:last-child{-webkit-transform:translateY(0);transform:translateY(0);}
 .toggle{z-index:1;}
 .nav.show{padding-top: 50px;}
 .nav.show li a:hover{
    background:none;
}
.sec_nav{position:initial !important; background:none !important; border-bottom:none !important; box-shadow:none !important;}
.sec_nav span > a{color:#fff !important;padding-left:40px !important;}
.sec_nav{width:100%;display:none;position:absolute;left:-25%;top:50px;z-index:100;  }
.web_hid_nav{display:block !important}
.nav li{position:initial;height:auto;}
.sec_nav .web_hid_nav a{ color:#fff !important;}
.web_hid_nav{ background-color:##003043 !important;}


.nav ul li{ padding:0; float:none;}
.nav ul li a{ border-right:none;}
.nav ul li a, .nav ul li .box li a{ padding:10px 0 !important;}

.daohang ul li{ width:100%;}
.daohang ul li a{ height:auto; padding:0 0 0 30px !important; height:40px; line-height:40px; font-size:15px;}
.daohang ul li .box{ width:inherit !important; left:inherit !important; top:inherit !important; margin-left:auto !important;}
.daohang ul li .box li:hover a b,.daohang ul li .box li a b{ display:none !important;}
.daohang ul li .box li a{ width:100%; padding:0 0 0 40px !important; line-height:30px;}
.daohang ul li .box li a span{ float:none; color:#333 !important;}
.daohang ul li .box li:hover a span{ color:#fff !important;}
.daohang ul li .box li:hover a{ background-color:#003043 !important;}

.daohang ul li:hover, .bianse{ border-radius:0;}

.header .fr{ width:auto;}
.qiehuan{ display:block; padding-top:0; margin-right:30px;}








.device,.swiper-container { height:auto !important;}
.swiper-wrapper,.swiper-slide{ height:auto !important; background:none !important;}
.swiper-slide img{ /*display:block !important;*/}



/*.w1300,.w1200,.w1150,.w1100,.w1050,.w1000,.w800{ width:100%;}*/



/*banner*/
.device,.banner{ margin-top:50px;}
.device .arrow-left,.device .arrow-right{ width:20px; height:40px; margin-top:-20px; background-size:100%;}
.device .arrow-left{ left:30px !important;}
.device .arrow-right{ right:30px !important;}
.pagination{ bottom:90px;}
.swiper-pagination-switch{ width:10px; height:10px; border-radius:10px;}








/*首页*/
.bt p{ font-size:36px; letter-spacing:5px;}
.bt small{ font-size:18px;}

.sy-1,.sy-2,.sy-3{ padding:50px 0;}
.w1200{ margin-left:auto; margin-right:auto;}
.sy-1-n{ margin-top:50px;}
.sy-1-n .fl,.sy-1-n .fr{ width:100%;}
.sy-1-n .fl{ margin-top:30px;}
.sy-1-n .fl p{ font-size:24px;}
.sy-1-n .fl span{ font-size:16px; line-height:1.8;}
.sy-1-n .fl a{ width:150px; height:40px; line-height:40px; font-size:18px; margin:30px auto 0;}


.product .detail{ width:700px; margin-left:-350px;}
#scroll-box{ width:680px !important;}
.product .detail img{ max-width:100%; height:auto !important;}
.sy-2 ul{ margin-top:30px;}
.sy-2 ul li{ width:48%; margin-right:0;}
.sy-2 ul li:nth-child(even){ float:right;}

.sy-3-n{ margin-top:30px;}
.sy-3-n .fl img{ max-width:100%;}
.sy-3-n .fr p{ width:100%; font-size:18px;}

.sy-4 ul li:nth-child(4n){ margin-right:0;}
.sy-4 ul li p.zi{ font-size:18px; height:50px; line-height:50px;}
.sy-4 ul li{ margin-bottom:30px !important;}





/*底部*/
.footer{ /*padding:30px 0;*/}
.footer .dibu{    background: none; display:none}
.footer .fl b{ font-size:18px;}
.footer .fl p{ font-size:16px;}
.dibu{   line-height:30px;}
.dibu .fl{ margin-left:5%;}
.dibu .fr{ margin-right:5%;}
.dibu .fl, .dibu .fr{ font-size:12px;}
.footer {
min-height: 180px;}
.disw{ display:none}

.footer .fr {
     text-align: left }
	 
	 .fwly_m .fff {
    background: #fff;
}
.fwly_m .w1200 { 
   background:none;
}




@media screen and (max-width: 767px){
.pagination{ bottom:35px;}
.bt p{ font-size:24px; letter-spacing:3px;}
.bt small{ font-size:14px;}
.sy-1-n{ margin-top:30px;}

.sy-1-n .fl p{ font-size:18px;}
.sy-1-n .fl span{ font-size:14px; margin-top:10px;}
.sy-1-n .fl a{ width:120px; height:30px; line-height:30px; font-size:14px;}
.product .detail{ width:320px; margin-left:-160px;}
#scroll-box{ width:310px !important;}
.sy-2 ul li:first-child, .sy-2 ul li:nth-child(2), .sy-2 ul li:nth-child(3), .sy-2 ul li:nth-child(4), .sy-2 ul li:nth-child(5), .sy-2 ul li:nth-child(6){ margin-bottom:20px;}
.sy-2 ul li p.zi{ height:80px;}
.sy-2 ul li p.zi b{ font-size:18px;/* padding-top:15px;*/}
.sy-2 ul li p.zi b, .sy-2 ul li p.zi span{ letter-spacing:0;}
.sy-2 ul li p.zi span{ font-size:14px; margin-top:5px;}
.sy-2 ul li:hover p.zi b{ font-size:20px;}
.sy-3-n .fr p{ font-size:14px; margin-top:20px; line-height:1.8;}
.sy-4 ul li p.zi{ font-size:16px; /*line-height:1.3;*/ height:50px; /*padding:5px;*/}
.sy-4 ul li{ margin-bottom:20px !important;}

.footer .fl,.footer .fr{ float:none;}
.footer .fl b{ font-size:14px; margin-bottom:15px;}
.footer .fl p{ font-size:14px; margin-bottom:5px;}
.footer .fr{ margin-top:15px;}
.footer .fr .ewm{ width:80px; /*height:80px;*/}
.footer .fr .ewm img{ width:100%;}
.footer .fr .ewm span{ font-size:12px; margin-top:5px;}

.footer .container2{padding:2% 3% 7% 3%}

.banner2 > img { 
    height: 300px;
}
}

@media screen and (max-width: 414px){


}


@media screen and (max-width: 374px){




}