@charset "utf-8";
/*wap*/
@media screen and (min-width:0px)  and  (max-width:1199px)  {
html,body{max-width:750px; margin:0 auto; font-size:1.2rem;}
html{font-size:62.5%}
.pc{display:none;}
.wap{display:block;}
.clear{clear:both; height:1px !important; font-size:1px !important;}
@media only screen and (min-width:321px) {html {font-size:62.5%!important}}
@media only screen and (min-width:361px) {html {font-size:70.31%!important}}
@media only screen and (min-width:376px) {html {font-size:73.24%!important}}
@media only screen and (min-width:481px) {html {font-size:94%!important}}
@media only screen and (min-width:561px) {html {font-size:109%!important}}
@media only screen and (min-width:641px) {html {font-size:125%!important}}


/* --- 头部 --- */
.header{ padding: 15px}
.header .wrap{ display:flex; align-items:center;}
.home-header{/*position:fixed; */left:0; top:0; width:100%; background:#fff; z-index:200; }

/* --- 头部 --- */
  
 
.lang a{ margin-left: 10px;   }
 
/* logo */
.header .logo{ width:40%; float: left;}
  
.header .lang{ margin-left: 20px; line-height: 38px; float: left;}
 
/* 导航 */
.wap-nav{}
.drawer-nav{z-index:200;}
.drawer-nav li{line-height:3.5rem; text-align:left;  border-bottom:1px solid #efefef; font-size:1.4rem; position:relative}
.drawer-nav li .link{ padding-left:15px}
.drawer-nav li i{  
    border-top: 2px solid transparent;
    border-left: 2px solid transparent;
    display: block;
    width: 8px;
    height: 8px;
    margin: auto;
    position: absolute;
       top: 1.3rem;
    right: 1rem;

    border-color: rgba(255,255,255,.4);
    transform: rotate(135deg);
} 
.drawer-nav li .sub-nav{display:none;}
.drawer-nav li:hover .sub-nav{display:block; background:#fff; padding-left:15px}
.drawer-nav li:hover .sub-nav a{display:block; height:3.5rem; line-height:3.5rem; font-size:1.2rem; border-bottom:1px dotted #fff; padding-left:15px font-size:12px;     border-bottom: #e5e5e5 1px solid; color: #333;
 }

.drawer-nav li:hover .sub-nav a:last-child{ border-bottom:none;}


 
/* --- 内容 --- */
 
 
 
 
 
    .banner .swiper-pagination-bullet{ width: 10px; height: 10px;} 
    .box1{  padding: 15px 15px; background-image: url("../images/bg1.jpg"); background-repeat: no-repeat; background-size: cover; position: relative;}
    .boxtitle{  color: #fff; margin-bottom: 20px;}
    .boxnum{ font-size: 28px; font-weight: bold; font-family: Microsoft Sans Serif; margin-right: 10px; line-height: 50px;}
    .boxtitletxt{ background-image: url("../images/xian.png");background-repeat: no-repeat; background-position: left center;}
    .boxtitletxtcn{font-size: 20px;   }
    .boxtitletxten{font-size: 18px; }
 
  
 
 
 
 
 /* 本例子css */
		.slideGroup{ width:100%;    }
		.slideGroup .parHd{  text-align: center;   }
		.slideGroup .parHd ul{ height:56px; line-height: 54px;    border:1px solid #ffffff;  display: inline-block; border-radius: 56px;   }
		.slideGroup .parHd ul li{ display: inline-block; width: 147px; cursor:pointer; text-align: center; font-size: 18px;   }
		.slideGroup .parHd ul li.on{ background: url("../images/on.png") no-repeat;}
		.slideGroup .slideBox{ overflow:hidden; zoom:1; padding:50px 100px ; position:relative;   }

		.slideGroup .sPrev,.slideGroup .sNext{ position:absolute; left:5px; top:40%; display:block; width:43px; height:83px;  background:url(../images/left1.png) center center no-repeat  ; }
		.slideGroup .sNext{ left:auto; right:5px; background:url(../images/right1.png) center center no-repeat  ;  }
		.slideGroup .sPrev:hover,.slideGroup .sNext:hover{ border-color:#f60;  }

		.slideGroup .parBd ul{ overflow:hidden; zoom:1;   }
		.slideGroup .parBd ul li{ margin:0 20px; float:left; _display:inline; overflow:hidden; text-align:center;  }
     
    
    
    
     .swiper-container4{   overflow: hidden; margin-top: 20px; }
 
 .swiper-container4 .swiper-slide {
      text-align: center;
      font-size: 18px;
      background: #fff;

      
      width: 70%;
    }

    .swiper-container4 .swiper-slide img{width: 100%;}  
    .swiper-container4 .swiper-slide p{ display: block; padding: 10px; background: #fff;}
    .swiper-container4 .swiper-slide a,.swiper-container1 .swiper-slide span{ display: block;}
  .swiper-container4  .swiper-button-prev4{ background: url("../images/left2.png") no-repeat; width: 60px; height: 26px; margin: 40px 40px 0 0; display: inline-block;}
    .swiper-container4  .swiper-button-next4{ background: url("../images/right2.png") no-repeat; width: 60px; height: 26px; margin: 40px 0 0 0; display: inline-block;}
    
    
    
    
    
    
    
    
    
    
    
    
    
        .bannerny{ height:250px; width: 100%; background-size: cover; position: relative; }
.bannerny .bannerwz{ position: absolute; width: 200px; left: 50%; margin-left: -100px; text-align: center; top: 50%; margin-top: -40px; height: 80px; line-height: 40px;}
.bannerny .bannerwz h3{ color: #fff; font-weight: 600; font-size: 32px; letter-spacing:2px;}
.bannerny .bannerwz span{  display: block; color: #fff;font-weight: 600; font-size: 18px;   text-transform:Uppercase;}
    
 
.bannernypro{ height:300px; width: 100%; background-size: cover; position: relative; }
.bannernypro .bannerwz{ padding-top:50px; margin-left:15px;  line-height: 40px;}
.bannernypro .bannerwz h3{  font-weight: 600; font-size:18px; letter-spacing:1px;}
.bannernypro .bannerwz span{  display: block;  font-weight: 600; font-size: 14px;   text-transform:Uppercase;}
.bannernypro .bannerwz   b{font-weight:normal; font-size: 22px;  letter-spacing:1px;}
.bannernypro img{ width:91px; height:63px; position:absolute; bottom:0; left:50%; margin-left:-45px;}


    .box2{  padding: 15px 0 15px 15px; background-image: url("../images/bg2.jpg");  background-repeat: no-repeat; background-size: cover; position: relative;}
    .box2 .boxtitle{    top:215px; color: #fff;}
    .swiper-container1{   overflow: hidden; margin-top: 20px; }
 
 .swiper-container1 .swiper-slide {
      text-align: center;
      font-size: 18px;
      background: #fff;

      
      width: 70%;
    }

    .swiper-container1 .swiper-slide img{width: 100%;}  
    .swiper-container1 .swiper-slide p{ display: block; padding: 10px; background: #fff;}
    .swiper-container1 .swiper-slide a,.swiper-container1 .swiper-slide span{ display: block;}
  .swiper-container1  .swiper-button-prev1{ background: url("../images/left2.png") no-repeat; width: 60px; height: 26px; margin: 40px 40px 0 0; display: inline-block;}
    .swiper-container1  .swiper-button-next1{ background: url("../images/right2.png") no-repeat; width: 60px; height: 26px; margin: 40px 0 0 0; display: inline-block;}
 
    
    
    
    .box3{ background: #f8f8f8; padding: 15px 15px;}
    
    .box3 .boxtitle, .box4 .boxtitle{ position: relative; color: #15abf4; top: 0; left: 0;   margin-bottom: 20px;}
    
    .box3 .boxtitle .boxtitletxt,.box4 .boxtitle .boxtitletxt{background-image: url("../images/xian2.png"); color: #15abf4; }
    .box3 .boxtitle .boxtitletxten,.box4 .boxtitle .boxtitletxten{ color: #999999;   }
    .new{ clear: both;  }
    .new li{  margin-bottom: 15px;}
    .new  .pic{ margin-bottom: 10px;}
    .new  .pic img{ width: 100%; border-radius: 10px;}
    .new  .title{  font-size: 18px;}
    .new  .ms{    color: #666666;}
    .new  .date{   color: #999999;}
     .box4{   padding: 15px 15px;}
    .hezuo li{  float: left; width: 50%;  }
    
    
    
    .footer{ padding: 15px 15px 0 15px;  background: #f0f0f0;}
    .footer h3{   font-size: 18px; margin-bottom: 10px;}
    .footer1{ width: 150px; line-height: 30px; display: none;}
    
    .footer1 a{ display: block; }
    .footer2{ text-align: center;  padding-top: 30px;  }
    .footer2  a{ display: inline-block; margin: 10px ; }
    .footer2    img{ height: 60px;}
    .footer2 p{ text-align: center;}
    .footer3  {border-top: #cacaca 1px solid;  padding-top: 30px; margin-top: 30px;}
    .footer3 img{ margin: 10px 0;}
    .footer3 i{ margin-right: 10px;}
    .copy{ border-top: #cacaca 1px solid; margin-top: 30px; padding: 30px 0;}
    
    
    
    
    
    
    .page,.page-list{ padding: 30px  15px;}
    
    .pageleft{ width: 270px; display: none;}
    .leftnavtit{ font-size: 20px; line-height: 15px; padding-left: 40px; margin-bottom: 20px;}
    .leftnavtxt li{ height: 15px; line-height: 15px; padding:0 20px; margin-bottom: 10px;  }
    .leftnavtxt li:hover,.leftnavtxt .on{ background:#5999fb; }
    .sideMenu ul li a,.leftnavtxt li a{ display: block; background: url("../images/dian1.png") no-repeat  left center; padding-left: 20px; font-size: 16px;}
    .sideMenu ul li a i, .leftnavtxt li a i{ float: right; line-height: 15px;}
    .leftnavtxt li:hover a,.leftnavtxt .on a{background: url("../images/dian2.png") no-repeat  left center; color: #fff;}
    
    
    
     
		.sideMenu h3{ height: 15px; line-height: 15px; padding:0 20px; margin-bottom: 10px;
		}
    .sideMenu h3 a{ display: block; background: url("../images/dian1.png") no-repeat  left center; padding-left: 20px; font-size: 16px;}
    
    .sideMenu h3 a i{ float: right; line-height: 15px;}
		.sideMenu h3:hover,.sideMenu h3.on{ background:#5999fb; } 
	.sideMenu h3:hover a,.sideMenu h3.on a{ background: url("../images/dian2.png") no-repeat  left center; color: #fff; }
    .sideMenu ul{display:none; }
		.sideMenu ul li{ height: 15px; line-height: 15px;     padding: 0 20px;  }

    .sideMenu ul li:hover a{ background: url("../images/dian4.png") no-repeat  left center;}
    
    
   .sideMenu h3:hover a i,.sideMenu h3.on a i{ transform:rotate(90deg);
-ms-transform:rotate(90deg); 	/* IE 9 */
-moz-transform:rotate(90deg); 	/* Firefox */
-webkit-transform:rotate(90deg); /* Safari 和 Chrome */
-o-transform:rotate(90deg); 	/* Opera */ }
    
    
    
    
    
    
    
    
    
    
    
    
    .weizhi{ border-bottom: #afafaf 1px solid; height: 40px;;}
    
    .weizhi .left{ border-bottom:#5999fb 2px solid; font-size: 18px; font-weight: 700; display: inline-block; line-height: 38px; }
    .weizhi .right{ display: none;}
    .show{ margin: 20px 0;}
    
    
    .bannernylan{ background: url("../images/bannerbg.png") repeat-x; height: 199px; color: #fff; padding:  15px ;}
    .bannernylan a{color: #fff;}
    .bannernylantit{ line-height: 50px; font-size: 20px; font-weight: 700;}
    
    .bannernylantxt{ line-height: 25px;}
    
    .page-listli{  padding: 15px 0;}
    .page-listli li{   margin-bottom: 20px;}
    .page-listli li:nth-child(3n){ margin-right: 0;}
    .page-listli li  a{ display: block}
    .page-listli li img{ width: 100%;}
    .page-listli li h3{ font-size: 16px; line-height: 50px;}
    .page-listli li p{   color: #666666;}
    	/* 本例子css */
		 .shebeishownav,.slideTxtBox{  text-align:left; margin:  40px 0;  }
		.slideTxtBox .hd{ position:relative; }
		.slideTxtBox .hd ul{  line-height: 15px;   }
		.slideTxtBox .hd ul li{ cursor:pointer; display: inline-block; width: 130px; text-align: center; line-height: 45px;  font-size: 18px;    }
		.slideTxtBox .hd ul li.on{  background:#5999fb;  color: #fff; }
		.slideTxtBox .bd ul{ padding:25px 0;  zoom:1;  }
		.slideTxtBox .bd li{    }
		.slideTxtBox .bd li .date{ float:right; color:#999;  }
   
    
    .shebeishownav a{ display: inline-block; cursor:pointer; display: inline-block; width: 24%; text-align: center; line-height: 45px;  font-size: 16px; }
    
    
    .shebeishownav .on{  background:#5999fb;  color: #fff; }
    
    
    .category_about{ margin:30px 15px;}
    .category_title{ margin-bottom: 15px;}
    .category_title1{ font-size: 20px; text-align: center;}
    .category_title2{ height: 5px; background: url("../images/xian3.png") no-repeat center center;} 
    .category_title3{   color:#999999; text-align: center;}
    
    .category_box1{ margin-bottom: 15px;}
     
    .category_box1lefttit{   font-size: 22px; color: #007bd9; background: url("../images/xian4.png") no-repeat bottom left; padding-bottom: 10px; margin-bottom: 10px;}
    
    .category_box1right{ margin-top: 15px;}
    .category_box1right img{ width: 100%;}
    
    
    .category_box2{ background: url("../images/banner9.jpg") no-repeat bottom center; background-size:100%;   margin-bottom: 15px; }
    
    
    
    
    
 
     .swiper-container2 {
      width: 100%;
      height: 100%; overflow: hidden;  position: relative;
    }
    .swiper-container2:before{ content: ""; position: absolute; top:12px; left:15px background: url("../images/dz.png") no-repeat; width:18px; height: 25px;     z-index: 999; }
   .swiper-container2  .swiper-slide {
     
      font-size: 18px;
     padding-bottom: 210px;
 
    }
    
    
    .swiper-container2  .swiper-slide h5{ border-bottom: #d1d1d1 1px solid; display: block; padding: 0 20px; font-size:26px; color: #113e97; line-height: 50px; }
    
    .swiper-container2  .swiper-slide p{ margin:10px 20px; color:#666666; font-size:14px;  line-height: 25px; background:url("../images/dian3.png") no-repeat 0 10px; padding-left: 10px;}

.swiper-container2  .swiper-slide a{ display: block;}
.swiper-container2  .swiper-slide:hover{ background: url("../images/dzon.png") no-repeat  10px 12px; cursor: pointer;}
.swiper-container2  .swiper-slide:hover h5{ color: #8dc73d; }

.swiper-button-next2,.swiper-button-prev2{ position: absolute;  top:150px; left:0; background: url("../images/left3.png") no-repeat; width:30px; height: 48px;   z-index: 9999; cursor: pointer; }




.swiper-button-next2{ background: url("../images/right3.png")  no-repeat; left: auto; right: 0;}


.category_box3 ul li{  text-align: center;  margin-bottom: 15px;}
.category_box3_txt1,.category_box3_txt2{ color: #666666; font-size: 18px; line-height: 35px;}
.category_box3_tit{ font-size: 28px; padding: 10px 0; line-height: 30px;}








.category_box4{ background: url("../images/banner8.jpg") no-repeat; background-size: cover; padding: 30px 15px;}

.category_box4 .category_title,.category_box4 .category_title .category_title3{ color: #fff;}

.category_box4 .category_title .category_title2{ background: url("../images/xian5.png") no-repeat center center;}



   .swiper-container3 {
      width: 100%;
      height: 100%; overflow: hidden;  position: relative;
    }

  .swiper-container3 .swiper-pagination3{text-align: center; margin-top: 40px;}

.swiper-container3 .swiper-pagination3 .swiper-pagination-bullet{ width: 10px; height: 10px; background: #919b9f;}
.swiper-container3 .swiper-pagination3 .swiper-pagination-bullet-active{background: #ffffff;}

.weizhileft2{ float: left;   font-size: 18px;
    font-weight: 700; display: none;}
.weizhileft2 b{ display: inline-block; padding: 0 20px;}
.tex-center{ text-align: center; line-height: 70px;}

.list_product li{   padding: 15px 0;  text-align: center; width: 50%; float: left; }
.list_product li img{ max-width: 100%;}
.list_product li p{  line-height: 35px;}
.fenye{ margin: 30px 0; text-align: center;}
.fenye a{ display: inline-block; margin: 0 20px;}


.shebeishowtit{ font-size: 18px; line-height: 90px; font-weight: 700;}

.show_jiameng{ margin: 15px 0;}

.show_jiameng textarea,.show_jiameng .inputtxt{ width: 100%; border: #bbbbbb 1px solid; border-radius: 10px; }

.show_jiameng textarea{ height: 280px; padding: 20px; margin-bottom: 20px;}


.show_jiameng .inputtxt{padding: 0 20px; line-height: 55px; margin-bottom: 30px;}


.show_jiameng .inputbtn{padding: 0 20px; line-height: 55px; margin-bottom: 30px; background: #5999fb; width: 100%; border: #5999fb 1px solid; border-radius: 10px; color: #fff; font-size: 18px; }


.pagekuan{ padding: 30px 15px 0 15px;}
 


.pagekuanshui{ background: url("../images/shui.jpg") no-repeat right bottom; padding-bottom: 40px; }

.listnew{ margin: 30px 0;}

.listnew ,.listnew a{ display: block;}



.listnew a .left{ width: 215px; margin:  0 auto;}
 
.listnew a .right .righttit{ font-size: 18px; padding: 20px 0 0 0; line-height:30px;}


.listtxt { color: #666666; line-height: 25px;}
.listtxt-data{  display: block; color: #999999; font-size: 14px;}
.listtxt-more{ margin-top: 20px; color: #5999fb; font-weight: 700; font-size: 18px; display: block;}


.jiameng{ margin-top: 15px;}
 
.jiamengtxtleft {  display: none;} 
.jiamengtxtright{  }
.jiamengtxtleft { font-family: Adobe 黑体 Std; font-size:40px; color: #5999fb; font-weight: 700;  line-height:80px;}
.jiamengtit{ font-size: 18px; line-height: 40px; letter-spacing:6px;}
.jiamengtit span{ display: inline-block; line-height: 50px;  }


.cu{font-size: 20px;   }
.xian{ border-bottom: #5999fb 5px solid; letter-spacing:0px; margin-right: 3px;}
.jiamengtxt18{font-size: 18px; padding:10px 0;}
.jiamengtxt14{ color: #666666; line-height: 25px;}

 

.jiameng4,.jiameng5{ margin: 15px 0;}
.jiameng4right{ line-height: 27px; margin-top: 20px;}

.jiameng4right span{ display: inline-block;  }

.jiameng4  .jiamengtxt{    }
.jiameng5{ font-size: 18px;}
.jiameng5 i{font-style: italic;}
}