@charset "utf-8";
html{font: 14px 'Helvetica Neue','Microsoft Yahei',arial,helvetica,sans-serif;}
*{
	margin: 0;
	padding: 0;
	border:medium none;
	box-sizing:border-box;
	-moz-box-sizing:border-box; /* Firefox */
	-webkit-box-sizing:border-box; /* Safari */
}
a,img{border: 0;}
img{display: block;}
a{color: #333;text-decoration: none;}
a{transition: all 300ms ease-in-out;-webkit-transform: all 1000ms ease-in-out;}
a:hover{text-decoration: none;}
li {list-style-type: none;transition: all 300ms ease-in-out;-webkit-transform: all 1000ms ease-in-out;}
.wrapper{width: 1200px;margin:0px auto;}
.clear{clear: both;}
.clear:after{display: block;content: " ";clear: both;}
h1,h2,h3,h4,h5{font-weight: normal;}
body{
	min-width: 1200px;
	margin:0 auto;
}
.over-flow{
    overflow: auto; 
    zoom: 1; //处理兼容性问题
}
.clearfix:after {
	content: "";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearfix {
	zoom:1;
}
.swiper-slide img{
	width:100%;
}
.swiper-container{
	
}
/*toubu*/
.toubu{
	height: 35px;
	background: #414141;
}
.toubu .t-left{
	float: left;
	line-height: 35px;
	font-size: 12px;
	color:rgba(255,255,255,0.6);
	width:50%;
}
.toubu .t-right{
	float: right;
	position: relative;
	height: 35px;
}
.toubu .t-right.wx a.weixin{
	position: relative;
	z-index: 3;
}
.toubu .t-right.wx a.weixin img{
	position: absolute;
	width:110px;
	top:100%;
	left:50%;
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	display: none;
}
.toubu .t-right.wx a.weixin:hover img{
	display: block;
}
.t-right-fir{
	display: inline-block;
	font-size: 12px;
	color:rgba(255,255,255,0.6);
	line-height: 35px;
	position: relative;
}
.t-right-fir:nth-child(2){
	margin:0 18px;
}
.t-right-fir:nth-child(2):after{
	display: block;
	content:"";
	position: absolute;
	width:2px;
	height: 10px;
	background: url(../Image/toubu-bg2.png) no-repeat center;
	top:50%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	left:-11px;
}
.t-right-fir:hover{
	color:#fff;
}
.t-right-sec{
	display: inline-block;
	width:21px;
	height: 35px;
}
.t-right-sec:nth-child(1){
	background: url(../Image/t11.png) no-repeat center;
}

.t-right-sec:nth-child(2){
	background: url(../Image/t22.png) no-repeat center;
}

.t-right-sec:nth-child(3){
	background: url(../Image/t33.png) no-repeat center;
}

.t-right-sec.weixin:hover{

}
.t-right .tel{
	line-height: 40px;
	font-size: 22px;
	color:#fff;
	padding-left: 28px;
	background: url(../Image/tel.png) no-repeat center left;
	margin-left: 26px;
}

/*logo 电话*/
.top-bar{
	height: 120px;
	position: relative;
	transition: all 300ms ease-in-out;
    -webkit-transform: all 300ms ease-in-out;
    border-top: 4px solid #ececec;
}
.top-bar .wrapper{
	position: relative;
	height: 100%;
}
.top-bar .logo-img{
	position: absolute;
	left:0;
	top:50%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
}
.top-bar .logo-text{
	position: absolute;
	left:48%;
	top:50%;
	transform: translate(-50%,-50%);
	-webkit-transform: translate(-50%,-50%);
}
.top-bar .logo-text p:nth-child(1){
	font-size: 20px;
	color:#2a2a2a;
	font-weight: 700;
	text-align: center;
}
.top-bar .logo-text p:nth-child(2){
	font-size: 12px;
	color:#a3a3a3;
	text-align: center;
	margin-top: 6px;
}
.top-bar .logo-tel{
	/* width:228px; */
	position: absolute;
	right:0;
	top:65%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
}
.top-bar .logo-tel p:nth-child(1){
	font-size: 14px;
	color:#232323;
}
.top-bar .logo-tel p:nth-child(2){
	font-family: 'shuzi';
	font-size: 26px;
	color:#143c97;
	font-weight: 700;
}
.top-bar .top-em{
	position: absolute;
	right:0;
	top:0;
	background: url(../Image/em.png) no-repeat center;
	width:487px;
	height: 36px;
}
.top-bar .top-em ul li{
	float: right;
	padding-left: 27px;
	margin-right: 24px;
}
.top-bar .top-em ul li:nth-child(3){
	background: url(../Image/top-em-logo.png) no-repeat left center;
}
.top-bar .top-em ul li:nth-child(2){
	background: url(../Image/top-em-email.png) no-repeat left center;
}
.top-bar .top-em ul li:nth-child(1){
	background: url(../Image/top-em-en.png) no-repeat left center;
}
.top-bar .top-em ul li a{
	display: block;
	line-height: 36px;
	font-size: 14px;
	color:#383838;
	font-weight: 700;
}
.top-bar .top-em ul li.en a{
	float: left;
	position: relative;
}
.top-bar .top-em ul li.en a.active {
    color: #009c14;
}
.top-bar .top-em ul li.en a:nth-child(1){
	margin-right: 7px;
}
.top-bar .top-em ul li.en a:nth-child(1):after{
	position: absolute;
	display: block;
	content:"";
	width: 2px;
    height: 18px;
    right: -5px;
    top: 8px;
	background: #383838;
}
.search {
    width: 260px;
    height: 40px;
    text-indent: 20px;
    outline: none;
    background: none;
    color:#5b5b5b;
    float: left;
    border:1px solid #bbb;
    border-radius: 20px;
}
.sousuo form{
	position: relative;
}
.sousuotijiao {
    width: 31px;
    height: 40px;
    background: url("../Image/f-sou.png") no-repeat center;
    cursor: pointer;
    outline: none;
    position: absolute;
    right: 16px;
}
::-webkit-input-placeholder { /* WebKit browsers */
    color:#bbb;
    font-size:14px;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
  	color:#bbb;
    font-size:14px;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
    color:#bbb;
    font-size:14px;
}
:-ms-input-placeholder { /* Internet Explorer 10+ */
    color:#bbb;
    font-size:14px;
}
/*导航栏*/
.headerbox{
	width:100%;
	background:#fff;
	position: fixed;
	top:0;
	left:0;
	transition: all 300ms ease-in-out;
	-webkit-transform: all 1000ms ease-in-out;
	z-index: 100;
}
.header{
	position: relative;
	margin:0 auto;
	background: #f4f4f4;
}

.header .nav{
	position: relative;
	border-top: 1px solid #cfcfcf;
}
.header .nav ul{
	margin:0;
}
.header .nav>ul>li{
	float: left;
	width:150px;
	text-align: center;
	position: relative;
	transition: all 300ms ease-in-out;
	-webkit-transform: all 300ms ease-in-out;
	cursor: pointer;
}
.header .nav>ul>li>a {
	display: block;
	text-align: center;
	font-size: 16px;
	color:#363636;
	font-weight: 700;
	line-height: 55px;
	transition: all 300ms ease-in-out;
	-webkit-transform: all 300ms ease-in-out;
	position: relative;
	border-right: 1px solid #fff;
}
.header .nav>ul>li:last-child>a{
	border-right: none;
}

.shownavlist{
    position: absolute;
    top:100%;
    left:0;
    width:100%;
    z-index:99;
    visibility: hidden;
}
.shownavlist.hiden{
	visibility: visible;
}
.shownavlist a{
    display: none;
    font-size:14px;
    color: #5d5d5d;
    line-height: 40px;
    background: rgba(255, 255, 255, 0.9);
    width:100%;
    display: block;

    text-align: center;
    -webkit-transform: rotateY(-90deg);
    -moz-transform: rotateY(-90deg);
    -ms-transform: rotateY(-90deg);
    -o-transform: rotateY(-90deg);
    transform: rotateY(-90deg);
    -webkit-transition: 300ms 0s all ease;
    -moz-transition: 300ms 0s all ease;
    -ms-transition: 300ms 0s all ease;
    -o-transition: 300ms 0s all ease;
    transition: 300ms 0s all ease;
}
.shownavlist a:hover{
    color: #fff;
    background: #009c14;
}
.shownavlist a:last-of-type{
    border-bottom:3px solid #009c14;
}
.navrotate{
    display: block;
    
    -webkit-transform: rotateY(0deg)!important;
    -moz-transform: rotateY(0deg)!important;
    -ms-transform: rotateY(0deg)!important;
    -o-transform: rotateY(0deg)!important;
    transform: rotateY(0deg)!important;
}
.bannerbox.scroll{
	margin-top: 70px;
}
.headerbox.scroll{
	box-shadow: 0px 0px 15px #3a3a3a;
}
.headerbox.scroll .toubu{
	display: none;
}
.headerbox.scroll .header .nav>ul>li>a{
	line-height: 50px;
}
.headerbox.scroll .inputbox input{
	line-height: 70px;
}
.header-m.scroll {
    box-shadow: 0px 0px 15px #3a3a3a;
}
.headerbox.scroll .slide .ttop{
	line-height: 70px;
}

.headerbox.scroll .cplist ul li>a{
	line-height: 70px;
}
.headerbox.scroll .searchbox{
	height: 70px;
}
.headerbox.scroll .logo img{
	margin-top: 7px;
}
.headerbox .nav ul li .erji{
	top:100%;
}

.titlebox {
	text-align: center;
}
.titlebox .fir{
	font-size: 28px;
	color:#1e1e1e;
	font-weight: 700;
}
.titlebox .fir span{
	color:#c2c2c2;
}
.titlebox .sec{
	font-size: 16px;
	color:#818181;
	letter-spacing: 10px;
	margin:15px 0;
}
.titlebox img{
	margin:0 auto;
	margin-bottom: 35px;
}

/*产品*/

@font-face {
 font-family: 'bedas';
 src: url('../font/BEBAS.TTF');
}
.pro{
	padding:65px 0;
}
.pro-left{
	width:410px;
	float: left;
	background: #f1f5f8;
	padding:20px 30px;
	height: 331px;
}
.tbox{
	margin-bottom: 15px;
}
.tbox em{
	font-size: 18px;
	color:#292929;
	font-weight: 700;
	float: left;
	font-style: inherit;
}
.tbox span{
	display: block;
	color:#d7d7d7;
	font-family: 'bedas';
	font-weight: 500;
	margin-left: 10px;
	float: left;
	font-size: 18px;
	text-transform: uppercase;
}
.tbox a{
	display: block;
	float: right;
	width:21px;
	height: 21px;
	background: url(../Image/t-more.png) no-repeat center;
}
.pro ul li a{
	display: block;
	font-size: 14px;
	color:#616161;
	font-weight: 700;
	padding-left: 22px;
	line-height: 35px;
	border-bottom: 1px dashed #d7d7d7;
	background: url(../Image/pro-type-bg.png) no-repeat left center;
}
.pro .pro-leftsec{
	float: left;
	width:370px;
	height: 331px;

}
.pro .pro-leftsec .pro-l-t a{
	display: block;
	position: relative;
}
.pro-l-t{
	margin-bottom: 26px;
}
.pro-l-t .imgbox{
	float: left;
	width:244px;
	overflow: hidden;
	height: 150px;
	position: relative;
	z-index: 1;
}
.pro-l-t .imgbox img{
	width:100%;
	height: 100%;
	object-fit: cover;
	transition: all 300ms ease-in-out;
    -webkit-transform: all 1000ms ease-in-out;
}
.pro-l-t:hover .imgbox img{
	transform: scale(1.05);
}
.pro-l-t .textbox{
	position: absolute;
	right:0;
	top:0;
	width:140px;
	height: 150px;
	background: url(../Image/yan.png) no-repeat center;
	z-index: 2;
	padding:37px 0 0 30px;
}
.pro-l-t .textbox .fir{
	font-weight: 700;
	font-size: 18px;
	color:#fff;
	margin-bottom: 5px;
}
.pro-l-t .textbox .sec{
	font-size: 18px;
	color:#fff;
	font-family: 'bedas';
	text-transform: uppercase;

}
.pro-l-b .newsbox .imgbox{
	float: left;
	width:150px;
	height: 116px;
	overflow: hidden;
}
.pro-l-b .newsbox .imgbox img{
	width:100%;
	height: 100%;
	object-fit: cover;
	transition: all 300ms ease-in-out;
    -webkit-transform: all 1000ms ease-in-out;
}
.pro-l-b .newsbox:hover .imgbox img{
	transform: scale(1.05);
}
.pro-l-b .textbox{
	float: right;
	width:210px;

}
.pro-l-b .textbox .title{
	font-size: 16px;
	color:#292929;

}
.pro-l-b .textbox .con{
	font-size: 14px;
	color:#838383;
	line-height: 20px;
	text-align: justify;
	margin-top: 10px;
	
}
.pro .pro-leftsec:nth-child(3) .pro-l-t .textbox{
	background: url(../Image/yan1.png) no-repeat center;
	
}
.pro .pro-leftsec  .li{
	width:100%;
	height: 145px;
	background: url(../Image/li.jpg) no-repeat center;
	padding:14px 6px;
}
.pro .pro-leftsec .li p{
	font-size: 14px;
	color:#838383;
	line-height: 30px;
}

.about{
	padding-bottom: 60px;
}
.about .a-left{
	float: left;
	width:770px;
	
}
.about .a-left .con{
	font-size: 14px;
	color:#6f6f6f;
	line-height: 28px;
	text-align: justify;
}
.about .a-left .con a{
	color:#1266be;
	font-weight: 700;
}
.about .a-right{
	width:383px;
	height: 280px;
	float: right;
	position: relative;
}
.swiper-container-rong .swiper-slide{
	width:100%;
}
.swiper-container-rong .swiper-slide a{
	width:100%;
}
.swiper-container-rong .swiper-slide a .imgbox{
	width:100%;
	height: 280px;
}
.swiper-container-rong .swiper-slide a .imgbox img{
	width:100%;
	height: 100%;
	object-fit: contain;
}
/*footer*/
.footer{
	background:#363636;
	padding:25px 0;
	
}
.footer .f-left{
	width:466px;
	float: left;
}
.f-left .erbox{
	float: left;
	width:100px;
	text-align: center;
}
.f-left .erbox img{
	width:100%;
}
.f-left .erbox p{
	font-size: 12px;
	color:#8a8a8a;
	margin-top: 5px;
}
.f-left .libox{
	float: left;
	margin-left: 20px;
}
.f-left .libox p{
	font-size: 14px;
	color:#8a8a8a;
	line-height: 24px;
}
.f-right{
	float: right;
}
.f-right ul li{
	float: left;
	margin-left: 35px;
}
.f-right ul li a{
	font-size: 14px;
	color:#fff;
	font-weight: 700;
}
.f-right ul li a:hover{
	color: #009c14;
}

.last-center ul{
	margin-top: 10px;
}
.last-center ul li{
	float:left;
	padding:5px 20px;

}
.last-center ul li a{
	display: block;
	color:#747474;
	font:14px 'Microsoft YaHei';
}
.last-center p{
	font:14px 'Microsoft YaHei';
	color:#747474;
	line-height: 60px;
	text-align: right;
}
.last-center p a{
	color:#747474;
}
.last-right{
	position: inherit;
	
}
.last-right a{
	font:14px 'Microsoft YaHei';
	color:#747474;
	line-height: 60px;
}
/*固定的悬浮窗*/
/* .yb_conct{position:fixed;z-index:9999999;top:200px;right:-127px;cursor:pointer;transition:all .3s ease;}
.yb_bar ul li{width:180px;height:53px;font:16px/53px 'Microsoft YaHei';color:#fff;text-indent:54px;margin-bottom:3px;border-radius:3px;transition:all .5s ease;overflow:hidden;}
.yb_bar .yb_top{background:#1266be url(../Image/fixCont.png) no-repeat 0 0;}
.yb_bar .yb_phone{background:#1266be url(../Image/fixCont.png) no-repeat 0 -57px;}
.yb_bar .yb_QQ{text-indent:0;background:#1266be url(../Image/fixCont.png) no-repeat 0 -113px;}
.yb_bar .yb_QQ1{text-indent:0;background:#1266be url(../Image/fixCont.png) no-repeat 0 -169px; }
.yb_bar .yb_QQ1 a{
	text-indent: 54px;
	width: 100%;
    height: 100%;
    color: #fff;
    display: block;
}
.yb_bar .yb_ercode{background:#1266be url(../Image/fixCont.png) no-repeat 0 -226px;}
.hd_qr{display: block;margin:0 auto;}
.yb_QQ a{display:block;text-indent:54px;width:100%;height:100%;color:#fff;} */

.pro-title-box{
	border-bottom: 1px dashed #666;
}
.pro-title-box p{
	font-size: 14px;
	color:#666;
	line-height: 40px;
	
	float: left;
}
.fr{
	float: right;
}
.fr p{
	line-height: 40px !important;
}
.fr p a{
	font-size: 12px;
	color:#0066cc;
}
.fr img{
	display: inline-block;
}

.chanping-leftsec{
	display: none;
}
#sidebar{
	display: block;
}
#sidebarsec{
	display: none;
}

.yingyong-list ul li{
	float: left;
	width: 284px;
    
	margin-bottom: 25px;
	transition: all 300ms ease-in-out;
    -webkit-transform: all 300ms ease-in-out;
    transition: all .2s ease-in;
}
.yingyong-list ul li:hover{
	-webkit-box-shadow: 0 5px 30px rgba(0, 0, 0, 0.18);
    box-shadow: 0 5px 30px rgba(0, 0, 0, 0.18);
    -webkit-transform: translate3d(0, -2px, 0);
    transform: translate3d(0, -2px, 0);
}

.anli ul li{
	margin-right: 21px;
}
.anli ul li:nth-child(4n){
	margin-right: 0;
}
.yeji ul li{
	margin-right: 10px;
	width:191px;
}
.yeji ul li:nth-child(5n){
	margin-right: 0;
}
.yingyong-list ul li a{
	display: block;
}
.yingyong-list ul li a .imgbox{
	width:100%;
	height: 233px;
	position: relative;
	overflow: hidden;
	/* border: 3px solid #1266be; */
}
.yingyong-list ul li a .imgbox .yy-img{
	position: absolute;
	max-width: 100%;
	max-height: 100%;
	top:50%;
	left:50%;
	transform: translate(-50%,-50%);
	-webkit-transform: translate(-50%,-50%);
	transition: all 300ms ease-in-out;
    -webkit-transform: all 1000ms ease-in-out;
}
.yingyong-list ul li a .imgbox .cover-img{
	width: 100%;
    height: 100%;
    margin: auto;
    object-fit: contain;
}
.yeji ul li a .imgbox .cover-img{
	width: 90%;
    height: 90%;
    object-fit: contain;
    object-position: bottom;
    
}
.anli ul li a .imgbox .cover-img{
	width:100%;
	height: 100%;
	object-fit: cover;
}
.yiqi ul li a .imgbox .cover-img{
	width:100%;
	height: 100%;
	object-fit: contain;
}

.yingyong-list ul li a p{
	display: block;
    text-align: center;
    height: 40px;
    line-height: 40px;
    color: #000;
}
.yiqi ul li a p{
	line-height: inherit;
}
.yeji ul li a p{
	line-height: inherit;
}
.yingyong-list ul li:hover a .imgbox .yy-img{
	transform: translate(-50%,-50%) scale(1.05);
	-webkit-transform: translate(-50%,-50%) scale(1.05);
}
.yingyong-list ul li:hover a p{
	
}
.swiper-container-banner{
	display: none;
}
.samll-banner{
	display: none;
}
.samll-banner img{
	width:100%;
}

.yeji ul li a .imgbox{
	height: 160px;
}