@charset "utf-8";

/*banner*/
.banner{position:relative;height:700px;clear:both;width:100%!important;overflow:hidden;}
.ban_p,.ban_p ul,.ban_p li{height:700px;overflow:hidden;width:100%!important}
.ban_p li,.ban_p li a{display:block;height:700px;width:100%!important;overflow:hidden;position:relative}
.ban_p li img{width:1920px;height:700px;position:absolute;left:50%;top:0;margin-left:-960px}
.ban_t{width:1100px;height:40px;bottom:0;left:50%;margin-left:-550px;position:absolute;text-align:center}
.ban_t em{width:20px;height:20px;border-radius:20px;margin-right:10px;display:inline-block;background:#fff}
.ban_t em.on{background:#0087ee;width:20px}

/*搜索*/
.seabox{height:47px;line-height:30px;font-family:"Microsoft Yahei";position:relative;padding:16px 0 0;border-bottom:1px solid #e8e4db}
.keyword{width:630px;color:#666;background:url(../images/ico01.png) no-repeat 0 7px;padding:0 0 0 29px}
.keyword a{color:#aaa;display:inline-block;padding:0 20px 0 6px}
.keyword a:hover{color:#333}
.sea_inp{width:499px;height:36px;line-height:36px;position:relative;z-index:1;border-left:1px dotted #ddd}
.sea_inp:before{content:"";position:absolute;width:99px;height:64px;background:#0087ee;top:-16px;right:0;z-index:-1}
.sea_inp .serach{width:340px;height:36px;border:0;background:none;line-height:36px;color:#999;padding:0 10px 0 48px;float:left;outline:none;display:block}
.sea_inp .sub{width:99px;height:36px;float:left;cursor:pointer;display:block;background:url(../images/sea_ico.gif) no-repeat 37px 3px;border:0;text-indent:120px}


/*引子*/
.webox{font-size:16px;color:#666;font-family:"Microsoft Yahei";line-height:26px;position:relative;overflow:hidden;padding:87px 0 0;}
/*.webox:before{content:"";position:absolute;width:90%;height:4px;background:#d5d5d5;top:548px;left:50%;margin-left:120px;z-index:-1}*/
.webox_w{width:416px;padding:0px 0 0}
.webox_wc{height:248px; margin-top:35px;}
.webox_wc p{padding:0 0 20px}
.webox_w p b{color:#0087ee}
.webox_w dl{height:121px;background:url(../images/we_icobg.gif) no-repeat right 24px}
.webox_w dt{width:102px;height:102px;border-radius:102px;float:left;overflow:hidden}
.webox_w dd{width:226px;font-size:16px;color:#000;line-height:68px;background:url(../images/we_qm.gif) no-repeat right 14px;padding:0 0 0 16px;float:left}

.webox_c {overflow: hidden; margin-bottom:90px;}
.webox_p,.webox_p img{width:720px;height:465px;display:block;background:#333}
.webox_l{color:#666;line-height:31px;height:166px}
.webox_l h2{float:right;position:relative;width:426px;height:129px;font-size:40px;line-height:58px;color:#333;border:solid 4px #535353;padding:30px 0 0 46px;position:relative}
.webox_l h2:before{content:"";position:absolute;width:50px;height:4px;background:#0087ee;top:51px;left:-29px}
.webox_l h2 b{color:#0087ee}
.webox_l h2 span{color:#666;font-size:30px;line-height:34px;font-weight:normal;display:block}
.webox_l ul{float:left;padding:34px 0 0}
.webox_l li{float:left;padding:0 78px 0 0;position:relative;white-space:nowrap}
.webox_l li:before{content:"";position:absolute;width:1px;height:73px;background:#e8e8e8;top:9px;right:38px}
.webox_l li:last-child{padding-right:0}
.webox_l li:last-child:before{background:none}
.webox_l li span{height:60px;display:block;line-height:60px;color:#0087ee}
.webox_l li span b{display:block;float:left;font-family:Century Gothic,Times New Roman;font-size:54px;padding:0 4px 0 0}

/*产品中心*/
.probox{font-family:"Microsoft Yahei";padding:88px 0 0px;position:relative;z-index:1;line-height:20px;color:#666}
.probox:before{content:"";position:absolute;width:100%;height:760px;background:#f2f2f2;top:0;left:0;z-index:-1}

.prod2{height:675px}
.prod_nav{width:250px;position:relative;overflow:hidden;line-height:40px;background:#f2f2f2}
.prod_nav h3{background:url(../images/protbg.png) no-repeat 0 0;text-align:center;font-size:36px;height:91px;color:#fff;line-height:40px;padding:36px 0 0}
.prod_nav h3 a{display:block;color:#fff}
.prod_nav h3 em{display:block;font-size:14px;line-height:16px;font-weight:normal;opacity:0.5}
.prod_nc{border-left:solid 1px #e7e7e7;border-right:solid 1px #e7e7e7;font-size:16px}
.prod_nc li{border-bottom:solid 1px #e7e7e7;height:50px;padding:0 25px;line-height:50px}
.prod_nc li a{display:block;background:url(../images/ico02.png) no-repeat right center;color:#333}
.prod_nc li a:hover{background:url(../images/ico03.png) no-repeat right center;color:#0087ee;font-weight:bold}
.pro_pho{background:url(../images/c_pho.png) no-repeat 35px 29px #2b2e35;padding:28px 0 0 69px;color:#9d9d9f;height:84px;line-height:20px}
.pro_pho b{display:block;font-size:20px;line-height:33px;color:#e8e8e8}
.prev1,.next1,.prev2,.next2{width:18px;height:30px;cursor:pointer;z-index:11;top:250px;right:28px;background:url(../images/next1.png) no-repeat 0 0}
.prev2,.next2{top:88px;right:-31px}
.prev1,.prev2{left:28px;background:url(../images/prev1.png) no-repeat 0 0}
.prev2{left:-31px}
.prev1:hover,.next1:hover,.prev2:hover,.next2:hover{background-position:0 bottom}
.pro_c{width:925px;overflow:hidden}
.pro_cl dl{background:#0087ee;color:#fff;height:585px}
.pro_cl dt{position:relative}
.pro_cl dt,.pro_cl dt img{width:925px;height:520px;display:block}
.pro_cl dt span{position:absolute;top:0;right:0;background:url(../images/ico_hot.png) no-repeat 0 0;width:87px;height:80px;display:block}
.pro_cl dd{padding:20px 40px 0}
.pro_cz{height:63px;border-bottom:1px dotted #3c5991;line-height:20px;color:#ccc;margin-bottom:8px}
.pro_cz h3{font-size:18px;height:26px;line-height:26px;color:#fff}
.pro_cw{height:40px;line-height:40px;white-space:nowrap}
.pro_cw b{float:left}
.pro_cw span{display:inline-block;padding:0 28px;position:relative}
.pro_cw span:before{content:"";position:absolute;width:6px;height:6px;border:solid 1px #93a2c2;top:16px;left:11px;border-radius:6px}

.mis_1 {margin-top:90px;}

.slideGroup {overflow: hidden; margin-bottom:80px;}
.slideGroup .parHd{ height:30px; line-height:30px; background:#f2f2f2; padding:0 10px; position:relative;}
.slideGroup .parHd ul{ float:left; position:absolute; left:20px; top:-1px; height:32px;}
.slideGroup .parHd ul li{ float:left; padding:0 15px; cursor:pointer;}
.slideGroup .parHd ul li.on{ height:30px;  background:#fff; border:1px solid #ddd; border-bottom:2px solid #fff;}
.slideGroup .slideBox{ overflow:hidden; zoom:1; }
.slideGroup .sPrev,.slideGroup .sNext{ position:absolute; left:0px; top:50%; display:block; width:25px; height:52px; margin-top:-26px; background:url(../../%E4%B8%93%E9%97%A8%E5%88%A9%E8%AF%81%E4%B9%A6/%E7%BD%91%E7%AB%99/images/icoLeft.png) center center no-repeat;}
.slideGroup .sNext{ left:auto; right:0px; background:url(../../%E4%B8%93%E9%97%A8%E5%88%A9%E8%AF%81%E4%B9%A6/%E7%BD%91%E7%AB%99/images/icoLeft_po.png) center center no-repeat;}
.slideGroup .sPrev:hover,.slideGroup .sNext:hover{ border-color:#f60;}
.slideGroup .parBd ul{ overflow:hidden; zoom:1;}
.slideGroup .parBd ul li{ margin-left:16px; float:left;text-align:center;}
.slideGroup .parBd ul li p { line-height:35px; font-size:16px;}
.slideGroup .parBd ul li .pic{ text-align:center; overflow:hidden;background:#f5f5f5; border:5px solid #f5f5f5;}
.slideGroup .parBd ul li .pic img{ width:250px; height:auto; display:block; cursor: pointer; transition: all 0.5s;}
.slideGroup .parBd ul li .pic:hover img{ border-color:#999; transform: scale(1.1);}
.slideGroup .parBd ul li .title{ line-height:40px;}


/* 特点 */

.chara{font-family:"Microsoft Yahei";line-height:24px;color:#fff;background:url(../images/charabg.jpg) no-repeat center 0;height:748px;padding:84px 0 0;overflow:hidden}
.chara_c{background:url(../images/chara_pic.png) no-repeat center 0;height:518px}
.chara_r,.chara_l{width:376px}
.chara_c dl{height:134px;padding:16px 0 0;margin-bottom:28px}
.chara_c dt{width:119px;text-align:center;height:119px;border-radius:119px;font-size:16px;line-height:32px;color:#333;float:left;background:#fff;font-weight:bold}
.chara_c dd{padding:18px 13px 0;float:left;width:212px}
.chara_c .chara_r dl:last-child dd{text-align:center;font-size:16px;color:#333;float:right;padding-top:45px}
.chara_c .chara_r dl:last-child dd span{font-size:26px;display:block;line-height:33px}
.chara_c .chara_r dt{float:right}
.chara_c .chara_r dd{text-align:right;float:right}
.chara_c dt span{width:46px;height:47px;display:block;position:relative;margin:25px auto 0}
.chara_c dt span i{width:46px;height:47px;position:absolute;left:0;top:0}
.chara_c .chara_r dl:last-child dt span,.chara_c .chara_r dl:last-child dt span i{width:46px;height:49px}
.chara_c dt span i.default,.case_t li span i.default{-webkit-transition:all 0.4s linear;transition:all 0.4s linear}
.chara_c dt span i.hover,.case_t li span i.hover{opacity:1;visibility:visible;opacity:0;visibility:hidden;-webkit-transform:translate3d(0,0,-65px) rotate3d(1,0,0,90deg);transform:translate3d(0,0,-65px) rotate3d(1,0,0,90deg);-webkit-transform-origin:50% 0%;transform-origin:50% 0%;-webkit-transition:all 0.4s linear;transition:all 0.4s linear}
.chara_c dl:hover dt,.chara_c .chara_r dl:last-child dt,.chara_c .chara_l dl:first-child dt{color:#fff;background:#0087ee}
.chara_c .chara_l dl:first-child{margin:10px 0 19px 10px;color:#333}
.chara_c .chara_r dl:last-child dt{margin:10px 10px 28px 0;color:#fff}
.chara_c .chara_r dl:last-child:hover dt,.chara_c .chara_l dl:first-child:hover dt{color:#0087ee;background:#fff}
.chara_c dl:hover dt span i.default,.case_t li:hover span i.default,.case_t li.cur span i.default{opacity:0;visibility:hidden;-webkit-transform:translate3d(0,65px,0) rotate3d(1,0,0,-90deg);transform:translate3d(0,65px,0) rotate3d(1,0,0,-90deg)}
.chara_c dl:hover dt span i.hover,.case_t li:hover span i.hover,.case_t li.cur span i.hover{opacity:1;visibility:visible;-webkit-transform:rotate3d(1,0,0,0deg);transform:rotate3d(1,0,0,0deg)}

/*案例*/

/*优势*/
.edge{font-family:"Microsoft Yahei";position:relative;line-height:24px;padding:58px 0;color:#6d6d6d;background:url(../images/edgebg.jpg) no-repeat center 0;z-index:1}
.edge:before{content:"";position:absolute;width:17px;height:1086px;background:url(../images/edge_line.png) no-repeat 0 0;top:322px;left:50%;margin-left:-8px;z-index:-1}
.edge h2{text-align:center;height:262px;display:block}
.edge_c dl{width:561px;float:left;margin-bottom:31px;overflow:hidden}
.edge_c dl:nth-child(2n){margin-left:78px}
.edge_c dl:nth-child(1){margin-top:37px}
.edge_c dl:nth-child(3){clear:both}
.edge_c dl:nth-child(4){margin-top:-40px}
.edge_c dt{position:relative}
.edge_c dt,.edge_c dt img{width:561px;height:328px;display:block;overflow:hidden}
.edge_c dd{width:561px;height:189px;border:solid 1px #e1e1e1;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-o-box-sizing:border-box;position:relative;padding:38px 18px 0 28px}
.edge_c dd .edge_ico{position:absolute;width:68px;line-height:68px;text-align:center;color:#fff;background:#0087ee;left:28px;top:-35px;font-family:Times New Roman;font-size:40px}
.edge_c dd h3{font-size:24px;height:50px;font-weight:normal;line-height:50px;color:#343434}
.edge_c dd h3 b{color:#0087ee}
.edge_c dd li{position:relative;padding:0 0 0 20px}
.edge_c dd li:before{content:"";position:absolute;width:6px;height:6px;top:5px;left:0;border:solid 2px #a0a0a0;border-radius:6px}
.edge_c dl dt: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)}
.edge_c dl:hover dt:after{left:100%;-moz-transition:1s;-o-transition:1s;-webkit-transition:1s;transition:1s}

/*资讯*/
.nswsbox{height:840px;padding-top:84px;overflow:hidden;font-family:"Microsoft Yahei";line-height:24px;color:#666;font-size:14px;clear:both;background:#f2f2f2;overflow:hidden}
.news{width:797px}
.faqs{width:371px;height:636px;overflow:hidden}
.new_t{font-size:18px;height:55px;line-height:55px;color:#000;background:url(../images/newtbg.png) no-repeat 0 0}
.new_more a{font-size:14px;display:inline-block;color:#333}
.new_t p{padding-left:12px}
.new_t p a{color:#fff;padding-left:38px}
.news_c{background:#fff;position:relative}
.news_c:before{content:"";position:absolute;width:797px;height:1px;background:#f2f2f2;top:69px;left:0}
.news_c ul{padding:0 37px;clear:both;height:132px}
.news_c li span{float:right}
.faqs_c li a,.faqs_c li:hover a,.news_c li a:hover,.news_c li:hover a{color:#333}
.news_c dl{height:426px;overflow:hidden;border-bottom:7px solid #f2f2f2;width:337px;float:left;padding:0 5px 0 38px;margin-bottom:15px}
.news_c dl:nth-child(2){padding-right:29px}
.news_c dt,.news_c dt img{width:337px;height:189px;display:block;overflow:hidden}
.news_c dd{height:202px;overflow:hidden}
.news_c dd span{font-size:24px;height:70px;line-height:70px;color:#ababab}
.news_c dd h4{font-size:16px;line-height:56px;display:block;font-weight:normal;height:70px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
.news_c dd h4 a,.faqs_c dd h4 a{color:#333;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
.news_c dd p a,.faqs_c dd p a{color:#0087ee;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
.news_c dd h4 a:hover,.faqs_c dd h4 a:hover,.news_c dl:hover dd h4 a,.faqs_c dl:hover dd h4 a{font-weight:bold;color:#0087ee}
.faqs_c{background:#fff;padding:35px 34px;height:510px}
.faqs_c dl{height:301px;background:url(../images/new_lbg.gif) no-repeat 0 bottom #f3f3f3;margin-bottom:10px;overflow:hidden}
.faqs_c dt,.faqs_c dt img{width:301px;height:170px;display:block;overflow:hidden}
.faqs_c dd{padding:10px 18px 0}
.faqs_c dd h4{font-size:16px;line-height:49px;height:49px;display:block;font-weight:normal;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
.faqs_c li,.news_c li{height:36px;line-height:36px;position:relative;padding:0 0 0 22px;background:url(../images/ico06.gif) no-repeat 2px 16px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
.faqs_c li a,.news_c li a{color:#777;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}


/*关于*/
.in_about{font-family:"Microsoft Yahei";line-height:26px;padding:146px 0 0;background:url(../images/aboutbg.jpg) no-repeat center 0;position:relative;font-size:16px;text-align:center}
.about_w{padding:0 20px;height:443px;position:relative;z-index:1;text-align:center;color:#fff}
.about_w p{height:132px}
.about_w span a{display:block;width:258px;line-height:51px;border-radius:26px;background:#fff;color:#0087ee;margin:0 auto}
.about_l{background:#fff;height:108px;box-shadow:0 0 5px 5px rgba(0,0,0,0.1);margin-bottom:54px;text-align:left;font-size:18px;line-height:26px;padding:50px 0 0}
.about_l li{float:left;width:260px;border-left:1px solid #ccc;height:58px;padding:0 0 0 30px}
.about_l li:first-child{border:0;padding-left:56px}
.about_l li:last-child{width:250px}
.about_l li span{width:65px;float:left}
.about_l li p b{display:block;font-size:28px;line-height:34px;color:#333}
.about_l li p b em{color:#0087ee}
.show{clear:both;height:330px}
.show_t{height:66px;font-size:16px;line-height:46px;padding:0 0 0 409px;position:relative;z-index:1}
.show_t:before,.show_t:after{content:"";position:absolute;width:500px;height:2px;background:#ccc;top:23px;right:0;z-index:-1}
.show_t:after{left:0}
.show_t li{float:left;width:185px;height:46px;background:#333;color:#fff;margin:0 12px 0 0;border-radius:23px}
.show_t li a{color:#fff;display:block}
.show_t li.cur,.show_t li:hover{background:#0087ee;font-weight:bold}
.show_c1{position:relative}
.show_cl{overflow:hidden}
.show_c1 li{width:290px;float:left;margin:0 14px 0 0;position:relative}
.show_c1 li p,.show_c1 li p img{width:290px;height:210px;display:block;overflow:hidden}
.show_c li span{display:block;height:40px;line-height:40px}
.show_c li span a{color:#666}

/*友情链接*/
.link{height:57px;line-height:57px;color: #999;position: relative;z-index: 9;background: #313537; overflow: hidden;}
.link_c{width:1200px;margin: 0 auto;}
.link_c a{display: inline-block;color: #999;padding: 0 14px;}
.link_c span{float: right;}
.prod1 dt img,.case_c dt img, .edge_c dt img, .news_c dt img, .faqs_c dt img, .show_c li p img{-webkit-transition: 1s;-moz-transition: 1s;transition: 1s;}
.prod1 dl:hover dt img,.case_c dl:hover dt img, .edge_c dl:hover dt img, .news_c dl:hover dt img, .faqs_c dl:hover dt img, .show_c li:hover p img{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1);}


/*内页*/
.w1400{ width:100%; margin:0 auto; max-width:1200px;}
.w1400:after{content:""; display: block; height: 0; clear: both; visibility: hidden; font-size: 0; line-height: 0;}

.hmw { height:350px; overflow:hidden;}
.hwm_a { color:#fff; margin-top:20px;}
.hwm_a a{ color:#fff; }

.inp_ab_a {overflow: hidden; background: #f2f2f2; width: 100%;}

.inp_ab_a_2 {line-height:60px;}
.inp_ab_a_2 p {float:left; text-indent:12px; font-size: 15px; margin-left:5px; padding-left: 10px;}
.inp_ab_a_2 p a {display:block; color:#5f5f5f;}
.mis1_1 { position: relative;}
.mis1_1:after{ content:""; position: absolute; top:5px; left: 0; background: url(../images/ao_ss_1.png) no-repeat;width: 14px; height: 14px;}
.mis1_2 { position: relative;}
.mis1_2:after{ content:""; position: absolute; top:11px; left:5px; background: url(../images/ao_ss_2.png) no-repeat;width: 5px; height: 6px;}
.mis1_3 { position: relative;}
.mis1_3:after{ content:""; position: absolute; top:23px; left:-6px; background: url(../images/ao_ss_1.png) no-repeat;width: 14px; height: 14px;}
.mis1_4 { position: relative;}
.mis1_4:after{ content:""; position: absolute; top:28px; left:0px; background: url(../images/ao_ss_2.png) no-repeat;width: 5px; height: 6px;}
.inp_ab_a_1 {width:70%;}
.inp_ab_a_1 ul {}
.inp_ab_a_1 li {float: left; font-size: 18px; line-height:60px;position: relative; width:180px; text-align: center;}
.inp_ab_a_1 li a {display:block; color:#333;}
.inp_ab_a_1 li:hover>a {color:#fff!important; background:#0087ee;}
.inps_aa a { color: #fff!important;background:#0087ee;}
.nu_intro{overflow:hidden;background:#fff; margin:60px 0;}

/*--company-intro--*/
.company-intro{overflow:hidden;}
.company-intro .playBox{float:left; width:500px;background:#f2f2f2;padding:1%;}
.company-intro .playBox img{max-width:100%;}
.company-intro .playBox video{width:100%;object-fit:fill;}
.company-intro .text{float:right;width:52%;}
.company-intro .text .hd{position:relative;padding-bottom:20px;overflow:hidden;}
.company-intro .text .hd:before,.company-intro .text .hd:after{display:block;position:absolute;left:0;bottom:0;height:1px;content:"";}
.company-intro .text .hd:before{width:100%;background:#e0e0e0;}
.company-intro .text .hd:after{width:32px;height:2px;background:#0087ee;}
.company-intro .text .hd .texj{font-size:32px;color:#333;margin-bottom:10px;margin-top:15px;padding:1% 0; height:30px;font-weight:bold;}
.company-intro .text .hd em{display:block;font-size:18px;color:#797979;}
.company-intro .text .bd{padding-top:20px;overflow:hidden;line-height:30px;}
.company-intro .text .bd p{font-size:16px;color:#666;}
/*--end company-intro--*/

/*--内页企业--*/
.ne_ab1s {overflow: hidden;}
.ne_ab1s dl {margin-left:1%; width: 32.33%;float: left; }
.ne_ab1s dd {text-align: center;}
.ne_ab1s dt {text-align: center;}
.ne_ab1s dt .me_an1s_wi {font-size:25px;margin: 20px auto;font-weight:bold;}
.ne_ab1s dt .me_an1s_wi_0 {padding:0 3%;}

/*--内页工厂--*/
.huanjin { overflow:hidden;}
.huanjin ul { margin-left:-2%;}
.huanjin li { width:22%; float:left; margin-left:2%; line-height:40px; text-align:center; overflow:hidden; margin-bottom:20px;background: #f2f2f2; padding:0.5%;}
.huanjin li img { transition: all .5s; max-width:100%;}
.huanjin_sa { overflow:hidden; border:1px solid #f2f2f2;}
.huanjin li p{ text-overflow: ellipsis; white-space: nowrap; overflow: hidden; padding:0 10px;transition: all .5s; }
.huanjin li p a{ display:block;}
.huanjin li:hover p { color:#fff; font-weight:bold;background: #0087ee;}
.huanjin li .mr_12 { overflow:hidden;}
.huanjin li .mr_12 a { display: block;}
.huanjin li .mr_12 .img img { transition:all 0.5s;}
.huanjin li .mr_12 .img:hover img { transform:scale(1.1);}


/*--应用--*/
.huanjin1 { overflow:hidden;}
.huanjin1 ul { margin-left:-2%;}
.huanjin1 li { width:30.33%; float:left; margin-left:2%; line-height:40px; text-align:center; overflow:hidden; margin-bottom:20px;background: #f2f2f2; padding:0.5%;}
.huanjin1 li img { transition: all .5s; max-width:100%; }
.huanjin_sa1 { overflow:hidden; border:1px solid #f2f2f2;}
.huanjin1 li p{ text-overflow: ellipsis; white-space: nowrap; overflow: hidden; padding:0 10px;transition: all .5s; }
.huanjin1 li p a{ display:block;}
.huanjin1 li:hover p { color:#fff; font-weight:bold;background: #0087ee;}
.huanjin1 li .mr_122 { overflow:hidden;}
.huanjin1 li .mr_122 a { display: block;}
.huanjin1 li .mr_122 .img img { transition:all 0.5s;}
.huanjin1 li .mr_122 .img:hover img { transform:scale(1.1);}


/*左右一页*/
.zuoy { text-align: center; clear: both; color: #fff; margin:20px auto 0 auto;}
.zuoy_ks { width: 120px; display: inline-block; background: #eeeeee; line-height: 35px; border-radius: 5px;}
.zuoy_ks a { display: block; }
.zuoy_ks:hover a { background: #0087ee; color: #fff; border-radius: 5px; }
.zuoy_mi { width: 50px; display: inline-block; background: #0087ee; line-height: 35px; border-radius: 5px; }

/*左栏目*/
.pds_z { float:left; width:270px;}
.pds_z ul {padding:0 2%; }
.pds_z li { float:left; background:#f2f2f2; width:100%; line-height:50px; text-indent:25px; margin-bottom:10px;position: relative;}
.pds_z li a{ display:block;}
.pds_z li:hover a{ background:#0087ee; color:#fff;}
.pds_z li:after {content: ""; position: absolute; top:17px; right:20px; width: 10px; height: 18px;background: url(../images/pc_san.png) no-repeat; }
.pds_z1 { float:left;background:#0087ee; line-height:22px; padding:8% 4%;color:#fff;}
.pds_z1 p { font-size:20px; margin-bottom:10px; }

.about_mss { font-size:24px; line-height:70px;background: #0087ee;text-align: center; color: #fff; margin-bottom: 10px;}

/*右栏目*/
.pds_y { float:right; width:calc(100% - 300px);}

.about { overflow:hidden; background:#fff; line-height:30px; font-size:16px;}
.about span { color:#0087ee; font-weight:bold;}

.ny_skaa { background:#0087ee !important;}
.ny_skaa a { color:#fff !important;}

/*产品中心*/
.product { overflow:hidden;}
.product ul { margin-left:-1%;}
.product li { float:left; width:32.33%; line-height:50px; margin-left:1%; text-align:center;background: #f2f2f2;margin-bottom:20px;}
.product li a{ display:block;transition:all 0.5s;}
.product li:hover a{ color:#fff; background:#0087ee;}
.product li .product_1 { overflow:hidden;padding:3% 3% 0 3%;}
.product li .product_1 img {width:100%;height:auto;transition:all 0.5s;}

/*产品详情*/
.zoomdemo {overflow:hidden;}
.zoomdemo img { max-width:100%;}
.cpxq_t_l{ float:left; width:50%; margin:2px 0 0 10px;}
.sp-wrap{ display:none; line-height:0; font-size:0;}
.sp-thumbs{ width:100%;}
.sp-thumbs img{ width:100%;}
.sp-thumbs a:link, .sp-thumbs a:visited{ margin:0 0.5%; width:13%; height:50px; border:1px #eaeaea solid; overflow:hidden; opacity:.3; display:inline-block; background-size:cover; background-position:center; -webkit-transition:all .2s ease-out; -moz-transition:all .2s ease-out; -ms-transition:all .2s ease-out;-o-transition:all .2s ease-out; transition:all .2s ease-out;}
.sp-thumbs a:hover{opacity:1;}
.sp-thumbs a:active, .sp-current{ opacity:1!important; position:relative;}
.sp-large{ position:relative; overflow:hidden; width:100% !important; margin:0 0 2% 0; box-shadow:0 0 1px rgba(0,0,0,0.3);}
.sp-large a{ display:block;}
.sp-zoom{ position:absolute; left:-50%; top:-50%; cursor:-webkit-zoom-in; cursor:-moz-zoom-in; cursor:zoom-in; display:none;}
.sp-zoom img{ max-width: none;}
.sp-lightbox{ position:fixed; top:0; left:0; height:100%; width:100%; background:rgb(0,0,0); background:rgba(0,0,0,.9); z-index:500; display:none; cursor:pointer;}
.sp-lightbox img{position:absolute; margin:auto; top:0; bottom:0; left:0; right:0; max-width:90%; max-height:90%; border:2px solid #fff;}
#sp-prev, #sp-next{ position:absolute; top:50%; margin-top:-25px; z-index:501; color:#fff; padding:14px; text-decoration:none; background:#000; border-radius:25px; border:2px solid #fff; width:50px; height:50px; box-sizing:border-box; transition:.2s;}
#sp-prev{ left:10px;}
#sp-prev:before{ content:''; border:7px solid transparent; border-right:15px solid #fff; position:absolute; top:16px; left:7px;}
#sp-next{ right:10px;}
#sp-next:before{ content:''; border:7px solid transparent; border-left:15px solid white; position:absolute; top:16px; left:18px;}
#sp-prev:hover, #sp-next:hover{ background:#444;}
@media screen and (max-width: 400px) {.sp-wrap{ margin:0 0 15px 0;} #sp-prev, #sp-next{ top:auto; margin-top:0; bottom:25px;}}
.prodetailtxt{ float: right; width:43%; color:#1a1a1a; line-height:25px; margin-top:1%; margin-right:2%;}
.prodetailtxt p{ font-size:20px; border-bottom:1px solid #dadada; padding:10px 0 15px;}
.protxt{ padding:15px 0;border-bottom:1px solid #dadada; margin-bottom:30px; word-break: break-all; overflow:auto; height:220px;}
.protxt p{ padding:0 5px; /*background:url(../webimages/icon06.jpg) left 15px no-repeat;*/ margin-left:0 !important; color:#a5a5a5; }
.protxt p span{font-size:14px !important;color:#1a1a1a;line-height: 24px !important;display: block;padding: 6px 0;}
.psw_1 { width:150px; float:left; line-height:35px; background:#0087ee; text-align:center; border-radius: 5px; margin-top:5%;}
.psw_1 a{ display:block; color:#fff;}
.psw_1:hover { background:#0493ff ;}
.pw_1 {line-height:30px; font-size:16px; color:#333; margin-top:15px;}

.chxiq { overflow:hidden; margin-top:10px;}
.chxiq .chxiq_1 { background:#f5f5f5; line-height:50px; text-indent:18px; font-size:18px;}
.chxiq .chxiq_2 { padding:2%;width:100%;}

/*左右一页*/
.mska_losa { overflow:hidden; margin:30px 0; line-height:40px; border-bottom:1px solid #eee; border-top:1px solid #eee; position:relative; height:80px;}
.mska_losa .mska_losa_1 { width:100%;text-indent:25px;}
.mska_losa .mska_mor { position:absolute; right:0; top:20px; width:120px; background:#0087ee; text-align:center;}
.mska_losa .mska_mor a{ color:#fff; display:block;}


/*新闻*/
.ne_nes {overflow:hidden;}
.ne_nes ul {}
.ne_nes li { float:left; width:97%; margin-bottom:2%;padding: 1%; border: 1px solid #f2f2f2;}
.ne_nes li .ne_b1 { float:left; width:260px; border:5px solid #fff; overflow:hidden;}
.ne_nes li .ne_b1 img { transition: all 0.5s; height:170px;}
.ne_nes li:hover .ne_b1 img { transform: scale(1.1);}
.ne_nes li .ne_b2 { float:right; width:calc(100% - 300px); margin-top:10px;}
.ne_nes li .ne_b2 .ne_b2_a1{ font-size:18px;font-weight: bold;}
.ne_nes li:hover .ne_b2 .ne_b2_a1 {color:#0087ee;}
.ne_nes li .ne_b2 .ne_b2_a2{ line-height:30px; margin-top:15px; width:90%;}
.ne_nes li .ne_b2 .ne_b2_a3{ margin-top:2%; background:#f2f2f2; width:150px; line-height:35px; border-radius:15px; text-align:center;}
.ne_nes li a .ne_b2 .ne_b2_a3 { display:block; color:#333; transition: all 0.6s; }
.ne_nes li:hover .ne_b2 .ne_b2_a3 { background:#0087ee; color:#fff;}

.ne_b2_a1 span{font-size:14px;margin-left: 20px; font-weight:400;}

/*新闻左边*/
.in_newss_a { float:right; background:#f2f2f2; width:180px;padding:10px 15px;margin-top:0px;}
.in_newss_a ul {}
.in_newss_a li { margin-top:15px;}
.in_newss_a li .in_newss_a_1 { overflow:hidden;border-radius:10px;}
.in_newss_a li .in_newss_a_1 img { transition:all 0.5s; height: 130px;}
.in_newss_a li:hover .in_newss_a_1 img { transform:scale(1.1);}
.in_newss_a li .in_newss_a_2 { line-height:30px; text-align:center;text-overflow: ellipsis; white-space: nowrap; overflow: hidden; padding:0 10px;}

.in_newss_a_a { font-size:16px; font-weight:bold; position:relative; }



.psm_sa { overflow:hidden;background:#fff; margin-top: 50px; margin-bottom:20px;}
.psm_sa .psm_sa1 { float:left; width:600px; border:5px solid #fff; overflow:hidden;}
.psm_sa .psm_sa1 img { transition: all 0.5s; height:auto;}
.psm_sa:hover .psm_sa1 img { transform: scale(1.1);}
.psm_sa .psm_sa2 { float:right; width:calc(100% - 620px); margin-top:40px; padding: 3%;}
.psm_sa .psm_sa2 .psm_sa2_a1{ font-size:22px;font-weight: bold;}
.psm_sa .psm_sa2 .psm_sa2_a2{ line-height:26px; margin-top:25px; color: #7c7c7c;}
.psm_sa .psm_sab2 .psm_sa2_a3{ margin-top:2%; background:#868686; width:150px; line-height:35px; border-radius:15px; text-align:center;}
.psm_sa .psm_sa2_a3 { background:#20377b; color:#fff;width: 160px;border-radius:15px;text-align: center; line-height: 35px; margin-top:25px;}
.psm_sa:hover .psm_sa2_a3 { background:#eee;color:#333;}


.lsm_new_you_ne { float:left; width:calc(100% - 300px);background:#fff;border-radius:20px; margin-top: 30px; margin-bottom: 30px;}


.soluw_ney { padding:2.5%;float:left; width:calc(100% - 300px);border: 1px solid #f2f2f2;}
.soluw_ney_zi { overflow:hidden; font-size:24px; margin-bottom:10px; font-weight:bold; margin-top:30px;text-align: center;}
.sowa_q1 { color:#333;text-align: center;}
.soluw_ney_xian { border:1px solid #e0e0e0; margin:20px 0 20px 0%; overflow:hidden;}
.soluw_ney_nei { line-height:35px; margin-bottom:20px; font-size:16px; width:100%; text-align:center;}
.soluw_ney_nei2 { line-height:26px; font-size:15px; padding:0% 2%;}
.soluw_ney_nei2 p { text-align:center;}
.soluw_ney_nei2 p img { margin: 10px  auto;}
.soluw_ney_nei2 p { padding:0px 0px !important;}
.soluw_ney_nei2 span {font-weight: bold;font-size: 17px;}

.soluw_ney_nei2 table { border-collapse:collapse; border: 1px #ccc solid !important; width:100% !important; height: 100%!important;}
.soluw_ney_nei2 table tr { line-height:30px !important;font-size: 11pt!important; padding:0px 0px !important;}
.soluw_ney_nei2 table td { padding:0px 6px !important;word-wrap:break-word;word-break:break-all;border: 1px #ccc solid !important; font-size: 11pt!important; }

.ny_psw_more { background:#fff; line-height:40px;text-align:center;border-radius:25px; border-top:10px solid #e6e6e6;margin-top:20px;}
.ny_psw_more a { display:block; color:#333;}
.ny_psw_more:hover a { background:#0087ee ; color:#fff;border-radius:25px;}


/*--t-txt-type06--*/
.t-txt-type06{overflow:hidden;}
.t-txt-type06-list{display:flex;flex-wrap:wrap;justify-content:space-between;}
.t-txt-type06-list .item{margin-bottom:24px;padding:30px 20px;width:calc(50% - 255px);border:#f0f0f0 solid 1px;transition:all .5s;float: left;}
.t-txt-type06-list .item .tit{position:relative;display:flex;align-items:center;padding-bottom:20px;overflow:hidden;}
.t-txt-type06-list .item .tit:before,.t-txt-type06-list .item .tit:after{display:block;position:absolute;left:0;bottom:0;content:"";}
.t-txt-type06-list .item .tit:before{z-index:1;width:100%;height:1px;background:#f0f0f0;}
.t-txt-type06-list .item .tit:after{z-index:2;width:30px;height:2px;background:#008cd6;}
.t-txt-type06-list .item .tit h3{font:normal 18px/1.5 "å¾®è½¯é›…é»‘";color:#333;font-weight:bold;}
.t-txt-type06-list .item .cont{padding-top:20px;overflow:hidden;min-height:60px;}
.t-txt-type06-list .item .cont p{font:normal 16px/1.75"å¾®è½¯é›…é»‘";color:#666;}

/*--服务内容--*/
.se_ne {overflow: hidden; padding: 2%; line-height:30px;border: 1px solid #f2f2f2;font-size:16px;}
.se_ne span {font-size:20px; color: #0087ee;font-weight:bold;}

.nu_mi {overflow: hidden;}
.nu_mi1 {float:right;margin-top:10px;width: 350px;}
.nu_mi1 .item1 {margin-bottom:24px;padding:30px 20px;border:#f0f0f0 solid 1px;transition:all .5s;}
.nu_mi1 .item1 .tit{position:relative;display:flex;align-items:center;padding-bottom:20px;overflow:hidden;}
.nu_mi1 .item1 .tit:before,.t-txt-type06-list .item .tit:after{display:block;position:absolute;left:0;bottom:0;content:"";}
.nu_mi1 .item1 .tit:before{z-index:1;width:100%;height:1px;background:#f0f0f0;}
.nu_mi1 .item1 .tit:after{z-index:2;width:30px;height:2px;background:#008cd6;}
.nu_mi1 .item1 .tit h3{font:normal 18px/1.5 "å¾®è½¯é›…é»‘";color:#333;font-weight:bold;}
.nu_mi1 .item1 .cont{padding-top:20px;overflow:hidden;}
.nu_mi1 .item1 .cont p{font:normal 16px/1.75"å¾®è½¯é›…é»‘";color:#666;}

.nu_mi2 {text-align: center; float:left;}
.nu_mi2 img {width:800px; height: auto;}

.item1_0 {overflow: hidden; margin-bottom:20px;text-align:right;font-weight:bold;}
.tit_2 {border-bottom: 3px solid #eee; font-size:16px; line-height: 30px;letter-spacing:2px; padding-right: 3%;padding-bottom:2%;}
.tit_3 {font-size:30px; color: #0087ee; line-height:40px;letter-spacing:2px; margin: 10px 0;padding-right: 3%;}

.tit_33 {font-size:30px; color: #333;padding-right: 3%;padding-bottom:4%;}
.tit_33 span {color: #FC0004;}

.tit_4 {border-bottom: 3px solid #eee;padding:0 3% 3% 0;text-transform: uppercase;letter-spacing:2px;color: #666; }

.item_a5w{overflow: hidden;}
.item_a5w ul {margin-right: -2%；}
.item_a5w li {float: left; width:23%; font-size:16px;border-bottom:1px solid #eee; margin-right:2%;text-align: center;padding-bottom: 2%; margin-bottom:2%;}

.ite_maw {overflow: hidden; width:100%; padding-right: 3%;border-bottom:3px solid #eee;line-height:45px; font-size:16px;text-align: center; margin-bottom:4%;font-weight:bold;}

/*联系方式*/
.lswm { overflow: hidden;margin-bottom:20px; padding: 2%;border: 1px solid #f2f2f2;}
.lswm_1 { float:left; width:calc(100% - 620px);}
.lswm_2 { float:right; width:590px;line-height:30px;margin-top:30px;}
.lswm_2 span { font-size:25px;font-weight: bold;}
.lswm_a { overflow: hidden; margin-top: 15px;}

.contact-form { overflow:hidden;padding: 2%; margin-bottom:30px; border: 1px solid #f2f2f2;}
.contact-form .hd { overflow:hidden;}
.contact-form .hd h2{ font-size:26px;color:#333;line-height:1.25;}
.contact-form .hd p{ margin-top:1rem;font-size:1rem;line-height:1.25;color:#999;}
.contact-form .bd { margin-top:50px;}
.contact-form .bd .iptBox{ display:flex;flex-wrap:wrap;justify-content:space-between;}
.contact-form .bd .iptBox input{padding:1% 1%;width:30%;height:40px;font-size:16px;background:#f2f2f2;border:none;border-radius:5px;outline:none;transition:all 1s;}
.contact-form .bd .iptBox input::-webkit-input-placeholder{color:#999;}
.contact-form .bd .iptBox input:hover{ background:#f2f2f2;box-shadow:0 0 2rem rgba(0,0,0,0.1);}
.contact-form .bd .txtBox{ margin-top:3.125rem;}
.contact-form .bd .txtBox textarea{ display:block;padding:2% 2%;width:96%;height:10rem;font-size:16px;background:#f2f2f2;border:none;outline:none;resize:none;transition:all 1s;}
.contact-form .bd .txtBox textarea::-webkit-input-placeholder{ color:#999;}
.contact-form .bd .txtBox textarea:hover{ background:#fff;box-shadow:0 0 2rem rgba(0,0,0,0.1);}
.contact-form .bd .btnBox{ margin-top:3.125rem;overflow:hidden;}
.contact-form .bd .btnBox a{ display:block;float:right;width:450px;height:60px;line-height:60px;font-size:16px;color:#fff;text-align:center;background:#0087ee;border-radius:5px;}


