﻿@charset "utf-8"; 
/*全局初始化样式0313*/
body{ padding:0px; margin:0px auto; font-family:Microsoft YaHei,arial,'宋体'; color: #000; width: 100%; zoom:1;

/*禁用Webkit内核浏览器的文字大小调整功能*/
-webkit-text-size-adjust:none; 

/*取出点击出现半透明的灰色背景*/
-webkit-tap-highlight-color:rgba(0,0,0,0); 
-webkit-tap-highlight:rgba(0,0,0,0);

/*控制文本可选性*/
-webkit-user-select: none; 
    -ms-user-select: none;
   -moz-user-select: none;
 -khtml-user-select: none;
        user-select: none;
        
/*设置字体的抗锯齿或者说光滑度*/
-webkit-font-smoothing: antialiased;
font-size:12px;
}

.ul,.ul li,form,.dl,.dl dt,.dl dd,div,.p{ padding: 0px; margin: 0px;}
/*默认去除ul、li的默认样式*/
.ul,.ul two li{ list-style:none; margin: 0;min-height:60px;} 
/*初始化下拉菜单、单行输入框、多行输入框的样式*/
select,input,textarea{ border-radius:0; -webkit-border-radius:0; color:#414446;} 
/*表单元素获得焦点时不显示虚线框*/
input:focus { outline: none;}
input,button,select,textarea{outline:none;/*-webkit-appearance:none;*//*强制去除表单自带的样式*/ } 
/*不允许多行输入文本框有滚动条*/
textarea{resize:none;/*-webkit-appearance:none;*//*强制去除textarea自带的样式*/ } 
/*初始化表单元素样式*/
textarea,input,select {background:none; border:none; margin:0; padding:0;}
/*初始化HTML5标签样式*/
audio,canvas,progress,video { display: inline-block; vertical-align:baseline;}
article,aside,footer,header,hgroup,nav,section,figure,figcaption{ display:block;}
/*去除figure边距*/
figure,figcaption{ margin:0px; padding:0px;}

/*初始化图片样式*/
img{ border:none; border:0; max-width:100%; vertical-align:top;}

/*初始化a的样式和字体样式*/
a{ color:#000; text-decoration:none; noline: -webkit-tap-highlight-color:rgba(0,0,0,0);}
a:focus {outline:none; -moz-outline:none;}
a:hover{ color: #d6000f;}

/*清楚浮动*/
body,
body *{ -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box;}
.clear{ clear:both; height:0px; overflow:hidden;} /*清除浮动*/
.dot{ overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.Pic100{ position:relative; width:100%; height:0;}
.Pic100 img{ position:absolute; left:0; top:0; width:100%; height:100%;}
.wid{ max-width:1280px; margin:0 auto;}
@media (max-width: 1280px){
.wid{ padding:0 2%;}
}
/*全局样式*/


.txt12151 .box1{ background:url(../images/about_bg1.jpg) no-repeat right bottom;}
.txt12151 .box1 figure{ width:20%; float:left;}
.txt12151 .box1  .txt{ float:right; width:72%; font-size:18px; line-height:32px;}
.txt12151 .box1  .txt h2{ font-weight:normal; font-size:36px; margin:5% 0 2%;}
.txt12151 .box1  .txt h3{ font-size:24px; font-weight:normal; margin:0;}
.txt12151 .box2{font-size:15px; line-height:36px; margin: 3% 0;}
.txt12151 .box2 .line1{ width: 15%; height: 1px; background: #000; float: left; margin-bottom: 3%;}
.txt12151 .box2 .box3{ width: 40%; float: left; padding-left: 8%;}
.txt12151 .box2 .box4{ width: 43%; float: left; padding-left: 8%;}
@media (max-width: 1000px){
.txt12151 .box1  .txt{ font-size:14px; line-height:22px;}
.txt12151 .box1  .txt h2{font-size:24px;}
.txt12151 .box1  .txt h3{ font-size:18px;}
}
@media (max-width: 640px){
	.txt12151 .box1  .txt h2{font-size:20px;}
    .txt12151 .box2 .box3{ width: 75%; float: left; padding-left: 8%;}
    .txt12151 .box2 .box4{ width: 100%; float: left; padding-left: 0;}
}


.txt191339 .lineBg{ background:url(../images/line.png) left top; height:6px; display:inline-block; width:100%;}
.txt191339 .lh0{ line-height:0;}
.txt191339 .box1 img{ display:block;}
.txt191339 .box2{ padding:2% 4%;}
.txt191339 .box2 img{ display:block; float:left; max-width:41%; margin-right:6%;}
.txt191339 .box2 .info{ font-size:15px; line-height:36px;}
.txt191339 .box2 .info .title{ font-size:24px; padding-bottom:14px; padding-top:3.2%;}
.txt191339 .box2 .info .line1{ max-width:300px; margin:3% 0; width:40%;}
.txt191339 .box2 .info .line2{ max-width:300px; height:6px; background:#dbd38a; margin-top:3%; display:inline-block; width:70%;}
.txt191339 .box3{ margin:20px 0;}
.txt191339 .box4{ padding-top:4%;}
.txt191339 .box4 img{ float:right; margin:0 0 0 6%;}
.txt191339 .box4 .info{ padding-left:6%;}
.txt191339 .box4 .info .title{ padding-top:12%;}
.txt191339 .box5{ position:relative;}
.txt191339 .box5 .info{ background:right top no-repeat;}
.txt191339 .box5 .info .title span{ font-size:1.2em; line-height:1.5em;}
.txt191339 .box5 img{ max-width:60%;}
.txt191339 .box5 .xieline{ position:absolute; width:20%; padding-bottom:20%; background-size:100% 100%; left:30%; top:-20%;}
.txt191339 .box5 .info .line1{ margin-top:0;}
.txt191339 .box6{ height:1px;}
.txt191339 .box7 .wid{ position:relative;}
.txt191339 .box7 .bg{ background:center bottom no-repeat; padding-bottom:30px;}
.txt191339 .box7 .info{ font-size:16px; background:left top no-repeat; padding-top:60px;}
.txt191339 .box7 img{ float:right; max-width:50%; margin-left:6%;}
.txt191339 .box7 .line3{ width:60px; border-top:1px solid #000; margin-top:5%; padding-bottom:2%;}
.txt191339 .box7 .xieline{ position:absolute; width:20%; padding-bottom:20%; background-size:100% 100%; right:40%; top:-10%;}
.txt191339 .box8{ font-size:14px; text-align:center; padding:3% 0;}
.txt191339 .box8 .t1{ font-weight:100; font-size:28px;}
@media (min-width: 1281px){
.txt191339 .box7 .bg{ padding-bottom:60px;}
.txt191339 .box7{ width:1920px; position:relative; left:50%; margin-left:-960px; margin-top:5%;}
}
@media (max-width: 1280px){
.txt191339 .box7 .bg{ background:none !important;}
}
@media (max-width: 980px){
.txt191339 .box2 .info .title{ font-size:24px; padding-bottom:0;}
.txt191339 .box2 .info{ line-height:24px;}
.txt191339 .box5 .info{ background-size:60px;}
.txt191339 .box8 .t1{ font-size:28px;}
}
@media (max-width: 860px){
.txt191339 .box1 img{ max-width:none; width:130%; left:-15%; position:relative;}
.txt191339 .xieline{ display:none;}
}
@media (max-width: 640px){
.txt191339 .box2 .info .title{ font-size:20px;}
.txt191339 .box2 img{ max-width:none; width:90%; margin:0 auto 2% auto; float:none;}
.txt191339 .box8 .t1{ font-size:18px;}
}

.txt201520{ text-align:center; font-size:16px; line-height:38px;}
.txt201520 img{ display:block; margin:0 auto; height:auto !important; max-width:100%;}
.txt201520 img+.p{ padding-top:3%;}
.txt201520 .p+img{ padding-top:3%;}
.txt201520 .span{ color:#d6000f;}
.txt201520 .p1{ color:#000; font-size:24px;}
@media (min-width: 1200px){
.txt201520 span.li{ display:block; clear:both;}
}
@media (max-width: 860px){
.txt201520{ font-size:14px; line-height:24px;}
.txt201520 .p1{ font-size:18px;}
}

.txt201741 .i1{ font-size:18px; text-align:center; padding-bottom:5%;}
.txt201741 .i2{ font-size:14px; text-align:center; line-height:36px; padding-bottom:5%;}
@media (max-width: 860px){
.txt201741 .i1{ font-size:16px;}
.txt201741 .i2{ font-size:12px; line-height:24px;}
}

.txt251339 .t1{ font-size:16px; border-bottom:1px solid #eee; position:relative; padding-bottom:1.5%; line-height:24px;}
.txt251339 .t1 .fl{ float:left; width:31%; font-size:18px;}
.txt251339 .t1 .fr{ float:right; width:69%;}
.txt251339 .t1 .line{ position:absolute; height:1px; background:#fff; bottom:-1px; z-index:1; right:69%; width:3%;}
.txt251339 .t2{ padding-top:2%;}
.txt251339 .t2 img{ display:block; height:auto;}
.txt251339 .t2 img.ti{ text-align: center; margin: 0 auto;}
.txt251339 .t2 ul li{ border-bottom: solid 1px #eee; padding-bottom: 25px;}
.txt251339 .t2 ul li p.p{ text-align: center; font-size: 18px; color: #707070; padding: 3%;}
@media (min-width: 861px){
.txt251339 .t1 .fl{ line-height:30px; padding-top:10px;}
}









/*引导页*/
#guide .section{ overflow:hidden; position:relative;}
#guide .section .bpic,
#guide .section .bpic > div{ position:absolute; left:0; top:0; right:0; bottom:0; width:100%; height:100%;}
#guide .section .bpic > div{ background:center no-repeat; background-size:cover;}
#guide .section .bpic > .wap,
#guide.mob .section .bpic > .pc{ display:none;}
#guide.mob .section .bpic > .wap{ display:block;}

.guideHeader{ position:fixed; z-index:2; right:2%; top:0; padding-top:2%;}
.guideHeader a{ display:block; font-size:14px;}
.guideHeader .menu{ position:fixed; right:3%; margin-top:3%; z-index:1; cursor:pointer;}
.guideHeader .menu,
.guideHeader .menu img{ width:28px; height:28px; display:block; transition:all 1.4s;}
.guideHeader .menu.on img{ transform: rotate(360deg);}
.guideHeader .two{ display:none;}
@media (min-width: 861px){
.guideHeader .menu{ display:none;}
.guideHeader .one > li{ float:left; position:relative;}
.guideHeader .one > li+li{ margin-left:10px;}
.guideHeader .one > li > a{ color:#fff; padding:0 30px; line-height:30px;}
.guideHeader .one > li:hover > a{ background:#d6000f; border-radius:5px;}
.guideHeader .one > li.sub:hover > a{ border-radius:5px 5px 0 0;}
.guideHeader .two{ background:#fff; border-radius:0 0 5px 5px;}
.guideHeader li:hover .two{ display:block; line-height:18px; position:absolute; width:100%; top:100%; left:0; padding:10px 0;}
.guideHeader li:hover .two a{ padding:7px; text-align:center;}
}
@media (max-width: 860px){
.guideHeader .nav{ position:fixed; width:100%; height:100%; top:0; right:0; display:none;}
.guideHeader .nav .close{ background:url(../images/bgClose.png); position:absolute; width:100%; height:100%; left:0; top:0;}
.guideHeader .nav .one{ position:absolute; width:65%; max-width:260px; background:#333; padding:0 15px; border-top:20px solid #333; border-bottom:20px solid #333; overflow:auto; height:100%;}
.guideHeader a{ color:#fff;}
.guideHeader .one > li{ border-bottom:1px dashed #858585;}
.guideHeader .one > li > a{ font-size:16px; line-height:45px;}
.guideHeader .two{ border-top:1px solid #858585;}
.guideHeader .two > li > a{ font-size:14px; line-height:35px; padding-left:10px;}
#guide .section .bpic > .wap{display:block;}
}

.guideFooter{ position:absolute; bottom:0; left:0; width:100%; text-align:center; line-height:0; background:#000;}
.guideFooter .block{ display:inline-block; padding:15px 0;}
.guideFooter .block li{ float:left; font-size:14px; color:#959595; line-height:22px; margin-left:15px;}
.guideFooter .block li a{ color:#dcdcdc; display:inline-block;}
.guideFooter .block li .span{ display:inline-block; margin-right:10px;}
.guideFooter .block li.btn .span{ display:block; float:left;}
.guideFooter .block li.btn a{ position:relative; width:22px; height:22px; display:block; float:left;}
.guideFooter .block li.btn a+a{ margin-left:10px;}
.guideFooter .block li.btn a .pic{ width:130px; height:135px; background:url(../images/bgCode.png); padding:5px; position:absolute; left:50%; margin-left:-65px; bottom:100%; display:none;}
.guideFooter .block li.btn a .pic img{ width:120px; height:120px; display:blocb;}
.guideFooter .block li.btn .wb{ background:url(../images/icoWeibo.png);}
.guideFooter .block li.btn .wx{ background:url(../images/icoWeixin.png);}
.guideFooter .block li.btn a:hover .pic{ display:block;}
/*引导页*/



.header{ height:108px; position:relative; background:#fff; width:100%; z-index:200}
.header .logo{ position:absolute; left:2%; top:30px;}
.header .logo,
.header .logo *{ display:block; width:180px; height:40px;}
.header .one a{ display:block;}
.header .two{ display:none;}
.header .menu{ position:absolute; right:2%; top:11px; z-index:1; cursor:pointer;}
.header .menu,
.header .menu img{ width:28px; height:28px; display:block; transition:all 1.4s;}
.header .menu.on img{ transform: rotate(360deg);}

@media (min-width: 861px){
.header .close,
.header .menu,
.headerBg{ display:none;}
.header .one{ float:right; padding:45px 0 32px 0;}
.header .one > li{ float:left; position:relative;}
.header .one > li+li{ margin-left:0px;}
.header .one > li > a{padding:0 5px; display:block; font-size:15px; color:#000; border-bottom:1px solid #fff; line-height:30px;}
.header .one > li.on > a,
.header .one > li:hover > a{ border-bottom-color:#000;}
.header .one > li:hover > a{color:#fff; background:#d6000f; border-radius:5px;border-bottom-color:#d6000f;}
.header .one > li.sub:hover > a{ border-radius:5px 5px 0 0;}
.header .two{ background:#fff; border-radius:0 0 5px 5px;}
.header li:hover .two{ display:block; line-height:18px; position:absolute; min-width:100%; width:120%; top:100%; left:-10%; padding:10px 0;}
.header li:hover .two a{ padding:7px; text-align:center;}
}
@media (min-width: 1100px){
.header .one > li > a{padding:0 7px;}
.header .one > li+li{ margin-left:5px;}
}
@media (min-width: 1200px){
.header .one > li > a{padding:0 5px;}
.header .one > li+li{ margin-left:20px;}
}
@media (max-width: 980px){
.header{ height:80px;}
.header .logo{ top:20px;}
.header .logo,
.header .logo *{ width:182px; height:40px;}
.header .one{ padding:25px 0 24px 0;}
}
@media (max-width: 860px){
.header{ position:fixed; left:0; top:0; height:50px; z-index:200;}
.headerBg{ height:50px;}
.header .logo{ top:10px;}
.header .logo,
.header .logo *{ width:137px; height:30px;}
.header .nav{ display:none; position:fixed; left:0; top:0; width:100%; height:100%; z-index:300;}
.header .nav .close{ background:url(../images/bgClose.png); position:absolute; width:100%; height:100%; left:0; top:0;}
.header .nav .one{ position:absolute; width:65%; max-width:260px; background:#333; padding:0 15px; border-top:20px solid #333; border-bottom:20px solid #333; overflow:auto; height:100%; z-index:1;}
.header .one > li+li{ margin-left:0;}
.header a{ color:#fff;}
.header .one > li{ border-bottom:1px dashed #858585;}
.header .one > li > a{ font-size:16px; line-height:45px;}
.header .two{ border-top:1px solid #858585;}
.header .two > li > a{ font-size:14px; line-height:35px; padding-left:10px;}
}

.brandBanner{ position:relative;}
.brandBanner li{ overflow:hidden;}
.brandBanner li a,
.brandBanner li img{ display:block; position:relative; width:100%; max-width:none;}
.brandBanner .bx-controls{ text-align:center; position:absolute; bottom:20px; line-height:0; left:0; width:100%; height:0;}
.brandBanner .bx-pager{ display:inline-block;}
.brandBanner .bx-pager .bx-pager-item{ font-size:0; float:left; width:9px; height:9px; margin:0 6px;}
.brandBanner .bx-pager .bx-pager-item a{ display:block; height:9px; width:9px; background:#fff; border-radius:50%;}
.brandBanner .bx-pager .bx-pager-item a.active{ background:#707070;}
@media (min-width: 1281px){
.brandBanner li{ overflow:hidden;}
.brandBanner li a{ width:100%; /*height:430px;*/ overflow:hidden;}
/*.brandBanner li img{ width:1920px; height:430px; left:50%; margin-left:-960px;}*/
.brandBanner li img{ width:100%;/* height:430px; left:50%; margin-left:-960px;*/}
}
@media (max-width: 1280px){
.brandBanner li a{ height:0; padding-bottom:33.59375%;}
/*.brandBanner li img{ position:absolute; left:-25%; top:0; width:150%; height:100%;}*/
.brandBanner li img{ position:absolute; /*left:-25%;*/ top:0; width:100%; /*height:100%;*/}
}
@media (max-width: 768px){
.brandBanner .bx-controls{ bottom:15px;}
.brandBanner .bx-pager .bx-pager-item{ margin:0 3px;}
}

.banner{ position:relative; overflow:hidden; width:100%;}
.banner img{ display:block; width:100%; position:relative; /*left:50%; margin-left:-960px; max-width:none;*/}
/*@media (max-width: 1280px){
.banner img{ left:-25%; margin:0; width:150%;}
}*/

.Current{ font-size:14px; line-height:50px; position:relative; z-index:40;}
.Current,
.Current a{ color:#a0a0a0;}
.Current a:hover,
.Current span{ color:#000;}
@media (min-width: 769px){
.Current{ margin-bottom:-20px;}
}
@media (max-width: 768px){
.Current{ font-size:14px; line-height:35px;}
}
@media (max-width: 640px){
.Current{ display:none;}
}

.Content{ width:100%; overflow:hidden; position:relative; min-height:450px;}
.mainCont{ margin:50px 0;}
@media (max-width: 980px){
.mainCont{ margin:30px 0;}
}
@media (max-width: 480px){
.mainCont{ margin:15px 0;}
}


.searchMenu{ position:relative;}
.searchMenu.fixed{ position:fixed; width:100%; left:0; top:0; z-index:100; background: #fff;}
.searchMenu .wid{ position:relative; padding:0%;}
.searchMenu .search{ position:absolute; right:0; top:20px; z-index:30;}
.searchMenu .search .clickbtn{ display:block; line-height:20px; position:relative; padding-right:20px; font-size:16px; color:#000;}
.searchMenu .search .clickbtn::before{ position:absolute; content:''; right:0; top:50%; border:6px solid #fff; border-top-color:#a0a0a0; margin-top:-3px;}
.searchMenu .search .box{ position:absolute; background:#fff; border-radius:5px; right:0; top:35px; box-shadow:0 0 5px 1px #ccc; width:300px; display:none;}
.searchMenu .search .box .title{ text-align:center; line-height:60px; font-size:18px; color:#000;}
.searchMenu .search .box .dl{ border-top:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5; padding:25px; font-size:16px;}
.searchMenu .search .box .dl dd+dd{ margin-top:20px;}
.searchMenu .search .box .dl .fl{ float:left; color:#000; line-height:38px;}
.searchMenu .search .box .dl .fr{ padding-left:3em;}
.searchMenu .search .box .dl .fr input{ display:block; background:#f4f4f4; border:1px solid #ddd; border-radius:2px; width:100%; height:36px; line-height:34px; padding:0 5px; font-size:14px;}
.searchMenu .search .box .btn{ padding:20px;}
.searchMenu .search .box .btn a{ display:block; width:112px; height:32px; text-align:center; font-size:18px; color:#333; border-radius:3px; border:1px solid #7d7d7d; line-height:30px; margin:0 auto;}
.searchMenu .search .box .btn a:hover{ color:#000; border-color:#1b1b1b;}

.mainMenu{ position:relative; text-align:center; line-height:0; padding-bottom:1px;background:#fff;}
.mainMenu .line{ position:absolute; width:1920px; left:50%; margin-left:-960px; bottom:0; background:#e5e5e5; height:1px; overflow:hidden;}
.mainMenu .one{ display:inline-block;}
.mainMenu .one > li{ float:left; position:relative; }
.mainMenu .one > li{ margin: 0 30px;}
.mainMenu .one > li a{ display:block;}
.mainMenu .one > li > a{ font-size:16px; color:#000; line-height:20px; padding:20px 0 18px 0; border-bottom:2px solid #fff;}
.mainMenu .one > li > a:hover,
.mainMenu .one > li.on > a{ border-bottom-color:#000;}
.mainMenu .two{ display:none; position:absolute; left:50%; transform:translateX(-50%); top:60px; z-index:5; color: #fff; background:rgba(255,255,255,1); border:1px solid #e5e5e5;}
.mainMenu .two > li{ line-height:40px; display:block;}
.mainMenu .two > li > a{ color:#333; font-size:16px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;padding: 0 15px;}
.mainMenu .two > li > a:hover{ background:#e1e1e1;}
@media (max-width: 1024px){
.mainMenu .one > li{ margin-right:30px;}
}
@media (max-width: 860px){
/*.mainMenu{ display:none;}*/
.searchMenu .search{ position:relative; float:right; top:0; margin-top:3%;}
.searchMenu .search .clickbtn{ line-height:30px; height:30px;}
.searchMenu .search .box{ top:100%;}
}


.txt1215{ max-width: 1010px; margin: 0 auto;}
.txt1215 .box2{ padding: 5% 0;}
.txt1215 .box2 .info{ padding-top: 8%;}


.footer .wid{ border-top:1px solid #e5e5e5; padding-top:20px;}
.footer .fl{ font-size:12px; line-height:24px; color:#707070;}
.footer .fl a{ color:#b5b5b5; display:inline-block;}
.footer .fl a:hover{ color:#d6000f;}
.footer .fl ul{ overflow:hidden;}
.footer .fl ul li{ float:left; position:relative;}
.footer .fl ul li+li{ padding-left:10px;}
.footer .fl ul li+li::before{ position:absolute; content:''; left:5px; height:10px; border-left:1px solid #c9c9c9; top:50%; margin-top:-5px;}
.footer .fr .code,
.footer .fr .tel{ float:left;}
.footer .fr .code{ text-align:center; padding-right:20px; font-size:14px;}
.footer .fr .code .pic,
.footer .fr .code .pic img{ display:block; width:92px; height:92px;}
.footer .fr .code .pic img{ border:1px solid #d2d2d2;}
.footer .fr .code .txt{ line-height:20px; padding:5px 0;}
.footer .fr .tel{ color:#707070; padding-left:30px;}
.footer .fr .tel .t1{ font-size:26px; color:#303030; padding-bottom:5px;}
.footer .fr .tel .t2{ font-size:34px;}
@media (min-width: 981px){
.footer .fr{ float:right; padding-left:10px;}
}
@media (max-width: 640px){
.footer .fr .tel .t1{ font-size:18px; padding-top:20px;}
.footer .fr .tel .t2{ font-size:24px;}
}
@media (max-width: 480px){
.footer{ text-align:center;}
.footer .fr,
.footer .fl ul{ display:inline-block;}
.footer .fr .tel{  float:none; clear:both; padding-left:0;}
.footer .fr .tel .t1{ padding-top:10px;}
}
@media (max-width: 360px){
.footer .fl ul{ font-size:12px;}
}



.Pages{ text-align:center; font-size:0;}
.Pages > span{ display:none;}
.Pages > .p_page{ display:inline-block; overflow:hidden;}
.Pages > .p_page a{ display:block; float:left; height:42px; line-height:40px; min-width:42px; color:#999; font-size:14px; margin:0 5px; font-style:normal; border:1px solid #ececec; padding:0 20px;}
.Pages > .p_page em{ display:block; float:left; margin-left:1px;}
.Pages > .p_page em a{ padding:0 10px;}
.Pages > .p_page a.a_cur,
.Pages > .p_page a:hover{ background:#707070; color:#fff; border-color:#707070;}
.Pages > .p_page .a_first,
.Pages > .p_page .a_end{ display:none;}
.Pages > .p_page .a_prev,
.Pages > .p_page .a_next{ font-family:"宋体"; font-size:18px; padding:0 10px;}
@media (max-width: 768px){
.Pages > .p_page a{ height:30px; line-height:28px; min-width:30px;}
.Pages > .p_page .a_prev,
.Pages > .p_page .a_next{ font-size:16px;}
}



.newsList li{ position:relative; margin-bottom:80px;}
.newsList li::before{ position:absolute; content:''; width:100%; height:100%; left:-1.2%; top:0; margin-top:-1.2%; box-sizing:content-box; padding:1.2%; box-shadow:0 0 8px #999; transition:all 0.3s; opacity:0; background:#fff; z-index:-1;}
.newsList li:hover::before{ opacity:1;}
.newsList li .pic,
.newsList li .pic img{ display:block; width:515px; height:335px;}
.newsList li .pic{ float:left;}
.newsList li .pic img{ border:1px solid #eee; padding:2px;}
.newsList li .info{ padding-left:545px;}
.newsList li .info .dot a{ display:inline-block; font-size:22px; line-height:30px; max-width:100%;overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.newsList li .info .txt{ font-size:14px; line-height:22px; max-height:88px; overflow:hidden; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:4; -webkit-box-orient:vertical; color:#707070; margin:15px 0;}
.newsList li .info .line{ width:68px; height:3px; background:#d2d2d2; margin-bottom:15px;}
.newsList li .info .time{ font-size:14px; color:#707070; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.newsList li .info .more{ position:absolute; bottom:0; display:block; width:140px; height:42px; line-height:42px; text-align:center; color:#fff; background:#707070; font-size:16px;}
@media (max-width: 1024px){
.newsList li{ margin-bottom:60px;}
.newsList li .pic,
.newsList li .pic img{ display:block; width:380px; height:250px;}
.newsList li .info{ padding-left:405px;}
}
@media (max-width: 860px){
.newsList li{ margin-bottom:40px;}
.newsList li .pic,
.newsList li .pic img{ display:block; width:275px; height:180px;}
.newsList li .info{ padding-left:300px;}
.newsList li .info .txt{  max-height:44px; -webkit-line-clamp:2; margin:10px 0;}
.newsList li .info .more{ width:100px; font-size:14px; height:35px; line-height:35px;}
}
@media (max-width: 640px){
.newsList li{ margin-bottom:20px;}
.newsList li .pic,
.newsList li .pic img{ display:block; width:150px; height:100px;}
.newsList li .info{ padding-left:165px;}
.newsList li .info .dot a{ font-size:16px; line-height:30px;}
.newsList li .info .time,
.newsList li .info .line,
.newsList li .info .more{ display:none;}
}


.newsInfo > .fl{ float:left; width:440px;}
.newsInfo > .fl .topPic{ position:relative;}
.newsInfo > .fl .topPic a,
.newsInfo > .fl .topPic img{ display:block; max-height:440px; width:100%;}
.newsInfo > .fl .btn{ text-align:center; line-height:0; padding:10% 0;}
.newsInfo > .fl .btn .block{ display:inline-block;}
.newsInfo > .fl .btn .block a{ display:block; width:88px; height:32px; line-height:30px; text-align:center; border:1px solid #e5e5e5; font-size:16px; color:#707070; float:left;}
.newsInfo > .fl .btn .block a:hover{ border-color:#959595; color:#1c1c1c;}
.newsInfo > .fl .btn .block a+a{ margin-left:10px;}
.newsInfo > .fl .btn .block a.no{ background:#f2f2f2; color:#707070 !important ;border-color:#e5e5e5;}
.newsInfo > .fl .list .t1{ font-size:22px; line-height:1.7em;}
.newsInfo > .fl .list .t1 a{ color:#333;}
.newsInfo > .fl .list .t1 a:hover{ text-decoration:underline;}
.newsInfo > .fl .list .t2{ font-size:16px; line-height:66px; background:url(../images/newsLine.png) left top;}
.newsInfo > .fr{ padding-left:510px;}
.newsInfo2 > .fr{ padding-left:0;}
.newsInfo > .fr > .title{ font-size:24px; line-height:1.55em; text-align:center;}
.newsInfo > .fr > .time{ padding:2% 0 3% 0; font-size:16px; color:#707070; text-align:center;}
.newsInfo > .fr > .time span{ text-decoration:underline; color:#000;}
.newsInfo > .fr > .golist{ padding:30px 0;}
.newsInfo > .fr > .golist a{ display:block; font-size:18px; height:40px; line-height:40px; width:130px; text-align:center; color:#fff; background:#707070; border-radius:5px; margin:0 auto;}
.newsInfo > .fr > .line{ background:url(../images/line.png) left top; height:6px; width:100%;}
.newsInfo > .fr > .next{padding-top: 3%;}
.newsInfo > .fr > .next a{ display:inline-block; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; font-size:14px; color:#a0a0a0;}
.newsInfo > .fr > .next2{ padding-top: 0;}

.newsInfo > .fr > .next a:hover{ color:#333;}
@media (max-width: 1024px){
.newsInfo > .fl{ width:330px;}
.newsInfo > .fr{ padding-left:370px;}
.newsInfo > .fl .btn{ padding:7% 0;}
.newsInfo > .fl .list .t1{ font-size:18px;}
.newsInfo > .fl .list .t2{ font-size:14px; line-height:40px; background-size:auto 40px;}
.newsInfo > .fr > .title{ font-size:24px;}
.newsInfo > .fr > .golist a{ height:30px; width:100px; line-height:30px; font-size:14px;}
}
@media (max-width: 860px){
.newsInfo > .fl{ width:200px;}
.newsInfo > .fr{ padding-left:240px;}
}
@media (max-width: 640px){
.newsInfo > .fl{ width:100%; float:none;}
.newsInfo > .fr{ padding:5% 0 0 0;}
.newsInfo > .fr > .title{ font-size:20px;}
}


.contactPage .columnName{ text-align:center; font-size:36px; padding:40px 0;}
.contactPage .forms{ max-width:625px; margin:0 auto;}
.contactPage .forms dt{ font-size:14px; font-weight:bold; line-height:30px;}
.contactPage .forms dd+dt{ padding-top:30px;}
.contactPage .forms .box{ border:1px solid #eae5e9; padding:0 10px;}
.contactPage .forms .box.fl{ float:left; width:49%;}
.contactPage .forms .clear+.box.fl{ margin-top:10px;}
.contactPage .forms .box.fr{ float:right; width:49%;}
.contactPage .forms .clear+.box.fl,
.contactPage .forms .clear+.box.fl+.box.fr{ margin-top:10px;}
.contactPage .forms .box input,
.contactPage .forms .box select{ display:block !important; width:100%; height:36px; line-height:36px;}
.contactPage .forms .box textarea{ height:180px; font-family:arial,"微软雅黑"; width:100%; display:block; padding:5px 0;}
.contactPage .forms .txt{ font-size:14px; padding:10px 0; color:#707070;}
.contactPage .forms .btn{ padding:5% 0;}
.contactPage .forms .btn a{ display:block; margin:0 auto; background:#707070; color:#fff; width:220px; line-height:35px; font-size:16px; text-align:center;}
.contactPage .forms .btn a span{ font-family:"宋体"; display:inline-block; margin-left:10px;}
@media (max-width: 1024px){
.contactPage .columnName{ font-size:28px;}
}
@media (max-width: 860px){
.contactPage .columnName{ font-size:22px; padding:25px 0;}
.contactPage .forms dd+dt{ padding-top:25px;}
}
@media (max-width: 640px){
.contactPage .columnName{ font-size:18px;}
.contactPage .forms .box textarea{ height:120px;}
}



.caseList{ overflow:hidden; margin:0 auto; padding:0 10px; max-width:1920px;}
.caseList .ul{ margin-right:-10px; overflow:hidden;}
.caseList .ul li{ width:20%; padding-right:10px; float:left; margin-bottom:10px;}
.caseList .ul a{ display:block;}
.caseList .ul .Pic100{ padding-bottom:70%;}
.caseList .ul .Pic100 .info{ position:absolute; left:0; top:0; right:0; bottom:0; margin:auto; background:url(../images/bgClose.png); width:100%; height:100%; z-index:-1; opacity:0; transition:all 0.3s;}
.caseList .ul a:hover .Pic100 .info{ z-index:1; opacity:1;}
.caseList .ul .Pic100 .txt{ position:absolute; left:0; top:0; right:0; bottom:0; margin:auto; width:96%; height:56px; color:#fff; text-align:center;}
.caseList .ul .Pic100 .addr{ line-height:30px; font-size:24px;}
.caseList .ul .Pic100 .title{ line-height:26px; font-size:16px;}
.caseList .ul a > .info{ border:1px solid #e5e5e5; padding:5%;}
.caseList .ul a > .info .title{ color:#000; font-size:18px;}
.caseList .ul a > .info .txt{ color:#707070; font-size:14px;}
.caseList .ul a > .box{ display:none;}
@media (max-width: 1280px){
.caseList .ul li{ width:25%;}
}
@media (max-width: 1280px) and ( min-width:769px){
.caseList .ul .Pic100 .addr{ font-size:20px;}
.caseList .ul .Pic100 .title{ font-size:14px;}
.caseList .ul a > .info .title{ font-size:16px;}
.caseList .ul a > .info .txt{ font-size:12px;}
}
@media (max-width: 768px){
.caseList .ul li{ width:50%;}
}
@media (max-width: 640px){
.caseList .ul .Pic100 .addr{ font-size:20px;}
.caseList .ul .Pic100 .title{ font-size:14px;}
.caseList .ul a > .info .title{ font-size:16px;}
.caseList .ul a > .info .txt{ font-size:12px;}
}

.caseInfo{ position:fixed; width:100%; height:100%; z-index:1000; left:0; top:0; display:none; overflow:auto; overflow-y:scroll;}
.caseInfo .close{ position:absolute; left:0; top:0; width:100%; height:100%; background:url(../images/bgClose.png); cursor:pointer; z-index:2;}
.caseInfo .content{ color:#fff; position:relative; padding:3% 0; min-height:100%; width:100%;}
.caseInfo .box{max-width:850px; width:94%; margin:0 auto; position:relative; z-index:3;}
.caseInfo .box .Pic100{ padding-bottom:70%; overflow:hidden;}
.caseInfo .box .Pic100 img{ max-width:none; max-height:none; transition:all 0.3s;}
.caseInfo .box .Pic100 img[size="0"]{ width:20%; height:20%; left:40%; top:40%;}
.caseInfo .box .Pic100 img[size="1"]{ width:30%; height:30%; left:35%; top:35%;}
.caseInfo .box .Pic100 img[size="2"]{ width:40%; height:40%; left:30%; top:30%;}
.caseInfo .box .Pic100 img[size="3"]{ width:60%; height:60%; left:20%; top:20%;}
.caseInfo .box .Pic100 img[size="4"]{ width:80%; height:80%; left:10%; top:10%;}
.caseInfo .box .Pic100 img[size="6"]{ width:120%; height:120%; left:-10%; top:-10%;}
.caseInfo .box .Pic100 img[size="7"]{ width:140%; height:140%; left:-20%; top:-20%;}
.caseInfo .box .Pic100 img[size="8"]{ width:180%; height:180%; left:-40%; top:-40%;}
.caseInfo .box .Pic100 img[size="9"]{ width:240%; height:240%; left:-70%; top:-70%;}
.caseInfo .box .Pic100 img[size="10"]{ width:300%; height:300%; left:-100%; top:-100%;}
.caseInfo .info{ padding-top:30px;}
.caseInfo .info .zoom{ float:right;}
.caseInfo .info .zoom .click{ cursor:pointer; float:left; font-weight:100;}
.caseInfo .info .zoom .click+.click{ margin-left:20px;}
.caseInfo .info .zoom .pic{ float:right; clear:both;}
.caseInfo .info .zoom .pic img{ display:block; width:46px; height:46px;}
.caseInfo .info .zoom .text{ clear:both; font-size:24px; line-height:1.8em;}
.caseInfo .info .txt{ line-height:1.5em; font-size:16px; font-weight:100;}
.caseInfo .info .txt .title{ font-size:1.9em; line-height:1em;}
.caseInfo .info .txt .con{ padding-top:20px;}

@media (max-width: 768px){
.caseInfo .info{ padding-top:3%;}
.caseInfo .info .zoom .text{ font-size:14px;}
.caseInfo .info .zoom .pic img{ width:28px; height:28px;}
.caseInfo .info .txt{ font-size:12px;}
.caseInfo .info .txt .con{ padding-top:2%;}
.caseInfo .info .txt .title{ font-size:1.6em;}
}

@media (max-width: 640px){
.caseInfo .info .zoom .text{ font-size:12px;}
.caseInfo .info .zoom .pic img{ width:24px; height:24px;}
}


.linkList{ overflow:hidden;}
.linkList .ul{ margin-right:-30px; overflow:hidden;}
.linkList .ul li{ float:left; width:20%; padding:0 30px 20px 0;}
.linkList .ul li a{ display:block;}
.linkList .ul li .Pic100{ padding-bottom:50%;}
.linkList .ul li .Pic100 img{ padding:3px; border:1px solid #ddd;}
.linkList .ul li .dot{ text-align:center; line-height:30px; font-size:14px;}
@media (max-width: 980px){
.linkList .ul{ margin-right:-25px;}
.linkList .ul li{ width:25%; padding-right:25px;}
}
@media (max-width: 768px){
.linkList .ul{ margin-right:-20px;}
.linkList .ul li{ padding:0 20px 15px 0;}
}
@media (max-width: 640px){
.linkList .ul{ margin-right:-10px;}
.linkList .ul li{ width:50%; padding-right:10px;}
}


.Map #map{ height:430px;}
.Map #map *{ box-sizing:content-box; max-width:none;}
.Map .info{ display:none;}
.Map .BMapLib_bubble_content{ white-space:pre-line;}
.Map .iw_poi_title{color:#CC5522;font-size:14px;font-weight:bold;overflow:hidden;padding-right:13px;}
.Map .iw_poi_content{ white-space:pre-line; width:600px;}
@media (max-width: 980px){
.Map #map{ height:300px;}
.Map .iw_poi_content{ width:400px;}
}
@media (max-width: 640px){
.Map #map{ height:250px;}
.Map .iw_poi_content{ width:260px;}
}



.prodList > .list > li{ padding:50px 0 40px 0;}
.prodList > .list > li+li{ border-top:1px solid #e5e5e5;}
.prodList > .list > li > .pic{ float:left; width:50%;}
.prodList > .list > li > .pic .Pic100{ padding-bottom:105.9375%; display:block;}
.prodList > .list > li > .info{ float:left; width:50%; padding:0 6%;}
.prodList > .list > li > .info .title{ text-align:center; line-height:0;}
.prodList > .list > li > .info .block{ display:inline-block; position:relative; line-height:50px; max-width:96%;}
.prodList > .list > li > .info .cn{ font-size:42px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.prodList > .list > li > .info .en{ font-size:48px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.prodList > .list > li > .info .line{ position:absolute; background:#000; transition:all linear 0.5s;}
.prodList > .list > li > .info .title .l{ width:1px; right:0; bottom:0; height:70%; opacity:1;}
.prodList > .list > li > .info .title .b{ height:1px; right:-10%; bottom:0; width:0; opacity:0;}
.prodList > .list > li > .info .title:hover .l{ height:0%; bottom:130%; opacity:0;}
.prodList > .list > li > .info .title:hover .b{ width:60%; right:40%; opacity:1;}
.prodList > .list > li > .info .size{ color:#707070; text-align:center; line-height:20px; padding-top:30px;}
.prodList > .list > li > .info .size .t1{ font-size:16px;}
.prodList > .list > li > .info .size .t2{ font-size:18px;}
.prodList > .list > li > .info .d1{ max-width:350px; margin:0 auto; overflow:hidden; padding-top:25%; width:80%;}
.prodList > .list > li > .info .d1 dd{float:left; padding:0 1px; width:20%;}
.prodList > .list > li > .info .d1 a{ display:block; position:relative; }
.prodList > .list > li > .info .d1 .Pic100{ padding-bottom:264.706%; z-index:1;}
.prodList > .list > li > .info .d1 .txt{ z-index:0; position:absolute; left:0; top:0; height:100%; width:100%; padding:5px; background:rgba(112, 112, 112, 0.8); transition:all 0.3s; text-align:center; color:#fff; opacity:0;}
.prodList > .list > li > .info .d1 .txt .t1{ position:absolute; top:15px; left:0; width:100%; padding:0 5px; font-size:16px;}
.prodList > .list > li > .info .d1 .txt .t2{ position:absolute; left:0; bottom:15px; padding:0 5px; width:100%; word-break: break-all;}
.prodList > .list > li > .info .d1 .txt .t2 span{ display:block; font-size:24px;}
.prodList > .list > li > .info .d1 .txt .t3{ font-size:16px; line-height:18px; height:36px; overflow:hidden; position:relative;}
.prodList > .list > li > .info .d1 .txt .t3::after{ position:absolute; content:''; left:0%; right:0; margin:0 auto; bottom:0; width:28px; border-top:1px solid #fff;}
.prodList > .list > li > .info .d1 a:hover .txt{ z-index:2; opacity:1;}
.prodList > .list > li > .info .d2box{ max-width:550px; margin:0 auto;}
.prodList > .list > li > .info .d2{ overflow:hidden; margin-right:-15px; padding-top:10px;}
.prodList > .list > li > .info .d2 dd{ float:left; overflow:hidden; width:50%; padding-right:15px; margin-top:25px;}
.prodList > .list > li > .info .d2 dd .pic{ float:left;}
.prodList > .list > li > .info .d2 dd .pic,
.prodList > .list > li > .info .d2 dd .pic img{ width:45px; height:45px;}
.prodList > .list > li > .info .d2 dd .pic img{ display:block; border:2px solid #959595;}
.prodList > .list > li > .info .d2 dd .txt{ line-height:15px; font-size:14px; padding-left:5px; height:45px; overflow:hidden; color:#707070;}
@media (min-width: 769px){
.prodList > .list > li.odd > .pic{ float:right;}
.prodList > .list > li.odd  > .info .title .l{ width:1px; left:0; bottom:0; height:70%; opacity:1;}
.prodList > .list > li.odd  > .info .title .b{ height:1px; left:-10%; bottom:0; width:0; opacity:0;}
.prodList > .list > li.odd  > .info .title:hover .l{ height:0%; bottom:130%; opacity:0;}
.prodList > .list > li.odd  > .info .title:hover .b{ width:60%; left:40%; opacity:1;}
}
@media (max-width: 1280px){
.prodList > .list > li > .info .block{ line-height:45px;}
.prodList > .list > li > .info .en{ font-size:42px;}
.prodList > .list > li > .info .cn{ font-size:36px;}
.prodList > .list > li > .info .size{ padding-top:2%;}
.prodList > .list > li > .info .d1{ padding-top:15%;}
}
@media (max-width: 1100px){
.prodList > .list > li > .info .d1{ padding-top:10%;}
.prodList > .list > li > .info .d2 dd{ margin-top:5%;}
}
@media (max-width: 980px){
.prodList > .list > li > .info .block{ line-height:40px;}
.prodList > .list > li > .info .en{ font-size:38px;}
.prodList > .list > li > .info .cn{ font-size:34px;}
.prodList > .list > li{ padding:30px 0 25px 0;}
}
@media (max-width: 980px) and (min-width:769px){
.prodList > .list > li > .info .block{ line-height:30px;}
.prodList > .list > li > .info .en{ font-size:28px;}
.prodList > .list > li > .info .cn{ font-size:24px;}
.prodList > .list > li > .info .d1{ padding-top:5%;}
}
@media (max-width: 768px){
.prodList > .list > li > .pic,
.prodList > .list > li > .info{ float:none; width:100%;}
.prodList > .list > li > .info{ padding:2%;}
}
@media (max-width: 640px){
.prodList > .list > li > .info .block{ line-height:30px;}
.prodList > .list > li > .info .en{ font-size:28px;}
.prodList > .list > li > .info .cn{ font-size:24px;}
.prodList > .list > li > .info .d1{ padding-top:5%;}
}

.prodBody{ background:#eef0f0;}
.prodBody .mainMenu{ background:#eef0f0;}
/*.prodBody .mainMenu .one > li > a{ border-bottom:2px solid #eef0f0;}*/
.prodBody .searchMenu .search .clickbtn::before{ border-color:#eef0f0; border-top-color:#a0a0a0;}

.prodShow .box{ width:74%; margin:0 auto; position:relative;}
.prodShow .Pic100{ padding-bottom:90.625%;}
.prodShow .bx-controls{ text-align:center; line-height:0; padding:3% 0;}
.prodShow .bx-controls .bx-pager{ display:inline-block;}
.prodShow .bx-controls .bx-pager-item{ height:10px; width:10px; float:left; margin:0 3px;}
.prodShow .bx-controls .bx-pager a{ display:block; background:#e5e5e5; width:10px; height:10px; border-radius:50%; font-size:0;}
.prodShow .bx-controls .bx-pager .active{ background:#b5b5b5;}
.prodShow .bx-controls-direction a{ display:block; position:absolute; top:50%; margin-top:-35px; font-size:0;}
.prodShow .bx-controls-direction a img{ display:block; width:40px; height:70px;}
.prodShow .bx-controls-direction a.bx-prev{ left:-50px}
.prodShow .bx-controls-direction a.bx-next{ right:-50px;}

.pardInfo{ background:#fff; margin-top:3%;}
.pardInfo > .line{ padding-top:3%; background:#eef0f0;}
.pardInfo > .top .fl{ float:left; width:69%; border-right:1px solid #dcdcdc;}
.pardInfo > .top .fr{ float:left; width:31%; border-left:1px solid #dcdcdc; margin-left:-1px; padding:0 3%;}
.pardInfo > .top .fr .title{ font-size:42px; color:#000; border-bottom:1px solid #dcdcdc; padding:15% 0; padding-bottom: 12%}
.pardInfo > .top .fr .title p.p1{ font-size: 18px; color: #000; line-height: inherit; margin: 0;}
.pardInfo > .top .fr .table{ width:100%; border-width:0; line-height:30px; padding:10px 0;}
.pardInfo > .top .fr td{ padding:10px 0;}
.pardInfo > .top .fr .td1{ color:#898989; font-size:16px; white-space:nowrap; vertical-align:top; width:5em;}
.pardInfo > .top .fr .td2{ color:#000; font-size:20px; padding-left:10px;}
.pardInfo > .top .fr .btn{ border-top:1px solid #dcdcdc; padding:30px 0;}
.pardInfo > .top .fr .btn a{ display:block; float:left; width:47%; background:#d6000f; border-radius:1px; border:3px solid #fff; box-shadow:0 0 1px 1px #e5e5e6; text-align:center; line-height:0; padding:10px 0; color:#fff;}
.pardInfo > .top .fr .btn a+a{ margin-left:6%;}
.pardInfo > .top .fr .btn .block{ display:inline-block; line-height:25px; max-width:90%;}
.pardInfo > .top .fr .btn img{ display:block; float:left; width:25px; height:25px;}
.pardInfo > .top .fr .btn span{ display:block; padding-left:5px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; font-size:18px;}
.pardInfo > .info > .title{ background:#f9f9f9; border-bottom:1px solid #dcdcdc; padding:2% 3%; line-height:30px;}
.pardInfo > .info > .title a{ display:block; float:right; font-size:18px; margin-left:2%;}
.pardInfo > .info > .title span{ font-size:24px;}
.pardInfo > .info > .txtbox{ padding:3%;}
@media (max-width: 1280px){
.pardInfo > .top .fr .title{ font-size:30px;}
.pardInfo > .top .fr .table{ line-height:24px;}
.pardInfo > .top .fr td{ padding:5px 0;}
.pardInfo > .top .fr .td1{ font-size:14px;}
.pardInfo > .top .fr .td2{ font-size:16px;}
.pardInfo > .top .fr .btn span{ font-size:14px; line-height:20px;}
.pardInfo > .top .fr .btn img{ width:20px; height:20px;}
.pardInfo > .info > .title span{ font-size:20px;}
}
@media (max-width: 980px){
.pardInfo > .top .fl{ width:60%;}
.pardInfo > .top .fr{ width:40%;}
.prodShow .bx-controls-direction a{ height:35px; margin-top:-17px;}
.prodShow .bx-controls-direction a.bx-prev{ left:-30px}
.prodShow .bx-controls-direction a.bx-next{ right:-30px;}
.prodShow .bx-controls-direction a img{ width:20px; height:35px;}
}
@media (max-width: 860px){
.pardInfo > .top .fl,
.pardInfo > .top .fr{ float:none; width:100%; border:none;}
.pardInfo > .top .fr .title{ padding:3% 0;}
}
@media (max-width: 860px){
.pardInfo > .info > .title span{ font-size:16px; clear:both; width:100%; display:block;}
.pardInfo > .info > .title span+a{ clear:both;}
.pardInfo > .info > .title a{ font-size:14px; float:right; margin:0;}
.pardInfo > .info > .title a+a{ float:left;}
}


#homePage .slide{ position:relative;}
#homePage .slide .pc,
#homePage .slide .wap{ position:absolute; left:0; top:0; width:100%; height:100%; background:center no-repeat; background-size:cover;}
#homePage .slide .wap,
#homePage.mob .slide .pc{ display:none;}
#homePage.mob .slide .wap{ display:block;}
#homePage .fp-controlArrow{ display:none;}
.homeBody{ overflow:hidden;}
.homeBody .header{ position:fixed; left:0; top:0; width:100%; z-index:200;}
.homeBody .fp-auto-height{ padding-top:0 !important;}
.homeBody .headerBg{ display:none;}
#homePage .slide .pc{
    -webkit-transition: transform 18s;
    -moz-transition: transform 18s;
    -ms-transition: transform 18s;
    -o-transition: transform 18s;
    transition: transform 18s;
}
/*#homePage .slide .pc:hover{ -webkit-transform: scale(1.6, 1.6);
    -moz-transform: scale(1.6, 1.6);
    -ms-transform: scale(1.6, 1.6);
    -o-transform: scale(1.6, 1.6);
    transform: scale(1.6, 1.6);}*/




.TextList001851{ margin-bottom: 3%;}
.TextList001851 .title{ text-align:center; padding-bottom:3%;}
.TextList001851 .title span{ display:inline-block; background:#d6000f; font-size:24px; color:#fff; line-height:34px; padding:0 10px;vertical-align:middle;}
.TextList001851 .title:after,
.TextList001851 .title:before{ content:''; display:inline-block; height:5px; border:1px solid #bbb; border-left:0; border-right:0; width:5%; vertical-align:middle;}
@media(max-width:480px){
    .TextList001851 .title span{ font-size:18px;}
}
.TextList001851 section{ border:solid 1px #e7e7e7;}
.TextList001851 .list{ border-bottom:solid 1px #e7e7e7;}
.TextList001851 section .list:last-child{ border-bottom:0;}
.TextList001851 .list .dot{ font-weight:normal; margin:0;  padding:15px 45px 15px 15px; background:url(../images/close.jpg) no-repeat 98% center #f9f9f9; font-size:16px; cursor:pointer;}
.TextList001851 .list .dot#on{ background-image:url(../images/open.gif); background-color:#d6000f; color:#fff;}
.TextList001851 .list .con{ display:none; padding:2%; }

.TextList001851 .info .btn{ display: block; width: 140px; height: 42px; line-height: 42px; text-align: center; color: #fff; background: #707070; font-size: 16px;}


.contactPage .from_box{ max-width: 660px; margin: 0 auto;}

.contactPage .from_box{ padding-bottom:5%;}
.contactPage .from_box dl{ width:48%; float:left; padding-left:85px; min-height:40px; position:relative; margin-bottom:15px; max-width:420px;}
.contactPage .from_box dl.odd{ margin-left:4%;}
.contactPage .from_box dt{ color:#5b5b5b; font-size:14px; position:absolute; left:0; width:80px; line-height:40px;}
.contactPage .from_box .text{ border:1px solid #dfdfdf; width:100%; padding:0 10px; line-height:38px; color:#5b5b5b;}
.contactPage .from_box dl.dl{ width:100%; float:none; max-width:none;}
.contactPage .from_box dl dd{ margin: 0;}
.contactPage .from_box dl.dl1{ width: 100%; float: none; padding-left: 0; max-width: none;}
.contactPage .from_box dl.dl2{ width: 100%; max-width: none;}

.contactPage .from_box dl .red{ color: #d6000f; font-style: normal;}
.contactPage .from_box dl.dl1 .text{ line-height: 52px; font-size: 14px;}
.contactPage .from_box dl em{ color: #959595; font-style: normal; font-size: 14px;
    position: absolute;
    left: 0;
    width: 100%;
    line-height: 40px;}
.contactPage .from_box .btn{  line-height:40px; min-width:140px; background-color:#f3f3f3; color:#728391; font-size:16px; border:none;  cursor:pointer; }
.contactPage .from_box .submitbtn{ color:#fff; background-color:#707070; display: block; margin: 0 auto; margin-top: 30px;}
@media(max-width:640px){
    .contactPage .from_box dl{ float:none; width:100%; margin-left:0 !important;}
    .contactPage .from_box textarea{ height:250px;}
    .contactPage .from_box dl{ max-width: none;}
}
@media(max-width:480px){
    .contactPage .from_box .btn{ width:48%; margin-right:2%; float:left; display:block; min-width:2px;}
}



.Timeline000618{ padding:2% 0;}
.Timeline000618 .swiper-container {position: relative;overflow: hidden;z-index: 1;border: solid 1px #e5e5e5; }
.Timeline000618 .swiper-wrapper {position: relative;height: 75px;z-index: 1;line-height: 75px; padding:0 10%;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-transition-property: -webkit-transform;
    -moz-transition-property: -moz-transform;
    -o-transition-property: -o-transform;
    -ms-transition-property: -ms-transform;
    transition-property: transform;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -o-transform: translate(0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}
.Timeline000618 .swiper-wrapper li {width: 100%;position: relative;text-align: center; cursor:pointer;font-size:16px;-webkit-flex-shrink: 0;-ms-flex: 0 0 auto;flex-shrink: 0;}
.Timeline000618 .swiper-wrapper li.on{ color:#000; font-size: 30px;}

.Timeline000618 .next,
.Timeline000618 .prev{ position:absolute; top:0; width:75px; height:75px; cursor:pointer; border-radius:3px; z-index:10;}
.Timeline000618 .prev{ left:0; background: url(../images/a_left.jpg) no-repeat}
.Timeline000618 .next{ right:0;background: url(../images/a_right.jpg) no-repeat}

.Timeline000618 .list{ position:relative; padding-top:5%;}
.Timeline000618 .box{ display:none;}
.Timeline000618 .box ul{ overflow: hidden;}
.Timeline000618 .box li{ float:left; width:21%; margin-right:5%; margin-bottom:3%; padding: 1%;box-shadow: 0 0 15px #eee; }
.Timeline000618 .box li:nth-child(4n){ margin-right: 0;}
.Timeline000618 .box li a{ display:block;}
.Timeline000618 .box li figure{padding-bottom:77%; background-size:contain;}
.Timeline000618 .box li .dot{ font-size: 16px; color: #000;}
.Timeline000618 .box li p{ margin: 0; padding-top: 15px;}
.Timeline000618 .box li span{ color: #717171; font-size: 14px;}
.Timeline000618 .box li:hover span{ color: #717171}

.btn_ry{ max-width: 150px; height: 40px; line-height: 40px; text-align: center; background: #717171; margin: 0 auto;}
.btn_ry a{ color: #fff; font-size: 16px;}


@media(max-width:640px){
    .Timeline000618 .box li{ float:left; width:48%; margin-right: 2%;}
}




.box_prod{ background: #fff; padding: 3% 0;}
.box_prod .prod_left{ float: left; width: 45%;}
.box_prod .prod_right{ float: right; width: 50%;}
.box_prod .prod_left figure{width:100%;padding-bottom:63%;background-position:center center;background-size:cover;}
.box_prod .prod_right {color: #c9c9c9; font-size: 16px;}
.box_prod .prod_right h3{ font-size: 50px; color: #000; font-weight: normal; margin-bottom: 0;}
.box_prod .prod_right span.span{ display: block; font-size: 25px; color: #fff;}
.box_prod .prod_right p{ color: #c9c9c9; font-size: 16px;}
.box_prod .prod_right .info{white-space:pre-wrap; padding-top: 3%}



.PicList002146{ padding:2% 1%;}
.PicList002146 li{ float:left; width:31%; margin-bottom: 3%; margin-right: 3.5%;}
.PicList002146 li:nth-child(3n){ margin-right: 0;}
.PicList002146 li a{ display:block; position:relative;}
.PicList002146 li h3{ margin:0;  font-size:18px; font-weight:normal; color: #6b6b6f;}
.PicList002146 li h5{ margin:0; color: #fff;font-size:18px; font-weight:normal; }
.PicList002146 li figure.Ispic{background-repeat: no-repeat; background-position: center center;background-size: cover;}
.PicList002146 li figure{ padding-bottom:100%; position: relative;}
.PicList002146 li h3{  border-top-width:3px; padding:2% 0; line-height:50px; position:relative;}
.PicList002146 li p{ width: 100%; margin: 0;}
.PicList002146 li p span{ position: absolute; left: 0; color: #707070; font-size: 14px; bottom: 0;}
.PicList002146 li p em{ position: absolute; right: 0; font-style: normal; color: #707070; font-size: 12px; bottom: 0;}
.PicList002146 li .hover{ opacity:0; position:absolute; left:0; top:0; right:0; bottom:0; text-align:center; background:rgba(0,0,0,0.7); z-index:10; transition:0.3s; color:#fff; }
.PicList002146 li a:hover .hover{ opacity:1;}
.PicList002146 li aside{ position:absolute; left:10%;width:80%; top:50%; -ms-transform:translateY(-50%); -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%);transform:translateY(-50%);}

.PicList002146 li .hover img{width:150px; height:150px; border: solid 2px #fff;}
.PicList002146 li .hover h5{ margin-top:10px; line-height:22px; max-height:44px; overflow:hidden;}
.PicList002146 li .hover i{ display:block;  height:2px; background:#fff; width:30px; margin:10px auto;}
.PicList002146 li .hover p{ font-size:12px; line-height:20px; margin:0; max-height:60px; overflow:hidden;}
@media(max-width:1366px){
    .PicList002146 li h3,
    .PicList002146 li .hover h5{ font-size:16px;}
}
@media(max-width:1366px) and (min-width:1001px){
    .PicList002146 li .hover img{ width:70px; height:70px;}
    .PicList002146 li .hover p{ height:40px;}
}
@media(max-width:1000px){
    .PicList002146 li{ width:48%; margin-left:1%; margin-right:1%;}
    .box_prod .prod_left{ float: none; width: 100%;}
    .box_prod .prod_right{ float: none; width: 100%;}
}
@media(max-width:640px) and (min-width:376px){
    .PicList002146 li .hover img{ width:50px; height:50px;}
    .PicList002146 li .hover p{ height:40px;}
}
@media(max-width:480px){
    .PicList002146 li h3,
    .PicList002146 li .hover h5{ font-size:14px;}
    .PicList002146 li .hover h5{ line-height:20px; max-height:40px;}
}
@media(max-width:375px){
    .PicList002146 li{ float:none; width:auto;}
}

.dada_box{ padding: 2% 0; padding-top: 0;}
.dada_box ul li{ border-top: solid 1px #e5e5e5; padding-top: 2%;}
.dada_box ul li h3.h3{ font-size: 24px; color: #000; margin: 0;}
.dada_box ul li span.span{ font-size: 16px; color: #707070; display: block; margin-bottom: 2%;}


.txtbox h3.yang{ text-align: center; font-size: 25px; color: #000; border-bottom: solid 1px #dcdcdc; padding-bottom: 25px;}
.txtbox h4.yang1{ font-size: 20px; color: #000; border-left: solid 1px #000; padding-left: 20px;}
.txtbox ul.zc_ul li{ float: left; width: 48%; border: solid 1px #dcdcdc; margin-right: 4%; padding: 3%; height: 406px; margin-bottom: 4%;}
.txtbox ul.zc_ul li.list{ margin-right: 0;}
.txtbox ul.zc_ul li h3{ font-size: 35px; font-weight: normal; margin-bottom: 15px;}
.txtbox ul.zc_ul li p{ font-size: 16px; line-height: 28px; color: #707070;}
.txtbox .lins{ height: 1px; background: #dcdcdc;}


.txtbox ul.zc_ul1 li{float: left;width: 33.3333333%;  border-right: 1px solid #dcdcdc; border-bottom: 1px solid #dcdcdc; padding: 2%;}
.txtbox ul.zc_ul1 li h3{ color: #000; font-size: 28px; margin: 0; margin-bottom: 15px; font-weight: normal;}
.txtbox ul.zc_ul1 li h3 span{ background: #b5b5b5; color: #fff; width: 30px; height: 30px; text-align: center; line-height: 30px; display: inline-table; border-radius: 50%; font-size: 16px;}
.txtbox ul.zc_ul1 li h3 em{ font-style: normal; display: inline-table;}
.txtbox ul.zc_ul1 li.list{ border-right: none;}
.txtbox ul.zc_ul1 li p{ color: #707070; font-size: 16px; line-height: 28px;}
.txtbox ul.zc_ul1 li.li1{ height: 300px;}
.txtbox ul.zc_ul1 li.li2{ height: 525px;}

@media(max-width:1000px){
    .txtbox ul.zc_ul li{ float: left; width: 100%; border: solid 1px #dcdcdc; margin-right: 0; padding: 2%; height: auto; margin-bottom: 2%;}
    .txtbox ul.zc_ul li.list{ margin-right: 0;}
    .txtbox ul.zc_ul li h3{ font-size: 20px; font-weight: normal; margin-bottom: 15px; margin-top: 15px;}
    .txtbox ul.zc_ul li p{ font-size: 14px; line-height: 25px; color: #707070;}

    .txtbox ul.zc_ul1 li{float: left;width: 100%;  border-right: 1px solid #dcdcdc; border-bottom: 1px solid #dcdcdc; padding: 2%;}
    .txtbox ul.zc_ul1 li h3{ color: #000; font-size: 20px; margin: 0; margin-bottom: 15px; font-weight: normal;}
    .txtbox ul.zc_ul1 li h3 span{ background: #b5b5b5; color: #fff; width: 30px; height: 30px; text-align: center; line-height: 30px; display: inline-table; border-radius: 50%; font-size: 16px;}
    .txtbox ul.zc_ul1 li h3 em{ font-style: normal; display: inline-table;}
    .txtbox ul.zc_ul1 li.list{ border-right: none;}
    .txtbox ul.zc_ul1 li p{ color: #707070; font-size: 14px; line-height: 28px;}
    .txtbox ul.zc_ul1 li.li1{ height: auto;}
    .txtbox ul.zc_ul1 li.li2{ height: auto;}
}


.yxwl_box{}
.yxwl_box .ti{ border-bottom: solid 1px #dcdcdc;}
.yxwl_box .ti h3{ float: left; font-size: 28px; font-weight: normal; margin-bottom: 15px;}
.yxwl_box .search{ background-color: #fff; width: 205px; height: 35px; border: 1px solid #959595; position: relative; padding-right: 25px; float: right; margin-top: 25px;}
.yxwl_box .search .text{  width: 100%; color: #999; font-size: 16px; display: block; border-radius: 0; background: none; padding:0 0 0 10px; line-height: 35px; display: block;}
.yxwl_box .search .btn{ position: absolute; right: 8px; top: 9px; background: url(../images/search.png) no-repeat; width: 16px; height: 15px; display: block; border-radius:0; border: none; cursor: pointer;}
.yxwl_box .search.focus{ border-color: #dcdcdc; background-color: #fff;}
.yxwl_box .search.focus .text{ color: #333;}

.yxwl_box .sai_x{ font-size: 16px; padding: 2% 0; border-bottom: solid 1px #dcdcdc;}
.yxwl_box .sai_x a{ display: inline-table; margin-right: 25px; margin-bottom: 20px; cursor: pointer;}
.yxwl_box .sai_box{border-bottom: solid 1px #dcdcdc;}}
.yxwl_box .sai_box .tibox{ font-size: 22px; color: #000; padding: 2% 0;}
.tibox{font-size: 22px; color: #000; padding: 2% 0;}
.yxwl_box .sai_box a{display: inline-table; margin-right: 25px; margin-bottom: 20px; cursor: pointer; font-size: 16px; color: #707070;}

.diqu_box .add{ text-align: center; font-size: 22px; margin-top: 4%; padding-bottom: 3%;}
.diqu_box ul li{ float: left; width: 31%; margin-right: 3%; padding: 2%;border: 1px solid #dcdcdc; margin-bottom: 3%; font-size: 16px; color: #707070}
.diqu_box ul li:nth-child(3n){ margin-right: 0;}
.diqu_box ul li h3{ font-size: 20px; font-weight: normal; color: #000;}

.diqu_box ul li a.a_fs{ float: right; display: block; background: url(../images/sj_ico.png) no-repeat left center; padding-left: 25px; padding-bottom: 5px; cursor: pointer; display:none;}

@media(max-width:640px){
    .diqu_box ul li{ float: none; width: 100%; margin-right: 0;}
}


.ab_box{background: rgba(0,0,0,0.5);position: fixed;width: 100%;height: 100%;left: 0;top: 0;z-index: 999; display: none;}
.ab_box_box{background: #fff;width: 450px;margin: 0 auto; margin-top: 5%; padding: 20px;}
.ab_box_box h3{ text-align: center; font-size: 25px; font-weight: normal;border-bottom: solid 1px #dcdcdc; margin-top: 0; padding-bottom: 15px;}
.ab_box_box ul li{ float: none; width: 100%; border: none; padding: 0; margin-right: 0; margin-bottom: 25px;}
.ab_box_box ul li span{ color: #000; font-size: 18px;}
.ab_box_box ul li p{ margin: 0;}
.ab_box_box ul li .text{ border: solid 1px #dcdcdc; height: 40px; line-height: 40px; text-indent: 15px; width: 100%; font-size: 16px;}
.ab_box_box ul li .li{border: solid 1px #dcdcdc; height: 40px; line-height: 40px;  width: 100%;}
.ab_box_box ul li .text1{ height: 40px; line-height: 40px; text-indent: 15px; width: 50%;font-size: 16px;}
.ab_box_box ul li .li a{ float: right; padding-right: 15px; cursor: pointer;}
.ab_box_box ul li .btn{ width: 150px; text-align: center; display: block; margin: 0 auto; font-size: 16px; height: 40px; line-height: 40px; color: #fff; background: #d6000f;}

.ab_box_box .close{ text-align: right; font-size: 16px;}
@media(max-width:640px){
    .ab_box_box{ width: 90%;}
}


.list_menu{ text-align: center; padding: 3% 0 2%; position: relative;}
.list_menu li{ display: inline-block; margin: 0 2% 2%;}
.list_menu li img{ width: 54px; height: 54px; display: block; margin: 0 auto;}
.list_menu li p{ margin: 5px auto 2px; color: #000; font-size: 18px; border-bottom: 2px solid #fff;}
.list_menu li span{ font-size: 14px; display: block; color: #707070;}
.list_menu li .aon p{border-bottom-color: #000;}
.list_menu .line{ position:absolute; width:1920px; left:50%; margin-left:-960px; bottom:0; background:#e5e5e5; height:1px; overflow:hidden;}
@media(max-width:640px){
.list_menu li{ float: left; margin: 0 3% 2%;}
.list_menu li p{ font-size: 14px;}
.list_menu li span{ font-size: 12px;}
}

.pro_list1 h2{ font-size: 48px; font-weight: normal;}
.pro_list1 h2 figure{ width: 40%; display: inline-block; margin-left: 5%; vertical-align: middle;}
.pro_list1 h2 figure img{ display: inline-block; vertical-align: initial;}
@media(max-width:1000px){
.pro_list1 h2{ font-size: 30px;}
}
@media(max-width:640px){
    .pro_list1 h2{ font-size: 24px;}
    .pro_list1 h2 figure{ width: 60%;}
}

.PicList002146 .pro_list1 li p span{ position: static; display: block; margin-top: -20px;}
.PicList002146 .pro_list1 li .hover span{ white-space: pre-wrap;}


.Development{}
.Development .box li{ float: left; position: relative; padding-bottom: 110px;}
.Development .box1{ position: relative; margin-bottom: 80px;padding-left: 9px;}
.Development .box1 .line{ position: absolute; width: 1920px; left: 50%; margin-left: -960px; background: url("../images/Development_line.png") repeat-x left center; height: 25px; bottom: 50px;}
.Development .box1 .bx-controls{ display: none;}
.Development .box1 figure{ width: 100%; position: relative; padding-top: 127px; display: none;}
.Development figure img{ width: 100%; height: 100%; position: absolute; left: 0; top: 0;}
.Development .box1 .txt{ width: 100%; border: 1px solid #e5e5e5; padding: 3px; position: relative; font-size: 14px; line-height: 22px; margin-top: 127px;}
.Development .box1 .txt p{ height: 115px; overflow: auto; padding: 5px 0; margin: 0;}
.Development .box .txt:before,
.Development .box .txt:after{ content: ''; position: absolute; left: 50%; transform: translateX(-50%);border-width:12px;
 bottom:-24px;border-style:solid dashed dashed;border-color:#e5e5e5 transparent transparent;font-size:0;line-height:0;}
.Development .box .txt:after{bottom:-22px;border-color:#FFF transparent transparent;}
.Development .box1 time{ position: absolute; font-size: 18px; color: #000; left: 50%; transform: translateX(-50%); bottom:0;}
.Development .box1 time:before{ content: ''; width: 9px; height: 9px; background: #000; position: absolute; left: 50%; transform: translateX(-50%); top: -30px; border-radius: 50%; z-index: 10;}
.Development .box1 .bx-viewport{ z-index: 2;}
.Development .box1 li.on figure,
.Development .box1 li.on .txt,
.Development .box1 li.on time:before{ background: #d6000f; color: #fff;}
.Development .box1 li.on time:before{ top: -19px;}
.Development .box1 li.on .txt{ margin-top: 0;}
.Development .box1 li.on figure{ display: block;}
.Development .box1 li.on time{ color: #d6000f; font-size: 26px;}
.Development .box1 li.on .txt:after{border-color:#d6000f transparent transparent;}

.Development .box2{ position: relative;}
.Development .box2 li{ text-align: center; margin-top: 80px;}
.Development .box2 figure{ width: 80px; padding-top: 76px; position: relative; overflow: hidden; border-radius: 50%; border: 2px solid #c9c9c9; margin: 0 auto 10px;}
.Development .box2 figure img{ left: 50%; top: 50%; transform: translate(-50%,-50%); width: auto; height: auto; max-height: 100%; max-width: 200%;}

.Development .box2 li.on{ color: #d6000f; font-size: 22px;}
.Development .box2 li.on figure{ border-color: #d6000f;}
.Development .box2 li .txt{display: none; }
.Development .box2 li:last-child{ /*width: 181px !important; font-size: 24px;*/}
.Development .box2 li:last-child figure{ /*display: none;*/}
.Development .box2 li:last-child .txt{width: 100%; border: 1px solid #e5e5e5; padding: 3px; position: relative; font-size: 14px; line-height: 22px; display: none; width: 181px; margin-top: -50px; margin-bottom: 20px;}

.Development .box2 .bx-prev{width: 22px; height: 37px; position: absolute; top: 50%; margin-top: -19px; left: 0; background: url(../images/arrowL.png) 0 0 no-repeat; text-indent: 23px; overflow: hidden;}
.Development .box2 .bx-next{width: 22px; height: 37px; position: absolute; top: 50%; margin-top: -19px; right: 0; background: url(../images/arrowR.png) 0 0 no-repeat;  text-indent: 23px; overflow: hidden;}

.Development .columnname{ text-align: center; font-size: 30px; color: #000000; padding-bottom: 5%;}
@media(max-width:768px){
    .Development .columnname{ font-size: 26px;}
}

.contactPage .forms2 .box2{ font-size: 16px; color: #707070; padding: 5px 10px;}
.contactPage .forms2 .box label input{ width: 16px; height: 16px; display: inline-block !important; vertical-align: middle;}
.contactPage .forms2 .box2 input{display: inline-block !important; width: 40%; border-bottom: 1px dashed #707070; height: 26px; line-height: 26px;}
@media(max-width:640px){
.contactPage .forms2 .box2{ font-size: 14px;}
.contactPage .forms2 .box2 input{ width: 30%;}
}
@media(max-width:340px){
    .contactPage .forms2 .box2 input{ width: 22%;}
}




.info_201712211030 .box ul{ display: table; width: 100%;border: 1px solid #e5e5e5;}
.info_201712211030 .box1 ul.ul2{ border-top: none;}
.info_201712211030 .box1 ul li{ display: table-cell; width: 25%; padding: 5% 3% 2%; text-align: center; border-right: 1px solid #e5e5e5; font-size: 16px; color: #707070; line-height: 30px;}
.info_201712211030 .box1 ul li h3{ font-size: 26px; color: #000; font-weight: normal; margin: 10% auto 5%;}
.info_201712211030 .box1 ul li p{ margin: 0;}

.info_201712211030 .box2 ul{ border:none;}
.info_201712211030 .box2 li{ display: table-cell; width: 31%;}
.info_201712211030 .box2 li .txt{ margin-right: 2%;border: 1px solid #e5e5e5; text-align: center; padding: 5% 1%;}
.info_201712211030 .box2 li h2{ font-size: 24px; font-weight: normal; color: #000;}
.info_201712211030 .box2 li p{ font-size: 16px; color: #707070; line-height: 32px; height: 195px; overflow: auto;}
.info_201712211030 .box2 li p span{ font-size: 24px;}
@media(max-width:1024px){
.info_201712211030 .box1 ul li{ font-size: 14px;}
.info_201712211030 .box1 ul li h3{ font-size: 22px;}
.info_201712211030 .box2 li h2{ font-size: 22px;}
}
@media(max-width:768px){
.info_201712211030 .box2 li h2{ font-size: 18px;}
.info_201712211030 .box2 li p{ font-size: 14px; line-height: 24px;}
}
@media(max-width:640px){
.info_201712211030 .box1 ul li{ font-size: 12px;}
.info_201712211030 .box1 ul li h3{ font-size: 16px;}
}
@media(max-width:480px){
.info_201712211030 .box1 ul li{ float: left; width: 50%; border: 1px solid #e5e5e5; line-height: 22px;}
.info_201712211030 .box1 ul li h3{ font-size: 16px;}
.info_201712211030 .box2 li{ width: 100%; display: block; margin-bottom: 5%;}
.info_201712211030 .box2 li p{ height: auto;}
}


.videoList ul{ padding:0;   margin:0;}
.videoList ul li{list-style: none; float:left; width:30%; margin-right:3.5%; margin-bottom:3%; padding: 1%;box-shadow: 0 0 15px #eee; position:relative;}
.videoList ul li::before{ position:absolute; content:''; width:100%; height:100%; left:-1.2%; top:0; margin-top:-1.2%; box-sizing:content-box; padding:1.2%; box-shadow:0 0 8px #999; transition:all 0.3s; opacity:0; background:#fff; z-index:-1;}
.videoList ul li:hover::before{ opacity:1;}

.videoList ul li a{ display:block;}
.videoList ul li figure{padding-bottom:77%; background-size:contain;    background-repeat: no-repeat; background-position: center center; position:relative;}
.videoList ul li .dot{ font-size: 16px; color: #000; padding-top:10px;}
.videoList li figure i{ width:60px; height:60px; border-radius:50%; border:3px solid #fff; position:absolute; left:50%; top:50%; margin-left:-20px; margin-top:-20px; z-index: 10;}
.videoList li figure i::before{ position:absolute; content:''; width:0; height:0; border:12px solid #fff; border-top-color:transparent; border-bottom-color:transparent; border-right:0; left:50%; top:50%; margin-top:-10px; margin-left:-5px;}
.videoList li .video_files{ display:none;}
.video_files video,
iframe{max-width:800px; max-height:600px;}
@media(min-width:640px){
.videoList ul li:nth-child(3n){ margin-right: 0;}
}
@media(max-width:640px){
.videoList ul li{ width:48%;margin-right:4%; }
.videoList ul li:nth-child(2n){ margin-right: 0;}
}

.newsInfo .video{ position:relative; padding-top:60%; margin:auto; max-width:770px;}
.newsInfo .video embed,
.newsInfo .video video,
.newsInfo .video object{ position:absolute; top:0; width:100%!important; height:100%!important;}


.TitleList .ul{overflow: hidden;padding-bottom: 3%;max-width: 1000px;margin: 0 auto;}
.TitleList .ul li a{display: block;border-bottom: 1px dashed #ccc;height: 65px;line-height: 65px;font-size: 16px;}
.TitleList .ul li span{display: block;width: 70%;float: left;overflow:hidden;text-overflow:ellipsis; -o-text-overflow:ellipsis;white-space:nowrap;}
.TitleList .ul li time{display: block;float: right;color: #d6000f;}

.BDOVH{position: absolute;left: 0;top: 0;width: 100%;height: 100%;overflow: hidden;}
.BigPopupBox{background: rgba(0,0,0,.8);position: fixed;width: 100%;height: 100%;left: 0;top: 0;z-index: 9999;display: none;}
.PopupBox{position: absolute;width: 460px;padding: 40px;background: #fff;border-radius: 5px;height: 300px;left: 50%;margin-left: -230px;top:50%;margin-top: -150px;}
.PopupBox .InputBox{overflow: hidden;width: 100%;padding-bottom: 20px;text-align: center;}
.PopupBox .InputBox .text{width: 100%;border: 1px solid #ccc;border-radius: 5px;background: #fff;height: 40px;line-height: 40px;padding: 0 15px;}
.PopupBox .InputBox .btn{display: inline-block;width: 120px;height: 35px;line-height: 35px;margin: 0 5px;cursor: pointer;color: #fff;background: #d6000f;border-radius: 5px;}
.PopupBox .InputBox .btn2{background: #999;}

@media(max-width:640px){
.PopupBox{width: 92%;left: 4%;margin-left: 0;}
.PopupBox .InputBox .btn{width: 90px;}
}


.ADDLIST{overflow: hidden;padding: 2% 0;}
.ADDLIST dd{padding: 5px 0;}
.newsInfo2{font-size: 14px;max-width: 1000px;margin: 0 auto;}
select#ddlPost{width: 100%;}
.com_problem .pro_list{
	padding: 0 3%;
    margin-bottom: 15px;
}
.com_problem .pro_title{
	line-height: 30px;
    padding: 15px 0;
    font-size: 16px;
    cursor: pointer;
    position: relative;
}
.com_problem .pro_cont{
	display: none;
	padding: 22px 0;
    border-top: 1px dotted #e5e5e5;
}
.com_problem .pro_title.select{color:red;}
.promain{background:#f0f0f0}
.procate {
    width: 20%;
    float:left;
}
.com_problem {
    width: 80%;
    float:right;
}
.procate ul {
    list-style:none;
}
.procate ul li{
    padding: 10px 0;
    font-size: 16px;
    border-bottom: 1px solid #dcdcdc;
}

.culture_list{overflow: hidden;}
.culture_list ul{margin-left: -8px;margin-right:-8px;}
.culture_list ul li{
    width: 33.333%;
    float:left;
padding:8px;
}
@media(max-width:768px){
.culture_list ul li{ width:50%;}
}





/*2021new product*/
a:hover{cursor: pointer;}
.dot6{display: -webkit-box;display: box;overflow: hidden;text-overflow: ellipsis;word-break: break-all;-webkit-box-orient: vertical; -webkit-line-clamp: 6;}
.clearfix {*zoom:1;}/*IE/7/6*/
.clearfix:after { content:''; display:block; height:0; clear:both; } 

.mainMenu .one .new a::after{content: ''; position: absolute; right: 0; top: 0; background: url(../images/new_icon.png)no-repeat center; width: 25px; height: 16px; transform: translate(100%, 100%);}


/* 2021新品频道页 */
.new_product .series_introduce{padding: 5% 0;}
.new_product .series_introduce .big_pic{ position: relative;width: 62.5%; padding-top: 46%; background-size: cover; background-position: center; background-repeat: no-repeat; float: left;}
.new_product .series_introduce .big_pic a{ top: 0; display: block; position: absolute; width: 100%; height: 100%}
.new_product .series_introduce .content{width: 37.5%; padding-left: 6.25%; float: left;}
.new_product .series_introduce .content .title{font-size: 42px; text-align: end; padding-top: 10%; color: #000; border-top: 2px solid #000;}
.new_product .series_introduce .content .subtit{font-size: 24px; text-align: end; text-transform: uppercase; color: #000;}
.new_product .series_introduce .content .txt{text-align: end; font-size: 16px; color: #999; padding: 10% 0 35% 0; line-height: 2; white-space: pre-wrap;}
.new_product .series_introduce .content .pic_box{width: 100%; z-index: 20;}
.new_product .series_introduce .content .pic_box img{width: 100%;}
.new_product .series_introduce .content .slick-dots{right: 0; top: -36px; text-align: end; z-index: 20; height: 30px;}
.new_product .series_introduce .content .slick-dots li{padding: 0 6px;}
.new_product .series_introduce .content .slick-dots li:last-child{padding: 0 0 0 6px;}
.new_product .series_introduce.start .big_pic{float: right;}
.new_product .series_introduce.start .content{padding-right: 6.25%; padding-left: 0;}
.new_product .series_introduce.start .content .title{text-align: start;}
.new_product .series_introduce.start .content .subtit{text-align: start;}
.new_product .series_introduce.start .content .txt{text-align: start;}
.new_product .series_introduce.start .content .slick-dots{left: 0; text-align: start;}
.new_product .series_introduce.start .content .slick-dots li{padding: 0 6px;}
.new_product .series_introduce.start .content .slick-dots li:first-child{padding: 0 6px 0 0;}
@media(max-width: 1200px){
  .new_product .series_introduce .content .title{font-size: 38px;}
  .new_product .series_introduce .content .subtit{font-size: 20px;}
  .new_product .series_introduce .content .txt{padding: 10% 0 30% 0; font-size: 15px;}
}
@media(max-width: 768px){
  .new_product .series_introduce .content .subtit{text-align: start;}
  .new_product .series_introduce .content .slick-dots li{padding: 0 6px;}
  .new_product .series_introduce .content .slick-dots li:first-child{padding: 0 6px 0 0;}

  .new_product .series_introduce .big_pic{width: 100%;float: right;}
  .new_product .series_introduce .content{width: 100%; border-right: 2px solid #000; margin-top: 5%; padding: 0;}
  .new_product .series_introduce .content .title{padding-top: 0; border: none; text-align: start;}
  .new_product .series_introduce .content .txt{padding: 3% 0 8% 0; line-height: 1.8; text-align: start;}
  .new_product .series_introduce.start .content{padding-right: 0%;}
  .new_product .series_introduce .content .slick-dots{top: -30px; left: 0; text-align: start;}
  .new_product .series_introduce .content .pic_box{width: 80%;}
}
@media(max-width: 480px){
  .new_product .series_introduce .content .title{font-size: 26px;}
  .new_product .series_introduce .content .subtit{font-size: 18px;}
  .new_product .series_introduce .content .txt{font-size: 14px;}
}




/* 2021新品系列频道页 */
.product_series_menu ul{margin: 0 -1.5%;}
.product_series_menu li{float: left; width: 33.3333%; padding: 0 1.5%; margin: 2% 0; min-height: 90px;}
.product_series_menu li .top_link{display: block; border-radius: 4px; background-size: cover; position: relative; min-height: 90px;
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+0,000000+100&0.65+0,0+100 */

background: -moz-linear-gradient(left,  rgba(242,244,247,1) 0%, rgba(231,233,236,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  rgba(242,244,247,1) 0%,rgba(231,233,236,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  rgba(242,244,247,1) 0%,rgba(231,233,236,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000',GradientType=1 ); /* IE6-9 */
}
.product_series_menu li .top_link .side_pic{position: absolute; left: 15%; top: -32%;}
.product_series_menu li .top_link .side_pic img{width: 100%;}
.product_series_menu li .top_link .txt{padding: 3% 0 3% 45%;}
.product_series_menu li .top_link span{display: block;}
.product_series_menu li .top_link .title{font-size: 24px; color: #000; line-height: 1.8;}
.product_series_menu li .top_link .subtit{font-size: 14px; color: #000; opacity: .2; text-transform: uppercase;}

.product_series_sift{ font-size: 16px; color: #000; padding-top: 3%;}
.product_series_sift table{width: 100%;}
.product_series_sift tr{border: none; border-bottom: 1px dotted #DEDEDE;}
.product_series_sift tr td{padding: 0;}
.product_series_sift tr td:first-child{width: 10.15%; background-color: #f3f3f3;text-align: center; }
.product_series_sift tr td:last-child{width: 89.85%; background-color: #f9f9f9;}
.product_series_sift tr td:last-child ul{padding: 1.5% 0;}
.product_series_sift tr td:last-child ul li{float: left; padding: 0.5% 3%;}
.product_series_sift tr td:last-child a{color: #666;}
.product_series_sift tr td:last-child ul .aon a{color: #d6000f;}
.product_series_sift .btn_sift{ text-align:center; padding: 2%;}
.product_series_sift .btn_sift a{ cursor: pointer; display: inline-block; color: #fff; background: #000; font-size: 16px; width: 140px; line-height: 42px; border-radius:2px;}

.product_series_list li{background-color: #f9f9f9; margin: 5% 0;}
.product_series_list li .pic{width: 62.5%; float: left; background-size: cover; background-position: center; padding-top: 48%; background-repeat: no-repeat;}
.product_series_list li .content{width: 37.5%; float: left; padding: 4.5% 5.5%;}
.product_series_list li .tit1{font-size: 20px; color: #000; letter-spacing: 4px; position: relative; display: inline-block; line-height: 2.5;}
.product_series_list li .tit1::after{content: ''; position: absolute; right: 0; top: 50%; width: 60px; height: 1px; background-color: #000; transform: translate(120%, -50%);}
.product_series_list li .tit2{font-size: 36px; color: #000;}
.product_series_list li .tit2 a{transition: all 0.2s ease-in-out;}
.product_series_list li .txt{font-size: 16px; color: #999; line-height: 2.3; text-align: justify; margin: 15% 0;}
.product_series_list li .more{color: #fff; background-color: #b4b7bb; display: block; width: 60%; height: 60px; line-height: 60px; font-size: 16px; text-align: center;}
@media(max-width: 1200px){
  .product_series_menu li .top_link .side_pic{top: -38%;}
  .product_series_menu li .top_link .side_pic img{width: 90%;}
  .product_series_menu li .top_link .title{font-size: 20px;}
  .product_series_menu li .top_link .subtit{font-size: 13px;}

  .product_series_list li .tit2{font-size: 30px;}
  .product_series_list li .tit1{font-size: 18px;}
  .product_series_list li .txt{line-height: 2;}
  .product_series_list li .more{width: 65%; height: 50px; line-height: 50px;}
}
@media(max-width: 1024px){
  .product_series_list li .content{padding: 3%;}
  .product_series_list li .pic{width: 100%;}
  .product_series_list li .content{width: 100%;}
  .product_series_list li .txt{margin: 3% 0;}
  .product_series_list li .more{width: 200px;}
}
@media(max-width: 960px){
  .product_series_menu li .top_link .side_pic{left: 10%; top: -20%;}
  .product_series_menu li .top_link .side_pic img{width: 80%;}
  .product_series_menu li .top_link .txt{padding: 3% 0 3% 40%;}
  .product_series_sift{font-size: 15px;}
  .product_series_sift tr td:first-child{width: 15%;}
  .product_series_sift tr td:last-child{width: 85%;}
}
@media(max-width: 768px){
  .product_series_menu li{width: 50%; margin: 3% 0;}
  .product_series_menu li .top_link .txt{width: auto; transform: translateY(0);}
}
@media(max-width: 640px){
  .product_series_list li .tit2{font-size: 24px;}
  .product_series_list li .tit1{font-size: 16px;}
  .product_series_list li .txt{font-size: 14px;}
  .product_series_list li .more{width: 180px; height: 50px; line-height: 50px;}
}
@media(max-width: 480px){
  .product_series_list li .pic{padding-top: 60%;}
  .product_series_menu li{width: 100%; margin: 6% 0;}
  .product_series_menu li .top_link .txt{padding: 2% 0 2% 45%;}
  .product_series_sift tr td:first-child{width: 25%;}
  .product_series_sift tr td:last-child{width: 75%;}
  .product_series_sift tr td:last-child ul li{float: left; padding: 2% 5%;}
  .product_series_list li .content{padding: 5% 3%;}
  .product_series_list li .more{width: 150px; height: 40px; line-height: 40px;}
}


.detail_bg .pic{position: relative;}
.detail_bg .txt{max-width: 1280px; position: absolute; left: 50%; bottom: 5%; transform: translateX(-50%); width: 100%;}
.detail_bg .txt .tit1{font-size: 48px; color: #fff;}
.detail_bg .txt .tit2{font-size: 18px; color: #fff; text-transform: uppercase;}

.detail_intro{max-width: 1280px; margin: 0 auto; padding: 5% 0; overflow: hidden;}
.detail_intro .pic{width: 59.37%; float: left; padding-top: 40%; background-size: cover; background-position: center;}
.detail_intro .content{width: 40.63%; float: left; padding: 6% 0 6% 8%;}
.detail_intro .tit_box{border-left: 4px solid #f00919; padding-left: 30px;}
.detail_intro .tit1{font-size: 16px; font-weight: lighter;}
.detail_intro .tit2{font-size: 30px; padding-top: 2%;}
.detail_intro .txt{color: #999; font-size: 16px; padding: 15% 0; line-height: 2;white-space:pre-wrap;}

.works_show{max-width: 1280px; margin: 0 auto; position: relative;}
.works_show .works .item .name{text-align: center; font-size: 24px; padding-top: 3%; padding-bottom: 3%;}
.works_show .nav_box{position: absolute; left: 0; bottom: 4%; width: 100%; height: 9px; transform: translateY(-10px); z-index: 100;}
.works_show .nav_box .prev{width: 85px; height: 9px; background: url(../images/prev.png)no-repeat center; display: block; float: left;}
.works_show .nav_box .next{width: 85px; height: 9px; background: url(../images/next.png)no-repeat center; display: block; float: right;}
.works_show .works .item{opacity: 0.2; padding: 0 0.2%; transition: all 0.2s ease-in-out; text-align: center;}
.works_show .works .item img{width: 100%;}
.works_show .slick-list.draggable{overflow: visible;}
.works_show .works .slick-active{opacity: 1;}
@media(max-width: 1280px){
  .detail_bg .txt,
  .detail_intro,
  .works_show{margin: 0 2%;}
}
@media(max-width: 1200px){
  .detail_bg .txt .tit1{font-size: 42px;}
  .detail_bg .txt .tit2{font-size: 17px;}
  .detail_intro .content{padding: 4% 0 4% 4%;}
  .detail_intro .txt{line-height: 1.8;}
  .detail_intro .tit2{font-size: 26px;}
}
@media(max-width: 1024px){
  .detail_intro .content{padding: 3% 0 3% 4%;}
  .detail_intro .txt{padding: 8% 0;}
}
@media(max-width: 960px){
  .detail_bg .txt .tit1{font-size: 32px;}
  .detail_intro .pic{width: 100%;}
  .detail_intro .content{width: 100%;}
  .detail_intro .content{padding: 3% 4%;}
  .detail_intro .txt{padding: 3% 0;}
}
@media(max-width: 640px){
  .detail_bg .txt .tit1{font-size: 28px;}
  .detail_bg .txt .tit2{font-size: 16px;}
}
@media(max-width: 480px){
  .detail_intro .tit1{font-size: 14px;}
  .detail_intro .tit2{font-size: 24px;}
  .works_show .works .item .name{font-size: 20px;}
  .works_show .nav_box{bottom: 3%;}
}
@media(max-width: 320px){
  .detail_bg .txt .tit1{font-size: 24px;}
  .detail_bg .txt .tit2{font-size: 14px;}
  .detail_bg .txt{padding-top: 200px;}
  .detail_intro .tit2{font-size: 20px;}
  .works_show .works .item .name{font-size: 16px;}
  .works_show .nav_box{bottom: 0%;}
}

/* 尊石岩板 */
.new_exhibition{max-width: 1280px; margin: 3% auto; padding: 3% 0; border-top: 1px solid #eee;}
.new_exhibition .title{font-size: 36px;}
.new_exhibition ul{margin: 0 -0.8%;}
.new_exhibition ul li{float: left; width: 20%; padding: 0 .8%; margin: 2% 0;}
.new_exhibition ul li .new_pic{width: 100%; padding-top: 200%; background-size: cover; background-position: center;}
.new_exhibition ul li .name{font-size: 16px; color: #666; padding: 2% 0; font-weight: lighter;text-align:center;}
.new_exhibition .more{display: block; width: 200px; height: 60px; line-height: 60px; color: #000; text-align: center; font-weight: lighter; font-size: 16px; border: 1px solid #eeeeee; margin: 2% auto 0% auto;transition: all .3s;}
.new_exhibition .more:hover{background-color:#d6000f;color: #fff;border-color:#d6000f;}
@media(max-width: 1280px){
  .new_exhibition{margin: 3% 2%;}
}
@media(max-width: 960px){
  .new_exhibition .title{font-size: 30px;}
}
@media(max-width: 640px){
  .new_exhibition .title{font-size: 24px;}

}
@media(max-width: 480px){

  .new_exhibition .more{width: 150px; height: 45px; line-height: 45px; font-size: 14px;}
}

/* 数码岩板 */
.digital_product{width: 100%; margin-bottom: 5%; background-size: cover; height: auto; background-position: center;}
.digital_product .content{width: 100%; background-color: rgba(0,0,0,0.6); height: 100%; padding: 3% 0 0 0;}
.digital_product .top{margin: 0 auto 20px; padding-bottom: 20px; border-bottom: 1px solid #787675; max-width: 1280px; display: none; position: relative;}
.digital_product .show{display: block;}
.digital_product .top ol{ position: absolute; left: 50%; transform: translateX(-50%); width: 200px; bottom: -30px; margin: 0; padding: 0;}
.digital_product .top ol a{ display: block; width: 100%; height: 60px; line-height: 60px;text-align: center;font-weight: lighter;font-size: 16px;border: 1px solid #eeeeee; color: #000; background-color: rgba(255,255,255,0.5); transition: all 0.5s;}
.digital_product .top ol a:hover{ background-color: #f00919; color: #fff; border-color: #f00919;}
.digital_product .top li{float: left; padding: 0 0.8%; margin: 2% 0; width: 20%;}
.digital_product .top li .pic_box{position: relative; overflow: hidden;}
.digital_product .top li .pic_box .pic{border: 6px solid #fff; padding-top: 200%; width: 100%;}
.digital_product .top li .pic_box .check{position: absolute; left: 0; top: 100%; width: 100%; height: 100%; background: url(../images/check.png) no-repeat rgba(0, 0, 0, 0.5); background-position: 50% 42%; color: #fff; text-align: center; font-size: 20px; padding-top: 105%; transition: all 0.4s ease-in-out;}
.digital_product .top li:hover .check{top: 0;}
.digital_product .top li .name{color: #fff; font-size: 16px; font-weight: lighter; padding: 8% 0;}
.digital_product .bottom{margin: 0 auto; max-width: 1280px;}
.digital_product .bottom li{float: left; width: 20%; padding: 0 0.8%; margin: 4% 0;}
.digital_product .bottom li .category{color: #000; background: url(../images/pointer.png)no-repeat 93% center #fff; padding-left: 7%; font-size: 18px; line-height: 57px; transition: all 0.2s ease-in-out;}
.digital_product .bottom .aon .category{color: #fff;  background: url(../images/pointer01.png)no-repeat 93% center #f00919}
@media(max-width: 1280px){
  .digital_product .top,
  .digital_product .bottom{margin: 0 1.2%;}
}
@media(max-width: 960px){
  .digital_product .top li .pic_box .check{font-size: 18px; background-position: 50% 40%;}
  .digital_product .bottom li .category{font-size: 16px; line-height: 50px;}
}
@media(max-width: 768px){
  .digital_product .top li .pic_box .check{padding-top: 115%; font-size: 12px;}
}
@media(max-width: 640px){
  .digital_product .bottom li .category{line-height: 45px;}
  .digital_product .bottom li{width: 33.3333%;margin:2% 0;}
  .digital_product .top li .pic_box .pic{ border-width: 2px}
}
@media(max-width: 480px){
  .digital_product .top li .name{font-size: 14px;}
  .digital_product .bottom li .category{font-size: 14px; line-height: 40px;}
}

/*  */
.float_qq{display: block;position: fixed;bottom: 25%;right: 0;z-index: 99;}
.float_qq span {
    margin-bottom: 10px;
    display: block;
    background: #E30B13 url(../images/lefticon.png) no-repeat 5px center;
    text-align: right;
    padding: 15px 6px 15px 30px;
    border-radius: 30px 0px 0px 30px;
}
.float_qq span a {
    color: #fff;
}
@media (max-width:640px ){
.float_qq{ bottom:26%; right:5px; width:40px; }
.float_qq span a{ font-size:12px; }
.float_qq span{ padding:5px 3px; line-height:17px; background:#E30B13 url("../images/lefticon.png") no-repeat -10px center; }
}


#homePage .brand{ padding:0 6%;background: no-repeat; background-size: cover; position: relative;}
#homePage .brand .auto{ margin: auto; max-width: 1450px; padding-top: 6%}
#homePage .brand .brief .pic{ float: left; width:56.276%;}
#homePage .brand .brief .pic img{ width: 100%}
#homePage .brand .brief .info{ float: right; width: 41%;}
#homePage .brand .brief .title-box{ margin-bottom: 20px}
#homePage .brand .brief .zh-title,
#homePage .brand .brief .cn-title{font-size: 40px; padding: 0; margin: 0; font-weight: normal}
#homePage .brand .brief .zh-title{;color: #C8C5C6;}
#homePage .brand .brief .cn-title{position: relative; color: #221D1A; display: inline-block;}
#homePage .brand .brief .cn-title:after{content: ""; width: 55px;height: 9px; background: #A41414; position: absolute; right: -80px; top: 50%; margin-top: -4.5px;}
#homePage .brand .brief .info-box{background: #FFFFFF; padding:8%; box-shadow: 1px 5px 18px 0px rgb(4 0 0 / 9%);}
#homePage .brand .brief .brand-title{ padding: 0; margin: 0; font-weight: normal;font-size: 20px; color: #010101; padding-bottom: 20px; border-bottom: 1px solid #EEEEEE; position: relative;}
#homePage .brand .brief .brand-title::after { content: ""; position: absolute; bottom: -2px; left: 0px; width: 69px; height: 4px; background: #A41414;}
#homePage .brand .brief .txt{font-size: 16px; padding-top: 30px; line-height: 30px;}
#homePage .brand .brief .more-btn{ text-align: right; padding-top: 14.5%; color: #666;}
#homePage .brand .brief .more-btn a{display: inline-block; border-radius: 2px; border: 1px solid #999; padding: 10px 20px;}

#homePage .brand .list{ text-align: center; padding-top: 1%}
#homePage .brand .list ul{ margin-left: -1.5%; margin-right: -1.5%}
#homePage .brand .list li{ float: left; width: 25%; padding:1.5%}
#homePage .brand .list a{border: 1px solid #CCCCCC; padding-bottom: 50%; overflow: hidden; display: block; background: #fff; position: relative}
#homePage .brand .list .box{ width: 100%; height: 100%; position: absolute; transition: 0.8s;top: 0}
#homePage .brand .list .subbox{position: absolute; width: 100%; top: 50%; transform: translateY(-50%);}
#homePage .brand .list h5{ font-size: 18px; padding:0; margin: 0; font-weight: normal}
#homePage .brand .list .box h5{ color: #666; padding-top: 20px;}
#homePage .brand .list .box_hover{ position: absolute; top: 100%; width: 100%; height: 100%; transition: 0.8s; overflow: hidden}
#homePage .brand .list .box_hover h5{ line-height: 52px; color: #fff; position: absolute; width: 100%; bottom: 0;background: rgba(0, 0, 0, 0.5)}
#homePage .brand .list .box_hover .img{ padding-bottom: 50%; background: no-repeat center center; background-size: 100%}
#homePage .brand .list a:hover .box{ top: -100%;}
#homePage .brand .list a:hover .box_hover{ top: 0;}
@media(max-width:1200px){
#homePage .brand .brief .txt{font-size: 15px;}
#homePage .brand .brief .zh-title,
#homePage .brand .brief .cn-title{font-size: 30px;}
#homePage .brand .brief .brand-title{ font-size: 18px}
#homePage .brand .list a{ padding-bottom: 60%}
#homePage .brand .list h5{ font-size: 16px}
}
@media(max-width:960px){
#homePage .brand .brief .txt{font-size: 14px;}
#homePage .brand .brief .zh-title,
#homePage .brand .brief .cn-title{font-size: 20px;}
#homePage .brand .brief .brand-title{ font-size: 16px}
#homePage .brand .list ul{ margin:0}
#homePage .brand .list li{ width: 50%}
#homePage .brand .list a{ padding-bottom: 40%}
}
@media(max-width:640px){
#homePage .brand .brief{padding:2%}
#homePage .brand .brief .info{ padding-top: 3%}
#homePage .brand .brief .pic,
#homePage .brand .brief .info{ float: none; width:100%;}
#homePage .brand .list a{ padding-bottom:60%}
#homePage .brand .list h5{ font-size: 14px}
#homePage .brand .list .box h5{ padding-top: 10px}
}



.gy_link {
  padding: 1.2rem 0;
}

.gy_link .auto {
    margin: 0 auto;
}

.gy_link .auto_1400 {
    max-width: 1400px;
}


.gy_ColumnName {
    font-size: 1.5rem;
    font-weight: bold;
    color: #4e494b;
}

.gy_ColumnName.center {
    text-align: center;
}

.gy_link .des {
    text-align: center;
	color: #555555;
    font-size: .9rem;
    margin: 0.9rem 0;
}

.gy_link .ul {
  display: flex;
  flex-flow: row wrap;
}
.gy_link .ul li {
  width: 20%;
  text-align: center;
  margin-bottom: 20px;
}
.gy_link .ul .box {
  padding: 0.15rem;
  transition: all 0.5s;
  display: block;
}
.gy_link .ul .box:hover {
  box-shadow: 0px 10px 50px 0px rgba(34, 34, 34, 0.14);
  background-color: #fff;
}
.gy_link .ul .box:hover .title {
  opacity: 1;
}
.gy_link .ul .pic {
  position: relative;
  padding-top: calc(120 / 280 * 100%);
}
.gy_link .ul .pic i {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
   padding: 20px;
}
.gy_link .ul .pic i img {
  max-height: 100%;
}
.gy_link .ul .title {
  opacity: 0;
  color: #555555;
  transition: all 0.5s;
}
@media (max-width: 640px) {
  .gy_link {
    padding: 0.6rem;
  }
  .gy_link .ul li {
    width: 49.33%;
  }
}

.contactPage > .fr > .title{ font-size:24px; line-height:1.55em; text-align:center;}
.contactPage > .fr > .time{ padding:2% 0 3% 0; font-size:16px; color:#707070; text-align:center;}
.contactPage > .fr > .time span{ text-decoration:underline; color:#000;}
.contactPage > .fr > .golist{ padding:30px 0;}
.contactPage > .fr > .golist a{ display:block; font-size:18px; height:40px; line-height:40px; width:130px; text-align:center; color:#fff; background:#707070; border-radius:5px; margin:0 auto;}
.contactPage > .fr > .line{ background:url(../images/line.png) left top; height:6px; width:100%;}
.contactPage > .fr > .next{padding-top: 3%;}
.contactPage > .fr > .next a{ display:inline-block; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; font-size:14px; color:#a0a0a0;}
.contactPage > .fr > .next2{ padding-top: 0;}

.contactPage > .fr > .next a:hover{ color:#333;}


.wap_sub_current{ display:none; font-size:16px;}
.submenu .warp{ display:flex; justify-content:center; gap:10px 30px;padding:3% 0; font-size:16px; flex-wrap: wrap;}
.submenu a{ display:inline-block; color:#999;}
.submenu a:hover,
.submenu a.on{ color:#000;}
@media (max-width: 640px) {
.searchMenu,
.wap_mainMenu,
.wapnav_sub{ position:relative; z-index:120;}
.wapnav_sub,
.wap_mainMenu .one{z-index: 5;}
.searchMenu.fixed{ top:50px;}
.searchMenu .wap_sub_current{ margin-top:15px;}
	.wap_sub_current{ display:block; padding:15px; padding-right:20px; position:relative; background-color:#333; color:#fff;text-align: left; line-height:1.4; }
	.wap_sub_current:after{ content:''; position:absolute; right:10px; top:50%; width:8px; height:8px; border:solid #fff; border-width:1px 1px 0 0; transform: translateY(-50%) rotate(45deg); }
	.wap_mainMenu .one,
	.submenu{ display:none; position: absolute; left: 0; top: 100%; background-color:#fff; padding:3%;}
	.submenu a{ display:block;width: 100%;  z-index: 3; }
}
.esglist+.Pages {margin-top:50px;}
.esglist li {position:relative; overflow:hidden; font-size:16px; line-height:2em; padding-bottom:1.25em; margin-bottom:1.25em; border-bottom:1px solid #e4e4e4;height: 80px;}
.esglist li span {display:block; float:right; color:#888; font-size:14px; line-height:2.2857em;}
.esglist li a {display:block; margin-right:7em;}

.boxinfo {padding:50px 0; overflow:hidden;}
.boxtxt {font-size:16px; line-height:1.875em;}
.boxtxt img {max-width:100%; height:auto!important;}

.tit2 {
    position: relative;
    line-height: 40px;
    font-weight: bold;
    color: #333;
    margin-bottom: 1.67vw;
}

.tit2 .swiper-button-next,
.tit2 .swiper-button-prev{
   position: absolute;
   width: 40px;
   height: 40px;
   border-radius: 50%;
   border:2px solid #a5a5a5;
   display: flex;
   align-items: center;
   justify-content:center;
   margin-top: 0;
   top:50%;
   transform: translateY(-50%);
   z-index: 9;
}
.tit2 .swiper-button-next:hover,
.tit2 .swiper-button-prev:hover{
    border-color: #971d1d;
    background-color: #971d1d;
}
.tit2 .swiper-button-next:hover svg path,
.tit2 .swiper-button-prev:hover svg path{
   fill: #fff;
}
.tit2 .swiper-button-prev{
    left: auto;
    right: 18%;
}
.tit2 .swiper-button-next{
    right: 15%;
}
.swiper-button-next:after, 
.swiper-button-prev:after{
    content: none;
}

.swp_list1 {
    height: 700px;
}

