@charset "utf-8";

.inbody{background: #f4f4f4;}
.subbanner{width: 100%;overflow: hidden;}
.subbanner img{width: 100%;}
.menuwrap{background: #fff;border-bottom: 1px solid #e5e5e5;width: 100%;overflow: hidden;}
.menu{
    width: 100%;overflow: hidden;
}
.menu li{text-align: center;}
.menu li a{
    display: inline-block;
    height: 70px;
    line-height: 70px;
    color: #333333;
    font-size: 16px;
    border-bottom: 2px solid transparent;
}
.menu li a:hover, .menu li.active a{
    color: #014896;
    border-bottom: 2px solid #014896;
}
.menuwrap2 .menu{max-width: 1000px;margin: 0 auto;}
.menuwrap3 .menu{max-width: 1600px;margin: 0 auto;}

.inpage{width: 100%;overflow: hidden;padding: 80px 0;}
.inpage .wrap{
    padding: 0 7.6%;
}
.pages{
    text-align: center;
    font-size: 0;
    margin-top: 30px;
}
.pages a{
    display: inline-block;
    color: #999999;font-size: 14px;
    padding: 0 6px;
    height: 22px;
    line-height: 22px;
    margin: 0 5px;
    transition: all .3s ease;
}
.pages .item:hover, .pages .item.active{background: #aec2d8;color: #fff;}
.pages .prev, .pages .next{margin: 0 20px;}
.pages .prev.on, .pages .next.on{color: #2776cd;}
.product{margin: 0 -30px;}
.product li{
    float: left;
    width: 25%;
    margin-bottom: 70px;
    padding: 0 30px;
    height: 440px;
}
.product li .pic{overflow: hidden;}
.product li .pic img{
    transition: all ease 1s;
    width: 100%;
}
.product li a:hover .pic img{transform: scale(1.1);}
.product li .con{
    background: #fff;
    padding: 0 10px;
}
.product li .con p{
    height: 76px;line-height: 76px;
    font-size: 18px;color: #333333;
    text-align: center;
}
.product li a:hover .con p{color: #014896;}
.technology{
    margin: 0 -10px;
}
.technology li{
    width: 50%;
    padding: 0 10px;
    margin-bottom: 40px;
    float: left;
}
.technology li a{
    display: block;
    background: #fff;
    padding: 18px;
}
.technology li .pic{overflow: hidden;width: 234px;}
.technology li .pic img{width: 100%;transition: all ease 1s;}
.technology li .con{
    overflow: hidden;
    padding-left: 45px;
}
.technology li .tt{
    color: #333333;font-size: 24px;
    margin-bottom: 16px;
}
.technology li .date{
    color: #999999;font-size: 14px;
    padding-left: 14px;
    background: url(../images/yuan.png) no-repeat left center;
    margin-bottom: 16px;
}
.technology li .state{
    color: #999999;font-size: 14px;
    line-height: 1.7;
    height: 67px;
    overflow: hidden;
}
.technology li a:hover .pic img{transform: scale(1.1);}
.technology li a:hover .tt{color: #014896;}
.about{
    background-color: #fff;
    background-position: center bottom;
    background-size: 100% auto;
    background-repeat: no-repeat;
    background-attachment: fixed;
}
.about-intro{
    padding: 6% 36px 8%;
}
.about-intro .aleft{
    width: 38%;
}
.about-intro .aleft .title{
    color: #333333;font-size: 36px;
    margin-bottom: 50px;
}
.about-intro .aleft .con{
    color: #333333;font-size: 14px;
    line-height: 2;
}
.about-intro .aright{padding-top: 110px;overflow: hidden;padding-left: 8%;}
.about-intro .aright .list{
    display: flex;
    justify-content: stretch;
    float: left;
    width: 33.3%;
    margin-bottom: 54px;
    align-items: center;
}
.about-intro .aright .icon{width: 64px;}
.about-intro .aright .texts{
    color: #333333;font-size: 18px;
}
.about-project .title{
    color: #333333;font-size: 26px;
    margin-bottom: 50px;
    padding: 0 38px;
}
.about-project ul{padding: 0 26px;}
.about-project li{
    padding: 0 12px;
    margin-bottom: 42px;
    float: left;
    width: 25%;
}
.about-project li a{
    background: #fff url(../images/jz.png) no-repeat 40px center;
    border: 1px solid #bdbdbd;
    height: 130px;
    display: block;
    padding: 10px 35px 10px 100px;
    overflow: hidden;
}
.about-project li p{
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    color: #777777;font-size: 18px;
    max-height: 82px;overflow: hidden;
}
.honor{
    padding: 77px 90px;
}
.honor li{
    float: left;width: 25%;border-bottom: 1px solid #e8e8e8;
    padding: 0 25px 25px;
    margin-bottom: 25px;
}
.honor li .pic{overflow: hidden;}
.honor li .pic img{width: 100%;transition: all ease 1s;;}
.honor li:hover .pic img{transform: scale(1.1);}
.honor li .tt{
    text-align: center;
    color: #333333;font-size: 16px;
    margin-top: 18px;
}
.honor li:hover .tt{color: #014896;}
.organ{
    padding: 100px 0 160px;
    text-align: center;
}
.service{
    padding: 6% 45px 12%;
}
.service .title{
    color: #333333;font-size: 36px;
    margin-bottom: 70px;
}
.service .texts{
    width: 61%;padding-right: 45px;
}
.service .texts li{
    padding-left: 35px;
    background: url(../images/yuan2.png) no-repeat left 5px;
    color: #333333;font-size: 14px;
    margin-bottom: 14px;
}
.service .pic{overflow: hidden;}
.service .pic img{width: 100%;}

.about2{background-color: #f4f4f4;}
.exchange li{
    float: left;
    width: 33.3%;
    padding: 0 10px;
    margin-bottom: 80px;
}
.exchange li .pic{overflow: hidden;}
.exchange li .pic img{transition: all ease 1s;width: 100%;}
.exchange li a:hover .pic img{transform: scale(1.1);}
.exchange li .con{background: #fff;padding: 15px 20px;}
.exchange li .tt{
    color: #333333;font-size: 16px;
    line-height: 1.8;height: 58px;
    overflow: hidden;
}
.exchange li a:hover .tt{color: #014896;}
.team{
    padding: 6% 8% 10%;
}
.team .info{
    max-width: 634px;
}
.team .tt1{
    color: #333;font-size: 18px;
    margin-bottom: 10px;font-family: '宋体';
}
.team .tt2{
    color: #014896;font-size: 36px;
    font-weight: bold;
    margin-bottom: 30px;font-family: '宋体';
}
.team .state{
    color: #808080;font-size: 14px;
    line-height: 2.1;
    padding-top: 36px;
    border-top: 1px solid #e5e5e5;
    font-family: '宋体';
}
.team .pic{max-width: 256px;}
.location{margin-bottom: 20px;}
.location .tt{
    color: #999999;font-size: 18px;
}
.location .tt a{
    color: #999999;font-size: 14px;
    height: 53px;
    line-height: 53px;
    display: inline-block;
}
.location .tt a.on{color: #879bbf;}
.location .back{
    display: inline-block;
    background: #fff;
    width: 156px;
    border-radius: 8px;
    text-align: center;
    color: #c4261d;font-size: 16px;
}
.location .back i{
    font-style: normal;
    color: #dd9693;
    font-size: 24px;
    vertical-align: middle;
    display: inline-block;
    margin-right: 5px;
    height: 53px;
    line-height: 53px;
}
.location .back em{
    font-style: normal;vertical-align: middle;
    display: inline-block;
    height: 53px;
    line-height: 53px;
}
.news-detail{
    background: #fff;
    padding: 114px 20px 84px;
}
.news-detail .nwrap{
    max-width: 900px;
    margin: 0 auto;
}
.news-detail .title{
    color: #333333;font-size: 24px;
    margin-bottom: 24px;
}
.news-detail .subtitle{
    color: #999999;font-size: 12px;
}
.news-detail .subtitle span{
    display: inline-block;
}
.news-detail .detail{
    color: #666666;font-size: 14px;
    line-height: 2;
    margin-top: 78px;
    padding-bottom: 40px;
}
.switch{padding-top: 30px;border-top: 1px solid #dedede;}
.switch p{
    color: #aeaeae;font-size: 14px;
    line-height: 2.2;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.switch p a{
    color: #aeaeae;font-size: 14px;
}
.switch p a:hover{color: #2776cd;}
.product-img{
    position: relative;
    max-width: 740px;
    margin: 0 auto 45px;
    padding: 0 130px;
}
.product-img .btn{
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}
.product-img .prev{left: 0;}
.product-img .next{right: 0;}
.product-swiper{
    overflow: hidden;
}
.product-swiper li img{width: 100%;}
.news-detail .ptitle{
    text-align: center;color: #333333;font-size: 20px;
}
.map{
    width: 100%;overflow: hidden;
    height: 570px;position: relative;
}
.map img{max-width: inherit;}
.anchorBL, .BMap_cpyCtrl{display: none;}
.join-state{
    background: #fff;
    padding: 33px 20px 54px;
    text-align: center;
    margin-bottom: 50px;
}
.join-state .title{
    color: #333333;font-size: 24px;
    margin-bottom: 24px;
}
.join-state .state{
    color: #999999;font-size: 16px;
    line-height: 3;
}
.join-state .state span{
    display: inline-block;
}
.join-state .state img{display: inline-block;margin: 0 8px;}

.join-list{margin: 0 -12px;border-bottom: 1px solid #dedede;}
.join-list li{
    float: left;
    padding: 0 12px;
    margin-bottom: 45px;
    width: 33.3%;
}
.join-list li a{
    display: block;
    background: #fff;
    border: 1px solid #bdbdbd;
    padding: 30px 20px;
}
.join-list li .t1{
    color: #333;font-size: 18px;
    margin-bottom: 24px;
}
.join-list li .con{
    color: #848484;font-size: 14px;
    line-height: 2.2;
}
.join-list li .con span{
    display: inline-block;
    width: 48%;
}
.map #ditu{
    width: 100%;
    height: 100%;
    position: relative;
    z-index: 9;
}
.contact{
    position: absolute;
    width: 504px;
    height: 430px;
    top: 50%;
    margin-top: -215px;
    left: 7.6%;
    background: #fff;
    z-index:29;
    box-shadow: 0px 0px 15px 0px rgba(0,0,0,.1);
    padding: 30px 40px;
    color: #333333;font-size: 16px;
    line-height: 1.8;
}
.contact .tt{
    color: #333333;font-size: 18px;
    padding-bottom: 18px;
    border-bottom: 1px dotted #555555;
    margin-bottom: 15px;
    padding-top: 30px;
}
.culture .ctop{
    background: #fff;
    padding: 80px;
    margin-bottom: 60px;
}
.culture .title{
    color: #333333;font-size: 24px;
    margin-bottom: 60px;
}
.culture .clist{margin: 0 -30px;}
.culture .clist li{
    float: left;
    width: 25%;
    padding: 0 30px;
    margin-bottom: 30px;
}
.culture .clist li .cwrap{
    position: relative;
    overflow: hidden;
}
.culture .clist li img{width: 100%;transition: all ease 1s;}
.culture .clist li:hover img{transform: scale(1.1);}
.culture .clist li p{
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 30px;
    left: 50%;
    margin-left: -15px;
    color: #fff;
    font-size: 20px;
    text-align: center;
}
.culture .citem{
    display: flex;
    align-items: stretch;
    background: #fff;
    margin-bottom: 30px;
    flex-wrap: wrap;
}
.culture .citem .pic{
    width: 50%;
}
.culture .citem .pic img{width: 100%;}
.culture .citem .con{
    width: 50%;
    display: flex;
    padding: 20px 40px;
    overflow: hidden;
    flex-direction: column;
    justify-content: center;
}
.culture .citem .t1{
    color: #333333;font-size: 24px;
    margin-bottom: 34px;
}
.culture .citem .state{
    color: #828282;
    font-size: 16px;
    line-height: 2.3;
}
.corner{

}
.corner ul{
    margin: 0 -10px;
}
.corner li{
    width: 50%;
    float: left;
    padding: 0 10px;
    margin-bottom: 36px;
}
.corner li a{
    display: block;
    background: #fff;
    padding: 20px;
}
.corner li .pic{overflow: hidden;}
.corner li .pic img{width: 100%;transition: all ease 1s;}
.corner li a:hover .pic img{transform: scale(1.1);}
.corner li .con{padding: 20px 0;}
.corner li .tt1{
    color: #333;font-size: 24px;
    margin-bottom: 12px;
}
.corner li .tt2{
    color: #999999;font-size: 14px;
}
.corner li .tt2 span{
    display: inline-block;
    padding-left: 18px;margin-right: 35px;
}
.corner li .tt2 .date{
    background: url(../images/time.png) no-repeat left center;
}
.corner li .tt2 .eye{
    background: url(../images/eye.png) no-repeat left center;
}
.corner li a:hover .tt1{color: #2776cd;}
.team .pic img{width:100%;max-width:400px;}
.about-intro .aright .state h3{
    font-size: 24px;
    margin-bottom: 15px;
    color: #333;font-weight: normal;
}
.about-intro .aright .state .con{
    color: #333;font-size: 14px;
    line-height: 2;
}