@charset "utf-8";
@font-face { font-family: HELVETICANEUELTPRO-THEX; src: url(fonts/HELVETICANEUELTPRO-THEX.OTF); font-weight: 400; font-style: normal }
* { padding: 0; margin: 0; -webkit-tap-highlight-color: transparent }
body, html { text-shadow: none; overflow-x: hidden; width: 100%; background-color: #fff; font-family: Arial, "微软雅黑"; font-size: 12px; color: #666; -webkit-text-size-adjust: none; max-width: 900px; margin: 0 auto; -webkit-tap-highlight-color: transparent; -webkit-overflow-scrolling: touch; overflow-scrolling: touch; height: 100%; max-width: 900px }
a { color: #e40807; text-decoration: none }
ol, ul { list-style: none }
h1, h2, h3, h4, h5, h6 { font-weight: 400; line-height: 1 }
b, strong { font-weight: 400 }
em, i { font-style: normal }
img { display: block; border: 0; width: 100%; height: auto }
img { width: auto; max-width: 100%; }
input { border: none; background: 0 0 }
.fl { float: left }
.fr { float: right }
.clear { clear: both }
.clearfix:after { clear: both; display: block; content: '' }
#sitecontent { box-shadow: 0 2px 10px rgba(0,0,0,.1); overflow-y: auto!important; height: 100%; position: relative; overflow: hidden }
.clearfix { zoom: 1 }
input, textarea { font-family: "微软雅黑", Arial; outline: 0; font-size: 14px; -webkit-appearance: none }
h1, h2, h3 { font-size: 16px }
h4, h5, h6 { font-size: 16px }
a:active, a:hover, a:link, a:visited { color: inherit; text-decoration: none }
nav:not(.mm-menu) { display: none }
.ellipsis { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; display: block }
.plr10 { padding: 0 5% }
#header, .content, .footer { text-align: center }
#footer, #header { font-size: 16px; color: #fff; line-height: 50px; -moz-box-sizing: border-box; box-sizing: border-box; width: 100%; height: 50px; padding: 0 0 }
#footer { background: #f0f0f0 }
#header.fixed { position: fixed; top: 0; left: 0 }
#footer.fixed { position: fixed; bottom: 0; left: 0 }
#footer, #header { box-sizing: border-box; width: 100% }
#header { top: 0; background: #FFF; text-align: center; position: fixed; z-index: 3; max-width: 900px; margin: 0 auto }
#footer { bottom: 0px; margin-bottom:45px; text-align: left; font-size: 12px; padding-top: 10px ; height:40px; line-height:40px;}
#header #leftmeu{ background:#e70e15; width:40px; height:40px;}
#header a.mm-hbtn { /*background: center center no-repeat transparent;*/ display: block; width: 20px; height: 20px; position: absolute; padding-left:10px; padding-top:10px; top: 0; left: 0px; margin: 0px }
#footer a { float: left }
#footer a.beian { display: none!important; ; }
#footer span { float: left; width: 100%; color: #9e9e9e; text-align:center; line-height:20px; }
#footer strong { float: left; width: auto; color: #9e9e9e }
#footer a#flogo { width: 50px; margin-top: 16px; margin-left: 5px }
.mm-page { height: 100%; }
.lcbody { width: 30px; height: 30px; position: relative; transform: translateZ(0) rotate(0); transition: transform .4s cubic-bezier(.4, .01, .165, .99) }
.lcitem { position: absolute; left: 0; top: 0; transform: translateZ(0) rotate(0); transition: transform .25s cubic-bezier(.4, .01, .165, .99) 0s; -webkit-transform: translateZ(0) rotate(0); -webkit-transition: -webkit-transform .25s cubic-bezier(.4, .01, .165, .99) 0s; width: 30px; height: 30px }
.lcitem .rect { width: 30px; height: 1px; background: #eee; position: absolute; left: 0; top: 14px; transition: transform .2s ease .2s; -webkit-transition: -webkit-transform .2s ease .2s }
.lcitem .rect.top { transform: translate3d(0, -6px, 0); -webkit-transform: translate3d(0, -6px, 0) }
.lcitem .rect.bottom { transform: translate3d(0, 6px, 0); -webkit-transform: translate3d(0, 6px, 0) }

.TopMenus {clear:both;background:#3c4478;overflow: hidden;width: 100%; margin-top:-3px;}
.TopMenus ul {list-style:none;}
.TopMenus ul li {float:left;text-align:center;width:23.5%; border-right:1px #545b8f solid; border-bottom:1px #545b8f solid;}		
.TopMenus ul a {display:block;line-height:3.9rem;height:3.9rem;}
.TopMenus ul a:link,.TopMenus ul a:active,.TopMenus ul a:visited {float:left;width:100%;color:#FFFFFF;font-size:1.3rem;}	
.TopMenus ul li:nth-child(4), .TopMenus ul li:nth-child(8) {border-right: 0 none;}
.TopMenus ul li:nth-child(3), .TopMenus ul li:nth-child(7) {width:28%;}

#header .mm-hbtn.open .lcbody { transform: translateZ(0) rotate(90deg); -webkit-transform: translateZ(0) rotate(90deg) }
#header .mm-hbtn.open .lcitem { transform: translateZ(0) rotate(45deg); transition: transform .25s cubic-bezier(.4, .01, .165, .99) 0s; -webkit-transform: translateZ(0) rotate(45deg); -webkit-transition: -webkit-transform .25s cubic-bezier(.4, .01, .165, .99) 0s }
#header .mm-hbtn.open .lcitem.bottom { transform: translateZ(0) rotate(-45deg); -webkit-transform: translateZ(0) rotate(-45deg) }
#header .mm-hbtn.open .lcitem .rect { transition: transform .2s ease .2s; transform: translate3d(0, 0, 0); -webkit-transition: -webkit-transform .2s ease .2s; -webkit-transform: translate3d(0, 0, 0) }
.mm-hlogo { height: 70%; position: relative; top: 15%; left:5%; display: inline-block }
.mm-hlogo img { height: 100%; width: auto }
.mm-head { height: 50px; width: 100% }
#mm-slider{ margin-top:-40px;}
#mm-slider .bx-controls { display: none }
#mm-slider .slider li a { display: block; position: relative }
#mm-slider .slider-info { position: absolute; bottom: 30px; width: 80%; left: 5%; display: none; }
#mm-slider .slider-info .title { font-size: 18px; color: #e40807 }
#mm-slider .slider-info .subtitle { font-size: 12px; color: #666 }
#mm-slider .slider-img { text-align: center }
#mm-slider .slider-img img { display: inline-block }
#mm-slider .bx-controls { display: block }
#mm-slider .bx-controls .bx-controls-direction { display: none }
#mm-slider .bx-controls .bx-controls-direction a.bx-prev { left: 0 }
#mm-slider .bx-controls .bx-controls-direction a.bx-prev { right: 0 }



#pro-slider{ margin-top:20px; margin-bottom:0px;}
#pro-slider .bx-controls { display: none }
#pro-slider .slider li{ width:100%;display: block;}
#pro-slider .slider li a { display: block; position: relative; width:45%; float:left; margin-left:3%; margin-bottom:20px;}
#pro-slider .slider-info { position: absolute; bottom: 30px; width: 80%; left: 5%; display: none; }
#pro-slider .slider-info .title { font-size: 18px; color: #e40807 }
#pro-slider .slider-info .subtitle { font-size: 12px; color: #666 }
#pro-slider .slider-img { text-align: center }
#pro-slider .slider-img img { display: inline-block }
#pro-slider .pronam { background:#f8f8f8; font-size: 14px; padding-top:10px;color: #000; text-align:center; display:block; height:100px; overflow:hidden; margin-top:-4px;}
#pro-slider .pronam  span{ font-size: 11px; color: #666; text-align:left;display:block; padding:5px;}
#pro-slider .bx-controls { display: block }
#pro-slider .bx-controls .bx-controls-direction { display: none }
#pro-slider .bx-controls .bx-controls-direction a.bx-prev { left: 0 }
#pro-slider .bx-controls .bx-controls-direction a.bx-prev { right: 0 }




.ys02{ margin:20px auto; }

.dl02{ width:92%; margin:0 auto; display:block;}
.dl02 dt span{ display:block; float:left; margin-right:6px; background:url(../images/num_bj.png) no-repeat; background-size:40px 35px; width:30px; height:35px;font:18px Impact; padding-left:12px; color:#fff; line-height:35px; }
.dl02 dt b{color:#3c4478; font-weight:bold; font-size:16px; line-height:20px;}
.dl02 dt{ border-bottom:1px dashed #ccc; padding:0 0 10px 0; font-size:12px; line-height:14px; color:#666; font-weight:normal;}

.dl02 dd{ padding:10px 0px 0 0px;}
.dl02 dd p{ color:#555; font:12px "Microsoft Yahei"; line-height:20px; background:url(../images/ico01.jpg) no-repeat left 6px; padding-left:14px; margin-bottom:6px;}

.inabout{ background:#3c4478; width:100%; margin:0 auto; line-height:20px; margin-bottom:20px;}

.inabout p{width:92%; color:#fff; margin:0 auto; line-height:20px; margin-bottom:20px; padding:20px 0;}


.navBox{  width:100%;height:45px;margin:auto;background:#e70e15;position:fixed;	bottom:0;	left:0;}
.navBox .navbottom{display:-webkit-box;display:   -moz-box;display:        box;width:100%;}
.navBox .navbottom a{
    display:block;
	width:100%;
	height:45px;
	padding:5px 0 3px 0;
	text-align:center;
	-webkit-box-flex:1;
	   -moz-box-flex:1;
            box-flex:1;	   
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box; 
	border-right:1px solid rgba(192, 208, 194,0.3);
	
}
.navBox .navbottom a:first-child{border-left:0;}
.navBox .navbottom a:last-child{border-right:0;}
.navBox .navbottom a img{	width:18px;height:18px;margin-top:0; margin:0 auto;vertical-align:top;}
.navBox .navbottom a span{display:block;margin-top:3px;font-size:12px;color:#fff;line-height:14px;	text-align:center;}






.content li a { display: block }
.mm-listview>li:not(.mm-divider):after { left: 0 }
.mlist .container_header .title { font-size: 18px; color: #e40807; padding: 40px 0 6px; text-align: center; }
.mlist .container_header .subtitle { padding: 0 0 16px; color: #B7B7B7; text-align: center; width: 84%; margin: 0px auto 0px auto; line-height: 18px; font-size: 14px; font-family: HELVETICANEUELTPRO-THEX, Arial, "微软雅黑"; }
.mm-listview>li>a.active { background-color: #fff; color: #333 }
#category { min-height: 40px; position: relative }
#category .label { line-height: 40px; height: 40px; background: #333; color: #fff; padding: 0 40px }
#category .label:after { content: ''; display: block; clear: both }
#category .label .text { float: left }
.dropmenu .label .down { float: right; margin-top: 8px; font-size: 22px }
.dropmenu.open .label .down { transform: rotate(180deg) }
.dropmenu ul { width: 100%; height: 0; overflow-y: auto; position: absolute; z-index: 1; background-color: #fff }
.dropmenu ul li { width: 100%; height: 40px; float: left; border-bottom: #f0f0f0 1px solid }
.dropmenu ul li a { line-height: 40px; height: 40px; padding: 0 50px; color: #969595; display: block; background: #fff }
.dropmenu ul li a.active { background: #f1f1f1; color: #333 }
/*website*/
.website{width:90%;margin:0 auto; display:block; margin-top:30px;}
.line{width:100%;height:1px;background:#e5e5e5;margin:20px 0}
.stitle p{line-height:20px;}
.stitle p:nth-of-type(1){font-size:15px;color:#333;}
.stitle p:nth-of-type(2){font-size:14px;color:#858585;font-family:"heliosextthinregular";}
.stitle div{width:15px;height:1px;background:#dbdbdb;margin:10px 0}
.stitle p span{color:#777; font-size:12px;}

.website .txt{font-size:12px;line-height:20px; width:100%; margin:10px auto; color:#999;}
.website .txt span{ color:#CC0000;}
.website .txt b{ color:#000; font-weight:normal;}

/*website*/
/* 栏目页-留言查询、列表 */
.navjz{height:auto; width:94%; margin:0 auto;overflow:hidden;}
.navjz ul{clear:both;}
.navjz ul li{height:auto;line-height:25px;border-bottom:#ddd 1px dashed;font-size:14px;vertical-align:bottom;padding:5px 0; text-align:left;}
.navjz ul li span{color:#999;font-size:14px; white-space:nowrap; display:block;}
.navjz ul li.lm_line{height:21px;background:url(../images/navjz_line.gif) 0 15px repeat-x;}
.navjz ul li.lm_line.add{display:none;}
.navjz table{max-width:100% !important;}

.liuyan_btn{text-align:center;height:auto;padding:1.5em 0 0;}
.liuyan_btn .liuyan_xiexin{display:block;height:3em;line-height:3em;background:#ff9900;color:#fff;text-align:center;cursor:pointer;font-size:1.75em;width:100%;-moz-border-radius:0.21em;-webkit-border-radius:0.21em;border-radius:0.21em;}
.navjz .guestbook-table{margin-top:0.5em;}
.navjz .guestbook-table ul.odd,.navjz .guestbook-table ul.even{width:100%;line-height:2.5em;background:#ebebeb;clear:both;overflow:hidden;}
.navjz .guestbook-table ul.even{background:#f9f9f9;}
.navjz .guestbook-table ul li{ font-size:1.7em;}
.navjz .guestbook-table ul.odd li,.navjz .guestbook-table ul.even li{padding:0 0 0 0.5em;height:2.5em;line-height:2.5em;border-bottom:none;color:#999;}
.navjz .guestbook-table ul.odd li.t1 span,.navjz .guestbook-table ul.even li.t1 span{display:block;float:right;}
.navjz .guestbook-table ul.odd li.t1 a,.navjz .guestbook-table ul.even li.t1 a{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-right:5em;}

/* 栏目页-留言 写信 */
.navjz .guestbook-table-form{margin-top:1px;}
.navjz .guestbook-table-form ul li{width:100%;border-bottom:none;}
.navjz .guestbook-table-form ul li.bt{text-align:left;line-height:20px !important;padding:2px 0;}
.navjz .guestbook-table-form ul li.bt span,.navjz .guestbook-table-form ul li.bt1 span{color:#f00;padding-right:5px; float:left; text-align:left;}
.navjz .guestbook-table-form ul li.srk{width:100%;position:relative;}
.navjz .guestbook-table-form ul li.srk .msg-box{position:absolute;left:0px;top:5px;}
.navjz .guestbook-table-form ul li.srk input{width:95%;height:20px;border:#ddd 1px solid;line-height:20px;font-size:14px;padding:5px 2%;background:#fff;outline:none;color:#333;-moz-border-radius:0.21em;-webkit-border-radius:0.21em;border-radius:0.21em;}
.navjz .guestbook-table-form ul li.srk select{width:99.5%;height:2.5em;border:#ddd 1px solid;line-height:2.5em;font-size:1em;padding:0.25em 2%;background:#fff;outline:none;color:#333;-moz-border-radius:0.21em;-webkit-border-radius:0.21em;border-radius:0.21em;}
.navjz .guestbook-table-form ul li.btk,.navjz .guestbook-table-form ul li.gk,.navjz .guestbook-table-form ul li.yzm{width:100%;position:relative;line-height:2em !important;padding:0.25em 0;}
.navjz .guestbook-table-form ul li.btk .msg-box,.guestbook-table-form ul li.yzm .msg-box{position:absolute;left:0;top:5px;}
.navjz .guestbook-table-form ul li.btk input{width:95%;height:2em;border:#ddd 1px solid;line-height:2em;font-size:1em;padding:0.25em 2%;background:#fff;outline:none;color:#333;-moz-border-radius:0.21em;-webkit-border-radius:0.21em;border-radius:0.21em;}
.navjz .guestbook-table-form ul li.bt1{text-align:left;line-height:2em !important;padding:0.25em 0;}
.navjz .guestbook-table-form ul li.tex{width:100%;position:relative;}
.navjz .guestbook-table-form ul li.tex .msg-box{position:absolute;left:0;top:5px;}
.navjz .guestbook-table-form ul li.tex textarea{width:95%;height:10em;border:#ddd 1px solid;line-height:2em;font-size:1em;padding:0.25em 2%;background:#fff;outline:none;color:#333;-moz-border-radius:0.21em;-webkit-border-radius:0.21em;border-radius:0.21em;}
.navjz .guestbook-table-form ul li.yzm input{width:35%;height:2em;border:#ddd 1px solid;line-height:2em;font-size:1em;padding:0.25em 2%;background:#fff;outline:none;color:#333;-moz-border-radius:0.21em;-webkit-border-radius:0.21em;border-radius:0.21em;}
.navjz .guestbook-table-form ul li.yzm img{margin:0;}
.navjz .guestbook-table-form ul li.btn_group{text-align:center;height:4em;padding:1.5em 0 0; overflow:hidden;}
.navjz .guestbook-table-form ul li.btn_group input{float:left;height:2.8em;background:#e70e15;color:#fff;text-align:center;cursor:pointer;border:0;font-size:1em;width:40%;-moz-border-radius:0.21em;-webkit-border-radius:0.21em;border-radius:0.21em;margin:0 5%;}
.navjz #attachName{ width:60%;}
.navjz input.input-upload{ width:25% !important; line-height:1em !important; border:0 none !important; background:#0768b5 !important; color:#fff !important; margin-left:5%;}
.navjz .guestbook-table li{ border:0 none !important; padding:0 0.5em !important; overflow:hidden;}
.navjz .guestbook-table li.odd{ background:#ebebeb !important;}
.navjz .guestbook-table li p{ float:left; height:3em; line-height:3em; color:#a7a7a7;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.navjz .guestbook-table li p.p1{ width:21%; display:none;}
.navjz .guestbook-table li p.p2{ width:78%;}
.navjz .guestbook-table li p.p2 a{ display:block; width:98%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.navjz .guestbook-table li p.p3{ float:right; width:21%; text-align:right;}


.datalist{ border:1px solid #eeeeee; border-collapse:collapse; background:#fff; width:100%; clear:both;}
.datalist caption{ padding-bottom:5px; text-align:left;} 
.datalist th{ border:1px solid #eeeeee;border-bottom:0px solid #000; background-color:#eee; font-weight:700;  padding:0px; }
.datalist td{ border-bottom:1px dotted #e8e8e8; padding:10px 5px; font-size:12px; color:#777;}
.datalist td span{color:#bfbfbf;}
.datalist td span.g{color:#007eff; padding-right:4px; padding-left:5px;}
.datalist td span.x{color:#ff0000; padding-right:4px; padding-left:5px;}
.datalist tr.altrow{ background-color:#ccc;}
.datalist tbody tr.odd{background:#fff;}
.datalist tbody tr:hover{background:#f8f8f8;}
.datalist tbody tr:hover td{color:#333;}
.datalist tbody tr:hover span{color:#777;}
.datalist tbody tr:hover span.g{color:#007eff;}
.datalist tbody tr:hover span.x{color:#ff0000;}


/*mobile*/
.website .why{ width:100%; float:left;  margin-bottom:20px;}
.website .why span{ display:block; font-size:14px; color:#FFF;  line-height:24px; padding:8px 5px; text-align:center;background:#505050;}

/*编辑器调整样式*/
#cntrBody{font-size:13px;line-height:24px; width:100%; margin:15px auto;}
#cntrBody p strong {font-weight:bold;}
/*#cntrBody p,.proinfo p,.age_li_about p{margin:25px 0;}*/
#cntrBody table p,.proinfo table p,.age_li_about table p{margin:25px 0;}
/*#cntrBody p{text-indent:2em;}*/
#dituContent{margin:0 auto;}
#cntrBody img {max-width:100%; max-height:2600px; scale:expression((this.offsetWidth > this.offsetHeight)?(this.style.width = this.offsetWidth >= 100 "100%" : "auto"):(this.style.height = this.offsetHeight >= 2600 ? "2600px" : "auto")); display:block !important; margin-left:0em;}
/*#cntrBody img {
    MAX-WIDTH: 100%!important;
    HEIGHT: auto!important;
    width: expression(this.width > 95% ? "100%" : this.width)!important;}*/
	
#cntrBody a{ color:#333; text-decoration:underline;}
#cntrBody a:hover{ color:#000;}
.about{ width:100%; margin:0 auto; color:#777;}


.con_right p strong {font-weight:bold;}
.con_right{line-height:26px; font-size:14px; }
.con_right p{line-height:28px; font-size:15px; }

.con_right img {max-width:100%; max-height:2600px; scale:expression((this.offsetWidth > this.offsetHeight)?(this.style.width = this.offsetWidth >= 100 "100%" : "auto"):(this.style.height = this.offsetHeight >= 2600 ? "2600px" : "auto")); display:block !important; margin-left:0em;}




.nEditor { padding: 0px 20px 40px 20px; text-align: inherit }
.nEditor .title { font-size: 18px; text-align: center; font-family: HELVETICANEUELTPRO-THEX, Arial, "微软雅黑"; }
.nEditor .subtitle { font-size: 12px; text-align: center; color: #999; margin-bottom: 20px }

/*contact*/
#consulting{width:90%; margin: 0 auto; }
.cstitle p{line-height:20px;}
.cstitle p:nth-of-type(1){font-size:15px;color:#666666;}
.cstitle p:nth-of-type(2){font-size:14px;color:#858585;font-family:"heliosextthinregular";}
.cstitle div{width:15px;height:1px;background:#dbdbdb;margin:10px 0}
#consulting a.location{font-size:13px;color:#6a6a6a;line-height:16px;height:16px;display:block;width:45%;text-indent:20px;background:url(../images/location.png) no-repeat; background-size:9px 12px;}

#consulting p b{font-size:16px;margin-right:40px;color:#666}
#consulting p b a{color:#666}
/*server*/

.ser_list{width:100%; margin: 0 auto; }
.ser_list ul{border-top:0px solid #f52b41; width:101%;}
.ser_list li{width:49.5%; display:block;float:left;position:relative;overflow:hidden; border-right:0px solid #f52b41; background:#f8f8f8;}
.ser_web{width:100%;height:100%;display:table;vertical-align:middle;}
.web_box{display:table-cell;vertical-align:middle;padding:16% 7%;border-left:0px solid #f52b41;border-bottom:2px solid #FFF;}
.ser_list li:nth-child(1),.ser_list li:nth-child(3){border-right:2px solid #FFF;}
.ser_list li span{font-size:14px;color:#000;text-transform:uppercase;}
.ser_list li span em{display:block;font-family: heliosextthinregular,Arial,Helvetica,sans-serif;font-weight:700;color:#08bcff;font-size:10px}
.ser_list li  img{display:block;float:right;width:26%;max-width:90px;position:relative;right:0px;-webkit-transition:all .8s ease-in-out .3s;-moz-transition:all .8s ease-in-out .3s;-ms-transition:all .8s ease-in-out .3s;-o-transition:all .8s ease-in-out .3s;transition:all .8s ease-in-out .3s}

.ser_info{position:absolute;top:0;left:0;width:100%;height:100%;z-index:10;background:#da1126;color:#fff;filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity:0;opacity:0;transition: all ease-out .1s;}
.info_box{padding:0 7%;height:100%;display:table;vertical-align:middle}
.info_area{display:table-cell;vertical-align:middle;font-size:14px;line-height:24px}



.insertitle { padding: 20px 0 0px 0; max-width: 94%;margin:0 auto;}
.insertitle ul { width: 100%; height: auto; padding-top:10px; }
.insertitle ul li { float: left; width: 25%; text-align: center; border-bottom:0px dashed #ccc;  border-top:1px dashed #3c4478; }
.insertitle ul li div { border-right: 0px solid rgba(0,0,0,.08); min-height:65px; }
.insertitle ul li:last-child div { border-right: none }
.insertitle ul li p { color: #3c4478; text-align: center; font-size: 14px }
.insertitle ul li p.number { margin-top: 0px }
.insertitle ul li p.number span { margin-top: 5px; color: #3c4478; text-align: center; font-size: 18px; font-family: heliosextthinregular }
.insertitle ul li p.number .unit { position: relative; top: 11px; left: 5px; color: #3c4478; vertical-align: 20px; font-size: 10px;font-family:"微软雅黑"; }
.insertitle ul li p.title { padding-bottom: 10px; padding-top:3px; font-size:10px;}







/*indexnews*/
#newsindex{width:94%;margin:0 auto; display:block; margin-top:20px;}
#newsindex ul{ max-width: 100%; margin: 0px auto; }
#newsindex li{ padding: 10px 0 2px 0; border-bottom: 1px dashed #e9e9e9; text-align: left}
#newsindex li a{height:100%;display:block;text-align:left;position:relative;height: auto; margin: 0; padding: 0; width: 100%;  height:30px;text-align: left; }
#newsindex li p.description img{ float:left; height:38px; padding-right:15px; padding-top:5px; }
#newsindex  p.title {width: 75%; display:block; float:left; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;padding: 0 0 5px 0; font-size: 14px; text-align:left; color: #444; height:20px;line-height:20px; }
#newsindex  span { width: 25%; font-family: "heliosextthinregular", Arial; font-size:12px;margin-bottom: 0;line-height:25px; font-weight: 300;  color: #8a8a8a; float:right;text-align:right; }
/*#newsindex  p.description { line-height: 22px; font-size: 12px; color: #777; margin-top: 0px;text-align: left;  line-height:22px;height: 42px; overflow: hidden;}
*/

/*news*/
#newslist{width:90%;margin:0 auto; display:block; }
#newslist ul{ max-width: 100%; margin: 0px auto; }
#newslist li{ padding: 24px 0; border-bottom: 1px solid #e9e9e9; text-align: left}
#newslist li a{height:100%;display:block;text-align:left;position:relative;height: auto; margin: 0; padding: 0; width: 100%; text-align: left; }
#newslist li p.description img{ float:left; height:38px; padding-right:15px; padding-top:5px;}
#newslist  p.title { width: 100%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;padding: 0 0 5px 0; font-size: 14px; height: 20px; line-height: 20px; text-align:left; color: #444; }
#newslist  p.date { font-family: "heliosextthinregular", Arial; height: 20px; font-weight: 300; margin-bottom: 0; color: #8a8a8a;}
#newslist  p.description { line-height: 22px; font-size: 12px; color: #777; margin-top: 0px;text-align: left;  line-height:22px;height: 42px; overflow: hidden;}

#newsright{width:90%;margin:0 auto; display:block; }
#newsright p.otitle{ width:100%; font-size:14px; text-align:center; background:#505050;height:30px; color:#fff;line-height:30px;}
#newsright ul{ max-width: 100%; margin: 0px auto; }
#newsright li{ padding: 14px 0; border-bottom: 1px dashed #e9e9e9; text-align: left}
#newsright li a{height:100%;display:block;text-align:left;position:relative;height: auto; margin: 0; padding: 0; width: 100%; text-align: left; }
#newsright li p.description img{ float:left; height:38px; padding-right:15px; padding-top:5px;}
#newsright  p.title { width: 100%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;padding: 0 0 5px 0; font-size: 14px; height: 20px; line-height: 20px; text-align:left; color: #444; }
#newsright  p.date { font-family: "heliosextthinregular", Arial; height: 20px; font-weight: 300; margin-bottom: 0; color: #8a8a8a;}
#newsright  p.description { line-height: 22px; font-size: 12px; color: #777; margin-top: 0px;text-align: left;  line-height:22px;height: 42px; overflow: hidden;}

#newsright ul li:last-child{border-bottom:0px; margin-bottom:20px;}

.newsdetail{width:90%;margin:0 auto; display:block; margin-top:30px;}
.newsdetail .title{ width:100%; font-size:16px; color:#333; text-align:center; border-bottom: 1px solid #e9e9e9; }
.newsdetail  .title p{ width:100%;  color:#888; padding:10px 0; font-size:12px; text-align:center; font-family: heliosextthinregular, Arial, "微软雅黑";}
.newsdetail  .title p span{color:#666; padding-left:50px; font-size:12px;}
.newsdetail  .newsinfo{ font-size:13px; color:#777;  line-height:24px; padding:15px;text-indent:2em; background:#f8f8f8; margin-top:15px;}
.newsdetail  .newsinfo span{ font-size:13px; color:#000; }

.prodetail{width:96%;margin:0 auto; display:block; margin-top:30px;}
.prodetail .title{ width:100%; font-size:16px; color:#333; text-align:center; border-bottom: 1px solid #e9e9e9; }
.prodetail  .title p{ width:100%;  color:#888; padding:10px 0; font-size:12px; text-align:center; font-family: heliosextthinregular, Arial, "微软雅黑";}
.prodetail  .title p span{color:#666; padding-left:50px; font-size:12px;}
.prodetail  .newsinfo2{ font-size:13px; color:#777;  line-height:24px; padding:15px; background:#f8f8f8; margin-top:15px; margin-bottom:20px;}
.prodetail  .newsinfo2 span{ font-size:13px; color:#000; }
.prodetail  .img{ width:90%; margin:0 auto;}

.newsother{ width:100%;margin-bottom:20px; display:block;}
.newso_l a{ width:45%; float:left; display: block;height: 30px;background-color: #E4E4E4; line-height: 30px;border: #E4E4E4 1px solid;color: #787878; font-size: 12px;text-align: center;text-transform: uppercase; padding:0 5px;overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.newso_l a:hover { text-indent: -14px;}
.newso_l a:hover {color: #fff; border: #505050 1px solid;background-color: #505050;}

.newso_r a{ width:45%; float:right; display: block;height: 30px;background-color: #E4E4E4; line-height: 30px;border: #E4E4E4 1px solid;color: #787878; font-size: 12px;text-align: center;text-transform: uppercase; padding:0 5px;overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.newso_r a:hover {text-indent: 14px;}
.newso_r a:hover {color: #fff; border: #505050 1px solid;background-color: #505050;}


/*partner*/
#partner{width:96%;margin:0 auto; display:block; margin-top:15px;}
#partner ul{ width: 102%; margin: 0px auto; }
#partner li{ padding-top:20px; text-align: left; width:31.3%; float:left; margin-right:1%; margin-bottom:10px; border:1px solid #ededed;}
#partner li a{height:100%;display:block;text-align:left;position:relative;height: auto; margin: 0; padding: 0; width: 100%; text-align: left;}
#partner  p.title {overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-size: 12px; height: 32px; line-height: 32px; text-align: center; color: #333; border-top:0px dashed #f8f8f8; margin-right:3px; }
#partner  p.description { line-height: 22px; border:0px solid #e9e9e9; padding-right:3px; font-size: 12px; margin-top: 0px;text-align: left;  line-height:22px; overflow: hidden;}
#partner  p.introction { background:#e9e9e9;line-height: 20px; border:0px solid #e9e9e9; height:90px; padding-top:8px; padding-right:3px; padding-left:3px; font-size: 12px; margin-top: 0px;text-align: left;  overflow: hidden; margin-right:3px;}
#partner li p.description img{max-width:100%; max-height:75px; scale:expression((this.offsetWidth > this.offsetHeight)?(this.style.width = this.offsetWidth >= 100 "100%" : "auto"):(this.style.height = this.offsetHeight >= 75 ? "75px" : "auto")); display:block !important;}
#partner ul li:last-child{margin-bottom:20px;}
/*#partner ul li:nth-child(3n){margin-right:0%;}*/
.weixin{width:90%;margin:0 auto; display:block; margin-top:30px;}
.stitlewx p{line-height:20px; text-align:center;}
.stitlewx p:nth-of-type(1){font-size:15px;color:#333;}
.stitlewx p:nth-of-type(2){font-size:14px;color:#858585;font-family:"heliosextthinregular";}
.stitlewx div{width:15px;height:1px;background:#dbdbdb;margin:10px 0}
.stitlewx p span{color:#777; font-size:12px;}
/*pro*/
#prolist{width:96%;margin:0 auto; display:block; }
#prolist ul{ width: 102%; margin: 0px auto; }
#prolist li{ padding-top:20px; text-align: left; width:32%;float:left; margin-right:1%;}
#prolist li a{height:100%;display:block;text-align:left;position:relative;height: auto; margin: 0; padding: 0; width: 100%; text-align: left;}
#prolist  p.title {overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-size: 12px; height: 32px; line-height: 32px; text-align: center; color: #333; border-top:0px dashed #f8f8f8; margin-right:3px; }
#prolist  p.description { line-height: 22px; border:0px solid #e9e9e9; padding-right:3px; font-size: 12px; margin-top: 0px;text-align: left;  line-height:22px; overflow: hidden;}
#prolist  p.introction { background:#e9e9e9;line-height: 20px; border:0px solid #e9e9e9; padding-top:0px; padding-right:3px; padding-left:3px; font-size: 12px; margin-top: 0px;text-align: left;  overflow: hidden; margin-right:3px;}
#prolist li p.description img{ border:1px solid #ddd; max-width:100%; max-height:75px; scale:expression((this.offsetWidth > this.offsetHeight)?(this.style.width = this.offsetWidth >= 100 "100%" : "auto"):(this.style.height = this.offsetHeight >= 75 ? "75px" : "auto")); display:block !important;}
#prolist ul li:last-child{margin-bottom:20px;}
#prolist ul li:nth-child(2n){ float:right;}


.proinfocon02 { width:96%;padding-bottom:7px; margin:0 auto;}
.proinfocon02 .pnav{height:34px; border-bottom:2px solid #e70e15; }
.proinfocon02 .pnav a{ display:block; background:#868686; width:24.2%; height:34px; float:left; margin-right:1%; line-height:34px; text-align:center; color:#FFFFFF;font-family:"Microsoft YaHei"; font-size:14px; }
.proinfocon02 .pnav a.cur{ background:#e70e15;color:#fff;}
.proinfocon02 .form2{ padding:15px 10px; }
.proinfocon02 .form2 tr{ height:14px;}
.proinfocon02 .form2 p{text-indent: 2em; font-size:13px;line-height:24px; width:100%; margin:15px auto;}

.proinfocon02 .form2 table{border:1px solid #ccc; border-collapse:collapse; width:100%; clear:both;}
.proinfocon02 .form2 table th{font-size:14px;line-height:20px;height:20px;color:#333;background:#ececec;padding-left:10px;text-align:left;font-weight:normal;border:1px solid #ccc;}
.proinfocon02 .form2 table td{color:#666;padding:0px 5px ;border:1px solid #ccc;}
.proinfocon02 .form2 table td p{ margin:6px auto;text-indent: 0;}


/*index case*/
#caseindex{width:96%;margin:0 auto; display:block; margin-top:20px;}
#caseindex ul{ max-width: 100%; margin: 0px auto;  }
#caseindex li{ padding: 10px 0 6px 0; border-bottom: 1px dashed #e9e9e9; text-align: left; width:32%; float:left; margin-right:1%;}
#caseindex li a{height:100%;display:block;text-align:left;position:relative;height: auto; margin: 0; padding: 0; width: 100%; text-align: left; }
#caseindex  p.title {width: 100%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-size: 13px; height: 26px; line-height: 26px; text-align: center; color: #777; }
#caseindex  p.description { line-height: 22px; border:3px solid #e9e9e9; font-size: 12px; margin-top: 0px;text-align: left;  line-height:22px; overflow: hidden;}
#caseindex li p.description img{ float:left; width:100%;  }
#caseindex ul li:nth-child(13),#caseindex ul li:nth-child(14),#caseindex ul li:nth-child(15){ display:none;}

/*case*/
#caselist{width:94%;margin:0 auto; display:block; }
#caselist ul{ max-width: 100%; margin: 0px auto; }
#caselist li{ padding: 24px 0; border-bottom: 1px dashed #e9e9e9; text-align: left; width:50%; float:left;}
#caselist li a{height:100%;display:block;text-align:left;position:relative;height: auto; margin: 0; padding: 0; width: 100%; text-align: left; }
#caselist  p.title {overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-size: 12px; height: 32px; line-height: 32px; text-align: center; color: #777; background:#e9e9e9; border-top:0px dashed #f8f8f8; margin-right:3px; }
#caselist  p.description { line-height: 22px; border:0px solid #e9e9e9; padding-right:3px; font-size: 12px; margin-top: 0px;text-align: left;  line-height:22px; overflow: hidden;}
#caselist li p.description img{ float:left; width:100%;  }
#caselist ul li:last-child{margin-bottom:20px;}
#caselist ul li:nth-child(2n){ float:right;}



#caseright{width:90%;margin:0 auto; display:block; }
#caseright p.otitle{ width:100%; font-size:14px; text-align:center; background:#505050;height:30px; color:#fff;line-height:30px;}
#caseright ul{ max-width: 100%; margin: 0px auto; }
#caseright li{ padding: 24px 0; border-bottom: 1px dashed #e9e9e9; text-align: left; width:50%; float:left;}
#caseright li a{height:100%;display:block;text-align:left;position:relative;height: auto; margin: 0; padding: 0; width: 100%; text-align: left; }
#caseright  p.title {overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-size: 12px; height: 32px; line-height: 32px; text-align: center; color: #777; background:#e9e9e9; border-top:0px dashed #f8f8f8; margin-right:3px; }
#caseright  p.description { line-height: 22px; border:0px solid #e9e9e9; padding-right:3px; font-size: 12px; margin-top: 0px;text-align: left;  line-height:22px; overflow: hidden;}
#caseright li p.description img{ float:left; width:100%;  }
#caseright ul li:last-child{margin-bottom:20px;}
#caseright ul li:nth-child(2n){ float:right;}


.clear{ clear:both;}
.mutitle{ border-bottom: 1px solid #d5d5d5;width: 98%; margin:15px auto; display:block;}
.mtitle{padding: 5px 5px;width:25%;display: block;border-right:1px solid #d5d5d5;  border-left:1px solid #d5d5d5; height:14px; line-height:10px;
background:#fff;margin:0 auto;margin-bottom: -10px; font-size:14px; font-weight:normal;text-align: center; color:#000;
}
.mtitle span{width: 30%; display:inline;font-size:8px; font-weight:normal;text-align: center; margin:0px auto;font-family:"heliosextthinregular","Microsoft Yahei","微软雅黑","Arial"; color:#858585;
}




/*page*/

.page{padding:25px 0 40px 0; width:96%;text-align:center; font-size:12px; margin:0 auto;position: relative; background:#fff;}
.page span.current{margin-right:5px;padding:0 12px;background:#333;color:#fff;height:28px;line-height:28px;text-align:center;display:inline-block}
.page span.currenttt{margin-right:5px;padding:0 12px;background:#f0f0f0;color:#666;height:28px;line-height:28px;text-align:center;display:inline-block}
.page a{display:inline-block;background:#f0f0f0;color:#666;height:28px;line-height:28px;text-align:center;margin-right:5px;padding:0 12px}
.page a:hover{background:#aaa;color:#fff}



.pageEditor .content { padding: 30px 20px 40px; text-align: inherit }
#sitecontent .news #listContent .item_block:hover .title { color: #e40807 }
.cate-box { position: fixed; top: 0; left: 0; height: 100%; width: 100%; background: #fff; z-index: 6 }
.cate-box { transition: transform .4s cubic-bezier(.215, .61, .355, 1) 0s; transform: translate3d(0, 100%, 0); -webkit-transition: -webkit- transform .4s cubic-bezier(.215, .61, .355, 1) 0s; -webkit-transform: translate3d(0, 100%, 0) }
.open .cate-box { transform: translate3d(0, 0, 8px); -webkit-transform: translate3d(0, 0, 8px) }
#category, .list_nav { position: initial }
.list_nav { position: fixed; top: 50px; width: 100%; max-width: 900px; z-index: 5 }
.padd-box { padding-top: 50px ;}
.padd-box p { height: 40px }


.down { width: 50px; height: 25px; line-height:25px; display: block; float: left; position: absolute; top: 0; right: 0; }
.down:after {content:'∨';font-size:12px;color:#FFF; font-family:heliosextthinregular,"Microsoft Yahei"; width:50px; height:20px; float: left; top:0px;right: 0; position: absolute; transition:all .6s cubic-bezier(.215,.61,.355,1) 0s;position:relative;left:0;text-indent:20px}

.pclose { width: 50px; height: 50px; display: block; float: right; position: absolute; top: 0; right: 0; }
.dropmenu ul { width: 100%; height: auto; position: relative; z-index: 3 }
.cate-box .transform { margin-bottom: 50px; overflow-y: scroll }
.cate-title { height: 50px; background: #333; line-height: 50px; font-size: 16px; padding: 0 80px; text-align: center; color: #fff; position: relative; overflow: hidden }
.pclose:after { content: ''; position: absolute; top: 25px; left: 15px; border-top: 1px solid #fff; width: 20px; transform: translateZ(0) rotate(45deg); -webkit-transform: translateZ(0) rotate(45deg) }
.pclose:before { content: ''; position: absolute; top: 25px; left: 15px; border-top: 1px solid #fff; width: 20px; transform: translateZ(0) rotate(-45deg); -webkit-transform: translateZ(0) rotate(-45deg) }
.mm-opening .cate-box { display: none }