@charset "UTF-8";
/**
 * @authors ZHOUXUAN (1255529120@qq.com)
 */
*{padding:0px; margin:0px;}
body{
    font-family:"微软雅黑", "新宋体",sans-serif;
    font-size: 16px;
    background:#fff;
}
a{text-decoration: none; cursor: pointer; }
a:link {color: #333333;}
a:visited {color: #333333;}
a:active {color: #333333;}
a:hover{text-decoration: none;}
li {list-style-type: none;}
img{border: 0px;}
.clear{clear:both; line-height:0;}
.clear:after,.clear:before{content: "."; display: table; height: 0; clear: both; visibility: hidden; }
.clear::after,.clear::before{content: ""; display: table; height: 0; clear: both; visibility: hidden; }

/*header头部 样式开始*/
.header{
    width:100%;
    height: auto;
}
.headerAll{
    width: 82%;
    height:120px;
    margin: 0 auto;
}
.logo{
    float:left;
}
.logo img{
    float: left;
    margin-top: 19px;
}
.nav-wrap{
    float:left;
    *width:58%;
}
.navbar-header{
    float:right;
    margin-top:40px;
}
.navbar-toggle{
    padding:9px 8px;
}
.navTEL {
    font-size: 20px;
    font-weight: bold;
    color: #de0109;
}
.nav{
    width: 100%;
    float: left;
    margin-top: 40px;
}
.navul li{
    position:relative;
    z-index:9999;
    float: left;
    height: 53px;
    line-height: 53px;
    /*margin: 0 22px;*/
    text-align: center;
}
.navul li.lastchild{
    margin-right: 0px;
}
.navul li a{
    display: block;
    margin: 0 20px;
}
.navul li a:hover{
    background:url("../images/abg.jpg") center bottom no-repeat;
}
.navul li.hover a{
    background:url("../images/abg.jpg") center bottom no-repeat;
}
.navul li a.hover{
    background:url("../images/abg.jpg") center bottom no-repeat;
}
.wwu{
    float: right;
    margin-top: 30px;
}

/*二级导航*/
.navul li .submenu{ z-index:9999;display:none;}
.navul li:hover .submenu{ z-index:9999;display:block;}
.navul li .submenu li{z-index:9999;background:#F8F8F8;float:none; height:36px;line-height:36px;/* opacity: 0.7; */border:none;border-top: 1px solid #ccc;margin: 0 0;*margin-top:-4px;}
.navul li .submenu li:hover {background: #F8F8F8;color: #333;}
.navul li .submenu li a{font-size:14px;color:#333;margin: 0 18px;z-index:9999; }
.navul li .submenu li a:hover{font-weight:normal; color:#333;background:none;}
.navul li .submenu li a.hover{background:none;}

@media screen and (min-width: 769px) and (max-width: 1400px){
    .wwu{display:none;}
    .nav{background:#none;}
    .navul li a{margin:0 15px;}

}
@media screen and (min-width: 769px) and (max-width: 840px){.navul li a{margin:0 8px;}}

@media screen and (max-width: 768px){
    .headerAll{
        /* position: absolute;
        top: 0;
        right: 0;
        left: 0;
        z-index: 20; */
        width:100%;
        height:100px;
    }
    .logo img{
        margin-top: 0px;
    }
    .nav-wrap{
        position: relative;
        float:none;
    }
    /* .main_visual{top: 120px;} */
    .nav{background:#3f444a;margin-top:0px;}
    .nav a,.nav a:hover{color:#fff;}
    .wwu{display:none;}
}
@media screen and (max-width: 350px){
    .headerAll{
        width: 100%;
        height:100px;}
    .logo img{
        margin-top: 0px;
    }
}
@media \0screen\,screen\9 {
    .navbar-toggle {
        display: none;
    }
    .collapse{display: block;}
}
@media screen and (max-width: 1024px){
    .navul li .submenu, .navul li .submenu li, .navul li .submenu li a{display:none;margin:0;}
    .headerAll{width:100%;
               height:100px;
    }
}
/*header头部 样式结束*/

/*Ico 样式开始*/
.mod-wrap {
    width: 100%;
    height: auto;
    overflow: hidden;
}
.mod-inner {
    width:82%;
    margin-left: auto;
    margin-right: auto;
    overflow: hidden;
}
.mod-wrap .activity-list li {
    display: inline-block;
    width: 19%;
    *display: block;
    *width: 18%;
    *float:left;
    height: auto;
    padding-top: 15px;
    padding-left: 15px;
    overflow: hidden;
    vertical-align:top;

}
.activity-list li a{
    display:block;
    border-right: 1px solid #ccc;
    *float:left;
    *padding-right:50px;
    *border-right:1px solid #ccc;
}
.activity-list .mobile-advertising-text {
    display: none;
}
.activity-list li .advertising-text, .advertising-icon {
    display: inline-block;
    vertical-align: middle;
    *float: left;
}
.advertising-icon {
    width: 75px;
    height: auto;
    margin-right: 5px;
}
.advertising-text p{
    padding-bottom:0 ;
    color:#333;
    *line-height:59px;
}
@media screen and (min-width: 769px) and (max-width: 1300px){
    .mod-wrap .activity-list li {
        padding: 0;
        text-align: center;
        *float:left;
    }
    .activity-list li .advertising-text {
        display: none;
    }
    .activity-list li a{
        border-right: none ;
    }
    .activity-list .mobile-advertising-text {
        display: block;
        font-size: 16px;
        white-space: normal;
    }
    .activity-list li h3{
        margin-top:5px;
    }
}
@media screen and (max-width: 768px){
    .mod-wrap{
        position:relative;
        /* top: 120px; */
    }
    .mod-wrap .activity-list li {
        /* display: table-cell; */
        width:18%;
        padding: 0;
        text-align: center;
    }
    .activity-list li .advertising-text {
        display: none;
    }
    .activity-list li a{
        border-right: none ;
    }
    .activity-list .mobile-advertising-text {
        display: block;
        font-size: 14px;
        white-space: normal;
    }
    .advertising-icon {
        width: 60%;
    }
    .advertising-icon img {
        width:100%;
    }
    .activity-list li h3{
        margin-top:5px;
    }
}
/*Ico 样式结束*/

/*Part1 样式开始*/
.mod-wrap.bg-color-1 {
    background-color: #f2f2f5;
}
.mod-wrap-product-new {
    background-image: url(../images/mod-bg.png);
    background-position: top center;
    background-repeat: no-repeat;
    height: 550px;
}
.mod-title {
    margin-left: 10px;
    margin-right: 10px;
}
.mod-title .title {
    font-size: 30px;
    font-weight: 400;
    margin-bottom: 10px;
}
.mod-title .des-text {
    font-size: 18px;
    line-height: 1.5em;
}
.mod-wrap-product-new .mod-content {
    height: 450px;
    margin-top: 60px
}
/*Part1 样式结束*/
/*Part2 产品 样式开始*/
.mod-wrap-product2 {
    background: url(../images/sol-area.jpg) center no-repeat;
    height: 550px;
}
.product-introwrap{
    width: 100%;
    height: auto;
    line-height:24px;
}
.product-introwrap li{
    display:block;
    color:#fff;
    padding-right:18px;
    border-right:2px solid #fff;
    *border-right:none;
}
.product-box{
    padding-top:60px;
}
.product-introitem{
    float: left;
    color: #fff;
    text-align: center;
    font-size:20px;
    font-weight:bold;
    margin:10px;
}
.index-compcur{
    display: block;
}
.index-compcur li{color:#fe0303;}
.box-hidden{
    display: none;
}
.product-conwrap{color:#fff;}
.m-desc-content {
    width: 59%;
    float:left;
    color: #fff;
    font-size: 16px;
    line-height: 2;
    padding-left:20px;
}
.m-desc-list {
    margin-top: 30px;
}
.m-desc-item {
    line-height: 60px;
}
.m-desc-item-icon1 {
    display: inline-block;
    background: url(../images/shipin1.png) center no-repeat;
    width: 36px;
    height: 60px;
}
.m-desc-item-icon2 {
    display: inline-block;
    background: url(../images/shipin2.png) center no-repeat;
    width: 36px;
    height: 60px;
}
.m-desc-item-icon3 {
    display: inline-block;
    background: url(../images/shipin3.png) center no-repeat;
    width: 36px;
    height: 60px;
}
.m-desc-item-text {
    margin-left: 20px;
}
.m-desc-link {
    margin-top: 40px;
}
a.u-btn {
    display: inline-block;
    background-color: #42a5f6;
    border-radius: 3px;
    padding-left: 6px;
    text-align: center;
}
a.u-btn-more {
    width: 190px;
    height: 40px;
    font-size: 16px;
    color: #fff;
    line-height: 40px;
}
.m-desc-img {
    float:left;
    width:40%;
    *width:38%;
    margin-top:40px;
    text-align:center;
}
.m-desc-img img{vertical-align:middle;width:100%;}
.m-desc-img img.zhihui{width:80%;}
.m2{
    margin-top:20px;
}
.l5{line-height:50px;}
.p1{padding-bottom:10px;}
@media screen and (min-width: 768px) and (max-width: 1024px){
    .product-box{padding-top:50px;}
    .m-desc-list {margin-top: 10px;}
    .m-desc-link {margin-top: 10px; }
    .product-introwrap li{padding-right:6px;border-right:none;}
    .l3{line-height:30px;}
}
@media screen and (max-width: 767px){
    .mod-wrap-product2 {background: rgba(0,1,3,0.95);height: auto;}
    .mod-inner {width: 90%;}
    .product-box{padding-top:30px;}
    .u-split-header{display:none;}
    .product-introwrap li{padding-right:6px;border-right:none;}
    .product-introitem{font-size:18px;margin: 10px 5px;line-height:20px;}
    .m-desc-list {margin-top: 10px;}
    .m-desc-link {margin-top: 10px; }
    .m-desc-content {width: 100%;float:none;padding-left:8px;}
    .m-desc-item {line-height: 30px; }
    .m-desc-item-icon1, .m-desc-item-icon2, .m-desc-item-icon3{height:36px;}
    .m-desc-item-text {margin-left: 6px;}
    .m-desc-img {float:none; width:100%;}
    .mod-title .des-text {font-size: 16px;}
}
/*Part2 样式结束*/

/*Part3 服务 样式开始*/
.fuwu-list a{
    display:block;
}
.fuwu-list li{
    width:25%;
    height:157px;
    overflow:hidden;
    float:left;
    line-height:28px;
    text-align:center;
    margin-bottom:25px;
}
.fuwu-list a:hover{-webkit-animation-name:swing;animation-name:swing;}
.fuwu-list li p{
    font-weight:bold;
}
.fuwu-list li span{
    display:block;
    width:96%;
    font-size:14px;
    color:#666;
}
.fuwu-list li:hover, .fuwu-list a:hover{color:#08a1ef;}
@media screen and (max-width: 767px){
    .fuwu-list li img{width:100%};
}
@media screen and (max-width: 350px){
    .fuwu-list li {height: 148px;}
    .fuwu-list li p{font-size:14px;}
}
/*Part3 样式结束*/

/*Part4 成功案例 样式开始*/
.anli-list li{
    width:23%;
    height:185px;
    margin:11px;
    overflow:hidden;
    float:left;
    text-align:center;
    background:#fff;
}
.anli-list li a{
    display:block;
    width:90%;
    height:88%;
    overflow:hidden;
    margin:10px auto;
}
.anli-list li a img{width:100%;height:100%;}
@media screen and (min-width: 768px) and (max-width: 1350px){
    .anli-list li{margin:8px 6px;}
}
@media screen and (max-width: 767px){
    .anli-list li{width:46%;height:105px; margin:6px 5px;}
    .anli-list li a{margin:5px auto;}
}
/*Part4 样式结束*/

/*Part5 新闻资讯 样式开始*/
.news h3 {
    font-size: 18px;
    font-weight: bold;
    color: #000;
}
.news-list li {
    line-height: 30px;
}
.news-list li a {
    font-size:16px;
    color: #666;
    width: 70%;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    display: block;
    float: left;
}
.news-list li small {
    color: #999;
}
.news p {
    margin: 25px 0 45px 0;
}
.news p a{color:#08a1ef;}
.col-md-4{width:30%\9;}
/*Part5 样式结束*/

/*Part6 我们的故事 样式开始*/
.mod-company {
    background: url(../images/19.jpg) center no-repeat;
    height: 400px;
    color:#fff;
    overflow:hidden;
}
.mod-company .mod-title{
    margin-top:40px;
}
.mod-company .title, .mod-company .des-text{
    color:#fff;
}
.company-list{
    width:100%;
    height:auto;
    margin:40px 10px;

}
.company-list li{
    width:20%;
    *width:19%;
    float:left;
    line-height:40px;
    text-align:center;
    color:#fff;
}
.company-list li a{
    display:block;
    width:90%;
    margin:0 auto;
}
.company-list li p{
    font-size:18px;
    font-weight:bold;
    color:#fff;
    margin-top:20px;
}
.company-list li span{
    font-size:14px;
    color:#fff;
}
.company-list li a:after{
    content: "";
    width: 30px;
    height: 2px;
    background: white;
    display: block;
    margin: 10px auto;
}
.company-list .li1 {
    animation-duration: 1s;
}
.company-list .li2 {
    animation-duration:2s;
}
.company-list .li3 {
    animation-duration:3s;
}
.company-list .li4 {
    animation-duration:4s;
}
.company-list .li5 {
    animation-duration:5s;
}
@media screen and (max-width: 767px){
    .company-list li img{width:100%;height:100%;}
    .company-list li span{display:none;}
    .company-list li p{font-size:16px;}
    .company-list li a:after{ margin: 20px auto;}
}

/*Part6 我们的故事 样式结束*/

/*Part7 合作伙伴 样式开始*/
.partner-list{
    width:98%;
    margin:10px auto 20px;
}
.partner-list li{
    width:20%;
    height:100px;
    float:left;
    text-align:center;
    color:#fff;
    margin:10px auto;
}
.partner-list li a{
    display:block;
    height:90%;
    width:90%;
    border: 1px solid #ccc;

}
.partner-list li a img{
    height:100%;
    width:100%;
    vertical-align:center;
}
@media screen and (max-width: 767px){
    .partner-list li{height:50px;margin:3px auto;}
}
/*Part7 合作伙伴 样式结束*/
/*footer底部 样式开始*/
.footer{
    width:100%;
    height:auto;
    background:#2e3033;
    line-height:1.75rem/* 28px */;
}
.font_2_2{text-align:left; color:#666; width:38%;margin:50px 10px; height:auto;float:left;}
h6{ color:#fff; font-size:20px;font-weight:bold;}
.font_2_2 p{ float:left; color:#fff; font-size:16px;line-height:30px;margin-right:5px;}
.font_2_2 img{width:105px;height:105px;}
.font_2_2 p span{ font-size:22px; color:#039ce8;}
.font_2_2 .erweima{text-align:center;margin-top:20px;}
.website-columns {
    float:left;
    width: 60%;
    margin: 50px auto;
    text-align: center;
    padding-left: 10px;
    padding-right: 10px;
    *padding-left: 0px;
    *padding-right: 0px;
}
.columns {
    display: inline-block;
    vertical-align: top;
    text-align: left;
    width: 32%;
    *float: right;
    margin-bottom: 20px;
}
.columns .ct-title {
    display:block;
    width:88%;
    font-size: 18px;
    color: #fff;
    font-weight:bold;
    padding-bottom:10px;
    border-bottom:2px solid #58595c;
}
.ct-list{margin-top:15px;}
.columns ul li, .columns ul li a {
    font-size: 16px;
    color: #fff;
    display: block;
    line-height:30px;
}
.ct-title span{ font-size:14px; color:#ccc; }

@media screen and (max-width: 767px){
    .website-columns{display:none;}
    .font_2_2{width:100%;margin:0 auto;}
}
@media screen and (min-width: 768px) and (max-width: 1422px){
    .font_2_2{width:33%}
    .website-columns {width: 64%;*width: 52%;}
    .font_2_2 .erweima{display:none;}
    .ct-title span{display:none;}
}

.pages{
    float:right;
    margin-top: 40px;
}
.pages a,
.pages span {
    display: inline-block;
    padding: 2px 5px;
    margin: 0 1px;
    border: 1px solid #f0f0f0;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.pages a,
.pages li {
    display: inline-block;
    list-style: none;
    text-decoration: none;
    color: #58A0D3;
}

.pages a.first,
.pages a.prev,
.pages a.next,
.pages a.end {
    margin: 0;
}

.pages a:hover {
    border-color: #50A8E6;
}

.pages span.current {
    background: #50A8E6;
    color: #FFF;
    font-weight: 700;
    border-color: #50A8E6;
}