@charset "gb2312";
/* CSS Document */


@import url('font-awesome.css');
@import url('flaticon.css');
@import url('animate.css');
@import url('owl.css');
/*@import url('animation.css');
@import url('jquery-ui.css');
@import url('custom-animate.css');
@import url('jquery.fancybox.min.css');
@import url('jquery.mCustomScrollbar.min.css');
*/

body {	font-family:Microsoft YaHei, 'Rubik', sans-serif;	font-size:14px;	color:#777777;	line-height:1.7em;	font-weight:400;	background:#ffffff;	-webkit-font-smoothing: antialiased;	-moz-font-smoothing: antialiased; padding:0; margin:0;}
.bordered-layout .page-wrapper{	padding:0px 50px 0px;}
a{	text-decoration:none;	cursor:pointer;	color:#0B70DA;}

button,a:hover,a:focus,a:visited{	text-decoration:none;	outline:none !important;}
h1,h2,h3,h4,h5,h6 {	position:relative;	font-weight:normal;	margin:0px;	background:none;	line-height:1.6em;	font-family: 'Rubik', sans-serif;}

input,button,select,textarea{}
textarea{	overflow:hidden;}
p{	position:relative;	line-height:1.8em;	font-family:Microsoft YaHei, 'Rubik', sans-serif;}
/* Typography */
h1{	font-size:60px;}
h2{	font-size:44px;}
h3{	font-size:36px;}
h4{	font-size:24px;}
h5{	font-size:20px;}
h6{	font-size:18px;}
.auto-container{	position:static;	max-width:1200px;	padding:0px 15px;	margin:0 auto;}
.medium-container{	max-width:850px;}
.page-wrapper{	position:relative;	margin:0 auto;	width:100%;	min-width:300px;}
ul,li{	list-style:none;	padding:0px;	margin:0px;	}
img{	display:inline-block;max-width:100%;}

.theme-btn{	cursor:pointer;	display:inline-block;	transition:all 0.3s ease;	-moz-transition:all 0.3s ease;	-webkit-transition:all 0.3s ease;	-ms-transition:all 0.3s ease;	-o-transition:all 0.3s ease;}
.centered{	text-align:center;	}
.clear{ clear:both; }

/***

====================================================================
	Scroll To Top style
====================================================================

***/

.scroll-to-top{	position:fixed;	bottom:15px;	right:15px;	width:40px;	height:40px;	color:#7cb434;	font-size:13px;	text-transform:uppercase;line-height:38px;	text-align:center;	z-index:100;	cursor:pointer;	background:#ffffff;	display:none;	border-radius:50px;	box-shadow:0px 0px 10px rgba(0,0,0,0.15);	-webkit-transition:all 300ms ease;	-ms-transition:all 300ms ease;	-o-transition:all 300ms ease;	-moz-transition:all 300ms ease;	transition:all 300ms ease;}
.scroll-to-top:hover{	color:#ffffff;	background:#7cb434;}

/* List Style One */


.main{ width:1200px; margin:0 auto;}

.topBox{width:100%; min-width:1200px; /*background:#E7E7E7;*/ height:38px; line-height:38px; overflow:hidden; border-bottom:1px solid #E3E3E3}
.topL{ float:left; max-width:700px;}
.topL p{ height:38px; color:#999;text-align: justify; line-height:38px;}
.topR{ float:right; max-width:400px;}
.topR .item{ float:left; padding-left:20px}
.topR .item a{ display:block}
.topR .item img{ display:block; float:left; width:16px; height:14px; margin-top:12px; margin-right:5px}
.topR .item p{ float:left; color:#999;text-align: justify; margin:0; padding:0; line-height:38px;}

.logoBox{ width:1200px; margin:0 auto; overflow:hidden; padding-top:16px; padding-bottom:25px}
.logoBox .logoL{ float:left; width:162px; height:90px; overflow:hidden}
.logoBox .logoL img{ display:block;width:162px; height:90px;}
.logoBox .logoR{ float:right; width:1020px; height:90px; overflow:hidden}
.logoBox .logoR img{ display:block;width:1020px; height:90px; }

/* Main Menu */
.nav{ width:100%; margin:0 auto; border-bottom: 5px #0B70DA solid;border-top: 1px solid #E9E9E9;}
.auto-container{	position:static;max-width:1200px;padding:0px 15px;	margin:0 auto;}
.medium-container{	max-width:850px;}
.main-menu{	position:relative;	float:left;	-webkit-transition:all 300ms ease;	-ms-transition:all 300ms ease;-o-transition:all 300ms ease;	-moz-transition:all 300ms ease;	transition:all 300ms ease;}
.main-menu .navbar-collapse{padding:0px;float: left;display:block !important;}
.main-menu .navigation{	position:relative;	margin:0px;}
.main-menu .navigation > li{	position:relative;float:left;border-right: 1px solid #E9E9E9;	margin-right:0px;transition:all 500ms ease;-moz-transition:all 500ms ease;	-webkit-transition:all 500ms ease;	-ms-transition:all 500ms ease;-o-transition:all 500ms ease;}
.main-menu .navigation > li:last-child{	margin-right:0px;}
.sticky-header .main-menu .navigation > li > a{color:#333333 !important;}
.sticky-header .main-menu .navigation > li:hover > a,
.sticky-header .main-menu .navigation > li.current > a{color:#7cb434;background-color:inherit !important;}
.sticky-header .nav-outer .options-box{	margin-top:45px;}

/*Sticky Header*/

.sticky-header{position:fixed;opacity:0;visibility:hidden;left:0px;top:0px;width:100%;padding:0px 0px;background:#ffffff;z-index:0;border-bottom:1px solid #e8f1f7;transition:all 500ms ease;-moz-transition:all 500ms ease;-webkit-transition:all 500ms ease;-ms-transition:all 500ms ease;-o-transition:all 500ms ease;}
.sticky-header .logo{	padding:4px 0px 4px;}
.fixed-header .sticky-header{z-index:999;opacity:1;visibility:visible;-ms-animation-name: fadeInDown;-moz-animation-name: fadeInDown;-op-animation-name: fadeInDown;-webkit-animation-name: fadeInDown;animation-name: fadeInDown;-ms-animation-duration: 500ms;-moz-animation-duration: 500ms;-op-animation-duration: 500ms;-webkit-animation-duration: 500ms;animation-duration: 500ms;-ms-animation-timing-function: linear;-moz-animation-timing-function: linear;
-op-animation-timing-function: linear;-webkit-animation-timing-function: linear;animation-timing-function: linear;-ms-animation-iteration-count: 1;-moz-animation-iteration-count: 1;-op-animation-iteration-count: 1;-webkit-animation-iteration-count: 1;animation-iteration-count: 1;	}
.main-menu .navigation > li > a{position:relative;display:block;color:#333;text-align:center;line-height:50px; text-transform: capitalize;letter-spacing:0px;opacity:1;	font-weight:500;padding:10px 36px;	font-size:18px;transition:all 500ms ease;-moz-transition:all 500ms ease;-webkit-transition:all 500ms ease;-ms-transition:all 500ms ease;-o-transition:all 500ms ease;}
.sticky-header .main-menu .navigation > li{	position:relative;	margin-right:0px;}
.sticky-header .main-menu .navigation > li:before,
.sticky-header .main-menu .navigation > li:after{	display:none;}

.main-menu .navigation > li:hover > a,
.main-menu .navigation > li.current > a{opacity:1;color:#ffffff; background:#f1b11b;}
.main-menu .navigation > li > ul{ border-top:5px solid #E9E9E9;position:absolute;left:-30px;top:100%;width:230px;z-index:100;display:none;opacity: 0; visibility: hidden; transition: all 900ms ease;  -moz-transition: all 900ms ease; -webkit-transition: all 900ms ease;   -ms-transition: all 900ms ease; -o-transition: all 900ms ease;	padding: 0px 0px;	background-color: #ffffff;	box-shadow: 0px 0px 10px rgba(0,0,0,0.10);}
.main-menu .navigation > li > ul.from-right{	left:auto;	right:0px;	}
.main-menu .navigation > li > ul > li{	position:relative;	width:100%;	border-bottom:1px solid #f3f3f3;}
.main-menu .navigation > li > ul > li:last-child{	border-bottom:none;}
.main-menu .navigation > li > ul > li > a{	position:relative;	display:block;	padding:10px 18px;	line-height:24px;	font-weight:500;	font-size:14px;	text-transform:capitalize;	color:#222222;	transition:all 500ms ease;	-moz-transition:all 500ms ease;-webkit-transition:all 500ms ease;-ms-transition:all 500ms ease;-o-transition:all 500ms ease;}
.sticky-header .main-menu .navigation > li > a{	padding:19px 0px !important;}
.sticky-header .main-menu .navigation > li > a:before{display: none;}
.main-menu .navigation > li > ul > li:hover > a{	color:#ffffff;	background:#f1b11b;}
.main-menu .navigation > li > ul > li.dropdown > a:after{font-family: 'FontAwesome';content: "\f105";position:absolute;right:15px;top:13px;width:10px;height:20px;display:block;color:#253d4a;line-height:20px;font-size:16px;font-weight:normal;text-align:center;z-index:5;	}
.main-menu .navigation > li > ul > li.dropdown:hover > a:after{color:#ffffff;}
.main-menu .navigation > li > ul > li > ul{position:absolute;left:120%;top:0%;width:230px;z-index:100;display:none;transition: all 900ms ease; -moz-transition: all 900ms ease;  -webkit-transition: all 900ms ease; -ms-transition: all 900ms ease; -o-transition: all 900ms ease;padding: 0px 0px;background-color: #ffffff;box-shadow: 0px 0px 10px rgba(0,0,0,0.10);}
.main-menu .navigation > li > ul > li > ul.from-right{left:auto;right:0px;	}
.main-menu .navigation > li > ul > li > ul > li{position:relative;width:100%;border-bottom:1px solid #f9f9f9;}
.main-menu .navigation > li > ul > li > ul > li:last-child{border-bottom:none;	}
.main-menu .navigation > li > ul > li > ul > li > a{position:relative;display:block;padding:10px 18px;line-height:24px;font-weight:500;font-size:15px;text-transform:capitalize;color:#222222;transition:all 500ms ease;-moz-transition:all 500ms ease;-webkit-transition:all 500ms ease;-ms-transition:all 500ms ease;-o-transition:all 500ms ease;}
.main-menu .navigation > li > ul > li > ul > li:hover > a{color:#ffffff;background:#7cb434;}
.main-menu .navigation > li > ul > li > ul > li.dropdown > a:after{font-family: 'FontAwesome';content: "\f105";position:absolute;right:10px;top:11px;width:10px;height:20px;display:block;color:#272727;line-height:20px;font-size:16px;font-weight:normal;ext-align:center;z-index:5;	}
.main-menu .navigation > li > ul > li > ul > li.dropdown:hover > a:after{color:#ffffff;	}
.main-menu .navigation > li.dropdown:hover > ul{visibility:visible;opacity:1;left:0px;-moz-transform: rotateX(0deg);-webkit-transform: rotateX(0deg);-ms-transform: rotateX(0deg);-o-transform: rotateX(0deg); transform: rotateX(0deg);}
.main-menu .navigation li > ul > li.dropdown:hover > ul{visibility:visible;opacity:1;top:0;left:100%;-moz-transform: rotateX(0deg);-webkit-transform: rotateX(0deg);-ms-transform: rotateX(0deg);-o-transform: rotateX(0deg);transform: rotateX(0deg);transition:all 300ms ease;-moz-transition:all 300ms ease;-webkit-transition:all 500ms ease;-ms-transition:all 300ms ease;-o-transition:all 300ms ease;	}
.main-menu .navbar-collapse > ul li.dropdown .dropdown-btn{	position:absolute;	right:10px;	top:6px;width:30px;height:30px;text-align:center;color:#ffffff;line-height:28px;border:1px solid #ffffff;background-size:20px;cursor:pointer;z-index:5;display:none;}


.banner{ width:100%; min-width:1200px; /*height:400px;*/ overflow:hidden; position:relative;font-size:0; margin:0 auto;}
.b-img{ /*height:400px;*/  position:absolute; left:0; top:0;}
.b-img img{ display:block; /*height:400px;*/ float:left;}
.b-list{ height:20px; /*padding-top:380px;*/ margin:0 auto;position:relative;z-index:1;}
.b-list span{ display:block;cursor:pointer; width:10px; height:10px; border-radius:50%; background:#fff; float:left; margin:0 5px; _margin:0 3px;}
.b-list .spcss{ background:#d8241d}

.seachBox{width:100%; min-width:1200px; padding-top:24px; overflow:hidden; border-bottom:solid 1px #ededed;height: 54px;line-height: 36px;}
.seachBox .seachBoxL{ float:left; width:90px; overflow:hidden; color:#666}
.seachBox .seachBoxC{ float:left; width:600px; overflow:hidden}
.seachBox .seachBoxC a{color: #666;padding: 0 20px 0 0;}
.seachBox .seachBoxR{ float:right; width:310px; overflow:hidden}
.seachBox .seachBoxR input{ float:left;width: 239px;height: 34px;border: solid 1px #dcdcdc;border-right: 0; background:none;line-height: 34px;color: #c6c6c6;padding: 0 10px}
.seachBox .seachBoxR img{ float:left; width:49px; height:36px; overflow:hidden; display:block}
/***
====================================================================
	Banner Section
====================================================================

***/

.banner-section{	position:relative;	overflow:hidden;	background-color:#222222;}
.banner-section .slide{	position:relative;	padding-top:150px;	padding-bottom:170px;	background-size:cover;	background-position:center center;}
.banner-section .slide:before{position:absolute;content:'';left:0px;top:0px;right:0px;	bottom:0px;z-index:1;	background-color:rgba(0,0,0,0.10);}
.banner-section .slide .image-layer{	position:absolute;	left:0;top:0;	width:100%;	height:100%;	background-repeat: no-repeat;
	background-position: center;	background-size: cover;	/* -webkit-transform:scale(1);	-ms-transform:scale(1);	transform:scale(1);	-webkit-transition: all 6000ms linear;	-moz-transition: all 6000ms linear;	-ms-transition: all 6000ms linear;	-o-transition: all 6000ms linear;	transition: all 6000ms linear; */}
.banner-section .active .slide .image-layer{	/* -webkit-transform:scale(1.15);	-ms-transform:scale(1.15);transform:scale(1.15); */}
.banner-section .content-boxed{	position:relative;	z-index:2;}
.banner-section .content-boxed .inner-boxed{	position:relative;}
.banner-section .content-boxed.alternate .inner-boxed{	max-width:540px;	width:100%;	float:right;}
.banner-section .content-boxed .title{position:relative;color:#ffffff;font-size:32px;line-height:1.8em;margin-bottom:16px;font-weight:400;opacity: 0;letter-spacing:4px;transform: scaleY(0);transform-origin: top;text-transform:uppercase;-webkit-transition: all 1000ms ease;-moz-transition: all 100ms ease;-ms-transition: all 1000ms ease;-o-transition: all 1000ms ease;transition: all 1000ms ease;}
.banner-section .active .content-boxed .title{opacity: 1;transform: scaleY(1);-webkit-transition-delay: 300ms;-moz-transition-delay: 300ms;-ms-transition-delay: 300ms;-o-transition-delay: 300ms;transition-delay: 300ms;}
.banner-section .content-boxed h1{position:relative;color:#ffffff;font-weight:600;line-height:1.4em;  -webkit-text-stroke: 2px #0B70DA; opacity: 0;	text-transform:uppercase;transform: scaleY(0);transform-origin: top;-webkit-transition: all 1000ms ease;-moz-transition: all 100ms ease;-ms-transition: all 1000ms ease;-o-transition: all 1000ms ease;transition: all 1000ms ease;}
.banner-section .active .content-boxed h1{opacity: 1;transform: scaleY(1);-webkit-transition-delay: 600ms;-moz-transition-delay: 600ms;-ms-transition-delay: 600ms;-o-transition-delay: 600ms;transition-delay: 600ms; -webkit-text-stroke: 2px #0B70DA;}
.banner-section .content-boxed .text{	position:relative;	color:#ffffff;	opacity: 0;	font-size:18px;	line-height:1.9em;margin-bottom:35px;font-weight:300;	margin-top:15px;	transform: scaleY(0);	transform-origin: top;	-webkit-transition: all 1000ms ease;	-moz-transition: all 100ms ease;	-ms-transition: all 1000ms ease;	-o-transition: all 1000ms ease;	transition: all 1000ms ease;}
.banner-section .active .content-boxed .text{	opacity: 1;	transform: scaleY(1);	-webkit-transition-delay: 1000ms;	-moz-transition-delay: 1000ms;-ms-transition-delay: 1000ms;-o-transition-delay: 1000ms;transition-delay: 1000ms;}
.banner-section .content-boxed .btns-box{ margin-top:20px;opacity: 0;transform: scaleY(0);transform-origin: top;-webkit-transition: all 1000ms ease;-moz-transition: all 100ms ease;-ms-transition: all 1000ms ease;-o-transition: all 1000ms ease;transition: all 1000ms ease;}
.banner-section .active .content-boxed .btns-box{opacity: 1;transform: scaleY(1);-webkit-transition-delay: 1200ms;-moz-transition-delay: 1200ms;-ms-transition-delay: 1200ms;-o-transition-delay: 1200ms;transition-delay: 1200ms;}
.banner-section .btns-box .theme-btn{position:relative;margin-right:40px;float:left; width:220px; height:60px; text-align:center; color:#fff; font-size:22px; line-height:50px; border-radius:10px; background:#0e6fda;}
.banner-section .content-boxed .btns-box .talk{	position:relative;	float:left;	width:220px; height:60px; text-align:center; color:#fff; font-size:22px; line-height:50px; border-radius:10px; background:#f1b11b;display:inline-block;}
.banner-section .owl-dots{position:absolute;right:110px;top:50%;display:none;}
.banner-section .owl-dots .owl-dot{	position:relative;	width:16px;	height:16px;	margin-bottom:10px;	border-radius:50px;	background-color:#ffffff;	margin-bottom:10px;}
.banner-section .owl-dots .owl-dot:before{	position:absolute;	content:'';	left:0px;	top:0px;	right:0px;	bottom:0px;	opacity:0;	border-radius:50px;	border:3px solid #cc2b5e;	transition:all 0.3s ease;	-moz-transition:all 0.3s ease;-webkit-transition:all 0.3s ease;	-ms-transition:all 0.3s ease;-o-transition:all 0.3s ease;}
.banner-section .owl-dots .owl-dot.active:before,.banner-section .owl-dots .owl-dot:hover::before{	opacity:1;}
.banner-section .owl-nav{	position:absolute;	left:0px;	top:50%;	z-index:1;	width:100%;	opacity:0;	margin-top:-10px;	transition:all 0.3s ease;	-moz-transition:all 0.3s ease;	-webkit-transition:all 0.3s ease;	-ms-transition:all 0.3s ease;	-o-transition:all 0.3s ease;}
.banner-section:hover .owl-nav{	opacity:1;}
.banner-section .owl-nav .owl-prev{	position:absolute;	left:20px;	width:60px;	height:60px;	color:#ffffff;	line-height:56px;	font-size:24px;	text-align:center;	border-radius:50px;	transition:all 500ms ease;	-moz-transition:all 500ms ease;	-webkit-transition:all 500ms ease;	-ms-transition:all 500ms ease;	-o-transition:all 500ms ease;	border:2px solid rgba(255,255,255,0.60);}
.banner-section .owl-nav .owl-next{	position:absolute;	right:20px;	color:#ffffff;	font-size:24px;	width:60px;	height:60px;	color:#ffffff;	line-height:56px;	border-radius:50px;	text-align:center;	transition:all 500ms ease;	-moz-transition:all 500ms ease;	-webkit-transition:all 500ms ease;	-ms-transition:all 500ms ease;	-o-transition:all 500ms ease;	border:2px solid rgba(255,255,255,0.60);}
.banner-section .owl-nav .owl-prev:hover,.banner-section .owl-nav .owl-next:hover{	color:#0e6fda;	border-color:#0e6fda;}

/* Custom Select */

.form-group .ui-selectmenu-button.ui-button{	width:100%;	font-size:16px;	font-style:normal;	height:55px;	padding:10px 18px;	line-height:34px;	color:#555555;	font-weight:300;	border-radius:3px;	background:#ffffff;border:1px solid #ffffff;}
.form-group .ui-button .ui-icon{	background:none;	position:relative;	top:5px;	text-indent:0px;	color:#333333;	}
.form-group .ui-button .ui-icon:before{font-family: 'FontAwesome';	content: "\f0d7";	position:absolute;	right:0px;	top:2px !important;	top:13px;	width:10px;	height:20px;	display:block;	color:#cccccc;	line-height:20px;	font-size:18px;	font-weight:normal;	text-align:center;	z-index:5;}
.ui-widget.ui-widget-content{border:1px solid #e0e0e0;}
.ui-menu .ui-menu-item{font-size:14px;border-bottom:1px solid #e0e0e0;}
.ui-menu .ui-menu-item:last-child{border:none;	}
.ui-state-active, .ui-widget-content .ui-state-active{background:#7cb434;border-color:#7cb434;}
.ui-menu .ui-menu-item-wrapper{position:relative;display:block;padding:8px 20px ;font-size:14px;line-height:24px;}
.ui-menu-item:hover{background-color:#7cb434;}

/*** 
====================================================================

====================================================================
***/

.titbox{ width:1200px; height:80px; margin:0 auto; overflow:hidden;margin-bottom: 34px; text-align:center;font-size: 40px;line-height: 80px; }
.titbox a{ display:block;position:relative}
.titbox .sub{ color:#F0F0F0; font-size:60px; text-transform:uppercase; font-weight:bold}
.titbox .tit{ position:absolute; z-index:1; top:0; left:0;width: 100%; color:#333}
.titbox .tit b{color: #0e6fda; font-weight:bold}

.chanpin{ overflow:hidden; padding-top:70px; padding-bottom:70px;}
.chanpin .index-pro{ width:1200px; margin:0 auto; overflow:hidden;}
.chanpin .index-pro .web{ height: 730px; position: relative; overflow: hidden;}
.chanpin .index-protab{ text-align: center; border-bottom: 1px solid #ddd; padding-bottom:10px;}
.chanpin .index-protab a{ background:#0e6fda; width:130px; display: inline-block; text-align:center; color:#ffffff; font-size: 18px; line-height: 45px;  margin-bottom: -1px; border-radius:10px; margin:0 3px;}
.chanpin .index-protab a:hover,.chanpin .index-protab a.cur{ color: #ffffff;  background:#f1b11b;}

.index-procont{ padding: 38px 0 34px; display: none;}
.index-procont ul{ padding-top:35px; overflow:hidden}
.index-procont ul li{ float:left;width: 270px;margin:0 15px 30px; padding:20px; background:#EDEDED;position: relative;height: 300px;display: block; text-align:center;}
/*.index-procont ul li:nth-child(3n){ margin-right:0}*/
.index-procont ul li img{ display:block;height: 220px;width: 230px;}

/*.index-procont ul li .hover{ position:absolute; width: 250px; top:0; left:0; height:0; text-align:center; background:url(/temimages/bg01.png) 100% 100% repeat;-webkit-transition: height .5s cubic-bezier(0.52, 1.64, 0.37, 0.66);-webkit-transition: height .5s cubic-bezier(0.52, 1.64, 0.37, 0.66);}
.index-procont ul li .hover a{ display:none;margin-top: 63px;color: #fff;line-height: 47px;border-top: solid 1px #c8c5c4;border-bottom: solid 1px #c8c5c4;background: url(/temimages/icon.png) no-repeat center 15px;margin: 54px 65px 0;padding: 15px 0;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}*/
.index-procont ul li p{ padding:10px 0; margin-bottom:0;}
.index-procont ul li p a{height:41px; line-height: 20px;text-align: center;color: #666; padding:5px 0;}
.index-procont ul li:hover p a{color: #fff;text-decoration: none;font-weight: bold;}
.index-procont ul li:hover{background:#0E6FDA; overflow:hidden; display:block; color:#fff; text-align:center;cursor:pointer}


.injianjie{ background: rgb(248, 248, 248);overflow:hidden; padding-top:60px; padding-bottom:80px;}
.injianjie .injianjie_in{width:1200px; margin:0 auto; overflow:hidden;}
.injianjie .injianjie_in .injianjie_lf{overflow: hidden;border-color: transparent;border-width: 0px;position: relative;width: 288px;height: 423px; float:left; background:url(/temimages/7a36.jpg) top left no-repeat;}
.injianjie .injianjie_in .injianjie_lf .injianjie_lf_top{left: 40px;top: 125px;position: absolute;z-index: 126;width: 218px;height: 56px;}
.injianjie .injianjie_in .injianjie_lf .injianjie_lf_top p{ color: rgb(255,255,255);font-family: ΢ÈíÑźÚ;font-size: 32px; line-height:43px; margin:0; text-align:center;}
.injianjie .injianjie_in .injianjie_lf .injianjie_lf_top p b{font-size: 36px;letter-spacing: 5px;color: rgb(255, 255, 255); font-weight:normal;}
.injianjie .injianjie_in .injianjie_lf .injianjie_lf_top p span{font-family: ΢ÈíÑźÚ;font-size: 32px;letter-spacing: 22px;color: rgb(255, 255, 255); display:block; width:100%; text-align:center; margin-left:10px;}
.injianjie .injianjie_in .injianjie_lf .injianjie_lf_bot{left: 15px;top: 238px;position: absolute;z-index: 128;width: 237px;height: 74px;}
.injianjie .injianjie_in .injianjie_lf .injianjie_lf_bot p{ font-size:18px;color:#ffffff; line-height:32px;font-family: ΢ÈíÑźÚ; margin:0;}
.injianjie .injianjie_in .injianjie_lf .injianjie_lf_bot p.injianjie_lf_bot_lft{ text-align:left;}
.injianjie .injianjie_in .injianjie_lf .injianjie_lf_bot p.injianjie_lf_bot_rg{ text-align:right; padding-right:60px;}
.injianjie .injianjie_in .injianjie_rg{ width:869px; float:right;}
.injianjie .injianjie_in .injianjie_rg .injianjie_rg_top{}
.injianjie .injianjie_in .injianjie_rg .injianjie_rg_top p{ font-size:20px; line-height:35px;font-family: ΢ÈíÑźÚ; margin-bottom:0px; color:rgb(51, 51, 51);}
.injianjie .injianjie_in .injianjie_rg .injianjie_rg_bot { margin-top:20px;}
.injianjie .injianjie_in .injianjie_rg .injianjie_rg_bot p{ font-size:14px; line-height:26px;font-family: ΢ÈíÑźÚ; margin-bottom:0px; color:rgb(127, 127, 127); text-indent:28px;}
.injianjie .injianjie_in .injianjie_rg .injianjie_rg_bot ul{ margin-top:15px;}
.injianjie .injianjie_in .injianjie_rg .injianjie_rg_bot ul li{ float:left; width:268px; height:202px; margin:7px 10px 0;}
.injianjie .injianjie_in .injianjie_rg .injianjie_rg_bot ul li img{  width:268px; height:202px;}


.inanli{background-image: url("/temimages/a6875.jpg");background-position: center center;background-repeat: no-repeat; width:100%; height:570px; padding:70px 0;}
.inanli .titbox{ width:1200px; height:80px; margin:0 auto; overflow:hidden;margin-bottom: 34px; text-align:center;font-size: 40px;line-height: 80px; }
.inanli .titbox a{ display:block;position:relative}
.inanli .titbox .sub{ color:#333; font-size:60px; text-transform:uppercase; font-weight:bold}
.inanli .titbox .tit{ position:absolute; z-index:1; top:0; left:0;width: 100%; color:#F0F0F0}
.inanli .titbox .tit b{color: #0e6fda; font-weight:bold}
.inanli .inanli_in{ width:1200px; margin:0 auto; overflow:hidden;}
.inanli .inanli_in #zxhj{ width:96%; margin:0 auto; margin-top:.5rem; margin-bottom:1.5rem;}
.inanli .inanli_in #zxhj .swiper-slide img{ width:300px; height:260px;}
.inanli .inanli_in #zxhj .swiper-slide a p{ font-size:14px; line-height:40px; text-align:center; color:#fff;}
.inanli .inanli_in #zxhj .swiper-button-prev{width:3rem;height:3rem;line-height:3rem;text-align:center;border-radius:50%;border:1px solid #cccccc;background:rgba(102,102,102,.3);font-size:1.8rem;font-weight:bold;font-family:"ËÎÌå";color:#fff;top:120px;left:0;}
.inanli .inanli_in #zxhj .swiper-button-next{width:3rem;height:3rem;line-height:1.6em;text-align:center;border-radius:50%;border:1px solid #cccccc;background:rgba(102,102,102,.3);font-size:1.8rem;font-weight:bold;font-family:"ËÎÌå";color:#fff;top:120px;right:0;}


.news{width:100%; margin:0 auto; background:#ffffff; padding:70px 0;}
.news .news_in{width:1200px; margin:0 auto; overflow:hidden;}
.news .news_in .left{ width:550px; height:460px; float:left; overflow:hidden; margin:0 20px;}
.news .news_in .left .tit{height:48px; line-height:46px;font-size: 18px; border-bottom:1px solid #ccc;margin-bottom: 20px;}
.news .news_in .left .tit p{ float:left; max-width:120px; line-height:46px;font-size: 18px;border-bottom: solid 3px #0e6fda;color: #0e6fda;font-weight: bold; height:46px; margin-bottom:0px;}
.news .news_in .left .tit a{color:#555;color: #333;text-transform: uppercase;font-weight: normal;font-size: 14px; line-height:46px; float:right}

.news .news_in .left .Contentbox{}
.news .news_in .left .Contentbox .item{}
.news .news_in .left .Contentbox .item .one{ width:550px; overflow:hidden;height: 140px;margin-bottom: 17px;}
.news .news_in .left .Contentbox .item .one .l{ width:161px; height:140px; float:left; overflow:hidden; line-height:140px; text-align:center; color:#fff;font-weight: bold;font-size: 28px; background:url(/temimages/newsbg.gif) no-repeat}
.news .news_in .left .Contentbox .item .one .r{ width:388px; height:140px;float:right; overflow:hidden}
.news .news_in .left .Contentbox .item .one .r img{width:388px; height:140px;transition: all 0.5s;}
.news .news_in .left .Contentbox .item .one .r:hover img{transform: scale(1.1)}

.news .news_in .left .Contentbox .item .two{height: 98px;overflow: hidden;color: #555;border-bottom: solid 1px #dfdfe0;margin-bottom: 22px; padding-bottom:20px}
.news .news_in .left .Contentbox .item .two a{ float:left;height: 42px;font-size: 16px;line-height: 42px;color: #0e6fda; max-width:400px; font-weight:bold}
.news .news_in .left .Contentbox .item .two span{color: #8c8a8a;float: right;font-size: 14px;height: 42px;line-height: 42px;}
.news .news_in .left .Contentbox .item .two .sub{ color:#555; line-height:26px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient: vertical;}

.news .news_in .left .Contentbox .item ul{ overflow:hidden}
.news .news_in .left .Contentbox .item ul li{height: 29px;line-height: 29px;color: #555;}
.news .news_in .left .Contentbox .item ul li a{ float:left;padding-left: 14px; background:url(/temimages/icon7.gif) no-repeat left center;color: #555; max-width:400px;}
.news .news_in .left .Contentbox .item ul li span{float: right;color: #b1a5a5;}
.news .news_in .left .Contentbox .item ul li a:hover{color: #c81622; font-weight:bold}
.news .news_in .rg{  float: right;}

.inzizhi{background:rgb(248, 248, 248); padding:70px 0;}
.inzizhi .inzizhi_in{ width:1200px; margin:0 auto; overflow:hidden;}
.inzizhi .inzizhi_in #zzry{ width:96%; margin:0 auto; margin-top:.5rem; margin-bottom:1.5rem;}
.inzizhi .inzizhi_in #zzry .swiper-slide img{ width:100%; height:100%;}
.inzizhi .inzizhi_in #zzry .swiper-slide a p{ font-size:14px; line-height:40px; text-align:center; color:#fff;}
.inzizhi .inzizhi_in #zzry .swiper-button-prev{width:3rem;height:3rem;line-height:3rem;text-align:center;border-radius:50%;border:1px solid #cccccc;background:rgba(102,102,102,.3);font-size:1.8rem;font-weight:bold;font-family:"ËÎÌå";color:#fff;top:100px;left:0;}
.inzizhi .inzizhi_in #zzry .swiper-button-next{width:3rem;height:3rem;line-height:1.6em;text-align:center;border-radius:50%;border:1px solid #cccccc;background:rgba(102,102,102,.3);font-size:1.8rem;font-weight:bold;font-family:"ËÎÌå";color:#fff;top:100px;right:0;}

.footer{ width:100%; margin:0 auto; background:#1e1e1e; padding:50px 0;}
.footerbox{ width:1200px; margin:0 auto; overflow:hidden}
.footerbox .footL{overflow: hidden;white-space: nowrap;width: 258px; min-height:190px;padding: 7px 0 0; float:left}
.footerbox .footL img{ width:190px; height:190px; display:block}
.footerbox .footR{width: 1200px; margin:0 auto;overflow: hidden;}
.footerbox .footR .fl{ width:350px; height:150px; overflow:hidden; float:left;padding-left: 100px;}
.footerbox .footR .fl.fl_1{ background:url(/temimages/icon9.png) no-repeat 0 20px}
.footerbox .footR .fl.fl_2{background:url(/temimages/icon10.png) no-repeat 0 20px; margin-left:60px}
.footerbox .footR .fl h3{height: 29px;line-height: 29px;font-size: 16px;color: #ccc;font-weight: normal;}
.footerbox .footR .fl .con{line-height: 30px; color:#777}
.footerbox .footR .fr{ float:right;width: 82px;padding: 5px 0 0;text-align: center;}
.footerbox .footR .fr img{ width:82px; height:82px; display:block}
.footerbox .footR .fr p{ text-align:center;  line-height: 32px;  color: #999;}

.footeraa{ background:#161616; width:100%; padding:30px 0;}
.footeraa .footeraa_in{ width:1200px; margin:0 auto;}
.footeraa .footeraa_in .footeraa_in_lf{ width:700px; float:left;}
.footeraa .footeraa_in .footeraa_in_lf p{ font-size:14px; line-height:26px; color:#666; margin-bottom:0;} 
.footeraa .footeraa_in .footeraa_in_rg{width:490px; float:right;}
.footeraa .footeraa_in .footeraa_in_rg ul li{ width:95px; text-align:center; line-height:78px; float:left;}
.footeraa .footeraa_in .footeraa_in_rg ul li a{ display:block; color:#666; font-size:14px;}




.mainWarp{ width:1200px; margin:0 auto;margin: 40px auto;}
.mainLeft{float: left;width: 220px;}
.typebox{border: 2px solid #0B70DA;width: 212px;min-height:50px;background: #fcfcfc;}
.typebox .tit{background:#0B70DA;color: #fff;font-size: 18px;font-weight: normal;line-height: 2.5;}
.typebox .tit p{ text-align:center}
.typebox ul{ overflow:hidden;margin-top: 20px;margin-bottom: 10px;}
.typebox ul li{background: #e1e1e1;margin: 10px 15px;width: 190px;line-height:35px;font-size: 14px; height:35px; overflow:hidden;}
.typebox ul li a{ float:left;color: #444444; max-width:140px;}
.typebox ul li p{ float:left;margin: 12px 10px;background: #000;border-radius: 50%;width: 12px;height: 12px;color: #fff;line-height: 0.8;text-align: center;}
.typebox ul li:hover{background: #0B70DA; transition: all .5s;}
.typebox ul li:hover p{background: #fff;color: #000; transition: all .5s;}
.typebox ul li:hover a{color: #fff;transition: all .5s;}

.mainLeft .titboxcon{border-left: 4px solid #0B70DA; height:27px;padding-left: 10px;margin:20px 0 10px; overflow:hidden}
.mainLeft .titboxcon p{font-size: 18px;color: #0B70DA;}
.mainLeft .lxwm{}
.mainLeft .lxwm .con{line-height: 2; padding-top:10px}
ul.newsul{ overflow:hidden}
ul.newsul li{ height:35px;line-height:35px;color: #666; border-bottom:1px dashed #ddd}
ul.newsul li a{ color:#666}
ul.newsul li a:hover{ color:#0B70DA}



.mainRight{ float:right; width:962px; overflow:hidden}
.brandnav{width: 962px;border: 1px solid #ccc;padding: 5px; height:40px; line-height:27px; overflow:hidden}
.brandnav p{ float:left;color: #0B70DA;font-size: 16px;font-weight: normal;padding-left: 10px; max-width:200px; margin-bottom:0px;}
.brandnav .con{ float:right; font-size:14px; color:#333; max-width:300px}

ul.piclistul{padding: 15px;width: 930px; border: 1px solid #ccc;margin-top: 10px;min-height:300px; overflow:hidden}
ul.piclistul li{ width:279px; height:280px; overflow:hidden; float:left; margin:10px; padding:15px; background:#efefef;}
ul.piclistul li .proimg{ width:250px; height:230px;_display:table;display:table-cell;text-align:center;border:1px solid #ddd;vertical-align:middle; overflow:hidden;}
ul.piclistul li .proimg img{vertical-align:middle; width:250px; height:230px; transition: all 0.5s;}
ul.piclistul li p{ text-align:center;line-height: 30px; color:#333; padding:0 10px; margin-bottom:0px;}
ul.piclistul li:nth-child(3n){ margin-right:0}
ul.piclistul li:hover{ background:#f1b11b; color:#fff;}
ul.piclistul li:hover p{color:#fff;}
ul.piclistul li:hover img{transform: scale(1.1)}
/*ul.piclistul li:hover .proimg{ border:1px solid #0B70DA}*/



ul.listul{padding: 15px 35px; overflow:hidden;border: 1px solid #ccc;margin-top: 10px;min-height:300px;}
ul.listul li{ height:36px; line-height: 36px;border-bottom: 1px dotted #CCC; text-align:left;}
ul.listul li p{background: #0B70DA;width: 14px; height: 14px; border-radius: 50%;float: left;text-align:center;color: #fff;margin-right: 15px; margin-bottom:0px; margin-top:12px; line-height:12px;}
ul.listul li a{ float:left;color: #333; max-width:600px;font-size: 14px;}
ul.listul li span{ float:right;color: #666;font-size: 13px;}


.detailbox{padding: 15px;border: 1px solid #ccc;margin-top: 10px;min-height:300px; overflow:hidden}
.detailbox .xq{}
.detailbox .xq h1{font-size: 20px;line-height: 40px;text-align: center;color: #0B70DA;}
.detailbox .xq .date{margin: 10px 0;padding: 5px 10px;font-size: 14px;line-height: 24px;color: #666;text-align: center;border: 1px dotted #ccc;}
.detailbox .xq .con{padding: 10px;line-height:30px; padding-bottom:20px;}
.detailbox .xq .prroimg{ display:block; margin:0 auto; max-width:650px; padding:10px 0}


.detailbox .xq .picbox{width:100%;text-align:center;padding-top:10px;font-size:14px;line-height:31px;overflow:hidden;}
.detailbox .xq .picbox img{display:block;margin:16px auto 6px;}
.detailbox .xq .picbox ul.e8{font-size:12px;line-height:normal;}
.detailbox .xq .picbox ul.e8 li .pic{background:none;border:1px solid #EEE;overflow:hidden;}
.detailbox .xq .picbox ul.e8 img{margin:3px;border:none;}
.detailbox .xq .picbox ul.e8 li .title{padding-top:0px;}


/*·ÖÒ³*/

.pagelist {width: 717px;margin: 0 auto;padding: 50px 0 50px 0;}
.Paging_BoxUl {float: left;margin: 0 9px;border-top: none !important;}
.pagelist .thisclass{background-color: #0B70DA;border: 1px solid #fff; color: #fff;}
.pagelist ul li {float: left;text-align: center;line-height: 34px;border: 1px solid #eeeeee;margin-left: -1px;cursor: pointer;background: #fff;padding:5px 18px;font-size:14px;}
.pagelist ul li a {display: block;color: #999; font-size:14px;}
.pagelist ul li:hover {border: 1px solid #fff;background-color: #0B70DA;color: #fff;}
.pagelist ul li:hover a {color: #fff;}
.pagelist ul li select{ width:100%;}