/*******************************
	-------[=公用]-------
********************************/
body{
	padding-top: 150px;
}
a{
		transition: .5s;
		-ms-transition: .5s;
		-moz-transition: .5s;
		-webkit-transition: .5s;
		-o-transition: .5s;
}
.row-a5{
	margin-bottom: 66px;
}
.g-btn1{
	display: block;
	width: 150px;
	margin: 0 auto;
	height: 50px;
	line-height: 50px;
	text-align: center;
	color: #fff;
	background-color: #ED1C24;
	border: 1px solid #ED1C24;
		transition: .5s;
		-ms-transition: .5s;
		-moz-transition: .5s;
		-webkit-transition: .5s;
		-o-transition: .5s;
}
.g-btn1:hover{
	color: #ED1C24;
	background-color: #fff;
	border: 1px solid #ED1C24;
}
.g-tit1{	
	text-align: center;
	color: #242424;
}
.g-tit1 h2{
	position: relative;
	padding-bottom: 20px;
	margin-bottom: 30px;
	font-size: 28px;
	
}
.g-tit1 h2:after{
	content: '';
	position: absolute;
	bottom: 0;
	left: 50%;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	transform: translateX(-50%);
	text-align: center;
	width: 40px;
	height: 2px;
	background-color: #ED1C24;
}
.g-tit1 p{
	font-size: 14px;
	line-height: 34px;text-align:left;
}
.g-tit2{
	margin-bottom: 20px;
	color: #fff;
	font-size: 22px;
}
.g-pages{
	text-align: center;
	font-size: 0;
	margin: 20px 0;
}
.g-pages li{
	display: inline-block;
}
.g-pages li a{
	display: block;
	padding: 4px 9px;
	margin: 0 2px;
	border: 1px solid #dbdbdb;
	font-size: 13px;

}
.g-pages li.on a,
.g-pages li a:hover{
	background-color: #ED1C24;
	border: 1px solid #ED1C24;
	color: #fff
}
.g-tit3{
	padding-bottom: 10px;
	font-size: 16px;
	color: #0066d9;
	border-bottom: 1px solid #e4e4e4;
}
.g-tit3 span{
	font-weight: 400;
	color: #999;
	text-transform: uppercase;
}
/*
-----------------[悬浮菜单]--------------*/
.h50{
	display: none;
}
.yunu-link{
	display: none;
	overflow: hidden;
	position: fixed;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: 9;
	background-color: #fff;
	padding: 4px 0;
	box-shadow: 5px 0 10px rgba(0,0,0,.05);
}
.yunu-link li{
	float: left;
	width: 25%;
}
.yunu-link li a{
	display: block;
	text-align: center;
	font-size: 13px;
	color: #000;
}
.yunu-link li.on a,
.yunu-link li:hover a{
	color: #ba2222;
}
.yunu-link li a i{
	display: block;
	width: 25px;
	margin: 0 auto;
	height: 25px;
	background-repeat: no-repeat;
	background-position: center center;
		-webkit-background-size: contain;
		background-size: contain;
}
.yunu-link li a .i1{
	background-image: url('icon6.png');
}
.yunu-link li.on .i1,
.yunu-link li:hover .i2{
	background-image: url('icon6-on.png');
}
.yunu-link li a .i2{
	background-image: url('icon7.png');
}
.yunu-link li.on .i2,
.yunu-link li:hover .i2{
	background-image: url('icon7-on.png');
}
.yunu-link li a .i3{
	background-image: url('icon8.png');
}
.yunu-link li.on .i3,
.yunu-link li:hover .i3{
	background-image: url('icon8-on.png');
}
.yunu-link li a .i4{
	background-image: url('icon9.png');
}
.yunu-link li.on .i4,
.yunu-link li:hover .i4{
	background-image: url('icon9-on.png');
}











/*******************************
	-------[=头部]-------
********************************/
.yunu-header{
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 999;
	background-color: #fff;
	box-shadow: 0 5px 10px rgba(0,0,0,.05);
}
.yunu-header .top{
	overflow: hidden;
	height: 50px;
	background-color: #ED1C24;
	color: #fff;
	font-size: 14px;
}
.yunu-header .top p{
	float: left;
	height: 50px;
	line-height: 50px;
}
.yunu-header .top .link{
	float: right;
	margin-right:24px;
}

.yunu-header .top .link li{
	float: left;
	margin-left: 10px;
	color: #fff;
	height: 50px;
	line-height: 50px;
}
.yunu-header .top .link li img{
	margin-top:10px;
}
.yunu-header .top .link li.fang{
	font-size: 22px;
}
.yunu-header .top .link li a{
	color: #fff;
}
.yunu-header .bottom{
	height: 100px;
	*zoom:1;
}
.yunu-header .bottom:after,.yunu-header .bottom:before{display:block; content:"clear"; height:0; clear:both; overflow:hidden; visibility:hidden; }
.yunu-header .logo{
	float: left;
	height: 100px;
	line-height: 100px;
}
.yunu-header .logo img{
	display: inline-block;
	vertical-align: middle;
	max-width: 100%;
	max-height: 100%;
}
.menuBtn{
	display: none;
	position: relative;
	float: right;
	width: 50px;
	height: 50px;
	padding: 5px;
	cursor: pointer;
}
.menuBtn b{
	display: block;
	width: 100%;
	height: 4px;
	border-radius: 2px;
	background-color: #ED1C24;
	margin: 5px 0 7px;
		transition: .3s;
		-ms-transition: .3s;
		-moz-transition: .3s;
		-webkit-transition: .3s;
		-o-transition: .3s;
}
.menuBtn.open b{
	position: absolute;
	left: 5px;
	top: 35%;
	display: none;
	width: 40px;
}
.menuBtn.open b:first-child{
	display: block;
	transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
}
.menuBtn.open b:last-child{
	display: block;
	transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
}
.yunu-nav{
	float: right;
	line-height: 100px;
}
.yunu-nav li{
	float: left;
	position: relative;
}
.yunu-nav li .v1{
	display: block;
	padding: 0 25px;
	color: #434343;
	border-bottom: 2px solid #fff;
	font-size: 16px;
		transition: .5s;
		-ms-transition: .5s;
		-moz-transition: .5s;
		-webkit-transition: .5s;
		-o-transition: .5s;
}
.yunu-nav li.ok .v1,
.yunu-nav li:hover .v1{
	color: #ED1C24;
	border-bottom: 2px solid #ED1C24;
}
.yunu-nav dl{
	display: none;
	position: absolute;
	top: 100%;
	left: 0;
	right: 0;
	 background-color: #fff; 
	z-index: 99;
}
.yunu-nav li:hover dl{
	display: block;
}
.yunu-nav dl dd a{
	display: block;
	text-align: center;
	height: 30px;
	line-height: 30px;
	color: #444;
	font-size: 14px;
	border-bottom: 1px solid #ddd;
}
.yunu-nav dl dd:last-child a{
	border-bottom: 0;
}
.yunu-nav dl dd a:hover{
	background-color: #ffffff;
	color: #ED1C24;
}
/*******************************
	-------[=banner]-------
********************************/
.banner{

}
.banner .item{
	position: relative;
	background-repeat: no-repeat;
	background-position: center center;
		-o-background-size: cover;
		-ms-background-size: cover;
		-moz-background-size: cover;
		-webkit-background-size: cover;
		background-size: cover;
		z-index: 1;
}
.banner .item .con{
	padding-top: 34%;
}
.banner .item .txt{
	position: absolute;
	top: 20%;
	width: 34%;
	color: #fff;
	line-height: 34px;
}
.banner .item .txt h3{
	margin-bottom: 50px;
	font-size: 38px;

}
.banner .item .txt p{
	margin-bottom: 40px;
	font-size: 14px;

}
.banner .item .txt .g-btn1{
	margin: 0;
}
.banner .item .txt .g-btn1:hover{
	border: 1px solid #fff;
}
.banner .slick-arrow{
    position: absolute;top: 50%;margin-top: -25px;overflow: hidden;cursor: pointer;
    width: 50px;height: 50px;font-size: 0;line-height: 0;z-index: 9;
    background-repeat: no-repeat;
    background-position: center center;
    -o-background-size: auto 28px;
    -ms-background-size: auto 28px;
    -moz-background-size: auto 28px;
    -webkit-background-size: auto 28px;
    background-size: auto 28px;
    background-color: rgba(204,204,204,0);
    border: 0;
    outline: 0;
}
.banner .slick-prev{left: 2%;background-image: url('arr-l.png');}
.banner .slick-next{right: 2%;background-image: url('arr-r.png');}
.banner .slick-dots{
	position: absolute;
	left: 0;
	bottom: 5%;
	width: 100%;
	text-align: center;
	z-index: 99;
}
.banner .slick-dots li{
	display: inline-block;
	margin: 0 5px;
}
.banner .slick-dots button{
	background-color: #fff
	;cursor: pointer;
	border-radius: 50%;
	border: 0;
	width: 12px;
	height: 12px;
	outline: 0;
	font-size: 0;
	padding: 0;
}
.banner .slick-dots li.slick-active button{background: #d9181d;}
/*******************************
	-------[=专注]-------
********************************/
.row-a1{
	padding: 100px 0 80px;
}
.ul-imgtxt1{
	overflow: hidden;
	margin: 60px 0 50px;
}
.ul-imgtxt1 li{
	float: left;
	width: 33.33%;
}
.ul-imgtxt1 li .con{
	margin: 0 40px;
}
.ul-imgtxt1 li .pic{
	width: 120px;
	margin: 0 auto;
	height: 120px;
	overflow: hidden;
	cursor: pointer;
}

.ul-imgtxt1 li .pic img{
	display: block;
	width: 100%;
	height: 100%;
}
.ul-imgtxt1 li .pic:hover img{
	-webkit-transform: rotateY(180deg);
	-ms-transform: rotateY(180deg);
	-o-transform: rotateY(180deg);
	transform: rotateY(180deg);
}
.ul-imgtxt1 li .txt{
	margin-top: 20px;
	text-align: center;
}
.ul-imgtxt1 li .txt h3{
	margin-bottom: 30px;
	font-size: 16px;
	color: #000;
}
.ul-imgtxt1 li .txt p{
	font-size: 13px;
	line-height: 34px;
}

.m-btn1:hover{
	
}


/*******************************
	-------[=服务]-------
********************************/
.row-a2{
	padding: 136px 0 52px;
	background-repeat: no-repeat;
	background-position: center center;
		-o-background-size: cover;
		-ms-background-size: cover;
		-moz-background-size: cover;
		-webkit-background-size: cover;
		background-size: cover;
}
.row-a2 .g-tit1{
	color: #fff;
}
.row-a2 .g-tit1 h2{
	padding-bottom: 0;
}
.row-a2 .g-tit1 h2:after{
	display: none;
}
.ul-txt1{
	overflow: hidden;
	margin: 70px 0;
}

.ul-txt1 li{
	float: left;
	width: 33.33%;
}
.ul-txt1 li .txt{
	color: #fff;
	text-align: center;
}

.ul-txt1 li .txt h3{
	position: relative;
	padding-bottom: 20px;
	margin-bottom: 30px;
	font-size: 30px;
}
.ul-txt1 li .txt h3:after{
	content: '';
	position: absolute;
	bottom: 0;
	left: 50%;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	transform: translateX(-50%);
	width: 140px;
	height: 1px;
	background-color: #fff;
}
.ul-txt1 li .txt p{
	font-size: 20px;
}
/*******************************
	-------[=友情链接]-------
********************************/
.row-a6{
	overflow: hidden;
	background-color: #005188;
	border-bottom: 5px solid #02b29d;
}

.m-link1{
	padding: 20px 0;
}
.m-link1 .item{
	overflow: hidden;
	color: #95abc1;
}
.m-link1 .item:first-child{
	margin-bottom: 40px;
}
.m-link1 .item span{
	float: left;
	font-size: 16px;
	margin-right: 18px;
	font-weight: 600;
}
.ul-link1{overflow: hidden;}
.ul-link1 li{
	float: left;
}
.ul-link1 li a{
	display: block;
	margin-right: 20px;
	font-size: 14px;
	color: #95abc1;
	height: 21px;
	line-height: 21px;
}
.ul-link1 li a:hover{
	color: #fff;
}

/*******************************
	-------[=底部]-------
********************************/
.yunu-footer{
	padding: 70px 0 26px;
	background-color: #333;
}
.fd-box{
	overflow: hidden;
	margin-bottom: 65px;
}
.fd-box .col-l,
.fd-box .col-c,
.fd-box .col-r{
	width: 33.33%;
}
.fd-txt1{
	
}
.fd-txt1 .txt{
	font-size: 14px;
	color: #d9d9d9;
}

.fd-txt1 .txt p:first-child{
	line-height: 24px;
	
}
.fd-txt2 .txt{
	padding-top: 6px;
	font-size: 14px;
	color: #d9d9d9;
	line-height: 28px;
}
.fd-txt2 .txt p:first-child{
	margin-bottom: 6px;
	font-size: 18px;
}
.fd-txt2 .more{
	font-size: 14px;
	color: #439ff0;
	font-style: italic;
}
.fd-so form{
	font-size: 0;
}
.fd-so .inp{
	padding: 0 8px;
	width: 77%;
	height: 46px;
	border: 0;
	background-color: #fff;
	vertical-align: top;
}
.fd-so .btn{
	width: 23%;
	height: 46px;
	color: #fff;
	text-align: center;
	border: 0;
	background-color: #ED1C24;
	cursor: pointer;
	font-size: 14px;
}
.fd-so .btn:hover{
	background-color: #2491e1;
}
.fd-so .so{
	overflow: hidden;
	margin-top: 16px;
	color: #f0f0f0;
	font-size: 12px;
}
.fd-so .so span{
	float: left;
}
.fd-so .so li{
	float: left;
	
}
.fd-so .so li a{
	margin-right: 16px;
	color: #f0f0f0;
}

.yunu-footer .copy{
	font-size: 13px;
	text-align: center;
	color: #d9d9d9;
}
/*******************************
	-------[=产品列表]-------
********************************/
.m_chanpin{
	overflow: hidden;
	margin-bottom: 30px;
}
.m_chanpin .desc{
	padding: 10px;
	margin-top: 20px;
	line-height: 24px;
	text-indent: 2em;
	font-size: 14px;
	border: 1px dotted #e5e5e5;
	color: #868686;
	background-color: #f5f5f5;
}
.ul-imgtxt2{
	margin-top: 0;
}
.ul-imgtxt2 li{
	width: 33.33%;
}
.ul-imgtxt2 li a{
	border: 0;
}
.ul-imgtxt2 li .pic{
	padding: 4px;
	border-radius: 4px;
	border: 1px solid #e1e1e1;
}

.ul-imgtxt2 li a p{
	font-size: 16px;
	height: 32px;
	line-height: 32px;
}
.ul-imgtxt2 li a:hover{
	border: 0;color:#ED1C24
}
/*******************************
	-------[=产品详情]-------
********************************/
.m-list1{
	overflow: hidden;
	padding: 14px 0 25px;
	border-bottom: 1px dotted #a9a9a9;
}
.m-pic1{
	float: left;
	width: 43%;
}
.m-pic1-for{margin-bottom: 10px;}
.m-pic1-for .item{
	height: 290px;
	cursor: pointer;
}
.m-pic1-for .item img{width: 100%;height: 100%;display: block;}
.m-pic1-for .item:hover img{
		-webkit-transform: scale(1.08);
		-moz-transform: scale(1.08);
		-o-transform: scale(1.08);
		-ms-transform: scale(1.08);
		transform: scale(1.08);
}
.m-pic1 .slick-arrow{
    position: absolute;top: 50%;margin-top: -16px;overflow: hidden;cursor: pointer;
    width: 32px;height: 32px;font-size: 0;line-height: 0;z-index: 9;
    background-repeat: no-repeat;
    background-position: center center;
    -o-background-size: auto 16px;
    -ms-background-size: auto 16px;
    -moz-background-size: auto 16px;
    -webkit-background-size: auto 16px;
    background-size: auto 16px;
    background-color: rgba(0,0,0,1);
    border: 0;
    outline: 0;
    border-radius: 50%;
    opacity: .2;
}

.m-pic1 .slick-prev{left: 2%;background-image: url('prev.png');}
.m-pic1 .slick-next{right: 2%;background-image: url('next.png');}
.m-pic1-nav{text-align: center;}
.m-pic1-nav .item{width: 40px !important;height: 32px;padding: 2px;
	border: 1px solid #5280DD;margin: 0 2px;display: inline-block !important;float: none !important;
}
.m-pic1-nav .item img{width: 100%;height: 100%;display: block;cursor: pointer;}
.m-txt1{
	overflow: hidden;
	padding-left: 38px;
}
.m-txt1 h3{
	font-size: 16px;
	padding-bottom: 9px;
	margin-bottom: 9px;
	border-bottom: 1px dotted #a9a9a9;
}
.m-txt1 .txt{
	margin-right: 100px;
}
.m-txt1 .txt p{
	line-height: 28px;
	margin-bottom: 10px;
	font-size: 14px;
	color: #2f2f2f;
}

.m-txt1 .btn{
	display: block;
	width: 98px;
	height: 32px;
	line-height: 32px;
	padding-left: 15px;
	background-color: #ED1C24;
	color: #fff;
}
.m-txt1 .btn:hover{
	background-color: #444;
}
.m-txt1 .btn span{
	display: block;
	padding-left: 15px;
	background-repeat: no-repeat;
	background-position: left center;
	background-image: url('icon4.png');
}

.m-txt2{
	margin-top: 25px;
}
.m-txt2 p{
	font-size: 14px;
	line-height: 26px;
	margin-bottom: 10px;
}

.ul-txt2{
	overflow: hidden;
	margin: 20px 0 50px;
}
.ul-txt2 li{
	float: left;
	font-size: 14px;
}
.ul-txt2 li:last-child{
	float: right;
}

.ul-txt2 li a{
	color: #337AB7;
		transition: .3s;
		-ms-transition: .3s;
		-moz-transition: .3s;
		-webkit-transition: .3s;
		-o-transition: .3s;
}
.ul-txt2 li a:hover{
	color: #ea042b;
}
.m-list3{
	padding: 25px 0;
}
.ul-link2{
	overflow: hidden;
	margin-top: 20px;
}
.ul-link2 li{
	float: left;
	margin-bottom: 20px;
}
.ul-link2 li a{
	display: block;
	margin-right: 17px;
	font-size: 14px;
}
.ul-link2 li a:hover{
	color: #ea042b;
}
.ul-news1{
	overflow: hidden;
	margin: 0 -10px;
}
.ul-news1 li{
	float: left;
	width: 50%;
	padding: 0;
	margin-bottom: 20px;
}
.ul-news1 li .tit{
	margin: 0 10px;
}
.m-list2{
	margin-bottom: 25px;
}

.flt {float:left;}

.list{}
.list .box{width: 31.6%;}
.list .box + .box{margin-left: 2%;}
.list .box .img{}
.list .box .txt{box-sizing: border-box;padding: 20px 3.5% 0;}
.list .box .txt .name{max-height: 60px;margin-bottom: 20px;font-size: 22px;color: #333;}
.list .box .txt .brief{max-height: 95px;line-height: 1.5;font-size: 16px;color: #828282;}
.list .box .txt .brief.none{display: none;}
.list .box .txt .more{margin-top: 15px;text-transform: uppercase;font-size: 16px;color: #333;}
.list .box .txt .more img{margin-left: 10px;}


.text-over{text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.over{overflow: hidden;}
.text-center{text-align: center;}
.text-left{text-align: left;}
.text-right{text-align: right;}
.table{width: 100%;height: 100%;display: table;}
.table-cell{display: table-cell;}
.inline{display: inline;}
.inline-block{display: inline-block;}
.block{display: block;}
.hidden{display: none;}
.visible-hidden{visibility: hidden;opacity: 1;}
.middle{vertical-align: middle;}
.middleImg img{vertical-align: middle;}
.middleImg .mid-ilb{vertical-align: middle;display: inline-block;}
.middleImg span{height: 100%;vertical-align: middle;display: inline-block;}
.relative{position: relative;}
.absolute{position: absolute;z-index: 1;}
.fixed{position: fixed;z-index: 1;}
.imgZoom img{transition: all .4s;-webkit-transition: all .4s;}
.imgZoom img:hover{transform:scale(1.1, 1.1); -webkit-transform:scale(1.1, 1.1);}

.clean{zoom:1;}
.clean:after,.clean:before{content:''; display:table;}
.clean:after{clear:both;}
.wrap{width:1440px; margin:0 auto; zoom:1;}
.wrap:after,.wrap:before{display:table; content:'';}
.wrap:after{clear:both;}
#footer{background: #ED1C24;}
#footer .foot-wrap{width: 1206px;}
#footer .box{width: 33.33%;padding:4% 2%;box-sizing: border-box;}
#footer .box + .box{border-left: 1px solid #FF7B80;}
#footer .box img{margin-right: 20px;}
#footer .box .right{padding-top: 15px;max-width: 75%;}
#footer .box .ti{line-height: 1;font-size: 22px;color: #fff;margin-bottom: 20px;text-transform: uppercase;}
#footer .box .txt{line-height: 1.4;font-size: 16px;color: #fff;}
#footer .friendship-link{margin: 15px 0;}
#footer .friendship-link .title{font-size: 15px;color: #fff;margin-right: 3%;font-weight: bold;width: 10%;}
#footer .friendship-link .list{width: 85%;}
#footer .friendship-link .list a{font-size: 16px;color: #fff;width: 9%;margin-right: 1%;}
#copymsg{font-size: 16px;color: #fff;padding:45px 0;border-top: 1px solid #FF7B80;}
#copymsg a{color: #fff;}

.clear {clear:both}

@media (max-width: 1440px){
    .wrap{width: 96%;}
}

@media (max-width: 1280px){
    .index-about .words{margin-top: 0;}
    #footer .foot-wrap{width: 96%;}
}

@media (max-width: 1024px){
    .swiper-hd{display: none;}
}

@media (max-width: 991px){
    .show-pc-block,
    .show-pc-inline-block,
    .hide-991{display: none!important;}
    .show-mb-block{display: block!important;}
    .show-mb-inline-block{display: inline-block!important;}
    .clear_991{clear: both;}
    .clear_gt_991{clear: none;}

    .index-banner{margin-top: 0;}
    .index-banner .bx-controls-direction{display: none;}
    .index-module{padding: 40px 0;}
    .index-module .i-title{font-size: 34px;margin-bottom: 30px;}

    .index-about{display: block;}
    .index-about .pic{float: none;width: 100%;text-align: center;margin-bottom: 20px;}
    .index-about .words{float: none;width: 90%;max-width: 550px;margin: 0 auto;}
    .index-about .words .bf{text-align: left;}
    .index-about .words .more{margin:30px auto 0;}
    .index-about .words .ab_line{margin:5px 0 15px;}

    .index-info.index-module .i-title:after{display: none;}

    #footer .box{width: 100%;float: none;}
    #footer .box + .box{border:none;}
    #footer .box .right{padding-top: 0;}
    #footer .box .ti{margin-bottom: 10px;}
    #copymsg{padding: 15px 0;line-height: 1.6;}
	#footer .friendship-link .list a{width: 13%;}

    .product-list .ueeshop_responsive_products_list .item{width: 50%;margin-bottom: 25px;}
    .product-list .ueeshop_responsive_position{margin: 0 0 15px;}

	.product-list .left_outer{display: none;}

	.menu-in-left .wrap-righter-style{width: 100%;}
}
@media (max-width: 768px){
   .list .box{width: 100%;margin-bottom: 25px;}
   .list .box + .box{margin-left: 0;}

    .art-menu-wrap-style{display: none;}
    .menu-in-left .menu-wrap-style{display: none;}
    .menu-in-left .wrap-righter-style{float: none;width: 100%;}
	.rale_news .list{ grid-template-columns: repeat(2, 46.5%);}

    body .ueeshop_responsive_case_list .item .img{ width: 98%;}
    body .ueeshop_responsive_case_list .item .info{ width: 98%;}
}

@media (max-width: 640px){
	/*.mobile-nav .li a{font-size: 18px;}*/
    .clear_991{clear: none;}
    .clear_640{clear: both;}

    .index-product .list .name{margin-top: 10px;}

    .index-module .index-title-0{text-align: center;margin-bottom: 15px;font-size: 24px;}
    .index-about .words .title{font-size: 30px;margin:20px 0;}
    .index-about .words .bf{font-size: 16px;}
    .index-about .words .more{max-width: 100%;margin-top: 15px;}

    .list .item .img{float: none;width: 100%;margin:0 0 20px;text-align: center;}
    .list .item .info{float: none;width: 100%;}

    #footer{}
	#footer .friendship-link{margin-top: 30px;}
	#footer .friendship-link .title{width: 100%;float: none;text-align: center;margin-bottom: 10px;}
	#footer .friendship-link .list{width: 100%;float: none;}
	#footer .friendship-link .list a{width: 19%;}

    .index-product .list .box{width: 46%;margin: 0 2% 15px;}
    .index-product .list .box:first-child{margin-left: 2%;}
    .index-product .list .box:last-child{margin-left: 2%;}
    /*.index-product .list .box + .box{margin: 0 0 20px;}*/
}


@media (max-width: 450px){
	#footer .friendship-link .list a{width: 24%;text-align: center;margin: 0 .5% 5px;}
}




.chathide{right:-115px;}
.chattrans{-webkit-transition:right .3s; transition:right .3s;}
#chat_float_btn{text-align:center; height:70px; width:35px; border-radius:35px 0 0 35px; position:fixed; top:160px; right:0; z-index:1001; background:url(chat_float_btn.png) no-repeat 12px center; cursor:pointer;}

#chat_window{position: fixed;right: 50px;bottom: 100px;z-index:10000;}
#chat_window .chat_box{}
#chat_window .chat_box .box{display: none;}
#chat_window .chat_box.pc_limit:hover .box{display: block;}
#chat_window .chat_box .chat_item{display: block;position: relative;width: 50px;height: 50px;border-radius: 100%;background: url(icon_chat.png) no-repeat 0 0;margin-bottom: 6px;}
#chat_window .chat_box a.chat_item{text-indent: 100px;overflow: hidden;white-space: nowrap;}
#chat_window .chat_box .chat_qq{background-color: #4cafe9;}
#chat_window .chat_box .chat_skype{background-color: #5996ff;background-position: 0 -50px;}
#chat_window .chat_box .chat_email{background-color: #f5b246;background-position: 0 -100px;}
#chat_window .chat_box .chat_trademanager{background-color: #33bbf9;background-position: 0 -150px;}
#chat_window .chat_box .chat_wechat{background-color: #59c682;background-position: 0 -200px;}
#chat_window .chat_box .chat_whatsapp{background-color: #55d5bb;background-position: 0 -250px;}
#chat_window .chat_box .abs{display: none;position: absolute;top: 0;right: 0px;padding-right: 66px;}
#chat_window .chat_box .more_box{position: relative;padding:10px 0px;border:1px solid #e8e8e8;background: #fff;border-radius: 5px;}
#chat_window .chat_box .more_box:before{content: '';position: absolute;top: 19px;right: -8px;border-width:7.5px 0 7.5px 8px;border-color: transparent;border-left-color: #e8e8e8;border-style: solid;}
#chat_window .chat_box .more_box:after{content: '';position: absolute;top: 19px;right: -6.5px;border-width:7.5px 0 7.5px 8px;border-color: transparent;border-left-color: #fff;border-style: solid;}
#chat_window .chat_item:hover .abs{display: block;}
#chat_window .chat_box .more_box a{position: relative;display: block;min-width: 80px;height: 30px;line-height: 30px;padding: 0px 17px;font-size: 14px;color: #333;white-space: nowrap;}
#chat_window .chat_box .more_box a:hover{background-color: #effaf7;text-decoration: none;}
#chat_window .chat_box .more_box .relimg{display: none;position: absolute;top: 0;left: -105px;padding-right: 5px;width: 100px;height: 100px;text-align: right;margin-bottom: 5px;}
#chat_window .chat_box .more_box .relimg img{padding: 2px;border:1px solid #effaf7;border-radius: 2px;background: #fff;}
#chat_window .chat_box .more_box a:hover .relimg{display: block;}
#chat_window .chat_box .chat_box_menu{}
#chat_window .chat_box .chat_box_menu a{width: 50px;height: 50px;display: block;border-radius: 100%;margin-bottom: 6px;background: #07bb8a url(icon_chat_menu.png) no-repeat 0 0;}
#chat_window .chat_box .chat_box_menu #go_top{visibility: hidden;opacity: 0;}
#chat_window .chat_box .chat_box_menu #go_top.show{visibility: visible;opacity: 1;}
#chat_window .chat_box .chat_box_menu .more{}
#chat_window .chat_box.pc_limit:hover .chat_box_menu .more{display: none;}
#chat_window .chat_box .chat_box_menu .top{background-position: 0 -50px;background-color: #b0b0b0;}
#chat_window .chat_box .box .chat_close{display: none;}



.top_head{height:32px;float:right;margin-top:9px}
.top_head ul li{ float:right; font-size:14px; color:#fff; line-height:32px;}
.top_head ul li a{font-size:26px; color:#ffffff;font-weight:bold;}

@media only screen and (max-width: 960px) {
.top_head{display:none}
}

.protxt {
	FONT-WEIGHT: bold; FONT-SIZE: 26px; COLOR: #ff0000; LINE-HEIGHT: 26px;FONT-FAMILY: "Arial";
}
li{list-style-type:none;}

@media only screen and (max-width: 960px) {
.protxt {
	FONT-WEIGHT: bold; FONT-SIZE: 20px; COLOR: #ff0000; LINE-HEIGHT: 26px;FONT-FAMILY: "Arial";
}
.nosee {display:none}
}