@charset "utf-8"; 
/*全局初始化样式*/
body{ padding:0px; margin:0px auto; font-family:Microsoft YaHei,arial,'宋体'; color: #666; 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;
/*max-width:640px;*/margin:0 auto;min-width:320px;
}

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;}
.ul,.ul>li,form,dl,dl>dt,dl>dd,.ul>ol{ padding: 0px; margin: 0px;}
/*默认去除ul、li的默认样式*/
.ul,.ul > li, .ul > ol{ list-style:none; margin: 0;} 
/*初始化下拉菜单、单行输入框、多行输入框的样式*/
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:#666; text-decoration:none; noline: -webkit-tap-highlight-color:rgba(0,0,0,0);}
a:focus {outline:none; -moz-outline:none;}
a:hover{ color: #15182B;}
*{ -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box;}

/*清楚浮动*/
.clear{ clear:both; height:0px; overflow:hidden;} /*清除浮动*/
.clearfix {*zoom:1;}/*IE/7/6*/
.clearfix:after { content:"\200B"; display:block; height:0; clear:both; } 
.dot{ overflow:hidden; white-space:nowrap; text-overflow:ellipsis; display:block;}
.wid{margin:0 auto;}
@media (min-width:640px){
body{ min-width:1200px;}
.wid{ width:1200px;}
}
@media (max-width:640px){
.wid{ max-width:640px;  padding:0 2%;}
}

body>.wid{ min-height:600px;}
.txtbox{ min-height:100px; /*单片 设置文字两端对齐*/ text-justify:inter-ideograph; text-align:justify; word-wrap:break-word;}


.header{}
.header .wid-pc{ z-index:100; position:fixed; width:100%; text-align:center; background-color:rgba(0, 0, 0, 0.26)}
.header .wid-pc .logo img{ height:95px;}
.header .wid{ display:none;}
.header .wid .logo{ padding: 3% 0; text-align: center; display: block; width: 100%;}
.header .wid .logo img{ max-width: 70%; display: block; margin: 0 auto;}
@media (max-width:640px){
.header .wid-pc{ display:none;}
.header .wid{ display:block;}
}
.Hbanner{ position: relative;}
.Hbanner img{ width: 100%; display: block;}
.Hbanner .bx-pager{ text-align: center; position: absolute; left: 0; bottom: 2%; width: 100%; z-index: 101;}
.Hbanner .bx-pager div{ display: inline-block; width: 14px; height: 14px; margin: 0 5px;}
.Hbanner .bx-pager a{ width: 14px; height: 14px; border-radius: 50%; background: rgba(255,255,255,0.8); line-height: 100; overflow: hidden; display: block;}
.Hbanner .bx-pager a.active{ border: 2px solid #e50012; background: none;}

.Index-pc{ width:100%; position:absolute; top:0;}
.quick-photo{ padding-top:146px; height:815px; position:relative;}
.quick-photo ul li{float:left; position:relative; box-shadow:0 0 5px #888;}
.quick-photo ul li a{ display:block; overflow:hidden; border-radius:6px;}
.quick-photo ul li,
.quick-photo ul li img{ width:386px; height:300px}
.quick-photo ul li.n1,
.quick-photo ul li.n1 img{ width:665px;}
.quick-photo ul li.n2,
.quick-photo ul li.n2 img{ width:515px;}
.quick-photo ul li.n1,
.quick-photo ul li.n2{ margin-bottom:20px;}
.quick-photo ul li.n1{ margin-right:20px;}
.quick-photo ul li.n4{ margin:0 21px;}

.quick-photo ul li h5{ padding:15px 0; margin:0; font-weight:normal; color:#fff; font-size:24px; position:absolute; width:100%; text-align:center; bottom:0;}
.quick-photo ul li h5 span{ display:block; font-size:14px; opacity:0.3}
.quick-photo ul li dl{ z-index:5; opacity:0; position:absolute; width:100%; height:100%; background-color:rgba(0,0,0,0.2);border-radius:6px;-webkit-transition:all ease 1s;transition:all ease 1s;}
.quick-photo ul li dl h6{ font-weight:normal; position:absolute;margin:0; top:73px; left:50%; margin-left:-80px; color:#fff; font-size:24px; padding:0;  width:156px; height:159px; text-align:center; background:url(../images/quick-photo.png) no-repeat;}
.quick-photo ul li dl h6 span{ display:block;font-size:14px; opacity:0.3}
.quick-photo ul li dl h6 b{ font-weight:normal; padding-top:35px; display:block;}
.quick-photo ul li dl:after{ position:absolute; display:block; content:''; border:solid 1px rgba(255,255,255,0.6); border-radius:8px; width:94%; height:94%; left:3%; top:3%;}
.quick-photo ul li:hover dl{ opacity:1;}
.quick-photo .list{ z-index:5; width:330px; position:absolute; right:10px; top:490px;}
.quick-photo .list ol{ padding:0; margin:0;}
.quick-photo ol li{ line-height:50px; padding-left:20px; font-size:18px; list-style:none; background: url(../images/icon.png) no-repeat left}

.quick-nav ul li{ float:left; width:150px; text-align:center;}
.quick-nav ul li i{ display:block; margin:auto; width:100px; height:100px; border-radius:100px; border:solid 1px rgba(255,255,255,0.4); background:url(../images/quick-nav.png) no-repeat;-webkit-transition:all ease 1s;transition:all ease 1s;}
.quick-nav ul li h5{ padding:15px 0; margin:0; font-weight:normal; color:#fff; font-size:20px;text-align:center;}
.quick-nav ul li h5 span{ display:block; font-size:14px; opacity:0.3}
.quick-nav ul li:hover i{ border-color:rgba(229, 0, 18, 0.80); background-color:rgba(229, 0, 18, 0.90);}
.quick-nav ul li:hover h5{ color:#c80f20;}
.quick-nav ul li.n1 i{ background-position:left top;}
.quick-nav ul li.n2 i{ background-position:-155px top;}
.quick-nav ul li.n3 i{ background-position:-310px top;}
.quick-nav ul li.n4 i{ background-position:-464px top;}
.quick-nav ul li.n5 i{ background-position:-621px top;}
.quick-nav ul li.n6 i{ background-position:-776px top;}
.quick-nav ul li.n7 i{ background-position:-930px top;}
.quick-nav ul li.n8 i{ background-position:-1085px top;}
.quick-nav ul li:hover i{transform:rotate(360deg);-ms-transform:rotate(360deg); -moz-transform:rotate(360deg);-webkit-transform:rotate(360deg); -o-transform:rotate(360deg);}

@media (max-width:640px){
.Hbanner .pc{ display:none;}
.Index-pc{ display:none;}
}
@media (min-width:640px){
.Hbanner .wap{ display:none;}	
.Hbanner .pc{ height:1020px; background-repeat:no-repeat; background-position:center center;}
.Hbanner .bx-controls{ display:none;}
.Index-wap{ display:none;}
}


.Home .Htitle{ font-size: 20px; color: #333; line-height: 30px; position: relative; padding-left: 15px; margin-bottom: 4%;}
.Home .Htitle:before{ content: ''; width: 4px; height: 60%; position: absolute; left: 0; top: 50%; transform: translateY(-50%); background: #e50012;}
.Home .Htitle a{ float: right;  height: 31px; width: 31px; background: url("../images/more1.png") no-repeat; background-size: cover;}

.Home1{ padding: 4% 0 2%;}

.Home1 .scroll{font-size:0;overflow: scroll;/* height: 120px;*/ width: 100%; position: relative; text-align:center;}
.scroll::-webkit-scrollbar{width:0;}
.scroll::-webkit-scrollbar-track::-webkit-scrollbar-track{background-color:#fff;}
.scroll::-webkit-scrollbar-thumb{background-color:#fff;}
.scroll::-webkit-scrollbar-thumb:hover{background-color:#fff}
.Home1 .scrollt::-webkit-scrollbar-thumb:active{background-color:#fff}
.Home1 .scroll > .ul { white-space: nowrap; font-size: 0;}
.Home1 ul li{display: inline-block;text-align: center; width: 18%;}
.Home1 ul li:last-child{ margin-right: 0;}
.Home1 ul li a{ color: #333; font-size: 18px;}
.Home1 ul li figure{ width: 100%; position: relative; padding-top: 55%; margin-bottom: 6%; margin-right: 2%;}
.Home1 li figure img{ position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); max-width: 100%; max-height: 100%;}

.Home2{}
.Home2 .list{ background: #f7f7f7; border: 1px solid #e9e9e9; padding: 0 5%; border-radius: 5px;}
.Home2 dl{ padding: 3% 0; font-size: 18px; position: relative; overflow: hidden;}
.Home2 dl dt{ display: inline-block; padding: 1% 0; border-radius: 5px; background: #e50012; color: #fff; width: 30%; text-align: center; float: left; position: relative;}
.Home2 dl dt a{ color: #fff;}
.Home2 dl dt:after{ content: ''; position: absolute; width:0; height:0;border-width:10px;border-style:dashed dashed dashed solid;border-color:transparent transparent transparent #e50012; left: 100%; top:50%; transform: translateY(-50%);}
.Home2 dl:first-child{ border-bottom: 1px solid #e9e9e9;}
.Home2 dl:nth-child(2) dt{ background: #e50012;}
.Home2 dl:nth-child(2) dt:after{ border-left-color: #e50012;}
.Home2 dl dd{ float: right; width: 65%; padding: 1% 0;}

.Home3{padding: 4% 0;}
.Home3 ul ol,
.Home3 ul li{ width: 49%; float: left; position: relative; padding-top: 67%; overflow: hidden;}
.Home3 ul ol:after,
.Home3 ul li:after{ content: ''; position: absolute; left: 0; width: 100%; height: 100%; top: 0; background: rgba(31,137,227,0.27); z-index: 2; }
.Home3 ul ol{ margin-right: 2%;}
.Home3 ul li{ margin-bottom: 2%; padding-top: 32.5%;}
.Home3 ul img,
.Home3 ul figure{ position: absolute;}
.Home3 ul figure{  left: 50%; top: 50%; text-align: center; color: #fff; z-index: 3; transform: translate(-50%,-50%); font-size: 24px; width: 100%;}
.Home3 ul img{ width: 100%; height: 100%; left: 0; top: 0; z-index: 1}
.Home3 ul i{ font-style: normal; background: rgba(255,255,255,0.3); display: block; margin: 5% auto 0; width: 42px; height: 42px; border-radius: 50%; font-size: 48px; line-height: 34px;}
.Home3 ul span{ line-height: 20px; display: block; width: 100%; font-family:"宋体";}

.Home4{ background: #f7f7f7; padding: 6% 4% 5%;}
.Home4 ul li{ float: left; width: 26.66%; margin-right: 10%; text-align: center;}
.Home4 ul li figure{ width: 100%; padding-top: 100%; position: relative; margin-bottom: 3%;}
.Home4 ul li figure span,
.Home4 ul li figure img{ position: absolute; left: 0; top: 0; width: 100%; height: 100%;}
.Home4 ul li figure span{ z-index: 2; background: url("../images/img_bg.png"); background-size: contain;}
.Home4 ul li figure span img{ width: auto; height: auto; text-align: center; max-height: 100%; left: 50%; top: 50%; transform: translate(-50%,-50%);}
.Home4 ul li:last-child{ margin-right: 0;}
.Home4 ul li a{ text-align: center; display: block; font-size: 20px; color: #1f2229;}

.Home5{ padding: 4% 0;}
.Home5 ul li{ float: left; width: 31.33%; margin-right: 3%;}
.Home5 ul li img{ width: 100%;}
.Home5 ul li:nth-child(3n){ margin-right: 0;}
.Home5 .bx-pager{ text-align: center; width: 100%; margin: 5% 0 0;}
.Home5 .bx-pager div{ display: inline-block; width: 14px; height: 14px; margin: 0 5px;}
.Home5 .bx-pager a{ width: 14px; height: 14px; border-radius: 50%; background:#dcdcdc; line-height: 100; overflow: hidden; display: block;}
.Home5 .bx-pager a.active{ background: #de1829;}

.Home6{ padding: 4% 0;}
.Home6 ul li{ float: left; width: 31.33%;}
.Home6 ul li a{ display:block; padding-bottom:60%; margin:0 4%; background-repeat:no-repeat; background-position:center center; background-size:cover;}
.Home6 ul li:nth-child(3n){ margin-right: 0;}
.Home6 .bx-pager{ text-align: center; width: 100%; margin: 5% 0 0;}
.Home6 .bx-pager div{ display: inline-block; width: 14px; height: 14px; margin: 0 5px;}
.Home6 .bx-pager a{ width: 14px; height: 14px; border-radius: 50%; background:#dcdcdc; line-height: 100; overflow: hidden; display: block;}
.Home6 .bx-pager a.active{ background: #de1829;}

.footer-pc{ background-color:#252525;}
.footer-pc .wid{ overflow:hidden; position:relative}
.footer-pc dl{ padding:30px 0; float:left; width:128px; height:240px; border-left:solid 1px #3c3c3c;}
.footer-pc dl dt,
.footer-pc dl dt a{ color:#fff;}
.footer-pc dl dt{ padding:0px 0px 0px 18px; border-left:solid 1px #e50012; margin-left:-1px;}
.footer-pc dl dd{ padding:10px 0;}
.footer-pc dl dd span{ font-size:14px; display:block; padding:0px 18px; line-height:28px;}
.footer-pc dl dd span a:hover{ color:#fff;}
.footer-pc .copyright{ font-size:12px; padding:10px 0;border-top:solid 1px #3c3c3c;}
.footer-pc .copyright a:hover{ color:#fff;}
.footer-pc .ewm{ position:absolute; right:0; top:40px; width:165px;}
.footer-pc .ewm a{ cursor:pointer; display:block; width:30px; height:30px; margin-bottom:8px; border:solid 1px #454545; border-radius:100px; background-repeat:no-repeat; background-position:center center;}
.footer-pc .ewm a.weixin{ background-image:url(../images/weixin.png);}
.footer-pc .ewm a.weibo{ background-image:url(../images/weibo.png);}
.footer-pc .ewm a:hover{ background-color:#e50012}
.footer-pc .ewm div{ position:absolute; top:0; right:0;}
.footer-pc .ewm img{ width:113px; height:113px; border:solid 1px #e5e5e5; display:inline-block;}
.footer-pc .ewm b{ display:block; text-align:center; font-weight:normal; color:#fff; font-size:14px; padding-top:8px;}

.footer-wap{ display:none;}
.footer-wap .footer{ position: fixed; left: 0; bottom: 0; width: 100%; background: #f7f7f7; z-index: 100;}
.footer-wap .footer ul li{ float: left; width: 33.33%;}
.footer-wap .footer ul li a{ display: block; padding: 4px 0; text-align: center; color: #999999; font-size: 14px; position: relative;}
.footer-wap .footer ul li a:after{ content: ''; width: 1px; height: 66%; position: absolute; right: 0; top: 50%; transform: translateY(-50%); background: #d6d5d5;}
.footer-wap .footer ul li a span{ background: url("../images/footer_icon1.png") no-repeat center -2%; padding-top: 27%; background-size:21%; display: block; width: 100%;}
.footer-wap .footer ul li:nth-child(2) a span{ background-image: url("../images/footer_icon2.png");}
.footer-wap .footer ul li:nth-child(3) a span{ background-image: url("../images/footer_icon3.png");}
.footer-wap .footer ul li a.aon{ background: #dd0f20; color: #fff;}
.footer-wap .footer ul li a.aon span{ background-position: center 115%;}


.banner .pc{ height:400px; background-repeat:no-repeat; background-position:center center;}
.banner .wap{ display:none;}

.columnname{ display:none;}

.location{ text-align:right; font-size:12px; line-height:28px;}
.location,
.location a{ color:#999999;}
.location span{ color:#e50012;}

.menu { padding:0; margin:0 0 20px 0; position:relative; background-color:#f9f9f9; border-top:solid 1px #e8e8e8; border-bottom:solid 1px #e8e8e8;}
.menu h4{ bottom:-1px; position:absolute; font-weight:normal; line-height:80px; padding:0px 43px; margin:0; font-size:24px; background-color:#e50012; color:#fff;}
.menu dl{ line-height:50px; height:50px; text-align:right;}
.menu dl span,
.menu dl span a{ display:inline-block;}
.menu dl span{position:relative; font-size:14px; margin-left:40px;}
.menu dl span.on i{ bottom:-4px; left:0; position:absolute; display:block; border-top:solid 3px #e50012; width:100%; height:8px; background:url(../images/menu_icon.jpg) no-repeat center top;}
.menu dl span.on a{ padding:0px 12px; color:#e50012;}

.sub_category{ line-height:30px; margin-bottom:20px; border-bottom:1px solid #d1d1d1; }
.sub_category a{ margin:0 10px; display:inline-block;}
.sub_category a.on{color:#e50012;  border-bottom:3px solid #e50012; padding-bottom:0.8em;}


@media (max-width:640px){
.footer-pc{ display:none;}
.footer-wap{ display:block;}
.banner .pc{ display:none;}
.banner .wap{ display:block;}
.banner .wap img{ width: 100%; display: block;}

.columnname{ display:block; font-size:24px; color: #333333; text-align: center; padding: 6% 0;}
.location,
.menu{ display:none;}
}

.history{}
.history ul:before,
.history ul li .txt:before,
.history ul li time:after{ content: ''; position: absolute;}
.history ul{ position: relative;}
.history ul:before{ top: 3%; left:87px;  width: 4px; height: 97%; background: #efefef;}
.history ul li{ position: relative; padding-left: 130px; margin-bottom: 10%;}
.history ul li time{ font-size: 26px; color: #e50012; position: absolute; left: 0; top: 50%; transform: translateY(-50%); padding-right: 40px;}
.history ul li time:after{ width: 14px; height: 14px; top: 50%; right: 0; transform: translateY(-50%); border-radius: 50%; background: #e50012; border: 5px solid #fff;}
.history ul li .txt{ position: relative; background:#f3f3f3; padding: 5%; font-size: 20px; color: #666666; line-height: 36px; }
.history ul li .txt:before{ width:0; height:0;border-width:13px;border-style:dashed solid dashed dashed;border-color:transparent #f3f3f3 transparent transparent; left: -26px; top:50%; transform: translateY(-50%);}

.honor{}
.honor ul li{ float: left;  text-align: center; font-size: 20px; margin-bottom: 3%;}
.honor ul li figure{ width: 100%; border: 1px solid #d9d9d9; padding-top: 73%; position: relative;}
.honor ul li figure img{ max-height: 100%; max-width: 100%; left: 50%; top: 50%; transform: translate(-50%,-50%); position: absolute;}
@media (min-width:640px){
.honor ul li{width:23%; margin-right:2%; font-size:14px;}
.honor ul li:nth-child(4n){ margin-right: 0;}
}
@media (max-width:640px){
.honor ul li{margin-right: 2%; width: 49%; }
.honor ul li:nth-child(2n){ margin-right: 0;}
}

.partner{}
.partner ul li{ float: left; text-align: center; font-size: 20px; margin-bottom: 3%;}
.partner ul li figure{ width: 100%; border: 1px solid #d9d9d9; padding-top: 42%; position: relative;}
.partner ul li figure img{ max-height: 100%; max-width: 100%; left: 50%; top: 50%; transform: translate(-50%,-50%); position: absolute;}

.case{}
.case ul li{ float: left; text-align: center; font-size: 20px; margin-bottom: 3%;}
.case ul li a{ display: block; border: 1px solid #e9e9e9; background: #f7f7f7;}
.case ul li figure{ width: 100%; padding-top: 67%; position: relative;}
.case ul li figure img{ height: 100%; width: 100%; left: 50%; top: 50%; transform: translate(-50%,-50%); position: absolute;}
.case ul li p{ margin: 4% 0;}

.product{}
.product ul li{ float: left; text-align: center; font-size: 20px; margin-bottom: 3%;}
.product ul li a{ display: block; border: 1px solid #e9e9e9; background: #f7f7f7;}
.product ul li figure{ width: 100%; padding-top: 67%; position: relative;}
.product ul li figure img{ height: 100%; width: 100%; left: 50%; top: 50%; transform: translate(-50%,-50%); position: absolute;}
.product ul li p{ margin: 4% 0;}
.product ul li p span{ float:right; color:#e50012; padding-right:10px;}
@media (min-width:640px){
.case ul li{width:23%; margin-right:2%; font-size:14px;}
.case ul li:nth-child(4n){ margin-right: 0;}

.product ul li{width:23%; margin-right:2%; font-size:14px;}
.product ul li:nth-child(4n){ margin-right: 0;}

.partner ul li{width:18.35%; margin-right:2%; font-size:14px;}
.partner ul li:nth-child(5n){ margin-right: 0;}
}
@media (max-width:640px){
.case ul li{ margin-right: 2%; width: 49%;}
.case ul li:nth-child(2n){ margin-right: 0;}

.product ul li{ margin-right: 2%; width: 49%;}
.product ul li:nth-child(2n){ margin-right: 0;}

.partner ul li{ margin-right: 2%; width: 49%;}
.partner ul li:nth-child(2n){ margin-right: 0;}

.partner ul li .dot{ margin-top:5px; font-size:16px;}
}
.News_list{}
.News_list li{ overflow: hidden;  border:1px solid #e9e9e9; background: #f7f7f7; }
.News_list li figure{ float: left;}
.News_list li figure img{ width: 100%; display: block;}

.News_list li h2{ font-size: 20px; padding: 1.5% 0; margin:0; font-weight: normal; color: #333;}
.News_list li p{ color: #666; font-size: 18px; line-height: 36px; margin: 2% 0; }
.News_list li time{ font-size: 16px; color: #acacac;}
.News_list li .txt{ float:right; width:55%;}
.News_list li:hover h2{ color:#e50112}

@media (min-width:640px){
.News_list li{ margin-bottom:25px;}
.News_list li figure{width:32%;}
.News_list li h2{ font-size:16px; border-bottom:1px solid #e9e9e9; font-weight:bold;}
.News_list li h2 span{ float:right; font-weight:normal; color:#666}
.News_list li .txt{ width:67%; padding:1% 2%}
.News_list li p{ line-height:25px; font-size:14px;}
.News_list li time{ display:none;}
.News_list li i{ display:block; width:113px; text-indent:40px; font-style:normal; font-size:12px; line-height:43px; background:#fff url(../images/more.jpg) no-repeat 76px; border:solid 1px #e1e1e1;}
.News_list li:hover i{ color:#fff; background:#e50112}
}
@media (max-width:640px){
.News_list li{padding: 2%;  margin-bottom: 6%;}
.News_list li figure{width: 40%;}
.News_list li h2{padding: 2% 0;}
.News_list li h2 span,
.News_list li i{ display:none;}
.News_list li time{ display:block;}
}

.news_info{ padding: 5% 0;}
.news_info .title{ text-align:center; padding-bottom:14px; border-bottom:1px dashed #d2d2d2; margin-bottom:3%;}
.news_info .title h1{ margin:0; padding-bottom:15px; font-size:22px; font-weight:normal;}
.news_info .title p{ margin:0; border-bottom:1px dashed #d2d2d2; padding-bottom:10px;}
.news_info .title span{ margin:0 20px; color:#999;  font-size:12px;  }
.news_info .info{ text-align:justify; text-justify:inter-ideograph;}
.news_info .info_back{ text-align:center; clear:both; padding:40px 0 20px 0; border-top:1px dashed #d2d2d2; margin-top:5%;}
.news_info .info_back a{ font-size: 18px;}

.Join{ padding-bottom: 5%;}
.Join .list{ border: 1px solid #e7e7e7;}
.Join .list .dot{ font-weight: normal;padding: 15px 60px; margin: 0; color: #888888; font-size:18px; background: url("../images/join_icon3.png") no-repeat 25px center #f9f9f9; position: relative;}
.Join .list .dot:after{ content: ''; width: 27px; height:29px; position: absolute; right: 30px; top: 50%; transform: translateY(-50%); background:url("../images/join_icon.png") no-repeat center bottom;}
.Join .list .con{display: none;padding: 4% 25px; color: #666666; line-height:34px; font-size: 18px;}
.Join .list .text{ display: table; width: 100%;}
.Join .list .text dl{ display: table-row; width: 100%;}
.Join .list .text dd{ display: table-cell; width: 50%; vertical-align: top; color: #888888; font-size: 18px; padding: 1% 2% 1% 0;}
.Join .list .con .h2{ font-size: 18px; color: #333; margin: 7% 0 2%; font-weight: normal;}
.Join .list #on{ background: url("../images/join_icon2.png") no-repeat 25px center #e50012; color: #fff;}
.Join .list #on:after{ background-position: center top;}
.Join .btn_apply{ display: inline-block; margin: 5% 0; padding: 1.5% 8%; color: #fff; font-size: 20px; background: #e50012; border-radius: 10px;}


.Table{}
.Table ul li{ margin-bottom:16px; line-height: 44px; font-size: 20px; color: #888888;}
.Table ul li .f_name{ display: inline-block; vertical-align: top; width: 105px; text-align: right;}
.Table ul li .text{ border: 1px solid #d8d8d8; line-height: 44px; padding: 0 2%; width: 60%;}
.Table ul li .text2{ height: 186px; line-height: 24px; font-size: 16px;}
.Table ul li i{ font-style: normal; color: #e50012; font-size: 16px; vertical-align: middle;}
.Table ul li .btn{ display: inline-block; margin: 1% 0 8%; padding: 1.5% 5%; color: #fff; background: #e50012; border-radius: 10px; font-size: 20px;}
.Table ul li p{ margin: 0; font-size: 16px;}
.Table h1{ display:none;}
@media(min-width:640px){
.Table ul li{ line-height:35px;}
.Table ul li .f_name{ font-size:14px; color:#222;}	
.Table ul li .text{ width:32%; line-height:35px; border-radius:4px;}
.Table ul li .text2{ width:40%}
.Table h1{ display:block; margin:0; font-weight:normal;border-bottom:1px solid #d1d1d1; font-size:16px; padding-left:15px; height:35px; margin-bottom:20px;}
.Table h1 span{ border-bottom:3px solid #e50012; padding-bottom:0.8em; display:inline-block; height:36px;}
}

.Map001{ padding:20px 0;}
.Map001 .map{width:100%;}
.Map001 .map #allmap{ height:300px; width:100%;}
.Map001 .map #allmap *{ font-size:12px !important;-moz-box-sizing:initial; -ms-box-sizing:initial; -o-box-sizing:initial; -webkit-box-sizing:initial; box-sizing:initial; max-width: none;}
.Map001 .info{ width:100%; background-color:#f9f9f9;}
.Map001 .info ul{ padding:3% 2%;}
.Map001 li{ line-height:25px; background-position: left 26px; padding:26px 0 26px 60px; font-size:16px; background-repeat:no-repeat; color:#7e7e7e; border-bottom:1px #dbdbdb dotted;}
.Map001 li.name{ background-image:url(../images/Map001-icon_name.gif);}
.Map001 li.add{ background-image:url(../images/Map001-icon_add.gif);}
.Map001 li.tel{ background-image:url(../images/Map001-icon_tel.gif);}
.Map001 li.fax{ background-image:url(../images/Map001-icon_fax.gif);}

@media(min-width:640px){
.Map001{ overflow:hidden;}
.Map001 .map,
.Map001 .info{ float:left; width:50%;}
.Map001 .map #allmap{ height:398px}
}


.List_loading{ display: block; width: 40px; height: 37px; background: url("../images/loading.png") no-repeat center; margin:2% auto 10%;}
.foot_back{ position:fixed; z-index:105; width:30px; height:30px; background:url(../images/back.png) no-repeat; background-size:cover; right:0; bottom:15%;}




.info_201712161727{ padding:3% 0;}
.info_201712161727 ul{ max-width:700px; margin:auto;}
.info_201712161727 ul li{ float: left; width: 26.66%; margin-right: 10%; text-align: center;}
.info_201712161727 ul li figure{ width: 100%; padding-top: 100%; position: relative; margin-bottom: 3%;}
.info_201712161727 ul li figure span,
.info_201712161727 ul li figure img{ position: absolute; left: 0; top: 0; width: 100%; height: 100%;}
.info_201712161727 ul li figure span{ z-index: 2; background: url("../images/img_bg2.png"); background-size: contain;}
.info_201712161727 ul li figure span img{ width: auto; height: auto; text-align: center; max-height: 100%; left: 50%; top: 50%; transform: translate(-50%,-50%);}
.info_201712161727 ul li:last-child{ margin-right: 0;}
.info_201712161727 ul li a{ text-align: center; display: block; font-size: 20px; color: #1f2229;}


@media (max-width:480px){
.Home1 ul li figure{ padding-top:45%;}	

.Home1 .scroll{/* height:90px;*/}
.Home1 ul li a{ font-size:13px;}
.Home .Htitle,
.Home2 dl,
.Home2 ul li,
.Home3 ul span,
.Home4 ul li a,
.footer ul li a,
.info_201712161727 ul li a,
.honor ul li,
.case ul li,
.history ul li .txt,
.News_list li time,
.news_info .info_back a,
.Table ul li,
.Table ul li .btn,
.Join .list .text dd,
.Join .list .con .h2,
.Join .list .con{ font-size: 14px;}
.Home .Htitle a{ width:20px; height:20px; margin-top:5c px;}
.Home2 dl dt{ width:25%;}
.Home2 dl dt:after{ left:95%;}
.Home2 dl dd{ width:70%;}
.Home2 ul li span:after{border-width:8px;}
.Home3 ul i{ width: 30px; height: 30px; font-size: 32px; line-height: 26px;}
.footer ul li a{ padding:1% 0;}
.footer ul li a span{ padding-top:25%; background-size:20%;}
.columnname,
.history ul li time{ font-size:18px;}
.history ul:before{ left: 60px;}
.history ul li{ padding-left: 100px;}

.news_info .title h1{ font-size: 16px;}
.honor ul li,
.case ul li,
.history ul li .txt,
.News_list li time,
.news_info .info_back a{ font-size: 14px;}
.history ul li time{ padding-right: 32px;}
.history ul li .txt{  line-height: 30px;}


.News_list li h2{ font-size: 16px; margin: 1% 0;}
.News_list li p{ line-height: 20px; font-size: 14px; height: 40px; overflow: hidden;margin: 1% 0;}


.Join .list .dot{ font-size: 15px;}
.Join .list .con{ line-height: 30px;}
.Join .btn_apply{ font-size: 14px; padding: 1.5% 5%;}
.Map001 li{ font-size:14px; padding-left:50px;}
}
@media (max-width:375px){



{ font-size: 15px;}
}
@media (max-width:320px){
.Home1 ul li a{ font-size: 12px;}

.News_list li h2{ font-size: 16px;}
.News_list li p{ font-size: 14px; }
.News_list li time{ font-size: 12px;}

.Join .list .text dd{ width: 100%; display: block;}
.Table ul li,
.Table ul li .btn{ font-size: 16px;}
.Table ul li .f_name{ width: 90px;}
}
@media (min-width:641px){

}
.organizing-pc{ text-align:center;}
.organizing-wap{ display:none;}
@media (max-width:375px){
.organizing-wap{ display:block;}
}

.Form001413{ padding:2% 0;}
.Form001413 .tips{ padding:20px 0;border-bottom:1px solid #e5e5e5;border-top:1px solid #e5e5e5; font-size:14px;position:relative;}
.Form001413 .tips h1{ margin:0; font-weight:normal; font-size:18px; color:#e50012;}

.Form001413 .form{ padding-top:30px; }
.Form001413 .form td{ padding-bottom:20px; font-size:14px;  }
.Form001413 .form td.w1{ width:300px;}
.Form001413 .form td.w2{ width:32px;}
.Form001413 .form li{ padding-bottom:20px; font-size:14px; width:225px; margin-right:25px; float:left;}
.Form001413 .form li.mr_end{ margin-right:0;}

.Form001413 .form .text{ width:60%; border:1px solid #eaeaea; height:35px; line-height:35px; padding:0 2%; border-radius:3px; }
.Form001413 .form p{ line-height:35px;  vertical-align:top; margin:0; }
.Form001413 .form td em{ font-style:normal; color:#bcbcbc;}
.Form001413 .form td em i{ font-style:normal; color:#fadbbe;}
.Form001413 .form .price{ font-size:18px; color:#e50012; line-height:60px; margin:3% 0; border-top:1px solid #e5e5e5;}
@media (max-width:1200px){
.Form001413{ padding:2%;}
}
@media (max-width:640px){
.Form001413 .form table{ width:100%;}
.Form001413 .form td,
.Form001413 .form td.w1{ width:100%; display:block;}
.Form001413 .form td.w2{ display:none;}
.Form001413 .form td{ padding-bottom:5px;}

.Form001413 .form li{ width:49%; margin-right:2%; font-size:12px;}
.Form001413 .form li:nth-child(2n){ margin-right:0;}

}