@charset "UTF-8";
@import "kefu.css";
/**
 *
 * @authors jason (jason@0769html.com)
 * @date    2023-3-19 23:26:35
 * @version red-css3-S1
 * @for ie9+
 */
/*****************************************************************全站通用样式**********************************************************************/
* { margin: 0px; padding: 0px; font-family: "MicroSoft YaHei", "SimHei";}
li { list-style: none; }
img { border: 0; }
body{ background-color: #f5f5f5; }
.clear { clear: both; }
.page_main { margin-left: auto; margin-right: auto; width: 1200px; }
.page_full { width: 100%; }
.index_box01{ background-color: #fff; width: 100%; }
.index_box02{ background-color: #f5f5f5; width: 100%; overflow: hidden; }
a{ color: #333; text-decoration: none; }
a:hover{ color: #B20000; text-decoration: underline; }
h1,h2,h3,h4{ font-family: "MicroSoft YaHei", "SimHei"; font-weight: normal; }

/************************************************************************************页面顶部样式*****************************************************/
.header { background-color: #fff; padding-top: 10px; }
.logo { float: left; font-family: "MicroSoft YaHei", "SimHei"; color: #333333; height: 90px; max-width: 720px; }
.logo img { float: left; }
.logo .company_name { float: left; }
.logo h2 { font-size: 29px; line-height: 40px; margin-top: 12px; -webkit-font-smoothing: antialiased; font-weight: normal; }
.logo h3 { font-size: 16px; line-height: 20px; color: #999999; font-family: "Verdana"; font-weight: normal; }
.head_right { float: right; width: 350px; }
.head_right .qrcode{ position: relative; float: left; text-align: center; }
.head_right .qrcode .icon{ text-align: center; font-size: 12px; line-height: 1; color: #666; margin-top: 15px; }
.head_right .qrcode .icon i{ font-size: 36px; padding: 3px 8px 5px 8px; border: 1px solid #ebebeb; color: #666; line-height: 1; }
.head_right .qrcode .icon .title{ margin-top: 15px; }
.head_right .qrcode .list{ display: none; position: absolute; z-index: 999; background-color: #fff; padding: 5px; box-shadow: 0px 0px 10px #000; margin-top: 20px; }
.head_right .qrcode .list:before { content: ""; position: absolute; width: 0; height: 0; border: 10px solid transparent; border-bottom-color: #fff; left: 5px; margin-left: 15px; top: -20px; }
.head_right .qrcode:hover .list{ display: block; }
.head_right .qrcode .list>ul{ }
.head_right .qrcode .list>ul li{ border-top: 1px solid #ebebeb; margin-top: 10px; line-height: 20px; }
.head_right .qrcode .list>ul li:first-child{ border: 0px; margin-top: 0px; }
.head_right .qrcode .list>ul li img{ max-width: 100px; }
.head_right .telphone_number { float: right; }
.head_right .telphone_number .icon{ float: left; margin-right: 10px; }
.head_right .telphone_number .icon i{ font-size: 52px; line-height: 100px; color: #666; }
.head_right .telphone_number .txt{ float: right; }
.head_right .telphone_number h3 { font-size: 28px; color: #000; font-weight: normal; font-family: "MicroSoft YaHei", "SimHei"; font-style: italic; line-height: 30px; }
.head_right .telphone_number h4 { font-size: 14px; color: #666666; font-weight: normal; line-height: 30px; margin-top: 15px; }
/*导航条样式*/

.navbg{ background-color: #B20000; z-index: 9; position:relative; } /*因为导航条有半透明效果，所以这里要多加一个背景层*/
.nav { clear: both; background-color: #B20000; height: 70px; width: 100%;}
.nav ul { margin-left: auto; margin-right: auto; height: 70px;font-size: 14px; float: left;}
.nav ul>li {line-height: 69px; list-style: none; float: left; position: relative; -webkit-transform: perspective(1px) translateZ(10); transform: perspective(1px) translateZ(10); box-shadow: 0 0 1px transparent; -webkit-transition-duration: 0.5s; transition-duration: 0.5s; -webkit-transition-property: color, background-color; transition-property: color, background-color; }
.nav ul>li>a { padding: 0px 25px 0px 25px; color: #FFFFFF; text-decoration: none; font-size: 16px;}
.nav ul>li:hover { background-color: #000;}
.nav ul>li.curr { background-color: #2C2D3F; }

/*level2 nav*/
.nav ul>li>ul { display: none; position: absolute; margin: 0px; z-index: 10; width: 200px; height: auto; top: 70px; left: 0px; padding: 3px; line-height: 40px; background-color: #000;}
.nav ul>li>ul>li { float: none; clear: both; position: relative; line-height: 40px; height: 40px; border-top: 1px solid #1f1f1f; }
.nav ul>li>ul>li:first-child { border: 0px; }
.nav ul>li>ul>li:hover { background-color: #2C2D3F; }
.nav ul>li:hover>ul { display: block; }
.nav ul>li>ul>li>a{ font-weight: normal; }

/*level3 nav*/
.nav ul li ul li ul { display: none; position: absolute; margin: 0px; z-index: 10; width: 200px; height: auto; top: -3px; left: 100%; padding: 3px; line-height: 40px; background-color: #360069;  }
.nav ul li ul li ul li { float: none; clear: both; position: relative; line-height: 40px; height: 40px; border-top: 1px solid #1f1f1f; }
.nav ul li ul li ul li:first-child { border: 0px; }
.nav ul li ul li ul li:hover { background-color: #B20000; }
/*nav search*/
.nav .search_ico{float: right;position: relative;background-color: #2C2D3F; height: 70px;transition-duration: 0.5s; -webkit-transition-property: color, background-color; transition-property: color, background-color;}
.nav .search_ico:hover{background-color: #000;}
.nav .search_ico i{height: 70px;line-height: 70px;overflow: hidden;color: #ddd;font-size: 30px;font-weight: 50;padding: 0px 30px;}
.nav .search_ico:hover i{color:#fff ;}
.nav .search_ico .searchbar{ height: 60px;width: 320px;position: absolute;display: none;background-color: #000;right: 0px;padding: 20px;}
.nav .search_ico:hover .searchbar{display: block;}
.nav .searchbar form{ margin-top: 14px; padding: 0px; font-size: 0; }
.nav .searchbar .keyword{ float: left; width: 250px; margin: 0px; padding: 0px 6px 0px 12px; border: 0; height: 40px; line-height: 40px;font-size: 16px; outline:none; overflow: hidden; border-radius:4px 0 0 4px; }
.nav .searchbar .button{ float: left; margin: 0px; border: 0; padding: 0px 10px 0px 10px; line-height: 40px; font-size: 16px; line-height: 40px; background-color: #B20000; min-width: 40px; color: #fff; border-radius:0 4px 4px 0; background-image: url(../images/search_ico.png); background-position: center; background-repeat: no-repeat; }
.smallbanner{ background-repeat: no-repeat; background-position:center 0; width: auto; height: 300px; background-color: #ebebeb; background-size:cover; }
/*Banner*/
.banner { position: relative; }

/* index_adnumber */
.index_adnumber{background-color: #fff;padding: 40px 0px;}
.index_adnumber ul{}
.index_adnumber ul li{float: left;width: 25%;box-sizing: border-box;text-align: center;border-left: 1px solid #eee;}
.index_adnumber ul li:first-child{border-left: 0px;}
.index_adnumber ul li .icon{color: #B20000;font-size: 50px;padding: 20px 0px;}
.index_adnumber ul li .number{color: #B20000;font-size: 50px;line-height: 50px;}
.index_adnumber ul li .number em{font-style: normal;color: #666;font-size: 30px;vertical-align: 10%;}
.index_adnumber ul li .text{font-size: 20px;line-height: 50px;}

/*home title*/
.htitle_01{ text-align: center; padding-bottom: 30px; }
.htitle_01 .btitle{ font-size: 36px; font-weight: bold; margin-bottom: 15px; }
.htitle_01 .btitle em{ color: #B20000; font-style: normal; }
.htitle_01 .stitle{ font-size: 20px; color: #666; background-color: #fff; border: 1px solid #ddd; padding: 10px 20px; display: inline-block; position: relative; }
.htitle_01 .line{ height: 1px; background-color: #ddd; overflow: hidden; margin-top: -25px; }
.htitle_02{ text-align: center; padding-bottom: 30px; }
.htitle_02 .btitle{ font-size: 36px; font-weight: bold; margin-bottom: 15px;color: #fff; }
.htitle_02 .btitle em{ color: #fff; font-style: normal; }
.htitle_02 .stitle{ font-size: 20px; color: #fff; background-color: #EB540D; padding: 10px 20px; display: inline-block; position: relative; }
.htitle_02 .line{ height: 1px; background-color: #ddd; overflow: hidden; margin-top: -25px; }
/*huxi bnt*/
.huxibtn {position: relative;width: 80px;height: 80px;border-radius: 50%;background:#B20000;margin-left: auto;margin-right: auto;text-align: center;font-size: 50px;color: #fff;}
.huxibtn::before {
	content: '';
	position: absolute;
	top: -25%;
	left: -25%;
	transform: translate(-50%, -50%);
	width: 120px;
	height: 120px;
	background: #B20000;
	border-radius: 50%;
	opacity: 0;
	animation: danyang 1.6s ease-out 1.5s infinite normal;
  }
@keyframes danyang {
    0%   { opacity: 0.6;-webkit-transform: scale(1); }
    25%   {opacity: 0.3;-webkit-transform: scale(1.1); }
    50%   {opacity: 0.1;-webkit-transform: scale(1.1); }
    75%   {opacity: 0;-webkit-transform: scale(1.1); }
    90%   {opacity: 0;-webkit-transform: scale(1.1); }
    100% { opacity: 0;-webkit-transform: scale(1.1);}
}
.huxibtn::after{
	content: '+';
	position: absolute;
	top:0;
	left:0;
	width: 80px;
	height: 80px;
	line-height: 80px;
	text-align: center;
}
/*bmore bnt*/
.bmore_bnt{
	text-align: center;
	color: #fff;
	display: inline-block;
	background-color: #B20000;
	font-size: 20px;
	line-height: 30px;
	padding: 10px 30px;
	border-radius: 25px;
	-webkit-transition-duration: 0.5s;
	transition-duration: 0.5s;
	-webkit-transition-property: color, background-color,padding;
	transition-property: color, background-color,padding;
}
.bmore_bnt:hover{color: #fff;background-color: #B20000; text-decoration: none;padding: 10px 80px;}
/*bmore bnt*/
.bmore_bnt2{
	text-align: center;
	color: #333;
	display: inline-block;
	background-color: #fff;
	font-size: 20px;
	line-height: 28px;
	padding: 10px 30px;
	border: 2px solid #ccc;
	border-radius: 25px;
	-webkit-transition-duration: 0.5s;
	transition-duration: 0.5s;
	-webkit-transition-property: color, background-color,padding;
	transition-property: color, background-color,padding;
}
.bmore_bnt2:hover{color: #fff;text-decoration: none;background-color: #B20000;border: 2px solid #B20000;}
/********************************************************************************首页style*************************************************************/
/*首页滚动图片列表01*/
.index_imglist_gd01{}
.index_imglist_gd01 .list{ margin-top: 30px; position: relative; }
.index_imglist_gd01 .list #prev{ left: -40px; }
.index_imglist_gd01 .list #next{ right: -40px; }
.index_imglist_gd01 .list ul{}
.index_imglist_gd01 .list li{ padding: 6px; float: left;}
.index_imglist_gd01 .list li img{ box-shadow: 0px 0px 10px #ccc; background-color: #fff; padding: 5px; width: 280px;height: 210px;}
.index_imglist_gd01 .list li img:hover{ box-shadow: 0px 0px 10px #aaa; }
.index_imglist_gd01 .bx-wrapper { position: relative; margin-bottom: 60px; padding: 0; *zoom: 1; -ms-touch-action: pan-y; touch-action: pan-y; }
.index_imglist_gd01 .bx-wrapper img { max-width: 100%; display: block; }
.index_imglist_gd01 .bxslider { margin: 0; padding: 0; }
.index_imglist_gd01 .bx-wrapper .bx-pager,
.index_imglist_gd01 .bx-wrapper .bx-controls-auto { position: absolute; bottom: -30px; width: 100%; }
.index_imglist_gd01 .bx-wrapper .bx-prev { left: -32px; background-color: #333; }
.index_imglist_gd01 .bx-wrapper .bx-prev:hover{ background-color: #B20000; }
.index_imglist_gd01 .bx-wrapper .bx-next { right: -32px; background-color: #333; }
.index_imglist_gd01 .bx-wrapper .bx-next:hover{ background-color: #B20000; }
.index_imglist_gd01 .bx-wrapper .bx-controls-direction a { position: absolute; top: 35%; margin-top: -16px; outline: 0; width: 32px; height: 64px; text-indent: -9999px; z-index: 9; }
.index_imglist_gd01 .bx-wrapper .bx-controls-direction a.disabled { display: none; }
.index_imglist_gd01 .bnt{ font-size: 80px; position: absolute; z-index: 99; top: 60px; width: 30px; }
.index_imglist_gd01 .bnt a{ color: #999; }
.index_imglist_gd01 .bnt a:hover{ color: #B20000; }

/* problem */
.problem{ padding-bottom:60px;}
.problem_box{ width:1300px; margin:0 auto; font-family: "MicroSoft YaHei", "SimHei";text-align: center;padding-top: 50px; }
.problem_box>div>p{font-size: 30px;line-height: 50px;}
.problem_box>div>span{font-size: 20px;}
.problem_con{ background-color: #2C2D3F; width:300px; height:56px; margin:0 auto; text-align:center; color:#fff; margin-top:84px; font-size:24px; line-height:56px;border-radius:50px;transition:all 0.4s;}
.problem_con:hover{ background-color: #B20000;}

.problem_content { width:223px; height:223px; border:1px solid #ddd; border-radius:50%; position:relative; text-align:center;  float:left;margin-right: 34px;}
.problem_content:hover{ cursor:pointer;margin-top: -36px;transition:all 0.4s;}
/*.problem_content:nth-child(5){ margin-right:0;}*/
.problem_content dd strong{ font-size:22px; color:#222; margin-top:43px; display:block;}
.problem_content dd div{ font-size:16px; color:#666; line-height:29px; margin-top:18px;}
.problem_content dt { position:absolute; bottom:-21px; left:90px;}
.problem_content dt i{background-color: #2C2D3F;color: #fff;font-size: 32px;padding: 10px;border-radius:50px;}
.problem_content:hover i{background-color: #B20000;}

/*首页优势图标列表01*/
.index_icon_list01{ margin: 50px 0px; }
.index_icon_list01 .title01{ color: #B20000; text-align: center; font-size: 30px; font-family: "MicroSoft YaHei", "SimHei"; line-height: 40px; margin-top: 40px; }
.index_icon_list01 .title02{ color: #666; text-align: center; font-size: 18px; font-family: "MicroSoft YaHei", "SimHei"; line-height: 30px; }
.index_icon_list01 .title02>i{ font-size: 24px; }
.index_icon_list01 .line01{ margin-top: 10px; width: 500px; background-color: #ccc; height: 3px; overflow: hidden; margin-left: auto; margin-right: auto; }
.index_icon_list01 .line02{ width: 120px; height: 3px; background-color: #B20000; overflow: hidden; margin-left: auto; margin-right: auto; }

.index_icon_list01 .list{ margin-top: 40px; }
.index_icon_list01 .list>ul{ margin-left: -85px; }
.index_icon_list01 .list>ul>li{ width: 250px; height: 360px; background-color: #fff; display: inline-block; margin-left: 55px; text-align: center; border-radius:8px; border: 5px solid #2C2D3F; box-shadow: 0px 0px 20px #999;-webkit-transition-duration: 0.5s; transition-duration: 0.3s; -webkit-transition-property: color, background-color,border; transition-property: color, background-color,border;  }
.index_icon_list01 .list>ul>li:hover{ border: 5px solid #B20000; }
.index_icon_list01 .list>ul>li>.icon{ width: 100px; height: 100px; padding: 20px; font-size: 90px; border-radius:100px; background-color: #2C2D3F; margin: 20px auto; color: #fff; }
.index_icon_list01 .list>ul>li:hover>.icon{ background-color: #B20000; color: #fff;animation: rotate 0.9s linear 1; }
.index_icon_list01 .list>ul>li>.title{ font-size: 26px; font-family: "MicroSoft YaHei", "SimHei"; line-height: 36px; color: #000; }
.index_icon_list01 .list>ul>li>.con{ font-size: 14px; color: #2C2D3F; line-height: 1.6; padding: 10px 12px 0px 12px; min-height: 140px; }

@keyframes rotate {
    0%{-webkit-transform:rotate(0deg);}
    25%{-webkit-transform:rotate(90deg);}
    50%{-webkit-transform:rotate(180deg);}
    75%{-webkit-transform:rotate(270deg);}
    100%{-webkit-transform:rotate(360deg);}
}

/*首页产品展示01*/
.index_prodlist01{ margin-top: 30px;display:flex;padding-bottom: 30px;}
.index_prodlist01 .category{ float: left; width: 220px; background-color: #fff; }
.index_prodlist01 .category .title{ height: 90px; overflow: hidden; padding: 10px; background-color: #B20000; color: white; font-family: "MicroSoft YaHei", "SimHei"; }
.index_prodlist01 .category .title dt{ font-size: 60px; line-height: 90px; float: left; width: 42px; }
.index_prodlist01 .category .title dd.t01{ font-size: 24px; line-height: 35px; padding-top: 20px; }
.index_prodlist01 .category .title dd.t02{ font-size: 14px; line-height: 15px; }
.index_prodlist01 .category .content{ min-height: 496px; }
.index_prodlist01 .category .content>ul{ padding: 10px; }
.index_prodlist01 .category .content>ul>li{ background-color: #2C2D3F; margin-top: 6px; padding: 5px 5px 5px 10px; position: relative; }
.index_prodlist01 .category .content>ul>li:hover{ background-color: #B20000; }
.index_prodlist01 .category .content>ul>li>a{ font-size: 14px; line-height: 20px; color: white; text-decoration: none; }
.index_prodlist01 .category .content>ul>li>ul{ display: none; position: absolute; background-color: #B20000; top: 0; left: 100%; min-width: 200px; }
.index_prodlist01 .category .content>ul>li:hover>ul{ display: block; }
.index_prodlist01 .category .content>ul>li>ul>li{ padding: 5px; padding-left: 12px; }
.index_prodlist01 .category .content>ul>li>ul>li>a{ font-size: 14px; line-height: 20px; color: white; text-decoration: none; }
.index_prodlist01 .list { float: right; width: auto; flex:1;margin-left: 20px;}
.index_prodlist01 .list .title { background-color: #fff; }
.index_prodlist01 .list .title .bigtitle{ font-size: 20px; font-family: "MicroSoft YaHei", "SimHei"; color: #fff; background-color: #B20000; line-height: 50px; display: inline-block; padding: 0px 20px; }
.index_prodlist01 .list .title .more{ float: right; }
.index_prodlist01 .list .title .more a{ color: #fff; font-size: 12px; display: inline-block; padding: 5px 10px; background-color: #2C2D3F; margin: 12px 10px 0px 0px; text-decoration: none; font-family: 'Arial'; }
.index_prodlist01 .list .title .more a:hover{ background-color: #B20000; }
.index_prodlist01 .prodlist { }
.index_prodlist01 .prodlist ul{ margin-left: -33px; }
.index_prodlist01 .prodlist li{ width: 200px; background-color: #fff; padding: 6px; float: left; margin-left: 33px; margin-top: 30px; }
.index_prodlist01 .prodlist li:hover{ box-shadow: 0px 0px 10px #ccc; }
.index_prodlist01 .prodlist li img{ width: 200px; height: 150px; }
.index_prodlist01 .prodlist li .title{ font-size: 14px; line-height: 36px; height: 36px; overflow: hidden; text-align: center; }
/*  */
.index_prodlist02{background-image:url(../images/indexprod02_bg.png);background-position: center top;padding: 70px 0px;}
.index_prodlist02 .boxw{background-color: #fff;box-shadow: 0px 0px 20px #bbb;min-height: 500px;}
.index_prodlist02 .btitle{font-size: 40px;text-align: center;padding-top: 50px;}
.index_prodlist02 .stitle{text-align: center;color: #666;font-size: 16px;line-height: 30px;}
.index_prodlist02 .stitle span{padding: 0px 10px;}
.index_prodlist02 .stitle i{color: #B20000;margin-right: 8px;}
.index_prodlist02 .catelist{}
.index_prodlist02 .catelist .cate{text-align: center;margin-top: 30px;}
.index_prodlist02 .catelist .cate li{display: inline-block;background-color: #B20000;color: #fff;padding: 10px 35px;border-radius: 20px;margin: 0px 10px;}
.index_prodlist02 .catelist .cate li a{font-size: 20px;color: #fff;}
.index_prodlist02 .catelist .cate li a:hover{text-decoration: none;}
.index_prodlist02 .catelist .cate li:hover{background-color: #EB540D;}
.index_prodlist02 .catelist .cate li.active{background-color: #EB540D;}
.index_prodlist02 .prodcon{box-sizing: border-box;padding: 20px;margin-top: 30px;}
.index_prodlist02 .prodcon .cateinfo{}
.index_prodlist02 .prodcon .cateinfo .images{float: left;width: 40%;height: 425px;overflow: hidden;background-color: #ccc;}
.index_prodlist02 .prodcon .cateinfo .info{float: right;width: 60%;height: 425px;overflow: hidden;background-color: #EBE8F0;box-sizing: border-box;padding: 20px;}
.index_prodlist02 .prodcon .cateinfo .title{font-size: 30px;}
.index_prodlist02 .prodcon .cateinfo .title_line{width: 150px; height: 3px;background-color: #B20000;overflow: hidden;}
.index_prodlist02 .prodcon .cateinfo .descr{padding: 20px 0px;font-size: 16px;line-height: 1.5;color: #333;}
.index_prodlist02 .prodcon .cateinfo .tools{}
.index_prodlist02 .prodcon .cateinfo .tools li{float: left; width: 50%;box-sizing: border-box;padding: 15px 0px;text-align: center;color: #fff;font-size: 18px;}
.index_prodlist02 .prodcon .cateinfo .tools li a{color: #fff;}
.index_prodlist02 .prodcon .cateinfo .tools li i{margin: 0px 5px;transition: all 0.5s;}
.index_prodlist02 .prodcon .cateinfo .tools li:hover i{margin: 0px 15px;}
.index_prodlist02 .prodcon .cateinfo .tools li a:hover{text-decoration: none;}
.index_prodlist02 .prodcon .cateinfo .tools li.left{background-color: #B20000;}
.index_prodlist02 .prodcon .cateinfo .tools li.right{background-color: #EB540D;}
.index_prodlist02 .prodcon .plist{position: relative;margin-top: 30px; min-height: 320px; }
.index_prodlist02 .prodcon .plist ul{overflow:hidden; zoom:1;}
.index_prodlist02 .prodcon .plist li {float:left; display:inline; overflow:hidden; text-align:center;padding: 25px;}
.index_prodlist02 .prodcon .plist li img{width: 280px;height: 210px;display:block;background-color: #fff;padding: 4px;border: 1px solid #eee;}
.index_prodlist02 .prodcon .plist li .pic{}
.index_prodlist02 .prodcon .plist li .title{font-size: 16px;line-height: 40px;}
.index_prodlist02 .prodcon .plist .pbnt{position: absolute;top:100px;width: 100%;}
.index_prodlist02 .prodcon .plist .pbnt .bnt{width: 60px;height: 60px;background-color: #B20000;color: #fff;line-height: 60px;text-align: center;cursor:pointer;border-radius: 30px;}
.index_prodlist02 .prodcon .plist .pbnt .bnt:hover{background-color: #EB540D;}
.index_prodlist02 .prodcon .plist .pbnt .bnt i{line-height: 60px;font-size: 30px;}
.index_prodlist02 .prodcon .plist .pbnt .bprev{float: left;margin-left: -10px;}
.index_prodlist02 .prodcon .plist .pbnt .bnext{float: right;margin-right: -10px;}

/*应用场景*/
.hz_bj{ overflow: hidden;padding: 20px 0px 0px 0px;background-image:url(../images/yycj_bg.jpg);background-position: center top;background-repeat: no-repeat;}
.hz{ box-sizing: border-box; overflow: hidden;}
.hztit{ overflow:hidden; font-size:18px; text-align:center;width:362px; float: left;  }
.hztit li{ background:#2C2D3F;border-bottom:1px solid #000; border-right:1px solid #000; width:180px; text-align: center; height: 180px;box-sizing: border-box; float: left; position: relative; color: #222; font-weight: normal;font-style: normal;}
.hztit li:nth-child(2n){border-right: 0;}
.hztit li:nth-child(7),.hztit li:nth-child(8){border-bottom: 0;}
.hztit li i{width: 51px; height: 51px;overflow: hidden;  margin:45px auto 15px; display: block;overflow: hidden; position: relative;}
.hztit li i img{position: absolute;top:0;left:0;}
.hztit li em{ display: block;font-size:18px; padding:0 8%; color: #fff; font-weight: bold; text-align: center;position: relative;  font-weight: normal;font-style: normal;}
.hztit li a{ color:#222;text-decoration: none; }
.hztit .cur,.hztit li:hover{ background:#B20000; color:#fff;}
.hztit .cur a,.hztit li:hover a{color:#fff;}
.hztit .cur em,.hztit li:hover em{ color: #fff; }
.hztit .cur i img,.hztit li:hover i img{}

.hz_nr {width:834px; height:538px;float: right;}
.hz_nr  dl{width:838px; height:539px;overflow: hidden;box-sizing: border-box; position: relative; }
.hz_nr  dl dt{width: 838px;height:538px; overflow: hidden; display: block; float: left;}
.hz_nr  dl dt img{width: 834px;height:538px; display: block;-webkit-transition: 1s;-moz-transition: 1s;transition: 1s;}
.hz_nr  dl dt img:hover{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1);}
.hz_nr  dl dd{height: 150px;box-sizing: border-box;  position: absolute;  bottom:0; left:0px; }
.hz_nr  dl dd .desc{background:rgba(0, 0, 0, 0.7);width: 834px; padding:25px 40px 0 45px; box-sizing: border-box;height:150px;}
.hz_nr  dl dd h3{font-weight: normal;text-align: left; font-size: 24px; color: #fff; line-height: 33px; white-space: nowrap;overflow: hidden;text-overflow: ellipsis; position: relative;margin-bottom:10px; font-weight: bold;}
.hz_nr  dl dd h3 em{display: block; font-size: 22px; color: #fff; font-weight: normal;}
.hz_nr  dl dd p{line-height:28px;overflow: hidden; font-size:16px;color: #fff;  text-align: justify;  }
.hz_nr  dl dd span a{  display: block; width: 150px; height:45px;border:1px solid #eb3c00; color: #eb3c00;border-radius: 30px; text-align: center; line-height: 45px; box-sizing: border-box;  float: right; margin-top:126px;margin-right:38px; font-size: 18px; }

/* index_kehu */
.index_kehu{height: 758px; padding: 70px 0px;box-sizing: border-box;background-image:url(../images/kehu_bg.png);background-position: center top;background-repeat: no-repeat;}
.index_kehu .kehu{text-align: center;margin-top: 50px;}
.index_kehu .kehu img{max-width: 100%;}
/* realvideo */
.realvideo{background-color: #fff;padding: 50px 0px;}
.realvideo .bigvideo{float: left;width: 40%;height: 400px;}
.realvideo .bigvideo .images{padding: 10px;overflow: hidden;}
.realvideo .bigvideo img{max-width: 100%;max-height: 100%;}
.realvideo .videolist{float: right;width: 60%;}
.realvideo .videolist .title{background-image:url(../images/realvideo_bg.png);background-position: right top;background-repeat: no-repeat;}
.realvideo .videolist .title01{font-size: 32px;font-weight: bold;padding-left: 10px;}
.realvideo .videolist .title01 em{color: #B20000;font-style: normal;}
.realvideo .videolist .title02{font-size: 20px;margin-top: 20px;line-height: 30px;padding-left: 10px;}
.realvideo .videolist .title02 .bnt{margin-top: 20px;}
.realvideo .videolist .title02 span{background-color: #B20000;color: #fff;font-size: 14px;display: inline-block;padding: 10px 20px;}
.realvideo .videolist .title02 span a{color: #fff;}
.realvideo .videolist .list{}
.realvideo .videolist .list ul{margin-top: 20px;}
.realvideo .videolist .list ul li{float: left; width: 33%;box-sizing: border-box;padding: 10px;}
.realvideo .videolist .list ul li:last-child{}
.realvideo .videolist .list ul li img{max-width: 100%;}
/* index_service */
.index_service{}
.index_service .service_items{padding: 0px;margin: 0px;}
.index_service .service_items>li{width: 25%;height: 420px; float: left;}
.index_service .service_items>li .box{color: #fff;}
.index_service .service_items>li .box img{max-width: 100%;}
.index_service .service_items>li .box .text1{background-color: #EB540D;padding: 15px 25px;height: 210px;overflow: hidden;box-sizing: border-box;}
.index_service .service_items>li .box .text1 .num{font-size: 52px;font-weight: bold;line-height: 90px;}
.index_service .service_items>li .box .text1 .t1{font-size: 30px;line-height: 30px;}
.index_service .service_items>li .box .text1 .t2{font-size: 22px;font-weight: normal;line-height: 60px;}
.index_service .service_items>li .box .text2{background-color:#B20000;padding: 15px 25px;height: 210px;overflow: hidden;box-sizing: border-box;}
.index_service .service_items>li .box .text2 .num{font-size: 52px;font-weight: bold;line-height: 60px;line-height: 90px;}
.index_service .service_items>li .box .text2 .t1{font-size: 30px;line-height: 30px;}
.index_service .service_items>li .box .text2 .t2{font-size: 22px;font-weight: normal;line-height: 60px;}
/*首页证书01*/
.index_cers_01{background:url(../images/cers.jpg) no-repeat center top; height: 700px;background-color: #fff;padding-top: 50px;}
/*首页关于我们*/
.index_about_01{background-color: #fff;padding: 40px 0px 10px 0px;}
.index_about_01 .about_txt{width: 60%;float: left;}
.index_about_01 .about_txt .title{position: relative;height: 200px;overflow: hidden;}
.index_about_01 .about_txt .title::before{
	content: '';
	border: 5px solid #B20000;
	width: 90px;
	height: 170px;
	top:0px;
	left: 0px;
	display: block;
}
.index_about_01 .about_txt .title::after{
	content: '';
	margin: 50px;
	display: block;
	position: relative;
}
.index_about_01 .about_txt .title p{
	display: block;
	background-color: #fff;
	color: #B20000;
	font-size: 48px;
	font-weight: bold;
	line-height: 60px;
	padding: 0px;
	margin: -140px 0px 0px 30px;
}
.index_about_01 .about_txt .title span{
	background-color: #fff;
	color: #666;
	font-size: 28px;
	line-height: 38px;
	padding: 0px;
	margin: 0px 0px 0px 30px;
}
.index_about_01 .about_txt .con{padding-right: 20px;font-size: 18px;color: #333;line-height: 1.5;height: 160px;overflow: hidden;}
.index_about_01 .about_txt .bnt{margin-top: 20px;}
.index_about_01 .about_img{float: right;width: 40%;}
.index_about_01 .about_img img{width: 100%;max-height: 420px;}
/*新闻列表01*/
.index_news_01{}
.index_news_01 .news_cate{text-align: center;}
.index_news_01 .news_cate>ul{margin: 40px auto 20px auto;}
.index_news_01 .news_cate>ul::after{clear: both;}
.index_news_01 .news_cate>ul>li{
	display: inline-block;
	background-color: #fff;
	border-radius: 25px;
	margin-left: 30px;
	transition:0.3s all ease;
}
.index_news_01 .news_cate>ul>li>a{display: inline-block;line-height: 30px;font-size: 20px;padding: 10px 30px;}
.index_news_01 .news_cate>ul>li>a:hover{text-decoration: none;}
.index_news_01 .news_cate>ul>li:hover{background-color: #B20000;}
.index_news_01 .news_cate>ul>li:hover a{color: #fff;}
.index_news_01 .news_cate>ul>li.active{background-color: #B20000;}
.index_news_01 .news_cate>ul>li.active a{color: #fff;}
.index_news_01 .news_con{padding-top: 20px;}
.index_news_01 .news_list{background-color: #fff;box-sizing: border-box;}
.index_news_01 .news_list .tupian_news{width: 34%;height: 420px;border-right: 1px solid #efefef;box-sizing: border-box;padding: 22px;float: left;}
.index_news_01 .news_list .tupian_news img{width: 360px;height: 270px;}
.index_news_01 .news_list .tupian_news .title{font-size: 20px; color:#333;line-height: 40px;}
.index_news_01 .news_list .tupian_news .title a{color:#333;}
.index_news_01 .news_list .tupian_news .title a:hover{text-decoration: none;color: #B20000;}
.index_news_01 .news_list .tupian_news .descript {color: #999;font-size: 14px;}
.index_news_01 .news_list .tupian_news .descript a{color: #999;}
.index_news_01 .news_list .tupian_news .info{margin-top: 10px;}
.index_news_01 .news_list .tupian_news .info .date{font-size: 12px; color: #999;float: right;background-color: #efefef;display: inline-block;padding: 5px 10px;border-radius: 4px;}
.index_news_01 .news_list .news_item{float: right;width: 66%;height: 420px;box-sizing: border-box;}
.index_news_01 .news_list .news_item li{width: 50%;box-sizing: border-box;height: 140px;float: left;padding: 22px;border-bottom: 1px solid #efefef;transition:0.3s all ease;}
.index_news_01 .news_list .news_item li:nth-child(odd){border-right: 1px solid #efefef;}
.index_news_01 .news_list .news_item li:nth-child(even){}
.index_news_01 .news_list .news_item li:nth-child(5){border-bottom: 0px}
.index_news_01 .news_list .news_item li:nth-child(6){border-bottom: 0px}
.index_news_01 .news_list .news_item li .date{width: 20%;text-align: center;padding-top: 10px;float: left;}
.index_news_01 .news_list .news_item li .date .day{font-size: 38px;color: #333;}
.index_news_01 .news_list .news_item li .date .ym{font-size: 14px;color: #999;}
.index_news_01 .news_list .news_item li .con{width: 80%;box-sizing: border-box;float: left;padding-top: 5px;padding-left: 10px;}
.index_news_01 .news_list .news_item li .con .title{font-size: 20px; color:#333;line-height: 40px;}
.index_news_01 .news_list .news_item li .con .title a{color: #333;}
.index_news_01 .news_list .news_item li .con .title a:hover{text-decoration: none;}
.index_news_01 .news_list .news_item li .con .descript{color: #999;font-size: 14px;}
.index_news_01 .news_list .news_item li:hover {background-color: #B20000;color: #fff;}
.index_news_01 .news_list .news_item li:hover .date .day{color: #fff;}
.index_news_01 .news_list .news_item li:hover .date .ym{color: #fff;}
.index_news_01 .news_list .news_item li:hover .con .title{color:#fff;}
.index_news_01 .news_list .news_item li:hover .con .title a{color:#fff;}
.index_news_01 .news_list .news_item li:hover .con .descript{color: #fff;}
/*links style*/
.links .title01 { font-size: 24px; text-align: left; color: #B20000; line-height: 32px; height: 32px; font-family: "MicroSoft YaHei", "SimHei"; overflow: hidden; }
.links .title01 span{ font-size: 14px; color: #999; }
.links .line { border-bottom: 2px solid #B20000; }
.links .links_list { margin-top: 10px; background-color: #fff; margin-bottom: 20px; }
.links .links_list ul { padding: 12px; min-height: 28px; }
.links .links_list ul li { float: left; margin-right: 20px; margin-left: 20; }
.links .links_list ul li a { font-size: 14px; color: #999; line-height: 28px; text-decoration: underline; }
.links .links_list ul li a:hover { color: #B20000; }
/*footer*/
.footer { background-color:#2C2D3F;padding: 30px 0px; color: #fff; line-height: 1.6; margin-top: 40px;}
.footer a { color: #fff; }
.footer .footnav{}
.footer .footnav ul{height: 150px;}
.footer .footnav ul>li{float: left;text-align: left;}
.footer .footnav ul>li.navlinks{width: 250px;padding-left: 30px;border-left: 1px solid #3f4158;}
.footer .footnav ul>li.navlinks2{border-right: 1px solid #3f4158;padding-left: 60px;width: 190px;}
.footer .footnav ul>li.navlinks ul{padding-top: 10px;}
.footer .footnav ul>li.navlinks .title{font-size: 26px;}
.footer .footnav ul>li.navlinks li{float: left;width: 50%;font-size: 16px;line-height: 30px;}
.footer .footnav ul>li.navlinks li.s2{float: none;}
.footer .footnav ul>li.contact{padding-left: 30px;width: 500px;}
.footer .footnav ul>li.contact .title{font-size: 26px;}
.footer .footnav ul>li.contact .tel{border-top: 1px solid #eee;border-bottom: 1px solid #eee;margin: 15px 0px;padding: 15px 0px;color: #ddd;}
.footer .footnav ul>li.contact .tel .tt{color: #fff;}
.footer .footnav ul>li.contact .tel span{color:#fff;font-size: 22px;padding: 0px 30px;}
.footer .footnav ul>li.contact .tel span:first-child{padding-left: 0px;}
.footer .footnav ul>li.contact i{margin-right: 12px;}
.footer .footnav ul>li.qrcode{float: right;}
.footer .footnav ul>li.qrcode ul{}
.footer .footnav ul>li.qrcode ul li{text-align: center;}
.footer .footnav ul>li.qrcode ul li:nth-child(1){margin-right: 40px;}
.footer .footinfo{border-top: 1px solid #ccc;margin-top: 40px;padding-top: 20px;position: relative;}
.footer .footinfo .gotop{position: absolute;right: 0px;top: 0px;font-size: 32px;cursor: pointer;}
.footer .footinfo .gotop:hover{color:#B20000;}
.footer .footinfo .gotop span{}
.footer .footinfo .gotop i{margin-left: 10px;}
/*********************************************************************************page style1****************************************************/
.page_style01{ }
.page_style01 .page_info{ line-height: 80px; }
.page_style01 .catpos{ font-size: 12px; float: right; }
.page_style01 .catname{ float: left; }
.page_style01 .catname h1{ font-size: 24px; }
.page_style01 .catname i{ margin-right: 10px; }
.page_style01 .catnav{ padding: 10px; background-color: #fff; margin-bottom: 40px; }
.page_style01 .catnav .catlevel1{ }
.page_style01 .catnav .catlevel1 ul{ margin-left: -30px; }
.page_style01 .catnav .catlevel1 ul>li{ float: left; margin-left: 30px; font-size: 16px; background-color: #f5f5f5; padding: 5px 10px 5px 10px; border-radius: 3px; }
.page_style01 .catnav .catlevel1 ul>li>a{ text-decoration: none; }
.page_style01 .catnav .catlevel1 ul>li:hover{ background-color: #B20000; }
.page_style01 .catnav .catlevel1 ul>li:hover a{ color: #fff; }
.page_style01 .catnav .catlevel2{ clear: both; border-top: 1px solid #f5f5f5; margin-top: 10px; padding-top: 10px; }
.page_style01 .catnav .catlevel2 ul{ margin-left: -30px; }
.page_style01 .catnav .catlevel2 ul>li{ float: left; margin-left: 30px; font-size: 12px; background-color: #f5f5f5; padding: 5px 10px 5px 10px; border-radius: 3px; }
.page_style01 .catnav .catlevel2 ul>li>a{ text-decoration: none; }
.page_style01 .catnav .catlevel2 ul>li:hover{ background-color: #B20000; }
.page_style01 .catnav .catlevel2 ul>li:hover a{ color: #fff; }
.page_style01 .catnav .catlevel1 li.curr{ background-color: #B20000; }
.page_style01 .catnav .catlevel1 li.curr a{ color: #fff; }
.page_style01 .catnav .catlevel2 li.curr{ background-color: #B20000; }
.page_style01 .catnav .catlevel2 li.curr a{ color: #fff; }
/**  **/
.page_style01 .page_sidebar { width: 250px; float: left; }
.page_style01 .page_sidebar .title{ }
.page_style01 .page_sidebar .side_cat { background-color: #fff;}
.page_style01 .page_sidebar .side_cat .title { font-size: 18px; color: #fff;  padding: 12px 12px; font-family: "MicroSoft YaHei", "SimHei"; background-color: #B20000;}
.page_style01 .page_sidebar .side_cat i{ margin-right: 10px; }
.page_style01 .page_sidebar .side_cat .catelist{ padding: 12px; }
.page_style01 .page_sidebar .side_cat .catelist li{ margin-top: 10px; }
.page_style01 .page_sidebar .side_contact { background-color: #fff; margin-top: 30px; }
.page_style01 .page_sidebar .side_contact .title {  font-size: 18px; color: #fff;  padding: 12px; font-family: "MicroSoft YaHei", "SimHei"; background-color: #B20000;}
.page_style01 .page_sidebar .side_contact i{ margin-right: 10px; }
.page_style01 .page_sidebar .side_contact .content{ padding: 12px; font-size: 14px; line-height: 1.5; }
.page_style01 .page_sidebar .side_contact .content h5{ font-size: 16px; line-height: 40px; }
.page_style01 .page_sidebar .side_hot{ background-color: #fff;  margin-top: 30px; }
.page_style01 .page_sidebar .side_hot .title { font-size: 18px; color: #fff;  padding: 12px; font-family: "MicroSoft YaHei", "SimHei"; background-color: #B20000;}
.page_style01 .page_sidebar .side_hot i{ margin-right: 10px; }
.page_style01 .page_sidebar .side_hot .content{ padding: 12px; }
.page_style01 .page_sidebar .side_hot .content ul{ }
.page_style01 .page_sidebar .side_hot .content ul li{ clear: both; margin-top: 10px; }
.page_style01 .page_sidebar .side_hot .content ul li:hover{}
.page_style01 .page_sidebar .side_hot .content ul li .thumb{ float: left; width: 80px; }
.page_style01 .page_sidebar .side_hot .content ul li .thumb img{ width: 100%; height: 60px; }
.page_style01 .page_sidebar .side_hot .content ul li .info{ float: left; margin-left: 10px; width: 130px; height: 60px; }
.page_style01 .page_sidebar .side_hot .content ul li .info .title{ background-color: #fff;color: #333; font-size: 14px; border: 0px; padding: 0px; overflow: hidden; text-overflow:ellipsis; white-space:nowrap; }
.page_style01 .page_sidebar .side_hot .content ul li .info .desc{ font-size: 12px; color: #999; line-height: 18px; word-break:break-all; overflow: hidden; height: 36px; }
.page_style01 .page_sidebar .side_hot .content ul li .info .date{ font-size: 10px; color: #999; }
.page_style01 .page_sidebar .side_hot .content ul li .info .date i{ margin-right: 5px; color: #666; }
/*单页样式01*/
.page_style01 .page_content{ width: 920px; float: right; }
.page_style01 .page_content .content{ background-color: #fff; padding: 30px 30px; min-height: 500px; font-size: 16px;  line-height: 1.6;font-family: "MicroSoft YaHei", "SimHei"; }
.page_style01 .page_content .content .pagetitel{ font-family: "MicroSoft YaHei", "SimHei"; text-align: left; }
.page_style01 .page_content .content .prodtitel{ font-family: "MicroSoft YaHei", "SimHei"; text-align: center; border-bottom: 1px solid #ebebeb; padding-bottom: 10px; margin-bottom: 15px; }
.page_style01 .page_content .content .txt{ font-size: 16px; line-height: 1.6; padding: 10px; }
.page_style01 .page_content .content .txt img{ max-width: 100%; margin: 10px; }
.page_style01 .page_content .artinfo{ color: #999; text-align: left; font-size: 12px; line-height: 50px; border-bottom: 1px solid #f5f5f5; margin-bottom: 20px; }
.page_style01 .page_content .artinfo span{ margin-right: 15px; }
.page_style01 .page_content .page_tools{ line-height: 36px; margin-top: 10px; }
.page_style01 .page_content .page_tools .prev_next{ text-align: center; }
.page_style01 .page_content .page_tools .prev_next .prev{ margin-right: 30px; }
.page_style01 .page_content .page_tools .prev_next .netx{ }
.page_style01 .page_content .page_tools .content_pages{ }
.product_list{ }
.product_list ul{ margin-left: -20px; }
.product_list ul li{ margin: 0px 0px 30px 20px; padding: 6px; background-color: #fff; width: 280px; float: left; }
.product_list ul li:hover{ box-shadow: 0px 0px 10px #bbb; }
.product_list ul li a{ text-decoration: none; }
.product_list ul li .thumb{ }
.product_list ul li img{ width: 280px; height: 210px; }
.product_list ul li .product_name{ font-size: 14px; line-height: 40px; text-align: center; max-width: 100%; overflow: hidden; text-overflow:ellipsis; white-space:nowrap; }
/*带有描述信息的下载列表*/
.downlist_info{ }
.downlist_info li{ border-bottom: 1px solid #ebebeb; height: 124px; overflow: hidden; padding: 10px 0px 10px 0px; }
.downlist_info .images{ float: left; background-color: white; border: 1px solid #ebebeb; padding: 1px; }
.downlist_info .images img{ width: 120px; height: 120px; }
.downlist_info .info{ float: left; margin-left: 15px; }
.downlist_info .title{ font-size: 18px; line-height: 26px; }
.downlist_info .title a{ color: #333; text-decoration: underline; }
.downlist_info .title a:hover{ color: #B20000; text-decoration: underline; }
.downlist_info .desrciption{ font-size: 12px; color: #999; line-height: 25px; height: 50px; overflow: hidden; }
.downlist_info .fileinfo{ font-size: 12px; color: #999; line-height: 20px; }
.downlist_info .fileinfo span{ color: #333; padding-right: 15px; }
/*带图片的新闻列表*/
.newslist_img { }
.newslist_img ul{ margin-top: -20px; }
.newslist_img li{ overflow: hidden; padding: 10px; background-color: #fff; margin-top: 20px; }
.newslist_img .images{ float: left; }
.newslist_img .images img{ width: 160px; height: 120px; }
.newslist_img .info{ float: left; margin-left: 15px; border: 0px; }
.newslist_img .title{ font-size: 18px; line-height: 26px; font-family: "MicroSoft YaHei", "SimHei"; }
.newslist_img .title a{ color: #333; text-decoration: underline; }
.newslist_img .title a:hover{ color: #B20000; text-decoration: underline; }
.newslist_img .desrciption{ font-size: 12px; color: #999; line-height: 1.5; height: 50px; overflow: hidden; width: 712px; }
.newslist_img .fileinfo{ font-size: 12px; color: #999; line-height: 20px; }
.newslist_img .fileinfo span{ color: #333; padding-right: 15px; }
/*视频ul列表样式01*/
.video_list01 { padding: 0px; margin-left: -25px; margin-top: 20px; }
.video_list01 li{ float: left; border: 1px solid #ebebeb; overflow: hidden; padding: 8px; width: 310px; background-color: white; margin-left: 25px; margin-bottom: 30px; }
.video_list01 li:hover{ box-shadow: 0px 0px 10px #aaa; }
.video_list01 .images{ }
.video_list01 .images img{ width: 310px; height: 200px; }
.video_list01 .info{ }
.video_list01 .info .title{ line-height: 40px; height: 40px; overflow: hidden; }
.video_list01 .info .title a{ font-size: 18px; text-decoration: none; color: #333; }
.video_list01 .info .title a:hover{ text-decoration: underline; }
.video_list01 .info .desrciption{ font-size: 14px; color: #999; line-height: 24px; height: 20px; overflow: hidden;padding-bottom: 10px; }
/*  */
.photo_list01 { padding: 0px; margin-left: -70px; margin-top: 20px; }
.photo_list01 li{ float: left; border: 1px solid #ebebeb; overflow: hidden; padding: 8px; width: 320px; background-color: white; margin-left: 70px; margin-bottom: 50px; }
.photo_list01 li:hover{ box-shadow: 0px 0px 10px #aaa; }
.photo_list01 .photo_thumb{ }
.photo_list01 .photo_thumb img{ width: 320px; height: 240px; }
.photo_list01 .title{ line-height: 40px; height: 40px; overflow: hidden; text-align: center;}
.photo_list01 .title a{ font-size: 18px; text-decoration: none; color: #333; }
.photo_list01 .title a:hover{ text-decoration: underline; }
/*  */
.photo_list_cert01 { padding: 0px; margin-left: -90px; margin-top: 20px; }
.photo_list_cert01 li{ float: left; border: 1px solid #ebebeb; overflow: hidden; padding: 18px; width: 240px; background-color: white; margin-left: 90px; margin-bottom: 50px; }
.photo_list_cert01 li:hover{ box-shadow: 0px 0px 10px #aaa; }
.photo_list_cert01 .photo_thumb{ }
.photo_list_cert01 .photo_thumb img{ width: 240px; height: 320px; }
.photo_list_cert01 .title{ line-height: 40px; height: 40px; overflow: hidden; text-align: center;}
.photo_list_cert01 .title a{ font-size: 18px; text-decoration: none; color: #333; }
.photo_list_cert01 .title a:hover{ text-decoration: underline; }
/**************************************************************************guestbook style******************************************************/
.guestbook_list{ }
.guestbook_list dl{ border: 1px solid #ebebeb; margin: 10px 0px 10px 0px; padding: 10px; }
.guestbook_list dt{ border-bottom: 1px solid #ebebeb; font-size: 16px; line-height: 30px; }
.guestbook_list dt span{ color: #999; font-weight: normal; font-size: 12px; float: right; }
.guestbook_list dd{ font-size: 14px; }
.guestbook_list dd.g_content{ color: #555; padding: 10px; }
.guestbook_list dd.reply_content{ padding: 10px; background-color: #FFF9F7; margin-top: 5px; color:#FF4D4D; }
.post_box{ border: 1px solid #ebebeb; margin-top: 10px; }
.post_box h5{ color: #333; font-size: 18px; font-weight: normal; line-height: 30px; border-bottom: 1px solid #ebebeb; padding: 10px; font-family: "MicroSoft YaHei", "SimHei"; }
.post_box h5 i{ padding: 0px 10px 0px 10px; }
.post_box .table_form{ margin: 20px 0px 20px 0px; }
.post_box td{ padding: 4px 0px 4px 0px; }
.post_box input,textarea{ padding: 2px 5px 2px 5px; font-size: 16px; line-height: 22px; border: 1px solid #ebebeb; }
.post_box .submit{ background-color: #B20000; color: white; font-style: 14px; padding: 5px 45px 5px 45px; }
.post_box .reset{ background-color: #000000; color: white; font-style: 14px; padding: 5px 45px 5px 45px; }
/**/
.pages{ padding: 10px; }
.gallery { width: 100%; overflow: hidden; margin-left: auto; margin-right: auto; }
.gallery img { display: block; }
.main-image img { padding: 4px; border: 1px solid #ebebeb; background-color: #fff; margin-left: auto; margin-right: auto; }
.thumbnails { height: 85px; text-align: center; display: table; margin-left: auto; margin-right: auto; margin-top: 20px; }
.thumbnails li { float: left; margin-left: 15px; }
.thumbnails img { padding: 4px; border: 1px solid #ebebeb; background-color: #fff; margin-left: auto; margin-right: auto; }
.photo_desc { color: #666; font-size: 14px; line-height: 1.5; background-color: white; height: 94px; overflow: hidden; margin-top: 10px; margin-bottom: 20px; padding: 6px; border: dotted 1px #ebebeb; }
.prod_photo { width: 350px; float: left; }
.prod_info { width: 500px; float: right; }
.prod_info .info { float: left; }
.prod_info .info a { color: #333; }
.prod_info h2 { color: #333; font-size: 16px; font-weight: bold; line-height: 30px; margin: 0 0 14px; padding: 0 0 8px; border-bottom: 1px solid #ebebeb; }
.prod_info h3 { font-size: 14px; margin: 0; padding: 0; }
.prod_info .service { color: white; font-size: 16px; line-height: 34px; background-color: #B20000; text-align: center; width: 170px; margin-top: 20px; margin-bottom: 20px; }
.prod_info .service a { color: white; font-weight: bold; }
.prod_info .info_desc { font-size: 14px; line-height: 1.5; color: #666; background-color: #f5f5f5; min-height: 40px; margin-top: 10px; }
#qrcode { width: 120px; float: right; }
.prod_content { margin-top: 30px; line-height: 1.5; }
.prod_content .title { border-bottom: 1px solid #ebebeb; margin-bottom: 20px; }
.prod_content .title span { line-height: 35px; background-color: #333; color: #fff; font-size: 16px; display: block; width: 100px; text-align: center; }
/*上一个、下一个*/
.prod_prev_next { font-size: 16px; color: #999; line-height: 40px; margin-top: 30px; }
.prod_prev_next .prev { padding-right: 20px; }
.prod_prev_next .next { padding-left: 20px; }
.prod_prev_next a { color: #333; }
.fg20 { height: 40px; }
/*download style*/
/*pages nav style*/
#pages { padding: 30px 0px; text-align: left; clear: both; margin-top: 50px; text-align: center; margin-bottom: 50px;  border-top: 1px solid #ccc;}
#pages a { display: inline-block; padding: 5px 20px; height: 22px; font-size: 14px; line-height: 22px; background: #fff; border: solid 1px #e3e3e3; text-align: center; color: #333; margin-right: 3px; margin-left: 3px; text-decoration: none; }
#pages a.a1 { padding: 5px 20px; height: 22px; line-height: 22px; margin-top: 0px; }
#pages a:hover { background:#B20000; color: #fff; text-decoration: none; }
#pages span { font-size: 14px; display: inline-block; padding: 5px 20px; height: 22px; line-height: 22px; background: #B20000; color: #fff; text-align: center; margin-right: 3px; margin-left: 3px; border: solid 1px #B20000; }
.page .noPage { display: inline-block; padding: 4px 19px; height: 22px; line-height: 22px; border: 1px solid #e3e3e3; text-align: center; color: #a4a4a4; }
/*kefu style*/
.kefu { color: #333; width: 99px; height: 60px; position: absolute; top: 0; }
.kefu .kftop { background-image: url(../images/kefu_top.gif); background-repeat: no-repeat; height: 50px; }
.kefu .kfbottom { background-image: url(../images/kefu_bottom.gif); background-repeat: no-repeat; height: 14px; }
.kefu .kfbox { border-left: 1px solid #e8dcdb; border-right: 1px solid #e8dcdb; overflow: hidden; zoom: 1; padding: 1px; background: #fff; color: #d3d3d3; line-height: 26px; }
.kefu .kfbox ul { padding-right: 6px; padding-left: 3px; }
.kefu .kfbox ul li { color: #333; font-size: 14px; }
.kefu .kfbox ul li.tit { color: #800000; font-size: 12px; }
.kefu .kfbox ul li img { vertical-align: middle; }