*{ margin:0px; padding:0px}
body{ font-family:"微软雅黑"; font-size:15px; color:#000000;}
img,div,table,tr,td,span{ border:none}
ul,li{ list-style:none}
a{ text-decoration:none; color:#000000}
a:hover{ text-decoration:none;}

/*去除浮动*/
.clear{ clear:both; overflow:hidden; zoom:1; float:none;}
.clearf{ clear:both}

.wark{ width:1550px; margin:0 auto}
@media only screen and (max-width:1560px) {  
.wark{ width:95% }
}

.topnav{ width:100%; margin:0px auto; background:url(../images/top_bj.jpg) no-repeat center top}
.tb{ width:100%; height:20px; background:#f1f1f1}
.tbyc{ width:1550px; margin:0px auto; text-align:right; height:20px; line-height:20px;}
.tbyc a{ padding-left:5px; padding-right:5px}
.logo{ width:1550px; margin:0px auto; padding-bottom:16px;}
.logol{ float:left; padding-right:20px}
.logom{ float:left; background:url(../images/logom.png) no-repeat left center; margin-top:30px; height:50px;}
.logom h1{ font-size:17px; font-weight: normal;line-height:28px}
.logom h2{ font-size:17px; font-weight:normal; line-height:26px}
.logotel{ float:right; width:224px; background:url(../images/logotel.png) no-repeat left; height:70px; padding-left:79px; margin-top:18px}
.logotel h1{ font-size:15px; font-weight:normal; padding-top:7px}
.logotel h2{ font-size:33px; line-height:34px; color:#DB3136}
@media only screen and (max-width:1560px) { 
.tbyc{ width:95%;} 
.logo{ width:95%;}
}
@media only screen and (max-width:1348px) { 
.logol{ padding-right:0}
.logom{ display:none}
}
@media only screen and (max-width:948px) { 
.logotel{ display:none}
.logol{ margin:0 auto; float:none; width:566px}
.tb{ display: none}
.logo{ padding-bottom:13px; padding-top:6px}
}
@media only screen and (max-width:590px) { 
.logol{ width:100%}
.logol img{ width:100%}
}

.navdh{ width:100%; margin:0px auto; background:#004EA2}
.navdhn{ width:1550px; margin:0px auto; font-family:"微软雅黑";}
.navdhn ul{ list-style-type:none;}
.navdhn ul li{ float:left; width:11%; text-align:center; line-height:60px; background:url(../images/nav-line.png) no-repeat right center; display:block;}
.navdhn ul li a{text-align:center; font-size:15px; color:#fff;}
.navdhn ul li a:hover{ width:100%;display:inline-block}
.navdhn ul dt{ float:right; width:22%; text-align:center; line-height:60px; color:#FFF; height:60px; overflow:hidden}
@media only screen and (max-width:1560px) { 
.navdhn{width:95%;} 
}
@media only screen and (max-width:840px) { 
.navdhn ul dt{ display:none}
.navdhn ul li{ width:14%}
}
@media only screen and (max-width:680px) { 
.navdhn ul li{ width:33%; line-height:40px; border-right:none}
.navdhn ul li:nth-child(6){ display:none}
.navdh{ padding:10px 0}
}


/*banner*/ 
.ibanner{ position:relative; height:690px; overflow: hidden;}
.ibanner .swiper-container {width: 100%;height: 100%;}
.ibanner .swiper-slide { background-repeat:no-repeat; background-position:center center; background-size:auto 100%;text-align: center;font-size: 18px;/* Center slide text vertically */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; position:relative;}
.ibanner .swiper-container-horizontal > .swiper-scrollbar{ width:272px; left:251px; bottom:30%;}
.ibanner .swiper-scrollbar-drag{ background:#1b85e7;}
.ibanner .swiper-button-prev{ left:0%;}
.ibanner .swiper-button-next{ right:0%;}
.ibanner .swiper-button-prev, .ibanner .swiper-button-next{ top:0; bottom:0; margin:auto 0; background:none; width:5rem; height:5rem; line-height:5rem; text-align:center; background: #000;}
.ibanner .swiper-button-prev i, .ibanner .swiper-button-next i{ color:#fff; font-size:2rem;}
.ibanner .ban-img{ display:block; width:100%; height:100%; color:#fff;text-align:left;}
.ibanner .swiper-pagination{ bottom:6rem!important; color: #fff; text-align: left; padding:0 0 0 13%; box-sizing: border-box;}
.ibanner .swiper-pagination-bullet{background: #ffffff; opacity: 0.5; position: relative; width: 4rem; height: 5px; border-radius: 0;}
.ibanner .swiper-pagination-bullet{ color: transparent; background:#fff;}
.ibanner .swiper-pagination-bullet-active{ opacity: 1; height: 10px;}
.ibanner .swiper-pagination-current{ font-size: 2.4rem; -webkit-background-clip:text; -webkit-text-fill-color:transparent; background-image: linear-gradient(220deg,#0481dc,#3cc2e7);}
.ibanner .bH{ height: 100%; position: relative;}
.ibanner .bfont{ color: #fff; text-align: center;}
.ibanner .bfont span{ display: block; font-size: 7.2rem; font-family: 'MicrosoftYaHei Bold';}
.ibanner .bfont a{ display: inline-block; border: 1px solid #fff; border-radius: 5px; width: 16rem; height: 4.6rem; color: #fff; line-height: 4.6rem; font-size: 1.8rem; margin-top: 3rem;}
.ibanner .bfont a:hover{background: #fff; color: #574ced; border-radius: 5rem; transition: all 0.4s;}
@media only screen and (max-width:1366px) {  
.ibanner{ height:620px; }  
}
@media only screen and (max-width:1024px) {  
.ibanner{ height:500px; }  
}
@media only screen and (max-width:768px) { 
.ibanner{ height:400px; }
.ibanner .swiper-button-prev, .ibanner .swiper-button-next{width:2rem; }
.ibanner .swiper-pagination{ bottom: 2rem!important; padding-left: 10%;}
}
@media only screen and (max-width:650px) {    
.ibanner{ height: 300px;}   
} 
@media only screen and (max-width:500px) {  
.ibanner{ height:250px; }  
}
@media only screen and (max-width:400px) {  
.ibanner{ height:200px; }  
}
@media only screen and (max-width:320px) {  
.ibanner{ height:180px; }  
}

.sjban{ display:none}
.sjban img{ width:100%}
@media only screen and (max-width:640px) {  
.sjban{ display:block}
.ibanner{ display:none}
}

/**/
.search{height: 105px;background: url(../images/sea_bg.png) no-repeat center;padding-top: 23px;margin-top: -23px;box-sizing: border-box;position: relative;z-index: 50;}
.search h2{ display: block;float: left;font-weight: normal;width: 352px;}
.search h2 b{ display: block;font-size: 30px;line-height: 30px;color: #fff;}
.search h2 b img{ display:inline-block;margin-left: 54px;vertical-align: middle;width: 36px;height: 6px;}
.search h2 span{ display: block;font-size: 24px;line-height: 24px;color: #fff;padding-top: 8px;}
.search p{float: left;height: 82px;line-height: 82px;font-size: 14px;color: #666666;}
.search p b{ font-weight: normal; float:left;}
.search p a{color: #666666;float: left;margin-right: 12px;}
.search p a:hover{color: #cca57a;}
.s_box{float: right;width: 240px;height: 82px;box-sizing: border-box;position: relative;border-bottom: 3px solid #2c2f3e;}
.s_box .txt{float:left;width:219px;height:80px;line-height: 80px;font-size:14px;color:#333;border:none;background: none;outline: 0;}
.s_box .btn{float: left;width:21px;height: 22px;border: 0;background: url(../images/sea.png) no-repeat center;outline: 0;cursor: pointer;margin-top: 29px;}
@media only screen and (max-width:1560px) {  
.search{background: url(../images/sea_bg.png) no-repeat left;}
.search p{ background:#fff; padding-left:3%}
}
@media only screen and (max-width:1135px) {  
.s_box{ display:none}
}
@media only screen and (max-width:829px) {  
.search{ display:none}
}

.yz{background: url(../images/yz_bg.jpg) no-repeat center;padding-top: 50px;box-sizing: border-box;}
.yz h2{font-weight: normal;text-align: center;}
.yz h2 span{display: block;font-size: 30px;color: #333333;line-height: 30px;}
.yz h2 i{display: block;font-size:38px;color: #333333;line-height: 40px;padding-top: 10px;font-weight: bold; font-style:normal}
.yz .xx{display: block;font-size: 14px;color: #333333;line-height: 24px;margin-top: 40px;text-align: center;}
.yz ul{ margin: 37px 3% 0;height: 226px;text-align: center;}
.yz ul li{ float:left;width:20%;border-right: 1px solid #dddddd;box-sizing: border-box;transition:all 0.5s;position: relative;z-index: 10;}
.yz ul li:last-child{ border-right: 0;}
.yz ul li em{ display: block;margin: 32px auto 0;width: 62px;height: 62px;overflow: hidden;}
.yz ul li em img{display: block;width: 62px;height: 62px;transition:all 0.5s;}
.yz ul li.cur{ box-shadow: 0 0 32px 13px rgba(44,47,62,0.10);}
.yz ul li.cur img:nth-child(1){ margin-top:-62px;}
.yz ul li.cur p{ display:block;}
.yz ul li b{ display: block;font-size: 22px;color: #333;line-height: 22px;font-weight: normal;padding-top: 20px;padding-bottom: 9px;}
.yz ul li span{ display: block;font-size: 12px;color: #333;line-height: 12px;opacity: 0.2;text-transform: uppercase; height:12px; overflow:hidden}
.yz ul li p{ display: none;font-size: 14px;line-height: 20px;color:#2c2f3e;padding:0 52px 0;}
.yz ul li.cur span{ display:none;}
.yz ul li.cur b{ font-weight: bold;color:#2c2f3e;}
@media only screen and (max-width:1192px) {  
.yz ul{ margin:37px 0 0}
}
@media only screen and (max-width:960px) {  
.yz h2 i{ font-size:30px}
.yz .xx{ margin-top:15px}
}
@media only screen and (max-width:773px) {  
.yz h2 i{ font-size:25px; padding-top:0}
.yz .xx{ margin-top:5px}
}
@media only screen and (max-width:680px) {  
.yz ul li{ width:49%}
.yz ul li:nth-child(3){ display:none}
.yz ul li:nth-child(2){ border-right:none}
}

/**/
.cpflsy{ width:1550px;margin:0 auto 30px}
.cpflsy dt{background-color:#f1f1f1; height:46px; line-height:46px; width:13.4%; margin-right:1%; float:left; text-align:center; margin-bottom:7px}
.cpflsy dt:nth-child(7n){ margin-right:0}
.cpflsy dt:last-child{ display:none}
.cpflsy dt:last-child{ margin-right:0}
.cpflsy dt a{ height:46px; line-height:46px;color:#333; font-size:16px; }
@media only screen and (max-width:1560px) {  
.cpflsy{ width:95%;}
}
@media only screen and (max-width:940px) {  
.cpflsy dt{ width:24.2%}
.cpflsy dt:nth-child(7n){ margin-right:1%}
.cpflsy dt:nth-child(4n){ margin-right:0}
}
@media only screen and (max-width:578px) {  
.cpflsy dt{ width:49%; margin-bottom:1%}
.cpflsy dt a{ font-size:16px}
.cpflsy dt:nth-child(3n){ margin-right:1%}
.cpflsy dt:nth-child(2n){ margin-right:0}
}

/*产品*/
.cpzs{width:100%;overflow: hidden; margin:0 auto;padding-bottom:42px; background:url(../images/w1200.jpg) top; padding-top:40px}
.cpzs li {float: left;width:24.5%; margin-bottom:0.5%; background:#f5f5f5; margin-right:0.5%;}
.cpzs li:nth-child(4n){ margin-right:0}
.cpzs li a {display: block;overflow: hidden;position: relative; }
.cpzs li a h4 { overflow: hidden;  }
.cpzs li a img { width: 100%;display: block;transition: all .5s; }
.cpzs li a ol {line-height:48px;color: #555; text-align:center; width: 100%;transition: all .3s;font-size: 18px;box-sizing: border-box; position:absolute; margin-top:-48px; background:#fff }
.cpzs li a ol a { color: #555;font-size: 18px; }
.cpzs li a ol b { width:50%; margin:auto;display: block;background: url(../images/sj.png) left no-repeat; background-size: 30px 30px;padding-left: 35px; color:#15a240; font-size:26px; font-family:Arial, Helvetica, sans-serif; }
.cpzs li a span {display: inline-block; position: absolute;right: 10px;bottom: 6%; border: 1px solid #dcdcdc; border-radius: 999px; padding: 10px 20px; }
.cpzs li a:hover {color: #fff; }
.cpzs li a:hover img {transform: scaleX(1.2) scaleY(1.2); }
.cpzs li a:hover ol {}
.cpzs li a:hover span {background: #fff;color: #000; border: 1px solid #1574cd; }
@media only screen and (max-width:1300px) {
.cpzs li{ width:32.8%}
.cpzs li a ol{ font-size:16px}
.cpzs li:nth-child(4n){ margin-right:0.5%}
.cpzs li:nth-child(3n){ margin-right:0}
}
@media only screen and (max-width:680px) {
.cpzs li{ width:49%; margin-right:2%}
.cpzs li:nth-child(3n){ margin-right:2%}
.cpzs li:nth-child(2n){ margin-right:0}
}

/*hf*/
.in-desc {overflow: hidden;background: url(../images/indexlogobg.jpg) no-repeat center / cover;color: #fff; padding:35px 0;}
.in-desc .logo {float: left;width:320px;text-align: left;}
.in-desc .logo img {-webkit-animation: 2s scale linear infinite;animation: 2s scale linear infinite;}
.in-desc .text {margin-left:430px;}
.in-desc .text h4 {margin: 0;font-size: 30px;}
.in-desc .text h5 {font-size: 18px;margin:40px 0 10px;}
.in-desc .text p {margin: 0;font-size: 16px;line-height: 1.8;text-align: justify;}
.in-desc .text a {display: inline-block;background: url(../images/mbtxIndex.png) no-repeat 0 0;width: 236px;line-height: 42px;padding-right: 40px;text-align: center;font-size: 18px;margin: 30px 30px 0 0;}
@media only screen and (max-width:1210px) { 
.in-desc .text{ margin-left:320px}
}
@media only screen and (max-width:966px) { 
.in-desc .logo{ display:none}
.in-desc .text{ margin-left:0; width:100%}
}
@media only screen and (max-width:670px) { 
.in-desc .text h5{ margin:11px 0 10px}
}

@-webkit-keyframes scale{
    0%{
-webkit-transform: scale(0.9);
      transform: scale(0.9);
    }
    50%{
-webkit-transform: scale(1);
      transform: scale(1);
    }
    100%{
-webkit-transform: scale(0.9);
      transform: scale(0.9);
    }
}

@keyframes scale{
    0%{
-webkit-transform: scale(0.9);
      transform: scale(0.9);
    }
    50%{
-webkit-transform: scale(1);
      transform: scale(1);
    }
    100%{
-webkit-transform: scale(0.9);
      transform: scale(0.9);
    }
}

/* 标题 */
.box-title{line-height:40px;color: #2c2c2c; text-align:center; margin-bottom:20px; margin-top:20px; width:100%; overflow:hidden}
.box-title i{ display:block; font-style:normal; text-transform:uppercase; color:#7c7c7c; font-size:16px;font-family: Shruti; width:100%; height:30px; overflow:hidden}
.box-title span{font-size:37px; font-weight:bold; display:inline-block; width:100%;}
.box-title font{ color:#CC2020;}
.box-title p{ font-size:16px; color:#7c7c7c; line-height:55px}
@media screen and (max-width:960px){ 
.box-title span{ font-size:32px}
}
@media screen and (max-width:583px){ 
.box-title span{ font-size:29px}
.box-title p{ line-height:26px; font-size:15px}
}

/*about*/
.sect_k3{ border-top:1px solid #dcdcdc;}
.sect_k3 .atit{ position:relative; text-align:right;}
.sect_k3 .atit i{ display:block; font-style:normal; font-size:160px; color:#faf9f9; line-height:9rem; font-family:Impact;}
.sect_k3 .atit span{ font-weight:bold; color:#CC2020; font-size:33px; margin-top:-3rem; display:block;}
.sect_k3 .acont p{ color:#3a3a3a; margin:2rem 0;word-break:break-all;display:-webkit-box; -webkit-line-clamp:6; -webkit-box-orient:vertical; overflow:hidden; line-height:26px}
.sect_k3 .acont h1{ display:inline-block; border:1px solid #0777dd; color:#0777dd; padding:2px 20px; font-size:15px; font-weight:normal}
.sect_k3 .acont h1:hover{ background:#0777dd; color:#fff;}
.sect_k3 .row{ position:relative;}
.sect_k3 .acont:after{ content:""; width:30%; height:30px; background:#CC2020;  display:block; bottom:0; float:right}
.sect_k3 .bk-tit{}
.sect_k3 .bk-tit a{ background:#b5b5b5; color:#fff; font-size:2.4rem; font-weight:bold; padding:10px 20px;}
.sect_k3 .bk-tit a.on,.sect_k3 .bk-tit a:hover{ background:#0777dd; color:#fff;}
.sect_k3 .a-box a{ display:block;}
.sect_k3 .a-box .ntit{ line-height:4rem;}
.sect_k3 .a-box span{ color:#2f2f35; font-size:16px; display:block;}
.sect_k3 .a-box a:hover span{ color:#026dd9;}
.sect_k3 .a-box a:hover img{transform: scale(1.3) rotate(-10deg);transition:all 1s;}

.sect_k3 .swiper-button-prev,.sect_k3 .swiper-button-next{ z-index:9; height:45px; top:-50px; bottom:0; background:#0777dd; width:45px; color:#fff;font-family:"iconfont" !important; text-align:center; font-size:2.4rem; line-height:45px; position:absolute; left:0; right:0; margin:auto 0;border-radius:45px;}
.sect_k3 .swiper-button-prev{ left:-50px;}
.sect_k3 .swiper-button-prev:before{content: '\e667'; width:100%; text-align:center;}
.sect_k3 .swiper-button-next{ right:-50px; left:auto;}
.sect_k3 .swiper-button-next:before{content: '\e602'; width:100%; text-align:center;}
.sect_k3 .swiper-button-prev.swiper-button-disabled,.sect_case  .swiper-button-next.swiper-button-disabled{opacity:1; background:#0777dd; color:#fff;}
.sect_k3 .about-swp{ position:relative;}

.about{ margin-bottom:40px}
.about_l {float: left;margin-right: 2%;width:37%;transition: .2s width ease;}
.about_l img{ width:100%}
.about_r { float: left; width:58%;transition: .2s width ease;}
@media screen and (max-width:1502px){ 
.sect_k3 .atit i{ font-size:130px; line-height:60px}
}
@media screen and (max-width:1220px){ 
.about_l{ width:41%}
.about_r{ width:53%}
}
@media screen and (max-width:1112px){ 
.about_l{ width:44%}
.sect_k3 .atit i{ font-size:100px}
.about_r{ width:50%}
}
@media screen and (max-width:989px){ 
.about_l{ width:51%}
.about_r{ width:47%}
}
@media screen and (max-width:912px){ 
.about_l{ display:none}
.about_r{ width:100%}
.sect_k3 .atit{ text-align:center}
}
@media screen and (max-width:520px){ 
.sect_k3 .atit i{ font-size:80px}
}
@media screen and (max-width:427px){ 
.sect_k3 .atit span{ margin-top:-6rem}
}
@media screen and (max-width:324px){ 
.sect_k3 .atit i{ font-size:60px}
.sect_k3 .atit span{ margin-top:-15px}
}

/**/
.fc_view { width:100%; background:#f1f1f1; padding:20px 0} 
.tempWrap { width:1550px; margin:0 auto } 
.fc_view ul{}
.fc_view ul li { float: left; width:calc(25% - 14px); height:auto; position: relative; margin:0 7px;} 
.fc_view ul li > a {  display: block;width: 100%;height: 0; position: relative; padding-bottom:75%;transition: all 0.3s ease 0.1s;overflow: hidden; } 
.fc_view ul li > a > img {width:100%;height:100%;position: absolute; top:0; left:0;transition: all 0.3s ease-in-out;  } 
.fc_view ul li .fc_txt {width:100%; height: 52px; background-color:#ffffff; } 
.fc_view ul li .fc_txt > a { float: left; width: 75%; height: 100%; line-height: 52px; font-size: 16px; color: #333333; padding: 0 5px 0 20px; box-sizing: border-box; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } 
.fc_view ul li .fc_txt > span { width: 28px; border-bottom: 1px solid #adadad; box-sizing: border-box; text-align: center; height: 30px; line-height: 30px; margin-top: 10px; font-size: 20px; font-family: Arial; color: #333333; margin-right: 18px; } 
.fc_view ul li:hover > a > img { transform: scale(1.05); } 
.fc_view ul li:hover .fc_txt > a { color: #4bb031; } 
.fc_view .fc_btn { width: 100%; text-align: center; margin-top: 36px; } 
.fc_view .fc_btn .fc_p, .fc_view .fc_btn .fc_n { display: inline-block; vertical-align: middle; margin: 0 20px; width: 53px; height: 53px; cursor: pointer; position: relative; border-radius: 50%; background: #fff; transition: all 0.7s ease-in-out; -webkit-transition: all 0.7s ease-in-out; } 
.fc_view .fc_btn .fc_p:hover, .fc_view .fc_btn .fc_n:hover { transform: translateY(-5px); box-shadow: 0 10px 15px -10px rgba(0, 0, 0, 0.5); } 
.fc_view .fc_btn .fc_p::after, .fc_view .fc_btn .fc_n::after { content: ""; position: absolute; width: 100%; height: 100%; border-radius: 50%; left: 0; top: 0; } 
.fc_view .fc_btn .fc_p::after { background: url(../images/fc_p.png) center no-repeat; } 
.fc_view .fc_btn .fc_n::after { background: url(../images/fc_n.png) center no-repeat; }
@media screen and (max-width:1560px){
.tempWrap { width:95%; overflow:hidden}
}
@media screen and (max-width:1280px){ 
.fc_view ul li {  width:calc(33.33333% - 14px);} 
}
@media screen and (max-width:1024px){ 
.fc {margin-top:30px;} 
.fc_view { margin-top:15px; } 
}
@media screen and (max-width:640px){ 
.fc_view ul li {  width:calc(50% - 14px);} 
}
@media screen and (max-width:480px){ 
.fc {margin-top:5px;} 
.fc_view { margin-top:5px; } 
.fc_view ul li {  width:calc(100% - 14px);} 
}

/*优势*/
.ys{ width:100%; margin:0 auto; background:url(../images/ys_bg.jpg) no-repeat bottom}
.ys_w{ width:1400px; margin:0 auto}
.ys_bg{ width:100%; height:250px; background:url(../images/ys_top.png) no-repeat center}
.ys_bg h1{ text-align:center; color:#fff; padding-top:40px; font-size:38px;}
.ys_bg h2{ text-align:center; color:#fff; font-weight:normal}
.ys_l01{ float:left}
.ys_r01{ float:right; width:50%; margin-top:70px}
.ys_r01_top{ height:90px;}
.ys_r01_top h1{ float:left; width:90px;}
.ys_r01_top h1 img{ width:100%}
.ys_r01_top h2{ float:left; width:70%; margin-left:5%; font-size:30px; line-height:35px}
.ys_r01_top h2 em{ color:#ce0001; font-style:normal}
.ys_r01_top h2 span{display:block; font-weight:normal; text-transform:uppercase; font-size:14px;color:#d2d2d2;height:30px; line-height:30px; overflow:hidden; width:100%; margin-top:10px}
.ys_r01 ul{ margin-left:90px}
.ys_r01 ul li{ background:url(../images/di.png) no-repeat 1px 8px; padding-left:26px; font-size:16px; margin-bottom:10px}

.ys_l02{ float: right}
.ys_r02_top{ height:90px;}
.ys_r02_top h1{ float:left; width:90px;}
.ys_r02_top h1 img{ width:100%}
.ys_r02_top h2{ float:left; width:70%; margin-left:5%; font-size:30px; line-height:35px}
.ys_r02_top h2 em{ color:#ce0001; font-style:normal}
.ys_r02_top h2 span{  display:block; font-weight:normal; text-transform:uppercase; font-size:14px;color:#d2d2d2;height:30px; line-height:30px; overflow:hidden; width:100%;margin-top:10px}
.ys_r02{ float: left; width:50%; margin-top:70px}
.ys_r02 ul{ margin-left:90px}
.ys_r02 ul li{ background:url(../images/di.png) no-repeat 1px 8px; padding-left:26px; font-size:16px; margin-bottom:10px}

.ys_l03{ float:left}
.ys_r03_top{ height:90px;}
.ys_r03_top h1{ float:left; width:90px;}
.ys_r03_top h1 img{ width:100%}
.ys_r03_top h2{ float:left; width:70%; margin-left:5%; font-size:30px; line-height:35px}
.ys_r03_top h2 em{ color:#ce0001; font-style:normal}
.ys_r03_top h2 span{ font-size:14px; display:block; font-weight:normal; text-transform:uppercase;color:#d2d2d2;height:30px; line-height:30px; overflow:hidden; width:100%;margin-top:10px}
.ys_r03{ float:right; width:44%; margin-top:70px}
.ys_r03 ul{ margin-left:90px}
.ys_r03 ul li{ background:url(../images/di.png) no-repeat 1px 8px; padding-left:26px; font-size:16px; margin-bottom:10px}
@media screen and (max-width:1410px){ 
.ys_w{ width:95%;}
}
@media screen and (max-width:1377px){ 
.ys_l03{ width:650px}
.ys_l03 img{ width:100%}
}
@media screen and (max-width:1246px){ 
.ys_r02{ width:44%}
.ys_r02_top h2 span{}
}
@media screen and (max-width:1223px){ 
.ys_l03{ width:549px}
}
@media screen and (max-width:1024px){ 
.ys{ display:none}
}
@media screen and (max-width:1133px){ 
.ys_r01_top h2{ font-size:28px}
.ys_r02_top h2{ font-size:28px}
.ys_r03_top h2{ font-size:28px}
}
@media screen and (max-width:1113px){ 
.ys_l02{ display:none}
.ys_r02{ width:100%}
}
@media screen and (max-width:1076px){ 
.ys_l01{ width:470px}
.ys_l01 img{ width:100%}
.ys_r01_top h2{ font-size:25px}
.ys_r02_top h2{ font-size:25px}
.ys_r03_top h2{ font-size:25px}
.ys_l03{ width:500px}
}
@media screen and (max-width:989px){ 
.ys_l01{ display:none}
.ys_r01{ width:100%; margin-top:10px}
.ys_l03{ display:none}
.ys_r03{ width:100%;margin-top:0}
.ys_r02{ margin-top:0}
}
@media screen and (max-width:680px){ 
.ys_bg h1{ font-size:34px}
.ys_bg{background: url(../images/ys_top.png) no-repeat bottom; height:200px}
}
@media screen and (max-width:560px){ 
.ys_l01{ width:100%}
.ys_r01_top{ height:70px}
.ys_r01_top h1{ display:none}
.ys_r02_top h1{ display:none}
.ys_r02_top h1{ display:none}
.ys_r03_top h1{ display:none}
.ys_r01 ul{ margin-left:0}
.ys_r02 ul{ margin-left:0}
.ys_r03 ul{ margin-left:0}
.ys_r01_top h2{ margin-left:3%; width:97%}
.ys_r02_top h2{ margin-left:3%; width:97%}
.ys_r02_top h2{ margin-left:3%; width:97%}
.ys_r03_top h2{ margin-left:3%; width:97%}
.ys_r02_top{ width:100%; height:70px}
.ys_r01_top{ width:100%; height:70px}
.ys_r03_top{ width:100%; height:70px;}
.ys_r02_top h2 span{margin-top:0}
.ys_r01_top h2 span{ margin-top:0}
.ys_r03_top h2 span{ margin-top:0}

}

/*lc*/
.tec_p{background: url(../images/yz-bg.jpg) no-repeat center;font-family: "Microsoft Yahei";text-align: center;height: 485px;overflow: hidden;font-size: 20px;line-height: 40px;}
.tec_p .til01{ padding:40px 0; color:#E8C82F; font-size:32px}
.tec_p .til01 p{ font-size:20px; font-weight:normal; color:#333}
.tec_pic{width: 226px;top: 0;left: 42%;}
.tec_pc ul{padding: 23px 0 0;width: 100%;}
.tec_pc li{width: 12%;background:url(../images/lc/teclbg1.png) no-repeat center 0;float: left;padding: 36px 0 0; margin-right:1%}
.tec_pc li:last-child{ margin-right:0}
.tec_pc li.tec_l1{margin: 0 328px 0 0;}
.tec_pc li p{padding: 81px 0 0;}
.tec_pc li span{width:59px;height:54px;position: relative;margin: 0 auto;overflow: hidden;display: block;}
.tec_pc li span i{width:59px;height:54px;position: absolute;display: block;top:0;left:0;}
.tec_pc li span i.default{-webkit-transition: all 0.4s linear;transition: all 0.4s linear;}
.tec_pc li span i.hover{opacity:1;visibility:visible;opacity:0;visibility:hidden;
    -webkit-transform:translate3d(0,0,-65px) rotate3d(1,0,0,90deg);
    transform:translate3d(0,0,-65px) rotate3d(1,0,0,90deg);
    -webkit-transform-origin:50% 0%;
    transform-origin:50% 0%;
    -webkit-transition:all 0.4s linear;
    transition:all 0.4s linear;}
.tec_pc li.cur{color: #dc2821;background:url(../images/lc/teclbg2.png) no-repeat center 0;font-weight: bold;}
.tec_pc li.cur span .default{opacity:0;visibility:hidden;-webkit-transform:translate3d(0,65px,0) rotate3d(1,0,0,-90deg);transform:translate3d(0,65px,0) rotate3d(1,0,0,-90deg);}
.tec_pc li.cur span .hover{opacity:1;visibility:visible;-webkit-transform:rotate3d(1,0,0,0deg);transform:rotate3d(1,0,0,0deg);}
.tec_pc li b{display: block;color: #ccc;font-family: Arial;font-size: 20px;line-height:35px;font-weight: normal;}
.pr {position: relative;}
.pa { position: absolute;}
@media only screen and (max-width:1438px) { 
.tec_pc li{ width:11.5%}
}
@media only screen and (max-width:1279px) { 
.tec_p{ display:none}
}

/*标题*/
.tit{ width:100%; padding-top:40px; padding-bottom:40px}
.tit h1{ font-size:35px; text-align:center; line-height:49px}
.tit h1 span{ padding-left:6px}
.tit h2{ text-align:center; font-weight:normal;}
@media only screen and (max-width:984px) { 
.tit{ padding-top:30px; padding-bottom:30px}
}
@media only screen and (max-width:740px) { 
.tit{ padding-top:20px; padding-bottom:20px}
.tit h1{ font-size:33px}
}
@media only screen and (max-width:560px) { 
.tit h1{ font-size:30px}
.tit h2{ font-size:19px}
}

/**/
.product3-b{padding-bottom:40px}
.product3-b ul li{float:left;width:24.2%;position:relative;margin-right:1%;margin-bottom:23px;box-shadow:0 0 21px 0 rgba(4,0,0,.11)}
.product3-b ul li::before{content:"";display:block;width:0;height:1px;background:#005fae;transition:.35s;left:0;top:0;position:absolute}
.product3-b ul li::after{content:"";display:block;width:1px;height:0;background:#005fae;transition:.35s;left:0;top:0;position:absolute}
.product3-b ul li a{display:block}
.product3-b ul li a::before{content:"";display:block;width:0;height:1px;background:#005fae;transition:.35s;right:0;bottom:0;position:absolute}
.product3-b ul li a::after{content:"";display:block;width:1px;height:0;background:#005fae;transition:.35s;right:0;bottom:0;position:absolute}
.product3-b ul li em{display:block;width:100%;line-height:0;overflow:hidden}
.product3-b ul li em img{width:100%;display:block;}
.product3-b ul li h4{width:100%;font-size:16px;font-weight:400;line-height:60px;color:#333;background-image:url(../images/pro-more.png);background-repeat:no-repeat;background-position:right 25px center;background-size:auto auto;display:block;text-indent:24px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transition:.25s;padding-right:50px;box-sizing:border-box;border-top:1px solid #eee}
.product3-b ul li:nth-of-type(4n){margin-right:0}
.product3-b ul li.cur::before,.product3-b ul li:hover::before{width:100%}
.product3-b ul li.cur::after,.product3-b ul li:hover::after{height:100%}
.product3-b ul li.cur a::before,.product3-b ul li:hover a::before{width:100%}
.product3-b ul li.cur a::after,.product3-b ul li:hover a::after{height:100%}
.product3-b ul li.cur h4,.product3-b ul li:hover h4{background-image:url(../images/pro-moreh.png);background-repeat:no-repeat;background-position:right 25px center;background-size:auto auto}
.product3-b ul::after{line-height:0;visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0}
@media only screen and (max-width:977px) { 
.product3-b ul li{ width:32.6%}
.product3-b ul li:nth-of-type(4n){margin-right:1%}
.product3-b ul li:nth-of-type(3n){margin-right:0}
.product3-b{padding-bottom:20px}
}
@media only screen and (max-width:670px) { 
.product3-b ul li:nth-of-type(3n){margin-right:2%}
.product3-b ul li:nth-of-type(2n){margin-right:0}
.product3-b ul li{ width:49%; margin-right:2%}
}
@media only screen and (max-width:560px) { 
.product3-b ul li{ width:100%; margin-right:0}
.product3-b ul li:nth-of-type(3n){margin-right:0}
.product3-b ul li{ margin-bottom:10px}
.product3-b ul li h4{ line-height:45px; font-size:16px}
}

.hf1{ width:100%; display:none}
@media only screen and (max-width:640px) { 
.hf1{ display: none}
.hf1 img{ width:100%}
}

/**/
.g_news{background: #f2f2f2; padding:40px 0}
.g_news h2{background:url(../images/newtit.png) no-repeat center top;text-align: center;font-size: 40px;font-weight: bold;color: #333333; height: 135px;}
.g_news h2 a{color: #333333;}
.g_news h2 em{display: block;font-size: 18px;color: #999999;padding-top: 12px;font-weight: normal;}
.g_news .newdt{float: left;width:30%;background:url(../images/dtbg2.jpg) repeat-x #004EA2;height: 570px;padding-top: 30px; }

.g_news h3{margin: 0 7% 30px;height: 66px;font-size: 22px;font-weight: bold;color: #fff;}
.g_news h3 a{color: #fff;}
.g_news h3 em{display: block;font-size: 15px;color: #b3ddd1;padding-top: 5px;font-weight: normal;text-transform: uppercase; font-family: arial; }
.g_news h3 span{float: right;padding-top: 10px;}
.dtdl{margin:0 7%}
.dtdl dt{width:100%;height: 241px;margin-bottom: 34px;overflow: hidden;}
.dtdl dt img{width:100%;height: 241px;display: block;transition: all 0.3s linear 0s;}
.dtdl dt:hover img{transform: scale(1.1);}

.dtdl h4{height: 30px;line-height: 30px;overflow: hidden;font-size: 16px;font-weight: bold;color: #333333;margin-bottom: 7px;}
.dtdl h4 a{color: #83AFE0;}
.dtdl p{font-size: 14px; color: #fff; line-height: 24px;margin-bottom:20px; height:96px; overflow:hidden}
.dtdl span{display: block;height: 24px;line-height: 24px;background:url(../images/line1.jpg) no-repeat 0 12px; text-align: right; color:#83AFE0}

.newr{float: right;width:65%;}
.newr .bk{width:90%;padding: 30px 5% 0 5%;background: #fff;height: 236px;margin-bottom: 16px;}
.newr h3{margin: 0; height: 72px;font-size: 22px;font-weight: bold;color: #333333;}
.newr h3 a{color: #333333;}
.newr h3 em{display: block;font-size: 15px;color: #333333;padding-top: 5px;font-weight: normal;text-transform: uppercase; font-family: arial; }
.newr h3 span{float: right;padding-top: 10px;}
.bkcon dl{float: left;width:49%;margin-right:2%;}
.bkcon dl:last-child{ margin-right:0}
.bkcon .lastdl{margin-right: 0;}
.bkcon dt{height: 30px;line-height: 30px;overflow: hidden;font-size: 16px;font-weight: bold;color: #333333;margin-bottom: 7px;}
.bkcon dt a{color: #333333;}
.bkcon p{font-size: 14px; color: #999999; line-height: 20px;height: 40px;overflow: hidden;margin-bottom: 20px;}
.bkcon span{ font-size: 14px;color: #999999;background:url(../images/line2.jpg) no-repeat 0 13px; float:right}

.wd{background:url(../images/wtbg.jpg) no-repeat #fff;width:90%;height:296px;margin:0 auto; padding:10px 5%}
.wd h3{margin: 0;top:30px;  width:100%; height: 72px;font-size: 22px;font-weight: bold;color: #333333;}
.wd h3 a{color: #333333;}
.wd h3 em{display: block;font-size: 15px;color: #333333;padding-top: 5px;font-weight: normal;text-transform: uppercase; font-family: arial; }
.wd h3 span{float: right;padding-top: 10px;}
.wdlst{top:60px; width:100%}
.wdlst li{font-size: 14px;line-height: 34px;height: 34px;overflow: hidden; width:49%; float:left; margin-right:1%}
.wdlst li a{color: #333333;display: block; float:left}
.wdlst li a:hover{background:url(../images/line3.jpg) no-repeat 0 18px;font-weight: bold;}
.wdlst li span{ float:right}
.wdmore{ left:28px;border: 1px solid #ccc;height: 36px;line-height: 36px;padding-left: 16px;width: 140px;font-size: 16px;color: #999999; margin-top:30px}
.wdmore a{color: #999999;}
@media only screen and (max-width:1237px) { 
.wdlst li a{ width:68%; overflow:hidden; height:34px;}
}
@media only screen and (max-width:863px) { 
.g_news .newdt{ display:none}
.newr{ width:100%}
}
@media only screen and (max-width:590px) { 
.g_news{ padding:20px 0}
.bkcon dl{ width:100%; margin-right:0}
.wdlst li{ width:100%; margin-right:0}
.newr .bk{ height:auto}
}

/*内页*/
.productlist dl{ width:24.2%; float:left; margin-right:1%; margin-bottom:0.5%;}
.productlist dl:nth-child(4n){ margin-right:0}
.productlist dl:hover{ background:#fff}
.productlist dl dt{ height: 267px; overflow:hidden;}
.productlist dl dt a{ width:100%}
.productlist dl dt a img{ width:100%; height: auto; vertical-align:middle;transition: all .4s ease-in-out;}
.productlist dl dt a:hover img {transform: translateZ(0) scale(1.12);}
.productlist dl dd{ height:36px; line-height:36px; text-align:center; overflow:hidden}
.productlist dl dd a{ height:36px; line-height:36px}
@media screen and (max-width:1418px){
.productlist dl dt{ height:217px;}
}
@media screen and (max-width:1194px){
.productlist dl dt{ }
.productlist dl { width:32.6%}
.productlist dl:nth-child(4n){ margin-right:1%}
.productlist dl:nth-child(3n){ margin-right:0}
}
@media screen and (max-width:680px){
.productlist dl{ width:49.5%}
.productlist dl:nth-child(3n){ margin-right:1%}
.productlist dl:nth-child(2n){ margin-right:0; float:right}
}
@media screen and (max-width:523px){
.productlist dl{ width:100%; margin-right:0}
.productlist dl dt{ height:auto}
}

.ny_bb{ height:100px; width:100%; background:#f5f5f5}
.ny_cc{ max-width:1500px; margin:0 auto}
.ny_bt{}
.ny_bt_l {float: left;margin-right: 2%;width:38%;transition: .2s width ease; height:100px}
.title-a {padding: 20px 0 0;position: relative;}
.title-a:before { content: "";display: inline-block; width:5px; height: 50px; vertical-align: top; margin: 0 1rem;}
.title-a span {font-weight: bold;font-size:24px;color: #B31F11; line-height:47px}
.title-a i {float: right;font-size:29px;text-transform: uppercase;line-height: 47px;font-weight: bold;}
.title-a:after {content: "";width: 1px; height: 100px; background: #B31F11;display: block; position: absolute; left: 0; top:0}
.ny_bt_r{ float:right; width:55%}
.title-b {color: #fff; background: #ccc;height:100px;line-height: 100px; padding-left: 2%; font-size:16px }
.title-b i {font-size: 2rem; margin-right: 1rem;}
.title-b a {color: #fff;}
@media screen and (max-width:1410px){
.ny_cc{ width:95%}
}
@media screen and (max-width:750px){
.ny_bt_l{ display:none}
.ny_bt_r{ width:100%}
.ny_bb{ height:100px; background: none}
}
@media screen and (max-width:680px){
.ny_cc{ width:100%}
}

.nr {margin: 0 auto; width:1500px; margin-top:1%; background:#FCFCFC; padding:1%}
@media screen and (max-width:1510px){
.nr {margin: 0 auto; width:95%;}
}

.content1{ line-height:37px; font-size:15px;width:100%; margin:0 auto; }
.content{  line-height:37px; font-size:15px; width:100%; margin:0 auto;}
@media screen and (max-width:1400px){
.content{ width:95%; padding-top:2%}	
.content1{width:95%; padding-top:2%}
}
@media screen and (max-width:1250px){
.content img{ width:95%; margin:0 auto}
}
@media screen and (max-width:600px){
.content1 img{ width:90%; height:auto}
}

.page { margin:0px auto; width:1500px; padding-top:10px; padding-bottom:8px}
.page ul li{float:left; border:1px solid #e5e5e5; padding:0 5px; height:20px; line-height:20px; overflow:hidden; color:#000; margin:0 3px 3px;}
.page ul li a{color:#666;}
.page ul li a:hover{color:#588b00;}
.page ul li a.on{color:#333; font-weight:bold;}
.page ul li.last{color:#7b7b7b;}
@media screen and (max-width:1510px){
.page { width:95%}	

}

.rel_center0{ text-align:center}
.pro_name{ text-align:center; margin-top:1%}
.pro_name h2{ font-size:24px; font-weight:normal}
@media only screen and (max-width:550px) {
.rel_center0 img{ width:80% }	
.pro_name h2{ font-size:18px}
}
.info_title{width:100%;text-transform:uppercase;margin-bottom:20px;}
.info_title h3{font-size:18px;text-align:left;padding:36px 0 10px 0;border-bottom:1px solid #ddd;}
.info_title h3 span{font-family:'Arial';font-size:15px;}
.info_title hr{width:44px;height:2px;background:#5F5F5F;border:none;margin:-11px auto 0 auto;}

.title{ text-align:center; font-size:19px; font-weight:bold; margin-bottom:1%}
.info{ text-align:center; width:40%; border-bottom:1px #A5A2A2 solid; border-top:1px #A5A2A2 solid; margin:0 auto; margin-bottom:20px}
@media only screen and (max-width:680px) {
.info{ width:100%}
}

.xwzx{}
.xwzx ul{ list-style-type:none}
.xwzx ul li{ border-bottom:1px dotted #ccc; height:35px; line-height:35px}
.xwzx ul li span{ float:right; font-size:12px}
@media only screen and (max-width:680px) {
.xwzx ul li a{ width:70%; float:left; height:35px; overflow:hidden}
.xwzx ul li span{ width:25%; text-align:right}
}
.ipro{}
.ipro dl{ width:24%; float:left; margin-right:0.5%; margin-left:0.5%}
.ipro dl dt{ width:100%}
.ipro dl dt a{ width:100%}
.ipro dl dt a img{ width:100%; height: auto; vertical-align:middle; }
.ipro dl dd{ height:35px; line-height:35px; text-align:center; width:100%; overflow:hidden}
.ipro dl dd a{ height:35px; line-height:35px}
@media only screen and (max-width:680px) {
.ipro dl{ width:49%}
.ipro dl dd a{}
}
.newslist{}
.newslist dl{ list-style-type:none; border-bottom:1px dotted #ccc; }
.newslist dl dd {}
.newslist dl dd a{ font-size:14px; color:#000; font-family:"微软雅黑"; float:left; font-weight:bold}
.newslist dl dd span{ float:right;}
.newslist dl dt{line-height:28px; margin-bottom:5px; display:block; height:84px; overflow:hidden}

/*联系我们*/
.bcont{ text-align:center; background:#f5f5f5; padding:3% 0%; margin-top:3%; margin-bottom:3%}
.bcont .span-3{ width:23%; float:left}
.span-i{width:28%; float:left; height:300px;background:url(../images/bcont.png) no-repeat right bottom;background-size:cover; }
.span-l{ width:26%; float:left; padding:0% 0% 0% 8%; text-align:left}
.span-l p{ text-align:left}
.bcont i{ color: #545454; font-size: 4rem;}
.bcont p{ color:#666666; margin:10px 0 0; font-size: 16px;}
.bcont span{ color:#535353; font-size:18px; display: block;}
.bcont img{ width:50%; margin:  0 auto}

@media only screen and (max-width:1024px) {
.span-3no{ display:none}
.span-l{ width:35%;  padding:0% 0% 0% 5%; text-align:left}
.span-i{ width:35%;}
.bcont img{ width:85%;}
}
@media only screen and (max-width:850px) {
.bcont .span-3{ display:none; } 
.span-i{ display:none}
.span-l{ width:95%}
} 
@media only screen and (max-width:520px) {
.bcont{  background: none; }
.span-i{ width:100%; height:500px;} 
}
@media only screen and (max-width:414px) {
.span-i{ height:300px;} 
}
/*联系我们end*/

.fl{ float:left}
.fr{ float:right}

/**/
.footer{background: #002b60; padding-bottom:30px}
.f_con {padding-top:30px;}
.f_con h4 {font-size:25px;line-height: 100%;color: #fff;font-weight: normal;}
.f_menu {width:28%;margin-right:2%;}
.f_nav {margin-top:36px;overflow: hidden;}
.f_nav a {display: block;padding-left:4%;font-size: 16px;color: #e5e5e5;line-height: 35px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;-o-transition: all 0.3s ease;
transition: all 0.3s ease;position: relative;width:46%;float: left;}
.f_nav a:before {position: absolute;content: "";width: 0;height: 0;border-style: solid;left: 0;border-width: 4px 5px;border-color: transparent transparent transparent rgba(210, 210, 210, 0.4);top: 13.5px;}
.f_nav a:hover {color: #fff;font-weight: bold;}
.f_slogan{margin-top: 63px;padding-left: 90px;height: 72px;background: url(images/fi.png) no-repeat left top;padding-top: 15px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;
box-sizing: border-box;}
.f_slogan p {font-size: 16px;line-height: 24px;color: rgba(255, 255, 255, 0.55);}
.f_contact {width: 45%;}
.f_contact ul {margin-top:36px;}
.f_contact li {overflow: hidden;margin-bottom: 37px; width:49%; float:left; margin-right:1%}
.f_contact li i {display: block;float: left;margin-top: 6px;height: 40px;border-right: 1px solid rgba(191, 191, 191, 0.47);padding-right: 13px;margin-right: 12px;}
.f_contact li i img {display: block;margin: 4px 0;}
.f_contact li span {display: block;font-size: 14px;line-height: 100%;color: rgba(255, 255, 255, 0.61);}
.f_contact li strong {font-size:18px;font-family: Arial;font-weight: bold;color: #ffffff;display: block;line-height: 1;margin-top: 13px;}
.f_contact li:last-child strong {font-size: 15px;}
.f_qr {width: 260px;}
.f_qr .pic {width: 138px;line-height: 0;text-align: center;margin-bottom:15px;}
.f_qr .pic img {width: 138px;height: 138px;}
.f_qr .pic span {display: block;font-size: 14px;line-height: 100%;color: #fff;margin-top: 11px;}
.f_qr p {font-size: 14px;color: #bfbfbf;line-height:22px;}
.f_qr p span {margin-right: 10px;}
.f_qr p a {color: #bfbfbf;}
@media only screen and (max-width:1099px) {
.pic{ display: none}
.f_qr{ width:100%}
.f_qr p{ float:right}
.f_menu{ width:35%}
.f_contact{ width:61%}
}
@media only screen and (max-width:780px) {
.f_contact{ display:none}
.f_menu{ width:100%}
.f_nav a{ width:24%; margin-right:1%; background:#124B90; margin-bottom:10px}
.f_con{ padding-top:30px}
.f_nav{ margin-top:26px}
.f_nav a:before{ left:10px}
.footer{ padding-bottom:10px}
.f_qr{ padding-top:10px}
}
@media only screen and (max-width:680px) {
.pic{ display:block}
.f_qr .pic{ margin:0 auto}
.f_qr p{ text-align:center; float:none}
}
@media only screen and (max-width:560px) {
.f_nav a{ width:32%}
}
@media only screen and (max-width:450px) {
.f_qr p{ float:none; text-align:center}
}

.header1{ display:none}
.header1 h2{ display:none}
@media only screen and (max-width:768px) {  
.footer{padding-bottom:68px} 
.header1{ height:60px; position:fixed; bottom:0px; left:0px; z-index:99999; width:100%; line-height:45px; display:block; clear:both; }
.header1 h2{ width:100%; height:45px; text-align:center; background:url(../images/header1.png) no-repeat center top ; display: block}
.header1 h2 a{ color:#FFFFFF; font:24px/60px "微软雅黑"; margin: 0 auto; width:100%; display: block; font-variant:small-caps; height:60px;}
.header1 li{ width:46%; margin:0% 2%; float:left; height:56px;border-radius:50px; background:#f68600} 
.header1 li a{ width:100%; text-align:center; display:block}
.header1 a p{ line-height:60px; color:#FFFFFF; display:inline;}
.header1 a img{ margin-bottom:-7px; margin-right:10px;}  
}