@charset "utf-8";
body,html{ overflow-x:hidden;}
body{ color:#333;  height:auto; box-sizing:border-box; background-color:#fff; padding-top:106px;}
.course{-moz-user-select: none; /*火狐*/
  -webkit-user-select: none;  /*webkit浏览器*/
  -ms-user-select: none;   /*IE10*/
  -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 i{
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.qualifications_con .slick-slide,
.qualifications_con .slick-slide .pd,
.qualifications_con .img:after{
-webkit-transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
-ms-transition: all 0.3s linear;
-o-transition: all 0.3s linear;
transition: all 0.3s linear;
}


.menu-link{
-webkit-transition: all 0.2s ease-out;
-moz-transition: all 0.2s ease-out;
-ms-transition: all 0.2s ease-out;
-o-transition: all 0.2s ease-out;
transition: all 0.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:hover,
.menu-link:focus {}
.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 0.4s;-moz-transition: all 0.4s;-ms-transition: all 0.4s;-o-transition: all 0.4s;transition: all 0.4s;}
.menu-link span:before,
.menu-link span:after {position: absolute;top: -.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, -.3em);
-moz-transform: rotate(-45deg) translate(.4em, -.3em);
-ms-transform: rotate(-45deg) translate(.4em, -.3em);
-o-transform: rotate(-45deg) translate(.4em, -.3em);
transform: rotate(-45deg) translate(.4em, -.3em);
}

.iProNews .slick-arrow:before,
.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;
}

.p,p{text-align: justify;}
.wp{ width:1170px; position:relative; margin:0 auto;}

.fix_body{ padding-top:66px;}
.fix_body .top_right{ display:none;}
.fix_body .menu{ padding-top:0px;}
.fix_body .logo{ padding-top:12px;}
.fix_body .logo img{ height:40px;}
.fix_body .header:before{ display:none;}
.fix_body .top_right{ margin-top:-32px; display:block;}
.fix_body .aboutNav{ top: 62px;}
.fix_body .menu li:nth-child(3) .box{}
.fix_body .forms .box{ top:79px;}

.header{ background:#fff; position:fixed; left:0px; top:0px; right:0px; z-index:15; box-shadow:0 0 10px rgba(0,0,0,0.3); -webkit-transform: translateZ(0);}
.logo{ float:left; padding-top:26px;}
.logo img{ height:57px; display:block;}
.menu{ padding-top:47px; margin: 0 110px 0 320px; text-align: center;}
.menu ul{ display: inline-block; vertical-align: bottom;}
.menu li{ float:left; margin: 0 20px; position:relative;}
.menu .h3{ position:relative;}
.menu .h3 a{ font-size:16px; height:55px; line-height:55px; padding-bottom:4px; display:block; float:left; position:relative;}
.menu .h3 i,.menu .h3 em{ 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 .h3 i:before {content: "\e604";}
.menu .h3 i.active:before {content: "\e606";}
.menu .h3 em:before {content: "\e7f9";}
.menu .curr .h3 i{ display:block;}
.menu .box{ position:absolute; left:0px; top:100%; width:280px; display:none; background:rgba(0,157,223,0.9);}
.menu .box:before { display:none; content: "\20"; background:url(../images/sj1.png) no-repeat; width:15px; height:8px; left:50%; top:-8px; position:absolute; margin-left:-7px;}
.menu .box a{ 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 li:hover .box{ display:block;}

.menu_box{ display:none; background:rgba(255,255,255,1); position:absolute; left:0px; top:33px; right:0px; z-index:14; -webkit-transform: translateZ(0);}
.menu_box .icon-guanbi{ cursor:pointer; display:none; position:absolute; font-size:18px; right:0px; top:0px; width:30px; height:30px; line-height:30px; text-align:center; color:#fff;}
.menu_box .li{ display:none; padding:61px 0 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.333333%; box-sizing:border-box; padding-right:30px;}
.menu_box .h3{ border-bottom:1px solid rgba(255,255,255,0.5); margin-bottom:10px;}
.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:20px; padding:6px 10px 6px 25px; 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 .p a:hover{}
.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:0px; top:0px; right:0px; bottom:0px; background:#e9e9e9; -webkit-transform: translateZ(0); width:100%; height:100%;}
.top_right{ position:absolute; right:0px; top:11px; z-index: 2;}
.top_nav{ float:left; color:#898989; height:30px; line-height:30px;}
.top_nav .i{ display:none;}
.top_nav a{  color:#898989; margin: 0 0.5em;}
.top_nav span{ margin:0 14px;}
.top_nav a:hover{ color:#8f0020;}
.language{ float:left; margin-left:20px; position:relative;}
.language .i{ display:none;}
.language .h3{  height:28px; line-height:28px; border:1px solid #fff; cursor:pointer; padding:0 5px 0 25px; color:#000000; position:relative;}
.language .h3 img{ position:absolute; left:5px; top:50%; margin-top:-6px; display:block; width:18px; height:12px;}
.language .h3 i{ }
.language .p{ display:none; position:absolute; left:0px; top:30px; right:0px;border:1px solid #ccc; border-top:none; background:#fff;}
.language .p a{ display:block; padding:0 5px 0 25px;  height:30px; line-height:30px; border-bottom:1px solid #ccc; position:relative;}
.language .p a:last-child{ border-bottom:none;}
.language .p a:hover{ background-color:#8f0020; color:#fff;}
.language .p img{ position:absolute; left:5px; top:50%; margin-top:-6px; display:block; width:18px; height:12px;}
.language.curr .h3{ border:1px solid #ccc;}

.ibanner{ position:relative;}
.slider-for{}
.slider-for img{ display:block; width:100.418410041841%; height:auto; max-width: 100vw; min-width: 100vw; }
.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:0px; border:none; color:#fff; border-radius:50%; margin-top:-60px; opacity:0.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-nav{ background:rgba(0,157,223,1);}
.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:20px; color:#333333; height:64px; line-height:64px; padding-top:27px; position:relative;}
.more2{ position:absolute; right:0px;  color:#a00f36; font-size:14px;}
.ipro_list .slick-list{ margin-right:-1px;}
.ipro_list .pd{ display:block; margin-right:1px; color:#fff; background:#02a7f0; position:relative;}
.ipro_list .img{ background:#dddddd;}
.ipro_list .img img{ width:100%; height:auto; display:block;}
.ipro_list .img:before{ display:none; content:'\20'; position:absolute; left:20px; top:20px; background:url(../images/r.png) no-repeat; width:81px; height:24px;}
.ipro_list .text{ padding:30px 20px 20px 20px;}
.ipro_list .h3{font-size: 16px;height:34px;line-height:34px;margin-bottom:5px;overflow:hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;}
.ipro_list .p{font-size: 12px;line-height:20px;height:40px;overflow:hidden;margin-bottom:22px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}
.ipro_list i{ font-size:50px; display:block; height:20px; line-height:20px; text-align:right;}
.ipro_list .pd:hover{ background:#a00f36;}

.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:0px; border:none; color:#999999; margin-top:-30px; display:block;}
.ipro_list .slick-prev{ left:-63px;}
.ipro_list .slick-prev:before { content: "\e6bd"; }
.ipro_list .slick-next{ right:-63px;}
.ipro_list .slick-next:before { content: "\e651"; }
.inews_fl{ float:left; width:50%; box-sizing:border-box; padding-right:23px;}
.inews_fr{ float:right; width:50%; box-sizing:border-box; padding-left:23px;}
.inews_list{}
.inews_list ul{}
.inews_list li{ margin-bottom:18px;}
.inews_list .pd{ display:block; overflow:hidden; position:relative;}
.inews_list .img{ display:none; width:238px; float:left;}
.inews_list .img img{ width:100%; height:auto; display:block;}
.inews_list .img i{ position:absolute; right:0px; bottom:0px; width:94px; height:35px; line-height:35px; text-align:center; color:#fff; background:#8f0020; font-size:48px; opacity:0;}
.inews_list .text{ position:relative; padding:3px 0 3px 90px;}
.inews_list .h3{ font-size:16px; color:#333; height:26px; line-height:26px; overflow:hidden; margin-bottom:5px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1;}
.inews_list .p{  color:#8a8a8a; height:22px; line-height:22px; overflow:hidden;display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1;}
.inews_list .em{ position:absolute; left:0px; top:0px; width:76px; background:rgba(0,157,223,0.9); box-sizing:border-box; color:#fff; border-radius:5px; padding: 6px 0px 4px 0; text-align: center}
.inews_list .em strong{ display:block; font-size:24px; line-height:1; font-weight:normal;}
.inews_list .em em{ display:block; font-size:16px;}
.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 li:nth-child(1) .img{ display:block;}
.inews_list li:nth-child(1) .text{ margin-left:238px; padding:0 0 0 18px;}
.inews_list li:nth-child(1) .p{ height:66px; margin-bottom:22px;display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3;}
.inews_list li:nth-child(1) .em{ position:static; background:none; width:auto; color:#888888; padding:0px;}
.inews_list li:nth-child(1) .em strong{ display:inline; font-size:12px;}
.inews_list li:nth-child(1) .em strong:after{ content:"-";}
.inews_list li:nth-child(1) .em em{ display:inline; font-size:12px;}
.inews_list li:nth-child(1) .pd:hover .em{ background:none; color:#888;}


.news .inews_list{ margin-bottom:40px;}
.news .inews_list .img{ display:block;}
.icase_list{ margin-bottom:40px;}
.icase_list .slick-list{ margin-right:-10px;}
.icase_list .pd{ margin-right:10px; position:relative; display:block;}
.icase_list .img{}
.icase_list .img img{ width:100%; height:auto; display:block;}
.icase_list .text{ position:absolute; left:25px; right:25px; bottom:18px; background:rgba(255,255,255,0.9);}
.icase_list .h3{ padding:0 70px 0 15px; line-height:44px; height:44px;}
.icase_list i{ position:absolute; right:0px; width:70px; height:44px; top:0px; text-align:center; color:#8f0020; font-size:44px; line-height:44px;}
.icase_list .single-item{ padding-bottom:60px;}
.zNewsA .slick-dots,
.icase_list .slick-dots,
.ipro_list .slick-dots{ position:absolute; left:50%; margin-left:-80px; bottom:0px;}
.zNewsA .slick-dots li,
.icase_list .slick-dots li,
.ipro_list .slick-dots li{ float:left; margin:0 7px;}
.zNewsA .slick-dots button,
.icase_list .slick-dots button,
.ipro_list .slick-dots button{ width:12px; height:12px; background:#ccc; padding:0px; border:none; border-radius:50%; text-indent:-9999px; overflow:hidden;}
.zNewsA .slick-dots .slick-active button,
.icase_list .slick-dots .slick-active button,
.ipro_list .slick-dots .slick-active button{ background:#a00f36;}


.istrength{ background:#efefef; padding:0 0 30px 0; position:relative;}
.istrength:after{ content:'\20'; position:absolute; left:0px; top:73px; z-index:1; right:0px; width:100%; height:3px; background:#dddddd;}
.istrength_list{ padding-top:20px;}
.istrength_list:after{ content:'\20'; position:absolute; width:7px; height:36px; left:0px; top:0px; background:#fff;}
.istrength_list:before{ content:'\20'; position:absolute; width:7px; height:36px; right:0px; top:0px; 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{ font-size:16px; color:#000000; display:block;}
.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:0px !important; background:none !important; margin:0px !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:#02a7f0;}
.footer_top{ padding:40px 0; color:#fff;}
.footer_top a{ color:#fff;}
.footer_top a:hover{ color:#000;}
.footer_about{ float:left; width:380px; border-right:1px solid #56b5f1; padding-right:60px;}
.footer_about .img{ margin-bottom:25px;}
.footer_about .img img{ display:block; max-width:100%; height:auto !important;}
.footer_about .h3{ margin-bottom:10px; font-size:16px;}
.footer_about .p{}
.footer_nav{ float:right;}
.footer_nav .ul{ float:left; margin-left:54px;}
.footer_nav .ul:first-child{ margin-left:0px;}
.footer_nav .h3{ font-size:16px; margin-bottom:20px; position:relative;}
.footer_nav a{ display:block;}
.footer_nav li{ padding:6px 0;}
.footer_nav li a{ line-height:16px; display:block;}
.footer_bottom{  color:#fff; text-align:center; padding:20px 0; line-height:24px;}
.footer_bottom a{ color:#fff;}
.footer_bottom img{ margin-left:10px;}
.footer_bottom em{ margin:0 5px;}

.footer_nav .h3 i,.footer_nav .h3 em{ position:absolute; right:0px; width:32px;  height:32px; margin-top:-16px; top:50%; line-height:32px; text-align:center; color:#fff; font-weight:bold; display:none; cursor:pointer;}
.footer_nav .h3 i:before {content: "\e604";}
.footer_nav .h3 i.active:before {content: "\e606";}
.footer_nav .h3 em:before {content: "\e7f9";}
/*内页*/
.pg_banner{ position:relative; overflow:hidden;}
.pg_banner img{ width:100.418410041841%; height:auto;}
.crumbs{ position:absolute; left:0px; right:0px; bottom:0px; background:rgba(0,157,223,0.9); color:#fff; font-size:16px; display: none;}
.crumbs a{ height:42px; line-height:42px; display: inline-block; vertical-align: bottom; color:#fff;}
.crumbs a:hover{ color:#8f0020;}
.crumbs em{ height:42px; line-height:42px; display: inline-block; vertical-align: bottom; margin:0 5px;}
.crumbs span{ height:42px; line-height:42px; display: inline-block; vertical-align: bottom;}
.pgwp{ padding:40px 0;}
.brand{}
.brand_tit{ margin-bottom:25px;}
.brand_tit .h3{ font-size:16px;}
.brand_tit .p{ }
.brand_list{}
.brand_list ul{ margin: 0 -8px;}
.brand_list li{ float:left; margin-bottom:15px; width: 16.666666666666668%;}
.brand_list img{ width:100%; display:block; height: 126px; object-fit: contain; background: #fff;}
.brand_list .pd{ border:1px solid #ccc; margin:0 8px;}

.case{}
.case_tit{ margin-bottom:30px;}
.case_tit .h3{ margin-bottom:10px; position:relative;}
.case_tit .h3 strong{ font-size:24px; font-weight:normal;}
.case_tit .h3 strong b{ font-weight:normal; color:#0057a0;}
.case_tit .h3 em{ color:#a00f36; cursor:pointer; position:absolute; right:0px; width:137px; height:34px; border:1px solid #ddd; text-align:center; border-radius:17px; line-height:34px;}
.case_tit .h3 em span{ font-size:16px;}
.case_tit .h3 em i{}
.case_tit .h3 em i:before { content: "\e80d"; }
.case_tit .em{ margin-bottom:10px; font-size:16px; line-height:1.7; color:#888888; padding-right:150px;}
.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:32px; padding:20px 0 5px 20px; margin-right:15px;}
.case_tit .p strong{ position:absolute; left:0px; width:20px; text-align:center; color:#0057a0; font-weight:bold;}
.case_tit .p strong:after{ content: "\-"; color:#333; font-weight:normal;}
.case_tit .p a:hover strong{ color:#8f0020;}
.case_tit .p a:hover strong:after{ color:#8f0020;}
.case_text{ font-size:16px; line-height:1.7; color:#333333; margin-bottom:35px;}
.case_list{}
.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:30px; line-height:30px; overflow:hidden; font-size:16px; color:#000;}
.case_list .p{  line-height:18px; color:#333; height:36px; font-size:12px; overflow:hidden;}
.case_list .pd:hover .h3{ color:#a00f36;}
.case_list .pd:hover .p{ color:#a00f36;}
.flip{ line-height:20px; background:#02a7f0; text-align:center; padding:9px 15px;color:#fff; margin-bottom:30px;}
.flip a,.flip span,.flip em{ display:inline-block;width:20px; height:20px; border-radius:50%; margin:0 6px;}
.flip em{ width:auto;}
.flip a{ color:#fff;}
.flip a:hover{ color:#8f0020;}
.flip .current{ background:#ffffff; color:#8f0020;}
.flip .flip_prev{ float:left; width:auto; margin:0px;}
.flip .flip_next{ float:right; width:auto; margin:0px;}
.case3_info_con{}
.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;transform: translateZ(0);background: rgba(255,255,255,1);}
.flow .pin{padding: 1em;-moz-page-break-inside: avoid;break-inside: avoid;background: rgba(255,255,255,0.0);transform: translateZ(0);}
.flow .pin img{width: 100%;margin-bottom: 0.5em; display:block; border-radius: 8px;}
.flow .pin p{ font-size:16px; text-align: center;}

.cpg{ position:relative; min-height: 500px;}
.cpg_fl{ margin-right:370px; border-right: 1px solid #eee; padding-right: 30px;}
.caseinfo_tit{ margin-bottom:30px; padding-bottom: 30px; border-bottom: 1px solid #eee; position: relative;}
.caseinfo_tit h1{ font-size:24px; color:#02a7f0;}
.caseinfo_tit a{ height: 32px; line-height: 32px; padding: 0 1em; background: #02a7f0; display: block; position: absolute; right: 0px; top: 0px; color: #fff; border-radius: 5px;}
.caseinfo_tit span{ margin-right: 5px;}
.caseinfo_con{ margin-bottom:20px; font-size:16px; line-height:1.7; min-height: 770px;}
.caseinfo_con p{ text-indent: 2em; margin-bottom: 0.5em;}
.caseinfo_con img{ max-width:100%; height:auto !important; display:block; width:587px; margin:0 auto;}
.caseinfo_dw{ margin-bottom:20px;}
.caseinfo_dw a{ width:160px; box-sizing: border-box; height:48px; background:#02a7f0; text-transform:uppercase; display:block; color:#fff; text-align:center; padding-right:40px; border-radius:25px; line-height:48px; position:relative; margin: 0 auto; font-size: 16px;}
.caseinfo_dw a i{ font-size:18px; height:40px; width:40px; line-height:40px; text-align:center; position:absolute; right:0px; top:50%; margin-top: -20px;}
.caseinfo_flip .ul{ 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;}
.caseinfo_flip .pd{ margin-right:40px; display:block;}
.caseinfo_flip .img{ float:left; width:148px;}
.caseinfo_flip .img img{ width:100%; height:auto; border-radius: 5px;}
.caseinfo_flip .text{ margin-left:148px; padding-left:15px;}
.caseinfo_flip .h3{font-size:14px; color:#000; line-height:1.5em; height:3em; margin-bottom:10px; overflow:hidden;display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2;}
.caseinfo_flip .em{  color:#888;}
.caseinfo_flip .p{ color:#888; line-height:1.5; height:3em; overflow:hidden; font-size:12px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp:2;}
.caseinfo_flip .pd:hover .h3{ color:#a00f36;}
.caseinfo_flip2 .h3{ height: 4.5em;-webkit-line-clamp: 3;}
.caseinfo_flip2 .p{ display: none;}

.cpg_fr{ width:340px; position:absolute; right:0px; top:0px;}
.caseinfo_value{ margin-bottom:20px;}
.caseinfo_value .tit4{ font-size:24px; line-height: 1; margin-bottom:0px; height: auto; padding-bottom: 10px; border-bottom: 1px solid #ccc;}
.caseinfo_value .con{ font-size:16px;}
.caseinfo_value li{ border-bottom:1px solid #ccc; padding:12px 0;}
.caseinfo_value li:last-child{ border-bottom:none;}
.caseinfo_value li strong{ display:block; font-weight: normal;}
.caseinfo_value li em{ display:block;}
.caseinfo_value li hr{ display: block; width: 100%; border: none; height: 1px; background: #ccc; margin: 10px 0;}

.tit2{ font-size:20px; padding-bottom:5px;margin-bottom:15px; border-bottom:1px solid #ccc;}
.case_list2{}
.case_list2 li{ overflow:hidden; margin-bottom:20px;}
.case_list2 li:last-child{ margin-bottom: 0px;}
.case_list2 .pd{ display:block;}
.case_list2 .img{ float:left; width:148px;}
.case_list2 .img img{ width:100%; height:auto; border-radius: 5px;}
.case_list2 .text{ margin-left:148px; padding-left:15px;}
.case_list2 .h3{ font-size:16px; color:#000; line-height:1.5; height:1.5em; margin-bottom:0.5em; overflow:hidden;display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1;}
.case_list2 .em{  color:#888;}
.case_list2 .p{  color:#888; line-height:1.5; height:4.5em; overflow:hidden; font-size:14px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3;}
.case_list2 .pd:hover .h3{ color:#a00f36;}
.case_list2_2 .h3{ height: 6em;-webkit-line-clamp: 4;}
.pro_tit{ font-size:20px; margin-bottom:20px; color:#02a7f0;}
.pro_con{ margin-bottom:20px;}
.pro_con .img{ background:#fff; margin-bottom:15px; width:75.5%; margin:0 auto; border:1px solid #ccc;}
.pro_con .img img{ width:100%; height:auto; display:block;}
.pro_con .text{ margin-bottom:20px; font-size:16px; line-height:1.7;    text-align: justify;}
.pro_application{ margin-bottom:20px;}
.pro_application .p{font-size: 16px;}
.pro_value{ margin-bottom:20px;font-size: 16px;}
.pro_value_tab{}
.pro_value_tab li{ width:180px; float:left;}
.pro_value_tab a{ margin-right:10px; background-color:#aaaaaa; 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{font-size: 16px; overflow: hidden;}
.pro_value_con .npd{ margin: 0 -50px;}
.pro_value_con table{ border-collapse:collapse; border:none; width:100%; background:none;}
.pro_value_con td{ background:none; border:none; width:50%; padding:10px 20px 10px 20px;  position:relative; border-bottom: 1px solid #ccc!important; border-left: 50px solid #fff !important; border-right: 50px solid #fff!important;}
.pro_value_con td:first-child{}
.pro_value_con td:last-child{}
.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:0px 10px 0px 20px; line-height:38px; height:38px; overflow:hidden;  position:relative;}
.pro_value_con .p:before{ content: "\-"; position:absolute; left:10px;}
.pro_value_con2 td{ background: #f2f2f2; border-left-color: #f2f2f2; border-right-color: #f2f2f2;}

.pro_video{ overflow:hidden;}
.pro_video a{ display:block; width:70px; float:right; line-height:30px; text-align:center; background:#02a7f0; border-radius:6px;}
.pro_video i{ color:#fff;}
.tit3{ font-size:20px; height:40px; line-height:40px; border-bottom:7px solid #02a7f0; 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{ height:16px; font-size:16px; color:#000; line-height:16px; margin-bottom:5px; overflow:hidden;display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1;}
.case_tj_list .em{  color:#888; margin-bottom:5px;}
.case_tj_list .p{  color:#888; line-height:18px; height:54px; overflow:hidden; font-size:12px;display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3;}
.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{}
.pro_tj_list ul{ margin-right:-10px;}
.pro_tj_list li{ float:left; width:50%; margin-bottom:10px;}
.pro_tj_list .pd{ display:block; margin-right:10px; position:relative;}
.pro_tj_list .img{}
.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:0px; z-index: 99;}
.pro_tj_list .text:before{content:'\20';position: absolute; background:url(../images/pro_tj_listy.png) no-repeat; 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:15px; color:#a00f36;}
.pro_tj_list .text .p{ font-size:12px; color:#333;}
.pro_tj_list li:hover .text{ display:block;}
.filedw_list{}
.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; padding-top:12px;}
.filedw_list .h3{ height:3em; line-height:1.5; overflow:hidden;display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3;}
.filedw_list i{ position:absolute; right:20px; color:#8f0020; top:50%; margin-top:11px; width:34px; height:34px; line-height:34px; font-size:34px;}
.about_top{ margin-bottom:40px;}
.about_con .wp{ width:auto;}
.about_top .h3{ font-size:24px; margin-bottom:10px;}
.about_top .p{  margin-bottom:20px; font-size:16px; line-height:1.75;}
.about_top .p ul{ padding:20px 0;}
.about_top .p li{ width:33.3333333333%; float:left;}
.about_top .p p{ margin-bottom:1em; text-align: justify;}
.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:0px; left:0px; padding:0 30px; box-sizing:border-box; right:0px; 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_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;}
.factory ul{ margin-right:-1px; display:block;}
.factory li{ width:25%; float:left; margin-bottom:1px;}
.factory .pd{ margin-right:1px; position:relative;}
.factory img{width:100%; height:auto !important;}
.factory .text{ position:absolute; left:0px; top:0; right:0px; bottom:0px; background:rgba(25,167,226,0.9); text-align:center; opacity:0;}
.factory .text .h3{ font-size:24px;}
.factory .text .p{ }
.factory li:first-child .text .h3{ font-size:36px;}
.factory li:first-child .text .p{ font-size:18px;}
.factory li:first-child{ width:50%;}
.factory li:first-child .pd{ margin-right:1px;}
.factory li:hover .text{ opacity:1;}
.factory ul:last-child li{ float:right;}

.table1{}
.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:20px; margin-bottom:20px; line-height:1; padding-top:20px; position:relative;}
.tit5 .more2{ top:26px;}
.video_list{}
.video_list ul{ margin:0 -30px;}
.video_list li{ float:left; width:50%; margin-bottom: 30px;}
.video_list .pd{ margin:0 30px; display:block;}
.video_list .img{ position:relative;}
.video_list .img img{ width:100%; height:auto; border-radius: 15px 15px 0 0;}
.video_list .img i{ position:absolute; left:0px; top:0px; right:0px; bottom:0px; background:rgba(0,0,0,0.1); text-align:center; border-radius: 15px 15px 0 0;}
.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; background: #fff; border-radius: 0 0 15px 15px; font-size: 16px;}
.video_list .pd:hover i{background:rgba(0,0,0,0);}
.video_list2 .text{ background: #f5f5f5;}
.news{}
.news_list{}
.news_list ul{}
.news_list li{ margin-bottom:20px;}
.news_list .pd{ display:block; overflow:hidden; position:relative;}
.news_list .img{ width:210px; float:left;}
.news_list .img i{ display:none;}
.news_list .img img{ width:100%; height:auto;}
.news_list .text{ margin-left:210px; padding:10px 112px 0 20px;}
.news_list .h3{ font-size:20px; height:30px; overflow:hidden; line-height:30px; color:#333; margin-bottom:10px;display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1;}
.news_list .p{ height:48px; overflow:hidden; line-height:24px; color:#888;display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2;}
.news_list .em{ position:absolute; right:0px; top:0px; width:95px; border-left:1px solid #ddd; box-sizing:border-box; padding:17px 0; text-align:right; color:#888;}
.news_list .em strong{ display:block; font-size:24px; font-weight:normal; line-height:1;}
.news_list .em em{ display:block; font-size:20px;}
.news_list .pd:hover .h3{ color:#8f0020; text-decoration:underline;}
.news_list .pd:hover .em strong{ color:#8f0020;}
.news_list .pd:hover .em em{ color:#8f0020;}
.activity_list{}
.activity_list li{ margin-bottom:20px;}
.activity_list .text{ margin-left:0px; padding-left:0px; padding-top:0px;}

.activity_list2 li{ margin-bottom:20px;}
.activity_list2 .text{ margin-left:0px !important; padding-left:0px !important; padding-top:0px !important;}
.activity_list2 .p{ line-height:20px; font-size:12px; overflow:hidden; height:40px;}
.newsinfo_tit{ margin-bottom:15px;}
.newsinfo_tit .h3{ color:#02a7f0; font-size:24px; margin-bottom:5px;}
.newsinfo_tit .em{  color:#888;}
.newsinfo_con{  color:#333333; margin-bottom:40px; font-size:16px; line-height:1.7;    text-align: justify;}
.newsinfo_con img{ max-width:100%; height:auto !important; display:block; margin:0 auto;}
.newsinfo_con p{ text-indent:2em;}
.newsinfo_con iframe,
.newsinfo_con video{ width: 100%; height: auto; aspect-ratio: 768 / 432;}
.newsinfo_flip{ overflow:hidden; margin-right:-30px;}
.newsinfo_flip .li{ width:50%; float:left;}
.newsinfo_flip .pd{ margin-right:30px; display:block;}
.newsinfo_flip .tit{ font-size:16px; color:#333; padding-bottom:5px; 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; }
.newsinfo_flip .pd:hover .h3{ color:#a00f35;}

.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 .con{ position:relative;}
.career_con1 .img img{ width:100%; height:auto;}
.career_con1 .text{ position:absolute; left:0px; top:0px; right:0px; box-sizing:border-box; padding:30px 25px 0 25px; color:#fff;}
.career_con1 .h3{ font-size:20px; margin-bottom:6px;}
.career_con1 .p{ font-size:16px; line-height:1.7;}
.career_con2{ padding:40px 0; background:#f0f0f0;}
.career_con2_tit{ color:#000; width:250px; position:absolute; left:0px; top:0px;}
.career_con2_tit .h3{ font-size:20px; text-transform:uppercase; line-height:1; margin-bottom:15px; padding-bottom:25px; position:relative;}
.career_con2_tit .h3:after{content:'\20'; position:absolute; width:92px; height:5px; background:#a00f36; left:0px; bottom:0px;}
.career_con2_tit .p{ font-size:16px; line-height:1.7;}
.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 0 138px;}
.career_con2_con li:nth-child(3){padding:0 276px 0 0px;}
.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:#333333; line-height:1;}
.career_con2_con .p{ font-size:16px; line-height:1.7;}
.career_con2_con:after{content:'\20'; width:117px; height:101px; position:absolute; background:url(../images/qzh1.png) no-repeat; left:126px; top:117px; z-index:1;}
.career_con2_con:before{content:'\20'; width:185px; height:161px; position:absolute; background:url(../images/qzh2.png) no-repeat; bottom:0px; right:0px; z-index:1;}
.career_con3{ background:url(../images/career_con3.png) no-repeat top center; background-size:100% 100%; min-height:577px; box-sizing:border-box; padding:80px 0;}
.career_con3_tit{ font-size:20px; line-height:34px; text-align:center; margin-bottom:45px; color:#fff;}
.career_con3_con{}
.career_list{ font-size: 16px;}
.career_list ul{ margin-right:-115px;}
.career_list li{ width:50%; float:left;}
.career_list .pd{ background:#fff; margin-right:115px; padding:30px 50px; min-height:240px; border-radius: 10px;transition: 0.3s all;}
.career_list .h4{ font-size:16px; height:42px; line-height:42px; color:#333333; font-weight:bold; border-bottom:3px solid #02a7f0; margin-bottom:5px;}
.career_list .h3{ font-size:18px; color:#02a7f0; margin-bottom:15px; border-bottom:2px solid #02a7f0; padding-bottom:9px;}
.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 li:last-child .h3{ color:#a00f36; border-bottom-color:#a00f36;}
.career_list .p .img{ float:right; width:100px;}
.career_list .p .img img{ width:100%; height:auto; display:block;}
.career_list .p .img strong{ font-weight:normal; display:block; color:#333; font-size: 14px;}
.career_list .p .text{ margin-right:100px; padding-right:10px; overflow:hidden;}
.career_list .p .text dl{ margin-right:-6px;}
.career_list .p .text dd{ display:block; width:33.33333%; float:left; margin-bottom:10px;}
.career_list .p .text a{ display:block; margin-right:6px; border:1px solid #aaaaaa; height:45px; line-height:45px; text-align:center;}
.career_list .pd:hover{box-shadow: 0 0 15px rgba(0,0,0,0.3);transform: translateY(-10px);}
.career_con4{ background:#fff;}
.career_con4 ul{ margin-right:-10px;}
.career_con4 li{ float:left; width:25%; margin-bottom:10px;}
.career_con4 .pd{ margin-right:10px; position:relative;}
.career_con4 .img img{ width:100%; height:auto; display:block; border-radius: 6px;}
.career_con4 .text{ position:absolute; left:0px; bottom:0px; height:30px; line-height:30px; text-align:center; color:#fff; right:0px; background:rgba(0,41,58,0.6); border-radius:0 0 6px 6px;}
.qualifications_tit{ color:#000000;}
.qualifications_tit .h3{ font-size:24px; margin-bottom:10px;}
.qualifications_tit .p{ font-size:16px; color:#666666; line-height:1.7;}
.qualifications_tit .p span{ color:#9f0f36;}
.qualifications_con{ color:#333333; padding:36px 0;}
.qualifications_con .pd{ margin:0 6px;}
.qualifications_con .img{ position:relative; border:1px solid #dddddd;}
.qualifications_con img{ width:100%; height:auto;}
.qualifications_con .text{  color:#000000; padding-top:10px; text-align:center; font-size:16px;}
.qualifications_con .slick-slide .pd{}
.qualifications_con .slick-active .pd{ box-shadow:4px 4px 8px rgba(255,255,255,0.5);}
.qualifications_con .slick-current .img:after{ display:block; opacity:0.5;}
.qualifications_con .slick-current .pd{ transform: scale(1); background:rgba(255,255,255,1); opacity:1;}
.qualifications_con .slick-current .h3{ color:#8d6737;}
.qualifications_con .slick-slide{ visibility:hidden;}
.qualifications_con .slick-active{ visibility:visible;}
.qualifications_con .slick-current{ visibility:visible;}

.qualifications_con .slick-arrow{ position:absolute; background:none; width:56px; height:56px; border-radius:50%; border:none; padding:0px; top:50%; margin-top:-28px; font-size:32px; color:#898989; z-index:5;}
.qualifications_con .slick-prev{ left:-60px;}
.qualifications_con .slick-next{ right:-60px;}
.qualifications_con .slick-prev:after{content:"\e6bd";}
.qualifications_con .slick-next:after{content:"\e651";}
.qualifications_con .slick-arrow:hover{}
.tit9{ font-size:20px; margin-bottom:20px;}

.contact_list{ font-size:16px;}
.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:18px; font-weight: bold; height:42px; line-height:42px; color:#333333; border-bottom:3px solid #02a7f0; margin-bottom:5px;}
.contact_list .h3{ font-size:20px; color:#333333; margin-bottom:15px;}
.contact_list .em{  color:#333; line-height:1.7; margin-bottom:0px;}
.contact_list .d{  color:#333; line-height:1.7; margin-bottom:10px; min-height:81px;min-height: 100px}
.contact_list .p{  color:#333; 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:0px;}
.contact_list2 .pd{ margin:0px;}
.contact_list2 .em{ font-size:18px; line-height:40px; color:#333;}
.contact_list2 .p{ font-size:20px; line-height:2;}
.contact_list2 .p i{ font-size:20px;}

.contact_p{ padding-bottom:26px; font-size:16px;}
.contact_p a{ color:#a00f36; font-weight:bold;}

.network_bottom{ padding-bottom:30px;}
.network_bottom_fl{ width:50%; float:left;}
.network_bottom_fl .pd{ background:#02a7f0; 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; padding-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;}
.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; padding-bottom:10px;}
.network_bottom_fr ul{ }
.network_bottom_fr i{ width:46px; height:46px; line-height:46px; position:absolute; left:50px; color:#fff; top:74px; font-size:46px;}
.network_bottom_fr .pd{ background:#a00f36; margin-left:20px; padding: 20px 36px 20px 36px; color:#fff; min-height:280px;}
.network_bottom_fr p{ line-height:18px; padding:9px 0; margin-bottom:10px;}
.network_bottom_fr a{ font-weight:bold; color:#fff;}
.network_bottom_fr li{ display:none;}
.network_bottom_fr li:first-child{ display:block;}

.contact_top{ padding:40px 0 10px 0; background:url(../images/contact_top.jpg) no-repeat bottom center #efefef; background-size:auto 100%;}
.contact_bottom{ background:#f9f9f9; padding:40px 0 10px 0;}
.contact_tit{ color:#000; font-size:16px; margin-bottom:15px;}

.contact_top{}


.partner{ padding-bottom:50px;}
.partner_tit{ font-size:16px; line-height:1.7;}
.partner_tit .h3{ font-size:40px; margin-bottom:5px;}
.partner_tit .p{color:#333; margin-bottom:2px;}
.partner_tit .em{ color:#9e1036;}
.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; padding:20px 0;}
.partner_con img{ width:100%; height:auto; display:block;}
.tit6{ font-size:40px; color:#333333; margin-bottom:30px; text-align:center;}
.network_top{ text-align: center; position: relative;}
.network_top .img{ margin-bottom: 20px; position: relative; padding-left: 200px;}
.network_top .img img{ max-width:100%; height:auto !important;}
.network_top .img img.img1{}
.network_top .img img.img2{ width: 200px; position: absolute; right: 0px; bottom: 0px;}
.network_top .text2{ width: 200px; position: absolute; text-align: center; left: 0px; top: 0px; display: inline-block; vertical-align: bottom; color: #000; padding: 15px; border: 1px solid #ccc; border-radius: 5px;}
.network_top .text2 img{ width: 100%; height: auto; display: block; margin-bottom:5px;}
.network_top .text2 p{text-align: center;font-size: 1.125em;}
.network_top .text{ display: inline-block; vertical-align: bottom; background: #02a7f0; color: #fff; padding: 0.5em 1em; font-size: 1.125em; border-radius: 10px;}
.network_top .p{ line-height: 1.5; height: 1.5em;}
.network_top .p a{ text-decoration: underline; color: #fff;}
.network_top .p a:hover{ color: #8f0020;}
.network_con{ margin-bottom: 30px;}
.network_con dl{ background:#fff; margin-bottom:10px; padding:10px 0;}
.network_con dt{ float:left; font-size:14px; color:#02a7f0; width:70px; text-align:center; line-height:20px; font-weight: bold;}
.network_con dd{margin-left:80px;}
.network_con dd a{ float:left; width:7.142857142857143%; height:20px; line-height:20px; font-size: 12px; overflow: hidden;}
.iconListA{}
.tit7{ position:relative; margin-bottom:40px;}
.tit7:after{content:'\20'; position:absolute; height:1px; background:#ccc; top:50%; left:0px; right:0px; width:100%; z-index:1; display:none;}
.tit7 strong{ font-size:24px; color:#333333; background:#fff; display:inline-block; position:relative; z-index:2;}
.iconListA li{ width:25%; float:left;}
.iconListA .pd{ text-align:center; margin:0 20px;}
.iconListA i{ width:96px; height:96px; text-align:center; line-height:94px; border:4px solid #fff; background: #02a7f0; display:block; border-radius:50%; font-size:44px; color:#fff; margin:0 auto; position: relative;}
.iconListA i:after{ content: ''; position: absolute; left: -4px; top: -4px; right: -4px; bottom: -4px; border: 1px solid #02a7f0; border-radius: 50%; z-index: 2;}
.iconListA .h3{ font-size:24px; margin-bottom:5px; padding-top:20px;}
.iconListA .p{ color:#888; text-align: center;}
.iconListA4 li{ width: 33.3333%;}
.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:#02a7f0; padding:40px 0; color:#fff;}
.service_con ul{ width:418px; height:451px; position:relative; margin:0 auto; background:url(../images/service_con.png) no-repeat;}
.service_con li{ position:absolute; height:44px; line-height:44px; padding-left:16px; font-size:16px;}
.service_con li strong{white-space :nowrap; display:block; position:relative; z-index:2; font-weight:bold; font-size:16px;}
.service_con li:after{content:'\20'; position:absolute; width:44px; height:44px; background:url(../images/service_con_li.png) no-repeat; left:0px; top:0px; z-index:1;}
.service_con li.li1{ right:300px; top:0px;}
.service_con li.li2{ right:390px; top:60px;}
.service_con li.li3{ right:450px; top:120px;}
.service_con li.li4{ right:480px; top:180px;}
.service_con li.li5{ right:330px; top:240px;}
.service_con li.li6{ right:280px; top:300px;}
.service_con li.li7{ right:330px; top:360px;}
.service_con li.li8{ left:280px; top:0px;}
.service_con li.li9{ left:390px; top:60px;}
.service_con li.li10{ left:450px; top:120px;}
.service_con li.li11{ left:480px; top:180px;}
.service_con li.li12{ left:330px; top:240px;}
.service_con li.li13{ left:390px; top:300px;}
.service_con li.li14{ left:330px; top:360px;}
.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:0px; right:0px; bottom:0px; background:url(../images/service_bottom_top.png) repeat-y right top; line-height:24px; padding:17px 20px 17px 124px; text-align:right; font-size:24px; font-weight:normal; color:#fff;}
.service_bottom_top .text{ font-size:16px; line-height:1.7;}
.service_bottom_bottom{}
.service_bottom_bottom ul{ margin-right:-1px;}
.service_bottom_bottom li{ width:23%; float:left;}
.service_bottom_bottom .pd{ margin-right:1px; background:#02a7f0; padding:30px 0 30px 25px; color:#fff; position:relative;}
.service_bottom_bottom .pd:before{content:"\20";height: 0;position: absolute;top: 0;left: 0; right:0px; border-bottom:9px solid #02a7f0;border-left:9px solid #f2f2f2;border-right:9px solid #f2f2f2;}
.service_bottom_bottom .pd:after{content:"\20";height: 0;position: absolute;bottom: 0;left: 0; right:0px; border-top:9px solid #02a7f0;border-left:9px solid #f2f2f2;border-right:9px solid #f2f2f2;}  

.service_bottom_bottom i{ width:40px; height:40px; font-size:40px; line-height:40px; float:left;}
.service_bottom_bottom .text{ margin-left:50px; padding-left:30px; position:relative;}
.service_bottom_bottom b{ position:absolute; left:0px; top:0px; font-size:40px; line-height:40px; font-weight:normal;}
.service_bottom_bottom .h3{ font-size:16px; line-height:20px;}
.service_bottom_bottom .h3 a{ color:#fff;}
.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:nth-child(3) .text{ padding-left:56px;}
.service_bottom_bottom li:nth-child(4){ width:31%;}
.service_bottom_bottom li:nth-child(4) .text{ padding-left:80px;}
.service_bottom_bottom li:first-child .pd:before,.service_bottom_bottom li:first-child .pd:after{ border-left:none;}
.service_bottom_bottom li:last-child .pd:before,.service_bottom_bottom li:last-child .pd:after{ border-right:none;}
.quality_top{ padding:40px 0;}
.quality_top_tit{ margin-bottom:40px;}
.quality_top_tit .h3{ font-size:40px;}
.quality_top_tit .p{ font-size:16px; line-height:1.7;}
.quality_top_con{}
.quality_top_con li{ width:16.666666666666668%; float:left; margin-bottom:5px;}
.quality_top_con .pd{ text-align:center; margin-bottom:50px; padding:0 30px; position:relative; background:url(../images/line1.png) repeat-x center center;}
.quality_top_con .pd:after{content:"\20"; position:absolute; width:84px; height:17px; background:url(../images/ico1.png) no-repeat top left; 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:#02a7f0; position:absolute; margin-top:-8px; top:50%; z-index:2;}
.quality_top_con .img{}
.quality_top_con .img img{ width:140px; height:100px; object-fit: cover; border-radius:10px; border:1px solid #bbb; box-sizing:border-box; display:block; margin:0 auto;}
.quality_top_con .text{ position:absolute; top:100%; left:0px; right:0px; color:#888; font-size:14px; padding-top:5px;}
.quality_top_con .text strong{ font-size:1em; color:#02a7f0; font-weight:normal; line-height:1;}
.quality_top_con .text strong:after{ content:"\,"; font-size:14px;}
.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:0px; margin-right:-100%;}
.quality_top_con li:first-child .pd:before{display:block; left:0px;}
.quality_top_con li:nth-child(6) .pd:after{ display: none;}
/*
.quality_top_con li:nth-child(4) .pd:after{ margin:0px; background:#e6e6e6; width:2px; height:155px;}
.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:0px; background:#e6e6e6; width:2px; height:155px; left:0px; right:auto;}

.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:#02a7f0; padding:40px 0; color:#fff;}
.quality_con_tit{ margin-bottom:30px;}
.quality_con_tit .h3{ font-size:20px; margin-bottom:10px; text-transform:uppercase;}
.quality_con_tit .p{}
.quality_con_con{}
.quality_con_con li{ margin-bottom:20px; background:#47b8e7; position:relative;}
.quality_con_con .pd{ overflow:hidden;}
.quality_con_con .img{ position:absolute; left:0px; top:0px; bottom:0px; width:94px; font-weight:bold; background:#007acf;}
.quality_con_con .img strong{ position:absolute; left:0px; right:0px; width:100%; top:50%; margin-top:-25px; text-align:center; font-size:50px; line-height:1;}
.quality_con_con .img strong:after{content:"\20"; background:url(../images/quality.png) no-repeat; position:absolute; width:37px; height:47px; right:12px; bottom:0px;}
.quality_con_con .text{ margin-left:94px; padding:15px 20px; min-height:40px; line-height:20px;}

.quality_bottom{ padding:50px 0 40px 0;}
.quality_bottom_top{}
.quality_bottom_top ul{ margin-right:-10px;}
.quality_bottom_top li{ float:left; width:20%; margin-bottom:10px;}
.quality_bottom_top .pd{ margin-right:10px;}
.quality_bottom_top .img{ border:1px solid #ccc;}
.quality_bottom_top .img img{ display:block; width:100%; height:auto;}
.quality_bottom_top .text{ height:38px; line-height:38px; background:#fff; padding:0px; color:#000; text-align: center;}
/*.quality_bottom_top li:nth-child(4),.quality_bottom_top li:nth-child(5){ width:50%;}*/

.video_bg{ position:fixed; left:0px; top:0px; right:0px; bottom:0px; width:100%; height:100%; background:rgba(0,0,0,0.8); z-index:35; display:none;}
.video_box{ position:fixed; width:768px; height:432px; left:50%; top:50%; margin:-216px 0 0 -384px; z-index:36; display:none;}
.video_box iframe{ width:100%; height:432px; display:block;}
.video_box i{ color:#fff; width:40px; height:40px; position:absolute; text-align:center; line-height:40px; background-color:#02a7f0; border-radius:50%; cursor:pointer; z-index:37; left:50%; top:-60px; margin-left:-20px;}
.qh-yuy{display:inline-block ; border:1px solid #e9e9e9 ; padding:2px 7px ;}
.qh-yuy img{vertical-align:middle ; margin-left:15px ; border-left:1px solid #e9e9e9 ; padding-left:10px ;}
.isolution{ padding-top:54px;}
.isolution_tit{ margin-bottom:12px;}
.isolution_tit li{ float:left; width:50%;}
.isolution_tit .h3{ margin-bottom:3px; text-align:center; background:#676767; font-size:16px; color:#fff; height:62px; line-height:62px; position:relative;}
.isolution_tit .h3:after{content:"\20"; background:url(../images/arrodow.png) no-repeat; width:37px; height:17px; position:absolute; bottom:-17px; left:50%; margin-left:-18px; display:none;}
.isolution_tit .curr .h3{ background:#02a7f0;}
.isolution_tit .curr .h3:after{ display:block;}
.isolution_tit img{ width:100%; height:auto; display:block;}
.isolution_con{}
.isolution_con ul{ display:none; margin-right:-14px;}
.isolution_con li{ width:33.333333%; margin-bottom:12px; float:left; box-sizing:border-box;}
.isolution_con a{ display:block; border-bottom:1px solid #898989; line-height:40px; margin-right:14px; height:40px;}
.isolution_con ul:first-child{ display:block;}

.privacy_bg{ display:none; position:fixed; left:0px; top:0px; right:0px; bottom:0px; width:100%; height:100%; background:rgba(0,0,0,0.4); z-index:20;}
.privacy_box{ display:none; width:932px; border:1px solid #cccccc; height:532px; position:fixed; left:50%; top:50%; margin:-266px 0 0 -466px; background:#fff; z-index:22; border-radius:5px;}
.privacy_box .pd{ padding:40px; line-height:24px;}
.privacy_box .icon-guanbi{ position:absolute; width:40px; line-height:40px; text-align:center; font-size:24px; color:#000000; right:0px; top:0px; cursor:pointer;}
.cewm{ width: 960px; float: left;}
.cewm .img{ float:right; width:600px;}
.cewm .img ul{ margin-right:-60px;}
.cewm .img li{ float:left; width:20%; padding-right:30px; box-sizing:border-box;}

.cewm .img img{ width:100%; height:auto; display:block;}
.cewm .img strong{ font-weight:normal; text-align:center; display:block;}
.cewm .text{ float:left;}
.cewm .h3{ font-size:18px; color:#333; line-height:39px;}
.cewm .p{ font-size:18px; color:#02a7f0; line-height:39px; position:relative; padding-left:25px;}
.cewm .p:after{content:"\20"; width:4px; height:4px; position:absolute; left:2px; top:50%; margin-top:-2px; background:#02a7f0;}

.service_list{ padding:35px 0 15px 0;}
.service_list ul{ margin-right:-15px;}
.service_list li{ width:50%; float:left; margin-bottom:25px;}
.service_list .pd{ margin-right:15px; display:block;}
.service_list .h3{ font-size:20px; color:#000; line-height:26px; margin-bottom:17px;}
.service_list .con{ position:relative;}
.service_list .img img{ width:100%; height:auto; display:block;}
.service_list .text{ position:absolute; left:30px; bottom:30px; background:rgba(0,157,223,0.9); width:363px; box-sizing:border-box; padding:12px 20px;}
.service_list .p{ line-height:24px; color:#fff;}
.service_list .m{ text-align:right; color:#fff; height:20px; line-height:20px;}
.service_list .m i{ font-size:50px;}

.history{ padding:50px 0;}
.pg_tit{ font-size:20px; color:#a00f36; margin-bottom:40px;}
.xtu_bg{ margin-bottom:70px;}

.cy_journal{ position:relative;}
.cy_journal .xtu{ height:76px; position:relative; border-radius:6px; overflow:hidden; margin:0 55px; background:url(../images/line.png) repeat-x left 57px;}
.cy_journal .xtu dl{ position:absolute; left:0px; top:0px;}
.cy_journal .xtu dd{ width:150px; float:left; position:relative; text-align:center; line-height:1; font-size:16px;}
.cy_journal .xtu dd:last-child{border-radius:0 6px 6px 0;}
.cy_journal .xtu dd:first-child{border-radius:6px 0 0 6px;}
.cy_journal .xtu dd a{ display:block; color:#00a2df; height:40px; font-size:30px; font-weight:bold; line-height:40px; padding-bottom:36px; position:relative; background:url(../images/line2.png) no-repeat center bottom;}

.cy_journal .xtu dd a:hover,.cy_journal .xtu dd.cur a{ color:#a00f36; background-position:center 40px;}
.cy_journal .xtu dl dt{ display:none !important; position:absolute; left:0px; width:150px; height:34px;}
.cy_journal .datu { overflow:hidden; position:relative; margin:0 auto;}
.cy_journal .datu .dul .dli{ float:left;}
.qiehuan .prev,.qiehuan .next{ position:absolute; left:0px; top:0px;  width:28px; line-height:72px; height:72px; text-align:center; color:#00a2df; font-size:24px; border:2px solid #00a2df;}
.qiehuan .next{ left:auto; right:0px;}
.qiehuan .prev:hover,.qiehuan .next:hover{ border-color:#a00f36; color:#a00f36;}
.eventslist{}
.eventslist dl{ margin:0 55px; color:#333;}
.eventslist dt{ font-size:48px; float:left; line-height:70px; font-weight:bold; color:#a00f36; width:220px;}
.eventslist dd{ font-size:16px; line-height:54px; padding:10px 0; margin-left:220px;}

.cnva{ margin-bottom:30px;}
.cnva_tit{}
.cnva_tit .img{ float:right; width:58.8034%;}
.cnva_tit .img img{ width:100%; height:auto;}
.cnva_tit .text{ margin:0 58.8034% 0 0;}
.cnva_tit .text li{ display:none;}
.cnva_tit .text img{ width:100%; height:auto;}
.cnva_tit .text li:first-child{ display:block;}
.cnva_tit ul{}
.cnva_tit li{}
.cnva_con{}
.cnav_con .h3{ background:#02a7f0; height:50px; line-height:50px; position:relative; padding:0 20px;}
.cnav_con .h3 strong{ color:#fff; font-size:20px; font-weight:normal;}
.cnav_con .h3 i{ float:right; font-size:22px; color:#fff;}
.cnva_con .ul{ }
.cnav_con ul{ margin-right:-14px;padding-top:12px;}
.cnav_con li{ width:33.333333%; margin-bottom:12px; float:left;box-sizing:border-box;}
.cnav_con a{ display:block; border-bottom:1px solid #898989; line-height:40px; margin-right:14px; height:40px;}
.cnva2 .cnva_tit .img{ float:left;}
.cnva2 .cnva_tit .text{ margin:0 0 0 58.8034%;}

.cloud_text{ line-height:1.7; font-size:16px; color:#333; margin-bottom:20px;}
.cloud_img{ margin-bottom:20px;}
.cloud_img li{ width:25%; float:left;}
.cloud_img .pd{ margin-right:10px;}
.cloud_img ul{ margin-right:-10px;}
.cloud_img .img img{ width:100%; height:auto; display:block;}
.cloud_img .text{ font-size:16px; line-height:50px; text-align:center;}
.login{ border:1px solid #ccc; padding:40px; border-radius: 10px;}
.login_tit{ font-size:20px; font-weight:bold; line-height:1; margin-bottom:25px;}
.login_con{ margin-bottom:10px;}
.login_con ul{ margin-right:-20px;}
.login_con li{ float:left; width:33.333333%; margin-bottom:20px;}
.login_con .pd{ margin-right:20px;}
.login_con strong{ display:block; color:#666666; height:22px; line-height:22px;}
.login_x{ margin-bottom:5px;}
.login_x input{ margin-right:5px;}
.login_p{ color:#666666; line-height:1.7; margin-bottom:15px;}
.login_m{}
.ipt_s1{ border:1px solid #ccc; padding:0 10px; height:44px; line-height:44px; width:100%; box-sizing:border-box; border-radius: 6px !important; color: #666;}
.ipt_t1{ border:1px solid #ccc; padding:0 10px; height:44px; line-height:44px; width:100%; box-sizing:border-box; border-radius: 6px !important;}
.ipt_b1{ width:210px; height:48px; line-height:48px; text-align:center; font-size:16px; background:#02a7f0; border:none; color:#fff;border-radius: 6px !important;}
.ipt_text1{ border:1px solid #ccc; padding:0 10px; line-height:44px; width:100%; box-sizing:border-box; height:115px; resize:none; overflow:hidden; border-radius: 6px;}
.ipt_s1_2,
.ipt_t1_2,
.ipt_text1{ border-color: #fff;}
.msg{ border: none; padding: 0px !important;}
.msg .login_con li:last-child{ width:100%;}

.invest_fl{ width:280px; float:left;}
.invest_fl_tit{ background:#009de0; line-height:70px; font-size:26px; text-align:center; border-radius:5px 5px 0 0; color:#fff;}
.invest_fl_nav{}
.invest_fl_nav li a{ display:block; height:60px; text-align:center; border:1px solid #ddd; border-top:none; line-height:60px; font-size:16px; color:#333; position:relative;}
.invest_fl_nav li a:after{ content:'\20'; position:absolute; width:3px; background:#009de0; left:-1px; top:0px; bottom:-1px; display:none;}
.invest_fl_nav li.curr a{ color:#009edf;}
.invest_fl_nav li.curr a:after{ display:block;}
.invest_fr{ margin-left:303px;}
.invest_fr .li{ display:none;}
.invest_fr .li:first-child{ display:block;}
.invest_fr_tit{ border:1px solid #ddd; border-radius:5px 5px 0 0; height:68px; line-height:68px; padding:0 38px; font-size:26px; color:#009de0;}
.invest_fr_con{ border:1px solid #ddd; border-top:none; min-height:427px; padding:20px; box-sizing:border-box; position:relative; font-size:16px; line-height:1.7; color:#333;}
.invest_fr_con .p{ margin-bottom:20px;}
.invest_fr_con .em{ color:#a00f36;}
.invest_fr_con img{ position:absolute; left:50%; top:50%; margin:-50px 0 0 -156px;}




/*xinzeng1920*/

body{ padding-top:96px;}
#nb_icon_wrap{ display:none !important;}
.header:before{ content:''; position:absolute; left:0px; top:0px; right:0px; height:4px; background:#eee;}

.logo{ padding-top:20px;}
.menu{ padding-top:34px;}
.menu .h3 a{ height:62px; line-height:62px; padding-bottom:0px;}
.top_right{ top:4px; background:#eee; border-radius:0 0 8px 8px; padding:0 15px;}
.top_right:before,
.top_right:after{ content:''; position:absolute; top:0px; width:7px; height:26px; background:no-repeat;}
.top_right:before{ left:-7px; background-image:url(../images/top_right_before.png);}
.top_right:after{ right:-7px; background-image:url(../images/top_right_after.png);}
.language .h3{ border:none; height:26px; line-height:26px;}
.language.curr .h3{ border:none;}
.language .p{ top:26px;}
.top_nav{ height:26px; line-height:26px;}
.top_nav .box a{ margin:0px; padding:0 12px; position:relative;}
.top_nav .box a:before{ content:''; position:absolute; width:1px; height:12px; background:#bbb; right:0px; top:50%; margin-top:-6px;}

.forms{z-index:103;float:left; position:fixed; right:50%; margin-right:-585px; bottom:15px;}
.forms .i{ display:block; width:28px; height:28px; line-height:28px; font-size:20px; text-align:center; cursor:pointer;}
.forms .box{ display:none; position:fixed; left:0px; top:96px; right:0px; background:#eee; padding:15px 0;}
.forms form{line-height:normal;position:relative; width:732px; margin:0 auto; max-width:100%;}
.forms form input[type='text']{box-shadow:none; box-sizing:border-box; width:100%;height:48px;color:#8f0020;outline:none;display:inline-block;border:none;font-size:14px;padding:0 35px 0 35px;background:#fff;border-radius:24px;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:#999
}
.forms form button[type='submit']{width:108px;height:48px; padding:0px; line-height:48px; text-align:center; display:block;border:none;background:#9f0a30;border-radius:24px;outline:none;position:absolute;top:0px;right:0px; color:#fff; font-weight:bold;}
.forms form button[type='submit'] i{font-size:16px;color:#8f0020}
.forms .i.act{ color:#9f0a30;}



.fLink{ background:#efefef; padding:15px 0;}
.fLink .footer_bottom{ color:#333; padding:0;}
.fLink a{ color:#333;}
.fLink a:hover{ color:#02a7f0;}
.fLinkLsit{ margin-bottom:15px;}
.fLinkLsit a{ float:left;}
.fLinkLsit span{ float:left; margin:0 0.5em;}
.fLinkLsit strong{ float:left;}
.fContact{ position:absolute; right:0px; bottom:40px; text-align:right;}
.fContact .h3{ font-size:18px; line-height:1; margin-bottom:0.5em;}
.fContact .em a{ font-size:32px;}
.about_con{ background:#f5f5f5;}
.about_con .tit6{ padding-top:30px;}
.about_con_tab{ display:none;}
.factory ul{ display:block;}
.eventslist{ min-height:182px;}
.career_con4 .pd{ display:block;}
.network_con dd a{ cursor:default;}
.network_bottom_fl .h3 a{ color:#fff; margin-left:0.5em; }
.isolution_tit li{ width:33.3333%;}
.pro_con .img{ border:none;}
.pro_tj{ border:none; min-height:450px;}
.menu li:nth-child(3) .box{ width:1170px; position:fixed; left:50%; margin-left:-585px; top:100%; box-sizing:border-box; padding:15px 30px; }
.menu li:nth-child(3) .box a{ width:20%; float:left; box-sizing:border-box; border-bottom:none;}
.menu li:nth-child(3) .box a strong:after{ content:'-';}
.menu li:nth-child(3) .box a.w100{ font-weight:bold; width:100%; font-size:16px; border-bottom:1px solid rgba(255,255,255,0.5);}

.network_bottom_fl .h3 a{ float:right;}
.network_bottom_fl .h3 a i{ font-size:1em; margin-right:0.5em; }
.caseinfo_dw a i{ right:7px;}
.pro_video a{ height:48px; line-height:48px;}
.pro_video a i{ font-size:24px;}
.tit3{ border-bottom-width:2px;}
.ibanner .slider-for img{min-height:calc(100vh - 96px);max-height:calc(100vh - 96px);}
.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;}
.ibanner .slick-arrow{position:absolute; top:50%; height:2em; margin-top:-1em; line-height:2; width:2em; text-align:center; padding:0px; border:none; overflow:hidden; background:#fff; border-radius:50%; box-shadow:0 0 3px rgba(0,0,0,0.3); color:#1f3c86; font-size:40px; z-index:5;}
.ibanner .slick-arrow:before{ display:block;}
.ibanner .slick-prev{ left:50px;}
.ibanner .slick-prev:before{ content: "\e8ea";}
.ibanner .slick-next{ right:50px;}
.ibanner .slick-next:before{ content: "\e8e9";}
.ibanner .slick-arrow:hover{ color:#fff; background:#17573a;}
.ibanner .slick-arrow.slick-disabled{ cursor:no-drop;}
.language .i,
.top_nav .i{ display:none;}

.slider-nav .slick-current h3{ border-radius:10px;}
.ipro_list .pd{ border-radius:12px;}
.ipro_list .img{ border-radius:10px 10px 0 0; overflow:hidden;}
.isolution_tit .h3{ border-radius:10px 10px 0 0;}
.isolution_tit img{ border-radius:0 0 10px 10px;}
.inews_list .img img{ border-radius:10px;}
.icase_list .img img{ border-radius:10px;}
.icase_list .text{ left:0px; bottom:0px; right:0px; background:rgba(25,166,226,0.8); color:#fff; border-radius:0 0 9px 9px;}
.icase_list i{ color:#fff;}
.caseinfo_share{ text-align:center; margin-bottom:30px; padding-top: 30px; border-top: 1px solid #eee;}
.caseinfo_share .zShareList{ display:inline-block; vertical-align:bottom;}


/*0518*/


.tRight{ position: absolute; bottom: 15px; right: 0px;}
.tShare{ float: left;}
.tShare .i{ display: none;}
.tShare .box{}
.tShare .box strong{ float: left; color: #333; margin-right: 0.5em; line-height: 30px;}
.tShare .box ul{ float: left;}
.tShare .box li{ float: left;}
.tShare .box li:nth-child(2){ display: none;}
.tShare .box a{ display: block; width: 30px !important; height: 30px !important; padding:0px !important; background:none !important;margin:0px auto!important ; float:none !important; line-height: 30px!important; text-align: center; font-size: 24px; color: #D7D7D7;}
.tShare .box a:hover{ color: #80011C;}
.tShare .box a.icon-youtube{ color:#e53130;}
.tShare .box a.icon-in{ color:#007bb6;}
.tShare .box a.icon-facebook{ color:#3b5998;}
.tShare .box a.icon-twitter{ color:#1e85b0;}
.tShare .box a.icon-weixin{ color:#21c300;}
.tShare .box a.icon-douyin1{ color:#000;}

.zShare .tShare .box strong{ color: #fff;}
.zShare .tShare .box a{ color: #fff !important;}

.tCall{ float: left; padding-left: 35px;}
.tCall .i{ display: none;}
.tCall .box{}
.tCall .box a{ width: 76px; height: 30px; line-height:30px; background: #02a7f0; display: block; text-align: center; color: #fff; border-radius: 3px; font-size: 16px;}
.tCall .box a:hover{ background: #80011C; color: #fff;}
.iMain{ padding: 72px 0;}
.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;}
.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: 370/251; object-fit: cover;}
.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;}


.iMain1{ background: #f2f2f2;}
.iMain2{ background: #fff;}
.iMain3{ background: #f2f2f2;}
.iMain4{ background: #f2f2f2;}
.iMain5{ background: #fff;}
.iMain6{ background: #fff;}
.zNewsA{}
.zNewsA .single-item{ margin: 0 -15px;}
.zNewsA .pd{ display: block; background: #fff; margin: 0 15px; padding:25px; border-radius: 10px;}
.zNewsA .img{}
.zNewsA .text{ position: relative;}
.zNewsA .h3{ font-size: 16px; line-height: 1.5; height:3em; color: #02a7f0; margin-bottom: 30px; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp:2;}
.zNewsA .p{ font-size: 14px; height: 6em; line-height: 1.5; overflow: hidden;display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp:4; margin-bottom: 60px;}
.zNewsA .text2{ position: relative;}
.zNewsA .h4{ font-size: 16px; color: #000; font-weight: bold; line-height: 1; margin-bottom: 10px;}
.zNewsA .p1{ margin-bottom: 20px; display: none;}
.zNewsA .p1 img{ width: 110px; height: 110px;}
.zNewsA .p2{ color: #02a7f0; height: 7.5em; line-height: 1.5;}
.zNewsA .em{ position: absolute; right:0px; bottom: 0px; font-size: 14px; color: #ccc;}
.zNewsA .em em{ margin-right:0.5em;}
.zNewsA .pd:hover{ background: #8f0020; color: #fff;}
.zNewsA .pd:hover .h3,
.zNewsA .pd:hover .h4,
.zNewsA .pd:hover .p2,
.zNewsA .pd:hover .em{ color: #fff;}
.iMain5{}
.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;}
.pMain{ padding: 50px 0; background: no-repeat center center; background-size: cover;}
.pMainCase1{}
.pNavA{}
.pNavA li{ float: left; padding: 5px 0;}
.pNavA li a{ margin: 0 2px; display: block; background: #d7d7d7; color: #3D3935; width: 120px; 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;}

.pMainCase2{ background: #f2f2f2;}
.pNavB{}
.pNavB ul{ margin: 0 -5px;}
.pNavB li{ float: left; padding: 5px 0; width: 25%;}
.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);}
.moreBox{ text-align: center;}
.moreBox a{ width:160px; height:48px; line-height:48px; text-align:center; background: #02a7f0; color: #fff; display:block; margin:0 auto; border-radius:25px; font-size:16px;}
.moreBox a:hover{ background:#8f0020; border-color:#8f0020; color:#fff;}
.moreBox2{ padding-top: 20px;}
.pMainCase3{}
.pMainCase4{ background: #fff; padding:30px 0;}
.pMainCase5{ background: #f2f2f2;}

.pMainCaseInfo1{}
.pMainCaseInfo2{ background: #f2f2f2;}
.pMainCaseInfo3{}
.pMainCaseInfo3_1{ width: 50%; float: left; position: relative;}
.pMainCaseInfo3_1 .img{ background: #f2f2f2; border-radius: 10px; padding: 0 10%;}
.pMainCaseInfo3_1 .img img{ width: 100%; height: auto;}
.pMainCaseInfo3_1 .pro_video{ position: absolute; right: 20px; bottom: 20px;}
.pMainCaseInfo3_2{ width: 50%; float: left; box-sizing: border-box; padding-left: 30px;}
.pMainCaseInfo3_2 .h3{ font-size: 24px; color: #02a7f0; line-height: 1.4; margin-bottom: 1em;}
.pMainCaseInfo3_2 .p{ font-size: 14px; line-height: 1.5; min-height: 15em; margin-bottom: 30px;}
.proAdvantage{}
.proAdvantage li{ width: 25%; float:left;}
.proAdvantage .pd{ display: block; text-align: center;}
.proAdvantage img{ height: 60px; width: 60px; margin: 0 auto; display:block;}
.proAdvantage span{ display: block;}
.pMainCaseInfo4{ background: #f2f2f2;}
.pMainCaseInfo5{}
.pMainCaseInfo6{ background: #f2f2f2;}
.proVal{}
.proVal ul{ margin: 0 -25px;}
.proVal li{ width: 50%; float: left; position: relative; box-sizing: border-box;}
.proVal .pd{ display: block; margin: 0 25px; border-bottom: 1px solid #ccc; padding: 25px 0;}
.proVal .img{ position: absolute; left: 25px; top: 25px; width: 50px;}
.proVal .img img{ width: 100%; height: auto; display: block;}
.proVal .text{ padding-left: 70px;min-height: 51px;}
.proVal .h3{ font-weight: bold; color: #000; margin-bottom: 0.25em;}
.proVal .p{ color: #666; min-height: 1.5em; line-height: 1.5;}
.pMainCaseInfo7{ background: #f2f2f2;}
.filedw_list ul{ margin: 0 -10px;}
.filedw_list li{ width:33.3333%; float: left;}
.filedw_list .pd{ margin: 0 10px;}
.pMainCaseInfo8{ background: #fff;}

.pMainService1{ background: #fff;}
.ztit2{ text-align: left; margin-bottom:30px;}
.ztit2 strong{display: block; font-size: 1.75em; position: relative; font-weight: normal;}
.ztit2 strong:before{ content: ''; position: absolute; width: 2em; left: 0px; bottom: 0px; margin-left: 0em; height: 4px; background: #02a7f0; display: none;}
.ztit2 .p{ display: block; color: #666; font-size: 16px; padding-top: 10px;}
.ztit2 p{}
.ztit2 img{ max-width: 100%; height: auto; display: inline-block;}
.ztit2_2{ padding: 0px;}
.ztit2_3{ text-align: left; margin-bottom: 1em;}
.pMainService1_2{}
.pMainService2{ background: #f2f2f2;}
.pMainService2_1{}
.pMainService2_1 ul{ margin: 0 -15px;}
.pMainService2_1 li{ width: 33.3333%; float:left; margin-bottom: 20px;}
.pMainService2_1 .pd{ margin: 0 15px; display: block;}
.pMainService2_1 .img{}
.pMainService2_1 .img img{ width: 100%; height: auto; display: block; border-radius:10px 10px 0 0; }
.pMainService2_1 .text{ padding: 20px 30px; background: #fff; border-radius:0 0 10px 10px;}
.pMainService2_1 .h3{ height: 1.5em; line-height: 1.5; text-align: left; font-size: 18px; margin-bottom: 0.5em; font-weight: normal;}
.pMainService2_1 .p{ height: 4.5em; line-height: 1.5; color: #666;}
.pMainService3{ background: #f5f5f5;}
.pMainService4{ background: #f2f2f2;}
.pMainService5{ background: #fff;}
.pMainService5_1{ margin-bottom:50px;}
.pMainService5_2{ margin-bottom: 50px;}
.zcontactlist{}
.zcontactlist ul{ margin: 0 -30px;}
.zcontactlist li{ width: 50%; float: left;}
.zcontactlist .pd{ color: #fff; background: #02a7f0; margin: 0 30px; display: block; text-align: center; padding: 30px 0; border-radius: 10px;}
.zcontactlist i{ display: block; font-size: 4em; line-height: 1; margin-bottom:15px;}
.zcontactlist span{ display: block; line-height: 1; font-size: 18px;}
.zcontactlist .pd:hover{ background: #8f0020;}

.dingwei{position: relative;}
.dingwei a{ position: absolute; top: -150px;}
.aboutNav{ height: 50px; 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{ width: 12.5%; float: left;}
.aboutNav a{ font-size: 16px; height: 50px; line-height: 50px; text-align: center; display: block; overflow: hidden;}
.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 1.5em;}
.aboutNav4 li{ width:14.285714285714286%;}

.pMainAbout1{}
.aboutLsit{}
.aboutLsit .dingwei a{ top: -100px;}
.aboutLsit li{ margin-bottom: 30px;}
.aboutLsit .pd{ display: block; background: #f2f2f2; overflow: hidden; border-radius: 15px; transition: 0.3s all;}
.aboutLsit .img{ width: 50%; float: left;}
.aboutLsit .img img{ width: 100%; height: auto; display: block;}
.aboutLsit .text{ margin-left: 50%; padding: 50px;}
.aboutLsit .h3{ font-size:24px; color: #000; font-weight: normal; line-height: 1.5; margin-bottom: 1em;}
.aboutLsit .p{ color: #666; margin-bottom: 30px; font-size: 16px; line-height: 1.75; height: 8.75em; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp:5;}
.aboutLsit .m{ text-align: right;}
.aboutLsit .m em{ display: inline-block; vertical-align: bottom; color: #02a7f0;}
.aboutLsit .pd:hover{ box-shadow: 0 0 15px rgba(0,0,0,0.3); transform: translateY(-10px);}
.aboutLsit .pd:hover .m em{ color: #8f0020;}
.aboutLsit li:nth-child(even) .img{ float: right;}
.aboutLsit li:nth-child(even) .text{ margin: 0 50% 0 0;}
.aboutLsit .img{overflow: hidden;}
.aboutLsit .img img{ transition: 1s transform;}
.aboutLsit .pd:hover .img img{ transform: scale(1.05,1.05);}

.wpb{ margin:  0 12.5vw; position: relative;}
.pMainAbout2{}
.pMainAbout2_1{ padding: 85px 0; color: #fff;}
.pMainAbout2_1 .pd{ padding: 15px 0; font-size: 16px;}
.pMainAbout2_1 .h3{ font-size: 1.75em; margin-bottom: 0.5em;}
.pMainAbout2_1 .p{ }
.ztit3{ margin-bottom: 30px;}
.ztit3 strong{ font-size: 2em; line-height: 1;}
.ztit3_1{ position: absolute; left: 0; top: 100px; right: 0;}
.ztit3_2{}
.pMainAbout3{ padding-top: 0px !important;}
.pMainAbout3 .wp{ margin: 0px !important; width: auto;}
.pMainAbout3_1{ overflow: hidden; margin: 0 -12.5vw;}
.pMainAbout3_1 img{ width: 100vw; height: auto; display: block;}
.pMainAbout4{}
.pMainAbout4 .wp{}
.pMainAbout4_1{}
.pMainAbout4_1 .img{ overflow: hidden;}
.pMainAbout4_1 .img img{ width: 100%; height: auto; display: block;}
.pMainAbout4_1 .text{ font-size: 16px; line-height: 1.75; color: #666; padding-top: 60px; margin-bottom: 60px;}
.pMainAbout4_1 .text p{ margin-bottom: 1em; text-indent: 2em;}
.pMainAbout4_1 .text img{ max-width: 100%; height: auto; display:block;}
.pMainAbout5{ background: #f5f5f5;}

.pMainQualifications1{}
.pMainQualifications1_1{ margin-bottom: 60px;}
.qualificationsList{}
.qualificationsList ul{ margin: 0 -10px;}
.qualificationsList li{ width:25%; float: left; margin-bottom: 30px;}
.qualificationsList .pd{ margin: 0 10px; display: block;}
.qualificationsList .img{ padding: 0px;}
.qualificationsList .img img{ width: 100%; height: auto; display: block;}
.qualificationsList .text{ color: #000; text-align: center; padding: 10px 0;}
.qualificationsList .h3{ height: 1.5em; line-height: 1.5; overflow: hidden;}
.pMainPartner1_1 .em{ font-size: 16px; text-align: left; margin-bottom: 30px; color: #9e1036;}


.pMainInvest1{}
.pMainInvest1_1{ margin-bottom: 20px;}
.investListA{}
.investListA dl{ margin: 0 -10px;}
.investListA dd{ width: 33.3333%; float: left; margin-bottom: 20px;}
.investListA .pd{ background: #02a7f0; color: #fff; margin: 0 10px; padding: 25px; border-radius: 10px; transition: 0.3s all;}
.investListA a{ color: #fff;}
.investListA .tit{ position: relative; margin-bottom: 20px; line-height: 1;}
.investListA .tit strong{ font-size: 18px;}
.investListA .tit em{ font-size: 24px; position: absolute; right: 0px; top: 50%; height: 1em; line-height: 1; margin-top: -0.5em;}


.invesCon1{ padding:0 0 15px 0;}
.invesCon1 li{ margin-bottom: 10px;}
.invesCon1 li:last-child{ margin-bottom: 0px;}
.invesCon1 .npd{ position: relative; display: block; padding-left: 20px;}
.invesCon1 .npd:before{ content: ''; position: absolute; left: 0px; top: 8px; width: 8px; height: 8px; border-radius: 50%; background: #fff;}
.invesCon1 .h3{ font-size: 16px; line-height:24px; height: 24px; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp:1;}
.invesCon1 .em{ font-size: 14px; line-height: 2; height: 2em; overflow: hidden;}
.invesCon2{ padding:10px 0  30px 0;;}
.invesCon2 .h3{ font-size: 48px; line-height: 70px;}
.invesCon3{padding: 20px 0 35px 0;}
.invesCon3 .p{ font-size: 16px; line-height: 1.5; }

.investListA .m{ padding-bottom:10px;}
.investListA .m1{ padding-top: 40px;}
.investListA .m a{ display: block; border-bottom: 1px solid rgba(255,255,255,0.5); border-top: 1px solid rgba(255,255,255,0.5); line-height: 36px;}
.investListA .m a i{ font-size: 1em; margin-right: 0.5em;}
.investListA .pd:hover{ background: #fff; box-shadow: 0 0 10px rgba(0,0,0,0.2); color: #02a7f0;}
.investListA .pd:hover a{ color: #02a7f0;}
.investListA .pd:hover .m a{ border-color: rgba(2,167,240,0.2);}
.investListA .pd:hover .npd:before{ background: #02a7f0;}


.investListB{}
.investListB ul{}
.investListB li{ width: 50%; float: left;}
.investListB .pd{ display: block; position: relative; color: #fff;}
.investListB .img{}
.investListB .img img{ width: 100%; height: auto; display: block; }
.investListB .text{ position: absolute; left: 0px; top: 0px; right: 0px; bottom: 0px;}
.investListB .npd{ padding: 40px;}
.investListB .h3{ font-size: 18px; line-height: 1; margin-bottom: 1em; font-weight: bold;}
.investListB .p{ font-size: 14px; line-height: 1.5; margin-bottom: 1em; min-height: 4.5em;}
.investListB .m{}
.investListB .m a{ color: #fff;}
.investListB .m a i{ font-size: 1em; margin-right: 0.5em;}
.investListB li:nth-child(1) .img img{ border-radius: 15px 0 0 15px;}
.investListB li:nth-child(2) .img img{ border-radius:0 15px 15px 0;}

.iProNews{ overflow: hidden;}
.iProNews .pd{ display: block; margin: 0 5px; position: relative; color: #fff;}
.iProNews .pd:before{ content:''; position: absolute; left: 0px; top: 0px; bottom: 0px; right: 0px; background: rgba(0,0,0,0.5); border-radius: 10px; transition: 0.3s background;}
.iProNews .img{ overflow: hidden;}
.iProNews .img img{ width: 100%; background: #f5f5f5; height: auto; display: block; border-radius: 10px;}
.iProNews .text{ position: absolute; left: 0px; top: 0px; right: 0px; z-index: 2; text-align: center; font-size: 18px; padding: 26px; opacity: 0; transition: 0.3s opacity;}
.iProNews .em{}
.iProNews .h3{ line-height: 1; font-size: 20px; margin-bottom: 16px;}
.iProNews .h3 em{ display: block;}
.iProNews .h3 strong{ font-weight: normal; display: block;}
.iProNews .p{ text-align: center; font-size: 28px; line-height: 1;}
.iProNews .slick-current .pd:before{ background: rgba(0,0,0,0);}
.iProNews .slick-current .text{ opacity: 1;}
.iProNews{ position: relative;}
.iProNews .single-item{ padding-bottom:0px; margin: 0 -30%;}
.iProNews .slick-slider{ position: static;}
.iProNews .slick-arrow{ position: absolute; width: 23%; background:rgba(0,0,0,0); font-size: 32px; color: #fff; top: 0px; bottom: 0px; border: none; z-index:3; padding: 0px;}
.iProNews .slick-prev{ left: 0px; right: auto;}
.iProNews .slick-prev:before{ content: '\e80e'; font-size: 1em;}
.iProNews .slick-next{ right: 0px; left: auto;}
.iProNews .slick-next:before{ content: '\e7f9'; font-size: 1em;}
.iProNews .slick-dots{ position:absolute; left:50%; margin-left:-80px; bottom:0px; display: none !important;}
.iProNews .slick-dots li{ float:left; margin:0 7px;}
.iProNews .slick-dots button{ width:12px; height:12px; background:#ccc; padding:0px; border:none; border-radius:50%; text-indent:-9999px; overflow:hidden;}
.iProNews .slick-dots .slick-active button{ background:#a00f36;}

.aboutNav3 ul{ width: 80%; margin: 0 auto;}
.aboutNav3 li{ width: 16.666666666666668%;}

.pronBanner{ padding: 0px;}
.pronBanner .wp{ min-height:100vh; max-height:100vh;}
.pronBanner .text{ position: absolute; left: 0px; top: 5vw; bottom: 0px; right: 0px; color: #fff; text-align: center; font-size: 20px; line-height: 1;}
.pronBanner .h3{ font-size: 1em; margin-bottom: 1em;}
.pronBanner .em{ font-size:1.5em;}
.pronBox{}
.pronBoxImg{ margin-bottom: 20px; width: 50%; float: left;}
.pronBoxImg li{ display:none; background: #fff; border-radius: 15px;}
.pronBoxImg img{ width: 100%; border-radius: 15px;}
.pronBoxImg li:first-child{ display:block;}
.pronBoxNav{ font-size: 18px; position: relative; margin-bottom: 20px;}
.pronBoxNav:before{ content: ''; height: 2px; background: #ccc; position: absolute; left: 0px; bottom: 0px; right: 0px;}
.pronBoxNav ul{ display: flex;justify-content: space-between;}
.pronBoxNav ul:after{display: none;}
.pronBoxNav li{ width: 23%;}
.pronBoxNav li:last-child{ margin-right: 0px;}
.pronBoxNav span{ display:block; height: 50px; line-height:50px; position: relative; cursor: pointer;}
.pronBoxNav span:before{ content:''; height: 4px; background: #02a7f0; left: 0px; right: 0px; bottom: 0px; position: absolute; display: none;}
.pronBoxNav li.curr span{ font-weight: bold; color:#02a7f0 ;}
.pronBoxNav li.curr span:before{ display: block;}
.pronBoxText{ font-size: 16px;}
.pronBoxText li{ display: none;}
.pronBoxText li:first-child{ display:block;}
.pronBoxText .pd{ min-height: 5.25em; line-height: 1.75;}
.pronBoxFr{ width: 50%; float: right; padding-left:40px; box-sizing: border-box;}
.pMainPron1 .wp{ min-height: calc(100vh - 144px); max-height: calc(100vh - 144px);}
.pMainPron1 .text{ top:8vw;}
.pMainPron2{ background: #f5f5f5;}
.pMainPron3{}
.pMainPron4{}
.pMainPron5{ }
.ntb{display: table; table-layout: fixed; width: 100%; height: 100%;}
.ntd{display: table-cell; vertical-align: middle;}
.traitList{}
.traitList li{ margin-bottom: 40px;}
.traitList li:last-child{ margin-bottom: 0px;}
.traitList .pd{ position: relative; overflow: hidden;}
.traitList .img{ width:50%; float:left;}
.traitList .img img{ width: 100%;}
.traitList .text{ position: absolute; left:50%; top: 0px; bottom: 0px; right: 0px; text-align: center; padding: 0 40px;}
.traitList .em{ font-size: 16px; line-height: 1.2; margin-bottom: 0.5em;}
.traitList .h3{ font-size: 24px; line-height: 1.2; margin-bottom: 1em;}
.traitList .p{ font-size: 14px; text-align: center;}
.traitList li:nth-child(even) .img{ float: right; width: 50%;}
.traitList li:nth-child(even) .text{ left: 0px; right: 50%;}
.pMainPron6{ background: #f2f2f2;}
.pronValue{ position: relative;}
.pronValue .img{ width: 50%;}
.pronValue .img img{ width: 100%; height: auto; display: block;}
.pronValue .text{ position: absolute; left: 50%; top: 0px; bottom: 0px; right: 0px; padding: 0 0 0 40px;}
.pronValue .h3{ font-size: 24px; font-weight: bold; margin-bottom: 1em; }
.pronValue .p{ line-height: 1.75; font-size: 16px;}
.pronValue table{ border-top: 2px solid #ccc; border-bottom: 2px solid #ccc; border-collapse: collapse; width: 100%; line-height: 1.5; color: #3D3935;}
.pronValue td{ padding: 0.5em 0;}
.pMainPron7{ padding: 120px 0;}
.pMainPron7 .wp{}
.ztit4{ line-height: 1; position: absolute; left: 0px; top: 0px; font-size: 24px; color: #fff; }
.pronVr{ float: right; color: #fff; font-size: 18px; width: 400px;}
.pronVr li{ margin-bottom: 30px;}
.pronVr li:last-child{ margin-bottom: 0px;}
.pronVr .pd{ display: block;}
.pronVr .img{ width: 100px; float:left;}
.pronVr .img img{ width: 100%; height: auto; display: block; border-radius: 5px;}
.pronVr .text{ margin: 0 0 0 100px; padding: 0 0 0 20px;}
.pronVr .h3{ line-height: 1; margin-bottom: 1em; position: relative; padding-left: 2em;}
.pronVr .h3 i{ font-size: 1.5em; position: absolute; top: 50%; margin-top: -0.5em; line-height: 1; left: 0px;}
.pronVr .h3 strong{}
.pronVr .p{ text-align: left;}
.pronVr li:nth-child(2) .img{ float: right;}
.pronVr li:nth-child(2) .text{ margin: 0 100px 0 0; padding: 0 20px 0 0;}
.pronVr li:nth-child(3) .img{ width: 150px;}
.pronVr li:nth-child(3) .img img{ border: 1px solid #e04e35; }
.pronVr li:nth-child(3) .text{ margin: 0 0 0 150px; padding-top: 24px;}
.pMainCareer1{}
.pMainCareer1_1{ margin-bottom: 50px;}
.pMainCareer1_1 img{ width: 100%; height: auto; display: block; border-radius: 15px;}
.pMainCareer1_2{}
.pMainCareer2{ background: #f2f2f2;}
.pMainCareer3{ background: #fff;}
.careerList{}
.careerList ul{ margin: 0 -20px;}
.careerList li{ width: 33.3333%; float: left;}
.careerList .pd{ margin: 0 20px;}
.careerList .img{}
.careerList .img img{ width: 100%; height: auto; display: block; border-radius: 10px;}
.careerList .text{ padding: 10px 0;}
.careerList .h3{ font-size: 18px; font-weight: bold;}
.careerList .p{ min-height: 3em; color: #666;}
.pMainCsr1{}
.pMainCsr1_1{}
.csrList{}
.csrList li{ width: 50%; float: left;}
.csrList .pd{ display: block; position: relative;}
.csrList .img{}
.csrList .img img{ width: 100%; height: auto; display: block;}
.csrList .text{ position: absolute; left: 50px; top: 0px; right: 50px; bottom: 0px; color: #fff;}
.csrList .h3{ font-size:24px; line-height: 1.2; margin-bottom: 0.25em;}
.csrList .p{ font-size: 16px;}
.csrList .h1{ text-align: center; margin-bottom: 15px;}
.csrList .h1 strong{ color: #fff; height: 2em; line-height: 2; padding: 0 1em; font-size: 18px; font-weight: normal; background: #02a7f0; border-radius: 8px; display: inline-block; vertical-align: bottom;}
.csrList .h1 strong:hover{  background:#8f0020;}
.csrList .ewm{ width: 160px; margin: 0 auto;}
.csrList .ewm img{ width: 100%; height: auto; display: block; padding: 10px; background: #fff; box-sizing: border-box;}
.csrList .ewm span{ display: block; line-height: 2; font-size: 16px; text-align: center; color: #fff; text-shadow:0 0 1px #000;}
.csrList li:nth-child(1) .img img{ border-radius: 16px 0 0 16px;}
.csrList li:nth-child(2) .img img{ border-radius: 0 16px 16px 0;}


.pMainLogin1{}
.pMainLogin1_1{ font-size: 16px; margin-bottom: 30px; line-height: 1.75;}
.pMainLogin1_2{ margin-bottom: 30px;}
.loginListA ul{ margin: 0 -5px;}
.loginListA li{ width: 25%; float:left;}
.loginListA .pd{ margin: 0 5px;}
.loginListA .img{}
.loginListA .img img{ width: 100%; height: auto; display:block; border-radius: 10px;}
.loginListA .text{ padding-top: 15px;}
.loginListA .h3{ text-align: center; font-size: 16px; line-height: 1.2;}
.pMainLogin1_3{}
.pMainLogin2{ background: #f5f5f5;}



.zAbout{ background:#eeeeee; padding:80px 0 130px 0;}
.zAboutCon{ margin-bottom:50px;}
.zAboutCon .pd{ color: #333; display: block;}
.zAboutCon .h3{ font-size:20px; margin-bottom:1em; font-weight:normal; text-align:center;}
.zAboutCon .h3 img{ height: 50px; width: auto; display: block; margin: 0 auto;}
.zAboutCon .p{ font-size:14px; line-height:1.875; text-align:center; margin-bottom:1em;}
.zAboutCon .p p{ text-indent: 2em;}
.zAboutCon .p strong{ font-size:1em; color:#8f0020;}
.zAboutCon .m{}
.zAboutCon .m a,
.zAboutCon .m em{ width:160px; height:48px; line-height:48px; text-align:center; background: #02a7f0; color: #fff; display:block; margin:0 auto; border-radius:25px; font-size:16px;}
.zAboutCon .m a:hover,
.zAboutCon .m em:hover{ background:#8f0020; border-color:#8f0020; color:#fff;}
.zRenzheng{ text-align:center;}
.zRenzheng img{ display:inline-block; height:48px; width:auto; vertical-align:bottom;}
.zFooter{ padding:150px 0 25px 0; background:#02a7f0; color:#fff;}
.zFooter .li{ float:left;}
.zFooter a{ color:#fff;}
.zFooter a:hover{ color:#8f0020;}
.zStrength{ position:absolute; left:0px; right:0px; top:-250px;}
.zStrength li{ width:25%; float:left;}
.zStrength li a{ display:block; background:#fff; 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:first-child a{ border-radius:0 0 0 30px;}
.zStrength li:last-child a{ border-radius:0 30px 0 0;}
.zFooterCon{ padding-right:270px; position:relative; color:#fff; margin-bottom:20px;}
.zNav{ float:left; width:72.22222222222222%;}
.zNav dl{ margin-right: 60px; float:left;}
.zNav dl:last-child{ margin-right: 0px;}
.zNav dt{ margin-bottom:1em; line-height:1;}
.zNav dt a{ font-size:16px; font-weight:bold;}
.zNav dd{}
.zNav dd a{ font-size:14px; line-height:1.5; padding:4px 0; display:block;}
.zContact{ float:left; width:27.77777777777778%;}
.zEwm{ overflow:hidden; }
.zEwm .img{ width:100px; background:#fff; padding:5px; box-sizing:border-box; margin: 0 auto;}
.zEwm .img img{ width:100%; height:auto; display:block;}
.zEwm .text{ line-height:40px; text-align:center;}
.zZixun{}
.zZixun ul{ margin-right:-10px;}
.zZixun li{ width:50%; margin: 0 auto;}
.zZixun a{ display:block; line-height:36px; border:1px solid #fff; border-radius:18px; margin-bottom:10px; text-align:center;}
.zZixun li:last-child a{margin-bottom: 0px;}
.zZixun i{ display:inline-block; vertical-align:bottom; margin-right:6px; font-size: 24px;}
.zZixun span{ display:inline-block; vertical-align:bottom;}
.zZixun a:hover{ background:#8f0020; border-color:#8f0020; color:#fff;}
.zShare{ position:absolute; right:0px; top:0px;}
.zShare .m1{ height:60px; display:block; margin-bottom:25px;}
.zShare .m1 img{ display:block; margin:0 auto;}
.zShare .m2{ font-size:24px; display:block; text-align:center; font-weight:bold;}
.zShare .m2 i{ font-size: 1.25em;}
.zShare .m3{ display: block; width: 1em; height: 1em; margin: 0 auto 20px auto; font-size: 64px;}
.zShare .m4{ width: 200px; display: block; margin: 0 auto 10px auto;}
.zShare .m4 img{ width: 100%; height: auto; display: block;}

.zShareList{ position:relative; z-index:2;}
.zShareList ul{}
.zShareList li{ float:left; width: 25%;}
.zShareList li:nth-child(2){ display: none;}
.zShareList li a{font-size:34px; width:34px !important; height:34px !important; padding:0px !important; background:none !important; margin:0px auto!important ; float:none !important; line-height:34px !important; text-align:center; display:block; border-radius:16px; position:relative;}
.zShareList li a:before{ position:relative; z-index:2;}
.zShareList li a:after{ content:''; width:80%; height:80%; position:absolute; left:50%; top:50%; margin:-40% 0 0 -40%; border-radius:50%; background:#fff;}
.zShareList li a.icon-youtube{ color:#e53130;}
.zShareList li a.icon-in{ color:#007bb6;}
.zShareList li a.icon-facebook{ color:#3b5998;}
.zShareList li a.icon-twitter{ color:#1e85b0;}
.zShareList li a.icon-weixin{ color:#21c300;}
.zShareList li a.icon-douyin1{ color:#000;}
.zLink{ margin-bottom:20px; height:36px; line-height:18px; overflow:hidden;}
.zLink strong,
.zLink a{ display:inline-block; vertical-align:bottom; position:relative; color:#80FFFF; padding-right:9px; font-size:12px;}
.zLink a:before{ content:''; position:absolute; background:#80FFFF; width:1px; height:12px; right:4px; top:50%; margin-top:-5px;}
.zLink a:hover{ color:#8f0020;}
.zCopy{color:#80FFFF;}
.zCopy .p1{ float:left;}
.zCopy .p2{ float:right;}
.zCopy a{ color:#80FFFF;}
.zCopy a:hover{ color:#8f0020;}



/*zzm 20240924*/
body{ min-width: 1280px;}
.zFooterCon{ padding-right: 200px;}
.zNav{ width: auto;}
.zContact{ display: none;}
.fLianxi{ float: left; display: flex; width: 360px; margin-left: 30px;}
.fLianxi .nli{ width: 50%;}
.fLianxi .npd{ padding: 0 15px; display: block;}
.fLianxi .img{ width:100px; background:#fff; padding:5px; box-sizing:border-box; margin: 0 auto;}
.fLianxi .img img{ width:100%; height:auto; display:block;}
.fLianxi .text{ line-height:40px; text-align:center;}
.fLianxi .h3{ color: #fff;}
.fLianxi .nm{ display:block; line-height:36px; border:1px solid #fff; border-radius:18px; margin-bottom:10px; text-align:center;}
.fLianxi .nm i{ display:inline-block; vertical-align:bottom; margin-right:6px; font-size: 24px;}
.fLianxi .nm span{ display:inline-block; vertical-align:bottom;}

.fLianxi .nm:hover{ background:#8f0020; border-color:#8f0020; color:#fff;}
.fLianxi .nli:nth-child(2) .img{ width: 100%;}

@media screen and (max-width:1440px){
.factory .text .p{ font-size:14px;}
.factory li:first-child .text .p{ font-size:14px;}


.pMainAbout2_1{ padding: 60px 0 40px 0;}
.iCaseCon .h3{ font-size: 14px; height: 24px;line-height: 24px;}
.caseinfo_con{ font-size: 16px;}
.pro_value_con{ font-size: 14px;}
.aboutNav a{ font-size: 14px;}
.aboutLsit .p{ font-size: 14px;}
.aboutLsit .h3{ font-size: 18px;}
.pMainAbout4_1 .text{ font-size: 14px;}
.video_list .text{ font-size: 14px;}
.pMainAbout2_1 .pd{ font-size: 14px;}
.pMainAbout2_1 .h3{ font-size: 1.5em;}
.ztit3{ margin-bottom: 20px;}
.ztit3 strong{ font-size: 1.5em;}
.investListA .h3{ font-size: 16px;}
.invesCon2 .h3{ font-size: 2em;}
.investListA .tit strong{ font-size: 16px;}
.investListA .tit em{ font-size: 20px;}
.zTabA a{ height: 36px; line-height: 36px;}

.zNewsA .single-item{ margin: 0 -10px;}
.zNewsA .pd{ margin: 0 10px;}
.ibanner .slick-dots{ bottom: 20px;}
}
@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; height:20px; line-height:20px;}
.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:18px; overflow:hidden; margin-bottom:5px;}
.news_list .p{ height:48px; 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;}

.career_con3_tit{ font-size:16px;}
.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;}
.iconListA .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;}


.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;-webkit-line-clamp: 2;}
.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:14px;}
.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%;}

.cy_journal .datu { width:1000px;}
.cy_journal .datu .dul .dli{width:1000px;}
.pg_tit{ font-size:18px;}
.eventslist dt{ font-size:32px; width:160px;}
.eventslist dd{ margin-left:160px;}
.xtu_bg{ margin-bottom:20px;}
.login{ padding:30px 50px;}
.login_con ul{ margin-right:-20px;}
.login_con .pd{ margin-right:20px;}

.quality_top_con .text{ font-size:14px;}
.case_text{ font-size:14px; line-height:1.5;}
.case_tit .em{ font-size:14px; line-height:1.5;}
.flow .pin p{ font-size:14px;}
.invest_fl{ width:220px;}
.invest_fl_tit,.invest_fr_tit{ height:50px; line-height:50px; font-size:20px;}
.invest_fl_nav li a{ height:50px; line-height:50px; font-size:14px;}
.invest_fr{ margin-left:230px;}
.invest_fr_con{ min-height:354px;}
}
@media screen and (max-width:1024px){
body{ min-width: inherit;}
body,.fix_body{ padding-top:60px;}
.wpb,.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:0px; top:60px; right:0px; padding-top:0px; display:none; margin: 0px; text-align: left;}
.menu ul{ display: block;}
.menu li{ float:none; margin:0px;}
.menu .h3 a{ float:none; padding:0 30px; background:rgba(0,157,223,1); 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 .wp{}
.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 25px;}
.menu_box .p a:before{ top:1px;}
.footer_about{ width:auto; float:none; padding:0px; border:none; margin-bottom:20px;}
.footer_nav{ float:none; margin-right:-20px; overflow:hidden;}
.footer_nav .ul{ width:25%; margin:0px; box-sizing:border-box; padding:0 20px 0 0;}
.ipro_list .slick-prev{ left:0px;}
.ipro_list .slick-next{ right:0px;}

.table1 .td{ padding:0 10%;}
.video_list ul{ margin-right:-30px;}
.video_list .pd{ margin-right:30px;}
.cpg_fl{}
.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;}
.caseinfo_tit{ margin-bottom:20px; padding-bottom: 20px;}
.caseinfo_tit h1{ font-size: 18px;}
.service_list .text{ right:60px; width:auto;}
.cnav_con .h3{ height:40px; line-height:40px;}
.cnav_con .h3 strong{ font-size:16px;}
.cnav_con .h3 i{ font-size:18px;}
.privacy_box .icon-guanbi{ right:5px; top:5px;}
.privacy_box{ left:0px; top:0px; right:0px; bottom:0px; height:auto; width:auto; margin:0px;}
.privacy_box .pd{ line-height:1.5; padding:30px;}

/*xinzeng1024*/
.forms{ display:none;}
.menu{ padding-right:0px;}
.menu li:nth-child(3) .box{ width:auto; position:static; margin:0px; padding:0px; height:200px; overflow-y:auto;}
.menu li:nth-child(3) .box a{ width:100%; float:none;}
.tRight,
.top_right,
.fix_body .top_right{ top:10px;}

.language,
.top_nav,
.forms{ position:relative; float:left; display:block; width:auto; overflow:visible; height:auto; margin:0px; color:#000;}
.tCall .i,
.tShare .i,
.language .i,
.top_nav .i,
.forms .i{ text-align:center; display:block; width:40px; height:40px; line-height:40px; font-size:24px; cursor: pointer;}
.tCall .box,
.tShare .box,
.language .box,
.top_nav .box,
.forms .box{ position:fixed; top:60px; left:0px; right:0px; background:rgba(0,157,223,1); box-sizing:border-box; padding:15px 30px; display:none;}
.top_nav a{ height:40px; line-height:40px; color:#fff; border-bottom:1px solid #fff; display:block;}
.top_nav .box a:before{ display:none;}
.tRight{ right: 110px;}
.tRight{ bottom: auto;}
.tShare{ display: none;}
.tShare .box{ text-align: center;}
.tShare .box strong{ display: none;}
.tShare .box ul{ display: inline-block; vertical-align: bottom; float: none;}
.tShare .box a{ font-size: 30px; height: 36px; line-height: 36px; width: 36px;}
.tCall{ padding-left: 0px;}

.language .h3{ display:none;}
.language .p{ display:block; position:static;}
.fContact{ position:static; text-align:center; padding-top:30px;}
.ibanner .slider-for img{ min-height:inherit; max-height:inherit;}
body, .fix_body{ padding-bottom:0px;}
.header:before{ display:none;}
.forms{ right:auto; bottom:auto;}
.top_nav{ margin:0px;}
.top_right{ background:none; padding:0px; border-radius:0px;}
.top_right:before, .top_right:after{ display:none;}
.language{ margin-left:0px;}
.fix_body .top_right{ margin-top:0px;}
.fix_body .forms .box{ top:100%;}
.menu{}
.pMainAbout3_1{ margin: 0 -30px;}


.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;}
.zTabA{ margin: 0 60px 0 120px;}
.pMainCase1{ padding: 30px 0;}
.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%;}

.aboutNavFixed{ top: 60px;}
.pMainService2_1 ul{ margin: 0 -10px;}
.pMainService2_1 .pd{ margin: 0 10px;}
.aboutLsit .text{ padding: 40px;}
.aboutLsit .p{ height: 7em;-webkit-line-clamp:4; margin-bottom: 20px;}

.pMainAbout2_1{ padding: 0px 0;}
.pMainAbout2_1 .pd{ padding: 10px 0;}
.pMainAbout2_1 .h3{ font-size: 18px; margin-bottom: 0.25em;}
.pMainAbout2_1 .p br{ display: none;}
.pronBanner .text{ top: 60px; font-size: 14px;}
.pronBanner .wp,
.pMainPron1 .wp{min-height:inherit; max-height:inherit; height: 500px;}
.pMainPron1 .text{ top: 100px;}

.traitList .text{ padding: 0 20px;}
.pronValue .p{font-size: 14px;}
.pMainPron7{ padding: 60px 0;}
.pronVr{ font-size: 14px; width: 320px;}
.pronVr li{ margin-bottom:20px;}
.pronVr .p{ font-size: 14px;}
.pronVr .img{ width: 80px;}
.pronVr .text{ margin: 0 0 0 80px; padding: 5px 0 0 15px;}
.pronVr li:nth-child(3) .img{ width: 120px;}
.pronVr li:nth-child(3) .text{ margin: 0 0 0 120px; padding-top: 18px;}

.zAbout{ padding:60px 0;}
.zFooter{ padding:25px 0;}
.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;}
.zNav{ width:auto; overflow:hidden; display:none;}
.zFooterCon{ padding:0px;}
.zFooter .li{ float:none;}
.zZixun{ overflow:hidden;}
.zContact{ width:270px; margin:0 auto 30px auto;}
.zShare{ position:static;}
.zShareList{ text-align:center;}
.zShareList ul{ float:none; display:inline-block; vertical-align:bottom;}

.pronBoxImg{ width: auto; float: none;}
.pronBoxFr{ width: auto; float: none; padding: 0px;}
.moreBox a{ width: 140px; margin: 0 0.5em;}


.zShare .tShare{ display: block; float: none;}
.zShare .tShare .i{ display: none;}
.zShare .tShare .box{ display: block; position: relative; left:auto; top: auto; right: auto; bottom: auto;}

.fLianxi{ margin: 0 auto; width: 100%;}
}

@media screen and (max-width:960px){
.icase_list .text{ left:0px; bottom:0px; right:0px; background: rgba(255,255,255,0.6);}
.table1 .td{ padding:0 5%;}
.factory .text .p{ font-size:12px !important;}
.news_list .h3{ height:18px;}
.news_list .em{ position:static; width:auto; background:none !important; color:#666 !important; padding:0px; border:none; text-align:left;}
.news_list .em strong{ display:inline; font-size:inherit; margin-right:5px; font-weight:normal;}
.news_list .em em{ display:inline; font-size:inherit;}
.news_list .text{ padding-right:0px;}
.news_list .p{ height:40px; line-height:20px;}
.cpg_fl{ margin-right:0px; margin-bottom:50px; padding-right: 0px; border-right: none;}
.cpg_fr{ position:static; width:auto;}
.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:0px; margin-bottom:10px;}
.career_con2_tit .h3:after{ display:none;}
.career_con2_con{ margin-left:0px;}
.career_con2_con li{ padding:0px !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:0px;}
.pro_tj_list li{ width:25%;}
.pro_tj_list .text{ display:block; position:static; width:auto; border:none; border-radius:0px; padding:10px;}
.pro_tj_list .text:before{ display:none;}
.filedw_list ul{ margin-right:-10px;}
.filedw_list li{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 .ul{ margin-right:-15px; margin-bottom:20px; overflow:hidden;}
.caseinfo_flip .pd{ margin-right:15px;}
.caseinfo_value .con{ border:none; padding:0px;}
.quality_top_con .pd{ background:none; padding:0 10px; margin-bottom:0px;}
.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;}


.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:0px; 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% !important; margin-bottom:1px;}
.service_bottom_bottom .pd:before{ border-bottom:9px solid #02a7f0 !important;border-left:9px solid #f2f2f2 !important;border-right:9px solid #f2f2f2 !important;}
.service_bottom_bottom .pd:after{border-top:9px solid #02a7f0 !important;border-left:9px solid #f2f2f2 !important;border-right:9px solid #f2f2f2 !important;}  

.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:14px;}
.contact_list2 .em{ font-size:14px; line-height: 1.75; margin-bottom: 10px;}
.contact_list2 .p{ font-size:14px;}
.contact_list2 .p i{ font-size:16px;}
.isolution_con li{ width:50%;}
.isolution{ padding-top:20px;}
.inews_fl,.inews_fr{ float:none; padding:0px; width:auto;}
.network_con dd a{ width:12.5%;}
.network_con dt{ font-size:14px; width:64px;}
.network_con dd{ margin-left:72px;}

.iconListA i{ font-size: 32px; height: 72px; width: 72px; line-height: 72px;}
.iconListA .h3{ padding-top: 10px;}

.zTabA li{ margin: 0 3px;}
.iCaseCon li{ width: 50%;}
.iProNews .slick-arrow{ width: 19%;}
.iProNews .single-item{ margin: 0 -42%;}
.zNewsA .single-item{ margin: 0 -5px;}
.zNewsA .pd{ margin: 0 5px;}
.zNewsA .single-item{ padding-bottom: 30px;}
.zNewsB .img{ width: 160px;}
.zNewsB .text{ margin-left: 160px;}
.pNavA li{ width: 20%;}
.pMainCaseInfo3_1{ width: auto; float: none; margin-bottom: 30px;}
.pMainCaseInfo3_2 .h3{ font-size: 18px;}
.pMainCaseInfo3_2{ padding: 0px; width: auto;}
.pMainCaseInfo3_2 .p{ min-height: inherit;}

.pMainService2_1 li{ width: 50%;}
.pMainService2_1 .text{ padding: 15px 20px;}
.quality_bottom_top li{ width: 33.3333%;}
.zcontactlist ul{ margin: 0 -10px;}
.zcontactlist i{ font-size: 3em; margin-bottom: 10px;}
.zcontactlist .pd{ margin: 0 10px; padding: 15px 0;}
.ztit2 .p{ font-size: 14px;}
.aboutLsit .text{ padding: 25px;}
.aboutLsit .p{ height: 5.25em;-webkit-line-clamp:3;}
.qualificationsList li{ width: 33.3333%;}
.careerList ul{ margin: 0 -10px;}
.careerList .pd{ margin: 0 10px;}
.csrList li{ width: auto; float: none;}
.csrList li:nth-child(1) .img img{ border-radius: 10px 10px 0 0 ; }
.csrList li:nth-child(2) .img img{ border-radius: 0 0 10px 10px; }
.investListB li{ width: auto; float: none;}
.investListB li:nth-child(1) .img img{ border-radius: 10px 10px 0 0 ; }
.investListB li:nth-child(2) .img img{ border-radius: 0 0 10px 10px; }
.pronBoxText .pd{ width: auto;}
.traitList .h3{ font-size: 18px;}

.pronValue .img{ margin: 0 auto;}
.pronValue .text{ position: static; padding: 0px; }
}
@media screen and (max-width:768px){
.slider-nav{ position:static;}
.slider-nav h3{ height:36px; line-height:36px;}
.inews_list li{ 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:#02a7f0;}
.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:14px; line-height:1.5; margin-bottom:20px;}
.career_con3_tit br{ display:none;}
.career_con1{ padding:30px 0;}
.career_con2{ padding:30px 0;}
.career_con3{ background:#02a7f0; padding:30px 0;}
.career_list li{ width:auto; float:none; margin-bottom:10px;}
.career_list ul{ margin-right:0px;}
.career_list .pd{ margin-right:0px; min-height:inherit;}

.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%; margin-bottom: 0px;}
.quality_top_con .img img{ width: 100%; border-radius: 5px;}
.iconListA li{ width:50%; margin-bottom:15px;}
.iconListA .p{ height:45px;}

.contact_list li{ width:50%; margin-bottom:20px;}
.isolution_tit .h3{ height:40px; line-height:40px; font-size:14px;}
.eventslist dt{ display:none;}
.eventslist dd{ margin-left:0px;}
.contact_list2 ul{ margin-right:0px;}
.contact_list2 li{ width:auto;}
.contact_list2 .pd{ margin-right:0px;}
.cewm .img{ float:none; margin-bottom:20px; width: auto;}
.cewm .img li{ padding-right: 20px;}
.cewm .img ul{ overflow:hidden; margin-right: -20px;}
.cewm .text{ float:none;}
.cewm .p{ font-size:14px; line-height:20px;}
.contact_top{ padding:30px 0;}
.cewm .h3{ line-height:1; margin-bottom:15px;}
.cloud_img .text{ font-size:14px; height:30px; line-height:30px;}
.login{ padding:30px;}
.login_con ul{ margin-right:-10px;}
.login_con .pd{ margin-right:10px;}
.network_con dd a{ width:16.66666666%;}
.case_tit .h3 em{ top:-10px; width:100px;}
.case_tit .h3 em span{ font-size:14px;}
.case_tit .em{ padding-right:0px;}
.service_list .text{ left:15px; bottom:15px; right:30px; padding:10px;}
.service_list .p{ line-height:20px;}
.service_list .h3{ font-size:16px; margin-bottom:10px;}
.cnav_con li{ width:50%;}
.invest_fl{ width:auto; float:none; margin-bottom:30px;}
.invest_fr{ margin-left:0px;}
.invest_fr_con{ min-height:inherit; padding:100px 0;}
.invest_fr_con img{ position:static; display:block; margin:0 auto; max-width:90%; height:auto !important;}
.cewm{ width:auto;}

.aboutNav{ display: none;}
.zNewsB li{ width: auto; float: none; margin-bottom: 10px;}
.crumbs a,
.crumbs span{ max-width: 8em; overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}


.zAbout{ padding:40px 0;}
.zStrength{ margin-bottom:0px;}
.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;}
.zCopy .p1,
.zCopy .p2{ float:none; text-align:center;}
.ibanner .slick-dots{ bottom:15px; font-size:6px;}
.ibanner .slick-dots li button{ font-size:6px;}
.isolution_tit .h3{ margin-bottom:1px; font-size:13px; height:2.5em; line-height:2.5;}
.isolution_tit .h3:after{ width:16px; margin-left:-8px; height:8px; background-size:16px 8px; bottom:-8px;}
.inews_list .em{ text-align:left;}
.zNewsA .slick-dots li,
.icase_list .slick-dots li,
.ipro_list .slick-dots li{ margin:0 3px;}
.zNewsA .slick-dots button,
.icase_list .slick-dots button,
.ipro_list .slick-dots button{ width:8px; height:8px;}
.zRenzheng{ margin:0 -10px;}
.zRenzheng img{ height:32px;}


.pMainPron7{ background-color: #462536; background-size:100% auto; background-position: top left;}
.pMainPron7_1{ padding-top: 260px;}
.pronVr{ width: auto;}
.ztit4{ font-size: 1.75em}
}
@media screen and (max-width:700px){
.isolution_con li{ width:100%; margin-bottom:0px;}
.isolution_con li a{ height:32px; line-height:32px; border-color:#ddd;}
.cnav_con li{ width:100%; margin-bottom:0px; height:32px; line-height:32px;}
.cnav_con li a{ height:32px; line-height:32px; border-color:#ddd;}
}
@media screen and (max-width:640px){

.menu_box{ padding:20px 0;}
.menu_box ul{ padding:20px;}
.menu_box li{ width:auto; padding-right:0px; float:none;}
.menu_box .p{ margin-bottom:10px;}
.istrength_list li{ width:50%; margin-bottom:10px;}
.footer_nav{ margin-right:0px;}
.footer_nav .ul{ width:auto; float:none; padding-right:0px;}
.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;}
.factory li{ width: auto !important; float:none; overflow:hidden; margin-bottom:5px; background:#02a7f0;}
.factory .img{ float:left; width:150px;}
.factory .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:60px; line-height:20px;-webkit-line-clamp:3;}

.newsinfo_flip{ margin-right:0px;}
.newsinfo_flip .li{ width:auto; float:none;}
.newsinfo_flip .li1{ margin-bottom:20px;}
.newsinfo_flip .pd{ margin-right:0px;}
.cpg_fl{ margin-bottom:30px;}

.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; float: none;}
.caseinfo_flip .tit{ margin-bottom:10px; font-size:14px;}
.flow .pin{ padding:0px; margin-bottom:10px;}
.service_con li{ width:50%;}
.network_bottom_fl{ width:auto; float:none; margin-bottom:10px;}
.network_bottom_fl .pd{ margin:0px;}
.network_bottom_fr{ width:auto; float:none;}
.network_bottom_fr .pd{ margin:0px;}
.news_list .text{ padding-top:0px;}
.career_con4 li{ width:33.333333%;}
.login_con ul{ margin:0px;}
.login_con li{ width:auto; float:none;}
.login_con .pd{ margin:0px;}
.network_con{ padding:0; margin-bottom: 20px;}
.network_bottom_fl .pd,.network_bottom_fr .pd{ min-height:inherit;}
.case_tit .p li{ width:33.333333%;}

.service_list ul{ margin-right:0px;}
.service_list li{ width:auto; float:none;}
.service_list .pd{ margin-right:0px;}
.network_top .p{ height: auto;}



.iMain{ padding: 60px 0;}
.pMain{ padding: 40px 0;}
.pMainAbout4{}
.zTabA{ margin: 0px; padding-top: 10px;}
.zTabA ul{ display: block; margin: 0 -2px;}
.zTabA li{ margin:0 0 4px 0; width: 33.3333%;}
.zTabA a{ padding: 0px; margin: 0 2px;}
.ztit1{ height: auto;}
.ztit1 strong{ position: static;}
.ztit1 .a{ top: 0px; margin: 0px; }
.iCaseCon ul{ margin: 0 -5px;}
.iCaseCon .pd{ margin: 0 5px;}
.iProNews .single-item{ margin: 0px;}
.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;}
.iProNews .pd{text-shadow:none;}
.iProNews .text{ font-size: 12px; line-height: 1; padding: 10px; position: static; color: #000 !important; }
.iProNews .h3{ font-size: 16px; margin-bottom: 5px;}
.iProNews .p{ font-size: 20px;}
.iProNews .slick-arrow{ font-size: 16px; width: 40px; height: 40px; top: 50%; margin-top: -40px;}
.iProNews .pd:before{ display: none;}
.zNewsA .h3{ font-size: 14px; margin-bottom: 10px;}
.zNewsA .p{ height: 3em; line-height:1.5; -webkit-line-clamp:2; margin-bottom: 10px;}
.zNewsA .em{ font-size: 12px;}
.iProNews .h3 em{ display:inline-block; vertical-align: bottom; margin-right: 0.5em;}
.iProNews .h3 strong{ display:inline-block; vertical-align: bottom; }
.ztit1 strong{ font-size: 20px;}
.pMainCase1{ padding: 30px 0;}
.pMainCase2{ padding: 30px 0;}
.pNavA li{ width: 33.3333%;}
.pNavB ul{ margin: 0 -2px;}
.pNavB li{ width: 50%; 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;}
.pNavA3 ul{ display: block;}
.pNavA3 li{ width: 25%;}
.pNavA4 ul{ display: block;}
.pNavA4 li{ width: 25%;}
.proVal ul{ margin: 0px;}
.proVal li{ width: auto; float: none;}
.proVal .pd{ margin: 0px; padding: 10px 0;}
.proVal .img{ width: 32px; left: 0px; top: 15px;}
.proVal .text{ padding-left: 42px; min-height: 32px;}
.proAdvantage img{ width: 32px; height: 32px;}
.zAboutCon .h3{ font-size: 16px; margin-bottom: 0.5em;}
.zAboutCon .p{ font-size: 12px; line-height: 1.5;}
.pMainService2_1 ul{ margin: 0px;}
.pMainService2_1 li{ width: auto; float: none;}
.pMainService2_1 .pd{ margin: 0px;}
.pMainService2_1 .p{ height: auto;}
.zcontactlist ul{ margin: 0 -5px;}
.zcontactlist .pd{ margin: 0 5px;}
.aboutLsit li{ margin-bottom: 20px;}
.aboutLsit .pd{ border-radius: 10px;}
.aboutLsit .text{ padding: 15px;}
.aboutLsit .h3{ font-size: 14px; margin-bottom: 5px;}
.aboutLsit .p{ height: 4.5em; line-height: 1.5; margin-bottom: 0px; font-size: 12px;}
.aboutLsit .m{ display: none;}
.ztit3_1{ top: 20px;}
.pMainAbout3_1 img{ width: 100%;}
.qualificationsList li{ width: 50%;}
.qualificationsList ul{ margin: 0 -5px;}
.qualificationsList li{ margin-bottom: 20px;}
.qualificationsList .pd{ margin: 0 5px;}
.careerList ul{ margin: 0px;}
.careerList li{ width: 100%; float: none;}
.careerList .pd{ margin: 0px;}
.zcontactlist span{ font-size: 16px;}

.csrList .h3{ font-size: 18px;}
.csrList .p{ font-size: 12px;}
.csrList .h1{ margin-bottom: 5px;}
.csrList .h1 a{ font-size: 14px;}
.csrList .ewm{ width: 120px;}
.csrList .ewm span{ font-size: 12px;}
.investListB .npd{ padding: 20px;}
.investListB .h3{ font-size: 16px;}
.investListB .p{ font-size: 12px;}
.investListA dl{ margin: 0px;}
.investListA dd{ width: auto; float: none;}
.investListA .pd{ margin: 0px;}
.loginListA li { width: 50%; margin-bottom: 20px;}
.loginListA .h3{ font-size: 14px;}
.pMainLogin1_1{ font-size: 14px;}
.loginListA .img img{ border-radius: 6px;}

.pronBanner .text{ top: 0px;}
.pronBanner .h3{ margin-bottom: 0.5em;}
.pronBanner .em{ font-size: 1.25em;}
.pronBanner .wp,
.pMainPron1 .wp{min-height:inherit; max-height:inherit; height: 200px;}
.pMainPron1 .text{ top: 0px; font-size: 12px;}
.pronBoxNav{ font-size: 14px; background: #fff;}
.pronBoxNav:before{ display: none;}
.pronBoxNav ul{ margin-right: -1px;}
.pronBoxNav li{ margin-right: 0px; width: 33.3333%; border-bottom: 1px solid #f5f5f5;}
.pronBoxNav span{ height: 36px; line-height: 36px; text-align: center; border-right: 1px solid #f5f5f5;}
.pronBoxNav li.curr span{ background: #02a7f0; color: #fff;}
.pronBoxNav li.curr span:before,
.pronBoxNav span:before{ display: none;}
.pronBoxText .pd{ font-size: 14px; line-height: 1.5;}
.pronBoxImg li{ border-radius: 8px;}
.pronBoxImg img{ border-radius: 8px;}

.traitList .img{ float: none !important; margin: 0 auto; width: 60%;}
.traitList .text{ position: static; padding:20px 0 0 0;}
.traitList .em{ font-size: 12px;}
.traitList .h3{ font-size: 16px;}
.traitList .p{ font-size: 12px;}
.traitList li:nth-child(even) .img{ width: auto;}

.pronValue .img{ width: auto;}

.icase_list{ margin-bottom: 0px;}
}
@media screen and (max-width:600px){
.video_list ul{ margin-right:0px;}
.video_list li{ float:none; width:auto;}
.video_list .pd{ margin-right:0px;}
.video_list .text{ height:auto; line-height:2.5; padding-top:0px;}
.career_con2_con .text{ padding:10px 0 0 10px;}
.career_con1 ul{ margin-right:0px;}
.career_con1 li{ float:none; overflow:hidden; width:auto; margin-bottom:10px;}
.career_con1 .pd{ margin-right:0px;}
.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;}
.iconListA li{ width:auto; float:none; position:relative; height:56px;}
.iconListA .p{ height:auto; text-align:left;}
.iconListA .pd{ margin:0px; padding-left:68px; text-align:left;}
.iconListA i{ position:absolute; left:0px; top:0px; width:48px; font-size: 24px; height:48px; line-height:48px;}
.iconListA .h3{ padding-top:8px; line-height: 1.2;}
.iconListA2 li{ width: 50%; float: left;}
.iconListA4 li{ width: 33.333%; float: left;}
.iconListA4 i{ position: relative;}
.iconListA4 .pd{ padding-left: 0px; text-align: center;}
.iconListA4 .p{ text-align:center;}

.service_bottom_top ul{ margin-right:0px;}
.service_bottom_top li{ width:auto; float:none; margin-bottom:10px;}
.service_bottom_top .pd{ margin-right:0px;}
.contact_list li{ width:auto; float:none;}
.pg_tit{ font-size:14px; margin-bottom:20px;}
.cy_journal .xtu{ background-position: left 46px; margin:0 40px; height:60px;}
.cy_journal .xtu dd a{ font-size:16px; background-size:80px 93px;}
.cy_journal .xtu dd{ width:90px;}
.cy_journal .xtu dd a{ padding-bottom:20px;}
.cy_journal .xtu dd a:hover, .cy_journal .xtu dd.cur a{ background-position:center 35px;}
.qiehuan .prev, .qiehuan .next{ height:58px; border-width:1px; line-height:58px; top:0px;}
.eventslist dl{ margin:0 40px;}
.eventslist dd{ font-size:12px; line-height:20px;}
.history{ padding:20px 0;}

.network_top{ padding-bottom: 40px;}
.network_top .img{ padding: 0px;}
.network_top .text2{ position: static; margin: 0 auto; width: 120px;}


.zAboutCon .h3 img{ height: auto; width: 100%; }
}
@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:0px;}
.filedw_list .pd{ margin-right:0px;}
.filedw_list li{ width:auto; float:none;}
.quality_top_con li{ width:50%;}
.quality_top_con li:last-child{ margin-bottom:0px;}
.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 !important; float:none;}
.quality_bottom_top ul{ margin-right:-5px;}
.quality_bottom_top .pd{ margin-right:5px;}
.quality_bottom_top li{ margin-bottom:5px;}
.network_con dd a{ width:20%;}
}
@media screen and (max-width:480px){
.wpb,.wp, .slider-nav .slick-list{ margin:0 25px;}
.logo, .fix_body .logo{ padding:18px 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:0px;}
.inews_list ul{ margin-right:0px;}
.inews_list .pd{ margin-right:0px;}
.inews_list .text,.inews_list li:nth-child(1) .text{ margin-left:150px; padding-left:10px;}
.inews_list .h3{ line-height:16px; height:16px; margin-bottom:5px;}
.inews_list .p,.inews_list li:nth-child(1) .p{ margin-bottom:5px; height:45px; -webkit-line-clamp: 2;}
.inews_list .em{ position:static; width:auto; background:none !important; color:#666 !important; padding:0px;}
.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:0px;}
.about_top .p .pd{ margin-right:0px;}
.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:120%; margin-left:-10%;}
.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 .npd{ margin: 0 -5px;}
.pro_value_con td{ padding:5px; border-left: 5px solid #fff; border-right: 5px solid #fff; font-size: 12px; vertical-align: top;}
.pro_value_con td:before{ left:8px;}
.quality_con_tit .h3{ font-size:16px;}
.quality_con_con .text{ padding:10px;}
.partner_con li{ width:33.333333%;}
.service_bottom_top .img strong{ font-size:14px; padding:5px 10px;}
.career_con4 li{ width:50%;}
.cloud_img li{ width:50%;}
.login{ padding:15px;}
.login_tit{ margin-bottom:15px; font-size:16px;}
.ipt_b1{ width:120px; margin:0 auto; display:block; height:40px; line-height:40px;}

.career_list .p .text dl{ margin-right:-5px;}
.career_list .p .text dd{ margin-bottom:5px; width:50%;}
.career_list .p .text a{ margin-right:5px; height:30px; line-height:30px;}
.pMainAbout3_1{ margin: 0 -25px;}

.pMainPron7_1{ padding-top: 160px;}
}
@media screen and (max-width:413px){
.wpb,.wp, .slider-nav .slick-list{ margin:0 20px;}
.table1 .td{ padding:10px;}
.factory .img{ width:auto; float:none;}
.factory .text{ margin:0px;}
.qualifications_con .img:after{ width:280px; margin-left:-140px; background-size:100% auto; bottom:-39px;}
.career_con1 .img{ height:180px;}
.career_con1 .img img{ margin-top:-40px;}
.cy_journal .xtu dd{ width:85px;}
.network_con dd a{ width:25%;}
.privacy_box .pd{ padding:40px 20px 20px 20px;}
.pMainAbout3_1{ margin: 0 -20px;}

.isolution_tit .h3{font-size:12px;}
}
@media screen and (max-width:374px){
.wpb,.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:0px;}
.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;}
.iconListA .h3{ padding-top:10px;}

.qiehuan .prev, .qiehuan .next{ height:54px; border-width:1px; line-height:54px;}
.cy_journal .xtu{background-position: left 42px;}
.cy_journal .xtu dd a{ font-size:16px; height:34px; line-height:34px; background-size:70px 81px;}
.cy_journal .xtu dd{ width:70px;}
.cy_journal .xtu dd a:hover, .cy_journal .xtu dd.cur a{background-position: center 33px;}
.eventslist dl{ margin:0 20px;}
.service_bottom_bottom .h3 a{ font-size:12px;}
.network_con dd a{ width:33.3333333%;}
.logo, .fix_body .logo{ padding:20px 0;}
.logo img, .fix_body .logo img{ height:20px;}
.language .h3{ padding-left:5px;}
.language .h3 img{ display:none;}
.privacy_box .pd{ padding:30px 15px 15px 15px;}
.pMainAbout3_1{ margin: 0 -15px;}
}

/*
.quick_nav{ position:fixed; -webkit-transform: translateZ(0); right:0px; bottom:50px; color:#fff; text-align:center; width:100px; box-shadow:0 0 5px rgba(0,0,0,0.1); z-index:12;}
.quick_nav2 {}
.quick_nav2 li{ background:#fff; border-radius:3px; margin-bottom:1px; position:relative;transition:0.3s; padding:12px 0;}
.quick_nav2 .pd{ color:#666; display:block;}
.quick_nav2 .pd i{ display:block; height:28px; line-height:28px; font-size:28px;}
.quick_nav2 .pd strong{ font-weight:normal;}
.quick_nav2 .pd:hover{ color:#e81215;}
.quick_nav2 .box{ position:absolute; right:100px; top:0px; width:392px; text-align:left; color:#888888; font-size:14px; display:none;}
.quick_close{ display:none;}
.quick_nav2 .npd{ background:#fff; margin-right:22px; padding:20px; border:1px solid #e8e8e8; box-shadow:0 0 10px rgba(0,0,0,0.1); border-radius:3px; overflow:hidden;}
.quick_nav2 .npd:before{ content:'\20'; background:url(../images/sj.png) no-repeat; width:18px; height:29px; display:block; position:absolute; right:16px; top:15px;}
.quick_nav2 li:hover{background:#e81215; color:#fff;}
.quick_nav2 li:hover .pd{color:#fff;}
.quick_nav2 li:hover .box{ display:block;}

.quick_kf .h3{ font-size:24px; color:#e81215; line-height:30px; padding:0 0 20px 38px; border-bottom:1px solid #ececec; position:relative;}
.quick_kf .h3 i{ font-size:30px; position:absolute; left:0px; top:0px; height:30px; line-height:30px; color:#888888;}
.quick_kf .p{ padding:15px 0; margin-bottom:5px;}
.quick_kf .m{ overflow:hidden;}
.quick_kf .m a{ width:33.3333%; float:left; display:block; color:#555555; text-align:center; padding:15px 0 12px 0; background:#f9f9f9;}
.quick_kf .m i{ display:block; font-size:28px; color:#e81215; position:relative; display:block; height:34px; line-height:34px; width:34px; margin:0 auto;}
.quick_kf .m i:after{ content:'\20'; width:14px; height:14px; background:url(../images/xiaoxi.gif) no-repeat; background-size:cover; position:absolute; right:-8px; top:-5px;}
.quick_kf .m span{ display:block;}
.quick_kf .m a:hover{ background:#f1f1f1;}
.quick_fw .i{width:66px;border-right:1px solid #ececec;height:90px;line-height:90px;float:left;margin-right: 18px;}
.quick_fw .i i{ font-size:28px; position:relative; width:44px; text-align:center; display:block;}
.quick_fw .i i:after{ content:'\20'; width:14px; height:14px; background:url(../images/xiaoxi.gif) no-repeat; background-size:cover; position:absolute; right:-5px; top:14px;}
.quick_fw .h3{ font-size:18px; line-height:1; padding:15px 0;}
.quick_fw .p{ font-size:32px; line-height:1; color:#e81215;}
.quick_fw .p a{ color:#e81215;}
.quick_wx{}
.quick_wx .box{ width:186px; bottom:0px; top:auto;}
.quick_wx .npd:before{ top:auto; bottom:20px;}
.quick_wx img{ width:100%; height:auto; display:block;}
.quick_wx span{ display:block; padding-top:15px; text-align:center;}
@media screen and (max-width:1366px){
.quick_nav{ width:92px; margin:0px;}
.quick_nav1 .h3{ margin-bottom:3px; font-size:14px;}
.quick_nav2 li{ padding:10px 0;}
.quick_nav2 .pd i{ height:24px; line-height:24px; font-size:24px;}
.quick_nav2 .box{ right:92px;}
}
@media screen and (max-width:1024px){
body{ padding-bottom:50px;}
.quick_bg{ background:rgba(0,0,0,0.5); position:fixed; left:0px; top:0px; right:0px; bottom:0px; display:none;}
.quick_nav{ top:auto; left:0px; width:auto; bottom:0px; margin:0px; -webkit-transform:none;}
.quick_nav1{ display:none;}
.quick_nav2{border-top: 1px solid rgba(255,255,255,0.5);}
.quick_nav2 li{ float:left; width:25%; margin-bottom:0px;border-right: 1px solid #ccc; box-sizing:border-box; padding:0px; display:block; border-radius:0px; position:static;}
.quick_nav2 .pd{ background:#e81214; padding:5px 0; color:#fff;}
.quick_nav2 .pd i{ height:24px; line-height:24px; font-size:24px;}
.quick_nav2 .pd strong{ display:block; line-height:16px; font-size:12px;}
.quick_nav2 .pd:hover {background: #e81214;}
.quick_nav2 .box{ position:fixed; left:50%; bottom:auto; top:50%; right:auto;}
.quick_nav2 .npd{ margin:0;}
.quick_nav2 .npd:before{ transform:rotate(90deg); right:auto; left:50%; bottom:5px; top:auto; display:none;}
.quick_nav2 li:hover .box{ display:none;}
.quick_kf .box{ margin:-120px 0 0 -196px;}
.quick_fw .box{ margin:-66px 0 0 -196px;}
.quick_wx .box{ margin: -122px 0 0 -93px;}
.quick_close{ position:absolute; left:50%; bottom:-40px; margin:0 0 0 -15px; width:30px; height:30px; border-radius:50%; background:#e10000; color:#fff; text-align:center; line-height:30px; cursor:pointer; display:block;}
.top_nav{ height:40px; line-height:inherit; margin-top:-5px;}
.top_nav a{ display:block; margin:0px; line-height:20px;}
}
@media screen and (max-width:480px){
.quick_nav2 .box{ left:25px; right:25px; width:auto;}
.quick_kf .box{ margin:-120px 0 0 0;}
.quick_fw .box{ margin:-66px 0 0 0;}
.quick_wx .box{ margin: -122px 0 0 -93px; width:186px !important; left:50% !important;}
.icase_list .slick-dots li, .ipro_list .slick-dots li{ margin:0 3px;}
.icase_list .slick-dots button, .ipro_list .slick-dots button{ width:6px; height:6px;}
}
@media screen and (max-width:413px){
.quick_fw .p{ font-size:30px}
.quick_kf .m a{ font-size:12px;}
.quick_nav2 .box{ left:20px; right:20px; width:auto;}
}
@media screen and (max-width:374px){
.quick_fw .p{ font-size:24px}
.quick_nav2 .box{ left:15px; right:15px; width:auto;}
}
*/


.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: #02a7f0; 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; border: 2px solid #02a7f0; color: #02a7f0; text-align: center; border-radius: 50%;}
.formTit a:hover{ background: #02a7f0; color: #fff;}
.formCon{}
.formCon dl{ margin-bottom: 10px;}
.formCon dl:last-child{ margin-bottom: 0px;}
.formCon dt{ line-height: 1; margin-bottom: 0.25em;}
.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_s2:hover,
.ipt_t2:hover{ border-color: #02a7f0;}
.ipt_s2:focus,
.ipt_t2: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: #02a7f0; border: none; border-radius: 5px; text-align: center; color: #fff; display: block; margin: 0 auto;}
.formColl{ position: relative; border-bottom: 2px solid #02a7f0; padding-bottom: 20px; margin-bottom: 20px;}
.formColl .wpd{ position: relative;}
.formColl .h3{ color: #000; font-weight: bold; line-height: 1; font-size: 16px; margin-bottom: 10px;}
.formColl .p{}
.formColl .em{ width: 120px; position: absolute; right: 0px; bottom: 0px; 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;}
.formColl dt{ position: absolute; left: 0px; top: 0px; color: #02a7f0;}




@media screen and (max-width:1024px){
.form{ left: auto; right: 0px; margin: 0px;}
}
@media screen and (max-width:640px){
.form{ left: 0px; width: auto;}
}



.pMainBrand1{ background: #f2f2f2;}
.fixTop{ position: fixed; right: 30px; bottom: 30px; font-size: 24px; width: 2em; height: 2em; line-height: 2; cursor: pointer; background: #8f0020; border-radius: 50%; text-align: center; color: #fff; box-shadow: 0 0 10px rgba(0,0,0,0.1);}
.fixTop:hover{ background: #02a7f0;}
.pMainCaseInfo9_2{ background: #f2f2f2;}
.contactNav{ margin-bottom: 30px;}
.contactNav ul{ margin-right: -6px;}
.contactNav li{ float: left;}
.contactNav a{ display: block; float: left; color: #333; height: 32px; padding: 0 0.75em; margin-right: 6px; background: #f5f5f5; line-height: 32px;text-align: center;}
.contactNav li.curr a{ background:#02a7f0; color: #fff;}
.contactNavFixed{ position: fixed; left: 0px; right: 0px; top: 62px; box-shadow: 0 0 3px rgba(0,0,0,0.5); z-index: 5; background: #f2f2f2;}

.pNavB_tit{}
.pNavB_tit strong{ font-size: 1.75em; display: block; line-height: 34px; height: 34px; font-weight: normal;}
.more3_1{ position: absolute; right: 0px; top: 0px;}
.more3{ color:#fff; cursor:pointer; position:absolute; right:0px; width:137px; height:34px; background: #02a7f0; text-align:center; border-radius:5px; line-height:34px;}
.more3 span{ display: inline-block; vertical-align: bottom; font-size:16px; margin-right: 5px;}
.more3 i{ display: inline-block; vertical-align: bottom; transition: 0.3s all;}
.more3.curr,
.more3:hover{ background: #8f0020;}
.more3.curr i{ transform:rotate(180deg);}

.pNavB_1{  padding-top: 30px;}






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



.footerLink{ background: #222; color: #666; padding: 15px 0; font-size: 12px; line-height: 1.2;}
.footerLink a{ color: #666; margin-right: 0.5em;}
.footerLink a:hover{ color: #fff;}
@media screen and (max-width:640px){
.footerLink{ display: none;}
}


.footerLink.curr{ padding: 0px; height: 0px; overflow: hidden;}

.embed-icon-default{ display: none !important;}



.pMainQuality1{ padding: 0px;}
.pMainQuality1 .ztit2 p a{ color: #02a7f0; font-weight: bold;}
.pMainQuality1_1{ padding: 60px 0;}
.pMainQuality1_2{ background: #f5f5f5; padding: 60px 0; position: relative;}
.pMainQuality1_2 .ztit2{ position: relative; z-index: 2;}
.pMainQuality1_2:before{ content: ''; position: absolute; left: 50%; width: 100vw; margin-left: -50vw; background: #f5f5f5; top: 0px; bottom: 0px; z-index: 1;}
.pMainQuality1_3{ padding: 60px 0;}
.pMainQuality1_3 .ztit2{ margin-bottom: 0px;}

.qualityListA{}
.qualityListA ul{ display: flex; margin: 0 -10px; flex-wrap: wrap;}
.qualityListA li{ width: 14.28571428571429%;}
.qualityListA .pd{ display: block; margin: 0 10px; box-shadow: 0 0 5px rgba(0,0,0,0.2); border-radius: 5px;}
.qualityListA .pd img{ width: 100%; height: auto; display: block; border-radius: 5px;}


.qualityListB{position: relative; z-index: 2;}
.qualityListB p{ color: #02a7f0;}
.qualityListB li{ width:20%; float:left; margin-bottom:5px;}
.qualityListB li:nth-child(n+6):nth-child(-n+12){ width: 14.28571428571429%;}
.qualityListB li:nth-child(n+6):nth-child(-n+12) .pd{ padding: 0 10px;}
.qualityListB li:nth-child(n+6):nth-child(-n+12) .pd:after{ display: none;}
.qualityListB .pd{ text-align:center; margin-bottom:50px; padding:0 30px; position:relative; background:url(../images/line1.png) repeat-x center center;}
.qualityListB .pd:after{content:"\20"; position:absolute; width:84px; height:17px; background:url(../images/ico1.png) no-repeat top left; top:50%; margin-top:-9px; right:0; margin-right:-42px; z-index:1;}
.qualityListB .pd:before{ display:none; content:"\20"; width:16px; height:16px; border-radius:50%; background:#02a7f0; position:absolute; margin-top:-8px; top:50%; z-index:2;}
.qualityListB .img{}
.qualityListB .img img{ width:100%; height:120px; object-fit: cover; border-radius:10px; border:1px solid #bbb; box-sizing:border-box; display:block; margin:0 auto;}
.qualityListB .text{ position:absolute; top:100%; left:0px; right:0px; color:#888; font-size:14px; padding-top:5px;}
.qualityListB .text strong{ font-size:1em; color:#02a7f0; font-weight:normal; line-height:1;}
.qualityListB .text strong:after{ content:"\,"; font-size:14px;}
.qualityListB li:last-child .pd:after{ height:2px; background:#e6e6e6; margin-top:-1px; left:100%; width:0%; right:auto;}
.qualityListB li:last-child .pd:before{display:block; right:0px; margin-right:0%;}
.qualityListB li:first-child .pd:before{display:block; left:0px;}
.qualityListB li:nth-child(5) .pd:after{ display: none;}
.qualityListB li:nth-child(5) .pd:after{ display: none;}
@media screen and (max-width:960px){
.qualityListB .pd{ background:none; padding:0 10px; margin-bottom:0px;}
.qualityListB .pd:after{ display:none;}
.qualityListB li{ margin-bottom:25px;}
.qualityListB li .pd:before{ display:none !important;}
.qualityListB .text strong{ display:none;}
.qualityListB .text{ position:static; padding-top:10px; height:30px;}
.qualityListA li{ width: 25%; padding: 5px 0;}


}
@media screen and (max-width:768px){
.qualityListB li{ width:33.333333%; margin-bottom: 0px;}
.qualityListB li:nth-child(n+6):nth-child(-n+12){ width: 33.333333%;}
.qualityListB .img img{ width: 100%; border-radius: 5px;}
.qualityListA li{ width: 33.3333%;}

}
@media screen and (max-width:540px){
.qualityListB li{ width:50%;}
.qualityListB li:nth-child(n+6):nth-child(-n+12){ width: 50%;}
.qualityListB li:last-child{ margin-bottom:0px;}
.qualityListA li{ width: 50%;}
}



.repair{}
.repairNav{ border-bottom: 1px solid #f5f5f5; margin-bottom: 30px;}
.repairNav ul{ display: flex; justify-content: center;}
.repairNav li{}
.repairNav a{ display: block; line-height: 2.5; height: 2.5em; background: #f5f5f5;  padding: 0 1.5em; margin: 0 2px;}
.repairNav a:hover{ background: #02a7f0; color: #fff;}
.repairList{}
.repairList ul{}
.repairList li{margin-bottom: 15px;}
.repairList li:last-child{margin-bottom:0px;}
.repairList .pd{ display: block;}
.repairList .img{ width: 140px; height: auto; float:left;}
.repairList .img img{ width: 100%; height: auto;}
.repairList .text{ margin:0 0 0 140px; padding: 20px 0 0 30px;}
.repairList .h3{ font-size: 18px; font-weight: bold; margin-bottom: 1em;}
.repairList .p{ font-size: 14px;}
.repairList li:nth-child(even) .img{ float: right;}
.repairList li:nth-child(even) .text{ margin:0 140px 0 0; padding:20px 30px 0 0;}


.dingwei_2 a{ top: -120px;}
@media screen and (max-width:540px){
.repairNav ul{ margin: 0 -2px;}
.repairNav li{ width: 25%;}
.dingwei_2 a{ top: -60px;}
.repairList .img{ width: 70px;}
.repairList .text{ margin:0 0 0 70px; padding: 0 0 0 15px;}
.repairList li:nth-child(even) .img{ width: 70px; float: left;}
.repairList li:nth-child(even) .text{ margin:0 0 0 70px; padding: 0 0 0 15px;}
.repairList .h3{ margin-bottom: 0.5em;}
}

.pMainAPP .pMain{ background-color: #fff;}
.pMainAPP .pMain:nth-child(even){ background-color: #f5f5f5;}

.pMainCaseInfo10{}
.pronewsBtn{ display: flex;}
.pronewsBtn a{}


.pronewsBtn a{ width:160px; height:48px; line-height:48px; text-align:center; background: #02a7f0; color: #fff; display:block; margin:0 auto; border-radius:25px; font-size:16px;}
.pronewsBtn a:hover{ background:#8f0020; border-color:#8f0020; color:#fff;}