@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: "SourceHanSansCN-Regular"; color: #666; font-size:14px;
}

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'),
}


@font-face {
    font-family: "SourceHanSerifCN-Regular";
    src: url("SourceHanSerifCN-Regular.woff");
}
@font-face {
    font-family: "SourceHanSansCN-Regular";
    src: url("SourceHanSansCN-Regular.woff");
}
@font-face {
    font-family: "SourceHanSerifTW-Regular";
    src: url("SourceHanSerifTW-Regular.woff");
}
@font-face {
    font-family: "SourceHanSansTW-Regular";
    src: url("SourceHanSansTW-Regular.woff");
}

.top70{
    margin-top: 70px;
}

/* 让非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:1200px; margin:0 auto;}
/* -- 内页布局 -- */
.page_bg { padding:20px 0 20px; background:#fff;}
.page_main { margin: 0 auto; width: 1200px;}  /*版面宽度*/
.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: 1200px;margin: 0 auto;position: relative;
}
.n_box:after,.box:after{
    display: block;content: "";clear: both;
}

/*抬头*/


.header{ position:fixed; top:0; left:0; right:0; width:100%; margin: 0 auto;background:#000;
z-index:999;}

.logowhite{
    display: block;
}
.logoblue{
    display: none;;
}
.header .w1400,.headerbg .w1400{width:1200px; margin: 0 auto;
height:68px;display: -webkit-flex;display: flex;justify-content:space-between;flex-wrap: nowrap;align-items:center; }
.hleft{ }
.hleft p{font-size:18px; color:#111; padding-left: 10px; 
    line-height:28px; display: block;position: relative;
}
.hleft p:before{
    content: "";
    display: block;width: 1px;height:50px;background:#ddd; position: absolute;left: 0;top: 5px;
}
.hleft p span{
    font-size:19px;
}
.hleft strong{
    letter-spacing: 0.6px;
}
.hleft a{ margin-right:13px; float: left;
}
.hleft a img{
  width: auto; height:40px;
}
.nav{
    
}
.nav ul,.hright{display: -webkit-flex;display: flex;justify-content:flex-start;flex-wrap: nowrap;align-items:center;
 
}

.nav>ul>li{ position:relative; margin-left:2.3vw;}
.headerbg .nav>ul>li.on>a {
    color: #003d74;
}
.top20{
    margin-top: 20px;
}
.top50{
    margin-top: 50px;
}

  

.nav>ul>li>a{ font-size:1rem; color:#fff; display:block; line-height:68px; position:relative; 
  
} 
.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: #ffd60e;
    
}

.dropmenu{position:absolute; border-radius:5px; transition:all .3s ease; top:68px; 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:hover .dropmenu{ transform:rotate(0deg); opacity:1;}
.dropmenu a{ display:block; line-height:36px; font-size:1rem; color:#333; text-align:center; transition:all .3s ease;}
.dropmenu a:hover{ color:#fff;
    background: #003d74;
}
.dropmenu table,.dropmenu tbody,.dropmenu tr,.dropmenu td{ display:block; width:100%;}

.dropmenu .sanji{
    display: none;position: absolute;right: -250px;top: 0;
    width: 250px;background: #eee;border-radius: 10px;overflow: hidden;
}
.dropmenu>dl:hover .sanji{
    display: block;
}

.z_img{width:38px;height:38px;position:absolute;top:0;right:0;background: no-repeat;}

.hidden{
    display: none;
}

.navlayout{cursor: pointer;
    width:85px;color: #fff;position: relative;line-height:90px;
}
.navlayout:before{
    display: block;float: left;font-size: 1rem;
}
.navlayout em{
    display: block;float: left;margin: 0 8px;font-size: 0.8vw;font-weight: bold;
}
.navlayout i{
    display: block;float: left;font-size: 0.75vw !important;font-weight: normal;transform: rotate(180deg);transition: all ease 0.5s;
}
.navlayout:hover i{transform: rotate(0);}
.navlayout .xia{position: absolute;top: 68px;left: 0;box-shadow: 0 0 10px rgba(0,0,0,10%);border-radius:4px;
    display: none;width: 90px;text-align: center;border-top: 3px solid #02a7f0;background: rgba(255,255,255,90%); padding: 10px 0;
}
.navlayout .xia a{
    display: block;line-height: 30px;color: #333;font-size: 14px;
}
.navlayout:hover .xia{
    display: block;
}
.navlayout:hover .xia a:hover{
    background: #02a7f0;color: #fff;
}


.headerbg{position: fixed;top:0; left:0; right:0; width:100%; margin: 0 auto;
    z-index:999;width: 100%;min-width: 1250px;border-bottom: 1px solid #eee; background:rgba(255,255,255,0.96);
    
}
.headerbg .logowhite {
    display: none !important;
}
.headerbg .logoblue{
   display: block;
}
.headerbg .nav>ul>li>a,.headerbg .navlayout,.headerbg .searchicon{
    color: #000;
}


/*首页幻灯片*/
.sybanner{overflow: hidden;
    padding-top: 68px;width: 100%;min-width: 1200px; height: 700px;background: url(images/sybannerbg.jpg) center fixed no-repeat;
}
.sybanner .pic{
    position: relative;z-index: 1;overflow: hidden;
}
.sybanner .pic .pic1{
    display: block;position: relative;z-index: 99;
}
.sybanner .pic2{display: block;
    position: absolute;bottom: 56px;left: 95px;z-index: 1;
}
.sybanner .pic3{display: block;
    position: absolute;bottom: 53px;left: 370px;z-index: 1;
}
.sybanner .pic4{display: block;
    position: absolute;bottom: 56px;right:45px;z-index: 1;
}
.sybanner .txt{ padding-top: 100px; 
    position: relative;color: #fff;
}
.sybanner .txt dl{display: block;
    font-size: 3.3rem;line-height:1.7;
}
.sybanner .txt dd{display: block;
    font-size:1.85rem;line-height: 1;
}
.sybanner .txt dt{display: block;
   font-size: 1.2rem;padding-top:50px;line-height: 1;color: #bbb;letter-spacing:1.2px;
}
.sybanner .txt a{float: left;color: #fff;border-radius: 10px;overflow: hidden;
    box-sizing: border-box;padding-top:30px; margin-top: 110px;
    display: block;width: 220px;height: 180px;background: url(images/syflbg.jpg)repeat;text-align: center;line-height: 1;font-size: 16px;
}
.sybanner .txt a img{
    display: block;margin: 0 auto;transition: all ease 0.5s;
}
.sybanner .txt a+a{
    margin-left: 40px;
}
.sybanner .txt a p{
    display: block;padding-top:10px;
}
.sybanner .txt a:hover{
    color: #ffd60e;
}
.sybanner .txt a:hover img{
    transform:rotateY(180deg)
}


/*产品展示*/
.prod{overflow: hidden;
    height: 660px;width: 100%;min-width: 1200px;margin-top:50px; box-sizing: border-box;color: #fff;
}
.prod:after{
    display: block;content: "";clear: both;
}
.prod0{
    width: 100%;min-width: 1200px;height: 660px;background: url(images/prodbg0.jpg)center no-repeat;
}

.prod .prod0 .txt{ width:370px;}
.prod1{
    width: 100%;min-width: 1200px;height: 660px;background: url(images/prodbg1.jpg)center no-repeat;
}
.prod .prod0 .txt dt{ line-height:28px; letter-spacing:1px;}
.prod .prod0 .txt p{ padding-top:55px;}
.prod2{
    width: 100%;min-width: 1200px;height: 660px;background: url(images/prodbg2.jpg)center no-repeat;
}
.prod3{
    width: 100%;min-width: 1200px;height: 660px;background: url(images/c9acfbb6-c7f8-481b-99c3-23689b95d473.jpg)center no-repeat;
}

.prod .txt{width: 485px; padding-top: 120px; 
    font-size: 16px;line-height: 30px;color: #aaa;
}

.prod .txt dl{display: block;
    font-size: 36px;color: #fff;line-height:1.6;
}
.prod .txt dd{
    display: block;font-size: 14px;text-transform: uppercase;line-height: 1;color: #bbb;
}
.prod .txt dt{
    display: block;font-size: 22px;color: #fff;line-height: 2; padding-top: 20px;
}
.prod .txt p{
    padding-top:65px;text-align: justify;
}
.prod .txt a{transition: all ease 0.5s;
    display: block;width: 180px;color: #fff;background: rgba(255,255,255,10%);-webkit-background: rgba(255,255,255,7%);-ms-background: rgba(255,255,255,7%);-o-background: rgba(255,255,255,7%);
    -moz-background: rgba(255,255,255,7%);
    line-height: 44px;border-radius: 22px;overflow: hidden;text-align: center;margin-top:70px;
}
.prod3 .txt a{margin-top:270px;margin-right: 40px;}
.txtr{
    text-align: right;
}
.prod .txt a:hover{width:100%;
   color: #ffd60e;
}


.moreprod{overflow: hidden;
    width: 100%;min-width: 1200px;padding: 90px 0;background: url(images/mrprobg.jpg)center no-repeat;
}
.prot{
    text-align: center; line-height:1; margin-bottom: 30px;
}
.prot dl{
    font-size: 40px;color: #222;
}
.prot p{font-size: 16px;text-transform: uppercase;color: #666;
    margin: 10px 0;
}
.prot .pic{
    display: block;margin: 20px auto 10px auto;
}

.moreprodb{
    width: 1230px;margin: 0 auto;position: relative;
}
.moreprod .picScroll-left{ overflow:hidden; position:relative; }
	.moreprod .picScroll-left .hd{ overflow:hidden;  height:38px; width: 100%;position: relative;text-align:center; margin-top: 60px;
		}
	.moreprod .picScroll-left .hd .dian{
	    display: inline-block;margin:0 50px;
	}	
	.moreprod .picScroll-left .hd .prev{ display:block;  width:38px; height:38px; display: inline-block;
			 cursor:pointer; background:url(images/zuo.png) 0 0 no-repeat;
			 }
     .moreprod .picScroll-left .hd .next{ display:block;  width:38px; height:38px; display: inline-block;
			 cursor:pointer; background:url(images/you.png) 0 0 no-repeat;}


	.moreprod .picScroll-left .hd ul{ float:right; overflow:hidden; zoom:1; margin-top:10px; zoom:1; }
	.moreprod .picScroll-left .hd ul li{ float:left;  width:9px; height:9px; overflow:hidden;  cursor:pointer;  }
	.moreprod .picScroll-left .hd ul li.on{ background-position:0 0; }
	
	
	.moreprod .picScroll-left .bd{  }
	.moreprod .picScroll-left .bd ul{ overflow:hidden; zoom:1; }
	.moreprod .picScroll-left .bd ul li{ margin:0; float:left; _display:inline; overflow:hidden; text-align:center; 
	width:calc(100% / 3);-webkit-width:calc(100% / 3);-ms-width:calc(100% / 3); box-sizing: border-box;
		 display:block;}
.moreprod .picScroll-left .bd ul li a{
    display: block;padding:0 15px;
}
	.moreprod .picScroll-left .bd ul li .pic{ text-align:center; padding-top:20px;overflow: hidden;
	    background: #fff;
	}
	.moreprod .picScroll-left .bd ul li .pic img{ width:100%;  height:auto; display:block; 
	   transition: all ease 0.5s;
	}
	.moreprod .picScroll-left .bd ul li:hover .pic img{
	    transform: scale(1.08);
	}
	
	.moreprod .picScroll-left .bd ul li .pic a:hover img{ border-color:#999;  }
	.moreprod .picScroll-left .bd ul li .txt{ line-height:30px;
	    background: #fff; padding: 0 40px 40px 40px;text-align: center;
	}
	.moreprod .picScroll-left .bd ul li .txt dl{
	    font-size: 17px;line-height: 40px;color: #222;
	}
	.moreprod .picScroll-left .bd ul li:hover .txt dl{
	    color: #ff6e00;
	}
	.moreprod .picScroll-left .bd ul li .txt p{
	    font-size: 14px;line-height: 26px;color: #999; padding-top: 5px;
	}
	.moreprod .picScroll-left .bd ul:after{
	    display: block;content: "";clear: both;
	}

/*案例	*/
.case_all{
    width: 100%;min-width: 1200px;margin-top:90px; margin-bottom:80px;
}	

.case_b a{display: block;width: 281px; box-sizing: border-box;border: 1px solid #eee;
    position: relative;
}	


.case_b a{
    margin-left: 25px;float:left;overflow: hidden;
}
.case_b a:nth-of-type(n+4){
    margin-top: 25px;
}
.case_b a:nth-of-type(6){
    margin-left: 0;
}
.case_b a .pic{width: 100%;height: 100%;
    overflow:hidden;
}
.case_b a .pic img{
    display: block;width: 100%;height: auto;transition: all ease 0.5s;
}

.case_b a:nth-of-type(1){
    width: 588px; margin-left: 0; height: 447px;
}
.case_b a:nth-of-type(1) .pic img{
    height: 100%;width: 100%;
}
.case_b a .txt{transition: all ease 0.5s;
    font-size: 16px;background: rgba(0,0,0,60%);color: #fff;line-height:46px;position: absolute;left: 0;right: 0;text-align: center;bottom: 0;
}
.case_b a:hover .txt{
    bottom: -46px;
}
.case_b a:hover .pic img{
    transform: scale(1.2);
}


/*公司简介*/
.about{overflow: hidden;
    width: 100%;min-width: 1200px;background: url(images/aboutbg.jpg)no-repeat;color: #fff; padding: 80px 0 75px 0;margin-top: 50px; background-size: cover;
}
.video video{
    width: 100%;height: auto;
}
.aboutt{
    text-align: center;color: #fff;line-height: 1;margin-bottom: 30px;  font-size: 16px;
}
.aboutt dl{font-size: 40px;}
.aboutt p{margin: 10px 0;}
.about .video{
    display: block;width: 100%;height: auto;overflow: hidden;
}
.about .video img,.about .video video{
    display: block;
}
.about .word{
    font-size: 16px;color: #777;line-height: 28px;padding-top: 40px;
}
.about .word a{font-size: 16px;color: #777;}
.about .word a:hover{
    color: #fff;
}
/*视频*/
.shipin{overflow: hidden;
    width: 100%;min-width: 1200px;background: url(images/aboutbg.jpg)no-repeat;color: #fff; padding: 80px 0 75px 0;margin-top: 50px; background-size: cover;
}
.shipin .video video{
    width: 100%;height: auto;
}
.shipint{
    text-align: center;color: #fff;line-height: 1;margin-bottom: 30px;  font-size: 16px;
}
.shipint dl{font-size: 40px;}
.shipint p{margin: 10px 0;}
.shipin .video{
    display: block;width: 100%;height: auto;overflow: hidden;
}
.shipin .video img,.shipin .video video{
    display: block;
}

.shipin .word{
    font-size: 16px;color: #777;line-height: 28px;padding-top: 40px;
}
.shipin .word a{font-size: 16px;color: #777;}
.shipin .word a:hover{
    color: #fff;
}

/*版权*/
  .copy_all{width: 100%;min-width: 1200px;background: #111; padding: 80px 0 70px 0; color:#aaa;}
  .copy_all a{ color:#aaa;font-size:1rem;}
  .copy_all a:hover{ color:#fff;}
  .copy_w{width: auto; font-size:15px;}
  .copy_w:nth-of-type(1){
      width: 380px;
  }
  .copy_w:nth-of-type(1) .fl{
      width: 315px;
  }
  .copy_w p{ font-size: 20px;color: #fff; letter-spacing: 1px;font-family: "times";line-height: 20px;}
  
  .copy_w .tel{ color: #aaa; line-height: 26px; margin-top:22px;}
  .copy_w .tel i{float: left; margin-right: 10px;
       display: block;color: #aaa;font-size:42px; line-height: 60px;
   }
   .copy_w .tel:after{
         display: block;content: "";clear: both;
     }
   .copy_w .tel em{display:block;}
  .copy_w strong{ font-size: 16px;}
  .copy_w a{display: block; width:75px; text-overflow: ellipsis;overflow: hidden;line-height: 36px; white-space: nowrap;font-size:15px;}
  .copy_w+.copy_w{ margin-left:1%;}
  .copy_w:nth-of-type(2) a{
      width: 190px;
  }
  .copy_w .word{ margin-top: 27px;}
  .copy_code{ width:390px; font-size: 15px; line-height: 30px;}
  .copy_code a{font-size: 15px;}
  .copy_code .code{ border-top: 1px solid #aaa;border-bottom: 1px solid #aaa;padding:25px 0 15px 0; margin-bottom: 20px;}
  .copy_code .code dl{ float: left;width: 100px; text-align: center; font-size: 15px; color: #aaa;line-height: 40px;}
  .copy_code .code dl+dl{ margin-left:25px;}
  .copy_code .code dl img{ display: block; background: rgba(255,255,255,0.1); padding: 5px;box-sizing: border-box; width:100%;}
  .copy_code .code i{ float: right;display: block;font-style: normal;font-size:22px;line-height: 40px;color: #aaa;text-align: right; padding-top: 10px;
      letter-spacing:5px;
  }

.copy_txt{line-height: 26px; margin-top:40px;}



/*内页样式*/
.xiazai{
    background: #f5f5f5;width: 100%;min-width: 1200px; padding: 80px 0;
}
.xiazai .n_box{
    background: #fff;box-sizing: border-box; padding: 50px;
}

/*内页幻灯片*/
.mod1019 .banner .ban_bg{
    text-align: center;color: transparent;
}
 .banner_w {   width:100%; display:inline-block;    margin: 0 auto;  font-size: 20px;    text-align: center;    color: #fff;   margin-top: 120px;    letter-spacing:10px;
     
 }
.banner_w b span {    display: inline-block; animation: nbanA 2s infinite; 
    color: #fff;
}
 .banner_w b {    font-size:50px;    line-height: 90px;color:#fff;}

.banner_w b span{    display: inline-block; animation: nbanA 2s infinite;}
.banner_w b span:nth-child(2){animation-delay: 0.2s;}
.banner_w b span:nth-child(3){animation-delay: 0.4s;}
.banner_w b span:nth-child(4){animation-delay: 0.6s;}
.banner_w b span:nth-child(5){animation-delay: 0.8s;}


@keyframes nbanA{
0%{transform: translateY(0px);}
50%{transform: translateY(-20px);}
100%{transform: translateY(0px);}
}
@keyframes moveBg {
  0% {
    background-position: 0% 30%;
  }

  100% {
    background-position: 100% 50%;
  }
}


@-webkit-keyframes arrow
{
0% {top:-110px;}
50% {top:-122px;}
100%{top:-110px;}
}
@-moz-keyframes arrow
{
0% {top:-110px;}
50% {top:-122px;}
100%{top:-110px;}
}

@-o-keyframes arrow
{
0% {top:-110px;}
50% {top:-122px;}
100%{top:-110px;}
}


  
  .zhinan {
    margin-bottom: 35px;line-height: 50px; 
}
.zhinan dl{
    font-size: 30px;color: #222;
}
.zhinan dt{
    font-size: 17px;line-height: 2; padding-top: 1rem;
}
.zhinan p{
    font-size: 22px;line-height:50px;color: #666;
}
.zhinan:after{
    display: block;content: "";clear: both;
}


/*内页产业单页*/
	.SH161{
		width: 100%;height: 1086px;background: url(web18155hh/images/83D77AE8-5EFA523E-9B5DEF07-A8710E830.jpg)center top no-repeat; margin: 15px 0;
	}
	.SH161_1{
	    width: 100%;height: 1086px;background: url(images/xiangqing1.jpg)center top no-repeat; margin: 15px 0;
	}
	.SH162{
		width: 100%;height:1236px;background: url(web18155hh/images/7373C0D3-E4F598E0-2DD495B2-61D4199B0.jpg)center top no-repeat;margin: 15px 0;
	}
	.SH163{
		width: 100%;height: 959px;background: url(web18155hh/images/88F7CDA2-54A9F79A-7A9B40D6-0CB6D36D0.jpg)center top no-repeat;margin: 15px 0;
	}
	.SH164{
		width: 100%;height: 1050px;background: url(images/502D51DC-6D623BAD0.jpg)center top no-repeat;margin: 15px 0;
	}
	.SH164_1{
	    	width: 100%;height: 1050px;background: url(images/xqyj_001.jpg)center top no-repeat;margin: 15px 0;
	}
	.SH165{
		width: 100%;height: 650px;background: url(web18155hh/images/CACDA4B2-CF1FB5EE-E72FA33F-CEB521280.jpg)center top no-repeat;margin: 15px 0;
	}
	.SH166{
		width: 100%;height: 777px;background: url(web18155hh/images/F300CA3A-69B0B921-C6B8E238-0E51D79A0.jpg)center top no-repeat;margin: 15px 0;
	}
	.SH166_1{
	    	width: 100%;height: 777px;background: url(images/xiangqing_10.jpg)center top no-repeat;margin: 15px 0;
	}
	.SH167{
		width: 100%;height: 680px;background: url(web18155hh/images/348BEBA7-A4A00DB7-7D57E85D-3DA42A920.jpg)center top no-repeat;margin: 15px 0;
	}
	.SH168{
		width: 100%;height: 826px;background: url(web18155hh/images/6F5F7605-7981A0AA-9CF5F778-00AC1ED00.jpg)center top no-repeat;margin: 15px 0;
	}
	.SH169{
		width: 100%;height:1050px;background: url(web18155hh/images/9801F95B-A0766259-C90A9B63-A750FBE40.jpg)center top no-repeat;margin: 15px 0;
	}
.appxq{
    display: none;
}