﻿html {
  font-size: 100%;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
}
html, button, input, select, textarea {
  font-family: "微软雅黑", "宋体",Helvetica, Arial, sans-serif;
    color: #414242;
}

body {
	font-family: "微软雅黑", "宋体",Helvetica, Arial, sans-serif;
	font-size:12px;
	font-weight:300;
	line-height:1.6em;
	  background:#ffffff;
	 
}
@media (max-width: 768px){.body {background:#fff;}}
h4{font-family:"Microsoft YaHei",Arial,Helvetica,sans-serif,"宋体"; font-weight:bold}
a:active {outline:0;}
.clear {clear:both;}

a {  color: #414242;  text-decoration:none;}
a:visited {  color: #414242;text-decoration:none;}
a:hover {  color: #d31b1f;text-decoration:none;}
a:focus {  outline: thin dotted;}
a:hover, a:active {  outline: 0;text-decoration:none;}

ul,ol {  padding: 0;  margin: 0;list-style: none;}
ul ul,ul ol,ol ol,ol ul {  margin-bottom: 0;}
ul.unstyled,ol.unstyled {  margin-left: 0;  list-style: none;}
ul.inline,ol.inline {  margin-left: 0;  list-style: none;}
ul.inline > li,ol.inline > li ,.inline{  display: inline-block;  *display: inline;    *zoom: 1;}

img {  border: 0;  -ms-interpolation-mode: bicubic;  vertical-align: middle;  max-width:100%;}
figure {  margin: 0;}
form {  margin: 0;}
fieldset {  border: 0;  margin: 0;  padding: 0;}
label {  cursor: pointer;}

button, input, select, textarea {  font-size: 100%;  margin: 0;  vertical-align: baseline;  *vertical-align: middle;}
button, input {  line-height: normal;}
button, input[type="button"], input[type="reset"], input[type="submit"] {  cursor: pointer;  -webkit-appearance: button;  *overflow: visible;}
button[disabled], input[disabled] {  cursor: default;}

input[type="checkbox"], input[type="radio"] {  box-sizing: border-box;  padding: 0;  *width: 13px;  *height: 13px;}
input[type="search"] {  -webkit-appearance: textfield;  -moz-box-sizing: content-box;  -webkit-box-sizing: content-box;  box-sizing: content-box;}
input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button {  -webkit-appearance: none;}

button::-moz-focus-inner, input::-moz-focus-inner {  border: 0;  padding: 0;}
textarea {  overflow: auto;  vertical-align: top;  resize: vertical;}
table {  border-collapse: collapse;  border-spacing: 0;}
td {  vertical-align: top;}
.chromeframe {  margin: 0.2em 0;  background: #ccc;  color: black;  padding: 0.2em 0;}
.hidden {display: none !important;  visibility: hidden;}

.invisible {visibility: hidden;}
.clearfix:after, #main-content .btns:after, .tab-content .tab .accordion-wrap:after, .tab-content .tab .img-container:after, #main-content .contact-2-column:after, #property-dropdown ul:after {
  clear: both;}

.clearfix, #main-content .btns, .tab-content .tab .accordion-wrap, .tab-content .tab .img-container, #main-content .contact-2-column, #property-dropdown ul {
  *zoom: 1;}

.inner{  margin: 0 auto; 
 max-width:133.3333em;
  clear:both;
  vertical-align:top;
}
@media (max-width: 1600px){.mod-inner{ margin:0px 0.5%; width:99%;}}


@media (max-width: 640px){.mod-inner{ margin:0px 2%; width:96%}}

.H20{ height:36px}
@media (max-width: 640px){.H20{ height:20px}}
@media (max-width: 480px){.H20{ height:10px}}

.menu1{ width:10%; cursor: pointer; right:35px; float:right; text-align:right; margin-top:28px; z-index:100000; position:absolute; display:none}
@media (max-width: 768px) {.menu1{ display:block; margin-top:20px;  position:fixed;}}

.top{z-index:10; position:absolute; background-image:url(../image/bg.png); width:100%;}
.logo{display:inline-block;*display:inline;*zoom:1;  width:25%;text-align:left; margin-left:0%; vertical-align:middle;margin-top:40px; margin-bottom:40px}
.top_right{display:inline-block;*display:inline;*zoom:1;   width:65%;text-align:right; vertical-align:middle; }
.search_01{display:inline-block;*display:inline;*zoom:1; width:10%;vertical-align:middle; }
@media (max-width: 1161px){
	.logo{  width:20%;margin-top:20px; margin-bottom:20px}
	.top_right{  width:70%; }
	.search_01 {width:10%; }
	}
@media (max-width: 934px){
	.logo{  width:15%;margin-top:10px; margin-bottom:10px}
	.top_right{  width:85%; }
	.search_01 {width:0%; display:none }
	}
@media (max-width: 768px){
	.logo{  width:90%; margin-left:10%;margin-top:10px; margin-bottom:10px}
	.top_right{  width:0%; display:none  }
	}
@media (max-width: 420px) {.logo{  width:30%;}
@media (max-width: 768px) {.menu1{ margin-top:10px;}}
}
	

.menu{text-align:left }
ul.nav{ margin:0; padding:0}
ul.nav li a{ display:block; background:none}
ul.nav li a:hover{ display:block; background:none;}
ul.nav li{ display:inline-block;*display:inline;*zoom:1; width:14.28%; margin-left:0%; margin-right:0%;  text-align:center;}
ul.nav li h3{height: 40px; line-height: 40px; font-size:1.4em; padding:0; margin:0;color:#FFF}
ul.nav > li > ul > li h3{ background: #222222; font-size:1em;color:#FFF}
ul.nav > li > ul > li h3 a{ background: #222222; font-size:1em;color:#FFF}
ul.nav li h3:hover,.choice,ul.nav li h3.on{background:none; color:#cd1f2d; border-bottom:#F00 1px solid}
ul.nav > li > ul > li h3:hover,.choice{ background: #cd1f2d!important; color:#FFF}
ul.nav > li > ul > li > ul > li h3:hover,.choice{ background: #cd1f2d!important;color:#FFF}
ul > li > ul{ display: none;}
ul > li.on > ul{ display: block;}
ul.nav li{ position: relative;}
ul.nav li ul{ position:  absolute; top: 50px;  right:0px;}
ul.nav > li > ul > li ul{ position:  absolute; top: 0;  right: -130px; width:130px;}
ul.nav span.sub{ position: absolute; display: block; right:10px; top: 0; width: 10px; height: 40px; background: url(../image/menu_right.png) no-repeat  center center;}
ul.nav li ul li{ width:100%; padding:0; margin:0;}
ul.nav li ul li ul li{ width:130px;}
@media (max-width: 1000px){
	ul.nav li h3{height: 40px; line-height: 40px; font-size:1.3em; }
	ul.nav > li > ul > li h3{  font-size:1.2em;}
	}
	
.search{width:100%; height:35px; border-radius:10px; background-color:#333333; margin-right:20px; color:#FFF}
.search_input{ display:inline-block;*display:inline;*zoom:1;width:55%; margin-left:1%; margin-right:1%; border:0;background-color:#333333; line-height:25px;height:25px; padding-left:5px; font-size:10px }
.search_tijao{display:inline-block;*display:inline;*zoom:1; width:42%; margin-right:1%;height:25px;line-height:25px; background-color:#333333; border:0; font-size:1.2em;  color:#FFF; border-radius:10px;}
.search_tijao:hover{ background:#cd1f2d; color:#FFF}
.search input{ float:right; margin-top:5px;color:#FFF}

.sjmenu_bg{ background-color:#cd1f2d; }
.sjmenu{position:fixed; z-index: 10001; display:none; top:0px;  width:100%; height:100%;background-color:#cd1f2d; }
.sjmenu ul{ margin-top:100px}
.sjmenu ul li{display:inline-block;*display:inline;*zoom:1;  width:100%; margin-left:0%; margin-right:0%;  line-height:2em; text-align:center; font-size:1.5em; vertical-align:top}
.sjmenu ul li a{ color:#fff; display:block;  }

.i_product_bg{ background-color:#282828;}
.i_p_t{color:#000; text-align:center; padding-top:40px; padding-bottom:40px}
.i_p_t h1{ margin-top:0px; font-weight:bold; color:#cd1f2d}
.i_p_t h3{ color:#fff}
@media (max-width: 640px) {
	.i_p_t{ padding-top:20px;padding-bottom:10px}
	.i_p_t h3{  font-weight:bold; margin-top:0px; display:none}
	}
@media (max-width: 420px) {	.i_p_t h1{ font-size:1.8em}	}
	
.i_product_left{display:inline-block;*display:inline;*zoom:1;  width:18%; margin-right:2%; vertical-align:top; background-color:#e6e6e6;border-radius:20px;}
.i_product_right{display:inline-block;*display:inline;*zoom:1;  width:80%; vertical-align:top}
@media (max-width: 1000px) {
	.i_product_left{width:28%; margin-right:2%; }
	.i_product_right{ width:70%;}
	}
@media (max-width: 768px) {
	.i_product_left{width:0%; margin-right:0%; display:none }
	.i_product_right{ width:100%;}
	}

.i_product_title{ text-align:center; font-size:3em; color:#fff; line-height:4em; background-color:#cd1f2d; border-top-left-radius:20px; border-top-right-radius:20px}
.i_product_menu{ margin-bottom:20px; margin-left:20px; margin-right:20px;}
.i_product_menu ul{}
.i_product_menu ul li{ width:100%;line-height:4em; font-size:1.5em; border-bottom:#CCC 1px dashed}
.i_product_menu ul li span{ float:right}
@media (max-width: 1600px) {.i_product_title{ font-size:2em; line-height:3em;}}
@media (max-width: 1400px) {.i_product_menu ul li{ line-height:3em; }}

.i_product_list {}
.i_product_list ul{ margin-top:0; padding:0}
.i_product_list ul li{display:inline-block;*display:inline;*zoom:1;  width:30.333%; margin-left:1.5%; margin-right:1.5%; margin-top:0; margin-bottom:20px; vertical-align:top; text-align:center;}
.i_product_list ul li a{ background-color:#606060; display:block;line-height:4em; font-size:1.3em; color:#FFF}
.i_product_list ul li a:hover{ background-color:#cd1f2d;}
.i_product_list ul li p{overflow:hidden;white-space : nowrap; height:4em;text-overflow:ellipsis; }
@media (max-width: 480px) {.i_product_list ul li{  width:48%; margin-left:1%; margin-right:1%; margin-bottom:5px;}}

.i_case_bg{ background-color:#cd1f2d}

.i_case_t{color:#000; text-align:center; padding-top:40px; padding-bottom:40px}
.i_case_t h1{ margin-top:0px; font-weight:bold; color:#fff}
.i_case_t h3{ color:#fff}
@media (max-width: 640px) {
	.i_case_t{ padding-top:20px;padding-bottom:10px}
	.i_case_t h3{ font-weight:bold; margin-top:0px; display:none}
	}
@media (max-width: 420px) {	.i_case_t h1{ font-size:1.8em}}
.i_case_menu_list{ margin-bottom:20px;}
.i_case_menu_list ul{}
.i_case_menu_list ul li{display:inline-block;*display:inline;*zoom:1;  width:23%; margin-left:1%; margin-right:1%; text-align:center; line-height:2em; font-size:1.6em}	
.i_case_menu_list ul li a{ color:#FFF}
.i_case_menu_list ul li a:hover{ color:#f1f1f1}
@media (max-width: 640px) {.i_case_menu_list ul li{ font-size:1.4em}}
@media (max-width: 420px) {.i_case_menu_list ul li{ font-size:1.2em}}
@media (max-width: 375px) {.i_case_menu_list ul li{ font-size:1.1em}}

.i_case_list{}
.da-thumbs {position: relative;}
.da-thumbs li {	display:inline-block;*display:inline;*zoom:1; width:25%; vertical-align:top;position: relative;}
@media (max-width: 480px) {.da-thumbs li { width:50%; }}
.da-thumbs li a,.da-thumbs li a img {display: block;	position: relative;}
.da-thumbs li a {	overflow: hidden;}
.da-thumbs li a div {position: absolute;background:url(../image/bg-black.png);width: 100%;height: 100%;}
.da-thumbs li a div span { 
	display: block;
	padding: 10px 0;
	margin: 40% 20px;
	color: rgba(255,255,255,0.9);
	border: 1px solid rgba(255,255,255,0.5);
	text-align:center;
	border-radius:20px;
	font-size:1.3em
}

.i_about_bg{ background-image:url(../image/i_about_bg.jpg); background-position:center top; background-repeat:no-repeat}

.i_about_t{color:#000; text-align:center; padding-top:120px; padding-bottom:40px;}
.i_about_t h1{ margin-top:0px; font-weight:bold; color:#fff}
.i_about_t h3{ color:#fff}
@media (max-width: 640px) {
	.i_about_t{ padding-top:20px;padding-bottom:10px}
	.i_about_t h3{ font-weight:bold; margin-top:0px; display:none}
	}
@media (max-width: 420px) {	.i_about_t h1{ font-size:1.8em}}
	
.i_about_show{ line-height:2em; font-size:1.3em; color:#FFF; }
.i_about_show a.i_more{ color:#cd1f2d;  }
.i_about_show a.i_more:hover{color:#fff;  } 

.i_about_tb{ margin-top:80px}
.i_about_tb ul{}
.i_about_tb ul li{display:inline-block;*display:inline;*zoom:1; width:23%; margin-left:1%; margin-right:1%; vertical-align:top; color:#FFF; font-size:1.3em}
.i_about_tb ul li h1{ margin-top:10px; padding-top:0;}
@media (max-width: 660px) {
	.i_about_tb{ margin-top:10px}
	.i_about_tb ul li{ width:48%; margin-top:20px; text-align:center}
	.i_about_tb ul li h1{ font-size:1.8em}
}
.i_about_menu{margin-top:80px}
.i_about_menu ul{}
.i_about_menu ul li{display:inline-block;*display:inline;*zoom:1; width:20%; margin-top:10px; text-align:center}	
.i_about_menu ul li a{ display:block; background-image:url(../image/i_about_01.png); background-position:center top; background-repeat:no-repeat; color:#FFF;padding-top:30px; font-size:1.3em}
.i_about_menu ul li a:hover{ display:block; background-image:url(../image/i_about_01s.png); background-position:center top; background-repeat:no-repeat; color:#cd1f2d}
.i_about_menu ul li a.c{ display:block; background-image:url(../image/i_about_01s.png); background-position:center top; background-repeat:no-repeat; color:#cd1f2d}
.i_about_b{ height:80px}
@media (max-width: 480px) {
	.i_about_menu{margin-top:20px}
	.i_about_b{ height:20px}
	.i_about_menu ul li{width:25%;}
	.i_about_menu ul li:nth-child(5){ width:0; display:none}
	.i_about_menu ul li a{padding-top:20px;}
	}
@media (max-width: 330px) {.i_about_menu { display:none}}

.i_news_bg{ background-image:url(../image/i_news_bg.jpg); background-position:center top; background-repeat:no-repeat}

.i_news_left{display:inline-block;*display:inline;*zoom:1; width:19%; margin-right:5%; vertical-align:top; background-color:#cd1f2d; color:#FFF}
.i_news_right{display:inline-block;*display:inline;*zoom:1; width:76%; vertical-align:top}
@media (max-width:900px) {
.i_news_left{width:30%; margin-right:2%; }
.i_news_right{ width:68%; }}

@media (max-width:768px) {
.i_news_left{width:0%; margin-right:0%; display:none }
.i_news_right{ width:100%;}}

.i_news_menu{ margin-left:10%; margin-right:10%; width:80%; margin-bottom:80px}
.i_news_menu ul{}
.i_news_menu ul li{ width:100%;line-height:6em; font-size:1.5em; }
.i_news_menu ul li a{ color:#FFF; padding-bottom:10px}
.i_news_menu ul li a:hover{ color:#fff;border-bottom:#fff 1px solid}
@media (max-width: 1600px) {.i_news_menu ul li{ line-height:5em;}}
@media (max-width: 1250px) {.i_news_menu ul li{ line-height:4em;}}
@media (max-width: 1000px) {.i_news_menu{  margin-bottom:50px}}

.news_list{ width:100%; padding-bottom:25px; margin-top:25px; border-bottom:#6a6868 1px solid}
.news_list a{ color:#FFF}
.news_list a:hover{ color:#cd1f2d}
.news_list dl{ width:100%; text-align:center; margin:0; padding:0}
.news_list dl dt{ width:14%;margin:0; padding:0 ;display:inline-block;*display:inline;*zoom:1; vertical-align:top; color:#fff;  }
.news_list dl dd{ width:66%;margin:0px 2%; padding:0; display:inline-block;*display:inline;*zoom:1; text-align:left;vertical-align:top; line-height:1.8em}
.news_list dl dd p{ text-indent:2em;color:#c4c4c4; font-size:1.2em;overflow:hidden; height:2.6em;text-overflow:ellipsis;}

.news_list dl dt { font-size:1em}
.news_list dl dt h1{font-size:2em; margin-bottom:10px; font-weight:500;}
.news_list dl dd span{ display:none;color:#fff;}
.news_list dl dd h1{font-size:1.5em; margin-top:0; padding-top:0;overflow:hidden;white-space : nowrap; text-overflow:ellipsis;}

@media (max-width: 480px) {
.news_list{ padding-bottom:5px; margin-top:5px; }
.news_list dl dt{ width:100%;margin:0; padding:0; display:none }
.news_list dl dd{ width:96%;margin:10px 2%; padding:0;}
.news_list dl dd h1{font-size:1.2em; font-weight:bold}
.news_list dl dd span{ display:block}
}

.bottom_bg{ background-color:#333333;}
.bottom_list{ border-bottom:#484848 1px solid}
.bottom_list ul{margin:0 ; padding:0}
.bottom_list ul li{display:inline-block;*display:inline;*zoom:1; line-height:4em;  width:16.6666%;font-size:1.5em; text-align:center; vertical-align:top; }
.bottom_list ul li a{ color:#FFF}
.bottom_list ul li a:hover{ color:#cd1f2d}
@media (max-width: 480px) {
	.bottom_list{ padding-top:10px; padding-bottom:10px}
	.bottom_list ul li{ line-height:2em;  width:33.3333%;font-size:1.3em; }
	}

.bottom_01,.bottom_02,.bottom_03{display:inline-block;*display:inline;*zoom:1; width:33%; vertical-align:middle; color:#FFF; margin-top:20px }
.bottom_01{ border-right:#484848 1px solid; text-align:left; line-height:30px;}
.bottom_02{ border-right:#484848 1px solid; text-align:center; line-height:3em; font-size:1.3em}
.bottom_03{  text-align:center}
@media (max-width: 768px) {
.bottom_01,.bottom_03{width:38%;}
.bottom_02{width:23%;}
.bottom_01 h3{ font-size:1.7em}
	}
@media (max-width: 480px) {.bottom_01{ width:100%; border-right:#484848 0px solid; text-align:center; margin-top:10px}
.bottom_02,.bottom_03{ display:none}}

.bottom_url{border-top:#484848 1px solid; margin-top:20px; text-align:center;color:#d0d0d0; line-height:2em;  padding-bottom:20px; padding-top:20px}
.bottom_url a{ color:#d0d0d0}
.bottom_url a:hover{ color:#fff}
@media (max-width: 480px) {
	.bottom_url{padding-bottom:10px; padding-top:10px;}
	.bottom_url span{ display:none;}}

.mbx_bg{ background-color:#cd1f2d; color:#FFF}
.mbx_bg a{ color:#FFF}
.mbx_bg a:hover{ color:#f1f1f1}
.mbx_title,.mbx_wz{display:inline-block;*display:inline;*zoom:1; line-height:2.5em;  vertical-align:middle;}
.mbx_title { width:30%; text-align:left; font-size:2em}
.mbx_wz{ width:70%; text-align:right; font-size:1.3em}
.mbx_wz a{ padding-left:10px; padding-right:10px;}
.mbx_wz span{ padding-left:10px;}
@media (max-width: 768px) {
	.mbx_title { width:0%; display:none }
	.mbx_wz{ width:100%; margin-bottom:10px; margin-top:10px; text-align:left;}
	}
@media (max-width: 480px) {.mbx_wz span{ display:none}}

.product_menu{ margin-bottom:20px; margin-top:50px; text-align:left}
.product_menu ul{}
.product_menu ul li{display:inline-block;*display:inline;*zoom:1;  vertical-align:top; width:10%;  margin-top:10px; margin-bottom:0px; text-align:center}
.product_menu ul li a{ border-bottom:#fff 3px solid;line-height:2em; padding-bottom:10px;font-size:1.5em;}
.product_menu ul li a:hover{ border-bottom:#cd1f2d 3px solid; color:#cd1f2d}
.product_menu ul li a.c{ border-bottom:#cd1f2d 3px solid; color:#cd1f2d}
@media (max-width: 1200px) {.product_menu ul li{width:12.5%;}}
@media (max-width: 1000px) {.product_menu ul li{width:14.28%;}}
@media (max-width: 900px) {.product_menu ul li{width:16.666%;}}
@media (max-width: 768px) {.product_menu ul li{width:20%;}
	.product_menu{ margin-bottom:20px; margin-top:10px; }}
@media (max-width: 480px) {.product_menu ul li{ width:25%;  margin-top:5px; }
	.product_menu ul li a{ background-color:#222; color:#FFF; display:block; border-bottom:#fff 0px solid; margin-left:5px; margin-right:5px;-moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius:5px;font-size:1.1em;line-height:1.2em;padding:10px 0px;}
.product_menu ul li a:hover{ background-color:#cd1f2d; color:#FFF; display:block; border-bottom:#fff 0px solid; margin-left:5px; margin-right:5px}
.product_menu ul li a.c{ background-color:#cd1f2d; color:#FFF; display:block; border-bottom:#fff 0px solid; margin-left:5px; margin-right:5px}}
@media (max-width: 380px) {.product_menu ul li{ width:33.333%; }}
@media (max-width: 330px) {.product_menu ul li{ width:50%; }}

.product_menus{ width:98%; margin:0 auto}
@media (max-width: 768px) {.product_menus{ width:95%; margin:0 auto}}
@media (max-width: 684px) {.product_menus{ width:97%; margin:0 auto}}
@media (max-width: 420px) {.product_menus{ width:100%; margin:0 auto}}
.product_menus a{padding-right:10px; padding-left:10px; font-size:1.2em; line-height:1.8em}
.product_menu a:hover,.product_menus a.c{color:#cd1f2d}



.product_list{}
.product_list ul{}
.product_list ul li{display:inline-block;*display:inline;*zoom:1; width:24%; margin-right:0.5%; margin-left:0.5%; vertical-align:top; text-align:center ;margin-bottom:20px}
.product_list ul li img{ width:100%}
.product_list ul li a{ border:#606060 1px solid; display:block; width:100%; background-color:#606060; line-height:4em;color:#FFF;}
.product_list ul li a:hover{ border:#cd1f2d 1px solid; background-color:#cd1f2d;display:block; width:100%; color:#FFF; line-height:4em}
.product_list ul li a p{white-space: nowrap;   text-overflow:ellipsis;  overflow:hidden;}
@media (max-width: 768px) {.product_list ul li{width:31.3%; margin-left:1%; margin-right:1%; margin-bottom:10px}}
@media (max-width: 420px) {.product_list ul li{width:48%; margin-left:1%; margin-right:1%; margin-bottom:10px}}
@media (max-width: 330px) {.product_list ul li{width:100%; margin-left:0%; margin-right:0%; margin-bottom:10px}}

.product_menu1{ width:10%; cursor: pointer; right:5px; float:right; text-align:right; bottom:100px;margin-bottom:28px; z-index:100000; position: fixed; display:block}

.ct_bg{ background-image:url(../image/bg.png); width:100%;}

.product_menu_list{  margin-left:5px; margin-right:5px; margin-top:10px;text-align: center;}
.product_menu_list ul{}
.product_menu_list ul li{ text-align:center;}
.product_menu_list ul li a{ display:block;line-height:3em; font-size:1.5em; color:#cd1f2d}
.product_menu_list ul li ul{ display:inline-block; background-color:#cd1f2d; width:100%; padding-top:10px; padding-bottom:10px;}
.product_menu_list ul li ul li{display:inline-block;*display:inline;*zoom:1; width:24%; min-width:120px;  vertical-align:top; float:left}
.product_menu_list ul li ul li a{display:block;line-height:2em; padding-top:0.1em; padding-bottom:0.1em; font-size:1.3em; color:#fff}
@media (max-width: 375px) {.product_menu_list ul li ul li{ min-width:115px;}}


.main_show{ margin:30px; margin-top:50px;min-height:400px; line-height:2em; font-size:1.4em}
@media (max-width: 500px) {.main_show{ margin:0px;margin-top:10px; font-size:1.2em}}

.case_list{}
.case_list ul{}
.case_list ul li{display:inline-block;*display:inline;*zoom:1; width:24%; margin-right:0.5%; margin-left:0.5%; vertical-align:top; text-align:center ;margin-bottom:20px}
.case_list ul li div{ font-size:1.3em;white-space: nowrap;   text-overflow:ellipsis;  overflow:hidden;; line-height:2em; margin-top:5px}
@media (max-width: 480px) {.case_list ul li{ width:49%; margin-right:0.5%; margin-left:0.5%;}
	.case_list ul li div{font-size:1.2em}}
.case_title{text-align:center; font-size:2em; line-height:1.5em;margin-top:20px; margin-bottom:20px}
.case_date{text-align:center; color:#CCC; margin-top:10px;}
.news_show{ margin-top:20px; margin-bottom:20px; text-align:left;line-height:2em; font-size:1.4em; min-height:300px;}
.case_next{ margin-top:10px; margin-bottom:10px; font-size:1.3em; line-height:2em; text-align:left; color:#cd1f2d}
.case_next a{ color:#cd1f2d}
.case_next a:hover{ color:#F00}

@media (max-width: 1024px) {.case_title{font-size:1.6em; }
.news_show{font-size:1.2em;}
}
@media (max-width: 420px) {.case_title{font-size:1.3em; line-height:1.8em}}

.service_jm{}
.service_jm ul{}
.service_jm ul li{display:inline-block;*display:inline;*zoom:1; width:14.6666%; margin-right:1%; margin-left:1%; vertical-align:top; text-align:center ; }
@media (max-width: 1024px) {
.service_jm ul li h3{ font-size:1.2em}
.service_jm ul li p{ font-size:0.9em; line-height:1.5em}
	}
@media (max-width: 1000px) {.service_jm ul li{ width:31.333%; margin-bottom:20px }}
@media (max-width:768px) {.service_jm ul li{ width:29.333%; ;margin-right:2%; margin-left:2%;  }
.service_jm ul li p{ line-height:1.5em  }
.join h1{ font-size:1.5em}
}
@media (max-width: 480px) {.service_jm ul li{ width:44%;margin-right:3%; margin-left:3%; }}

.i_news_list{}
.i_news_list ul{}
.i_news_list ul li{ width:100%;margin-bottom:20px; padding-bottom:20px; border-bottom:#CCC 1px solid; cursor:pointer}

.i_news_list_img{display:inline-block;*display:inline;*zoom:1; width:20%; vertical-align:top}
.i_news_list_show{display:inline-block;*display:inline;*zoom:1; width:76%; margin-left:4%;vertical-align:top; font-size:1em}
.i_news_list_show h3{ font-size:1.2em; margin-top:0; padding:0;white-space: nowrap;   text-overflow:ellipsis;  overflow:hidden;}
.i_news_list_show a{ float:right; display:block; padding:5px 20px; text-align:center; background-color:#cd1f2d; color:#FFF;-moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius:5px;}
.i_news_list_show a:hover{ float:right; display:block; padding:5px 20px; text-align:center; background-color:#f00; color:#FFF}
.i_news_list_date{ color:#ccc}
@media (max-width: 1024px) {.i_news_list_show p{ height:3.6em; line-height:1.8em;  overflow:hidden; font-size:0.8em}}
@media (max-width: 780px) {
.i_news_list_show p{ height:1.8em;}
.i_news_list_show a{font-size:0.8em; padding:0px 10px;}
.i_news_list_show a:hover{font-size:0.8em; padding:0px 10px;}
.i_news_list_date{font-size:0.8em}}
@media (max-width: 420px) {.i_news_list_img{ width:0%; display:none}
.i_news_list_show{ width:100%; margin-left:0%;}}

.sever2_show{ border:#CCC 1px solid; padding:20px 30px 30px 30px; font-size:0.8em; margin-top:30px; }
.sever2_t{ margin:20px 0px}
.sever2_s{ margin:20px 0px; line-height:3em}
.sever2_w{ text-align:center; background-color:#f4f7fc; line-height:2em; border:#CCC 1px solid;border-top:#CCC 0px solid;color:#9e9e9e}
.sever2_tj{ text-align:center}
.sever2_tj img{  margin-right:3%;}
.sever2_tj input{  margin-right:3%; color:#88898a}
.sever_content{ width:98%; height:16em;padding:5px 10px;border:#CCC 1px solid;color:#88898a}

.sever2_tj input.tijao{ color:#FFF}
.tijao{  border:#eee 0px solid; font-size:1.5em; padding:10px 30px; background:#cd1f2d; color:#fff; margin:10px auto;-moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius:5px;}
.tijao:hover{ background:#f00; color:#fff}

#sever5_name{ width:20%; margin-right:3%;padding:5px 10px; color:#88898a}
.sever5_yx{ width:20%; margin-right:3%;padding:5px 10px; color:#88898a}
.sever5_yx1{ width:75%; margin-right:3%;padding:5px 10px; color:#88898a}
#sever5_content{width:100%; height:16em;padding:5px 10px;border:#CCC 1px solid;border-bottom:#CCC 0px solid;color:#88898a}
@media (max-width: 1024px) {.sever5_yx1{ width:78.5%;}}
@media (max-width: 768px) {.sever5_yx1{ width:83.5%;}}
@media (max-width: 736px) {.sever5_yx1{ width:84.5%;}}
@media (max-width: 684px) {.sever5_yx1{ width:86%;}}
@media (max-width: 640px) {#sever5_name{ width:30%; margin-right:3%;padding:5px 5px;}
.sever5_yx{width:20%; margin-right:3%;padding:5px 5px; }}
@media (max-width: 480px) {#sever_name{ width:100%; margin-right:0%;}
.sever5_yx{width:50%; margin-right:3%; margin-top:20px  }
.sever2_t span{width:100%; display:block}
.sever5_yx1{ width:77%;}
.sever2_s{ margin:10px 0px;}
}
#qq{ background:url(../image/qq.jpg) no-repeat center; width:21px; height:17px; margin-left:10px; margin-right:10px;}
#sina{ background:url(../image/sina.jpg) no-repeat center; width:21px; height:17px; margin-left:10px; margin-right:10px;}
#weixin{ background:url(../image/weixin.jpg) no-repeat center; width:21px; height:17px; margin-left:10px; margin-right:10px;}

.la_hs_01{ }
.la_hs_01 ul{}
.la_hs_01 ul li{display:inline-block;*display:inline;*zoom:1; width:18%; margin-left:1%; margin-right:1%; vertical-align:top; text-align:center;line-height:2.5em; margin-top:10px; margin-bottom:1%;}
.la_hs_01 ul li img{ border:1px solid #CCC;-moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius:5px;}
@media (max-width: 800px) {.la_hs_01 ul li{ width:31%;}}
@media (max-width: 480px) {.la_hs_01 ul li{ width:48%;  line-height:2em; }}

.join_list {width:100%; cursor:pointer}
.join_list h3{ color:#626262; }
.join_list h4{ color:#000; font-size:20px }
.join_list h5{ color:#626262; }
.join_list h5 span{color:#83a7a3;}
.join_list img{ float:right;}
.join_list1 {width:100%; border-bottom:#d7d7d7 1px solid; padding-bottom:20px}
.join_show{  line-height:2em; text-align:left; clear:both; display:none}

@media (max-width: 800px) {.join_list h3{ font-size:1.2em}
.join_list img{ width:5%}
}
@media (max-width: 480px) {
.join_list{ margin-top:10px;}
.join_list img{ width:8%}
.join_list1 {padding-bottom:10px}
}

.inputs{ height:25px; line-height:25px; padding-left:10px;border:1px solid #CCCCCC;font-family:"微软雅黑";font-size: 14px;-moz-border-radius: 3px;-webkit-border-radius: 3px;border-radius:3px; width:55%}
.inputs1{ height:25px; line-height:25px; padding-left:10px;border:1px solid #CCCCCC;font-family:"微软雅黑";font-size: 14px;-moz-border-radius: 3px;-webkit-border-radius: 3px;border-radius:3px; width:15%}
textarea{ height:25px; line-height:25px; padding-left:10px;border:1px solid #CCCCCC;font-family:"微软雅黑";font-size: 14px;-moz-border-radius: 3px;-webkit-border-radius: 3px;border-radius:3px; width:80%; height:160px;}
.message_tb{ width:65%; margin:0 auto;}
.message_tb li{ margin-bottom:15px; line-height:25px;}
.message_tb li.message_td1{ width:17%;padding-right:10px; text-align:right; float:left; line-height:29px;display:inline-block;}
.message_tb li.message_td2{ width:80%; float: right;}
@media (max-width: 420px){.inputs{width:80%}
.inputs1{width:25%}
textarea{ width:96%}
}
@media (max-width: 768px) {.message_tb{ width:90%}}

.padding_left10{padding-left:10px;}
.padding_left20{padding-left:20px;}
.padding_right20{padding-right:20px;}
.back{margin-top:20px; margin-bottom:20px; text-align:center}
.page_list{ height:36px; line-height:36px; text-align:center; margin-top:40px;}
.none{display:none;}
.margin_right0{ margin-right:0px}

.w{ width:100%;margin:0 auto; padding:0px;}
.r{text-align:right!important;}
.c{text-align:center!important;}
.l{text-align:left!important;}

.mr10{ margin-right:10px;}
.mr20{ margin-right:20px;}
.mr30{ margin-right:30px;}
.ml10{ margin-left:10px;}


.H5{ height:5px; width:100%;clear:both;}
.H10{ height:10px; width:100%;clear:both;}
.H15{ height:15px; width:100%;clear:both;}
.H20{ height:20px; width:100%;clear:both;}
.H25{ height:25px; width:100%;clear:both;}
.H30{ height:30px; width:100%;clear:both;}
.H35{ height:35px; width:100%;clear:both;}
.H40{ height:40px; width:100%;clear:both;}
.H45{ height:45px; width:100%;clear:both;}
.H50{ height:50px; width:100%;clear:both;}
.H55{ height:55px; width:100%;clear:both;}
.H60{ height:60px; width:100%;clear:both;}
.H65{ height:65px; width:100%;clear:both;}
.H70{ height:70px; width:100%;clear:both;}
.H75{ height:75px; width:100%;clear:both;}
.H80{ height:80px; width:100%;clear:both;}
.H85{ height:85px; width:100%;clear:both;}
.H90{ height:90px; width:100%;clear:both;}
.H95{ height:95px; width:100%;clear:both;}
.H100{ height:100px; width:100%;clear:both;}

#dituContent img { max-width: none;}
#dituContent{height:540px; width:100%; margin-top:50px}
@media (max-width: 420px){#dituContent{height:300px;}}

.anniu{ width:80px; height:35px;line-height:35px;background:#fd0000;color:#fff; -moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius:5px; border:0px;font-family:"微软雅黑"; font-size:16px; padding:0px; cursor:pointer}

.mobile{ display:none}
.pc{ display:inline-block}
#myCarousel_pc{ display:block}
#myCarousel_mobile{ display:none}
@media (max-width: 768px) {
.mobile{ display:inline-block}
.pc{ display:none}
#myCarousel_pc{ display:none}
#myCarousel_mobile{ display:block}
}
.pager_ma{ text-align:center; margin-top:10px; font-size:1.2em; width:99%;margin-left:0.5%;margin-right:0.5%;}
.pagination {
	display:inline-block;
	padding-left:0;
	margin:20px 0;
	border-radius:4px
}
.pagination>li {
	display:inline
}
.pagination>li>a, .pagination>li>span {
	position:relative;
	float:left;
	padding:3px 10px;
	line-height:1.42857143;
	text-decoration:none;
	color:#333;
	background:#fff;
	border:1px solid #ddd;
	margin-left:-1px
}
.pagination>li:first-child>a, .pagination>li:first-child>span {
	margin-left:0;
	border-bottom-left-radius:4px;
	border-top-left-radius:4px
}
.pagination>li:last-child>a, .pagination>li:last-child>span {
	border-bottom-right-radius:4px;
	border-top-right-radius:4px
}
.pagination>li>a:hover, .pagination>li>span:hover, .pagination>li>a:focus, .pagination>li>span:focus {
	color:#cd1f2d;
	background:#eee;
	border-color:#ddd
}
.pagination>.active>a, .pagination>.active>span, .pagination>.active>a:hover, .pagination>.active>span:hover, .pagination>.active>a:focus, .pagination>.active>span:focus {
	z-index:2;
	color:#fff;
	background:#cd1f2d;
	border-color:#cd1f2d;
	cursor:default
}
.pagination>.disabled>span, .pagination>.disabled>span:hover, .pagination>.disabled>span:focus, .pagination>.disabled>a, .pagination>.disabled>a:hover, .pagination>.disabled>a:focus {
	color:#999;
	background:#fff;
	border-color:#ddd;
	cursor:not-allowed
}


.la_show{ font-size:0.9em; line-height:2.2em; text-align:left; width:96%;}
@media (max-width: 480px) {.la_show{  width:100%; margin-left:0%; margin-right:0%}}

.ls_fqa li{ line-height:3em; border-bottom:#f0eded 1px solid; color:#333; cursor:pointer}
.ls_fqa li img{ float:right; margin-top:20px;}
.ls_fqa li.c{ color:#ed9922}
.ls_fqa ul{ display:none; background-color:#f6f6f6; padding:20px}
.ls_fqa ul li{ line-height:2em;border-bottom:#fbfbfb 0px solid; color:#333}
@media (max-width: 768px) {.ls_fqa li{ line-height:1.2em; padding:10px 0px; border-bottom:#f0eded 1px solid; color:#333}
.ls_fqa ul{ margin-top:10px}
.ls_fqa li img{ margin-top:5px;}
}

.loadList {

   padding: 10px 0;

   margin: 10px 0;

   line-height: 36px;

   border-bottom: 1px dashed #dcdcdc;

   overflow: hidden;

}
.loadList:after {

    display: block;

    content: "";

    clear: both;

}
.loadList dt {

    padding-left: 24px;

    float: left;

    color: #333;

    font-size: 0.9em;

    position: relative; background:url(../image/down.jpg) no-repeat left center; font-weight:normal

}
.loadList dt:after {

    position: absolute;

    top: 0; bottom: 0; left: 2px;

    margin: auto;

    color: #666;}
.loadList dd {

    float: right;

    width: 96px;

    height: 36px;

    text-align: left;

}
.loadList dd a {

    display: block;

    height: 34px; line-height:34px;

    font-size: 0.8em;

    border-radius: 4px;

    border: 1px solid #999;background:url(../image/down1.jpg) no-repeat 10px center; padding-left:30px;

}
.loadList dd a:before {

    margin-right: 8px;

}
.loadList dd a:hover {

    color: #fff;

    border-color: #d40000;

    background:url(../image/down2.jpg) no-repeat 10px center #d40000

}
.loadList dd a:active {

    border-color: #bb0000;

    background-color: #bb0000;

}
@media (max-width: 768px) {
.Relevant h2{ font-size:1.3em}
}

.sub_box{display:none;position:fixed;right:5px;bottom:2em;z-index:999}
.back_to_top .icon-gotop{text-align:center;cursor:pointer;display:inline-block;width:2.4em;height:2.4em;padding-top:0.3em;position:relative;background:#555;color:#fff;border-radius:100%;}