/*产品*/
.pro_tit{margin:60px 0;}
.pro_tit li{ font-family: SourceHanSansCN-Regular;cursor: pointer; color:#333333; float: left; width:20%; height:50px; line-height: 50px; border:1px solid #E7E7E7; border-right:none; text-align: center;}
.pro_tit li.on{color:#176abb; background: #F7F7F7; box-shadow: 0px 0px 5px 2px rgba(0,0,0,0.1);}
.pro_tit li:last-child{border-right:1px solid #E7E7E7;}
.pro_con{margin-bottom: 8%;}

.overview{}
.over_ll{ float: left; width:58.46%;  color:#333333; background: #F6F6F6; /*height:auto!important;*/ min-height: 400px;}
.over_ll .inner{padding:5.3% 6.8%;}
.over_ll h2{margin-bottom:42px;}
.over_ll h2 span{ display: block;font-family:DENMARK; line-height: 1;}
.over_ll h2 em{ display: block; width:60px; height: 2px; margin-top: 20px; background: #000;}
.over_ll .c .edit_con_original{color:#333333; line-height: 2;}
.over_rr{ float: right; width:41.54%; background: #fff;}
.over_rr ul{padding:0 0 0 10%;}
.over_rr ul li{ padding:21px 0; border-bottom:1px solid #E7E7E7; overflow: hidden;}
.over_rr ul li:first-child{ border-top:1px solid #E7E7E7;}
.over_rr ul li em{ float: left; width:44px; height: 44px; margin-top:5px;}
.over_rr ul li em img{ width:44px; height: 44px;}
.over_rr ul li .t{ float: right; width:calc(100% - 85px);}
.over_rr ul li .t h3{margin-bottom:8px; font-family: SourceHanSansCN-Medium;}
.over_rr ul li .t p{ line-height: 2; color:#333333; font-family: SourceHanSansCN-Regular;}

.area ul{ margin:0 -1.5%;}
.area li{ float: left; width:30.33%; margin:0 1.5% 1.5%; padding:2.8% 3.2%; border:1px solid #E7E7E7;}
.area li em{ display: block;width:44px; height: 44px; margin-bottom: 25px;}
.area li em img{width:44px; height: 44px;}
.area li h3{margin-bottom: 18px;font-family: SourceHanSansCN-Medium;}
.area li p{ line-height: 1.8; color:#333333; font-family: SourceHanSansCN-Regular;}

.mode_ll{ float: left; width:49.84%; margin-top:15px;}
.mode_rr{ float: right; width:48%;}
.mode_rr li{ padding:20px 0 18px 24px; border-bottom:1px solid #E7E7E7; overflow: hidden; position: relative; }
.mode_rr li::before{ content: ""; position: absolute; left:0; top:26px; width:2px; height:17px; background: #DF1010;}
.mode_rr li:last-child{border-bottom:none;}
.mode_rr li h3{margin-bottom:10px;font-family: SourceHanSansCN-Medium;}
.mode_rr li p{ line-height: 1.8; color:#333333;font-family: SourceHanSansCN-Regular;}

/*.mode2 li{border-bottom:1px solid #E7E7E7; padding:40px 0; margin:0 40px;}
.mode2 li dl{width:100%; overflow: hidden;}
.mode2 li dt{ float: left; width:142px; height:142px; border-radius: 50%; background: #F6F6F6; position:relative;}
.mode2 li dt em,.mode2 li dt em img{ width:44px; height:44px;}
.mode2 li dd{ float: right; padding-top:20px; width:calc(100% - 185px);}
.mode2 li dd h3{margin-bottom:10px;}
.mode2 li dd p{ line-height: 2; color:#333333;}*/

.technical li{border-bottom:1px solid #E7E7E7; padding:40px 0; overflow: hidden; position: relative;}
.technical li::before{content:""; position: absolute; left:48%; top:45px;width:1px; height:100px; background: #E7E7E7;}
.technical li dl{ float: left; width:48%;}
.technical li dl+dl{ float: right;}
.technical li dt{ float: left; width:100px; height:100px; border-radius: 50%; background: #F6F6F6; position:relative;}
.technical li dt em,.technical li dt em img{ width:44px; height:44px;}
.technical li dd{ float: right; width:calc(100% - 140px);}
.technical li dd h3{margin-bottom:10px;font-family: SourceHanSansCN-Medium;}
.technical li dd .txt{ line-height: 1.8; color:#333333; font-family: SourceHanSansCN-Regular;overflow: hidden;}
.technical li dd .txt span{ float: left;width:44%; margin-right: 6%; padding-left:10px; background: url(../image/dian.png) left 11px no-repeat;}


@media only screen and (max-width: 1023px){
.pro_tit{margin:40px 0;}
.over_ll,.over_rr{width:100%;}
.over_ll h2{margin-bottom: 20px;}
.over_rr ul{padding-left: 0;}
.technical li dd .txt span{width:100%; margin-right: 0;}
}
@media only screen and (max-width: 767px){
.pro_tit{margin:30px 0;}
.pro_tit li{width:33.33%;}
.pro_tit li:nth-child(3n){border-right:1px solid #E7E7E7;}
.over_rr ul li .t{width:calc(100% - 45px);}
.area ul{margin:0;}
.area li{width:100%; margin:0 0 10px;}
.area li em{margin:10px 0;}
.area li h3{margin-bottom:10px;}
.mode_ll,.mode_rr{width:100%;}
.mode_rr li{ padding:20px 0 20px 10px;}
.mode_rr li::before{top:23px;}
.mode2 li,.technical li{margin:0; padding:20px 0 0;}
.mode2 li dt,.technical li dt{width:60px; height: 60px;}
.over_rr ul li em,.over_rr ul li em img,.area li em,.area li em img,.mode2 li dt em, .mode2 li dt em img,.technical li dt em,.technical li dt em img{ width: 30px; height:30px;}
.mode2 li dd,.technical li dd{ padding-top:0; width:calc(100% - 80px);}
.technical li{border-bottom:none; padding:0;}
.technical li dl{width:100%; float: none!important;}
.technical li::before{ display: none;}
.technical li dd .txt span{width:50%; background-position:0 9px;}
}


/*关于我们*/
.abo_tit li{width:14.2857%;}
.profile{ padding: 0 0% 4%;}
.profile>h2{margin-bottom:25px;font-family: SourceHanSansCN-Medium;}
.profile .txt{ line-height: 2;font-family: SourceHanSansCN-Regular;}
.profile .txt .edit_con_original{ line-height:2; color:#333333;font-family: SourceHanSansCN-Regular;}
.abo_con{margin-bottom:0;}
.profile ul{margin-top:2%;}
.profile ul li{ float: left; width:33%;}
.profile ul li:first-child{ padding-left:0;}
.profile ul li:last-child{ padding-right:0; border-right:none;}
.profile ul li em{ float: left;margin-top:10px;}
.profile ul li em,.profile ul li em img{width:60px; height:60px;}
.profile ul li .t{ float: right; width:calc(100% - 76px);font-family: SourceHanSansCN-Regular;}
.profile ul li .t h3{ line-height: 1.3; color:#D6000F; width:150px;}
.profile ul li .t h3 span{font-family: Arial, Helvetica, sans-serif;}
.profile ul li .t p{color:#333333;}
@media only screen and (max-width: 1279px){
    .profile ul li .t h3{width:130px;}
}
@media only screen and (max-width: 1023px){
    .profile ul li{padding:0 20px;}
    .profile ul li em, .profile ul li em img{width:40px; height:40px;}
    .profile ul li .t{width:calc(100% - 56px);}
}
@media only screen and (max-width: 767px){
    .abo_tit li{width:33.3333%;}
    .abo_tit li:nth-child(3n){border-right:1px solid #E7E7E7;}
    .profile{padding:0 0 8%;}
    .profile>h2{margin-bottom:10px;}
    .profile ul li{width:33.33%; text-align: center; border-right:none; padding:0; margin-bottom:0;} 
    .profile ul li em{ display: block;float: none; margin:0 auto 5px;}
    .profile ul li .t{ float: none; width:100%;}
    .profile ul li .t h3{ width:100%;}
}

.vision{ padding:0 4% 10%; background: url(../image/about_bg02.jpg) center bottom no-repeat;}
.vision li{ float: left; width:33.3333%; height:330px; padding:3% 50px 6%; border-right: 1px solid #EDEDED;;font-family: SourceHanSansCN-Regular;}
.vision li:last-child{border-right: none;}
.vision li h2 em{ display: block; margin:15px 0 20px; width:60px; height:2px; background: #D6000F;}
.vision li .t{ line-height: 2;color:#333333;}
@media only screen and (max-width: 1023px){
    .vision{padding:0 0 10%;}
    .vision li{padding:0 4%; height:260px;}
}
@media only screen and (max-width: 767px){
    .vision li{width:100%; height:auto; padding:0; margin:0 0 30px; border-right: none;}
}

.layout{padding:0 0 12%;}
.layout .ll{ float: left; width: 69.23%; text-align: center; position: relative;}
.layout .ll .info{ position: absolute; left: 40px; top:100px; text-align: left;}
.layout .ll .info span{ display: block; color:#000; line-height:24px; margin-bottom: 10px;}
.layout .ll .info span i{color:#FF7575; font-size: 24px; vertical-align: bottom; }
.layout .ll .info em{display: block; color:#5D5D5D;}
.layout .ll .info em i{color:#FF7575; font-weight: bold; margin:0 5px;}

.layout .rr{ float: right; width:21.5%; margin-right:5%;}
.layout .rr ul{margin:10% 0 7%;}
.layout .rr li{ padding:20px 0; border-bottom:1px solid #E7E7E7; position: relative;}
.layout .rr li h3 span,.layout .rr h4 span{color: #D10101; margin:0 5px 0 0; font-family: Arial, Helvetica, sans-serif;}
.layout .rr li h3{ cursor: pointer;}
.layout .rr h4 span{ margin:0 5px;}
.layout .rr li h3,.layout .rr h4{font-family: SourceHanSansCN-Medium;}
.layout .rr li .tbox{ display: none; position: absolute; right:106%; top:28px; width:280px;border:1px solid #FFD3D6; height:60px; line-height: 60px; text-align: center; color:#111111; box-shadow: 1px 1px 5px 3px #F5F5F5; background: url(../image/a_bg01.jpg) left bottom repeat-x #fff;}
.layout .rr li .tbox::before{ content: ""; position: absolute; right:-11px; top:0px; width:11px; height:37px; background: url(../image/a_dot04_an.jpg) no-repeat;}
.layout .rr li .tbox.tbox-02{width:420px;}
.layout .rr li .tbox.tbox-03{width:370px; height: auto; text-align: left; background: url(../image/a_bg02.jpg) left bottom repeat-x #fff;}
.layout .rr li .tbox.tbox-03::before{background: url(../image/a_dot04.jpg) no-repeat;}
.layout .rr li .tbox.tbox-03 dl{ padding:20px 25px;}
.layout .rr li .tbox.tbox-03 dd{ float: left; width:50%; line-height: 30px; padding-left: 10px;font-family: SourceHanSansCN-Regular; background: url(../image/dian.png) left center no-repeat;}
.a_map_phone{ display: none;}
.a_map_pc{ display:inline;}
@media only screen and (max-width: 1279px){
.layout .ll,.layout .rr{width:100%;}
.layout .ll .info{left: 0; top:0;}
.layout .rr{margin:0;}
.layout .rr ul{margin:0 0 5%;}
.layout .rr li .tbox{ display: block; position: static; margin-top:10px; width:100%!important; height:auto!important;}
.layout .rr li .tbox::before{ display: none;}
}
@media only screen and (max-width: 767px){
.layout .ll .info span,.layout .ll .info em{ display: inline-block;}
.layout .rr li .tbox{ padding:10px 5%; text-align: left;line-height: 20px;}
.layout .rr li .tbox.tbox-03 dl{padding:0;}
.layout .ll .info span i{font-size: 16px;}
.a_map_phone{ display: block;}
.a_map_pc{ display: none;}
}


.honor{padding:2% 0 8%;}
.honor .ll{ float: left; width:50%; text-align: right;}
.honor .rr{ float: right; width:45%; color:#333; padding-top:10%;}
.honor .rr h2{margin:0 0 30px;font-family: SourceHanSansCN-Medium;}
.honor .rr p{ line-height: 2; width:85%;font-family: SourceHanSansCN-Regular;}
@media only screen and (max-width: 1023px){
    .honor .rr{padding-top:5%;}
    .honor .rr p{width:100%;}
}
@media only screen and (max-width: 767px){
    .honor{ padding:0 0 8%;}
    .honor .ll,.honor .rr{width:100%;}
    .honor .ll{ text-align: center;}
    .honor .rr h2{margin-bottom:15px;}
}



.history_year{height: 92px;position: relative;}
.history_year .line{position: absolute; z-index: -1; left:0; top:75px; width:100%; height:2px; background: #C7C7C7;}
.his_year{ /*width:83%;*/ width:calc(100% - 60px); height: 85px; margin:0 auto; }
.his_year .swiper-slide{ text-align: center; height: 85px;position: relative; /*background: url(../image/his_cicle01.png) center bottom no-repeat;*/}
.his_year .swiper-slide a{font-size: 30px; font-family: Arial, Helvetica, sans-serif; color:#484848; line-height: 60px;}
.his_year .swiper-slide em{ position: absolute; left:50%; margin-left:-8px; bottom:0; width:17px; height:17px;background: url(../image/his_cicle01.png) no-repeat}
.his_year .swiper-slide.on em{ background: url(../image/his_cicle02.png) no-repeat;}
.his_year .swiper-slide.on a{font-size: 48px; color:#000;}
.his_year .swiper-slide.on::before{ content: ""; position: absolute; left:0; bottom:8px; width:100%; height: 2px; background: #176abb;}

.his_year .swiper-button-prev{left:0; top:auto; margin-top:0; bottom:0; width:30px; height: 30px; background: url(../image/dot14.png) #fff no-repeat!important;}
.his_year .swiper-button-next{right:0; top:auto; margin-top:0; bottom:0; width:30px; height: 30px; background: url(../image/dot15.png) #fff no-repeat!important;}
.his_year .swiper-button-prev.swiper-button-disabled,.his_year .swiper-button-next.swiper-button-disabled{opacity: 1; cursor: pointer; pointer-events:inherit!important;}
.his_year .swiper-button-prev.disabled{cursor: default; background: url(../image/dot14_dis.png) #fff no-repeat!important;}
.his_year .swiper-button-next.disabled{cursor: default; background: url(../image/dot15_dis.png) #fff no-repeat!important;}

.history_list ul{padding:4% 5% 5.6%;}
.history_list ul li{margin-bottom:25px;position: relative;padding-left: 15px;font-family: SourceHanSansCN-Regular;}
.history_list ul li::before{content: "";background: url(../image/circle.png) no-repeat center;display: inline-block;width: 6px;height: 5px;position: absolute;top: 10px;left: 0;}

@media only screen and (max-width: 1023px) {
    .his_year .swiper-slide a{font-size: 24px;}
    .his_year .swiper-slide.on a{font-size: 36px;}
}
@media only screen and (max-width: 767px) {
    .his_year .swiper-slide a{font-size: 20px;}
    .his_year .swiper-slide.on a{font-size: 30px;}
    .history_list ul{padding:10% 0;}
}

/*搜索结果*/
.search-part{ padding:3% 0 0;}
.search_t{background: #f4f4f4;padding: 3% 20%; margin-bottom:2%; overflow: hidden;}
.search_t input,.search_t button{height:46px;line-height: 46px; font-size: 16px; border:none;outline: none;}
.search_t input{padding: 0 10px; width: calc(100% - 140px);float: left;}
.search_t button{background:#E60012;color: #fff;width: 140px;float: left;}
.search_p{color: #4c4c4c;padding:2%;font-family: SourceHanSansCN-Medium;}
.search_p span,.search_p i{color: #E60012;}
.search_list{padding:0 0 5%;}
.search_list ul{padding-bottom:4%;}
.search_list li{overflow: hidden;padding: 0 2%;height: 50px;line-height: 50px;border-bottom: 1px solid #e6e6e6;font-family: SourceHanSansCN-Regular;}
.search_list p{float: left;width:78%;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.search_list p i{color: #E60012;}
.search_list p a{color: #4c4c4c;}
.search_list em{float: right;width: 135px;text-align: center;color: #999999; font-family: arial;}
@media only screen and (max-width:1024px) {
.search_list p{width: calc(100% - 100px)}
.search_list em{width: 90px;}
.search_t input, .search_t button{font-size: 14px;}
}
@media only screen and (max-width:767px) {
.search_t{padding:5%;}
.search_t button{width:100px;}
.search_t input{width:calc(100% - 100px);}
.search_p{padding-bottom: 0;}
.search_list li{height:40px; line-height: 40px;}
.search_list em{font-size:12px; text-align: right;}
}



.share{padding:4.2% 0 3%;overflow: hidden;line-height: 22px;}
.share .ico-box{ float: left;height:22px; line-height: 22px;}
.share .ico-box a{width:22px; height:22px; font-size: 24px; color:#727272; margin:0 25px 0 0;}
.share .ico-box a:hover{opacity: 0.7;}

.weixin{ position:fixed; width:300px; z-index:100000; background:#fff; border:1px solid #ddd; border-radius:2px; box-shadow:1px 1px 10px #666;transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);-moz-transform: translate(-50%,-50%);-o-transform: translate(-50%,-50%); left:50%; top:50%;}
.weixin .c{ position:absolute; width:40px; height:40px; background:url(../image/x.png) center center no-repeat; overflow:hidden; text-indent:100px; right:0; top:0; font-size:20px; font-style:normal; text-align:center; cursor:pointer; z-index:2;}
.weixin h2{ position:relative; line-height:40px; font-size:16px; padding-left:20px; font-weight:normal;}
.weixin .img{ padding:10px 20px;text-align:center; border-top:1px solid #ddd;}
.weixin .img img{width:200px; height: 200px;}
.weixin p {margin:0 0 30px; text-align:center;}


.system .ll_txt{ float: left; width:34%; margin-top:10px; position: relative; padding-top: 20px; border-top: 1px solid #DDDCDC;}
.system .ll_txt::before{content: ""; position: absolute; left:0; top:-4px; width:70px; height:4px; background: #176abb;}
.system .ll_txt .edit_con_original{ line-height: 1.8;}
.system .rr_img{ float: right; width:63%; overflow: hidden;}
@media only screen and (max-width:1023px) {
    .system .ll_txt,.system .rr_img{width:100%;}
    .system .ll_txt{margin-bottom: 20px;}
}


.mianbao{ padding:2.5rem 0 2.5rem}
.mianbao .m1360{
    height: 60px;
    border-bottom: #e6e6e6 3px solid
}

.mianbao big {
    line-height: 40px;
    font-size: 32px;
    color: #373737;
}

.mianbao ul {
    font-size: 0;
}

.mianbao ul li {
    font-size: 18px;
    color: #585858;
    font-weight: bold;
    line-height: 54px;
    display: inline-block;
    margin-left: 3rem;
    position: relative;
    height: 60px;
}

.mianbao ul li a {
    color: #585858;
    transition: 0.6s;
    display: inline-block
}

.mianbao ul li a:after {
    content: "";
    position: absolute;
    right: 0;
    width: 0;
    height: 3px;
    background: #0869ac;
    bottom: 0;
    transition: 0.6s
}

.mianbao ul li.on a:after,.mianbao ul li:hover a:after {
    left: 0;
    width: 100%
}

.mianbao ul li.on a,.mianbao ul li:hover a {
    color: #0869ac
}