﻿/* 清除内外边距 */
@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;
    font-size:18px;
    line-height:34px;
}

input,textarea {border: 2 none; box-shadow: none; outline: none;}

/* 设置默认字体 */
body{width: 100%;min-width: 1280px;margin:0 auto;}
body,
button, input, select, textarea {
    font: 14px/22px "Microsoft YaHei";color: #666;
}
body,html{overflow-x:hidden;}
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;font-size:25px;line-height:52px;} /*覆盖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;}
.clear{clear: both;height: 0;}
.blk-main .clearlist{ clear:both;height:0;padding:0;margin:0;border:0;width:100% ;float:none;}


.header,
.content,
.footer {width: 1200px;margin: 0 auto;font-family: "Microsoft Yahei";}


/*头部开始*/
i,em{font-style: normal;}
.header ,.content , .footer { width:1200px; margin:0 auto;font-family: "Microsoft YaHei";}
.h_top{height:237px;background: url("../images/tbbg.jpg") repeat-x center top;position: relative;z-index: 2;font-family:"Microsoft Yahei";}
.t_top{height:41px;line-height:41px;color: #585858;font-size:14px;}
.t_top span{float: right;}
.t_top a{color: #585858;display: inline-block;margin-left: 20px;padding-left: 22px;background: url("../images/icon_bg.png") no-repeat;}
.t_top a.tba1{background-position: 0 14px;}
.t_top a.tba2{background-position: 0 -18px;}
.t_top a.tba3{background-position: 0 -53px;}
.t_top a.tba4{background-position: 0 -88px;}
.t_con{height: 138px;overflow: hidden;}

.t_con h1{ float:left;width: 200px;margin-top:30px;}

.t_con .h_dw{ float:left; font-size:20px; color:#009944; padding:8px 0 5px 15px; margin-top:30px;font-weight:bold;}
.h_dw span{display: block;color: #000;line-height: 30px;font-size:30px;margin-bottom:8px;}

.t_pho{width: 220px;float: right;color: #0c1117;padding: 20px 0 0 80px;background: url("../images/tel.png") no-repeat left top;}
.t_pho em{display: block;font-size: 18px;height: 26px;line-height: 26px;}
.t_pho span{display: block;font-family: "Arial";font-weight: bold;font-size: 32px;height: 36px;line-height: 36px;}
.nav{height: 58px;}
.nav li{float: left;background-image: url("../images/icon_bg.png");background-repeat:no-repeat;background-position:-114px 24px;position: relative;}
.nav li.fst{background-image: none;}
.nav li a{display: block;height: 58px;line-height: 58px;font-size: 16px;color: #fff;text-align: center;padding: 0 19px;}
.nav li p{position: absolute;width: 190px;background-color: #3c3c3c;left: -32px;top: 58px;z-index: 88;}
.nav li p a{padding: 0;}
/*.nav li.fst a{background: url("../images/icon_bg.png") no-repeat -60px -9px;}*/
.nav li.cur,.nav li:hover{font-weight: bold;background-color: #009944;}
.nav li:hover p a{font-weight: normal;}
.nav li p a:hover{background-color: #009944;}
 /*头部结束*/    


/*底部开始*/  
.f_gg{background:url(../images/f_bg.jpg) repeat-x; height:468px;}
.f_on1{ height: 80px; line-height: 80px; overflow: hidden; margin-bottom: 72px;}
.f_on1 span{ display: inline-block; float: right; margin-top: 17px; height: 47px; line-height: 47px;background:url(../images/f_l.jpg) no-repeat; width: 252px;}
.f_on1 span a{ display: block; padding-left: 85px; font-size: 14px; font-weight: bold; color: #2e2e2e;}
.f_on1 i{ display: inline-block; float: left; margin-left: -59px;}
.f_on1 i a{ display: inline-block; padding: 0 58px; font-size: 16px; color: #333;background:url(../images/f_lin.jpg) no-repeat right 35px; font-weight:bold;}
.f_on1 i a.nob{ background: none;}
.f_on2{ float: left; width: 900px; height: 210px;margin-top:70px;}
.f_on2 em{ display: inline-block; float: left; width: 190px;}
.f_on2 em.last{ width: 320px;}
.f_on2 em a{ display: block; font-size: 14px; color: #d9d9d9; line-height: 29px;}
.f_on2 em i{ display: block; padding-bottom: 23px; width:100px;}
.f_on2 em i a{ font-size: 14px; font-weight: bold; color: #fff;}
.f_on2 em strong{ display: block; padding-left: 40px;background:url(../images/f_tel.jpg) no-repeat 0 5px; color: #d9d9d9; font-size: 14px; font-weight: normal; margin-bottom: 25px;}
.f_on2 em strong span{ display: block; font-size: 20px; font-weight: bold; color: #fff;}
.f_on2 em strong.bg{background:url(../images/f_ico.jpg) no-repeat 0 5px;}
.f_on3{ float: right; width: 300px; overflow: hidden;margin-top:70px;}
.f_on3  em{ display: inline-block; float: left; width: 106px; text-align: center; margin-left: 38px; font-size: 14px; color: #999; line-height: 22px;}
.f_on3  em img{ width: 91px; height: 93px; padding: 6px; background: #fff; border: 1px solid #d2d2d2;}
.f_on3  em span{ display: block; padding-top: 8px;}
.f_bot{border-top: 1px solid #3e3e3e; padding-top: 33px; height: 123px;}
.f_bot h3{ float: left; padding-right: 56px;}
.f_bot p{ float: left; width: 705px; color: #999999; font-size: 14px; line-height: 24px; padding-top: 5px;}
.f_bot p a{ color: #999999;}
.f_bot p span{ display: block;}
.f_bot em{ float: right; text-align: right;}
.f_bot em span{ display: block; padding-top: 5px;}
.f_bot em a{ display: inline-block; padding: 0 10px;}
.link{ height: 60px; line-height: 60px; overflow: hidden;}
.link h3{ float: left;color: #3c3c3c; font-size: 14px;}
.link  em{ display: inline-block; float: right;}
.link  em a{ font-size: 14px; color: #3c3c3c;}
.link p{ float: left; width: 960px; padding-left: 8px;}
.link p a{ display: inline-block; color: #999999; font-size: 14px; padding: 0 15px;}
/*底部结束*/
    

        .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: 71px;
            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: 14px;
            line-height: 20px;
            overflow: hidden;
            text-align: center;
            color: #fff;
        }
        
        .client-2 .my-kefu-online i {
             background-position: -34px -22px;
        }
        .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: 35px;
            background-position: -27px -51px;
        }
        
        .client-2 .my-kefu-left {
            float: left;
            width: 77px;
            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: #009944;
            color: #fff;
            height: 56px;
            width: 247px;
            padding:9px 0 6px;
            float: left;
        }
        
        .client-2 .my-kefu-main {
            background: #009944;
            width: 97px;
            height: 56px;
            position: relative;
            padding:9px 0 6px;
            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;
        }
    




/*表单弹框*/

.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;
}