/* 清除内外边距 */
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 表格元素 */
div{
    margin: 0;
    padding: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}
table{
	border-collapse:collapse;
	border-spacing:0;
}
*{
	box-sizing: border-box;
}
a:focus{
	outline: none;
}
/* 设置默认字体 */
body,
button, input, select, textarea {
    font: 12px/1 "Microsoft YaHei",Tahoma, Helvetica, Arial, "\5b8b\4f53", sans-serif; /* 用 ascii 字符表示，使得在任何编码下都无问题 */
}
body,a{
	color:#666;
}
h1{ font-size: 18px; /* 18px / 12px = 1.5 */ }
h2{ font-size: 16px; }
h3{ font-size: 14px; }
h4, h5, h6 { font-size: 100%; }
h1,h2,h3,h4,h5,h6{
	font-weight: normal;
}
i,em,b{
	font-style: normal;
}
address, cite, dfn, em, var { font-style: normal; } /* 将斜体扶正 */
code, kbd, pre, samp, tt { font-family: "Courier New", Courier, monospace; } /* 统一等宽字体 */
small { font-size: 12px; } /* 小于 12px 的中文很难阅读，让 small 正常化 */
/* 重置列表元素 */
ul, ol {
	list-style: none;
}
/* 重置浏览器默认样式 select */
select,option,option select{
	-webkit-user-select:none;
	-moz-user-select:none;
	-ms-user-select:none;
	-o-user-select:none;
	user-select:none;
}
/* 重置文本格式元素 */
a {
	text-decoration: none;
	outline:none;
	blur:expression(this.onFocus=this.blur());
}
/*a:hover { text-decoration: underline;}*/
abbr[title], acronym[title] { /* 注：1.ie6 不支持 abbr; 2.这里用了属性选择符，ie6 下无效果 */
    border-bottom: 1px dotted;
    cursor: help;
}
q:before, q:after {
	content: '';
}
/* 重置表单元素 */
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;
}
table th,table td{
	border:1px solid #ddd;
}
/* 重置 hr */
hr {
    border: none;
    height: 1px;
}
/* 表单 在浏览器上的默认样式*/
input,input:focus,button,button:focus,textarea,textarea:focus{
	outline:none;
	border:none;
}
/* 让非ie浏览器默认也显示垂直滚动条，防止因滚动条引起的闪烁 */
html { overflow-y: scroll; }
/* ie7以下两个以上的 li浮动产生的空白间隙bug */
li{
	+vertical-align: top;
	_vertical-align: top;
}
/* ie下li元素的内联元素底部产生空白 */
li *{
	*zoom:1;
}
*{
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
}
/* ie下图片标签上有空白 */
img{
	vertical-align: middle;
	*vertical-align:top;
}
/* ie下input标签文本居中 */
input{
	vertical-align: middle;
}
/* 以下为自用公共样式 */
/* 浮动 */
.fl,.fl-li li,.fl-a{
	float: left;
	_display: inline;
}
.fr,.fr-li li,.fr-a{
	float: right;
	_display: inline;
}
.w1200{
	width: 1200px;
	margin: 0 auto;
}
.padd{
	padding: 0.1px;
}
.opacity{
	filter:alpha(opacity=80);       /* IE */
	-moz-opacity:0.8;              /* 老版Mozilla */
	-khtml-opacity:08;
}
/* 清除浮动 */
.cb:after{
	content: ".";
	display: block;
	height: 0px;
	overflow: hidden;
	visibility: hidden;
	clear: both;
}
/* 内联块级元素 */
body,html{
	width: 100%;
	*overflow-x: hidden;
	min-width: 1345px;
}
.db{
	display: block;
}
.th{
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}
.wh{
	width: 100%;
	height: 100%;
}
.w{
	width: 100%;
}
.h{
	height: 100%;
}
.pr{
	position: relative;
}
.oh{
	overflow: hidden;
}
.br{
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#BF000000,endColorstr=#BF000000);
}
.w120{
	width: 120%;
}
.bg{
	display: block;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
}
/*=====================================================================================================================================================================================*/
#gswj{
	display: block;
	width: 47px;
	height: 47px;
	position: absolute;
	bottom: 55px;
	left: 50%;
	z-index: 100;
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	transform: translateX(-50%);
}
.vidMb{
    width: 100%;
    height: 0px;
    background-color: rgba(0, 0, 0, .5);
    overflow: hidden;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    z-index: -5000;
    opacity: 0;
    filter: alpha(opacity=0);

    -webkit-transition: 0.5s;
       -moz-transition: 0.5s;
        -ms-transition: 0.5s;
         -o-transition: 0.5s;
            transition: 0.5s;
}

.vidList{
    width: 740px;
    height: 481px;
    background-color: #000;
    overflow: hidden;
    position: relative;
    top: 50%;
    left: 50.22%;
    -webkit-transform: translate(-50%,-50%);
       -moz-transform: translate(-50%,-50%);
        -ms-transform: translate(-50%,-50%);
         -o-transform: translate(-50%,-50%);
            transform: translate(-50%,-50%);    
}
.vidList > .vidGb{
    color: #e1e1e1;
    cursor: pointer;
    display: block;
    font-style: normal;
    font-size: 36px;
    position: absolute;
    top: 2px;
    right: 12px;
    z-index: 99;
    overflow: hidden;

    -webkit-transform: scaleY(0.8);
       -moz-transform: scaleY(0.8);
        -ms-transform: scaleY(0.8);
         -o-transform: scaleY(0.8);
            transform: scaleY(0.8);

    -webkit-transition: 0.3s;
       -moz-transition: 0.3s;
        -ms-transition: 0.3s;
         -o-transition: 0.3s;
            transition: 0.3s;
}
.vidList .vidCon{
    width: 100%;
    height: 100%;
    position: relative;
}
.vidCon > embed,.vidCon > iframe{
    width: 100% !important;
    height: 100% !important;
}
.videoTop{
    width: 1196px;
    height: 59px;
    background-color: #fff;
    margin: 0 auto;
}
.videoTop h4{
    font-size: 24px;
    color: #000;
    width: 100px;
    float: left;
    line-height: 38px;
}
.videoTop > span{
    display: block;
    float: right;
    height: 100%;
    font-size: 14px;
    line-height: 59px;
    color: #000;
}
.videoTop > span a {
    color: #222;
    font-size: 14px;
}
.videoTop > span a:hover {
    color: #0d883c;
}
#videoCon{
    width: 100%;
    overflow: hidden;
    margin: auto;
    padding-top: 2px;
    padding-bottom: 80px;
}
.vidsListCon{
    width: 100%;
    height: auto;
    box-sizing: border-box;
}

.vidsListCon > ul{
    width: 1197px;
    overflow: hidden;
    margin: auto;
    border-top: 1px solid #efefef;
    padding-top: 30px;
}
.vidsListCon > ul li{
    box-sizing: content-box!important;
    border-right: 1px solid #efefef;
    border-bottom: 1px solid #efefef;
    background-size: cover;
    background-repeat: no-repeat;
    background-position:center center;
    float: left;
    width: 298px;
    height: 286px;
    padding: 10px 10px 20px;
    box-sizing: border-box!important;
    cursor:pointer;
    overflow: hidden;
}
.vidsListCon > ul li a{
    height: 100%;
    display: block;
    overflow: hidden;
}
.vidsListCon > ul li a > .img{
    width: 100%;
    height: 188px;
    position: relative;
    overflow: hidden;
}
.vidsListCon > ul li a > .img img{
    max-width: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
       -moz-transform: translate(-50%,-50%);
        -ms-transform: translate(-50%,-50%);
         -o-transform: translate(-50%,-50%);
            transform: translate(-50%,-50%);
}
.vidsListCon > ul li a >.liText{
    width: 100%;
    height: auto;
    margin-top: 9px;
    overflow: hidden;
}
.vidsListCon > ul li a >.liText h4{
    width: 100%;
    font-size: 14px;
    font-weight: 500;
    text-align: center;
    margin: 0;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
.vidsListCon > ul li a >.liText span{
    display: block;
    font-size: 12px;
    width: 100px;
    margin: auto;
    text-align: center;
    border: 1px solid #efefef;
    border-radius: 50px;
    line-height: 30px;
    margin-top: 10px;
    color: #999;
}
.vidsListCon > ul li:hover{
    box-shadow: inset 0 0 12px #e6e6e6;
}
.vidsListCon > ul li:hover span{
    box-shadow: inset 0 0 12px #e6e6e6;
}
.vidsListCon > ul li,
.liText span{
    -webkit-transition: 0.3s;
       -moz-transition: 0.3s;
        -ms-transition: 0.3s;
         -o-transition: 0.3s;
            transition: 0.3s;
}
#videoCon{
    width: 100%;
    overflow: hidden;
    margin: auto;
    padding-top: 2px;
    padding-bottom: 80px;
}
.vidsListCon{
    width: 100%;
    height: auto;
    box-sizing: border-box;
}

.vidsListCon > ul{
    width: 1197px;
    overflow: hidden;
    margin: auto;
    border-top: 1px solid #efefef;
    padding-top: 30px;
}
.vidsListCon > ul li{
    box-sizing: content-box!important;
    border-right: 1px solid #efefef;
    border-bottom: 1px solid #efefef;
    background-size: cover;
    background-repeat: no-repeat;
    background-position:center center;
    float: left;
    width: 298px;
    height: 286px;
    padding: 10px 10px 20px;
    box-sizing: border-box!important;
    cursor:pointer;
    overflow: hidden;
}
.vidsListCon > ul li a{
    height: 100%;
    display: block;
    overflow: hidden;
}
.vidsListCon > ul li a > .img{
    width: 100%;
    height: 188px;
    position: relative;
    overflow: hidden;
}
.vidsListCon > ul li a > .img img{
    max-width: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
       -moz-transform: translate(-50%,-50%);
        -ms-transform: translate(-50%,-50%);
         -o-transform: translate(-50%,-50%);
            transform: translate(-50%,-50%);
}
.vidsListCon > ul li a >.liText{
    width: 100%;
    height: auto;
    margin-top: 9px;
    overflow: hidden;
}
.vidsListCon > ul li a >.liText h4{
    width: 100%;
    font-size: 14px;
    font-weight: 500;
    text-align: center;
    margin: 0;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
.vidsListCon > ul li a >.liText span{
    display: block;
    font-size: 12px;
    width: 100px;
    margin: auto;
    text-align: center;
    border: 1px solid #efefef;
    border-radius: 50px;
    line-height: 30px;
    margin-top: 10px;
    color: #999;
}
.vidsListCon > ul li:hover{
    box-shadow: inset 0 0 12px #e6e6e6;
}
.vidsListCon > ul li:hover span{
    box-shadow: inset 0 0 12px #e6e6e6;
}
.vidsListCon > ul li,
.liText span{
    -webkit-transition: 0.3s;
       -moz-transition: 0.3s;
        -ms-transition: 0.3s;
         -o-transition: 0.3s;
            transition: 0.3s;
}
#gswj{
	display: block;
	width: 47px;
	height: 47px;
	position: absolute;
	bottom: 55px;
	left: 50%;
	z-index: 100;
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	transform: translateX(-50%);
}
.vidMb{
    width: 100%;
    height: 0px;
    background-color: rgba(0, 0, 0, .5);
    overflow: hidden;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    z-index: -5000;
    opacity: 0;
    filter: alpha(opacity=0);

    -webkit-transition: 0.5s;
       -moz-transition: 0.5s;
        -ms-transition: 0.5s;
         -o-transition: 0.5s;
            transition: 0.5s;
}

.vidList{
    width: 740px;
    height: 481px;
    background-color: #000;
    overflow: hidden;
    position: relative;
    top: 50%;
    left: 50.22%;
    -webkit-transform: translate(-50%,-50%);
       -moz-transform: translate(-50%,-50%);
        -ms-transform: translate(-50%,-50%);
         -o-transform: translate(-50%,-50%);
            transform: translate(-50%,-50%);    
}
.vidList > .vidGb{
    color: #e1e1e1;
    cursor: pointer;
    display: block;
    font-style: normal;
    font-size: 36px;
    position: absolute;
    top: 2px;
    right: 12px;
    z-index: 99;
    overflow: hidden;

    -webkit-transform: scaleY(0.8);
       -moz-transform: scaleY(0.8);
        -ms-transform: scaleY(0.8);
         -o-transform: scaleY(0.8);
            transform: scaleY(0.8);

    -webkit-transition: 0.3s;
       -moz-transition: 0.3s;
        -ms-transition: 0.3s;
         -o-transition: 0.3s;
            transition: 0.3s;
}
.vidList .vidCon{
    width: 100%;
    height: 100%;
    position: relative;
}
.vidCon > embed,.vidCon > iframe{
    width: 100% !important;
    height: 100% !important;
}
.videoTop{
    width: 1196px;
    height: 59px;
    background-color: #fff;
    margin: 0 auto;
}
.videoTop h4{
    font-size: 24px;
    color: #000;
    width: 100px;
    float: left;
    line-height: 38px;
}
.videoTop > span{
    display: block;
    float: right;
    height: 100%;
    font-size: 14px;
    line-height: 59px;
    color: #000;
}
.videoTop > span a {
    color: #222;
    font-size: 14px;
}
.videoTop > span a:hover {
    color: #0d883c;
}
/*加载*/
.loadEffect{
    width: 100px;
    height: 100px;
    position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    margin: auto;
    z-index: 500;
    display: none;
}
.loadEffect.doc_show_load{
    display: block;
}
.loadEffect span {
    display: inline-block;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    background: #0d883c;
    position: absolute;
    -webkit-animation: load 1.04s ease infinite;
}
@-webkit-keyframes load {
    0% {
        background: #cacaca;
    }
    100% {
        background: #0d883c;
    }
}
.loadEffect span:nth-child(1) {
    left: 0;
    top: 50%;
    margin-top: -8px;
    -webkit-animation-delay: 0.13s;
}
.loadEffect span:nth-child(2) {
    left: 14px;
    top: 14px;
    -webkit-animation-delay: 0.26s;
}
.loadEffect span:nth-child(3) {
    left: 50%;
    top: 0;
    margin-left: -8px;
    -webkit-animation-delay: 0.39s;
}
.loadEffect span:nth-child(4) {
    top: 14px;
    right: 14px;
    -webkit-animation-delay: 0.52s;
}
.loadEffect span:nth-child(5) {
    right: 0;
    top: 50%;
    margin-top: -8px;
    -webkit-animation-delay: 0.65s;
}
.loadEffect span:nth-child(6) {
    right: 14px;
    bottom: 14px;
    -webkit-animation-delay: 0.78s;
}
.loadEffect span:nth-child(7) {
    bottom: 0;
    left: 50%;
    margin-left: -8px;
    -webkit-animation-delay: 0.91s;
}
.loadEffect span:nth-child(8) {
    bottom: 14px;
    left: 14px;
    -webkit-animation-delay: 1.04s;
}
#changpage{
    text-align: center;
    font-size: 0px;
    margin-top: 21px;
        margin-bottom: 20px;
}
#changpage a{
    display: inline-block;
    *display: inline;
    *zoom: 1;
    padding: 6px 12px;
    border: 1px solid #ddd;
    line-height: 1.42857143;
    font-size: 12px;
    transition: .3s;
    background-color: #fff;
    margin-left: -1px;
    color: #0d883c;
}
#changpage a:first-child{
    border-left: 1px solid #ddd;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
}
#changpage a:last-child{
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}
#changpage a.active,#changpage a:hover{
    background-color: #0d883c;
    border-color: #0d883c;
    color: #fff;
}
.InBanner{
	width: 100%;
	overflow: hidden;
}
.InBanner img{
	width: 100%;
	height: 100%;
}
.page_about_box .top{
	height: 876px;
	background:url(../web-icon/about_page_bg.jpg) center bottom no-repeat;
}
.page_about_box .top .img{
	width: 868px;
	height: 409px;
	position: absolute;
	top: 50px;
	left: 0;
	z-index: 10;
}
.page_about_box .top .info{
	width: 453px;
	height: 401px;
	background:url(../web-icon/page_about_info.jpg) center center no-repeat;
	position: absolute;
	top: 152px;
	right: 0;
	z-index: 50;
	padding-left: 30px;
	padding-right: 24px;
	padding-top: 72px;
}
.page_about_box .top .info h2{
	font-size: 24px;
	color: #fff !important;
	margin-bottom: 36px;
}
.page_about_box .top .info p{
	font-size: 16px;
	color: #fff !important;
	text-align: justify;
	line-height: 34px;
}
.page_about_box .top .Slogan{
	width: 748px;
	height: 93px;
	text-align: center;
	font-size: 30px;
	color: #010000;
	position: absolute;
	top: 483px;
	left: 0;
	z-index: 10;
}
.page_about_box .top .Slogan em{
	font-size: 18px;
	color: #8f8a8a;
	margin-top: 12px;
}
.page_about_box .top .qywh{
	margin-top: 626px;
}
.page_about_box .top .qywh p{
	padding-left: 74px;
	padding-right: 74px;
	font-size: 16px;
	color: #010000;
	text-align: justify;
	line-height: 30px;
}
.page_about_box .top .qywh span{
	width: 115px;
	height: 35px;
	background-color: #e7920c;
	margin: 60px auto 0px;
	font-size: 16px;
	color: #fff !important;
	line-height: 35px;
	text-align: center;
}
.page_about_box .ad{
	height: 563px;
	background:url(../web-icon/about_server_title.png) center 50px no-repeat,url(../web-icon/about_ad.jpg) center bottom no-repeat;
}
.about_honor h1{
	height: 90px;
	background: url(../web-icon/about_page_honor_title.png) center top no-repeat;
	margin-top: 40px;
}
.about_honor .list{
	width: 1200px;
	height: 280px;
	margin: 60px auto 50px;
}
.about_honor .list ul li{
	float: left;
	width: 400px;
	margin-right: 4px;
}
.about_honor .list ul li a > i{
	height: 235px;
}
.about_honor .list ul li h4{
	text-align: center;
	font-size: 16px;
	color: #020200;
}
.about_honor .list ul li h4 i{
	display: block;
	width: 24px;
	height: 1px;
	background-color: #0ea057;
	margin: 16px auto 12px;
}
.page_details{
	overflow: hidden;
	margin-bottom: 50px !important;
}
.page_details .top{
	height: 16px;
	line-height: 16px;
	margin-top: 16px;
	margin-bottom: 28px;
}
.page_details .top a{
	display: block;
	float: left;
	font-size: 14px;
	color: #696969;
	position: relative;
}
.page_details .top a i{
	margin-left: 8px;
	margin-right: 8px;
}
.page_details .top a:hover{
	color:#111;
}
.page_details .top a.first{
	padding-left: 8px;
}
.page_details .top a.first::before{
	content: '';
	width: 4px;
	height: 100%;
	background-color: #111;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 10;
}
.page_details .left{
	width: 164px;
	text-align: center;
}
.page_details .left h1{
	font-size: 16px;
	color: #fff !important;
	line-height: 44px;
	background-color: #0ea057;
	margin-bottom: 14px;
}
.page_details .left .sub a{
	display: block;
	width: 100%;
	font-size: 14px;
	color: #010101;
	margin-bottom: 24px;
}
.page_details .left h2{
	width: 100%;
	height: 81px;
	background:#111 url(../web-icon/page_tel.png) 26px 15px no-repeat;
	font-size: 16px;
	color: #fff !important;
	padding-top: 20px;
}
.page_details .left h2 em{
	font-size: 16px;
	margin-top: 8px;
}
.page_details .right{
	width: 1010px;
}
.page_details .right h3{
	text-align: center;
	font-size: 24px;
	color: #000;
	margin-bottom: 30px;
}
.page_details .right .info{
	text-align: center;
	font-size: 14px;
	color: #9a9999;
}
.page_details .right .info span{
	margin-left: 20px;
}
.page_details .right .desc{
	min-height: 74px;
	border: 1px solid #eeeeee;
	padding-top: 18px;
	padding-bottom: 17px;
	padding-right: 10px;
	position: relative;
	font-size: 14px;
	color: #302f2f;
	line-height: 25px;
	padding-left: 70px;
	margin-top: 20px;
}
.page_details .right .desc em{
	display: block;
	font-size: 16px;
	color: #000;
	position: absolute;
	top: 17px;
	left: 10px;
}
.page_details .right .con{
	overflow: hidden;
	margin-top: 30px;
	text-align: justify;
	font-size: initial;
	color: initial;
	line-height: initial;
}
.page_details .right .con img{
	max-width:100% !important;
}
.page_details .bottom{
	width: 1010px;
	margin-top: 30px;
	margin-bottom: 30px;
}
.page_details .bottom .quick_aticles p{
	width: 100%;
	height: 34px;
	line-height: 34px;
	margin-bottom: 18px;
	background-color: #f7f7f7;
}
.page_details .bottom .quick_aticles p *{
	display: block;
	height: 100%;	
}
.page_details .bottom .quick_aticles p em{
	float: left;
	width: 90px;
	background-color: #484848;
	text-align: center;
	font-size: 14px;
	color: #fff !important;
}
.page_details .bottom .quick_aticles p span{
	float: left;
	width: 830px;
	font-size: 14px;
	color: #010000;
	padding-left: 30px;
}
.page_details .bottom .quick_aticles p a{
	float: right;
	width: 56px;
	font-size: 14px;
	color: #000;
}
.page_details .bottom .recommend_aticle > h1{
	font-size: 22px;
	color: #010000;
	margin-left: -12px;
	margin-bottom: 14px;
}
.page_details .bottom .recommend_aticle .list a{
	display: block;
	width: 100%;
	height: 44px;
	border-top:1px dashed #dcdcdc;
	line-height: 44px;
	overflow: hidden;
}
.page_details .bottom .recommend_aticle .list a span{
	width: 930px;
	height: 100%;
	font-size: 14px;
	color: #4c4b4b;
}
.page_details .bottom .recommend_aticle .list a em{
	width: 56px;
	font-size: 14px;
	color: #4c4b4b;
}
.page_details .bottom > a{
	display: block;
	float: right;
	width: 84px;
	height: 35px;
	font-size: 14px;
	color: #fff !important;
	line-height: 35px;
	background-color: #0ea057;
	text-align: center;
	margin-top: 20px;
}
.contact_box .contact_left{
	width: 830px;
	margin-top: 14px;
}
.contact_box .contact_left h1{
	line-height: 40px;
	font-size: 24px;
	color: #000;
	background:url(../web-icon/contact_tel.png) left center no-repeat;
	padding-left: 50px;
	margin-bottom: 40px;
}
.contact_box .contact_left p{
	font-size: 18px;
	color: #000;
	margin-bottom: 30px;
	opacity: .8;
}
.contact_box .contact_right{
	width: 276px;
	margin-top: 40px;
	text-align: right;
}
.contact_box .contact_right h1{
	font-size: 20px;
	color: #000;
	background:url(../web-icon/contact_right_tel.png) right top no-repeat;
	padding-right: 32px;
}
.contact_box .contact_right h1 em{
	display: block;
	font-size: 36px;
	color: #000;
	font-weight: bold;
	margin-top: 13px;
	margin-right: -32px;
}
.contact_box .contact_right > a{
	width: 118px;
	height: 42px;
	text-align: center;
	line-height: 42px;
	font-size: 18px;
	color: #fff !important;
	background-color: #111;
	margin-top: 24px;
	margin-bottom: 24px;
}
.contact_box .contact_right .contact_code span{
	width: 82px;
	text-align: center;
}
.contact_box .contact_right .contact_code span em{
	font-size: 14px;
	color: #000;
	opacity: .5;
	margin-top: 10px;
}
.contact_box .contact_right .contact_code span + span{
	margin-right: 44px;
}
.contact_message{
	height: 772px;
	background-color: #f5f5f5;
}
.contact_message .left{
	width: 597px;
	height: 700px;
	background:url(../images/mess.jpg) no-repeat;
	margin-top: 34px;
}
.contact_message .left a{
	width: 165px;
	height: 48px;
	margin-top: 572px;
	margin-left: 50px;
	background-color:#0ea057 ;
	text-align: center;
	line-height: 48px;
	font-size: 19px;
	color: #ffffff !important;
}
.contact_message .right{
	width: 602px;
	height: 700px;
	background-color: #fff;
	margin-top: 34px;
	padding-left: 52px;
	padding-right: 52px;
	padding-top: 76px;
}
.contact_message .right h1{
	font-size: 24px;
	color: #020000;
	line-height: 30px;
	margin-bottom: 54px;
}
.contact_message .right .top span{
	margin-right: 16px;
}
.contact_message .right .top span label{
	font-size: 16px;
	color: #999;
	font-weight: normal;
	vertical-align: sub;
}
.contact_message .right .mess_box{
	margin-top: 50px;
}
.contact_message .right .mess_box p{
	width: 240px;
	margin-bottom: 28px;
	font-size: 18px;
	color: #000;
	text-indent: 20px;
}
.contact_message .right .mess_box p input{
	width: 100%;
	height: 40px;
	background-color: #f8f8f8;
	border-radius: 25px;
	line-height: 40px;
	font-size: 16px;
	color: #000;
	text-indent: 20px;
	margin-top: 14px;
    border: 1px dashed #999;
}
.contact_message .right .mess_box p input::-webkit-input-placeholder,.contact_message .right .mess_box p textarea::-webkit-input-placeholder{
	font-size: 16px;
	color: #dfdfdf;
}
.contact_message .right .mess_box p.textarea_con{
	width: 100%;
}
.contact_message .right .mess_box p textarea{
	width: 100%;
	height: 190px;
	background-color: #f8f8f8;
	border-radius: 5px;
	line-height: 40px;
	font-size: 16px;
	color: #000;
	text-indent: 20px;
	margin-top: 14px;
	resize:none;
    border: 1px dashed #999;
}
.contact_message .right .mess_box a{
	width: 165px;
	height: 48px;
	font-size: 20px;
	color: #fff !important;
	background-color: #0ea057;
	border-radius: 25px;
	text-align: center;
	line-height: 48px;
}
.contact_box .contact_bottom{
	height: 292px;
	margin-top: 70px;
	margin-bottom: 66px;
}
.contact_bottom .left{
	width: 566px;
	margin-top: 17px;
}
.contact_bottom .left h1{
	line-height: 40px;
	font-size: 24px;
	color: #030000;
	background:url(../web-icon/address_icon.png) left center no-repeat;
	padding-left: 48px;
	margin-bottom: 18px;
}
.contact_bottom .left p{
	font-size: 18px;
	color: #000;
	line-height: 38px;
}
.contact_bottom #contact_map{
	width: 604px;
}
.page_product_list ul *{
	transition: all .5s;
}
.page_product_list li{
	float: left;
	width: 317px;
	height: 334px;
	overflow: hidden;
	position: relative;
	margin-right: 30px;
	margin-bottom: 26px;
}
.page_product_list li a > i{
	height: 225px;
}
.page_product_list li span{
	height: 225px;
	position: absolute;
	top: -255px;
	left: 0;
	z-index: 100;
	text-align: center;
	background-color:rgba(0,0,0,.33);	
	opacity: 0;
}
.page_product_list li span em{
	display: block;
	width: 122px;
	height: 33px;
	line-height: 33px;
	border: 1px solid #FFFFFF;
	margin: 93px auto 0px;
	font-size: 14px;
	color: #fff !important;
}
.page_product_list li h4{
	text-align: center;
	font-size: 16px;
	color: #080000;
	margin-top: 12px;
	padding-left: 10px;
	padding-right: 10px;
}
.page_product_list li h4 i{
	display: block;
	width: 15px;
	height: 1px;
	background-color: #000;
	margin: 9px auto 0px;
}
.page_product_list li p{
	font-size: 14px;
	color: #6b6a6a;
	text-align: justify;
	line-height: 28px;
	padding-left: 10px;
	padding-right: 10px;
	margin-top: 10px;
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
}
.page_product_list li:hover span{
	top: 0;
	opacity: 1;
}
.page_product_list li:hover{
	background-color: #0ea057;
}
.page_product_list li:hover h4{
	color: #fff;
}
.page_product_list li:hover h4 i{
	background-color: #fff;
}
.page_product_list li:hover p{
	color: #fff;
}
.page_list_sub{
	height: 22px;
	line-height: 22px;
	margin-bottom: 16px;
	padding-left: 14px;
	position: relative;
}
.page_list_sub a{
	display: block;
	float: left;
	font-size: 16px;
	color: #080000;
	padding-right: 20px;
	margin-right: 10px;
	background:url(../web-icon/page_line.png) right center no-repeat;
	position: relative;
}
.page_list_sub::before{
	content: '';
	width: 3px;
	height: 100%;
	background-color: #0ea057;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 10;
}
.page_list_sub a:last-child{
	background-image:none;
	padding-right: 0;
	margin-right: 0;
}
#content_page_box{
	width: 100%;
	text-align: center;
}
.pagination>.active>a,
.pagination>.active>a:focus,
.pagination>.active>a:hover,
.pagination>.active>span,
.pagination>.active>span:focus,
.pagination>.active>span:hover {
    color: #fff !important;
    background-color: #a0a0a0 !important;
    border-color: #a0a0a0 !important;
}
.pagination{
    margin: 20px 0 0!important;
}
.pagination>li>a,
.pagination>li>span {
    color: #a0a0a0 !important;
    cursor: pointer;
}
.page_productInfo_box .info_img{
	width: 430px;
	height: 380px;
}
.page_productInfo_box .info_right{
	width: 550px;
}
.page_productInfo_box .info_right h3{
	margin-top: 48px;
	text-align:left;
	margin-bottom: 0;
}
.page_productInfo_box .info_right i{
	display: block;
	width: 36px;
	height: 4px;
	background-color: #111;
	margin-top: 32px;
}
.page_productInfo_box .info_right .info_desc{
	font-size: 14px;
	color: #797777;
	text-align: justify;
	line-height: 30px;
	margin-top: 34px;
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 4;
}
.page_productInfo_box .info_right .info_tel{
	height: 54px;
	margin-top: 46px;
}
.page_productInfo_box .info_right .info_tel span{
	font-size: 16px;
	color: #111;
	background: url(../web-icon/info_tel.png) left top no-repeat;
	padding-top: 2px;
	padding-left: 40px;
}
.page_productInfo_box .info_right .info_tel span em{
	display: block;
	font-size: 30px;
	color: #111;
	font-weight: bold;
	margin-top: 3px;
	margin-left: -3px;
}
.page_productInfo_box .info_right .info_tel a{
	width: 118px;
	height: 35px;
	border: 1px solid #111;
	text-align: center;
	line-height: 35px;
	font-size: 16px;
	color: #111;
	border-radius: 25px;
	margin-top: 12px;
}
.page_productInfo_box .info_con{
	border-top: 1px dashed #eeeeee;
	margin-top: 28px;
	padding-top: 24px;
	margin-bottom: 50px;
}
.page_productInfo_box .info_con h1{
	text-align: center;
	font-size: 24px;
	color: #030000;
}
.page_productInfo_box .info_con h1 em{
	font-size: 24px;
	color: #b7b7b7;
	opacity: .1;
	font-weight: bold;
	text-transform: uppercase;
}
.page_productInfo_box .info_con .specifications{
	margin-top: 26px;
	margin-bottom: 54px;
}
.page_productInfo_box .info_con .specifications ul{
	display: flex;
	display: -webkit-flex;
	justify-content: space-between;
	-webkit-justify-content: space-between;
}
.page_productInfo_box .info_con .specifications li{
	width: 316px;
	height: 41px;
	border: 1px solid #eeeeee;
	font-size: 14px;
	line-height: 41px;
	text-align: center;
}
.page_productInfo_box .info_con .specifications li em{
	width: 124px;
	background-color: #fafafa;
	color: #000;
}
.page_productInfo_box .info_con .specifications li span{
	width: 190px;
	color: #7c7b7b;
}
.page_productInfo_box .info_con .info_details_con{
	overflow: hidden;
	margin-top: 30px;
	text-align: justify;
	font-size: initial;
	color: initial;
	line-height: initial;
}
.page_productInfo_box .info_con .info_details_con img{
	max-width: 100% !important;
}
.page_productInfo_box .page_product_recommend{
	border-top: 1px dashed #eeeeee;
	padding-top: 36px;
}
.page_productInfo_box .page_product_recommend h2{
	font-size: 24px;
	color: #000;
	margin-bottom: 22px;
}
.page_productInfo_box .page_product_recommend ul li{
	float: left;
	width: 235px;
	height: 276px;
	overflow: hidden;
	position: relative;
	margin-right: 23px;
}
.page_productInfo_box .page_product_recommend ul li i{
	height: 235px;
}
.page_productInfo_box .page_product_recommend ul li span{
	height: 235px;
	background-color:rgba(0,0,0,.5);
	text-align: center;
	position: absolute;
	top: -235px;
	left: 0;
	z-index: 100;
	transition: all .5s;
	opacity: 0;
}
.page_productInfo_box .page_product_recommend ul li span em{
	display: block;
	width: 164px;
	height: 48px;
	border: 1px solid #fff;
	border-radius: 25px;
	line-height: 48px;
	font-size: 18px;
	color: #fff !important;
	margin: 85px auto 0px;
}
.page_productInfo_box .page_product_recommend ul li h4{
	font-size: 18px;
	color: #0a0a0a;
	margin-top: 20px;
}
.page_productInfo_box .page_product_recommend ul li:hover span{
	top: 0;
	opacity: 1;
}
.page_news .page_details{
	 overflow: visible !important;
}
.page_news_list li{
	width: 100%;
	height: 224px;
	padding: 10px;
	transition: all .5s;
}
.page_news_list li .info{
	float: left;
	width: 710px;
}
.page_news_list li .info h4{
	text-align: left;
	color: #030303;
	font-size: 18px;
	font-weight: 500;
	line-height: 18px;
	margin-bottom: 16px;
	padding-bottom: 5px;
	margin-top: 44px;
}
.page_news_list li .info p{
	color: #838383;
	font-size: 14px;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	line-height: 30px;
	overflow: hidden;
	text-align: justify;
}
.page_news_list li i{
	float: right;
	width: 266px;
	height: 180px;
	margin-top: 11px;
}
.page_news_list li:nth-child(even) .info{
	float: right;
}
.page_news_list li:nth-child(even) i{
	float: left;
}
.page_news_list li:hover{
	background-color: rgb(249, 249, 249);
    box-shadow: 0px 0px 3.36px 0.64px rgba(219, 219, 216, 0.99);
}
#news_content_page_box{
	text-align: right;
}
.page_base_box{
	
}
.page_base_box > a{
	display: block;
	width: 60px;
	height: 60px;
	position: absolute;
	top: 492px;
	right: 113px;
	z-index: 100;
	text-align: center;
	font-family: "宋体";
	font-size: 42px;
	color: #fff !important;
	line-height: 60px;
	background-color: #111;
}
.page_base_box h1{
	text-align: center;
	font-size: 30px;
	color: #000;
	margin-bottom: 15px;
}
.page_base_box h1 em{
	display: block;
	font-size: 24px;
	color: #f9f9f9;
	font-weight: bold;
	text-transform: uppercase;
}
.page_base_box h1 i{
	display: block;
	width: 36px;
	height: 2px;
	background-color: #585858;
	margin: 10px auto 0px;
}
.page_base_box h2{
	font-size: 18px;
	color: #000;
	opacity: .8;
	text-align: center;
	margin-bottom: 54px;
}
.page_base_box h2 em{
	display: block;
	font-size: 14px;
	color: #000;
	opacity: .2;
	margin-top: 5px;
}
.page_base_list{
	width: 921px;
	height: 702px;
}
.page_base_list li{
	float: left;
	width: 445px;
	height: 335px;
	overflow: hidden;
	background-color: #f2f2f2;
	text-align: center;
	margin-bottom: 32px;
	margin-right: 31px;
}
.page_base_list li i{
	height: 276px;
}
.page_base_list li h4{
	font-size: 18px;
	color: #000;
	margin-top: 20px;
	line-height: 20px;
}
/* 搜索页面 */
#crumb-box {
    margin-top: 10px;
}
#crumb-box .crumbBox {
    text-align: center;
    background-color: #fff;
}
#crumb-box .crumbBox ul li {
    height: 40px;
    line-height: 40px;
}
#crumb-box .crumbBox ul li a {
    display: block;
    font-size: 16px;
    color: #878787;
}
.crumb {
    width: 210px;
}
.crumb .crumbBox h4 {
    height: 45px;
    text-align: center;
    line-height: 45px;
    color: #303030;
    font-size: 24px;
    font-weight: normal;
}
.content-info {
    background-color: #fff;
    color: #000;
}
.content-info p {
    margin-bottom: 10px;
    font-size: 13px;
    line-height: 20px;
}
.info-code {
    text-align: center;
}
.info-code span {
    display: block;
    font-size: 14px;
    color: #afafaf;
    margin-top: 10px;
}
.news_fl {
    float: right;
	width: 980px;
	margin-top: 2px;
    overflow: hidden;
    background-color: #fff;
    padding: 15px;
}
.news_fl ul {
    overflow: hidden;
}
.news_fl ul.ulist li {
    position: relative;
    border-bottom: 1px solid #efefef;
    padding-bottom: 10px;
    margin-bottom: 25px;
    overflow: hidden;
}
.news_fl ul li a {
    display: block;
    height: 100%;
    cursor: pointer;
    overflow: hidden;
}
.news_fl ul li a .info_img {
    display: block;
    float: left;
    width: 290px;
    height: 195px;
    overflow: hidden;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}
.news_fl ul li .info_right {
    float: right;
    width: 650px;
    height: 195px;
    position: relative;
    padding-left: 30px;
    margin-bottom: 15px;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    transition: 0.3s;
}
.news_fl ul li .info_right h3 {
    color: #565656;
    font-size: 24px;
    line-height: 28px;
    width: 80%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    transition: 0.3s;
    font-weight: normal;
}
.news_fl ul li .info_right aside {
    color: #999;
    line-height: 24px;
    font-size: 12px;
    margin-top: 15px;
}
.news_fl ul li .info_right aside span {
    margin-left: 20px;
}
.news_fl ul li div em {
    position: absolute;
    top: 0;
    right: 0;
    height: 28px;
    line-height: 28px;
    padding-left: 26px;
    background: url(../img/news/news02.jpg) no-repeat left center;
    cursor: pointer;
}
.news_fl ul li div em i {
    font-size: 16px;
    margin: 0 8px;
    color: #36478c;
}
.news_fl ul li img {
    width: 100%;
    display: block;
}
.news_fl ul li summary {
    margin-top: 5px;
    color: #666;
    font-size: 14px;
    line-height: 20px;
}
.news_fl ul li .info_right .chk_all {
    display: block;
    width: 85px;
    height: 30px;
    border: 1px solid #666;
    text-align: center;
    line-height: 30px;
    font-size: 13px;
    position: absolute;
    bottom: 0;
    left: 32px;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}
.news_fl ul li:hover .info_right {
    border-color: #0d883c;
}
.news_fl ul li:hover div h3 {
    color: #0d883c;
}