@charset "utf-8";
/* 清除内外边距 */
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, /* structural elements 结构元素 */
dl, dt, dd, ul, ol, li, /* list elements 列表元素 */
pre, /* text formatting elements 文本格式元素 */
fieldset, lengend, button, input, textarea, /* form elements 表单元素 */
th, td { /* table elements 表格元素 */
    margin: 0;
    padding: 0;
}

input,textarea {border: 2 none; -webkit-box-shadow: none; box-shadow: none; outline: none;}

/* 设置默认字体 */
body,
button, input, select, textarea {
    font-family: "Microsoft Yahei"; color: #666; font-size: 13px;
}

h1 {font-size: 18px;}
h2 {font-size: 16px;}
h3 {font-size: 14px;}
h4, h5, h6 {font-size: 100%;}
* h1,* h2,* h3,* h4,* h5,* h6{margin: 0px;} /*覆盖bootstrape对标题加的默认外边距*/

address, cite, dfn, em, i, var {font-style: normal;} /* 斜体扶正 */

/* 重置列表元素 */
ul, ol ,li{list-style: none;}

/* 重置文本格式元素 */
a {text-decoration: none; color: #666; word-wrap:break-word;}/*英文换行*/
a:hover {text-decoration: none; }


/* 重置表单元素 */
legend {color: #000;} /* for ie6 */
fieldset, img {border: none;} /* img 搭车：让链接里的 img 无边框 */
/* 注：optgroup 无法扶正 */
button, input, select, textarea {
    font-size: 100%; /* 使表单元素在 ie 下能继承字体大小 */
}

/* 重置表格元素 */
table {
    border-collapse: collapse;
    border-spacing: 0;
}

@font-face {
  font-family: 'iconfont';  /* project id 2345038 */
  src: url(files/iconfont.eot.txt),
  url(files/iconfont.woff) format('woff'),
  url(files/iconfont.ttf) format('truetype'),
}


/* 让非ie浏览器默认也显示垂直滚动条，防止因滚动条引起的闪烁 */
body {overflow-y: scroll;}

/*设置浮动*/
.fl,.pull-left {float: left;}
.fr,.pull-right {float: right;}
.pr{position: relative;}
.pa{position: absolute;}

.clear{ clear:both; height: 0; overflow: hidden;}
.clearfix:after {visibility: hidden;display: block;font-size: 0;content: " ";clear: both;height: 0;}

.box,.content,.w1200,.width-1200{ width:85%; margin:0 auto; min-width:1300px;}
/* -- 内页布局 -- */
.page_bg { padding:20px 0 20px; background:#fff;}
.page_main { margin: 0 auto; width: 85%; min-width:1300px;}  /*版面宽度*/
.page_content{ width:930px;} /*右边宽度*/
.page_left{ width:240px;} /*左边宽度*/
.page_full{ width:100%;}
.dis,.hide{ display:none;}

.line-clamp-1{
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.line-clamp-2{
    overflow : hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.line-clamp-3{
    overflow : hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}

.n_box{
    width:85%;margin: 4vw auto;position: relative; min-width:1300px;
}
.n_box:after{
    display: block;content: "";clear: both;
}
.nboxr{
    width: 74%;position: relative;
}
.nboxr:after{
    display: block;content: "";clear: both;
}

.top4vw{
    margin-top: 4vw;
}
/*抬头*/
.headerbg{z-index:11; 
    width: 100%;box-sizing: border-box;min-width: 1300px;background: #fff;margin: 0 auto;position: relative;
}
.htop{
   
    line-height: 34px;font-size: 13px;color: #aaa;font-weight: lighter;border-bottom: 1px solid #eee; 
}
.htop h1{
    display: inline-block;font-weight: normal;color: #257db9;font-size: 14px;vertical-align: center; font-weight: bold;
}
.htop a{font-size: 13px;color: #aaa;}
.htopr a{font-size:14px;
    display: inline-block; float: left;
}
.htopr a:after{
    display: block;content: "";clear: both;
}
.htop a span{float:left;display:block;}
.htopr a:before{float:left;
    font-size: 18px;padding-right:5px;vertical-align: revert;display: inline-block;
}
.htopr a.alibb:before{font-size:22px;}

.htopr i{float:left;
   height: 13px;border-left: 1px  dotted #bbb;margin: 11px 20px 0 20px;vertical-align: inherit;}
.htopr em{float:left;
    font-size: 20px;font-family: "arial";color: #257db9;font-weight: bold;display: inline-block;
    vertical-align: bottom;
} 
.header{box-shadow: 0 5px 10px rgba(0,0,0,10%); width:100%;background:#fff;min-width: 1300px;}
.header.navtop{
    position: fixed;top: 0;
}
.header .box{
    height: 100px;    display: flex;
    display: -webkit-flex;
    position: relative;
    justify-content: space-between;
    flex-wrap: nowrap;
    align-items: center;
}
.headerl .logo{ height:100px;}
.headerl .logo img{
    display: block;padding:22px 0 0 0;height: 55px;width: auto;
}
.headerlw{
    font-size: 16px;color: #666;line-height: 1.4;padding:23px 0 0 12px;
}
.headerlw h1{font-size:28px;color:#222;}
.headerlw h1 span{color:#257db9;}
.headerlw dl{
    font-size: 12px;text-transform: uppercase;color: #666;font-family: "arial";letter-spacing: 1.3px;line-height: 1.2;
}
/*导航*/
.nav{}
.nav ul,.hright{display: -webkit-flex;display: flex;justify-content:flex-start;flex-wrap: nowrap;align-items:center;
 
}
.iser_box:after{
    display: block;content: "";clear: both;
}
.nav>ul>li{ position:relative; margin-left:2.2vw;}
.headerbg .nav>ul>li.on>a {
    color: #257db9;font-weight: bold;
}
.top20{
    margin-top: 20px;
}
.top50{
    margin-top: 50px;
}

  

.nav>ul>li>a{ font-size:17px; color:#222; display:block; line-height:100px; position:relative; 
} 
.nav>ul>li>a i{display: none;
    margin-left:8px;font-size: 0.8rem;opacity: 0.7;transform: rotate(0);transition: all ease 0.5s;float: right;
}
.nav>ul>li.on>a:after,.nav>ul>li:hover>a:after{ width:100%;}
.nav>ul>li.on>a,.nav>ul>li:hover>a{  color: #fff;}
.nav>ul>li:nth-of-type(2) i,.nav>ul>li:nth-of-type(6) i,.nav>ul>li:nth-of-type(5) i{ display:block;}

.dropmenu{position:absolute; border-radius:5px; overflow:hidden; transition:all .3s ease; top:100px; left:-60%; width:220%; background:rgba(255,255,255,0.98); 
box-shadow:0 0 10px rgba(0,0,0,.2); opacity:0; transform:rotateY(90deg);
    padding:10px 0;
}

.nav>ul>li:nth-of-type(2) .dropmenu{left:-50%; width:200%;}
.nav>ul>li:hover .dropmenu{ transform:rotate(0deg); opacity:1;}
.dropmenu a{ display:block; line-height:36px; font-size:15px; color:#666; text-align:center; transition:all .3s ease;}
.dropmenu a:hover{ color:#fff;
    background: #257db9;
}
.dropmenu table,.dropmenu tbody,.dropmenu tr,.dropmenu td{ display:block; width:100%;}


.hidden{
    display: none;
}
.w1000{
    width: 1000px;margin: 0 auto;
}

/*点击弹出窗口*/
.sousoutc{
    margin-left: 2.5vw; padding-top:40px;
}
.sousoutc i{font-size:20px;color:#222;font-weight:bold;cursor: pointer;}
.suos{
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.8);
    z-index: 999;
}


.sousuo a {
    display: block;
    position: absolute;
    top:10vh;cursor: pointer;
    right: 3vw;
    font-family: "Arial";
    font-size: 24px;
line-height: 50px;
    background: #222;height: 50px;width: 50px;border-radius: 50%;overflow: hidden;text-align: center;color: #fff;
}
.sousuo a:hover{
    background: #257db9;color: #fff;
}



/*首页幻灯片*/
.sybanner{
    width: 100%;min-width: 1300px; position:relative; overflow:hidden;z-index:10;
    } 
    

.sybanner .bannercon{ 
   position:absolute !important;width: 100%;left: 0;right: 0;margin: 0 auto; top: 0;}
.sybanner .prev{ display:block; width: 55px;height: 55px;border:2px solid #fff; font-size: 26px;line-height:55px; border-radius: 50%; opacity: 0.5; color: #fff;text-align: center;z-index: 2;
			 cursor:pointer; position:absolute; left:1vw;top:40vh;transform:rotate(180deg);}
.sybanner .next{display:block; width: 55px;height: 55px;border:2px solid #fff; font-size: 26px;line-height: 55px;border-radius: 50%; opacity: 0.5; color: #fff;text-align: center;z-index: 2;
			 cursor:pointer;  position:absolute;right:1vw;top:40vh;}

.sybanner .next:hover,.sybanner .prev:hover{
    background: #257db9;color: #fff;border-color: #257db9;opacity: 1;
}
	.sybanner .pic{ text-align:center; position:relative;}
	.sybanner .pic img,/*.mod1019 .banner .ban_bg img,*/.nbanner img{ width:100%;  height: auto;
	    min-width: 1300px;animation: arrow  10s linear infinite;    -moz-animation: arrow 10s linear infinite;    -ms-animation: arrow 10s linear infinite;    -o-animation: arrow 10s linear infinite;    -webkit-animation: arrow 10s linear infinite;
	}
	
@-webkit-keyframes arrow
{
0% {transform: scale(1)}
50%{transform: scale(1.04)}
100% {transform: scale(1)}
}
@-moz-keyframes arrow
{
0% {transform: scale(1)}
50%{transform: scale(1.04)}
100% {transform: scale(1)}
}
  

@-o-keyframes arrow
  
{
0% {transform: scale(1)}
50%{transform: scale(1.04)}
100% {transform: scale(1)}
}	
	

.bannerheight{  display:block;width: 100%;}
.bannerheight img{
    display: block;width: 100%;min-width: 1300px;}
    
.banpage{
    position: absolute;text-align: center;left: 0;right: 0;margin: 0 auto;bottom: 2vh;z-index: 2;
}   
.banpage li{cursor: pointer;
    display: inline-block;width: 12px;height: 12px;background: rgba(255,255,255,0.5);border-radius:6px;overflow: hidden; margin: 0 5px; color: transparent;
}
.feature li:after{
    display: block;content: "";width: 1px;height: 160px;position: absolute;right: 0;top: 50px;background: #eee;
}

.banpage li.on{
    background: rgba(255,255,255,1);width:44px;
}
.sybanner .txt{ box-sizing: border-box;top: 24vh;margin: 0 auto;position: absolute;left: 0;right: 0;min-width: 1300px;text-align:center; }

	.sybanner .txt .txtwd{margin: 0 auto;
	    width:780px;box-sizing: border-box;padding: 3vw ;font-size: 22px;line-height: 1.8;color: #fff;position: relative;height: 330px;
	}
.sybanner .txt .txtwd h2{
    font-size:46px;font-weight: bold;letter-spacing:2px;position: relative;z-index: 2;
}
.sybanner .txt .txtwd h2:after{
    display: block;content: "";width: 50px;height: 2px;background: #cd0e0e;margin: 1vw auto; 
}
.sybanner .txt .txtwd i{content:"";position: absolute; display: block;width: 100%;height: 100%;top: 0;left: 0;background: rgba(0,0,0,35%);}
.sybanner .txt .txtwd i{content:"";position: absolute; display: block;width: 100%;height: 100%;top: 0;left: 0;background: rgba(0,0,0,35%);}

.sybanner .txt .txtwd dl{
    font-size: 22px;position: relative;z-index: 2;
}

.font28{font-size:28px;}

.sybanner .colorhei .txt .txtwd i{background: rgba(255,255,255,35%);}
.sybanner .colorhei .txt .txtwd h2{color:#222;}
.sybanner .colorhei .txt .txtwd dl{color:#222;}




/*公司简介*/
.about{
    width: 100%;min-width: 1300px;padding: 5vw 0; overflow: hidden;
}
.aboutr{
    width:36%;overflow: hidden;
}
.aboutr img{
    display: block;max-width: 100%;height: auto;
}
.aboutl{
    width: 55%;font-size: 16px;line-height: 2;color: #666; position: relative;
}
.aboutl h2{
    font-size: 40px;font-weight: bold;display: block;padding-top: 1.2vw;color: #222;line-height: 1.2;
}
.aboutl dl{font-size:17px;text-transform:uppercase;font-family:"arial";}
.aboutl dt{
    display: block;font-size: 28px;color: #257db9;letter-spacing:7px;
}
.aboutl dt:After{
    display: block;content: "";width: 60px;height: 1px;margin: 2vw 0 1vw 0;background: #ddd;
}
.aboutl p{
    padding-top: 1vw;text-align: justify;
}
.aboutl p:nth-of-type(2){ overflow : hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp:3;
    -webkit-box-orient: vertical;}
.aboutl a{width: 200px;font-size: 16px;
    display: block;line-height: 50px;background: #257db9;color: #fff;text-align: center;margin-top: 4.5vw;
}
.aboutl a i{
    padding-left: 0;transition: all ease 0.5s;
}
.aboutl a:hover i{
    padding-left:10px;border-radius: 25px 0 25px 0;
}
.aboutl .pic{
    box-sizing: border-box;
    display: block;position: absolute;right:0 ;top:460px;width:160px ;height: 160px;border: 3px solid #eee;overflow: hidden;border-radius: 50%;box-shadow: 0 0 10px rgba(0,0,0,10%);
}
.aboutl .pic img{
    display: block;height: auto;max-width:100%;
}
.aboutl a:hover{color:#fff; background:#cd0e0e;}

/*公司优势*/
.ysall{
    width: 100%;min-width: 1300px;background:#f0f0f0; padding: 5vw 0;
}
.yst{
    text-align: center;line-height:1.6;font-size: 18px;color: #555; margin-bottom: 2vw;
}
.yst dl{
  font-size: 40px;line-height: 1;color: #222;font-weight: bold;
}
.yst dl span{color:#cd0e0e;}
.yst .tedian{ margin-top: 8px;
    text-align: center;line-height: 30px;
}
.yst .tedian:After{
    display:inline-block;width: 50px;height: 1px;background: #dedede;content: "";vertical-align: super;
}
.yst .tedian:before{
    display:inline-block;width: 50px;height: 1px;background: #dedede;content: "";vertical-align: super;
}
.yst .tedian em{
    display:inline-block;padding: 0 15px;
}


.num{display: -webkit-flex;display: flex;justify-content:space-between;flex-wrap: nowrap;align-items:center;  font-size:20px; color:#555555; text-align:center; }
.num span,.num i{ display:inline-block; vertical-align:-webkit-baseline-middle;}
.num span{ font-size:70px; color:#000000; font-family:impact; position:relative; z-index:3;}
.num i{ border-radius:50%; width:30px; height:30px; font-size:16px; line-height:30px; color:#fff; background:#257db9; margin-left:5px;}
.num p+p{ margin-top:5px;}

/*服务项目*/
.fwxm{
    width: 100%;min-width: 1300px;padding: 5vw 0;}

.fwxmb .picScroll-leftfw{ overflow:hidden; position:relative; }
	.fwxmb	.picScroll-leftfw .hd{ overflow:hidden;  height:50px; width: 100%;top:332px;text-align: center;
		position: absolute;
		    
		}
	.fwxmb .picScroll-leftfw .hd .prev{ display:block;  width:50px; height:50px; color: #fff;font-size:36px;z-index: 4;
			 cursor:pointer; position:absolute; right:0;}
     .fwxmb .picScroll-leftfw .hd .next{ display:block;  width:50px; height:50px; position:absolute; left:0;color: #fff;font-size: 36px;z-index: 4;
			 cursor:pointer; }

	.fwxmb .picScroll-leftfw .hd ul{ float:right; overflow:hidden; zoom:1; margin-top:10px; zoom:1; }


	.fwxmb .picScroll-leftfw .bd ul{ overflow:hidden; zoom:1; }
	.fwxmb .picScroll-leftfw .bd ul li{ margin:0; float:left; _display:inline; overflow:hidden; text-align:center; width:33.3333333%; position: relative;color: #fff;cursor: pointer;
	 display:block;}
	 .fwxmb .picScroll-leftfw .bd ul li:after{transition:all ease 0.5s;
	     display: block;content: "";width: 100%;height: 100%;top: 0;left: 0; top: 0;margin: 0 auto;background: rgba(0,0,0,70%); position: absolute;
	 }
	 .fwxmb .picScroll-leftfw .bd ul li:hover:After{
	     width: 80%; left:10%;height: 30%;top: 35%;
	 }
	 .fwxmb .picScroll-leftfw .bd ul li a{ display: flex;
  justify-content: center;
  align-items: center;}
	.fwxmb .picScroll-leftfw .bd ul li .pic{ text-align:center; height:700px; }
	.fwxmb .picScroll-leftfw .bd ul li .pic img{ width:auto;  height:100%; display:block; transition:all ease 0.5s;}
	.fwxmb .picScroll-leftfw .bd ul li:hover .pic img{
	    transform: scale(1.1);
	}
	.fwxmb .picScroll-leftfw .bd ul li .txt{ line-height:30px; color:#fff;z-index:3;
	    font-size: 1rem;position: absolute;top: 46%;;text-align: center;
	}
.fwxmb .picScroll-leftfw .bd ul li .txt i{
    font-size:26px;display: block;
}
.fwxmb .picScroll-leftfw .bd ul li .txt em{
    display: block;font-size: 14px;text-transform: uppercase;color: #fff;
}

/*未来发展*/
.wlfz{
    width: 100%;min-width: 1300px;background: #f0f0f0;padding: 5vw 0;
}
.wlfzb a{text-align: center; position: relative;cursor: pointer;
  display: block;width: 33%;float:left;box-sizing: border-box;background: #fff;padding: 3vw;
}
.wlfzb a:nth-of-type(2){width:34%; border:1px solid #f1f1f1; 
border-bottom:none;border-top:none;    
}
.wlfzb a .pic{margin: 0 auto;font-size: 36px;position: relative;z-index: 2;transition: all ease 0.5s;
    width: 80px;height: 80px;line-height: 80px;background: #257db9;color: #fff;border-radius: 50%;overflow: hidden;
}
.wlfzb a .txt{padding-top:1vw; font-size:22px;line-height:1.6;position: relative;z-index: 2;}
.wlfzb a .txt dl{ font-size:26px;color:#222;font-weight:bold;transition: all ease 0.5s;}
.wlfzb a .txt p{
    font-weight:lighter;
}
.wlfzb a:after{
    position: absolute;top: 0;left: 0;
    display: block;content: "";width: 100%;height: 0;background: #257db9;color: #fff;transition: all ease 0.5s;
}
.wlfzb a:hover:After{
    height: 100%;
}
.wlfzb a:hover .txt dl{color:#fff;}
.wlfzb a:hover .txt p{color:#fff;}
.wlfzb a:hover .pic{
    background: #fff;color: #257db9;
}


/*案例展示*/
.caseall{ width:100%;min-width:1300px;
    padding:5vw 0;
}

/*案例分类*/
.caselist{ margin-bottom:2vw;text-align:center;}
.caselist a{
    display:inline-block; font-size: 18px;color:#333;line-height: 1; margin: 0 0.8vw; position: relative;
}
.caselist a:before{content:"";
    display: inline-block;width: 9px;height: 9px;border: 3px solid #ddd;border-radius:50%;overflow: hidden;margin-right:6px;
}
.caselist a:hover:before{border-color:#cd0e0e; background:#ffeb03;}
.caselist a:hover{color:#cd0e0e;}
.caseb a{ border-radius: 10px;
    display: block;width: 32%;float: left;box-sizing: border-box; margin-right: 2%;position: relative;overflow: hidden;
}
.caseb a:nth-of-type(3n){ margin-right:0;}
.caseb a:nth-of-type(n+4){ margin-top:2%;}
.caseb a img{
    display: block;width: 100%;height: auto;transition: all ease 0.5s;
}
.caseb a:hover img{
    transform: scale(1.1);
}
.caseb a .txt{
    position: absolute;transition: all ease 0.5s;
    left: 0;right: 0;margin: 0 auto;bottom: 0;line-height: 50px;background: rgba(0,0,0,70%);color: #fff;text-align: center;font-size: 1rem;
}
.caseb a:hover .txt{
    bottom: -50px;
}


/*画册*/
.huace{
    width: 100%;min-width: 1300px;background: #f0f0f0 url(images/huacebg.jpg) center bottom no-repeat;padding:4vw 0;text-align: center;
}
.huace img{
    display: inline-block;width: auto;
}
.huacel{display: inline-block;vertical-align:top;
    width: 500px;margin-right:8vw;text-align:left;padding-top: 2vw;font-size: 16px;line-height: 2;
}
.huacel dl{font-size:40px;color:#222; margin-bottom:2vw;}
.huacel dl:after{
    display: block;content: "";width: 50px;height: 3px;background: #257db9;margin: 30px 0 20px 0;
}
.huacel a{
    display: block;width: 180px;background: #257db9;color: #fff;line-height: 50px;margin-top:6vw;text-align: center;font-size: 16px;float: left;transition: all ease 0.5s; overflow: hidden;
}

.huacel a+a{ margin-left:2vw; background:#cd0e0e;

}
.huacel a:hover{
    background: #222;text-decoration: underline;color: #fff;border-radius: 25px 0 25px 0;
}

/*客户见证*/
.witness{
    width: 100%;min-width: 1300px;padding: 5vw 0;
}


.witness .picScroll-leftjz{ overflow:hidden; position:relative; }
	.witness .picScroll-leftjz .hd{ overflow:hidden;  width: 100%;margin-top:4vw;text-align: center;
		}
		
	.witness .picScroll-leftjz .hd a{ display: inline-block;font-size: 30px;color: #bbb; margin: 0 20px;
			 cursor:pointer; }
  .witness .picScroll-leftjz .hd a:nth-of-type(2){font-size:29px;}
.witness .picScroll-leftjz .hd a:hover{
    color:#257db9;
}
	.witness .picScroll-leftjz .hd ul{ overflow:hidden; zoom:1;  zoom:1; display:inline-block;vertical-align: bottom;}
	.witness .picScroll-leftjz .hd ul li{  width:10px; height:10px; overflow:hidden; margin:5px 10px; cursor:pointer; display: inline-block;
	background: #fff;border: 2px solid #dedede;border-radius: 50%;color: transparent;
	    
	}

	.witness .picScroll-leftjz .bd{}
	.witness .picScroll-leftjz .bd ul{ overflow:hidden; zoom:1; }
	.witness .picScroll-leftjz .bd ul li{ float:left; _display:inline; overflow:hidden; text-align:center; width:25%;display:block;}
	.witness .picScroll-leftjz .bd ul li a{ font-size: 16px;line-height: 2;background: #f5f5f5;position: relative;z-index:1;
	    display: block;margin: 0 1vw;border-radius: 8px;overflow: hidden;
	}
	.witness .picScroll-leftjz .bd ul li .pic{ text-align:center; position:relative;z-index:3;}
	.witness .picScroll-leftjz .bd ul li .pic img{ width:100%;   display:block; }
	.witness .picScroll-leftjz .bd ul li .txt{ padding: 25px 30px 30px 30px; position:relative;z-index: 2;
	}
	.witness .picScroll-leftjz .bd ul li .txt dl{font-size:22px;color:#222;transition:all ease 0.5s;}
	.witness .picScroll-leftjz .bd ul li .txt p{color:#666;transition:all ease 0.5s;font-size:15px;}
	.witness .picScroll-leftjz .bd ul li a:after{background:#257db9;
	    display: block;content: "";width: 0;height: 0;position: absolute;left: 0;right: 0;bottom: 0;transition: all ease 0.5s;
	}
	.witness .picScroll-leftjz .bd ul li:hover a:after{height:200px;width:100%;}
	.witness .picScroll-leftjz .bd ul li:hover .txt dl,.witness .picScroll-leftjz .bd ul li:hover .txt p{color:#fff;}
	
/*荣誉资质*/
.honor{
    width: 100%;min-width: 1300px;background: #f0f0f0;padding: 5vw 0;
}
.honortl h2{
    font-size: 36px;color: #cd0e0e;display:inline-block;line-height: 50px;
}
.honortl dl{font-size:20px;color:#222;margin-left:8px;display:inline-block;vertical-align: super;}
.linkmore{
    display: block;float: right;width: 180px;text-align: center;background: #fff;line-height: 50px;color: #222;transition: all ease 0.5s;font-size: 16px;
}
.linkmore:hover{
    background: #257db9;color: #fff;border-radius: 0 25px 0 25px;
}

.honorb{overflow:hidden; margin-top:2vw;}
 .honorb li {
        float: left;
        margin-right: 1vw;
        width:300px;position: relative;overflow: hidden;
    }
   .honorb li .pic {
        width: 100%;
       overflow: hidden;
     
    }
   .honorb li .pic img {
        display: block;
        width: 100%;
        height: auto;
    }

 
/*版权*/
.copy{
    width: 100%;min-width: 1300px;background: #222 ;position: relative;
}
.copy:after{
    display: block;content: "";width: 100%;height: 220px;background: #257db9;top: 0;position: absolute;left: 0;right: 0;z-index: 1;
}
.copytel{
    background: #257db9;font-size:16px;color: #fff;line-height:130px; position: relative;z-index: 2;
}
.copytel .box{    display: -webkit-flex;position: relative;z-index: 2;
    display: flex;
    justify-content: space-between;
    flex-wrap: nowrap;
    align-items: center;
    
}
.copytel .box li i{ width: 36px;height: 36px;border: 1px solid #fff4;border-radius: 50%;overflow: hidden;text-align: center;line-height: 36px;font-size: 20px;margin-right: 5px;float: left;
    margin-top: 45px;
}
.copytel .box li em{
    display: block;float: left;
}
.copytel .box li span{font-size:20px; }
.copytel .box li:after{
    display: block;content: "";clear: both;
}
.font16{font-size:16px;}

.copynav{ background:#fff; 
    padding:50px 50px 13px 50px ;position: relative;z-index: 2;
}

.cylogo{
    font-size: 18px;line-height:36px;color: #999;
}
.cylogo dl{letter-spacing: 3.5px;
 
}
.cylogo img{
    display: block;
}
.cylogo .code{width:150px; margin-top:14px; border:1px solid #eee;color:#333;
    text-align: center;font-size: 15px;
}
.cylogo .code img{
    width: 100%;
}
.cylogo .code p{
    background: #f5f5f5;
}
.cylogo .code+.code{ margin-left:20px;}

.copynavr{
    min-width: 800px;
    width:68%;display: -webkit-flex; 
    display: flex;text-align: center;
    justify-content: space-between;color: #fff;
    flex-wrap: nowrap;
   
}

.copynavr dl{font-size:20px;font-weight:bold;line-height:2;color:#222; margin-bottom:5px;}
.copynavr a{
    display: block;line-height:2.2;font-size: 15px;color: #888;
}

 
  .copyly .czhi{ margin-left:27px;
   
  }
.copyly .text-center{ 
 width: 10%;
  }
  
 .copyW{
     line-height: 60px;color: #888;font-size: 15px; margin-top: 10px;
 } 
 .copyW a{color: #888;font-size: 15px;}
 
     
     
     
     
     
     
@media(max-width:1800px){

.box,.content,.w1200,.width-1200{ width:88%;}

.sybanner .prev,.sybanner .next{top:38vh;}    

}
@media(max-width:1680px){
.box,.content,.w1200,.width-1200{ width:90%;}    
.sybanner .txt{top:20vh;}
.sybanner .txt .txtwd{ width:760px;height: 300px;}
.sybanner .txt .txtwd h2{font-size:42px;}
.sybanner .txt .txtwd dl{font-size:20px;}
.sybanner .prev,.sybanner .next{top:34vh;}
.caselist a{font-size:17px;}


}
  
  @media(max-width:1440px){
.box,.content,.w1200,.width-1200{ width:92%;}        
      
.sybanner .txt{top:17vh;}
.sybanner .txt .txtwd{ width:720px;height: 300px;}
.sybanner .txt .txtwd h2{font-size:40px;}
.sybanner .prev,.sybanner .next{top:30vh;}
.caselist a{font-size:16px; }

.yst{font-size:17px;}
.yst dl,.aboutl h2{font-size:38px;}
.aboutl dt{font-size:26px;}
}

  
    @media(max-width:1366px){
  .box,.content,.w1200,.width-1200{ width:94%;}        
.sybanner .txt{top:16vh;}
.sybanner .txt .txtwd{ width:700px;height:290px;}
.sybanner .txt .txtwd h2{font-size:39px;}
.sybanner .txt .txtwd dl{font-size:19px;}
.sybanner .prev,.sybanner .next{top:26vh;}


}
  
    @media(max-width:1300px){
.box,.content,.w1200,.width-1200{ width:98%;}  
}     
     
     
     
     
    /*版权声明*/
    .bqsm{
       margin: 0 auto;padding: 4vw; background: #f5f5f5;font-size: 1rem;line-height: 2;
    }
    .bqsm dl{
        font-size:22px;font-weight: bold;color: #257db9; padding-top: 15px;
    }
    .bqsm h2{font-size:40px;color:#222;font-weight:bold;line-height:1;padding-bottom:25px;margin-bottom:20px;border-bottom:1px solid #ddd;
        text-align: center;
    }