@charset "utf-8";
/**瑞泰科技技术支持：百搜网络Time : 2019-3-20Author : jj**/
@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.1; min-width:1200px; overflow-x:auto; background:#fefefe; }
: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;}
.no_padding{ padding:0;margin-bottom: 0 !important;}
/*自定义样式*/
.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; line-height:1.2;}
h5 a{ display:block; font-size:16px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.txt p{ color:#777;}
.clear{ clear:both;}
a{ cursor:pointer;}
/*===============================================header================================================*/
	    .ad_box{ width:100%;}
		.ad_box .m{ position:relative;}
		.ad_box a{ display:block; height:82px;}
		.ad_box .bnt_close{ position:absolute; height:34px; width:34px; right:0; top:23px;cursor: pointer; -moz-transition: all 0.6s ease-in-out;-webkit-transition: all 0.6s ease-in-out;-o-transition: all 0.6s ease-in-out;-ms-transition: all 0.6s ease-in-out;transition: all 0.6s ease-in-out;}
		.ad_box .bnt_close:hover{ transform:rotate(90deg);-webkit-transform:rotate(90deg); -moz-transform:rotate(90deg); }
/*动画end*/



/* 点击搜索框获取焦点 placeholder消失-开始 */

#footer input::-webkit-input-placeholder{
            color: #b0aeae; font-size:14px; font-family:"Microsoft Yahei";
        }
#footer input::-moz-placeholder{   /* Mozilla Firefox 19+ */
            color: #b0aeae; font-size:14px; font-family:"Microsoft Yahei";
        }
#footer input:-moz-placeholder{    /* Mozilla Firefox 4 to 18 */
           color: #b0aeae; font-size:14px; font-family:"Microsoft Yahei";
        }
#footer input:-ms-input-placeholder{  /* Internet Explorer 10-11 */ 
           color: #b0aeae; 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;
}





#gotop {
    position: fixed;
    z-index: 90;
    bottom: 150px;
    right: 50%;
    margin-right: -750px;
    width: 50px;
    height: 50px;
    padding-top: 15px;
    box-sizing: border-box;
    text-align: center;
    border-radius: 5px;
    background: url(../images/gotop.png) center no-repeat;
    cursor: pointer;
    -moz-transition: all .5s;
    -webkit-transition: all .5s;
}
#gotop.hide { bottom:-50px;}


/*------------------------------- 侧边栏 -------------------------------------*/

/*online qq*/
aside#top{ }
.online_q {
    position: fixed;
    right: 50px;
    bottom: 40%;
    background: url(../images/r_b.png) 0px bottom no-repeat;
    z-index: 9999; transition:.5s; -webkit-transition:.5s;
}
.online_q.on{right: -60px;}
.online_q .btn-open{width:50px; height:50px; position:absolute !important; left:0; top:0; cursor:pointer; transition:1s cubic-bezier(0.77, -0.38, 0.15, 1.35); -moz-transition:1s cubic-bezier(0.77, -0.38, 0.15, 1.35); -ms-transition:1s cubic-bezier(0.77, -0.38, 0.15, 1.35); -o-transition:1s cubic-bezier(0.77, -0.38, 0.15, 1.35); -webkit-transition:1s cubic-bezier(0.77, -0.38, 0.15, 1.35); opacity:0; }
.online_q.on .btn-open{opacity:1;left:-60px;}

.online_q .btn2{width:50px; height:50px; cursor:pointer; position:relative; margin-bottom:10px;}
.online_q .btn2 span{display:block;width:50px; height:50px; position:relative; z-index:999; border-radius:25px; border:1px solid #e5e5e5;  transition:.3s; -webkit-transition:.3s;}
.online_q .btn-open span{background:url(../images/piaofu.png) center no-repeat #fff;}
.online_q .btn-close span{background:url(../images/piaofu.png) center no-repeat #fff; }
.online_q .btn-qq span{background:url(../images/qq_ico1.png) center no-repeat #fff; }
.online_q .btn-wx span{background:url(../images/qq_ico2.png) center no-repeat #fff;}
.online_q .btn-tel span{background:url(../images/qq_ico3.png) center no-repeat #fff; }
.online_q .btn-tsina span{background:url(../images/qq_ico4.png) center no-repeat #fff; }
.online_q .btn-top span{background:url(../images/qq_ico5.png) center 20px no-repeat #fff;  display:none;}

.online_q .btn-open:hover span{background:url(../images/piaofu_on.png) center no-repeat #0f89dd; }
.online_q .btn-close:hover span{background:url(../images/piaofu_on.png) center no-repeat #0f89dd; }
.online_q .btn-qq:hover span{background:url(../images/qq_ico1_on.png) center no-repeat #0f89dd;}
.online_q .btn-wx:hover span{background:url(../images/qq_ico2_on.png) center no-repeat #0f89dd;}
.online_q .btn-tel:hover span{background:url(../images/qq_ico3_on.png) center no-repeat #0f89dd; }
.online_q .btn-tsina:hover span{background:url(../images/qq_ico4_on.png) center no-repeat #0f89dd;}
.online_q .btn-top:hover span{background:url(../images/qq_ico5_on.png) center no-repeat #0f89dd;}

.btn2:hover span{ border:1px solid #0f89dd; border-radius:25px; color:#fff;}
.online_q .open.pic{ position:absolute; background:#0f89dd; width:100px; height:100px; right:80px; top:50%; margin-top:-50px; text-align:right; border-radius:5px; opacity:0; transition: .6s; -webkit-transition: .6s; visibility:hidden;}
.online_q .open.pic img{ width:80px; height:80px; margin-top:10px; margin-right:10px;}
.online_q .btn2:hover .open.pic{ opacity:1; right:60px;visibility:visible;}

.online_q .open.phone{ position:absolute; right:0; top:0; height:50px; line-height:50px; border-radius:50px; border:1px solid #fff; padding-right:48px; z-index:0; width:0; background:#0f89dd; color:#fff; font-family:arial; font-size:18px; transition:width 0s; -webkit-transition:width 0s; overflow:hidden; opacity:0;}
.online_q .open.phone p{ position:relative; right:-20px;}
.online_q .btn2:hover .open.phone{ width:220px; border:1px solid #0f89dd; transition:width .5s; -webkit-transition:width .5s; opacity:1}
/*------------------------------- 侧边栏end -------------------------------------*/


.ar_article{font-size:14px;color:#535354;line-height:36px;text-align:justify;}
.ar_article p{font-size:14px;color:#535354;line-height:36px;text-align:justify;margin-bottom: 23px;}	
.ar_article strong{ font-weight:bold;}
.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{ font-weight:bold;}
.ar_article h1{ font-size:2.25rem; margin-bottom:1.25rem}.ar_article h2{ font-size:1.875rem; margin-bottom:0.875rem;}.ar_article h3{ font-size:1.5rem; margin-bottom:0.9375rem}
.ar_article h4{ font-size:1.125rem; margin-bottom:0.875rem}.ar_article h5{ font-size:0.875rem; margin-bottom:0.75rem}.ar_article h6{ font-size:0.75rem; margin-bottom:0.75rem}
.ar_article ul li,
.ar_article ol li{ padding-bottom:0 !important; margin-bottom:0 !important; margin-left:20px; list-style:inherit !important;}
.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:0.9375rem;}
.ar_article sub {vertical-align:sub; font-size: smaller;}
.ar_article sup { vertical-align:super; font-size: smaller;}
.ar_article p span{ display:inline-block;}
.ar_article img{ display:inline-block;}
.ar_article td,
.ar_article th{padding: 10px 0.9375rem;border: 1px solid #cfcfcf;}
.ar_article td p,
.ar_article th p{ padding-bottom:0; margin-bottom:0; text-align: inherit;}
.ar_article table {border-collapse: collapse;border-right: 1px solid #e2e2e2;border-bottom: 1px solid #e2e2e2;}
.ar_article table td {border-left: 1px solid #cfcfcf;border-top: 1px solid #cfcfcf;line-height: 24px;}




  #loader-wrapper { position: fixed;   top: 0; left: 0; width: 100%; height: 100%; z-index:999999;
        }
        #loader {
            display: block;
            position: relative;
            left: 50%;
            top: 50%;
            width: 150px;
            height: 150px;
            margin: -75px 0 0 -75px;
            border-radius: 50%;
            border: 3px solid transparent;
            /* COLOR 1 */
            border-top-color: #FFF;
            -webkit-animation: spin 2s linear infinite; 
            -ms-animation: spin 2s linear infinite; 
            -moz-animation: spin 2s linear infinite;  
            -o-animation: spin 2s linear infinite;    
                animation: spin 2s linear infinite; 
            z-index:1001;
        }
        #loader:before {
            content: "";
            position: absolute;
            top: 5px;
            left: 5px;
            right: 5px;
            bottom: 5px;
            border-radius: 50%;
            border: 3px solid transparent;
            /* COLOR 2 */       
            border-top-color: #FFF;
            -webkit-animation: spin 3s linear infinite; 
            -moz-animation: spin 3s linear infinite; 
            -o-animation: spin 3s linear infinite; 
            -ms-animation: spin 3s linear infinite;             
            animation: spin 3s linear infinite; 
        }
        #loader:after {
            content: "";
            position: absolute;
            top: 15px;
            left: 15px;
            right: 15px;
            bottom: 15px;
            border-radius: 50%;
            border: 3px solid transparent;
            border-top-color: #FFF;
            /* COLOR 3 */       
            -moz-animation: spin 1.5s linear infinite; 
            -o-animation: spin 1.5s linear infinite; 
            -ms-animation: spin 1.5s linear infinite;    
            -webkit-animation: spin 1.5s linear infinite;
            animation: spin 1.5s linear infinite; 
       }

       @-webkit-keyframes spin {
        0%{ 
            -webkit-transform: rotate(0deg); 
            -ms-transform: rotate(0deg);  
            transform: rotate(0deg);
        }
        100%{
            -webkit-transform: rotate(360deg); 
            -ms-transform: rotate(360deg); 
            transform: rotate(360deg);  
            }
        }

        @keyframes spin {
            0%{ 
                -webkit-transform: rotate(0deg); 
                -ms-transform: rotate(0deg); 
                transform: rotate(0deg); 
            }
            100%{
                -webkit-transform: rotate(360deg); 
                -ms-transform: rotate(360deg);
                transform: rotate(360deg); 
            }
        }

        #loader-wrapper .loader-section {
            position: fixed;
            top: 0;
            width: 51%;
            height: 100%;
            background: #035f06;
            z-index: 1000;
            -webkit-transform: translateX(0); 
            -ms-transform: translateX(0); 
            transform: translateX(0);
        }
        #loader-wrapper .loader-section.section-left {left: 0;}
        #loader-wrapper .loader-section.section-right {right: 0;}

        .loaded #loader-wrapper .loader-section.section-left {
                -webkit-transform: translateX(-100%); 
                    -ms-transform: translateX(-100%);
                        transform: translateX(-100%);  
                -webkit-transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);  
                        transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);
        }
        .loaded #loader-wrapper .loader-section.section-right {
                -webkit-transform: translateX(100%); 
                    -ms-transform: translateX(100%);
                        transform: translateX(100%);  
                -webkit-transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);  
                transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);
        }
        .loaded #loader {
                opacity: 0;
                -webkit-transition: all 0.3s ease-out;  
                        transition: all 0.3s ease-out;
        }
        .loaded #loader-wrapper {
            visibility: hidden;
            -webkit-transform: translateY(-100%); 
                -ms-transform: translateY(-100%);
                    transform: translateY(-100%);  
            -webkit-transition: all 0.3s 1s ease-out;  
                    transition: all 0.3s 1s ease-out;
        }
		



/*banner*/
.banner { overflow:hidden; position: fixed; top:0; left:0; right:0; z-index:0; height:100%; background:#000; transition: all 0ms ease;}
.banner-container{ height:100%;transition: all 0ms ease;}
.banner .swiper-slide{height:100%; position: relative; overflow:hidden;}
.banner .bg{ position: absolute; left:200PX; top: -55PX; width:1920px; height:990px;  transition: all 7s;  transform: scale(1.2,1.2); -webkit-transform: scale(1.2,1.2);}
.banner .swiper-slide-active .bg{ transform: scale(1,1);  -webkit-transform: scale(1,1);  transition-delay: 0s;}
.banner.on .bg{ transform: scale(1,1);  -webkit-transform: scale(1,1);  transition-delay: 0s;}

.banner .text_box { position:absolute; text-align:left; width:779px; height:147px; box-sizing:border-box; top:50%; left:50%; margin-left:-320px; margin-top:-174px;-moz-transition: all 1s ease-in-out;-webkit-transition: all 1s ease-in-out;-o-transition: all 1s ease-in-out;-ms-transition: all 1s ease-in-out; transition: all 1s ease-in-out; transform:scale(0.5); opacity:0;  }
.banner .swiper-slide.swiper-slide-active .text_box{ transform:scale(1);  opacity:1;}

.banner .bnt{ position: absolute; top:35%; width: 40px;  height: 40px; line-height: 40px; text-align: center; border-radius: 0%; border: 1px solid #fff; font-family:simsun; font-size: 17px; color: #fff; margin-top: -30px; z-index: 9; cursor: pointer;}
.banner .bnt_prev{ margin-left:50%; left:50px;  }
.banner .bnt_next{ margin-left:50%; left:50px; } 
.banner .bnt:hover{ color: #e57a18;  border: 1px solid #e57a18;}
.banner .bnt.off{ opacity:.5;filter:alpha(opacity=50);}

.banner .pagination{ position:fixed; right:69px; top:45%; z-index:99; width:30px; text-align:center; background: url(../images/s_bn_hd.png) 8px 22px repeat-y;}
.banner .swiper-pagination-switch{ width:16px; height:16px; border-radius:50%; position:relative; cursor:pointer; display:block; margin-bottom:50px;}
.banner .pagination span:last-child{ margin-bottom:0;}
.banner .hd ul i{ width:1px; height:40px; display:block; background:#fff; margin:10px auto;}
.banner .swiper-pagination-switch:before{ content:"";width:16px; height:16px; display:block; position:absolute; top:0; left:0; border:1px solid #fff; border-radius:50%; opacity:0; transform:scale(1.5); -moz-transition: all 0.6s ease-in-out;-webkit-transition: all 0.6s ease-in-out;-o-transition: all 0.6s ease-in-out;-ms-transition: all 0.6s ease-in-out;transition: all 0.6s ease-in-out; }
.banner .swiper-pagination-switch.swiper-active-switch:before{ opacity:1; transform:scale(1);}
.banner .swiper-pagination-switch:hover:before{ opacity:1; transform:scale(1);}
.banner .swiper-pagination-switch:after{ content:"";width:6px; height:6px; display:block; position:absolute; top:0; left:0; background:#fff; border-radius:50%; top:50%; left:50%; margin-top:-3px; margin-left:-3px; }

.banner .swiper-slide .bg{  -webkit-opacity: 0;
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
    filter:alpha(opacity=0);
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
 transition:2s; -moz-transition:2s; -ms-transition:2s; -o-transition:2s; -webkit-transition:2s;}
.banner .swiper-slide-active .bg{ -webkit-opacity:1;
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
    filter:alpha(opacity=100);
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);}
/*banner end*/

/*==============首页导航条=====================*/
#nav_bar{ position: fixed;  top: 0; left:-200px; z-index:99;  width: 200px; box-sizing: border-box; background: #035f06; height: 100%;  -moz-transition: all 1s ease-in-out;-webkit-transition: all 1s ease-in-out;-o-transition: all 1s ease-in-out;-ms-transition: all 1s ease-in-out;transition: all 1s ease-in-out; transition-delay:1s; -moz-transition-delay:1s; -ms-transition-delay:1s; -o-transition-delay:1s; -webkit-transition-delay:1s;  }
#nav_bar .nav a {
    color: #fff;
    font-size: 16px;
    margin: 40px auto;
    display: block;
    position: relative;
    margin-right: 50px;
    padding: 10px;
    margin-left: 30px;
}
#nav_bar .nav a:before{ content: url(../images/s_nav_bg2.png); display:block; position:absolute; width:53px; height:67px; left:50%; top:50%; margin-left:-81px; margin-top:-36px; opacity:0; visibility:hidden;
 -moz-transition: all 0.6s ease-in-out;-webkit-transition: all 0.6s ease-in-out;-o-transition: all 0.6s ease-in-out;-ms-transition: all 0.6s ease-in-out;transition: all 0.6s ease-in-out; 
}
#nav_bar .nav a:hover:before{ opacity:1; visibility: visible;margin-left:-61px; }
#nav_bar .box {
    display: table-cell;
    vertical-align: middle;
    height: 100vh;
}
#nav_bar.close{}
.j_logo{ position:relative; left:268px; top:36px; z-index:99;}


.s_rukou{ position: absolute; z-index: 2; top:50%; left:50%; margin-left:-212px; margin-top:50px; }
.s_rukou .title span{ display:inline-block; margin:0 22px; font-size:15px; text-align:center;}
.s_rukou .title span a{
	font-size:15px;
	color:#063;
}
.s_rukou .title span div{ width:94px; height:94px; margin:0 auto; border-radius:50%; border:1px solid #fff; border:1px solid rgba(6,105,4,.6); position:relative; overflow:hidden; z-index:0;}
.s_rukou .title span div font{width:94px; height:94px; display: block; -moz-transition: all 0.6s ease-in-out;-webkit-transition: all 0.6s ease-in-out;-o-transition: all 0.6s ease-in-out;-ms-transition: all 0.6s ease-in-out;transition: all 0.6s ease-in-out; }
.s_rukou .title span i{ width:1px; height:22px; background:rgba(6,105,4,.6); display:block; margin:12px auto;}
.s_rukou .title span.li_1 div font{ background:url(../images/s_rukou1.png) center no-repeat;}
.s_rukou .title span.li_2 div font{ background:url(../images/s_rukou2.png) center no-repeat;}
.s_rukou .title span.li_3 div font{ background:url(../images/s_rukou3.png) center no-repeat;}
.s_rukou .title span.li_4 div font{ background:url(../images/s_rukou4.png) center no-repeat;}

.s_rukou .title span.li_1:hover div font{ background:url(../images/s_rukou1_on.png) center no-repeat;}
.s_rukou .title span.li_2:hover div font{ background:url(../images/s_rukou2_on.png) center no-repeat;}
.s_rukou .title span.li_3:hover div font{ background:url(../images/s_rukou3_on.png) center no-repeat;}
.s_rukou .title span.li_4:hover div font{ background:url(../images/s_rukou4_on.png) center no-repeat;}
.s_rukou .title span div:before{ content:""; position:absolute; z-index:-1; width:100%; height:100%; display:block; background: rgba(6,105,4,.6); border-radius:50%; -moz-transition: all 0.6s ease-in-out;-webkit-transition: all 0.6s ease-in-out;-o-transition: all 0.6s ease-in-out;-ms-transition: all 0.6s ease-in-out;transition: all 0.6s ease-in-out; }
.s_rukou .title span:hover div:before{ transform:scale(.8);background: rgba(255,255,255,.6);}

#footer {
	width:;
	height: 95px;
	position: absolute;
	bottom: 0;
	right: 0;
	text-align: left; float:right;
	font-size: 12px;
	color: #fff; color:rgba(255,255,255,.5);
	line-height: 20px;
	z-index: 100; padding-right:90px;
}
#footer *{font-size: 12px;color: #fff; color:rgba(255,255,255,.5);}
#footer a:hover{ color:#fff;}
#footer .ico{ float:right; margin-right:30px; margin-left:5px;}
#footer .ico i{ width:7px; height:1px; background:rgba(255,255,255,.7); display:inline-block; position:relative;  top: -17px; left: 7px;}
#footer .ico a{ margin-left:15px; opacity:1;}
#footer .ico a:hover{ opacity:0.8;}

#fix_ewm_box{position: fixed; top: 0px; right: 0; z-index: 999999999999999999999999; display: none; width: 100%; height: 100%; filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#D8000000', endColorstr='#D8000000');background:rgba(0,0,0,0.85); }

#fix_ewm_box .ewm img{ display: block; position: absolute; top: 50%; margin-top: -100px;  left: 50%; margin-left: -100px; width: 200px; height: 200px; -moz-transition: all 0.6s ease-in-out;-webkit-transition: all 0.6s ease-in-out;-o-transition: all 0.6s ease-in-out;-ms-transition: all 0.6s ease-in-out;transition: all 0.6s ease-in-out; ;}


#fix_sj_box{position: fixed; top: 0px; right: 0; z-index: 999999999999999999999999; display: none; width: 100%; height: 100%; filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#D8000000', endColorstr='#D8000000');background:rgba(0,0,0,0.85); }

#fix_sj_box .ewm img{ display: block; position: absolute; top: 50%; margin-top: -100px;  left: 50%; margin-left: -100px; width: 200px; height: 200px; -moz-transition: all 0.6s ease-in-out;-webkit-transition: all 0.6s ease-in-out;-o-transition: all 0.6s ease-in-out;-ms-transition: all 0.6s ease-in-out;transition: all 0.6s ease-in-out; }

.s_foot_link{width: 235px;height: 35px;border: 1px solid #949391; border: 1px solid rgba(255,255,255,.2); cursor:pointer;overflow:visible;position: relative; text-align:left;}
.s_foot_link .tanchu{width: 235px;padding:10px 13px;box-sizing:border-box;position:absolute;bottom: 33px;background: #555759; background: rgba(0,0,0,.5); display: none;left: -1px;}
.s_foot_link .tanchu a { color: #d1d1d1; color: rgba(255,255,255,.7); line-height: 27px; display:block; font-size: 13px;}
.s_foot_link .tanchu .swiper-slide{ height:30px !important;}
.s_foot_link .swiper-scrollbar-drag{ height:60% !important;}
.s_foot_link #bnt_link1.a {padding-left:12px;color: #8e8c8c; color: rgba(255,255,255,.7);text-align:left;line-height: 32px;width:210px;box-sizing:border-box;font-size: 12px;text-decoration:none;position:absolute;z-index:1;}
.s_foot_link .a span{ display:inline-block; float:right; color:#919397; line-height:29px;} 





.h-link { float: right; margin-right:60px; }
.h-link + .h-link { margin-left: 15px; }
.h-link.h-link-1 { margin-left: 20px; }

.h-link .bdshare-button-style0-16 a, .h-link .bds_more{ margin: 0; padding: 0; float: none; background-image: none; }
.h-link { position: absolute; right:0; width: 150px; height: 60px; text-transform: uppercase; z-index:99; }
.h-link a { color: #999; }
.h-link .ico { width: 30px; height: 30px; background-position: center top; }
.h-link .t { cursor: pointer; line-height: 60px; text-align: center; transition: 300ms; }
.h-link .t i { line-height: 24px;width:170px; height:40px; font-size:14px; line-height:40px; display:block; color:#fff; color:rgba(255,255,255,.8); padding-left:10px; }
.h-link .t i small{ margin-left:6px; font-size:18px;}
.h-link .t .aico { margin-left: 10px; }
.h-link .b { position: absolute; top: 0; width: 80px; right: 0; z-index: 9; background: #fff; opacity: 0; visibility: hidden; transition: 400ms; transform: translateY(20px); }
.h-link .b a { display: block; position: relative; height: 60px; padding-left: 15px; overflow: hidden; line-height: 30px; font-size:13px;}
.h-link .b a p, .h-link .b a .ico { margin-top: 15px; float: left; margin-right: 10px; }
.h-link .b a:after, .h-link .b a:before { content: ""; position: absolute; }
.h-link .b a:before { right: 10px; top: 50%; margin-top: -5px; border-radius: 100%; width: 6px; height: 6px; border: 2px solid #999; transition: 300ms; }
.h-link .b a:after { right: 14px; top: 50%; margin-top: -1px; border-radius: 100%; width: 2px; height: 2px; background: #fff; transition: 300ms; opacity: 0; visibility: hidden; }
.h-link:hover .b { opacity: 1; visibility: visible; transform: translate(0); }
.h-link.h-link-1 .t .aico { width: 19px; height: 20px; background-position: -160px -46px; }
.h-link.h-link-2 .t .aico { width: 10px; height: 7px; background-position: -168px -105px; }
.h-link.h-link-2 .b { left: auto; width: 200px; top: 100%; }
.h-link.h-link-2 .b a.o:before { display: none; }
.h-link.h-link-2 .b a .aico { position: absolute; right: 10px; top: 50%; margin-top: -4px; width: 10px; height: 7px; background-position: -168px -98px; }
.h-link.h-link-1{ width: 110px; }


.h-link.h-link-1 .b{ width: 110px; }
.h-link.h-link-2:hover .t .ico{ background-image: url(../images/lang_11.png); }
.h-link .b a:hover{ background:#035f06; color:#fff;}
.h-link .b a:hover:before{ border:2px solid #fff;}

.ch_en{ position:relative;}
.ch_en:after{ content:""; width:1px; height:14px; background:#fff; background: rgba(255,255,255,.6); position:absolute; right:5px; top:15px;}


.s_news{ width:70px; height:516px; background:#fff; position:absolute; top:50%; left:-100px; margin-top:-258px; z-index:99; position:relative; padding-top:25px; line-height:22px; letter-spacing:2px; -moz-transition: all 1s ease-in-out;-webkit-transition: all 1s ease-in-out;-o-transition: all 1s ease-in-out;-ms-transition: all 1s ease-in-out;transition: all 1s ease-in-out; transition-delay:1s; -moz-transition-delay:1s; -ms-transition-delay:1s; -o-transition-delay:1s; -webkit-transition-delay:1s; }
.s_news .s_tt{ font-size:15px; color:#035f06; width:39px; height:60px; text-align:center; margin:0 auto; border-bottom:1px solid #dadada;}
.s_news .hd{ position:absolute; bottom:-4px;height:8px;}
.s_news .hd ul{ text-align:center; display:block; width:70px; height:8px;line-height:0; font-size:0;}
.s_news .hd ul li{ width:8px; height:8px; border-radius:50%; background:#313131; display:inline-block; margin:0 4px; font-size:0; cursor:pointer;}
.s_news .hd ul li.on{ background:#7c7171;}
.s_news .bd{text-align:center; margin-top:30px;}
.s_news .bd .tempWrap{ margin-left:11px;}
.s_news .bd ul{ }
.s_news .bd ul li{ width:14px; float:left; margin:0 5px; display:inline-block; text-align:center; height:340px; overflow:hidden; line-height:1.2;}
.s_news .bd a{ font-size:14px; color:#787a81;}
.s_news .bd a i{ margin-left:3px;}






#pageNav { 
font: 12px/24px Tahoma; 
height: 30px; 
margin: 15px auto 0; 
text-align: center; 
width: 500px; 
} 
#pageNav ul { 
list-style-type: none; 
overflow: hidden; 
} 
#pageNav ul li { 
background-color: #FFFFFF; 
border: 1px solid #0d6a00; 
color: #000308; 
display: block; 
height: 22px; 
margin: 0 2px; 
padding: 0 3px; 
float: left; 
} 
#pageNav ul li a { 
background-color: #FFFFFF; 
color: #000308; 
padding: 0 3px; 
} 
#pageNav ul li a:hover { 
color: #0d6a00; 
} 
#pageNav ul li.hover { 
border: 0 none; 
color: #000000; 
font-weight: bold; 
} 
#pageNav ul li.hover a { 
color: #000000; 
}