﻿@charset "utf-8";
/*==========@@HTML默认 开始@@==========*/
/*基本*/
*{ padding:0px; margin:0px }
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:#333;	margin:0px auto; font-family: 微软雅黑; font-size:16px; background:#fff; }
div{ margin:0; padding:0; border:0; }
img{ margin:0; padding:0; border:0; }
p{ margin: 0px; line-height:1.8em}
b,strong {font-weight: bold;}
table { border-collapse: collapse; border-spacing: 0; /* Remove most spacing between table cells.*/}
li{ list-style: none outside none;}

/*链接*/
a{ text-decoration:none; color:#333; background: transparent;  outline:none}
a:visited { color:#333;}
a:hover{ color:#000;}
a:focus { outline:none; }
a:active{ outline:none;}

/*标题*/
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;}
hr {-moz-box-sizing: content-box;box-sizing: content-box;height: 0;}
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 {overflow:hidden;  }
.float_left { float:left; }
.float_right { }

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

/*按钮*/
.btn {-webkit-border-radius: 3px;-moz-border-radius: 3px;-ms-border-radius: 3px;  -o-border-radius: 3px;  border-radius: 3px;
  display: -moz-inline-stack;  display: inline-block;  *display: inline;  vertical-align: middle;  *vertical-align: auto;
  zoom: 1;    height: 32px;  line-height: 32px;  padding: 0px 20px;font-weight: 300;  font-size: 14px; 
  margin: 0; text-decoration: none; text-align: center; text-indent:0; cursor:pointer;
  border: 1px solid #d4d4d4; color: #666666;  text-shadow: 0 1px 1px white;box-shadow:inset 0px 1px 0px rgba(255, 255, 255, 0.5), 0px 1px 2px rgba(0, 0, 0, 0.2);}
/*默认样式*/
.btn {  background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #fbfbfb), color-stop(100%, #e1e1e1));
  background: -webkit-linear-gradient(top, #fbfbfb, #e1e1e1);  background: -moz-linear-gradient(top, #fbfbfb, #e1e1e1);
  background: -o-linear-gradient(top, #fbfbfb, #e1e1e1);  background: linear-gradient(top, #fbfbfb, #e1e1e1);
  background-color:#eeeeee;border-color:#d4d4d4;  color: #666666;}
.btn:hover { color:#666666;  background-color: #eeeeee;
  background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #dcdcdc));
  background: -webkit-linear-gradient(top, #ffffff, #dcdcdc);  background: -moz-linear-gradient(top, #ffffff, #dcdcdc);
  background: -o-linear-gradient(top, #ffffff, #dcdcdc);  background: linear-gradient(top, #ffffff, #dcdcdc);}
.btn:active {background: #eeeeee;  color: #bbbbbb;}
/*按钮大小*/
.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, .form_text:hover, .form_text_verifycode, .form_text_verifycode:hover{ height:36px; line-height:36px;clip: rect;padding: 2px; color: #000000; }
.form_text {width:95%; background-position:  0px 0px;border-radius: 6px;}
.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:95%; height:80px; padding:2px;border-radius: 6px;border: 1px solid #ccc;}
.form_button { margin-top: 18px;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; display:none;} /*more链接*/
.code_image{ cursor: pointer; padding-bottom:6px; } /*验证码图片样式*/
/*==========@@通用 结束@@==========*/


/*==========@@布局  开始@@==========*/
/*模型body*/
.body_index, .body_article, .body_download, .body_picture, .body_product, .body_single, .body_video, .body_job, .body_feedback, .body_guestbook{}
.index, .single, .article, .picture, .download, .video, .product, .job, .guestbook, .feedback{ width:1200px;margin:0 auto; }
#top, #announcement, #link{ max-width:1200px;  margin:0 auto; overflow:hidden; border:0px dashed red;}
 #logo,#floor_1,#floor_2,#floor_3,#floor_5,#floor_6,#floor_7,#floor_8,#floor_9
,#floor_10,#floor_12,#floor_13,#floor_14,#floor_15,#floor_16{max-width: 1600px;margin: 0 auto;overflow: hidden;}


.index-title{position: relative;margin:20px 0 16px;font-size: 30px;text-align: center;color: #444}

#left { float:left; width:250px; }
#center{}

#floor_1_main{background:#FFF;}
#floor_1{}
.floor_12{padding-bottom: 88px;background: url("/Upload/img/pro-bg.jpg")no-repeat bottom;}
.floor_12 .con{overflow: hidden;}

#floor_3_main{padding: 30px 0 110px;margin-top: 30px;background: url("/Upload/img/about-bg.jpg")no-repeat center;}
#floor_3{padding:0 20px}
#floor_3 .titl{position: relative;padding-bottom: 8px;margin: 0 auto 86px;width: 150px;font-size: 30px;text-align: center;color: #fff;border-bottom: 2px solid #f0f0f0}
#floor_3 .titl p{font-size: 14px;color: #ff9600;}
#floor_3 .titl:after{ position: absolute;
  content: "";
  width: 58px;
  height: 0;
  left: 30%;
  top: 72px;
  border-bottom: 3px solid #33a5df;}

#floor_3 .about{overflow: hidden;}
#floor_3 .about .con{ width:54%; line-height:35px;float:right; overflow:hidden; color: #fff;}
#floor_3 .about .con .mor{display: block;margin-top: 20px;width: 135px;height: 40px;line-height: 40px;text-align: center;color: #fff;background-color: rgba(255,150,0,.8);border-radius: 10px;}
#floor_3 .about .con .mor:hover{background: #ff9600;}
#floor_3 .about .let-item{display: block;float: left;width: 42%;}
#floor_3 .about .let-item img{ width:100%;}
#floor_3 img{ display:block;}
#floor_5_main{ padding-bottom:20px; margin:0px auto;}
#floor_5{}
#floor_5 .text_title{ position: relative;padding-left: 18px;font-size: 30px;color: #444;line-height: 152px;}
#floor_5 .text_title:after{ position: absolute;
  content: "";
  width: 0;
  height: 40px;
  left: 0;
  top: 58px;
  border-left: 5px solid #33a5df;}
#floor_7_main{}

/*主体左侧样式*/
.left_title { height:39px; line-height:39px; border-bottom:1px solid #01673A; }
.left_title h2 { font-size:16px;  color:#01673A; }
.left_body { overflow:hidden; zoom:1; color:#01673A;  padding:10px 10px 5px; border-top:0; border-bottom: 0px}
.left_bottom { height:15px; 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; border-bottom:1px solid #01673A; }
.left_title2 h2 { font-size:16px;  color:#01673A; }
.left_body2 { overflow:hidden; zoom:1; color:#000; padding:10px 10px 5px; border-top:0; border-bottom: 0px}
.left_bottom2 { height:15px; margin-bottom:5px;}

/*样式3*/
.left_title3 { height:69px; line-height:69px;  }
.left_title3 h2 { font-size:20px;   font-weight:normal; color:#FFF;}
.left_body { padding:5px; overflow:hidden; zoom:1; border-top:0; border-bottom:0}
.left_bottom3 { height: 5px; font-size: 0px; line-height:0;  overflow:hidden; margin-bottom:5px;}

/*主体右侧*/
/*样式1*/
.right_title { }
.right_title h2 { font-size:26px; font-weight:normal; text-align:center; padding:15px 0; color:#000;}
.right_title h2 a{ color:#000;}
.right_body { padding:5px 0px; margin-top:5px;  overflow:hidden; zoom:1; border-top:1px solid #000;}
.right_bottom {}
/*样式2*/
.right_title1 { }
.right_title1 h2 {font-size:30px; font-weight:normal; text-align:center;  padding:15px 0; color:#000;    }
.right_title1 h2 a{ font-size:20px; padding:0px 10px; color:#000;}
.right_body1 { padding:5px 0; overflow:hidden; zoom:1;  border-top:0; border-bottom:0 }
.right_bottom1 {height: 5px;  line-height:5;  overflow:hidden; font-size:0px; margin-bottom:5px;}
/*样式3*/
.right_title2 { height:69px; line-height:69px;  }
.right_title2 h2 { font-size:20px;   font-weight:normal;  text-indent:40px; color:#FFF;}
.right_body2 { padding:5px; overflow:hidden; zoom:1; border-top:0; border-bottom:0}
.right_bottom2 { height: 5px; font-size: 0px; line-height:0;  overflow:hidden; margin-bottom:5px;}
/*==========@@布局  结束@@==========*/


/*==========@@公共板块  开始@@==========*/
/* 顶部 */
#top_main { height:27px;  background:#666; }
#top { height:27px; line-height:27px; text-align:right;}
#top_1 { float:left;  text-align:left;}
#top_2 { float:right; text-align:right; }
#top .MobileEdition{}
#top a { color:#fff;  }
#top a:hover { color:#f00; text-decoration:none}

/*Logo*/
#logo_main {padding: 19px 0;border-bottom: 1px solid #ddd;}
#logo {overflow:hidden;  }
#logo .WebLogo{ float: left;width:23.5%;}
#logo .WebLogo img{width: 100%;}
#logo .Language{float:right;padding: 17px 0;width: 14%;font-size: 16px;}
.Language .form{width: 100%;height: 40px;background-color: #008fd7; border-radius: 10px;opacity: 0.8;}
.Language .form table.search_table td{margin-right: 10px;display: inline-block;width: 54%;}
.Language .form_text{margin: 1px 0 1px 10px; padding: 0;width: 91%;height: 38px;border: none; line-height: 38px;font-size: 14px;color: #fff;background-color: transparent;border-top-left-radius: 10px;border-bottom-left-radius: 10px;}
.Language .submit{background: url("/Upload/img/sousuo.png")no-repeat center;height: 38px;padding: 0;margin: 1px 0;
    border: none;
    display: block;}
/*导航*/
#navigation {float: left;width: 62.5%;}
#navigation ul.navigationlist{overflow: hidden;}
#navigation ul.navigationlist li { float:left;width: 14%;height: 75px;line-height:75px; text-align:center; overflow:hidden;}
#navigation ul.navigationlist li a {display: block; font-size:18px;text-decoration:none;color: #000;}
#navigation ul.navigationlist li:hover .nav{ text-decoration:none; color: #33a5df; }
#navigation ul.navigationlist .current { color: #33a5df;}
/*导航栏下拉*/
#navigation  ul.subnavigationlist{ display:none; position:absolute; background: rgba(0,0,0,.7); z-index:100}
#navigation  ul.subnavigationlist li {  float:none; padding:0px; line-height:38px; display:inline;}
#navigation  ul.subnavigationlist li a { display:block; white-space:nowrap; font-weight:normal; color:#FFF; font-size:14px; padding:0px 32px; text-align:left}
#navigation  ul.subnavigationlist li a:hover {  background:#eb3d00;  color:#fff; }

/*公告*/
#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幻灯片样式*/
#banner_main {position:relative; border:0px solid blue; }
#banner {  border:0px solid red; margin:0 auto; overflow:hidden; width:100%}
.bannerlist{}
.bannerlist li{ text-align:center; border:0px dashed red; overflow:hidden; display:block;}
.bannerlist li img{ margin:0 auto; display:block; width: 100%;}
#banner_main .hd{ width:100%; position:absolute; bottom:46px; left:0; height:5px; line-height:5px; text-align:center; border:0px solid red; }
#banner_main .hd ul li{ cursor:pointer; display:inline-block; *display:inline; zoom:1; width:11px; height:11px; 
background:url(../images/dot.png) -11px 0 no-repeat; margin-right:15px; overflow:hidden; font-size:0px;}
#banner_main .hd ul li.on{  background:url(../images/dot.png) 0 0 no-repeat;}

/*Flash幻灯片样式*/
/*#banner_main {border:0px solid blue; }
#banner {  border:0px solid red; margin:0 auto; overflow:hidden;} */

/*当前位置*/
#location_main { } 
#location {display:none;color:#01673A; float:right; padding-right:8px;}
#location a {color:#01673A;}

/*子频道列表*/
.subchannel_main{position: relative;z-index: 200;margin-top: -36px;}
.subchannel{}
.subchannellist { overflow: hidden;}
.subchannellist li {float: left;margin-right: 6px; height: 36px;line-height: 36px; }
.subchannellist li a {display: block;background:rgba(0,0,0,.8); padding:0 24px;height: 36px;color:#fff;line-height: 36px;}
.subchannellist li a:hover { background:#eb3d00;  color:#fff;text-decoration:none; }
.subchannellist #current a {  background:#eb3d00; color:#fff;}
.subchannellist .depth1{ font-size:14px;}
.subchannellist .depth2{ font-size:14px; text-indent:1.5em; background:none; }
.subchannellist .depth2 a{ border:none;}
.subchannellist .depth3{ font-size:14px; text-indent:3em}
.subchannellist .depth4{ font-size:14px; text-indent:4.5em}
.subchannellist .depth5{ font-size:14px; text-indent:6em}
.subchannellist .depth6{ font-size:14px; text-indent:7.5em}

.subchannellist1 {}
.subchannellist1 li { display:inline-block;height: 46px; }
.subchannellist1 .on a{  background:#eb3d00;  color:#FFF;text-decoration:none; }
.subchannellist1 li a {display: block; padding:0 20px; margin-right:10px; color:#000;line-height: 46px;border-radius: 5px;background-color: #f5f5f5;}
.subchannellist1 li a:hover { background:#eb3d00;  color:#FFF;text-decoration:none; }
.subchannellist1 #current a {  font-weight:bold; background:#eb3d00; color:#FFF;}
.subchannellist1 .depth1{ font-size:16px; font-weight:bold; }

/*搜索 */
table.search_table{ width:100%; text-align:center;}
table.search_table th{ vertical-align:middle; text-align:center;width: 72%}
table.search_table td{ vertical-align:middle; width:60px; }

/*联系我们*/
.contact_wrap{ line-height:1.8em; }
.contact_wrap b{ font-weight:bold;}
.contact_wrap .WebUrl{ color:#F00 }
/*联系我们1*/
.contact_wrap1{ line-height:26px;;background:url(../images/contact.png) no-repeat; width:315px; height:154px;padding-left: 30px; padding-top: 20px; color:#000; overflow:hidden;}
.contact_wrap1 b{ font-weight:normal;}
.contact_wrap1 .ico1{  padding: 5px 0px 5px 25px;}
.contact_wrap1 .ico2{  padding: 5px 0px 5px 25px;}
.contact_wrap1 .ico3{  padding: 5px 0px 5px 25px;}
.contact_wrap1 .ico4{  padding: 5px 0px 5px 25px;}

/*订购*/
.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}


#footer { height: 324px;background-color: #323232; }
#foot {max-width: 1150px;margin: 0 auto;overflow: hidden; }
.foot_hd{text-align: center;color: #fff;border-bottom: 1px solid #8c8c8c;}
.foot_title{position: relative;margin:54px auto 26px;padding-bottom: 14px;width: 300px;font-size: 30px;border-bottom: 1px solid #8c8c8c;}
.foot_title:after{content: "";
    position: absolute;
    width: 32px;
    height: 0;
    left: 44%;
    top: 52px;
    border-bottom: 2px solid #fff;
}
.foot_hd p{font-size: 14px;color: #1dc5c2;}
.foot_tel{padding-left:34px;font-size: 32px;max-width: 230px;margin:0 auto;
  background: url("/Upload/img/foot_tel.png")no-repeat left;}





.link_title { line-height:69px; height:69px;  color:#fff;  }
.link_title h2 { font-size:20px; color:#fff; font-weight: normal; text-indent:40px;}
.link_body { color:#000; border-top:0px; border-bottom:0px; }
.link_bottom{}
.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 #600; }
.link_text { overflow: hidden; zoom:1; padding:8px 0 0 0; }
.link_text ul li { float:left; text-align:center; padding:1px 15px; overflow:hidden;white-space:nowrap;}
.link_text a { line-height:22px; color:#b7b7b7; }
.link_text a:hover { line-height:22px; color:#fff; }

/* 版权信息 */
#copyright_main { }
#copyright {color: #fff; width: 618px;margin: 30px auto 0;}
#copyright a {color: #fff; text-decoration: none;font-size: 14px}


/*分页样式*/
.page { padding:4px 0px 0px 1px; float:right; clear:both;}
.page a, .page span { float:left; display:block; border:1px solid #D3D1D1; padding:2px 5px; margin-left:4px; line-height:22px; }
.page a:link, .page a:visited { text-decoration:none; }
.page a:hover { background:#CC0001; color:#ff9900; }
.page .current{ background:#CC0001; 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.reg_table{ width:40%; text-align:center; margin:0 auto;}
table.reg_table th{ width:140px; text-align:left; font-weight:bold;}
table.reg_table td{  text-align:left; }
table.reg_table .operation{text-align:center}

/*忘记密码 第一步*/
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}

/*网站地图列表*/
.maplist{ }
.maplist li { padding:1px; }
.maplist li a { background:#eee; 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}
/*==========@@公共板块  结束@@==========*/


/*==========@@频道页面 开始@@==========*/
/*===公共字段 开始===*/
.ChannelContent{ line-height:2.0em; font-size:16px;}
.ChannelSContent, .ChannelSContent p{ line-height:1.8em}
.ChannelContent a{ color: #ff9d02}
 
.ChannelSContent{color:#FFF;  line-height:25px; height:200px;overflow:hidden; margin-bottom:10px;}
.ChannelSContent a{ color: #ff9d02}
.ChannelSContent img, .InfoContent img{ max-width:100% }

.InfoTitle{ font-weight:normal; text-align:center; vertical-align:middle; padding:5px 0px}
.InfoTitle h1{ font-size:28px; line-height: 1.5em; font-weight:normal;}
.InfoTime{color:#999; text-align:left;  padding:2px 0px; height:25px}
.InfoContent, .InfoContent p{ line-height:2.0em; font-size:16px; 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:0px 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 a{ padding:0 3px; font-weight:normal; text-decoration:none;}
.info_previous_next_wrap{ background:#F0F0F0; padding:5px; border:1px solid #E3E3E3; color:#333; line-height:1.8em;font-size: 14px;}
.Next a{ }
.Previous a{ }

.info_product_detail_wrap{ line-height: 2.2em;}
.info_product_detail_wrap b{color: #626262; font-weight:bold;}
.info_product_detail_wrap table.detail_table{ width:100%; }
.info_product_detail_wrap table.detail_table th{ width: 200px;}
.ProductDescription{ height:40px; color:01673A; margin-top:10px;padding-left:35px; line-height:40px; font-size:16px; font-weight:bold; display:none;}
.product  .info_product_detail_wrap img{ width:216px; height:162px;float:left;  text-align:left; margin-right:10px; }
.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; }
/*===公共字段 结束===*/

/*===首页 开始===*/
.index #left{ float: right}
.index #right{ float: left}

/*===首页 结束===*/

/*===招聘频道  开始===*/
.job{ }
.joblist { }
.joblist li {overflow: hidden;}
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{overflow: hidden; }
.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; }
table.guestbook_table{ width:98%;  }
table.guestbook_table th{ width:100px; text-align:left;font-weight: normal;}
table.guestbook_table td{ text-align:left;padding-bottom: 16px;}
table.guestbook_table .operation{ text-align:center }

/*管理员回复*/
.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 }

/*留言表单*/
.message_title{ height:40px; padding-left:35px; line-height:40px; font-size:16px; color:#000; font-weight:bold;}
.message_body{ padding-left: 10px; padding-right: 10px; 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}
/*===反馈频道 结束===*/
/*==========@@频道页面 结束@@==========*/


/*==========@@通用列表 开始@@==========*/
/*文字列表*/
.textlist{ }
.textlist li { line-height:28px; margin-top:15px; padding-bottom:5px; border-bottom:1px dashed #ccc; overflow:hidden;width:100%;/*解决ie6bug*/}
.textlist li a:hover{ color:#600;}
.textlist li .InfoTitle{ font-size:16px; font-weight:bold; color:#000;}
.textlist li .InfoTitle:visited { color:#aaa;}
.textlist li a img { float:left; width:220px; margin-right:10px;}
.textlist li p{ height:88px; overflow:hidden; line-height:22px;}

.textlist-new{overflow: hidden; }
.textlist-new li { float: left;overflow:hidden;margin-right: 2.65%;padding-bottom: 26px;width:23%;background-color: #f6f7f9;}
.textlist-new li:nth-child(4n){margin-right: 0;}
.textlist-new li .new-item{display: block;width: 100%;overflow: hidden;max-height: 278px;}
.textlist-new li .new-item img{width:100%;transition:.8s ease 0s; -moz-transition:.8s ease 0s; -webkit-transition:.8s ease 0s;}
.textlist-new li .new-item:hover img{transform:scale(1.1,1.1); -moz-transform:scale(1.1,1.1); -webkit-transform:scale(1.1,1.1);  }
.textlist-new li .new-tit{display: block;padding: 20px 18px 16px;color:#000;font-size: 16px;}
.textlist-new li .new-tit:hover{ color:#600;}
.textlist-new li .InfoContent{ padding:0 18px; line-height:25px; font-size: 13px;color:#666;display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
overflow: hidden; }
.textlist-new li .new-mor{display: block;padding: 20px 18px 0;color:#666;font-size: 13px;}

.textlist2{ overflow: hidden; text-align:center; max-width: 1200px;margin:0 auto 40px;border-bottom: 3px solid #d8d8d8}
.textlist2 li{ float: left;margin-right: 2%;width: 15%;line-height: 44px;}
.textlist2 li:last-child{margin-right: 0;}
.textlist2 li a{ display: block;  color: #444; font-size:18px;}
.textlist2 li.on a{color: #33a5df;}
.textlist2 li:hover a{color: #33a5df;}

.textlist3{ overflow:hidden; max-width: 1200px;margin: 0 auto;}
.textlist3 li:nth-child(1){float:left; width:41.2%;}
.textlist3 li{float:left; width:29.4%;}
.textlist3 li img{ width:100%;}
.textlist3 .InfoTitle{ font-weight:normal; text-align:center; vertical-align:middle;}
.textlist3 li a{ display: block;}

/*文字列表*/
.textlist1{ }
.textlist1 li { margin-top:30px; height:82px; width:582px; /*不限定宽高，在ie7有问题*/ overflow:hidden;/*解决ie6bug*/}
.textlist1 li.li0{ float:left;}
.textlist1 li.li1{ float:right;}
.textlist1 li .time{ float:left; width:48px; height:52px;  background:#015D34; color:#FFF; line-height:25px; padding:15px 12px;}
.textlist1 li .time .month{ float:left;width:48px; text-align:center; border-bottom:1px solid #FFF;}
.textlist1 li .time .year{ float:left; font-size:18px;width:48px;text-align:center;}
.textlist1 li .right_text{ float:left; width:510px; }
.textlist1 li .right_text a{ background:#E2E2E2; line-height:30px; height:30px; overflow:hidden; display:block;padding-left:10px;}
.textlist1 li .right_text p{ background:#EAEAEA;height: 31px;line-height: 20px; padding:10px 5px 10px 10px; margin-top:1px; overflow:hidden;}
/*带缩略图文字列表*/
/*.thumblist{}
.thumblist li {line-height:2em;overflow:hidden;width:100%; margin-bottom:5px;}
.thumblist li img{ float:left; width:360px; padding:1px; margin-right:8px; border:2px solid #999999; }
.thumblist li img:hover { border:2px solid #600; }
.thumblist li a{color:#000000; font-size:24px;}
.thumblist li .InfoTitle:hover{ color:#600;}
.thumblist li p{ text-indent:2em; height:15em; overflow:hidden;}*/


.thumblist{ margin-top:5px;overflow: hidden; }
.thumblist li { float:left; padding-bottom:10px; margin:0px 10px; margin-bottom:10px;border:1px solid #ebebeb; text-align:center; overflow:hidden; display:inline /*解决ie6 双边距bug*/;border-radius: 4px;
text-overflow:ellipsis; white-space:nowrap;}
.thumblist li img {width:258px; padding:10px;}
.thumblist li a { display: block;white-space:nowrap; line-height:28px;}
.thumblist li:hover{ border:1px solid #eb3d00;  }
/*橱窗列表*/
.gridlist{ margin-top:5px; overflow: hidden;}
.gridlist li { float:left; padding:10px; margin:0px 19px; margin-bottom:10px;width: 20%;border:1px solid #ebebeb; text-align:center; overflow:hidden; display:inline /*解决ie6 双边距bug*/;border-radius: 15px;
text-overflow:ellipsis; white-space:nowrap;}
.gridlist li img {width:100%;height: -webkit-fill-available;}
.gridlist li a { display: block;white-space:nowrap; line-height:44px;max-height: 240px;overflow: hidden;}
.gridlist li .pro-item{margin-top: 10px;border-top: 1px dashed #ebebeb;border-bottom: 1px dashed #ebebeb}
.gridlist li:hover{ border:1px solid #eb3d00;  }
.gridlist li:hover .pro-item{border-top: 1px dashed #eb3d00;border-bottom: 1px dashed #eb3d00}

/*橱窗列表1*/
.gridlist1{ overflow:hidden; }
.gridlist1 li { position:relative; float:left; text-align:center; margin:6px 6px 0; width:24%;   overflow:hidden; display:inline /*解决ie6 双边距bug*/;
text-overflow:ellipsis; white-space:nowrap;}
.gridlist1 li img { width:100%; }
.gridlist1 li img:hover { }
.gridlist1 li a { white-space:nowrap; line-height:28px; }
.gridlist1 li .InfoTitle{ display:block; padding:0px; line-height:22px; color:#5A5A5A;}
.gridlist1 li a:hover{ color:#fff;}

.card {
  position: relative;
  display: -webkit-box;
  display: flex;
  -webkit-box-align: end;
          align-items: flex-end;
  overflow: hidden;
  width: 100%;
  text-align: center;
}
@media (min-width: 600px) {
  .card {
    height: 350px;
  }
}
.card:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: 0 0;
  -webkit-transition: -webkit-transform calc(var(--d) * 1.5) var(--e);
  transition: -webkit-transform calc(var(--d) * 1.5) var(--e);
  transition: transform calc(var(--d) * 1.5) var(--e);
  transition: transform calc(var(--d) * 1.5) var(--e), -webkit-transform calc(var(--d) * 1.5) var(--e);
  pointer-events: none;
}
.card:after {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 200%;
  pointer-events: none;
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), color-stop(11.7%, rgba(0, 0, 0, 0.009)), color-stop(22.1%, rgba(0, 0, 0, 0.034)), color-stop(31.2%, rgba(0, 0, 0, 0.072)), color-stop(39.4%, rgba(0, 0, 0, 0.123)), color-stop(46.6%, rgba(0, 0, 0, 0.182)), color-stop(53.1%, rgba(0, 0, 0, 0.249)), color-stop(58.9%, rgba(0, 0, 0, 0.32)), color-stop(64.3%, rgba(0, 0, 0, 0.394)), color-stop(69.3%, rgba(0, 0, 0, 0.468)), color-stop(74.1%, rgba(0, 0, 0, 0.54)), color-stop(78.8%, rgba(0, 0, 0, 0.607)), color-stop(83.6%, rgba(0, 0, 0, 0.668)), color-stop(88.7%, rgba(0, 0, 0, 0.721)), color-stop(94.1%, rgba(0, 0, 0, 0.762)), to(rgba(0, 0, 0, 0.79)));
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.009) 11.7%, rgba(0, 0, 0, 0.034) 22.1%, rgba(0, 0, 0, 0.072) 31.2%, rgba(0, 0, 0, 0.123) 39.4%, rgba(0, 0, 0, 0.182) 46.6%, rgba(0, 0, 0, 0.249) 53.1%, rgba(0, 0, 0, 0.32) 58.9%, rgba(0, 0, 0, 0.394) 64.3%, rgba(0, 0, 0, 0.468) 69.3%, rgba(0, 0, 0, 0.54) 74.1%, rgba(0, 0, 0, 0.607) 78.8%, rgba(0, 0, 0, 0.668) 83.6%, rgba(0, 0, 0, 0.721) 88.7%, rgba(0, 0, 0, 0.762) 94.1%, rgba(0, 0, 0, 0.79) 100%);
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  -webkit-transition: -webkit-transform calc(var(--d) * 2) var(--e);
  transition: -webkit-transform calc(var(--d) * 2) var(--e);
  transition: transform calc(var(--d) * 2) var(--e);
  transition: transform calc(var(--d) * 2) var(--e), -webkit-transform calc(var(--d) * 2) var(--e);
}

.content {
  position: relative;
  display: -webkit-box;
  display: flex;padding: 6px 0;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-direction: column;
  -webkit-box-align: center;
          align-items: center;
  width: 100%;height: 100%;background-color: rgba(0,0,0,.5);
  -webkit-transition: -webkit-transform var(--d) var(--e);
  transition: -webkit-transform var(--d) var(--e);
  transition: transform var(--d) var(--e);
  transition: transform var(--d) var(--e), -webkit-transform var(--d) var(--e);
  z-index: 1;
}
.tit {
  font-size: 18px;color: #fff;
}

.copy {
  margin: 1rem 0;
  color: #fff;
}

.part {
  cursor: pointer;
  padding:0.6rem 1.4rem;
  font-size: 0.65rem;
  font-weight: bold;
  letter-spacing: 0.025rem;
  text-transform: uppercase;
  color: #fff;background-color: #019243;
  border: none;
}

@media (hover: hover) and (min-width: 600px) {
  .card:after {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }

  .content {
    -webkit-transform: translateY(calc(100% - 4.5rem));
            transform: translateY(calc(100% - 4.5rem));
  }
  .content > *:not(.title) {
    -webkit-transform: translateY(1rem);
            transform: translateY(1rem);
    -webkit-transition: opacity var(--d) var(--e), -webkit-transform var(--d) var(--e);
    transition: opacity var(--d) var(--e), -webkit-transform var(--d) var(--e);
    transition: transform var(--d) var(--e), opacity var(--d) var(--e);
    transition: transform var(--d) var(--e), opacity var(--d) var(--e), -webkit-transform var(--d) var(--e);
  }
:root {
    --d: 1000ms;
    --e: cubic-bezier(0.19, 1, 0.22, 1);
    --font-sans: 'Rubik', sans-serif;
    --font-serif: 'Cardo', serif;
}
  .card:hover,
  .card:focus-within {
    -webkit-box-align: center;
            align-items: center;
  }
  .card:hover:before,
  .card:focus-within:before {
    -webkit-transform: translateY(-4%);
            transform: translateY(-4%);
  }
  .card:hover:after,
  .card:focus-within:after {
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
  }
  .card:hover .content,
  .card:focus-within .content {
    padding: 80px 0;
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  .card:hover .content > *:not(.title),
  .card:focus-within .content > *:not(.title) {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0);
    -webkit-transition-delay: calc(var(--d) / 8);
            transition-delay: calc(var(--d) / 8);
  }

  .card:focus-within:before, .card:focus-within:after,
  .card:focus-within .content,
  .card:focus-within .content > *:not(.title) {
    -webkit-transition-duration: 6s;
            transition-duration: 6s;
  }
}

.gridlist10{ overflow:hidden; }
.gridlist10 li { position:relative; float:left; text-align:center; margin:6px 32px; width:334px;   overflow:hidden; display:inline /*解决ie6 双边距bug*/;
text-overflow:ellipsis; white-space:nowrap;}
.gridlist10 li img { width:330px; height:264px; border:2px solid #ccc;}
.gridlist10 li img:hover {border:2px solid #600; }
.gridlist10 li a { white-space:nowrap; line-height:28px; color:#000;}
.gridlist10 li .InfoTitle{ display:block; padding:0px; line-height:22px; color:#5A5A5A;}
.gridlist10 li a:hover{ color:#600;}




/*橱窗列表2*/
.gridlist2{ overflow:hidden; }
.gridlist2 li { position:relative; float:left; text-align:center; margin-right:20px; overflow:hidden; display:inline /*解决ie6 双边距bug*/;
text-overflow:ellipsis; white-space:nowrap;}
.gridlist2 li img { width:275px;  border:1px solid #E1E1E1; display:block;}
.gridlist2 li .InfoTitle { white-space:nowrap; line-height:19px; display:block; background:#015D34; color:#FFF; margin-top:3px;}


/*视频列表*/
.videolist{ margin-top:5px; }
.videolist li { width:382px; float:left; margin-right:15px; text-align:center; overflow:hidden;}
.videolist li img { border:1px solid #E1E1E1; width:100%; }
.videolist li a { white-space:nowrap; line-height:28px;}
.videolist li a:hover{ color:#600;}
/*==========@@通用列表  结束@@==========*/


/*=============新增css============================*/


.floor_left{ margin-top:10px; width:360px; background-color:#edecec; float:left;}
/*.text_list{ background-color:#edecec !important; margin-top:10px;}
*/
.floor15_left{ margin:0;}
.floor15_left img{ margin:10px auto auto 30px;}
.floor15_leftx{ margin:10px auto; text-align:center;  font-size:20px;}
.floor15_leftzx{ margin:10px auto; text-align:center; font-size:22px; color:#49a95b;}
.left_body3p{ height:198px;}




.contact_wrapp{ margin-left:8px !important; border-left:1px solid #000;}
.contact_wrapp{ padding-left:15px; width:335px;}
.contact_wrapp notempty{ line-height:20px;}



 
  
#index_6 {overflow: hidden;padding-top: 40px; padding-top:0px;}
#index_61{ margin: 0px auto 30px auto;}
#index_6_1 { width: 600px;float: left; border-right: 1px solid #a546eb;}
#index_6_1 .ChannelSContent{color: #f00;font-size: 16px;text-indent: 2.8em;}
#index_6_2 { width:1px;float:left; background:#4c0005;height: 250px;margin-top: 55px;}
#index_6_3 { width: 500px;float: right; overflow:hidden;}
#beijing{ width:100%; height:510px; background-color:#eeedee;}
#index_64{ width:600px; height:300px; background-color:#000}
#index_4{ width:600px; height:300px; background:url(../images/video_bg.png);}
#index_4 .ChannelSContent{width:450px; height:263px; margin: auto auto auto 30px ; text-align:center;}
#index_4 .ChannelSContent embed{ margin-top:23px;}


#navigationa_main {}
#navigationa {width: 672px;margin:26px auto 0; }
#navigationa ul.navigationlist{overflow: hidden;}
#navigationa ul.navigationlist li { float:left;text-align:left;  }
#navigationa ul.navigationlist li a { padding:0 20px; font-size:14px;color:#fff; border:0px dashed red;}
#navigationa ul.navigationlist li a:hover { text-decoration:none; color: #F00;}
#navigationa ul.navigationlist .current {  }

.fot-bt{overflow: hidden;margin: 36px auto;}
.fot-bt img{width: 100%;}
.fot-logo{float: left;width: 200px;}
.fot-bh{float: left;margin:49px 100px;}
.link_wx{margin-top: 16px;width:130px; height: 130px; float:right;}

/*装修风格鼠标悬停效果  开始*/


.gridlist11 ul li{
    float: left;
    width: 360px;
    height: 219px;
    background: #979797;
    border: solid 5px #979797;
    margin: 5px 0px 5px 50px;
    list-style: none;
    position: relative;
    overflow: hidden;
}
.gridlist11 p{ color:#000;}

}
.gridlist11 ul li .cover a i{
    color: dbdddb;
}
/* 遮罩层 */
.gridlist11 ul li .cover{
    width:360px;
    height: 325px;
    background: #3E3E3E;
    position: absolute;
    left: 0;
    top: 0;
    text-align: center;
    background:rgba(255, 255, 255, 0.6);
	
    transform-origin: right bottom;      /*旋转中心位置*/
	-webkit-transform-origin: right bottom; 
	-moz-transform-origin: right bottom; 
	
    transform: rotate(90deg);
	-webkit-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	
    transition: all 0.35s;
	-webkit-transition: all 0.35s;
	-moz-transition: all 0.35s;
}
.gridlist11 ul li .cover p{
    margin-top: 70px;
    font-size: 30px;
	color:#000 !important;

}
.gridlist11 ul li:hover .cover{
    transform: rotate(0deg);
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
}

.gridlist11 ul li a:hover { text-decoration:none; color:#f00;}

/*结束*/

/*导航条*/

#hr_hr{ width:1920px; height:3px; border-bottom:1px solid #000;}

#nav_nav{ width:1200px; float:left;}
#nav_nav ul.li{ margin:10px 10px auto 10px;}
#web_logo{}

#web_right{ width:250px; height:54px; border:1px solid #000; float: right; margin-top:10px;}
.web_ll{ background-image:url(../../../../../../new%20photo/tubiao.png);}





.contact_wrapp{ margin-top:23px; hight:80%;}
.contact_wrapp li{height:23px !important;}
.li_lv{ font-size:24px;margin:46px auto auto auto; color:#1B5B04; margin-left:32px;}

