@charset "gb2312";
html{background:#FFF;color:#000;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,form,input,textarea,p{margin:0;padding:0;}
img{border:0;}
ol,ul,li{list-style:none;}
h1,h2,h3{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{background:#fff;color:#333;font-size:14px;font-family:"微软雅黑";border-left:1px #ffffff solid;border-right:1px #ffffff solid}
.f12{font-size:12px;}
.f16{font-size:16px;}
.bold{font-weight:bold;}
.white{color:#fff;}
.t_r{text-align:right;}
.clear{clear:both; overflow:hidden}
.relative{position:relative;}
.absolute{position:absolute;}
.rel_center{position:relative;left:50%;}
.hidden{display:none;}
em,i{ font-style:normal;}
.pr{position:relative;}
.pa{position:absolute;}
.fl{ float:left}  .fr{ float:right}
.tc{ text-align:center}
.tr{ text-align:right}
/********General**********/
.wrap{margin:0 auto;width:100%;overflow-x:hidden;}
/********General**********/
.width { width:1500px;margin:auto;}
@media screen and (max-width:1510px){
.width{width:95%;margin:auto;}
}

/*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/tbg.jpg) no-repeat center; font-size:36px; line-height:80px; padding-top:14px; padding-bottom:14px}
.h_con{height:auto;position:relative;margin:0 auto;padding:10px 0;}
.head_top{ width:100%; height:30px; margin:0 auto; background:#F2F2F2; line-height:30px}
.head_top_l{ float:left}
.head_top_r{ float:right}
.logo_l{ float:left}
.logo_m{ float:left}
.logo_tel{ float:right; width:410px; background:url(../images/hea-tel.gif) no-repeat left; padding-left:50px; height:63px; margin-top:21px}
.logo_tel h1{ font-size:17px; line-height:25px;padding-top:8px}
.logo_tel h2{ font-size:28px; line-height:30px; font-weight:bold}
.logo_tel h2 span{}
@media screen and (max-width:1070px){
.logo_tel{ display:none}
.logo_l{ float:none; margin:0 auto; width:530px}
}
@media screen and (max-width:556px){
.logo_l{ width:100%}
.logo_l img{ width:100%}
}
@media screen and (max-width:408px){
.head_top_r{ display:none}
}

.headernav{height:58px;background:#005DD7;z-index:5;position:relative;margin:0}
.headernav ul li{float:left;width:calc((100% - 180px) / 8);text-align:center;text-align:center;position:relative;line-height:58px;}
.headernav ul li a{display:block;font-size:16px;color:#fff;line-height:58px; background:url(../images/nav_line.png) no-repeat right}
.headernav ul li a:nth-child(7){ background:none}
.headernav ul li i{position:absolute;width:100%;height:0;background-color:#ff9801;left:0;top:0;z-index:-1;-webkit-transition:0.5s;-o-transition:0.5s;-ms-transition:0.5s;-moz-transition:0.5s;transition:0.5s;}
.headernav ul li a:hover i{height:100%;}
.headernav ul .time{float:right;display:block;height:58px;font-size:16px;color:#fff;line-height:58px;width:250px;}
.navxs{ display:none}
@media screen and (max-width:910px){
.headernav ul .time{ display:none}
.headernav ul li{float:left;width:calc(100% / 7)}
}
@media screen and (max-width:720px){
.navxs{ display:block}
.headernav ul li{width:calc(100% / 4); margin-bottom:7px; margin-top:7px}
.headernav{ height:auto}
.headernav ul li a{ background:none; line-height:21px; border-right:1px #1574ED solid}
.headernav{ padding:6px 0}
}
@media screen and (max-width:560px){
.headernav ul li a{ font-size:15px}
}
/*header end*/

/*首页*/

/*Banner*/
.fullSlide { width:100%;position:relative;overflow:hidden;height:680px;} 
.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:680px;} 
.fullSlide .bd li a { display:block;height:680px;} 
.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:#0142C0;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;}
@media screen and (max-width:1440px){
.fullSlide {height:640px;} 
.fullSlide .bd li{height:640px;}
.fullSlide .bd li a {height:640px;} 
}
@media screen and (max-width:1280px){
.fullSlide {height:520px;} 
.fullSlide .bd li{height:520px;}
.fullSlide .bd li a {  height:520px;} 
}
@media screen and (max-width:1024px){
.fullSlide {height:500px;} 
.fullSlide .bd li{height:500px;}
.fullSlide .bd li a {  height:500px;} 
}
@media screen and (max-width:992px){
.fullSlide {height:390px;} 
.fullSlide .bd li{height:390px;}
.fullSlide .bd li a {  height:390px;} 
}
@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 {height:290px;} 
.fullSlide .bd li{height:290px;}
.fullSlide .bd li a {  height:290px;} 
}
@media screen and (max-width:480px){
.fullSlide {height:250px;} 
.fullSlide .bd li{height:250px;}
.fullSlide .bd li a {  height:250px;} 
}
@media screen and (max-width:380px){
.fullSlide {height:200px;} 
.fullSlide .bd li{height:200px;}
.fullSlide .bd li a {  height:200px;} 
}

.sjban{ width:100%; display:none}
@media screen and (max-width:680px){
.fullSlide{ display:none}
.sjban{ display:block}
.sjban img{ width:100%}
}

.s_bg{ display:none;}
@media screen and (min-width:1024px){
.s_bg{height:80px;display:block; background:#FCFCFC}
.search{margin:0 auto;height:80px;overflow:hidden;}
.search p{float:left;font-size:16px;color:#666;width:calc(100% - 300px);height:80px;line-height:80px;overflow:hidden;margin:0}
.search p strong{ display:block;float:left;line-height:80px;font-size:16px;font-weight:normal;background:url(../images/hot.png) no-repeat left center;padding-left:30px;}
.top_tel{height:41px;display:inline-block;float:right;position:relative;margin-top:15px;width:290px }
.top_tel .textCont{border-radius:3px 0 3px 0;border:none;border-right:#f2f2f2;width:280px;height:41px;line-height:41px;color:#505050;float:left;padding-left:10px;outline:none;background:#F6F6F6;}
.top_tel .anSearch{height:41px;line-height:41px;border:none;float:left;cursor:pointer;border-left:#f2f2f2;background-color:#0142C0;position:absolute;right:0px;padding:9px;box-sizing:border-box}
}

/*滚动产品*/
.g_pro{}
.btt h2{text-align: center;font-size:38px;color: #333;font-weight: bold; padding:30px 0}
.btt h2 a{color: #333}
.btt h2 em{display: block;font-size:16px;color: #666666;padding-top: 8px;font-weight: normal;}
@media screen and (max-width:870px){
.btt h2{ font-size:34px}
}

.g_pro .fllst1{background:url(../images/fltitbg.jpg) repeat-x;}
.g_pro .fllst1 li{float: left;width:20%;text-align: center;font-size: 18px;height: 58px;line-height: 58px;position: relative; background:#f0f0f0}
.g_pro .fllst1 li a{}
.g_pro .fllst1 li:before{content: "";position: absolute;background:url(../images/navline.jpg) no-repeat;width: 3px;height: 17px;right: 0;top:20px;}
.g_pro .fllst1 .cur{background: #f0f0f0;position: relative;}
.g_pro .fllst1 .cur:after{width: 100%;height: 4px;background: #2197ee;left:0;top:0;content: "";position: absolute;}
.g_pro .fllst1 .morecp{float: left;width:20%;text-align: center;font-size: 18px;color: #fff;height: 58px;line-height: 58px;position: relative; background:#0548A0}
.g_pro .fllst1 .morecp a{color: #fff;}
.g_pro li:hover a,.g_pro .fllst1 .cur a{color: #6e6e6e;}
.g_pro .fllst1 li:hover:before,.g_pro .fllst1 .cur:before{background: none;}
@media screen and (max-width:710px){
.g_pro .fllst1 li{ width:50%}
.morecp{ display:none}
.g_pro .fllst1 li{ height:46px; line-height:46px}
.g_pro .fllst1 li:before{ background:none}
}

/**/
.guide{background:url(../images/guibj.jpg) ; padding-top:43px; padding-bottom:10px}
.gui{}
.gui h2{text-align: center; margin-bottom: 2.3rem;}
.gui h2 span{display:block; height:48px; line-height: 48px;font-size: 36px; color:#666666;font-family: "思源黑体 CN"; font-weight: normal;}
.gui h2 em{display:block;font-size: 43px; color:#0548A0; font-weight: bold; font-family: "思源黑体 CN";}
@media screen and (max-width:860px){
.gui h2 em{ font-size:35px}
.gui h2{ margin-bottom:1.3rem}
.gui h2 span{ font-size:29px}
}
@media screen and (max-width:460px){
.gui h2 em{ font-size:28px}
}

.gui .gui-top{height:274px; background:#0548A0; padding:1%}
.gui .gui-top ul li{float:left;width:45%; height:123px;background:#f3f3f3;margin-bottom: 14px;}
.gui .gui-top ul li:nth-child(2n){float:right;}
.gui .gui-top ul li i{display:block; width:20%; height:123px;float:left;}
.gui .gui-top ul li i img{width:100%; height:100%;}
.gui .gui-top ul li span{display:block; float:left; height:123px;padding:12px 20px 0 20px; box-sizing: border-box;width:76%;}
.gui .gui-top ul li span em{display:block; height:41px; line-height:41px;font-size: 30px; color:#2197ee; font-weight: bold;}
.gui .gui-top ul li span p{ line-height: 28px;font-size: 14px; color:#666666; height:50px; overflow:hidden}
@media screen and (max-width:1110px){
.gui .gui-top ul li{ width:49%}
}
@media screen and (max-width:680px){
.gui .gui-top ul li{ width:100%; margin-bottom:6px}
.gui .gui-top{ height:auto}
.gui .gui-top ul li i{ width:125px}
.gui .gui-top ul li span{ width:70%}
.gui .gui-top ul li span em{ font-size:28px}
}
@media screen and (max-width:470px){
.gui .gui-top ul li span{ width:65%}
.gui .gui-top ul li span em{ font-size:22px}
}
@media screen and (max-width:392px){
.gui .gui-top ul li span{ width:59%}
}

.gui h3{height:101px;line-height: 101px; text-align: center;font-size: 40px; color:#333333; font-weight: bold; font-family: "思源黑体 CN";}
.gui .gui-bot{height:497px; background:#fff }
.gui .gui-bot ul li{float:left;width:19%;height:497px; margin-left: 5px;}
.gui .gui-bot ul li dl dd{height:295px;background:url(../images/gui-a1.png) no-repeat 11px top;padding:13px 0 0 47px; box-sizing: border-box;position: relative;}
.gui .gui-bot ul li dl dd span{display:block;height:48px; line-height: 48px;font-size: 30px; color:#0548A0; font-weight: bold;margin-bottom: 10px;}
.gui .gui-bot ul li dl dd .gui-ico1{background:url(../images/gui-ico1.png) no-repeat left;}
.gui .gui-bot ul li dl dd .gui-ico2{background:url(../images/gui-ico2.png) no-repeat left;}
.gui .gui-bot ul li dl dd .gui-ico3{background:url(../images/gui-ico3.png) no-repeat left;}
.gui .gui-bot ul li dl dd .gui-ico4{background:url(../images/gui-ico4.png) no-repeat left;}
.gui .gui-bot ul li dl dd p em{display:block;height:29px; line-height: 29px;background:url(../images/gui-yd.png) no-repeat left; font-size: 16px; color:#333333;}
.gui .gui-bot ul li:nth-child(2n) dl dd{background:url(../images/gui-a2.png) no-repeat 11px top;}
.gui .gui-bot ul li dl dt{height:310px;margin-top:-122px;}
.gui .gui-bot ul li dl dt img{width:100%;}
.gui .gui-bot ul li:first-child{margin-left: 0;}
@media screen and (max-width:1510px){
.gui .gui-bot ul li dl dd{ padding:13px 0 0 10px}
}
@media screen and (max-width:1308px){
.gui .gui-bot ul li:nth-child(5){ display:none}
.gui .gui-bot ul li{ width:24.2%}
}
@media screen and (max-width:990px){
.gui .gui-bot ul li dl dd span{ font-size:23px; height:auto; line-height:normal}
.gui .gui-bot ul li dl dd p em{ font-size:14px; height:24px; line-height:24px}
.gui .gui-bot ul li dl dd{ height:253px}
.gui .gui-bot ul li{ height:auto}
.gui .gui-bot{ height:auto}
.gui .gui-bot ul li dl dt{ height:auto}
}
@media screen and (max-width:830px){
.gui h3{ height:auto; line-height:90px; font-size:30px;}
.gui .gui-bot ul li dl dt{ display:none}
.gui .gui-bot ul li{ width:49%; margin-left:1%; height:auto}
.gui .gui-bot ul li dl dd{ height:auto; text-align:center; padding:1% 0}
}
@media screen and (max-width:450px){
.gui h3{ display:none}
.gui .gui-bot{ display:none}
}

/**/
.sy_a1{ text-align:center; padding:25px 0;} 
.sy_a1 h2{ color:#272727;font:600 36px/50px "微软雅黑";} 
.sy_a1 h2 span{ display:block;color:#777676;font:500 18px/35px "微软雅黑";margin-top:5px;padding-top:20px;background:url(../images/titbg.png) no-repeat center top;}
@media screen and (max-width:1024px){ 
.sy_a1 h2{font:600 30px/50px "微软雅黑";} 
}
@media screen and (max-width:480px){ 
.sy_a1{padding:18px 0;} 
.sy_a1 h2{ font-size:28px;} 
.sy_a1 h2 span{ display:block;color:#777676;font:500 14px/30px "微软雅黑";}
}
@media screen and (max-width:380px){ 
.sy_a1 h2{ font-size:25px;} 
.sy_a1 h2 span{ display:none;}
}

/**/
.g_cp{height:auto;padding-top:30px;position:relative;}
.tac a{display:block;font-size:16px;width:calc(93% / 8);line-height:50px;margin-right:1%;margin-bottom:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:center;float:left;background:#0142C0;color:#fff;}
.tac a:nth-child(8){margin-right:0;}
.tac a:hover{ background:#fff;color:#0142C0;}
.g_cp .pro_view { width:100%;list-style:none;padding-top:15px;} 
.g_cp .pro_view ul li { float:left;width:23.5%;border-radius:6px;box-sizing:border-box;margin:0 2% 30px 0;} 
.g_cp .pro_view ul li > a { display:block;width:100%;height:0;position:relative;padding-bottom:100%;transition:all 0.3s ease 0.1s;overflow:hidden;} 
.g_cp .pro_view ul li > a > img {height:100%;position:absolute;top:0;left:0;transition:all 0.3s ease-in-out;} 
.g_cp .pro_view ul li .pro_txt { width:100%;font-size:16px;color:#222222;line-height:30px;text-align:center;box-sizing:border-box;margin-top:20px;} 
.g_cp .pro_view ul li .pro_txt > a { display:block;width:100%;height:100%;color:#222222;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;position:relative;box-sizing:border-box;} 
.g_cp .pro_view ul li:hover > a > img { transform:scale(1.1);} 
.g_cp .pro_view ul li:hover .pro_txt > a { color:#0142C0;padding-left:5px;} 
.g_cp .pro_view ul li:nth-child(4n) { margin-right:0;} 
@media screen and (max-width:1440px){ 
.g_cp .pro_view ul li .pro_txt > a::after { width:80px;} 
}
@media screen and (max-width:1280px){ 
.g_cp .pro_view ul li { width:32%;margin-bottom:15px;} 
.g_cp .pro_view ul li:nth-child(4n) { margin-right:2%;} 
.g_cp .pro_view ul li:nth-child(3n) { margin-right:0;} 
}
@media screen and (max-width:1024px){ 
.g_cp{padding-top:0;}
.tac a{width:calc(97% / 4);}
.tac a:nth-child(4n){margin-right:0;}
.g_cp .pro_view ul li .pro_txt > a::after { display:none;} 
}
@media screen and (max-width:640px){ 
.tac{ display:none;}
.g_cp .pro_view ul li { width:49%;} 
.g_cp .pro_view ul li:nth-child(3n) { margin-right:2%;} 
.g_cp .pro_view ul li:nth-child(2n) { margin-right:0;} 
.g_cp .pro_view ul li .pro_txt { font-size:15px;line-height:35px;margin-top:0;} 
} 
@media screen and (max-width:480px){ 
.g_cp .pro_view { margin-top:0px;} 
}

.in_products_w{ width:100%; background: url(../images/in_products.jpg) repeat; padding-bottom:35px}
.in_products_r {width:1500px;height: auto;margin: 0 auto;padding-top:30px; position: relative;}
.tempWrap{ width:100% !important}
.in_products_pro { width: 100%; position: relative;}
.in_pro_2 {float: left;width: 325px;margin: 0 17px 10px 0;position: relative;background: #f0f0f0;overflow: hidden;}
.in_pro_2_line {}
.in_pro_2 .in_pro_1pic {height: 286px;-webkit-transition: all .3s ease-out;transition: all .3s ease-out;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.in_pro_2 .in_pro_1pic img {width: 100%;height: 100%;transition: all 0.5s;transform: scale(1);}
.in_pro_lineaa { width: 174px; height: 1px;background: #d8d8d8;margin: 0 auto; -webkit-transition: all .3s linear;transition: all .3s linear;}
.in_pro_txt {font-size: 14px; width: 100%;height: 60px;-webkit-transition: all .3s linear;transition: all .3s linear;position: relative;z-index: 5;padding: 0 10px;}
.in_pro_txt h6 {font-size: 16px;height: 52px;line-height: 52px; margin-top:3px; font-weight:normal}
.in_pro_txt h6 a {display: block;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;text-align: center;}
.in_pro_2:hover .in_pro_txt h6 a {color: #eb891b;}
.in_pro_2:hover .in_pro_lineaa {background: #eb891b;}
.pro_l{background: url(../images/cp_l.png) no-repeat center;display: block;width: 34px;height: 34px;cursor: pointer;position: absolute;left: -48px;top:166px;z-index: 10;-webkit-transition: all .3s ease-out;transition: all .3s ease-out;}
.pro_r{background: url(../images/cp_r.png) no-repeat center;display: block;width: 34px;height: 34px;cursor: pointer;position: absolute;right: -48px;top:166px;z-index: 10;-webkit-transition: all .3s ease-out;transition: all .3s ease-out;}
@media only screen and (max-width:1680px) { 
.in_products_r {width:90%;}
}
@media only screen and (max-width:1033px) { 
.in_products_r{ width:85%}
}
@media only screen and (max-width:670px) { 
.pro_l{ display: none}
.pro_r{ display:none}
.in_products_r{ width:95%; padding-top:16px}
}
@media only screen and (max-width:410px) { 
.in_products_top{ width:100%; text-align:center}
.in_products_top h2{ line-height:39px}
.in_products_r{ padding-top:15px}
.in_products_w{ padding-bottom:0}
.in_products_top h1{ font-size:30px}
}

/*----about-----*/
.about_w{ background:url(../images/a0bg.jpg) no-repeat center; padding-top:25px; padding-bottom:40px;}
.about_top{width:1500px; height:94px; margin:0 auto;}
.about_t{width:174px; height:71px; float:left; border-left:6px solid #E5951A;}
.about_t p{font-size:30px; color:#434141; font-weight:bold; text-transform:uppercase; padding-left:16px;}
.about_t h3 a{font-size:16px; color:#393939; word-spacing:10px; line-height:38px; padding-left:16px;}
.about_more{width:58px; height:58px; background:url(../images/more.jpg) center no-repeat; text-align:center; float:right;}
.about_more a{font-size:15px; color:#fff; line-height:94px; text-transform:uppercase;}

.about_bg{width:100%; height:383px; background:url(../images/about_bg.jpg) no-repeat left top;}
.about_box{width:1500px; margin:0 auto;}
.about_left{width:754px; float:left; background:rgba(255,255,255,0.9); padding-bottom:10px}
.about_tu{width:754px; overflow:hidden;}
.about_tu img{width:100%; }
.about_tu img:hover{transition: all 0.5s;  transform: scale(1.1);}
.about_wen{width:96%; height:146px; margin-top:10px; font-size:14px; color:#474747; line-height:30px; overflow:hidden; text-transform:uppercase; padding-left:2%; padding-right:2%}
.about_more2{width:43px; height:43px; border:1px solid #E5951A; text-align:center; border-radius:50%; margin-left:1%}
.about_more2 a{font-size:24px; color:#E5951A; line-height:43px;}

.about_right{width:40%; float:right;}
.about_right ul li{width:133px; height:385px; float:left; margin-left:2px; text-align:center; background:rgba(255,255,255,0.7);}
.about_right ul li h3{width:54px; height:120px; margin:120px auto; border:1px solid #333; border-bottom:none; border-top:none;}
.about_right ul li h3 a{display:block; width:22px; margin:0 auto; font-size:18px; color:#000; line-height:24px;}
.about_right ul li:hover{background:rgba(31,23,191,0.7);}
.about_right ul li:hover h3 a{color:#fff;}
@media only screen and (max-width:1510px) {  
.about_top{width:95%}
.about_box{ width:95%}
}
@media only screen and (max-width:1424px) {  
.about_left{ width:56%}
.about_tu{ width:auto; height:220px}
.about_tu img{ width:auto; height:100%}
.about_right ul li{ width:24%; margin-left:1%}
}
@media only screen and (max-width:1168px) {  
.about_left{ width:53%}
.about_right{ width:45%}
.about_wen{ height:96px}
.about_top{ height:93px;}
.about_w{ padding-top:26px}
}
@media only screen and (max-width:690px) {  
.about_w{ padding-bottom:10px}
.about_left{ width:100%}
.about_right{ width:100%}
.about_wen{ margin-top:12px}
.about_more2{ display:none}
.about_right ul li{ width:24.2%; height:230px;}
.about_right ul li h3{ height:99px; margin:60px auto;}
.about_right{ margin-top:20px}
.about_right ul li:nth-child(1){ margin-left:0}
}
/*----about-----*/

/*lc*/
.liuc{background: #f2f2f2;padding: 0 0 45px;}
.liuc h1{font-size:32px;color: #333333;background:url(../images/lc/liuc_tbg.png) no-repeat;text-align: center;height: 46px;line-height: 46px;overflow: hidden;font-weight: normal;margin-bottom:35px; padding-top:10px; }
.liuc ul li{width:224px;float: left;position: relative;}
.liuc ul li:before{content: "";width: 20px;height: 17px;position: absolute;top: 18px;left: 120px;background:url(../images/lc/liuc_jian.png) no-repeat;}
.liuc ul li em{display: block;width: 70px;height: 50px;line-height: 0;overflow: hidden;padding-left: 3px;}
.liuc ul li em img{width: 70px;height: 100px;-webkit-transition:all .5s;transition:all .5s;}
.liuc ul li span{display: block;font-size: 16px;color: #333;line-height: 20px;padding: 15px 0 0;width: 80px;text-align: center;}
.liuc ul li i{display: block;font-size: 12px;color: #aaa;text-transform: uppercase; font-family:Arial, Helvetica, sans-serif;}
.liuc ul li:hover em img{margin-top: -50px;}
.liuc ul li:hover span{color: #1d2088;font-weight: bold;}
.liuc ul li:hover i{font-weight: normal;}
.liuc ul li.nobor{width: 80px;}
.liuc ul li.nobor:before{background: none;}
@media only screen and (max-width:1510px) {  
.liuc ul li{ width:15%}
}
@media only screen and (max-width:1038px) {  
.liuc ul li:before{ left:98px}
}
@media only screen and (max-width:846px) {  
.liuc{ display:none}
}

/*title*/
.title{text-align:center;position:relative;z-index:0; height:110px; margin-top:30px}
.titlea{font-weight:normal;font-size:42px;line-height:60px;font-weight:bold;}
.titlea em{font-size:60px;font-family:"Impact";color:#13077c;font-weight:normal;}
.titleb{font-size:20px;color:#999;line-height:38px;}
.titlec{font-size:70px;font-family:"Impact";color:#ddd;opacity:0.5;text-transform:uppercase;position:relative;margin:auto;top:-55px;z-index:-1;line-height:70px;}
.titlex{font-size:70px;font-family:"Impact";color:#ddd;opacity:0.2;text-transform:uppercase;position:relative;margin:auto;top:-64px;z-index:-1;line-height:70px;}

/*xw*/
#top60{ height:30px}
.news_box{margin:0px auto;padding-bottom:80px;}
.news_bt{width: 1400px; margin:0 auto}
.nb_tab{font-size:0;text-align: center;}
.nb_tab a{width:171px;height:42px;background:#fff;display:inline-block;vertical-align:top;color:#333; box-shadow: 0px 0px 20px #eee; border-radius: 30px; margin-top: 22px;}
.nb_tab a+a{margin-left:50px;}
.nb_tab a.cur{background:#0548A0; color: #fff; background-size: 400% 370%; box-shadow:0px 0px 10px rgba(20, 8, 125, 0.5);}
.nb_tab a i,.nb_tab a b{display:inline-block;vertical-align:top;line-height:42px;}
.nb_tab a b{font-size:16px; font-weight: 100; letter-spacing: 1px;}
@media only screen and (max-width:1410px) {  
.news_bt{ width:95%}
}

.nb_con{ width:1500px; margin:0 auto}
.nbc_list+.nbc_list{display: none;}
.nbcl_le{width:47%;}
.nbcl_le .news_div_item{width:46%;display: inline-block;vertical-align:top;border: 1px #e6e6e6 solid;padding:1%;}
.nbcl_le .news_div_item+.news_div_item{margin-left:1%;}
.nbcl_le .news_div_item_pic img{width:100%;}
.news_div_item_title{ height:25px; width:100%; line-height:25px; overflow:hidden}
.news_div_item_title a{font-size:17px;}
.nbcl_le .news_div_item_content{margin-top:30px;}
.nbcl_le .news_div_item_body{margin-top:20px;line-height:24px;color:#68686a; height:72px; overflow:hidden}
.nbcl_le .news_div_item_date,.new_more{display:inline-block;vertical-align:top;font-size:0;margin-top:25px;}
.nbcl_le .news_div_item_date>div{display:inline-block;vertical-align:top;/* color:#68686a; */}
.new_more{width:24px;height:24px;border-radius:24px;border:1px solid #9a9899;background:url(../images/jt.png) no-repeat right center;float: right;margin-top:5px;}

.nbcr_ri{width:53%;}
.nbcr_ri .news_div_item{font-size:0;border-top:1px solid #e6e6e6;padding:38px 0;position:relative;transition:300ms;border-left:1px #e6e6e6 solid;border-right:1px #e6e6e6 solid;}
.nbcr_ri .news_div_item:hover{box-shadow:0 0 21px #d2d2d2;z-index:1;transition:300ms;}
.nbcr_ri .news_div_item_date,.nbcr_ri .news_div_item_content{display:inline-block;vertical-align:top;}
.nbcr_ri .news_div_item_date{width:115px;text-align:center;font-size:0;}
.nbcr_ri .news_div_item_content{width:538px;padding-left:20px;border-left:1px solid #f3f3f3; font-weight: 100;}
.nbcr_ri .news_div_item_date>div{font-family:Arial;}
.nbcr_ri .news_div_item_year,.nbcr_ri .news_div_item_month{display:inline-block;vertical-align:top;color:#565656;  font-size: 14px;}
.nbcr_ri .news_div_item_day{font-size:47px;font-weight:bold;line-height: 55px;}
.nbcr_ri .news_div_item_body{margin-top:10px;line-height:20px;color:#68686a;padding-right:20px;font-size:14px; height:60px; overflow:hidden}
.nbcr_ri .news_div_item:nth-child(3){border-bottom:1px #e6e6e6 solid;}
@media only screen and (max-width:1510px) {  
.nb_con{ width:95%}
.nbcl_le .news_div_item_body{ margin-top:5px}
.nbcr_ri .news_div_item{ padding:4.3% 0}
}
@media only screen and (max-width:1410px) {  
.nbcr_ri .news_div_item_date{ width:20%}
.nbcr_ri .news_div_item_content{ padding-left:2%; width:74%}
.nbcr_ri .news_div_item{ padding:4% 0}
}
@media only screen and (max-width:1248px) {  
.nbcr_ri .news_div_item{ padding:3.6% 0}
}
@media only screen and (max-width:1126px) {  
.nbcr_ri .news_div_item{ padding:3.1% 0}
}
@media only screen and (max-width:1026px) {  
.nbcr_ri .news_div_item{ padding:2.6% 0}
}
@media only screen and (max-width:930px) {  
.nbcl_le{ display:none}
.nbcr_ri{ width:100%}
}

/*xunpan*/ 
.xunpan { width:100%; height:200px; background:#0548A0; color:#fff;; overflow:hidden; margin-top:30px } 
.xunpan .zixun{ width:454px; *padding-right:80px; padding-top:40px; position:relative; text-align:center; } 
.xunpan .zixun .ewm{ width:130px; height:130px; display:block; position:absolute; transition:all ease 300ms; right:0; top:40px; } 
.xunpan .zixun .ewm.hover{ right:20px; } 
.xunpan .zixun .xp_t{ border:1px solid #ffffff;width:calc(100% - 138px); height:50px; line-height:50px; text-align:center; font-size:26px; color:#fff; margin-bottom:20px; font-family:arial; font-weight:bold; border-radius:30px; } 
.xunpan .zixun .xp_t s{width:26px; height:28px; background-position:0 -1px; margin-right:16px; } 
.xunpan .zixun .zx{width:calc(100% - 136px); height:50px; line-height:50px; text-align:center; font-size:20px; -moz-border-radius:30px; -webkit-border-radius:30px; border-radius:30px; background:#F7900F; } 
.xunpan .zixun .zx s{ width:22px; height:20px; display:inline-block; background-position:-60px 0; *background-position:-60px 3px; transition:all ease 300ms; margin-left:10px; vertical-align:middle; } 
.xunpan .zixun .zx:hover s{ margin-left:28px; } 
.xunpan .zwz{ width:calc(100% - 460px); overflow:hidden;}
.xunpan p{ font-size:23px; } 
.xunpan p strong{ display:inline-block; color:#fff; font-weight:bold; font-size:28px; padding-right:10px; font-style:italic; } 
.xunpan p.bigtxt{ font-size:30px; padding-bottom:25px; padding-top:40px; } 
.xunpan p span{ color:#2ca501; display:inline-block; }
.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%; }
.icon{ background:url(../images/icon.png) no-repeat; display:inline-block; vertical-align:middle; } 
@media screen and (max-width:1440px){
.xunpan p.bigtxt { font-size:26px;} 
.xunpan p{ font-size:20px; } 
}
@media screen and (max-width:1280px){
.xunpan .zwz{ width:calc(100% - 430px); overflow:hidden;}
.xunpan p.bigtxt { font-size:23px;} 
.xunpan .zixun { width:420px;} 
}
@media screen and (max-width:1024px){
.xunpan .zixun {display:none;} 
.xunpan p.bigtxt { font-size:28px;} 
.xunpan .zwz{ width:100%; text-align:center;}
}
@media screen and (max-width:768px){
.xunpan .zwz{ display:none;}
.xunpan .fr { float:none} 
.xunpan .zixun { width:454px; margin:0px auto; display:block;} 
}
@media screen and (max-width:480px){
.xunpan .zixun { width:100%;} 
.xunpan .zixun .ewm { width:130px;} 
.xunpan .zixun .xp_t{ width:calc(100% - 142px);} 
.xunpan .zixun .zx{width:calc(100% - 140px);} 
}
@media screen and (max-width:380px){
.xunpan .zixun { width:100%} 
.xunpan .zixun .xp_t{ width:calc(100% - 25px); margin:0px auto 20px} 
.xunpan .zixun .zx { width:calc(100% - 27px); margin:0px auto} 
.xunpan .zixun .ewm { display:none; } 
}

/**/
.in_c {width:100%;background:url(../images/bg.jpg) repeat-y center;}
.in_fl{height:70px;border-bottom:#eaeaea 2px solid;margin-bottom:20px;}
.in_fl dt{float:left;height:70px;width:10.11111111%;line-height:70px;position:relative;margin-left:1%;text-align:center;}
.in_fl dt:first-child{margin-left:0;}
.in_fl dt:before{content:"";width:7px;height:1px;background:#bebebe;position:absolute;top:35px;left:0;}
.in_fl dt a{ font-size:20px;color:#333;display:block;position:relative;vertical-align:middle;text-align:center;height:70px;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px transparent;}
.in_fl dt a:before { content:"";position:absolute;z-index:1;left:0;right:100%;bottom:-2px;background:#ff6300;height:2px;-webkit-transition-property:right;transition-property:right;-webkit-transition-duration:0.3s;transition-duration:0.3s;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out;} 
.in_fl dt a:hover:before{right:0;}
.in_fl dt a:hover{font-weight:bold;}
.in_fl dt:first-child:before{background:none;}

.in_c ul{ width:100%;list-style:none; margin-top:25px}
.in_c li { width:19%;margin-left:1%;cursor:pointer;position:relative;height:100%;z-index:2;float:left;overflow:hidden;margin-bottom:2%;}
.in_c li:nth-child(1) {width:40%;margin-left:0}
.in_c li em{ display:block;width:100%;height:0;position:relative;padding-bottom:100%;transition:all 0.3s ease 0.1s;overflow:hidden;} 
.in_c li em img{width:100%;height:100%;position:absolute;top:0;left:0;transition:all .5s} 
.in_c li .tie{height:55px;line-height:55px;position:relative;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:16px;color:#fff;margin-top:-55px;display:block;z-index:2;text-align:center;background:rgb(0,0,0,0.6);transition:all .4s}
.in_c li:hover img{transform:scale(1.1)}
.in_c li:hover .tie{margin-top:0;height:0;}
.in_c li .more:hover{background:#fff;color:#ff6300;}
.in_c .bg{position:absolute;bottom:-65px;left:-125px;}
@media screen and (max-width:1440px){
.in_fl dt a{ font-size:18px;}
} 
@media screen and (max-width:1280px){
.in_fl dt:before{display:none;}
.in_c li { width:24%;}
.in_c li:nth-child(1) {width:50%;}
.in_c li:nth-child(n+6) { display:none;}
} 

@media screen and (max-width:1024px){
.in_fl dt a{ font-size:16px;}
.in_c li {width:32%!important;margin-bottom:15px;margin-left:2%;}
.in_c li:nth-child(4) {margin-left:0}
.in_c li:nth-child(6) {display:block;}
}
@media screen and (max-width:768px){
.in_fl{ display:none;}
.in_c li {width:49%!important;} 
.in_c li:nth-child(2n+1){margin-left:0;}
.in_c li:nth-child(4) {margin-left:2%;}
}
@media screen and (max-width:640px){
.in_c {padding:25px 0;}
.in_c li em{ border-radius:20px;} 
.in_c li .tie{margin-top:0;background:none;color:#000;}
}
@media screen and (max-width:480px){
.in_c li .tie{height:40px;line-height:40px;font-size:15px;}
}

/*首页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:#0142C0;}
.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:#0142C0;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:#0142C0;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:#0142C0}
.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:#0142C0;}
@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;border-radius:48px;margin-right:1%;width:calc(95% / 5);box-sizing:border-box;margin-bottom:15px;height:48px;overflow:hidden}
.sub_bk a:hover,.sub_bk a.active{ background:#0142C0;color:#fff;}
.sub_bk a:nth-child(8){ 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:1024px){
.sub_bk a{font-size:16px;}
.sub_bk a:nth-child(4n){ margin-right:0;}
}
@media screen and (max-width:640px){
.sub_bk a{width:49%;margin-right:2%}
.sub_bk a:nth-child(5){ display:none}
.sub_bk a:nth-child(2n){ margin-right:0;}
}
@media screen and (max-width:380px){
.sub_bk a{ line-height:42px;font-size:14px;border-radius:42px;margin-bottom:8px;height:42px;overflow:hidden}
}

/*关于我们*/
.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:#0142C0;}

@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;}
.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 img{width:100%;position:absolute;top:0;left:0;transition-duration:1s;-ms-transition-duration:1s;-moz-transition-duration:1s;-webkit-transition-duration:1s; height:100%}
.pro li a span 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:#0142C0;border-left:2px solid #0142C0;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;}

/*footer*/
.footer{ height:60px;background:#0142C0;} 
.footer-bg{height:60px;background:url(../images/footer-bg1.png) no-repeat top  right;}
.f-bt{ color:#fff;font-weight:bold;font-size:18px;height:60px;line-height:60px;} 
.f-con{} 
.f-con li{ margin-top:2px;float:left;color:#fff;margin-right:40px;font-size:16px;padding-left:30px;height:58px;line-height:58px;}
.f-con li:nth-child(1){ background:url(../images/f1.png) no-repeat left center;}
.f-con li:nth-child(2){ background:url(../images/f2.png) no-repeat left center;}
.f-con li:nth-child(3){ background:url(../images/f3.png) no-repeat left center;margin-right:0}

.foott{ width:100%;padding:50px 0px 10px 0px;color:#fff;background:#000;}
.foott a:hover{color:#ff9801;}
.footnav ul{width:calc(100% - 320px);float:left;color:#878787;padding-bottom:10px;}
.footnav ul span{color:#fff;font-weight:bold;font-size:26px;padding-left:3px;}
.footnav ul li{margin-top:5px;margin-bottom:15px;color:#ffffff;}
.footnav ul li a{color:#ffffff;padding:0px 3px;}
.footnav ul li a:hover{color:#ff9801;}
.footnav ul ol{color:#fff;font-weight:bold;font-size:22px;padding-left:3px;margin-bottom:5px;}
.footnav ul p{font-size:14px;color:#ffffff;padding:3px 0px 8px 3px;}
.footnav ul p a{font-size:14px;color:#ffffff;padding-right:5px;}
.footnav ul p font{padding-right:5px;}
.footnav ul strong{margin-left:3px;}
.footnav ul strong a{font-size:14px;color:#ffffff;margin-right:5px;}
.footnav dl{width:390px;float:left;font-size:14px;line-height:34px;}
.footnav dl b{font-size:22px;}
.footnav dt{width:140px;line-height:26px;float:right;margin-top:5px;text-align:center;margin-left:20px;}
.footnav dt img{width:140px;}
.footnav dd{color:#b1b1b1;padding-top:8px;border-top:1px solid rgb(255,255,255,0.4);margin-top:10px;}
.footnav dd a{color:#b1b1b1;margin-right:5px;}
@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: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*/
.copy_lm{ background:#1A1A1A; width:100%; padding-top:50px; padding-bottom:30px; background:url(../images/foot-bg.jpg) no-repeat top}
.copy_lm ul{width:50%;display:flex;align-items:start;justify-content: space-between;}
.copy_lm li{width: calc(100% / 4);}
.copy_lm li p{height: 25px;line-height: 25px;font-size: 18px;font-weight: bold;margin-bottom: 19px; color:#648EC6}
.copy_lm li a{display: block;color: rgba(255, 255, 255, 0.47);transition；0.5s;}
.copy_lm li a:hover{color:#fff;transition；0.5s;}
.copy_lm li a+a{margin-top: 11px;}

.dblxwm{ float:left}
.dblxwm h1{height: 25px;line-height: 25px;font-size: 18px;font-weight: bold;margin-bottom: 19px;color:#648EC6}
.dblxwm p{ color: rgba(255, 255, 255, 0.47);}
.dblxwm p:hover{color:#fff;transition:0.5s;}
.dblxwm p+p{ margin-top:16px}
@media screen and (max-width:1124px){
.copy_lm li:nth-child(3){ display:none}
.copy_lm li{ width:calc(100% / 3)}
.copy_lm ul{ width:46%}
}
@media screen and (max-width:1006px){
.copy_ewm{ display:none}
.copy_lm ul{ width:51%}
}
@media screen and (max-width:780px){
.copy_lm ul{ display:none}
.dblxwm{ width:100%}
.dblxwm p+p{ margin-top:10px}
.copy_lm{ padding-top:19px}
}

.copy_ewm{}
.copy_ewm p{display: inline-block;float: left;text-align: center;}
.copy_ewm p em{}
.copy_ewm p b{display: block;margin-top:5px; color: rgba(255, 255, 255, 0.47);}
.copy_ewm p+p{margin-left: 51px;}
.coy_box{background: #005DD7;height:60px;}
.coy_box p{line-height:60px;color: #fff;}
.coy_box a{color: #fff;}
@media screen and (max-width:880px){
.coy_box{ height:auto}
.coy_box p{ line-height:30px}
}


.fxdb{display:none}
@media screen and (max-width:640px) {
.coy_box{ padding-bottom:60px}
.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:#0142C0;border-radius:50px;height:50px;box-shadow:0 0 5px #fff;}
.fxdb li img{height:30px;margin-top:10px}
}

.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*/