@charset "UTF-8";
body {overflow-x: hidden;font-family: "Microsoft YaHei";}
ul {padding: 0;margin: 0;}
ul li {list-style: none;}
a {color: #3e3e3e;text-decoration: none;}
h1, h2, h3, h4, h5 ,p{margin: 0;}
a:focus, a:hover {color: #23527c;text-decoration: none;}
a:focus {outline: none;outline-offset: -2px;}
.wt{width: 1920px;position: relative;}
.wh {width: 1200px;margin: 0 auto;}
.wtt1 {
    color: #4d4d4e;
    font-size: 34px;
    text-align: center;
    font-weight: 400;
    padding: 60px 0 40px 0;
}
.wtt1 span {
    display: block;
    font-size: 20px;
    margin-top: 15px;
}
.fl {float: left;}
.fr {float: right;}
.head-top {position: relative;height: 138px;}
.btn1 {position: relative;}
.topr{margin-top: 19px;}
#menu{margin-top: 40px;margin-right: 10px;}
.nav li{text-align:center;float:left;position:relative;z-index:999;width: 132px; }
.nav li a{display:block;line-height:40px;color:#3e3e3e;height:40px;padding: 0;font-size: 16px;padding: 0;overflow:hidden; }
.nav li:hover  .a1{color:#0163ba;text-decoration:none;background:url(/statics/web/img/head/xian.png) no-repeat bottom center;}
.nav li .a1:after{content: '';width: 0;height: 2px;background: #0163ba;display: block;margin-left: 30px; -webkit-transition: all 0.8s;
  -moz-transition: all 0.8s;
  -ms-transition: all 0.8s;
  -o-transition: all 0.8s;
  transition: all 0.8s;}
.nav li:hover a.a1:after{width: 72px;}
.nav>li>a:focus, .nav>li>a:hover {text-decoration: none;background:transparent;
}
.translate-en {width:100%;display: none;padding: 6px 0;padding-top: 0px;position: absolute;left: 0px;top: 26px;}
.translate li .translate-en a {padding-left: 0px;text-align: center;background: #fff;border-bottom: 1px solid #cccccc;text-indent: 0px;}
.translate li .translate-en a:hover {font-weight: bold;}
.logo {margin-top: 40px;margin-bottom: 19px;}
.yy{border: dashed 1px #0163ba;color: #3e3e3e;font-size: 14px;text-align: center;width: 91px;height: 25px;line-height: 23px;}
.yy span{color: #0163ba;}
.k2{margin-left:0px;}
.k2 a{line-height: 24px;color: #3e3e3e;font-size: 14px;}
.k2 a:hover{color: #0163ba;}
.top-contact {color: #3e3e3e;font-size: 14px;line-height: 138px;margin-right: 45px;}
.btnn{width: 30px;height: 16px;background: url(/statics/web/img/head/sou.png) no-repeat 50% 0;cursor: pointer;display: block;margin-top: 50px;}
.search {position: absolute;width: 213px;bottom: -37px;right: 20px;display: none;z-index:99999;}
::-webkit-input-placeholder { /* WebKit, Blink, Edge */color:    #b8b8b8;}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */color:    #b8b8b8;}
::-moz-placeholder { /* Mozilla Firefox 19+ */color:    #b8b8b8;}
:-ms-input-placeholder { /* Internet Explorer 10-11 */color:    #b8b8b8;}


.men1{
  background: url(../images/men.png) no-repeat top center;
  height: 16px;
  width:64px;
  position: absolute;
  cursor: pointer;
  top:60px;
  left: 0;
  display: block;
}
.gg{
  display: none;
}
.gb{
    background: url(../images/gb.png) no-repeat top center;
    height: 80px;
    width: 243px;
    position: absolute;
    top: 138px;
    left: -80px;
    z-index: 9999;
    border-bottom: 1px solid #bbd1bb;
   
}
.btn1 {position: relative;}
.topr{margin-top: 19px;}
#menu{margin-top: 40px;margin-right: 10px;}
.page-banner{width:100%;height:100%;}
.page-banner img{width:100%!important;height:100%!important;}

.n_banner{width:100%;}
.n_banner img{width:100%!important;}
/*导航栏样式*/
.nav li{text-align:center;float:left;position:relative;z-index:999;width: 132px; }
.nav li a{display:block;line-height:40px;color:#3e3e3e;height:40px;padding: 0;font-size: 16px;padding: 0;overflow:hidden; }
.nav li .a1:after{content: '';width: 0;height: 2px;background: #0163ba;display: block;margin-left: 30px; -webkit-transition: all 0.8s;
  -moz-transition: all 0.8s;
  -ms-transition: all 0.8s;
  -o-transition: all 0.8s;
  transition: all 0.8s;}
.nav li:hover a.a1:after{width: 72px;}
.nav>li>a:focus, .nav>li>a:hover {
    text-decoration: none;
    background:transparent;
}

.nav .sec{display:none;height:0;color:#fff;overflow:hidden;z-index:9999;position:absolute;top:63px;left:-35px;width:200px;}
.nav .sec a{background:#fff;color:#333;height:40px;line-height:40px;font-size: 14px;position: relative;}
.nav .sec a:after{
   content: '';width: 0;height: 40px;background:#0163ba;display: block;position: absolute;z-index: -1; top:0;left: 0px; 
   /* -webkit-transition: all 0.8s;*/
  /*-moz-transition: all 0.8s;*/
  /*-ms-transition: all 0.8s;*/
  /*-o-transition: all 0.8s;*/
  /*transition: all 0.8s;*/
}
.nav .sec a:hover{text-decoration:none;color: #fff;background: transparent;}
.nav .sec a:hover:after{width:200px;} 

.translate {
  /*width: 166px;*/
  /*margin-top: 30px;*/
  z-index: 9999;
  position: relative;
}
.translate li {
  /*line-height: 29px;*/
  text-align: center;
  background: #fff;
}

.translate li a {
  display: block;
  /*color: #275298;*/
  font-family: "Microsoft Yahei";
}

.translate li a:hover {
  text-decoration: none;
  color: #275cea;
  cursor: pointer;
}



.translate-en {
  width:100%;
  display: none;
  padding: 6px 0;
  padding-top: 0px;
  position: absolute;
  left: 0px;
  top: 26px;
}

.translate li .translate-en a {
  padding-left: 0px;
  text-align: center;
  background: #fff;
  border-bottom: 1px solid #cccccc;
  text-indent: 0px;
}

.translate li .translate-en a:hover {
  font-weight: bold;
}


.logo {
margin-top: 40px;
margin-bottom: 19px;
}
.yy{border: dashed 1px #0163ba;color: #3e3e3e;font-size: 14px;text-align: center;width: 91px;height: 25px;line-height: 23px;}
.yy span{color: #0163ba;}
.k2{margin-left:0px;}
.k2 a{line-height: 24px;color: #3e3e3e;font-size: 14px;}
.k2 a:hover{color: #0163ba;}

.top-contact {
  color: #3e3e3e;
  font-size: 14px;
  line-height: 138px;
  margin-right: 45px;
}


.x-banner .owl-carousel .owl-dots {
  left: 28.2%;    bottom: 11%;
}

.x-banner .owl-carousel .owl-dots button.owl-dot {
  width: 15px;
  height: 15px;
  border-radius: 0;
  border: 1px solid #0163ba;
  background: none;
  opacity: 1;
}

.x-banner .owl-carousel .owl-dots button.owl-dot.active {
  background: #0163ba;
}

.x-banner .owl-carousel .owl-nav button.owl-prev, .x-banner .owl-carousel .owl-nav button.owl-next {
  display: none;
}

/* 本例子css */
 .txtMarquee-left{ position:relative;  }
.txtMarquee-left .bd{ }
.txtMarquee-left .bd .tempWrap{ width:1122px !important; }/* 用 !important覆盖SuperSlide自动生成的宽度，这样就可以手动控制可视宽度。 */
.txtMarquee-left .bd ul{ overflow:hidden; zoom:1; }
.txtMarquee-left .bd ul li{ margin-right:97px;  float:left; text-align:left; _display:inline; width:496px !important;  }/* 用 width:auto !important 覆盖SuperSlide自动生成的宽度，解决文字不衔接问题 */
.txtMarquee-left .bd ul li a{color: #3e3e3e;font-size: 14px;display: block;}
.txtMarquee-left .bd ul li span{color: #3e3e3e;font-size: 14px;display: block;}
.gs{border-bottom: 1px solid #cccccc;height: 47px;line-height: 47px;overflow:hidden; }
.gs .ss1{color: #0163ba;font-size: 16px;}
.txtMarquee-left .bd ul li a:hover{color: #0163ba;}


.sul{margin-top: 76px;}
.sul li{margin-right: 42px;}
.sul li:last-child{margin-right: 0;}
.sul li a.img img{display: block;width: 372px;height: 248px;}
.sul li h3 a{display: block;color: #4d4d4e;font-size: 20px;text-align: center;font-weight: normal;padding-top: 25px;}
.sul li:hover h3 a{color: #0163ba;}

.com-img{ display:inline; overflow:hidden;margin:0 auto;display: table;}
.com-img img{width: 100%;transition:all 0.8s; -webkit-transition:all 0.8s; -moz-transition:all 0.8s; -o-transition:all 0.8s;}
.com-img:hover img{transform:scale(1.2); -webkit-transform:scale(1.2); -moz-transform:scale(1.2); -o-transform:scale(1.2);-ms-transform:scale(1.2);}

/*box2*/
.box2{margin-top:60px;height: 723px;background-image: linear-gradient(#f2f2f2, #f2f2f2), linear-gradient(#000000, #000000);}
.tab1{display:none;}
.wtt1{color:#4d4d4e;font-size:34px;text-align: center;font-weight: 400;}
.wtt1 span{display:block;font-size:20px;margin-top:15px}
.pbox{height: 453px;background-color: #ffffff;box-shadow: 0px 8px 8px 0px rgba(13, 4, 6, 0.15);overflow:hidden;}
.pright{width:929px;}
.psort{width: 271px;height: 453px;background-color: #e5eff8;padding-top:31px;}
.psort li {margin-bottom:11px;}
.psort li a{display:block;color:#4d4d4e;font-size:16px;display:block;height:38px;padding-left:36px;padding-top:10px;}
.psort li.cur a{background: #0163ba;color:#fff;}
.plist  li a.img{display:block;/*padding:82px 45px 0 44px;*/height: 435px;
    overflow: hidden;}
.plist  li a.img img{display:block;}
.plist li .pcon{font-size: 16px;color: #4d4d4e;line-height:37px;margin:48px 0 38px 0;}
.zx a{display:block;width: 200px;height: 44px;font-size: 16px;color: #fff;background-color: #0163ba;line-height:44px;text-align:center;}
.zx a:hover{text-decoration:underline;}

.she{height:658px;background:#f7f7f7;}
.cbox{}
.plist2 li {position:relative;}
.plist2 li a.img img{display:block;width: 599px;height: 405px;}
.plist2 li h3 a{display:block;height: 36px;line-height:36px;text-align:center;font-weight:normal;color:#fff;font-size: 16px;position:absolute;bottom:0;left:0;width:100%;background:rgba(0,0,0,.5);-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;}
.plist3{width: 592px;}
.plist3 li{margin:0 10px 10px 0;}
.plist3 li:nth-child(2n){margin-right:0;}
.plist3 li a.img img{width: 291px;height: 197px;}
.plist2 li:hover h3 a{height:100%;line-height:405px;}
.plist3 li:hover h3 a{height:100%;line-height:197px;}



/* CSS Document */

#certify {
  position: relative;
  width: 1200px;
  margin: 0 auto;margin-top:50px;
}

#certify .swiper-container {
padding-bottom: 90px;
}

#certify .swiper-slide {
  width: 573px;
  height: 435px;
}

#certify .swiper-slide img {
  display: block;
  width: 100%;
  height: 100%;

}


#certify .swiper-slide h3 {
width:100%;line-height:35px;
font-weight: 600;color:#3e3e3e;font-size:16px;z-index: 99999;display:none;
}

#certify .swiper-slide h3 a{font-weight:600;color:#3e3e3e;font-size:16px;text-align: left;}

#certify .swiper-slide.swiper-slide-active h3 {
  font-size: 16px;
  font-weight: 600;color:#3e3e3e;font-size:16px;
  display:block;
}


#certify .swiper-slide h2 {
width:100%;line-height:35px;
font-weight: 400;color:#3e3e3e;font-size:14px;z-index: 99999;display:none;
}

#certify .swiper-slide h2 a{font-weight:400;color:#3e3e3e;font-size:14px;}

#certify .swiper-slide.swiper-slide-active h2 {
  font-size: 14px;
  font-weight: 400;color:#3e3e3e;
  display:block;
}
#certify .swiper-pagination {
  width: 100%;
  z-index: 0;;
}
#certify .swiper-button-next, .swiper-button-prev{
  margin-top:0px;
  top: initial;
}
#certify .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 5px;
  opacity: 1;
  background: url(../images/d.png) no-repeat top center;
  width: 26px;
  height: 26px;;
}

#certify .swiper-pagination-bullets .swiper-pagination-bullet-active{
  background: url(../images/dh.png) no-repeat top center;
}
#certify .swiper-button-prev {
  left: 35px;
  width: 45px;
  height: 45px;
  background: url(../images/left.png) no-repeat;
  background-size: 100%;
  bottom: -6%;
}
#certify .swiper-button-prev:hover{background: url(../images/left.png) no-repeat;}

#certify .swiper-button-next {
  right: 0px;
  width: 45px;
  height: 45px;
  background: url(../images/right.png) no-repeat;
  background-size: 100%;
  bottom: -6%;
}
#certify .swiper-button-next:hover{background: url(../images/right.png) no-repeat;}




#multipleColumn{position:relative;width:1200px;margin-top: 20px;}
#multipleColumn .hd{}
#multipleColumn .hd .next{background: url(../images/left.png) no-repeat top center;height: 76px;width:54px;position: absolute;left: -155px;top: 178px;z-index: 999;}
#multipleColumn .hd .prev{background: url(../images/right.png) no-repeat top center;height: 76px;width:54px;position: absolute;right: -155px;top: 178px;}

#multipleColumn .hd ul{/* float:right; */overflow:hidden;zoom:1;margin-top:10px;zoom:1;display: inline-block;}
#multipleColumn .hd ul li{float:left;width:10px;height:10px;overflow:hidden;text-indent:-999px;cursor:pointer;background:#fff;text-align: center;border-radius: 10px;margin: 0 5px;}
#multipleColumn .hd ul li.on{background:#a6c0e3;width:10px;height:10px;line-height:10px;border-radius: 10px;}

#multipleColumn .bd{overflow:hidden;}
.product-list{}
.product-list li{width: 373px;float: left;margin-left:13.5px;margin-right:13.5px;padding-top: 20px;}
.product-list li a.img{display: block;overflow: hidden;width: 373px;height: 283px;}
.product-list li a.img .protu{width: 373px;height: 283px;overflow: hidden;}
.product-list li a.img img{width: 373px;height: 283px;transition: .5s;}
.product-list li h3{font: normal 16px/60px "Microsoft YaHei";color: #4d4d4e;text-align: center;}
.product-list li h3 a{font: normal 16px/60px "Microsoft YaHei";color: #4d4d4e;text-align: center;}
.product-list li:hover img{transform: scale(1.1);}
.product-list li:hover h3{color: #458f40;}
.product-list li:hover h3 a{color: #458f40;}

.product-list li:hover a.img{box-shadow: 0 0 10px #eae9e9}


/*关于我们*/
.bg1{width:1920px;position: relative;left:50%;margin-left:-960px;overflow: hidden;margin-top:58px}
.abouta{overflow: hidden;width:552px;float:right;margin-top:34px;background:url(/statics/web/img/index/fk.png) no-repeat top right;padding:15px 14px 0 0;}
.abouta img{display:block;width:538px;height:360px;}

.a_img .owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev{display: none}

.a_img .owl-carousel .owl-dots {
    position: absolute;
    z-index: 999;

    text-align: center;
    font-size: 0;
    bottom: 5%;right:5%;

}

.a_img .owl-carousel .owl-dots button.owl-dot {
    display: inline-block;
    vertical-align: middle;
    font-size: 14px;
    margin: 0 .5em;
    outline: none;
    border:1px solid #154625;
    border-radius: 0%;background: none;
    width: 1em;
    height: 1em;
    opacity: .99;  right:5%!important;
}

.a_img .owl-carousel .owl-dots button.owl-dot:hover {
background: #154625;
}

.a_img .owl-carousel .owl-dots button.owl-dot.active {
  opacity: .99
}




.aboutb{width:574px;float:left;margin-top:74px;}
.abtt{color:#4d4d4e;font-size:22px;font-weight: 400;}
.abnx{display:block;margin-top:36px;color:#4d4d4e;font-size:14px;line-height:20px;height:216px;overflow: hidden;}
.att{display:block;margin-top:10px;font-size:20px;color:#454545;font-weight: 400;}
.tel{color:#de186a;font-size:30px;display: block;margin-top:10px}
.cha{display: block;width:290px;height:50px;background:#0163ba;margin: 0 auto; color:#fff;font-size:16px;text-align: center;margin-top:46px;position: relative;}
.cha a{color:#fff;font-size:16px;line-height: 50px;display: block; text-align: center;z-index: 99999;position: relative;-webkit-transition: all 0.8s;
  -moz-transition: all 0.8s;
  -ms-transition: all 0.8s;
  -o-transition: all 0.8s;
  transition: all 0.8s;}

.cha a:hover{text-decoration:underline;}

.cha::after {
    position: absolute;z-index: 999;
    width: 0%;
    height: 100%;
    left: 0;
    bottom: 0;
    background: #0163ba;
    content: "";
    transition: .3s;color:#fff;text-align: center;
}
.cha:hover::after {
    width: 100%;
    transition: .3s;color:#fff;text-align: center;
}

/*滚动*/
#demo{overflow:hidden;width:100%;margin:0 auto;}
#indemo {float: left;width:800%!important;}
#demo1 {float: left;}
#demo2 {float: left;}

#m_demo{overflow:hidden;width:100%;margin:0 auto;}
#m_indemo {float: left;width:800%!important;}
#m_demo1 {float: left;}
#m_demo2 {float: left;}

.abc{width:830px;height:288px;background:#fff;float:left;margin-top:90px}
.adv1{display:block;margin-top:90px}
.adv1 li{float:left;list-style: none;border-right: 1px solid #ededed;padding: 0 65px;}
.adv1 li:last-child{border-right: none;}
.adv1 li .img1 a img{display: block;width:60px;height:60px;}
.adv1 li h2{color:#4d4d4e;text-align: center;font-size:20px;font-weight: 400;margin-top:20px}
.adv1 li h2 a{color:#4d4d4e;text-align: center;font-size:20px}
.adv1 li:hover{color:#154625}

.abd{width:358px;height:288px;background:#cff6fc;float:right;margin-top:90px}
.ddt{display:block;text-align: center;color:#0163ba;font-size:28px;font-weight: 400;padding-top:102px}
.ddt span{display: block;color:#0163ba;font-size:20px;padding-top:25px}
.product_list1 li{margin-right: 9px;margin-top: 33px;}

.product_list1 li a.img{width: 270px;height: 191px;border: solid 1px #cccccc;display: block;}
.product_list1 li:hover a.img{border:1px solid #0163ba;}
.product_list1 li a.img img{display: block;width: 257px;height: 174px;}
.product_list1 li h2 a{color: #333333;font-size: 16px;display: block;text-align: center;font-weight: normal;padding-top: 20px;}
.product_list1 li:hover h2 a{color: #0163ba;}



/*新闻资讯*/
.news_index{padding-bottom:50px;}
.nbox{}
.nimg img{display:block;width: 565px;height: 373px;}
.news_listt{width: 634px;}
.news_listt li{border-bottom:1px dashed #c6c6c6;margin-top:17px;padding-bottom:17px;position:relative;}
.news_listt li .ntime{text-align:center;color:#fff;width: 80px;height: 77px;background:#0163ba;margin-left:36px;}
.news_listt li .ntime dd{font-size:26px;padding-top:10px;}
.news_listt li .ntime dt{font-size:4px;font-weight:normal;}
.xin{width: 448px;margin-left:21px;}
.xin a{display:block;color: #333333;font-size:16px; -webkit-transition: all 0.8s;
  -moz-transition: all 0.8s;
  -ms-transition: all 0.8s;
  -o-transition: all 0.8s;
  transition: all 0.8s;}
.xin span{display:block;color: #999;font-size:14px;}
.news_listt li:hover .xin a{color:#0163ba;}
.news_listt li .xx{
    -webkit-transition: all 0.8s;
  -moz-transition: all 0.8s;
  -ms-transition: all 0.8s;
  -o-transition: all 0.8s;
  transition: all 0.8s;
  width:0;
  overflow: hidden;
  position:absolute;
  bottom: 0;
  left: 0;
}
.news_listt li .xx img{display:block;}
.news_listt li:hover{border-bottom:1px solid #fff;}
.news_listt li:hover .xx{width:100%;}
.news_listt li:hover .xin a{text-indent:2em;}
.news_index .cha {margin-top:40px;}





/*底部*/
.dff{/*background:url(../images/dff.jpg) no-repeat center top;margin-top:50px;*/background:#f2f2f2;height:407px;overflow: hidden;}

.dda{width:480px;float:left;margin-left:58px;}
.logo2{margin-top:105px;}
.contact{color:#333333;font-size:14px;margin-top:25px;line-height:30px}
.cop{color:#333333;font-size:14px;line-height:28px}
.cop a{color:#333333;font-size:14px;line-height:28px}
.cop a:hover{text-decoration: underline;}


.ly{width:526px;float:right;height:366px;}
.lytt{margin-top:50px;margin-left:61px;color:#333;font-size:20px;font-weight: 400;}
.lytt span{display: block;font-size:14px;margin-top:10px}
.dlogo{padding:50px 0 0 0;}

.fu{position:absolute;right:0px;z-index: 99998;top:120px}
.dh{color:#3e3e3e;float:left;line-height: 24px;}

.demo-message {

}

.demo-message-wrap {
    margin-left: 3.775%;
    margin-right: 20.375%;margin-top:15px
}

@media (max-width: 1366px) {
    .demo-message-wrap {
        margin-left:12.5%;
        margin-right: 12.5%
    }
}

.demo-message-wrap .row {
    margin-left: -5px;
    font-size: 0;
    margin-right: -5px
}

.demo-message-wrap div[class^=col-] {
    padding-left: 5px;
    padding-right: 5px;
    position: relative
}

.demo-message-wrap input[type=text],.demo-message-wrap textarea {
    width: 380px;
    height: 42px;border:none;
    border: 1px solid #b2b2b2;
    padding: 0 10px;
    font-size: 14px;
    color:#333!important;
    background:#fff;
    outline: none;
    margin-bottom: 10px
}

.demo-message-wrap input[type=text]::-webkit-input-placeholder,.demo-message-wrap textarea::-webkit-input-placeholder {
      color:#fff
}

.demo-message-wrap input[type=text]:-ms-input-placeholder,.demo-message-wrap input[type=text]::-ms-input-placeholder,.demo-message-wrap textarea:-ms-input-placeholder,.demo-message-wrap textarea::-ms-input-placeholder {
      color:#fff
}

.demo-message-wrap input[type=text]::placeholder,.demo-message-wrap textarea::placeholder {
      color:#888;
}

.demo-message-wrap textarea {
    padding-top: 5px;
    height: 70px;
    resize: none;  border:1px solid #b2b2b2;
}

.demo-message-wrap #checkcode {
    float: left;
    width: 63.29813665%;
    margin-bottom: 0
}

.demo-message-wrap .checkCodeImg {
    float: left;
    display: block;
    text-align: center;
    width: 36.691304%;
    height: 42px;
    font-size: 0;
    background: none;
}



.demo-message-wrap .checkCodeImg img {
    max-width: 100%;
    max-height: 100%;
    display: inline-block;
    vertical-align: middle
}

.demo-message-wrap .checkCodeImg:after {
    content: "";
    height: 100%;
    display: inline-block;
    vertical-align: middle
}

.demo-message-wrap .checkCodeImg img {
    cursor: pointer
}

.demo-message-wrap .demo-submit {
    width: 98px;
    height: 32px;
    background:#0163ba;
    color: #fff;
    font-size: 14px;
    border:none;
    border-radius: 5px;
    margin-left:146px;
    outline: none;
    -webkit-transition: all .5s ease;
    transition: all .5s ease;margin-top:10px;
}

.demo-message-wrap .demo-submit:hover {
    background: #0163ba;
    text-decoration: underline;
}


.link{
  color: #333;
  height: 40px;
  line-height: 40px;
  overflow: hidden;
  margin-top: 20px;
}
.top1{position:relative;z-index:99999;}
.link a{
  color: #333;
}

.ban{color: #333;font-size: 14px;text-align: center;padding-top: 12px;}
.ban a{color: #333;}
.ban a:hover{color: #0163ba;}


.topLink {
    width: 25px;
    line-height: 25px;
    height: 25px;
    z-index: 999;float:right;margin-left: 20px;position: relative;
}

.search {
    position: absolute;
    width: 213px;
    bottom: -37px;
    right: 20px;
    display: none;
    z-index:99999;
}

#formsearch {
   width: 246px;height: 28px;
   background: url(../images/ss.png) no-repeat top center;
}


#formsearch input {
    height: 24px;
    background: transparent;
    border: none;
    line-height: 24px;
    outline: none;
}

#formsearch input#keyword {
    height: 24px;
    line-height: 24px;
    padding-left: 4px;
    color: #666;
}

#formsearch input#s_btn {
    width: 46px;
    height: 24px;
    line-height: 24px;
    text-align: center;
    background-color: transparent;
    color: #fff;
    border: none;
    cursor: pointer;
    float: right;
}




::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color:    #b8b8b8;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color:    #b8b8b8;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
   color:    #b8b8b8;
}
:-ms-input-placeholder { /* Internet Explorer 10-11 */
   color:    #b8b8b8;
}


/*搜索和热门搜索*/
.hotSearch a{margin-right:6px;}
.hotSearch{width:400px;float:left;height:24px;line-height:24px;font-weight:normal;}
.ydtop ,.mob-nav{display:none;}
@media screen and (max-width: 700px){
    .wt{width:100%;}
    .wh{width:95%;margin:0 auto;}
    .wtt1{font-size: 24px;color: #0163ba;margin-bottom: 10px;padding:0;}
    .wtt1 span{display:none;}
    .top1{display:none !important;}
    .ydtop{background: #fff;padding: 10px 0;position: relative;display:block !important;}
    .ydtopimg{padding: 0 190px 0 15px;}
    .ydtopimg img{max-width: 100%;}
    .ydtop .head-btn {position: absolute;right: 15px;height: 26px;top: calc(50% - 13px);font-size: 0;}
    .ydtop .head-btn a{display: inline-block;vertical-align: middle;width: 30px;line-height: 26px;text-align: center;}
    .ydtop .head-btn a .iconfont {font-size: 20px;vertical-align: middle;}
    .ydtop .head-btn a .iconfont img{width: 100%;}
    .wt{width:100%;}
    .mob-nav {z-index: 9999;position: fixed;left: 0;right: 0;top: 0;bottom: 0;background: #0163ba;-webkit-transform: translateX(-100%);transform: translateX(-100%);opacity: 0;-webkit-transition: all .5s ease;transition: all .5s ease;display:block;}
    .mob-nav.active {-webkit-transform: translateX(0);transform: translateX(0);opacity: 1;}
    .mob-nav .close-btn {text-align: right;padding: 15px 15px 0 0;    color: white;font-size: 26px;}
    .mob-nav li:not(:last-child) {border-bottom: 1px solid #fff;}
    .mob-nav li a { display: block;text-align: center;line-height: 40px;font-size: 14px;color: #fff;}
    .page-mob-tool{display:none;}
    body{padding-top:0 !important;}
    .xypg-product-list li{width:22% !important;}
}