@charset "utf-8";
/*===============================================================================
 *********************************   公共样式       *******************************
 ===============================================================================*/
/**
 * 头部、底部、左侧导航 样式表
 * 创建人：
 * 创建时间：2016-4-25
 */
/******测试样式********/
.back{background:red;}
.back2{background:blue;}
.border-1{border:1px solid red;}
.border-2{border:1px solid #00F;}
.border-3{border:1px solid #9C6;}
/*********************公共样式**************************/
/*初始化样式*/
body{font-family:Microsoft YaHei;min-width:1280px;background:#fafafa;}
* {margin: 0;padding: 0}
a{color:#333;}
a:hover,a:focus{text-decoration:none;color:#96b71e;}
li{list-style:none}

.span{font-weight:bold;}
.no-span{font-weight: inherit;}
input:focus,textarea:focus{outline:none;}
input.form-control:focus ,
textarea.form-control:focus,
select.form-control:focus{border-color:#96b71e;outline: none;-webkit-box-shadow: none;box-shadow: none;}
/*公共样式*/
.clear{clear:both;}
.content{width:1190px;margin:0 auto;}
.color-red{color:red;}
.color-blue{color:blue;}
a.color-blue:hover{color:blue;}
.color-orange{color:#96b71e}
.color-gray{color:#999;}
.color-gray2{color:#d2d2d2}
a.color-gray2:hover{color:#d2d2d2;}
a.color-gray2:focus{color:#d2d2d2;}
.color-gray3{color:#777777}
.color-gray4{color:#c1bfbf}
.color-white{color:#fff;}
.color-white2{color:#fafafa}
.disiblock{display:inline-block;}
.disblock{display:block}
.disnone{display:none !important;}
.fs-12{font-size:12px;}
.fs-13{font-size:13px;}
.fs-14{font-size:14px;}
.fs-15{font-size:15px;}
.fs-16{font-size:16px;}
.fs-18{font-size:18px;}
.fs-20{font-size:20px;}
.fs-22{font-size:22px;}
.fs-24{font-size:24px;}
.fs-26{font-size:26px;}
.fs-28{font-size:28px;}
.fs-30{font-size:30px;}
.fs-40{font-size:40px;}
.text-left{text-align:left !important;}
.text-right{text-align:right !important;}

.margin0{margin:0px;}
.mt15{margin-top:15px;}
.mt20{margin-top:20px;}
.mt30{margin-top:30px;}
.mt40{margin-top:40px;}
.mt50{margin-top:50px;}
/*新增*/
.color-black{color:#6f6f6e;}
.color-gray5{color:#919090;}
.pl30{padding-left:30px;}
.mt120{margin-top:120px;}
/*end*/
.mt100{margin-top:100px;}
.mb20{margin-bottom:20px;}
.mb30{margin-bottom:30px;}
.mtb20{margin:20px 0;}
.mr10{margin-right:10px;}
.mr22{margin-right:22px;}
.mr24{margin-right: 24px;}
.mr33{margin-right:33px;}
.mr42{margin-right:42px;}
.mr0{margin-right:0 !important;}
.ml0{margin-left:0px !important;}
.ml31{margin-left: 31px;}
.mtb40{margin-top:40px;margin-bottom:40px;}
.pl{padding-left:0;}
.pb40{padding-bottom:40px;}
.pr20{padding-right:20px !important;}
.pr35{padding-right:35px;}
.pr100{padding-right:100px !important;}

.border0{border:0 !important;}
.border-b{border-bottom:0px !important;}
.border-r{border-right:1px solid #eee;}
.border-l{border-left:1px solid #eee;}
.border-t{border-left:1px solid #eee;}
.pos-rel{position:relative;}
.pos-abs{position: absolute;}
.mto{position: relative;left:50%;top:0;overflow:hidden;margin-left:-960px;}
.autoCenter{position: absolute;left:0;right:0;top:0;bottom:0;margin:auto;display:block;}
.vertical{vertical-align: text-bottom;}
/******************头部**********************/
.com-home{width:100%;height:50px;line-height:50px;background:#f2f2f2;}
.com-home .webNav{position: relative;display:inline-block;}
.com-home .webNavlist{position: absolute;line-height:2;display:none;background:#f2f2f2;z-index: 999;padding:0 20px 10px;width:90px;text-align: left;}
.com-home .webNav:hover .webNavlist{display:block;}
.com-header .com-logo{height:75px;line-height:75px;margin-top: 5px;}
.com-header .com-nav i{font-style:normal;padding-left: 17px;color: #999;}
.com-header .com-nav .cantoren{position:relative;left:-35px;margin-top:-6.5px}

/************左侧导航********************/ 
/*左侧导航展开收起，根据需要在.com-menu添加 .menu*/
.com-navleft:hover .menu{display: block!important;z-index:999;}
.menu{display:none;}
.trtop{display:none;}
.com-navleft:hover .trbottom{display:none!important;}
.com-navleft:hover .trtop{display: inline-block!important;}
/*end*/
.com-navleft .com-menu li:hover .com-submenu{display: block!important;z-index:999;}
.com-navleft .com-menu li:hover,
.com-navleft .com-menu li:hover a.color-white,.com-navleft .com-menu li:hover a.color-white:active,.com-navleft .com-menu li:hover a.color-white:focus{background:#fff;color:#333;font-size:14px;}
.com-navleft .com-menu li:hover a.color-white:hover{color:#96b71e;}
.com-navleft .com-menu li a.color-white:active,.com-navleft .com-menu li a.color-white:focus{color:#fff;}
.com-navleft .com-menu li{height: 38.2px;}
.com-navleft{position: relative;cursor:pointer;width:120px;top:13px;padding:0;padding-bottom:10px;left:83px;}
.com-navleft .com-menu{height: 460px;line-height:38px;padding:1px 0;left: -68px;top: 32px;
    z-index:999;position:absolute;width:245px;background:rgba(239,91,1,0.8);color:#fff;}
.com-menu li .arrows{position: relative;left: 65px;}
.com-submenu{z-index: -999;display:none;border:1px solid #96b71e;border-left: 0;position:absolute;
left:245px;top:0;color:#000;height:460px;width:945px;
background:#fff url(../images/common/menu-bg.png) no-repeat bottom center;
}
.com-submenu .submenu-L{height:458px;border-right:1px solid rgba(241,141,49,0.3);}
.com-submenu .submenu-L ul li{clear:both;}
.com-submenu .submenu-L h5{width:20%;float:left;font-weight:bold;position: relative;top:5px; 
   text-align: left;padding-left:20px;}
.com-submenu .submenu-L .submenu-Lson{font-size:12px;padding:10px 0;text-align:left;width:80%;border-bottom:1px solid rgba(241,141,49,0.3);float:left}
.com-submenu .submenu-L .submenu-Lson a{margin-right:25px;line-height: 2;float:left;}
.com-submenu .submenu-R{padding-left:0;}
.com-submenu .submenu-R ul li{border-bottom:1px solid rgba(241,141,49,0.3);clear:both;height:153px;padding-left:30px;}
.com-submenu .submenu-R ul li:hover,.com-submenu .submenu-L ul li:hover{background:inherit;}
.com-submenu .submenu-R ul li span,
.com-submenu .submenu-R ul li img{display:block;float:left;padding: 38px 10px 0;}


/****************底部********************************/ 
.com-foot{padding:20px 0 20px;border-top:2px solid #96b71e;background:#fff url(../images/common/foot-bg.jpg) no-repeat top center;}
.foot-list{width:15.8%;}
.foot-list.last{width:21%;}
.foot-list li{line-height:27px;font-size:14px;}
.foot-list .first{font-size:16px;color:#000;line-height: 40px;}
.foot-list.foot-last{margin-right:15px;}
.btn-orange{background:#96b71e;display:block;width:105px;height:25px;line-height:25px;color:#fff;}
.btn-orange:hover{color:#fff;}
.com-foot .brl{border-right:1px solid #96b71e;border-left:1px solid #96b71e; line-height:25px;}
.com-foot .ptb{padding:10px 0;}
/*新增*/
.mb5{margin-bottom:5px;}
.pl30{padding-left:30px;}
.mt-15{margin-top:-15px;}
/********************右侧客服/返回顶部样式************************/
.go-top {display:none;position: fixed;bottom: 30px;right:-1325px;left:0;margin:auto;width:93px;height:35px;}
.com-chat{position:fixed;bottom:70px;right:-1325px;left:0;margin:auto;width:83px;height:402px;background:url(../images/common/chat01.png) no-repeat top center;}
.com-chat ul{margin-top:85px;}
.com-chat ul li{margin:-1px 8px;padding:3px 0;border-top:1px dashed #fff;border-bottom:1px dashed #fff;}
/*------------分页------------- */
.page {margin: 20px 0 0 0; *zoom: 1;}
.page:before,.page:after {display: table;content: "";}
.page:after {clear:both;}
.page a,.page span {float: left;margin-left: -1px;padding: 0 14px;height: 30px;line-height: 30px;color: #96b71e;border: 1px solid #CCCCCC;}
.page a:hover{text-decoration: none;background-color: #ddd;}
.page .current {border-top: 3px solid #96b71e;color: #fff;background-color: #96b71e;height: 30px;line-height: 26px;}
.page .next,
.page .prev {font-weight: bold;color: #96b71e;}
.page .rows {border-right: 1px solid #CCCCCC;}