/* CSS Document */
@import url("core.css");
@import url("../font-awesome/css/font-awesome.min.css");
body, html { font-family:Arial, Helvetica, sans-serif; overflow-x:hidden}
.overflow { overflow:hidden }
.w1200 { max-width:1200px; margin:0 auto; }
.w1400 { max-width:1400px; margin:0 auto; }
.w1620 { max-width:1620px; margin:0 auto; }
#top, #top *{ transition-duration:.3s;
-ms-transition-duration: .3s;
-moz-transition-duration: .3s;
-webkit-transition-duration: .3s;
}
.white_topbar #top{ box-shadow: 0 10px 15px -3px rgb(0 0 0/0.1);}
#top { width:100%; z-index:9998; background:#fff;position:fixed;left:0;top:0;box-shadow: 0 10px 15px -3px rgb(0 0 0/0.1);}
.toper{position:relative;}
#top .logo {background:url(../images/logo.gif?v=112); width:188px; height:68px; background-size:100% 100%; display:block; float:left;margin-top:19px;opacity:1}
.header {max-width:1780px; margin:0 auto; height:106px;text-align:center}
nav{display:inline-block;margin:0 auto}
.menu li:last-child{margin-right:0}
.menu li { float:left; position:relative; z-index:9998;margin-right:78px; }
.menu li a { color:#00aeef; font-size:22px; text-transform:capitalize; padding:0px; display:block; line-height:106px; position:relative; }
.menu li a i { display:none }
.menu li .sub_menu { position:absolute; left:-52px; top:106px; width:200px;padding:0px 0; height: inherit; overflow: visible; visibility: hidden; -webkit-transition: all 0.7s ease-in-out; -o-transition: all 0.7s ease-in-out; transition: all 0.7s ease-in-out; opacity: 0; -webkit-transform: translate3d(0px, 20px, 0px); transform: translate3d(0px, 20px, 0px); }
.menu li.selected .sub_menu { opacity: 1; visibility: visible; -webkit-transform: translate3d(0px, 0px, 0px); transform: translate3d(0px, 0px, 0px); }
.menu li .sub_menu { margin:0 auto; z-index:9997;padding-top:10px}
.menu li .sub_menu ul{background:#fff;border-radius:5px;padding:0px 0;box-shadow: 5px 10px 15px rgb(0 0 0/0.5);}
.menu li ul li { height:auto; line-height:normal; float:none; float:none;margin:0;position:relative;}
.menu li ul li .subnav{overflow: visible; visibility: hidden;width:100%;position:absolute; left:100%; top:0;padding-left:15px;-webkit-transition: all 0.7s ease-in-out; -o-transition: all 0.7s ease-in-out; transition: all 0.7s ease-in-out; opacity: 0; -webkit-transform: translate3d(-10px, 0px, 0px); transform: translate3d(-10px, 0px, 0px); box-shadow: 5px 10px 15px rgb(0 0 0/0.5);}
.menu li ul li .subnav p{border-radius:5px}
.menu li ul li .subnav p a{background:#fff}
.menu li ul li .subnav p:first-child a{border-top-left-radius:5px;border-top-right-radius:5px}
.menu li ul li .subnav p:last-child a{border-bottom-left-radius:5px;border-bottom-right-radius:5px;}
.subnav02{position:relative;}
.subnav02 i{position:absolute;left:100%;top:9px;width:12px;height:23px;background:url(../images/sjx.png);display:none}
.menu li ul li:hover .subnav{opacity: 1; visibility: visible; -webkit-transform: translate3d(0px, 0px, 0px); transform: translate3d(0px, 0px, 0px);}
.menu li ul li:hover .subnav02 i{display:block;}
.menu li ul li a, #menu li.selected li a { color:#222; padding:12px 15px; border-bottom:1px solid #eee; font-size:17px; font-weight:normal; display:block; line-height:24px;text-transform:capitalize; position:relative; }
#menu li.selected li:last-child>a{border-bottom:0;border-bottom-left-radius:5px;border-bottom-right-radius:5px;}
#menu li.selected li:first-child>a{border-top-left-radius:5px;border-top-right-radius:5px;}
#menu li.selected li:last-child .subnav02a{border-bottom:0;border-bottom-left-radius:5px;border-bottom-right-radius:5px;}
#menu li.selected li:first-child .subnav02 a{border-top-left-radius:5px;border-top-right-radius:5px;}
.menu li.selected ul li .subnav p:last-child a{border-bottom:0}
.menu li ul li:last-child .subnav02 a{border-bottom:0;border-bottom-left-radius:5px;border-bottom-right-radius:5px;}
.menu li ul li a:hover i { display:inline-block }
.menu li ul li a:hover:before, #menu li.selected ul li a:before { display:none }
.menu li ul li a i { color:#28314c; margin-left:10px; }
.menu li ul li a:hover, #menu li.selected li a:hover { color:#fff;background:#0065d4;border-color:#0065d4}
.menu li.selected a.first {}
.menu li.selected a:before {display:block;border-bottom:2px solid #0065d4;content:"";width:100%;position:absolute;left:0;bottom:0}
.menu li.selected a { color:#0065d4}
.langsearch {float: right;position: relative;margin-top: 41px;border-left: 1px solid #ddd;height: 24px;padding-left: 15px;}
.selectlang {float: right;line-height:18px;position: relative;font-size:14px;background:#000;padding: 0 5px;border-radius: 15px;margin-left: 25px;}
.selectlang a{color:#666;display: inline-block;padding: 3px 3px;}
.selectlang a.on{color:#fff;}
.searchcolse { display: block; width: 24px; height:24px; background: url(../images/search.png) no-repeat center center; cursor: pointer; float: left; }
.searchcolse.on{background-image: url(../images/close.png)}
.form_search {position:absolute;right: 117px;top: -9px;color:#fff;font-size: 14px;width: 300px;height: 44px;background: #eee;border-radius: 5px;display: none;z-index: 9999;}
.form_search input {border:0;background: none;width: 254px;float:  left;padding: 12px 15px;padding-right: 0;}
.form_search button {width: 44px;height: 44px;display:  block;float:  right;cursor:  pointer;border:  0;background: none;background:url(../images/search.png) no-repeat center;}
.form_search_box {}
.menu li .sub_menu, .form_input { -webkit-animation: atop 0.8s linear; -moz-animation: atop 0.8s linear; animation: atop 0.8s linear; }
@-webkit-keyframes atop { 0% {
opacity:0;
-moz-opacity:0;
-webkit-opacity:0;
}
50% {
opacity:0.5;
}
100% {
opacity:0;
-moz-opacity:0;
-webkit-opacity:0;
}
}
@keyframes atop { 0% {
opacity:0;
-moz-opacity:0;
-webkit-opacity:0;
}
50% {
opacity:0.5;
-moz-opacity:0.5;
-webkit-opacity:0.5;
}
100% {
opacity:1;
-moz-opacity:1;
-webkit-opacity:1;
}
}
.heder-fixed { height:90px; }
/***/
.nav-but-wrap { position: absolute; right:30px; top:42px;float:right; margin-left:30px; display:none }
.menu-icon { height: 30px; width: 30px; position: relative; z-index: 2; cursor: pointer; display: block; }
.menu-icon__line { height:2px; width:16.5px; display: block; background-color: #0065d4; margin-bottom: 7px; cursor: pointer; -webkit-transition: all 200ms linear; -moz-transition: all 200ms linear; -o-transition: all 200ms linear; -ms-transition: all 200ms linear; transition: all 200ms linear; float:right; }
.menu-icon__line-left { width:30px; -webkit-transition: all 200ms linear; -moz-transition: all 200ms linear; -o-transition: all 200ms linear; -ms-transition: all 200ms linear; transition: all 200ms linear; }
.menu-icon__line-right { width:16.5px; float:right; -webkit-transition: all 200ms linear; -moz-transition: all 200ms linear; -o-transition: all 200ms linear; -ms-transition: all 200ms linear; transition: all 200ms linear; }
.menu-icon:hover .menu-icon__line-left, .menu-icon:hover .menu-icon__line-right, .menu-icon:hover .menu-icon__line { width: 30px; }
.nav-active .menu-icon__line { width:30px; float:none }
/***/
#banner-slider { color:#fff; line-height:1.5; }
#banner-slider img { display:block; width:100%; height:auto }
#banner-slider .swiper-pagination-b { position:static; max-width:1200px; margin:0 auto; text-align:center }
#banner-slider .swiper-pagination-b * { opacity:1; cursor:pointer; background:none; width:18px; padding:2px; height:18px; margin-left:10px; outline:none; border:2px solid rgba(255, 255, 255, 0); -webkit-border-radius:35px; border-radius:35px; -moz-border-radius:35px; }
#banner-slider .swiper-pagination-b span:before { width:10px; height:10px; content:""; background:#fff; display:block; -webkit-border-radius:35px; border-radius:35px; -moz-border-radius:35px; }
#banner-slider .swiper-pagination-b .swiper-pagination-bullet-active { border-color:rgba(255, 255, 255, 1) }
#banner-slider .swiper-pagination-click { position:absolute; right:0; bottom:20px; width:100%; z-index:990 }
#banner-slider .justify-content { position:absolute; left:0; top:30%; z-index:80; color:#fff; height:auto; display:block; }
#banner-slider .justify-content p { line-height:1.5; font-size:35px; display:block; text-align:center; }
#banner-slider .justify-content h2 { font-size:60px; line-height:1.5; display:block; text-align:center; margin-bottom:15px; }
.banner-desc { max-width:1400px; margin:0 auto }
/****/
.h1_title{margin-bottom:50px;text-align:center}
.h1_title img{}
#about_index{background:url(../images/abg.jpg) no-repeat center center;padding:65px 0;padding-bottom:160px}
.about_desc{float:left;width:50%;background:#0065d4;color:#fff;padding:50px;}
.about_desc h3{font-size:30px;display:block;margin-bottom:25px}
.about_desc a{display:inline-block;border-radius:25px;background:#fff;color:#0065d4;padding:12px 25px;font-weight:bold;border:1px solid #fff}
.about_desc a:hover{background:none;color:#fff;}
.about_desc p{font-size:18px;line-height:1.6; margin-bottom: 25px; overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 7;}
.about_num{float:left;width:50%;height:506.31px;position:relative; overflow: hidden;}
.about_num img{display:block;width: 100%!important;
    height: 100%!important;
    -o-object-fit: cover!important;
    object-fit: cover!important;
    display: block!important;
    object-position: 50% 50%;
    max-width: 100%;
    min-width: 100%;
    max-height: 100%;
    min-height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    transition: all 0.5s;
    -moz-transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
}
.about_num img:hover{transform: scale(1.1);-moz-transform: scale(1.1);-webkit-transform: scale(1.1); -o-transform:scale(1.1);}
#about_index .h1_title{margin-bottom:120px;}
/**/
#cases_index{}
.case_abg{background:url(../images/2.jpg) no-repeat top center;height:414px;padding-top:64px}
#cases_index ul{padding-bottom:35px}
#cases_index li{float:left;width:25%;}
#cases_index li img{width:100%;height:auto}
#cases_index li span{font-size:25px;display:block;line-height:1.3;text-align:center;padding:0 10px;padding-top:25px;}
#cases_index li a:hover{color:#0065d4}
#cases_index .w1620{padding:60px 0}
#cases_index .amore{display:inline-block;border-radius:25px;background:#0065d4;color:#fff;padding:12px 25px;font-weight:bold;border:1px solid #0065d4}
#cases_index .amore:hover{background:none;color:#0065d4}
/**/
#product_index{background:url(../images/pbg.jpg) no-repeat top center;padding:65px 0;padding-bottom:180px}
#product_index .h1_title{margin-bottom:120px;}
#product_index li{float:left;width:23%;margin-right:2.666666666666667%}
#product_index li:nth-child(4n){margin-right:0}
#product_index li a:hover{transform: scale(1.05);
    -ms-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -webkit-transform: scale(1.05);
    -o-transform: scale(1.05);}
#product_index li a:hover span{color:#0065d4}
#product_index li a:hover font{background:#0065d4;color:#fff}
#product_index li a{display:block;background:#fff;text-align:center;padding-bottom:25px;transition:all 0.3s;}
#product_index li .thumb{}
#product_index li .thumb img{width:100%;height:auto;display:block}
#product_index li span{display:block;font-size:30px;line-height:1.3;padding:15px;margin-bottom:10px}
#product_index li font{display:inline-block;border-radius:25px;background:#fff;color:#0065d4;padding:10px 20px;font-weight:bold;border:1px solid #0065d4}
#product_index li:hover a{}
/**/
#news_index{padding:65px 0;}
#news_index .wrap_flex{background:#0065d4}
#news_index .thumb{float:left;width:50%;height:587px;position:relative;overflow: hidden;}
#news_index .thumb img{display:block;width: 100%!important;
    height: 100%!important;
    -o-object-fit: cover!important;
    object-fit: cover!important;
    display: block!important;
    object-position: 50% 50%;
    max-width: 100%;
    min-width: 100%;
    max-height: 100%;
    min-height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    transition: all 0.5s;
    -moz-transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
}
#news_index .thumb img:hover{transform: scale(1.1);-moz-transform: scale(1.1);-webkit-transform: scale(1.1); -o-transform:scale(1.1);}
#news_index .desc{float:right;width:50%;padding:60px;}
#news_index ul{margin-bottom:25px}
#news_index ul li{border-bottom:1px solid #fff;padding-bottom:15px;margin-bottom:20px}
#news_index ul li:last-child{margin-bottom:0}
#news_index ul li font{font-size:18px}
#news_index .desc span{overflow: hidden; white-space: nowrap; text-overflow: ellipsis;display:block}
#news_index .desc li a{color:#fff;font-size:20px;line-height:1.5}
#news_index .desc p a{font-size:18px;color:#fff; font-weight: bold;}
/**/
footer{ background: #072956; color:#fff; font-size:16px; line-height:1.8; padding-top:80px;padding-bottom:80px;margin-top:60px }
.fmenu { float: left;}
.fmenu b { display:block; }
.fmenu b a { color:#fff; font-size: 22px; }
.fmenu li:first-child{margin-left:0}
.fmenu li { float:left; margin-left:80px}
.fmenu li p { margin-bottom:5px; }
.fmenu li p a { font-size:18px; color: #fff; }
.wxicon{ position: relative;padding-top: 10px; display: block;}
.wxicon i{width:33px;height:30px;display:block;background:url(../images/icon_wx.png);}
.wxicon img{display: none;width: 200px;height: 200px;position: absolute;left: 0;bottom: 36px;z-index: 88;}
.wxicon:hover img{display:block}
footer .child { margin:8px 0; }
/***/
.fcontact { float: left; width:558px;border-right: 1px solid rgba(255,255,255,0.5);display:none}
.fcontact b { font-size:22px; }
.fcontact p {width:460px;position: relative;padding-left: 50px; line-height: 1.5;margin-bottom: 8px}
.fcontact p label {position: absolute; left: 0; top: 0;}
/***/
.fcode { float: right; width:170px; text-align:right }
.fcode img { width:100px; height:100px; }
.fcode p { }
.fcode a {cursor: pointer; display: inline-block; width: 40px; height: 40px; background: url(../images/ioncs.png) no-repeat left center; margin-left: 10px; position: relative; }
.fcode a img{ display: none; }
.fcode a.wxcode{ margin-left: 0; }
.fcode a.wxcode:hover img{display:block}
.fcode a.wxcode img{ display:none; position:absolute; left:0; top:40px;}
.fcode a.sina { background-position: -60px center; }
.fcode a.qq { background-position: right center; }
/***/
.flink{margin:0 auto;margin-top:30px;position:  relative;padding-left:80px;min-height:28px;}
.flink b{ position:  absolute; left:  0; top: 0; }
.flink a{ color:#fff; float:  left; margin-right: 20px; margin-bottom: 10px; }
/***/
copyright {text-align:center; display:block; width: 100%;font-size:18px;background:#000;padding:20px 0;color:#fff}
copyright a{color:#fff; vertical-align:top;}
copyright em{margin:0 15px;}
/***/
#kefu{position:fixed;right:10px;top:50%;z-index:88}
#kefu span{width:44px;display:block;height:44px;background:#0065d4 url(../images/icon_kefu.png) no-repeat;margin-bottom:5px;}
#kefu span a{display:block;width:100%;height:100%}
#kefu span.qq{background-position:center -44px}
#kefu span.tel{background-position:center -88px}
#kefu span.scrolltop{background-position:bottom center;cursor: pointer;display:none}
#kefu span:hover{background-color:#ed028c}
/***/
#page_banner img { width:100%; height:auto; display:block; }
.categorys_positon { border-bottom: 1px solid #ddd; }
.categorys_positon p {text-align:center}
.categorys_positon p font{display:inline-block;margin:0 25px;}
.categorys_positon a { font-size:25px;position:relative;display:block;padding:35px 0}
.categorys_positon a.on,.categorys_positon a:hover{ color: #0065d4; }
.categorys_positon a:hover:before,.categorys_positon a.on:before{ content:""; width:100%; height:2px; background:#0065d4; display:block; position:absolute; left:0; bottom:-1px}
.page_content { line-height:1.5; font-size:18px; padding: 50px 0; }
.page_content img { max-width:100%; height:auto; vertical-align:top}
.page_content a{}
.page_title{margin-bottom:35px;text-align:center;font-size:30px}
/***/
#honor_ul { }
#honor_ul li { float: left; width: 23%; margin-right: 2.666666666666667%; margin-top: 30px; }
#honor_ul .thumb { background: #f5f5f5; padding: 10px; }
#honor_ul .thumb img { max-width: 100%; height: 220px; width: auto; margin: 0 auto; display: block; }
#honor_ul b { display: block; text-align: center; font-size: 18px; font-weight: normal; line-height: 1.5; padding-top: 15px; }
#honor_ul li:nth-child(4n){margin-right: 0;}
#honor_ul li:nth-child(-n+4){margin-top:0}
#honor_ul a:hover{color: #0e6eb8;}
/***/
#blog_ulist { }
#blog_ulist li { float: left; border-bottom:1px solid #ddd;padding-bottom:25px; margin-top: 25px;}
#blog_ulist .thumb { float: left; width: 25%;height:200px;position:relative;display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; background: #f5f5f5;
   border-radius: 5px;-webkit-border-radius: 5px;-moz-border-radius: 5px;}
#blog_ulist .thumb img { width:100%!important; height:100%!important; -o-object-fit: cover!important; object-fit: cover!important; display: block!important; object-position: 50% 50%; max-width: 100%; min-width: 100%; max-height: 100%; min-height: 100%; position: absolute; left: 0; top: 0; }
#blog_ulist .desc { float: left; width: 75%; padding-left: 4%; line-height: 1.5; }
#blog_ulist h2 { font-size:22px; }
#blog_ulist .amore { margin-top: 15px; color: #0065d4; }
#blog_ulist .amore font{display: inline-block;border-radius: 25px;background: #0065d4;color: #fff; padding: 10px 20px;font-size: 14px;line-height: normal;}
#blog_ulist .time { color: #999; margin-top: 10px; margin-bottom: 10px; }
#blog_ulist .descp { font-size: 18px; color: #555; }
#blog_ulist li:nth-child(-n+1){margin-top:0}
#blog_ulist li:hover{border-color:#0065d4}
#blog_ulist li:hover h2{color:#0065d4}
/***/
#cases_ulist { }
#cases_ulist li { float: left; margin-top:35px; background:#f5f5f5}
#cases_ulist .thumb { float:left; width:45%; height: 436px; position:relative; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; background: #eee; overflow: hidden;}
#cases_ulist .thumb img { width: 100%!important; height: 100%!important; -o-object-fit: cover!important; object-fit: cover!important; display: block!important; object-position:50% 50%; max-width: 100%; min-width: 100%; max-height: 100%; min-height: 100%; position: absolute; left: 0; top: 0; transition: all 0.5s;
    -moz-transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;}
#cases_ulist li a:hover img{transform: scale(1.1);-moz-transform: scale(1.1);-webkit-transform: scale(1.1);-o-transform:scale(1.1);}
#cases_ulist .desc { float: left; width:55%; padding: 50px; line-height: 1.5; }
#cases_ulist h2 { font-size: 24px; color: #0065d4 ; display:-webkit-box; }
#cases_ulist .amore { margin-top: 15px; color: #fff; }
#cases_ulist .amore font { display: inline-block; border-radius: 25px; background: #0065d4 ; color: #fff; padding: 12px 25px; font-size: 16px; line-height: normal; font-weight: bold; }
#cases_ulist .descp { font-size: 18px; color: #666; margin:25px 0; line-height: 2; }
#cases_ulist li:nth-child(-n+1) {margin-top:0}
#cases_ulist li:nth-child(2n) .thumb{float:right}
#cases_ulist li:nth-child(2n) .desc{float:left}
/**/
.categorys_three{margin-top:25px;text-align:center}
.categorys_three a{display:inline-block;border:1px solid #ccc;padding:15px 20px;padding-right:15px;margin:10px 20px;font-size:16px;color:#828282}
.categorys_three a i{margin-left:15px}
.categorys_three a.on,.categorys_three a:hover{color:#0e6eb8;border-color:#0e6eb8}
/**/
.download_head { background: #0065d4; color: #fff; font-size: 16px; float: left; width: 100%; }
.fname { float: left; width:75%; padding: 10px 25px; }
.ftime { float: left; width:15%; text-align: center; padding: 10px 0; border-left: 1px solid #fff; border-right: 1px solid #fff; }
.fdown { float: left; width:10%; text-align: center; padding: 10px 0; }
.download_ulist li {border-bottom: 1px solid #ddd;float: left;width: 100%;padding-top: 8px;}
.download_ulist li .fname a {background: url(../images/file-icon.png) no-repeat left 2px;padding-left: 35px;display: block;line-height: 1.5;}
.download_ulist li .fdown i {background: url(../images/dl-icon.png) no-repeat center center;display: inline-block;width: 24px;height: 28px;}
.download_ulist li:hover a{color:#0065d4}
/******/
.faqs_list { line-height:1.5 }
.faqs_item:nth-child(1){margin-top:0}
.faqs_item {margin-top: 25px;}
.faqs_title {background: #0065d4;padding:10px;padding-left: 50px;position:relative;color: #fff;}
.faqs_title i.icon_q, .faqs_msg i.icon_a {font-size: 16px;font-weight: bold;background: #fff;font-style: normal;color: #0065d4;width: 24px;height: 24px;text-align:center;line-height: 24px;position:absolute;left:10px;top:10px;-webkit-border-radius:5px;border-radius:5px;-moz-border-radius:5px;}
.faqs_msg {padding:20px 10px;padding-left: 50px;position:relative;color: #333;min-height: 67px;background: #f5f5f5;}
.faqs_msg i.icon_a {background-color: #0065d4;top: 22px;color: #fff;}
.faqs_item a:hover .faqs_title{background-color:#ed028c}
.faqs_item a:hover .icon_q{color:#ed028c}
.faqs_item a:hover .icon_a {background-color:#ed028c}
/**/
.wz_ulist{}
.wz_ulist li{border-bottom:1px solid #ddd;padding-bottom:15px;margin-bottom:15px;position: relative;}
.wz_ulist li::before{content:"";width: 6px;height: 6px;background:#333;border-radius:5px;display:block;position: absolute;left: 0;top: 15px;}
.wz_ulist .title{font-weight:bold;}
.wz_ulist .desc{color:#666;font-size:16px;line-height: 1.5;}
.wz_ulist li a{padding-left:20px;display:block}
/***/
#productlist_ul { }
#productlist_ul li{float:left; width:23%; margin-right:2.666666666666667%; margin-top:30px;text-align: center;}
#productlist_ul li:nth-child(4n){margin-right:0}
#productlist_ul li:nth-child(-n+4) {margin-top:0}
#productlist_ul li .thumb{height:auto;position: relative;
display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; background:#fff;padding:5px;border: 1px solid #ddd; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px;}
#productlist_ul li .thumb img{display: block!important;width: 100%;height:auto;}
#productlist_ul li h2{font-size:18px;line-height:1.5;text-align:center;display:block;padding:15px;font-weight: normal;}
#productlist_ul li .desc{background:#0065d4;color:#fff;line-height:1.5;padding:25px;filter:alpha(opacity=0); -webkit-opacity:0; -moz-opacity:0; -khtml-opacity:0; -ms-opacity:0; -o-opacity:0; opacity:0;position:absolute;left:0;top:0;width:100%;height:100%;text-align:left}
#productlist_ul li .desc b{font-size:18px;color: #fff;margin-bottom:15px;display:block;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:2;}
#productlist_ul li .desc p{font-size:14px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:4;}
#productlist_ul li:hover .desc{filter:alpha(opacity=0.9); -webkit-opacity:0.9; -moz-opacity:0.9; -khtml-opacity:0.9; -ms-opacity:0.9; -o-opacity:0.9; opacity:0.9}
#productlist_ul li:hover h2{color:#0065d4}
/**/
#proshow { }
.proshow { background:#f5f5f5; }
#proshow .thumb { float:left; width:50%; background:#fff; border:1px solid #ddd; border-right: 0; }
#proshow .big { border-bottom:1px solid #eee; height:auto; padding:50px;display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;}
#proshow .thumb img { display: block!important;width: 100%; height:auto; }
#proshow .swiper-big {}
#proshow .swiper-smallx { padding:25px 60px;  position: relative;}
#proshow .swiper-small {  }
#proshow .swiper-small:before1{ content:""; display:block; background:#fff; z-index:2; height:100%; width:60px; position:absolute; left:0; top:0 }
#proshow .swiper-small:after1{ content:""; display:block; background:#fff; z-index:2; height:100%; width:60px; position:absolute; right:0; top:0 }
#proshow .params { float:left; width:50%; padding: 50px; border: 1px solid #ddd; }
#proshow .params h1{ font-size: 26px; line-height: 1.2; margin-bottom: 35px; }
#proshow .params .desc { line-height:1.8; font-size:16px; height:320px;background: #f1f1f1;border: 1px solid #ddd;border-radius:5px;padding:15px;overflow: hidden;}
#proshow .params .params_pdf{margin-top:50px}
#proshow .params .params_pdf a {background: #fff url(../images/file-icon.png) no-repeat 25px center;padding:15px 25px;padding-left: 62px;border-radius:35px;font-weight: bold;border: 1px solid #ddd;}
#proshow .small { border:1px solid #eee; height:100%; padding:5px; }
#proshow .active .small{border-color:#0065d4}
/***/
.pro_tab{border-bottom: 2px solid #ddd; margin-top: 25px; font-size: 20px; }
.pro_tab span{cursor: pointer; padding-bottom: 15px; display: inline-block; margin-right: 50px; position: relative; }
.pro_tab span.on{font-weight: bold;color:#0065d4}
.pro_tab span.on:after{ content:""; position:absolute; left:0; bottom:-3px; height:4px; background:#0065d4;display:block;width:100%}
.pro_content{ font-size:18px; line-height:1.5;padding:50px 0}
.pro_content .tab_content{display:none}
/***/
.news_title_h2 { text-align: center; line-height: 1.5; font-weight: normal; }
.news_time { text-align: center; color: #666; padding-bottom: 15px; border-bottom: 1px solid #ddd; font-size:14px;padding-top:15px}
.news_time .hits{margin-right:50px}
.news_content { padding: 25px; }
.page_next { }
.page_next p { padding-left: 70px; position: relative; margin-top: 15px; }
.page_next p font { position: absolute; left: 0; top: 3px; }
.page_next p a { color: #0065d4; }
/**/
.contact_form{background:#f5f5f5;padding:50px 0}
.layui-form input[type='text'], .layui-form textarea { display:block; width:100%; border:1px solid #ddd; padding:12px 15px; }
.layui-form label { font-weight:bold; font-size:16px; display:block; margin-bottom:10px }
.layui-form .input { margin-top:5px; margin-bottom:20px; float:left; width:32%; position:relative; }
.layui-form .submit { margin-top:25px; float:left; width:100%; text-align:center }
.layui-form .textarea { float:left; width:100% }
#mobilex { margin-left:2%; margin-right:2% }
#codex { position:relative; margin-top:25px }
#codex img { cursor:pointer; position:absolute; right:10px; bottom:8px }
.layui-form textarea { min-height:120px; }
.contact_form button { border:0; background:#0e6eb8; padding:15px 5px;width:100%;max-width:360px; color:#fff; font-size:16px; display:inline-block; cursor:pointer }
.map{padding:50px 0}
.map iframe{border:0;width:100%;height:350px}
/**/
.layui-table-page .layui-laypage input { display:inline-block }
#selection_list{ }
#selection_list .layui-table thead tr{ background: #0e6eb8; color: #fff; }
#selection_list .layui-laypage .layui-laypage-curr .layui-laypage-em{ background: #0e6eb8; }
.layui-form1 { }
.layui-form1 .layui-select-item { float:  left; width: 25%; margin: 8px 0; color: #666; }
.layui-form1 .layui-select-item input { width: 150px; padding: 3px; }
.layui-form1 .layui-select-item select { width: 150px; padding: 3px; }
.layui-form1 button { background:#0065d4; color:  #fff; padding: 10px 15px; cursor:  pointer; border:  0; border-radius: 5px; margin-right: 52px; }
.layui-form1 .searchbtn{ margin-left:52px; margin-top:15px}
.layui-form1 h2{ display:block; padding-bottom:10px; border-bottom:2px solid #0e6eb8;margin-bottom:20px}
#selection_list h3{ margin-top:25px; color:#0e6eb8}
/**/
#search_ulist{}
#search_ulist li{border-bottom:1px solid #ddd;padding-bottom:10px;margin-top:15px;list-style: circle inside;padding-left: 10px;}
#search_ulist li a:hover{color:#0e6eb8}
#search_ulist li:hover{color:#0e6eb8}