@charset "utf-8";
/*珍岛石油样式*/
body{font-family: "微软雅黑";}

.header{width: 100%; background-color:#fff;padding:20px 0px;position: relative;border-top:2px solid #e30920;}
.header  .cont11{width: 1100px;margin:0 auto;vertical-align: bottom;}
.header_top .logo img{height: auto;}
.header_right{padding-top: 10px;}
.header_right a {margin-right:10px;float: left;}
.header_right p{font-size: 14px;color: #333;float: left; line-height:25px;}
.header_right p span{font-size: 18px;color: #e30920;font-weight: bold;}
.menu{width:100%;background-color: #f9f9f9;border-top:1px solid #dcdcdc;border-bottom:1px solid #dcdcdc;}


.mainMenu {width:100%;display:flex;display: -moz-flex;display:-webkit-flex;-moz-flex-flow：row;/*display: -moz-box;display:-webkit-box;display:box;-moz-box-orient: horizontal;*/ }
ul.fristul > li{-moz-flex:1;-webkit-flex:1;flex:1;/*-moz-box-flex:1;-webkit-box-flex:1;box-flex:1;*/}
ul.fristul > li a{width:100%;}






/*.mainMenu ul{height: 50px;}*/
ul.fristul > li{float: left;position: relative;border-left: 1px solid #f9f9f9;border-right: 1px solid #f9f9f9;}
ul.fristul >li:hover{background-color: #fff;border-left: 1px solid #dcdcdc;border-right: 1px solid #dcdcdc;}
ul.fristul >li.active{background-color: #fff;border-left: 1px solid #dcdcdc;border-right: 1px solid #dcdcdc;}
ul.fristul >li >a{padding:0 45px;line-height: 50px;color: #4c4c4c;font-size: 16px;text-align: center;}
ul.fristul li a:hover{color:#e30920;}
/*ul.fristul > li:nth-last-of-type(1) a{padding-right:35px;padding-left: 35px;} */
.submenu{display: none;width:100%;position: absolute;left: -1px;top: 50px;z-index: 10;background: #fff;border-bottom:1px solid #dcdcdc;border-left:1px solid #dcdcdc;border-right:1px solid #dcdcdc;}
.submenu ul li{background-color: #fff;text-align: center;margin-top: -1px;}
.submenu ul li a{color:#4c4c4c; line-height: 50px;}	


/*banner样式*/ 
.banner{width:100%;}
.banner .bg{width: 100%; height: 100%;position:relative;}
.banner .publicbg img{width:100%;}
.banner .bannerbg{width:100%;}
/*.bg img{width: 100%; height: auto;border: none;}*/ 

.loaders{font-size: 16px;background: #ed5565;color: #fff; padding:15px; }
.loader{display: inline-block;padding: 45px;vertical-align: middle;}
    @-webkit-keyframes ball-scale-multiple
    {
        0%{-webkit-transform:scale(0);transform:scale(0);opacity:0}
        5%{opacity:1}
        100%{-webkit-transform:scale(1);transform:scale(1);opacity:0}
    }
    @keyframes ball-scale-multiple
    {
        0%{-webkit-transform:scale(0);transform:scale(0);opacity:0}
        5%{opacity:1}
        100%{-webkit-transform:scale(1);transform:scale(1);opacity:0}
    }
    .ball-scale-multiple
    {
        position:relative;
        -webkit-transform:translateY(-30px);
        -ms-transform:translateY(-30px);
        transform:translateY(-30px)
    }
    .ball-scale-multiple>div:nth-child(2){-webkit-animation-delay:-.6s;animation-delay:-.6s}
    .ball-scale-multiple>div:nth-child(3){-webkit-animation-delay:-.4s;animation-delay:-.4s}
    .ball-scale-multiple>div{
        background-color:#fff;
        border-radius:100%;
        position:absolute;
        left:-30px;
        top:0;
        opacity:0;
        margin:0;
        width:40px;
        height:40px;
        -webkit-animation:ball-scale-multiple 1s 0s linear infinite;
        animation:ball-scale-multiple 1s 0s linear infinite
    }
.circle{position:absolute;top:0;left:0;width:100%;}
.circle .circle_box1{position:absolute;color:#fff;text-align:center;cursor:pointer;}
.circle .dcircle_box1iv span{display:block;}
.com_pro{position:absolute; top: 22%; left: 54.5%;}
.com_pro a img{margin-right:25px;display:inline-block;}
.com_pro a img:hover{margin-right:25px;display:inline-block;animation: rota1 linear 0.5s;/* Firefox: */-moz-animation: rota1 linear 0.5s;/* Safari 和 Chrome: */animation: rota1 linear 0.5s;/* Firefox: */-moz-animation: rota1 linear 0.5s;/* Safari 和 Chrome: */-webkit-animation: rota1 linear 0.5s; /* Opera: */-o-animation: rota1 linear 0.5s ;-ms-animation: rota1 linear 0.5s;}

.video_alert{position: fixed;left: 0;top: 0;width: 100%;height: 100%;background: url(../images/mark6.png); z-index: 20;display:none;}
.alertbox{width:1100px;height:450px;background: #fff;position: absolute;top:20%;left: 50%;margin-left:-550px;display:none;-webkit-animation-delay:-.6s;animation-delay:-.6s}
.alertleft{float:left;width:40%;padding-top:30px;padding-left:22px;color:#393939;}
.alertright{width:55%;float:left;margin-top:76px;}
.tools_name{border-bottom:1px solid #e5e5e5;}
.tools_name h1{font-size:20px;line-height:48px;}
.alert_txt{padding-right:10px;}
.alertleft p{font-size:16px;line-height:24px;margin-top:18px;}
.alert_bt {margin-top:102px;}
.alert_bt ul li {float:left;margin-right:35px;padding-left:40px;}
.alert_bt ul li.li1{background:url(../images/circle_phone.jpg) no-repeat left center;}
.alert_bt ul li.li2{height:30px;background:url(../images/circle_menu.jpg) no-repeat left center}
.alert_bt ul li a{color:#e4332a;font-size:18px;line-height:30px;}
.alert_video{padding-left:37px;}
.close {
    width: 30px;
    height: 30px;
    background: url(../images/close.jpg) no-repeat right center;
    position: absolute;
    right: -30px;
    top: 0px;
    cursor: pointer;
}

@keyframes rota1
{
	  0% {
	    opacity:1; -webkit-opacity:1;
		-webkit-transform:rotateY(0deg);
	    transform: rotateY(0deg);
	  }
 	50% {
	   opacity:1; -webkit-opacity:1;
		-webkit-transform:rotateY(180deg);
	    transform: rotateY(180deg);
	  }
	
	  100% {
	   opacity:1; -webkit-opacity:1;
		-webkit-transform:rotateY(360deg);
	    transform: rotateY(360deg);
	  }
}


   


/*index样式*/ 
.servicelists{width:100%;height:240px;margin-bottom:196px;padding-top: 50px;}
.servicelist{margin-left:-20px;margin-right: -20px;}
.servicelist ul li{float: left;list-style-type: none;width: 25%;}
.servicelist ul li .listbox{margin-right: 20px;margin-left: 20px;}
.servicelist ul li .listbox .listbox_bt{background-color: #f9f9f9;padding:0 27px;text-align: center;line-height: 30px;}
.listbox .listbox_bt .listbox_bt_tit{padding:20px 0;border-bottom: 1px solid #d9d9d9;}
.listbox_bt_tit h1{font-size:18px;color:#e30920;height: 30px;line-height: 30px;overflow: hidden;}
.listbox_bt_tit h1 span{display:block;font-size:13px;color:#737373;line-height: 30px;}
.listbox_bt_but{padding:22px 0;}
.listbox_bt_but a{font-size: 14px;color: #9b9b9b;}
.listbox_bt_but a:hover{font-size: 14px;color: #e30920; }
.listbox_bt_but i{display:inline-block;width:21px;height:21px;background-color: #f9f9f9;border:1px solid #ccc;border-radius:50%;vertical-align: middle;margin-left: 10px;}
.listbox_bt_but i img{display: block;margin:5px auto;}
.listbox_bt_but a:hover i{width:21px;height:21px;background-color: #fff;border:1px solid #ccc;}

.ourAdv{width:100%;height:250px;background-color:#f9f9f9 ;padding: 50px 0;}
.left_ouradv, .right_ournews{width: 48.2%;}
.adv_tit{width:64px;background-color: #e30920;padding:18px 0px 48px 18px;}
.adv_tit h1{display:inline-block;width:22px;font-size: 22px;color: #fffefe;float:left;line-height: 24px;}
.adv_tit span{float:left;display:inline-block;width:15px;font-size:15px;color:#ff6d6d;padding-top:74px;padding-left:16px;}
.adv_txt{width:264px; padding-left: 18px;}
.adv_txt span{
display: block;
font-size: 16px;
padding-bottom: 4px; 
background: url(../images/advline.png) no-repeat left bottom;
margin-bottom: 8px;
height: 22px;
overflow: hidden;
line-height: 22px;

}
.adv_txt p{font-size: 12px;line-height: 18px;height: 36px;
overflow: hidden;}

.advlist{background-color: #fff;padding-left: 35px;padding-right: 55px;height: 240px;}
.advlist .bd{border-bottom: 1px solid #dbdbdb;}
.adv{padding:25px 0; }
.newsinfo{width: 51%;background-color: #fff;height: 240px;}
.newsinfo p a{color:#666;}
.newsinfo p a:hover{text-decoration: underline;}
.newsinfo a.more_news{float:right;background-color: #e30920;color:#fff;font-size: 10px;line-height: 18px;padding:0 6px;border-radius: 4px;margin-right: 38px;}
.newsinfo_tit{font-size: 16px;padding-top: 26px;height: 48px;overflow: hidden;}
.newsinfo_tit i{width: 6px;height: 2px;display: inline-block;vertical-align: middle;}
.tit1{color: #333;padding-left: 23px;line-height: 22px;height: 22px;overflow: hidden;}
.tit2{color: #fff;padding-left: 32px;}
.tit3{color: #333;padding-left: 32px;}
.tit4{color: #333;font-size: 16px;}
.tit1 i{background-color: #c72c36;margin-right: 7px;}
.tit2 i{background-color: #fff;margin-right: 10px;}
.tit3 i{background-color: #c72c36;margin-right: 12px;}
.tit4 i{background-color: #c72c36;margin-right: 10px;}
.cus_top .newsinfo_tit{padding-top:0px;margin-bottom: 30px;}
.pd1{margin-left: 62px;margin-top:40px;}
.left_aboutUs .pd1 p{font-size:13px; line-height: 24px;height: 24px;
overflow: hidden;}
.info_time {padding:20px 38px 0 40px;}
.info_time p{font-size: 12px;line-height: 18px;}
.info_time p a{display: inline-block;

	overflow: hidden;
}
.info_time span{font-size: 10px;}
.newspic{width: 49%;position: relative;}
.newspic img{}
.newspic  i{
	display: block;
	padding-bottom: 92.3%;
	
}
.left_aboutUs{width:64.5%;height:330px;background-color: #333;color:#fff;font-size: 13px;}
.right_casevideo{width:32%;}
.left_aboutUs a.more{display:block;text-align:center;color:#382e2d;font-size:12px;width: 130px;height: 40px;line-height: 40px;background-color: #fff;margin-top:56px;margin-left: 35px;}
.left_aboutUs a.more:hover{text-decoration: underline;}
.case{width:100%;height:330px;height:auto;background-color:# ;padding: 50px 0px;}
.casetext{width: 180px;height:125px;background-color: #f9f9f9;}
.casetext a{color: #999;font-size: 12px;margin-left: 50px;}
.casetext a:hover{text-decoration:underline;}
/*.thsy_video{margin-top: 35px;}*/
.customerMeetting{background-color:#f9f9f9;padding:35px 0;margin-bottom: 18px;}
/*.customerlists{margin-left: -17px;margin-right: -17px;}*/
.customerlists ul li{float: left;}
.cus_list{width: 250px;margin-left: 16px;margin-right: 16px;text-align: left;}
.cus_list a{color:#666;cursor:pointer;}
.cus_list a:hover{text-decoration: underline;}
/*.cus_list img{width:100%;}*/
.cus_list p{font-size: 12px;line-height: 18px;margin: 15px 0px;height: 54px;overflow: hidden;}
.cus_btn {position: relative;}
.cus_btn .btn_prev{position: absolute;width: 18px;height: 18px;background: #cdcdcd; cursor: pointer;right: 35px;left: auto; bottom: auto;top: -50px;z-index: 2;margin-top: 0;}
.cus_btn .btn_prev:hover{background: #e30920;}
.cus_btn .btn_next{position: absolute;width: 18px;height: 18px;background: #cdcdcd; cursor: pointer;right: 0;left: auto; bottom: auto;top: -50px;z-index: 2;margin-top: 0;}
.cus_btn .btn_next:hover{background: #e30920;}
.cus_btn .btn_active{background: #e30920;}
.cus_btn img{margin:5px;}

.recommendation{width: 100%;     margin-top: 60px;}
.recommendationList{width: 101%;overflow: hidden;margin-bottom: 42px;margin-top: 25px;}
.recommend_tit {line-height:30px ;text-align: center;}
.recommend_tit i{display:inline-block;width: 16px;height: 5px;background-color: #c72c36;vertical-align: middle;}
.recommend_tit h1{display:inline-block;font-size: 22px;color: #161616;line-height: 30px;padding: 0 15px;}
/*
.recommendationList ul li{width:20%;height:289px;float: left;position: relative;}
.recommendationList ul li:first-child{width: 60%;}
.recommendationList ul li .recommend_box{background: url(../images/dispic_01.png) no-repeat right center;}
.recommendationList ul li .recommend_box .toolsPic{width: 45%;}
.recommendationList ul li .toolsText{position: absolute;top:40px;left: 20px;padding-right: 25px;height:239px;}
.recommendationList ul li.in .toolsText{width:37%;}
.recommendationList ul li .toolsText h1{font-size: 24px;color: #fff;font-weight: bold;line-height: 36px;}
.recommendationList ul li .toolsText h1 span{display: block;font-size: 18px;line-height: 18px;}
.recommendationList ul li.in .toolsText p{display: block;font-size: 12px;line-height: 18px;color: #fff;margin:12px 0;height: 125px;
    overflow: hidden;}
.recommendationList ul li.in .toolsText a{display:block;text-align:center;background-color:#fff;width: 108px;line-height: 35px;color:#e30920;font-size: 14px;cursor: pointer;position: absolute;
    bottom: 8px;}
.recommendationList ul li.in .toolsText a.rf{color:#e30920;}
.recommendationList ul li.in .toolsText a.gf{color:#343434;}
.recommendationList ul li.in .toolsText a.bf{color:#161616;}
.recommendationList ul li .toolsText a:hover{color: #616161;}
.recommendationList ul li .toolsText p, .recommendationList ul li .toolsText a{display: none;}
.recommendationList ul li .recommend_icon{position: absolute;right: 24px;bottom: 15px;width: 26px;height: 26px;cursor: pointer;}
.recommendationList ul li.in .recommend_icon{left:250px;margin-bottom:-10px;}
*/


/*行业新闻main样式*/
.main{width:100%;}
.main .main_title{text-align: center;margin-top: 50px;border-bottom: 1px solid #f1f1f1;padding-bottom: 10px;margin-bottom: 5px;}
.main_title h1{font-size:24px;color:#3f3f3f;}
.main_title p{font-size: 12px;color:#868686;}
.main_con .maintop_pic img{display:block;height:auto;margin: 30px auto;}
.main_con p{line-height:26px;padding:12px 0 0;}
.content{text-align: left;font-size:16px;line-height: 30px;}
.content p.para{margin-bottom: 30px;}
/*公司动态main样式*/
.list_con{padding:32px 0; border-bottom: 1px dashed #b2b2b2;}
.main_list .list_con .list_pic{width:24%;}
.main_list .list_con .list_pic img{height: auto;}
.list_right{padding-left:4%;width:72%}
.list_right h1 a{font-size: 18px;color:#3f3f3f;}
.list_right h1 a:hover{text-decoration: underline;}
.list_right p{font-size: 14px;color:#3f3f3f;line-height: 20px;margin:20px 0; max-height:60px; overflow:hidden;}
.list_right .bot_btn{color:#fff;font-size: 14px;}
.list_right .btn_readmore{display:inline-block;color:#fff;padding:8px 10px; background-color: #e30a20;}
.replytime{display:inline-block;padding:8px 15px;background-color: #ff7381;}
.autoRefresh{font-size: 16px;color:#6c6c6c;text-align: center;padding-bottom: 15px;}
.autoRefresh span{display: block;}

/*公司简介main样式*/
.content{margin-top: 50px;}
.martp50{margin-top: 50px;}
.marbt70{margin-bottom: 70px;}
.mainbg1{background: url(../images/mainbg.png) no-repeat center center;margin:30px auto;}
.divline1 .picbox_right ,.picbox_left{width: 28.85%;height:113px;background-color: rgba(246,250,253,.87);padding:30px 20px 30px 30px;text-align: center;}
.divline1 .picbox_left {float:left;}
.divline1 .picbox_right {float:right;}
.top_tit{font-size: 16px;color: #353535;padding-bottom:6px; border-bottom:2px solid #e62a3c ;}
.picbox_right p,.picbox_left p{font-size: 14px;color: #3f3f3f;text-align: left;margin-top:10px;line-height: 24px; text-align: center;}
.subCompany {padding-top: 24px;border-top: 1px solid #e2e2e2;}
.subCompany .sc_title_h1{text-align: center;line-height: 30px;}
.subCompany .sc_title_h1 i{width: 12px;height: 4px;background: url(../images/comline.png) no-repeat left center; display: inline-block;vertical-align: middle;}
.subCompany .sc_title_h1 b{display: inline-block;font-weight: normal;padding: 0px 5px;font-size: 24px;color:#000;}
.subCompany .sc_title_h1 .ifont{margin-top: 4px;margin-bottom: 22px;}
.scMenu {text-align: center;}
.scMenu ul li{display:inline-block;font-size:16px;text-align: center;padding-left:27px;padding-right:30px;border-right: 1px solid #b1b1b1;}
.scMenu ul li.frist a{color:#e30a20;}
.scMenu ul li:nth-last-of-type(1){border-right:none;}
.scMenu ul li a{color:#343434;}
.scMenu_con{margin-left: -30px;margin-right: -30px;margin-bottom: 45px;}
.scMenu_con ul li{padding-left: 21.5px;padding-right: 21.5px;float: left;}
.scMenu_con_box{width:247px;min-height:271px;height:auto;margin:18px auto;background-color: #f5f5f5;text-align: center;}
.scMenu_con_box .scbox_title{color:#1d1d1d;font-size:18px;color:#585858;padding-top: 24px;height:40px;}
.scMenu_con_box .scbox_info{padding-left:19px;color:#585858;font-size:14px;margin-top:10px;line-height: 28px;}
.scMenu_con_box .scbox_info a{color:#585858;}
.scbox_info .info_list{line-height: 28px;}
.left_info{width:164px;text-align: left;}
 

.piclist ul li{float: left; width: 24%;margin-right:1.33%;position: relative;}
.piclist ul li:nth-last-of-type(1){margin-right:0px;}
.piclist ul li img{width: 100%;height: 100%;}
.piclist ul li.active >p{display: none;}
.piclist ul li.active .hidebox{display: block;}
.piclist ul li >p{position: absolute;width:100%;font-size:18px;background:rgba(0,0,0,.59);left: 0;bottom: 10px;height: 70px;z-index: 2;color: #fff;text-align: center;line-height: 70px;}
/*.piclist ul li >p.p1{line-height: 36px;}*/
.hidebox{display:none;position: absolute;height:100%;background:rgba(0,0,0,.59);left: 0;top: 0px;color: #fff;overflow: hidden;}
.hidebox .hidebox_con{padding:15px 20px;}
.hidebox .hide_tt{font-size: 18px;line-height: 24px;padding:20px 0;border-bottom: 2px solid #E30920;}
.hidebox p{font-size: 14px;}

 .vcenter {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        max-width: 100%;
        max-height: 100%;
        display: block; 
        vertical-align: middle;
        margin: auto;
}
.topul{margin-top: 45px;margin-bottom: 40px;}
.topul ul li{float: left;list-style-type: none;width: 28.33%;padding-right:5%}
.topul ul li .leftimg{width:30%;}
.topul ul li .tt_right{width:58%;text-align: left;padding-top:10px;}
.topul ul li:nth-last-of-type(1){float:right;padding-right: 0px;}
.topul ul li .tt_right h1{color:#373737;font-size:36px;}
.topul ul li .tt_right span{text-transform: uppercase;color:#d9d9d9;}
.bot_lists{margin-bottom: 50px;}
.dislist{background-color: #fcfcfc;margin-top: 40px;}
.dislist .dislist_pic{width: 40%;position: relative;}
.dislist .dislist_pic i{display: block;padding-bottom: 58.06%;}
.dislist .dislist_pic3 i{display: block;padding-bottom: 91.95%;}
.dislist .dislist_txt{width:58%;font-size: 14px;line-height: 36px;color: #353333;}
.dislist_txt p span.b{font-weight: bold;}


/*发展历史样式*/
.his_navtab{position: absolute;width: 1100px;z-index: 2;}
.his_navtab ul li{width: 19.9%;height:16px;background-color:#efefef ;float: left;text-align: center;padding:18px 0;border-right:1px solid #fcfcfc; border-bottom:2px solid #e30a20;}
.his_navtab ul li:hover{width: 19.8%;height:22px;background-color:#fff;border:1px solid #d0d0d0;border-bottom:2px solid #e30a20 ;margin-top: -5px;z-index:10px;}
.his_navtab ul li.active{width: 19.8%;height:22px;background-color:#fff;border:1px solid #d0d0d0;border-bottom:2px solid #e30a20 ;margin-top: -5px;z-index:10px;}
.his_navtab ul li a{color:#5e5e5e;font-size: 24px; line-height: 18px;}
.his_navtab ul li a:hover{color:#e30a20;font-size: 24px; line-height: 18px;}
.navcontent{margin-bottom:88px;}
.contentlist{background-color: #f7f7f7;width:100%;margin-top: 56px;}
.cont{display: none;}
.navcontent .circle_align{text-align:right;right:35px;bottom:22px;}
.navcontent .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {margin:0 2.5px;}
.navcontent .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction { bottom: 22px; left: -35px; width: 100%;}
.picleft{width: 60%;}
.picleft img{width:100%;}
.txtright{width:32%;padding-left:45px;padding-top: 65px;text-align:left;}
.yearnumber{color:#e30a20;font-size: 36px;line-height: 24px;width: 229px;padding-bottom:12px;border-bottom: 1px solid #dbdbdb;margin-bottom: 15px;}
.saletxt{font-size: 18px;color:#343434;line-height: 30px;}
/*持续发展样式*/
.development_con{margin-top: 50px;margin-bottom: 90px;}
.development_con ul li{float: left;width: 33.33%;}
.debox {text-align: center;height: 553px;}
.debox_QHSE{background: url(../images/debg_01.png) no-repeat center center;}
.debox_YRWB{background: url(../images/debg_02.png) no-repeat 100%;}
.debox_CXSW{background: url(../images/debg_03.png) no-repeat 100%;}
.debox .debox_title {padding:10px 0 ;border-bottom:1px solid #e30a20;}
.debox .debox_title i{ width: 10px;height: 2px;background: url(../images/deline.png) no-repeat left center; display: inline-block;vertical-align: middle;}
.debox .debox_title b{display: inline-block;font-weight: bold;padding: 0px 5px;font-size: 24px;color:#1d1d1d;vertical-align: baseline;}
.debox_imgbox{width:100%;width: 178px;height:178px;margin: 10px auto;border: 1px solid #ff5e5e; background-color: #fff;border-radius: 50%;}
.debox_imgbox img{display: block;margin: 10px auto;}
.debox .debox_txt{text-align: left;font-size: 16px;color: #4c4c4c;line-height: 24px;padding: 0 48px;}

/*荣誉资质样式*/
.honornavbar{width:200px;margin:50px auto;}
.honornavbar ul li{float: left;margin-right: 10px;position:relative;}
.hp_navbar ul li.hover a{padding:5px 15px;border: 1px solid #e30a20;color:#000;}
.hp_navbar ul li a{width:66px;padding:5px 15px;border: 1px solid #fff;color:#000;}
.hp_navbar ul li a:hover{color:#e30a20;border: 1px solid #e30a20;}
.hp_navbar ul li i{display: none; width:10px;height:6px;position:absolute;bottom:-11px ;left: 50%; margin-left:-5px;background: url(../images/red_sub.png) no-repeat center center;}
.hp_navbar ul li.hover i{display: block;}
.hp_navbar ul li a:hover i{display: block;}
.honor_content{margin-left: -30px;margin-right: -30px;}
.honor_imglist{width:1160px;height:254px;margin:30px auto 0;overflow:hidden;padding-bottom: 60px; display: none;}
.honor_imglist .but_left{width:29px;height:256px;float:left;background: #fff;}/*左按钮*/
.honor_imglist .but_left img{display:block;/*块级元素*/margin:112px auto;cursor:pointer;}
.honor_imglist .con{width:1100px;height:254px;float:left;position:relative;}/*中间内容*/
.honor_imglist .con .big_con{width:1000%;height:254px;position:absolute;top:0;left:-1080px;z-index:-1;}
.honor_imglist .con .big_con ul li{width:1098px;height:254px;background:#fff;list-style:none;float:left;}
.honor_imglist .con .big_con ul li .left{width:364px;height:202px;float:left;border:1px solid #e1e1e1;text-align: center;padding-top:52px;}
.honor_imglist .but_right{width:29px;height:256px;float:right;background: #fff;}
.honor_imglist .but_right img{display:block;/*块级元素*/margin:112px auto;cursor:pointer;}
.big_con .left p i{width: 20px;height: 2px;background: url(../images/deline.png) repeat-x 100%;}

/*联系我们*/
.contact_title{text-align: center;}
.contact_title h1{font-size: 30px;color: #000;line-height: 60px;}
.contact_title p{font-size: 18px;line-height: 24px;color: #494949;}
.contactUs .ul_1 {position: relative;padding-top: 40px;font-size: 0;height: 274px;}
.contactUs .ul_1 li {position: relative; width: 33.33%;float:left;vertical-align: top; display: inline-block;margin-bottom: 50px;margin-top: 15px;opacity: 1; -webkit-opacity: 1;-moz-opacity: 1;
    -o-opacity: 0;transition: 1s;-webkit-transition: 1s;-moz-transition: 1s;-ms-transition: 1s;-o-transition: 1s;
}
.contactUs .ul_1 li .imgbox{width: 136px;height: 110px;margin:0 auto; position: relative;display: block; border-radius: 50%;-webkit-border-radius: 50%;}  
.contactUs .ul_1 li .imgbox span img{ display: block;margin: 15px auto;} 

.contactUs .ul_1 li .ptxt {text-align: center;color:#7d7d7d;padding: 10px 5%;font-size: 18px;text-align: center; line-height: 24px;transition: 0.5s;-webkit-transition: 0.5s; }
.contactUs .ul_1 li .ptxt span{display: block;color: #313131;}
.contactUs .ul_1 li .ptxt span a{color: #313131;}
.contact_con{height: 484px;}
/*.contactUs .ul_1 li:hover .ptxt{ color:#e30a20; font-weight:bold;}*/



/* 工作站点*/
.wn_con img{display: block; margin: 0 auto;}
.wn_toppic{margin-top: 50px;}
.wn_botpic{margin-top: 60px;position: relative;margin-bottom: 54px;}
.wn_botpic .blackbg{position:absolute;height: 54px;width: 377px;background-color: rgba(0,0,0,.6);top: 292px;left: 0;color: #fff;padding: 15px 48px;}
.wn_botpic .blackbg .p1{font-size: 24px;line-height: 30px; }
.wn_botpic .blackbg .p2{font-size: 18px;line-height: 30px; }


/*人才招聘*/
.peolist,.questionist{margin-bottom: 30px;}
.peo_con .curr .contxt,.ques_con .curr .questxt{display: block;}
.conTitle{height: 60px;line-height: 60px;padding-left: 64px;font-size: 24px;padding-right: 32px;cursor:pointer;}
.questionist .conTitle{height: 60px;line-height: 60px;padding-left: 60px;font-size: 18px;padding-right: 32px;color:#2c2c2c;overflow: hidden;}
.contxt{display:none;padding-left: 64px;line-height: 30px;color: #4e4e4e;}
.questxt{display:none;background: url(../images/A.png) no-repeat 15px 20px;padding-left: 62px;padding-top: 25px;padding-right: 15px;}
.questxt table tr td{ border:1px solid #333; }
.questxt p{color: #666;font-size: 16px; line-height: 24px;}
.conTitle span{width: 80%;height: 60px;overflow: hidden;display: inline-block;}
.conTitle img{display: block;float: right;vertical-align: middle;margin-top: 23px;}
.conTitle1{background: #f4f4f4 url(../images/people_01.png) no-repeat 19px center;}
.conTitle2{background: #f4f4f4 url(../images/people_02.png) no-repeat 19px center;}
.conTitle3{background: #f4f4f4 url(../images/people_03.png) no-repeat 19px center;}
.conTitle4{background: #f4f4f4 url(../images/Q.png) no-repeat 15px center;}
.conTitle5{background: #f4f4f4 url(../images/A.png) no-repeat 15px center;}
.jobstatement,.jobrequirement{margin-top:30px;}
.peo_contact{margin-top:15px;}
.jobrequirement p{font-size: 16px;}
.jobrequirement p.fw{font-weight: bold;}
.peo_contact p{padding-left: 30px;}
.conTitle a.peo_img{ display:inline-block; float:right;}

/*意见反馈*/
.com_bg{}
.com_bg .com_con {width:100%;background: url(../images/com_bg.png) no-repeat right top ;padding-bottom: 88px;}
.com_bg .com_con  p{font-size: 18px;color:#2e2c2c;margin-bottom: 12px;font-weight: bold;}
.com_bg .com_con textarea.txt{width: 530px;height: 170px;background-color: #f9f9f9;color: #b1b1b1;font-size: 14px;padding:7px 10px;margin-bottom: 12px;border: 1px solid #d0d0d0;resize:none;font-family:"微软雅黑";}
.com_bg .com_con  label{font-size:14px;}
.com_bg .com_con input{font-family:"微软雅黑";}
.com_bg .com_con input.Email{width: 530px; height:20px;margin-top:12px;margin-bottom: 20px;background-color: #f9f9f9;border: 1px solid #d0d0d0;padding:7px 10px;}
.com_bg .com_con input.fbtn{width: 100px;border: none;border-radius:4px;line-height: 30px;color:#fff;}
.com_bg .com_con input.submit{background-color: #ff2626;}
.com_bg .com_con input.reset{background-color: #7e7e7e;cursor: pointer;}

/*产品配件*/
.toolslist{position: relative;}
.parts_con{margin-bottom:98px;}
.partsnavbar{margin-top: 50px; padding-left: 372px;margin-bottom: 50px;}
.partsnavbar ul li{float: left;margin-right: 50px;position:relative;}
.partsnavbar ul li.hover i { display: block; width: 10px;height: 6px;position: absolute; bottom: -11px;left: 50%;margin-left: -5px; background: url(../images/red_sub.png) no-repeat center center;}
.tools{display:none;width:100%;height: 490px; border: 1px solid #e3e3e3;overflow: hidden;} 
.tools ul li{margin-left:-1px;width:16.4%;height: 466px; float: left;position: relative;padding-top:24px;border-right: 1px solid #e3e3e3;}
.tools ul li.last{width:16.4%;border-right: none;}
.tools ul li.in {width: 50.8%;padding-top:60px;height: 430px;}
.tools ul li.in .toolsPic{width: 286px;position: absolute;left: 0;top: 0;}
.tools ul li .toolsText{display:none;right:0;}
.tools ul li.in .toolsText{display:block;width:234px;position:absolute;right:0;padding-right:36px;}
.tools ul li.in .bt_text{display: none;}
.tools ul li .bt_text {width:99.9%;position: absolute;bottom: 0;left: 0;height:43px;line-height: 43px;font-size: 18px;color: #fff;background-color: #4c4c4c;text-align: center;border-right: 1px solid #e3e3e3;}
.tools ul li.last .bt_text{width:100%;;}
.tools ul li .toolsText h1{font-size: 18px;line-height: 18px;padding-left:8px;border-left:2px solid #e30a20;color:#343434;}
.tools ul li .tools_p{color: #6a6a6a;font-size: 16px;margin-top:35px;line-height: 26px;}
.tools ul li .toolsPic img{display:block;margin: 0 auto;}
/*海外维修站*/
.repair_con{margin-bottom: 72px;}
.repair_left {padding-right:30px;padding-bottom: 40px;}
.repair_left_bd{border-right: 1px dashed #d8d8d8;}
.repair_left .re_title{text-align: center;}
.repair_left .re_title{font-size: 24px; line-height: 48px;color:#343434;padding-top:10px;padding-bottom: 25px;}
.repair_left .re_title i{width: 10px;height: 46px;background: url(../images/comline.png) no-repeat center center;display: inline-block;vertical-align: middle;background-size: 35px 2px;}
.repair_left .re_title span{padding:0 10px;}
.repair_left ul li{clear: both;line-height: 30px;font-size: 16px;}
.re_bg1{background: url(../images/repair_icon_01.png) no-repeat left center;}
.re_bg2{background: url(../images/repair_icon_02.png) no-repeat left center;}
.re_bg3{background: url(../images/repair_icon_03.png) no-repeat left center;}
.re_bg4{background: url(../images/repair_icon_04.png) no-repeat left center;}
.left_label{padding-left: 30px;}
.right_info{width: 430px;}
/*产品服务*/
.serviceslist{margin-bottom: 83px;}
.serviceslist .services {width: 100%; /*height: 466px;*/ overflow: hidden; position: relative; z-index: 1;}
.serviceslist .services  ul li{float: left; width: 16.4%; overflow: hidden;height: 490px;}
.serviceslist .services  ul li:first-child{width: 50.8%;}
.serviceslist .services  ul li.in{width: 50.8%;}
.serviceslist .services ul li a{display: block; background: #000; position: relative; color: #fff;}
.serviceslist .services ul li a .toolsPic{width: 100%; overflow: hidden; opacity: 0.5;filter:alpha(opacity=50);}
.serviceslist .services ul li a .toolsText{/* text-align: center; */position: absolute;top: 24px;left: 0px;width:100%;}
.serviceslist .services  ul li a h2{display:block;font-size:24px;filter:alpha(opacity=100);line-height: 24px;display: block;width: 24px;word-wrap: break-word;margin: 0 auto;}
.serviceslist .services  ul li a h1{display: none;color:#000;font-size: 48px;line-height: 48px;padding-top:105px;padding-left: 50px;}
.serviceslist .services  ul li a h1 span{display:block;font-size:24px;color:#656565;}
.serviceslist .services ul li a p{display: none;font-size: 18px; line-height:30px;color: #000;padding-top: 82px;padding-right: 40px;padding-left: 50px;}
.serviceslist .services  ul li a:hover{color: #fff;}
.serviceslist .services  ul li a:hover h1,.serviceslist .services  ul li a:hover p,.serviceslist .services  ul li.in p,.serviceslist .services  ul li.in h1{display: block;width: auto;margin-left: 0;color:#343434;}
.serviceslist .services  ul li a:hover h2,.serviceslist .services  ul li.in h2{width: 100%;font-size: 36px;line-height: 56px;display: none;opacity: 0.4;color:#343434;}
.serviceslist .services  ul li a .bt_text{position: absolute; bottom: 66px; width: 100%; left:65px; }
.serviceslist .services ul li a:hover .bt_text{ padding: 25px;left: 0;  border: 1px solid #dcdcdc; width: 100%;}
.serviceslist .services  ul li a:hover .bt_text,.serviceslist .services  ul li.in a .bt_text{display: none;}
.serviceslist .services  ul li a:hover,.serviceslist .services  ul li.in a{background: #fff;}
.serviceslist .services  ul li a:hover .toolsPic,.serviceslist .services  ul li.in a .toolsPic{opacity: .1;filter:alpha(opacity=10);}
/*产品价格询问*/
.pricefrom{margin-top:90px;}
.tab_askprice{width:100%;}
.tab_askprice .tr{background-color:#f8f8f8;height:48px;margin-bottom:3px;}
.tab_askprice .tr .td{width:20%;text-align:left;line-height:48px;font-size:18px;padding-left:76px;color:#343434;display:inline-block;}
.tab_askprice .tr .td.td1{width:174px;background-color:#dedede;text-align:center;padding-left:0px;}
.tab_askprice .tr .td span{color:#e30a20;}
.otherProAsk{display:block;background-color:#e30920;width:134px;line-height:40px;font-size:18px;border:none;color:#fff;text-align:center;margin-top:33px;}

/*产品列表*/
.list1_right img{display:block;float: left;}
.markimg{position: relative;overflow: hidden;}
.mark{position: absolute;top:0;left: 0;width: 100%;height: 100%;opacity: 1;z-index: 1;}
.mark_1{background:url(../images/markbg1.png);}
.mark_2{background:url(../images/markbg2.png);}
.mark_3{background:url(../images/markbg3.png);}
.mark .marktext{text-align:center;margin-top:69px;color: #333;}
.mark_1 .marktext {color: #fff;text-align:center;/*margin-top:-132px;*/}
.mark .marktext h1{font-size: 30px;}
.mark .marktext p{font-size: 18px;text-transform: uppercase;}
.prolist_tit{padding-top:27px;padding-bottom: 32px;}
.prolist_tit .prolist_f1 i{display:inline-block;width:12px; height:4px;background: url(../images/comline.png) no-repeat left center;vertical-align:middle;}
.prolist_tit .prolist_f1 h1{font-size: 30px;display: inline-block;padding:0 12px;}
.prolist_f1{text-align: center;line-height: 60px;}
.prolist_tit .prolist_f2{text-align:center;font-size: 16px;font-style: italic;line-height: 16px;}
.newproduct{height:333px;border: 1px solid #ddd;}
.pro_navtab{height: 46px;margin-bottom:15px;border:1px solid #d4d4d4; background-color: #f6f6f6;text-align:center;display:block;}
.pro_navtab ul li{  width:12%;/*width:16.2%;*/height: 44px;line-height: 44px;/*  */background-color: #f6f6f6;float: left;text-align: center;/* padding: 15px 0; */}
.pro_navtab ul li a{font-size:18px;color:#2c2c2c;display: block;width: 100%;height: 100%;border-bottom:2px solid #e30a20;overflow: hidden;}
.pro_navtab ul li a:hover{color:#e30a20;background-color:#fff;}
.pro_navtab ul li.hover a{width:98.8%;height: 50px;margin-top:-3px; box-shadow:2px 2px 8px #ddd;border: 1px solid #ddd;border-bottom:2px solid #e30a20;/* margin-bottom: -5px; */background-color:#fff ;margin-left:-1px;}
.pro_con{display:none;width: 100%;/*min-height: 948px;*/border: 1px solid #d4d4d4;}
.pro_con ul li{position: relative;width: 33.24%;float: left;overflow: hidden;border-left:1px solid #D4D4D4;border-right:1px solid #D4D4D4;margin-left:-1px;}
.pro_con ul li:nth-child(3n){border-right:none;}
.pro_con ul li a .pic_img{position: relative}
.pro_con ul li a .pic_img i{display: block;padding-bottom: 86.2%;}
/*.pro_con ul li img{width: 100%;height: auto;float: left;}*/
.pro_con ul li p{position: absolute;width:100%;bottom:0;left:0;overflow:hidden;background-color: #999;color:#fff;line-height: 41px;font-size: 16px;text-align: center;height: 41px;
overflow: hidden;}
.pro_contents{margin-bottom: 76px;}
/*产品详情*/
.prodetailpic{height: 589px;position: relative;}
/*.decontainer .swiper-wrapper .swiper-slide p{position: absolute;left: 42%;bottom: 15px;}  */
.demenu{/*margin-top: 50px;*/position:relative;width:100%;}
.dot_line{width:90%;height:5px;position:absolute;background:url(../images/demenu_bg1.png) repeat-x center 0px; top:50px;left:5%;}
.demenu ul{position:relative;}
.demenu ul li{float: left;text-align: center;background-color: #fff;margin-left:28px ;margin-right:28px ;position:relative; cursor:pointer;}
.demenu ul li:nth-of-type(1){margin-left: 0;}
.demenu ul li:nth-last-of-type(1){margin-right:0px ;}
.demenu ul li.active p{color:#d70000;}
.demenu ul li.active p.mediapic1 img {visibility:visible;} 
.demenu ul li p.mediapic2 span{display:none;}
.demenu ul li p.mediapic1 img {visibility: hidden;}
.demenu ul li .span1{font-size: 16px;line-height: 24px;}
.demenu ul li  span{display:block;font-size: 10px;}
.demenu ul li:hover span{color:#d70000;}
.demenu ul li p.mediapic2{position:absolute;top:0;left:0px;}
.detailtext{border-top:1px solid #c1c1c1;padding-top: 20px;padding-bottom: 100px;margin-top:32px;}
.detailist{display: none;}
.detailist p{font-size: 14px;line-height: 24px;}
.detailist table tr td{border: 1px solid #ddd !important;}
.detailist .askPrice .inpt{width:33.3333%;float:left;}
.askPrice label,.askPrice1 label{display:block;font-size:18px;color:#000;text-align:center;float:left;line-height:38px;}
.askPrice span.redf,.askPrice1 span.redf{width:18px;color:#e30920;text-align:center;display:block;float:left;font-size:18px;line-height:44px;}
.askPrice .inpt1{width:33.3333%;}
.detailist .askPrice .inpt2{width:40%;}
.askPrice .input_txt1{display:block;width:80%;border:1px solid #dadada;height:40px;padding:0 5px;}
.askPrice1 .inpt3{width:25.5%;float:left;margin-top:38px;}
.askPrice1 .inpt4{width:23.5%;margin-top:38px;}
.askPrice1 .input_txt1{display:block;width:80%;border:1px solid #dadada;height:40px;padding:0 5px;}
.input_txt2{background:url(../images/yzpic.jpg)no-repeat right center;}
.yzpic{display:inline-block;margin-left:-74px;}
.ask_kucun{clear:both;display:block;}
.numkc{width:20%;height:38px;float:left;border:1px solid #dadada;text-align:center;}
.numkc input{border:none;width:100%;height:38px;text-align:center;}
.num_kucun{color:#797979;font-size:14px;line-height:40px;float:left;}
.nad{display:block;width:30%;height:38px;color:#e30920;text-align:center;border:1px solid #dadada;float:left;}
.num_del{border-right:none;background:url(images/num_del.jpg)no-repeat center center;}
.num_add{border-left:none;background:url(images/num_add.jpg)no-repeat center center;}
.btn_sub{display:inline-block;background-color:#e30920;width:112px;height:40px;font-size:18px;border:none;color:#fff;position:absolute;top:52px;left:0;}
.btn_sub1{display:inline-block;background-color:#e30920;width:112px;height:40px;font-size:18px;border:none;color:#fff;margin-right:20px;}
.btn_reset{display:inline-block;background-color:#e9e9e9;width:112px;height:40px;font-size:18px;border:none;color:#000;}
.btnsub{clear:both;position:relative;margin-top:50px;margin-bottom:84px;}
.prodetailpic .swiper-container{
        width: 100%;
        height: 589px;
    }
.prodetailpic .decontainer .swiper-wrapper{
		position: relative;
		width:100%;
		height:100%;
}
.decontainer  .swiper-slide {
        text-align: center;
        font-size: 18px;
        width:100%;
		height:100%;
    }
/*.bigpic_bg{position:absolute;left:0;top:0;width:100%;height:589px;text-align:center;}
.bigbg{background:url(../images/depic_02.png) no-repeat left center ;opacity:0.09;height:569px;background-size:88%;margin-top:27px;}*/
.bigpic {position:relative;width:50%;height:auto;margin:0 auto;z-index:20;margin-top: 50px;overflow: hidden;height: 80%;}
.bigpic img{
	border:1px solid #d4d4d4;
	 position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    max-width: 100%;
    max-height: 100%;
    display: block;
    vertical-align: middle;
    margin: auto;
}
}
.bigpic i{
	display: block;
	padding-bottom: 86.2%; 
}
.lunbopic p{margin-top:18px;font-size:24px;color:#000;}
/*.decontainer .swiper-slide img {
      width: auto;
      height: auto;
      max-width: 100%;
      max-height: 100%;
      -ms-transform: translate(-50%, -50%);
      -webkit-transform: translate(-50%, -50%);
      -moz-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%);
      position: absolute;
      left: 50%;
      top: 50%;
      z-index: 7;
    }*/
.decontainer .de_sbn {
  background: url(../images/de_btn_right.png);
  position: absolute;
  top: 50%;
  width: 52px;
  height: 92px;
  margin-top: -46px;
  z-index: 10;
  cursor: pointer;
  left: auto;
  right: 0px;
}
.decontainer .de_sbp {
  background: url(../images/de_btn_left.png);
  position: absolute;
  top: 50%;
  width: 52px;
  height: 92px;
  margin-top: -46px;
  z-index: 10;
  cursor: pointer;
  left: 0px;
  right: auto;
}
.mui-tools {
    display: none;
    position: fixed;
    bottom: 85px;
    left: 50%;
    z-index: 9999;
    width: 60px;
    text-align: center;
    margin-left: -630px !important;
}
.nav-swiper  .mui-tools-nav{
    position: relative;
    display: block;
    width: 60px;
    min-height: 50px;
    line-height: 50px;
    text-align: center;
    color: #fff;
    text-decoration: none;
    cursor: pointer;
    margin-top: 1px;
    background-color: #717171;
    overflow: hidden;
    font-size: 14px;}
.nav-swiper .mui-tools-nav.nav_header{ background-color:#ff9000;}    
.nav-swiper .mui-tools-nav.nav_header:hover {
  background-color:#ff9000;
}
.nav-swiper .mui-tools-nav:hover {
  background-color: #d70000;
}

.nav-swiper .cur {
  background-color: #d70000;
}

.mui-tools-nav-name{width:32px;font-size:14px;line-height:21px;margin:4px auto; height:42px; overflow:hidden;}
.mui-tools-nav-name.oline{width:32px;height:48px;font-size:16px;line-height:48px;margin:0px auto;}
.mui-tools-nav.nav-back{ background-color: #b0b0b0;line-height:24px;font-size:14px;}
.mui-tools-nav.nav-back:hover{background-color: #b0b0b0;}
.mui-tools .mui-tools-nav.nav-back i 
{
  width:14px;
  height:8px;
  margin: 5px auto;
  display: block;
  background:url(../images/db_font.png) no-repeat center center;
}
/*珍岛石油底部样式*/


    .swiper-container {
        width: 100%;
        height: 100%;
    }
    .swiper-slide {
        text-align: center;
        font-size: 18px;
        background: #fff;

        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
    }

.error_alert{ position: fixed; width: 200px; left: 50%; margin-left: -100px; line-height: 20px; padding: 15px 0; text-align: center; font-size: 14px; border-radius: 5px; top: 50%; margin-top: -25px; background:#E30920; color: #fff; display: none; z-index: 30;}


.detailist table{ margin: auto auto;}



.headinput{ padding-top: 15px; position:  absolute; right:245px; top:-8px; z-index:15;}
.headinput input{ width:128px; height:26px;  padding-left:8px; font-size:12px; border:1px solid #ddd;    padding-right: 30px; line-height: 26px; font-size: 14px;}
.headinput img{ display: block;position: absolute;right: 6px; top:21px; cursor: pointer;}

/*搜索结果页面*/
.searchFn{ margin-top: 50px;}
.searchFn ul li a{ display: block; width:100%; height:40px; line-height: 40px; font-size: 16px; transition: 0.8s;-webkit-transition: 0.8;text-indent: 1em; cursor:pointer; color:#333}
.searchFn ul li{ border-bottom: 1px dashed #ddd; position:relative;}
.searchFn ul li a:hover{ color:#e30a20;}
.searchbtn button{ border:1px solid #e30a20;  padding:3px 30px; color:#fff; font-size: 16px; background: #e30a20; cursor: pointer;transition: 0.8s;-webkit-transition: 0.8;box-sizing: border-box;}
.searchbtn button:hover{border:1px solid #e30a20; background: #fff; color:#e30a20;}
.searchbtn { margin-top: 50px; text-align: right; margin-bottom:50px;margin-right: 15px;}
.manykind{ position:absolute; right:1em;top:0; height:100%; line-height:40px;}
 @media(max-width:600px){
     .headinput{top: 4px;right: 50%; margin-right: -84px; display:none;}
  } 




/*index*/
.pro_tu{
	display: block;
	position: relative;
}
.pro_tu i{
	
}