@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:#696868;	margin:0px auto; font-family: Microsoft YaHei; font-size:14px; 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:#626262; background: transparent;  outline:none}
a:focus { outline:none; }
a:hover{ color:#000;}
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; outline: none}
button,select {text-transform: none;outline: none;}
input{padding:2px;background-color: #FFFFFF;border: 1px solid #ccc;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 { display:block; clear:both; height:3px; overflow:hidden; line-height:3px; }
.float_left { float:left; }
.float_right { float:right; }
.clearfix:after{clear: both;}
.clearfix:before,.clearfix:after{content: "";display: table;}

.mobileShow{display: none;}
/*对齐方式*/
.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; }
/*默认样式*/
.btn {  background-color: #c11b33;  color: #fff; }
.btn:hover {  background-color: #a91e32; color:#fff;}
.btn:active {  background: #c11b33;  color: #fff;}
/*按钮大小*/
.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;}


/*其它*/
.hide { display:none; }  /*隐藏*/
.more{ float: right; padding-right:5px; display:none;} /*more链接*/
.code_image{ cursor: pointer; padding-bottom:6px; } /*验证码图片样式*/
.ViewMore { text-align:center; font-weight:bold; -moz-transition: all .5s ease 0s;-ms-transition: all .5s ease 0s;-o-transition: all .5s ease 0s;-webkit-transition: all .5s ease 0s;transition: all .5s ease 0s;}

/*频道*/
.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% }
.ChannelContent p{font-size: 18px;line-height: 2.3;text-indent: 2em;letter-spacing: 3px;}
.ChannelContent .map{height:530px;}
.ChannelContent .map .iw_poi_title {color:#CC5522;font-size:14px;font-weight:bold;overflow:hidden;padding-right:13px;white-space:nowrap}
.ChannelContent .map .iw_poi_content {font:12px arial,sans-serif;overflow:visible;padding-top:4px;white-space:-moz-pre-wrap;word-wrap:break-word}

/*信息*/
.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:18px;text-indent: 2em;letter-spacing: 3px;}
.InfoAttachment{ padding:10px 0; 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;margin-top: 20px;}
.Next a:hover{color: #940a08; }
.Previous a:hover{color: #940a08; }
/*==========@@元件 结束@@==========*/

/*==========@@模块  开始@@==========*/
/*左侧*/
/*主体左侧样式*/
.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:80px; line-height:40px; text-align:left;}
.left_title1 h2 { letter-spacing: 4px; color: rgb(34, 34, 34); font-size:32px; }
.left_title1 h2 a { color: rgb(34, 34, 34);}
.left_title1 p { color: rgb(51, 51, 51); font-size:24px;}
.left_body1 { overflow:hidden; zoom:1; color:#000;}
.left_body1 .ChannelContent { font-size:14px; padding:30px 0 40px 0; color: rgb(85, 85, 85);}
.left_body1 .ViewMore{ display:block; width:130px; height:35px; line-height:35px; border:2px solid #cc0000; color:#cc0000;}
.left_body1 .ViewMore:hover{ color:#fff; background:#cc0000;}
.left_bottom1 { height:15px;  margin-bottom:5px;}

/*样式2*/
.left_title2{ height:80px; line-height:40px; text-align:right; }
.left_title2 h2 { letter-spacing: 4px; color: #fff; font-size:32px; }
.left_title2 h2 a { color: #FFF;}
.left_title2 p { color: rgb(51, 51, 51); font-size:24px;}
#floor_2_main .left_title2 p{color: #fff;}
.left_body2 { overflow:hidden; zoom:1; color:#000;}
.left_bottom2 { height:15px;  margin-bottom:5px;}

/*样式3*/
.left_title3 { height:80px; line-height:40px; text-align:left;}
.left_title3 h2 { letter-spacing: 4px; color: rgb(255, 255, 255); font-size:32px; }
.left_title3 h2 a { color: rgb(255, 255, 255);}
.left_title3 p { color: rgb(255, 255, 255); font-size:24px;}
.left_body3 { overflow:hidden; zoom:1; color:#000; padding-top:50px; position:relative;}
.left_bottom3 { height:15px;  margin-bottom:5px;}

/*样式2*/
.left_title4{ height:80px; line-height:40px; text-align:right; }
.left_title4 h2 { letter-spacing: 4px; color: rgb(34, 34, 34); font-size:32px; }
.left_title4 h2 a { color: rgb(34, 34, 34);}
.left_title4 p { color: rgb(51, 51, 51); font-size:24px;}
.left_body4 { overflow:hidden; zoom:1; color:#000; padding-top:50px;}
.left_bottom4 { height:15px;  margin-bottom:5px;}

.left_title5 { height:100px; line-height:40px; text-align:center; background:url(../images/left_title4.jpg) center bottom no-repeat;}
.left_title5 h2 { font-size:26px;  color:#000; }
.left_title5 h2 a { font-size:26px;  color:#000;}
.left_title5 p { text-transform: uppercase; color: rgb(94, 94, 94); font-size: 18px;}
.left_body5 { overflow:hidden; zoom:1; padding:20px 10px 5px;}
.left_bottom5 { height:15px; margin-bottom:5px;}

/*主体右侧*/
/*样式1*/
.right_title { text-align:center; margin-bottom:50px;}
.right_title h2 { font-size:28px; color:#222; display:inline-block; border:2px solid #c11b33;}
.right_title h2 a { display:block; padding:5px 20px; font-size:28px; color:#222; }
.right_title p.ChannelName { padding:0 20px; font-size:28px; color:#222; }
.right_title p.ChannelContent { background:#c11b33; height:28px; line-height:28px; text-transform:uppercase; font-family:Tahoma; color:#FFF; font-size:14px; font-weight:normal; }
.right_body { padding:5px 0px; overflow:hidden; zoom:1;  border-top:0; border-bottom:0 }
.right_bottom {}
/*样式2*/
.right_title1 {display: none; }
.right_title1 h2 {font-size:30px; font-weight:normal; text-align:center;  padding:15px 0; color:#01673A;    }
.right_body1 {padding: 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;}
/*==========@@模块  结束@@==========*/

/*==========@@频道布局  开始@@==========*/
/*模型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, #logo, #banner, #announcement, #link, #copyright, #floor_1, #floor_2, #floor_3, #floor_4, #floor_5, #floor_6{ width:1200px;  margin:0 auto; overflow:hidden; border:0px dashed red;}
.picture{padding-top: 20px;}
#left { float:right; width:250px; }
#right { float:left; width:920px; border-left:0px solid #E5E5E5; padding-left:0px; }
#right_1 { float:left; width:1200px; border-left:0px solid #E5E5E5; padding-left:0px; }
/*===首页 开始===*/
#floor_1_main{ overflow:hidden;}
#floor_1{ padding:50px 0px;}
#floor_1_1{float:left; width:770px;}
#floor_1_2{float:right ; width:400px; }
#floor_1_2 img{ width:100%;}

#floor_2_main{ background:#e8e8e8 url(../images/floor_2_main.jpg) no-repeat center top; background-size: cover; height: 550px;}
#floor_2{ text-align:center; padding:50px 0;}

#floor_3_main{ overflow:hidden; height:350px;}

#floor_4_main{ overflow:hidden; background:url(../images/floor_4_main.jpg) no-repeat center center; height:640px; background-size:cover;}
#floor_4{ text-align:center; padding:50px 0;}

#floor_5_main{ overflow:hidden;}
#floor_5_main_1 { background:#FFF;}
#floor_5_main_2 { background:rgb(232, 232, 232); height:234px; margin-top:-204px;}
#floor_5{padding:35px 0px 0px 0px; }

#floor_6_main{ background-color: rgb(232, 232, 232); padding: 60px 0;}
#floor_6_1{float: left;width: 60%;}
#floor_6_2{float: right;width: 40%;}
#floor_6_2 .WeChat img {  float: right;  width: 75px;  }
#floor_6_2 .bdsharebuttonbox .LShare {  display: block;  line-height: 24px;  height: 24px;  cursor: pointer;  margin: 6px 6px 6px 0;  font-size: 16px;  color: rgb(68, 68, 68); }
.bdshare-button-style0-24 {  padding-top: 30px;  }
/*===首页 结束===*/

/*===产品模型 开始===*/
.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{ 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; }
/*===产品模型 结束===*/

/*===招聘频道  开始===*/
.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{ }
.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}
table.guestbook_table td{ text-align:left}
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:#222; 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}
/*===反馈频道 结束===*/
/*==========@@频道布局  结束@@==========*/


/*==========@@公共板块  开始@@==========*/
/* 顶部 */
#top_main { height:36px; background-color: rgb(55, 55, 55); }
#top { height:36px; line-height:36px; text-align:right;}
#top_1 { float:left;  text-align:left;}
#top_2 { float:right; text-align:right; }
#top .MobileEdition{ font-weight: bold; color:red;}
#top a { color:#fff;  }
#top a:hover { color:#c11b33; text-decoration:none}

/*Logo*/
#logo_main { height:85px; background:#fff; border-bottom:1px solid #f0f0f0;}
#logo {overflow:hidden; }
#logo .WebLogo{ float:left;}
#logo .WebLogo img{ max-width: 316px; margin-top:11px;}
#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}

/*导航*/
#navigation_main { background:#2466ad; }
#navigation{ float:right; }
#navigation ul.navigationlist li { float:left; line-height:85px; text-align:center; margin-left: 35px;}
#navigation ul.navigationlist li .ChannelName{ display:block;font-size:17px; color:#555; transition:all 0.5s ease; -webkit-transition:all 0.5s ease; -moz-transition:all 0.5s ease; }
#navigation ul.navigationlist li a:hover { text-decoration:none; color: #e7231e; }
#navigation ul.navigationlist .ChannelName.current{ color: #e7231e; }
/*导航栏下拉*/
#navigation .info_wrap_main{ width:100%; overflow:hidden; display:none; position:absolute; left:0; z-index:100; background:rgba(255,255,255,.8); text-align:left; }
#navigation .info_wrap{ width:65%; margin:0 auto; padding:35px 0px; overflow:hidden; }
#navigation .line{ position:absolute; z-index:-1; bottom:0px; width:0px; height:4px; font-size:3px; background: #e7231e; display:none; }
#navigation .Channel_wrap{ float:left; width:30%; margin-right:9%; margin-left:3%; }
#navigation .Channel_wrap .ChannelName1{ display:block; font-size:30px; margin-bottom:30px; color:#4e4e4e;line-height: 1;}
#navigation .Channel_wrap p{ color:#666;}
#navigation .Channel_wrap .more:hover{ color: #e7231e; }
#navigation .subnavigationlist{ float:left; width:16%; margin-right:3%;}
#navigation ul.subnavigationlist li{ float:none; padding:0; line-height:28px;}
#navigation ul.subnavigationlist li a{ display:block; white-space:nowrap; font-weight:normal; color:#4a4a4a; font-size:16px; padding:0px 10px 10px; text-align:center; }
#navigation ul.subnavigationlist li a:hover{ color: #e7231e; }
#navigation .right_info{ float:left; width:30%; }
#navigation .right_info p{ color:#555; }

/*Js幻灯片样式*/
#banner_main {position:relative; border:0px solid blue;font-size: 0;}
.bannerlist li>img{width: 100%;}
.BannerText{position: absolute;top:30%;width: 100%;text-align: center;}
.BannerText *{display: block;margin: 20px auto;opacity:0;}
.BannerText p{font-size: 30px;color: #fff;line-height: 1.5;}
.swiper-pagination-bullet{width: 10px;height: 10px;}
.swiper-pagination-bullet-active{background-color: #fff;}
.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{bottom: 20px;}
/*banner文字动画样式，从animate.css拷贝，不添加这些代码，CSS3动画无效，尚未找到原因*/

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

/*子频道列表*/
.subchannel_main{}
.subchannel{ overflow:hidden;}
.subchannellist { text-align:center;}
.subchannellist li { display:inline;line-height:50px;  }
.subchannellist li a { padding:15px 35px; color:#000; font-weight:normal; background:#f0f0f0;}
.subchannellist li a:hover { background:#940a08;  color:#fff;text-decoration:none; }
.subchannellist li.current a { background:#940a08; color:#fff;}
.subchannellist .depth1{ font-size:16px; font-weight:bold; }
.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}

/*搜索 */
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:2.5; float: left;}
.contact_wrap p br{display: none;}
.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 {margin: 15px; }
#link { padding:0;border: 1px solid #D6D6D6; }
.link_title { line-height:59px; height:59px;  color:#fff;  }
.link_title h2 { font-size:24px; color:#333; font-weight: normal; text-indent:15px;}
.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 #eee; }
.link_pic ul li a:hover img { border:1px solid #c11b33; }
.link_text { overflow: hidden; zoom:1; padding:8px 0 8px 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:#666; }
.link_text a:hover { line-height:22px; color:#c11b33; }

/* 版权信息 */
#copyright_main { color:#000; background-color: rgb(247, 247, 247);}
#copyright { line-height:40px;  }
#copyright .bottom_navigation{text-align: center;padding: 5px 0px; }
#copyright a {color: #000; text-decoration: none;}
#copyright a:hover {color:#c11b33; text-decoration: none;}
#copyright .bottom_info{ text-align:center;padding-top:5px; padding-right:10px; line-height:20px; }
#copyright .TechnicalSupport{ float:right; margin:0}

.bottom_navigation {  overflow: hidden;  float: left;  }
.bottom_navigation li {  float: left;  width: 120px;  margin-right: 15px;  overflow: hidden;  }
.bottom_navigation li a {  display: block;  text-align: left;  font-size: 18px;  margin-bottom: 10px; color: rgb(68, 68, 68);  font-weight: bold;  }
.bottom_navigation li a:hover {  color:#c11b33;}
.bottom_navigation .subnavigationlist1 li {  float: none;  padding: 0;  line-height: 28px;  display: block;  }
.bottom_navigation .subnavigationlist1 li a { color: rgb(68, 68, 68);  display: block;  line-height: 30px;  font-weight: normal;  padding: 0;  margin: 0;  font-size: 13px;  text-align: left;  }
.bottom_navigation .subnavigationlist1 li a:hover{color:#c11b33;}

/*分页样式*/
.page { padding: 30px 0px 10px 0px; float:right; clear:both;}
.page a, .page span { float:left; display:block; border:1px solid #eee; padding:2px 5px; margin-left:4px; line-height:22px; }
.page a:link, .page a:visited { text-decoration:none; }
.page a:hover { background:#CC0001; color:#FFF; }
.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.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: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.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;}

/*==========@@公共板块  结束@@==========*/


/*==========@@通用列表 开始@@==========*/
/*文字列表*/
.textlist{}
.textlist li{ width:100%;  overflow:hidden; padding:30px 0; border-bottom: 1px dotted #dbd4cd; }
.textlist li p{ line-height:22px; height:44px; overflow: hidden; }
.textlist li .InfoTitle{ display:inline-block; font-size:18px; font-weight:bold; color:#444444; line-height:23px; padding-top:0px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; }
.textlist li .time{ float:left; width:88px; height:88px; text-align:center; margin:0px 30px 0 0; background:#c11b33; color:#FFF; }
.textlist li .time .day{ display:block; font-size:35px; font-weight:bold; line-height:22px; padding:22px 0 14px 0; }
.textlist li .time .month{ width:80%; display:block; margin:0 auto; font-size:16px; text-align:center; line-height:16px; }
.textlist li:hover .InfoTitle{ color:#c11b33; }

/*文字列表1*/
.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;}


.textlist2{ }
.textlist2 li { float:left; text-align:left; overflow:hidden;width:247px; line-height:28px; border:1px solid #d9d9d9; padding:15px; margin:10px 10px;}
.textlist2 li img{ width:100%; -moz-transition: all .8s ease 0s;-ms-transition: all .8s ease 0s;-o-transition: all .8s ease 0s;transition: all .8s ease 0s; }
.textlist2 li .float_right{ float:left; display:block; color: #929292; font-size:12px;}
.textlist2 li a{ font-weight: bold; display:block; font-size:14px; color: #5A5A5A; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; line-height:28px;  }
.textlist2 li p{float:left; height:5em; line-height:1.6em;}
.textlist2 li:hover a{ color:#940a08;}
.textlist2 li:hover img{transform: scale(1.1);-moz-transform: scale(1.1);-webkit-transform: scale(1.1);}
.textlist2 li:hover{ border:1px solid #940a08;}




/*带缩略图文字列表*/
.thumblist{}
.thumblist li {}

.thumblist1 {}
.thumblist1 li { text-align:left; float:left; overflow:hidden; width:393px; margin-right:10px; line-height:2em; margin-bottom:5px;}
.thumblist1 li.n3 { float:right; margin-right:0;}
.thumblist1 li .InfoWrap { width:333px; height:140px; padding:30px;}
.thumblist1 li.n1 .InfoWrap { background: #ff9d02; margin-bottom:10px;}
.thumblist1 li.n2 .InfoWrap { background: rgb(52, 51, 63); position:absolute; left:403px; top:260px;}
.thumblist1 li.n3 .InfoWrap { background: rgb(255, 255, 255); margin-bottom:10px;}
.thumblist1 li .InfoWrap .InfoTitle { padding:0; font-size:16px; font-weight:bold; display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; text-align:left;}
.thumblist1 li.n3 .InfoWrap .InfoTitle { color:#000;}
.thumblist1 li.n1 .InfoWrap .InfoTitle, .thumblist1 li.n2 .InfoWrap .InfoTitle { color:#FFF;}
.thumblist1 li .InfoWrap p { font-size:12px; height:4em; overflow:hidden;}
.thumblist1 li.n3 .InfoWrap p { color:#666;}
.thumblist1 li.n1 .InfoWrap p, .thumblist1 li.n2 .InfoWrap p { color:#FFF;}
.thumblist1 li .InfoWrap .float_right { float:left;}
.thumblist1 li.n3 .InfoWrap .float_right { color:#666;}
.thumblist1 li.n1 .InfoWrap .float_right, .thumblist1 li.n2 .InfoWrap .float_right { color:#FFF;}
.thumblist1 li img { float:left; width:393px; height:200px;}
.thumblist1 li .InfoWrap .ViewMore { width:110px; height:30px; line-height:30px; display:block;}
.thumblist1 li.n1 .InfoWrap .ViewMore, .thumblist1 li.n2 .InfoWrap .ViewMore { border:2px solid #FFF; color:#FFF;}
.thumblist1 li.n3 .InfoWrap .ViewMore { border:2px solid #000; color:#000;}
.thumblist1 li.n1 .InfoWrap .ViewMore:hover, .thumblist1 li.n2 .InfoWrap .ViewMore:hover { background:#FFF; color:#000;}
.thumblist1 li.n3 .InfoWrap .ViewMore:hover { background:#000; color:#FFF;}


/*橱窗列表*/
.gridlist{ margin-top:5px; }
.gridlist li { float:left; margin-bottom:22px; text-align:center; overflow:hidden; display:inline ;text-overflow:ellipsis; white-space:nowrap; margin-right:22px; border:1px solid #eee; width:290px;}
.gridlist li.n2{ float:right; margin-right:0;}
.gridlist li img { width:100%;}
.gridlist li a { line-height:36px; display:block; background:#eee; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.gridlist li a:hover { color:#c11b33;}

.gridlist1{ overflow:hidden; margin-top:120px;}
.gridlist1 li { text-align:left; width:600px; position:relative; float:left; overflow:hidden; display:inline; }
.gridlist1 li .ChannelWrap { float:right; width:200px; height:240px; padding:50px 50px 10px 50px; overflow:hidden;}
.gridlist1 li.n1 .ChannelWrap { background:#FFF; opacity:0.9; filter:alpha(opacity=90); -moz-opacity:0.9; -khtml-opacity:0.9; opacity:0.9;}
.gridlist1 li.n2 .ChannelWrap { background:#834b30; opacity:0.9; filter:alpha(opacity=90); -moz-opacity:0.9; -khtml-opacity:0.9; opacity:0.9;}
.gridlist1 li.n3 .ChannelWrap { background:#f7f7f7;}
.gridlist1 li.n4 .ChannelWrap { background:#3c2317;}
.gridlist1 li .ChannelWrap .ViewMore { width:120px; height:30px; line-height:30px; display:block;}
.gridlist1 li.n1 .ChannelWrap .ViewMore { border:2px solid #000; color:#000; }
.gridlist1 li.n2 .ChannelWrap .ViewMore { border:2px solid #FFF; color:#FFF;}
.gridlist1 li.n3 .ChannelWrap .ViewMore { border:2px solid #cc0000; color:#cc0000;}
.gridlist1 li.n4 .ChannelWrap .ViewMore { border:2px solid #FFF; color:#FFF;}
.gridlist1 li.n1 .ChannelWrap .ViewMore:hover { background:#000; color:#FFF; }
.gridlist1 li.n2 .ChannelWrap .ViewMore:hover { background:#FFF; color:#000;}
.gridlist1 li.n3 .ChannelWrap .ViewMore:hover { background:#cc0000; color:#FFF;}
.gridlist1 li.n4 .ChannelWrap .ViewMore:hover { background:#FFF; color:#000;}
.gridlist1 li .ChannelWrap p { height:8em; font-size:13px; color: rgb(68, 68, 68); padding:20px 0;}
.gridlist1 li.n2 .ChannelWrap p, .gridlist1 li.n4 .ChannelWrap p { color:#fff;}
.gridlist1 li img { float:left; width:300px;}
.gridlist1 li.n1 img, .gridlist1 li.n2 img { float:left;}
.gridlist1 li.n3 img, .gridlist1 li.n4 img { float:right;}
.gridlist1 li a { white-space:nowrap; line-height:28px;}
.gridlist1 li .ChannelWrap .ChannelName { text-align:left; font-size: 16px; font-weight:bold; color: rgb(34, 34, 34); text-overflow:ellipsis; white-space:nowrap;}
.gridlist1 li.n2 .ChannelWrap .ChannelName, .gridlist1 li.n4 .ChannelWrap .ChannelName { color:#FFF;}

.gridlist2{ }
.gridlist2 li { width:248px; position:relative; float:left; text-align:center; margin-right:16px; margin-bottom:16px; overflow:hidden; display:inline; text-overflow:ellipsis; white-space:nowrap; border: 3px solid rgb(238, 238, 238); padding:15px;}
.gridlist2 li img { width:100%;-moz-transition: all .8s ease 0s;-ms-transition: all .8s ease 0s;-o-transition: all .8s ease 0s;transition: all .8s ease 0s; }
.gridlist2 li a { overflow:hidden; display:block; white-space:nowrap; line-height:28px; text-overflow: ellipsis;}
.gridlist2 li:hover{ border:3px solid #940a08;}
.gridlist2 li:hover img{transform: scale(1.1);-moz-transform: scale(1.1);-webkit-transform: scale(1.1);}
.gridlist2 li:hover a{ color:#940a08;}
.proCont{text-align: center;padding: 50px 0 80px 0;background-color: #333;}
.proCont .top .img{ width: 50%;float: left}
.proCont .top .img img{ width: 100%;}
.proCont .top .text{ width: 40%; color: #fff;float: right}
.proCont .top .text .tit{ font-size: 30px; padding: 40px 0 80px; border-bottom: 1px dotted #fff;}
.proCont .top .text div{ border-bottom: 1px dotted #fff; padding: 13px 0;}
.proCont .top .text .words em,.proCont .top .text .words span{ display: block; float: left;}
.proCont .top .text .words em{ margin-right: 20px;}
.proCont .imgTit{ margin: 60px 0; font-size: 18px; color: #fff; letter-spacing: 5px; position: relative; height: 60px;}
.proCont .imgTit span{ display: inline-block; border-right: 1px solid #bfbfbf; background-color: #333; padding-right: 20px; position: absolute; z-index: 1;}
.proCont .imgTit em{ height: 1px; width: 100%; display: block; background-color: #bfbfbf; position: absolute; top: 20%;}
.proCont .slideImg{ position:relative; overflow:hidden; width:100%;}
.proCont .slideImg li{ -webkit-backface-visibility:hidden; position:absolute; display:none; width:100%; left:0; top:0; margin: 0;}
.proCont .slideImg li:first-child{ position:relative; display:block; float:left;}
.proCont .slideCon{ position:relative; float:left; width:100%;}
.proCont .slideCon .slide li{}
.proCont .slideCon .slide li img{width:100%;}


.contUs .listL{ width:450px; color:#fff; font-weight:bold;float: left;}
.contUs .listL .line{ width:100%; height:3px; background-color:#fff;}
.contUs .listL div{ margin:22px 0; line-height:30px;}
.contUs .listL div a{ color: #fff; text-decoration: none;}
.contUs .listL div span{ width:25px; height:25px; display:block; float:left; background-position:center left; background-repeat:no-repeat; margin-right:15px;}
.contUs .listL div span.tel{ background-image:url(../images/inBtn4.png); background-size:22px 22px;}
.contUs .listL div span.qq{ background-image:url(../images/inBtn5.png); background-size:22px 17px;}
.contUs .listL div span.name{ background-image:url(../images/inBtn6.png); background-size:23px 22px;}
.contUs .listL div span.add1{ background-image:url(../images/inBtn7.png); background-size:22px 25px;}
.contUs .listL div span.add2{ background-image:url(../images/inBtn8.png); background-size:22px 25px;}
.contUs .listR{ width:700px;float: right;}
.contUs .listR input{ background-color:#2b2b2b; height:36px; color:#8f8e8e; font-size:14px; line-height:36px; margin-bottom:20px; border-radius:20px; padding:0 2%;}
.contUs .listR input.input1{ width:44%;}
.contUs .listR input.input1.floatL{float: left;}
.contUs .listR input.input1.floatR{float: right;}
.contUs .listR input.input2{ width:96%;}
.contUs .listR textarea{ width:96%; height:156px; background-color:#2b2b2b; color:#8f8e8e; font-size:14px; border-radius:20px; padding:20px 2%;}
.contUs .listR .button{ text-align:right; margin-top:20px;}
.contUs .listR .button .mybutton{cursor: pointer;}
/*视频列表*/
.videolist{ margin-top:5px; }
.videolist li { float:left; margin-bottom:22px; text-align:center; overflow:hidden; display:inline ;text-overflow:ellipsis; white-space:nowrap; margin-right:22px; border:1px solid #eee; width:290px;}
.videolist li.n2{ float:right; margin-right:0;}
.videolist li img { width:100%;}
.videolist li a { line-height:36px; display:block; background:#eee; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.videolist li a:hover { color:#c11b33; }
/*==========@@通用列表  结束@@==========*/

/*服务与支持*/
.ChannelWrap { width:500px; float:left;}
.ChannelWrap .ChannelWrap_2 { float:left; width:500px; height:184px; overflow:hidden;}
.ChannelWrap .ChannelWrap_2 .ChannelWrap_2_1 { float:left; width:170px; height:144px; background:#FFF; padding: 20px 10px 20px 20px;text-align: center;}
.ChannelWrap .ChannelWrap_2 .ChannelWrap_2_1 div { padding:10px 0;color:rgb(215, 132, 26);font-size: 24px;}
.ChannelWrap .ChannelWrap_2 a img { float:right; width:300px;}
.ChannelContentWrap { width:600px; height:84px; float:right; padding:50px; background:rgb(215, 132, 26); color:#fff;}
.ChannelContentWrap p {overflow:hidden;}

.rightcontent { overflow:hidden; width:250px; height:170px; padding:40px 0; background:#c11b33; margin-bottom:10px; text-align:center; color:#FFF; position:relative; margin-top:-90px;}
@media screen and (max-width: 1199px){
    .mobileHide{display: none;}
    .mobileShow{display: block;}
    #logo_main{height: 72px;}
    #logo,#floor_1,#floor_2,#floor_4,#floor_6,#copyright,.picture{width: 90%;}
    #logo img{width: 230px;}
    .meun-btn {width: 50px;height: 30px;position: absolute;right: 0.2rem;top: 20px;z-index: 12;border-radius: 0.05rem;}
    .meun-btn span{display: block;margin: 5px auto;width: 56%;height: 2px;background: #000;}
    .meun-btn span:first-child{margin-top: 8px;}
    /*手机端导航栏样式*/
    .meun-nav {position: fixed;top: 0;left: 0;z-index: 20;width: 100%;height: 0;overflow:auto ;background: #000;transition: 0.3s ease-in 300ms;}
    .meun-nav-open {height: 100%;}
    .meun-closebtn {width: 35px;height: 35px;background: url(../images/nav_close.png) no-repeat 7px center;position: absolute;top: 10px;right: 3%;visibility: visible;
        cursor: pointer;transition-delay: 300ms,300ms;z-index: 21;}
    .meun-nav-open .meun-closebtn {visibility: visible;}
    .meun-nav ul {padding: 160px 50px 20px 50px;visibility: hidden;}
    .meun-nav-open ul {visibility: visible;}
    .meun-nav ul li {border-bottom: 1px solid #333;opacity: 0;transform: scale(1.1) translateY(-24px);transition: all .35s ease-out;}
    .meun-nav ul li a, .meun-nav ul li h6 {display: block;width: 100%;height: 46px;overflow: hidden;line-height: 46px;font-size: 16px;
        color: #fff;font-weight: normal;text-overflow: ellipsis;white-space: nowrap;cursor: pointer;}
    .meun-nav dl {display: none;padding-left: 20px;}
    .meun-nav dl dd a {display: block;width: 100%;height: 40px;overflow: hidden;line-height: 40px;font-size: 16px;color: #fff;font-weight: normal;
        text-overflow: ellipsis;white-space: nowrap;}
    .meun-nav-open ul li {opacity: 1;transform: none;}
    .meun-nav ul li:nth-of-type(1) {transition-delay: 200ms,200ms;}
    .meun-nav ul li:nth-of-type(2) {transition-delay: 300ms,300ms;}
    .meun-nav ul li:nth-of-type(3) {transition-delay: 350ms,350ms;}
    .meun-nav ul li:nth-of-type(4) {transition-delay: 400ms,400ms;}
    .meun-nav ul li:nth-of-type(5) {transition-delay: 450ms,450ms;}
    .meun-nav ul li:nth-of-type(6) {transition-delay: 500ms,500ms;}
    #banner_main{height: auto;}
    #banner_main .bannerlist li .BannerText{top:20%;}
    #banner_main .bannerlist li .BannerText img{width: 80px;margin: 10px auto;}
    #banner_main .bannerlist li .BannerText p{font-size: 18px;margin: 0;}
    #banner_main .bannerlist li.banner1 .BannerText{top:20%;}
    #banner_main .bannerlist li.banner1 .BannerText img{width: 50px;margin: 10px auto;}
    #banner_main .bannerlist li.banner1 .BannerText img:nth-of-type(n+2){width: 50%;}
    #banner_main .bannerlist li.banner2 .BannerText img{width: 100%;margin: 0;}
    #floor_1 #floor_1_1,#floor_1 #floor_1_2{float: none;width: 100%;}
    #floor_2_main,#floor_4_main{background: none;height: auto;}
    #floor_2{padding: 0;}
    .left_title2 h2,.left_title2 p,.left_title3 h2,.left_title3 p{text-align: center;color: #000;}
    .left_title1 h2,.left_title2 h2,.left_title3 h2{font-size: 20px;}
    .left_title1 p,.left_title2 p,.left_title3 p{font-size: 18px;}
    .left_body1 .ChannelContent{font-size: 16px;padding-top:20px;}
    .left_title2 h2 a,#floor_2_main .left_title2 p,.left_title3 h2 a{color: #000;}
    .gridlist1{margin-top: 50px;}
    .gridlist1 li{float: none;margin: 0 auto;}
    .gridlist1 li img{margin: 10px 0;width: 100%;}
    .gridlist1 li.n1 img, .gridlist1 li.n2 img,.gridlist1 li .ChannelWrap{float: none;}
    .gridlist1 li .ChannelWrap{width: calc(100% - 40px);height: auto;padding: 20px;margin: 0 auto;}
    .gridlist1 li .ChannelWrap p{height: auto;}
    .gridlist1 li.n1 .ChannelWrap{background-color: #eee;}
    .gridlist1 li.n3 img, .gridlist1 li.n4 img{float: none;}
    #floor_3_main{display: none;}
    .thumblist1 li{float: none;}
    .thumblist1 li.n3{float: none;}
    .thumblist1 li .InfoWrap{width: calc(100% - 60px)}
    .thumblist1 li.n2 .InfoWrap{position: static;margin-bottom: 10px;}
    .thumblist1 li.n3 .InfoWrap{background-color: #eee;}
    #floor_6_1{display: none;}
    #floor_6_2{float: none;width: 100%;}
    #floor_6_2 .WeChat{width: 100%;text-align: center;}
    #floor_6_2 .WeChat img{float: none;width: 80px;margin-top: 11px;}
    .contact_wrap p br{display: block;}
    #copyright .TechnicalSupport{float: none;}
    #copyright span{display: block;}
    .textlist2 li{float: none;margin: 10px auto;width:80%}
    .gridlist2 li{float: none;margin: 10px auto;display: block;}
    .subchannellist li{float: left;width: 48%;margin: 10px 1%;background: #f0f0f0;}
    .subchannellist li a,.subchannellist li.current a,.subchannellist li:hover a{background: none;}
    .subchannellist li.current{background: #940a08;}
    .proCont .top .img{ width: 60%; margin: 0 20%;}
    .proCont .top .text{ width: 80%; margin: 0 10%;}
    .proCont .top .text .tit{ text-align: center; padding: 40px 0;font-size: 20px;}
    .proCont .imgTit{font-size: 16px;letter-spacing: 1px;}
    .proCont .imgTit span{ padding: 0 10px 0 5%;}
    .proCont .slideImg{width: 90%;margin: 0 auto;}
    .swiper-button-prev,.swiper-button-next{display: none;}
    .contUs .listL,.contUs .listR{float: none;width: 100%;}
    .contUs .listR input.input1{width: 96%;}
    .contUs .listR input.input1.floatR,.contUs .listR input.input1.floatL{float: none;}
    .contUs .listR .button .mybutton{width:100%;line-height:30px;height:30px;background:transparent;}
    #copyright{text-align:center;}
}