@charset "utf-8";
/* CSS Document */

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,blockquote,p{margin:0;padding:0;}
body{ color:#333; font-size:14px; font-family:Arial, Helvetica, sans-serif;}
section,article,aside,header,footer,nav,dialog,figure{display:block;}
ul, ol { list-style: none;} 
img,fieldset{vertical-align:top;border:0;}
h1,h2,h3,h4,h5,h6 {font-size:100%; font-weight:normal;}
address,cite,code,em,th {font-weight:normal; font-style:normal;}
input,button,textarea,select{font:100% Arial,''; vertical-align:middle}
table,td,tr,th{font-size:14px;}
.nodispaly{ display:none}
.line{height:20px; line-height:20px; font-size:0px; clear:both; overflow:hidden; display:block;}
.clearfix{*zoom:1;}
.clearfix:after{display:block; overflow:hidden; clear:both; height:0px; visibility:hidden; content:".";}
a{color:#333; text-decoration:none; transition:all 0.3s;}
a:hover {color:#e35e2b; text-decoration:none;}
.wd{ margin:0 auto; height:auto; max-width:1200px;}
.fl{ float:left;}.fr{ float:right;}

/*****首页*****/
.top_div{ width:100%; height:32px; background:#0484dd;}
.top_div span.sp1{ width:auto; font-size:12px; line-height:32px; color:#fff; float:left;}
.top_div span.sp2{ width:auto; height:auto; float:right;}
.top_div span.sp2 a{ width:auto; padding:0 10px; height:32px; line-height:32px;  float:left; font-size:12px; color:#fff;}
.top_div span.sp2 a:hover{ color:#fff;}
.top_div span.sp2 a.a1{ background:url(../images/top_tb_1.png) left center no-repeat; padding-left:15px;}
.top_div span.sp2 a.a2,.top_div span.sp2 a.a3{ background:url(../images/top_xt.png) left center no-repeat;}
.top_div span.sp2 a.a4{ background:url(../images/top_tb_2.png) left center no-repeat; padding-left:20px; margin-left:10px;}

header{background:rgba(255,255,255,0.75); width:100%;  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); transition:all 0.2s;  height:100px;z-index:100;}

header .toper{max-width:1200px; margin:auto; }
header .toper .logo{width: 500px;  float:left; margin-top:4px;}
header .toper .logo img{ max-width:100%;} 
header .toper .lopad{ width:31%; float:left; font-size:28px;  margin-top:1.56%;padding:1% 0; border-left:2px #333 solid; padding-left:2%;}
.muen{  float:right; height:auto;}
.muen ul{}
.muen ul li{ float:left; text-align: center; font-size:16px; padding:0 15px; line-height:99px; transition:all 0.3s; z-index:180; position:relative; }
.muen ul li a{display: block; }
.muen ul li:hover{ border-bottom: 1px solid #0385db;}
.muen ul li:hover a{ color:#333; }
.muen ul li.currelt{border-bottom: 1px solid #0385db;}


.muen ul li dl{background: #FFF;position: absolute; font-size:14px; left: 0px;top: 100px;width: 100%;overflow: hidden;visibility: hidden;opacity: 0;transition: all 0.3s;}
.muen ul li:hover dl{top:100px;visibility: visible;opacity: 1;}
.muen ul li dd{line-height: 45px;border-bottom: 1px solid #EEE;}
.muen ul li dd:last-child{border-bottom: none;}
.muen ul li dd a{display: block;}
.muen ul li dd a:hover{padding-left: 20px;display: block;text-decoration: none;background: #0385db;color: #FFF;}


.yanyan{ float:right;line-height:100px; margin-left:1%; } 
.yanyan span{  }
.yanyan a{ padding:0 3px;}
.tel{ line-height:100px; float:right;}
header .m-btn { width:70px; height:70px; line-height:70px; text-align:center; display:none; cursor:pointer; float:right; margin-right:2%;}
header .m-btn .box {display: block;position: relative; font-size:2.5rem;}
.m-sub-menu.show {right: 0;transition: all 0.44s ease 0s;}

.m-sub-menu {position: fixed;right: -100%;width: 66%;top: 0;z-index: 103;height: 100%;background-color: #fff;transition: all 0.64s ease 0s;}
.m-sub-menu .top-box {line-height: 60px;background-color: #333;}
.m-sub-menu .top-box .stt {display: inline-block;font-size: 16px;color: #acacac;margin-left: 8.2%; float:left;}
.m-sub-menu .top-box .close { width:60px;  height:60px; line-height:60px; color:#FFF; cursor: pointer; float:right; text-align:center; font-size:16px; text-shadow:none; opacity:1;}
.m-sub-menu .list-wrap ul {  width: 100%;}
.m-sub-menu .list-wrap li {line-height: 50px;  width: 100%;  border-bottom: 1px solid #f2f2f2; text-transform:uppercase;}
.m-sub-menu .list-wrap li .col-box { display: block; padding: 0 7.8% 0 8.2%;}
.m-sub-menu .list-wrap .tit { font-size: 16px; color: #666; float:left;}
.m-sub-menu .list-wrap .point { display: inline-block; width: 8px; height: 12px; float:right; color:#999;}
.m-sub-menu .bot-link { width: 84%; padding: 0 7.8% 0 8.2%; margin-top: 10px;}
.m-sub-menu .bot-link a { display: inline-block; width: 30px; height: 50px; line-height:50px; margin-right: 10px; float: left; text-align:center;}
.m-sub-menu .bot-link a:hover{ text-decoration:none;}
.m-sub-menu .sec-sub-list { position: absolute; right: -100%; top: 60px; width: 100%;}
.m-sub-menu .sec-sub-list .return-fir { display: block; width: 100%; padding: 0 7.8% 0 8.2%; line-height: 60px; background-color: #333;}
.m-sub-menu .sec-sub-list .return-fir p { padding-left: 18px; color: #fff; font-size: 16px; text-transform:uppercase;}
.m-sub-menu .sec-sub-list .return-fir p i{ font-size:14px; margin-right:10px;}
.m-sub-menu .sec-sub-list .boxs { width: 100%; transition: all 0.4s ease 0s; background:#fff; position: absolute; left: 0; top: 0;}
.m-sub-menu .sec-sub-list .boxs.show { left: -100%;}
.m-sub-menu .sec-sub-list ul, .m-sub-menu .sec-sub-list li { width: 100%;}
.m-sub-menu .sec-sub-list li { line-height: 50px; border-bottom: 1px solid #f2f2f2;}
.m-sub-menu .sec-sub-list li a { display: block; width: 84%; padding: 0 7.8% 0 8.2%; font-size: 16px; color: #666;}
.m-sub-menu .sec-sub-list li a:hover{ text-decoration:none;}
.m-sub-menu .sec-sub-list .bot-link { margin-top: 14px;}

.vipbox{ width:300px; background:rgba(255,255,255,1); position: absolute; top:15%;  z-index:100; height: auto; padding:2%; box-shadow: 0 0px 30px rgba(0,0,0,0.1);}
.vipbox h3{ height:45px; font-size:22px; color:#e35e2b;}
.vipbox .boxt{ height:auto; overflow:hidden;}
.vipbox .boxt input{ border:1px #ddd solid; border-radius:5px; height:35px; line-height:35px; margin-bottom:3%; width:99%;text-indent:25px;}
.vipbox .boxt button{border-radius:5px; height:35px; line-height:35px; width:99%; text-align:center; font-size:16px; color:#fff; background:#e35e2b; border:0;}
.vipbox .boxt .sTxtKey{ background:url(../images/us.jpg) no-repeat 5px center; }
.vipbox .boxt .sTxtpass{ background:url(../images/ps.jpg) no-repeat 5px center; }
.vipbox .byt{ line-height:50px; text-align:right;}
.vipbox .byt a{ margin-left:10px;}
.vipbox .chaxun{ height:auto; overflow:hidden;}
.vipbox .chaxun .text { border:1px solid #ddd; color: #959595;float: left;font-family: "microsoft yahei"; font-size: 14px; height: 30px; line-height: 30px; margin-bottom: 4px; outline: 0 none; padding: 4px 4px 4px 15px; width:72%; background:#fff;}
.vipbox .chaxun .button {  background: #481d63 none repeat scroll 0 0;  border:none; color: #fff;cursor: pointer; float: left; font-family: "Microsoft YaHei";font-size: 16px;height: 40px; line-height: 1; width:20%;}

/********************跟踪**************************/
.banner_owd{width:100%; margin:0px auto 0 auto; padding:1% 0; overflow: hidden;}
.banner_btn{max-width:1200px; height: auto; margin: 0 auto;}
.banner_btn ul{margin-right: -2%;}
.banner_btn li{float:left;display:inline-block;background: rgba(4,132,221,0.9);width:31.333%;height:auto;border-radius:6px;padding:1.5%; margin-right: 2%; box-sizing: border-box;}
.banner_img{ display:inline-block; width:68px; height:68px;}
.ban_infor{ color:#FFF; width:70%; display:inline-block; margin-top:17px; }
.ban_infor b{ display:inline-block; font-size:18px; font-weight:normal; padding-bottom:4px; border-bottom:1px solid #FFF; float:left}
.banner_btn li:hover{ background: rgba(250,165,20,0.9); background-image:none;}
.submit_one { float:right;width: 64px; height:27px; line-height: 27px; text-align: center; color: #FFFFFF; padding: 0; margin: 0; border: none; cursor: pointer; background:#f28004; font-size:14px;margin-left: 4%;}
.submit_one a{ color: #fff; }


/*  首页内容 */
.in_about{width: 100%; height: auto; padding: 50px 0; overflow: hidden; background: #f9f9f9}
.in_about_tit{width: 100%; height: auto; text-align: center;}
.in_about_tit_cn{font-size: 26px; color: #333; font-weight: 600; line-height: 50px;}
.in_about_tit_cn_i{width: 30px; background: #555; height: 2px; margin: 0 auto;}
.in_about_tit_cn_zi{font-size: 14px; color: #555; margin-top: 10px;}
.in_about_ny{width: 100%; height: auto; margin-top: 15px; overflow: hidden;}
.in_about_textnr{width: 50%; height: auto; float: left;}
.in_about_textnr_tit{font-size: 24px; line-height: 40px; color: #0484dd; font-weight: 600}
.in_about_textnr_tit_line{width: 20px; background: #0484dd; height: 2px;}
.in_about_textnr_tit_zi{font-size: 14px; color: #555; margin-bottom: 10px;}
.in_about_text{width:100%; margin-top:15px; font-size:14px; line-height:25px; font-weight: normal; overflow: hidden;}
.in_about_sj{width:100%; float:left; margin-top:40px;margin-bottom:40px;}
.in_about_sj li{width:24%; float:left; border-right:1px solid #e6e6e6; padding-right:3%; margin-right:5%;}
.in_about_sj li .sz{width:100%; float:left;}
.in_about_sj li .sz_bt{font-size:40px; float:left; font-weight:bold; color:#00b9ef; line-height:30px; font-family:Arial;}
.in_about_sj li .sz_xb{float:left; margin:10px 0 0 10px; font-size:14px; color:#000;}
.in_about_sj li .txt{width:100%; float:left; margin-top:10px; font-size:14px;}
.more{width: 15%; height: auto; background: #444; border-radius: 20px; overflow: hidden;text-align: center; }
.more a{ font-size: 14px; line-height: 35px; color: #fff;}
.more a:hover{background: #00b9ef; border-radius: 20px; color: #fff; display: block;}

.item{ width:100%; margin-top:25px; overflow: hidden;}
.item .slide{ width:36%; vertical-align:middle; border-left:1px solid #ebebeb; padding-left:6%;box-sizing: border-box; margin-bottom: 20px;}
.item .slide img{ width:44px; vertical-align:middle; margin-top:-2px; margin-right:20px;}
.item .slide:nth-child(1){ width:28%; border-left:none; padding-left:0;}
.item .slide:nth-child(1) img{ margin-right:10px;}
.item .slide:nth-child(4){ width:28%; border-left:none; padding-left:0;}
.item .slide:nth-child(4) img{ margin-right:10px;}    

.in_about_right{width:45%; float:right; overflow:hidden;}
.in_about_pic{overflow: hidden;}
.in_about_pic img{width:100%; display:block; -webkit-transition:all .3s; transition:all .3s;}
.in_about_pic a:hover img{-webkit-transform:scale(1.1); transform:scale(1.1);}
.in_about_workshop{width:100%; margin-top: 10px;}
.in_about_workshop ul{margin-right: -2%;}
.in_about_workshop li{width: 31.333%; margin-right: 2%; float: left}
.in_about_workshop li img{width: 100%}

.in_about_workshops{width:100%; margin-top: 50px;}
.in_about_workshops ul{margin-right: -2%;}
.in_about_workshops li{width: 23%; margin-right: 2%; float: left}
.in_about_workshops li img{width: 100%}

/*主营产品*/
.product { background: url(../images/bg_product.jpg) no-repeat center top; height: 905px; }
.title { padding-top: 75px; color: #fff; font-size: 36px; font-weight: bold; text-align: center; line-height: 100%;}
.title a { color: #fff; }
.title span { display: block; font-size: 20px; line-height: 100%; font-weight: normal; padding-top: 10px; }
.product .product_nav { height: 47px; border-bottom: 1px solid #b8d7eb; text-align: center; margin: 24px 0 34px 0; }
.product .product_nav li { display: inline-block; margin: 0 30px; }
.product .product_nav li a { display: block; font-size: 16px; line-height: 46px; color: #fff; }
.product .product_nav li a:hover, .product .product_nav .cur a { font-weight: bold; color: #0484dd; }
.product .product_con { position: relative; }
.product .product_con dl { float: left; width: 381px; height: 573px; margin-right: 30px; transition: all 1s; }
.product .product_con dl dt { width: 381px; height: 286px; }
.product .product_con dl dd { width: 381px; height: 287px; box-sizing: border-box; padding: 40px 40px 50px; background: #fff; transition: all 1s; }
.product .product_con dl dd .bbt a { font-size: 22px; color: #333; line-height: 100%; }
.product .product_con dl dd .bbt a span { display: block; font-size: 20px; text-transform: capitalize; }
.product .product_con dl dd .desc { min-height:85px; font-size: 13px; color: #333; line-height: 22px; padding: 15px 0 13px;
 display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 4;
overflow: hidden; 
text-overflow:ellipsis;
}
.product .product_con dl dd p span { display: block; }
.product .product_con dl dd .mores a { display: block; float: left; width: 111px; height: 38px; font-size: 15px; color: #e9ece1; line-height: 38px; text-align: center; background: #3c3c3c; margin-right: 10px; border-radius: 3px; }
.product .product_con dl:hover { box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.46); }
.product .product_con dl:hover dd { background: #0484dd; }
.product .product_con dl:hover dd .bbt a, .product .product_con dl:hover dd p { color: #fff; }
.product .product_con dl:hover dd .mores a { background: #fff; color: #333; }
.pr{ position:relative}
.product .prev, .product .next {position: absolute;top: 267px;}
.product .prev { left: -46px; }
.product .next { right: -46px; }



.adv_box{padding: 25px 0 0 0; background: url(../images/adv_bg.jpg) no-repeat center top; overflow: hidden;}
.adv_box .adv_list { margin: 40px 0 60px 0; width: 52%; float: right;}
.adv_box .adv_list .adv-title { display: block; font-size: 24px; color: #fff; font-weight: 700; margin-left: 75px; padding-bottom: 15px; margin-bottom: 40px; position: relative; }
.adv_box .adv_list .adv-title::before { content: ""; display: inline-block; width: 55px; height: 4px; background-color: #fff; position: absolute; left: 0; bottom: 0; }

.adv_box .adv-item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
.adv_box .adv-item:not(:last-child) { margin-bottom:45px; }
.adv_box .adv-item .font-box { width: 60px; height: 60px; border-radius: 50%; background-color: #fff; position: relative; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; }
.adv_box .adv-item .font-box i { font-size: 32px; color: #094291; position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
.adv_box .adv-item .font-box i img{width: 35px;}
.adv_box .adv-item p { font-size: 14px; margin-left: 30px; color: #fff; }
.adv_box .adv-item p span{font-size:16px;font-weight:bold;line-height: 32px;}



/* 新闻 */
.news{padding:50px 0;overflow:hidden;font-size:12px; box-sizing: border-box;}
.newsL{width:65%;overflow:hidden;}
.nTie{height:45px;border-bottom:1px solid #dadada;margin-bottom:35px;color:#151515;font-size:24px;}
.nTie a{color:#151515;display:inline-block;height:45px;margin-right:30px;}
.nTie i{font-size:14px;color:#bdbdbd;margin-left:5px;font-style:normal;font-weight:normal;}
.nTie .m.on,.faq .nTie .m{color:#089df1;border-bottom:1px solid #089df1;}
.nTie .more{float:right;font-size:13px;margin-right:0;font-weight:normal;color:#555;background: url('../images/more.png') no-repeat left 4px;padding-left:20px;}
.nTie .more:hover{color:#089df1;}

.newsMain,.newsBox{height:auto;overflow:hidden;}
.newsPic{float: left;width:45%;}
.newsPic .pImg{display: block;width:100%;height:auto;overflow: hidden;margin-bottom:15px;} 
.newsPic .pImg img{width:100%;height:auto;transition:all .5s;}
.newsPic .nwz{font-size:18px;color:#333;white-space:nowrap;overflow:hidden;text-overflow: ellipsis;;margin-bottom:10px;}
.newsPic:hover img{transform: scale(1.1);}
.newsPic:hover .nwz{color:#089df1;}
.newsPic p{color:#777; font-size: 14px; line-height: 25px}
.newsLi{width:52%;}
.newsLi li{border-bottom: 1px solid #e8e8e8;line-height:50px;background: url('../images/ly_li.png') no-repeat left center;padding-left:15px;}
.newsLi li span{float:right;color:#999;}

.faq{width:330px;overflow:hidden;}
.faqMain{height:350px;overflow:hidden;margin-top:25px;padding-left:5px;}
.faqMain li{line-height:20px;border-bottom:1px dotted #ccc;padding-bottom:15px;margin-bottom:15px;}
.faqMain li .fbt{height:30px;overflow:hidden;text-overflow: ellipsis;font-size:14px;background:url('../images/a.jpg') no-repeat left top;padding-left:40px;line-height:24px;font-weight:normal;}
.faqMain li .fbt a{color:#333;}
.faqMain li .fbt a:hover{color:#089df1;}
.faqMain li p{background:url('../images/q.jpg') no-repeat left 5px;padding-left:40px;color:#888;}


/* flow */
.flow{width: 100%;padding: 74px 0 68px 0;background: #f3f3f3;}
.flow .mainCon{background: url(../images/flowBg.png) no-repeat center;height:347px;}
.flow .mainCon .hbt{font-size: 34px;color: #0484dd;position: relative;text-align: center;top: -17px;}
.flow .mainCon .box1{width: 1120px;margin: 0px auto 0;position: relative;}
.flow .mainCon li{float: left;width: 114px;text-align: center;margin-left: 53px;}
.flow .mainCon li img{display: block;position: relative;}
.flow .mainCon li span{display: block;margin: 0 auto;width: 114px;height: 114px;overflow: hidden;position: relative;}
.flow .mainCon li:first-child{margin-left: 0;}
.flow .mainCon li em{font-size: 16px;color: #666666;margin-top: 16px;display: block;}
.flow .mainCon .box1 i{display: block;width: 14px;height: 26px;position: absolute;top: 46px;}
.flow .mainCon .box1 i img{display: block;}
.flow .mainCon .box1 .I1{left: 134px;}
.flow .mainCon .box1 .I2{left: 301px;}
.flow .mainCon .box1 .I3{left: 468px;}
.flow .mainCon .box1 .I4{left: 635px;}
.flow .mainCon .box1 .I5{left: 802px;}
.flow .mainCon .box1 .I6{left: 969px;}
.flow .mainCon .box2{text-align: center;margin-top: 20px;}
.flow .mainCon .box2 p{font-size: 16px;color: #666666;height: 41px;line-height: 41px;}
.flow .mainCon .box2 p em{font-size: 28px;color: #333333;font-weight: bold;top: 4px;position: relative;}
.flow .mainCon .box2 a{display: inline-block;width: 137px;height: 41px;line-height: 41px;font-size: 16px;color: #fff;background: url(../images/flowBg02.png) no-repeat center;margin-left: 30px;text-decoration: none;}



.index_div7{ width:100%; height:auto; background:url(../images/index_div7_bj.jpg) center center no-repeat; text-align:center; font-size:30px; color:#fff; line-height:45px; padding:65px 0 55px 0;}
.index_div7 p.p1{ width:165px; height:40px; margin:0 auto;}
.index_div7 p.p1 a{ width:100%; height:40px; line-height:40px; float:left; background:#faae2b; color:#fff; text-align:center; border-radius:30px; font-size:18px; opacity:0.9; margin:20px 0 10px 0;}
.index_div7 p.p1 a:hover{ opacity:1;}


.kkhh{ width:100%; height:auto; overflow:hidden; text-align:center; padding:1.8% 0;}
.kkhh h4{ font-size:25px; color:#333;}

.khbox{ width:100%;  margin:40px auto 0 auto; z-index:100; height: auto; }
.khbox .kh{ max-width:1200px; margin:2% auto 0 auto; height:auto; overflow:hidden; background:#fff;}
.khbox .kh ul{margin-left:-3%}
.khbox .kh ul li{ width:17%; margin-left: 3%; float:left; margin-bottom: 25px;}
.khbox .kh ul li img{width:99%; border: 1px solid #f2f2f2}

.foot{padding:2% 0; border-top:3px #faae2b solid;  overflow: hidden;background: url(../images/f_bg.jpg) center center no-repeat;
 box-sizing: border-box;
 background-size: cover;}

.foot .flwd{ width:82%; float:left; color:#fff; line-height:22px; overflow: hidden;}
.foot .flwd dl{ width:23%; float:left;}
.foot .flwd dl dt{ font-size:18px; text-transform:uppercase; height:40px; color:#fff;}
.foot .flwd dl dd{ color:#fff; line-height: 27px;} 
.foot .flwd dl dd i{ font-size:14px;}
.foot .flwd dl dd a{ font-size:14px;color:#fff;}
.foot .flwd dl dd a:hover{ color:#fff;}

.foot .flwd .trx{width: 30%; float: left;}
.foot .flwd .trx h3{font-size:20px; margin-bottom:20px;}
.foot .flwd .trx .flx{color:#fff; line-height:27px;}


.foot .midwd{ width:150px; float:right;}
.foot .midwd .pic{ width:100%;}
.foot .midwd .pic img{width:130px; display:block; margin:auto; clear:both;}
.foot .midwd .pic p{ text-align:center; color:#ccc;  padding:12px 0; font-size:13px;}

.copyright{ border-top:1px #85cdf6 solid; padding:1.5% 0 0; text-align: center; font-size:13px;  line-height: 25px; color:#fff; margin-top:2%;}