﻿@charset "utf-8";
/* CSS Document */

body,div,ul,li,a,img,p,dl,dt,dd,h1,h2,h3,h4,span,strong{
	margin: 0;
	padding: 0;
	list-style: none;
	text-decoration: none;
	border: 0;
	list-style: none;
}
body{ font-size:12px; font-family:Arial, Helvetica, sans-serif; color:#000; font-family:" "; background:#FFF;}
a{color:#666;}
a{blr:expression(this.onFocus=this.close());} /* 只支持IE，过多使用效率低 */ 　 
a{blr:expression(this.onFocus=this.blur());} /* 只支持IE，过多使用效率低 */ 　 
a:focus { -moz-outline-style: none; } /* IE不支持 */ 
a:hover{ color:#F60;text-decoration:none;}
p{line-height:1.8em; padding:5px 0;}
.clear{ margin:0; padding:0; font-size:0; clear:both; }
.wapper{ width: 1200px;margin:0 auto; }

.head_top{width:80%;height:20px;padding:10px 10%;background:#09c;}
.head_top span{font-size:15px;line-height:20px;color:#FFF;}

.head{width:80%;max-height:150px;padding:0px 10%;margin:0px 0;background:#FFF;}
.head_left{/*width:30%;*/float:left;}
.head_logo{width:100%;padding:0 5%;}
    .head_logo img {
        max-height: 100px;
        /*width: 100%;*/
    }
.head_right{width:70%;float:left;}
.head_open{width:30px;height:30px;margin:10px 0 20px;float:right;position:relative;display:none;border:1px solid #999;border-radius:5px;}
.head_open img{width:30px;height:30px;}
.head_search{width:100%;height:35px;text-align:right;}
.head_search dl dt{float:right;}
.head_search dl dd{float:right;}
.head_search dl dt input{width:200px;height:30px;border:1px solid #0ae;}
.head_search dl dd input{width:50px;height:32px;background:#F60;color:#FFF;border:none;margin-left:2px;}
.head_search dl dd input:hover{background:#66F;}
.head_menu{width:90%;height:40px;padding:32px 0;padding-left:10%;}
.head_menu ul li{width:110px;height:30px;padding:5px 10px;text-align:center;float:left;position:relative;}
.head_menu ul li:hover{background:rgba(0,153,255,1);}
    .head_menu ul li a {
        font-size: 19px;
        line-height: 30px;
        font-weight: 600;
        color: #333;
    }
.head_menu ul li:hover a{color:#FFF;}
.head_menu ul li .erji{width:200px;text-align:center;position:absolute;top:100%;left:0;z-index:100;display:none;background:#FFF;border:1px solid #999;border-radius:5px;}
.head_menu ul li .erji a{display:block;height:30px;padding:5px 0;color:#333;}
.head_menu ul li:hover .erji{display:block;}
.head_menu ul li .erji a:hover{color:#09F;}
@media screen and (max-width:1340px){
.head_open{display:block;}
.head_open img{width:30px;height:30px;}
.head_search{display:none;}
.head_menu{display:none;}
}

.menu_hide{width:100%;min-height:200px;background:#FFF;position:absolute;top:150px;left:0;z-index:555;display:none;}
.menu_hide.active{ display:block;}
.menu_hide dl dt{width:90%;padding:0 5%;}
.menu_hide dl dt .menu_hide_01{width:20%;margin:5px 0;float:right;}
.menu_hide dl dt .menu_hide_01 input{width:100%;background:#F60;color:#FFF;border:none;}
.menu_hide dl dt .menu_hide_02{width:80%;margin:5px 0;float:right;}
.menu_hide dl dt .menu_hide_02 input{width:100%;border:1px solid #0ae;}
.menu_hide dl dd{width:90%;padding:0 5%;position:relative;}
.menu_hide dl dd a{color:#666;font-size:14px;line-height:30px;}
.menu_hide dl dd .erji{width:150px;text-align:center;position:absolute;top:100%;left:0;z-index:100;display:none;background:#FFF;border:1px solid #999;border-radius:5px;}
.menu_hide dl dd .erji a{display:block;height:30px;padding:5px 0;color:#333;}
.menu_hide dl dd:hover .erji{display:block;}
.menu_hide dl dd .erji a:hover{color:#09F;}
@media screen and (max-width:1000px){
.head_open{display:block;}
.head_open img{width:100%;text-align:right;}
.menu_hide{width:100%;min-height:200px;background:#FFF;position:absolute;top:120px;left:0;display:none;}
.menu_hide.active{ display:block;}
.menu_hide dl dt{width:90%;padding:0 5%;}
.menu_hide dl dt .menu_hide_01{width:20%;margin:5px 0;float:right;}
.menu_hide dl dt .menu_hide_01 input{width:100%;height:30px;background:#F60;color:#FFF;border:none;}
.menu_hide dl dt .menu_hide_02{width:80%;margin:5px 0;float:right;}
.menu_hide dl dt .menu_hide_02 input{width:100%;height:25px;border:1px solid #0ae;}
.menu_hide dl dd{width:90%;padding:0 5%;position:relative;}
.menu_hide dl dd a{color:#666;font-size:14px;line-height:30px;}
.menu_hide dl dd .erji{width:150px;text-align:center;position:absolute;top:100%;left:0;z-index:100;display:none;background:#FFF;border:1px solid #999;border-radius:5px;}
.menu_hide dl dd .erji a{display:block;height:30px;padding:5px 0;color:#333;}
.menu_hide dl dd:hover .erji{display:block;}
.menu_hide dl dd .erji a:hover{color:#09F;}
}

.index_01{width:100%;}
.swiper-container1 {
      width: 100%;
      height: 100%;

    }

.swiper-container1 .swiper-slide {
      text-align: center;
      font-size: 18px;
      background: #fff;

      /* 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;
}
.swiper-container1 .swiper-slide img{ display:block; width:100%;}
.swiper-pagination1 .swiper-pagination-bullet{ background:#fff;}
.swiper-pagination1 .swiper-pagination-bullet.swiper-pagination-bullet-active{ background:#0ae;}
.swiper-button-prev1,.swiper-button-next1{ width:20px; height:30px; padding:20px;}
.swiper-button-next1{ background:url(../img/right.png) center no-repeat;}
.swiper-button-prev1{ background:url(../img/left.png) center no-repeat;}
.swiper-button-next1:after, .swiper-button-prev1:after{ display:none;}

.index_02{width:80%;min-height:450px;padding:20px 10%;background:#F3F3F3;}
.index_02_left{width:46%;float:left;padding:20px 2%;}
.index_02_left strong{font-size:20px;line-height:40px;color:#666;}
.index_02_left p{font-size:16px;line-height:30px;color:#666;margin:10px 0;}
.index_02_left a{font-size:16px;padding:10px 20px;color:#FFF;background:#F90;border-radius:5px;}
.index_02_right{width:46%;float:left;padding:0 2%;margin:20px 0;background:#FFF;}
.lunbo_01{width:100%;}
.swiper-container2 {
      width: 100%;
    }
.swiper-container2 .swiper-slide {
      text-align: center;
      /* 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;
    }
.swiper-container2 .swiper-slide img{ width:90%;padding:10px 5%;}
.swiper-container2 .swiper-slide p{font-size:13px;text-align:center;line-height:25px;}
.swiper-pagination2 {
      width: 100%;
	  text-align:center;
}
.swiper-pagination2 .swiper-pagination-bullet{ background:#ccc;}
.swiper-pagination2 .swiper-pagination-bullet.swiper-pagination-bullet-active{ background:#0ae;}
.swiper-button-prev2,.swiper-button-next2{ width:30px; height:30px;padding:0 30px;}
.swiper-button-next2{ background:url(../img/right.png) center no-repeat;}
.swiper-button-prev2{ background:url(../img/left.png) center no-repeat;}
.swiper-button-next2:after, .swiper-button-prev2:after{ display:none;}
@media screen and (max-width:1000px){
.index_02{width:80%;min-height:600px;padding:20px 10%;background:#F3F3F3;}
.index_02_left{width:96%;float:left;padding:20px 2%;}
.index_02_right{display:none;}
}


.index_03{width:80%;padding:10px 10%;text-align:center;}
.index_03_up{width:100%;}
.index_03_title{width:100%;text-align:center;}
.index_03_title strong{font-size:20px;line-height:40px;}
.index_03_button{width:100%;text-align:center;padding:10px 0;}
.index_03_button ul{max-width:1200px;margin:0 auto;}
.index_03_button ul li{width:200px;height:20px;padding:5px 10px;margin:0 1px;float:left;text-align:center;border:1px solid #0ae;border-radius:5px;}
.index_03_button ul li:hover{background:#0ae;}
.index_03_button ul li a{font-size:15px;line-height:20px;color:#0ae;}
.index_03_button ul li:hover a{color:#fff;}
.index_03_down{width:100%;margin:20px 0;}
.index_03_down ul li{width:20%;margin:10px 2%;float:left;}
.index_03_down ul li .index_03_down_img{width:100%;border:1px solid #999;}
.index_03_down ul li .index_03_down_img img{width:60%;margin:20px 20%;}
.index_03_down ul li p{font-size:16px;line-height:20px;}
@media screen and (max-width:1000px){
.index_03_down ul li{width:45%;margin:10px 2%;float:left;}
}

.index_04{width:60%;padding:20px 20%;background:#0ae;text-align:center;}
.index_04 strong{font-size:20px;color:#FFF;line-height:40px;}
.index_04 p{font-size:16px;color:#FFF;line-height:30px;margin-bottom:20px;}
.index_04 a{font-size:16px;color:#FFF;padding:5px 10px;border:1px solid #FFF;border-radius:5px;}
.index_04 a:hover{color:#333;padding:5px 10px;border:1px solid #FFF;border-radius:5px;background:#FFF;}

.index_05{width:80%;padding:20px 10%;text-align:center;}
.index_05_up{width:100%;}
.index_05_title{width:100%;text-align:center;}
.index_05_title strong{font-size:20px;line-height:40px;}
.index_05_button{width:100%;text-align:center;padding:10px 0;}
.index_05_button ul{max-width:370px;margin:0 auto;}
.index_05_button ul li{width:45%;height:20px;padding:5px;margin:0 1px;float:left;text-align:center;border:1px solid #0ae;border-radius:5px;}
.index_05_button ul li:hover{background:#0ae;}
.index_05_button ul li a{font-size:12px;line-height:20px;color:#0ae;}
.index_05_button ul li:hover a{color:#fff;}
.index_05_down{width:100%;margin:20px 0;}
.index_05_left{width:38%;float:left;margin-right:2%;}
.index_05_left img{width:100%;}
.index_05_right{width:60%;float:left;}
.index_05_right ul li{width:48%;margin-right:2%;padding:10px 0 5px;float:left;border-bottom:1px dashed #666666;}
.index_05_right_left{width:78px;height:78px;text-align:center;float:left;background:#F6F6F6;}
.index_05_right_left strong{font-size:23px;color:#666;line-height:40px;}
.index_05_right_left span{display:block;font-size:15px;color:#666;line-height:30px;}
.index_05_right_right{width: calc(90% - 80px);padding:0 5%;text-align:left;float:left;}
.index_05_right_right span{font-size:16px;}
.index_05_right_right p{font-size:12px;color:#666;}
@media screen and (max-width:1000px){
.index_05_left{display:none;}
.index_05_right{width:100%;float:none;}
.index_05_right ul li{width:98%;margin-right:2%;padding:10px 0 5px;float:left;border-bottom:1px dashed #666666;}
.index_05_right_left{width:78px;height:78px;text-align:center;float:left;background:#F6F6F6;}
.index_05_right_left strong{font-size:23px;color:#666;line-height:40px;}
.index_05_right_left span{display:block;font-size:15px;color:#666;line-height:30px;}
.index_05_right_right{width: calc(90% - 80px);padding:0 5%;text-align:left;float:left;}
.index_05_right_right span{font-size:16px;}
.index_05_right_right p{font-size:12px;color:#666;}
}

.index_06{width:80%;padding:20px 10%;}
.index_06 ul li{width:21%;margin:10px 1%;padding:20px 1%;box-shadow:0 0 5px rgba(0,0,0,.2);text-align:center;float:left;}
.index_06 ul li .index_06_img{width:100%;height:80px;background:url(../img/5.jpg) center right no-repeat;}
.index_06 ul li .index_06_img img{width:80px;height:80px;}
.index_06 ul li strong{font-size:24px;color:#333;line-height:40px;}
.index_06 ul li p{font-size:16px;color:#666;line-height:30px;}
.index_06 ul li:hover{box-shadow:0 0 10px rgba(0,0,0,.2);}
.index_06 ul li:hover strong{color:#17a2b8;}
@media screen and (max-width:1000px){
.index_06 ul li{width:95%;margin:10px 1%;padding:20px 1%;box-shadow:0 0 5px rgba(0,0,0,.2);text-align:center;float:left;}
}

.index_07{width:80%;padding:5px 10%;margin-top:30px;background:#DBDBDB;}
.index_07 p{font-size:15px;line-height:20px;}

.footer_up{width:80%;min-height:200px;padding:20px 10%;background:#09c;}
.footer_up dl dt{width:10%;padding-right:1%;float:left;}
.footer_up dl dt a{width:100%;font-size:13px;line-height:20px;color:#FFF;margin:5px 0;display:block;}
.footer_up dl dt a:hover{background:#09F;}
.footer_up dl dt strong{font-size:13px;line-height:20px;color:#FFF;display:block;}
.footer_up dl dt img{width:100%;}
.footer_up dl dd{width:20%;padding-right:1%;float:left;}
.footer_up dl dd a{width:100%;font-size:13px;line-height:20px;color:#FFF;margin:5px 0;display:block;}
.footer_up dl dd a:hover{background:#09F;}
.footer_up dl dd .footer_up_logo{width:80%;margin-right:20%;}
.footer_up dl dd img{width:100%;}
@media screen and (max-width:1000px){
.footer_up{width:80%;min-height:350px;padding:20px 10%;background:#09c;}
.footer_up dl dt{width:20%;padding-right:1%;float:left;}
.footer_up dl dd{width:30%;padding-right:1%;float:left;}
}

.footer_down{width:80%;min-height:30px;padding:5px 10%;background:#069;text-align:center;}
.footer_down p{font-size:15px;line-height:30px;color:#FFF;}
.footer_down span{font-size:15px;line-height:30px;color:#000;}
@media screen and (max-width:1000px){
.footer_down{width:80%;min-height:30px;padding:5px 10%;background:#069;text-align:center;margin-bottom:50px;}
}

.right{width:44px;height:132px;position:fixed;bottom:300px;right:2px;z-index:333;}
.right_tel{width:44px;height:42px;margin-bottom:2px;background:#09F;position:relative;}
.right_tel:hover{width:44px;height:42px;margin-bottom:2px;background:#F00;}
.right_tel img{width:40px;height:38px;padding:2px;}
.right_tel_nr{width:200px;height:80px;padding:10px;background:#FFF;border:1px solid #999;position:absolute;right:120%;top:0;display:none;}
.right_tel_nr img{width:40px;height:40px;}
.right_tel_word{width:140px;display:inline-block;font-size:18px;}
.right_tel_word p{font-size:18px;color:#333;}
.right_tel_word span{display:block;font-size:18px;color:#F60;}
.right_tel:hover .right_tel_nr{display:block;}

.right_weixin{width:44px;height:42px;margin-bottom:2px;background:#09F;position:relative;}
.right_weixin:hover{width:44px;height:42px;margin-bottom:2px;background:#F00;}
.right_weixin img{width:40px;height:38px;padding:2px;}
.right_weixin_img{width:240px;height:240px;padding:10px;background:#FFF;border:1px solid #999;position:absolute;right:120%;top:0;display:none;}
.right_weixin_img img{width:100%;height:100%;}
.right_weixin:hover .right_weixin_img{display:block;}

.right_top{width:44px;height:42px;margin-bottom:2px;background:#09F;}
.right_top:hover{width:44px;height:42px;margin-bottom:2px;background:#F00;}
.right_top img{width:40px;height:38px;padding:2px;}
@media screen and (max-width:1000px){
.right{display:none;}
}

.down{width:80%;min-height:40px;padding:5px 10%;background:#09F;position:fixed;bottom:0;left:0;z-index:333;display:none;}
.down ul li{width:30%;padding:0 1.5%;background:#09F;float:left;text-align:center;}
.down ul li img{width:20px;height:20px;}
.down ul li p{font-size:13px;line-height:20px;color:#FFF;}
@media screen and (max-width:1000px){
.down{display:block;}
}



/*pruduct.html*/
.product_01{width:80%;padding:10px 10%;background:#F2F2F2;}
.product_01 p{font-size:14px;line-height:20px;color:#666;}

.product_02{width:80%;padding:20px 10%;text-align:center;}
.product_02_title{width:100%;height:30px;padding:10px 0;text-align:center;}
.product_02_title strong{font-size:24px;color:#333;line-height:40px;}
.product_02_nr{width:100%;padding:10px 0;text-align:center;}
.product_02_nr ul li{width:20%;margin:10px 2.5%;float:left;}
.product_02_nr ul li .product_02_nr_img{width:100%;border:1px solid #999;}
    .product_02_nr ul li .product_02_nr_img img {
        width: 60%;
        height: 80px;
        margin: 20px 20%;
        object-fit: contain;
    }
.product_02_nr ul li p{font-size:16px;line-height:20px;}
@media screen and (max-width:1000px){
.product_02_nr ul li{width:45%;margin:10px 2.5%;float:left;}
}

.product_03{width:80%;padding:10px 10%;margin:20px 0;text-align:center;}
.product_03 a{padding:10px;border:1px solid #00EA75;border-radius:5px;}
.product_03 a:hover{background:#F2F2F2;}

/*more.html*/
.more_01{width:80%;padding:10px 10%;background:#F2F2F2;}
.more_01 p{font-size:14px;line-height:20px;color:#666;}

.more_02{width:80%;padding:20px 10%;}
.more_02_title{width:100%;text-align:center;}
.more_02_title strong{font-size:24px;line-height:40px;color:#333;}
.more_02_button{width:95%;text-align:left;padding-left:5%;border-bottom:1px solid #666;}
.more_02_button span{font-size:15px;line-height:30px;padding:5px 10px;color:#333;border:1px solid #0ae;border-bottom:1px solid #FFF;border-radius:5px;}
.more_02_nr{width:80%;text-align:left;padding:10px 10%;}
.more_02_nr img{width:40%;}
.more_02_nr p{font-size:14px;line-height:20px;}
.more_02_nr_left{width:50%;float:left;text-align:left;margin-top:20px;}
.more_02_nr_left p{font-size:14px;}
.more_02_nr_right{width:50%;float:left;text-align:right;margin-top:20px;}
.more_02_nr_right p{font-size:14px;}
@media screen and (max-width:1000px){
.more_02_nr_left{width:100%;float:left;text-align:center;margin-top:10px;}
.more_02_nr_left p{font-size:14px;}
.more_02_nr_right{width:100%;float:left;text-align:center;margin-top:10px;}
.more_02_nr_right p{font-size:14px;}
}

.more_03{width:80%;padding:20px 10%;text-align:center;background:#F4F4F4;}
.more_03_title{width:100%;height:30px;padding:10px 0;text-align:center;}
.more_03_title strong{font-size:24px;color:#333;line-height:40px;}
.more_03_button{width:100%;height:30px;padding:10px 0;text-align:center;}
.more_03_button a{padding:5px 10px;color:#0ae;font-size:15px;line-height:30px;border:1px solid #0ae;border-radius:5px;}
.more_03_button a:hover{color:#FFF;background:#09c;}
.more_03_nr{width:100%;padding:10px 0;text-align:center;}
.more_03_nr ul li{width:20%;margin:10px 2.5%;float:left;}
.more_03_nr ul li .more_03_nr_img{width:100%;border:1px solid #999;}
    .more_03_nr ul li .more_03_nr_img img {
        object-fit: contain;
        height: 80px;
        width: 60%;
        margin: 20px 20%;
    }
.more_03_nr ul li p{font-size:16px;line-height:20px;}
@media screen and (max-width:1000px){
.more_03_nr ul li{width:45%;margin:10px 2.5%;float:left;}
}



/*contact.html*/
.contact_01{width:80%;padding:10px 10%;background:#F2F2F2;}
.contact_01 p{font-size:14px;line-height:20px;color:#666;}

.contact_02{width:80%;padding:20px 10%;text-align:center;}
.contact_02_title{width:100%;height:30px;padding:10px 0;text-align:center;}
.contact_02_title strong{font-size:24px;color:#333;line-height:40px;}
.contact_02_nr{width:100%;padding:10px 0;text-align:center;}
.contact_02_left{width:44%;padding:20px 2%;text-align:left;margin-right:2%;float:left;background:#EBEBEB;}
.contact_02_left p{font-size:15px;line-height:40px;color:#333;}
.contact_02_left p span{padding:0 10%;}
.contact_02_right{width:50%;float:left;}
.contact_02_right input{width:95%;display:block;height:30px;margin:15px 0;border:1px solid #999;}
.contact_02_button{width:100%;}
.contact_02_button input{width:100px;height:30px;background:#F90;color:#FFF;border:none;border-radius:5px;}
@media screen and (max-width:1000px){
.contact_02_left{width:94%;padding:20px 2%;text-align:left;margin-right:2%;float:none;background:#EBEBEB;}
.contact_02_right{width:100%;float:none;}
}



/*inside.html*/
.inside_01{width:80%;padding:10px 10%;background:#F2F2F2;}
.inside_01 p{font-size:14px;line-height:20px;color:#666;}

.inside_02{width:60%;margin:0 auto; min-height:500px;}
.inside_02_title{width:100%;min-height:30px;padding:10px 0;text-align:center;}
.inside_02_title strong{font-size:24px;color:#333;line-height:40px;}
.inside_02_nr{width:100%;padding:10px 0;text-align:center;}

