body{margin:0;padding:0;height:100%; width:100%;font-size:14px;font-family: Segoe UI, Arial, Helvetica, sans-serif;color:#333; background-color:#EEEEEE;line-height:24px;behavior:url("/images/hover.htc");}
dd,dl,dt,li,ol,ul{margin:0;padding:0;list-style:none}
input{font-size:12px;font-family: Segoe UI, Arial, Helvetica, sans-serif;vertical-align:middle}
select{font-family: Segoe UI, Arial, Helvetica, sans-serif;font-size:12px}
textarea{font-family: Segoe UI, Arial, Helvetica, sans-serif;font-size:12px}
h3,h4,h5{margin:0;padding:0;font-family: Segoe UI, Arial, Helvetica, sans-serif;font-size:14px}
a{text-decoration:none;transition:all .2s linear 0s}
:focus{outline:0}
img{border:0}
p{line-height:24px;}
/* head */
.index{width:100%;max-width2560px;margin: 0 auto; background-color:#F8F8F8; overflow:hidden; }
.head{width:100%; background-color:#FFFFFF; }
.head_top{width:100%; background:url(/images/entop2560.webp) no-repeat ;  background-size: 100% 100%;  padding-bottom: 14%; }
.head_top_show{width:100%;height:40px; background:url(/images/top_show.webp) no-repeat ;  background-size: 100% 100%;  }
.head_show{width:800px;height:40px; margin: 0 auto;padding-top:10px; overflow:hidden;}
.head_show li{ float:left; text-align:left;height:40px; font-size:20px; padding-left:5%; background:url(/images/ico.png) no-repeat ; }
.head_show .head_top_h{ background-position: 0px 0px; width:28%;}
.head_show .head_top_c{ background-position: 0px -80px; width:24%;}
.head_show .head_top_p{ background-position: 0px -160px; width:32%;}
.head_menu{width:100%; background-color:#ffffff;}
.head_menu .nav{width:97%;padding-left:3%;max-width:1900px;height:100px; margin: 0 auto;  }
.head_menu .nav li{ float:left;  text-align:left;transition:.2s; }
 .nav .nav_menu_home{ width:19%;background:url(/images/menu.webp)  no-repeat;background-position:0px  0px;}
 .nav .nav_menu_fuel{width:19%; background:url(/images/menu.webp)  no-repeat;background-position: 0px -176px;}
 .nav .nav_menu_mobile{width:24%;background:url(/images/menu.webp)  no-repeat; background-position:0px  -352px;}
 .nav .nav_menu_pump{ width:19%;background:url(/images/menu.webp)  no-repeat;background-position:0px -528px;}
 .nav .nav_menu_nozzle{width:19%; background:url(/images/menu.webp)  no-repeat; background-position:0px -704px;}
.head_menu .nav a{ color:#000000; font-size:20px;padding-left:100px; display:block; padding-top:40px; height:60px;}
.head_menu .nav a:hover{  color:#1A73E8; }
.head_menu .nav li:hover{ transition:.2s; opacity: 0.7;}
/* flexslider */
.topimg{position:relative;width:100%;overflow:hidden;zoom:1;}
.demo01{width:100%;height:auto;position:absolute;}
.img1{ display:block;}.img2{ display :none;}
.flexslider{position:relative;width:100%;overflow:hidden;zoom:1;}
.flexslider img{ width:100%; height:auto; }
.flex-viewport{max-height:2000px;-webkit-transition:all 1s ease;-moz-transition:all 1s ease;transition:all 1s ease;}
.flexslider .slides{zoom:1;}
.flex-direction-nav a{width:60px;height:90px;line-height:99em; border-radius:3px;overflow:hidden;margin:-60px 0 0;display:block;background:url(/images/ad_ctr.webp) no-repeat;position:absolute;top:50%;z-index:10;cursor:pointer;opacity:0.8;filter:alpha(opacity=25);-webkit-transition:all .3s ease;}
.flex-direction-nav .flex-next{background-position:0 -90px;right:0;}
.flex-direction-nav .flex-prev{left:0;}
.flexslider:hover .flex-next{opacity:0.8;filter:alpha(opacity=25);}
.flexslider:hover .flex-prev{opacity:0.8;filter:alpha(opacity=25);}
.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover{opacity:1;filter:alpha(opacity=50);}
.flex-control-nav{width:100%;position:absolute;bottom:10px;text-align:center;}
.flex-control-nav li{margin:0 5px;display:inline-block;zoom:1;*display:inline;}
.flex-control-paging li a{background:url(/images/dot.webp) no-repeat 0 -16px;display:block;height:16px;overflow:hidden;text-indent:-99em;width:16px;cursor:pointer;}
.flex-control-paging li a.flex-active{background-position:0 0;}
.description_main{ width: 96%; max-width:1276px; padding:2%; border-radius:10px; background-color:#FFFFFF; margin: 0 auto;margin-top:30px; margin-bottom:30px;}

 .dis_station {width: 96%; padding:2%; border-radius:10px; margin-bottom:20px; background-color:#EEEEEE;}
.dis_title  h5 {font-size: 30px; font-weight:500; color: rgb(34, 34, 34); color:#666; padding:16px; display:block;border-radius:30px;  text-align: center;}
 .dis_info{ border-radius:10px; background-color:#FFFFFF; width: 96%; font-size:16px; padding:2%; border-radius:10px; margin-bottom:20px; }
/* mid_pro */
.mid_title{width:100%;padding-top:32px; }
.mid_title .mid_contact_info{width:300px; margin: 0 auto;background:url(/images/pro_bg.png) no-repeat center 47px; color:#0B84EC; padding-bottom:50px; text-align:center; font-size:36px; font-weight:bold;}
.mid_title .mid_contact_dis{width:96%; max-width:1200px; margin: 0 auto;padding-bottom:20px; padding-right:2%;padding-left:2%;color:#333333; text-align:center; font-size:16px; }
.mid_title .mid_title_info{width:330px; margin: 0 auto;background:url(/images/pro_bg.png) no-repeat center 47px; color:#333; padding-bottom:50px; text-align:center; font-size:36px; font-weight:bold;}
.mid_title .mid_title_dis{width:96%; max-width:1200px; margin: 0 auto;padding-bottom:20px; padding-right:2%;padding-left:2%;color:#666; text-align:center; font-size:16px; }
.mid_pro .mid_pro_li{width:23%;border-radius:6px;margin:1%; height:auto; float:left;text-align:center; background-color:#EEEEEE }
.mid_pro .mid_pro_li span{display:block; overflow:hidden;border-top-left-radius:5px; border-top-right-radius:5px;}
.mid_pro .mid_pro_li  img{ border-top-left-radius:5px; border-top-right-radius:5px;width:100%;height: auto; transition:.3s; }
.mid_pro .mid_pro_li a{ color:#666666}
.mid_pro .mid_pro_li:hover{  background-color:#1A73E8;}
.mid_pro .mid_pro_li a{ color:#666666;transition:.3s;}
.mid_pro .mid_pro_li:hover{ transition:.2s; opacity: 0.7;}
.mid_pro .mid_pro_li a:hover{ color:#ffffff}
.mid_pro  .mid_pro_li h2{ text-align:center;margin:0 auto ; margin-bottom:20px; margin-top:20px; font-size:16px; width:96%; height: auto; }

/* mid_station */
 .mid_station{width:100%;max-width2560px;margin: 0 auto; background-color:#ffffff; overflow:hidden;}
.mid_pro{width:96%;max-width:1400px;height: auto; display: flex; justify-content: space-between;flex-wrap: wrap;   padding-bottom:20px;  margin: 0 auto;  }
.mid_pro .mid_station_li{width:31%;border-radius:6px;margin:1%; float:left;text-align:center;  transition:.3s;}
.mid_pro .mid_station_li  img{ border-radius:5px;cursor: pointer; width:100%;transition:.3s;  height: auto;box-shadow: 0 3px 12px 0 rgb(0 0 0 / 36%);   }
.mid_pro .mid_station_li:hover{ transition:.2s; opacity: 0.7;}
.mid_pro  .mid_station_li h2{ text-align:center;margin:20px 0 ; font-size:16px; }




/* mid_about */
.mid_about{width:100%;background:url(/images/jiayou.webp) no-repeat  #000000 center top;overflow:hidden;  }
.mid_about_main{width:96%;max-width:1400px; margin:0 auto; overflow:hidden;}
.mid_about .mid_about_img{ float:left; width:50%;padding:39px 0;text-align:center;}
.mid_about .mid_about_img img{  width:80%;height: auto;  margin:0 auto; border-radius:5px;}
.mid_about .mid_about_info{ float:left; width:50%;padding:20px 0; color:#FFFFFF; font-size:16px;}
.mid_about .mid_about_info .dt{  width:130px; text-align:center;cursor: pointer; border:1px solid #fff; padding:10px; border-radius:3px;margin-top:30px;}
.mid_about .mid_about_info  a .dt{ color:#FFFFFF;}
.mid_about .mid_about_info .dt:hover{  background-color:#1A73E8;  border:1px solid #1A73E8;}
/* mid_news */
.mid_news{width:100%; background-color:#F5F9F9; padding-bottom:20px;}
.mid_news_main{width:96%;max-width:1400px; margin:0 auto; overflow:hidden;}
.mid_news .mid_news_li{width:96%;border-radius:10px;margin:1.5% 2%; float:left; display: overflow:hidden;box-shadow: 0 2px 5px 0 rgb(0 0 0 / 10%);  background-color:#fff;transition:1.1s;}
.mid_news .mid_news_li:hover{ background-color:#F3FFF9;}
.mid_news .mid_news_li a{ color:#000000}
.mid_news .mid_news_li  .img{width:25%;text-align:center; padding:2% 0% 2% 1%;float:left; }
.mid_news .mid_news_li  img{width:90%; border-radius:6px;transition:.3s; max-width:300px;height: auto; }
.mid_news .mid_news_li .info{width:70%;margin-bottom: 18px; padding: 2%;display: block;float:left;}
.mid_news .mid_news_li .info .date{font-size: 14px; padding-top:10px;color: #999999;font-family: Opensans-Regular;}
.mid_news .mid_news_li a .info .s_title{ font-size:24px; color:#000;}
.mid_news .mid_news_li .info .read_des{margin-top: 10px; }
.mid_news .mid_news_li a:hover img{opacity: 0.7;} 
/* mid_contact */
.top_contact{width:100%; background: url(/images/fueltop25601.webp) no-repeat center top; padding-top:20px; min-height:800px; }
.mid_contact{width:100%; background-color:#F8F8F8;}
.mid_contact_main{width:96%;max-width:800px; margin:0 auto; overflow:hidden;}
.mid_contact_main .mid_contact_li{ float:left;width:96%;padding:2%; text-align:center;}
.mid_contact_main .mid_contact_text{ float:left; width:96%;margin-bottom: 18px;padding:2%;text-align:center;}
.mid_contact_main .mid_contact_text textarea{width:94%;margin-bottom: 18px; height:200px;box-shadow: 0 3px 5px 0 rgb(0 0 0 / 36%);border-radius:5px; font-size:16px; background: #fff;padding: 3%;border: none;opacity: 0.96; outline: none;}
.mid_contact_main input{box-shadow: 0 3px 5px 0 rgb(0 0 0 / 36%);background: #fff;padding: 2%; font-size: 18px; border-radius:5px;    width: 96%;border: none; opacity: 0.96;outline: none;}
.top_contact button{padding:15px; background-color:#ff0000;  color:#ffffff;border: none;border-radius:5px; margin:0 auto;cursor: pointer;transition:.3s;box-shadow: 0 0 20px #ffffff; }
.top_contact button:hover{ background-color:#666666;}

.mid_contact button{padding:15px; background-color:#1A73E8;  color:#ffffff;border: none;border-radius:5px; margin:0 auto;cursor: pointer;transition:.3s;}
.mid_contact button:hover{ background-color:#666666;}
/* mid_newsletter */
.mid_newsletter{width:100%; background-color:#ffffff;}
.mid_newsletter_main{width:96%;padding:1% 2%;max-width:1400px; margin:0 auto; overflow:hidden; text-align:center;}
.mid_newsletter_main img{ max-width:1200px; width:100%; margin: 0 auto;}



.pr_pagelist{width:100%;  padding-bottom:20px; overflow:hidden;}
.pr_pagelist .pagelist_main{width:96%;max-width:1400px; margin:0 auto;overflow: hidden; padding:20px;display: flex; justify-content: center; align-items: center; }
.pr_pagelist .pagelist_main li{ float:left; padding:6px; display: flex; justify-content: center; align-items: center;  }
.pr_pagelist span{ display: flex; justify-content: center; align-items: center; margin:8px;  background-color:#EEEEEE;  border-radius:6px;  min-width:60px; min-height:38px; font-size:18px; font-weight:500;}
.pr_pagelist a{ display: flex; justify-content: center; align-items: center;  min-width:60px; min-height:38px; background-color:#EEEEEE;border-radius:6px; font-size:18px; font-weight:500;  color:#666666;}
.pr_pagelist a:hover{background-color:#1A73E8; color:#fff;}
.pr_pagelist .active a, .pr_pagelist .current{background-color:#1A73E8; color:#fff;}

/* #ey-mkf */
#ey-mkf {position:fixed;right:10px;/*top:40%;*/transform:translateY(-50%);font-family:Arial,Helvetica,sans-serif;z-index:99999999;}
#ey-mkf * {box-sizing:border-box;font-size:12px;line-height:1.1}
#ey-mkf .ey-list {padding:0;background-color:#FFF;;box-shadow: 0 3px 12px 0 rgb(0 0 0 / 26%);max-width:70px;border-radius:30px;margin:0}
#ey-mkf .ey-icon {display:inline-block;background:url(../images/ey-ico23.webp)no-repeat;width:38px;height:28px;transform:scale(.8)}
#ey-mkf .ey-list>li {width:100%;border-top:1px solid #EEE;list-style:none;text-align:center;padding:2px 0 4px;transition:all .2s ease-in-out}
#ey-mkf .ey-list>li>a>p {margin:0;transform:scale(.9);text-transform:capitalize}
#ey-mkf .ey-list>li a {color:#555;text-decoration:none;display:block;padding:0 2px}
#ey-mkf .ey-whatsapp-img {position:absolute;right:calc(100%);top:0;width:130px;text-align:center;padding:3px;background-color:#FFF;border:1px solid #EEE;border-radius:4px;transform:scale(0);transform-origin:right top}
#ey-mkf .ey-whatsapp-img img {display:block;max-width:100%;max-height:100%}
#ey-mkf .ey-whatsapp-img p { margin:0; line-height:22px; transform:scale(.9);font-size:15px;word-break:break-all;}
#ey-mkf .ey-whatsapp-img span { display:block; text-align:center;line-height:22px; font-size:15px;}
#ey-mkf .ey-whatsapp-img em {display:inline-block;width:20px;height:20px;background:url(../images/ey-ico23.webp)-32px -33px/120px no-repeat;vertical-align:middle;margin-right:4px}
#ey-mkf .ey-email-img {position:absolute;right:calc(100%);top:42px;width:165px;text-align:center; font-size:14px;padding:15px 0px 10px 0px;background-color:#fff;border:1px solid #EEE;border-radius:3px;transform:scale(0);transform-origin:right bottom}
#ey-mkf .ey-email-img p {margin:4px 0 0;transform:scale(.9);word-break:break-all;line-height:22px; font-size:15px;}
#ey-mkf .ey-email-img em {display:inline-block;width:20px;height:20px;background:url(../images/ey-ico23.webp)-6px -5px/120px no-repeat;vertical-align:middle;margin-right:4px}
#ey-mkf .ey-wechat-img {position:absolute;right:calc(100%);bottom:0;width:130px;text-align:center;padding:3px;background-color:#FFF;border:1px solid #EEE;border-radius:4px;transform:scale(0);transform-origin:right bottom}
#ey-mkf .ey-wechat-img img {display:block;max-width:100%;max-height:100%}
#ey-mkf .ey-wechat-img p { margin:0;line-height:22px;transform:scale(.9);word-break:break-all;font-size:15px;}
#ey-mkf .ey-wechat-img span { display:block; text-align:center;line-height:22px; font-size:15px;}
#ey-mkf .ey-wechat-img em {display:inline-block;width:20px;height:20px;background:url(../images/ey-ico23.webp)-93px -8px/120px no-repeat;vertical-align:middle;margin-right:4px}
#ey-mkf .ey-list>li:hover .ey-whatsapp-img {transition:transform .4s;transform:scale(1)}
#ey-mkf .ey-list>li:hover .ey-email-img {transition:transform .4s;transform:scale(1)}
#ey-mkf .ey-list>li:hover .ey-wechat-img {transition:transform .4s;transform:scale(1)}
#ey-mkf .ey-list>li:hover,.ey-list>li:hover+li {border-color:transparent} 
#ey-mkf .ey-email .ey-icon {background-position:-3px -6px;}
#ey-mkf .ey-whatsapp .ey-icon {background-position:-47px -50px; margin-top:9px;}
#ey-mkf .ey-gotop .ey-icon {background-position:-2px -50px; margin-bottom:6px; margin-top:2px;}
#ey-mkf .ey-wechat .ey-icon {background-position:-139px -10px;}
#ey-mkf .ey-list li:hover a {color:#FFF} .ey-email:hover {background-color:#f90}
#ey-mkf .ey-whatsapp:hover {background-color:#2cb740}
#ey-mkf .ey-skype:hover {background-color:#0091df}
#ey-mkf .ey-wechat:hover {background-color:#51c332}
#ey-mkf .ey-gotop:hover {background-color:#1A73E8}
#ey-mkf .ey-email:hover .ey-icon {background-position:-91px -6px}
#ey-mkf .ey-whatsapp:hover .ey-icon {background-position:-47px -94px}
#ey-mkf .ey-skype:hover .ey-icon {background-position:-91px -50px}
#ey-mkf .ey-wechat:hover .ey-icon {background-position:-139px -62px}
#ey-mkf .ey-gotop:hover .ey-icon {background-position:-5px -94px}
#ey-mkf .ey-list>li:first-child {border-radius:30px 30px 0 0;border:0}
#ey-mkf .ey-list>li:last-child {border-radius:0 0 30px 30px}

/* foot */
.footer{width:100%; min-height:220px;background:#222222;padding-top:10px;color:#FFFFFF;}
.footer a{ color:#FFFFFF;}
.footer .foot_title{ font-size:24px; font-weight:600;}
.footer_main{ max-width:1400px;margin:0 auto; overflow:hidden;  }
.footer .footer_top{ padding:20px 0; overflow:hidden;}
.footer .f_item_f1, .footer .f_item_f3{ width:16%; padding:2%; float:left;}
.footer .f_item_f2{ width:35%; padding:2%; float:left;}
.footer .footer_top .f_title img{ width:auto;max-width:100%; height:auto;}
.footer .footer_top .f_contact { padding-top: 10px; }
.footer .copyright{ font-size:18px; text-align:center;  padding:30px 0; border-top:1px solid #333333;}
.footer .zan-edit{ text-align:center;}
.footer .f2{ text-align:center;}
.footer .footer_top .listcode{ text-align:center;}
.footer .footer_top .listcode img{ margin-top: 15px;}
.footer .footer_top .listcode span{display:block;font-size:16px;margin-top: 15px;}
.footer .footer_top .list a{ display:block;margin-top: 15px;font-size:16px;}
.footer .footer_top .f_contact div {margin-top: 12px; font-size:16px;}
.footer .footer_top  .icon-telephone { padding-left:30px;background:url(/images/tel.webp)  no-repeat;background-position:0px  2px;}
.footer .footer_top  .icon-email1 { padding-left:30px;background:url(/images/tel.webp)  no-repeat;background-position:0px  -50px;}
.footer .footer_top  .icon-adress1 { padding-left:30px;background:url(/images/tel.webp)  no-repeat;background-position:0px  -99px;}
 .footer .f_item_f3 .listcode img{ width:150px;}
 
.list_title{width:100%;background:url(/images/topbg.jpg) no-repeat center 0; padding-top:50px; margin-bottom:15px; }
.list_title .list_title_info{width:96%; margin: 0 auto;background:url(/images/pro_bg.webp) no-repeat center 55px; color:#333; padding-bottom:50px; text-align:center; font-size:36px; line-height:36px; font-weight:bold;}
.list_title .list_title_info a, .mid_title .mid_title_info a{ color:#666666;}
.list_title .list_title_info a:hover, .mid_title .mid_title_info a:hover{ color:#1A73E8;}
.list_title .list_title_dis{width:96%; max-width:1200px; margin: 0 auto;padding-bottom:20px; padding-right:2%;padding-left:2%;color:#666; text-align:center; font-size:16px; }
.list_news{width:100%; background-color:#fff;padding:10px 0;}
.list_news_main{ width:96%;max-width:1400px;margin:0 auto; overflow:hidden;}
.list_news .list_news_li{ border-bottom:1px solid #EDF1F2;  float:left;;border-radius:5px; display: overflow:hidden; transition:.6s;}
.list_news .list_news_li:hover{ background-color:#F5F9F9;}
.list_news .list_news_li a{ color:#000000}
.list_news .list_news_li  .img{width:23%;text-align:center; padding:2% 1% 2% 2%;float:left; }
.trans{width:100%; border-radius:6px;transition:.3s;}
.list_news .list_news_li .info{width:70%;margin-bottom: 18px; padding: 2%;display: block;float:left;}
 .date{font-size: 14px; padding-top:10px;color: #999999;font-family: Opensans-Regular;}
.list_news .list_news_li a .info .s_title{ font-size:24px; color:#51C332;}
.list_news .list_news_li .info .read_des{margin-top: 10px; }
.list_news .list_news_li a:hover img{opacity: 0.7;} 

.index .news_title{ font-size:24px; padding:10px 0 20px 0;  }
.index .list{ width:96%; margin:0 auto; overflow:hidden;}
.index .item{  width:23%; float:left; padding:1%; }
.index .item a{ color:#51C332; font-size:15px; font-weight:400;}
.single_contact, .info_contact{ width:90%;max-width:1400px;margin:0 auto; margin-top:30px; margin-bottom:20px;font-size:18px;border-radius:10px;background-color:#fff; overflow:hidden; padding:2% 3%;}

.info_contact h1{font-size:22px; line-height:34px; text-align:center; color:#51C332; margin-top:0;}
.info_contact .contents img{  max-width:96%; border-radius:10px; margin:0 auto;}
.pro_prev_next{font-size:16px; line-height:28px; background-color:#F8F8F8;border-radius:10px; padding:15px; margin-bottom:15px;}
.pro_prev_next a{color:#51C332;}
.pro_prev_next a:hover{color:#666666;}
.info_news{width:100%; background-color:#F8F8F8;padding:20px 0;}
.info_news_main{ width:96%;background-color:#fff;max-width:1400px;margin:0 auto; overflow:hidden;border-radius:10px;}
.info_date{font-size: 14px; text-align:center; padding-top:10px;color: #999999;font-family: Opensans-Regular;}
.info_show{width:96%; margin:0 auto; text-align:center;padding-bottom:20px;}
.info_show img{max-width:100%;border-radius:10px; margin-top:20px;}
.webart_feedback{ width:100%; margin:0 auto;max-width:1400px; overflow:hidden;}

@media (max-width:1440px){
.head_show{width:660px;height:30px;padding-top:7px; bottom:-9px; }
.head_top_show li{ float:left;text-align:left;height:30px; font-size:16px; padding-left:4%;  background-size: 18px ; }
.head_show .head_top_h{ background-position: 0px 3px;}
.head_show .head_top_c{ background-position: 0px -52px;}
.head_show .head_top_p{ background-position: 2px -110px;}

.head_menu .nav{height: auto; overflow:hidden; }
.head_menu .nav li{   background-size: 66px ;}
 .nav .nav_menu_home{ background-position:0px  10px;}
 .nav .nav_menu_fuel{  background-position: 0px -122px;}
 .nav .nav_menu_mobile{background-position:0px  -254px; }
 .nav .nav_menu_pump{ background-position:0px -386px;}
 .nav .nav_menu_nozzle{background-position:0px -518px;}
 .head_menu .nav a{  font-size:16px;padding-top:30px; padding-left:75px;margin-top:10px;height:50px;}
}



@media (max-width:1024px){
.head_show{width:560px;height:30px;padding-top:7px;  bottom:-12px;}
.head_top_show li{ float:left; width:30%; text-align:left;height:30px; font-size:14px; padding-left:3%;  background-size: 13px ; }
.head_show .head_top_h{ background-position: 0px 5px;}
.head_show .head_top_c{ background-position: 0px -35px;}
.head_show .head_top_p{ background-position: 0px -75px;}

.head_menu .nav a{ padding-top:60px;padding-left:0px; height:30px;line-height:16px;font-size:12px;}
.head_menu .nav li{background-size: 66px ;width:20%; text-align:center;}
 .nav .nav_menu_home{ background-position:center  0px;}
 .nav .nav_menu_fuel{ background-position: center -132px;}
 .nav .nav_menu_mobile{ background-position:center  -264px;}
 .nav .nav_menu_pump{ background-position:center -396px;}
 .nav .nav_menu_nozzle{ background-position:center -528px;}
.mid_title .mid_title_info{background:url(/images/pro_bg.webp) no-repeat center 39px; color:#666666; padding-bottom:43px; font-size:30px; }
.mid_about .mid_about_img{padding-top:60px;}
.mid_about .mid_about_info{ float: none; width:92%;padding:15px 3% 20px 5%; font-size:14px;}
.mid_about .mid_about_info .dt{ margin:0 auto; margin-top:39px;margin-bottom:10px;}

}




@media (max-width:750px){.head_top{background:url(/images/entop7502.webp) no-repeat;background-size: 100% 100%;  padding-bottom: 59%; }

.head_show{width:100%;height:30px;padding-top:7px; line-height:16px;}
.head_top_show li{ float:left; text-align:left;height:30px; font-size:9px; padding-left:3.7%;  background-size: 13px ; }
.head_show .head_top_h{ background-position: 0px 2px; width:30%; margin-left:2%; }
.head_show .head_top_c{ background-position: 0px -38px; width:26%;}
.head_show .head_top_p{ background-position: 0px -78px; width:30%;}
.head_menu .nav a{ padding-top:60px;height:40px; line-height:16px;}
.head_menu .nav a{  font-size:12px;}
.head_menu .nav li{background-size: 66px ;}
 .nav .nav_menu_home{ background-position:center  0px;}
 .nav .nav_menu_fuel{ background-position: center -132px;}
 .nav .nav_menu_mobile{ background-position:center  -264px;}
 .nav .nav_menu_pump{ background-position:center -396px;}
 .nav .nav_menu_nozzle{ background-position:center -528px;}
 .flex-direction-nav a{width:30px;height:45px;line-height:99em; background-size: 30px; margin:-30px 0 0;top:60%; }
 .flex-direction-nav .flex-next{background-position:0 -45px;right:0;}
 .mid_pro{width:98%; margin:1%; }
 .mid_pro .mid_pro_li{width:46%; margin:3% 2%; padding-bottom:10px;}
 .mid_pro .mid_station_li{width:46%; margin:3% 2%; }
 .mid_pro .mid_station_li  img{box-shadow: 0 3px 5px 0 rgb(0 0 0 / 36%); }
 .mid_title .mid_title_info{background:url(/images/pro_bg.webp) no-repeat center 33px; color:#666666; padding-bottom:33px; font-size:24px; }
.mid_pro  .mid_pro_li h2{ font-size:14px; font-weight:normal; margin:10px 0 0 0;   }

.img1{display:none; }.img2{ display:block;}
.mid_about .mid_about_img{ float: none; width:100%;padding:40px 0 10px 0; }
.mid_about .mid_about_img img{  width:80%; margin:0 auto;}
.mid_about .mid_about_info h2{ text-align:center; margin-top:5px;}
.mid_contact .mid_contact_li{width:96%;}
.modal { padding: 35px 0  15px 0; }
.close {  top: 6px; right: 8px;font-size: 28px;}
.mid_news .mid_news_li{width:94%;margin:3%; }
.mid_news .mid_news_li .img, .list_news .list_news_li  .img{width:96%;padding:6% 2% 2% 2%;float:none; }
.mid_news .mid_news_li  img{width:92%; border-radius:6px;}
.mid_news .mid_news_li .info, .list_news .list_news_li .info{width:92%;margin-bottom: 18px; padding: 4%;display: block;float:left;}
.mid_news .mid_news_li a .info .s_title{ font-size:20px; text-align: center}
.mid_newsletter_main .newsletter_left, .mid_newsletter_main .newsletter_right{ float:none; width:92%;padding:4%; }
.footer .f_item_f1{ width:42%; padding:4%; float:left;}
.footer .f_item_f2, .footer .f_item_f3{ width:94%; padding:3%; float:left;}
.pr_pagelist span{ min-width:50px; min-height:36px;margin:2px;  font-size:16px; }
.pr_pagelist a{  min-width:50px; min-height:36px; font-size:16px; }
.index .item{  width:48%; float:left; padding:1%; }

}


@media (max-width:560px){.top_contact{width:100%; background: url(/images/top540bg.webp) no-repeat center top; padding-top:20px; min-height:800px; }

}