@import url('../fonts/iconfont.css');
/** Generated by FG **/
@font-face {
	font-family: 'HelveticaNeue-Bold';
	src: url('../fonts/HelveticaNeue-Bold.eot');
	src: local('☺'), url('../fonts/HelveticaNeue-Bold.woff') format('woff'), url('../fonts/HelveticaNeue-Bold.ttf') format('truetype'), url('../fonts/HelveticaNeue-Bold.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
/** Generated by FG **/
@font-face {
	font-family: 'DINPro-Bold';
	src: url('../fonts/DINPro-Bold.eot');
	src: local('☺'), url('../fonts/DINPro-Bold.woff') format('woff'), url('../fonts/DINPro-Bold.ttf') format('truetype'), url('../fonts/DINPro-Bold.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}



*{
	padding:0px;
	margin:0px;
	box-sizing:border-box;
	-moz-box-sizing:border-box; /* Firefox */
	-webkit-box-sizing:border-box; /* Safari */
}
html{
	background: #fff;
}
body{
	font-size:16px;
	overflow-x:hidden;
	margin-left: auto;
	margin-right: auto;
	color: #333333;
}
body,input,textarea,button{
	font-family:PingFangSC-Regular,"Microsoft YaHei","微软雅黑",Arial,Helvetica,sans-serif,"宋体";
	-webkit-font-smoothing: subpixel-antialiased;
}
img{
	border:none;
  	max-width: 100%;
  	height: auto;
}
a{
	text-decoration:none;
	color:#333333;
}
a:hover{
  	color: #00558A;
	text-decoration:none;
}
ul{
	list-style:none;
}
.mt20{
	margin-top: 20px;
}
.mt30{
	margin-top: 30px;
}
.mt40{
	margin-top: 40px;
}
.mt50{
	margin-top: 50px;
}
.mt60{
	margin-top: 60px;
}
.mt70{
	margin-top: 70px;
}
.mt80{
	margin-top: 80px;
}
.mt90{
	margin-top: 90px;
}
.mt100{
	margin-top: 100px;
}
.pt50{
	padding-top: 80px;
}
.pb50{
	padding-bottom: 80px;
}
.zone{
	overflow: hidden;
}
.white_zone{
	background: #fff;
	overflow: hidden;
}
.grey_zone{
	background: #f7f7f7;
	overflow: hidden;
}
.yuanjiao25{
	-moz-border-radius: 25px;      /* Gecko browsers */
    -webkit-border-radius: 25px;   /* Webkit browsers */
    border-radius:25px;            /* W3C syntax */
}
.pages{
	text-align: center;
}
.pages div{
	display: flex;
	justify-content: center;
	align-items: center;
}
.pages .page{
	display: flex;
	justify-content: center;
	align-items: center;
}
.pages .page span,
.pages .page a{
	padding: 6px 13px;
	border: 1px solid #ddd;
	margin-left: 5px;
	margin-right: 5px;
}
.pages .page span.current{
	background: #00558A;
	border-color: #00558A;
	color: #fff;
}
.pages span.rows{
	margin-left: 15px;
}
.clear{
	width:100%;
	clear:both;
}
.container{
	width: 100%;
	max-width: 1200px;
	margin-left: auto;
	margin-right: auto;
}
.pc_header_zone{
	width: 100%;
	background: #fff;
	position: relative;
}
.pc_header{
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.pc_logo img{
	height: 60px;
	display: block;
	width: auto;
}
.pc_nav_box{
	display: flex;
	align-items: center;
	margin-left:auto;
	margin-right:30px;
}
.pc_nav{
	display: flex;
	align-items: center;
	flex-direction: row;
}
.pc_nav > li{
	position: relative;
	flex-shrink: 0;
}
.pc_nav > li > a{
	display: block;
	line-height: 80px;
	padding-left: 30px;
	padding-right: 30px;
	transition: 0.6s;
}
.pc_nav > li > a:hover,
.pc_nav > li.active > a{
	background:#0095D9;
	color: #fff;
}
.pc_nav .pro_sub{
	position: absolute;
	left:50%;
	top:100%;
	background: rgba(247,247,247,0.9);
	z-index: 99999999;
	display: flex;
	align-items: center;
	padding: 10px 5px;
	display: none;
	box-shadow: 0px 0px 2px #aaa;
	opacity: 0.9;
	transform: translateX(-50%);
}
.pc_nav .pro_sub li{
	display: flex;
	flex-direction: column;
	justify-content: center;
	padding: 5px;
	margin-left: 5px;
	margin-right: 5px;
}
.pc_nav .pro_sub li .icon{
	width: 80px;
	height: 80px;
	border: 1px solid #ddd;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	background: #fff;
	transition: 0.6s;
}
.pc_nav .pro_sub li:hover .icon{
	border-color: #0095D9;
}
.pc_nav .pro_sub li .icon img{
	height: 50px;
	width: auto;
	transition: 0.6s;
}
.pc_nav .pro_sub li:hover .icon img{
	transform:scale(1.1);
}
.pc_nav .pro_sub li p{
	display: block;
	margin-top: 10px;
	text-align: center;
	font-size: 14px;
}
.pc_nav li:hover .pro_sub{
	display: flex;
}
#search_toggle_btn{
	display: flex;
	align-items: center;
	cursor: pointer;
	flex-shrink: 0;
}
#search_toggle_btn .iconfont{
	font-size: 20px;
	font-weight: bold;
}
#search_toggle_btn em{
	font-style: normal;
	margin-left: 5px;
}
.pc_nav .sub{
	width: 200px;
	position: absolute;
	left:50%;
	top:100%;
	background: rgba(247,247,247,0.9);
	z-index: 99999999;
	display: none;
	opacity: 0.9;
	transform: translateX(-50%);
}
.pc_nav .sub{
	display: none;
}
.pc_nav > li:hover > .sub{
	display: block;
}
.pc_nav .sub > li > a{
	display: block;
	line-height: 50px;
    text-align: center;
	transition: 0.6s;
}
.pc_nav .sub > li > a:hover{
	background: #0A80B9;
	color: #fff;
}
.pc_search_zone{
	background: rgba(247,247,247,0.9);
	padding-top: 10px;
	padding-bottom: 10px;
	display: none;
	position: absolute;
	width: 100%;
	left:0;
	top:100%;
	z-index: 9999999;
}
.pc_search_box{
	display: flex;
	align-items: center;
	justify-content: flex-end;
}
.pc_search_form{
	background: #ddd;
	display: flex;
	align-items: center;
}
.pc_search_text{
	width: 260px;
	height: 40px;
	line-height: 40px;
	border: none;
	background: none;
	outline: none;
	padding-left: 10px;
	padding-right: 10px;
}
.pc_search_box .iconchakan3{
	width: 40px;
	height: 40px;
	display: block;
	cursor: pointer;
	transition: 0.6s;
	text-align: center;
	line-height: 40px;
	font-size: 20px;
	background:#0095D9;
	color: #fff;
	border:none;
}
.pc_search_box .iconchakan3:hover{
	background:#0095D9;
	color: #fff;
}

.mobile_header_zone{
	display: none;
	z-index: 99;
	width:100%;
}
.mobile_header{
	display: flex;
	padding-left: 1%;
	padding-right: 1%;
	justify-content: space-between;
	align-items: center;
	height: 50px;
}
.mobile_logo img{
	height: 35px;
	width: auto;
}
.mobile_menu_btn{
	background: none;
	border: none;
	outline: none;
}
.mobile_menu_btn .iconfont{
	font-size: 26px;
}
.mobile_menu{
	position: fixed;
	z-index: 999999;
	left:0;
	top:0;
	width: 100%;
	max-width: 450px;
	height: 100%;
	background: rgba(0, 149, 217, 0.9);
	color: #fff;
	padding-left: 45px;
	padding-right: 45px;
	padding-top: 60px;
	transform: translateX(-100%);
	transition: 0.8s;
}
.mobile_menu.open{
	transform: translateX(0);
}
.mobile_menu a{
	color: #fff;
}
.mobile_nav > li{
	margin-top: 30px;
}
.mobile_nav > li> h3{
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.mobile_nav > li> h3 > a{
	font-size: 16px;
	font-weight: normal;
}
.mobile_nav > li > .sub_menu{
	display: none;
	margin-top: 20px;
}
.mobile_nav > li > .sub_menu > li > a{
	padding-left: 25px;
	line-height: 35px;
	font-size: 14px;
}


.mobile_chaxun{
	margin-top: 70px;
}
.mobile_chaxun_form{
	border: 1px solid #fff;
	position: relative;
	padding-right: 35px;
}
.mobile_chaxun_form .menu_itext{
	width: 100%;
	padding: 0 10px;
	height: 35px;
	line-height: 35px;
	color: #fff;
	border: none;
	background: none;
	outline: none;
}
.mobile_chaxun_form .menu_ibtn{
	width: 35px;
	height: 35px;
	text-align: center;
	line-height: 35px;
	background: none;
	cursor: pointer;
	border: none;
	position: absolute;
	right:0;
	top:0;
	z-index: 1;
	outline: none;
}
.mobile_chaxun_form .menu_ibtn .iconfont{
	font-size: 24px;
	color: #fff;
}
.mobile_copyright{
	margin-top: 20px;
	line-height: 1.7;
}
.close_btn{
	position: absolute;
	right:20px;
	top:20px;
}
.close_btn .iconfont{
	font-size: 22px;
	color: #fff;
}

.banner-next,
.banner-prev,
.case-next,
.case-prev{
    cursor: pointer;
    position: absolute;
    width: 50px;
    height: 50px;
    background: #fff;
    display: flex;
    z-index: 999;
    justify-content: center;
    align-items: center;
    top:50%;
    margin-top: -25px;
	transition: 0.6s;
	opacity: 0.5;
	border-radius: 100%;
}
.banner-prev,
.case-prev{
    left:2%;
}
.banner-next,
.case-next{
    right: 2%;
}
.banner-prev:hover,
.banner-next:hover,
.case-next:hover,
.case-prev:hover{
	opacity: 1;
}
.banner-prev .iconfont,
.banner-next .iconfont,
.case-prev .iconfont,
.case-next .iconfont{
	font-size:30px;
}
.banner-pagination{
	width: 100%;
	position: absolute;
	z-index: 99;
	left:0;
	bottom:20px;
}
.banner-pagination .swiper-pagination-bullet{
	background: #fff;
	opacity: 0.8;
}
.common_title{
	display: flex;
	justify-content: center;
	align-items: center;
}
.common_title h2{
	font-size: 24px;
	position: relative;
	padding-left: 25px;
	padding-right: 25px;
	font-weight: normal;
}
.case_zone .common_title h2{
    color: #fff;
}
.common_title h2:before{
	content:"";
	width: 100px;
	height: 1px;
	display: block;
	background: #ccc;
	position: absolute;
	right:100%;
	top:50%;
}
.common_title h2:after{
	content:"";
	width: 100px;
	height: 1px;
	display: block;
	background: #ccc;
	position: absolute;
	left:100%;
	top:50%;
}
.common_title2{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.common_title2 h2{
    font-size:24px;
    font-weight:normal;
}
.common_title2 a{
    display: block;
    border: 1px solid #ddd;
    border-radius: 3px;
    padding: 2px 10px;
    transition: 0.6s;
    font-size: 14px;
}
.common_title2 a .iconfont{
    margin-left: 8px;
    font-size: 12px;
}
.common_title2 a:hover{
    background: #0095D9;
    border-color: #0095D9;
    color: #fff;
}
.prolist{
	margin-top: 10px;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.prolist li{
	width: 31%;
	overflow: hidden;
	transition: 0.6s;
	margin-top: 40px;
}
.prolist  li:last-child:nth-child(3n + 2) {
  margin-right: calc((100% - 31%) / 2);
}
.prolist li .pic{
	background: #fff;
	border:1px solid #ddd;
	overflow: hidden;
	position: relative;
}
.prolist li .pic .zhezhao{
    width:100%;
    height: 100%;
    overflow: hidden;
    display: flex;
    padding-left:60px;
    flex-direction: column;
    justify-content: center;
    background: rgba(0,0,0,0.5);
    position: absolute;
    z-index: 10;
    left:0;
    top:0;
    color: #fff;
    line-height: 30px;
    opacity: 0;
    transition: 0.6s;    
}
.prolist li:hover .pic .zhezhao{
    opacity: 1;
}
.prolist li .pic .zhezhao .inner{
    max-height: 120px;
    overflow: hidden;
}
.prolist li a{
	display: flex;
	flex-direction: column;
}
.prolist li .pic img{
	max-width: 100%;
	height: auto;
	display: block;
	transition: 0.6s;
	transform: scale(0.9);
}
.prolist li h3{
	font-size: 16px;
	font-weight: normal;
	text-align: center;
	margin-top: 20px;
}
.prolist li:hover .pic{
	border-color: #0095D9;
}
.prolist li:hover .pic img{
	transform:scale(1.1);
}
.case_zone{
	background: rgba(0,0,0,0.55);
}
.case .swiper-slide{
	position: relative;
	overflow: hidden;
	text-align: center;
}
.case .swiper-slide img{
	transition: 0.6s;
}
.case .swiper-slide:hover img{
	transform:scale(1.1);
}
.case .swiper-slide .zhezhao{
	width: 100%;
	height: 100%;
	overflow: hidden;
	background:rgba(0,0,0,0);
	transition: 0.6s;
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	position: absolute;
	left:0;
	top:0;
	z-index: 10;
	transition: 0.6s;
	padding-left: 30px;
	padding-right: 30px;
}
.case .swiper-slide:hover .zhezhao{
	background:rgba(0,0,0,0.5);
}
.case .swiper-slide h3{
	font-size: 16px;
	color: #fff;
	transform: translateY(100px);
	transition: 0.6s;
}
.case .swiper-slide p{
	display: block;
	padding-top: 15px;
	padding-bottom: 30px;
	line-height: 30px;
	font-size: 14px;
	color: #ddd;
	transform: translateY(150px);
	transition: 0.6s;
}
.case .swiper-slide:hover h3,
.case .swiper-slide:hover p{
	transform:translateY(0);
}
.case-pagination{
	position: static!important;
	margin-top: 20px;
}
.newslist{
	margin-top: 10px;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.newslist dl{
	width: 48%;
	padding: 10px;
	margin-top: 40px;
	transition: 0.6s;
}
.newslist dl:hover{
	background: #fff;
	box-shadow: 0px 0px 5px #ccc;
}
.ny_newslist dl{
	background: #fff;
	box-shadow: 0px 0px 5px #ccc;
}
.ny_newslist dl:hover{
	box-shadow: 0px 0px 5px #0095D9;
}
.newslist dl a{
	display: flex;
}
.newslist dl dt{
	width: 80px;
	padding-right: 10px;
	border-right: 1px solid #ddd;
	text-align: center;
	display: flex;
	flex-direction: column;
	justify-content: center;
	flex-shrink: 0;
}
.newslist dl dt .ri{
	font-size: 36px;
	font-weight: bold;
}
.newslist dl dt .nian{

}
.newslist dl dd{
	flex-grow: 1;
	padding-left: 10px;
	display: flex;
	flex-direction: column;
}
.newslist dl dd h3{
	font-size: 16px;
}
.newslist dl dd p{
	display: block;
	line-height: 30px;
	margin-top: 10px;
	color: #666;
	font-size: 14px;
}
.newslist2{
    display: flex;
    justify-content: space-between;
}
.newslist2 li{
    padding: 25px;
    background: #fff;
    width:31%;
    margin-top: 40px;
    transition: 0.6s;
    padding-top: 70px;
    padding-bottom: 70px;
}
.newslist2 li:hover{
    box-shadow: 0px 0px 5px #ddd;
    transform: translateY(-10px);
    
}
.newslist2 li a{
    display: flex;
    flex-direction: column;
    
}

.newslist2 li .date{
    font-size: 13px;
    color: #666;
}
.newslist2 li h3{
    font-size:16px;
    line-height: 30px;
    overflow: hidden;
    font-weight: normal;
    margin-top: 20px;
}
.newslist2 li p{
    display: block;
    font-size: 14px;
    line-height: 25px;
    margin-top: 20px;
    height: 100px;
    overflow: hidden;
    color: #666;
}
.newslist2 li .detail{
    margin-top: 30px;
    font-size:12px;
    color: #999;
}
.footer_zone{
	padding-top: 35px;
	padding-bottom: 35px;
	background: #444;
}
.footer{
	display: flex;
	justify-content: space-between;
}
.footer_item{
	padding-left: 2%;
	padding-right: 2%;
}
.footer .footer_item:first-child{
	padding-left: 0;
}
.footer .footer_item:last-child{
	padding-right: 0;
}
.footer_item dt{
	font-weight: bold;
	color: #fff;
	margin-bottom: 20px;
}
.footer_item dd{
	line-height: 30px;
	color: #ccc;
}
.footer_item dd a{
	color: #ccc;
}
.footer_lxxx{
	line-height: 30px;
	color: #ccc;
}
.footer_lxxx a{
	color: #ccc;
}
.footer_ewm img{
	width: 120px;
	height: auto;
	display: block;
}
.copy_zone{
	background: #222;
	color: #aaa;
	padding-top: 10px;
	padding-bottom: 10px;
	font-size: 14px;
}
.copy_zone a{
	color: #aaa;
}
.copyright{
	display: flex;
	justify-content: space-between;
}
.ny_zlm_zone{
	padding-top: 15px;
	padding-bottom: 15px;
	background: #f7f7f7;
	box-shadow: 0 2px 5px rgba(100,100,100,.2);
}
.ny_zlm{
	display: flex;
	justify-content: center;
	align-items: center;
}
.ny_zlm li{
	padding-left:50px;
	padding-right: 50px;
	position: relative;
	font-size: 18px;
}
.ny_zlm li:after{
	content: '';
	position: absolute;
	width: 1px;
	height: 22px;
	right: 0;
	top: 50%;
	margin-top: -11px;
	background-color: #000;
	opacity: 0.5;
}
.ny_zlm li.on a{
	color: #0095D9;
}
.ny_zlm li a:hover,
.ny_zlm li.on a{
    font-weight: bold;
}
.ny_zlm li:last-child:after{
	display: none;
}
.content{
	line-height: 30px;
}
.nylist3 .pic img{
	transform:scale(1)!important;
}
.nylist3:hover .pic img{
	transform:scale(1.1)!important;
}
.article_title{
	text-align: center;
	font-size: 32px;
}
.article_info{
	display: flex;
	justify-content: center;
	align-items: center;
	text-align: center;
	color: #999;
	border-bottom: 1px solid #ddd;
	padding-bottom: 20px;
}
.article_info .item{
	margin-left: 30px;
	margin-right: 30px;
}
.article_content{
	line-height: 30px;
}
.article_content img{
	max-width: 100%;
	height: auto;
}
.shangxiapian{
	padding-top: 30px;
	padding-bottom: 30px;
	border-top: 1px solid #ddd;
}
.shangxiapian ul{
	display: flex;
	flex-direction: column;
}
.shangxiapian ul li{
	line-height: 35px;
}
.shangxiapian ul li strong{
	margin-right: 8px;
}
.pro_info{
	display: flex;
	justify-content: space-between;
	margin-top: 50px;
}
.pro_left{
	width: 48%;
}
.pro_right{
	width: 48%;
}
.datu{
	border:1px solid #ddd;
}
.xiaotu{
	border:1px solid #ddd;
}
.pro_right{
	line-height: 30px;
}
.mySwiper{
	margin-top: 10px;
}
.search_keywords{
	padding-top: 30px;
	padding-bottom: 30px;
	font-size:18px;
	text-align: center;
}
.search_keywords strong{
	color: #ff0000;
	margin-left: 10px;
	margin-right: 10px;
}
.search_list{
	display: flex;
	flex-direction: column;
}
.search_list dl{
	margin-top: 30px;
	display: flex;
	background: #f7f7f7;
}
.search_list dl dt{
	width: 200px;
	background: #ddd;
	padding:15px;
	flex-shrink: 0;
	font-weight: bold;
}
.search_list dl dd{
	flex-grow: 1;
	padding:15px;
}

.fenlei_list{
	margin-top: 40px;
	display: flex;
	justify-content: space-between;
}
.fenlei_list li{
	width: 31%;
	overflow: hidden;
	transition: 0.6s;
	position: relative;
	overflow: hidden;
	background: #fff;
	border:1px solid #ddd;
}
.fenlei_list li .pic{
	overflow: hidden;
}
.fenlei_list li a{
	display: block;
}
.fenlei_list li .pic img{
	max-width: 100%;
	height: auto;
	display: block;
	transition: 0.6s;
}
.fenlei_list li h3{
	font-size: 20px;
	font-weight: normal;
	text-align: center;
	position: absolute;
	left:0;
	top:0;
	width:100%;
	height: 100%;
	z-index: 10;
	background:rgba(0,0,0,0.6);
	display: flex;
	flex-direction: column;
	justify-content: center;
	color: #fff;
	opacity: 0;
	transition: 0.6s;
}
.fenlei_list li:hover{
	border-color: #0095D9;
}
.fenlei_list li:hover .pic img{
	transform:scale(1.1);
}
.fenlei_list li:hover h3{
    opacity: 1;
}



/*悬浮链接*/
.suspension{position:fixed;z-index:55;right:0;top:30%;width:70px;height:240px;}
.suspension-box{position:relative;float:right;}
.suspension .a{display:block;width:44px;height:44px;background-color:#353535;margin-bottom:4px;cursor:pointer;outline:none;}
.suspension .a.active,
.suspension .a:hover{background:#0095D9;}
.suspension .a .i{float:left;width:44px;height:44px;background-image:url(../images/side_icon.png);background-repeat:no-repeat;}
/* .suspension .a-service .i{background-position:0 0;} */
.suspension .a-service .i{width:20px;height:20px;margin-top:12px;margin-left:12px;background-image:url(../images/suspension-bg.png);background-repeat:no-repeat;background-position:0 0;}
.suspension .a-service-phone .i{width:20px;height:20px;margin-top:12px;margin-left:12px;background-image:url(../images/suspension-bg.png);background-repeat:no-repeat;background-position:-27px 0;}
.suspension .a-qrcode .i{background-position:-44px 0;}
.suspension .a-cart .i{background-position:-88px 0;}
.suspension .a-top .i{background-position:-132px 0;}
.suspension .a-top{display:none;}
.suspension .a-top:hover{background:#0095D9;}
.suspension .d{display:none;width:223px;background:#fff;position:absolute;right:67px;min-height:50px;border:1px solid #E0E1E5;border-radius:3px;box-shadow:0px 2px 5px 0px rgba(161, 163, 175, 0.11);}
.suspension .d .arrow{position:absolute;width:8px;height:12px;background:url(../images/side_bg_arrow.png) no-repeat;right:-8px;top:31px;}
.suspension .d-service{top:90px;}
.suspension .d-service-phone{top:0px;}
.suspension .d-qrcode{top:38px;}
.suspension .d .inner-box{padding:0px 22px;}
.suspension .d-service-item{padding:5px 0;overflow:hidden;}
.suspension .d-service .d-service-item{border-bottom:none;}
.suspension .d-service-item .circle{width:44px;height:44px;border-radius:50%;overflow:hidden;background:#F1F1F3;display:block;float:left;}
.suspension .d-service-item .i-qq{width:44px;height:44px;background:url(../images/side_con_icon03.png) no-repeat center 15px;display:block;transition:all .2s;border-radius:50%;overflow:hidden;}
.suspension .d-service-item:hover .i-qq{background-position:center 3px;}
.suspension .d-service-item .i-tel{width:44px;height:44px;background:url(../images/side_con_icon02.png) no-repeat center center;display:block;}
.suspension .d-service-item h3{float:left;width:112px;line-height:44px;font-size:15px;margin-left:12px;}
.suspension .d-service-item .text{float:left;width:112px;line-height:22px;font-size:15px;margin-left:12px;}
.suspension .d-service-item .text .number{font-family:Arial,"Microsoft Yahei","HanHei SC",PingHei,"PingFang SC","Helvetica Neue",Helvetica,Arial,"Hiragino Sans GB","Heiti SC","WenQuanYi Micro Hei",sans-serif;color:#fc8080;}
.suspension .d-service-intro{padding-top:10px;}
.suspension .d-service-intro p{float:left;line-height:27px;font-size:12px;width:50%;white-space:nowrap;color:#888;}
.suspension .d-service-intro i{background:url(../images/side_con_icon01.png) no-repeat center center;height:27px;width:14px;margin-right:5px;vertical-align:top;display:inline-block;}
.suspension .d-qrcode{text-align:center;}
.suspension .d-qrcode .inner-box{padding:20px 0;}
.suspension .d-qrcode p{font-size:16px;color:#93959c;}


.tuwenlist{
    display: flex;
    flex-direction: column;
}
.tuwenlist dl{
    display: flex;
    background: #fff;
    padding:10px;
    border: 1px solid #ddd;
    box-shadow: 0px 0px 2px #ddd;
    transition: 0.6s;
    margin-top:30px;
}
.tuwenlist dl a{
    display: flex;
}
.tuwenlist dl dt{
    width: 350px;
    flex-shrink: 0;
    overflow: hidden;
}
.tuwenlist dl dt img{
    transition: 0.6s;
}
.tuwenlist dl dd{
    flex-grow: 1;
    padding: 0 30px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.tuwenlist dl dd h3{
    font-size: 18px;
}
.tuwenlist dl dd .time{
    font-size: 13px;
    color: #999;
    margin-top: 15px;
    
}
.tuwenlist dl dd p{
    display: block;
    margin-top: 10px;
    line-height: 30px;
    color: #666;
    font-size: 14px;
}
.tuwenlist dl dd .detail{
    padding:5px 10px;
    border: 1px solid #0095D9;
    font-size:14px;
    border-radius: 25px;
    transition: 0.6s;
    margin-top: 25px;
    width:150px;
    text-align: center;
    color: #0095D9;
}
.tuwenlist dl:hover{
    border-color: #0095D9;
}
.tuwenlist dl:hover dt img{
    transform: scale(1.1);
}
.tuwenlist dl:hover dd .detail{
    background: #0095D9;
    color: #fff;
}
.tuwenlist dl:hover dd h3{
    color: #0095D9;
}
.contact{
    display: flex;
    justify-content: space-between;
}
#map{
    width:68%;
}
#lxxx{
    width:28%;
}
.common_title3{
    display: flex;
    text-align: center;
    flex-direction: column;
}
.common_title3 h3{
    font-size:24px;
    font-weight:normal;
}
.common_title3 .xia{
    line-height: 30px;
    margin-top: 10px;
    color: #666;
    font-size: 14px;
}
.liuyan_box{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.liuyan_box .item{
    width:48%;
    margin-top:40px;
    display: flex;
    flex-direction: column;
}
.liuyan_box .item p em{
    font-style: normal;
    color: #ff0000;
    margin-right: 10px;
}
.liuyan_box .item .xia{
    margin-top: 10px;
}
.liuyan_box .itext{
    width: 100%;
    display: block;
    padding: 15px 10px;
    background: #f0f0f0;
    border: none;
    outline: none;
}
.liuyan_box .neirong_item{
    width:100%!important;
}
.liuyan_box .icontent{
    width: 100%;
    height: 145px;
    line-height: 30px;
    padding: 15px 10px;
    background: #f0f0f0;
    border: none;
    outline: none;
}
.liuyan_box .ibtn{
    width:200px;
    height: 45px;
    background: #0095D9;
    border-radius: 25px;
    margin-top: 40px;
    text-align: center;
    display: block;
    margin-left: auto;
    margin-right: auto;
    color: #fff;
    cursor: pointer;
    transition: 0.6s;
    line-height: 45px;
    outline: none;
    border: none;
    font-size:16px;
}
.liuyan_box .ibtn:hover{
    opacity: 0.8;
}
.more1{
    width:170px;
    height: 45px;
    display: block;
    margin-left: auto;
    margin-right: auto;
    border: 1px solid #ddd;
    text-align: center;
    line-height: 45px;
    transition: 0.6s;
}
.case_zone .more1{
    color: #fff;
}
.more1:hover{
    background: #0095D9;
    border-color: #0095D9;
    color: #fff;
}
.about{
    display: flex;
    justify-content: space-between;
}
.about_left{
    width: 48%;
}
.about_left img{
    display: block;
}
.about_right{
    width:48%;
    line-height:34px;
}
@media screen and (max-width: 1200px) {
	.container{
		padding-left: 2%;
		padding-right: 2%;
	}
}
@media screen and (max-width: 1100px) {
	.pc_nav > li > a{
		padding-left: 15px;
		padding-right: 15px;
	}
	.footer .footer_item:first-child{
		display: none;
	}
	.footer .footer_item:nth-child(2){
		padding-left: 0;
	}
}
@media screen and (max-width: 910px) {
	.pc_nav > li > a{
		padding-left: 10px;
		padding-right: 10px;
	}
	.footer .footer_item:nth-child(2){
		display: none;
	}
	.footer .footer_item:nth-child(3){
		padding-left: 0;
	}
}
@media screen and (max-width: 768px) {
	.pc_header_zone{
		display: none;
	}
	.mobile_header_zone{
		display: block;
	}
	.newslist dl{
		width: 100%;
	}
}
@media screen and (max-width: 600px) {
	body{
		font-size:14px;
	}
	.prolist li h3{
		font-size: 14px;
	}
	.banner-next, .banner-prev, .case-next, .case-prev{
		display: none;
	}
	.pt50{
		padding-top: 30px;
	}
	.pb50{
		padding-bottom: 30px;
	}
	.common_title h2{
		font-size: 18px;
	}
	.article_title{
		font-size: 18px;
		padding-bottom: 25px;
		border-bottom: 1px solid #ddd;
		line-height: 1.7;
	}
	.prolist li{
		width: 49%;
		margin-top: 20px;
	}
	.mt40{
		margin-top: 25px;
	}
	.newslist dl dt{
		display: none;
	}
	.copy_r{
		display: none;
	}
	.copy_l{
		width: 100%;
		text-align: center;
	}
	.ny_zlm_zone{
		display: none;
	}
	.newslist dl{
		margin-top: 25px;
	}
	.article_info{
		display: none;
	}
	.mt50{
		margin-top: 30px;
	}
	.pro_info{
		margin-top: 30px;
		flex-wrap: wrap;
	}
	.pro_left{
		width: 100%;
	}
	.pro_right{
		width: 100%;
		margin-top: 30px;
	}
	.search_list dl dt{
		display: none;
	}
	.search_list dl{
		margin-top: 0;
		margin-bottom: 10px;
	}
	.about{
	    flex-wrap: wrap;
	}
	.about_left{
	    width: 100%;
	}
	.about_right{
	    width: 100%;
	    margin-top: 25px;
	}
	.newslist2{
	    flex-wrap: wrap;
	}
    .newslist2 li{
        width: 100%;
    }
    .tuwenlist dl dt{
        width:100%;
    }
    .tuwenlist dl a{
        flex-wrap: wrap;
    }
    .tuwenlist dl dd{
        width:100%;
        padding:0px;
        margin-top: 15px;
        padding-bottom: 10px;
    }
    .contact{
        flex-wrap: wrap;
    }
    #map{
        width:100%;
    }
    #lxxx{
        width:100%;
        margin-top: 20px;
    }
    .liuyan_box .item{
        width: 100%;
    }
}