@charset "UTF-8";
/* header */
.header{position:relative;height:50px;background:#FFFFFF;}
.header .logo{display:block;width:160px;height:31px;padding:10px 0 0 10px;}
.header .logo img{display:block;width:100%;}



.header .back{position:absolute;top:0;left:0;display:block;width:50px;height:50px;text-indent:-9999em;background:url(../images/icon-back.png) no-repeat center center;background-size:12px 20px;}

@media (min-width:641px){body{width:640px;margin:auto;}}


.banner{background:url(../images/bg.png) no-repeat; width:100%; background-size:100% 100%; }
.banner_box{width:100%; margin:0 auto;}
#focus{ overflow:hidden;}
#focus ul{ float:left;}
#focus li{ width:100%; float:left;}
#focus li img{ width:100%}





.swiper-container {width: 100%;height: 100%;    margin: 0 auto;  position: relative;  overflow: hidden;  z-index: 1;}
.swiper-container-vertical>.swiper-wrapper {  -webkit-box-orient: vertical;  -moz-box-orient: vertical;  -ms-flex-direction: column;  -webkit-flex-direction: column;  flex-direction: column;  }
.swiper-wrapper {  position: relative;  width: 100%;  height: 100%;  z-index: 1;  display: -webkit-box;  display: -moz-box;  display: -ms-flexbox;  display: -webkit-flex;  display: flex;  -webkit-transition-property: -webkit-transform;  -moz-transition-property: -moz-transform;  -o-transition-property: -o-transform;  -ms-transition-property: -ms-transform;  transition-property: transform;  -webkit-box-sizing: content-box;  -moz-box-sizing: content-box;  box-sizing: content-box;  }
.swiper-slide {background:#ffffff;flex-shrink: 0;  width: 100%;  height: 100%;  position: relative;  }
.swiper-container-vertical>.swiper-pagination {  right: 5px;  top: 50%;  -webkit-transform: translate3d(0,-50%,0);  -moz-transform: translate3d(0,-50%,0);  -o-transform: translate(0,-50%);  -ms-transform: translate3d(0,-50%,0);  transform: translate3d(0,-50%,0);  }
.swiper-pagination {position: relative;margin: -20px auto 0px;  text-align: center;  -webkit-transition: .3s;  -moz-transition: .3s;  -o-transition: .3s;  transition: .3s;  -webkit-transform: translate3d(0,0,0);  -ms-transform: translate3d(0,0,0);  -o-transform: translate3d(0,0,0);  transform: translate3d(0,0,0);  z-index: 10;  }
.swiper-container-vertical>.swiper-pagination .swiper-pagination-bullet {  margin: 5px 0;  display: block;  }
.swiper-pagination-clickable .swiper-pagination-bullet {  cursor: pointer;  }
.swiper-pagination-bullet { margin: 3px; width: 8px;  height: 8px;  display: inline-block;  border-radius: 100%;  background: #000;  opacity: .2;  }
.swiper-pagination-bullet-active {opacity: 1;background:#002978;  }

.swiper-container2 {width: 100%;height: auto;    margin: 0px;  position: relative;  overflow: hidden;  z-index: 1;}
.swiper-container2 .swiper-slide .onpiece{margin:0px;}
.swiper-container2 .swiper-slide .onpiece img{width:100%;height:auto;}
/**/
.downjt{position: absolute; z-index: 20; bottom: 0px; left: 43%;width: 50px;}
.downjt img{width:100%;}


.index_about{width:90%; margin:0 auto; padding-top:2rem;}
.index_about_title{font-size:1.4rem; color:#002978;line-height:2.2rem; text-align:center; margin-bottom:0.5rem;}
.index_about_text{text-align:center; margin-top:1rem; color:#333333; font-size:1rem; line-height:1.8rem;}
a.button01{width:8rem; height:2rem; text-align:center; line-height:2rem; color:#ffffff; font-size:0.9rem; background:#00CC99; display:block; margin:2rem auto;}

.index_banner{background:url(../images/bg.jpg) no-repeat; width:100%; display:block; color:#ffffff; text-align:center; line-height:1.4rem; font-size:1rem; padding-top:2rem; padding-bottom:0.5rem;}
.index_banner_cn{margin-bottom:2rem;}

a.index_grey{background:#F0F0F0; text-align:center; height:3rem; line-height:3rem; font-size:1rem; display:block; color:#333333;}
.index_product ul{margin-top:2rem;}
.index_product ul li{width:45%; float:left;  margin-right:2%; margin-left:2%; margin-bottom:2rem; position:relative}
.bg_text{width:95%; background:url(../images/sha.png)  repeat-x; color:#ffffff; position:absolute; z-index:99; padding-top:2rem; padding-left:3%; padding-right:2%; padding-bottom:3rem;}
.bg_text .t1{font-size:1.4rem;}
.bg_text .t2{margin-bottom:0.5rem;}
.bg_text .t3{font-size:0.9rem; }
.index_product ul li a{color:#ffffff;}


.footer{border-top:3px solid #002978; background:#00CC99; text-align:center; color:#ffffff; padding-top:1rem; padding-bottom:1rem; font-size:0.9rem; line-height:1.4rem;}
.footer p{margin-top:0.5rem;}


.page{width:95%; margin:0 auto; padding-top:2rem; padding-bottom:2rem;}
.page_title{border-top:1px solid #002978;  margin-bottom:1rem;}
.page_title span{border-top:3px solid #002978; font-size:1.2rem; font-weight:bold; color:#002978;  padding-top:0.5rem; padding-bottom:0.5rem; display:inline-block;}
.page_p{font-size:1rem; color:#333333; line-height:2rem;}

.map{width:100%;height:35rem;}

.product_list li{width:45%; float:left; margin-left:2%; margin-right:2%; margin-bottom:2rem;}
.product_list li img{width:100%;}
.product_list li p{height:2.4rem; line-height:2.4rem; background:#01479D; color:#ffffff; font-size:0.95rem; padding-left:0.5rem;}
.product_list li a{color:#ffffff;}

.prolist li{width:45%; float:left; margin-left:2%; margin-right:2%; margin-bottom:0.5rem;}
.prolist li img{width:100%; border:1px solid #002978; }
.prolist li p{height:2.4rem; line-height:2.4rem; color:#00CC99; font-size:0.95rem; }
.prolist li a{color:#00CC99;}

.productxx_title{ height:2.8rem; line-height:2.8rem; color:#ffffff; fotn-size:1rem; background:#00CC99; border-radius:0.3rem; padding-left:0.5rem; font-weight:bold; margin-bottom:2rem;}
.proxx_p{ text-indent:2rem; line-height:2rem; color:#333333; margin-top:1rem}

.proxxt{font-weight:bold; line-height:3rem;}
.tCpflNc table { background: #e9f6fe; border-top: 1px solid #87acd6; border-left: 1px solid #87acd6; color: #303135; width:100%; font-size:1rem; }
.tCpflNc table tr td { height:2rem; border-right: 1px solid #87acd6; border-bottom: 1px solid #87acd6; padding-left: 10px; }

a.button02{width:50%; height:2.2rem; line-height:2.2rem; text-align:center; border:2px solid #2999E5; color:#2999E5; display:block; margin:2rem auto;}
a.button02:hover{background:#2999E5; color:#ffffff;}
a.button02:active{background:#2999E5; color:#ffffff;}

.page_bottom{border-top:1px solid #F0F0F0; margin-top:1rem; padding-top:0.5rem;}
.page_bottom ul li{line-height:2rem; font-size:0.9rem;}
.page_bottom ul li a{color:#333333;}


.sizelist li{width:42%; float:left; margin-left:4%; margin-right:4%; margin-bottom:0.5rem;}
.sizelist li img{width:100%; border:1px solid #002978; }
.sizelist li p{height:2.4rem; line-height:2.4rem; color:#00CC99; font-size:0.95rem; }
.sizelist li a{color:#00CC99;}
.size_bottom a{width:40%; height:2.4rem; line-height:2.4rem; text-align:center;margin-right:4%; margin-left:4%; display:block; border:1px solid #cccccc; color:#333333;}
.size_bottom a:hover{background:#00CC99; color:#ffffff;border:1px solid #00CC99;}
.size_bottom a:active{background:#00CC99; color:#ffffff;border:1px solid #00CC99;}

.field_img{margin-top:2rem; margin-bottom:2rem;}

.datalist{margin-bottom:2rem;}
.datalist li{line-height:3rem; line-height:3rem; border-bottom:1px dotted #2999E5; list-style: square inside none; color:#2999E5; overflow:hidden; text-overflow:ellipsis;white-space:nowrap; width:100%;}
.datalist li a{color:#2999E5;}

.news_title{ text-align:center; font-weight:bold; color:#333333; background:#E9F6FE; border-top:1px solid #85A5CE; font-size:1.2rem; height:3rem; line-height:3rem;}
.news_time{text-align:center; color:#cccccc; font-size:0.9rem; line-height:2rem;}

.downr{width:50%;}
.downl{width:50%;}
.downl img{width:90%;}
.downr_title{color:#00CC99; font-weight:bold; height:3rem; line-height:3rem; border-bottom:1px solid #01479D; font-size:1.2rem; margin-bottom:1rem;}
.downrlist li{line-height:2rem; font-size:0.9rem; color:#333333;}
a.button03{background:#D02B2B; color:#ffffff; border-radius:0.3rem; height:2.4rem; line-height:2.4rem; display:block; text-align:center;}
.downa{width:20%;}
.downa img{width:60%;}
.downb{width:80%;}
.table01{margin-top:1rem;}

.contact_box{border-top:1px solid #85A5CE; border-bottom:1px solid #85A5CE; padding-top:1rem; padding-bottom:1rem; margin-top:2rem;}
.contactbox_title{color:#01479D; font-size:1.6rem; line-height:2.4rem; margin-bottom:1rem;}
.contactbox_title span{font-weight:bold;}
.contact_gong{font-weight:bold; font-size:1.2rem; line-height:2rem; }
.contact_box ul li{line-height:2rem;}
@media (max-width:540px){

	}

@media (max-width:414px){
.page{width:92%; }
.page_title span{font-size:1.0rem;}
.page_title{margin-bottom:0.5rem;}
.page img{width:96%! important;height: auto! important;}
.page_p{font-size:0.9rem;  line-height:1.8rem;}
.page_p img{width:96%! important;height: auto! important;}
.map{height:25rem;}
.contact_box{padding-top:0.5rem; padding-bottom:0.5rem; margin-top:2rem;}
.contactbox_title{font-size:1.4rem; line-height:2.2rem; margin-bottom:1rem;}
.contact_gong{ font-size:1.0rem; line-height:2rem; }
.contact_box ul li{line-height:1.8rem; font-size:0.9rem;}
.datalist li{line-height:2.4rem; line-height:2.4rem; font-size:0.95rem; }
.page_bottom ul li{line-height:1.8rem; font-size:0.85rem;}
.downl img{width:90%;}
.downr_title{ height:2.4rem; line-height:2.4rem;font-size:1.1rem; margin-bottom:0.5rem;}
.downrlist li{line-height:1.8rem; font-size:0.85rem;}
a.button03{ border-radius:0.2rem; height:2.0rem; line-height:2.0rem;  font-size:0.9rem;}
.downa{width:30%;}
.downa img{width:50%;}
.downb{width:70%;}
.index_about_title{font-size:1.2rem; line-height:2.0rem;margin-bottom:0.5rem;}
.index_about_text{ margin-top:1rem;  font-size:0.9rem; line-height:1.6rem;}
a.button01{width:7rem; height:1.8rem;  line-height:1.8rem; font-size:0.8rem; margin:1rem auto;}
.index_banner_cn{margin-bottom:1rem;}
.index_banner{ line-height:1.2rem;  font-size:0.9rem; padding-top:1.5rem; padding-bottom:0.5rem;}
a.index_grey{ height:2.4rem; line-height:2.4rem; font-size:0.9rem;}
.index_product ul{margin-top:1rem;}
.index_product ul li{width:46%;   margin-right:2%; margin-left:2%; margin-bottom:1.0rem; }
.bg_text{width:95%; background:url(../images/sha2.png)  repeat-x;  padding-top:1rem; padding-left:3%; padding-right:2%; padding-bottom:3rem;}
.bg_text .t1{font-size:1.2rem;}
.bg_text .t2{margin-bottom:0.5rem; font-size:0.9rem;}
.bg_text .t3{font-size:0.8rem; }
.index_about{padding-top:1.5rem;}
.size_bottom a{width:40%; height:2.2rem; line-height:2.2rem; font-size:0.9rem;}
.news_title{ font-size:1.1rem; height:3rem; line-height:3rem;}
.product_list li{width:46%; float:left; margin-left:2%; margin-right:2%; margin-bottom:1.0rem;}
.product_list li p{height:2.2rem; line-height:2.2rem;  font-size:0.90rem; padding-left:0.5rem;}
.prolist li{width:46%; float:left; margin-left:2%; margin-right:2%; margin-bottom:0.5rem;}
.prolist li p{height:2.2rem; line-height:2.2rem;  font-size:0.90rem;}
.tCpflNc table { font-size:0.9rem; }
.proxx_p{margin-top:0.5rem; font-size:0.9rem; line-height:1.6rem;}
.productxx_title{ height:2.4rem; line-height:2.4rem; fotn-size:1rem; border-radius:0.2rem; padding-left:0.5rem; margin-bottom:1rem;}
.proxxt{font-size:0.95rem; line-height:2rem;}
a.button02{width:50%; height:2.0rem; line-height:2.0rem;  margin:1rem auto; font-size:0.9rem;}
	}


@media (max-width:375px){
.index_about{padding-top:1.0rem;}
.footer{font-size:0.8rem; line-height:1.2rem;}
.contactbox_title{font-size:1.2rem; line-height:2.0rem; margin-bottom:0.5rem;}
.contact_gong{ font-size:1.0rem; line-height:2rem; }
.contact_box ul li{line-height:1.6rem; font-size:0.85rem;}
.datalist li{line-height:2.4rem; line-height:2.4rem; font-size:0.90rem; }
.page_bottom ul li{line-height:1.6rem; font-size:0.80rem;}
.index_about_title{font-size:1.1rem; line-height:1.8rem;margin-bottom:0.5rem;}
.size_bottom a{width:40%; height:2.0rem; line-height:2.0rem; font-size:0.8rem;}
.news_title{font-size: 1rem;
    height: 3.4rem;
    line-height: 1.5;}
.product_list li p{height:2.0rem; line-height:2.0rem;  font-size:0.80rem; padding-left:0.3rem;}
.prolist li p{height:2.0rem; line-height:2.0rem;  font-size:0.80rem;}
.productxx_title{ height:2.4rem; line-height:2.4rem; fotn-size:0.9rem; border-radius:0.2rem; padding-left:0.5rem; margin-bottom:1rem;}
.proxxt{font-size:0.90rem; line-height:1.8rem;}
a.button02{width:50%; height:1.8rem; line-height:1.8rem;  margin:1rem auto; font-size:0.85rem;}
.tCpflNc table { font-size:0.85rem; }
.sizelist li p{height:2.0rem; line-height:2.0rem; font-size:0.90rem; }
	}

@media (max-width:360px){
.contact_box ul li{line-height:1.6rem; font-size:0.80rem;}	
.map{height:20rem;}	
.page_bottom ul li{line-height:1.4rem; font-size:0.75rem;}
a.button03{ height:1.8rem; line-height:1.8rem; font-size:0.8rem;}
.downa{width:30%;}
.downa img{width:50%;}
.downb{width:70%;}
.table01{margin-top:0.5rem;}
.downrlist li{line-height:1.6rem; font-size:0.8rem;}
.downr_title{ height:2.2rem; line-height:2.2rem;font-size:1.0rem; margin-bottom:0.5rem;}
.index_about_title{font-size:1.0rem; line-height:1.6rem;margin-bottom:0.3rem;}
.index_about_text{ margin-top:0.5rem;  font-size:0.8rem; line-height:1.4rem;}
a.button01{width:6rem; height:1.6rem;  line-height:1.6rem; font-size:0.7rem; margin:0.8rem auto;}
.index_banner_cn{margin-bottom:0.5rem; font-size:0.8rem;}
a.index_grey{ height:2.2rem; line-height:2.2rem; font-size:0.8rem;}
.bg_text{width:95%; background:url(../images/sha3.png)  repeat-x;  padding-top:1rem; padding-left:3%; padding-right:2%; padding-bottom:3rem;}
.bg_text .t1{font-size:1.1rem;}
.bg_text .t2{margin-bottom:0.5rem; font-size:0.8rem;}
.bg_text .t3{font-size:0.7rem; }
.index_about{padding-top:1.0rem;}
.datalist li{font-size:0.8rem;}
.product_list li p{height:1.8rem; line-height:1.8rem;  font-size:0.70rem; padding-left:0.3rem;}
.prolist li p{height:1.8rem; line-height:1.8rem;  font-size:0.70rem;}
.productxx_title{ height:2.2rem; line-height:2.2rem; fotn-size:0.85rem; border-radius:0.2rem; padding-left:0.5rem; margin-bottom:1rem;}
.proxxt{font-size:0.85rem; line-height:1.7rem;}
a.button02{width:50%; height:1.7rem; line-height:1.7rem;  margin:1rem auto; font-size:0.80rem;}
.tCpflNc table { font-size:0.80rem; }
.sizelist li p{height:1.8rem; line-height:1.8rem; font-size:0.90rem; }
	}

@media (max-width:320px){
.page_p{font-size:0.8rem;  line-height:1.6rem;}
.footer{font-size:0.6rem; line-height:1.0rem;}
.contactbox_title{font-size:1.1rem; line-height:2.0rem; margin-bottom:0rem;}
.contact_gong{ font-size:0.95rem; line-height:1.8rem; }
.contact_box ul li{line-height:1.4rem; font-size:0.75rem;}
.datalist li{line-height:2.2rem; line-height:2.2rem; font-size:0.85rem; }
.page_title span{font-size:0.95rem;}
.page_bottom ul li{line-height:1.4rem; font-size:0.60rem;}
.downrlist li{line-height:1.4rem; font-size:0.7rem;}
a.button03{ height:1.6rem; line-height:1.6rem; font-size:0.7rem;}
.bg_text{width:95%; background:url(../images/sha4.png)  repeat-x;  padding-top:0.5rem; padding-left:3%; padding-right:2%; padding-bottom:3rem;}
.bg_text .t1{font-size:1.0rem;}
.bg_text .t2{margin-bottom:0.5rem; font-size:0.7rem;}
.bg_text .t3{font-size:0.6rem; }
.index_about{padding-top:1.0rem;}
.size_bottom a{width:40%; height:1.8rem; line-height:1.8rem; font-size:0.7rem;}
.news_title{ font-size:0.9rem; height:2.2rem; line-height:2.2rem;}
.product_list li p{height:1.6rem; line-height:1.6rem;  font-size:0.60rem; padding-left:0.3rem;}
.prolist li p{height:1.6rem; line-height:1.6rem;  font-size:0.60rem;}
.productxx_title{ height:2.0rem; line-height:2.0rem; fotn-size:0.8rem; border-radius:0.2rem; padding-left:0.5rem; margin-bottom:1rem;}
.proxxt{font-size:0.80rem; line-height:1.6rem;}
a.button02{width:50%; height:1.6rem; line-height:1.6rem;  margin:1rem auto; font-size:0.70rem;}
.tCpflNc table { font-size:0.7rem; }
.sizelist li p{height:1.6rem; line-height:1.6rem; font-size:0.80rem; }
	}