/*
KISSY CSS Reset
*/

body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, /* structural elements 结构元素 */
dl, dt, dd, ul, ol, li, /* list elements 列表元素 */
pre, /* text formatting elements 文本格式元素 */
fieldset, lengend, button, input, textarea, /* form elements 表单元素 */
th, td { /* table elements 表格元素 */
    margin: 0;
    padding: 0;
   font-size: 14px;
}


body,
button, input, select, textarea { /* for ie */
    /*font: 12px/1 Tahoma, Helvetica, Arial, "宋体", sans-serif;*/
    font: 14px/1 "微软雅黑" Tahoma, Helvetica, Arial, "\5b8b\4f53", sans-serif; /* 用 ascii 字符表示，使得在任何编码下都无问题 */
}
h1 { font-size: 18px; /* 18px / 12px = 1.5 */ }
h2 { font-size: 16px; }
h3 { font-size: 14px; }
h4, h5, h6 { font-size: 100%; }

address, cite, dfn, em, var, i { font-style: normal; } /* 将斜体扶正 */
code, kbd, pre, samp, tt { font-family: "Courier New", Courier, monospace; } /* 统一等宽字体 */
small { font-size: 12px; } /* 小于 12px 的中文很难阅读，让 small 正常化 */
img{ max-width: 100%; height: auto}
/* 重置列表元素 */
ul, ol { list-style: none; }

/* 重置文本格式元素 */
a { text-decoration: none; color: #333; }
a:hover { text-decoration: none; color: #0d6cc2; }
/* 重置表单元素 */
input,select,textarea,button{outline:medium;}
legend { color: #000; } /* for ie6 */
fieldset, img { border: none; } /* img 搭车：让链接里的 img 无边框 */
input {vertical-align:middle;border: none; background: none;outline:none;}
.ny_about h3{ height:35px; line-height:35px; background:#ececec; margin-top:10px; padding-left:10px; font-weight:bold}
/* 注：optgroup 无法扶正 */
button, input, select, textarea {
    font-size: 100%;
}

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

hr {
    border: none;
    height: 1px;
}
td { border-bottom: 1pt solid #c1dad7; border-right: 1pt solid #c1dad7; padding: 10px 0; text-align: center; font-size:14px ; padding:1%; vertical-align:middle}
table tr:first-child {  color: #000; font-weight: bold; font-size:14px }
.dexq tr:nth-of-type(2n+1) {
background: #f5fafa none repeat scroll 0 0;
}
table { border-collapse: collapse; }
table td { text-align: center; }
table { border-left: 1pt solid #c1dad7; border-top: 1pt solid #c1dad7; table-layout: fixed; width:100%; word-wrap: break-word; margin:0 auto; margin-top:15px }
/*关于我们*/
	.ff-imgs img{ width:100%; height: auto}
.ny_about{ height:auto; overflow:hidden; margin-bottom:20px}
.ny_about h2{ border-bottom:1px solid #dddddd; padding-bottom:10px}
.ny_about h2 b{color:#0c6cc2; font-weight:bold;border-bottom:1px solid #0c6cc2; position: relative;bottom:2px; padding-bottom:10px; font-size:15px}
.ny_about ul li{ float:left; border-bottom:1px dashed #dddddd; line-height:35px; width:50%}
.ny_about ul li a{ color:#545454; padding-right:10px;}
.ny_about ul li a:hover{color:#0c6cc2; text-decoration:underline}
.ny_aboutright{ margin-bottom:20px;}
.ny_aboutright h2{color:#0c6cc2; font-size:15px;font-weight:bold; border-bottom:1px solid #dddddd; padding-bottom:12px; background:url(../images/tubiao.jpg) 0 0px no-repeat; padding-left:10px;}
.ny_aboutright h2 span{ background: url(../images/address.jpg) no-repeat 0 center; float:right; padding-left:25px; font-size:14px; font-weight:normal; color:#666666}
.ny_aboutright h3{ font-size:16px; text-align:center; margin-top:20px; font-weight:bold}
.ny_aboutright h1{ font-size:18px; text-align:center; font-weight:bold;}
.ny_aboutright p{ line-height:35px; padding-bottom:15px; border-bottom:1px dotted #dddddd}
.news-list li h4{ font-size:14px; font-weight:bold; color:#0c6cc2; margin-top:20px; padding-bottom:10px; line-height:30px }
.ny_contactright{ width:73%; margin-bottom:20px}
.ny_contactright h2{color:#0c6cc2; font-weight:bold; border-bottom:1px solid #dddddd; padding-bottom:10px; background:url(../images/tubiao.jpg) 0 0px no-repeat; padding-left:10px; margin-bottom:20px; font-size:15px}
.ny_contactright h2 span{ background: url(../images/address.jpg) no-repeat 0 center; float:right; padding-left:25px; font-size:14px; font-weight:normal; color:#666666}
.ny_contactright h3{ font-size:18px; font-weight:bold; margin:35px auto 10px}
.ny_contactright p{ line-height:35px; }
.ny_contactright b{ display:block;}
.ny_contactright p img{ border:1px solid #d5d5d5;}
.ny_contactright b{ display:block; width:45%; float:left; margin-right:20px}

html { overflow-y: scroll; min-width: 320px;}
/*设置左右浮动*/
.fl{float: left;}
.fr{float: right;}
/*清楚浮动*/
.clearfix:after{visibility:hidden; display:block; font-size:0; content: " "; clear:both; height:0;}
.clearfix{*zoom:1;}
.mt20{ margin-top: 20px;}



#header .top{ height:38px; line-height:34px; background: #eeeeee; color: #0063b8; border-top:4px solid #0565af}
#header .bdshare-button-style0-16{ float: left; height: 28px; line-height: 28px; margin: 7px 0 0 5px;}
#header span.top-ico1,#header span.top-ico2{ padding-left: 15px; margin-right: 10px; height: 16px; line-height: 16px; margin-top: 8px;}
#header span.top-ico1{ background: url(../images/ico1.jpg) 0 center no-repeat;}
#header span.top-ico2{ background: url(../images/ico2.jpg) 0 center no-repeat;padding-left:20px;}
#header .nav-box{ padding: 10px 15px;}
#header .logo img{ height: 50px; width: auto;}
#header .nav-logo{ margin-top: 10px;}
#header .xs-nav{ height: 100%; background: #0c6cc2; position: fixed; right: -200px; top: 0; width: 200px; overflow: hidden; display: none;}
#header .xs-nav ul{ padding: 15px 0;}
#header .xs-nav a{ display: block; border-bottom:1px #004788 solid; height: 40px; line-height: 40px; padding-left: 5px; color: #ffffff; padding: 0 25px; font-size: 15px;}
#header .xs-nav a:active{ background: #004788; color: #fff;}

#header .d-nav li{ float: left;}
#header .d-nav a{ display: block; height: 80px; line-height: 80px;padding: 0 13px;}
#header .d-nav a:hover,#header .d-nav li.dq a{ background: url(../images/navbg.jpg) center bottom no-repeat; color: #000;}

#t-ban{text-align: center;font-size: 18px;background: #fff; 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;}  
#t-ban .swiper-slide img{ max-width: 100%;height: auto;}  


.box1{ background: #fff; padding: 30px 0;}
#yw-list{ margin-top: 30px; padding-bottom: 25px;}
#yw-list .swiper-container {width: 100%;height: 100%;}
#yw-list .swiper-slide { 
	text-align: center;font-size: 18px;background: #fff;
    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;
    }
#yw-list a.yw-alist{ display: block; text-align: center;}    

#yw-list a.yw-alist h3{ color: #333; font-size: 16px; padding-bottom: 8px;}
#yw-list a.yw-alist p{ font-size: 12px; color: #999; height: 14px; overflow: hidden;}
#yw-list a.yw-alist:hover span,#yw-list a.yw-alist:active span{ }

.xy{ display: block; width: 103px; height: 103px;margin: 0 auto 10px; background:url(../images/sd.png) no-repeat}
.xy:hover{ background:url(../images/sd_hover.png) no-repeat;display: block; width: 103px; height: 103px; margin: 0 auto 10px;}

.sq{ display: block; width: 103px; height: 103px;margin: 0 auto 10px; background:url(../images/sq.png) no-repeat}
.sq:hover{ background:url(../images/sq_hover.png) no-repeat;display: block; width: 103px; height: 103px; margin: 0 auto 10px;}

.sz{ display: block; width: 103px; height: 103px;margin: 0 auto 10px; background:url(../images/sz.png) no-repeat}
.sz:hover{ background:url(../images/sz_hover.png) no-repeat;display: block; width: 103px; height: 103px; margin: 0 auto 10px;}


.sh{ display: block; width: 103px; height: 103px;margin: 0 auto 10px; background:url(../images/sh.png) no-repeat}
.sh:hover{ background:url(../images/sh_hover.png) no-repeat;display: block; width: 103px; height: 103px; margin: 0 auto 10px;}

.fw{ display: block; width: 103px; height: 103px;margin: 0 auto 10px; background:url(../images/fw.png) no-repeat}
.fw:hover{ background:url(../images/fw_hover.png) no-repeat;display: block; width: 103px; height: 103px; margin: 0 auto 10px;}

#yw-list a.yw-alist:hover h3,#yw-list a.yw-alist:active h3{ color: #0063b8;}
#yw-list .swiper-pagination{ margin-bottom: -10px;}
.title1{ text-align: center; padding-bottom: 10px;}
.title1 h1{ font-size: 26px; color: #333; font-weight: bold; padding-bottom: 6px; font-family: arial;}
.title1 h3{ font-size: 16px;}
.box2 .sy-abimg{ width: 100%;}
.box2 .sy-abimg img{ width: 100%; height: auto;}
.box2 .sy-abtxt{ width: 100%; padding-top: 15px; line-height:35px;}
.box2 .sy-abtxt h2{ font-size: 17px; padding-bottom:15px}
.box2 a.sy-gdbtn{ display: block; width: 50%; border: 1px #0063b8 solid; color: #0063b8; height: 40px; line-height: 40px; text-align: center; margin: 10px auto;}
.box2 a.sy-gdbtn:hover,.box2 a.sy-gdbtn:active{ border-color:#0c6cc2; background: #0c6cc2; color: #fff;}
#hb-img .swiper-slide {text-align: center;}
#hb-img .swiper-slide img{ width: 170px; height: 80px;}
#hb-img{ margin: 0 50px;}
.hb-list{ position: relative; margin-top: 25px;}
.sy-tgff{ max-width:100%; height:124px; background:url(../images/call.jpg) no-repeat center 0; margin-bottom:30px}
.syff-list{ margin-top:20px}
.ff-img{ height:220px; overflow:hidden}
.ff-imgs{ height:auto; overflow:hidden; border:1px solid #e9e9e9}
#footer{ background: #0c6cc2; padding-top: 30px;color: rgb(196, 190, 228); height:auto; overflow:hidden}
#footer a{color:#fff}
#footer a:hover{color:#ffdc40;}
#footerlink{ background: #0c6cc2; color: rgb(196, 190, 228); height:auto; overflow:hidden}
#footerlink p {color:#fff}
#footerlink a{color:#fff}
#footerlink a:hover{color:#ffdc40;}
.foot-rwm{ border:5px #8479de solid; margin-right: 20px;}
.foot-rwm img{ width: 100px; height: auto;}
.foot-top{ padding-bottom: 30px;}
.foot-ltxt{ width:25%; float:right }
.foot-ltxt p{ line-height:30px; color:#FFF}
.foot-ico{ padding-top: 8px;}
.foot-ico a{ float: left; height: 24px; line-height: 24px; margin-right: 22px;}
.product_list{ width:75%}
.product_list h3{ color:#FFF;font-size: 15px; margin-bottom:15px}
.product_list ul li{ float:left; margin-right:3px; margin-bottom:3px}
.product_list ul li a{ display:block; float:left; background:#005db0; padding:8px 8px; font-size:14px;}
.foot-ltxt h3{ color:#fff; font-size:15px; margin-bottom:10px}
.foot-ico a.icon-em{ background: url(../images/ico2.jpg) 0 50% no-repeat; padding-left: 26px;}
.foot-ico a.icon-qq{ background: url(../images/qq.jpg) 0 50% no-repeat; padding-left: 20px;}

.foot-rbox{ width: 100%;}

.foot-nav { height: 30px; line-height: 30px; text-align: center;}
.foot-nav a:hover{ color: #fee53d;}
.foot-sobox{ text-align: center;  margin-top: 15px; position: relative;    border: 5px #8479de solid;}
.foot-sobox input{ width: 100%; height: 30px; line-height: 30px; background: #fff; padding: 0 10px;}
.foot-sobox button{ color: #333; background: #fde53d; border: none; display: block; position: absolute; width: auto; padding: 0 20px; height: 30px; right: 0; top: 0;}
.foot-sobox button:active{ background: #A49BF8;}
.copy{ padding: 20px;  text-align: center; background-color:#004e94;color: rgb(196, 190, 228);}
.copy p{ display: inline-block; color:#fff; font-size:13px; text-align: center; line-height:30px}

	
	.sub-nav{ margin: 30px 15px; text-align: center;}
	.sub-nav li{ display: inline-block; text-align: center; margin-bottom: 15px; }
	.sub-nav ul{ float: left; }
	.sub-nav li a{ display: block; padding: 0 20px; height: 45px; line-height: 45px; background: #fde53d; color: #000;}
	.sub-nav li a:hover,.sub-nav li.dq a{ background: #0063b8; color: #fff;}
	.wz-box{ display: none;  padding-right: 30px; height: 60px; line-height: 60px; background: url(../images/ico3.jpg) 0 50% no-repeat; padding-left: 17px; color: #fde53d;}
	.wz-box a{ color: #fde53d;}
	.wz-box a:hover{ color: #fff;}
	
.ff-txts{ padding:15px 0; text-align: center; background:#f9f8f8; margin-bottom:15px;}
.ff-txts:hover{padding:15px 0; text-align: center; background:#0c6cc2; margin-bottom:15px; color:#FFF}
.ff-txts h1{ font-size:14px}


.ff-txt{ padding:20px 0; text-align: center; background:#f9f8f8; margin-bottom:15px; border:1px solid #d4d4d4}
.ff-txt:hover{padding:20px 0; text-align: center; background:#0c6cc2; margin-bottom:15px; color:#FFF; border:1px solid #0c6cc2}
.ff-txt h3{ font-size:17px}
.ff-titl h1{ font-size: 30px; color: #0063b8; font-weight: bold; padding-bottom: 15px;}
.ff-titl .inf-t{ color: #999;}
.ff-txtnr{ padding: 30px 15px 0; line-height: 1.7; text-align: left;}
.box3 .syff-list li {

    text-align: center; margin-bottom:15px;
}

.abtable td {
    padding: 12px 0;
}
.bg {
    background: #eee none repeat scroll 0 0;
    border: 1px solid #ccc;
    font-size: 14px;
    height: 30px;
    line-height: 30px;
    width: 260px;
}
.submit {
    background: #c00 none repeat scroll 0 0;
    border: medium none;
    color: #fff;
    font-size: 14px;
    height: 36px;
    width: 110px;
}
.reset {
    background: #999 none repeat scroll 0 0;
    border: medium none;
    color: #fff;
    font-size: 14px;
    height: 36px;
    width: 110px;
}
.yaoqiu {
    background: #eee none repeat scroll 0 0;
    border: 1px solid #ccc;
    width: 600px;
}
.orderlist{ background:#f5f5f5; height:auto; overflow:hidden}
.orderlist p{ padding:20px 0px 0px 20px}
.ultable_co {width: 95%; margin:0 auto}
.ultable_co li {margin-top: 15px;}
.ultable_co li input {border: 1px solid #888888;color: #747474;height: 39px;padding-left: 10px;width:100%;}
.message {border: 1px solid #747474;color: #747474;font-size: 14px;height: 100px;line-height: 25px;padding-left: 10px;width:100%;font-family:Arial, Helvetica, sans-serif}
.ultable_co li.spa .button {background-color:#d91b05;color: #fff;height: 40px;line-height: 35px;text-align: center;width:103px;padding-right:10px;border:none;font-size:16px; margin:0 auto 30px; display:block; float:left}
.ultable_co li.spa .reset {background-color:#999999;color: #fff;height: 40px;line-height: 35px;text-align: center;width:103px;padding-right:10px;border:none;font-size:16px; margin:0 auto 30px; display:block;float:left; margin-left:10px}

.box3 .syff-list li img { border:1px solid #d4d4d4;
    height: 224px;
    width: 100%;
}

.box4 {
    background: rgba(0, 0, 0, 0) url("../images/box4.jpg") no-repeat scroll center top / cover ;
    padding: 30px 0 70px;
}
.box4 .synews-box {
    padding-top: 20px;
}
.box4 .synews-list {
    background: #fee53d none repeat scroll 0 0;
    padding: 10px 15px;
    width: 100%;
}
.box4 .synews-list li {
    border-bottom: 1px solid #f4d23c;
    padding: 15px 0;
}
.box4 .synews-list span {
    border: 1px solid #dcb80a;
    border-radius: 50%;
    color: #242424;
    float: left;
    font-size: 26px;
    font-weight: bold;
    height: 60px;
    line-height: 60px;
    margin-right: 15px;
    text-align: center;
    width: 60px;
}
.box4 .synews-list li:active span {
    border-color: #242424;
}
.box4 .synews-list li p {
    color: #bf9e02;
    font-size: 13px;
    height: 40px;
    line-height: 20px;
    margin-top: 6px;
    overflow: hidden;
}
.box4 .synews-list li a {
    color: #5a5a5a;
    display: block;
    font-size: 15px;
    line-height: 35px;
    max-height: 36px;
    overflow: hidden;
}

.box4 .synews-list li:nth-last-child(1) {
    border-bottom: medium none;
}
.box4 .news-img {
    height: auto;
    width: 100%;
}
.box4 #news-imgfoc .swiper-slide p {
    background: #2b8ee3;
    bottom: 0;
    height: 40px;
    left: 0;
    line-height: 40px;
    overflow: hidden;
    position: absolute;
    width: 100%;
}
.box4 #news-imgfoc .swiper-slide p span {
    color: #fff;
    display: block;
    font-size: 15px;
    padding: 0 20px;
    text-align: center;
}
.box4 #news-imgfoc .swiper-slide img {
    height: 306px;
    width: 100%;
}
.ny_aboutright p img{ display:block; margin:20px auto}
.ny_aboutright p video{width:100%;margin:20px auto; }
.boxs{


	background-color:rgba(255,255,255,0.5);
	margin:0 auto; margin-bottom:30px; margin-top:10px; height:auto; overflow:hidden
	
}
.boxs ul li{
	list-style:none;
	width:33%;
	height:249px;
	float:left;
	overflow:hidden;
	margin-left:2px;
	margin-top:2px;
	position:relative;
}

.boxs ul li a img{
	transition:all 500ms linear; width:100%;	height:249px;
}
.boxs ul li a:hover img{
	-webkit-transition:scale(1.1,1.1);
	-moz-transition:scale(1.1,1.1);
	-ms-transition:scale(1.1,1.1);
	-o-transition:scale(1.1,1.1);
	transform:scale(1.1,1.1);
}




.boxs_video{


	background-color:rgba(255,255,255,0.5);
	margin:0 auto; margin-bottom:30px; margin-top:10px; height:auto; overflow:hidden
	
}
.boxs_video ul li{
	list-style:none;
	width:32%;
	height:170px;
	float:left;
	overflow:hidden;
	margin-left:5px; margin-right:5px;
	margin-top:10px;
	position:relative;
}

.boxs_video ul li a img{
	transition:all 500ms linear; width:100%;	height:170px;
}
.boxs_video ul li a:hover img{
	-webkit-transition:scale(1.1,1.1);
	-moz-transition:scale(1.1,1.1);
	-ms-transition:scale(1.1,1.1);
	-o-transition:scale(1.1,1.1);
	transform:scale(1.1,1.1);
}

.ny_aboutright h5{ text-align:center; color:#999; border-bottom:1px dotted #999; padding-bottom:10px; margin-bottom:10px}
@media (min-width: 768px) {
		.ny_banner{ max-width:100%; height:240px; text-align:center; background:url(../images/ba.jpg) no-repeat center 0; background-size:cover}
.ny_aboutright{ margin-bottom:20px}
.ny_contactright{margin-bottom:20px}
.ny_contactright h2{color:#0c6cc2; font-weight:bold; border-bottom:1px solid #dddddd; padding-bottom:10px; background:url(../images/tubiao.jpg) 0 0px no-repeat; padding-left:10px; margin-bottom:20px; font-size:15px}
.ny_contactright h2 span{ background: url(../images/address.jpg) no-repeat 0 center; float:right; padding-left:25px; font-size:14px; font-weight:normal; color:#666666}
.ny_contactright h3{ font-size:18px; font-weight:bold; margin:35px auto 10px}
.ny_contactright p{ line-height:35px; }
.ny_contactright b{ display: inline-block;}
.ny_contactright p img{ border:1px solid #d5d5d5;}
.boxs ul li{
	list-style:none;
	width:32%;
	height:230px;
	float:left;
	overflow:hidden;
	margin-left:2px;
	margin-top:2px;
	position:relative;
}
	#header .logo img{ height: 60px; width: auto;}
	#header .nav-box{ padding: 0px 15px;}
	#header .logo{}
	.title1 h1{ font-size: 36px;}
.title1 h3{ font-size: 18px;}
.box2{ background: #f9f7f8;}
	.box2 .sy-abimg{ width: 50%;}
	.box2 .sy-abtxt{ width: 48%; }
	.box2 .sy-abtxt p{ height: 95px; overflow: hidden;}
	.box2 .tit-02{ float: left; text-align: left; margin-top: 15px;}
	.box2 .sy-gtfflist{ float: right; width: auto;}
.boxs ul li a img{
	transition:all 500ms linear; width:100%;	height:230px;
}
.boxs ul li a:hover img{
	-webkit-transition:scale(1.1,1.1);
	-moz-transition:scale(1.1,1.1);
	-ms-transition:scale(1.1,1.1);
	-o-transition:scale(1.1,1.1);
	transform:scale(1.1,1.1);
}
#t-ban .swiper-slide img {
    height:auto;
    max-width: 100%; background-size: cover
}
.product_list{margin-bottom:20px}
.product_list h3{ color:#FFF;font-size: 15px; margin-bottom:15px}
.product_list ul li{ float:left; margin-right:3px; margin-bottom:3px}
.product_list ul li a{ display:block; float:left; background:#005db0; padding:8px 8px; font-size:14px;}
.boxs_video{


	background-color:rgba(255,255,255,0.5);
	margin:0 auto; margin-bottom:30px; margin-top:10px; height:auto; overflow:hidden
	
}
.boxs_video ul li{
	list-style:none;
	width:32%;
	height:180px;
	float:left;
	overflow:hidden;
	margin-left:5px; margin-right:5px;
	margin-top:10px;
	position:relative;
}

.boxs_video ul li a img{
	transition:all 500ms linear; width:100%;	height:180px;
}
.boxs_video ul li a:hover img{
	-webkit-transition:scale(1.1,1.1);
	-moz-transition:scale(1.1,1.1);
	-ms-transition:scale(1.1,1.1);
	-o-transition:scale(1.1,1.1);
	transform:scale(1.1,1.1);
}


}
@media (min-width: 992px) {
		.ny_banner{ max-width:100%; height:240px; text-align:center; background:url(../images/ba.jpg) no-repeat center 0; background-size:cover}
#header .logo img{ height:75px; width: auto; margin-top:7px}	
#header .d-nav a{ padding: 0 20px;height: 90px; line-height: 90px;}
.box2 .sy-abtxt{ padding-top: 30px; }
.box2 .sy-abtxt p{ height: auto; line-height:30px; font-size:14px}
.box2 a.sy-gdbtn{ margin-top: 20px;}	
.box2 .sy-abtxt h2{ margin-bottom: 0px;}
.box4 .synews-list{ float: left; width: 50%;}
.box4 .news-img{ float: right; width: 50%;}
.wz-box{ display: block;}
}
@media (min-width:1200px) {
	.ny_banner{ max-width:100%; height:280px; text-align:center; background:url(../images/ba.jpg) no-repeat center 0; background-size:cover}
	.ff-imgs{ height:150px; overflow:hidden; border:1px solid #e9e9e9}

	.ff-imgs img{ width:100%; height: auto}

			.ny_about{ width:25%}
		.ny_aboutright{ width:73%}
.product_list{ width:73%}
	#yw-list .swiper-pagination{ display: none; padding-bottom:5px;}
	.sy-gtff-ico{ display: block; }
	.box4 .synews-list li{ padding: 10px 0; }
	.box4 .synews-list{ height: 307px; overflow: hidden;}
}

@media only screen and ( max-width:370px ) {
	.box4 #news-imgfoc .swiper-slide img {
    height:200px;
    width: 100%;
}
	.ny_banner{ max-width:100%; height:180px; text-align:center; background:url(../images/ba.jpg) no-repeat center 0; background-size:cover}
	.ny_contactright{ width:100%; margin-bottom:20px}
.ny_contactright h2{color:#0c6cc2; font-weight:bold; border-bottom:1px solid #dddddd; padding-bottom:10px; background:url(../images/tubiao.jpg) 0 0px no-repeat; padding-left:10px; margin-bottom:20px; font-size:15px}
.ny_contactright h2 span{ background: url(../images/address.jpg) no-repeat 0 center; float:right; padding-left:25px; font-size:14px; font-weight:normal; color:#666666}
.ny_contactright h3{ font-size:18px; font-weight:bold; margin:35px auto 10px}
.ny_contactright p{ line-height:35px; }
.ny_contactright b{ display:block;}
.ny_contactright p img{ border:1px solid #d5d5d5; margin-top:20px}

	.ny_about{ width:100%}
		.ny_aboutright{ width:100%}
	.foot-nav{ display: none;}
	.foot-sobox{ margin-top: 0;}	
	.foot-ltxt{ width:100%;}
.foot-ltxt p{ line-height:30px; color:#FFF}
	.ffxm-list li{ width: 100%;}
	.boxs{background-color:rgba(255,255,255,0.5);margin:0 auto; margin-bottom:30px; margin-top:10px; height:auto; overflow:hidden}
	.fadeInUp p{ line-height:30px}
	.sy-tgff{ max-width:100%; height:100px; background:url(../images/call360.jpg) no-repeat center 0; margin-bottom:30px; background-size:cover}
.boxs ul li{
	list-style:none;
	width:46%;
	height:100px;
	float:left;
	overflow:hidden;
	margin-left:2px;
	margin-top:2px;
	position:relative;
}
.hidden-xs{ display:block} 
.boxs ul li a img{
	transition:all 500ms linear; width:100%;	height:100px;
}
.boxs ul li a:hover img{
	-webkit-transition:scale(1.1,1.1);
	-moz-transition:scale(1.1,1.1);
	-ms-transition:scale(1.1,1.1);
	-o-transition:scale(1.1,1.1);
	transform:scale(1.1,1.1);
}
#t-ban .swiper-slide img {
    height:auto;
    max-width: 100%; background-size: cover
}
.product_list{ width:100%; margin-bottom:20px}
.product_list h3{ color:#FFF;font-size: 15px; margin-bottom:15px}
.product_list ul li{ float:left; margin-right:3px; margin-bottom:3px}
.product_list ul li a{ display:block; float:left; background:#005db0; padding:8px 8px; font-size:14px;}
.boxs_video{


	background-color:rgba(255,255,255,0.5);
	margin:0 auto; margin-bottom:30px; margin-top:10px; height:auto; overflow:hidden
	
}
.boxs_video ul li{
	list-style:none;
	width:47%;
	height:120px;
	float:left;
	overflow:hidden;
	margin-left:5px; margin-right:5px;
	margin-top:10px;
	position:relative;
}

.boxs_video ul li a img{
	transition:all 500ms linear; width:100%;	height:100px;
}
.boxs_video ul li a:hover img{
	-webkit-transition:scale(1.1,1.1);
	-moz-transition:scale(1.1,1.1);
	-ms-transition:scale(1.1,1.1);
	-o-transition:scale(1.1,1.1);
	transform:scale(1.1,1.1);
}

}

	@media only screen and ( max-width:320px ) {
		.sub-nav li a{ padding: 0 17px;}	
	}

@media only screen and ( max-width:767px ) {
		.ny_banner{ max-width:100%; height:160px; text-align:center; background:url(../images/ba.jpg) no-repeat center 0; background-size:cover}
	.ffxm-list{ margin: 0;}
}
@media only screen and ( max-width:480px ) {
    #header{border-bottom:1px solid #dedede;}
	.ny_aboutright{ width:100%}
.product_list{ width:100%}
		.ny_about{ width:100%}
		.box4 #news-imgfoc .swiper-slide img {
    height:200px;
    width: 100%;
}
	.ny_banner{display: none; max-width:100%; height:100px; text-align:center; background:url(../images/ba.jpg) no-repeat center 0; background-size:cover}
	.ny_contactright b{ display:block; width:100%; float:left; margin-right:20px}
	.ny_about{ width:100%}
	.ny_aboutright{ width:100%; margin-bottom:20px}
	.ny_contactright{ width:100%; margin-bottom:20px}
.ny_contactright h2{color:#0c6cc2; font-weight:bold; border-bottom:1px solid #dddddd; padding-bottom:10px; background:url(../images/tubiao.jpg) 0 0px no-repeat; padding-left:10px; margin-bottom:20px; font-size:15px}
.ny_contactright h2 span{ background: url(../images/address.jpg) no-repeat 0 center; float:right; padding-left:25px; font-size:14px; font-weight:normal; color:#666666}
.ny_contactright h3{ font-size:18px; font-weight:bold; margin:35px auto 10px}
.ny_contactright p{ line-height:35px; }
.ny_contactright b{ display: inline-block;}
.ny_contactright p img{ border:1px solid #d5d5d5; margin-top:20px}

	.boxs_video{


	background-color:rgba(255,255,255,0.5);
	margin:0 auto; margin-bottom:30px; margin-top:10px; height:auto; overflow:hidden
	
}
.boxs_video ul li{
	list-style:none;
	width:46%;
	height:100px;
	float:left;
	overflow:hidden;
	margin-left:5px; margin-right:5px;
	margin-top:10px;
	position:relative;
}

.boxs_video ul li a img{
	transition:all 500ms linear; width:100%;	height:120px;
}
.boxs_video ul li a:hover img{
	-webkit-transition:scale(1.1,1.1);
	-moz-transition:scale(1.1,1.1);
	-ms-transition:scale(1.1,1.1);
	-o-transition:scale(1.1,1.1);
	transform:scale(1.1,1.1);
}

	.foot-ltxt{ width:100%;}
.foot-ltxt p{ line-height:30px; color:#FFF}
	.ffxm-list li{ width: 100%;}
	.boxs{background-color:rgba(255,255,255,0.5);margin:0 auto; margin-bottom:30px; margin-top:10px; height:auto; overflow:hidden}
	.fadeInUp p{ line-height:30px}
	.sy-tgff{ max-width:100%; height:100px; background:url(../images/call360.jpg) no-repeat center 0; margin-bottom:30px; background-size:cover}
.boxs ul li{
	list-style:none;
	width:49%;
	height:120px;
	float:left;
	overflow:hidden;
	margin-left:2px;
	margin-top:2px;
	position:relative;
}
.hidden-xs{ display:block} 
.boxs ul li a img{
	transition:all 500ms linear; width:100%;	height:120px;
}
.boxs ul li a:hover img{
	-webkit-transition:scale(1.1,1.1);
	-moz-transition:scale(1.1,1.1);
	-ms-transition:scale(1.1,1.1);
	-o-transition:scale(1.1,1.1);
	transform:scale(1.1,1.1);
}
#t-ban .swiper-slide img {
    height:auto;
    max-width: 100%; background-size: cover
}
.product_list{ width:100%; margin-bottom:20px}
.product_list h3{ color:#FFF;font-size: 15px; margin-bottom:15px}
.product_list ul li{ float:left; margin-right:3px; margin-bottom:3px}
.product_list ul li a{ display:block; float:left; background:#005db0; padding:8px 8px; font-size:14px;}

}