@charset "utf-8";
*{ margin:0; padding:0; font-family:'Microsoft YaHei'; font-size:14px; }
*{ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}

body{  background:#fff; }
img{ border:0;}
li {list-style: none;}
h1,h2,h3,h4,h5,h6 { font-weight:normal;}
a{ text-decoration:none; color: #000;}

.fl{float: left!important;}
.fr{float: right!important;}
.clr , .clear{ clear:both;}
.clearfix:after{ display:block; clear:both; content:'';}

.box{ width:100%; max-width:1600px; margin:0 auto; }

.x-header {
    background: #ffffff;
    padding: 1.30208333% 0;
    
    top: 0px;
    z-index: 99;
    width: 100%;
	border-bottom:5px solid #169FDA;
}
.x-header.scroll {
    position: fixed;
}
.container-fluid {
    padding: 0 8.33333333%;
}
.x-logo {
    float: left;
    width: 540px;
}
/* 导航样式 */
.x-menu {
  width: calc(100% - 600px);
  float: right;
  display:flex;
}

.x-menu > li {
  float: left;
  position: relative;
 flex:1;
 text-align: center;
}

.x-menu > li > a {
  display: block;
  font-size: 16px;
  color: #000000;
  line-height: 3;
}

.x-menu > li > a:hover {
  color: #e12524;
}

.x-menu > li.active > a {
  color: #e12524;
}

.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: 99;
  width: 150%;
  left: -25%;
  top: 65px;
  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;
  line-height: 2;
  font-size: 14px;
  color: #333;
  line-height: 1.5;
  padding: .5em;
}

.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;
}

/*手机端头部*/
.xymob-head {
  position: fixed;
  top: 0;
  z-index: 999999;
  left: 0;
  right: 0;
  background: #151515;
}

.xymob-head-box {
  position: relative;
  height: 60px;
}

.xymob-head-box .xymob-logo {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  margin: auto;
  width: 70%;
  text-align: center;
}

.xymob-head-box .xymob-logo h1, .xymob-head-box .xymob-logo a {
  display: inline;
  font-size: 0;
}

.xymob-head-box .xymob-logo img {
	max-width:90%;
	position:absolute; left:50%; top:50%; transform:translate(-50%,-50%);
}

.xymob-navbtn {
  position: absolute;
  z-index: 9;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  margin: auto 0 auto 27px;
  width: 30px;
  height: 20px;
}

.xymob-navbtn span, .xymob-navbtn:after, .xymob-navbtn:before {
  display: block;
  height: 2px;
  width: 100%;
  background: #fff;
  -webkit-transition: all .5s;
  transition: all .5s;
}

.xymob-navbtn span {
  margin: 7px 0;
}

.xymob-navbtn:after, .xymob-navbtn:before {
  content: '';
  -webkit-transform-origin: 7.5%;
          transform-origin: 7.5%;
}

.xymob-navbtn.clicked span {
  -webkit-transform: translateX(-100%);
          transform: translateX(-100%);
  opacity: 0;
}

.xymob-navbtn.clicked:after {
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}

.xymob-navbtn.clicked:before {
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}

.xymob-search-btn {
  position: absolute;
  z-index: 9;
  right: 0;
  top: 0;
  bottom: 0;
  width: 14%;
  text-align: center;
  line-height: 60px;
}

.xymob-search-btn .icon-font {
  display: block;
  width: 100%;
  height: 100%;
}

.xymob-search-btn .icon-font:after {
  background-position: -30px -210px;
}

.xymob-menu {
  display: none;
  position: absolute;
  z-index: 9999;
  left: 0;
  right: 0;
  height: 100vh;
  background: #151515;
  padding: 0 10%;
}

.xymob-menu .xymob-menu-box {
  height: 100vh;
  overflow: auto;
  padding-bottom: 80px;
}

.xymob-nav > li {
  border-bottom: 1px solid #2b2b2b;
  position: relative;
}

.xymob-nav > li > a {
  display: block;
  line-height: 50px;
  font-size: 16px;
  color: #ffffff;
}

.xymob-nav .xymob-menu-jt {
  position: absolute;
  width: 20%;
  height: 50px;
  line-height: 50px;
  right: 0;
  top: 0;
  text-align: center;
  z-index: 9;
}

.xymob-nav .xymob-menu-jt .icon-font {
  display: block;
  width: 100%;
  height: 100%;
}
.icon-font:after {
    content: "";
    width: 30px;
    height: 30px;
    background-image: url(images/icon_spirit.png);
    background-repeat: no-repeat;
    position: absolute;
    left: calc(50% - 15px);
    top: calc(50% - 15px);
}

.xymob-nav .xymob-menu-jt.clicked .icon-font:after {
    background-position: -30px -270px;
}
.xymob-nav .xymob-menu-jt .icon-font:after {
  background-position: -30px -240px;
}

.xymob-nav .xymob-sub-menu {
  background: #1E1E1E;
  display: none;
}

.xymob-nav .xymob-sub-menu > li {
  border-top: 1px dashed #2b2b2b;
}

.xymob-nav .xymob-sub-menu > li > a {
  display: block;
  font-size: 14px;
  color: rgba(255, 255, 255, 0.8);
  line-height: 40px;
  text-indent: 2em;
}

.xymob-dlbtn {
  margin-top: 40px;
}

.xymob-dlbtn a {
  text-align: center;
  display: block;
  width: 100%;
  height: 40px;
  line-height: 40px;
  background: #bb2821;
  color: #fff;
  font-size: 16px;
  border-radius: 5px;
}

.xymob-dlbtn a i {
  display: inline-block;
  vertical-align: middle;
  width: 30px;
  height: 30px;
  margin-right: 5px;
}

.xymob-dlbtn a .icon-dl:after {
  background-position: -30px -540px;
}

.xymob-dlbtn a .icon-pn:after {
  background-position: -30px -600px;
}

.xymob-dlbtn a .icon-tc:after {
  background-position: -30px -570px;
}

.xymob-dlbtn .zx-btn {
  margin-top: 10px;
  background: none;
  border: 1px solid #fff;
}

.xymob-search {
  position: fixed;
  z-index: 99999;
  left: 100%;
  bottom: 0;
  top: 0;
  width: 100%;
  background: #151515;
  padding: 15px 15% 0 15%;
  -webkit-transition: all .5s;
  transition: all .5s;
}

.xymob-search .xymob-search-close-btn {
  position: absolute;
  top: 27px;
  left: 30px;
  width: 30px;
  height: 30px;
  text-align: center;
  line-height: 30px;
}






.visible-lg, .visible-md, .visible-sm, .visible-xs {
    display: none!important;
}


.lh{ width:100%;}
.lh img{ width:100%; }

.title{ width:100%; color:#000; font-size:33px; font-weight:bold; margin:50px 0 50px; position:relative; text-align:center; }
.title i{ font-size:20px;  color:#1496ce;font-weight:normal; font-style:normal; display:block; margin-top:5px; }
.title:after{ width:26px; height:3px; background:#159ED9; content:''; position:absolute; left:50%; top:85px; transform:translateX(-50%); }

.about{ width:100%; margin-bottom:100px; padding:0 30px;}
.about .title{ text-align:left; }
.about .title:after{ left:0; transform:translateX(0); }
.about_left{ width:50%; float:left; padding-top:46px; padding-bottom:10px; }
.about_left .content{ font-size:16px; color:#403e3e; line-height:210%; }
.about_left a.more{ width:120px; height:42px; margin-top:30px; display:block; border:1px solid #159ED9; color:#159ed9; line-height:42px; text-align:center;  }
.about .box > img{ margin-top:90px; width:45%; }

.product{ width:100%; background:#F9F9F9; padding-bottom:90px; }
.product .box{ overflow:hidden; }
.product .prodlist{ width:100%;}
.product .prodlist li{ width:calc(25% - 30px); max-width:377px; height:480px; border:1px solid #D8D8D8; float:left; background:#fff; margin:0 15px;}
.product .prodlist li:hover{ background:#159ED9; }
.product .prodlist li:hover i , .product .prodlist li:hover span{ color:#fff; }
.product .prodlist li img{ width:100%; height:302px; display:block; }
.product .prodlist li i{ width:100%; height:91px; display:block; border-top:1px solid #D8D8D8; text-align:center; overflow:hidden; line-height:90px; font-style:normal; font-size:20px; }
.product .prodlist li span{ font-size:16px; width:100%; height:50px; overflow:hidden; color:#6b6b6b; padding:0 30px; display:block; text-align:center; line-height:25px; }



.anli{ width:100%; padding-bottom:55px; }
.anli .box{ overflow:hidden;}
.anli .anlilist li{ width:calc(25% - 15px); height:255px; float:left; overflow:hidden; position:relative; margin-left:15px; margin-bottom:15px; }
.anli .anlilist li img{ width:100%; height:255px; transition:.3s; display:block; }
.anli .anlilist li:hover img{ transform:scale(1.1,1.1); }
.anli .anlilist li i{ width:100%; height:100%; position:absolute; left:0; top:0; color:#fff; font-size:20px; font-style:normal; padding:20px; background:rgba(0,0,0,.3); }
.anli .anlilist li span{ position:absolute; left:15px; bottom:20px;; color:#fff; font-size:16px; }
.anli .anlilist li:first-child{ width:48%; height:525px; }
.anli .anlilist li:first-child img{ width:100%; height:525px; }

.news{  background:#F9F9F9; }
.news .box{ overflow:hidden; }
.news_list{  width:100%; }
.news_list li { width:calc(50% - 60px); float:left; background:#fff; margin:0 30px 50px; }
.news_list li .pic{ width:40%; max-width:268px; height:196px; float:left; margin-right:22px; }
.news_list li img{ width:100%; float:left; }
.news_list li a{ display:block; padding:22px; margin-bottom:6px; }
.news_list li a .tit{ display:block; font-size:20px; line-height:30px; margin-top:5px; }
.news_list li a .date{ font-size:16px; color:#2b2a2a; display:block; line-height:40px; margin-bottom:20px; }
.news_list li a .con{ font-size:16px; color:#2b2a2a; line-height:200%; }

.bottom{ width:100%; background:#159ED9; margin-top:40px;padding:60px 30px 40px; color:#fff; }
.bottom .box{  }
.bottom .box .contact{ width:310px; float:left;  font-size:16px; line-height:30px;}
.bottom .box .contact .tit{ color:#fff; font-size:20px; position:relative;height:60px; }
.bottom .box .contact .tit:after{ width:26px; height:3px; background:#fff; content:''; position:absolute; left:0; top:35px; }
.bottom .box .prodtype{ width:calc(100% - 310px); float:left; }
.bottom .box .prodtype li{ width:25%; height:30px; line-height:30px; overflow:hidden; float:left; }
.bottom .box .prodtype li a{ color:#fff; font-size:16px; } 

.main{ width:100%; max-width:1440px; margin:0 auto; position:relative;overflow: hidden;clear:both; padding:0 15px; }

.all_left{ width:20%; float:left;}
.all_right{ width:78%; float:right; margin-top:20px; background:#fff;}

/*内页左侧*/
.left_list{ width:100%; float:left; margin-top:20px; margin-bottom:20px;}
.left_list strong { background: #0B62B1; color: #fff; display: block; font-size: 22px; overflow: hidden;	text-align:center; padding-top:40px;padding-bottom:20px;}
.left_list strong span {
    color: #fff;
    display: block;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 16px;
    font-weight: 100;
    padding-top: 3px;
	width:280px;
}
.left_list ul li {
	vertical-align: middle;
	text-align:left;
	font-size:14px;
	background-color:#e7e7e7;
	border-bottom:1px #FFFFFF solid;
	color:#000;
}


.left_list UL li a {
	padding:13px 30px;
	min-height:50px;
	line-height:26px;
	font-size:16px;
	color:#333;
	display:block;
	font-weight:bold;
}
.left_list UL li a.current2{ padding-left:65px; font-weight:normal;}
.left_list UL li a:hover {
	background-color:#C4E1FC;
	color:#000;
	display:block;
}

.left_list UL li.hover a {
	background-color:#DEA299;
	display:block;
	height:60px;
	line-height:60px;
	width:200px;
}

/*内页右侧*/
.right_tit{ width:100%; line-height:60px; border-bottom:1px solid #000; }
.right_tit:after{ display:block; clear:both; content:'';}
.right_tit h2{float:left; padding-left:30px; font-size:16px;}
.right_tit span{padding-right:20px; font-size:14px; float:right}
.right_tit a{ color:#000; }
.right_all{ min-height:500px; padding:30px 20px;}



/*关于我们*/
.right_all .content{ width:100%; line-height:35px;}

/*新闻*/
.newslist{width:100%;}
.newslist ul li{width:100%; float:left; border-bottom:1px #dadada dashed; line-height:40px; padding-left:20px; background:url(images/dot.jpg) no-repeat 5px center;}
.newslist ul li span{width:100px; float:right; text-align:right}
.newslist ul li a{ color:#333; }

.newstitle {
	text-align: center;
	font-size: 30px;
	font-weight: bold;
	color: #333;
	line-height: 30px;
	width: 100%
}
.newssubtitle {
	text-align: center;
	line-height: 60px;
	font-size: 14px;
	width: 100%
}
.newssubtitle span {
	width: 100%
}
.newsx {
	line-height: 40px;
	width: 100%;
	margin-top: 5px;
}
.newsx table{ max-width:100%; border-collapse: collapse; }


/* 产品列表 */
ul.piclist li{ margin:20px 15px 0; float:left; width:331px;}
ul.piclist li a.pic{ width:331px; height:331px; overflow:hidden; text-align:center; border:1px solid #999; display:block;}
ul.piclist li a.pic img{ width:331px; height:331px; display:block;}
ul.piclist li a.txt{ width:100%; height:30px; line-height:30px; display:block; text-align:center; font-size:16px; color:#333; }
ul.piclist li a.txt:hover{ text-decoration:none; }

/* 分页CSS */
.pg {
    margin: 20px 0;
    text-align: center;
    width: 100%;
	color:#595555;
}
.pg span {
    background-color: #FFFFFF;
    border-color: #CCCCCC;
    border-style: solid;
    border-width: 1px;
    color: #999999;
    display: inline-block;
    height: 30px;
    line-height: 30px;
    margin: 0 3px;
    padding: 0 10px;
    text-align: center;
}
.pg a {
    background-color: #FFFFFF;
    border-color: #CCCCCC;
    border-style: solid;
    border-width: 1px;
    color: #000 !important;
    display: inline-block;
    height: 30px;
    line-height: 30px;
    margin: 0 3px;
    padding: 0 10px;
    text-decoration: none;
}

@media (max-width: 990px){
	.hidden-xs {
		display: none!important;
	}
	.visible-xs {
		display: block!important;
	}
	body {
		padding-top: 60px;
	}
}

@media (max-width: 750px) {
	.about_left{ width:100%; padding:0; }
	.about .box > img{ width:100%; margin-top:30px; }
	.product .prodlist li{ width:calc(100% - 30px ); height:auto;  padding-bottom:25px; margin-bottom:30px; max-width:none; }
	.product .prodlist li img{ height:auto; }
	.anli .anlilist li ,.anli .anlilist li:first-child{ width:calc(100% - 30px); height:auto; margin-right:15px; }
	.anli .anlilist li img , .anli .anlilist li:first-child img{ height:auto; }

	.news_list li{ width:calc(100% - 60px); }
	.news_list li .pic{ width:100%; max-width:100%; margin:0 0 10px; height:auto;  }
	.news_list li a .date{ margin-bottom:0px; }

	.bottom .box .contact{ width:100%; }

	.bottom .box .prodtype{ width:100%; margin-top:30px; }
	.bottom .box .prodtype li{ width:50% }

	.all_left{ display:none; }
	.all_right{ width:100%; }

	ul.piclist li{ width:100%; margin:20px 0 0; }
	ul.piclist li a.pic { width:100%; height:auto; }
	ul.piclist li a.pic img{ width:100%; height:auto; display:block; }

	.newslist ul li{ padding-left:0; }


}