@charset "utf-8";
body {margin:0px auto; font-family:"微软雅黑";}
ul,li,a,span,h1,div,ol,h1,h2,h3,h4,h5,p,hr,input,label{margin:0px; padding:0px; text-decoration:none; list-style:none;}
body,td,th {font-family: 微软雅黑;}
body {margin-left: auto;margin-top: 0px;margin-right: auto;margin-bottom: 0px;}

A {
	COLOR: #000; TEXT-DECORATION: none !important;
}
A:hover {
	COLOR: #FFCC00; 
}
a:link {text-decoration: none;}
a:active {text-decoration: none;}
border { border:0px;}
img { border:0; }
body,td,th {
	font-family: 微软雅黑; 
}
body {
	position:relative;
	margin-left: auto;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
}
body,
button, input, select, textarea {
    font: 14px/22px "Microsoft YaHei";color: #666;
}
/* 重置列表元素 */
ul, ol ,li{list-style: none;}

/* 重置文本格式元素 */
a {text-decoration: none; color: #666; word-wrap:break-word;}/*英文换行*/
a:hover {text-decoration: none; color:#e60012;}

.scale_img dl img, .scale_img li img { -o-transition: all .8s ease 0s; transition: all .8s ease 0s }
.scale_img dl:hover img, .scale_img li:hover img { -webkit-transform: scale(1.1) rotate(0deg) translateY(0); -ms-transform: scale(1.1) rotate(0deg) translateY(0); transform: scale(1.1) rotate(0deg) translateY(0) }

i,em{
	font-style: normal;
}

.fl{ float:left;}
.fr{ float:right;}
.tac{text-align: center;}
.w1300{ width:1300px; margin:0 auto}
.clear {clear: both;}
.clearfix:after { content: "."; height: 0; display: block; visibility: hidden; clear: both; }

/*------------公用样式结束----------*/


.zsxx{
	  position:fixed;  
    z-index: 1000;
    width: 150px;
    height: 150px;
    top: 430px;
    word-break: break-all;
    left: 10px;
}



/*--导航--*/
.header { width:100%; height: 70px; background: #fff;position:fixed;top:0px;left:0px; z-index:2000; }
.header .logo { float: left; padding-top:10px; }
.header .logo img { width:225px; }
.header .slogan { font-size: 14px; color: #363636; line-height: 100%; margin-top:30px; font-family:"微软雅黑"; margin-left: 15px; float: left; margin-right: 90px; }
.header .menu{float:right;}
.header .menu li { position: relative; float: left; height: 70px; }
.header .menu li span { display: block; padding: 29px 40px 20px 0; font-size: 15px; color: #363636; text-align: center; line-height: 100%; }
.header .menu li:hover span, .header .menu li.cur span { font-weight: bold; }
.header .menu li em { display: none; top:70px; position: absolute; z-index: 99; background: #fff; line-height:30px; text-align: left; padding: 0 20px; }
.header .menu li em a { display: block; white-space: nowrap; }
.header .menu li.subnav:after { position: absolute; content: ""; width: 40px; height: 15px; background: url(img/nav.png) no-repeat center; right: 0; top: 29px; }
.online { margin-left: 30px; width: 108px; margin-top: 17px; position: relative; }
.online .online_list { width: 104px; height: 34px; background: #fff; border: 2px solid #545454; border-radius: 2px; position: relative; font-size: 14px; color: #363636; line-height: 34px; text-indent: 15px; cursor: pointer; }
.online .online_list:after { position: absolute; content: ""; width: 0; height: 0; top: 14px; right: 11px; border-width: 5px; border-color: #000 transparent transparent transparent; border-style: solid; }
.online ul {display: none;position: absolute;top: 38px;left: 0;width: 108px;background: #fff;z-index: 99;box-sizing: border-box;border-top: none;padding-bottom: 10px;padding-top: 5px;border: 1px solid #eee;}
.online ul li {padding: 5px 20px;line-height: 26px;}
.online li a {color: #0b0b0b;}
.online li img {display: inline-block;padding-right: 10px; vertical-align: -4px; filter: grayscale(100%);transition: all ease .3s;}
.online li i {filter:brightness(-80%);transition: all ease .3s;}
.online li:first-child i{filter:brightness(-350%);}
.online li:hover a {color: #0b0b0b; }
.online li:hover i{filter:brightness(100%);}
.online li:hover img {filter: grayscale(0);}


/*banner*/
.banner { min-width: 1200px; position: relative; margin-top:75px;overflow: hidden; z-index: 2;}
.banner .bd { position: relative; z-index: 0; }
.banner .bd ul { width: 100% !important; height:auto;}
.banner .bd li{line-height: 0;}
.banner .bd li img {max-width:100%; }
.banner .swiper-pagination { position: absolute; width: 100%; text-align: center; bottom: 57px; }
.banner .swiper-pagination-bullet { width: 7px; height: 7px; display: inline-block; background: #fff; border-radius: 50%; position: relative; cursor: pointer; margin: 0 13px !important; transition: .3s; opacity: 1; }
.banner .swiper-pagination-bullet-active { background: #888; }
.banner .swiper-pagination-bullet-active:before { position: absolute; content: ""; width: 23px; height: 23px; border-radius: 50%; top: -9px; left: -9px; border: 1px solid #fff }

.h_more { position: absolute; width: 100%; top: 0; border-bottom: 1px solid #575757; z-index: 99; height: 44px; text-align: right; font-size: 0; }
.h_info a { display: inline-block; font-size: 14px; color: #fff; line-height: 100%; padding: 15px 12px; position: relative; transition: .3s;text-shadow:#000 1px 0 0,#000 0 1px 0,#000 -1px 0 0,#000 0 -1px 0;

-webkit-text-shadow:#000 1px 0 0,#000 0 1px 0,#000 -1px 0 0,#000 0 -1px 0;

-moz-text-shadow:#000 1px 0 0,#000 0 1px 0,#000 -1px 0 0,#000 0 -1px 0;

*filter: Glow(color=#000, strength=1);}
.h_info a:hover {font-weight: bold;}
.h_info a:after { position: absolute; content: ""; width: 1px; height: 12px; background: rgba(255, 255, 255, .5); top: 16px; right: 0; }
.h_info a:last-child:after { display: none; }
 .h_tel { font-size: 16px; color: #fff; padding-left: 41px; background: url(img/h_tel.png) no-repeat 14px 15px; position: relative; padding-top: 14px; line-height: 100%; font-weight: bold;text-shadow:#000 1px 0 0,#000 0 1px 0,#000 -1px 0 0,#000 0 -1px 0;

-webkit-text-shadow:#000 1px 0 0,#000 0 1px 0,#000 -1px 0 0,#000 0 -1px 0;

-moz-text-shadow:#000 1px 0 0,#000 0 1px 0,#000 -1px 0 0,#000 0 -1px 0;

*filter: Glow(color=#000, strength=1); }
.h_tel:before { position: absolute; content: ""; width: 1px; height: 12px; background: rgba(255, 255, 255, .5); top: 16px; left: 0; }
.h_search { position: relative; }
.h_search .s_btn { padding: 15px 16px 2px 50px; width: 16px; cursor: pointer; }
.h_search .s_key { display: none; position: absolute; top: 44px; }
.s_key { position: absolute; top: 66px; right: 0; width: 238px; height: 40px; z-index: 9; display: none; background: #fff; border-radius: 20px; }

/*=========浮动导航========*/
#ph-menu-tu{
  position: fixed;
  top:10px;
  right: 12px;
  z-index: 11111;
  padding-top:5px;
  width: 45px;
  height: 37px;
  background:#888;
  border-radius: 5px;
}

#ph-menu-tu div{
  width: 60%;
  height: 3px;
  background: #fff;
  margin: 5px auto;
  transition: all 0.3s;
  backface-visibility: hidden;
}
#ph-menu-tu.on .one {
  margin-top: 8px;
    transform: rotate(45deg) translate(4px, 4px);
}

#ph-menu-tu.on .two {
    opacity: 0;
}

#ph-menu-tu.on .three {
    transform: rotate(-45deg) translate(7px, -8px);
}
#menu{
  position: fixed;
  top:0px;
  left:0px;
  z-index: 3000;
  display: none;
  width: 100%;
  height: 600px;
  background:rgba(0,0,0,0.8);
}
.ph-menu{
  padding-top: 60px;
}
.ph-menu h2{
  padding-bottom:30px;
  font-size:18px;
  font-weight: bold;
  color: #fff;
  text-align: center;
}
.ph-menu h3{
  padding-bottom:5px;
  font-size:15px;
  color: #fff;
  font-weight:normal;
  text-align: center;
}
.ph-menu a{
  display: block;
  margin:5px auto;
  width:100%;
  height:30px;
  padding-top:5px;
  border-bottom:1px dotted #888;
  text-align: center;
  font-size: 17px;
  color: #fff;
  line-height: 30px;
}


/*--手机导航--*/
.s-menu{
	width: 100%;
	height: auto;
	text-align: center;
	border-top:1px solid #ccc;
	margin-top:80px;
	overflow:hidden;
	
}
.ph-menu2{
	width: 100%;
	height: auto;
	padding-top:5px;
	padding-bottom:5px;
	text-align: center;
	overflow:hidden;

}


.ph-menu2 h2{
	display: block;
	margin:2px;
	padding:2%;
	height:20px;
	padding-top:5px;
	text-align: center;
	font-size: 14px;
	color: #363636;
	font-weight:normal;
	display: block;
}
.ph-menu2:hover h2{
	text-decoration: none;
}
.ph-menu2:focus{text-decoration: none}



/*手机banner轮播*/
.sj-banner{width:100%; }
.sj-banner img{display:block;width:100%}
.swipe{width:100%;overflow:hidden;position:relative;}
.swipe ul{
	-webkit-transition:left 800ms ease-in 0;
	-moz-transition:left 800ms ease-in 0;
	-o-transition:left 800ms ease-in 0;
	-ms-transition:left 800ms ease-in 0;
	transition:left 800ms ease-in 0;
}
.swipe #pagenavi{position:absolute;left:10px;bottom:5px;text-align:center;width:100%; background:rgba(fff, fff, fff, 0.6)!important; filter:Alpha(opacity=50); padding:6px;}
.swipe #pagenavi a{width:8px; height:8px; line-height:99em; background:#fff; -webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%; margin:0 4px; overflow:hidden; cursor:pointer; display:inline-block; *display:inline; *zoom:1; position:relative;}
.swipe #pagenavi a.active{background:#ff0;  position:relative;}




/*产品分类*/
.h-proc1{
    margin:0 auto;
	margin-top:30px;
	width:80%;
	height: auto;
	text-align: center !important;
}
.h-proc1 a{
	display: inline-block;
	margin:1px;
	height:50px;
	width:16.5%;
	background-color:#48474d;
	font-size: 14px;
	color: #ccc;
	text-align: center;
	line-height:50px;
	border-spacing:5px;
	transition: all 0.3s ease-in-out;
}
.h-proc1 a:hover{
	background-color: #d90112;
	color: #fff;}



/*------------pic----------*/

.product { background: #F6F6F5; padding-top: 96px;overflow:hidden; }
.product .content { position: relative }
.product h2 a { display: block; text-align: center; margin-bottom: 16px; font-size: 56px; color: #343434; line-height: 100%; font-weight: 500; letter-spacing: 6px }
.product h2 a span { display: block; font-size: 16px; color: #363636; line-height: 100%; margin-top: 22px; letter-spacing: 0; text-transform: uppercase; font-weight: 700 }
.product h2 a i { font-weight: 400; color:#d90112; }

.pri_con { margin:0 auto; width:80%; margin-top:40px; padding-bottom:40px; padding-left:40px;overflow: hidden }
.pri_con dl {width:24%; position: relative; border:1px solid #f2f2f2; background-color:#fff; float:left; }
.pri_con dl dt {width:100%;  margin: 0 auto; }
.pri_con dl dt img { width:100%; box-sizing:border-box;padding:30px; }
.pri_con dl dd { text-align: center }
.pri_con dl dd h4 a { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 100%; margin: 3px auto 13px; padding-bottom: 15px; border-bottom: 1px solid #8B8B8B; font-size: 20px; color: #363636; line-height: 100% }
.pri_con dl:hover dd h4 a{ color:#d90112 }
.pri_con dl dd .describe { height: 14px; overflow: hidden; }
.pri_con dl dd .describe >*{display: none;}
.pri_con dl dd .describe .desc{display: block;}
.pri_con dl dd .desc { height: 14px; overflow: hidden }
.pri_con dl dd .desc>p { line-height: 100%; font-size: 0 }
.pri_con dl dd .desc span { font-size: 14px; color: #363636; line-height: 100%; display: inline-block; padding-left: 19px; margin: 0 9px; position: relative }
.pri_con dl dd .desc span:before { position: absolute; content: ""; width: 5px; height: 5px; background: #222; left: 0; top: 1.5px }
.pri_con dl dd .desc span:before { border: 3px solid #545454; border-radius: 50% }
.pri_con dl dd .desc .color2:before { background-color: #E0C488; border-color: #635027 }
.pri_con dl dd .desc .color3:before { background-color: #161616; border-color: #375B8D }
.pri_con dl dd .desc .color4:before { background-color: #FFF; border-color: #5B5B5B }
.pri_con dl dd .more { line-height: 0; font-size: 0 }
.pri_con dl dd .more a { display: inline-block; width: 93px; height: 35px; box-sizing: border-box; border-radius: 17px; vertical-align: middle; margin: 31px 9px 52px }
.pri_con dl dd .more a.info { font-size: 12px; color: #fff; line-height: 35px; background: #d90112 }
.pri_con dl dd .more a.ask { font-size: 12px; color: #363636; line-height: 29px; text-indent: 29px; background: url(img/product_ask.png) no-repeat 7px center; border: 3px solid #797979; transition: all ease .4s }
.pri_con dl dd .more a.ask:hover { border-color: #d90112 }



/*------------tiao----------*/
.history { background: url(img/bg.jpg) no-repeat center top; height: 748px }
.history .content>div { width: 50% }
.history h2 { font-weight: 400; margin-bottom: 38px; margin-top: 94px }
.history h2 span { display: block; font-size: 18px; color: #fff; line-height: 20px; padding-left: 22px; background: url(img/icon.png) no-repeat left center; margin-bottom: 10px }
.history h2 a { display: block; font-size: 56px; color: #fff; line-height: 60px; letter-spacing: 6px; font-weight: 500 }
.history h2 i { display: block; font-size: 30px; line-height: 42px; letter-spacing: 1.5px; font-family: "Times New Roman", Times, serif;}
.history p { font-size: 17px; color: #fff; line-height: 36px }
.history .swiper-container { height: auto; margin-top:66px }
.history .swiper-scrollbar { opacity: 0 }

.open-video {margin-top:25px;border-radius: 5px;cursor: pointer;overflow: hidden; position: relative }
.open-video span {display: block; position: absolute; width: 200px; height: 113px;  top: 0; left: 0; box-sizing: border-box; font-size: 17px; color: #fff; line-height: 100%; padding-top: 75px; text-align: center; z-index: 2 }
.video-box { position: fixed; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; font-size: 0; z-index: 9999; background: rgba(0, 0, 0, .9); display: none }
.video-box .video { width: 800px; height: 640px; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); transform: translate(-50%, -50%) }
.video-box .video iframe { width: 800px; height: 640px }

.history ol { margin-left: 65px; height: 672px }
.history ol li { height: 48px; margin-bottom: 48px; position: relative; transition: all ease .3s }
.history ol li:before { position: absolute; content: ""; width: 2px; height: 76px; background: #666; left: 6px; top: 32px }
.history ol li.lightbg:before { background: rgba(102, 102, 102, .3) }
.history ol li.dotbg:before { width: 3px; height: 90px; left: 5.5px; background: transparent url(img/bg.png) no-repeat center top }
.history ol .dot { display: block; width: 6px; height: 6px; background: #fff; border: 3px solid #666; border-radius: 50%; float: left; margin: 16px 1px 0; transition: background ease .3s }
.history ol .icon { display: block; float: left; width: 46px; height: 46px; background: url(img/history1.png) no-repeat center top; margin-left: 12px; margin-right: 39px; transition: all ease .3s }
.history ol em { display: block; font-size: 14px; color: #363636; line-height: 24px; float: left; width: 200px; margin-top: 7px }
.history ol strong { font-size: 36px; color: #363636; line-height: 100%; float: left; margin-left: 85px; margin-top: 8px }
.history ol li:nth-child(2) .icon { background-image: url(img/history2.png) }
.history ol li:nth-child(3) .icon { background-image: url(img/history3.png) }
.history ol li:nth-child(4) .icon { background-image: url(img/history4.png) }
.history ol li:nth-child(5) .icon { background-image: url(img/history5.png) }
.history ol li:nth-child(6) .icon { background-image: url(img/history6.png) }
.history ol li:nth-child(7):before { display: none }
.history ol li:nth-child(7) .icon { background-image: url(img/history7.png) }
.history ol li:hover .dot { width: 14px; height: 14px; background: #dd0012; border: 0; margin: 15px 0 0 }
.history ol li:hover .icon { background-image: url(img/history1_1.png) }
.history ol li:nth-child(2):hover .icon { background-image: url(img/history2_1.png) }
.history ol li:nth-child(3):hover .icon { background-image: url(img/history3_1.png) }
.history ol li:nth-child(4):hover .icon { background-image: url(img/history4_1.png) }
.history ol li:nth-child(5):hover .icon { background-image: url(img/history5_1.png) }
.history ol li:nth-child(6):hover .icon { background-image: url(img/history6_1.png) }
.history ol li:nth-child(7):hover .icon { background-image: url(img/history7_1.png) }



/*--picys--*/
.proys{ margin-top:70px;overflow: hidden}
.proys h2 a { margin-top: 82px; display: block; font-size: 24px; color: #333; line-height: 100%; text-indent: 654px; margin-bottom: 31px; letter-spacing: 3px }
.proys li { position: relative; width: 146px; height: 721px; margin-bottom: 103px; margin-right: 54px; float: left; transition: all ease .5s; overflow: hidden }
.proys li img:first-child { width: 146px; height: 207px; display: block; padding: 38px 0 45px; border-top: 2px solid #666; border-bottom: 2px solid #666; margin-bottom: 43px }
.proys li img:nth-child(2) { width: 146px; height: 207px; position: absolute; top: 40px; left: 0; z-index: -1; transition: all ease .5s }
.proys li h4 { font-size: 32px; color: #343434; line-height: 100%; transition: all ease .5s; position: absolute; left: 0; top: 337px; height: 121px; font-weight: 600; transition-delay: .1s }
.proys li h4 span { display: block; font-size: 20px; color: #343434; line-height: 30px; margin-top: 27px }
.proys li .number { display: block; font-size: 48px; color: #e1e1e1; line-height: 100%; margin-top: 67px; margin-bottom: 83px; position: absolute; top: 458px }
.proys li .zoomit { display: block; top: 652px; right: 103px; width: 37px; height: 37px; border: 3px solid #605F5F; border-radius: 50%; position: absolute !important; transition: all ease .5s; position: relative }
.proys li .zoomit:before { position: absolute; content: ""; width: 12px; height: 3px; background: #605f5f; left: 12.5px; top: 17px }
.proys li .zoomit:before { border-radius: 30px }
.proys li .zoomit:after { position: absolute; content: ""; width: 3px; height: 12px; background: #605f5f; right: 16.5px; top: 13px }
.proys li .zoomit:after { border-radius: 30px }
.proys li .info { position: absolute; top: 900px; right: 0; width: 146px; font-size: 16px; color: #000; font-weight:bold;line-height: 30px; transition: all ease .5s;text-shadow:#fff 2px 0 0,#fff 0 2px 0,#fff -2px 0 0,#fff 0 -2px 0;-webkit-text-shadow:#fff 2px 0 0,#fff 0 2px 0,#fff -2px 0 0,#fff 0 -2px 0;-moz-text-shadow:#fff 2px 0 0,#fff 0 2px 0,#fff -2px 0 0,#fff 0 -2px 0;*filter: Glow(color=#000, strength=1);}
.proys li:last-child { margin-right: 0 }
.proys li.cur { width: 600px }
.proys li.cur img:first-child { display: none }
.proys li.cur img:nth-child(2) { display: block; width: 600px; height: 721px; top: 0; left: 0; z-index: 1 }
.proys li.cur h4 { z-index: 2; left: 42px; top: 562px; font-size: 42px; color: #d90112; font-weight: 700; width: 130px; height: 159px; border-right: 1px solid #4C4C4C ;text-shadow:#fff 2px 0 0,#fff 0 2px 0,#fff -2px 0 0,#fff 0 -2px 0;-webkit-text-shadow:#fff 2px 0 0,#fff 0 2px 0,#fff -2px 0 0,#fff 0 -2px 0;-moz-text-shadow:#fff 2px 0 0,#fff 0 2px 0,#fff -2px 0 0,#fff 0 -2px 0;*filter: Glow(color=#000, strength=1);}
.proys li.cur h4 span { color: #d90112; margin-top: 13px }
.proys li.cur .number { display: none }
.proys li.cur .zoomit { border-color: #fff; top: 48px; right: 45px; position: absolute; z-index: 2 }
.proys li.cur .zoomit:before { background: #fff }
.proys li.cur .zoomit:after { display: none }
.proys li.cur .info { display: block; width: 333px; top: 587px; right: 52px; z-index: 2 }

.sjpicys{width:100%; height:auto;}
.sjpicys li{ margin:10px 15px 15px;height:auto;}
.sjpicys li img{width:100%}


/*------------news----------*/
.news { background: url(img/newsbg.jpg) no-repeat center top; height: 772px; padding-top: 188px }
.news h2 a { display: block; font-size: 56px; color: #333; line-height: 100%; font-weight: 400; width: 186px; letter-spacing: 6px }
.news li:hover h4 a { font-weight: 700 }
.company { width:681px; height: 637px; background: #fff }
.company .fl { width:419px; box-sizing: border-box; padding: 41px 45px 0 49px }
.company h3 a { display: block; font-size: 18px; color: #333; line-height: 100%; margin-top: 75px; padding-bottom: 21px; border-bottom: 1px solid rgba(0, 0, 0, .17) }
.company .company_news { width:325px; overflow: hidden }
.company li span { display: block; font-size: 14px; color: #363636; line-height: 100%; margin: 25px 0 22px }
.company li h4 a { display: block; font-size: 28px; color: #333; line-height: 36px; min-height: 72px; overflow: hidden; margin-bottom: 26px; font-weight: 500; transition: all .3s }
.company li p { font-size: 13px; color: #363636; line-height: 18px }
.company .small_banner { width: 264px; height: 637px; margin-right: -2px; overflow: hidden; position: relative }
.company .small_banner img { width: 264px; height: 637px }
.company .small_banner .swiper-slide { overflow: hidden }
.company .small_banner .swiper-pagination { position: absolute; bottom: 50px; width: 100%; text-align: center; font-size: 20px; color: rgba(255, 255, 255, .2); line-height: 100% }
.company .small_banner .swiper-pagination span { font-size: 36px; color: #fff }
.news_pagination { position: relative; margin-top: 80px }
.news_pagination>div { position: relative; left: auto; right: auto; display: inline-block; width: 36px; outline: 0; background: 0 0 }
.faq { width: 581px; height: 637px; background: #fff; overflow: hidden }
.faq h3 { width: 50%; float: left; padding-left: 54px; box-sizing: border-box; font-weight: 400; border-bottom: 1px solid rgba(0, 0, 0, .17) }
.faq h3 a { display: block; font-size: 18px; color: rgba(54, 54, 54, .7); line-height: 102px; text-transform: capitalize }
.faq h3 a span { font-size: 20px; color: #333; line-height: 102px; letter-spacing: 2px; font-weight: 700; margin-right: 10px }
.faq h3:last-child { padding-left: 46px; border-left: 1px solid rgba(0, 0, 0, .17) }
.faq h3.cur a:after { content: ""; width: 0; height: 0; border-style: solid; border-width: 5px; border-color: #000 transparent transparent; display: inline-block; margin-left: 20px }

.faq h5 { width: 50%; float: left; padding-left: 54px; box-sizing: border-box; font-weight: 400; border-bottom: 1px solid rgba(0, 0, 0, .17) }
.faq h5 a { display: block; font-size: 18px; color: rgba(54, 54, 54, .7); line-height: 102px; text-transform: capitalize }
.faq h5 a span { font-size: 20px; color: #333; line-height: 102px; letter-spacing: 2px; font-weight: 700; margin-right: 10px }
.faq h5:last-child { padding-left: 46px; border-left: 1px solid rgba(0, 0, 0, .17) }
.faq h5.cur a:after { content: ""; width: 0; height: 0; border-style: solid; border-width: 5px; border-color: #000 transparent transparent; display: inline-block; margin-left: 20px }

.faq ul { padding: 61px 58px 47px; overflow: hidden }
.faq li { margin-bottom: 45px }
.faq li span { display: block; font-size: 14px; color: #363636; line-height: 100% }
.faq li a { display: block; font-size: 13px; color: #363636; line-height: 30px; position: relative; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; padding-left: 13px; font-weight: 400; transition: all .3s }
.faq li a:before { position: absolute; content: ""; width: 4px; height: 4px; background: #363636; left: 0; top: 13px }
.faq li a:before { border-radius: 50% }
.faq a.more { display: block; padding-left: 58px; font-size: 18px; color: #333; line-height: 100%; font-weight: 700 }


/*------------about----------*/
.about { background: url(img/about_bg.jpg) no-repeat center top; height: auto; padding-bottom:50px; }
.about h2 { padding-top:61px; text-align: center }
.about h2 a { display: block; font-size: 40px; color: #343434; line-height: 100%; margin-bottom: 9px }
.about h2 span { display: block; font-size: 22px; color: #666; line-height: 100% }
.about .desc { width:1100px; margin: 40px auto 20px; text-align: center }
.about .desc p { font-size: 16px; color: #363636; line-height: 30px; text-transform: uppercase }
.about .desc span { display: block; font-size: 12px; color: #363636; line-height: 30px; text-transform: uppercase }
.about .desc a.more { display: block; font-size: 16px; color: #363636; line-height: 100%; margin-top: 35px; text-transform: uppercase; font-weight: 700 }
.about .desc i { font-weight: 400 }
.brand {margin-top:-30px;}
.brand li { cursor: pointer; height: auto; border: 6px solid #DCDCDC; border-radius: 50%; margin:45px; box-sizing: border-box; overflow: hidden; float: left;text-align: center; position: relative; transition: all ease .4s }
.brand_icon{padding:30px;}
.brand li .brand_icon i { display: block; height: auto; margin:34px auto 0 }
.brand li .brand_icon img {max-width: 100% }
.brand li .brand_icon span { display: block; font-size:24px; color: #d10312; font-weight:bold; line-height: 100% }
.brand li .brand_pic { position: absolute; top: 0; left: 0; z-index: -1; opacity: 0 }
.brand li .brand_pic img { width: 100%; height: auto; border-radius: 50% }
.brand li:last-child { margin-right: 0 }


.brand li:hover { border: 0 }
.brand li:hover .brand_icon { animation: rotateOut 2s; -webkit-animation: rotateOut 2s }
.brand li:hover .brand_pic { display: block; animation: rotateIn 2s; z-index: 2; opacity: 1 }
.service {width: 1200px; height: 140px; background: #fff; box-shadow: 0 0 1px 0 rgba(6, 0, 1, .1); border-radius: 5px; }
.service li { display: inline-block; font-weight: 700; padding-left:60px; padding-right:60px; height: 39px; margin-top: 54px; border-right: 1px solid #ccc }
.service li i { width: 54px; height: 39px; text-align: right; display: block; float: left; margin-right: 13px }
.service li img { max-width: 100% }
.service li em { font-size: 16px; color: rgba(54, 54, 54, 10.7); line-height: 100%; display: inline-block }
.service li span { font-size: 18px; color: rgba(54, 54, 54, .7); line-height: 100%; display: block }
.service li:nth-child(odd) { padding-left: 50px }
.service li:last-child { border-right: 0 }


/*------------footer----------*/
.footer { height: auto; background: #030303 }
.footer i, .footer em {font-style: normal;}
.footer i { font-weight: 400 }
.footer img { max-width: 100% }
.f_company { height: 129px; position: relative }
.f_company span { display: inline-block; font-size: 14px; color: rgba(255, 255, 255, .5); line-height: 100%; padding-top: 37px }
.f_company a.go_top { display: block; float: right; transition: .3s; font-size: 14px; color: rgba(255, 255, 255, .5); line-height: 100%; margin-top: 37px; padding-left: 56px; position: relative }
.f_company a.go_top:before { position: absolute; content: ""; width: 1px; height: 12px; background: #333; left: 0; top: 1px }
.f_company a.go_top img { display: inline-block; margin-left: 16px; vertical-align: middle }
.f_company a.go_top:hover { color: rgba(255, 255, 255, .9) }
.f_company h3 { width: 160px; text-align: center; font-family:Impact; font-size:36px; color:#d10312; position: absolute; top:64px; left: 590px }
.f_menu li { width:220px; float: left }
.f_menu li span { display: block; font-size: 14px; color: rgba(255, 255, 255, .9); line-height: 100%; padding: 4px 0 16px; transition: .3s }
.f_menu li em { display: block }
.f_menu li em a { display: block; padding-left: 15px; font-size: 14px; color: rgba(255, 255, 255, .5); line-height: 100%; margin-bottom:10px; transition: .3s; position: relative }
.f_menu li em a:before { position: absolute; content: ""; width: 0; height: 0; border-style: solid; border-width: 5px; border-color: #000 transparent transparent; left: 0; top: 0 }
.f_menu li em a:before { border-width: 2.5px 4px; border-color: transparent transparent transparent #fff; top: 4.5px }
.f_menu li span:hover, .f_menu li a:hover { color: #fff }
.f_qr { margin-left: 77px }
.f_qr p { width: 160px; height: 234px; box-sizing: border-box; float: left;  text-align: center; line-height: 0 }
.f_qr p img { width: 106px; height: 106px; margin: 27px auto 23px }
.f_qr p span { display: block; font-size: 14px; color: rgba(255, 255, 255, .5); line-height: 100% }
.f_qr p:last-child { margin-left: -2px }
.f_contact { height: 327px }
.f_contact>p { font-size: 14px; color: rgba(255, 255, 255, .5); line-height: 100%; margin-bottom: 9px }
.f_contact>p span { display: inline-block; font-size: 18px; color: #fff; line-height: 100%; padding-left: 16px; font-weight: 700 }
.f_contact>p:first-child { margin-top: 6px; margin-bottom: 13px }
.f_contact>p:first-child span { padding-left: 20px; font-size: 30px; color:#d10312 }
.f_contact ul { padding-bottom: 60px }
.f_contact li { height: 57px; float: left; border-right: 1px solid #4B4B4B; padding-right: 40px; margin-right: 40px; text-align: center; margin-top: 20px; position: relative }
.f_contact li>i { display: block; height: 38px; padding-top: 6px; box-sizing: border-box }
.f_contact li>span { display: block; font-size: 14px; color: rgba(255, 255, 255, .5); line-height: 100% }
.f_contact li .more { display: none; padding: 0 11px; height: 41px; background: #f6f6f5; border-radius: 2px; position: relative }
.f_contact li .more img { display: inline-block; vertical-align: middle; margin-right: 9px }
.f_contact li .more span, .f_contact li .more a { display: inline-block; font-size: 14px; color: #333; line-height: 41px }
.f_contact li .more:before { position: absolute; content: ""; width: 0; height: 0; border-style: solid; border-width: 5px; border-color: #000 transparent transparent; left: 0; top: 0 }
.f_contact li .more:before { border-width: 5px; border-color: transparent transparent #fff; top: -10px; left: 15px }
.f_contact li:last-child { border-right: 0; padding-right: 0; margin-right: 0 }
.f_contact li .more { display: none; position: absolute; top: 72px; left: -11px; white-space: nowrap; min-width: 123px }
.f_contact li:nth-child(2) .more { min-width: 178px; left: -41px }
.f_contact li:nth-child(2) .more:before { left: 50px }
.f_contact li:nth-child(3) .more { min-width: 278px; left: -221px }
.f_contact li:nth-child(3) .more:before { left: auto; right: 60px }
.f_info { border-top: 1px solid #313131 }
.f_info .content { position: relative }
.f_info p { display: inline-block; margin-top: 32px }
.f_info p span, .f_info p a { display: inline-block; font-size: 12px; color: rgba(255, 255, 255, .5); line-height: 100%; margin-bottom: 9px; transition: .3s }
.f_info p span { padding-right: 10px }
.f_info p.law a:last-child { padding-left: 33px; position: relative }
.f_info p.law a:last-child:before { position: absolute; content: ""; width: 1px; height: 7px; background: #7f7f7e; left: 16px; top: 3.5px }
.f_info .sms { position: absolute; width: 240px; top: 0; left: 480px }
.f_info .sms li { width: 42px; height: 42px; background: #050505; border-radius: 50%; border: 3px solid #181818; box-sizing: border-box; margin: 20px 9px; float: left; transition: .3s }
.f_info .sms li img { max-width: 100% }
.f_info .sms li:hover { background: #181818 }
.f_info a:hover { color: rgba(255, 255, 255, .8) }

/* 底部固定导航 */
.ph-bq{
  margin-bottom:33px;
  padding:9px 15px 15px 15px;
  font-size: 15px;
  color: #ffba00;
  text-align: center;
  line-height: 150%;
  background-color: #434343;
}
.ph-bq p,
.ph-bq p a,
.ph-bq a{
  font-size: 15px;
  color: #ffba00;
  text-align: center;
  line-height: 150%;
}
.ph-bq img{
  display: block;
  margin:0 auto;
  margin-top: 10px;
}

 /*ph页脚*/

.ph-foot{
  position: fixed;
  bottom:0px;
  left: 0px;
  padding-bottom: 3px;
  width: 100%;
  background-color: #343434;
  overflow: hidden;
  border-top:1px solid #fff;
  border-radius: 15px 15px 0px 0px;
}
.ph-foot li{
  float: left;
  padding:10px 0px;
  width: 25%;
  height: 40px;
  font-size: 14px;
  color: #fff;
  text-align: center;
}
.ph-foot li img{
  display: block;
  margin:0 auto;
  width: 25%;
}
.ph-foot li p{
  display: block;
  margin-top: 5px;
  font-size: 14px;
  color: #fff;
  text-align: center;
}
/*返回顶部*/
.to-top { display: none; padding: 5px 10px; color: #fff; background-color: #f50;}

/* 内页 */

#nybanner{width:100%; height:260px; background:url(img/aboutnybanner.jpg) center no-repeat; margin-top:80px;}
#nybanner1{width:100%; height:260px; background:url(img/lxnybanner.jpg) center no-repeat;margin-top:80px;}
#nybanner2{width:100%; height:260px; background:url(img/newsnybanner.jpg) center no-repeat;margin-top:80px;}
#nybanner3{width:100%; height:260px; background:url(img/dlbanner.jpg) center no-repeat;margin-top:80px;}
#nybanner4{width:100%; height:260px; background:url(img/cqbanner.jpg) center no-repeat;margin-top:80px;}
#nybanner5{width:100%; height:260px; background:url(img/fwbanner.jpg) center no-repeat;margin-top:80px;}
#nybanner6{width:100%; height:260px; background:url(img/nyjsbanner.jpg) center no-repeat;margin-top:80px;}
#nybanner7{width:100%; height:260px; background:url(img/rybanner.jpg) center no-repeat;margin-top:80px;}
#nybanner8{width:100%; height:260px; background:url(img/ygbanner.jpg) center no-repeat;margin-top:80px;}
#nybanner9{width:100%; height:260px; background:url(img/cjbanner.jpg) center no-repeat;margin-top:80px;}



.banner1-z{margin:0 auto; width:700px; height:80px; text-align:center;position:absolute;left:50%;margin-left:-350px; margin-top:80px;}
.banner1-z p{font-family:Arial, Helvetica, sans-serif; color:#fff; font-size:24px; line-height:30px;}
.banner1-z strong{font-family:"微软雅黑"; font-size:40px; color:#fff; line-height:60px; font-weight:bold;}
.nyzw-lm1{height:auto; border-bottom:1px dotted #ccc;box-shadow: 0px 0px 15px #DFDFDF; padding-left:20px; padding-top:10px; padding-bottom:10px;margin-bottom:30px;overflow:hidden;}
.nyzw-lm2{width:500px; height:auto; text-align:left;}
.nyzw-lm4{width:100px; height:25px; padding-top:2px;text-align:center; background-color:#F4F4F4; margin-right:10px;float:right; }
.nyzw-lm4 a{font-family:"微软雅黑"; font-size:14px; color:#296acc; font-weight:bold;}
.nyzw-lm4:hover{background-color:#296acc;}
.nyzw-lm4:hover a{color:#fff;}

#nylm{width:100%; height:auto; padding-bottom:20px; text-align:center;}
#nylm h3{font-family:"微软雅黑"; font-size:40px; color:#343434; line-height:40px; font-weight:normal;}
#nylm p{font-family:"微软雅黑"; font-size:16px; color:#8F8F8F; line-height:30px;}


.nybanner-width{margin:0 auto; width:1260px; height:40px; padding-top:315px; text-align:right; font-family:"微软雅黑"; font-size:18px; color:#fff; font-weight:bold;}
.nybanner-width a{font-family:"微软雅黑"; font-size:20px; color:#fff; font-weight:bold;}
.nybanner-width a:hover{color:#fff;}

.nyzw1{margin:0 auto; width:1300px; height:auto; border-bottom:1px dashed #ccc; padding-bottom:10px;margin-bottom:30px; margin-top:40px; overflow:hidden;}
.sj-nycpzs{width:90%; padding:10px; height:auto;overflow:hidden;}
.nyaboutbj{width:100%; height:auto; background:url(img/nyaboutbj.jpg) center bottom no-repeat;}
.nydlbj{width:100%; height:auto; background:url(img/nydlbj.jpg) center bottom no-repeat;}
.nyfwbj{width:100%; height:auto; background:url(img/nyfwbj.jpg) center bottom no-repeat;}
.nyzw{margin:0 auto; width:1270px; height:auto;padding:20px;text-align:left;font-family:"微软雅黑"; line-height:30px; font-size:15px; color:#222; overflow:hidden; }
.ny-r-t{margin:0 auto; width:99%; height:auto; background-color:#f2f2f2; padding:10px; margin-bottom:20px;}
.lx-nyzw{margin:0 auto; width:1200px; height:auto;padding:20px;text-align:left; margin-bottom:20px; overflow:hidden; margin-top:20px; font-family:"微软雅黑"; font-size:15px; color:#222;border:1px solid #ccc;}


/*内页产品分类*/
.nycpfl{margin:0 auto; width:80%; height:auto; padding-bottom:30px; overflow:hidden;}
.mt-30{margin-bottom:30px;}
.zhanshiz{
  float:left;
  width:18%;
  height: auto;
  background-color:#f5f5f5;
}	
.zhanshiz1{
  width: 100%;
  height: auto;
   background-color:#343434;
   border-radius:5px;
}
.zhanshiz1-1{
  width:100%;
  height: auto;
   background-color:#343434;
   margin-top:30px;
}
.zhanshiz1-wz{
	width:100%;
	height: 30px;
	color:#fff;
	font-size:24px;
	font-weight: bold;
	padding-top:10px;
	text-align:center;
}
.zhanshiz1-wz a{
	
	color:#fff;
	font-size:24px;
	font-family:"微软雅黑";
	
}
.zhanshiz1-wz1{
	width:100%;
	color:#fff;
	font-size:14px;
	padding-top:10px;
	text-align:center;
	text-transform: uppercase;
	padding-bottom:10px;
}

.zhanshiz2{
  width:100%;
  height: auto;
}	
.zhanshiz2-1{
  width:100%;
  height: auto;
  margin: 0 auto;
  color:#666666;
  font-size:16px;
  line-height:28px;
}
.zhanshiz2-1 p{
  width:100%;
  height: auto;
  margin: 0 auto;
  color:#666666;
  font-size:16px;
  line-height:28px;
}		
.zhanshizr{
  float:right;
  width:78%;
  height: auto;
}	

.ny-weizhi{padding:10px 0px;width: 100%;height: auto;background-color: #efefef;border:1px solid #DFDEDE;}
.ny-weizhi .ny-r-t{margin:0 auto;width: 100%; font-size: 15px;color: #333; padding-left:10px;}

.fenl{
	height: auto;
	margin-top:20px;

}
.yjdl{margin:0 auto; width:150px; height:30px; margin-top:10px; border-bottom:1px solid #070707; margin-bottom:10px; padding-left:10px;}
.yjdl a{font-family:"微软雅黑"; font-size:15px; color:#070707; line-height:24px; text-decoration:none; font-weight:bold;}
.yjdl a:hover{text-decoration:none; color:#00A8FF;}
.fenl h3{
	display: block;
	margin:0 auto;
	width:90%;
	height:40px;
	font-size:16px;
	color: #333;
	font-weight:normal;
	text-align: left;
	line-height:40px;
	padding-top:8px;
	margin-top:10px;
	background-color:#e1dfdf;
	background-repeat: no-repeat;
	background-position: center top;	
}

.fenl h3 a{
	display: block;
	width:100%;
	height:20px;
	background-image: none;
	font-size:14px;
	text-indent:10px;
	color: #434343;
	line-height: 30px;

}
.fenl h3:hover a{
	
	display: block;
	width:100%;
	height: 30px;
	background-image: none;
	font-size:14px;
	text-indent:10px;
	color: #d90112;
	line-height:20px;
	text-decoration:none;
	transition: all ease .3s; 


}
.fenl dl{
	width: 100%;
	height: auto;
}
.fenl dl dd a{
	margin:0 auto;
    margin-top:4px;
	display: block;
	margin-bottom:3px;
	width:200px;
	height: 40px;
	font-size: 15px;
	color: #000;
	line-height: 40px;
	text-indent:40px;
	border-bottom: 1px dotted #999999; 
}

.fenl dl dd a:hover{
	margin:0 auto;
    margin-top:4px;
	display: block;
	margin-bottom:3px;
	width:200px;
	height: 40px;
	font-size: 15px;
	color: #ff9527;
	line-height: 40px;
}	



.n-sjfl{ width:100%; height:auto; padding-top:10px; padding-bottom:10px; overflow:hidden;}

/*内页新闻1*/
.ny-news01{
  width:100%;
  height: auto;
}
.ny-news01 li{
	padding:20px 0px;
  width:100%;
  border-bottom:1px dashed #dedddd;
  overflow: hidden;
}
.ny-news01 li .tu1{
	float: left;
	width: 185px;
	height: 130px;
	overflow: hidden;
}
.ny-news01 li .tu1 img{
	width: 185px;
	height: 130px;
	overflow: hidden;
	 transition: all 0.5s ease-out;
  -webkit-transform: scale(1, 1); 
     -moz-transform: scale(1, 1); 
  -webkit-transition: all 0.5s ease-out; 
     -moz-transition: all 0.5s ease-out; 
}
.ny-news01 li:hover .tu1 img{
	 transition: all 0.5s ease-out;
  -webkit-transform: scale(1.1, 1.1); 
     -moz-transform: scale(1.1, 1.1); 
  -webkit-transition: all 0.5s ease-out; 
     -moz-transition: all 0.5s ease-out;
}
.ny-news01 li .l01{
  float: right;
  margin-left:15px;
  width: 92px;
  height: 100px;
  background-color:#f5f5f5;
  border-right: 1px solid #efefef;
  border-left: 1px solid #efefef;
}
.ny-news01 li .l01 .n-day{
  width: 100%;
  height: 57px;
  font-size: 45px;
  color: #333;
  text-align: center;
  line-height: 57px;
  font-family: "Impact";
  letter-spacing: 0px;
  transition: all 0.4s ease-in-out;
}
.ny-news01 li:hover .l01 .n-day{
	color: #d90112;
}
.ny-news01 li .l01 .n-month{
  width: 100%;
  font-size: 15px;
  color: #555;
  text-align: center;
  letter-spacing: 0px;
}
.ny-news01 li .r01{
  float: left;
  margin-left:50px;
  width:750px;
  height: auto;
}
.ny-news01 li .r01 a h2{
  display: block;
  width: 100%;
  height: 36px;
  font-size: 16px;
  color: #333;
  letter-spacing: 0px;
  transition: all 0.3s ease-in-out;
}
.ny-news01 li .r01 a h2 span{color:#ccc; padding-right:10px;}
.ny-news01 li:hover .r01 a h2{
	color:#d90112;
}
.ny-news01 li .r01 p{
  display: block;
  width: 100%;
  height: 36px;
  font-size: 14px;
  color: #555;
  letter-spacing: 0px;
  line-height: 130%;
  overflow: hidden;
}

/*新闻详情页样式*/
.newszwbj{margin:0 auto; width:100%; height:auto; padding:20px; overflow:hidden;}
.new-cont-h1{text-align:center; font-family:"微软雅黑"; font-size:20px; font-weight:bold; padding-top:20px;}
.new-xq{
  margin:0px auto;
  margin-top:30px;
  width:100%;
  height: auto;
  overflow:hidden;
}
.new-xq-l{
  margin:0px auto;
  width:40%;
  height:50px;
  text-align:center;
  
}
.new-xq-l .date1{
  position: relative;
  width: 100%;
  height: 36px;
  text-align: center;
}
.new-xq-l .date1 .year1 {
  font-size: 20px;
  color: #000;
  font-family:Impact;
  text-align: center;
}
.new-xq-l .date1 .year1 span{
  position: absolute;
  left:20%;
  z-index:2;
  display:block;
  background: #fff;
  padding: 0 5px;
  font-size: 20px;
  color: #666;
  font-family:Impact;
  background-color: #e7e7e7;
  letter-spacing: 0px; 

}
.new-xq-l .date1:before{
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  background: #e3e3e3;
  position: absolute;
  top: 12px;
  left: 0;
  z-index:1;
}
.new-xq-l .date2{
  margin-top: 32px;
  text-align: center;
  font-size: 34px;
  line-height: 120%;
  color: #27cbf1;
  font-family:Impact;
  letter-spacing: 0px;
}
.new-xq-l .read1{
  position:relative;
  z-index:22222;
  background-color:#e7e7e7;
  width:120px;
  font-size:13px;
  padding-top:0px;
  text-align: center;
  color: #333333;
  letter-spacing: 0px;
  float:right;
  margin-right:85px;
 
}
.new-xq-l .read1 strong{
  font-weight: bold;
}
.new-xq-r{
  margin:0 auto;
  padding:10px;
  width:95%;
  height:auto;
  margin-bottom:30px;
  text-align:center;
  background-color: #f9f9f9;
  border:1px solid #e5e5e5;
  overflow: hidden;
}
.new-xq-r p{
  display: block;
  height: auto;
  font-size: 14px;
  color: #666;
  line-height: 170%;
  letter-spacing: 0px;
  overflow: hidden;
}
.new-xq-r p p{
  font-size: 15px;
  color: #333;
  line-height: 170%;
  letter-spacing: 0px;
}
/*====================笔记本====================*/
@media only screen and (max-width: 1430px){
	/*.container-fluid{margin:0px -10px;}*/

	.h-proc1 a{height:35px;width:47.5%;font-size: 15px;color: #ccc;text-align: center;line-height:35px;}

}


/*====================手机====================*/
@media only screen and (max-width: 768px){
	
	.w1300{ width:100%;}
	.header .slogan{display: none;}
	.logo{padding:10px;}
    .banner{display: none;}
	.menu{display: none;}
	.product h2 a{font-size:24px;}
	.h-proc1{margin:0 auto; width:90%; margin-top:10px;}
	.h-proc1 a{height:35px;width:48%;font-size: 15px;color: #ccc;text-align: center;line-height:35px;}
	.pri_con { margin:0 auto; width:98%; margin-top:20px; padding-bottom:20px; padding-left:3px;overflow: hidden }
	.pri_con dl {width:49%;}
	.pri_con dl dd h4 a{font-size:14px;}
	.pri_con dl dd .more a{width:44%;margin:15px 5px 5px;}
	.pri_con dl dd .more a.ask{text-indent:5px;background:url(img/product_ask1.png) no-repeat 7px center}
	.history{background:url(img/bg.jpg) no-repeat left top;height:auto;}
	.wow-k{padding:10px;}
    .history h2{margin-top:50px;}
	.history { background: url(img/bg.jpg) no-repeat left top #343434;height: auto }
	.fadeInRight1{display: none;}
	.product{padding-top:40px;}
	.proys{display: none;}
	.news {width:100%;background: url(img/newsbg.jpg) repeat center top; height: auto; padding-top:58px }
    .company{margin:0 auto; width:90%; height:auto; float:none; overflow:hidden;}
	.company .fl{width:95%;padding:21px 25px 0 29px}
	.company h3 a{margin-top:50px; font-size:24px; font-weight:bold;}
	.news h2 a{ font-size:36px; width:100%;}
	.company .small_banner{display: none;}
	.faq{margin:0 auto; width:90%;height:auto; padding-bottom:10px; margin-bottom:40px;overflow:hidden; float:none; }
	.faq ul{padding:31px 38px 5px}
	.faq h3{ width:100%;}
	.faq h5{display: none;}
	.faq a.more{padding-bottom:10px;}
	
	.about {background: url(img/about_bg.jpg) no-repeat bottom #fff; padding-bottom:10px; height: auto }
	.about h2 { padding-top: 41px;}
	.about .desc { width:90%;}
	.brand_icon{padding:15px;}
	.brand li {margin:5px; }
	.brand li .brand_icon i {margin: 10px 0px 0px; }
	.brand li .brand_icon span{ font-size:20px;}
	
	.service { margin:0 auto;margin-top:10px;width:90%; padding:10px; height: auto;}
	.service li { width:80%;margin-top:24px; padding-right:10px; border-right: 0px solid #ccc; border-bottom: 1px solid #ccc;}
	.service li i { width: 54px; height: 39px; }
	
	.f_company{margin:0 auto; width:90%;}
	.f_company h3{display: none;}
	.f_con{margin:0 auto; width:90%; }
	.f_menu{width:100%;}
	.f_menu li{width:50%;}
	.f_qr{margin-left:0px;}
	.f_qr p{height:auto; padding-bottom:10px;}
	.f_contact{float:left; height:auto;}
	.f_info p.law{display: none;}
	
	#nybanner{display: none;}
	#nybanner1{display: none;}
	#nybanner2{display: none;}
	#nybanner3{display: none;}
	#nybanner4{display: none;}
	#nybanner5{display: none;}
	#nybanner6{display: none;}
	#nybanner7{display: none;}
	#nybanner8{display: none;}
	#nybanner9{display: none;}
	
	.nyzw{width:90%; border:1px solid #fff;}
	.nyzw-lm1{width:100%;}
    .nyzw-lm2{display: none;}
	.nycpfl{width:100%;}

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

	.newszwbj{ margin:0 auto; width:95%; padding:0px;}
	.new-xq-r{width:90%}
	.new-xq-l .date1 .year1 span{left:70%}
	.ny-r-t{display: none;}
	.lx-nyzw{display: none;}
	.sf{display: none;}
	
	.zhanshiz{display: none;}
	.zhanshizr{width:100%;}
	.ny-weizhi{display: none;}
	
	
	.ny-news01{width:100%}
	.ny-news01 li .tu1{width:100%; margin-bottom:10px;}
	.ny-news01 li .r01{width:100%; margin-left:0px;}
	.ny-news01 li .l01{display: none;}
	.ny-news01 li .r01 a h2{font-size:14px; font-weight:bold;}
	.lx-dt{display: none;}

	
	
	/*系统原样式修改*/
	.min_box_content{display: none;}
	.showpics{margin:3% !important;}
	.showleft{display: none;}

}



/*====================平板====================*/
@media screen and (min-width: 768px) and (max-width: 1200px){
   .w1300{ width:100%;}
   .header .slogan {margin:0 auto; width:100%; margin-top:20px;text-align:center;}
   .banner{display: none;}
   .menu{display: none;}
   .product h2 a{font-size:36px;}
   .h-proc1{margin:0 auto; width:95%; margin-top:40px;}
   .pri_con { margin:0 auto; width:98%; margin-top:20px; padding-bottom:20px;padding-left:3px;overflow: hidden }
	.pri_con dl {width:49%;}
	.pri_con dl dd h4 a{font-size:18px;}
	.pri_con dl dd .more a{width:44%;margin:15px 5px 5px;}
	.pri_con dl dd .more a.ask{text-indent:5px;background:url(img/product_ask1.png) no-repeat 7px center}
	.history{background:url(img/bg.jpg) no-repeat left top;height:auto;}
	.fadeInRight1{display: none;}
	.product{padding-top:40px;}
	.proys{display: none;}
	.news {width:100%;background: url(img/newsbg.jpg) repeat center top; height: auto; padding-top:58px }
    .company{margin:0 auto; width:90%; height:auto; float:none; overflow:hidden;}
	.company .fl{width:95%;padding:21px 25px 0 29px}
	.company h3 a{margin-top:50px; font-size:24px; font-weight:bold;}
	.news h2 a{ font-size:36px; width:100%;}
	.company .small_banner{display: none;}
	.company .company_news{width:100%;}
	.faq{margin:0 auto; width:90%;height:auto; padding-bottom:10px; margin-bottom:40px;overflow:hidden; float:none; }
	.faq ul{padding:31px 38px 5px}
	.faq h3{ width:100%;}
	.faq h5{display: none;}
	.faq a.more{padding-bottom:10px;}
	.about {background: url(img/about_bg.jpg) no-repeat bottom #fff; height: auto }
	.about h2 { padding-top: 41px;}
	.about .desc { width:90%;}
	.brand_icon{padding:40px;}
	.brand li {margin:20px; }
	.brand li .brand_icon i {margin: 20px 20px 20px; }
	
	.service { margin:0 auto;margin-top:10px;width:90%; padding:10px; height: auto;}
	.service li { width:80%;margin-top:24px; padding-right:10px; border-right: 0px solid #ccc; border-bottom: 1px solid #ccc;}
	.service li i { width: 54px; height: 39px; }
	
	.f_company{margin:0 auto; width:90%;}
	.f_company h3{display: none;}
	.f_con{margin:0 auto; width:90%; }
	.f_menu{width:100%;}
	.f_menu li{width:50%;}
	.f_qr{margin-left:0px;}
	.f_qr p{height:auto; padding-bottom:10px;}
	.f_contact{float:left; height:auto;}
	.f_info p.law{display: none;}
	
	
	#nybanner{display: none;}
	#nybanner1{display: none;}
	#nybanner2{display: none;}
	#nybanner3{display: none;}
	#nybanner4{display: none;}
	#nybanner5{display: none;}
	#nybanner6{display: none;}
	#nybanner7{display: none;}
	#nybanner8{display: none;}
	#nybanner9{display: none;}
	
	.nyzw{width:90%; border:1px solid #fff;}
	.nyzw-lm1{width:100%;}
    .nyzw-lm2{display: none;}
	
	.ny-r-t{display: none;}
	.lx-nyzw{display: none;}
	.sf{display: none;}
	
	.zhanshiz{display: none;}
	.zhanshizr{width:100%;}
	.ny-weizhi{display: none;}
	
	.ny-news01{width:100%}
	.ny-news01 li .tu1{width:100%; margin-bottom:10px;}
	.ny-news01 li .r01{width:100%; margin-left:0px;}
	.ny-news01 li .l01{display: none;}
	.ny-news01 li .r01 a h2{font-size:14px; font-weight:bold;}
	.lx-dt{display: none;}
	
	.showleft{display: none;}
	
}



/*====================PC====================*/
@media only screen and (min-width: 1200px){
	.sj-banner{display: none;}
	.s-menu{display: none;}
	.ph-bq{display: none;}
	.ph-foot{display: none;}
	.sjpicys{display: none;}
	#ph-menu-tu{display: none;}
	.sj-nycpzs{display: none;}
	.sjfl{display: none;}
	.n-sjfl{display: none;}
}