@charset "utf-8";
/* CSS Document */
@charset "utf-8";

/*===================CSS Reset================*/
::selection {color:#fff;background-color: #4687f2;}
::-moz-selection {color:#fff;background-color: #4687f2;}
::-webkit-selection {color:#fff;background-color: #4687f2;}
::-webkit-scrollbar {width: 8px;height: 8px;background-color: #F5F5F5;}
::-webkit-scrollbar-track {border-radius: 10px;background-color: #E2E2E2;}
::-webkit-scrollbar-thumb {border-radius: 10px;-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);background-color: #555;}
* {padding: 0;margin: 0;}
body {font: 14px/1.231 "微软雅黑", 'Microsoft YaHei', arial, helvetica, clean, sans-serif; position:relative; color: #333; margin: 0; line-height:1.2; min-width:1200px;}
:focus { outline: 0;}
 input,button,a { outline:0;}
article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary {display: block;}
ins {background-color: #ff9;color: #000;text-decoration: none;}
mark {background-color: #ff9;color: #000;font-style: italic;font-weight: bold;}
del {text-decoration: line-through;}
table {border-collapse: collapse;border-spacing: 0;}
hr {display: block;height: 1px;border: 0;border-top: 1px solid #cccccc;margin: 1em 0;padding: 0;}
input,select {vertical-align: top;}
li,ul {list-style-type: none;}
img {border: none;}
a{text-decoration: none; color:#393939;}
a:link,a:hover,a:active,a:visited {text-decoration: none;}
input,textarea {outline: 0;border: 0;}
textarea {resize: none;}
h1,h2,h3,h4,h5,h6,dl,dd,dt,i,em {font-weight: normal;font-style: normal;}
ul, li {list-style: none;margin: 0;padding: 0;}

/*自定义样式*/
.fl {float: left;}
.fr {float: right;}
.m{width: 1200px;margin: 0 auto; display: block;}
.img{ overflow:hidden;}
.img img{ width:100%; height:100%;}
h5{ text-align:left; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
h5 a{ display:block; font-size:16px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.txt p{ color:#777;}
.clear{ clear:both;}


/*head*/
.head{ width:100%; height:102px; z-index:999; box-sizing:border-box; position:relative; z-index:999;}
.logo{ float:left; margin-top:17px;}
.logo img{}
.nav{ float:right; position:relative;}
.nav ul{}
.nav ul li{ width:102px; text-align:center; float:left; position:relative;}
.nav>ul>li:before{ content:"/"; position:absolute; height:102px; line-height:102px; left:0; color:#ededf0; font-size:12px;}
.nav ul li:first-child:before{ font-size:0;}
.nav ul li h3 a{ font-size:15px; font-weight:100; line-height:102px; color:#3c3c3e; font-weight:bold; display:block; transition:ease .3s; -webkit-transition:ease .3s;}
.nav ul li.on h3 a{ background:url(../images/nav_h.png) center top no-repeat; }
.top_tel{ float:right; line-height:102px; font-size:12px; color:#343435; margin-left:38px;}
.top_tel img{ margin-right:6px; position:relative; top:2px;}
.top_tel span{ font-size:18px; color:#0b2548; font-family:arial;}
/*导航下拉样式*/
.nav .sub{ display:none; width:130px; left:-15px; top:102px;  position:absolute; background:#339933;  line-height:26px;}
.nav .sub li{ zoom:1; }
.nav .sub a{ display:block; line-height:30px; font-size:12px; position:relative; z-index:0; width:130px;color:#fff;}
.nav .sub a:before{ content:""; background:#fff; display:block; width:130px; height:30px; transition:ease .3s; -webkit-transition:ease .3s; transform:scaleY(0); -moz-transform:scaleY(0); -ms-transform:scaleY(0); -webkit-transform:scaleY(0); position:absolute; top:0; left:0; z-index:-1;color:#0C0;}
.nav .sub a:hover:before{  transform:scaleY(1); -moz-transform:scaleY(1); -ms-transform:scaleY(1); -webkit-transform:scaleY(1);  color:#0C0; }
.nav .sub a:hover{ color:#339933;}
/*=================网站地图=================*/


/*foot*/
.foot{ background:#f6f6f6; font-size:12px; color:#8b8e96;}
.foot p,.foot a{ font-size:12px; color:#8b8e96; line-height:30px;}
.foot a:hover{ color:#339933;}
.foot .ewm{ width:345px; margin-top:23px; border-top:1px solid #e0e0e0; padding-top:26px;}
.foot .ewm img{ float:left; margin-right:19px; margin-top:3px;}
.foot .ewm p{ font-size:12px; color:#8b8e96; line-height:24px;}
.foot .m{}
.foot .fl{ padding-top:55px; padding-bottom: 25px;}
.foot .fl .tt{ font-size:14px; color:#666666; font-weight:bold; border-left:3px solid #666666; height:38px; padding-left:12px; margin-bottom:23px;}
.foot .fl .tt span{ display:block; font-family:Humnst777 Cn BT,arial; font-weight:300; font-size:22px; color:#666; text-transform:uppercase;}
.foot .fl h5{ font-size:14px; color:#666; line-height: 30px;}
.foot .fl p{ font-size:12px; color:#666;}
.foot .fr{padding-top:55px; padding-bottom: 25px;}
.foot .fr .ewm_1 p {
    font-size: 14px;
    color: #666;
    text-align: center;
}

.foot_bot{ height:56px; line-height:56px; text-align:center;color:#8b8e96; border-top:1px solid #e0e0e0; background-color: #003399;}
.foot_bot .fr{ text-align:right;}
.foot_bot p{ display:inline-block; color:#fff;}
.foot_bot,.foot_bot a{ color:#fff; font-size:12px !important;}
.foot a:hover{ color:#fff;}

#gotop { position:fixed; z-index:90; bottom:80px; right:30px; width:50px; height:50px; padding-top:15px; box-sizing:border-box; text-align:center;  background:#339933; cursor:pointer; -moz-transition:all .5s; -webkit-transition:all .5s;}
#gotop img{ width:20px; height:20px;}
#gotop.hide { right:-100px;}
#gotop:hover { background:#249a3f;}


/* 下面是前/后按钮代码，如果不需要删除即可 */
.slideBox .prev,
.slideBox .next{ position:absolute; left:3%; top:50%; margin-top:-25px; display:block; width:32px; height:40px; background:url(../images/slider-arrow.png) -110px 5px no-repeat; filter:alpha(opacity=50);opacity:0.5;   }
.slideBox .next{ left:auto; right:3%; background-position:8px 5px; }
.slideBox .prev:hover,
.slideBox .next:hover{ filter:alpha(opacity=100);opacity:1;  }
.slideBox .prevStop{ display:none;  }
.slideBox .nextStop{ display:none;  }

/*====翻页效果====*/
.j_pages{ margin:0 auto;}
.j_pages .box{display:inherit;width:100%;text-align: center;padding-top: 49px;}
.j_pages a{padding: 0px 12px;height: 32px;line-height: 31px;display:inline-block; margin:0 1px; border:1px solid #dedede; color: #666666;font-size: 12px; box-sizing: border-box;-moz-transition:all .3s ease-in-out;-webkit-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;transition:all .3s ease-in-out;}
.j_pages .box li{float: left;}
.j_pages a font{font-size:14px;font-family:SimSun;color:#9f9fa7}
.j_pages .on{background:#249a3f;color:#fff!important;border:1px solid #249a3f;}
.j_pages span{background:#249a3f;color:#fff!important;border:1px solid #249a3f}
.j_pages a:hover{background:#249a3f;color:#fff!important;text-decoration:none;border:1px solid #249a3f;}
.j_pages a:hover font{color:#fff}
j_pages a.u_bnt{ transition: all 1s;-moz-transition: all 1s; /* Firefox 4 */-webkit-transition: all 1s; /* Safari 和 Chrome */-o-transition: all 1s; /* Opera */}



/*内容样式*/
.ar_article{ font-size:14px; color:#78787a; line-height:30px; text-align:justify;}
.ar_article p{font-size:14px;color:#78787a;line-height:30px;text-align:justify; padding-bottom:15px;}	
.ar_article strong{ font-weight:bold;}
.ar_article td,.ar_article th{ padding:5px; border: 1px solid #c6c5c5;}
.ar_article td p,.ar_article th p{ padding-bottom:0; margin-bottom:0; text-align: inherit;}
.ar_article img{ max-width:100%;}
.ar_article a{ color:#717173;}
.ar_article h1,.ar_article h2,.ar_article h3,.ar_article h4,.ar_article h5,.ar_article h6{ font-weight:bold;}
.ar_article ul li,
.ar_article ol li{ padding-bottom:0 !important; margin-bottom:0 !important; margin-left:2rem;}
.ar_article ul li p,
.ar_article ol li p{ padding-bottom:0; margin-bottom:3px !important; }
.ar_article ul,
.ar_article ol{ margin-bottom:15px;}
.ar_article sub {
    vertical-align: sub;
    font-size: smaller;
}

.ar_article sup {
    vertical-align: super;
    font-size: smaller;
}



/*选择框美化*/
label {font-size:12px;cursor:pointer; margin-left:10px;}
label i {font-size:12px;font-style:normal;display:inline-block;width:11px;height:11px;text-align:center;line-height:12px;color:#fff;vertical-align:middle;margin:-2px 5px 1px 0px;border:#ffc114 2px solid;}
input[type="checkbox"],input[type="radio"] {display:none;}
input[type="radio"] + i {border-radius:5px;}
input[type="checkbox"]:checked + i,input[type="radio"]:checked + i {background:#ffc114;}
input[type="checkbox"]:disabled + i,input[type="radio"]:disabled + i {border-color:#ccc;}
input[type="checkbox"]:checked:disabled + i,input[type="radio"]:checked:disabled + i {background:#ccc;}

/*首页下拉框美化*/
.select {
    position: relative;
    display: block; 
    width: 100%;
    max-width: 625px;
    color: #8e8e8e;
    vertical-align: middle;
    text-align: left;
    user-select: none;
    -webkit-touch-callout: none;
}
.select .placeholder {
    position: relative;line-height:44px;
    display: block;
    z-index: 1;
    border-radius: 2px;
    cursor: pointer; color:#8e8e8e;
}
.select .placeholder:hover {
}
.select .placeholder:after {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    font-family: 'FontAwesome';
    content:url(../images/select_down.png);
    z-index: 10; padding-right:20px;
}
.select.is-open .placeholder:after {
    content:url(../images/select_up.png);
}
.select.is-open ul { height:auto; box-shadow: 1px 14px 30px -2px rgba(0, 0, 0, 0.1);
}
.select.select--white .placeholder {
    background: #fff;
    color: #999;
}
.select.select--white .placeholder:hover {
    background: #fafafa;
}
.select ul {
    height: 0;
    position: absolute;
    overflow: hidden;
    width: 100%;
    background:rgba(255,255,255,0.9);
    top: 100%;
    left: 0;
    list-style: none;
    margin: 0;
    padding: 0;
    z-index: 100; transition:all ease-in-out 400ms; -webkit-transition:all ease-in-out 400ms;
}
.select ul li {
    display: block;
    text-align: left; height:30px; line-height:30px;
    color: #999; font-size:12px; text-indent:22px;
    cursor: pointer;
}
.select ul li:hover {
    background: #f1605d;
    color: #fff;
}
/* 点击搜索框获取焦点 placeholder消失-开始 */

.foot input::-webkit-input-placeholder{
            color: rgba(255,255,255,0.7); font-size:14px; font-family:"Microsoft Yahei";
        }
.foot input::-moz-placeholder{   /* Mozilla Firefox 19+ */
            color: rgba(255,255,255,0.7); font-size:14px; font-family:"Microsoft Yahei";
        }
.foot input:-moz-placeholder{    /* Mozilla Firefox 4 to 18 */
            color: rgba(255,255,255,0.7); font-size:14px; font-family:"Microsoft Yahei";
        }
.foot input:-ms-input-placeholder{  /* Internet Explorer 10-11 */ 
            color: rgba(255,255,255,0.7); font-size:14px; font-family:"Microsoft Yahei";
        }
.foot textarea::-webkit-input-placeholder {
  /* WebKit browsers */
  color: rgba(255,255,255,0.7); font-size:14px; font-family:"Microsoft Yahei";
}
.foot textarea:-moz-placeholder {
  /* Mozilla Firefox 4 to 18 */
  color: rgba(255,255,255,0.7); font-size:14px; font-family:"Microsoft Yahei";
}
.foot textarea::-moz-placeholder {
  /* Mozilla Firefox 19+ */
  color: rgba(255,255,255,0.7); font-size:14px; font-family:"Microsoft Yahei";
}
.foot textarea::-ms-input-placeholder {
  /* Internet Explorer 10+ */
  color: rgba(255,255,255,0.7); font-size:14px; font-family:"Microsoft Yahei";
 
}
/* WebKit browsers */
input:focus::-webkit-input-placeholder {
color: transparent;
/* transparent是全透明黑色(black)的速记法，即一个类似rgba(0,0,0,0)这样的值 */
}
/* Mozilla Firefox 4 to 18 */
input:focus:-moz-placeholder {
color: transparent;
}
/* Mozilla Firefox 19+ */
input:focus::-moz-placeholder {
color: transparent;
}
/* Internet Explorer 10+ */
input:focus:-ms-input-placeholder {
color: transparent;
}
/* 点击搜索框获取焦点 placeholder消失-结束 */



textarea:focus::-webkit-input-placeholder {
color: transparent; 
}
textarea:focus:-moz-placeholder {
color: transparent;
}
textarea:focus::-moz-placeholder {
color: transparent;
}
textarea:focus:-ms-input-placeholder {
color: transparent;
}