﻿@charset "utf-8";
/* 公共样式 */
/* CSS Document Yahoo(YUI) CSS Reset*/

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,
form,fieldset,input,textarea,p,blockquote,th,td {padding: 0; margin: 0;}
table {border-collapse: collapse; border-spacing: 0;}
fieldset,img {border: 0;padding: 0;margin: 0 auto;}
address,caption,cite,code,dfn,em,th,var {font-weight: normal;font-style: normal;}
ol,ul {list-style: none;}
caption,th{text-align: left;}
h1,h2,h3,h4,h5,h6 {font-weight: normal;font-size: 100%;}
q:before,q:after {content:'';}
abbr,acronym {border: 0;}
a{
    text-decoration: none;
}
.foot a:hover {
    color: #249b3a;
    cursor: pointer;
}
.w1200{
    width:1200px;margin:0 auto;
}
.w840{
    width:840px;
}
.w320{
    width:320px;
}
/* 通用容器 */
.wrapper{
    clear: both;
    overflow: hidden;
    width:100%
}
/* CSS Document My CSS Reset*/

body {
    font-family: "微软雅黑","Microsoft Yahei",Helvetica,Arial,sans-serif;
    font-size: 14px;
    line-height: 20px;
    color: #333;
    background: #FFF;
    min-width:1200px;
}
h2 { font-size:24px;}
h3 { font-size:16px;}
h6 { font-size:14px;}

/* 常用css定义*/
.clear{clear:both; height:0px; width:100%; font-size:1px; line-height:0px; visibility:hidden; overflow:hidden;}
/*浮动*/
.fl{ float:left;}
.fr{ float:right;}

/*圆角兼容*/
.radius2{
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
}
.radius3{
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}

/*  定位关系 */
.absolute{position:absolute;}
.relative{position:relative;}
.m-c {margin:0 auto;}
/*  鼠标样式 */
.pointer{cursor:pointer;font-weight: bold;}
/* 取消边框 */
.NoBorder{border:0 none;}
/*  字体大小  */
.f10{font-size:10px;}
.f11{font-size:11px;}
.f12{font-size:12px;}
.f13{font-size:13px;}
.f14{font-size:14px;}
.f16{font-size:16px;}
.f20{font-size:20px;}
.f50{font-size:50px;}
.f40{font-size:40px;}
.f42{font-size:42px;}
.f30{font-size:30px;}
.f31{font-size:31px;}
.f22{font-size:22px;}
.f24{font-size:24px;}
/*  文本对齐方式  */

/* 颜色*/
.cWhite{color: #FFF;}
.cGray1{color:#562d11;}
.cGray2{color: #666;}
.cGray3{color: #999999;}
.cGray4{color: #cccccc;}
.cGray5{color:#707070;}
.cGray6{color:#959595;}
.cViolet{color:#88589e;}
.cGreen{color:#00ff00;}
.cRed{color: #da251c;}
.cOrange{color:#ff4400;}
.cBlue{ color: #0e6cae;}
.cBlack{ color:#000;}
.cGreen1{ color:#14b12c;}
.cOrange1 { color: #ff4400;}
.cOrange1 a{ color: #ff4400;}
.cBlue1 { color: #0e6cae;}
.cBlue1 a{ color: #0e6cae;}

/*

 * 定义行高
 * @class LH
 * @desc 使用较少,主要定义line-height属性
 */
.lh1{ line-height:1px;  }
.lh10{ line-height:10px; }
.lh15{ line-height:15px; }
.lh18{ line-height:18px; }
.lh20{ line-height:20px; }
.lh23{ line-height:23px;}
.lh25{ line-height:25px;}
.lh30{ line-height:30px;}
.lh35{ line-height:35px;}
.lh40{ line-height:40px;}
.lh80{ line-height:80px;}
/*
* 从页面布局上隐藏元素
* @class hidden
* @desc    从布局上隐藏元素
*/
.hidden{display: none;}
.block {display:block;}
.inblock {display: inline-block;}
.inline {display:inline;}
/* 字体样式 */
.fb {font-weight:bold;}
.fn {font-weight:normal !important;}
.fsi {font-style:italic;}
.ti2 {text-indent:2em;}
.ti5 {text-indent:5px;}
.ti20 {text-indent:20px;}
/*不能自动换行，超出宽度能变成...，并隐藏*/
.toe {text-overflow:ellipsis;overflow:hidden; white-space:nowrap;}
/* 宽、高 */
.w800{ width:800px !important;}
.w776{ width:776px;}
.w705{ width:705px;}
.w700{ width:700px;}
.w680{ width:680px;}
.w670{ width:670px;}
.w630{ width:630px;}
.w612{ width:612px;}
.w600{ width:600px;}
.w580{ width:580px;}
.w560{ width:560px;}
.w520{ width:520px;}
.w500{ width:500px;}
.w470{ width:470px;}
.w460{ width:460px;}
.w400{ width:400px;}
.w380{ width:380px;}
.w375{ width:375px;}
.w425{ width:425px;}
.w290{ width:290px;}
.w280{ width:280px;}
.w270{ width:270px;}
.w230{ width:230px;}
.w220{ width:220px;}
.w200{ width:200px;}
.w190{ width:190px;}
.w183{ width:183px;}
.w170{ width:170px;}
.w120{ width:120px;}
.w65{ width:65px;}
.w35{ width:35px;}
.w262{ width:262px;}


.h39{ height:39px;}
.h50{ height:50px;}
.h100{height:100px;}
.h560{
    height: 560px;
}

/* 内/外边距定义*/

.p5{ padding:5px;}
.p10{ padding:10px;}
.p15{ padding:15px;}
.p20{ padding:20px;}
.p26{ padding:26px 16px;}
.p25{ padding:25px;}
.p30{ padding:30px;}
.p50{ padding:50px;}
.p100{ padding:100px;}
.p24{padding: 24px 19px;}
.p28{padding: 28px 17px;}
.p14{padding: 14px 19px;}
.p15{padding: 15px 19px;}

.pt3{ padding-top:3px;}
.pt5{ padding-top:5px;}
.pt7{ padding-top:7px;}
.pt9{ padding-top:9px;}
.pt10{ padding-top:10px;}
.pt11{ padding-top:11px;}
.pt12{ padding-top:12px;}
.pt15{ padding-top:15px;}
.pt20{ padding-top:20px;}
.pt25{ padding-top:25px;}
.pt30{ padding-top:30px;}
.pt35{ padding-top:35px;}
.pt40{ padding-top:40px;}
.pt50{ padding-top:50px;}
.pt80{ padding-top:80px;}
.pt100{ padding-top:100px;}

.pb5{ padding-bottom:5px;}
.pb10{ padding-bottom:10px;}
.pb15{ padding-bottom:15px;}
.pb20{ padding-bottom:20px;}
.pb25{ padding-bottom:25px;}
.pb30{ padding-bottom:30px;}
.pb50{ padding-bottom:50px;}
.pb100{ padding-bottom:100px;}
.pb150{ padding-bottom:150px;}

.pl0{ padding-left:0;}
.pl2{ padding-left:2px;}
.pl5{ padding-left:5px;}
.pl10{ padding-left:10px;}
.pl15{ padding-left:15px;}
.pl20{ padding-left:20px;}
.pl25{ padding-left:25px;}
.pl28{ padding-left:28px;}
.pl30{ padding-left:30px;}
.pl35{ padding-left:35px;}
.pl50{ padding-left:50px;}
.pl90{ padding-left:80px;}
.pl100{ padding-left:100px;}
.pl120{ padding-left:120px;}
.pl140{ padding-left:140px;}
.pl150{ padding-left:150px;}
.pl175{ padding-left:175px;}
.pl200{ padding-left:200px;}
.pl230{ padding-left:230px;}
.pl300{ padding-left:300px;}

.pr5{ padding-right:5px;}
.pr10{ padding-right:10px;}
.pr15{ padding-right:15px;}
.pr20{ padding-right:20px;}
.pr25{ padding-right:25px;}
.pr30{ padding-right:30px;}
.pr50{ padding-right:50px;}
.pr100{ padding-right:100px;}

.m5{  margin:5px;}
.m10{ margin:10px;}
.m15{ margin:15px;}
.m20{ margin:20px;}
.m25{ margin:25px;}
.m30{ margin:30px;}
.m50{ margin:50px;}
.m100{ margin:100px;}

.mt5{ margin-top:5px ;}
.mt08{ margin-top:8px;}
.mt10{ margin-top:10px;}
.mt12{ margin-top:12px;}
.mt14{ margin-top:14px;}
.mt15{ margin-top:15px;}
.mt20{ margin-top:20px;}
.mt25{ margin-top:25px;}
.mt35{ margin-top:35px;}
.mt30{ margin-top:30px;}
.mt40{ margin-top:40px;}
.mt50{ margin-top:50px;}
.mt60{ margin-top:60px;}
.mt70{ margin-top:70px;}
.mt80{ margin-top:80px;}
.mt90{ margin-top:90px;}
.mt100{ margin-top:100px;}
.mt110{ margin-top:110px;}

.mb5{ margin-bottom:5px;}
.mb7{ margin-bottom:7px;}
.mb9{ margin-bottom:9px;}
.mb10{ margin-bottom:10px;}
.mb15{ margin-bottom:15px;}
.mb20{ margin-bottom:20px;}
.mb25{ margin-bottom:25px;}
.mb30{ margin-bottom:30px;}
.mb50{ margin-bottom:50px;}
.mb60{ margin-bottom:60px;}
.mb80{ margin-bottom:80px;}
.mb100{ margin-bottom:100px;}

.ml5{ margin-left:5px;}
.ml6{ margin-left:6px;}
.ml7{ margin-left:7px;}
.ml8{ margin-left:8px;}
.ml9{ margin-left:9px;}
.ml10{ margin-left:10px;}
.ml15{ margin-left:15px;}
.ml17{ margin-left:17px;}
.ml20{ margin-left:20px;}
.ml25{ margin-left:25px;}
.ml30{ margin-left:30px;}
.ml35{ margin-left:35px;}
.ml50{ margin-left:50px;}
.ml60{ margin-left:60px;}
.ml70{ margin-left:70px;}
.ml80{ margin-left:80px;}
.ml100{ margin-left:100px;}
.ml150{ margin-left:150px;}
.ml160{ margin-left:160px;}
.ml170{ margin-left:170px;}
.ml200{ margin-left:200px;}
.ml215{ margin-left:215px;}
.ml250{ margin-left:250px;}


.mr5{ margin-right:5px;}
.mr10{ margin-right:10px;}
.mr15{ margin-right:15px;}
.mr20{ margin-right:20px;}
.mr25{ margin-right:25px;}
.mr30{ margin-right:30px;}
.mr40{ margin-right:40px;}
.mr32{ margin-right:32px;}
.mr33{ margin-right:33px;}
.mr50{ margin-right:50px;}
.mr100{ margin-right:100px;}

.s-fc333{  color: #333;  }
.clearfix:before,.clearfix:after{
    content:"";
    display:table;
}
.clearfix:after{clear:both;}
.clearfix{
    *zoom:1;/*IE/7/6*/
}
input,form {font-family: "Microsoft YaHei",微软雅黑;}


/*头部样式*/

.head{
    width: 100%;
    min-width: 1200px;
    margin: 0 auto;
    border-bottom: 1px solid #dfdfdf;
}
.head .top-nav{
    height: 29px;
    border-bottom: 1px solid #ebebeb;
    background: #444444;
    min-width: 1200px;
}
.head .top-nav a{
    color: #ffffff;
    font-size: 12px;
    line-height: 29px;
    margin: 0 20px 0 0;
}

.head .top-nav-fr{
    color: #d0d0d0;
    border-right: 1px solid #626060;
}
.head .top-nav-fr a{
    color: #d0d0d0;
    padding: 0 10px 0 0;
    line-height: 29px;
}
.head .top-nav a:hover{
    color: #f65f6e;
}
.head .top-nav-fr a:hover{
    color:  #f65f6e;
}
.register-login-a a{
    padding: 0 20px 0 0;
    line-height: 29px;
    color: #7c7c7c;
    font-size: 12px;
}
.register-login-a a:hover{
    color: #b20808;
}
.head .top-nav-fr a img{
    float: left;
}
.login-top-nav-fr {
    padding: 0 0 0 15px;
    font-size: 12px;
    border-left: 1px solid #e5e5e5;
    border-right: 1px solid #e5e5e5;
}
.login-top-nav-fr a{
    color: #757575;
    line-height: 29px;
    margin: 0 15px 0 0;
    font-size: 12px;
}
.login-top-nav-fr a:hover{
    color: #b20808;
}

.register-login .top-nav-fl a{
    color: #7c7c7c;
    margin: 0 20px 0 0;
    line-height: 29px;
    font-size: 12px;
}
.register-login .top-nav-fl a:hover{
    color: #b20808;
}
.register-login {
    width: 100%;
    margin: 0 auto;
    min-width: 1200px;
    height: 29px;
    background: #fafafa !important;
}
.login-head-wrap {
    background: #fafafa !important;
    color: #7c7c7c;
}
.head-link{
    margin: 22px 0 0 0;
}
.head-link a{
    display: block;
    padding: 0 16px 0 16px;
    font-size: 12px;
    float: left;
    line-height: 13px;
    height: 13px;
    color: #333;
    border-right: 1px solid #ddd;
}
.head-link a:hover{
    text-decoration:underline;
}
.hd-link-end{
    padding-right: 0 !important;
    border: 0 !important;
}
.hd-link-first{
    padding-left:0 !important;
}
.hd-tit{
    font-size: 28px;
    line-height: 28px;
    margin: 33px 0 0 13px;
    background: url(../images/point.png) no-repeat left center;
    padding: 0 0 0 15px;
}
.hd-logo{
    height: 93px;
}
.hd-phone{
    width: 125px;
    height: 25px;
    line-height: 25px;
    background: url(../images/hd-p.png) no-repeat #5bb36a 10px;
    padding: 0 0 0 30px;
    margin: 35px 0 0 15px;
    border-radius: 25px;
    position: relative;
}
.hd-phone a{
    color: #FFF;
    font-size: 14px;
}
.hd-search {
    color: #333;
    margin: 30px 0 0 0;
}

    .hd-search span a {
        font-size: 12px;
        color: #999;
        margin: 0 13px 0 0;
    }

        .hd-search span a:hover {
            text-decoration: underline;
        }

    .hd-search span {
        font-size: 12px;
    }

.search-sel, .ser-input {
    height: 36px;
    outline: none;
    font-size: 14px;
    color: #757575;
    line-height: 36px;
}

.search-sel {
    width: 95px;
    text-align: center;
    border-right: 1px solid #dcdcdc;
    background: #fafafa;
    cursor: pointer;
}

.search {
    width: 391px;
    height: 36px;
    border: 1px solid #dcdcdc;
    position: relative;
}

.ser-input {
    width: 280px;
    padding: 0 0 0 15px;
    border-left: none;
    font-family: "Mircroft YaHei",微软雅黑;
    font-size: 14px;
    border: 0;
}

.search-btn {
    width: 36px;
    height: 36px;
    cursor: pointer;
    display: inline-block;
    position: absolute;
    right: 0;
    top: 0;
    background: url(../images/search.png) no-repeat 7px;
    border: none;
}

    .search-btn:hover {
        background: url(../images/search2.png) no-repeat 7px;
    }

.zx-sel {
    background: url(../images/zx.png) no-repeat 75px 15px;
    position: relative;
    text-align: left;
    color: #757575;
    font-family: "Mircroft YaHei",微软雅黑;
}

.zx-sel-lis {
    width: 60px;
    display: inline-block;
    text-align: center !important;
}

.zx-sel span {
    color: #757575;
    text-align: left;
    padding-left: 10px;
    font-size: 14px;
    display: inline-block;
}

.zx-sel ul {
    text-align: left;
    width: 95px;
    margin-left: -1px;
    display: none;
    border: 1px solid #dcdcdc;
    background: #fff;
    z-index: 9999;
    zoom: 1;
    position: relative
}

    .zx-sel ul li {
        height: 36px;
        text-align: center;
    }

        .zx-sel ul li:hover a {
            color: #999;
        }

        .zx-sel ul li:hover {
            background: #fafafa;
        }
/*底部*/
/*.foot {
    width: 100%;
    min-width: 1200px;
    background: #0d0d0d;
    border-top: 2px solid #2a9c3b;
    height:102px;
}
.foot a{
    color: #fff;
    font-size: 12px;
    
    line-height: 20px;
}
.foot a:hover{
    text-decoration:underline;
}
.copyright{
    color: #9a9a9a;
    font-size: 12px;
    line-height: 20px;
    margin: 10px 0 0 0;
}
.copyright ul li{
    float: left;
    padding-right: 25px;
}*/
/*.nav{
    background: #333;
    width: 100%;
    min-width: 1200px;
    z-index: 9;
    position: relative;
}*/

.nav-lis{
    z-index: 9;
}
.nav-lis li{
    float: left;
    height: 40px;
    line-height: 40px;
    font-size: 15px;
    text-align: center;
    z-index: 9;
    zoom: 1;
}
.nav-lis li.crt{
    background: #279a3b;
}
.nav-lis li:hover{
    background: #279a3b;
}
.nav-lis li a{
    color: #fff;
    padding: 0 35px;
    display: block;
    letter-spacing: .14px;
}
.user-name {
       height: 29px;
    line-height: 29px;
     margin-right: 15px;
}
.user-name .register-border:hover {
 
     color: #a41f24;
}

/*page*/
.tcdPageCode{ text-align: center;color: #ccc;
    margin: 0 30px 0 0;
}
.tcdPageCode a{display: inline-block;color: #999999;height: 25px;	line-height: 25px;
    padding: 0 10px; margin: 0 2px;border-radius: 4px;vertical-align: middle;}
.tcdPageCode a:hover{text-decoration: none;background-color: #3bab6c;
    color: #FFFFFF;}
.tcdPageCode span.current{display: inline-block;height: 25px;line-height: 25px;padding: 0 10px;background-color: #3bab6c;
    margin: 0 10px;color: #fff;	border-radius: 4px;vertical-align: middle;}
.tcdPageCode span.disabled{	display: inline-block;height: 25px;line-height: 25px;padding: 0 10px;
    margin: 0 2px;	color: #bfbfbf;border-radius: 4px;
    vertical-align: middle;}

/*返回顶部*/
.backtop {
    opacity: 0.75;
    display: none;
    color: #fff;
    font-size: 15px;
    text-align: center;
    line-height: 80px;
    width: 70px;
    height: 70px;
    border-radius: 10px;
    background: url(/Common/Style/Media/images/top.png);
    position: fixed;
    left: 50%;
    margin-left: 615px;
    bottom: 165px;
    cursor: pointer;
    _margin-top: 600px;
    _position: absolute;
    _bottom: auto;
    _top:expression(eval(document.documentElement.scrollTop));
    z-index:999999;
}
.backtop:hover {
    opacity: 1;
}

.bottomnav ul li {
    float: left;
    margin-right: 20px;
    color: #fff;
    font-size: 12px;
}.enter3 {
    width: 108px;
    height: 100px;
    right: -125px;
    background: url(/Common/Style/Media/images/enter1.png) no-repeat;
    display: none;
    padding-top: 8px;
    padding-left: 16px;
    top: 0px;
    position: absolute;
    z-index: 999;
}
.hd-phone {
    cursor: pointer;
}
.hd-phone-word {
    color: #fff;
    display: inline-block;
height: 25px;
text-align: center;
line-height: 25px;
}
.index-logo {
    width: 189px;
    display: block;
}

/*2017-06-07*/

.yuanc {
    color: #999;
    margin-left: 28px;
    font-size: 12px;
    border: 1px solid #b1b1b1;
    padding: 0px 3px;
    border-radius: 4px;
}
.pc-wechat {
margin-left:-4px;
}
.copyright span {
    float: left;
    padding-right: 20px;
    color: #fff;
    font-size: 12px;
    line-height: 20px;
}
.copyright {
    color: #9a9a9a;
    font-size: 12px;
    line-height: 20px;
    margin: 10px 0 0 0;
}
/*2023-10-20*/
a.search-icon {
    position: relative;
    display: inline-block;
    margin-right: 15px;
    text-decoration: underline;
    color: #0000ee !important;
    text-indent: initial; /* 或者 text-indent: unset; */
}

    a.search-icon::after {
        content: "";
        background-image: url(/img/default/search-img.png);
        background-size: cover;
        width: 15px;
        height: 15px;
        position: absolute;
        top: -0.01em; /* 使用相对单位进行调整 */
        right: 0;
        transform: translateX(100%); /* 将图片右移到文字的右边 */
    }
