body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td ,img { margin: 0; padding: 0; border:0; font-family:"微软雅黑"}
.clearfix:after, .layout:after, .container:after, .container-layout:after, .line:after, .line-small:after, .line-middle:after, .line-big:after, .nav-main:after, .nav-sub:after, .navbar:after {
    content: " ";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    overflow: hidden;
}

.shadow{ width:100%; height:6px; position:absolute; top:70px; left:0; background:url(../images/shadow.png)}
.content-img img{ width:100%;}
/*banner图部分*/

.banner{ width:100%; height:345px; background:url(../images/smallbanner.jpg) center;}

/*左边子导航*/

.main{ width:1200px; margin:auto; margin-top:30px; }
.sidebar{ width:202px;  float:left;}
.titler{ background:#b71411;height:76px; }
.newsicon{ background:url(../images/readicon.jpg); width:27px; height:23px; float:left;}
.bigtitle{ float:left; margin-left:16px; font-size:22px; height:76px; line-height:21px;margin-top:20px; color:#fff;}
.bigtitle span{ font-size:14px; color:#eee;}
.menu{ clear:both; width:202px; }
.menu li{ list-style:none; height:38px; width:198px; text-align:center; line-height:40px; border-bottom:1px solid #d2d2d2; font-size:14px;}
.menu li a{ text-decoration:none; color:#333333; display:block;}
.menu li a:hover{ color:#FFF; background:url(../images/arrowicon.png); width:199px; height:38px;}


/*右边内容*/

.summary{ width:944px;  float:right;}

.toptitle{ width:944px; height:34px;} 
.righttitle{ height:34px; width:150px; font-size:22px; color:#b71411; float:left;}
.guild{ width:400px; height:20px; float:right; text-align:right; margin-top:8px; font-size:14px; color:#999999;}
.guild a{ text-decoration:none; color:#999999;}
.guild a:hover{ color:#b71411;}

.line{ background:url(../images/line.png); width:944px; height:4px;}

.topnews{ width:944px; height:150px; background:#f4f4f4; }
.newsphoto{ width:300px; height:150px; float:left;}

.topnews1{ width:944px; height:200px; background:#f4f4f4; }
.newsphoto1{ width:300px; height:200px; float:left;}


.newsphoto img{ border:solid #999999 1px;}
.phototitle{ width:400px; float:left; margin-left:20px; margin-top:20px; font-size:14px; font-weight:bold; line-height:16px;}
.phototitle a{ color:#333; text-decoration:none;}
.phototitle a:hover{ color:#b71411;}


.splitline{ background:url(../images/splitline.jpg); width:944px; height:1px; margin-top:28px;}
.newstext{ width:944px; height:130px; margin-top:14px; font-size:14px; color:#333333;}
.newstext a{ text-decoration:none; color:#333;}
.newstext a:hover{ color:#b71411;}
.newstext span{ font-size:12px; color:#868686; line-height:24px;}
.readtext{ width:920px; font-size:14px; margin-top:4px; line-height:24px; color:#515050;}
.more{ width:96px; height:28px; margin-top:8px;}


/*案例展示页面*/

.case-content li { float: left; width: 30%; margin-right: 5%;  }
    .case-content li:nth-of-type(3n) { margin-right: 0%; }
    .case-content li a { display: block; width: 100%; height: 0; padding-top: 63.4%; position: relative; overflow: hidden; background: url(../images/loading.gif) no-repeat center center; background-color: #e7e7e7; }
    .case-content li strong img { width: 100%; /*height: 100%;*/ position: absolute; left: 0; top: 0; background: url(../images/loading.gif) no-repeat center 50%; background-color: #e7e7e7; }
    .case-content li font { display: block; text-align: center; width: 100%; height: 107px; background: url(../images/page4-writer-bg.png); background-size: 100% 100%; position: absolute; left: 0; bottom: -150%; }
        .case-content li font img { display: inline-block; position: relative; top: 50%; margin-top: 15px\9; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); }
    .case-content li .tit { text-align: center; margin-top: -4px; padding: 3% 0; min-height: 40px; position: relative; overflow: hidden; }
        .case-content li .tit span { font-size: 14px; color: #000; display: block; }
        .case-content li .tit i { display: block; margin-top: 6px; color: #8f8f8f; font-style: italic; }
        .case-content li .tit em { display: block; width: 100%; height: 100%; position: absolute; left: 0; top: -100%; z-index: -1; background-color: #00c1de; }
        .case-content li font,
        .case-content li strong img,
        .case-content li .tit span,
        .case-content li .tit i,
        .case-content li .tit em { transition: all .6s linear 0s; -webkit-transition: all .6s linear 0s; -moz-transition: all .6s linear 0s; -ms-transition: all .6s linear 0s; }
    .case-content li:hover strong img { transform: scale(1.1,1.1); -webkit-transform: scale(1.1,1.1); -moz-transform: scale(1.1,1.1); -ms-transform: scale(1.1,1.1); }
    .case-content li:hover .tit span,
    .case-content li:hover .tit i { color: #fff; }
     .case-content li:hover .tit{ background-color: #b71411; }
    .case-content li:hover .tit em { top: 0; }
    .case-content li:hover font { bottom: 0; }

/*产品展示页面*/
.p-list{
    margin-top: 30px;
    padding-bottom: 15px;
}
.p-list-box-p{
    height: 90px;
}
.p-list-box{
    background-color: #fff;
    float: left;    width: 285px;transform: translateY(-5px);
    box-shadow: 1px 1px 5px rgba(208,216,230,0.9);
    margin-left: 15px;text-align: center;
    margin-bottom: 15px;
    transition: all 0.3s;
}
.p-list .p-list-box:nth-of-type(3n+1){
    /*margin-left: 0;*/
}
.p-list-box-p{
    border-top: 1px solid #dddddd;
}
.plbp-left{
    float: left;
    margin-left: 28px;
}
.plbp-left span{
    color: #666666;
    display: inline-block;
    margin-top: 14px;
}
.plbp-left p{
    color: #222222;
    font-size: 14px;
    margin-top: 24px;
}
.plbp-right{
    float: right;
    margin-right: 30px;
    margin-top: 24px;
}
.plbp-right a{
    width: 120px;
    height: 30px;
    line-height: 30px;
    display: inline-block;
    text-align: center;
    color: #fff; background-color: #b71411;
    border: 1px solid #ccc;
}
.p-list-box:hover .plbp-right a{
    background-color: #333;
    color: white;
}
.p-list-box:hover{
    transform: translateY(-5px);
    box-shadow: 1px 1px 5px rgba(208,216,230,0.9);
}

.xm4 {
    width: 43.33333333%;float: left;
}
.xm8 {
    width: 56.66666667%;float: right;
}
#fh5co-content_show .product-detail {
	padding: 20px 0;
}

#fh5co-content_show .product-detail .content-img {
	overflow: hidden;
	width: 90%
}
#fh5co-content_show .product-detail .content-img img {
	width: 100%;
	overflow: hidden;
	vertical-align: middle;
}
#fh5co-content_show .product-detail h1 {
	border-bottom: 1px solid #ddd;
	color: #000;
	font-size: 24px;
	line-height: 33px;
	padding-bottom: 6px;
}
#fh5co-content_show .product-detail .p_desc {
	color: #666;
	line-height: 24px;
	padding: 20px 0 30px;
	font-size: 14px;
}
#fh5co-content_show .product-detail .kefu_bnts {
	background: #333;
	color: #FFF;
	width: 120px;
	height: 40px;
	line-height: 40px;
	text-decoration: none;
	font-size: 16px;
	display: block;
	text-align: center
}
#fh5co-content_show .product-detail .kefu_bnts:hover {
	background: #a91f1c;
}
#fh5co-content_show .product-detail .description {
	line-height: 28px;
	font-size: 14px;
	margin-bottom: 20px;
}
#fh5co-content_show .product-detail .description p {
	line-height: 28px;
}
#fh5co-content_show .product-detail .detail-title {
	border-bottom: 1px solid #999;
	position: relative;
	height: 37px;
}
#fh5co-content_show .product-detail .detail-title h2 {
	background: #fff;
	color: #999;
	cursor: pointer;
	display: inline-block;
	font-size: 16px;
	height: 36px;
	line-height: 36px;
	text-align: center;
	width: 126px;
	border-left: 1px solid #999;
	border-right: 1px solid #999;
	border-top: 1px solid #999;
	border-bottom: 1px solid #fff;
	position: absolute;
	left: 0;
	top: 1px;
}
#fh5co-content_show .product-detail table td {
	text-align: center
}
#fh5co-content_show .product-detail #quirydialog {
	display: none;
}
.p-show-detail {margin-top: 12px;}
.p-show-detail .title2{height:60px;border-bottom:3px solid #ccc;}
.p-show-detail .content{margin-top: 30px;}
.productcs-three{}
.productcs-three li{width:135px;float:left;background:url(../images/productcshover.jpg) no-repeat;color:#333;border-right:1px solid #ccc;font:bold 18px/30px "微软雅黑";height:33px;margin-top:14px;text-align:center;}
.productcs-three li:hover{background:url(../images/productcshover.jpg) no-repeat;color:#a91f1c;}
.line-big {
	margin-left: -24px;
	margin-right: -24px;
}

.bg-main {
	background: #333;
	border: 1px solid #333 !important
}
.bg-main:hover, .bg-main:focus {
	border: 1px solid #a91f1c !important;
	background: #a91f1c !important
}
.button-big {
    padding: 10px 15px;
    font-size: 18px;
    line-height: 22px;
}
.button.bg-main a{
	border-color: #eb3d00 !important;color: #fff
}
.button.bg-main:hover {
	border-color: #23201c !important;
}

.pages{ width:944px; height:30px; margin-top:50px;}
.pagesnumber{ font-size:12px; width:120px; margin-left:160px; margin-top:5px;  float:left;}
.pagesnumber span{ color:#b71411;}


.pagesmenu li{ list-style:none; float:left; padding:0 14px; font-size:12px; background:#f1f1f1; border:#d2d2d2 1px solid; height:26px; line-height:26px;}
.pagesmenu li a{ text-decoration:none; color:#333; font-size:12px;}
.pagesmenu li a:hover{color:#b71411;}

.downmenu{ width:40px; height:20px; float:left; margin-top:5px; margin-left:40px;}


div#page_turner{ width:auto; padding:4px 0px 0px 1px; color:#666 ;   }
div#page_turner a{
	float:left; display:block; width:18px; color:#666; border:1px solid #CCC;
	margin-right:4px; padding:0px; *padding:1px 0px; text-align:center; font-size:14px;}
div#page_turner a:hover{border-color:#d80000;}
div#page_turner .c{color:#d80000; border-style:none;}
div#page_turner .o{width:200px; padding:0px;}


/*页脚*/

.footer{ width:100%; background:#454545; height:58px; float:left; margin-top:25px; }
.subnav{ margin:auto; width:426px; height:20px; margin-top:20px}
.subnav li{list-style:none; float:left; padding:0 14px; border-right:1px solid #bebebe; font-size:14px; }
.subnav li a{ color:#bebebe; text-decoration:none;}
.subnav a:hover{ color:#b71411;}

/*分页*/
.table span {
	margin-right: 10px;
}
.content_detail .pager {
	font-size: 14px;
	padding: 0;
	margin-top: 20px;
}
.content_detail .pager a {
	border: none;
	color: #666;
}
.content_detail .pager a:focus, .content_detail .pager a:hover {
	color: #ad0a0a;
	background: none
}
.content_detail .pager li {
	display: block;
	text-align: left;
	line-height: 200%
}

/*版权*/
.copyright{ width:100%; background:#303030; height:36px; float:left; color:#fff; font-size:12px;}
.copyrightbox{ margin:auto; width:400px; height:20px; margin-top:8px; text-align:center;font-size:12px; }

.main_groupList {margin:25px; padding:0; font-size:14px;}
.main_groupList li { list-style:none;}
.main_groupList .tit { border-bottom:1px solid #5e99e2; margin:10px;    clear: both;}
.main_groupList .tit span { display:block; width:180px; line-height:36px; background:#5e99e2; color:#fff; text-align:center;}
.main_groupList .titen { border-bottom:1px solid #5e99e2; margin:10px;}
.main_groupList .titen span { display:block; width:250px; line-height:36px; background:#5e99e2; color:#fff; text-align:center;}
.main_groupList a { display:inline-block; float:left; line-height:20px; width:250px; padding:0px 10px;  /*white-space:nowrap;*/ overflow:hidden; text-overflow:ellipsis; }
.main_groupList a:hover { background:#f0f0f0;}
.main_groupList img { width:250px ;height:200px;}

.clul{background:#7a7b7f;margin:20px 0;}
.clul ul{ margin:0px auto;height:50px;}
.clul ul li{height:50px;line-height:48px;background:url(../images/i4.gif) repeat-y right top;width: 180px;float:left;color:#fff;}
.clul ul li a{height:50px;line-height:48px;background:url(../images/i4.gif) repeat-y right top;width: 180px;float:left;color:#fff;font-size:16px;display:block;text-align:center;}
.clul ul li a:hover{color:#fff;background:url(../images/i3_1.png) no-repeat center top;}
#bot{color:#fff;background:url(../images/i3.png) no-repeat center top;}


.a_top h2{color:#b71411;font-size:26px;margin-bottom:8px;}
.a_top p{color:#777;font-size:12px;}
.a_tags{color:#999;padding-top:4px;}
.a_tags a{color:#999;}.a_top p a.on{color:#666;}

.aUl li .a_more{background:url(../images/more2.png) no-repeat left center;height:23px;line-height:23px;padding-left:26px;color:#999;display:inline-block;}
.aUl li .a_txt{padding:10px;}
.aUl li .a_item:hover{background:#b71411;color:#fff;}
.aUl li .a_item:hover .a_name,.aUl li .a_item:hover p{color:#fff;}
.aUl li .a_item:hover .a_more{background-image: url(../images/more1.png);color:#fff;}



.a_cont{background:#efefef;border-top:1px solid #e9eaea;padding:20px 0;margin-top:8px;}
.a_dl{position: relative;}
.a_dl dt{position: relative; border-bottom:1px solid #9f9f9f;height:44px;line-height:44px;padding:0 15px;background:#ebebeb;font-weight: bold;color:#b71411;font-weight: bold;font-size:16px;margin-bottom:20px;}
.a_dl .ad_more{position: absolute;right: 12px;top:13px;color: #b71411;font-size: 14px;font-weight: normal;z-index: 10}
.a_dl .ad_more:hover{color: #f60;}
.aUl li{float:left;width:25%;margin-bottom:20px;}
.aUl li .a_item{display:block;margin:0 5px;padding:8px;background:#fff;border:1px solid #d4d4d4;box-shadow: 0px 3px 2px rgba(0,0,0,.1)}
.aUl li img{display: block;min-width: 100%;width: 100%;}
.aUl li .a_name{height:40px;color:#b71411;font-size:16px;padding-bottom:15px;}
.aUl li p{color:#707070;line-height:18px;padding-bottom:10px;height: 54px;}




.mCont{opacity: 0;visibility: hidden;z-index: -100;position: absolute;left: 0;top:0;right: 0;}
.khBox{background:#fff;padding:20px 0;text-align: center;}
.y_head{text-align: left;padding: 0 25px;line-height: 27px;margin-bottom: 20px;}
.y_head h3{font-weight: normal;color:#494949;font-size:28px;line-height:22px;}
.y_head h3 span{font-weight: bold;font-size:14px;text-transform: uppercase;color:#0a499e;}
.y_head p{line-height:22px;color:#999;padding:20px 0;}
.l_nian{padding:20px 0;color:#505050;line-height:34px;font-size:16px;}
.l_nian strong{display:inline-block;margin-right:10px;}

.yxUl{width:945px;margin:20px auto;}
.yxUl ul{margin:0 -11px;}
.yxUl li{float:left;display:inline;width:33.333%;}
.yxUl li .item{background:#fff;padding:13px;border:1px solid #eee;margin:0 11px;}
.yxUl li .item img{display:block;width: 100%;}
.yxUl li p{height:30px;}