/*!
 * AB1
 * 更新于2020-09-10
 * 版权归属wpzt.net
 */

html {height:100%;}
body { 
	font-family:'Microsoft Yahei',"Helvetica Neue",Helvetica,Arial,sans-serif;
	font-size:14px;line-height:1.4;color:#333;
	-webkit-appearance:none;
	-webkit-tap-highlight-color:rgba(255,255,255,0);/*只在苹果设备有效，点击链接按钮时有灰色半透明背景*/
	-webkit-tap-highlight-color:transparent;/*去掉被点击时的高亮*/
	-webkit-box-sizing:border-box;
	box-sizing:border-box;/*边框和内边距算在内*/
	letter-spacing:.3px;/*字间距*/
	-webkit-font-smoothing:antialiased;/*去锯齿*/
	-moz-osx-font-smoothing:grayscale;}
a {text-decoration:none;}
a:hover,a:active {text-decoration:none;}
button,input {outline:none;}/*去掉点击时的边框*/
ul,li {margin:0;padding:0}
li {list-style:none;}
img {object-fit:cover;}/*图片全覆盖且不变形*/
h1,h2,h3,h4,h5,h6 {margin-top:0;padding:0;margin-bottom:0;}
h1{font-size:26px;}
h2{font-size:22px;}
h3{font-size:20px;}
h4{font-size:18px;}
h5{font-size:16px;}
h6{font-size:14px;}
p,pre{margin:0;}

/*-----------------------------------布局宽度----------------------------------*/
/*大宽页--本框架针对浏览器大小有不同的宽度设置，以下container根据浏览器宽度设置三档，1400px&1200px&100%，自动切换*/
.container{padding:0;margin:0 auto;max-width:1200px}

/*---列宽---*/
.col5{	width:5%;}
.col10{	width:10%;}
.col20{	width:20%;}
.col25{	width:25%;}
.col26{	width:26%;}
.col30{	width:30%;}
.col33{	width:33%;}
.col35{	width:35%;}
.col38{	width:38%;}
.col40{	width:40%;}
.col45{	width:45%;}
.col48{	width:48%;}
.col49{	width:49%;}
.col50{	width:50%;}
.col55{	width:55%;}
.col60{	width:60%;}
.col65{	width:65%;}
.col68{	width:68%;}
.col70{	width:70%;}
.col75{	width:75%;}
.col80{	width:80%;}
.col90{	width:90%;}
.col100{ width:100%;}
/*--三等分列宽*/
.col-3x{width:32%;}/*与弹性盒子同用，有间隔*/
.col-3d{width:33.33%;}
/*左侧带侧边栏工具的布局，侧边栏固定350px*/
.col350{width:350px;}
.col830{width:830px;}
.col850{width:850px;}
.height100{height:100%;}
.height50{height:50%;}

/*-------------------------弹性盒子（class请带上 d-flex）--------------------------*/
.fw-n{flex-wrap: nowrap;}/*不换行*/
.fw-w{flex-wrap:wrap;}/*换行*/
.fw-wr{flex-wrap: wrap-reverse;}/*换行，第一行在下方*/

.jc-fs {justify-content: flex-start;}/*左对齐*/
.jc-fe {justify-content:flex-end;}/*右对齐*/
.jc-c {justify-content:center;}/*居中*/
.jc-sb {justify-content:space-between;}/*两端对齐，项目之间的间隔都相等*/

.ai-fs {align-items: flex-start;}/*交叉轴的起点对齐*/
.ai-fe {align-items:flex-end;}/*交叉轴的终点对齐*/
.ai-c {align-items:center;}/*交叉轴的中点对齐*/
.ai-b {align-items:baseline;}/*项目的第一行文字的基线对齐*/
.ai-s {align-items: stretch;}/*占满整个容器的高度*/
/*----常用组合-----*/
.sb-c{justify-content:space-between;align-items:center;}/*两端对齐-交叉轴中点对齐*/
.sb-fs{justify-content:space-between;align-items: flex-start;}/*两端对齐-交叉轴起点对齐*/
.sb-s{justify-content:space-between;align-items: stretch;}/*两端对齐-占满整个容器的高度*/
.fs-c{justify-content:flex-start;align-items:center;}/*左对齐-交叉轴中点对齐*/
.fs-fs{justify-content:flex-start;align-items: flex-start;}/*左对齐-交叉轴起点对齐*/
.fs-s{justify-content:flex-start;align-items: stretch;}/*左对齐-占满整个容器的高度*/
.flexauto:after {content: "";flex: auto;}

/*----------------------------------边距--------------------------------------*/
/*--4个外边距--margin*/
.m0{	margin:0;}
.m5{	margin:5px;}
.m10{	margin:10px;}
.m15{	margin:15px;}
.m20{	margin:20px;}
.m25{	margin:25px;}
.m30{	margin:30px;}
.m35{	margin:35px;}
.m40{	margin:40px;}
.m45{	margin:45px;}
.m50{	margin:50px;}
.m55{	margin:55px;}
.m60{	margin:60px;}
.m65{	margin:60px;}
.m70{	margin:60px;}
.m75{	margin:60px;}
.m80{	margin:60px;}
.m85{	margin:60px;}
.m90{	margin:60px;}
/*--上下外边距--margin-top-bottom*/
.mtb0{	margin-top:0;margin-bottom:0;}
.mtb5{	margin-top:5px;margin-bottom:5px;}
.mtb10{	margin-top:10px;margin-bottom:10px;}
.mtb15{	margin-top:15px;margin-bottom:15px;}
.mtb20{	margin-top:20px;margin-bottom:20px;}
.mtb25{	margin-top:25px;margin-bottom:25px;}
.mtb30{	margin-top:30px;margin-bottom:30px;}
.mtb35{	margin-top:35px;margin-bottom:35px;}
.mtb40{	margin-top:40px;margin-bottom:40px;}
.mtb45{	margin-top:45px;margin-bottom:45px;}
.mtb50{	margin-top:50px;margin-bottom:50px;}
.mtb55{	margin-top:55px;margin-bottom:55px;}
.mtb60{	margin-top:60px;margin-bottom:60px;}
.mtb65{	margin-top:65px;margin-bottom:65px;}
.mtb70{	margin-top:70px;margin-bottom:70px;}
.mtb75{	margin-top:75px;margin-bottom:75px;}
.mtb80{	margin-top:80px;margin-bottom:80px;}
.mtb85{	margin-top:85px;margin-bottom:85px;}
.mtb90{	margin-top:90px;margin-bottom:90px;}
/*--左右外边距--margin-left-right*/
.mlrauto{	margin-left:auto;margin-right:auto;}
.mlr0{	margin-left:0;margin-right:0;}
.mlr5{	margin-left:5px;margin-right:5px;}
.mlr10{	margin-left:10px;margin-right:10px;}
.mlr15{	margin-left:15px;margin-right:15px;}
.mlr20{	margin-left:20px;margin-right:20px;}
.mlr25{	margin-left:25px;margin-right:25px;}
.mlr30{	margin-left:30px;margin-right:30px;}
.mlr35{	margin-left:35px;margin-right:35px;}
.mlr40{	margin-left:40px;margin-right:40px;}
.mlr45{	margin-left:45px;margin-right:45px;}
.mlr50{	margin-left:50px;margin-right:50px;}
.mlr55{	margin-left:55px;margin-right:55px;}
.mlr60{	margin-left:60px;margin-right:60px;}
.mlr65{	margin-left:65px;margin-right:65px;}
.mlr70{	margin-left:70px;margin-right:70px;}
.mlr75{	margin-left:75px;margin-right:75px;}
.mlr80{	margin-left:80px;margin-right:80px;}
.mlr85{	margin-left:85px;margin-right:85px;}
.mlr90{	margin-left:90px;margin-right:90px;}
/*--上外边距--margin-top*/
.mt0{	margin-top:0;}
.mt5{	margin-top:5px;}
.mt10{	margin-top:10px;}
.mt15{	margin-top:15px;}
.mt20{	margin-top:20px;}
.mt25{	margin-top:25px;}
.mt30{	margin-top:30px;}
.mt35{	margin-top:35px;}
.mt40{	margin-top:40px;}
.mt45{	margin-top:45px;}
.mt50{	margin-top:50px;}
.mt55{	margin-top:55px;}
.mt60{	margin-top:60px;}
.mt65{	margin-top:65px;}
.mt70{	margin-top:70px;}
.mt75{	margin-top:75px;}
.mt80{	margin-top:80px;}
.mt85{	margin-top:85px;}
.mt90{	margin-top:90px;}
/*--右外边距--margin-right*/
.mr0{	margin-right:0;}
.mr5{	margin-right:5px;}
.mr10{	margin-right:10px;}
.mr15{	margin-right:15px;}
.mr20{	margin-right:20px;}
.mr25{	margin-right:25px;}
.mr30{	margin-right:30px;}
.mr35{	margin-right:35px;}
.mr40{	margin-right:40px;}
.mr45{	margin-right:45px;}
.mr50{	margin-right:50px;}
.mr55{	margin-right:55px;}
.mr60{	margin-right:60px;}
.mr65{	margin-right:65px;}
.mr70{	margin-right:70px;}
.mr75{	margin-right:75px;}
.mr80{	margin-right:80px;}
.mr85{	margin-right:85px;}
.mr90{	margin-right:90px;}
/*--下外边距--margin-bottom*/
.mb0{	margin-bottom:0;}
.mb5{	margin-bottom:5px;}
.mb10{	margin-bottom:10px;}
.mb15{	margin-bottom:15px;}
.mb20{	margin-bottom:20px;}
.mb25{	margin-bottom:25px;}
.mb30{	margin-bottom:30px;}
.mb35{	margin-bottom:35px;}
.mb40{	margin-bottom:40px;}
.mb45{	margin-bottom:45px;}
.mb50{	margin-bottom:50px;}
.mb55{	margin-bottom:55px;}
.mb60{	margin-bottom:60px;}
.mb65{	margin-bottom:65px;}
.mb70{	margin-bottom:70px;}
.mb75{	margin-bottom:75px;}
.mb80{	margin-bottom:80px;}
.mb85{	margin-bottom:85px;}
.mb90{	margin-bottom:90px;}
/*--左外边距--margin-left*/
.ml0{	margin-left:0;}
.ml5{	margin-left:5px;}
.ml10{	margin-left:10px;}
.ml15{	margin-left:15px;}
.ml20{	margin-left:20px;}
.ml25{	margin-left:25px;}
.ml30{	margin-left:30px;}
.ml35{	margin-left:35px;}
.ml40{	margin-left:40px;}
.ml45{	margin-left:45px;}
.ml50{	margin-left:50px;}
.ml55{	margin-left:55px;}
.ml60{	margin-left:60px;}
.ml65{	margin-left:65px;}
.ml70{	margin-left:70px;}
.ml75{	margin-left:75px;}
.ml80{	margin-left:80px;}
.ml85{	margin-left:85px;}
.ml90{	margin-left:90px;}
/*--4个内边距--padding*/
.p0{	padding:0;}
.p5{	padding:5px;}
.p10{	padding:10px;}
.p15{	padding:15px;}
.p20{	padding:20px;}
.p25{	padding:25px;}
.p30{	padding:30px;}
.p35{	padding:35px;}
.p40{	padding:40px;}
.p45{	padding:45px;}
.p50{	padding:50px;}
.p55{	padding:55px;}
.p60{	padding:60px;}
.p65{	padding:65px;}
.p70{	padding:70px;}
.p75{	padding:75px;}
.p80{	padding:80px;}
.p85{	padding:85px;}
.p90{	padding:90px;}
/*--上下内边距--padding*/
.ptb0{	padding-top:0;padding-bottom:0;}
.ptb5{	padding-top:5px;padding-bottom:5px;}
.ptb10{	padding-top:10px;padding-bottom:10px;}
.ptb15{	padding-top:15px;padding-bottom:15px;}
.ptb20{	padding-top:20px;padding-bottom:20px;}
.ptb25{	padding-top:25px;padding-bottom:25px;}
.ptb30{	padding-top:30px;padding-bottom:30px;}
.ptb35{	padding-top:35px;padding-bottom:35px;}
.ptb40{	padding-top:0px;padding-bottom:0px;}
.ptb45{	padding-top:45px;padding-bottom:45px;}
.ptb50{	padding-top:50px;padding-bottom:50px;}
.ptb55{	padding-top:55px;padding-bottom:55px;}
.ptb60{	padding-top:60px;padding-bottom:60px;}
.ptb65{	padding-top:65px;padding-bottom:65px;}
.ptb70{	padding-top:70px;padding-bottom:70px;}
.ptb75{	padding-top:75px;padding-bottom:75px;}
.ptb80{	padding-top:40px;padding-bottom:40px;}
.ptb85{	padding-top:85px;padding-bottom:85px;}
.ptb90{	padding-top:90px;padding-bottom:90px;}
/*--左右内边距--padding*/
.plr0{	padding-left:0;padding-right:0;}
.plr5{	padding-left:5px;padding-right:5px;}
.plr10{	padding-left:10px;padding-right:10px;}
.plr15{	padding-left:15px;padding-right:15px;}
.plr20{	padding-left:20px;padding-right:20px;}
.plr25{	padding-left:25px;padding-right:25px;}
.plr30{	padding-left:30px;padding-right:30px;}
.plr35{	padding-left:35px;padding-right:35px;}
.plr40{	padding-left:40px;padding-right:40px;}
.plr45{	padding-left:45px;padding-right:45px;}
.plr50{	padding-left:50px;padding-right:50px;}
.plr55{	padding-left:55px;padding-right:55px;}
.plr60{	padding-left:60px;padding-right:60px;}
.plr65{	padding-left:65px;padding-right:65px;}
.plr70{	padding-left:70px;padding-right:70px;}
.plr75{	padding-left:75px;padding-right:75px;}
.plr80{	padding-left:80px;padding-right:80px;}
.plr85{	padding-left:85px;padding-right:85px;}
.plr90{	padding-left:90px;padding-right:90px;}
.plr-15{	padding-left:-15px;padding-right:-15px;}
/*--上内边距--padding-top*/
.pt0{	padding-top:0;}
.pt5{	padding-top:5px;}
.pt10{	padding-top:10px;}
.pt15{	padding-top:15px;}
.pt20{	padding-top:20px;}
.pt25{	padding-top:25px;}
.pt30{	padding-top:30px;}
.pt35{	padding-top:35px;}
.pt40{	padding-top:40px;}
.pt45{	padding-top:45px;}
.pt50{	padding-top:50px;}
.pt55{	padding-top:55px;}
.pt60{	padding-top:60px;}
.pt65{	padding-top:65px;}
.pt70{	padding-top:70px;}
.pt75{	padding-top:75px;}
.pt80{	padding-top:80px;}
.pt85{	padding-top:85px;}
.pt90{	padding-top:90px;}
/*--右内边距--padding-right*/
.pr0{	padding-right:0;}
.pr5{	padding-right:5px;}
.pr10{	padding-right:10px;}
.pr15{	padding-right:15px;}
.pr20{	padding-right:20px;}
.pr25{	padding-right:25px;}
.pr30{	padding-right:30px;}
.pr35{	padding-right:35px;}
.pr40{	padding-right:40px;}
.pr45{	padding-right:45px;}
.pr50{	padding-right:50px;}
.pr55{	padding-right:55px;}
.pr60{	padding-right:60px;}
.pr65{	padding-right:65px;}
.pr70{	padding-right:70px;}
.pr75{	padding-right:75px;}
.pr80{	padding-right:80px;}
.pr85{	padding-right:85px;}
.pr90{	padding-right:90px;}
/*--下内边距--padding-bottom*/
.pb0{	padding-bottom:0;}
.pb5{	padding-bottom:5px;}
.pb10{	padding-bottom:10px;}
.pb15{	padding-bottom:15px;}
.pb20{	padding-bottom:20px;}
.pb25{	padding-bottom:25px;}
.pb30{	padding-bottom:30px;}
.pb35{	padding-bottom:35px;}
.pb40{	padding-bottom:40px;}
.pb45{	padding-bottom:45px;}
.pb50{	padding-bottom:50px;}
.pb55{	padding-bottom:55px;}
.pb60{	padding-bottom:60px;}
.pb65{	padding-bottom:65px;}
.pb70{	padding-bottom:70px;}
.pb75{	padding-bottom:75px;}
.pb80{	padding-bottom:80px;}
.pb85{	padding-bottom:85px;}
.pb90{	padding-bottom:90px;}
/*--左内边距--padding-left*/
.pl0{	padding-left:0;}
.pl5{	padding-left:5px;}
.pl10{	padding-left:10px;}
.pl15{	padding-left:15px;}
.pl20{	padding-left:20px;}
.pl25{	padding-left:25px;}
.pl30{	padding-left:30px;}
.pl35{	padding-left:35px;}
.pl40{	padding-left:40px;}
.pl45{	padding-left:45px;}
.pl50{	padding-left:50px;}
.pl55{	padding-left:55px;}
.pl60{	padding-left:60px;}
.pl65{	padding-left:65px;}
.pl70{	padding-left:70px;}
.pl75{	padding-left:75px;}
.pl80{	padding-left:80px;}
.pl85{	padding-left:85px;}
.pl90{	padding-left:90px;}

/*-------------------------------清除浮动clearfix---------------------------------*/
.clearfix::after {display: block;clear: both;content: "";}

/*-------------------------------显示--display---------------------------------*/
.dis-none {display:none;}
.d-inline {display:inline !important;}
.d-inline-block {display:inline-block !important;}
.d-block {display:block !important;}
.d-table {display:table !important;}
.d-table-row {display:table-row !important;}
.d-table-cell {display:table-cell !important;}
.d-flex {display:-ms-flexbox !important;display:flex !important;}/*结合弹性盒子*/
.d-inline-flex {display:-ms-inline-flexbox !important;display:inline-flex !important;}

/*-------------------------------overflow---------------------------------*/
.overflow-auto {overflow:auto !important;}
.overflow-hidden {overflow:hidden !important;}

/*-------------------------------position---------------------------------*/
.position-s {position:static !important;}
.position-r {position:relative !important;}
.position-a {position:absolute !important;}
.position-f {position:fixed !important;}
.position-sticky {position:-webkit-sticky !important;position:sticky !important;}/*粘性位置*/
.fixed-top {position:fixed;top:0;right:0;left:0;z-index:1030;}
.fixed-bottom {position:fixed;right:0;bottom:0;left:0;z-index:1030;}

/*-------------------------------文字对齐方式---------------------------------*/
.textalign-c{text-align:center;}
.textalign-l{text-align:left;}
.textalign-r{text-align:right;}
.textalign-f{text-align:justify;}/*两端对齐*/

/*-------------------------------文字常用颜色值---------------------------------*/
.text-black{color:#000;}
.text-gray-3{color:#333;}
.text-gray-6{color:#666;}
.text-gray-9{color:#999;}
.text-gray-a{color:#aaa;}
.text-gray-b{color:#bbb;}
.text-gray-c{color:#ccc;}
.text-gray-e{color:#eee;}
.text-white{color:#fff;}
.text-red{color:#ff0000;}
.text-yello{color:#ffff00;}
.text-orange{color:#ff9900;}
.text-orange-d{color:#ff6600;}/*橘红色*/
.text-blue{color:#0094ff;}/*天蓝色*/
.text-green{color:#339933;}/*森林绿*/
.text-wood{color:#deb887;}/*实木色*/

/*-------------------------------背景常用色---------------------------------*/
.bgc-black{background-color:#000;}
.bgc-white{background-color:#fff;}
.bgc-gray-e{background-color:#eee;}/*灰色背景*/
.bgc-gray-de{background-color:#dedede;}/*de灰色背景*/
.bgc-gray-f4{background-color:#f4f4f4;}/*浅灰色灰色背景*/
.bgc-gray-f46{background-color:#f4f4f6;}/*偏蓝浅灰色灰色背景*/
.bgc-gray-f46{background-color:#f4f4f6;}/*偏蓝浅灰色灰色背景*/
.bgc-bluegray{background-color:#172433;}/*深蓝灰色背景-更多使用于页脚*/
.bgc-bluegray-00{background-color:#001328;}/*深蓝灰色接近黑色背景-更多使用于页脚*/
.bgopc-black-03{background-color:rdb(0,0,0,0.3);}/*黑色背景透明度0.3*/
.bgopc-black-05{background-color:rdb(0,0,0,0.5);}
.bgopc-black-07{background-color:rdb(0,0,0,0.7);}
.bgopc-white-03{background-color:rdb(255,255,255,0.3);}/*白色背景透明度0.3*/
.bgopc-white-05{background-color:rdb(255,255,255,0.5);}
.bgopc-white-07{background-color:rdb(255,255,255,0.7);}

/*-------------------------------常用边框 ---------------------------------*/
/*-------------------------------常用边框 ---------------------------------*/
.border-no{border:none;}
.border{border:1px #eee solid;}
.border-top{border-top:1px #eee solid;}
.border-right{border-right:1px #eee solid;}
.border-bottom{border-bottom:1px #eee solid;}
.border-left{border-left:1px #eee solid;}

/*-------------------------------常用圆角 ---------------------------------*/
.radius3{border-radius:3px;}
.radius5{border-radius:5px;}
.radius6{border-radius:6px;}
.radius8{border-radius:8px;}
.radius10{border-radius:10px;}
.radius15{border-radius:15px;}
.radius20{border-radius:20px;}
.radius50x{border-radius:50%;}

/*-------------------------------滤镜 ---------------------------------*/
  /*--动感模糊*/
.blur{
	-webkit-filter: blur(5px);
	-moz-filter: blur(5px);
	-o-filter: blur(5px);
	-ms-filter: blur(5px);
	filter: blur(5px); 
}


/*-------------------------------常用阴影 ---------------------------------*/
.boxshadow{box-shadow:0 0 6px #000;}
/*-------------------------------常用z-index ---------------------------------*/
.z-index-9{z-index:-9;}
.z-index-99{z-index:-99;}
.z-index-999{z-index:-999;}
.z-index-9999{z-index:-9999;}
.z-index-99999{z-index:-99999;}
.z-index9{z-index:9;}
.z-index99{z-index:99;}
.z-index999{z-index:999;}
.z-index9999{z-index:9999;}
.z-index99999{z-index:99999;}
/*---------------------------------媒体查询-设备显示----------------------------*/
@media (max-width:768px){
	.container{
		padding-left:10px;
		padding-right:10px;
	}
	.d-lg-bck{
		display:none!important;
	}
	.d-sm-bck{
		display:block!important;
}
}

body{
	font-family:open sans,hiragino sans gb,microsoft yahei,wenquanyi micro hei,Arial,Verdana,Tahoma,sans-serif
}
a{
	color:#333;
}
a:hover{
	color:#1ea4fe;
}
/*header*/
header{
	position:relative;
	z-index:99;
}
.header{
	background:#fff;
	display:relative;
	z-index:99;
}
.headerline{
	height:36px;
	background:#282d34;
	line-height:36px;
	color:#ccc;
}
.headerline a{
	color:#ccc;
	margin:0 5px;
	font-size:13px;
}
.logo{
	overflow:hidden;
}
.logo img{
	height:58px;
	width:auto;
	margin-right:20px;
}
.logo h1{
	font-size:30px;
	color:#1ea4fe;
	font-weight:600;
}
.logo p{
	font-size:16px;
	color:#999;
	margin-top:5px;
}
@keyframes logoanimat
{
	from {top:0;left:-70px;}
	to {top:20px;left:330px;}
}

@-webkit-keyframes logoanimat /* Safari and Chrome */
{
	from {top:0;left:-70px;}
	to {top:20px;left:330px;}
}
.guangxian{
	width:130px;
	height:40px;
	background:linear-gradient(180deg,rgba(32,44,81,0) 0%,rgba(255,255,255,0.6) 50%,rgba(32,44,81,0) 100%);
	position:absolute;
	transform: rotate(-45deg);
	top:0;
	left:-100px;	
	 animation: logoanimat 3s;
    -webkit-animation: logoanimat 3s; /* Safari 与 Chrome */
	animation-iteration-count:infinite;
-webkit-animation-iteration-count:infinite; /*Safari and Chrome*/
}
.header-r i{
	color:#1ea4fe;
	font-size:34px;
	margin-right:10px;
}
.header-r div p{
	line-height:1;
}
.header-r div p:first-child{
	color:#aaa;
}
.header-r div p:last-child{
	font-size:28px;
	color:#1ea4fe;
	font-family:Impact;
}
.header-r img{
	height:42px;
}
/*导航*/
.header-pc .menunav{
	height:62px;
	border-top:1px #dedede solid;
	border-bottom:1px #dedede solid;
	background:#fff;
}
.header-pc .navul > .menu-item{
	position:relative;
	padding:15px 0;
}
.header-pc .sub-menu{
	position:absolute;
	top:-500px;
	left:50%;
	margin-left:-50%;
	z-index:-1;
	background:#fff;
	width:100%;
	overflow:hidden;
	-webkit-transition: 0.7s;
	transition: 0.7s;
	box-shadow: 0 0 6px rgba(0,0,0,0.2);
	border-radius:0 0 10px 10px;
	padding-bottom:10px;
}
.header-pc .menu-item:hover .sub-menu{
	top:60px;	
}

.header-pc .sub-menu li.menu-item:hover a{
	color:#1ea4fe;
	background:#fff;
}
.header-pc .navul li.menu-item > a{
	color:#333;
	line-height:32px;
	height:32px;
	display:block;
	font-size:15px;
	border-radius:50px;
	font-weight:600;
	 word-break:keep-all;
  white-space:nowrap; 
 min-width:140px;
 text-align:center;
}
.header-pc .navul li.current-menu-item > a,.header-pc .navul li:hover > a{
	background:#fff;
	color:#1ea4fe;
	
}

.header-pc .navul .sub-menu li.menu-item a{
/*	background:#fff;*/
	font-weight:400;
	text-align:center;
	padding:0;
}
/*移动导航*/
.header-m {
	position:relative;
	padding:15px 10px;
}
.mnav-btn i{
	font-size:22px;
	color:#bbb;
}

.header-m .w-mnav{
	z-index:999999;
	position:fixed;
	top:0;
	left:0;
	width:100%;
	display:none;
	padding:20px;
	padding-top:80px;
	height:100%;
	background:#fff;
}
.header-m .menu-item {
	margin-bottom:00px;
}
.header-m .menu-item a{
	line-height:40px;
	padding:0 5px;
	display:block;
	height:40px;
	color:#526ba7;
	font-size:15px;
	font-weight:400;
	position:relative;
}
.header-m .menu-item i{
	font-size:13px;
	margin-right:5px;
}
.header-m .sub-menu{
	display:flex;
	flex-wrap: wrap;
	justify-content: flex-start;
}
.header-m .sub-menu .menu-item{
	margin-bottom:10px;
}
.header-m .sub-menu .menu-item:active{
	background:#f6fbff;
	border-radius:5px;
	color:#0091ff;
}
.header-m .sub-menu .menu-item:active{
	background:#f6fbff;
	border-radius:5px;
	color:#0091ff;
}
.header-m .sub-menu .menu-item a{
	line-height:28px;
	padding:0 10px;
	display:block;
	height:28px;
	color:#7d97d6;
	font-size:14px;
	font-weight:300;
}
.header-m .sub-menu .menu-item a p{
	margin:0;
	line-height:20px;
	color:#bbb;
	font-size:14px;
	display:block;
	height:20px;
	overflow:hidden;
}
.header-m .sub-menu .menu-item a span{
	font-size:14px;
	margin-right:5px;
	color:#bbb;
}
.header-m .w-hdright a{
	margin-right:8px;
	color:#0091ff;
}
.header-m a.navclose {
	border:none;
	background:none;
	position:absolute;
	top:28px;
	right:15px;
	color:#999;
}
.header-m a.wm-navbtn{
	color:#999;
	line-height:24px;
	width:24px;
	height:24px;
	position:absolute;
	top:28px;
	right:10px;
}
.header-m a.wm-navbtn i{
	font-size:18px;
}
.header-m a.navclose{
	z-index:999999;
	color:#ccc;
}
.header-m form{
	margin-top:40px;
	border:5px #f4f4f4 solid;
	position:relative;
	margin-left:auto;
	margin-right:auto;
}
.header-m form input{
	width:100%;
	border:none;
height:30px;
line-height:30px;	
}
.header-m form button{
	position:absolute;
	right:0;
	top:0;
	background:#1ea4fe;
	border:none;
	height:100%;
	width:40px;
	color:#fff;
}
/*banner*/
.banner img{
	width:100%;
	height:580px;
}
.my-bullet{
	width:35px;
	height:8px;
	background:#1ea4fe;
	display:inline-block;
	margin:30px 5px;
	opacity:0.5;
}
.my-bullet.swiper-pagination-bullet-active{
	opacity:1;
}
/*搜索*/
.announ_main {
    width: 100%;
    height: 76px;
    line-height: 76px;
    border-bottom: 1px solid #eee;
}
.announ{
	padding:20px 0;
	border-bottom:1px #dedede solid;
}
.search{
	width: 282px;
    height: 35px;
    line-height: 35px;
    -moz-border-radius: 30px;
    -webkit-border-radius: 30px;
    border-radius: 30px;
    background: #f6f6f6;
    position: relative;
}
.search input{
	outline: none;
    border: 0;
    height: 35px;
    line-height: 35px;
}
.search  .txt{
	width: 200px;
    background: 0 0;
    padding-left: 15px;
    display: block;
    color: #999;
}
.search button {
    width: 60px;
    background:#1ea4fe;
    position: absolute;
    right: 0;
    top: 0;
    cursor: pointer;
    -moz-border-radius: 30px;
    -webkit-border-radius: 30px;
    border-radius: 30px;
	border:none;
	color:#fff;
	height:35px;
	line-height:35px;
}
.announ_left{
	color:#999;
}
.announ_left a{
	color:#999;
	margin-right:10px;
}
.announ_left a:hover{
	color:#1ea4fe;
}
/*产品中心*/
.h2title {
	margin-bottom:40px;
}
.h2title h2{
	font-size: 40px;
    color: #646464;
    text-align: center;
    line-height: 40px;
    margin-bottom: 18px;
	position:relative;
	padding-bottom:25px;
}
.h2title h2:after{
	content:"";
	width:40px;
	height:1px;
	background:#1ea4fe;
	bottom:0;
	left:50%;
	margin-left:-20px;
	position:absolute;
}
.h2title h2 a{
	color: #646464;
	display:block;
}

.product-sort ul{
	display:flex;
	justify-content:center;
	align-items:center;
	flex-wrap:wrap;
}
.product-sort li{
	display: inline-block;
    width: 130px;
    height: 40px;
    line-height: 40px;
    background-color: #f4f4f4;
    border: 1px solid #f1efef;
    margin: 0 8px;
    border-radius: 6px;
    -webkit-transition: all .3s ease-in-out 0s;
    -moz-transition: all .3s ease-in-out 0s;
    transition: all .3s ease-in-out 0s;
	margin-bottom:15px;
	overflow:hidden;
}
.product-sort li:hover,.product-sort li.active{
/* 	background-color: #1ea4fe; */
    color: #fff;
}
.product-sort li:hover a,.product-sort li.active a{
	color: #fff;
	background:#1ea4fe;
}
.product-sort a{
	font-size: 14px;
    color: #666;
    text-align: center;
    display: block;
	    -webkit-transition: all .2s ease-in-out 0s;
    -moz-transition: all .2s ease-in-out 0s;
    transition: all .2s ease-in-out 0s;
}
.product-ctn img{
	width:100%;
	height:218px;
}
.product-ctn h3{
	height: 70px;
    line-height: 70px;
    text-align: center;
    color: #666;
    font-size: 16px;
    font-weight: 700;
    -webkit-transition: all .3s ease-in-out 0s;
    -moz-transition: all .3s ease-in-out 0s;
    transition: all .3s ease-in-out 0s;
	overflow:hidden;
}
.product-swiper {
	height:680px;
}

.gongcheng-swiper {
	height:680px;
}
.product-ctn .swiper-slide{
	height:290px;
}
.swiper-button-prev, .swiper-button-next{
	bottom:30px;
	top:auto!important;
}
.product-ctn .swiper-button-prev, .product-ctn .swiper-container-rtl .swiper-button-next{
	left:40%;
}
.product-ctn .swiper-button-next, .product-ctn .swiper-container-rtl .swiper-button-prev{
	right:40%;
}
.product-ctn .swiper-button-prev:after, .product-ctn .swiper-button-next:after{
	font-size:25px;
	color:#999;
	background:#f4f4f4;
	border:1px #dedede solid;
	border-radius:3px;
	padding:5px 30px;
}
.seemore{
		font-size:25px;
	color:#999;
	background:#f4f4f4;
	border:1px #dedede solid;
	border-radius:3px;
	padding:0 30px;
	position:absolute;
	display:block;
	bottom:33px;
	left:50%;
	margin-left:-43px;
	height:37px;
}
.seemore i{
	font-size:24px;
	line-height:37px;
	
}
.lookdetail{
	width:100%;
	height:218px;
	position:absolute;
	top:0;
	left:0;
	text-align:center;
	padding-top:85px;
	opacity:0;
	-webkit-transition: all .3s ease-in-out 0s;
    -moz-transition: all .3s ease-in-out 0s;
    transition: all .3s ease-in-out 0s;
	padding:20px;
}
.lookdetail:before{
	content:"";
	position:absolute;
	top:0;
	left:0;
	background:#1ea4fe;
	width:100%;
	height:100%;
	opacity:0.7;
}
.lookdetail i{
	font-size:40px;
}
.lookdetail p{
	color:#fff;
	position: absolute;
    z-index: 99;
	top:50%;
	left:50%;
	width:85%;
	transform:translate(-50%,-50%);

}

.product-ctn .swiper-slide:hover .lookdetail{
	opacity:1;
}
.product-ctn .swiper-slide:hover{
	box-shadow:0 0 6px rgba(0,0,0,0.3);
}
.product-ctn .swiper-slide:hover h3{
	color:#1ea4fe;
}  
/*我们的优势*/
.advantage {
	background-color: #f4f5f6;
	position: relative;
	padding-bottom:40px;
}
.advantage-ctn{
	position:relative;
	height: 560px;
	margin-top:50px;
}
.advantage-ctn img{
	position:absolute;
	width:585px;
	height:560px;
	top:0;
	left:50%;
	margin-left:-293px;
}
.advantage-ctn ul li{
	width:30%;
	position:absolute;
	z-index:1;
	height:93px;
}

.advantage-ctn ul li h4{
	font-size: 20px;
    color: #000;
    line-height: 1;
    padding-bottom: 16px;
    font-weight: 700;
    -webkit-transition: all .3s ease-in-out 0s;
    -moz-transition: all .3s ease-in-out 0s;
    transition: all .3s ease-in-out 0s;		
}
.advantage-ctn ul li i{
	display: block;
    width: 24px;
    height: 24px;
    line-height: 24px;
	color:#1ea4fe;
	position:absolute;
	top:0;
	font-size:22px;
}
.advantage-ctn ul li p{
	color:#999;
	    -webkit-transition: all .3s ease-in-out 0s;
    -moz-transition: all .3s ease-in-out 0s;
    transition: all .3s ease-in-out 0s;	
	height:38px;
	overflow:hidden;
}
.advantage-ctn ul li:first-child,.advantage-ctn ul li:nth-child(2),.advantage-ctn ul li:nth-child(3),.advantage-ctn ul li:nth-child(4){
	text-align:right;
	padding-right:30px;
}
.advantage-ctn ul li:nth-child(5),.advantage-ctn ul li:nth-child(6),.advantage-ctn ul li:nth-child(7),.advantage-ctn ul li:nth-child(8){
	text-align:left;
	padding-left:30px;
}
.advantage-ctn ul li:first-child i,.advantage-ctn ul li:nth-child(2) i,.advantage-ctn ul li:nth-child(3) i,.advantage-ctn ul li:nth-child(4) i{
	right:0;
}
.advantage-ctn ul li:nth-child(5) i,.advantage-ctn ul li:nth-child(6) i,.advantage-ctn ul li:nth-child(7) i,.advantage-ctn ul li:nth-child(8) i{
	left:0;
}
.advantage-ctn ul li:first-child{top:35px;left:50px;}
.advantage-ctn ul li:nth-child(2){top:180px;left:-30px;}
.advantage-ctn ul li:nth-child(3){bottom:140px;left:-30px;}
.advantage-ctn ul li:nth-child(4){bottom:-30px;left:50px;}
.advantage-ctn ul li:nth-child(5){top:35px;right:50px;}
.advantage-ctn ul li:nth-child(6){top:180px;right:-30px;}
.advantage-ctn ul li:nth-child(7){bottom:115px;right:-40px;}
.advantage-ctn ul li:nth-child(8){bottom:-30px;right:50px;}
.advantage-ctn ul li:hover p{
	margin-top:-8px;
}
.advantage-ctn ul li:hover h4,.advantage-ctn ul li:hover i{
	color:#01bc66;
}
/*客户案例*/
.case-swiper img {
    width: 100%;
    height: 300px;
}
.case-swiper{
	height:480px;
}
.case-swiper .swiper-slide{
	height:380px;
}
.case-swiper .lookdetail{
	height:300px;
	padding-top:130px;
}
/*关于我们*/
.aboutus{
	background:url(../images/aboutbg.jpg) repeat-x center;
}
.aboutus-l{
	width:45%;
	padding:35px;
	background:#fff;
	box-shadow:0 0 6px rgba(0,0,0,0.2);
}
.aboutus-l h3{
	font-weight:700;
	margin-top:10px;
	margin-bottom:30px;
	padding-bottom:15px;
	font-size:24px;
	border-bottom:1px #dedede solid;
	position:relative;
}
.aboutus-l h3:after{
	content:"";
	width:120px;
	height:4px;
	position:absolute;
	bottom:-2px;
	left:0;
	background:#1ea4fe;
	-webkit-transform: skewX(28deg);
	transform: skewX(28deg)
}
.aboutus-l p{
	color:#999;
	line-height:2;
	font-size:16px;
		overflow:hidden; 
  text-overflow:ellipsis;
  display:-webkit-box; 
  -webkit-box-orient:vertical; 
  -webkit-line-clamp:6; 
  word-wrap: break-word;
  height:200px;
}
.aboutus-r{
	width:55%;
}
.aboutus-r img{
	width:100%;
	height:421px;
}
.seedetails{
	background:#1ea4fe;
	margin-top:30px;
	color:#fff;
	padding:8px 20px;
	display:inline-block;
	font-size:15px;
	position:relative;
	padding-right:37px;
}
.seedetails i{
	position:absolute;
	right:15px;
	top:8px;
}
.seedetails:hover{
	color:#fff;
}
.seedetails:hover i{
	color:#fff;
	animation: seedetails 1s;
    -webkit-animation: seedetails 1s; /* Safari 与 Chrome */
	animation-iteration-count:infinite;
-webkit-animation-iteration-count:infinite; /*Safari and Chrome*/
}
@keyframes seedetails
{
    0% {right:15px;}
    50% {right:10px;}
    100% {right:15px;}
}
 
@-webkit-keyframes seedetails /* Safari 与 Chrome */
{
    0% {right:15px;}
    50% {right:10px;}
    100% {right:15px;}
}

/*资讯中心*/
.homenews .h2title{
	text-align:left;
	display:flex;
	justify-content:space-between;
	align-items:center;
	margin-bottom:30px;
}
.h2title-r li a{
	display:block;
	width:120px;
	height:40px;
	line-height:40px;
	color:#fff;
	background:#01bc66;
	text-align:center;
	border-radius:6px;
	margin-right:10px;
}
.h2title-r li:hover a,.h2title-r li.active a{
	background:#1ea4fe;
}
.homenews-item{
	display:flex;
	justify-content:space-between;
	align-items: stretch;
}
.homenews-item-l{
	width:41%;
}
.homenews-item-l img{
	width:100%;
	height:220px;
}
.homenews-item-l h3{
	margin-top:15px;
	margin-bottom:15px;
	font-weight:600;
}
.homenews-item-l p{
	font-size:15px;
	color:#bbb;
	line-height:1.5;
	text-overflow: -o-ellipsis-lastline;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  line-clamp: 3;
  -webkit-box-orient: vertical;
  height:65px;
}
.homenews-item-r{
	width:55%;	

}
.homenews-item-r .homenewsir{
	position:relative;
	background:#f4f4f4;
	padding:12px;
	padding-left:150px;	
	height:90px;
	margin-bottom:20px;
}
.homenews-item-r .homenewsir-date{
	width:80px;
	position:absolute;
	left:0;
	top:0;
	z-index:1;
	padding-left:20px;
	padding-top:15px;
	font-family: Impact;
	font-size:15px;
	line-height:1.1;
	color:#adadad;
}
.homenews-item-r .homenewsir-date span{
	font-size:44px;
	font-weight:600;
}
.homenews-item-r h3{
	font-size:17px;
	font-weight:600;
	margin-bottom:10px;
}
.homenews-item-r p{
	font-size:14px;
	color:#bbb;
	line-height:1.2;
	text-overflow: -o-ellipsis-lastline;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
  height:33px;
}
.homenews-item-r .homenewsir-date:after {
    position: absolute;
    left: 0;
    top: 0;
    content: "";
    width: 150px;
    height: 0;
    border-bottom: 90px solid #dfdfdf;
    border-right: 78px solid transparent;
    -webkit-transition: all .5s;
    transition: all .5s;
	z-index:-1;
}
.homenews .nav-tabs{
	border:none;
}
/*合作伙伴*/
.partner-ctn{
	margin-top:40px;
}
.partner-ctn img{
	height:80px;
	width:auto;
}
.partner-swiper .swiper-slide{
	width:auto;
	height:80px;
	padding-left:40px;
	padding-right:40px;
}
.partner-swiper .swiper-slide img{
	width:auto;
	height:80px;
}
.partner-swiper .swiper-button-prev:after, .partner-swiper .swiper-button-next:after{
	font-size:24px;
	background:rgba(0,0,0,0.2);
	border-radius:5px;
	padding:10px;
	color:#fff;
}

/*首页立即咨询*/
.ads{
	background:url(../images/ads.png) repeat center;
	padding-top:60px;
	padding-bottom:60px;
	text-align:center;
}
.ads h2{
	font-size:30px;
	font-weight:600;
}
.ads p{
	font-size:18px;
	margin-top:20px;
	margin-bottom:20px;
}
.ads a{
	display: block;
    width: 240px;
    height: 50px;
    margin: 0 auto;
    color: #fff;
    border-radius: 25px;
    background:#1ea4fe;
    margin-top: 20px;
	font-size:18px;
	line-height:50px;
}
.ads p span{
	    font-family: Impact;
		font-size:28px;
}

/*移动端首页分类*/
.mnavlist{
	background: #1ea4fe;
    width: 100%;
}
ul.mlist {
    padding: 0;
	display:flex;
	justify-content:flex-start;
	align-items:center;
	flex-wrap:wrap;
}
.mnavlist li{
	width:25%;
	text-align: center;
    display: block;
	border-right: 1px solid #33adff;
    border-bottom: 1px solid #33adff;
}
.mnavlist li a{
	line-height: 36px;
    font-size: 15px;
    color: #fff;
    height: 36px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
/*首页媒体查询*/
@media (max-width:768px){
	.container{
		padding-left:10px;
		padding-right:10px;
	}
	.d-lg-bck{
		display:none!important;
	}
	.d-sm-bck{
		display:block!important;
	}
	.header{
		padding:15px 10px;
		height:82px;
	}
	.logo img{
	height:44px;
	width:auto;
	margin-right:10px;
}
	.logo h1{
	font-size:22px;
	color:#1ea4fe;
	font-weight:600;
}
	.logo p{
	font-size:13px;}
	.my-bullet{
	width: 20px;
    height: 5px;
    background: #1ea4fe;
    display: inline-block;
    margin: 0 2px;
	opacity:0.5;
}
.banner img{
	width:100%;
	height:260px;
}
.h2title{
	flex-wrap:wrap;
}
.h2title h2{
	font-size:36px;
}
.h2title-l{
	width:100%;
	text-align:center;
	margin-top:40px;
margin-bottom:15px;	
}
.h2title-r{
	width:100%;
	justify-content:center;
}
.product-ctn .swiper-slide{
	height:290px;
	width:35%!important;
}

.rcd-l img{
	height:120px;
	top:-25px;
}
.rcd-l{
	height:120px;
}
.rcd-r h3{
	font-size:16px;
	padding-bottom:5px;
	margin-bottom:10px;
}
.advantage-title p{
	display:none;
}
.advantage-item img {
    width: 330px;
    height: 250px;
}
.advantage-item-text{
	padding-left:30px;
}
.product-ctn .swiper-button-prev, .product-ctn .swiper-container-rtl .swiper-button-next{
	left:35%;
}
.product-ctn .swiper-button-next, .product-ctn .swiper-container-rtl .swiper-button-prev{
	right:35%;
}
.advantage-ctn{
	height:1070px;
}
.advantage-ctn img{
	width:60%;
	height:auto;
	margin-left: -230px;
	top: 350px;
}
.advantage-ctn ul li{
	width:70%;
}
.advantage-ctn ul li:first-child{bottom:305px;top:auto;right:15px;left:auto;}
.advantage-ctn ul li:nth-child(2){bottom:205px;top:auto;right:15px;left:auto;}
.advantage-ctn ul li:nth-child(3){bottom:105px;top:auto;right:15px;left:auto;}
.advantage-ctn ul li:nth-child(4){bottom:0;top:auto;right:15px;left:auto;}
.advantage-ctn ul li:nth-child(5){top:35px;left:15px;}
.advantage-ctn ul li:nth-child(6){top:140px;left:15px;}
.advantage-ctn ul li:nth-child(7){top:245px;left:15px;}
.advantage-ctn ul li:nth-child(8){top:340px;left:15px;}
}
@media (max-width:414px){
		.container {
    padding-left:0;
    padding-right: 0;
	overflow:hidden;
}
.banner img{
	height:160px;
}
	.product{
		margin-bottom:20px;
		padding-left:10px;
		padding-right:10px;
	}
	.product-ctn{
	margin-left:-8px;
	margin-right:-8px;
}
	.product-item {
	width:50%;
	padding:0 8px;
}
.seemore{
	display:none;
}
.advantage-item-img{
	display:none;
}
.advantage-title div{
	display:block;
	padding-left:0;
	padding-right:0;
}
.advantage-title-item p{
	display:none;
}
.advantage-title h2{
	font-size:26px;
	padding:0 20px;
	text-align:center;
	border:none;
}
.advantage-item-text{
	width: 100%;
    padding-left: 0;
}
.advantage {
	padding-top:0;
	padding-bottom:0;
}
.advantage-item-text h3{
	height: 50px;
    line-height: 50px;
	padding-left: 80px;
    display: inline-block;
    padding-right: 37px;
    font-size: 20px;
}
.advantage-item-text h3:before{
	    height: 50px;
}
.advantage-item-text h3 div{
    position: absolute;
    top: 0px;
    left: 0;
    width: 45px;
    font-size: 30px;
	}
	.advantage{
		background:none;		
	}
	.advantage-ctn{
		padding:20px 15px;
	}
	.advantage-item-text p{
		font-size:16px;
	}
.aboutus {
	padding-top:0;
	padding-bottom:40px;
	margin-bottom:0;
	padding-left:10px;
	padding-right:10px;
}	
.aboutus-l{
	width:100%;
}
.aboutus-r{
	display:none;
}
.biaoyu{
	display:none;
}
.homenews-item{
	flex-wrap:wrap;
	
}
.homenews-item-l{
	width:100%;
	padding-bottom:30px;
	border-bottom:1px #dedede dotted;
}
.homenews-item-r{
	width:100%;
	margin-top:30px;
}
.homenews-item-r p{
	display:none;
}
.homenews-item-l img{
	height:160px;
}
.homenews {
	margin-bottom:0;
	padding-left:10px;
	padding-right:10px;
}
.partner {

}
.case{
	padding-top:20px;
}
.ads{
	padding:40px 20px;
}
.ads h2{
	font-size:24px;
}
.case-swiper img{
	height:180px;
}
.product-ctn .swiper-slide{
	height:240px;
}
.case-swiper {
	height:340px;
}
.product-ctn .swiper-button-prev:after, .product-ctn .swiper-button-next:after{
	font-size:20px;
	padding:5px 25px;
}
.advantage-ctn{
	margin-top:0;
}
.advantage .h2title {
	margin-bottom:0;
} 
}

/*************************内页***************************/
/*面包屑*/
.wbreadcrumb{
	position:relative;
	padding-left:40px;
	padding-top:15px;
	padding-bottom:15px;
	font-size:16px;
	border-bottom:1px #dedede dashed;
	color:#999;
	margin-bottom:50px;
}
.wbreadcrumb a{
	color:#999;
}
.wbreadcrumb>span{
	color:#666;
}
.twocube{
	height:50px;
	line-height:50px;
	color:#1ea4fe;
}
.twocube span{
	font-size:42px;
	position:absolute;
	left:0;
}
.twocube span:last-child{
	left:10px;
	opacity:0.5;
}
.wbreadcrumb li{
	margin:0 10px;
}
.wbreadcrumb li:last-child{
	font-weight:600;
}
/*内页banner*/
.page-banner{
	text-align:center;
	height:260px;
	display:flex;
	flex-direction:column;
	justify-content:center;
}
.page-banner h2{
	font-size:48px;
	color:#fff;
	position:relative;
	display:block;
	width:auto;
	width:25%;
	margin:0 auto;
}
.page-banner h2:before{
	content:"◆";
	font-size:48px;
	color:#fff;
	position:absolute;
	left:20px;
	top:0;
}
.page-banner h2:after{
	content:"◆";
	font-size:48px;
	color:#fff;
	position:absolute;
	right:20px;
	top:0;
}
/*产品中心*/
/*产品中心--侧边栏*/
.product-banner{
	background:url(../images/cpbanner.jpg) repeat-x center;
}
.sid-pdtsort-title{
	background:#1ea4fe;
	text-align:center;
	width:100%;
}
.sid-pdtsort-title h2{
	line-height:60px;
	height:60px;
	color:#fff;
	font-size: 20px;
    font-weight: 700;
}
.sid-pdtsortlist{
	padding:20px 10px;
	border:1px #ddd solid;
}
.sid-pdtsortlist ul li {
	margin-bottom:10px;
}
.sid-pdtsortlist ul li a{
	color:#fff;
	background:#1ea4fe;
}
.sid-pdtsortlist li a{
	font-size:16px;
	padding:10px 5px;
	display:block;
	-webkit-transition: all .2s;
    transition: all .2s;
	text-align:center;
}

.sid-pdtsortlist li a i{
	display:inline-block;
	border-radius:50%;
	width:16px;
	height:16px;
	line-height:16px;
	color:#1ea4fe;
	text-align:center;
	padding-left:3px;
	font-size:12px;
	margin-right:5px;
}
.sid-pdtsortlist ul.sid-submenu li{
		border-bottom:1px #dedede dotted;
		margin:0;
}
.sid-pdtsortlist ul.sid-submenu li a{
	color:#333;
	background:none;
	text-align:left;
	font-size:15px;
}
.sid-pdtsortlist ul.sid-submenu li a.active{
	font-weight:600;
	color:#1ea4fe;
}
.sid-pdtsortlist > ul > li > a:hover{
	opacity:0.8;
	background: #01bc66;
}


.sid-pdtsortlist2 li a{
	text-align:center;
	background:#1ea4fe;
	color:#fff;
}
.sid-pdtsortlist2 li a:hover{
	background:#01bc66;
}
.sid-pdtsortlist2 li{
	margin-bottom:15px;
}
.sid-ewmtel{
	background:#1ea4fe;
	color:#fff;
	text-align:center;
}
.sid-ewmtel > img{
	width:100%;
}
.sid-ewm{
	padding:20px;
	border-bottom:1px rgba(255,255,255,0.5) dotted;
}
.sid-ewm .sid-ewmtel-line{
	height:5px;
	width:80px;
	margin:15px auto;
	background:#002a77;
}
.sid-ewm p{
	font-size:15px;
	margin-bottom:15px;
}
.sid-ewm img{
	width:150px;
	height:150px;
}
.sid-tel{
	padding:15px;
	font-size:16px;
	padding-bottom:25px;
}
.sid-tel p:first-child{
	font-family: Impact;
	font-size:34px;
	margin-bottom:10px;
}
.sid-pdtsortlist ul.sid-submenu li a:hover{
	color:#1ea4fe;
}
/*产品列表*/
.productlist-ctn{
	display:flex;
	justify-content:flex-start;
	align-items:stretch;
	flex-wrap:wrap;
}
.productlist-item{
	width:32%;
	padding:10px;
	overflow:hidden;
	background:#f4f4f4;
	margin-right:2%;
	margin-bottom:20px;
			-webkit-transition: 0.3s;
	transition: 0.3s;
}
.productlist-item:nth-child(3n+3){
	margin-right:0;
}
.productlist-item img{
	width:100%;
	height:200px;
	-webkit-transition: 0.5s;
	transition: 0.5s;
}
.productlist-img{
	display:block;
	width:100%;
	height:200px;
	overflow:hidden;
}
.productlist-item h3{
	font-size:16px;
	line-height:1.5;
	padding:10px 15px 0 15px;
		text-overflow: -o-ellipsis-lastline;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp:2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
  height:60px;
	font-weight:600;
}
.productlist-item p{
	padding:10px 15px ;
	color:#999;
	position:relative;
	border-top:1px #1ea4fe solid;
	  margin-top:10px;
}
.productlist-item p i{
	font-size:12px;
	position:absolute;
	right:15px;
	top:12px;
}
.productlist-btn {
	text-align:center;
	
}
.productlist-btn a{
	display:inline-block;
	width:36%;
	height:38px;
	line-height:38px;
	text-align:center;
	background:#1ea4fe;
	margin:5%;
	font-size:15px;
	color:#fff;
}
.productlist-item:hover{
	box-shadow: 0 0 6px rgba(0,0,0,0.2);
}
/*.productlist-item:hover .productlist-btn a{
	border:1px #fff solid;
}*/
.productlist-btn a:hover{
opacity:0.8;
}
/*.productlist-item:hover h3 a {
	color:#fff;
}*/
/*.productlist-item h3 a:hover{
	color:#fff;
}*/
.productlist-item:hover img{
	-webkit-transform: scale(1.2, 1.2);
  transform: scale(1.2, 1.2);
}

/*分页*/
.w-fylink{
	text-align:center;
	height:50px;	
}
.w-fylink a{
	border-radius:4px;
	background:#fff;
	margin-right:3px;
	color:#999;
	font-size:14px;
	border:1px #ccc solid;
	width:36px;
	text-align:center;
	display:inline-block;
	height:38px;
	line-height:40px;
}
.w-fylink a i{
	font-size:14px;
}
.w-fylink a.active,.w-fylink a.active:hover{
	background:#1ea4fe;
	border:1px solid #1ea4fe;
	color:#fff;
}
.w-fylink a:hover{
background:#eee;
}
/*相同推荐*/
.recommend-title h2{
	display:inline-block;
	background:#1ea4fe;
	color:#fff;
	font-size:18px;
	padding:7px 25px;
	margin-bottom:20px;
}
.recommend-ctn{
	display:flex;
	justify-content:flex-start;
	align-items:stretch;
}
.recommend-item{
	width:23.5%;
	background:#eee;
	padding:3px;
		-webkit-transition: all .3s;
    transition: all .3s;
	padding-bottom:10px;
	margin-right:2%;
}
.recommend-item:last-child{
	margin-right:0;
}
.recommend-item img{
	width:100%;
	height:180px;
}
.recommend-item h3{
	font-size:15px;
	text-overflow: -o-ellipsis-lastline;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp:2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
  line-height:1.5;
  margin-top:10px;
  padding:0 10px;
}
.recommend-item:hover{
	background:#1ea4fe;
	color:#fff;
}
.recommend-item:hover h3{
	color:#fff;
}

/*产品详情*/
.pdtdsp-title{
	display:flex;
	justify-content:space-between;
	align-items:flex-start;
	height:310px;
	padding-top:15px;
}
.pdtdsp-title-l{
	width:40%
}
.pdtdsp-title .spotlight-group{
	position:relative;
	width:320px;
	height:260px;
	cursor:pointer;
}
.pdtdsp-title .spotlight-group .image{
	position:absolute;
	left:20px;
	top:25px;
}
.pdtdsp-title .spotlight-group .image img{
	width:320px;
	height:260px;
}
.pdtdsp-title .spotlight-group .image:first-child{
	z-index:9;
}
.spotlight-group .image span{
	display:none;
	background:rgba(0,0,0,0.6);
	color:#fff;
	top:50%;
	left:50%;
	z-index:9;
	position:absolute;
	line-height:38px;
	height:38px;
	text-align:center;
	font-size:16px;
	border-radius:8px;
		-webkit-transition: 0.3s;
	transition: 0.3s;
	padding:0 30px;
	margin-left:-90px;
	
}
.pdtdsp-title .spotlight-group:hover span{
	display:block;
}

.pdtdsp-title-r{
	width:58%;
	padding:25px 20px;
}

.pdtdsp-title h1{
	font-size:20px;
	font-weight:600;
	line-height:32px;
	position:relative;
	padding-left:30px;
	margin-bottom:20px;
}
.pdtdsp-title h1 span{
	font-size:30px;
	margin-right:10px;
	color:#1ea4fe;
	line-height:32px;
	position:absolute;
	left:0;
	top:0;
	
}
.pdtdsp-title-r p{
	font-size:15px;
	color:#777;
	background:#eee;
	padding:15px;
	line-height:1.5;
	margin-bottom:20px;
}
.pdtdsp-title-r div span ,.pdtdsp-title-r div a{
	display:inline-block;
	padding:10px 15px;
	border:1px #1ea4fe solid;
	color:#1ea4fe;
	margin-right:10px;
}
.pdtdsp-title-r div span i{
	font-size:14px;
}
.pdtdsp-ctn-title{
	padding:0 25px;
	border-bottom:1px #dedede solid;
}
.pdtdsp-ctn-title h3{
	display:inline-block;
	padding:6px 25px;
	background:#1ea4fe;
	color:#fff;
}
.pdtdsp-ctn-body{
	padding:25px 40px;
	line-height:1.8;
	font-size:15px;
}
.pdtdsp-ctn-body p{
	margin-bottom:20px;
}
.pdtdsp-ctn-body ul{
	padding-left:50px;
	margin-bottom:30px;
}
.pdtdsp-ctn-body ul li{
	list-style-type:disc;
}
.pdtdsp-ctn-body h2{
	font-size:20px;
	font-weight:600;
	border-bottom:1px #dedede solid;
	padding-bottom:10px;
	margin-bottom:15px;
	position:relative;
	margin-top:30px;
}
.pdtdsp-ctn-body h2:before{
	content:"";
	width:40px;
	height:4px;
	background:#1ea4fe;
	position:absolute;
	left:0;
	bottom:-2px;
}
.pdtdsp-ctn-body h3{
	font-size:18px;
	font-weight:600;
	margin-bottom:15px;
	margin-top:30px;
}
.pdtdsp-ctn-body img{
	width:auto;
	height:auto;
	display:block;
	margin:30px auto;
	box-shadow:0 0 6px rgba(0,0,0,0.16);
	max-width:100%;
}
/*引用*/
blockquote:before {
    position: absolute;
    content: "";
    left: 30px;
    top: 22px;
	display:block;
	width:36px;
	height:36px;
	background:url(../images/yinghao.png) no-repeat center;
	background-size:cover;
}
blockquote{
    position: relative;
    padding: 30px 30px 30px 75px;
    background: #eee;
    border-left: 0;
    font-size: 16px;
    border-radius: 6px;
	margin-top:30px;
	margin-bottom:30px;
	color:#999;
}
/*上一篇下一篇切换 */
.wzcutover{
	display:flex;
	justify-content:space-between;
	align-items:center;
	margin-top:30px;
	margin-bottom:10px;
}
.wzcutover-item{
	width:49%;	
	background:#f4f4f4;
	-webkit-transition: 0.3s;
	transition: 0.3s;
	height:76px;
}
.wzcutover-item a{
	display:block;
	color:#333;
	padding:8px 15px 15px 15px;
}
.wzcutover-item p:last-child{
	padding:8px 15px 15px 15px;
}
.wzcutover-item:hover{
	background:#007DDB;
}

.wzcutover-r{
	text-align:right;
}
.wzcutover-item > p{
	overflow: hidden;/*超出部分隐藏*/
    white-space: nowrap;/*不换行*/
    text-overflow:ellipsis;/*超出部分文字以...显示*/
	padding:15px 15px 0 15px;
}
.wzcutover-item:hover a,.wzcutover-item:hover > p{
	color:#fff!important;
}
/*文章详情页*/
.newsdsp-title{
	padding-top:10px;
	padding-bottom:30px;
	border-bottom:1px #dedede dotted;
	
}
.newsdsp h1{
	width:70%;
	margin:20px auto;
	text-align:center;
	font-size:24px;
	display:block;
	line-height:1.5;
}
.datetime{
	text-align:center;
	color:#999;
}
.datetime span{
	margin:0 15px;
}

/*新闻列表*/
.newslist-ctn{
	padding-top:20px;
	border-top:1px #dedede solid;
}
.newslist-item{
	position:relative;
	padding:20px 15px;
	background:#f4f4f4;
	-webkit-transition: 0.3s;
	transition: 0.3s;
	margin-bottom:20px;
	height:112px;
}
.newslist-text{
	margin:0 95px;
}
.newslist-text h3{
	font-size:17px;
	font-weight:600;
	word-break:keep-all;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis; 
  margin-bottom:10px;
}
.newslist-text p{
	text-overflow: -o-ellipsis-lastline;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
	line-height:1.5;
	color:#999;
}
.newslist-date{
	position:absolute;
	top:20px;
	left:15px;
	width:70px;
	height:70px;
	background:#fff;
	border:1px #dedede solid;
}
.newslist-date span{
	display:block;
	width:100%;
	text-align:center;
	color:#333;
}
.newslist-date span:first-child{
	height:45px;
	line-height:50px;
	font-size:30px;
	font-family: Impact;
}
.newslist-date span:last-child{
	height:25px;
	line-height:25px;
	font-size:14px;
	background:#dedede;
}
.newsmore{
	position:absolute;
	top:50%;
	right:15px;
	width:90px;
	height:32px;
	line-height:32px;
	margin-top:-16px;
	background:#999;
	text-align:center;
	color:#fff;
}
.newslist-item:hover{
	box-shadow:0 0 6px rgba(0,0,0,0.3);
}
/*关于我们*/
.aboutcompany{
	display:flex;
	justify-content:space-between;
	align-items:flex-start;
	
}
.aboutcompany img{
	width:40%;
	height:auto;
}
.aboutcompany h3,.honor-title h3{
	font-weight: 700;
    margin-top: 10px;
    margin-bottom: 30px;
    padding-bottom: 15px;
    font-size: 28px;
    border-bottom: 1px #dedede solid;
    position: relative;
}
.aboutcompany h3:after,.honor-title h3:after {
    content: "";
    width: 120px;
    height: 4px;
    position: absolute;
    bottom: -2px;
    left: 0;
    background: #1ea4fe;
    -webkit-transform: skewX(28deg);
    transform: skewX(28deg);
}
.aboutcompany p{
	font-size:16px;
	color:#777;
	line-height:2;
	margin-top:20px;
}
.honor{
	padding:60px 0;
	background:url(../images/homebg2.jpg) repeat-x center;
}
.honor-ctn{
	text-align:center;
}

.honor-ctn .image{
	width:22%;
	margin-right:3%;
	margin-bottom:30px;
	height:180px;
	cursor:pointer;
	position:relative;
}
.honor-ctn .image img{
	width:100%;
	height:100%;
}
.honor-ctn .spotlight-group{
	display:flex;
	justify-content:flex-start;
	align-items:left;
	flex-wrap:wrap;

}
.photo_nr ul li {
	float:left;
	margin:0 15px;
	line-height:30px;
	text-align:center;
	background:#dedede;
	padding:10px;
}
.photo_nr .photo_img{
	width:260px;
	height:240px;
	background:#fff;
}
.photo_nr .photo_img img{
	width:100%;
	height:100%;
}
.photo_nr p {
	padding:0;
	margin:0;
	font-size:15px;
	font-weight:600;
}

.honor-ctn .spotlight-group .image:hover span{
	display:block;
}
.cptestyle .photo_nr .photo_img{
	width:350px;
}
#picList1{
	margin-bottom:120px;
}
/*联系我们*/
.aboutmap{
	width:50%;
}
.aboutads{
	width:50%;
}
.contact-ctn{
	display:flex;
	justify-content:space-between;
	align-items:stretch;
	margin-top:50px;
}
.contact-title{
	text-align:center;
}
.contact-title h3{
	font-size:36px;
	padding-bottom:15px;
	border-bottom:1px #dedede solid;
	position:relative;
	margin-bottom:30px;
}
.contact-title h3:before{
  content: "";
    width: 120px;
    height: 4px;
    position: absolute;
    bottom: -2px;
    left: 50%;
    background: #1ea4fe;
    -webkit-transform: skewX(28deg);
	transform: skewX(28deg);
	margin-left:-60px;
}
.contact-title p{
	font-size:15px;
}
.aboutmap{
	height:398px;
	overflow:hidden;
}
.aboutads{
	background:#f4f4f4;
	padding:25px 40px 0 40px;
	font-size:16px;
}
.aboutads-item {
	padding:15px 25px;
	display:flex;
	justify-content:flex-start;
	align-items:flex-start;
		margin-bottom:25px;
		background:#eee;
}
.aboutads-item i{
	font-size:22px;
	margin-right:15px;
	line-height:1.5;

}
.aboutads-item p strong{
	line-height:2;
}
.aboutads-3{
	text-align:center;
}
.aboutads-3 img{
	width:150px;
	height:150px;
}
/*在线留言*/
.linemessage-ctn{
	background:#f4f4f4;
	padding:40px;
	font-size:15px;
}
.lineform-1{
	display:flex;
	justify-content:space-between;
	align-items:stretch;
	margin-bottom:20px;
	margin-top:40px;
}
.lineform-1 div{
	width:48.5%;
	background:#fff;
	padding:15px;
}
.lineform-1 label{
	margin:0;
}
.lineform-1 input{
	width:60%;
	border:none;
}
.lineform-2{
	background:#fff;
	padding:15px;
}
.lineform-2 label{
	display:block;
}
.lineform-2 textarea{
	width:100%;
	border:none;
}
.lineform-3b{
	margin-top:20px;
}
.lineform-3{
	background:#fff;
	padding:15px;
	width:30%;
	position:relative;
}
.lineform-3 input{
	border:none;
}
.lineform-3 label{
	margin-bottom:0;
}
.lineform-3 img{
    width: auto;
    height: 42px;
    position: absolute;
    top: 5px;
    right: 10px;
}
.linemessage-ctn button{
	border:none;
	background:#1ea4fe;
	color:#fff;
	width:140px;
	line-height:38px;
	margin-top:15px;
}

.linemessage-ctn p{
	font-size:16px;
}
.linemessage-ctn p:first-child{
	font-size:24px;
	margin-bottom:15px;
	color:#1ea4fe;
}

/*页脚*/
	
.footer-flex{display:flex;justify-content: flex-start;align-items: flex-start;overflow:hidden;}
	.footer-row{margin-left:-15px;margin-right:-15px;}
	.footer-top-color{color:#fff;}
	.footer-top-bgcolor{background:#161e30;}
	.footer-top{padding:60px 0 50px;font-size:14px;line-height:1.5;text-align: justify;}
	.footer-top p{opacity:0.8;}
	.footer-text img{display:block;margin:10px 0;max-width:100%;}
	.footer-text{width:25%;padding:0 15px;}
	.footer-link{width:12.5%;padding:0 15px;}
	.footer-link ul{list-style:none;padding:0;margin:0;}
	.footer-link ul li a{opacity:0.8;display:block;padding-bottom:5px;}
	.footer-link ul li a:hover{color:#fff;opacity:1;}
	.footer-img{width:12.5%;padding:0 15px;text-align:center;}
	.footer-img img{width:120px;height:auto;max-width:100%;margin-bottom:8px;}
	.footer-img span{display:block;text-align:center;}
	.footer-top .footer-text-title{font-size:18px;font-weight:600;opacity:1;line-height:24px;}
	.footer-top .footer-link-title{font-size:15px;font-weight:600;opacity:1;line-height:24px;}
	.footer-bottom{text-align:center; padding:35px 0;font-size:14px;}	
	.footer-bottom-color{color:#fff;}
	.footer-bottom-bgcolor{background:#232d44;}
	.friendlink,.copyright{margin-bottom:5px;line-height:1.8;opacity:0.5;}
	.footer-bottom .friendlink a,.footer-bottom .copyright a{color:#fff;opacity:1;} 
 
footer{
	background:#161e30;
	color:#fcfcfc;
}
.w-ft{
	padding-top:80px;
}
.w-ftitem-1{
	width:26%;
	padding-right:40px;
	margin-top:-20px;
}
.w-ftitem-1 img{
	width:auto;
	height:52px;
	margin-bottom:15px;
}
.w-ftitem-1 p{
	opacity:0.65;color:#fff;
	text-align:justify;
}
.w-ftitem-2{
	width:57%;
	padding-right:40px;
}
.w-ftitem-2 h5{
	font-size:15px;
	font-weight:700;
	border-left:3px solid #fff;
	padding-left:8px;
	line-height:1;
	opacity:0.8;
	margin-bottom:20px;
}
.w-ftitem-2 ul li{
	margin-top:10px;
	opacity:0.65;
}
.w-ftitem-2 ul li a{
	color:#fff;
	opacity:0.65;
}
.w-ftitem-2 ul li a:hover{
	opacity:0.8;
}
.w-ftitem-3{
	width:20%;
	text-align:right;
}
.w-ftitem-3 img{
	width:110px;
	height:110px;
}
.w-ftitem-3 p{
	opacity:0.65; 
	margin-top:5px;
}

.w-ftbq {
	padding-top:20px;
	border-top:1px #2f3c5a  solid ;
	margin-top:70px;
	font-size:12px;
	text-align:center;
}
.w-ftbq p{
	margin-bottom:6px;
	margin-top:6px;
		opacity:0.65;
}
.w-ftbq span{
	opacity:0.65;
}
.w-ftbq a{
	color:#fff;
	padding:0 5px;
	opacity:0.85;
}

.foot_phone_title {
	font-size:16px;
	font-weight:600;
	text-align:right;
	margin:0;
}
p.foot_phone {
	height:40px;
	line-height:40px;
	font-size:34px;
	color:#989898;
	text-align:right;
	margin-top:15px;
	margin-bottom:5px;
	font-family:Impact;
}
.foot_phone i {
	font-size:22px;
}
.foot_phone_info {
	font-size:12px;
	color:#989898;
	height:20px;
	line-height:20px;
	text-align:right;
	margin:0;
	margin-bottom:30px;
}
.foot_icon li {
	position:relative;
	width:33px;
	height:33px;
	margin:10px;
	cursor:pointer;
}
.foot_icon li{
	background:rgba(255,255,255,0.3);
	border-radius:50%;
	text-align:center;
}
.foot_icon li>i {
	color:#161e30;
	font-size:20px;
	line-height:33px;
}
.foot_icon li>div {
	position:absolute;
	display:none;
	border:1px solid #eee;
	animation:winAlertIn 0.4s;
	border-radius:4px;
}
.foot_icon li>div>i {
	position:absolute;
	display:block;
	border-top:10px solid #fff;
	border-left:10px solid transparent;
	border-right:10px solid transparent;
	bottom:-10px;
	left:43px;
	height:0px;
	width:0px;
}
.foot_icon li:hover {
	background:#f4f4f4;
}
.foot_icon li:hover>div {
	display:block;
}

.foot_qq_content {
	width:120px;
	height:auto;
	background-color:#fff;
	border:1px solid #eee;
	padding:20px 10px;
	bottom:50px;
	left:-33px;
}
.foot_weixin_content {
	width:120px;
	padding:10px;
	background-color:#fff;
	height:165px;
	top:-170px;
	left:-33px;
}
.foot_douyin_content {
	width:120px;
	padding:10px;
	background-color:#fff;
	height:165px;
	top:-170px;
	left:-33px;
}
.foot_weibo_content {
	width:120px;
	padding:10px;
	background-color:#fff;
	height:100px;
	top:-105px;
	left:-33px;
}
.foot_weibo_content .foot_qr a {
	display:block;
	height:28px;
	line-height:28px;
	font-size:14px;
	width:80px;
	margin:5px auto;
	color:#999;
	border:1px solid #999;
	font-weight:600;
	border-radius:5px;
	text-align:center;
}
.foot_weibo_content .foot_qr a:hover {
	color:#e6162d;
	border:1px solid #e6162d;
}
.foot_qr img {
	width:100px;
	height:100px;
}
.foot_qr h5 {
	text-align:center;
	color:#333;
	font-size:12px;
	font-weight:600;
	line-height:1.5;
	margin-top:7px;
}
.foot_qr p {
	text-align:center;
	color:#666;
	font-size:12px;
	line-height:1.2;
	padding:0;
	margin:0;
}
@keyframes winAlertIn {
	0% {
	transform:scale(0.7);
}
45% {
	transform:scale(1.08);
}
80% {
	transform:scale(0.9);
}
100% {
	transform:scale(1);
}
}.foot_qq_list h3 {
	height:20px;
	line-height:20px;
	font-size:14px;
	font-weight:600;
	overflow:hidden;
	color:#333;
	text-align:center;
	margin-bottom:10px;
}
.foot_qq_list p {
	height:20px;
	line-height:20px;
	font-size:12px;
	font-weight:600;
	color:#666;
	text-align:left;
	overflow:hidden;
	font-weight:600;
	margin:5px 0;
}
.foot_qq_list a {
	display:block;
	height:28px;
	line-height:28px;
	font-size:12px;
	font-weight:500;
	color:#999;
	text-align:center;
	border:1px solid #ededed;
}
.foot_qq_list a:hover {
	color:#1795ee;
}
.foot_qq i,.foot_weibo i{
	font-size:17px!important;
}
/*侧边客服咨询*/
.customer-f{
	position:relative;
	position:fixed;
	top:60%;
	right:0;
	width:60px;
	z-index:99;
}
.customer{

	background:#0095FF;
	width:60px;
	color:#fff;
	border-radius:5px 0 0 5px;
}
.customer div{
	width:100%;
	height:60px;
	line-height:60px;
	text-align:center;
	border-top:1px #fff solid;
	position:relative;
	overflow:hidden;
}
.customer div:first-child{
	border:none;
}
.customer div a{
	color:#fff;
	display:block;
	position:absolute;
	top:0;
	left:0;
	height:100px;
	transition: 0.3s;
    -webkit-transition: 0.3s; /* Safari */
}
.customer div span{
	display:block;
	height:60px;
	width:100%;
	padding:5px 10px;
	line-height:1.2;
	font-size:15px;
}
.customer div:hover a{
	top:-60px;
	color:#fff!important;
}
.QZ-up {
/*    width:100%;
    height: 60px;*/
    cursor: pointer;
	text-align:center;
	line-height:60px;
}
.customer i{
	font-size:28px;
}
.QZ-up i{
	font-size:24px;
}

.customer-f .customer-ewm{
	background:#fff;
	border-radius:8px;
	padding:5px;	
	position:absolute;
	left:-120px;
	top:90px;
	width:110px;
	height:110px;
	box-shadow:0 0 3px rgba(0,0,0,0.1);
	opacity:0;
	transition: 0.3s;
    -webkit-transition: 0.3s; /* Safari */
}
.customer-f .customer-ewm img{
	width:100%;
	height:100%;
}
.customer-f .customer-ewm:before{
	content:"";
	width:0;
	height:0;
	border-left:10px #f4f4f4 solid;
	border-top:10px transparent solid;
	border-bottom:10px transparent solid;
	position:absolute;
	right:-10px;
	top:50%;
	margin-top:-5px;
	
}
/*标签*/
.single-tag{
	font-size: 15px;
    color: #999;
	padding-top:20px;
	border-top:1px #dedede dotted;
	margin-top:60px;
}
.single-tag a{
	display: inline-block;
    font-size: 13px;
    border:none;
	background:#dedede;
    border-radius: 3px;
    color: #999;
    line-height: 20px;
    padding: 3px 8px;
    word-break: keep-all;
    white-space: normal;
	margin-right:5px;
	margin-bottom:10px;
}
.single-tag a:hover{
	box-shadow:0 0 3px rgba(0,0,0,0.4);
	
}
/*搜索页*/
.schpage-item{
	padding:30px  25px;
	background:#f4f4f4;
	margin-bottom:20px;
	position:relative;
			-webkit-transition: 0.3s;
	transition: 0.3s;
}
.schpage-item h3{
	font-size:18px;
	font-weight:600;
	margin-bottom:15px;
}
.schpage-item  p{
	font-size:15px;
	color:#999;
	margin-bottom:50px;
}
.schpage-item-btm{
	position:absolute;
	bottom:30px;
	left:25px;
}
.schpage-item-btm div{
	margin-right:50px;
	color:#999;
}

.schpage-item:hover{
	box-shadow:0 0 8px rgba(0,0,0,0.2);
}

/*内页媒体查询*/

@media (max-width:768px){
	.guangxian{
		display:none;
	}
	
	.page-banner{
		height:180px;
	}
	.page-banner h2{
		width:50%;
		font-size:38px;
	}
	.page-banner h2:before,.page-banner h2:after{
		font-size:38px;
	}
	.col75.pl30{
		padding-left:0;
		width:100%;
	}
	.productlist {
		padding-left:5px;
		padding-right:5px;
	}
	.product-ctn .swiper-slide {
    height: 290px;
    width: 50%!important;
}
.h2title h2{
	font-size:30px;
	padding-bottom:15px;
	margin:0;
}
.advantage-ctn ul li{
	width:90%;
}
.advantage-ctn img {
    width: 65%;
    height: auto;
    margin-left: -120px;
    top: 436px;
}
.case{
	margin-top:60px;
}
	.spotlight-group .image img {
    width: 290px;
    height: 230px;
	}
	.pdtdsp-title-r p{
		display:none;
	}
	.pdtdsp-title-r>div{
		margin-top:60px;
		padding-left:30px;
	}
	.pdtdsp-title{
		height:280px;
	}
	.recommend-item h3{
		height:60px;
	}
	.spotlight-group .image span{
		display:block;
	}
	.aboutads-3{
	display:none;
}
.aboutcompany img{
	margin-top:60px;
}
.aboutcompany-l{
	padding-right:20px;
	padding-left:20px;
}
.honor-ctn .image {
    width: 30%;
}
.honor-ctn .image img{
	width:100%;
	height:100%;
}
.contact-ctn{
	display:block;
}
.aboutmap,.aboutads{
	width:100%;
}
.contact{
	padding:0;
	width:100%;
	overflow:hidden;
}
.aboutads{
	padding:40px;
}
.contact-title h3{
	font-size:30px;
}
.lineform-3b{
	display:flex;
	justify-content:flex-end;
	align-items:stretch;
}
.lineform-3{
	width:45%;
}
.linemessage-ctn{
	padding:40px 20px;
}
.header-m form input{
	background:none;
}
.header-m form button{
	line-height:25px;
}
.search{
	height:40px;
}
.newslist{
	width:100%;
	padding:0;
}
.wbreadcrumb{
	margin-bottom:20px;
}
.recommend-item img {
	height:110px;
}
.productlist{
	width:100%;
}
.productlist-img{
	height:160px;
}
.productlist-item img{
	height:160px;
}
.homenews-item-r p{
	display:none;
}
}

@media (max-width:414px){
.twocube{
	display:none;
}
	.page-banner{
		height:160px;
	}
	.page-banner h2{
		width:65%;
		font-size:32px;
	}
	.page-banner h2:before,.page-banner h2:after{
		font-size:32px;
	}
	.col75.pl30{
		padding-left:0;
		width:100%;
	}
	.productlist {
		padding-left:0;
		padding-right:0;
	}
	.wbreadcrumb {
    padding-left: 25px;
    font-size: 12px;
    margin-bottom: 20px;
	}
	.productlist-ctn{
		padding-left:10px;
		padding-right:10px;
	}
	.productlist-item {
    width:100%;
    padding: 10px;
    overflow: hidden;
	margin-right:0;
}
.productlist-btn a{
	margin:10px;
	width:39%;
}
.productlist-item h3{
	height:36px;
}
.productlist-itemxq{
	display:none;
}
.productlist-img{
	height:160px;
}
.productlist-item img{
	height:160px;
}
.twocube span:last-child {
left: 5px;}
.twocube span {
font-size: 28px;}
.recommend-ctn{
	flex-wrap:wrap;
	padding:0 10px;
}
.recommend-item{
	width:48%;
	margin-bottom:20px;
}
.pdtdsp-title{
	flex-wrap:wrap;
	height:auto;
}
.pdtdsp-title-l{
	width:100%;
	height:320px;
}
.pdtdsp-title-r{
	padding:0 15px;
	width:100%;
}
.pdtdsp-title h1{
	font-size: 18px;
    line-height: 1.5;
}
.pdtdsp-title-r>div{
	margin-top:30px;
	text-align:center;
}
.pdtdsp-title-r>div a{
	display:none;
}
.spotlight-group{
	width:100%;
}
.spotlight-group .image{
	left:0;
	top:0;
}
.spotlight-group .image img{
	width:100%;
}
.casectn-images{
	margin-bottom:0;
}
.pdtdsp-ctn-body ul{
	padding-left:15px;
	line-height:1.2;
}
.pdtdsp-ctn-body ul li{
	margin-bottom:10px;
}
.wzcutover{
	flex-wrap:wrap;
}
.wzcutover-item{
	width:100%;
	margin-bottom:15px;	
}
.wzcutover-r{
	text-align:left;
}
.pdtdsp-ctn-body h2{
	font-size:18px;
}
.pdtdsp-ctn-body h3{
	font-size:17px;
}
.newsdsp h1{
	width:100%;
	padding:0 15px;
	font-size:22px;
}
.newslist-item{
	padding: 25px 15px;
    padding-left: 30px;
	margin-bottom:10px;
}
.newslist-item h3 a{
	font-size: 16px;
}
.newslist-item p{
	font-size:14px;
	margin-bottom:15px;
}
.newslist-item>span{
    top: 18px;
    left: 10px;
font-size: 25px;
}
.newslist-text{
	margin:0;
	margin-left:70px;
}
.newsmore{
	display:none;
}
.w-fylink a {
    margin-right: 3px;
    font-size: 13px;
    width: 30px;
    height: 32px;
    line-height: 30px;
}
.aboutads{
	flex-wrap:wrap;
	padding:20px;
}

.aboutads-item{
	width:100%;
}
.aboutcompany{
	display:block;
}
.aboutcompany-l{
	padding:0 15px;
}
.aboutcompany img{
	width:100%;
}
.aboutcompany h3{
	font-size:24px;
}
.honor,.cptestyle  {
	padding:0 10px;
}
.honor-ctn .image {
    width: 47%;
}
.honor-ctn .image{
	height:105px;
}
.spotlight-group .image span {
    line-height: 26px;
    height: 26px;
    font-size: 12px;
    padding: 0 5px;
    margin-left: -50px;
}
.contact-title h3{
	font-size:26px;
}
.contact-title p{
	padding:0 20px;
}
.linemessage-ctn{
	padding:30px 15px;
}
.lineform-1 div{
	width:100%;
	margin-bottom:20px;
}
.lineform-1{
	display:block;
}
.lineform-3b{
	display:block;
}
.lineform-3{
	width:100%;
	margin-bottom:20px;
}
.lineform-3b button{
	width:100%;
	margin:0;
}
.pdtdsp-ctn-body{
	padding:15px;
}
.h2title-r li a{
	width:105px;
}
.product-ctn img {
    width: 100%;
    height: 145px;
}
.product-swiper{
	height:300px;
}
.productlist .productlist-item img{
	height: 160px;
}
.pdtdsp-page,.newsdsp-page{
	width:100%;
	padding-left:0;
}
.aboutus{
	background:none;
}
.wzcutover-item a{
overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
}
.recommend-item h3{
	height:47px;
}
.newslist-ctn{
	border:none;
}
.schpage-item p{
	display:none;
}
.schpage-item{
	padding:20px  15px;
	padding-bottom:50px;
}
.schpage-item-btm div{
	margin-right:25px;
}
.schpage-item-btm{
	bottom:20px;
	left:15px;
}
}

/*换色修改*/
/*.header-pc .navul li.menu-item > a:hover{
	color:#fff!important;
	
}
.sid-pdtsortlist > ul > li > a:hover{
	color:#fff!important;
}
.sid-pdtsortlist ul.sid-submenu li a.active{
	background:none!important;
	font-weight:600;
	color:#333!important;
}*/

@media(min-width:1024px){
    .mbhas{
		display:none;
	}
	}
	
	@media (max-width:768px){
		/*******页脚工具条**********/
	.mbfotnav{
		position:fixed;
		bottom:0;
		left:0;
		right:0;
		background:#1ea4fe;
		display:flex;
		justify-content:space-between;
		align-items:center;
		z-index:99;
	}
	.mbfotnav > div{
		width:25%;
		text-align:center;
		color:#fff;
		padding:10px 0;
		border-right:1px solid rgba(255,255,255,0.3);
	}
	.mbfotnav > div img{
		display:block;
		margin:0 auto 6px;
	}
	.mbfotnav > div a,.mbfotnav > div a:hover,.mbfotnav > div a:active,.mbfotnav > div a:visited{
		color:#fff!important;
	}
	}
	.mobile-product{
	    display: none;
	    margin-right: 0px !important;
        margin-left: 0px !important;
        
	}
	.mobile-product .col-6{
	    padding-right: 8px;
        padding-left: 8px;
        padding-bottom: 16px;
	}
	.mobile-product .col-6 img{
	    width: 100%;
	    height: 150px;
	}
	.mobile-product .col-6 h3{
	    font-size: 14px !important;
	}
    @media screen and (max-width: 750px){
        .pc-product-swiper{
            display: none;
        }
        .mobile-product{
    	    display: flex;
    	}
    	
    	.pc-gongcheng-swiper{
            display: none;
        }
        .mobile-gongcheng{
    	    display: flex;
    	}
    }

