@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**********/
.whites{position:relative;overflow:hidden;}
.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);}
.whites:hover:after {left:100%;-moz-transition:0.5s;-o-transition:0.5s;-webkit-transition:0.5s;transition:0.5s;}

.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*/
.tb {float:left;}
.tbt {float:right;}
.tbt a {	padding-left:8px; padding-right:8px;}
.bdsharebuttonbox {	float:right;padding-top:4px}

.tel{display:block;line-height:30px;position:absolute;z-index:2;text-align:right;right:20px;top:3px}
.tel a{float:left;height:16px;font-size:14px;padding:0 6px;line-height:16px;position:relative;cursor:pointer;color:#666;}
.header{list-style:none;}
.head{height:auto;position:relative;margin:0 auto;}
.h_con{align-items:initial;padding:14px 0;}
.head .logo{width:calc(100% - 320px);}
.head .logo img{width:100%;max-width:650px;alignment-adjust:middle;}
.h_tel{width:310px;}
.h_tel img{width:100%;max-width:310px;}
.header .nav{height:55px;z-index:5;background:#04090F;position:relative;margin:0}
.header .nav ul li{float:left;width:calc((100% - 280px) / 8);text-align:center;position:relative;line-height:55px}
.header .nav ul li a{display:block;font:17px/55px "microsoft yahei";color:#fff;}
.header .nav ul li:hover a{ color:#FF9501;}
.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% / 8);}
.topnav{ 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% / 4);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 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*/
.foot{background:#000;padding:0 0 20px;}
.foot ul{background:#1F60DC; display:block; height:50px; line-height:50px;}
.foot ul li{width:calc(100% / 8);line-height:50px;text-align:center; float:left;}
.foot ul li::after{content:"";position:absolute;left:0;bottom:0;width:0;height:2px;background:#ffc1c4;transition:0.5s;}
.foot ul li a{font-size:16px;color:#fff;}
.foot dl{text-align:center;margin:10px 0;}
.foot dl dt{display:inline-block;font-size:16px;color:#fff;margin-right:30px;}
.foot ul li:hover::after{width:100%;}
.banquan{width:100%;text-align:center;color:#fff;font-size:16px; line-height:50px}
.banquan span:nth-child(1){ margin-right:10px;}
@media screen and (max-width:1440px){
.footer-bg{background:none;}
}
@media screen and (max-width:1100px){
.f-con{ margin-left:10px;} 
.f-con li{margin-right:10px;}
}
@media screen and (max-width:1024px){
.f-con{ margin-left:40px;} 
.f-con li{margin-right:40px;}
.f-con li:nth-child(3){ display:none;}
.foott{padding:20px 0px;}
.footnav ul{width:100%;}
.footnav dt{display:none;}
}
@media screen and (max-width:768px){
.foot dl{ display:none;}
.foot dl dt{display:block;font-size:15px; width:25%; float:left;margin-right:0; line-height:36px;}
.foot dl dt:nth-child(7){width:50%;}
}
@media screen and (max-width:640px){
.footer{display:none;} 
.foott{ padding-bottom:75px;}
.my{display:none!important;}
.footnav ul strong{display:none;}
.footnav ul p font{width:100%;display:block;text-align:center;padding-right:0;line-height:28px;font-size:16px;}
.footnav ul p a{font-size:16px;}
.footnav ul p font .bh{display:block;}
.foot ul{ display:none;}
.banquan{ padding-top:20px;}
}
@media screen and (max-width:480px){
.banquan span{width:100%; display:block;}
.banquan span:nth-child(1){ margin-right:0;}

}


.fxdb{display:none}
@media screen and (max-width:640px) {
.foot{ padding-bottom:65px;}
.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:50%;}
.fxdb li a{display:block;width:94%;text-align:center;margin:0px auto;background:#276AD3;border-radius:50px;height:50px;box-shadow:0 0 5px #fff;}
.fxdb li img{height:40px;margin-top:5px}
}
.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:#e60013;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%;}
}

/**/

/**/
.sbt{ position:relative;width:100%;text-align:center;margin:30px 0;} 
.sbt h2{ position:relative;margin:0;padding:0;height:50px;font-size:30px;color:#333;font-weight:600;} 
.sbt h2::after{ content:'';position:absolute;width:66px;height:2px;left:50%;bottom:0;margin-left:-33px;background-color:#D60024;overflow:hidden;} 
.sbt h3{margin-top:10px;margin-bottom:0;font-size:16px;color:#888;} 
@media screen and (max-width:768px){
.sbt{ margin-bottom:15px;} 
.sbt h2{font-size:30px;} 
.sbt h3{ font-size:16px;padding-top:10px;} 
}
@media screen and (max-width:380px){
.sbt h2{font-size:26px;} 
.sbt h3{ font-size:15px;} 
}

/**/
.sy{background:url(../images/sybg.jpg) no-repeat top center;padding-bottom:50px;}
.sy1{padding-bottom:50px;}
.sy1 .t1{overflow:hidden;padding-top:96px;padding-left:3px;position:relative;}
.sy1 .t1 i{float:left;height:92px;width:92px;display:block;margin-right:25px;}
.sy1 .t1 h3{text-align:left;float:left;}
.sy1 .t1 h3 em{font-size:42px;color:#ffffff;display:block;line-height:42px;font-weight:bold;}
.sy1 .t1 h3 span{font-size:30px;color:#ffffff;display:block;line-height:30px;font-weight:normal;padding-top:16px;}
.sy1 .t1::after{height:96px;width:1px;display:block;position:absolute;left:48px;top:0;background:#a6b4d5;content:"";}
.sy1 .t1:hover i{animation-duration:2s;animation-name:flipInY;}
.s_list{margin-top:79px;background:#ffffff;height:auto;box-shadow:0 0 20px rgba(0,0,0,0.1);border-radius:6px;padding:10px;box-sizing:border-box;}
.s_list dl{width:calc(97% / 4);height:395px;overflow:hidden;margin-right:1%;float:left;}
.s_list dl:nth-child(4){ margin-right:0}
.s_list dl dt{width:100%;height:212px;line-height:0;overflow:hidden;position:relative;}
.s_list dl dt img{width:100%;}
.s_list dl dt img{-webkit-transition:1s;-moz-transition:1s;transition:1s;}
.s_list dl dt img:hover{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1);}
.s_list dl dd{width:100%;height:220px;margin-top:-37px;background:url(../images/xn.png) no-repeat top center;position:relative;}
.s_list dl dd b{display:block;font-size:22px;color:#fff;width:44px;text-align:center;height:44px;line-height:44px;background:#CC0033;border-radius:50%;border:#FF9501 3px solid;margin:0 auto;font-weight:normal;}
.s_list dl dd h5{font-size:18px;color:#fff;height:40px;line-height:40px;overflow:hidden;text-align:center;font-weight:normal;padding:8px 0 0;}
.s_list dl dd p{color:#fff;line-height:24px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3; overflow:hidden;text-overflow:ellipsis;width:96%;margin:0 auto;padding:5px 0 0;text-align:center}

.sy2 .sl{float:left;width:calc(100% - 600px);overflow:hidden;}
.sy2 .sl .t1{width:100%;overflow:hidden;margin-top:40px;padding-bottom:30px;}
.sy2 .sl .t1 i{float:left;height:92px;width:92px;display:block;margin-right:25px;}
.sy2 .sl .t1 h3{text-align:left;float:left;}
.sy2 .sl .t1 h3 em{font-size:36px;color:#1F60DC;display:block;line-height:42px;font-weight:bold;}
.sy2 .sl .t1 h3 span{font-size:20px;color:#333333;display:block;line-height:30px;font-weight:normal;padding-top:16px;}
.sy2 .sl .t1:hover i{animation-duration:2s;animation-name:flipInY;}
.sy2 .sl p{font-size:16px;line-height:41px;color:#666666;display:block;text-align:left;margin-top:13px;}
.sy2 .sr{height:545px;width:550px;display:block;float:right;overflow:hidden; padding-top:20px}
.sy2 .sr img{width:100%;display:block;}
@media screen and (max-width:1440px){
.sy2 .sl p{line-height:31px;}
}
@media screen and (max-width:1200px){
.sy2 .sl{width:calc(100% - 470px);}
.sy2 .sl .t1 i{ display:none;}
.sy2 .sl p{ height:279px; overflow:hidden;}
.sy2 .sr{width:450px;height:auto;}
}
@media screen and (max-width:1024px){
.sy2 .sl{width:100%;}
.sy2 .sl p{ height:auto;}
.sy2 .sr{ display:none;}
.s_list dl{width:calc(98% / 3);}
.s_list dl:nth-child(3){ margin-right:0;}
.s_list dl:nth-child(4){ display:none;}
}
@media screen and (max-width:768px){
.s_list dl{width:calc(99% / 2);}
.s_list dl:nth-child(2){ margin-right:0;}
.s_list dl:nth-child(3){ display:none;}
}
@media screen and (max-width:640px){
.sy1 .t1 h3 span{font-size:26px;}
.sy2 .sl .t1 h3 em{font-size:28px;}
}
@media screen and (max-width:480px){
.sy1 .t1 h3 em{font-size:36px;}
.sy1 .t1 h3 span{font-size:18px;}
.s_list dl{width:100%;margin-right:0;}
.s_list dl:nth-child(2){ display:none;}
.sy2 .sl .t1 h3 em{font-size:27px;}
.sy2 .sl .t1 h3 span{font-size:18px;}
.sy2 .sl p{ height:279px;}
}
@media screen and (max-width:380px){
.sy1 .t1 i,.sy1 .t1::after,.sy2 .sl .t1 i{ display:none;}
.sy1 .t1{padding-top:30px;}
.s_list{margin-top:25px;}
.sy1 .t1 h3 span,.sy2 .sl .t1 h3 span{padding-top:6px;}
.sy2 .sl .t1{margin-top:0;padding-bottom:5px;}
.sy2 .sl .t1 h3 em{font-size:24px;}
.sy2 .sl .t1 h3 span{font-size:20px;}
}


/**/
.proc_bg{border-bottom:1px solid #eee;padding-top:70px;}
.proc_t{ float:left;}
.proc_t p{font-size:40px;font-weight:bold;color:#222;line-height:60px;}
.proc_t p em{color:#1f60dc;font-style:normal;}
.proc_t span{font-size:18px;color:#222;}
.proc_tel{width:300px;height:56px;line-height:56px;font-size:32px;font-weight:bold;padding-left:75px;font-family:"Impact"; color:#FFF;background:#FFBD22 url(../images/syte.png) no-repeat 26px 13px;border-radius:50px;box-shadow:0 0 20px rgb(1 50 161/35%);margin-top:20px; letter-spacing:4px; float:right}

.proc_cont{width:100%;height:200px;margin-top:3vw;}
.proc_cont li{float:left;width:10.857%;height:200px;text-align:center; padding-top:3vw;position:relative;transition:all 0.3s linear;z-index:1; cursor:pointer; box-sizing:border-box;}
.proc_cont li+li{margin-left:4%;}
.proc_cont li i{display:block;width:30px;height:30px;margin:0 auto;transition:all 0.3s ease-out;}
.proc_cont li:nth-child(1) i{background:url(../images/lc1.png) no-repeat;}
.proc_cont li:nth-child(2) i{background:url(../images/lc2.png) no-repeat;}
.proc_cont li:nth-child(3) i{background:url(../images/lc3.png) no-repeat;}
.proc_cont li:nth-child(4) i{background:url(../images/lc4.png) no-repeat;}
.proc_cont li:nth-child(5) i{background:url(../images/lc5.png) no-repeat;}
.proc_cont li:nth-child(6) i{background:url(../images/lc6.png) no-repeat;}
.proc_cont li:nth-child(7) i{background:url(../images/lc7.png) no-repeat;}
.proc_cont li p{font-size:18px;color:#222;margin:15px 0;}
.proc_cont li span{font-size:16px;color:#999;font-family:"Arial"; }
.proc_cont li:after,.proc_cont li:before{content:"";display:block;position:absolute;}
.proc_cont li:before{background:#1f60dc;left:0;top:0;z-index:-1;transition:0.5s;width:100%;height:0;transition:all 0.3s ease-out;}
.proc_cont li:after{top:46%; left:-20%; width:10px; height:18px; background:url(../images/lcjt.png)no-repeat center;}
.proc_cont li:first-child::after{display:none; }
.proc_cont li:hover p,.proc_cont li:hover span{color:#FFF;}
.proc_cont li:hover:before{height:100%;transition:all 0.3s ease-out;}
.proc_cont li:hover i{transition:all 0.3s ease-in-out;}
.proc_cont li:hover:nth-child(1) i{background-position-y:-34px;}
.proc_cont li:hover:nth-child(2) i{background-position-y:-41px;}
.proc_cont li:hover:nth-child(3) i{background-position-y:-41px;}
.proc_cont li:hover:nth-child(4) i{background-position-y:-41px;}
.proc_cont li:hover:nth-child(5) i{background-position-y:-41px;}
.proc_cont li:hover:nth-child(6) i{background-position-y:-41px;}
.proc_cont li:hover:nth-child(7) i{background-position-y:-41px;}

/*优势*/

/*网站标题*/
.wz_bt{ margin:0 auto; text-align:center;}
.wz_bt span{ font-weight:bold; font-size:40px; color:#333; padding-bottom:14px; display:block;}
.wz_bt b{ color:#1f60dc; font-weight:bold;}
.wz_bt p{ font-size:17px; color:#444; padding:0 5px;}
.wz_bt img{ display:block; margin:0 auto; padding-top:10px;}
.gyjgntt{ width:30px; height:24px; margin:0 auto;animation:myfirst 2s infinite; padding-top:15px;}
@keyframes myfirst { 
0% { transform:translate(0px, 0px); }  
50% {transform:translate(0px, -10px);}  
100% {transform:translate(0px, 0px); }  
} 


.adv_bg{background:#F5F5F5; padding-bottom:40px; padding-top:60px;overflow:hidden;}
.adv_t em{font-style: normal;color:#FFBD22;}
.adv_pic,.adv_text{width:50%;}
.adv_pic img{width:100%;}
.adv_text{height:720px; padding: 3% 7% 0 4%;position: relative; box-sizing:border-box;}
.adv_text p{font-size:34px;font-weight:bold;color:#1f60dc;line-height:50px;}
.adv_text span{font-size:22px;color:#222;}
.adv_text span:after{content:"";display:block;width:100%;height:1px;background:#eee;margin:2vw 0;}
.adv_text dd{font-size:15px;color:#666; line-height:35px;}
.adv_text dd:before{content:"";display:block;width:14px;height:14px;border:1px solid #ccc;float:left;border-radius:50%;margin-right: 16px; margin-top:10px;}
.adv_text dd+dd{margin-top:1.3vw;}
a.adv_more{display:block;border-radius:50px;background:#FFBD22;font-size:15px;text-align:center;width:176px;height:42px;line-height:42px;color:#FFF;position: absolute;bottom:34%;transition: all 0.3s;}
a.adv_more:hover{width:200px;background:#1f60dc;transition: all 0.3s;}
.adv{width:100%; margin-top:40px; }
.adv_bg:after{width:100%;height:61px;content:"";display:block;background:url(../images/ysb.png)no-repeat center;}

.adv_list {margin: 0 auto;width:100%;box-sizing:border-box;}
.adv_list li {float:left;width:25%;height:164px;background:rgb(31,96,220,1);color:#FFF;text-align:center;padding-top: 2vw;cursor: pointer;}
.adv_list li:nth-child(2n){background:rgb(31,96,220,0.9);}
.adv_list li p{font-size:24px;line-height:40px;}
.adv_list li span{font-size:16px;}
.adv_list li p:before{content:"";display:block;width:50px;height:43px;margin:0 auto;}
.adv_list li:nth-child(1) p:before{background:url(../images/ys1.png) no-repeat;}
.adv_list li:nth-child(2) p:before{background:url(../images/ys2.png) no-repeat;}
.adv_list li:nth-child(3) p:before{background:url(../images/ys3.png) no-repeat;}
.adv_list li:nth-child(4) p:before{background:url(../images/ys4.png) no-repeat;}

.adv_list li.on {background:#FFBD22; transition: .3s all ease-in-out;animation: hover 0.5s linear forwards;}

/**/
.tf {background: url(../images/bgc.jpg) no-repeat center 0;height: 195px;overflow:hidden;}
.tf ul {float: left;color: #fff;padding-top: 36px; width:calc(100% - 220px)}
.tf ul h1{ line-height:55px; font-size:35px; letter-spacing:6px;}
.tf ul h2{ font-weight:normal; line-height:55px}
.tf .telll {float:right;padding-top:30px; width:220px;}
.tf .telll h4 {margin: 0;font-size: 18px; }
.tf .telll strong {font-size: 28px;color:#FFBD22;display: block;margin: 20px 0 25px;line-height: 1;}
.tf .telll a {display: block;width: 166px;line-height: 43px;font-size: 18px;font-weight: bold;text-align: left;padding-left: 42px;background:#FFBD22; color:#FFF}


/**/
.anli{width:100%; padding-top:64px;overflow:hidden;background:url(../images/bg2.jpg) no-repeat center bottom; padding-bottom:140px;}
.al-nr{width:100%;margin-top:30px;}
.al-nr li { float:left; width:calc( 25% - 14px); height:auto; position:relative; margin:0 7px;} 
.al-nr li > a {  display:block;width:100%;height:0; position:relative; padding-bottom:100%;transition:all 0.3s ease 0.1s;overflow:hidden; } 
.al-nr li > a > img {width:100%;height:100%;position:absolute; top:0; left:0;transition:all 0.3s ease-in-out;  } 
.al-nr li .fc_txt {width:100%; height:52px; background:#fff; } 
.al-nr li .fc_txt > a { float:left; width:calc(100% - 50px); height:100%; line-height:52px; font-size:16px; color:#333333; padding:0 5px 0 20px; box-sizing:border-box; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; } 
.al-nr li .fc_txt > span { width:28px; border-bottom:1px solid #adadad; box-sizing:border-box; text-align:center; height:30px; line-height:30px; margin-top:10px; font-size:20px; font-family:Arial; color:#333333; margin-right:18px; } 
.al-nr li:hover > a > img { transform:scale(1.05); } 
.al-nr li:hover .fc_txt > a { color:#1f60dc; } 
#demo_ {overflow:hidden;width:100%;height:400px;margin:0 auto; margin-bottom:15px;}
#indemo_ {float: left;width: 800%;}
#demo1_ {float: left;}
#demo2_ {float: left;}


@media screen and (max-width:1200px){
.wz_bt span{font-size:32px;}
}
@media screen and (max-width:1024px){
.wz_bt span{font-size:28px;}
.wz_bt p{ font-size:15px;}
.proc_t{ width:100%; display:block; text-align:center; margin-bottom:10px;}
.proc_tel{width:80%; margin:0 auto; display:block; text-align:center;}
.adv{margin-top:20px; }
}
@media screen and (max-width:768px){
.adv_list li {width:50%;}
.tf ul h1{ font-size:28px; letter-spacing:2px;}
}

@media screen and (max-width:640px){
.al-nr li {width:calc( 50% - 14px);} 
.tf { display:none}
.proc_t p{font-size:36px;}
.proc_t span{font-size:16px;}
}
@media screen and (max-width:480px){
.proc_t p{font-size:30px;}
.proc_t span{font-size:14px;}
.adv{margin-top:10px; }
}
@media screen and (max-width:380px){

}





/**/
.sy_cp{height:auto;position:relative;padding:5px 0 45px;}
.sycp{ width:100%;margin-top:20px;}
.pro-t{position:relative;height:50px;padding-left:65px;line-height:26px;border-bottom:#24201F solid 2px;font-size:18px;}
.pro-t:after{position:absolute;top:11px;left:49px;content:" ";display:block;border:#CD0A0A solid 2px;height:3px;width:3px;line-height:3px;}
.pro-t .fl-n{position:absolute;top:0;left:0;width:38px;height:50px;border-bottom:#CD0A0A solid 2px;}
.pro-t .fl-n em{display:block;height:26px;background-color:#CC0033;color:#fff;font-style:normal;font-size:22px;line-height:26px;text-align:center;}
.pro-t h3{margin-top:0;margin-bottom:0;}
.pro-t span.more{position:absolute;right:0;top:0;line-height:26px;}
.pro-t span.more a{color:#5C5C5C;}.pro-t span.more a:hover{color:#CC0033;text-decoration:none;}

.pro-list{ width:100%;}
.sy_menu{display:block;float:left;width:350px;height:645px;background-position:left top;background-repeat:no-repeat;text-align:center;color:#fff;}
.sy_menu .p1{font-size:22px;margin-top:35px;}
.sy_menu .p2{font-size:14px;height:40px;line-height:40px;}
.sy_menu .p3{font-size:12px;padding:10px 15px;color:#fff;font-size:12px;text-decoration:none;border:#CC0033 solid 1px;background-color:#CC0033; width:70%; margin:0 auto;}
.c1{background-image:url(../images/c1.jpg);}
.c2{background-image:url(../images/c2.jpg);}
.c3{background-image:url(../images/c3.jpg);}
.c4{background-image:url(../images/c4.jpg);}
.c5{background-image:url(../images/c5.jpg);}
.c6{background-image:url(../images/c6.jpg);}

.sy_view { width:100%;} 
.sy_view ul li { float:left;width:25%;border-right:#EEE solid 1px;border-bottom:#EEE solid 1px;position:relative;overflow:hidden;padding:10px 10px 0;box-sizing:border-box;} 
.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_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_view ul li em img {width:100%;height:100%;position:absolute;top:0;left:0;} 
.sy_view ul li span { width:100%;font-size:16px;line-height:35px;margin-bottom:10px;display:block;height:35px;overflow:hidden;text-align:center;} 
.sy_view ul li:hover span { color:#CC0033;font-weight:bold;} 
@media screen and (max-width:1680px) {
.sy_menu{height:545px;}
}
@media screen and (max-width:1440px) {
.sy_menu{height:495px;}
}
@media screen and (max-width:1200px) {
.pro-list{ margin-top:20px;}
.sy_menu{ display:none;}
.sy_view { width:100%;} 
.sy_view ul li {width:23.5%;border-right:none;border-bottom:none;padding:0;margin-right:2%;margin-bottom:2%;} 
.sy_view ul li:nth-child(4n){margin-right:0;} 
.sy_view ul li span {font-size:15px;} 
}
@media screen and (max-width:768px) {
.sy_cp{padding:5px 0;}
.sy_view ul li {width:32%;} 
.sy_view ul li:nth-child(4n){margin-right:2%;} 
.sy_view ul li:nth-child(3n){margin-right:0;} 
.sy_view ul li:nth-child(n+7){ display:none;} 
}
@media screen and (max-width:480px) {
.sy_view ul li {width:49%;} 
.sy_view ul li:nth-child(3n){margin-right:2%;} 
.sy_view ul li:nth-child(2n){margin-right:0;} 
}
/**/ 
.news-sy{padding:50px 0;position:relative;} 
.h-news1{ width:100%;height:auto;} 
.h-news1 li{ margin-right:4%;padding:20px 0px;float:left;width:calc(96% / 2);height:107px;border-bottom:1px solid #eaeaea;} 
.h-news1 li:nth-child(2n){ margin-right:0;} 
.h-news1 li .tu1{ float:right;width:156px;height:103px;overflow:hidden;} 
.h-news1 li .tu1 img{ width:100%;overflow:hidden;transition:all 0.5s ease-out;-webkit-transform:scale(1, 1);-moz-transform:scale(1, 1);-webkit-transition:all 0.5s ease-out;-moz-transition:all 0.5s ease-out;} 
.h-news1 li:hover .tu1 img{ transition:all 0.5s ease-out;-webkit-transform:scale(1.1, 1.1);-moz-transform:scale(1.1, 1.1);-webkit-transition:all 0.5s ease-out;-moz-transition:all 0.5s ease-out;} 
.h-news1 li .n1-r{ float:left;width:calc(100% - 180px);} 
.h-news1 li .n1-r h3{ display:block;width:100%;height:23px;font-size:16px;color:#2c2a2a;overflow:hidden;line-height:23px;overflow:hidden;} 
.h-news1 li .n1-r-c1{ padding-right:5px;font-size:16px;color:#b11115;line-height:23px;} 
.h-news1 li .p-1{ display:block;margin-top:6px;width:100%;height:25px;font-size:13px;color:#616161;letter-spacing:0px;} 
.h-news1 li .p-2{ display:block;width:100%;height:38px;font-size:15px;color:#616161;line-height:130%;letter-spacing:0px;overflow:hidden;} 
@media screen and (max-width:1024px){
.h-news1 li{ margin-right:2%;width:calc(98% / 2);} 
}
@media screen and (max-width:768px){
.news-sy{ padding:0 0 30px;} 
.h-news1 li{ margin-right:0;width:100%;} 
.h-news1 li:nth-child(n+7){ display:none;} 
}
@media screen and (max-width:480px){
.h-news1 li{ mpadding:10px 0;} 
.h-news1 li .tu1{ width:126px;} 
.h-news1 li .n1-r{width:calc(100% - 130px);} 
}
@media screen and (max-width:380px){
.h-news1 li .tu1{ display:none;} 
.h-news1 li .n1-r{width:100%;} 
}

/**/
.g_pp{background:url(../images/ppbg.jpg) no-repeat center;padding:50px 0;}
.g_pp .ppl{float:left;width:calc(100% - 580px);}
.g_pp .ppl dl{float:left;width:33.3333%;padding-right:1px;box-sizing:border-box}
.g_pp .ppl dd{height:74px;background:#CC0033;line-height:74px;text-align:center;font-size:24px;color:#fff; }
.g_pp .ppl dd b{font-weight:normal;font-size:48px;color:#ffe400}
.g_pp .ppl dt{width:100%;height:273px;overflow:hidden;}
.g_pp .ppl dt img{ width:100%;display:block;}
.g_pp .ppl a:nth-child(1) dd{border-radius:5px 0 0 0;}
.g_pp .ppl a:nth-child(3) dd{border-radius:0 5px 0 0;}
.g_pp .ppr{float:right;width:500px;}
.g_pp .ppr h2{height:150px;font-size:55px;font-weight:bold;color:#222222;padding-top:6px;}
.g_pp .ppr h2 b{color:#CC0033;}
.g_pp .ppr h2 em{display:block;font-size:22px;color:#222222;font-weight:normal;padding-top:5px;}
.g_pp .ppr p{font-size:15px;color:#525252;line-height:24px;}
.g_pp .ppr span a{display:block;background:#CC0033;width:173px;height:41px;line-height:41px;text-align:center;font-size:16px;color:#fff;margin-top:45px;}
@media screen and (max-width:1440px){
.g_pp .ppl{width:calc(100% - 410px);}
.g_pp .ppr{width:380px;}
}
@media screen and (max-width:1200px){
.g_pp .ppl dt{height:auto;overflow:hidden;}
.g_pp .ppr h2{height:100px;font-size:45px;}
.g_pp .ppr span a{margin-top:25px;}
}
@media screen and (max-width:1024px){
.g_pp .ppl{ width:100%;}
.g_pp .ppr{ display:none;}
}
@media screen and (max-width:768px){
.g_pp .ppl{ display:none;}
.g_pp .ppr{ display:block;width:100%;}
.g_pp .ppr h2{height:130px;font-size:48px;}
}
@media screen and (max-width:480px){
.g_pp .ppr h2{height:110px;font-size:40px;}
.g_pp .ppr span a{margin-top:25px;}
}

/*主页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:#e60013;}
.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:#0070c0;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:#e60013;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:#e60013}
.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:#e60013;}
@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;background:#0070c0;color:#fff;margin-right:1%;width:calc(95% / 6);box-sizing:border-box;margin-bottom:15px;height:48px;overflow:hidden}
.sub_bk a:hover,.sub_bk a.active{border:1px solid #ddd; background:none; color:#000;}
.sub_bk a:nth-child(6){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:768px){
.sub_bk a{width:calc(98% / 3);}
.sub_bk a:nth-child(3n){margin-right:0;}
}
@media screen and (max-width:480px){
.sub_bk a{width:calc(99% / 2);line-height:40px;border-radius:40px;margin-bottom:8px;height:40px;}
.sub_bk a:nth-child(3n){margin-right:1%;}
.sub_bk a:nth-child(2n){margin-right:0;}
}
@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:#e60013;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:#e60013;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:#e60013;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:#0070c0;}

@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:100%;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**************/
.npro{margin-top:18px;}
.npro li{text-align:center;list-style:none;margin-bottom:15px; float:left; margin-right:2%;}
.npro li a{display:block;}
.npro li a span{display:block;width:100%;height:0;position:relative;padding-bottom:100%;overflow:hidden}
.npro 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;}
.npro 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;}
.npro li a span img:hover {transform:scale(1.2);} 
.npro li a em{display:block;width:100%;height:0;position:relative;padding-bottom:100%;overflow:hidden}
.npro 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;}
.npro li a em img:hover {transform:scale(1.2);} 
.npro li a p{display:block;height:40px;line-height:40px;overflow:hidden;}
.npro li a:hover p{color:#000;}
@media screen and (max-width:1280px){
.npro li:nth-child(n+5){ display:none;}
.npro li:nth-child(4){margin-right:0}
}
@media screen and (max-width:767px){
.npro li{overflow:hidden;width:49%;}
.npro li:nth-child(2n){margin-right:0}
}
@media screen and (min-width:768px){
}
@media screen and (min-width:992px){
.npro li a p{height:36px;line-height:36px;}
}
@media screen and (min-width:1281px){
.npro li{width:calc(90% / 6);}
.npro li:nth-child(6){margin-right:0}
.npro li a p{height:50px;line-height:50px;font-size:16px}
}



.pro_info{padding:18px 5px 0;}
.rel_center0{text-align:center;width:35%;float:left;margin-right:2%;}
.rel_center0 img{max-width:100%;}
.pro_name{ width:40%;float:left;}
.pro_name h2{font-size:18px;height:26px;line-height:26px;margin-bottom:10px; overflow:hidden;font-weight:700;}
.pro-canshu{border-top:1px solid #ffcac6;background:#fff8f8;padding:6px 0 6px 16px;margin-bottom:10px;}
.pro-canshu p{line-height:30px;font-size:20px;padding:12px 0; height:30px; overflow:hidden;}
.pro-canshu p span{color:#999;font-size:14px;}
.info_title h3{padding:48px 0 24px 0;}
.nylx a{display:block;width:calc(97% / 3);height:46px;margin:8px 1% 0 0;font-size:16px;font-weight:700;padding:0 8px;line-height:46px;color:#fff;text-align:center;border-radius:8px;float:left;box-sizing:border-box; overflow:hidden;}
.nylx a.nm{background-color:#ef1f1f;border-color:#ef1f1f;}
.nylx a.nm1{background-color:#d74b00;border-color:#d74b00;}
.nylx a.nm2{border:1px solid #e0e0e0;color:#333;font-weight:400;}
.xgcp_title{padding:10px;background-color:#f7f7f7;margin-bottom:15px;}
.xgcp_title h3{height:30px;line-height:30px;font-weight:bold;font-size:18px;}
#textarea img{max-width:100%}
.nyxx{padding:12px 0;line-height:24px;padding-left:16px;color:#666;}
.nyxx span{ padding-left:16px;}
.nyb{ width:20%;float:right;border:1px solid #ffedc8;padding:20px;box-sizing:border-box;}
.nyb .yby{ width:auto;}
.nyb .bt .fl{width:100%;} 
.ybt{width:100%;height:54px;margin-bottom:16px; overflow:hidden;}
.ybt img{display:inline-block;float:left;width:54px;height:54px;}
.ybt span{display:inline-block;padding:4px 0 8px 8px;font-size:16px;color:#000;font-weight:700;box-sizing:border-box;}
.ybt span font{font-size:14px;line-height:14px;color:#666;white-space:nowrap;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;font-weight:normal;padding-top:10px;display:block;}
.yby{display:block;width:275px;height:28px;font-size:12px;line-height:28px;padding:3px 8px;margin-bottom:16px;background:rgba(30,152,255,0.08);border-radius:2px;color:#249afe;}
.lj1,.lj2{ width:calc( (100% - 15px) / 2);font-weight:700;padding:0;float:left;background-color:#0070c0;border-color:#0070c0;color:#fff;height:40px;line-height:40px;border-radius:4px;text-align:center;box-sizing:border-box;}
.lj1{margin-right:15px;}
.bt {margin:36px 0 24px;height:20px;line-height:20px;} 
.bt .fl{width:calc(100% - 130px);position:relative;font-size:20px;font-weight:700;color:#000;} 
.bt .fr{width:120px;height:20px;line-height:20px;} 
.bt .fr a{display:block;border-radius:20px;width:120px;font-size:14px;text-align:right;text-transform:uppercase;font-family:-webkit-pictograph;transition:all 0.3s ease-in-out;float:right;font-weight:400;} 
.bt .fr:hover a{color:#ef1f1f;} 
.yxw{ list-style:none;}
.yxw li{ height:30px;line-height:30px;overflow:hidden;margin-bottom:8px;}
.ymm{width:100%;height:44px;line-height:44px;font-size:16px;color:#fff;background-color:#0070c0;border-color:#ef1f1f;font-weight:400;text-align:center;margin-top:15px;}

.nrz{ width:240px;float:left;border:1px solid #eee;}
.nrtt{color:#000;height:48px;padding:0 16px;font-size:16px;font-weight:700;line-height:48px;border:1px solid #eee;background-color:#f7f7f7;}
.nrz ul{padding:16px 16px 0;}
.nrz ul li{text-align:center;list-style:none;margin-bottom:15px}
.nrz ul li a{display:block;}
.nrz ul li a span{display:block;width:100%;height:0;position:relative;padding-bottom:100%;overflow:hidden;}
.nrz ul 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;}
.nrz ul 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;}
.nrz ul li a span img:hover {transform:scale(1.2);} 
.nrz ul li a p{display:block;height:40px;line-height:40px;overflow:hidden;}
.nrz ul li a:hover p{color:#000;}

.nry{ width:calc(100% - 270px);float:right;border:1px solid #eee;}
.nbb{ padding:20px;}
.nyn{margin-bottom:32px;border-bottom:1px solid #eee;padding-bottom:20px;}
.nyn li{ width:calc(100% / 3);float:left;box-sizing:border-box;padding-right:16px;margin-bottom:16px;line-height:22px;vertical-align:top;}
.nyn li span{width:100px;padding-right:16px;color:#999;float:left;box-sizing:border-box;word-break:break-all;}


@media screen and (max-width:1280px){
.nyb{ padding:10px;}
.nyb .ybt span font{ display:none;}
.pro_name h2{font-size:16px;}
.info_title h3{padding:40px 0 22px 0;}
}
@media screen and (max-width:1024px){ 
.nyb{ display:none}
.rel_center0{width:48%;}
.pro_name{ width:50%;}
.nrz{ display:none;}
.nry{ width:100%;}
}
@media screen and (max-width:768px){ 
.rel_center0{width:100%; margin-right:0;}
.pro_name{ width:100%; margin-top:20px;}
.pro_name h2{ display:none;}
.nyn li span{width:50px;padding-right:10px;}
}
@media screen and (max-width:640px){ 
.nyn li{ width:50%;}
.nbb{ padding:10px;}
}

/********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;}