@charset "utf-8";
* {	margin: 0;	padding: 0;}
body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,button,input,textarea,th,td,img {	border: medium none;	margin: 0;	padding: 0; font-weight:500;}
body,button,input,select,textarea {	 font-family:"微软雅黑","宋体",tahoma,Srial,helvetica,sans-serif;	outline: none;}
h1,h2,h3,h4,h5,h6 {	font-size: 100%;}
ul,ol,li {	list-style: none; }
a {	text-decoration: none;	color: #484848;    vertical-align: top;-webkit-transition: all .3s ease-in;
    -moz-transition: all .3s ease-in;
    -ms-transition: all .3s ease-in;
    -o-transition: all .3s ease-in;
    transition: all .3s ease-in;}.h_T h2 span
a:hover {	color: #ffc526;}
img {	border: 0px;}
em{ font-style:normal;}
table tr td{border: groove;}
table {	border-collapse: collapse;	border-spacing: 0;}
html,body {	color: #000000;	background: #fff;	margin: 0 auto;font-size: 14px !important; overflow-x:hidden;}
.hide {	display: none;}
.clear {	clear: both;}
.center{ text-align:center;}
.pic100 img{width:100%;}
h1{ font-size:26px;color:#464646;}
.justify_fix{display:inline-block;*display: inline; *zoom:1; width:100%; height:0; overflow:hidden;}
.f-turn{-webkit-transition: all .3s ease-in;
    -moz-transition: all .3s ease-in;
    -ms-transition: all .3s ease-in;
    -o-transition: all .3s ease-in;
    transition: all .3s ease-in;}
.fl{float:left;}
.fr{float:right;}
.pad60{padding:60px 0;}
.overflow{ overflow:hidden;}
.clear {clear:both;visibility:hidden;display:block;font-size:0;line-height:0;}
.clearfix:after {visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0;}
.clearfix {*zoom:1;}
.white,.white a{ color:#fff;}
.rela{ position:relative;}
@font-face {
    font-family: 'centurynovabook';
    src: url('../fonts/centurynova-book-webfont.woff2') format('woff2'),
         url('../fonts/centurynova-book-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
.BMap_Marker div img{width: auto;}
.BMap_Marker div{left: 1px;}
.BMapLabel{border: none !important; left: -29px !important; top: -36px !important; font-size: 18px !important; background-color: rgba(0,0,0,0) !important;font-weight: bold !important; font-family: "微软雅黑" !important;color: #e62129!important; }
.dh{ color:#FFF; float:right; font-size:18px; line-height:26px}
.dh span{ float:right;padding-top:38px}
.logo{margin-top: 4px;display: inline-block;}
nav{ width:70%;float:right;text-align:center;}
nav ul,.h_industryC dl{margin-bottom:0;}
nav ul li{font-size:16px; display:inline-block; margin: 0 15px;}
nav ul li a{ display:block; padding:40px 0; position:relative;}
nav ul li a font{ display:block; position:absolute;width:0;height:5px; background-color:#fff; top:0;left:0;-webkit-transition: all .3s ease-in;
    -moz-transition: all .3s ease-in;
    -ms-transition: all .3s ease-in;
    -o-transition: all .3s ease-in;
    transition: all .3s ease-in;}
nav ul li a:hover font,nav ul li a.cur font{ width:100%;}
header{ position:absolute;top:0; background-color:rgba(0,0,0,0.5); width:100%;left:0; z-index:1;}
.logo img{ height:75px;width:auto;}
.h_T h2{ color:#363636;font-size:40px;}
.h_T h2 span{ color:#484848; display:inline-block;}
.h_T p{ color:#525252;font-size:16px;margin-top:5px;}
.h_industry,.h_new{ background-color:#f7f7f7;}
.h_C{ margin-top:30px;}
.h_industryC{ margin-top:60px;}
.h_industryC dl a{ display:block;padding:40px 0; position:relative; height:250px;}
.h_industryC dl a dt{ width:60px; overflow:hidden; margin:30px auto 0;position:relative; z-index:1;-webkit-transition: all .3s ease-in;
    -moz-transition: all .3s ease-in;
    -ms-transition: all .3s ease-in;
    -o-transition: all .3s ease-in;
    transition: all .3s ease-in;}
.h_industryC dl a dt i{ width:131px;height:60px; display:block;-webkit-transition: all .3s ease-in;
    -moz-transition: all .3s ease-in;
    -ms-transition: all .3s ease-in;
    -o-transition: all .3s ease-in;
    transition: all .3s ease-in;transition-delay: 0.4s;
-moz-transition-delay: 0.4s; /* Firefox 4 */
-webkit-transition-delay: 0.4s; /* Safari 和 Chrome */
-o-transition-delay: 0.4s;}
.h_industryC dl:nth-child(1) a dt i{ background:url(../images/icon_1.png) no-repeat;}
.h_industryC dl:nth-child(2) a dt i{ background:url(../images/icon_3.png) no-repeat;}
.h_industryC dl:nth-child(3) a dt i{ background:url(../images/icon_2.png) no-repeat;}
.h_industryC dl:nth-child(4) a dt i{ background:url(../images/icon_4.png) no-repeat;}
.h_industryC dl:nth-child(5) a dt i{ background:url(../images/icon_5.png) no-repeat;}
.h_industryC dl:nth-child(6) a dt i{ background:url(../images/icon_6.png) no-repeat;}
.h_industryC dl:nth-child(7) a dt i{ background:url(../images/icon_71.png) no-repeat;}
.h_industryC dl:nth-child(8) a dt i{ background:url(../images/icon_8.png) no-repeat;}
.h_industryC dl:nth-child(1) a:hover dt i,.h_industryC dl:nth-child(2) a:hover dt i,.h_industryC dl:nth-child(3) a:hover dt i,.h_industryC dl:nth-child(4) a:hover dt i,.h_industryC dl:nth-child(5) a:hover dt i,.h_industryC dl:nth-child(6) a:hover dt i,.h_industryC dl:nth-child(7) a:hover dt i,.h_industryC dl:nth-child(8) a:hover dt i{ background-position:-71px 0;}
.h_industryC dl a dd h5{font-size:18px; margin-top:16px;position:relative; z-index:1;}
.h_industryC dl a dd p{ color:#8b8b8b;margin-top:5px; overflow:hidden;text-overflow:ellipsis;white-space:nowrap; *white-space:nowrap;position:relative; z-index:1;}
.h_industryC dl a dd i{ width:30px;height:5px; background-color:#ffc526;display:inline-block; opacity:0;position:relative; z-index:1;margin-top:56px;}
.h_industryC dl a dd font{ display:block; background-color:#fff; bottom:0; position:absolute;width:100%;height:0;-webkit-transition: all .3s ease-in;
    -moz-transition: all .3s ease-in;
    -ms-transition: all .3s ease-in;
    -o-transition: all .3s ease-in;
    transition: all .3s ease-in;}
.h_industryC dl a:hover dt,.h_industryC dl a.cur dt{ margin:0 auto;}
.h_industryC dl a:hover dd font,.h_industryC dl a.cur dd font{ height:100%;}
.h_industryC dl a:hover dd i,.h_industryC dl a.cur dd i{ opacity:1;margin-top:35px;}
.h_industryC dl a:hover dt img,.h_industryC dl a.cur dt img{ margin-left:-71px;}
.h_aboutCR{ padding:0 15px 0 50px}
.h_aboutCR i,.industrylist i{width:40px;height:5px; background-color:#ffc526;display:inline-block;}
.h_aboutCR h5,.industrylist h5{ font-size:28px; font-weight:bold; margin-top:34px; overflow:hidden;text-overflow:ellipsis;white-space:nowrap; *white-space:nowrap;}
.h_aboutCR p,.industrylist p{ color:#6a6a6a;line-height:28px;height:114px; overflow:hidden;margin-top:18px; font-size:15px;}
.h_aboutCR span,.industrylist span{font-size:15px; display:inline-block;padding:12px 45px; margin-top:26px; border:1px solid #bfbfbf; position:relative; color:#9e9e9e;}
.h_aboutCR span font,.industrylist span font{ display:inline-block; position:absolute; width:75px;height:1px; background-color:#bfbfbf;top: 22px;right: -50px;}
.h_aboutCR a:hover i,.industrylist a:hover i{ width:80px;}
.h_aboutCR a:hover span,.industrylist a:hover span{background-color:#ffc526;color:#fff; border-color:#ffc526;}
.h_aboutCR a:hover span font,.industrylist a:hover span font{ width:100px; right:-100px;}
.h_newC dl{ margin-bottom:50px;}
.h_newC a{ display:block; background-color:#fff;}
.h_newC a dt{ position:relative; overflow:hidden;}
.h_newC a dd{ padding:30px 0 56px;}
.h_newC a dd time{ display:block;font-family: 'centurynovabook'; font-size:30px;}
.h_newC a dd h5{ font-size:18px; overflow:hidden;text-overflow:ellipsis;white-space:nowrap; *white-space:nowrap; color:#9b9b9b;}
.h_newC a dd i{ display:inline-block; width:40px;height:40px; background:#d2d2d2 url(../images/icon_7.png) no-repeat center; position:absolute;bottom:-20px;left:50%;margin-left:-20px; border-radius:100%;}
.h_newC a:hover dd i{background:#ffc526 url(../images/icon_7.png) no-repeat center;transform:rotate(360deg);
-ms-transform:rotate(180deg); 	/* IE 9 */
-moz-transform:rotate(180deg); 	/* Firefox */
-webkit-transform:rotate(180deg); /* Safari 和 Chrome */
-o-transform:rotate(180deg);-webkit-transition: all .3s ease-in;
    -moz-transition: all .3s ease-in;
    -ms-transition: all .3s ease-in;
    -o-transition: all .3s ease-in;
    transition: all .3s ease-in;}
.h_newC dl a dt div{opacity:0.2;position: absolute;z-index:2;background-color: #222;width: 60px;height: 60px;cursor: pointer;}
.cornerTL { left:-63px; top:-63px; }
.cornerTR { right:-63px; top:-63px; }
.cornerBL { left:-63px; bottom:-63px; }
.cornerBR { right:-63px; bottom:-63px; }
.h_newC dl a:hover dt div{width: 450px;height: 400px;}
.h_brandC li{ float:left; width:25%; padding:15px 0;}
.h_brandC li img{-webkit-filter: grayscale(0);filter: gray;filter: grayscale(0);opacity: 1;}
.h_brandC li.grey img{-webkit-filter: grayscale(1);filter: gray;filter: grayscale(1);opacity: .5;}
.h_brandC li a{ display:block; padding:0 20px;}
footer{ background-color:#3d3d3d;padding:70px 0;}
.footTit{ margin-bottom:45px;}
.footTit h2{ font-size:30px;font-weight: bold;}
.footTit p{ font-size:16px; margin-top:5px;}
.footL li{font-size:16px; margin-top:45px; padding-bottom:34px; border-bottom:1px solid #6e6e6e;}
.footL li input,.footL li textarea{ color: #fff;width:100%; background-color:transparent;}
.footL li textarea{ height:75px; resize:none;}
.footL li input[type='submit']{ background-color:#5b5b5b; height:44px;line-height:44px; color:#fff;}
.footL li:last-child{ border:0;margin-top: 25px;}
.footR article{ line-height:30px;font-size:16px; color:#a8a8a8;}
.footR dl{ margin-top:30px; overflow:hidden;}
.footR dl dt{ float:left;}
.footR dl dd{ float:left;margin:40px 0 0 20px; line-height:25px;color:#a8a8a8;font-size:16px; }
.bq{ padding:27px 0;background-color:#2d2d2d;}
.other1{ background:url(../images/other1.jpg) no-repeat center top fixed; background-size:cover;}
.otherbanner1{ padding:248px 0 140px;}
.otherbanner1 h6{ text-align:center;color:#FFF; margin-top:15px;}
.otherbanner1 h6 a{ color:#FFF;}
.h_T.white h2,.h_T.white p{ color:#fff;}
.site{ border-bottom:1px solid #e5e5e5; font-size:18px; margin-bottom:38px;}
.site a{padding-bottom:30px; display:inline-block; position:relative; color:#a4a4a4; margin:0 15px;}
.site i{ position:absolute;width:0;height:3px; background-color:#ffc526; bottom:0;left:0; display:block;-webkit-transition: all .3s ease-in;
    -moz-transition: all .3s ease-in;
    -ms-transition: all .3s ease-in;
    -o-transition: all .3s ease-in;
    transition: all .3s ease-in;}
.site a:hover,.site a.cur{color:#282828; }
.site a:hover i,.site a.cur i{ width:100%;}
.about{ line-height: 35px;}
.about img{ max-width:100%;}
.aboutC h4{font-size: 36px;}
.about h4 span{color:#ffc526;}
.aboutC h5 {font-size: 24px;  margin: 15px 0 30px;}
.industry{ margin-top:0;}
.industrylist dl{ margin-bottom:48px;}
.industrylist dl dt { overflow:hidden; float:left;width:470px;}
.industrylist dl dd{float:right;width:calc(100% - 520px);}
.industrylist dl dt img{-webkit-transition: all .3s ease-in;
    -moz-transition: all .3s ease-in;
    -ms-transition: all .3s ease-in;
    -o-transition: all .3s ease-in;
    transition: all .3s ease-in;}
.industrylist dl a:hover dt img{-webkit-transform: scale3d(1.1,1.1,1); transform: scale3d(1.1,1.1,1);}
.industrylist h5{ margin-top:0; font-weight:100;}
.industrylist i{ margin-top:20px;}
.industrylist p{height: 112px;margin-top: 25px;}
.industrylist span{margin-top: 100px;}
.brand li a{ position:relative; display:block; padding:20px 0px; overflow:hidden;}
.brand li a div{ position:absolute;width:100%;height:100%; top:100%;left:0; background-color:#ffc526; color:#fff;}
.brand li a div h5{ font-size:18px; margin:30px auto 5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap; *white-space:nowrap;}
.brand li a:hover div{ top:0;}
.pagelist{ margin-top:40px; text-align:center;}
.pagelist li{ display:inline-block;margin:0 3px;}
.pagelist li a{ display:block;height:40px;line-height:40px;padding: 0 16px; border:1px solid #dcdcdc;}
.pagelist li a:hover,.pagelist li a.cur{ background-color:#ffc526; color:#fff;}
.new dl{ margin-bottom:40px;}
.new dl dt {width:380px;}
.new dl dd {width: calc(100% - 420px);}
.new dl dd div{ overflow:hidden; padding-bottom:23px; border-bottom:1px solid #dcdcdc;}
.new dl dd div h5{width: calc(100% - 200px);float:left;}
.new dl dd div time{float:right; display:inline-block;font-family: 'centurynovabook'; font-size:24px;}
.new p {height: 84px;}
.new span { margin-top:30px;}
.newmain article img{ max-width:100%;}
.newmain article{line-height:28px; margin-top:30px;}
.newmain h1{font-size:30px;text-align:center; margin:0 0 19px;}
.newmain time{ text-align:center; display:block; color:#bfbfbf; margin:19px 0;}
.newmain time span{ margin:0 10px;}
.prenext{ margin-top:53px; border-top:3px solid #dcdcdc; padding-top:17px;}
.prenext p:last-child{ text-align:right;}
.tj{ background-color:#f7f7f7;}
.map{ height:400px; border:1px solid #dcdcdc; position:absolute;width:100%;height:700px; top:0;left:0;}
.otherbanner2{height:700px;}
.hzhb li{ width:25%}
.yjbd{
width: 100%;
    height: 40px;
    line-height: 40px;
    background: #2d2d2d;
    text-align: center;
    font-size: 16px;
    color: #fff;
    z-index: 300;
    position: fixed;
    bottom: 0;
}
.yjbd a{ color:#FFF}
.iphone {position: relative;}
.iphone__item {width: 16.06em;height: 1em;position: absolute;bottom: -2em;color: #158f76;text-align: center;}
.iphone__power-btn {width: 2.188em;height: .188em;background: #e0e0e0;position: absolute;right: 2.5em;top: -0.188em;}
.iphone__left-btn {width: .188em;height: 1.250em;top: 3.250em;left: -0.188em;position: absolute;background: #e0e0e0;}
.iphone__left-btn:before {content: '';width: .188em;height: .875em;position: absolute;top: 3em;background: #e0e0e0;
}
.iphone__left-btn:after {content: '';width: .188em;height: .875em;position: absolute;top: 5.5em;background: #e0e0e0;}
.iphone__details {width: .438em;height: .438em;border-radius: 100%;position: relative;top: 1.313em;left: 8em;background: #7c7c7c;}
.iphone__details:before {content: '';width: 2.5em;height: .25em;border-radius: .25em;position: absolute;top: 1em;left: -1em;background: #7c7c7c;}
.iphone__home-btn {width: 2.25em;height: 2.25em;border-radius: 100%;position: absolute;bottom: 1em;right: 6.75em;
background: #f7f7f7;}
.iphone__home-btn:before {content: '';width: .813em;height: .813em;border: .15em solid #a8a8a8;border-radius: .2em;position: absolute;top: .6em;left: .57em;}
.iphone__screen {width: 100%;height:  100%;position: absolute;top: 0;left: 0;}
.iphone__content {position: relative;background-color: #fff;width: 100%;height: 100%;}
/**
* Navigation Defaults
*/
.nav { text-align:left;
  position:fixed;width:100%;height:100%;
  z-index: 100;
  opacity: 0;
  -webkit-transition-property: all;
  transition-property: all;
  -webkit-transition-duration: 300ms;
          transition-duration: 300ms;
}
.nav--active .nav {opacity: 1;background-color: #333;}
.nav__list {margin: 0;padding: 50px 10px 0 10px;}
.nav__list li{margin: 10px 0;}
.nav__list li a{font-size:16px; color: #fff;/*-webkit-transition: opacity 300ms ease-in-out;  transition: opacity 300ms ease-in-out;*/}
/* Default navigation icon */
.nav__trigger { display: block;position:inherit;width: 30px;height: 25px;right: 20px;top: 20px;z-index: 200;}
.nav--active .nav__trigger {opacity: 0.5;}
.nav__icon {display: inline-block;position: relative;width: 30px;height: 5px;background-color: #FFFFFF;
  -webkit-transition-property: background-color, -webkit-transform;
  transition-property: background-color, -webkit-transform;
  transition-property: background-color, transform;
  transition-property: background-color, transform, -webkit-transform;
  -webkit-transition-duration: 300ms;
          transition-duration: 300ms;
}
.nav__icon:before,
.nav__icon:after {content: '';display: block;width: 30px;height: 5px;position: absolute;background: #ffc526;
  -webkit-transition-property: margin, -webkit-transform;
  transition-property: margin, -webkit-transform;
  transition-property: margin, transform;
  transition-property: margin, transform, -webkit-transform;
  -webkit-transition-duration: 300ms;
          transition-duration: 300ms;
}
.nav__icon:before {margin-top: -10px;}
.nav__icon:after { margin-top: 10px;}
.nav--active .iphone__content{ position:fixed;}
/**
* Style #3
*/
.style-3 .nav {overflow-y: scroll;width: 100%;height: 100%;
  -webkit-transform: translateX(100%);
          transform: translateX(100%);
}
.style-3 .nav--active .nav {
  -webkit-transform: translateX(20%);
          transform: translateX(20%);
}
.style-3 .iphone__content {
 /* -webkit-transform: scale(1) translateX(0);
          transform: scale(1) translateX(0);*/
  -webkit-transition: all 300ms ease-in-out;
  transition: all 300ms ease-in-out;
}
.style-3 .iphone__screen {background-color: #333;}
.style-3 .nav--active .iphone__content {
  -webkit-transform: scale(0.9) translateX(-90%);
          transform: scale(0.9) translateX(-90%);
}
.style-3 .nav__icon {background: rgba(0, 0, 0, 0);}
.style-3 .nav__icon:before {margin-top: 0;
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
}
.style-3 .nav__icon:after {margin-top: 0;
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
.style-3 .nav--active .nav__icon {
  -webkit-transform: rotate(135deg);
          transform: rotate(135deg);
}
.nav__trigger{ display:none;}
.nav li div{ display:none; margin:10px; font-size:13px;}
.nav--active .nav__icon:before,.nav--active .nav__icon:after{background: #fff;}
.bannerb,.banners{ position:absolute;width:100%;height:100%;left:0;top:0;}
.banners,.bannersbg{ display:none;}
.honor li img{-webkit-filter: grayscale(0) !important;filter: gray !important;filter: grayscale(0) !important;opacity: 1 !important;}
.honor li a div h5{margin: 30% auto 5px;}
@media(max-width:1600px){
	.map,.otherbanner2{ height:500px;}
}
@media(max-width:1199px){
	nav {  width: 70%;}
}
@media(max-width:991px){
	.h_brandC li{ width:50% !important;}
	.hzhb li{ width:50%}
	/*.h_industryC dl{ width:33.33% !important;}*/
	nav,.tj { display:none !important;}
	.nav,.nav__trigger{ display:block !important;}
	.map,.otherbanner2{ height:400px;}
	.logo { padding-bottom:20px; margin-top: 20px;}
	.h_industryC dl{ margin:20px 0;}
	.h_industryC dl a { height: auto;padding: 0;}
	.h_industryC dl a dt{margin: 0 auto;}
	.h_industryC dl a dd i{ display:none;}
	.h_T h2{    font-size: 30px;}
	.h_newC dl:nth-child(4),.h_newC dl:nth-child(5),.h_newC dl:nth-child(6){ display:none;}
	.about img{ width:100%;}
	.nav__list li {display: block;}
    .nav__list li a{padding: 5px 0;}
	.otherbanner1 {  padding: 138px 0 70px;}
	.new dl dt {  width: 240px;}
	.new dl dd {  width: calc(100% - 270px);}
	.h_aboutCR h5, .industrylist h5 { font-size: 18px;}
	.new dl dd div time{font-size: 20px;}
	.new dl dd div h5 { width: calc(100% - 150px);}
	.new dl dd div{padding-bottom: 10px;}
	.new p { height:50px;margin-top: 10px;}
	.new span {  margin-top: 14px;}
	.newmain h1 { font-size: 24px;}
	.prenext p:last-child { text-align: left; margin-top:10px;}
	.dh{ display:none}
}
@media(max-width:767px){
	.logo img{ height:45px}
	.h_aboutCR{ padding:0px}
	.h_aboutCR h5, .industrylist h5{ font-size:22px}
	.industrylist dl dt{ width:100%}
	.industrylist h5{ text-align:center;}
	.industrylist dl dt img{ width:100%}
	.industrylist span{ margin-top:10px}
	.industrylist dl dd{ width:100%}
	.flex-control-nav,.site,.new span{ display:none;}
	.bannerb,.bannerbg{ display:none;}
	.banners,.bannersbg{ display:block;}
	.logo{ margin:20px 0 0 15px;}
	footer{ padding: 30px 0;}
	.footTit h2 { font-size: 22px;}
	.bq { padding: 22px 15px;}
	.pad60 { padding: 30px 0;}
	.new,.newmain,.aboutC{ padding:0 15px;}
	.newmain h1 { font-size: 18px;}
	.padpic{ padding:0 !important;margin:10px 0; width:100%;float:none !important;}
	.aboutC h4 { font-size: 26px;}
	.aboutC h5 {font-size: 20px;margin: 10px 0 20px;}
}
@media(max-width:640px){
	.industrylist h5{ text-align:left}
	.liuy{ display:none}
	.hzhb li div span{ display:none}
	.container{ padding-left:10px; padding-right:10px}
	.new dl dt { width: 180px;}
	.new dl dd { width: calc(100% - 195px);}
	.new dl dd div h5,.new dl dd div time { width:100%;font-size: 15px;}
	.new dl dd div { padding-bottom: 3px;}
	.new p {height: 40px;margin-top: 3px;line-height: 20px;font-size: 13px;}
	.pagelist li a {height: 30px; line-height: 30px;padding: 0 10px;}
	.new dl { margin-bottom: 20px;}
	.pagelist {  margin-top: 20px;}
	.brand li a{padding: 15px;}
	.bq{margin-bottom: 24px;}
}
@media (max-width:495px){
	.footR dl{text-align: center;}
	.footR dl dt {float: none;}
	.footR dl dd { float: none; margin: 20px auto 0;}
}
@media (max-width:390px){
	.new dl dt {width: 120px;}
	.new dl dd { width: calc(100% - 135px);}
	.new p {font-size: 12px;}
}