@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;}



}