/*初始化样式*/
html{margin:0;padding:0;border:0;}
body,div,span,object,iframe,h1,h2,h3,h4,p,blockquote,pre,a,address,code,b,em,img,
dl,dt,dd,ol,ul,li,fieldset,form,label,footer,
header,hgroup,navs,section
{margin:0;padding:0;border:0;}
body{background:#fff;color:#333;position:relative;font:12px/1.5 Microsoft YaHei,arial,宋体,sans-serif;vertical-align:baseline;width:100%;overflow-x:hidden;}
a{text-decoration:none;outline:none;}

a:hover,a:active,a:focus{text-decoration:none;outline:none;}


input{padding:0;margin:0;font-family:'Microsoft YaHei';}
img{border:none;background:none;vertical-align:middle;}
ul,ol,li{list-style-type:none;}
select,input,img,select{vertical-align:middle;}
table{border-collapse:collapse;border-spacing:0}
table, th, td {vertical-align: middle}
.clearfix:after{content: ".";display: block;height: 0;clear: both;overflow: hidden;visibility: hidden;}
.clearfix{zoom:1}
.clearboth{height:0px;line-height:0px;overflow:hidden;clear:both;font-size:0px;}

h1,h2{font-size:12px;font-weight:bold;}
hr {border: 0;border-top:1px solid #ccc;height:0;}




/*----- Common css ------*/
.fl{float:left;}
.fr{float:right;}
.di{_display:inline;}
.fwn{font-weight:normal;}
.dib{*display:inline;_zoom:1;_display:inline;_font-size:0px;}


/*滚动*/
#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:92%;margin:0 auto;}
#m_indemo {float: left;width:800%!important;}
#m_demo1 {float: left;}
#m_demo2 {float: left;}



.pos{position: relative;width:1920px;left:50%;margin-left:-960px;}
.wh{width:1300px;margin:0 auto;}


.com-img{ display:inline; overflow:hidden;margin:0 auto;display: table;}
.com-img img{ 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);}



.roll_product {float: left;}


/*头部样式*/
.top1{color: #525252;height: 40px;line-height: 40px;overflow:hidden;font-size: 13px;border-bottom: 1px solid #dcdddd;}
.top1 a{color: #525252;}





.top2{height:95px;overflow:hidden;}

.logo{float:left;line-height:95px;}
.k2{margin-top: 27px;font-size:14px;color:#333333;background: url(../images/t.png) no-repeat left center;padding-left:54px;line-height: 23px;}
.k2 p:nth-child(2){color: #393939;font-size: 26px;font-weight: 600;}






/*热门搜索*/
.sou{margin: 15px 0;}
#formsearch{float:right;}
.hotSearch{float:left;height:24px;line-height:24px;font-weight:normal;color:#0d0d0d;font-size:14px;}
.hotSearch a{margin-right:6px;color:#0d0d0d;}
#search-type{float: left;width:100px;height: 24px;border: 1px solid #c8c8c8;margin-right: 5px;}



/*搜索和热门搜索*/
#formsearch input{height:22px;background:#fff;border:1px solid #c8c8c8;line-height:22px;}
#formsearch input#keyword{height:22px;line-height:22px;padding-left:4px;color:#666;}
#formsearch input#s_btn{width:46px;height:24px;line-height:24px;text-align:center;background-color:#009b4c;color:#fff;border:none;cursor:pointer;font-size: 12px;}



/*搜索和热门搜索*/
.hotSearch{float:left;font-weight:normal;}
.hotSearch a{padding:0 6px 0 8px;}
.hotSearch a:nth-child(1){padding-left:0;}
.hotSearch a+a{background: url(../images/dd.png) no-repeat left bottom;}
#formsearch{float:right;background: url(../images/so.png) no-repeat;width:260px;height:38px;}
#formsearch input{}
#formsearch input#keyword{height:38px;line-height:38px;color:#5c5c5c;font-size:14px;background:none;border:none;outline:none;}
#formsearch input#s_btn{width: 46px;height:38px;line-height:38px;text-align:center;background:none;border:none;outline:none;color:#fff;border:none;cursor:pointer;font-size: 0;float:left;}
#formsearch input::-webkit-input-placeholder {color:#b1b1b2;}
#formsearch textarea::-webkit-input-placeholder {color: #b1b1b2;}
.sousuo{margin-left: 200px;margin-top: 30px;}





/* 导航样式 */
.dao{background: url(../images/mu.png) repeat-x;height:60px;}
.x-menu {}

.x-menu > li {
  float: left;
  position: relative;
 text-align:center;width:143px;
 /*background: url(../images/fgex.png) no-repeat center right;*/
}
.x-menu > li:last-child{background: none;}
.x-menu > li > a {
  display: block;
  font-size: 18px;
  color: #000000;
  line-height: 72px;
}

.x-menu > li > a:hover {
  background: url(../images/lihv.png) no-repeat center;
  width: 162px;
  background-size: 100%;
  color: #fff;
  height: 72px;
}

.x-menu > li.active > a {

}

.x-menu > li:after {
  content: '';
  position: absolute;
  z-index: 100;
  width: 100%;
  left: 0;
  height: 40px;
  opacity: 0;
  top: 100%;
}

.x-menu > li:hover .x-sub-menu {
  opacity: 1;
  visibility: visible;
  -webkit-transform: translateY(0);
          transform: translateY(0);
}

.x-sub-menu {
  position: absolute;
  z-index: 99999;
  width: 150%;
  left: -25%;
  top: 81px;
  background: #fff;
  border-radius: 5px;
  padding: 10px 0;
  opacity: 0;
  visibility: hidden;
  -webkit-transform: translateY(20px);
  transform: translateY(20px);
  -webkit-transition: all .5s ease;
  transition: all .5s ease;
}

.x-sub-menu > li > a {
  display: block;
  text-align: center;

  font-size: 14px;
  color: #333;
  line-height:40px;
 height:40px;overflow:hidden;
}

.x-sub-menu > li > a:hover {
  background: #e9eaeb;
}

.x-sub-menu:after {
  content: '';
  width: 0;
  height: 0;
  line-height: 0;
  font-size: 0;
  overflow: hidden;
  border-width: 10px;
  cursor: pointer;
  border-style: dashed dashed solid dashed;
  border-color: transparent transparent #fff transparent;
  border-top: none;
  position: absolute;
  top: -10px;
  left: 50%;
  margin-left: -10px;
  z-index: 99;
}




.product_list1{margin-top:38px;}
.product_list1 li{float:left;margin-right:57px;margin-bottom:28px;}
.product_list1 li:nth-child(4n){margin-right:0;}
.product_list1 li img{width:257px;height:293px;}
.product_list1 li h3{text-align:center;font-weight:normal;color:#3f3f3f;font-size:20px;}








/*友情链接*/
.f_link{height: 80px;line-height: 80px;margin:0 auto;font-size: 16px;color: #525252;background: #f6f6f6;margin-top: 50px;}

/*页面底部*/
.footer{text-align:center;}
.copyright{text-align:center;line-height:24px;}



.f_nav{padding: 42px 0px;background: #0c61be;}
.f_nav dl{float:left;width: 80px;height:186px;overflow:hidden;text-align:center;margin-right: 30px;}
.f_nav dt{margin-bottom:14px;color: #fff;font-size: 16px;font-weight: 400;background:url(../images/kou.png) no-repeat center left;padding-left: 15px;}
.f_nav dt a{font-size:14px;color:#333;}
.f_nav dd{line-height:20px;}
.f_nav dd a{font-size: 14px;color: #fff;}










/*内页左侧样式*/
.container{width: 1200px!important;margin: 0 auto;padding: 0;}
.page-product-inquiry a{color: #fff;}


.jiaru{background: url(../images/jiaru.png) no-repeat center left;padding-left: 25px;}
.liuyan{background: url(../images/liuyan.png) no-repeat center left;padding-left: 25px;margin-left: 22px;}
.feedback{background: url(../images/xuanpan.png) no-repeat center left;padding-left: 25px;margin-left: 22px;}


.nav-bj{background: url(../images/nvb.png) no-repeat center;height: 72px;}

.xw-bt{background: url(../images/xwbt1.png) no-repeat center;height: 60px;}
.xw-bt .more{float: right;font-size: 14px;color: #fff;text-transform: uppercase;line-height: 60px;margin-right: 20px;margin-bottom: 30px;}
.gs-xw-s-left{width: 620px;position: relative;}
.gs-news{margin-top: 40px;}
.xw-bt h3{display: inline-block;font-size: 24px;color: #fff;line-height: 60px;padding-left: 65px;}
.xw-bt h3 a ,.xw-bt h3:hover a{color:#fff;}

.gs-xw-s-left .owl-nav .owl-prev{background: url(../images/zuo.png) no-repeat center left!important;width: 30px;height: 50px;position: absolute;left: 0px;top: 50%;transform: translateY(-50%);content: "";}

.gs-xw-s-left .owl-nav .owl-next{background: url(../images/you.png) no-repeat center left!important;width: 30px;height: 50px;position: absolute;right: 0px;top: 50%;transform: translateY(-50%);content: "";}

.gs-xw-s-left .icon-font:after{display: none;}
.gs-xw-s-left a h3{position: absolute;height: 50px;line-height: 50px;background: rgba(0, 0, 0, .5);bottom: 0px;width: 100%;text-align: center;font-size: 16px;color: #fff;}
.gs-xw-s-left .banner-item{position: relative;}
.gs-xw-s-left .banner-item img{
    width: 620px;
    height: 400px;
}

.gs-xw-s-right{width: 620px;}
.gs-xw-s{margin-top: 30px;} 
.xwxian{background: url(../images/xwxian.png) no-repeat left bottom;}
.xwxian h2{font-size: 22px;color: #0e6fda;font-weight: normal;padding-bottom: 15px;}


.xw11 li h3{font-size: 18px;color: #353535;margin-top: 30px;margin-bottom: 20px;}
.xw11 li dd{font-size: 14px;color: #757575;line-height: 24px;}
.xw11 li a{font-size: 14px;text-transform: uppercase;color: #0e6fda;margin-top: 10px;margin-left: -5px;}
.flex{display: flex;justify-content: space-between;flex-wrap: wrap;}
.xw22 ul li a h3{font-size: 16px;color: #484848;background: url(../images/yuan.png) no-repeat 0px 7px;padding-left:15px;}
.xw22 ul li a dd{font-size: 16px;color: #8d8b8c;}
.xw22{margin-top: 30px;}
.xw22 ul li+li{margin-top: 18px;}
.mores{font-size: 16px;color: #0e6fda;float: right;position: relative;margin-top: 27px;}
.mores::after{display: block;content: "";position: absolute;left: -130px;top: 12px;background:#0e6fda;width: 118px;height: 1px;}

.gs-xw-x-left{width: 620px;}
.gs-xw-x-right{width: 620px;}
.gs-xw-x{margin-top: 18px;}

.sy-case{margin-top: 40px;}
.sy-case .wh{overflow:hidden;}

.sy-case .xw-bt{background: url(../images/xwbt2.png) no-repeat center;height: 60px;}
.sy-case ul li{width: 303px;margin: 0px 14px;}
.sy-case .bd{margin: 0px -14px;}
.sy-case ul li a h3{text-align: center;font-size: 16px;color: #000;margin-top: 20px;}


.ft11{float: left;width: 770px;}
.ft22{float: left;width: 390px;}
.ft33{float: right;width: 140px;}
.ft22 p{font-size: 14px;color: #fff;line-height: 30px;}
.ft33 p:nth-child(2){text-align: center;color: rgba(255,255,255, .75);margin-top: 10px;}

.banquan{text-align: center;background: url(../images/fgx.png) no-repeat center top #0c60bd;font-size: 14px;color:rgba(255,255,255, .8);line-height: 2;padding: 15px 0px;}
.banquan a{font-size: 14px;color:rgba(255,255,255, .8);}