*,:after{ box-sizing:border-box}
html,body,h1,h2,h3,h4,h5,h6,hr,p,iframe,dl,dt,dd,ul,ol,li,pre,form,button,input,textarea,th,td,fieldset{margin:0;padding:0}
ul,ol,dl{list-style-type:none}
address,caption,cite,code,dfn,em,th,var,i,b{font-style:normal;font-weight:normal}
input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit; border:none;}

:focus{outline: -webkit-focus-ring-color auto 0;}
input,button{overflow: visible;vertical-align:middle;outline:none}
h1,h2,h3,h4,h5,h6{font-size:100%; font-weight:normal; transition: all .4s;}
div{ transition: all .4s;}
a,area{outline:none;blr:expression(this.onFocus=this.blur())}
a:focus,a:hover,a:active{outline:none;blr:expression(this.onFocus=this.blur())}
sub,sup{vertical-align:baseline}
table{border-collapse:collapse;border-spacing:0}
textarea { resize:none}
input[type="submit"],input[type="button"]{ cursor:pointer;}
img{border:0;vertical-align:middle;}
a img,img{-ms-interpolation-mode:bicubic}
a{text-decoration:none;cursor: pointer; color:#999}
a:hover{text-decoration:none}
button,input[type=submit],input[type=reset],input[type=text],input[type=button],select,textarea{-webkit-appearance:none;-webkit-tap-highlight-color:rgba(255,0,0,0);outline:0;outline:0;blr:expression(this.onFocus=this.blur());border: none;}
body,th,td,button,input,select,textarea{  font-family:Arial, "微软雅黑"; font-size:12px;color:#666;}
.layout{ margin:0 auto; width: 1200px;}
.l,.left,.fl{ float:left}
.r,.right,.fr{ float:right}
.jz{ text-align: center;}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden; font-size:0; line-height:0}
.clearfix{*zoom:1}
.clearfixs{display:block;height:0;clear:both;visibility:hidden; font-size:0; line-height:0}
body{ overflow:auto;overflow-x: hidden;}
.w1200{max-width: 1200px;overflow: hidden; margin: 0 auto; position: relative;padding:0 10px;}
.w1400{max-width: 1200px;overflow: hidden; margin: 0 auto; position: relative; padding:0 10px;}
.sw1400{max-width: 1400px;overflow: hidden; margin: 0 auto; position: relative; padding:0 10px;}
.region{ max-width: 1700px; overflow: hidden; margin: 0 auto; position: relative;padding:0 10px;}
.sw1200{max-width: 1200px;overflow: hidden; margin: 0 auto; position: relative; padding:0 10px;}


/*header*/
#header>.region{ padding: 13px 10px 10px;}
.logo_txt { font-size: 18px; line-height: 24px; padding:5px 22px 5px ; margin-left: 22px;  border-left: 1px solid #00f; color: #0606fd; font-weight: 500;  margin-top: 10px;  }
.icon_fx{    padding-left:60px;margin: 21.5px 0;}
.icon_fx a{ margin: 0px 7px; width: 30px; height: 30px; display: inline-block; border-radius: 50%; background-color: #656565; background-position: center center; background-repeat: no-repeat; background-size: 59%;}
.icon_fx a.twitter{ background-image: url(../image/twitter.png);}
.icon_fx a.pinterest{ background-image: url(../image/PinterestIcon.png);}
.icon_fx a.facebook{ background-image: url(../image/facebook.png);}
.icon_fx a.linkedin{ background-image: url(../image/linkedin.png);}

.icon_fx a.twitter{background-color: #00aced; }
.icon_fx a.pinterest{ background-color:#c4302b}
.icon_fx a.facebook{ background-color:#3b5998}
.icon_fx a.linkedin{background-color:#4875b4}
.heaer_box_menu{ margin-right: 70px;}

.heaer_box_menu ul{display: flex; grid-column-gap: var(--grid-column-gap);grid-row-gap: var(--grid-row-gap);grid-template-columns: repeat(6,1fr);
/*--grid-column-gap:60px;*/
    
}
.heaer_box_menu ul li{ text-align: center; display: block; margin-right:60px}
.heaer_box_menu ul li:nth-child(6){ margin-right:0}
.heaer_box_menu ul li a{ font-size: 15px; color: #474747; line-height: 76px; display: block;}
.heaer_box_menu ul li a:hover{ color:#474747b3}
.heaer_box_menu ul li.on a{color: #0000FF;}
.header_Search { font-size: 18px;color: #919191; line-height: 24px; padding-left: 20px; border-left: 1px solid #919191;}
.Search_ico{width: 26px; height: 24px; display: inline-block;  float: left; margin-right: 5px; background: url(../image/Search.png) no-repeat center;}
.header_fr_ss{ padding-top:23px; position: relative;}
.header_fr_ss .fr{ font-size: 14px; color: #919191; line-height:20px; margin-left: 30px;}
.header_fr_ss .fr a{line-height:20px; display: inline-block; font-weight: 600;}
.header_fr_ss .fr a.ass{ color: #0000ff;}
.header_fr_ss .fr span{ width: 1px; background: #919191; display: inline-block; height: 20px; margin: 0 5px;}
.header_fr_ss .pc_input_suoshou{    line-height:24px; background: #fff; width: 120px;}
.header_fr_ss .pc_input_suoshou.on{ width: 145px;}
.header_fr_ss .pc_input_suoshou #pc_input{height: 24px;padding: 10px;width:77px; display: inline-block; font-size: 15px;color: #919191; transition: all .4s;}
.header_fr_ss .pc_input_suoshou.on #pc_input{ width: 120px; border-bottom: 1px solid #ebebec;}
.header_fr_ss .pc_input_suoshou #pc_submit{ width: 24px; height: 24px; background: url(../image/Search.png) no-repeat center; display: inline-block;float: left;}

.twe_menu{ background: #0000FF; }
.twe_menu ul{ justify-content: center;     grid-template-columns: repeat(8,1fr);  display: grid;}
.twe_menu li{ padding: 26px 0; position: relative;}
.twe_menu li a{font-size: 15px; display: block; color: #fff;  text-align: center; border-right: 1px solid #f1f1f178}
.twe_menu li:last-child a{ border-right:0}
.twe_menu li:hover:before{width: 100%; left: 0;}
.twe_menu li:before{    content: ''; width: 0; height: 2px;position: absolute; background: #fff; transition: all .4s; position: absolute; left: 50%;  bottom: 0;}
#media_header{ display: none;}
@media screen and (max-width:1666px) {
    .heaer_box_menu{ margin-left: 30px;}
    /*.heaer_box_menu ul{--grid-column-gap: 40px;}*/
    .heaer_box_menu ul li{ margin-right:40px}

}


@media screen and (max-width:1550px) {
    .icon_fx{     padding-left: 10px;}
    .header_menu { margin-left:3%}
}
@media screen and (max-width:1440px) {
    .header_menu { margin-left:0%}
}
@media screen and (max-width:1367px) {

    .heaer_box_menu{ margin-left:0}
    
    .heaer_box_menu.on{ margin-left:0}
    /*.heaer_box_menu ul{--grid-column-gap: 25px;}*/
    .heaer_box_menu ul li{ margin-right:25px}

    .twe_menu ul{justify-content: center;}
    .twe_menu li{}
}
@media screen and (max-width:1350px) {
  .icon_fx{     display: none; }
}
@media screen and (max-width:1300px) {
    .header_menu { margin-left:2%}
    .twe_menu li a{ padding:0 20px}
}
@media screen and (max-width:1220px) {
    #header{ display: none;}
    #media_header{ display: block; padding: 0 10px; position: fixed; top:0; width:100%; background:#fff; z-index:99999}
    #media_header .logo_img{ text-align: left; display:inline-block; padding: 5px 0;}
    #media_header .logo_img img{ height: 60px;}
    #media_header .top_finder {width: 90px; float: right; display:inline-block; margin-top: 18px; margin-right: 80px; opacity: 1;position: absolute; right: 0px}
    #media_header .top_finder .top_finder_ss{ width: 30px; height: 30px; display: inline-block;background: url(../image/Search.png) no-repeat center; float: left;}
    #media_header .top_finder .top_finder_yy{ width: 30px; height: 30px; display: inline-block; float:right; line-height: 30px; text-align: center; font-size: 16px;}
    #media_header .top_finder .top_finder_yy_lx{ position: fixed; width: 100%; top: 70px; background: #fff; z-index: 22;left: -100%; opacity: 0; padding: 20px;}
    #media_header .top_finder .top_finder_yy_lx.on{opacity: 1; left: 0;}
    #media_header .top_finder .top_finder_yy_lx a{ display: block; line-height: 30px; text-align: center; padding: 0px 20px; color: #fff; background: #00f; border-bottom: 1px solid;}
    .iconWrapper{    position: absolute; top: 20px; right: 10px; z-index: 5;}
    .iconWrapper svg { width: 40px; fill: #0000ff; transform-origin: center; }
    .iconWrapper svg .one,
    .iconWrapper svg .two,
    .iconWrapper svg .three {transform-origin: center;}
    .iconWrapper svg .one {animation: firstLineShow 0.5s ease-in-out;}
    .iconWrapper svg .two {animation: secondLineReverse 0.5s ease-in-out;}
    .iconWrapper svg .three {animation: thirdLineShow 0.5s ease-in-out;}
    .iconWrapper.open .one {transform: rotate(45deg) translate(-3px, 40px);animation: firstLineAnimation 0.5s ease-in-out;}
    .iconWrapper.open .two {transform: scale(0);animation: secondLineAnimation 0.5s ease-in-out;}
    .iconWrapper.open .three {transform: rotate(135deg) translate(15px, 0);animation: thirdLineHide 0.5s ease-in-out;}
    .two_media_menu{ position: fixed;top:70px;background: #fff;right: 0;z-index: 999; height: 0; opacity: 0; width: 100%; transition: all .5s; overflow: hidden; border-top: 1px solid #cccccc45;}

    .two_media_menu .ac_input_suoshou{border: 1px solid #ece9e9; line-height: 44px; border-radius: 5px; position: relative; margin-top: 22px;}
    .two_media_menu .ac_input{width: 85%; line-height: 44px; padding-left: 20px; font-size: 14px;}
    .two_media_menu .ac_submit{ width: 15%;height: 44px; background: url(../image/Search.png) no-repeat center; position: absolute; right:0 ; }
    .two_media_menu ul ol>a{ line-height:44px; display: block; border-bottom: 1px solid #ccc; color: #0D0D0D; font-size: 14px; font-weight:500;}
    .two_media_menu ul ol:nth-child(3)>a{ background: url(../image/s.png) no-repeat center right ; background-size: auto 51%;}
    .two_media_menu ul li{ padding: 0 10px;}
    .two_media_menu ul ol>ul{ display: none;}
    .two_media_menu ul ol>ul.on{ display: block;}
    .two_media_menu ul li a{display: block; height: 40px;  font-size: 14px; line-height: 40px; border-bottom: 1px solid #ccc;}
    #media_header.is-active .top_finder{ position: absolute; right: -200px; opacity: 0;}
    #media_header.is-active .logo_img{ display: block; text-align: center;}
    #media_header.is-active .two_media_menu{height: 100vh;  padding: 0 40px 0px; opacity: 1;}
}
/*footer*/
footer{ background: #323233; padding-top: 50px;}
.foote_1 .foote_1_fl{ padding-right: 110px;}
.foote_1 .foote_1_fl .foot_1_FIN{ color: #fff; font-size: 30px; line-height: 27px; padding-left: 64px; border-bottom: 2px solid #474747; padding-bottom: 10px; margin-bottom: 10px; background: url(../image/Search2.png) no-repeat  left top ;background-size: auto 91%;;}
.foote_1 .foote_1_fl p{ color: #ABABAB; font-size: 14px; line-height: 16px;}
.foote_1 .foote_1_fr{max-width: 1160px;}
.foote_1 .foote_1_fr ul{ }
.foote_1 .foote_1_fr ul li{ float: left; padding-right: 10px; margin-bottom: 10px;}

.foote_1 .foote_1_fr ul li select{ width: 100%; height: 36px; line-height: 36px;padding-left: 20px;    
background-image: url(../image/ico_4.png);     font-size: 14px;color: #878787;
 background-repeat: no-repeat; background-position: 95% center; background-color:#fff; border-radius:0}
.foote_1 .foote_1_fr ul li select option{ font-size:14px; color:#000;}
.foote_1 .foote_1_fr ul li.w340_c{ width: 340px;}
.foote_1 .foote_1_fr ul li.w220_c{ width: 220px;}
.foote_1 .foote_1_fr ul li:nth-child(4n+3){ width: 220px;}
.foote_1 .foote_1_fr ul li:nth-child(4n){ width: 220px;}
.foote_1 #foot_Submit{ background: #0000FF;}
.foote_1 .foote_1_fr button{ cursor:pointer;width: 163px; height: 36px; line-height: 40px;  font-size: 13.333px; color:#FFFFFF; background: #6F6F6F;}
.foote_2 { margin-top: 20px; padding-top: 20px; border-top: 1px solid #444445; padding-bottom: 20px;}
.foote_2 .foote_2_fl{ width: 29%; font-size:  14px ; line-height: 24px; color: #626263;}
.foote_2 .foote_2_fr{ font-size: 14px; width:71%; line-height: 24px; color: #626263;}
.foote_2 .foote_2_fr strong{ font-weight:400; margin-right:40px}

@media screen and (max-width:1666px) {
    .foote_1 .foote_1_fl{padding-right:1%; width: 29%;}
    .foote_1 .foote_1_fr{ width:71%;}
    .foote_1 .foote_1_fr ul li.w340_c{width: 220px;}
}
@media screen and (max-width:1366px) {
    .footer{    padding-top: 25px;}
    .foote_1 .foote_1_fr ul li select{    height: 32px; line-height: 32px;}
    .foote_1 .foote_1_fl .foot_1_FIN{    background-size: auto 65%;    font-size: 30px;
    line-height: 27px;
    padding-left: 40px;}
    .foote_2{    margin-top: 25px;
    padding-top: 25px;    padding-bottom: 25px;}

    
}
@media screen and (max-width:1270px) {
    .foote_1 .foote_1_fr ul li.w220_c,
    .foote_1 .foote_1_fr ul li.w340_c{ width:25%;}

}
@media screen and (max-width:769px) {
    footer{padding-top: 20px;}
    .foote_1 .foote_1_fl,
    .foote_1 .foote_1_fr{ width: 100%;}
    .foote_1 .foote_1_fl{ margin-bottom:3%;}
    .foote_1 .foote_1_fl .foot_1_FIN{background-size:auto 90%; font-size: 30px; line-height: 27px;    padding-left: 40px;}
    .foote_1 .foote_1_fr ul li{ padding-right: 5px; margin-bottom: 5px; }
    .foote_1 .foote_1_fr ul li.w220_c{ width: 20%;}
    .foote_1 .foote_1_fr ul li.w340_c{ width:33%;}
    .foote_1 .foote_1_fr ul li select{ height: 32px; line-height: 32px; padding-left: 10px; font-size: 12px;}
    .foote_1 .foote_1_fr button{ width:45%}
    .foote_2{margin-top: 20px;padding-top: 20px;padding-bottom: 30px;}
    .foote_2 .foote_2_fl,.foote_2 .foote_2_fr{ font-size: 14px; line-height: 24px; color: #fff;}
    .foote_2 .foote_2_fr strong{ display: block}
.foote_2 .foote_2_fl{ width: 100%; margin-bottom:20px}
.foote_2 .foote_2_fr{  width:100%;}
    .foote_2 .clearfix{ margin-bottom:10px;}
}


/*banner*/
.banner .swiper-container{ height: auto;}
.banner .media{ display: none;}
.banner .swiper-slide img{ width: 100%;}
.banner .swiper-button-next::after,.banner  .swiper-button-prev::after{font-size:60px; color: #fff;}
.banner .swiper-button-next{width: 60px;height: 100px;right: 95px;margin-top: calc(-2 * var(--swiper-navigation-size)/ 2);}
.banner .swiper-button-prev{width: 60px;height: 100px;left: 119px;margin-top: calc(-2 * var(--swiper-navigation-size)/ 2);}
.banner .swiper-pagination-bullet{ background: #fff; width: 12px; height: 12px;}
.banner .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {margin:0 5px}
.banner .swiper-container-horizontal>.swiper-pagination-bullets,
.banner .swiper-pagination-custom,
.banner .swiper-pagination-fraction {bottom:25px;}
@media screen and (max-width:1200px) {
    .banner{ margin-top:70px}
}
@media screen and (max-width:770px) {

    .banner .swiper-slide img{ display: none;}
    .banner .swiper-slide .media{ display: block;}
    .banner .swiper-button-next::after, .banner .swiper-button-prev::after{font-size: 30px;}
    .banner .swiper-button-prev{left: 10px;}
    .banner .swiper-button-next{ right: 10px;}
}

/*首页Application*/
.i_Application { padding: 60px 0 0; background-image: url(../image/index_bj.jpg);    background-position: top; background-repeat: no-repeat; background-size: auto;}
.i_Application .jz span{ padding: 0 40px; background: #f0f4f7;}
.i_Application_box_s{ padding: 27px 25px; background: #f2f2f2; display: block;transition: all .4s;}
.i_Application_box_s img{ width: 100%;}
.i_Application_box_s h5{ font-size: 15px; line-height: 24px; height:24px; overflow:hidden; color: #333333; margin-top: 25px;}
/*.i_Application_box_s p{ font-size: 14px; line-height: 18px; color: #333333; height:72px; overflow:hidden}*/
.i_Application_box_s:hover{moz-box-shadow: 10px 10px 5px #888888; /* 老的 Firefox */box-shadow:0px 10px 15px #888888; background: #fff;}
.i_Application_box_s:hover h5{ color: #0000FF;-}
.i_Application_box .button-next_2{ width: 63px; height: 62px; background: url(../image/i_Application_4.png) no-repeat;}
.i_Application_box .button-prev_2{width: 63px; height: 62px; background: url(../image/i_Application_3.png) no-repeat;}
.i_Application_box .button-next_2::after,
.i_Application_box .button-prev_2::after{ color: transparent !important;}
.i_Application_box .button-next_2:hover{background: url(../image/i_Application_2.png) no-repeat;}
.i_Application_box .button-prev_2:hover{background: url(../image/i_Application_1.png) no-repeat;}
.pagination_2 { display:none}
@media screen and (max-width:1366px) {
.i_Application_box_s h5{    margin-top: 15px;}
    
}
@media screen and (max-width:1025px) {
    .i_Application_box_s{padding: 18px 15px;}
}
@media screen and (max-width:770px) {
    .i_Application{padding: 20px 0 0;}
    .i_Application_box .button-next_2,
.i_Application_box .button-prev_2{ width:40px; height:40px;    background-size: contain; display:none}
.i_Application_box .button-next_2:hover,
.i_Application_box .button-prev_2:hover{background-size: contain;}
.pagination_2 { display:block; bottom:0 !important}
.pagination_2  .swiper-pagination-bullet{ width:13px; height:13px}
}
@media screen and (max-width:750px) {
    .i_Application_box_s h5{ margin-top: 15px; margin-bottom: 10px;}
    .i_Application_box_s p{ font-size: 14px;}
}
/*首页关于我们与新闻*/

.i_Application_box .swiper-button-next::after,.i_Application_box .swiper-button-prev::after{color: #fff}
.i_Application_box .swiper-slide { padding-bottom: 20px;}
.i_AN_box{ margin-top: 60px;}
.i_top_title{ font-size: 26.73px; color: #0000FF; line-height: 32.08px; position: relative; margin-bottom: 30px;}
.i_top_title span{ display: inline-block; padding-right: 20px;background: #fff;z-index: 12; position: relative;}
.i_top_title:before{ position: absolute; background: #e8e8e8; content: ''; width: 100%; height: 1px; top: 17px; z-index: 11; left:0;}
.i_AN_box .i_about { width:47%}
.i_AN_box .i_about .i_gs_lg img{ width: 100%;}
.i_AN_box .i_about .i_gs_lg .i_AN_box_imgl0go{     width: 38%; float: left; display: inline-block;}
.i_AN_box .i_about .i_gs_lg .i_AN_box_imggs{ width: 61%; display: inline-block;float: left;}
.i_AN_box .i_about .i_about_title{ font-size: 18px; color: #1F1F1F; line-height: 32.08px; padding-top: 35px; padding-bottom: 15px;}
.i_AN_box .i_about .i_about_txt{ color: #878792; font-size: 14px; line-height: 27px;}
.i_AN_box .i_about .i_about_more{font-size: 14px; display: block; line-height: 20px; color: #878792; margin-top: 30px; padding-left: 45px; background: url(../image/home_img4.png) no-repeat  left  bottom;background-size: auto 100%;}
.i_AN_box .i_about .i_about_more:hover{color: #0000FF;}

.i_AN_box .i_new {width:46.56%;}
.i_AN_box .i_new ol{ padding-bottom: 40px; border-bottom: 1px solid #e5e5e5;}
.i_AN_box .i_new ol img{max-width: 343px;max-height: 256px; width: 44%;}
.i_AN_box .i_new ol .i_new_ol_con{ max-width: 387px; position: relative; width: 50%;}
.i_AN_box .i_new ol .i_new_ol_con h4{ color: #1F1F1F; font-size: 18px; line-height: 28px; margin-bottom: 10px;}
.i_AN_box .i_new ol .i_new_ol_con p{ color:#333333; line-height:24px ;font-size:14px;margin-bottom: 60px; }
.i_AN_box .i_new ol .i_new_ol_con .i_new_more{ font-size: 14px; line-height: 20px; color: #878792; position: absolute; bottom: 0; left: 0; padding-left: 45px; background: url(../image/home_img4.png) no-repeat  left  bottom;background-size: auto 100%;}
.i_AN_box .i_new ol:hover .i_new_ol_con h4,.i_AN_box .i_new ol:hover .i_new_ol_con .i_new_more{color: #0000FF;}
.i_AN_box .i_new li { padding-bottom: 20px; padding-top: 25px; border-bottom: 1px solid #e5e5e5;}
.i_AN_box .i_new li a{ display: block; position:relative;}
.i_AN_box .i_new li h6{ color: #1F1F1F;  font-size: 14px; line-height: 22px; max-width: 454px;}
.i_AN_box .i_new li time{ color: #1F1F1F; font-size: 14px; line-height: 22px; position: absolute; bottom: 0; right: 0;}
.i_AN_box .i_new li:hover{ border-bottom: 1px solid #0000FF;}
.i_AN_box .i_new li:hover h6{ color: #0000FF;}
@media screen and (max-width:1670px) {
    .i_AN_box_50 .region { padding:0 50px}
}
@media screen and (max-width:1025px) {
    .i_AN_box .i_new li h6{max-width: 354px;}
    .i_top_title{ margin-bottom: 20px; font-size: 20px;}
    .i_AN_box{ margin-top: 20px;}
    .i_AN_box .i_about .i_about_title{ line-height: 32.08px;padding-top: 20px;}
    .i_AN_box .i_about .i_about_txt{ line-height: 24.41px;}
    .i_AN_box .i_new ol{ padding-bottom: 20px;}
    .i_AN_box .i_new ol .i_new_ol_con{ width: 53%;min-height: 228px;}
    .i_AN_box .i_new ol .i_new_ol_con h4{ font-size: 16px;  line-height: 24px;}
    .i_AN_box .i_new li{ padding-top: 10px; padding-bottom: 15px;}

    .i_AN_box_50 .region { padding:0 10px}
}
@media screen and (max-width:770px) {
    .i_AN_box .i_new ol img,.i_AN_box .i_new ol .i_new_ol_con{ width: 100%;}
    .i_AN_box .i_new ol .i_new_ol_con{ min-height: 160px;}
  
}
@media screen and (max-width:750px) {
    .i_AN_box .i_new li h6{max-width: 294px;}
    .i_AN_box .i_about,.i_AN_box .i_new{ width: 100%;}
    .i_AN_box .i_new ol .i_new_ol_con,.i_AN_box .i_new ol img{ width: 100%; max-width: inherit; margin-top: 10px;}

}


/*首页Technical documents*/
.i_Technical{padding-top: 115px; padding-bottom: 140px;}
.i_Technical ul{ grid-template-columns: repeat(2,1fr); display: grid;  align-items: stretch;  grid-column-gap: var(--grid-column-gap); grid-row-gap: var(--grid-row-gap);--grid-column-gap: 10px;--grid-row-gap: 10px; }
.i_Technical li { padding:0 35px}
.i_Technical li .fc10{ }
.i_Technical li a{ color: #333333; display: block;  padding:10px 0px ; position: relative;}
.i_Technical li time{ font-size: 16px; line-height: 24px;}
.i_Technical li h5{ line-height: 24px; font-size: 18px; margin-top: 10px; margin-bottom:10px;}
.i_Technical li a:hover h5{ color:#0000FF}
.i_Technical li p{ color: #666666; line-height: 24px; font-size: 14px;}


@media screen and (max-width:1025px) {
    .i_Technical{    padding-top: 35px; padding-bottom: 50px;}
    .i_Technical li { padding:0 20px}
    .i_Technical li a{ padding: 15px 0px;}
    .i_Technical li h5{   margin-top: 7px;  margin-bottom: 6px;}

}
@media screen and (max-width:770px) {
    .i_Technical li { padding:0 00px}
    .i_Technical li:hover a:before{ top:20px}
    .i_Technical ul{grid-template-columns: repeat(1,1fr);}
    .i_Technical li .fc10{margin: 0 5px 10px}
    .i_Technical li a{ padding: 10px 0px;}
    .i_Technical li h5{ font-size: 16px;}
    .i_Technical li p{ font-size: 13px;}
}
@media screen and (max-width:750px) {
    .i_Technical ul{ margin: 0;}
    .i_Technical li h5{ font-size: 14px; line-height: 20px;}
    .i_Technical li p{ font-size: 12px; line-height: 18px;}
    .i_Technical li{ width: 100%;}
    .i_Technical li .fc10{ margin: 0 0 10px;}
}
/*内页banner*/
.n_banner{ height: 355px; background-position: center; background-repeat: no-repeat; background-size: 100% 100%;}
@media screen and (max-width:1200px) {
    .n_banner{  margin-top:70px}
}
@media screen and (max-width:1026px) {
    .n_banner{ height: 260px;}
}
@media screen and (max-width:770px) {
    .n_banner{ height: 230px;}
}
@media screen and (max-width:600px) {
    .n_banner{ height: 180px;}
}
/*面包屑*/
.crumbs{ background: #EBEBED; font-size: 18px; color:#939394; line-height: 57px; height: 57px;}
.crumbs span:last-of-type{ padding-left: 15px; background: url(../image/sads_03.png) no-repeat center left; margin-left: 10px;}
@media screen and (max-width:640px) {
    .crumbs{font-size: 12px; line-height: 40px; height: 40px;}
}
/*video*/
.video_box{ margin: 80px 0 65px;}
.video_box ul{ margin: 0 -10px;grid-template-columns: repeat(4,1fr);
    display: grid;
    align-items: stretch;
    grid-column-gap: var(--grid-column-gap);
    grid-row-gap: var(--grid-row-gap);
    --grid-column-gap: 10px;
    --grid-row-gap: 10px;}
.video_box li {  display: inline-block; float: left; margin-bottom: 55px;}
.video_box li a .img{ position: relative;}
.video_box li a .img img{ min-height:160px; max-height:215px;width:100%}
.video_box li a .img .video_nt{ position: absolute; background-image: url(../image/ico_1.png); background-position: 62% 47%; background-repeat: no-repeat;width: 50px;height: 50px;top: 50%;background-size: 59%;border-radius: 50%;background-color: #0000008a;left: 50%;
    margin-top: -25px;margin-left: -25px;}
.video_box li a{ margin: 0 10px; display: block;}
.video_box li a h6{ font-size: 16px; color: #494949; line-height: 22px; margin: 10px 0 5px; height: 22px; overflow: hidden}
.video_box li a span{ color: #a7a7a7; font-size: 14px; line-height: 18px; display: block; padding-left: 32px; background: url(../image/ico_2.png) no-repeat left ; background-size: 5%;}
.video_box li a:hover .img .video_nt{ background-color: #0000FF;transform:scale(1.11);}
.video_box li a:hover h6{color: #0000FF;}
@media screen and (max-width:1200px) {
    .video_box ul{grid-template-columns: repeat(3,1fr)}
    .video_box li{ margin-bottom: 20px;}
    .video_box li a h6{ font-size: 14px;}
}
@media screen and (max-width:770px) {
    .video_box ul{grid-template-columns: repeat(2,1fr)}
    .video_box li{ margin-bottom: 20px;}
    .video_box li a h6{ font-size: 14px;}
}

@media screen and (max-width:600px) {
    .video_box ul{grid-template-columns: repeat(1,1fr)}

}

/*video详情页*/
.xqye{ padding: 60px 0  60px;}
.xqye .title{ color: #0d0d0d; font-size: 28px; line-height: 40px; text-align: center; padding-top: 30px; border-top: 2px solid #0000FF;}
.xqye .txt{ font-size: 18px; line-height: 24px; color: #656565; margin-bottom: 40px;}
.xqye .time_cs{ color: #666; font-size: 16px; line-height: 20px; text-align: center; display: block; margin: 20px 0 10px;}
.xqye .time_cs time{display: inline-block; padding-left: 30px; margin-right: 10px; background: url(../image/ico_3.png) no-repeat left; background-size: 20%;}
.xqye .time_cs span{display: inline-block; padding-left: 30px; background: url(../image/ico_2.png) no-repeat left; background-size:30%;}
.xqye video{ width: 100%;}
@media screen and (max-width:770px) {
    .xqye .title{    padding-top: 15px;    font-size: 21px;line-height: 28px;}
    .xqye .txt{ font-size: 16px; line-height: 22px; margin-bottom: 30px;}
}

/*产品列表*/
.product_list_box{ padding-top: 100px;}
.product_txt{padding-bottom: 120px;}
.product_txt .img{ max-width: 713px; width: 43%;}
.product_txt .img img{ width: 100%;}
.product_txt .txt{ max-width: 850px; margin-right: 4%; width: 50%;}
.product_txt .txt h1{ font-size: 24px; line-height: 34px; color:#333333; margin-bottom: 40px;}
.product_txt .txt .con{ color: #4D4D4D; font-size: 15px; line-height: 24px;}

.product_list_box { margin-bottom: 190px;}
.product_list_box .table{ overflow-y: hidden;}
.product_list_box .table table{ border-right: 1px solid #c6c6c6; border-top: 1px solid #C6C6C6;  border-bottom: 1px solid #C6C6C6;}
.product_list_box .table table td{border-left: 1px solid #C6C6C6; text-align: center; color: #4D4D4D; font-size: 14px; line-height: 27px;}
.product_list_box .table table input{ margin: 0 20px;}
.product_list_box .table table td span{ display: block; margin: 0 10px; word-break: keep-all;  white-space: nowrap;}
.product_list_box .table table tr:nth-child(1) td{ padding:10px 0; font-weight:600}
.product_list_box .table table tr{ background-color: #fff;}
.product_list_box .table table tr.clearfix>td{ color: #0D0D0D; font-size: 17.28px; line-height:53px;}
.product_list_box .table table tr:nth-child(even){ background-color: #f3f9ff;}
.product_list_box .table table tr:hover{    background: #d9e9fa;}

@media screen and (max-width:1050px) {
    .product_txt .txt{ margin-right: 0; width: 54%;}
    .product_txt .txt h1{  font-size: 21px; line-height: 28px; color: #333333;  margin-bottom: 20px;}

}
@media screen and (max-width:769px) {
    .product_txt .img,.product_txt .txt{ width: 100%;}

    .product_list_box{ margin-bottom: 10%; padding-top: 5%;}
    .product_list_box .table table td{ font-size: 12px;}
    .product_list_box .table table tr.clearfix>td{ font-size: 14px; line-height: 1.5;}
    .product_list_box .table table input{ margin: 0 10px;}
    .product_list_box .table table td span{ margin: 0 10px;   }
    .product_list_box .table table td a{ display: block; width: 100px;}
    .product_list_box .table table td a img{ width: 100%;}
}

/*产品详情*/
.magnifier{ display:block}
    .gallery-top,.gallery-thumbs{ display:none}
.product_page_top{ padding-top: 65px; padding-bottom: 100px;}
.product_page_top .fl{ width: 43.3%;;}
.product_page_top .fr{ width: 51.2%}
.product_page_top .fl .swiper-slide { background-position: center; background-repeat: no-repeat;background-size:contain; }
.product_page_top .fl .gallery-top{ height: 607px; border:1px solid #ebebec; margin-bottom: 30px;}
.product_page_top .fl .gallery-thumbs{ height: 155px;}
.product_page_top .fl .gallery-thumbs .swiper-slide{border:1px solid #ebebec;background-size: contain;}
.product_page_top .fl .gallery-thumbs .swiper-slide.swiper-slide-thumb-active{border:1px solid #6666ff; }

.product_page_top .fr h1{ color: #05101A; font-size:  30px ; line-height: 36px; font-weight: 600; margin-bottom: 15px;}
.product_page_top .fr h3{ color: #666; font-size: 20px; line-height: 30px; margin-bottom: 35px;}
.product_page_top .fr ul{ max-width: 700px; width:100%; margin-bottom: 100px;}
.product_page_top .fr ol{color: #0000FF; font-size: 18px; line-height: 1.2; margin-bottom: 15px;}
.product_page_top .fr li{ color: #686868; font-size: 14px; line-height: 20px; width: 50%; display:inline-block; float: left; margin-bottom: 15px;}
.product_page_top .fr a{ width: 182px; line-height: 48px; color: #fff; font-size: 19.07px; background-color: #999999; display: inline-block; text-align: center;}
.product_page_top .fr a.inquiry{ background-color: #0000FF; margin-left: 15px;}

.product_page_bottom{ margin-bottom: 10%;}
.product_page_bottom>.fl{ max-width: 265px; width: 100%; min-height: 385px;background-color: #F0F0F0;}
.product_page_bottom .fl h4{ font-size: 16px; line-height: 48px; background-color: #0000FF; color: #fff; padding-left: 25px;}
.product_page_bottom .fl li{}
.product_page_bottom .fl li a{ display: block; margin:0 25px; line-height: 44px; color: #333333; font-size: 16px; border-bottom: 1px solid #F0F0F0;}
.product_page_bottom .fl li a:hover{border-bottom: 1px solid #0000FF;}
.product_page_bottom .fl li.on a{border-bottom: 2px solid #0000FF;}
.product_page_bottom>.fr{max-width: 1340px; width: 100%;}
.product_page_bottom .fr .tab_li{ background-color: #F0F0F0; line-height: 44px; font-size: 18px; max-width:1340px; width:100%}
.product_page_bottom .fr .tab_li li{ padding: 0px 20px; color: #666666; float: left;}
.product_page_bottom .fr .tab_li li a{color: #666666;}
.product_page_bottom .fr .tab_li li.choice{ background-color: #0000FF; color: #fff;}
.product_page_bottom .fr .tab_li li.choice a{  color: #fff;}
.product_page_bottom .fr #box { margin-bottom:5%;}
.product_page_bottom .fr #box .show{ display: block;}
.product_page_bottom .fr #box h3{ color: #0000FF; font-size: 20px; line-height: 30px; padding-top: 40px; padding-bottom: 15px;}
.product_page_bottom .fr #box .Introduction_txt{ color: #323232; font-size: 14px; line-height: 20px; overflow-x: auto}
.product_page_bottom .fr #box .Introduction_txt img{ max-width:100%}
.product_page_bottom .fr #box .Introduction_txt table{border-bottom: 1px solid #ccc !important; border-left:1px solid #ccc!important}
.product_page_bottom .fr #box .Introduction_txt table td{border-right: 1px solid #ccc !important; border-top:1px solid #ccc!important}
.product_page_bottom .fr #box ul{ margin: 0 -10px;}
.product_page_bottom .fr #box ul li{ width: 33.33%; float: left; display: inline-block;}
.product_page_bottom .fr #box ul li a{ display: block; margin: 0 10px; padding: 21px;box-shadow: 0px 10px 15px #888888; background-color: #1A00000a;}
.product_page_bottom .fr #box ul li a img{ width: 100%;}
.product_page_bottom .fr #box ul li a h5{ font-size: 20px; color: #333333; line-height: 24px; padding-top: 15px; margin-bottom: 10px;}
.product_page_bottom .fr #box ul li a p{ font-size: 12px; line-height: 16px; color: #333333; margin-bottom: 10px; height:48px; overflow:hidden}
.product_page_bottom .fr #box ul li a:hover{ background-color: #fff;}
.product_page_bottom .fr #box ul li a:hover h5{ color: #0000FF;}
#section3 .ul{ display:flex}
#section3 .ul .li{    margin-right: 2px;}
#section3 .ul .li h4{text-align: center; font-size: 16px; background: #00f;  color: #fff; padding: 0 20px;  line-height: 40px;}
#section3 .ul .li a{ font-size: 13px;
     padding-right:50px;
    line-height: 40px;
    display: block;
    margin-top: 15px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
     background-image: url(../image/pdf.png);
     background-repeat: no-repeat;
     background-position: center right; 
    
}
#section3 .ul .li a span{display: block;

   text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    width: 150px;
   
}
.documents_box {max-width: 640px; width: 100%; min-height: 150px; background-color: #f2F2F2; padding: 25px; margin-top: 15px;}
.documents_box .title{ font-size: 21px; color: #333333; line-height: 20px; margin: 10px 0 10px;}
.documents_box .con{ color: #666666; font-size: 16px; line-height: 20px;}
.documents_box time{ font-size: 12px; color: #333333; line-height: 18px;}
.product_page_fy{ padding-top: 33px; margin-top: 65px; border-top: 1px solid #686868;line-height: 48px; font-size: 18px; margin-bottom: 82px; display:grid;    grid-row-gap: var(--grid-row-gap);    grid-column-gap: var(--grid-column-gap);
    grid-template-columns: repeat(2,1fr);
    --grid-column-gap: 60px;}
.product_page_fy p{    display: flex;}
.product_page_fy a{ display: inline-block; float:inherit; color: #fff; background-color: #999999; text-align: center;  font-size: 19px; width: 182px;}
.product_page_fy span{    width: 65%;  overflow: hidden;  height: 48px;display: inline-block;}
.product_page_fy a.lan{ background-color: #0000FF;}
.product_page_rm ul{margin: 0 -18px;}
.product_page_rm li{float: left; display: inline-block; width: 25%;}
.product_page_rm li a{ margin: 0 18px; display: block;}
.product_page_rm li a .img{ border: 1px solid #ccc;}
.product_page_rm li a .img img{ width: 100%;}
.product_page_rm li a p{ text-align: center; color:#1A1A1A; font-size: 14px; line-height: 22px; height:44px; margin:15px 0; overflow:hidden}
.product_page_rm li a:hover .img{ border: 1px solid #0000FF;}
.product_page_rm li a:hover p{ color: #0000FF;}

@media screen and (max-width:1640px) {
    .product_page_bottom>.fl{ width: 16%;}
    .product_page_bottom>.fr{ width: 83%;}
}
@media screen and (max-width:1400px) {
    .magnifier{ display:none}
    .gallery-top,.gallery-thumbs{ display:block}
}
@media screen and (max-width:1200px) {

    .product_page_bottom>.fl.product_page_bottom_fl{ top:70px !important;}
    .product_page_bottom>.fl{ width: 22%;}
    .product_page_bottom>.fr{ width:75%;}
    .product_page_fy{ font-size: 12px; line-height: 40px;}
    .product_page_fy a{ font-size: 14px; width: 140px;}
}
@media screen and (max-width:769px) {
    .product_page_bottom .fr #box .Introduction_txt img{ max-width:100%}
    .product_page_bottom>.fl.product_page_bottom_fl{ position: inherit !important;}
    .product_page_top .fl{ width: 100%;}
    .product_page_top .fr{ width: 100%; margin-top: 10px;}
    .product_page_top .fl .gallery-top{ height: 350px; margin-bottom: 15px;}

    .product_page_top .fr h1{ font-size: 21px; line-height: 28px;    margin-bottom: 10px;}
    .product_page_top .fr h3{font-size: 17px;line-height: 21px;margin-bottom: 10px;}
    .product_page_top .fr ul{ margin-bottom: 20px;}
    .product_page_top .fr ol{    font-size: 16px; margin-bottom: 5px;}
    .product_page_top .fr li{margin-bottom: 5px;}
    .product_page_bottom>.fl{ width: 100%; max-width: initial; min-height: auto; margin-bottom: 10px;}
    .product_page_bottom>.fr{ width: 100%;}
    .product_page_bottom .fr #box{ margin-bottom: 3%;}
    .product_page_bottom .fr #box h3{  font-size: 18px;  line-height: 24px; padding-top: 20px; padding-bottom: 10px;}
    .product_page_bottom .fr #box ul{ margin: 0 -5px;}
    .product_page_bottom .fr #box ul li a{ padding: 10px;margin: 0px 5px;}
}
@media screen and (max-width:600px) {
    #section3 .ul{ display:block}
    #section3 .ul .li a{ margin-bottom:20PX; margin-top:10px}
    #section3 .ul .li{ width:49%;    float: left;} 
    .product_page_top{ padding-top: 20px; padding-bottom: 40px;}
    .product_page_top .fr h1{    font-size: 16px; line-height: 21px;}
    .product_page_top .fr h3{ font-size: 14px;}
    .product_page_top .fr a{ width: 150px; line-height: 40px; font-size: 16px;}
    .product_page_top .fl .gallery-thumbs{height: 75px;}
    .product_page_bottom .fl li a{ line-height: 35px;}
    .product_page_bottom .fr .tab_li{ font-size: 13px;}
    .product_page_bottom .fr .tab_li li{ padding: 0 5px;}
    .product_page_bottom .fr #box ul li{ width: 100%; margin-bottom: 10px;}
    .product_page_fy{ margin-top: 20px;  padding-top: 20px; margin-bottom: 30px;}
    .product_page_fy span{ display: none;}
    .documents_box{ padding: 15px; min-height: auto;}
    .documents_box .title{ font-size: 16px; margin:5px 0px;}
    .documents_box .con{ font-size: 14px;}
    .product_page_rm ul{ margin: 0 -10px;}
    .product_page_rm li{ width: 50%;}
    .product_page_rm li a{ margin: 0 10px;}
    .product_page_rm li a p{ line-height: 40px; font-size: 14px;}
    #section3 .ul .li a span{width:auto}
}



/*产品定制和立即询价表格*/
.Custom h1{color: #333333; font-weight: 500; line-height: 60px; font-size: 48px; padding-top: 85px; margin-bottom: 25px;}
.Custom h2{  font-size: 28px; line-height: 23px; margin:85px 0 20px 0; padding-left: 20px; border-left: 3px solid #0000FF;}
.Custom h2 span.choice_on{border-bottom:2px solid #a5a5a5}
.Custom h2 span.choice{background: #0000FF; color:#fff;border-bottom:2px solid #0000FF;border-radius:5px}
.Custom h3.request{font-size: 22px;color: #4d4d4d;margin-bottom: 10px; padding-left: 18px;}
.Custom p{font-size: 14px; margin-bottom: 15px; color: #666; line-height: 26px;}
.Custom table {width: 100%;border-collapse: collapse;border-spacing: 0; padding: 0; margin: 0 0 20px; font-size: 1em;}
.Custom table td:first-child { width: 200px;}
.Custom table td { vertical-align: middle; font-size: 14px;}
.Custom table th,.Custom table td { text-align: inherit; padding: 14px 18px; border: 1px solid #e1e1e1;}
.Custom span.wpcf7-list-item { margin-left: 0; margin-right: 20px;display: inline-block; margin: 0 0 0 1em;}
.Custom .Information_table table{ border: 0;}
.Custom .Information_table  td ,.Custom .Information_table  th{ border: 0;}
.Custom select{ background-image: url(../image/ico_4.png); background-repeat: no-repeat; background-position:  95% center; }
.Custom .Please_Select{min-width: 287px;}
.wpcf7-form-control-wrap {  position: relative;}
.Custom textarea {  width: 100%;min-height: 48px;border: 1px solid rgb(225, 225, 225);}
.Custom table i {  color: #d80000; vertical-align: sub;}
.Custom input ,.Custom select{    color: #666; padding: .462em .769em; font-family: inherit; font-weight: inherit; font-size: 1em; line-height: 1.65; max-width: 100%;    border: 1px solid #e1e1e1;}
.custom_an{ margin-top: 50px; padding-bottom: 90px; border-bottom:1px solid #e1e1e1;}
.custom_an input{ width: 132px; line-height: 40px; border: 0; font-size: 18px;cursor: pointer; color: #fff; background-color: #0000FF; text-align: center; padding: 0;}
.custom_ans{ margin-top: 50px; margin-bottom: 100px;}
.custom_ans input{ width: 132px; line-height: 40px; border: 0; font-size: 18px;cursor: pointer; color: #fff; background-color: #0000FF; text-align: center; padding: 0;}
.custom_ans input.Reset{ background-color: #999999;}
.ljxj_button {margin-top: 50px; margin-left: 18%; margin-bottom: 10%;}
.ljxj_button  input{  padding: 0 20px; line-height: 40px; border: 0; font-size: 18px;cursor: pointer; color: #fff; background-color: #0000FF; text-align: center;}

.Inquiry_por { margin-bottom: 44px; padding-top: 88px;}
.Inquiry_por li{ background-color: #F5F5F5; margin: 0 18px; padding: 25px 40px; position: relative; display: block; border-bottom: 1px solid #e8e8e8; margin-bottom: 5px;}
.Inquiry_por li:hover{transform:translatey(-8px);transition: all  .25s  ease-in;box-shadow: 0 0 20px 3px rgb(10 40 255 / 15%);}
.Inquiry_por li .title{ font-size: 20px; line-height: 24px; color: #333333;}
.Inquiry_por li .img{ max-width: 82px; margin-left: 10px;}
.Inquiry_por li .img img{ width: 100%}
.Inquiry_por li>.fl{ padding-right: 60px; margin-right: 60px; border-right: 1px solid #D4D4D4;}
.Inquiry_por li .fr{ float: left;}
.Inquiry_por li .txt{ font-size: 16px; line-height: 24px; max-width: 404px; margin-top: 10px; }
.Inquiry_por li .txt a{color: #333333;}
.Inquiry_por li .por_delete{ position:absolute; top:20px; right: 20px;cursor: pointer; display: block; width: 21px; height: 21px; background-image: url(../image/por_delete.png); background-repeat: no-repeat;  background-position: center; background-size: cover;}
@media screen and (max-width:1050px) {
    .Custom h1{    line-height: 35px;    padding-top: 40px;  font-size: 31px;}
}
@media screen and (max-width:769px) {
    .Custom table{ border: 0;}
    .Custom tbody{display: inline-grid;    width: 100%}
    .Custom tbody td{ display: block;}
    .Custom table th, .Custom table td{ border: 0;}
    .Custom span.wpcf7-list-item{ margin:0 10px 10px 0 ;display: block;}
    .Custom table td:first-child,.Custom table td:nth-child(3){ width: auto; font-weight: 600;}
    .Custom input, .Custom select{ width: 100%;}
    .Custom span.wpcf7-list-item input{ width:auto}
    
    .Inquiry_por{ padding-top: 10%; margin-bottom: 6%;}
    .Custom h3.request{ padding-left: 0; font-size: 18px;}
    .Custom table th, .Custom table td{ padding:5px 3px;}
    .Custom table td{ font-size: 13px;}
    .ljxj_button{ margin-top: 30px;}
    .ljxj_button input{ font-size: 14px;}
    .custom_ans{margin-top: 30px;padding-bottom: 30px;}
    .custom_ans input{ margin-bottom: 20px;}
}
@media screen and (max-width:600px) {
    .Custom h1{font-size: 21px; line-height: 28px;    padding-top: 20px;}
    .Custom h2{    font-size: 21px;    margin: 25px 0 20px 0;}
    .custom_an{margin-top: 30px;padding-bottom: 30px;}

}
@media screen and (max-width:769px) {
    .Inquiry_por li { margin: 0; padding: 20px 20px;}
    .Inquiry_por li>.fl{ margin-right: 30px; padding-right: 30px;}
}
@media screen and (max-width:690px) {
    .Inquiry_por li>.fl{ width:29%; margin-right: 3%; padding-right: 3%;}
    .Inquiry_por li .fr{ width: 60%;}
    .Inquiry_por li .title{ font-size: 16px;}
    .Inquiry_por li .txt{ font-size: 13px; line-height: 18px;}
}
@media screen and (max-width:430px) {
    .Inquiry_por li>.fl{ width: 35%;}
    .Inquiry_por li .img{ margin-left: 0; max-width: 100%;}
}
/*技术*/
.technology_list{ padding: 2% 0 10%;}
.technology_list ul{   padding-top: 3%;    grid-template-columns: repeat(4,1fr);
    display: grid;
    align-items: stretch;
    grid-column-gap: var(--grid-column-gap);
    grid-row-gap: var(--grid-row-gap);
    --grid-column-gap: 10px;
    --grid-row-gap: 10px;}
.technology_list ul li{ float: left; display: inline-block; }
.technology_list ul li a{ margin: 0 10px; display: block; text-align: center; padding-bottom:10px; transition: all .4s;}
.technology_list ul li a .img{max-height: 232px;}
.technology_list ul li a img{ width: 100%;}
.technology_list ul li a h3{font-size: 19px; color: #2A2D2E;line-height: 26px; margin-top: 36px; font-weight: 600;}
.technology_list ul li a time{ font-size: 12px; color: #72787A; line-height: 23.19px;}
.technology_list ul li a p{ font-size: 12px; color: #72787A; line-height: 20px; margin: 12px 10%;}
.technology_list ul li:hover a{box-shadow: 0 0 36px 9px rgb(189 193 222 / 30%); transform:translateY(-8px);}
.technology_list ul li:hover a h3{color: #0000FF;}

@media screen and (max-width:1024px) {
    .technology_list ul{grid-template-columns: repeat(2,1fr);}

    
    .technology_list ul li a p{ height: 60px; overflow: hidden; margin:5px 10px;}
    .technology_list ul li a h3{margin-top: 15px;}

}
@media screen and (max-width:600px) {
    .technology_list ul{grid-template-columns: repeat(1,1fr);}


}

/*新闻*/
.new_list_box{ margin-top: 82px; margin-bottom: 5%;}
.new_left{ width: 76.8%;}
.new_left_li{ width: 66.8%;}
.new_left .li{ margin-bottom: 36px;padding-bottom: 47px; border-bottom: 1px solid #DDDDDF;}
.new_left .li a{ display: block;}
.new_left .img{ max-width: 335px; max-height: 228px; margin-right: 68px; margin-left: 0;transition: all .4s;}
.new_left .img img{ width: 100%;}
.new_left .txt{ max-width: 622px;  position: relative; min-height: 228px; width: 100% }
.new_left .txt time{ font-size: 14px; line-height: 30px; color: #72787A;}
.new_left .txt h3{ font-size: 18px; color: #333333; line-height: 26px; margin-top: 25px;}
.new_left .txt p{ font-size: 16px; color: #72787A; line-height: 24px; margin: 10px 0;}
.new_left .txt .new_read{ line-height: 29.41px; font-size: 16px; color: #878792; background: url(../image/more.png) no-repeat center left; padding-left: 30px; position: absolute; bottom: 0;}

.new_right{ width:20.5%;}
.new_right_li{ width: 28.5%;}
.new_right h4{ color: #0000FF; font-size: 26.73px; line-height: 32px; position: relative; margin-bottom: 22px;}
.new_right h4 span{display:inline-block; padding-right: 10px ; background: #fff; z-index: 22;}
.new_right h4:before{ position: absolute; background: #e8e8e8; content: ''; width: 100%; height: 2px; top: 17px; z-index: -2; left:0;}
.new_right li{ margin-bottom: 30px; padding-bottom: 30px; border-bottom: 1px solid #e8e8e8;}
.new_right li a{ display: block;}
.new_right li a h5{ color: #333333; font-size: 18px; line-height: 25px; margin-bottom: 10px;}
.new_right li a p{ color: #72787A; line-height: 18px; font-size: 14px;;}
.new_right li:nth-last-of-type(1){ border: 0;}
@media screen and (min-width:1590px) {
    .new_left .li a:hover .img{ margin-left: 30px; margin-right: 38px;}
    .new_left li a:hover .txt h3,.new_left li a:hover .txt .new_read{color: #0000FF;}
    .new_right li a:hover h5{color: #0000FF;}
    
}
@media screen and (max-width:1590px) {
    .new_left .img{width: 32%; margin-right:0 ;}
    .new_left .txt{ width:59%; float: right;}
    .details_box .region { padding:0 50px}
}
@media screen and (max-width:1370px) {
}
@media screen and (max-width:769px) {
    .new_list_box{ margin: 5% 0;}
    .new_right{ display: none;}
    .new_left{ width: 100%;}
    .new_left .li{    margin-bottom:15px;padding-bottom: 15px;}
    .new_left .img{ width: 38%;}
    .new_left .txt h3{ margin-top: 3px; font-size: 16px; line-height: 20px;}
    .new_left .txt p{ font-size: 14px; line-height: 20px;}
    .new_left .txt{ min-height: auto; padding-bottom: 30px;}
    .new_left .txt .new_read{ font-size: 13px;}
}
@media screen and (max-width:590px) {
    .new_left .img,.new_left .txt{ width: 100%;}
    .details_box .region { padding:0 10px}
}

/*分页*/
#clipDIV ul:after{content:".";display:block;height:0;clear:both;visibility:hidden; font-size:0; line-height:0}
#clipDIV ul{*zoom:1; text-align: center;}
#clipDIV li{ width: 27px; height: 27px; line-height: 27px;  display: inline-block; margin: 0px 20px;}
#clipDIV li a,#clipDIV li span{font-size: 19px; color: #72787a; display: block; text-align: center;}
#clipDIV li:first-of-type,#clipDIV li:last-child{ width: auto; }
#clipDIV li:first-of-type span,#clipDIV li:last-child span,
#clipDIV li:first-of-type a,#clipDIV li:last-child a{padding: 0 10px; background: #72787a; color: #fff;}
#clipDIV li span{ color: #fff; background: #0000FF;}
#clipDIV li a:hover{ color: #0000ff;}
@media screen and (max-width:769px) {
    #clipDIV li{margin: 0px 3px;}
    #clipDIV li{ width: 20px; height: 20px; line-height: 20px;}
    #clipDIV li a, #clipDIV li span{ font-size: 13px;}
    #clipDIV li:first-of-type span, #clipDIV li:last-child span, #clipDIV li:first-of-type a, #clipDIV li:last-child a{ padding: 0 5px;}
}

/*新闻详情页*/
.new_page{padding-top: 30px; border-top: 2px solid #0000FF; margin-right:7%;}
.new_page time{ line-height: 1.2; font-size: 16px; color: #666666;}
.new_page h1{ color: #0d0d0d; font-size: 28px; line-height: 40px; margin-top: 10px;}
.new_page .new_page_txt{ margin-top: 35px;}

.new_page_txt{ font-size: 16px; color: #656566; line-height: 1.5;}
.new_page_txt img{max-width:100% }
.new_page_fy { border-top: 1px solid #dddddf; margin-top: 4%;}
.new_page_fy a{ color: #666666; font-size: 14px; line-height: 30px;}
.new_page_fy a:hover{ color: #0000FF;}
@media screen and (max-width:769px) {
    .new_page{ margin: 0;}
    .new_page h1{ font-size: 21px; line-height: 30px;}
    .new_page .new_page_txt{ margin-top: 20px;}
    .new_page_txt{ font-size: 15px;}
    .new_page_fy a{ float:left;font-size: 12px; overflow:hidden; height:30px}
    .new_page_txt img{ width:100% !important; height:auto !important;}
}


/*场景应用*/
.Applicatio_top{border-top: 2px solid #0000FF;  margin-top: 97px; padding-top: 40px; margin-bottom: 95px;}
.Applicatio_top .fl{ width: 28.4%;}
.Applicatio_top .fl img{ width: 100%;}
.Applicatio_top .fr{ width: 68%; position: relative; overflow: hidden;}
.Applicatio_top .fr.show{ height: 100% !important;}
.Applicatio_top .txt{ max-width: 910px;}
.Applicatio_top .fr .title{ font-size: 26px; line-height: 30px; color: #0000FF;}
.Applicatio_top_xl{position: absolute; right: 0; top: 0px; transition: all .4s; background: url(../image/ico_27.png) no-repeat center; width: 50px; height: 50px; display: block; }
.Applicatio_top_xl.show{background-image: url(../image/ico_26.png);}
.Applicatio_middle{}
.Applicatio_middle ul{grid-template-columns: repeat(4,1fr);
    display: grid;
    align-items: stretch;
    grid-column-gap: var(--grid-column-gap);
    grid-row-gap: var(--grid-row-gap);
    --grid-column-gap: 10px;
    --grid-row-gap: 10px;}
.Applicatio_middle li{  margin: 0 0.5%; float: left; display: inline-block;}
.Applicatio_middle li img{ width: 100%;}
.Applicatio_bottom { padding-top: 80px;}
.Applicatio_bottom li{ position: relative; padding-top: 41px; border-top: 1px solid #666;margin-bottom: 35px;  background-position:50px 45px; background-repeat: no-repeat; background-size: inherit;}
.Applicatio_bottom li h4{ font-size: 26px; color: #0000FF; line-height: 30px; margin-bottom: 13px; max-width: 920px;}
.Applicatio_bottom li p{color: #666666; font-size: 16px; line-height: 24px; max-width: 920px; height:75px; overflow: hidden;    transition: all .4s;}
/*.Applicatio_bottom li:nth-child(1){ background-image: url(/themes/hzj/public/assets/images/img/ico_24.png);}*/
/*.Applicatio_bottom li:nth-child(2){ background-image: url(/themes/hzj/public/assets/images/img/ico_25.png);}*/
/*.Applicatio_bottom li:nth-child(3){ background-image: url(/themes/hzj/public/assets/images/img/ico_20.png);}*/
/*.Applicatio_bottom li:nth-child(4){ background-image: url(/themes/hzj/public/assets/images/img/ico_21.png);}*/
/*.Applicatio_bottom li:nth-child(5){ background-image: url(/themes/hzj/public/assets/images/img/ico_22.png);}*/
.Applicatio_bottom li img{    float: left;  margin: 0px 62px;  width: 96px;}
.Applicatio_bottom li .Applicatio_bottom_li_box{}
.Applicatio_bottom .xl{ position: absolute; right: 0; top: 45px; transition: all .4s; background-image: url(../image/ico_27.png); width: 50px; height: 50px; display: block; background-repeat: no-repeat; background-position: center;}
.Applicatio_bottom .xl.show{ background-image: url(../image/ico_26.png);}
.Applicatio_bottom li p.show{height: 120px; }
@media screen and (max-width:769px) {
    .Applicatio_top{    margin-top:20px;  padding-top: 10px;  margin-bottom: 25px;}
    .Applicatio_top .fl{ width: 100%;}
    .Applicatio_top .fr{ width: 100%; height: auto !important;}
    .Applicatio_top .fr .title{    font-size: 18px;margin: 10px 0 0 !important;}
    .Applicatio_top_xl{ display: none;}

    .Applicatio_bottom{ padding-top: 20px;}
    .Applicatio_bottom li img{ display:none}
    .Applicatio_bottom li{ background-image:none !important; padding-left: 0; padding-top: 15px; margin-bottom: 15px;}
    .Applicatio_bottom li h4{font-size: 21px;line-height: 24px; margin-bottom: 10px;}
    .Applicatio_bottom li p{ height: auto; font-size: 14px;}
    .Applicatio_bottom .xl{ display: none;}
    .Applicatio_middle ul{grid-template-columns: repeat(2,1fr);
    display: grid;
    align-items: stretch;
    grid-column-gap: var(--grid-column-gap);
    grid-row-gap: var(--grid-row-gap);
    --grid-column-gap: 5px;
    --grid-row-gap: 5px;}
}

/*关于我们*/
.about_box{ padding-top: 95px;}
.about_box  h1{ font-size: 36px; color: #000; font-weight: 600; margin-bottom: 49px;}
.about_top .about_top_fl{ width: 50%; position: relative;}
.about_top .about_top_fl img{ width: 100%;}
.about_top .about_top_fl .about_video{ background: url(../image/img14.png) no-repeat center; width: 95px; height: 95px; position:absolute; bottom: 20px; right: 20px;cursor:pointer}
.about_top .about_top_fl .about_video:hover{transform:scale(1.12) rotate(90deg);}
.about_top .about_top_fr{ width: 50%; background-color: #6342CB; color: #fff;  font-size: 14px; line-height: 24px; overflow-x: auto;}
.about_top .about_top_fr .box{ padding: 56px 104px 76px;}
.about_middle{ background: url(../image/img13.png) no-repeat center top; background-size: 100% auto;}
.about_middle ul{ text-align: center; padding-top: 109px; padding-bottom: 110px;}
.about_middle li{ background-color: #fff; display: inline-block; max-width: 608px; padding: 60px; position: relative; text-align: left; margin: 0 98.25px;box-shadow: 0 0 36px 9px rgb(189 193 222 / 30%)}
.about_middle li:nth-child(1){ background-image: url(../image/img_26.png); background-position: bottom right; background-repeat: no-repeat}
.about_middle li:nth-child(2){ background-image: url(../image/img_27.png); background-position: bottom right; background-repeat: no-repeat}
.about_middle li .txt{ padding-left: 120px; margin-top: 37px;  font-size: 19.08px; color: #000; line-height: 1.4;margin-bottom: 30px;}
.about_middle li .img{ position: absolute; left: -50px;top: 125px;}
.about_bottom{ margin-bottom: 6%;}
.about_bottom h4{ color: #333333;  font-size: 36px; line-height: 57px; text-align: center; margin-bottom: 20px;}
.about_bottom img{ width: 100%;}
.about_bottom_tx{ text-align: center; font-size: 20px; color: #666666; line-height: 50px;}
#certify { position: relative;}
#certify  .swiper-slide {width: 377px;height:546px;background: #fff;box-shadow: 0 8px 30px #ddd;}
#certify  .swiper-slide img{display:block;}
#certify  .swiper-slide p {line-height: 98px;padding-top: 0;text-align: center;color: #636363;font-size: 1.1em;margin: 0;}
#certify .swiper-pagination {width: 100%;bottom: -70px;}
#certify .swiper-pagination-bullets .swiper-pagination-bullet {margin: 0 5px;background-color:#9E9EFF;width: 17px;height: 17px;opacity: 1;}
#certify .swiper-button-next { background: url(../image/img16.png) no-repeat; color: transparent; width: 81px; height: 81px; border-radius: 50%; right: 22%;}
#certify .swiper-button-prev {background: url(../image/img16.png) no-repeat;color: transparent;width: 81px; height: 81px;transform:rotate(180deg);border-radius: 50%; left: 22%;}
#certify .swiper-button-next:hover{background: url(../image/img15.png);transform:rotate(180deg);}
#certify .swiper-button-prev:hover{background: url(../image/img15.png);transform:rotate(0deg);}
#certify .swiper-pagination-bullets .swiper-pagination-bullet-active {background-color: #0000FF;}
@media screen and (max-width:1640px) {
    .about_middle li{    margin: 0 3%;}
}
@media screen and (max-width:1440px) {
    .about_top .about_top_fr .box{ padding: 40px 50px 40px; }
    .about_middle li{ max-width: 500px;}
    .about_middle li .txt{    padding-left: 80px;  margin-top: 20px; margin-bottom: 20px;}
}
@media screen and (max-width:1180px) {
    .about_box{ padding-top: 30px;}
    .about_top .about_top_fr{ font-size: 14px; line-height: 21px;}
    .about_top .about_top_fr .box{    padding: 30px 40px 30px;}
    .about_box h1{ font-size: 24px; margin-bottom: 20px;}
    .about_middle li{ width: 40%; padding: 20px 30px;    background-size: contain;}
    .about_middle li>img{ height: 25px;}
    .about_middle li .img{ width: 120px;top: 64px;}
    .about_middle li .img img{ width: 100%;}
    .about_middle li .txt{    padding-left: 53px;    font-size: 17.08px;}
}
@media screen and (max-width:770px) {
    .about_bottom{ margin-bottom: 50px;}
    .about_top .about_top_fl .about_video{background-size: contain; width: 60px; height: 60px;}
    .about_middle{background-size: cover;}
    .about_middle ul{ padding-top: 30px; padding-bottom: 30px;}
    .about_middle li{ width: 96%;max-width: initial;  margin: 0 2% 2%;}
    .about_middle li .txt{    padding-left: 77px;}
    .about_middle li .img{width: 80px; left: 20px;}
    .about_middle li>img{ height: 20px;}
    .about_bottom_tx{ font-size: 16px;}
}
@media screen and (max-width:600px) {
    .about_box h1{font-size: 18px;}
    .about_top .about_top_fl{ width: 100%;}
    .about_top .about_top_fr{ width: 100%; height: auto !important;}
    .about_top .about_top_fr .box{padding: 10px 10px 10px;}
    .about_bottom h4{ font-size: 21px; margin-bottom: 10px; margin-top: 20px; line-height: 35px;}
    .about_middle li{    padding: 20px 15px;}
    .about_middle li .img{    left: 7px;}
    .about_middle li .txt{font-size: 14.08px;}
    #certify .swiper-slide{ height: 282px; width: 200px;}
    #certify .swiper-button-next,#certify .swiper-button-prev{ width: 40px; height: 40px; background-size: contain;}
    #certify .swiper-button-prev:hover,#certify .swiper-button-next:hover{background-size: contain;}

}

/*弹窗*/
.about_Popup.none { display: none;}
.about_Popup{ position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: #0000007d; display: flex; align-items: center; justify-content: center; z-index: 100;}
.about_Popup .about_Popup_box .about_popup_bn{ position: absolute; right: 0; top: 0; width: 50px; height: 50px; background: url(../image/x.png) no-repeat center;}

/*联系我们*/
/*联系我们*/
.contact_box{ padding: 4% 0 2%;}
.contact_box .box{ padding: 0px 3% 4%;}
.contact_box_fl { width: 47%; background-image: url(https://www.displaysino.com/themes/hzj/public/assets/img/img_27.png); background-position: bottom right; background-repeat: no-repeat; }
.contact_box h2{color: #0000ff; font-size: 24px; letter-spacing: 1px; font-weight: 600; line-height: 1em; margin-bottom: 15px; t}
.contact_box .b_p {color: #2a2d2e;  font-size: 18px; letter-spacing: 1px; font-weight: 300;line-height: 1.5em;   margin-bottom: 60px;}

.contact_from li{ width: 50%; float: left; display: inline-block; margin-bottom: 12px;}

.contact_from li.textarea{ width: 100%;}
.contact_from li span{display: inline-block; float: left; font-size: 16px; width:24%; color: #19191a; text-align: right; line-height: 50px;}
.contact_from li.du span{ width:12%}
.contact_from li select,.contact_from li input,.contact_from li textarea{ padding: 15px; border-radius: 0; background-color: #f8f8f8; font-size: 16px; width: 60%; margin-left:40px; max-width: 380px;}
.contact_from li:last-child input{ width:35%}
.contact_from li:nth-child(2) input{     width: 34%;}
.contact_from li img{margin-left:20px;}
.contact_from li select{    background-image: url(../image/ico_4.png);
    background-repeat: no-repeat;
    background-position: 95% center;}
.contact_from li textarea{ max-width: 1072px; width: 80%;    resize: auto;}
.contact_from li .clearfix{float: right;  margin-right: 17%;  margin-top: 20px;}
.contact_from li p{float: left; display: inline-block; width: 65px;font-size: 18px;}
.contact_from li p input{float: left; display: inline-block; margin: 0;height: 18px;}
.contact_Submit_box{ text-align: center;}
.contact_Submit_box  input{ width: 135px; height: 35px; line-height: 35px; color: #fff; font-size: 16px; margin:0px 0 70px;}
.contact_Submit_box .contact_Submit{ background: #0000ff;}
.contact_Submit_box .contact_Reset{ background: #6f6f6f;}

.wpb_wrapper{ padding-top: 47px; border-top: 1px solid #e5e5e5; margin-bottom: 120px;}
.wpb_wrapper .contact_info_box{ float: left; display: inline-block; width: 25%; padding-top: 93px;}
.wpb_wrapper .contact_info_box .contact_info_title{ line-height:34px; margin-bottom:10px; color: #2a2d2e; font-size: 18px;}
.wpb_wrapper .contact_info_box .contact_info_txt{ line-height:1.6 ; font-size: 14px;    color: #757575; max-width: 268px;}
.wpb_wrapper .contact_info_box:nth-child(1){ background: url(../image/add.png) no-repeat left 25px; background-size: auto ;}
.wpb_wrapper .contact_info_box:nth-child(2){ background: url(../image/factory.png) no-repeat left 25px;background-size: auto ;}
.wpb_wrapper .contact_info_box:nth-child(3){ background: url(../image/email.png) no-repeat left 25px;background-size: auto ;}
.wpb_wrapper .contact_info_box:nth-child(4){ background: url(../image/phone.png) no-repeat left 25px;background-size: auto ;}
@media screen and (max-width:1370px) {
    .contact_from li:nth-child(2) input {
    width: 30%;
}
}
@media screen and (max-width:1280px) {
    
    .contact_from li { display:inline-flex}
}
@media screen and (max-width:1024px) {
    
    .contact_from li{ display:block}
}

@media screen and (max-width:770px) {
    
  .contact_from li{ padding: 0;}
  .contact_from li input, .contact_from li textarea,.contact_from li select{ margin: 0; width: 100%;max-width: initial;}
  .wpb_wrapper .contact_info_box{ width: 50%;}
.contact_from li p{ width:100px}
.contact_from li p input{ width:30px}
.contact_from li .clearfix{ float:left}
  .contact_from li{ width: 100%; padding: 0; margin-bottom: 10px;}
  .contact_from li span{ line-height: 30px; height: 30px;}
  .wpb_wrapper .contact_info_box{ width: 100%;}
  .contact_from li span{ display:block; width:100%; text-align:left}
  .wpb_wrapper .contact_info_box{background-position: center 25px !important; text-align:center}
  .wpb_wrapper .contact_info_box .contact_info_txt{    display: block;
    width: 100%;
    margin: 0 auto;}
    .contact_from li:nth-child(2)>input{ width:100%}
  .wpb_wrapper .contact_info_box .contact_info_txt p{ display:block}
}

@keyframes firstLineAnimation {
    0% {
        transform: rotate(0deg) translateY(0);
    }
    50% {
        transform: rotate(0deg) translateY(0);
    }
    100% {
        transform: rotate(45deg) translate(0px, 38px);
    }
}
@keyframes firstLineShow {
    0% {
        transform: rotate(45deg) translate(0px, 38px);
    }
    50% {
        transform: rotate(0deg) translateY(0);
    }
    100% {
        transform: rotate(0deg) translateY(0);
    }
}
@keyframes secondLineAnimation {
    0% {
        transform: scale(1);
    }
    50%,
    100% {
        transform: scale(0);
    }
}
@keyframes secondLineReverse {
    0%,
    50% {
        transform: scale(0);
    }
    100% {
        transform: scale(1);
    }
}
@keyframes thirdLineShow {
    0% {
        transform: rotate(135deg) translate(15px, 0);
    }
    50% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(0deg);
    }
}
@keyframes thirdLineHide {
    0% {
        transform: rotate(0deg);
    }
    50% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(135deg) translate(15px, 0);
    }
}
@keyframes wave {
    0% {
        transform: translate3d(-50%, -100vh, 0);
    }
    100% {
        transform: translate3d(0%, 100vh, 0);
    }
}
@keyframes waveTwo {
    0% {
        transform: translate3d(10%, -100vh, 0);
    }
    100% {
        transform: translate3d(-10%, 100vh, 0);
    }
}
@keyframes waveThree {
    0% {
        transform: translate3d(-60%, -100vh, 0);
    }
    100% {
        transform: translate3d(0%, 100vh, 0);
    }
}
@keyframes waveReverse {
    100% {
        transform: translate3d(-50%, -100vh, 0);
    }
    0% {
        transform: translate3d(0%, 100vh, 0);
    }
}
@keyframes waveTwoReverse {
    100% {
        transform: translate3d(10%, -100vh, 0);
    }
    0% {
        transform: translate3d(-10%, 100vh, 0);
    }
}
@keyframes waveThreeReverse {
    100% {
        transform: translate3d(-60%, -100vh, 0);
    }
    0% {
        transform: translate3d(0%, 100vh, 0);
    }
}
  /*二次添加*/
  .Custom h2 span{ margin-left: 50px; padding:5px 10px}


.small-img{
	display: flex;
	align-items:center;
	justify-content: center;
}
.clearfix:before,
.clearfix:after{
  display: table;
  line-height: 0;
  content: "";
}
.magnifier{
	width: 100% !important;
	position: relative;
}
.magnifier-container{
	width: 100% !important;
	height: 605px !important;
	overflow: hidden;
	position: relative;
	border: 1px solid #ddd;
  z-index: 12;
}
.move-view{
	width: 100px;
	height: 100px;
	position: absolute;
    transition:auto
}
.images-cover{
	height: 100%;
	width: 100%;
	position: relative;
}
.images-cover img{
	position: absolute;
  width: auto;
  height: 100%;
}
.magnifier-assembly{
	height: 165px;
	overflow: hidden;
	position: relative;
	padding-left: 30px;
	padding-right: 30px;
}
.magnifier-btn{
	position: absolute;
	font-family: "宋体";
	width: 100%;
	top: 50%;
	left: 0;
	margin-top: -40px;
}
.magnifier-btn span{
	line-height: 80px;
	height: 80px;
	width: 20px;
	background-color: #6e6e6e;
	color: #fff;
	display: block;
	z-index: 9998;
	text-align: center;
	font-size: 20px;
	cursor: pointer;
	border-radius: 3px;
}
.magnifier-btn .magnifier-btn-left{
	float: left;
}
.magnifier-btn .magnifier-btn-right{
	float: right;
}
.magnifier-line{
	position: relative;
	overflow: hidden;
	height: 165px;
}
.magnifier-line ul{
	display: block;
	font-size: 0;
	width: 10000%;
	position: absolute;
	left: 0;
	z-index: 9997;
}
.magnifier-line li{
	float: left;
	width: 160px;
	cursor: pointer;
}
.magnifier-line ul > .active .small-img{
	border-color: #bbb;
}
.small-img{
	height: 155px;
	padding: 1px;
	margin: 5px;
	overflow: hidden;
	border: 1px solid #ddd;
	text-align: center;
}
.small-img img{
	max-width: 100%;
	max-height: 100%;
}
.magnifier-view{
	width: 100%;
	height: 100%;
	position: absolute;
	right:0%;
	top: 0;
	z-index: 9;
	background-color: #fff;
	display: none;
	overflow: hidden;
}
.magnifier-view img{
	display: block;
}
.animation03{
	transition: all 0.3s ease-in 0.1s;
	-ms-transition: all 0.3s ease-in 0.1s;
	-moz-transition: all 0.3s ease-in 0.1s;
	-webkit-transition: all 0.3s ease-in 0.1s;
	-o-transition: all 0.3s ease-in 0.1s;
}
.lciay_btn{ background-image: url(../image/q.png); background-position:center; background-repeat:no-repeat;    

    height: 40px;
 width: 100%;
    border: 1px solid #C6C6C6;
    border-top: 0;
}
.lciay_btn.no{ background-image: url(../image/w.png);}
@keyframes move{
0% {bottom:0px;}
50% {bottom:20px;}
100% {bottom:00px;}
}
    .two_menu_lz{position: absolute;
    z-index: 322;cursor:pointer;
    top: 48px;
    left: 50%;
    transform: translatex(-50%);
    width:250px; 
    padding-top: 12px;
    min-width:200px;
    display:none;
    background-image: url(../image/12314124_03.png);  
    background-repeat:no-repeat; 
    background-position:top center}
    .two_menu_lz img{ width:100%;padding: 10px;border-radius: 6px; background-color:#fff}
    
    
@media screen and (max-width:1660px) {
    .twe_menu li:nth-child(1) .two_menu_lz{left: auto; transform: translateX(0);background-position: 5px top;}
}