/*-----  Global  ----*/
*{margin:0px;padding:0px; border-width:0;}
html{scroll-behavior:smooth; }
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;}
::-webkit-input-placeholder
{color:#555;}
:-moz-placeholder
{color:#555;}
::-moz-placeholder
{color:#555;}
:-ms-input-placeholder
{color:#555;}
/*head*/
#headbg{background:#0088d5;}
.head{}
.head p{margin:0;font-size:13px;height:34px;line-height:34px;color:#FFF;float:left;}
.head .h_right{float:right;font-size:0;-webkit-text-size-adjust:none;}
.head .h_right .h_span{display:inline-block;font-size:14px;color:#FFF;height:34px;line-height:34px;}
.head .h_right .h_span.icon1{background:url(t_icon1.png) no-repeat left center;padding-left:30px;}
.head .h_right .h_span.icon2{background:url(t_icon2.png) no-repeat 21px center #f8af01;padding:0 33px 0 51px;margin-left:30px;}
/*top*/
.top{padding-top:10px;}
.top .logo{width:249px;float:left;display:block;margin:13px 0 15px;}
.top .logo img{width:100%;height:auto;display:block;}
/*nav*/
.pcnav{float:right;}
.pcnav ul{margin:0;font-size:0;-webkit-text-size-adjust:none;}
.pcnav .firstfloor>li{text-align:center;position:relative;display:inline-block;margin-left:5px;}
.pcnav .firstfloor>li>a{display:inline-block;height:102px;line-height:99px;width:100%;color:#000;font-size:17px;border-bottom:3px solid transparent;padding:0 25px;}
.pcnav .firstfloor>li:hover>a{border-bottom:3px solid #f8af01;}
.pcnav .secondfloor{position:absolute;left:0;top:100%;z-index:9999;display:none;background:#FFF;min-width:100%;border-top:none;box-sizing:border-box;}
.pcnav .secondfloor>li{border-bottom:1px solid #E4EAEC;width:100%;line-height:44px;height:44px;font-size:13px;margin-left:0;white-space:nowrap;}
.pcnav .secondfloor>li>a{width:100%;height:100%;display:block;color:#76838F;padding:0 6px;}
.pcnav .secondfloor li a:hover{background:#feaa08;color:#FFF;}
.topfix{-webkit-box-shadow: 0 1px 3px 0 rgba(0,0,0,0.2);box-shadow: 0 1px 3px 0 rgba(0,0,0,0.2);top:0;position:fixed;}
/*mobilehead*/
#mobileheadbg{height:70px;display:none;}
#mobilehead{height:70px;width:100%;}
#mobilehead .logo{width:calc(100% - 120px);height:70px;display:block;float:left;background:url(logo.jpg) 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(+.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(mobilesitemap.png) no-repeat left center;background-size:auto 15px;}
#mobilehead .nav .nav_contact .nav_txt span.topphoneicon{background:url(mobilephone.png) no-repeat left center;background-size:auto 15px;}
#mobilehead .nav .nav_contact .nav_txt span.topemailicon{background:url(mobileemail.png) no-repeat left center;background-size:auto 15px;text-indent:25px;}
/*flash*/
.index_banner{width:100%;height:0;padding-bottom:711px;position:relative;overflow:hidden;}
.index_banner .swiper-wrapper{position:absolute;left:0;top:0;width:100%;height:100%;z-index:5;}
.index_banner .swiper-slide img{display:block;width:100%;height:100%;object-fit:cover;}
.index_banner .swiper-pagination-bullets{bottom:35px!important;}
.index_banner .swiper-pagination-bullet{background:#FFF;opacity:1;width:11px;height:11px;border-radius:6px;}
.index_banner .swiper-pagination-bullet-active{width:35px;}
/*pb_title*/
.pb_title{text-align:center;position:relative;}
.pb_title .h_t{margin:0;font-size:41px;color:#333;height:50px;line-height:50px;position:relative;font-weight:bold;}
.pb_title i{display:inline-block;width:45px;height:4px;margin:14px 0 11px;background:#0088d5;}
.pb_title p{margin:0;font-size:18px;color:#757575;line-height:26px;height:26px;position:relative;}
/*hotproduct*/
#hotproductbg{background:#f4f4f4;padding:38px 0 74px;}
.hotproduct{}
.hotproduct .hp_ul{text-align:center;font-size:0;-webkit-text-size-adjust:none;margin-top:21px;}
.hotproduct .hp_ul .hp_li{padding:42px 0 41px 40px;display:inline-block;border-radius:5px;background:#FFF;width:313px;margin-left:60px;position:relative;cursor:pointer;}
.hotproduct .hp_ul .hp_li:first-child{margin-left:0;}
.hotproduct .hp_ul .hp_li i{display:block;width:79px;height:66px;float:left;}
.hotproduct .hp_ul .hp_li i.icon47{background:url(h_icon1.png) no-repeat center center;}
.hotproduct .hp_ul .hp_li i.icon48{background:url(h_icon2.png) no-repeat center center;}
.hotproduct .hp_ul .hp_li i.icon73{background:url(h_icon3.png) no-repeat center center;}
.hotproduct .hp_ul .hp_li .hp_txt{float:left;margin-left:25px;padding:4px 0;}
.hotproduct .hp_ul .hp_li .hp_txt p{margin:0;text-align:left;font-weight:bold;}
.hotproduct .hp_ul .hp_li .hp_txt p:first-child{height:30px;line-height:30px;font-size:20px;color:#4a4a4a;}
.hotproduct .hp_ul .hp_li .hp_txt p:last-child{height:14px;font-size:14px;line-height:14px;color:rgba(74,74,74,.5);text-transform:uppercase;font-family:Arial;margin-top:14px;}
.hotproduct .hp_ul .hp_li.on{box-shadow:1.93px 3.5px 2px rgba(0,0,0,.1);}
.hotproduct .hp_ul .hp_li.on:after{content:'';position:absolute;display:block;bottom:-10px;left:50%;margin-left:-10px;width:20px;height:20px;border-style:solid;border-width:10px;border-color:#fff #fff transparent transparent;transform:rotate(-45deg);background:#FFF;box-shadow:-1.93px 3.5px 2px rgba(0,0,0,.1);}
.hotproduct .hp_list{margin-top:42px;background:#FFF;}
.hotproduct .hp_list .hp_left{width:50%;float:left;}
.hotproduct .hp_list .hp_left .hp_img{width:100%;padding-bottom:87.57%;position:relative;}
.hotproduct .hp_list .hp_left .hp_img img{position:absolute;left:0;top:0;width:100%;height:100%;display:block;object-fit:cover;}
.hotproduct .hp_list .hp_left .hp_img .hp_p{width:179px;background:#0088d5;position:absolute;left:0;top:63px;padding:14px 0 15px 28px;}
.hotproduct .hp_list .hp_left .hp_img .hp_p p{margin:0;color:#FFF;font-weight:bold;}
.hotproduct .hp_list .hp_left .hp_img .hp_p p:first-child{height:34px;line-height:34px;font-size:34px;}
.hotproduct .hp_list .hp_left .hp_img .hp_p p:last-child{height:30px;line-height:30px;font-size:22px;margin-top:3px;}
.hotproduct .hp_list .hp_right{width:50%;float:right;padding:60px 40px 0 55px;}
.hotproduct .hp_list .hp_right .ht_title{position:relative;}
.hotproduct .hp_list .hp_right .ht_title h3{margin:0;font-size:36px;font-weight:bold;color:#0088d5;height:46px;line-height:46px;padding-left:10px;}
.hotproduct .hp_list .hp_right .ht_title a{position:absolute;right:0;top:10px;background:url(h_icon4.png) no-repeat right center;height:27px;line-height:27px;padding-right:36px;display:block;}
.hotproduct .hp_list .hp_right .ht_txt{margin-top:34px;}
.hotproduct .hp_list .hp_right .ht_txt p{margin:0;font-size:16px;line-height:30px;color:#333;padding-left:10px;}
.hotproduct .hp_list .hp_right .ht_td{background:#ECECEC;margin-top:40px;padding:20px 20px 36px 30px;border-radius:6px;}
.hotproduct .hp_list .hp_right .ht_td p{margin:0;font-size:16px;line-height:30px;color:#333;}
.hotproduct .hp_list .hp_right .ht_td p:first-child{font-size:20px;font-weight:bold;height:30px;line-height:30px;margin-bottom:15px;}
/*product*/
.product{position:relative;padding:42px 0 99px;}
.product .p_content{padding-top:10px;}
.product .p_class{width:318px;float:left;margin-top:33px;}
.product .p_class .pc_title{padding:26px 0 19px 46px;background:#0088d5;}
.product .p_class .pc_title p{margin:0;color:#FFF;}
.product .p_class .pc_title p:first-child{font-size:42px;height:42px;line-height:42px;text-transform:uppercase;font-family:Impact;}
.product .p_class .pc_title p:last-child{font-size:31px;height:40px;line-height:40px;font-weight:bold;margin-top:6px;}
.product .p_class .pc_ul{padding:9px 0 19px;background:#f5f5f5;}
.product .p_class .pc_ul a{height:69px;line-height:68px;background:url(p_icon1.png) no-repeat 51px center;padding-left:88px;display:block;border-bottom:1px solid #FFF;font-size:16px;color:#333;}
.product .p_class .pc_ul a:last-child{border-bottom:none;}
.product .p_class .pc_ul a:hover{color:#0088d5;}
.product .p_class .pc_bottom{padding:14px 0 14px 36px;border-bottom:1px solid #0E8FD7;background:#0088d5;}
.product .p_class .pc_bottom p{margin:0;font-size:26px;height:33px;line-height:33px;margin-top:5px;color:#FFF;}
.product .p_class .pc_bottom p:first-child{font-size:15px;height:21px;line-height:21px;color:#d5d5d5;background:url(p_icon2.png) no-repeat left center;background-size:auto 100%!important;padding-left:25px;}
.product .p_class .pc_bottom p:nth-child(2),.product .p_class .pc_bottom p:nth-child(3){font-family:Impact;}
.product .p_ul{width:calc(100% - 318px);float:right;padding-left:36px;}
.product .p_item{width:100%;overflow:hidden;}
.product .p_ul a{margin-top:33px!important;display:block;border:1px solid #EEE;position:relative;}
.product .p_ul a:before{content:'';width:100%;height:1px;position:absolute;left:0;bottom:-2px;background:#EAEAEA;}
.product .p_ul a .p_img{width:100%;padding-bottom:75%;position:relative;}
.product .p_ul a .p_img img{display:block;width:100%;height:100%;position:absolute;left:0;top:0;object-fit:cover;}
.product .p_ul a .p_txt{padding:6px 20px 17px;}
.product .p_ul a .p_txt p{margin:0;font-size:16px;line-height:35px;height:34px;color:#333;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:left;border-bottom:1px solid #e5e5e5;padding-left:10px;}
.product .p_ul a .p_txt span{display:block;background:url(p_icon3.png) no-repeat right 6px center;color:#a2a2a2;margin-top:14px;text-align:left;height:14px;line-height:14px;padding-left:10px;}
/*youshi*/
#youshibg{background:url(x_bg.jpg) no-repeat center center;background-size:cover;padding:31px 0 62px;}
.youshi{}
.youshi .ys_left{width:calc(100% - 796px);float:left;padding:41px 30px 0 0;}
.youshi .ys_left .en{}
.youshi .ys_left .en span{display:inline-block;height:68px;line-height:68px;font-size:68px;font-family:Arial;font-weight:bold;color:#FFF;text-transform:uppercase;position:relative;}
.youshi .ys_left .en span:nth-child(2){margin-top:15px;display:block;}
.youshi .ys_left i{font-style:normal;font-size:59px;font-weight:bold;color:#FFF;display:block;margin-top:11px;height:59px;line-height:50px;}
.youshi .ys_left p{margin:0;color:#FFF;font-size:20px;line-height:31px;}
.youshi .ys_left p:nth-child(3){font-size:52px;height:62px;line-height:62px;margin:40px 0 27px;font-weight:bold;}
.youshi .ys_left .ysl_span{padding-top:53px;font-size:0;-webkit-text-size-adjust:none;}
.youshi .ys_left .ysl_span span{display:inline-block;margin-left:16px;position:relative;padding-left:40px;margin-top:18px;font-size:18px;color:#FFF;background:url(x_icon1.png) no-repeat left center;height:25px;line-height:25px;}
.youshi .ys_left .ysl_span span:first-child{margin-left:0;}
.youshi .ys_right{width:796px;float:right;overflow:hidden;}
.youshi .ys_right .swiper-slide{margin-top:29px!important;}
.youshi .ys_right .ys_li{background:#FFF;border-radius:10px;padding:21px 30px 36px;text-align:center;}
.youshi .ys_right .ys_li:nth-child(odd){margin-left:0;}
.youshi .ys_right .ys_li i{display:inline-block;height:91px;width:91px;border-radius:50%;}
.youshi .ys_right .ys_li i.icon1{background:url(x_icon2.png) no-repeat center center #ececed;}
.youshi .ys_right .ys_li i.icon2{background:url(x_icon3.png) no-repeat center center #ececed;}
.youshi .ys_right .ys_li i.icon3{background:url(x_icon4.png) no-repeat center center #ececed;}
.youshi .ys_right .ys_li i.icon4{background:url(x_icon5.png) no-repeat center center #ececed;}
.youshi .ys_right .ys_li .ys_txt{padding-top:8px;text-align:left;}
.youshi .ys_right .ys_li .ys_txt p{margin:0;line-height:21px;font-size:14px;color:#8a8d91;margin-top:11px;}
.youshi .ys_right .ys_li .ys_txt p:first-child{height:30px;line-height:30px;font-size:20px;font-weight:bold;color:#020303;text-align:center;}
/*case*/
.case{padding:49px 0 65px;text-align:center;}
.case .c_ul{margin-top:30px;width:100%;overflow:hidden;margin-top:39px;padding-bottom:1px;}
.case .c_ul .swiper-slide{border:1px solid #EEE;}
.case .c_ul .swiper-slide:before{content:'';width:100%;height:1px;position:absolute;left:0;bottom:-2px;background:#EAEAEA;}
.case .c_ul .c_img{width:100%;padding-bottom:75%;position:relative;}
.case .c_ul .c_img img{display:block;width:100%;height:100%;position:absolute;left:0;top:0;object-fit:cover;}
.case .c_ul .c_txt{padding:6px 20px 17px;}
.case .c_ul .c_txt p{margin:0;font-size:16px;line-height:35px;height:34px;color:#333;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:left;border-bottom:1px solid #e5e5e5;padding-left:10px;}
.case .c_ul .c_txt span{display:block;background:url(p_icon3.png) no-repeat right 6px center;color:#a2a2a2;margin-top:14px;text-align:left;height:14px;line-height:14px;padding-left:10px;}
.case .c_btn{display:inline-block;padding:0 57px 0 62px;border-radius:20px;background:#ffad00;margin-top:56px;}
.case .c_btn span{display:inline-block;height:41px;line-height:41px;background:url(c_icon1.png) no-repeat left center;padding-left:34px;font-size:18px;font-weight:bold;color:#FFF;}
/*fenge*/
#fengebg{background:url(fg_bg.jpg) no-repeat center center;background-size:cover;padding:44px 0 31px;}
.fenge{}
.fenge .f_left{float:left;padding-top:4px;}
.fenge .f_left p{margin:0;}
.fenge .f_left p span{color:#ffad00;}
.fenge .f_left p:first-child{height:52px;line-height:52px;font-size:43px;color:#F5F5F5;font-weight:bold;}
.fenge .f_left p:nth-child(2){margin-top:18px;height:29px;line-height:29px;font-size:29px;font-family:Impact;text-transform:uppercase;color:rgba(255,255,255,.74);}
.fenge .f_left p:last-child{height:34px;line-height:34px;font-size:24px;font-weight:bold;margin-top:21px;color:#F5F5F5;}

.fenge .f_right{float:right;text-align:right;}
.fenge .f_right .fr_icon{font-size:0;-webkit-text-size-adjust:none;}
.fenge .f_right .fr_icon .fr_li{padding:4px 55px 16px;border-bottom:1px dashed #FFF;border-left:1px solid #bfdef5;position:relative;display:inline-block;}
.fenge .f_right .fr_icon .fr_li:before{content:'';width:1px;height:100%;background:#78b9e9;position:absolute;left:0;top:0;}
.fenge .f_right .fr_icon .fr_li:after{content:'';width:12px;height:12px;border:2px solid #FFF;border-radius:50%;position:absolute;left:-6px;bottom:-6px;background:#1d8ada;}
.fenge .f_right .fr_icon .fr_li i{display:inline-block;height:36px;width:100%;}
.fenge .f_right .fr_icon .fr_li i.icon1{background:url(fg_icon1.png) no-repeat center center;}
.fenge .f_right .fr_icon .fr_li i.icon2{background:url(fg_icon2.png) no-repeat center center;}
.fenge .f_right .fr_icon .fr_li i.icon3{background:url(fg_icon3.png) no-repeat center center;}
.fenge .f_right .fr_icon .fr_li i.icon4{background:url(fg_icon4.png) no-repeat center center;}
.fenge .f_right .fr_icon .fr_li p{margin:0;height:25px;line-height:25px;font-size:17px;font-weight:bold;margin-top:10px;color:#FFF;}
.fenge .f_right .fr_phone{background:url(fg_icon5.png) no-repeat left center;padding-bottom:3px;padding-left:70px;margin-top:35px;display:inline-block;text-align:left;}
.fenge .f_right .fr_phone p{margin:0;color:#FFF;font-weight:bold;}
.fenge .f_right .fr_phone p:first-child{font-size:18px;height:22px;line-height:22px;}
.fenge .f_right .fr_phone p:last-child{font-size:26px;height:26px;line-height:26px;margin-top:5px;}
/*info*/
.info{padding:67px 0 90px;}
.info .i_content{margin-top:40px;}
.info .i_content .i_left{width:50%;float:left;}
.info .i_content .i_left .i_img{width:100%;padding-bottom:68.14%;position:relative;}
.info .i_content .i_left .i_img img{width:100%;height:100%;display:block;position:absolute;left:0;top:0;object-fit:cover;}
.info .i_content .i_right{width:50%;float:right;padding-top:6px;padding-left:47px;}
.info .i_content .i_right .ir_txt{background:url(i_icon1.png) no-repeat right 20px top 13px;text-align:left;}
.info .i_content .i_right .ir_txt p{margin:0;color:#666;font-size:16px;line-height:34px;}
.info .i_content .i_right .ir_txt p:first-child{font-size:38px;height:38px;line-height:38px;color:rgba(195,195,195,.39);text-transform:uppercase;font-family:Impact;}
.info .i_content .i_right .ir_txt p:nth-child(2){font-size:33px;font-weight:bold;font-weight:bold;height:42px;line-height:42px;margin:12px 0 26px;}
.info .i_content .i_right .i_ul{margin-top:40px;}
.info .i_content .i_right .i_ul .i_li{width:32%;margin-left:2%;float:left;}
.info .i_content .i_right .i_ul .i_li:first-child{margin-left:0;}
.info .i_content .i_right .i_ul .i_li p{margin:0;text-align:center;}
.info .i_content .i_right .i_ul .i_li p span{font-size:16px;}
.info .i_content .i_right .i_ul .i_li p:first-child{height:40px;line-height:40px;font-size:40px;font-weight:bold;color:#3A3A3A;}
.info .i_content .i_right .i_ul .i_li p:last-child{line-height:26px;height:26px;font-size:16px;font-weight:bold;color:#999;margin-top:1px;}
.info .i_content .i_right a{width:178px;height:59px;line-height:59px;color:#FFF;text-align:center;margin-top:16px;display:inline-block;font-size:18px;margin-top:65px;background:#0088d5;}
.info .i_zz{margin-top:61px;padding:0 18px;position:relative;}
.info .i_zz .i_zzlist{width:100%;overflow:hidden;}
.info .i_zz .i_zzlist .swiper-slide{border:1px solid #dcdcdc;padding:37px 36px 22px;}
.info .i_zz .i_zzlist .i_zzimg{width:100%;padding-bottom:141.35%;position:relative;border:1px solid #E4E4E4;}
.info .i_zz .i_zzlist .i_zzimg img{width:100%;height:100%;display:block;position:absolute;left:0;top:0;object-fit:cover;}
.info .i_zz .i_zzlist p{margin:0;font-size:14px;height:24px;line-height:24px;color:#666;margin-top:14px;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.info .i_zz .swiper-button-prev{width:36px;height:36px;border:1px solid #0088d5;background:#0088d5;border-radius:50%;left:0;margin-top:-18px;font-size:19px;color:#FFF;line-height:36px;text-align:center;font-family:'宋体';outline:none;}
.info .i_zz .swiper-button-next{width:36px;height:36px;border:1px solid #0088d5;background:#0088d5;border-radius:50%;right:0;margin-top:-18px;font-size:19px;color:#FFF;line-height:36px;text-align:center;font-family:'宋体';outline:none;}
.info .i_zz .swiper-button-prev.my-button-disabled{background:#FFF;border:1px solid #b3b3b3;color:#bcbcbc;opacity:1;}
.info .i_zz .swiper-button-next.my-button-disabled{background:#FFF;border:1px solid #b3b3b3;color:#bcbcbc;opacity:1;}
/*news*/
#newsbg{padding:58px 0 49px;position:relative;background:#f4f4f4;}
.news{}
.news .news_span{font-size:0;-webkit-text-size-adjust:none;text-align:center;margin-top:19px;position:relative;}
.news .news_span span{display:inline-block;width:175px;height:45px;line-height:43px;font-size:18px;color:#333;margin-left:32px;cursor:pointer;background:#FFF;border:1px solid #f1f1f1;}
.news .news_span span:first-child{margin-left:0;}
.news .news_span span.on{border:1px solid #0088d5;background:#0088d5;color:#FFF;}
.news .news_content{}
.news .n_ul{width:100%;overflow:hidden;margin-top:53px;}
.news .n_ul .swiper-slide{background:#FFF;}
.news .n_ul .n_img{width:100%;padding-bottom:60.45%;position:relative;}
.news .n_ul .n_img img{width:100%;height:100%;display:block;position:absolute;left:0;top:0;object-fit:cover;}
.news .n_ul .n_txt{padding:25px 15px 15px;}
.news .n_ul .n_txt .n_p{padding:0 10px 23px;border-bottom:1px solid #E5E5E5;}
.news .n_ul .n_txt .n_p p{margin:0;}
.news .n_ul .n_txt .n_p p:first-child{height:26px;line-height:26px;font-size:16px;color:#4f4f4f;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.news .n_ul .n_txt .n_p p:last-child{line-height:20px;height:40px;color:#9f9f9f;font-size:14px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;margin-top:7px;}
.news .n_ul .n_txt span{height:14px;line-height:14px;color:#737373;background:url(n_icon1.png) no-repeat right 10px center;padding-left:10px;display:block;margin-top:17px;font-family:Arial;}
.news .swiper-pagination{position:relative;margin-top:48px;}
.news .swiper-pagination-bullet{width:12px;height:12px;background:#0088d5;margin:0 5px;opacity:1;}
.news .swiper-pagination-bullet.swiper-pagination-bullet-active{background:#f8af01;}
/*friendlink*/
#friendlinkbg{background:#1780dc;}
.friendlink{position:relative;padding:18px 0 26px;}
.friendlink:before{content:'';width:1px;height:100%;background:#298ee8;position:absolute;left:167px;top:0;}
.friendlink .fl_left{width:167px;float:left;padding-left:75px;position:relative;margin-top:13px;}
.friendlink .fl_left:before{content:'';width:55px;height:55px;background:url(fl_icon.png) no-repeat center center #f8af01;border-radius:50%;position:absolute;left:0;top:0;}
.friendlink .fl_left p{margin:0;color:#FFF;}
.friendlink .fl_left p:first-child{font-size:20px;height:23px;line-height:23px;text-transform:uppercase;}
.friendlink .fl_left p:last-child{font-size:18px;height:28px;line-height:28px;margin-top:3px;}
.friendlink .fl_right{width:calc(100% - 167px);float:right;font-size:0;-webkit-text-size-adjust:none;}
.friendlink .fl_right a{color:rgba(255,255,255,.4);white-space:nowrap;display:inline-block;font-size:15px;position:relative;height:20px;line-height:20px;padding:0 15px;margin-top:13px;}
/*foot*/
#footbg{background:#3A393E;padding:38px 0 73px;position:relative;}
#footbg:before{content:'';width:100%;height:1px;background:#525255;position:absolute;left:0;top:93px;}
.foot{position:relative;}
.foot .f_title{font-size:23px;height:55px;line-height:32px;color:#FFF;font-weight:bold;padding-bottom:23px;position:relative;}
.foot .f_title:before{content:'';width:26px;height:4px;background:#f8af01;position:absolute;left:0;bottom:0;}
.foot .f_left{width:calc(100% - 536px);float:left;position:relative;}
.foot .f_left .f_ul{padding-top:10px;}
.foot .f_left .f_ul .f_li{padding-left:50px;margin-top:15px;height:30px;line-height:30px;font-size:15px;color:#999;float:left;}
.foot .f_left .f_ul .f_li:nth-child(2){margin-left:60px;}
.foot .f_left .f_ul .f_li:nth-child(3){width:100%;}
.foot .f_left .f_ul .f_li.icon1{background:url(f_icon1.png) no-repeat left top;}
.foot .f_left .f_ul .f_li.icon2{background:url(f_icon2.png) no-repeat left top;}
.foot .f_left .f_ul .f_li.icon3{background:url(f_icon3.png) no-repeat left top;}
.foot .f_left .f_ul .f_li span{font-size:26px;font-weight:bold;color:#f8af01;vertical-align:middle;margin-top:-3px;display:inline-block;}
.foot .f_left .f_logo{width:100%;height:47px;background:url(f_font.png) no-repeat left center;background-size:auto 100%;margin-top:13px;}
.foot .f_right{width:536px;float:right;}
.foot .f_right form{margin-top:16px;}
.foot .f_right input{height:45px;line-height:45px;background:#FFF;padding:0 10px;float:left;outline:none;margin-top:8px;}
.foot .f_right .input1{width:49%;}
.foot .f_right .input2{width:49%;margin-left:2%;}
.foot .f_right .f_content{width:100%;margin-top:9px;padding:10px;background:#FFF;height:74px;line-height:27px;resize:none;outline:none;}
.foot .f_right .foot_btn{width:49%;background:#f8af01;display:block;color:#FFF;text-align:center;font-size:14px;outline:none;display:block;height:45px;line-height:45px;margin-top:8px;float:right;cursor:pointer;}
/*footbottom*/
#footbottombg{background:#2E2E2E;padding:10px 0 12px;}
.footbottom{line-height:20px;color:#818183;text-align:left;}
.footbottom span{display:inline-block;margin-top:5px;}
.footbottom a{color:#818183;}

/*stylepbulic*/
#stylepbulic{width:100%;height:340px;background-repeat:no-repeat;background-position:center top;background-size:cover;}
#stylesubnav{width:100%;background:#F7F7F7;padding:20px 0;}
#stylesubnav .xq_c{}
#stylesubnav .xq_crumbs{background:url(position.png) no-repeat left 6px;line-height:26px;float:left;padding-left:24px;}
#stylesubnav .xq_crumbs a{margin:0 10px;}
#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:#ca0d00;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 #21A7EE;display:block;}

/*px*/
#px_banner{width:100%;padding-bottom:384px;position:relative;z-index:9;}
#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;}

/*product*/
.product_class{text-align:left;font-size:0;-webkit-text-size-adjust:none;margin-top:15px;width:100%;background:#eee;}
.product_class .pc_li{display:inline-block;font-size:14px;position:relative;border-right:1px solid #FFF;}
.product_class .pc_li>span{display:inline-block;width:100%;text-align:center;}
.product_class .pc_li>span>a{height:49px;line-height:49px;display:inline-block;color:#555;padding:0 30px;}
.product_class .pc_li>span>i{float:right;display:block;width:45px;height:45px;background:url(navarrow.png) no-repeat center center;-webkit-transition:-webkit-transform .3s ease-out;transition:transform .3s ease-out;}
.product_class .pc_li:hover,.product_class .pc_li.on{background:#feaa08 ;}
.product_class .pc_li:hover>span>a,.product_class .pc_li.on>span>a{color:#FFF;}
.product_class .pc_li:hover>span>i{-ms-transform:rotate(-180deg);-webkit-transform:rotate(-180deg);transform:rotate(-180deg);}
.product_class .pc_ul{position:absolute;left:0;top:45px;z-index:2;background:rgba(222,41,56,0.8);min-width:100%;display:none;}
.product_class .pc_ul>ul{margin:0;}
.product_class .pc_ul>ul>li{height:36px;line-height:36px;border-bottom:1px solid #E8E8E8;}
.product_class .pc_ul>ul>li:last-child{border-bottom:none;}
.product_class .pc_ul>ul>li>a{color:#FFF;padding:0 10px;display:block;width:100%;height:100%;white-space:nowrap;}
.product_class .pc_ul>ul>li:hover{background:#de2938;}

/*视频弹出*/
#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(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(closeicon.png) no-repeat center center #FFF;}

/*电脑浮动*/
.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(../images/r_qq.png) 0px 0px no-repeat;background-color:#f8af01;}
.izl-rmenu a.btn-qq,.izl-rmenu a.btn-qq:visited{background:url(../images/r_qq.png) 0px 0px no-repeat;background-color:#f8af01;text-decoration:none;display:block;}
.izl-rmenu .btn-wx{background:url(../images/r_wx.png) 0px 0px no-repeat;background-color:#f8af01;}
.izl-rmenu .btn-wx .pic{position:absolute;left:-160px;top:0px;display:none;width:160px;height:160px;}
.izl-rmenu .btn-phone{background:url(../images/r_phone.png) 0px 0px no-repeat;background-color:#f8af01;}
.izl-rmenu .btn-phone .phone{background-color:#f8af01;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(../images/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;display:none;}
#floatBottom a{width:25%;height:53px;line-height:53px;display:block;float:left;position:relative;}
#floatBottom a.kf1{background:url(kf1.png) no-repeat center center;}
#floatBottom a.kf2{background:url(kf2.png) no-repeat center center;}
#floatBottom a.kf3{background:url(kf3.png) no-repeat center center;}
#floatBottom a.kf4{background:url(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;}

/*视频弹出*/
#videobg{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5);z-index:999999;text-align:center;}
#video{display:inline-block;padding:10px 10px 60px;width:600px;height:400px;vertical-align:middle;background:#FFF;position:relative;}
#video .videoc{width:100%;height:100%;}
#video iframe{width:100%;height:100%;}
#video p{margin:0;height:60px;line-height:60px;color:#000;}
#video span{width:40px;height:40px;background:#000;color:#FFF;font-size:20px;line-height:40px;text-align:center;position:absolute;outline:none;top:0px;right:-40px;cursor:pointer;display:block;font-family:Arial;}
/*1350以下屏幕*/
@media screen and (min-width:1430px){
	.container{width:1400px;}
}
/*1350以下屏幕*/
@media screen and (max-width:1429px){
	.container{width:1200px;}
	.top{padding-top:0;}
	.top .logo{width:200px;margin:10px 0 10px;}
	.pcnav .firstfloor>li>a{height:80px;line-height:77px;font-size:16px;padding:0 20px;}
	.index_banner{padding-bottom:550px;}
	.pb_title .h_t{font-size:32px;height:42px;line-height:42px;}
	.pb_title i{margin:10px 0 8px;}
	.pb_title p{font-size:16px;height:24px;line-height:24px;}
	#hotproductbg{padding:30px 0 40px;}
	.hotproduct .hp_ul{margin-top:15px;}
	.hotproduct .hp_ul .hp_li{padding:30px 0 30px 30px;margin-left:40px;}
	.hotproduct .hp_list{margin-top:30px;}
	.hotproduct .hp_list .hp_right{padding:30px 20px 0 25px;}
	.hotproduct .hp_list .hp_right .ht_title h3{font-size:30px;height:38px;line-height:38px;}
	.hotproduct .hp_list .hp_right .ht_title a{top:5px;}
	.hotproduct .hp_list .hp_right .ht_txt{margin-top:20px;}
	.hotproduct .hp_list .hp_right .ht_txt p{font-size:15px;line-height:28px;}
	.hotproduct .hp_list .hp_right .ht_td{margin-top:30px;padding:15px 15px 20px 16px;}
	.hotproduct .hp_list .hp_right .ht_td p{font-size:15px;line-height:28px;}
	.product{padding:35px 0 40px;}
	.product .p_class{margin-top:20px;width:270px;}
	.product .p_class .pc_title{padding:20px 0 15px 30px;}
	.product .p_class .pc_title p:first-child{font-size:34px;height:34px;line-height:34px;}
	.product .p_class .pc_title p:last-child{font-size:26px;height:34px;line-height:34px;}
	.product .p_class .pc_ul{padding:7px 0 15px;}
	.product .p_class .pc_ul a{height:59px;line-height:58px;font-size:15px;padding-left:60px;background:url(p_icon1.png) no-repeat 33px center;}
	.product .p_class .pc_bottom{padding:20px 0 20px 30px;}
	.product .p_class .pc_bottom p{font-size:26px;}
	.product .p_ul{padding-left:20px;width:calc(100% - 270px);}
	.product .p_ul a{margin-top:20px!important;}
	#youshibg{padding:26px 0 40px;}
	.youshi .ys_left{width:calc(100% - 660px);}
	.youshi .ys_left .en span{font-size:58px;height:58px;line-height:58px;}
	.youshi .ys_left .en span:nth-child(2){margin-top:10px;}
	.youshi .ys_left i{font-size:50px;height:50px;line-height:42px;margin-top:3px;}
	.youshi .ys_left p{font-size:17px;line-height:28px;}
	.youshi .ys_left p:nth-child(3){font-size:40px;height:48px;line-height:48px;margin:20px 0 16px;}
	.youshi .ys_left .ysl_span{padding-top:45px;}
	.youshi .ys_right{width:660px;}
	.youshi .ys_right .swiper-slide{margin-top:20px!important;}
	.youshi .ys_right .ys_li{padding:15px 16px 16px;}
	.youshi .ys_right .ys_li .ys_txt p{font-size:13px;line-height:20px;}
	.case{padding:36px 0 40px;}
	.case .c_ul{margin-top:20px;}
	.case .c_btn{margin-top:30px;}
	#fengebg{padding:30px 0 20px;}
	.fenge .f_left p:first-child{font-size:36px;height:44px;line-height:44px;}
	.fenge .f_left p:nth-child(2){font-size:24px;height:24px;line-height:24px;margin-top:10px;}
	.fenge .f_left p:last-child{font-size:20px;line-height:28px;height:28px;margin-top:15px;}
	.fenge .f_right .fr_icon .fr_li{padding:4px 46px 16px;}
	.fenge .f_right .fr_icon .fr_li p{font-size:15px;height:23px;line-height:23px;}
	.fenge .f_right .fr_phone{margin-top:16px;}
	.fenge .f_right .fr_phone p:first-child{font-size:16px;}
	.fenge .f_right .fr_phone p:last-child{font-size:24px;}
	.info{padding:40px 0;}
	.info .i_content{margin-top:26px;}
	.info .i_content .i_right{padding-left:20px;}
	.info .i_content .i_right .ir_txt p{font-size:15px;line-height:30px;}
	.info .i_content .i_right .ir_txt p:first-child{font-size:32px;height:32px;line-height:32px;}
	.info .i_content .i_right .ir_txt p:nth-child(2){font-size:27px;height:36px;line-height:36px;margin:10px 0 19px;}
	.info .i_content .i_right .i_ul{margin-top:36px;}
	.info .i_content .i_right a{margin-top:40px;height:52px;line-height:52px;font-size:17px;}
	.info .i_zz{margin-top:36px;}
	.info .i_zz .i_zzlist .swiper-slide{padding:20px 20px 16px;}
	#newsbg{padding:40px 0 30px;}
	.news .news_span{margin-top:10px;}
	.news .n_ul{margin-top:30px;}
	.news .swiper-pagination{margin-top:30px;}
	.friendlink{padding:10px 0 20px;}
	#footbg{padding:30px 0 40px;}
	#footbg:before{top:78px;}
	.foot .f_title{font-size:20px;line-height:28px;height:48px;padding-bottom:20px;}
	.foot .f_left .f_ul .f_li{padding-left:40px;}
	.foot .f_left .f_ul .f_li:nth-child(2){margin-left:50px;}
	.foot .f_left .f_ul .f_li span{font-size:23px;margin-top:-2px;}
	.foot .f_left .f_logo{margin-top:40px;}
}
/*1230以下屏幕*/
@media screen and (max-width:1229px){
	.container{width:994px;}
	.head p{font-size:12px;}
	.head .h_right .h_span{font-size:13px;}
	.top .logo{width:170px;}
	.pcnav .firstfloor>li{margin-left:0;}
	.pcnav .firstfloor>li>a{height:71px;line-height:69px;border-bottom-width:2px;font-size:15px;}
	.pcnav .firstfloor>li>a:hover{border-bottom-width:2px;}
	.index_banner{padding-bottom:460px;}
	.index_banner .swiper-pagination-bullets{bottom:25px!important;}
	.pb_title .h_t{font-size:26px;height:34px;line-height:34px;}
	.pb_title i{margin:8px 0 6px;}
	.pb_title p{font-size:15px;height:24px;line-height:24px;}
	#hotproductbg{padding:20px 0 30px;}
	.hotproduct .hp_ul{margin-top:8px;}
	.hotproduct .hp_ul .hp_li{padding:20px 0 20px 20px;width:32%;margin-left:2%;}
	.hotproduct .hp_ul .hp_li i{height:62px;background-size:auto 100%!important;}
	.hotproduct .hp_ul .hp_li .hp_txt p:first-child{font-size:17px;height:26px;line-height:26px;}
	.hotproduct .hp_list{margin-top:26px;}
	.hotproduct .hp_list .hp_left .hp_img .hp_p{width:140px;padding:10px 0 10px 16px;top:30px;}
	.hotproduct .hp_list .hp_left .hp_img .hp_p p:first-child{font-size:26px;height:26px;line-height:26px;}
	.hotproduct .hp_list .hp_left .hp_img .hp_p p:last-child{font-size:18px;height:26px;line-height:26px;}
	.hotproduct .hp_list .hp_right{padding:20px 15px 0 16px;}
	.hotproduct .hp_list .hp_right .ht_title h3{font-size:24px;height:34px;line-height:34px;}
	.hotproduct .hp_list .hp_right .ht_title a{top:3px;}
	.hotproduct .hp_list .hp_right .ht_txt p{font-size:14px;line-height:26px;}
	.hotproduct .hp_list .hp_right .ht_td{margin-top:20px;padding:10px 10px 15px 10px;}
	.hotproduct .hp_list .hp_right .ht_td p{font-size:14px;line-height:24px;}
	.hotproduct .hp_list .hp_right .ht_td p:first-child{font-size:18px;height:26px;line-height:26px;margin-bottom:10px;}
	.product{padding:26px 0 30px;}
	.product .p_content{padding-top:0;}
	.product .p_class{width:230px;}
	.product .p_class .pc_title{padding:10px 0 10px 20px;}
	.product .p_class .pc_title p:first-child{font-size:26px;height:26px;line-height:26px;}
	.product .p_class .pc_title p:last-child{font-size:20px;height:28px;line-height:28px;}
	.product .p_class .pc_ul{padding:5px 0 5px;}
	.product .p_class .pc_ul a{height:54px;line-height:53px;background:url(p_icon1.png) no-repeat 20px center;padding-left:45px;font-size:14px;}
	.product .p_class .pc_bottom{padding:10px 0 10px 20px;}
	.product .p_class .pc_bottom p{font-size:22px;height:22px;line-height:22px;}
	.product .p_class .pc_bottom p:first-child{font-size:14px;height:20px;line-height:20px;}
	.product .p_ul{width:calc(100% - 230px);padding-left:15px;}
	.product .p_ul a .p_txt{padding:6px 10px 10px;}
	.product .p_ul a .p_txt p{font-size:15px;padding-left:0;}
	.product .p_ul a .p_txt span{font-size:12px;line-height:12px;height:12px;margin-top:8px;padding-left:0;}
	#youshibg{padding:20px 0 30px;}
	.youshi .ys_left{width:calc(100% - 570px);}
	.youshi .ys_left .en span{font-size:40px;height:40px;line-height:40px;}
	.youshi .ys_left p{font-size:15px;line-height:26px;}
	.youshi .ys_left p:nth-child(3){font-size:30px;height:40px;line-height:40px;margin:15px 0 15px;}
	.youshi .ys_left .ysl_span span{font-size:16px;padding-left:33px;width:49%;display:block;margin-left:2%;float:left;}
	.youshi .ys_left .ysl_span span:nth-child(odd){margin-left:0;}
	.youshi .ys_right{width:570px;}
	.youshi .ys_right .swiper-slide{margin-top:10px!important;}
	.youshi .ys_right .ys_li{padding:10px 10px 12px;}
	.youshi .ys_right .ys_li i{width:80px;height:80px;}
	.youshi .ys_right .ys_li .ys_txt p{font-size:12px;margin-top:6px;}
	.youshi .ys_right .ys_li .ys_txt p:first-child{font-size:16px;height:26px;line-height:26px;margin-top:6px;}
	.case{padding:25px 0 30px;}
	.case .c_ul .c_txt{padding:6px 10px 10px;}
	.case .c_ul .c_txt p{font-size:15px;padding-left:0;}
	.case .c_ul .c_txt span{font-size:12px;height:12px;line-height:12px;padding-left:0;margin-top:8px;}
	.case .c_btn{margin-top:20px;}
	#fengebg{padding:20px 0 15px;}
	.fenge .f_left{padding-top:0;}
	.fenge .f_left p:first-child{font-size:30px;height:38px;line-height:38px;}
	.fenge .f_left p:nth-child(2){font-size:20px;height:22px;line-height:22px;margin-top:6px;}
	.fenge .f_left p:last-child{font-size:18px;height:26px;line-height:26px;margin-top:6px;}
	.fenge .f_right .fr_icon .fr_li{padding:0 36px;}
	.fenge .f_right .fr_phone{padding-bottom:0;background-size:auto 100%!important;padding-left:55px;}
	.fenge .f_right .fr_phone p:first-child{font-size:14px;height:20px;line-height:20px;}
	.fenge .f_right .fr_phone p:last-child{font-size:20px;height:22px;line-height:22px;margin-top:0;}
	.info{padding:30px 0;}
	.info .i_content .i_right .ir_txt{background-size:60px auto!important;}
	.info .i_content .i_right .ir_txt p{font-size:14px;line-height:26px;}
	.info .i_content .i_right .ir_txt p:first-child{font-size:30px;height:30px;line-height:30px;}
	.info .i_content .i_right .ir_txt p:nth-child(2){font-size:22px;height:30px;line-height:30px;margin:6px 0 10px;}
	.info .i_content .i_right .i_ul{margin-top:20px;}
	.info .i_content .i_right .i_ul .i_li p:first-child{font-size:30px;line-height:30px;height:30px;}
	.info .i_content .i_right .i_ul .i_li p:last-child{font-size:14px;height:24px;line-height:24px;}
	.info .i_content .i_right a{width:160px;height:46px;line-height:46px;font-size:16px;margin-top:20px;}
	#newsbg{padding:30px 0 20px;}
	#footbg{padding:20px 0;}
	#footbg:before{top:68px;}
	.foot .f_left{width:calc(100% - 450px);}
	.foot .f_left .f_ul .f_li{width:100%;float:none;}
	.foot .f_left .f_ul .f_li span{font-size:18px;}
	.foot .f_left .f_ul .f_li:nth-child(2){margin-left:0;}
	.foot .f_left .f_logo{height:36px;}
	.foot .f_right{width:450px;}


	
	#lefttop{display:none;}
	#stylesubnav{padding:15px 0;}
	#px_banner{padding-bottom:25%;}
	.product_class .pc_li>span>a{padding:0 26px;}
}
/*992以下屏幕*/
@media screen and (max-width:1023px){
	.container{width:738px;}
	#headbg{display:none;}
	.top{display:none;}
	#mobileheadbg{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:360px;}
	.index_banner .swiper-pagination-bullets{bottom:12px!important;}
	.pb_title .h_t{font-size:24px;height:30px;line-height:30px;}
	.pb_title p{font-size:14px;height:24px;line-height:24px;}
	#hotproductbg{padding:20px 0;}
	.hotproduct .hp_ul .hp_li{padding:10px 0 13px 15px;}
	.hotproduct .hp_ul .hp_li i{width:50px;height:42px;}
	.hotproduct .hp_ul .hp_li .hp_txt{margin-left:15px;padding:0 0;}
	.hotproduct .hp_ul .hp_li .hp_txt p:first-child{font-size:16px;height:20px;line-height:20px;}
	.hotproduct .hp_ul .hp_li .hp_txt p:last-child{margin-top:8px;}
	.hotproduct .hp_ul .hp_li.on:after{width:14px;height:14px;border-width:7px;margin-left:-7px;bottom:-7px;}
	.hotproduct .hp_list{padding-bottom:10px;}
	.hotproduct .hp_list .hp_left{margin-right:15px;}
	.hotproduct .hp_list .hp_right{width:auto;float:none;padding:10px 10px 0 10px;}
	.hotproduct .hp_list .hp_right .ht_txt{min-height:250px;}
	.hotproduct .hp_list .hp_right .ht_td{margin-top:15px;}
	.product{padding:20px 0;}
	.product .p_class{width:100%;float:none;margin-top:10px;}
	.product .p_class .pc_title{display:none;}
	.product .p_class .pc_ul{padding:0 0;}
	.product .p_class .pc_ul a{width:16.66%;float:left;background:none;padding-left:0;text-align:center;font-size:13px;border-right:1px solid #FFF;height:40px;line-height:40px;border-bottom:none;}
	.product .p_class .pc_bottom{display:none;}
	.product .p_ul{width:100%;float:none;padding-left:0;}
	#youshibg{padding:20px 0;}
	.youshi .ys_left{width:100%;float:none;padding:0 0 0 0;}
	.youshi .ys_left .en{text-align:center;}
	.youshi .ys_left .en span{font-size:30px;height:32px;line-height:32px;}
	.youshi .ys_left .en span:nth-child(2){display:inline-block;margin-top:0;margin-left:8px;}
	.youshi .ys_left i{display:none;}
	.youshi .ys_left p{text-align:center;}
	.youshi .ys_left p:nth-child(3){margin:10px 0;text-align:center;height:36px;line-height:36px;}
	.youshi .ys_left .ysl_span{padding-top:0;text-align:center;}
	.youshi .ys_left .ysl_span span{display:inline-block;float:none;width:auto;margin-left:20px;}
	.youshi .ys_left .ysl_span span:nth-child(3){margin-left:20px;}
	.youshi .ys_right{width:100%;float:none;margin-top:20px;}
	.case{padding:20px 0;}
	#fengebg{padding:15px 0 20px;}
	.fenge .f_left{width:100%;float:none;}
	.fenge .f_left p{text-align:center;}
	.fenge .f_left p:first-child{font-size:24px;height:30px;line-height:30px;}
	.fenge .f_left p:nth-child(2){font-size:18px;}
	.fenge .f_left p:last-child{font-size:16px;height:24px;line-height:24px;margin-top:0;}
	.fenge .f_right{width:100%;float:none;margin-top:15px;text-align:center;}
	.fenge .f_right .fr_icon .fr_li{padding:0 25px;border-bottom:none;border-left:none;}
	.fenge .f_right .fr_icon .fr_li:before{content:none;}
	.fenge .f_right .fr_icon .fr_li:after{content:none;}
	.fenge .f_right .fr_icon .fr_li p{font-size:14px;}
	.fenge .f_right .fr_icon{float:none;}
	.info{padding:20px 0;}
	.info .i_content{margin-top:15px;}
	.info .i_content .i_right{padding-top:0;padding-left:15px;}
	.info .i_content .i_right .ir_txt p{font-size:12px;line-height:20px;}
	.info .i_content .i_right .ir_txt p:first-child{font-size:20px;height:20px;line-height:20px;}
	.info .i_content .i_right .ir_txt p:nth-child(2){font-size:18px;height:26px;line-height:26px;}
	.info .i_content .i_right .i_ul{margin-top:10px;}
	.info .i_content .i_right .i_ul .i_li p:first-child{font-size:24px;height:24px;line-height:24px;}
	.info .i_content .i_right .i_ul .i_li p:last-child{font-size:13px;height:20px;line-height:20px;}
	.info .i_content .i_right a{width:120px;height:35px;line-height:35px;font-size:14px;margin-top:10px;}
	.info .i_zz{margin-top:20px;}
	#newsbg{padding:20px 0;}
	.news .news_span span{width:150px;font-size:16px;margin-left:20px;}
	.news .n_ul{margin-top:20px;}
	.friendlink:before{content:none;}
	.friendlink .fl_left{width:100%;float:none;padding-left:0;text-align:center;margin-top:0;}
	.friendlink .fl_left:before{content:none;}
	.friendlink .fl_left p:first-child{display:none;}
	.friendlink .fl_left p:last-child{margin-top:0;}
	.friendlink .fl_right{width:100%;float:none;}
	.friendlink .fl_right a{font-size:14px;margin-top:5px;}
	#footbg{padding:10px 0;}
	#footbg:before{top:50px;}
	.foot .f_title{font-size:18px;line-height:28px;height:40px;padding-bottom:12px;}
	.foot .f_left{width:100%;float:none;}
	.foot .f_left .f_ul{padding-top:10px;}
	.foot .f_left .f_ul .f_li{margin-top:10px;}
	.foot .f_left .f_logo{margin-top:20px;}
	.foot .f_right{width:100%;float:none;margin-top:15px;}
	.foot .f_right form{margin-top:0;}
	#footbottombg{padding:10px 0 66px;}
	

	#floatBottom{display:block;}
	#px_banner{padding-bottom:31%;margin-top:0;}
	.product_class{display:block;}
	.product_class .pc_li{display:block;width:25%;float:left;border-bottom:1px solid #FFF;}
	.product_class .pc_li>span>a{padding:0 0;}
}
/*768以下屏幕*/
@media screen and (max-width:767px){
	.container{width:calc(100% - 30px);}
	.index_banner{padding-bottom:48%;}
	.index_banner .swiper-pagination-bullet{width:8px;height:8px;}
	.index_banner .swiper-pagination-bullet-active{width:20px;}
	.pb_title .h_t{font-size:20px;height:28px;line-height:28px;}
	.pb_title i{width:38px;height:3px;}
	.hotproduct .hp_ul .hp_li .hp_txt p:last-child{font-size:12px;}
	.hotproduct .hp_list .hp_left{width:100%;float:none;}
	.hotproduct .hp_list .hp_right .ht_txt{min-height:auto;margin-top:15px;}
	.product .p_class .pc_ul a{width:33.33%;border-bottom:1px solid #FFF;}
	.fenge .f_right .fr_icon .fr_li{padding:0 25px;border-bottom:none;border-left:none;}
	.fenge .f_right .fr_icon .fr_li:before{content:none;}
	.fenge .f_right .fr_icon .fr_li:after{content:none;}
	.fenge .f_right .fr_icon .fr_li p{font-size:14px;}
	.fenge .f_right .fr_icon{float:none;}
	.fenge .f_right .fr_phone{float:none;padding-left:26px;margin-top:15px;}
	.fenge .f_right .fr_phone p{display:inline-block;}
	.fenge .f_right .fr_phone p:last-child{font-size:14px;height:20px;line-height:20px;}
	.info .i_content .i_left{width:100%;float:none;}
	.info .i_content .i_right{width:100%;float:none;padding-left:0;margin-top:15px;}
	.info .i_content .i_right .ir_txt{background-size:40px auto!important;}
	.info .i_zz{padding:0 0;}
	.info .i_zz .i_zzlist .swiper-slide{padding:10px 10px 12px;}
	.info .i_zz .swiper-button-prev{left:-15px;}
	.info .i_zz .swiper-button-next{right:-15px;}
}
/*668以下屏幕*/
@media screen and (max-width:667px){
	.index_banner .swiper-pagination-bullet{width:7px;height:7px;}
	.index_banner .swiper-pagination-bullet-active{width:26px;}
	.hotproduct .hp_ul .hp_li{padding:10px 0 13px 0;}
	.hotproduct .hp_ul .hp_li i{display:none;}
	.hotproduct .hp_ul .hp_li .hp_txt{margin-left:0;width:100%;float:none;}
	.hotproduct .hp_ul .hp_li .hp_txt p{text-align:center;}
	.product .p_ul a{width:49%;}
	.product .p_ul a:nth-child(3n+1){margin-left:2%;}
	.product .p_ul a:nth-child(odd){margin-left:0;}
	
	#px_banner{padding-bottom:160px;}
	#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;}
	#video{width:400px;height:355px;}
}
/*500以下屏幕*/
@media screen and (max-width:499px){
	#headbg{display:none;}
	#mobilehead .logo{width:calc(100% - 70px);}
	#mobilehead .nav_bg{top:70px;height:calc(100% - 70px);}
	#mobilehead .nav .nav_box{top:70px;}
	.pb_title .h_t{font-size:18px;height:26px;line-height:26px;}
	.pb_title i{margin:5px 0;}
	.pb_title p{height:auto;font-size:12px;line-height:20px;}
	#hotproductbg{padding:15px 0;}
	.hotproduct .hp_ul .hp_li{padding:5px 0 5px 0;}
	.hotproduct .hp_ul .hp_li .hp_txt p:first-child{font-size:14px;height:24px;line-height:24px;}
	.hotproduct .hp_ul .hp_li .hp_txt p:last-child{display:none;}
	.hotproduct .hp_list{margin-top:18px;}

	.hotproduct .hp_list .hp_left .hp_img .hp_p p:first-child{font-size:20px;height:22px;line-height:22px;}
	.hotproduct .hp_list .hp_right .ht_title h3{padding-left:0;font-size:20px;height:26px;line-height:26px;}
	.hotproduct .hp_list .hp_right .ht_title a{height:18px;line-height:18px;background-size:auto 100%!important;top:4px;right:0;padding-right:23px;}
	.hotproduct .hp_list .hp_right .ht_txt{padding-left:0;}
	.hotproduct .hp_list .hp_right .ht_txt p{font-size:13px;line-height:24px;padding-left:0;}
	.hotproduct .hp_list .hp_right .ht_td p{font-size:13px;line-height:22px;}
	.product .p_class{margin-top:8px;}
	.product .p_ul a{width:100%;float:none;margin-left:0;margin-top:10px;}
	.product .p_ul a:nth-child(3n+1){margin-left:0;}
	.fenge .f_right .fr_phone{padding-left:46px;}
	.youshi .ys_left .en span{font-size:22px;height:24px;line-height:24px;}
	.youshi .ys_left p{font-size:13px;line-height:22px;}
	.youshi .ys_left p:nth-child(3){font-size:20px;height:28px;line-height:28px;margin:6px 0;}
	.youshi .ys_left .ysl_span{text-align:left;}
	.youshi .ys_left .ysl_span span{font-size:14px;height:18px;line-height:18px;background-size:auto 100%!important;padding-left:25px;}
	.youshi .ys_left .ysl_span span:last-child{margin-left:0;}
	.youshi .ys_right .swiper-slide{margin-top:0!important;}
	.fenge .f_left p:first-child{font-size:18px;height:26px;line-height:26px;}
	.fenge .f_left p:nth-child(2){font-size:16px;height:18px;line-height:18px;}
	.fenge .f_left p:last-child{font-size:13px;height:auto;line-height:20px;font-weight:normal;}
	.fenge .f_right .fr_icon .fr_li{padding:0 10px;}
	.fenge .f_right .fr_icon .fr_li p{font-size:13px;margin-top:0;}
	.info .i_content .i_right .i_ul .i_li p span{font-size:12px;}
	.info .i_content .i_right .i_ul .i_li p:first-child{font-size:20px;height:22px;line-height:22px;}
	.info .i_content .i_right .i_ul .i_li p:last-child{font-size:12px;}
	.info .i_zz .i_zzlist p{font-size:12px;margin-top:5px;}
	.news .news_span span{font-size:14px;height:38px;line-height:36px;margin-left:10px;width:90px;}
	.foot .f_left .f_ul .f_li{float:none;height:auto;}
	.foot .f_left .f_ul .f_li:nth-child(2){margin-left:0;}
	.foot .f_left .f_logo{height:26px;margin-top:10px;}
	.foot .f_right input{float:none;}
	.foot .f_right .input1{width:100%;float:none;}
	.foot .f_right .input2{width:100%;float:none;margin-left:0;}
	.foot .f_right input[name='imgvc']{width:calc(100% - 100px)!important;}
	.foot .f_right button{width:100%;float:none;}
	.foot .f_right span{top:-2px!important;}







	

	#video{width:300px;height:260px;}
	#video span{left:130px;top:260px;}
	.product_class .pc_li{width:50%;}
	.product_class .pc_li>span>a{padding:0 6px;font-size:13px;}
}



.swiper-container.tpro-img{
    width: 500px;
    height: 400px;
    margin:0 auto;
    border:1px solid #eee;
    position: relative;
}   
.swiper-container.tpro-img img{
     display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    max-width: 100%;
    max-height: 100%;
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
}
.pro-img .swiper-slide{
    overflow: hidden;
    position: relative;
}

.pro-img .swiper-slide img{
    display: block;
    max-width: 100%;
}
@media screen and (max-width:550px){
.swiper-container.tpro-img{width: auto;height: 300px;}
}