html,
body,
div,
p,
ul,
li,
ol,
dl,
dt,
dd,
form,
input,
textarea,
table,
tr,
td,
img,
a,
span,
em{
	margin:0;
	padding:0;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}

h1,
h2,
h3,
h4,
h5,
h6{
	font-weight:normal;
	padding:0;
	margin:0;
}

html,
body{
	width:100%;
	height:100%;
}

body{
	font-family:"微软雅黑",Arial, Helvetica, sans-serif;
   	font-size:16px;
   	font-size:.75em;
   	background:#fff;
}

input,
select,
option,
textarea {
	border: none;
	outline: none;
}

img {
	border: none;
}

a,
a:hover ,
a:active,
a:visited,
a:link{
	text-decoration: none;
	outline: 0;
}

li{
	list-style:none;
}

.left{
	float:left;
}

.right{
	float:right;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

.clear {
	clear: both;
	height: 0px;
	line-height: 0px;
	overflow: hidden;
}

.none{
	display:none;
}

.block{
	display:block;
}

.w{
	width:1204px;
	margin:0 auto;
}


/****header****/

/*head*/
.head{
	position:fixed;
	top:0;
	left:0;
	right:0;
	background:rgba(255,255,255,0.7);
	padding:6px 0 12px;
	z-index:9999;
}

.head h1{
	width:12.7%;
	margin-left:3px;
	margin-right:20.9%;
}

.head h1 img{
	
	height:auto;
}

.nav{
	padding-top:15px;
}

.nav>ul>li{
	position:relative;
	float:left;
}

.nav>ul>li>a{
	display: block;
	padding:0 22px 0 21px;
	line-height:30px;
	font-size:12px;
	color:#000002;
}

.nav>ul>li.hover>a,
.nav>ul>li:hover>a{
	background:#d9a701;
	color:#fff;
	border-radius:3px;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
}

.nav>ul>li .twonav{
	position:absolute;
	top:30px;
	left:-50px;
	right:0;
	width:200px;
	padding:10px 0px;
	text-align: center;
	border-radius:3px;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	background:rgba(255,255,255,0.9);
	display: none;
	margin-right:13px;
}

.nav>ul>li .twonav li a{
	display: block;
	line-height:26px;
	color:#000002;
}

.nav>ul>li .twonav li a:hover{
	color:#fff;
	background:#d9a701;
}

.nav>ul>li:hover .twonav{
	display: block;
}

.language{
	margin-right:4px;
	padding-top:16px;
}

.language img{
	display: inline-block;
}
.language img:first-child{
	margin-right:18px;
}




/*.phone-head .menubtn{
	position:relative;
}*/

.phone-head .menubtn > span {
    display: inline-block;
    height: 40px;
    margin-right: 20px;
    background:#009aea url(../images/navbg.png) no-repeat;
    background-size: 50%;
    background-position: 50%;
    width:41px;
}

.phone-head .mask-close{
	background:rgb(0, 154,234) none repeat scroll 50% 50% / auto padding-box border-box;
	cursor: pointer;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    color: #fff;
    text-align: center;
    font-size: 16px;
    position: absolute;
    top: 2px;
    right: 2px;
    height: 21px;
    line-height: 21px;
    width: 21px;
    overflow: hidden;
}


.maskbg{
	width:100%;
	height:1300px;
	background:rgba(255,255,255,.9);
}

.phone_nav{
	position: absolute;
	top:21px;
	left:0;
	right:0;
	width:100%;
	background:rgba(255,255,255,.9);
}


.phone_nav ul>li {
    background-position: center center;
    border-bottom: 1px solid #ccc;
    /*height:40px;*/
    line-height: 40px;
    padding: 0px 17px;
    color: #009aea;
    font-size: 16px;
}

.phone_nav ul>li>a {
    display: inline-block;
    width:100%;
    height:100%;
    color: #009aea;
    font-size: 16px;
}

.phone_nav ul>li ol{
	display:none;
}

.phone_nav ul>li ol li{
    background-position: center center;
    height:30px;
    line-height: 30px;
    padding: 0px 17px;
}

.phone_nav ul>li ol li a {
    display: inline-block;
    width:100%;
    height:100%;
    color: #009aea;
    font-size: 14px;
}








/*banner*/

.in-banner{
	overflow:hidden;
}

.in-banner .swiper-slide img{
	width:100%;
	height:auto;
}

.in-banner .swiper-pagination-bullet {
	width: 12px;
	height: 12px;
	display: inline-block;
	border-radius: 100%;
	border:1px solid #d9a701;
	opacity: 1;
	background:none;
}

.swiper-pagination-bullet-active {
	opacity: 1;
	background: #d9a701!important;
}


.in-banner .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
	margin: 0 7px
}

/****footer****/
.footer{
	background:url(../images/footer-bg.jpg) no-repeat center;
	background-size:auto 100%;
	padding-top:45px;
}

.footer_top{
	padding-bottom:24px;
	/*background:#111113;*/
	margin-left:70px;
}

.foot_top dl{
	float:left;
	/*margin-right:166px;*/
	min-width:250px;
}

.foot_top dl dt{
	color:#fff;
	font-size:15px;
	margin-bottom:28px;
}

.foot_top dl dd{
	font-size:11px;
	margin-bottom:17px;
	color:#cbcbcd;
}

.foot_top dl dd a{
	font-size:11px;
	color:#cbcbcd;
}

.foot_top dl dd a:hover{
	color:#d9a701;
}

.ma-img{
	margin-right:40px;
	margin-bottom:27px;
	margin-left:40px;
}

.ma-img p{
	color:#fff;
	font-size:15px;
	margin-bottom:28px;
}

.ma-link a img{
	display: inline-block;
	margin-right:12px;
}

.ma-link a:last-child img{
	margin-right:0px;
}

.footer_bot{
	/*background:#131315;*/
	padding:21px 0;
	text-align: center;
	font-size:12px;
	color:#fff;
}

.ma{
	margin-right:54px;
}

/***neiye***/

.ny_banner{
	height:480px;
	background:url(../images/ny_banner.jpg) no-repeat center;
	background-size:auto 100%;
}

.ny_nav{
	width:28%;
}

.ny_main{
	width:71%;
	padding-top:19px;
}

.ny_nav1{
	margin-bottom:16px;
}

.ny_nav1_title{
	background:#d9a701;
	height:63px;
	padding:5px 0 11px 16px;
	border-radius:3px;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	color:#fff;
}

.ny_nav1_title .ny_nav1_t1{
	font-size:41px;
	font-weight:bold;
	margin-right:5px;
}

.ny_nav1_title .ny_nav1_t2{
	font-size:18px;
	margin-top:7px;
	font-weight:bold;
}

.ny_nav1_title .ny_nav1_t2 span{
	display: block;
	font-style:normal;
	font-weight:normal;
	font-size:10px;
}

.ny_nav1_main{
	border:1px solid #e0e0e0;
	border-top:0;
}

.ny_nav1_main li{
	height:41px;
	line-height:41px;
	background:url(../images/ny_nav2.jpg) no-repeat center;
	background-size:100% 100%;
	border-bottom:1px solid #d5d5d5;
	padding-left:40px;	
}


.ny_nav1_main li a{
	display: block;
	width:100%;
	height:100%;
	color:#020202;
	font-size:15px;
}

.ny_nav1_main li.ny_nav_on,
.ny_nav1_main li:hover{
	background:url(../images/ny_nav1.jpg) no-repeat center;
	background-size:100% 100%;
}

.ny_nav1_main li.ny_nav_on a,
.ny_nav1_main li:hover a{
	color:#d9a701;
}

.ny_nav2_main{
	border:1px solid #e6e6e6;
	background:#f4f4f6;
	padding:22px 12px 16px 12px;
	 word-break:break-all;
}

.ny_nav2_main p{
	color:#000000;
	font-size:12px;
	margin-bottom:16px;
}

.ny_main_title{
	padding-bottom:12px;
	border-bottom:1px solid #d9a701;
	margin-bottom:22px;
}

.ny_main_title h3{
	font-size:22px;
	color:#d9a701;
}

.ny_main_title div{
	color:#4D4D4D;
	font-size:12px;
	margin-top:9px;
}

.ny_main_title div a{
	color:#4D4D4D;
	margin-right:3px;
}

.ny_main_title div a:hover{
	color:#d9a701;
}


.phone_ny_nav{
	overflow: hidden;
}
.category {
  position: relative;
  overflow: hidden;
  min-width: 100%;
  height: 48px;
  margin-bottom: 16px;
  display: none;
}
.category ul {
  position: absolute;
  left: 0;
  overflow: hidden;
  margin: 0;
  padding: 0;
  white-space: nowrap;
}
.category li {
  line-height: 48px;
  position: relative;
  display: inline-block;
  overflow: hidden;
  height: 48px;
  list-style: none;
}
.category li a {
  font-size: 1rem;
  font-weight: bold;
  display: block;
  padding: 0 10px;
  text-decoration: none;
  color: #333;
}
.category li.active a {
  color: #3d85b9;
}
.category li.active::after {
  position: absolute;
  bottom: 0;
  left: 50%;
  width: 0;
  height: 0;
  margin-left: -8px;
  content: '';
  border: 8px solid #fff;
  border-width: 0 8px 8px 8px;
  border-color: #fff transparent;
}
.category li.active a {
  color: #3d85b9;
}







/****index****/

.in-main1{
	padding-top:59px;
	margin-bottom:29px;
}

.in-m1-title{
	text-align: center;
}

.in-m1-title h2{
	font-style:normal;
	padding-top:14px;
	background:url(../images/in-m-title.jpg) no-repeat center top;
	font-size:17px;
	color:#656565;
	margin-bottom:20px;
}

.in-m1-title h4{
	font-style:normal;
	background:url(../images/in-m-title2.jpg) no-repeat center;
	font-size:11px;
	color:#666666;
	margin-bottom:61px;
}

.in-pro-nav{
	margin-bottom:30px;
}

.in-pro-nav li{
	float:left;
	/*width:8.9%;*/
	width:20%;
	text-align: center;
	line-height:41px;
	margin-right:1%;
}

.in-pro-nav li a{
	display: block;
	/*width:100%;*/
	padding:0 4%;
	height:100%;
	color:#333333;
	font-size:12px;
	border:1px solid #c6c6c6;
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	background:#f3f3f3;
}


.in-pro-nav li a:hover{
	background:#d9a701;
	color:#fff;
}
.in-pro-nav li.hover a{
	background:#d9a701;
	color:#fff;

}
.in_pro_more li{
	float:left;
	position:relative;
	width:17.85%;
	margin-bottom:31px;
	margin-right:2.65%;
}	

.in_pro_more li:nth-child(5n){
	margin-right:0;
}	
	
.in_pro_more li p{
	color:#333333;
	position: absolute;
	bottom:0;
	left:0;
	right:0;
	text-align: center;
	background:rgba(255,255,255,.7);
	padding:6px 0;
	font-size:11px;
}

.in_pro_more li:hover p{
	background:rgba(217,167,1,.7);
	color:#fff;
}

.in_pro_more li img{
	width:100%;
	height:auto;
	border:solid 1px #c6c6c6;
}


.in_sec2{
	padding:73px 0 72px;
	background:url(../images/in-m2-bg.jpg) no-repeat center;
	background-size:auto 100%;
	margin-bottom:59px;
}


.in_m2_img,
.in_m2_main{
	width:50%;
}

.in_m2_img img{
	width:100%;
	height:auto;
}

.in_m2_main{
	padding:78px 71px 47px 56px;
	background:#fff;
	min-height:469px;
	
}

.in_m2_main h4{
	text-align: center;
	font-size:19px;
	color:#000000;
}

.in_m2_main ul{
	text-align: center;
	margin:31px 0 20px;
}

.in_m2_main ul li{
	display: inline-block;
	margin:0 30px;
	padding-top:48px;
	min-width:32px;
	color:#1a1a1a;
	font-size:11px;
}

.in_m2_main ul li:nth-child(1){
	background:url(../images/in_m21.jpg) no-repeat center top;
}

.in_m2_main ul li:nth-child(2){
	background:url(../images/in_m22.jpg) no-repeat center 3px;
}

.in_m2_main ul li:nth-child(3){
	background:url(../images/in_m23.jpg) no-repeat center 4px;
}

.in_m2_main p{
	text-indent:2em;
	font-size:12px;
	color:#4d4d4d;
	line-height:28px;
}

.in_m2_main a{
	display: block;
	margin-top:27px;
	float:right;
	width:181px;
	height:47px;
	background:url(../images/in_m2_go.jpg) no-repeat center;
	background-size:auto 100%;
	padding-left:32px;
	line-height:47px;
	color:#000;
	font-size:12px;
}

.in_m2_main a:hover{
	color:#d9a701;
}


.in_m3_m1,
.in_m3_m2{
	width:46%;
}

.in_m3_m1{
	margin-right:8%;
}

.in_sec3{
	padding-bottom:38px;
}

.in_m3_m1_img img{
	width:100%;
	height:auto;
	margin-bottom:42px;
}

.in_m3_m1_m{
	min-height:64px;
}

.in_m3_m1_m1{
	width:90px;
	border-right:1px solid #bbbbbb;
	color:#666666;
	font-weight:bold;
	font-size:54px;
	line-height:64px;
	margin-right:14px;
}

.in_m3_m1_m2{
	width:448px;
}

.in_m3_m1_m2 h5{
	font-size:14px;
	color:#333;
	margin-bottom:6px;
}

.in_m3_m1_m2 p{
	font-size:12px;
	color:#666;
	line-height:21px;
}

.in_m3_m1_m2 p a{
	font-size:11px;
	color:#333;
}

.in_m3_m1_m2 p a:hover{
	color:#d9a701;
}

.in_m3_m2{
	padding-top:9px;
}

.in_m3_m2 li{
	margin-bottom:40px;
}


/*****about*****/
.about_section{
	padding:60px 0 119px;
	background:#f7f7f7;
}

.about_title{
	text-align: center;
	margin-bottom:39px;
}

.about_title h2 {
    font-style: normal;
    padding-top: 14px;
    background: url(../images/about_t1.jpg) no-repeat center top;
    font-size: 17px;
    color: #656565;
    margin-bottom: 20px;
}

.about_title h4 {
    font-style: normal;
    background: url(../images/about_t2.jpg) no-repeat center;
    font-size: 11px;
    color: #666666;
    margin-bottom: 61px;
}

.ab_nav{
	text-align: center;
	margin-bottom:31px;
}

.ab_nav a{
	display:inline-block;
	width:209px;
	text-align: center;
	line-height:43px;
	color:#fff;
	font-size:15px;
	margin:0 15px;
	background:#c37c00;
}

.ab_nav a:hover{
	background:#d9a701;
}
.ab_nav .hover{background:#d9a701;}
.ab_m{
	border:1px solid #bfbfbf;
	background:#fff;
	padding:58px 30px 60px;
}

.ab_m_img{
	width:44.75%;
	padding:1px;
	border:1px solid #d9d9d9;
	margin-right:26px;
}

.ab_m_img img{
	width:100%;
	height:auto;
}

.ab_m_m{
	width:47.92%;
}

.ab_m_m h4{
	font-size:18px;
	color:#0092dc;
	margin-bottom:32px;
	margin-top:12px;
	text-align: center;
}

.ab_m_m p{
	font-size:12px;
	color:#1a1a1a;
	line-height:30px;
	text-indent:2em;
}



/*****products*****/

.pro_section{
	padding-bottom:52px;
}

.page-pagination{
	padding-top:15px;
	text-align: center;
}

.page-pagination a{
	font-size:12px;
	color:#333333;
	margin:0 6px;
}

.pro_fenye span{
	font-size:12px;
	color:#333333;
}

.page-pagination a:hover{
	color:#d9a701;
}


/*******news*******/

.news_section{
	padding:42px 0 101px;
}

.news_m1 li{
	margin-bottom:20px;
	border:1px solid #cccccc;
	padding:13px 16px;
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
}
.news_m1 li a{
	display: block;
	width:100%;
	height:100%;
}

.news_m_data{
	width:85px;
	height:58px;
	text-align: center;
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border:1px solid #cccccc;
	padding-top:8px;
	margin-right:9px;
}

.news_m_data b{
	display: block;
	font-size:15px;
	margin-bottom:5px;
	color:#333333;
}

.news_m_data span {
	color:#666666;
	font-size:10px;
}

.news_m_mes h5{
	color:#333333;
	margin:6px 0 10px;
	font-size:17px;
}

.news_m_mes p{
	color:#666;
	font-size:12px;
}

.news_m1 li:hover{
	background:#d9a701;
}

.news_m1 li:hover .news_m_data{
	background:#d9a701;
}

.news_m1 li:hover .news_m_data span,
.news_m1 li:hover .news_m_data b,
.news_m1 li:hover .news_m_mes h5,
.news_m1 li:hover .news_m_mes p{
	color:#fff;
}

.news_m_fenye{
	text-align: right;
	padding-top:50px;
}


/******pro_info*****/

.pro_info_section{
	padding:42px 0 62px;
}

.pro_info_m2{
	background:#cdcdcd;
	height:38px;
	position:relative;
	margin-top:41px;
}

.pro_info_m2 .pro_info_m2_title{
	background:#00a1e9;
	width:170px;
	height:59px;
	text-align: center;
	line-height:59px;
	position: absolute;
	top:-11px;
	lefT:74px;
	color:#fff;
	font-size:17px;
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
}

.pro_info_m3{
	padding:43px 75px;
	background:#f2f2f2;
}

.pro_info_m3 p{
	font-size:14px;
	color:#666;
	line-height:28px;
	margin-bottom:15px;
}

.pro_info_m3 p img{
	width:100%;
	height:auto;
}

.pro_info_m1{
	border:1px solid #cdcdcd;
}

.pro_info_m1_img{
	border-right:1px solid #cdcdcd;
	padding:14px 17px 13px;
	width:51%;
	min-height:455px;
	position:relative;
}

.pro_info_m1_main{
	width:49%;
	padding:25px 32px;
	min-height:455px;
}

.pro_info_m1_main h3{
	font-size:15px;
	padding-bottom:14px;
	border-bottom:1px dashed #e3e3e3;
	color:#000000;
	margin-bottom:16px;
	text-align: center;
}

.pro_info_m1_main p{
	font-size:12px;
	color:#333;
	line-height:30px;
}


/*#box{
	width:440px;
	margin-bottom:20px;
	position:relative;
}

#box img{
	width:440px;
	height:308px;
	display: none;
}
#box .b1 {
    display: block;
}
#box1{
	width:220px;
	height:154px;
	background:rgba(255,255,255,.4);
	position:absolute;
	left:0px;
	top:0px;
	z-index:10;
	display:none;
}


#glass{
	width:440px;
	height:308px;
	overflow:hidden;
	position:absolute;
	top:12px;
	left:500px;
	display:none;
	z-index:99;
}

.pro_info_m1_img .mouse{
	position:absolute;
	right:20px;
	top:303px;
	z-index:100;
}

#l_img{
	padding-left:17px;
}

#l_img li{
	float:left;
	margin-right:9px;
	border:2px solid #fff;
}

#g1{
	width:880px;
	position:absolute;
}


#l_img .l_img1{
	border-color:#00a1e9;
}*/
























@media only screen and (max-width:1200px ) {
	.w{width:1024px}
}


@media only screen and (max-width:1204px ) {
	.w{width:960px}
}


@media only screen and (max-width:960px ) {
	.w{width:760px}
}


@media only screen and (max-width:768px ) {
	.w{width:100%}
}

@media only screen and (max-width:468px ) {
	.head {
	    height:50px;
	    padding-top:3px;
	}
	.head h1 {
	    width: 30%;
	    margin-left:20px;
	}
	.nav,
	.language{
		display: none;
	}
	.phone-head{
		display: block;
	}
	.in-main1{
		padding:50px 20px 0;
	}
	
	.in-pro-nav li {
    width: 24%;
    margin-bottom:10px;
}
	
.in_pro_more li {
    width: 48.5%;
}	
	
.in_pro_more li:nth-child(5n){
    margin-right:2.65%;
}		
	
.in_pro_more li:nth-child(2n){
    margin-right:0;
}		
		
.in-main2{
	padding:0 20px;
}	
.in_m2_img, .in_m2_main {
    width: 100%;
}	
.in_sec2{
	padding:10px;
} 
.in_m2_main {
    padding: 40px 20px;
}

.in-main3{
	padding:0 20px;
}

.in_m3_m1, .in_m3_m2 {
    width:100%;
}

.ma {
    margin-right:30%;
}

.footer {
    background:#1a1a1a;
}

.foot_top dl {
    min-width: 50%;
    min-height:250px;
}

.footer_bot{
	padding:20px;
}

.in_m2_main ul li {
    margin: 0 5px;
}

.head_cont{
	margin:0 20px;
	display: block;
}

.ny_nav{
	display:none;
}
	
.news_section {
    padding: 0px 20px 40px;
}

.news_main{
	width:100%;
}
.news_m_fenye {
    text-align: center;
    padding:20px 0;
}

.ny_banner {
    height:140px;
    background: url(../images/ny_banner.jpg) no-repeat center;
    background-size: 100% auto;
}

.ab_nav a {
    width: 110px;
    margin: 0px 2px;
}

.about_section {
    padding: 60px 20px;
}

.ab_m_img,.ab_m_m {
    width:100%;
}

.ny_nav{
	display:none;
}	
	
.category {
display: block;
}	
	
.pro_info_main{
	width:100%;
	padding:0 20px;
}
.pro_info_m1_img,
.pro_info_m1_main  {
    width:100%;
}
.pro_info_m3 {
    padding:30px 20px;
}

.pro_info_m1_img{
	overflow: hidden;
}

#tsShopContainer #tsImgS{
	padding-top:20px!important;
    padding-bottom:20px!important;
}

#tsShopContainer #tsImgS img {
	width:100%!important;
    height:auto!important;
}

#tsShopContainer #tsImgS a{
	margin:0!important;
	width:100%!important;
    height:auto!important;
}
#tsShopContainer {
    width: 100%!important;
    height:auto!important;
}

#tsShopContainer #tsPicContainer #tsImgSCon ul {
    width: 100%!important;
}
#tsShopContainer #tsPicContainer #tsImgSCon {
    width: 100%!important;
}

#tsShopContainer #tsPicContainer #tsImgSCon li {
    width:70px!important;
    margin-right:5px;
}	

#tsShopContainer #tsPicContainer #tsImgSCon li img {
    width: 100%!important;
    height: 100%!important;
}	

.pro_info_m1_img {
    min-height: auto;
}
	
	
	.pro_info_section {
	    padding-top:20px;
	}
	
	.in-pro-nav{
		display:none;
	}
	
	.pro_section .phone_ny_nav{
		display: block;
	}
	
}


@media only screen and (max-width:400px ) {
	
.ab_nav a {
    width: 80px;
    margin: 0px 2px;
    line-height:35px;
}
}














.newcon-pic{ background: #fff; overflow: hidden; padding-bottom: 12px;}
.newcon-pic img{ width: 100%; height: 100%;}
.newcon-pic p{ text-indent: 12px;}
.newcon-tit{ color: #607c7b; margin-top:12px; text-align: center; font-size: 20px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; line-height: 40px;}
.newcon-time{ color: #b2b2b2; font-size: 1.4rem;}
.newcon { padding: 1rem; margin-top: 1rem; background: #fff; overflow: hidden;}