html { overflow-y:hidden; }
html,body{overflow-x:hidden;}
*{margin:0px; padding:0px; word-wrap:break-word;}
img,input,select{vertical-align:middle;}
ul,li{list-style:none;}
a{text-decoration:none; color: #333	}
a:hover{color:#333; -webkit-transition: color ease 0.3s;}
img{border:none;}
.clear{ clear:both; height:0px;	 margin:0; padding:0;width:0; border:none; overflow:hidden;}
body{font-size:14px;font-family: "Microsoft YaHei"; color: #333; background: #f8f8f8;}
.container {margin-top: 115px;}

@font-face {
  font-family: 'iconfont';  /* project id 1884474 */
  src: url('https://at.alicdn.com/t/font_1884474_27e90bxe717.eot');
  src: url('https://at.alicdn.com/t/font_1884474_27e90bxe717.eot?#iefix') format('embedded-opentype'),
  url('https://at.alicdn.com/t/font_1884474_27e90bxe717.woff2') format('woff2'),
  url('https://at.alicdn.com/t/font_1884474_27e90bxe717.woff') format('woff'),
  url('https://at.alicdn.com/t/font_1884474_27e90bxe717.ttf') format('truetype'),
  url('https://at.alicdn.com/t/font_1884474_27e90bxe717.svg#iconfont') format('svg');
}
.iconfont{
    font-family:"iconfont" !important;
    font-size:16px;font-style:normal;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: 0.2px;
    -moz-osx-font-smoothing: grayscale;}
	
.w_1440{width: 1440px; margin: 0 auto; }
.w_1200{width: 1200px; margin: 0 auto; }
header {background: #fff; position: fixed; top: 0; left: 0; z-index: 999; width: 100%; box-shadow: 0 0 5px rgba(0,0,0,0.2);}
.top {height: 115px; display: flex; justify-content: space-between; align-items: center;}
.top .logo {width: 26%; display: flex; justify-content: space-between;}
.top .logo p:nth-child(1) {color: #d31f23; font-size: 18px; margin-bottom: 3px;}
.top .logo p i {font-size: 28px}
.top .logo p {display: flex;  align-items: center;}

#nav{ position:relative; width:55%;  }
#nav .nav-menu{ }
#nav .nav-menu a{ display:block; float:left; text-align: center;  padding:0 30px; line-height:35px; color:#666; font-size:16px; text-decoration:none;}
#nav .nav-menu a p {text-transform:uppercase; font-size: 10px}
#nav .nav-menu a:hover,#nav .nav-menu a.current {color: #d31f23;}
#nav .nav-menu a:hover p,#nav .nav-menu a.current p {color: #c97d7e;}
#nav .nav-current{ position:absolute; bottom:-2px;color: #d31f23; height:2px; overflow:hidden; background:#d31f23;}

.main {background: #f8f8f8; width: 100%;}

.title {text-align: center; padding: 80px 0 50px 0;color: #404d5b; }
.title h2 {font-size: 26px; font-weight: normal;}
.title p{ font-size: 18px}
.title img {margin: 20px 0;}

.advantage ul{width: 100%; background: none; display: flex; justify-content: space-between;}
.advantage ul li {width: 18%; padding-bottom: 20px; margin: 0 1%;transition:  all ease 0.5s; }
.advantage ul li {border: 1px solid #e3e3e3; background: none; text-align: center;}
.advantage ul li i {font-size: 40px; color: #717171; transition:  all ease 1s;}
.advantage ul li .pic {width: 100px; transition:  all ease 1s; height: 100px; margin: 20px auto; line-height: 100px; border:1px solid #fff ; border-radius: 50%;}
.advantage ul li h2 {font-size: 20px; font-weight: normal; transition:  all ease 0.5s;}
.advantage ul li p { color: #717171; line-height: 32px; margin-top: 15px; padding: 0 20%;}
.advantage ul li:hover{box-shadow: 0 0 15px rgba(0,0,0,0.25);}
.advantage ul li:hover .pic{border:1px solid #d31f23 ; }
.advantage ul li:hover .pic i  {color: #d31f23;}
.advantage ul li:hover h2 {color: #d31f23;}

.about {width: 100%; background: url(../images/chose_0.jpg) no-repeat left center; display: flex; margin: 80px 0 50px 0; justify-content: space-between;}
.about .left {width: 30%;}
.about .left img {width: 100%;}
.about .right {width: 68%; text-align: center; line-height: 32px;}
.about .text a {width: 100px; height: 35px; transition: all ease 0.3s; border: 1px solid #D31F23; display: block; margin: 20px auto 0 auto; line-height: 35px; color: #D31F23;}
.about .text a:hover {background: #D31F23; color: #fff;}
 .swiper-container {
      width: 100%; margin-top: 80px;
      height: 160px;
    }
    .swiper-slide {
      text-align: center;
      font-size: 18px;
      
 width: 214px; height: 92px;
      /* Center slide text vertically */
      display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      -webkit-justify-content: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      align-items: center;
    }
	.swiper-slide img {width: 214px; height: 92px; background-color: #fff;}
	
.solution ul {display: flex; justify-content: space-between; margin-bottom: 50px;}	
.solution ul li {width: 23%;transition: all ease 0.3s; position: relative;  margin: 0 1% 50px 1%; border-radius: 3px; overflow: hidden; box-shadow: 0 0 7px  #aaa; background-color: #fff;}
.solution ul li img {width: 100%;}
.solution_list ul li {width: 31%}
.solution ul li h2 { padding: 0 ; font-weight: normal; color: #282828; border-bottom: 1px solid #eee; padding-bottom: 10px ;}
.solution ul li p {color: #717171; line-height: 26px; margin-top: 10px;}
.solution ul li .text span {width: 50px; height: 2px; margin-top: -1px; background: #d31f23; display: block; }
.solution ul li .text {padding: 10px 15px;}
.solution a {width: 100px; height: 35px; text-align: center;  transition: all ease 0.3s; border: 1px solid #D31F23; display: block; margin: 20px auto 0 auto; line-height: 35px; color: #D31F23;}
.solution  a:hover {background: #D31F23; color: #fff;}

.dask { width: 100%; height: 100%; background:rgba(0,0,0,0.3) ; position: absolute; top: 0; left: 0; text-align: center; padding-top: 100px;}
.dask a { font-size: 50px; cursor: pointer; color: #fff; display: block; border-radius: 50%; position: absolute; left: 50%; margin-left: -25px; border: 1px solid #fff; width: 50px; height: 50px; line-height: 45px; text-align: center;}

.news ul {display: flex; justify-content: space-between; flex-wrap: wrap;}
.news li {width: 48%; transition: all ease 0.3s; border: 1px solid #fff; cursor: pointer; margin: 1%; background: #fff; padding: 10px; box-sizing: border-box;}
.news li .date {}
.news li a{display: flex; justify-content: space-between; align-items: center;}
.news li .date {border: 3px solid #d9d9d9; transition: all ease 0.3s; margin-right: 10px; width: 80px; height: 80px; flex-shrink: 0; text-align: center; background: #cbcbcb; }
.news li .date span {  display: block; height: 50px; line-height: 50px; font-size: 26px; color: #fff; border-bottom: 1px solid #fff; }
.news li .date p {line-height: 30px; color: #fff;}
.news li h2 {color: #282828;font-weight: normal; font-size: 18px; margin-bottom: 8px;}
.news li p {color: #717171;}
.news li .right {width: 100%}
.news li:hover {border: 1px solid #d31f23;}
.news li:hover .date {background: #d31f23; border: 3px solid #ce5457;}
.news li .right {width: 100%}
.core {display: flex; justify-content: space-between;}
.core li { cursor: pointer; width: 389px; min-height: 76px; margin-bottom: 40px; margin-top: 30px; padding: 25px 15px; display: flex;transition: all ease 0.3s; border: 1px solid #f7f7f7;}
.core li:hover {border: 1px solid #d31f23;}
.core img {width: 300px; }
.core li>p {width: 32px; text-align: center; margin-right: 15px;}
.core li i {color: #d31f23; font-size: 32px; }
.core li span {display: block; width: 30px; margin-top: 15px; height: 30px; line-height: 30px; font-size: 25px; border: 1px solid #eee; color: #eee;  }
.core .text h2 {font-size: 20px; color: #717171; font-weight: normal;}
.core .text  p{line-height: 26px; margin-top: 10px;}
.core li:hover .text h2 ,.core li:hover .text {color: #d31f23;}
.core li:hover span {border: 1px solid #D31F23; color: #D31F23;}

.contact {display: flex; justify-content: space-between; align-items: center;}
.contact .left {width: 50%; flex-shrink: 0;}
.contact .left p:nth-child(1) {font-size: 22px;  margin-top: 15px; color: #404D5B;}
.contact .left p {font-size: 16px; color: #282828; line-height: 45px;}

.contact .left p img {margin-right: 10px;}
.contact .left p:nth-child(2) {font-size: 18px; margin-top: 10px; color: #717171; line-height: 45px;}
.contact .right {width: 45%; margin-left: 5%; display: flex; justify-content: space-around;}
.contact .right img {width: 150px;}
.contact .right p {text-align: center; margin-top: 15px;}

footer {box-shadow: 2px 3px 73px rgba(2, 2, 2, 0.6); background: #000; margin-top: 50px;}
.link {padding: 50px 0;}
.link h2{ border-bottom: 1px solid #545454;  color: #fff;   line-height: 40px;    opacity: 0.8;    filter: alpha(opacity=80);    font-size: 16px;
    font-weight: normal;    padding-left: 10px; font-weight: normal;}
.link a { margin-top: 20px; color: #969696; padding: 0 30px; float: left;    display: block;    border-left: 1px solid #6a6a6a;    }
footer .copyright { margin-top: 40px; height: 50px; width: 100%; background: #151515; line-height: 50px; color: #959595;}


.n_banner {width: 100%; height: 400px; color: #fff; background-size: 10%; background-position: top center; margin-top: 115px;}
.n_banner h2 {font-size: 45px; font-weight: normal; padding-top: 150px;  }
.n_banner p {font-size: 18px; margin-top: 15px;}
.position {height: 50px; line-height: 50px;border-bottom: 1px solid #eee;}
.n_about {display: flex; justify-content: space-between; align-items: center; margin: 20px auto;}
.n_about .left {width: 60%;}
.n_about .right {width: 471px; margin-left: 30px; flex-shrink: 0;}
.n_about .left p {line-height: 32px;}
.culture>h2{height:80px; line-height: 80px;border-bottom: 1px solid #eee; font-size: 20px; font-weight: normal; text-align: center;}
.culture li {display: flex; justify-content: space-between; margin: 10px 0;}
.culture li .text {text-align: center; width: 50%; line-height: 32px;}
.culture li .text h2 {font-weight: normal; margin-top: 50px; margin-bottom: 20px;}
.culture li  img {width: 50%; flex-shrink: 0;}

.solution_detail {line-height: 26px;}
.solution_detail  img {max-width: 100%; text-align: center;}
.solution_detail p {margin: 10px 0; color: #717171;}


.sph{
	overflow: hidden;
}
.spbq{
	width: 380px;
	padding: 10px;
	height: 350px;
	float: left;
	line-height: 2; margin-top: 20px;
	
	
	position: relative;
	overflow: hidden;
}
.spbq h2{
	color: #404D5B;
	font-size: 18px; font-weight: normal;
	margin-top: 18px;
}
.spbq span{
	display: block;
	color: #717171;
	
	margin: 8px 0;
}
.spbq b{
	color: #787d82;
	font: 12px/18px "Microsoft Yahei","Hiragino Sans GB",Helvetica,"微软雅黑",Tahoma,Arial,sans-serif;
}
.biankuang{
	width: 3px;
	height: 3px;
	position: absolute;
	z-index: 99;
	border-radius:10px;
	/*background: black;*/
}
.biankuang_1{
	height: 3px;
	top: -6px;
	left:0px;
	border-left: 3px solid #D31F23;
}
.biankuang_2 {
	width: 0px;
	bottom:-3px;
	left: 0px;
	border-top: 3px solid #D31F23;
}
.biankuang_3{
	height: 0px;
	bottom:0px;
	right:0px;
	border-right: 3px solid #D31F23;
}
.biankuang_4{
	width:0px;
	top:-3px;
	right:0px;
	border-bottom: 3px solid #D31F23;
}
.text_gobuy {
	position: absolute;
	z-index:9;
	top: -30px;
	left: 0px;
	width: 280px;
	height: 50px;
	overflow: hidden;
	background:rgba(207, 208, 211, 0);
	cursor: pointer;
	transition:all  300ms;
	-webkit-transition:all  300ms;
	-moz-transition:all  300ms;
	-o-transition:all  300ms;
}
.text_gobuy_show{
	height: 50px;
	position: absolute;
	z-index:9;
	bottom: 0px;
	width: 400px;
	overflow: hidden;
	padding: 20px 15px ;
	cursor: pointer;
	background-color: rgba(32, 32, 33,0.3);
}
.spbq p{
	position: absolute;
	bottom:10px;
	 width: 100%;text-align: center;
	line-height: 33px;
	color: #fff
}

.spbq img{width: 380px; height: 252px}

.contact_detail ul {display: flex; justify-content: space-between;}
.contact_detail ul li { box-shadow: 0 0 5px #aaa; width: 30%; padding: 10px; margin: 1%; background: #eee; color: #717171; line-height: 26px; display: flex; justify-content: flex-start; }
.contact_detail ul li img {width: 80px; height: 80px; flex-shrink: 0; margin-right: 20px; }
.contact_detail ul li h2 {font-size: 18px; font-weight: normal; margin-bottom: 5px; color: #404D5B; }

.back a {width: 120px; height: 35px; border-radius: 5px; text-align: center;  transition: all ease 0.3s; border: 1px solid #D31F23; display: block; margin: 20px auto 0 auto; line-height: 35px; color: #D31F23;}
.back  a:hover {background: #D31F23; color: #fff;}

.page {text-align: center; margin: 50px 0 50px 0  }
.page span {border: 1px solid #aaa; padding: 3px 5px; margin: 0 5px; border-radius: 3px; color: #aaa}
.page span a {color: #aaa}
.page span.page-numbar {border: 1px solid #D31F23}
.page span.page-numbar a{ color: #D31F23}