html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead,{ margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; } body { line-height: 1; background-color:#FFFFFF; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } :focus { outline: 0; } ins { text-decoration: none; } del { text-decoration: line-through; } table { border-collapse: collapse; border-spacing: 0; }

.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .clearfix { display: inline-block; } /* Hide from IE Mac \*/ .clearfix { display: block; } /* End hide from IE Mac */ .none { display: none; } /* End Clearfix */

a{
color:#666666;
text-decoration:none;
}
.blank_8{
width:100%;
height:8px;
font-size:1px;
}
.blank_12{
width:100%;
height:12px;
font-size:1px;
}
img{
border:none;
}
em {font-style: normal;}
.area{
width:100%;
height:30px;
line-height:30px;
font-size:14px;
color:#FFFFFF;
background-color:#2381d4;
overflow:hidden;
margin-bottom:5px;
}
/*文本长度截取*/
.text-nowrap-ellipsis,
.text-nowrap-ellipsis-2,
.text-nowrap-ellipsis-3,
.text-nowrap-ellipsis-4,
.text-nowrap-ellipsis-5 {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}

.text-nowrap-ellipsis {
    -webkit-line-clamp: 1;
}

.text-nowrap-ellipsis-2 {
    -webkit-line-clamp: 2;
}

.text-nowrap-ellipsis-3 {
    -webkit-line-clamp: 3;
}

.text-nowrap-ellipsis-4 {
    -webkit-line-clamp: 4;
}

.text-nowrap-ellipsis-5 {
    -webkit-line-clamp: 5;
}
html{ height:100%;}
body{font-family:Arial, Helvetica, sans-serif;padding:0;font-size:12px;margin:0 auto;color: #333333;background-color:#FFFFFF;}
.home{height:100%;}
.homeiphone_full{height:100%;}
.homeiphone_app{height:116.85%;}

#container{ width:640px; height:auto; margin:auto; position:relative;}

.header { overflow:hidden; width:94%; padding:10px 3% 10px 3%;  display: flex; align-items: center;justify-content: space-between; }
.header h1{ float:left; width:70%; margin:0; padding:0;}
.header h1 img{ display:block; width:100%;}
.header h2{ margin:0; padding:0; float:left; margin-left:3%; font-size:1.6em; color:#000; margin-top:3%; width:77%;}
.header h2 p{ font-weight:normal; margin-top:0.5em; color:#333; font-size:14px;}
.header label{
	height: 100%;
    background: #e40112;
    border-radius: 10px;
    color: #fff;
}
.header label a{
	color: #fff;
    display: block;
    padding: 10px;
}
.nav{
width:100%;
padding:4px 0;
height:64px;
/*background:url(../images/nav.gif) center center no-repeat;*/
background-size:100% 100%;
}
.nav ul{
margin:0;
padding:0;
list-style:none;
display: flex;
flex-wrap: wrap;
gap: 1px;
}
.nav ul li{
box-sizing: border-box;
width: calc((100% - 4px) / 5);
height:33px;
line-height:32px;
text-align:center;
 background: #e40112;
}
.nav ul li a{
text-decoration:none;
font-size:14px;
color:#FFFFFF;
}

.panels_slider {width: 100%; height:auto; margin:0; padding:0;}
.panels_slider img {max-width: 100%; display: block;}

.in{
width:100%;
}
.banner{
width:100%;
padding-bottom:1px;
}
.banner img{
width:100%;
display:inline-block;
}
.con_slider{ background-color:#FFFFFF;border-bottom:1px solid #FFFFFF;}
.con_swipe{ width:100%; margin:0 auto; overflow:hidden; position:relative}
.swipe{width:100%;position:relative;z-index:1;-webkit-perspective:1000;-webkit-backface-visibility:hidden;overflow:hidden;}
.swipe ul{ margin:0; padding:0;list-style:none;overflow:hidden;}
.swipe li{ display:block;  float:left;}
.swipe li div{text-align:center; overflow:hidden; width:100%;margin:0 auto;}
.swipe li div img{ width:100%;}
.swipe li div a{ display:inline-block; }

#position{text-align:center;font-size:32px;color:#ccc;display:block;width:100%; text-align:center;}
#position em{display:inline-block;padding:0 1%;font-style:normal;font-family:sans-serif}
#position em.on{color:#e71f19}
.point{height:22px; line-height:22px; position:relative; position:absolute; bottom:0; left:0; z-index:1; width:100%; margin:0 auto;}
.sub_menu{
	display: flex;
}
.sub_menu .TT label {
	display:none;
}
.sub_menu .TT.active label {
	display:block;
}
.TT{
width:100%;
height:54px;
padding:10px 0 3px 0;
overflow:hidden;
}
.TT span{
width:100%;
height:47px;
display:inline-block;
line-height:47px;
font-size:20px;
color:#1a1a1a;
padding:0;
font-weight:bold;
text-align:center;
}
.TT label{
width:20px;
height:2px;
margin:0 auto;
background-color:#e40112;
overflow:hidden;
display:block;
}


.qing{ overflow:hidden; display:block; clear:both; padding-top:10px;}
.cplb{ clear:both;
  margin:0 10px;
  -moz-column-count:2; /* Firefox */  /**把 div 元素中的文本划分为三列。**/
  -webkit-column-count:2; /* Safari and Chrome */
  column-count:2;  
  -webkit-column-width:50%; /**column-width 属性规定列的宽度。**/
  -moz-column-width:50%;
  -o-colum-width:50%;
  colum-width:50%;  
  -webkit-column-gap:10px; /**column-gap 属性规定列之间的间隔。**/
  -moz-column-gap:10px;
  -o-column-gap:10px;
  column-gap:10px;
  padding:0;
}
.cplb li{
  background:#fff;
  display:inline-block; /**行内块元素。（CSS2.1 新增的值）**/
  width:100%;
  position: relative;
  margin:0 0 10px;
}
.cpltu{ display:block; border:1px solid #eee; border-bottom:none;}
.cpm{ display:block; padding:10px 5px; text-align: center; font-size:14px; color:#000; line-height:18px; background-color:#eee;white-space:nowrap;
word-break:keep-all;
overflow:hidden;
text-overflow:ellipsis;}

.xhd_pro{
width:100%;
margin-top:10px;
overflow:hidden;
}
.xhd_pro ul{
margin:0;
padding:0;
list-style:none;
}
.xhd_pro ul li{
width:50%;
float:left;
overflow:hidden;
margin-bottom:15px;
}
.xhd_proA{
width:94%;
margin:0 auto;
}
.xhd_proA img{
width:100%;
display:block;
height: 128px;
}
.xhd_proB{
width:94%;
margin:0 auto;
height:40px;
line-height:40px;
text-align:center;
font-size:14px;
background-color:#eee;
white-space:nowrap;
word-break:keep-all;
overflow:hidden;
text-overflow:ellipsis;
}

.liuyan { overflow:hidden; width:100%; padding-bottom:2.5em; border-bottom:1px solid #ccc;}
.liuyan h2{ text-align:center; font-size:1.2em; color:#333; margin-bottom:0.5em;}
.liuyan p{ text-align:center; font-size:1em; color:#3f3e3e; margin-bottom:0.5em;}
.liuyan h3{ font-size:1.7em; color:#fff; text-align:center; width:90%; margin:0 auto; padding:0.5em 0; background-color:#1a1a1a; margin-bottom:0.8em;}
.liuyan h3 em{ font-size:0.9em}
.liuyan .ph{ display:block; text-align:center; font-size:2.5em; color:#e40112; font-weight:bold; margin-bottom:1em;}
.liuyan .ph img{ width:0.8em; margin-right:0.3em}
.liuyan>input{ display:block; width:62%; margin:0 auto; margin-bottom:0.5em; height:3.5em; border:1px solid #999; line-height:3.5em; color:#666; font-size:1em; padding-left:18%;}
.liuyan .comp{ background:url(images/ly01.png) no-repeat left center; background-size:18%;}
.liuyan .name{ background:url(images/ly02.png) no-repeat left center; background-size:18%;}
.liuyan .phone{ background:url(images/ly03.png) no-repeat left center; background-size:18%;}
.liuyan .time{ background:url(images/ly04.png) no-repeat left center; background-size:18%;}
.liuyan .text{ background:url(images/ly05.png) no-repeat left center; background-size:18%;}
.liuyan .btn{ overflow:hidden; width:80%; margin:0 auto}
.liuyan .btn input{ display:block; float:left; width:49%; font-size:1em; color:#fff; background:#1a1a1a; background-size:cover;text-align:center;border:none;height:3.7em; line-height:3em;}
.liuyan .btn a{ display:block; float:right; width:49%; font-size:1em; color:#fff; background:#e71f19; background-size:cover; height:3.7em; line-height:3.7em; text-align:center}

.Ts{
width:100%;
height:43px;
padding-top:15px;

background:url(images/TT.gif) center bottom no-repeat;
overflow:hidden;
}
.Ts span{
width:100%;
height:45px;
display:inline-block;
line-height:40px;
font-size:20px;
font-weight:bold;
color:#034091;
text-align:center;
}

.m_more{
width:132px;
height:36px;
display:block;
margin:0 auto;
line-height:36px;
text-align:center;
font-size:14px;
color:#1a1a1a;
border:1px solid #1a1a1a;
border-radius:40px;
}

.xhd_wh{
width:100%;
margin-top:10px;
overflow:hidden;
}
.xhd_wh ul{
margin:0;
padding:0;
list-style:none;
}
.xhd_wh ul li{
width:50%;
float:left;
overflow:hidden;
margin-bottom:15px;
}
.xhd_wh_li {
width:94%;
margin:0 auto;
height:180px;
/*padding:40px 0 20px 0;*/
overflow:hidden;
position: relative;
}
.xhd_wh_li .about_C1wa {
     position: absolute;
    z-index: 1;
}
.xhd_wh_li .about_C1wa img {
  width: 100%;
}
.xhd_wh_li .xhd_wh_lia {
    position: absolute;
    z-index: 1;
    top: 5px;
}
.xhd_wh_li .xhd_wh_lib {
    position: absolute;
    z-index: 2;
    top: 40px;
}
/*.ww1{
background:url(/images/about/wh_1.jpg);
background-size:100% 100%;
}
.ww2{
background:url(/images/about/wh_2.jpg);
background-size:100% 100%;
}
.ww3{
background:url(/images/about/wh_3.jpg);
background-size:100% 100%;
}
.ww4{
background:url(/images/about/wh_4.jpg);
background-size:100% 100%;
}*/
.xhd_wh_lia{
width:100%;
height:40px;
line-height:40px;
text-align:center;
font-size:16px;
color:#fff;
font-weight:bold;
}
.xhd_wh_lib{
width:94%;
margin:0 auto;
line-height:15px;
text-align:center;
font-size:14px;
color:#fff;
overflow:hidden;
}

.xh_TT{
width:100%;
height:42px;
line-height:42px;
text-align:center;
font-size:22px;
font-weight:bold;
margin-top:15px;
}

.hide{
display:none;
}

.xdh_ys_ox{
width:94%;
margin:8px auto 15px auto;
}
.xdh_ys_oxB{
width:100%;
height:44px;
line-height:44px;
font-size:20px;
color:#333333;
font-weight:bold;
overflow:hidden;
margin-top:10px;
}
.xdh_ys_oxC{
width:100%;
line-height:22px;
font-size:14px;
color:#555555;
overflow:hidden;
}
.xdh_ys_oxD{
width:100%;
margin-top:10px;
}
.xdh_ys_oxD img{
width:100%;
display:block;
}

.xh_tab{
width:94%;
margin:15px auto 0 auto;
}
.xh_tab ul{
margin:0;
padding:0;
list-style:none;
}
.xh_tab ul li{
width:25%;
height:40px;
float:left;
line-height:40px;
text-align:center;
color:#fff;
background-color:#1a1a1a;
}
.xh_tab ul li.selected{
background-color:#e71f19;
}

.roll{
width:100%;
padding:2% 0;
overflow:hidden;
}
.roll ul{
margin:0;
padding:0;
list-style:none;
}
.roll ul li{
width:50%;
float:left;
height:auto;
}
.roll ul li span{
width:94%;
padding:0 3%;
height:auto;
display:block;
text-align:center;
}
.roll ul li span img{
width:98%;
-moz-border-radius:4px;
-webkit-border-radius:4px;
border-radius:4px;
border:2px #cfcfcd solid;
display:block;
}
.roll ul li label{
width:100%;
height:30px;
line-height:30px;
display:block;
text-align:center;
}

.honor{
width:100%;
padding:2% 0;
overflow:hidden;
}
.honor ul{
margin:0;
padding:0;
list-style:none;
}
.honor ul li{
width:50%;
float:left;
height:auto;
}
.honor ul li span{
width:94%;
padding:0 3%;
height:auto;
display:block;
text-align:center;
}
.honor ul li span img{
width:98%;
-moz-border-radius:4px;
-webkit-border-radius:4px;
border-radius:4px;
border:2px #cfcfcd solid;
display:block;
}
.honor ul li label{
width:100%;
height:30px;
line-height:30px;
display:block;
text-align:center;
}

.swiper-container {
	width: 100%;
	height:100%;
}

.swiper-slide{
text-align: center;
font-size: 18px;
width: 80%;
/* Center slide text vertically */
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
}

.wf_news_ax{
width:94%;
height:auto;
margin:15px auto 0 auto;
}
.wf_news_ax ul{
margin:0;
padding:0;
list-style:none;
}
.wf_news_ax ul li{
width:100%;
margin-bottom:15px;
float:left;
}
.wf_news_ax_li{
width:100%;
overflow:hidden;
      border-bottom: 1px solid #e5e5e5;
    margin-bottom: 10px;
    padding-bottom: 20px;
}
.wf_news_ax_lia{
width:100%;
overflow:hidden;
}
.wf_news_ax_lia img{
width:100%;
display:block;
}
.wf_news_ax_lib{
width:100%;
height:36px;
line-height:36px;
font-size:14px;
color:#999;
}
.wf_news_ax_libb{
width:100%;
height:36px;
line-height:36px;
font-size:16px;
color:#2f2e2e;
font-weight:bold;
text-align:center;
}
.wf_news_ax_lic{
width:100%;
line-height:22px;
font-size:14px;
color:#333;
font-weight:bold;
overflow:hidden;
}
.wf_news_ax_lid{
	width:100%;
	overflow:hidden;
 line-height: 24px;
 font-size: 14px;
 color: #818181;
 text-align: justify;
}

DIV.bk_yellow{width:100%;clear:both;float:left;padding-bottom:30px;padding-top:30px;PADDING-RIGHT:0;PADDING-LEFT:0;MARGIN:0;TEXT-ALIGN:center;}DIV.bk_yellow A{padding:5px 3px 5px 3px;background-color:#FAFAFA;BORDER-RIGHT:#ccc 1px solid;BORDER-TOP:#ccc 1px solid;MARGIN:2px 5px 2px 5px;BORDER-LEFT:#ccc 1px solid;COLOR:#000;BORDER-BOTTOM:#ccc 1px solid;TEXT-DECORATION:none;}DIV.bk_yellow A:hover{BORDER:#e2460b 1px solid;COLOR:#FFF;background-color:#e2460b;}DIV.bk_yellow SPAN.current{padding:5px 3px 5px 3px;BORDER-RIGHT:#e2460b 1px solid;BORDER-TOP:#e2460b 1px solid;FONT-WEIGHT:bold;MARGIN:2px 5px 2px 5px;BORDER-LEFT:#e2460b 1px solid;COLOR:#fff;BORDER-BOTTOM:#e2460b 1px solid;BACKGROUND-COLOR:#e2460b}DIV.bk_yellow SPAN.disabled{padding:5px 3px 5px 3px;BORDER-RIGHT:#eee 1px solid;BORDER-TOP:#eee 1px solid;MARGIN:2px 5px 2px 5px;BORDER-LEFT:#eee 1px solid;COLOR:#ddd;BORDER-BOTTOM:#eee 1px solid;}

.xdh_server{
width:100%;
padding:15px;
overflow:hidden;
  box-sizing: border-box;
  line-height: 1.8em;
}
.xdh_server ul{
margin:0;
padding:0;
list-style:none;
}
.xdh_server ul li{
width:50%;
float:left;
margin-bottom:10px;
}
.xdh_server_li{
width:94%;
margin:0 auto;
background-color:#f4f4f4;
overflow:hidden;
padding:15px 0;
}
.xdh_server_lia{
width:100%;
text-align:center;
overflow:hidden;
}
.xdh_server_lia img{
width:40%;
margin:0 auto;
display:block;
}
.xdh_server_lib{
width:100%;
height:44px;
line-height:44px;
font-size:16px;
color:#1a1a1a;
text-align:center;
}
.xdh_server_lic{
width:94%;
height:44px;
margin:0 auto;
line-height:22px;
font-size:14px;
color:#666666;
overflow:hidden;
text-align:center;
}

.news{
width:98%;
height:auto;
padding:1%;
overflow:hidden;
}
.news ul{
margin:0;
padding:0;
list-style:none;
}
.news ul li{
width:100%;
height:30px;
border-bottom:1px dashed #cfcfcd;
float:left;
line-height:30px;
float:left;
white-space:nowrap;
word-break:keep-all;
overflow:hidden;
text-overflow:ellipsis;
}

.article{
width:94%;
margin:0 auto;
height:auto;
overflow:hidden;
}
.A_T{
width:100%;
padding:10px 0;
font-weight:bold;
font-size:14px;
text-align:center;
}
.A_D{
width:100%;
text-align:center;
color:#777777;
}
.A_O{
width:100%;
line-height:24px;
padding:8px 0;
font-size:14px;
overflow:hidden;
}
.A_O img{
width:100%;
display:inline-block;
}
.A_PN{
width:100%;
border-top:1px solid #cccccc;
padding:8px 0;
overflow:hidden;
line-height:20px;
}

.cases{
width:100%;
padding:2% 0;
overflow:hidden;
}
.cases ul{
margin:0;
padding:0;
list-style:none;
}
.cases ul li{
width:33%;
float:left;
height:auto;
}
.cases ul li span{
width:94%;
padding:0 3%;
height:auto;
display:block;
text-align:center;
}
.cases ul li span img{
width:98%;
display:block;
}
.cases ul li label{
width:100%;
height:30px;
line-height:30px;
display:block;
text-align:center;
}

.addRess{ overflow: hidden; width: 100%; background: #eee; padding-bottom: 2rem;}
.addRess dl{ margin:0; padding:0; overflow: hidden; padding: 0.8rem 1% 1.5rem 2%; width: 96%;}
.addRess dl dt{ width: 25%; float: left; margin:0; padding:0;}
.addRess dl dt img{ display: block; width: 100%;}
.addRess dl dd{ width: 72%; float: right;margin:0; padding:0; margin-top:10px;}
.addRess dl dd span{ font-size: 1rem; color: #0061bb;}
.addRess dl dd span a{ color: #0061bb; font-weight: bold}
.addRess dl dd p{ font-size: .85rem; color: #666666; line-height: 1.5rem;}
.addRess dl dd p a{ color: #666}
.addRess dl dd p:first-of-type{ margin-top: .3rem;}

.wkh{
width:100%;
overflow:hidden;
}
.wkh ul{
margin:0;
padding:0;
list-style:none;
}
.wkh ul li{
width:33.3333333%;
float:left;
margin-top:15px;
}
.wkh ul li img{
width:92%;
display:block;
margin:0 auto;
border:1px solid #eee;
}

.footer{
width:100%;
padding:10px 0 60px 0;
text-align:center;
background-color:#333;
color:#FFFFFF;
line-height:22px;
}

.tool{
	position: fixed;
	bottom: 0;
	background-color:#333333;
	width: 100%;
	height:50px;
	z-index: 9999;
	_bottom:auto;
	_width: 100%;
	_position: absolute;
	_top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||0)));
	
}

.tl{
width:100%;
text-align:center;
height:50px;
}
.tl a{
width:100%;
height:50px;
line-height:50px;
display:block;
color:#cccccc;
text-decoration:none;
}

.footer_tool { overflow:hidden; width:100%; position: fixed; left:0; bottom:0; background-color:#fff; z-index:100}
.footer_tool a{ display:block; width:33%; float:left; text-align:center; font-size:14px; color:#fff; padding:1.2em 0; background:#e40112; background-size:cover; margin-right:0.333333333%}
.footer_tool img{ display:inline-block; width:20%; margin-bottom:-6px; margin-right:0.5em}

@media screen and (max-width: 640px) {
#container{width:100%;}
.panels_slider{width:100%; height:100%;}
}

#banner_slider img {
  width: 100%;
}
.caseSwiper ul {
  padding: 0px;
  margin: 30px 0px;
}
.caseSwiper img {
  width: 100%;
}
.pageList {
  clear: both;
  margin: 30px auto;
}
.A_O iframe {
  width: 100%!important;
  height: 100%!important;
}
.xdh_server img {
  width: 100%;
}
.history  ul {
  margin: 0px;
  padding: 0px;
}
.history  ul li {
  border-left: .02rem dashed #e5e5e5;
  text-align: left;
  margin-left: 10px; 
  margin-bottom: 0px;
}
.history ul li .point {
    width: 5px;
    height: 5px;
    display: inline-block;
    background-color: #444;
    border-radius: 50%;
    margin-right: 15px;
    margin-left: -3px;
    position: unset;
}
.history ul li .title {
    display: inline-block;
    font-size: 18px;
    color: #333;
    margin-bottom: 10px;
}

.history ul li p.step {
    font-size: 14px;
    color: #666;
    margin-top: 0px;
    line-height: 24px;
    margin-bottom: 0px;
    padding-left: 22px;
    padding-bottom: 20px;
}

.xdh_menu ul,.xdh_menu li{
    padding: 0px;
    margin: 0px;
}
.xdh_menu li{
    list-style: none;
    line-height: 30px;
    padding: 5px 15px;
}
.xdh_menu li.active, .xdh_menu li:hover {
    background: #e40112;
    color: #fff;
}
.xdh_menu li.active a, .xdh_menu li a:hover,.xdh_menu li:hover a {
    color: #fff;
}
.xdh_menu ul {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 30px;
    background: #f4f4f4;
    width: auto;
    white-space: nowrap;
    overflow-x: scroll;
    position: static;
}
.xdh_menu li a {
    display: block;
    font-size: 16px;
}