﻿@charset "utf-8";
body,ul,ol,li,p,h1,h2,h3,h4,h5,h6,div,dl,dt,dd,form,fieldset,input,button,img,cite,strong,em{margin:0;padding:0;border:0;}
h1, h2, h3, h4, h5, h6{}
img ,embed{ border:none;}
select,input{font-size:12px;}
select,input,img{vertical-align:middle;}
ul, ol, li{ list-style-type:none;}
a{ color:#666; font-family:Arial, Helvetica, sans-serif; text-decoration:none; font-size:14px;}
a:hover{ color:#d60000; text-decoration:none;}
a:visited{text-decoration:none;}
body{ font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#666; background:#fff;}
.clea{clear:both; line-height:0; font-size:0;content: "."; display: block; visibility: hidden;}
.clearit{clear:both; line-height:0; height:30px; font-size:0;content: "."; display: block; visibility: hidden;}
.cle{clear:both; line-height:0; height:45px; font-size:0;content: "."; display: block; visibility: hidden;}
.clee{clear:both; line-height:0; height:0px; font-size:0;content: "."; display: block; visibility: hidden;}
.texts_show{ line-height:220%;}
/*移动端底部导航*/
.phonefooternav { position: fixed; bottom: 0px; width: 100%; z-index: 99999; height:40px; display:none;}
.phonefooternav ul li { width: 25%; background: #494949; float: left; list-style: none; height:40px;  display: block;}
.phonefooternav ul li a {  display: block;  color: #fff; text-align: center; line-height:40px;  border-right: 1px solid #666;}
.phonefooternav ul li a:hover{  text-decoration: initial;}
@media (max-width: 1200px) {
.phonefooternav{ display:block;}
.phonefooternav ul li { padding: 3px 0px;}
.cle{clear:both; line-height:0; height:80px; font-size:0;content: "."; display: block; visibility: hidden;}
}
/* 头部框架 */
.topArea .bg-topArea,.header-inner,.ftLinkWrap .ftLink,.footer .ft-wrap { position:relative; margin:0 auto; max-width:1300px; }
.topArea { height:35px; line-height:35px; background: #666666; color:#fff; }
.r-arte { position:absolute; right:0; top:0; }
.r-arte span { padding-right:25px; }
.r-arte a { padding:0 10px; color:#fff; }
.r-arte .sCommon a img{ padding-right:5px;}
.spot,.topArea span .wbst,.topArea span .wbst a { color:#333; }
.r-arte .code, .r-arte .code a { color:#333; }
.top_tb{ text-align:right;}
.top_tb ul{ text-align:right;}
.top_tb ul li{ float:left;}
.top_tb ul li ul{display: none; }
.top_tb ul li:hover ul{ position:absolute; display:block; top:34px; background:#fff; font-size:14px; line-height:24px; color:#333; z-index:999999;}
/*导航*/
#topNav { position:absolute; z-index:222; height:80px; top:0; width:100%; margin:0 auto; background:#000; }
#topNav.nav_fixed { position:fixed; top:0; width:100%; z-index:9999999; background:#000;opacity: 0.9;}
.logo{ float:left; padding-top:3px;}
.logo a img{}
.navbox{ margin:0 auto; max-width:1300px;}
.nav { float:right; height:80px; }
.nav li.line { position:relative; width:2px; overflow:hidden; }
.nav li { position:relative; float:left; line-height:80px;}
.nav li a { position:relative; display:block; transition:0s; font-size:14px; line-height:80px; color:#fff; font-weight:bold;  padding:0 23px;}
/*导航*/
.nav>ul>li { height:42px; line-height:42px; }
.nav>ul>li>a:hover,.nav>ul>li>.current {  background:#800000; color:#fff; z-index:1;transition: all 0.3s ease-out;}
.nav>ul>li>a:hover::after,
.nav>ul>li>a:hover::before,
.nav>ul>li>.current::after,
.nav>ul>li>.current::before { position: absolute; top:0;  height:50px; content: ""; transition: all 0.3s ease-out;}
.nav>ul>li>a:hover::after,
.nav>ul>li>.current::after {  background:#800000; transition: all 0.3s ease-out;}
.nav>ul>li>a:hover::before,
.nav>ul>li>.current::before {  background:#800000; transition: all 0.3s ease-out;}
.nav li .shownav a:last-child { border-bottom:none; }
.nav li .shownav { position:absolute; top:80px; visibility:hidden;z-index:99999; background:#fff;opacity: 1.0; width:170px;}
.nav li .shownav li{ font-size:12px; line-height:28px; display:block; float:none; border-bottom:1px solid #800000;}
.nav li .shownav li a { padding:8px 12px; line-height:24px; text-align:center; font-weight:normal; color:#000; display:block; }
.nav li:hover .shownav { visibility:visible; }
.nav li .shownav li a:hover { background:#800000; color:#fff; font-weight:bold; }
.nav li .shownav li ul{ display:none;}
.nav li .shownav li:hover ul{ position:absolute; display:block; left:170px; width:100%; background:#fff; top:0;}
.nav li .shownav li ul li .ul{ display:none;}
.nav li .shownav li ul li:hover ul{ position:absolute; display:block; left:170px; width:100%; background:#fff;}

.topr{ display:none;}
@media (max-width: 1200px) {
.nav{ display:none;}
.logo{ width:85%; float:left; display:block;}
.logo a img{ max-width:90%; padding-top:7px;}
.topr{ display:block; width:10%; float:right; margin-right:5px; margin-top:15px;}
.topr a{ display:block; text-align:right;}
.topr a img{ width:90%; max-height:48px; max-width:60px;}
/*nav*/
.navm{ width:100%; height:300px; position:absolute; top:80px; z-index:1111; background:#45aea9; opacity: 0.9;Alpha(opacity=90)}
.navm ul{ padding-top:12px;}
.navm ul li{ width:100%; height:35px; text-align:center;}
.navm ul li a{ font-size:16px; line-height:35px; letter-spacing:1px; display:block; color:#fff;}
}
/*banner*/
.banner{height:480px;overflow:hidden; z-index:1;}
.banner .d1{width:100%;height:480px;left:0px;position:absolute; top:80px;overflow:hidden;}
.banner .d1 img{width:100%; height:480px;}
.banner .d2{width:100%;height:30px;clear:both;position:absolute;z-index:100;left:0px;top:530px;}
.banner .d2 ul{float:left;position:absolute;left:50%;top:0;margin:0 0 0 -120px;display:inline;}
.banner .d2 li{width:50px;height:5px;overflow:hidden;cursor:pointer;background:url(img1.png) no-repeat center;float:left;margin:0 3px;display:inline;}
.banner .d2 li.nuw{background:url(img1_1.png) no-repeat center;}
@media (max-width: 1200px) {
.banner{height:250px;overflow:hidden; z-index:1; display:block;}
.banner .d1{height:250px;left:0px;position:absolute; top:80px;}
.banner .d1 img{ min-height:250px; max-height:250px; width:100%;}
.banner .d2{width:100%;height:30px;clear:both;position:absolute;z-index:100;left:0px;top:300px;}
.banner .d2 ul{float:left;position:absolute;left:50%;top:0;margin:0 0 0 -120px;display:inline;}
.banner .d2 li{width:50px;height:5px;overflow:hidden;cursor:pointer;background:url(img1.png) no-repeat center;float:left;margin:0 3px;display:inline;}
.banner .d2 li.nuw{background:url(img1_1.png) no-repeat center;}
}

.syjj{ max-width:1200px; margin:0 auto;}
.syjj_l{ width:45%; float:left;}
.syjj_l img{ width:100%;}
.syjj_r{ width:54%; float:right; line-height:200%;}
.syjj_r ul{ line-height:200%; padding:0 5px;}
@media (max-width: 1200px) {
.syjj_l{ width:100%; float:left;}
.syjj_l img{ width:95%; text-align:center; padding:0 5px;}
.syjj_r{ width:100%; float:left; line-height:200%;}
}
/*  设计思维 */
.grWidth {max-width: 1200px; margin: 0 auto;}
.thinking{padding:60px 0;overflow:hidden;}
.thinking .title{font-size:30px;color:##c9c9c9;font-weight:normal;text-align:center;line-height:46px;margin-bottom:30px;}
.thinking .title strong{font-size:46px;color:#555555;display:block;}
.thinking .title span{font-size:20px;color:#c9c9c9;font-family:Arial;text-transform: uppercase;}
.thinking ul{margin-left:100px;}
.thinking li{float:left;width:134px;text-align:center;font-size:18px;color:#800000;margin-right:43px;}
.thinking li .box{display:block;color:#800000;}
.thinking li i{display:block;width:134px;height:134px;background: url("sjsw_icon.png") no-repeat 0 -134px;margin-bottom:15px;}
.thinking li.t2 i{background-position: -134px -134px;}
.thinking li.t3 i{background-position: -268px -134px;}
.thinking li.t4 i{background-position: -402px -134px;}
.thinking li.t5 i{background-position: -536px -134px;}
.thinking li.t6 i{background-position: -670px -134px;}
.thinking li.t7 i{background-position: -804px -134px;}
.thinking li:hover i{background-position: 0 0; color:#f00;}
.thinking li:hover a{ color:#555555;}
.thinking li.t2:hover i{background-position: -134px 0px;}
.thinking li.t3:hover i{background-position: -268px 0px;}
.thinking li.t4:hover i{background-position: -402px 0px;}
.thinking li.t5:hover i{background-position: -536px 0px;}
.thinking li.t6:hover i{background-position: -670px 0px;}
.thinking li.t7:hover i{background-position: -804px 0px;}
.thinking li.t7{margin-right:0;}
.thinking li .zx{display:inline-block;width:90px;height:28px;line-height:28px;border:1px solid #999;border-radius:3px;font-size:12px;transition:all 0.3s;margin-top:15px;}
.thinking li .zx:hover{background:#555555;color:#fff;}

@media (max-width: 1200px) {
.thinking ul{margin-left:0;}
.thinking li{float:left;width:25%;text-align:center;font-size:18px;color:#800000; margin-bottom:15px;}
}

/* 四大品质保障 */
.hTitle{font-size:32px;color:#800000;text-align:center;line-height:34px;text-transform: uppercase;margin-bottom:35px;}
.ensure{ overflow:hidden;}
.ensure .hTitle{margin-bottom:0;color:#454545;}
.ensureMain{ overflow:hidden;}
.ensureMain li{float:left;width:30%;line-height:20px;transition:all 0.5s; overflow:hidden;background:#fff;margin:15px 1%;font-size:14px;}
.ensureMain li .eImg{width:100%;overflow:hidden;display:block;}
.ensureMain li img{width:100%;transition:all 0.5s;}
.ensureMain li div{background:#fff;padding:15px 1%;}
.ensureMain li h4{font-size:36px;color:#b02427;background: url('e_line.jpg') no-repeat left bottom;padding-bottom:5px;margin-bottom:10px;line-height:36px;}
.ensureMain li h4 a{display:block;font-size:18px;color:#555555;line-height:24px;margin-top:5px; margin-bottom:5px;}
.ensureMain li p {background: url('e_icon.jpg') no-repeat left 5px; margin-bottom:5px;line-height:20px; padding-left:15px;}
.ensureMain li:hover img{transform:scale(1.1,1.1);}
.ensureMain li h4 a:hover { color:#800000;}
.ensureMain li:nth-child(3n){margin-right:0;}
@media (max-width: 1200px) {
.ensureMain li{float:left; width:47%; line-height:20px;transition:all 0.5s; overflow:hidden;background:#fff;margin:15px 1%;font-size:14px;}
.ensureMain li .eImg{width:100%;overflow:hidden;display:block;}
}
/*案例*/
.Box {position: relative;}
.Box .content {max-width: 1200px;margin: 0 auto;}
.Box h2 {text-align: center;margin-bottom: 35px;}
.Box .Box_con {position: relative;}
.Box .Box_con .btnl {position: absolute;}
.Box .Box_con .btn {display: block;width: 41px;height: 41px;position: absolute;top: 150px;cursor: pointer;}
.Box .Box_con .btnl {background: url(../images/jtl02.png) no-repeat center;left: -72px;}
.Box .Box_con .btnr {background: url(../images/jtr02.png) no-repeat center;right: -72px;}
.Box .Box_con .btnl:hover {background: url(../images/jtl03.png) no-repeat center;}
.Box .Box_con .btnr:hover {background: url(../images/jtr03.png) no-repeat center;}
.Box .Box_con .conbox {position: relative;overflow: hidden;}
.Box .Box_con .conbox ul {position: relative;list-style: none;}
.Box .Box_con .conbox ul li {float: left;width: 200px;margin-left: 20px;overflow: hidden;}
.Box .Box_con .conbox ul li:first-child {margin-left: 0;}
.Box .Box_con .conbox ul li img {display: block;width: 200px; transition: all 0.5s; overflow: hidden;}
.Box .Box_con .conbox ul li:hover img {transform: scale(1.1);}
.Box .Box_con .conbox ul li a h3 {  margin-top:5px;  display: block;  width: 100%;  height: 30px; line-height: 30px; font-size: 14px; font-weight:normal; color: #333; text-align: center;}
.Box .Box_con .conbox ul li a h4 {  display: block;  width: 100%;  line-height: 30px; font-size: 12px; color: #333;}
.Box .BoxSwitch {margin-top: 30px;text-align: center;}
.Box .BoxSwitch span {display: inline-block;*display: inline;*zoom: 1;vertical-align: middle;width: 30px;height: 3px;background: #ccc;margin: 0 5px;cursor: pointer;}
.Box .BoxSwitch span.cur {background: #555555;}

@media (max-width: 1200px) {
.Box .Box_con .btnl { display:none;}
.Box .Box_con .btnr { display:none;}
.content{ display:none;}
.fangant{ display:none;}
}

/*product*/
.fangbj{ width:100%; float:left; padding:25px 0; background:#fafafa;}
.fangan{ width:100%; margin:0 auto; max-width:1200px; margin-top:15px; } 
.fangant{ width:100%; margin:0 auto; max-width:1200px; margin-top:15px; } 
.fangan_t{ max-width:1200px; margin:5px auto; text-align:center;}
.fangan_t h2{ text-align:center; font-size:42px;color:#9ca2aa; line-height:38px; display:block; text-transform: uppercase;}
.fangan_t h2 b{ font-weight:normal; font-size:22px; letter-spacing:1px; color:#800000; text-transform:uppercase;}
.fangan_l{ width:23%; float:left;}
.fangan_l h2{ text-align:left; font-size:42px;color:#9ca2aa; line-height:42px; display:block; text-transform: uppercase; padding-top:10px;}
.fangan_l h2 b{ font-weight:normal; font-size:22px; letter-spacing:1px; color:#800000; text-transform:uppercase;}
.fangan_l h2 strong{ font-size:14px; font-weight:normal; line-height:24px; color:#333;}
.fangan_r{ width:75%; float:right;}

.chanpin_b{ width:100%; float:left; margin-top:25px; padding-bottom:25px;}
#chanpin_inline{ width:100%; max-width:900px; margin:0 auto;}
#chanpin_inline li { float:left; margin:5px 10px; padding:15px 25px;border-radius:5px; background:#555555; border:1px solid #555555; text-align:center; list-style:none; display:block;}
#chanpin_inline li a{ text-align:center; display:block; font-size:14px; color:#fff;}
#chanpin_inline li:hover{ background:#800000; color:#fff; border:1px solid #800000; font-weight:bold;}
#chanpin_inline li:hover a{}

#chanpin_inline ul a.selectTag { POSITION: relative;}
#tagContent DIV.selectTag {DISPLAY: block; color:#f00;}
.tagContent{ display:none;}
#tagContent{ width:100%; float:left; margin-top:10px;}
.fangan_bcp{ float:left;width:31%; margin-bottom:3%; margin-right:1%; margin-left:1%; text-align:center; position:relative;}
.fangan_bcp h4{font-size:14px;font-weight:normal;color:#fff; line-height:45px; background:#555555; overflow:hidden;}
.fangan_bcp .pImg{width:100%; display:block;overflow:hidden; background:#fff;}
.fangan_bcp img{width:100%; height:100%; transition:all 0.5s;}
.fangan_bcp:hover img{transition:all 0.5s;transform: scale(1.1,1.1);}
.fangan_bcp:hover h4{ color:#fff; font-weight:bold; background:#800000;}

.fangan_bcpb{ float:left;width:23%; margin-bottom:3%; margin-right:1%; margin-left:1%; text-align:center; position:relative;}
.fangan_bcpb h4{font-size:14px;font-weight:normal; line-height:45px;}
.fangan_bcpb .pImg{width:100%; display:block;overflow:hidden; background:#fff;}
.fangan_bcpb img{width:100%; height:100%; transition:all 0.5s;}
.fangan_bcpb:hover img{transition:all 0.5s;transform: scale(1.1,1.1);}
.fangan_bcpb:hover h4{ color:#fff; font-weight:bold; background:#555555;}
.box{ height:100%;}
.box a { display: block; overflow: hidden; width: 100%; height:100%; position: relative; line-height:100%;}
.box i { position: absolute; left: 0; font-size: 20px; color: #fff; text-align: center; width: 100%; height: 100%; background: #B82D32; padding: 11.26761%; }
@media screen and (max-width: 1200px) { .box i { font-size: 18px; } }
@media screen and (max-width: 960px) { .box i { font-size: 16px; } }
@media screen and (max-width: 640px) { .box i { font-size: 14px; } }
.box:hover i { top: 0; }
.box:hover img { -webkit-transform: scale(1.05); -moz-transform: scale(1.05); -ms-transform: scale(1.05); -o-transform: scale(1.05); transform: scale(1.05); }
.box.lm i { top: 0; background: #B82D32; }

@media (max-width: 1200px) {
.fangan_bcp{ float:left;width:48%; margin-bottom:3%; margin-right:1%; margin-left:1%; text-align:center; position:relative;}
.fangan_bcpb{ float:left;width:48%; margin-bottom:3%; margin-right:1%; margin-left:1%; text-align:center; position:relative;}
.fangan_l{ width:100%; float:left;}
.fangan_l h2{  text-align:center; font-size:16px; line-height:32px; display:block; font-weight:normal;}
.fangan_l h2 b{ font-weight:bold; font-size:22px; letter-spacing:1px; color:#800000; text-transform:uppercase;}

.fangan_r{ width:100%; float:right;}

}
/*公司新闻*/
.video_bj{ width:100%; padding:25px 0; background:#f5f5f5; float:left;}
.video{ width:38%; float:left;}
.video_r{ width:58%; float:right;}
.faqMain{width:100%;overflow:hidden;}
@media (max-width: 1200px) {
.video{ width:98%; float:left;padding: 8px 1%;}
.video_r{ width:98%; float:right;padding: 8px 1%;}
}
/*news*/
.articleList {width: 100%;float: left;}
.art_list {width: 98%;float: left;padding: 15px 0; margin:0 1%; border-bottom: 1px dashed #c9c9c9;}
.art_img {float: left;width: 23%; background:#fff;}
.art_img img {width: 100%;}
.art_right {float: right;width:75%;}
.art_title {width: 100%;height: 25px;line-height: 25px;}
.art_title a{font-size: 14px; font-weight:bold; color:#333;}
.art_author {width: 100%;height: 24px;line-height: 24px; color:#333; font-size: 14px;}
.art_author span {margin: 0 10px 0 0;}
.art_des {width: 100%;line-height: 20px;max-height:70px;overflow: hidden; font-size:12px; color:#333;}
.art_more {width: 100%;display: inline-block;text-align: left;color: #333;}
.art_more:hover {color: #800000;}
.art_list:hover .art_title a { font-weight:bold; color:#800000;}
.art_list:hover {border-bottom: 1px dashed #800000; padding-left:5px; transition:all 0.3s;}

.nart_list {width: 47%;float: left;padding: 15px 0; margin:0 1%; border-bottom: 1px dashed #c9c9c9;}
.nart_img {float: left;width: 23%; background:#fff;}
.nart_img img {width: 100%; max-height:85px;}
.nart_right {float: right;width:75%;}
.nart_title {width: 100%;height: 25px;line-height: 25px;}
.nart_title a{font-size: 14px; font-weight:bold; color:#333;}
.nart_author {width: 100%;height: 24px;line-height: 24px; color:#333; font-size: 14px;}
.nart_author span {margin: 0 10px 0 0;}
.nart_des {width: 100%;line-height: 20px;max-height:70px;overflow: hidden; font-size:12px; color:#333;}
.nart_more {width: 100%;display: inline-block;text-align: left;color: #333;}
.nart_more:hover {color: #800000;}
.nart_list:hover a { font-weight:bold; color:#800000;}
.nart_list:hover {border-bottom: 1px dashed #800000; transition:all 0.3s;}

@media (max-width: 1200px) {
.art_list {width: 98%; float: left;padding: 15px 0; margin:0 1%; border-bottom: 1px dashed #dcdcdc;}
}
.mychgPic{width:100%; float:left;}
.mF_liuzg{ position:relative; width:100%; overflow:hidden; background:#fff;}
.mF_liuzg .loading{position:absolute;z-index:9999;width:100%;height:100%;color:#666;text-align:center;padding-top:90px;}/*载入画面*/
.mF_liuzg .pic li{width:100%;position:relative;overflow:hidden;*margin-top:-2px;}
.mF_liuzg .pic li p{width:100%;position:absolute;}
.mF_liuzg .pic li p a{display:block;}/*图片和焦点图框架一样大小*/
.mF_liuzg .pic li p img{ width:100%; max-height:350px;}
.mF_liuzg .txt li{position:absolute;z-index:2;bottom:0;width:100%;height:36px;line-height:34px;overflow:hidden;display:none;}
.mF_liuzg .txt li a{display:block;color:#fff;padding:2px 0 0 16px;font-size:14px;font-weight:bold;text-decoration:none;}/*标题样式*/
.mF_liuzg .txt-bg{position:absolute;bottom:0;z-index:1;width:100%;height:36px;overflow:hidden;background:#333;}/*标题背景*/
.mF_liuzg .num{position:absolute;z-index:3;bottom:8px;right:8px;color:#333;}/*按钮样式*/
.mF_liuzg .num li{ float:left; width:24px; height:20px; position:relative; border:1px solid #FFF; line-height:20px; text-align:center; margin-right:3px; cursor:pointer; background:#333; color: #FFF; }
.mF_liuzg .num li.current,.mF_liuzg .num li.hover{ background:#fff; color:#333; font-weight:bold;}



/* 友情链接 */
.yz-link{ max-width:1200px; margin:30px auto ; overflow: hidden;}
.yz-link img{ display: block; float: left; margin-right: 15px;}
.yz-link a{ display: block; float: left; margin-right:15px;  font-size:14px; color:#333; line-height:31px; position:relative;}
.yz-link a:before{ content: ""; position: absolute; right:-8px; top:11px; z-index: 10; width: 1px; height: 10px; background-color: #666;}
.ftLink { max-width:1200px; padding:0 0 25px; background:#fff; font-size:13px; line-height:24px; }
.ftLink strong { font-size:16px; }
.ftLink a { margin:0 18px; }

/* 版权 */
#footer {margin: 0; padding-bottom:30px; color: #ffffff;	background:#000;}
#top-footer { max-width: 1200px; overflow: hidden; margin:0 auto;	padding: 10px 0 30px;}
.widget { width:38%;overflow: hidden;  padding: 8px 0 6px; float:left;}
.widget-title { position: relative;margin: 10px auto 25px;text-transform: uppercase; padding-left: 25px;}
.widget-title::before {  top: 0; left: 0; width: 5px; content: ''; height: 100%; position: absolute; background: #000;}
#footer .widget-title h5 {color: #ffffff; font-weight: 900;	font-size: 18px; line-height: 22px;}
.widget-content{ line-height:200%;}

.widgetlin{ width: 25%;overflow: hidden;  padding: 8px 0 6px; float:left; margin-left:3%;}
.widgetlinb{ width:100%; float:left;}
.widgetlinb ul li{ float:left; padding:5px 3px;}
.widgetlinb ul li img{ width:77px; height:26px;}

.widget_r{ width:34%; float:right; padding: 8px 0 6px;}

@media (max-width: 1200px) {
.widget { width: 98%;  padding: 8px 1%; float:left;}
.widget_r{ width:98%; float:left; padding: 8px 1%;}
.widgetlin{ width:98%;overflow: hidden; padding: 8px 1%; float:left; margin-left:1%;}
.widgetlinb ul li{ width:30%; float:left; padding:5px 1%;}
.widgetlinb ul li img{ width:100%;}

}
#copyright { margin:0;	overflow: hidden; padding: 25px 0 15px;	background: #000; line-height:24px;}
.container{ max-width:1200px; margin:0 auto;}
#copyright .social-icons {	width: auto;	float: right;}
#copyright a{ color:#fff;}
#copyright a:hover, #copyright .social-icons a {	color: #ffffff;}
#copyright .social-icons a:hover {color: #003b95;}
/*内页样式*/
.main{ max-width:1200px; margin:0 auto;}
.mainbg { position:relative;padding:30px 10px; background:#fff; box-shadow: 0 1px 10px #eee; }
.mainbg:after { content:"."; display:block; height:0; clear:both; visibility:hidden;}
.main-home { padding-bottom:10px; background:url(../images/iFCB_inner_bg.jpg); }
/* 面包屑 */
.location { padding:0; margin:0 0 35px; border: 1px solid #faf5f0; background:#f9f8f8; line-height:40px; }
.location .ico { display:block; padding-left:95px; background:url(icon-home.png) no-repeat;  }
.location .ico a:hover,.location .ico a:last-child { color:#555555; }
.location .ico span { padding:0 5px; font-family:"黑体" }

@media (max-width:760px) {

}
.xgtj{ width:100%; float:left;}
.tit{ width:100%; float:left; border-bottom:1px solid #ccc; line-height:35px;}
.xgtj .block{ width:100%; height:550px; float:left;}
.xgtj .block ul li{ border-bottom:1px solid #E8E9EF; display:block; text-align:center; padding:10px 0; line-height:32px;}
.xgtj .block ul li a img{ width:90px; }
.xgtj .block ul li:hover .m-pic img { transform:scale(1.1); }
.xgtj .block ul li a{}
.xgtj .block ul li a:hover{ color:#555555;}
.conta{ width:100%; float:left;}
.contazt{ width:100%; float:left; padding:10px; line-height:28px;}

/*首页默认模式 在线客服 */
.online-qq-lx { position:absolute; top:380px; width:55px; z-index:100; }
.online-qq-lx .qq_content-lx dd { position:relative; width:55px; margin-bottom:2px; font-size:12px; }
.mbar-ico { position:relative; background:#800000; font-size:14px; }
.mbar-ico i { position:relative; display:block; width:55px; height:40px; background:url(online_lx.png) no-repeat #800000; cursor:pointer; z-index:2; }
.mbar-ico .mbar-tip  { position:absolute; top:0; background:#800000; color:#fff; opacity:0; transition:all 0.3s ease 0s; text-align:left; white-space:nowrap; visibility:hidden; }
.mbar-ico .mbar-tip a { display:block; color:#fff; }
.mbar-ico .mbar-tip a:hover { color:#ff0; }
.mbar-ico:hover .mbar-tip { opacity:1; z-index:1; visibility:visible; }
@media (max-width:760px) {
	.online-qq-lx { display:none;}

}
/* QQ */
.mbar-qq i { background-position:0 0; }
.mbar-qq .mbar-tip { min-height:40px; padding:5px 24px 5px 14px; line-height:30px; }
.mbar-qq .mbar-tip img { margin-right:8px; margin-top:-3px; vertical-align:middle; }
/* 咨询 */
.mbar-tel i { background-position:0 -40px; }
.mbar-tel .mbar-tip { padding:9px 15px; font-size:14px; line-height:22px; }
/* 二维码 */
.mbar-micro .mbar-tip  { top:-100px; min-width:110px; padding:5px; background:#fff; color:#000; box-shadow: 0 0 10px #ccc; text-align:center; line-height:20px; }
.mbar-micro .mbar-tip span { display:block; }
.mbar-micro-sj i { background-position:0 -200px; }
.mbar-micro-wx i { background-position:0 -120px; }
.mbar-micro-hc i { background-position:0 -160px; }
/* 返回顶部 */
.mbar-top { display:none; }
.mbar-top i { background-position:0 -240px; }
.mbar-top .mbar-tip { right:0; height:40px; line-height:40px; }
.mbar-top .mbar-tip a { padding:0px 15px; }
/* 样本下载 */
.mbar-dwn i { background-position:0 -160px; }
.mbar-dwn .mbar-tip { right:0; height:40px; line-height:40px; }
.mbar-dwn .mbar-tip a { padding:0px 15px; }
/* 漂浮位置 */
.online-qq-left { left:10px; right:auto; }
.online-qq-left .mbar-ico .mbar-tip { left:100px; right:auto; }
.online-qq-left .mbar-ico:hover .mbar-tip { left:55px; right:auto; }
.online-qq-left .mbar-top .mbar-tip { left:100px; right:auto; }
.online-qq-left .mbar-top:hover .mbar-tip { left:55px; right:auto; }
.online-qq-right { right:10px; left:auto; }
.online-qq-right .mbar-ico .mbar-tip { right:100px; left:auto; }
.online-qq-right .mbar-ico:hover .mbar-tip { right:55px; left:auto; }
.online-qq-right .mbar-top .mbar-tip { right:100px; left:auto; }
.online-qq-right .mbar-top:hover .mbar-tip { right:55px; left:auto; }

/* 新闻列表_PC */
.TTXW_LIST ul li { padding: 8px 15px 8px 5px; border-bottom: 1px solid #e9e9e9; color:#999; font-size:16px; transition:all 0.3s ease-in-out; line-height:40px;  }
.TTXW_LIST ul li a{ position: relative; display: block; left: 0; font-size:16px; padding-left:16px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; transition:all 0.3s ease-in-out; vertical-align: top; }
.TTXW_LIST ul li .u-date { font-size: 12px; }
.TTXW_LIST ul li:hover { background: #800000; color:#fff; }
.TTXW_LIST ul li:hover a { left:6px; color: #fff; }
.TTXW_LIST ul li .u-date { float: right; }
/* 图片列表_PC */
.iFCB-TPLB li { position:relative; line-height:22px; }
.iFCB-TPLB li .iFCB-rp { position:relative; margin:0; padding:1px 10px 0; overflow: hidden; transition:all 0.3s ease 0s; box-sizing: border-box; }
.iFCB-TPLB li .iFCB-rp pre{ font-size:12px; margin:0;}
.iFCB-TPLB li .m-pic { position:relative; overflow:hidden; box-shadow: 0 0 3px #d3d3d3; }
.iFCB-TPLB li .m-pic img { width:100%; transition:all 0.6s ease-in-out; transform:scale(1);}
.iFCB-TPLB li .m-intro { width:100%; padding:8px; transition:all 0.3s ease 0s; box-sizing: border-box; text-align:center; }
.iFCB-TPLB li .m-intro::after{display:block;content:"";clear:both}
.iFCB-TPLB li .m-intro .u-tt { position:relative; width:100%; height:26px; font-size:14px; line-height:26px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; text-align: center; }
.iFCB-TPLB li p { font-size:12px; line-height:28px; }
.iFCB-PRO-3 { float:left; width:33%; box-sizing: border-box; margin-bottom:25PX;  overflow:hidden; }
@media (max-width: 1200px) {
.iFCB-PRO-3 { float:left; width:33%; box-sizing: border-box; margin-bottom:25PX;  overflow:hidden;}
}
/* 左右结构 - 二级栏目 */
#leftObj .iFCB-TPLB li { height:auto!important; }
#leftObj .iFCB-TPLB li .iFCB-rp { margin:0 0 10px; background:none; }
#leftObj .iFCB-list li .date,.inside_content .iFCB-list li .date,.inside_content .iFCB-list li .date { display:none; }
#leftObj { float:left; width:240px; margin-right:30px; }
#rightObj { display:block; overflow:hidden; zoom:1; padding:0 0 5px; min-height:300px; }
#rightObj h2.title { display:none; }


.each_li>.name,
.menu dl dt { position:relative; border-bottom: 1px solid #e2e2e2; background:url(iFCB_sort_ico.png) no-repeat 11px 15px #f0f0f0; font-size:14px; line-height:20px; overflow:hidden;}

.list-inline{ width:100%; max-width:1200px; float:left; display:none;}
.list-inline1 li { float:left; margin:5px 6px; padding:10px 30px;border-radius:5px; background:#555555; text-align:center; list-style:none; display:block;}
.list-inline1 li a{ text-align:center; display:block; font-size:12px; font-weight:bold; color:#fff;}
.list-inline1 li:hover{ background:#29b6af;}
@media (max-width: 1200px) {
#leftObj,.left{ display:none;}
#rightObj { display:block; width:100%; overflow:hidden; zoom:1; }
.list-inline{ width:100%; max-width:1200px; float:left; display:block;}
}

.each_li>.name>div { position:relative; }
.each_li>.name>div>a,
.menu dl dt a { position:relative; display:block; padding:10px 0; padding-left:28px; font-size:14px; }
.each_li>.name>.icon:after { position:absolute; top:50%; left:17px; display:block; width:30px; height:30px; padding:0; margin-top:-15px; cursor: pointer; content:""; z-index:2; }
.each_li.active>.name>.icon:after { }
.each_li:hover>.name,.each_li.current>.name,.each_li.active>.name,
.each_li:hover>.name a,.each_li.current>.name a,.each_li.active>.name a {}
.each_li .third_box { border:1px solid #eeefee; border-bottom:0; }
.each_li .third_box .third_li,
.menu dl dd { border-bottom:1px solid #efefef; background:#f9f9f9; }
.each_li .third_box .third_li:hover { border-bottom:1px solid #54c149; background:#efefef; }
.menu dl dd a { display:block; padding:12px 40px;}
.each_li .third_box .third_li.current,
.each_li .third_box .third_li.current .active { color:#fff; }

.pro_sort_box dd{ padding:8px 0; background:url(dt-1.gif) no-repeat left; margin-left:20px;}
.pro_sort_box dd a{ padding-left:15px; display:block;}
.pro_sort_box .title{ background:#555555; height:94px; text-align:center;}
.pro_sort_box .title .title_more a{ color:#fff; font-size:24px; line-height:94px; text-align:center; display:block;}

/* 经过效果 */
.iFCB-TPLB li:hover .m-pic img { transform:scale(1.1); }
.iFCB-TPLB li:hover  .m-intro { bottom: 0; }
.iFCB-TPLB li:hover .iFCB-rp .m-intro { background: #555555; color: #fff; }
.iFCB-TPLB li:hover .iFCB-rp .m-intro .u-tt a { color: #fff; }
.iFCB-TPLB li:hover .iFCB-rp .m-intro .u-des { color: #eee; }




