@charset "gb2312";
html{background:#FFF;color:#000;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,form,input,textarea,p{margin:0;padding:0;}img{border:0;}ol,ul,li{list-style:none;}h1,h2,h3,h4,h5{font-weight:normal;font-size:100%;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:text-top;}sub{vertical-align:text-bottom;}input,textarea,select{font-weight:inherit;font-size:inherit;font-family:inherit;}input,textarea,select{*font-size:100%;}legend{color:#000;}a,a:hover,a:focus{color:inherit;text-decoration:none!important;}
/*******CSS reset*************/
body{position:relative;font-family:"Microsoft Yahei";font-size:14px;border-left:1px #ffffff solid;border-right:1px #ffffff solid;}
.clear{clear:both;}
em,i{font-style:normal;}
.fl{float:left}  .fr{float:right}
/********General**********/
.wrap{margin:0 auto;width:100%;overflow-x:hidden;}
/********General**********/
.width{max-width:1500px;margin-left:auto;margin-right:auto;}
@media screen and (max-width:1680px) {.width{max-width:1300px;}}
@media screen and (max-width:1440px) {.width{max-width:1200px;}}
@media screen and (max-width:1200px) {.width{max-width:1002px;}}
@media screen and (max-width:1024px) {.width{padding-left:10px;padding-right:10px;}}

/*header*/
.tel{display:block;line-height:30px;position:absolute;z-index:2;text-align:right;right:20px;top:5px}
.tel a{float:left;height:16px;font-size:14px;color:#666666;padding:0 9px;line-height:16px;position:relative;cursor:pointer;}
.header{list-style:none;}
.head{height:auto;position:relative;margin:0 auto; background:url(../images/topbg.jpg) repeat;}
.h_con{align-items:initial;padding:14px 0;}
.head .logo{width:calc(100% - 320px);}
.head .logo img{width:100%;max-width:373px; alignment-adjust:middle;}
.h_tel{width:310px;}
.h_tel img{width:100%;max-width:310px;}
.header .nav{height:55px;background:url(../images/nav.jpg) repeat-x;;z-index:5;position:relative;margin:0}
.header .nav ul li{float:left;width:calc((100% - 280px) / 7);text-align:center;position:relative;line-height:55px}
.header .nav ul li a{display:block;font:16px/55px "microsoft yahei";color:#FFF;}
.header .nav ul li a:before{width:1px; height:10px; background:#fff; content:""; position:absolute; right:0;top:27px;}
.header .nav ul li:hover{ background:#c10001;}
.header .nav ul .time{float:right;display:block;height:55px;font-size:16px;line-height:55px;width:250px;color:#FFF;}
@media screen and (max-width:1200px) {
.header .nav ul .time{display:none;}
.header .nav ul li{width:calc(100% / 7);}
.header .nav ul li:nth-child(7) a:before{display:none;}
}
@media screen and (max-width:1024px) {
.tel{display:none}
.head .logo{width:100%;margin:0px auto;display:block;text-align:center; padding-top:0;}
.h_tel{display:none}
}
@media screen and (max-width:768px) {
.h_con{text-align:center; padding:1% 0%;}
.header .nav{height:65px;padding-top:10px; background:#000;}
.header .nav ul li{width:calc(100% / 3);line-height:25px;height:25px;font-size:15px;font-weight:normal;float:left;text-align:center;overflow:hidden;margin-bottom:5px;}
.header .nav ul li:nth-child(3) a:before{border-right:none;}
.header .nav ul li:nth-child(6){ display:none;}
.header .nav ul li a{display:block;line-height:20px;font-size:16px;height:20px;color:#FFFFFF }
}
@media screen and (max-width:640px) {
.h_con{display:none;}
}
/*header end*/

/*footer*/
.footWrap{ background:#282828; color:#a1a1a1; position:relative; z-index:1; line-height:24px; font-size:14px; overflow:hidden; padding:20px 0 0; height:300px; } 
em, i { font-style:normal; } 
.footWrap a{ color:#a1a1a1;} 
.footer{ margin:0 auto;} 
.footer h3{ height:80px; font-size:16px; position:relative; color:#fff; line-height:43px;} 
.footer h3:after{ content:""; position:absolute; width:20px; height:3px; top:55px; left:0; background:#c01d29;} 
.footer h3:before{ content:""; position:absolute; width:140px; height:1px; top:56px; left:0; background:#454545;} 
.f_logo{ width:25.3%; font-size:16px;} 
.f_logo h2{ padding:0 0 20px;} 
.f_logo span{ display:block;} 
.f_code p{ width:126px; float:left; text-align:center; padding:30px 10px 0 0;} 
.f_code p img{ display:block; width:120px; height:120px; background:#fff;} 
.f_text{ width:22.5%; white-space:nowrap;} 
.f_pho{ height:90px; line-height:30px; color:#fff;} 
.f_pho b{ display:block; font-family:Times New Roman, Arial; font-size:40px; line-height:44px;} 
.f_text span em{ padding-left:8px;} 
.f_nav{ width:17.4%;} 
.f_nav a{ display:block; line-height:34px;} 
.f_nav a:hover{ color:#fff; } 
.f_cp{ width:34.8%;} 
.f_cp a{ display:block; line-height:34px; width:50%; float:left;} 
.f_cp a:hover{ color:#fff; } 
/*友情链接*/
.link{height:68px;line-height:68px;position: relative;z-index: 9;font-size: 14px;color: #7c7c7c;background: #1a1a1a;}
.link a{display: inline-block;padding:0 24px;color: #7c7c7c;}
.link_c a:hover{text-decoration: underline;color: #fff;}

@media screen and (max-width:1200px){
.f_logo{ width:295px;} 
.f_cp{ width:calc(100% - 583px);} 
.f_nav{ display:none;}
.f_text{ width:288px;} 
}
@media screen and (max-width:1024px){
.link{display:none;}
}
@media screen and (max-width:800px){
.f_cp{display:none;}
}
@media screen and (max-width:640px){
.footWrap{ padding:35px 0 80px; height:auto; line-height:28px; font-size:16px;} 
.f_logo h2,.f_code,.footer h3,.f_pho,.f_text p{display:none;}
.f_logo,.f_text{ width:100%; text-align:center;}
.copyright span{display:block;}
.copyright a{padding-left:0;}
.f_text span em{ padding-left:0; display:block;} 
}

.fxdb{display:none}
@media screen and (max-width:640px) {
.fxdb{display:block;height:60px;position:fixed;bottom:0px;left:0px;width:100%;z-index:9999;_position:absolute;_bottom:auto;_top:expression(eval(document.documentElement.scrollTop+440));}
.fxdb li{float:left;list-style:none;height:55px;text-align:center;box-sizing:border-box;width:100%;}
.fxdb li a{display:block;width:94%;text-align:center;margin:0px auto;background:#c10001;border-radius:50px;height:50px;box-shadow:0 0 5px #fff;}
.fxdb li img{height:30px;margin-top:10px}
}
.vipb{position:absolute;bottom:3px;right:5px;height:30px;background:url(../images/vip.png) no-repeat center right;padding-right:68px;font-size:20px;color:#e7b144;line-height:35px;text-align:right;z-index:99}
.vipb a{color:#e7b144;font-size:20px;}
@media screen and (max-width:640px) {
.vipb{bottom:62px;right:5px;}	
}
.icon {background:url(../images/icon.png) no-repeat;display:inline-block;vertical-align:middle;} 
.animate-tel {animation:tada 1s linear infinite;transform-origin:50% 50%;-webkit-animation:tada 1s linear infinite;-webkit-transform-origin:50% 50%;-moz-animation:tada 1s linear infinite;-moz-transform-origin:50% 50%;-o-animation:tada 1s linear infinite;-o-transform-origin:50% 50%;-ms-animation:tada 1s linear infinite;-ms-transform-origin:50% 50%;}
@-webkit-keyframes tada {
0% {
-webkit-transform:scale(1);
transform:scale(1);
}
10%, 20% {
-webkit-transform:scale(0.9) rotate(-3deg);
transform:scale(0.9) rotate(-3deg);
}
30%, 50%, 70%, 90% {
-webkit-transform:scale(1.1) rotate(3deg);
transform:scale(1.1) rotate(3deg);
}
40%, 60%, 80% {
-webkit-transform:scale(1.1) rotate(-3deg);
transform:scale(1.1) rotate(-3deg);
}
100% {
-webkit-transform:scale(1) rotate(0);
transform:scale(1) rotate(0);
}
}
@keyframes tada {
0% {
-webkit-transform:scale(1);
-ms-transform:scale(1);
transform:scale(1);
}
10%, 20% {
-webkit-transform:scale(0.9) rotate(-3deg);
-ms-transform:scale(0.9) rotate(-3deg);
transform:scale(0.9) rotate(-3deg);
}
30%, 50%, 70%, 90% {
-webkit-transform:scale(1.1) rotate(3deg);
-ms-transform:scale(1.1) rotate(3deg);
transform:scale(1.1) rotate(3deg);
}
40%, 60%, 80% {
-webkit-transform:scale(1.1) rotate(-3deg);
-ms-transform:scale(1.1) rotate(-3deg);
transform:scale(1.1) rotate(-3deg);
}
100% {
-webkit-transform:scale(1) rotate(0);
-ms-transform:scale(1) rotate(0);
transform:scale(1) rotate(0);
}
}
/*footer end*/

/*主页*/

/*Banner*/
.fullSlide {width:100%;position:relative;overflow:hidden;height:700px;} 
.fullSlide .bd {margin:0 auto;position:relative;z-index:0;overflow:hidden;} 
.fullSlide .bd ul {width:100% !important;}
.fullSlide .bd li {width:100% !important;overflow:hidden;text-align:center;background-position:center top;background-repeat:no-repeat;background-size:cover;height:700px;} 
.fullSlide .bd li a {display:block;height:700px;} 
.fullSlide .hd {width:100%;position:absolute;z-index:1;bottom:20px;left:0;height:10px;line-height:10px;} 
.fullSlide .hd ul {text-align:center;}
.fullSlide .hd ul li {cursor:pointer;display:inline-block;*display:inline;zoom:1;width:20px;height:20px;margin:2px;border-radius:20px;overflow:hidden;background:#fff;line-height:999px;background:#333;} 
.fullSlide .hd ul .on {background:#c10001;width:50px;height:20px;border-radius:10px  } 

.fullSlide .prev,.fullSlide .next {display:block;position:absolute;z-index:1;top:50%;margin-top:-30px;left:5%;z-index:1;width:40px;height:60px;cursor:pointer;/* filter:alpha(opacity=50);opacity:0.5;*/display:none;width:73px;height:73px;} 
.fullSlide .prev {background:url(../images/left1s.png) no-repeat;}
.fullSlide .next {left:auto;right:5%;background:url(../images/right1s.png) no-repeat;}
.s_ban{display:none;} 
@media screen and (max-width:1440px){
.fullSlide {height:600px;} 
.fullSlide .bd li{height:600px;}
.fullSlide .bd li a {height:600px;} 
}
@media screen and (max-width:1200px){
.fullSlide {height:500px;} 
.fullSlide .bd li{height:500px;}
.fullSlide .bd li a { height:500px;} 
}
@media screen and (max-width:1024px){
.fullSlide {height:480px;} 
.fullSlide .bd li{height:480px;}
.fullSlide .bd li a { height:480px;} 
}
@media screen and (max-width:992px){
.fullSlide {height:380px;} 
.fullSlide .bd li{height:380px;}
.fullSlide .bd li a { height:380px;} 
}
@media screen and (max-width:768px){
.fullSlide {height:320px;} 
.fullSlide .bd li{height:320px;}
.fullSlide .bd li a { height:320px;} 
.fullSlide .hd ul li {width:15px;height:15px;border-radius:15px;} 
.fullSlide .hd ul .on {width:40px;height:15px;border-radius:8px  } 
}
@media screen and (max-width:640px){
.fullSlide{display:none;} 
.s_ban{display:block;width:100%;}
.s_ban img{display:block;width:100%;}
}

/**/
.Toubu{width:100%;background:url(../images/Toubu.jpg) no-repeat center top; }
.root {width:100%;height:149px;position:relative;}
.root dt {float:left;margin-top:-76px;width:25%;height:225px; box-sizing:border-box;}
.root dt img {display:block;width:251px;height:225px; z-index:19999; position:relative}
.root .wzgg {padding-top:36px;position:relative;height:113px;width:75%;float:right;font-size:15px;color:#555555;line-height:34px;text-indent:2em;}
.root .wzgg p { display:inline}
.root .wzgg p em {font-weight:bold;}
.root .wzgg h1{ font-size:15px;display:inline; font-weight:normal}
.root .wzgg h2{font-size:15px; display:inline; font-weight:normal}
.root .wzgg h3{font-size:15px; display:inline; font-weight:normal}
.root .wzgg span{ display:inline; font-weight:normal}
.root .wzgg i {display:block;position:absolute;right:0;bottom:24px;width:26px;height:20px;}
.root .wzgg img {display:block;width:26px;height:20px;}
.wzgg{display:inline}
.wzgg_bt{display:inline}
@media only screen and (max-width:1680px) { 
.root dt{ margin-top:-57px;padding-top:57px;}
}
@media only screen and (max-width:1440px) { 
.root .wzgg i{ bottom:-12px}
}
@media only screen and (max-width:1200px) { 
.root .wzgg{ width:72%} 
.root .wzgg{ height:140px}
}
@media only screen and (max-width:1024px) { 
.root .wzgg{ height:130px; padding-top:16px;width:65%;}
.root dt{ margin-top:-33px;padding-top:33px;height:222px;}
.root .wzgg i{ display:none}
}
@media only screen and (max-width:850px) { 
.root .wzgg{ line-height:27px;}
}

.mainsytj{ padding:40px 0 23px; }
.mainsytj_top{ text-align:center; margin-bottom:2%; }
@media only screen and (max-width:1680px) {   
.mainsytj{ padding-top:21px; }
}
@media only screen and (max-width:1200px) {   
.mainsytj{ padding-top:13px; }
}
@media only screen and (max-width:1024px) {    
.mainsytj{ padding-top:0; }
}
@media only screen and (max-width:768px) { 
.Toubu{ display:none}
}


/**/
.sybt{ position:relative; width:100%; text-align:center; margin:15px 0 0; } 
.sybt h2{display:block;font-size:42px;font-weight:bold; } 
.sybt h2 font{ color:#c10001; } 
.sybt p{ display:none; font-size:18px; color:#8d8d8d;padding:10px 0 20px; } 
@media screen and (max-width:1024px){
.sybt{ height:120px;} 
.sybt h2{margin-top:20px;font-size:35px;} 
.sybt p{font-size:16px;} 
}
@media screen and (max-width:640px){
.sybt{ height:100px;} 
.sybt h2{margin-top:13px;font-size:30px;} 
}
@media screen and (max-width:480px){
.sybt{ margin-bottom:0; } 
.sybt h2{margin-top:10px;font-size:28px;} 
}
@media screen and (max-width:380px){
.sybt p{ font-size:14px;} 
}

/**/
.sy_cp{height:auto;position:relative;background:url(../images/cpbtbg.jpg) top center no-repeat;}
.sy_menu { width:100%;} 
.sy_menu ul li { float:left; width:calc(95% / 6); height:40px; margin-right:1%; box-sizing:border-box; line-height:40px;background:#c10001;border-radius:4px; margin-bottom:1%;} 
.sy_menu ul li:nth-child(6n) { margin-right:0; } 
.sy_menu ul li a { display:block; width:100%; height:100%; text-align:center; font-size:16px; color:#ffffff; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; } 
.sy_menu ul li:hover { background:#000; } 
.sy_cp .sy_view { width:100%;} 
.sy_cp .sy_view ul li { float:left; width:23.5%; margin:0 2% 10px 0;} 
.sy_cp .sy_view ul li em { display:block;width:100%;height:0; position:relative; padding-bottom:100%;transition:all 0.3s ease 0.1s;overflow:hidden; } 
.sy_cp .sy_view ul li em:before{ content:""; background:url(../images/cpt.png) no-repeat center; background-size:cover; position:absolute; width:100%; height:100%; left:0; top:0; z-index:9;}
.sy_cp .sy_view ul li em img {width:100%;height:100%;position:absolute; top:0; left:0;transition:all 0.3s ease-in-out; } 
.sy_cp .sy_view ul li span { width:100%;font-size:16px;color:#222222;line-height:35px;display:block;height:35px;overflow:hidden;text-align:center;} 
.sy_cp .sy_view ul li:hover em img { transform:scale(1.1); } 
.sy_cp .sy_view ul li:hover span { color:#c10001; font-weight:bold; } 
.sy_cp .sy_view ul li:nth-child(4n) { margin-right:0; } 
@media screen and (max-width:1200px){ 
.sy_cp .sy_view ul li { width:32%; } 
.sy_cp .sy_view ul li:nth-child(4n){ margin-right:2%; } 
.sy_cp .sy_view ul li:nth-child(3n){ margin-right:0; } 
}
@media screen and (max-width:1024px){ 
.sy_menu ul li {width:calc(97% / 4);} 
.sy_menu ul li:nth-child(6n) { margin-right:1%; } 
.sy_menu ul li:nth-child(4n) { margin-right:0; } 
}

@media screen and (max-width:640px){ 
.sy_menu ul li {width:calc(99% / 2);}
.sy_menu ul li:nth-child(2n) { margin-right:0; } 
.sy_cp .sy_view ul li { width:49%; margin-bottom:15px;} 
.sy_cp .sy_view ul li:nth-child(3n) { margin-right:2%; } 
.sy_cp .sy_view ul li:nth-child(2n) { margin-right:0; } 
} 
@media screen and (max-width:380px){ 
.sy_cp{ padding-top:10px;}
.sy_cp .sy_view { margin-top:0px; } 
.sy_cp .sy_view ul li { width:100%; margin-right:0!important; } 
}

.white,.whites{position:relative;overflow:hidden;}
.white:after,.whites:after{content:''; cursor:pointer; position:absolute; left:-100%; top:0; width:100%; height:100%; background-image:-moz-linear-gradient(0deg,rgba(255,255,255,0),rgba(255,255,255,.5),rgba(255,255,255,0)); background-image:-webkit-linear-gradient(0deg,rgba(255,255,255,0),rgba(255,255,255,.5),rgba(255,255,255,0)); transform:skewx(-25deg); }
.white:hover:after{left:100%; -moz-transition:1s; -o-transition:1s; -webkit-transition:1s; transition:1s;}
.whites:hover:after {left:100%; -moz-transition:0.5s; -o-transition:0.5s; -webkit-transition:0.5s; transition:0.5s;}


/*企业概况*/ 
#about{width:100%; padding:50px 0;background:url(../images/aboutbj.jpg) no-repeat top center;}
.line{width:1px;margin:0px auto;background-color:#c10001;height:40px;} 
#about ul{width:100%; display:block; text-align:center;}
#about ul img{ max-width:100%;}
.about-zw{ margin:0 auto;height:auto; background:#fff; padding:20px; box-sizing:border-box; box-shadow:0 5px 10px #666;}
.about_text{width:50%;padding:4% 5% 0%; box-sizing:border-box;}
.about_text h3,.about_text a.about_more{display:block;}
.about_text h3{font-size:30px;color:#c10001;font-weight:bold;margin-bottom:2vw;}
.about_text dd{font-size:16px;color:#666;line-height:30px; height:300px; overflow:hidden;}
.about_text dd+dd{margin-top:1vw;}
.about_text a.com_more{width:165px;height:40px;line-height:40px;text-align:center;color:#FFF;font-size:16px;background:#c10001;margin-top:2vw;position:relative;z-index:1;display: block;}
a.com_more:after {content:"";display:block;width:100%;height:100%;background:#FF8900;position:absolute;top:0;transform-origin:center;transform:rotateX(90deg);transition:600ms;z-index:-1;}
a.com_more:hover:after{transform:rotateX(0deg);transition:600ms;}
.about_pic{width:50%; height:553px; overflow:hidden}
.about_pic img{ height:100%;}
@media (max-width:768px){
.about_text{width:100%;padding:3%;}
.about_text h3{font-size:24px;}
.about_pic{ display:none;}
}
/**/
.h-item{ width:100%;}
.h-item ul{ list-style:none;overflow:hidden}
.h-item ul a{float:left;width:calc(95% / 6);margin-right:1%; margin-bottom:1%;}
.h-item ul a:nth-child(6n){ margin-right:0;}
.h-item ul li{position:relative;float:left;width:100%;height:238px;background-repeat:no-repeat;background-position:center center;background-size:cover;-o-transition:all .5s;-ms-transition:all .5s;-moz-transition:all .5s;-webkit-transition:all .5s;transition:all .5s;}
.h-item ul li:nth-child(6n){ margin-right:0;}
.h-item ul li:before{content:'';position:absolute;left:0; bottom:0;width:100%;height:30%;background:rgba(0,0,0,0.3);z-index:1}
.h-item ul li a{display:inline-block;width:100%}
.h-item-div{position:absolute;z-index:2;text-align:center;overflow:hidden;-o-box-sizing:border-box;-ms-box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box; height:30%; bottom:0; width:100%;}
.h-item-h{font-size:26px;font-weight:700;color:#fdf4a9;background:-webkit-linear-gradient(45deg,#70f7fe,#fbd7c6,#fdefac,#fb9798,#bed5f5);color:transparent;-webkit-background-clip:text;animation:ran 10s linear infinite; height:100%;line-height:200%; display:block;}
@keyframes ran{from{backgroud-position:0 0}
to{background-position:2000px 0}
}
@media screen and (max-width:1680px){
.h-item ul li{height:206px;}
} 
@media screen and (max-width:1440px){
.h-item ul a{width:calc(97% / 4);}
.h-item ul a:nth-child(6n){ margin-right:1%;}
.h-item ul a:nth-child(4n){ margin-right:0;}
.h-item ul li{height:291px;}
} 
@media screen and (max-width:1200px){
.h-item ul li{height:243px;}
} 
@media screen and (max-width:1024px){
.h-item ul a{width:calc(98% / 3);}
.h-item ul a:nth-child(4n){ margin-right:1%;}
.h-item ul a:nth-child(3n){ margin-right:0;}
.h-item ul li{height:291px;}
.h-item-h{font-size:24px;}
} 
@media screen and (max-width:820px){
.h-item ul li{height:260px;}
.h-item-h{font-size:20px;}
.h-item-icon{font-size:15px;}
} 
@media screen and (max-width:640px){
.product{ display:none;}
} 

/**/ 
.news-bg{ background:url(../images/xwb.jpg) no-repeat top center; padding:20px 0;} 
.new-title{margin-top:30px; text-align:center; } 
.news-con{} 
.gongsi{ width:470px; height:640px; border:1px solid #efefef; background:#fff; } 
.news-dbt{ margin-top:15px; margin-bottom:15px; } 
.news-bt{ border-left:10px solid #c10001; color:#000; padding-left:10px; font-size:24px; line-height:25px; } 
.news-gd { margin-right:20px; } 
.news-gd a{ text-transform:uppercase; color:#7f7f7f; font-size:15px; } 
.gs-tu{margin:0 20px; height:185px; overflow:hidden;} 
.gs-tu img{height:185px;} 
.gs-con{margin:0 20px; } 
.gs-xbt{ color:#202020; font-size:18px; line-height:65px; } 
.gs-xnr{ font-size:14px; color:#676767; line-height:26px; text-indent:2em; height:78px; overflow:hidden; } 
.gs-xgd{ margin-top:30px;  margin-top:15px; color:#bc0000; font-size:15px; font-weight:bold; } 
.zixun{ width:calc(100% - 500px);; height:640px; border:1px solid #efefef; background:#fff; } 
.news-dbt1{ margin-top:25px; border-bottom:1px solid #efefef; padding-bottom:25px; } 
.jishu{ margin-top:15px; margin-left:20px; border-bottom:1px solid #efefef; padding-bottom:15px; } 
.jishu li{ float:left; width:calc(50% - 20px); line-height:38px; margin-right:20px; height:38px; overflow:hidden  } 
.ba-con{ color:#000; font-size:15px; width:calc(100% - 18px); } 
.date{ font-size:14px; color:#ccc; width:15px;} 
.hangye{ margin:30px 20px 0px; }
.hy-con{ position:relative; width:32%; margin-right:2%; } 
.hy-con:nth-child(3){margin-right:0; } 
.hy-tu{ width:100%; height:171px; overflow:hidden; } 
.hy-tu img{ width:100%;} 
.hy-bt{ width:100%; position:absolute; line-height:45px; z-index:999; background:rgba(193,0,1,0.7); bottom:0px; height:45px; overflow:hidden; text-align:center;color:#fff; font-size:15px;}
@media screen and (max-width:1200px){
.gongsi{ width:370px;} 
.zixun{ width:calc(100% - 400px);} 
.hy-con{width:49%;} 
.hy-con:nth-child(2){margin-right:0; } 
.hy-con:nth-child(3){ display:none; } 
.ba-con{font-size:14px;} 
}
@media screen and (max-width:1024px){
.jishu li{ width:calc(100% - 20px); } 
.jishu li:nth-child(n+9){ display:none; } 
}
@media screen and (max-width:768px){
.gongsi{ display:none; } 
.zixun{ width:100%;} 
}
@media screen and (max-width:640px){
.news-bg{ background:none; padding:0 0 25px;} 
}
@media screen and (max-width:480px){
.news-con{ margin-top:0; } 
.hangye{ margin:15px 10px 0; }
}
@media screen and (max-width:380px){
.news-bt{ font-size:20px;} 
.hy-con{width:100%;margin-right:0;} 
.hy-con:nth-child(2){ display:none; } 
}


/**/
.sbj{width:100%;background:url(../images/pic.jpg) no-repeat center center;padding:45px 0px;height:232px;color:#fff;font-weight:bold;}
.contact dl{ margin-left:55%;}
.contact dl li{ font-size:32px;}
.contact dl li span{ background:url(../images/tel1.png) no-repeat left 10px; padding-left:36px; font-size:18px; margin-right:20px; height:36px; display:inline-block; float:left; padding-top:10px;}
.contact dl dt{ font-size:20px; background:url(../images/line1.jpg) no-repeat left bottom; padding-bottom:10px; margin-bottom:12px; margin-top:25px;}
.contact dl p{ font-size:16px; line-height:24px;}
@media screen and (max-width:1200px){ 
.contact dl dt{ font-size:18px;}
}
@media screen and (max-width:1024px){ 
.contact dl{ margin-left:53%;}
}
@media screen and (max-width:768px){ 
.sbj{ background-position:right center;}
.contact dl{ margin-left:0;}
}
@media screen and (max-width:380px){ 
.contact dl li{ font-size:25px;}
.contact dl li span{ padding-left:30px; font-size:16px; margin-right:10px;}
}

/**/
.maincpsy{ padding:15px 0 0;background:url(../images/cpbtbg.jpg) top center no-repeat;} 
.mainkszy_bot{ width:100%;margin:0 auto;} 
.mainkszy_bot ul li{ width:calc(96% / 5);margin:0% 1% 1% 0%;float:left;text-align:center;overflow:hidden;box-sizing:border-box;background:#F5F5F5; padding:8px; border-radius:6px;}  
.mainkszy_bot ul li:nth-child(5n){ margin-right:0;}  
.mainkszy_bot ul li h2{ height:20px;overflow:hidden;font:18px/20px "微软雅黑";margin-bottom:10px;}
.mainkszy_bot ul li dt{ width:calc(100% - 10px);padding:3% 0% 0%; display:block;line-height:30px;} 
.mainkszy_bot ul li dt h2{ height:20px;overflow:hidden;font:18px/20px "微软雅黑";margin-bottom:10px;}
.mainkszy_bot ul li dt strong{ display:block;font-weight:normal;line-height:20px;padding-bottom:10px;color:#666666;}
.mainkszy_bot ul li dd a{ display:block;width:100%;height:0;position:relative;padding-bottom:100%;transition:all 0.3s ease 0.1s;overflow:hidden;}
.mainkszy_bot ul li dd a:before{ content:""; background:url(../images/cpt.png) no-repeat center; background-size:cover; position:absolute; width:100%; height:100%; left:0; top:0; z-index:9;}
.mainkszy_bot ul li img {width:100%;height:100%;position:absolute;top:0;left:0;transition:all 0.3s ease-in-out;}
.mainkszy_bot ul li:hover img {transform:scale(1.1);}
.mainkszy_bot ul li:hover{box-shadow:0 0 15px #e8e8e8}
.mainkszy_bot ul li:hover img {transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);-webkit-transform:scale(1.1);} 

.maincpsytops_bot{ text-align:center;width:20%;margin:0 auto;border-radius:50px;margin-top:3%;overflow:hidden}
.maincpsytops_bot h2{ width:70%;float:left;height:50px;line-height:50px;background:#045ee2;color:#FFFFFF;display:block}
.maincpsytops_bot span{ width:30%;float:left;height:50px;line-height:50px;background:#ebab01;color:#fff;display:block}
@media screen and (max-width:1440px){
.mainkszy_bot ul li{ width:calc(97% / 4);}  
.mainkszy_bot ul li:nth-child(5n){ margin-right:1%;}  
.mainkszy_bot ul li:nth-child(4n){ margin-right:0;}  
}
@media screen and (max-width:1280px){
.mainkszy_bot ul li{width:calc(98% / 3);}  
.mainkszy_bot ul li:nth-child(4n){ margin-right:1%;}  
.mainkszy_bot ul li:nth-child(3n){ margin-right:0;}  
.mainkszy_bot ul li:nth-child(n+19){ display:none;}  
}
@media screen and (max-width:640px){ 
.maincpsy{ padding-top:8px;} 
.mainkszy_bot ul li{ width:49%; margin-right:2%; margin-bottom:2%;}  
.mainkszy_bot ul li:nth-child(3n){ margin-right:2%;}  
.mainkszy_bot ul li:nth-child(2n){ margin-right:0;}  
.mainkszy_bot ul li:nth-child(n+11){ display:none;}  
.mainkszy_bot ul li dt{text-align:center;width:100%;padding-left:0; background:none;} 
.mainkszy_bot ul li dt h2{ font-size:15px;}
.mainkszy_bot ul li dt strong{ display:none;}
.maincpsytops_bot{ width:66%;}
}


/**/
.client{background:url(../images/client_bg.jpg) no-repeat center;width:100%;height:220px;padding:45px 0 40px;}
.client .fl{width:45%;}
.client_tit{float:left;}
.client_tit strong{font-size:30px;color:#fff;font-weight:bold;line-height:60px;display:block;}
.client_tit p{display:block;line-height:33px;font-size:18px;color:#fff;font-weight:100;}
.client_tit .en{display:block;line-height:22px;font-size:13px;color:#aaa;}
.client_tel{background:url(../images/client_tel.png) no-repeat left center;padding-left:75px;color:#fff;font-size:20px;line-height:26px;font-weight:100;padding-top:10px;padding-bottom:5px;margin-top:29px;}
.client_tel .en{display:block;color:#fff;font-weight:bold;font-size:26px;line-height:30px;}
.client_cont{float:left;position:relative;height:240px;padding:8px 15px 8px 35px;width:calc(100% - 270px); box-sizing:border-box;}
.client_cont:before{content:'';width:1px;height:300px;top:-40px;left:43.5px;display:block;position:absolute;
background:-webkit-gradient(linear, left top, left bottom, from(rgba(255,255,255,0)),color-stop(15%, rgba(255,255,255,0.15)),color-stop(50%, rgba(255,255,255,0.3)),color-stop(85%, rgba(255,255,255,0.15)),to(rgba(255,255,255,0)));
background:linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,0.15) 15%,rgba(255,255,255,0.3) 50%,rgba(255,255,255,0.15) 85%,rgba(255,255,255,0) 100%);
filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#00ffffff',GradientType=0 );}
.client_cont_in li {display:block;color:#999;line-height:34px;font-size:13px;padding-left:30px;position:relative;cursor:pointer;height:34px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
.client_cont_in li:after{content:'';display:block;width:14px;height:14px;border:2px solid #888;border-radius:50%;position:absolute;left:0;top:9px;background:#32353b;}
.client_cont_in li:hover{color:#c10001}
.client_cont_in li:hover:after{border-color:#c10001}
.client > .width > .fr{width:53%;height:220px;}
.client_in{display:block;width:100%;float:right;}
.client_in li{ width:calc(97% / 4);margin-right:1%;float:left;margin-bottom:1%;}
.client_in li:nth-child(4){margin-right:0;}
.client_in li dd{display:block;width:100%;height:0;position:relative;padding-bottom:100%;transition:all 0.3s ease 0.1s;overflow:hidden;}
.client_in li dd:before{ content:""; background:url(../images/cpt.png) no-repeat center; background-size:cover; position:absolute; width:100%; height:100%; left:0; top:0; z-index:9;}
.client_in li dd img{ width:100%;height:100%;position:absolute;top:0;left:0;transition:all 0.3s ease 0.1s;}
.client_in li h2{ height:50px;line-height:50px;overflow:hidden;text-align:center;width:100%;color:#FFF;}
@media only screen and (max-width:1440px){
.client .fl{width:46%;}
.client > .width > .fr{width:52%;}
.client_in li{ width:calc(98% / 3);}
.client_in li:nth-child(3){margin-right:0;}
.client_in li:nth-child(4){ display:none;}
}
@media only screen and (max-width:1200px){
.client{ background-position:left center;}
.client .fl{width:55%;}
.client > .width > .fr{width:44%;}
.client_in li{ width:calc(99% / 2);}
.client_in li:nth-child(2){margin-right:0;}
.client_in li:nth-child(3){ display:none;}
}
@media only screen and (max-width:1024px){
.client .fl{width:calc(100% - 240px);}
.client > .width > .fr{width:220px;}
.client_in li{ width:100%;}
.client_in li:nth-child(1){margin-right:0;}
.client_in li:nth-child(2){ display:none;}
}
@media only screen and (max-width:768px){
.client .fl{width:100%;}
.client > .width > .fr{ display:none;}
}
@media only screen and (max-width:480px){
.client{height:auto;padding:25px 0 20px;background-position:left top;}
.client .fl{ text-align:center;}
.client_tit{float:none;}
.client_tel{ width:195px; margin:0px auto;}
.client_cont{ display:none;}
}
/**/
.new{width:100%;margin:0 auto;background:url(../images/cpbtbg.jpg) no-repeat center;}
.new .sxtp{ list-style:none;}
.new .sxtp dt{width:18.4%;float:left;margin-right:2%;display:inline;}
.new .sxtp dt:nth-child(5){margin-right:0;}
.new .sxtp dt a img{transition:all ease-in-out .5s;}
.new .sxtp dt a img:hover{transition:all ease-in-out .5s;transform:scale(1.2);}
.new .sxtp dt a span{display:block;width:100%;height:0;position:relative;padding-bottom:55%;overflow:hidden}
.new .sxtp dt a span img{width:100%;/*height:100%;*/position:absolute;top:-20%;left:0}
.n_list li{ padding:8px 0%;width:18.4%;margin-right:2%;float:left;}
.n_list li:nth-child(5n){margin-right:0;}
.n_list li font{ width:100%;float:left;display:block;height:20px;overflow:hidden;}
.n_list li:hover a{color:#fe0104;}
@media screen and (max-width:1440px){
.new .sxtp dt{width:23.5%;}
.new .sxtp dt:nth-child(5){ display:none;}
.new .sxtp dt:nth-child(4){margin-right:0;}
.n_list li{width:23.5%;}
.n_list li:nth-child(5n){margin-right:2%;}
.n_list li:nth-child(4n){margin-right:0;}
.n_list li:nth-child(n+41){ display:none;}
}
@media screen and (max-width:1024px){
.new .sxtp dt{width:32%;}
.new .sxtp dt:nth-child(4){ display:none;}
.new .sxtp dt:nth-child(3){margin-right:0;}
.n_list li{width:32%;}
.n_list li:nth-child(4n){margin-right:2%;}
.n_list li:nth-child(3n){margin-right:0;}
.n_list li:nth-child(n+25){ display:none;}
}
@media screen and (max-width:768px){
.new .sxtp dt{width:49%;}
.new .sxtp dt:nth-child(3){ display:none;}
.new .sxtp dt:nth-child(2){margin-right:0;}
.n_list li{width:49%;}
.n_list li:nth-child(3n){margin-right:2%;}
.n_list li:nth-child(2n){margin-right:0;}
.n_list li:nth-child(n+17){ display:none;}
}
@media screen and (max-width:640px){
.new{padding:10px 0%;}
}
@media screen and (max-width:480px){
.new .sxtp dt{width:100%; margin-right:0!important}
.new .sxtp dt:nth-child(2){ display:none;}
.n_list li{width:100%; margin-right:0!important}
.n_list li:nth-child(n+7){ display:none;}
}


/*主页end*/


/*内页*/
.f-cb:after{display:block;clear:both;visibility:hidden;height:0;overflow:hidden;content:".";}
.f-cb{zoom:1;}
.hide{display:none;}
.span-1{float:left;margin-right:2%;width:6.33333333%;transition:.2s width ease;}
.span-2{float:left;margin-right:2%;width:14.66666667%;transition:.2s width ease;}
.span-3{float:left;margin-right:2%;width:23%;transition:.2s width ease;}
.span-4{float:left;margin-right:2%;width:31.33333333%;transition:.2s width ease;}
.span-5{float:left;margin-right:2%;width:39.66666667%;transition:.2s width ease;}
.span-6{float:left;margin-right:2%;width:48%;transition:.2s width ease;}
.span-7{float:left;margin-right:2%;width:56.33333333%;transition:.2s width ease;}
.span-8{float:left;margin-right:2%;width:64.66666667%;transition:.2s width ease;}
.span-9{float:left;margin-right:2%;width:73%;transition:.2s width ease;}
.span-10{float:left;margin-right:2%;width:81.33333333%;transition:.2s width ease;}
.span-11{float:left;margin-right:2%;width:89.66666667%;transition:.2s width ease;}
.span-12{float:left;margin-right:2%;width:98%;transition:.2s width ease;}
@media only screen and (max-width:1024px){
.midd-1{width:6.33333333%;}
.midd-2{width:14.66666667%;}
.midd-3{width:23%;}
.midd-4{width:31.33333333%;}
.midd-5{width:39.66666667%;}
.midd-6{width:48%;}
.midd-7{width:56.33333333%;}
.midd-8{width:64.66666667%;}
.midd-9{width:73%;}
.midd-10{width:81.33333333%;}
.midd-11{width:89.66666667%;}
.midd-12{width:98%;}
.midd-13{width:106.33333333%;}
.midd-14{width:114.66666667%;}
.midd-15{width:123%;}
.midd-16{width:131.33333333%;}
.midd-17{width:139.66666667%;}
.midd-18{width:148%;}
.midd-19{width:156.33333333%;}
.midd-20{width:164.66666667%;}
.midd-21{width:173%;}
.midd-22{width:181.33333333%;}
.midd-23{width:189.66666667%;}
.midd-24{width:198%;}
.midd-hide{display:none!important;}
.midd-center{position:relative;left:-1%;float:none;clear:both;display:block;margin-right:auto;margin-left:auto;}
}
@media only screen and (max-width:640px){
.smal-1{width:6.33333333%;}
.smal-2{width:14.66666667%;}
.smal-3{width:23%;}
.smal-4{width:31.33333333%;}
.smal-5{width:39.66666667%;}
.smal-6{width:48%;}
.smal-7{width:56.33333333%;}
.smal-8{width:64.66666667%;}
.smal-9{width:73%;}
.smal-10{width:81.33333333%;}
.smal-11{width:89.66666667%;}
.smal-12{width:98%;}
.smal-13{width:106.33333333%;}
.smal-14{width:114.66666667%;}
.smal-15{width:123%;}
.smal-16{width:131.33333333%;}
.smal-17{width:139.66666667%;}
.smal-18{width:148%;}
.smal-19{width:156.33333333%;}
.smal-20{width:164.66666667%;}
.smal-21{width:173%;}
.smal-22{width:181.33333333%;}
.smal-23{width:189.66666667%;}
.smal-24{width:198%;}
.smal-hide{display:none!important;}
.smal-center,.smal-show{display:block;}
.smal-center{position:relative;left:-1%;float:none;clear:both;margin-right:auto;margin-left:auto;}
}

.mt4 {margin-top:40px;}
.mt6 {margin-top:60px;}
.mt2 {margin-top:24px;}
.mt3 {margin-top:30px;}
@media screen and (max-width:640px){
.mt4 {margin-top:20px;}
.mt3 {margin-top:15px;}
}

.position_now{font-size:14px;background-color:#F5F5F5;width:100%;}
.position_now .auto{height:80px;}
.position_now a{display:inline-block;color:#707070;}
.position_now .fl a:hover{color:#c10001;}
.position_now .fl{color:#707070;line-height:80px;}
.position_now .fl img{height:20px;margin-top:-4px;display:inline-block;margin-right:8px;}
.position_now .fr{font-family:impact;color:#c10001;font-size:0;}
.position_now .fr img{height:26px;float:left;margin:28px 10px 0 0;}
.position_now .fr strong{font-weight:100;font-size:22px;display:block;float:left;line-height:80px;}
.position_now .fr a{display:inline-block;width:100px;padding:0 5px;height:80px;color:#333;font-size:16px;text-align:center;line-height:80px;overflow:hidden;position:relative;z-index:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.position_now .fr a i{width:100%;height:0%;background-color:#c10001;position:absolute;left:0;top:0;z-index:-1;-webkit-transition:.5s height;-o-transition:.5s height;-ms-transition:.5s height;-moz-transition:.5s height;transition:.5s height;}
.position_now .fr a:hover i, .position_now .fr a.active i{height:100%;}
.position_now .fr a:hover, .position_now .fr a.active{color:#fff;}

@media screen and (max-width:768px){
.position_now .fr{display:none;}
}

.place{background:#f5f5f5;height:76px;line-height:76px;padding-left:2%;position:relative;}
.place:after{content:"";width:100%;height:100%;display:block;position:absolute;right:-100%;top:0;background:#c10001}
.place i{width:20px;height:76px;margin-right:12px;display:block;float:left;background:url(../images/zhuye.png) no-repeat center}
.place a:hover{color:#c10001;}
@media screen and (max-width:760px){
.place{height:50px;line-height:50px;}
.place:after{display:none;}
}

/*分类样式*/
.subCate li{border-bottom:1px solid #dcdcdc;padding:0 2rem;line-height:6rem;}
.subCate li:last-child{border-bottom:0;}
.subCate li a{font-size:16px;}
.subCate li a i{font-size:2.4rem;vertical-align:middle;margin-right:1rem;}

/*横排分类*/
.sub_bk{text-align:center;}
.sub_bk a{display:block;float:left;line-height:48px;font-size:16px;border:1px solid #ddd;margin-right:1%;width:calc(89% / 12);box-sizing:border-box;margin-bottom:15px;height:48px;overflow:hidden}
.sub_bk a:hover,.sub_bk a.active{background:#c10001;color:#fff;}
.sub_bk a:nth-child(12){margin-right:0;}
.sub_bk span{color:#fff;font-size:16px;margin-left:10px;display:inline-block;cursor:pointer;position:absolute;right:0;top:0;display:none;line-height:4rem;}
.sub_bk .show{height:auto;background:#eee;}
@media screen and (max-width:1440px){
.sub_bk a{width:calc(95% / 6);}
.sub_bk a:nth-child(6n){margin-right:0;}
}
@media screen and (max-width:1024px){
.sub_bk a{width:calc(97% / 4);}
.sub_bk a:nth-child(6n){margin-right:1%;}
.sub_bk a:nth-child(4n){margin-right:0;}
}
@media screen and (max-width:640px){
.sub_bk a{width:calc(99% / 2);}
.sub_bk a:nth-child(2n){margin-right:0;}
}
@media screen and (max-width:480px){
.sub_bk a{line-height:40px;border-radius:40px;margin-bottom:8px;height:40px;}
}
@media screen and (max-width:380px){
.sub_bk a{line-height:36px;font-size:14px;border-radius:36px;margin-bottom:5px;height:36px;}
}

/*关于我们*/
/**/
.abtext1{width:100%; height:475px; padding:70px 0; box-sizing:border-box; background:url(../images/aboutimg01.jpg) center bottom no-repeat;}
.abtext1title{text-align:center;}
.abtext1title h3{padding:0 0 30px;}
.abtext1title h3 .at2{display:none;}
.abtext1title h3 img{max-width:100%;}
.abtext1title p{font-size:16px; line-height:36px; color:#666;}
.abtext1list{padding-top:20px;}
.abtext1list ul li{float:left; width:25%; text-align:center;}
.abtext1list ul li h3{color:#c10001; font-size:16px; font-weight:normal;}
.abtext1list ul li h3 b{font-family:impact; font-size:80px;}
.abtext1list ul li p{font-size:16px; color:#666; line-height:36px;}
@media screen and (max-width:1200px){
.abtext1list ul li h3 b{font-size:70px;}
}
@media screen and (max-width:1024px){
.abtext1list ul li h3 b{font-size:48px;}
}
@media screen and (max-width:768px){
.abtext1{height:auto; padding:40px 0;}
.abtext1list ul li{float:left; width:50%; text-align:center; margin-bottom:10px;}
.abtext1list ul li h3 b{font-size:36px;}
}
@media screen and (max-width:480px){
.abtext1title h3 .at1{display:none;}
.abtext1title h3 .at2{display:block;margin:0 auto;}
}
@media screen and (max-width:380px){
.abtext1list ul li h3 b{font-size:30px;}
.abtext1list ul li p{font-size:13px; line-height:26px;}
}
/**/
.gg{width:100%; height:500px; background:url(../images/gg.jpg) center top no-repeat;}
.ggcon{float:right; width:460px; height:450px; padding:45px 20px 0; background:url(../images/gg1.png) center top no-repeat; box-sizing:border-box;}
.ggcon h3{font-size:30px; color:#fff; line-height:50px;}
.ggcon p{color:#fff; font-size:16px; line-height:36px; margin:10px 0 20px;}
.ggcon a{display:block; width:180px; height:45px; color:#fff; font-size:16px; line-height:41px; border:2px #fff solid; box-sizing:border-box; padding-left:15px; background:url(../images/aboutimg06.png) 150px center no-repeat; position:relative;}
.ggcon a span{position:relative; z-index:9}
.ggcon a:after{content:" "; width:0; height:41px; position:absolute; left:0; top:0; z-index:1;transition:all 0.5s ease;}
.ggcon a:hover:after{width:176px; background:rgba(0,0,0,0.2);}
@media screen and (max-width:480px){
.gg{height:auto; background:#111; padding:20px 0;}
.ggcon{float:none; width:100%; height:auto; padding:25px; background-position:right bottom; background-size:cover;}
.ggcon h3{font-size:28px;}
}
@media screen and (max-width:380px){
.ggcon{padding:15px;}
.ggcon h3{font-size:22px;}
}

/**/
.nyabouttext3{margin:0 auto; padding:40px 0;}
.nyabouttext3 p{font-size:16px; line-height:36px; text-indent:2em; margin:20px 0; color:#666;}


/**/
.abtext2{width:100%; height:600px; position:relative; overflow:hidden;}
.abtext2:before{content:" "; display:inline-block; position:absolute; width:50vw; height:600px; right:50%; top:0; z-index:1; background:url(../images/aboutimg03.jpg) right top no-repeat}
.abtext2:after{content:" "; display:inline-block; position:absolute; width:50vw; height:600px; left:50%; top:0; z-index:1; background:url(../images/aboutimg04.jpg) left top no-repeat}
.abtext2 .width{position:relative; z-index:9;}
.abtext2l{float:left; width:50%;}
.abtext2l h3{font-size:30px; color:#333; margin:70px 0; position:relative; font-weight:bold;}
.abtext2l h3:before{position:absolute;}
.abtext2l h3:after{position:absolute;}
.abtext2l h3 span{color:#c10001; margin-left:5px;}
.abtext2l h3 b{color:#fff; font-family:impact; text-transform:uppercase;font-weight:normal; margin-left:10px;}
.abtext2l h4{padding-bottom:20px;}
.abtext2l p{color:#fff; font-size:16px; line-height:32px;}
.abtext2r{float:left; width:50%; box-sizing:border-box; padding:95px 0 0 115px;}
.abtext2r p{color:#fff; line-height:46px; font-size:18px;}
@media screen and (max-width:1440px){
.abtext2r{padding-left:50px;}
}
@media screen and (max-width:1200px){
.abtext2r{padding-top:50px;}
}
@media screen and (max-width:1024px){
.abtext2:before{display:none;}
.abtext2:after{width:100%;left:0; background-size:cover;}
.abtext2l{display:none;}
.abtext2r{width:100%;}
}
@media screen and (max-width:480px){
.abtext2{height:auto;}
.abtext2r{padding:30px;}
.abtext2r p:nth-child(n+4){display:none;}
.abtext2r p:nth-child(8){display:block;}
}
/**/
.hzlc{margin:0 auto; padding:30px 0 50px;}
.hzlc ul{position:relative;}
.hzlc ul:after{content:" "; background:#eee; width:1350px; height:1px; position:absolute; left:0; top:70px;}
.hzlc ul li{float:left; width:calc(93% / 8); margin-right:1%; cursor:pointer; box-sizing:border-box;}
.hzlc ul li:last-child{margin-right:0}
.hzlc ul li div{height:70px; position:relative;}
.hzlc ul li div i{display:inline-block; position:absolute; left:0; top:0; width:72px; height:72px; z-index:2;}
.hzlc ul li div i:before{transition:all 0.5s ease; content:" "; font-size:22px; position:absolute; width:5px; height:5px; left:0; top:0; z-index:2; background:url(../images/lc-icon.png) left top no-repeat;}
.hzlc ul li div i:after{transition:all 0.5s ease; content:" "; font-size:22px; position:absolute; width:5px; height:5px; right:0; top:0; z-index:2; background:url(../images/lc-icon.png) left top no-repeat;}
.hzlc ul li:hover div i:before{left:67px; top:67px; background:url(../images/lc-icon1.png) left top no-repeat;}
.hzlc ul li:hover div i:after{right:67px; top:67px; background:url(../images/lc-icon1.png) left top no-repeat;}
.hzlc ul li div em{display:inline-block; position:absolute; left:0; top:0; width:72px; height:72px; z-index:2;}
.hzlc ul li div em:before{transition:all 0.5s ease; content:" "; font-size:22px; position:absolute; width:5px; height:5px; left:0; bottom:0; z-index:2; background:url(../images/lc-icon.png) left top no-repeat;}
.hzlc ul li div em:after{transition:all 0.5s ease; content:" "; font-size:22px; position:absolute; width:5px; height:5px; right:0; bottom:0; z-index:2; background:url(../images/lc-icon.png) left top no-repeat;}
.hzlc ul li:hover div em:before{left:67px; bottom:67px; background:url(../images/lc-icon1.png) left top no-repeat;}
.hzlc ul li:hover div em:after{right:67px; bottom:67px; background:url(../images/lc-icon1.png) left top no-repeat;}
.hzlc ul li div span{display:inline-block; position:absolute; left:2px; top:2px; width:35px; height:35px; z-index:1; background:#f8f8f8; border:1px #eee solid; box-sizing:border-box;}
.hzlc ul li div img{position:absolute; z-index:9; left:16px; top:16px;}
.hzlc ul li h3{font-size:18px; color:#333; line-height:35px; margin-top:10px;}
.hzlc ul li h3 b{color:#c10001;margin-right:5px;}
.hzlc ul li p{color:#888;line-height:28px;}
@media screen and (max-width:1200px){
.hzlc ul li h3{font-size:16px;}
}
@media screen and (max-width:1024px){
.hzlc ul li{width:calc(97% / 4); margin-bottom:10px;}
.hzlc ul li:nth-child(4n){margin-right:0}
}
@media screen and (max-width:480px){
.hzlc ul li{width:calc(99% / 2);}
.hzlc ul li:nth-child(2n){margin-right:0}
}








.content{line-height:30px;}
.content p{margin:6px 0;font-size:16px;line-height:32px}
.cbox-bg{background:#f1f1f1;padding:30px;}
.p-style{color:#6a6a6a;font-size:16px;}

/*关于我们end*/

#allmap p{line-height:10px;margin:10px;}

/***************global*****************/

/*公司动态*/
.news-box{position:relative;padding:50px 0;}
.news-box:nth-child(2n){background:#f5f5f5;}
.news-box a{display:block;}
.txtW {font-size:18px;height:30px;line-height:30px;overflow:hidden;text-overflow:ellipsis;-o-text-overflow:ellipsis;-webkit-text-overflow:ellipsis;-moz-text-overflow:ellipsis;white-space:nowrap;} 
.txtH {word-break:break-all;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:25px;}
.news-box h3{font-size:24px;position:relative;}
.news-box h3 span{float:right;font-size:16px;}
.news-box p{font-size:16px;color:#656565;margin-top:20px}
.news-box a:hover h3{color:#c10001;}

@media screen and (max-width:1024px){
.news-box{padding:30px 0;}
.news-box h3{font-size:20px;}
}
@media screen and (max-width:640px){
.news-box h3{font-size:20px;}
}
@media screen and (max-width:480px){
.news-box{padding:15px 0;}
.news-box h3{font-size:16px;}
.news-box p{font-size:14px;}
}
@media screen and (max-width:480px){
.news_list2 li span{display:none;}
}


.txtW {font-size:18px;height:30px;line-height:30px;overflow:hidden;text-overflow:ellipsis;-o-text-overflow:ellipsis;-webkit-text-overflow:ellipsis;-moz-text-overflow:ellipsis;white-space:nowrap;} 
.txtH {word-break:break-all;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:25px;}
.xwzx ul{list-style-type:none;margin-bottom:10px;}
.xwzx ul li{border-bottom:1px dotted #ccc;height:40px;line-height:40px;text-align:left;overflow:hidden}
.xwzx ul li span{float:right}

@media screen and (max-width:480px){
.news_list2 li span{display:none;}
.xwzx ul li span{ display:none;}
}

.article{line-height:30px;padding:24px 0;}
.news-tit{font-size:36px;font-weight:bold;}
.tool{color:#999;padding:24px 0;}
.tool span{display:inline-block;margin:0 6px;font-size:14px;}
.bshare-custom{padding:24px 0;}

@media screen and (max-width:640px){
.news-tit{font-size:30px;}
}
@media screen and (max-width:480px){
.news-tit{font-size:24px;}
}
@media screen and (max-width:360px){
.news-tit{font-size:20px;}
}

.ny-page{border-top:1px solid #ddd;line-height:36px;padding:10px 0 0;font-size:14px;}
@media screen and (max-width:1024px){
.ny-page .txtW{font-size:15px;}
}
.content{line-height:30px;}
.content p{margin:6px 0;}
.content img{max-width:100%;}
/*公司动态end*/

/*产品展示*/
.pro-cont{padding-top:40px;}
.pro{margin-top:18px;}
.pro li{text-align:center;list-style:none;margin-bottom:15px}
.pro li a{display:block;}
.pro li a span{display:block;width:100%;height:0;position:relative;padding-bottom:100%;overflow:hidden}
.pro li a span:before{ content:""; background:url(../images/cpt.png) no-repeat center; background-size:cover; position:absolute; width:100%; height:100%; left:0; top:0; z-index:9;}
.pro li a span img{width:100%;position:absolute;top:0;left:0;transition-duration:1s;-ms-transition-duration:1s;-moz-transition-duration:1s;-webkit-transition-duration:1s;}
.pro li a span img:hover {transform:scale(1.2);} 
.pro li a em{display:block;width:100%;height:0;position:relative;padding-bottom:75%;overflow:hidden}
.pro li a em img{width:100%;position:absolute;top:0;left:0;transition-duration:1s;-ms-transition-duration:1s;-moz-transition-duration:1s;-webkit-transition-duration:1s;}
.pro li a em img:hover {transform:scale(1.2);} 
.pro li a p{display:block;height:40px;line-height:40px;overflow:hidden;}
.pro li a:hover p{color:#000;}
@media screen and (max-width:767px){
.pro li{overflow:hidden;width:49%;float:left;margin-right:2%}
.pro li:nth-child(2n){margin-right:0}
}
@media screen and (min-width:768px){
.pro li{overflow:hidden;width:23.5%;float:left;margin-right:2%;}
.pro li:nth-child(4n){margin-right:0}
.pro li a p{height:32px;line-height:32px;}
}
@media screen and (min-width:992px){
.pro li a p{height:36px;line-height:36px;}
}
@media screen and (min-width:1200px){
.pro li a p{height:50px;line-height:50px;font-size:16px}
}

#textarea{line-height:35px;font-size:15px}
#textarea img{max-width:100%}

.keys{padding-top:15px;line-height:30px;padding-bottom:10px}

/*************index&goods**************/
.pro_info{padding:18px 5px 0;}
.rel_center0{text-align:center;}
.rel_center0 img{max-width:100%;}
.pro_name h2{font-size:20px;padding:22px 0;border-bottom:1px dashed #ddd;}
.pro-canshu{padding:0;}
.pro-canshu p{line-height:30px;color:#666;}
.pro_name a.nm{display:block;width:172px;height:40px;border:1px solid #5F5F5F;background:#5F5F5F;color:#fff;text-align:center;line-height:40px;}
.pro_name a.nm:hover{display:block;background:none;color:#5F5F5F;}
.xgcp_title{padding:10px;background-color:#fafafa;margin:15px 0;}
.xgcp_title h3{color:#c10001;border-left:2px solid #c10001;padding-left:20px;height:30px;line-height:30px;font-weight:bold;font-size:20px;}
#textarea img{max-width:100%}
@media screen and (min-width:768px){
.pro_name h2{font-size:22px;}
.pro-canshu{padding:0;}
.info_title h3{padding:40px 0 22px 0;}
}
@media screen and (min-width:1200px){
.pro_name h2{font-size:24px;}
.pro-canshu{padding:0;}
.info_title h3{padding:48px 0 24px 0;}
}

/********goods_info&jobs_info*******/
/*产品展示end*/


/*联系我们*/
.yunu-section {padding-top:60px;} 
.yunu-contact {background-color:#F7F7F7;padding:25px;} 
.yunu-contact h4 {margin:0;font-size:24px;border-bottom:1px solid #ddd;padding-bottom:15px;} 
.yunu-contact dl {margin:0;padding:20px 0;border-bottom:1px dashed #ccc;overflow:hidden;} 
.yunu-contact dt {float:left;} 
.yunu-contact dd {margin-left:55px;font-size:24px;padding-top:16px;} 
.yunu-contact dd span {padding-left:50px;} 
@media only screen and (max-width:640px){
.yunu-contact dd {font-size:20px;} 
}
@media only screen and (max-width:480px){
.yunu-contact dd {font-size:16px;} 
.yunu-contact dd span {padding-left:10px;} 
}
@media only screen and (max-width:400px){
.yunu-contact h4 {font-size:20px;} 
.yunu-contact dl:nth-child(3) dd span{display:block;} 
}
/*联系我们end*/

/*上一页_下一页*/
#prev_next{margin:18px 0px;clear:both;overflow:hidden;text-align:left}
#prev_next li{margin:8px 0;}

/*分页样式*/
.page {margin:0px auto;width:98%;padding-top:10px;padding-bottom:8px;clear:both}
.page ul li{float:left;border:1px solid #e5e5e5;padding:0 5px;height:25px;line-height:25px;overflow:hidden;color:#000;margin:5px;}
.page ul li a{color:#666;display:block}
.page ul li a:hover{color:#000;}
.page ul li a.on{color:#333;font-weight:bold;}
.page ul li.last{color:#7b7b7b;}