@charset "utf-8";a,abbr,acronym,address,applet,b,big,blockquote,body,caption,cite,code,dd,del,dfn,div,dl,dt,em,fieldset,font,form,h1,h2,h3,h4,h5,h6,html,iframe,ins,kbd,label,legend,li,object,ol,p,pre,q,s,samp,small,span,strike,strong,sub,sup,table,tbody,td,tfoot,th,thead,tr,tt,ul,var{margin:0;padding:0;font-family:"Microsoft Yahei",'PingFang SC','Helvetica Neue','Hiragino Sans GB',SimSun}
:focus{outline:0}
b,i{font-style:normal}
html{overflow-x:hidden}
ol,ul{list-style:none}
h1,h2,h3,h4,h5,h6{font-weight:400;font-size:100%;margin:0;padding:0;}
table{border-collapse:separate;border-spacing:0}
caption,td,th{text-align:left;font-weight:400}
blockquote:after,blockquote:before,q:after,q:before{content:''}
blockquote,q{quotes:'' ''}
a img{border:0}
b,em,strong{font-weight:400;font-style:normal}
input{border:none}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
.clearfix:after,.clearfix:before{display:table;content:" "}
.clearfix:after{clear:both}
*{box-sizing:border-box}
:after,:before{box-sizing:border-box}
body{min-width:1200px;background:#fff;font:14px/1.5 SimHei,Tahoma,Geneva,sans-serif!important}
a{text-decoration:none}
.fr{float:right}
.fl{float:left}
.mt{margin:30px 0;}
.p50{padding:60px 0 0 0;}
.w1200{width:1200px;height:auto;margin:0 auto;}
.fn-clear:after {
 visibility: hidden;
 display: block;
 font-size: 0;
 content: " ";
 clear: both;
 height: 0;
}

.fn-clear {
 zoom: 1;
}
/*导航*/
.top{
	width: 100%;
	height: 100px;
	background: #0083fd;
}
.nav_list .logo{
	width: 74px;
	height: auto;
	margin-top: 17px;
}
.nav_list .logo img{
	display: block;
	width: 100%;
}
.nav_list .nav{
	overflow: hidden;
}
.nav_list .nav ul li{
	float:left;
	padding:0 20px;
	height: 100px;
	line-height: 100px;
}
.nav_list .nav ul li a{
	font-size: 15px;
	color:#fff;
}
.nav_list .nav ul li:hover,.nav_list .nav ul li.active{
	background: #db0433;
}
.nav_list .nav ul li:hover a，.nav_list .nav ul li.active a{
	color:#fff;
}
.nav_list .zy{
	line-height: 100px;
	color:#e1e1e1;
	font-size: 15px;
	margin-left: 25px;
}
.nav_list .zy a{
	color:#e1e1e1;
	font-size: 15px;
}


/*banner*/
.index_banner{
	width: 100%;
}
.index_banner .swiper-container{
	width: 100%;
}
.index_banner img{
	width:100%;
}
.index_banner .swiper-pagination-bullet{
	width: 46px;
	height: 5px;
	border-radius: 0;
}
.index_banner .swiper-pagination-bullet-active{
	background: #0083fd;
}

/*产品中心*/
.index_pro .title{
	text-align: center;
	margin-bottom: 30px;
	margin-top:60px;
}
.title h5{
	font-size:24px;
	color:#000;
}
.title h6{
	font-size: 14px;
	color:#87b3fd;
	margin-top:7px;
}
.title h6 span{
	color: #b6b6b6;
}
.title h6 span:nth-child(1){
	margin-right: 20px;
}
.title h6 span:nth-child(2){
	margin-left: 20px;
}
.tabBox{
	width: 100%;
}
.tabBox .hd{
	width: 100%;
	margin-bottom: 5px;
}
.tabBox .hd ul{ 
	/*position:absolute; */
	width:100%; 
	height:auto; 
	overflow:hidden;
}
.tabBox .hd li{
	width: 132px;
	height: 45px;
	line-height: 45px;
	border:1px solid #dcdcdc; 
	float:left; 
	margin-right: 20px;
	border-radius: 5px;
	text-align:center;
}
.tabBox .hd li a{ 
	color:#6f6f6f; 
}
.tabBox .hd li:nth-child(8n){
	margin-right: 0;
}
.tabBox .hd li.on{
	background:#0083fd;
	border:none;
}
.tabBox .hd li.on a{ 
	color:#fff;  
}
.tabBox .bd ul{
	overflow:hidden;  
}
.tabBox .bd ul li{
	/*width:285px;*/
	width: 585px;
	float:left; 
	overflow:hidden; 
	margin-right:20px; 
	display:inline;  
	margin-top:20px;
	position: relative;
}
.tabBox .bd ul li .i_img{
	width:100%; 
	height:300px; 
}
.tabBox .bd ul li .i_img img{ 
	width:100%; 
	height:100%; 
	display:block; 
}
.tabBox .bd ul li:nth-child(2n){
	margin-right: 0;
}
.tabBox .bd ul li .img_bg{
	position: absolute;
	width: 100%;
	height: 300px;
	background: rgba(0,131,253,0.4);
	top:350px;
    transition: all 0.5s;
}
.tabBox .bd ul li .i_text{
	position: absolute;
	left:16%;
	top:-300px;
	font-size: 18px;
	color:#fff;
	padding:20px 0;
	border-top:1px solid #fff;
	border-bottom:1px solid #fff;
	transition: all 0.5s;
	width: 70%;
	margin:0 auto;
	text-align: center;
}
.tabBox .bd ul li:hover .img_bg{
	top:0;
}
.tabBox .bd ul li:hover .i_text{
	top:120px;
}

/*产品中心*/
.product_case{
	width: 100%;
}
.product_case ul li{
	width:585px;
	float:left; 
	overflow:hidden; 
	margin-right:20px; 
	display:inline;  
	margin-top:20px;
	position: relative;
}
.product_case ul li .i_img{
	width:100%; 
	height:300px; 
}
.product_case ul li .i_img img{ 
	width:100%; 
	height:100%; 
	display:block; 
}
.product_case ul li:nth-child(2n){
	margin-right: 0;
}
.product_case ul li .img_bg{
	position: absolute;
	width: 100%;
	height: 300px;
	background: rgba(0,131,253,0.4);
	top:350px;
    transition: all 0.5s;
}
.product_case ul li .i_text{
	position: absolute;
	left:16%;
	top:-300px;
	font-size: 18px;
	color:#fff;
	padding:20px 0;
	border-top:1px solid #fff;
	border-bottom:1px solid #fff;
	transition: all 0.5s;
	width: 70%;
	margin:0 auto;
	text-align: center;
}
.product_case ul li:hover .img_bg{
	top:0;
}
.product_case ul li:hover .i_text{
	top:120px;
}

/*公司简介*/
.a_1{
	position: relative;
	margin:50px 0 0 0;
}
.a_1 .a_le{
	width: 50%;
}
.a_le img{
	width: 100%;
	height: auto;
}
.a_1 .a_re{
	width: 50%;
	height: 100%;
	background: #f0f0f0;
	padding:3%;
	position: absolute;
	top:0;
	right: 0;
}
.a_re h5{
	font-size: 24px;
	color:#000;
}
.a_re h5 span{
	font-size: 14px;
	color:#6f6f6f;
}
.a_re .a_x{
	font-size: 14px;
	color:#494949;
	line-height: 30px;
	margin-top:15px;
}
.a_re .a_link{
	width: 150px;
	height: 47px;
	background: #0083fd;
	text-align: center;
	line-height: 47px;
	margin-top:30px;
}
.a_re .a_link a{
	color:#fff;
	font-size:16px;
}
.a_re .a_link:hover{
	background: #db0433;
	transition: 0.5s;
}

/*公司优势*/
.ad_list{
	margin-top:10px;
	overflow: hidden;
}
.ad_list dl{
	width: 47%;
	margin-right: 6%;
	float:left;
	overflow: hidden;
	margin-top: 45px;
}
.ad_list dl:nth-child(2n){
	margin-right: 0;
}
.ad_list dl dt{
	width: 110px;
	height: 110px;
	float:left;
}
.ad_list dl dt img{
	width: 100%;
	height: 100%;
}
.ad_list dl dd{
	width: 77%;
	float:right;
}
.ad_list dl dd h5{
	padding-bottom: 10px;
	border-bottom: 1px solid #c2c2c2;
	font-size: 15px;
	color:#4b4b4b;
	margin: 10px 0;
}
.ad_list dl dd p{
	font-size: 14px;
	color:#7b7b7b;
	line-height: 25px;
}

/*新闻动态*/
.news_con{
	background: #f2f3f8;
	padding-bottom: 70px;
	padding-top: 10px;
	margin-top: 80px;
}
.index_news{
	overflow: hidden;
}
.index_news dl{
	width: 277px;
	height: auto;
	float:left;
	margin-right: 30px;
	margin-top:30px;
	background:#fff;
}
.index_news dl dt{
	width: 100%;
	height: 190px;
}
.index_news dl dt img{
	width: 100%;
	height: 100%;
}
.index_news dl dd{
	width: 95%;
	margin:0 auto;
	padding:15px 0;
}
.index_news dl dd h3{
	font-size:15px;
	text-align: center;
	color:#313131;
	overflow:hidden;
	text-overflow:ellipsis;
	-o-text-overflow:ellipsis;
	white-space:nowrap;
}
.index_news dl dd h4{
	color:#9d9c9c;
	text-align: center;
	font-size: 13px;
	margin:3px 0 4px 0;
}
.index_news dl dd h5{
	font-size: 14px;
	color:#212121;
	line-height: 23px;
	margin-top:10px;
}
.index_news dl .ne_link{
	width: 120px;
	height: 30px;
	text-align: center;
	line-height: 30px;
	background: #0083fd;
	margin:0 auto;
	margin-bottom: 25px;
	margin-top:10px;
}
.index_news dl .ne_link a{
	color:#fff;
}
.index_news dl:hover{
	background: #0083fd;
}
.index_news dl:hover .ne_link{
	background: #fff;
}
.index_news dl:hover .ne_link a{
	color:#0083fd;
}
.index_news dl:hover h3,.index_news dl:hover h4,.index_news dl:hover h5{
	color:#fff;
}
.index_news dl:nth-child(4){
	margin-right: 0;
}



/*底部*/
/*footer*/
.footer{
	background-color: #0068c8;
}
.footer-nav{
	height: 60px;
	background-color: #0379e7;
}
.footer-nav a{
	float: left;
	width: 150px;
	text-align: center;
	line-height: 60px;
	font-size: 15px;
	color: #fff;
}
.footer-box{
	box-sizing: border-box;
	padding: 30px 50px;
}
.logo2{
	float: left;
	width: 203px;
	margin-top: 40px;
}
.logo2 img{
	width: 100%;
	height: auto;
}
.logo2 span{
	display: block;
	font-size: 12px;
	color: #eee;
	text-align: center;
	line-height: 30px;
}
.footer-box ul{
	float: left;
	margin-left: 50px;
}
.footer-box ul li{
	float: left;
}
.footer-box ul li{
	margin-left: 48px;
}
.footer-box ul li:first-child{
	margin-left: 0;
	margin-right: 50px;
}
.footer-box ul li h4{
	font-size: 18px;
	color: #eee;
	margin-bottom: 10px;
}
.footer-box ul li p{
	font-size: 14px;
	color: #eee;
	margin-bottom: 5px;
}
.footer-box ul li a{
	color: #eee;
}
.footer-box ul li:nth-child(2){
	padding-top: 40px;
}
.footer-box ul li:last-child{
	padding-top: 20px;
}
.footer-box ul li:last-child img{
	width: 120px;
	height: 120px;
}
.footer-box ul li:last-child span{
	display: block;
	font-size: 12px;
	color: #EEEEEE;
	text-align: center;
	margin-top: 5px;
}

/*menu*/
.content{width: 1200px;height: auto;margin:0 auto;overflow: hidden;margin-bottom: 25px;margin-top:15px;}
.menu{
 width: 205px;
 float: left;
}
.menu h2{
 height: 64px;
 color: #fff;
 background-color: #0379e7;
 border-radius: 3px;
 box-sizing: border-box;
 font-size: 24px;
 color: #fff;
 padding-left: 35px;
 padding-top: 15px;
 position: relative;
}
.menu h2 i{
 display: block;
 width: 17px;
 height: 7px;
 background: url(../images/menu_b.png) no-repeat center center;
 position: absolute;
 right: 30px;
 top: 30px;
}
.menu div{
 margin-top: 15px;
}
.menu div a{
 display: block;
 font-size: 16px;
 height: 48px;
 background-color: #f4f3f3;
 border-bottom: 1px solid #e6e5e5;
 font-size: 16px;
 color: #333;
 padding-left: 30px;
 overflow: hidden;
}
.menu div a span{
 display: block;
 height: 20px;
 margin-top: 14px;
 width: 135px;
 border-right: 2px solid #cecece;
}
.menu div a.active span,.menu div a:hover span{
 border-color: #db0433;
 color: #db0433;
}

/*面包屑导航*/
/*crumb*/
/*.crumb {
 margin: 15px 0 40px;
}*/
.crumb h2{
 float: left;
 line-height: 46px;
 font-size: 16px;
 color: #666;
}
.crumb ul{
 float: right;
}
.crumb ul li{
 float: left;
 line-height: 46px;
 font-size: 12px;
 color: #999;
}
.crumb ul li a{
 color: #999;
 margin: 0 5px;
}
.crumb1 ul li:last-child a{
 color: #0379e7;
}
.crumb1 ul li:first-child{
 padding-left: 30px;
 background: url(../images/home.png) no-repeat left center;
}
.crumb{
 border-bottom: 1px dashed #dadada;
 position: relative;
 overflow: hidden;
}
.crumb1 i{
 display: block;
 width: 38px;
 height: 2px;
 background-color: #0379e7;
 position: absolute;
 bottom: -1px;
 left: 0;
}
.content-r{width: 960px;}

/*产品中心crumb*/
.crumb1{
	border-bottom: 1px solid #ccc;
	margin-bottom: 30px;
	overflow: hidden;
}
.mains{
	background-color: #F5F5F5;
	overflow: hidden;
	min-height: 500px;
	padding-bottom: 50px;
}
.crumb-box ul{
	float: left;
}
.crumb-box ul li{
	float: left;
	line-height: 66px;
	font-size: 14px;
    color: #666;
    padding:0 2px;
}
.crumb-box ul li a{
	font-size: 14px;
    color: #666;
    font-weight: normal;
}
.crumb-box .tab{
	float: right;
}

.crumb-box .tab dl{
    float: left;
    margin-left: 10px;
    position: relative;
    width: 80px;
    /*height: 66px;*/
    text-align: center;
}
.crumb-box .tab dl a{
	font-size: 16px;
	display: block;
	color: #343434;
	font-weight: bold;
	height: 35px;
	margin-top: 15px;
	line-height: 35px;
}
.crumb-box .tab dl a.active,.crumb-box .tab dl a:hover{
	color: rgb(219, 4, 51);
	font-weight: bold;
}
.crumb-box .tab dl:first-child{
	margin-left: 0;
}
.crumb-box .tab dl ul{
	width: 100%;
	display: none;
}
.crumb-box .tab dl ul li:first-child{
	background: none;
}
.crumb-box .tab dl ul li{
	text-align: center;
	height: 35px;
	line-height: 35px;
	float: none;
}
.crumb-box .tab dl ul li a{
	color: #343434;
	font-size: 14px;
	font-weight: normal;
}
.crumb-box .tab dl:hover ul{
	display: block;
}
.crumb-box .tab dl ul li:first-child{
	padding-left: 0;
}
.crumb-box .tab dl ul li:hover a{
	color: rgb(219, 4, 51);
	font-weight: normal;
}
.crumb1{
	overflow: hidden;
	background: rgba(255,255,255,0.5);
	transition: 0.6s;
}
.crumb1 .m_bg{
	width: 100%;
	background: rgba(0,0,0,0.5);
	position: absolute;
	top:66px;
	left: 0;
	min-height: 400px;
	display: none;
}
.crumb-box .tab dl:hover .crumb1 .m_bg{
	display: block;
}


/*新闻中心*/
.news-l{
 width: 870px;
 padding:25px 0;
}
.news-l li>a{
 float: left;
 display: block;
 width: 228px;
 height: 151px;
}
.news-l li>a img{
 width: 100%;
 height: 100%;
}
.news-l li div{
 float: right;
 width: 620px;
}
.news-l li div h4 a{
 font-size: 18px;
 color: #333;
 line-height: 24px;
 display: block;
 overflow: hidden;
 text-overflow: ellipsis;
 white-space: nowrap;
}
.news-l li:hover div h4 a{
 text-decoration: underline;
 color: #0379e7;
}
.news-l li div p{
 font-size: 12px;
 color: #666;
 line-height: 24px;
/* height: 48px;
 overflow: hidden;*/
 margin-top: 20px;
 margin-bottom: 30px;
}
.news-l li div span{
 display: block;
 font-size: 12px;
 color: #676767;
 line-height: 24px;
}
.news-l li{
 margin-bottom: 40px;
 padding-bottom: 25px;
 border-bottom: 1px dashed #ccc;
}
.news-r{
 width: 280px;
}
.news-r i{
 display: block;
}
.news-r i img{
 width: 100%;
 height: auto;
}
.news-r div{
 background-color: #f6f7fb;
 width: 100%;
 margin-top: 15px;
 padding-bottom: 30px;
}
.news-r div h3{
 font-size: 16px;
 color: #333;
 font-weight: bold;
 padding: 30px 0 20px 90px;
 background: url(../img/news/bg.jpg) no-repeat 30px center;
 border-bottom: 1px solid #dddee0;
}
.news-r div h3 span{
 display: block;
 font-weight: normal;
 font-size: 12px;
}
.news-r form{
 padding: 0 25px;
}
.news-r li label{
 font-size: 12px;
 line-height: 24px;
 color: #999;
 display: inline-block;
 width: 70px;
 text-align: right;
}
.news-r li input{
 display: inline-block;
 height: 24px;
 line-height: 24px;
 font-size: 12px;
 color: #999;
 background-color: transparent;
}
.news-r li{
 padding-bottom: 5px;
 border-bottom: 1px solid #dddee0;
 margin-top: 30px;
}
.news-r .submit{
 display: block;
 width: 100%;
 font-size: 12px;
 color: #fff;
 text-align: center;
 height: 50px;
 line-height: 50px;
 background-color: #ffa009;
 margin-top: 20px;
}

/*详情页*/
.xq-tit{
	margin-top:25px;
 border-bottom: 1px dashed #ccc;
}
.xq-tit h2{
 font-size: 20px;
 color: #333;
 line-height: 24px;
 text-align: center;
}
.xq-tit p{
 font-size: 14px;
 line-height: 24px;
 color: #999;
 text-align: center;
 margin: 5px 0;
}
.xq-tit p span{
 margin: 0 10px;
}
.news-xq{
 margin-top: 25px;
}
.news-xq p{
 font-size: 14px;
 line-height: 30px;
 color: #666;
 text-indent: 2em;
}
.news-xq img{
 width: 80%;
 height: auto;
 margin: 20px auto;
}
.news-xq ul{
 margin-top: 20px;
 border-top: 1px solid #ccc;
 padding-top: 20px;
}
.news-xq ul li a{
 font-size: 12px;
 color: #999;
 line-height: 30px;
}
.news-xq ul li:first-child{
 margin-bottom: 20px;
 padding-left: 30px;
 background: url(../img/news/fh.png) no-repeat left center;
}
.news-fh ul li:first-child{
	padding-left: 0;
}

/*分页*/
.page-box {
	margin-bottom: 30px;
	margin-top: 40px;
}
.page-box div{
	display: flex;
	display: -webkit-flex;
	justify-content: center;
}
.page-box a{
	display: block;
	padding: 6px 15px;
	font-size: 14px;
	color: #666;
	box-sizing: border-box;
	border: 1px solid #ddd;
	margin: 0 5px;
	border-radius: 3px;
}
.page-box strong{
	display: block;
	padding: 6px 15px;
	font-size: 14px;
	color: #666;
	background-color: #0083fd;
	color: #fff;
	margin: 0 5px;
	border-radius: 3px;
}


/*关于我们*/
.about p {
    font-size: 14px;
    color: #333;
    /*text-indent: 2em;*/
    line-height: 26px;
    margin-bottom: 12px;
}
.about img{
	max-width: 100%;
	margin:15px 0;
	display: inline;
}

/*在线留言*/
.team_fr .meas_con{
	width: 95%;
}

.meas_con form{
	width:80%;
}
.meas_con .first_input{
	overflow: hidden;
	margin-bottom: 25px;
}
.first_input h5{
	width:13%;
	float:left;
	line-height: 35px;
	font-size: 15px;
	color:#505050;
	font-weight: normal;
}
.first_input input{
	width:85%;
	float:right;
	height: 35px;
	line-height: 35px;
	border-radius: 2px;
	padding-left:5px;
	border:1px solid #ccc;
}
.first_input textarea{
	width:84.9%;
	height: 160px;
	border:none;
	border:1px solid #ccc;
	border-radius: 2px;
	margin-left: 15px;
}
.meas_con .inp01{
	width: 160px;
	height: 40px;
	line-height: 40px;
	margin:0 auto;
	margin-top:40px;
	background: #db0433;
	text-align: center;
	border-radius: 5px;
}
.meas_con .inp01 .n_link{
	color:#fff;
	background: #db0433;
	font-size:16px;
	/*line-height: 40px;*/
}

.meas_con form h2{
	text-align: left;
	font-size: 20px;
	font-weight: bold;
	color:#565656;
	margin-bottom: 30px;
}
.meas_con form h2 span{
	font-size: 15px;
	color:#ccc;
	font-weight: normal;
	margin-left: 8px;
}

/*固定的悬浮窗*/
.yb_conct {
	position: fixed;
	z-index: 9999999;
	top: 50%;
	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: #0379e7 url(../images/fixCont.png) no-repeat 0 0;
}
.yb_bar .yb_phone {
	background: #0379e7 url(../images/fixCont.png) no-repeat 0 -57px;
}
.yb_bar .yb_QQ {
	text-indent: 0;
	background: #0379e7 url(../images/fixCont.png) no-repeat 0 -113px;
}
.yb_bar .yb_ercode {
	/*height:200px;*/

	background: #0379e7 url(../images/fixCont.png) no-repeat 0 -169px;
}
.hd_qr {
	padding: 0 29px 25px 29px;
}
.yb_QQ a {
	display: block;
	text-indent: 54px;
	width: 100%;
	height: 100%;
	color: #fff;
}