@charset "gb2312";
@font-face {
font-family: webfont;
src: url("../images/webfont.TTF");
}
/* 清除内外边距 */
@charset "utf-8";
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, /* structural elements 结构元素 */
dl, dt, dd, ul, ol, li, /* list elements 列表元素 */
pre, /* text formatting elements 文本格式元素 */
fieldset, lengend, button, input, textarea, /* form elements 表单元素 */
th, td { /* table elements 表格元素 */
    margin: 0;
    padding: 0;
}
img{border: none;}
input,textarea {border: 2 none; box-shadow: none; outline: none;}

/* 设置默认字体 */

h1 {font-size: 18px;}
h2 {font-size: 16px;}
h3 {font-size: 14px;}
h4, h5, h6 {font-size: 100%;}
* h1,* h2,* h3,* h4,* h5,* h6{margin: 0px;} /*覆盖bootstrape对标题加的默认外边距*/

address, cite, dfn, em, i, var {font-style: normal;} /* 斜体扶正 */

/* 重置列表元素 */
ul, ol ,li{list-style: none;}

/* 重置文本格式元素 */
a {text-decoration: none; color: #666; word-wrap:break-word;}/*英文换行*/
a:hover {text-decoration: none; color:#910800;}


/* 重置表单元素 */
legend {color: #000;} /* for ie6 */
fieldset, img {border: none;} /* img 搭车：让链接里的 img 无边框 */
/* 注：optgroup 无法扶正 */
button, input, select, textarea {
    font-size: 100%; /* 使表单元素在 ie 下能继承字体大小 */
}

/* 重置表格元素 */
table {
    border-collapse: collapse;
    border-spacing: 0;
}

/* 让非ie浏览器默认也显示垂直滚动条，防止因滚动条引起的闪烁 */
html {overflow-y: scroll;}

/*设置浮动*/
.fl {float: left;}
.fr {float: right;}
.pr{position: relative;}
.pa{position: absolute;}

.clearfix{*zoom: 1;}
.clearfix:after{visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0;}
body {
	font-family: "微软雅黑";
	margin: 0px;
	padding: 0px;
}
div,ul,li{
	list-style-type: none;
}
a{
	color: #333;
	text-decoration: none;
}
a:hover{
	text-decoration: none;
	color: #F00;
}
.left{
	float: left;
}
.right{
	float: right;
}
.w1400{
	width: 1400px;
	margin-right: auto;
	margin-left: auto;
}
.top{
	height: 150px;
	width: 100%;
	overflow: hidden;
}
.logo{
	background-image: url(../images/logo.png);
	background-repeat: no-repeat;
	background-position: left center;
	height: 150px;
	width: 750px;
	text-align: center;
	float: left;
}
.tel{
	float: right;
	background-image: url(../images/tel.png);
	background-repeat: no-repeat;
	background-position: left 8px;
	height: 60px;
	padding-left: 60px;
	margin-top: 40px;
	margin-right: 30px;
}
.tel span{
	font-size: 14px;
	line-height: 25px;
	width: 150px;
}
.tel dt{
	font-family: webfont;
	font-size: 30px;
}
.erwei{
	float: right;
	height: 80px;
	width: 80px;
	margin-top: 35px;
}
.erwei img{
	height: 80px;
	width: 80px;
}
.nav_main{
	position: relative;
	z-index: 9;
	background-color: #ededed;
	width: 100%;
}
.nav{height:60px;position: relative;width:1400px;margin:0 auto;}
.nav .list{/*width: 106%;*/ text-align: left;}
.nav li{float:left;width: 155.5px;display: block;position: relative;z-index: 10;height: 60px;}
.nav li a{
	font-size: 16px;
	text-align: center;
	height: 60px;
	line-height: 60px;
	cursor: pointer;
	display: block;
	position: relative;
	overflow: hidden;
	color: #333;
}
.nav li.hover a,.nav li:hover a{
	background-color: #4e63ff;
	color: #FFF;
}
.nav li .hover{background-color: #4e63ff;color: #FFF;}
#nav .subnav{position:absolute;width:100%;top:60px;left:0px;transition: all .6s ease 0s;transform: translate3d(0, 10px, 0);-moz-transform: translate3d(0, 10px, 0);opacity: 0;visibility: hidden;-webkit-transform: translate3d(0, 10px, 0); text-align:center;overflow: hidden;z-index: 199;}
#nav li:hover .subnav{opacity: 1; visibility: visible; transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -webkit-transform: translate3d(0, 0, 0); text-align: center;}
.nav .subnav .nav2{width:100%;}
.nav .subnav .nav2 li{display:block;width:100%;font-size:14px;line-height:43px;background:none; height:43px; padding:0; border-bottom:#dddddd solid 1px;background-color:#fff;}
.nav li.tnav6{padding-right:0; background:none;}
.nav .subnav .nav2 li a{display:block;width:100%;height:43px;font-size:14px;line-height:43px;color:#333;padding:0;}
.nav li.hover li a,.nav li:hover li a{background-color:#fff;}
.nav .subnav .nav2 li:hover a{
	color: #FFFFFF;
	background-color: #0066FF;
	border-bottom-width: 3px;
	border-bottom-style: solid;
	border-bottom-color: #03F;
}
.nav span{
	line-height: 60px;
	background-image: url(../images/home2.png);
	background-repeat: no-repeat;
	background-position: 5px center;
	height: 60px;
	width: 155.5px;
	padding-left: 30px;
}
.nav .home a{
	background-image: url(../images/home1.png);
	background-repeat: no-repeat;
	background-position: 30px center;
	padding-left: 20px;
}
.nav .home a:hover{
	background-image: url(../images/home2.png);
	background-repeat: no-repeat;
	background-position: 30px center;
}
.nav .home .hover{
	background-image: url(../images/home2.png);
	background-repeat: no-repeat;
	background-position: 30px center;
}
/*banner*/
.banner{
	height: 600px;
	width: 100%;
	overflow:hidden; position:relative;
}
.box_skitter img {
	max-width: none;
}
/* Tip for stildv */
.box_skitter ul {
	display: none;
}

.box_skitter .container_skitter {
	overflow: hidden;
	position: relative;
}

.box_skitter .image {
	width: 1920px;
	position: absolute;
	left: 50%;
	top: 0;
	margin-left: -960px;
}
.box_skitter .image img {
	display: none;
}

/* =Box clone
-------------------------------------------------------------- */
.box_skitter .box_clone {
	position: absolute;
	top: 0;
	left: 0;
	width: 100px;
	overflow: hidden;
	display: none;
	z-index: 2;
}

.box_skitter .box_clone img {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2;
}


/* =Numbers
-------------------------------------------------------------- */
.box_skitter .info_slide {
	display: inline-block;
	height: 16px;
	position: absolute;
	right: 0;
	bottom: 26px;
	z-index: 5;
}

.box_skitter .info_slide .image_number {
	display: inline-block;
	width: 12px;
	height: 12px;
	margin-left: 10px;
	cursor: pointer;
	text-indent: -9999px;
	float: left;
	overflow: hidden;
}

.box_skitter .info_slide .image_number_select{
	background-position: 0 -12px;
}

/* =Thumbs
	Change width and height to customization dimension thumb
-------------------------------------------------------------- */
.box_skitter .container_thumbs {
	position: relative;
	overflow: hidden;
	height: 50px;
}

.box_skitter .info_slide_thumb {
	height: 50px;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	border-radius: 0;
	overflow: hidden;
	top: auto;
	top: 0;
	left: 0;
	padding: 0 !important;
	opacity: 1.0;
}

.box_skitter .info_slide_thumb .image_number {
	overflow: hidden;
	width: 100px;
	height: 50px;
	position: relative;
	margin: 0 !important;
	padding: 0 !important;
	-moz-border-radius: 0 !important;
	-webkit-border-radius: 0 !important;
	border-radius: 0 !important;
}

.box_skitter .info_slide_thumb .image_number img {
	position: absolute;
	top: -30px;
	left: -30px;
	height: 100px;
}

.box_skitter .box_scroll_thumbs {
	padding: 0;
}

.box_skitter .box_scroll_thumbs .scroll_thumbs {
	position: absolute;
	bottom: 60px;
	left: 50px;
	background: #ccc;
	background: -moz-linear-gradient(-90deg, #555, #fff);
	background: -webkit-gradient(linear, left top, left bottom, from(#555), to(#fff));
	width: 200px;
	height: 10px;
	overflow: hidden;
	text-indent: -9999em;
	z-index: 101;
	cursor: pointer;
	border: 0px solid #333;
}

/* =Dots
-------------------------------------------------------------- */
.box_skitter .info_slide_dots {
	position: absolute;
	bottom: -40px;
	z-index: 151;
	padding: 5px 0 5px 5px;
	-moz-border-radius: 50px;
	-webkit-border-radius: 50px;
	border-radius: 50px;
}

.box_skitter .info_slide_dots .image_number {
	background: #333;
	float: left;
	margin: 0 5px 0 0;
	cursor: pointer;
	-moz-border-radius: 50px;
	-webkit-border-radius: 50px;
	border-radius: 50px;
	width: 18px;
	height: 18px;
	text-indent: -9999em;
	overflow: hidden;
	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	transition: all 0.2s;
}

.box_skitter .info_slide_dots .image_number:hover {
	background: #000;
}

.box_skitter .info_slide_dots .image_number_select, .box_skitter .info_slide_dots .image_number_select:hover {
	background: #cc3333;
	float: left;
	margin: 0 5px 0 0;
}

/* =Loading
-------------------------------------------------------------- */
.loading {
	position: absolute;
	top: 50%;
	right: 50%;
	z-index: 10000;
	margin: -16px -16px;
	color: #fff;
	text-indent: -9999em;
	overflow: hidden;
	
	width: 32px;
	height: 32px;
}

/* =Label
-------------------------------------------------------------- */

.box_skitter .progressbar {
	background: #000;
	position: absolute;
	top: 5px;
	left: 15px;
	height: 5px;
	width: 200px;
	z-index: 99;
	border-radius: 20px;
}

/* =Preview slide
-------------------------------------------------------------- */
.box_skitter .preview_slide {
	display: none;
	position: absolute;
	z-index: 152;
	bottom: 30px;
	left: -40px;
	width: 100px;
	height: 100px;
	background: #fff;
	border: 1px solid #222;
	-moz-box-shadow: rgba(0,0,0,0.7) 2px 2px 5px;
	-webkit-box-shadow: rgba(0,0,0,0.7) 2px 2px 5px;
	box-shadow: rgba(0,0,0,0.7) 2px 2px 5px;
	overflow: hidden;
}

.box_skitter .preview_slide ul {
	height: 100px !important;
	overflow: hidden !important;
	margin: 0 !important;
	list-style: none !important;
	display: block !important;
	position: absolute !important;
	top: 0;
	left: 0;
}

.box_skitter .preview_slide ul li {
	width: 100px !important;
	height: 100px !important;
	overflow: hidden !important;
	float: left !important;
	margin: 0 !important;
	padding: 0 !important;
	position: relative !important;
	display: block !important;
}

.box_skitter .preview_slide ul li img {
	position: absolute !important;
	top: 0 !important;
	left: 0 !important;
	height: 150px !important;
	width: auto !important;
}

/* =Focus
-------------------------------------------------------------- */
#overlay_skitter {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 9998;
	opacity: 1;
	background: #000;
}

.box_skitter .focus_button {
	position: absolute;
	top: 50%;
	z-index: 100;
	width: 42px;
	height: 42px;
	overflow: hidden;
	text-indent: -9999em;
	margin-top: -25px;
	opacity: 0;
	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	transition: all 0.2s;
}

.box_skitter .play_pause_button {
	position: absolute;
	top: 50%;
	z-index: 151;
	width: 42px;
	height: 42px;
	overflow: hidden;
	text-indent: -9999em;
	margin-top: -25px;
	opacity: 0;
	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	transition: all 0.2s;
}

.box_skitter .play_pause_button.play_button {
}


.box_skitter .play_pause_button:hover {
	opacity: 0.5 !important;
}

.box_skitter .focus_button:hover {
	opacity: 0.5 !important;
}

/* =Example for dimenions
-------------------------------------------------------------- */
.box_skitter_large {
	width: 800px;
	height: 300px;
}

.box_skitter_small {
	width: 200px;
	height: 100px;
}
.box_skitter .info_slide{ position:absolute; z-index:7; left:auto!important; right:45%; width:10%; bottom:35px; padding: 0px 0px; height:auto;  text-align:center; }
.box_skitter .info_slide .image_number{background: none repeat scroll 0 0 #f1f1f1;color: #FFFFFF;cursor: pointer;display: inline-block;margin-left: 5px;padding: 0px 0px; font-size:0px; float:none; text-indent:0; width:16px; height:16px; border-radius:50%;}
.box_skitter .info_slide .image_number_select{background: none repeat scroll 0 0 #118cd0;color: #FFFFFF; }
/*banner结束*/
.gjc{
	background-image: url(../images/lhd.png);
	background-repeat: repeat-y;
	height: 100px;
	width: 100%;
	background-position: center center;
}
.gjc .floor_1_1 em{font-size:20px; color:#fff; line-height:20px; padding-top:26px; float:left;}
.gjc .floor_1_1 em span{display:block; font-size:14px; color:#88b0e7; line-height:14px; padding-top:10px;}
.gjc .floor_1_1 i{display:block;font-size:30px;color:#fff;font-family:"Arial";float:left;margin-left: 90px;margin-top:34px;line-height:32px;}
.gjc .floor_1_1 i span{
	display: inline-block;
	float: left;
	width: 32px;
	height: 32px;
	margin-right: 12px;
	background-image: url(../images/icon.png);
	background-repeat: no-repeat;
}
.gjc .floor_1_1 .guanjzhi{float:right; width:456px;}
.gjc .floor_1_1 .guanjzhi b{display:block; color:#fff; font-size:16px; line-height:16px; font-weight:normal; padding-top:16px;}
.gjc .floor_1_1 .guanjzhi p{
	display: block;
	padding-top: 10px;
	line-height: 25px;
	height: 50px;
	overflow: hidden;
}
.gjc .floor_1_1 .guanjzhi p a{
	font-size: 14px;
	color: #fff;
	float: left;
}
.gjc .floor_1_1 .guanjzhi p span{float: left;color: #fff;}
.gjc .floor_1_1 .guanjzhi p a:nth-child(4) span{display:none;}
.gjc .floor_1_1 .guanjzhi p a:first-child+a+a+a span{display:none;}

.main{
	float: left;
	width: 100%;
	background-color: #f2f2f2;
	padding-bottom: 20px;
}

.main .title{
	font-size: 40px;
	color: #333;
	text-align: center;
	height: 110px;
	margin-top: 60px;
	margin-bottom: 50px;
	font-weight: bold;
	background-image: url(../images/titled.png);
	background-repeat: no-repeat;
	background-position: center bottom;
	overflow: hidden;
	letter-spacing: 5px;
}
.main .title span{
	color: #4845f8;
}
.main .title strong{
	color: #FFF;
}
.main .title p{
	font-size: 18px;
	color: #000;
	font-weight: normal;
	line-height: 30px;
	letter-spacing: 0px;
}
.main .title p em{color: #FFF;}
.main .title p i{
	color: #999;
}
.main .title.t{margin-top: 20px;}
/*产品分类*/
.product_fl{
	float: left;
	width: 100%;
	background-color: #FFF;
}
.yin{
	width: 1420px;
	padding-top: 0px;
	padding-bottom: 70px;
	padding-left: 10px;
	overflow: hidden;
	padding-top: 13px;
	margin-left: -10px;
}
.yin li{
	width: 264px;
	float: left;
	margin-right: 20px;
	height: 420px;
}
.cp01{
	width: 262px;
	position: relative;
	-webkit-transition: transform .3s;
	transition: transform .3s;
	background-image: url(../images/flbj.jpg);
	background-repeat: repeat;
	background-position: left top;
	overflow: hidden;
	border-radius: 10px;
	margin-right: auto;
	margin-left: auto;
	height: 420px;
	text-align: center;
}
.cp01 h3{
	overflow: hidden;
	text-align: center;
	margin-top: 25px;
}
.cp01 h3 a{
	font-size: 20px;
	line-height: 25px;
	color: #2F2F2F;
}
.cp01 h3 em{width: 1.5rem;height: 1.5rem;display: block;float: right;line-height: 0;padding: 0.2rem 0 0;}
.cp01 h3 em img{width: 1.5rem;height: 1.5rem;}
.cp01 ul{
	width: 90%;
	display: inline-block;
	margin-left: 5%;
	padding-top: 15px;
	font-size: 14px;
	text-align: center;
	line-height: 25px;
	color: #666;
	margin-right: 5%;
}
.cp01 ul li{
	height: 35px;
	line-height: 35px;
	float: left;
	margin-right: 16px;
}
.cp01 li a{font-size: 14px;color: #666;display:block; float:left;position: relative;vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;}
.cp01 li a:before {
  content: "";
  position: absolute;
  z-index: 1;
  left: 0;
  right: 100%;
  bottom: -2px;
  background: #3871c1;
  height: 2px;
  -webkit-transition-property: right;
  transition-property: right;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.cp01 li a:hover:before {
  right: 0;
}
.cp01 ul li a:hover{color: #333;}
.cp01 p{width: 100%;line-height: 0;}
.cp01 p img{display: block;width: 262px;cursor: pointer;transition: all 0.6s;}
.cp01 p img:hover{transform: scale(1.2);}
.cp01 b{background: url(../images/cp_k01.png) no-repeat;display: block;width: 43px;height: 60px;position: absolute;bottom: 0;right: 0;font-size: 26px;color: #fff;line-height: 66px;padding-left: 25px;overflow: hidden;}
.cp01:hover{
	box-shadow: 0 3px 10px 3px rgba(0,0,0,0.1);
	-webkit-transform: translate(0,-3px);
	transform: translate(0,-3px);
	border: 1px solid #06F;
}
.cp01:hover b{background: url(../images/cp_k02.png) no-repeat;}
.chanp .nobor{margin-right: 0;}
.cp01 span a{
	height: 30px;
	width: 100px;
	border: 1px solid #5F5F5F;
	border-radius: 5px;
	font-size: 14px;
	line-height: 30px;
	color: #5F5F5F;
	text-align: center;
	margin-top: 25px;
	display: inline-block;
}
.cp01:hover span a{
	color: #FFF;
	background-color: #06F;
	border: 1px solid #FFF;
}
/*产品中心*/
.product_list{
	background-color: #f2f2f2;
	float: left;
	width: 100%;
	padding-bottom: 60px;
}
.index_product1{
	background-color: #FFF;
	height: 450px;
	width: 1400px;
	margin-bottom: 20px;
	overflow: hidden;
	-moz-box-shadow:0px 0px 5px #c3c3c3; -webkit-box-shadow:0px 0px 5px #c3c3c3; box-shadow:0px 0px 5px #c3c3c3;
}
.index_product1 em{
	background-image: url(../images/xuhaol.png);
	background-repeat: no-repeat;
	background-position: left top;
	float: left;
	height: 58px;
	width: 61px;
	margin-top: 30px;
	margin-left: -11px;
	font-size: 38px;
	line-height: 75px;
	font-weight: bold;
	color: #FFF;
	padding-left: 40px;
	font-family: webfont;
	z-index: 9;
	position: absolute;
}
.index_product1 .left{
	float: left;
	height: 450px;
	width: 650px;
	overflow: hidden;
}
.index_product1 .left h3{
	font-size: 30px;
	color: #333;
	margin-top: 47px;
	margin-left: 110px;
	font-weight: normal;
}
.index_product1 .left p{
	padding: 30px;
	height: 115px;
	width: 590px;
	font-size: 14px;
	line-height: 30px;
	color: #666;
}
.index_product1 .left p span a{
	background-image: url(../images/pmore.png);
	background-repeat: no-repeat;
	background-position: left top;
	float: right;
	height: 23px;
	width: 53px;
	display: block;
	margin-top: 5px;
}
.index_product1 .left p span a:hover{
	background-image: url(../images/pmore1.png);
	background-repeat: no-repeat;
	background-position: left top;
	display: block;
	height: 23px;
	width: 53px;
}
.index_product1 .left .lb{
	height: 179px;
	width: 590px;
	background-color: #f9f9f9;
	padding-top: 10px;
	padding-right: 30px;
	padding-left: 30px;
}
.index_product1 .left .lb h4{
	font-size: 24px;
	color: #484848;
	background-image: url(../images/fld.png);
	background-repeat: no-repeat;
	background-position: left bottom;
	padding-bottom: 7px;
	margin-bottom: 5px;
}
.index_product1 .left .lb li a{
	height: 40px;
	width: 159px;
	margin-right: 15px;
	border: 1px solid #999;
	float: left;
	margin-top: 15px;
	font-size: 16px;
	line-height: 40px;
	color: #333;
	padding-right: 10px;
	padding-left: 10px;
	overflow: hidden;
	text-align: center;
	display: block;
}
.index_product1 .left .lb li a:hover{
	color: #FFF;
	background-color: #09F;
	border: 1px solid #FFF;
}
.index_product1 .right{
	float: left;
	height: 450px;
	width: 750px;
	overflow: hidden;
	height:auto;
}
.index_product1 .right ul{
	height: 451px;
	width: 751px;}
.index_product1 .right li{
	background-color: #CCC;
	height: 224.5px;
	width: 374.5px;
	margin-right: 1px;
	margin-bottom: 1px;
	float: left;
	overflow: hidden;
	text-align: center;
	position:relative;
}
.index_product1 .right li img{
	width: 374.5px;
	height: auto;
	cursor: pointer;
  transition: all 0.6s;
  position: relative;
}
.index_product1 .right li img:hover{transform: scale(1.3);}
.index_product1 .right li .text{
    width:100%; height:0; overflow:hidden; position:absolute; left:0; bottom:0; font-size:12px; color:#fff;background: rgba(0,0,0,.6);
}
.index_product1 .right li .text h5{
	font-size: 18px;
	-webkit-margin-before: 1em;
	-webkit-margin-after: 1em;
	-webkit-margin-start: 0px;
	-webkit-margin-end: 0px;
	font-weight: normal;
	margin-top: 9px;
	line-height: 30px;
}


.index_product2{
	background-color: #FFF;
	height: 450px;
	width: 1400px;
	margin-bottom: 20px;
	overflow: hidden;
	-moz-box-shadow:0px 0px 5px #c3c3c3; -webkit-box-shadow:0px 0px 5px #c3c3c3; box-shadow:0px 0px 5px #c3c3c3;
}
.index_product2 em{
	background-image: url(../images/xuhaor.png);
	background-repeat: no-repeat;
	background-position: left top;
	float: right;
	height: 58px;
	width: 86px;
	margin-top: 30px;
	font-size: 38px;
	line-height: 75px;
	font-weight: bold;
	color: #FFF;
	padding-left: 15px;
	font-family: webfont;
	z-index: 9;
	position: absolute;
	margin-left: 1310px;
}
.index_product2 .right{
	float: left;
	height: 450px;
	width: 650px;
	overflow: hidden;
}
.index_product2 .right h3{
	font-size: 30px;
	color: #333;
	margin-top: 47px;
	font-weight: normal;
	text-align: right;
	margin-right: 110px;
}
.index_product2 .right p{
	padding: 30px;
	height: 115px;
	width: 590px;
	font-size: 14px;
	line-height: 30px;
	color: #666;
}
.index_product2 .right p span a{
	background-image: url(../images/pmore.png);
	background-repeat: no-repeat;
	background-position: left top;
	float: right;
	height: 23px;
	width: 53px;
	display: block;
	margin-top: 5px;
}
.index_product2 .right p span a:hover{
	background-image: url(../images/pmore1.png);
	background-repeat: no-repeat;
	background-position: left top;
	display: block;
	height: 23px;
	width: 53px;
}
.index_product2 .right .lb{
	height: 179px;
	width: 590px;
	background-color: #f9f9f9;
	padding-top: 10px;
	padding-right: 30px;
	padding-left: 30px;
}
.index_product2 .right .lb h4{
	font-size: 24px;
	color: #484848;
	background-image: url(../images/fld.png);
	background-repeat: no-repeat;
	background-position: left bottom;
	padding-bottom: 7px;
	margin-bottom: 5px;
}
.index_product2 .right .lb li a{
	height: 40px;
	width: 159px;
	margin-right: 15px;
	border: 1px solid #999;
	float: left;
	margin-top: 15px;
	font-size: 16px;
	line-height: 40px;
	color: #333;
	padding-right: 10px;
	padding-left: 10px;
	overflow: hidden;
	text-align: center;
	display: block;
}
.index_product2 .right .lb li a:hover{
	color: #FFF;
	background-color: #09F;
	border: 1px solid #FFF;
}
.index_product2 .left{
	float: left;
	height: 450px;
	width: 750px;
	overflow: hidden;
	height:auto;
}
.index_product2 .left ul{
	height: 451px;
	width: 751px;}
.index_product2 .left li{
	background-color: #CCC;
	height: 224.5px;
	width: 374.5px;
	margin-right: 1px;
	margin-bottom: 1px;
	float: left;
	overflow: hidden;
	text-align: center;
	position:relative;
}
.index_product2 .left li img{
	width: 374.5px;
	height: auto;
	cursor: pointer;
  transition: all 0.6s;
  position: relative;
}
.index_product2 .left li img:hover{transform: scale(1.3);}
.index_product2 .left li .text{
    width:100%; height:0; overflow:hidden; position:absolute; left:0; bottom:0; font-size:12px; color:#fff;background: rgba(0,0,0,.6);
}
.index_product2 .left li .text h5{
	font-size: 18px;
	-webkit-margin-before: 1em;
	-webkit-margin-after: 1em;
	-webkit-margin-start: 0px;
	-webkit-margin-end: 0px;
	font-weight: normal;
	margin-top: 9px;
	line-height: 30px;
}

.rx{
	background-image: url(../images/rxcp.png);
	background-repeat: no-repeat;
	background-position: left top;
	height: 182px;
	width: 1400px;
}
.rx ul{
	height: 167px;
	width: 1080px;
	margin-left: 270px;
	overflow: hidden;
	float: left;
	margin-top: 10px;
}
.rx ul li{
	float: left;
	height: 55px;
	width: 1080px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #D1D1D1;
	overflow: hidden;
}
.rx ul li h4{
	font-size: 20px;
	width: 100px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #838383;
	color: #484848;
	padding-left: 20px;
	height: 20px;
	line-height: 20px;
	margin-top: 18px;
	float: left;
}
.rx ul li dd{
	font-size: 14px;
	line-height: 55px;
	color: #333;
	background-image: url(../images/arr1.png);
	background-repeat: no-repeat;
	background-position: left center;
	float: left;
	margin-left: 30px;
	padding-left: 10px;
}

/*实力践行*/
.sl{
	background-image: url(../images/dq.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
	height: 900px;
	width: 100%;
	float: left;
}
.sl ul{
	float: left;
	width: 1415px;
}
.ibrand-num li{
	float: left;
	width: 283px;
	height: 197px;
}
.ibrand-num a dl{
	float: left;
	width: 265px;
	height: 197px;
	text-align: center;
	background: url(../images/iserve_bg.png) no-repeat;
	font-weight: bold;
	color: #2a2a36;
	padding-top: 95px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
	z-index: 10;
	position: absolute;
	margin-left: 18px;
}
.ibrand-num a:hover dl{
	float: left;
	width: 265px;
	height: 197px;
	text-align: center;
	background: url(../images/iserve_bg.png) no-repeat 0 -292px;
	font-weight: bold;
	color: #FFFFFF;
	padding-top: 95px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
	z-index: 10;
	position: absolute;
	margin-left: 18px;
}

.ibrand-num a dl:after{content:'';position:absolute;width:100px;height:30px;background:url(../images/iserve_shadow.png);bottom:-30px;left:50%;margin-left:-60px;}
.ibrand-num a dl:first-child{margin-left:0;}
.ibrand-num a dl span{font-size: 50px;font-family: "webfont";line-height: 66px;}
.ibrand-num a dl i{font-size: 20px;color: #f68100;padding-left: 5px;}
.ibrand-num a dl b{display:block;font-size: 20px; padding:5px 0 0;}
.ibrand-num a dl.shi_li02{
	background: url(../images/iserve_bg.png) no-repeat 0 -292px;
	color: #fff;
}
.ibrand-num a dl.shi_li02 i{color: #fff;}
.ibrand-num dt{
	background-color: #3765ff;
	height: 250px;
	width: 245px;
	margin-right: 10px;
	margin-left: 10px;
	z-index: 9;
	position: relative;
	margin-top: 210px;
	padding-top: 100px;
}
.ibrand-num dt h4{
	font-size: 14px;
	line-height: 30px;
	color: #FFF;
	height: 85px;
	width: 215px;
	margin-right: 15px;
	margin-left: 15px;
	overflow: hidden;
	text-align: center;
	font-weight: normal;
}
.ibrand-num dt img{
	height: 130px;
	width: 225px;
	margin-top: 25px;
	margin-bottom: 20px;
	margin-right: 10px;
	margin-left: 10px;
}

/*公司简介*/
.index_about{
	float: left;
	width: 100%;
	background-color: #FFF;
	background-image: url(../images/abouts.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	padding-bottom: 70px;
}
.index_about .content{
	background-color: #FFF;
	height: 430px;
	width: 1400px;
	-moz-box-shadow: 0px 0px 5px #999;
	-webkit-box-shadow: 0px 0px 5px #999;
	box-shadow: 0px 0px 8px #999;
	margin-top: 130px;
	float: left;
	background-image: url(../images/aboutbj.jpg);
	background-repeat: no-repeat;
	background-position: right bottom;
}
.index_about .content .left{
	float: left;
	width: 750px;
	overflow: hidden;
	padding-left: 10px;
	margin-top: 20px;
}
.index_about .content .left .ti{
	height: 60px;
}
.index_about .content .left h3{
	font-size: 40px;
	color: #333;
	letter-spacing: 2px;
	line-height: 35px;
}
.index_about .content .left h4{
	font-size: 32px;
	color: #D90000;
	line-height: 40px;
	margin-bottom: 15px;
	margin-top: 10px;
}

.index_about .content .left p{
	font-size: 16px;
	line-height: 30px;
	color: #484848;
	margin-right: 20px;
	margin-top: 40px;
	height: 240px;
	overflow: hidden;
	margin-bottom: 15px;
}
.index_about .content .left span{
	height: 35px;
	width: 130px;
}
.index_about .content .left span a{
	height: 35px;
	width: 130px;
	border-radius: 25px;
	-moz-border-radius: 25px; /* Old Firefox */
	background-color: #D90000;
	font-size: 14px;
	line-height: 35px;
	color: #FFF;
	text-align: center;
	margin-top: 10px;
	display: block;
}
.index_about .content .left span a:hover{
	background-color: #FC0;
}
.index_about .content .right{
	float: left;
	height: 390px;
	width: 570px;
	overflow: hidden;
	margin-top: 20px;
	margin-right: 30px;
	margin-left: 20px;
}

.videolist {
	position: relative;
	width: 570px;
	height: 390px;
}
.videolist:hover{ cursor: pointer; }
.videoed { width:90px; height:90px; position: absolute; left:43%; top:37%; z-index:99; border-radius:100%; }
.videos{ display:none; border: 1px solid #080808; position:fixed; left:50%; top:48%; margin-left:-400px; margin-top:-210px; z-index:100; width:800px; height:400px; }
.vclose { position:absolute;right:1%; top:1%; border-radius:100%; cursor: pointer; }
.cons{height: 430px; width: 1000px;margin: 0 auto;}
.masklayer{position: fixed;display: none;width: 100%;height: 1000px;top: 0px;left: 0px;background-color: rgba(0, 0, 0, 0.8);z-index: 1000;-webkit-user-select: none;-ms-user-select: none;}


.index_about .aboutys{
	float: left;
	height: 160px;
	width: 1400px;
	margin-top: 20px;
}
.index_about .aboutys .ysleft{
	background-image: url(../images/aboutd.gif);
	background-repeat: no-repeat;
	background-position: left top;
	float: left;
	height: 185px;
	width: 272px;
	z-index: 10;
	bottom: 20px;
	position: relative;
}
.index_about .aboutys .ysright{
	float: left;
	height: 100px;
	width: 1400px;
	overflow: hidden;
	position: absolute;
	background-color: #0890e1;
}
.about_list{
	height: 250px;
	width: 1400px;
	float: left;
	margin-top: 30px;
	overflow: hidden;
}
.about_list .box{
	width: 1410px;
	height: 250px;
	overflow: hidden;
	position: relative;
	margin-left: -5px;
}
.about_list .alsm{
	height: 240px;
	width: 9999px;
}
.about_list .alsm .gd{
	width: 346px;
	float: left;
	height: 240px;
	overflow: hidden;
	padding: 5px;
}
.about_list .alsm a li{
	float: left;
	width: 310px;
	height: 220px;
	padding: 10px;
	display: inline-block;
	background-color: #FFF;
	-moz-box-shadow: 0px 0px 5px #999;
	-webkit-box-shadow: 0px 0px 5px #999;
	box-shadow: 0px 0px 5px #999;
	margin-right: 20px;
}
.about_list .alsm a:hover li{
	background-color: #d60000;
}
.about_list .alsm .img{
	height: 177px;
	width: 310px;
	overflow: hidden;
	text-align: center;
}
.about_list .alsm .img img{
	height: auto;
	cursor: pointer;
	transition: all 0.6s;
	width: 330px;
}
.about_list .alsm .img img:hover{transform: scale(1.3);}
.about_list .alsm a p{
	font-size: 16px;
	line-height: 43px;
	background-image: url(../images/ab1.png);
	background-repeat: no-repeat;
	background-position: right center;
	height: 43px;
	width: 310px;
	overflow: hidden;
}
.about_list .alsm a:hover p{
	color: #FFF;
	background-image: url(../images/ab0.png);
	background-repeat: no-repeat;
	background-position: right center;
}
.scroll_horizontals{
	position: absolute;
	width: 1400px;
	height: 240px;
}
.scroll_horizontals .prev,
.scroll_horizontals .next{
	position: relative;
	font: 0/0 Arial;
	cursor: pointer;
}
.scroll_horizontals .prev{
	left: -65px;
	background-image: url(../images/jtl02.png);
	background-repeat: no-repeat;
	height: 50px;
	width: 50px;
	margin-top: -160px;
}
.scroll_horizontals .next{
	background-image: url(../images/jtr02.png);
	background-repeat: no-repeat;
	height: 50px;
	width: 50px;
	float: right;
	right: -65px;
	margin-top: -50px;
}
.scroll_horizontals .prev:hover{
	background-image: url(../images/jtl03.png);
	background-repeat: no-repeat;
}
.scroll_horizontals .next:hover{
	background-image: url(../images/jtr03.png);
	background-repeat: no-repeat;
}

.bantel{
	height: 340px;
	width: 100%;
	margin-top: -50px;
	background-image: url(../images/bannerz.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	float: left;
	z-index: 10;
	position: relative;
	background-color: #FFF;
}
.gg01{
	position: absolute;
	left: 50%;
	margin-left: 488px;
	top: 100px;
	width: 210px;
	text-align: center;
	white-space: nowrap;
}
.gg01 p{
	height: 83px;
	background-image: url(../images/c_pho.png);
	background-repeat: no-repeat;
	background-position: right top;
	padding-right: 10px;
	color: #FFF;
}
.gg01 p b{
	display: block;
	font-family: Arial;
	font-size: 30px;
	line-height: 38px;
	margin-top: 10px;
	color: #FFF;
}
.gg01 span{display: block;line-height:43px;border: solid 1px #fff;color: #fff;font-size: 16px;}
.gg01 a:hover span,.gg01 span:hover,.gg01:hover span{
	color: #fff;
	background-color: #0033FF;
	border: #0033FF;
}

/*首页案例*/
.anli{
	width: 100%;
	float: left;
	z-index: 8;
	background-color: #FFF;
}
.casebj{
	width: 1400px;
	overflow: hidden;
	padding-bottom: 50px;
}
.case{ height:640px;}
.case h3{text-align: center; font-size: 36px; color:#333333; line-height: 36px; margin-bottom: 30px;}
.case h3 i{display: block; font-size: 20px; color:#666666; background:url("../images/xt5.png") no-repeat center;}
.case .cabt{height:70px;margin-bottom: 22px;}
.case .cabt ul{
	width: 1400px;
	height: 70px;
	float: left;
	background-color: #f5f5f5;
}
.case .cabt ul li{
	float: left;
	height: 70px;
	width: 200px;
}
.case .cabt ul li .img{
	float: left;
	text-align: center;
	height: 70px;
	width: 70px;
	margin-top: 20px;
}
.case .cabt ul li .bt{
	float: left;
	height: 70px;
	width: 130px;
	margin-top: 17px;
}
.case .cabt ul li .bt h4{
	font-size: 18px;
	line-height: 25px;
}
.case .cabt ul li .bt p{
	font-size: 12px;
	color: #999;
}
.case .cabt ul li a:hover{
	font-size: 18px;
	color: #d60000;
}

.case .box{
	width: 1400px;
	height: 540px;
	overflow: hidden;
	position: relative;
}
.case .alsm{
	height: 540px;
	width: 9999px;
}
.case .alsm .gd{
	width: 354px;
	float: left;
	height: 540px;
	overflow: hidden;
}
.case .alsm .gd a{
	color: #333;
}
.case .alsm .gd a:hover{
	color: #FFF;
}
.case .alsm li{
	float: left;
	width: 336px;
	height: 540px;
	margin-right: 20px;
	background-color: #fff;
}
.case .alsm dl{
	width: 336px;
	height: 540px;
	display: inline-block;
}

.case .alsm dl dt{
	width: 296px;
	height: 220px;
	overflow: hidden;
	margin-right: 20px;
	margin-left: 20px;
	margin-top: -150px;
	display: inline-block;
}
.case .alsm dl dt img{
	width: auto;
	height: 220px;;
	cursor: pointer;
	transition: all 0.6s;
  }
.case .alsm dl dt img:hover{transform: scale(1.3);}

.case .alsm a dl dd{
	background-color: #f5f5f5;
	width: 296px;
	height: 390px;
	display: inline-block;
	padding-top: 30px;
	padding-right: 20px;
	padding-bottom: 20px;
	padding-left: 20px;
}
.case .alsm a:hover dl dd{
	background-color: #d60000;
}
.case .alsm dl dd span{
	display: block;
	font-size: 24px;
	margin-bottom: 20px;
	text-align: center;
	font-weight: bold;
	line-height: 25px;
	height: 25px;
	overflow: hidden;
}
.case .alsm dl dd em{
	display: block;
	margin-bottom: 12px;
	font-size: 20px;
	height: 30px;
	line-height: 30px;
	text-align: center;
}
.case .alsm dl dd p{
	font-size: 14px;
	margin-bottom: 19px;
	line-height: 30px;
	text-align: center;
	height: 90px;
	overflow: hidden;
}
.case .alsm dl dd .url{
	font-size: 14px;
	line-height: 40px;
	color: #FFF;
	background-color: #d60000;
	text-align: center;
	height: 40px;
	width: 150px;
	margin-right: auto;
	margin-left: auto;
}
.case .alsm a:hover dl dd .url{
	color: #d60000;
	background-color: #FFF;
}
.case .alsm dl dd strong{display: block; width:260px; height:39px;}
.case .alsm dl dd strong a{display: block; float:left; width:84px; padding-left:44px;border:1px solid #aaaaaa; height:37px;line-height: 37px; font-size: 16px; color:#7b7b7b;}
.case .alsm dl dd strong .zx{background:url(" ../images/zx.png") no-repeat 18%;}
.case .alsm dl dd strong .xq{background:url(" ../images/xq.png") no-repeat 18%;}
.case .alsm dl dd strong a:hover{color:#FFF;width:86px; padding-left:44px;height:39px; border:0;}
.case .alsm dl dd strong .zx:hover{background:#b61218 url(" ../images/zx_h.png") no-repeat 18%;}
.case .alsm dl dd strong .xq:hover{background:#b61218 url(" ../images/xq_h.png") no-repeat 18%;}
.scroll_horizontal{
	position: absolute;
	width: 1400px;
	height: 500px;
}
.scroll_horizontal .prev,
.scroll_horizontal .next{
	position: relative;
	font: 0/0 Arial;
	cursor: pointer;
}
.scroll_horizontal .prev{
	left: -55px;
	background-image: url(../images/prev1.png);
	background-repeat: no-repeat;
	height: 80px;
	width: 32px;
	margin-top: -300px;
}
.scroll_horizontal .next{
	background-image: url(../images/next1.png);
	background-repeat: no-repeat;
	height: 80px;
	width: 32px;
	float: right;
	right: -55px;
	margin-top: -80px;
}
.scroll_horizontal .prev:hover{
	background-image: url(../images/prev1h.png);
	background-repeat: no-repeat;
}
.scroll_horizontal .next:hover{
	background-image: url(../images/next1h.png);
	background-repeat: no-repeat;
}
.ys{
	background-image: url(../images/ysd.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	float: left;
	height: 1205px;
	width: 100%;
	background-color: #f5f5f5;
}
.ys .cont{
	height: 900px;
	width: 1340px;
	margin-right: 30px;
	margin-left: 30px;
	margin-top: 55px;
	float: left;
}
.ys .cont li{
	float: left;
	height: 450px;
	width: 670px;
}
.ys .l1{margin-left: 278px;}
.ys .l2{margin-left: 56px;}
.ys .t1{margin-top: 30px;}
.ys .t2{margin-top: 68px;}
.ys .t3{margin-top: 38px;}
.ys .x1{background-image: url(../images/ys1.jpg);}
.ys .x2{background-image: url(../images/ys2.jpg);}
.ys .x3{background-image: url(../images/ys3.jpg);}
.ys .x4{background-image: url(../images/ys4.jpg);}
.ys .cont li dl{
	height: 396px;
	width: 312px;
	border: 12px solid #f8c22e;
	overflow: hidden;
}
.ys .cont li dl img{
	height: 396px;
	width: 312px;
    cursor: pointer;
    transition: all 0.6s;
  }
.ys .cont li dl img:hover{transform: scale(1.3);}
.ys .cont li dt{
	background-color: #FFF;
	height: 244px;
	width: 235px;
	position: absolute;
	z-index: 10;
	padding: 50px;
	background-repeat: no-repeat;
	background-position: 50px 130px;
}
.ys .cont li dt h1{
	margin-top: 25px;
}
.ys .cont li dt p{
	font-size: 16px;
	line-height: 30px;
	color: #666;
	margin-top: 50px;
}

.ddlc{
	background-color: #f5f5f5;
	height: 350px;
	width: 100%;
	float: left;
}
.ddlc .titl{
	text-align: center;
	margin-top: 40px;
	width: 1400px;
}
.ddlc .center{
	text-align: center;
	display: block;
	height: 40px;
	width: 408px;
	margin-right: auto;
	margin-left: auto;
}
.ddlc .titl h7{
	font-size: 32px;
	line-height: 40px;
	color: #333;
	letter-spacing: 5px;
	float: left;
}
.ddlc .titl em{
	background-color: #06F;
	height: 2px;
	width: 70px;
	margin-right: 30px;
	margin-left: 30px;
	display: block;
	float: left;
	margin-top: 19px;
}
.iflow{
	overflow: hidden;
	background: url(../images/liuc_line.png) no-repeat 165px 45px;
	margin-top: 60px;
	margin-left: 15px;
}
.iflow .item{float:left;width:171px;text-align:center;color:#333;font-weight:bold;font-size: 14px;}
.iflow .item .icon{display:block;width:100px;height:100px;margin:0 auto 12px;position:relative;}
.iflow .item .icon i:before{content:'';}
.iflow .item .icon i,.iflow .item .icon i:before{position:absolute;width:100%;height:100%;top:0;left:0;background:url(../images/iflow_icon.png)}
.iflow .item .icon i.default{background-position:0 0;-webkit-transform: translateX(0) rotate(0);transform: translateX(0) rotate(0);-webkit-transition: all 0.35s ease-out;transition: all 0.35s ease-out;}
.iflow .item .icon i.hover{background-position:0 -100px;opacity:1;visibility:hidden;-webkit-transform: scale(0.5);transform: scale(0.5);-webkit-transition: all 0.1s ease 0.2s;transition: all 0.1s ease 0.2s;}
.iflow .item.i1 .icon i:before{background-position:0 -200px;}
.iflow .item.i2 .icon i:before{background-position:0 -300px;}
.iflow .item.i3 .icon i:before{background-position:0 -400px;}
.iflow .item.i4 .icon i:before{background-position:0 -500px;}
.iflow .item.i5 .icon i:before{background-position:0 -600px;}
.iflow .item.i6 .icon i:before{background-position:0 -700px;}
.iflow .item.i7 .icon i:before{background-position:0 -800px;}
.iflow .item.i8 .icon i:before{background-position:0 -900px;}
.iflow .item:hover .icon i.default{opacity: 0;visibility:hidden;-webkit-transform: translateX(100%) rotate(180deg);transform: translateX(100%) rotate(180deg);}
.iflow .item:hover .icon i.hover{visibility:visible;opacity:1;-webkit-transform:scale(1);transform:scale(1);}

.index_news{
	float: left;
	width: 100%;
	background-image: url(../images/newsd.jpg);
	background-repeat: no-repeat;
	background-position: center bottom;
}
.news{padding-top:0px;height:860px;}
.news_title{
	font-size: 20px;
	line-height: 40px;
	color: #333;
	background-image: url(../images/newstop.png);
	background-repeat: no-repeat;
	background-position: left center;
	height: 40px;
	width: 650px;
	padding-left: 35px;
	font-weight: bold;
}
.news_title em{
	font-size: 16px;
	color: #999;
	font-weight: normal;
	margin-left: 10px;
}
.news_title i{
	float: right;
	height: 1px;
	width: 300px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #CCC;
	margin-right: 20px;
	margin-top: 20px;
}
.news_title span{
	background-image: url(../images/more.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	display: inline-block;
	float: right;
	height: 25px;
	width: 85px;
	margin-top: 9px;
}
.news_l{
	float: left;
	width: 685px;
	margin-right: 30px;
}
.news_l .news_list{
	background-color: #FFF;
	height: 701px;
	width: 655px;
	margin-top: 20px;
	-moz-box-shadow: 0px 0px 5px #999;
	-webkit-box-shadow: 0px 0px 5px #999;
	box-shadow: 0px 0px 8px #aeaeae;
	padding: 15px;
}
.news_l .news_list .news_top{
	width: 655px;
	height: 455px;
	float: left;
}
.news_l .news_list .img{
	height: 350px;
	width: 655px;
	overflow: hidden;
}
.news_l .news_list .img img{
	width: 655px;
	height: auto;
	cursor: pointer;
	transition: all 0.6s;
	margin-top: -80px;
  }
.news_l .news_list .img img:hover{transform: scale(1.3);}
.news_l .news_list .news_top h3{
	background-image: url(../images/newst.png);
	background-repeat: no-repeat;
	background-position: left center;
	height: 55px;
	width: 570px;
	padding-left: 85px;
	font-size: 18px;
	line-height: 55px;
	font-weight: bold;
	color: #333;
	overflow: hidden;
}
.news_l .news_list .news_top p{
	font-size: 14px;
	line-height: 25px;
	color: #868686;
	height: 50px;
	width: 655px;
	overflow: hidden;
}
.newslist{
	margin-top: 21px;
	float: left;
}
.newslist li{
	font-size: 14px;
	line-height: 45px;
	height: 45px;
	background-image: url(../images/dbx3.png);
	background-repeat: no-repeat;
	background-position: 10px center;
	padding-left: 20px;
	overflow: hidden;
	width: 635px;
}
.newslist li span{
	line-height: 45px;
	color: #666;
	float: right;
	margin-right: 10px;
	margin-left: 10px;
}
.newslist li:nth-child(2n){
	background-color: #fff;
}
.newslist li:nth-child(2n-1){
	background-color: #F7F7F7;
}
.news_r{
	float: left;
	width: 685px;
	height: 700px;
}
.news_a{
	background-color: #FFF;
	height: 185px;
	width: 685px;
	margin-top: 20px;
	overflow: hidden;
	padding-top: 10px;
	padding-bottom: 10px;
}
.news_a li{
	float: left;
	height: 185px;
	width: 322.5px;
	overflow: hidden;
	margin-right: 10px;
	position: relative;
	margin-left: 10px;
}
.news_a li img{
	width: 322.5px;
	height: auto;
	cursor: pointer;
	transition: all 0.6s;
}
.news_a li img:hover{transform: scale(1.3);}
.news_a li h3{
	position: absolute;
	left: 0;
	bottom: 0;
	background-color: rgba(0,0,0,.5);
	color: #FFF;
	width: 302.5px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	font-size: 16px;
	font-weight: normal;
	overflow: hidden;
	padding-right: 10px;
	padding-left: 10px;
}
.news_b{
}
.news_b li a{
	background-color: #FFF;
	height: 80px;
	width: 683px;
	border: 1px solid #CCC;
	margin-top: 10px;
	padding-top: 15px;
	padding-bottom: 15px;
	display: inline-block;
}
.news_b li a:hover{box-shadow: 0px 0px 5px 3px rgba(0,0,0,0.1);transition: opacity 1s, transform 1s;}
.news_b li span{
	height: 80px;
	width: 120px;
	margin-right: 20px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #CCC;
	float: left;
	text-align: center;
	font-family: webfont;
}
.news_b li span em{
	width: 120px;
	font-size: 20px;
	line-height: 55px;
	height: 50px;
	float: left;
	color: #EA0000;
}
.news_b li span i{
	width: 120px;
	height: 30px;
	font-size: 18px;
	float: left;
	color: #333;
	line-height: 10px;
}
.news_b li h3{
	float: left;
	font-size: 18px;
	line-height: 30px;
	height: 30px;
	width: 522px;
	overflow: hidden;
	font-weight: normal;
}
.news_b li p{
	float: left;
	width: 522px;
	font-size: 14px;
	line-height: 25px;
	color: #666;
	height: 50px;
	overflow: hidden;
}
.news_c{
	background-color: #FFF;
	height: 250px;
	width: 655px;
	margin-top: 10px;
	padding-top: 5px;
	padding-right: 15px;
	padding-bottom: 10px;
	padding-left: 15px;
}
.news_c .newsc_title{
	font-size: 20px;
	line-height: 40px;
	color: #333;
	height: 40px;
	width: 650px;
	font-weight: bold;
}
.news_c .newsc_title em{
	font-size: 16px;
	color: #999;
	font-weight: normal;
	margin-left: 10px;
}
.news_c .newsc_title i{
	float: right;
	height: 1px;
	width: 300px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #CCC;
	margin-right: 20px;
	margin-top: 20px;
}
.news_c .newsc_title span{
	background-image: url(../images/more.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	display: inline-block;
	float: right;
	height: 25px;
	width: 85px;
	margin-top: 9px;
}
.news_c .news_list{
	width: 655px;
	margin-top: 10px;
	height: 315px;
	overflow: hidden;
}
.news_c .news_list ul{
	width: 655px;
	height: 210px;
	overflow: hidden;
}
.news_c .news_list li{
	height: 105px;
	width: 655px;
	overflow: hidden;
	display: block;
}
.news_c .news_list li h4{
	font-size: 16px;
	line-height: 30px;
	color: #333;
	height: 30px;
	width: 620px;
	overflow: hidden;
	padding-left: 35px;
	background-image: url(../images/n1.png);
	background-repeat: no-repeat;
	background-position: left center;
}
.news_c .news_list li a:hover h4{
	color: #FF0000;
}
.news_c .news_list li p{
	height: 65px;
	width: 620px;
	padding-left: 35px;
	font-size: 14px;
	line-height: 30px;
	color: #666;
	overflow: hidden;
	background-image: url(../images/n2.png);
	background-repeat: no-repeat;
	background-position: left top;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
}

.friendlink{
	background-color: #3e3e3e;
	width: 100%;
	float: left;
	margin-top: -20px;
}
.friendlink ul{
	color: #FFF;
	background-image: url(../images/lj.png);
	background-repeat: no-repeat;
	background-position: left 5px;
	padding-left: 45px;
	overflow: hidden;
	margin-bottom: 10px;
	margin-top: 5px;
}
.friendlink ul h4{
	font-size: 18px;
	line-height: 30px;
	color: #FFF;
	float: left;
	margin-right: 15px;
	margin-top: 5px;
}
.friendlink ul li{
	font-size: 16px;
	line-height: 30px;
	color: #FFF;
	float: left;
	margin-right: 30px;
	margin-top: 5px;
}
.friendlink ul li a{
	color: #FFF;
}
.friendlink ul li a:hover{
	color: #CA0000;
}
.font{
	background-image: url(../images/font.png);
	background-repeat: no-repeat;
	background-position: center top;
	height: 345px;
	width: 100%;
	float: left;
}
.ft_nav{
	float: left;
	width: 280px;
	margin-top: 30px;
}
.ft_nav a img{
	margin-top: 17px;
	margin-right: 10px;
	float: left;
	height: 18px;
	width: 17px;
}
.ft_nav a{
	font-size: 16px;
	line-height: 50px;
	color: #CCC;
	float: left;
	height: 50px;
	width: 140px;
}

.ft_c{
	float: right;
	width: 426px;
	margin-top: 30px;
}
.ft_c p{
	font-size: 16px;
	line-height: 50px;
	color: #CCC;
	height: 50px;
}
.ft_c p img{
	float: left;
	height: 17px;
	width: 17px;
	margin-top: 17px;
	margin-right: 10px;
}
.ft_l{
	float: left;
	width: 150px;
	margin-top: 30px;
	margin-left: 60px;
	font-size: 14px;
	color: #FFF;
	text-align: center;
	line-height: 30px;
}
.ft_l img{
	height: 140px;
	width: 140px;
	margin-top: 15px;
}
.ft_r{
	float: right;
	margin-top: 30px;
	width: 150px;
	font-size: 14px;
	line-height: 30px;
	color: #CCC;
	text-align: center;
}
.ft_r img{
	height: 140px;
	width: 140px;
	margin-top: 15px;
}
.copyright{
	float: left;
	height: 73px;
	margin-top: 42px;
	width: 100%;
}
.copyright .left{
	font-size: 14px;
	line-height: 73px;
	color: #333;
	float: left;
}
.copyright .left span{
	margin-right: 60px;
}
.copyright .right{
	font-size: 14px;
	line-height: 73px;
	color: #333;
}
.copyright .right span{
	margin-left: 60px;
}
 .client-2 {
            position: fixed;
            right: -170px;
            top: 50%;
            z-index: 900;
        }
        
        .client-2 li a {
            text-decoration: none;
        }
        .client-2 li {
            margin-top: 1px;
            clear: both;
            height: 62px;
            position: relative;
        }
        
        .client-2 li i {
            background: url(../images/fx.png) no-repeat;
            display: block;
            width: 30px;
            height: 27px;
            margin: 0px auto;
            text-align: center;
        }
        
        .client-2 li p {
            height: 20px;
            font-size: 12px;
            line-height: 20px;
            overflow: hidden;
            text-align: center;
            color: #fff;
        }
        
        .client-2 .my-kefu-qq i {
            background-position: 4px 5px;
        }
        
        .client-2 .my-kefu-tel i {
            background-position: 0 -21px;
        }
        
        .client-2 .my-kefu-liuyan i {
            background-position: 4px -53px;
        }
        
        .client-2 .my-kefu-weixin i {
            background-position: -34px 4px;
        }
        
        .client-2 .my-kefu-weibo i {
            background-position: -30px -22px;
        }
        
        .client-2 .my-kefu-ftop {
            display: none;
        }
        
        .client-2 .my-kefu-ftop i {
               width: 33px;
    height: 31px;
    background-position: -23px -47px;
    background-size: 52px 82px;
        }
        .client-2 .my-kefu-ftop .my-kefu-main{
            padding-top: 6px;
        }
        
        .client-2 .my-kefu-left {
            float: left;
            width: 62px;
            height: 47px;
            position: relative;
        }
        
        .client-2 .my-kefu-tel-right {
            font-size: 16px;
            color: #fff;
            float: left;
            height: 24px;
            line-height: 22px;
            padding: 0 15px;
            border-left: 1px solid #fff;
            margin-top: 14px;
        }
        
        .client-2 .my-kefu-right {
            width: 20px;
        }
        
        .client-2 .my-kefu-tel-main {
	color: #fff;
	height: 53px;
	width: 230px;
	padding: 9px 0 0;
	float: left;
	background-color: #4f64ff;
        }
        
.client-2 .my-kefu-main {
            background: #4f64ff;
            width: 97px;
            height: 53px;
            position: relative;
            padding:9px 0 0;
            float: left;
}
        
.client-2 .my-kefu-weixin-pic {
            position: absolute;
            left: -130px;
            top: -24px;
            display: none;
            z-index: 333;
}
        
.my-kefu-weixin-pic img {
            width: 115px;
            height: 115px;
}
.weizhi{
	font-size: 16px;
	line-height: 50px;
	height: 50px;
	width: 1360px;
	box-shadow: 0 0 10px #E1E1E1;
	margin-bottom: 20px;
	background-color: #FFF;
	background-image: url(../images/wz.png);
	background-repeat: no-repeat;
	background-position: 10px center;
	padding-left: 40px;
	margin-top: 20px;
}

.contents{
	background-color: #FFF;
	float: left;
	width: 1360px;
	box-shadow: 0 0 10px #E1E1E1;
	padding-top: 20px;
	padding-right: 20px;
	padding-bottom: 20px;
	padding-left: 20px;
}
.bannern{
	height: 300px;
	width: 100%;
	overflow: hidden;
	text-align: center;
}
.bannern img{
	height: 300px;
	width: auto;
	border: none;
	list-style-type: none;
}

.aboutlist{
	width: 1320px;
	margin-bottom: 40px;
	margin-top: 40px;
	font-size: 16px;
	line-height: 40px;
	padding-right: 20px;
	padding-left: 20px;
	color: #333;
}
.aboutlist img{
	margin-right: auto;
	display: block;
	margin-left: auto;
}

.lianxi{
	float: left;
	width: 1380px;
	overflow: hidden;
}
.lianxi li {
	float: left;
	border: 1px solid #eee;
	width: 234px;
	height: 180px;
	text-align: center;
	margin-right: 20px;
	color: #666;
	margin-bottom: 30px;
	line-height: 160%;
	background: #fff;
	margin-top: 30px;
	padding-top: 0;
	padding-right: 10px;
	padding-bottom: 0;
	padding-left: 10px;
    }
    
    .lianxi li.last {
        float: right;
        margin-right: 0px
    }
    
    .lianxi li img {
        margin-top: 20px;
        width: 52px;
    }
    
    .lianxi li i {
        display: block;
        font-size: 18px;
        color: #333;
        padding-bottom: 8px;
        font-style: normal;
        padding-top: 10px;
    }
    
    .lianxi li span {
        display: block;
        color: #333;
        font-size: 16px;
    }
    
    .lianxi li.last span {
        font-size: 16px;
    }
	.g_fk {
        margin: 30px 0 10px;
    }
    
    .g_fk dt {
        float: left;
        width: 440px
    }
    
    .g_fk dt img {
        width: 440px;
        height: 300px;
        display: block;
    }
    
    .g_fk dd {
	float: left;
	background: #f5f5f5;
	width: 820px;
	height: 230px;
	padding-top: 70px;
	padding-right: 50px;
	padding-bottom: 0px;
	padding-left: 50px;
    }
    
    .g_fk h3 {
        height: 32px;
        font-weight: normal;
        font-size: 18px;
        color: #d82634;
    }
    
    .g_fk p {
        font-size: 16px;
        color: #666666;
        line-height: 34px;
    }

.img_info{
	height: 55px;
	width: 1359px;
	overflow: hidden;
	margin-bottom: 30px;
	text-align: center;
	background-color: #f4f4f4;
}
.img_info ul{
	display: inline;
	display: block;
	display:inline-block;text-align:left;
}
.img_info li{
	height: 55px;
	width: 452px;
	text-align: center;
	letter-spacing: 5px;
	display: block;
	float: left;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #fff;
}
.img_info li a{
	font-size: 18px;
	line-height: 55px;
	color: #333;
	display: block;
}
.img_info li a:hover{
	color: #FFF;
	background-image: url(../images/newsfl.png);
	background-repeat: no-repeat;
	background-position: center center;
}
.img_info .hover a{
	color: #FFF;
	background-image: url(../images/newsfl.png);
	background-repeat: no-repeat;
	background-position: center center;
}

.infolist{
	width: 1360px;
}
.infolist .box{
	width: 1400px;
	margin-top: 40px;
}
.infolist .list{
	overflow: hidden;
	padding-bottom: 30px;
	padding-top: 6px;
	padding-left: 6px;
	left: -6px;
	margin-left: -6px;
}
.infolist .list li{
	float: left;
	width: 433.3px;
	display: block;
	padding-right: 30px;
	margin-bottom: 25px;
}
.infolist .list a li dl{
	float: left;
	width: 433.3px;
	background-color: #f2f2f2;
	display: block;
	box-shadow: 0px 0px 6px #d4d4d4;
}
.infolist .list a:hover li dl{
	width:433.3px;
	background-color: #0088ce;
}
.infolist .list li .pi{
	float: left;
	background-color: #FFF;
	width: 433.3px;
	overflow: hidden;
}
.infolist .list li .img{
	float: left;
	width: 413.3px;
	height: 310px;
	overflow: hidden;
	background-color: #FFF;
	margin: 10px;
	float: left;
	text-align: center;
}
.infolist .list li .img img{height: 310px;cursor: pointer;transition: all 0.6s;}
.infolist .list li .img img:hover{transform: scale(1.3);}
.infolist .list a li dl dt{
	float: left;
	height: 100px;
	width: 433.3px;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 20px;
}
.infolist .list dt h1{
	font-size: 18px;
	line-height: 38px;
	color: #333;
	height: 38px;
	width: 413.3px;
	overflow: hidden;
}
.infolist .list a dt h1 dd{
	float: right;
	height: 38px;
	width: 95px;
	background-image: url(../images/wzbj4.png);
	background-repeat: no-repeat;
	background-position: center center;
	font-size: 18px;
	line-height: 38px;
	font-weight: bold;
	color: #FFF;
	padding-left: 60px;
}
.infolist .list a:hover dt h1 dd{
	background-image: url(../images/wzbj4a.png);
	background-repeat: no-repeat;
	background-position: center center;
	color: #333;
}
.infolist .list dt p{
	font-size: 14px;
	line-height: 30px;
	color: #666;
	height: 65px;
	width: 400px;
	overflow: hidden;
	margin-top: 5px;
}
.infolist .list a:hover dt h1,.infolist .list a:hover dt p{color: #fff;}

.infolist .list li .more{
	font-size: 12px;
	line-height: 30px;
	color: #666;
	background-color: #F7F7F7;
	height: 30px;
	width: 80px;
	margin-top: 15px;
	margin-left: 15px;
	border: 1px solid #CCC;
	text-align: center;
}
.infolist .list a:hover li .more{
	font-size: 12px;
	line-height: 30px;
	color: #666;
	background-color: #FFFFFF;
	height: 30px;
	width: 80px;
	margin-top: 15px;
	margin-left: 15px;
	border: 1px solid #fff;
	text-align: center;
	border-radius:5px;
}


.news_fl{
	height: 55px;
	width: 1360px;
	overflow: hidden;
	margin-bottom: 30px;
}
.news_fl li{
	float: left;
	height: 55px;
	width: 452.3px;
	text-align: center;
	display: block;
	margin-right: 1px;
	background-color: #f4f4f4;
}
.news_fl li a{
	font-size: 18px;
	line-height: 55px;
	color: #333;
	display: block;
}
.news_fl li a:hover{
	color: #FFF;
	background-image: url(../images/newsfl.png);
	background-repeat: no-repeat;
	background-position: center center;
}
.news_fl .hover a{
	color: #FFF;
	background-image: url(../images/newsfl.png);
	background-repeat: no-repeat;
	background-position: center center;
}

/*分页*/
.pag{
	text-align: center;
	margin-top: 20px;
	margin-right: auto;
	margin-left: auto;
	font-size: 14px;
}

.pag .pager {
	font-size: 14px;
	text-align: center;
	display: block;
	display:inline-block;
	text-align:left;
}

.pag .pager dL {
	padding: 0px;
	text-align: center;
	margin: 0px;
	background-image: none;
}
.pag .pager dd {
	FLOAT: left;
	MARGIN: 0px 5px 0px 0px;
	COLOR: #FFFFFF;
	text-align: center;
	font-weight: bold;
	font-size: 14px;
}

.pag .pager dd.p_total {
	FONT-WEIGHT: bold;
	COLOR: #FFFFFF;
	text-align: center;
	background-color: #0088ce;
	border: 1px solid #CCCCCC;
	padding: 10px;
}

.pag .pager dd.p_current {
	COLOR: #fff;
	padding-right: 15px;
	padding-left: 15px;
	background-color: #0088ce;
	text-align: center;
	border: 1px solid #CCCCCC;
	padding-top: 10px;
	padding-bottom: 10px;
}

.pag .pager dd.p_nolink {
	COLOR: #333333;
	text-align: center;
	padding: 10px;
}
.pag .pager dd A:link {
	FLOAT: left;
	COLOR: #333333;
	TEXT-DECORATION: none! important;
	padding-right: 15px;
	padding-left: 15px;
	text-align: center;
	border: 1px solid #CCCCCC;
	font-size: 14px;
	font-weight: bold;
	padding-top: 10px;
	padding-bottom: 10px;
}
.pag .pager dd A:visited {
	FLOAT: left;
	COLOR: #333333;
	TEXT-DECORATION: none! important;
	text-align: center;
	border: 1px solid #CCCCCC;
	font-size: 14px;
	font-weight: bold;
	padding: 10px;
}
.pag .pager dd A:hover {
	COLOR: #FFFFFF;
	FLOAT: left;
	background-color: #0088ce;
	text-align: center;
}
.pag .pager dd INPUT {BORDER-RIGHT: #C00 1px solid; PADDING-RIGHT: 0px; BORDER-TOP: #C00 1px solid; PADDING-LEFT: 0px; FONT-SIZE: 12px; BACKGROUND: url(inputBorder.gif); FLOAT: left; PADDING-BOTTOM: 2px; BORDER-LEFT: #C00 1px solid; WIDTH: 3em; COLOR: #999; PADDING-TOP: 2px; BORDER-BOTTOM: #C00 1px solid; FONT-FAMILY: verdana; HEIGHT: 1.3em; TEXT-ALIGN: center}

.news-left{
	width: 100%;
	float: left;
	padding-bottom: 50px;
	min-height: 600px;
	margin-top: 20px;
}
.news-left .top-news{ background-color:#fff; padding:0 30px 30px 390px; height:210px; position:relative}
.news-left .top-news .image{ width:330px; position:absolute; left:30px;top:0;}
.news-left .top-news .image img{ width:330px; height:180px;}
.news-left .top-news .text{ height:175px; overflow:hidden;}
.news-left .top-news .text span{ display:block; font-family:"dincond-medium-webfont"; font-weight:600; font-size:36px; color:#68b92e}
.news-left .top-news .text h2{ font-size:16px; font-weight:bold; line-height:1.6; margin-top:10px}
.news-left .top-news .text p{ margin-top:15px; line-height:1.8; color:#aaa; font-size:13px}
.news-list{ }
.news-list li{ border-top:1px #e8e8e8 solid; border-bottom:1px #e8e8e8 solid; margin-top:-1px; position:relative}
.news-list li a{
	display: block;
	-webkit-transition: background-color .25s;
	transition: background-color .25s;
	padding-right: 30px;
	padding-left: 205px;
	height: 137px;
	padding-top: 13px;
	background-color: #FFF;
}
.news-list li .time{
	width: 170px;
	position: absolute;
	left: 15px;
	top: 15px;
	font-family: "webfont";
	font-size: 22px;
	color: #68b92e;
	overflow: hidden;
	height: 120px;
}
.news-list li .time img{
	height: auto;
	width: 170px;
}
.news-list li .sj{
	left: 25px;
	top: 24px;
	font-family: "webfont";
	font-size: 22px;
	color: #68b92e;
}
.news-list li .sj span{
	font-size: 16px;
	color: #666;
	margin-left: 50px;
}
.news-list li .text{ }
.news-list li .text strong{
	display: block;
	line-height: 1.6;
	font-size: 16px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	color: #585858;
}
.news-list li a:hover .text strong{
	color: #06F;
}
.news-list li .text p{
	margin-top: 10px;
	line-height: 25px;
	color: #848484;
	font-size: 14px;
	height: 55px;
	overflow: hidden;
}
.news-list li .mores{width: 0px;height: 150px;background: url(../images/news-more.jpg) no-repeat right center; box-shadow: -100px 0 150px #f2f6f7; opacity: 0;position: absolute;right: 0;top: 0;transition: all 0.3s; -webkit-transition: all 0.3s;}
.news-list li a:hover{
	background-color: #F6F6F6
}
.news-list li a:hover .mores{ right:0;opacity: 1; width:150px;}

.news-info{ }
.news-info .text{}
.news-info .titles{
	color: #333;
	text-align: center;
	padding-top: 30px;
	padding-right: 100px;
	padding-bottom: 35px;
	padding-left: 100px;
}
.news-info .titles h1{font-size:24px; font-weight:500;line-height:36px;}
.news-info .titles p{ font-family:"仿宋"; color:#555;font-size:22px;  padding-top:5px; }
.news-info .info{
	color: #aaa;
	position: relative;
	height: 20px;
	background-color: #f4f4f4;
	padding-top: 20px;
	padding-right: 40px;
	padding-bottom: 20px;
	padding-left: 40px;
}
.news-info .info span.source{background: url(../images/new_i3.png) no-repeat scroll left center;padding: 2px 0px 2px 22px;margin-right: 18px;}
.news-info .info span.date{background: url(../images/new_i1.png) no-repeat scroll left center;padding: 2px 0px 2px 22px;margin-right: 18px;}
.news-info .info span.hits{background: url(../images/new_i2.png) no-repeat scroll left center;padding: 2px 0px 2px 28px;}

.share{
	float: right;
	width: 150px;
}
.share span{
	float: left;
	line-height: 20px;
}
.share a{ padding-left:20px; height: 20px; margin-left:6px; display: inline-block; background: url(../images/share.png); float: left;-webkit-transition-duration: 0.3s;-moz-transition-duration: 0.3s;-o-transition-duration: 0.3s;}
.share a.i1{ background-position: 0px 0px;}
.share a.i2{ background-position: -50px 0px;}
.share a.i3{ background-position: -95px 0px;}
.share a.i1:hover{ background-position: 0px -20px;}
.share a.i2:hover{ background-position: -50px -20px;}
.share a.i3:hover{ background-position: -95px -20px;}

.contentst{
	line-height: 35px !important;
	font-size: 16px;
	padding-top: 30px;
	padding-right: 40px;
	padding-bottom: 40px;
	padding-left: 40px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #EEEEEE;
	border-left-color: #EEEEEE;
	width: 1278px;
}
.contentst p{
	margin-bottom: 15px;
        text-indent: 2em;
	line-height: 35px !important;
}
.contentst span{ margin-bottom:15px;line-height:240% !important;}
.contentst h3{ margin:25px 0 10px !important; font-size:16px !important;}
.contentst img{
	max-width: 800px;
	height: auto;
    width:e-xpression(this.width > 800 ? "800px" : this.width);
	margin-right: auto;
	margin-left: auto;
	text-align: center;
	display: block;
        text-indent: -9999px;
}
.contentst video{
	display: block;
    text-indent: -9999px;
}
.contentst ol {
	list-style-type: decimal;
	padding-left: 20px;
}
.contentst ol p{text-indent: 0em;}
.contentst ol li {
	list-style-type: decimal;
}
.contentst ol ul li {
	list-style-type: disc;
}
.contentst video,.contentst p video{
	height: auto;
	width: 100%;
}
.other{
	background-color: #f7f7f7;
	font-size: 14px;
	height: 40px;
	padding-top: 20px;
	padding-right: 40px;
	padding-bottom: 40px;
	padding-left: 40px;
}
.other .left{ float:left;color:#aaa;}
.other .left p{ height:35px;}
.other .left p a{
	margin-left: 3px;
	color: #585858;
}
.other .left p a:hover{
	color: #06F;
}
.other .right{float:right;color:#777}
.other .right a{ display:inline-block; padding:15px 20px; background-color:#bbb; color:#fff;-webkit-transition-duration: 0.3s;-moz-transition-duration: 0.3s;-o-transition-duration: 0.3s;}
.other .right a i{ position:relative;top:3px; margin-right:3px; font-size:20px}
.other .right a:hover{ background-color:#999}

.imglist{
	position: relative;
	width: 1360px;
}
.imglist .box{
	width: 1400px;
	margin-top: 50px;
	overflow: hidden;
	position: relative;
}
.imglist .list{
	overflow: hidden;
	padding-bottom: 30px;
}
.imglist .list li{
	float: left;
	width: 436px;
	display: block;
	margin-top: 25px;
	padding-right: 25.6px;
}
.imglist .list a li dl{
	width: 436px;
	height: 400px;
	background-color: #f2f2f2;
	display: block;
}
.imglist .list a:hover li dl{
	width: 436px;
	background-color: #0088ce;
}
.imglist .list li .img{
	height: 280px;
	width: 436px;
	overflow: hidden;
}
.imglist .list li .img img{width: 436px;cursor: pointer;
  transition: all 0.6s;}
.imglist .list li .img img:hover{transform: scale(1.3);}
.imglist .list a li dl dt{
	float: left;
	height: 100px;
	width: 306px;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 20px;
}
.imglist .list dt h1{
	font-size: 20px;
	line-height: 35px;
	color: #333;
	height: 35px;
	width: 306px;
	overflow: hidden;
}
.imglist .list dt p{
	font-size: 14px;
	line-height: 30px;
	color: #666;
	height: 65px;
	width: 306px;
	overflow: hidden;
}
.imglist .list a:hover dt h1,.imglist .list a:hover dt p{color: #fff;}
.imglist .list a li dl dd{
	float: left;
	height: 120px;
	width: 100px;
	background-image: url(../images/more1.png);
	background-repeat: no-repeat;
	background-position: center center;
}
.imglist .list a:hover li dl dd{
	float: left;
	height: 120px;
	width: 100px;
	background-image: url(../images/more0.png);
	background-repeat: no-repeat;
	background-position: center center;
}
.imglist .list li .more{
	font-size: 12px;
	line-height: 30px;
	color: #666;
	background-color: #F7F7F7;
	height: 30px;
	width: 80px;
	margin-top: 15px;
	margin-left: 15px;
	border: 1px solid #CCC;
	text-align: center;
}
.imglist .list a:hover li .more{
	font-size: 12px;
	line-height: 30px;
	color: #666;
	background-color: #FFFFFF;
	height: 30px;
	width: 80px;
	margin-top: 15px;
	margin-left: 15px;
	border: 1px solid #fff;
	text-align: center;
	border-radius:5px;
}
.pics{
	background: #fff;
	position: relative;
	width: 1358px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #EEEEEE;
	border-left-color: #EEEEEE;
	padding-top: 30px;
}
.pics .swiper-container{
	overflow: hidden;
}
.pics .swiper-slide{ text-align:center;}
.pics .swiper-slide img{
max-width: 800px;
	height: auto;
width:e-xpression(this.width > 800 ? "800px" : this.width);
	margin-right: auto;
	margin-left: auto;
}
.pics .infoimg{ text-align:center;}
.pics .infoimg img{
max-width: 1000px;
	height: auto;
width:e-xpression(this.width > 1000 ? "1000px" : this.width);
	margin-right: auto;
	margin-left: auto;
}
.pics .swiper-slide .title{ margin-top:15px; font-weight:bold}
.pics .pagination{position: absolute; z-index: 20; bottom:40px; width: 100%; text-align: center;}
.pics .swiper-pagination-switch{display: inline-block; width: 8px; height: 8px; border-radius: 8px; background: #fff; margin: 0 5px; opacity: 0.8;  cursor: pointer;}
.pics .swiper-active-switch{background: #0090ff;}
.pics .arrow-left{ display:block;z-index:50; width:70px; height:70px; background:url(../images/prev-btn.png) no-repeat; position:absolute;top:50%; margin-top:-35px; left:-80px; visibility:hidden;filter:alpha(opacity=0);opacity: 0;transition-duration: 0.5s;}
.pics .arrow-right{display:block; z-index:50; width:70px; height:70px; background:url(../images/next-btn.png) no-repeat; position:absolute;top:50%; margin-top:-35px; right:-80px; visibility:hidden;filter:alpha(opacity=0);opacity: 0;transition-duration: 0.5s;}
.imgtop{
	background-image: url(../images/plefttitle1.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	float: left;
	height: 53px;
	width: 1360px;
	margin-bottom: 30px;
}
.img_fl{
	height: 55px;
	width: 1360px;
	overflow: hidden;
	margin-bottom: 30px;
	text-align: center;
}
.img_fl ul{
	display: inline;
	display: block;
	display:inline-block;text-align:left;
}
.img_fl li{
	height: 55px;
	width: 193px;
	text-align: center;
	display: block;
	float: left;
	background-color: #f4f4f4;
	margin-right: 1px;
}
.img_fl li a{
	font-size: 18px;
	line-height: 55px;
	color: #333;
	display: block;
}
.img_fl li a:hover{
	color: #FFF;
	background-image: url(../images/newsfl.png);
	background-repeat: no-repeat;
	background-position: center center;
}
.img_fl .hover a{
	color: #FFF;
	background-image: url(../images/newsfl.png);
	background-repeat: no-repeat;
	background-position: center center;
}

.product{
	float: left;
	width: 1360px;
	margin-top: 20px;
}
.product .prleft{
	float: left;
	width: 300px;
}


.productlist{
	width: 1040px;
	overflow: hidden;
	float: right;
	margin-right: -8px;
	padding-right: 8px;
	padding-top: 8px;
	margin-top: -8px;
}
.productlist a li{
	float: left;
	width: 309px;
	margin-bottom: 20px;
	overflow: hidden;
	background-color: #FFFFFF;
	padding-top: 8px;
	padding-right: 8px;
	padding-left: 8px;
	box-shadow: 0px 0px 8px #d4d4d4;
	margin-left: 20px;
}
.productlist a:hover li{
	float: left;
	width: 309px;
	margin-left: 20px;
	margin-bottom: 20px;
	overflow: hidden;
	background-color: #0099FF;
	padding-top: 8px;
	padding-right: 8px;
	padding-left: 8px;
}
.productlist a li .cpt{
	font-size: 18px;
	line-height: 50px;
	height: 40px;
	color: #FFF;
	padding-right: 10px;
	padding-bottom: 10px;
	color: #333;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #E6E6E6;
	overflow: hidden;
}
.productlist a:hover li .cpt{
	color: #FFF;
}
.productlist span{
	float: left;
	width: 230px;
	padding-top: 8px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #E6E6E6;
	margin-bottom: 5px;
	height: 67px;
	font-size: 14px;
	line-height: 30px;
}
.productlist a:hover span{
	color: #FFF;
	font-size: 14px;
}
.productlist .pmore{
	background-image: url(../images/pmore1.png);
	background-repeat: no-repeat;
	background-position: center center;
	float: left;
	height: 75px;
	width: 78px;
}
.productlist  a:hover .pmore{
	background-image: url(../images/pmore.png);
	background-repeat: no-repeat;
	background-position: center center;
	float: left;
	height: 75px;
	width: 78px;
}
.productlist a li p{
	font-size: 14px;
	line-height: 25px;
	color: #666;
	height: 75px;
	overflow: hidden;
	margin-bottom: 10px;
	margin-top: 5px;
}
.productlist a:hover li p{
	color: #F5F5F5;
}
.productlist a:hover li .cpt,..product_list a:hover li .cpt p{
	color: #FFF;
}
.productlist a li .img{
	width: 309px;
	height: 255px;
	overflow: hidden;
}
.productlist a li .img img{
	height: 255px;
	cursor: pointer;
  transition: all 0.6s;
}
.productlist a li .img img:hover{transform: scale(1.3);}
.productlist a li .more{
	font-size: 12px;
	line-height: 30px;
	color: #666;
	background-color: #F7F7F7;
	height: 30px;
	width: 80px;
	margin-top: 10px;
	border: 1px solid #CCC;
	text-align: center;
	margin-bottom: 10px;
	margin-left: 5px;
}
.productlist a:hover li .more{
	font-size: 12px;
	line-height: 30px;
	color: #666;
	background-color: #FFFFFF;
	height: 30px;
	width: 80px;
	margin-top: 10px;
	margin-left: 5px;
	border: 1px solid #fff;
	text-align: center;
	border-radius: 5px;
	margin-bottom: 10px;
}

.productview{
	float: right;
	width: 1035px;
}
.productview_img{
	float: left;
	width: 600px;
	height: 450px;
	margin-right: 20px;
	overflow: hidden;
}
.productview_title{
	float: left;
	width: 415px;
	height: 450px;
	background-color: #F7F7F7;
	overflow: hidden;
}
.productview_title .titles{
	font-size: 18px;
	line-height: 39px;
	background-image: url(../images/cpt.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	height: 39px;
	width: 305px;
	padding-left: 110px;
	margin-bottom: 20px;
	font-weight: bold;
}
.productview_title li{
	font-size: 14px;
	line-height: 35px;
	color: #666;
	width: 395px;
	float: left;
	padding-left: 20px;
}
.productview_title li b{
	line-height: 35px;
	color: #333;
	float: left;
	width: 70px;
}
.productview_title li p{
	font-size: 14px;
	line-height: 35px;
	color: #333333;
	float: left;
	width: 315px;
	padding-right: 10px;
}
.productview_title li p a{
	color: #333;
}
.productview_title .gd{
	height: 200px;
	overflow: hidden;
	margin-bottom: 10px;
}
.productview_title .hong{
	font-size: 20px;
	font-weight: bold;
	color: #C00;
}
.productview-content{
	float: left;
	width: 1035px;
	margin-top: 20px;
}
.productview-content .top{
	background-image: url(../images/plefttitle.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	height: 53px;
	width: 1034px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #DFDFDF;
}
.productview-content .contents{
	font-size: 16px;
	line-height: 30px;
	color: #333;
	border: 1px solid #E8E8E8;
	border-top-style: none;
}
.productview-content .contentspr{
	line-height: 35px !important;
	font-size: 16px;
	padding-top: 30px;
	padding-right: 40px;
	padding-bottom: 40px;
	padding-left: 40px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #EEEEEE;
	border-left-color: #EEEEEE;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #EEEEEE;
}
.productview-content .contentspr p{
	margin-bottom: 15px;
	line-height: 35px !important;
}
.productview-content .contentspr span{ margin-bottom:15px;line-height:240% !important;}
.productview-content .contentspr h3{ margin:25px 0 10px !important; font-size:16px !important;}
.productview-content .contentspr img{
	max-width: 800px;
	height: auto;
    width:e-xpression(this.width > 800 ? "800px" : this.width);
	margin-right: auto;
	margin-left: auto;
	text-align: center;
	display: block;
}
.productview-content .contentspr ol {
	list-style-type: decimal;
	padding-left: 20px;
}
.productview-content .contentspr ol li {
	list-style-type: decimal;
}
.productview-content .contentspr video,.productview-content .contentspr p video{
	height: auto;
	width: 100%;
}
.rxt{
	background-image: url(../images/rxcp1.png);
	background-repeat: no-repeat;
	background-position: left top;
	height: 182px;
	width: 1360px;
	margin-bottom: 20px;
}
.rxt ul{
	height: 167px;
	width: 1080px;
	margin-left: 260px;
	overflow: hidden;
	float: left;
	margin-top: 10px;
}
.rxt ul li{
	float: left;
	height: 55px;
	width: 1080px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #D1D1D1;
	overflow: hidden;
}
.rxt ul li h4{
	font-size: 20px;
	width: 100px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #838383;
	color: #484848;
	padding-left: 20px;
	height: 20px;
	line-height: 20px;
	margin-top: 18px;
	float: left;
}
.rxt ul li dd{
	font-size: 14px;
	line-height: 55px;
	color: #333;
	background-image: url(../images/arr1.png);
	background-repeat: no-repeat;
	background-position: left center;
	float: left;
	margin-left: 30px;
	padding-left: 10px;
}

.hezuo{
	float: left;
	width: 1060px;
	margin-top: 30px;
	overflow: hidden;
}
.hezuo h3{
	font-size: 18px;
	line-height: 40px;
	width: 1035px;
	color: #000;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999;
	margin-bottom: 20px;
	font-weight: bold;
}
.hezuo li{
	float: left;
	width: 240px;
	margin-right: 25px;
	box-shadow: 0px 0px 8px #d4d4d4;
}
.hezuo li img{
	height: 170px;
	width: 240px;
}
.hezuo li STRONG{
	font-size: 14px;
	line-height: 40px;
	color: #333;
	background-color: #F2F2F2;
	text-align: center;
	height: 40px;
	width: 240px;
	display: block;
}
.hezuo li a:hover STRONG{
	font-size: 14px;
	line-height: 40px;
	color: #FFF;
	background-color: #0099FF;
	text-align: center;
	height: 40px;
	width: 240px;
	display: block;
}
.xyt{
	margin-top: 20px;
	float: left;
	width: 96%;
	line-height: 60px;
	background-color: #F2F2F2;
	height: 60px;
	padding-right: 2%;
	padding-left: 2%;
}
.xyt li{
	float: left;
	width: 50%;
}
/*产品分类*/
.product_lb{
	height: 80px;
	width: 300px;
	font-size: 24px;
	font-weight: bold;
	text-align: center;
	background-color: #3f48ff;
	margin-bottom: 1px;
	background-image: url(../images/productt.png);
	background-repeat: no-repeat;
	background-position: left top;
	line-height: 45px;
	color: #FFF;
}
.product_lb a{color: #FFF;}
.product_lb p{
	font-size: 16px;
	line-height: 10px;
	color: #FFF;
	font-weight: normal;
}
.menu_list{
	width: 300px;
}
.menu_list h3 a{color: #FFF;display: inline-block;width: 300px;height: 47px;}

.menu_list span{
	background-image: url(../images/ico05.png);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 23px;
	margin-left: -20px;
}
.menu_head{
	height: 47px;
	line-height: 47px;
	padding-left: 38px;
	font-size: 16px;
	color: #333333;
	cursor: pointer;
	position: relative;
	margin: 0px;
	font-weight: bold;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
}

.cur{background:#f1f1f1 url(../images/pro_down.png) center right no-repeat;}
.lef{background:#f1f1f1  url(../images/pro_left.png) center right no-repeat;}

/*.menu_list .current{background:#f1f1f1}*/
.menu_body{
	line-height: 38px;
	backguound: #fff;
}
.menu_body a{
	display: block;
	height: 40px;
	line-height: 40px;
	padding-left: 38px;
	color: #333333;
	text-decoration: none;
	border-bottom: 1px solid #e1e1e1;
}
.menu_body a:hover{
	text-decoration: none;
	color: #FFF;
	background-color: #00C6F7;
}
.menu_body.bj{background-color: #F7F7F7;}
.er{
	background: #EFEFEF;
}

.san{
	background: #F9F9F9;
}
.san a{
	padding-left: 58px;
}
.t0{
	background-color: #FF6600;
	color: #333;
}
.t1{
	background-color: #0099FF;
	color: #FFF;
}
.t2{
	font-weight: normal;
	border-bottom: 1px solid #e1e1e1;
}
/*产品分类结束*/
.cbgg-01 {
	background: #0088ce;
	text-align: center;
	color: #fff;
	margin-top: 20px;
	float: left;
}        
.cbgg-01-img img {
    width: 100%;
    display: block;
}
.cbgg-01 p {
    padding-top: 15px;
}
.cbgg-01 p img {
    vertical-align: middle;
    margin-right: 5px;
}
.cbgg-01 span {
    display: block;
    font-size: 28px;
    font-weight: bold;
    font-family: Arial;
    padding-bottom: 20px;
    padding-top: 10px;
}

 .p12-sitemap-1-xml{     height:30px; line-height:30px;text-align:right;}
        .p12-sitemap-1-tit {
            height: 46px;
            font-size: 18px;
            line-height: 46px;
            color: #fff;
            clear: both;
        }
        
        .p12-sitemap-1-tit p {
            display: inline-block;
            padding: 0 30px;
            text-align: center;
            background: #ca0c0c;
        }
        
        .p12-sitemap-1-tit a {
            color: #fff;
        }
        
        .p12-sitemap-1 ul {
	padding-top: 25px;
	display: inline-block;
	width: 100%;
	border-bottom: 1px solid #d2d2d2;
	margin-bottom: 30px;
	padding-bottom: 10px;
        }
        
        .p12-sitemap-1 li a{
	height: 50px;
	line-height: 50px;
	text-align: center;
	width: 14.4%;
	float: left;
	overflow: hidden;
	position: relative;
	top: 1px;
	margin-right: 1%;
	margin-bottom: 20px;
	margin-left: 1%;
	border: 1px solid #d2d2d2;
        }
		.p12-sitemap-1 li a:hover{
	color: #FFF;
	background-color: #09F;
}
		
		  .p12-sitemap-11 li {
            height: 60px;
            line-height: 60px;
            border-bottom: 1px solid #d2d2d2;
            text-align: center;
            width: 16.66%;
            float: left;
            overflow: hidden;
            position: relative;
            top: 1px;
        }

/*固定的悬浮窗*/
.contact_area {
    position: fixed;
    z-index: 9999999;
    top: 30%;
    right: 5px;
    cursor: pointer;
    transition: all .3s ease;
  }
  
  .contact_bar ul li {
    width: 180px;
    height: 53px;
    font: 16px/53px 'Microsoft YaHei';
    color: #fff;
    text-indent: 54px;
    margin-bottom: 3px;
    border-radius: 3px;
    transition: all .5s ease;
    overflow: hidden;
  }
  .contact_bar .contact_top {
    background:  #0099FF url(../images/fixCont.png) no-repeat 0 0;
  }
  
  .contact_bar .contact_lxr {
    background:  #0099FF url(../images/fixCont.png) no-repeat 0 -57px;
  }
  
  .contact_bar .contact_phone {
    background:  #0099FF url(../images/fixCont.png) no-repeat 0 -113px;
  }
  
  .contact_bar .contact_QQ {
    text-indent: 0;
    background:  #0099FF url(../images/fixCont.png) no-repeat 0 -169px;
  }
  
  .contact_bar .contact_shangqiao {
    text-indent: 0;
    background:  #0099FF url(../images/fixCont.png) no-repeat 0 -224px;
  }
  
  .contact_bar .contact_ewm {
    height: 200px;
    background:  #0099FF url(../images/fixCont.png) no-repeat 0 -281px;
  }
  
  .hd_qr {
    margin: 0 29px 25px 29px;
  }
  
  .contact_shangqiao a,
  .contact_QQ a,
  .contact_ww a {
    display: block;
    text-indent: 54px;
    width: 100%;
    height: 100%;
    color: #fff;
  }
  
  .lianxi {
   
  }
  
  .lianxi ul li {
    height: 30px;
    line-height: 30px;
    padding-left: 15px
  }
  
  .lianxi .tit {
    font-size: 18px;
    height: 40px;
    line-height: 40px;
    background: #fafafa
  }
  
  
  .ConR-text {
    margin: 20px;
    overflow: hidden;
    width: 900px;
  }
  
  .ConR-text td img {
    margin: 15px 0;
    padding: 5px;
    border: 1px solid #ccc
  }
  
  .cont_t {
    width: 550px;
    float: left;
  }
  
  .cont_t dl dt {
    float: left;
    width: 54px;
    clear: both
  }
  
  .cont_t dl dd {
    float: left;
  }
  
  .cont_t dl dd img {
    float: left;
  }
  
  .cont_t dl dd p {
    float: left;
    line-height: 54px !important;
    text-indent: 10px;
    font-size: 16px;
  }

/********.toolbar1*********/
/*右侧悬浮框*/
/********.fixtool*********/
.toolbar{width: 52px; position: fixed; right: 2%; top: 58%; z-index: 999;}
.toolbar dt{width: 53px;height: 53px;margin-bottom: 1px;position: relative;-webkit-border-radius: 100%;border-radius: 100%;margin-top:4px;border:#ccc solid 1px;background-color:#fff;-webkit-border-radius: 100%;border-radius: 100%;}
.toolbar dt em{
	width: 51px;
	height: 51px;
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	cursor: pointer;
	text-align: center;
	-webkit-border-radius: 100%;
	border-radius: 100%;
	margin-top: 1px;
	margin-left: 1px;
}
.toolbar dt em span{width: 35px;height: 35px;display: block;margin: 8px 0 0 8px;background: url(../images/rightFixIcon.png) no-repeat 0 0;}
.toolbar dt.gottop{display: none;}
.toolbar .slide-tel{display: block;width: 0;height: 53px;line-height: 53px;font-size: 24px;font-weight: bold;font-family: arial;color: #FFF;position: absolute;padding: 0 0 0 53px;top: -1px;right: -2px;-webkit-border-radius: 50px;border-radius: 50px;overflow: hidden;}
.toolbar .pop{position: absolute; right: 90px; top: -65px; background: #018BD6; display: none;}
.toolbar .pop-code{
	width: 150px;
	padding-top: 10px;
	padding-right: 0px;
	padding-left: 0px;
	text-align: center;
	padding-bottom: 10px;
}
.toolbar .pop-code img{
	width: 130px;
	height: 130px;
	display: block;
	margin-left: 10px;
	margin-bottom: 10px;
}
.toolbar .pop-code h3{text-align: center;color: #fff;font-size: 16px;font-weight: 400;white-space: nowrap;}
.toolbar .pop-code h3 b{display: block;font-size: 14px;font-weight: normal;}
.toolbar .qq span{background-position:-0px -47px;}
.toolbar .qq a{width: 52px; height: 52px; cursor: pointer; display: block;}
.toolbar .qq:hover{background-color:#0168C5; border-radius: 100%;}
.toolbar .qq:hover span{background-position: -36px -47px;}
.toolbar .tels span{background-position:-0px 0;}
.toolbar .tels:hover{
	background-color: #0168C5;
}
.toolbar .tels:hover span{background-position: -36px 0;}
.toolbar .code span{background-position:-0px -95px;}
.toolbar .code:hover{background-color:#0168C5; border-radius: 100%;}
.toolbar .code:hover span{background-position:-36px -95px;}
.toolbar .top span{background-position: -0px -142px;}
.toolbar .top:hover{background-color:#0168C5; border-radius: 100%;}
.toolbar .top:hover span{background-position: -36px -142px;}
.toolbar dd:hover{}
/*******index css*******/

/* 分享代码  */
.jsmodern-share{position:fixed;top:50%;left:50%;width:300px;height:335px;z-index:999999;background:#fff;border:#ccc solid 1px;border-radius:10px;  box-shadow: 0px 0px 40px 0 rgba(0, 0, 0, 0.3);
overflow:hidden;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}
.jsmodern-share p{display:block;height:20px;text-align:center;font-size:18px;margin:15px 0 20px 0}
.jsmodern-share div{width:260px;height:260px;margin:0 auto}
.jsmodern-share b{position:absolute;width:20px;height:20px;background:url(data:img/jpg;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAA/UlEQVQ4T8WU7ZEBQRCGHxFciQARIBJEcGRABFYEZIAIEAkyIAMhqFdtV7WpabuOqptfM9Pdz0x/NvjyalTwesAg0TkAp8guAg6BJdAODC/ADNin8hxwA/zWjIR0J143Bb4DM84T1APl5s69dga6wU9T2cjc90DFpVUCbkATGAPrBCoX9Svp/JQy2Xa0N6CyeQwMPdRguYf6yr4BC2Cecc8DJNbPcjDJFkBRBZSiQbWPYP8H/LPLX0+KYvBJ2VytTV8Vth6IelnDQV7Zyha2lUXdPjbYtsz+4/zpcHiCRUDdq69XrhXTmlfMpnXHlzdWnAT3SzPw7QEbDJnq6ztc3EQVa6MIgAAAAABJRU5ErkJggg==);right:4px;top:4px;cursor:pointer;color:#ccc;opacity:.1;transition:.1s}
.jsmodern-share b:hover{opacity:.5}
.jsmodern-marquee{overflow:hidden}
.jsmodern-marquee-inner{float:none!important;margin:0!important;padding:0!important;background:transparent!important}
.jsmodern-marquee-default,.jsmodern-marquee-repeat{float:left;margin:0!important;padding:0!important;background:transparent!important}
.jsmodern-marquee-part{display:block;float:left}
.jsmodern-picture-container{display:block;position:relative;overflow:hidden}
.jsmodern-picture-container a{display:block;color:#fff;text-decoration:none}
.jsmodern-picture-container img{border:0}
.jsmodern-picture-inner{position:absolute;height:100%;top:0;left:0;overflow:hidden;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
.jsmodern-picture-part{overflow:hidden}
.jsmodern-picture-fade{width:100%}
.jsmodern-picture-fade .jsmodern-picture-part{position:absolute;display:none}
.jsmodern-picture-slide .jsmodern-picture-part{float:left}
.jsmodern-picture-slide img{display:block}
.jsmodern-picture-dot{position:absolute;bottom:15px;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%)}
.jsmodern-picture-dot b{display:block;float:left;width:10px;height:10px;background:#777;border-radius:5px;cursor:pointer;margin:0 5px;transition:.4s}
.jsmodern-picture-dot b.active{background:#fff}
.jsmodern-picture-prev,.jsmodern-picture-next{display:block;position:absolute;top:50%;width:17px;height:32px;margin-top:-16px;cursor:pointer;background:url(data:img/jpg;base64,iVBORw0KGgoAAAANSUhEUgAAACIAAAAgCAYAAAB3j6rJAAAB7klEQVR42s3XbUtaYRzH8euhqUetZC1Dy1q1mLhX0hvxjeyBIIMV1YpuHOkiBmNsc60dvGmNQS/KfR/8ghAOF8frXLIHH5D/+d898fjXjMfj/4JL8XPsIiW7is10kSI+ootAuooVZ7XIIjr4hjKMlBXrKMfrIvP4gB4qk88V6yln3tciBVzgBqtReXp2o9xC0ovkcYZbVG35yrlVTT6pRXI4QYh1xayUG6o257pIgPfo4wVMHKrpq0cw7SJZHGKATcViU+1AvbJxF8lgHyNswzjaVq999bYvosR3uMOOYs7U6069M7ZF0niLe7yCSZJ63mtGOmqRObTwBzUYT2qa0cLc5CIpNPEXdRjP6prV1Gxj9OENHvAaZhY060GzU4/vig5CLM1qEc0KNTt4GvwkPpeJnPf04TI+4xrPfC2h3teatRz19S3hC66gAyc56nmlGSXbC20FX9GFDhx36tVV7xXrm1XK+I5LLLguoR6X6lmO+6NXwQ+0oWsrPtW21asy7Rmwhp84RyHuEqo5V48118Ooil84RR5xrrpT1VaTOhU3EOLYdm1JTrmhao3NNNfWkeXaCpSjq87P34ktDHEQcW1l9WyoXK9/sF5ihL2JAyej2Eg5Jg6Xa+s3WkhJS7GprjrXA6eBrDQUMx4X8e8fwj0L7GH1LqcAAAAASUVORK5CYII=) no-repeat}
.jsmodern-picture-prev{margin-left:15px}
.jsmodern-picture-next{right:0;margin-right:15px;background-position:-17px 0}
.jsmodern-video{background:#000;position:relative;overflow:hidden;z-index:10}
.jsmodern-video-panel{position:absolute;bottom:0;left:0;z-index:2147483648;width:100%;height:40px;line-height:40px;color:#fff;background:rgba(0,0,0,.8);-webkit-user-select:none;-moz-user-select:none;user-select:none}
.jsmodern-video-panel.jsmodern-video-panelFull{left:50%;-webkit-transform:translate(-50%,-10px);-ms-transform:translate(-50%,-10px);transform:translate(-50%,-10px);padding:3px 5px;border-radius:8px}
.jsmodern-video-linebox{height:6px;background:rgba(255,255,255,.25);border-radius:3px;width:460px;width:-webkit-calc(100% - 305px);width:-moz-calc(100% - 305px);width:calc(100% - 305px);float:left;margin:17px 0 0 15px;position:relative;cursor:pointer}
.jsmodern-video-pass{position:absolute;border-radius:3px;height:100%;background:#F06000}
.jsmodern-video-linedot{width:6px;height:6px;background:#fff;border-radius:3px;-webkit-transform:scale(1.8);-ms-transform:scale(1.8);transform:scale(1.8);position:absolute}
.jsmodern-video-panel b{cursor:pointer}
.jsmodern-video-panel b,.jsmodern-video-panel span{display:block;float:left}
.jsmodern-video-panel span{font-size:12px;cursor:default;-webkit-user-select:none;-moz-user-select:none;user-select:none}
.jsmodern-video-start{margin-left:10px}
.jsmodern-video-start+span{width:14px;height:12px;text-align:center;line-height:12px;font-size:10px;overflow:hidden;margin-top:13px;-webkit-transform:scale(1,0.9) translateY(1px);-ms-transform:scale(1,0.9) translateY(1px);transform:scale(1,0.9) translateY(1px);-webkit-transform-origin:left top;-ms-transform-origin:left top;transform-origin:left top}
.jsmodern-video-start,.jsmodern-video-end{width:39px;text-align:center}
.jsmodern-video-volumebox{width:80px;height:6px;background:rgba(255,255,255,.25);border-radius:3px;float:left;margin:18px 0 0 7px;position:relative;cursor:pointer}
.jsmodern-video-volumeline{width:40px;height:6px;background:#F06000;border-radius:3px;margin-top:0}
.jsmodern-video-volumedot{width:6px;height:6px;background:#fff;border-radius:3px;margin:-6px 0 0 37px;-webkit-transform:scale(1.8);-ms-transform:scale(1.8);transform:scale(1.8);position:absolute}
.jsmodern-video-play,.jsmodern-video-volume,.jsmodern-video-fullin{width:18px;height:18px;margin-top:11px;background-position:center;background-repeat:no-repeat}
.jsmodern-video-play{margin-left:10px;background-image:url(data:img/jpg;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAe0lEQVR42q2UQRGAIBREiWAEIhjhRzCKDbCBRjGCDaQBRqDBdzntgRvLm3nXN6sMhIa7G0xBgqHGC1c9RNKcENeZHiInXLQQKdDUUL9OD3GdGOrXaSGSZ4QuddEDo/KPPrgpx1/hwc8YC90wKlckQ1MubYW79IzwOMf4AZCzZlJ6pNv5AAAAAElFTkSuQmCC)}
.jsmodern-video-pause{background-image:url(data:img/jpg;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAANUlEQVR42u3MMQoAAAgCwP4/9aR+VjQINtTcoNBicobkTNiS/vEQvSBBggR9hILOD8h5i74A46kzKYwr0EYAAAAASUVORK5CYII=)}
.jsmodern-video-volume{margin-left:15px;background-image:url(data:img/jpg;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAqklEQVR42tWT0QmDMBCGHcENXMEBhGaL9rEjZATffKwDZJdmgy7QHZo33zz/0AscBmNaCOIPH3Ke+USTq84ZIrqDdnXPgGuuoAVP4KMi0TddSlCDB5BR3GvEcy/wCYUCF8HNNwFtiBwwQco9jSKKBZQQaa4brt+en0W8eAJGiN2/IusRIiouKv9puA5bP7uXhDfsbP8gtn8GOnUgx8wD6XJHxO6NSNGhPT4LSrtjI5LQNtEAAAAASUVORK5CYII=)}
.jsmodern-video-muted{background-image:url(data:img/jpg;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAA00lEQVR42s2UsQ3CMBBFqZAokNLQoozgCWJ3NAxAg5QRGIEFEOkpgBFgAbIKC0AoU5nv6CJ9GQI6lIIvPcXxyd93di4D730v9Gf0Xc1mOTA0pTMKi8EFBDm1EQIJ2AKWldiw64wcsMQC3EGsDEzBhLPAM5XBi0r/XjNwBUfKxMimhcYoAzsZ78mkAkZlJBUc5L1uTbSlWbrJWuZOYU5tFJVzbsvUGs3BDTzEkMtsDnsdsQJVR0YbsOTrlzXJpw+yACwnsfGvLVLqWkTftCM2+r//0RPE3HMNwpwYwQAAAABJRU5ErkJggg==)}
.jsmodern-video-fullin{margin-left:15px;background-image:url(data:img/jpg;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAMAAAAoLQ9TAAAAKlBMVEVMaXH////////////////////////////////////////////////////m1kuZAAAADXRSTlMAYBAw79DwIM9wgG9/QM+KqQAAAF5JREFUeNqNj0sSwCAIQ6Pit+X+1y2GOs7UTbNA8kYjQE05wpTK7LG8EwcdrwZB7hrcBx1FYfcDCY9UEGdbrFbiBIqpFf90PmGo7NDvtwJt1x7slmN0graWEwIny+sDBBUDznqlFGYAAAAASUVORK5CYII=)}
.jsmodern-video-fullout{margin-left:15px;background-image:url(data:img/jpg;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAMAAADXqc3KAAAAJ1BMVEVMaXH////////////////////////////////////////////////c+C/6AAAADHRSTlMAgBDQz39QIMBAML9Nf8RqAAAAaElEQVR42r2QQQ7AIAgEV6CIlv+/t3Ap3E2cyyojxIBb7JfqQu/+z+ZCIAU0QtzqEbtMGcCIcCZ0454iIuvFLDHRICkhvUNHsICVqThBnyBHZSqK4+/2Ok9OEdGNOdcSuS1xW2+3jUt8eaUDz3DmFVcAAAAASUVORK5CYII=)}
b.jsmodern-video-fullFalse{opacity:.5;cursor:default}
.jsmodern-dialog-container{position:fixed;width:100%;height:100%;z-index:2147483649;top:0;left:0;background:rgba(0,0,0,.6);opacity:0}
.jsmodern-dialog{position:fixed;top:-10px;left:50%;width:500px;min-width:500px;height:auto;overflow:hidden;padding:15px;-webkit-transform:translate(-50%,0);-ms-transform:translate(-50%,0);transform:translate(-50%,0);background:#fff;border-radius:6px;border:#555 solid 1px;box-shadow:0 0 15px rgba(0,0,0,.4);opacity:0}
.jsmodern-dialog-title{text-align:left;font-size:16px;font-weight:bold;color:#000;word-wrap:break-word;word-break:normal}
.jsmodern-dialog-content{width:100%;height:auto;min-height:60px;overflow:hidden;word-wrap:break-word;word-break:normal;margin-top:10px;font-size:14px;color:#333;line-height:160%}
.jsmodern-dialog>span{display:block;float:right;height:30px;line-height:30px;font-size:13px;padding:0 12px;cursor:pointer;margin:13px 0 0 10px;border-radius:4px;border:#ccc solid 1px;transition:.25s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
.jsmodern-dialog>span.jsmodern-dialog-sure{background:#2F7CBE;border-color:#2F7CBE;color:#fff}
.jsmodern-dialog>span.jsmodern-dialog-sure:hover{background:#1563A6;border-color:#1563A6}
.jsmodern-dialog>span.jsmodern-dialog-cancel:hover{background:#eee}
.jsmodern-scrollBar-container{overflow:hidden;position:relative}
.jsmodern-scrollBar-inner{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}
.jsmodern-scrollbar{position:absolute;top:0;right:2px;width:6px;background:rgba(0,0,0,.3);border-radius:3px;z-index:10px;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}
.jsmodern-lazyload{display:block;opacity:0}
.jsmodern-page-content{text-align:center;margin-left:auto;margin-right:auto}
.jsmodern-page-target>*{display:none}
.jsmodern-page{height:38px;display:inline-block;overflow:hidden;border-radius:19px;border:#e8e8e8 solid 1px;margin:0 auto}
.jsmodern-page>div i,.jsmodern-page>i{display:block;float:left;width:40px;height:38px;line-height:38px;font-size:13px;text-align:center;cursor:pointer;font-style:normal;background:#f5f5f5;transition:.15s;font-weight:bold;color:#333}
.jsmodern-page i{border-right:#e3e3e3 solid 1px;border-left:#fff solid 1px}
.jsmodern-page>div{float:left;max-width:420px;overflow:hidden}
.jsmodern-page>div div{height:38px}
.jsmodern-page i.active{background:#E04636;color:#fff;box-shadow:rgba(0,0,0,.2) 0 0 10px inset;border-right-color:#fff}
.jsmodern-page i:hover{color:#E04636}
.jsmodern-page i.active:hover{color:#fff}
.jsmodern-page>i span{display:inline-block;font-size:20px}
.jsmodern-page>i:first-child{border-radius:19px 0 0 19px}
.jsmodern-page>i:last-child{border-radius:0 19px 19px 0}
i.jsmodern-page-first,i.jsmodern-page-last,i.jsmodern-page-next,i.jsmodern-page-prev{line-height:33px}