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: #dbb37d;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;  /* IE7 inline-block hack */  *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:100em;
  clear:both;
  vertical-align:top;
}
@media (max-width: 1600px){
	.mod-inner{ margin:0px 0.5%; width:99%;}
}


@media (max-width: 1200px){
	.mod-inner{ margin:0px 2%; width:96%}
}
@media (max-width: 320px){
}

.H20{ height:36px}
@media (max-width: 640px){.H20{ height:20px}}
@media (max-width: 480px){.H20{ height:10px}}

.H20_w{ height:36px}
@media (max-width: 640px){.H20_w{ height:20px}}
@media (max-width: 480px){.H20_w{ height:0px}}


.H5{ height:5px; width:100%;clear:both;}
.H10{ height:10px; width:100%;clear:both;}
.H15{ height:15px; 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;}

.clearfix:before,
.clearfix:after {
    content:"";
    display: table;
    clear: both;
}

.menu1{ width:10%; cursor: pointer; right:20px; float:right; text-align:right; margin-top:0px; z-index:100000; position:absolute; display:none}
@media (max-width: 768px) {	
.menu1{ display:block;position:fixed;}
}

.top{position: fixed;	top:0;	z-index: 999;	background: #fff; width:100%; box-shadow: 0px 2px 15px #888888; height:103px; display:block; padding-top:8px;}
.top_inner{  margin: 0 auto; width:1200px;  clear:both;  vertical-align:top;}
@media (max-width: 1200px){.top_inner{width:100%; }}

.logo{display:inline-block;*display:inline;*zoom:1; width:18%;text-align:left; margin-left:0%; vertical-align:middle;margin-top:0px; margin-bottom:0px;}
.top_right{display:inline-block;*display:inline;*zoom:1; width:69%;text-align:right; vertical-align:middle;}
.i_tel{display:inline-block;*display:inline;*zoom:1; width:13%;vertical-align:middle; text-align:right ; color:#4f93d2;font-size:14px;}
.i_tel span{ font-size:22px; font-weight:bold; line-height:40px; font-family:Arial, Helvetica, sans-serif}
@media (max-width: 1161px){
	.logo{  width:20%;}
	.top_right{  width:80%; }
	.i_tel{width:0%; display:none }
	}
@media (max-width: 768px){
	.logo{  width:15%; margin-left:2%;}
	.top_right{  width:0%;display:none }
	}
@media (max-width: 420px){
	.logo{  width:28%; margin-left:2%;}
	}

.H103{ height:81px;width:100%;clear:both;}
@media (max-width: 768px){.H103{ height:70px}
.top{height:70px;}
}
@media (max-width: 420px){.H103{ height:48px}}


.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:12.5%; margin-left:0%; margin-right:0%;  text-align:center;}
ul.nav li h3{height: 40px; line-height: 40px; font-size:1.2em; padding:0; margin:0;color:#000;}
ul.nav > li > ul > li h3{ background: #fff; font-size:1.1em;}
ul.nav li h3:hover,ul.nav li a.on h3{background:none; color:#6DABE4;}
ul.nav > li > ul > li h3:hover,.choice{ background: #6DABE4; 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: -210px;}
ul.nav span.sub{ position: absolute; display: block; right:10px; top: 0; width: 10px; height: 40px; background: #fff}
ul.nav li ul li{ width:100%; padding:0; margin:0;}
@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;}
	}
@media (max-width: 875px){
	ul.nav li{width:16.66%;}
	ul.nav li:nth-child(1){ display:none}
	}
@media (max-width: 768px){
	ul.nav li{width:20%;}
	ul.nav li:nth-child(2){ display:none}
	ul.nav li:nth-child(6){ display:none}
	}
@media (max-width: 660px){
	ul.nav li{width:25%;}
	ul.nav li:nth-child(7){ display:none}
	}
@media (max-width: 600px){
	ul.nav li{width:38%; text-align:left}
	ul.nav li:nth-child(3){ display:none}
	}


.i_ppgs_t{ text-align:center; margin-bottom:50px;}
.i_ppgs_l{ display:inline-block;*display:inline;*zoom:1; width:40%; margin-right:6.5%; }
.i_ppgs_r{ display:inline-block;*display:inline;*zoom:1; width:53.5%; font-size:1.3em; line-height:2em; vertical-align:top; padding-top:50px  }
.i_more{ border:#CCC 1px solid; margin-top:50px; display:block; text-align:center; width:130px; padding:5px 20px;}
@media (max-width: 769px){.i_ppgs_r{ padding-top:10px  }}
@media (max-width: 500px){
	.i_ppgs_l{ width:40%; margin-right:2%; }
	.i_ppgs_r{ width:58%; line-height:1.8em }
.i_more{  margin-top:0px;}}
@media (max-width: 480px){.i_ppgs_l{  width:0%; margin-right:0%; }
.i_ppgs_r{ width:100%;line-height:2em  }
.i_more{  margin-top:10px;}}



.about_banner_container{position: relative;}
.about-pagination-container{
	position: absolute;
	bottom:0;
	width: 100%;
	z-index: 99;
	text-align: center;
}
.about-pagination{
	display: inline-block;
	vertical-align: bottom;width: 65%;
}
.about-pagination li{
	color: #112123;
	width: 25%;
	padding-top: 20px;
	height: 176px;
	background: #f6f6f6;
	cursor: pointer;
	transition: background .3s linear;display: inline-block;
}
.about-pagination li>*{
	display: inline-block;
	vertical-align: middle;
}
.about-pagination li div{ width:100%;}
.about-pagination li .en {
	font-size: 15px;
	font-weight:bold;
	text-align: center;
	padding:0
}
.about-pagination li .eng {
	font-size: 11px;
	text-align: center;
	margin:0; padding:0
}

.about-pagination li .icon-w {
	display: none;
}
.about-pagination li.current {
	color: #69a2d7;
}
.about-pagination li.current .icon-w {
	display: inline-block;
}
.about-pagination li.current .icon-b {
	display: none;
}
@media (max-width: 1024px){
	.about-pagination{ width:90%}
	.about-pagination li{
	padding-top: 10px;
	height: 140px;
}
.about-pagination li img{ width:30%}
	}
@media (max-width: 900px){
	.about-pagination li{
	padding-top: 10px;
	height: 120px;
}
	}
@media (max-width: 600px){
	.about-pagination li{
	padding-top: 5px;
	height: 60px;
}
.about-pagination li .eng { display:none}
	}
@media (max-width: 420px){
.about-pagination{ width:95%}
.about-pagination li .en {
	font-size: 12px;
}
	}

.i_mdzs_bg{ background-image:url(../img/i_mdzs_bg.jpg)}
.i_mdzs_title{ font-size:2.8em; font-weight:bold; color:#000; padding-top:40px; padding-bottom:40px;}
.i_mdzs_title span{ font-family:Arial, Helvetica, sans-serif}
.i_mdzs_title a.i_mdzs_m{ float:right;color:#000; font-size:0.5em;}
@media (max-width: 768px){.i_mdzs_title{ font-size:2em;}}
@media (max-width: 420px){.i_mdzs_title{ font-size:1.5em;}}

.club_product ul li{display:inline-block;*display:inline;*zoom:1;width:30%; margin-left:1%; margin-right:1%;}


.i_video{}
.i_video ul{}
.i_video ul li{display:inline-block;*display:inline;*zoom:1;margin-left:0%; margin-right:0%;}
.i_video ul li:nth-child(1){ width:22.8125%;}
.i_video ul li:nth-child(2){ width:54.375%;}
.i_video ul li:nth-child(3){ width:22.8125%;}
#link{ cursor:pointer}

.i_jmbj_l{display:inline-block;*display:inline;*zoom:1; width:56.2%; margin-left:0%; margin-right:0%;}
.i_jmbj_r{display:inline-block;*display:inline;*zoom:1; width:36.8%; margin-top:50px; vertical-align:top; font-size:1.4em; line-height:2em;margin-left:7%; margin-right:0%;}
.i_jmbj_r p{ font-size:1.3em; color: #cfb273}
.i_jmbj_r b{ line-height:50px;}
@media (max-width: 768px){
.i_jmbj_r{font-size:1.1em}
.i_jmbj_r p{ font-size:1.2em}
	}
@media (max-width: 600px){.i_jmbj_r span{ display:none}}
@media (max-width: 500px){.i_jmbj_l{ width:100%;   }
	.i_jmbj_r{ display:none;margin-left:0%; margin-right:0%;}}


.bptj_banner_container{position: relative;}
.bptj-pagination-container{
	position: absolute;
	bottom:0;
	width: 100%;
	z-index: 99;
	text-align: center;
}
.bptj-pagination{
	display: inline-block;
	vertical-align: bottom;
	
}
.bptj-pagination li{
	float: left;
	width: 300px;
	border-right:1px solid #fff; border-top:1px solid #fff;
	cursor: pointer;
	transition: background .3s linear;
}
.bptj-pagination li:nth-child(1){border-left:1px solid #fff;	}
.bptj-pagination li>*{
	display: inline-block;
	vertical-align: middle;
}
.bptj-pagination li div{ width:100%;}

@media (max-width: 900px){
	.bptj-pagination li{
	width: 200px;
}}
@media (max-width: 600px){
	.bptj-pagination li{
	width: 100px;
}}

.i_peixingbg{ background-image:url(../img/i_peixingbg.jpg); background-position:left top; background-repeat:no-repeat}
.i_gsfcbg{ background-image:url(../img/i_gsfcbg.jpg); background-position:right bottom; background-repeat:no-repeat; background-color:#d2e3f3}

.i_jmrx{ font-size:1.3em; color:#000;  line-height:2em}
.i_jmrx img{ float:left; margin-right:5%}
.i_jmrx b{font-size:1.3em;}

.i_contact_l{display:inline-block;*display:inline;*zoom:1;  width:30%; vertical-align:top; margin-left:0%; margin-right:5%; color:#68a2d7}
.i_contact_l h1{font-size:2.8em;}
@media (max-width: 768px){.i_contact_l h1{ font-size:2em;}}
@media (max-width: 420px){.i_contact_l h1{ font-size:1.5em;}}
.i_contact_l p{ font-size:1.2em; line-height:2em}
.i_contact_r{display:inline-block;*display:inline;*zoom:1;  width:65%; vertical-align:top; }
@media (max-width: 1000px){
	.i_contact_l{ width:40%; }
.i_contact_r{  width:55%; vertical-align:bottom}}

@media (max-width: 850px){
	.i_contact_l{ width:60%; }
.i_contact_r{  width:35%; vertical-align:bottom}}
@media (max-width: 600px){
	.i_contact_l{ width:100%;margin-right:0%; }
.i_contact_r{  width:0%; display:none}}

.sjmenu_bg{ background-color:#68a3d8; }
.sjmenu{position:fixed; z-index: 10001; display:none; top:0px;  width:100%; height:100%;background-color:#68a3d8; }
.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;  }
