
/* @font-face
{
font-family: JBeiWeiKaiSu;
src: url('./JBeiWeiKaiSu.woff');
src: url('http://116.204.18.177:81/tmp/JBeiWeiKaiSu.ttf') format('ttf');
} */


/*title*/
.title{padding:10px 0; text-align: center; margin-bottom: 10px; padding-top:10px}
.title h2{color: #007bff; padding:0 10px; margin:5px 0; font-size: 24px; display: inline-block; position: relative;
font-family: STFangsong;
}
.title h2:after{display: inline-block; content: ""; width:50px; height: 2px; background-color: #007bff; position: absolute;  bottom:-10px; left: 50%;transform: translateX(-50%);

}
.title p{color: #888888; padding-top:10px}
/**/
.top{background-color: #007bff;}
.top>div{max-width:1200px; padding:0 10px; margin:auto; }
.top p{line-height: 30px; display: inline-block; height: 30px; color: #FFF;}
/*nav*/
.nav{max-width:1200px; margin:auto; margin-bottom: 10px; margin-top:5px;}
.logo {float: left; padding:10px 0 0;}
.nav>ul{float: right; margin:20px 0 10px 0;}
.nav>ul>li{display: inline-block; text-align: center; font-size: 14px; position: relative;}
.nav>ul>li a{color: #666; padding:10px 0; display: inline-block; width:100px;transition: all ease 0.5s;

}
.nav>ul>li.active>a,.nav>ul>li a:hover{
	/* background: linear-gradient(#007bff, #ccc); */
background-color: #007bff;
color:white;
border-radius: 5px;

}
.nav .dropdown{position: absolute; z-index: 999; display: none; padding:10px 0; top:40px; border:1px solid #e1e1e1; width:130px; box-shadow: 0px 1px 2px #CCC; background-color: #FFFFFF;}
.nav .dropdown li a{font-size: 13px; }
.nav>ul>li:hover>.dropdown{display: block;}
/*banner*/
#owl{position: relative;}
#owl img{width:100%;}
.owl-controls{position: absolute; bottom: 10px; width:100%;}
.owl-page.active span{background-color: #FFFFFF !important; }
/*search*/
.search{background-color: #f2f2f2; height: 55px;}
.search>div{max-width:1200px; padding:10px 10px; margin: auto;}
.search form{float: left; width:50%;}
.search form input[type="text"]{height: 35px; padding:10px; vertical-align: top;}
.search form input[type="button"]{height: 35px; border:none; background-color: #007bff; color: #FFFFFF; width:50px; vertical-align: top;}
.search form p{display: inline-block; margin-left: 50px; line-height: 35px;}
.search form p a{padding:10px;}
.search>div>div{float: right; line-height: 35px; color: #666666;}
.search>div>div span{color: #007bff; font-family: georgia; font-size: 20px;}
/*products*/
.products{background: url(../images/bg.jpg); padding-bottom: 20px;}
.products li{width:25%; float: left; padding:10px 7px; transition: all ease 0.5s;
height:260px;
}
.products li a{background: linear-gradient(to right, #2e64e2, #46adfc);padding-bottom: 6px; border-bottom: #2d5f9a 3px solid;transition: all ease 0.5s; color:#ffff}
.products li a:hover{transform: translate3d(0px, -2px, 0px);
    box-shadow: 0 15px 30px #666;
}

.products li a,.products li a div{overflow: hidden; display: inline-block; width:100%;}
/* .products li a:hover img{transform: scale(1.2); transition: all .4s;} */
/* .products li a:hover p{color: #fff;} */
.products li img{width:100%; height: 200px; display: block; transition: all .4s;}
.products li p{display: inline-block; width:100%; line-height: 25px; text-align: center; color: #ffff;
font-size: 12px;
}
.products>div{ margin:auto}
.more{ text-align: center; padding:10px;}
.more a{padding:12px 30px; border-radius: 20px; border:1px solid #007bff; color: #007bff; font-size: 16px; box-shadow: 0 2px 3px #CCCCCC;
transition: all ease 0.5s;
}
.more a:hover{background-color: #007bff; border-color: #007bff; color: #FFFFFF;
font-size: 17px;
}
/*advantage*/
.advantage{max-width:1200px; margin: auto; padding-bottom: 40px;}
.advantage li>div{width:50%; float: left;}
.advantage li:after{display: block; content: ""; clear: both;}
.advantage li h3{margin:20px; font-size: 24px; color: #007bff;}
.advantage li p{padding:10px 20px; line-height: 1.8; color: #666666;}

/*news00000*/
/* .news{background: url(../images/bg.jpg);} */
.news>div{max-width:100%; padding:0 10px; margin: auto; padding-bottom: 20px;}
.news-gs{margin-top:20px;}
.news-gs img{max-width:100%;}
.news-list-index>div{width:50%; padding:10px; float: left;}
.news-title h3{margin-right:50px; line-height: 1; margin-left: 20px;color: #FFFFFF; padding-left: 10px; border-left: 2px solid #FFFFFF;}
.news-title a{float: right; padding-right: 20px; color: #888888;}
.news-title a:hover{color: #007bff; text-decoration: underline;}
.news-list-index ul{margin-top:20px; padding:10px; padding-right:30px;}
.news-list-index li{border-bottom: 1px dashed #CCCCCC;
transition: all ease 1s;
padding: 0 10px;
}
.news-list-index li:hover{
	/* background-color: #007bff; */
	/* background: linear-gradient(#007bff, rgb(125, 123, 123)); */

	background: linear-gradient(to right, #2e64e2, #46adfc);
	transform: translate3d(0px, -2px, 0px);
    box-shadow: 0 15px 30px #666;


}
.news-list-index li:hover a,.news-list-index li:hover i{
	color:#edf0ff;
}
.news-list-index li a{padding:10px; display: inline-block; color: #444444; overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
/* .news-list-index li a:hover{color: #007bff;} */
.news-list-index li i{float: right; line-height: 40px; color: #888888;}
/*footer*/
.footer{background-color: #121A21; padding:30px 0 10px;}
.foot-nav ul{max-width:1200px; margin: auto; text-align: center; margin-bottom: 20px;color: #CCCCCC ;}
.foot-nav ul li{display: inline-block;}
.foot-nav ul li a{padding:10px; color: #EEE;}
.foot-nav ul li a:hover{color: #007bff;}
.foot-mes{ padding:10px 0;}
.foot-mes>div{max-width:1200px; padding:0 10px; margin:auto; text-align: center;}
.foot-mes p{color: #666; margin-bottom: 5px;}
.foot-mes p a{color: #666;}
.foot-mes p a:hover{color: #007bff;}

/*abpg*/
.pg{max-width:1200px; margin:20px auto; padding:0 10px;}
.pg-nav{width:200px; float: left;}
.pg-nav-title{height: 70px; line-height:70px; font-size: 22px; color: #FFFFFF; text-align: center; width:200px; background: url(../images/nav.png);}
.pg-con{width:960px; margin-left: 20px; float: left;}
.pg-nav ul{margin-top:20px;}
.pg-nav ul li{margin-top:10px; }
.pg-nav ul li a{width:100%; height: 50px; padding-left: 30px; font-size: 16px; line-height: 50px; display: inline-block; background-color: #007bff; color: #FFFFFF;}
.pg-nav ul li a:hover{background-color: #007bff;}
.bread{padding:10px 0; border-bottom: 1px solid #CCCCCC;}
.bread p{margin-left: 10px; padding-left: 10px; border-left: 2px solid #007bff; line-height: 1;}
.bread p a{color: #666; padding:0 5px;}
.bread p a:hover{color: #007bff;}
.pg-content{padding:10px; margin-top:20px;

}
.pg-content img{width: 100%; margin-bottom: 10px;
	height: 150px;

}
.pg-content p{line-height: 15px; color: #444444; text-indent: 2em; margin-bottom: 5px;
transition: all ease 0.5s;
border-radius: 10px;
font-size: 12px;


}

/*pg-con*/
.map{margin-bottom: 20px;}
.map iframe{border: none; height:300px; width:100%;}
.pg-con form{padding:10px 0; border-top:1px dashed #DDDDDD;}
.pg-con form ul li{float: left; width:50%; padding:10px; ;}
.pg-con form h3{font-size: 20px; color: #007bff; margin-bottom: 20px;}
.pg-con form input{width:100%; line-height: 20px; padding:10px; border:1px solid #ddd; margin:10px 0;}
.pg-con form textarea{padding:10px; margin:10px; height: 200px;width:100%;}
.pg-con form input[type="button"]{width:150px; background-color: #007bff; color: #FFFFFF; border:none;}


/*new-pg*/
.news-con{margin-left: 120px;}
.news-tim{float: left; display: inline-block; width:90px; height: 90px; padding:10px; margin:10px; background-color: #007bff;border-radius: 5px;
}
.news-con h3{font-size: 16px; padding:15px 0 10px; }
.news-con h3 a{color: #666666;}
.news-con h3 a:hover{color: #007bff;}
.news-con p{line-height: 2; font-size: 14px; overflow: hidden;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.news-tim span{display: inline-block; width:100%; font-size: 28px; text-align: center;  color: #FFFFFF;}
.news-tim p{line-height: 30px; font-size: 16px; text-align: center; color: #FFFFFF;text-indent: 0;}
.newspg{margin-bottom: 30px;}
.newspg li{padding-bottom: 15px; border-bottom: 1px dashed #CCCCCC;

	transition: ease 1s;
	/* background:  no-repeat right bottom; */
}


.newspg li:hover{
	/* background: linear-gradient(#007bff, rgb(145, 143, 143)); */
	/* background: linear-gradient(to right, #2e64e2, #46adfc); */
	/* background: linear-gradient(to right, #2e64e2, #46adfc); */
	/* background: linear-gradient( to right, #2e64e2, #46adfc); */

	background: #2e64e2 url(../images/logo11.png) no-repeat right bottom;
	background-size: 200px;
	border-radius: 10px;
	transform: translate3d(0px, -2px, 0px);
    box-shadow: 0 15px 30px #666;
}
.newspg li:hover div h3 a{
	color:#fff;
}
.newspg li:hover .news-con  p{
	color:#fff;
}
.newspg li:after{display: block; content: ""; clear: both;}
.newsdetail{
	transform: translate3d(0px, -2px, 0px);
    box-shadow: 0 15px 30px #666;

}
.newsdetail h2{font-size: 24px; margin:10px 0 20px; text-align: center; font-weight:normal;}
.newsdetail>p{text-align: center; text-indent: 0;}
.newsdcon{padding:30px 0 0;}
.newsdcon p{font-size: 15px; line-height: 2; text-indent: 2em;}

/*pro-pg*/

.propg li{width:33.33%; float: left; padding:20px;}
.propg li a{background-color: #FFFFFF; padding-bottom: 6px; border-bottom: #2d5f9a 3px solid; }
.propg li a,.products li a div{overflow: hidden; display: inline-block; width:100%; border-left: 1px solid #DDD; border-right:1px solid #DDDDDD;}
.propg li a:hover img{transform: scale(1.2); transition: all .4s;}
.propg li a:hover p{color: #007bff;}
.propg li img{width:273px; height: 210px; display: block; transition: all .4s; margin:0;}
.propg li p{display: inline-block; width:100%; margin:10px 0 5px; line-height: 25px; text-align: center; color: #121A21; text-indent: 0;}
.propg li a div{overflow: hidden;}

.prodetail>div{width:50%; float: left; padding:10px;}
.prodetail>div img{max-width:90%;}
.prodetail h1{padding-left: 10px;  margin-top:10px; margin-bottom: 20px; font-size: 20px; border-left: 2px solid #007bff; color: #007bff; line-height: 1;}
.prodetail h2{font-size: 15px; color:#C00000; margin:5px 0 10px 0;}
.page{margin:30px 0;}
.page li{padding:10px; line-height: 15px; color: #666666;}
.page li a{color: #666666;}
.page li a:hover{color: #378ED1;}


.service-box h3{
    color: #fff;
}
.service-box .ser_list li{
    margin-top: 20px;
    margin-bottom: 20px;
}
.service-box .ser_list li a{
    color: #fff;
    float: left;
}

.home .search-form form {
	background: #fff;
	/* border: 1px solid #ddd; */
	/* padding: 3px 10px; */
	position: relative;
	border-radius: 5px;
  }
  .home .search-form form input[type="text"]:hover{border:1px solid #666666;}
  .home .search-form form input[type="text"]:active{border:1px solid #666666;}
  .home  .search-form form input[type="text"] {
	border: 0;
	padding: 0px;
	width: calc(100% - 60px);
	outline: none;
	border: 1px solid #ddd;
	border-radius: 4px;
	height: 40px;
	padding-left: 11px;
	margin-top: 0px;
	width: 170px;
	margin-right: 59px;
  }
  .home  .search-form form button {
	position: absolute;
	top: 0px;
	right: -20px;
	bottom: 0px;
	border: 0;
	background: none;
	font-size: 16px;
	padding: 0 15px;
	margin: -1px;
	border-radius: 5px;
	background: #f1f3fc;
	color: #007bff;
	border: solid 1px #007bff;
	transition: 0.3s;
	outline: none;
  }
  .home  .search-form form button:hover {
	background: #007bff;
	color: white;
  }
  .home .search-form form button p{
      margin: 0px;
  }

  /*轮播图*/
.rmtj{
	/* padding: 20px 0 20px; */
	/* background: rgb(7,47,128,0.3); */
}
.rmtj .tit{
   color: #fff;
   margin-bottom: 30px;
}
.rmtj .tit h3{
   font-size: 24px;
   line-height: 24px;
   margin-bottom: 10px;
}
.rmtj .tit p{
   font-size: 14px;
   line-height: 14px;
   text-transform: uppercase;
}
.pc-banner{
	width: 100%;
	float: left;
}


/* foot */
.specials-section {
	padding: 2em 0;
	background: #222;
  }
  .specials-section h3 {
	  font-size: 3em;
	  text-transform: capitalize;
	  color: #fff;
	  font-family: 'ContrailOne-Regular';
	  margin-bottom: 0.5em;
  }
  .specialsl li {
	list-style: none;
  }
  .specials1 p {
	font-size: 1em;
	line-height: 2em;
	color: #999;
  }
  .specials1 ul li{
	list-style-type: none;
	 padding: 0.3em 0;
  }
  .specials1 p a {
	  color: #eee;
  }
  .specials1 ul li  a{
	font-size: 0.965em;
	text-decoration: none;
	line-height: 1.8em;
	color: #999;
	list-style: none;
	padding: 6px 24px;
	background: url(../images/list-arrow.png) no-repeat 0px 10px;
	text-transform: capitalize;
  }
  .specials1 ul li a:hover {
	color:#007bff;
  }


  .pageNum{height: 24px;line-height: 24px;text-align: center;margin-top: 30px;}
.pageNum span,.pageNum a{margin: 0 6px;line-height: 24px;}
.pageNum a.pagePrev,
.pageNum a.pageNext{font-size: 16px;font-weight: bold;font-family: "宋体";color: #167ece;}
.pageNum a.active{color: #167ece;}
.pageNum a.disabled{color: #ccc;}
.pageNum form{display: inline-block;vertical-align: top;height: 24px;display: inline;zoom: 1;vertical-align: middle;}
.pageNum form input{width: 60px;height: 22px;border: 1px solid #dcdcdc;text-align: center;line-height: 22px;color: #666;vertical-align: top;vertical-align: middle;}

.pageNum form button{height: 24px;padding: 0 14px;background: #167ece;color: #fff;vertical-align: top;cursor: pointer;vertical-align: middle;}


.racing-title{font-size: 3em;text-transform: capitalize;color: #333033;font-family: 'ContrailOne-Regular';margin-bottom: .5em;text-align: center;}


/* 搜索页面 */
.sousuo .sidebar {
	padding: 20px;
	margin: 0;
  }
  .sousuo .sidebar .search-form form {
	margin-left: 35%;
	width: 30%;
	background: #fff;
	/* border: 1px solid #ddd; */
	padding: 0px 10px;
	position: relative;
	border-radius: 50px;
  }
  .sousuo .sidebar .search-form form input[type="text"] {
	border: 0;
	padding: 0px;
	width: calc(100% - 90px);
	outline: none;
	border: 1px solid #ddd;
	border-radius: 5px;
	height: 45px;
	padding-left: 10px;
  }
  .sousuo .sidebar .search-form form input[type="text"]:hover{border: 1px solid #8EA3FF;}
  .sousuo .sidebar .search-form form input[type="text"]:active{border: 1px solid #2E4FDE;}
  .sousuo .sidebar .search-form form button {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	border: 0;
	background: none;
	font-size: 16px;
	padding: 0px 25px;
	margin: -1px;
	border-radius: 4px;
	background: #edf0ff;
	border: solid 1px #2E4FDE;
	color: #2E4FDE;
	transition: 0.3s;
	outline: none;
  }
  .sousuo .sidebar .search-form form button:hover {
	background: #2E4FDE;
	color: white;
  }


  .partnerDiv {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    width: 200px;
    height: 120px;
    padding: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.partnerImage {
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 100%;
}

.pagi-item {
    font-family: Roboto-Medium;
    font-size: 14px;
    line-height: 1.5;
    color: #007bff;
    width: 38px;
    height: 38px;
    border: 1px solid #007bff;
    margin: 0px 11px 0px -1px;
}
.racing-grid{
	height: 220px;
	transition: all ease 0.5s;
}
.racing-grid:hover{
	transform: translate3d(0px, -2px, 0px);
    box-shadow: 0 15px 30px #666;
	/* background-color: #007bff; */


}
.ho{
	transition: all ease 1s;
}
.ho:hover{
	transform: translate3d(0px, -2px, 0px);
    box-shadow: 0 15px 30px #666;
}
.container .m-b-25{
	font-family: NSimSun;

}
.loginfont{
	font-family: NSimSun;

}


