﻿/* 清除内外边距 */
@charset "utf-8";
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, /* structural elements 结构元素 */
dl, dt, dd, ul, ol, li, /* list elements 列表元素 */
pre, /* text formatting elements 文本格式元素 */
fieldset, lengend, button, input, textarea, /* form elements 表单元素 */
th, td { /* table elements 表格元素 */
    margin: 0;
    padding: 0;
}

input,textarea {border: 2 none; box-shadow: none; outline: none;}

/* 设置默认字体 */
body{width: 100%;min-width: 1336px;margin:0 auto;}
body,
button, input, select, textarea {
    font: 14px/22px "Microsoft YaHei";color: #666;
}

h1 {font-size: 18px;}
h2 {font-size: 16px;}
h3 {font-size: 14px;}
h4, h5, h6 {font-size: 100%;}
* h1,* h2,* h3,* h4,* h5,* h6{margin: 0px;} /*覆盖bootstrape对标题加的默认外边距*/

address, cite, dfn, em, i, var {font-style: normal;} /* 斜体扶正 */

/* 重置列表元素 */
ul, ol ,li{list-style: none;}

/* 重置文本格式元素 */
a {text-decoration: none; color: #666; word-wrap:break-word;}/*英文换行*/
a:hover {text-decoration: none; color:#910800;}


/* 重置表单元素 */
legend {color: #000;} /* for ie6 */
fieldset, img {border: none;} /* img 搭车：让链接里的 img 无边框 */
/* 注：optgroup 无法扶正 */
button, input, select, textarea {
    font-size: 100%; /* 使表单元素在 ie 下能继承字体大小 */
}

/* 重置表格元素 */
table {
    border-collapse: collapse;
    border-spacing: 0;
}

/* 让非ie浏览器默认也显示垂直滚动条，防止因滚动条引起的闪烁 */
html {overflow-y: scroll;}

/*设置浮动*/
.fl {float: left;}
.fr {float: right;}
.pr{position: relative;}
.pa{position: absolute;}

/*字体大小*/
.fz12{font-size: 12px;}
.fz14{font-size: 14px;}
.fz16{font-size: 16px;}
.fz18{font-size: 18px;}
.fz20{font-size: 20px;}
.fz22{font-size: 22px;}
.fz24{font-size: 24px;}
.fz30{font-size: 30px;}
.clear{clear: both;height: 0;}
.blk-main .clearlist{ clear:both;height:0;padding:0;margin:0;border:0;width:100% ;float:none;}

.header, .content, .container {
    margin-left: auto;
    margin-right: auto;
    width: 1200px;
}



/*头部*/
.topWrap{height:76px;font-family:"Microsoft Yahei";position: relative;z-index: 3;background: #fff; overflow: hidden;padding-top:14px;}
.header{width:1200px;margin: 0 auto; position: relative;font-family:"Microsoft Yahei";}
.logo{float:left;width:95px;height:67px;margin-left:-3px;padding-right:10px;background: url(../images/t_ico1.png) no-repeat right top;position:relative;}
.logo img {width:102px;height:63px;}
.logo em {position:absolute;left:10px;top:15px;z-index:-1;}
.logo em img{width:29px;height:30px;}
.t_wz{float:left; padding:10px 0 0 16px; font-size:14px; color: #94989c;width:241px;position: relative;background: url(../images/t_ico1.png) no-repeat right top;height:55px;}
.t_wz span {color: #8abb12;font-size:20px;display: block;overflow: hidden;font-weight: bold;height:22px;line-height:22px;}
.t_wz em{font-style:normal;}
.t_tel { float: right;font-size:12px; color: #94989c;padding-top:10px}
.t_tel span {font:22px "Tahoma";color: #8abb12; display: block;line-height:28px;height: 28px}
.nav {height:76px; line-height:62px;float:left;width:765px;background: url(../images/t_ico1.png) no-repeat right top;}
.nav li {float:left;height:76px; line-height:62px;padding:0 16px;position: relative;}
.nav li a {font-size:14px;color:#333;text-decoration:none;display:inline-block;position: relative;z-index:2;height:76px;}
.nav li:hover a,.nav .cur a {color: #8abb12;background: url(../images/t_nav_hd.png) no-repeat center bottom;background-size:100% 3px;font-weight:bold;}
 .dd{
        transition-duration: 1.5s;
        transition-property: transform;
        transition-timing-function: linear;}
		
		
/*底部*/		
		
		.footer{ background: #f0f0f0;}
.footer .container{ overflow: hidden; padding-bottom: 20px;padding-top: 20px;}
.fttop{ height: 14px; line-height: 13px; overflow: hidden;}
.fttop li{ float: left; border-left: 1px dotted #454545;padding:0 15px; text-align:center}
.fttop li a{ font-size: 13px; line-height: 13px; color: #333; padding: 0px 21px;}
.fttop li.nobd{ border: none;}

.ftmid{ width: 100%; height: 1px; background: #454545; margin-top: 16px;}

.ftdown{ overflow: hidden; height: 120px; margin-top: 48px;}
.ftdown .ftdown_l{ overflow: hidden;}
.ftdown .ftdown_l dt{ float: left;overflow: hidden;}
.ftdown .ftdown_l dt *{ display: inline-block; float: left;}
.ftdown .ftdown_l dt span{ height: 72px; border: 1px dotted #454545; margin-left: 42px;}
.ftdown .ftdown_l dt img{ display: block; margin-top: 15px;}
.ftdown .ftdown_l dd{ padding-left: 214px; padding-top: 3px;}
.ftdown .ftdown_l dd p{ line-height: 20px; font-size: 12px; color: #8e8e8e;}
.ftdown .ftdown_l dd p *{ display: inline-block;}
.ftdown .ftdown_l dd p em{ width: 8px; height: 3px;}
.ftdown .ftdown_l dd p a{font-size: 12px; color: #8e8e8e;}

.ftdown .ftdown_r{ overflow: hidden; margin-top: 17px;}
.ftdown .ftdown_r h5{ float: left;}
.ftdown .ftdown_r h5 img{ display: block;}
.ftdown .ftdown_r>div{ padding-left: 41px;}
.ftdown .ftdown_r>div span{ font-size: 12px; color: #333;}
.ftdown .ftdown_r>div p{ font-size: 24px; color: #8abb12; font-family: "Arial";}
/*-- footer_end --*/

.frlink{ background: #8abb12;}
.frlink .container{ overflow: hidden; padding:20px 0;}
.frlink .frlinktitle{ font-weight: normal; width: 88px; padding-left: 10px; float: left; height: 40px; background: url(../images/frlingsbg.png) no-repeat left center;}
.frlink .frlinktitle a{ font-size: 16px; color: #ffffff;}
.frlink .frlinktitle span{ display: block; font-family: "Times New Roman"; font-size: 18px; color: #747474; text-transform: uppercase;}
.frlink ul{ overflow: hidden; margin-top: 13px;}
.frlink ul li{ float: left; height: 13px; line-height: 13px; margin-bottom: 7px; border-left: 1px solid #fff;}
.frlink ul li a{ font-size: 12px; color: #fff; padding: 0px 23px;}
/*-- 友情链接_end --*/


/*-- 客服--*/
.side{position:fixed;width:78px;right:0;top:50%;margin-top:-200px;z-index:100;border:1px solid #e0e0e0;background:#fff;border-bottom:0}
.side ul li{width:78px;height:78px;float:left;position:relative;border-bottom:1px solid #e0e0e0;color:#333;font-size:14px;line-height:38px;text-align:center;transition:all .3s;cursor:pointer}
.side ul li:hover{background:#8abb12;color:#fff}
.side ul li:hover a{color:#fff}
.side ul li i{height:25px;margin-bottom:1px;display:block;overflow:hidden;background-repeat:no-repeat;background-position:center center;background-size:auto 25px;margin-top:14px;transition:all .3s}
.side ul li i.bgs1{background-image:url(../images/right_pic5.png)}
.side ul li i.bgs2{background-image:url(../images/right_pic7.png)}
.side ul li i.bgs3{background-image:url(../images/right_pic2.png)}
.side ul li i.bgs4{background-image:url(../images/right_pic1.png)}
.side ul li i.bgs5{background-image:url(../images/right_pic3.png)}
.side ul li i.bgs6{background-image:url(../images/right_pic6_on.png)}
.side ul li:hover i.bgs1{background-image:url(../images/right_pic5_on.png)}
.side ul li:hover i.bgs2{background-image:url(../images/right_pic7_on.png)}
.side ul li:hover i.bgs3{background-image:url(../images/right_pic2_on.png)}
.side ul li:hover i.bgs4{background-image:url(../images/right_pic1_on.png)}
.side ul li:hover i.bgs5{background-image:url(../images/right_pic3_on.png)}
.side ul li .sidebox{position:absolute;width:78px;height:78px;top:0;right:0;transition:all .3s;overflow:hidden}
.side ul li.sidetop{background:#8abb12;color:#fff}
.side ul li.sidetop:hover{opacity:.8;filter:Alpha(opacity=80)}
.side ul li.sideewm .ewBox.son{width:238px;display:none;color:#363636;text-align:center;padding-top:235px;position:absolute;left:-240px;top:0;background-image:url(../images/leftewm.png);background-repeat:no-repeat;background-position:center center;border:1px solid #e0e0e0}
.side ul li.sideetel .telBox.son{width:240px;height:237px;display:none;color:#fff;text-align:left;position:absolute;left:-240px;top:-79px;background:#8abb12}
.side ul li.sideetel .telBox dd{display:block;height:118.5px;overflow:hidden;padding-left:82px;line-height:24px;font-size:18px}
.side ul li.sideetel .telBox dd span{display:block;line-height:28px;height:28px;overflow:hidden;margin-top:32px;font-size:18px}
.side ul li.sideetel .telBox dd.bgs1{background:url(../images/right_pic8.png) 28px center no-repeat;background-color:#618900}
.side ul li.sideetel .telBox dd.bgs2{background:url(../images/right_pic9.png) 28px center no-repeat}
.side ul li:hover .son{display:block!important;animation:fadein 1s}
@keyframes fadein{from{opacity:0}
to{opacity:1}
}

