/*-----  Global  ----*/
*{margin:0px;padding:0px; border-width:0;}
body{font-size:14px; font-family:"Microsoft YaHei";color:#555;}
a,a:visited{text-decoration:none!important;color:#555;}
a:hover,a:active{text-decoration:none!important;color:#555;}
ul li{list-style:none;}
.clear{clear:both; height:0px; width:0px; overflow:hidden;}
.clearfix:after {content: "."; display: block; height:0; clear:both; visibility: hidden;}
.clearfix{display: inline-table;}
/* Hides from IE-mac \*/ 
*html .clearfix {height: 1%;}
.clearfix {display: block;}
.floatLeft{float:left;}
.floatRight{float:right;}
.mt0{margin-top:0;}
.mt10{margin-top:10px;}
.mt15{margin-top:15px;}
.mt20{margin-top:20px;}
.mt50{margin-top:50px;}
.mt80{margin-top:80px;}
::-webkit-input-placeholder
{color:#ccc;}
:-moz-placeholder
{color:#ccc;}
::-moz-placeholder
{color:#ccc;}
:-ms-input-placeholder
{color:#ccc;}
/* top*/
#topbg{padding:16px 0 9px;position:fixed;width:100%;left:0;top:0;z-index:9999;}
.top{}
.top .top_left{width:288px;float:left;text-align:center;}
.top .top_left .logo{display:inline-block;width:181px;height:44px;background:url(../../../Upload/image/logo.png) no-repeat center center;transition: 0.4s;-webkit-transition: 0.4s;-moz-transition: 0.4s;-o-transition: 0.4s;}
.top .top_left p{margin:0;font-size:24px;font-weight:bold;color:#221815;height:32px;line-height:32px;margin-top:6px;}
.top .right{float:right;padding-bottom:2px;}
.top .right p{margin:0;height:30px;line-height:30px;text-align:right;}
.top .right p span{display:inline-block;padding-left:24px;height:30px;line-height:30px;background:url(../../../Upload/image/topphone.png) no-repeat left center;font-size:14px;color:#FFF;}
.top .right .pcnav{position:relative;}
.top .right .pcnav ul{margin:0;font-size:0;-webkit-text-size-adjust:none;}
.top .right .pcnav .firstfloor>li{display:inline-block;height:50px;line-height:50px;font-size:16px;color:#FFF;text-align:center;position:relative;padding:0 20px;}
.top .right .pcnav .firstfloor>li:first-child{margin-left:0;}
.top .right .pcnav .firstfloor>li>a{display:inline-block;height:50px;line-height:50px;color:#FFF;}
.top .right .pcnav .firstfloor>li:hover{background:#007fcb;}
.top .right .pcnav .firstfloor>li:hover>a{color:#FFF;}
.top .right .pcnav .secondfloor{position:absolute;left:0;top:100%;z-index:9999;display:none;background:#FFF;min-width:100%;box-sizing:border-box;white-space:nowrap;padding:0 10px;}
.top .right .pcnav .secondfloor>li{border-bottom:1px solid #E4EAEC;width:100%;line-height:40px;height:40px;font-size:13px;margin-left:0;}
.top .right .pcnav .secondfloor>li>a{width:100%;height:100%;display:block;color:#76838F;}
.top .right .pcnav .secondfloor li a:hover{color:#000;}
#topbg.topfix{background:#FFF;box-shadow:0 0 3px rgba(0,0,0,.4);}
#topbg.topfix .top_left{width:221px;}
#topbg.topfix .top_left .logo{width:221px;height:54px;background:url(../../../Upload/image/blogo.png) no-repeat center center;}
#topbg.topfix .top_left p{font-size:16px;letter-spacing:1.8px;height:22px;line-height:22px;}
#topbg.topfix .right p span{background:url(../../../Upload/image/ntopphone.png) no-repeat left center;color:#767676;}
#topbg.topfix .right .pcnav .firstfloor>li>a{color:#323232;}
#topbg.topfix .right .pcnav .firstfloor>li:hover>a{color:#FFF;}
/*mobilehead*/
#mobilehead{height:70px;width:100%;display:none;}
#mobilehead .logo{width:calc(100% - 120px);height:70px;display:block;float:left;background:url(../../../Upload/image/logo.png) no-repeat 10px center;background-size:auto 50px;}
#mobilehead .nav{float:right;}
#mobilehead .nav_bg{display:none;position:fixed;top:70px;left:0;z-index:989;width:100%;height:calc(100% - 70px);background:rgba(0, 0, 0, 0.6);animation:fade-in .43s ease 0s;-webkit-animation:fade-in .43s ease 0s;}
#mobilehead .nav .nav_box{display:none;position:absolute;top:70px;left:0;z-index:991;width:100%;overflow:auto;border-top:1px solid #eee;background:#fff;box-sizing:border-box;}
#mobilehead .nav .nav_one>li{border-bottom:1px solid #eee;padding:0 10px;}
#mobilehead .nav .nav_one>li>span{height:42px;line-height:42px;font-size:15px;}
#mobilehead .nav .nav_one>li>span>a{display:block;position:relative;width:calc(100% - 150px);height:42px;box-sizing:border-box;font-size:15px;color:#666;line-height:42px;float:left;}
#mobilehead .nav .nav_one>li>span>i{float:right;display:block;width:150px;height:42px;}
#mobilehead .nav .nav_one>li>span>i>em{float:right;width:42px;height:42px;background:url(../../../Upload/image/+.png) no-repeat center center;-webkit-transition:-webkit-transform .3s ease-out;transition:transform .3s ease-out;display:block;}
#mobilehead .nav .nav_one>li>span>i>em.on{-ms-transform:rotate(45deg);-webkit-transform:rotate(45deg);transform:rotate(45deg);}
#mobilehead .nav .nav_one>li>ul{display:none;}
#mobilehead .nav .nav_one>li>ul>li{height:36px;line-height:36px;text-indent:20px;}
#mobilehead .nav .nav_one>li>ul>li>a{font-size:15px;color:#666;width:100%;height:100%;display:block;}
#mobilehead .nav .push-nav{display:block;position:relative;z-index:998;width:54px;height:50px;font-size:0;margin-right:8px;background:rgba(138,138,138,.5);margin-top:10px;border-radius:5px;}
#mobilehead .nav .push-nav .nav-toggle{display:block;position:absolute;left:50%;top:50%;border:0;border-radius:4px;cursor:pointer;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);}
#mobilehead .nav .push-nav.on .nav-toggle{margin-left:-4px;}
#mobilehead .nav .push-nav .nav-toggle span{display:block;position:relative;z-index:1;width:37px;height:2px;margin:0 0 10px auto;background:#8a8a93;border-radius:3px;-webkit-transform-origin:35px;transform-origin:35px;-webkit-transition:all .5s;transition:all .5s;}
#mobilehead .nav .push-nav .nav-toggle span.two{width:30px;}
#mobilehead .nav .push-nav .nav-toggle span:last-child{margin-bottom:0;}
#mobilehead .nav .push-nav.on .nav-toggle span{ opacity:1;}
#mobilehead .nav .push-nav.on .nav-toggle span:nth-child(3){-webkit-transform:rotate(45deg);transform:rotate(45deg);}
#mobilehead .nav .push-nav.on .nav-toggle span:nth-child(2){-webkit-transform:scale(0);transform:scale(0);}
#mobilehead .nav .push-nav.on .nav-toggle span:nth-child(1){-webkit-transform:rotate(-45deg);transform: rotate(-45deg);}
#mobilehead .nav .nav_contact{position:relative;border-top:1px solid #eee;color:#666;}
#mobilehead .nav .nav_contact .nav_txt{width:100%;}
#mobilehead .nav .nav_contact .nav_txt span{height:42px;line-height:42px;display:block;float:left;position:relative;text-indent:15px;margin-left:10px;font-size:15px;}
#mobilehead .nav .nav_contact .nav_txt span a{color:#666;}
#mobilehead .nav .nav_contact .nav_txt span.sitemapicon{background:url(../../../Upload/image/mobilesitemap.png) no-repeat left center;background-size:auto 15px;}
#mobilehead .nav .nav_contact .nav_txt span.topphoneicon{background:url(../../../Upload/image/mobilephone.png) no-repeat left center;background-size:auto 15px;}
#mobilehead .nav .nav_contact .nav_txt span.topemailicon{background:url(../../../Upload/image/mobileemail.png) no-repeat left center;background-size:auto 15px;text-indent:25px;}
/*flash*/
.index_banner{width:100%;height:0;padding-bottom:46.875%;position:relative;overflow:hidden;}
.index_banner .swiper-wrapper{position:absolute;left:0;top:0;width:100%;height:100%;}
.index_banner .swiper-slide img{display:block;width:100%;height:100%;object-fit:cover;}
.index_banner .swiper-pagination-bullet{border:2px solid #FFF;opacity:1;background:transparent;}
.index_banner .swiper-pagination-bullet-active{background:#FFF;}
/*pb_title*/
.pb_title{text-align:center;position:relative;}
.pb_title h2{margin:0;font-size:40px;color:#080808;text-align:center;font-weight:bold;height:50px;line-height:50px;position:relative;}
.pb_title p{margin:0;color:#858585;text-align:center;line-height:22px;margin-top:9px;}
/*product*/
#productbg{background:#F6F6F6;padding:40px 0 70px;position:relative;}
.product{background:url(../../../Upload/image/fontbg.png) no-repeat center 35px;}
.product .p_span{margin-top:22px;text-align:center;font-size:0;-webkit-text-size-adjust:none;}
.product .p_span span{display:inline-block;height:42px;line-height:40px;border:1px solid #E5E5E5;background:#FFF;padding:0 40px;border-radius:21px;font-size:16px;color:#656565;margin-left:14px;}
.product .p_span span a{width:100%;height:100%;display:inline-block;}
.product .p_span span:first-child{margin-left:0;}
.product .p_span span:hover{background:#007fcb;border:1px solid #007fcb;color:#FFF;}
.product .p_span span:hover a{color:#FFF;}
.product .p_ul{position:relative;margin-top:15px;}
.product .p_ul .p_li{width:23.2%;margin-left:2.4%;float:left;margin-top:28px;}
.product .p_ul .p_li:nth-child(4n+1){margin-left:0;}
.product .p_ul .p_li .p_img{width:100%;padding-bottom:75%;position:relative;}
.product .p_ul .p_li .p_img img{display:block;width:100%;height:100%;border:1px solid #E8E8E8;position:absolute;left:0;top:0;border-bottom:none;}
.product .p_ul .p_li p{margin:0;line-height:49px;height:49px;text-align:center;color:#FFF;background:#007fcb;font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.product .p_ul .p_li p a{color:#FFF;}
/*service*/
#servicebg{background:url(../../../Upload/image/s_bg.jpg) no-repeat center center;background-size:cover;padding:68px 0 77px;position:relative;}
.s_right{width:50%;bottom:0;right:0;position:absolute;z-index:0;}
.s_right img{width:100%;height:auto;display:block;}
.service{margin-top:30px;}
.service .s_left{width:50%;float:left;}
.service .s_left .s_num{display:inline-block;height:123px;line-height:123px;position:relative;}
.service .s_left .s_num em{font-style:normal;font-size:150px;font-family:Impact;color:#efefef;}
.service .s_left .s_num span{display:block;position:absolute;left:0;top:50%;margin-top:-20px;width:100%;height:40px;line-height:40px;font-size:24px;font-weight:bold;color:rgba(255,255,255,.73);text-align:center;background:#dedede;}
.service .s_left .s_title{margin-top:16px;}
.service .s_left .s_title span{color:#333;display:block;}
.service .s_left .s_title span:first-child{font-family:Impact;height:40px;line-height:40px;font-size:30px;text-transform:uppercase;}
.service .s_left .s_title span:last-child{height:46px;line-height:46px;font-size:36px;font-weight:bold;}
.service .s_left p{margin:0;font-size:15px;line-height:27px;color:#333;margin-top:15px;}
.service .s_left .s_ul{margin-top:26px;font-size:0;-webkit-text-size-adjust:none;text-align:center;}
.service .s_left .s_ul .s_li{display:inline-block;margin-left:28px;}
.service .s_left .s_ul .s_li:first-child{margin-left:0;}
.service .s_left .s_ul .s_li i{display:block;width:100%;height:47px;margin-top:21px;}
.service .s_left .s_ul .s_li i.icon1{background:url(../../../Upload/image/s_icon1.png) no-repeat center bottom;}
.service .s_left .s_ul .s_li i.icon2{background:url(../../../Upload/image/s_icon2.png) no-repeat center bottom;}
.service .s_left .s_ul .s_li i.icon3{background:url(../../../Upload/image/s_icon3.png) no-repeat center bottom;}
.service .s_left .s_ul .s_li i.icon4{background:url(../../../Upload/image/s_icon4.png) no-repeat center bottom;}
.service .s_left .s_ul .s_li p{margin:0;margin-top:21px;font-size:14px;color:#333;height:20px;line-height:20px;}
.service .s_left .s_ul .s_li p br{display:none;}
.service .s_left .s_p{margin-top:21px;padding-bottom:37px;}
.service .s_left .s_p p{margin:0;line-height:26px;font-size:14px;margin-top:20px;position:relative;padding-left:20px;}
.service .s_left .s_p p:before{content:'';width:10px;height:10px;border:2px solid #0091be;border-radius:50%;position:absolute;left:0;top:8px;}
.service_btn{margin:0px auto 50px;background:#FFF000;position:relative;z-index:1;}
.service_btn .s_btn{width:50%;float:left;padding:21px 0 27px;text-align:center;font-size:0;-webkit-text-size-adjust:none;cursor:pointer;}
.service_btn .s_btn i{width:100%;height:45px;display:inline-block;}
.service_btn .s_btn i.icon1{background:url(../../../Upload/image/s_bg1.png) no-repeat center center;}
.service_btn .s_btn i.icon2{background:url(../../../Upload/image/s_bg2.png) no-repeat center center;}
.service_btn .s_btn p{margin:0;height:26px;line-height:26px;margin-top:10px;text-align:center;font-size:18px;color:#333;}
.service_btn .s_btn.on{background:#0075C2;}
.service_btn .s_btn.on i.icon1{background:url(../../../Upload/image/s_bg1_hover.png) no-repeat center center;}
.service_btn .s_btn.on i.icon2{background:url(../../../Upload/image/s_bg2_hover.png) no-repeat center center;}
.service_btn .s_btn.on p{color:#FFF;}
/*case*/
#casebg{background:url(../../../Upload/image/casebg.jpg) no-repeat center center;background-size:cover;padding:40px 0 65px;position:relative;}
.case{margin-top:12px;}
.case .case_li{width:23.5%;margin-left:2%;float:left;margin-top:20px;background:#FFF;border:1px solid #D8D8D9;padding:6px;}
.case .case_li:nth-child(4n+1){margin-left:0;}
.case .case_li .c_img{width:100%;padding-bottom:75%;position:relative;}
.case .case_li .c_img img{display:block;width:100%;height:100%;position:absolute;left:0;top:0;object-fit:cover;}
.case .case_li .c_txt{padding:7px 0 15px;}
.case .case_li .c_txt p{margin:0;height:20px;line-height:20px;font-size:14px;color:#58565a;text-align:center;margin-top:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.case .case_li .c_txt p a{color:#58565a;}
.case .case_li .c_txt p span{display:inline-block;padding-left:20px;font-size:12px;color:#a9a9ab;background:url(../../../Upload/image/case_icon.png) no-repeat left center;}
/*news*/
#newsbg{background:#F6F6F6;padding:50px 0 65px;}
.news{}
.news .news_title{margin-top:25px;text-align:center;font-size:0;-webkit-text-size-adjust:none;}
.news .news_title span{display:inline-block;padding:0 65px;height:42px;line-height:40px;border:1px solid #d4d4d4;text-align:center;color:#2f2f2f;font-size:18px;position:relative;cursor:pointer;margin-left:12px;border-radius:21px;}
.news .news_title span:first-child{margin-left:0;}
.news .news_title span.hover,.news .news_title span:hover{border:1px solid #007fcb;color:#FFF;background:#007fcb;}
.news .news_list{margin-top:27px;}
.news .news_list .news_li{display:block;width:calc(100% - 595px);float:right;margin-top:10px;}
.news .news_list .news_li:first-child{width:567px;float:left;}
.news .news_list .news_li .news_img{width:100%;padding-bottom:286px;position:relative;}
.news .news_list .news_li .news_img img{display:block;width:100%;height:100%;position:absolute;left:0;top:0;object-fit:cover;}
.news .news_list .news_li .news_txt{padding:16px 30px 21px;background:#0080cb;}
.news .news_list .news_li .news_txt p{margin:0;color:#FFF;margin-top:5px;}
.news .news_list .news_li .news_txt p a{color:rgba(255,255,255,.5);}
.news .news_list .news_li .news_txt p:first-child{height:30px;line-height:30px;font-size:20px;font-weight:bold;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.news .news_list .news_li .news_txt p:nth-child(2){line-height:27px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;min-height:54px;}
.news .news_list .news_li .news_p{padding:7px 25px 23px;background:#FFF;}
.news .news_list .news_li .news_p .news_date{width:76px;padding-right:22px;position:relative;padding-top:14px;float:left;}
.news .news_list .news_li .news_p .news_date:after{content:'';width:1px;height:40px;background:#CCC;position:absolute;right:0;top:25px;}
.news .news_list .news_li .news_p .news_date span{display:block;text-align:center;}
.news .news_list .news_li .news_p .news_date span:first-child{height:40px;line-height:40px;font-size:30px;color:#000;font-weight:bold;}
.news .news_list .news_li .news_p .news_date span:last-child{font-size:12px;height:16px;line-height:16px;margin-top:3px;color:#7D7D7D;}
.news .news_list .news_li .news_p .news_pp{width:calc(100% - 76px);padding-left:15px;float:right;padding-bottom:3px;}
.news .news_list .news_li .news_p .news_pp p{margin:0;margin-top:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.news .news_list .news_li .news_p .news_pp p:first-child{font-size:18px;line-height:26px;height:26px;color:#353535;}
.news .news_list .news_li .news_p .news_pp p:last-child{font-size:14px;height:24px;line-height:24px;}
/*friendlink*/
#friendlinkbg{border-top:1px solid #E2E2E2;background:#FFF;padding:17px 0 29px;border-bottom:1px solid #DFDDDE;}
.friendlink{position:relative;}
.friendlink .left{width:142px;float:left;height:64px;line-height:64px;color:#727272;font-size:46px;font-weight:bold;margin-top:10px;}
.friendlink .right{width:calc(100% - 142px);float:right;color:#727272;font-size:0;-webkit-text-size-adjust:none;}
.friendlink .right a{color:#727272;white-space:nowrap;display:inline-block;font-size:14px;padding:10px 10px 14px;}
/*foot*/
#footbg{background:#202020;padding:56px 0 35px;}
.foot{}
.foot .f_p{margin:0;height:36px;line-height:36px;font-size:24px;font-weight:bold;color:#FFF;}
.foot .f_input{margin-top:13px;}
.foot .f_input input{height:50px;line-height:48px;padding:0 10px 0 58px;float:left;outline:none;border:1px solid #5B5B5B;color:#FFF;}
.foot .f_input input.input1{width:20%;margin-top:10px;background:url(../../../Upload/image/f_input_icon1.png) no-repeat 16px center #636363;}
.foot .f_input input.input2{width:22%;margin-left:1.5%;margin-top:10px;background:url(../../../Upload/image/f_input_icon2.png) no-repeat 16px center #636363;}
.foot .f_input .f_content{width:35.5%;margin-left:1.5%;height:50px;line-height:48px;float:left;outline:none;padding:0 10px 0 58px;resize:none;margin-top:10px;background:url(../../../Upload/image/f_input_icon3.png) no-repeat 16px center #636363;color:#FFF;}
.foot .f_input input.f_btn{width:18%;background:#FFFA02;display:block;text-align:center;margin-left:1.5%;font-size:15px;outline:none;margin-top:10px;color:#727272;padding:0;border:none;}
.foot .f_input input::-webkit-input-placeholder{color:#4A4A4A;}
.foot .f_input input:-moz-placeholder{color:#4A4A4A;}
.foot .f_input input::-moz-placeholder{color:#4A4A4A;}
.foot .f_input input:-ms-input-placeholder{color:#4A4A4A;}
.foot .f_input textarea::-webkit-input-placeholder{color:#4A4A4A;}
.foot .f_input textarea:-moz-placeholder{color:#4A4A4A;}
.foot .f_input textarea::-moz-placeholder{color:#4A4A4A;}
.foot .f_input textarea:-ms-input-placeholder{color:#4A4A4A;}
.foot .f_shuoming{margin:0;height:20px;line-height:20px;color:#999;margin-top:20px;}
.foot .f_contanct{margin-top:10px;}
.foot .f_contanct .f_txt{width:calc(100% - 268px);float:left;padding-bottom:5px;}
.foot .f_contanct .f_txt .f_li{width:50%;float:left;margin-top:15px;}
.foot .f_contanct .f_txt .f_li i{width:50px;height:50px;border:1px solid #2C2C2C;border-radius:50%;display:block;float:left;}
.foot .f_contanct .f_txt .f_li i.icon1{background:url(../../../Upload/image/foot_icon1.png) no-repeat center center;}
.foot .f_contanct .f_txt .f_li i.icon2{background:url(../../../Upload/image/foot_icon2.png) no-repeat center center;}
.foot .f_contanct .f_txt .f_li i.icon3{background:url(../../../Upload/image/foot_icon3.png) no-repeat center center;}
.foot .f_contanct .f_txt .f_li i.icon4{background:url(../../../Upload/image/foot_icon4.png) no-repeat center center;}
.foot .f_contanct .f_txt .f_li .f_pp{width:calc(100% - 70px);float:right;margin-top:2px;}
.foot .f_contanct .f_txt .f_li .f_pp p{margin:0;}
.foot .f_contanct .f_txt .f_li .f_pp p span{font-size:30px;font-family:Impact;vertical-align:middle;color:#CCC;}
.foot .f_contanct .f_txt .f_li .f_pp p:first-child{height:22px;line-height:22px;font-size:14px;color:#5f5f64;text-transform:uppercase;font-weight:bold;}
.foot .f_contanct .f_txt .f_li .f_pp p:last-child{height:26px;line-height:26px;font-size:14px;color:#FFF;}
.foot .f_contanct .f_right{width:248px;float:right;}
.foot .f_contanct .f_right .fr_li{width:115px;float:left;margin-left:18px;}
.foot .f_contanct .f_right .fr_li:first-child{margin-left:0;}
.foot .f_contanct .f_right .fr_li img{width:115px;height:115px;display:block;}
.foot .f_contanct .f_right .fr_li p{margin:0;height:20px;line-height:20px;font-size:12px;text-align:center;color:#FFF;}
/*footbottom*/
#footbottombg{background:#1B1B1B;padding:29px 0 37px;}
.footbottom{}
.footbottom p{margin:0;line-height:22px;color:#838383;}
.footbottom p a{color:#838383;}
.footbottom p span{display:inline-block;margin-right:5px;}
/*stylepbulic*/
#stylepbulic{width:100%;height:340px;background-repeat:no-repeat;background-position:center top;background-size:cover;}
#stylesubnav{width:100%;height:50px;border-bottom:1px solid #E0E0E0;}
#stylesubnav .xq_c{padding:0;}
#stylesubnav .xq_crumbs{background:url(../../../Upload/image/position.png) no-repeat left 18px;background-size:auto 12px;line-height:29px;float:left;padding:10px 0 10px 20px;}
#stylesubnav .xq_nav{float:right;font-size:0;-webkit-text-size-adjust:none;}
#stylesubnav .xq_nav a{display:inline-block;height:49px;line-height:49px;padding:0 18px;text-align:center;position:relative;font-size:14px;}
#stylesubnav .xq_nav a.on{background:#1767CA;color:#FFF;}
#stylesubnav .xq_nav a.on .san{position:absolute;left:50%;margin-left:-10px;bottom:-10px;width:0;height:0;border-left:10px solid transparent;border-right:10px solid transparent;border-top:10px solid #1767CA;display:block;}

/*px*/
#px_banner{width:100%;padding-bottom:15.625%;position:relative;z-index:9;margin-top:107px;}
#px_banner.b_banner{padding-bottom:32.66%;}
#px_banner img{width:100%;height:100%;position:absolute;top:0;left:0;object-fit:cover;}
.px_txt{position:absolute;width:100%;height:100%;left:0;top:0;}
.px_txt .px_txt_p{position:absolute;top:50%;transform:translateY(-50%);left:0;width:100%;text-align:center;}
.px_txt .px_txt_p h2{margin:0;line-height:60px;height:60px;font-size:48px;font-weight:bold;color:#FFF;display:inline-block;padding:0 25px;position:relative;}
.px_txt .px_txt_p h2:before{content:'';position:absolute;width:55px;height:1px;background:#FFF;left:-55px;top:50%;}
.px_txt .px_txt_p h2:after{content:'';position:absolute;width:55px;height:1px;background:#FFF;right:-55px;top:50%;}
.px_txt .px_txt_p p{margin:0;margin-top:13px;height:30px;line-height:30px;font-size:26px;color:#FFF;text-transform:uppercase;}
.pnav_ul{font-size:0;-webkit-text-size-adjust:none;text-align:left;margin-top:-70px;position:relative;z-index:10;}
.pnav_ul a{height:34px;line-height:34px;background:#FFF;display:inline-block;margin-right:15px;font-size:16px;color:#444;padding:0 29px;}
.pnav_ul a:last-child{margin-right:0;}
.pnav_ul a.on{background:#9D48A5;color:#FFF;}

/*视频弹出*/
#tan_box{display:none;position:fixed;left:0px;top:0px;right:0px;bottom:0px;background:rgba(0, 0, 0, 0.8);z-index:1000;}
.tan_box{position:absolute;left:0px;top:0px;right:0px;bottom:0px;padding:50px;display:-webkit-box;display:-moz-box;display:-webkit-flex;
    display:-ms-flexbox;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;}
.tan_box .box{position:relative;background:#fff url(../../../Upload/image/loading.gif) center center no-repeat;padding:10px;box-shadow:0 0 15px #ccc;border-radius:5px 0 5px 5px;}
.tan_box .box video{max-width:1000px;width:100%;height:auto;display:block;overflow:hidden;}
.tan_box .v_close{width:36px;height:36px;text-align:center;position:absolute;right:0px;top:-36px;cursor:pointer;box-shadow:0 0 5px #ccc;border-radius:5px 5px 0 0;background:url(../../../Upload/image/closeicon.png) no-repeat center center #FFF;}

/*gundong*/
.gundong{width:50px;height:40px;background:url(../../../Upload/image/gundong.png) no-repeat center center;position:absolute;left:50%;margin-left:-25px;display:block;z-index:999;}

/*响应式定义*/
@media screen and (max-width:365px){
	.l-365{display:none;}
}
@media screen and (max-width:410px){
	.l-415{display:none;}
}
@media screen and (max-width:499px){
	.l-499{display:none;}
}
@media screen and (min-width:500px){
	.h-500{display:none;}
}
@media screen and (max-width:667px){
	.l-667{display:none;}
}
@media screen and (min-width:668px){
	.h-668{display:none;}
}
@media screen and (max-width:767px){
	.l-767{display:none;}
}
@media screen and (min-width:768px){
	.h-768{display:none;}
}
@media screen and (max-width:991px){
	.l-991{display:none;}
}
@media screen and (min-width:991px){
	.h-991{display:none;}
}
@media screen and (max-width:1023px){
	.l-1023{display:none;}
}
@media screen and (min-width:1024px){
	.h-1024{display:none;}
}
@media screen and (min-width:500px) and (max-width:991px){
	.l-500-991{display:none;}
}
@media screen and (min-width:688px) and (max-width:991px){
	.l-688-991{display:none;}
}
/*1440以上屏幕*/
@media (min-width:1440px){
	.container{width:1200px;}
}
/*1700以上屏幕*/
@media screen and (max-width:1439px){
	.container{width:1200px;}
	#servicebg{padding:35px 0 40px;}
	.service .s_left .s_ul{margin-top:20px;}
	.service_btn{margin-bottom:20px;}
}
/*1200以下屏幕*/
@media screen and (max-width:1229px){
	.container{width:994px;}
	.top .top_left{width:216px;}
	.top .top_left p{font-size:18px;}
	.top .right .pcnav .firstfloor>li{padding:0 13px;}
	#productbg{padding:30px 0;}
	.product .p_span{margin-top:15px;}
	.product .p_ul{margin-top:0;}
	.product .p_ul .p_li{width:24.4%;margin-left:0.8%;margin-top:15px;}
	#servicebg{padding:20px 0 20px;}
	.service .s_left .s_num{height:90px;line-height:90px;}
	.service .s_left .s_num em{font-size:108px;}
	.service .s_left .s_num span{font-size:18px;}
	.service .s_left .s_title span:first-child{height:34px;line-height:34px;font-size:24px;}
	.service .s_left .s_title span:last-child{height:40px;line-height:40px;font-size:30px;}
	.service .s_left p{margin-top:10px;}
	.service .s_left .s_ul{margin-top:0;}
	.service .s_left .s_ul .s_li{width:25%;margin-left:0;}
	.service .s_left .s_ul .s_li p{text-align:center;height:auto;}
	.service .s_left .s_ul .s_li p br{display:block;}
	.service_btn{margin-bottom:10px;}
	#casebg{padding:30px 0;}
	.case{margin-top:0;}
	.case .case_li{width:24.4%;margin-left:0.8%;margin-top:15px;}
	#newsbg{padding:30px 0;}
	.news .news_title{margin-top:15px;}
	.news .news_list{margin-top:10px;}
	.news .news_list .news_li{width:calc(100% - 510px);}
	.news .news_list .news_li:first-child{width:490px;}
	#friendlinkbg{padding:10px 0 10px;}
	#footbg{padding:30px 0;}
	.foot .f_contanct .f_txt .f_li .f_pp{width:calc(100% - 56px);}
	#footbottombg{padding:20px 0;}
	
	#lefttop{display:none;}
	#px_banner{padding-bottom:25%;}

	.gundong{display:none;}
}
/*992以下屏幕*/
@media screen and (max-width:1023px){
	.container{width:calc(100% - 30px);}
	#topbg{display:none;}
	#mobilehead{display:block;}
	#mobilehead.mhead{background:#FFF;position:fixed;z-index:9999;top:0;box-shadow:0 2px 5px rgba(0,0,0,.6);}
	#mobilehead .nav_bg.nav_bg1{height:70px;height:calc(100% - 70px);}
	#mobilehead .nav .nav_box.nav_box1{top:70px;}
	.index_banner{padding-bottom:35%;}
	#productbg{padding:20px 0;}
	.product .p_ul .p_li{width:32%;margin-left:2%;}
	.product .p_ul .p_li:nth-child(4n+1){margin-left:2%;}
	.product .p_ul .p_li:nth-child(3n+1){margin-left:0;}
	#servicebg{background:url(../../../Upload/image/s_leftbg.jpg) no-repeat center center;background-size:cover;padding:20px 0 20px;}
	.service .s_left{width:100%;float:none;}
	.service .s_left .s_ul .s_li p br{display:none;}
	.s_right{position:relative;width:100%;margin-top:25px;padding-bottom: 65%;}
	.s_right img{width:100%;height:100%;display:block;position:absolute;left:0;top:0;object-fit:cover;object-position:0 -120px;}
	.service_btn{width:100%;}
	#casebg{padding:20px 0;}
	.case .case_li{width:32%;margin-left:2%;}
	.case .case_li:nth-child(4n+1){margin-left:2%;}
	.case .case_li:nth-child(3n+1){margin-left:0;}
	#newsbg{padding:20px 0;}
	.news .news_list .news_li{width:100%;float:none;}
	.news .news_list .news_li:first-child{width:100%;float:none;}
	.news .news_list .news_li .news_img{padding-bottom:50.44%;}
	.friendlink .left{width:100%;margin-top:0;text-align:center;float:none;font-size:40px;height:50px;line-height:50px;}
	.friendlink .right{width:100%;float:none;}
	.friendlink .right a{padding:0 10px;height:22px;line-height:22px;}	
	#footbg{padding:20px 0 20px;}
	.foot .f_input input.input1{width:49%;}
	.foot .f_input input.input2{width:49%;margin-left:2%;}
	.foot .f_input .f_content{width:calc(100% - 180px);margin-left:0;}
	.foot .f_input input.f_btn{width:160px;margin-left:20px;}
	.foot .f_shuoming{margin-top:10px;}
	.foot .f_contanct .f_txt{width:100%;float:none;}
	.foot .f_contanct .f_right{display:none;}
	#footbottombg{padding:20px 0 70px;}
	#px_banner{padding-bottom:31%;margin-top:0;}

	#stylesubnav{height:auto;border-bottom:none;}
	#stylesubnav .xq_crumbs{width:100%;float:none;border-bottom:1px solid #E0E0E0;}
	#stylesubnav .xq_nav{float:none;margin-top:15px;width:100%;display:table;}
	#stylesubnav .xq_nav a{background:#EEE;border-right:1px solid #FFF;padding:0 0;display:table-cell;}
	#stylesubnav .xq_nav a.on .san{display:none;}	
}
/*768以下屏幕*/
@media screen and (max-width:767px){
	.pb_title h2{height:36px;line-height:36px;font-size:26px;}
	.product .p_span span{padding:0 35px;}
	.product .p_ul .p_li{width:49%;margin-left:2%;}
	.product .p_ul .p_li:nth-child(4n+1){margin-left:2%;}
	.product .p_ul .p_li:nth-child(3n+1){margin-left:2%;}
	.product .p_ul .p_li:nth-child(odd){margin-left:0;}
	.service_btn .s_btn{padding:10px 0 10px;}
	.case .case_li{width:49%;margin-left:2%;}
	.case .case_li:nth-child(4n+1){margin-left:2%;}
	.case .case_li:nth-child(3n+1){margin-left:2%;}
	.case .case_li:nth-child(odd){margin-left:0;}
	.foot .f_p{font-size:20px;height:28px;line-height:28px;}
	.foot .f_contanct .f_txt .f_li .f_pp p span{font-size:26px;}
}
/*668以下屏幕*/
@media screen and (max-width:667px){
	.product{background-size:100% auto;}
	.product .p_span span{font-size:14px;padding:0 18px;height:38px;line-height:36px;}
	.service .s_left .s_ul .s_li p br{display:block;}
	.service_btn .s_btn i{height:30px;background-size:auto 100%!important;}
	.service_btn .s_btn p{font-size:14px;height:20px;line-height:20px;}
	.news .news_title span{font-size:14px;padding:0 40px;height:38px;line-height:36px;}
	.foot .f_p{font-size:16px;height:auto;line-height:26px;}
	.foot .f_contanct .f_txt .f_li{width:100%;float:none;}
	.px_txt .px_txt_p h2{font-size:20px;height:36px;line-height:36px;padding:0 10px;}
	.px_txt .px_txt_p p{font-size:14px;height:22px;line-height:22px;margin-top:5px;}
	.s_right img{object-position:0 -80px;}
	.service .s_left .s_ul .s_li{width:33.33%;}
	.service .s_left .s_ul .s_li p br{display:none;}

	#stylesubnav .xq_nav{display:block;}
	#stylesubnav .xq_nav a{height:38px;line-height:38px;border-right:1px solid #FFF;border-bottom:1px solid #FFF;padding:0 15px;display:inline-block;}
}
/*500以下屏幕*/
@media screen and (max-width:499px){
	#mobilehead .logo{width:calc(100% - 70px);background-size:auto 45px;}
	.pb_title p{font-size:12px;margin-top:2px;}
	.product .p_span{margin-top:0;text-align:left;}
	.product .p_span span{font-size:12px;margin-left:0;margin-top:10px;margin-right:5px;}
	.product .p_ul .p_li{width:100%;margin-left:0%;}
	.product .p_ul .p_li:nth-child(4n+1){margin-left:0%;}
	.product .p_ul .p_li:nth-child(3n+1){margin-left:0%;}
	.service .s_left p br{display:none;}
	.s_right img{object-position:0 -50px;}
	.service_btn .s_btn p{margin-top:5px;}
	.service .s_left .s_ul .s_li p br{display:block;}
	.case .case_li{width:100%;margin-left:0%;}
	.case .case_li:nth-child(4n+1){margin-left:0%;}
	.case .case_li:nth-child(3n+1){margin-left:0%;}
	.news .news_title span{font-size:12px;padding:0 20px;margin-left:5px;height:36px;line-height:34px;}
	.news .news_list .news_li .news_txt{padding:10px 10px;}
	.news .news_list .news_li .news_p{padding:0px 10px 7px;}	
	.foot .f_input{margin-top:0;}
	.foot .f_input input{height:40px;line-height:40px;}
	.foot .f_input input.input1{width:100%;}
	.foot .f_input input.input2{width:100%;margin-left:0;}
	.foot .f_input .f_content{width:100%;height:40px;line-height:40px;}
	.foot .f_input input.f_btn{width:100%;margin-left:0;font-size:15px;}
	.foot .f_shuoming{font-size:12px;}
	.foot .f_contanct .f_txt .f_li{margin-top:10px;}
	.foot .f_contanct .f_txt .f_li .f_pp p span{font-size:22px;}
	.foot .f_contanct .f_txt .f_li .f_pp p:last-child{height:auto;}
}

/*电脑浮动*/
.izl-rmenu{position:fixed;right:0;bottom:10px;padding-bottom:10px;z-index:999;width:72px;}
.izl-rmenu .btn{width:72px;height:73px;margin-bottom:1px;cursor:pointer;position:relative;}
.izl-rmenu .btn-qq{background:url(../../../Upload/image/r_qq.png) 0px 0px no-repeat;background-color:#1561C9;}
.izl-rmenu a.btn-qq,.izl-rmenu a.btn-qq:visited{background:url(../../../Upload/image/r_qq.png) 0px 0px no-repeat;background-color:#1561C9;text-decoration:none;display:block;}
.izl-rmenu .btn-wx{background:url(../../../Upload/image/r_wx.png) 0px 0px no-repeat;background-color:#1561C9;}
.izl-rmenu .btn-wx .pic{position:absolute;left:-160px;top:0px;display:none;width:160px;height:160px;}
.izl-rmenu .btn-phone{background:url(../../../Upload/image/r_phone.png) 0px 0px no-repeat;background-color:#1561C9;}
.izl-rmenu .btn-phone .phone{background-color:#1561C9;position:absolute;width:160px;left:-160px;top:0px;line-height:73px;color:#FFF;font-size:18px;text-align:center;display:none;}
.izl-rmenu .btn-top{background:url(../../../Upload/image/r_top.png) 0px 0px no-repeat;background-color:#666666;display:none;}
.izl-rmenu .btn-top:hover{background-color:#444;}

/*手机浮动*/
#floatBottom{width:100%;height:53px;background:#8a8a8a;position:fixed;left:0;bottom:0;z-index:999999;}
#floatBottom a{width:25%;height:53px;line-height:53px;display:block;float:left;position:relative;}
#floatBottom a.kf1{background:url(../../../Upload/image/kf1.png) no-repeat center center;}
#floatBottom a.kf2{background:url(../../../Upload/image/kf2.png) no-repeat center center;}
#floatBottom a.kf3{background:url(../../../Upload/image/kf3.png) no-repeat center center;}
#floatBottom a.kf4{background:url(../../../Upload/image/kf4.png) no-repeat center center;}
#floatBottom .ewm{width:90px;height:90px;position:absolute;bottom:55px;left:50%;margin-left:-45px;display:none;}
#floatBottom .ewm img{width:100%;height:100%;display:block;}