@charset "utf-8";
@import '../../../assets/css/bootstrap.min.css';
@import '../../../assets/css/font-awesome.css';
@import '../../../assets/css/richtext.css';
@import '../../../assets/css/animate.min.css';
body,
html{overflow-x:hidden}
body{color:#333;height:auto;box-sizing:border-box;background-color:#fff;padding-top:94px}
.course{-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;-khtml-user-select:none;user-select:none}
a{color:#333;text-decoration:none}
a:hover{text-decoration:none;color:#8f0020}
i,
em{font-style:normal}
.header,
.logo img,
.slider-nav .h3,
.ipro_list .pd,
.inews_list .img i,
.inews_list .em,
.inews_list .h3,
.more1 a,
body,
.news_list .em,
.video_list .img{-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-ms-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease}
.qualifications_con .slick-slide,
.qualifications_con .slick-slide .pd,
.qualifications_con .img:after{-webkit-transition:all .3s linear;-moz-transition:all .3s linear;-ms-transition:all .3s linear;-o-transition:all .3s linear;transition:all .3s linear}
.menu-link{-webkit-transition:all .2s ease-out;-moz-transition:all .2s ease-out;-ms-transition:all .2s ease-out;-o-transition:all .2s ease-out;transition:all .2s ease-out}
.menu-link *{box-sizing:border-box}
.menu-link{display:none;border-radius:5px;box-sizing:border-box;position:absolute;top:10px;right:-8px;font-size:11px;z-index:10;width:40px;height:40px;padding:8px}
.menu-link span{position:relative;display:block;margin-top:10px}
.menu-link span,
.menu-link span:before,
.menu-link span:after{background-color:#000;width:100%;height:3px;-webkit-transition:all .4s;-moz-transition:all .4s;-ms-transition:all .4s;-o-transition:all .4s;transition:all .4s}
.menu-link span:before,
.menu-link span:after{position:absolute;top:-0.55em;content:" "}
.menu-link span:after{top:.55em}
.menu-link.active span{background:transparent}
.menu-link.active span:before{background-color:#8f0020;-webkit-transform:rotate(45deg) translate(.5em, .4em);-moz-transform:rotate(45deg) translate(.5em, .4em);-ms-transform:rotate(45deg) translate(.5em, .4em);-o-transform:rotate(45deg) translate(.5em, .4em);transform:rotate(45deg) translate(.5em, .4em)}
.menu-link.active span:after{background-color:#8f0020;-webkit-transform:rotate(-45deg) translate(.4em, -0.3em);-moz-transform:rotate(-45deg) translate(.4em, -0.3em);-ms-transform:rotate(-45deg) translate(.4em, -0.3em);-o-transform:rotate(-45deg) translate(.4em, -0.3em);transform:rotate(-45deg) translate(.4em, -0.3em)}
.menu .h3 i,
.menu .h3 em,
.ibanner .slick-arrow,
.ipro_list .slick-arrow,
.case_tit .h3 em i,
.qualifications_con .slick-arrow,
.footer_nav .h3 i,
.footer_nav .h3 em{font-family:"iconfont" !important;font-size:16px;font-style:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
.sep-header-contact-info{display:block;float:left;line-height:30px;margin-right:15px}
.sep-header-contact-info .spans{color:#898989;font-size:14px;position:relative}
.sep-header-contact-info a{margin-left:10px}
.sep-header-contact-info a:hover{opacity:.7}
.forms{width:180px;height:28px;overflow:hidden;z-index:103;float:left}
.forms form{line-height:normal;position:relative}
.forms form input[type='text']{box-shadow:none;width:100%;height:28px;color:#8f0020;outline:none;display:inline-block;border:none;font-size:12px;padding-left:26px;background:#f3f3f3;border-radius:6px;transition:All .4s ease-in-out;-webkit-transition:All .4s ease-in-out;-moz-transition:All .4s ease-in-out;-o-transition:All .4s ease-in-out}
.forms form input[type='text']::-webkit-input-placeholder {
color:#8f0020
}
.forms form button[type='submit']{width:20px;height:20px;display:block;border:none;background:transparent;border-radius:100%;outline:none;position:absolute;top:4px;right:8px}
.forms form button[type='submit'] i{font-size:16px;color:#8f0020}
.sep-resource-list2 li{padding-left:160px;position:relative;padding-bottom:30px;border-bottom:1px solid #dfdfdf;padding-top:15px;min-height:152px;margin-bottom:30px}
.sep-resource-list2 li.nothumb{padding-left:0}
.sep-resource-list2 li.nothumb .thumb{display:none}
.sep-resource-list2 li .thumb{display:block;position:absolute;width:140px;overflow:hidden;left:0;top:12px}
.sep-resource-list2 li .thumb img{width:100%}
.sep-resource-list2 li .title{display:block;color:#545454;font-size:16px;font-weight:bold;margin-bottom:10px}
.sep-resource-list2 li .title:hover{color:#8f0020}
.sep-resource-list2 li .summary{display:block;color:#545454;font-size:14px;line-height:1.6em;margin-bottom:10px}
.sep-resource-list2 li .more{text-transform:uppercase;color:#8f0020;font-size:12px;font-weight:bold}
.sep-resource-list2 li .more:hover{text-decoration:underline}
.wp{width:1170px;position:relative;margin:0 auto}
.fix_body{padding-top:66px}
.fix_body .top_right{display:none}
.fix_body .menu{padding-top:17px}
.fix_body .logo{padding-top:15px}
.fix_body .logo img{height:30px}
.header{background:#fff;position:fixed;left:0;top:0;right:0;z-index:15;box-shadow:0 0 10px rgba(0,0,0,0.3);-webkit-transform:translateZ(0)}
.header .header-boxs{width:100%;position:relative}
.header .wp{position:relative}
.logo{float:left;padding-top:27px}
.logo img{height:42px;display:block}
.menu{float:right;padding-top:50px; padding-right: 120px;}
.menu li{float:left;margin-left:40px;position:relative}
.menu .h3{ position: relative;}
.menu .h3 a{font-weight:bold;font-size:16px;height:44px;line-height:32px;padding-bottom:12px;display:block;float:left;position:relative}
.menu .h3 i:before{content:"\e604"}
.menu .h3 i.ons:before{content:"\e7f9"}
.menu .h3 i.active:before{content:"\e606"}
.menu .h3 em:before{content:"\e7f9"}
.menu .curr .h3 a i{display:block}
.menu .box{position:absolute;left:0;top:44px;width:280px;display:none}
.menu .box:before{display:none;content:"\20";background:url("../img/sj1.png") no-repeat;width:15px;height:8px;left:50%;top:-8px;position:absolute;margin-left:-7px}
.menu .box a{background:rgba(0,157,223,0.9);display:block;line-height:18px;padding:8px 10px;border-bottom:1px solid rgba(255,255,255,0.5);color:#fff}
.menu .box a:hover{background-color:#ad2e50}
.menu .h3 em,
.menu .h3 i{position:absolute;right:25px;width:32px;height:32px;margin-top:-16px;top:50%;line-height:32px;text-align:center;color:#fff;font-weight:bold;display:none}
.menu li:hover .box{display:none}

.menu li:nth-child(3) .box{ width:1170px; position:fixed; left:50%; margin-left:-585px; top:94px;}
.menu li:nth-child(3) .box a{ width:50%; float:left;}

.fix_body .menu li:nth-child(3) .box{ top:61px;}

.menu_box{display:none;background:#fff;position:absolute;left:0;top:33px;right:0;z-index:14;-webkit-transform:translateZ(0)}
.menu_box .icon-guanbi{cursor:pointer;display:none;position:absolute;color:#000;font-size:18px;right:0;top:0;width:30px;height:30px;line-height:30px;text-align:center}
.menu_box .li{display:none;padding:61px 0 0;margin-bottom:35px}
.menu_box .wp{background:rgba(0,157,223,0.9)}
.menu_box ul{padding:91px 0 30px 30px}
.menu_box li{float:left;width:33.3333%;box-sizing:border-box;padding-right:30px}
.menu_box .h3{border-bottom:1px solid rgba(255,255,255,0.5);margin-bottom:0}
.menu_box .h3 a{font-size:16px;color:#fff;font-weight:bold;line-height:20px;padding:8px 10px;display:block}
.menu_box .h3 a:hover{background-color:#ad2e50}
.menu_box .p{margin-bottom:20px}
.menu_box .p a{display:block;line-height:18px;padding:6px 10px 6px 20px;position:relative;color:#fff}
.menu_box .p a:hover{background-color:#ad2e50}
.menu_box .p a:before{content:"\-";color:#fff;position:absolute;left:10px;top:5px;font-size:24px}
.menu_box .p a strong{font-weight:normal}
.menu_box .p a strong:after{content:"\-";color:#fff;font-weight:normal}
.menu_box .close{display:none;position:absolute;font-size:22px;width:24px;height:24px;line-height:24px;text-align:center;right:15px;top:85px}
.menu_box .li2 li{width:33.333333%}
.menu_box_bg{display:none;z-index:40;position:fixed;left:0;top:0;right:0;bottom:0;background:#e9e9e9;-webkit-transform:translateZ(0);width:100%;height:100%}
.top_right{position:absolute;right:0;top:11px}
.top_nav{float:left;color:#898989;height:30px;line-height:30px}
.top_nav a{color:#898989}
.top_nav a:hover{color:#8f0020}
.top_nav span{margin:0 14px}
.language{float:left;margin-left:20px;position:relative}
.language .h3{height:28px;line-height:28px;border:1px solid #fff;cursor:pointer;padding:0 5px 0 25px;color:#000;position:relative}
.language .h3 img{position:absolute;left:5px;top:50%;height:11px;margin-top:-6px;display:block;width:18px;height:12px}
.language .box{display:none;position:absolute;left:0;top:30px;right:0;border:1px solid #ccc;border-top:none;background:#fff}
.language .box a{display:block;padding:0 5px 0 25px;height:30px;line-height:30px;border-bottom:1px solid #ccc;position:relative}
.language .box a:last-child{border-bottom:none}
.language .box a:hover{background-color:#8f0020;color:#fff}
.language .box img{position:absolute;left:5px;top:50%;height:11px;margin-top:-6px;display:block;width:18px;height:12px}
.language.curr .h3{border:1px solid #ccc}
.ibanner{position:relative}

.ibanner .slick-arrow{font-size:32px;position:absolute;top:50%;width:60px;height:60px;line-height:60px;text-align:center;z-index:13;background:rgba(0,0,0,0.3);padding:0;border:none;color:#fff;border-radius:50%;margin-top:-60px;opacity:.5;display:none !important}
.ibanner .slick-prev{left:10%}
.ibanner .slick-prev:before{content:"\e6bd"}
.ibanner .slick-next{right:10%}
.ibanner .slick-next:before{content:"\e651"}
.ibanner:hover .slick-arrow{background:#000;opacity:1}
.slider-for img{display:block;width:100%;height:calc(100vh - 94px);}

.ibanner .slick-dots{ position:absolute; left:0px; right:0px; bottom:35px; transform: translateZ(0); text-align:center; z-index:5;}
.ibanner .slick-dots li{ display:inline-block; vertical-align:bottom; margin:0 0.5em;}
.ibanner .slick-dots li button{ display:block; border:none; padding:0px; overflow:hidden; box-sizing:border-box; position:relative; color:#17573a; text-indent:-99px; text-align:left; height:1em; line-height:1; width:1em; background:#fff; box-shadow:0 0 3px rgba(0,0,0,0.3); border-radius:0.5em; font-size:12px;}
.ibanner .slick-dots li.slick-active button{ background:#a00f36; width:3em;}

.slider-nav{background:rgba(0,157,223,0.9);position:absolute;left:0;bottom:0;right:0}
.slider-nav .slick-list{width:1170px;margin:0 auto}
.slider-nav .h3{height:50px;line-height:50px;color:#fff;text-align:center;font-size:14px;cursor:pointer}
.slider-nav .slick-current .h3{background:#8f0020}
.slider-nav .slick-arrow{top:-290px;display:none !important}
.tit1{font-size:22px;color:#333;height:64px;line-height:64px;margin-top:27px;position:relative}
.more2{position:absolute;right:0;color:#a00f36;font-size:14px}
.ipro_list .slick-list{margin-right:-1px}
.ipro_list .pd{display:block;margin-right:1px;color:#333;position:relative}
.ipro_list .pd:hover{color:#a00f36;}
.ipro_list .img{background:#ddd}
.ipro_list .img img{width:100%;height:auto;display:block; aspect-ratio: 640/400;object-fit:contain;}
.ipro_list .img:before{display:none;content:'\20';position:absolute;left:20px;top:20px;background:url("../img/r.png") no-repeat;width:81px;height:24px}
.ipro_list .text{padding:15px 0;}
.ipro_list .h3{font-size:18px;height:1.3em;line-height:1.3em;overflow:hidden; text-align: center;}
.ipro_list .p{height:3.9em;overflow:hidden;line-height:1.3em;margin-bottom:22px; display: none;}
.ipro_list .p p{color:#fff}
.ipro_list i{font-size:50px;display:block;height:20px;line-height:20px;text-align:right;color:#fff;background:url(../img/ac-rights.png) no-repeat right center}
.ipro_list .slick-arrow{font-size:50px;position:absolute;top:50%;width:50px;height:50px;line-height:50px;text-align:center;z-index:13;background:none;padding:0;border:none;color:#999;margin-top:-30px;display:block}
.ipro_list .slick-prev{left:-63px;background:url(../img/ak-le.png) no-repeat center}
.ipro_list .slick-next{right:-63px;background:url(../img/ak-lr.png) no-repeat center}
.inews_list ul{margin-right:-15px}
.inews_list li{width:33.333333%;float:left;margin-bottom:18px}
.inews_list .pd{display:block;margin-right:15px}
.inews_list .pd:hover .em{background:#8f0020;color:#fff}
.inews_list .pd:hover .h3{color:#a00f36;text-decoration:underline}
.inews_list .pd:hover .img i{opacity:1}
.inews_list .img{margin-bottom:18px;position:relative;display:none}
.inews_list .img img{width:100%;height:auto;display:block; aspect-ratio: 640/410; object-fit: cover;}
.inews_list .img i{position:absolute;right:0;bottom:0;width:94px;height:35px;line-height:35px;text-align:center;color:#fff;font-size:48px;opacity:0;background:url(../img/ac-rights.png) no-repeat center #8f0020}
.inews_list .text{padding-left:105px;position:relative}
.inews_list .h3{font-size:16px;color:#333;height:26px;line-height:26px;overflow:hidden}
.inews_list .p{color:#8a8a8a;height:38px;overflow:hidden}
.inews_list .em{position:absolute;left:0;top:0;width:95px;background:rgba(0,157,223,0.9);box-sizing:border-box;padding:10px 0 10px 15px;color:#fff;border-radius:5px}
.inews_list .em strong{display:block;font-size:26px;font-weight:bold;line-height:1}
.inews_list .em em{display:block;font-size:16px}
.inews_list li:nth-child(1) .img,
.inews_list li:nth-child(2) .img,
.inews_list li:nth-child(3) .img{display:block}
.news .inews_list{margin-bottom:40px}
.news .inews_list .img{display:block}
.icase_list{margin-bottom:40px}
.icase_list .slick-list{margin-right:-20px}
.icase_list .pd{margin-right:20px;position:relative;display:block; border-radius: 10px; overflow: hidden;}
.icase_list .img img{width:100%;height:auto;display:block; aspect-ratio: 640/410; object-fit: cover;}
.icase_list .text{position:absolute;left:0px;right:0px;bottom:0px;background:rgba(25,166,226,0.8);}
.icase_list .h3{padding:0 70px 0 15px;line-height:44px;height:44px; color: #fff;}
.icase_list i{position:absolute;right:0;width:70px;height:44px;top:0;text-align:center;color:#fff;font-size:44px;line-height:44px;background:url(../img/ac-re-rights.png) no-repeat center}
.icase_list .single-item{padding-bottom:60px}
.icase_list .slick-dots,
.ipro_list .slick-dots{position:absolute;left:50%;margin-left:-80px;bottom:0}
.icase_list .slick-dots li,
.ipro_list .slick-dots li{float:left;margin:0 14px}
.icase_list .slick-dots button,
.ipro_list .slick-dots button{width:12px;height:12px;background:#ccc;padding:0;border:none;border-radius:50%;text-indent:-9999px;overflow:hidden}
.icase_list .slick-dots .slick-active button,
.ipro_list .slick-dots .slick-active button{background:#a00f36}
.istrength{background:#efefef;padding:0 0 30px;position:relative}
.istrength:after{content:'\20';position:absolute;left:0;top:73px;z-index:1;right:0;width:100%;height:3px;background:#ddd}
.istrength_list{padding-top:20px}
.istrength_list sup{vertical-align:super;font-size:smaller;top:initial}
.istrength_list:after{content:'\20';position:absolute;width:7px;height:36px;left:0;top:0;background:#fff}
.istrength_list:before{content:'\20';position:absolute;width:7px;height:36px;right:0;top:0;background:#fff}
.istrength_list li{float:left;width:25%;text-align:center}
.istrength_list strong{font-size:34px;color:#a00f36;display:block}
.istrength_list em{color:#000;display:block}
.inner-products-lists{width:100%;padding:54px 0 88px}
.inner-products-lists .titles-lists{width:100%;height:53px;margin-bottom:30px}
.inner-products-lists .titles-lists ul li{width:50%;position:relative;float:left;background:#efefef;color:#0f0f0f;font-size:22px;text-align:center;cursor:pointer}
.inner-products-lists .titles-lists ul li a{color:#0f0f0f;font-size:22px;display:block;line-height:53px}
.inner-products-lists .titles-lists ul li.active{background:#2f9fe0;color:#fff}
.inner-products-lists .titles-lists ul li.active a{color:#fff}
.inner-products-lists .titles-lists ul li.active .sanjiao{opacity:1;z-index:initial}
.inner-products-lists .titles-lists ul li .sanjiao{display:block;width:20px;height:20px;position:absolute;left:50%;margin-left:-10px;bottom:-10px;background:#2f9fe0;opacity:0;z-index:-1;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg)}
.inner-products-lists .products-lists-boxs{width:100%;margin-top:32px;overflow:hidden}
.inner-products-lists .products-lists-boxs .lists{display:none}
.inner-products-lists .products-lists-boxs .lists.active{display:block}
.inner-products-lists .products-lists-boxs .lists ul li{width:30.7%;float:left;margin-left:3.95%;margin-bottom:68px}
.inner-products-lists .products-lists-boxs .lists ul li:nth-child(3n+1){margin-left:0}
.inner-products-lists .products-lists-boxs .lists ul li .thumbs{display:block;width:100%;background:#fff;overflow:hidden;}
.inner-products-lists .products-lists-boxs .lists ul li .thumbs img{max-width:100%; aspect-ratio: 640/400;object-fit:contain;}
.inner-products-lists .products-lists-boxs .lists ul li .thumbs:hover img{-webkit-transform:scale(1.2);-moz-transform:scale(1.2);-ms-transform:scale(1.2);-o-transform:scale(1.2);transform:scale(1.2);}
.inner-products-lists .products-lists-boxs .lists ul li .titles{display:block;font-size:18px;color:#0f0f0f;text-align:center;line-height:normal;height:42px;overflow:hidden;margin-top:26px; line-height: 21px;}
.inner-products-lists .products-lists-boxs .lists ul li .titles:hover{color:#2f9fe0}
.inner-products-lists .products-lists-boxs .lists ul li .spans{display:block;width:100%;font-size:14px;color:#555;line-height:1.5em;height:4.5em;overflow:hidden;margin-top:5px}
.inner-products-lists .products-lists-boxs .lists ul li .mores{width:84px;height:24px;line-height:24px;text-align:center;font-size:12px;color:#2f9fe0;border-radius:12px;border:1px solid #2f9fe0;display:block;margin-top:17px}
.inner-products-lists .products-lists-boxs .lists ul li .mores:hover{text-decoration:underline}
.inner-products-lists .products-lists-boxs .lists ul li:hover .thumbs{border-color:#0497da}
.inner-products-lists .lefts{width:72.5%;float:left;padding:0 38px 0 9px}
.inner-products-lists .lefts .details-h1{width:100%;font-size:24px;color:#009ddf;line-height:28px;padding-left:17px;position:relative}
.inner-products-lists .lefts .details-h1 .spans{display:block;width:3px;height:28px;background:#009ddf;position:absolute;left:0;top:0}
.inner-products-lists .lefts .contents{margin:18px 0 22px}
.inner-products-lists .lefts .contents .faqs h2{font-size:18px;color:#2f9fe0;line-height:42px;border-bottom:1px solid #2f9fe0;margin-bottom:20px}
.inner-products-lists .lefts .ahri-boxs{width:100%}
.inner-products-lists .lefts .ahri-boxs .ahri-titles{width:100%;height:39px;line-height:39px;background:#efefef;font-size:20px;color:#009ddf;padding-left:15px}
.inner-products-lists .lefts .ahri-boxs .ipro_listss .slick-arrow{font-size:50px;position:absolute;top:50%;width:50px;height:50px;line-height:50px;text-align:center;z-index:13;background:none;padding:0;border:none;color:#999;margin-top:-30px;display:block}
.inner-products-lists .lefts .ahri-boxs .ipro_listss .slick-arrow:before{width:11px;height:23px;content:'';display:block;margin:0 auto;background:url(../img/pics-img.png) no-repeat 0 0}
.inner-products-lists .lefts .ahri-boxs .ipro_listss .slick-prev{left:-36px}
.inner-products-lists .lefts .ahri-boxs .ipro_listss .slick-prev:before{background-position-x:0}
.inner-products-lists .lefts .ahri-boxs .ipro_listss .slick-prev:hover:before{background-position-x:-20px}
.inner-products-lists .lefts .ahri-boxs .ipro_listss .slick-next{right:-36px}
.inner-products-lists .lefts .ahri-boxs .ipro_listss .slick-next:before{background-position-x:-65px}
.inner-products-lists .lefts .ahri-boxs .ipro_listss .slick-next:hover:before{background-position-x:-44px}
.inner-products-lists .lefts .benefites-ul{width:100%}
.inner-products-lists .lefts .benefites-ul ul{padding-left:30px;list-style:inside}
.inner-products-lists .lefts .benefites-ul li{width:100%;list-style:disc;position:relative;font-size:14px;line-height:28px;color:#555}
.inner-products-lists .lefts .applications-ul{width:100%}
.inner-products-lists .lefts .applications-ul li{width:100%;position:relative;margin:0 8px;color:#555}
.inner-products-lists .lefts .applications-ul li img{max-width:100%; aspect-ratio: 640/410; object-fit: cover;}
.inner-products-lists .lefts .applications-ul li .titles{display:block;width:100%;height:44px;padding:0 28px;background:rgba(0,0,0,0.5);overflow:hidden;position:absolute;left:0;bottom:0}
.inner-products-lists .lefts .applications-ul li .titles .titles-a{display:block;width:100%;line-height:44px;text-align:center;color:#fff;font-size:16px}
.inner-products-lists .lefts .applications-ul li .titles .spans{display:block;width:100%;height:auto;font-size:12px;color:#fff;line-height:24px;height:120px;overflow:hidden}
.inner-products-lists .lefts .applications-ul li:hover .titles{height:100%;padding-top:10px}
.inner-products-lists .lefts .applications-ul li:hover .titles .titles-a{text-align:left}
.inner-products-lists .rights{width:27.5%;float:left}
.boxs-related{width:100%;overflow:hidden;margin-top:28px;margin-bottom:66px}
.boxs-related .related-titles{width:100%;font-size:20px;color:#1c1c1c;display:block;line-height:normal;margin-bottom:18px}
.boxs-related ul li{width:23.5%;float:left;position:relative}
.boxs-related ul li+li{margin-left:2%}
.boxs-related ul li+li:nth-child(4n+1){margin-left:0}
.boxs-related ul li .thumbs{display:block;width:100%;background:#ddd}
.boxs-related ul li .thumbs img{max-width:100%}
.boxs-related ul li .titles{display:block;width:100%;height:100%;position:absolute;left:0;top:0;background:rgba(0,0,0,0.6);opacity:0;z-index:-1}
.boxs-related ul li .titles .titles-a{width:auto;height:auto;position:absolute;left:50%;top:50%;font-size:14px;color:#fff;line-height:26px;-webkit-transform:translate(-50%, -50%);-moz-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);-o-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}
.boxs-related ul li:hover .titles{opacity:1;z-index:initial}
.sep-box-panel{margin-top:20px;margin-bottom:20px}
.sep-box-panel>.datalist>li{background:#f4f4f4;border-bottom:1px solid #e3e3e3}
.sep-box-panel>.datalist>li>a{color:#4a4a4a;font-size:14px;line-height:23px;padding:13px 0;display:block;margin:0 18px}
.sep-box-panel>.datalist>li:hover>a{color:#8f0020}
.sep-box-panel>.datalist>li.active>a{color:#8f0020;font-weight:bold}
.sep-box-panel>.datalist>li:last-child{border-bottom:none}
.sep-box-panel.product>.datalist>li.has-childs>a{position:relative}
.sep-box-panel.product>.datalist>li.has-childs>a i{font-weight:bold;padding-left:10px;padding-right:10px;position:absolute;right:-10px;top:17px}
.sep-box-panel.product>.datalist>li.has-childs.active>ul{display:block}
.sep-box-panel.product>.datalist>li.has-childs>ul{display:none;background:#fff}
.sep-box-panel.product>.datalist>li.has-childs>ul li{-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s;transition:all .3s;background:#fff;border-bottom:1px solid #e3e3e3}
.sep-box-panel.product>.datalist>li.has-childs>ul li:last-child{border:none}
.sep-box-panel.product>.datalist>li.has-childs>ul li>a{margin:0 18px;display:block;line-height:28px;color:#545454;padding:7px 0}
.sep-box-panel.product>.datalist>li.has-childs>ul li.has-childs>a{position:relative}
.sep-box-panel.product>.datalist>li.has-childs>ul li.has-childs>a i{font-weight:bold;padding-left:10px;padding-right:10px;position:absolute;right:-10px;top:17px}
.sep-box-panel.product>.datalist>li.has-childs>ul li.has-childs.active>ul{display:block}
.sep-box-panel.product>.datalist>li.has-childs>ul li>ul{padding-left:30px;display:none}
.sep-box-panel.product>.datalist>li.has-childs>ul li>ul>li{-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s;transition:all .3s;list-style:square;padding-left:0;padding:1px 0}
.sep-box-panel.product>.datalist>li.has-childs>ul li>ul>li a{-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s;transition:all .3s}
.sep-box-panel.product>.datalist>li.has-childs>ul li>ul>li.active a{padding-left:5px;color:#8f0020}
.sep-box-panel.product>.datalist>li.has-childs>ul li>ul>li.hover a{padding-left:5px;color:#8f0020}
.sep-box-panel.product>.datalist>li.has-childs>ul li i{color:#8f0020;padding-right:5px}
.sep-box-panel.product>.datalist>li.has-childs>ul li a{font-size:13px;color:#000}
.sep-box-panel.product>.datalist>li.has-childs>ul li:hover{color:#8f0020}
.sep-box-panel.product>.datalist>li.has-childs>ul li:hover>a{color:#8f0020}
.sep-box-panel.product>.datalist>li.has-childs>ul li.active>ul{display:block}
.sep-box-panel.product>.datalist>li.has-childs>ul li.active>a{color:#8f0020}
.sep-box-panel .sep-box-panel-heading{background:#8f0020;padding:7px 0 7px 22px;text-align:left;font-size:20px;color:#fff;font-weight:bold;display:block;text-transform:uppercase}
.sep-box-panel .sep-box-panel-body{background:#f2f2f2;text-align:left;font-weight:bold;padding:20px 0}
.sep-box-panel .sep-box-panel-body img{max-width:100%;box-shadow:0 0 3px #666;border-radius:6px}
.sep-box-panel .siderbar-contact{width:100%;background:#f4f4f4;overflow:hidden;padding:18px 18px 23px}
.sep-box-panel .siderbar-contact .lists{display:block;width:100%;position:relative;padding-left:30px}
.sep-box-panel .siderbar-contact .lists:before{content:'';display:block;width:18px;height:18px;position:absolute;left:0;top:8px}
.sep-box-panel .siderbar-contact .lists .spans{color:#484848;font-size:14px;line-height:32px;display:block}
.sep-box-panel .siderbar-contact .lists a:hover{color:#8f0020}
.sep-box-panel .siderbar-contact .lists:nth-child(1):before{background-position-x:0}
.sep-box-panel .siderbar-contact .lists:nth-child(2):before{background-position-x:-20px}
.sep-box-panel .siderbar-contact .lists:nth-child(3):before{background-position-x:-44px}
.sep-siderbar{width:100%;background:#fafafa;padding:20px}
.sep-siderbar .sider-titles{display:flex;width:100%;font-size:17px;line-height:38px;color:#0093dd;text-transform:uppercase;padding-bottom:4px;border-bottom:2px solid #0093dd}
.sep-siderbar .sider-titles .imgs{margin-right:9px; height: 30px; width: 30px;}
.sep-siderbar .sider-titles.ons{margin-top:36px}
.sep-siderbar .sider-p-dl{width:100%}
.sep-siderbar .sider-p-dl.ons{margin-bottom:45px}
.sep-siderbar .sider-p-dl dt{width:195px;max-height:164px;overflow:hidden;background:#ddd;margin:18px auto 0}
.sep-siderbar .sider-p-dl dt img{max-width:100%}
.sep-siderbar .sider-p-dl dd{font-size:13px;color:#555;line-height:25px;display:block;margin-top:12px;overflow:hidden}
.sep-siderbar .sider-p-dl .standard{display:block;width:100%;max-width:285px;margin:12px auto 0;border-radius:10px;background:#0093dd;font-size:14px;color:#fff;line-height:36px;text-align:center;text-transform:uppercase}
.sep-siderbar .sider-p-dl .standard:hover{text-decoration:underline}
.sep-siderbar .sider-new-dl{width:100%}
.sep-siderbar .sider-new-dl dl{overflow:hidden;padding:14px 0;border-bottom:1px solid #dcdcdc}
.sep-siderbar .sider-new-dl dl dt a{font-size:15px;line-height:21px;color:#373737;display:block}
.sep-siderbar .sider-new-dl dl dd{width:100%;font-size:14px;line-height:21px;color:#555;max-height:0;overflow:hidden}
.sep-siderbar .sider-new-dl dl:hover dt a{color:#009ddf}
.sep-siderbar .sider-new-dl dl:hover dd{max-height:1000px;padding-top:6px}
.sep-siderbar .sider-new-dl .all-news{display:block;width:100%;font-size:14px;color:#005fac;line-height:21px;text-align:center;margin-top:20px}
.sep-siderbar .sider-new-dl .all-news:hover{text-decoration:underline}
.sep-siderbar .sider-down-ul{width:100%;padding:20px 0}
.sep-siderbar .sider-down-ul li{width:100%;line-height:37px;padding-left:6px}
.sep-siderbar .sider-down-ul li a{font-size:14px;color:#555}
.sep-siderbar .sider-down-ul li img{margin-left:20px}
.sep-siderbar .sider-down-ul li:hover a{color:#005fac}
.share{padding-top:55px;position:relative;z-index:2}
.share ul{background:#efefef;float:left}
.share li{float:left;margin:0 8px}
.share li a{font-size:36px;width:40px !important;height:40px !important;padding:0 !important;background:none !important;margin:0 !important;float:none !important;line-height:40px !important;text-align:center;display:block}
.share li a.icon-youtube{color:#e53130}
.share li a.icon-in{color:#007bb6}
.share li a.icon-facebook{color:#3b5998}
.share li a.icon-twitter{color:#56d7fe}
.share li a.icon-weixin{color:#21c300}
.more1{padding-top:35px}
.more1 a{width:278px;height:48px;border:1px solid #ccc;line-height:48px;text-align:center;margin:0 auto;display:block}
.more1 a:hover{color:#fff;background:#8f0020;border:1px solid #8f0020}
.footer{background:#009ddf}
.footer_top{padding:40px 0;color:#fff}
.footer_top a{color:#fff}
.footer_top a:hover{color:#000}
.footer_about{float:left;width:440px;border-right:1px solid #2073a8;padding-right:60px}
.footer_about .img{margin-bottom:25px}
.footer_about .img img{display:block;max-width:100%;height:auto !important}
.footer_about .h3{font-weight:bold;margin-bottom:10px}
.footer_about p{color:#fff}
.footer_nav{float:right}
.footer_nav .ul{float:left;margin-left:30px;font-size:12px;max-width:180px;}
.footer_nav .ul:first-child{margin-left:0}
.footer_nav .h3{font-size:16px;margin-bottom:20px;position:relative}
.footer_nav .h3 i:before{content:"\e604"}
.footer_nav .h3 i.active:before{content:"\e606"}
.footer_nav .h3 em:before{content:"\e7f9"}
.footer_nav a{display:block}
.footer_nav a:hover{text-decoration:underline}
.footer_nav li{padding:6px 0}
.footer_nav li a{line-height:16px;display:block;font-size:12px}
.footer_bottom{color:#fff;text-align:center;padding:20px 0;line-height:24px}
.footer_bottom img{margin-left:10px}
.footer_bottom .spps{color:#fff;padding-left:12px;border-left:1px solid #fff;margin-left:12px}
.footer_bottom .spps:hover{color:#8f0020}
.footer_nav .h3 em,
.footer_nav .h3 i{position:absolute;right:0;width:32px;height:32px;margin-top:-16px;top:50%;line-height:32px;text-align:center;color:#fff;font-weight:bold;display:none;cursor:pointer}
.pg_banner{position:relative;overflow:hidden}
.pg_banner img{width:100%;height:auto}
.pg_banner .crumbs{position:absolute;left:0;right:0;bottom:0;background:rgba(0,157,223,0.9);height:42px;line-height:42px;color:#fff;font-size:16px; display: none;}
.pg_banner .crumbs a{color:#fff}
.pg_banner .crumbs a:hover{color:#8f0020}
.pg_banner .crumbs em{margin:0 5px}
.pgwp{padding:40px 0}
.brand_tit{margin-bottom:40px}
.brand_tit .h3{font-size:26px;margin-bottom:15px}
.brand_list ul{margin-right:-15px}
.brand_list li{float:left;margin-bottom:15px}
.brand_list img{max-width:100%;height:auto;display:block}
.brand_list .pd{border:1px solid #ccc;margin-right:15px}
.case_tit{margin-bottom:30px}
.case_tit .h3{margin-bottom:10px;position:relative}
.case_tit .h3 strong{font-size:24px;font-weight:bold}
.case_tit .h3 em{color:#0057a0;cursor:pointer;position:absolute;right:0}
.case_tit .h3 em span{font-size:24px}
.case_tit .h3 em i:before{content:"\e80d"}
.case_tit .em{margin-bottom:10px}
.case_tit .p{overflow:hidden}
.case_tit .p ul{margin-right:-15px}
.case_tit .p li{width:25%;float:left}
.case_tit .p a{border-bottom:1px solid #ccc;display:block;position:relative;line-height:16px;height:58px;padding:20px 0 5px 20px;margin-right:15px}
.case_tit .p a:hover strong{color:#8f0020}
.case_tit .p a:hover strong:after{color:#8f0020}
.case_tit .p strong{position:absolute;left:0;font-weight:normal;width:20px;text-align:center;color:#0057a0;font-weight:bold}
.case_tit .p strong:after{content:"\-";color:#333;font-weight:normal}
.case_list ul{margin-right:-75px}
.case_list li{width:33.333333%;float:left;margin-bottom:30px}
.case_list img{width:100%;height:auto;display:block}
.case_list .pd{margin-right:75px;display:block}
.case_list .h3{height:44px;line-height:44px;overflow:hidden;font-size:20px;color:#000}
.case_list .p{line-height:19px;color:#333;height:38px;overflow:hidden}
.case_list .pd:hover .h3{color:#a00f36}
.case_list .pd:hover .p{color:#a00f36}
.flip{line-height:20px;background:#009ddf;text-align:center;padding:9px 15px;color:#fff;margin-bottom:30px}
.flip em{width:auto}
.flip a{color:#fff}
.flip a:hover{color:#8f0020}
.flip .current{background:#fff;color:#8f0020}
.flip .flip_prev{float:left;width:auto;margin:0}
.flip .flip_next{float:right;width:auto;margin:0}
.flip a,
.flip em,
.flip span{display:inline-block;width:20px;height:20px;border-radius:50%;margin:0 6px}
.flow{width:100%;margin:0 auto}
.flow .waterfall{-moz-column-width:24em;-webkit-column-width:24em;column-width:24em;-moz-column-gap:1em;-webkit-column-gap:1em;column-gap:1em}
.flow .pin{padding:1em;-moz-page-break-inside:avoid;-webkit-column-break-inside:avoid;break-inside:avoid;background:white;-webkit-transform:translateZ(0);position:relative}
.flow .pin img{width:100%;margin-bottom:.5em;display:block;aspect-ratio: 640/410; object-fit: cover;}
.flow .pin i{font-size:36px;color:red;position:absolute;left:50%;top:50%;margin-left:-12px;margin-top:-18px;}
.flow .pin i.ons{color:#0057a0}
.flow .pin i.onss{color:#fff}
.flow .pin p{ height: 36px; overflow: hidden; line-height: 18px;}
.flow .pin a[href='javascript:void(0)']{ cursor:default;}
.flow .pin a[href='javascript:void(0)'] i{ display:none;}

.div{-webkit-animation:animate_tops .7s linear infinite alternate;-moz-animation:animate_tops .7s linear infinite alternate;-ms-animation:animate_tops .7s linear infinite alternate;-o-animation:animate_tops .7s linear infinite alternate;animation:animate_tops .7s linear infinite alternate}
@-webkit-keyframes animate_tops {
0% {
-webkit-transform:translate(0, 0);
-moz-transform:translate(0, 0);
-ms-transform:translate(0, 0);
-o-transform:translate(0, 0);
transform:translate(0, 0);
opacity:.6
}
100% {
-webkit-transform:translate(0, 10px);
-moz-transform:translate(0, 10px);
-ms-transform:translate(0, 10px);
-o-transform:translate(0, 10px);
transform:translate(0, 10px);
opacity:1
}
}
@-moz-keyframes animate_tops {
0% {
-webkit-transform:translate(0, 0);
-moz-transform:translate(0, 0);
-ms-transform:translate(0, 0);
-o-transform:translate(0, 0);
transform:translate(0, 0);
opacity:.6
}
100% {
-webkit-transform:translate(0, 10px);
-moz-transform:translate(0, 10px);
-ms-transform:translate(0, 10px);
-o-transform:translate(0, 10px);
transform:translate(0, 10px);
opacity:1
}
}
@-ms-keyframes animate_tops {
0% {
-webkit-transform:translate(0, 0);
-moz-transform:translate(0, 0);
-ms-transform:translate(0, 0);
-o-transform:translate(0, 0);
transform:translate(0, 0);
opacity:.6
}
100% {
-webkit-transform:translate(0, 10px);
-moz-transform:translate(0, 10px);
-ms-transform:translate(0, 10px);
-o-transform:translate(0, 10px);
transform:translate(0, 10px);
opacity:1
}
}
@-o-keyframes animate_tops {
0% {
-webkit-transform:translate(0, 0);
-moz-transform:translate(0, 0);
-ms-transform:translate(0, 0);
-o-transform:translate(0, 0);
transform:translate(0, 0);
opacity:.6
}
100% {
-webkit-transform:translate(0, 10px);
-moz-transform:translate(0, 10px);
-ms-transform:translate(0, 10px);
-o-transform:translate(0, 10px);
transform:translate(0, 10px);
opacity:1
}
}
@keyframes animate_tops {
0% {
-webkit-transform:translate(0, 0);
-moz-transform:translate(0, 0);
-ms-transform:translate(0, 0);
-o-transform:translate(0, 0);
transform:translate(0, 0);
opacity:.6
}
100% {
-webkit-transform:translate(0, 10px);
-moz-transform:translate(0, 10px);
-ms-transform:translate(0, 10px);
-o-transform:translate(0, 10px);
transform:translate(0, 10px);
opacity:1
}
}
.cpg{position:relative;width:800px;float:left}
.cpg_fl{min-height:880px}
.caseinfo_con{margin-bottom:20px;text-align:justify}
.caseinfo_con img{max-width:100%;height:auto !important;display:block}
.caseinfo_dw{margin-bottom:30px}
.caseinfo_dw a{width:95px;height:40px;background:#009ddf;text-transform:uppercase;display:block;color:#fff;text-align:right;padding-right:40px;border-radius:5px;line-height:40px;position:relative}
.caseinfo_dw a i{font-size:18px;height:40px;width:40px;line-height:40px;text-align:center;position:absolute;right:0;top:0}
.caseinfo_flip{margin-right:-40px}
.caseinfo_flip .li{float:left;width:50%}
.caseinfo_flip .tit{font-size:16px;height:28px;line-height:28px;border-bottom:1px solid #ccc;margin-bottom:17px;font-weight:bold}
.caseinfo_flip .pd{margin-right:40px;display:block}
.caseinfo_flip .img{float:left;width:148px}
.caseinfo_flip .img img{width:100%;height:auto}
.caseinfo_flip .text{margin-left:148px;padding-left:15px}
.caseinfo_flip .h3{font-size:16px;color:#000;height:22px;overflow:hidden}
.caseinfo_flip .em{color:#888}
.caseinfo_flip .p{color:#888;line-height:18px;height:54px;overflow:hidden}
.caseinfo_flip .pd:hover .h3{color:#a00f36}
.cpg_fr{width:340px;float:right;margin-bottom:25px}
.caseinfo_value{margin-bottom:20px}
.caseinfo_value .tit{font-size:24px;color:#000;margin-bottom:10px}
.caseinfo_value .con{border:1px solid #ccc;padding:5px 10px 12px}
.caseinfo_value li{padding:12px 0}
.caseinfo_value li:last-child{border-bottom:none}
.caseinfo_value li strong{display:block}
.caseinfo_value li em{display:block}
.tit2{font-size:24px;font-weight:bold;color:#000;margin-bottom:15px;border-bottom:1px solid #ccc}
.tit2.ons{font-size:22px}
.case_list2 li{overflow:hidden;margin-bottom:20px}
.case_list2 li.ons{margin-bottom:15px}
.case_list2 li.ons .text{margin-left:0}
.case_list2 li.ons .h3{min-height:0;margin-bottom:0}
.case_list2 .pd{display:block}
.case_list2 .img{float:left;width:148px}
.case_list2 .img img{width:100%;height:auto}
.case_list2 .text{margin-left:148px;padding-left:15px}
.case_list2 .h3{font-size:16px;color:#000;line-height:18px;height:18px;margin-bottom:5px;overflow:hidden;min-height:72px}
.case_list2 .em{color:#888}
.case_list2 .p{color:#888;line-height:18px;height:54px;overflow:hidden}
.case_list2 .pd:hover .h3{color:#a00f36}
.pro_tit{font-size:18px;font-weight:bold;margin-bottom:20px}
.pro_con{margin-bottom:20px}
.pro_con .img{background:#ddd;margin-bottom:15px;width:75.5%;margin:0 auto}
.pro_con .img img{width:100%;height:auto;display:block}
.pro_con .text{margin-bottom:20px;font-size:16px;line-height:1.4}
.pro_application{margin-bottom:20px}
.pro_application .p{font-size:16px;line-height:1.4}
.pro_value{margin-bottom:20px}
.pro_value_tab li{width:180px;float:left}
.pro_value_tab a{margin-right:10px;background-color:#aaa;display:block;height:48px;line-height:48px;text-align:center;font-size:20px;color:#fff}
.pro_value_tab .curr a{background-color:#8f0020}
.pro_value_con{background:#eaeaea;padding:5px 0}
.pro_value_con table{border-collapse:collapse;border:none;width:100%;background:#f00}
.pro_value_con td{background:#eaeaea;border:none;width:50%;padding:5px 20px 5px 30px;position:relative;line-height:1.4;font-size:16px}
.pro_value_con td:before{content:"";position:absolute;left:18px}
.pro_value_con ul{margin-right:-10px}
.pro_value_con li{width:50%;float:left;margin-bottom:10px}
.pro_value_con .p{background:#eaeaea;margin-right:10px;padding:0 10px 0 20px;line-height:38px;height:38px;overflow:hidden;position:relative}
.pro_value_con .p:before{content:"\-";position:absolute;left:10px}
.tit3{font-size:24px;height:40px;line-height:40px;border-bottom:7px solid #009ddf;margin-bottom:16px}
.case_tj_list{margin-right:-30px}
.case_tj_list li{float:left;width:50%;margin-bottom:15px}
.case_tj_list .tit{font-size:16px;height:28px;line-height:28px;border-bottom:1px solid #ccc;margin-bottom:17px}
.case_tj_list .pd{margin-right:30px;display:block}
.case_tj_list .img{float:left;width:148px}
.case_tj_list .img img{width:100%;height:auto}
.case_tj_list .text{margin-left:148px;padding-left:15px}
.case_tj_list .h3{font-size:16px;color:#000;line-height:1;margin-bottom:5px;overflow:hidden}
.case_tj_list .em{color:#888;margin-bottom:5px}
.case_tj_list .p{color:#888;line-height:18px;height:54px;overflow:hidden}
.case_tj_list .pd:hover .h3{color:#a00f36}
.pro_tj{border:1px solid #ccc;padding:10px;margin-bottom:20px;min-height:605px}
.tit4{font-size:20px;line-height:40px;height:40px;margin-bottom:10px}
.pro_tj_list ul{margin-right:-10px}
.pro_tj_list li{float:left;width:50%;margin-bottom:10px}
.pro_tj_list li:hover .text{display:block}
.pro_tj_list .pd{display:block;margin-right:10px;position:relative}
.pro_tj_list .img img{width:100%;height:auto}
.pro_tj_list .text{display:none;border:1px solid #ccc;border-radius:5px;width:330px;box-sizing:border-box;background:#fff;padding:20px;position:absolute;bottom:90%;right:0;z-index:99}
.pro_tj_list .text:before{content:'\20';position:absolute;width:54px;height:30px;top:100%;right:50px}
.pro_tj_list .text.curr:before{left:auto;right:100%;border-right:11px solid #ccc;border-left:none}
.pro_tj_list .text.curr:after{left:auto;right:100%;border-right:10px solid #fff;border-left:none}
.pro_tj_list .text .h3{font-size:18px;color:#a00f36}
.filedw_list li{margin-bottom:5px}
.filedw_list .pd{display:block;background:#e9e9e9;padding:10px;overflow:hidden;position:relative}
.filedw_list .img{float:left;width:76px}
.filedw_list .img img{width:100%;height:auto;display:block}
.filedw_list .text{margin-left:76px;padding-left:10px}
.filedw_list i{position:absolute;right:20px;color:#8f0020;bottom:20px;width:34px;height:34px;line-height:34px;font-size:34px}
.about_top{margin-bottom:40px;text-align:justify}
.about_top .h3{font-size:24px;margin-bottom:10px}
.about_top .p{margin-bottom:20px}
.about_top .p ul{padding:20px 0}
.about_top .p li{width:33.33333333%;float:left}
.about_top .p .pd{position:relative;margin-right:1px}
.about_top .p img{width:100%;height:auto !important}
.about_top .p .text{position:absolute;bottom:0;left:0;padding:0 30px;box-sizing:border-box;right:0;background:rgba(0,0,0,0.3);font-size:16px;color:#fff;height:42px;line-height:42px}
.about_top .em{font-size:18px;color:#a00f36}
.about_con .wp{width:auto}
.about_con_tab{text-align:center;margin-bottom:33px}
.about_con_tab ul{width:740px;margin:0 auto}
.about_con_tab li{width:50%;float:left}
.about_con_tab li a{font-size:18px;height:66px;line-height:66px;text-align:center;border:2px solid #ccc;display:block}
.about_con_tab li.curr a{background:#a00f36;border:2px solid #a00f36;color:#fff}
.about_con_tab li:first-child a{border-radius:5px 0 0 5px}
.about_con_tab li:last-child a{border-radius:0 5px 5px 0}
.about_con_con{overflow:hidden}
.about_con_con ul{margin-right:-1px;display:none}
.about_con_con ul:first-child{display:block}
.about_con_con li{width:25%;float:left;margin-bottom:1px}
.about_con_con li:first-child{width:50%}
.about_con_con li:first-child .text .h3{font-size:36px}
.about_con_con li:first-child .text .p{font-size:18px}
.about_con_con li:first-child .pd{margin-right:1px}
.about_con_con li:hover .text{opacity:1}
.about_con_con .pd{margin-right:1px;position:relative}
.about_con_con img{width:100%;height:auto !important}
.about_con_con .text{position:absolute;left:0;top:0;right:0;bottom:0;background:rgba(25,167,226,0.9);text-align:center;opacity:0}
.about_con_con .text .h3{font-size:24px}
.table1{display:table;table-layout:fixed;width:100%;height:100%;text-align:center;color:#fff}
.table1 .tr{display:table-cell;vertical-align:middle}
.table1 .td{padding:0 20%}
.tit5{color:#a00f36;font-size:26px;margin-bottom:20px;line-height:1;padding-top:20px;position:relative}
.tit5 .more2{top:26px}
.video_list ul{margin-right:-160px}
.video_list li{float:left;width:50%}
.video_list .pd{margin-right:160px;display:block}
.video_list .img{position:relative}
.video_list .img img{width:100%;height:auto}
.video_list .img i{position:absolute;left:0;top:0;right:0;bottom:0;background:rgba(0,0,0,0.4);text-align:center}
.video_list .img i.icon-play:before{width:76px;height:76px;line-height:76px;text-align:center;font-size:76px;color:#fff;position:absolute;left:50%;top:50%;margin:-38px 0 0 -38px}
.video_list .text{height:55px;line-height:55px;text-align:center}
.news_list ul{margin-right:-20px}
.news_list li{margin-bottom:20px;width:50%;float:left}
.news_list li:hover .em{background:#a00f36}
.news_list .pd{display:block;overflow:hidden;position:relative;margin-right:20px}
.news_list .pd:hover .h3{color:#8f0020;text-decoration:underline}
.news_list .img{width:210px;float:left;height:132px}
.news_list .img i{display:none}
.news_list .img img{width:100%;height:auto; aspect-ratio: 640/410; object-fit: cover;}
.news_list .text{margin-left:210px;padding-left:20px;padding-right:112px}
.news_list .h3{font-size:16px;line-height:20px;height:40px;overflow:hidden;color:#000}
.news_list .p{line-height:1.25em;height:5em;overflow:hidden;color:#888}
.news_list .em{position:absolute;right:0;top:0;width:95px;background:rgba(0,157,223,0.9);box-sizing:border-box;padding:10px 0 10px 15px;color:#fff;border-radius:5px}
.news_list .em strong{display:block;font-size:26px;font-weight:bold;line-height:1}
.news_list .em em{display:block;font-size:16px}
.newinfo{text-align:justify}
.newsinfo_tit{margin-bottom:15px}
.newsinfo_tit .h3{color:#000;font-size:24px;margin-bottom:5px}
.newsinfo_tit .em{color:#888}
.newsinfo_con{color:#888;margin-bottom:20px}
.newsinfo_con img{max-width:100%;height:auto !important}
.newsinfo_con p{color:#888}
.newsinfo_con a:hover{text-decoration:underline}
.newsinfo_con table{border:solid 1px #888;margin:0 auto}
.newsinfo_con table tr td{padding:3px 10px;border:1px solid #888;cellspacing:0;cellpadding:0}
.newsinfo_con table tr td p{margin-bottom:0}
.newsinfo_flip{overflow:hidden;margin-right:-30px}
.newsinfo_flip .li{width:50%;float:left}
.newsinfo_flip .pd{margin-right:30px;display:block}
.newsinfo_flip .pd:hover .h3{color:#a00f35}
.newsinfo_flip .tit{font-size:16px;color:#a00f35;font-weight:bold;margin-bottom:5px;border-bottom:1px solid #ccc}
.newsinfo_flip .h3{font-size:16px;color:#000;padding:5px 0}
.newsinfo_flip .em{color:#888}
.career_con1{padding:40px 0;background:#fff}
.career_con1 ul{margin-right:-20px}
.career_con1 li{float:left;width:33.333333%}
.career_con1 .pd{margin-right:20px;position:relative}
.career_con1 .img img{width:100%;height:auto}
.career_con1 .text{position:absolute;left:0;top:0;right:0;box-sizing:border-box;padding:55px 35px 0;color:#fff}
.career_con1 .h3{font-size:24px;margin-bottom:5px}
.career_con2{padding:40px 0;background:#f0f0f0}
.career_con2_tit{color:#000;width:250px;position:absolute;left:0;top:0}
.career_con2_tit .h3{font-size:30px;text-transform:uppercase;line-height:32px;margin-bottom:34px;padding-bottom:34px;position:relative}
.career_con2_tit .h3:after{content:'\20';position:absolute;width:92px;height:5px;background:#a00f36;left:0;bottom:0}
.career_con2_con{margin:0 0 0 155px;position:relative}
.career_con2_con ul{position:relative;z-index:2}
.career_con2_con li{margin-bottom:25px}
.career_con2_con li:nth-child(1){padding:0 0 0 276px}
.career_con2_con li:nth-child(2){padding:0 138px}
.career_con2_con li:nth-child(3){padding:0 276px 0 0}
.career_con2_con .pd{overflow:hidden}
.career_con2_con .img{float:left;width:190px;box-sizing:border-box;border:1px dashed #ccc;padding:16px;background:#fff;border-radius:50%}
.career_con2_con .img img{width:100%;height:auto;border-radius:50%}
.career_con2_con .text{margin-left:190px;padding-left:20px;padding-top:30px}
.career_con2_con .h3{margin-bottom:15px;font-size:20px;color:#333;line-height:1}
.career_con2_con:after{content:'\20';width:117px;height:101px;position:absolute;left:126px;top:117px;z-index:1}
.career_con2_con:before{content:'\20';width:185px;height:161px;position:absolute;bottom:0;right:0;z-index:1}
.career_con3{background-size:100% 100%;min-height:577px;box-sizing:border-box;padding:80px 0}
.career_con3_tit{font-size:30px;line-height:34px;text-align:center;margin-bottom:45px;color:#fff}
.career_list ul{margin-right:-115px}
.career_list li{width:50%;float:left}
.career_list li:last-child .h3{color:#a00f36}
.career_list .pd{background:#fff;margin-right:115px;padding:30px 50px}
.career_list .h4{font-size:16px;height:42px;line-height:42px;color:#333;font-weight:bold;border-bottom:3px solid #009ddf;margin-bottom:5px}
.career_list .h3{font-size:24px;color:#009ddf;margin-bottom:15px;padding-bottom:10px;border-bottom:2px solid}
.career_list .em{color:#000;line-height:2;margin-bottom:15px}
.career_list .d{color:#000;line-height:2}
.career_list .p{color:#000;line-height:2}
.career_list .p i{margin-right:8px;color:#a00f36}
.career_list .p a:hover{text-decoration:underline}
.qualifications_tit{color:#000}
.qualifications_tit .h3{font-size:24px;margin-bottom:10px}
.qualifications_con{color:#333;padding:55px 0}
.qualifications_con .pd{background:rgba(255,255,255,0.7);transform:scale(.75);opacity:.6}
.qualifications_con .img{position:relative}
.qualifications_con .img:after{opacity:0;content:'\20';position:absolute;width:574px;height:39px;bottom:-24px;background:url("../img/qualifications_bg.png") no-repeat;left:50%;margin-left:-287px}
.qualifications_con img{width:100%;height:auto}
.qualifications_con .text{color:#000;padding-top:20px;text-align:center}
.qualifications_con .slick-active .pd{box-shadow:4px 4px 8px rgba(255,255,255,0.5)}
.qualifications_con .slick-current{visibility:visible}
.qualifications_con .slick-current .img:after{display:block;opacity:.5}
.qualifications_con .slick-current .pd{transform:scale(1);background:#fff;opacity:1}
.qualifications_con .slick-current .h3{color:#8d6737}
.qualifications_con .slick-slide{visibility:hidden}
.qualifications_con .slick-active{visibility:visible}
.qualifications_con .slick-arrow{position:absolute;width:56px;height:56px;background:#009ddf center;border-radius:50%;border:none;padding:0;top:50%;margin-top:-28px;font-size:32px;color:#fff;z-index:5}
.qualifications_con .slick-arrow:hover{background:#a00f36 center}
.qualifications_con .slick-prev{left:0;background:url(../img/s-fl.png) no-repeat center #009ddf}
.qualifications_con .slick-prev:hover{background:url(../img/s-fl.png) no-repeat center #a00f36}
.qualifications_con .slick-next{right:0;background:url(../img/s-fr.png) no-repeat center #009ddf}
.qualifications_con .slick-next:hover{background:url(../img/s-fr.png) no-repeat center #a00f36}
.tit9{font-size:26px;margin-bottom:20px}
.contact_list ul{margin-right:-50px}
.contact_list li{width:33.333333%;float:left;margin-bottom:40px}
.contact_list .pd{margin-right:50px}
.contact_list .h2{font-size:16px;margin-bottom:20px}
.contact_list .h4{font-size:16px;height:42px;line-height:42px;color:#333;font-weight:bold;border-bottom:3px solid #009ddf;margin-bottom:5px}
.contact_list .h3{font-size:24px;color:#009ddf;margin-bottom:15px}
.contact_list .em{color:#000;line-height:1.7;margin-bottom:20px;min-height:68px}
.contact_list .d{color:#000;line-height:1.7;margin-bottom:5px}
.contact_list .p{color:#000;line-height:1.7}
.contact_list .p i{margin-right:8px;color:#a00f36}
.contact_list .p a:hover{text-decoration:underline}
.contact_list2 li{width:auto;float:none}
.contact_list2 ul{margin:0}
.contact_list2 .pd{margin:0}
.contact_list2 .em{font-size:20px}
.contact_list2 .p{font-size:20px;line-height:2}
.contact_list2 .p i{font-size:20px}
.network_bottom{padding-bottom:30px}
.network_bottom_fl{width:50%;float:left}
.network_bottom_fl .pd{background:#009ddf;margin-right:20px;padding:20px 36px;color:#fff;min-height:280px}
.network_bottom_fl .h3{border-bottom:2px solid #4ebbe9;font-size:22px;text-transform:uppercase;margin-bottom:10px}
.network_bottom_fl .em{margin-bottom:15px}
.network_bottom_fl .d{margin-bottom:5px}
.network_bottom_fl .p{line-height:30px}
.network_bottom_fl .p i{margin-right:8px; color:#fff;}
.network_bottom_fl .p a{color:#fff}
.network_bottom_fl .p a:hover{text-decoration:underline}
.network_bottom_fr{width:50%;float:left;position:relative}
.network_bottom_fr .h3{border-bottom:2px solid #fff;font-size:22px;text-transform:uppercase;margin-bottom:10px;color:#fff}
.network_bottom_fr i{width:1em;height:1em;line-height:1;position:absolute;left:0;color:#fff;top:50%;font-size:46px;margin-top:-0.5em;}
.network_bottom_fr .pd{background:#a00f36;margin-left:20px;padding:20px 36px;color:#fff;min-height:280px;}
.network_bottom_fr .p{line-height:18px; color:#fff}
.network_bottom_fr p{padding:9px 0;margin-bottom:10px;padding-left:56px;position:relative;color:#fff;}
.network_bottom_fr li{display:none}
.network_bottom_fr li:first-child{display:block}
.contact_top{padding:40px 0 10px;background:url("../img/contact_top.jpg") no-repeat bottom center #efefef;background-size:auto 100%}
.contact_bottom{background:#f9f9f9;padding:40px 0 10px}
.contact_tit{color:#000;font-size:16px;margin-bottom:15px}
.partner{padding-bottom:50px}
.partner_tit .h3{font-size:40px;margin-bottom:5px}
.partner_tit .p{color:#888;margin-bottom:10px}
.partner_tit .em{font-size:20px}
.partner_con{padding-top:50px}
.partner_con ul{margin-right:-10px}
.partner_con li{width:12.5%;float:left}
.partner_con .pd{border:1px solid #ccc;margin-right:10px}
.partner_con img{width:100%;height:auto;display:block}
.network_top{background:#f5f5f5;padding:40px 0}
.network_top img{max-width:100%;height:auto !important}
.tit6{font-size:40px;color:#333;margin-bottom:30px;text-align:center}
.network_con{padding:16px 0}
.network_con ul{margin-right:-20px}
.network_con li{width:16.6666%;float:left;margin-bottom:24px}
.network_con .pd{border-bottom:1px solid #ccc;margin-right:20px;position:relative}
.network_con .h3{height:44px;line-height:44px;cursor:pointer}
.network_con li.curr .h3,
.network_con li:hover .h3{color:#a00f36}
.service_top{padding:40px 0}
.service_top li{width:25%;float:left}
.service_top .pd{text-align:center;margin:0 20px}
.service_top i{width:96px;height:96px;text-align:center;line-height:94px;border:1px solid #a00f36;display:block;border-radius:50%;font-size:44px;color:#a00f36;margin:0 auto}
.service_top .h3{font-size:20px;margin-bottom:10px;padding-top:20px}
.service_top .p{color:#888}
.tit7{position:relative;margin-bottom:40px}
.tit7:after{content:'\20';position:absolute;height:1px;background:#ccc;top:50%;left:0;right:0;width:100%;z-index:1;display:none}
.tit7 strong{font-size:24px;color:#333;background:#fff;display:inline-block;position:relative;z-index:2}
.tit10{text-align:center;font-size:24px;margin-bottom:40px}
.tit8{text-align:center;font-size:34px;text-transform:uppercase;margin-bottom:30px}
.service_con{background:#009ddf;padding:40px 0;color:#fff}
.service_con ul{width:418px;height:451px;position:relative;margin:0 auto;background:url("../img/service_con.png") no-repeat}
.service_con li{position:absolute;height:44px;line-height:44px;padding-left:16px}
.service_con li strong{white-space:nowrap;display:block;position:relative;z-index:2;color:#fff;font-weight:normal}
.service_con li:after{content:'\20';position:absolute;width:44px;height:44px;background:url("../img/service_con_li.png") no-repeat;left:0;top:0;z-index:1}
.service_con li.li1{right:346px;top:0}
.service_con li.li2{right:376px;top:70px}
.service_con li.li3{right:448px;top:140px}
.service_con li.li4{right:404px;top:210px}
.service_con li.li5{right:350px;top:280px}
.service_con li.li6{right:280px;top:350px}
.service_con li.li7{left:346px;top:0}
.service_con li.li8{left:376px;top:70px}
.service_con li.li9{left:448px;top:140px}
.service_con li.li10{left:404px;top:210px}
.service_con li.li11{left:350px;top:280px}
.service_con li.li12{left:280px;top:350px}
.service_bottom{padding:40px 0}
.service_bottom_top{margin-bottom:30px}
.service_bottom_top ul{margin-right:-40px}
.service_bottom_top li{float:left;width:50%}
.service_bottom_top .pd{margin-right:40px}
.service_bottom_top .img{position:relative;margin-bottom:10px}
.service_bottom_top .img img{width:100%;height:auto}
.service_bottom_top .img strong{position:absolute;box-sizing:border-box;left:0;right:0;bottom:0;line-height:24px;padding:17px 20px 17px 124px;text-align:right;font-size:24px;font-weight:normal;color:#fff}
.service_bottom_bottom ul{margin-right:-1px}
.service_bottom_bottom li{width:25%;float:left}
.service_bottom_bottom .pd{margin-right:1px;background:#a00f36;padding:30px 0 30px 40px;color:#fff;position:relative}
.service_bottom_bottom .pd:before{content:"\20";height:0;position:absolute;top:0;left:0;right:0;border-bottom:9px solid #a00f36;border-left:9px solid #fff;border-right:9px solid #fff}
.service_bottom_bottom .pd:after{content:"\20";height:0;position:absolute;bottom:0;left:0;right:0;border-top:9px solid #a00f36;border-left:9px solid #fff;border-right:9px solid #fff}
.service_bottom_bottom i{width:40px;height:40px;font-size:40px;line-height:40px;float:left;color:#fff;}
.service_bottom_bottom .text{margin-left:50px;padding-left:30px;position:relative}
.service_bottom_bottom b{position:absolute;left:0;top:0;font-size:40px;line-height:40px}
.service_bottom_bottom .h3{font-size:16px;text-transform:uppercase;line-height:20px}
.service_bottom_bottom .p{font-size:16px;line-height:20px}
.service_bottom_bottom .p a{color:#fff}
.service_bottom_bottom .p a:hover{text-decoration:underline}
.service_bottom_bottom li:last-child b{display:none}
.service_bottom_bottom li:last-child .text{padding-left:0}
.service_bottom_bottom li:nth-child(3) .text{padding-left:56px}
.service_bottom_bottom li:first-child .pd:after,
.service_bottom_bottom li:first-child .pd:before{border-left:none}
.service_bottom_bottom li:last-child .pd:after,
.service_bottom_bottom li:last-child .pd:before{border-right:none}
.quality_top{padding:40px 0}
.quality_top_tit{margin-bottom:40px}
.quality_top_tit .h3{font-size:40px}
.quality_top_con li{width:25%;float:left;margin-bottom:40px}
.quality_top_con .pd{text-align:center;margin-bottom:50px;padding:0 30px;position:relative}
.quality_top_con .pd:after{content:"\20";position:absolute;width:84px;height:17px;top:50%;margin-top:-9px;right:0;margin-right:-42px;z-index:1}
.quality_top_con .pd:before{display:none;content:"\20";width:16px;height:16px;border-radius:50%;background:#a00f36;position:absolute;margin-top:-8px;top:50%;z-index:2}
.quality_top_con .img img{width:140px;height:140px;border-radius:50%;border:1px solid #bbb;box-sizing:border-box;display:block;margin:0 auto}
.quality_top_con .text{position:absolute;top:100%;left:0;right:0;color:#888}
.quality_top_con .text strong{font-size:24px;color:#a00f36;font-weight:normal;font-style:italic;line-height:1}
.quality_top_con .text strong:after{content:"\,";font-size:14px}
.quality_top_con li:nth-child(4) .pd:after{margin:0;background:#e6e6e6;width:2px;height:231px}
.quality_top_con li:nth-child(8) .pd:after{background:none}
.quality_top_con li:nth-child(5) .pd:before{display:block;border-radius:0;margin:0;background:#e6e6e6;width:2px;height:231px;left:0;right:auto}
.quality_top_con li:last-child .pd:after{height:2px;background:#e6e6e6;margin-top:-1px;left:100%;width:100%;right:auto}
.quality_top_con li:last-child .pd:before{display:block;right:0;margin-right:-100%}
.quality_top_con li:first-child .pd:before{display:block;left:0}
.quality_top_con li:nth-child(5) .pd:after,
.quality_top_con li:nth-child(6) .pd:after,
.quality_top_con li:nth-child(7) .pd:after{background-position:bottom left}
.quality_con{background:#009ddf;padding:40px 0;color:#fff}
.quality_con_tit{margin-bottom:40px}
.quality_con_tit .h3{font-size:40px;text-transform:uppercase}
.quality_con_con li{margin-bottom:20px;padding:20px 30px 20px 20px;background:#47b8e7}
.quality_con_con .pd{overflow:hidden}
.quality_con_con .img{float:left;width:64px;font-size:64px;line-height:1;color:#fff;font-weight:bold;position:relative}
.quality_con_con .img:after{content:"\20";background:url("../img/quality.png") no-repeat;position:absolute;width:37px;height:47px;right:5px;bottom:0}
.quality_con_con .text{margin-left:64px;color:#fff}
.quality_bottom{padding:30px 0 0}
.quality_bottom .contact_list li{width:auto;float:none}
.quality_bottom .contact_list .h4{font-size:22px}
.video_bg{position:fixed;left:0;top:0;right:0;bottom:0;width:100%;height:100%;background:rgba(0,0,0,0.8);z-index:35;display:none}
.video_box{position:fixed;width:640px;height:360px;left:50%;top:50%;margin:-180px 0 0 -320px;z-index:36}
.video_box video{width:100%;height:360px;display:block}




.bx-wrapper{position:relative;margin:0;padding:0;*zoom:1
}
.bx-wrapper img{max-width:100%;display:block}
.bx-wrapper .bx-pager,
.bx-wrapper .bx-controls-auto{position:absolute;bottom:10px;width:100%}
.bx-wrapper .bx-pager{left:0;right:0;bottom:20px;border-radius:10px;text-align:center;font-size:.85em;font-family:Arial;font-weight:bold;color:#666;z-index:100}
.bx-wrapper .bx-pager .bx-pager-item{overflow:hidden;text-indent:-100px;display:inline-block;*zoom:1;
*display:inline
}
.bx-wrapper .bx-pager a{display:block;width:10px;height:10px;line-height:10px;margin:0 3px;outline:0;background:#ddd;background:rgba(0,0,0,0.4);border-radius:22px;font-size:13px;font-weight:normal}
.bx-wrapper .bx-pager a:hover,
.bx-wrapper .bx-pager a.active{background:#8f0020;border-color:#8f0020;color:#fff}
.bx-wrapper .bx-controls-direction a{position:absolute;top:40%;margin-top:-16px;outline:0;width:32px;height:70px;line-height:70px;z-index:9999;text-align:center;text-indent:-999px;overflow:hidden}
.bx-wrapper .bx-controls-direction a.bx-prev{left:8px}
.bx-wrapper .bx-controls-direction a.bx-prev:hover{opacity:1}
.bx-wrapper .bx-controls-direction a.bx-prev:before{position:absolute;left:10px;top:25px;font:normal normal normal 14px/1 FontAwesome;content:"\f053";text-indent:0;color:#fff;font-size:18px}
.bx-wrapper .bx-controls-direction a.bx-next{right:8px}
.bx-wrapper .bx-controls-direction a.bx-next:hover{opacity:1}
.bx-wrapper .bx-controls-direction a.bx-next:before{position:absolute;right:10px;top:25px;font:normal normal normal 14px/1 FontAwesome;content:"\f054";text-indent:0;color:#fff;font-size:18px}
.bx-wrapper .bx-controls-direction a.disabled{display:none}
.slick-slider{position:relative;display:block;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent}
.slick-list{position:relative;display:block;overflow:hidden;margin:0;padding:0}
.slick-list:focus{outline:none}
.slick-list.dragging{cursor:pointer;cursor:hand}
.slick-slider .slick-track,
.slick-slider .slick-list{-webkit-transform:translate3d(0, 0, 0);-moz-transform:translate3d(0, 0, 0);-ms-transform:translate3d(0, 0, 0);-o-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}
.slick-track{position:relative;top:0;left:0;display:block}
.slick-track:before,
.slick-track:after{display:table;content:''}
.slick-track:after{clear:both}
.slick-loading .slick-track{visibility:hidden}
.slick-slide{display:none;float:left;height:100%;min-height:1px}
[dir='rtl'] .slick-slide{float:right}
.slick-slide img{display:block}
.slick-slide.slick-loading img{display:none}
.slick-slide.dragging img{pointer-events:none}
.slick-initialized .slick-slide{display:block}
.slick-loading .slick-slide{visibility:hidden}
.slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent}
.slick-arrow.slick-hidden{display:none}
body,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
p,
blockquote,
dl,
dt,
dd,
ul,
ol,
li,
pre,
form,
fieldset,
legend,
button,
input,
textarea,
select,
th,
td{padding:0;margin:0;color:#333;font-size:14px;font-family:Arial;line-height:1.3}
h1,
h2,
h3,
h4,
h5,
h6,
button,
input,
select,
textarea{font-size:100%}
.h1,
.h2,
.h3{margin:0;padding:0;font-size:14px}
address,
cite,
dfn,
em,
var{font-style:normal}
small{font-size:12px}
ul,
ol{list-style-type:none;list-style-image:none}
a{color:#333;text-decoration:none;outline:none}
a:hover{color:#8f0020;text-decoration:none}
sup{vertical-align:text-top}
s{text-decoration:none}
sub{vertical-align:text-bottom}
legend{color:#000}
img{border:0;vertical-align:middle}
table{border-spacing:0;border-collapse:collapse}
div{zoom:1}
dt{font-weight:normal}
button,
input{outline:none}
.richtext{font-size:14px;padding:0;color:#888}
.richtext a{color:#8f0020;text-decoration:underline}
.richtext a:hover{text-decoration:none}
.richtext ul{padding-left:30px;list-style:inside}
.richtext ul li{color:#333;line-height:32px;position:relative;list-style:disc}
.richtext img{height:auto}
.richtext.ons img{float:right;margin:5px 16px 0 26px}
.richtext h2{font-size:20px;line-height:28px;color:#2d2d2d;font-weight:normal}
.richtext iframe{width:100%}
.richtext p{margin-bottom:0}
.richtext.onss{margin-top:30px}
.richtext .ke-zeroborder{overflow-x:scroll}
.richtext table tr{background:#f2f2f2}
.richtext table tr td{color:#636363;border:1px solid #fff}
.richtext table tr td p{color:#636363}
.richtext table tr td span{color:#636363}
.richtext table tr:nth-child(1),
.richtext table tr:nth-child(2){background:#a4a4a4}
.richtext table tr:nth-child(1) td,
.richtext table tr:nth-child(2) td{color:#fff}
.richtext table tr:nth-child(1) td p,
.richtext table tr:nth-child(2) td p{color:#fff}
.richtext table tr:nth-child(1) td span,
.richtext table tr:nth-child(2) td span{color:#fff}
.richtext,
.richtext *{font-size:14px;line-height:1.3;color:#888}
.richtext a,
.richtext * a{color:#8f0020}
.trans{-webkit-transition:all .4s;-moz-transition:all .4s;-ms-transition:all .4s;-o-transition:all .4s;transition:all .4s}
.transb{-webkit-transition:background .4s;-moz-transition:background .4s;-ms-transition:background .4s;-o-transition:background .4s;transition:background .4s}
.trans1{-webkit-transition:all 1.5s ease-out;-moz-transition:all 1.5s ease-in;-ms-transition:all 1.5s ease-in;-o-transition:all 1.5s ease-in;transition:all 1.5s ease-out}
.clear{clear:both}
.fix:after{display:table;clear:both;content:""}
.width1150{width:1150px;margin:0 auto}
.rt{float:right}
.lf{float:left}
.fix:before{content:" ";display:block;clear:both}
@font-face{font-family:"iconfont";src:local("iconfont"), url('../font/iconfont.eot');src:local("iconfont"), url('../font/iconfont.eot') format('embedded-opentype'), url('../font/iconfont.ttf') format('truetype'), url('../font/iconfont.svg') format('svg');font-style:normal;font-weight:normal;font-display:fallback}
/* .iconfont{font-family:"iconfont" !important;font-size:16px;color:#143592;font-style:normal;font-weight:normal;-webkit-font-smoothing:antialiased;-webkit-text-stroke-width:.2px;-moz-osx-font-smoothing:grayscale} */
@font-face{font-family:Ebrima;src:local(Ebrima), url("../font/ebrima_0.ttf") format('truetype');font-style:normal;font-weight:normal;font-display:fallback}
body{width:100%;overflow-x:hidden}
.logo{float:left;position:relative;z-index:100}
#onlineService{position:fixed;right:0;bottom:32%;z-index:100998}
.offside{width:50px}
.offside li{width:50px;height:50px;position:relative;background:#b1b1b1;border-bottom:1px solid #fff;overflow:hidden;text-align:center;transition:all .7s;-webkit-transition:all .7s}
.offside .code{position:absolute;top:0;right:50px;display:none;margin:0}
.offside a,
.offside div{color:#333;position:absolute;z-index:11;display:block;top:0;right:0;bottom:0;cursor:pointer}
.offside p{float:left;line-height:50px;font-size:16px;font-weight:700;padding:0 0 0 10px;color:#fff;opacity:0}
.offside .icon{font-size:28px;height:100%;line-height:50px;text-align:center;display:block;color:#fff}
.offside li:not(.li_3) a,
.offside li:not(.li_3) div{left:0}
.offside .li_3 a,
.offside .li_3 div{width:50px}
.offside li:nth-child(1){background:#ff6800}
.offside li:nth-child(2){background:#408ed6}
.offside li:nth-child(3){background:#45882a}
.offside li:nth-child(4){background:#62ad44}
.offside li:nth-child(5){background:#2571b7}
.offside li:nth-child(6){background:#b1b1b1}
.offside li:nth-child(7){background:#8f0020;display:none}
.offside li:nth-child(8){background:#8f0020;display:none}
.offside li:nth-child(10){background:#8f0020;height:20px}
.offside li:nth-child(10) .icon{line-height:20px}
.offside li:hover a,
.offside li:hover div,
.offside li:hover .icon{color:#fff}
.offside li:hover p{opacity:1}
.offside li:not(.li_3):hover{background:#98cf02}
.offside .tel{width:240px;transform:translateX(-190px);-webkit-transform:translateX(-190px)}
.offside .back_none{height:0;border:0 !important}
.offside .li{transform:translateX(100%);-webkit-transform:translateX(100%)}
.offside .unfold{width:30px;transform:translateX(20px);-webkit-transform:translateX(20px)}
.sep-container{max-width:1200px;margin:0 auto}
.send-email{width:876px;height:auto;position:fixed;top:50%;margin-top:-250px;left:50%;margin-left:-438px;border:1px solid #adadad;background:#ebebeb;z-index:99999999;display:none}
.send-email .sep-general-form{margin:0}
.sep-onlineservices{display:none}
#onlineService-two{display:none}
/* .iconfont{font-family:"iconfont" !important;font-size:16px;font-style:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
.icon-twitter:before{content:"\e60c"}
.icon-in:before{content:"\e63d"}
.icon-jia:before{content:"\e604"}
.icon-jian:before{content:"\e606"}
.icon-y:before{content:"\e7f9"}
.icon-jty:before{content:"\e60f"}
.icon-play:before{content:"\e61c"}
.icon-jtx:before{content:"\e64d"}
.icon-miny:before{content:"\e651"}
.icon-weixin:before{content:"\e613"}
.icon-facebook:before{content:"\e601"}
.icon-shang:before{content:"\e600"}
.icon-youtube:before{content:"\e605"}
.icon-guanbi:before{content:"\e80c"}
.icon-minz:before{content:"\e6bd"}
.icon-xia:before{content:"\e80d"}
.icon-xiazai:before{content:"\e6bf"}
.icon-chuanzhen:before{content:"\e6c0"}
.icon-youxiang:before{content:"\e6c1"}
.icon-shouji:before{content:"\e6c2"}
.icon-dianzan:before{content:"\e6c3"}
.icon-shijian:before{content:"\e6c4"}
.icon-fangzi:before{content:"\e6c5"}
.icon-qiandai:before{content:"\e6c6"}
.icon-aixin:before{content:"\e6c7"}
.icon-konghuojian:before{content:"\e6c8"}
.icon-huojian:before{content:"\e6c9"}
.icon-youjian:before{content:"\e6ca"}
.icon-dianhua:before{content:"\e6cb"}
.icon-dizhi:before{content:"\e6cc"}
.icon-home:before{content:"\e6cd"} */
a:focus,
button:focus{outline:none;-moz-outline:none}
:focus{outline:none}
body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
form,
fieldset,
input,
textarea,
p,
blockquote,
th,
td,
img,
area,
param{margin:0;padding:0}
html,
body{margin:0;padding:0;height:100%}
ol,
ul{padding-left:0;list-style-type:none;list-style:none}
img{border:none;display:inline-block;vertical-align:middle;*display:inline;
*zoom:1
}
th{font-style:normal;font-weight:normal}
h1,
h2,
h3,
h4,
h5,
h6{font-size:100%;font-weight:normal}
input{display:inline-block;vertical-align:middle;*display:inline;
*zoom:1
}
fieldset{border:none}
legend{display:none}
.clear{clear:both;font-size:0;height:0;line-height:0}
.clearfix:after{content:'\20';display:block;clear:both;visibility:hidden;line-height:0;height:0}
.clearfix{display:block;zoom:1}
html[xmlns] .clearfix{display:block}
* html .clearfix{height:1%}
body{line-height:1.6666}
body{color:#333;height:auto;box-sizing:border-box;background-color:#fff;padding-top:94px}
.fl{float:left;_display:inline}
.fr{float:right;_display:inline}
::selection{background:#222;color:white;text-shadow:none}
::-webkit-scrollbar-track-piece {
width:10px;
background-color:#eee;
border-radius:50px
}
::-webkit-scrollbar {
width:8px;
height:6px
}
::-webkit-scrollbar-thumb {
height:50px;
background:#999;
border-radius:50px;
cursor:pointer
}
::-webkit-scrollbar-thumb:hover {
background:#999;
cursor:pointer
}
body,
button,
input,
select,
textarea{font-family:Arial, "Microsoft YaHei", "\u5e7c\u5706", Helvetica, sans-serif;font-size:14px;line-height:1.3}
input[type=button],
input[type=submit],
input[type=file],
button{cursor:pointer;-webkit-appearance:none}
input,
select,
button,
textarea{-webkit-appearance:none}
select::-ms-expand {
display:none
}
.bdshare-button-style0-16 .bds_qzone{background-position:0 -52px}
.bdshare-button-style0-16 .bds_tsina{background-position:0 -104px}
.bdshare-button-style0-16 .bds_renren{background-position:0 -208px}
.bdshare-button-style0-16 .bds_tqq{background-position:0 -260px}
.bdshare-button-style0-16 .bds_kaixin001{background-position:0 -312px}
.bdshare-button-style0-16 .bds_tqf{background-position:0 -364px}
.bdshare-button-style0-16 .bds_hi{background-position:0 -416px}
.bdshare-button-style0-16 .bds_douban{background-position:0 -468px}
.bdshare-button-style0-16 .bds_tieba{background-position:0 -728px}
.bdshare-button-style0-16 .bds_hx{background-position:0 -988px}
.bdshare-button-style0-16 .bds_fx{background-position:0 -1040px}
.bdshare-button-style0-16 .bds_ty{background-position:0 -1196px}
.bdshare-button-style0-16 .bds_fbook{background-position:0 -1352px}
.bdshare-button-style0-16 .bds_twi{background-position:0 -1404px}
.bdshare-button-style0-16 .bds_linkedin{background-position:0 -1664px}
.bdshare-button-style0-16 .bds_meilishuo{background-position:0 -1716px}
.bdshare-button-style0-16 .bds_mogujie{background-position:0 -1768px}
.bdshare-button-style0-16 .bds_diandian{background-position:0 -1820px}
.bdshare-button-style0-16 .bds_huaban{background-position:0 -1872px}
.bdshare-button-style0-16 .bds_duitang{background-position:0 -2028px}
.bdshare-button-style0-16 .bds_youdao{background-position:0 -2080px}
.bdshare-button-style0-16 .bds_wealink{background-position:0 -2184px}
.bdshare-button-style0-16 .bds_copy{background-position:0 -2288px}
.bdshare-button-style0-16 .bds_mail{background-position:0 -2340px}
.bdshare-button-style0-16 .bds_print{background-position:0 -2392px}
.bdshare-button-style0-16 .bds_mshare{background-position:0 -2444px}
.bdshare-button-style0-16 .bds_sqq{background-position:0 -2652px}
.bdshare-button-style0-16 .bds_sdo{background-position:0 -2704px}
.bdshare-button-style0-16 .bds_qingbiji{background-position:0 -2756px}
.bdshare-button-style0-16 .bds_people{background-position:0 -2808px}
.bdshare-button-style0-16 .bds_xinhua{background-position:0 -2912px}
.bdshare-button-style0-16 .bds_yaolan{background-position:0 -2964px}
.bdshare-button-style0-16 .bds_thx{background-position:0 -2496px}
.bdshare-button-style0-16 .bds_bdhome{background-position:0 -156px}
.bdshare-button-style0-16 .bds_bdxc{background-position:0 -2548px}
.bdshare-button-style0-16 .bds_bdysc{background-position:0 -3068px}
.bdshare-button-style0-16 .bds_isohu{background-position:0 -3016px}
.bdshare-button-style0-16 .bds_more{background-position:0 0}
.bdshare-button-style0-16 .bds_ibaidu{background-position:0 -3120px}
.bdshare-button-style0-16 .bds_weixin{background-position:0 -1612px}
.bdshare-button-style0-16 .bds_iguba{background-position:0 -1300px}
.bdshare-button-style0-16 .bds_h163{background-position:0 -3160px}
.bdshare-button-style0-16 .bds_evernotecn{background-position:0 -3184px}
.bdshare-button-style0-16{zoom:1}
.bdshare-button-style0-16:after{content:".";visibility:hidden;display:block;height:0;clear:both}
.bdshare-button-style0-16 a,
.bdshare-button-style0-16 .bds_more{float:left;font-size:12px;padding-left:17px;line-height:16px;height:16px;background-repeat:no-repeat;cursor:pointer;margin:6px 6px 6px 0}
.bdshare-button-style0-16 a:hover{color:#333;opacity:.8;filter:alpha(opacity=80)}
.bdshare-button-style0-16 .bds_more{color:#333;float:left}
.bdshare-button-style0-16 .bds_count{color:#333;width:42px;height:16px;padding:0;margin:6px 0 0;text-align:center}
.bdshare-button-style0-16 .bds_count:hover{background-position:-42px -30px}
.bdshare-button-style0-16 .bds_button_image{float:left;cursor:pointer;margin:6px 6px 0 0;height:auto;padding:0}
.bdshare-button-style0-16 .bdshare_button_count{width:44px;height:24px;line-height:24px}
.bdshare-button-style0-16 .bdshare_button_count:hover{background-position:-44px 0}
.bds_tsohu,
.bds_tfh,
.bds_baidu,
.bds_qq,
.bds_msn,
.bds_sohu,
.bds_qy,
.bds_leho,
.bds_ifeng,
.bds_ff,
.bds_tuita,
.bds_ms,
.bds_deli,
.bds_s51,
.bds_t163,
.bds_share189,
.bds_xg,
.bds_s139{display:none}
.breadcrumb{background:none;padding:0;line-height:42px;margin:0}
.breadcrumb li a{font-size:16px;color:#fff}
.breadcrumb li a:hover{color:#8f0020}
.breadcrumb li+li:before{content:'>';font-size:16px;color:#fff}
.sep-general-form{margin-top:30px;background:#ebebeb;padding:25px}
.sep-general-form .sep-general-form-title span{font-family:Arial;font-size:20px;color:#000}
.sep-general-form .sep-general-form-title a{font-size:16px;color:#009ddf}
.sep-general-form .sep-general-form-title a i{font-size:16px;color:#009ddf;padding-right:10px}
.sep-general-form .sep-general-form-prompt{font-family:Arial;font-size:20px;color:#009ddf;margin:15px 0;margin-bottom:20px}
.sep-general-form .sep-form{padding:0}
.sep-general-form .sep-form.has-error input::-webkit-input-placeholder {
display:none
}
.sep-general-form .sep-form>div{display:inline-block}
.sep-general-form .sep-form>div.form-group{width:49%;padding:0 11%;padding-right:0}
.sep-general-form .sep-form>div.form-group.has-success:after{right:0}
.sep-general-form .sep-form>div.form-group .regex-tip{top:-2px;right:3%;display:none}
.sep-general-form .sep-form>div.form-group .control-label{width:21%;font-weight:normal;color:#414141;font-family:Arial}
.sep-general-form .sep-form>div:nth-child(8){width:100%}
.sep-general-form .sep-form>div:nth-child(8) .control-label{width:10.5%}
.sep-general-form .sep-form>div:nth-child(8) textarea.form-control{width:98%}
.sep-general-form .sep-form>div:nth-child(8).has-success:after{right:12px}
.sep-general-form .sep-form>div:nth-child(9){width:60%}
.sep-general-form .sep-form>div:nth-child(9) .control-label{width:18%}
.sep-general-form .sep-form>div:nth-child(9) .regex-tip{display:none}
.sep-general-form .sep-form>div:last-child{width:100%}
.sep-general-form .sep-form>div:last-child .btn.btn-primary{width:200px;text-align:center;display:table;margin:0 auto;background:#009ddf;border-color:#009ddf;border-radius:12px;outline:none}
.form-box{background:none}
.form-box.ons{background:#f8f8f8}
.form-box .sep-container{background:transparent}
.form-box .sep-general-form{background:transparent;padding:25px}
.form-box .sep-general-form.ons{margin-top:0}
.form-box .sep-general-form .sep-form-hd{text-align:center;color:#676767;font-size:30px;margin-bottom:20px}
.form-box .sep-general-form .sep-form>div.form-group{width:49%;padding:0 3%;padding-right:0}
.form-box .sep-general-form .sep-form>div:nth-child(8){width:100%}
.form-box .sep-general-form .sep-form>div:nth-child(8) .form-control{height:175px;padding-top:20px}
.form-box .sep-general-form .sep-form>div:last-child{width:100%;margin-top:20px}
.form-box .sep-general-form .sep-form>div:last-child .btn.btn-primary{width:200px;background:#009ddf;font-size:24px;text-transform:uppercase;border:none}
.form-box .sep-general-form .sep-form>div:nth-child(7){position:relative;top:-5px}
.form-box .sep-general-form .sep-form>div .form-control{background:#fff;border:none;font-style:italic;box-shadow:none;height:46px;font-size:14px;color:#676767}
.form-box .sep-general-form .sep-form>div .form-control::-webkit-input-placeholder {
color:#676767
}
.form-box .sep-general-form .sep-form>div .input-group-addon:last-child{border:none}
.btn-primary{background:#009ddf;border-color:#009ddf}
.btn-primary:hover{background:#009ddf}


.sep-wp{max-width:1218px;margin:0 auto}

.richtext a{text-decoration:underline;color:#8f0020;}
.newsinfo_con a{text-decoration:underline;color:#8f0020;}
.richtext a:hover{text-decoration:none;}
.newsinfo_con a:hover{text-decoration:none;}
.boxs-related ul li{margin-bottom:15px;}
.footer_nav ul.ons li a{text-align:center;}
.footer_nav li a i{font-size:24px;}
.footer_nav li a:hover{text-decoration: none;}
.menu .box a{background:rgb(46, 169, 220, 1);}
.footer_nav ul.ons{display:block;text-align:center;}
.footer_nav ul.ons li{position:relative;}
.footer_nav ul.ons li:hover img{opacity:1;}
.footer_nav ul.ons li img{width:120px;height:120px;position:relative;position:absolute;left:-120px;bottom:0;background:#fff;padding:5px;opacity:0;}
.at-resp-share-element .at-share-btn .at-label{display:none;}
.at-resp-share-element .at4-share-count-container{display:none;}

.img_cut{background:no-repeat center center;background-size:cover;overflow:hidden;display:block;width:100%;height:auto;}
.img_contain{background:no-repeat center center;background-size:contain;overflow:hidden;display:block;width:100%;height:auto;}
@media screen and (max-width:1440px) {
.about_con_con .text .p{font-size:14px}
.about_con_con li:first-child .text .p{font-size:14px}
}

@media screen and (max-width:1280px) {
.sep-siderbar .sider-titles{font-size:15px}
.sep-wp{max-width:1100px}
}

@media screen and (max-width:1200px) {
body,
button,
input,
select,
textarea{font-size:12px}
.crumbs{font-size:14px}
.wp,
.slider-nav .slick-list{width:1000px}
.menu .h3 a{font-size:14px}
.slider-nav .h3{font-size:12px}
.footer_top{padding:40px 0 20px 0}
.footer_about{width:260px;padding-right:35px}
.footer_nav .h3{font-size:14px}
.ipro_list .h3{font-size:14px;margin-bottom:5px}
.inews_list .h3{font-size:14px}
.tit1{font-size:18px;height:48px;line-height:48px}
.more2{font-size:12px}
.about_top .em{font-size:14px}
.about_con_tab ul{width:360px}
.about_con_tab li a{font-size:14px;height:40px;line-height:40px;border-width:1px}
.about_con_tab li.curr a{border-width:1px}
.tit5{font-size:18px}
.news_list .h3{font-size:14px;line-height:18px;height:36px;overflow:hidden;margin-bottom:5px}
.news_list .p{height:60px;overflow:hidden}
.news_list .img{width:160px}
.news_list .text{margin-left:160px;padding-right:86px;padding-left:10px}
.news_list .em{width:76px}
.news_list .em em{font-size:14px}
.news_list .em strong{font-size:20px}
.inews_list .em{width:76px}
.inews_list .em em{font-size:14px}
.inews_list .em strong{font-size:20px}
.inews_list .text{padding-left:86px}
.inews_list .p{height:30px}
.career_con3_tit{font-size:24px}
.career_list ul{margin-right:-60px}
.career_list .h3{font-size:18px}
.career_list .pd{padding:30px;margin-right:60px}
.contact_list2 .em{font-size:16px}
.contact_list2 .p{font-size:16px}
.quality_con_tit .h3{font-size:18px;margin-bottom:10px}
.partner_tit .em{font-size:14px}
.service_top .h3{font-size:16px}
.tit8{font-size:24px}
.service_bottom_top .img strong{font-size:18px}
.service_bottom_bottom .pd{padding:30px 0 30px 20px}
.service_bottom_bottom .h3{font-size:14px}
.service_bottom_bottom .p{font-size:12px}
.tit10{font-size:18px;margin-bottom:20px}
.network_bottom_fl .pd{min-height:220px}
.network_bottom_fl .h3{font-size:18px;padding-bottom:5px}
.network_bottom_fr .h3{font-size:18px;padding-bottom:5px}
.network_bottom_fr .pd{min-height:220px}
.network_con li{margin-bottom:5px}
.network_con .h3{height:30px;line-height:30px}
.cpg_fl{margin-right:320px}
.cpg_fr{width:300px}
.tit3{font-size:18px;border-bottom-width:3px}
.case_tj_list .text{padding-left:10px}
.case_tj_list .p{height:36px}
.case_tj_list .h3{font-size:14px}
.pro_value_con td{padding:5px 10px 5px 20px}
.pro_value_con td:before{left:12px}
.pro_tj_list .text .h3{font-size:14px;margin-bottom:5px}
.caseinfo_value .tit{font-size:18px}
.tit2{font-size:18px}
.caseinfo_flip .h3{font-size:14px;height:36px;margin-bottom:5px}
.caseinfo_flip .p{height:36px}
.caseinfo_flip .text{padding-left:10px}
.case_list2 .h3{font-size:14px}
.newsinfo_tit .h3{font-size:18px}
.newsinfo_flip .h3{font-size:14px}
.case_tit .h3 strong{font-size:18px}
.case_tit .h3 em span{font-size:18px}
.case_list .h3{font-size:14px;height:32px;line-height:32px}
.case_list ul{margin-right:-50px}
.case_list .pd{margin-right:50px}
.brand_tit .h3{font-size:18px}
.tit9{font-size:18px}
.contact_list .h4{height:32px;line-height:32px}
.tit4{font-size:18px}
.brand_list li{width:20%}
.brand_list img{width:100%}
}

@media screen and (max-width:1100px) {
    .sep-wp{max-width:100%}
    .inner-products-lists .rights{display:none}
    .inner-products-lists .lefts{width:100%;padding:0 30px}
   }
    

@media screen and (max-width:1024px) {
.sep-header-contact-info{display:none}
.sep-header-contact-info.clearfix{display:none}
body,
.fix_body{padding-top:60px}
.wp,
.slider-nav .slick-list{width:auto;margin:0 30px}
.logo,
.fix_body .logo{padding:15px 0}
.logo img,
.fix_body .logo img{height:30px}
.top_right,
.fix_body .top_right{top:15px;right:30px;display:block}
.iconfont{font-size:14px}
.menu-link{display:block}
.menu,
.fix_body .menu{position:fixed;left:0;top:60px;right:0;padding-top:0;display:none}
.menu li{float:none;margin:0}
.menu .h3 a{float:none;padding:0 30px;line-height:44px;background:#009ddf;color:#fff;border-bottom:1px solid rgba(255,255,255,0.5)}
.menu .h3 i,
.menu .h3 em{display:block}
.menu .box{position:static;width:auto}
.menu .box a{background:rgba(0,157,223,0.7);padding:8px 30px}
.menu li:hover .box{display:none}
.menu_box{z-index:9999;padding:30px 0}
.menu_box ul{padding:30px 0 30px 30px}
.menu_box .icon-guanbi{display:block}
.menu_box .h3{margin-bottom:5px}
.menu_box .h3 a{font-size:14px}
.menu_box .p a{padding:4px 0 4px 15px}
.menu_box .p a:before{top:1px;left:0}
.footer_about{width:auto;float:none;padding:0;border:none;margin-bottom:20px}
.footer_nav{float:none;margin-right:-20px;overflow:hidden}
.footer_nav .ul{width:25%;margin:0;box-sizing:border-box;padding:0 20px 0 0}
.ipro_list .slick-prev{left:0}
.ipro_list .slick-next{right:0}
.table1 .td{padding:0 10%}
.video_list ul{margin-right:-30px}
.video_list .pd{margin-right:30px}
.pro_tj{min-height:inherit}
.pro_tj_list li{margin-bottom:5px}
.case_list ul{margin-right:-30px}
.case_list .pd{margin-right:30px}
.partner_con{padding-top:30px}
.partner_con li{width:25%;margin-bottom:10px}
.contact_list ul{margin-right:-30px}
.contact_list .pd{margin-right:30px}
.icase_list .single-item,
.ipro_list .single-item{padding-bottom:30px}
.icase_list .slick-dots li,
.ipro_list .slick-dots li{margin:0 5px}
.tit1{line-height:1;height:28px}

.menu li:nth-child(3) .box{ width:auto; position:static; left:50%; margin-left:0px; top:0px; max-height:300px; overflow-y:auto !important;}
.menu li:nth-child(3) .box a{ width:auto; float:none;}
}

@media screen and (max-width:960px) {
.icase_list .text{left:0;bottom:0;right:0;background:rgba(255,255,255,0.6)}
.table1 .td{padding:0 5%}
.about_con_con .text .p{font-size:12px !important}
.news_list .em{position:static;width:auto;background:none !important;color:#666 !important;padding:0}
.news_list .em strong{display:inline;font-size:inherit;margin-right:5px;font-weight:normal}
.news_list .em em{display:inline}
.news_list .text{padding-right:0}
.news_list .p{height:39px}
.cpg_fl{margin-right:0;margin-bottom:50px}
.cpg_fr{position:static;width:100%;margin-bottom:0}
.career_con1 .text{padding:30px 30px 0 30px}
.career_con2_tit{width:auto;position:static;margin-bottom:20px}
.career_con2_tit .h3{font-size:24px;padding-bottom:0;margin-bottom:10px}
.career_con2_tit .h3:after{display:none}
.career_con2_con{margin-left:0}
.career_con2_con li{padding:0 !important}
.career_con2_con .img{padding:6px;width:120px;height:120px}
.career_con2_con .text{margin-left:120px;padding:20px 0 0 10px}
.career_con2_con .h3{font-size:14px;margin-bottom:5px;color:#000}
.career_con2_con .p{color:#888}
.pro_tj{border:none;padding:0}
.pro_tj_list li{width:25%}
.pro_tj_list .text{display:block;position:static;width:auto;border:none;border-radius:0;padding:10px}
.pro_tj_list .text:before{display:none}
.filedw_list ul{margin-right:-10px}
.filedw_list li{width:33.333333%;float:left;margin-bottom:10px}
.filedw_list .pd{margin-right:10px}
.filedw_list i{width:24px;height:24px;line-height:24px;font-size:24px;right:10px;bottom:10px}
.case_list ul{margin-right:-15px}
.case_list .pd{margin-right:15px}
.caseinfo_flip{margin-right:-15px;margin-bottom:20px;overflow:hidden}
.caseinfo_flip .pd{margin-right:15px}
.caseinfo_value .con{border:none;padding:0}
.quality_top_con .pd{background:none;padding:0 10px;margin-bottom:0}
.quality_top_con .pd:after{display:none}
.quality_top_con li{margin-bottom:25px}
.quality_top_con li .pd:before{display:none !important}
.quality_top_con .text strong{display:none}
.quality_top_con .text{position:static;padding-top:10px;height:30px}
.quality_bottom .contact_list .h4{font-size:18px}
.service_con ul{width:auto;height:auto;padding-top:320px;background-position:top center;background-size:auto 300px}
.service_con li{position:static;padding-left:0;width:33.333333%;float:left}
.service_con li:after{display:none}
.service_bottom_top .img strong{padding:10px 15px;font-size:16px}
.service_bottom_top ul{margin-right:-15px}
.service_bottom_top .pd{margin-right:15px}
.service_bottom_bottom li{width:50%;margin-bottom:1px}
.service_bottom_bottom .pd:before{border-bottom:9px solid #a00f36 !important;border-left:9px solid #fff !important;border-right:9px solid #fff !important}
.service_bottom_bottom .pd:after{border-top:9px solid #a00f36 !important;border-left:9px solid #fff !important;border-right:9px solid #fff !important}
.network_con li{width:20%}
.network_bottom_fl .h3{font-size:16px}
.network_bottom_fl .pd{margin-right:10px}
.network_bottom_fl .pd{padding:15px}
.network_bottom_fr .pd{margin-left:10px}
.network_bottom_fr .pd{padding:15px}
.contact_list .h2{font-size:12px}
.contact_list2 .em{font-size:14px}
.contact_list2 .p{font-size:14px}
.contact_list2 .p i{font-size:16px}
}

@media screen and (max-width:768px) {
.cpg{width:100%}
.newsinfo_con .overs-hides{overflow-x:scroll}
.slider-nav{position:static}
.slider-nav .h3{height:36px;line-height:36px}
.inews_list li{width:50%;margin-bottom:10px}
.inews_list li:nth-child(3) .img{display:none}
.inews_list li:last-child{display:none}
.inews_list .em{padding:10px 0 10px 10px;width:62px}
.inews_list .em strong{font-size:18px}
.inews_list .em em{font-size:12px}
.inews_list .img{margin-bottom:10px}
.inews_list .text{padding-left:72px}
.inews_list .img i{display:none !important}
.istrength_list strong{font-size:24px}
.share li{margin:0 4px}
.crumbs{position:static;background-color:#009ddf}
.about_top .p .text{padding:0 10px;font-size:12px;height:24px;line-height:24px}
.video_list .img i.icon-play:before{width:48px;height:48px;line-height:48px;font-size:48px;margin:-24px 0 0 -24px}
.qualifications_con .slick-arrow{width:40px;height:40px;line-height:40px;font-size:24px}
.qualifications_con .img:after{width:300px;margin-left:-150px;background-size:100% auto;bottom:-39px}
.career_con1 .h3{font-size:18px}
.career_con2_tit .h3{font-size:18px;line-height:1.3}
.career_con1 .text{padding:15px 15px 0 15px}
.career_con1 ul{margin-right:-5px}
.career_con1 .pd{margin-right:5px}
.career_con3_tit{font-size:18px;line-height:1.3;margin-bottom:20px}
.career_con1{padding:30px 0}
.career_con2{padding:30px 0}
.career_con3{background:#009ddf;padding:30px 0}
.career_list li{width:auto;float:none;margin-bottom:10px}
.career_list ul{margin-right:0}
.career_list .pd{margin-right:0}
.pro_tj_list li{width:33.333333%}
.brand_list ul{margin-right:-10px}
.brand_list li{margin-bottom:10px}
.brand_list .pd{margin-right:10px}
.case_list li{width:50%}
.quality_top_con li{width:33.333333%}
.service_top li{width:50%;margin-bottom:15px}
.service_top .p{height:45px}
.network_con li{width:25%}
.contact_list li{width:50%;margin-bottom:20px}
.forms{display:none}

.inner-products-lists .products-lists-boxs .lists ul li{width:48%;margin:0 1% 30px}
.inner-products-lists .products-lists-boxs .lists ul li:nth-child(3n+1){margin:0 1% 30px}
.inner-products-lists .titles-lists ul li a{font-size:16px}
.boxs-related ul li{width:48%;margin:0 1% 15px}
.boxs-related ul li+li{margin:0 1% 15px}
}

@media screen and (max-width:640px) {
.video_box{width:100%;height:240px}
.menu-link{top:20px}
.top_right,
.fix_body .top_right{top:0;right:0}
.language{position:absolute;right:30px;top:24px}
.menu_box{padding:20px 0}
.menu_box ul{padding:20px}
.menu_box li{width:auto;padding-right:0;float:none}
.menu_box .p{margin-bottom:10px}
.istrength_list li{width:50%;margin-bottom:10px}
.footer_nav{margin-right:0}
.footer_nav .ul{width:auto;float:none;padding-right:0;max-width:inherit;}
.footer_nav ul{display:none}
.footer_nav .h3{margin-bottom:5px;height:34px;line-height:34px;border-bottom:1px solid rgba(255,255,255,0.5)}
.footer_nav .h3 i,
.footer_nav .h3 em{display:block}
.about_con_con li{width:auto !important;float:none;overflow:hidden;margin-bottom:5px;background:#009ddf}
.about_con_con .img{float:left;width:150px}
.about_con_con .text{position:static;opacity:1;margin-left:150px;background:none}
.table1 .td{padding:15px 15px 0 15px;text-align:left}
.video_list ul{margin-right:-10px}
.video_list li{margin-bottom:10px}
.video_list .pd{margin-right:10px}
.video_list .text{height:32px;line-height:32px}
.news_list li{width:auto}
.news_list .h3{height:18px}
.news_list .p{height:56px}
.newsinfo_flip{margin-right:0}
.newsinfo_flip .li{width:auto;float:none}
.newsinfo_flip .li1{margin-bottom:20px}
.newsinfo_flip .pd{margin-right:0}
.cpg_fl{margin-bottom:30px}
.career_con3_tit{font-size:16px}
.filedw_list li{width:50%}
.case_tj_list li{width:auto;float:none;overflow:hidden;margin-bottom:5px}
.brand_list ul{margin-right:-5px}
.brand_list li{margin-bottom:5px;width:33.333333%}
.brand_list .pd{margin-right:5px}
.case_list ul{margin-right:-5px}
.case_list .pd{margin-right:5px}
.caseinfo_flip .li{width:auto;margin-bottom:10px}
.caseinfo_flip .tit{margin-bottom:10px}
.flow .pin{padding:0;margin-bottom:10px}
.quality_bottom .contact_list .h4{font-size:16px}
.service_con li{width:50%}
.network_bottom_fl{width:auto;float:none;margin-bottom:10px}
.network_bottom_fl .pd{margin:0}
.network_bottom_fr{width:auto;float:none}
.network_bottom_fr .pd{margin:0}
.case_tit .p ul{margin-right:0}
.case_tit .p li{width:auto;float:none}
.case_tit .p a{margin-right:0}
.news_list .img{height:auto}

.footer_nav ul.ons li{display:inline-block;margin:0 6px;}
}

@media screen and (max-width:600px) {
.video_list ul{margin-right:0}
.video_list li{float:none;width:auto}
.video_list .pd{margin-right:0}
.video_list .text{height:auto;line-height:1.42;padding-top:5px}
.career_con2_con .text{padding:10px 0 0 10px}
.career_con1 ul{margin-right:0}
.career_con1 li{float:none;overflow:hidden;width:auto;margin-bottom:10px}
.career_con1 .pd{margin-right:0}
.career_con1 .img{float:left;width:150px;height:120px;overflow:hidden}
.career_con1 .img img{margin-top:-75px}
.career_con1 .text{position:static;color:#333;margin-left:150px;padding:0 0 0 10px}
.service_top li{width:auto;float:none;position:relative;height:82px}
.service_top .p{height:auto}
.service_top .pd{margin:0;padding-left:90px;text-align:left}
.service_top i{position:absolute;left:0;top:0;width:80px;height:80px;line-height:80px}
.service_top .h3{padding-top:10px}
.service_bottom_top ul{margin-right:0}
.service_bottom_top li{width:auto;float:none;margin-bottom:10px}
.service_bottom_top .pd{margin-right:0}
.network_con ul{margin-right:-10px}
.network_con li{width:33.333333%}
.network_con .pd{margin-right:10px}
.contact_list li{width:auto;float:none}
.case_tit .p a{padding:8px 0 8px 20px;height:auto;line-height:16px}
.pro_value_con td,
.pro_application .p{font-size:14px}
}

@media screen and (max-width:540px) {
.career_con3_tit{text-align:left}
.career_con3_tit br{display:none}
.career_list .h3{font-size:14px}
.pro_tj_list li{width:50%}
.filedw_list ul{margin-right:0}
.filedw_list .pd{margin-right:0}
.filedw_list li{width:auto;float:none}
.quality_top_con li{width:50%}
.quality_top_con li:last-child{margin-bottom:0}
.service_con li{width:auto;float:none;height:auto;line-height:1.3;padding:5px 0}
.service_con ul{background-size:auto 200px;padding-top:220px}
.service_bottom_bottom li{width:auto;float:none}
}

@media screen and (max-width:480px) {
.logo,
.fix_body .logo{padding:22px 0 14px 0}
.logo img,
.fix_body .logo img{height:24px}
.inews_list li{width:auto;float:none;overflow:hidden;display:none}
.inews_list li:nth-child(1),
.inews_list li:nth-child(2),
.inews_list li:nth-child(3){display:block}
.inews_list li .img{display:block !important;width:150px;float:left;margin-bottom:0}
.inews_list ul{margin-right:0}
.inews_list .pd{margin-right:0}
.inews_list .text{margin-left:150px;padding-left:10px}
.inews_list .h3{line-height:16px;height:16px;margin-bottom:5px}
.inews_list .p{margin-bottom:5px;height:40px}
.inews_list .em{position:static;width:auto;background:none !important;color:#666 !important;padding:0}
.inews_list .em strong{display:inline;font-size:inherit;margin-right:5px;font-weight:normal}
.inews_list .em em{display:inline}
.about_top .p ul{padding:10px 0}
.about_top .p li{width:auto;float:none;margin-bottom:10px}
.about_top .p li:last-child{margin-bottom:0}
.about_top .p .pd{margin-right:0}
.about_top .p .text{height:34px;line-height:34px}
.about_con_tab{margin-bottom:15px}
.about_con_tab ul{width:280px}
.about_con_tab li a{height:30px;line-height:30px;font-size:12px}
.pg_banner img{width:140%;margin-left:-20%}
.flip{padding:8px 10px}
.flip a,
.flip span,
.flip em{margin:0 3px}
.case_list2 .text{padding-left:10px}
.career_con1 .img{height:150px}
.pro_con .img{width:auto}
.pro_value_con td{padding:5px 5px 5px 15px}
.pro_value_con td:before{left:8px}
.quality_con_tit .h3{font-size:16px}
.quality_con_con li{padding:10px}
.partner_con li{width:33.333333%}
.service_bottom_top .img strong{font-size:14px;padding:5px 10px}
.pro_tj_list li{width:auto;float:none}

.inner-products-lists{padding:25px 0}
.inner-products-lists .products-lists-boxs .lists ul li{width:98%}
.inner-products-lists .titles-lists ul li{width:100%;margin-bottom:15px}
.inner-products-lists .titles-lists ul li.active .sanjiao{display:none}
.applications-ul [role=button]{display:none}
.boxs-related ul li{width:98%}
.sep-resource-list2 li .thumb{width:100px}
.sep-resource-list2 li{padding-left:120px}

.sep-general-form .sep-form>div:nth-child(8) textarea.form-control{width:100%}
.form-box .sep-general-form .sep-form>div.form-group{width:100%}
.form-box .sep-general-form{padding:15px;margin-top:15px}


}

@media screen and (max-width:413px) {
.wp,
.slider-nav .slick-list{margin:0 20px}
.table1 .td{padding:10px}
.about_con_con .img{width:auto;float:none}
.about_con_con .text{margin:0}
.qualifications_con .img:after{width:280px;margin-left:-140px;background-size:100% auto;bottom:-39px}
.news_list .p{height:45px}
.career_con1 .img{height:180px}
.career_con1 .img img{margin-top:-40px}
}

@media screen and (max-width:374px) {
.wp,
.slider-nav .slick-list{margin:0 15px}
.inews_list li .img{width:135px}
.inews_list .text{margin-left:135px}
.news_list li .img{width:135px}
.news_list .text{margin-left:135px}
.case_list2 .img{width:135px}
.case_list2 .text{margin-left:135px}
.career_con1 .img{width:135px;height:auto}
.career_con1 .img img{margin-top:0}
.career_con1 .text{margin-left:135px}
.case_tj_list .img{width:135px}
.case_tj_list .text{margin-left:135px}
.quality_top_con .img img{width:120px;height:120px}
.service_top .h3{padding-top:10px}
.network_con li{width:50%}
}


.zStrengthBox{ height: 100px;}
.footer{ padding-top: 110px;}

.zStrength{ position:absolute; left:0px; right:0px; top:-204px;}
.zStrength li{ width:25%; float:left;}
.zStrength li a{ display:block; background:#f5f5f5; margin-right:1px; font-size:16px; color:#333; text-align:center; line-height:1; padding:50px 0;}
.zStrength li strong{ font-size:3.125em; display:block; color:#8f0020; margin-bottom:0.5em;}
.zStrength li em{ display:block;}
.zStrength li sup{ position: relative; top: auto; line-height: 1; font-weight: normal;}
.zStrength li:first-child a{ border-radius:0 0 0 30px;}
.zStrength li:last-child a{ border-radius:0 30px 0 0;}
@media screen and (max-width:1024px) {
.zStrength{ position:static; margin-bottom:30px;}
.zStrength li a{ font-size:14px; padding:20px 0;}
.zStrength li strong{ font-size:2.5em; margin-bottom:10px;}
.zStrength li:first-child a{ border-radius:0 0 0 15px;}
.zStrength li:last-child a{ border-radius:0 15px 0 0;}
}
@media screen and (max-width:768px) {
.zStrengthBox{ display: none;}
.zStrength{ margin-bottom:0px;}
.zStrength ul{ display: flex; flex-wrap: wrap;}
.zStrength ul:before{ display: none;}
.zStrength li{ width:50%; margin-bottom:20px;}
.zStrength li a{ background:none; padding:0px; margin:0px; color:#fff;}
.zStrength li strong{ font-size:2em; color:#fff;}
.zStrength li:first-child a{ border-radius:15px 0 0 0;}
.zStrength li:last-child a{ border-radius:0 0 15px 0;}
}

.tRight{ position: absolute; bottom: 15px; right: 0px;}
.tCall{ float: left; padding-left: 35px;}
.tCall .i{ display: none;}
.tCall .box{}
.tCall .box a{ width: 110px; height: 30px; line-height:30px; background: #02a7f0; display: block; text-align: center; color: #fff; border-radius: 3px; font-size: 12px;}
.tCall .box a:hover{ background: #80011C; color: #fff;}

.form{ position: absolute; top: 100px; z-index: 9; margin-left: 155px; left: 50%; background: #f2f2f2; padding: 25px; box-sizing: border-box; width: 430px; font-size: 14px; color: #666; display: none; overflow: hidden; box-shadow: 0 0 15px rgba(0,0,0,0.5);}
.formTit{ position: relative; margin-bottom: 10px;}
.formTit strong{ color: #000; font-size: 18px; font-weight: bold; line-height: 1;}
.formTit a{ position: absolute; font-size: 12px; right: 0px; top: 50%; width: 2em; height: 2em; line-height: 2; margin-top: -1em; color: #666; text-align: center; border-radius: 50%;}
.formTit a:after{ content: ''; position: absolute; left: 0; top: 0; right: 0; bottom: 0; box-sizing: border-box; border: 1px solid #666; border-radius: 50%;}
.formTit a:hover{ background: #02a7f0; color: #fff;}
.formTit a:hover::after{ border-color: #02a7f0;}



.formColl{ position: relative; /* border-bottom: 2px solid #02a7f0; padding-bottom: 20px; margin-bottom: 20px; */ margin-bottom: 15px;}
.formColl .wpd{ position: relative; padding-right: 120px;}
.formColl .h3{ color: #000; font-weight: bold; line-height: 1; font-size: 16px; margin-bottom: 10px;}
.formColl .p{}
.formColl .em{ width: 100px; position: absolute; right: 0px; top: 26px; box-sizing: border-box; padding: 5px; background: #fff; border: 1px solid #ddd;}
.formColl .em img{ width: 100%; height: auto; display: block;}
.formColl dl{ position: relative; line-height: 24px; padding-left: 20px; margin-bottom: 15px;}
.formColl dl:last-child{ margin-bottom: 0;}
.formColl dt{ position: absolute; left: 0px; top: 0px; color: #02a7f0;}

.formFollow{ margin-bottom: 15px;}
.formFollowTit{ color: #000; font-weight: bold; line-height: 1; font-size: 16px; margin-bottom: 10px;}
.formFollowCon{}
.formFollowCon ul{ display: flex;}
.formFollowCon li{ margin-right: 10px;}
.formFollowCon a{display: block; width: 1em; height: 1em; font-size: 32px;}

.formFollowCon .icon-facebook3{ color: #2c80fd;}
.formFollowCon .icon-X{ color: #000000;}
.formFollowCon .icon-in{ color: #2466c1;}
.formFollowCon .icon-youtubi{ color: #f80000;}

.formCon{}
.formCon dl{ margin-bottom: 10px;}
.formCon dl:last-child{ margin-bottom: 0px;}
.formCon dt{ line-height: 1; margin-bottom: 0.25em;}
.formCon dt em{ color: #f00;}
.ipt_s2{ width: 100%; border: 1px solid #d7d7d7; transition: 1s all; border-radius: 5px !important; background-color: #fff; height: 30px; padding: 0 12px; box-sizing: border-box; font-size: 1em;}
.ipt_t2{ width: 100%; border: 1px solid #d7d7d7; transition: 1s all; border-radius: 5px !important; background-color: #fff; height: 30px; padding: 0 12px; box-sizing: border-box; font-size: 1em;}
.ipt_text2{ width: 100%; border: 1px solid #d7d7d7; transition: 1s all; border-radius: 5px !important; background-color: #fff; height: 72px; padding: 6px 12px; box-sizing: border-box; font-size: 1em; line-height: 1.5; resize: none; overflow: hidden;}
.ipt_s2:hover,
.ipt_t2:hover,
.ipt_text2:hover{ border-color: #02a7f0;}
.ipt_s2:focus,
.ipt_t2:focus,
.ipt_text2:focus{ border-color: #1890ff;box-shadow: 0 0 0 2px rgba(24,144,255,.2);}
.ipt_c2{ position: relative; padding-left: 20px; display: block;}
.ipt_c2 input{ position: absolute; left: 0px; top: 2px;}
.ipt_c2 span{ font-size: 12px; line-height: 1.2; display: block;}



.ipt_b2{ font-size: 14px; width: 140px; height: 32px; line-height: 32px; background: #4095E5; border: none; border-radius: 5px; text-align: center; color: #fff; display: block; margin: 0 auto;}



@media screen and (max-width:1024px){
.form{ left: auto; right: 0px; margin: 0px;}
}
@media screen and (max-width:640px){
.form{ left: 0px; width: auto;}
}
.ipro{ background: #fff; padding: 50px 0 40px 0;}
.inews{ background: #f5f5f5; padding: 50px 0 40px 0;}
.icase{ background: #fff; padding: 50px 0 40px 0;}

.zNewsB{ position: relative;}
.zNewsB ul{ margin: 0 -15px; position: relative; z-index: 2;}
.zNewsB ul:nth-child(2){ position: absolute; left: 0px; top: 0px; right: 0px; bottom: 0px; visibility: hidden; pointer-events: none; z-index: 1;}
.zNewsB li{ width: 50%; float: left; margin-bottom: 20px;}
.zNewsB .pd{ margin: 0 15px; background: #02a7f0; display: block; color: #fff; border-radius: 8px; overflow: hidden;}
.zNewsB .img{ width: 260px; float: left;}
.zNewsB .img img{ width: 260px; height: 200px; border-radius: 7px 0 0 7px; object-fit: cover;}
.zNewsB .text{ margin-left: 260px; padding:20px;}
.zNewsB .h3{ font-size: 16px; line-height: 1.5; height:3em; margin-bottom: 15px; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp:2;}
.zNewsB .p{ font-size: 14px; height: 3em; line-height: 1.5; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp:2; margin-bottom: 25px;}
.zNewsB .em{ overflow: hidden;}
.zNewsB .em em{ float: left;}
.zNewsB .em i{ float: right;}
.zNewsB .pd:hover{ background: #80011c;}
@media screen and (max-width:1024px){
.zNewsB .img{ width: 200px;}
.zNewsB .img img{ width: 100%; height: 168px;}
.zNewsB .text{ margin-left: 200px;}
.zNewsB .h3{ height: 1.5em;-webkit-line-clamp:1;}

}
@media screen and (max-width:960px){
.zNewsB .img{ width: 160px;}
.zNewsB .text{ margin-left: 160px;}
}

@media screen and (max-width:768px){
.zNewsB li{ width: auto; float: none; margin-bottom: 10px;}
}
@media screen and (max-width:640px){
.zNewsB ul{ margin: 0px;}
.zNewsB .pd{ margin: 0px; border-radius: 6px;}
.zNewsB .img{ width: 120px;}
.zNewsB .img img{ height: 120px; border-radius: 5px 0 0 5px;}
.zNewsB .text{ margin-left: 120px; padding: 12px;}
.zNewsB .h3{ font-size: 14px; margin-bottom: 5px;}
.zNewsB .p{ font-size: 12px; margin-bottom: 10px;}
}
.ztit1{ height: 40px; position: relative; margin-bottom: 20px;}
.ztit1 strong{ font-size: 24px; position: absolute; left: 0px; top: 50%; margin-top: -0.5em; line-height: 1; font-weight: normal;}
.ztit1 .a{ font-size: 16px; position: absolute; right: 0px; top: 50%; margin-top: -0.5em; line-height: 1; color: #02A7F0;}
.zTabA{ text-align: center; margin: 0 130px;}
.zTabA ul{ display: inline-block; vertical-align: bottom;}
.zTabA li{ float: left; margin: 0 6px;}
.zTabA a{ height: 40px; line-height: 40px; font-size: 16px; background: rgba(215, 215, 215, 1); display: block; padding: 0 1em; color:#3D3935; border-radius: 4px;}
.zTabA a:hover,
.zTabA li.curr a{ background: #02a7f0; color: #fff;}


.zConA1 ul{ height: 610px; overflow: hidden;}
.zConA2 ul{ display: none;}
.zConA2 ul:first-child{ display: block;}


.iCaseCon{}
.iCaseCon ul{ margin: 0 -15px;}
.iCaseCon li{ width: 33.3333%; float: left;}
.iCaseCon .pd{ display: block; margin: 0 15px;}
.iCaseCon .img{ border-radius: 10px; overflow: hidden;}
.iCaseCon .img img{height: auto; display: block; width: 100%; aspect-ratio: 640/400;object-fit:contain;}
.iCaseCon .text{ text-align: center; padding: 15px 0;}
.iCaseCon .h3{ height: 30px; line-height: 30px; font-size: 16px; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp:1;}
.iCaseCon .h3 i{ margin-right: 0.5em;}
.iCaseCon .p{ font-size: 12px; color: #666; line-height: 1.5; height: 3em; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp:2; margin-bottom: 30px;}
.iCaseCon .pd:hover .img{ background: #fff;}
.iCaseCon1{}
.iCaseCon3 .text{ text-align:left;}
/* .iCaseCon6 .img{ padding: 10px 0;}
.iCaseCon6 .img img{ width: 100%; height: 240px; object-fit: contain; margin: 0 auto;} */
@media screen and (max-width:1440px){
.zTabA a{ height: 36px; line-height: 36px;}
.iCaseCon .h3{ font-size: 14px; height: 24px;line-height: 24px;}
}
@media screen and (max-width:1024px){
.zTabA{ margin: 0 60px 0 120px;}
}

@media screen and (max-width:960px){
.zTabA li{ margin: 0 3px;}
.iCaseCon li{ width: 50%;}
}



@media screen and (max-width:640px){
.zTabA{ margin: 0px; padding-top: 10px;}
.zTabA ul{ display: block; margin: 0 -2px;}
.zTabA li{ margin:0 0 4px 0; width:50%;}
.zTabA a{ padding: 0px; margin: 0 2px; font-size: 12px;}
.iCaseCon ul{ margin: 0 -5px;}
.iCaseCon .pd{ margin: 0 5px;}
.ztit1{ height: auto;}
.ztit1 strong{ position: static; font-size: 20px;}
.ztit1 .a{ top: 0px; margin: 0px; }

}


.pMainCase2{ background: #f2f2f2; padding: 50px 0 20px 0;}
.pNavB{}
.pNavB ul{ margin: 0 -5px;}
.pNavB li{ float: left; padding: 5px 0; width: 33.3333%;}
.pNavB li a{ margin: 0 5px; display: block; background: #fff; color: #3D3935; height: 60px; line-height: 60px; border-radius: 6px; padding-left: 75px; position: relative;}
.pNavB li img{ position: absolute; left:20px; top: 50%; margin-top: -25px;  width: 50px; height: 50px;}
.pNavB li i{ font-weight: bold; color: #000; margin-right: 1em;}
.pNavB li strong{ font-weight: normal;}
.pNavB li.curr i{ color: #02a7f0;}
.pNavB li.curr a{ color: #02a7f0;}
.pNavB li a:hover{ box-shadow: 0 0 5px rgba(0,0,0,0.1);}
.pMainCase4{ background: #f5f5f5; padding:30px 0;}
.pNavA{}
.pNavA li{ float: left; padding: 5px 0;}
.pNavA li a{ margin: 0 2px; display: block; background: #d7d7d7; color: #3D3935; min-width: 120px; padding: 0 20px; height: 40px; line-height: 40px; text-align: center; border-radius: 6px;}
.pNavA li.curr a{ background: #02a7f0; color: #fff;}
.pNavA2{ text-align: center;}
.pNavA2 ul{ display: inline-block; vertical-align: bottom;}
.pNavA3{ text-align: center; margin-bottom: 30px;}
.pNavA3 ul{ display: inline-block; vertical-align: bottom;}
.pNavA4{ text-align: center; margin-bottom: 30px;}
.pNavA4 ul{ display: inline-block; vertical-align: bottom;}
.pNavA5{ margin-bottom: 40px;}
@media screen and (max-width:1024px){
.pNavA li{ padding: 2px 0; width: 14.285714285714286%;}
.pNavA li a{ height: 36px; width: auto; line-height: 36px;}
.pNavB li{ width: 33.3333%;}
.pNavA3 ul{ display: block;}
.pNavA3 li{ width: 25%;}
}
@media screen and (max-width:960px){
.pNavA li{ width: 20%;}
}
@media screen and (max-width:640px){
.pNavA li{ width: 50%;}
.pNavB ul{ margin: 0 -2px;}
.pNavB li{ width: 100%; padding: 2px 0;}
.pNavB li img{ width: 32px; height: 32px; margin-top: -16px; left:5px;}
.pNavB li a{ padding-left: 42px; height: 36px; line-height: 36px; margin: 0 2px; font-size: 12px;}
.pNavA3 ul{ display: block;}
.pNavA3 li{ width: 25%;}
.pNavA4 ul{ display: block;}
.pNavA4 li{ width: 25%;}
}




.dingwei{position: relative;}
.dingwei a{ position: absolute; top: -150px;}
.dingwei_2 a{ top: -120px;}
.aboutNav{ height: 60px; background: #f2f2f2;}
.aboutNav .wpd{}
.aboutNavFixed{ position: fixed; left: 0px; right: 0px; top: 62px; box-shadow: 0 0 3px rgba(0,0,0,0.5); z-index: 5; background: #f2f2f2;}
.aboutNav li{ float: left;}
.aboutNav a{ font-size: 14px; height: 60px; line-height: 60px; text-align: center; display: block; overflow: hidden; padding: 0 1em;}
.aboutNav li.curr a{ background: #02a7f0; color: #fff;}

.aboutNav2{ text-align: center;}
.aboutNav2 ul{ display: inline-block; vertical-align: bottom;}
.aboutNav2 li{ width: auto;}
.aboutNav2 a{ padding:0 1em;}
.aboutNav4 li{ width:14.285714285714286%;}
.aboutNav3 ul{ width: 80%; margin: 0 auto;}
.aboutNav3 li{ width: 16.666666666666668%;}
@media screen and (max-width:1440px){
.aboutNav a{ font-size: 14px;}
}
@media screen and (max-width:1024px){
.aboutNavFixed{ top: 60px;}

.ibanner .slick-dots{ bottom:15px; font-size:6px;}
.ibanner .slick-dots li button{ font-size:6px;}


.slider-for img{ height: auto;}
.tRight{ top: 50%; margin-top: -20px; bottom: auto; right: 130px;}
.tCall{ padding-left: 0px;}
.tCall .i{ text-align:center; display:block; width:40px; height:40px; line-height:40px; font-size:24px; cursor: pointer;}
.tCall .box{ position:fixed; top:60px; left:0px; right:0px; background:rgba(0,157,223,1); box-sizing:border-box; padding:15px 30px; display:none;}
}
@media screen and (max-width:768px){
.aboutNav{ display: none;}
}
@media screen and (max-width:540px){
.dingwei_2 a{ top: -60px;}


.icase_list .slick-dots li, .ipro_list .slick-dots li{ margin: 2px;}
.icase_list .slick-dots button, .ipro_list .slick-dots button{ width: 6px; height: 6px;}
.ibanner .slick-dots li{ margin: 0 3px;}
}