/* CSS Document */
/*@media (min-width:768px) {
	}
@media (min-width:992px){}
@media (min-width:1200px){}

@media (max-width:767px) {

	}
*/

@media all and (min-width: 1201px)  {
	
    }
@media all and (min-width: 980px) and (max-width: 1200px) {
.home{ text-align:center;   display:block;  margin:0px auto; }
.home .home-logo{ display:block; width:100%;  padding:15% 0px 0px 0px; text-align:center; margin:0px auto;}
.home .home-logo img{ text-align:center; display:block; margin:0px auto;}
.home .txt{ text-align:center; display:block; clear:both; padding-bottom:15%; margin-top:2%;}
.home .txt a{ color:#333; margin:0px 10px; text-decoration:none; background:#fff; display:inline-block; padding:3px 10px;}

.single_page{  position:relative; width:980px; margin:70px auto 0 auto; padding:0px; display:block; z-index:1;}
.single_page:after{ width:500px; border:#000 1px solid; position:absolute; content:""; top:25px; left:inherit; right:5%;  min-height:370px;}
.single_page .picture{ float:right; max-width:500px;}
.single_page .picture img{ width:100%;}
.single_page .txt_content{ float:left; max-width:400px;  min-height:inherit; height:auto; overflow:hidden; display:table-cell; vertical-align:middle; font-size:14px; line-height:26px; color:#858585; padding-left:0px; margin-top:0px;}

.new_page{  position:relative; width:980px; margin:70px auto 0 auto; padding:0px; display:block; z-index:1; overflow:hidden;}
.new_page:after{ display:none;}
.new_page .picture{ display:none;}
.new_page .txt_content{ float:inherit; display:block; width:100%; max-width:inherit; min-height:inherit;  padding:0px; margin:0px; overflow:hidden;}
.new{ z-index:99; position:relative; width:100%; margin:0px; padding:0px; min-height:inherit;}
.new li{ color:#333; font-size:14px; border-bottom:#d7d7d7 1px dotted;  padding:10px 0px;}
.new li a{ width:auto; line-height:20px; }
.new li span{ display:block;} 
.pages{ margin-top:30px;}


.Container { position: absolute;top:25px; left: 0px; width: 400px; height: 370px;background-color: #fff; z-index:999;}
#Scroller-1 {  position: absolute; overflow: hidden;width:400px; height: 370px;}
.Scroller-Container { position: absolute; top: 0px; left: 0px;  z-index:999;}
.Scrollbar-Track {width: 5px; height: 370px;position: absolute;top:25px; left: 410px; background-color: #d7d7d7;  z-index:999;}
.Scrollbar-Handle { position: absolute; top: 0px; left: 0px; width: 5px; height: 30px;background-color: #000;}
.Scroller_content{vertical-align:middle; font-size:13px; line-height:26px; color:#858585;}
.Scroller_content h3{ text-align:center; font-size:18px; color:#000; font-weight:normal; margin:0px; padding:0px;}


.product{ width:100%; margin:0px auto 0px auto; padding-top:50px;}
.product dl{ width:29.333%;  }


.new_single_page{ width:980px; margin:70px auto 0 auto;}

.new_detail{ width:960px;  margin:70px auto 0 auto; }

.partner_page{ width:980px; margin:70px auto 0 auto;}
.partner_page .picture{ float:left; max-width:500px;}
.partner_page .picture img{ width:100%;}
.partner_page .txt_content{ float:right; width:400px; min-height:inherit;  height:auto; overflow:hidden; display:table-cell; vertical-align:middle; font-size:14px; line-height:26px; color:#333; text-align:left; display:block; }


.product_new{ width:100%; margin:0px auto 0px auto; padding-top:50px;}
.product_new ul li{ float:left; width:22.5%; margin:0px 1% 2% 1%;  text-align:center;}

.wherea{ width:100%; }

    }
	
	
    @media all and (min-width: 768px) and (max-width: 979px) {
.home{ text-align:center;   display:block;  margin:0px auto; }
.home .home-logo{ display:block; width:100%;  padding:15% 0px 0px 0px; text-align:center; margin:0px auto;}
.home .home-logo img{ text-align:center; display:block; margin:0px auto;}
.home .txt{ text-align:center; display:block; clear:both; padding-bottom:15%; margin-top:2%;}
.home .txt a{ color:#333; margin:0px 10px; text-decoration:none; background:#fff; display:inline-block; padding:3px 10px;}
		
.single_page{  position:relative; width:768px; margin:70px auto 0 auto; padding:0px; display:block; z-index:1;}
.single_page:after{ width:360px; border:#000 1px solid; position:absolute; content:""; top:25px; left:inherit; right:5%;  min-height:255px;}
.single_page .picture{ float:right; max-width:360px;}
.single_page .picture img{ width:100%;}
.single_page .txt_content{ float:left; max-width:320px;  min-height:inherit; height:auto; overflow:hidden; display:table-cell; vertical-align:middle; font-size:13px; line-height:26px; color:#858585; padding-left:10px; margin-top:0px;}
.single_page .txt_content h3{ text-align:center; font-size:18px; color:#000; font-weight:normal;}


.new_page{  position:relative; width:768px; margin:70px auto 0 auto; padding:0px; height:inherit; display:block; z-index:1; overflow:hidden;}
.new_page:after{ display:none;}
.new_page .picture{ display:none;}
.new_page .txt_content{ float:inherit; display:block; width:100%; max-width:inherit; min-height:inherit;  padding:0px; margin:0px; overflow:hidden;}
.new{ z-index:99; position:relative; width:100%; margin:0px; padding:0px;}
.new li{ color:#333; font-size:14px;  border-bottom:#d7d7d7 1px dotted; height:auto; overflow:hidden; padding:10px 0px;}
.new li a{line-height:20px;   width:auto; }
.new li span{  } 
.pages{ margin-top:30px;}


.Container { position:inherit;top:25px; left: 0px; float:left; max-width:320px;  padding:0px 15px; width:auto; height:255px;background-color: #fff; z-index:999;}
#Scroller-1 {  position:inherit; overflow: hidden;width:auto; height: 255px;}
.Scroller-Container { position:inherit; top: 0px; left: 0px;  z-index:999;}
.Scrollbar-Track {  z-index:999; height:255px; top:25px; left: 350px; }
.Scroller_content{vertical-align:middle; font-size:13px; line-height:26px; color:#858585;}
.Scroller_content h3{ text-align:center; font-size:18px; color:#000; font-weight:normal;  }



.product{ width:100%; margin:0px auto 0px auto; padding-top:30px;}
.product dl{ float:left; width:46%; }


.new_single_page{width:768px; margin:70px auto 0 auto;}
.new_detail{ width:768px; margin:70px auto 0 auto;}

.partner_page{ width:768px; margin:70px auto 0 auto;}
.partner_page .picture{ float:left; width:360px;}
.partner_page .picture img{ width:100%;}
.partner_page .txt_content{ float:right; width:320px; min-height:inherit;  height:auto; overflow:hidden; display:table-cell; vertical-align:middle; font-size:14px; line-height:26px; color:#333; text-align:left; display:block; }
.partner_page .partner_ul li{ float:left; width:48%; margin-right:2%;}

.product_new{ width:100%; margin:0px auto 0px auto; padding-top:30px;}
.product_new ul li{ float:left; width:46%; margin:0px 2% 2% 2%; }

.product_list{ width:768px; margin:0px auto; margin-top:30px;}
.product_list .product_relative dl dt{ width:112px; float:left; margin:0px; padding:0px; text-align:center;}
.product_list .product_relative dl dd{ padding:0px; margin:0px; padding-top:48px; width:256px; float:right}
.product_list .product_relative dl dd a{ width:32px; display:flex; display:-webkit-flex; margin-right:10px; float:left; margin-bottom:10px;}

.product_detail{ width:768px; margin:0px auto; margin-top:30px;}
.product_other{ display:block; clear:both; width:768px; margin:0px auto;}

.wherea{ width:100%; }

    }
	
@media all and (max-width: 767px) {
/*.header{ display:block; text-align:center; padding:10px 0px;}
.home{ width:90%; margin-top:30%; }
.home .cn{   display:block; width:50%; clear:both; line-height:36px; border:#000 1px solid; padding:0px; text-align:center; margin:0px auto 20px auto;}
.home .cn a img{ width:20px; vertical-align:middle; margin-right:10%;}
.home .en{   display:block; width:50%; clear:both; line-height:36px; border:#000 1px solid; padding:0px; text-align:center; margin:20px auto 0px auto;}
.home .en a img{ width:20px; vertical-align:middle; margin-left:10%; margin-right:0px;}*/

.home .home-logo{ display:block; width:100%; padding-top:50%}
.home .home-logo img{ width:60%; margin:0px auto;}
.home .txt{ margin-top:10%; margin-bottom:20%;}

.nav{  top:60px; }
.nav ul li a{ background:#fff; text-decoration:none; display:inline-block; min-width:35px; line-height:35px;  font-size:14px; color:#858585;}
.nav ul li a.menu { background:url(../images/nav_icon.png) no-repeat center; background-size:35px 35px;}
.slider-area { width:100%; position:relative; z-index:0; margin:0 auto; padding:0px;}
.block-slider .bx-prev,.block-slider .bx-next{ display:none;}
.head_banner{ position:relative; background:url(../images/content_bg.png) repeat; text-align:center; padding:15px 0px; z-index:-1;}
.head_banner h1{ font-size:18px; color:#333; margin:0px;}
.head_banner span{  font-size:12px; }
.head_banner:after{  height:16px; bottom:-8px; }
.single_page{ width:100%; position:relative; margin:30px auto 0 auto;  display:block; z-index:-1; padding:0px;}
.single_page:after{ display:none;}
.single_page .picture{ float:none; width:100%; max-width:inherit;}
.single_page .picture img{ width:100%;  }
.single_page .txt_content{ float:none;  min-height:inherit; display:table-cell; vertical-align:middle; font-size:14px; line-height:26px; color:#858585; padding:0px 15px; max-width:inherit;  margin:0px auto;}


.new_page{  position:relative; width:90%; margin:0 5%; padding:0px; display:block; z-index:1; overflow:hidden;}
.new_page:after{ display:none;}
.new_page .picture{ display:none;}
.new_page .txt_content{ float:inherit; display:block; width:100%; max-width:inherit; min-height:inherit;  padding:0px; margin:0px; overflow:hidden;}
.new{ z-index:99; position:relative; width:100%; margin:30px 0px 0px 0px; padding:0px; min-height:inherit;}
.new li{ color:#333; font-size:14px; line-height:20px; border-bottom:#d7d7d7 1px dotted; height:auto; overflow:hidden; padding:10px 0px;}
.new li a{ float:inherit;  width:100%; display:block;}
.new li span{ float:inherit;  width:100%; } 
.pages{ margin-top:30px;}

.Container { position:inherit;top:0px; left: 0px;  padding:0px 15px; width:auto; height:auto;background-color: #fff; z-index:999;}
#Scroller-1 {  position:inherit; overflow: hidden;width:auto; height: auto;}
.Scroller-Container { position:inherit; top: 0px; left: 0px;  z-index:999;}
.Scrollbar-Track {  z-index:999; display:none;}
.Scroller_content{vertical-align:middle; font-size:13px; line-height:26px; color:#858585;}
.Scroller_content h3{ text-align:center; font-size:18px; color:#000; font-weight:normal; margin-top:20px; }




.footer{ width:90%; text-align:center; margin:35px auto 0px auto; line-height:20px;}
.product{ width:90%; margin:0px auto 0px auto; padding-top:30px;}
.product dl{ float:inherit; width:100%; display:block; overflow:hidden; margin:0px 0px 5% 0px; border:#d7d7d7 1px solid; }
.product dl a{ display:block;}
.product dl dt{ width:100%; border:none;}
.product dl dt:after{ display:none;}
.product dl dd{ width:100%; border:none}	
.product dl dd h4{ margin-top:20px; margin-bottom:10px;}
.product dl dd h4 span{ transform:none; -webkit-transform:none; -moz-transform:none; font-size:14px;}
.product dl dd .btn{ margin-top:0px; margin-bottom:20px;}
.product_nav{ display:block; width:100%; text-align:center; background:#fff; padding:0px 0px; position:relative; transition:all .5s linear; -webkit-transition:all .5s linear; -moz-transition:all .5s linear;}


.new_single_page{width:90%; position:relative; margin:30px auto 0 auto;  display:block; z-index:-1; padding:0px;}
.new_detail{ width:90%; margin:30px auto 0 auto;}

.partner_page{ width:90%; position:relative; margin:30px auto 0 auto;}
.partner_page .picture{ float:none; width:100%; max-width:inherit;}
.partner_page .picture img{ width:100%;}
.partner_page .txt_content{ float:none; width:100%; min-height:inherit;  height:auto; overflow:hidden; display:table-cell; vertical-align:middle; font-size:14px; line-height:26px; color:#333; text-align:left; display:block; }
.partner_page .partner_ul li{ float:left; width:48%; margin-right:2%;}


.product_new{ width:90%; margin:0px auto 0px auto; padding-top:30px;}
.product_new ul li{ float:none; width:100%; margin:0px 0px 5% 0px; }

.product_list{ width:90%; margin:0px auto; margin-top:30px;}
.product_list .product_section{ width:100%; float:none;}
.product_list .product_relative{ float:none; width:100%;}
.product_list .product_relative dl{ margin:0px;  margin-bottom:20px; display:block; clear:both;}
.product_list .product_relative dl dt{ width:30%; float:left; margin:0px; padding:0px; text-align:center;}
.product_list .product_relative dl dd{ padding:0px; margin:0px; width:68%; float:right}
.product_list .product_relative dl dd a{ width:14.66%; display:flex; display:-webkit-flex; margin-right:1.5%; float:left; margin-bottom:10px;}
.product_list .product_relative dl dd a img{ width:100%;}

.product_detail{ width:90%; margin:0px auto; margin-top:30px;}
.product_detail .product_picture{ width:100%; float:none; text-align:center;}
.product_detail .product_picture ul{ padding:0; margin:0;}
.product_detail .product_picture img{ width:100%; display:inline;}
.product_detail .product_intro{ float:none; width:100%;}
.product_detail .product_intro h2{ font-size:14px; color:#333; margin:0px; padding:0px; margin-bottom:15px; margin-top:15px; text-align:center;}
.product_detail .product_intro p{ margin:0px; padding:0px; line-height:30px; color:#333; }

.product_other{ display:block; clear:both; width:90%; margin:20px auto 0px auto;}
.product_other h3{ font-size:14px; color:#333; text-align:center; }
.product_other ul{ margin:0px; padding:0px;  margin-left:-1%;}
.product_other ul li{ float:left; width:30%; margin:0px 2% 2% 1%;}
.product_other ul li img{ width:100%; display:block;}

.wherea{ width:90%;     padding-left:0px;}
    }
	
@media all and (min-width: 360px) and (max-width: 480px) {
}