
/* CSS Document */


/*===================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; min-width:1200px; background:#fafafb;}
: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:120px; z-index:999; padding-top:43px; box-sizing:border-box;}
.logo{  float:left; margin-top: 9px;}
.logo img{ height:42px;}
.nav{ float:right; position:relative;}
.nav ul{}
.nav ul li{ width:105px; text-align:center; float:left; line-height:47px; height:47px; position:relative;}
.nav ul li a{ font-size:15px; font-weight:100; color:#fff; transition:all ease 200ms; display:block;transition:all ease-in-out 100ms;}
.nav ul li a:hover{ }
.nav ul li.another>a{ }
.move-bg{position:absolute;left:0; bottom:0; width:105px; height:2px; background:url(../image/nav_h.png) center no-repeat; z-index:0; }


/*=================导航=================*/
#nav ul{ }
#nav li .a span{position:absolute;bottom:0;left:0;width:93%;text-align:center; display:block;}
#nav li .a i{display:block;margin:0 auto;text-align:center;z-index:1;height:3px;width:0;background:#40b4f0;overflow: hidden; transition:all ease-in-out 500ms;}
#nav li .a:hover i{width:110%;}
#nav li.on .a:hover i{transform:rotateX(0);-webkit-transform:rotateX(0);-moz-transform:rotateX(0)}
#nav.title{position:relative}
#nav .list{ display:none !important;}
#nav .list{width:135px;left:0;max-height:0;position:absolute;top:50px;z-index:0;-webkit-perspective:400px;-moz-perspective:400px;-ms-perspective:400px;-o-perspective:400px;perspective:400px}
#nav .list a{ color:#666; width:135px;height:50px;line-height:50px;text-align:center; display:block;font-size:14px;text-decoration:none;opacity:0;background-color:#fff;border-bottom:#e9ecf1 1px solid;-webkit-transform:rotateY(90deg);-moz-transform:rotateY(90deg);-ms-transform:rotateY(90deg);-o-transform:rotateY(90deg);transform:rotateY(90deg);-webkit-transition:opacity .4s,-webkit-transform .5s;-moz-transition:opacity .4s,-moz-transform .5s;-ms-transition:opacity .4s,-ms-transform .5s;transition:opacity .4s,transform .5s}
#nav .list a:hover{color:#306cd1;border-bottom:#306cd1 1px solid}
#nav li:focus .list,#nav li:hover .list{max-height:2000px;z-index:10}
#nav li:focus .list a,#nav li:hover .list a{opacity:1;-webkit-transform:none;-moz-transform:none;-ms-transform:none;-o-transform:none;transform:none}

/*导航固定样式*/
.aui-header-nav.moveDown {
    top: 0;
    transition: all 0.45s ease-in-out;
}
.aui-header-nav {
    position: fixed;
    top: 0;
    width: 100%; 
    background-color: transparent;
    border-bottom: 1px solid transparent;
    z-index: 999;    
}
.aui-header-nav,.logo_img{transition: all 0.45s ease-in-out;-moz-transition: all 0.45s ease-in-out;; -ms-transition: all 0.45s ease-in-out; -o-transition: all 0.45s ease-in-out; -webkit-transition: all 0.45s ease-in-out;}
.aui-header-nav.solid {
    background-color: #fff; height:57px; padding-top:0px;
    border-bottom: 1px solid #f0f1f2;
    transition: all 0.5s ease-in-out;
}
.aui-header-nav.solid .logo{ margin-top:0; padding-top:10px;}
.aui-header-nav.solid .logo_img{ height:35px;}
.aui-header-nav.solid .nav ul li{ height:57px; line-height:57px;}
.aui-header-nav.solid .nav ul li a{ color:#333;}


/*=================网站地图=================*/


/*foot*/
.foot{ background:#212121; height:285px; box-sizing:border-box; padding-top:55px; position:relative; overflow:hidden;}
.foot_logo{ margin-bottom:25px;}
.foot .fl{ height:165px; width:475px; text-align:left; border-right:1px solid #383838;}
.foot p{ color:#d2d2d3; font-size:13px; line-height:28px;}
.foot p a{color:#909090;}
.foot .foot_nav{ width:812px; height:219px; float:left; margin-bottom:30px; height:30px; margin-top:10px;}
.foot .foot_nav ul li{ float:left; margin-right:55px;}
.foot .foot_nav ul li>a{ margin-bottom:15px; font-size:14px;}
.foot .foot_nav a{ color:#fff; font-size:14px; display:block;}
.foot .foot_nav .list a{ color:#747476; font-size:12px; line-height:24px;}
.foot .foot_nav .list a:hover{ color:#eee;}
.foot .fr{ width:700px; float:right; padding-left:50px;}
.foot p{ font-size:12px; color:rgba(255,255,255,0.5); line-height:25px; margin:0;}
.foot .ico{ margin-top:28px;}
.foot .ico a{ margin-right:18px; opacity:0.4;}
.foot .ico a img{ width:30px; height:30px;}
.foot .ico a:hover{ opacity:0.8;}

.foot_bot{ font-size:12px; height:78px; line-height:78px; color:rgba(255,255,255,0.3);padding-bottom:20px; border-top:1px solid #555657; text-align:center; margin-top:30px;}
.foot_bot *{ color:rgba(255,255,255,0.3) !important; font-size:12px !important; display:inline-block;}
.foot a:hover{ color:#fff; }
.foot_bot a:hover{ color:#fff !important;}
.s_coop{ padding-bottom:50px;}





/* 下面是前/后按钮代码，如果不需要删除即可 */
.slideBox .prev,
.slideBox .next{ position:absolute; left:3%; top:50%; margin-top:-25px; display:block; width:32px; height:40px; background:url(/statics/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;  }


/*====分享插件====*/
.shart_box{float: right;height: 40px; position:relative; top:-49px;}
.shart_box:hover #j_shart_s_24{ display:block;}
#j_shart_s_24 .bds_count{ font-size:12px;}
#j_shart_s_24{padding-left: 15px;position:relative;float: right;}
#j_shart_s_24 strong{ display:block; position:absolute; left:0; z-index:2; line-height:36px; font-size:12px; color: #a3a0a9;}
#j_shart_s_24 .bds_qzone{background:url(../image/j_shart.png) center -224px no-repeat}
#j_shart_s_24 .bds_tsina{background:url(../image/j_shart.png) center -311px no-repeat}
#j_shart_s_24 .bds_tqq{background:url(../image/j_shart.png) center -195px no-repeat}
#j_shart_s_24 .bds_renren{background:url(../image/j_shart.png) center -340px no-repeat}
#j_shart_s_24 .bds_weixin{background:url(../image/j_shart.png) center -253px no-repeat}
#j_shart_s_24 .bds_sqq{background:url(../image/j_shart.png) center -79px no-repeat}
#j_shart_s_24 .bds_fbook{background:url(../image/j_shart.png) center -166px no-repeat}
#j_shart_s_24 .bds_twi{background:url(../image/j_shart.png) center -137px no-repeat}
#j_shart_s_24 .bds_linkedin{background:url(../image/j_shart.png) center -108px no-repeat}
#j_shart_s_24 .bds_tieba{background:url(../image/j_shart.png) center -253px no-repeat}
#j_shart_s_24 .bds_huaban{background:url(../image/j_shart.png) center -253px no-repeat}
#j_shart_s_24 .bds_douban{background:url(../image/j_shart.png) center -253px no-repeat}
#j_shart_s_24 .bds_copy{background:url(../image/j_shart.png) center -253px no-repeat}
#j_shart_s_24 .bds_print{background:url(../image/j_shart.png) center -253px no-repeat}
#j_shart_s_24 .bds_mshare{background:url(../image/j_shart.png) center -253px no-repeat}
#j_shart_s_24 .bds_count{font-size:12px}
#right_news ul li img{float:left;width: 202px;height: 104px;margin-bottom:28px;}




/*新闻列表*/
.n_news_list{ }
.n_news_list ul{ margin:-25px;}
.n_news_list li{width:421px; height:408px; background:#ebedf1; border:1px solid #e2e4e7; margin: 24px; box-sizing:border-box; float:left;}
.n_news_list li a{ display:block;}
.n_news_list .img{ height:195px; margin:-1px;}
.n_news_list li .box{ padding:40px 46px;}
.n_news_list li .riqi{ width:29px; float: left; font-size:12px; color: #a7a8aa; font-family: arial; border-bottom: 1px solid #f5ca6b; height:77px;}
.n_news_list li:hover .riqi{ width:65px;}
.n_news_list li .riqi p{ font-size: 26px;width: 60px; color: #2d2d2e; margin-bottom:5px;}
.n_news_list li .txt{ float: right; width: calc(100% - 104px)}
.n_news_list li .txt h5{ font-size: 16px; color: #2d2d2e; padding-top: 18px; text-overflow:ellipsis; overflow: hidden; white-space: nowrap; margin-bottom:16px; display:block;}
.n_news_list li .txt p{ font-size: 12px; color: #848486; line-height: 20px; height: 40px; overflow: hidden; margin-bottom:26px;}
.n_news_list li .txt span{ display: block; font-size: 13px; color: #848486;}
.n_news_list li .txt span a{font-size: 13px; color: #848486;}
/*====翻页效果====*/
.j_pages{ margin:0 auto;}
.j_pages .box{display:inherit;width:100%;text-align: center;padding-top: 49px;font-size: 0;}
.j_pages a{padding: 0px 12px;height: 33px; border-radius:3px; line-height: 33px;display:inline-block; margin:0 2.5px; 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 a font{font-size:14px;font-family:SimSun;color:#9f9fa7}
.j_pages .on{background:#fe581e;color:#fff!important;border:1px solid #fe581e;}
.j_pages span{background:#fe581e;color:#fff!important;border:1px solid #fe581e}
.j_pages a:hover{background:#fe581e;color:#fff!important;text-decoration:none;border:1px solid #fe581e;}
.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 15px; 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(/statics/images/select_down.png);
    z-index: 10; padding-right:20px;
}
.select.is-open .placeholder:after {
    content:url(/statics/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;
}


