body{font-family:"微软雅黑"!important;color: #999;font-size: 14px;line-height: 24px;background: #fff;opacity: 0;}
body,div,p,span,ul,li,dl,dd,h1,h2,h3,a,input,img{margin:0;padding:0;}
li,ol{list-style:none;}
a,input,img,textarea{border:none;outline:none;}
i,em{font-style:normal;}
.fl{float: left;}.fr{float: right;}.tc{text-align:center;}.tr{text-align:right;}.tl{text-align:left;}
.fb{font-weight: bolder;}.ma{margin: 0 auto;}.pr{position: relative;}.pa{position: absolute;}.pf{position: fixed;}
.transition{-webkit-transition: all  0.3s ease-out;-moz-transition: all  0.3s ease-out;-o-transition: all  0.3s ease-out; transition: all  0.3s ease-out; }
a{text-decoration: none;color: #666;}
a:focus{text-decoration: none;}
a:hover,a:focus{text-decoration: none;}
.hide{display: none}
.show{display: block}
.modal a{outline:none;}
label{font-weight: normal;}
a:focus {outline:none;outline-offset:0;}
img{max-width: 100%;}
.img img{width: 100%;transition: 0.7s transform;}
.slick-slide{outline: none!important;}
.wrapper{overflow: hidden;position: relative;}
.container{padding: 0;}
/*头部*/
#header{width: 100%;height:auto;z-index: 2;position: fixed;top: 0;left: 0;z-index: 5;transition: 300ms;}
#header .container{display: flex;align-items: center;}
#header .logo{width:auto;height: 76px;transition: 300ms;}
#header .logo .logo2{display: none;}
#header .logo a img{height: 100%;width: auto;transition: 300ms;}
.mol_navbutton{width: 60px;height: 54px;padding:15px 4px 10px 26px;}
.mol_navbutton .img2{display: none;}
#header .nav_box{flex:1;padding-left: 5%;height: auto;text-align: right;}
.nav_box .yiji{display: inline;width: auto;position: relative;margin: 0 27px;}
.nav_box .yiji .one{display:inline-block;width:auto;height:76px;line-height: 76px;font-size:16px;color: #ffffff;transition: 300ms;position: relative;}
#header.head_up .nav_box .yiji:hover .one,#header.head_hover .nav_box .yiji:hover .one{color: #1c77ff;transition: 300ms;}
.nav_box .yiji .one:before{content: "";min-width: 0;width:0%;height:3px;background: #1c77ff;position: absolute;bottom: 0;left:50%;transform: translate(-50%, 0);transition: 300ms;}
.nav_box .yiji:hover .one:before{width: 40px;transition: 300ms;}
/*二级下拉*/
.nav_box .yiji .libox{padding:15px 20px;width: 170px;height: auto;position: absolute;top:46px;left:50%;z-index: 8;text-align: left;background:#fff;margin-left: -85px;
transition: all 0.3s ease 0s;transform: translate3d(0px, 10px, 0px);-moz-transform: translate3d(0px, 10px, 0px); -webkit-transform: translate3d(0px, 10px, 0px); visibility: hidden; opacity: 0; }
.yiji:hover .libox{opacity: 1;transform: translate3d(0px, 0px, 0px);-webkit-transform: translate3d(0px, 0px, 0px); -moz-transform: translate3d(0px, 0px, 0px); visibility: visible;}
.yiji .libox a{display: block;width: 100%;height: 30px;line-height:30px;overflow: hidden;color: #808080;font-size: 16px;transition: 300ms;position: relative;}
.yiji .libox a:hover{color: #1c77ff;transition: 300ms;}
/*搜索*/
.serch_btn{width:42px;height: 42px;float: right;padding: 6px 13px;}
.serch_btn .search_click{cursor: pointer;width:30px;height:30px;background: url(../images/icon1.png) right center no-repeat;position: relative;z-index: 10;}
.serch_btn .aearight{display: none;width:100%;height: auto;padding:8px 15px;background: rgba(239,239,239,0.9);position: absolute;right: 0;top:100%;}
.aearight .seabox{margin: 0 auto;width: 600px;height: auto;overflow: hidden;background: #fff;}
.serch_btn .aearight .inputext{padding: 0 10px;width: 80%;float: left;background: none;height: 40px;line-height: 40px;color: #999;}
.inputext::-webkit-input-placeholder { /* WebKit browsers */ color:#cccccc;background: none;}  
.inputext:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color:#cccccc;background: none;}  
.inputext::-moz-placeholder { /* Mozilla Firefox 19+ */ color:#cccccc;background: none;}  
.inputext:-ms-input-placeholder{color: #fff;background: none;}
.serch_btn .aearight .seabtn{float: right;width: 20%;height: 40px;background: #1c77ff;color: #fff;}

#header.head_hover,#header.head_up,#header.nyheader{background: #fff;box-shadow: 0 0 20px rgba(0, 0, 0, 0.07);transition: 300ms;}
#header.head_hover .logo .logo2,#header.head_up .logo .logo2,#header.nyheader .logo .logo2{display: block;}
#header.head_hover .logo .logo1,#header.head_up .logo .logo1,#header.nyheader .logo .logo1{display: none;}
#header.head_hover .nav_box .yiji .one,#header.head_up .nav_box .yiji .one,#header.nyheader .nav_box .yiji .one{color: #333;}
#header.head_hover .serch_btn .search_click,#header.head_up .serch_btn .search_click,#header.nyheader .serch_btn .search_click{background: url(../images/icon2.png) right center no-repeat;}
#header.head_hover .mol_navbutton .img2,#header.head_up .mol_navbutton .img2,#header.nyheader .mol_navbutton .img2{display: block;}
#header.head_hover .mol_navbutton .img1,#header.head_up .mol_navbutton .img1,#header.nyheader .mol_navbutton .img1{display: none;}

@media(min-width: 768px){

}
/*首页大图*/
.slick-dotted.slick-slider{margin-bottom: 0;}
#banner{position: relative;}
#banner img{width: 100%;}
#banner .slick-slide{overflow: hidden;}
#banner .slick-slide img{transform:  scale(1.15);}
#banner .slick-slide.slick-active img{animation: banner 3s linear forwards;}
@keyframes banner {
    0{transform:  scale(1.15);}
    100% {transform: scale(1);}
}
.slick-dots button{display: none;}
.slick-dots li button:before{display: none;}
/*.slick-arrow:before{display: none;}*/
#banner .slick-dots{bottom:30px;}
#banner .slick-dots li{width:80px;height:2px;margin: 0 5px;background:#fff;opacity: 0.6;transition: 300ms;}
#banner .slick-dots li.slick-active{opacity: 1;transition: 300ms;}

/*内容*/
.content{padding: 4.5% 0;}
.alltitle{width: 100%;height: auto;display: flex;align-items: center;justify-content: space-between;}
.alltitle h2{font-size: 16px;color: #181818;line-height: 1.5;}
.alltitle h2 p{font-size: 42px;font-weight: bold;margin-bottom: 10px;}
.alltitle a{display: flex;align-items: center;font-size: 16px;color: #1c77ff;line-height: 30px;}
.alltitle a span,.newlist li dl p span{display: inline-block;width: 30px;height: 30px;text-align: center;line-height: 26px;
  border: 2px solid #ededed;border-radius: 50%;margin-left: 14px;font-family: "幼圆";font-weight: bold;transition: 300ms;}
.alltitle a:hover span,.newlist li a:hover dl p span{color: #fff;border: 2px solid #1c77ff;background: #1c77ff;transition: 300ms;}

.indexpro{width: 100%;display: flex;flex-wrap: wrap;justify-content: space-between;margin-top: 2%;}
.indexpro .proitem{width: 31.66%;background: #f9f9f9;padding: 24px 22px 15px;margin: 2.6% 0;border-radius: 14px;transition: 300ms;}
.indexpro .proitem .icon{width: 52.63%;margin: 0 auto;}
.indexpro .proitem .icon .img2{display: none;}
.indexpro .proitem p{width: 380px;text-align: center;height: 70px;display: table-cell;vertical-align: middle;
font-size: 18px;color: #181818;line-height: 1.7;}
.indexpro .proitem:hover{background: #fff;box-shadow: 0 0 20px rgba(0, 103, 255, 0.08);transition: 300ms;}
.indexpro .proitem:hover .icon .img1{display: none;}
.indexpro .proitem:hover .icon .img2{display: block;}
.indexpro .proitem:hover p{color: #1c77ff;}

.content2{background: url(../images/bg1.jpg) center no-repeat;background-size: cover;}
.shop_slider{margin-top: 6%;margin-bottom: 2%!important;}
.shop_slider .shopbox{width: 100%;height: auto;overflow: hidden;}
.shop_slider .shopbox .shimg{width: 50%;float: left;border-radius: 40px 0 40px 0;overflow: hidden;}
.shop_slider .shopbox .shopright{width: 41%;float: right;}
.shopright p{font-size: 30px;color: #181818;line-height: 1.3}
.shopright dd{font-size: 16px;color: #181818;line-height: 2.1;margin: 6% 0;}
.shopright .shopewm{width: 150px;text-align: center;font-size: 16px;color: #1c77ff;line-height: 2.1;}
.shop_slider .slick-arrow{width: 56px;height: 50px;z-index: 3;background: #fff;top: 65%;box-shadow: 0 8px 20px rgba(0,35,124,0.07);transition: 300ms;}
.shop_slider .slick-arrow:before{color: #1c77ff;font-family: "幼圆";font-weight: bold;}
.shop_slider .slick-prev{border-radius: 12px 0 0 12px;left: 50%;margin-left: -56px;border-right: 1px solid #f1f1f1;}
.shop_slider .slick-next{border-radius: 0 12px 12px 0;right: 50%;margin-right: -56px;}
.shop_slider .slick-prev:before{content: "<";}
.shop_slider .slick-next:before{content: ">";}
.shop_slider .slick-arrow:hover{background: #1c77ff;transition: 300ms;}
.shop_slider .slick-arrow:hover:before{color: #fff;}
.shop_slider .custom_paging{width:auto;position: absolute;right: 0;bottom: 0;}
.shop_slider .custom_paging li{display: none;color:#e2e2e3;font-size: 34px;line-height: 1;}
.shop_slider .custom_paging li i,.shop_slider .custom_paging li em{display: block;width: auto;float: left;}
.shop_slider .custom_paging li span{display:block;width: auto;float: left;font-weight: normal;font-size:46px;}
.shop_slider .custom_paging li.slick-active{display: flex;align-items: baseline;}
.shop_slider .custom_paging li.slick-active i{font-size: 54px;}

.indexnew{width: 102.5%;height: auto;overflow: hidden;margin-left: -1.25%;padding-top: 3%;}
.indexnew li{width: 33.33%;padding: 1.25%;float: left;}
.indexnew li a{display: block;}
.indexnew li .img{width: 100%;border-radius: 10px;}
.indexnew li .time{font-size: 14px;color: #808080;margin: 5% 0 4%;}
.indexnew li dd{width: 100%;height: 60px;font-size: 18px;color: #181818;line-height: 30px;overflow: hidden;}
.indexnew li span{font-size: 16px;color: #1c77ff;margin-top: 4%;display: block;}
.indexnew li a:hover dd{color: #1c77ff;}

.content4{background: url(../images/bg2.jpg) center no-repeat;background-size: cover;}
.formbox{padding: 2% 7.5%;width: 75.16%;background: rgba(255,255,255,0.18);border: 1px solid rgba(255,255,255,0.58);
  border-radius: 14px;margin: 0 auto;}
.formbox dt{text-align: center;font-size: 30px;color: #fff;line-height: 1.7;margin-bottom: 12px;}
.tact_form{width: 100%;}
.inputdiv{width: 100%;padding: 11px 0;display: flex;align-items: center;}
.inputdiv p{width:100px;font-size: 16px;color: #fff;font-weight: bold;}
.inputdiv .put1{display: block;flex:1;height: 47px;font-size: 16px;color: #fff;padding: 0 15px;
background: rgba(255,255,255,0.18);border: 1px solid rgba(255,255,255,0.58);}
.inputdiv img{width: 20%;margin-left: 12px;height: 47px;}
.subbtn input{display: block;width: 200px;height: 55px;border-radius: 28px;background: #1c77ff;color: #fff;font-size: 20px;font-weight: bold;margin: 16px auto 12px;}
.put1::-webkit-input-placeholder {color: rgba(255,255,255,0.4);}
.put1::-moz-placeholder { /* Mozilla Firefox 19+ */ color: rgba(255,255,255,0.4);}
.put1:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: rgba(255,255,255,0.4);}
.put1:-ms-input-placeholder { /* Internet Explorer 10-11 */ color: rgba(255,255,255,0.4);}
.tact_form .zc{text-align: center;margin-bottom: 12px;font-size: 14px;color: #fff;
  display: flex;align-items: center;justify-content: center;}
.tact_form .zc a{color: #1c77ff;text-decoration:underline;}
.tact_form .zc input{margin: 0;width: 15px;height: 15px;margin-right: 5px;}

/*弹窗*/
.tcopacity,.tcopacity2{display: none;width: 100%;position:fixed;top: 0;left: 0;height: 100%;background: rgba(0,0,0,0.3);z-index: 6;}
.zhengce{display: none;width: 788px;height: 74%;background: #fff;padding: 2% 2% 2% 4%;
  position: fixed;top: 50%;left: 50%;transform: translate(-50%, -50%);z-index: 8}
.zctitle{font-size: 30px;color: #333;line-height: 40px;position: relative;}
.close_zc{width: 40px;height: 40px;line-height: 40px;font-weight: lighter;text-align: center;font-size: 40px;cursor: pointer;
position: absolute;top: 0;right: 0;}
.zctext{margin-top: 3%;width: 100%;height:90%;overflow-y: auto;padding-right: 30px;font-size: 14px;}

/*页脚*/
.footer{background: #071329;}
.footertop{padding: 4% 0 3%;}
.footertop .container{display: flex;}
.footnav{flex:1;display: flex;justify-content: space-between;padding-right: 12%;}
.footnav .fnav_item{}
.footnav .fnav_item p{font-size: 16px;font-weight: bold;color: #ffffff;line-height: 3.2;}
.footnav .fnav_item dd{width: 100%;}
.footnav .fnav_item dd a{display: block;width: 100%;height: 30px;line-height: 30px;font-size: 16px;color: #808080;overflow: hidden;}
.footnav .fnav_item dd a:hover{color: #fff;}
.footright{width: 322px;}
.footright .ftact{padding: 10px 0 25px;}
.footright .ftact p{font-size: 16px;color: #808080;line-height: 26px;padding: 8px 0;padding-left: 39px;}
.footright .ftact p.p1{background: url(../images/icon7.png) left 10px no-repeat;}
.footright .ftact p.p2{background: url(../images/icon8.png) left 10px no-repeat;}
.fewmbox{display: flex;justify-content: space-between;}
.fewmbox .ewmli img{margin-bottom: 12px;}
.fewmbox .ewmli{width: 44%;text-align: center;font-size: 13px;color: #808080;line-height:1.4;}
.copy{background: #030d1f;padding: 20px 0;}
/*关于我们*/
.nybanner{padding-top: 76px;position: relative;}
.nybanner img{width: 100%;}
.nybanner .bantext{width: 100%;font-size: 48px;line-height: 70px;font-weight: bold;color: #fff;position: absolute;top: 50%;left: 0;}
.nycontent{padding: 60px 0;}
.adrress{padding-left: 28px;background: url(../images/icon9.png) left center no-repeat;color: #808080;font-size: 14px;line-height: 50px;margin-top: 12px;}
.adrress a{color: #808080;margin: 0 4px;}
.adrress a:hover{color: #1c77ff;}
.nycontent .container{display: flex;justify-content: space-between;}
.container:after,.container:before{display: none;}
.aboutent .container{flex-direction: row-reverse;}
.aboutent .dectil{width: 48.75%;font-size: 16px;color: #808080;line-height: 1.9;}
.aboutent .dectil h2{font-weight: bold;color: #181818;font-size: 30px;}
.aboutent .abimg{width: 46.66%;border-radius: 22px;}
/*产品中心*/
.ny_left{width: 280px;}
.posnav{width: 100%;height:60px;line-height: 60px;background: #1c77ff;font-size: 20px;color: #fff;padding: 0 16px;}
.ulbtn{width: auto;height: 40px;font-size: 13px;float: right;background: url(../images/icon10.png) left center no-repeat;background-size:16px auto;padding-left: 26px;}
.oneul{}
.oneul .onea{display: block;height:68px;line-height: 68px;color: #181818;font-size: 16px;overflow: hidden;border-bottom: 1px solid #ededed;padding: 0 16px;}
.oneul .onea:hover,.oneul .onea.on,.oneul .onea.ez{color: #1c77ff;}
.oneul li a dl{width: 20px;height: 68px;line-height: 68px;float: right;text-align: center;font-size: 22px;color: #181818;overflow: hidden;}
.oneul li a dl i.no,.oneul li a.ez dl i.yes{display: none;}
.oneul li a.ez dl i.no,.oneul .onea.on i.no {display: block;color: #1c77ff;}
.oneul .second{display: none;background: #f7f8fa;padding: 14px 16px;}
.oneul .second .twoa{display: block;padding-left: 28px;height: 50px;line-height: 50px;overflow: hidden;font-size: 14px;color: #808080;overflow: hidden;
background: url(../images/icon11.png) left center no-repeat;}
.oneul .second a:hover,.oneul .second a.sen_x{color: #181818;background: url(../images/icon12.png) left center no-repeat;}

.ny_right{width:calc(100% - 340px);}
.prolist{width: 100%;height: auto;}
.prolist li{width: 100%;padding-bottom:30px;}
.prolist .proli{background: #f7f8fa;padding: 2.9%;border-radius: 20px;display: flex;transition: 300ms;}
.prolist .proli .img{width: 29.65%;}
.proli dl{margin-left: 4.5%;flex:1;}
.proli dl dt{font-size: 18px;color: #181818;font-weight: normal;width: 100%;height: 40px;line-height: 40px;overflow: hidden;}
.proli dl dd{width: 100%;height: 48px;line-height: 24px;font-size: 16px;color: #808080;overflow: hidden;margin: 2% 0 6%;}
.proli dl .morbtn{width: 100%;height: auto;overflow: hidden;}
.morbtn a{display: inline-block;width: 28.33%;height: 45px;border: 1px solid #808080;font-size: 16px;color: #808080;
	text-align: center;;border-radius: 23px;line-height: 44px;margin-right: 4%;transition: 300ms;}
.prolist .proli:hover{background: #fff;box-shadow: 0 0 20px rgba(0,103,255,0.08);transition: 300ms;}
.prolist .proli:hover dl dt{color: #1c77ff;}
.morbtn a:hover,.morbtn a.on{background: #1c77ff;border: 1px solid #1c77ff;color: #fff;transition: 300ms;}
/*产品详情*/
.prodecli.proli{width: 100%;display: flex;}
.prodecli .proslider{width: 46.6%;}
.prodecli .proslider .slick-dots{bottom:15px;height: 2px;line-height: 2px;}
.prodecli .proslider .slick-dots li{width:30px;height:2px;margin: 0 3px;background:#fff;opacity: 0.6;transition: 300ms;}
.prodecli .proslider .slick-dots li.slick-active{opacity: 1;transition: 300ms;}
.prodecli.proli dl{position: relative;padding-bottom: 58px;}
.prodecli.proli dl dt{font-size: 24px;height: auto;}
.prodecli.proli dl dd{margin: 4% 0 6%;height: auto;min-height: 96px;}
.prodecli.proli .morbtn a{width: 38%;}
.tiptitle{width: 100%;height: 40px;line-height: 40px;border-bottom:1px solid #ededed;margin: 70px 0 20px;}
.tiptitle span{display: inline-block;width: 100px;text-align: center;font-size: 18px;color: #181818;border-bottom: 3px solid #1c77ff;}
/*新闻中心*/
.newlist{width: 100%;height: auto;margin-top: -30px;}
.newlist li{width: 100%;padding: 30px 0;border-bottom: 1px solid #ededed;}
.newlist li a{display: flex;width: 100%;}
.newlist li .img{width: 35%;border-radius: 12px;}
.newlist li dl{flex:1;padding-left: 3.5%;position: relative;}
.newlist li dt{width: 100%;height: 60px;line-height: 30px;font-size: 18px;color: #181818;overflow: hidden;font-weight: normal;margin: 10px 0;}
.newlist li dd{font-size: 14px;color: #808080;line-height: 1.5;}
.newlist li dl p{display: flex;align-items: center;font-size: 16px;color: #1c77ff;line-height: 30px;
	position: absolute;right: 0;bottom: 0;}
.newlist li a:hover dl dt{color: #1c77ff;}
.newtitle{font-size: 24px;color: #181818;line-height: 1.5;border-bottom: 1px solid #ededed;margin-bottom: 10px;}
.newtitle p{font-size: 14px;color: #808080;margin:16px 0 20px;}
/*联系我们*/
.nycontact{padding: 30px 0;}
.mapimg{width: 100%;height: auto;overflow: hidden;border-radius: 18px;}
.shopbox{width: 100%;height: auto;overflow: hidden;padding: 5% 0;}
.shopbox .shopitem{width: 50%;height: auto;float:left;}
.shopitem .p1{font-size: 24px;color: #181818;line-height: 2;}
.shopitem .p2{font-size: 14px;color: #1c77ff;line-height: 1.4}
.shopitem dd{font-size: 14px;color: #808080;line-height: 2;margin: 16px 0;}
.ewmbox{width: 100%;height: auto;display: flex;justify-content: center;padding-bottom: 30px;border-bottom: 1px solid #ededed;}
.ewmitem{margin: 0 19px;text-align: center;font-size: 16px;color: #808080;line-height: 1.8;}
.ewmitem .img{padding: 14px;border-radius: 12px;border: 1px solid #ededed;margin-bottom: 8px;}

/*立即咨询弹窗*/
.tc_formbox{display: none;width: 900px;padding: 2% 5.5%;background: #fff;position: fixed;top: 50%;left: 50%;transform: translate(-50%, -50%);z-index: 8;}
.close_form{width: 40px;height: 40px;line-height: 40px;font-weight: lighter;text-align: center;font-size: 40px;cursor: pointer;
position: absolute;top: 2.4%;right: 4%;color: #181818;}
.tc_formbox dt{color: #181818;}
.tc_formbox .inputdiv p{color: #181818;}
.tc_formbox .inputdiv .put1{border: 1px solid #ccc;color: #999;}
.tc_formbox .put1::-webkit-input-placeholder {color: #ccc;}
.tc_formbox .put1::-moz-placeholder { /* Mozilla Firefox 19+ */ color: #ccc;}
.tc_formbox .put1:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: #ccc;}
.tc_formbox .put1:-ms-input-placeholder { /* Internet Explorer 10-11 */ color: #ccc;}
.tc_formbox .tact_form .zc{color: #808080;}

/*图片经过放大*/
.img{transition: 300ms;overflow: hidden;}
.imgbig:hover img{transition: 0.7s transform;-moz-transform:scale(1.1);-webkit-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1);}
/*页码*/
.allpage{width: 100%;height: auto;text-align: center;padding: 30px 0;}
.allpage a{display: inline-block;margin: 0 3px;width: 40px;height: 40px;line-height: 38px;color: #808080;font-size: 14px;border: 1px solid #eee;transition: 400ms;}
.allpage a.a1{font-family: "幼圆";font-weight: bold;}
.allpage a:hover,.allpage a.on{background: #1c77ff;border: 1px solid #1c77ff;color: #fff;transition: 400ms;}
/*文章上下篇*/
dl .chosebox{position: absolute;left: 0;bottom: 0;margin-top: 0;}
dl .chosebox a{color: #808080;height: 24px;line-height: 24px;}
.chosebox{width: 100%;border-top: 1px solid #ededed;padding: 10px 0 0;margin-top: 20px;}
.chosebox a{display: block;width: 100%;height: 30px;line-height: 30px;overflow: hidden;font-size: 16px;color: #181818;}
.chosebox a:hover{color: #1c77ff;}
/*panle导航开始*/
.left_navbg{display: none;width: 100%;height: 100%;position: fixed;top: 0;left: 0;background: #000;opacity: 0.2;z-index: 7;}
.left_nav{width:82%;height:100%;z-index:7;background: #fff;position: fixed;top:0; right:-82%;z-index: 99;transition: 300ms;}
.left_nav.left_nav_show{right: 0;transition: 300ms;}
.left_navtitle{padding: 0 3% 0 8.5%;width: 100%;line-height: 54px;font-size: 24px;font-weight: bold;color: #1c77ff;}
.close_lnav{width: 50px;height: 54px;text-align: center;font-size: 40px;color: #1c77ff;cursor: pointer;float: right;font-weight: lighter;}
.left_nav .nnav{width:100%;height: 92%;overflow-y:auto;padding: 0 5.5% 0 8.5%;}
.left_nav .nnav li{width: 100%;height: auto;overflow: hidden;border-bottom: 1px solid #ebebeb;}
.left_nav .nnav li .ce{display: block;width: 100%;color: #333;font-size: 16px;height:54px;line-height:40px;padding: 7px 0;}
.left_nav .nnav li .ce.xz_a{color: #1262a9;}
.ericon{width:40px;height:40px;float:right;text-align: center;line-height: 40px;position: relative;z-index: 3;transition: 300ms;}
.ericon img{display: inline-block;width: 10px;}
.ericon.xz{transform: rotate(90deg);transition: 300ms;}
.left_nav .nnav li .menu_body{display: none;padding-bottom: 10px;}
.left_nav .menu_body li{border-bottom: none;}
.menu_body li a.er{text-indent: 20px;display: block;height:40px;line-height:40px;font-size: 14px;color: #666;position: relative;}
.menu_body li a.er.tz_a{color: #1262a9;background: #e6e6e6}
.menu_body .thricon{color:#666;width:38px;height:40px;line-height:40px;text-align:center;float:right;position: relative;z-index: 3;font-size: 24px;cursor: pointer;}
.menu_body .icont1{ display:none;}
.menu_body .tz .icont1{ display:block;color: #1262a9;}
.menu_body .tz .icont2{ display:none;}
.left_nav .nnav li .thr_body{display: none;background: #f8f8f8;}
.thr_body li a.thr{position: relative;padding-left:30px;font-size: 14px;display: block;height:40px;line-height:40px;color: #999;}
.thr_body li a.thr.fz_a{color: #1262a9;}
.left_nav .nnav li .for_body{display: none;}
.for_body li a.for{position: relative;padding-left:58px;font-size: 14px;display: block;height:40px;line-height:40px;color: #999;}
.menu_body .foricon{color:#999;width:44px;height:40px;line-height:40px;text-align:center;float:right;position: relative;z-index: 3;font-size: 24px;cursor: pointer;}
/*panle导航结束*/
/*右侧悬浮*/
.quickbar_nav{width: 40px;height: auto;position: fixed;right: 15px;top: 50%;z-index: 6;
  -webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);}
.quickbar_nav ul li{width: 40px;height: auto;padding:4px 0;}
.quickbar_nav ul li a{display: block;position: relative;}
.quickbar_nav ul li .icon{width: 40px;height: 40px;border-radius: 6px;overflow: hidden;background: #cccccc;cursor: pointer;transition: 400ms;}
.quickbar_nav ul li:hover .icon{background: #1c77ff;transition: 300ms;}
.quickbar_nav ul li .li_hover{display: none; position: absolute;right: 54px;top:50%;font-size: 18px;font-weight: bolder;color: #fff;
  -webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);
  border-radius: 5px;padding:9px;width: 105px;background: #1c77ff;}
.quickbar_nav ul li .tellnum{width: 170px;text-align: center;line-height: 30px;}
.quickbar_nav ul li .li_hover img{border-radius: 4px;}
.quickbar_nav ul li .li_hover:before{content: "";border-left: 6px solid #1c77ff;border-right: 6px solid transparent;border-top: 6px solid transparent;border-bottom: 6px solid transparent;
position: absolute;right: -11px;top: 50%;-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);}

@media (max-width: 1200px){
  .aearight .seabox{width: 500px;}
  #banner .slick-dots{bottom: 23px;}
	#banner .slick-dots li{width: 62px;}
  .content{padding: 5% 0;}
  .alltitle h2 p{font-size: 38px;}
  .shopright p{font-size: 28px;}
  .shop_slider .shopbox .shopright{width: 42%;}
  .shopright .shopewm{width: 144px;}
  .shop_slider .slick-arrow{top: 75%;width: 50px;height: 44px;}
  .shop_slider .slick-next{border-radius: 0 10px 10px 0;margin-right: -50px;}
  .shop_slider .slick-prev{border-radius: 10px 0 0 10px;margin-left: -50px;}
  .shop_slider .custom_paging li{font-size: 32px;}
  .shop_slider .custom_paging li.slick-active i {font-size: 50px;}
  .shop_slider .custom_paging li span{font-size: 40px;}
  .indexnew li .time{font-size: 13px;margin: 4% 0 2.5%;}
  .indexnew li dd{height: 52px;font-size: 16px;line-height: 26px;}
  .indexnew li span{font-size: 14px;}
  .formbox{width: 78%;}
  .formbox dt{font-size: 28px;line-height: 1.8;}
  .subbtn input{width: 186px;height: 52px;font-size: 18px;}
  .aboutent .dectil h2{font-size: 26px;}
  .nybanner .bantext{font-size: 44px;}
  .ny_left{width: 266px;}
  .ny_right{width: calc(100% - 325px);}
  .prolist .proli{border-radius: 15px;}
  .prolist .proli .img{width: 31%;}
  .prolist .proli dl dd{font-size: 15px;margin: 1% 0 5%;}
  .morbtn a{width: 33.3%;height: 40px;line-height: 38px;font-size: 15px;}
  .newlist{margin-top: -20px;}
  .newlist li{padding: 20px 0;}
  .newlist li .img{border-radius: 9px;}
  .newtitle{font-size: 22px;}



}
@media (max-width: 991px){
	#header .nav_box{padding-left: 3%;}
  .nav_box .yiji{margin: 0 3%;}
  .alltitle h2 p{font-size: 34px;}
  .alltitle h2{font-size: 14px;}
  .alltitle a,.newlist li dl p{font-size: 14px;line-height: 26px;}
  .alltitle a span,.newlist li dl p span{width: 26px;height: 26px;line-height: 24px;margin-left: 10px;}
  .indexpro .proitem p{font-size: 16px;height: 56px;}
  .shopright p{font-size: 22px;}
  .shopright dd{font-size: 15px;line-height: 1.9;}
  .shop_slider .shopbox .shimg{border-radius: 30px 0 30px 0;}
  .shopright .shopewm{width: 116px;font-size: 14px;}
  .shop_slider .slick-arrow{width: 42px;height: 36px;}
  .shop_slider .slick-prev{border-radius: 7px 0 0 7px;margin-left: -42px;}
  .shop_slider .slick-next{border-radius: 0 7px 7px 0;margin-right: -42px;}
  .shop_slider .custom_paging li{font-size: 24px;}
  .shop_slider .custom_paging li.slick-active i {font-size: 40px;}
  .shop_slider .custom_paging li span{font-size: 30px;}
  .indexnew li .time{font-size: 12px;}
  .indexnew li dd{height: 48px;font-size: 14px;line-height: 24px;}
  .formbox{width: 90%;}
  .footright{width: 242px;}
  .footnav{padding-right: 8%;}
  .aboutent .dectil h2{font-size: 24px;}
  .nybanner .bantext{font-size: 38px;}
  .ny_left{width: 240px;}
  .posnav{font-size: 18px;padding: 0 10px;height: 50px;line-height: 50px;}
  .oneul .onea{font-size: 14px;padding: 0 10px;height: 52px;line-height: 52px;}
  .oneul li a dl{height: 52px;line-height: 52px;font-size: 20px;}
  .oneul .second{padding: 10px;}
  .oneul .second .twoa{height: 44px;line-height: 44px;padding-left:20px; background-size: 11px auto;}
  .oneul .second a:hover, .oneul .second a.sen_x{background-size: 11px auto;}
  .ny_right{width: calc(100% - 272px);}
  .prolist li{padding-bottom: 20px;}
  .prolist .proli {border-radius: 10px;}
  .proli dl{margin-left: 3.5%;}
  .prolist .proli dl dt{font-size: 16px;height: 30px;line-height: 30px;}
  .prolist .proli dl dd{height: 44px;line-height: 22px;font-size: 14px;}
  .morbtn a{width: 30%;height: 32px;line-height: 30px;font-size: 12px;}
  .prodecli.proli{display: block;}
  .prodecli .proslider{width: 100%;}
  .prodecli.proli dl{margin-left: 0;padding-bottom: 0;padding-top: 22px;}
  .prodecli.proli dl dt{font-size: 22px;line-height: 36px;}
  dl .chosebox{position: relative;margin-top: 30px;}
  .prodecli.proli .morbtn a{width: 108px;}
  .newlist li .img{border-radius: 6px;}
  .newlist li dl{padding-left: 2.5%;}
  .newlist li dt{height: 52px;line-height: 26px;font-size: 16px;margin: 6px 0;}
  .newtitle{font-size: 20px;}
  .newtitle p{font-size: 13px;}
  .zhengce{width: 74%;}

  

}
@media (max-width: 768px){
  .serch_btn{position: unset;}
  .serch_btn .aearight{width: 100%;padding: 10px 10%;}
  .aearight .seabox{width: 100%;}
  .serch_btn .aearight .inputext{height: 36px;line-height: 36px;width: 75%;}
  .serch_btn .aearight .seabtn{height: 36px;width: 25%;}
  #header .logo{flex:1;height: 54px;}
  #banner .slick-dots{bottom: 12px;}
  #banner .slick-dots li{width: 50px;}
  .content{padding: 30px 0;}
  .container{padding: 0 15px;}
  .alltitle h2{font-size: 12px;}
  .alltitle h2 p{font-size: 22px;margin-bottom: 4px;}
  .indexpro{margin: 20px 0 10px;}
  .indexpro .proitem{width: 48.5%;padding: 14px 14px 0;margin: 1.8% 0;border-radius: 10px;}
  .indexpro .proitem .icon{width: 57%;}
  .indexpro .proitem p{font-size: 14px;height: 46px;line-height: 1.5;}
  .alltitle a,.newlist li dl p{font-size: 12px;line-height: 22px;}
  .alltitle a span,.newlist li dl p span{width: 22px;height: 22px;line-height: 20px;margin-left: 6px;}
  .shop_slider .shopbox .shimg{width: 91%;}
  .shop_slider .shopbox .shopright{width: 100%;padding-top: 24px;}
  .shopright p{font-size: 18px;}
  .shopright dd{font-size: 14px;line-height: 1.9;margin: 15px 0;}
  .shop_slider .shopbox .shimg{border-radius: 24px 0 24px 0;}
  .shop_slider .slick-arrow{width: 36px;height: 30px;top: 40%;}
  .shop_slider .slick-prev{border-radius: 5px 0 0 5px;margin-left: -36px;left: 91%;}
  .shop_slider .slick-next{border-radius: 0 5px 5px 0;margin-right: -36px;right: 9%;}
  .shop_slider .custom_paging{opacity: 0;}
  .indexnew{padding-top: 16px;}
  .indexnew li{width: 100%;padding: 2% 1.25%;}
  .indexnew li .time{margin: 10px 0 7px;}
  .indexnew li span{display: none;}
  .formbox{width: 100%;border-radius: 6px;padding: 5.5%;}
  .formbox dt{font-size: 19px;letter-spacing: 1px;}
  .inputdiv{padding: 6px 0;}
  .inputdiv p{width: 75px;font-size: 14px;}
  .inputdiv .put1{height: 36px;padding: 0 10px;font-size: 14px;}
  .inputdiv:nth-child(4) .put1{width: 30%;}
  .inputdiv img{width: 35%;margin-left: 9px;height: 36px;}
  .subbtn input{width: 135px;height: 36px;font-size: 14px;}
  .tact_form .zc{font-size: 12px;}
  .footright{width: 100%;padding: 0 7%;}
  .footright .ftact p{font-size: 14px;background-size: 20px auto !important;padding-left: 34px;line-height: 23px;}
  .fewmbox{justify-content: center;}
  .fewmbox .ewmli{width: 28%;font-size: 12px;margin: 0 4%;}
  .copy{padding: 13px 0;font-size: 12px;line-height: 1.5}
  .nybanner{padding-top: 54px;}
  .nybanner .bantext{font-size: 26px;line-height: 44px;}
  .adrress{padding-left: 22px;margin-top: 0;line-height: 30px;margin-top: 12px;}
  .nycontent{padding: 30px 0;}
  .nycontent .container{display: block;}
  .aboutent .dectil{width: 100%;font-size: 14px;}
  .aboutent .dectil h2{font-size: 18px;}
  .aboutent .abimg{width: 100%;margin: 20px 0 10px;border-radius: 12px}
  .ny_left{width: 100%;}
  .posnav{font-size: 16px;padding: 0 11px;height: 40px;line-height: 40px;}
  .oneul{display: none;}
  .ny_right{width: 100%;margin-top: 20px;}
  .prolist .proli{padding: 3.3%;display: block;}
  .prolist .proli .img{width: 100%;}
  .proli dl{width: 100%;padding: 15px 0 20px;margin-left: 0;}
  .allpage{padding: 10px 0 18px;}
  .allpage a{width: 30px;height: 30px;line-height: 30px;font-size: 12px;margin: 0 1px;}
  .prodecli.proli dl dt{font-size: 18px;line-height: 30px;}
  .prodecli.proli dl dd{margin: 3% 0 6%;height: auto;min-height: 72px;font-size: 14px;}
  .chosebox a{font-size: 14px;}
  .tiptitle{margin: 34px 0 20px;}
  .tiptitle span{width: 90px;font-size: 16px;}
  .newlist{margin-top:-10px;padding-bottom: 20px;}
  .newlist li a{display: block;}
  .newlist li .img{width: 100%;border-radius: 4px;}
  .newlist li dl{padding: 0;padding-bottom: 20px;}
  .newlist li dt{height: 48px;line-height: 24px;font-size: 15px;margin: 15px 0 10px;}
  .newlist li dd{font-size: 13px;}
  .newtitle{font-size: 17px;}
  .newtitle p{font-size: 10px;margin: 12px 0 18px;}
  .mapimg{border-radius: 10px;}
  .shopbox .shopitem{width: 100%;padding: 10px 0;}
  .shopitem .p1{font-size: 18px;}
  .shopitem .p2{font-size: 12px;}
  .shopitem dd{line-height: 1.7;margin: 10px 0;}
  .ewmitem{margin: 0 12px;font-size: 14px;}
  .ewmitem .img{width: 120px;padding: 10px;border-radius: 10px;}
  .zhengce{width: 94%;height: 84%;}
  .zctitle{font-size: 22px;}
  .zctext{padding-right: 14px;}
  .tc_formbox{width: 94%;}

}
@media (max-width: 500px){
	

}
@media (max-width: 376px){
	
}



