@charset "utf-8";
/* CSS Document */

 a{  text-decoration:none;outline:none;blr:expression(this.onFocus=this.blur());color:#666666; font-family:"微软雅黑"}
 a:visited{text-decoration:none ;}
 a:active{text-decoration:none;}
 a:hover{ color:#0f3b70;outline:none;text-decoration:none;}
 
body, div, p, span, ul, li, dl, dd, h1, h2, h3, a, input, img {
    margin: 0;
    padding: 0;
}

.container-fluid {padding-right: 0px;  padding-left: 0px;}

@media (min-width: 1200px) {
    .container{
        width: 1200px;
    }
}


html {font-size:62.5%;}
body{ background:#FFF; font-family:"微软雅黑"; font-size:14px; font-size:1.4em;}

/*top*/
.top_nav{ background:#e3212a; color:#FFF; line-height:32px;}
.wz{ text-align:right}
.pullleft{ float:left;}
.top_nav .wz1{ color:#ffffff; font-size:12px; padding-right:0px;}
.top_nav .wz1 i{ font-size:16px; position:relative; margin-bottom: 6px;}
.top_nav .wz1 b{ font-weight:bold; font-size:15px;}




.top{z-index:9999;width:100%; background:#f8f8f8; border-bottom:1px solid #eeeeee; } 
.top .logo{width:30%;float:left; padding:12px 0 5px}
.top .logo img{max-width:100%;}
.top .line{width:1px;height:55px;background:#D8D8D8;display:block;float:left;margin-left:12px;margin-top:24px;}
.top .top_txt{padding:18px 0 16px 13px;line-height:32px;float:left;font-size:18px;color:#5f5f5e;}
.top .top_right{padding:0px 1px;float:right; width:12%; margin-top:15px;}
.top .top_right  img{display:block;max-width:100%;}
.topfix{ position:fixed; top:0; left:0; z-index:100000}

/*nav*/
#navbg{ width:68%; transition:0.4s; float:right;}
#navbg .nav ul{margin-bottom:0;}
#navbg .nav .firstfloor>li{display:inline-block;float:left;width:12.5%;height:95px;line-height:95px;font-size:16px;text-align:center;position:relative;color:#FFF;cursor:pointer;position:relative;}
#navbg .nav .firstfloor>li>a{display:block;height:95px;width:100%;color:#000000;}
#navbg .nav .firstfloor>li:hover{border-bottom:4px solid #0085f0; height:80PX;}
#navbg .nav .firstfloor>li:hover:before{background:none;}
#navbg .nav .firstfloor>li:hover>a{color:#e3212a; font-weight:bold;}
#navbg .nav .secondfloor{position:absolute;left:0;top:95px;z-index:9999;display:none;background:rgb(255,255,255);opacity:0.9;width:100%;border-top:none;box-sizing:border-box;}
#navbg .nav .secondfloor>li{border-bottom:1px solid #E4EAEC;width:100%;line-height:40px;height:40px;font-size:13px;margin-left:0;}
#navbg .nav .secondfloor>li>a{width:100%;height:100%;display:block;color:#76838F;}
#navbg .nav .secondfloor li a:hover{background:#0085f0;color:#FFF;}

.ad{ background:#0474c3; color:#FFF; line-height:25px; padding:15px 0}
.ad a{ color:#FFF;}

@media (max-width: 1200px) {
#navbg{ margin-top:13px;}	

}





/*mobilehead*/
#mobilehead{height:70px;width:100%;background:url(../images/logo.png) no-repeat 10px center #FFF;display:none;background-size:auto 50px;}
#mobilehead .logo{width:calc(100% - 120px);height:70px;display:block;float:left;}
#mobilehead .nav{float:right;}
#mobilehead .nav_bg{display:none;position:fixed;top:105px;left:0;z-index:989;width:100%;height:calc(100% - 70px);background:rgba(0, 0, 0, 0.6);animation:fade-in .43s ease 0s;-webkit-animation:fade-in .43s ease 0s;}
#mobilehead .nav .nav_box{display:none;position:absolute;top:70px;left:0;z-index:991;width:100%;overflow:auto;border-top:1px solid #eee;background:#fff;box-sizing:border-box;}
#mobilehead .nav .nav_one>li{border-bottom:1px solid #eee;padding:0 10px;}
#mobilehead .nav .nav_one>li>span>a{display:block;position:relative;width:calc(100% - 150px);height:42px;box-sizing:border-box;font-size:15px;color:#666;line-height:42px;float:left;}
#mobilehead .nav .nav_one>li>span>i{float:right;display:block;width:150px;height:42px;}
#mobilehead .nav .nav_one>li>span>i>em{float:right;width:42px;height:42px;background:url(../images/+.png) no-repeat center center;-webkit-transition:-webkit-transform .3s ease-out;transition:transform .3s ease-out;display:block;}
#mobilehead .nav .nav_one>li>span>i>em.on{-ms-transform:rotate(45deg);-webkit-transform:rotate(45deg);transform:rotate(45deg);}
#mobilehead .nav .nav_one>li>ul{display:none;}
#mobilehead .nav .nav_one>li>ul>li{height:36px;line-height:36px;text-indent:20px;}
#mobilehead .nav .nav_one>li>ul>li>a{font-size:15px;color:#666;width:100%;height:100%;display:block;}
#mobilehead .nav .push-nav{display:block;position:relative;z-index:998;width:54px;height:50px;font-size:0;margin-right:8px;background:rgba(138,138,138,.5);margin-top:10px;border-radius:5px;}
#mobilehead .nav .push-nav .nav-toggle{display:block;position:absolute;left:50%;top:50%;border:0;border-radius:4px;cursor:pointer;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);}
#mobilehead .nav .push-nav.on .nav-toggle{margin-left:-4px;}
#mobilehead .nav .push-nav .nav-toggle span{display:block;position:relative;z-index:1;width:37px;height:2px;margin:0 0 10px auto;background:#8a8a93;border-radius:3px;-webkit-transform-origin:35px;transform-origin:35px;-webkit-transition:all .5s;transition:all .5s;}
#mobilehead .nav .push-nav .nav-toggle span.two{width:30px;}
#mobilehead .nav .push-nav .nav-toggle span:last-child{margin-bottom:0;}
#mobilehead .nav .push-nav.on .nav-toggle span{ opacity:1;}
#mobilehead .nav .push-nav.on .nav-toggle span:nth-child(3){-webkit-transform:rotate(45deg);transform:rotate(45deg);}
#mobilehead .nav .push-nav.on .nav-toggle span:nth-child(2){-webkit-transform:scale(0);transform:scale(0);}
#mobilehead .nav .push-nav.on .nav-toggle span:nth-child(1){-webkit-transform:rotate(-45deg);transform: rotate(-45deg);}
#mobilehead .nav .nav_contact{position:relative;border-top:1px solid #eee;color:#666;}
#mobilehead .nav .nav_contact .nav_txt{width:100%;}
#mobilehead .nav .nav_contact .nav_txt span{height:42px;line-height:42px;display:block;float:left;position:relative;text-indent:15px;margin-left:10px;font-size:15px;}
#mobilehead .nav .nav_contact .nav_txt span a{color:#666;}
#mobilehead .nav .nav_contact .nav_txt span.sitemapicon{background:url(../images/mobilesitemap.png) no-repeat left center;background-size:auto 15px;}
#mobilehead .nav .nav_contact .nav_txt span.topphoneicon{background:url(../images/mobilephone.png) no-repeat left center;background-size:auto 15px;}
#mobilehead .nav .nav_contact .nav_txt span.topemailicon{background:url(../images/mobileemail.png) no-repeat left center;background-size:auto 15px;text-indent:25px;}
/* 响应式样式结束 */


/*搜索*/
.sousuo{ background:#ffffff; padding:15px 0; overflow:hidden}
.sousuo .ss2{  overflow:hidden; line-height:40px;}
.sousuo .ss2  .is_search{width:85%;height:40px;border:1px solid #eeeeee; margin-left:15px;}
.sousuo .ss2  .is_search input{width:calc(100% - 59px);float:left;height:38px;line-height:38px;outline:none;padding:0 10px;float:left; background:none; border:none; color:#666666}
.sousuo .ss2  .is_search .is_btn{float:right; font-size:22px; color:#cc0000; padding-right:10px; padding-top:8px; background:none; border:none;}
.sousuo .ss2 .is_txt{ width:85%; text-align:left;  color:#dfa6a1; margin:0 auto;margin-top:20px;}
.sousuo .ss2 .is_txt a{ color:#dfa6a1}

/*通条*/
.b25{ overflow:hidden; margin-top:40px;width:100%;}
.b25 dl{  min-height:128px; max-height:150px; text-align:center;}
.b25 dt{ }


dl, dt, dd, li, p, ul,  b, em, span, i, b {
    margin: 0px;
    padding: 0px;
    font-weight: normal;
    font-style: normal;
}

.q25{ overflow:hidden; margin-top:40px; text-align:center;}
.q25 dl{
	line-height:50px;
	background-image:url(../images/tiao_03.png);
	background-position: center center;
	font-size:32px; font-weight:bolder;
	color:#333333;
	background-repeat: no-repeat;
}
.q25 dt{ font-size:16px; color:#666666;}
.q36{ background-color:#efefef; overflow:hidden; margin-top:40px; padding-bottom:50px;}
.q37{ width:1200px; margin:0 auto; overflow:hidden; margin-top:50px;}
.q37 li{ float:left; width:100px; margin-left:35px; margin-right:35px;list-style-type: none;}
.q37 li > a:hover{ float:left; width:100px; margin-left:35px; margin-right:35px;list-style-type: none;}
.q37 span{
	width:100px;
	height:100px;
	text-align:center;
	line-height:100px;
	box-sizing:border-box;
	border-radius:60px;
	font-size:50px;
	display:inline-block;
	color:#164387;
	border: 1px solid #164387;
}
.q37 span:hover{width:100px;
	height:100px;
	text-align:center;
	line-height:100px;
	box-sizing:border-box;
	border-radius:60px;
	font-size:50px;
	display:inline-block;
	color:#c71921;
	border: 2px solid #ea000b; }
.q37 p{ text-align:center; font-size:16px; color:#333333; margin-top:20px;}
.q38{
	width:550px;
	margin:0 auto;
	overflow:hidden;
	line-height:50px;
	background-color:#FFFFFF;
	border-radius:25px;
	margin-top:40px;
	border: 1px solid #164387;-moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease;
}
.q38 dl{ width:310px; float:left; font-size:26px; color:#164387; text-align:center;}
.q38 em{ text-align:center; display:inline-block;}
.q38 span{ display:inline-block; margin-right:10px; font-size:32px; float:left;}
.q38 dt{line-height: 50px; height: 50px;float:right; width:220px; cursor:pointer; text-align:center; background-color:#164387; font-size:18px; color:#FFFFFF;border-radius:25px 0 0 25px;-moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease;}
.q38 dt a{ margin-top:15px; padding-top:15px;color:#fff;}
.q38 dt:hover{ background-color:#ed8126;}
.q38:hover{border: 1px solid #ed8126;}


/*公用标题*/
.cpzs{  padding-bottom:30px;  overflow:hidden}
.cpzs .cpzs_bt{ padding:40px 0 15px; text-align:center}
.cpzs .cpzs_bt .fwxm_bt1{ font-size:30px; color:#000000; font-weight:bold;letter-spacing: 4px; }
.cpzs .cpzs_bt .fwxm_bt1 i{ font-size:14px; color:#b0232a; padding:0 8px; position:relative; top:-5px;}
.cpzs .cpzs_bt .fwxm_bt2{ font-size:14px; color:#555555;  padding:10px 0;}
.cpzs .cpzs_bt .fwxm_bt3{ font-size:16px; color:#999999; width:70%; margin:0 auto; line-height:1.8}

@media (max-width : 1200px) {
.cpzs .cpzs_bt .fwxm_bt2{ background:none}
}


@media (max-width : 768px) {
.cpzs .cpzs_bt .fwxm_bt1{ font-size:30px; color:#000000; font-weight:bold;}
.cpzs .cpzs_bt .fwxm_bt2{ font-size:13px; color:#555555;}
}

ul.xiao {
	margin: 0 auto;
	margin-top: 0px;
	background-color: #fff;
	width: 800px;
	display: flex;
	justify-content: space-around;
	padding-bottom:35px;
}

.xiao .ona{ background:#164387; color:#ffffff;}
.xiao .ona a{ color:#ffffff}

ul.xiao li:hover a {
	color: #000;
}
ul.xiao li {
	/* margin-top: 10px; */
	width: 142px;
	height: 46px;
	background-color: #c1c1c1;border-radius: 10px;list-style-type: none;
}

ul.xiao li:hover,
ul.xiao li a:hover {background-color: #164387;color: #ffffff;}

ul.xiao li a {
	padding-left: 35px;
	width: 74px;
	height: 24px;
	font-size: 18px;
	font-family: MicrosoftYaHei;
	text-align: left;
	color: #000;
	line-height: 44px;
	letter-spacing: 1px;
}
.box7Bottom{
    display: flex;
    width: 1200px;
    justify-content: space-between;
    margin:0 auto;
    margin-top:30px;
}
.box7Bottom > div{
    flex:1;
    padding:0 10px;
}
.box7Bottom > div img{
    width: 100%;
}





/*业务领域*/
.ywly{ background:#f8f8f8;}
.center .zyly{ height:300px; background:#FFF; margin:10px; -moz-box-shadow:0px 2px 10px #dddddd; -webkit-box-shadow:0px 2px 10px #dddddd; box-shadow:0px 2px 10px #dddddd; transition:0.4s; position:relative; top:0}
.center .zyly .zyly_tu{ text-align:center}
.center .zyly .zyly_tu img{ max-width:100%; padding-top:22px; }
.center .zyly .zyly_zi{ font-size:16px; font-weight:bold; padding:15px 0; color:#000}
.center .zyly .zyly_nr{ line-height:1.8; padding:0 15px; color:#838383; font-size:12px;}

.center .zyly .zyly_zi a:hover{ font-size:16px; font-weight:bold; padding:15px 0; color:#FFF;}
.center .zyly .zyly_nr a:hover{ line-height:1.8; padding:0 15px;  color:#FFF; font-size:12px;}

.center .zyly:hover{-moz-box-shadow:0px 2px 10px #999999; -webkit-box-shadow:0px 2px 10px #999999; box-shadow:0px 2px 10px #999999; position:relative; top:-5px;background:#7ec5ff; color:#FFF;}

.box3 {
	margin-top: 60px;
	margin-left: 65px;
	width: 144px;
	height: 44px;
	background: #ffffff;
	border: 1px solid #d00200;
	border-radius: 4px; position:relative; bottom:30px;position: absolute;
}

.box3 p {
	margin-top: 15px;
	margin-left: 20px;
	width: 68px;
	height: 19px;
	font-size: 14px;
	font-family: MicrosoftYaHei;
	text-align: left;
	color: #d40001;
	/* line-height: 25px; */
	letter-spacing: 1px;
}

.box3 h2 {
	margin-top: -24px;
	margin-left: 100px;
	font-size: 24px;
	color: #d00200;
}


/*关于我们*/
.about{ background:#ffffff; padding:40px 0}
.about_bt_en{ color:#0085f0; font-size:33px;}
.about_bt_cn{ color:#000000; font-size:30px; font-weight:bold;border-bottom:2px solid #cc0000; width:400PX;}
.about_nr{ color:#666666; line-height:1.8; font-size:14px; padding:18px 0; width:100%;}

.about_k{ margin-top:15px;}
.about_k a{ float:left; width:25%; display:block; border-right:1px solid #f2f2f2; text-align:center; padding:25px 0 10px; line-height:3; color:#575757; transition:0.3s}
.about_k a i{ font-size:50px; color:#cc0000;transition:0.3s}
.about_k a.on{ background:#164387; color:#ffffff;}
.about_k a.on i{ color:#ffffff}
.about_k a:last-child{ border-right:none;}

.about_k a:hover{ background:#164387; color:#FFF}
.about_k a:hover i{color:#ffffff}


.js-silder{	position: relative;		min-width: 320px;}
.silder-scroll{	width: 100%;	overflow: hidden;}
.silder-main{	position: relative;	width: 100%;	overflow: hidden;}
.silder-main-img{top: 0;	left: 0;	width: 100%;}
.silder-main-img img{	width:467px; max-height:350px;}
.js-silder-ctrl{	width: 100%;	text-align: center; position:relative; top:-30px;  height:30px;}
.silder-ctrl-prev,.silder-ctrl-next{	position: absolute;	top: 0;	width: 8%;	height: 100%;	vertical-align: middle;	cursor: pointer;	color: #fff;	font-family: "宋体";	font-size: 52px;	font-weight: 600;	text-shadow: #666 2px 2px 5px;}
.silder-ctrl-prev{	left: 0;	text-align: left;}
.silder-ctrl-next{	right: 0;	text-align: right;}
.silder-ctrl-prev>span,.silder-ctrl-next>span{	position: absolute;	top: 50%;	margin-top: -40px;}
.silder-ctrl-prev>span{	left: 0;}
.silder-ctrl-next>span{	right: 0;}
.silder-ctrl-con{	display: inline-block;	width: 14px;		height: 14px;margin: 8px 5px;	cursor: pointer;}
.silder-ctrl-con>span{	display: block;	line-height: 0;	text-indent: -9999px;	overflow: hidden;	padding: 7px 0;	cursor: pointer;	background-color: #ffffff;	border-radius: 50%;}
.silder-ctrl-con.active>span{	background-color: #cc0000;}

@media (max-width: 768px){
	.js-silder{ margin-top:40px;}
	.silder-ctrl-prev,	.silder-ctrl-next{		width: 10%;		font-size: 26px;		margin-top: -25px;	}
	.silder-ctrl-con{		width: 14px;		height: 14px;		padding: 0;		margin: 8px 5px;	}
	.silder-ctrl-con>span{		display: block;		width: 100%;		height: 100%;		border-radius: 50%;		padding: 0;	}
}



/*案例*/
.anli{ background:#eeeeee; padding-bottom:90px; }
.center2 .slid_img1{ margin:0 20px;}
.center2 .slid_img2{ margin:0 20px;text-align:left}
.center2 .slid_img1 img{ max-width:100%; height:260px;}
.center2 .slid_img2 .slid_img_1{padding:10px 0 10px; margin:0 auto; text-align:center;}
.center2 .slid_img2 .slid_img_1 a{ font-size:16px; font-weight:bold; color:#000000; }
.center2 .slid_img2 .slid_img_2{ color:#666666; line-height:1.6; font-size:14px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;}

.center2 .slick-prev{ display:none !important}
.center2 .slick-next{ display:none !important}






/*news*/
.news{ background:#f3f3f3; margin:0 10px; display:block; height:230px;}
.news:hover{ background:#7ec5ff; margin:0 10px; display:block; height:230px;}
.news .news_l{ width:70px; float:left; margin-left:15px; margin-top:40px;text-align:right;display:inline; margin-right:10px;} 
.news .news_l .n1{ font-size:16px; }
.news .news_l .n2{ font-size:24px; font-weight:bold; color:#000}
.news .news_l .n3{ margin-top:20px; width:100px; height:80px;}
.news .news_r { margin-top:37px; float:left; display:inline; width:calc(100% - 95px); padding:0 30px; text-align:left}
.news .news_r .n4 a{ color:#595959; font-size:18px; line-height:1.6;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;}
.news .news_r .n5{ color:#999999; font-size:14px; line-height:1.6; padding-top:10px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;}
.news .news_r .n6 a{ font-size:30px; color:#999999; padding-top:10px; float:right;}

a.news_more{ color:#FFF}
.news_more{ text-align:center; margin:40px auto 20px; display:block; width:200px; height:40px; line-height:40px; background:#164387; color:#ffffff; opacity:1; transition:0.3s; font-size:14px; border-radius:25px; }
.news_more:hover{ opacity:0.8}


/*联系*/

.cont{ background:url(../images/cont.jpg) top center no-repeat; padding:74px 0 40px;}
.con_nr{ background:#f3f3f3;overflow:hidden}
.con_nr .con { overflow:hidden; padding:30px 0 60px 0}
.con_nr .con .con1{ font-size:26px; color:#cc0000; font-weight:bold}
.con_nr .con .con2{ font-size:16px; color:#999999; padding:5px 0 15px 0}
.con_nr .con .con3{ border-bottom:1px solid #dddddd;}
.con_nr .con .con4{ padding:20px 0}
.con_nr .con .con4 .con4_l{ float:left; width:65%; color:#6f6e6e; line-height:1.8}
.con_nr .con .con4 .con4_l i{ font-size:20px; margin-right:10px; color:#000}
.con_nr .con .con4 .con4_l .lx1 b{ font-size:26px; color:#000000; font-family:Impact;}
.con_nr .con .con4 .con4_r{ float:left;}


 /*友情链接*/
  .yqlj{ background:#f1f1f1; border-bottom:2px solid #474747; padding:1px 0}
 .yqlj .f_left{ float:left; display:inline; font-size:30px; font-weight:bold; color:#ee0202; font-family:Arial, Helvetica, sans-serif;}
 .yqlj .f_right { float:left; width:calc(100% - 85px)}
 .yqlj .f_right a{display:inline-block;height:28px;line-height:42px;padding:0 15px;white-space:nowrap; color:#b0b0b0;font-size:16px;}
 .yqlj .f_right a:hover{display:inline-block;height:28px;line-height:42px;padding:0 15px;white-space:nowrap; color:#0283de;font-size:16px;}

/*底部*/

.footer{ color:#aaaaaa; padding-top:30px; background:#1a2841; padding-bottom:35px; line-height:2; text-align:center}
.footer a{ color:#aaaaaa;}
.footer a:hover{ color:#ffffff}




/*1350屏幕*/
@media screen and (max-width:1249px){

	.p_left{width:240px;}
	.p_left h2{height:100px;line-height:100px;}
	.p_left .p_ul>a{line-height:50px;font-size:15px;background-position:15px 24px;}
	.p_left .p_ul>a.on,.p_left .p_ul>a:hover{background-position:15px 24px}
	.p_left .p_ul ul{padding:12px 10px;}
	.p_left .p_ul ul li{line-height:30px;font-size:14px;}
	.p_left .p_bottom{padding:18px 5px 16px;}
	.p_left .p_bottom .p_txt p:last-child{font-size:27px;}
	.product .p_right{width:calc(100% - 260px);}
	#news .news_content .news_li .news_left .news_txt p{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4;}
}



/*992屏幕*/
@media screen and (max-width:991px){
	#mobilehead{display:block;}
	.top{display:none;}
	#navbg{display:none;}
	#mobilehead.mhead{position:fixed;z-index:9999;-webkit-box-shadow: 0 1px 3px 0 rgba(0,0,0,0.2);box-shadow: 0 1px 3px 0 rgba(0,0,0,0.2);top:0;}
	#mobilehead .nav_bg.nav_bg1{top:70px;height:calc(100% - 70px);}
	#mobilehead .nav .nav_box.nav_box1{top:70px;}
	
     .p_left{display:none;}
	.p_class{display:block;}
	.product .p_right{width:calc(100% - 30px); margin:0 auto; float:none;}
	.product .p_right h2{margin:20px 0;}
	.product{padding:15px 0;}
	.product .p_li{width:32%;margin-left:2%;}
	.product .p_li:nth-child(4n+1){margin-left:2%;}
	.product .p_li:nth-child(3n+1){margin-left:0;}
	
		#news .news_content .news_li .news_left .news_txt p{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:7;}
	
	
}

@media screen and (max-width:768px){
	#mobilehead{background:url(../images/logo.png) no-repeat 10px center #FFF;background-size:auto 50px;}
	.p_class h2{display:none;}
	.p_class .p_class_li{width:calc(100% - 30px); margin:0 auto;float:none;}
	.product .p_content .p_li{width:48%;margin-left:4%;}
	.product .p_content .p_li:nth-child(3n+1){margin-left:4%;}
	.product .p_content .p_li:nth-child(odd){margin-left:0;}
	
	
    #news{padding:20px;}
	#news .news_content .news_title span{display:inline-block;font-size:14px;position:relative;text-align:center;padding:0 25px;line-height:30px;height:30px;cursor:pointer;color:#3f3f3f;margin-left:5px;border:1px solid #e5e5e5;}
	#news .news_content .news_li .news_left{width:100%;}
	#news .news_content .news_li .news_left .news_txt p{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;}
	#news .news_content .news_li .news_right{width:100%;margin-top:20px;}
	#news .news_content .news_li .question_list a{width:100%;margin-left:0;}
	
	}


/*500屏幕*/
@media screen and (max-width:499px){
	#mobilehead{background:url(../images/logo.png) no-repeat 10px center #FFF;background-size:auto 50px;}
	#mobilehead .nav_bg{top:70px;height:calc(100% - 70px);}
	#mobilehead .nav .nav_box{top:70px;}
	#mobilehead{z-index:9999;-webkit-box-shadow: 0 1px 3px 0 rgba(0,0,0,0.2);box-shadow: 0 1px 3px 0 rgba(0,0,0,0.2);top:0;}
	.pb_title .sub_title{font-size:13px;line-height:22px;}
	.product .p_class{text-align:left;}
	.product .p_class a{width:48%;height:42px;line-height:42px;font-size:15px;text-align:center;margin-left:4%;margin-top:7px;}
	.product .p_class a:nth-child(2n+1){margin-left:0;}
	.product .p_content{margin-top:20px;}
	.product .p_content .p_li{width:100%;}
	.product .p_btn a{width:48%;margin-left:4%;}
	#solutionbg{padding:25px 0 30px;}
	#solutionbg .solution_c .solution_c_left1 li{width:50%;}
	#solutionbg .solution_c .solution_c_left1 li:first-child{width:50%}
	#solutionbg .solution_c .solution_c_right{width:100%;float:none;padding:5px 10px 0 10px;}
	#solutionbg .solution_c .solution_c_right .r_ul{margin-top:0px;}
	#solutionbg .solution_c .solution_c_right .r_li{width:100%;float:none;margin-left:0;margin-top:20px;}
	#solutionbg .solution_c .solution_c_right .r_btn{ margin:10px auto;float:none;}
	#solutionbg .solution_c .solution_c_right .r_btn a{width:48%;margin-left:4%;}
	
	.info_title h2{font-size:22px;height:36px;line-height:36px;}
	.info_title i{margin:10px 0;}
	.info .info_btn a{width:130px;margin-left:10px;}
	.info .info_ul .info_li .info_p p:last-child{font-size:12px;letter-spacing:-1px;}
	#news .news_content .news_title span{width:32%;margin-left:2%;padding:0 0;font-size:14px;}
	#news .news_content .news_title span:first-child{margin-left:0;}
}

@media screen and (min-width:768px) and (max-width:991px){

	#solutionbg .solution_c .solution_c_left{width:200px;}
	#solutionbg .solution_c .solution_c_right{width:calc(100% - 200px);}

}


@media screen and (min-width:668px) and (max-width:767px){

	#solutionbg .solution_c .solution_c_right{width:100%;float:none;padding:40px 0 0 0;}

}
@media screen and (min-width:500px) and (max-width:667px){
	.pb_title .sub_title{font-size:14px;}
	.product .p_class{text-align:left;}
	.product .p_class a{width:32%;height:42px;line-height:42px;font-size:15px;text-align:center;margin-left:2%;margin-top:7px;}
	.product .p_class a:nth-child(3n+1){margin-left:0;}
	.product .p_content{margin-top:20px;}
	.product .p_content .p_li{width:50%;}
	.product .p_content .p_li .p_txt p:first-child{font-size:16px;}
	#solutionbg{padding:25px 0 30px;}
	#solutionbg .solution_c .solution_c_left1 li{width:33%;}
	#solutionbg .solution_c .solution_c_left1 li:nth-child(3n+1){width:34%}
	#solutionbg .solution_c .solution_c_right{width:100%;float:none;padding:20px 0 0 0;}
}

@media screen and (max-width:667px){
	.pb_title .pb_cn{font-size:24px;line-height:42px;height:42px;}
}


@media screen and (max-width:991px){
	#navbg .nav .firstfloor>li{height:55px;line-height:55px;font-size:14px;}
	#navbg .nav .secondfloor{top:55px;}
	.index_banner{padding-bottom:40%;}
	#stylepbulic{height:200px;}
	#footbottombg{padding-bottom:55px;}
}

/*鐢佃剳娴姩*/
.izl-rmenu{position:fixed;right:0;bottom:10px;padding-bottom:10px;background:url(../images/r_b.png) 0px bottom no-repeat;z-index:999;width:72px;}
.izl-rmenu .btn{width:72px;height:73px;margin-bottom:1px;cursor:pointer;position:relative;}
.izl-rmenu .btn-qq{background:url(../images/r_qq.png) 0px 0px no-repeat;background-color:#FF9C00;}
.izl-rmenu a.btn-qq,.izl-rmenu a.btn-qq:visited{background:url(../images/r_qq.png) 0px 0px no-repeat;background-color:#FF9C00;text-decoration:none;display:block;}
.izl-rmenu .btn-wx{background:url(../images/r_wx.png) 0px 0px no-repeat;background-color:#FF9C00;}
.izl-rmenu .btn-wx .pic{position:absolute;left:-160px;top:0px;display:none;width:160px;height:160px;}
.izl-rmenu .btn-phone{background:url(../images/r_phone.png) 0px 0px no-repeat;background-color:#FF9C00;}
.izl-rmenu .btn-phone .phone{background-color:#FF9C00;position:absolute;width:160px;left:-160px;top:0px;line-height:73px;color:#FFF;font-size:18px;text-align:center;display:none;}
.izl-rmenu .btn-top{background:url(../images/r_top.png) 0px 0px no-repeat;background-color:#666666;display:none;}
.izl-rmenu .btn-top:hover{background-color:#444;}


/*中台*/
.zhongtai{ margin:30px auto}
.zhongtai  .col-md-6{ padding:0}
.zhongtai  .col-md-4{ padding:0}
.zhongtai  .col-sm-6{ padding:0}

.zhongtai_tu img{ width:100%;}
.zhongtai_tu{ position:relative}
.zhongtai_tu p{ position:absolute; z-index:2; left:0; right:0; top:0; bottom:0;margin:auto; text-align:center}

.zhongtai_tu .zt3{ font-size:36px; color:#FFF; font-weight:bold;top:30%}
.zhongtai_tu .zt4{ font-size:18px; color:#FFF; top:50%}

.zhongtai .zt1{ font-size:36px; font-weight:bold; color:#3b3b3b; padding-top:50px; padding-left:20px;}
.zhongtai .zt2{ padding:30px 20px; line-height:1.8; }


@media screen and (max-width:768px){
.zhongtai .zt1{ font-size:26px; }
.zhongtai_tu .zt4{ font-size:18px; color:#FFF; top:60%}
}

/*右漂浮*/
.side{position:fixed;width:78px;right:0;top:50%;margin-top:-200px;z-index:100;border:1px solid #e0e0e0;background:#fff;border-bottom:0}
.side ul li{width:78px;height:78px;float:left;position:relative;border-bottom:1px solid #e0e0e0;color:#333;font-size:14px;line-height:38px;text-align:center;transition:all .3s;cursor:pointer;list-style-type: none;}
.side ul li:hover{background:#0085f0;color:#fff}
.side ul li:hover a{color:#fff}
.side ul li i{height:25px;margin-bottom:1px;display:block;overflow:hidden;background-repeat:no-repeat;background-position:center center;background-size:auto 25px;margin-top:14px;transition:all .3s}
.side ul li i.bgs1{background-image:url(../images/right_pic5.png)}
.side ul li i.bgs2{background-image:url(../images/right_pic7.png)}
.side ul li i.bgs3{background-image:url(../images/right_pic2.png)}
.side ul li i.bgs4{background-image:url(../images/right_pic1.png)}
.side ul li i.bgs5{background-image:url(../images/right_pic3.png)}
.side ul li i.bgs6{background-image:url(../images/right_pic6_on.png)}
.side ul li:hover i.bgs1{background-image:url(../images/right_pic5_on.png)}
.side ul li:hover i.bgs2{background-image:url(../images/right_pic7_on.png)}
.side ul li:hover i.bgs3{background-image:url(../images/right_pic2_on.png)}
.side ul li:hover i.bgs4{background-image:url(../images/right_pic1_on.png)}
.side ul li:hover i.bgs5{background-image:url(../images/right_pic3_on.png)}
.side ul li .sidebox{position:absolute;width:78px;height:78px;top:0;right:0;transition:all .3s;overflow:hidden}
.side ul li.sidetop{background:#0085f0;color:#fff}
.side ul li.sidetop:hover{opacity:.8;filter:Alpha(opacity=80)}
.side ul li.sideewm .ewBox.son{width:130px; height:130px; display:none;color:#363636;text-align:center;padding-top:0px;position:absolute;left:-140px;top:0;background:url(../images/leftewm.png) #FFF;background-repeat:no-repeat;background-position:center center;border:1px solid #e0e0e0}
.side ul li.sideewm .ewBox1.son1{width:130px;display:none;color:#363636;text-align:center;padding-top:0px;position:absolute;left:-140px;top:0;background-repeat:no-repeat;background-position:center center;border:1px solid #e0e0e0}

.side ul li.sideetel .telBox.son{width:160px;height:70px;display:none;color:#fff;text-align:left;position:absolute;left:-170px;top:-100px;background:#cc0000}
.side ul li.sideetel .telBox dd{display:block;height:80px;overflow:hidden;padding-left:10px;line-height:24px;font-size:18px}
.side ul li.sideetel .telBox dd font{display:block;overflow:hidden;font-size:22px; padding-right:10px;margin-top:5px;}
.side ul li.sideetel .telBox dd span{display:block;margin-top:15px;font-size:18px}
.side ul li.sideetel .telBox dd.bgs1{background:url(../images/right_pic8.png) 90px top no-repeat;background-color:#cc0000;  margin-top:10px; }
.side ul li.sideetel .telBox dd.bgs2{background:url(../images/right_pic9.png) 28px center no-repeat}
.side ul li:hover .son{display:block!important;animation:fadein 1s}
.side ul li:hover .son1{display:block!important;animation:fadein 1s}
@keyframes fadein{from{opacity:0}
to{opacity:1}
}


@media screen and (max-width:768px){
.side{ display:none}
}