﻿@charset "utf-8";
/* CSS Document */
/* all 2019.07.25*/
/* 1080设计稿 flex+rem*/
body{margin:0;padding:0;font-size:14px; color:#333;line-height:1.8;font-family:"Arial","Microsoft YaHei"; background:#fff;}
form,ul,li,ol,li,dl,dt,dd,img,p,h1,h2,h3,h4,h5,h6,input{margin:0;padding:0;font-family:"Microsoft YaHei";}
input,select{font-size:12px; }
img{border:0;max-width: 100%;}
ul,li{list-style-type:none;}
b,strong{font-weight:bold;}
a:link,a:visited,a:hover,a:active,a{color:#333;text-decoration:none;}
*, *:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}

.container{width: 9.444444rem; margin: 0 auto; *zoom:1;}
.clearfix:after, .container:after{content: "."; display: block; height:0; clear:both; visibility: hidden;}
.clearfix { *zoom:1; }

/* 头尾部 */
header{
    height: 1.4rem;
    background-color: #fff;
}
.header-logo{
    float: left;
    height: 1.4rem;
    margin-left: .231481rem;
}
.header-logo img{
    display: inline-block;
    vertical-align: middle;
    max-height: 1.3rem;
}
.header-logo:after{
    content: "";
    display: inline-block;
    vertical-align: middle;
    height: 100%;
}
.header-menu{
    float: right;
    width: 1.944444rem;
    height: 1.4rem;
    background-color: #f9613c;
    color: #fff;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    align-items: center;
}
.header-menu-text{
    margin-left: 4px;
    line-height: 1;
}
.header-menu-btn{
    width: 14px;
    height: 14px;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    align-items: center;
    transition: all .2s;
    z-index: 999;
    right: 0;
}
.header-menu-btn span{
    width: 8px;
    height: 2px;
    background-color: #fff;
    transition: all .2s;
}
.overlay{ width: 100%; height: 100%; background: rgba(0,0,0,0.7); position: fixed; left: 0; top: 0; z-index: 997; display: none;}
.overlay.active{ display: block;}
.header-menu-btn span:before,
.header-menu-btn span:after{
    width: 14px;
    height: 2px;
    background-color: #fff;
    content: "";
    display: block;
    position: absolute;
    left: 0;
    transition: all .2s;
    opacity: 1;
}
.header-menu-btn span:before{
    top: 0;
}
.header-menu-btn span:after{
    bottom: 0;
}
.header-menu-btn.active{
    transform: rotate(45deg) scale(2);
    right: 240px;
    position: fixed;
}
.header-menu-btn.active span{
    width: 14px;
}
.header-menu-btn.active span:before {
    opacity: 0;
}
.header-menu-btn.active span:after {
    bottom: 6px;
    transform: rotate(90deg);
}
.header-nav { width: 200px; height: 100%; position: fixed; right: -200px; top: 0; background: #fff; z-index:998;
    transition: 0.3s;
    -moz-transition: 0.3s;
    -ms-transition: 0.3s;
    -o-transition: 0.3s;
    -webkit-transition: 0.3s;
}
.header-nav.on{  right: 0; 
        transition: 0.3s;
        -moz-transition: 0.3s;
        -ms-transition: 0.3s;
        -o-transition: 0.3s;
        -webkit-transition: 0.3s;
}
.header-nav>ul>li{  line-height: 50px; border-bottom: 1px solid #ccc; position: relative;}
.header-nav ul li>ul{ display: none}
.header-nav ul li.open>ul{display: block}
.header-nav ul li a{ font-size: 14px; display: block; padding-left: 30px;}
.header-nav ul li ul li{border-top: 1px solid #fff;}
.header-nav ul li a .nav_more{ position: absolute; right: 20px; top: 14px; font-size: 20px; line-height: 1em;
transition: all .2s;
}
.header-nav ul li.open a .nav_more{
-ms-transform: rotate(135deg);
-moz-transform: rotate(135deg);
-webkit-transform: rotate(135deg);
transform: rotate(135deg);
}
.header-nav ul li.select,
.header-nav ul{ 
    transition: 1s;
    -moz-transition: 1s;
    -ms-transition: 1s;
    -o-transition: 1s;
    -webkit-transition: 1s;
}
.header-nav ul li.select a{ color: #fff; background: #caa338; }
.header-search{
    float: right;
    position: relative;
    width: 1.111111rem;
    height: 1.111111rem;
    line-height: 1.111111rem;
    text-align: center;
    border-left: 1px solid #ccc;
    background-color: #eee;
}
.header-search-btn{
    font-size: .601852rem;
    color: #333;
    cursor: pointer;
    display: block;
    width: 1.111111rem;
    height: 1.111111rem;
    position: absolute;
    left: 0;
    top: 0;
    transition: all .3s;
}
.header-search-btn-open{
    z-index: 3;
    transform: scale(1)
}
.header-search-btn-close{
    font-size: 24px;
    transform: scale(0)
}
.header-search.on .header-search-btn-open{
    transform: scale(0)
}
.header-search.on .header-search-btn-close{
    transform: scale(1)
}
.header-search-form{
    position: absolute;
    right: -1.666667rem;
    top: 1.6rem;
    width: 9.444444rem;
    height: 1.111111rem;
    transform: scaleY(0);
    overflow: hidden;
    transition: all .4s;
    z-index: 2;
}
.header-search.on .header-search-form{
    transform: scaleY(1);
    overflow: initial;
}
.header-search-form:before{
    content: "";
    display: block;
    width: 0;
    height: 0;
    border-width: 5px;
    border-style: solid;
    border-color: transparent transparent #fff transparent;
    position: absolute;
    left: 7.12963rem;
    top: -10px;
}
.header-search-form input[type="text"]{
    width: 8.333333rem;
    height: .925926rem;
    padding: .092593rem .277778rem;
    line-height: .37037rem;
    background: #fff;
    float: left;
    border: none;
    white-space: nowrap;
}
.header-search-form input:focus{
    outline: none;
}
.header-search-form input[type="submit"]{
    float: right;
    width: 1.111111rem;
    height: .925926rem;
    line-height: .925926rem;
    text-align: center;
    color: #fff;
    background-color: #0179d8;
    border: none;
}
footer{
    padding:.28rem;
    background-color: #1b1b1b;
}
.footer_bottom{ line-height:.5rem;color:#797979;font-size:.28rem;text-align:center;}
.footer_bottom a{color:#797979;}
/* 公用 */
.background{
    background-size: 100% auto;
    background-position: top left;
    background-repeat: no-repeat;
}
.section-style-title{
    text-align: center;
    color: #333;
}
.section-style-title h2{
    font-size: .444444rem;
    line-height: 1.4;
    font-weight: bold;
}
.section-style-title p{
    font-size: .388889rem;
}
.com-top-banner img{
    width: 100%;
    display: block;
}
.inside-top-nav{
    overflow: hidden;
}
.inside-top-nav li{
    float: left;
    width: 50%;
    height: 1.111111rem;
    line-height: 1.111111rem;
    text-align: center;
    background: #eee;
}
.inside-top-nav li a{
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    font-size: .416667rem;
    color: #333;
    display: block;
}
.inside-top-nav li a.active{
    background: #f9613c;
    font-weight: bold;
    color: #fff;
}
.inside-load-more{
    display: block;
    width: 9.444444rem;
    height: .833333rem;
    line-height: .833333rem;
    text-align: center;
    background-color: #eee;
    color: #333!important;
    font-size: .333333rem;
    margin: .462963rem auto .462963rem;
}
.inside-article-list{
    padding: 0 .277778rem;
    margin-top: .277778rem;
}
.inside-article-list li{
    height: .925926rem;
    line-height: .925926rem;
}
.inside-article-list li .title{
    float: left;
    font-size: 14px;
    color: #333;
    width: 7.222222rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.inside-article-list li .time{
    float: right;
}
.inside-article-list li+li{
    border-top: 1px dashed #ccc;
}
.inside-article-content{
    padding: .37037rem .277778rem;
}
.inside-article-content .title{
    font-size: .472222rem;
    color: #333;
    font-weight: bold;
}
.inside-article-content .time-view{
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between;
    font-size: .314815rem;
    color: #898989;
}
.inside-article-detail{
    padding: .37037rem 0;
    margin-top: .333333rem;
    font-size: 14px;
    color: #333;
    border-top: 1px solid #dcdcdc;
}
.inside-second-nav{
    font-size: 0;
    margin-top: .555556rem;
    padding: 0 .277778rem;
}
.inside-second-nav li{
    display: inline-block;
    vertical-align: top;
    max-width: 4.444444rem;
    height: .833333rem;
    margin-right: .12963rem;
    margin-bottom: .12963rem;
    line-height: .833333rem;
    text-align: center;
    border: 1px dashed #333;
    font-size: .388889rem;
}
.inside-second-nav li a{
    display: block;
    padding: 0 .277778rem;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}
.inside-second-nav li.active{
    border: 1px dashed #0179d8;
}
.inside-second-nav li.active a{
    color: #0179d8;
}


/* 首页 */
 .index-section1{overflow:hidden;clear:both;}
 .index-section2{overflow:hidden;clear:both;  margin-top:.4rem;}
 .ipart2_hd1{font-size:.36rem;line-height:.48rem; text-align:center;}
 .ipart2_hd2{font-size:.52rem;line-height:.62rem;font-weight:bold;padding-bottom:.5rem;text-align:center;}
 .ipart2_hd2 span{color:#f9613c;}
 .ipart2_bd li{width:4.55rem;float:left;margin-left:.3rem;margin-bottom:.3rem;}
  .ipart2_bd li img{width:100%;height:auto;}

.index-section6{
    padding: .87963rem 0 .833333rem;
    background:#f6f6f6;
}
.index-section6 .section-style-title{
    color: #fff;
}
.is6-list{
    position: relative;
}
.is6-list li{
    margin-top: .277778rem;
    height: 3.055556rem;
    background:#212121;
    overflow: hidden;
}
.is6-list .line1{width:.45rem;height:0.09rem;background:#f9613e;}
.is6-list .img{
    float: left;
    width: 4.444444rem;
    height: 3.055556rem;
    overflow: hidden;
}
.is6-list .img img{
    display: block;
    width: 100%;
}
.is6-list .text{
    float: right;
    width: 5rem;
    padding: .277778rem .185185rem 0;
    height: 3.055556rem;
}
.is6-list .name{
    font-size: .388889rem;
    color: #fff;
    font-weight: bold;
    line-height: .648148rem;
    height: .648148rem;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.is6-list .desc{
    margin-top: .222222rem;
    font-size: .277778rem;
    color: #cccccc;
    line-height: .5rem;
    height: 1rem;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}
.is6-more{
    display: block;
    height: .833333rem;
    line-height: .833333rem;
    text-align: center;
    font-size: .34rem;
    color: #333!important;
    background: #e6e6e6;
    margin-top: .555556rem;
}
.index-section7{
    background-color: #fff;
    padding: .925926rem 0;
}
.index-section7 .section-style-title{
    color: #333;
        clear:both;overflow:hidden;
}
.index-section7 .section-style-title h2{float:left;}
.index-section7 .section-style-title a{float:right;}
.is7-more{
        display: block;
    height: .6rem;
    line-height: .6rem;
    width:1.2rem;
    text-align: center;
    font-size: .34rem;
    color: #fff!important;
    background: #f9613c;
}
.is7-list{
    margin-top: .407407rem;
    clear:both;overflow:hidden;
}
.is7-list li{
    height: 2.46rem;
    overflow: hidden;
    padding: .462963rem 0;
}
.is7-list li a{
    display: block;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between;
}
.is7-list li+li{
    border-top: 1px solid #f2f2f2;
}
.is7-list li .img{
    width: 2.1rem;
    height: 1.5rem;
    overflow: hidden;
    float: left;
}
.is7-list li .img img{
    width: 100%;
}
.is7-list li .text{
    width: 7rem;
    height: 1.5rem;
    display: -ms-flexbox;
    display: flex;
    align-content: space-between;
    flex-wrap: wrap;
}
.is7-list li .time-view{
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between;
    width: 100%;
    font-size: .277778rem;
    color: #898989;
    line-height: 1;
    overflow: hidden;
}
.is7-list li .title{
    font-size: .388889rem;
    color: #333;
    line-height: .555556rem;
    height: 1.111112rem;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}
.index-section8{
    padding: .6rem 0;
    background-color: #f6f6f6;overflow:hidden;
}
.index-section8 .section-style-title h2{
    color: #2473cb;
}
.is8-list{
 
}
.is8-list li{
 width:4.55rem;float:left;margin-left:.3rem;margin-bottom:.3rem; text-align:center; padding:.6rem 0;background:#Fff;
}
.is8-list li img{width:70%;}
.index-section9{
    background:#000000;
    padding: .4rem 0 .648148rem;
}
 
.is9-contact-list{
    margin-top: .462963rem;
    color:#aeaeae;
}
.is9-contact-list li{
    padding: .425926rem 0 .425926rem .759259rem;
    background:#1a1a1a;
    position: relative;
    margin-bottom:.3rem;
}
 
.is9-contact-list li .iconfont{font-size:.7rem;}
.is9-contact-list li .p_iconfont{display:inline-block;width:1rem;}
.is9-contact-list li .font-b{
    font-size: .38rem;
}
.is9-btn{
    display: block;
    width: 100%;
    height: .833333rem;
    line-height: .833333rem;
    font-size: .388889rem;
    color: #fff!important;
    background-color: #4b76b3;
    text-align: center;
}

/* 产品 */
.inside-product-list{
    margin-top: .407407rem;
    padding: 0 .277778rem;
}
.inside-product-list li{
    overflow: hidden;
    margin: .555556rem 0;
 background:#e8e8e8;
}
.inside-product-list li a{
    display: block;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between;
}
.inside-product-list li+li{

}
.inside-product-list li .img{
    width: 4rem;
    height: 3rem;
    overflow: hidden;
    float: left;
}
.inside-product-list li .img img{
    width: 100%;
}
.inside-product-list li .text{
    width: 5rem;
    height: 3rem;
}
.inside-product-list li .line1{
    width: .45rem;
    margin-top:.4rem;
    display:block;
    height: 0.09rem;
    background: #f9613e;}
.inside-product-list li .title{
    clear:both;
    font-size: .388889rem;
    color: #333333;
    line-height: .8rem;
    height: .8rem;
    overflow: hidden;
    display:block;
    width:4.5rem;
    margin-top:.1rem;
}
.inside-product-list li .desc{

      width:4.5rem;
    font-size: .277778rem;
    color: #898989;
    line-height: .5rem;
    height: 1rem;
    overflow: hidden;
}

/* 新闻 */
.inside-news-list{
    margin-top: .407407rem;
    padding: 0 .277778rem;
}
.inside-news-list li{
    padding:.2rem 0;
    overflow: hidden;
    margin: .2rem 0;
    background:#fff;
}
.inside-news-list li a{
    display: block;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between;
}
.inside-news-list li+li{
    border-top: 1px dashed #c4c4c4;
}
.inside-news-list li .img{
    width: 2rem;
    height: 1.5rem;
    overflow: hidden;
    float: left;
}
.inside-news-list li .img img{
    width: 100%;
}
.inside-news-list li .text{
    width: 7rem;
    height: 1.5rem;
}
.inside-news-list li .line1{
    width: .45rem;
    margin-top:.4rem;
    display:block;
    height: 0.09rem;
    background: #f9613e;}
.inside-news-list li .title{
    clear:both;
    font-size: .36rem;
    color: #333333;
    line-height: .8rem;
    height: .8rem;
    overflow: hidden;
    display:block;
    width:7rem;
    margin-top:.1rem;
}
.inside-news-list li .time-view{

      width:4.5rem;
    font-size: .277778rem;
    color: #898989;
    line-height: .5rem;
    height: 1rem;
    overflow: hidden;
}


/* 招聘 */
.inside-recruits-list{
    padding: 0 .277778rem;
}
.inside-recruits-list li{
    position: relative;
    border-left: 1px solid #f3f3f3;
    border-right: 1px solid #f3f3f3;
    margin-top: .592593rem;
}
.inside-recruits-list li .more{
    display: block;
    height: .833333rem;
    line-height: .833333rem;
    width: 100%;
    text-align: center;
    font-size: .388889rem;
    color: #fff;
    background: #0179d8;
}
.inside-recruits-list li .top{
    height: .833333rem;
    line-height: .833333rem;
    padding: 0 .277778rem;
    font-size: .388889rem;
    color: #333;
    background: #f3f3f3;
}
.inside-recruits-list li .mid{
    border-bottom: 1px solid #f3f3f3;
    overflow: hidden;
}
.inside-recruits-list li .mid .mid-item{
    float: left;
    width: 50%;
    height: .814815rem;
    line-height: .814815rem;
    box-sizing: border-box;
    padding: 0 .277778rem;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-size: .333333rem;
    color: #898989;
    border-left: 1px solid #f3f3f3;
}
.inside-recruits-list li .mid .mid-item:first-child{
    border-left: none;
}
.inside-recruits-list li .bot{
    border-bottom: 1px solid #f3f3f3;
    padding: .092593rem .277778rem;
    font-size: .333333rem;
    color: #898989;
}
.inside-recruits-show{
    margin-bottom: .277778rem;
}

/* 联系我们 */
.contact-form-title{
    width: 2.240741rem;
    height: .851852rem;
    line-height: .851852rem;
    text-align: center;
    font-size: 14px;
    color: #fff;
    font-weight: bold;
    background-color: #f9613c;
    margin-top: .277778rem;
}
.contact-form-input{
    width: 100%;
}
.contact-form-input input{
    font-size: 14px;
    width: 100%;
    line-height: 30px;
    padding: 10px 0;
    border: none;
    border-bottom: 1px solid #e5e5e5;
    outline: none;
}
.contact-form-input input:focus{
    border-bottom: 1px solid #ed6d00;
}
.contact-form-textarea{
    width: 100%; 
    margin-top: 10px;
}
.contact-form-textarea textarea{
    font-size: 14px;
    width: 100%;
    height: 162px;
    resize: none; 
    border: none;
    outline: none;
    border-bottom: 1px solid #e5e5e5;
}
.contact-form-textarea textarea:focus{
    border-bottom: 1px solid #ed6d00;
}
.contact-btn{
    display: block;
    margin: .277778rem 0 .277778rem;
    width: 100%;
    height: .833333rem;
    line-height: .833333rem;
    font-size: .388889rem;
    color: #fff;
    background-color: #f9613c;
    position: relative;
    text-align: center;
}
.contact-btn input{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    border: none;
    outline: none;
    z-index: 2;
}
/***集团产业**/
.p_weizhi{background:#f2f2f2;padding:.2rem;overflow:hidden; line-height:.8rem;font-size:.34rem;}
.p_weizhi span{margin-right:.05rem;}
.p_weizhi span.xst{font-family:"新宋体";}
.p_jtcy_pic{background:#fff;padding:.6rem 0;text-align:center; }
.p_jtcy_pic img{width:4.9rem;margin:0 auto;}
.p_jtcy_info{background:#f2f2f2;padding:.9rem .2rem;overflow:hidden;}
.p_jtcy_info .title{line-height:1rem;font-size:.6rem;font-weight:bold;}
.p_jtcy_info .p_jtcy_desc{line-height:.8rem;font-size:.36rem;margin-top:.1rem;}
.p_jtcy_details{padding:.2rem;background:#fff;overflow:hidden;}
.p_jtcy_details_hd{height:1.36rem;line-height:1.36rem;border-bottom:1px solid #e8e8e8;font-size:.5rem;font-weight:bold;position:relative;}
.p_jtcy_details_hd span{color:#f9613c;}
.p_jtcy_details_hd  .line1{width:2.18rem;height:.06rem;background:#0a0a0a;position:absolute;top:1.3rem;left:0;}
.p_jtcy_details_bd{padding:.3rem 0;line-height:1.8;}
.p_jtcy_details_bd img{max-width:100%;height:auto;}

 
.p_is9-contact-list{
    margin-top: .462963rem;
    color:#aeaeae;
}
.p_is9-contact-list li{
    padding: .425926rem 0 .425926rem .809259rem;
    position: relative;
    margin-bottom:.3rem;
    border-bottom:1px solid #f0f0f0;
}
.p_is9-contact-list li:last-child{
    border:0;
}
 .p_is9-contact-list li img{
    position: absolute;
    left: 2px;
    top: .544444rem;
    max-width: .555556rem;
}
.p_is9-contact-list li p{
    font-size: 14px;
    color: #333;
}
.p_is9-contact-list li .iconfont{font-size:.7rem;}
.p_is9-contact-list li .p_iconfont{display:inline-block;width:1rem;}
.p_is9-contact-list li .font-b{
    font-size: .38rem;
}