@charset "utf-8";
body, div, address, blockquote, iframe, ul, ol, dl, dt, dd, li, dl, h1, h2, h3, h4, pre, table, caption, th, td, form, legend, fieldset, input, button, select, textarea,p {margin:0; padding:0;font-style: normal;font-weight:normal;font-size:12px;}
ol, ul ,li{list-style: none;}
img {border: 0; vertical-align:top;}
body{font-family: "Microsoft YaHei","微软雅黑",Helvetica,Arial; color: #666666; background: #fff;}
a{text-decoration:none; color: #666666;} 
.clear{clear:both;height:0; line-height:0; font-size:0;display:block; overflow:hidden}
.clearfix:after {clear: both;content: ".";display: block;height: 0;visibility: hidden;font-size:0}
.clearfix {zoom:1}
.fl{float:left; display: inline;}
.fr{float:right; display: inline;}
a:hover{
    color: #d40a1d;
}
input:focus{
    outline: 0 none;
}
/*common*/
body{
    background: #edf1f3;
    overflow-x:hidden;
}
textarea:focus{
    outline: 0 none;
}
::after, ::before {
    -webkit-tap-highlight-color: rgba(255,255,255,0);
    -webkit-touch-callout: none;
    -webkit-user-drag: none;
}

* {
    -webkit-tap-highlight-color: rgba(255,255,255,0);
    -webkit-touch-callout: none;
    -webkit-user-drag: none;


}


.header{
    width: 100%;
    background:#fff;
    position: relative;
}
.header_inner{
    width: 1200px;
    margin: 0 auto;
    height: 97px;
}
.header .header_logo a{
    display: block;
    padding-top: 15px;
}
.header .header_logo a img{
    width: 170px;
}
.header .fn_box {
    padding-top: 32px;
}
.header .fn_box .s1{
    color: #9a9da6;
    font-size: 19px;
    height: 36px;
    line-height: 36px;
    padding-left: 45px;
    margin-right: 35px;
    background: url(../images/i1.png) no-repeat 0 center/36px;
}
.header .fn_box .s1 em{
    font-style: normal;
    color: #d40a1d;
    font-weight: bold;
    margin-left: 5px;
}
.header .fn_box .s2{
    color: #9a9da6;
    font-size: 19px;
    height: 36px;
    line-height: 36px;
    padding-left: 45px;
    background: url(../images/i2.png) no-repeat 0 center/36px;
}
.header .fn_box .s2:hover{
    color: #d40a1d;
}

.nav {
    width: 100%;
    height: 62px;
    background: #2c2c2c;
}
.nav .inner{
    width: 1200px;
    margin: 0 auto;
}
.nav .inner li{
    float: left;
    display: inline;
    position: relative;
    z-index: 9991;
}
.nav .inner li .a{
    font-size: 15px;
    color: #fff;
    display: block;
    text-align: center;
    padding: 0 55px;
    height: 59px;
    line-height: 64px;
}
.nav .inner li .a{
    border-bottom: 3px solid #2c2c2c;
    border-right: 1px solid #404040;
}
.nav .inner li .j_hover{
    background: url(../images/a_b.png) no-repeat 80% 30px;
}
.nav .inner li .on,.nav .inner li a:hover{
   background: #000;
}
.nav .inner li  .j_hover.on, .nav .inner li  .j_hover:hover{
    background: url(../images/a_b.png) #000 no-repeat 80% 30px;
   color: #fff;
    border-bottom: 3px solid #fff;
}
.nav .inner li  .a.on, .nav .inner li  .a:hover{
   color: #fff;
    border-bottom: 3px solid #fff;
}
.nav .inner .sub_nav{
    position: absolute;
    top: 62px;
    left: 0px;
    width: 100%;
    background: #2c2c2c;
    z-index: 9991;
    padding:  0;
    display: none;
}
.nav .inner .sub_nav a{
    color: #fff;
    height: 37px;
    display: block;
    text-align: center;
    border-bottom: 1px solid #404040;
    padding: 0;
    line-height: 37px;
    font-weight: normal;
}

.footer{
    width: 100%;
}
.footer .b {
    background: #2c2c2c;
    height:124px;
    line-height: 124px;
}
.footer .b .inner {
    width: 1200px;
    margin: 0 auto;
    font-size: 12px;
    color: #fff;
}
.footer .b .l{
    color: #5d5d5d;
}
.footer .b .l span{
    color: #fff;
    padding: 0 5px;
}

.banner{
    width: 100%;
    height: 520px;
    position: relative;
    overflow: hidden;
    margin-bottom: 43px;
}
.banner .slideBox1 .hd .prev{
    position: absolute;
    width: 50px;
    height: 87px;
    left: 0;
    top: 50%;
    margin-top: -44px;
    background: url(../images/arr_l.png) no-repeat center 0;
    z-index: 91;
    cursor: pointer;
    display: none;
} 
.banner .slideBox1 .hd .next{
    position: absolute;
    width: 50px;
    height: 87px;
    right: 0;
    top: 50%;
    margin-top: -44px;
    background: url(../images/arr_r.png) no-repeat center 0;
    z-index: 91;
    cursor: pointer;
    display: none;
} 

#num-nav1{
    position: absolute;
    bottom: 10px;
    left: 0%;
    width: 100%;
    text-align: center;
    z-index: 999;
}
#num-nav1 a{
    background: rgba(255,255,255,0.4);
    filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#7F000000,endcolorstr=#7F000000);
    height: 15px;
    width: 15px;
    margin-right: 10px;
    line-height: 50px;
    border-radius: 50%;
    overflow: hidden;
    display: inline-block;
}
.slideBox1 .hd{
    display: block;
}
#num-nav1 .active-slide{
    background: #fff;
}
.banner .effect{
    height:520px;width: 100%; 
}
.slideBox1{  position:relative; height: 520px;width: 100%;   } 

.slideBox1 .bd{ position:relative; height:100%; z-index:0;   } 
.slideBox1 .bd ul{width: 100%!important; }
.slideBox1 .bd li{
    height: 520px;width: 100%!important; 
}
.slideBox1 .bd li a{
    display: block;
    width: 100%;
    height: 100%;
}


.index_main .news_box{
    width: 1200px;
    margin: 0 auto 60px;
    background: #fff;
    height: 68px;
    position: relative;
}
.index_main .news_box .time{
    width: 76px;
    height: 68px;
    text-align: center;
    color: #fff;
    background: #d40a1d;
}
.index_main .news_box .time .s1{
    font-size: 45px;
    font-family: "Arial";
    font-weight: bold;
    display: block;
    margin-bottom: -5px;
}
.index_main .news_box .time .s2{
    font-size: 12px;
}
.index_main .news_box .txt{
    line-height: 68px;
    padding-left: 23px;
}
.index_main .news_box .txt a{
    font-size: 15px;
}
.index_main .news_box .more_btn{
    position: absolute;
    top: 0;
    right: 0;
    width: 158px;
    height: 68px;
    text-indent: 34px;
    line-height: 68px;
    font-size: 15px;
    background: url(../images/i3.png) #f8f8f8 no-repeat 100px center/15px;
}


.index_main .modal_box .inner{
    width: 1200px;
    margin: 0 auto;
}
.index_main .modal_box .hd{
    width: 1200px;
    margin: 0 auto;
    border-bottom: 1px solid #dfe1e2;
    position: relative;
    margin-bottom: 40px;
}
.index_main .modal_box .hd span{
    position: absolute;
    left: 50%;
    top: -20px;
}
.index_main .modal_box .hd .s1{
    width: 280px;
    text-align: center;
    color: #000;
    font-size: 30px;
    background: #edf1f3;
    margin-left: -140px;
}

.m_index_main .modal_1 .bd li img{ width: 101px;}

.index_main .modal_1{
    padding-bottom: 55px;
}
.index_main .modal_1 li{
    float: left;
    width: 394px;
    height: 97px;
    background: #fff;
    margin-right: 9px;
    display: inline;
}
.index_main .modal_1 li .text{
    margin-left: 101px;
}
.index_main .modal_1 li p{
    text-indent: 60px;
    width: 293px;
}
.index_main .modal_1 li .p1{
    height: 48px;
    line-height: 48px;
    border-bottom: 1px solid #efeff0;
}
.index_main .modal_1 li .p2{
    height: 48px;
    line-height: 48px;
}
.index_main .modal_1  ul{
    margin-right: -38px;
}
.index_main .modal_1 .li_1 .p1{
    background: url(../images/i7.png)  no-repeat 30px center;
}
.index_main .modal_1 .li_1 .p2{
    background: url(../images/i8.png)  no-repeat 30px center;
}
.index_main .modal_1 .li_2 .p1{
    background: url(../images/i9.png)  no-repeat 30px center;
}
.index_main .modal_1 .li_2 .p2{
    background: url(../images/i10.png)  no-repeat 30px center;
}
.index_main .modal_1 .li_3 .p1{
    background: url(../images/i11.png)  no-repeat 30px center;
}
.index_main .modal_1 .li_3 .p2{
    background: url(../images/i12.png)  no-repeat 30px center;
}
.index_main .modal_2 {
    margin-bottom: 93px;
}
.index_main .modal_2 ul{
    margin-right: -20px;
}
.index_main .modal_2 li{
    float: left;
    width: 394px;
    height: 440px;
    background: #fff;
    text-align: center;
    margin-right: 8px;
    display: inline;
}
.index_main .modal_2 li .tit{
    font-size:  30px;
    color: #000;
    height: 84px;
    line-height: 84px;
}
.index_main .modal_2 li .img{
    margin-bottom: 20px;
}
.index_main .modal_2 li .img img{
    width: 354px;
    height: 114px;
}
.index_main .modal_2 li .txt{
    font-size: 15px;
    color: #2c2c2c;
    line-height: 36px;
}
.index_main .modal_2 li  .more_btn{
    text-align: center;
    margin-top: 15px;
}
.index_main .modal_2 li  .more_btn a{
    display: inline-block;
    width: 206px;
    height: 32px;
    line-height: 32px;
    border-radius: 20px;
    color: #fff;
    font-size: 15px;
    background: url(../images/i13.png)  #9a9da6 no-repeat 160px center;
}
.index_main .modal_2 li  .more_btn a:hover{
    background-color: #f23446;
}
.h100{
    height: 100%;
    overflow: hidden;
}

.m_header{
    display: none;
    height: 60px;
    background: #2c2c2c;
    position: relative;
    z-index: 991;
}
.m_header .header_inner{
    width: auto;
}
.m_header .header_logo img{
    height: 60px;
}
.m_header .menu_btn{
    position: absolute;
    top: 17px;
    right: 15px;
    width: 25px;
    height: 25px;
    background: url(../images/m_i1.png)  no-repeat 0 0;
    background-size: 25px;
}
.m_header .close_menu_btn{
    position: absolute;
    top: 17px;
    right: 15px;
    width: 25px;
    height: 25px;
    background: url(../images/m_i2.png)  no-repeat 0 0;
    background-size: 25px;
}
.m_header .menu_box{
    position: fixed;
    top: 60px;
    background: #fff;
    width: 280px;
    right: 0;
    z-index: 992;
    height: 90%;
    display: none;
    overflow: hidden;
    overflow-y:auto;
}
.m_header .menu_box li{
    border-bottom: 1px solid #e5e5e5;
    text-indent: 28px;
}
.m_header .menu_box li a{
    display: block;
    color: #000;
    height: 48px;
    line-height: 48px;
    font-size: 15px;
}
.m_header .menu_box li .sub_menu{
    display: none;
}
.m_header .menu_box li .sub_menu a{
    border-bottom: 1px solid #959595;
    padding-left: 30px;
    background: #565656;
    color: #fff;
}
.m_header .menu_box li .sub_menu  .on,.m_header .menu_box li .sub_menu a:active{
    background: #313131;
}
.m_header .menu_box li .sub_menu a:last-child{
    border: 0 none;
}

.m_header .menu_box li .j_a{
    background: url(../images/m_a_b.png)  no-repeat 250px center;
    background-size: 14px;
}
.m_header .menu_box .li_phone a .s1{
    color: #a3a3a3;
}
.m_header .menu_box .li_phone a .s1 em{
    font-style: normal;
    color: #d40a1d;
    font-weight: bold;
    margin-left: 5px;
}
.m_header .menu_box .li_phone{
    padding-left: 40px;
    background: url(../images/i1.png)  no-repeat 28px center;
    background-size: 32px;
}
.m_header .menu_box .li_how{
    padding-left: 40px;
    background: url(../images/i2.png)  no-repeat 28px center;
    background-size: 32px;
}
.m_header .menu_box .li_how a{
    color: #a3a3a3;
}






.m_banner{
    width: 100%;
    display: none;
    margin-bottom: 15px;
}
.m_banner .slideBox2{ position:relative; overflow:hidden; }
.m_banner .slideBox2 .hd{ position:absolute; height:28px; line-height:28px; bottom:0; right:0; width: 100%;
text-align: center; z-index:1; }
.m_banner .slideBox2 .hd li{ display:inline-block; width:10px; height:10px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; 
 text-indent:-9999px; overflow:hidden; margin:0 3px;  background: rgba(255,255,255,0.4);  }
.m_banner .slideBox2 .hd li.on{width:10px; height:10px; background:#fff;}
.m_banner .slideBox2 .bd{ position:relative; z-index:0;}
.m_banner .slideBox2 .bd li{ position:relative; text-align:center; overflow: hidden;   }
.m_banner .slideBox2 .bd li img{ vertical-align:top; width:100%; width: 200%; margin-left: -50%}
.m_footer{
    display: none;
}

.m_footer .p2 a{
    color: #fff;
}
.footer .b .l span a{
    color: #fff;
}






/*产品家族*/

.o_banner{
    width: 100%;
    height: 286px;
    position: relative;
}
.o_banner .p1{
    text-align: center;
    font-size: 30px;
    color: #fff;
    padding: 86px 0 32px;
}
.o_banner .p2{
    text-align: center;
}
.o_banner .p2 a{
    display: inline-block;
  width: 206px;
  height: 32px;
  line-height: 32px;
  border-radius: 20px;
  color: #fff;
  font-size: 15px;
  background: rgba(0,0,0,0.5);
  background-image:  url(../images/i13.png);
  background-position:   160px center;
  background-repeat: no-repeat;
}
.o_banner .p2 a:hover{
  background-color: rgba(0,0,0,0.6);
}
.o_banner .p3{
    text-align: center;
    font-size: 18px;
    color: #fff;
    margin-top: -15px;
}

.sub_link{
    width: 100%;
    height: 100px;
    background: #fff;
    text-align: center;
}
.sub_link  ul{
    display: inline-block;
}
.sub_link li{
    float: left;
}
.sub_link span{
    font-size: 18px;
    display: inline-block;
    height: 97px;
    line-height: 100px;
    padding: 0 28px;
    color: #666;
}
.sub_link a{
    font-size: 18px;
    display: inline-block;
    height: 97px;
    line-height: 100px;
    padding: 0 28px;
}
.sub_link .on{
    color: #d40a1d;
    border-bottom: 3px solid #d40a1d;
}

.m_o_banner{
    display: none;
}

.cpjz_main .title{
    font-size: 30px;
    color: #000;
    padding: 60px 0 90px;
    text-align: center;
}
.cpjz_main .pro_list{
    width: 800px;
    margin: 0 auto;
}
.cpjz_main .pro_list ul{
    margin-right: -180px;
}
.cpjz_main .pro_list li{
    float: left;
    width: 190px;
    text-align: center;
    margin-right: 130px;
    height: 213px;
    margin-bottom: 80px;
    display: inline;
}
.cpjz_main .pro_list li .img{
    height: 110px;
}
.cpjz_main .pro_list li .img img{
    height: 100%;
}
.cpjz_main .pro_list li .tit{
    font-size: 18px;
    font-weight: bold;
    padding: 5px 0 10px;
}
.cpjz_main .pro_list li .txt{
    line-height: 22px;
    font-size: 12px;
    color: #9a9da6;
}


.xxaqcj_main {
    padding-bottom: 137px;
}
.xxaqcj_main .title{
    font-size: 30px;
    color: #000;
    padding: 50px 0 57px;
    text-align: center;
}
.xxaqcj_main .pro_list{
    width: 1185px;
    margin: 0 auto;
}
.xxaqcj_main .pro_list ul{
    margin-right: -180px;
}
.xxaqcj_main .pro_list li{
    float: left;
    width: 576px;
    text-align: center;
    margin-right: 29px;
    height: 388px;
    border: 1px solid #dce2e6;
    margin-bottom: 29px;
    display: inline;
}
.xxaqcj_main .pro_list li .img{
    height: 279px;
    width: 576px;
}
.xxaqcj_main .pro_list li .img img{
    height: 279px;
    width: 576px;
}
.xxaqcj_main .pro_list li .txt{
    line-height: 109px;
    height: 109px;
    background: #fff;
    padding: 0 28px;
    text-align: left;
    font-size: 22px;
    color: #000;
}
.xxaqcj_main .pro_list li a:hover .txt{
    color: #d40a1d;
}




.hyjjfa_main .pro_list{
    width: 1200px;
    margin: 0 auto;
}
.hyjjfa_main .pro_list ul{
    margin-right: -180px;
}
.hyjjfa_main .pro_list li{
    float: left;
    width: 385px;
    text-align: center;
    margin-right: 20px;
    border: 1px solid #dce2e6;
    margin-bottom: 20px;
    display: inline;
}
.hyjjfa_main .pro_list li .img{
    height: 280px;
    width: 385px;
}
.hyjjfa_main .pro_list li .img img{
    height: 280px;
    width: 385px;
}
.hyjjfa_main .pro_list li .txt{
    line-height: 109px;
    height: 108px;
    background: #fff;
    padding: 0 28px;
    text-align: left;
    font-size: 22px;
    color: #000;
}
.hyjjfa_main .pro_list li a:hover .txt{
    color: #d40a1d;
}


/*关于我们*/
.news_main{
    width: 1200px;
    margin: 0 auto;
    background: #fff;
    padding-bottom: 70px;
    border-top: 4px solid #f9f9f9;
}
.news_main .inner{
    padding: 0 124px;
}
.news_main .news_list li{
    padding: 60px 0 40px;
    border-bottom: 1px solid #dadada;
}
.news_main .news_list li .time{
    width: 76px;
    padding-top: 6px;
    height: 70px;
    text-align: center;
    color: #fff;
    background: #d40a1d;
}
.news_main .news_list li .time .s1{
    font-size: 45px;
    font-family: "Arial";
    font-weight: bold;
    display: block;
    margin-bottom: -5px;
}
.news_main .news_list li .time .s2{
    font-size: 12px;
}
.news_main .news_list li .text{
    width: 750px;
    margin-left: 100px;
    color: #000;
}
.news_main .news_list li .text .tit{
    font-size: 22px;
    font-weight: bold;
    margin-bottom: 28px;
    color: #000;
}
.news_main .news_list li .text .txt img{
    width: 246px;
    margin-right: 30px;
}
.news_main .news_list li .text .p{
    width: 464px;
}
.news_main .news_list li .text p{
    font-size: 14px;
    line-height: 30px;
    color: #999;
}
.news_main .news_list li a:hover .tit{
    color: #d40a1d;
}


.pager{
    text-align: center;
    padding: 40px 0;
}
.pager .in{
    display: inline-block;
}
.pager .in a{
    display: inline-block;
    height: 34px;
    line-height: 34px;
    background: #f9f9f9;
    border-radius: 5px;
    font-size: 12px;
    color: #494949;
    margin-right: 6px;
    padding: 0 15px;
    border-bottom: 1px solid #efefef;
}
.pager .in .on,.pager .in a:hover{
    background: #444;
    color: #fff;
}
.m_pager{
    display: none;
}
.m_sub_link{
    display: none;
    z-index: 9;
}
.m_sub_link{
    width: 100%;
    background: #fff;
    position: relative;
    height: 60px;
}
.m_sub_link .btn{
    display: block;
    padding: 0 20px;
    height: 60px;
    line-height: 60px;
    font-size: 18px;
    border-bottom: 1px solid #e4e8e9;
    background: url(../images/m_a_b.png)  no-repeat 90% center;
    background-size: 16px;
}
.m_sub_link .sub_gaid{
    box-shadow: 0 2px 3px #e4e8e9;
    position: absolute;
    top: 61px;
    left: 0;
    width: 100%;
    background: #fff;
    display: none;
}
.m_sub_link .sub_gaid li{
    width: 33.3333%;
    float: left;
    text-align: center;
}
.m_sub_link .sub_gaid li a{
    display: block;
    height: 42px;
    line-height: 42px;
    border-right: 1px solid #e4e8e9;
    border-bottom: 1px solid #e4e8e9;
    font-size: 15px;
}
.m_sub_link .sub_gaid .btn:active{
    color: #d40a1d;
}



.com_main_box .title span{
    font-size: 18px;
    color: #999;
}
.partners_main{
    padding-bottom: 80px;
}
.partners_main  .title{
    font-size: 30px;
  color: #000;
  padding: 50px 0 57px;
  text-align: center;
}
.partners_main .m_title{
    display: none;
}
.partners_main .tip_box{
    border: 1px solid #e0e0e0;
    background: #fff;
    overflow: hidden;
    width: 1198px;
    margin: 0 auto 80px; 
}
.partners_main .tip_box .item{
    float: left;
    border-left: 1px solid #e0e0e0;
    margin-left: -1px;
    display: inline;
    width: 398px;

}
.partners_main .tip_box .item dl{
    padding: 20px 0 10px 20px;
}
.partners_main .tip_box .item dt{
    font-size: 24px;
    margin-bottom: 26px;
    color: #000;
}
.partners_main .tip_box .item p{
    background: url(../images/i14.png)  no-repeat 0 1px;
    padding-left: 20px;
    margin-bottom: 20px;
}
.partners_main .core_box{
    width: 1200px;
    margin: 0 auto;
}
.partners_main .core_box .hd{
    position: relative;
    border-bottom: 1px solid #dfe1e2;
    margin-bottom: 55px;
}
.partners_main .core_box .hd span{
    position: absolute;
    font-size: 30px;
    width: 200px;
    text-align: center;
    background: #edf1f3;
    top: -22px;
    left: 50%;
    margin-left: -100px;
    color: #000;
}
.partners_main .core_box .bd ul{
    margin-right: -20px;
}
.partners_main .core_box .bd li{
    float: left;
    margin: 0 9px 9px 0;
    display: inline;
    background: #fff;
    width: 293px;
    text-align: center;
    padding: 35px 0;
    border: 1px solid #ddd;
}
.partners_main .core_box .bd li img{
    width: 210px;
    opacity: 0.8;
}
.partners_main .core_box .bd li img:hover{
    opacity: 1;
}
.m_o_banner{
    display: none;
}


.plan_main .plan_box{
    width: 1200px;
    margin: 0 auto;
}
.plan_main .plan_box .item{
}
.plan_main .plan_box  li{
    width: 500px;
    border: 1px solid #dce2e5;
    border-radius: 10px;
    background: #fff;   
    padding: 40px;
    margin-bottom: 20px;
}
.plan_main .plan_box  li .hd{
    font-size: 24px;
    padding-bottom: 28px;
    border-bottom: 1px solid #e0e0e0;
    color: #000;
    margin-bottom: 38px;
}
.plan_main .plan_box  li .bd .addr{
    font-size: 12px;
    background: url(../images/i15.png)  no-repeat 0 center;
    padding-left: 20px;
    height: 22px;
    line-height: 22px;
    margin-bottom: 20px;
}
.plan_main .plan_box  li .bd dt{
    font-size: 18px;
    margin-bottom: 17px;
    color: #000;
}
.plan_main .plan_box  li .bd dd{
    font-size: 14px;
    color: #2c2c2c;
    line-height: 30px;
    margin-bottom: 20px;
}
.plan_main .plan_box  li .bd .email{
    color: #88a1b9;
    font-size: 12px;
}
.contact_main{
    width: 1200px;
    margin: 0 auto;
    padding-bottom: 110px;
    padding-top: 56px;
}
.contact_main .item{
    border: 1px solid #e0e0e0;
    background: #fff;
    margin-bottom: 28px;
    padding: 20px 20px 20px 56px;
}
.contact_main .item .hd{
    font-size: 36px;
    padding-bottom: 10px;
    border-bottom: 1px solid #e0e0e0;
    color: #000;
    margin-bottom: 20px;
}
.contact_main .item .bd li{
    margin-bottom: 18px;
    color: #000;
    font-size: 14px;

}
.contact_main .item li label{
    width: 80px;
}
.contact_main .item li p{
    font-size: 14px;
}


/*story_main*/
.crumb_box{
    width: 1200px;
    margin: 0 auto;
}
.crumb_box p{
    padding: 33px 0 26px;
    color: #666;
}
.crumb_box p a{
    color: #666;
}

.story_main{
    width: 1200px;
    margin: 0 auto;
    padding-bottom: 100px;
}
.story_main .con_box{
    width: 724px;
    border: 1px solid #dce2e6;
    background: #fff;
    padding: 50px 40px;
    min-height: 488px;
}
.con_box div ul li{list-style: disc; margin: 0 0 0 20px;}


.story_main .con_box .hd{
    font-size: 30px;
    margin-bottom: 20px;
    color: #000;
}
.story_main .con_box .time{
    font-size: 12px;
    margin-bottom: 20px;
    color: #ccc;
}
.story_main .con_box img{
    max-width: 100%;
}
.story_main .con_box .text p{
    font-size: 14px;
    line-height: 26px;
}
.story_main .con_box .text hr{ 
    margin:10px 0;
    height:1px;
    border:0px;
    background-color:#D5D5D5;
    color:#D5D5D5;"
}
.story_main .sider_nav{
    width: 368px;
    border: 1px solid #dce2e6;
    overflow: hidden;
    background: #fff;
}
.story_main .sider_nav li{
    height: 122px;
    border-top: 1px solid  #dce2e6;
    margin-top: -1px;
}
.story_main .sider_nav li a{
    display: block;
    height: 98px;
    padding: 24px 0 0 38px;
}
.story_main .sider_nav li .p1{
    font-size: 22px;
    color: #000;
    margin-bottom: 18px;
}
.story_main .sider_nav li .p2{
    font-size: 12px;
    color: #666;
}
.story_main .sider_nav li a:hover,.story_main .sider_nav li .on{
    background: #f6f8f9;
}

/*saas*/
.saas_fn {
    width: 100%;
    background: #fff;
    margin-bottom: 65px;
    height: 234px;
}
.saas_fn .inner{
    width: 1112px;
    margin: 0 auto;
}
.saas_fn  ul{ 
    padding-top: 46px;
}
.saas_fn li{
    float: left;
    width: 97px;
    margin-right: 156px;
    display: inline;
    text-align: center;
    font-size: 20px;
}
.saas_fn li:last-child{ margin-right: 0;}

.saas_fn li .txt{font-size:14px}
.saas_fn li img{
    width: 100%;
    margin-bottom: 10px;
}
.saas_main .pro_list  li{
    width: 394px;
    margin-right: 9px;
    background: #fff;
    height: auto;
}
.saas_main .pro_list  li .img {
    width: 394px;
    height: 365px;
}
.saas_main .pro_list  li .img img{
    width: 394px;
    height: 365px;
}
.saas_main .pro_list  li .text{
    height: 156px;
    padding: 26px 37px 0;
    text-align: left;
}
.saas_main .pro_list  li .text .p1{
    font-size: 26px;
    color: #000;
    margin-bottom: 18px;
}
.saas_main .pro_list  li .text .p2{
    font-size: 14px;
}
.saas_main .pro_list  li a:hover .p1{
    color: #d40a1d;
}


/*简介*/
.intro_main {
    width: 1200px;
    margin: 0 auto;
    background: #fff;
    border-top: 4px solid #f9f9f9;
}
.intro_main .inner{
    padding: 100px 120px 178px 100px;
}
.intro_main .l{
    width: 236px;
    padding-top: 20px;
}
.intro_main .l li{
    font-size: 18px;
    text-align: right;
    position: relative;
    color: #666;
    margin-bottom: 100px;
}
.intro_main .l li strong{
    font-size: 36px;
    font-weight: normal;
    color: #000;
}
.intro_main .l li i{
    position: absolute;
    top: -15px;
    width: 32px;
    height: 6px;
    right: 0;
    background: #d40a1d;
}

.intro_main .r{
    width: 669px;
}
.intro_main .r .text p{
    font-size: 15px;
    color: #000;
    line-height: 30px;
}

.dsj_main{
    width: 1200px;
    margin: 0 auto;
    background: #fff;
    border-top: 4px solid #f9f9f9;
}
.dsj_main .inner{
    padding: 0 157px 0 185px;
}
.dsj_main .r_l{
    position: absolute;
    top: 45px;
    left: -167px;
    width: 107px;
    margin-right: 61px;
}
.dsj_main .r_l  span{
    font-size: 30px;
    font-weight: bold;
    color: #d40a1d;
    font-family: "Microsoft YaHei","微软雅黑",Helvetica,Arial; 
}
.dsj_main .r_l  i{
    position: absolute;
    top: 50%;
    width: 16px;
    height: 16px;
    margin-top: -8px;
    right: -8px;
    background: url(../images/i16.png)  no-repeat center 0 ;
}

.dsj_main .r_r{
    width: 678px;
    border-left: 1px solid #d4eef8;
    padding: 20px 0;
    padding-left: 59px;
}
.dsj_main .r_r li{
    padding: 47px 0;
    border-bottom: 1px solid #edf1f3;
    position: relative;
}
.dsj_main .r_r li p{
    font-size: 18px;
    color: #666;
    line-height: 30px;
}
.dsj_main .r_r li:last-child{
    border-bottom: 0 none;
}


.story_main{
    width: 1200px;
    margin: 0 auto;
}
.story_main .example_box .bd li .img img{
        width: 235px;
    }

.story_main .example_box{
    padding: 76px 0;
}
.story_main .example_box .hd{
    text-align:center;
    font-size:  36px;
    color: #000;
    margin-bottom: 45px;
}
.story_main .example_box .hd em{
    font-size: 24px;
    color: #88a1b9;
    font-style: normal;
}
.story_main .example_box .bd  ul{
    margin-right: -50px;
}
.story_main .example_box .bd li{
    float: left;
    width: 560px;
    height: 201px;
    border: 1px solid #dce2e6;
    padding: 23px 0 0 23px;
    background: #fff;
    margin: 0 30px 30px 0;
    display: inline; 
}
.story_main .example_box .bd li .text{
    width: 280px;
    margin-left: 18px;
}
.story_main .example_box .bd li .tit{
    font-size: 18px;
    color: #000;
    margin-bottom: 14px;
}
.story_main .example_box .bd li .txt{
    font-size: 12px;
    line-height: 20px;
    margin-bottom: 32px;
    height: 58px;
    overflow: hidden;
}
.story_main .example_box .bd li .list span{
    display: inline-block;
    width: 64px;
    height: 20px;
    border-radius: 10px;
    background: #88a1b9;
    font-size: 12px;
    color: #fff;
    text-align: center;
    line-height: 20px;
    margin-right: 3px;
}

.story_main .cooperation_box .hd{
    text-align: center;
    font-size: 36px;
    color: #000;
    margin-bottom: 55px;
}
.story_main .cooperation_box .bd .btn_list{
    text-align: center;
    margin-bottom: 40px;
}
.story_main .cooperation_box .bd .btn_list a{
    display: inline-block;
    height: 38px;
    line-height: 38px;
    padding: 0 23px;
    border: 1px solid #dce2e6;
    background: #fff;
    border-radius: 3px;
    font-size: 16px;
    margin-right: 7px;
}
.story_main .cooperation_box .bd .btn_list  .on{
    background: #f23446;
    color: #fff;
    border: 1px solid #f23446;
}
.story_main .cooperation_box .bd ul{
    margin-right: -30px;
}
.story_main .cooperation_box .bd li{
    width: 293px;
    height: 254px;
    text-align: center;
    background: #fff;
    margin: 0 9px 9px 0;
    float: left;
    display: inline;
}
.story_main .cooperation_box .bd li .img {
    padding-top: 30px;
}
.story_main .cooperation_box .bd li img{
    width: 210px;
    height: 160px;
}
.story_main .cooperation_box .bd li .text{
    font-size: 14px;
    height: 64px;
    line-height: 64px;
    text-align: center;
}



/*系统服务*/
.system_main .inner{
    width: 1156px;
    margin: 0 auto;
}
.system_main .zixun_list {
    padding: 60px  0 40px;
}
.system_main .zixun_list  ul{
    margin-right: -22px;
}
.system_main .zixun_list li{
    float: left;
    width: 224px;
    margin-right: 10px;
    display: inline;
}
.system_main .zixun_list li a{
    display: block;
    width: 224px;
    height: 98px;
    line-height: 98px;
    color: #fff;
    font-size: 24px;
    background: #46b6df;
    text-align: center;
    border-radius: 5px;
}
.system_main .zixun_list li .a2{
    background: #fc6b1d;
}
.system_main .zixun_list li .a3{
    background: #f6da1b;
}
.system_main .zixun_list li .a4{
    background: #7edbda;
}
.system_main .zixun_list li .a5{
    background: #9670ec;
}

.system_main .info_box {
    padding-bottom: 108px;
}
.system_main .info_box .modal{
    height: 450px;
    background: #fff;
    box-shadow: 0 0 8px #e4e9ef;
    border-radius: 5px;
}
.system_main .info_box .t{
    margin-bottom: 22px;
}
.system_main .info_box .t .modal{
    width: 566px;
}
.system_main .info_box .modal .hd{
    font-size: 36px;
    padding: 130px 0 30px;
    text-align: center;
    color: #000
}
.system_main .info_box .modal .bd{
    font-size: 12px;
    color: #9a9a9a;
    width: 412px;
    margin: 0 auto;
    line-height: 20px;
    height: 162px;
}
.system_main .info_box .modal .ft{
    text-align: center;
}
.system_main .info_box .modal .ft a{
      display: inline-block;
  width: 206px;
  height: 32px;
  line-height: 32px;
  border-radius: 20px;
  color: #fff;
  font-size: 15px;
  background: #9a9da6 ;
  background-image: url(../images/i13.png);
  background-position: 160px center;
  background-repeat: no-repeat;
}

.system_main .info_box .modal .ft a:hover{
  background-color: #F23446;}
.system_main .info_box .t .l .hd{
  background-image: url(../images/img15.png);
  background-position: center 36px;
  background-repeat: no-repeat;
}
.system_main .info_box .t .r .hd {
  background-image: url(../images/img16.png);
  background-position: center 36px;
  background-repeat: no-repeat;
}
.system_main .info_box .b .hd{
  background-image: url(../images/img17.png);
  background-position: center 36px;
  background-repeat: no-repeat;
}
.system_main .info_box .b .bd{
    width: 1012px;
}



.zzzs_main .inner{
    width: 1200px;
    margin: 0 auto;
    padding: 74px 0 90px;
}
.zzzs_main .zs_hd{
    font-size: 24px;
  padding: 12px 0;
    font-weight: bold;
    padding-left: 50px;
  color: #000;
  border-bottom: 1px solid #bbb;
  margin-bottom: 28px;
}
.zzzs_main .l{
    width: 400px;
}
.zzzs_main .l .zs_hd{
  background-image: url(../images/img18.png);
  background-position: 0 center;
  background-repeat: no-repeat;
}
.zzzs_main .l .zs_hd{
  background-image: url(../images/img18.png);
  background-position: 0 center;
  background-repeat: no-repeat;
}
.zzzs_main .l .img{
    position: relative;
    width: 400px;
}
.zzzs_main .l .img img{
    width: 400px;
}
.zzzs_main .l .img .txt{
    position: absolute;
    left: 0;
    bottom: 0;
    width: 90%;
    color: #fff;
    font-size: 18px;
    line-height: 30px;
    height: 73px;
    padding: 0 5%;
    padding-top: 15px;
    background:rgba(0,0,0,0.6); filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#7F000000,endcolorstr=#7F000000);
}
.zzzs_main .l .bb{
    position: relative;
}
.zzzs_main .l .hd{
    position: absolute;
    top: 10px;
    right: 10px;
}
.zzzs_main .l .hd li{
    display: inline-block;
    width: 12px;
    height: 12px;
    line-height: 100px;
    overflow: hidden;
    margin-right: 10px;
    border-radius: 50%;
    background:rgba(255,255,255,0.6); filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#7FFFFFFF,endcolorstr=#7FFFFFFF);
}
.zzzs_main .l .hd .on{
    background: #fff;
}
.zzzs_main .item_1 .zs_hd {
  background-image: url(../images/img19.png);
  background-position: 0 center;
  background-repeat: no-repeat;
}
.zzzs_main .item_2 .zs_hd{
  background-image: url(../images/img20.png);
  background-position: 0 center;
  background-repeat: no-repeat;
}
.zzzs_main .r{
    width: 740px;
}
.zzzs_main .r li{
    margin-bottom: 8px;
}
.zzzs_main .r li a{
    display: block;
    padding-left: 15px;
  background: url(../images/img21.png) no-repeat 0 6px/6px 6px;
 
  color: #000;
  margin-bottom: 12px;
  line-height:18px;
}
.zzzs_main .r li a:hover{
    text-decoration: underline;
    color: #d40a1d;
}
#lightbox-image-details-currentNumber{
    display: none!important;
}
#lightbox-container-image-data #lightbox-image-details{
    width: 100%;
    text-align: center;
}

.m_index_main .modal_2 li:hover,.story_main .example_box .bd li:hover,.story_main .cooperation_box .bd li:hover,.xxaqcj_main .pro_list li:hover,.system_main .zixun_list li:hover,.partners_main .core_box .bd li:hover,.plan_main .plan_box li:hover,.contact_main .item:hover{ 
    box-shadow: 0 2px 15px #e5e5e5;
    transform: translate(0px,-2px);
    transition: all 0.2s linear 0s;

}
.cpjz_main .pro_list li:hover{ 
    transform: translate(0px,-2px);
    transition: all 0.2s linear 0s;


}
 

@media all and (max-width: 980px){
 
    .zzzs_main .r li a{
     font-size:16px;
     line-height:26px;
     background-position: 0 11px;
    }

    .index_mask{
        position: fixed;
        top: 60px;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: 10;
        background: rgba(0,0,0,0.3);
        display: none;
    }
        .o_banner{
        background-size: cover!important;
    }
    .o_banner .p3{
        font-size: 12px;
        margin-top: 0;
    }
    .header{
        display: none;
    }
    .m_header{
        display: block;
    }
    .nav{
        display: none;
    }
    .m_banner{
        display: block;
    }
    .banner{
        display: none;
    }
    .index_main .m_news_box .time .s1{
        font-size:33px;
        margin-bottom: -1px;
    }
    .index_main .m_news_box .time .s2{
        font-size:10px;
        font-family: "Arial"; 
    }
    .index_main .m_news_box{
        height: auto;
        line-height: 22px;
        padding: 16px 0;
        width: 100%;
        margin-bottom: 32px;
    }
    .index_main .m_news_box .time{
        padding-top: 10px;
        width: 60px;
        height: 48px;
        margin-left: 20px;
    }
    .index_main .m_news_box .txt{
        width: 51%;
        padding-left: 3%;
        line-height: 23px;
        height: 50px;
        overflow: hidden;
        padding-top: 7px;
    }
    .index_main .m_news_box .txt a{
        font-size: 16px;
    }
    .index_main .m_news_box .more_btn{
        width: 60px;
        height: 58px;
        top: 16px;
        right: 20px;
          background: url(../images/i3.png) #f8f8f8 no-repeat center center/15px ;

    }
    .index_main .m_news_box .more_btn span{
        display: none;
    }
    .m_index_main .modal_box .inner{
        width: auto;
    }
    .m_index_main .modal_box .hd{
        width: 100%;
    }
    .m_index_main .modal_box .hd .s1{
        font-size: 16px;
        width: 140px;
        margin-left: -70px;
    }
    .m_index_main .modal_box .hd span{
        top: -12px;
    }
    .m_index_main .modal_box .hd{
        margin-bottom: 25px;
    }
    .m_index_main .modal_box .bd ul{
        padding: 0 20px;
        margin: 0;
    }
    .m_index_main .modal_1 .bd li{
        width: 100%;
        margin: 0;
        height: auto;
        margin-bottom: 10px;
    }
    .m_index_main .modal_1 .bd li img{
        width: 80px;
    }
    .m_index_main .modal_1 .bd li .text{
       margin-left: 72px;
    }
    .m_index_main .modal_1 li .p1{
        height: 38px;
        line-height: 38px;
    }
    .m_index_main .modal_1 .li_1 .p1{
          background: url(../images/m_i7.png) no-repeat 29px center;
          background-size: 20px;
    }
    .m_index_main .modal_1 .li_1 .p2{
          background: url(../images/m_i8.png) no-repeat 30px center;
          background-size: 20px;
    }
    .m_index_main .modal_1 .li_2 .p1{
          background: url(../images/m_i9.png) no-repeat 30px center;
          background-size: 20px;
    }
    .m_index_main .modal_1 .li_2 .p2{
          background: url(../images/m_i10.png) no-repeat 30px center;
          background-size: 20px;
    }
    .m_index_main .modal_1 .li_3 .p1{
          background: url(../images/m_i11.png) no-repeat 30px center;
          background-size: 20px;
    }
    .m_index_main .modal_1 .li_3 .p2{
          background: url(../images/m_i12.png) no-repeat 30px center;
          background-size: 20px;
    }
    .m_index_main .modal_1 li .p2{
        height: 38px;
        line-height: 38px;
    }
    .m_index_main .modal_2 li{
        width: 90%;
        padding: 0 5% 20px;
        margin-bottom: 17px;
        height: auto;
    }
    .m_index_main .modal_2 li .img img{
        width: 100%;
        height: auto;
    }
    .m_index_main .modal_2 li .tit{
        font-size: 23px;
        height: 70px;
        line-height: 70px;
    }
    .m_index_main .modal_2 li .txt{
        line-height: 28px;
        font-size: 13px;
    }
    .m_index_main .modal_2{
        margin-bottom: 20px;
    }
    .footer{
        display: none;
    }
    .m_footer{
        display: block;
        text-align: center;
        padding: 23px 0 30px;
        background: #2c2c2c;
        font-size: 11px;
    }
    .m_footer .p1{
        color: #858585;
        margin-bottom: 6px;
    }
    .m_footer .p2{
        color: #fff;
    }
    .m_index_main .modal_2 li .more_btn a{
        height: 28px;
        line-height: 28px;
        width: 170px;
        font-size: 13px;
          background: url(../images/i13.png) #9a9da6 no-repeat 133px center;
          background-size: 12px;
    }
    .m_index_main .modal_2 li .more_btn a:active{
        background-color: #f23446;
    }
    .m_index_main .modal_1 li p{
        font-size: 14px;
        width: 100%;
    }
    .m_o_banner{
        display: block;
    }
    .o_banner{
        height: 180px;
        background-size:  auto 180px;
    }
    .o_banner .p1{
        font-size: 22px;
        padding: 45px 20px 10px 20px;
    }
    .o_banner .p3{
        font-size: 16px; 
    }
    .o_banner .p2 a{
        width: 140px;
        height: 30px;
        line-height: 30px;
        font-size: 13px;
        background-size: 14px;
        background-position: 110px center;
    }
    .sub_link{
        height: 80px;
    }
    .sub_link ul{
        width: 100%;
    }
    .sub_link li{
        width: 33.3333%;
    }
    .sub_link li a{
       
        display: block;
        height: 77px;
        line-height: 80px;
        text-align: center;
        font-size: 16px;
        padding: 0;
        margin: 0;
    }
    .cpjz_main .pro_list{
        width: 100%;
    }
    .cpjz_main .pro_list ul{
        margin-right: 0;
        padding: 0 20px;
    }
    .cpjz_main .title{
        font-size: 22px;
        padding:40px;
    }
    .cpjz_main .pro_list li{
        float: none;
        width: 100%;
        margin-right: 0;
    }
    .cpjz_main .pro_list li .tit{
        font-size: 20px;
    }
    .cpjz_main .pro_list li .txt{
        font-size: 14px;
    }
    .cpjz_main .pro_list li{
        height: auto;
        display: block;
        margin-bottom: 40px;
    }
    .cpjz_main .pro_list li a{
        display: block;
    }
    .cpjz_main .pro_list li a:active .tit{
        color: #d40a1d;
    }
    .cpjz_main .pro_list li .img{
        height: 150px;
    }


    .xxaqcj_main{
        padding-bottom: 20px;
    }
    .xxaqcj_main .pro_list{
        width: 100%;
    }
    .xxaqcj_main .pro_list ul{
        margin-right: 0;
        padding: 0 20px;
    }
    .xxaqcj_main .title{
        font-size: 23px;
        padding: 40px;
    }
    .xxaqcj_main .pro_list li{
        float: none;
        width: 100%;
        margin-right: 0;
    }
    .xxaqcj_main .pro_list li .txt{ 
        height: 60px;
        line-height: 56px;
    }
    .xxaqcj_main .pro_list li{
        height: auto;
        display: block;
        margin-bottom: 20px;
    }
    .xxaqcj_main .pro_list li a{
        display: block;
    }
    .xxaqcj_main .pro_list li a:active .tit{
        color: #d40a1d;
    }
    .xxaqcj_main .pro_list li .img{
        width: 100%;
        height: auto;
    }
    .xxaqcj_main .pro_list li .img img{
        width: 100%;
        height: auto;
    }


    .more_sub_link{
        display: none;
    }
    .news_main{
        width: 100%;
        padding: 0;
        border: 0 none;
    }
    .news_main .inner{
        padding: 0 20px;
    }
    .news_main .news_list li {
      padding: 25px 0 17px;
    }
    .news_main .news_list li .time{
        width: 50px;
        height: 50px;
        padding-top: 0;
    }
    .news_main .news_list li .time .s1{
        font-size: 30px;
    }
    .news_main .news_list li .time .s2{
        font-size: 9px;
    }
    .news_main .news_list li .text{
        float: none;
        margin-left: 65px;
        display: block;
      width: auto;
    }
    .news_main .news_list li .text .tit{
        font-size: 17px;
        margin-bottom: 7px;
    }
    .news_main .news_list li .text .txt{
        font-size: 12px;
    }
    .news_main .news_list li .text .txt img{
        width: 160px;
        margin: 0;
        margin-bottom: 10px;
    }
    .news_main .news_list li .text .p{
        width: 100%;
    }
    .news_main .news_list li .text p{
        line-height: 24px;
    }
    .pager{
        display: none;
    }
    .m_pager{
        display: block;
    }
    .m_sub_link{
        display: block;
    }
    .pager{
        padding: 20px 0;
    }
    .o_banner{
        display: none;
    }
    .m_o_banner{
        display: block;
    }
    .partners_main .title{
        width: 80%;
        margin: 0 auto;
        font-size: 20px;
        padding: 15px 0;
    }

    .partners_main .p_title{
        display: none;
    }
    .partners_main .m_title{
        display: block;
    }
    .partners_main .title span{
        font-size: 12px;
    }
    .partners_main .tip_box{
        width: auto;
        padding: 0 20px;
        border: 0 none;
        background: transparent;
    }
    .partners_main .tip_box .item{
        float: none;
        width: 100%;
        display: block;
          border: 1px solid #e0e0e0;
          background: #fff;
          margin-top: -1px;
    }
    .partners_main .tip_box .item dt{
        font-size: 15px;
        margin-bottom: 15px;
    }
    .partners_main .title span{
        color: #88a1b9;
    }
    .partners_main .tip_box .item p{
        margin-bottom: 8px;
        background: url(../images/m_i14.png)  no-repeat 0 1px;
        background-size: 13px;
    }
    .partners_main .tip_box .item dl{
        padding: 13px;
    }
    .partners_main .tip_box{
        margin-bottom: 20px;
        padding-top: 4px;
    }
    .partners_main .core_box{
        width: auto;
        padding: 0 20px;
    }
    .partners_main .core_box .hd{
        border: 0 none;
        text-align: center;
        margin-bottom: 20px;
        width: 100%;
    }
    .partners_main .core_box .hd span{
        font-size: 15px;
        position: static;
        margin-left: 0;
        width: auto;
    }
     .partners_main .core_box .bd ul{
        margin-right: 0;
     }
    .partners_main .core_box .bd li{
        width: 38%;
        margin: 0;
        padding: 5%;
        margin-right:4%;
        border:none;
        margin-bottom: 4%;
        box-shadow: 0 0 1px #ccc;
    }
    .partners_main .core_box .bd li:nth-child(2n){
        margin-right: 0;
    }
    .partners_main .core_box .bd li img{
        width: 100%;
        height: auto;
    }
    .partners_main{
        padding-bottom: 40px;
    }
    .plan_main .plan_box{
        width: auto;
    }
    .plan_main .plan_box .item{
        margin: 0 auto; 
        float: none;
    }
    .plan_main .plan_box li {
        position: static!important;
      width: auto;
      border: 0 none;
      border-bottom: 1px solid #dce2e5;
      background: #fff;
      padding: 35px;
      margin-bottom: 0;
      border-radius: 0;
      margin-bottom: 20px;
    }
    .plan_main .plan_box li .hd{
        font-size: 30px;
        padding-bottom: 15px;
        margin-bottom: 13px;
    }
    .plan_main .plan_box li .bd .addr {
      background: url(../images/m_i13.png) no-repeat 0 center;
      background-size: 14px;
      margin-bottom: 22px;
    }
    .plan_main .plan_box li .bd dt{
        font-size: 13px;
        margin-bottom: 10px;
    }
    .plan_main .plan_box li .bd dd{
        font-size: 12px;
        line-height: 24px;
    }
    .contact_main{
        padding-top: 20px;
        width: auto;
        padding-bottom: 20px;
    }
    .contact_main .item{
        padding: 20px;
        margin-bottom: 10px; 
        border-left: none;
        border-right: none;
    }
    .contact_main .item .text{
        float: none;
        width: 100%;
        display: block;
    }
    .contact_main .item .hd{
        font-size: 18px;
        margin-bottom: 20px;
    }
    .contact_main .item .bd table{
        width: 100% !important;
    }
    .contact_main .item .bd li{
        margin-bottom: 9px;
    }
    .contact_main .item li p{
        width: 79%;
    }
    .contact_main .item .map{
        float: none;
        display: none;
        width: 100%;
    }
    .contact_main .item .map img{
        width: 100%;
    }
    .contact_main .item li label{
        width: auto;
        font-size: 12px;
    }
    .contact_main .item li  p{
        font-size: 12px;
    }


    .crumb_box{
        width: 100%;
    }
    .crumb_box p{
        padding: 15px 0 15px 20px;
    }

    .story_main{
        width: 100%;
        padding-bottom: 20px;
    }
    .story_main .con_box{
        float: none;
        display: block;
        width: auto;
        padding: 20px 20px;
        border: 0 none;
        border-top: 1px solid #dce2e6;
        border-bottom: 1px solid #dce2e6;
        min-height: auto;
    }
    .story_main .con_box .hd{
        font-size: 22px;
        margin-bottom: 10px;
    }
    .story_main .con_box .time{
        font-size: 12px;
        margin-bottom: 10px;
    }
    .story_main .con_box img{
        max-width: 100%;
    }
    .story_main .con_box .text p{
        font-size: 14px;
        line-height: 30px;
    }
    .story_main .sider_nav{
        margin-top: 10px;
        float: none;
        display: block;
        width: 100%;
        border: 0 none;
        border-top: 1px solid #dce2e6;
        border-bottom: 1px solid #dce2e6;
        overflow: hidden;
        background: #fff;
    }
    .story_main .sider_nav li{
        height: 62px;
        border-top: 1px solid  #dce2e6;
        margin-top: -1px;
    }
    .story_main .sider_nav li a{
        display: block;
        height: 49px;
        padding: 12px 0 0 19px;
    }
    .story_main .sider_nav li .p1{
        font-size: 14px;
        margin-bottom: 6px;
    }
    .story_main .sider_nav li .p2{
        font-size: 12px;
    }
    .story_main .sider_nav li a:active{
        background: #f6f8f9;
    }
    .saas_fn{
        height: auto;
        margin-bottom: 20px;
    }
    .saas_fn .inner{
        width: auto;
        padding: 20px 40px;
    }
    .saas_fn ul{
        margin-right: 0;
        padding: 20px 0 10px;
    }
    .saas_fn li{
        margin-right: 14%;
        width: 24%;
        margin-bottom: 5%;
        font-size:14px;
    } 
    .saas_fn li{
        background-size: 100%!important
    }
    .saas_fn li:nth-child(3){
        margin-right: 0;
    }
    .saas_main .pro_list li .text{
        height: auto;
        padding: 15px;
    }
    .saas_main .pro_list li .text .p1{
        font-size: 20px;
        margin-bottom: 10px;
    }
    .saas_main .pro_list li .text .p2{
        font-size: 12px;
        color: #999;
    }
    .intro_main{
        width: auto;
        border: 0 none;
        background: transparent;
    }
    .intro_main .inner{
        padding: 0
    }
    .intro_main .l{
        float: none;
        width: 100%;
        display: block;
        height: 75px;
        background: #f2f5f6;
        border-bottom: 1px solid #e4e8e9;
        overflow: hidden;
    }
   .intro_main .l ul{
        padding: 20px;
   }
    .intro_main .l li{
        float: left;
        font-size: 12px;
        margin-right: 0%;
        text-align: left;
    }
    .intro_main .l li:first-child{
        margin-right: 15%;
    }
    .intro_main .l li:last-child{
        margin-right: 15%;
        float: right;
        width: auto;
    }
    .intro_main .l li strong{
        font-size: 18px;
    }
    .intro_main .l li  i{
        position: absolute;
        left: 0;
        width: 16px;
        height: 3px;
    }
    .intro_main .r{
        width: auto;
        float: none;
        display: block;
        overflow: hidden;
        width: 100%;
    }
    .intro_main .text{
        padding: 20px;
    }
    .intro_main .r .text p{
        font-size: 15px;
        line-height: 30px;
    }
    .intro_main .r .text  img{
        width: 100%;
    }
    .dsj_main{width: auto;}
    .dsj_main .r {
        padding-left: 60px;
    }
    .dsj_main .inner{
        padding: 0 20px;
    }
    .dsj_main .r{
        float: none;
        display: block;
    }
    .dsj_main .r_r li{
        padding: 15px 0;
    }
    .dsj_main .r_r li p{
        font-size: 15px;
        line-height: 26px;
    }
    .dsj_main .r_r{
        width: auto;
        padding-left: 12px;
    }
    .dsj_main .r_l span{
        font-size: 17px;
    }
    .dsj_main .r_l {
      position: absolute;
      top: 17px;
      left: -76px;
      width: 60px;
    }
    .dsj_main .r_l i{
        background-size: 9px;
        background-position: right center;
    }
    .story_main .example_box{
        padding: 20px;
    }
    .story_main .example_box .hd{
        font-size: 18px;
    }
    .story_main .example_box .hd em{
        font-size: 16px;
    }
    .story_main .example_box .hd{
        margin-bottom: 20px;
    }
    .story_main .example_box .bd ul{
        margin: 0;
    }
    .story_main .example_box .bd li{
        width: auto;
        height: auto;
        margin: 0;
        float: none;
        padding: 0;
        display: block;
        overflow: hidden;
        padding-bottom: 15px;
        margin-bottom: 10px;
    }
    .story_main .example_box .bd li .img img{
        width: 100%;
    }
    .story_main .example_box .bd li .img{
        text-align: center;
        padding: 10px;
        float: none;
        display: block;
    }
    .story_main .example_box .bd li .text{
        float: none;
        display: block;
        width: auto;
        margin: 0 18px;
    }
    .story_main .example_box .bd li .text .txt{
        height: auto;
        margin-bottom: 10px;
    }
    .story_main .cooperation_box .hd{
        font-size: 18px;
        margin-bottom: 20px;
    }
    .story_main .cooperation_box .bd .btn_list{
        padding: 0 20px;
        text-align: left;
    }
    .story_main .cooperation_box .bd .btn_list a{
        font-size: 18px;
        width: auto;
        height: 30px;
        line-height: 30px;
        padding: 0;
        padding: 0 5%;
        margin-bottom: 10px;
        margin-right: 1%;
    }
    .story_main .cooperation_box .bd .btn_list a:nth-child(3n){
     
    }
    .story_main .cooperation_box .bd ul{
        margin-right: 0
    }
    .story_main .cooperation_box .bd .btn_list{
        margin-bottom: 20px;
    }
    .logo_list{
        padding: 0 20px;
    }
    .story_main .cooperation_box .bd li{
        width: 49%;
        margin-right: 0;
        height: auto;
    }
    .story_main .cooperation_box .bd li:nth-child(2n){
        margin-right: 0;
    }
     .story_main .cooperation_box .bd li.even{
        margin-right: 2%;
    }
    .story_main .cooperation_box .bd li .img{
        padding: 10% 10% 0;
    }
    .story_main .cooperation_box .bd li img{
        width: 100%;
        height: auto;
    }
    .story_main .cooperation_box .bd li .text{
        height: 34px;
        line-height: 21px;
        padding:0 5% 8%;
    }
    .sub_link_two li{
        width: 50%;
    }
    .system_main .inner{
        width: auto;
    }
    .system_main .zixun_list{
        padding: 25px 20px;
    }
    .system_main .zixun_list ul{
        margin-right: 0;
    }
    .system_main .zixun_list li{
        float: none;
        width: 100%;
        margin-right: 0;
        margin-bottom: 8px;
        display: block;
    }
    .system_main .info_box{
        padding-bottom: 20px;
    }
    .system_main .zixun_list li a{
        text-align: left;
        padding-left: 5%;
        width: 95%;
        height: 44px;
        line-height: 44px;
        font-size: 18px;
    }
    .system_main .info_box .modal{
        float: none;
        display: block;
        width: 100%;
        height: auto;
        padding-bottom: 20px;
        margin-bottom: 12px;
    }
    .system_main .info_box .modal .hd{
        font-size: 24px;
        padding: 60px 0 20px;
        background-size: 33px;
        background-position: center 20px!important;
    }
    .system_main .info_box .modal .bd{
        font-size: 12px;
        padding: 0 25px;
        font-size: 12px;
        width: auto;
        line-height: 24px;
        height: auto;
        margin-bottom: 25px;
    }
    .system_main .info_box .t .modal{
        width: auto;
        border-radius: 0;
    }
    .zzzs_main {
        background: #fff;
    }
    .zzzs_main .inner{
        width: auto;
        padding: 0;
    }
    .zzzs_main .l{
        float: none;
        display: block;
        width: auto;
        padding: 0 20px;
        border-bottom: 15px solid #edf1f3;
        padding-bottom: 20px;
    }
    .zzzs_main .l .zs_hd{
        background-image: url(../images/m_img18.png);
        background-position: 0 center;
        font-size: 18px;
        background-size: 28px;
        font-weight: normal;
    }
    
    .zzzs_main .item_1 .zs_hd {
      background-image: url(../images/m_img19.png);
      background-position: 0 center;
      background-repeat: no-repeat;
    }
    .zzzs_main .item_2 .zs_hd{
      background-image: url(../images/m_img20.png);
      background-position: 0 center;
      background-repeat: no-repeat;
    }

    .zzzs_main .zs_hd {
      font-size: 24px;
      padding: 25px 0;
      font-weight: bold;
      padding-left:40px;
      border-bottom: 1px solid #eef1f3;
      margin-bottom:20px;
    }
    .zzzs_main .l .img{
        width: 100%;
    }
    .zzzs_main .l .img img{
        width: 100%;
    }
    .zzzs_main .l .img .txt{
        font-size: 14px;
          width: 90%;
          font-size: 16px;
          line-height: 30px;
          height: 73px;
          padding: 0 5%;
          padding-top: 15px;
    }
    .zzzs_main .r{
        float: none;
        display: block;
        width: auto;
    }
    .zzzs_main .r .item{
        padding: 0 20px;
        padding-bottom: 20px;
        border-bottom: 15px solid #edf1f3;
    }
    .zzzs_main .r .zs_hd{
        background-position: 0 center;
        font-size: 18px;
        background-size: 28px;
        font-weight: normal;
    }
    #lightbox-container-image-box{
        width: 100%!important;
        height:auto!important;
    }
    #lightbox-container-image{
        padding: 5px;
        background: #fff;
    }
    #lightbox-container-image img{
        width: 100%;
    }
    #lightbox-container-image-box{
        background: transparent;
    }
    #lightbox-loading{
        display: none!important;
    }
    #lightbox-container-image-data{
        padding: 0px;
    }
    #lightbox-container-image-data-box{
        width: 100%!important;
        padding: 5px 0;
    }
    #lightbox-secNav-btnClose{
        top: 6px;
        right: 8px;
    }
    #jquery-overlay{
        height: 100%!important;
        position: fixed!important;
        top: 0!important;
        left: 0!important;
    }
  
    .index_main .modal_1{padding-bottom: 20px;}
    .plan_main .plan_box  li .bd .email{
    color: #88a1b9;
    font-size: 18px;
    }
    .m_banner{margin: 0;}

}