/* 清除内外边距 */
@charset "gbk";
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: 1340px;margin:0 auto;overflow-x:hidden;}
body,
button, input, select, textarea {
    font: 14px/22px "Microsoft YaHei";color: #787878;
}

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: #181818;word-wrap:break-word;}/*英文换行*/
a:hover {text-decoration: none; color:#009b4c;}


/* 重置表单元素 */
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;overflow-x:hidden;}

/*设置浮动*/
.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;}
.clear{clear: both;height: 0;}
.blk-main .clearlist{ clear:both;height:0;padding:0;margin:0;border:0;width:100% ;float:none;}

/*表单弹框*/

.nsw-modal {
	width: 100%;
	height: 100%;
	background: rgba(225, 225, 225, 0.5);
	position: fixed;
	top: 0;
	left: 0;
	z-index: 99999;
}

.modal-dialog {
	position: fixed;
	color: #000000;
	top: 150px;
	width: 400px;
	border-radius: 3px;
	min-height: 155px;
	overflow: hidden;
	z-index: 99998;
	margin-left: -200px;
	left: 50%;
}

.modal-dialog .css-icon {
	background-image: url("../images/modal-icons.png");
}

.modal-dialog .modal-head {
	height: 30px;
	line-height: 30px;
	padding: 0px 20px;
	background: #F6EFEF;
	font-size: 14px;
}

.modal-dialog .modal-head .modal-logo {
	width: 15px;
	height: 15px;
	background-position: 1px 0px;
	margin: 8px 5px 0 0;
	float: left;
}

.modal-dialog .modal-head .close {
	float: right;
	width: 15px;
	height: 15px;
	background-position: -14px 0px;
	margin-top: 8px;
}

.modal-dialog .modal-body {
	width: 100%;
	min-height: 125px;
	background: #ffffff;
}

.modal-dialog .modal-body .modal-body-left {
	width: 140px;
	float: left;
}

.modal-dialog .modal-body .modal-body-left .icon {
	width: 64px;
	height: 64px;
	margin: 30px 0 0 48px;
}

.modal-dialog .modal-body .modal-body-left .success-message {
	background-position: 0px -14px;
}

.modal-dialog .modal-body .modal-body-left .warming-message {
	background-position: 0px -78px;
}

.modal-dialog .modal-body .modal-body-right {
	width: 260px;
	float: right;
	padding-top: 20px;
}

.modal-dialog .modal-body .modal-body-right .close-btn {
	color: #000;
	text-align: center;
	width: 90px;
	display: inline-block;
	height: 24px;
	line-height: 24px;
	background: #818079;
}

.modal-dialog .modal-body .modal-body-right p {
	line-height: 30px;
}

/* kefu */
.lina-xqd{position:fixed;right: 2px;bottom:10%;margin:auto;height: 500px;z-index: 9999;transition:.3s}
.wz-kzsq{position:relative;height:100%;width:170px;}
.sq-kzdw{position:absolute;top: 66px;left: 14px;cursor:pointer;}

.log-sqd{position:absolute;left: 44px;border: 1px solid #181818;width: 125px;border-radius: 8px;overflow: hidden;background:#fff;}
.lg-ycd{width:100%;overflow:hidden;text-align:center;height:90px;background: #ffffff;border-bottom: 1px solid #ccc;}
.lg-ycd img{display:inline-block;margin-top: 32px;width: 87%;}

.zx-xqico{width:100%;overflow:hidden;border-bottom:1px solid #ccc;padding-bottom:5px;padding-top: 11px;}
.zx-xqico span{display:block;overflow:hidden;padding:10px 0px;text-align:center;}
.zx-xqico span img{display:inline-block;}
.zx-xqico span:hover{background:#f2f1f0;cursor:pointer;}
.wx-zdc{width:100%;overflow:hidden;text-align:center;margin-top:13px;}
.wx-zdc img{display:inline-block;width:80%;}
.wx-zdc p{display:block;width:100%;font-size: 16px;color:#000;font-weight:bold;line-height:30px;}
.phone-zx{padding:10px 0 20px 0;background: #009b4c;overflow:hidden;text-align:center;}
.phone-zx b{display:block;font-size: 19px;letter-spacing: -2px;color: #181818;}
.phone-zx p{font-size:16px;color: #181818;}

.active{right:-128px;transition:.3s}
/* kefu */




                .header ,.content , .footer { width:1200px; margin:0 auto;font-family:"Microsoft Yahei";}
                    .tb{height: 170px;background: url("../images/tbbg.png") repeat-x center;}
    .top{height: 30px;}
    .top p{height: 30px;}
    .top p.dp01{width: 300px;font: 14px/33px "Microsoft YaHei";color: #000;}
    .top p.dp02{}
    .top p.dp02 a{float: left;font: 14px/33px "Microsoft YaHei";color: #000;padding-left: 20px;margin-left: 34px;}
    .top p.dp02 a.dpa01{background: url("../images/tb01.png") no-repeat left center;margin-left: 0;}
    .top p.dp02 a.dpa02{background: url("../images/tb02.png") no-repeat left center;}
    .top p.dp02 a.dpa03{background: url("../images/tb03.png") no-repeat left center;}
    .bot{/* height: 169px; */overflow: hidden;}
    .bot h4{/* width: 358px; */height: 73px;font: bold 24px/34px "Microsoft YaHei";color: #009b4c;padding: 33px 0px 0px 33px;}
    .bot h4 em{display: block;font: normal 20px/38px "Microsoft YaHei";color: #333333;}
    .bot h3{width: 430px;padding-top: 29px;}
    .bot h3 img{width: 100%;}
    .bot p{width: 288px;height: 59px;padding-top: 17px;}
    .bot p em,.bot p span{display: block;text-align: right;}
    .bot p em{font: 16px/24px "Microsoft YaHei";color: #444444;}
    .bot p span{font: bold 28px/34px "Microsoft YaHei";color: #009b4c;padding: 10px 0;}
    .bot p span:nth-of-type(1){
        padding-bottom: 5px;
    }
    .bot p span:nth-of-type(2){
        padding-top: 0;
    }
    /*头部导航*/
            .t-nav{height: 52px;/* border-top: 2px solid #009b4c; */background: #414141;}
            .t-nav ul{height: 58px;min-width: 100%;}
            .t-nav ul li{float: left;height: 30px;padding: 11px 0;position:relative; -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;}
            .t-nav ul li a{display: block;height: 30px;font: 17px/30px "Microsoft YaHei";color: #ffffff;border-right: 1px solid #c6c6c6;padding: 0; width: 132px; text-align: center;}
            .t-nav ul li.brr0 a{border-right: 0;}
            .t-nav ul li.cur,.t-nav ul li:hover{background: #009b4c;background-size: 100% 54px;}
            .t-nav ul li.cur a,.t-nav ul li:hover a{border-right: 1px solid #009b4c;color: #fff;}
.t-nav ul li:hover .nav-child{
    display: block;
}
            .nav-child{
    position: absolute;
    top: 52px;
    z-index: 99;
    border-top: 1px solid #c6c6c6;
    display: none;
}
ul.nav-child li {
    border-bottom: 1px solid #c6c6c6;
    background: #414141;
    width: 100%;
}
ul.nav-child li:hover a {
    color: #fff!important;
}
ul.nav-child li a {
    /*height: 50px!important;*/
    /* line-height: 50px!important; */
    /* width: 100%; */
    text-align:  center;
    color: #ffffff!important;
    padding: 0px;
}
            

        .f_bj {
            color: #717171;
            clear: both;
            font-family: "Microsoft Yahei";
            height: 312px;
            line-height: 26px;
            background: url(../images/footbg.gif) repeat-x center 0 #ebedf0;
        }
        
        .f_bj a {
            color: #717171;
        }
        
        .f_nav {
            height: 62px;
            line-height: 62px;
            text-align: center;
            font-size: 16px;
            color: #fff;
            margin-bottom: 37px;
        }
        
        .f_nav a {
            display: inline-block;
            color: #fff;
        }
        
        .f_nav em {
            opacity: 0.3;
            font-size: 14px;
            padding: 0 32px;
        }
        
        .f_logo {
            width: 230px;
            padding: 0 0 0 12px;
        }
        
        .f_logo img {
            width: 248px;
            /* height: 123px; */
            margin-bottom: 23px;
        }
        
        .f_con {
            width: 874px;
        }
        
        .f_con h3 {
            height: 32px;
            border-bottom: solid 1px #d6dbe3;
            position: relative;
            font-size: 18px;
            color: #000;
            line-height: 22px;
            margin-bottom: 23px;
        }
        
        .f_con h3:before {
            content: "";
            position: absolute;
            width: 75px;
            height: 2px;
            background: #00ae5f;
            left: 0;
            top: 31px;
        }
        
        .f_code {
            background: url(../images/f_codebg.gif) no-repeat 20px 17px #e1e4e7;
            padding: 17px 0 0 106px;
            height: 116px;
            width: 114px;
            margin: 0 10px 0 0;
        }
        
        .f_code img {
            background: #fff;
            padding: 4px;
            border: solid 1px #ebebeb;
            width: 83px;
            height: 83px;
            display: block;
        }
        
        .f_text {
            width: 640px;
            float: left;
            overflow: hidden;
            padding: 9px 0 0;
        }
        
        .f_text li {
            width: 200px;
            height: 66px;
            float: left;
            line-height: 24px;
            background: url(../images/f_ico4.gif) no-repeat 0 5px;
            padding: 0 0 0 37px;
            color: #2f3030;
        }
        
        .f_text li.f_text1 {
            background: url(../images/f_ico1.gif) no-repeat 0 5px;
        }
        
        .f_text li.f_text2 {
            background: url(../images/f_ico2.gif) no-repeat 0 5px;
        }
        
        .f_text li.f_text3 {
            background: url(../images/f_ico3.gif) no-repeat 0 5px;
        }
        
        .f_text li.f_text1,
        .f_text li.f_text3 {
            width: 360px;
        }
        
        .f_text li span {
            display: block;
            color: #717171;
        }
    

        .client-2 {
            position: fixed;
            right: -170px;
            top: 50%;
            z-index: 900;
        }
        
        .client-2 li a {
            text-decoration: none;
        }
        .client-2 li {
            margin-top: 1px;
            clear: both;
            height: 62px;
            position: relative;
        }
        
        .client-2 li i {
            background: url(../images/fx.png) no-repeat;
            display: block;
            width: 30px;
            height: 27px;
            margin: 0px auto;
            text-align: center;
        }
        
        .client-2 li p {
            height: 20px;
            font-size: 12px;
            line-height: 20px;
            overflow: hidden;
            text-align: center;
            color: #fff;
        }
        
        .client-2 .my-kefu-qq i {
            background-position: 4px 5px;
        }
        
        .client-2 .my-kefu-tel i {
            background-position: 0 -21px;
        }
        
        .client-2 .my-kefu-liuyan i {
            background-position: 4px -53px;
        }
        
        .client-2 .my-kefu-weixin i {
            background-position: -34px 4px;
        }
        
        .client-2 .my-kefu-weibo i {
            background-position: -30px -22px;
        }
        
        .client-2 .my-kefu-ftop {
            display: none;
        }
        
        .client-2 .my-kefu-ftop i {
               width: 33px;
    height: 31px;
    background-position: -23px -47px;
    background-size: 52px 82px;
        }
        .client-2 .my-kefu-ftop .my-kefu-main{
            padding-top: 6px;
        }
        
        .client-2 .my-kefu-left {
            float: left;
            width: 62px;
            height: 47px;
            position: relative;
        }
        
        .client-2 .my-kefu-tel-right {
            font-size: 16px;
            color: #fff;
            float: left;
            height: 24px;
            line-height: 22px;
            padding: 0 15px;
            border-left: 1px solid #fff;
            margin-top: 14px;
        }
        
        .client-2 .my-kefu-right {
            width: 20px;
        }
        
        .client-2 .my-kefu-tel-main {
            background: #1cb265;
            color: #fff;
            height: 53px;
            width: 230px;
            padding:9px 0 0;
            float: left;
        }
        
        .client-2 .my-kefu-main {
            background: #1cb265;
            width: 97px;
            height: 53px;
            position: relative;
            padding:9px 0 0;
            float: left;
        }
        
        .client-2 .my-kefu-weixin-pic {
            position: absolute;
            left: -130px;
            top: -24px;
            display: none;
            z-index: 333;
        }
        
        .my-kefu-weixin-pic img {
            width: 115px;
            height: 115px;
        }
    
/* -- 页面整体布局 -- */
.header , .content , .footer { width:1200px; margin:0 auto;  }
.left,.leftr{ width:260px; float:left;}
.leftr{ float:left;}
.left2 { width:910px; float:left; overflow:hidden; margin-top:15px;}
.left3 { width:754px; float:left; overflow:hidden; color:#666;}
.lefttop {height:0px; font-size:0; overflow:hidden; margin-top:10px;}
.leftbot { height:0px; font-size:0; overflow:hidden;  margin-bottom:10px;}
.left2bot { height:0px; font-size:0; overflow:hidden; margin-bottom:10px; }

.right,.rightl{ width:910px; float:right; display:inline;overflow:hidden;}
.rightl{ float:right;}
.right2 { width:275px;  float:right; overflow:hidden;margin-top:15px;}
.right3 { width:260px; float:right; overflow:hidden; color:#666;}
.rightbot { height:0px; font-size:0; overflow:hidden; margin-bottom:10px;}
.right2bot { height:0px; font-size:0; overflow:hidden; margin-bottom:10px;}

.right_main { width:910px; overflow:hidden;border:solid 0 #d5d5d5;border-top:0;border-bottom:0;padding-bottom:15px; }
.right2_main { width:273px;overflow:hidden;border:solid 0 #d5d5d5;border-top:0;border-bottom:0;padding-bottom:15px;}
.left2_main { width:910px;overflow:hidden;border:solid 0 #d5d5d5;border-top:0;border-bottom:0;padding-bottom:15px;}