@font-face{font-family:'iconfont';src:url('http://at.alicdn.com/t/font_1432720974_1547027.eot');src:url('http://at.alicdn.com/t/font_1432720974_1547027.eot?#iefix') format('embedded-opentype'),url('http://at.alicdn.com/t/font_1432720974_1547027.woff') format('woff'),url('http://at.alicdn.com/t/font_1432720974_1547027.ttf') format('truetype'),url('http://at.alicdn.com/t/font_1432720974_1547027.svg#iconfont') format('svg')}
@font-face{font-family:'Pacifico';font-style:normal;font-weight:400;src:local('Pacifico Regular'),local('Pacifico-Regular'),url(http://fonts.gstatic.com/s/pacifico/v7/Q_Z9mv4hySLTMoMjnk_rCfesZW2xOQ-xsNqO47m55DA.woff2) format('woff2')}

.fa{display:inline-block;font-family:"iconfont";font-size:20px;font-style:normal;font-weight:400;line-height:1;-webkit-font-smoothing:antialiased;-webkit-text-stroke-width:0.2px;-moz-osx-font-smoothing:grayscale}
.fa-icon-qq:before{content:"\e604"}
.fa-icon-weibo:before{content:"\e600"}
.fa-icon-weixin:before{content:"\e605"}
.fa-icon-zaixianzixun:before{content:"\e608"}

*{margin:0;padding:0;}
body{background:#fff; font-size:12px;line-height:22px;font-family:"Microsoft YaHei";}
body,ul,ol,li,p,h1,h2,h3,h4,h5,h6,form,fieldset,table,td,img,div,tr,dl,dd,select,option{ margin:0; padding:0;}
.body,.ul,.ol,.li,.p,.h1,.h2,.h3,.h4,.h5,.h6,.form,.fieldset,.table,.td,.img,.div,.tr,.dl,.dd,.select,.option{ margin:0; padding:0;}
li,img,input,em,select{ list-style:none; border:none; font-style:normal;}
a{ text-decoration:none !important; cursor:pointer !important;}
select::-ms-expand { display: none; }
.img_cover{position: absolute;top: 0;bottom: 0;left: 0;right: 0;	max-width: 100%;max-height: 100%;display: block;margin:auto;padding: auto;}
.clearfix:after{content:" ";display:block;height:0;clear:both;visibility:hidden;}
.tr{ transition:all 0.5s;-o-transition:all 0.5s;-ms-transition:all 0.5s;-moz-transition:all 0.5s;-webkit-transition:all 0.5s;}
.wrap{ max-width:1200px; margin:0 auto;width:100%;}
.overflow { overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}

header.act{position:fixed;left:0;top:0;z-index:100;animation:searchTop 0.5s ease-in-out}
@keyframes searchTop {
    0% {top:-100px}
    to {top:0}
}

header{position:relative;width:100%;}

.header_main{display:flex;justify-content:space-between;align-items:center;}
.logo{ width:465px;}
.logo img{ max-width:100%; display:block;}
header .tel{background:url(../images/tel.png) no-repeat left center;padding-left:58px;}
header .tel p{line-height:23px;font-size:16px;color:#222;}
header .tel p span{font-size:12px;}
header .tel i{line-height:31px;font-size:30px;color:#006db2;font-weight:bold;}

/*导航*/
.header_nav{ width:100%;position:relative;}
.header_nav:before, .header_nav::after{display:block;content:"";width:100%;height:50%;position:absolute;left:0;}
.header_nav:before{background:#0f80cc;top:0;}
.header_nav::after{background:#126dc0;bottom:0;}
.header_nav .nav{  position:relative; z-index:99;  display:flex;justify-content:space-between;align-items:center;}
.header_nav .nav .nLi{ position:relative; width:14.28%; text-align:center;}
.header_nav .nav .nLi h3{background:url(../images/nav_shu.jpg) no-repeat right center;}
.header_nav .nav .nLi h3 a{ display:block; font-size:16px; color:#fff; line-height:50px;margin-right:2px;}
.header_nav .nav .sub{ display:none; width:100%; left:0; top:50px;  position:absolute; background:rgba(18,109,192,0.8) none repeat scroll 0 0 !important;  line-height:35px; padding:5px; z-index:999;}
.header_nav .nav .sub li{ zoom:1; margin-bottom:5px; } 
.header_nav .nav .sub a{ display:inline-block; padding:0 10px;font-size:13px;color:#fff; border-bottom:2px solid transparent;}
.header_nav .nav .sub a:hover{  color:#fff;border-bottom:2px solid #fff;}
.header_nav .nav .nLi:hover h3 a{color:#fff;font-weight:bold;background:#222;}
.header_nav .nav .nLi h3 a.cur{color:#fff;font-weight:bold;background:#222;}

/*移动端导航*/
.sj_nav{ width:100%; }
.icon-menu{ cursor:pointer;z-index:999; width:40px; height:40px; border:3px solid #006db2; border-radius:50%;display:flex;justify-content:center;align-items:center;position:relative;right:0;top:0;}
.icon-menu .span01 { width:18px;height:3px;background:#006db2;border-radius:5px; display:block;}
.icon-menu .span02 { width:18px;height:3px;background:#006db2;border-radius:5px; display:block; margin:5px 0;}
.icon-menu .span03 { width:18px;height:3px;background:#006db2;border-radius:5px; display:block;}
.icon-menu.click .span02 {width:0;opacity:0;filter:alpha(opacity=0); }
.icon-menu.click .span01 { position:relative;top:8px;transform:rotate(45deg);}
.icon-menu.click .span03 { position:relative;top:-8px;transform:rotate(-45deg);}
.sjnav{ width:115px; height:280px; position:absolute;right:0%; top:72px;z-index:9999;background:rgba(44, 44, 44, 0.7) none repeat scroll 0 0 !important; background-color:#202020;}
.sjnav ul{ padding:0; margin:0;}
.sjnav li{ height:44px; line-height:44px;display:block;text-align:center; margin:0; padding:0;}
.sjnav li a{display:block;line-height:40px;  font-size:15px; color:#fff;}
.sjnav li a:hover{background:#333; color:#fd5573;}
.sjnavhide{ height:0; overflow:hidden;}

/*大图滚动开始*/
.banner{}
.ban_img { padding-top:33%;}
.swiper-pagination-bullet{width:45px;height:8px;border-radius:0;}
.swiper-pagination-bullet-active{background:#00a7b3}
.prev-banner, .next-banner{ font-size:30px;font-family:"SimSun";color:#fff;width:40px;height:40px;background:rgba(0,0,0,0.5);border-radius:6px;display:flex;justify-content:center;align-items:center;font-weight:bold;}
.prev-banner{left:-50%;}
.next-banner{right:-50%;}
.banner:hover .prev-banner{left:10px;}
.banner:hover .next-banner{right:10px;}

.product{margin:45px 0 0 0;display:flex;flex-wrap:wrap;}
.pro_left{width:240px;margin-right:20px;}
.s-drop-wrap { width:100%; }
.s-drop-btn { background:#006db2; line-height:60px; font-size:24px; color: #fff;font-weight:bold;letter-spacing:3px; text-align:center;position:relative;border-radius:5px 5px 0 0;}
.s-drop-btn span {position:absolute;right:20px;top:50%;transform:translate(0, -50%);}
.s-drop-btn.act{ background:#006db2;}
.s-drop-list {display: block;margin-top:7px;}
.s-drop-list li{ margin-bottom:5px;position:relative;}
.s-drop-list li a{ display:block; }
.aside-list-link{ font-size:14px; color:#222;line-height:38px; padding-left:57px; background:url(../images/dian1.png) no-repeat 16px center, #efefef;position:relative;}
.aside-list-link:before{display:block;content:"";width:100%;height:1px;background:#efefef;position:absolute;left:0;bottom:-2px;}
.aside-list-link:hover, .aside-list-link.act{background:url(../images/dian2.png) no-repeat 16px center, #0071be; color:#fff;}
.aside-list-link:hover:before, .aside-list-link.act:before{background:#0071be;}
/*.s-drop-list li .aside-sublist{ width:100%;  display:none;  }
.s-drop-list li .aside-sublist li{margin-top:5px;}
.s-drop-list li .aside-sublist li a{ color:#5e5e5e; line-height:40px;  font-size:14px; margin-bottom:1px; text-align:center; background:#eee;}
.s-drop-list li .aside-sublist li a:hover, .aside-sublist li a.act{ background:#000;color:#bc2a2a;}*/
.pro_left form{margin:14px 0;border:1px solid #006db2;display:flex;}
.pro_left form .text{width:calc(100% - 44px);line-height:32px;background:#fff;padding-left:15px;font-size:14px;color:#666;}
.pro_left form .submit{width:44px;line-height:32px;background:url(../images/but.png) no-repeat center center, #006db2;}
.pro_left .lxfs{margin:10px 0 0 0;border:1px solid #efefef;padding:5px 18px 10px 18px;}
.pro_left .lxfs .bt{line-height:46px;border-bottom:1px solid #efefef;padding-left:34px;background:url(../images/dian3.png) no-repeat left center;font-size:16px;color:#222;}
.pro_left .lxfs img{display:block;max-width:100%;margin:13px auto;}
.pro_left .lxfs .txt{line-height:22px;font-size:14px;color:#222;margin-top:3px;}

.pro_right{width:calc(100% - 260px);}
.pro_title{border:1px solid #d8d8d8;background:linear-gradient(top, #fefefe, #f0f0f0);background:-moz-linear-gradient(top, #fefefe, #f0f0f0);background:-webkit-linear-gradient(top, #fefefe, #f0f0f0);padding:0 15px 0 20px;display:flex;justify-content:space-between;line-height:43px;}
.pro_title1{background:url(../images/dian4.png) no-repeat left center;padding-left:36px;font-size:16px;color:#333;}
.pro_title1 span{font-size:14px;color:#9f9f9f;margin-left:10px;}
.pro_title2{font-size:14px;color:#333;}
.pro_right .pro_ul{margin:25px 0 0 0;display:flex;flex-wrap:wrap;}
.pro_right .pro_ul li{width:24%;margin:0 0.5% 20px 0.5%;}
.pro_right .pro_ul li .pic{width:100%;position:relative;overflow:hidden;border:1px solid #fff;box-shadow:0 0 0 1px #d8d8d8;}
.pro_right .pro_ul li .pic .pro_img{padding-top:69%}
.pro_right .pro_ul li .txt{margin-top:6px;display:flex;justify-content:space-between;}
.pro_right .pro_ul li .txt a{display:block;line-height:32px;text-align:center;font-size:14px;padding:0 25px;}
.pro_right .pro_ul li .txt a:nth-child(1){border:1px solid #d8d8d8;background:#fff;color:#222;}
.pro_right .pro_ul li .txt a:nth-child(2){background:#006db2;color:#fff;}
.pro_right .pro_ul li:hover .img_cover{transform:scale(1.1);}
.pro_right .pro_ul li:hover .pic{border-color:#006db2;}
.pro_right .pro_ul li a:nth-child(1):hover{border-color:#006db2;color:#006db2;}

.about{margin:45px 0 0 0;position:relative;}
.about:before{display:block;content:"";width:100%;height:333px;background:#006db2;position:absolute;left:0;top:0;z-index:-1;}
.about_main{display:flex;flex-wrap:wrap;padding:44px 0 0 0;}
.about_left{width:333px;position:relative;}
.about_img{width:280px;border:3px solid #fff;box-shadow:5px 5px 5px #afafaf;}
.about_img img{display:block;max-width:100%;margin:0 auto;}
.about_link{position:absolute;right:1px;top:44px;}
.about_link a{display:flex;justify-content:space-between; width:158px;line-height:54px;background:#006db2;padding-left:21px;font-size:16px;color:#fff;margin-bottom:5px;transition:0.5s;}
.about_link a span{display:block;width:52px;background:url(../images/dian5.png) no-repeat center center, #373a3b;}
.about_link a:hover{transform:translateX(10px)}
.about_right{width:calc(100% - 333px);padding-left:20px;}
.about_title{display:flex;justify-content:space-between;}
.about_title b{display:block;line-height:33px;font-size:20px;color:#fff;border-bottom:2px solid #fff;}
.about_title a{display:block;font-size:14px;color:#fff;line-height:33px;}
.about_right .txt{line-height:22px;font-size:14px;color:#fff;margin:23px 0 0 0;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:9;overflow:hidden;}
.about_gundong{position:relative;margin-top:50px;}
.swiper-about{margin:0 35px;}
.swiper-about a{display:block;position:relative;overflow:hidden;}
.swiper-about a .about_img2{padding-top:69%;}
.prev-about, .next-about{ font-size:36px;font-family:"SimSun";color:#006db2;background:none;font-weight:bold;}
.prev-about{left:0;}
.next-about{right:0;}
.swiper-about a:hover .img_cover{transform:scale(1.1);}

.news{margin:50px 0 0 0;}
.news_title{position:relative;display:flex;justify-content:center;align-items:center;}
.news_title h6{font-size:70px;color:#0f80cc;font-family:"Arial";line-height:62px;padding-left:55px;background:url(../images/title.png) no-repeat left center;margin-right:24px;}
.news_title h5{font-size:70px;color:#fff;font-family:"Arial";line-height:62px;padding-left:55px;background:url(../images/title2.png) no-repeat left center;margin-right:24px;}
.news_title .title1{line-height:23px;font-size:16px;color:#8c8c8c;}
.news_title .title2{line-height:39px;font-size:30px;color:#0f80cc;font-weight:bold;}
.news_main{margin-top:35px;display:flex;flex-wrap:wrap;justify-content:space-between;}
.news_left{width:43%;}
.news_left .pic{width:100%;position:relative;overflow:hidden;}
.news_left .pic .news_img{padding-top:61%}
.news_left .txt{margin-top:5px;}
.news_left .txt b{display:block;line-height:43px;font-size:16px;color:#666;position:relative;}
.news_left .txt b:before{display:block;content:"";width:30px;height:2px;background:#006db2;position:absolute;left:0;bottom:0;transition:0.5s;}
.news_left .txt .p01{margin-top:11px;line-height:22px;font-size:14px;color:#666;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;}
.news_left:hover .img_cover{transform:scale(1.1);}
.news_left:hover .txt b:before{width:100%;}
.news_right{width:54%;}
.news_right ul{display:block;}
.news_right ul li{margin-bottom:10px;background:#efefef;padding:6px;}
.news_right ul li a{display:flex;}
.news_right ul li a .pic{width:180px;margin-right:15px;position:relative;overflow:hidden;}
.news_right ul li a .pic .news_img{padding-top:72%}
.news_right ul li .txt{width:calc(100% - 195px);}
.news_right ul li .txt b{display:block;line-height:31px;font-size:16px;color:#666;position:relative;margin-bottom:6px;transition:0.5s;}
.news_right ul li .txt b:before{display:block;content:"";width:30px;height:2px;background:#006db2;position:absolute;left:0;bottom:-6px;transition:0.5s;}
.news_right ul li .txt .p01{margin-top:10px;line-height:23px;font-size:14px;color:#999;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;transition:0.5s;}
.news_right ul li:hover{background:#0f80cc;}
.news_right ul li:hover .txt b{color:#fff;}
.news_right ul li:hover .txt b:before{width:100%;background:#fff;}
.news_right ul li:hover .txt .p01{color:#fff;}
.news_right ul li:hover .img_cover{transform:scale(1.1);}

.workshop{margin:60px 0 0 0;background:#006db2;padding:60px 0;position:relative;}
.swiper-workshop{margin:45px 0 0 0;}
.swiper-workshop a{display:block;position:relative;overflow:hidden;}
.swiper-workshop a .workshop_img{padding-top:78%;}
.swiper-workshop a .txt{width:100%;line-height:35px;text-align:center;background:rgba(0,0,0,0.6);font-size:16px;color:#fff;position:absolute;left:0;bottom:0;}
.swiper-workshop a:hover .img_cover{transform:scale(1.1);}
.workshop .more{display:block;max-width:100%;position:absolute;left:50%;bottom:-33px;transform:translate(-50% , -50%);cursor:pointer;}

.contact{margin:75px 0 0 0;}
.contact_main{margin:45px 0 0 0;display:flex;flex-wrap:wrap;justify-content:space-between;}
.contact_left{width:48%;}
.contact_left b{display:block;line-height:28px;font-size:16px;color:#222;}
.contact_left h6{line-height:24px;font-size:14px;color:#222;margin-top:7px;}
.contact_left .lxfs{line-height:26px;font-size:14px;color:#222;margin-top:24px;}
.contact_right{width:48%;}
.contact_right form .text, .contact_right form textarea{background:#e6e6e6;line-height:36px;margin-bottom:13px;border-radius:8px;padding-left:14px;font-size:14px;color:#222;width:100%;}
.contact_right form textarea{height:107px;border:none;}
.contact_right form .submit{width:100%;line-height:36px;background:#006db2;font-size:16px;color:#fff;text-align:center;border-radius:8px;}

footer{margin-top:50px;background:#333;}
.foot_nav{color:#fff;font-size:14px;background:#0071be;padding:20px 0;}
.foot_nav a{color:#fff;}
.foot_nav a:hover{color:#fd5573;text-decoration:underline !important;}
.foot_nav a:nth-last-child(1){position:absolute;right:0;top:-8px;background:url(../images/dian7.png) no-repeat top center;line-height:62px;}

.foot_main{padding:27px 0;border-bottom:1px solid #666;display:flex;position:relative;}
.foot_main .foot_link{margin-right:80px;}
.foot_main .foot_link .bt a{display:inline-block;line-height:43px;font-size:16px;color:#fff;border-bottom:1px solid #999;margin-bottom:9px;}
.foot_main .foot_link ul{display:block;}
.foot_main .foot_link ul li, .foot_main .foot_link ul li a{/*display:inline-block;*/line-height:29px;font-size:14px;color:#fff;/*display:flex;*/}
.foot_main .foot_link ul li a:hover{text-decoration:underline !important;}
.foot_link:nth-child(2){width:275px;}
.foot_link:nth-child(2) .bt a{display:inline-block;line-height:43px;font-size:16px;color:#fff;border-bottom:1px solid #999;margin-bottom:9px;}
.foot_link:nth-child(2) ul{display:flex;flex-wrap:wrap;justify-content:space-between;}
.erweima{display:block;width:135px;height:135px;position:absolute;right:10px;top:50px;}
.foot_txt{padding:20px 0;font-size:14px;color:#fff;text-align:center;}

/*industry*/
.industry{background:url(../images/i_bj.jpg) repeat;padding:55px 0;position:relative;z-index:10;}
.industry img{display:block;max-width:100%;}
.industry_bt{width:100%;height:63px;position:relative;margin-top:38px;}
.industry_bt:before{display:block;content:"";width:49%;height:100%;background:#0f80cc;position:absolute;left:0;top:0;z-index:2;}
.industry_bt::after{display:block;content:"";width:100%;height:1px;background:#0f80cc;position:absolute;left:0;top:50%;}
.industry_bt h6{float:left;line-height:63px;width:52%;background:url(../images/i_dian.png) no-repeat 98% center, #0f80cc;border-radius:30px;font-size:20px;color:#fff;position:relative;z-index:5;}
.industry_bt .txt{padding-left:23px;overflow:hidden;}
.industry_bt .txt b{display:block;line-height:31px;font-size:20px;color:#0f80cc;}
.industry_bt .txt span{display:block;line-height:31px;font-size:16px;color:#666;}

.in_bigbox1{margin:80px 0;}
.in_box1{display:flex;justify-content:space-between;align-items:center;}
.in_box1 .txt{width:50%;}
.in_box1 .txt .in_title1{display:flex;position:relative;}
.in_box1 .txt .in_title1 .number{width:65px;height:65px;text-align:center;background:#006db2;border-radius:5px;margin-right:9px;display:flex;justify-content:center;align-items:center;}
.in_box1 .txt .in_title1 .number span{display:inline-block;font-size:40px;color:#fff;border-bottom:2px solid #fff;padding-bottom:15px;}
.in_box1 .txt .in_title1 .p01{width:calc(100% - 74px);margin-top:5px;}
.in_box1 .txt .in_title1 .p01 b{display:block;line-height:28px;font-size:24px;color:#006db2;}
.in_box1 .txt .in_title1 .p01 span{display:block;line-height:20px;font-size:18px;color:#ababab;font-family:"Arial";border-bottom:1px dashed #e3e3e3;padding-bottom:6px;}
.in_box1 .txt .p02{margin-top:21px;line-height:26px;font-size:16px;color:#222;}

.in_bigbox2{background:#006db2;padding:56px 0;}
.in_box2{display:flex;justify-content:space-between;align-items:center;}
.in_box2 .txt{width:50%;color:#fff;}
.in_box2 .txt .in_title1{display:flex;position:relative;}
.in_box2 .txt .in_title1 .number{width:65px;height:65px;text-align:center;background:#fff;border-radius:5px;margin-right:9px;display:flex;justify-content:center;align-items:center;}
.in_box2 .txt .in_title1 .number span{display:inline-block;font-size:40px;color:#006db2;border-bottom:2px solid #006db2;padding-bottom:15px;}
.in_box2 .txt .in_title1 .p01{width:calc(100% - 74px);margin-top:5px;}
.in_box2 .txt .in_title1 .p01 b{display:block;line-height:28px;font-size:24px;}
.in_box2 .txt .in_title1 .p01 span{display:block;line-height:20px;font-size:18px;font-family:"Arial";border-bottom:1px dashed #e3e3e3;padding-bottom:6px;}
.in_box2 .txt .p02{margin-top:21px;line-height:26px;font-size:16px;}

.in_bigbox3{margin:20px 0;}

/*news*/
.news_ul{display:block;margin-top:20px;}
.news_ul li{margin-bottom:10px;background:#efefef;padding:6px;}
.news_ul li a{display:flex;}
.news_ul li a .pic{width:180px;margin-right:15px;position:relative;overflow:hidden;}
.news_ul li a .pic .news_img{padding-top:72%}
.news_ul li .txt{width:calc(100% - 195px);}
.news_ul li .txt b{display:block;line-height:31px;font-size:16px;color:#666;position:relative;margin-bottom:6px;transition:0.5s;}
.news_ul li .txt b:before{display:block;content:"";width:30px;height:2px;background:#006db2;position:absolute;left:0;bottom:-6px;transition:0.5s;}
.news_ul li .txt .p01{margin-top:10px;line-height:23px;font-size:14px;color:#999;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;transition:0.5s;}
.news_ul li:hover{background:#0f80cc;}
.news_ul li:hover .txt b{color:#fff;}
.news_ul li:hover .txt b:before{width:100%;background:#fff;}
.news_ul li:hover .txt .p01{color:#fff;}
.news_ul li:hover .img_cover{transform:scale(1.1);}

/*workshop*/
.workshop_ul{display:flex;flex-wrap:wrap;margin:20px;}
.workshop_ul li{width:31.3%;margin:1%;}
.workshop_ul li a {display:block;position:relative;overflow:hidden;}
.workshop_ul li a .workshop_img{padding-top:78%;}
.workshop_ul li a .txt{width:100%;line-height:35px;text-align:center;background:rgba(0,0,0,0.6);font-size:16px;color:#fff;position:absolute;left:0;bottom:0;}
.workshop_ul li a:hover .img_cover{transform:scale(1.1);}

/*about*/
.about_page{position:relative;margin:70px auto;width:630px;}
.swiper-vertical{height:400px; position:relative;padding:10px 0;}
.swiper-vertical:before{display:block;content:"";width:2px;height:100%;background:#006db2;position:absolute;left:150px;top:0;}
.swiper-vertical a{display:flex;justify-content:space-between;}
.swiper-vertical a .data{width:130px;height:42px;line-height:40px;text-align:center;font-size:14px;color:#222;font-weight:bold;background:url(../images/about_dian1.png) no-repeat center center;margin-right:40px;position:relative;}
.swiper-vertical a .data:before{display:block;content:"";width:16px;height:16px;border:4px solid #006db2;background:#fff;border-radius:50%;position:absolute;right:-37px;top:50%;transform:translate(-50% , -50%);}
.swiper-vertical a .txt{width:calc(100% - 170px);height:80px;background:#fff;border:1px solid #dadada;box-shadow:5px 5px 5px #ededed;line-height:20px;font-size:12px;color:#222;padding:15px 30px 0 30px;}
.swiper-slide-active a .data, .swiper-vertical a:hover .data{background:url(../images/about_dian2.png) no-repeat center center;color:#fff;}
.swiper-slide-active a .txt, .swiper-vertical a:hover .txt{background:#006db2;color:#fff;}
.swiper-slide-active a .data:before, .swiper-vertical a:hover .data:before{background:#006db2;border-color:#c7c7c7;}
.about_page:before, .about_page::after{display:block;content:"";width:23px;height:23px;border-radius:50%;background:#006db2;border:3px solid #c7c7c7;position:absolute;left:140px;z-index:6;}
.about_page:before{top:-20px;}
.about_page::after{bottom:-20px;}

/*contact*/
.contact_page{padding:20px;border:1px solid #d8d8d8;display:flex;justify-content:space-between;/*flex-wrap:wrap;*/}
.contact_page .lxfs{line-height:30px;font-size:14px;color:#222;}
.contact_page img{display:block;max-width:100%;}

.abouts {border: 1px solid #d8d8d8; font-size:14px;line-height:24px;padding:20px; }
.abouts img{max-width:100%;height:auto}
.abouts .tit{font-size:16px;font-weight:bold; padding:5px;text-align:center}
.abouts span{color:#ccc;font-size:12px;margin-left:10px;}
/*手机底部*/
.hot {
    width: 100%;
    height: 58px;
    background: #191919;
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 99;
    border-top: solid 2px #fff;
}
.hot span{ color:#fff; font-size:16px; line-height:20px;}
.hot h6{ font-size:12px; line-height:20px;}
.hot .row div a{ display:block; color:#fff; padding:7px 0;}
.dbbox{ position: fixed; left: 0; bottom:70px; z-index:99; width: 100%; }
.dbbox .dbs{ position: relative; padding: 0 15px; display:none;}
.dbbox .dbs .neirong{padding: 10px; background: #fff; border-radius: 5px;}
.dbbox .dbs.ewm-box{ text-align:center; }
.dbbox .dbs.ewm-box:after{ content: ""; position: absolute; left:50%; bottom:-6px; z-index: 1; width:25%; height:6px; background: url(../images/icon/dbtc_jt.png) no-repeat center;}
.dbbox .dbs.fenxiang-box:after{ content: ""; position: absolute; left:75%; bottom:-6px; z-index: 1; width:25%; height:6px; background: url(../images/icon/dbtc_jt.png) no-repeat center;}
.dbbox .dbs.ewm-box img{ max-width: 140px; }
.dbbox .dbs.fenxiang-box .bdshare-button-style1-32 .li{ position: relative; padding: 6px 0; width: 20%; height: 44px; }
.dbbox .dbs.fenxiang-box .bdshare-button-style1-32 a{ position: absolute; left: 50%; top:6px; margin:0 0 0 -16px; float: inherit !important; display: block; }


@media (max-width:1200px){
	.wrap{ width:96%}
    .pro_right .pro_ul li .txt a{padding:0 12px;font-size:12px;}
    .foot_main .foot_link{margin-right:40px;}
    .erweima{top:20px;}
    /*industry*/
    .industry_bt h6{font-size:16px;}
    .industry_bt .txt span{font-size:14px;}
    .industry_bt .txt b{font-size:18px;}
    }

@media (max-width:991px) and (min-width:768px){
	.wrap{ width:96%}
    .pro_left{width:100%;margin:0;}
    .pro_right{width:100%;}
    .pro_right .pro_ul li{width:31.3%;margin:1%;}
    .s-drop-list{display:none;}
    .news_left{width:100%;}
    .news_right{width:100%;margin-top:20px;}
    /*industrt*/
    .in_box1, .in_box2{flex-wrap:wrap;}
    .in_box1 .txt, .in_box2 .txt{width:100%;}
    .industry img{margin:20px auto;}
    .in_bigbox1{margin:30px 0 20px 0;}
    .in_bigbox2{padding:20px 0;}
    }
 
@media (max-width:767px){
	.wrap{ width:96%}
    .logo{width:300px;}
    .ban_img{padding-top:42%}
    .product, .contact_main, footer{margin:20px 0 0 0;}
    .pro_left{width:100%;margin:0;}
    .pro_right{width:100%;}
    .s-drop-list{display:none;}
    .pro_right .pro_ul li{width:48%;margin:1%;}
    .about_main{padding:20px 0 0 0;}
    .about_right{width:100%;padding:0;}
    .about, .about_gundong{margin:20px 0 0 0;}
    .news_left{width:100%;}
    .news_right{width:100%;margin-top:20px;}
    .news_right ul li a .pic{width:150px;margin-right:10px;}
    .news_right ul li .txt{width:calc(100% - 160px);}
    .news_right ul li .txt b{font-size:14px;}
    .news_right ul li .txt .p01{font-size:12px;}
    .workshop{margin:20px 0 0 0;padding:20px 0;}
    .swiper-workshop{margin-top:20px;}
    .contact{margin:40px 0 0 0;}
    .contact_left{width:100%;}
    .contact_right{width:100%;margin-top:20px;}
    .foot_nav a:nth-last-child(1){top:23px;}
    /*industrt*/
    .in_box1, .in_box2{flex-wrap:wrap;}
    .in_box1 .txt, .in_box2 .txt{width:100%;}
    .industry img{margin:20px auto;}
    .in_bigbox1{margin:30px 0 20px 0;}
    .in_bigbox2{padding:20px 0;}
    .in_box1 .txt .p02, .in_box2 .txt .p02{font-size:14px;margin-top:15px;}
    .industry{padding:20px 0;}
    /*news*/
    .news_ul li a .pic{width:150px;margin-right:10px;}
    .news_ul li .txt{width:calc(100% - 160px);}
    .news_ul li .txt b{font-size:14px;}
    .news_ul li .txt .p01{font-size:12px;}
    /*workshop*/
    .workshop_ul{margin:20px 0 0 0;}
    .workshop_ul li{width:48%;}
    /*about*/
    .about_page{width:100%;margin:50px auto;}
    .swiper-vertical a .txt{padding:5px;height:initial;}
    .swiper-vertical{height:465px;}
    }

@media (max-width:567px){
	}

@media (max-width:467px){

    }

@media (max-width:376px){
	}

@media (max-width:336px) {
    .logo{width:260px;}
    }

/*清除样式*/
.clear {
    clear: both;
    font-family: '微软雅黑';
}

/*分页css scott style pagination*/
div.scott {
    padding: 3px;
    margin: 3px;
    text-align: center;
}

    div.scott a {
        border: #221616 1px solid;
        padding: 2px 5px;
        color: #221616;
        margin: 0 2px 0 0;
        text-decoration: none;
    }

        div.scott a:hover {
            border: #221616 1px solid;
            color: white;
            background-color: #221616;
        }

        div.scott a:active {
            border: #221616 1px solid;
            color: #611985;
            background-color: #221616;
        }

    div.scott span.current {
        border: #221616 1px solid;
        padding: 2px 5px;
        font-weight: bold;
        color: #fff;
        margin: 0 2px 0 0;
        background-color: #221616;
    }

    div.scott span.disabled {
        border: #dfdfdf 1px solid;
        padding: 2px 5px;
        color: #221616;
        margin: 0 2px 0 0;
    }

/*QQ*/
.dock {
    position: fixed;
    right: 0px;
    width: 50px;
    -moz-opacity: 0.7;
    opacity: 0.7;
    z-index: 200;
}

    .dock.close {
        z-index: 50;
    }

    .dock ul.icons {
        position: absolute;
        list-style: none;
        right: 0px;
        padding: 0px;
        width: 50px;
        border: 1px solid #333;
        border-right: none;
        background: #111;
        -moz-border-radius: 10px 0 0 10px;
        -webkit-border-radius: 10px 0 0 10px;
        border-radius: 10px 0 0 10px;
        -webkit-transition: all .3s ease-in-out 0s;
        -moz-transition: all .3s ease-in-out 0s;
        -ms-transition: all .3s ease-in-out 0s;
        -o-transition: all .3s ease-in-out 0s;
        transition: all .3s ease-in-out 0s;
    }

    .dock.close ul.icons {
        right: -70px;
    }

    .dock ul.icons li i {
        display: block;
        position: relative;
        width: 50px;
        height: 50px;
        background: url(../images/icons.png) no-repeat;
        cursor: pointer;
        -webkit-transition: all .3s ease-in-out 0s;
        -moz-transition: all .3s ease-in-out 0s;
        -ms-transition: all .3s ease-in-out 0s;
        -o-transition: all .3s ease-in-out 0s;
        transition: all .3s ease-in-out 0s;
        z-index: 210;
    }

    .dock ul.icons li.active i {
        -moz-opacity: 0.4;
        opacity: 0.4;
    }

    .dock ul.icons li.up i {
        background-position: -63px -150px;
    }

    .dock ul.icons li.tel i {
        background-position: -62px -108px;
    }

    .dock ul.icons li.im i {
        background-position: -63px -20px;
    }

    .dock ul.icons li.wechat i {
        background-position: -59px -66px;
    }

    .dock ul.icons li.down i {
        background-position: -63px -190px;
    }

    .dock ul.icons li p {
        display: block;
        position: absolute;
        top: 50px;
        right: -260px;
        padding: 15px 20px;
        height: 120px;
        color: White;
        line-height: 30px;
        border: 1px solid #333;
        border-right: none;
        background: #111;
        -moz-border-radius: 10px 0 0 10px;
        -webkit-border-radius: 10px 0 0 10px;
        border-radius: 10px 0 0 10px;
        -moz-opacity: 0;
        opacity: 0;
        filter: alpha(opacity=0);
        -webkit-transition: all .4s ease-in-out .1s;
        -moz-transition: all .4s ease-in-out .1s;
        -ms-transition: all .4s ease-in-out .1s;
        -o-transition: all .4s ease-in-out .1s;
        transition: all .4s ease-in-out .1s;
        overflow: hidden;
        z-index: 201;
    }

    .dock ul.icons li.active p {
        right: 50px;
        -moz-opacity: 1;
        opacity: 1;
        filter: alpha(opacity=100);
    }

    .dock ul.icons li.tel p {
        width: 200px;
        height: 130px;
        line-height: 90px
    }

    .dock ul.icons li.im p {
        width: 185px;
        height: 155px;
        line-height: 30px
    }

        .dock ul.icons li.im p a {
            display: block;
            margin-top: 12px;
            width: 100px;
            height: 35px;
            line-height: 32px;
            color: #00dfb9;
            font-size: 16px;
            text-align: center;
            text-decoration: none;
            border: 1px solid #00dfb9;
            -moz-border-radius: 5px;
            -webkit-border-radius: 5px;
            border-radius: 5px;
            -webkit-transition: all .3s ease-in-out 0s;
            -moz-transition: all .3s ease-in-out 0s;
            -ms-transition: all .3s ease-in-out 0s;
            -o-transition: all .3s ease-in-out 0s;
            transition: all .3s ease-in-out 0s;
        }

            .dock ul.icons li.im p a:hover {
                color: White;
                background: #0f8773;
                border: 1px solid #0f8773;
            }

    .dock ul.icons li.wechat p {
        width: 180px;
        height: 180px;
        line-height: 30px
    }

        .dock ul.icons li.wechat p img {
            border: 2px solid #000;
        }

    .dock a.switch {
        position: absolute;
        display: block;
        top: 270px;
        right: 11px;
        width: 26px;
        height: 26px;
        background: url(../images/icons.png) no-repeat 0px -640px;
        cursor: pointer;
        -webkit-transition-delay: .15s;
        -moz-transition-delay: .15s;
        -ms-transition-delay: .15s;
        -o-transition-delay: .15s;
        transition-delay: .15s;
    }

        .dock a.switch.off {
            background-position: -32px -640px;
        }