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

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, form, fieldset, legend, input, textarea, button, p, blockquote, pre, hr, th, td, em{margin:0; padding:0;}
body{font: 12px/1.5  Arial,'微软雅黑','Microsoft YaHei',sans-serif; color:#6a6a6a; -webkit-text-size-adjust:none; background:#fff;}
h1, h2, h3, h4, h5, h6, button, input, select, textarea{font-size:100%; font-weight:normal; font-family:Arial,'微软雅黑','Microsoft YaHei',sans-serif;}
fieldset, img{border:0}
address, caption, cite, code, em, i, strong, th, var{font-style:normal}
ol, ul{list-style:none}
table{border-collapse:collapse; border-spacing:0}
label{cursor:default}
input,textarea{ outline:none}
a{text-decoration:none; cursor:pointer;padding:0;margin:0;}
a{/*color:inherit;*/}
a:link{text-decoration:none;}

.clear{clear:both;}
.clearfix:before, .clearfix:after { content: ""; display: block; height: 0; overflow: hidden; }  
.clearfix:after { clear: both; }  
.clearfix { zoom: 1; } 

.layout{width:1200px;margin: 0 auto;}
.left{float:left;}
.right{float:right;}
.hide{display:none;}

/* 去除iPhone中默认的input样式 */
input,select,textarea,button{appearance:none; -o-appearance:none; -ms-appearance:none; -moz-appearance:none; -webkit-appearance:none; resize: none; border-radius:0; outline: none; border:none; background-color:transparent; font-family:inherit; font-size:inherit; color:inherit; -moz-box-sizing:border-box;-webkit-box-sizing:border-box; box-sizing:border-box;vertical-align:middle;}

input[type="button"],input[type="radio"],input[type="checkbox"],input[type="submit"],button {cursor:pointer;}


/*******************************font-face*******************************/
@font-face {
  font-family: 'Verdana';
  src: url('fonts/Verdana.eot');
  src:
    url('fonts/Verdana.eot?#font-spider') format('embedded-opentype'),
    url('fonts/Verdana.woff') format('woff'),
    url('fonts/Verdana.ttf') format('truetype'),
    url('fonts/Verdana.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
    font-family: 'Roboto';
    src: url('fonts/RobotoCondensed-Regular.eot');
    src: url('fonts/RobotoCondensed-Regular.eot?#iefix') format('embedded-opentype'), url('fonts/RobotoCondensed-Regular.woff2') format('woff2'), url('fonts/RobotoCondensed-Regular.woff') format('woff'), url('fonts/RobotoCondensed-Regular.ttf') format('truetype'), url('fonts/RobotoCondensed-Regular.svg#RobotoCondensed-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}


body{ overflow-x:hidden;-webkit-font-smoothing: subpixel-antialiased;font-family: 'Verdana',Arial,'微软雅黑','Microsoft YaHei',sans-serif;min-width:1200px;margin:0 auto;}
/*reset*/





/*header*/
.Top{ position:relative;height:190px;background: #fff;z-index: 101;}
.header {position: fixed;top: 0;left: 0;width: 100%;z-index: 100;transition: all .6s linear;-webkit-transition: all .6s linear;background: #fff;min-width: 320px;}
.header .layout { position: relative;}
.header .navtop{ padding-top:15px; padding-bottom:15px;}
.header .logo{width:180px; height:95px;display: block; float:left;}
.header .logo img{max-height:100%;}

.header .tel-number{float:right;margin-left:30px;font-weight:400;margin-top:20px}
.header .tel-number a{font-size:16px;color:#333;text-transform:uppercase; vertical-align:middle;font-family: 'Verdana',"Roboto Condensed",Arial,"Helvetica Neue",Helvetica,'微软雅黑','Microsoft YaHei',sans-serif;}
.header .tel-number a span{font-size:30px;margin-left:10px;font-family:"Roboto",'Poppins','Verdana',Arial,"Helvetica Neue",Helvetica,'微软雅黑','Microsoft YaHei',sans-serif; font-weight:300;}

/*nav*/
.header .nav{position: relative;margin:0 auto;width:100%;padding-top:15px; }
.header .layout { position: relative;}
.header .nav .navBox{background:#333;box-shadow: 0 2px 4px 1px rgb(0 0 0 / 20%);}
.header .nav ul {display:inline-block;position: relative;}
.header .nav li.navli {display: inline-block;float: left;margin: 0; position:relative;}
.header .nav li.navli a {font-size:18px;color: #fff;margin-top: 2px;line-height:48px;height:48px;display:inline-block;*display:inline;padding: 0 20px; position:relative;/*text-transform:uppercase;*/font-family:"Roboto",'Poppins','Verdana',Arial,"Helvetica Neue",Helvetica,'微软雅黑','Microsoft YaHei',sans-serif;font-weight:500;}
.header .nav li.navli:hover a {color:#0093dd;}
.header .nav li.navli a .d{padding-right:30px;background:url(../images/d.png) right center no-repeat; background-size:15px;}


/*er*/
.header .nav li.navli .dropdown{position:absolute;top:50px;left:0;display:none;background:#fff;box-shadow:0 2px 2px 2px rgba(0,0,0,.2);width:15.625rem}
.header .nav li.navli .dropdown ul{ display:block;}
.header .nav li.navli .dropdown li{display:block;padding-bottom:0;margin-right:0}
.header .nav li.navli .dropdown li>a{color:#333;display:block;border-bottom:1px solid #ddd;font-size:18px;line-height:normal;height:auto;padding:12.5px 10px 12.5px 20px;position:relative; text-align:left;}
.header .nav li.navli .dropdown li>a span{font-size:100%!important;color:#F00;}
.header .nav li.navli .dropdown li>a i{color:#ddd;position:absolute;top:50%;margin-top:-10px;right:15px}
.header .nav li.navli .dropdown li>a:hover{/*background-color:#f5f5f5;color:#fff;*/background-color:#bae2f6;}
/*hover*/
@media screen and (min-width: 1024px){
.header .nav li.navli:hover a{background:#fff;color:#333}
.header .nav li.navli:hover a .d{ background-image:url(../images/d2.png);}
.header .nav li.navli:hover .dropdown{display:block}
}


/*sanji*/
.header .nav li.navli .dropdown li:hover .sub-menu{position:absolute;left:100%;display:block;top:-2px;background:#fff;padding:.625rem;border:1px solid #ddd;min-width:25rem;min-height:14.375rem}
.header .nav li.navli .dropdown li:hover .sub-menu sub-menu__header{background:#333;color:#fff;padding:.3125rem .9375rem;border-radius:3px}
.header .nav li.navli .dropdown li:hover .sub-menu ul.sub-menu__inner{margin-right:11.25rem;margin-top:20px}
.header .nav li.navli .dropdown li:hover .sub-menu ul.sub-menu__inner li a{font-size:16px;padding:.3125rem .9375rem;height:auto;line-height:normal}
.header .nav li.navli .dropdown li:hover .sub-menu ul.sub-menu__inner li:last-child a{border:none}



/*search*/
.topSearch{position:absolute; top:-15px;right:0; width:50%;}
.header-input {padding:15px 65px 15px 15px; background:#333;}
.header-input .text {overflow: hidden;width:100%;line-height:45px;height:45px;padding:10px 10px;box-sizing: border-box;border:1px solid #e7e7e7;background:#fff; font-size:18px;color:#e7e7e7;margin-right:0;font-family:"Roboto",'Poppins','Verdana',Arial,"Helvetica Neue",Helvetica,'微软雅黑','Microsoft YaHei',sans-serif;}
.header-input .text::placeholder{color:#e7e7e7}
.header-input .icon-s{width:65px;height:75px;display:inline-block;border:none;position:absolute;top:0;right:0;cursor: pointer;background-image: url('../images/s.png');background-repeat:no-repeat; background-position:center center;background-size:35px;}
.header-input .text:focus,.header-input .text:active{color:#000;}



/*fixed-nav*/
.header .logo img,.header .navtop,
.header .logo{-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}
.header.fixed-nav {box-shadow: 0px 2px 2px 1px rgba(0,0,0,0.03);}
.header.fixed-nav .logo{ height:80px;}
.header.fixed-nav .navtop{ padding-top:5px; padding-bottom:5px;}





/**banner**/
.fullSlide{width:100%;height:auto;background-color:#f6f6f6; position:relative;}
.slideBox{width: 100%;height:500px;overflow:hidden;position:relative;margin:0 auto;}
.slideBox .bd{position:relative; height:100%; z-index:0;}
.slideBox .bd ul {text-align:center;width: 100%!important;}
.slideBox .bd li{zoom:1; vertical-align:middle;list-style:none;width: 100%!important;}
.slideBox .bd li a{display:block;height:500px;width: 100%;}
.slideBox .bd img{width: 100%; display:block;}
.slideBox .hd {width:100%;position:absolute;z-index:1;bottom: 0;left:0;height: 35px;line-height: 35px;}
.slideBox .hd ul {text-align:center; width:100%; padding:0px; margin:0px auto;}
.slideBox .hd ul li{cursor:pointer;display:inline-block;*display:inline;zoom:1;width: 11px;height: 11px;margin:0 6px;overflow:hidden;background:#bae2f6;line-height:999px;-moz-border-radius:6px;-webkit-border-radius:6px;border-radius:6px;}
.slideBox .hd ul .on {background: #034e95;}
.slideBox .prev,
.slideBox .next{position:absolute; top:50%; margin-top:-25px; display:block; width:40px; height:40px;-webkit-transition: all 0.2s ease-in-out;-moz-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;-ms-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out;}
.slideBox .next{right:3%;background: url(../images/arow.png) right center no-repeat;}
.slideBox .prev{left:3%; background: url(../images/arow.png) left center no-repeat;}





/*foot*/
.foot{background:#0a2246;height:auto;font-size:14px;color:#8b8d93;position:relative;overflow: hidden;}
.foot:after{ content:""; height:100%; width:1920px;margin:0 auto;position:absolute;left:0;right:0;top:0;background:url(../images/foot-bg.png) right top no-repeat;z-index:0;}
.foot .foot-box{padding: 45px 0 30px 0; position:relative; z-index:1;}
.foot .t1{font-size:18px;margin-bottom:34px;color:#ffffff; text-transform:uppercase;text-align:center;}
.foot .t1 a{color:#333;}
.foot .foot-right{float:left;width:34%;overflow:hidden;line-height:30px;text-align:center;}
.foot .foot-right .share{ width:150px;text-align:center;margin:0 auto;}
.foot .foot-right .share a{position: relative;top: 0;-webkit-transition: 0.3s; -moz-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; }
.foot .foot-right .share a:hover {top: -3px;}
.foot .foot-center{float:left;width:34%;}
.foot .foot-center h1{font-size:14px;color:#333;margin-bottom:22px;padding-left:5px;font-weight: normal;}
.foot .foot-nav {float:left;width:32%;text-align:center;}
.foot .foot-nav ul{height:auto;}
.foot .foot-nav ul li{list-style-type:none;display:block;overflow:hidden;}
.foot .foot-nav .t2{font-size:14px;}
.foot .foot-nav .t2 a{font-size:14px;display: inline-block;line-height:28px;color:#8b8d93;}
.foot .foot-nav .t2 a:hover{color:#0093dd;}
.foot .foot-lx{line-height:28px;color:#8b8d93;}
.foot .foot-lx a{color:#0093dd;}
.foot .foot-lx a:hover{ text-decoration:underline;}
.foot .foot-rightBox{padding:0 0 0 50px;}
.foot .foot-wz{padding:0 0 25px 0;font-size:13px;line-height:24px;color:#8b8d93;}
.foot .foot-btn{width:300px;margin:0 auto;margin-top:15px;background:#2e2f34;-webkit-transition: background 0.3s ease-in-out;-moz-transition: background 0.3s ease-in-out;-o-transition: background 0.3s ease-in-out;-ms-transition: background 0.3s ease-in-out;transition: background 0.3s ease-in-out;}
.foot .foot-btn a{display:block;line-height:45px;font-size:14px;color:#a9a9a9;text-align:left;padding:0 60px 0 20px;background:url(../images/bottom-m.png) right center no-repeat;}
.foot .foot-btn:hover{background: linear-gradient(to right, #2e2f34, #434343);}
.foot .bq{width:100%;font-size:12px;line-height:30px;color:#909090;text-align:center;font-family:Arial,'Microsoft YaHei',sans-serif; position:relative; z-index:1;}
.foot .bq .bqtext{padding:21px 0;border-top:1px solid #4d4d52;font-family:Arial,'Microsoft YaHei',sans-serif;}
.foot .bq a{color:#909090;}
.foot .bq a:hover{color:#0093dd;}

/*goTop*/
.goTop{z-index:10; width:50px; height:50px; position: fixed; right:30px; bottom: 20%;  background: url(../images/top.png) no-repeat 0 0 #0093dd; background-size:100%; cursor: pointer;display: none;border-radius:50%;border:0; outline:none;}



/*titleBox*/
.titleBig{color:#000000;font-size:14px;line-height:30px;margin:0 auto;display:block;font-style: normal;}
.titleBig .t1{color:#000000;font-size:48px; text-align:center; text-transform:uppercase; line-height:normal;}
.titleBig .t1 .tit{ display:inline-block;font-weight:bold;font-size:48px;}
.titleBig a{ display:inline-block;}


/*indexAbout*/
.indexAbout{font-size:14px; line-height:30px;color:#333333;padding-top:120px;padding-bottom:30px;height:auto;background-repeat:no-repeat;background-position:center top;}
.indexAbout .titleBig .t1 .tit{background: url(../images/index-tit1.png) left center no-repeat;padding-left:60px;padding-right:60px;font-family:Arial,'Microsoft YaHei',sans-serif;}
.indexAbout .indexAbout-wz{width:1000px;margin:0 auto;margin-top:45px; }
.indexAbout a{color:#333333;}




/*indexPro*/
.indexPro{padding-bottom:40px;padding-top:60px;height:500px;background-repeat:no-repeat;background-position:center top; background-color:#c8e2fd;}
.indexPro .indexPro-left{ float: left;width:340px;}
.indexPro .titleBig{width:290px; /*height:540px;display:table-cell; vertical-align:middle; */text-align:left; padding-top:100px;}
.indexPro .titleBig .t1{ text-align:left;margin-bottom:15px;}
.indexPro .titleBig .t1 .tit{background: url(../images/index-tit2.png) left bottom no-repeat;padding-bottom:50px;font-family:Arial,'Microsoft YaHei',sans-serif;}
.indexPro .prolunboBox{ float:left;width:860px;}
.indexPro .proList{margin:0;padding:0;overflow:hidden;height:auto;font-size:0;line-height:normal;}
.indexPro .proList li{font-size:0;display:inline-block;*display:inline;zoom:1;margin:0;padding:0;list-style:none;width:380px;margin-left:50px; vertical-align:top;padding-bottom:50px;}
.indexPro .proList li a{display:block;}
.indexPro .proList li .ProLei a{font-size: 16px;color:#000000;height:40px;line-height:40px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;border-bottom:1px solid #000000;margin-bottom:25px; text-align:left;}
.indexPro .proList li .ProLi{}
.indexPro .proList li .ImgBox{width: 280px;height: 280px;display:table-cell;vertical-align:middle;text-align:center;margin:0 auto;overflow:hidden;background:#fff;padding: 50px 65px;}
.indexPro .proList li .ImgBox img{max-width: 250px;max-height: 250px;}
.indexPro .proList li .ImgBox img,.indexPro .proList li,.indexPro .proList li .ProLi{-webkit-transition: all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out;-o-transition: all 0.5s ease-in-out;-ms-transition: all 0.6s ease-in-out;transition: all 0.5s ease-in-out;}
.indexPro .proList li:hover .ImgBox img{-moz-transform: scale(0.9); -webkit-transform: scale(0.9);transform: scale(0.9);}
.indexPro .proList li .listTitle{overflow:hidden;display:block;padding:20px 10px;line-height:30px;text-align:center; background:#f9f7f7;}
.indexPro .proList li .listTitle .t{display:block;font-size: 16px;color:#000000;height:30px;line-height:30px; overflow:hidden;}
.indexPro .proList li .listTitle .more{ display:inline-block;font-size: 12px;color:#000000;height:30px;line-height:30px; overflow:hidden; text-decoration:underline;}
.indexPro .proList li .listTitle .more:hover{color:#0093dd;}
.indexPro .proList li:hover .ProLi{-webkit-box-shadow: 0 10px 50px rgba(0,0,0,.1);-moz-box-shadow: 0 10px 30px rgba(0,0,0,.1);box-shadow: 0px 10px 50px rgba(0,0,0,.1);}
/*prev + next*/
.prolunboCon{ position:relative; text-align:center; }
.prolunboIcon .prev,
.prolunboIcon .next{ -webkit-transition: all 0.6s ease;transition: all 0.6s ease;margin:0 8px;display:inline-block;text-decoration: none;width: 44px;height: 44px;border-radius:50%;display:none;}
.prolunboIcon .prev {background:url(../images/index-prev.png) left center no-repeat;}
.prolunboIcon .next {background:url(../images/index-next.png) right center no-repeat;}
.hd2{ display:none;}



/*indexTech*/
.indexTech{font-size:14px; line-height:30px;color:#333333;padding-bottom:50px;padding-top:100px;min-height:600px;background-repeat:no-repeat;background-position:center bottom;overflow:hidden;}
.indexTech .titleBig .t1 .tit{font-family:Arial,'Microsoft YaHei',sans-serif;}
.indexTech .indexTech-wz{margin-top:20px; }











/*****************************page start*****************************/
/*pagebanner*/
.pagebannerBox {width:100%;overflow:hidden;margin:0 auto;position: relative; height:435px;background-repeat:no-repeat;background-position:center top;}
.pagebannerBox .t {padding-top:150px;}
.pagebannerBox .t .en{font-size:50px;line-height:normal;display:block; color:#fff;margin-bottom:20px;}
.pagebannerBox .t .d{font-size:16px;line-height:30px;display:block;color:#fff;margin-bottom:80px;}





/*pageInfo*/
.pageInfo{ color:#333333; font-size:14px; line-height:28px; min-height:300px;padding-top:55px;padding-bottom:30px;}
.pageInfo img{ max-width:100%;}
.page-tit{font-size: 30px;color:#464646;overflow:hidden;font-weight: bold;padding-bottom:25px;}
.page-tit2{font-size: 20px;color:#464646;overflow:hidden;padding-bottom:15px;font-weight: 600;}
.pageInfo hr{ width:100%;border:1px solid #dfdcdc!important;color:#dfdcdc; background:#dfdcdc;}




/*PageNav*/
.PageNav {margin:0 auto;padding: 0;text-align:right;display:block;margin-bottom:0px; background:#f7f7f7;}
.PageNav .layout{ position:relative;}
.PageNav ul{margin:0 auto; font-size:0;}
.PageNav li {list-style:none;display:inline-block;*display:inline; zoom:1;text-align:right;}
.PageNav li a {display:inline-block;line-height:52px;font-size:14px;color:#757575;margin-left:40px;position:relative;text-align:center; cursor:pointer;}
.PageNav li a:after{ content:""; width:0;height:2px; position:absolute; left:0; right:0;margin:0 auto;bottom:0; background:#0093dd;-webkit-transition: all 0.6s ease-in-out;-moz-transition: all 0.6s ease-in-out;-o-transition: all 0.6s ease-in-out;-ms-transition: all 0.6s ease-in-out;transition: all 0.6s ease-in-out;}
.PageNav li a:hover,.PageNav li.on a{color:#0093dd;}
.PageNav li:hover a:after,.PageNav li.on a:after{width:100%;}



/*listpic*/
.pageList{margin-bottom:30px;}
.pageList{padding:0;}
.pageList ul{margin:0;padding:0;overflow:hidden;height:auto;color:#a0a0a0;font-size:0;line-height:normal;}
.pageList ul li.listpic{font-size:0;display:inline-block;*display:inline;zoom:1;margin:0;padding:0;overflow:hidden;list-style:none;width:100%;}
.pageList ul li.listpic a{display:block;position: relative;border-bottom:1px solid #eeeeee;padding:20px 20px;}
.pageList ul li.listpic .date{font-size:14px; color:#666666;line-height:30px; width:170px; height:100px; float:left; text-align:right;}
.pageList ul li.listpic .date span{ display:inline-block;padding-right:24px;background: url(../images/news-date.png) right center no-repeat;}
.pageList ul li.listpic .ImgBox{width:130px;height:100px;overflow:hidden; float:right;}
.pageList ul li.listpic .ImgBox img{width:130px;height:100px;}
.pageList ul li.listpic .ImgBox img,.pageList ul li.listpic .listTitle .listTitleBox{-moz-transition: all .5s ease-in-out;-webkit-transition: all 0.5s ease-in-out;transition: all .5s ease-in-out;}
.pageList ul li.listpic a:hover .ImgBox img{-moz-transform: scale(1.05); -webkit-transform: scale(1.05);transform: scale(1.05);}
.pageList ul li.listpic .listTitle{overflow:hidden;display:block;padding:0;-webkit-transition: all 0.6s ease-in-out;-moz-transition: all 0.6s ease-in-out;-o-transition: all 0.6s ease-in-out;-ms-transition: all 0.6s ease-in-out;transition: all 0.6s ease-in-out; position:relative;}
.pageList ul li.listpic .listTitle .listTitleBox{padding:0 45px 0 50px;}
.pageList ul li.listpic .listTitle .t{font-size: 14px;color:#0093dd;line-height:26px; /*height:30px;font-size: 18px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;*/}
.pageList ul li.listpic .listTitle .t2{font-size: 12px;color:#666666;height:48px;line-height:24px; overflow:hidden;margin-top:5px;}
.pageList ul li.listpic .listTitle .more2{text-align:right; float:right; font-size:12px; color:#3b4048;}
.pageList ul li.listpic .cover {display: block;position: absolute;top: 0;left: 0;right: 0;bottom: 0;transition: 400ms;-webkit-transition: 400ms;opacity:0; visibility:hidden;}
.pageList ul li.listpic a:hover .cover{ opacity:1; visibility: visible;background: rgba(0,0,0,0.05); }




/*contact*/
.ContactTable img{width:60px;}
.ContactTable1{ float:left; width:360px;background:#f7f7f7;border-radius:5px; position:relative;}
.ContactTable2{ float:left; width:360px;background:#f7f7f7;border-radius:5px; position:relative;margin:0 60px;}
.ContactTable3{ float:left; width:360px;background:#f7f7f7;border-radius:5px; position:relative;}
.ContactTable1:after,
.ContactTable2:after,
.ContactTable3:after{content:""; position:absolute;right:10px; top:7px;background:#fff;border-radius:50%; height:13px;width:13px;}
.ContactTable1 td,
.ContactTable2 td,
.ContactTable3 td{padding-left:20px;padding-top:30px;padding-bottom:30px;padding-right:25px;}
.ContactTable1 td.img,
.ContactTable2 td.img,
.ContactTable3 td.img{padding-left:20px;padding-right:0; width:60px;}
.ContactTable1 td{ font-size:12px; line-height:20px; color:#666666;}
.ContactTable2 td,
.ContactTable3 td{ font-size:15px;color:#666666;}
.ContactTable3 td a{color:#0093dd;}
.ContactTable3 td a:hover{ text-decoration:underline;}
.ContactTable1,.ContactTable2,.ContactTable{-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}
.ContactTable1:hover,.ContactTable2:hover,.ContactTable3:hover{background:#e6e6e6;}








/*feedback*/
.contactBOX2{margin-top:20px;padding-top:60px;padding-BOTTOM:30px;border-top:1px solid #e7e7e7;}
.contactTableB1{ float:left;width:700px;}
.contactTableB2{ float:left;width:500px;}
.contactTableB2 .t1{font-size:30px; color:#0093dd;line-height:40px;text-align:left;padding-bottom:20px;}
.contactTable3{ background:none; width:390px;padding-left:0;}
.contactTable3 .t3{ color:#757575; line-height:30px;}

/*feedback2Box*/
.feedback2Box{ padding:0 0  30px 0;font-size:14px;color:#464646;line-height:30px;}
.feedback2Box .contact-tit{font-size:18px;line-height: 30px; font-weight:600;}
.feedback2{font-size:14px;color:#464646;line-height: 30px;text-align:left;padding:0;margin:0 -7px;margin-top:40px;}
.feedback2 .t{ display:block;margin-bottom:10px;}
.feedback2 label{display:block;}
.feedback2 label.l1{float:left;width: 50%; position:relative;}
.feedback2 label .l1Box{margin:0 7px;}
.feedback2 .text{display:block;width: 100%;padding:4px 3% 4px 3%;height:44px;margin-bottom:15px;outline:none;font-size:14px;color:#a0a0a0;font-family:Arial,"微软雅黑",Sans-Serif;border:1px solid #eeeeee;border-radius:5px;background:#fff;text-align:left;}
.feedback2 .text2{display:block;width:100%;padding:10px 1.5% 10px 1.5%;height:86px;margin-bottom:15px;outline:none;font-size:14px;color:#a0a0a0;font-family:Arial,"微软雅黑",Sans-Serif;border:1px solid #eeeeee;border-radius:5px;background:#fff;text-align:left;}
.feedback2 .getcode{display:block;width:65%;padding:4px 3% 4px 3%;height:44px;margin-bottom:0; float:left;
outline:none;font-size:14px;color:#a0a0a0;font-family:Arial,"微软雅黑",Sans-Serif;border: none;border:1px solid #eeeeee;border-radius:5px;background:#fff;text-align:left;}
.feedback2 .kk{font-size:14px;color:#464646; line-height:normal;margin-left:2px;}
.feedback2 .inputbtn{display:inline-block;width:91%;height:44px;line-height:44px;margin:0;outline:none;font-size:14px;color: #fff;font-family: Arial,"微软雅黑",Sans-Serif;border:none;background-color: #464646;cursor:pointer;border-radius:5px;/*margin-top:40px;*/text-align:center; float:right;max-width:230px;margin-top:20px;}
.feedback2 .inputbtn.tj{background:#048cd0;}
.feedback2 .inputbtn.tj:hover{background:#109adf;}
.feedback2 .text:focus,.feedback2 .text:active,.feedback2 .getcode:focus,.feedback2 .getcode:active{-webkit-box-shadow: none;box-shadow: none;border: 2px solid #87aedf; }





/*pro*/
.proBox-li{padding:0px 0 30px 0;margin-bottom:10px;}
.proBox-tit{font-size:20px; color:#333333;line-height:60px; width:100%; height:60px;background: url(../images/pro-top.png) 98% center no-repeat #eff0f2;border-top-left-radius: 5px;border-top-right-radius: 5px;box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.05);position: relative;z-index: 1;}
.proBox-tit span{ display:inline-block;padding-left:60px;padding-right:60px;}
/*#pro1 span{background: url(../images/pro-tit1.png) left center no-repeat;}
#pro2 span{background: url(../images/pro-tit2.png) left center no-repeat;}*/
.proBox {height:500px; overflow:hidden;border:1px solid #ccc;border-top:0;background:#fff; position:relative;}


/*mask*/
.mask {width: 100%;height: 100%;display: none;background:rgba(0, 0, 0, 0.5);top: 0;left: 0;z-index: 9999;position: fixed;cursor: pointer;}
.mask div {position: relative;right: 0;left: 0;margin: auto;top: 0;bottom: 0;z-index: 99999;text-align: center;width: 100%;height: 100%;}
.mask div img {position: absolute;top: 0%;left: 0;right: 0;bottom:0;margin: auto;max-width: 75%;width:auto;height: auto;max-height:75%;}
.masks {width: 100%;height: 100%;display: none;background: rgba(00, 81, 80, 0.8);top: 0;left: 0;z-index: 99999;position: fixed;cursor: pointer;}


/*drop*/
.pagebannerBox .t .drop{ display: inline-block;-webkit-animation-name:bounce;-moz-animation-name:bounce;-o-animation-name:bounce;animation-name:bounce;}
.pagebannerBox .t .drop{-webkit-animation-fill-mode:both;-moz-animation-fill-mode:both;-ms-animation-fill-mode:both;-o-animation-fill-mode:both;animation-iteration-count:infinite;-moz-animation-iteration-count:infinite;-webkit-animation-iteration-count:infinite;animation-fill-mode:both;-webkit-animation-duration:3s;-moz-animation-duration:3s;-ms-animation-duration:3s;-o-animation-duration:3s;animation-duration:3s;}
@-webkit-keyframes bounce{0%, 20%, 50%, 60%, 80%, 100%{-webkit-transform:translateY(0);transform:translateY(0);}
40%{-webkit-transform:translateY(-30px);transform:translateY(-30px);}
60%{-webkit-transform:translateY(-15px);transform:translateY(-15px);}
}
@-moz-keyframes bounce{0%, 20%, 50%, 60%, 80%, 100%{-moz-transform:translateY(0);transform:translateY(0);}
0%{-moz-transform:translateY(0px);transform:translateY(0px);}
50%{-moz-transform:translateY(0px);transform:translateY(0px);}
60%{-moz-transform:translateY(-30px);transform:translateY(-30px);}
80%{-moz-transform:translateY(-15px);transform:translateY(-15px);}
}
@-o-keyframes bounce{0%, 20%, 50%, 60%, 80%, 100%{-o-transform:translateY(0);transform:translateY(0);}
0%{-o-transform:translateY(0px);transform:translateY(0px);}
50%{-o-transform:translateY(0px);transform:translateY(0px);}
60%{-o-transform:translateY(-30px);transform:translateY(-30px);}
80%{-o-transform:translateY(-15px);transform:translateY(-15px);}
}
@keyframes bounce{0%, 20%, 50%, 60%, 80%, 100%{transform:translateY(0);}
0%{transform:translateY(0px);}
50%{transform:translateY(0px);}
60%{transform:translateY(-30px);}
80%{transform:translateY(-15px);}
}


/*detail_box*/
.detail_box .date{ color:#909090;}
.detail_box .detail_wz{padding-top:30px;border-top:2px dashed #dcdcdc;margin-top:15px;}
.detail_box .detail_wz ul{display:block;list-style-type:disc;margin-block-start:1em;margin-block-end:1em;margin-inline-start:0px;margin-inline-end:0px;padding-inline-start:40px}
.detail_box .detail_wz b{font-weight:bold}
.detail_box .detail_wz li{display:list-item;text-align:-webkit-match-parent}
.detail_box .detail_wz p {margin: 5px 0;}

/*carousel4*/
.carousel-container {position:relative;width:1000px;margin:0 auto;margin-top:60px;}
.carousel-main {height:380px;width:1000px;margin:0 auto;font-size:12px;font-family: Arial;}
.carousel-feature { position:absolute;top:-1000px;left:-1000px;border-radius:10px;cursor:pointer;text-align:center;/*box-shadow:0 0 15px 3px rgba(0,0,0,.1);*/background-color:#fff;}  
.carousel-feature a{font-size:18px;text-decoration:none;color:#2F8AFF;}
.carousel-image {border:0;display:block;}
.carousel-feature:hover{-webkit-box-shadow:0 0 15px 3px rgba(0,0,0,.1);-moz-box-shadow:0 0 15px 3px rgba(0,0,0,.1);box-shadow:0 0 15px 3px rgba(0,0,0,.1);border-radius: 10px; overflow:hidden;}
.carousel-container .carousel-left,
.carousel-container .carousel-right{ position:absolute; height:250px; width:250px;top:40px; z-index:55!important; display:none;}
.carousel-container .carousel-left{left:0;}
.carousel-container .carousel-right{left:772px;}
.carousel-container .carousel-left:hover{-webkit-box-shadow:0 0 15px 3px rgba(0,0,0,.1);-moz-box-shadow:0 0 15px 3px rgba(0,0,0,.1);box-shadow:0 0 15px 3px rgba(0,0,0,.1);border-radius: 10px;}
.carousel-container .carousel-right:hover{-webkit-box-shadow:0 0 15px 3px rgba(0,0,0,.1);-moz-box-shadow:0 0 15px 3px rgba(0,0,0,.1);box-shadow:0 0 15px 3px rgba(0,0,0,.1);border-radius: 10px;}

.tracker-summation-container {position:absolute;color:white;right:48px;top:230px;padding:3px;margin:3px;background-color:#000; display:none!important;}
.tracker-individual-container {position:absolute;color:white;right:48px;top:210px;padding:0;margin:0; display:none!important;}
.tracker-individual-container li {list-style:none;}
.tracker-individual-container .tracker-individual-blip {margin:0 3px;padding:0 3px;color:white;text-align:center;background-color:#DDD;}
.tracker-individual-container .tracker-individual-blip-selected {color:white;font-weight:bold;background-color:#000;}

.pagebannerBox{display: block;margin-top:0;-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}
.pagebannerBox.pagehover{margin-top:-305px;}

.detail_box{padding-top:0px!important;}

.proBox-tit{ position:relative;}
.proBox-tit .icon-image{ position:absolute; top:0; left:0; width:60px; height:60px; background-size:60px; background-repeat:no-repeat!important;background-position:center center!important;}










/*2022-4-20*/
.header{box-shadow: 0 0 30px rgba(0,0,0,.15);}


/*PageNav*/
.proNav {margin:0 auto;padding: 0;text-align:center;display:block;padding-bottom:50px;padding-top:50px; background:#f7f7f7;}
.proNav .layout{ position:relative;}
.proNav ul{margin:0 auto; font-size:0;}
.proNav li {list-style:none;display:inline-block;*display:inline; zoom:1;text-align:center; vertical-align:top;}
.proNav li a {display:inline-block;line-height:30px;font-size:14px;color:#333333; margin:0 12px;position:relative;text-align:center; cursor:pointer; text-align:center;}
.proNav li a img{ display:block; margin:0 auto; margin-bottom:10px;}
.proNav li a:hover,.proNav li.on a{color:#0093dd;}



/*productsList*/
.productsList{padding:0;margin-bottom:70px;margin-top:30px;}
.productsList h1{font-weight:600;font-size:28px;line-height:36px;padding:0;margin-bottom:30px;color:#333; font-weight:bold;}
.productsList ul{margin:0;padding:0;overflow:hidden;height:auto;color:#a0a0a0;font-size:0;line-height:normal;box-shadow: 0 0 30px rgba(0,0,0,.15);border-radius:10px; background:#fff;padding: 17px 15px 10px;position: relative;}
.productsList ul li{font-size:0;display:inline-block;*display:inline;zoom:1;margin:0;padding:0;overflow:hidden;list-style:none;width:20%; vertical-align:top;}
.productsList ul li a{display:block;position: relative;padding:15px 15px;}
.productsList ul li .ImgBox{width:100%;height:140px;overflow:hidden; text-align:center;}
.productsList ul li .ImgBox img{height:140px; line-height:140px;max-width:100%;}
.productsList ul li .ImgBox img,
.productsList ul li .listTitle{-webkit-transition: all 0.6s ease-in-out;-moz-transition: all 0.6s ease-in-out;-o-transition: all 0.6s ease-in-out;-ms-transition: all 0.6s ease-in-out;transition: all 0.6s ease-in-out;}
.productsList ul li a:hover .ImgBox img{-moz-transform: scale(1.05); -webkit-transform: scale(1.05);transform: scale(1.05);}
.productsList ul li .listTitle{overflow:hidden;display:block;padding:0; position:relative;border-top: 2px solid #dddada;padding-top:15px;padding-bottom:10px;}
.productsList ul li .listTitle h2{font-size:18px;color:#0093dd;line-height:24px;margin-bottom:5px; font-weight:600;}
.productsList ul li .listTitle .dec{font-size:14px;color:#555;height:48px;line-height:24px;overflow:hidden;}



/*probanner*/
.probanner{background-color:#f5f5f5;height: 300px;border-bottom:1px solid #eaeaea;overflow:hidden;}
.probanner .probanner-inner{padding-top: 30px;padding-bottom:40px;position:relative;}
.probanner .probanner-inner{ position:relative;}
.probanner .probanner-inner .image{position:absolute;top:30px;right:0; width:50%; text-align:center;}
.probanner .probanner-inner .image picture{display:inline-block;max-width: 300px;}
.probanner .probanner-inner .image picture img{max-width:100%;}
.probanner .probanner-inner .text{ padding-right:50%;}
.probanner .probanner-inner .text h1{font-size:60px;line-height:60px;color:#333333;margin:0;/*padding-right:80px;*/font-family:Arial,'Microsoft YaHei',sans-serif; font-weight:bold;}
.probanner .probanner-inner .text .description{font-size:16px;line-height:30px;color:#333;margin-bottom:20px;max-width:720px;padding-top: 0px;}
.probanner .probanner-inner .text h1.tt{font-size: 32px;padding-top:35px;/* color:#0093dd;*/}



/*PageNav*/
.proTabs{margin:0 auto;padding:0;display:block;}
.proTabs .layout{ width:100%!important;position:relative;}
.proTabs ul{margin:0 auto; font-size:0; margin-top:-52px;}
.proTabs li {list-style:none;display:inline-block;*display:inline; zoom:1;text-align:center; vertical-align:top;}
.proTabs li span{display:inline-block;line-height:50px;font-size:16px;color:#666666;position:relative;text-align:center; cursor:pointer; text-align:center;width:190px; border-left:1px solid #eaeaea;border-top:1px solid #eaeaea;border-bottom:1px solid #eaeaea;background:#fff;}
.proTabs li.on span{color:#fff; background:#0093dd;}

/*proSelectBox*/
.proInfo{}
.proSelectCon{font-size:14px; line-height:24px; color:#333333; padding:50px 0; background:#fff;}
.proSelectBox{font-size:14px; line-height:24px; color:#333333;background:#fff;}
.proSelectBox h1{font-size:36px;color:#0093dd; line-height:normal; text-align:center; padding-bottom:30px; padding-top:30px;}
.proSelectBox hr{border:none;border-top:2px solid #e1e1e1; margin:0; padding:0;}



/*productxgList*/
.productxgList{padding:0;margin-bottom:70px;margin-top:30px;}
.productxgList ul{margin:0;padding:0;overflow:hidden;height:auto;color:#a0a0a0;font-size:0;line-height:normal;background:#fff;padding: 17px 30px 10px;position: relative;}
.productxgList ul li{font-size:0;display:inline-block;*display:inline;zoom:1;margin:0;padding:0;overflow:hidden;list-style:none;width:25%; vertical-align:top;}
.productxgList ul li a{display:block;position: relative;padding:15px 15px;}
.productxgList ul li .ImgBox{width:100%;height:140px;overflow:hidden; text-align:center;}
.productxgList ul li .ImgBox img{height:140px; line-height:140px;max-width:100%;}
.productxgList ul li .ImgBox img,
.productxgList ul li .listTitle{-webkit-transition: all 0.6s ease-in-out;-moz-transition: all 0.6s ease-in-out;-o-transition: all 0.6s ease-in-out;-ms-transition: all 0.6s ease-in-out;transition: all 0.6s ease-in-out;}
.productxgList ul li a:hover .ImgBox img{-moz-transform: scale(1.05); -webkit-transform: scale(1.05);transform: scale(1.05);}
.productxgList ul li .listTitle{overflow:hidden;display:block;padding:0; position:relative;border-top: 2px solid #dddada;padding-top:15px;padding-bottom:10px;}
.productxgList ul li .listTitle h2{font-size:18px;color:#0093dd;line-height:24px;margin-bottom:5px; font-weight:600;}
.productxgList ul li .listTitle .dec{font-size:14px;color:#555;height:48px;line-height:24px;overflow:hidden;}


body{ overflow-x:hidden;}

.prodetailBox1 table{}
.prodetailBox1 table td{ padding:8px 30px;border:1px solid #e1e1e1; font-size:15PX;}

.prodetailBox2 table{}
.prodetailBox2 table td{ padding:8px 30px;border-bottom:1px solid #e1e1e1;font-size:15px;color:#666666;}
.prodetailBox2 table td a{ color:#0093dd; }

.prodetailBox4 table{}
.prodetailBox4 table td{ padding:8px 30px;border-bottom:1px solid #e1e1e1;font-size:15px;color:#666666;}
.prodetailBox4 table td a{ color:#0093dd; }

/*slick初始化*/
.slick-next,.slick-prev{font-size:0;line-height:0;position:absolute;top:50%;display:block;width:20px;height:20px;padding:0;-webkit-transform:translate(0,-50%);-ms-transform:translate(0,-50%);transform:translate(0,-50%);cursor:pointer;color:transparent;border:none;outline:0;background:0 0}
.slick-next:focus,.slick-next:hover,.slick-prev:focus,.slick-prev:hover{color:transparent;outline:0;background:0 0}
.slick-next:focus:before,.slick-next:hover:before,.slick-prev:focus:before,.slick-prev:hover:before{opacity:1}
.slick-next.slick-disabled:before,.slick-prev.slick-disabled:before{opacity:.25}
.slick-next:before,.slick-prev:before{font-family:slick;font-size:20px;line-height:1;opacity:.75;color:#fff}
.slick-prev{left:-25px}
[dir=rtl] .slick-prev{right:-25px;left:auto}
.slick-prev:before{content:'←'}
.slick-next:before,[dir=rtl] .slick-prev:before{content:'→'}
.slick-next{right:-25px}
[dir=rtl] .slick-next{right:auto;left:-25px}
[dir=rtl] .slick-next:before{content:'←'}
.slick-dotted.slick-slider{margin-bottom:30px}
.slick-dots{position:absolute;bottom:-25px;display:block;width:100%;padding:0;margin:0;list-style:none;text-align:center}
.slick-dots li{position:relative;display:inline-block;width:20px;height:20px;margin:0 5px;padding:0;cursor:pointer}
.slick-dots li button{font-size:0;line-height:0;display:block;width:20px;height:20px;padding:5px;cursor:pointer;color:transparent;border:0;outline:0;background:0 0}
.slick-dots li button:focus,.slick-dots li button:hover{outline:0}
.slick-dots li button:focus:before,.slick-dots li button:hover:before{opacity:1}
.slick-dots li button:before{font-family:slick;font-size:6px;line-height:20px;position:absolute;top:0;left:0;width:20px;height:20px;content:'•';text-align:center;opacity:.25;color:#000}
.slick-list,.slick-slider,.slick-track{position:relative;display:block}
.slick-dots li.slick-active button:before{opacity:.75;color:#000}
.slick-slider{-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent}
.slick-list{overflow:hidden;margin:0;padding:0}
.slick-list:focus{outline:0}
.slick-list.dragging{cursor:pointer;cursor:hand}
.slick-slider .slick-list,.slick-slider .slick-track{-webkit-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
.slick-track{top:0;left:0}
.slick-track:after,.slick-track:before{display:table;content:''}
.slick-track:after{clear:both}
.slick-loading .slick-track{visibility:hidden}
.slick-slide{display:none;float:left;height:100%;min-height:1px;overflow:hidden}
[dir=rtl] .slick-slide{float:right}
.slick-slide img{display:block}
.slick-slide.slick-loading img{display:none}
.slick-slide.dragging img{pointer-events:none}
.slick-initialized .slick-slide{display:block}
.slick-loading .slick-slide{visibility:hidden}
.slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent}

/*slick样式*/
.gallery-block{}
.gallery-block .slick-slider{margin-bottom:0}
.gallery-block .quote-block .quote-text{font-style:italic}
.gallery-block .slick-dots li button:before{font-size:13px}
.gallery-block .download-gallery{text-align:right}
.gallery-block .download-gallery a{color:#e2001a;text-transform:uppercase;font-size:14px}
.gallery-block .download-gallery a.active,.gallery-block .download-gallery a:hover{color:#8e0010;text-decoration:none}
.gallery-block img {max-width: 100%; outline:none;}
.gallery-block div{ outline:none;}
/**/
.gallery-block .block-gallery-main .photo-container,
.gallery-block .block-gallery-main .photo-container video{cursor:pointer}
.gallery-block .block-gallery-main .slick-next:before,
.gallery-block .block-gallery-main .slick-prev:before{color:gray;font-size:33px; display:none;}
.gallery-block .block-gallery-main .slick-prev{left:-25px;width:42px;height:42px;background: url(../images/arrow-l.png) center center no-repeat; background-size:100%}
.gallery-block .block-gallery-main .slick-next{right:-25px;width:42px;height:42px;background: url(../images/arrow-r.png) center center no-repeat; background-size:100%}
.gallery-block .gallery-caption{color:#333}
/**/
.block-gallery-mainBox{ width:1070px; height:500px; margin:0 auto; text-align:center; margin-bottom:50px;}
.block-gallery-mainBox img{ height:500px; max-width:100%; margin:0 auto;}
.block-gallery-navBox{ width:700px; margin:0 auto;}
.block-gallery-navBox img{ height:50px; max-width:100%; margin:0 auto;}
.block-gallery-nav .slick-list{ padding:0!important;}
/**/
.proSelectCon .proSelectBox{filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity: 0;opacity: 0; visibility:hidden; height:0;overflow:hidden}
.proSelectCon .proSelectBox.show{filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1;opacity:1; visibility: visible;height:auto;}
/**/
.block-gallery-nav .block-gallery-nav-image{ padding:10px 0; border:1px solid #fff;}
.block-gallery-nav .slick-current{box-shadow: 0px 2px 2px 1px rgba(0,0,0,0.03);border:1px solid #515151;}
@media screen and (max-width: 1220px){
.block-gallery-mainBox{width:900px; height:500px;margin-bottom:50px;}
.block-gallery-mainBox img{ height:500px;}
.block-gallery-navBox{ width:100%;}
}
@media screen and (max-width: 1024px){
.block-gallery-mainBox{width:800px; height:400px;margin-bottom:50px;}
.block-gallery-mainBox img{ height:400px;}
}
@media screen and (max-width: 992px){
.block-gallery-mainBox{width:100%; height:400px;margin-bottom:50px;}
.block-gallery-mainBox img{ height:400px;}	
.gallery-block .block-gallery-main .slick-prev{left:0px;width:42px;height:42px; z-index:99;}
.gallery-block .block-gallery-main .slick-next{right:0px;width:42px;height:42px; z-index:99;}
}
@media screen and (max-width:768px) {
.block-gallery-mainBox{height:300px;margin-bottom:30px;}
.block-gallery-mainBox img{ height:300px;}	
.block-gallery-navBox img{ height:30px;}
}
@media screen and (max-width: 640px){
.block-gallery-mainBox{height:46.875vw;margin-bottom:30px;}
.block-gallery-mainBox img{ height:46.875vw;}	
.block-gallery-navBox img{ height:30px;}
}
@media screen and (max-width: 350px){

}


/*****************response*****************/
/*layout*/
@media screen and (max-width: 1220px){
.layout{width:1000px;}
img{max-width:100%; height:auto;}
body{min-width:320px;}
}
@media screen and (max-width: 1044px){
.layout{width:900px;}
}
@media screen and (max-width: 992px){
.layout{width:90%;}
}
@media screen and (max-width: 640px){
.layout{width:94%;}
}



/*nav*/



/*header*/

.navbar-btn,.navbar-ser{ display:none;} 
.header .navB{display: block;height: auto;padding-bottom: 0;overflow: visible;visibility: visible;}
@media screen and (max-width: 1220px){
.header .layout{ width:94%!important;}
.header .nav li.navli a {}
.topSearch{width:40%;}
}
@media screen and (max-width: 1023px){
	.header .logo{ width:130px; height:60px;}
	.header.fixed-nav .logo{ height:60px;}
	.header .navtop{ padding-top:5px; padding-bottom:5px;}
	
    .header .tel-number{ display:none;}
	  .header .nav{ position: static;padding-top:0;}
	  .header .nav .layout{ width:100%!important;}
      .header .nav .navBox{ background:none;box-shadow:none;}
	  
	
    .header .navB{padding-top:0;position: fixed;z-index: 111;top: 0;bottom: 0;left: -400px; right:auto; height:auto;width:220px;background: #222;padding: 0;overflow-x: scroll;box-shadow: 2px 0 2px 0 rgba(0,0,0,.5)}

    .Top{ position:static; height:auto;}
	

	  
      .header .nav li.navli{display: block; float:none; width:100%;}
	  .header .nav li.navli a {font-size:16px;display:block;margin:0;border-bottom: 1px solid #4e4e4e;position: relative;}
      .header .nav li.navli.li-act>a { background:#0093dd;color:#fff;}
		
		.header .nav .top-level-subnav{ display:block;}	
/*	  .header .nav .top-level-subnav{overflow-y:scroll; max-height:100%; width:100%; padding:0;-webkit-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);-o-transform: translate(-50%,-50%);transform: translate(-50%,-50%);position:absolute;left:50%;top:50%;}*/


		/*er*/
		.header .nav li.navli .dropdown{position: static;top:0;left:0;display:none;background: #333;box-shadow:0 0px 0px 0px rgba(0,0,0,0);width:100%;}
		.header .nav li.navli .dropdown ul{display:block;}
		.header .nav li.navli .dropdown li{display:block;padding-bottom:0;margin-right:0;border-bottom:1px solid #4e4e4e;}
		.header .nav li.navli .dropdown li>a{color:#fff;display:block; margin:0;border-bottom: 1px solid #222;font-size:14px;line-height:normal;height:auto;padding:10px 20px 10px 20px;position:relative; text-align:left;}
		.header .nav li.navli .dropdown li>a span{ font-size:100%!important;}
		.header .nav li.navli .dropdown li>a:hover{ background-color: #333;}
	  
	  
	  .navbar-btn{display:inline-block; width:40px; height:40px; position:absolute; top:10px; right:0; background-image:url(../images/menu.png);background-repeat:no-repeat;background-position:center top;background-size:100%;-moz-background-size:90%; z-index:2; border-radius:5px;-moz-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;-webkit-transition:all 0.3s ease-in-out;transition:all .3s ease-in-out;}
	  .navbar-btn.on{background-image:url(../images/menu.png);-webkit-transform: rotate(90deg);-ms-transform: rotate(90deg);-o-transform: rotate(90deg);transform: rotate(90deg);}
	  

.topSearch{position:static; top:0;right:0; width:100%;}
.header-input {padding:10px 50px 10px 10px; background:#333;}
.header-input .text {line-height:40px;height:40px;padding:10px 10px;}
.header-input .icon-s{width:50px;height:60px;background-size:30px;}

body .white-overlay {display: none;position: fixed;top: 0;bottom: 0;width: 100%;background: rgba(0,0,0,.3);z-index: 110;cursor: pointer}

body.scroll-hidden {overflow: hidden}	

 body{ padding-top:130px;}

}
@media screen and (max-width: 369px) {
    .header .logo{width: 110px;height:60px;}
	.Top{ height:60px;}
    .navbar-btn,
	.navbar-ser{top:10px;}

	.header-input{padding:10px 10%;}
	.icon-sub1{top: 10px;width:40px;background-size:15px;}
}




/*banner*/
.mbanner{display:none;}
@media screen and (max-width:1023px) {
	
	.fullSlide{position: relative;margin-top: 130px;}
}
@media screen and (max-width:833px) {
	 .fullSlide{display:none;}
	 .mbanner{display:block;overflow:hidden;position: relative;margin-top: 130px;}
	.mbanner .slick-slide .image{padding:10px;}
	.mbanner .slick-slide img{display:block;width:100%;}
	.mbanner .slick-slide img.slick-loading{border:0 }
	.mbanner.slick-slider{margin:0 auto;}
	.slick-dots li{width:8px; height:8px;}
	.slick-dotted.slick-slider{ margin:0;}
	.slick-dots li button{ width:8px; height:8px; background:#000;border-radius:50%;opacity:0.5; padding:0;}
	.mbanner .slick-dots { bottom:10px;}
	.slick-dots li button:before{ display:none;}
	.slick-dots li.slick-active button{background:#0093dd;opacity:1}
	

}



/*indexAbout*/
.indexAbout{padding-top:100px;padding-bottom:50px; overflow:hidden;}
@media screen and (max-width: 1220px){
	.indexAbout .titleBig .t1 .tit{background:none;padding-left:0;padding-right:0;}
.indexAbout .indexAbout-wz{ width:80%; margin:0 auto;}
}
@media screen and (max-width: 833px){
.indexAbout .indexAbout-wz{ width:90%;}
.indexAbout{padding-top:60px;padding-bottom:50px;}
}





/*titleBox*/
.titleBig{color:#000000;font-size:14px;line-height:30px;margin:0 auto;display:block;font-style: normal;}
.titleBig .t1{color:#000000;font-size:48px; text-align:center; text-transform:uppercase; line-height:normal;}
.titleBig .t1 .tit{ display:inline-block;font-weight:bold;font-size:48px;}
.titleBig a{ display:inline-block;}
@media screen and (max-width: 1220px){
.titleBig .t1 .tit,
.titleBig .t1{font-size:42px;}
}
@media screen and (max-width: 1150px){
.titleBig .t1 .tit,.titleBig .t1{font-size:36px;}
}
@media screen and (max-width: 1044px){
.titleBig .t1 .tit,.titleBig .t1{font-size:32px;}
}
@media screen and (max-width: 833px) {
.titleBig{font-size:12px;line-height:24px;}
.titleBig .t1 .tit,.titleBig .t1{font-size:28px;}
}
@media screen and (max-width: 768px) {
.titleBig .t1 .tit,.titleBig .t1{font-size:26px;}
}

@media screen and (max-width: 350px) {
.titleBig .t1 .tit,.titleBig .t1{font-size:24px;}
}




/*indexPro*/
.indexPro{ height:auto;overflow:hidden;}
.indexPro .proList li{display:none;}
.indexPro .proList li.li1,.indexPro .proList li.li2{ display:inline-block;*display:inline;}
@media screen and (max-width: 1220px){
.indexPro{ height:auto;}
.indexPro .titleBig{ width:94%;}
.indexPro .indexPro-left{width:340px;}
.indexPro .prolunboBox{width:600px;}
.indexPro .proList{margin:0;padding:0;overflow:hidden;height:auto;font-size:0;line-height:normal;}
.indexPro .proList li{width:50%;margin-left:0;padding-bottom:30px;}
.indexPro .proList li .item{margin:0 15px;}
.indexPro .proList li .ImgBox{ display:block;width:auto; height:auto;overflow:hidden;padding:50% 0; position:relative;}
.indexPro .proList li .ImgBox img{display:block;margin:auto;-webkit-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);-o-transform: translate(-50%,-50%);transform: translate(-50%,-50%);position:absolute;left:50%;top:50%;max-height:100%;max-width:none; height:65%;width:65%;}

.indexPro .proList li a,.indexPro .proList li .ImgBox,.indexPro .proList li .ImgBox img{-moz-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;-webkit-transition:all 0.3s ease-in-out;transition:all .3s ease-in-out;}
.indexPro .proList li a:hover .ImgBox img{-moz-transform: scale3d(1.1, 1.1, 1.1) translate(-50%, -50%); -webkit-transform: scale3d(1.1, 1.1, 1.1) translate(-50%, -50%);-ms-transform: scale3d(1.1, 1.1, 1.1) translate(-50%, -50%);transform: scale3d(1.1, 1.1, 1.1) translate(-50%, -50%);}
}
@media screen and (max-width: 1044px){
.indexPro .indexPro-left{width:100%;}
.indexPro .prolunboBox{width:100%;}
.indexPro .titleBig{ padding-top:0; padding-bottom:30px;}
.indexPro .proList li{padding-bottom:20px;}

}
@media screen and (max-width: 833px) {
.indexPro .proList li .item{margin:0 10px;}
.indexPro .proList li .ProLei a{ font-size:14px;line-height:30px;height:30px;}
.indexPro .proList li .listTitle .t{ font-size:14px;line-height:24px;height:24px;}
.indexPro .proList li .listTitle .more{line-height:24px;height:24px;}
}
@media screen and (max-width: 640px) {
.indexPro .proList li .item{margin:0 5px;}
}
@media screen and (max-width: 350px) {
.indexPro .proList li{width:100%;}
.indexPro .proList li .item{margin:0 10px;}
}


/*indexTech*/
@media screen and (max-width: 833px){
.indexTech{padding-bottom:50px;padding-top:60px;}
.indexTech .indexTech-wz td{ display:block!important; width:100%;padding:0 0; text-align:center;}

}

/*foot*/
@media screen and (max-width: 833px){
.foot:after{height:100%;width:100%;background:url(../images/foot-bg.png) right bottom no-repeat;}
.foot .t1{font-size:16px;margin-bottom:10px;}
.foot .foot-right{float:none;width:100%;}
.foot .foot-center,
.foot .foot-nav {float:none;width:100%;text-align:center;}
.foot .foot-wz,
.foot .foot-lx{ max-width:400px; margin:0 auto;}
.foot .foot-rightBox{padding:0px;}
.foot .foot-center{ padding:30px 0;}

.goTop{width:40px; height:40px; right:15px;}


}







/*pagebanner*/
@media screen and (max-width: 1220px){
.pagebannerBox {height:320px;background-size:cover;}
.pagebannerBox .t {padding-top:5.208333333333333vw;}
.pagebannerBox .t .en{font-size:40px;margin-bottom:10px;}
.pagebannerBox .t .d{font-size:14px;line-height:24px;margin-bottom:4.166666666666667vw;}
}
@media screen and (max-width: 1150px){
.pagebannerBox {height:300px;background-size:cover;}
.pagebannerBox .t .en{font-size:36px;margin-bottom:10px;}
.pagebannerBox .t .d{font-size:14px;line-height:24px;margin-bottom:50px;}
}
@media screen and (max-width: 1044px){
.pagebannerBox {height:280px;}
.pagebannerBox .t {padding-top:90px;}
.pagebannerBox .t .en{font-size:30px;margin-bottom:10px;}
.pagebannerBox .t .d{font-size:13px;line-height:24px;margin-bottom:40px;}
}
@media screen and (max-width: 833px){
.pagebannerBox {height:auto; padding-bottom:30%;}
.pagebannerBox .t {padding-top:90px; display:none;}
.pagebannerBox .t .en{font-size:26px;margin-bottom:10px;}
.pagebannerBox .t .d{font-size:12px;line-height:24px;margin-bottom:30px;}
.pagebannerBox .t .drop img{ width:30px; height:30px;}
}






/*pageInfo*/
@media screen and (max-width: 1220px){
.pageInfo{font-size:14px;line-height:28px;padding-top:45px;padding-bottom:30px;}
.page-tit{font-size: 26px;padding-bottom:20px;}
.page-tit2{font-size: 18px;padding-bottom:10px;}
}
@media screen and (max-width: 1044px){
.pageInfo{font-size:14px;line-height:28px;padding-top:35px;padding-bottom:30px;}
.page-tit{font-size: 24px;padding-bottom:15px;}
.page-tit2{font-size: 16px;padding-bottom:5px;}
}
@media screen and (max-width: 991px){

}
@media screen and (max-width: 833px){
.pageInfo{font-size:14px;line-height:26px;padding-top:30px;padding-bottom:30px;}
.page-tit{font-size: 20px;padding-bottom:10px;}
.page-tit2{font-size:14px;padding-bottom:5px;}
}
@media screen and (max-width: 768px){
.page-tit{font-size:18px;padding-bottom:10px;}
}
@media screen and (max-width: 369px){

}


/*.page*/
.grey{background:#faf9f9;color:#666666;width:100%;}
.grey td{ padding:30px 30px;}
.pageContent h1{font-size:26px; font-weight:normal;}
.pageContent h2{font-size:24px;font-weight:normal;}
.pageContent h3{font-size:20px;font-weight:normal;}
@media screen and (max-width: 833px){
.pageContent td{ display:block!important; width:100%;padding:0 0;}

.grey td{display:block!important; padding:3% 3%!important; width:94%;}

.pageContent h1{font-size:24px;}
.pageContent h2{font-size:22px;}
.pageContent h3{font-size:18px;}
}
@media screen and (max-width: 640px){
.pageContent h1{font-size:22px;}
.pageContent h2{font-size:20px;}
.pageContent h3{font-size:16px;}
}
@media screen and (max-width: 369px){

}

/*productsList*/
.productsList{padding:0;margin-bottom:70px;margin-top:30px;}
.productsList h1{font-weight:600;font-size:28px;line-height:36px;padding:0;margin-bottom:30px;color:#333; font-weight:bold;}
.productsList ul{margin:0;padding:0;overflow:hidden;height:auto;color:#a0a0a0;font-size:0;line-height:normal;box-shadow: 0 0 30px rgba(0,0,0,.15);border-radius:10px; background:#fff;padding: 17px 15px 10px;position: relative;}
.productsList ul li{font-size:0;display:inline-block;*display:inline;zoom:1;margin:0;padding:0;overflow:hidden;list-style:none;width:20%; vertical-align:top;}
.productsList ul li a{display:block;position: relative;padding:15px 15px;}
.productsList ul li .ImgBox{width:100%;height:140px;overflow:hidden; text-align:center;}
.productsList ul li .ImgBox img{height:140px; line-height:140px;max-width:100%;}
.productsList ul li .ImgBox img,
.productsList ul li .listTitle{-webkit-transition: all 0.6s ease-in-out;-moz-transition: all 0.6s ease-in-out;-o-transition: all 0.6s ease-in-out;-ms-transition: all 0.6s ease-in-out;transition: all 0.6s ease-in-out;}
.productsList ul li a:hover .ImgBox img{-moz-transform: scale(1.05); -webkit-transform: scale(1.05);transform: scale(1.05);}
.productsList ul li .listTitle{overflow:hidden;display:block;padding:0; position:relative;border-top: 2px solid #dddada;padding-top:15px;padding-bottom:10px;}
.productsList ul li .listTitle h2{font-size:18px;color:#0093dd;line-height:24px;margin-bottom:5px; font-weight:600;}
.productsList ul li .listTitle .dec{font-size:14px;color:#555;max-height:72px;line-height:24px; height:auto;overflow:hidden;}
@media screen and (max-width: 1220px){
.productsList{margin-bottom:60px;margin-top:0px;}
.productsList h1{font-size:24px;line-height:32px;margin-bottom:25px;}
.productsList ul{border-radius:10px;padding: 17px 15px 10px;}
.productsList ul li{width:25%;}
.productsList ul li a{padding:10px 10px;}
.productsList ul li .ImgBox{height:140px;}
.productsList ul li .ImgBox img{height:140px; line-height:140px; max-width:100%;}
.productsList ul li .listTitle{padding-top:13px;padding-bottom:10px;}
.productsList ul li .listTitle h2{font-size:16px;}
.productsList ul li .listTitle .dec{font-size:13px;}
}
@media screen and (max-width: 1044px){
.productsList h1{font-size:20px;line-height:30px;margin-bottom:20px;}
.productsList ul li{width:33.3333%;}
}
@media screen and (max-width: 833px){
.productsList{margin-bottom:50px;margin-top:0px;}
.productsList h1{font-size:18px;line-height:30px;margin-bottom:15px;}
.productsList ul{border-radius:5px;padding: 15px 15px 10px 15px;}

.productsList ul li a{padding:10px 10px;}
.productsList ul li .ImgBox{height:140px;}
.productsList ul li .ImgBox img{height:140px; line-height:140px;}
.productsList ul li .listTitle{padding-top:10px;padding-bottom:10px;}
.productsList ul li .listTitle h2{font-size:14px;}
.productsList ul li .listTitle .dec{font-size:12px;}
}
@media screen and (max-width: 768px){
.productsList ul li{width:50%;}
}
@media screen and (max-width: 369px){
.productsList ul li{width:100%;}
}




/*news*/
.pageList ul li.listpic .date{font-size:14px;line-height:30px;width:170px;height:100px;}
.pageList ul li.listpic .date span{padding-right:24px;}
.pageList ul li.listpic .ImgBox{width:130px;height:100px;float:right;}
.pageList ul li.listpic .ImgBox img{width:130px;height:100px;}
.pageList ul li.listpic .listTitle .listTitleBox{padding:0 45px 0 50px;}
.pageList ul li.listpic .listTitle .t{font-size:14px;line-height:26px;}
@media screen and (max-width: 1220px){
.pageList ul li.listpic .date{font-size:14px;line-height:30px;width:120px;height:100px;}
.pageList ul li.listpic .date span{padding-right:24px;}
.pageList ul li.listpic .ImgBox{width:130px;height:100px;float:right;}
.pageList ul li.listpic .ImgBox img{width:130px;height:100px;}
.pageList ul li.listpic .listTitle .listTitleBox{padding:0 35px 0 35px;}
.pageList ul li.listpic .listTitle .t{line-height:24px;height:48px; overflow:hidden;}
.pageList ul li.listpic .listTitle .t2{line-height:20px;height:40px;}
}
@media screen and (max-width: 1044px){

}
@media screen and (max-width: 833px){
.pageList ul li.listpic .date{font-size:14px;line-height:30px;width:100%;height:auto;float:none; text-align:left;}
.pageList ul li.listpic .date span{padding-right:24px;}
.pageList ul li.listpic .ImgBox{width:130px;height:100px;float:right;}
.pageList ul li.listpic .ImgBox img{width:130px;height:100px;}
.pageList ul li.listpic .listTitle .listTitleBox{padding:0 20px 0 0;}
.pageList ul li.listpic .listTitle .t{line-height:24px;height:48px; overflow:hidden;}
.pageList ul li.listpic .listTitle .t2{line-height:20px;height:40px;}
.pageList ul li.listpic a{padding:20px 0px;}
}
@media screen and (max-width: 550px){
.pageList ul li.listpic .ImgBox{width:100px;height:90px;float:right;}
.pageList ul li.listpic .ImgBox img{width:100px;height:90px;}
}
@media screen and (max-width: 369px){
.pageList ul li.listpic .listTitle .t{line-height:20px;height:40px; overflow:hidden; margin-bottom:5px;}

}






/*feedback*/
@media screen and (max-width: 1220px){
.contactBOX2{margin-top:20px;padding-top:30px;padding-bottom:20px;}
.contactTableB1{width:600px;}
.contactTableB2{width:400px;}
.contactTableB2 .t1{font-size:26px;line-height:36px;padding-bottom:15px;}
.contactTable3{ width:100%;}
.contactTable3 .t3{line-height:26px;}
.feedback2 .inputbtn{ max-width:150px;}
}
@media screen and (max-width: 1044px){
.contactTableB2 .t1{font-size:24px;line-height:32px;padding-bottom:10px;}
.contactTableB1{ float:none;width:100%;}
.contactTableB2{ float:none;width:100%;}


}
@media screen and (max-width: 833px){
.contactTable3{width:100%;padding-left:0;}
.contactTable3 .t3{line-height:30px;}
.contactTableB2 .t1{font-size:20px;line-height:30px;padding-bottom:10px;}
}
@media screen and (max-width: 640px){
.feedback2 label.l1{float:none;width:100%; position:relative;}
.contactTableB2.l3{width:100%; float:none;}
.feedback2 .inputbtn{ float:left;}

}





/*contact*/
.ContactTable img{width:60px;}
.ContactTable1{ float:left; width:360px;background:#f7f7f7;border-radius:5px; position:relative;}
.ContactTable2{ float:left; width:360px;background:#f7f7f7;border-radius:5px; position:relative;margin:0 60px;}
.ContactTable3{ float:left; width:360px;background:#f7f7f7;border-radius:5px; position:relative;}
.ContactTable1:after,
.ContactTable2:after,
.ContactTable3:after{content:""; position:absolute;right:10px; top:7px;background:#fff;border-radius:50%; height:13px;width:13px;}
.ContactTable1 td,
.ContactTable2 td,
.ContactTable3 td{padding-left:20px;padding-top:30px;padding-bottom:30px;padding-right:25px;}
.ContactTable1 td.img,
.ContactTable2 td.img,
.ContactTable3 td.img{padding-left:20px;padding-right:0; width:60px;}
.ContactTable1 td{ font-size:12px; line-height:20px; color:#666666;}
.ContactTable2 td,
.ContactTable3 td{ font-size:15px;color:#666666;}
@media screen and (max-width: 1220px){
.ContactTable1{width:300px;}
.ContactTable2{width:300px;margin:0 35px;}
.ContactTable3{width:300px;}

.ContactTable1 td,
.ContactTable2 td,
.ContactTable3 td{padding-left:15px;padding-top:25px;padding-bottom:25px;padding-right:15px;}
}
@media screen and (max-width: 1044px){
.ContactTable1{width:280px;}
.ContactTable2{width:280px;margin:0 10px;}
.ContactTable3{width:280px;}
.ContactTable1 td,
.ContactTable2 td,
.ContactTable3 td{padding-left:15px;padding-top:25px;padding-bottom:25px;padding-right:15px;}
.ContactTable2 td,
.ContactTable3 td{ font-size:14px;}
}
@media screen and (max-width: 992px){
.ContactTable1{width:32%;}
.ContactTable2{width:32%;margin:0 2%;}
.ContactTable3{width:32%;}
}
@media screen and (max-width: 833px){
.ContactTable1{width:100%;}
.ContactTable2{width:100%;margin:2% 0;}
.ContactTable3{width:100%;}
}
@media screen and (max-width: 640px){


}


/**/
.proSelectCon{padding:50px 0;}
.proSelectBox h1{font-size:36px;padding-bottom:30px; padding-top:30px;}
@media screen and (max-width: 1220px){
.proSelectCon{padding:40px 0;}
.proSelectBox h1{font-size:34px;padding-bottom:25px; padding-top:25px;}
}
@media screen and (max-width: 1044px){
.proSelectCon{padding:30px 0;}
.proSelectBox h1{font-size:30px;padding-bottom:20px; padding-top:20px;}
}
@media screen and (max-width: 992px){
.proSelectBox h1{font-size:26px;padding-bottom:15px; padding-top:15px;}
}
@media screen and (max-width: 833px){
.proSelectBox h1{font-size:24px;padding-bottom:10px; padding-top:10px;}
}
@media screen and (max-width: 640px){
.proSelectBox h1{font-size:20px;padding-bottom:5px; padding-top:5px;}
}






@media screen and (max-width: 1220px){
.proTabs ul{margin-top:-42px;}
.proTabs li span{line-height:40px;font-size:14px;/*width:120px;*/width:auto; padding:0 15px; min-width:100px;}
}
@media screen and (max-width: 1044px){
.proTabs ul{margin-top:-42px;}
.proTabs li span{line-height:40px;font-size:14px;/*width:100px;*/ width:auto; padding:0 15px; min-width:100px;}
}
@media screen and (max-width: 833px){
.proTabs li{ width:50%;}
.proTabs li span{line-height:40px;font-size:14px;width:100%; display:block;padding:0;}
}




.probanner{background-color:#f5f5f5; height:auto;min-height: 300px;border-bottom:1px solid #eaeaea;overflow:hidden;}
.probanner .probanner-inner{padding-top: 30px;padding-bottom:40px;position:relative;}
.probanner .probanner-inner{ position:relative;}
.probanner .probanner-inner .image{top:30px;right:0; width:30%;}
.probanner .probanner-inner .image picture{max-width: 300px;}
.probanner .probanner-inner .image picture{max-width:100%; max-height:100%; width:100%; height:100%;}
.probanner .probanner-inner .image img{max-height:270px;max-width:300px;}
.probanner .probanner-inner .text{ padding-right:30%; padding-bottom:50px;}
.probanner .probanner-inner .text h1{font-size:60px;line-height:60px;}
.probanner .probanner-inner .text .description{font-size:16px;line-height:30px;margin-bottom:20px;max-width:770px;}
.probanner .probanner-inner .text h1.tt{font-size:32px;padding-top:35px;}
@media screen and (max-width: 1220px){.prodetailBox1 table,.prodetailBox2 table{ width:100%!important;}
.probanner .probanner-inner .text h1{font-size:50px;line-height:50px;}
.probanner .probanner-inner .text h1.tt{font-size:28px;padding-top:25px;}
.probanner .probanner-inner .text .description{font-size:14px;line-height:24px;}
}
@media screen and (max-width: 1150px){
.probanner .probanner-inner .text h1{font-size:40px;line-height:40px;}
.probanner .probanner-inner .text h1.tt{font-size:26px;padding-top:20px;}
.probanner .probanner-inner .text .description{font-size:14px;line-height:24px;}
}
@media screen and (max-width: 1044px){
.probanner .probanner-inner .text h1{font-size:30px;line-height:30px;}
.probanner .probanner-inner .text h1.tt{font-size:24px;padding-top:15px;}
.probanner .probanner-inner .text .description{font-size:14px;line-height:24px;}
.probanner{min-height:250px;}
/*.probanner .probanner-inner .image picture{max-width: 250px;}*/

.probanner .probanner-inner .image{top:0px; height:100%}
.probanner .probanner-inner .image picture{max-width:100%; max-height:100%; width:100%; height:100%;}
.probanner .probanner-inner .image img{max-height:100%;max-width:100%;}
}
@media screen and (max-width: 833px){

.probanner .probanner-inner .text h1{font-size:28px;line-height:30px;}
.probanner .probanner-inner .text h1.tt{font-size:20px;padding-top:10px;}
.probanner .probanner-inner .text .description{font-size:12px;line-height:1.5;}
.probanner{min-height:250px;}


.prodetailBox1 table td{ padding:8px 3%;border:1px solid #e1e1e1; font-size:14PX; width:94%; display:block!importan}
.prodetailBox2 table{ width:100%!important;}
.prodetailBox2 table td{ padding:8px 3%;border-bottom:1px solid #e1e1e1;font-size:14px;color:#666666; width:94%;/* display:block!important*/}
.prodetailBox2 table td a{ color:#0093dd; }
}
@media screen and (max-width: 640px){
.probanner .probanner-inner .text h1{font-size:26px;line-height:30px;}
.probanner .probanner-inner .text h1.tt{font-size:18px;padding-top:0px;}
.probanner .probanner-inner .text .description{font-size:12px;line-height:1.5;}
.probanner{min-height:250px;}
.probanner .probanner-inner .image picture{max-width:100%;}
}
@media screen and (max-width: 369px){
.probanner .probanner-inner .text h1.tt{font-size:16px;padding-top:0px;}

.probanner .probanner-inner .image{ width:30%;}
.probanner .probanner-inner .text{padding-right: 32%;}
}



/**/
.column,.columns{width:100%;float:left;padding-right:.625rem;padding-left:.625rem}
@media print,screen and (min-width:40em){.column,.columns{padding-right:.9375rem;padding-left:.9375rem}
}.column:last-child:not(:first-child),.columns:last-child:not(:first-child){float:right}
.column.end:last-child:last-child,.end.columns:last-child:last-child{float:left}
.column.row.row,.row.row.columns{float:none}
.row .column.row.row,.row .row.row.columns{margin-right:0;margin-left:0;padding-right:0;padding-left:0}

@media print,screen and (min-width:64em){
.large-4{width:33.33333%}
.large-8{width:66.66667%}
}


/**/
header{ position:relative; z-index:999;}
.top-grey-row{background:#ededed;font-size:.875rem}
.top-grey-row .currency{text-align:right}
@media print,screen and (min-width:40em){
	.top-grey-row .currency{text-align:left}
}
.top-grey-row .currency span{display:inline-block;height:1.875rem;line-height:1.875rem}
.top-grey-row .currency select{height:1.875rem;line-height:1.875rem;border:none;border-radius:0;font-size:.875rem;padding:0 .3125rem;max-width:7.5rem;margin-left:5px;margin-bottom:0}
.top-grey-row .cart-column{text-align:right}
.top-grey-row .cart-column .mini-cart{float:right;margin-left:10px;border-left:1px solid #d5d5d5;position:relative}
.top-grey-row .cart-column .mini-cart i{margin-right:10px;color:#bd1333}
.top-grey-row .cart-column .mini-cart:hover .dropdown-pane{display:block}
.top-grey-row .cart-column .mini-cart .dropdown-pane{display:none;position:absolute;background:#fff;width:16.25rem;top:30px;right:0;z-index:11111;box-shadow:0 3px 7px 1px #222;padding:20px;max-height:28.125rem;overflow-x:auto}
.top-grey-row .cart-column .mini-cart .mini-shopping-cart .item{padding:.3125rem 0;border-bottom:1px solid #222}
.top-grey-row .cart-column .mini-cart .mini-shopping-cart .item a{line-height:normal;margin:0}
.top-grey-row .cart-column .mini-cart .mini-shopping-cart .item .picture{float:left;width:70px;text-align:left}
.top-grey-row .cart-column .mini-cart .mini-shopping-cart .item .product{padding-left:4.6875rem}
.top-grey-row .cart-column .login-detials{float:right}
.top-grey-row .cart-column .login-detials .login-blk{display:inline-block}
.top-grey-row .cart-column a{line-height:1.875rem;height:1.875rem;margin-left:.625rem;color:#333}
.top-grey-row .cart-column a:hover{color:#bd1333}
.logo-row{padding:.8125rem 0 .4375rem 0}
.logo-row .logo-column a.header__logo__link{float:left;width:11.875rem}
.logo-row .logo-column .mob-header{font-size:2.25rem;float:right}
.logo-row .logo-column .mob-header a{cursor:pointer}
@media print,screen and (min-width:64em){
	.logo-row .logo-column a.header__logo__link{width:auto;float:none}
.logo-row .logo-column .mob-header{display:none}
}
.logo-row .customer-support-col{display:none}
@media print,screen and (min-width:64em){
	.logo-row .customer-support-col{display:block}
}
.logo-row .customer-support-col .tel-number{float:right;margin-left:1.25rem;font-weight:400;margin-top:40px}
.logo-row .customer-support-col .tel-number a{font-size:.9375rem;color:#333;text-transform:uppercase}
.logo-row .customer-support-col .tel-number a span{font-size:1.6875rem;margin-left:.5rem}
@media screen and (min-width:75em){
	.logo-row .customer-support-col .tel-number a{font-size:1.125rem}
.logo-row .customer-support-col .tel-number a span{font-size:1.875rem}
}
.search-column{padding:.625rem;background:#333;margin:.625rem 0 0}
.search-column .header__main-menu__search{position:relative}
.search-column .header__main-menu__search input[type=text]{border-radius:0;box-shadow:none;padding-right:40px;margin-bottom:0}
.search-column .header__main-menu__search .header__main-menu__search__button{position:absolute;color:#fff;right:0;top:0;width:39px;height:39px;background:#333;border:1px solid #8c8c8c}
@media print,screen and (min-width:64em){
	.search-column{padding:0 .9375rem;margin:0;position:relative}
.search-column .header__main-menu__search-form{position:absolute;left:-15px;width:100%;top:-12px;background:#333;padding:.75rem 0 .75rem .75rem}
.search-column .header__main-menu__search input[type=text]{height:3.125rem;line-height:3.125rem;padding-right:5rem;font-size:1.25rem}
.search-column .header__main-menu__search .header__main-menu__search__button{height:3.125rem;width:64px;border:0;font-size:1.5625rem}
}
@media print,screen and (min-width:64em){
	.navigation-search-bar{background:#333;margin:.9375rem 0 1.25rem 0;box-shadow:0 2px 4px 1px rgba(0,0,0,.2)}
}
.main-navigation{position:fixed;z-index:111;top:0;bottom:0;left:-400px;width:13.75rem;background:#222;padding:0;overflow-x:scroll;box-shadow:2px 0 2px 0 rgba(0,0,0,.5)}
.main-navigation .call-us-mob-anchor{background:#f9bd15;color:#fff;display:block;padding:.3125rem 0;text-align:center;font-size:.875rem;font-weight:700}
.main-navigation .call-us-mob-anchor i{font-size:.875rem;margin-right:.1875rem}
@media print,screen and (min-width:64em){
	.main-navigation .call-us-mob-anchor{display:none}
}
.main-navigation .mob-close{font-size:1.5625rem;color:#fff;display:inline-block;margin:.625rem 1.25rem}
@media print,screen and (min-width:64em){
	.main-navigation .mob-close{display:none}
}.main-navigation .social-icons{margin:1.25rem}
.main-navigation .social-icons a{color:#fff;font-size:1.25rem;margin-right:1.25rem}
@media print,screen and (min-width:64em){
	.main-navigation .social-icons{display:none}
}
.main-navigation ul{list-style:none;margin:0;padding:0}
.main-navigation ul li{border-bottom:1px solid #4e4e4e;position:relative}
.main-navigation ul li a{color:#fff;display:block;padding:.9375rem 1.25rem;text-transform:uppercase}
.main-navigation ul li a.active,.main-navigation ul li a:hover{background:#f9bd15}
.main-navigation ul li a i{display:none}
.main-navigation ul li span.dd-caret{position:absolute;right:0;color:#fff;text-align:center;top:0;cursor:pointer;padding:.9375rem}
.main-navigation ul li span.dd-caret i.fa-angle-down:before{content:"\f107"}
.main-navigation ul li span.dd-caret i.fa-angle-down.fa-angle-up:before{content:"\f106"}
@media print,screen and (min-width:64em){
	.main-navigation ul li span.dd-caret{display:none}
}.main-navigation ul li>ul.menu{display:none;background:#333}
.main-navigation ul li>ul.menu>li{display:block}
.main-navigation ul li>ul.menu>li:last-child{border:none}
.main-navigation ul li>ul.menu>li>a{font-size:.875rem;border-bottom:1px solid #222}
.main-navigation ul li>ul.menu>li span.dd-caret{padding:.625rem .9375rem .5625rem}
.main-navigation ul li>ul.menu>li>.header__mega-menu__sub-menu{display:none;background:#666;text-align:center}
@media print,screen and (min-width:64em){
	.main-navigation ul li>ul.menu>li>.header__mega-menu__sub-menu{width:15rem;left:auto;right:-240px;top:0;text-align:left}
}
.main-navigation ul li>ul.menu>li>.header__mega-menu__sub-menu>.header__mega-menu__sub-menu__header{display:none}
@media print,screen and (min-width:64em){
	.main-navigation ul li>ul.menu>li>.header__mega-menu__sub-menu>.header__mega-menu__sub-menu__header{display:block}
}
.main-navigation ul li>ul.menu>li>.header__mega-menu__sub-menu>ul{text-align:left}
.main-navigation ul li>ul.menu>li>.header__mega-menu__sub-menu>ul>li{font-size:.875rem}
@media print,screen and (min-width:64em){
	.main-navigation{position:relative;background:0 0;border:none;width:100%;margin:0;text-align:left;display:block;left:0!important;box-shadow:none;overflow-x:visible}
.main-navigation .header__mega-menu__sub-menu{display:none}
.main-navigation ul li{display:inline-block;border-bottom:none}
.main-navigation ul li a{color:#fff;font-size:1.25rem;padding:0 .9375rem;line-height:3rem;height:3rem;margin-top:2px}
.main-navigation ul li a i{display:inline-block;margin-left:.625rem}
.main-navigation ul li ul.menu{position:absolute;top:50px;left:0;display:none;background:#fff;box-shadow:0 2px 2px 2px rgba(0,0,0,.2);width:15.625rem}
.main-navigation ul li ul.menu li{display:block;padding-bottom:0;margin-right:0}
.main-navigation ul li ul.menu li>a{color:#333;display:block;border-bottom:1px solid #ddd;font-size:1.25rem;line-height:normal;height:auto;padding:.625rem 2.5rem .625rem 1.25rem;position:relative}
.main-navigation ul li ul.menu li>a i{color:#ddd;position:absolute;top:50%;margin-top:-10px;right:15px}
.main-navigation ul li ul.menu li:hover .header__mega-menu__sub-menu{position:absolute;left:100%;display:block;top:-2px;background:#fff;padding:.625rem;border:1px solid #ddd;min-width:25rem;min-height:14.375rem}
.main-navigation ul li ul.menu li:hover .header__mega-menu__sub-menu img.header__mega-menu__sub-menu__image{position:absolute;right:10px;top:70px}
.main-navigation ul li ul.menu li:hover .header__mega-menu__sub-menu .header__mega-menu__sub-menu__header{background:#333;color:#fff;padding:.3125rem .9375rem;border-radius:3px}
.main-navigation ul li ul.menu li:hover .header__mega-menu__sub-menu ul.header__mega-menu__sub-menu__inner{margin-right:11.25rem;margin-top:20px}
.main-navigation ul li ul.menu li:hover .header__mega-menu__sub-menu ul.header__mega-menu__sub-menu__inner li a{font-size:16px;padding:.3125rem .9375rem;height:auto;line-height:normal}
.main-navigation ul li ul.menu li:hover .header__mega-menu__sub-menu ul.header__mega-menu__sub-menu__inner li:last-child a{border:none}
.main-navigation ul li:hover a{background:#fff;color:#333}
.main-navigation ul li:hover ul.menu{display:block}
}
@media print,screen and (min-width:64em){
	.html-category-page .main-navigation ul li.products>a,.html-topic-page .main-navigation ul li.products>a,body.ordersku .main-navigation ul li.products>a{background:#333;color:#fff}
.html-category-page .main-navigation ul li.products>a i,.html-topic-page .main-navigation ul li.products>a i,body.ordersku .main-navigation ul li.products>a i{color:#fff}
.html-category-page .main-navigation ul li.products ul.menu,.html-topic-page .main-navigation ul li.products ul.menu,body.ordersku .main-navigation ul li.products ul.menu{display:block}
}










/*indexad*/
.indexad{ position:absolute; left:0;right:0;top:50%;-moz-transform: translateY(-50%);-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%); text-align:center; margin:0 auto; z-index:2; max-width:40%;}
.indexad .t1{ display:block;font-size:40px;color:#ffffff;line-height:normal;text-transform:uppercase; margin-bottom:5px;font-weight:600;font-family:"Roboto",'Poppins','Verdana',Arial,"Helvetica Neue",Helvetica,'微软雅黑','Microsoft YaHei',sans-serif;}
.indexad .t2{ display:block;font-size:20px;color:#ffffff;line-height:normal;text-transform:uppercase;font-weight:100;font-family:"Roboto",'Poppins','Verdana',Arial,"Helvetica Neue",Helvetica,'微软雅黑','Microsoft YaHei',sans-serif; font-weight:300;}
@media screen and (max-width: 1920px){
.indexad .t1{font-size:40px;}
.indexad .t2{font-size:20px;}
}
@media screen and (max-width: 1220px){
.indexad .t1{font-size:3.333333333333333vw;}
.indexad .t2{font-size:1.666666666666667vw;}
    .indexad{ width:60%;}
}





/*indexPro5*/
.indexPro5{ height:auto;overflow:hidden; padding-top:80px;padding-bottom:50px;}
.indexPro5 .proList5{padding:0;overflow:hidden;height:auto;font-size:0;line-height:normal;margin:0 -15px;}
.indexPro5 .proList5 li{display:inline-block;*display:inline;zoom:1; vertical-align:top; width:20%;margin-bottom:30px;}
.indexPro5 .proList5 li .item{box-shadow:0 0 5px 1px rgba(0,0,0,.3) inset;background:#fff;padding:10px;text-align:center}
.indexPro5 .proList5 li a{display:block;margin:0 15px;}
.indexPro5 .proList5 li .ImgBox{ display:block;width:auto; height:auto;overflow:hidden;padding:62.5px 0; position:relative;}
.indexPro5 .proList5 li .ImgBox img{display:block;margin:auto;-webkit-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);-o-transform: translate(-50%,-50%);transform: translate(-50%,-50%);position:absolute;left:50%;top:50%;max-height:125px;max-width:none;}
.indexPro5 .proList5 li a,.indexPro5 .proList5 li .ImgBox,.indexPro5 .proList5 li .ImgBox img{-moz-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;-webkit-transition:all 0.3s ease-in-out;transition:all .3s ease-in-out;}
/*.indexPro5 .proList5 li a:hover .ImgBox img{-moz-transform: scale3d(1.1, 1.1, 1.1) translate(-50%, -50%); -webkit-transform: scale3d(1.1, 1.1, 1.1) translate(-50%, -50%);-ms-transform: scale3d(1.1, 1.1, 1.1) translate(-50%, -50%);transform: scale3d(1.1, 1.1, 1.1) translate(-50%, -50%);}*/
.indexPro5 .proList5 li .listTitle{font-size:18px;line-height:30px;height:30px;padding:10px 0; display:block;font-family:"Roboto",'Poppins','Verdana',Arial,"Helvetica Neue",Helvetica,'微软雅黑','Microsoft YaHei',sans-serif; font-weight:300;}
.indexPro5 .proList5 li .listTitle span{font-size:110%;color:#F00; margin-top:-2px;}
.indexPro5 .proList5 li a:hover .item{box-shadow:0 0 20px 1px rgba(0,0,0,.5) inset;}
@media screen and (max-width: 1220px){
.indexPro5 .proList5{pmargin:0 -10px;}
.indexPro5 .proList5 li{width:33.33333333%;margin-bottom:20px;}
.indexPro5 .proList5 li a{margin:0 10px;}
.indexPro5 .proList5 li .listTitle{font-size:18px;}
}
@media screen and (max-width: 1023px){
.indexPro5 .proList5{pmargin:0 -5px;}
.indexPro5 .proList5 li a{margin:0 5px;}
.indexPro5 .proList5 li{width:33.33333333%;margin-bottom:20px;}
.indexPro5 .proList5 li a{margin:0 10px;}
.indexPro5 .proList5 li .listTitle{font-size:16px;line-height:26px;height:26px;padding:8px 0;}
}
@media screen and (max-width: 833px) {
.indexPro5 .proList5{pmargin:0 -5px;}
.indexPro5 .proList5 li a{margin:0 5px;}
.indexPro5 .proList5 li{width:33.33333333%;margin-bottom:20px;}
.indexPro5 .proList5 li a{margin:0 10px;}
.indexPro5 .proList5 li .listTitle{font-size:16px;line-height:26px;height:26px;padding:8px 0;}
}
@media screen and (max-width: 640px) {
.indexPro5 .proList5{pmargin:0 -5px;}
.indexPro5 .proList5 li a{margin:0 5px;}
.indexPro5 .proList5 li{width:50%;margin-bottom:20px;}
.indexPro5 .proList5 li a{margin:0 10px;}
.indexPro5 .proList5 li .listTitle{font-size:14px;line-height:26px;height:26px;padding:8px 0;}
}




/*pageProList5*/
.pageProList5{padding:0;margin-bottom:70px;margin-top:30px;}
.pageProList5 h1{font-size:30px;line-height:36px;padding:0;margin-bottom:30px;color:#333; /*text-transform:uppercase;*/ font-weight:400;font-family:"Roboto",'Poppins','Verdana',Arial,"Helvetica Neue",Helvetica,'微软雅黑','Microsoft YaHei',sans-serif; font-weight:300;}
.pageProList5 h1 span{color:#F00;}
.pageProList5 ul{margin:0 -10px;padding:0;overflow:hidden;height:auto;color:#a0a0a0;font-size:0;line-height:normal;position: relative;}
.pageProList5 ul li{font-size:0;display:inline-block;*display:inline;zoom:1;margin:0;padding:0;overflow:hidden;list-style:none;width:20%; vertical-align:top; margin-bottom:30px;}
.pageProList5 ul li a{ margin:0 10px;display:block;position: relative;padding:15px 15px;/*border:2px solid #ddd;*/display: block;text-align: center;color: #333;}
.pageProList5 ul li .ImgBox{width:100%;height:125px;overflow:hidden; text-align:center;}
.pageProList5 ul li .ImgBox img{height:125px; line-height:125px;max-width:100%;}
.pageProList5 ul li .ImgBox img,
.pageProList5 ul li .listTitle{-webkit-transition: all 0.6s ease-in-out;-moz-transition: all 0.6s ease-in-out;-o-transition: all 0.6s ease-in-out;-ms-transition: all 0.6s ease-in-out;transition: all 0.6s ease-in-out;}
.pageProList5 ul li a:hover .ImgBox img{-moz-transform: scale(1.05); -webkit-transform: scale(1.05);transform: scale(1.05);}
.pageProList5 ul li .listTitle{overflow:hidden;display:block;padding:0; position:relative;padding-top:15px;padding-bottom:40px;}
.pageProList5 ul li .listTitle h2{font-size:14px;color:#999;line-height:24px; font-weight:300;position: absolute;text-align: center;bottom: 0;left: 0;width: 100%; padding-bottom:0;font-family:"Roboto",'Poppins','Verdana',Arial,"Helvetica Neue",Helvetica,'微软雅黑','Microsoft YaHei',sans-serif; font-weight:300;}
.pageProList5 ul li .listTitle .dec{font-size:16px;color:#333;height:96px;font-weight:400;line-height:24px;overflow:hidden;font-family:"Roboto",'Poppins','Verdana',Arial,"Helvetica Neue",Helvetica,'微软雅黑','Microsoft YaHei',sans-serif; font-weight:300;}
.pageProList5 ul li a:hover .listTitle .dec{color:#0093dd;}
@media screen and (max-width: 1220px){
.pageProList5{margin-bottom:60px;margin-top:0px;}
.pageProList5 h1{font-size:24px;line-height:32px;margin-bottom:25px;}
.pageProList5 ul li{width:25%;}
.pageProList5 ul li a{padding:10px 10px;}
}
@media screen and (max-width: 1044px){
.pageProList5 h1{font-size:20px;line-height:30px;margin-bottom:20px;}
.pageProList5 ul li{width:33.3333%;}
}
@media screen and (max-width: 833px){
.pageProList5{margin-bottom:50px;margin-top:0px;}
.pageProList5 h1{font-size:18px;line-height:30px;margin-bottom:15px;}
.pageProList5 ul li a{padding:10px 10px;}
.pageProList5 ul li .listTitle{padding-top:10px;padding-bottom:10px;}
.pageProList5 ul li .listTitle h2{font-size:12px;}
.pageProList5 ul li .listTitle .dec{font-size:14px;}
}
@media screen and (max-width: 768px){
.pageProList5 ul li{width:50%;}
}
@media screen and (max-width: 640px){
.pageProList5 ul li{width:100%;}
}



/*20241219*/
.pageProList5 ul li .listBtn{ text-align:center;}
.pageProList5 ul li .proPrice{display:block;font-size:14px;color:#000000;line-height:30px;font-weight:500; margin-right:10px; text-align:left; padding-left:40px;}
.pageProList5 ul li .proPrice2{display:inline-block;font-size:14px;color:#000000;line-height:30px;font-weight:400; /* text-decoration:line-through; */}
.pageProList5 ul li .proPrice .wzbox{ display:inline-block; width:110px; text-align:left;}
.pageProList5 ul li .proPrice2 .wzbox{ display:inline-block; width:110px; text-align:left;}
.pageProList5 ul li .proPrice.fl1{ position:relative; line-height:20px;}
.pageProList5 ul li .proPrice .fl2{ position:absolute; margin-top:-10px;}

.pageProList5 ul li .proBuy{display:inline-block;}
.pageProList5 ul li .proBuy a{display:inline-block;margin:0 10px;position:relative;font-weight:400;font-size:14px;padding:0 15px;line-height:28px;border-radius:5px;border:1px solid #d11313;text-align:center;background:#d11313;color:#fff;}
.pageProList5 ul li .proBuy a:hover{background:#af0101;color:#fff;border-color:#af0101;}

.probanner .probanner-inner .link a{display:inline-block;position:relative;font-weight:400;font-size:14px;padding:0 15px;line-height:28px;border-radius:5px;border:1px solid #d11313;text-align:center;background:#d11313;color:#fff;}
.probanner .probanner-inner .link a:hover{background:#af0101;color:#fff;border-color:#af0101;}