body { margin:0 auto; height:100%; text-align:left;  -webkit-text-size-adjust:none; font-size:14px; color:#585858;}
ul,dl,dd,h1,h2,h3,h4,h5,h6,form,p { padding:0; margin:0;}
ul { list-style:none;margin: 0;padding: 0;}
img { border:0px; max-width:100%;}
form, button, {border:0 none;font-size:100%;margin:0;padding:0;text-decoration:none;vertical-align:middle;font-size: 12px;list-style-type: none;}
a{ color:#585858; text-decoration:none;font-family:"Microsoft YaHei"; }
a:hover{ color:#0e77bb; text-decoration:none;}
.container-maxwidth{max-width: 1180px; margin:0px auto;}
.pc{ display:block;}
.mb{ display:none;}

.btn {font-size:14px;}
.modal-header{ padding:16px;}
.modal-header h5{ font-size:20px;}
.modal-header .close{ font-size:24px; padding:0; margin:0;}
.modal-body{padding:16px;}
.modal-body button{padding:12px; border-radius:10px;}
.modal-body video{ width:100%;}
.modal-dialog {max-width: 800px; margin: 1.75rem auto; }
.modal-footer{ padding:12px;}
.modal-content{border-radius:5px;}

.topziimg{ float:left; padding-top:8px;}
.topzitel{float:right; padding-left:10px;}
.topzitel a{ color:#0e77bb;}

.H-nav > li {}
.dhsanjhidden{display:none;}
.ankktop{display: block; height: 1px; width: 1px; position: absolute; top: -80px; left: 0;}
.abcon1{ position:relative;}


.iBnr1-box .t3.zit4{ width:auto; border:none; } 
.iBnr1-box .t3.zit4 span{ display:inline-block; border-radius:30px;  width:120px; line-height:30px; height:30px; border: 1px solid rgb(0, 0, 0); margin:0 1%; color:#000;} 
.iBnr1-box .t3.zit4:hover{ background:none;}
.iBnr1-box .t2.zit3{ color:#000; text-shadow: 0px 0px 0px #666;}
.iBnr1-box .t1.zit2{ margin-top:-5%;}




.hrbox{left:5%; top: 22%; text-align: left; color: rgb(255, 255, 255); margin:0px auto; position: absolute; z-index: 999;}
.hrbox .t11{font-size:36px; color:#0e127c; letter-spacing:1px;}
.hrbox .t12{ display:block; height:3px; width:75px; background:#0e127c; margin:20px 0 150px;}
.hrbox .t13{ padding:4% 0;}
.hrbox .t13 a{ display:inline-block; padding:5% 20%; background:linear-gradient(90deg,#881872,#0b429f); color:#fff;font-size:16px; border-radius:8px; transition: all 0.5s;-moz-transition: all 0.5s;-webkit-transition: all 0.5s;-o-transition: all 0.5s;}
.hrbox .t13 a:hover{ margin-left:20px; background:linear-gradient(90deg,#a81e8d,#0d4fbc);}
.hrbox i img{ width:25px; margin-right:20px;}
.swiper-slide:hover .hrbox img {transform: scale(1); -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1);}

.hrico1{ background:url(404.png) no-repeat left center; display:block;}
.hrico2{ background:url(404.png) no-repeat left center; display:block;}

.H-nav a{ color:#333;}
.header-container.act .H-nav a:hover{ color: rgb(14,119,187); }

.wx2wm .modal-body{ text-align:center;}

.padright{ float:right;}

#histime .swiper-container{ margin-top:-3%;}

.intitle{ text-align:center; margin:0px auto; width:100%;}
.intitle h2{ font-size:32px; color:#333;}
.intitle span{ background:#0e77bb; width:56px; height:2px; display:block; text-align:center; margin:2% auto;}
.intitle h3{ font-size:18px; color:#333; padding-top:1%;}


.ma1img{ position:relative;}
.mazizi{ position:absolute; left:0; right:0; top:25%; width:100%; color:#fff; text-align:center;}
.mazizi h2{ font-size:34px; padding-bottom:4%;}
.mazizi h3{ font-size:22px; padding-bottom:8%;}
.maniu{ position:relative;  width:auto; display:inline-block; margin-top:64px;}
.maniu img{ width:auto; -webkit-transition: -webkit-transform 1s; transition: transform 1s;}
.maniu span{ position:absolute; left:40px; top:12px; color:#fff; -webkit-transition: -webkit-transform 1s; transition: transform 1s;}
.inmatop{ padding-top:8%;}
.maniu:hover img{ display:block; width:100%; height:100%; overflow:hidden; transform:translateX(10px);}
.maniu:hover span{ transform:translateX(10px);}


.nrcont{ padding-top:6%;}
.nrcont2{ padding-top:2%;}

.tltywzi{text-align:center; width:100%; margin:0 auto; color:#777777; font-size:16px;}
.tltywzi2{text-align:center; width:100%; margin:5px auto; color:#777777; font-size:18px;}


.z-pic.in{font-size: 0;overflow: hidden;}
.z-pic.in:after{content: "";position: relative;display: inline-block;width: 100%;}
.z-pic,[z-pic]{ position:relative;}




.main1{ background: url(../image/main1bg.jpg) no-repeat #fff center bottom; padding:6% 0; background-size:100% auto;}
.main11{ background:#fff; padding:6% 0;}
.main2{ background:url(../image/ywlybg.jpg) #e9e9e9 no-repeat center top; padding:6% 0; background-size:100% auto;}
.main2kk{ padding:4% 0 0;}
.main2left{ float:left; width:50%; padding-right:5px;}
.main2right{ float:right; width:50%; padding-left:5px;}
.main2kk img{ width:100%;}
.main201{ padding-bottom:10px;}
.main202{width:50%; padding-right:5px; float:left;}
.main203{width:50%; padding-left:5px; float:right;}
.main2rlr{width:60%; padding-right:5px; float:left;}
.main2rll{width:40%; padding-left:5px; float:right;}
.main205{padding-bottom:5px;}
.main206{padding-top:5px;}

.main2rlr2{width:50%; padding-right:5px; float:left;}
.main2rll2{width:50%; padding-left:5px; float:right;}

.main2tree{ padding:2% 0 0;}
.main2tree img{ width:100%;}
.main2tr1{ float:left; width:28%; margin-right:8%; padding-top:2%;}
.main2tr2{ float:left; width:28%; margin-right:8%; padding-top:2%;}
.main2tr3{ float:left; width:28%;  padding-top:2%;}
.main2tree a{position:relative; height:100%; width:100%; display:block;}


.bacfqfqfq{background:#f7f7f7;}
.kkbg{ position:absolute; left:0; bottom:0; width:100%; height:40px; line-height:40px; background:rgba(0,0,0,.5); display:block; color:#fff; text-align:center; font-size:15px; overflow:hidden;}
.main2tree a:hover .kkbg{background:#0e77bb;}
.main2kk a:hover .kkbg{background:#0e77bb;}

.prnynews .newstwo { padding-bottom:0;}
.prnynews .newstwo ul li{ margin-bottom:0;}



.main2kk a{position:relative; height:100%; width:100%; display:block;}
.anlizixu{opacity: 0;}
.anlizixu h3{font-size:24px; color:#fff; position:absolute; top:40%; margin:0 auto; width:90%; left:0; right:0; text-align:center;}
.main2kk a:hover .anlizixu{position:absolute; text-align:center; top:0; bottom:0; left:0; right:0; display:block; width:100%; height:100%; background:rgba(11,146,232,.8); opacity: 1;  transition:all .5s ease-in-out;-moz-transition:all .5s ease-in-out;-webkit-transition:all .5s ease-in-out;}

.main2 .ind-tit1{text-align: center; color: rgb(51, 51, 51); font-size:30px; font-weight:bold; margin-bottom:5px; position: relative;}
.main2 .titline{ text-align:center; width:100%; margin:0 auto;}


.zzry{ background:url(../image/rybg.jpg) no-repeat center top; padding-bottom:4%;}

.zzryone{ width:100%; padding-top:5.5%; position:relative;}
.zzryleft{ width:32%; float:left;}
.zzryright{ width:68%; float:right; padding-top:3%;}
.zzrytitle{ font-size:30px; color:#000; font-weight:bold;}
.zzrytitle h3{ font-size:24px; color:#333; font-weight:bold; padding:2% 0 0;}

.zzryan{float:right; margin: 8% 4% 0 0; padding-top:17.5%;}
.zzryan a{ color:#585858;border: 2px solid rgb(220, 220, 220); border-image: none; width: 180px;    border-radius: 50px;    height: 50px;    text-align: center;    line-height: 50px; display:block; background:#f7f7f7;}
.zzryan a:hover{ background:#585858; color:#fff; border: 2px solid #585858;}

.zzryright ul { display: flex;}
.zzryright ul li{ float:left; width:24%; margin-left:1%;}
.zzryright ul li img{ width:100%;}
.zzryright ul li.kklist{width:40%; margin-left:1%;}

.zzrytwolll{ width:68%; padding-top:16%; float:left;}
.zzrytwolll ul li{ float:left; width:24%; margin-left:1%;}
.zzrytwolll ul li img{ width:100%;}
.zztwo{ padding-top:6%; position:relative;}
.zztwo img{ vertical-align:bottom;}

.abtiitop{padding-top:15.5%;}


.main3cont{ margin:6% -6%;}
.main3cont2{}
.main3cont2 h2{ font-size:32px; color:#000; display:block;}
.main3cont2 i{ display:block; height:1px; width:10%; background:#0e77bb; margin:6% 0;}
.main3left{}
.main3left h3{ font-size:16px; line-height:32px; color:#777777; width:90%;}
.main3right{ padding-left:0px;}
.main3right img{ width:100%;}
.main3left .t3{}
.main3left .t3 a{color:#0e77bb; display:block; border: 1px solid rgb(14,119,187); width: 220px;  margin-top:6%; border-radius:60px; height: 60px; text-align: center; line-height: 60px;}
.main3left .t3 a:hover{ background:rgb(14,119,187); color:#fff;}

.mainnews{ background:#f7f7f7;}
.abcon5{ background:#f7f7f7; padding:6% 0;}
.mainabout{}

.abryliimg{ padding:4% 0;}
.abryliimg img{ width:100%;  -webkit-transition: -webkit-transform 1s; transition: transform 1s;}
.abryliimg h3{ font-size:15px; font-weight:normal; text-align:center; padding:10px 0;}
.abryliimg .col-md-3{ padding-top:2%;}
.abryliimg span{ width:100%; overflow:hidden; display:block;}
.abryliimg a:hover img{ display:block; width:100%; height:100%; overflow:hidden; transform: scale(1.2);}


.caselist1{}
.caselist1 .swiper-wrapper{ padding:4% 0 0; width:100%; display: flex; flex-wrap: wrap;}
.caselist1 img{ width:100%;}
.caselist1 .caselist{ padding:0 1%; margin-bottom:2%; width:25%; float:left;}
.caselist1 .caselist a{ display:block; background:#fff; padding:6%; border:1px solid #f4f4f4; height:100%;}
.caselist1 .caselist a:hover{box-shadow:0 0 8px #888;}
.caselist1 .caselist a:hover h2{ color:#0e77bb;}

.caselist h2{ text-align:center; line-height:35px; padding:.375rem 0; font-size:18px; color:#333;}
.caselist h3{ text-align:center; font-size:14px; color:#777;}

.casenyzizi{}
.casenybgkkone img{ width:100%;}
.casenyzizi h2{ font-size:24px; font-weight:normal; display:block; padding-bottom:3%; color:#000;}
.casenyzizi h3{ font-size:18px; font-weight:normal; display:block; padding:15px 0; color:#000;}
.casexxnr{ font-size:15px; line-height:26px;}
.casenybgkktwo{ padding-top:1%;}
.casenybgkktwo h2{ font-size:20px;font-weight:normal; display:block; border-bottom:1px solid #e8e8e8; padding:2% 0; margin-bottom:2%;}
.casenybgkktre{ padding:2% 0;}
.casenybgkktre h2{ font-size:18px; font-weight:normal; display:block; padding:2% 0 0; color:#0e77bb;}

.casenybgkktwo h1{ font-size:24px; font-weight:normal; color:#000; display:block; border-bottom:1px solid #e8e8e8; padding:2% 0; margin-bottom:2%;}



.casenybg{ background:#f3f3f3; padding:6% 0;}
.casenybgkk{ background:#fff; padding:2%;}


.kkimg{width:100%; height:100%; position:relative;}
.main4 .list1{ padding-top:2%;}
.main4 .list1 .kkimg:after{}
.main4 .list1 .kkimg:before{content: ""; position: absolute; left: 0; width: 100%; bottom: 0; height: 0; background: url(404.png) no-repeat center center; z-index: 2; transition: all 0.5s; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; -o-transition: all 0.5s;}
.main4 .list1 .kkimg:hover .noabzi{height: auto;}
.main4 .list1 .kkimg:hover .t2:before{display: block;}

.main4 .list1 .kkimg .imgabso{width: 87.5%; margin: 0 auto; top: 0; left:0; right:0; z-index: 10; height: 100%; position:absolute; text-align:left;}

.main4 .list1 .kkimg .t1{color: #ffffff;font-size: 20px;padding-top: 10.9%;}
.main4 .list1 .kkimg .t2{ color:#fff; position:relative; margin-top: 15px; padding-top: 12px; display: kkimg;font-size: 30px;}
.main4 .list1 .kkimg .t2:before{display: none;content: "";position: absolute;left: 2px;top: 4px;width: 20px;height: 3px;background: #fff;}
.main4 .list1 .kkimg .noabzi{width: 100%;left: 0;height: 0;overflow: hidden; bottom: 6.25%;color: #fff;font-size: 16px; position:absolute;}
.main4 .list1 .kkimg:hover::before{height: 100%;}
.main4 .list1 .kkimg:hover .noabzi{height: auto;}
.main4 .list1 .kkimg:hover .t2:before{display: block;}
.main4 img{ width:100%; }

.abnytit{font-size:32px; color:#333; text-align:center; padding:0px 0 50px; font-weight:bold;}

.newsnyx{ margin-top:4%; color:#000; font-size:16px;}
.newsnyx a{ color:#585858;}
.newsnyx a:hover{ color:#0e77bb;}


.inlin{ background:#cbcac7; width:65px; height:3px; display:block; margin:8% 0;}
.mainleftkk{ }
.mainleftzi{ padding-right:12%;}
.mainleftzi .maniu span { color:#585858;}
.mainleftzi h2{ font-size:24px; display:block; padding:4% 0; color:#333;}
.mainleftzi h3{ font-size:14px; line-height:20px;}

.mainline{ margin:6% 0; border-bottom:1px dashed #ebeae6; display:block;}

.inggtu{ background:url(../image/inggtu.jpg) no-repeat center center; background-size:cover; padding:4% 0; text-align:center;}
.inggtu h3{ font-size:18px; color:#fff; text-align:center; display:block; padding:4% 0;}
.lrkkla{ margin:0 -6%;}


.lrkkla2{text-align:center; padding: 4% 0;}
.lrkkla2 h2{ font-size:18px; color:#333; text-align:center; display:block; padding:4% 0;}
.lrkkla2 h3{ font-size:14px; color:#585858; text-align:center; display:block; padding:4% 6%; line-height:20px;}



.main3{}
.main3 .intitle{ text-align:center;}
.main3 .intitle i{ display:inline-block; width:64px; border:1px dashed #d0cfcc; height:1px; margin:0 2%; vertical-align:super;}
.main3 .intitle h2{ display:inline-block;}
.main3 .main3zi h2{font-size:36px; font-weight:bold; color:#333;}
.main3 .main3zi h3{ font-size:18px; line-height:35px; color:#585858; padding-top:.5rem; padding-right:.5rem; }
.main3bg{ padding-top:1rem;}
.main3zi{padding-left:2rem;}

.main4{ background:url(404.png) no-repeat center bottom; width:100%; text-align:center; padding:4% 0;  background-attachment: fixed; background-size: cover;}
.main4 .intitle h2{ color:#fff;}

.main6{ background:url(404.png) no-repeat center bottom; width:100%; text-align:center; padding:4% 0; background-size:100% 100%;}
.main6 .main6zi{ color:#fff; font-size:32px; letter-spacing:15px;}
.abnytu{ text-align:center;}
.abconnobot{ padding-bottom:0;}

.main5{ padding:4% 0 3%;}
.main5 img{ width:100%; width:100%; -webkit-transition: -webkit-transform 1s; transition: transform 1s;}
.main5 .textbox { background: #f8f8f8; text-align: left; padding: 6%;}
.main5 .textbox .title{font-weight: bold; color:#333; font-size: 16px; line-height: 36px;  display: -webkit-box; -webkit-box-orient: vertical;
-webkit-line-clamp: 2; overflow: hidden; margin-bottom: 10px;}
.main5 .time{ color:#777; padding-bottom:4%;}
.main5 .text{ font-size:15px; line-height:24px;}
.main5 .imgbox{ width:100%; overflow:hidden; display:block;}
.main5 a:hover .textbox{background-color: #f2f2f2;}
.main5 a:hover .imgbox img {display:block; width:100%; overflow:hidden; transform: scale(1.1);}
.main5 a:hover .text{ color:#585858;}
.main5 a:hover .title{ color:#000;}
.innewszi{word-break: break-word; overflow: hidden; overflow-wrap: break-word;}
.main5 .list-box{width: 100%; padding: 4%; height:auto; overflow: hidden; outline: none; height:440px;}
#scroller{ overflow:auto;}
.main5 a h4 {font-size: 16px; line-height:24px; color:#333;}

.main5 .type{ font-size:18px; color:#0e77bb; padding-bottom:6%;}
.main5 .list-box a:hover .text{ color:#0e77bb;}
.main5 .list-box a{ width:100%; display:block; padding-bottom:3%;}
.main5 .col-md-4{ padding-bottom:2%;}
.main5 .main5bg{ background:#f8f8f8; width:100%; display:block;}

.nynews .time{color: #777; padding-bottom: 4%;}
.nynews img{ width:100%; width:100%; -webkit-transition: -webkit-transform 1s; transition: transform 1s;}
.nynews .textbox { background: #fff; border:1px solid #e4e4e4; text-align: left; padding: 6%;}
.nynews .textbox .title{font-weight: bold; color:#333; font-size: 16px; line-height: 36px;  display: -webkit-box; -webkit-box-orient: vertical;
-webkit-line-clamp: 2; overflow: hidden; margin-bottom: 10px;}
.nynews a:hover .textbox{background-color: #f9f9f9;}
.nynews .imgbox{ width:100%; overflow:hidden; display:block;}
.nynews a:hover .imgbox img {display:block; width:100%; overflow:hidden; transform: scale(1.1);}
.nynews a:hover .text{ color:#585858;}
.nynews a:hover .time{ color:#777;}
.nynews a:hover .title{ color:#000;}
.nynews .col-md-4{ padding-bottom:2%;}


.artInfo-news {	width: 76%; float:none; margin:6% auto;}
.artInfo-news .artInfo-name {color:#000; line-height: 44px; font-size: 36px; text-align:center;}
.artInfo-news .artInfo-action {margin: 10px 0px 0px; color: #adadad; font-size:14px;  text-align:center;}
.artInfo-news .artInfo-con {margin:0; padding: 0px; color: rgb(102, 102, 102); line-height: 24px; overflow: hidden;
 position: relative; font-size:16px; line-height:26px;}
.artInfo-news .artInfo-con img{ width:100%;}

.newsnyline{border-bottom:1px solid #f5f5f5; margin:2% 0;}
.newsnyline:before{ content:""; background:#0e77bb; width:40px; height:2px; display:block; margin:0px auto; vertical-align:text-top;}


.pagination{ width: 100%; height: auto; text-align: center; overflow: hidden; position: relative; display:inherit; margin:0 0 4%;}
.pagination a{ border-radius:5px;}

.cont11{ padding:6% 0;}
.cont11 h1{ color:#0e77bb; font-size:26px; display:block; font-weight:normal; padding:0 0 6%;}
.contzizi{ font-size:16px; line-height:35px;}

.cont2{ background:url(../image/contkkbg.jpg) no-repeat center center; padding:6% 0; background-size:cover;}
.cont2left{ background:#fff; display:block; height:100%;}
.cont2right{ background:#fff; display:block; height:100%;}


.prlefrigh1{max-width:15%; flex: 0 0 15%; padding-top:2%;}
.prlefrigh1 img{ width:100%;}
.prlefrigh2{padding:0; max-width:28%; flex: 0 0 28%;  padding-top:2%;}
.prlefrigh3{ max-width:56%; flex: 0 0 56%;}

.nyser{ padding:4% 0;}
.nyser .nyserimg{ padding-right:5%;}
.nyserimg img{ width:100%;}
.nyserlist{ margin-top:-10px;}
.nyserlist a{height: 48px; line-height:48px; border-bottom: 1px dashed #e6e6e6; display:block; width:100%; color:#333333; font-size:16px; overflow:hidden;}
.nyserlist span{ float:right; font-size:14px; color:#777777;}
.nyserlist a:hover{ color:#0e77bb;}
.sermore{ padding-right:15px; text-align:right; display:block; width:100%; margin-top:2%;}
.sermore a{ color:#777777; font-size:12px;}
.sermore a:hover{ color:#0e77bb;}

.tzzleft{ padding-right:2%;}
.tzzright{ padding-left:2%;}
.tzzlist1{ background:#f8f9fa; padding:4% 0;}
.tzzlist2{ background:#fff; padding:4% 0;}
.tzzlist1 .intitle,.tzzlist2 .intitle{ padding-bottom:4%;}
.tzzdht{ background:#fff; width:100%; text-align:center; padding:2% 0; border-bottom:1px solid #ececec;}
.tzzdht a{ font-size:16px; padding:0 2%;}
.tzzdht .currly{ color:#0e77bb;}

.mwidth{background:url(../image/caseline.jpg) no-repeat left center; display:inline;}
.prdh{background:#fff; width:100%; text-align:center; border-bottom:1px solid #ececec;}
.prdh a{font-size:14px; height:35px; line-height:35px; display:inline-table; padding:1% 2.9%; background:url(../image/caseline.jpg) no-repeat right center;}
.prdh a:hover, .prdh .currly{ color:#fff; background:#0e77bb;}


.caseleft{ float:none; width:100%;}


.productleft{ float:left; width:22%;}
.productright{ float:right; width:72%; margin-bottom:4%;}
.protwo{ float:none; width:100%;}
.protwo .prolist{ padding:0;}

.nyleft{}
.fixedSubNav{position:fixed; top:100px; z-index:10; float:left; width:19.8%;}
.fixedzi{ float:right; width:72%;}
.fixedSubNav2{ position:relative;}

.prline{ width:100%; display:block; background:#f5f5f5; height:0px;}
.prolist{ padding:2% 0;}
.protit{ font-size:18px; line-height:18px; margin:2% 0; color:#333;}
.protit:before{ content:""; background:#0e77bb; width:3px; height:18px; display:inline-block; margin-right:10px; vertical-align:top;}
.prolistzi{ font-size:15px; line-height:24px;}


.prolistzizi{font-size: 20px; color:#000; font-weight:bold; display: block; background:url(../image/prlistbg.jpg) no-repeat left center; padding:8px 0; margin: 4% 0 0; text-indent:2em;}

.prolistzizi a{ float:right; font-size:12px; line-height:26px; color:#585858; padding-right:10px;}
.prolistzizi a:hover{color:#0e77bb;}

.pro1,.pro2,.pro3,.pro4,.pro5{ position:relative;}

.protitlogo{ text-align:center; padding:5% 0 2%;}

.nyproduct{ padding:4% 0; width:100%; overflow:hidden;}
.nyleftdhtit h3{ font-size:24px; color:#0e77bb; margin-bottom:40px;}

.nysercont{ font-size:16px; color:#000;}
.nysercont h2{ font-size:24px; font-weight:normal;} 
.nysercont img{ float:left; padding-right:6%;}
.nyserleft{ float:left; width:30%; margin-left:20%; border-right:1px solid #ececec;}
.nyserright{ float:left; width:40%; margin-left:10%;}

.nyleftdhzi{}
.nyleftdhzi ul li{ background:url(404.png) #f7f8fa no-repeat 20px center; width:100%; margin-bottom:2%; height:55px; line-height:55px; text-indent:50px; transition: all 0.5s;-moz-transition: all 0.5s;-webkit-transition: all 0.5s;-o-transition: all 0.5s;}
.nyleftdhzi ul li a{ font-size:16px; color:#333; display:block; width:100%; }
.nyleftdhzi ul li a:hover{ color:#0e77bb}
.nyleftdhzi ul li:hover{ background:url(404.png) #f7f8fa no-repeat 35px center; text-indent:70px;}


.dumascroll {}		
.dumascroll_area {height:100%;overflow:hidden;width:98%;}
.dumascroll_bar,.dumascroll_handle,.dumascroll_handle_a,.dumascroll_arrow_up,.dumascroll_arrow_up_a,.dumascroll_arrow_down,.dumascroll_arrow_down_a {
background-image:url(404.png)}
.dumascroll_bar {position:absolute;top:0;right:0;z-index:9;width:14px;height:100%;cursor:default;-moz-user-select:none;-khtml-user-select:none;
user-select:none;background-repeat:repeat-y;background-position:-42px 0;float:left;}
.dumascroll_arrow_up,.dumascroll_arrow_up_a,.dumascroll_handle,.dumascroll_handle_a,.dumascroll_arrow_down,.dumascroll_arrow_down_a {
position:absolute;left:0;}
.dumascroll_arrow_up,.dumascroll_arrow_up_a,.dumascroll_arrow_down,.dumascroll_arrow_down_a {
width:98%;height:14px;color:#fff;text-align:center;}
.dumascroll_arrow_up,.dumascroll_arrow_up_a { top:0; }
.dumascroll_arrow_down,.dumascroll_arrow_down_a { bottom:0; }
.dumascroll_handle,.dumascroll_handle_a { width:100%; background-repeat:repeat-y; }
.dumascroll_arrow_up { background-position:0 0; }
.dumascroll_arrow_up_a { background-position:-14px 0; }
.dumascroll_handle { background-position:-28px 0; }
.dumascroll_handle_a { background-position:-56px 0; }
.dumascroll_arrow_down { background-position:-70px 0; }
.dumascroll_arrow_down_a { background-position:-84px 0; }


.main3img{ overflow:hidden; width:100%; position:relative;}
.main3img:hover img {transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -o-transform: scale(1.1);}
.main3kz{ position:absolute; bottom:0; left:0; background:rgba(0,0,0,.5); color:#fff; font-size:22px; line-height:30px; padding:5%;}
.main3img:hover .main3kz{background:rgba(0,154,83,.8);}


.primg1{ background:url(404.png) no-repeat center bottom; background-size:100% auto; width:100%; overflow:hidden;}
.primg1 img{ width:100%;}
.prleft{ padding:2rem 1rem;}
.prleft2{ padding:2rem 0rem 2rem 1rem;}
.przi1{ font-size:58px; color:#333;} 
.przi2{ font-size:24px; margin:.2rem 0 0;} 
.przi3{ text-align:left; margin:.5rem 0;}
.przi3 a{font-size: 14px; color:#fff; background:#0e77bb; width: 150px;height: 45px; line-height:45px;  border-radius: 45px; display:block;text-align:center;}

.primg2{ padding-top:8%;}
.primg2img img{ width:100%;}
.primg2zi{ text-align:center;}
.primg2zi1{ font-size:58px; color:#333;}
.primg2zi2{ font-size:18px; line-height:28px; margin-top:2%;}
.primg2zi3{}
.primg2zi3 span{ display:inline-block; margin:4% 2% 0;}
.primg2zi3 span h3{ display:block; font-size:14px; line-height:30px; height:30px;}


.primg3{ margin:8% 0; width:100%;}
.primg3 img{ width:100%;}
.nolefit{ padding:0; margin-left:-4%; margin-right:0;}
.noripr{ padding:0;}

.primg4{ background:url(404.png) #f7f7f7 no-repeat right bottom; background-size:auto 100%; width:100%; overflow:hidden;}
.primg44{ padding:1.725rem 0;}
.primg44 img{ width:80%;}
.primg4 .prleft{ padding-right:0;}

.primg5{ margin:8% 0; width:100%;}
.primg5 img{ width:100%;}




.page-dd{display: block; width: 58px;  height: 58px; background: url(404.png) no-repeat center center; margin: 40px auto 0;animation: pageDD 1.8s linear infinite;  -webkit-animation: pageDD 1.8s linear infinite; position:absolute;	left:50%; bottom:5%; margin-left:-29px;}

@keyframes pageDD{
	0%{transform:translateY(0px) scale(1);-webkit-transform:translateY(0px) scale(1);opacity:1;}
	50%{transform:translateY(30px) scale(.9);-webkit-transform:translateY(30px) scale(.9);opacity:.2;}
	100%{transform:translateY(0px) scale(1);-webkit-transform:translateY(0px) scale(1);opacity:1;}
}
@keyframes mymovet{
	from{transform:translateY(50px);opacity:0;}
	to{transform:translateY(0px);opacity:1;}
}

@-webkit-keyframes mymovet{
	from{transform:translateY(50px);opacity:0;;}
	to{transform:translateY(0px);opacity:1;}
}


.nydhzi{ }
.nydhzi a{ color:#fff; font-size:18px; display:inline-block; padding:5px 25px; margin:0 5px; border-radius:5px; text-shadow: 0px 0px 8px #666;}
.nydhzi a:hover,.nydhzi a.currly{ color:#fff;  background:#0e77bb; line-height:30px; border-radius:5px;}



.abmain1{ padding:6% 0;}
.aboutimgbg{ }


.abmain1left{ font-size:32px; color:#333; font-weight:bold; background:url(404.png) no-repeat 150px center; background-size: 60% auto;}
.abmain1left span{ display:block; background:#0e77bb; width:35px; height:2px; margin:4% 0;}
.abmain1right{ font-size:17px; padding-bottom:8%;}


.abzi1{ padding:4% 0;}
.abzi1 img{ width:53px;}
.abzi2{ font-size:32px; color:#333; padding-bottom:8%;}
.abzi3{ font-size:16px; line-height:30px; color:#585858;}
.abzi3 span{ color:#0e77bb; display:block; padding-bottom:30px;}

.abmain1 .abgdnum{ padding:4% 0%; border-bottom:1px dotted #ebeae6;  border-top:1px dotted #ebeae6; margin:4% 0;}


.abtwo2{ padding:8% 0 0;}
.abmain2 img{ width:100%;}
.abmain2left{ padding-right:5%; margin-top:4%;}
.abmain2right{padding-left:2%;}
.abmain2left .abzi3 span {padding-bottom: 10px;}


.abtwo2kk{width:158px;height:158px;border-radius:158px;display:block;color:#fff;margin:0 auto;text-align:center;font-size:16px;padding-top:50px;}
.abtwo2kk span{ display:block;}
.abtwo2 h3{ font-size:16px; font-weight:normal; text-align:center; display:block; padding-top:4%;}
.abcor1{background:#5ccbb5;}
.abcor2{background:#47bf8a;}
.abcor3{background:#70cd7f;}

.abtree3{ margin:8% 0 0; width:100%; overflow:hidden;}
.abtree3 img{ width:100%;}
.abtree31{margin:0 0 2%; background:#fff;}

.abtree3zi{ font-size:16px; line-height:26px; padding:4%; width:90%;}
.abtree3zi h2{ font-size:32px; font-weight:bold; color:#333; display:block; padding-bottom:8%;}
.abtree3zi h3{ font-size:32px; font-weight:bold; color:#333;  text-align:left; padding:4% 0;}
.prno{ padding-right:0;}
.pltno{ padding-left:0;}
.mrileno{ margin:0px;}

.abtree{ padding:4% 0;}
.abtreetit{ font-size:36px; text-align:center; padding-bottom:4%; font-weight:bold; color:#333;}
.abtree img{ width:100%;}
.abtree .col-md-4{ padding:2% 4%;}

.abfobg{ background:url(404.png) no-repeat center bottom; background-size:100% auto; padding:8% 0;}
.abfobgzi{width:55%; margin:0px auto;}
.abfobgzi1{text-align:center; font-size:36px; font-weight:bold; color:#333; padding-bottom:8%;}
.abfobgzi2{font-size:16px; line-height:26px;  padding-bottom:8%;}
.abfotwo{ padding:4% 0;}
.abfotwo img{ width:100%;}
.abfotwoleft{ padding-left:8%;}

.temain{ display:block;}
.bann .qzzi1{ font-size:58px; font-weight:bold;}
.bann .qzzi2{ font-size:22px;}
.qzrlmbg{ background:url(404.png) no-repeat center bottom; background-size:100% auto; padding:8% 0 4%;}

.qzly{ padding: 8% 0;}
.qzly img{width:100%; -webkit-transition: -webkit-transform 1s; transition: transform 1s;}
.qzly .intitle{ text-align:center; padding-bottom:4%;}
.qzkk1,.qzkk2,.qzkk3,.qzkk4,.qzkk5,.qzkk6,.qzkk7{ width:100%; overflow:hidden;}
.qzkk1:hover img,.qzkk2:hover img,.qzkk3:hover img,.qzkk4:hover img,.qzkk5:hover img,.qzkk6:hover img,.qzkk7:hover img{transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -o-transform: scale(1.1);}


.footcont{ width:100%; overflow:hidden; padding-bottom:8%;}
.footcont h2{ font-weight:normal; font-size:30px; color:#333;}
.footcont h3{ font-weight:normal; font-size:14px; color:#333; display:block; padding:2% 0;}
.bacfff{ }
.footly{padding:40px;  background:#fff; height:100%;}
.footlx{padding:40px;  background:#fff; height:100%;}
.footcont input{ background:#fff; border:1px solid #e7e7e7; display:block;}
.footlykk1{ width:50%; float:left;}
.footlykk2{ width:50%; float:left; padding-left:3%;}
.footlykk{ padding-top:2%; font-size:14px; width:100%; overflow:hidden;}
.footlykk input{ width:100%;  text-indent:1em; height:35px; line-height:35px; border:1px solid #e7e7e7;}

.cont2 h2{ font-size:18px; color:#000;}

.footlykktwo{ padding:2% 0;}
.footlykktwo textarea{ width:100%; background:#fff; border:1px solid #e7e7e7; text-indent:1em; height:1.5rem;}
.footlyan{}
.footlyan a{ display:inline-block; padding:1% 7%; color:#fff; background:#333333; text-align:center;}
.footlyan a:hover{ background:#0e77bb;}
.footlx ul li{ border-bottom:1px solid #efefef; padding:5% 0 2%;}
.footlxzi{ font-size:16px; color:#585858;}
.footlxzi span{ display:block; font-weight:bold; color:#000; font-size:14px; font-weight:bold;}
.footlxico1{ background:url(../image/footico1.png) no-repeat left top; width:26px; height:26px; float:left; margin-right:3%;} 
.footlxico2{ background:url(../image/footico2.png) no-repeat left top; width:26px; height:26px; float:left; margin-right:3%;} 
.footlxico3{ background:url(../image/footico3.png) no-repeat left top; width:26px; height:26px; float:left; margin-right:3%;} 
.qz2wm{ padding-top:4%; text-align:center;}


.prolistny{}
.prolistny ul{}
.prolistny ul li a{ display:block;}
.prolistny ul li{ width:33.33333%; float:left;   margin:0% 0; text-align:center; padding:4% 0;}
.prolistny ul li:hover{ background:#e8e8e8;  transition:all 0.5s ease-in;-moz-transition:all 0.5s ease-in;-webkit-transition:all 0.5s ease-in;}
.prolistny ul li:hover h1,.prolistny ul li:hover span{ color:#585858;}
.prolistny ul li:hover h3{ color:#fff; border:1px solid #fff;}





.prolistny img{ width:45%; padding-top:4%;}
.prolistny li:nth-of-type(2),.prolistny li:nth-of-type(5),.prolistny li:nth-of-type(8),.prolistny li:nth-of-type(11),.prolistny li:nth-of-type(14),.prolistny li:nth-of-type(17){ border-left:1px solid #e7e7e7; border-right:1px solid #e7e7e7;}
.prolistny h1{ font-size:18px; color:#000;  display:block;  font-weight:normal; padding:4% 0;}
.prolistny span{ display:block; font-size:14px; line-height:20px; width:80%; margin:0px auto;}
.prolistny h3{ font-size:14px; color:#0e77bb; display:block; width:40%; margin:5% auto; font-weight:normal; padding:3% 0; border:1px solid #0e77bb;}

.prolistny ul li:hover img{transform:translateY(-10px);transition:all 0.25s ease-in;-moz-transition:all 0.25s ease-in;-webkit-transition:all 0.25s ease-in;}
.prolinex{ display:block; background:#e7e7e7; height:1px; width:100%; clear:both;}


.foot{ background:url(404.png) #fff no-repeat center top; background-size:100% auto; padding:8% 0; text-align:center;}
.foot1{}
.foot2{font-size:44px;color:#18294d;font-family:Arial, Helvetica, sans-serif;font-weight:bold; padding:2% 0; display:inline-block; line-height:50px;}
.foot2 a{padding:0 5px; vertical-align:bottom;}
.foot3{padding-bottom:2%;}
.foot3 a{font-size:18px; color:#333; display:inline-block; padding:0 3%;}
.foot3 a:hover{color:#0e77bb;}
.foot4{ border-top:1px solid #f1f1f1; display:block; width:50%; margin:0px auto; padding-top:2%; line-height:24px;}

@media all and (max-width:768px){
	


	
.pc{ display:none;}
.mb{ display:block;}
.container-maxwidth{ margin:0; width:100%;}

.ind-tit1 {	font-size: 22px;}
.ind-news h2 {font-size: 22px;}
.main2 .ind-tit1{font-size: 22px;}


.main1,.main2,.mainabout,.mainnews,.Footer-wrapper,.Header-wrapper{ width:100%; overflow:hidden;}

.iBnr1-box .t1 {font-size:20px; font-weight: bold; letter-spacing:0px;}
.iBnr1-box .t2 {font-size:14px; font-weight: bold;  letter-spacing:0px; margin:0px auto; width:90%;}
.iBnr1-box .t3 { margin:10% auto 0; width:135px; height:35px; line-height:35px; font-size:12px;}

.Hnav-sub{ box-shadow:none;}
.ryzzlist .swiper-button-prev{background:none;}
.ryzzlist .swiper-button-next{background:none;}

.main2left{ float:none; width:95%; padding:0; margin:0px auto;}
.main2right{ float:none; width:95%; padding:10px 0 0; margin:0px auto;}

.kkbg{ font-size:12px;}
.lrkkla img{ width:60%;}
.inggtu h3{ font-size:15px;}
.lrkkla .col-6,.lrkkla2 .col-6{ padding-bottom:5%;}



.main3cont{ margin:6% 0;}
.ind-abt dl dd span{ font-size:30px;}
.ind-abt dl dd .unitC {font-size: 24px;}

.main3cont2 h2{ font-size:24px;}
.main3left h3 {font-size: 15px; line-height: 24px; width: 100%;}
.main3left .t3 a { width: 180px; margin-top: 6%; border-radius: 50px; height: 50px; line-height: 50px; text-align: center;}
.main3right{ padding:0 15px; margin-top:20px;}
.fxico{ display:none;}

.abnytit{font-size:24px; padding:10px 0 30px;}

.abmzileft{ padding-right:0%;}
.abmziright{ padding-left:0%;}
.aboutimgbg{ background:none;}

.dumascroll_handle{ display:none;}		
.main5 .list-box a{ padding-bottom:0;}

.main1 .firstcenimg img{ width:20%;}
.intitle h3{ font-size:15px;}
.intitle span{ margin:4% auto;}

.main1 .col-md-auto{ margin:0 0 6%;}

.main4 .col-md-4{ padding-top:4%;}
.main6 .main6zi{ font-size:24px; letter-spacing:5px; }

.protit{margin:0 0 2%;}
.prolist{ padding:20% 0 0%}

.abcon2 .accontkk{ padding:2%;}

.artInfo-news{ width:100%;}
.artInfo-news .artInfo-name{ font-size:26px;}

.Hmenu-btn {
	margin: 0px 0px 0px 10px; padding: 24px 0px 0px; width: 25px; height: 50px; float: right; display: none; cursor: pointer;
}
.Hmenu-btn a {
	width: 100%; height: 2px; display: block; position: relative; background-color: rgb(153, 153, 153);}
.Hmenu-btn a::before {
	left: 0px; width: 100%; height: 2px; display: block; position: absolute; content: ""; background-color: rgb(153, 153, 153);
}
.Hmenu-btn a::after {
	left: 0px; width: 100%; height: 2px; display: block; position: absolute; content: ""; background-color: rgb(153, 153, 153);
}
.Hmenu-btn a::before {
	top: -8px;
}
.Hmenu-btn a::after {
	bottom: -8px;
}
.Hmenu-btn.cur a {
	animation:buttonAnimation 0.3s forwards; -webkit-animation: buttonAnimation 0.3s ease forwards; -moz-animation: buttonAnimation 0.3s ease forwards;
}
.Hmenu-btn.cur a::before {
	animation:buttonAnimationBefore 0.3s forwards; top: -10px; -webkit-animation: buttonAnimationBefore 0.3s ease forwards; -moz-animation: buttonAnimationBefore 0.3s ease forwards;
}
.Hmenu-btn.cur a::after {
	animation:buttonAnimationAfter 0.3s forwards; bottom: -9px; -webkit-animation: buttonAnimationAfter 0.3s ease forwards; -moz-animation: buttonAnimationAfter 0.3s ease forwards;
}

.iBnr1-box { margin:0px auto; left: 0%; top: 30%; width: 100%; text-align: center; color: rgb(255, 255, 255); position: absolute; z-index: 999;}

.inmatop{padding-top:0;}
.mainleftzi{ padding-bottom:4%;}
.maniu{margin-top:18px;}
.intitle h2{ font-size:24px;}

.main3 .main3zi h2{font-size:28px;}
.main3zi{ padding:1rem 15px 0; text-align:center;}
.main3 .main3zi h3{ padding-right:0;}

.main1,.main4,.main5{padding: 8% 0;}


.nyser .nyserimg {padding-right: 0%; padding-bottom:4%;}


.main5left{ padding-bottom:10px; padding-right:15px;}
.main5right{ padding-bottom:10px; padding-left:15px;}

.main5dh{ text-align:center;}
.main5 .intitle h2{ text-align:center;}


.tzzleft{ padding-right:0%;}
.tzzright{ padding-left:0%;}
.nyserleft{ float:none; width:90%; margin:2% auto; border-right:none; font-size:14px;}
.nyserright{ float:none; width:90%; margin:2% auto; font-size:14px;}
.nyserlist{ margin:0;}
.nysercont h2{ font-size:18px; display:inline-block;}
.nysercont img{ width:45px;}

.abmain1left{ font-size:24px;}
.witatit .ind-tit1{ font-size:24px;}
#histime .date{ font-size:18px; letter-spacing:2px;}

.casenyzizi{ padding-top:4%;}


#histime .date::after {bottom: -32px;}

.prdh a{  font-size:12px; background:none; padding:0 5px;}
.mwidth{ padding:0;}
.prdh a:hover, .prdh .currly{ background:#f7f7f7; color:#0e77bb;}

.fixedSubNav{position:relative; top:0; z-index:1000; float:none; width:100%;}
.fixedzi{ float:none; width:100%;}

.productleft{ float:none; width:100%;}
.productright{ float:none; width:100%; padding:0px 2%;}

.nyleftdhtit{  height:52px;  width:100%; padding:0%;}
.nyleftdhtit h3{font-size:16px;line-height:52px;}
.nyleft{ padding:0;}
.nyimg img{ padding:0;}
.nycontwenzi img{ width:100%; height:auto; float:none;}


.nyleftdhzi ul li{ line-height:45px; height:45px;}
.nyleftdhzi ul li a{ font-size:14px; color:#333; display:block; width:95%; background:url(404.png) no-repeat right center;}
.nyleftdhzi ul li:hover{ background:url(404.png) #f7f8fa no-repeat 35px center; text-indent:70px;}

.nyleftdhzi{width:100%; border-radius: 0px; margin:0px auto;}

.abcontzi{line-height:24px; font-size:14px;}


.nyproduct{ padding:0 0 6%;}

.prolistny ul li {width: 100%; float: none; margin: 4% 0;  border-bottom: 1px solid #e7e7e7; padding-bottom:6%;}
.prolistny li:nth-of-type(2), .prolistny li:nth-of-type(5), .prolistny li:nth-of-type(8), .prolistny li:nth-of-type(11), .prolistny li:nth-of-type(14), .prolistny li:nth-of-type(17) {border-left: 0px solid #e7e7e7; border-right: 0px solid #e7e7e7;}
.prolinex{ background:none;}


.caselist1 .caselist{ padding:0 1%; margin-bottom:2%; width:50%;}
.caselist h2{font-size: 16px;}

.iBnr1-box .t2::before{ display:none;}
.iBnr1-box .t2::after{ display:none;}

.mbzizi{ position:absolute; left:0; top:0; text-align:left;}
.mbzizi2{position:absolute; right:0; top:0; text-align:right; padding-top:0;}
.mbzizi2 .przi3{ text-align:right;}
.przi1{ font-size:34px;} 
.przi2{ font-size:18px; } 
.primg{text-align:right;}
.primg img{width:80%;}
.primg22{text-align:left;}
.primg22 img{width:80%; padding-top:4rem;}
.przi3 a{font-size: 12px;  width: 110px;height: 35px; line-height:35px;  border-radius: 35px;}
.primg2zi1{ font-size:30px;}
.primg2zi2{ font-size:16px;}
.primg3 .przi3 a{ float:right;}

.primg44 img{ width:100%;}
.primg44 .prleft{ text-align:center; color:#fff;}
.primg4 .prleft{ text-align:center; color:#fff; padding-bottom:0;}
.primg4 .prleft .przi1,.primg4 .prleft .przi3{ text-align:center; color:#fff; }
.primg4 .prleft .przi3 a{margin:0px auto; text-align:center;}

.primg5 .przi3 a{float:right;}
.primg5 .primg22 img{width:90%;}

.nydhzi a{ font-size:13px; margin:0; padding:5px 15px;}


.abmain2left{padding-right:15px;}
.abmain2right{padding-left:15px;}

.abzi3{ font-size:14px; line-height:24px;}

.abtwo2kk{width:110px; height:110px; border-radius:110px; font-size:12px; padding-top:30px;}
.abtwo2 h3{ font-size:14px;}

.abfobgzi {width: 100%;}
.abfobgzi1{ font-size:28px;}
.abfotwoleft{ padding-left:15px;}
.ryzzlist img{ width:100%;}

.bann .qzzi1{ font-size:38px;}
.tpnewslist ul li{ margin-bottom:5px;}

.footly{padding:15px;}
.footlx{padding:15px;}
.footlykktwo textarea{ height:4rem;}


.foot1 img{ width:35%;}
.foot2{ font-size:24px; padding:0;}
.foot2 a {vertical-align: unset;}
.foot2 img{ width:8%;}
.foot3 a{ font-size:12px; padding:0 5px;}
.foot4{ width:100%; font-size:12px;}


.file_p{background: url(404.png) repeat-x bottom;}
.file_p a{ padding-left: 25px; display: inline-block; line-height: 44px; background: url("404.png") no-repeat left center;}



.zzry{ background:none; padding-bottom:4%;}
.zzryone{ width:100%; padding-top:8%;}
.zzryleft{ width:100%; float:none;}
.zzryright{ width:100%; float:none; padding-top:3%;}
.zzrytitle{ font-size:28px; color:#000; }
.zzrytitle h3{ font-size:16px; color:#333; padding:2% 0 0;}
.zzryan{ padding:0; float:none; text-align:center;}

.zzryright ul{ display:block;}
.zzryright ul li{ float:left; width:49%; margin-left:1%;}
.zzryright ul li.kklist{float:left; width:49%;}

.zzrytwolll{ width:100%; padding-top:0%; float:none;}
.zzrytwolll ul li{ float:left; width:49%; margin-left:1%;}
.zzrytwolll ul li img{ width:100%;}
.zztwo{ padding-top:8%;}
.zztwo img{ vertical-align:bottom;}
.zzryan a{ margin:0px auto;}


.iBnr1-box .t3.zit4{ margin:5% auto 0;}
.iBnr1-box .t3.zit4 span{border-radius:30px;  width:80px; line-height:30px; height:30px; border: 1px solid rgb(0, 0, 0); margin:0 5px; } 


.main2tr1{ float:left; width:48%; margin-right:2%;}
.main2tr2{ float:left; width:48%; margin-right:2%;}
.main2tr3{ float:left; width:48%; margin-right:2%;}

.prlefrigh1{max-width:50%; flex: 0 0 50%; padding-top:2%;}
.prlefrigh1 img{ width:100%;}
.prlefrigh2{padding:0; max-width:50%; flex: 0 0 50%;  padding-top:2%;}
.prlefrigh3{ max-width:100%; flex: 0 0 100%;}

}







@media only screen and (max-width:1024px) and (min-width: 770px){


}

@media only screen and (max-width:1920px) and (min-width: 1440px){


}




@media only screen and (min-width:1000px) and (max-width: 1200px){
.main5 .list-box{ height:370px;}
.prdh a{ padding:1% 2%;}
}

@media only screen and (min-width:1200px) and (max-width: 1400px){

.prdh a{ padding:1% 2%;}
}



@media screen and ( min-width:1480px ){
.contain{}
.H-nav { }

.prdh a{padding:1% 3.5%;}
}
@media screen and ( min-width:1680px ){

.H-nav {}
#histime .date::after {bottom: -50px;}
.prdh a{padding:1% 3.7%;}
}

@media screen and ( min-width:1920px ){
.iBnr1-box .t1 {font-size: 58px; text-shadow: 0px 0px 8px #666;}	
.iBnr1-box .t2 {font-size: 28px; text-shadow: 0px 0px 6px #666;}

.main3left h3 {font-size: 18px; line-height: 35px;}
.contain { margin:0px auto; padding:0; }
.H-nav { }
#histime .date::after {bottom: -55px;}


.prdh a{padding:1% 3.8%;}
}

@media screen and ( min-width:2560px ){
.iBnr1-box .t1 {font-size: 70px; text-shadow: 0px 0px 8px #666;}	
.iBnr1-box .t2 {font-size: 34px; text-shadow: 0px 0px 6px #666;}
.contain {max-width:1680px; margin:0px auto; padding:0; width:100%;}
.H-nav {margin-right: 20%;}
#histime .date::after {bottom: -60px;}
.prdh a{padding:1% 3.8%;}

}