@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;margin:0;padding:0;}
ul, li {list-style: none;margin: 0;padding: 0;}
.no_padding{ padding:0;margin-bottom: 0 !important;}
/*自定义样式*/
.left {float: left;}
.right {float: right;}
/*.m{width: 1200px;margin: 0 auto; display: block;  }*/
.m{width: 90%;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);}

/*=================导航=================*/
.nav-links .navbar>.container .navbar-brand, .navbar>.container-fluid .navbar-brand {
    margin-left: 0;}
.nav-links .navbar {
    margin-bottom:0px;}
.nav-links .navbar img {
    width:100%;}
@media (max-width: 1000px) {
 .nav-links .nav-con{margin-left: 10%;}
 .nav-links .navbar img {width:150%;}
}
.nav-links .navbar-inverse {
    background:url(../images/head-bg.png) center no-repeat;
    border:none;}
.nav-links .navbar-inverse .navbar-brand h1 {
    color: #0A0A0A;
    text-transform: uppercase;
    font-size: 30px;
    font-weight: 600;}
.nav-links .navbar-brand {
    height:inherit;
    padding:24px 0 0;}
.nav-links .navbar-nav>li>a {
    /*padding: 30px 25px;*/
    padding: 30px 25px 25px 25px;
    color: #000;
    font-size: 15px;
    font-weight: 600;}
.nav-links  .navbar-inverse .navbar-nav>li>a:hover {
    background-color:#fff;
    color:#d84c4c;}
.navbar-inverse .navbar-nav > li > a:focus {
    color: #000;}
.nav-links .navbar-inverse .navbar-nav>.active>a,.nav-links  .navbar-inverse .navbar-nav>.active>a:focus,.nav-links  .navbar-inverse .navbar-nav>.active>a:hover {
    color: #d84c4c;
    background-color: #FFFFFF;}
.navbar-header {
    width: 30%;
    float: left;}
div#myNavbar {
    width: 70%;
    float: right;}
.navbar-nav {
    float: right;}
#header{ z-index:999; width:100%;}
.logo{ width:100%;}
.nav_box{ height:18px; overflow:hidden; float:right;}
#nav{ height:18px;}
#nav>li{float:left; text-align:center; height:80px;position:relative; width:106px; z-index: 0;  transition:.5s; -ms-transition:.5s; -moz-transition:.5s; -o-transition:.5s; -webkit-transition:.5s; display:table;}
#nav>li>a{ position:relative; overflow:hidden;height:50px; display:table-cell; vertical-align:middle;}
#nav>li h3{color:#fff; font-size:15px;}
#nav>li span{ font-size:12px; color:#000; color:rgba(255,255,255,.55); font-family:arial; text-transform:uppercase; margin-top:6px; display:block;}
#nav>li:before{content:""; position: absolute; z-index:-1; display:block; width:106px; height:0; background:#b51d23; top:0; transition:.5s; -ms-transition:.5s; -moz-transition:.5s; -o-transition:.5s; -webkit-transition:.5s;}
#nav>li:hover:before{ height:58px;}
#nav>li a:hover{ color:#000;}
#nav>li.on:after{transform:scaleY(1); opacity:1;}
#nav>li.on a{ color:#000;}
#nav>li.on{ background:#b51d23;}

/*动画end*/
           
.nav-top-t{background:#ffffff;}
.nav-top-l{min-height:80px;}
.nav-top-l .nav-top-imgbox a img{margin:20px;}
.nav-top-r{min-height: 80px;}
.nav-top-r .nav-top-searchbox .nav-search{margin-top:10px;/*background:#e0e0e0;*/height:45px;padding:0;}
.nav-top-r{min-height: 80px;}
.nav-top-r .nav-top-searchbox .nav-search .nav-search-input{height:34px;border:1px solid #e0e0e0;border-radius:3px;border-right:none;}
.nav-top-r .nav-top-searchbox .nav-search .nav-search-input input{height:30px;margin-top:1px;padding-left:8px;width:100%;}
.nav-top-r .nav-top-searchbox .nav-search .nav-search-submit{background:#638bc2;height:34px;padding:0;border-radius:1px;}
.nav-top-r .nav-top-searchbox .nav-search .nav-search-submit button{background:none;border:none;width:100%;}
.nav-top-r .nav-top-searchbox .nav-search .nav-search-submit button i{font-size:18px;color:#ffffff;padding:7px 9px;}

.nav-top-phone{position:fixed;top:0;left:0;z-index:2000;min-height:50px;background:#fff;border-bottom:1px solid #ababab;width: 100%;}
.nav-top-phone .nav-top-phone-l .nav-top-phone-con .nav-top-phone-imgbox a img{padding:10px 0;}

.nav_btn{display: block; position: absolute !important; right: -3%; top: 50%; margin-top: -15px; vertical-align: middle; background: url(../images/nav_btn.png) no-repeat; width: 40px; height: 40px; cursor: pointer;} 
.nav_m{ float: right; text-align: right;}
.nav_m ul{}
.nav_m ul li{ display:inline-block; padding: 0 21px; position: relative; line-height: 99px;}
.nav_m ul li span{ font-size: 18px; cursor: pointer; display: block;}
.nav_m ul li.active a,.nav ul li.active .submenu_span{ color: #2589ff; text-decoration: none;}
.nav_m ul li a{ color: #333; font-size: 18px; display: block;}
.nav_m ul li a:hover,.nav ul li:hover span{ color: #2589ff;}

.nav_m ul .phone_submenu{ display: none;}
.nav_m ul li.sub_li{ background: url(../images/nav_sanjiao.png) no-repeat right center;}
.nav_m ul .sub_li_ul{ display: none; position: absolute; top: 99px; left: 0; width: 110px; z-index: 99; line-height: 40px; background: #fff; border: 1px solid #f0f0f0;}
.nav_m ul .sub_li_ul li a{ color: #999;}
.nav_m ul .sub_li_ul li:hover a{ background: #2589ff; color: #fff;}
.nav_m ul li.active .sub_li_ul .active a{ color: #fff; background: #2589ff;}
.nav_m ul .sub_li_ul li{ padding: 0; text-align: center; width: 100%; line-height: 40px; display: block; border-bottom: 1px solid #f0f0f0;}

@media only screen and (max-width:1100px) {
.nav_m{ display: none; background: #f0f0f0;float: none; margin: 0; position: absolute; right: 0; width: 160px; top: 64px; z-index: 9999;}
.nav_m ul li{ margin: 0; line-height: 44px; text-align: center; display: block; padding: 0; border-bottom: 1px solid #ccc;}
.nav_m ul li:nth-last-of-type(1){ border: 0;}
.nav_m ul li.sub_li{ background: none;}
.nav_m ul li a:hover{ background: #2589ff; color: #fff;}
    /*.nav ul li:hover .submenu_span{ background: #2589ff; color: #fff;}*/
.nav_m ul li.active a{ background: #2589ff; color: #fff;}
.nav_m ul li.active ul li a{ background: #fff; color: #666;}
.nav_m ul li.active ul{ display: block;}
    
.nav_m ul li ul{ background: #fff; border: 1px solid #f0f0f0;}
.nav_m ul li ul li a{ color: #666;}
.nav_m ul li ul li:nth-last-of-type(1) a{ border: none;}
.nav_m ul .sub_li_ul{ top: 44px; width: 100%; position: static;}
    
.nav_m ul .phone_submenu{ display: block;}
.nav_m ul .submenu_span{ position: relative;}
.nav_m ul .submenu_span:after{ content: ""; position: absolute; display: block; width: 10px; height: 10px; right: 10px; border-left:1px solid #333; border-bottom: 1px solid #333; top: 60%; -webkit-transform: translateY(-50%) rotate(135deg);transform: translateY(-50%) rotate(135deg);}
.nav_m ul .ico_up:after{ top: 45%;  -webkit-transform: translateY(-50%) rotate(-45deg);transform: translateY(-50%) rotate(-45deg);}
.nav_m ul li.active .ico_up:after{}
}
/*foot*/
#footer{ background:#353338; box-sizing:border-box; padding-top:60px; position:relative; z-index:0;width:100%;}
#footer .fleft{}
#footer .fleft .foot_nav{  width:100%; position:relative;}
#footer .fleft .foot_nav ul li:after{ content:""; position:absolute; height:1px; width:0px; background:#c10000; left:35px; bottom:-21px;transition:.5s; -ms-transition:.5s; -moz-transition:.5s; -o-transition:.5s; -webkit-transition:.5s;}
#footer .fleft .foot_nav ul li:hover:after{width:61px;}
#footer .fleft .foot_nav ul li.on:after{width:61px;}
#footer .fleft .foot_nav ul li{ display:inline-block; padding:0 25px;  position:relative;}
#footer .fleft .foot_nav ul li:before{ content:""; width:1px; height:11px; background:#4a4a4a; display:block; position:absolute; left:0; top:4px;}
#footer .fleft .foot_nav ul li:first-child:before{ background:none;}
#footer .fleft .foot_nav ul li a{ font-size:15px; color:#fff; position:relative;transition:.2s; -webkit-transition:.2s;}
#footer .fleft .foot_nav ul li a:hover{}
#footer .fleft .foot_logo{ float:left; margin-right:40px; margin-top:5px;}
#footer .fleft .gz{ width:100%; margin-top:32px; overflow:hidden; border-top:1px solid #4a484c; margin-top:20px; padding-top:20px;}
#footer .fleft .gz .txt{ width:30%; float:left; text-align:justify; height:72px; overflow:hidden;text-align:justify; margin-right:25px;margin-left: 20px;}
#footer .fleft .gz .txt p{ font-size:12px; color:#868587; line-height:24px; text-align:justify;}
.footer *{ font-size:13px; color:#636363;}
#footer .fleft .ewm{ width:111px; height:90px; text-align:center;font-size:12px; color:#767676; line-height:20px; margin-left:15px; float:left;}
#footer .fleft .ewm img{width:150px; height:90px;  float:right;}
#footer .fleft .ewm p{ width:20px; height:90px; display: table;float:left;}
#footer .fleft .ewm span{ width:20px; height:90px; display: table-cell; vertical-align:middle; font-size:12px; text-align:center; color:#a7a7a7; line-height:1.1;}
#footer .form{ width:477px;}
#footer .ftright{}
#footer .ftright .footinfo{float: left;color: #fff;}
#footer .ftright .footinfo span{color: #fff;margin-bottom: 15px;font-size: 16px;}
#footer .ftright .footinfo ul{color: #fff;display: block;margin-top: 20px;}
.foot_bot{ background:#353338; padding:20px 0; margin-top:38px;font-size:12px; height:78px; line-height:38px; color:#6f6e70; padding-bottom:20px; border-top:1px solid #555657; text-align:center; margin-top:30px;}
.foot_bot .bq{ text-align:center; line-height:25px;}
.foot_bot p{ display:inline-block; font-size:12px; color:#6f6e70;}
.foot_bot p a{ font-size:12px; color:#6f6e70;}
.foot_bot p a:hover{ color:#eee;}


#footer .fr{ width:384px; float:right; padding-left:50px; border-left:1px solid #535156;}
#footer p{ font-size:13px; color:rgba(255,255,255,0.7); color:#d1d0d1; font-family:arial; line-height:25px; margin:0;}
#footer .fr .ico{ float:right; margin-top:43px;}
#footer .fr .ico a{ margin-left:15px; opacity:1;}
#footer .fr .ico a:hover{ opacity:0.8;}


.foot_bot *{ color:rgba(255,255,255,0.3) !important; font-size:12px !important; display:inline-block;}
.foot a:hover{ color:#fff; text-decoration:underline;}
.foot_bot a:hover{ color:#fff !important;}
#s_wx{ position:relative;}

#fix_ewm_box{position: absolute; top: -55px; right: 0; z-index: 99999999999; display: none; height:30px; text-align:right;}

#fix_ewm_box .ewm{ display:inline-block; line-height:30px; height:30px; font-size:17px; font-family:arial; color:#999; text-align:right; -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; margin:0;}


#fix_sj_box{position: fixed; top: 0px; right: 0; z-index: 9999; 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;}



/* 点击搜索框获取焦点 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;}
/* 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;}


.theDot {
    position: fixed;
    left: 0;
    top: 0;
    width: .5rem;
    height: .5rem;
    background-color: #c9463a;
    border-radius: 100%;
    z-index: 10001;
    pointer-events: none;
    transition: width .2s,height .2s;}
.theDot:after, .theDot:before {
    content: "";
    display: block;
    position: absolute;
    width: 80%;
    height: 80%;
    left: 10%;
    top: 10%;
    border-radius: 100%;
    border: .3rem solid rgba(201,70,58,.7);
    z-index: -1;
    box-sizing: border-box;
    -webkit-animation: none;
    animation: none;
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 0;}
.theDot:after {
    -webkit-animation-delay: .75s;
    animation-delay: .75s;}


.__cursor_cross:hover:after,.__cursor_cross:hover:before{visibility:hidden!important;opacity:0!important;}
.theDot{position:fixed;left:0;top:0;width:.5rem;height:.5rem;background-color:#c9463a;border-radius:100%;z-index:10001;pointer-events:none;transition:width .2s,height .2s;}
.theDot:after,.theDot:before{content:"";display:block;position:absolute;width:80%;height:80%;left:10%;top:10%;border-radius:100%;border:.3rem solid rgba(201,70,58,.7);z-index:-1;box-sizing:border-box;-webkit-animation:none;animation:none;-webkit-transform-origin:center;transform-origin:center;-webkit-transform:scale(1);transform:scale(1);opacity:0;}
.theDot:after{-webkit-animation-delay:.75s;animation-delay:.75s;}
.theDot_active{width:.75rem;height:.75rem;}
.theDot_active:after,.theDot_active:before{-webkit-animation:b 1.5s infinite;animation:b 1.5s infinite;}
.theDot_disabled{visibility:hidden;opacity:0;}
@-webkit-keyframes b{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1;}to{-webkit-transform:scale(5);transform:scale(5);opacity:0;}}
@keyframes b{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1;}to{-webkit-transform:scale(5);transform:scale(5);opacity:0;}}



/*online qq*/
div#top{}
.online_q {
    position: fixed;
    right: -80px;
    bottom: 30%;
    background: url(../images/r_b.png) 0px bottom no-repeat;
    z-index: 9999; transition:.5s; -webkit-transition:.5s;}
.online_q:before{ content: ""; background:url(../images/you.png) left center no-repeat; background-size:60px; width:60px; height:80px; position:absolute; left:-60px; 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:1;}
.online_q:hover{right:0;}
.online_q:hover:before{ left:0;}
.online_q .btn2{width:80px; height:80px; cursor:pointer; position:relative; background: #f2f4f7; border:1px solid #e5e5e5; margin-top:-1px;}
.online_q .btn2 span{ padding-top:43px; display:block; font-size:12px; color:#191919;}
.online_q .btn-yuyue{background:url(../images/qq_ico1.png) center 20px no-repeat #f2f4f7; position:relative;}
.online_q .btn-wx{background:url(../images/qq_ico2.png) center 20px no-repeat #f2f4f7;}
.online_q .btn-wx .pic{position:absolute; left:-130px; top:-20px; display:none;width:130px;height:130px; background: #fff; 
    border: 1px solid #ddd;
    padding: 20px 0;
    box-sizing: border-box;}
.online_q .btn-wx .pic:after{ content:url(../images/r_jiantou.png); position:absolute; top:50%; margin-top:0; right:-12px;}
.online_q .btn-wx .pic img{ width:90px; height:90px;}
.online_q .btn-wx .pic p{ font-size:12px; color:#7b7c7c; margin-bottom:10px;}
.online_q .btn-tel{background:url(../images/qq_ico3.png) center 20px no-repeat #f2f4f7; position:relative;}
.online_q .btn-tel .pic{position:absolute; left:-130px; top:-20px; display:none;width:130px;height:50px; background: #fff; 
    border: 1px solid #ddd;
    padding: 20px 0;
    box-sizing: border-box;}
.online_q .btn-tel .pic:after{ content:url(../images/r_jiantou.png); position:absolute; top:50%; margin-top:0; right:-12px;}
.online_q .btn-tel .pic p{ font-size:12px; color:#7b7c7c; margin-bottom:10px;}
.online_q .btn-qq{background:url(../images/qq_ico4.png) center 20px no-repeat #f2f4f7; position:relative;}
.online_q .btn-qq,.izl-rmenu .btn-qq:visited{ text-decoration:none; display:block;}
.online_q .btn-top{background:url(../images/qq_ico5.png) center 20px no-repeat  #f2f4f7;  display:none;}
.online_q .btn-qq .pic{position:absolute; left:-170px; top:15px; display:none;width:145px;height:50px; background: #fff;
    border: 1px solid #ddd;
    box-sizing: border-box;  line-height: 50px;
    font-size: 16px;}
.online_q .btn-qq .pic:after{ content:url(../images/r_jiantou.png); position:absolute; top:3px; right:-12px;}

.online_q .btn-yuyue:hover{background:url(../images/qq_ico1_on.png) center 20px no-repeat #ba1f35; color:#fff;}
.online_q .btn-wx:hover{background:url(../images/qq_ico2_on.png) center 20px no-repeat #ba1f35; color:#fff;}
.online_q .btn-tel:hover{background:url(../images/qq_ico3_on.png) center 20px no-repeat #ba1f35; color:#fff;}
.online_q .btn-qq:hover{background:url(../images/qq_ico4_on.png) center 20px no-repeat #ba1f35; color:#fff;}
.online_q .btn-top:hover{background:url(../images/qq_ico5_on.png) center 20px no-repeat #ba1f35; color:#fff;}

.btn2:hover{ border:1px solid #ba1f35; color:#fff;}
.online_q .btn2:hover span{ color:#fff;}

.titleInfo_1 {
margin: 0 30px 0 0;
  position: relative;
  overflow: hidden;
  height: 40px;
  line-height: 40px;
  border-bottom: 1px solid #dddddd;
}
.titleInfo_1 h3 {
  margin: 0;
  font-size: 24px;
  color: #0590d7;
  border-bottom: 4px solid #0590d7;
  padding-bottom: 9px;
}
.titleInfo_1 .more a {
  display: block;
  font-size: 16px;
  color: #0590d7;
}