body{background:#f6f7f8;}
a:hover{color:#1e50ae;}
.wrap{width:1360px;margin:0 auto;}
p,a{font-size:16px;}
@media(max-width:1360px){
    .wrap{width:90%;}
    p,a{font-size:.16rem;}
}

/* 电脑导航 */
header{width:100%;background:url(../images/header_bg.jpg) top center no-repeat; background-size:100%;padding-bottom:23px; }
header .top{height:124px;display:flex;justify-content: space-between;align-items: center;}
header .logo{width:690px;}
header .search_box{display:flex;justify-content: center;align-items: center;}
header .box{width:356px;height:48px;background:#fff;border:1px solid #5b5b5b;position: relative;margin-right:8px;}
header .search_input{width:100%;height:100%;position: absolute;font-size:20px;padding:20px;border:none;outline: none;}
header .search_btn{border:none;width:82px;height:48px;display: flex;justify-content: center;align-items: center;background:#3d97cf;color:#fff;font-size:20px;}
::-webkit-input-placeholder{color: #999;font-size:20px;}    /* 使用webkit内核的浏览器 */
:-moz-placeholder{color: #999;font-size:20px;}                  /* Firefox版本4-18 */
::-moz-placeholder{color: #999;font-size:20px;}                  /* Firefox版本19+ */
:-ms-input-placeholder{color: #999;font-size:20px;}           /* IE浏览器 */

/*导航条css*/
header .navbar{height:60px; align-items: flex-end; padding:0;}
header .navbar .container{display: flex; justify-content:space-around; align-items: flex-end; position: relative;}
header .navbar-brand{padding:0;}
header .navbar .navbar-brand img{max-width:240px;}
header .navbar-collapse{flex-grow:0;width:100%; height:45px;}
header .navbar-nav{height:100%;width:100%; flex-direction: row;background:url(../images/nav_bg.png) top center/100% no-repeat;border-radius:.1rem;padding:0 20px;justify-content:center;}
header .navbar-nav .nav-item{position:relative;display: flex;justify-content: center;align-items: center;}
/*header .navbar-nav .nav-item:after{content:""; position: absolute; top:33%; right:0; height:34%; width:1px; background:#95bfe4;}*/
/*header .navbar-nav .nav-item:last-child:after{display: none;}*/
header .navbar-nav .nav-link{z-index:1000;padding:0;color:#fff;}
header .navbar-nav .nav-item h3{font-size:18px;margin:0;position: relative; display:flex; justify-content: center; padding: 0 64px;}
header .navbar-expand-lg .navbar-nav .nav-link{ width:100%; height:100%; font-size:16px; display:flex; align-items: center; justify-content: center; height:45px; padding:0; }
header .navbar-expand-lg .navbar-nav h3:hover:after{content:"\e64f"; font-family: "iconfont"; font-size:24px; transform: rotate(-180deg); position: absolute; bottom:-12px;}
header .navbar-expand-lg .navbar-nav #m1 h3:hover:after,
header .navbar-expand-lg .navbar-nav #m6 h3:hover:after,
header .navbar-expand-lg .navbar-nav #m8 h3:hover:after,
header .navbar-expand-lg .navbar-nav #m11 h3:hover:after,
header .navbar-expand-lg .navbar-nav #m12 h3:hover:after{display: none;}
header .navbar-expand-lg .navbar-nav .nav-item:hover,header .navbar-nav .nav-item.current{color:var(--white); background:var(--darkgreen-hover);}
header .navbar-expand-lg .navbar-nav .nav-item.nav-tel .nav-link{ padding:0.5rem 120px; color:var(--white); display: flex; align-items:center; background:#f0873a; border-radius:4px; margin-left:10px;}
header .navbar-expand-lg .navbar-nav .nav-item.nav-tel .nav-link i{margin-right:5px;}
.close,#navbarNav .navbar-brand{display: none;}

/*下拉二级菜单css*/
header .navbar-nav .sub{display:none;padding: 15px 10px;position: absolute;left: 0;top: 45px;z-index: 1001;background: var(--white);border: 1px #666 solid;border-top: none;border-radius: 10px;}
header .navbar-nav .sub li{float:left; width:170px; text-align:center; display: flex; justify-content: center;position: relative;}
header .navbar-nav .sub li::after{content:""; position: absolute; display: block;top:0;right:0; height:100%; width:1px; background:#95bfe4;}
header .navbar-nav .sub li:last-child::after{display:none;}
header .navbar-nav .sub li a{display:block; font-size:16px;}
header .navbar-nav #m2 .sub{width:calc( 170px * 4 + 40px);}
header .navbar-nav #m3 .sub{width:calc( 170px * 2 + 40px);}
header .navbar-nav #m4 .sub{width:calc( 170px * 6 + 40px);margin-left:-211%;}
header .navbar-nav #m5 .sub{width:calc( 170px * 3 + 40px);margin-left:-110%; }
header .navbar-nav #m7 .sub{width: calc( 170px * 5 + 40px);margin-left: -305%;}
header .navbar-nav #m9 .sub{width:calc( 170px * 2 + 40px); margin-left:-82%;}
header .navbar-nav #m8 .sub{width:calc( 170px * 3 + 40px); margin-left:-111%;}



/* 轮播图 */
.banner{width:100%;height:420px;position:relative;background:#f6f7f8;}
.banner .wrap{display: flex;justify-content: space-between;align-items: flex-start;height:100%;}
#swiper1{width:68%;height:100%;margin:0;}
.banner_contact{width:31%;height:100%;background:url(../images/banner_contact_bg.png) top center/cover no-repeat;}
.title_top{height:75px;padding:0 28px;display: flex;justify-content: space-between;align-items: center;border-bottom:1px solid #f3f3f3;}
.title_top .left_title{display: flex;align-items: center;}
.title_top img{width:8px;margin-right:20px;}
.title_top h3{font-size:28px;color:#2183cb;font-weight:bold;}
.more_btn{font-size:16px;color:#2183cb;border:1px solid #2183cb;border-radius:20px;width:75px;height:32px;display: flex;justify-content: center;align-items: center;}
.banner_contact .bottom{padding:34px;}
.banner_contact .contact_bottom_info h4{font-size:24px;color:#d1151c;font-weight:bold;margin-bottom:22px;}
.banner_contact .contact_bottom_info p, .banner_contact .contact_bottom_info p a{font-size:16px;color:#000;line-height: 2;}

/* 新闻区域 */
.news_part{padding:20px 0;background:#f6f7f8;}
.news_part .wrap{display: flex;justify-content: space-between;align-items: start;}
.news_part .wrap .news{width:68%;background:#fff;}
.news_part .news_tab{display: flex;justify-content: space-between;align-items: center;}
.news_part .news_tab_link{margin-left:10px;border-radius:36px;width:100px;height:36px;color:#000;font-size:18px;text-align: center;line-height: 36px;cursor: pointer;}
.news_part .news_tab_link.active{background:#2183cb;color:#fff;}
.news_part .news_content{width:100%;padding:28px;display: flex;justify-content: space-between;align-items: flex-start;}
.news_part .news_content_swiper{width:44%;height:242px;}
.news_part #news_swiper{height:242px;width:100%;border-radius: 5px;overflow:hidden;}
.news_part .swiper-slide{height:242px;width:100% !important;border-radius: 5px;overflow:hidden;}
.news_part .swiper-slide .img{height:242px;width:100%;border-radius: 5px;overflow:hidden;}
.news_part .news_content_swiper p{width:100%;background:rgba(0,0,0,.7);color:#fff;font-size:16px;position: absolute;bottom:0;left:0;height:37px;line-height:37px;padding:0 20px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.news_part .news_content_list{width:53.8%;}
.news_part .news_content_link{display: flex;justify-content: space-between;align-items: center;padding:9px 0;border-bottom:1px dashed #e5e5e5;}
.news_part .news_content_link i{width: 2%;font-size:10px;color:#2183cb;}
.news_part .news_content_link p{width: 72%;font-size:16px;color:#000;overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;}
.news_part .news_content_link:last-child{border:none;}
.news_part .news_content_link p:last-child{width: 23%;}

.news_part .about{width:31%;background:#fff;}
.news_part .about_content{padding:28px;}
.news_part .intro{font-size:16px;color:#000;line-height: 1.5;}
.news_part .items{display: flex;justify-content: center;align-items: center;margin-top:33px;}
.news_part .item{display: flex;flex-direction: column;align-items: center;justify-content: center;margin:0 6px;}
.news_part .items img{width:85px;}
.news_part .items p{font-size:16px;color:#000;margin-top:12px;}

.ads{background:#f6f7f8;}

/*业务范围*/
.bus_part{padding:10px 0 20px 0;background:#f6f7f8;}
.bus_part .wrap{ background:#fff;}
.bus_part .list{display: flex;justify-content: space-between;align-items: center;padding:0 28px;}
.bus_part .item{display: flex;justify-content: center;align-items: center;flex-direction: column;}
.bus_part .item img{width:245px;height:195px;border-radius:5px;}
.bus_part .item p{font-size:18px;color:#000;font-weight:Bold;margin:16px 0 30px 0;}

/*公共服务*/
.service_part{background:#f6f7f8;padding-bottom:20px;}
.service_part .wrap{ background:#fff;padding-bottom:38px;}
.service_part .list{display: flex;justify-content: space-between;align-items: center;padding:0 30px;padding-top:30px;}
.service_part .hidden_list{padding-top:18px;padding-bottom:18px;display: none;}
.service_part .item{width:20%;padding:23px 26px;display: flex;justify-content: center;align-items: center;flex-direction: column;border:1px solid #2183cb;border-radius: 10px;margin:0 20px;}
.service_part .item img{height:72px;}
.service_part .item p{font-size:18px;color:#000;font-weight:Bold;margin-top:23px;}

/* 友情链接 */
.links .title_top{border:0;}
.links{background:#f6f7f8;}
.links .wrap{background:#d9eaf7;padding:20px 0;}
.links .links_select{width:87%;}
.links .sinochem-yqlj{display: flex;justify-content: center;align-items: center;}
.links select{width:25%;font-size:18px;padding:17px 0;margin:0 10px;border:1px solid #2183cb;}
.links option{font-size:18px;}
.links option[selected]{text-align: center;}

/* 底部 */
footer{background:#f6f7f8;color:#000;padding:20px 0;}
footer .wrap{display: flex;justify-content: center;align-items: flex-start;flex-wrap: wrap;padding:0 5%;}
footer div{font-size:16px;margin:10px 0;margin-left:25px;margin-right:25px;}
footer a, footer a:hover{font-size:16px;color:#000;}
footer div img{vertical-align: middle;}

.backtop{position:fixed;right:60px;bottom:40px;width:50px;height:50px;background:#2183cb;border-radius: 5px;display: flex;justify-content: center;align-items: center;overflow: hidden;}
.backtop i{font-size:30px;color:#fff;}

/* 公共部分 */
.common_banner{width:100%;height:400px;}
.position{font-size:16px;color:#999;margin-top:20px;}
.position a{font-size:16px;color:#666;}
.common_tab{display: flex;justify-content: flex-start;align-items: center;margin:40px 0;}
.common_tab .tab_item{width:130px;height:40px;display: flex;justify-content: center;align-items: center;color: #666666;font-size: 16px;
    cursor: pointer;}
.common_tab .tab_item.active{color:#fff;background: #2183cb;}
.common_content .content_item{display: none;}
.common_content .content_item h1{color: #2183cb;font-weight: bold;font-size: 20px;border-bottom:1px dashed rgb(30, 80, 174);padding:20px 0;}
.common_content .content_item .text{padding:20px 0;}
.common_content .content_item p{color: rgb(102, 102, 102);font-size: 16px;line-height: 2;margin-bottom:40px;}
.common_content .content_item p b{font-weight:bold;}

/*关于*/
/*#about_item .text{display: flex;justify-content: space-between;align-items: flex-start;}*/
/*#about_item .left{width:65%;}*/
/*#about_item .right{width:30%;}*/
#about_item .right img{margin:5px 0 30px 0;max-width:100%;}

/*文化*/
#culture_item .text b{color: rgb(51, 51, 51);font-size:16px;}
#structure_item .text img{width:100%;}
#story_item .text img{width:100%;}

/*员工风采*/
.culture2 .wrap{padding-top:221px;position: relative;}
.culture2 .back_btn{position:absolute;right:0;top:223px;background:url(../images/back_btn.png) center top/cover no-repeat;color:#fff;font-size:24px;font-weight:bold;width:160px;height:50px;display: flex;justify-content: center;align-items: center;}
.culture2 .list{padding-top:75px;display: flex;justify-content: space-between;align-items: center;flex-wrap:wrap;}
.culture2 .item{width:24.5%;margin-bottom:10px;}
.culture2 .item:last-child:nth-child(4n+2){margin-right: 50.34%;}
.culture2 .item:last-child:nth-child(4n+3){margin-right: 25.1%;}
.culture2 img{width:100%;display: block;}
.culture2 p{padding:20px 10px;background:#cfebfc;color:#000;font-size:24px;font-weight:bold;text-align: center;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}

/*证书*/
.cert_item .text{display: flex;justify-content: space-between;align-items: center;flex-wrap: wrap;}
.cert_item .text .item{width:23.5%;margin-bottom:20px;}
.cert_item .text .item img{width:100%;}
.cert_item .text .item p{font-size:14px;color:#333;margin:10px 0;text-align: center;}
.cert_item .text .item:last-child:nth-child(4n+2){margin-right: 51%;}
.cert_item .text .item:last-child:nth-child(4n+3){margin-right: 25.5%;}

/*业务*/
.common_content .business_item .text{display:flex;justify-content: space-between;align-items: flex-start;padding:0;}
.business_item .left{width:47%;padding-top:5px;}
.business_item .left img{width:93%;}
.business_item .right{width:60%;}

/* 联系 */
#dituContent{height: 400px;margin-top: 20px;margin-bottom: 30px;width: 100%;}
.iw_poi_title {color: #1e50ae;font-weight: bold;font-size: 15px;}
.iw_poi_content{margin-top:5px;line-height: 1.2;font-size: 14px;}
#contact_item .text{display: flex;justify-content: space-between;align-items: flex-start;}
#contact_item .text .left{width:40%;padding-top:10px;}
#contact_item .text .right{width:60%;}
#contact_item p{margin-bottom:10px;}
#contact_item p a{color: rgb(102, 102, 102);font-size: 14px;}
#contact_item p b{font-weight: bold;color:#222;font-size:18px;}
#contact_item p img{width:150px;vertical-align: top;}

/* 留言 */
#message_item form{margin-top:20px;width:100%;margin-bottom:20px;}
#message_item .line{width:100%;display:flex;flex-wrap:wrap;justify-content: space-between;align-items: center;}
#message_item .line .item{width: 48%;height: 60px;padding: 14px 30px;position: relative;border: 1px solid #e2e2e2;border-radius: 5px;margin-bottom: 25px;font-size: 16px;color: #666;line-height: 30px;}
#message_item .line .item input{width:450px;height:30px;position:absolute;font-size:15px;color:#666;border:none;outline:none;}
#message_item .line .item:last-child{width:100%;height:200px;}
#message_item textarea{position:absolute;height:177px;width:100%;border:none;outline:none;background: transparent;}
#message_item .btns{display:flex;justify-content: center;align-items: center;}
#message_item button{    width: 160px;height: 50px;line-height: 48px;text-align: center;font-size: 16px;border-radius: 5px;margin-top: 5px;}
#message_item button:first-child{color:#fff;background:#1e50ae;border:none;margin-right:80px;}
#message_item button:last-child{color:#fff;background:#999;border:none;}
#message_item input,.message textarea{background:transparent;}

@media(max-width:1360px){
    /*关于*/
    #about_item .right img{margin:.2rem 0 .3rem 0;}

    /*文化*/
    #culture_item .text b{font-size:.16rem;}

    /*证书*/
    .cert_item .text .item{margin-bottom:.2rem;}
    .cert_item .text .item p{font-size:.14rem;margin:.1rem 0;}

    /*业务*/
    .business_item .left{padding-top:.05rem;}
    #business_item2{margin-bottom:.2rem;}
    #business_item2 .right p, #business_item3 p{margin-bottom:.1rem;}

    /* 联系 */
    #dituContent{height: 4rem;margin-top: .2rem;margin-bottom: .3rem;}
    .iw_poi_title {font-size:.15rem;}
    .iw_poi_content{margin-top:0;font-size: .14rem;}
    #contact_item .text .left{padding-top:.1rem;}
    #contact_item p{margin-bottom:.1rem;}
    #contact_item p a{font-size: .14rem;}
    #contact_item p b{font-size:.18rem;}
    #contact_item p img{width:1.5rem;}

    /* 留言 */
    #message_item form{margin-top:.2rem;margin-bottom:.2rem;}
    #message_item .line .item{height: .6rem;padding: .14rem .3rem;margin-bottom: .25rem;font-size:.16rem;line-height: .3rem;}
    #message_item .line .item input{width:4.5rem;height:.3rem;font-size:.15rem;}
    #message_item .line .item:last-child{height:2rem;}
    #message_item textarea{height:1.77rem;}
    #message_item button{width:1.6rem;height: .5rem;line-height: .48rem;font-size: .16rem;margin-top: .05rem;}
    #message_item button:first-child{margin-right:.8rem;}
}

/* 新闻列表 */
.common_content .news_item{width:100%;margin-bottom:30px;}
.common_content .news_item .list a{display: flex;justify-content: space-between;align-items: center;padding:20px 0;border-bottom:1px solid #e5e5e5;}
.common_content .news_item .list a:last-child{border:none;}
.common_content .news_item .left{width:20%;height:120px;}
.common_content .news_item .center{width:100%;height:100%;padding:0 10px;height:120px}
.common_content .news_item .right{width:10%;height:100%;}
.common_content .news_item .title{font-size: 16px;color: #333333;overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;margin-bottom: 1px;}
.common_content .news_item .subtitle{font-size: 12px;color: #797979;padding: 4px 0 0 0;overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}
.common_content .news_item .time{font-size: 16px;color: #333333;text-align: right;}

.common_content .news_item2 .list a{display: flex;justify-content: space-between;align-items: center;height:180px;padding:20px 0;border-bottom:1px solid #e5e5e5;}
.common_content .news_item2 .list a:last-child{border:none;}
.common_content .news_item2 .left{width:10%;height:100%;display: flex;justify-content: center;align-items: center;}
.common_content .news_item2 .center{width:90%;}
.common_content .news_item2 .left .time{background: #f2f2f2;height:84px;width:84px;display: flex;justify-content: center;align-items: center;flex-direction: column;}
.common_content .news_item2 .time2{font-size: 25px;color: #999999;margin-bottom: 0px;line-height: 1;}
.common_content .news_item2 .time1{font-size: 14px;color: #999999;margin-bottom: 0px;}
.common_content .news_item2 .title{font-size: 16px;color: #333333;overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;margin-bottom: 0px;}
.common_content .news_item2 .subtitle{font-size: 12px;color: #797979;padding: 4px 0 0 0;overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;margin-bottom:0;}

.pagination{justify-content: center;margin-top:.5rem;margin-bottom:.5rem;}
.pagination a,.pagination span{color:#666;font-size:.14rem;}
.pagination li{width:.4rem;height:.4rem;display:flex;justify-content: center;align-items: center;border:1px solid #f0f0f0;margin:0 .035rem;}
.pag{width:100%;display:flex;justify-content: center;align-items: center;}
.pagination li.active{color:#3d84d9;border:1px solid #3d84d9;cursor:pointer;}
.pagination li.active a,.pagination li.active span{color:#3d84d9;}
.pagination li:hover a{color:#3d84d9;cursor:pointer;}

/* 新闻详情 */
.page_newsview{color:#666;}
.page_newsview h1{font-size: 25px;color: #333;margin-top:40px;}
.page_newsview .intro{font-size: 13px;color: #adadad;display:flex;justify-content: flex-start;align-items: center;padding:30px 0;margin-top:.2rem;border-bottom:1px solid #e5e5e5;}
.page_newsview .txt{padding:40px 0;font-size: 14px;color: #666666;line-height:2;color:#666;border-bottom:1px solid #e5e5e5;}
.page_newsview .txt p, .page_newsview .txt *{text-indent:2em;line-height:2;font-size: 18px;color: #666666;font-family:"微软雅黑";}
.page_newsview .txt img{width:100%!important;}
/*.page_newsview .txt .one_line{display: flex;justify-content: space-between;align-items:flex-start;}*/
/*.page_newsview .txt .one_line img{width:49%!important;}*/
.page_newsview .txt p b{font-weight:bold;}

.page_newsview .bottom{display:flex;justify-content: space-between;align-items: center;margin-bottom:20px;margin-top:20px;}
.page_newsview .bottom a,.page_newsview .bottom span{font-size:16px;display:inline-block;color:#666;}
.page_newsview .bottom a:hover{color:#1e50ae;}
.return_btns{display:flex;justify-content: center;align-items: center;margin:10px 0 70px 0;}
.return_btns a{display:flex;justify-content: center;align-items: center;width:180px;height:50px;background:#1e50ae;color:#fff;border-radius:5px;}

@media(max-width:1200px){
    /* 新闻列表 */
    .common_content .news_item{margin-bottom:.3rem;}
    /*.common_content .news_item .list a{height:1.8rem;padding:.2rem 0;}*/
    .common_content .news_item .center{padding:0 .1rem;}
    .common_content .news_item .title{font-size: .16rem;margin-bottom: .1rem;}
    .common_content .news_item .subtitle{font-size: .12rem;padding: .04rem 0 0 0;}
    .common_content .news_item .time{font-size: .16rem;}

    .common_content .news_item2 .list a{height:1.8rem;padding:.2rem 0;}
    .common_content .news_item2 .left .time{height:.84rem;width:.84rem;}
    .common_content .news_item2 .time2{font-size: .25rem;}
    .common_content .news_item2 .time1{font-size: .14rem;}
    .common_content .news_item2 .title{font-size: .16rem;}
    .common_content .news_item2 .subtitle{font-size:.12rem;padding:.04rem 0 0 0;}

    /* 新闻详情 */
    .page_newsview h1{font-size: .25rem;margin-top:.4rem;}
    .page_newsview .intro{font-size: .13rem;padding:.3rem 0;margin-top:.2rem;}
    .page_newsview .txt{padding:.4rem 0;font-size: .14rem;}
    .page_newsview .txt p{font-size: .14rem;}

    .page_newsview .bottom{margin-bottom:.2rem;margin-top:.2rem;}
    .page_newsview .bottom a,.page_newsview .bottom span{font-size:.16rem;}
    .return_btns{margin:.1rem 0 .7rem 0;}
    .return_btns a{width:1.8rem;height:.5rem;}
}