@charset "utf-8";




::-moz-scrollbar  
{  
    width: 5px;  
    height: 5px;  
    background-color: #F5F5F5;  
}  
  
/*定义滚动条轨道 内阴影+圆角*/  
::-moz-scrollbar-track  
{  
   
    border-radius: 0px;  
    background: #000;  
}  
  
/*定义滑块 内阴影+圆角*/  
::-moz-scrollbar-thumb  
{  
    border-radius: 0px;  

    background-color:#ff7b00;  
}  

::-ms-scrollbar  
{  
    width: 5px;  
    height: 5px;  
    background-color: #F5F5F5;  
}  
  
/*定义滚动条轨道 内阴影+圆角*/  
::-ms-scrollbar-track  
{  
   
    border-radius: 0px;  
    background: #000;  
}  
  
/*定义滑块 内阴影+圆角*/  
::-ms-scrollbar-thumb  
{  
    border-radius: 0px;  

    background-color:#ff7b00;  
}  


::-webkit-scrollbar  
{  
    width: 5px;  
    height: 5px;  
    background-color: #ccc;  
}  
  
/*定义滚动条轨道 内阴影+圆角*/  
::-webkit-scrollbar-track  
{  
   
    border-radius: 0px;  
    background: #ccc;  
}  
  
/*定义滑块 内阴影+圆角*/  
::-webkit-scrollbar-thumb  
{  
    border-radius: 0px;  

    background-color:#ff7b00;  
}  












/* CSS Document */
/*公用*/
@media only screen and (min-width: 700px) {
#phone-menu .menu-main{
  -ms-overflow-style: scrollbar;
}
#phone-menu .menu-main::-webkit-scrollbar-track,
#phone-menu .menu-main::-webkit-scrollbar-track {
  background-color: #0f0f0f;
  border-left: 1px solid rgba(239, 239, 239, 0.6);
}
#phone-menu .menu-main::-webkit-scrollbar-thumb,
#phone-menu .menu-main::-webkit-scrollbar-thumb {
  border-color: rgba(239, 239, 239, 0.6) !important;
  background-color: #0f0f0f;
  border-radius: 3px;
}
#phone-menu .menu-main::-webkit-scrollbar,
#phone-menu .menu-main::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}
#phone-menu .menu-main::-webkit-scrollbar-thumb,
#phone-menu .menu-main::-webkit-scrollbar-thumb {
  border: 1px solid;
}
}

@font-face {
	font-family: "fontcustom";
	src: url("../../fonts/fontawesome-webfont.eot");
	src: url("../../fonts/fontawesome-webfont.eot?#iefix") format("embedded-opentype"),  url("../../fonts/fontawesome-webfont.ttf") format("truetype"), url("../../fonts/fontawesome-webfont.svg#fontcustom") format("svg");
	font-weight: normal;
	font-style: normal
}

@font-face {
 font-family: "smallfont";
  src:url("../../fonts/MyriadPro-Light.ttf") format("truetype");
  font-weight: normal;
  font-style: normal; }

@media screen and (-webkit-min-device-pixel-ratio: 0) {

@font-face {
	font-family: "fontcustom";
	src: url("../../fonts/fontawesome-webfont.svg#fontcustom") format("svg")
}
}
.smallfont{
	/*font-family:  Myriad Set Pro,"smallfont","Microsoft JhengHei","Microsoft Yahei"; font-weight:300;*/

	transition: font .5s;
	-moz-transition: font .5s;  /* Firefox 4 */
	-webkit-transition: font .5s;   /* Safari and Chrome */
	-o-transition: font .5s;  /* Opera */
}


.icon-nav:before {
	font-family: "fontcustom";
	content: "\f0c9";/*菜单标志*/
}

.icon-xiala:before {
	font-family: "fontcustom";
	content: "\f107";/*向下箭头*/
}

* {
	margin: 0px;
	padding: 0px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	
}
li{
	transition: font .5s;
	-moz-transition: font .5s;  /* Firefox 4 */
	-webkit-transition: font .5s;   /* Safari and Chrome */
	-o-transition: font .5s;  /* Opera */
	}
img {
	border: none;
	max-width: 100%;
}
.donghua,::before,::after{
	-moz-transition:all .5s;
	-ms-transition:all .5s;
	-o-transition:all .5s;
	-webkit-transition:all .5s;
	transition:all .5s;
	}
a {
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0); /* 取消链接高亮 */
	text-decoration: none;
	color: #333;
	-moz-transition:all .5s;
	-ms-transition:all .5s;
	-o-transition:all .5s;
	-webkit-transition:all .5s;
	transition:all .5s;
}

html {
	min-height: 100%;
}

body {
	min-height: 100%;
	font-size: 12px;
	color: #262626;
	font-family: Arial, "Microsoft Yahei";
	min-width: 320px;
	overflow-x:hidden;
	background-attachment:fixed;
	background-position:center;
	transition: color .5s, background .5s, opacity .5s, border .5s, padding .5s,height .5s,transform .5s;
	-moz-transition: color .5s, background .5s, opacity .5s, border .5s, padding .5s,height .5s,transform .5s;  /* Firefox 4 */
	-webkit-transition: color .5s, background .5s, opacity .5s, border .5s, padding .5s,height .5s,transform .5s;   /* Safari and Chrome */
	-o-transition: color .5s, background .5s, opacity .5s, border .5s, padding .5s,height .5s,transform .5s;  /* Opera */
	
}

@media only screen and (max-width: 800px) {

body {
	font-size: 14px;
}
}

li {
	list-style: none;
}

table {
	border-collapse: collapse;
}

input, textarea, select {
	font-family: Arial, "Microsoft YaHei";
	font-size: 12px;
	outline: none;
	transition: color .5s, background .5s, opacity .5s, border .5s;
	-moz-transition: color .5s, background .5s, opacity .5s, border .5s;  /* Firefox 4 */
	-webkit-transition: color .5s, background .5s, opacity .5s, border .5s;   /* Safari and Chrome */
	-o-transition: color .5s, background .5s, opacity .5s, border .5s;  /* Opera */
	-ms-transition: color .5s, background .5s, opacity .5s, border .5s;  /* Opera */
}

.fg {
	clear: both;
	width: 100%;
	height: 0px;
}

.red {
	color: #F00;
}

#ALL {
	position:relative ; 
	z-index:2;
	padding-top: 80px;
	padding-bottom:60px;
	min-height: 500px;
	transition: color .5s, background .5s, opacity .5s, border .5s, padding .5s,height .5s,transform .5s;
	-moz-transition: color .5s, background .5s, opacity .5s, border .5s, padding .5s,height .5s,transform .5s;  /* Firefox 4 */
	-webkit-transition: color .5s, background .5s, opacity .5s, border .5s, padding .5s,height .5s,transform .5s;   /* Safari and Chrome */
	-o-transition: color .5s, background .5s, opacity .5s, border .5s, padding .5s,height .5s,transform .5s;  /* Opera */

}


/*top*/
#phone-top {
	display: none;
}

#top {
	background: #000;
	width: 100%;
	position: fixed;
	z-index: 1000;
	left: 0px;
	top: 0px;
	box-shadow: 0 0 10px rgba(0,0,0,.5);
	text-align: center;
}
#top .phone{ height:18px; top:50%; right:3%; padding-left:24px; position:absolute; margin-top:-9px; background:url(../images/sy_06.png) left no-repeat; font-size:18px; color:#fff; line-height:18px;}
#top .top{ height:80px; width:94%; margin:auto; position:relative; text-align:right;}

#top .logo {
	position: absolute;
	left: 0%;
	top: 50%;
	display: block;
	height: 52%;
	-moz-transform:translateY(-50%);
	-webkit-transform:translateY(-50%);
	-ms-transform:translateY(-50%);
	-o-transform:translateY(-50%);
	transform:translateY(-50%);
}

#top .logo img {
	display: block;
	height: 100%;
}

#top .menu {
	height:80px;
	display: block;
	margin:auto;
	text-align:center;
}

#top .menu ul{}

#top .menu ul li.f1 {
	width: 0px;
	height: 0px;
	display: none;
}

#top .menu ul li {
	display: inline-block;
	position: relative;
	text-align:center;
}

#top .menu ul li .xiala {
	position: absolute;
	top: 80px;
	background:rgba(0,0,0,.7);
	display: none; font-size:14px;
	box-shadow:0 0 10px rgba(0,0,0,.1);
}


#top .menu ul li .xiala.pt {
	width: 150%;
	left: 50%;
	min-width:200px;
	-moz-transform:translateX(-50%);
	-ms-transform:translateX(-50%);
	-o-transform:translateX(-50%);
	-webkit-transform:translateX(-50%);
	transform:translateX(-50%);
}



#top .menu ul li .a {
	display: inline-block;
	padding: 0 40px;
	line-height: 80px;
	color: #dadada;
	font-size: 14px;
}
#top .menu ul li.on .a,#top .menu ul li.onn .a,#top .menu ul li:hover .a{ color:#ff7b00;}
#top .menu ul li .xiala dl{ padding:0px 0;}
#top .menu ul li .xiala dl dd {
	display: block;
	height: 40px;
	overflow: hidden;
}

#top .menu ul li .xiala dl dd a {
	display: block;
	line-height: 40px;
	padding: 0 24px;
	color:rgba(255,255,255,.7);
	height: 40px;
	overflow: hidden;
	text-align: center;
}
#top .menu ul li .xiala dl dd a:hover{ color:#FFF; background:#000;}





#phone-top {
	display: none;
	height: 50px;
	background: #000;
	position: fixed;
	width: 100%;
	left: 0px;
	top: 0px;
	box-shadow: 0 0 10px rgba(0,0,0,.5);
	z-index: 100;
}

#phone-top .logo {
	position: absolute;
	left: 50%;
	top: 0px;
	display: block;
	height: 50px;
	-webkit-transform:translateX(-50%);
	-moz-transform:translateX(-50%);
	-ms-transform:translateX(-50%);
	-o-transform:translateX(-50%);
	transform:translateX(-50%);
	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;
	
	
	
	
	
	
	
}
.danbg{ background:rgba(0,0,0,.8); position:fixed; width:100%; top:0px; left:0px; height:100%; z-index:10; display:none;}
#phone-top .phone-lang{ display:block; height:50px; width:50px; position:absolute; left:0px; top:0px; border-right:1px solid rgba(255,255,255,.15); line-height:50px; text-align:center; display:none;}
#phone-top .phone-lang a{ display:block; color:rgba(255,255,255,.8);}
#phone-top .logo img {
	display: block;
	height: 60%;
}

#phone-top #menu-btn {
	height: 50px;
	width: 50px;
	cursor: pointer;
	float: right;
	text-align: center;
	position:relative;

	line-height: 50px;
}

#menu-btn div {
	height: 1px;
	background: #ff7b00;
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-1px);
	-moz-transform: translateY(-1px);
	transform: translateY(-1px);
	-webkit-transition: -webkit-transform 0.3s, opacity 0.2s, width .2s, left .2s;
	-moz-transition: -moz-transform 0.3s, opacity 0.2s, width .2s, left .2s;
	transition: transform 0.3s, opacity 0.2s, width .2s, left .2s;
	width:25px;
	left: 12.5px;
}

#menu-btn div:nth-child(1) {
	-webkit-transform: translateY(-10px);
	-moz-transform: translateY(-10px);
	transform: translateY(-10px);

}

#menu-btn div:nth-child(2) {
	-webkit-transform: translateY(8px);
	-moz-transform: translateY(8px);
	transform: translateY(8px);
	
}

#menu-btn[data-on='on'] div {
	-webkit-transform: translateY(-1px);
	-moz-transform: translateY(-1px);
	transform: translateY(-1px);
}

#menu-btn[data-on='on'] div:nth-child(3) {
	-webkit-transform: translateY(-1px);
	-moz-transform: translateY(-1px);
	transform: translateY(-1px);
	opacity: 0;
	width: 0px;
	left: 30px;
}

#menu-btn[data-on='on'] div:nth-child(2) {
	-webkit-transform: translateY(-1px) rotate(45deg) scale(1.2);
	-moz-transform: translateY(-1px) rotate(45deg) scale(1.2);
	transform: translateY(-1px) rotate(45deg) scale(1.2);
}

#menu-btn[data-on='on'] div:nth-child(1) {
	-webkit-transform: translateY(-1px) rotate(-45deg) scale(1.2);
	-moz-transform: translateY(-1px) rotate(-45deg) scale(1.2);
	transform: translateY(-1px) rotate(-45deg) scale(1.2);
}




#phone-menu {
	display:none;
	background: #111;
	height: 100%;
	top: 0px;
	right:0px;
	width: 300px;
	padding: 60px 3% 20px;
	overflow: auto;
	right: 0px;
	position: fixed;
	z-index: 99;
	-o-transform: translateX(100%);
	-ms-transform: translateX(100%);
	-webkit-transform: translateX(100%);
	-moz-transform: translateX(100%);
	transform: translateX(100%);
opacity:0;


-webkit-transition:transform .3s,opacity .3s;
-moz-transition:transform .3s,opacity .3s;
-o-transition:transform .3s,opacity .3s;
-ms-transition:transform .3s,opacity .3s;
transition:transform .3s,opacity .3s;
}
#phone-menu[data-on="on"]{
	-o-transform: translateX(0);
	-ms-transform: translateX(0);
	-webkit-transform: translateX(0);
	-moz-transform: translateX(0);
	transform: translateX(0);
opacity:1;	
	
	}
#phone-menu .menu-main {
	width: 100%;
	margin: auto;
	max-width: 600px;
	max-height:100%; overflow-y:auto; overflow-x:hidden;
}

#phone-menu .menu-main .search {
	right: 0px;
	height: 50px;
	position: relative;
	display:none;
}

#phone-menu .menu-main .search .search-view {
	height: 38px;
	border-radius: 2px;
	border-bottom:1px solid rgba(255,255,255,.1);
}

#phone-menu .menu-main .search .search-view .input-text {
	line-height: 38px;
	padding: 0 60px 0 5px;
	border: 0px;
	background: none;
	width: 100%;
	display: block;
	float: left;
	color: #fff;
}

#phone-menu .menu-main .search .search-view .input-btn {
	height: 38px;
	background: none;
	text-align:right;
	border: 0px;
	top: 0px;
	right: 0px;
	color: #5885b2;
	cursor: pointer;
	width: 50px;
	position: absolute;
	z-index: 10;
}

#phone-menu .menu-main .search .search-view .input-btn:hover {
	color: #fff;
}

#phone-menu .menu-main .search .search-view:before {
	font-family: "fontcustom";
	content: "\f002";/*放大镜*/
	position: absolute;
	top: 0px;
	right: 0px;
	color: #fff;
	font-size: 16px;
	line-height: 38px;
}

#phone-menu .menu-main .list {
}

#phone-menu .menu-main .list ul li {
	display: block;
	border-bottom: 1px solid rgba(255,255,255,.1);
	font-size: 16px;
	position:relative;
}
#phone-menu .menu-main .list ul li .biao{ height:40px; width:10px; top:0px; right:0px; position:absolute;
-webkit-transition:transform .3s,opacity .3s;
-moz-transition:transform .3s,opacity .3s;
-o-transition:transform .3s,opacity .3s;
-ms-transition:transform .3s,opacity .3s;
transition:transform .3s,opacity .3s;








}
#phone-menu .menu-main .list ul li .biao:before{ width:5px; height:5px; border-top:1px solid rgba(255,255,255,1); border-right:1px solid rgba(255,255,255,1); content:""; display:block; position:absolute; right:2px; top:50%; margin-top:-4px; -webkit-transform:rotate(135deg); -moz-transform:rotate(135deg); -ms-transform:rotate(135deg); -o-transform:rotate(135deg); transform:rotate(135deg);}
#phone-menu .menu-main .list ul li[data-on='on'] .biao{
	 -webkit-transform:rotate(180deg); -moz-transform:rotate(180deg); -ms-transform:rotate(180deg); -o-transform:rotate(180deg); transform:rotate(180deg);
	
	}
#phone-menu .menu-main .list ul li .a {
	display: block;
	height: 40px;
	line-height: 40px;
	overflow: hidden;
	color:rgba(255,255,255,.8);
}
#phone-menu .menu-main .list ul li.have .a{
	display: inline-block;
	
	}
#phone-menu .menu-main .list ul li .a:hover{ color:#fff;}

#phone-menu .menu-main .list ul li dl{ display:none; padding-bottom:10px;}
#phone-menu .menu-main .list ul li dl dd{ display:block; line-height:32px; height:32px; overflow:hidden;}
#phone-menu .menu-main .list ul li dl dd a{ display:block; color:rgba(255,255,255,.8); font-size:13px;}
#phonemenubg{ left:-1000%; top: -1000%;}
@media only screen and (max-width: 1440px) {
#top .menu ul li .a{ padding:0 30px;}
}
@media only screen and (max-width: 1100px) {
#phonemenubg{ left:0px; top:0px;}	
#phone-menu { display:block;}
#phone-top {
	display: block;
}

#top {
	display: none;
}

#ALL {
	padding-top: 50px;
}
}


/*top end*/


/*banner*/




.pc-banner {
	background: #ccc;


}

.pc-banner .swiper-slide, .pc-banner-small .swiper-slide {
	background-size: cover;
	background-position: center;
	position: relative;
	height:100%;
}

.pc-banner .swiper-slide a {
	display: block;
	overflow:hidden;
	height:535px;


}
.pc-banner .swiper-slide a img{ display:none; width:100%;}
.pc-banner .btnn-p{ width:62px; height:62px; border-radius:100%; background:rgba(0,0,0,.04); position:absolute; top:50%; margin-top:-31px; z-index:1; cursor:pointer;}
.pc-banner .btnn-p:before{ content:""; width:14px; height:14px; border-top:2px solid #a2a4a6; border-right:2px solid #a2a4a6; display:block; position:absolute; top:50%; left:50%;  margin:-8px -10px;
-moz-transform:rotate(45deg);
-ms-transform:rotate(45deg);
-o-transform:rotate(45deg);
-webkit-transform:rotate(45deg);
transform:rotate(45deg);


}
.pc-banner .btnn-p.prev{ left:3%;
-moz-transform:rotate(180deg);
-ms-transform:rotate(180deg);
-o-transform:rotate(180deg);
-webkit-transform:rotate(180deg);
transform:rotate(180deg);

}
.pc-banner .btnn-p.next{ right:3%;}
.pc-banner .swiper-slide a .text{ position:absolute; max-width:94%; text-align:center; left:50%; top:11%;
-moz-transform:translateX(-50%);
-webkit-transform:translateX(-50%);
-ms-transform:translateX(-50%);
-o-transform:translateX(-50%);
transform:translateX(-50%);

	width:1100px;
	display:none;

}

.pc-banner .swiper-slide a .text .big{ font-size:40px;
opacity:0;

-moz-transform:translateY(50px);
-webkit-transform:translateY(50px);
-ms-transform:translateY(50px);
-o-transform:translateY(50px);
transform:translateY(50px);
-webkit-transition:transform .6s,opacity .6s;
-moz-transition:transform .6s,opacity .6s;
-o-transition:transform .6s,opacity .6s;
-ms-transition:transform .6s,opacity .6s;
transition:transform .6s,opacity .6s;

}
.pc-banner .swiper-slide a .text .small{ line-height:1.5; font-size:18px;opacity:0;

-moz-transform:translateY(50px);
-webkit-transform:translateY(50px);
-ms-transform:translateY(50px);
-o-transform:translateY(50px);
transform:translateY(50px);
-webkit-transition:transform .6s,opacity .6s;
-moz-transition:transform .6s,opacity .6s;
-o-transition:transform .6s,opacity .6s;
-ms-transition:transform .6s,opacity .6s;
transition:transform .6s,opacity .6s;

}
.pc-banner .swiper-slide.swiper-slide-active a .text .small{
	-moz-transform:translateY(0px);
-webkit-transform:translateY(0px);
-ms-transform:translateY(0px);
-o-transform:translateY(0px);
transform:translateY(0px);
opacity:1;
	-moz-transition-delay:.8s;
	-ms-transition-delay:.8s;
	-o-transition-delay:.8s;
	-webkit-transition-delay:.8s;
	transition-delay:.8s;
	
	}
.pc-banner .swiper-slide.swiper-slide-active a .text .big{
	-moz-transform:translateY(0px);
-webkit-transform:translateY(0px);
-ms-transform:translateY(0px);
-o-transform:translateY(0px);
transform:translateY(0px);
opacity:1;
	-moz-transition-delay:.4s;
	-ms-transition-delay:.4s;
	-o-transition-delay:.4s;
	-webkit-transition-delay:.4s;
	transition-delay:.4s;
	
	}	

.pc-banner .swiper-slide a img{ display:block; width:100%; opacity:0; position:relative;  margin:auto;}

.pc-banner	.swiper-pagination,.zp-banner	.swiper-pagination{ bottom:20px;}
.pc-banner	.swiper-pagination span,.zp-banner	.swiper-pagination span{   border-style:solid; border-width:1px; border-color:transparent; width:10px; height:10px; border-radius:100%;}
.pc-banner	.swiper-pagination span.swiper-pagination-bullet-active,.zp-banner	.swiper-pagination span.swiper-pagination-bullet-active{ border-color:#737d82;width:10px; height:10px; -moz-transform:translateY(1px); -ms-transform:translateY(1px); -o-transform:translateY(1px); -webkit-transform:translateY(1px); transform:translateY(1px); background:#737d82;}

@media only screen and (max-width: 1600px) {
.pc-banner .swiper-slide a{ height:500px;}	
}
@media only screen and (max-width: 1440px) {
.pc-banner .swiper-slide a{ height:450px;}	
}
@media only screen and (max-width: 1024px) {
.pc-banner	.btnn-p{ display:none;}
.pc-banner { padding-top:50px; margin-top:-50px;}
.pc-banner .swiper-slide a{ height:auto}
.pc-banner .swiper-slide a img{ display:block; padding-bottom:10%;}
	
}

@media only screen and (max-width: 600px) {
.pc-banner .swiper-slide a .text .big{ font-size:30px;}
.pc-banner .swiper-slide a .text .small{ font-size:14px;}

}

@media only screen and (min-width: 1024px) {

.pc-banner	.swiper-pagination span,.zp-banner	.swiper-pagination span{ opacity:1; background:#fff; border-style:solid; border-width:2px; border-color:transparent; width:10px; height:10px; }
.pc-banner	.swiper-pagination span.swiper-pagination-bullet-active,.zp-banner	.swiper-pagination span.swiper-pagination-bullet-active{ border-color:#ff7b00;width:14px; height:14px; -moz-transform:translateY(2px); -ms-transform:translateY(2px); -o-transform:translateY(2px); -webkit-transform:translateY(2px); transform:translateY(2px); background:#fff;}
}




/*banner end*/
/*产品分类*/
.index-protype {
	background: #dfe2e3;
	background: -moz-linear-gradient(left, #a0a7ad 0%, #dde0e2 33%, #e6e8ea 50%, #dde0e2 66%, #a0a7ad 100%);
	background: -webkit-linear-gradient(left, #a0a7ad 0%, #dde0e2 33%, #e6e8ea 50%, #dde0e2 66%, #a0a7ad 100%);
	background: -ms-linear-gradient(left,#a0a7ad 0%, #dde0e2 33%, #e6e8ea 50%, #dde0e2 66%, #a0a7ad 100%);
	background: -o-linear-gradient(left,#a0a7ad 0%, #dde0e2 33%, #e6e8ea 50%, #dde0e2 66%, #a0a7ad 100%);
	background: linear-gradient(left, #a0a7ad 0%, #dde0e2 33%, #e6e8ea 50%, #dde0e2 66%, #a0a7ad 100%);

}

.index-protypelist .swiper-wrapper .swiper-slide:nth-child(1){border-left:1px solid rgba(255,255,255,.8);}
.index-protypelist .swiper-wrapper .swiper-slide {
	text-align:center;
	 display:block;
	 border-right:1px solid rgba(255,255,255,.2);
	 padding:30px 0;
	 color:#5a5a5a;
	 font-size:16px;
	 width:20%;
	
	
}
.index-protypelist .swiper-wrapper .swiper-slide .tu{ height:154px;}

.index-protypelist .swiper-wrapper .swiper-slide .tu img{ height:154px; display:block; margin:auto;}
.index-protypelist .swiper-wrapper .swiper-slide .title{ font-size:14px; line-height:30px; height:30px; overflow:hidden;}
.index-protypelist .swiper-wrapper .swiper-slide:hover,.index-protypelist .swiper-wrapper .swiper-slide.on{ background:rgba(255,255,255,.1);color:#ff7b00; font-weight:bold; } 

@media only screen and (max-width: 640px) {
	.index-protypelist .swiper-wrapper .swiper-slide{ padding:15px 0;}
	.index-protypelist .swiper-wrapper .swiper-slide .tu img,.index-protypelist .swiper-wrapper .swiper-slide .tu{ height:80px;}
	
	}
/*产品分类 end*/


/*首页产品*/
#pro-index{
	background-image:url(../images/cpbg_02.jpg); background-position:center; background-size:cover;}
#pro-index .pro-index{ width:94%; max-width:1200px; padding:40px 0; margin:auto; display:none;}	
#pro-index .pro-index ul:after{ content:""; display:block; clear:both;}
#pro-index .pro-index ul li{ display:block; width:31.6%; float:left; margin:0 2.6% 2.6% 0;}
#pro-index .pro-index ul li:nth-child(3n){ margin-right:0px;}
#pro-index .pro-index ul li a{ display:block; border-width:3px; border-style:solid; border-color:transparent; text-align:center; color:#000; font-size:16px;}
#pro-index .pro-index ul li a .tu { position:relative;}
#pro-index .pro-index ul li a .tu .pic{ position:absolute; width:100%; height:100%; left:0px; top:0px;}
#pro-index .pro-index ul li a .tu img.bbg{ display:block; width:100%; opacity:0;}
#pro-index .pro-index ul li a:hover{ border-color:#ff7b00; background:#fff; color:#ff7b00; font-weight:bold;}
#pro-index .pro-index ul li a .title{ line-height:66px; height:66px; overflow:hidden; margin:0 9%;border-top:1px solid #000;}
#pro-index .pro-index ul li a:hover .title{ border-top:2px solid #ff7b00;}
#pro-index .pro-index ul li a .title .small{ font-size:12px; line-height:30px; overflow:hidden; padding-top:5px; height:30px; opacity:.7;}
#pro-index .pro-index ul li a .title .big{ height:30px; line-height:30px; overflow:hidden;}



@media only screen and (max-width: 800px) {
#pro-index .pro-index ul li:nth-child(3n),#pro-index .pro-index ul li{ width:48.5%; margin:0 3% 3% 0; }	
#pro-index .pro-index ul li:nth-child(2n){ margin-right:0px;}	
	
}
@media only screen and (max-width: 600px) {
	#pro-index .pro-index ul li a .title{ font-size:14px; margin:0 6%;}
}
@media only screen and (max-width: 375px) {
#pro-index .pro-index ul li:nth-child(3n),#pro-index .pro-index ul li{ width:100%; margin:0 0% 3% 0; }	
#pro-index .pro-index ul li a .title{ margin:0 3%;}	
}

/*首页产品 end*/
/*首页3格*/
.index-3g{ background-image:url(../images/about.jpg); background-position:center; background-repeat:no-repeat; padding:70px 0 20px;background-size:cover;}


.index-3g .bbt{ text-align:center; font-weight:bold; color:#fff; font-size:30px;}
.index-3g .bbt .cheng{ color:#ff7b00; font-size:24px;}
.index-3g .list{ width:94%; max-width:1200px; margin:50px auto 0;}
.index-3g .list ul:after{ clear:both; content:""; display:block;}
.index-3g .list ul li{ float:left; width:17.3%; text-align:center; display:block; margin:0 3.375% 3% 0;}
.index-3g .list ul li:nth-child(5n){ margin-right:0px;}
.index-3g .list ul li a{ display:block; text-align:center; color:#fff;}
.index-3g .list ul li a .tu{ background-position:center; background-repeat:no-repeat; background-size:cover; border:2px solid #fff; border-radius:2px; overflow:hidden;}
.index-3g .list ul li a .tu img{ opacity:0; display:block; width:100%;}
.index-3g .list ul li a .big{ line-height:30px; height:30px; font-size:18px; overflow:hidden; font-weight:bold; margin-bottom:8px;}

.index-3g .list ul li a .text{ padding-top:15px;}
.index-3g .list ul li a .small{ opacity:.7; line-height:18px; height:54px; overflow:hidden; padding:0 8%; }
.index-3g .list ul li a:hover .tu{ border-color:#ff7b00;}
@media only screen and (max-width: 1000px) {
.index-3g .list ul li:nth-child(5n),.index-3g .list ul li{ width:31.5%; margin:0 2.75% 2.75% 0;}
.index-3g .list ul li:nth-child(3n){ margin-right:0px;}
	
}
@media only screen and (max-width: 600px) {
.index-3g .list ul li:nth-child(3n),.index-3g .list ul li,.index-3g .list ul li:nth-child(5n){ width:48.5%; margin:0 3% 3% 0;}
.index-3g .list ul li:nth-child(2n){ margin-right:0px;}
.index-3g .list ul li a .small{ font-size:12px;}	
}


/*首页3格 end*/
/*合作伙伴*/
.index-hb{ width:94%; max-width:1200px; margin:70px auto;}
.index-hb .bbt{ font-size:24px; color:#ff7b00; text-align:center; font-weight:bold; margin-bottom:30px;}
.index-hb .list ul:after{ content:""; display:block; clear:both;}
.index-hb .list ul li{ display:block; width:15%; float:left; margin:0 2% 2% 0;}
.index-hb .list ul li:nth-child(6n){ margin-right:0px;}
.index-hb .list ul li a{ display:block; border:1px solid #dddddd; position:relative;}
.index-hb .list ul li a .bbg{ opacity:0; display:block; width:100%;}
.index-hb .list ul li a .pic{ position:absolute; display:block; width:100%; height:100%; left:0px; top:0px;}
@media only screen and (max-width: 800px) {
.index-hb .list ul li:nth-child(6n),.index-hb .list ul li{ width:23.5%; margin:0 2% 2% 0;}
.index-hb .list ul li:nth-child(4n){ margin-right:0px;}
.index-hb{ margin:5% auto; }
.index-hb .bbt{ margin-bottom:4%;}
}
@media only screen and (max-width: 500px) {
.index-hb .list ul li:nth-child(6n),.index-hb .list ul li,.index-hb .list ul li:nth-child(4n){ width:32%; margin:0 2% 2% 0;}
.index-hb .list ul li:nth-child(3n){ margin-right:0px;}
}
/*合作伙伴 end*/

/*首页新闻*/
#index-news{ background:#f5f5f5; padding:60px 0;}

#index-news .index-news{ width:94%; max-width:1200px; margin:auto;}

#index-news .index-news:after{ content:""; clear:both; display:block;}
#index-news .index-news	.i-newsbox{ float:left; background:#fff; width:30.8%; margin:0 1.6% 0 0; height:570px;}
#index-news .index-news	.i-newsbox-a{ width:33.6%; float:left; background:#fff; height:570px;}
#index-news .index-news	.i-newsbox .tu{ background-position:center; background-repeat:no-repeat; background-size:cover; height:200px;}
#index-news .index-news	.i-newsbox .list{ padding:16px;}
#index-news .index-news	.i-newsbox .list .bbt{ line-height:50px; height:50px; font-size:16px; font-weight:300;}
#index-news .index-news	.i-newsbox .list .bbt a{ color:#ff7b00;}
#index-news .index-news	.i-newsbox .list ul li{ display:block; padding-bottom:10px;}
#index-news .index-news	.i-newsbox .list ul li a{ display:block; padding-top:7px; color:#000;}
#index-news .index-news	.i-newsbox .list ul li a .title{ height:30px; overflow:hidden; line-height:30px; font-size:16px; font-weight:bold;}
#index-news .index-news	.i-newsbox .list ul li a .rq{ line-height:26px; overflow:hidden; height:26px; opacity:.6; font-size:12px;}
#index-news .index-news	.i-newsbox .list ul li a .demo{ line-height:22px; height:66px; opacity:.6; font-size:14px; overflow:hidden; margin-top:5px; }
#index-news .index-news	.i-newsbox .list ul li a:hover{ color:#ff7b00;}
#index-news .index-news	.i-newsbox-a{ padding:16px;}
#index-news .index-news	.i-newsbox-a .bbt{ line-height:50px; height:50px; font-size:16px; font-weight:300;}
#index-news .index-news	.i-newsbox-a .bbt a{ color:#ff7b00;}
#index-news .index-news	.i-newsbox-a .list{ padding-top:5px;}
#index-news .index-news	.i-newsbox-a .list ul li{ display:block; height:30px; overflow:hidden;}
#index-news .index-news	.i-newsbox-a .list ul li a{ display:block; height:30px; line-height:30px; overflow:hidden; color:#515151; font-size:14px;}
#index-news .index-news	.i-newsbox-a .list ul li a span{ font-size:12px; opacity:.8; float:right; margin-left:30px;}
#index-news .index-news	.i-newsbox-a .list ul li a:hover{ color:#ff7b00;}

@media only screen and (max-width: 800px) {
#index-news .index-news	.i-newsbox{ width:48.5%; margin:0 3% 3% 0;}
#index-news .index-news	.i-newsbox:nth-child(2){ margin-right:0px;}	
#index-news .index-news	.i-newsbox-a{ width:100%; float:none; clear:both; height:auto;}	
}
@media only screen and (max-width: 600px) {
#index-news .index-news	.i-newsbox{ width:100%; margin:0 0% 3% 0;}	
}
/*首页新闻 end*/



















/*首页关于我们*/
#indexbbg{ width:100%; height:100%; position:fixed; left:0px; top:0px; z-index:1; background-position:center; background-size:cover;}
.index-about{ width:94%; max-width:1100px; text-align:center; padding:93px 0 ; font-weight:bold; margin:auto;}

.index-about .big{ font-size:32px; line-height:53px; margin-bottom:26px;}
.index-about .small{ line-height:30px; font-size:16px; margin-bottom:29px;}
.index-about .href{ text-align:center;}
.index-about .href a{ border:3px solid #fff; padding:0 42px; line-height:42px; font-weight:100; display:inline-block; font-size:16px; letter-spacing:2px; color:#fff;}
.index-about .href a:hover{ background:#fff; color:#000 !important;}
/*index-bottom*/


#bottom-index{ background:#fff; padding:40px 0;}
#bottom-index .main{ width:94%; margin:auto; max-width:1100px;











}


#bottom-index .main .left{ background-position:center; background-size:cover; display:block; height:300px; margin-bottom:3%;}
#bottom-index .main .right ul li:nth-child(1){ margin-top:0px;}
#bottom-index .main .right ul li{ display:block; margin-top:3%;}
#bottom-index .main .right ul li a{ display:block; border:1px solid #ededed; background:#f8f8f8; padding:5%;}
#bottom-index .main .right ul li a .title{ font-size:18px; font-weight:bold; line-height:24px; margin-bottom:20px;}
#bottom-index .main .right ul li a .demo{ line-height:20px; font-size:12px; color:#000; margin-bottom:22px;}
#bottom-index .main .right ul li a .rq{ color:#979797;}
@media only screen and (min-width: 767px) {
#bottom-index .main .right ul li a{ padding:30px; }	
#bottom-index{ padding:90px 0;}

#bottom-index .main{
	 
	display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    -webkit-flex-direction: row;
    flex-direction: row;
    -webkit-box-orient: horizontal;
    -ms-box-orient: horizontal;
    box-orient: horizontal;


}
#bottom-index .main .right{
		-webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-box-flex: 1;
	border:0px;
	margin-left:30px;
	
	}
#bottom-index .main .left{ width:36%; margin-bottom:0px;height:auto;}

}
/*首页end*/



/*联系我们*/
.contact-top{ margin:40px auto 0; max-width:1200px; width:94%; height:447px;}

.contact-bottom{ line-height:2; background:#fff;  max-width:1200px; width:94%; margin:auto;}

.contact-ly{ background:#fff; padding:50px 0; width:94%; max-width:1200px; margin:5px auto 60px;}
.contact-ly .main{ width:94%; max-width:830px; margin:auto;}
.contact-ly .main .bbt{ font-size:24px; text-align:center; color:#000; line-height:60px; margin-bottom:20px;}
.contact-ly .main .ly-box{ }
.contact-ly .main .ly-box input{ width:100%; padding:0 10px; border:1px solid #d1d1d1; height:36px; margin-bottom:10px;}
.contact-ly .main .ly-box textarea{ height:196px; line-height:20px; padding:6px 5px; width:100%; border:0px; background:#fff; border:1px solid #d1d1d1; }
.contact-ly .bttn{ padding-top:30px; width:94%; max-width:1100px; margin:auto; font-size:16px; color:#8a8a8c; line-height:42px; text-align:center;}
.contact-ly .bttn input{ width:150px; height:42px; background:#ff7b00; color:#fff; border:0px; cursor:pointer; font-size:16px;}



@media only screen and (max-width: 1000px) {
.contact-top{
	height:300px;
	
	}

}
@media only screen and (max-width: 500px) {
.contact-top{
	height:200px;
	
	}

}
@media only screen and (min-width: 700px) {
.contact-ly .main .ly-box{
	    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    -webkit-flex-direction: row;
    flex-direction: row;
    -webkit-box-orient: horizontal;
    -ms-box-orient: horizontal;
    box-orient: horizontal;
	}
.contact-ly .main .ly-box input{-webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-box-flex: 1;
}	
.contact-ly .main .ly-box  input:nth-child(2){ margin:0 20px;}	
}

/*联系我们 end*/
















/*关于我们*/
.about-view{ width:94%; max-width:1200px; margin:30px auto; line-height:2;}
.about-view .bbt{ line-height:1.4; margin-bottom:20px;}
.about-view .bbt .cn{ font-size:36px; color:#ff7b00;}
.about-view .bbt .en{ font-size:30px; color:#000;}
.wdys{ background-image:url(../images/wd_02.jpg); background-position:center; background-size:cover; height:260px;}
.wd-box{ padding:70px 0; border-top:1px solid #d3d3d3; }
.wd-box:nth-child(1){ border:0px;}
.wd-box .view{ width:94%; max-width:1200px; margin:auto;}
.wd-box-list{ padding-bottom:60px;}
.wd-box .view .tu{display:inline-block}
.wd-box .view .tu .img{ padding:0 3% 3% 0; position:relative; }
.wd-box .view .tu img{ position:relative; z-index:5; display:block;}
.wd-box .view .tu .img:before{ content:""; display:block; width:80%; bottom:0px; right:0px; position:absolute; height:46%; background:#ff7b00;}
.wd-box .view .text{ padding-top:10px;}
.wd-box .view .text .title{ margin-bottom:20px;}
.wd-box .view .text .title span{ display:inline-block; line-height:40px; border-bottom:1px solid #ff7b00; font-size:20px; font-weight:bold; color:#000;}
.wd-box .view .text .content{ line-height:2; font-size:14px;}


@media only screen and (min-width: 700px) {
	.wd-box .view .text .title span{line-height:60px; font-size:26px; }
	.wd-box .view .tu{ padding:0 20px 20px 0;}
	.wd-box .view .ge{ width:11%;}
.wd-box .view{
	   display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    -webkit-flex-direction: row;
    flex-direction: row;
    -webkit-box-orient: horizontal;
    -ms-box-orient: horizontal;
    box-orient: horizontal;
	}
.wd-box .view .text{-webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-box-flex: 1;}	
.wd-box:nth-child(2n) .view{
	-ms-flex-direction:row-reverse;
    -webkit-flex-direction:row-reverse;
    flex-direction:row-reverse;
	}	
	
.wd-box .view .tu{ width:37.5%;}
.wd-box .view .tu img{ width:100%;}
}
@media only screen and (max-width: 1000px) {
.wd-box .view .ge{ width:4%;}	
}


@media only screen and (max-width: 699px) {
.about-view .bbt .cn{ font-size:26px; }
.about-view .bbt .en{ font-size:20px;}
.wdys{ height:150px;}	
	
	
}
/*关于我们 end*/
/*应用方案*/
.program-list .item{ padding:40px 0; background:#fff;} 
.program-list .item:nth-child(2n){ background:#f4f4f4;}		
.program-list .item a{ display:block; width:94%; max-width:1200px; margin:auto;}
.program-list .item a .tu{ background-position:center; background-repeat:no-repeat; background-size:cover; height:200px;}
.program-list .item a .title{ position:relative; color:#000; font-size:18px; padding:15px 0; margin-bottom:10px;}
.program-list .item a .title:before{ background:#676767; height:1px; width:37px; content:""; display:block; position:absolute; bottom:0px; left:0px;}
.program-list .item a .demo{ color:#676767; line-height:1.8; margin-bottom:30px;}
.program-list .item a  .href{ height:32px; font-size:14px;}
.program-list .item a  .href span{ display:inline-block; padding-right:45px; line-height:32px; position:relative;}
.program-list .item a  .href span:before{ content:""; display:block; clear:both; width:32px; height:32px; border-radius:100%; background:#333333; position:absolute; top:0px; right:0px;}
.program-list .item a  .href span:after{ width:8px; height:8px; border-top:2px solid #fff; border-right:2px solid #fff; content:""; display:block; position:absolute; top:50%; margin-top:-5px; right:13px; 
-moz-transform:rotate(45deg);
-ms-transform:rotate(45deg);
-o-transform:rotate(45deg);
-webkit-transform:rotate(45deg);
transform:rotate(45deg);}
.program-list .item a:hover  .href span:before,.program-list .item a:hover .title:before{ background:#ff7b00;}
.program-list .item a:hover  .href span{ color:#ff7b00;}
.program-list .item a:hover  .title{ color:#ff7b00;}
/**/
.program-top{ background:#343434; padding:40px 0; }
.program-top .title{line-height:1.6; font-size:30px; color:#fff; width:94%; max-width:1000px; margin:auto;}
.program-rq{ height:30px; position:relative; z-index:2;width:94%; max-width:1000px; margin:auto;}
.program-rq .rq{ height:40px; width:120px; top:-20px; left:0px; position:absolute; text-align:center; background:#fff; line-height:40px;}
@media only screen and (min-width: 700px) {
.program-list .item{ padding:80px 0;} 	
.program-list .item a .title:before{width:57px;}	
.program-list .item a .title{  font-size:24px; line-height:30px; margin-bottom:20px;}	
.program-list .item a{  display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    -webkit-flex-direction: row;
    flex-direction: row;
    -webkit-box-orient: horizontal;
    -ms-box-orient: horizontal;
    box-orient: horizontal;}
.program-list .item:nth-child(2n) a{
	-ms-flex-direction:row-reverse;
    -webkit-flex-direction:row-reverse;
    flex-direction:row-reverse;
	}

.program-list .item a .text{-webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-box-flex: 1;}	
.program-list .item a .ge{ width:5.8%;}	
.program-list .item a .tu{ width:46.8%; height:320px;}
}
/*应用方案 end*/

/*新闻*/
#bsWXBox,#bsWXBox *,#bsBox,#bsBox *{box-sizing:content-box;
	-moz-box-sizing:content-box;
	-webkit-box-sizing:content-box;}
.loader{ width:30px; margin:auto;}
.news-banner{ height:300px; background-position:center; background-size:cover;  position:relative;}
.about-banner{ height:350px; background-position:center; background-size:cover;  position:relative;}

.mr-type{ padding:38px 3%; background:#fff; text-align:center;}
.mr-type a{ display:inline-block; margin:0 10px; padding:0 32px; border:1px solid #000; height:48px; line-height:46px; font-size:18px; color:#000; background:#fff;}
.mr-type a:hover,.mr-type a.on{ color:#fff; border:1px solid #ff7b00; background:#ff7b00;}
/**/
#news-list.news-list{ padding-bottom:50px;}
#news-list.news-list .first{ background:#f8f8f8; padding:56px 0;
}
#news-list.news-list:after{ content:""; display:block; clear:both;}
@media only screen and (min-width:651px) {
#news-list.news-list .first .ftt{
		display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column-reverse;
    -webkit-flex-direction: column-reverse;
    flex-direction: column-reverse;
    -webkit-box-orient: horizontal;
    -ms-box-orient: horizontal;
    box-orient: horizontal;
	}
}

#news-list.news-list .first .a{ display:block; width:94%; max-width:1200px; position:relative; margin:auto;}
#news-list.news-list .first .a .rq{ color:#7e7e7e; line-height:20px;}
#news-list.news-list .first .a .title{ color:#000000; font-size:24px; line-height:36px; margin-bottom:10px; height:36px; overflow:hidden;}
#news-list.news-list .first .a .text{ position:relative; padding-left:48%; height:298px;}
#news-list.news-list .first .a .text .tu{ width:45.1%; height:298px; position:absolute; left:0px; top:0px;
 background-position:center; background-size:cover; 

}
#news-list.news-list .first .a .text .content{ position:relative; height:298px;}
#news-list.news-list .first .a .text .content .demo{ color:#6c6c6c; line-height:26px; height:104px; overflow:hidden; margin-bottom:18px;} 
#news-list.news-list .first .a .text .content .href{ display:inline-block; position:relative; color:#ff7b00; font-size:18px; border-bottom:1px solid #ff7b00; line-height:40px;}
#news-list.news-list .first .share{ width:94%; height:0px; max-width:1200px; margin:auto; position:relative;}

#news-list.news-list .first .share .bshare-custom{ left:48%; bottom:0px; position:absolute; line-height:16px;}
#news-list.news-list .first .share .bshare-custom span{ font-size:12px; opacity:.5; transform:translateY(1px); display:inline-block; margin-right:5px;}
#news-list.news-list .first .share .bshare-custom a.fx{ display:inline-block; background:url(../images/fxx_08.png) left no-repeat;}
#news-list.news-list .first .share .bshare-custom a.bshare-more{ display:inline-block; background:url(../images/fxx_10.png) left no-repeat; width:25px;}
#news-list.news-list .second{ width:94%; max-width:1200px; padding:45px 0; margin:auto; border-bottom:1px solid #ddd;}
#news-list.news-list .second a{ display:block; height:125px; padding-left:230px; position:relative; color:#989898;}
#news-list.news-list .second a .tu{ position:absolute; left:0px; top:0px;
 background-position:center; background-size:cover; height:125px; width:196px;}
 #news-list.news-list .second a .title{ line-height:30px; height:30px; overflow:hidden; position:relative; margin-bottom:8px; font-size:18px; color:#000;}
  #news-list.news-list .second a:hover .title{ color:#ff7b00;}
  #news-list.news-list .second a .demo{ line-height:20px; font-size:12px; overflow:hidden; height:60px; margin-bottom:4px;}
  #news-list.news-list .second a .rq{ position:absolute; top:0px; right:0px; font-size:12px; line-height:30px;} 
  #news-list.news-list .second a .href{ line-height:18px; display:inline-block; border-bottom:1px solid #dcdcdc; font-size:12px;}
  #news-list.news-list .second a:hover .href{color:#ff7b00;border-bottom:1px solid #ff7b00;}
   #news-list.news-list .paggg{ display:block; width:94%; max-width:1200px; margin:auto; line-height:50px; height:50px; text-align:center; border-bottom:1px solid #ddd; cursor:pointer; color:#838383; clear:both;}
   /*view*/
.newsviewtop{ padding:30px 0;  width:94%; max-width:1200px; margin:auto; text-align:center;}
.newsviewtop .title{font-size:24px; color:#010101;line-height:1.6; margin-bottom:10px; }   
.newsviewtop .xx{ color:#838383; font-size:12px;}  
.newsviewtop .xx .bshare-custom{ display:inline-block; }
.newsviewtop .xx .bshare-custom a{transform:translateY(-2px)}
.newsviewtop .xx .bshare-custom a.bshare-qzone{ background:url(../images/fxxx_03.png) center no-repeat;}
.newsviewtop .xx .bshare-custom a.bshare-sinaminiblog{ background:url(../images/fxxx_05.png) center no-repeat;}
.newsviewtop .xx .bshare-custom a.bshare-qqmb{ background:url(../images/fxxx_07.png) center no-repeat;}
.newsviewtop .xx .bshare-custom a.bshare-weixin{ background:url(../images/fxxx_09.png) center no-repeat;}
.newsviewtop .xx .bshare-custom a.bshare-more{ background:url(../images/fxxx_11.png) center no-repeat;}
.newsview{ background:#fff; max-width:1200px; margin:auto; line-height:2;}
.newsview .view{ padding:60px 0; max-width:1000px; margin:auto; width:94%;}
.newsview-bottom{ width:94%; max-width:1200px; border-top:1px solid #d2d2d2; border-bottom:1px solid #d2d2d2; margin:40px auto 80px; height:50px; line-height:50px; position:relative;}
.newsview-bottom .prev{ float:left; width:50%; height:50px; overflow:hidden; padding-right:100px;}
.newsview-bottom .next{ float:right; width:50%; height:50px; overflow:hidden; padding-left:100px; text-align:right;}
.newsview-bottom .href{ height:50px; position:absolute; width:150px; text-align:center; margin-left:-75px; top:0px; left:50%;}
@media only screen and (max-width:1024px) {
.news-banner{ height:220px;}
.about-banner{ height:250px;}
.mr-type:after{ content:""; display:block; clear:both;}
.mr-type a{ float:left; margin:0 3% 10px 0; }
}
@media only screen and (max-width:650px) {
.mr-type a{ margin:0 2% 2% 0; height:40px; line-height:38px; font-size:14px; padding:0 0px; width:23.5%;}
.mr-type a:nth-child(4n){ margin-right:0px;}
.mr-type{ padding:20px 3%;}

#news-list.news-list .first,#news-list.news-list .second{ background:none; float:left; width:46.5%; margin:0 0% 6% 3%; padding:0; border-bottom:1px solid #ddd;}
#news-list.news-list .second a .title,#news-list.news-list .first a .title{ font-size:16px !important; height:30px !important; line-height:30px !important; overflow:hidden; margin-bottom:0px !important;}
#news-list.news-list .second a ,#news-list.news-list .first a{ padding:0px 0 10px 0 !important; height:auto !important;}
#news-list.news-list .second a .rq ,#news-list.news-list .first a .rq{ font-size:12px; line-height:20px; position:relative; left:0px;}
#news-list.news-list .second a .tu ,#news-list.news-list .first a .tu{ position:relative !important; width:100% !important; height:120px !important; margin-bottom:10px;}
#news-list.news-list .first .a .text{ padding:0px;}
#news-list.news-list .first .share{ display:none;}
#news-list.news-list .first .content{ height:auto !important;}
#news-list.news-list .first .content .demo{line-height:20px !important; font-size:12px; overflow:hidden; height:60px !important; margin-bottom:4px !important; color:#989898 !important;}
#news-list.news-list  .href{  display:none !important}
#news-list.news-list .first .a .text { height:auto !important;}
#news-list.news-list .first .a{ width:100%;}
#news-list.news-list .paggg{ border:0px;}
}

@media only screen and (max-width:499px) {
.news-banner{ height:200px;}
.about-banner{ height:200px;}
#news-list.news-list .first,#news-list.news-list .second{ margin:0 auto 5% !important; width:94% !important; float:none;}
#news-list.news-list .second a .tu ,#news-list.news-list .first a .tu{ height:200px !important;}
.newsviewtop{ text-align:left;}
.newsviewtop .title{ font-size:18px;}
.newsviewtop .xx .bshare-custom{ display:block; margin-top:8px;}
.newsview-bottom{ border:0px;}
.newsview-bottom .prev,.newsview-bottom .next{ padding:0px; text-align:left; line-height:30px; height:30px; overflow:hidden; float:none; width:100%; font-size:12px; }
.newsview-bottom .href{ position:relative; margin-top:10px;}
}
@media only screen and (max-width:375px) {
.mr-type a,.mr-type a:nth-child(4n){ width:32%;}	
.mr-type a:nth-child(3n){ margin-right:0px;}	
#news-list.news-list .second a .tu ,#news-list.news-list .first a .tu{ height:160px !important;}
}






/*新闻 end*/


/*产品*/
/**/
@media only screen and (min-width: 800px){
.cp-type-bg{ background:#f0f2f4; padding:50px 0;}	
.pro-pctype{ margin:30px auto; width:94%; max-width:1200px;}

.protypelist{ background:#fff;}
.protypelist ul{display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    -webkit-flex-direction: row;
    flex-direction: row;
    -webkit-box-orient: horizontal;
    -ms-box-orient: horizontal;
    box-orient: horizontal;
	 border-bottom:1px solid #dcdcdc;
	 margin-right:-1px;
	 margin-bottom:-1px;

	}
.protypelist ul li{ float:left; 
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-box-flex: 1;
	height:68px; line-height:68px;
	text-align:center;
	border-left:1px solid #dcdcdc;
}
.protypelist ul li .xiala{ display:none;}
.protypelist ul li:nth-child(1){ border:0px;}	
.protypelist ul li .a{ display:block; height:68px; overflow:hidden; position:relative; z-index:1; font-size:16px;}
.protypelist ul li .a:hover,.protypelist ul li.on .a{ background:#fff; height:68px; color:#ff7b00; font-weight:bold; }
.protypelist ul li .a:before,.protypelist ul li .a:before{
	content:""; display:block; width:0px;
	height:3px; position:absolute; top:0px; left:50%; background:#ff7b00;
	-moz-transform:translateX(-50%);
	-ms-transform:translateX(-50%);
	-o-transform:translateX(-50%);
	-webkit-transform:translateX(-50%);
	transform:translateX(-50%);
	-moz-transition: color .5s, background .5s, opacity .5s, border .5s,transform .5s,width .5s,height .5s,padding .5s;
-ms-transition: color .5s, background .5s, opacity .5s, border .5s,transform .5s,width .5s,height .5s,padding .5s;
-o-transition: color .5s, background .5s, opacity .5s, border .5s,transform .5s,width .5s,height .5s,padding .5s;
-webkit-transition: color .5s, background .5s, opacity .5s, border .5s,transform .5s,width .5s,height .5s,padding .5s;
transition: color .5s, background .5s, opacity .5s, border .5s,transform .5s,width .5s,height .5s,padding .5s;

	}
.protypelist ul li .a:hover:before,.protypelist ul li.on .a:before{
	width:100%;
}
.protypelist .href{ padding:20px;}
.protypelist .href .ll{ margin-bottom:10px;}
.protypelist .href a{ display:inline-block; margin:0 15px 5px 0; font-size:14px; line-height:20px;}
.protypelist .href a:hover{ color:#ff7b00;}
.protypelist .href a.on{color:#ff7b00; font-weight:bold;}




	
.pro-list ul li:nth-child(3n){ margin-right:0px;}
.pro-pctype .protypelist ul li dl{ display:none !important;}
#type-menu-dan{ display:none !important;}
}
@media only screen and (max-width: 799px){
	.protypelist ul li .xiala{ display:block;}
#type-menu-dan{ display:none;}	
.pro-list{ margin-top:3%;}	
.protypelist .href{ display:none;}
.pro-list ul li{  width:48.5%; margin:0 3% 3% 0;}
.pro-list ul li:nth-child(2n){ margin-right:0px;}	
.pro-pctype{ background:#fff; width:260px; position:fixed; z-index:13; height:100%; overflow-y:auto; left:0px; top:0px; box-shadow:0 0 15px rgba(0,0,0,.1); left:-280px; opacity:0; padding:50px 0;}
.pro-pctype[data-on='on']{ left:0px; opacity:1; background:#000;}
.pro-pctype .xilie-list{
	display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    -webkit-flex-direction: row;
    flex-direction: row;
    -webkit-box-orient: horizontal;
    -ms-box-orient: horizontal;
    box-orient: horizontal;

	}
.pro-pctype .xilie-list a{
	height:46px; line-height:46px; text-align:center; float:left;
	    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-box-flex: 1;
	background:#f2f6f5;
	}	
.pro-pctype .xilie-list a.on{ background:#ff7b00; color:#fff;}	
.pro-pctype .protypelist{ border-top:1px solid rgba(255,255,255,.2);}
.pro-pctype .protypelist ul li{ display:block; border-bottom:1px solid rgba(255,255,255,.2); min-height:46px; position:relative;}
.pro-pctype .protypelist ul li a{ display:block; height:46px; line-height:46px; padding:0 6%; position:relative; z-index:2; min-width:100px; color:rgba(255,255,255,.6);}
.pro-pctype .protypelist ul li .biao{ height:46px; width:100%; position:absolute; display:block; left:0px; top:0px; z-index:1;}
.pro-pctype .protypelist ul li.on .a{color:#ff7b00;}
.pro-pctype .protypelist ul li .xiala{ display:none;background: rgba(255,255,255,.1); color:rgba(255,255,255,.8); }
.pro-pctype .protypelist ul li.on .xiala{ display:block}
.pro-pctype .protypelist ul li.on .xiala .bbt{ padding:0 6%; line-height:50px;}
.pro-pctype .protypelist ul li.on .xiala .ll{ padding-bottom:20px; }
.pro-pctype .protypelist ul li.on .xiala .ll a{ display:inline-block; height:30px; line-height:30px; overflow:hidden; font-size:12px; width:48%; margin:0 4% 3% 0; float:left;}
.pro-pctype .protypelist ul li.on .xiala .ll a.on{ color:#ff7b00;}
.pro-pctype .protypelist ul li.on .xiala .ll a:nth-child(2n){ margin-right:0px;}
.pro-pctype .protypelist ul li.on .xiala .ll:after{ content:""; display:block; clear:both;}
#type-menu{ width:50px; height:50px; border-radius:100%; bottom:70px; right:3%; position:fixed; z-index:15;background: #D9D9D9;
    box-shadow: 3px 5px 10px rgba(0,0,0,.075);}
#type-menu .ico{ width:25px; height:25px; position:absolute; left:50%; top:50%; margin:-12.5px; padding-top:2px;}
#type-menu .ico .line{ height:3px; margin-bottom:5px;}	
#type-menu .ico .line:before{ content:""; display:block; float:left; border-radius:100%; background:#ff7b00; width:3px; height:3px;}
#type-menu .ico .line:after{ content:""; display:block; float:right;background:#ff7b00; width:17px; height:3px;}
}



/**/
.pro-list{
	max-width:1200px; width:94%; margin:auto;
	padding:50px 0;
	
	}
.pro-list:after{ content:""; display:block; clear:both;}	
.pro-list .cpitem{ float:left; width:23.75%; margin:0 1.6666666666% 5% 0; display:block; padding-bottom:15px;}
.pro-list .cpitem:nth-child(4n){ margin-right:0px;}
.pro-list .cpitem a{ display:block; border-width:2px; border-style:solid; border-color:transparent; text-align:center; position:relative; padding-bottom:15px;}
.pro-list .cpitem a .tu{ position:relative; width:85.7%; margin:auto;}
.pro-list .cpitem a .tu .bbg{ display:block; width:100%; opacity:0;}
.pro-list .cpitem a .tu .pic{ display:block; width:100%; height:100%; position:absolute; left:0px; top:0px;}
.pro-list .cpitem a .model{ line-height:22px; color:#969696; height:22px; overflow:hidden; padding:0 5%;}
.pro-list .cpitem a .title{ height:44px; line-height:22px; color:#000;overflow:hidden; font-size:14px; padding:0 5%;}
.pro-list .cpitem a .href{ width:110px; height:30px; border-radius:15px; color:#fff; background:#969696; position:absolute; bottom:-15px; left:50%; margin-left:-55px; line-height:30px;}
.pro-list .cpitem a:hover .href{ background:#ff7b00;}
.pro-list .cpitem a:hover{ border-color:#ff7b00;}

#pro-list.pro-list .paggg {
    display: block;
    width: 94%;
    max-width: 1200px;
    margin: auto;
    line-height: 50px;
    height: 50px;
    text-align: center;
    border-bottom: 1px solid #ddd;
	border-top: 1px solid #ddd;
    cursor: pointer;
    color: #838383;
    clear: both;
}
@media only screen and (max-width:1000px){
.pro-list .cpitem:nth-child(4n),.pro-list .cpitem{ width:32.5%; margin:0 1.25% 5% 0;}	
.pro-list .cpitem:nth-child(3n){ margin-right:0px;}	
}
@media only screen and (max-width:650px){
.pro-list .cpitem:nth-child(3n),.pro-list .cpitem,.pro-list .cpitem:nth-child(4n){ width:48.5%; margin:0 3% 5% 0;}	
.pro-list .cpitem:nth-child(2n){ margin-right:0px;}		
}
@media only screen and (max-width:499px){
	.pro-list .cpitem a .title{ font-size:12px;}
	.pro-list .cpitem a .model{ font-size:10px;}
	.pro-list .cpitem a .href{ width:80px; font-size:10px; margin-left:-40px;}

}

/*详细*/
.cpweizhi{ padding:15px 0; line-height:20px; background:#f4f4f4; color:#8c8c8c; font-size:12px;}
.cpweizhi a{color:#8c8c8c; }
.cpweizhi .view{ width:94%; max-width:1000px; margin:auto;}
.cpweizhi .view span{ margin:0 10px; font-family:'simsun';}

.prov-main{ width:94%;  max-width:1000px; margin:auto; padding:40px 0; background:#fff;}
.pro-banner{ position:relative; overflow:hidden; border:1px solid #dcdcdc; margin-bottom:20px;}
.pro-banner .swiper-slide{ text-align:center;}

.prov-main .down{ padding:40px 0%; line-height:2; overflow:hidden;}
.prov-main .down .bbt{ border-bottom:1px solid #dcdcdc; position:relative; margin-bottom:30px; height:48px; line-height:48px; font-size:22px; text-align:center;}
.prov-main .down .bbt span{ border-bottom:1px solid #ff7b00; display:inline-block; height:48px; color:#000;}

.pro-banner span.swiper-pagination-bullet-active{ background:#ff7b00;}
.prov-main .text .title{ font-size:26px; color:#000; margin-bottom:15px;}
.prov-main .text .demo{ line-height:2;}
.prov-main .text { padding-bottom:30px; position:relative;}
.prov-main .text .href{ position:absolute; left:0px; bottom:0px;}
.prov-main .text .href a{ display:inline-block; height:30px; line-height:30px; padding-left:25px; background:url(../images/bbck_03.png) left no-repeat;}
.smalllist{border-top:1px solid #dcdcdc; height:104px; margin-left:-1px;}
.smalllist .swiper-slide{ height:104px;border-left:1px solid #dcdcdc; width:25%;}
.smalllist .swiper-slide:nth-child(1){ border:0px;}
.smalllist .swiper-slide img{ max-width:100%; max-height:100%;}
.smalllist { position:absolute; z-index:9; left:0px; bottom:0px;}
.big-list { background:#fff; position:relative; z-index:10;}
@media only screen and (min-width:800px) {
.smalllist { position:relative;}	
.smalllist .btn{ width:17px; height:24px; background:#dcdcdc; margin-top:-8px; top:50%; position:absolute; cursor:pointer; z-index:9;}
.smalllist .btn.prev{ left:1px; border-radius:0 2px 2px 0;}
.smalllist .btn.next:before{ content:""; width:6px; height:6px; border-top:2px solid #000; border-right:2px solid #000; position:absolute; display:block; top:50%; margin-top:-3px; left:3px; -moz-transform:rotate(45deg);
 -ms-transform:rotate(45deg);
  -o-transform:rotate(45deg);
   -webkit-transform:rotate(45deg);
    transform:rotate(45deg);
}
.smalllist .btn.prev:before{ content:""; width:6px; height:6px; border-bottom:2px solid #000; border-right:2px solid #000; position:absolute; display:block; top:50%; margin-top:-3px; left:6px; -moz-transform:rotate(135deg);
 -ms-transform:rotate(135deg);
  -o-transform:rotate(135deg);
   -webkit-transform:rotate(135deg);
    transform:rotate(135deg);
}
.smalllist .btn.next{ right:0px; border-radius:2px 0 0 2px;}
.big-list .swiper-pagination{ display:none;}
.prov-main.uu{
	display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    -webkit-flex-direction: row;
    flex-direction: row;
    -webkit-box-orient: horizontal;
    -ms-box-orient: horizontal;
    box-orient: horizontal;
	}
.prov-main.uu .text{ -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-box-flex: 1;}	
.pro-banner{ width:50%; margin-right:5%; margin-bottom:0px;}		
}

@media only screen and (max-width:500px) {


}


/*产品 end*/


/*搜索*/
.search-main {
	width: 94%;
	max-width: 1100px;
	margin: auto;
	padding: 30px 0;
	min-height: 300px;
}

.search-main .type {
	line-height: 50px;
	font-size: 30px;
	color: #000;
	font-weight: bold;
}

.search-main .list ul li {
	display: block;

	overflow: hidden;
	font-size: 14px;
	border-bottom: 1px solid #ccc;
	padding:30px 0;
}

.search-main .list ul li.nothing {
	height: 100px;
	border: 0px;
	line-height: 100px;
	text-align: center;
	font-size: 18px;
	color: #999;
}


.search-main .list ul li a .text .title {
	font-size: 18px;
	margin-bottom: 10px;
}

.search-main .list ul li a .text .demo {
	font-size: 12px;
	opacity: .7;
	line-height: 1.8;
	margin-bottom: 20px;
}

.search-main .list ul li a .text .rq {
	font-size: 14px;
	opacity: .7;
	line-height: 1.8;
	margin-bottom: 15px;
}
.search-main .list ul li a .tu{ margin-bottom:20px;}
@media only screen and (min-width:600px) {
.search-main .list ul li a {

	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: row;
	-webkit-flex-direction: row;
	flex-direction: row;
	-webkit-box-orient: horizontal;
	-ms-box-orient: horizontal;
	box-orient: horizontal;
}

.search-main .list ul li a .tu{ width:200px; margin-right:30px; margin-bottom:0px;}
.search-main .list ul li a .text {
	-webkit-flex: 1;
	-ms-flex: 1;
	flex: 1;
	-webkit-box-flex: 1;
}
}

.search-main .list ul li a span {
	float: right;
	margin-right: 20px;
}

.search-main .list ul li a:hover {
	color: #000;
}

@media only screen and (max-width:500px) {

.search-main .type {
	font-size: 22px;
}
}

/*分页*/
.fanye {
	text-align: center;
	padding: 20px 0;
}

.fanye a {
	display: inline-block;
	border: 1px solid #cccccc;
	height: 30px;
	line-height: 30px;
	width: 30px;
	margin: 0 5px;
	color: #2473d2;
	text-align: center;
}

.fanye a.pageup:before {
	content: "\f100";
	font-family: "fontcustom";
}

.fanye a.pagenext:before {
	content: "\f101";
	font-family: "fontcustom";
}

.fanye a.null {
	color: #999 !important;
	cursor: default !important;
	background: #eee !important;
	border: 1px solid #eee !important;
}

.fanye a.cur, .fanye a:hover {
	border: 1px solid #2473d2;
	background: #2473d2;
	color: #fff;
}

/*分页 end*/

/*footer*/
#footer {
	padding: 0px 0;
	background: #181717;
	color: rgba(255,255,255,.4);
}

#footer a {
	color: rgba(255,255,255,.4);
}

#footer a:hover {
	color: #fff;
}

#footer .foot {
	width: 94%;
	max-width: 1200px;
	margin: auto;
	line-height:1.8;
	  
	
	
}
#footer .foot .about,#footer .foot .right{ padding:50px 0;}
#footer .foot .href{ padding:50px 0%; margin:0;border:0px; border-top:1px solid rgba(255,255,255,.1);
	border-bottom:1px solid rgba(255,255,255,.1);}
#footer .foot .foot-bbt{ height:50px; color:#fff; font-size:14px; line-height:30px;}
#footer .foot .href dl dd{ width:115px; display:inline-block; float:left;}
#footer .foot .href  dl:after{ content:""; clear:both; display:block;

}
#link{border-top:1px solid rgba(255,255,255,.1);
	border-bottom:1px solid rgba(255,255,255,.1); padding:14px 0;}
	#link .view{ width:94%; max-width:1200px; margin:auto; line-height:20px;}
	#link .view a{ margin-right:10px;}
#foot-bottom{ width:94%; max-width:1200px; margin:auto; padding:14px 0; line-height:20px;}	
#foot-bottom .ll{ float:left;}
#foot-bottom .ll span{ margin:0 10px;}

#float{
	background: #000;
	position:fixed; bottom:0px; width:100%; left:0px; z-index:99; height:60px; 
	}
#float ul{ display:block; position:absolute; left:0px; top:0px;  height:60px; }
#float ul li{width:61px; height:60px; border-right:1px solid rgba(255,255,255,.1); display:block; float:left; }
#float ul li img{ max-width:1000px;}
#float ul li a{ display:block; height:60px;}
#float ul li.l1{ background:url(../images/foot_16.png) center no-repeat;}
#float ul li.l2{ background:url(../images/foot_06.png) center no-repeat;}
#float ul li.l3{ background:url(../images/foot_08.png) center no-repeat;}

#float ul li.l4{ background:url(../images/foot_03.png) center no-repeat;}
#float ul li.l4 .aa{ width:50px; height:50px; display:none;}
#float ul li.l3 img{ position:absolute; left:20px; bottom:80px; display:none;}

#float ul li.l3:hover img{ display:block;}
#float ul li.l4 .phone-view{ position:absolute; left:0px;	bottom:60px; color:rgba(255,255,255,.6); width:340px;  text-align:left;
-moz-transform:translateX(-100%);
	-ms-transform:translateX(-100%);
	-o-transform:translateX(-100%);
	-webkit-transform:translateX(-100%);
	transform:translateX(-100%);
	opacity:0;

}
#float ul li.l4 .phone-view .view{background:#000;padding:15px;}
#float ul li.l4:hover .phone-view{
	-moz-transform:translateX(0);
	-ms-transform:translateX(0);
	-o-transform:translateX(0);
	-webkit-transform:translateX(0);
	transform:translateX(0);
	opacity:1;

	
	}
#gotop{display:block; position:absolute; bottom:0px; right:0px; border-left:1px solid rgba(255,255,255,.1); cursor:pointer; width:60px; height:60px;}
#gotop:before{ content:""; display:block; width:14px; height:14px; border-top:1px solid rgba(255,255,255,.9); border-right:1px solid rgba(255,255,255,.9); position:absolute; top:25px; margin-left:-7px;  left:50%;
-moz-transform:rotate(-45deg);
-ms-transform:rotate(-45deg);
-o-transform:rotate(-45deg);
-webkit-transform:rotate(-45deg);
transform:rotate(-45deg);

}
#gotop:after{ content:""; display:block; background:rgba(255,255,255,.9); height:20px; width:1px; left:50%; top:24px; position:absolute;}
.search-box{ max-width:1000px; margin:auto; padding-top:15px; text-align:center; color:#fff;}
.search-box .text{ display:inline-block; *display:inline; *zoom:1; height:40px; line-height:40px; padding:0 15px;}
.search-box .search{display:inline-block; *display:inline; *zoom:1; height:40px; text-align:left; }
.search-box .search .search-text{ border:1px solid #ff7b00; height:30px; line-height:28px; width:234px;  color:#ff7b00; background:none;padding:0 10px;}
.search-box .search button{ width:38px; height:30px; border:0px; background:#ff7b00;  cursor:pointer; position:relative;}
.search-box .search button:after{content:""; display:block; width:6px; height:2px; background:#fff; position:absolute; top:19px; left:20px; transform:rotate(45deg)}
.search-box .search button:before{ content:""; display:block; width:10px; height:10px; border:2px solid #fff; border-radius:100%; position:absolute; left:9px; top:6px;}
@media only screen and (min-width:800px) {
#footer .foot {

	    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    -webkit-flex-direction: row;
    flex-direction: row;
    -webkit-box-orient: horizontal;
    -ms-box-orient: horizontal;
    box-orient: horizontal;

}	
#footer .foot .about{
width:30%; border:0px;

}
#footer .foot .href {
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-box-flex: 1;
	padding:50px 5%;
	margin:0 5%;
	border:0px;
	border-left:1px solid rgba(255,255,255,.1);
	border-right:1px solid rgba(255,255,255,.1);
}	
#footer .foot .right {
width:30%; border:0px;

}
}

@media only screen and (max-width:799px) {
#foot-bottom .ll{ float:none; margin-bottom:15px;}	
#foot-bottom *{ text-align:left !important; }	
}
@media only screen and (max-width:650px) {
	#float{ height:50px; }
	#ALL{ padding-bottom:50px;}
	#float ul li{ display:none;}
	#float ul li.l4{ width:51px; height:50px; display:block;}
	#gotop{ width:51px; height:50px;}
	#gotop:before{top:20px; 

}
.search-box{ padding-top:10px;}
#gotop:after{top:19px;}
#float ul li.l4 .aa{ display:block;}
#float ul li.l4 .phone-view{ display:none;}
}

@media only screen and (max-width:400px) {
.search-box .search .search-text{ width:200px;}	
}
@media only screen and (max-width:375px) {
.search-box .search .search-text{ width:160px;}		
}















/*留言*/
.feedback-top{ background:#ff7b00; color:#fff; font-size:24px; line-height:80px; font-weight:bold; text-align:center;} 

.feedback-main{ width:94%;  margin:40px auto; max-width:580px;}
.feedback-main .type{ color:#393939; font-size:40px; text-align:center;}
.feedback-main .lybox{ margin-bottom:15px; min-height:40px;}
.feedback-main .lybox .ban{ float:left; display:block; width:48%;}
.feedback-main .lybox .ban:nth-child(1){ margin-right:4%;}
.feedback-main .lybox .bbt{  line-height:30px; font-size:14px;} 
.feedback-main .lybox .bbt span{ font-weight:300; color:#F00; margin-left:5px;}
.feedback-main .lybox .bd input[type='text']{ width:100%; padding:0 5px; height:40px; line-height:36px; border-radius:2px; border:1px solid #f1f3f3;}
.feedback-main .lybox .bd textarea{width:100%; padding:5px; height:126px; line-height:28px; border-radius:2px; border:1px solid #f1f3f3;}
.feedback-main .lybox .bd textarea:focus,.feedback-main .lybox .bd input[type='text']:focus{ color:rgba(0,131,235,1); border:1px solid rgba(0,131,235,1); background:rgba(0,131,235,.2);}
.feedback-main .btn{ padding:30px 0 0;}
.feedback-main .btn input{ padding:0 26px; min-width:108px; margin-right:15px; height:40px; font-weight:bold; border:0px; cursor:pointer; color:#fff; background:#ff7b00; font-size:14px;}
.feedback-main .btn input.re{ background:#e7e7e7; color:#646464; }
.feedback-main .lybox .bd label{ display:inline-block; position:relative; height:40px; line-height:40px; padding-left:20px; margin-right:20px; font-size:14px;}
.feedback-main .lybox .bd label input{ border:2px solid #f1f3f3; width:14px; height:14px; position:absolute; left:0px; top:13px;}


/*网站地图*/
.map-main{ width:94%; max-width:1200px; margin:16px auto 50px;}
.map-main .map-type{ height:30px; margin-bottom:10px;}
.map-main .map-type .rrr{ float:right; height:30px; border:1px solid #ddd; background:#fff; line-height:28px;}
.map-main .map-type .rrr a{ padding:0 10px;}
.map-main .map-type .rrr a:hover,.map-main .map-type .rrr a.on{ color:#FF7B00;}
.map-main .list{ padding:5% 3%; background:#fff;}

.map-main .list ul li{ display:block;}

.map-main .list ul li .bt{ font-size:18px; font-weight:bold; border-bottom:1px solid #ddd; line-height:50px; height:50px; overflow:hidden;}
.map-main .list ul li .text{ padding:10px 0; font-size:12px;}
.map-main .list ul li .text dl{ display:block;}
.map-main .list ul li .text dl:after{ content:""; display:block; clear:both;}
.map-main .list ul li .text dl dd{ float:left; height:24px; line-height:24px; overflow:hidden;    white-space: nowrap;text-overflow: ellipsis; width:20%;}
@media only screen and (max-width:800px) {
.map-main .list ul li .text dl dd{ width:25%;}	
}
@media only screen and (max-width:500px) {
.map-main .list ul li .text dl dd{ width:50%;}		
}