@charset "utf-8";
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td { margin:0; padding:0; }
body {color: #666; font-weight: 400; font-size: 12px; font-family: "微软雅黑",'Source Han Sans','Hiragino Sans GB',STXihei,SimSun,Heiti,sans-serif;height: 100%;line-height: 1.5;}
ol,ul,li {list-style:none;}
h2,h3,h4 ,b {font-weight: 400;}
img {border: none; font-size: 0; max-width: 100%;}
i,em {font-style: normal;}
input,button,textarea {border: 0; background-color: transparent;}
a{text-decoration:none;color:#666;}
a:hover {text-decoration: none;/* color: #008cd1;*/}
table { border-collapse:collapse; }
html {overflow-y: scroll; overflow-x: hidden; height: 100%;font-size: 62.5%;} 
div,input,li,a,span,textarea,dl,td {box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box;}
.box-sizing-content {box-sizing: content-box;-moz-box-sizing: content--box;-webkit-box-sizing: content-box; -ms-box-sizing: content-box; -o-box-sizing: content-box;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}
blockquote, q {quotes: none;}
*:after {margin: 0; padding: 0; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box;}
.clearfix:after {content: "."; display: block; height:0; clear:both; visibility: hidden;}
.clearfix { *zoom:1; }
.wrapper {max-width: 1200px;margin: 0 auto;zoom:1;padding-left: 10px;padding-right: 10px;box-sizing: content-box;-moz-box-sizing: content--box;-webkit-box-sizing: content-box; -ms-box-sizing: content-box; -o-box-sizing: content-box;}
.text-center {text-align: center;}
.text-right {text-align: right;}
.hide{display: none !important;}
.fl{float: left;}
.fr{float: right;}
.posr{position: relative;}
.c333 {color: #333;}
.c666 {color: #666;}
.c999 {color: #999;}
html body .mt0 {margin-top: 0px !important;}
html body .ml0 {margin-left: 0px !important;}
html body .mr0 {margin-right: 0px !important;}
html body .mb0 {margin-bottom: 0px !important;}
html body .pt0 {padding-top: 0px !important;}
html body .pl0 {padding-left: 0px !important;}
html body .pr0 {padding-right: 0px !important;}
html body .pb0 {padding-bottom: 0px !important;}

@media screen and (min-width:1200px) {
	html body{font-size: 12px;}
	body .fs18 {font-size: 18px;}
	body .fs16 {font-size: 16px;}
	body .fs15 {font-size: 15px;}
	body .fs14 {font-size: 14px;}
	body .fs13 {font-size: 13px;}
	body .fs12 {font-size: 12px;}
}
@media screen and (min-width:16em) {
	body{font-size: 1.2rem;}
	.fs18 {font-size: 1.8rem;}
	.fs16 {font-size: 1.6rem;}
	.fs15 {font-size: 1.5rem;}
	.fs14 {font-size: 1.4rem;}
	.fs13 {font-size: 1.3rem;}
	.fs12 {font-size: 1.2rem;}
}

html, body {
	position: relative;
    height: 100%;
    /*background-color: #f5f5f5;*/
}
html.overflow-hidden {overflow: hidden;}
body.overflow-hidden {overflow: hidden;}
.header.overflow-visible {overflow: visible;}

/* font */
@font-face {
	font-family:'Source Han Sans';
	font-weight:400;
	font-style:normal;
	src: url(../fonts/kaigengothiccn-light_9d06701.eot) format('embedded-opentype'),url(../fonts/kaigengothiccn-light_752df71.woff) format('woff'),url(../fonts/kaigengothiccn-light_468d47e.ttf) format('truetype');
}

/* latin-ext */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 300;
  src: local('Lato Light'), local('Lato-Light'), url(../fonts/dpj5r9gl3kk6ijoep1irsvy6323mhuzfjmgtvxag2ie.woff2) format('woff2');
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 300;
  src: local('Lato Light'), local('Lato-Light'), url(../fonts/esvmc5un3kjyuhb9zeppwg.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}
/* latin-ext */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 400;
  src: local('Lato Regular'), local('Lato-Regular'), url(../fonts/uybmtlshkbkxelqf4x7vrq.woff2) format('woff2');
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 400;
  src: local('Lato Regular'), local('Lato-Regular'), url(../fonts/1ywb1so8ye1lyjf12wniua.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}
/* latin-ext */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 700;
  src: local('Lato Bold'), local('Lato-Bold'), url(../fonts/obqr5xycoh0wbouxiayk3_y6323mhuzfjmgtvxag2ie.woff2) format('woff2');
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 700;
  src: local('Lato Bold'), local('Lato-Bold'), url(../fonts/h2dmvhdlycm56knuatbjya.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}

/* #font */
.blue{color: #008cd1;}
.bluebgc{background-color: #008cd1;}
.box-shadow {
	box-shadow: 0px 0px 2px 2px #e9e9e9;
}
.btn {
	cursor: pointer;
	overflow: hidden;
}

/* head 样式 */

.header {
	width: 100%;
	/*padding-top: 20px;*/
}
.logo {
	display: block;
}
.head-r {
	width: 81%;
	padding-top: 16px;
	color: #1f1a15;
}
#nav {
	display: block;
	float: left;
	width: 90%;
}
#nav > li {
	float: left;
	margin-right: 6.5%;
}
#nav > li > a {
	display: block;
	padding: 0px 10px 14px 10px;
}
#nav > .active > a,
#nav > li > a:hover {
	color: #008cd1;
	border-bottom: 6px solid #008cd1;
}
.sns {
	line-height: 1;
}
.sns a {
	margin-left: 10px;
}
#wrap {
	padding-top: 20px;
	padding-bottom: 40px;
}
#bcnav {
	line-height: 42px;
	border-bottom: 1px solid #dcdcdc;
}
#bcnav > .fl {
	padding-right: 34px;
	border-bottom: 2px solid #008cd1;
}
#bcnav > .fr > a ,
#bcnav > .fr > em,
#bcnav > .fr > img,
#bcnav > .fr > span{
	vertical-align: middle;
}
#bcnav > .fr > img {padding-right: 4px;}
#bcnav > .fr > em {padding: 0 2px;}


/***** footer *****/
.footer {
	color: #666;
	overflow: hidden;
}

.footer a {
	color: #666;
}
.footer img {vertical-align: middle;}
.footer a:hover {
	text-decoration: underline;
    color: #008cd1;
}
.foot {
	position: relative;
	padding-top: 28px;
	border-top: 1px solid #e2e2e2;
}
.footer-c {
	padding-bottom: 30px;
	text-align: left;
}
.navname {
	float: left;
	vertical-align: top;
	text-align: left;
	width: 14%;
	padding-right: 1%;
	box-sizing: content-box;
	-moz-box-sizing: content--box;
	-webkit-box-sizing: content-box;
	-ms-box-sizing: content-box;
	-o-box-sizing: content-box;
}
.navname >h4 {
	padding-bottom: 10px;
}
.navname ul li {
	line-height: 2.2;
}

.footer-c .fcontact{
	float: right;
	width: 25%;
	padding-right: 0px;
}

#loc_tab {
	width: 100%;
}
#loc_tab td {
	line-height: 2.2;
}
.copyright {
	padding: 6px 0px;
	line-height: 40px;
	color: #585858;
	border-top: 1px solid #e2e2e2;
}


/***** #footer *****/

.trans{
	transition: all cubic-bezier(0.215, 0.61, 0.305, 1) .6s;
	-webkit-transition: all cubic-bezier(0.215, 0.61, 0.305, 1) .6s;
	-moz-transition: all cubic-bezier(0.215, 0.61, 0.305, 1) .6s;
	-o-transition: all cubic-bezier(0.215, 0.61, 0.305, 1) .6s;

}

.trans2 {	
	transition: all 0.2s ease;
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
}

.trans3 {	
	transition: all 0.8s ease;
	-webkit-transition: all 0.8s ease;
	-moz-transition: all 0.8s ease;
	-o-transition: all 0.8s ease;
}

/*main*/
.banner-box ,.banner{
	width: 100%;
	overflow: hidden;
}

.banner-box > img {
	display: block;
	position: relative;
	left: 50%;
	max-width: none;
	width: 1920px;
	margin-left: -960px;
}

@media screen and (min-width: 1921px) {
	body .banner-box > img ,
	body .flexslider .slides img
	{
		position: static;
		max-width: 100%;
		width: 100%;
		margin-left: 0px;
	}
}
.side {
	position: relative;
	width: 20%;
	background-color: #f6f6f6;
}
.side-t {
	border-bottom: 1px solid #dcdcdc;
	line-height: 42px;
}
.side-t > span {
	display: block;
	float: left;
	padding-right: 22px;
	border-bottom: 2px solid #008cd1;
}
.side-c {	
	width: 100%;
	overflow: hidden;
}
.list-ul > li {
	margin-bottom: 1px;
	position: relative;
	background: url('../images/tri-arrow.png') no-repeat right center ;
	border-bottom: 1px solid #dbdbdb;
}
.pro-side > li {background-image: none;}
.pro-side > li > p {
	background: url('../images/tri-arrow.png') no-repeat right center ;
}
.list-ul li a {
    display: block;
    height: 44px;
    margin-right: 20px;
    line-height: 42px;
}
.list-ul li:last-child a {border-bottom: none;}
.list-ul > .active > a,
.list-ul > .active > p > a,
.list-sub-ul > .current > a,
.list-ul li a:hover
 {
	color: #0d51a0;
}

.list-sub-ul li,
.list-sub-ul li a {
	height: 30px;
	line-height: 30px;
}
.list-sub-ul li a {
	padding-left: 12px;
}

.list-sub-ul {
	display: none;
}
.list-sub-ul .current {background-color: #e0e0e0;}
.list-li.active .list-sub-ul {
	display: block;
}
#main_box {
	position: relative;
}
#main_bc {
	display: none;
	position: absolute;
	width: 100%;
	height: 48px;
	top: 0;
	left: 0;
	background-color: #f2f2f2;
	z-index: -2;
}
.main-c {
	width: 77.5%;
}
.main-c-t {
	font-size: 20px;
	color: #393939;
	line-height: 1;
}
.con {
	padding-top: 20px;
	min-height: 400px;
	line-height: 2;
	color: #6f6f6f;
}
.main {padding-bottom: 40px;}
.con.contact img {
	vertical-align: middle;
}
.page {
	margin-top: 20px;
	text-align: center;
}

.page > a {
	display: inline-block;
	padding: 4px 10px;
	margin: 0 4px;
	text-align: center;
	line-height: 20px;
	font-size: 12px;
	background-color: #ededed;
}
.page a:hover,
.page .current {
	color: #fff;
	background-color: #1b78a6;
}
.page .prev {
	margin-left: 4px;
}
.page .next {
	margin-right: 4px;
}

.news-item-l {
	width: 23%;
	min-height: 100px;
	overflow: hidden;
}
.news-item-r {
	width: 73.5%;
}
.news-ul > li {
	padding: 3.2% 0;
	border-bottom: 1px solid #e2e2e2;
}
.news-ul > .first {
	padding-top: 0px;
}
.news-item-r > h2 {
	padding-bottom: 1%;
}
.news-item-r > h2 > a {
	font-weight: bold;
}
.news-summary {
	line-height: 26px;
	height: 72px;
	overflow: hidden;
}
.news-summary .date {
	color: #c0c0c0;
}
.news-more {
	padding-top: 2%;
}
.news-more > a {
	padding-right: 42px;
	background: url(../images/news-arrow.png) no-repeat scroll right center;
}
.contact-t > dl {
	width: 30%;
	background-color: #fff;
}
.contact-t > .mid {
	margin-left: 5%;
	margin-right: 5%;
}
.contact-t > dl > dt {
	margin: 12% 8% 10% 8%;
}
.contact-t > dl > dd {
	margin: 0px 8% 6% 8%;
	line-height: 2;
}
#map_container {
	margin-top: 40px;
	width: 100%;
	border: 1px solid #e0e0e0;
}
#map_container > iframe {
	width: 100%;
	border: none;
	height: 600px;
	overflow: hidden;
}
.feedback-ul {
	display: block;
	width: 100%;
}
.feedback-ul .fitem {
	margin-bottom: 20px;
	background-color: #fff;
	padding-left: 1%;
	padding-right: 1%;
	width: 98%;
	box-sizing: content-box;
	-moz-box-sizing: content--box;
	-webkit-box-sizing: content-box;
	-ms-box-sizing: content-box;
	-o-box-sizing: content-box;	
}
.feedback-ul .half {
	width: 47%;
}
.feedback-ul input,
.feedback-ul textarea {
	width: 100%;
	padding-top: 10px;
	padding-bottom: 10px;
	color: #999;
	box-sizing: content-box;
	-moz-box-sizing: content--box;
	-webkit-box-sizing: content-box;
	-ms-box-sizing: content-box;
	-o-box-sizing: content-box;
}
.feedback-ul textarea {
	resize: none;
}
.feedback-ul .fsubmit {
	display: block;
	width: 120px;
	height: 40px;
	line-height: 40px;
	background-color: #0b84c0;
	color: #fff;
}
.feedback-ul .fsubmit:hover {
	background-color: rgba(11,132,192,0.8);
}
.pview-t > .fl {
	width: 44%;
	overflow: hidden;
}
.pview-t > .fl > img {width: 100%;}
.pview-t > .fr {
	width: 51.6%;
	line-height: 2.2;
}
.pview-t > .fr > h2 {
	padding-bottom: 1%;
}
.pview-det {
	margin-top: 30px;
}
.pview-det-ci {
	display: none;
}
.pview-det-c .active {
	display: block;
}
.pview-det-t > ul > li {
	float: left;
	width: 130px;
	margin-right: 2px;
	text-align: center;
	cursor: pointer;
	line-height: 40px;
	background-color: #e0e0e0;
}
.pview-det-t > ul >.active {
	color: #fff;
	background-color: #3074a2;
}
.pview-det-d {
	background-color: #fff;
}
.pview-det-c {
	padding: 20px;
	min-height: 300px;
}
#bsWXBox {
	box-sizing: content-box;
	-moz-box-sizing: content--box;
	-webkit-box-sizing: content-box;
	-ms-box-sizing: content-box;
	-o-box-sizing: content-box;	
}
/*news-det*/
.news-view-ct {
	padding-bottom: 10px;
	line-height: 32px;
	text-align: center;
	color: #999;
	font-size: 14px;
}

.news-view-c {
	padding-top: 20px;
}

.news-view-ct h1 {
	font-size: 20px;
	line-height: 35px;
	text-align: center;
	color: #333;
	font-weight: bold;
	padding-bottom: 5px;
}
.news-view-ct > p {
	padding-bottom: 10px;
	border-bottom: 1px solid #eee;	
}
.news-view-cc {
	margin-top: 16px;
	padding-bottom: 16px;
	min-height: 400px;
	line-height: 24px;
}

.news-view-ctrl-i a:hover {
	
	text-decoration: underline;
}

.news-view-ctrl-i {
	padding-top: 10px;
}

.news-view-ctrl {
	padding-bottom: 10px;
	font-size: 12px;
	background: #e7e7e7;
	padding-left: 8px;
}

/*#news-det*/
.con.contact {
	padding-left: 10px;
}

.list-box dl {
	width: 31.333333333333332%;
	margin-right: 3%;
	margin-bottom: 6px;
}
body .pro-list-box dl {
	width: 31.8%;
	margin-right: 2.3%;
	margin-bottom: 2.3%;
	overflow: hidden;
	background-color: #fff;
}
.list-box dl dt {
	overflow: hidden;
	min-height: 100px;
}
.list-box dl dt img {
	display: block;
	width: 100%;
}
.list-box dl dd {
	line-height: 30px;
	height: 30px;
	padding: 6%;
	overflow: hidden;
}
.list-box dl dd img {
	vertical-align: middle;
}
.list-ul {
	padding-bottom: 136px;
}

.imain-t .ipro-li-d h2 {
    color: #fff;
}
#list_box_pro {
	padding-top: 16px;
	padding-bottom: 16px;
	background-color: #f6f6f6;
}
.main-c-tpro {
	background-color: #f6f6f6;
	padding: 16px;
	line-height: 1.5;
}
.banner img {display: block;}
/*banner*/
.banner-change {
	position: relative;
}
/*#banner*/


/*banner*/
.pro-switch {
	overflow: hidden;
	position: relative;
	width:100%;
}
.flexslider {
	margin: 0;
	padding: 0;
}
.flexslider .slides > li {
	display: none;
	-webkit-backface-visibility: hidden;
	overflow: hidden;
}
.flexslider .slides img {
	/*
	width: 1920px;
	position: relative;
	left: 50%;
	margin-left: -960px;
	max-width: none;*/
	width: 100%;
	display: block;
}
.slides:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
html[xmlns] .slides {
	display: block;
}
* html .slides {
	height: 770px;
}
.no-js .slides > li:first-child {
	display: block;
}
.flexslider {
	margin: 0 auto;
	position: relative;
	width:100%;
	zoom: 1;
}
.flex-viewport {
	max-height: 2000px;
	-webkit-transition: all 1s ease;
	-moz-transition: all 1s ease;
	transition: all 1s ease;
}
.flexslider .slides {
	zoom: 1;
}
.flex-direction-nav {
*height: 0;
}
.flex-direction-nav a {
	width: 60px;
	height: 90px;
	margin: -60px 0 0;
	display: block;
	background: url(../images/ad_ctr.png) no-repeat 0 0;
	position: absolute;
	top: 50%;
	z-index: 10;
	cursor: pointer;
	text-indent: -9999px;
	opacity: 0;
	filter:alpha(opacity=0);
-webkit-transition: all .3s ease;
}
.flex-direction-nav .flex-next {
	background-position: 0 -90px;
	right: 0;
}
.flex-direction-nav .flex-prev {
	left: 0;
}
.flexslider:hover .flex-next {
	opacity: 0.8;
	filter:alpha(opacity=25);
}
.flexslider:hover .flex-prev {
	opacity: 0.8;
	filter:alpha(opacity=25);
}
.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover {
	opacity: 1;
	filter:alpha(opacity=50);
}
.flex-control-nav {
	width: 100%;
	position: absolute;
	text-align: center;
	left:0; bottom:8px;
}
.flex-control-nav li {
	margin: 0 6px;
	display: inline-block;
	zoom: 1;
*display: inline;
}
.flex-control-paging li a {
	background-color: #edf1f3;
	display:block;
	height: 4px;
	overflow: hidden;
	text-indent:-99em;
	width: 46px;
	cursor: pointer;
}
.flex-control-paging li a.flex-active {
	background-color: #0387cf;
}


/***** 首页 *****/
.ibox {
	margin-bottom: 36px;
}
.ibox1 {padding-top: 36px;}
.ititle {
	padding-bottom: 36px;
}
.ititle-t {
	position: relative;
	padding-bottom: 16px;
	font-size: 36px;
	line-height: 1.2;
}
.ititle-t > span {
	padding: 0 7%;
	padding-bottom: 14px;
	background: url(../images/ititle-line.png) no-repeat scroll center bottom;
}
.ititle > p {
	padding-top: 16px;
	line-height: 1.2;
}

.ibox1-c dl {
	width: 25%;
	background-color: #e7e7e7;
	text-align: center;
}
.ibox1-c .even {
	background-color: #ececec;
}
.ibox1-c dl dt {
	margin: 8%;
	margin-bottom: 5%;
}
.ibox1-c dl dd {
	margin: 0 8% 8% 8%;
	line-height: 2;
}
.ibox1-c dl dd h2 {
	height: 3rem;
	font-size: 20px;
	color: #616161;
	line-height: 3rem;
	overflow: hidden;
}
.ibox1-c dl dd .tag {
	line-height: 28px;
	height: 84px;
	overflow: hidden;
}
.ibox2-c {line-height: 2;}
.inews-box > dl {
	width: 32%;
}
.inews-box .mid {
	margin-left: 2%;
	margin-right: 2%;
}
.inews-box > dl > dt {
	overflow: hidden;
}
.inews-box > dl > dt img {
	width: 100%;
	display: block;
}
.inews-box > dl > dd {
	padding-bottom: 5%;
	background-color: #fff;
}
.inews-box > dl > dd > p {
	height: 2rem;
	padding: 5%;
	padding-bottom: 3%;
	line-height: 2rem;
	overflow: hidden;
}
.inews-box > dl > dd > div {
	height: 48px;
	padding: 0px 5%;
	line-height: 24px;
	overflow: hidden;
}
.hover-shadow:hover {
	-webkit-box-shadow: 0 15px 30px rgba(0,0,0,0.1);
	box-shadow: 0 15px 30px rgba(0,0,0,0.1);
	-webkit-transform: translate3d(0, -2px, 0);
	transform: translate3d(0, -2px, 0);
}
.ibox1-c a:hover dl {
	background-color: #ccc;
}

/* mobile header */
.mo-header {
	position: relative;
	width: 100%;
	height: 70px;
	background-color: #f5f5f5;
}

.mo-head {
	position: relative;
	width: 100%;
	height: 70px;
	z-index: 9999;
	background-color: #fff;	
}

.mo-logo {
    float: left;
    display: block;
    width: 138px;
    margin: 14px 0px 8px 10px;
}

.mo-header-r {
    float: right;
    width: 60px;
    height: 60px;
    margin-top: 8px;
    text-align: center;
    background:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+Cjxzdmcgd2lkdGg9Ijc4cHgiIGhlaWdodD0iNThweCIgdmlld0JveD0iMCAwIDc4IDU4IiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHhtbG5zOnNrZXRjaD0iaHR0cDovL3d3dy5ib2hlbWlhbmNvZGluZy5jb20vc2tldGNoL25zIj4KICAgIDwhLS0gR2VuZXJhdG9yOiBTa2V0Y2ggMy4xLjEgKDg3NjEpIC0gaHR0cDovL3d3dy5ib2hlbWlhbmNvZGluZy5jb20vc2tldGNoIC0tPgogICAgPHRpdGxlPlNsaWNlIDI8L3RpdGxlPgogICAgPGRlc2M+Q3JlYXRlZCB3aXRoIFNrZXRjaC48L2Rlc2M+CiAgICA8ZGVmcz48L2RlZnM+CiAgICA8ZyBpZD0iUGFnZS0xIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIiBza2V0Y2g6dHlwZT0iTVNQYWdlIj4KICAgICAgICA8ZyBpZD0ibGlzdCIgc2tldGNoOnR5cGU9Ik1TTGF5ZXJHcm91cCIgZmlsbD0iI0JDQkNCQyI+CiAgICAgICAgICAgIDxnIGlkPSJHcm91cCIgc2tldGNoOnR5cGU9Ik1TU2hhcGVHcm91cCI+CiAgICAgICAgICAgICAgICA8cmVjdCBpZD0iUmVjdGFuZ2xlLXBhdGgiIHg9IjAiIHk9IjAiIHdpZHRoPSI3Ny43NzUiIGhlaWdodD0iOC42NDIiPjwvcmVjdD4KICAgICAgICAgICAgICAgIDxyZWN0IGlkPSJSZWN0YW5nbGUtcGF0aCIgeD0iMCIgeT0iMjQiIHdpZHRoPSI3Ny43NzUiIGhlaWdodD0iOC42NDIiPjwvcmVjdD4KICAgICAgICAgICAgICAgIDxyZWN0IGlkPSJSZWN0YW5nbGUtcGF0aCIgeD0iMCIgeT0iNDkiIHdpZHRoPSI3Ny43NzUiIGhlaWdodD0iOC42NDIiPjwvcmVjdD4KICAgICAgICAgICAgPC9nPgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+) center no-repeat;
    background-size: 34px;
	cursor: pointer;
}
.mo-header-r.active {
	background-image: url(../fonts/652a09e021844eeeb6066dce8ea2a7f8.woff);
}
.menu {
	position: absolute;
    width: 100%;
    top: 70px;
    -webkit-transform: translate3d(0,-100%,0);
    transform: translate3d(0,-100%,0);
    -webkit-transition: all .5s cubic-bezier(0.6,.03,.08,.95);
    transition: all .5s cubic-bezier(0.6,.03,.08,.95);
    border-bottom: #ececec 1px solid;	
	background-color: rgba(188,188,188,0.8);
	z-index: 999;
}

.menu-item-a {
    display: block;
    width: 85%;
    height: 5rem;
    margin: 0 auto;
    line-height: 5rem;
    text-align: left;
	text-indent: 12px;
    border-bottom: #c1c1c1 1px solid;
    color: #fff;
    font-size: 1.4rem;
    transition: all .4s ease-in-out .4s;
	-webkit-transition: all .4s ease-in-out .4s;
	-moz-transition: all .4s ease-in-out .4s;
	-o-transition: all .4s ease-in-out .4s;
	-ms-transition: all .4s ease-in-out .4s;
	
    transform: translate3d(0,-20%,0);
    -webkit-transform: translate3d(0,-20%,0);
    -moz-transform: translate3d(0,-20%,0);
    -o-transform: translate3d(0,-20%,0);
    -ms-transform: translate3d(0,-20%,0);
    opacity: 0;

}

.menu-item-a.menu-item-a-last {
	border: none;
}	
	
		
.menu.active {
    transform: translate3d(0,-1px,0);
	-webkit-transform: translate3d(0,-1px,0);
	-moz-transform: translate3d(0,-1px,0);
	-o-transform: translate3d(0,-1px,0);
	-ms-transform: translate3d(0,-1px,0);
	
}


.menu.active .menu-item-a {
	opacity: 1;
    transform: translate3d(0,0,0);
    -webkit-transform: translate3d(0,0,0);
    -moz-transform: translate3d(0,0,0);
    -o-transform: translate3d(0,0,0);
    -ms-transform: translate3d(0,0,0);
}

.mask {
    display: none;
    position: fixed;
    top: 71px;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(88,95,100,0.6);
    z-index: 998;
}

.mask.show {
	display: block;
}

.menu-nav ul {
	margin-bottom: 2rem;
}
#mo_keywords {
	border: 1px solid #ececec;
	border-radius: 4px;
	padding: 0 4px;
	color: #fff;
}
/* #mobile header */

@media screen and (min-width: 960px) {
	.header,.side{display: block;}
	.mo-header,.mo-lists{display: none;}
}
@media screen and (max-width: 959px) {
	.header{display: none;}
	.mo-header{display: block;}
}
.pc .mo-header{display: none;}
.mobile .header{display: none;}

@media screen and (max-width: 1200px) {
	.banner-box > img {
	    display: block;
	    position: relative;
	    left: 0px;
	    max-width: 100%;
	    width: 100%;
	    margin-left: 0px;
	}
}

@media screen and (max-width: 1023px) {
	#nav > li {
	    margin-right: 5.5%;
	}
	.ibox1-c dl dd h2 {
		font-size: 1.6rem;
	}
	.ibox1-c dl dd .tag {
		font-size: 1.3rem;
		line-height: 2.2rem;
		height: 6.6rem;
	}
	.ibox1-c dl dt img {
		width: 62%;
	}


}

.mobile .navname {
	width: 13%;
}
.mobile .footer-c .fcontact {
	width: 30%;
}
.mobile .inews-box > dl > dd > p > a {
	font-size: 1.4rem;
}
.mobile .inews-box > dl > dd > div {
	font-size: 1.2rem;
}

.mobile	.banner-box > img {
	    display: block;
	    position: relative;
	    left: 0px;
	    max-width: none;
	    width: 160%;
	    margin-left: -30%;
	}


@media screen and (max-width: 767px) {
	body .foot .navname,
	body .foot .footer-c .fcontact {
		width: 100%;
		border-bottom: 1px solid #e2e2e2;
	}
	.navname > h4 {	
		line-height: 2.2;
		padding-bottom: 0px;
		text-indent: 7%;
		cursor: pointer;
	}
	.navname > ul {
		display: none;
		padding-top: 1rem;
		padding-bottom: 1rem;
		margin-left: 7%;
	}
	#loc_tab {
		width: auto;
	}
	#loc_tab .td-l,
	#loc_tab .td-r {padding-right: 1rem;}
	#map_container > iframe {height: 400px;}
	.news-item-r > h2 {font-size: 1.4rem;}
	.news-summary {
		font-size: 1.2rem;
		line-height: 2rem;
		height: 6rem;
	}

}

@media screen and (max-width: 678px) {
	.side {width: 100%; }
	.side-t {display: none;border: none;}
	.list-ul {
    	padding-bottom: 0px;
	}
	.list-ul > li {
		float: left;
		background-image: none;
		border-bottom: none;
	}
	.pro-side > li {
		margin-right: 20px;
	}
	.pro-side > li > p {
		background-image: url(../images/tri-arrow1.png);
	}
	.list-sub-ul {position: absolute;}
	.main-c {width: 100%;}
	.side-c {overflow: visible;}
	.list-sub-ul {
		min-width: 200px;
		background-color: #f5f5f5;
	}
	.list-li.active .list-sub-ul {display: none;}

}


@media screen and (max-width: 480px) {
	.ibox1-c dl dd h2 {font-size: 1.4rem;}
	.ibox1-c dl dd .tag{font-size: 1.2rem;}
	body .pro-list-box dl {
		width: 49%;
		margin-right: 0px;
	}
	body .pro-list-box .even {margin-left: 2%;}
	.news-item-l,.news-item-r,
	.pview-t > .fl,.pview-t > .fr,
	.contact-t > dl ,.inews-box > dl {
		width: 90%;
	}
	.news-item-l, .pview-t > .fl,.contact-t > dl,.inews-box > dl,.inews-box .mid{margin-left: 5%;}
	.news-item-r, .pview-t > .fr {margin-right: 5%;}
	.news-item-l img {width: 100%;}
	.pview-det-t > ul > li {
		width: 30%;
		font-size: 1.4rem;
		line-height: 3.6rem;
	}
	#map_container > iframe {height: 300px;}
	.contact-t > dl,.inews-box > dl {margin-bottom: 1%;}
	.contact-t > dl > dt {
	    margin: 6% 8% 6% 8%;
	}
	.ibox1-c dl dd h2 {
		height: 4.4rem;
		line-height: 2.2rem;
		font-size: 1.3rem;
	}
	.ibox1-c dl dd .tag {display: none;}
	.ititle-t {font-size: 3rem;}
	.list-ul > li:last-child > a {margin-right: 0px;}
}

/*index about*/
.index_about{ background-image:url(../images/i_about.png); background-repeat:no-repeat;  background-position:center;padding-top:20px; height:500px; overflow:hidden}
.index_about .more{ text-align:center; height:65px; background-image:none; position:relative; top:-28px}
.index_about .box{ width:1200px; margin:auto; height:320px; overflow:hidden; background-image:none}
.index_about .box .box1{ width:580px; background-image:none}
.index_about .box .box2{ width:595px; background-image:none; position:relative; top:-30px}
.index_about .box .box2 h1{ font-size:27px; text-align:center; color:#3b3b3c;line-height:50px; font-weight:normal; margin-bottom:10px}
.index_about .box .box2 h2{ font-size:13px; text-align:justify; color:#333334; font-weight:normal; line-height:200%; margin-bottom:20px}
.index_about .box .box2 h3 a{ border-radius:10px; padding:0px;color:#fff; font-size:14px; margin-top:20px}