﻿﻿@charset "utf-8";
/*==========@@HTML默认 开始@@==========*/
/*基本*/
*{ padding:0px; margin:0px }
html, body{  height:100%;}
body, div, dl, dt, dd, ul, ol, li,h1, h2, h3, h4, h5, h6, pre, code,form,fieldset, 
legend, input, button,textarea, p, blockquote, th, td { margin: 0; padding: 0;}
body{color:#626262;	margin:0px auto; font-family:Arial, Helvetica,'Microsoft YaHei'; font-size:12px; }
div{ margin:0; padding:0; border:0; }
img{ margin:0; padding:0; border:0; }
p{ margin: 0px;  padding:0;}
b,strong {font-weight: bold;}
table { border-collapse: collapse; border-spacing: 0; /* Remove most spacing between table cells.*/}
li{ list-style: none outside none;}
.w1200{ width:1202px; margin:0 auto;}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden}
.clearfix{*+height:1%;}
/*链接*/
a{ text-decoration:none; color:#626262; background: transparent;  outline:none}
a:visited { color:#999;}
a:focus { outline:none; }
a:hover{ color:#016844; outline:none; text-decoration:none; }
a:active{ color:#016844; outline:none; }
.clear{ clear:both; }
/*标题*/
h1 { font-size: 1.3em;margin:  0;}
h2 {font-size: 1.2em; margin: 0;}
h3 { font-size: 1.17em;margin: 0;}
h4 {font-size: 1em;margin:0;}
h5 {font-size: 0.83em;margin: 0;}
h6 { font-size: 0.67em;margin: 0;}

/*表单*/
form {margin: 0;}
button,input,select,textarea { font-size: 100%;margin: 3px; vertical-align: baseline; *vertical-align: middle; }
button,select {text-transform: none;}
input{padding:2px;background-color: #FFFFFF;border: 1px solid #ccc;width:99%;line-height: normal;}
textarea{padding: 2px;color: #000000;background-color: #fff;width:99%;}

/*其它*/
blockquote {margin: 1em 40px;}
dfn {font-style: italic;}
code, kbd, pre, samp {font-size: 1em;}
pre {margin: 1em 0; white-space: pre;white-space: pre-wrap;word-wrap: break-word; }
small {font-size: 80%;}
sub,sup {font-size: 75%;line-height: 0; position: relative;vertical-align: baseline; /* Prevent `sub` and `sup` affecting `line-height` in all browsers.*/}
sup {top: -0.5em;}
sub {bottom: -0.25em;}
dl{margin: 1em 0;}
dd {margin: 0 0 0 40px;}
/*==========@@HTML默认  结束@@==========*/


/*==========@@元件 开始@@==========*/
/*常用颜色*/
.blue {color: #00F !important;}
.green {color: #0F0 !important;}
.red {color: #F00 !important;}
.black {color: #000000 !important;}
.white {color: #FFFFFF !important;}
.gray { color:gray; !important; }
.purple { color:purple;  !important;}

/*浮动*/
.clear { display:block; clear:both; height:3px; overflow:hidden; line-height:3px; }
.float_left { float:left; }
.float_right { float:right; }

/*对齐方式*/
.left { text-align: left}
.right {text-align: right}
.center{ text-align: center}

/*按钮*/
/*默认样式*/

/*按钮大小*/
.btn-large {font-size: 19px;  height: 38.4px;  line-height: 38.4px;  padding: 0px 26px;}
.btn-small {  font-size: 12px; height: 25.6px; line-height: 25.6px;  padding: 0px 16px;}
.btn-tiny {  font-size: 12px;  height: 22.4px;  line-height: 22.4px; padding: 0px 13px;}
/*块按钮*/
.btn-block {display: block;}

/*表单类*/
.form_text_verifycode, .form_text_verifycode:hover{border-color: #a0a0a0 #cbd9eb #cbd9eb #a0a0a0;
border-width:1px; height:20px; line-height:20px;clip: rect;padding: 2px; color: #000000; background: url(../images/form_bg.jpg) #fff repeat-x;}
.form_text { margin:0; padding:0;  color: #000000;  line-height:38px; height:38px;   width:400px; font-size:16px;   }
.form_text:hover {background-position: 0px -37px;}
.form_text_verifycode { width:50px; margin-right:3px;background-position:  0px 0px;}
.form_text_verifycode:hover {background-position: 0px -37px;}
.form_radio{ width:auto; border:0;}
.form_checkbox{ width:auto; border:0}
.form_select { height:25px; }
.form_textarea { width:595px; height:218px; font-size:16px; line-height:22px;  border:1px solid #c1c1c1; margin:8px 0; padding:2px;}
.form_button { width:auto; vertical-align:middle; border:0 none;/*解决ie焦点是有黑色边框*/}
input[type="reset"]::-moz-focus-inner, input[type="button"]::-moz-focus-inner, input[type="submit"]::-moz-focus-inner, 
input[type="file"] > input[type="button"]::-moz-focus-inner{ border:none;padding:0; }
.required{ color:red; font-weight:bold; text-align:left; padding-left:3px;}

/*其它*/
.hide { display:none; }  /*隐藏*/
.more{ float: right; padding-right:5px;} /*more链接*/
.code_image{ cursor: pointer; padding-bottom:6px;} /*验证码图片样式*/

/*频道*/
.ChannelContent, .ChannelContent p{ line-height:1.8em}
.ChannelSContent{}
.ChannelSContent img, .InfoContent img{ max-width:100% }

/*信息*/
.InfoTitle{ font-weight:normal; text-align:center; vertical-align:middle;   color:#900; padding:5px 0px}
.InfoTitle h1{ font-size:16px; line-height: 1.5em; }
.InfoTime{color:#999; text-align:left;  padding:2px 0px; height:25px}
.InfoContent, .InfoContent p{ line-height:1.8em; padding:10px 0;}
.InfoAttachment{ padding:10px 0px; text-align:center; width:81px; margin:0 auto;}
.InfoPicture{ text-align: center;}
.InfoPicture img{ width:100%; max-width:100%}
.info_from_wrap{ padding:0 10px; text-align:center; color:#999; border:1px dashed #ccc; line-height:30px; margin-bottom:5px;}
.info_from_wrap a { color:#999; }
.info_from_wrap a:hover { color:#555; }
#ReadLevelTip{ font-weight:bold; color:red;}

.Tag{ text-align: left; font-weight:bold; }
.Tag b{}
.Tag a{ padding:0 3px; font-weight:normal; text-decoration:none;}
.info_previous_next_wrap{ background:#F0F0F0; padding:5px; border:1px solid #E3E3E3; line-height:1.8em}
/*==========@@元件 结束@@==========*/


/*==========@@模块  开始@@==========*/
/*左侧*/
/*主体左侧样式*/
.left_title { height:43px; line-height:43px;  background:url(../images/left_title.jpg) no-repeat; }
.left_title h2 { text-indent:1em; font-size:14px; color:#000; }
.left_title h2 a { font-size:14px; color:#C7231D; }
.left_body { overflow:hidden; zoom:1; color:#000; border:5px solid #eaeaea; padding:5px 5px 0px 5px; border-bottom:0; border-top:0}
.left_bottom { height:15px; background:url(../images/left_bottom.jpg) no-repeat; margin-bottom:5px;}

/*样式1*/
.left_title1{ height:39px; line-height:39px; background:url(../images/left_title1.jpg) no-repeat;}
.left_title1 h2 { text-indent:1em; font-size:14px; color:#000;  }
.left_body1 { overflow:hidden; zoom:1;  color:#000; padding:0 10px 5px;  border:5px solid #eff6fe; border-bottom:0; border-top:0}
.left_bottom1 { height:15px;  background:url(../images/left_bottom1.jpg) no-repeat; margin-bottom:5px;}

/*样式2*/
.left_title2 { height:39px; line-height:39px; background:url(../images/left_title2.jpg) ;  }
.left_title2 h2 { text-indent:1em; font-size:14px; color:#000; }
.left_body2 { overflow:hidden; zoom:1; color:#000;  padding:0 10px 5px; border:5px solid #caeaff; border-top:0; border-bottom: 0px}
.left_bottom2 { height:15px;  background:url(../images/left_bottom2.jpg) no-repeat; margin-bottom:5px;}

/*主体右侧*/
/*样式1*/
.right_title { background: url(../images/right_title.jpg) no-repeat; height:39px; line-height:39px;}
.right_title h2 { font-size:14px; font-weight:bold; padding-left:10px; color:#626262; }
.right_body { padding:5px; overflow:hidden; zoom:1; border:5px solid #B7E6FA; border-top:0; border-bottom:0 }
.right_bottom {height: 5px;  line-height:5; background:#B7E6FA; overflow:hidden; font-size:0px; margin-bottom:5px;}
/*样式2*/
.right_title1 { background: url(../images/right_title1.jpg) repeat-x 0 0; height:39px; line-height:39px;  }
.right_title1 h2 { font-size:14px; font-weight:bold; padding-left:10px; color:#626262;}
.right_body1 { padding:5px; overflow:hidden; zoom:1; border:5px solid #FACEB9; border-top:0; border-bottom:0}
.right_bottom1 { height: 5px; font-size: 0px; line-height:0; background:#FACEB9;  overflow:hidden; margin-bottom:5px;}
/*==========@@模块  结束@@==========*/


/*==========@@频道布局 开始@@==========*/
/*===公共 开始===*/
.body_index, .body_article, .body_download, .body_picture, .body_product, .body_single, .body_video, .body_job, .body_feedback, .body_guestbook{}
.index, .single, .picture, .download, .video, .product, .job, .feedback{ width:1202px;margin:5px auto; }
#banner, #announcement, #link, #copyright { width:1202px;  margin:0 auto; overflow:hidden; border:0px dashed red;}
#top { width:1202px;  margin:0 auto; border:0px dashed red;}
#left { float:left; width:250px; }
#right { float:right; width:740px; border-left:0px solid #E5E5E5; padding-left:0px; }
@media(max-width:1259px){
    .index, .single, .picture, .download, .video, .product, .job, .feedback{
        width:96%;
    }
}
@media (max-width: 991px){
.guestbook{ width:750px; padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto;}
}
@media (max-width: 600px){
.form_text{ width:100%;}
.guestbook{ width:100%; padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto;}
}
/*===公共 结束===*/

/*===首页 开始===*/
.index .ChannelContent{color:#626262;  line-height:25px; height:200px; background:url(../images/about_bg.jpg); padding:5px; overflow:hidden; margin-bottom:10px;}
.index .ChannelContent a{ color: #ff9d02}
#index_1 { float:left; width:740px; border-left:0px solid #E5E5E5; padding-left:0px; }
#index_2 { float:right; width:250px; }
/*===首页 结束===*/

/*===产品模型 开始===*/
.product { margin-top:25px; }
.product .info_product_detail_wrap{ line-height: 2.2em;}
.product .info_product_detail_wrap b{color: #626262; font-weight:bold;}
.product .info_product_detail_wrap table.detail_table{ width:100%; }
.product .info_product_detail_wrap table.detail_table th{ width: 200px;}
.product .ProductDescription{ margin-top:60px;  }
.product .ProductDescription ul li{ margin:0; padding:0;  float:left;  width: 336px; height: 48px; line-height:48px;  background: #e5e5e5; -webkit-transform: skew(30deg); -moz-transform: skew(30deg); -o-transform: skew(30deg); transform: skew(30deg);  font-size:14px; text-align:center; color:#1b1b1b; cursor:pointer;  transition: all 0.8s; -ms-transition: all 0.8s; -moz-transition: all 0.8s; -webkit-transition: all 0.8s; -o-transition: all 0.8s; border-right:2px solid #fff;   }
.product .ProductDescription ul li span{ display: block; -webkit-transform:skew(-30deg); -moz-transform:skew(-30deg); -o-transform:skew(-30deg); transform:skew(-30deg); }
.product .ProductDescription ul li.protab_2 { background:#016844; color:#fff; }
.product .ProductDescription .pro_param_main{ margin-top:30px;}
.product .ProductDescription .pro_param_main .param_title{ height:90px; line-height:90px; font-size:30px; font-weight:normal; text-align:center; color:#1b1b1b; border-bottom:1px solid #d3d3d3;}
.product .info_product_detail_wrap img{ width:195px; height:195px;float:left;  text-align:left }
.product .ProductDescription .pro_param_main p{ padding:20px 0; border-bottom: 1px solid #d3d3d3;}
.product .ProductDescription .pro_param_main span{ float:left; line-height:32px;}
.product .ProductDescription .pro_param_main span.sp_tit{ width:200px; padding-left:20px; font-size:16px;  color:#1b1b1b;  }
.product .ProductDescription .pro_param_main span.sp_cont{ width:950px; margin-left:28px; padding-left:80px; font-size:14px;  }
.product .ProductDescription .pro_param_main table{ width: 65%;}
.product .ProductDescription .pro_param_main table td{
	height: 40px;
	line-height: 40px;
	text-align: left;
	font-size: 14px;
	border-bottom: 1px solid #e5e5e5;
}
.pro_content{ padding:30px 0 40px; font-size:14px;}
.product  .InfoTitle{  font-size:16px; font-weight:bold; text-align:left; padding:10px 0px;}
.product  .f2{ padding:5px 0px}
.product  .f1{ padding:5px 0px}
.product  .InfoHit{ padding:5px 0px; font-weight:bold; color:#990000}
.product  .InfoTime{ padding:5px 0px; }
/*===产品模型 结束===*/

/*===招聘频道  开始===*/
.job{ }
.joblist { }
.joblist li {overflow: hidden; padding:5px 0px;}
table.job_table { margin:8px 0px; padding:0px; text-align:center; width:100%; border-collapse:collapse;}
table.job_table td{ padding:8px 5px; border:1px solid #DADBD6;}
table.job_table .Requirement{ text-align:left; padding:8px 5px; line-height:1.5em;}
table.job_table th{color:#333; font-weight:bold; text-align:center; border:1px solid #DADBD6;}
table.job_table .t1 { font-weight:bold;padding:5px 0;width:20%;}
table.job_table .t2 { text-align:left;width:25%;}
table.job_table .t3 {font-weight:bold;width:25%;}
table.job_table .t4 {text-align:left;width:25%;}
table.job_table .operation{text-align:center; margin:0 auto;}
/*应聘*/
table.resume_table { margin:3px; text-align:center; width:97%; border-collapse:collapse;}
table.resume_table th{ font-weight:bold; text-align:left; width:100px;}
table.resume_table td{text-align:left; }
table.resume_table .operation{text-align:center; }
table.resume_table #Detail{ height:200px;}
/*===招聘频道  结束===*/

/*===留言频道  开始===*/
.guestbook{ }
.guestbooklist{}
.guestbooklist li{ padding:10px; border:1px solid #CCC; margin-bottom:10px; }
.MessageTitle { color:#227BAD; line-height:1.5em; font-weight:bold;}
.MessageContent { padding:5px; margin-bottom:10px; }
.guestbook_table{ width:98%;  }
.guestbook_table span{ width:100px; height:40px; text-align:left; float:left;  font-size:16px; font-weight:normal; line-height:38px; }
.guestbook_table p{ float:left; text-align:left}
.guestbook_table .operation{ text-align:left; }
.guestbook_table .operation .form_button{ margin:0; padding:0;  width:210px; height:50px; line-height:50px; text-align:center; background:#016541; color:#fff; }
.guestbook_table li{ margin:0; padding:0; float:none; display:block !important;  line-height:40px; margin-bottom:15px;}
/*管理员回复*/
.answer_wrap{ padding:5px; border-top:1px dashed #CCC; line-height:1.5em}
.answer_title{}
.answer_body {}
.Administrator { text-align:right; }
.Reply { text-align:right; }
.AnswerTime{ color:#999 }

@media (max-width: 600px){
.guestbook_table span {
	width:auto; 
	height:auto;
    display:block;
    text-align: left;
    font-size: 14px;
    font-weight: normal;
    line-height: 28px;
    vertical-align: text-top;
}
.guestbook_table p{ float:none; }
.form_textarea{ width:100%;}
.product .ProductDescription .pro_param_main table{
	width: 100%;
}
}


/*留言表单*/
.message_title{ height:40px; line-height:40px; font-size:32px; color:#5d5d5d; }
.message_title .txt{ font-size:12px; color:#898989; margin-left:20px;  }
.message_body{ margin-top:35px;  color:#626262; }
.message_bottom{}
/*===留言频道  结束===*/

/*===反馈模型 开始===*/
.feedback{ }
table.feedback_table{ width:99%; text-align:center; margin:0 auto;}
table.feedback_table th{ width:100px; text-align:left; font-weight:bold;}
table.feedback_table td{  text-align:left;}
table.feedback_table .operation{text-align:center}
/*===反馈模型 结束===*/

@media (max-width: 768px){
.message_title {  height:32px; line-height: 32px; font-size: 24px; color: #5d5d5d; }
}


/*==========@@频道布局 结束@@==========*/


/*==========@@公共板块  开始@@==========*/
/* 顶部 */
.wf-table{ width: 100%;  display: table;}
.wf-td { display: table-cell; vertical-align: middle;}

.header{ padding:5px 0; background:#313131;}
.list-inline { margin-right: 0;}
.header-left{ color: #000; }
.header-left{ line-height: 30px; font-size: 12px; color:#0dda86;}
.header-social-links2 li { margin: 0 5px; padding: 0;   }
.header-social-links li { margin: 0 5px; padding: 0;  font-size: 12px; line-height: 30px;}
.header-social-links li a{ color:#b1b1b1; }
.header-social-links li a:hover{ color:#0cda86; }
.header-social-links li a i{ margin-right:4px;}
.header-social-links .input-group { width:148px;  margin-bottom:-9px; top:-3px; margin-right: 10px; position:relative;}
.header-social-links .input-group-btn{ position:absolute; line-height:20; right:0px; top:7px; width:24px; height:20px; margin:0; padding:0; z-index:200; }
.header-social-links .input-group-btn .btn {
	margin:0; padding:0;
	height:20px; 
    color: #999;
    font-size: 12px;
	background:none;
	border:none;
	
} 
.header-area { min-height: 30px; }
.header hr { border-color: rgba(224, 215, 220, 0.5); margin-bottom: 0; margin-top: 0;}
/*Logo*/
.logo { float: left;}
#logo_main { height:90px; }
.WebLogo{ margin-top:26px; overflow:hidden; float:left; }
#logo {overflow:hidden; float:left; }
#logo .Language{width:500px;float:right; padding:10px;}
#logo .Language .MobileEdition{ font-weight: bold; color:red;}
#logo .Member { width:500px; height:35px; line-height:35px; float:right; text-align:right;font-weight:bold; }
#logo .Member .MemberName, #logo_main .Member .MemberGroupName{color:#F30}
.input-group .form-control{ margin:0; padding:0; margin-top:8px; height:20px; width:148px;  border:1px solid #9e9e9e; background:none; border-radius:14px; border-top-right-radius:14px !important; border-bottom-right-radius: 9px !important; padding:0 25px 0 10px; color:#9e9e9e; font-size:12px; font-weight:normal;} 
.input-group .input-group-addon{ margin:0; padding:0; height:18px; border:none; width:20px; background:none; position:absolute; right:5px; top:3px; z-index:10; color:#9e9e9e; cursor:pointer; }
.header-social-links .icon{ width:20px; height:20px; display:inline-block; background:url(../images/icon_wsina.png) no-repeat; position:relative; margin-bottom:-5px; top:2px; cursor:pointer; }
.header-social-links .icon_wechat{ background-position: left top;}
.header-social-links .icon_wechat:hover{ background-position: left bottom;}
.header-social-links .icon_sina{ background-position: right top;}
.header-social-links .icon_sina:hover{ background-position: right bottom;}
.top_attention ul li{ margin:0 !important; padding:0 !important; float:left; position:relative; cursor:pointer; }
.erweima{ position:absolute; z-index:200; left:0; top:40px; display:none;}

@media (max-width: 790px) {
    .header-left{
        text-align: center;
    }
	.list-inline{ text-align:center;}
	.wf-td{ display:block; width:100%; text-align:center; }
}
/*导航*/
#navigation { float:right; height:90px;   }
#navigation ul.navigationlist li { float:left; line-height:90px; text-align:center; margin-left:42px; position:relative; }
#navigation ul.navigationlist li a { display:block; padding:0px 12px; margin:0 1px; font-size:16px; color:#313131; border:0px dashed red;}
#navigation ul.navigationlist li a:hover { text-decoration:none; color:#016844;  }
#navigation ul.navigationlist li .icon-chevron-down{ position:absolute; bottom:10px; color:7f7f7f; display:none; left:50%; margin-left:-10px; width:20px; text-align:center; } 
#navigation ul.navigationlist li:Hover .icon-chevron-down{ display:block;}

/*导航栏下拉*/
#navigation  ul.subnav2list{ display:none; position:absolute; z-index:100}
#navigation  ul.subnav2list li {  float:none; margin:0; padding:0px; width:188px; background:url(../images/nav2libg.png) repeat-x; line-height:41px; height:42px; border-bottom:1px; position:relative;  }
#navigation  ul.subnav2list li a { display:block; white-space:nowrap; font-weight:normal; color:#FFF; font-size:12px; padding:0px 20px; text-align:left; font-size:14px;}
#navigation  ul.subnav2list li:hover a{  background:url(../images/nav2libg2.png) no-repeat;  color:#fff; }
#navigation  ul.subnav2list li .icon-chevron-right{ color:#fff; position:absolute; right:0; z-index:100; top:16px; right:24px; }

#navigation  div.subnav3{ position:absolute; display:none; width:188px; padding-left:2px; right:-188px; top:0;}
#navigation  div.subnav3 a{ display:block; line-height:41px; height:42px; background:url(../images/nav2libg.png) repeat-x !important; color:#fff;}
#navigation  ul.subnav2list li:Hover div.subnav3{ display:block;}
#navigation  ul.subnav2list li:Hover div.subnav3 a:Hover{ background:url(../images/nav2libg2.png) repeat-x !important;}

/*公告*/
#announcement { margin-top:5px;  height:35px; line-height:35px;background-color:#f0f0f0; color:#0B3B7D;}
#announcement .announcement_title{ float:left;font-weight:bold; text-indent:35px; background:url(../images/announcement_title.gif) no-repeat 8px center; width:150px;}
#announcement .announcement_body{float:left; width:750px;}
#announcement .announcement_bottom{float:right; width:100px; }
.announcementlist{ }
.announcementlist li { line-height:35px; }

/*Js幻灯片样式*/
.callbacks_container { position: relative; width: 100%;}
.callbacks {
    list-style: none;
}
.rslides {
    list-style: none;
}
.callbacks {
    position: relative;
    list-style: none;
    overflow: hidden;
    width: 100%;
    padding: 0;
    margin: 0;
}
.rslides {
    position: relative;
    list-style: none;
    overflow: hidden;
    width: 100%;
    padding: 0;
    margin: 0;
}
.rslides li:first-child {
    position: relative;
    display: block;
    float: left;
}
.callbacks li {
    position: absolute;
    left: 0;
    top: 0;
}
@media (min-width: 991px){
	.rslides li img{ width:100%; height:auto;}
}
.rslides li {
	-moz-background-size:cover !important;
	-ms-background-size:cover !important;
	-webkit-background-size:cover !important;
	background-size: cover !important;
    -webkit-backface-visibility: hidden;
    position: absolute;
    display: none;
    width: 100%;
    left: 0;
    top: 0;
}
.main_banner{
    background-size: cover !important;;
    min-height: 585px;
	background-repeat:no-repeat !important;
}
.callbacks_nav {
    position: absolute;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    top: 50%;
	margin-top:-50px;
    left: 2%;
    opacity: 0.7;
    z-index: 3;
    text-indent: -9999px;
    overflow: hidden;
    text-decoration: none;
    height: 100px;
    width: 50px;
    background: transparent url("../images/sp.png") no-repeat left center;
}
.callbacks_nav.next {
    left: auto;
    background: transparent url("../images/sp.png") no-repeat right center;
    right: 2%;
}
.callbacks_tabs{ position:absolute; height:20px; bottom:10px; width:100%; text-align:center; z-index:12; font-size:0; }
.callbacks_tabs li{ display:inline-block; width:18px; height:18px; border-radius:9px; background:#fff; margin:0 5px;}
.callbacks_tabs li.callbacks_here{ background:#016844;}
.callbacks_tabs li a{  display:block; width:18px; height:18px; border-radius:9px;}
/*当前位置*/
#location_main {} 
#location {color:#0B3B7D; float:right; padding-right:8px;}

/*子频道列表*/
.subchannellist { }
.subchannellist li { line-height:24px; padding:1px; border-bottom:1px solid #E3E3E1;}
.subchannellist li a { display:block; padding:0 5px 0 25px; color:#000;}
.subchannellist li a:hover {  color:red; text-decoration:none; }
.subchannellist #current a {  font-weight:bold; color:red; }
.subchannellist .depth1{ font-size:12px; font-weight:bold;}
.subchannellist .depth2{ font-size:12px; text-indent:1.5em;}
.subchannellist .depth3{ font-size:12px; text-indent:3em}
.subchannellist .depth4{ font-size:12px; text-indent:4.5em}
.subchannellist .depth5{ font-size:12px; text-indent:6em}
.subchannellist .depth6{ font-size:12px; text-indent:7.5em}

/*搜索 */
table.search_table{ width:99%; text-align:center;}
table.search_table th{ vertical-align:middle; text-align:center; padding:0px 3px;}
table.search_table td{ vertical-align:middle; width:60px; padding:0px 3px;}

/*联系我们*/
.contact_wrap{ line-height:1.8em}
.contact_wrap b{ font-weight:bold;}
.contact_wrap .WebUrl{ color:#F00 }

/*订购*/
.order{margin:0px auto}
.order .WantOrder h1{ border-bottom:1px dotted #999999; padding: 5px 0px;}
.order .f1{ float:right; color:red;}
table.order_table{ width:98%;  }
table.order_table th{ width:100px; text-align:left;}
table.order_table td{text-align:left}
table.order_table .operation{ text-align:center}

/* 友情链接 */ 
#link_main {}
#link { padding:0; }
.link_title { background: url(../images/right_title1.jpg) repeat-x 0 0; height:39px; line-height:39px;  }
.link_title h2 { font-size:14px; font-weight:bold; padding-left:10px; color:#626262;}
.link_body { padding:5px; overflow:hidden; zoom:1; border:5px solid #FACEB9; border-top:0; border-bottom:0}
.link_bottom { height: 5px; font-size: 0px; line-height:0; background:#FACEB9;  overflow:hidden; margin-bottom:5px;}
.link_pic { overflow:auto; zoom:1;  }
.link_pic ul li { float:left; padding:1px 5px; text-align:center; width:112px}
.link_pic img { width:86px; height:30px; padding:2px; border:1px solid #CCC; }
.link_pic ul li a:hover img { border:1px solid #6C9ACC;}
.link_text { overflow: hidden; zoom:1; }
.link_text ul li { float:left; text-align:center; padding:1px 5px; overflow:hidden; width:112px; white-space:nowrap}
.link_text a { line-height:22px; }

/* 版权信息 */
#copyright_main { color:#BBB; border-top:1px solid #bababa; height:55px; line-height:55px;   }
.copy_mian{  color:#858585;}
.copy_mian .copy_left{ float:left;}
.copy_mian .copy_right{ float:right; }
.copy_mian a{ color:#858585;}


/*分页样式*/
.page { padding:4px 0px 0px 1px; float:left; clear:both;}
.page .pageinfo{ display:none; }
.page a, .page span { float:left; display:block; background:#dbdbdb; color:#7d7d7d;  padding:2px 10px; margin-right:5px; line-height:22px; }
.page .pagefirst,.page .pageup,.page .pagedown,.page .pageend{ padding:2px 15px; }
.page a:link, .page a:visited { text-decoration:none; }
.page a:hover { }
.page .current{ background:#016844; padding: 2px 10px; color:#FFF;}
.page #total{color:red}

/*会员*/
/*会员登录*/
table.login_table{ width:40%; text-align:center; margin:0 auto;}
table.login_table th{ width:100px; text-align:left; font-weight:bold;}
table.login_table td{ text-align:left;}
table.login_table .operation{text-align:center}
table.login_table .quick_login td{text-align:left; padding:10px 0;}
table.login_table .quick_login td img{ margin-right:8px; float:left;}

/*会员注册*/
table.reg_table{ width:50%; text-align:center; margin:0 auto;}
table.reg_table th{ width:130px; text-align:left; font-weight:bold;}
table.reg_table td{  text-align:left; }
table.reg_table .operation{text-align:center}
table.reg_table .MemberCode{  text-align:left; width:70px;}
table.reg_table #SmsCode{width:50px;}

/*忘记密码 第一步*/
table.forget_table1{ width:40%; text-align:center; margin:0 auto;}
table.forget_table1 th{ width:100px; text-align:left; font-weight:bold;}
table.forget_table1 td{ text-align:left; }
table.forget_table1 .operation{text-align:center}
/*忘记密码 第二步*/
table.forget_table2{ width:40%; text-align:center; margin:0 auto;}
table.forget_table2 th{ width:100px; text-align:left; font-weight:bold;}
table.forget_table2 td{text-align:left}
table.forget_table2 .operation{text-align:center}
table.forget_table2 #SmsCode{ width:60px;}
table.forget_table2 .PasswordQuestion, table.forget_table2 .MemberMobile, table.forget_table2 .FindPwdWay{ padding:3px 0;}

/*网站地图列表*/
.maplist{ }
.maplist li { padding:1px; }
.maplist li a { background:#d1e8fc; line-height:25px; display:block; padding:0 20px; border:0px solid #A6CC93; }
.maplist li a:hover { text-decoration:none; background:#FFF; }
.maplist .depth1{font-weight:bold;text-indent:0px; font-weight:bold}
.maplist .depth2{text-indent:2em}
.maplist .depth3{text-indent:4em}
.maplist .depth4{text-indent:6em}
.maplist .depth5{text-indent:8em}
.maplist .depth6{text-indent:10em}
/*==========@@公共板块  结束@@==========*/


/*==========@@通用列表 开始@@==========*/
/*文字列表*/
.textlist{ margin-bottom:20px; }
.textlist li {overflow:hidden;width:100%;/*解决ie6bug*/ padding-top:10px;  }
.textlist li .news_img{ width:130px; height:92px; float:left; margin-right:14px; }
.textlist li .news_img img{ width:130px; height:92px; }
.textlist li .news_detail{ display:block; margin-left:144px; overflow:hidden;  border-bottom:1px solid #eaeaea; position:relative; height:102px; }
.textlist li .news_detail h2{ font-size:16px; color:#2e2e2e; margin-bottom:8px; height:32px; line-height:32px; width:450px; overflow:hidden;  } 
.textlist li .news_detail h2 a{ color:#2e2e2e; }
.textlist li .news_detail .news_desc{ color:#a0a0a0; font-size:14px; margin-bottom:5px; line-height:24px; }
.textlist li .news_detail .news_time{ font-size:14px; color:#434343; position:absolute; right:0; top:5px; }

/*带缩略图文字列表*/
.thumblist{}
.thumblist li {line-height:2em;overflow:hidden;width:100%; margin-bottom:5px;}
.thumblist li img{ float:left; width:180px; margin-right:8px; border:1px solid #999999; }
.thumblist li a:hover img { border:1px solid #034b9f; }
.thumblist li .InfoTitle{color:#000000;}
.thumblist li p{ text-indent:2em; height:10em; overflow:hidden;}

/*橱窗列表*/
.gridlist{ }
.gridlist li { float:left; text-align:center; width:167px; /*height:195px;*/ overflow:hidden; display:inline /*解决ie6 双边距bug*/;
text-overflow:ellipsis; white-space:nowrap;}
.gridlist li img {width:165px; /*height:165px;*/}
.gridlist li a { white-space:nowrap; line-height:28px;}

/*视频列表*/
.videolist{ }
.videolist li { width:347px; float:left; padding:0px 6px; text-align:center; overflow:hidden;display:inline /*解决ie6 双边距bug*/;
text-overflow:ellipsis; white-space:nowrap;}
.videolist li img { border:1px solid #999999; width:345px; /*height:165px;*/}
.videolist li a { white-space:nowrap; line-height:28px;}
/*==========@@通用列表  结束@@==========*/

/*==首页主题内容==*/
.ntitle{ font-size:2em;  margin-top:18px; font-weight:bold; color:#00532a; background:url(../images/titbg.jpg) repeat-x left center; position:relative; text-align:center; }
.ntitle span{ padding:0 68px; background:#fff; height:54px; line-height:54px;}
.ntitle .icon_line{ position:absolute; width:40px; height:2px; background:#016541; left:50%; margin-left:-20px; bottom:-2px;   }
.index_news .news_list{ margin-top:33px; }
.news_list .news_img{ float:left; margin-right:10px; }
.news_list .news_img img{ width:150px; height:100px;}
.news_list .news_li{ height:130px;}
.news_list .news_detail h2{ overflow:hidden; height:34px; line-height:34px; }
.news_list .news_detail h2 a{ color:#1b1b1b;}
.news_list .news_detail .news_time,.news_list .news_detail .news_desc{ margin:1px 0; color:#858585; font-size:14px; }
.news_list .news_detail .icon-calendar{ margin:0 10px 0 5px; }
.news_list .news_detail .news_desc{  overflow: hidden;
  	text-overflow: ellipsis;
  	display: -webkit-box;
  	-webkit-line-clamp: 3;
  	-webkit-box-orient: vertical; }
@media (max-width: 640px){
	.ntitle span{ padding:0 30px;}
	.index_news .news_list{ margin-top:20px;}
	.news_list .news_li{ margin-bottom:10px;}
}

/*==首页产品中心==*/
.index_product{ height:558px; background:#eee; padding:0 0 56px 0; overflow:hidden;  margin-top:50px; }
.index_product .ntitle span{ background:#eee; }
.main_pro{  position:relative; margin:53px auto 0;}
.pro_list { width:1080px;   }
@media (max-width:1160px){
	.pro_list { width:100%;   }
}
.pro_list ul li{ display:inline-block; margin-right:42px; width:332px; }
.pro_list ul li a{ display:block; height:372px; position:relative; overflow:hidden;}
.pro_list ul li span{ position:absolute; width:240px; height:48px; line-height:48px; color:#fff; font-size:16px; text-align:center; background:#31313b; left:50%; margin-left:-120px; bottom:28px;   }
.pro_list .prev,.pro_list .next{ position:absolute; font-size:46px; top:50%; margin-top:-25px; cursor:pointer; vertical-align:middle; }
.pro_list .prev{ left:-42px;  }
.pro_list .next{ right:-42px; }
.pro_list .prev:hover,.pro_list .next:hover{ color:#016844;}
.pro_list ul li img,.pro_list ul li span{ transition: all 0.6s; -ms-transition: all 0.6s; -moz-transition: all 0.6s; -webkit-transition: all 0.6s; -o-transition: all 0.6s;} 
.pro_list ul li:hover img{ transform: scale(1.1); -ms-transform: scale(1.1); -moz-transform: scale(1.1); -webkit-transform: scale(1.1); -o-transform: scale(1.1); }  
.pro_list ul li:hover span{ background:#016844; } 

@media (max-width: 990px){
	.pro_list{ overflow:hidden;}
	.pro_list .prev, .pro_list .next{ z-index:200;  font-size:6em;}
	.pro_list .prev{ left:15px; color:#fff;}
	.pro_list .next{ right:15px; color:#fff;}
	.pro_list ul li span{ }
}
@media (min-width: 990px){
	.main_pro{ width:1080px; margin:53px auto 0; }
}
.index_about{ width:100%; overflow:hidden; position:relative;  -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover ; background-size: cover !important; background-position:center center !important; background-repeat:no-repeat !important; padding:70px 0 50px; background-attachment:fixed !important;}
.index_about .container{ position:relative; z-index:100; text-align:center; }
.index_about .ab_title{ font-size:26px; font-weight:bold; color:#fff;  background:url(../images/ab_titbg.png) no-repeat bottom center; height:60px; line-height:60px; }
.index_about .ab_content{ color:#fff; margin-top:18px; font-size:14px;}
.index_about .ab_content .more{ display:block; float:none; border-radius:18px; line-height:36px;  font-size:14px; color:#fff; height:36px; width:142px; border:1px solid #fff; margin:25px auto 0; transition: all 0.6s; -ms-transition: all 0.6s; -moz-transition: all 0.6s; -webkit-transition: all 0.6s; -o-transition: all 0.6s;}
.index_about .ab_content .more:Hover{ background:#016844; border:1px solid #016844;}
.about_list{ margin-top:40px; width:100%;}
.about_list .block{ float:left; overflow:hidden;  }
.about_list .block a{ display:block; overflow:hidden; position:relative;}
.about_list .block a span{ position:absolute; text-align:center; bottom:0; left:0; height:56px; line-height:56px; color:#fff; width:100%;  font-size:14px; background:url(../images/ab_titbg2.png) repeat-x top left;}
.about_list .block a img{ transition: all 0.6s; -ms-transition: all 0.6s; -moz-transition: all 0.6s; -webkit-transition: all 0.6s; -o-transition: all 0.6s;}
.about_list .block a:hover img{ transform: scale(1.1); -ms-transform: scale(1.1); -moz-transform: scale(1.1); -webkit-transform: scale(1.1); -o-transform: scale(1.1); }
@media (max-width: 640px){
	.about_list .block{ margin:10px;}
}

.footer{ background:#eaeaea url(../images/footer_bg.jpg); overflow:hidden;  -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover ; background-size: cover !important; background-position:ccenter center !important; background-repeat:no-repeat !important;  }
.foot_video{  padding-bottom:25px; margin:50px auto 0;  }
.footer .foot_video .block3{ display:inline-block; text-align:center;  }
.footer .foot_video .block3 .img{ display:inline-block;  overflow:hidden; position:relative;}
.footer .foot_video .video_list{ display:inline-block; }
.footer .foot_video .foot_video3{ margin-right:0px; }
.footer .foot_video .block3 h2 {  height:32px; line-height:32px; text-align:center; margin-top:8px; }
.footer .foot_video .block3 h2 a{ color:#282828;}
.footer .foot_video .block3 .img .icon-play-circle{ position:absolute; width:52px; height:52px; text-align:center; left:50%; margin-left:-25px; top:50%; margin-top:-25px; font-size:50px; color:#016844;  transition: all 0.6s; -ms-transition: all 0.6s; -moz-transition: all 0.6s; -webkit-transition: all 0.6s; -o-transition: all 0.6s;}
.footer .foot_video .block3  .img_bg{ position:absolute; width:100%; height:100%; left:0; top:0;  transition: all 2s; -ms-transition: all 2s; -moz-transition: all 2s; -webkit-transition: all 2s; -o-transition: all 2s; display:none; }
.footer .foot_video .block3:hover .img_bg{ display:block; filter:alpha(opacity=80); -moz-opacity:0.8; -khtml-opacity:0.8; opacity: 0.8; -webkit-animation: fadeIn 2s ease 0s 1 both;   -ms-animation: fadeIn 2s ease 0s 1 both;   -moz-animation: fadeIn 2s ease 0s 1 both;   -o-animation: fadeIn 2s ease 0s 1 both;  animation: fadeIn 2s ease 0s 1 both;  background:#000;}
.footer .foot_video .block3:hover .icon-play-circle{ color:#fff;}
.footer .foot_video .img img {transition: all 0.8s; -ms-transition: all 0.8s; -moz-transition: all 0.8s; -webkit-transition: all 0.8s; -o-transition: all 0.8s;}
.footer .foot_video .img:hover img{ transform: scale(1.1); -ms-transform: scale(1.1); -moz-transform: scale(1.1); -webkit-transform: scale(1.1); -o-transform: scale(1.1);}

.foot_main{  padding:25px 0 0; height:410px;  background:url(../images/foot_line.jpg) repeat-x top left;}
.foot_main dl,.foot_main dl dd{ margin:0; padding:0; }
.foot_main dl{ display:inline-block; padding:0 25px; vertical-align:top;}	
.foot_main dl dt{ font-size:14px; font-weight:normal; color:#282828; margin-bottom:10px; }
.foot_main dl dd{ height:30px; line-height:30px;}
.foot_main dl dd a{ color:#a0a0a0; }
.foot_main .foot_contact{ text-align:right; }
.foot_main .foot_contact dl{ width:200px; text-align:left; float: none; }
.foot_main .foot_contact dl dt{ margin-bottom:18px;}
.foot_main .foot_contact dl dd{ line-height:26px; color:#a0a0a0;}
.foot_main .foot_contact dl dd img{ margin-bottom:10px;}
.foot_line{ display:none;}
@media (min-width: 991px){
	.index_about{ height:660px;}
	.foot_main .foot_contact{ text-align:right;}
}
@media (max-width: 991px){

	.foot_main .foot_contact{ text-align:left; margin-top:15px; }
	.foot_main dl{ display:inline-block; padding:0 15px;}	
	.foot_main{ height:auto;}
	.foot_main .foot_contact{ margin-top:0; padding-top:5px; border-top:1px solid #bababa; }
	.foot_main .foot_contact dl dd{ height:auto;}
	.foot_main .foot_contact dl dt{ margin-bottom:10px;  }
	.foot_main .foot_contact dl dd img{ display:inline-block; margin-right:5px; }
	.foot_main .foot_contact dl dd p{ display:inline-block;}
	
}
@media (max-width: 640px){	
	 .foot_line{ clear:both; background:#bababa; height:1px; overflow:hidden; margin:5px 0; display:block;} 
	 .foot_main .foot_contact{ margin-top:0;  border-top:none; }
	 .foot_main .foot_contact dl{ width:100%;}
	 .copy_mian .copy_left{ display:none; }
	#copyright_main{ height:auto; line-height:22px;}
	.copy_mian{ padding-top:5px; padding-bottom:5px;}	
	.copy_mian .copy_right{ float:none; text-align:center;}		
}


.pro_banner{ width:100%; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover ; background-size: cover !important; background-position:ccenter center !important; background-repeat:no-repeat !important; margin-top:5px; position:relative;}
.pro_banner img{ width:100%; }

.pro_banner .ban_nav{ font-size: 14px; font-weight: bold; position:absolute; width:100%; bottom:0;  line-height:28px; padding:15px 0; background:url(../images/ban_navbg.png) repeat; }
.pro_banner .ban_nav .container{
	height: 28px;
}
.pro_banner .ban_nav ul li{ float:left;  height:28px; margin-right:-1px;  }
.pro_banner .ban_nav ul li.ban_nav_li{ padding:0 30px; }
.pro_banner .ban_nav ul li.ban_nav_li a{ color:#fff; }
.pro_banner .ban_nav ul li.ban_nav_line{ width:1px; height:28px; background:url(../images/ban_nav_linebg.png) no-repeat center center;}
.pro_banner .ban_nav ul{ display:inline-block; overflow:hidden; }
.pro_banner .ban_nav ul li.ban_nav_li.current a{ color:#0cda88; }

@media (max-width: 990px){
.pro_banner .ban_nav{ padding:5px 0;}
}

@media (max-width: 600px){
.pro_banner .ban_nav{ position:relative; background:none; }
.pro_banner .ban_nav ul li.ban_nav_li{ background:#e5e5e5;  padding:0 20px; margin-right: 5px; margin-bottom: 5px;}
.pro_banner .ban_nav ul li.ban_nav_li.current{ background: #016844; }
.pro_banner .ban_nav ul li.ban_nav_li.current a{ color:#fff;}
.pro_banner .ban_nav ul li.ban_nav_line{ display:none; }
.pro_banner .ban_nav ul li.ban_nav_li a{ color:#231f20; }
}
.pro_nav1{
    display: flex;
    flex-wrap: wrap;
}
.pro_nav .pro_nav1 li{ 
    float:left; height:55px; line-height:55px; 
    width:148px; margin-left:2px; 
    margin-bottom: 2px;
    background:#e5e5e5; 
    padding-left:15px; 
    position:relative; 
    transition: all 0.6s; 
    -ms-transition: all 0.6s; 
    -moz-transition: all 0.6s; 
    -webkit-transition: all 0.6s; 
    -o-transition: all 0.6s; 
    z-index: 1;
}
.pro_nav .pro_nav1 li:hover{
    z-index: 99;
}
/*.pro_nav .pro_nav1 li.layer1:after{*/
/*    content:'';*/
/*    position: absolute;*/
/*    top:0;*/
/*    left:0;*/
/*    width: 100%;*/
/*    height: 100%;*/
/*    background: #e5e5e5;*/
/*    z-index: -1;*/
/*}*/
/*.pro_nav .pro_nav1 li.layer1.active:after,.pro_nav .pro_nav1 li.layer1:Hover:after { background:#016844; }*/
.pro_nav .pro_nav1 li a{ display:block; height:55px; line-height:55px; font-size:14px; color:#0b0708;}
.pro_nav .pro_nav1 li.pro_nav1_first{ width:60px; margin-left:0px; padding-left:0px; }
.pro_nav .pro_nav1 li.pro_nav1_first a{ text-align:center; background:#e5e5e5;}
.pro_nav .pro_nav1 li.pro_nav1_first .icon-th-large{ text-align:center; vertical-align:middle; font-size:19px; width:20px; height:20px; position:absolute; top:17.5px; left:20px; color:#016844; }
.pro_nav .pro_nav1 li .icon-chevron-down{ position:absolute; right:0; top:0; color:#727272; font-size:15px; width: 17px; height:10px; text-align:center; line-height:10px; right:15px; top:23px;}
.pro_nav .pro_nav1 li.active,.pro_nav .pro_nav1 li:Hover { background:#016844; }
.pro_nav .pro_nav1 li.active a,.pro_nav .pro_nav1 li:Hover a{ color:#fff;}
.pro_nav .pro_nav1 li.active .icon-chevron-down,.pro_nav .pro_nav1 li:Hover .icon-chevron-down{ color:#fff; } 
.pro_nav .pro_nav1.nav2_pc li:Hover .pro_nav2{ display:block; }
.pro_nav .pro_nav1 .pro_nav2{ 
    position:absolute;  
    left:0; 
    top:55px;
    padding-top:2px; 
    display:none;
    z-index:9999!important; 
}
.pro_nav .pro_nav1 .pro_nav2 li{ margin:0;  background:url(../images/nav2libg.png) no-repeat; height:42px; line-height:41px; color:#fff;}
.pro_nav .pro_nav1 .pro_nav2 .icon-chevron-right{ position:absolute; width:12px; top:12px; text-align:center; top:14px; right:15px; }
.pro_nav .pro_nav1 .pro_nav2 li a{ line-height:41px; height:41px; color:#fff;}
.pro_nav .pro_nav1 .pro_nav2 li:Hover{ background:url(../images/nav2libg2.png) no-repeat; }
.pro_nav .pro_nav1.nav2_pc .pro_nav2 li:Hover .pro_nav3{ display:block; }

.pro_nav .pro_nav1 .pro_nav2 li .pro_nav3{ position:absolute; width:188px; padding-left:3px; top:0; right:-188px; display:none;}
.pro_nav .pro_nav1 .pro_nav2 li .pro_nav3 a{ height:41px; margin-bottom:1px; line-height:41px; background:url(../images/nav2libg.png) no-repeat; padding-left:26px;}
.pro_nav .pro_nav1 .pro_nav2 li .pro_nav3 a:hover{ background:url(../images/nav2libg2.png) no-repeat;  }

.product_body{ margin-top:26px;  }
.product_body ul li{ width:23.5%;  margin-bottom:18px; margin-right:2%; }
.product_body ul li.li_last{ margin-right:0;}
.product_body ul li:nth-child(4n){
    margin-right:0;
}
.product_body ul li img{ width:100%; height:189px; }
.product_body ul li .param_list{ text-align:left; border:1px solid #dcdcdc; border-top:none; height:58px; padding:10px; background:#f6f6f6;  }
.product_body ul li a.pro_img{ display:block; width:100%; height:190px; overflow:hidden;}
.product_body ul li a.pro_img img{   transition: all 0.8s; -ms-transition: all 0.8s; -moz-transition: all 0.8s; -webkit-transition: all 0.8s; -o-transition: all 0.8s; }
.product_body ul li a.pro_img:Hover img{ transform: scale(1.1); -ms-transform: scale(1.1); -moz-transform: scale(1.1); -webkit-transform: scale(1.1); -o-transform: scale(1.1); }
.product_body ul li .param_list h3{ font-size:18px;  font-weight:normal; overflow:hidden; text-overflow: ellipsis; white-space: nowrap; }
.product_body ul li .param_list h3 a{ clear:#016844}
.product_body ul li .param_list .param_p1{ font-size:14px; color:#1b1b1b; margin-bottom:5px; }
.product_body ul li .param_list .param_p2{ line-height:22px; }
.product_body h2{ height:60px; line-height:60px; color:#0b0708; font-size:30px; font-weight:normal; }
.show_pro_mian .pro_mian_img{ width:830px; height:554px; float:left; overflow:hidden; }
.show_pro_mian .pro_mian_param{ width:320px; height:552px; float:right; padding:15px 35px;  border:1px solid #e5e5e5; background:#f4f3f3; font-size:14px; }
.show_pro_mian .pro_mian_param .param_p1{ line-height:28px;}
.show_pro_mian .param_fl1 span{ font-size:18px; color:#0b0708; line-height:28px;}

.param_fl2 { margin-top:18px; }
.param_fl2 h3{ font-size:18px; font-weight:bold; color:#0b0708; padding-left:27px;  height:32px; line-height:32px; margin-bottom:15px;}
.param_fl2 h3{ background:url(../images/icon_pro1.png) no-repeat left center;}
.param_fl2 .param_fl2_p { position:relative; height:35px; line-height:35px; width:242px; padding-left:44px; font-size:14px; color:#313131; background:#e5e5e5; margin-bottom:12px; cursor:pointer }
.param_fl2 .param_fl2_p .icon-plus{ position:absolute; width:8px; height:8px; line-height:8px; text-align:center; left:21px; top:15px; color:#000; font-size:14px;}
.param_fl2 .param_fl2_p:hover{ background:#016844; color:#fff; }
.param_fl2 .param_fl2_p:hover .icon-plus{ color:#fff;}
.nav2_mobile{ display:none;}
.main_nav_mobile{ display:none !important;}
@media (max-width:990px){
	.main_nav_pc{ display:none !important;}
	.main_nav_mobile{ display:inline-block !important;}
	.nav2_pc{ display:none ;}
	.nav2_mobile{ display:block ;}
	.product{ width:100%; padding:0 10px;}
	.pro_nav .pro_nav1 li.pro_nav1_first{ display:none;}
	.pro_nav .pro_nav1 li{ margin:0; padding:0; width:100%; height:auto; line-height:42px; margin-left:1%; text-align:left; margin-bottom:5px; }
	.pro_nav .pro_nav1 li a{ height:42px; line-height:42px; padding:0 15px;}
	.pro_nav .pro_nav1 li .icon-chevron-down{ top:16px; }
	.pro_nav .pro_nav1 .pro_nav2{ position:relative; display:none; background:#fff;}
	.pro_nav .pro_nav1 .pro_nav2 li a{ background:#197656;}
	.pro_nav .pro_nav1 .pro_nav2 li{ background-repeat:repeat; margin-top:5px; height:auto;}
	.pro_nav .pro_nav1 .pro_nav2 li a:hover{background:#197656;}
	.pro_nav .pro_nav1 .pro_nav2 li .pro_nav3{ position:relative; display:none; right:0; width:100%; background:#fff; padding:0; }
	.pro_nav .pro_nav1 .pro_nav2 li .pro_nav3 a{ margin-top:2px; display:inline-block; padding:0 15px; margin-right:5px;background:#313131; } 
	.pro_nav .pro_nav1 .pro_nav2 li .pro_nav3 a:hover{ background:#313131;}
	.product_body ul{ text-align:center;}
	.product_body ul li{ display:inline-block; margin:0; padding:0; float:none; margin-bottom:5px;}
	.show_pro_mian .pro_mian_img{ display:inline-block; float:none; width:100%; height:auto; }
	.show_pro_mian .pro_mian_param{ width:100%; height:auto; }
	.product .ProductDescription{ margin-top:15px;}
	.product .ProductDescription ul li{ width:33.33%; transform: skew(0deg);}
	.product .ProductDescription ul li span{  transform: skew(0deg);}
	.product .ProductDescription .pro_param_main{ margin-top:15px; }
	.product .ProductDescription .pro_param_main .param_title{ height:42px; line-height:42px; font-size:24px;}
	.product .ProductDescription .pro_param_main p{ height:auto; line-height:42px; border-bottom:1px solid #d3d3d3;}
	.product .ProductDescription .pro_param_main span{ height:auto;}
	.product .ProductDescription .pro_param_main span.sp_tit{ font-size:14px; width:auto;  border-bottom:none; padding:0 10px;}
	.product .ProductDescription .pro_param_main span.sp_cont{ float:left; width:auto; border-bottom:none; margin-left:0px; padding-left:10px;}
    .product_body ul li{ 
        width:31%;  
        margin-bottom:15px;
        margin-right:2%;
    }
    .product_body ul li:nth-child(4n){
        margin-right:2%;
    }
    .product_body ul li:nth-child(3n){
        margin-right:0;
    }
}
@media(max-width:767px){
    .product_body ul li{ 
        width:auto;  
        margin-right:0%!important;
    }
    .product_body ul li a.pro_img{
        height:auto;
    }
    .product_body ul li a.pro_img img{
        height:auto;
    }
}
.pageController{
    text-align: center;
    color:#505050;margin:0 auto;
    margin:2em 0;
    line-height:24px;
}
.pageController a{background-color:#FFF;vertical-align:middle; border:#efefef 1px solid; 
    color:#505050;padding:5px 8px; margin-right:3px;margin-left:3px;
}
.pageController a:hover{background-color:#016844;color:#fff; text-decoration:none;border:#efefef 1px solid;}
.pageController .currPage {background-color: #016844;color:#ff0000;border:#efefef 1px solid;}
.pageController .t1{
    float:left;margin-right:5px;height:24px;line-height:22px;white-space:nowrap;
    display: none;
}
.pageController .t2{vertical-align:middle;line-height:39px;}
.pageController .t2 #current{
    line-height: 39px;
    background-color: #016844;
    vertical-align: middle;
    border: 1px solid #016844; 
    color: #fff;padding: 5px 8px;
    margin-right: 3px;
    margin-left: 3px;
    width: 39px;
}
.pageController .t1 span{
    /*padding-left:4px;
    padding-right:4px;*/
    width: 39px;
}
.pageController select{height:24px;vertical-align:middle;text-align:center;line-height:24px;
    display: none;
}
.pageController select option{vertical-align:middle;}


.article{ margin-top:20px;}
.article .art_title{ height:60px; line-height:60px; font-size:24px; color:#231f20; font-weight:bold; border-bottom:1px solid #dcdcdc; position:relative;}
.article .art_title .art_line{ position:absolute; width:58px; height:3px; bottom:-2px; left:0; background:#004e24; }
.article .art_left{float:left; margin-top:32px; padding-bottom:32px;  }
.article .show_tit{ border-bottom:1px solid #dcdcdc;font-size:12px; }
.article .show_tit h2{  line-height:48px; font-size:24px; color:#231f20; position:relative; }
.article .art_right{ float:right;}
.article .art_right .art_ri_subnav{ border:1px solid #dcdcdc; margin-top:32px; padding:18px; } 
.art_ri_subnav li{ height:35px; line-height:35px; position:relative; margin-bottom:12px; padding-left:44px; font-size:15px; background:#e5e5e5; cursor:pointer;  }
.art_ri_subnav li .icon-plus{ position:absolute; width:8px; height:8px; line-height:8px; left:20px; top:14px; font-size:12px;}
.art_ri_subnav li a{ display:block;}
.art_ri_subnav li:hover,.art_ri_subnav li.current{ background:#016844}
.art_ri_subnav li:hover .icon-plus,.art_ri_subnav li:hover a,.art_ri_subnav li.current .icon-plus,.art_ri_subnav li.current a{ color:#fff; }

.article .art_right .news_hot h3{ font-size:16px; color:#000; height:30px; line-height:30px; margin-top:10px;}
.article .art_right .news_hot ul li{ height:39px; line-height:39px; overflow:hidden; font-size:14px; border-bottom:1px dashed #d9d9d9; }
.article .art_info{ line-height:24px; margin-bottom:5px; color:#959595; }
.article .art_info span i{ color:#bfbfbf; margin-right:6px; }
.article .art_info span a{ color:#bfbfbf;}
.article .art_content{ float:left; margin-top:32px; font-size:14px; color:#a0a0a0; padding-bottom:30px;}
.art_content img{
    max-width: 100%;
}
.profile{ padding-top:30px; padding-bottom:40px;}
.profile h2{ font-size:40px; text-align:center; color:#231f20; position:relative; height:80px; line-height:80px; }
.profile h2 .line{ width:90px; height:3px; position:absolute; background:#006542; bottom:-1px; left:50%; margin-left:-45px; }
.profile .profile_cont{ margin-top:35px; font-size:14px; line-height:28px; color:#7d7d7d; }
.customer{ width:100%; padding:50px 0; background:url(../images/custom_bg.jpg);  -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover ; background-size: cover !important; background-position:ccenter center !important; background-repeat:no-repeat !important; background-attachment:fixed !important;}
.cust_div{ color:#fff; }
.cust_div h2{ font-size:40px; text-align:center;  position:relative; height:80px; line-height:80px; margin-bottom:20px; }
.cust_div h2 .line{ width:90px; height:3px; position:absolute; background:#fff; bottom:-1px; left:50%; margin-left:-45px; }
.cust_div .cust_div_content{ text-align:center; line-height:32px; font-size:14px;}

.profile2{ width:1202px; margin:0 auto;}

.profile ul li{ display:inline-block; margin-bottom:20px; margin-right:20px; }
.profile ul li.envir_ul_li2,.profile ul li.envir_ul_li5{ margin-right:0px;}
@media (max-width: 1200px){
	.profile2{ width:100%; padding:0 2%;}
	.profile2 .profile_cont{ width:100%; }
}
@media (max-width: 640px){	
	.profile{ padding-top: 15px; padding-bottom: 15px;}
	.profile h2 {
		font-size: 32px;
    	text-align: center;
    	color: #231f20;
    	position: relative;
    	height: 60px;
    	line-height: 60px;
	}
	.profile .profile_cont{ margin-top:20px;}
	.customer{ padding:15px 0;}
	.cust_div h2{ font-size: 32px; height: 60px; line-height: 60px; margin-bottom: 20px; }
	.cust_div .cust_div_content{ font-size: 15px; }
	.profile ul li{margin-right:0;text-align:center; display:block; }
	.profile ul li img{ display:inline-block; }
}

@media (max-width: 990px){
	.article .art_right .news_hot { display:none;}
	.article .art_right .art_ri_subnav{ border:none; padding:0; margin-top:15px;}
	.art_ri_subnav li i{ display:none;}
	.art_ri_subnav li{ padding:0; display:inline-block; margin-right:5px; }
	.art_ri_subnav li a{padding:0 20px; }
	.article .art_left{ margin-top:0; }
	.textlist li .news_detail h2{ margin-bottom:2px; white-space:nowrap;  overflow:hidden;}
	.textlist li .news_detail .news_time{ position:static;}
	.page a, .page span{ margin-bottom:2px;}
	.article .show_tit h2{ font-size:18px; line-height:28px;}
	.article .art_content{ margin-top:10px;}
	.profile ul li{margin-right:0;text-align:center; display:block; }
	.profile ul li img{ display:inline-block; }
}


.honor_list{ width:890px; height:560px; margin:60px auto 40px; position:relative;}
.honor_list .tempWrap{ width:100% !important;}
.honor_list ul.honor_img{ position:relative;}
.honor_list ul.honor_img li{ position:relative; height:560px; margin:0; padding:0;}
.honor_list ul.honor_img li img{ position:absolute;}
@media (min-width: 890px){
	.honor_list ul.honor_img li{ margin:0; padding:0; text-align:center; width:890px;  }
	.honor_list ul.honor_img li img{  max-width:890px; }
}

.honor_list a.prev,.honor_list a.next{ position:absolute; z-index:300; width:84px; height:84px; background:url(../images/icon_prev_next.png) no-repeat; top:50%; margin-top:-42px; cursor:pointer;}
.honor_list a.prev{ background-position:left top; left:-102px;}
.honor_list a.next{ background-position:right top; right:-102px; }
.honor_list a.prev:Hover{ background-position:left bottom;}
.honor_list a.next:Hover{ background-position:right bottom; }
.honor_content{ float:left; padding-top:15px; color:#231f20;}
.honor_content h3{ font-size:24px; margin-bottom:10px; }
.honor_content p{ line-height:28px; font-size:14px;}
.honor_cimg{ float:right; }

.future{ width:100%; background:url(../images/future_bg.jpg); margin-bottom:10px; padding:45px 0; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover ; background-size: cover !important; background-position:ccenter center !important; background-repeat:no-repeat !important; }
.future .cust_div h2{ color:#231f20;}
.future .cust_div h2 .line{ width:90px; height:3px; position:absolute; background:#006542; bottom:-1px; left:50%; margin-left:-45px; }
.future_content { color:#231f20; line-height:28px; font-size:16px;text-indent:2em;}

.contact_main{ padding-top:60px; padding-bottom:60px; }
.contact_main h3{ font-size:26px; color:#201e1f; font-weight:bold; height:48px; line-height:48px; }
.contact_main .kuns_comp,.contact_main .taiw_comp{ float:left; width:33.33%;}
.contact_main .kuns_comp{ margin-right:100px; }
.contact_main ul li{ line-height:24px; border-bottom:1px solid #eee; padding:8px 0; font-size:14px; }
.contact_main ul li span{ float:left;}
.contact_main ul li p{ float:left; }
.contact_main ul li.cont_ul_li0{ font-size:18px;}

.conatct_map{  margin:30px auto 0; }
.conatct_map img{
	max-width: 100%;
}
.about3_main{ width:1080px; margin:0 auto;}
@media (max-width: 640px){
	.contact_main .kuns_comp,.contact_main .taiw_comp{ float:left; width:100%;}
	#allmap{ height:300px !important;}
	.BMap_stdMpCtrl{ display:none;}
	.BMap_scaleCtrl{ display:none;}
}

@media (max-width: 990px){
	.honor_list a.prev{ left:0;}
	.honor_list a.next{ right:0; }
}
@media (max-width: 890px){
	.honor_list{ width:96%;margin: 15px auto 0; overflow:hidden;}
	.honor_list ul.honor_img li{ text-align:center; }

	.about3_main{ width:100%; padding:0 15px;}
}
@media (max-width: 640px){
	.honor_cimg,.honor_content{ float:none; text-align:center;}
	.honor_cimg img{ display:inline-block;}
	.honor_list a.prev, .honor_list a.next{ width:60px; height:60px; background-size: 180px; }
}



.evolution{ padding-top:30px; padding-bottom:40px;}
.evolution_fl1 { margin-top:33px; }
.evolution_fl1 ul li{ padding:0; margin:0;   margin-right:6px; border-top:9px solid #99c1b3; width:68px; height:36px; line-height:36px; color:#231f20; font-size:14px; position:relative; display: inline-block; margin-bottom:5px;}
.evolution_fl1 ul li.current .icon_circle{ position:absolute; width:18px; height:18px; line-height:18px; top:-13.5px; right:6px; background:url(../images/icon_circle.png) no-repeat;} 
.evolution_fl1 ul li:hover,.evolution_fl1 ul li.current{ border-top:9px solid #006542; }
.evolution_fl1 ul li:hover .icon_circle{ position:absolute; width:18px; height:18px; line-height:18px; top:-13.5px; right:6px; background:url(../images/icon_circle.png) no-repeat;} 

.evolution_fl2{ margin-top:70px;}
.evo_left .evo_le_fl1{ margin-bottom:10px; display:inline-block; }
.evo_left .evo_le_fl1:hover p{ color:#016844;}
.evo_left .evo_le_fl1 a{ display:block; overflow:hidden;}
.evo_left .evo_le_fl1 a img{ transition: all 0.6s;
-ms-transition: all 0.6s;
-moz-transition: all 0.6s;
-webkit-transition: all 0.6s;
-o-transition: all 0.6s;}
.evo_left .evo_le_fl1 a:hover img{ transform: scale(1.1);
-ms-transform: scale(1.1);
-moz-transform: scale(1.1);
-webkit-transform: scale(1.1);
-o-transform: scale(1.1);}
.evo_left .evo_le_fl1 p{ line-height:40px; text-align:center; font-size:14px; color:#231f20; }
.evo_right .evo_ri_list{ padding:10px 0 30px; margin-left:46px; border-left:4px solid #ececec; }
.evo_right .evo_ri_list li{ float:none; margin:0; padding:0; margin-left:-50px; display:block; position:relative;}
.evo_right .evo_ri_list li:hover span{ color:#016844;}
.evo_right .evo_ri_list li p.title span{ border-bottom:1px dashed #ddd;}
.evo_right .evo_ri_list li.year p.title span{ border-bottom:none; }
.evo_right .evo_ri_list li span,.evo_right .evo_ri_list li i,.evo_right .evo_ri_list li p{ float:left; }
.evo_right .evo_ri_list li span{ width:40px; height:44px; line-height:44px; text-align:center; font-size:14px; color:#231f20; position:absolute; top:0; left:0;}
.evo_right .evo_ri_list li i{ width:16px; height:44px; background:url(../images/icon_circle3.png) no-repeat center center; position:absolute; top:0; left:40px; }
.evo_right .evo_ri_list li.year i{ background:url(../images/icon_circle2.png) no-repeat center center; }
.evo_right .evo_ri_list li p{ line-height:44px; padding-left:66px; width:100%; }
.evo_right .evo_ri_list li p span{ display:block; position:static; width:100%; height:auto; text-align:left; font-size:14px; color:#7d7d7d; padding-left:16px; }
.evo_right .evo_ri_list li p img{ margin-bottom:16px; transition: all 0.6s;
-ms-transition: all 0.6s;
-moz-transition: all 0.6s;
-webkit-transition: all 0.6s;
-o-transition: all 0.6s;}
.evo_right .evo_ri_list li p img:hover{
    transform: scale(1.1);
    -ms-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -o-transform: scale(1.1);
}
.evo_right .evo_ri_list li.year p span{ font-size:30px; }
.evo_right .evo_ri_list li.year2{ margin-top:15px;}
.activity{ margin-top:30px;}
.activity .act_list{ overflow:hidden; margin-bottom:30px;}
.activity .act_list a.img_a{ display:block; overflow:hidden;  }
.activity .act_list a.img_a img{  transition: all 0.6s; -ms-transition: all 0.6s; -moz-transition: all 0.6s; -webkit-transition: all 0.6s; -o-transition: all 0.6s;}
.activity .act_list a.img_a:hover img{ transform: scale(1.1); -ms-transform: scale(1.1); -moz-transform: scale(1.1); -webkit-transform: scale(1.1); -o-transform: scale(1.1); }
.activity .act_list p.title{ line-height:24px; margin:5px 0; font-size:18px;}
.activity .act_list p.title a{ color:#000;  }
.activity .act_list p.date{ font-size:14px; color:#959595; }

.cont_main_left{ margin:10px 0;  line-height:32px; float:left; margin-right:10%; width:45%;}
.cont_main_right{  margin:10px 0; line-height:32px; float:left;  width:45%; }
@media (max-width: 640px){
.cont_main_left{ margin:5px 0;  line-height:32px; float:none; width:100%;}
.cont_main_right{  margin:5px 0; line-height:32px; float:none;  width:100%; }


.contact_main  table tr td span{ font-size:8px !important; }
.contact_main  table.cont_tb1 tr td { width:50%;}
}


/*video click*/
.video_click {
    position: relative;
    display: block;
    line-height: 0;
    overflow: hidden;
}
.cboxOverlay {
    position: fixed;
    z-index: 10000;
    width: 100%;
    height: 100%;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.8);
    display: none;
}

.colorbox {
    position: fixed;
    width: 90%;
    height: 80%;
    top: 10%;
    left: 5%;
    background: #ffffff;
    z-index: 10001;
    display: none;
}

.colse_click {
    position: absolute;
    top: -30px;
    right: 0;
    width: 25px;
    height: 25px;
    background: url("../../images/closeVideo.png") no-repeat center;
    cursor: pointer;
}

.colorbox iframe {
    width: 100%;
    height: 100%;
}
