/* .container{

    @media screen and (min-width: 768px) {
        .container{
            width: 750px;
        }
    }
    @media screen and (min-width: 992px) {
        .container{
            width: 970px;
        }
    }
    @media screen and (min-width: 1200px) {
        .container{
            width: 1200px;
        }
    }

} */
@media (min-width: 1200px) {
    .container{
        width: 1200px;
    }
}


/* 全局样式 */
/* @font-face {
    font-family: 'Glyphicons Halflings';
    src: url('../bootstrap/fonts/glyphicons-halflings-regular.eot');
    src: url('../bootstrap/fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'), url('../bootstrap/fonts/glyphicons-halflings-regular.woff') format('woff'), url('../bootstrap/fonts/glyphicons-halflings-regular.ttf') format('truetype'), url('../bootstrap/fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular') format('svg');
} */
body,ol,ul,h1,h2,h3,h4,h5,h6,p,th,td,dl,dd,dt,form,fieldset,legend,input,textarea,select{margin:0;padding:0}
body{font:16px;background:#fff; color: #363636;}
a{ color: #494848;}
a:link,a:hover,a:active,a:visited{text-decoration:none}
em{font-style:normal}
li{list-style:none}
img{border:0;vertical-align:middle}
table{border-collapse:collapse;border-spacing:0}
p{word-wrap:break-word}
*, *:before, *:after {box-sizing: border-box;outline: none;}

.ind{text-indent:2em}
.ind10{text-indent:10px;}
.noborder{border:0;}
/* .left{float:left;}news
.right{float:right;} */
.clearBoth{clear:both;}

.m80{ margin-top:80px;padding:0}
.m40{ margin-top:40px;}
.m_b40{ margin-bottom: 40px;}

.f16{font-size: 16px !important;}
.f18{font-size: 18px !important;}
.f20{font-size: 20px;}
.f22{font-size: 22px;}
.f24{font-size: 24px;}
.f28{font-size: 28px;}
.f38{font-size: 38px;}

.bg_grey{ background: #f8f9fb;}
.bg_grey:after{
    content:"";
    display:block;
    visibility:hidden;
    clear:both;
    }

.main_width{ width: 100%; margin: 0 auto; }
.main_width:after{
    content:"";
    display:block;
    visibility:hidden;
    clear:both;
    }
.main_title{ font-size: 28px;padding-top: 20px;line-height: 70px; color: #6c6c6c; text-align: center; font-weight: normal;}
.main_title span{ font-weight: bold; color: #2e2e2e;}
.shadow{width:90px; margin: 0 auto; border-bottom: 2px solid #404040;}

.btn2{
    display: block;
    width: 187px;
    border: 1px solid #eb6100;
    border-radius: 50px;
    text-align: center;
    line-height: 49px;
    font-size: 17px;
    color: #eb6100;
    margin: auto;
}


.header_nav{ 
  display: flex;justify-content:space-between;
  height: 80px; 
  position: fixed;
  z-index: 99999;
  top: 0;
  left: 0;
  width: 100%;
  background-color: #ffffff;
  /* Force Hardware Acceleration */
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
  -webkit-transition: -webkit-transform .5s;
  transition: -webkit-transform .5s;
  transition: transform .5s;
  transition: transform .5s, -webkit-transform .5s;
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);}
  
.header_nav .let-logo{ 
    width:30%;
    /* float: left; */
    padding: 12px 10px;
}

    /* logo不需要缩小 */
 /* .header_nav .let-logo img{
    max-width: 100%;
    } */
/* .header_nav .let-logo span{
    display: block;
    height: 50px;
    line-height: 50px;
    color: #fff;
    background-color: #000c3d;
    font-size: 18px;
    text-align: center;
} */
.header_nav .right-nav{
    /* float: right; */
 }
.header_nav a{font-size: 16px; color: #595959;text-align: center;}

.header_nav .ul-list{
    /* float:right;  */
    display: flex;
    /* flex-direction: row-reverse; */
    text-align: center;
    /* align-items: center; */
    width: 100%; 
    margin-top: 10px; 
    height: 70px; 
    line-height: 70px;
}

.header_nav .ul-list li{
    /* float: right;  */
    /* display: flex; */
    width:80px; text-align: center; margin: 0 15px; }
    .header_nav .ul-list li a{
    text-align: center!important;}
.header_nav .ul-list li a:hover{ color:#eb6100 ;}
.header_nav .ul-list .active{box-shadow:inset 0 -4px rgb(251 138 46);}
.emptydata{width:100%;height:auto;}

/* 轮播图 */
.banner{ height:500px; width: 100%;position:relative}
.banner .content{ width: 100%; margin: 0 auto; padding: 200px 15px 0 15px;}
.banner .content h1{font-size: 40px; font-weight: bold;}
.banner .content p{font-size: 24px; line-height:180%; margin-top: 30px;font-weight:lighter;}
    .banner .banner_background_img {
        height: 100%;
        color: #FFFFFF; /* background: url(../img/banner1.jpg) no-repeat center; */
        background-size: cover;
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
    }
    .banner ul {position: absolute;bottom: 10px;right: 0px;}
        .banner ul li {width: 50px;height: 8px;float: left;background-color: rgba(255,255,255,0.7);margin-right: 8px;cursor: pointer;}
        .banner ul li.active {background-color: rgba(251,138,46,.8);}

            .banner a {
                display: inline-block;
                width: 180px;
                line-height: 49px;
                color: #fff;
                font-size: 20px;
                text-align: center;
                border: 1px solid #fff;
                border-radius: 50px;
                margin-top: 25px;
            }
/* 首页产品介绍 */
.container-fluid .banner{ height:600px; }
.product_bg{min-height: 770px; background: url(../images/product-bg.png) bottom no-repeat; }
.index_product .su {
    /*width: 363px;*/
    text-align: center;
    height: 250px;
    float: left;
    overflow: hidden;
    padding-left: 15px;
    padding-right: 15px;
    margin-top: 40px;
}
.su:nth-of-type(3n+3) {margin-right: 0;}
.index_product h3{font-weight: normal; margin-bottom: 10px;font-size:18px;}
.index_product p{font-size: 14px; color: #afafaf; line-height: 180%;}
.index_product:after{content:"";display:block;visibility:hidden;clear:both;}


/* 首页行业案例 */
.main-case{width:95%;}
.main-case .case-tab{width: 100%;margin: 20px auto;}
.main-case .case-tab:after{ content:"";display:block;visibility:hidden;clear:both;}

    /* 中等屏幕的时候 */
    /* @media screen and (max-width: 525px){
        .main-case .case-tab li{
            font-size: 12px!important;
        }
    } */

.main-case .case-tab li{ float: left; width: 20%; text-align: center; font-size: 17px; height: 42px; line-height: 42px;}
.main-case .case-tab li:hover{cursor: pointer;}
.main-case .case-tab li.active{ background: #f0f0f0; border-radius: 50px;color:#eb6100;}
.main-case .case-content{padding:0 1px; border: 1px solid #f3f3f3; margin:20px auto 60px;box-shadow: 0 3px 16px #e8eaec, 0 0 1px #e8eaec, 0 0 1px #e8eaec; }
.main-case .case-content .left img{width: 100%;height:100%}
.main-case .text{padding: 60px 30px 20px 20px;}
.main-case .text h2{ font-weight: bold; font-size: 32px; margin-bottom: 20px; }
.main-case .text h3{ font-size: 22px;margin-bottom: 20px;font-weight: normal;}
.main-case .text p{ color: #8b8b8b; font-size: 16px;margin-bottom: 20px;}
.main-case .case-content .right .left{
    display: block;
    width: 187px;
    border: 1px solid #eb6100;
    border-radius: 50px;
    text-align: center;
    line-height: 49px;
    font-size: 17px;
    color: #eb6100;
}

/* 首页技术服务 */
.main-js{min-height: 502px; background: url(../images/js_bg.jpg); background-size: cover; padding-top: 40px;}
.main-js .main_title,.main-js .main_title span { color: #ffff;}
.main-js .shadow{border-bottom: #ffff solid 2px;}
.main-js .js-content{ margin-top: 70px; color: #ffffff; font-size: 20px;}
.main-js .js-content li{ 
    text-align: center;
    float: left; 
    width: 16%;  
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
    list-style: none;
}
.main-js .js-content img{ border: 1px solid #7f8698; /* border-radius: 143px; */border-radius: 50%; width: 100%;}
.main-js .js-content p{ line-height: 180%; margin-top: 20px;color:#fff;}

/* 首页新闻动态 */
.main-news{margin-bottom: 40px;width:100%;}
.main-news .w-50{ width: 50%; float: left; padding-right: 30px;}
.main-news .w-50:nth-of-type(2n+2) {padding-right: 0;}

.main-news .glyphicon{ width:14px;height:14px; display: inline-block; background: url(../images/tuoyuan.png) no-repeat; margin-right: 10px;}
.main-news .time{float: right; color: #bbbbbb;}
.main-news .left-img{float: left;}
.main-news .left-img>img{width: 100%;height: 320px; max-width: 524px;}
.main-news .right-text{overflow: hidden; padding: 5px 0 0 20px;
     color: #949494; line-height: 160%; text-align: justify;padding: 40px 30px 20px 20px;}

.main-news .right-text .title{ color: #494848; max-height: 135px;font-weight: bold;font-size: 32px;margin-bottom: 20px;}
.main-news .right-text .p-content{font-size: 16px;color: #8b8b8b;margin-bottom: 20px;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;
    overflow: hidden;white-space: pre-wrap;text-overflow: ellipsis;display: -webkit-box; -webkit-box-orient: vertical;-webkit-line-clamp: 4;}
.main-news .right-text .btn2.left{margin-left:5px;}

/* 首页合作伙伴 */
.main-hezuo{ margin-bottom: 40px;display: flex;justify-content: space-between;width: 100%;flex-wrap: wrap;}
.main-hezuo:after{content:"";display:block; visibility:hidden;clear:both;}
.main-hezuo li{height: 85px;/*float: left;*/overflow: hidden;padding-left: 15px;padding-right: 15px;margin-top:60px;width: 16.6666%;}
.main-hezuo li:hover{box-shadow: 0px 3px 7px 0px rgb(235 97 0 / 15%);}
.main-hezuo li:nth-of-type(6n+6) {margin-right: 0;}
.main-hezuo li img{ /*max-width: 100%;*/}

/* foot */
#footer {background: url(../images/foot-bg.jpg) center no-repeat;background: cover;height: 396px;margin-top:-10px;}
/* #footer .foot_box{display: inline-block;} */
#footer .f_left{margin-right: 120px; padding-top: 50px;/* float: left; */}
#footer .f_left,.f_right img{width:100%;}
#footer .f_left .k{height: 55px; line-height: 55px;width: 217px;cursor:pointer;
	padding-left: 100px; 
	border: 1px solid #9c7a56;
	border-radius: 30px;
	color: #ffb43d;
	margin: 30px 0;
	font-size: 18px;}
#footer .f_left .k a{ color: #ffb43d;}
#footer .f_left .f_qq{background: url(../images/foot-dx.png) no-repeat 35px center;  }
#footer .f_left .f_ly{background: url(../images/foot-ly.png) no-repeat 35px center;  }

#footer .f_center{ padding-top: 30px;  }
#footer .f_center .f_nav{ color: #FFFFFF; margin-top: 20px;float: left;width:33%;}
#footer .f_center .f_nav li{ height: 40px;line-height: 40px;overflow: hidden;}
#footer .f_center .f_nav li.title{ font-size: 18px; font-weight: bold; margin-bottom: 10px;}
#footer .f_center .f_nav li a{ color: #d9e7ff;font-size: 14px;}

#footer .f_rihgt{background-color:rgba(0,0,0,0.1); padding:60px 30px 78px 30px; text-align: center; color: #ffffff; min-height: 100%;}
#footer .f_rihgt .p1{ color: #ababab; height: 40px; line-height: 40px;}
#footer .f_rihgt .p2{ font-size: 26px; font-weight: bold; border-bottom: 1px solid #656d91; margin-bottom: 10px; padding-bottom: 10px;}
#footer .f_rihgt .p3{ color: #d9e7ff; font-size: 12px;}

#footer .copyright{ background: #131a38; color: #cccfd1; font-size: 13px; text-align: center; padding: 15px;}
#footer .copyright a{color: #cccfd1;}

/* 产品介绍 */
.product_banner{height: 500px;
    background-color: #6680f7; /* 不支持线性的时候显示 */
    background-image: linear-gradient(to bottom right, #6893fa , #6462f3);}
.product_banner .banner .content{ padding: 150px 15px 0 15px;}
.product_banner .banner .content img{ margin-top:-100px;}
.product_banner .text{ float: left;width: 50%;display: inline-block;color:#ffff; line-height: 320%;text-align:center;}
.product_banner .text h1{font-size: 40px;}
.product_banner .text p{margin-top: 20px;font-size: 24px;}
.product_banner img{ margin-top: -60px;}
.product_banner .right{width: 50%;display: inline-block;}
.about_header{width: 100%;height: 65px;box-shadow: 0px 4px 10px 0px rgb(0 0 0 / 6%);background: #ffffff;}
	
.about_header .submenu{display: flex; justify-content: center; margin-top: 8px;}
.about_header .submenu li{float: left;width: 200px;margin: 0;display: flex;justify-content: center;}
.about_header .submenu li .active{ color: #eb6100;}

.product_sect1{ padding: 50px 20px;}
.product_sect1 h3{margin-bottom:20px;}
.product_sect1 .seLeft{ float: left; width: 50%; line-height: 220%; padding-top: 30px;}
.product_sect1 .seLeft1{ float: left; width: 100%; line-height: 220%; padding-top: 30px;}
.product_sect1 .seRight{ width: 50%; }
.product_sect1 .seRight img{ width: 100%; }
.product_sect1 p{font-size:14px;line-height:1.8rem;}

.product_sect2 {padding: 50px 0;}
.product_sect2 h3{text-align: center;}
.product_ul{display: flex; justify-content: center; margin-top: 30px;}
.product_ul li{float: left;font-size:16px;margin: 10px;display: flex;justify-content: center;align-content: flex-start;flex-direction: row;flex-wrap: wrap;width:12%;}

.product_ul li img{display: block;width:60%; text-align: center; background: #FFFFFF;box-shadow: 0px 4px 10px 0px rgb(0 0 0 / 6%);border-radius:95px;}
.product_ul li .title{ text-align: center;display: block; width: 150px; margin-top: 10px;}

.product_sect3 {line-height: 240%;padding: 10px 10px 30px 10px;}
.product_sect3 h4{ font-weight: bold; margin-top: 30px;margin-bottom:5px;font-size:16px;}
.product_sect3 p{font-size:14px;line-height:1.8rem;}

/* 成功案例 */

.case_banner{ background: url(../images/case-banner.jpg) no-repeat center; height: 500px;}
.case_banner .text{ padding: 160px 0 0 100px;color:#ffff; text-align: center; width: 50%; line-height: 320%;}
.case_banner .text p{margin-top: 20px;}

.case_submenu{display: flex; justify-content: center; margin-top: 8px; height: 58px; line-height: 58px; border-top: 1px solid #dddddd;border-bottom: 1px solid #dddddd;}
.case_submenu li{/*width: 200px;*/margin: 0;display: flex;justify-content: center; font-size: 17px;}
.case_submenu li .active{ color: #eb6100;}
.case_submenu li a{display: flex;align-items: center;flex-direction: row;}
.case_submenu li a img{max-width:33px;}
.case_submenu li a span{line-height: 1.2rem;}
.case_submenu li a>.icon0{width:33px; height:33px; background:url(../images/al_all.png) no-repeat border-box;margin-right:5px;flex-shrink: 0;}
.case_submenu li a.active>.icon0{background:url(../images/al_all_s.png) no-repeat border-box;}
.case_submenu li a>.icon1{width:33px; height:33px; background:url(../images/al_telecom.png) no-repeat border-box;margin-right:5px;flex-shrink: 0;}
.case_submenu li a.active>.icon1{background:url(../images/al_telecom_s.png) no-repeat border-box;}
.case_submenu li a>.icon2{width:33px; height:33px; background:url(../images/al_traffic.png) no-repeat border-box;margin-right:5px;flex-shrink: 0;}
.case_submenu li a.active>.icon2{background:url(../images/al_traffic_s.png) no-repeat border-box;}
.case_submenu li a>.icon3{width:33px; height:33px; background:url(../images/al_medical.png) no-repeat border-box;margin-right:5px;flex-shrink: 0;}
.case_submenu li a.active>.icon3{background:url(../images/al_medical_s.png) no-repeat border-box;}
.case_submenu li a>.icon4{width:33px; height:33px; background:url(../images/al_government.png) no-repeat border-box;margin-right:5px;flex-shrink: 0;}
.case_submenu li a.active>.icon4{background:url(../images/al_government_s.png) no-repeat border-box;}
.case_submenu li a>.icon5{width:33px; height:33px; background:url(../images/al_others.png) no-repeat border-box;margin-right:5px;flex-shrink: 0;}
.case_submenu li a.active>.icon5{background:url(../images/al_others_s.png) no-repeat border-box;}
.case_all_s .lm{clear:both;padding:40px 0;}

.case_content_s{/*width:95%*/}
.case_content_s .img-list { display: flex;flex-direction:row; flex-wrap: wrap; justify-content:flex-start; }
.location{line-height:34px;font-size:16px;border-bottom: 1px solid #dbdbdb;padding-bottom: 14px;margin-top: 30px;}
.case_show .case_text {line-height: 32px; font-size: 16px;color: #666666;margin-bottom: 80px;}
.case_show .case_text .abstract{text-indent:2.4rem;}
.case_show .case_text .content{}
.case_show .case_text h3 {padding-top: 30px;font-size: 28px;font-weight:700 ;padding-bottom: 20px;text-align:center;}

.succdl {width: 33.33%;height: 390px;/*margin: 30px 15px 0 15px*/}
.succdl a{display:block;width:340px;height: 360px; box-shadow: 0px 3px 7px 0px rgb(0 0 0 / 15%);
    border-radius: 6px;overflow: hidden;margin:0 auto; margin-top:30px;}
.succdl a div:first-child{text-align:center;}
.succdl a:hover{box-shadow: 0px 3px 7px 0px rgb(235 97 0 / 15%);color:#0a58ca;}
.succdl:nth-of-type(3n+3) {/*margin-right: 0;*/}

.succdl .text{height: 110px; margin-top: 30px; line-height: 200%;overflow: hidden;padding: 0 20px;font-size:0.875rem;}
.succdl .text h5{font-weight: bold; margin-bottom: 10px; color: #000c3d;font-size:1rem;}
.succdl .text p{word-wrap: break-word;white-space:pre-wrap;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;}
.succdl img{height:200px;width:340px;}

/* 技术服务 */
.service_banner{ background: url(../images/service-banner.jpg) no-repeat center; height: 500px;}
.service_banner .text{ padding: 180px 0 0 100px;text-align: center; width: 50%; line-height: 320%;}
.service_banner .text p{margin-top: 20px;}
.service_submenu{display: flex; justify-content: center; margin-top: 30px; font-size: 17px; color: #6b6b6b;}
.service_submenu li{cursor:pointer;margin: 0;display: flex;justify-content: center;align-content: flex-start;
    flex-direction: row;flex-wrap: wrap;width: 17%}

.service_submenu li .icon1{ background:url(../images/service-nav-1.png) ;height: 77px; width: 77px;flex-shrink: 0;}
.service_submenu li .icon1.active{background:url(../images/service-nav-1s.png) }
.service_submenu li .icon2{ background:url(../images/service-nav-2.png) ;height: 77px; width: 77px;flex-shrink: 0;}
.service_submenu li .icon2.active{background:url(../images/service-nav-2s.png) }
.service_submenu li .icon3{ background:url(../images/service-nav-3.png) ;height: 77px; width: 77px;flex-shrink: 0;}
.service_submenu li .icon3.active{background:url(../images/service-nav-3s.png) }
.service_submenu li .icon4{ background:url(../images/service-nav-4.png) ;height: 77px; width: 77px;flex-shrink: 0;}
.service_submenu li .icon4.active{background:url(../images/service-nav-4s.png) }
.service_submenu li .icon5{ background:url(../images/service-nav-5.png) ;height: 77px; width: 77px;flex-shrink: 0;}
.service_submenu li .icon5.active{background:url(../images/service-nav-5s.png) }
.service_submenu li .icon6{ background:url(../images/service-nav-6.png) ;height: 77px; width: 77px;flex-shrink: 0;}
.service_submenu li .icon6.active{background:url(../images/service-nav-6s.png) }
.service_submenu li .title{ text-align: center;display: block; width: 150px; margin-top: 10px;}

.service{ padding: 50px 0; height: 520px; position: relative;display:flex;justify-content:space-between;}
.service i{ font-size: 40px; color: #d1d1d1;cursor:pointer; position:absolute ; width: 3%;}
.service i:hover{ color: #f6a879;}
.service .glyphicon{top: 200px;}
.service  .glyphicon-menu-left{left: 0;}
.service  .glyphicon-menu-right{right: 0; text-align: right;}
.service .arrowleft{width: 10%;text-align: center;vertical-align: middle;display: flex;align-items: center;}
.service .arrowright{width: 10%;text-align: center;vertical-align: middle;display: flex;flex-direction: row-reverse;align-items: center;}
#prev_img {width:50%;max-width: 30px;margin-left: 20%;}
#next_img {width:50%;max-width: 30px;margin-right: 20%;}
.service .center_con{background:url(../images/service-bg.jpg) no-repeat;background-size:100% 100%; height: 420px;width:80%; overflow-y:auto;
     line-height: 230%; padding: 50px;}

.service .center_con h2{ text-align: center; margin-bottom: 20px;}

.service .center_con::-webkit-scrollbar{width:5px;height:16px;background-color:#F5F5F5;}
/*定义滚动条轨道内阴影+圆角*/
.service .center_con::-webkit-scrollbar-track
{-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,0.3);border-radius:10px;background-color:#F5F5F5;}
/*定义滑块内阴影+圆角*/
.service .center_con::-webkit-scrollbar-thumb
{border-radius:10px;-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.3);background-color:#abceef;}


/* 公司动态 */
.news_header{width: 100%;height: 65px;box-shadow: 0px 4px 10px 0px rgb(0 0 0 / 6%);background: #ffffff;}
.news_banner{ background: url(../images/about-banner.jpg) no-repeat center; height: 500px;}
.news_banner .text{ padding: 180px 0 0 180px;text-align: center; width: 75%; line-height: 320%; color: #ffff;}
.news_banner .text p{margin-top: 20px;}

.news-content .left.col-md-5{display:flex;align-items:center;}
.news-content .right.text .btn2{margin-left:0px;}
.news-content{width:100%;padding:0 1px; border: 1px solid #f3f3f3; margin:40px 5px;box-shadow: 0 3px 16px #e8eaec, 0 0 1px #e8eaec, 0 0 1px #e8eaec; }
.news-content .text {padding: 60px 30px 20px 20px;}
.news-content .left img{width: 100%;height:320px;}
.news-content .right h2{font-weight: bold;font-size: 32px;margin-bottom: 20px;}
.news-content .right h3{font-size: 22px;margin-bottom: 20px;font-weight: normal;}
.news-content .text p {color: #8b8b8b;font-size: 16px;margin-bottom: 20px;}

.news-content .rightintro{display: block; border: 1px solid #eb6100;text-align: center;line-height: 28px; font-size: 16px;color: #eb6100;margin: auto;}
.news-content .contentone {display: flex;flex-wrap: nowrap;align-items: flex-start;justify-content: space-between;}
.news-content .leftdate{float:left;font-size:16px;margin-right: 35px;width: 65px; height: 120px;text-align:center; line-height: 28px;}
.news-content .leftdate .newsday {color: #8c969f;margin-bottom: 5px;font-size: 50px;background: #f3f8fc;border-radius: 3px;
        text-align: center; line-height: 70px;width: 65px;margin: 0 auto;}
.news-content .rightcontent{font-size:16px;line-height:28px;height: 120px;overflow: hidden;}
.news-content .newsintro{display:block;padding:10px;}
.news-content .rightcontent h3{margin-bottom:5px;}
.news-content .rightcontent h3:hover{color:#eb6100;}
.news-content .rightcontent p{overflow:hidden; text-overflow: ellipsis;word-wrap: normal;display: -webkit-box;
    -webkit-box-orient: vertical;-webkit-line-clamp: 3;}

.news_submenu{display: flex; justify-content: space-around; margin-top: 20px; height: 58px; line-height: 58px; border-top: 1px solid #dddddd;border-bottom: 1px solid #dddddd;width:100%;}
.news_submenu li{width: 200px;margin: 0;display: flex;justify-content: center; font-size: 17px;}
.news_submenu li .active{ color: #eb6100;}
.news_submenu li a{display: flex;align-items: center;flex-direction: row;}
.news_submenu li a>.icon0{width:33px; height:33px; background:url(../images/al_all.png) no-repeat border-box;margin-right:5px;flex-shrink: 0;}
.news_submenu li a.active>.icon0{background:url(../images/al_all_s.png) no-repeat border-box;}
.news_submenu li a>.icon1{width:33px; height:33px; background:url(../images/news_news.png) no-repeat border-box;margin-right:5px;flex-shrink: 0;}
.news_submenu li a.active>.icon1{background:url(../images/news_news_s.png) no-repeat border-box;}
.news_submenu li a>.icon2{width:33px; height:33px; background:url(../images/news_mall.png) no-repeat border-box;margin-right:5px;flex-shrink: 0;}
.news_submenu li a.active>.icon2{background:url(../images/news_mall_s.png) no-repeat border-box;}

.news_list{ margin-top: 60px;}
.news_list dl{margin-bottom:20px; }
.news_list dl:after{content:"";display:block;visibility:hidden;clear:both;}
.news_list dl dt{ float: left; width: 70px; height: 120px; margin-right: 35px;}
.news_list dl dt span{display: block; color: #8c969f; margin-bottom: 5px; font-size: 50px;background:#f3f8fc; border-radius: 3px; text-align: center;}
.news_list dl dd{ float: left; width: 1030px;margin-top:5px;}
.news_list dl dd h3{ font-weight: normal; font-size: 20px; margin-bottom: 10px;font-weight:bold;}
.news_list dl dd p{ color: #747474; font-size: 16px; line-height: 180%;}
/* 动态详情页 */
.news_d{margin-top: 80px;}
.news_d h1{ padding-top:50px; text-align: center; font-size: 28px;}
.news_d .newstime{ text-align: center; padding: 15px 0; color: #666666; margin-bottom: 40px;border-bottom:1px solid #dbdbdb;}

.csdt_title {border-bottom: 1px solid #dbdbdb;line-height: 34px;padding-bottom: 14px;margin-top: 30px;font-size: 28px;color: #222222;}

.news_d .newscon {line-height: 32px;font-size: 16px; color: #666666;margin-bottom: 80px;}
.news_d .newscon p{margin-bottom: 20px;}

.product_d .product_text {line-height: 32px;font-size: 16px;color: #666666;margin-bottom: 80px;}
.product_text h3 {padding-top: 50px;font-size: 28px;padding-bottom:10px;}
.product_d {margin-top: 150px;}


/* 关于我们 */
.about_banner{ background: url(../images/about1-banner.jpg) no-repeat center; height: 500px;}
.about_banner .text{ padding: 180px 0 0 0;text-align: center; width: 65%; line-height: 320%; color: #353535;margin-left:20px;}
.about_banner .text p{margin-top: 20px;}


.about_submenu{display: flex; justify-content: space-around; margin: 30px auto; font-size: 17px; color: #6b6b6b; width: 60%;}
.about_submenu li{cursor:pointer;margin: 0;display: flex;justify-content: center;align-content: flex-start;
    flex-direction: row;flex-wrap: wrap;width:100px; }

.about_submenu li .icon1{ background:url(../images/about-icon-1.png) no-repeat center ;height: 87px; width: 87px;}
.about_submenu li .icon1.active{background:url(../images/about-icon-1s.png) no-repeat center ,#f4813b;height: 87px; width: 87px; border-radius: 87px; }

.about_submenu li .icon2{ background:url(../images/about-icon-2.png)no-repeat center  ;height: 87px; width:87px;}
.about_submenu li .icon2.active{background:url(../images/about-icon-2s.png) no-repeat center ,#f4813b;height: 87px; width: 87px; border-radius: 87px;  }

.about_submenu li .icon3{ background:url(../images/about-icon-3.png)no-repeat center  ;height: 87px; width:87px;}
.about_submenu li .icon3.active{background:url(../images/about-icon-3s.png) no-repeat center ,#f4813b;height: 87px; width: 87px; border-radius: 87px;  }

.about_submenu li .icon4{ background:url(../images/about-icon-4.png)no-repeat center  ;height: 87px; width:87px;}
.about_submenu li .icon4.active{background:url(../images/about-icon-4s.png) no-repeat center ,#f4813b;height: 87px; width: 87px; border-radius: 87px;  }

.about_submenu li .title{ text-align: center;display: block; width: 100px; margin-top: 10px;font-size:17px;}

.about_con{ padding: 40px 0; line-height: 230%;width:80%;font-size:14px;}
.about_con .introduce p{text-indent:35px;}


/* 质量方针==== */
.zhiliang ul{ padding: 30px 0;}
.zhiliang p{font-size:16px;}
.zhiliang ul li{ float: left; width: 49%; margin:20px  10px 0 0; background: #e6eff7; border-radius: 3px; padding:20px;
                 font-size:18px;display: flex;align-items: center;}
.zhiliang ul li:nth-of-type(2n+2) {margin-right: 0;}

.zhiliang ul li span{background: #95b7cd; margin-right: 30px; height: 90px; width: 90px; border-radius: 3px; display: inline-block; text-align: center; color: #e1edf6; font-size: 60px; line-height: 90px;}
.zhiliang ul li div{ float: right; width: 75%; padding-top:6px ;padding-right:8px ;font-size:16px;}

/* 联系我们==== */
.lianxi .dizhi ul:after{content:"";display:block;visibility:hidden;clear:both;}
.lianxi .dizhi ul li{ width: 35%; float: left;}
.map{ margin:40px auto;}
.map img{width: 99%;}

/* 荣誉 */
.rongyu{display: flex; justify-content: center; text-align: center;}
.rongyu a {float: left;margin-right: 70px;margin-bottom: 60px;}
.rongyu a:last-child { margin-right: 0;}



.ser_con{ background: url(../images/about-bg.jpg); height: 211px;/*margin-bottom: 40px;*/}
.ser_con ul{display: flex;color: #ffff; padding-top: 60px;display: flex; justify-content: center; }
.ser_con li{justify-content: center; float: left;align-content: flex-start; width: 200px; text-align: center;
    flex-direction: row;flex-wrap: wrap; }
.ser_con li div{ font-size: 40px;}	
.ser_con li div i{ font-size: 20px;}
	
/* 提交需求弹窗 */
.m-form{width: 100%;
    height: 100%;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 99999;
}

.m-form .form-bg {
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.7);
}
.m-form .form-box {
    width:550px; height: 550px; border-radius: 5px;
    background:#ffff;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    border-radius: 0.100000rem;
    padding: 0.550000rem 0.620000rem;
    padding: 0.250000rem 0.320000rem;
    box-sizing: border-box;
    color: #222;
    z-index: 99999999999999999999999999;
}
.m-form .form-box .title{ padding-top: 30px;text-align:center;}
.m-form .form-box .title:after{content:"";display:block; visibility:hidden;clear:both; }
.m-form .form-box .title h3{ font-size:20px;}
.m-form .form-box .title .form-colse{cursor:pointer;background: url(../images/colse.png);width: 20px; height: 20px; float: right;}


.m-form .form-box .form-inline{padding: 20px 70px;}
.m-form .form-box .form-inline .form-group:after{
    content:"";
    display:block;
    visibility:hidden;
    clear:both;
    }
.m-form .form-box .form-inline span{ float: left; width: 15%; display: block; padding:10px 5px;margin:10px 0; }
.m-form .form-box .form-inline .form-control{ margin:10px 0; width: 85%;padding: 10px; border:1px solid #eaeaea; border-radius: 5px; float: right;}
.m-form .form-box .yzm{display: inline; float: left;border:1px solid #eaeaea;margin:8px 0; padding: 0 10px; border-radius: 5px; }
.m-form .m40{margin-top:20px;}

.page-box{width:100%;}
.page-box .digg{text-align:center;width:100%;}
.m-form .validcode{float:left;margin-top:10px;}
.page-box .digg .disabled{border:1px solid #dddddd;background:#dddddd;width:70px;height:30px;display:inline-block;line-height:30px;cursor:pointer;}
.page-box .digg a{border:1px solid #dddddd;width:70px;height:30px;display:inline-block;line-height:30px;}
.page-box .digg a:hover{background: #eb6100;color:white;}
.page-box .digg .current {color: #eb6100;border:1px solid #dddddd;width:70px;height:30px;display:inline-block;line-height:30px;cursor:pointer;}

    /* 大屏幕下 */
@media screen and (max-width: 1920px) {

}
    /* 中屏幕下 */
@media screen and (max-width: 1262px){
    /* 小导航li的排放位置开始 */
    .header_nav .ul-list {
        display: table;
        background-color: #fff;
        line-height: 28px;
    }
    .header_nav .ul-list li{
        display:table-cell;
        vertical-align:middle;
        /*width: 20%;*/
    }
    .header_nav .ul-list li a{
        font-size: 14px;
    }
    .main-hezuo li{width:25%;}
    /* 小导航li的排放位置结束 */
    /* 底部导航的排列方式开始 */
    /* #footer .foot_box{
        display:table;
    }
    #footer .foot_box li{
        display:table-cell;
        vertical-align:middle;
    } */
    /* 底部导航的排列方式结束 */
    .product_banner .text {
        line-height: 240%;
    }
   /* .f20{font-size:16px;}
    .f20{font-size:20px;}*/
   .succdl {width: 50%;}
   .index_product .su{float:left;}
   .service .center_con{width:80%;}
    .zhiliang ul li div{width:60%;margin-top:0px;}
    .map img{width: 80%;}
    .rongyu{display: flex; justify-content: center; text-align: center;flex-direction:column;}
    .rongyu a {margin-right: 0px;}
    .lianxi .dizhi ul li{width:100%;}

    #footer .f_left{ padding-top: 50px;}
    #footer .f_left .k{width: 150px;height: 55px; line-height: 55px; padding-left: 50px;  border-radius: 30px; margin: 30px 0; font-size: 14px;}
    #footer .f_left .f_qq{background: url(../images/foot-QQ.png) no-repeat 10px center;  }
    #footer .f_left .f_ly{background: url(../images/foot-ly.png) no-repeat 10px center;  }
    #footer .f_left img{width:80%;}
    #footer .f_center .f_nav{ width:30%;}
    #footer .f_center .f_nav li.title{ font-size: 16px; }
    #footer .f_center .f_nav li a{ font-size: 14px;}

    #footer .f_rihgt{ padding:60px 15px 78px 15px; }
    #footer .f_rihgt img{width:80%;}
    #footer .f_rihgt .p2{ font-size: 14px; }
    #footer .f_rihgt .p3{ color: #d9e7ff; font-size: 12px;}

}

/* 超小屏幕下 */
@media screen and (max-width: 767px){
    /* 小导航li的字号缩小开始 */
    .header_nav .ul-list {
        background-color: #fff;
        line-height: 28px;
    }
    .header_nav .ul-list li a{
        font-size: 14px;
    }
    /* 小导航li的字号缩小结束 */
    .product_banner .text {
        line-height: 180%;
    }
    .main-hezuo li{width:50%;}
    .f20{font-size:14px;}
    .f28{font-size:18px;}
    .f38{font-size:20px;}
    .case_submenu li {width: 100px;}
    .succdl {width: 100%;}
    .case_submenu li a span{font-size:15px;}
    .service .center_con{width:80%;}
    .index_product .su{width:450px;}
    .about_submenu li{width:100px;}
    .zhiliang ul li{width:100%;}
    .zhiliang ul li div{width:50%;margin-top:0px;}
    .map img{width:100%;}
    .rongyu{display: flex; justify-content: center; text-align: center;flex-direction:column;}
    .rongyu a {margin-right: 0px;}
    .lianxi .dizhi ul li{width:100%;}
    .about_header .submenu li .title{text-align:center;display:block; width: 60px;}
    .main-news .right-text{width:80%;}

    #footer .f_left {
        padding-top: 50px;
    }
    #footer .f_left .k{width: 100px;height: 35px; line-height: 35px; padding-left: 40px; font-size: 12px;}
    #footer .f_left .f_qq{background: url(../images/foot-QQ.png) no-repeat 5px center; background-size:30px; }
    #footer .f_left .f_ly{background: url(../images/foot-ly.png) no-repeat 5px center; background-size:30px;  }
    #footer .f_left img{width:80%;}

    #footer .f_center .f_nav{ width:30%;}http://localhost:55708/templates/main/img/case1.jpg
    #footer .f_center .f_nav li.title{ font-size: 14px; }
    #footer .f_center .f_nav li a{ font-size: 12px;}

    #footer .f_rihgt{ padding:60px 5px 78px 5px;}
    #footer .f_rihgt img{width:80%;}
}