@charset "utf-8";
body{ overflow-x:hidden;}
body{ color:#333; height:auto; box-sizing:border-box; font-size:16px; padding-top:74px;}
.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:#0267B5;}
i,em{ font-style:normal;}



.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:50%; margin-top:-20px; 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:#005aab;
-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:#005aab;
-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);
}


.slick-slide img{ width:100%; height:auto; display:block;}
.slick-dots{ position:absolute; left:50%; bottom:66px; transform: translateZ(0);}
.slick-dots li{ float:left; margin:0 6px;}
.slick-dots li button{ display:block; border:none; padding:0px; width:8px; height:8px; border-radius:4px; text-indent:-99px; overflow:hidden; background:#333; box-sizing:border-box;}
.slick-dots li.slick-active button{ background:#0267B5; width:30px;}

.slick-arrow{position:absolute; top:50%; z-index:2; height:60px; margin-top:-30px; line-height:60px; width:60px; text-align:center; padding:0px; border:none; color:rgba(255,255,255,0.5); overflow:hidden; font-size:0px; z-index:2; background:none;font-size:40px;}
.slick-prev{ left:30px;}
.slick-prev:before{ content: "\e818";}
.slick-next{ right:30px;}
.slick-next:before{ content: "\e816";}
.slick-arrow:hover{ color:#0267B5;}


.wp{ width:1400px; margin:0 auto; position: relative;}



.menu{ text-align:center; margin-left:160px;}
.menu ul{ display:inline-block; vertical-align:bottom;}
.menu li{ margin:0 25px; float:left; position:relative;}
.menu .h3 a{ display:block; height:74px; line-height:74px;  color:#272c49;}
.menu li.curr .h3 a{ font-weight:bold; color:#0267B5;}
.menu .box{ position:absolute; top:100%; display:none; width:180px; left:50%; margin-left:-90px; background:#0267B5; padding:5px 0; text-align:center; border-radius:0 0 8px 8px;}
.menu .box a{ display:block; font-size:14px; color:#fff; height:40px; line-height:40px; border-bottom:1px solid rgba(255,255,255,0.5); margin:0 15px;}
.menu .box a:last-child{ border-bottom:none;}
.menu .box a:hover{ background:#fff; color:#0267B5;}

.menu .h3 a{ float:left;}
.menu .h3 i{ float:left; line-height:74px; margin-left:5px;}
.menu .h3 i:before{content: "\e82c";}
.menu li:hover .box{ display:block;}

.topLanguage{ position:absolute; right:0px; top:0px; font-size:14px;}
.topLanguage .h3{ display:none;}
.topLanguage .p{ line-height:78px;}
.topLanguage .p a{ margin-left:12px;}

.subNav{ position:fixed; right:10px; top:50%; width:78px; z-index:9; margin-top:-162px;}
.subNav li{ margin-bottom:1px; position:relative;}
.subNav .h3{ background:#DA251A; text-align:center; padding:10px 0;}
.subNav .h3 a{ color:#fff; display:block;}
.subNav .h3 i{ display:block; line-height:1; padding-bottom:8px; font-size:24px;}
.subNav .h3 span{ display:block; line-height:1; font-size:12px;}
.subNav li:hover .h3{ background:#0267B5;}

.subNav .li1 .box{ position:absolute; right:100%; height:64px; line-height:64px; background:url(../images/line1.png) no-repeat #f32624; background-size:100% 100%; text-align:center; font-size:22px; color:#fff; font-weight:bold; width:0px; bottom:0px; overflow:hidden;}
.subNav .li1 .box a{ display:block; color:#fff;}
.subNav .li1:hover .box{ width:200px;}
.subNav .li3 .box{ position:absolute; right:100%; height:159px; background:#ff6519; box-shadow:0 0 5px rgba(0,0,0,0.3); text-align:center; font-size:22px; color:#fff; font-weight:bold; width:0px; bottom:0px; overflow:hidden;}
.subNav .li3 .box img{ display:block; width:159px; height:159px;}
.subNav .li3:hover .box{ width:159px;}

.iBanner{ position:relative;}
.iBanner:before{ content:''; position:absolute; left:0px; top:0px; right:0px; bottom:0px; background:rgba(0,0,0,0.5); z-index:2;}
.iBanner .pd{ position:relative; overflow:hidden;}
.iBanner .text{ top:0px; bottom:0px; width:1400px; left:50%; margin-left:-700px; position:absolute; color:#fff; z-index:4;}
.iBanner .h3{ font-size:60px; font-weight:bold; margin-bottom:0.6em; line-height:1; text-shadow:0 0 0.1em rgba(0,0,0,0.3);}
.iBanner .p{ font-size:28px; line-height:1; margin-bottom:60px; text-shadow:0 0 0.1em rgba(0,0,0,0.3);}
.iBanner .m{}
.iBanner .i{ position:absolute; right:60px; bottom:60px; width:68px; height:68px; border:2px solid #fff; border-radius:50%; text-align:center; line-height:68px; font-size:36px; cursor:pointer;}
.iBanner .i:hover{ background:#0267B5; color:#fff; border-color:#0267B5;}
.iBanner video,
.banner_proinfo video{ position:absolute; bottom:0px;min-width:100%;min-height:100%;width:100%;height:auto; display:block; z-index:1;}

.more1{ display:inline-block; padding:0 50px; vertical-align:bottom; height:54px; color:#fff; background:#0267B5; border-radius:8px; line-height:54px;}
.more1:hover{ background:#f32624; color:#fff;}
.more1_1{ height:48px; line-height:48px;  background:#697c87;}
.more1_1:hover{ background:#0267B5;}
.more1_2{ height:48px; line-height:48px;  background:#fff; color:#697c87;}
.more1_2:hover{ background:#0267B5;}


.iCon{ padding:70px 0}

.iCon1{ background:#f6f6f6;}
.iabout{}
.iabout .img{ width:50%; float:right;}
.iabout .text{ margin-right:50%; padding:0 64px 0 0;}
.iabout .h3{ font-size:30px; line-height:1.4667; font-weight:bold; padding-bottom:1.3em; position:relative; margin-bottom:1em;}
.iabout .h3:before{ content:''; width:14px; height:13px; position:absolute; left:0px; bottom:0px; background:#333;}
.iabout .p{ font-size:14px; line-height:2.14; margin-bottom:40px;}
.iabout .m{}
.iabout .m li{ float:left; line-height:1; position:relative;}
.iabout .m .pd{ display:block; border-bottom:1px solid #ccc; padding-bottom:18px; padding-right:20px; margin-right:100px;}
.iabout .m li:last-child .pd{ margin-right:0px;}
.iabout .m i{ font-size:40px; font-weight:bold; line-height:1; font-family:arial; display:block; margin-bottom:20px;}
.iabout .m span{ font-size:18px;}

.iCon2{ background:#f6f6f6;}

.iCon5{ background:#fff;}
.iabout2{ background:#f6f6f6;}
.iabout2 .img{ width:50%; float:left; position:relative;}
.iabout2 .img video{ position:absolute; left:0px; top:0px; right:0px; bottom:0px; width:100%; height:auto;}
.more2{ position:absolute; right:5px; bottom:5px; width:58px; height:58px; line-height:58px; font-size:24px; text-align:center; background:#fff;}
.more2:hover{ background:#0267B5; color:#fff;}
.iabout2 .text{ padding:56px 20px 0 40px; width:50%; float:right; box-sizing:border-box;}
.iabout2 .h3{ font-size:30px; line-height:1; color:#697c87; font-weight:bold; margin-bottom:1em;}

.iabout_tab{ margin-bottom:30px;}
.iabout_tab li{ float:left; width:20%;}
.iabout_tab .pd{ border:1px solid #dfdfdf; display:block; text-align:center; padding:20px 0; margin-right:-1px;}
.iabout_tab .pd i{ display:block; height:44px; line-height:44px; font-size:38px; color:#cccccc;}
.iabout_tab .pd span{ display:block; line-height:24px; height:24px; overflow:hidden; color:#697c87;}
.iabout_tab li.curr .pd{ background:#0267B5; color:#fff;}
.iabout_tab li.curr .pd i{ color:#fff;}
.iabout_tab li.curr .pd span{ color:#fff;}

.iabout_con{ font-size:14px;}
.iabout_con ul{ display:none;}
.iabout_con ul:first-child{ display:block;}
.iabout_con li{ width:50%; float:left; height:20px; line-height:20px; overflow:hidden; padding:0 8px 0 16px; position:relative; box-sizing:border-box; margin-bottom:20px;}
.iabout_con li.w100{ width:100%;}
.iabout_con li:before{ content:''; position:absolute; width:6px; height:6px; background:#0267B5; left:0px; top:6px;}

.tit1{ text-align:center; margin-bottom:30px; line-height:1;}
.tit1 strong{ display:block; font-size:30px; color:#697c87;}

.tit2{ margin-bottom:40px; line-height:1; position:relative;}
.tit2 strong{ display:block; font-size:30px; color:#697c87; position:relative; padding-bottom:0.7em; margin-bottom:0.6em;}
.tit2 strong:before{ position:absolute; content:''; height:3px; width:1em; left:0px; bottom:0px; background:#697c87;}
.tit2 em{ display:block; font-size:18px; color:#999999;}
.more{ right:0px; bottom:0px; position:absolute; color:#999999; height:20px; line-height:20px;}
.more i{ float:left; margin-right:6px; color:#697c87;}
.more span{ float:left; font-size:14px;}
.more:hover{ color:#0267B5;}
.more:hover i{ color:#0267B5;}

.iCon2{}
.icaseTab{ text-align:center; margin-bottom:50px;}
.icaseTab ul{ display:inline-block; vertical-align:bottom;}
.icaseTab li{ margin:0 27px; float:left;}
.icaseTab a{ display:block;  color:#697c87; height:36px; line-height:36px; position:relative;}
.icaseTab a:before{ content:''; bottom:0px; height:3px; position:absolute; left:0px; right:0px; background:#0267B5; display:none;}
.icaseTab a:hover{ color:#0267B5;}
.icaseTab .curr a{ color:#0267B5; font-weight:bold;}
.icaseTab .curr a:before{ display:block;}

.icaseCon{ position:relative;}
.icaseCon .li{ position:absolute; left:0px; top:0px; right:0px; z-index:1; opacity:0;}
.icaseCon .li.curr{ position:relative; z-index:2; opacity:1;}
.icaseCon .single-item{ margin-right:-20px;}
.icaseCon .pd{ display:block; margin-right:20px; background:#fff;}
.icaseCon .img{}
.icaseCon .img img{}
.icaseCon .text{ padding:20px 0 20px 0; text-align:center; position:relative;}
.icaseCon .i{ width:120px; position:absolute; left:50%; margin:-70px 0 0 -60px; top:0px;}
.icaseCon .i img{ width:100%; height:auto; border-radius:50%; display:block; background-color:#fff; background-size:70% auto; box-shadow:0 0 7px rgba(0,0,0,0.15);}
.icaseCon .h3{ height:40px; line-height:40px; overflow:hidden; padding:0 15px; color:#697c87;}
.icaseCon .pd:hover{ background:#0267B5;}
.icaseCon .pd:hover .h3{ color:#fff; font-weight:bold;}
.icaseCon .slick-dots{ transform:translateX(-10px);}

.iCon3{ background:#fff;}
.inews{}
.inewsList{}
.inewsList .single-item{ margin-right:-25px;}
.inewsList .pd{ display:block; margin-right:25px; border:1px solid #eee; padding:45px;}
.inewsList .em{ color:#999; line-height:1; margin-bottom:30px; font-size:14px;}
.inewsList .h3{ font-size:18px; line-height:30px; height:60px; overflow:hidden; margin-bottom:60px; color:#666;}
.inewsList .m{ height:30px; line-height:30px; position:relative; }
.inewsList .m span{ font-size:12px;}
.inewsList .m i{ position:absolute; right:0px; top:50%; margin-top:-24px; width:48px; height:48px; line-height:48px; text-align:center; font-size:48px;}
.inewsList .pd:hover{ border-color:#0267B5;}


.iCon4{ background:url(../images/ipartnerBg.png) no-repeat center center #f6f6f6; background-size:cover;}
.iCon4 .tit1 strong{ color:#fff;}
.ipartner{}
.ipartner .pd{ display:block; margin:40px 12px 100px 0;}
.ipartner .single-item{ margin-right:-13px;}
.ipartner .slick-slide:nth-child(even) .pd{ margin-top:110px;}
.ipartner .slick-dots{ bottom:0px;}

.footer{ background:#23282a; color:#999999;}
.footer a{ color:#999;}
.footer a:hover{ color:#fff;}

.footer_top{}
.footerFl{ padding:45px 50px 45px 0; float:left; border-right:1px solid #393f41;}
.footerFl .dl{ margin-right:60px; float:left;}
.footerFl dl{ margin-bottom:20px;}
.footerFl dt{ position:relative; margin-bottom:15px; line-height:1;}
.footerFl dt a{ display:block;  color:#fff; font-size:16px;}
.footerFl dd a{ display:block; height:30px; line-height:30px; font-size:14px;}


.footerFr{ padding:45px 0; float:right;}
.footerFr .img{ width:100px; float:left;}
.footerFr .img img{ width:100%; height:auto; display:block;}
.footerFr .img span{ display:block; line-height:32px; height:32px; display:block; text-align:center; font-size:14px;}
.footerFr .text{ margin-left:100px; padding-left:80px;}

.footerContact{ margin-bottom:30px; font-size:14px;}
.footerContact li{ padding-left:36px; position:relative; margin-bottom:6px; line-height:24px;}
.footerContact li strong{ font-weight:bold; font-size:26px;}
.footerContact li:last-child{ margin-bottom:0px;}
.footerContact .i{ position:absolute; left:0px; top:0px; font-size:18px; line-height:1;}
.footerContact li:first-child{ margin-bottom:16px;}
.footerContact li:first-child a{ color:#fff;}
.footerContact li:first-child .i{ font-size:26px; color:#fff;}

.footerShare{}
.footerShare li{ float:left; margin-right:30px;}
.footerShare li a{ width:40px; height:40px; display:block; border-radius:50%; color:#fff; font-size:24px; text-align:center; line-height:40px; background:#000;}
.footerShare li a:hover{ background:#0267B5;}


.footerBottom{ line-height:30px; padding:30px 0; border-top:1px solid #393f41; font-size:14px;}
.footerLinks{ float:left;}
.footerLinks strong{#fff-space:nowrap; display:inline-block;}
.footerLinks a{ margin-right:16px;#fff-space:nowrap; display:inline-block;}
.footerCon{ float:right;}

/*产品*/

.banner_pro{ position:relative;}
.banner_pro .text{ position:absolute; top:120px; left:0px; right:0px; text-align:center; color:#fff;}
.banner_pro .h3{ font-size:44px;}
.banner_pro .p{ font-size:26px;}
.banner_pro .img{ width:62.918410041841%; position:absolute; bottom:-40px; left:50%; margin-left:-31.4592050209205%; z-index:2;}
.banner_pro .img:before{ content:''; position:absolute; left:0px; bottom:0px; right:50%; height:40px; background:#eeeeee;}
.banner_pro .img ul{}
.banner_pro .img li{ position:absolute; width:1px; height:1px; background:#F00; cursor:pointer;}
.banner_pro .img li.li1{ left:17.7%; top:62%;}
.banner_pro .img li.li2{ left:83.4%; top:35.1%;}
.banner_pro .img li.li3{ left:42%; top:27%;}
.banner_pro .img li.li4{ left:71.3%; top:16.6%;}
.banner_pro .img li.li5{ left:74%; top:59%;}
.banner_pro .img li.li6{ left:74.35%; top:49.1%;}
.banner_pro .img li.li7{ left:32%; top:62%;}
.banner_pro .img li.li8{ left:66%; top:42%;}
.banner_pro .img li.li9{ left:47.5%; top:50%;}
.banner_pro .img li.li10{ left:84%; top:66%;}
.banner_pro .img li .i{ position:absolute; left:50%; top:50%; width:40px; height:40px; margin:-20px 0 0 -20px;}
.banner_pro .img li .i:after{ z-index:2; content:''; width:17px; height:17px; border-radius:50%; position:absolute; left:50%; top:50%; margin:-8.5px 0 0 -8.5px; background:#009cff;}
.banner_pro .img li .i:before{ z-index:1; content:''; width:37px; height:37px; border-radius:50%; position:absolute; left:50%; top:50%; margin:-18.5px 0 0 -18.5px; background:rgba(0,156,255,0.6);}
.banner_pro .img .txt{ display:none; width:160px; color:#fff;text-align:center; box-sizing:border-box; bottom:17px; padding-bottom:18px; position:absolute; left:50%; margin-left:-80px;}
.banner_pro .img .pd{ background:rgba(237,109,0,0.8); border-radius:10px; padding:15px;}
.banner_pro .img .pd:before{ position:absolute; left:50%; bottom:0px; margin-left:-10px; content:''; width:0; height:0; border-left:10px solid transparent; border-right:10px solid transparent; border-top:18px solid rgba(237,109,0,0.8);}
.banner_pro .img .t{ font-size:14px; line-height:1; font-weight:bold;}
.banner_pro .img .c{  line-height:1.3; padding-top:10px;}
.banner_pro .img li.curr{ z-index:3;}
.banner_pro .img li.curr .txt{ display:block;}
.banner_pro .img li.curr .i:after{ background:#0267B5;}
.banner_pro .img li.curr .i:before{ background:rgba(237,109,0,0.3);}

.proMain{ background:#eeeeee; padding:90px 0;}

.productList{}
.productList ul{ margin-right:-20px;}
.productList li{ width:50%; float:left; margin-bottom:20px;}
.productList .pd{ margin-right:20px; background:#fff; overflow:hidden; display:block; padding:50px; position:relative; border-bottom:5px solid #fff;}
.productList .img{ width:450px; position:absolute; right:0px; bottom:0px; z-index:1;}
.productList .text{ position:relative; z-index:2;}
.productList .h3{ font-size:26px; color:#333; height:30px; overflow:hidden; line-height:30px; margin-bottom:1em;}
.productList .p{ margin-right:240px;  line-height:30px; height:90px; overflow:hidden; color:#697c87; margin-bottom:20px;}
.productList .p br{ display: none;}
.productList .m{ padding-bottom:140px;}



.proKv{}
.proKv li{}
.proKv .pd{ display:block; position:relative;}
.proKv .img{}
.proKv .text{ position:absolute; right:70px; top:0px; bottom:50px; text-align:right; color:#fff;}
.proKv .h3{ font-size:50px; margin-bottom:10px; line-height:1.2;}
.proKv .p{ font-size:20px; margin-bottom:55px;}
.proKv .m{ text-align:right;}

.crumbs{ background:#697c87; line-height:48px; color:#fff; font-size:14px;}
.crumbs a{ color:#fff;}
.crumbs a:hover{ color:#0267B5;}
.crumbsFl{ float:left; padding-left:30px;}
.crumbsFl:before{content: "\e837"; position:absolute; left:0px; height:48px; line-height:48px; top:50%; margin-top:-24px; font-size:20px;}
.crumbsFl em{ margin:0 0.5em;}
.crumbsFr{ float:right;}
.crumbsFr a{ display:block;}
.crumbsFr i{ float:left; font-size:28px; margin-right:10px;}
.crumbsFr span{ float:left;}

.zproTop{ background:#fff; padding:60px 0;}
.zproTop .img{ width:640px; float:left;}
.zproTop .text{ margin-left:640px; padding:100px 0 0 100px;}
.zproTop .h3{ font-size:28px; line-height:1.3;margin-bottom:0.5em; color:#0267B5; font-weight:bold;}
.zproTop .em{ overflow:hidden;}
.zproTop .em em{ color:#000; font-size:26px; padding-bottom:0.5em; margin-bottom:1em; border-bottom:2px solid #ccc; float:left;}
.zproTop .p{ font-size:16px; line-height:1.875; color:#333; width:70%; margin-bottom:50px;}
.zproTop .m{}
.zproTop .m a{ display:inline-block; vertical-align:bottom; background:#cd161c; height:50px; line-height:50px; padding:0 40px; color:#fff;}
.zproTop .m i{ float:left;}
.zproTop .m span{ float:left; margin-left:5px;}
.zproTop .m a:hover{ background-color:#0267B5;}
.zproTop img{ width:100%; height:auto; display:block;}

.projieshao{ padding:50px 0;}
.projieshao .pd h3{ color:#0267B5; font-size:20px; font-weight:bold; margin-bottom:0.5em;}
.projieshao .pd p{ margin-bottom:0.5em; line-height:1.5;}

.projieshaoList{ position:relative; padding-left:30px;}
.projieshaoList:before{ content:''; width:1px; background:#ccc; position:absolute; left:0px; top:0px; bottom:0px;}
.projieshaoList .h3{ color:#000; font-size:24px; font-weight:bold; margin-bottom:0.5em; transition:all ease 0.3s;}
.projieshaoList .p{ line-height:1.5; overflow:hidden; opacity:0; transition:opacity ease 0.3s;}
.projieshaoList .p p{ margin-bottom:0.5em;}
.projieshaoList li{ margin-bottom:20px;}
.projieshaoList li:hover .h3,
.projieshaoList li.curr .h3{ color:#0267B5;}
.projieshaoList li.curr .p{ opacity:1;}

.projieshaoLine{ position:absolute; width:2px; height:60px; left:0px; top:0px; background:#0267B5;}


.proFor{ margin-bottom:10px;}
.proFor .pd{ border-radius:22px 0 22px 0; background:#fff; display:block;}
.proFor img{ border-radius:22px 0 22px 0;}


.proTab .single-item{ margin-right:-8px;}
.proTab .pd{ margin-right:8px; cursor:pointer; display:block; position:relative; padding:1px; margin-top:12px;}
.proTab .pd:before{ content:''; position:absolute; border:1px solid #0267B5; left:0px; right:0px; top:0px; bottom:0px; display:none;}
.proTab .pd:after{ content:''; position:absolute; background:url(../images/proTab.png) no-repeat; width:12px; height:12px; top:-10px; left:50%; margin-left:-6px; display:none;}
.proTab .pd span{ display:block; text-align:center; height:32px; line-height:32px; color:#5f5f5f;}
.proTab img{ border:1px solid #ddd; background:#fff; width:100%; height:auto; display:block; box-sizing:border-box;}
.proTab .slick-current img{ border-color:#0267B5;}
.proTab .slick-current .pd:before,
.proTab .slick-current .pd:after{ display:block;}
.proTab .slick-current .pd span{ color:#111}

.proTab .slick-arrow{ position:absolute; z-index:2; width:24px; line-height:24px; height:24px; padding:0px; background:#d6d6d6; border-radius:50%; text-align:center; border:none; top:50%; margin:-12px 0 0 0; font-size:14px;}
.proTab .slick-arrow:before{ font-size:14px; color:#fff;}
.proTab .slick-prev{ left:-12px;}
.proTab .slick-prev:before{content: "\e818";}
.proTab .slick-next{ right:-4px;}
.proTab .slick-next:before{content: "\e816";}
.proTab .slick-arrow:hover{ background:#0267B5;}


.zproTab{ height:50px;}
.zproTab .pd{ z-index:2; position:relative;}
.zproTab li{ float:left; margin-right:70px;}
.zproTab a{ height:46px; padding-bottom:4px; line-height:1; display:block; position:relative; color:#697c87; font-size:20px;}
.zproTab a:before{ content:''; position:absolute; left:0px; bottom:0px; right:0px; height:4px; background:#0267B5; display:none;}
.zproTab a.active{ color:#0267B5; font-weight:bold;}
.zproTab a.active:before{ display:block;}

.zproTab_fixed li{ margin-right:40px;}
.zproTab_fixed .pd{ position:fixed; left:0px; top:74px; right:0px; background:#0267B5;}
.zproTab_fixed a{ height:40px; line-height:40px; color:#fff; font-size:14px;}
.zproTab_fixed a:before{ background:#fff; height:2px;}
.zproTab_fixed a.active{ color:#fff;}

.tit3{ font-size:26px; line-height:1; margin-bottom:35px; color:#697c87; font-weight:bold;}

.zproCon{ padding:60px 0;}
.textBox{  line-height:2; color:#333;}
.textBox table{ width:100%; border-collapse:collapse; border:1px solid #eeeeee; line-height:20px;}
.textBox td{ border:1px solid #eeeeee; width:auto; padding:10px 35px; }
.textBox tr td[rowspan]{}
.textBox tr:first-child td:first-child{ }
.textBox img{ display:inline-block; vertical-align:bottom; max-width:100%; height:auto !important;}


.zproCon1{ background:#0267B5;}
.zproCon1 .img{ position:relative;}
.zproCon1 .img video{ position:absolute; left:0px; top:0px; right:0px; width:100%; height:auto; display:block;}
.zproCon1 .text{ position:absolute; right:50%; padding-right:80px; top:0px; bottom:0px;}
.zproCon1 .text .tit3{ color:#fff;}
.zproCon1 .text .textBox{ color:#fff;}

.zproCon3{ padding-bottom:0px !important;}
.zproCon4{ background:#fff !important ;}
.zproCon5{ background:#eee; }

.proTJ2{ box-sizing:border-box; position:fixed; left:0px; top:0px; width:120px; top:140px; left:40px; border:1px solid #ccc; box-shadow:0 0 3px rgba(0,0,0,0.1); background:#fff; padding:10px; border-radius:5px; z-index:2;}
.proTJ2_tit{ font-size:18px; color:#0267B5; text-align:center;}
.proTJ2_list{}
.proTJ2_list li{ margin-bottom:10px;}
.proTJ2_list .img{}
.proTJ2_list .text{}
.proTJ2_list .h3{ font-size:14px; height:1.5em; color:#000; line-height:1.5; overflow:hidden;}
.proTJ2_list .p{ font-size:12px; height:1.5em; color:#666; line-height:1.5; overflow:hidden; white-space:nowrap;}
.proTJ2_list li:nth-child(4),
.proTJ2_list li:nth-child(5),
.proTJ2_list li:nth-child(6),
.proTJ2_list li:nth-child(7),
.proTJ2_list li:nth-child(8){ display:none;}


.proAdvantage{}
.proAdvantage ul{ margin-right:-30px;}
.proAdvantage li{ width:50%; float:left; margin-bottom:20px;}
.proAdvantage .pd{ margin-right:30px;}
.proAdvantage .img{ width:60px; float:left;}
.proAdvantage .text{ margin-left:60px; padding-left:20px;}
.proAdvantage .h3{ font-size:18px; color:#0267B5;}
.proAdvantage .p{ font-size:14px; line-height:24px; height:48px; overflow:hidden; color:#333;}

.tit4{ font-size:36px; color:#697c87; line-height:1; margin-bottom:1.3em; font-weight:bold; text-align:center;}
.tit4 .em{ font-size:18px; padding-top:15px; font-weight:normal;}

.zproCon .tit4{ text-align:center;}
.proTJ{ text-align:center;}
.proTJ .wpd{ margin:0 -8px;}
.proTJ ul{ display:inline-block; vertical-align:bottom;}
.proTJ li{ float:left; margin-bottom:15px;}
.proTJ .pd{ display:block; position:relative; margin:0 7px; background:#fff; padding:30px; border-radius:0 30px 0 30px; width:340px; box-sizing:border-box;}
.proTJ .img{ margin:0 auto 70px auto; width:280px; max-width:100%;}
.proTJ .text{ text-align:center; position:absolute; left:0px; right:0px; bottom:0px; padding-bottom:10px; color:#000;}
.proTJ .h3{ font-size:18px; height:30px; line-height:30px; overflow:hidden;}
.proTJ .p{ font-size:14px; height:40px; line-height:20px;}
.proTJ .m{ display:none;}

.proTJ .pd:hover .text{ top:0px; background:rgba(237,109,0,0.9); color:#fff; border-radius:0 30px 0 30px;}
.proTJ .pd:hover .m{ display:block;}

.wp .proTJ_2 .pd{ width:456px;}
.wp .proTJ_3 .pd{ width:456px;}
.wp .proTJ_1{}
.wp .proTJ_1 ul{ display:block;}
.wp .proTJ_1 li{ float:none;}
.wp .proTJ_1 .pd{ width:auto; overflow:hidden; padding:0 0 0 120px;}
.wp .proTJ_1 .img{ float:right; width:54%; margin-bottom:0px;}
.wp .proTJ_1 .text{ left:120px; top:0px; right:54%; text-align:left; padding-bottom:0px;}
.wp .proTJ_1 .h3{ font-size:40px; height:50px; line-height:50px; margin-bottom:10px;}
.wp .proTJ_1 .p{ font-size:20px; height:90px; line-height:30px; margin-bottom:30px;}
.wp .proTJ_1 .m{ display:block;}
.wp .proTJ_1 .more3{ background:#697c87; color:#fff;}

.wp .proTJ_1 .pd:hover .text{ background:#fff; color:#000;}
.wp .proTJ_1 .pd:hover .more3{ background:#0267B5;}


.more3{ display:inline-block; padding:0 20px; height:40px; line-height:40px; text-align:center; background:#fff; color:#697c87; border-radius:3px;}
.more3 span{ float:left; margin-right:10px; font-size:14px;}
.more3 i{ width:40px; height:40px; position:relative; float:left;}
.more3 i:before{ position:absolute; width:44px; height:44px; font-size:44px; left:50%; top:50%; margin:-22px 0 0 -22px; line-height:44px; text-align:center;}


.banner_proinfo{ position:relative;}
.banner_proinfo  img{ width:100%; height:auto; display:block;}
.banner_proinfo .text{ position:absolute; top:0px; bottom:40%; right:50%; margin-right:-700px; text-align:right; color:#fff; width:50%; text-shadow:0 0 3px rgba(0,0,0,0.3);}
.banner_proinfo .text2{ left:50%; right:auto; margin:0 0 0 -700px; text-align:left; width:50%;}
.banner_proinfo .h3{ font-size:48px; line-height:1.2; margin-bottom:0.8em; font-weight:bold;}
.banner_proinfo .p{ font-size:28px; line-height:2;}
.pageNext{ position:absolute; width:46px; height:46px; background:url(../images/xia.png) no-repeat center center; left:50%; margin-left:-28px; bottom:55px;}


.xproCon{ padding:80px 0;}
.xproCon1{}
.xproCon1 .img{ width:50%; float:right;}
.xproCon1 .img video{ width:100%; height:auto; display:block;}
.xproCon1 .text{ position:absolute; right:50%; top:0px; bottom:0px; padding:0 100px 0 0;}
.xproCon2{ background:#697c87;}
.xproCon2 .wp{ background:#fff;}
.xproCon2 .img{ width:50%; float:left;}
.xproCon2 .img video{ width:100%; height:auto; display:block;}
.xproCon2 .text{ position:absolute; left:50%; top:0px; bottom:0px; padding:0 100px;}

.xproCon3{}
.xproCon3 .tit4{ text-align:center;}
.xproCon3 .textBox{ text-align:center; font-size:18px;}
.industry_list{ margin-bottom:30px; text-align:center;}
.industry_list .wpd{ margin:0 -8px;}
.industry_list ul{ display:inline-block; vertical-align:bottom;}
.industry_list li{ display:inline-block; margin-bottom:20px;}
.industry_list .pd{ display:block; border:1px solid #ddd; padding:25px; width:216px; box-sizing:border-box; margin:0 8px;}
.industry_list img{ width:52px; margin:0 auto 20px auto; display:block;}
.industry_list p{ text-align:center;}

.xproCon4{ background:#0267B5; background-size:100% 100%;}
.xproCon4 .tit4{ text-align:center; color:#fff;}
.advantage_list{ background:rgba(244,151,0,0.15);}
.advantage_list ul{}
.advantage_list li{ float:left; width:33.3333%;}
.advantage_list .pd{ padding:50px 40px; background:url(../images/advantage_listbg.png) no-repeat center center; background-size:100% 100%; overflow:hidden; position:relative;}
.advantage_list .img{ width:66px; float:left;}
.advantage_list .text{ color:#fff; position:absolute; left:136px; right:40px; top:0px; bottom:0px;}
.advantage_list .h3{ font-size:22px; font-weight:bold; line-height:1; margin-bottom:10px; width:110%;}
.advantage_list .p{ font-size:14px; line-height:20px;}


.xproCon5{ background:#eee;}
.xproCon5 .tit4{ text-align:center;}


.case{ padding:60px 0; background:#f6f6f6;}
.case .icaseTab{ overflow:hidden; margin-bottom:30px;}
.case .icaseTab .tit1{ float:left; line-height:36px; margin-bottom:0px;}
.case .icaseTab ul{ float:right;}
.case .icaseTab li{ margin:0 0 0 54px;}
.case .icaseCon ul{ margin-right:-20px;}
.case .icaseCon li{ float:left; width:33.3333%; margin-bottom:30px;}

.crumbs2{ background:#fff; color:#697c87; border-bottom:1px solid #ccc;}
.crumbs2 a{ color:#697c87;}

.caseInfo{ padding-top:60px;}
.caseInfo .tit4{ text-align:center;}
.caseInfoCon1{ padding:65px 0; background:#758791;}
.caseOverview{ background:#fff;}
.caseOverview .img{ float:left; width:50%;}
.caseOverview .text{ margin-left:50%; padding:40px 50px;}
.caseOverview .p{  line-height:2.8; overflow-y:auto;}

.caseInfoCon2{ padding:70px 0; padding-bottom:0px !important; }
.caseInfoCon2 .tit3{ text-align:center;}
.textInfo1{  line-height:2; padding-bottom:0px; width:892px; max-width:100%; margin:0 auto;}
.textInfo1 img{ display:inline-block; max-width:100%; height:auto !important; margin:20px 0;}
.textInfo2{ width:892px; position:absolute; left:50%; bottom:-145px; margin:0 0 0 -446px;}
.textInfo2 .pd{padding:65px 80px; border:5px solid #697c87; border-radius:60px; background:#fff;}
.textInfo2 .p{ text-align:center;  line-height:2.5;}
.textInfo2:before,
.textInfo2:after{ content:''; position:absolute; bottom:75px; top:75px; width:5px; background:#fff;}
.textInfo2:before{ left:0px;}
.textInfo2:after{ right:0px;}

.caseInfoCon3{ padding:200px 0 115px 0; background:#0267B5; color:#fff;}
.caseInfoCon3 .tit3{ color:#fff; text-align:center;}
.caseInfoCon3 .p{  line-height:2; margin-bottom:65px;}
.caseInfoCon3 .ul{}
.caseInfoCon3 .ul ul{ margin-right:-160px;}
.caseInfoCon3 .ul li{ width:33.3333%; float:left; padding-top:30px; position:relative;}
.caseInfoCon3 .ul li:before{ content:''; width:13px; height:13px; position:absolute; left:4px; top:4px; transform:rotate(45deg); background:#fff;}
.caseInfoCon3 .ul .pd{ margin-right:160px;  line-height:2; height:12em; border-bottom:1px solid #fff;}


.news_m{ padding:50px 0 100px 0;  color:#697c87;}
.news_m a{ color:#697c87;}
.news_m a:hover{ color:#0267B5;}
.news_m .wpd{ position:relative;}
.news_m .li{ width:39%;}
.news_m .pd{ border:1px solid #ddd; line-height:68px; padding:0 30px; background:#fff; overflow:hidden;}
.news_m strong{ font-weight:normal; float:left;}
.news_m span{}
.news_m i{ font-size:36px; display:inline-block; vertical-align:bottom; margin-right:10px;}
.news_m a{ display:block; height:70px; overflow:hidden; line-height:68px; display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;}
.news_m .li1{ float:left;}
.news_m .li2{ float:right;}
.news_m .li3{ position:absolute; width:20%; left:50%; margin-left:-10%; top:0px; text-align:center;}

.newsNav{ text-align:center; border-bottom:1px solid #ddd;}
.newsNav ul{ display:inline-block; vertical-align:bottom;}
.newsNav li{ float:left; margin:0 12px;}
.newsNav a{ padding:0 25px; height:56px; display:block; color:#404458;  line-height:56px;}
.newsNav li.curr a{ background:#0267B5; color:#fff;}

.news{ padding:70px 0 50px 0; background:#f6f6f6;}
.news_list{}
.news_list li{ margin-bottom:30px;}
.news_list .pd{ background:#fff; display:block; overflow:hidden;}
.news_list .img{ width:30%; border-right:1px solid #fff; float:left;}
.news_list .text{ margin-left:30%; padding:30px 175px 30px 40px; position:relative;}
.news_list .em{ display:block; width:72px; background:#697c87; position:absolute; right:40px; top:50px; line-height:1; text-align:center; color:#fff; line-height:26px; padding:10px 0;}
.news_list .em strong{ display:block; font-size:20px; font-weight:normal;}
.news_list .em span{ display:block; font-size:17px;}
.news_list .h3{ font-size:20px; height:30px; line-height:30px; overflow:hidden; color:#000; margin-bottom:1em; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp:1;}
.news_list .p{ font-size:14px; line-height:1.8571; height:3.7142em; overflow:hidden; margin-bottom:2em; color:#666; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2;}
.news_list .m{ height:12px; position:relative;}
.news_list .m em{ position:absolute; width:60px; height:60px; line-height:60px; text-align:center; font-size:60px; color:#ccc;}
/*.news_list li:first-child{}
.news_list li:first-child .img{ width:40%;}
.news_list li:first-child .text{ margin-left:40%; padding-right:40px;}
.news_list li:first-child .em{ position:static; margin-bottom:30px;}
.news_list li:first-child .h3{ height:60px; -webkit-line-clamp:2;}
.news_list li:first-child .p{ height:5.5713em; -webkit-line-clamp:3;}*/
.news_list .pd:hover{ background:#0267B5;}
.news_list .pd:hover .h3{ color:#fff;}
.news_list .pd:hover .em{ background:#fff; color:#0267B5;}
.news_list .pd:hover .p{ color:#fff;}
.news_list .pd:hover .m em{ color:#fff;}
/*.news_list li:first-child .pd:hover .img{ border-right-color:#0267B5;}*/

.newsMore{ text-align:center; padding:30px 0;}
.newsMore a{ display:inline-block; vertical-align:bottom; line-height:1; color:#697c87;}
.newsMore span{ display:block; font-size:18px; margin-bottom:10px;}
.newsMore i{ display:block; font-size:18px;}
.newsMore a:hover{ color:#0267B5;}

.news_info{ padding:40px 0;/* width:960px;*/ margin:0 auto;}
.news_tit{ text-align:center; margin-bottom:30px;}
.news_tit h1{ font-size:24px; font-weight:bold; color:#000;}
.news_tit p{ font-size:14px; color:#999;}
.news_con{  line-height:2; margin-bottom:30px; padding:50px; background:#fff;}
.news_con *{ line-height:2 !important;}
.news_con img,
.news_con video{max-width:100%; display:inline-block; vertical-align:bottom; height:auto !important; }


.qiehuan .prev,.qiehuan .next{ position:absolute; left:100px; top:50%;  width:58px; line-height:58px; height:58px; font-size:58px; margin-top:-29px; text-align:left; color:#fff;}
.qiehuan .next{ left:auto; right:100px;text-align:right;}

.cy_journal{ position:relative;}
.cy_journal .xtu{ height:123px; position:relative; border-radius:6px; overflow:hidden; width:85%; margin:0 auto;}
.cy_journal .xtu dl{ position:absolute; left:0px; top:0px; padding-top:47px;}
.cy_journal .xtu dd{ width:150px; float:left; position:relative; text-align:center; height:76px; line-height:1; }
.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:#fff; height:46px; line-height:46px; padding-top:30px; position:relative; background:url(../images/line2.png) no-repeat top center;}
.cy_journal .xtu dd a:after{content:'\20'; width:1px; position:absolute; top:9px; left:0; height:14px; background-color:#8cd8e9;}
.cy_journal .xtu dd a:before{ position:absolute; width:64px; height:64px; text-align:center; top:-40px; left:50%; margin-left:-32px; font-family:"iconfont" !important;font-size:64px;font-style:normal;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;
content: "\e6d7"; font-weight:normal !important; line-height:1; display:none;}

.cy_journal .xtu dd a:hover,.cy_journal .xtu dd.cur a{ color:#fff; font-size:30px; font-weight:bold;}
.cy_journal .xtu dd a:hover:before,.cy_journal .xtu dd.cur a:before{ display:block;}

.cy_journal .xtu dl dt{ position:absolute; left:0px; width:150px; height:34px;}
.cy_journal .datu { width:860px; overflow:hidden; position:relative;}
.cy_journal .datu .dul .dli{ float:left; width:860px;}

.eventslist{ padding:80px 0; min-height:80px;}
.eventslist dl{ width:700px; margin:0 auto; color:#fff; position:relative;}
.eventslist dt{ font-size:56px; position:absolute; top:50%; margin-top:-28px; line-height:1; margin-right:20px;}
.eventslist dd{ font-size:26px; line-height:40px; padding-left:100px;}

.xtu_bg{ background:url(../images/line.png) repeat-x left 62px;}

.aboutCon{ padding:70px 0;}
.aboutCon1{}
.aboutCon1_1{ }
.aboutCon1_1 .img{ width:50%; float:right;}
.aboutCon1_1 .text{ margin-right:50%; padding:76px 76px 0 0;}
.aboutCon1_1 .p{  line-height:2;}

.aboutCon2{ background:#f6f6f6;}
.aboutCon2 .tit4{ text-align:center;}
.aboutCon2_1{}
.aboutCon2_1 li{ width:33.3333%; float:left;}
.aboutCon2_1 .pd{ background:#6f818c; position:relative; overflow:hidden;}
.aboutCon2_1 .img{ margin:0 0 220px 0;}
.aboutCon2_1 .text{ padding:50px; color:#fff; position:absolute; left:0px; bottom:0px; right:0px;}
.aboutCon2_1 .text:before{ position:absolute; left:50%; top:-18px; margin-left:-10px; content:''; width:0; height:0; border-left:10px solid transparent; border-right:10px solid transparent; border-bottom:18px solid #6f818c;}
.aboutCon2_1 .h3{ font-size:26px; line-height:30px; height:30px; overflow:hidden; margin-bottom:30px;}
.aboutCon2_1 .p{ font-size:20px; line-height:30px; height:60px; overflow:hidden;}
.aboutCon2_1 li:nth-child(even) .text{ bottom:auto; top:0px;}
.aboutCon2_1 li:nth-child(even) .text:before{border-top:18px solid #6f818c; border-bottom:none; top:auto; bottom:-18px;}
.aboutCon2_1 li:nth-child(even) .img{ margin:220px 0 0 0;}
.aboutCon2_1 .pd:hover{ background:#0267B5;}
.aboutCon2_1 .pd:hover .text:before{ border-bottom-color:#0267B5;}
.aboutCon2_1 li:nth-child(even) .pd:hover .text:before{ border-top-color:#0267B5;}

.aboutCon3{ background:url(../images/aboutCon3.jpg) no-repeat center center #0267B5; color:#fff;}
.aboutCon3_1{ margin-bottom:35px;}
.aboutCon3_1 .tit4{ color:#fff; text-align:center;}
.aboutCon3_1 .p{  line-height:1.8; width:900px; margin:0 auto; text-align:center;}

.youshi{}
.youshi_tab{ text-align:center; margin-bottom:60px;}
.youshi_tab ul{ display:inline-block; vertical-align:bottom;}
.youshi_tab li{ float:left; margin:0 25px;}
.youshi_tab .pd{ display:block; width:170px;}
.youshi_tab i{ width:104px; height:104px; background:#ffffff; border-radius:50%; margin:0 auto 10px auto; display:block; line-height:104px; text-align:center; font-size:38px; color:#0267B5; position:relative;}
.youshi_tab i:after{ content:''; border:1px solid #fff; width:86%; height:86%; position:absolute; box-sizing:border-box; left:50%; top:50%; margin:-43% 0 0 -43%; border-radius:50%;}
.youshi_tab span{ display:block;  color:#fff; position:relative;}
.youshi_tab span:before,
.youshi_tab span:after{ content:''; width:2em; height:1px; position:absolute; top:50%;}
.youshi_tab span:before{ left:0px;}
.youshi_tab span:after{ right:0px;}
.youshi_tab li.curr i:after{ border-color:#0267B5;}
.youshi_tab li.curr span:before,
.youshi_tab li.curr span:after{ background:#fff;}
.youshi_con{}
.youshi_con ul{ display:none; min-height:180px;}
.youshi_con ul:first-child{ display:block;}
.youshi_con li{ float:left; width:33.3333%; font-size:20px; line-height:30px; position:relative; margin-bottom:30px; padding-left:26px; box-sizing:border-box;}
.youshi_con li{}
.youshi_con li:before{ content:''; width:10px; height:10px; position:absolute; left:0px; top:50%; margin-top:-5px; background:#fff;}

.aboutCon4{ background:url(../images/line.png) repeat-x bottom center #ffffff; border-bottom:2px solid #0267B5;}
.aboutCon4 .tit4{ text-align:center;}
.courseTab{ width:900px; margin:0 auto 40px auto;}
.courseTab .pd{ font-size:20px; height:40px; line-height:28px; color:#0267B5; text-align:center; display:inline-block; vertical-align:bottom; border-bottom:3px solid #fff; cursor:pointer;}
.courseTab .slick-current .pd{ font-size:30px; color:#0267B5; border-color:#0267B5;}
.courseTab .slick-slide{ text-align:center;}
.courseFor{}
.courseFor .slick-slide{ text-align:center;}
.courseFor .pd{ color:#666; line-height:3.375; display:inline-block; text-align:left;}
.courseFor .slick-arrow{ color:#000;}
.courseFor .slick-arrow:hover{ color:#0267B5;}
.aboutCon5{ background:#f6f6f6;}
.aboutCon5 .tit4{ text-align:center;}


/*基本样式*/
.poster-main{width: 1000px;height: 500px;position: relative;margin: 30px auto;}
.poster-main a,.poster-main img{display:block; width:100%; height:auto;}
.poster-main .poster-list{width: 1000px;height: 500px;}
.poster-main .poster-list .poster-item{ width: 200px;height: 500px;position:absolute;left:0;top:0;padding: 0; background: #fff;}
.poster-main .poster-list .poster-item::after{ content: ''; left: 0; top: 0; bottom: 0; position: absolute; width: 100%; height: 100%; border: #fff solid 5px; box-sizing:border-box;}
.poster-main .poster-btn{ position:absolute;top:0;z-index:10; cursor:pointer;  }
.poster-main .poster-prev-btn{left:0; background: url(../images/left.png) no-repeat center center;}
.poster-main .poster-next-btn{right:0; background: url(../images/right.png) no-repeat center center;}


.joinCon{ padding:80px 0;}
.joinCon1{}
.joinCon1_1{ }
.joinCon1_1 .img{ width:50%; float:left;}
.joinCon1_1 .text{ margin-left:50%; padding:76px 0 0 76px; position:relative;}
.joinCon1_1 .text:before{ content:''; width:25px; height:25px; position:absolute; right:0px; top:0px; background:#697c87;}
.joinCon1_1 .p{ color:#404458; line-height:2;}

.joinCon2{ background:#f6f6f6;}

.chancecontain{ position:relative;}
.chancecontain li{ margin-bottom:5px;}

.joinTit{ background:#fff; height:60px; line-height:60px;  cursor:pointer;}
.joinTit .li{ color:#333; float:left; text-align:center;}
.joinTit .li1{ width:30%; text-align:left; padding-left:20px; overflow:hidden; text-overflow:ellipsis;white-space: nowrap; box-sizing:border-box;}
.joinTit .li2{ width:10%;}
.joinTit .li3{ width:10%;}
.joinTit .li4{ width:26%; overflow:hidden; text-overflow:ellipsis;white-space: nowrap;}
.joinTit .li5{ width:16%;}
.joinTit .lermore_box{ width:60px; float:right; border-left:solid 1px #f6f6f6;}
.joinTit .lermore{ float:right; width:100%; height:60px; cursor:pointer; background:url(../images/btn_06.png) no-repeat center; background-size:contain !important; transition: all 0.1s ease-out 0s;}

.joinTit.curr .lermore{ background:url(../images/btn_06_h.png) no-repeat center;}
.joinTit.curr .li{ color:#0267B5;}

.joinFirst{ margin-top:0;}
.joinFirst .joinTit{ background:#697c87;height:60px;}
.joinFirst .joinTit .pd{ color:#fff; line-height:60px;  font-weight:bold;}
.joinFirst .joinTit .li{ color:#fff;}
.joinFirst .joinTit.curr .li{ color:#fff;}

.joinDeta{ display:none; overflow:hidden; background:#fff; padding:30px 0 60px 0; line-height:2; font-size:14px; color:#697c87; position:relative; border-top:1px solid #ccc;}
.joinDeta:before{ content:''; position:absolute; background:#ccc; left:50%; width:1px; top:30px; bottom:60px;}
.joinDeta span{ color:#0267B5;}
.joinDeta strong{ color:#000000; font-weight:normal;}
.joinDeta strong a{ font-weight:bold;}
.joinFl{ width:50%; padding:0 50px; float:left; box-sizing:border-box;}
.joinFr{ width:50%; padding:0 50px; float:right; box-sizing:border-box;}
.joinFr span{ display:block;}

.contactCon{ padding:60px 0; }
.contactCon1{}
.contactCon1 .tit4{ text-align:center;}
.contactCon1_1{ position:relative;}
.contactCon1_1 img{ width:100%; height:auto; display:block;}
.contactCon1_1 li{ position:absolute; cursor:pointer;}
.contactCon1_1 li:after{ content:''; width:30px; height:30px; position:absolute; left:50%; top:50%; margin:-15px 0 0 -15px;}
.contactCon1_1 .i{ position:absolute; width:14px; height:14px; border-radius:50%; background:#ff7500; left:50%; top:50%; margin:-7px 0 0 -7px; box-shadow:0 0 0 8px rgba(255,117,0,0.25);}
.contactCon1_1 .h3{ display:none; width:8em; color:#fff;text-align:center; box-sizing:border-box; bottom:25px; padding-bottom:18px; position:absolute; left:50%; margin-left:-4em; background:rgba(237,109,0,0.8);border-radius:10px; padding:10px 0;}
.contactCon1_1 .h3:before{ position:absolute; left:50%; bottom:-10px; margin-left:-6px; content:''; width:0; height:0; border-left:6px solid transparent; border-right:6px solid transparent; border-top:10px solid rgba(237,109,0,0.8);}
.contactCon1_1 .li1{ left:20.3%; top:30.1%;}
.contactCon1_1 .li2{ left:21.6%; top:40.9%;}
.contactCon1_1 .li3{ left:46.7%; top:29.5%;}
.contactCon1_1 .li4{ left:48.4%; top:32.4%;}
.contactCon1_1 .li5{ left:50.1%; top:34.4%;}
.contactCon1_1 .li6{ left:51.8%; top:34.7%;}
.contactCon1_1 .li7{ left:62%; top:51.5%;}
.contactCon1_1 .li8{ left:77.1%; top:40.6%;}
.contactCon1_1 .li9{ left:80.5%; top:43%;}
.contactCon1_1 .li10{ left:73.7%; top:61.7%;}
.contactCon1_1 .li11{ left:82.9%; top:79.3%;}
.contactCon1_1 .li12{ left:83.6%; top:42.2%;}
.contactCon1_1 li:hover .h3{ display:block;}

.contactCon2{ background:#ff7500; position:relative; color:#fff;}
.contactCon2:before{ position:absolute; content:''; right:0px; top:0px; bottom:0px; background:#697c87; width:50%;}
.contactCon2 a{ color:#fff;}
.contactCon2 .tit4{ color:#fff;}
.contactFl{ float:left; width:50%; padding-right:50px; box-sizing:border-box;}
.contactFl dl{ margin-bottom:40px; line-height:1;}
.contactFl dl:last-child{ margin-bottom:0px;}
.contactFl dt{ float:left; width:122px; text-align:center; padding:10px 0; border-right:1px solid #fff;}
.contactFl dt i{ display:block; font-size:32px; margin-bottom:6px;}
.contactFl dt span{ display:block; font-weight:bold;}
.contactFl dd{ margin-left:122px; padding:10px 0 15px 35px;}
.contactFl .h3{ font-size:26px; font-weight:bold; margin-bottom:10px;}
.contactFl .p{ line-height:1.3;}
.contactFr{ float:right; width:50%; padding-left:50px; box-sizing:border-box;}
.contactFr dl{ margin-bottom:25px;}
.contactFr dl:last-child{ margin-bottom:0px;}
.contactFr dt{ line-height:1; margin-bottom:10px;}
.contactFr dd{}

.ipt_t2{ width:100%; height:42px; background:#fff; box-sizing:border-box; border:none; padding:0 20px; font-size:14px; }
.ipt_t2_2{ width:130px;}
.ipt_yzm{ margin-left:10px; height:42px; width:auto;}
.ipt_text2{ width:100%; height:120px; background:#fff; box-sizing:border-box; border:none; padding:10px 20px; font-size:14px; resize:none; overflow:hidden;}
.ipt_b2{ width:260px; height:58px; text-align:center; display:block; border:none; cursor:pointer; font-size:16px; background:#2d414d; color:#fff;}

@media screen and (max-width:1600px){
body{ font-size:14px;}
.wp{ width:1150px;}
.iBanner .text{ width:1200px; margin-left:-600px;}
.iBanner .h3{ font-size:46px;}
.iBanner .p{ font-size:24px;}
.iBanner .i{ width:54px; height:54px; font-size:32px; line-height:54px;}
.more1{ padding:0 40px; height:40px; line-height:40px; font-size:14px;}

.iabout .img{}
.iabout .text{ padding:0 40px 0 0;}
.iabout .h3{ font-size:24px;}
.iabout .h3:before{ height:8px; width:9px;}
.iabout .p{ line-height:2; margin-bottom:50px;}
.iabout .m .pd{ margin-right:60px;}

.icaseTab{ margin-bottom:30px;}
.icaseCon .text{ padding:45px 0 25px 0;}
.icaseCon .i{ width:90px; margin:-60px 0 0 -45px;}
.icaseCon .h3{ font-size:16px; height:30px; line-height:30px;}

.tit2 strong{ font-size:28px;}
.tit2 em{ font-size:16px;}

.inewsList .pd{ padding:30px;}
.inewsList .em{ margin-bottom:20px;}
.inewsList .h3{ font-size:16px; line-height:26px; height:52px; margin-bottom:40px;}

.footerContact li{ font-size:14px; margin-bottom:10px;}
.footerFl{ padding-right:0px;}
.footerFl .dl{ margin-right:34px;}
.footerFr .text{ padding-left:50px;}

.iabout2 .text{ padding:30px 20px 0 30px;}
.iabout2 .h3{ margin-bottom:20px;}
.iabout_tab{ margin-bottom:20px;}
.iabout_con li{ margin-bottom:15px;}

.banner_pro .text{ top:80px;}
.banner_pro .h3{ font-size:36px;}
.banner_pro .p{ font-size:20px;}

.productList .pd{ padding:40px;}
.productList .img{ width:360px;}
.productList .m{ padding-bottom:110px;}
.productList .h3{ font-size:20px;}
.productList .p{ font-size:14px; line-height:24px; height:72px; margin-right:180px;}

.proKv .h3{ font-size:40px;}
.proKv .p{ font-size:18px;}

.zproTop .img{ width:520px;}
.zproTop .text{ margin-left:520px; padding-left:80px;}
.zproTop .h3{ font-size:24px;}
.zproTop .em em{ font-size:22px;}
.zproTop .p{ line-height:1.8; width:90%;}
.zproTop .p h3{ font-size:18px;}

.zproTab{ height:44px;}
.zproTab a{ height:40px; font-size:18px;}
.zproTab a:before{ height:3px;}
.zproTab_fixed a{  font-size:14px;}

.textBox{ font-size:14px; line-height:1.8;}
.xproCon3 .textBox{ font-size:16px;}

.zproCon1 .text{ padding-right:60px;}

.tit3{ font-size:24px; margin-bottom:30px;}
.tit4{ font-size:28px; margin-bottom:1em;}

.proTJ .wpd{ margin:0 -5px;}
.proTJ .pd{ width:280px; margin:0 5px;}
.proTJ .h3{ font-size:16px;}

.wp .proTJ_3 .pd{ width:376px;}

.banner_proinfo .text{ margin-right:-575px;}
.banner_proinfo .h3{ font-size:36px;}
.banner_proinfo .p{ font-size:24px; line-height:1.7;}
.banner_proinfo .text2{ margin-left:-575px; margin-right:0px;}

.industry_list .wpd{ margin:0 -3px;}
.industry_list .pd{ margin:0 3px; width:182px; padding:20px 10px;}
.industry_list img{ width:40px;}

.advantage_list .h3{ font-size:18px;}
.advantage_list .img{ width:50px;}
.advantage_list ul{}
.advantage_list .pd{ padding:50px 30px;}
.advantage_list .text{ left:110px; right:30px;}

.xproCon1 .text{ padding:0 80px 0 0;}
.xproCon2 .text{ padding:0 80px;}

.caseOverview .p{ line-height:2.2;}



.aboutCon1_1 .text{ padding:50px 50px 0 0;}

.aboutCon2_1 .img{ margin:0 0 188px 0;}
.aboutCon2_1 .text{ padding:40px;}
.aboutCon2_1 .h3{ font-size:18px; height:24px; line-height:24px; margin-bottom:24px;}
.aboutCon2_1 .p{ font-size:14px;}
.aboutCon2_1 li:nth-child(even) .img{ margin:188px 0 0 0;}

.aboutCon3_1 .p{ width:640px;}

.youshi_con li{ font-size:16px;}
.youshi_con li:before{ width:8px; height:8px; margin-top:-4px;}

.courseFor .pd{ line-height:3;}

.caseInfoCon3 .ul ul{ margin-right:-100px;}
.caseInfoCon3 .ul .pd{ margin-right:100px;}

.news_list .h3{ font-size:18px;}

.contactFl .h3{ font-size:20px;}

.news_list .p{ margin-bottom:10px;}
}
@media screen and (max-width:1366px){
body{ padding-top:60px;}
.wp{ width:1000px;}

.iBanner .text{ width:1000px; margin-left:-500px;}


.menu li{ margin:0 15px;}
.menu .h3 a{ font-size:14px; height:60px; line-height:60px;}
.menu .h3 i{ line-height:60px;}
.topLanguage .p{ line-height:60px;}

.iabout .text{ padding:0 30px 0 0;}
.iabout .h3{ font-size:20px;}
.iabout .p{ line-height:1.8; margin-bottom:20px;}
.iabout .m li{}
.iabout .m .pd{ padding-right:15px;}
.iabout .m i{ font-size:34px; margin-bottom:10px;}
.iabout .m span{ font-size:16px;}


.inewsList ul{ margin-right:-20px;}
.inewsList .pd{ margin-right:20px;}
.footerFl .dl{ margin-right:22px;}
.footerFr{ width:410px;}
.footerContact li strong{ font-size:22px;}

.subNav{ width:68px; margin-top:-155px;}
.subNav .h3 i{ padding-bottom:5px;}

.iabout_tab .pd{ padding:10px 0;}
.iabout_tab .pd i{ height:40px; line-height:40px; font-size:34px;}
.iabout2 .h3{ font-size:24px;}
.more2{ width:48px; height:48px; line-height:48px;}

.banner_pro .text{ top:60px;}
.banner_pro .h3{ font-size:32px;}
.banner_pro .p{ font-size:18px;}
.banner_pro .img .t{ font-size:18px;}
.banner_pro .img .c{ font-size:14px;}

.productList .img{ width:300px;}
.productList .h3{ font-size:18px; height:26px; line-height:26px;}
.productList .m{ padding-bottom:100px;}
.productList .p{ margin-right:100px;}

.proTJ .img{ width:auto;}
.proTJ .pd{ width:242px;}
.proTJ .h3{ font-size:14px;}
.proTJ .p{ font-size:12px;}

.wp .proTJ_3 .pd{ width:326px;}

.tit4{ font-size:28px;}
.zproTab_fixed .pd{ top:60px;}

.banner_proinfo .text{ margin-right:-500px;}
.banner_proinfo .h3{ font-size:32px;}
.banner_proinfo .p{ font-size:20px;}
.banner_proinfo .text2{ margin-left:-500px; margin-right:0px;}

.xproCon1 .text{ padding:0 75px 0 0;}
.xproCon2 .text{ padding:0 75px;}

.industry_list .pd{ margin:0 1px; width:162px;}

.advantage_list .text{ right:20px; left:100px;}
.advantage_list .h3{ font-size:14px;}
.advantage_list .p{ font-size:12px; line-height:18px;}

.news_list .text{ padding:30px 132px 30px 30px;}
.news_list .h3{ height:24px; line-height:24px; margin-bottom:0.5em;}
.news_list .em{ right:30px; top:30px;}
/*.news_list li:first-child .text{}
.news_list li:first-child .h3{ height:24px;}
.news_list li:first-child .p{ margin-bottom:1.5em;}
.news_list li:first-child .em{ margin-bottom:20px;}*/

.aboutCon1_1 .text{ padding:0 40px 0 0;}
.aboutCon2_1 .h3{ margin-bottom:16px;}
.aboutCon2_1 .img{ margin:0 0 180px 0;}
.aboutCon2_1 li:nth-child(even) .img{ margin:180px 0 0 0;}

.youshi_tab li{ margin:0 10px;}
.youshi_tab li{ width:140px;}

.joinCon1_1 .text{ padding:50px 0 0 50px;}

.contactFl dt{ width:100px;}
.contactFl dd{ margin-left:100px; padding-left:25px;}

.caseInfoCon3 .ul .pd{}
.caseInfoCon3 .ul ul{ margin-right:-50px;}
.caseInfoCon3 .ul .pd{ margin-right:50px;}

.youshi_con ul{ min-height:120px;}
.youshi_con li{ font-size:14px; margin-bottom:10px;}
.youshi_tab .pd{ width:140px;}
}
@media screen and (max-width:1024px){
body{ padding:60px 0 44px 0;}

.slick-dots li.slick-active button{ width:8px;}

.menu .h3 em{ display:none; position:absolute; color:#fff; right:22px; margin-right:-10px; top:0px; width:40px; height:40px; text-align:center; line-height:40px; cursor:pointer;}
.menu .h3 em:before { content: "\e7f9"; }
.menu .h3 i{ display:none; position:absolute; color:#fff; right:22px; margin-right:-10px; top:0px; width:40px; height:40px; text-align:center; line-height:40px; cursor:pointer;}
.menu .h3 i:before { content: "\e604"; }
.menu .h3 i.active:before { content: "\e606"; }


.menu{ display:none; position:fixed; top:60px; left:0px; right:0px; background:#424960; width:220px; right:0px; left:auto; text-align:left;}
.menu ul{ display:block;}
.menu li{ display:block; float:none; margin:0px; border-bottom:1px solid rgba(255,255,255,0.3);}
.menu li.curr .h3 a{ color:#fff; font-weight:normal;}
.menu li.curr .h3 a:before{ display:none;}
.menu .h3 a{ height:40px; line-height:40px; font-size:14px; color:#fff; padding:0 30px; float:none;}
.menu .h3 i{ display:block; float:none;}
.menu .h3 em{ display:block;}
.menu .box{ position:static; width:auto; margin:0px; text-align:center; border-radius:0px;}
.menu li:hover .box{ display:none;}

.menu-link{ display:block;}

.topLanguage{ right:44px;}

.subNav{ bottom:0px; left:0px; right:0px; top:auto; width:auto;}
.subNav .h3{ padding:5px 0;}
.subNav .h3 i{ padding-bottom:2px;}
.subNav li{ width:20%; float:left; margin-bottom:0px; box-sizing:border-box; position:relative; border-right:1px solid #81abd4;}
.subNav li:before{ content:''; width:1px; background:rgba(255,255,255,0.5); position:absolute; right:0px; top:0px; bottom:0px; display:none;}
.subNav li:last-child:before{ border-right:none;}
.subNav li:last-child{ border-right:none;}
.subNav .li1{ position:static;}
.subNav .li1 .box{ width:100%; height:0px; right:auto; bottom:100%; left:0px; margin-left:0px; background:#041536;}
.subNav .li1:hover .box{ height:64px; width:100%;}
.subNav .h3 i{ font-size:20px;}

.subNav .li3 .box{ width:135px; height:0px; right:auto; bottom:100%; left:50%; margin-left:-67px;}
.subNav .li3 .box img{ width:135px; height:135px;}
.subNav .li3:hover .box{ height:135px; width:135px;}

.iBanner .img img{ height:auto !important;}
.iBanner .text{ width:auto; margin:0; left:30px; right:30px; text-align:center;}
.iBanner .h3{ font-size:32px;}
.iBanner .p{ font-size:18px; margin-bottom:30px; line-height:1.4;}
.iBanner .i{ display:none;}
.iBanner video,
.banner_proinfo video{ display:none;}

.iCon{ padding:50px 0;}

.more1{ height:38px; line-height:38px; font-size:14px; padding:0 30px;}

.footerBottom{ padding:20px 0;}

.iabout_tab .pd i{ font-size:28px; height:36px; line-height:36px;}
.iabout_con li{ margin-bottom:10px;}

.banner_pro .img_cut{ height:auto !important; }

.zproTop .img{ width:440px;}
.zproTop .text{ margin-left:440px; padding-left:60px;}

.proTJ .wpd{ margin:0 -10px 0 0;}
.proTJ li{ width:25%;}
.proTJ .pd,
.wp .proTJ_1 .pd,
.wp .proTJ_2 .pd,
.wp .proTJ_3 .pd{ width:auto; margin:0 10px 0 0; padding:20px; border-radius:0 14px 0 14px;}
.proTJ .img,
.wp .proTJ_1 .img,
.wp .proTJ_2 .img,
.wp .proTJ_3 .img{ margin-bottom:0px;}
.proTJ .text,
.wp .proTJ_1 .text,
.wp .proTJ_2 .text,
.wp .proTJ_3 .text{ position:static;}
.proTJ .p,
.wp .proTJ_1 .p,
.wp .proTJ_2 .p,
.wp .proTJ_3 .p{ margin-bottom:10px;}
.proTJ .m,
.wp .proTJ_1 .m,
.wp .proTJ_2 .m,
.wp .proTJ_3 .m{ display:block;}
.more3{ background:#697c87; color:#fff;}
.more3 span{ margin-right:0px; float:none;}
.more3 i{ display:none;}

.proTJ .pd:hover .text{ background:none; color:#000;}


.wp .proTJ_1 .img{ width:auto; float:none;}
.wp .proTJ_1 .text{ text-align:center;}
.wp .proTJ_1 .h3{ height: 30px; line-height: 30px; font-size:14px; margin-bottom:0px;}
.wp .proTJ_1 .p{ height:40px; line-height:20px; font-size:12px;}

.banner_proinfo .text{ width:auto; text-align:center; margin:0px; right:0px; left:0px; bottom:15%;}
.banner_proinfo .h3{ font-size:24px;}
.banner_proinfo .p{ font-size:16px;}
.pageNext{ width:32px; height:32px; background-position:center bottom; bottom:30px; margin-left:-16px;}


.xproCon{ padding:60px 0;}
.xproCon1 .text{ padding:0 40px 0 0;}
.xproCon2 .text{ padding:0 40px;}
.industry_list li{ margin-bottom:5px;}

.xproCon3 .textBox{ font-size:14px;}

.caseInfoCon3 .ul ul{ margin:0px; border-top:1px solid rgba(255,255,255,0.5);}
.caseInfoCon3 .ul li{ width:auto; float:none; padding:0 0 0 30px; border-bottom:1px solid rgba(255,255,255,0.5);}
.caseInfoCon3 .ul .pd{ height:auto; margin:0px; border-bottom:none; padding:15px 0;}
.caseInfoCon3 .ul li:before{ top:20px; width:10px; top:24px; height:10px;}

.textInfo1{ width:auto; padding-bottom:0px;}
.textInfo2{ width:auto; position:relative; left:auto; bottom:auto; margin:0px;}

.caseInfoCon3{ padding:50px 0;}
.news_m{ padding:40px 0;}
.news_m .pd{ padding:0 12px; line-height:40px;}
.news_m a{ height:40px; line-height:40px;}

.caseOverview .text{ padding:35px 40px;}

.textInfo2 .pd{ border-width:4px; padding:50px 60px;}
.textInfo2:before, .textInfo2:after{ width:4px;}
.caseInfoCon3 .p{ margin-bottom:40px;}

.news_list .img,
.news_list li:first-child .pd:hover .img{ border:none;}
.news_list .pd:hover{ background:none;}
.news_list .pd:hover .em{ background:#697c87; color:#fff;}
.news_list .pd:hover .h3{ color:#000;}
.news_list .pd:hover .p{ color:#666;}

.courseTab{ width:80%;}

.joinCon{ padding:40px 0;}

.joinCon1_1 .text{ padding:40px 0 0 40px;}
.joinCon1_1 .text:before{ display:none;}
.joinTit .li2,
.joinTit .li3,
.joinTit .li4{ display:none;}
.joinTit .li1{ width:60%;}
.joinTit .li5{ width:26%;}

.proTJ2{ display:none;}
}
@media screen and (max-width:960px){
.footerFl{ display:none;}
.footerFr{ float:none; margin:0 auto; padding:30px 0;}
.footerBottom{ text-align:center;}
.footerLinks{ float:none;}
.footerCon{ float:none;}
.footerShare{ display:none;}
.footerContact{ margin-bottom:0px;}

.iabout2 .img{ width:auto; float:none;}
.iabout2 .text{ width:auto; float:none; padding:30px;}

.banner_pro .text{ top:40px;}
.banner_pro .h3{ font-size:24px;}
.banner_pro .p{ font-size:16px;}

.productList .pd{ padding:10px 30px 30px 30px;}
.productList .img{ position:static; width:auto; overflow:hidden;}
.productList .img img{ transform:translate(-3%,-5%)}
.productList .h3{ text-align:center; margin-bottom:10px;}
.productList .p{ margin-right:0px; line-height:20px; height:60px; margin-bottom:10px;}
.productList .m{ text-align:center; padding-bottom:0px;}

.proKv .text{ bottom:0px; right:40px;}
.proKv .h3{ font-size:24px;}
.proKv .p{ font-size:14px; margin-bottom:20px;}

.zproTop .img{ float:none; margin:0 auto;}
.zproTop .text{ margin-left:0px; padding:30px 0 0 0;}
.proFor{ border:1px solid #ddd;}

.proTJ .wpd{}
.proTJ ul{ display:block;}
.proTJ li{ width:50%; float:left;}
.proTJ .pd,
.wp .proTJ_1 .pd,
.wp .proTJ_2 .pd,
.wp .proTJ_3 .pd{ width:auto; border-radius:0 20px 0 20px;}

.zproCon1 .text{ position:static; margin-right:50%; padding-right:40px;}

.joinFl{ width:auto; float:none; padding:0 0 30px 0;}
.joinFr{ width:auto; float:none; border-left:none; border-top:solid 1px #e7e7e7; padding:30px 0 0 0;}

.news{ padding:40px 0;}
.news_list li{ margin-bottom:20px;}
.news_list .img,
.news_list li:first-child .img{ width:260px;}
.news_list .text,
.news_list li:first-child .text{ margin-left:260px; padding:25px 20px;}
.news_list .em{ position:static; width:auto; background:none; color:#697c87; padding:0px; text-align:left; line-height:18px; margin-bottom:5px !important;}
.news_list .em strong,
.news_list .em span{ display:inline; font-size:14px;}
.news_list .em strong:after{ content:'-';}
.news_list .h3,
.news_list li:first-child .h3{ height:20px; line-height:20px; font-size:16px;}
.news_list .p,
.news_list li:first-child .p{ line-height:18px; height:54px; margin-bottom:0px; -webkit-line-clamp:3;}
.news_list .m{ display:none;}

.news_list .pd:hover .em{ background:none; color:#697c87;}

.tit4{ text-align:center;}
.aboutCon{ padding:40px 0;}
.aboutCon1_1 .img{ width:auto; float:none;}
.aboutCon1_1 .text{ margin:0px; padding:30px 0 0 0;}

.aboutCon2_1 li{ width:auto; float:none; margin-bottom:20px;}
.aboutCon2_1 li:last-child{ margin-bottom:0px;}
.aboutCon2_1 .img,
.aboutCon2_1 li:nth-child(even) .img{ margin:0px;}
.aboutCon2_1 .text{ position:static; padding:30px;}
.aboutCon2_1 .p{ height:auto;}

.youshi_tab{ margin-bottom:30px;}
.youshi_tab i{ width:80px; height:80px; line-height:80px; font-size:30px;}
.youshi_tab span:before, .youshi_tab span:after{ width:1em;}
.youshi_tab li{ width:100px;}
.youshi_tab .pd{ width:100px;}
.youshi_con li{ font-size:14px; margin-bottom:10px; width:50%;}

.tit4{ font-size:24px; margin-bottom:0.8em;}

.joinCon1_1 .img{ width:auto; float:none;}
.joinCon1_1 .text{ margin:0px; padding:30px 0 0 0; text-align:center;}

.contactCon2{ padding:0px;}
.contactCon2:before{ display:none;}
.contactCon2 .wp{ margin:0px;}
.contactFl{ width:auto; float:none; padding:40px 30px;}
.contactFr{ width:auto; float:none; padding:40px 30px; background:#697c87;}
}
@media screen and (max-width:800px){
.iCon{ padding:40px 0;}

.iabout .img{ float:none; width:auto;}
.iabout .text{ margin-right:0px; padding:30px 0 0 0;}
.iabout .h3{ text-align:center; padding-bottom:0px;}
.iabout .h3:before{ display:none;}
.iabout .m ul{ margin-right:-60px;}
.iabout .m li{ width:33.3333%; margin-right:0px; padding-right:0px; text-align:center;}
.iabout .m .pd,
.iabout .m li:last-child .pd{ margin-right:60px; padding-right:0px;}

.tit1 strong{ font-size:28px;}

.icaseTab{ margin-bottom:20px;}
.icaseTab li{ margin:0 15px;}
.icaseCon .single-item{ margin-right:-10px;}
.icaseCon .pd{ margin-bottom:30px; margin-right:10px;}
.icaseCon .slick-dots{ bottom:0px; transform:translateX(-10px);}
.case .icaseCon ul{ margin-right:-10px;}

.inewsList .pd{ margin-bottom:30px; margin-right:0px;}
.inewsList .single-item{ margin-right:0px;}
.inewsList .slick-dots{ bottom:0px;}

.advantage_list li{ width:50%;}

.xproCon{ padding:40px 0;}
.xproCon1 .text{ position:static; margin-right:50%; padding:0 30px 0 0 ;}

.xproCon2 .text{ position:static; margin-left:50%; padding:30px;}

.joinTit{ font-size:14px; line-height:50px; height:50px;}
.joinFirst .joinTit{ height:50px;}
.joinFirst .joinTit .pd{ line-height:50px; font-size:14px;}
.joinTit .li1{ width:60%; padding-left:10px;}
.joinTit .li2{ display:none;}
.joinTit .li3{ display:none;}
.joinTit .li4{ display:none;}
.joinTit .li5{ width:26%;}
.joinTit .lermore_box{ width:50px;}
.joinTit .lermore{ height:50px;}
.joinFl{ padding:0 0 30px 0;}
.joinFr{ padding:30px 0 0 0;}
.joinDeta{ padding:30px;}
.joinDeta:before{ display:none;}

.case .icaseCon li{ width:50%;}

.caseOverview .img{ width:auto; float:none;}
.caseOverview .text{ margin:0px;}

.caseInfoCon1{ padding:40px 0;}
.textInfo2 .p{ line-height:2;}
.textInfo2 .p br{ display:none;}
.textInfo2 .pd{ padding:40px;}

.caseInfoCon2{ padding:40px 0;}

.banner_pro .img:before{ right:40%;}

.aboutCon3_1 .p{ width:auto;}

.youshi_tab .pd{ width:auto;}
.youshi_con li{ line-height:20px; padding-left:16px;}
.youshi_con li:before{ width:6px; height:6px; top:8px; margin:0px;}

.poster-main{ width:auto; height:auto;}
.poster-main .poster-prev-btn{ display:none;}
.poster-main .poster-list{ width:auto; height:auto; overflow:hidden; margin-right:-10px;}
.poster-main .poster-list .poster-item{ position:relative; width:33.3333%; float:left; height:auto; padding-right:15px; background:none; margin-bottom:10px; box-sizing:border-box;}
.poster-main .poster-list .poster-item::after{ display:none;}
.poster-main img{ box-sizing:border-box; border:5px solid #fff;}
}
@media screen and (max-width:640px){
.footerBottom{ line-height:20px;}
.footerLinks{ margin-bottom:5px;}
.footerFr{ width:auto;}
.footerFr .img{ margin:0 auto; float:none;}
.footerFr .text{ margin-left:0px; padding-left:0px; padding-top:20px;}
.footerContact{ width:260px; margin:0 auto;}

.iBanner .text{ left:15%; right:15%;}
.iBanner .img img{ height:280px !important;}
.iBanner .h3{ font-size:24px;}
.iBanner .p{ font-size:14px;}

.iabout .m i{ font-size:24px;}
.iabout .m span{ font-size:14px;}
.iabout .m ul{ margin-right:-20px;}
.iabout .m .pd, .iabout .m li:last-child .pd{ margin-right:20px;}

.icaseTab li{ margin:0 10px;}
.icaseTab a{ font-size:14px;}
.icaseTab a:before{ height:2px;}

.icaseCon .single-item{ margin-right:0px;}
.icaseCon .pd{ margin-right:0px;}
.icaseCon .slick-dots{ transform:translateX(0);}

.ipartner .pd{ margin:0px 12px 40px 0;}
.ipartner .slick-slide:nth-child(even) .pd{ margin-top:40px;}


.iabout2 .text{ padding:20px;}
.iabout2 .h3{ text-align:center;}
.iabout_tab ul{ margin:0 -20px;}
.iabout_tab .pd{ border:none; border-bottom:1px solid #ccc; border-top:1px solid #ccc; margin-right:0px;}
.iabout_tab .pd i{ line-height:1; height:auto;}
.iabout_con li{ width:auto; float:none; height:auto;}


.banner_pro .text{ left:20px; right:20px; top:20px;}
.banner_pro .h3{ font-size:18px;}
.banner_pro .p{ font-size:14px;}

.banner_pro .img{ bottom:-20px;}
.banner_pro .img .txt{ width:200px; margin-left:-100px;}
.banner_pro .img .pd{ padding:10px; border-radius:6px;}
.banner_pro .img .t{ font-size:14px;}
.banner_pro .img .c{ font-size:12px; padding-bottom:6px;}

.proMain{ padding:40px 0;}

.more1{ height:36px; line-height:36px; padding:0 20px;}

.productList ul{ margin-right:-10px;}
.productList .pd{ margin-right:10px; padding:10px 20px 20px 20px}
.productList li{ margin-bottom:10px;}
.productList .h3{ font-size:14px; height:18px; line-height:18px; margin-bottom:5px;}
.productList .p{ font-size:12px; height:48px; line-height:16px;}

.proKv .text{ position:static; text-align:center; background:#697c87; padding:20px;}
.proKv .h3{ font-size:18px;}
.proKv .m{ text-align:center;}

.zproTop .img{ width:auto;}
.zproCon1 .img{ width:auto; float:none;}
.zproCon1 .text{ margin:0px; padding:30px 0 0 0;}

.proAdvantage ul{ margin:0px;}
.proAdvantage li{ width:auto; float:none;}
.proAdvantage .pd{ margin-right:0px; overflow:hidden;}
.proAdvantage .p{ height:auto;}

.zproTab li{ margin-right:30px;}
.zproTab a{ float:left;}

.textBox td{ padding:6px 15px;}
.textBox tr:first-child td:first-child{ width:6em;}
.textBox tr:first-child td:nth-child(2){ width:8em;}


.crumbs{ display:none;}
.crumbsFl{ display:none;}

.zproTop{ padding:40px 0;}
.zproTab{ height:40px;}
.zproTab li{ margin-right:20px;}
.zproTab a{ font-size:16px; height:38px; padding-bottom:2px;}
.zproTab a:before{ height:2px;}
.zproTab_fixed a{ font-size:14px; height:32px; line-height:32px;}
.zproTab_fixed a:before{ height:1px;}

.tit3{ font-size:18px; margin-bottom:20px;}
.tit4{ font-size:22px;}

.proTab .slick-arrow{ margin-top:-5px;}
.proTab .single-item{ margin-right:-4px;}
.proTab .slick-next{ right:-10px;}
.proTab .pd{ margin-right:4px;}


.zproCon{ padding:40px 0;}

.xproCon1 .img{ width:auto; float:none;}
.xproCon1 .text{ margin-right:0px; padding:30px 0 0 0;}

.xproCon2 .img{ width:auto; float:none;}
.xproCon2 .text{ margin-left:0px; padding:30px;}

.industry_list .wpd{ margin-right:-10px;}
.industry_list ul{ display:block;}
.industry_list li{ width:33.3333%; float:left; margin-bottom:10px;}
.industry_list .pd{ width:auto; margin:0 10px 0 0;}

.pageNext{ display:none;}

.banner_proinfo{ overflow:hidden;}
.banner_proinfo img{/* width:128%; margin-left:-14%;*/}
.banner_proinfo .text{ width:auto; position:static; background:#666; text-align:center; padding:20px 50px;}
.banner_proinfo .h3{ font-size:18px; font-weight:bold; margin-bottom:0.5em;}
.banner_proinfo .p{ font-size:14px;}

.case .icaseTab .tit1{ float:none; margin-bottom:30px;}
.case .icaseTab ul{ float:none;}
.case .icaseTab li{ margin:0 10px;}
.case .icaseCon ul{}
.case .icaseCon li{ width:auto; float:none;}
.case .icaseCon li:last-child{ margin-bottom:0px;}
.case .icaseCon li:last-child .pd{ margin-bottom:0px;}

.caseInfoCon3 .p{ margin-bottom:20px;}
.news_m .li{ float:none !important; width:auto; position:static; left:auto; margin:0 0 10px 0;}
.caseInfoCon3 .ul li:before{ width:8px; height:8px; top:24px;}

.banner_pro .img:before{ display:none;}

.textInfo1{ padding-bottom:0px;}

.news{ background:none; padding:20px 0 0 0;}
.news_list li{ border-bottom:1px solid #ccc; margin-bottom:0px;}
.news_list .pd{ padding:20px 0;}
.news_list .img, .news_list li:first-child .img{ width:140px;}
.news_list .text, .news_list li:first-child .text{ margin-left:140px; padding:0 0 0 15px;}
.news_list .h3{ font-size:14px; height:18px; line-height:18px; margin-bottom:5px;}
.news_list .p, .news_list li:first-child .p{ height:36px;-webkit-line-clamp: 2;}
.newsMore{ padding:20px 0;}
.newsMore span{ font-size:16px;}

.news_con{ margin-bottom:0px; padding:0px;}
.news_tit h1{ font-size:18px; margin-bottom:5px;}
.news_m i{ font-size:24px;}
.news_info{ padding-bottom:0px;}

.youshi_tab ul{ display:block;}
.youshi_con li{ width:auto; float:none;}
.youshi_tab li{ width:20%; margin:0px;}
.youshi_tab i{ width:60px; height:60px; font-size:24px; line-height:60px;}
.youshi_tab li.curr span:before, .youshi_tab li.curr span:after{ display:none;}

.aboutCon2_1 .text{ text-align:center;}


.courseFor .slick-arrow{ top:-36px; width:10%; font-size:20px; height:40px; line-height:40px;}
.courseFor .slick-prev{ left:-10px;}
.courseFor .slick-next{ right:-10px;}
.courseTab{ margin-bottom:20px;}
.courseTab .slick-current .pd{ font-size:26px; border-width:2px;}
.courseFor .pd{ line-height:2;}

.poster-main .poster-list .poster-item{ width:50%;}

.joinTit .li1{ width:70%;}
.joinTit .li5{ width:30%;}
.joinTit .lermore{ display:none;}
.joinDeta{ padding:20px;}

.iBanner .m{ margin-bottom:0px;}
.xproCon2 .text{ text-align:center;}
.contactFl dl{ margin-bottom:15px; overflow:hidden;}
}
@media screen and (max-width:480px){
.wp,

.topLanguage{ right:34px; width:40px; top:10px;}
.topLanguage .h3{ border:none; background:none; display:block; text-align:center;}
.topLanguage .h3 span{ display:none;}
.topLanguage .h3 i{ margin-left:0px; font-size:24px;}
.topLanguage .h3 i:before{ content: "\e822";}
.topLanguage .p{ top:50px; width:100px; left:50%; margin-left:-50px; text-align:center; position:absolute; line-height:40px; background:#0267B5; display:none;}
.topLanguage .p a{ color:#fff; margin:0;display:block;}
.topLanguage.curr .h3{ border:none; background:none;}
.topLanguage.curr .h3 i{ color:#0267B5;}
.topLanguage.curr .p{ display:block;}

.footerBottom{ font-size:12px;}
.footerLinks a{ margin-right:10px;}

.iabout .h3{ font-size:18px;}
.iabout .text{ padding-top:20px;}

.icaseTab{ background:#fff;}
.icaseTab ul{ display:block; border-top:1px solid #ccc; border-left:1px solid #ccc;}
.icaseTab li{ margin:0px; width:33.3333%;}
.icaseTab a{ border-right:1px solid #ccc; border-bottom:1px solid #ccc;}
.icaseTab .curr a{ background:#0267B5; color:#fff;}
.icaseTab .curr a:before{ display:none;}

.tit2 strong{ font-size:24px;}
.tit2 em{ font-size:14px;}

.tit1 strong{ font-size:24px;}

.inewsList .pd{ padding:20px;}
.inewsList .h3{ margin-bottom:20px;}

.banner_pro .text{ top:40px;}
.banner_pro .img_cut{ height:240px !important;}

.productList ul{ margin-right:0px;}
.productList li{ width:auto; float:none;}
.productList .pd{ margin-right:0px; padding:10px 30px 30px 30px;}
.productList .h3{ font-size:18px; height:auto; line-height:1.5;}
.productList .p{ font-size:14px; line-height:1.5; height:auto;}

.proTJ .wpd{ margin:0px;}
.proTJ li{ width:auto; float:none;}
.proTJ .pd,
.wp .proTJ_1 .pd,
.wp .proTJ_2 .pd,
.wp .proTJ_3 .pd{ margin-right:0px; padding:10px 20px 30px 20px;}
.proTJ .h3,
.wp .proTJ_1 .h3,
.wp .proTJ_1 .h3{ font-size:18px; height:auto; line-height:1.5;}
.proTJ .p,
.wp .proTJ_1 .p,
.wp .proTJ_1 .p{ font-size:14px; height:auto; line-height:1.5;} 
.proTJ .img,
.wp .proTJ_1 .img,
.wp .proTJ_1 .img{ margin-bottom:0px;}

.zproTab a{ font-size:14px; line-height:38px;}
.zproTab_fixed a{ line-height:32px;}

.industry_list li{ width:50%;}
.advantage_list ul{}
.advantage_list li{ width:auto; float:none;}
.advantage_list .pd{ padding:30px 20px;}
.advantage_list .text{ position:static; margin-left:50px; padding-left:20px;}


.case .icaseTab li{ margin:0px;}
.case .icaseCon ul{ margin-right:0px;}

.textInfo2 .pd{border-width:2px; padding:30px;}
.textInfo2:before, .textInfo2:after{ width:2px;}

.newsNav li{ margin:0px;}
.newsNav a{ height:46px; line-height:46px;}


.youshi_con ul{ min-height:200px;}


.poster-main{ margin:0px;}
.poster-main .poster-list{ margin-right:0px;}
.poster-main .poster-list .poster-item{ padding-right:0px; width:auto; float:none;}
.poster-main .poster-list .poster-item:last-child{ margin-bottom:0px;}

.contactFl dt{ width:auto; padding-right:20px;}
.contactFl dd{ margin-left:53px; padding-left:20px;}

}
@media screen and (max-width:414px){}
@media screen and (max-width:413px){
.wp,
.iabout_tab .pd i{ font-size:24px;}
.iabout_tab .pd span{ font-size:12px;}

.banner_pro .h3{ font-size:16px;}
.banner_pro .img_cut{ height:220px !important;}

.productList .pd{ padding:10px 25px 25px 25px;}
.more1{ font-size:12px; height:32px; line-height:32px;}

.textBox td{ padding:5px 10px;}

.caseOverview .text{ padding:30px;}

.news_list .em strong, .news_list .em span{ font-size:12px;}
.news_list .img, .news_list li:first-child .img{ width:120px;}
.news_list .text, .news_list li:first-child .text{ margin-left:120px;}
.news_list .h3, .news_list li:first-child .h3{ font-size:13px; height:18px; line-height:18px;}
.news_list .p, .news_list li:first-child .p{ font-size:10px; height:28px; line-height:14px;}
.news_list .em{ line-height:1;}

.aboutCon2_1 .text{ padding:20px;}
.aboutCon2_1 .p{ line-height:1.7;}

.newsNav a{ height:40px; line-height:40px;}

.courseFor .slick-arrow{ top:-30px;}
.courseTab .pd{ font-size:16px; height:32px;}
.courseTab .slick-current .pd{ font-size:20px;}

.joinDeta{ padding:15px; font-size:12px; line-height:1.7;}
.joinFl{ padding-bottom:20px;}
.joinFr{ padding-top:20px;}
}
@media screen and (max-width:374px){
body{ font-size:12px;}
.iCon{ padding:30px 0;}
.iabout .m ul{ margin-right:-10px;}
.iabout .m .pd, .iabout .m li:last-child .pd{ margin-right:10px;}

.iabout_tab .pd span{ font-size:11px;}

.banner_pro .h3{ font-size:14px;}
.banner_pro .p{ font-size:11px;}

.productList .pd{ padding:5px 20px 20px 20px;}

.proKv .h3{ margin-bottom:5px;}
.proKv .p{ font-size:12px; margin-bottom:10px;}

.zproTab li{ margin-right:16px;}
.textBox td{ padding:5px;}

.newsNav a{ padding:0 20px;}

.youshi_tab i{ width:50px; height:50px; line-height:50px; font-size:20px;}

.contactFl,
.contactFr{ padding:30px 20px;}
}




.play_btn,
.play_btn i{
-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;
}


.play_btn{ background:#000; display:block;-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; position:relative;}
.play_btn i{ position:absolute; left:0px; top:0px; right:0px; bottom:0px; color:#fff; cursor:pointer; background:rgba(0,0,0,0.5);}
.play_btn i:before{ width:64px; height:64px; font-size:32px; line-height:64px; position:absolute; left:50%; top:50%; margin:-32px 0 0 -32px; border:1px solid rgba(255,255,255,0.5); border-radius:50%; text-align:center;}
.play_btn:hover i{ color:#fff; background:rgba(0,0,0,0);}

.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:42; display:none;}
.video_box{ position:fixed; width:768px; height:auto; left:50%; top:50%; margin:-215px 0 0 -384px; z-index:43; display:none;}
.video_box .img_cut{ background:#000;}
.video_box i{ color:#fff; width:40px; height:40px; position:absolute; text-align:center; line-height:40px; background-color:#177bc1; border-radius:50%; cursor:pointer; z-index:37; left:50%; bottom:-60px; margin-left:-20px;}
.video_box iframe,
.video_box video{ width:100%; height:100%; display:block; position:absolute; left:0px; top:0px; right:0px; bottom:0px; z-index:36;}
.video_box_vr i{ position:fixed; top:30px; right:30px; bottom:auto; left:auto; margin:0px;}


@media screen and (max-width:768px){
.video_box{ left:0px; margin:-230px 0 0 0; height:auto; right:0px; width:auto;}
.video_box video{ height:auto;}

.news_info{ width:auto;}
}
@media screen and (max-width:640px){
.video_box{ margin-top:-192px;}

.play_btn i:before{ width:48px; height:48px; line-height:48px; font-size:24px; margin:-25px 0 0 -25px;}
}
@media screen and (max-width:540px){
.video_box{ margin-top:-162px;}
}
@media screen and (max-width:414px){
.video_box{ margin-top:-124px;}

}

.proVideo{ margin-bottom:30px;}
.proVideo video{ width:100%; height:auto; display:block;}
.video1{ width:100%; height:auto; display:block;}


.aboutCon6{ background:#fff;}
.aboutCon6_1{}
.aboutCon6_1 li{ margin-bottom:15px;}
.aboutCon6_1 .pd{ background:#0267B5; color:#fff; text-align:center; padding:30px;}
.aboutCon6_1 .h3{ font-size:18px;}
.aboutCon6_1 .p{ font-size:14px;}

.aboutCon7{ background:#f7f7f7;}
.aboutCon7_1{}
.aboutCon7_1 ul{ width:280px; margin:0 auto;}
.aboutCon7_1 li{ width:50%; float:left;}
.aboutCon7_1 .pd{ height:40px; line-height:40px; text-align:center; border:1px solid #ccc; display:block; margin:0 5px;}


.cpBox{ padding:40px 0; background:#eeeeee; overflow:hidden;}
.cpFl{ float:right; width:1100px;}
.cpTop{ background:#fff; padding:35px 30px; margin-bottom:10px;}
.cpTop .img{ width:500px; float:left;}
.cpTop .text{ margin-left:500px; padding:20px 0 0 50px;}
.cpTop .h3{ font-size:26px; line-height:1.3;margin-bottom:0.5em; color:#0267B5; font-weight:bold;}
.cpTop .em{ margin-bottom:1.625em; color:#000; font-size:16px;}
.cpTop .p{ font-size:16px; line-height:1.5; padding:16px 0; color:#333; width:90%; margin-bottom:36px; border-bottom:1px solid #ccc; border-top:1px solid #ccc;}
.cpTop .m{}
.cpTop .m a{ display:inline-block; vertical-align:bottom; background:#0267B5; height:54px; line-height:54px; padding:0 68px; border-radius:10px; color:#fff;}
.cpTop .m i{ float:left; font-size:20px;}
.cpTop .m span{ float:left; margin-left:5px;}
.cpTop .m a:hover{ background-color:#0267B5;}
.cpInfo{}
.cpInfoTab{ background:#fff; margin-bottom:10px;}
.cpInfoTab li{ float:left; font-size:18px; position:relative;}
.cpInfoTab a{ display:block; height:62px; line-height:62px; padding:0 60px; position:relative;}
.cpInfoTab li:before{content:''; font-size:1.5556em; height:1em; margin-top:-0.5em; border-right:1px dotted #999; position:absolute; right:0px; top:50%; display:block;}
.cpInfoTab a:after{ content:''; background:url(../images/cpInfoTab.png) no-repeat center center; height:9px; left:0px; right:0px; bottom:0px; position:absolute; display:none;}
.cpInfoTab i{ float:left; margin-right:5px; font-size:20px;}
.cpInfoTab span{ float:left;}
.cpInfoTab li:last-child:before{ display:none;}
.cpInfoTab li.curr a{ color:#0267B5;}
.cpInfoTab li.curr a:after{ display:block;}
.cpInfoCon{}
.cpInfoCon .ul{ display:none;}
.cpInfoCon .ul:first-child{ display:block;}
.cpInfoCon .dl{ background:#fff; padding:35px 30px; margin-bottom:10px;}
.cpInfoCon .dl:last-child{ margin-bottom:0px;}
.cpInfoCon .dt{ font-size:18px; line-height:1; color:#0267B5; margin-bottom:20px;}
.cpInfoCon .dd{ font-size:16px; line-height:1.4;}

.textBox li{ margin-bottom:1em; padding-left:12px; position:relative;}
.textBox li:before{ content:''; position:absolute; left:0px; width:5px; height:5px; background:#0267B5; top:8px; border-radius:50%;}

.cpFr{ width:280px; float:left; position:relative;}
.cpFr_fixed .cpremen{}
.tit5{ font-size:18px; background:#0267B5; color:#fff; padding:0 20px; line-height:58px; height:58px;}
.tit5 i{ float:left; font-size:20px; margin-right:5px;}
.tit5 span{ float:left;}
.cpremen{ background:#fff; position:absolute; left:0px; top:0px; right:0px;}
.cpremenList{ padding:20px 20px 40px 20px;}
.cpremenList li{ margin-bottom:10px;}
.cpremenList .pd{ display:block;}
.cpremenList .img{ width:70%; margin:0 auto;}
.cpremenList .text{ font-size:16px; line-height:1.5; text-align:center;}
.cpremenList .h3{ color:#333; height:1.5em; overflow:hidden;}
.cpremenList .p{ color:#666; height:1.5em; overflow:hidden;}

.tit6{ text-align:center; line-height:1; margin-bottom:60px; color:#fff; position:relative;}
.tit6:before{ content:''; height:1px; left:0px; right:0px; top:50%; margin-top:1px; background:#fff; position:absolute;}
.tit6 strong{ display:inline-block; vertical-align:bottom; font-size:26px; position:relative; padding:0 30px; background:#0267B5;}
.tit6 strong:before,
.tit6 strong:after{ content:''; width:9px; height:9px; border:2px solid #fff; position:absolute; left:4px; top:50%; margin-top:-5.5px; transform:rotate(45deg);}
.tit6 strong:after{ left:auto; right:4px;}

@media screen and (max-width:1600px){
.cpFr{ width:260px;}
.cpFl{ width:870px;}
.cpTop .img{ width:400px;}
.cpTop .text{ margin-left:400px;}
.cpremenList .text{ font-size:14px;}
.cpTop .p{ font-size:14px;}
.cpTop .h3{ font-size:20px;}
.cpTop .em{ font-size:14px;}
.cpTop .m a{ height:44px; line-height:44px; padding:0 40px;}
.cpInfoTab i{ font-size:18px;}
.cpInfoTab li{ font-size:16px;}
.cpInfoCon .dd{ font-size:14px;}
}
@media screen and (max-width:1366px){
.cpFr{ width:230px;}
.cpFl{ width:760px;}
.cpremenList{ padding:15px;}
.cpTop .img{ width:360px;}
.cpTop .text{ margin-left:360px;}
}
@media screen and (max-width:1024px){
.cpFl{ width:auto; float:none;}
.cpFr{ display:none;}
}

@media screen and (max-width:768px){
.cpTop .img{ width:auto; float:none; margin-bottom:30px;}
.cpTop .text{ margin:0px; padding:0px;}
.cpInfoTab a{ padding:0 40px;}
}
@media screen and (max-width:480px){
.cpInfoTab li{ width:50%; text-align:center;}
.cpInfoTab a{ display:inline-block; vertical-align:bottom; padding:0 30px;}
.cpTop .p{ width:auto;}
.cpTop{ padding:20px;}
.cpInfoCon .dl{ padding:20px;}
}


.tit7{ text-align:center; margin-bottom:50px;}
.tit7 strong{ display:block; line-height:1; font-size:36px; color:#798a93; margin-bottom:1em;}
.tit7 em{ display:block; font-size:16px; line-height:2;}
.support{}
.supportCon{ padding:65px 0;}
.supportCon1{}
.supportCon1_1 ul{ margin-right:-45px;}
.supportCon1_1 li{ float:left; width:25%;}
.supportCon1_1 .pd{ display:block; box-shadow:0 0 30px rgba(0,0,0,0.1); margin-right:45px; padding:40px 30px; text-align:center;}
.supportCon1_1 .i{ width:94px; height:94px; text-align:center; line-height:94px; font-size:48px; display:block; margin:0 auto; background:#0267B5; color:#fff; border-radius:50%; margin-bottom:30px;}
.supportCon1_1 .h3{ font-size:26px; color:#0267B5; line-height:1.2;}
.supportCon2{ background:#f6f6f6;}
.supportCon2_1{}
.supportCon2_1 li{ margin-bottom:20px;}
.supportCon2_1 li:last-child{ margin-bottom:0px;}
.supportCon2_1 .pd{ display:block; overflow:hidden; background:#fff;}
.supportCon2_1 .img{ float:left; width:50%;}
.supportCon2_1 .text{ margin:0 0 0 50%; padding:60px 40px 0 40px;}
.supportCon2_1 .h3{ font-size:36px; line-height:1; margin-bottom:20px; color:#798a93; padding-bottom:28px; font-weight:bold; position:relative;}
.supportCon2_1 .h3:before{ content:''; position:absolute; bottom:0px; left:0px; width:1em; height:5px; background:#0267B5;}
.supportCon2_1 .p{ font-size:16px; line-height:36px;}
.supportCon2_1 li:nth-child(even) .img{ float:right;}
.supportCon2_1 li:nth-child(even) .text{ margin:0 50% 0 0;}
.supportCon3{ background:#0267B5;}
.supportCon3 .tit7 strong{ color:#fff;}
.supportCon3 .tit7 em{ color:#fff;}
.supportCon3_1 img{ width:100%; height:auto; display:block;}
.supportCon4{ padding-top:0px;}
.supportCon4_1{ margin-top:-60px;}
.supportCon4_1 li{ margin-bottom:20px;}
.supportCon4_1 li:last-child{ margin-bottom:0px;}
.supportCon4_1 .pd{ display:block; background:#f0f4f6; padding:40px; overflow:hidden;}
.supportCon4_1 .img{ width:238px; float:right;}
.supportCon4_1 .img img{ border-radius:50%;}
.supportCon4_1 .text{ margin:0 338px 0 0; padding-top:20px;}
.supportCon4_1 .h3{ font-size:36px; line-height:1; margin-bottom:20px; color:#798a93; padding-bottom:28px; font-weight:bold; position:relative;}
.supportCon4_1 .h3:before{ content:''; position:absolute; bottom:0px; left:0px; width:1em; height:5px; background:#0267B5;}
.supportCon4_1 .p{ font-size:16px; line-height:36px;}
.supportCon4_1 li:nth-child(even) .img{ float:left;}
.supportCon4_1 li:nth-child(even) .text{ margin:0 0 0 338px;}


.banner_proinfo6 .text{ margin:0 0 0 -700px; left:50%; right:auto; text-align:left; color:#000000; text-shadow:none !important;}

.tit8{ line-height:1; text-align:center; margin-bottom:45px;}
.tit8 strong{ font-size:30px; display:block;}
.tit8 em{ font-size:20px; display:block; margin-top:1.5em;}

.softwareCon1{ background:#eb6c00; color:#fff;}
.softwareCon1_1 img{ width:100%; height:auto; display:block;}

.softwareCon2{ background:#f4f6f8; padding-bottom:0px;}
.softwareCon2_1{ margin-bottom:40px;}
.softwareCon2_1 .tit8{ color:#eb6c00;}
.softwareCon2_1 .img{}
.softwareCon2_3{ background:#697c87; padding:40px; text-align:center; color:#fff; line-height:1;}
.softwareCon2_3 .tit8{ margin-bottom:0px;}

.softwareCon3{ background:#fff;}
.softwareCon3_1{}
.softwareCon3_1 li{ margin-bottom:80px;}
.softwareCon3_1 li:last-child{ margin-bottom:0px;}
.softwareCon3_1 .pd{ display:block; overflow:hidden;}
.softwareCon3_1 .img{ float:right; width:40%;}
.softwareCon3_1 .text{ margin:0 50% 0 0;}
.softwareCon3_1 .h3{ font-size:36px; margin-bottom:1em; line-height:1.2;}
.softwareCon3_1 .p{ font-size:20px; line-height:2;}
.softwareCon3_1 li:nth-child(even) .img{ float:left;}
.softwareCon3_1 li:nth-child(even) .text{ margin:0 0 0 50%;}

.softwareCon4{ padding:0px !important; color:#fff;}
.softwareCon4_1{}
.softwareCon4_1 li{}
.softwareCon4_1 .pd{ display:block; position:relative; background:url(../images/softwareCon4_1_1bg.jpg) no-repeat #e36f0d; z-index:3;}
.softwareCon4_1 .img{ position:absolute; width:40%; left:0px; top:50%; margin-top:-20%;}
.softwareCon4_1 .text{ margin: 0 0 0 50%; height:547px;}
.softwareCon4_1 .h3{ font-size:36px; margin-bottom:1em; line-height:1;}
.softwareCon4_1 .p{ font-size:20px; line-height:2;}
.softwareCon4_1 li:nth-child(even) .pd{ background:url(../images/softwareCon4_1_2bg.jpg) no-repeat #e36f0d; z-index:2;}
.softwareCon4_1 li:nth-child(even) .img{ right:0px; left:auto;}
.softwareCon4_1 li:nth-child(even) .text{ margin:0 50% 0 0; height:630px;}



.banner_proinfo7 .text{ color:#fff;}
.tit4_2{ text-align:left; color:#fff;}
.tit9{ padding:0 10%;}
.tit9 strong{ font-size:36px; font-weight:bold; display:block;}
.tit9 em{ display:block; font-size:22px; margin-top:1em;}
.ster{}
.sterCon1{}
.sterCon1_1 li{ float:left; width:25%;}
.sterCon1_1 li:last-child .pd{ border-right:none;}
.sterCon1_1 .pd{ padding:30px 60px 0 60px; border-right:1px solid #ddd;}
.sterCon1_1 .i{ width:92px; height:92px; line-height:92px; text-align:center; margin:0 auto 20px auto; background:#0267B5; border-radius:50%; font-size:50px; color:#fff;}
.sterCon1_1 .h3{ font-size:26px; line-height:1.5; margin-bottom:10px; text-align:center;}
.sterCon1_1 .p{ font-size:16px; line-height:1.5; height:6em; text-align:left;}
.sterCon2{ padding:0px !important; background:#0267B5; color:#fff;}

.sterCon2_1{}
.sterCon2_1 .wp{}
.sterCon2_1 .img{ float:left; width:50%;}
.sterCon2_1 .img img{ width:956px; float:right;}
.sterCon2_1 .text{ margin-left:50%; padding:50px 0 0 50px;}
.sterCon2_1 dl{ margin-bottom:60px;}
.sterCon2_1 dt{ font-size:26px; margin-bottom:10px;}
.sterCon2_1 dd{ font-size:16px; line-height:1.5;}
.sterCon2_1 dl:last-child{ margin-bottom:0px;}
.sterCon3{}
.sterCon3_1{ position:relative; padding-bottom:240px;}
.sterCon3_1 .img{ width:50%; margin:0 auto; position:absolute; left:50%; margin:0 0 0 -25%; top:0%;}
.sterCon3_1 .text{}
.sterCon3_1 dl{ width:50%; float:left; box-sizing:border-box; padding: 0 15% 0 0; margin:30px 0 60px 0;}
.sterCon3_1 dl:nth-child(even){ padding:0 0 0 15%;}
.sterCon3_1 dt{ font-size:36px; line-height:1; color:#0267B5; font-weight:bold; margin-bottom:0.5em;}
.sterCon3_1 dd{ font-size:16px; line-height:1.5; height:6em;}
.sterCon3_2{ position:relative;}
.sterCon3_2 .img{}
.sterCon3_2 .text{ position:absolute; left:0px; top:10%; right:0px; text-align:center; color:#fff;}
.sterCon4{ background:#0267B5; text-align:center; color:#fff;}
.sterCon5{}
.sterCon5_1{}
.sterCon5_1 ul{ margin-right:-34px;}
.sterCon5_1 li{ float:left; width:33.3333%;}
.sterCon5_1 .pd{ margin-right:34px; position:relative; display:block;}
.sterCon5_1 .img{}
.sterCon5_1 .text{ position:absolute; left:10px; top:10%; right:10px; text-align:center; color:#fff; font-size:26px;}
.sterCon6{ background:#eee;}

@media screen and (max-width:1600px){
.tit7{ padding:0 10%;}
.tit7 strong{ font-size:28px;}
.tit7 em{ font-size:14px;}
.supportCon1_1 ul{ margin-right:-30px;}
.supportCon1_1 .pd{ margin-right:30px; box-shadow:0 0 22px rgba(0,0,0,0.1);}
.supportCon1_1 .i{ width:72px; height:72px; font-size:36px; line-height:72px;}
.supportCon1_1 .h3{ font-size:20px;}
.supportCon2_1 .h3{ font-size:28px;}
.supportCon2_1 .h3:before{ height:3px;}
.supportCon2_1 .p{ font-size:14px; line-height:2;}
.supportCon4_1 .h3{ font-size:28px;}
.supportCon4_1 .h3:before{ height:3px;}
.supportCon4_1 .p{ font-size:14px; line-height:2;}
.supportCon4_1 .img{ width:180px;}
.supportCon4_1 .text{ margin:0 240px 0 0;}
.supportCon4_1 li:nth-child(even) .text{ margin:0 0 0 240px;}
.banner_proinfo6 .text{ margin:0 0 0 -575px;}
.tit8 strong{ font-size:24px;}
.tit8 em{ font-size:16px;}
.softwareCon3_1 li{ margin-bottom:60px;}
.softwareCon3_1 .h3{ font-size:28px;}
.softwareCon3_1 .p{ font-size:14px;}
.softwareCon4_1 .h3{ font-size:28px;}
.softwareCon4_1 .p{ font-size:14px;}
.softwareCon4_1 .text{ height:440px;}
.softwareCon4_1 li:nth-child(even) .text{ height:540px;}


.tit9 strong{ font-size:28px;}
.tit9 em{ font-size:16px;}
.sterCon1_1 .i{ width:80px; height:80px; line-height:80px; font-size:36px;}
.sterCon1_1 .pd{ padding:25px 40px 0 40px;}
.sterCon1_1 .h3{ font-size:18px;}
.sterCon1_1 .p{ font-size:14px;}
.sterCon2_1 dt{ font-size:18px;}
.sterCon2_1 dd{ font-size:14px;}
.sterCon2_1 .img img{ width:796px;}
.sterCon2_1 dl{ margin-bottom:50px;}
.sterCon3_1{ padding-bottom:180px;}
.sterCon3_1 dl{ margin-bottom:50px;}
.sterCon3_1 dt{ font-size:24px;}
.sterCon3_1 dd{ font-size:14px;}
.sterCon5_1 .text{ font-size:18px;}

}
@media screen and (max-width:1366px){
.supportCon{ padding:50px 0;}
.tit7{ padding:0 5%;}
.supportCon1_1 .i{ width:64px; height:64px; font-size:32px; line-height:64px;}
.supportCon1_1 .h3{ font-size:16px;}
.supportCon1_1 ul{ margin-right:-25px;}
.supportCon1_1 .pd{ margin-right:25px;}
.supportCon2_1 .text{ padding:50px 30px 0 30px;}
.supportCon2_1 .h3{ font-size:24px;}
.supportCon4_1 .h3{ font-size:24px;}
.tit8 strong{ font-size:20px;}
.tit8 em{ font-size:14px;}
.banner_proinfo6 .text{ margin:0 0 0 -500px;}
.softwareCon3_1 .h3{ font-size:24px;}
.softwareCon4_1 .h3{ font-size:24px;}
.softwareCon4_1 .text{ height:380px;}
.softwareCon4_1 li:nth-child(even) .text{ height:480px;}


.sterCon1_1 .pd{ padding:20px 30px 0 30px;}
.sterCon1_1 .i{ width:72px; height:72px; line-height:72px; font-size:32px;}
.sterCon2_1 dl{ margin-bottom:30px;}
.sterCon3_1{ padding-bottom:140px;}
.sterCon3_1 dl{ margin-bottom:40px;}
.sterCon5_1 .text{ font-size:16px;}
}

@media screen and (max-width:1024px){
.supportCon{ padding:40px 0;}
.tit7 em br{ display:none;}
.supportCon1_1 .h3{ font-size:14px;}
.supportCon1_1 ul{ margin-right:-20px;}
.supportCon1_1 .pd{ padding:30px 20px; margin-right:20px; box-shadow:0 0 10px rgba(0,0,0,0.1);}
.supportCon1_1 .i{ margin-bottom:20px;}
.supportCon2_1 .h3{ font-size:18px; padding-bottom:23px; margin-bottom:15px;}
.supportCon2_1 .p{ line-height:1.5;}
.tit7 strong{ font-size:24px;}
.tit7 em{ line-height:1.5;}
.supportCon4_1{ margin-top:0px;}
.supportCon4_1 .h3{ font-size:18px; padding-bottom:23px; margin-bottom:15px;}
.supportCon4_1 .p{ line-height:1.5;}


.banner_proinfo6 .text{ width:auto; text-align:center; margin:0px; right:0px; left:0px; bottom:15%;}
.softwareCon3_1 .h3{ font-size:18px;}
.softwareCon3_1 .p{ line-height:1.5;}
.softwareCon4_1 .h3{ font-size:18px;}
.softwareCon4_1 .p{ line-height:1.5;}

.tit9 strong{ font-size:24px;}
.tit9 em{ font-size:14px; line-height:1.4;}
.tit9 em br{ display:none;}
}
@media screen and (max-width:960px){
.supportCon1_1 li{ width:50%; margin-bottom:20px;}
.supportCon2_1 .text{ padding:20px;}
.supportCon2_1 .h3{ padding-bottom:0px;}
.supportCon2_1 .h3:before{ display:none;}
.supportCon4_1 .h3{ padding-bottom:0px;}
.supportCon4_1 .h3:before{ display:none;}
.supportCon4_1 .text{ margin:0 210px 0 0;}
.supportCon4_1 li:nth-child(even) .text{ margin:0 0 0 210px;}
.softwareCon2_3{ padding:30px 20px;}
.softwareCon4_1 .text{ height:280px;}
.softwareCon4_1 li:nth-child(even) .text{ height:340px;}

.sterCon1_1 li{ width:50%; margin-bottom:20px;}
.sterCon1_1 li:nth-child(even) .pd{ border-right:0px;}
.sterCon2 .wp{ margin:0px;}
.sterCon2_1 .img{ float:none; width:auto;}
.sterCon2_1 .img img{ width:100%; height:auto; display:block; float:none;}
.sterCon2_1 .text{ margin-left:0px; padding:30px;}
.sterCon3_1{ padding-bottom:0px;}
.sterCon3_1 .img{ margin:0 auto 30px auto; position:static;}
.sterCon3_1 dl{ padding:0px; width:auto; margin:0 0 30px 0;}
.sterCon3_1 dl:nth-child(even){ padding:0px;}
.sterCon3_1 dd{ height:auto;}
.sterCon3_1 dt{ font-size:18px;}
.sterCon5_1 ul{ margin-right:-20px;}
.sterCon5_1 .pd{ margin-right:20px;}
}
@media screen and (max-width:640px){
.supportCon2_1 .img{ width:auto; float:none;}
.supportCon2_1 li:nth-child(even) .img{ float:none;}
.supportCon2_1 .text{ margin:0px; padding:30px;}
.supportCon2_1 li:nth-child(even) .text{ margin:0px;}
.supportCon4_1 .img{ margin:0 auto; float:none; width:auto;}
.supportCon4_1 .img img{ border-radius:0px;}
.supportCon4_1 li:nth-child(even) .img{ float:none;}
.supportCon4_1 .text{ margin:0px; padding:30px;}
.supportCon4_1 li:nth-child(even) .text{ margin:0px;}
.supportCon4_1 .pd{ padding:0px;}

.banner_proinfo6 .text{ color:#fff;}
.softwareCon3_1 li{ margin-bottom:20px;}
.softwareCon3_1 .img{ width:auto; float:none;}
.softwareCon3_1 li:nth-child(even) .img{ float:none;}
.softwareCon3_1 .text{ margin:0px; padding:30px;}
.softwareCon3_1 li:nth-child(even) .text{ margin:0px;}

.sterCon1_1 li{ width:auto; float:none; margin-bottom:15px;}
.sterCon1_1 li:last-child{ margin-bottom:0px;}
.sterCon1_1 .pd{ border-right:0px; padding:0px; overflow:hidden;}
.sterCon1_1 .h3{ text-align:left;}
.sterCon1_1 .p{ height:auto; overflow:hidden;}
.sterCon1_1 .i{ float:left; margin-right:15px;}
.sterCon1_1 .h3{ font-size:16px; margin-bottom:5px; font-weight:bold;}
.sterCon2_1 dl{ margin-bottom:20px;}
.sterCon2_1 dt{ font-size:16px; margin-bottom:5px;}
.sterCon3_1 dt{ font-size:16px;}
.sterCon5_1 ul{ margin-right:-5px;}
.sterCon5_1 .pd{ margin-right:5px;}
.sterCon5_1 .text{ font-size:14px;}

.tit9 strong{ font-size:22px;}
}

@media screen and (max-width:480px){
.tit7{ padding:0px;}
.newsNav a{ padding:0 15px;}
.supportCon1_1 li{ margin-bottom:10px;}
.supportCon1_1 ul{ margin-right:-10px;}
.supportCon1_1 .pd{ margin-right:10px;}
.supportCon2_1 .text{ padding:20px;}
.supportCon4_1 .text{ padding:20px;}
.softwareCon3_1 .text{ padding:20px;}

.softwareCon4_1 .img{ width:30%;}
.softwareCon4_1 .text{ margin:0 0 0 30%; padding:0 0 0 20px; height:200px;}
.softwareCon4_1 li:nth-child(even) .text{ margin:0 30% 0 0; padding:0 20px 0 0; height:240px;}
}
@media screen and (max-width:413px){
.tit7{ margin-bottom:30px;}
.tit7 strong{ font-size:18px;}
.tit7 em{ font-size:12px;}
.banner_proinfo .text{ padding:20px;}
.supportCon1_1 ul{ margin-right:-5px;}
.supportCon1_1 li{ margin-bottom:5px;}
.supportCon1_1 .pd{ margin-right:5px; padding:20px 15px; box-shadow:0 0 3px rgba(0,0,0,0.1);}
.supportCon2_1 .h3{ font-size:16px;}
.supportCon2_1 .p{ font-size:12px;}
.supportCon4_1 .h3{ font-size:16px;}
.supportCon4_1 .p{ font-size:12px;}
.softwareCon3_1 .h3{ font-size:16px;}
.softwareCon3_1 .p{ font-size:12px;}
.softwareCon4_1 .h3{ font-size:16px;}
.softwareCon4_1 .p{ font-size:12px;}
}
@media screen and (max-width:374px){
.newsNav a{ padding:0 10px;}
.supportCon1_1 .pd{ padding:20px 5px;}
.supportCon1_1 .h3{ font-size:12px;}
.supportCon2_1 .h3{ font-size:14px;}
.supportCon4_1 .h3{ font-size:14px;}
.softwareCon3_1 .h3{ font-size:14px;}
.softwareCon4_1 .h3{ font-size:14px;}

.tit9 strong{ font-size:18px;}
.tit4{ font-size:18px;}
.sterCon5_1 .text{ font-size:12px;}
}




.npro{ padding-bottom:80px;}
.npro li{ margin-bottom:20px;}
.npro .pd{ display:block;}
.npro .img{ float:left; width:50%; text-align:right; position:relative; height:356px;}
.npro .img:before{ content:''; background:url(../images/nprobl.png) repeat-y; top:0px; bottom:0px; left:0px; right:0px; position:absolute;}
.npro .img:after{ content:''; position:absolute; left:0px; top:0px; bottom:0px; right:0px; background:no-repeat right top; background-size:auto 100%;}
.npro .img img{ width:82.57142857142857%; display:inline-block; vertical-align:bottom; position:absolute; z-index:2; right:0px; top:0px;}
.npro .text{ padding:100px 90px; margin:0 0 0 50%;}
.npro .h3{ font-size:26px; line-height:1.5; height:1.5em; overflow:hidden; margin-bottom:20px; color:#333;}
.npro .p{ font-size:16px; line-height:1.5; height:4.5em; color:#666;}
.npro .m{ padding-top:10px;}
.npro .m em{ border-radius:4px; width:168px; height:38px; line-height:38px; border:1px solid #0267B5; display:block; text-align:center; color:#0267B5; font-size:14px;}
.npro li:nth-child(even) .img{ text-align:left; float:right;}
.npro li:nth-child(even) .img:before{ background-image:url(../images/nprobr.png);}
.npro li:nth-child(even) .img:after{ background:no-repeat left top; background-size:auto 100%;}
.npro li:nth-child(even) .img img{ right:auto; left:0px;}
.npro li:nth-child(even) .text{ margin:0 50% 0 0; padding-left:0px;}

.npro li:nth-child(1){ margin-bottom:0px;}
.npro li:nth-child(1) .img img{ right:-16.428571428571428%;}
.npro li:nth-child(2) .img:before{ background-position:90px 0;}
.npro li:nth-child(2) .img img{ left:-27.14285714285714%;}
.npro li:nth-child(3) .img img{ right:-32.142857142857145%; top:-4.2134831460674156%;}
.npro li:nth-child(4) .img img{ left:-36.57142857142857%; top:-5.6179775280898875%;}
.npro li:nth-child(5) .img img{ right:-21.428571428571427%; top:-5.6179775280898875%;}
.npro li:nth-child(6) .img img{ left:-30%; top:-5.6179775280898875%;}
.npro li:nth-child(7) .img img{ right:-24.285714285714285%; top:-5.6179775280898875%;}
.npro li:nth-child(7) .img:before{ opacity:0.3;}

.npro li:nth-child(1) .img:after{ background-image:url(../images/nprot1.png);}
.npro li:nth-child(2) .img:after{ background-image:url(../images/nprot2.png); background-position:90px 0px;}
.npro li:nth-child(3) .img:after{ background-image:url(../images/nprot3.png);}
.npro li:nth-child(4) .img:after{ background-image:url(../images/nprot4.png);}

@media screen and (max-width:1600px){
.npro .img{ height:292px;}
.npro .text{ padding:60px 74px;}
.npro .h3{ font-size:20px;}
.npro .p{ font-size:14px;}
}
@media screen and (max-width:1366px){
.npro .img{ height:254px;}
.npro .text{ padding:50px 64px;}
.npro .h3{ font-size:18px;}
.npro li:nth-child(6) .img img{ left:-20%;}
}
@media screen and (max-width:768px){
.npro li{ margin-bottom:30px !important;}
.npro .img{ height:auto; float:none !important; margin:0 auto 10px auto; width:70%;}
.npro .img img{ position:static; display:block; width:100%;}
.npro .img:before{ display:none;}
.npro .img:after{ display:none;}
.npro .text{ margin:0px !important; padding:0px;}
.npro .h3{ font-size:24px; text-align:center;}
.npro .m em{ margin:0 auto;}
}

.lianxi{ background:url(../images/lianxi.png) no-repeat; width:220px; height:95px; color:#fff; position:fixed; right:10px; bottom:80px; z-index:9; box-sizing:border-box; padding:25px 10px 0 20px;}
.lianxi .i{ position:absolute; right:0px; top:0px; width:40px; height:40px; text-align:center; line-height:40px; cursor:pointer;}
.lianxi .h3{ color:#fff; margin-bottom:10px; font-size:18px; line-height:1;}
.lianxi .em a{ color:#fff; font-size:24px; font-weight:bold; line-height:1;}