/* eyoucms.com 易优CMS -- 好用,免费,安全 */
@charset "utf-8";
body{font-family:"Microsoft YaHei";font-size:14px;line-height: 24px; background: #ffffff;}
body,div,p,span,ul,li,dl,dd,h1,h2,h3,a,input,img{margin:0;padding:0;}
li,ol{list-style:none;}
a,input,img,textarea{border:none;outline:none;}
i,em,span{font-style:normal;}
h1,h2,h3,h4,h5{ font-weight: normal; }
a{text-decoration: none; }
a:focus{text-decoration: none;}
a:hover,a:focus{text-decoration: none;}
.hide{display: none}
.show{display: block}
.modal a{outline:none;}
/*img{ max-width: 100%; }*/
label{font-weight: normal;width:100%;}
a:focus {outline:none;outline-offset:0;}
a:focus, a:hover{outline:none }
.clearfix{display:block;clear:both;}
.clearfix:after{display:block; overflow:hidden;clear:both;height:0; content:".";}
.fl{float: left;}
.fr{float: right;}

.container{margin:0 auto;padding:0 !important; }

#wrap_index{overflow: hidden;position: relative; width: 100%;}
/*澶撮儴*/
@media (min-width: 991px){
    #header{ display: block; }
     #molheader1, #molheader, #molheader2{ display: none !important; }
}
@media (max-width: 990px){
    #molheader1{ display: block; }
     #header, #header1, #header2{ display: none !important; }

}
/*panle*/

.page-prev {
transform:translate3d(-320px, 0, 0);
-ms-transform:translate3d(-320px, 0, 0);
-webkit-transform:translate3d(-320px, 0, 0);  
-o-transform:translate3d(-320px, 0, 0); 
-moz-transform:translate3d(-320px, 0, 0);
}
.page-next {
transform:translate3d(320px, 0, 0);
-ms-transform:translate3d(320px, 0, 0);
-webkit-transform:translate3d(320px, 0, 0); 
-o-transform:translate3d(320px, 0, 0);  
-moz-transform:translate3d(320px, 0, 0);
}
.page-active{
transform:translate3d(0, 0, 0);
-ms-transform:translate3d(0, 0, 0);
-webkit-transform:translate3d(0, 0, 0); 
-o-transform:translate3d(0, 0, 0);  
-moz-transform:translate3d(0, 0, 0);}
.page-in {
  -webkit-transition:all 300ms cubic-bezier(0.42, 0, 0.58, 1);
  -ms-transition: all 300ms cubic-bezier(0.42, 0, 0.58, 1);
  transition: all 300ms cubic-bezier(0.42, 0, 0.58, 1);
}
.page-out {
  -webkit-transition:all 300ms cubic-bezier(0.42, 0, 0.58, 1) 0.1s;
  -ms-transition: all 300ms cubic-bezier(0.42, 0, 0.58, 1) 0.1s;
  transition: all 300ms cubic-bezier(0.42, 0, 0.58, 1) 0.1s;
}
.share-in{transform:translate3d(100%, 0, 0);
-ms-transform:translate3d(100%, 0, 0);
-webkit-transform:translate3d(100%, 0, 0);  
-o-transform:translate3d(100%, 0, 0); 
-moz-transform:translate3d(100%, 0, 0);}

@keyframes bolang
{
  0% {top: 0; left: 0;}
  30%{top: -20px; left: -20px;}
  50%{top:0; left: 0;}
}


.section1{ width: 100%;  z-index: 2; position: relative; margin-bottom: 50px;}/* padding-top: 50px;*/
.indextt1{ text-align: center;font-weight: bold; color: #162142; font-size: 24px; line-height: 40px; padding-bottom: 30px;}
.indextt1 em{ display: inline-block; width: 6px; height: 6px; border-radius: 50%; background: #febf00; margin:0 16px; position: relative;top: -6px; }
.parBd .sect1_swiper{ opacity: 0; position: absolute; left: 0px; top: 0; z-index: 0; width: 100%;padding:0 30px; }
.parBd .sect1_swiper.show1{ opacity: 1; position: relative; z-index: 1;}


.slideGroup{width:100%;margin:0 auto;-overflow:hidden;position:relative; }
.slideGroup .parHd{text-align:center; padding-bottom: 44px;  position:relative;  }
.slideGroup .parHd ul.{position:relative;  }
.slideGroup .parHd ul li{font-size:16px; padding: 0 20px; margin: 0 10px; color:#000; display:inline-block;text-align:center;line-height:40px;  position: relative; cursor:pointer; border:1px solid #0f397f; margin-bottom: 10px; }
.slideGroup .parHd ul li.on{ color:#FFFFFF; background: #0f397f;}/* border-radius: 16px;*/
.slideGroup .parHd ul li.on span, .slideGroup .parHd ul li:hover span{position:absolute;left: 50%; top: 48px; display: block;width: 6px; height: 6px; border-radius: 50%; background: #0f397f;}
.slideGroup .slideBox{zoom:1;  position:relative;   }
.parBd{ position: relative;}
.slideGroup .swiper-button-prev,.slideGroup .swiper-button-next{ opacity: 1; position:absolute;top:50%;width:21px;height:33px; margin-top: -135px; border:none; }
.slideGroup .swiper-button-prev{ left:0px; background: url(../img/prev1.png) no-repeat; }
.slideGroup .swiper-button-next{right:0px; background: url(../img/next1.png) no-repeat;}
.slideGroup .swiper-button-prev:hover{ background: url(../img/prev1h.png) no-repeat; width: 43px; height: 33px;}
.slideGroup .swiper-button-next:hover{ background: url(../img/next1h.png) no-repeat; width: 43px; height: 33px;}
.slideGroup .swiper-container{ zoom:1;   }

.slideGroup .swiper-container .swiper-slide a{ position: relative; display: block; }
.slideGroup .swiper-container .swiper-slide a .wrapli{position: relative; margin:10px; overflow: hidden;}/* border-radius: 20px;*/
.slideGroup .swiper-container .swiper-slide a .wrapli img{ max-width: 100%; }
.slideGroup .swiper-container .swiper-slide .mark1{position:absolute; transition: all 0.5s; width: 100%; text-align: center; height: 50px; top: -50%; margin-top: -25px; background: rgba(15,57,127,0.8);}
.slideGroup .swiper-container .swiper-slide .mark1 em{ display: inline-block;text-align: center; color: #fff; font-size: 14px; line-height: 50px;}
.slideGroup .swiper-container .swiper-slide .mark1 em:before{content: ""; display: inline-block;margin-right: 14px; width: 6px; height: 6px; background: url(../img/em.png) no-repeat; }
.slideGroup .swiper-container .swiper-slide .mark1 em:after{content: "";display: inline-block;margin-left: 14px; width: 6px; height: 6px; background: url(../img/em.png) no-repeat; }
.slideGroup .swiper-container .swiper-slide a .tt1{line-height: 40px; font-size: 16px; font-weight:bold; color: #000; text-align: center; width: 100%; overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.slideGroup .swiper-container .swiper-slide a .tt2{ font-size: 14px; text-align: center; color: #415182; }
.slideGroup .swiper-container .swiper-slide a:hover .mark1{ top: 50%;}
.slideGroup .swiper-container .swiper-slide a:hover .wrapli{ box-shadow: 0px 0px 20px rgba(0,0,0,0.25);}
.parBd .more{ transition: all 0.5s; border:1px solid #febf00; display: block;margin:66px auto; width: 280px; height: 40px; border-radius: 20px; line-height: 40px; text-align: center; font-size: 14px; color: #152041; }
.parBd .more:hover{ background: #febf00; box-shadow: 0px 0px 10px rgba(254,191,0,1); }
.parBd .sect1_swiper .swiper-pagination-bullet{width: 10px; height: 10px; border:1px solid #febf00; background: none; opacity: 1; margin:0 8px;}
.parBd .sect1_swiper .swiper-pagination-bullet-active{ background: #febf00; border:none; }
.parBd .sect1_swiper .swiper-pagination{ position: relative; margin-top: 20px; }
.content1 .container{ width: 1280px !important; }


@media (max-width: 1356px) and (min-width: 1200px){
  .friendlylink, .content1 .tempWrap, .content1 .container{ width: 1050px !important; }
  .slideGroup .parBd ul li img{ width: 240px;}
  .parBd{ margin:0; }
  
}

@media (max-width: 1200px) and (min-width: 991px){
  
  .slideGroup .parBd ul li img{ width: 206px;}
  .parBd{ margin:0; }
  
}
@media (max-width: 991px){ 
  .other a{ transition: all 0.5s; display:inline-block; margin:0 10px; width: 200px; }
  
  input::-webkit-input-placeholder{/* WebKit browsers */
            color:#7081b4;
    }
    input:-moz-placeholder{/* Mozilla Firefox 4 to 18 */
        color:#7081b4;
    }
    input::-moz-placeholder{/* Mozilla Firefox 19+ */
        color:#7081b4;
    }
    input:-ms-input-placeholder{/* Internet Explorer 10+ */
        color:#7081b4;
    }

}
@media (max-width: 991px) and (min-width: 768px){ 
  .nynav{ width: 26%; }
  
  .content1 .tempWrap, .content1 .container{ width: 750px !important; }
  .slideGroup .parBd ul li img{ width: 168px;}
  .parBd{ margin:0; }
  .slideGroup .sPrev{ left:-30px; background: url(../img/prev1.png) no-repeat; }
  .slideGroup .sNext{right:-30px; background: url(../img/next1.png) no-repeat;}
}

@media (max-width: 768px){
  .searchtt .formsearch{ width: 224px; }
  .searchtt .formsearch .txt3{ width: 150px }
  .parBd .sect1_swiper{ padding:0; }
  .wrappage1{ padding-bottom: 50px !important; }
  .searchpage li a{ line-height:50px; font-size: 14px;}
  .other1{padding: 16px 20px 0; }
  .prodetail1_swiper{ position: relative; width:80%;margin:0 auto;}
  .prodetail1_swiper .swiper-button-white{width: 20px; height: 20px;top: 91%;}
  .gallery-thumbs{ margin:0 30px; }
  .other{ position: relative; border-top: 1px solid #e6e6e6; padding-top:20px; text-align: center;}
  .other a{ transition: all 0.5s; display:inline-block; margin:0 10px; width: 260px; height: 40px; line-height: 40px; text-align: center; font-size: 16px; color: #162142; background: #febf00; border-radius: 20px;}
  .other a:hover{ color: #ffffff; background: #162041;}
  .bigpic{ margin:10px auto; display: block; max-width: 100%;}
  
  .backtop{ width: 40px; height: 40px; bottom: 20px;}
  .aboutedit{ padding: 0 20px; }
  .inner_main{ width: 100%; margin-right: 0; padding-bottom: 40px; }
  .pagecont{ padding-top: 0 !important; padding-bottom: 50px; }
  
  .slideGroup .swiper-container .swiper-slide a .wrapli{ box-shadow: 0px 0px 20px rgba(0,0,0,0.25);}
  .parBd .more{ transition: all 0.5s;background: #febf00; box-shadow: 0px 0px 10px rgba(254,191,0,1); }
  .section1 .content3 .friendlylink{ margin:20px auto 0; width: 74% !important; }
  
  .wrap_contact{ padding: 0;}
  
  .parBd{ margin:0; }
  .section1 .container{ margin: 0 3%; width: 94% !important; }
  .section1{ padding-top: 16px; }
  .indextt1{ font-size: 20px; line-height: 40px; padding-bottom: 16px;}
  .slideGroup .parHd{padding-bottom: 0px;}
  .slideGroup .parHd ul li{font-size:16px; padding: 0 5px; color:#152041; line-height:30px; margin-bottom: 20px;}
  .slideGroup .parHd ul li.on span, .slideGroup .parHd ul li:hover span{top: 38px;}
  .slideGroup .parBd ul{ overflow:hidden; zoom:1;   }
  .slideGroup .parBd ul li{ width: 50%; margin-bottom: 10px;}
  .slideGroup .parBd ul li a{ position: relative; display: block; }
  .slideGroup .parBd ul li a img{ width: 100%;}
  .slideGroup .parBd ul li .mark1{position:absolute; transition: all 0.5s; width: 100%; text-align: center; height: 50px; top: -50%; margin-top: -25px; background: rgba(254,191,0,0.8);}
  .parBd .more{ margin:20px auto; width:100%;font-size: 14px; }
  .slideGroup .parBd ul li a .tt1{line-height: 30px; font-weight:normal;  }
  .slideGroup .parBd ul li a .wrapli{ box-shadow: 0px 0px 20px rgba(0,0,0,0.25);}
  .slideGroup .swiper-slide{ margin-bottom:10px; }

}