@charset "utf-8";
body{ overflow-x:hidden; padding-top:90px;}
body{ color:#666; height:auto; box-sizing:border-box; font-size:16px;}
.course{-moz-user-select: none; /*火狐*/
-webkit-user-select: none;  /*webkit浏览器*/
-ms-user-select: none;   /*IE10*/
-khtml-user-select: none; /*早期浏览器*/
user-select: none;}
a{ color:#666; text-decoration:none;}
a:hover{ text-decoration:none; color:#000;}
i,em{ font-style:normal;}



.atlasFor .h3,
.atlasFor .p,
.atlasFor .m{ transform:translate(0,50px); opacity: 0;transition: all .3s linear;}



.atlasFor .slick-active .h3,
.atlasFor .slick-active .p,
.atlasFor .slick-active .m{
transform:translate(0,0); opacity: 1;
}


.more,
.more_min,
.iSolutionVideo .i,
.iNewsFr .line,
.footerFr li a,
.iSolutionList .img img,
.iProductList .img img,
.iNewsFl .img img,
.iNewsFl .slick-arrow,
.subNav .box,
.topSearch_con,
.topNav .box,
.solutionCon3_con .h3:before{
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-ms-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}

.iSolutionList .img,
.iProductList .img,
.iNewsFl .img{ overflow:hidden;}
.iSolutionList .pd:hover img,
.iProductList .pd:hover img,
.iNewsFl .pd:hover img{ transform:scale(1.05);}

.slick-arrow,
.ipt_b1,
.topSearch .i,
.menu .h3 em,
.menu .h3 i,
.product_list .pd:before,
.proModel_list .pd:before,
.crumbs:before,
.ipt_b4{
font-family:"iconfont" !important;font-size:16px;font-style:normal;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;
}

.pBanner .em,
.aboutCon3 .em{ font-family:'bbt',"Source Han Sans CN",\5FAE\8F6F\96C5\9ED1,"Museo300", "Open Sans", "Hiragino Sans GB", STXihei, "Microsoft YaHei", sans-serif;}

.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:#1f367a;
-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:#1f367a;
-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:100%; display:block;}
.slick-dots{ position:absolute; left:50%; bottom:30px; transform: translateZ(0);}
.slick-dots li{ float:left; margin:0 4px;}
.slick-dots li button{ display:block; border:none; padding:0px; width:12px; height:12px; border-radius:50%; text-indent:-99px; overflow:hidden; background:rgba(255,255,255,0.5); box-sizing:border-box;}
.slick-dots li.slick-active button{ background:#1f367a;}

.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:#1f367a;}


.page{ width:100%; margin:30px auto; text-align:center; color:#fff; overflow:hidden; padding:5px; cursor: pointer;}
.page span{ width:auto; padding:5px 10px; border:1px solid #1f367a; margin:0 3px; background:#1f367a; color:#fff;}
.page .nolink{ width:auto; padding:5px 10px; border:1px solid #1f367a; margin:0 3px;}
.page a{ width:auto; padding:5px 10px; margin: 0 3px; border:1px solid #1f367a; color: #1f367a;  }
.page a:hover{  background:#1f367a; color:#fff;}
.page .page_current{ width:auto; padding:5px 10px; background:#1f367a; color: #fff; }
/*分页*/




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

.header{ position:fixed; left:0px; top:0px; right:0px; z-index:9; background:#fff; box-shadow:0 0 3px rgba(0,0,0,0.1);}
.header .wp{ width:auto; margin:0 30px; height:90px;}
.logo{ position:absolute; left:0px; top:50%; margin-top:-26px;}
.logo img{ height:60px; width:auto; display:block;}

.menu{ text-align:center;}
.menu ul{ display:inline-block; vertical-align:bottom;}
.menu li{ margin:0 30px; float:left; position:relative;}
.menu .h3 a{ display:block; height:90px; line-height:90px;}
.menu .h3 a:before{ content:''; position:absolute; bottom:0px; left:0px; right:0px; background:#1f367a; height:3px; display:none;}
.menu li.curr .h3 a:before{ display:block;}

.menu .h3 em{ display:none; position:absolute; color:#fff; right:30px; 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:30px; 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 .box1{ position:absolute; top:100%; display:none; width:180px; left:50%; margin-left:-90px; background:#1f367a;}
.menu .box1 a{ display:block; font-size:14px; color:#fff; height:50px; line-height:50px;}
.menu .box1 a:hover{ background:#fff; color:#1f367a;}


.menuPro{ position:absolute; top:100%; left:-9999px; right:-9999px; padding:0 9999px; display:none;}
.menuPro:before{ content:''; height:380px; width:50%; position:absolute; left:0px; top:0px; background:#e2e2e2; z-index:1;}
.menuPro:after{ content:''; height:380px; width:50%; position:absolute; right:0px; top:0px; background:#f9f9f9; z-index:1;}
.menuProBox{ width:1400px; margin:0 auto; padding:30px 0;}
.menuProFl{ float:left; width:50%; position:relative; z-index:2;}
.menuProFl .p{ width:50%; display:block; float:left; margin-bottom:20px;}
.menuProFl .p a{ display:block; margin-right:26px; height:42px; overflow:hidden; line-height:42px; text-align:left; padding:0 20px;}
.menuProFl .p a:hover{ background:#1f367a; color:#fff;}
.menuProFl .p span{ float:left;}
.menuProFl .p i{ float:right; background:url(../images/menuProFl.png) no-repeat left center; width:54px; height:42px; display:none;}
.menuProFl .p a:hover i{ display:block;}
.menuProFr{ float:left; width:50%; position:relative; z-index:2;}
.menuProFr .text{ padding-top:20px;}
.menuProFr .p{ width:60%; display:none; margin:0 auto;}
.menuProFr .p:first-child{ display:block;}
.menuProFr .more_min{ margin:0 auto;}

.menu li:hover .box1{ display:block;}
.menu li:hover .menuPro{ display:block;}

.topSearch{ position:absolute; right:-50px; top:0px; width:80px; height:90px; z-index:2;}
.topSearch .i{ height:90px; line-height:90px; text-align:center; background:#1f367a; color:#fff; font-size:28px; cursor:pointer;}
.topSearch .i:before{content: "\e814";}
.topSearch_con{ position:absolute; right:100%; top:0px; width:0px; overflow:hidden; background:#ccc;}
.topSearch_con .pd{ height:36px; position:relative; width:240px; padding:27px 20px;}
.ipt_t1{ display:block; width:100%; border:1px solid #fff; background:#fff; height:36px; padding:0 36px 0 10px; box-sizing:border-box; line-height:36px; font-size:16px;}
.ipt_b1{ position:absolute; right:20px; top:27px; width:36px; height:36px; line-height:36px; text-align:center; border:1px solid #fff;  cursor:pointer; box-sizing:border-box; background:#fff; font-size:20px;}

.topSearch.curr .i:before{content: "\e80c";}
.topSearch.curr .topSearch_con{ width:280px;}


.topNav{ }
.topNav li{ float:left; position:relative; width:50%;}
.topNav li a{ line-height:90px; font-size:14px; display:block; margin:0 20px;}
.topNav li:before{ content:''; position:absolute; right:0px; top:50%; height:16px; margin-top:-8px; width:1px; background:#cccccc;}
.topNav li:last-child:before{ display:none;}
.topNav .i{ display:none;}
.topNav .p{ line-height:90px; height:90px; overflow:hidden; font-size:14px; padding-right:20px;}
.topNav .p strong{ font-weight:normal; margin-right:2px;}
.topNav .p span{ width:4em;}
.topNav .p a{ margin-left:10px;}


.top-tel{ position:absolute; right:0; top:10%; font-size:24px; color: #1f367a; }
.top-tel i{ font-size:32px; margin-right: 10px; }


.iBanner{ min-height:90vh;}
.iBanner img{ width:100%; height:auto; display:block; min-height:70vh;}
.atlas{ position:relative;}
.atlasFor{}
.atlasFor .pd{ position:relative; display:block;}
.atlasFor .text{ position:absolute; width:840px; left:50%; margin-left:-700px; top:120px; bottom:0px; color:#fff;}
.atlasFor .h3{ font-size:70px; line-height:1; margin-bottom:0.4em;}
.atlasFor .h3 span{ display:none;}
.atlasFor .h3 img{ height:1.6em !important; width:auto; min-height:inherit; display:inline-block;}
.atlasFor .p{ font-size:24px; line-height:2; min-height:3em; margin-bottom:30px; padding-right:150px;}
.atlasFor .m{ margin-bottom:160px;}
.atlasFor .text2 .more1,
.atlasFor .text2 .more1:hover{ background:#fff; border-color:#fff; color:#1f367a;}

.atlasTab{ position:absolute; left:50%; width:320px; margin-left:-700px; bottom:40px;}
.atlasTab .pd{ cursor:pointer; height:38px; line-height:38px; font-size:14px; padding-left:20px; color:#424960; position:relative;}
.atlasTab .pd:before{ display:none; content:''; width:2px; height:16px; position:absolute; top:50%; margin-top:-8px; left:0px; background:#fff;}
.atlasTab .slick-active .pd{ color:#fff;}
.atlasTab .slick-active .pd:before{ display:block;}

.more{ display:inline-block; padding:0 40px; height:48px; background:#1f367a; border-radius:25px; border:1px solid #1f367a;}
.more span{ font-size:14px; height:48px; line-height:48px; float:left; margin-right:22px;}
.more i{ height:48px; line-height:48px; text-align:center; font-size:48px; float:left;}

.more_min{ padding:0 30px; height:42px; background:#1f367a; display:inline-block; border-radius:22px; border:1px solid #1f367a;}
.more_min span{ font-size:14px; height:42px; line-height:42px; float:left; margin-right:5px;}
.more_min i{ height:42px; line-height:42px; text-align:center; font-size:42px; float:left;}

.more1{ background:#1f367a; color:#fff; border-color:#1f367a;}
.more1:hover{ background:#fff; color:#000; border-color:#fff;}
.more2{ background:#fff; color:#000; border-color:#fff;}
.more2:hover{ background:#1f367a; color:#fff; border-color:#1f367a;}
.more3{ background:none; border-color:#ccc;}
.more3:hover{ background:#1f367a; color:#fff; border-color:#1f367a;}
.more4{ background:#4b79ff; border-color:#4b79ff; color:#fff;}
.more_min.more4 i{ font-size:18px;}
.more4:hover{ background:#1f367a; color:#fff; border-color:#1f367a;}
.more.more4 i{ font-size:24px;}

.tit1{ text-align:center; margin-bottom:40px;}
.tit1 strong{ display:block; font-size:34px; margin-bottom:23px; line-height:1; color:#333;}
.tit1 em{ display:block; line-height:1; font-size:26px; font-weight:lighter; color:#666;}

.iCon{ padding:60px 0; background:#fff;}
.iCon:nth-of-type(even){ background:#ececec;}

.iSolutionList{ margin-bottom:70px;}
.iSolutionList ul{ position:relative; margin-right:-10px;}
.iSolutionList li{ position:absolute; width:50%;}
.iSolutionList .pd{ display:block; margin-right:10px; background:#1f367a;}
.iSolutionList li.li1{ position:relative;}
.iSolutionList li.li2{ right:0px; top:0px;}
.iSolutionList li.li3{ right:0px; bottom:0px;}
.iSolutionList .img{}
.iSolutionList .text{ position:absolute; left:40px; right:40px; bottom:0px; color:#fff;}
.iSolutionList .h3{ font-size:30px; margin-bottom:10px;}
.iSolutionList .p{ font-size:16px; line-height:30px; height:60px; overflow:hidden; margin-bottom:40px; display:none;}
.iSolutionList .m{ display:none;}
.iSolutionList .more2:hover{ background:#fff; color:#000; border-color:#fff;}
.iSolutionList .pd:hover .img img{ opacity:0.1;}
.iSolutionList .pd:hover .text{ left:60px; right:60px; top:0px;}
.iSolutionList .pd:hover .p{ display:block;}
.iSolutionList .pd:hover .m{ display:block;}

.iSolutionVideo{}
.iSolutionVideo .pd{ display:block; position:relative;}
.iSolutionVideo .i{ width:88px; height:88px; border:4px solid #fff; position:absolute; line-height:88px; text-align:center; left:50%; top:50%; margin:-88px 0 0 -44px; border-radius:50%; font-size:26px; color:#fff;}
.iSolutionVideo .img{ position:relative; background:no-repeat center center; background-size:cover;}
.iSolutionVideo .img video{ width:100%; height:auto; display:block;}
.iSolutionVideo .img iframe{ position:absolute; left:0px; top:0px; right:0px; bottom:0px; width:100%; height:680px; display:block;}
.iSolutionVideo .text{ position:absolute; left:20px; right:20px; bottom:60px; text-align:center;}
.iSolutionVideo .h3{ font-size:46px; color:#fff; line-height:1; margin-bottom:30px;}
.iSolutionVideo .more2{ margin:0 auto;}
.iSolutionVideo .pd:hover .i{ border-color:#1f367a; background:#1f367a; color:#fff;}

.tit2{ overflow:hidden; margin-bottom:30px;}
.tit2 strong{ font-size:34px; height:44px; line-height:44px; float:left; color:#333;}
.tit2 .more3{ float:right;}

.iProduct{ padding-bottom:40px;}
.iProductList{ margin-right:-20px;}
.iProductList ul{ width:100%; float:left;}
.iProductList li{ float:left; width:32%; margin: 0 1% 2% 0; height: 320px; }
.iProductList .pd{ margin-right:20px; display:block; position:relative; background:#1f367a;}
.iProductList .li1{ width:100%;}
.iProductList img{ width: 100%; height: 300px;}
.iProductList .text{ position:absolute; left:0px; bottom:0px; right:0px; text-align:center; color:#fff; background:rgba(31,54,122,0.7);}
.iProductList .h3{ font-size:18px; line-height:50px; height:50px; overflow:hidden; padding:0 30px;}
.iProductList .h3 span{ color:#55f1ff;}
.iProductList .h3 strong{ color:#ffd955; font-weight:normal;}
.iProductList .p{ display:none; font-size:14px; height:44px; line-height:22px; overflow:hidden; margin-bottom:20px; padding:0 30px;}
.iProductList .m{ display:none;}
.iProductList .more2:hover{ background:#fff; color:#000; border-color:#fff;}
.iProductList .more2{ margin:0 auto;}

.iProductList .li1 .h3{ background:none; position:absolute; left:30px; bottom:290px;}
.iProductList .li2 .h3{ background:none; position:absolute; left:0px; bottom:120px;}

.iProductList .pd:hover .img img{ opacity:0.1;}
.iProductList .pd:hover .text{ top:0px; background:none;}
.iProductList .pd:hover .h3{ position:static;}
.iProductList .pd:hover .p{ display:block;}
.iProductList .pd:hover .m{ display:block;}

.iNews{}
.iNewsCon{}
.iNewsFl{ width:680px; float:left;}
.iNewsFl .pd{ display:block; position:relative;}
.iNewsFl .text{ position:absolute; left:0px; bottom:0px; right:0px; height:84px; background:rgba(31,54,122,0.5);}
.iNewsFl .h3{ height:84px; line-height:84px; font-size:20px; margin-left:120px; padding:0 22px; color:#fff;}
.iNewsFl .em{ position:absolute; left:0px; top:0px; bottom:0px; width:120px; text-align:center; background:#1f367a; line-height:84px; font-size: 18px; color:#fff;}
.iNewsFl .em strong{ display:block; font-size:20px; font-weight:normal; padding-top:16px; margin-bottom:12px;}
.iNewsFl .em em{ display:block; font-size:18px;}

.iNewsFl .slick-arrow{font-size:44px; position:absolute; top:50%; z-index:2; height:50px; margin-top:-67px; line-height:50px; width:50px; text-align:center; padding:0px; border:none; color:#fff; background:none; border-radius:50%;}
.iNewsFl .slick-arrow:hover{ color:#1f367a;}
.iNewsFl .slick-prev{ left:20px;}
.iNewsFl .slick-prev:before{ content: "\e818"; }
.iNewsFl .slick-next{ right:20px;}
.iNewsFl .slick-next:before{ content: "\e816"; }


.iNewsFr{ width:680px; float:right;}
.iNewsFr li{ margin-bottom:20px; position:relative;}
.iNewsFr li:last-child{ margin-bottom:0px;}
.iNewsFr .pd{ display:block; border:1px solid #cecece; padding:30px;}
.iNewsFr .text{ position:relative; padding-left:75px;}
.iNewsFr .em{ position:absolute; left:0px; top:2px; line-height:1; border-bottom:2px solid #bdbdbd; color:#999; padding-bottom:12px;}
.iNewsFr .em strong{ display:block; font-weight:normal; font-size:20px; margin-bottom:10px;}
.iNewsFr .em em{ display:block; font-size:18px;}
.iNewsFr .h3{ height:24px; line-height:24px; font-size:18px; color:#000; margin-bottom:10px; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1;}
.iNewsFr .p{ font-size:14px; line-height:24px; height:48px; overflow:hidden; color:#999; margin-bottom:4px; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp:2;}
.iNewsFr .line{ position:absolute; background:#1f367a;}
.iNewsFr .line_t{ height:1px; right:0px; top:0px; width:0%;}
.iNewsFr .line_r{ width:1px; right:0px; top:0px; height:0%;}
.iNewsFr .line_b{ height:1px; left:0px; bottom:0px; width:0%;}
.iNewsFr .line_l{ width:1px; left:0px; bottom:0px; height:0%;}
.iNewsFr .pd:hover .line_t{ width:100%;}
.iNewsFr .pd:hover .line_r{ height:100%;}
.iNewsFr .pd:hover .line_b{ width:100%;}
.iNewsFr .pd:hover .line_l{ height:100%;}



.footer{ background:#3c3c3c; padding:50px 0; position:relative;}
.footer .wp:before{ content:''; position:absolute; right:-260px; top:-50px; bottom:-50px; z-index:1; background:#2d2d2d; width:600px;}
.footerFl{ float:left; position:relative; z-index:2;}
.footerNav{ margin-bottom:50px;}
.footerNav dl{ float:left; margin-right:100px;}
.footerNav dt{ margin-bottom:16px;}
.footerNav dt a{ font-size:16px; line-height:1; color:#fff;}
.footerNav dd{}
.footerNav dd a{ font-size:14px; display:block; line-height:30px;}
.footerNav dd a:hover{ color:#fff;}
.footerNav dl:last-child{ margin-right:0px;}
.footerBottom{ font-size:12px; color:#cccccc; line-height:16px;}

.footerFr{ float:right; width:300px; position:relative; z-index:2; font-size:16px;}
.footerFr .h3{ font-size:16px; line-height:1; margin-bottom:20px; color:#fff;}
.footerFr ul{ padding:0 0 20px 0; border-bottom:1px solid #494949; margin-bottom:18px;}
.footerFr li{ float:left; margin-right:30px;}
.footerFr li a{ width:40px; height:40px; display:block; border-radius:50%; color:#fff; font-size:24px; text-align:center; line-height:40px; background:#222222;}
.footerFr li a:hover{ background:#1f367a;}
.footerFr .h4{ font-size:16px; line-height:1; margin:20px 0; color:#fff;}
.footerFr .em{ font-size:30px; line-height:1; font-family:Arial,"Source Han Sans CN",\5FAE\8F6F\96C5\9ED1,"Museo300", "Open Sans", "Hiragino Sans GB", STXihei, "Microsoft YaHei", sans-serif; font-weight:bold; color:#ccc; margin-bottom:15px;}
.footerFr .em a{ color:#ccc;}
.footerFr .em a:hover{ color:#fff;}
.footerFr .p{ line-height:30px;}
.footerFr .p a{ color:#999;}
.footerFr .p a:hover{ color:#fff;}


.subNav{ position:fixed; right:0px; top:50%; width:78px; z-index:9; margin-top:-130px;}
.subNav li{ margin-bottom:1px; position:relative;}
.subNav .h3{ background:#1f367a; text-align:center; padding:10px 0;}
.subNav .h3 a{ color:#fff;}
.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 .li4 .h3{ background:#444;}
.subNav .li1 .box{ position:absolute; right:100%; height:64px; line-height:64px; background:#1f367a; 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:180px;}


.user_bg{ position:fixed; left:0px; top:0px; right:0px; bottom:0px; background:rgba(0,0,0,0.8); z-index:99; display:none;}
.user_box{ position:fixed; width:660px; left:50%; top:50%; margin:-280px 0 0 -330px; background:url(../images/user_box.jpg) no-repeat #1f367a; background-size:cover; border-radius:10px; z-index:100; display:none;}
.userTab{ border-bottom:1px solid #0073de;}
.userTab li{ width:50%; float:left;}
.userTab li:last-child{ display:none;}
.userTab a{ display:block; text-align:center; height:86px; line-height:86px; font-size:36px; font-weight:bold; color:#fff; position:relative;}
.userTab a:before{ content:''; height:7px; display:none; position:absolute; left:0px; right:0px; bottom:0px; background:#0073de;}
.userTab li.curr a:before{ display:block;}
.userCon{ padding:40px 80px 60px 80px;}
.userCon .li{ display:none;}
.userCon .userLogin{ display:block;}
.userCon .userRegister{}
.userCon .userRetrieve{}
.userCon li{ margin-bottom:20px; position:relative;}
.userCon .m{ text-align:center;}
.userCon .m a{ margin:0 20px; color:#fff;}
.userCon .m a:hover{ text-decoration:underline;}
.userCon dl{ margin-bottom:12px;}
.userCon dt{ float:left; width:132px; color:#7b93e1; line-height:44px;}
.userCon dd{ margin-left:132px; position:relative;}
.userCon .h3{ color:#fff; font-size:36px; line-height:1; margin-bottom:20px; padding-top:20px;}
.userCon .p{ color:#fff; font-size:16px; line-height:1; margin-bottom:25px;}

.userClose{ position:absolute; right:0px; top:0px; width:44px; height:44px; line-height:44px; text-align:center; z-index:2; color:#fff;}
.userClose:hover{ color:#0073de;}
.li_yzm{ padding-right:208px;}
.li_button{ padding-top:20px;}

.dl_button{ padding-top:20px;}
.dl_button dt{ display:none !important;}
.dl_button dd{ margin-left:0px !important;}

.img_yzm{ position:absolute; right:0px; top:0px; cursor:pointer;}
.img_yzm img{ height:58px; width:188px; border-radius:29px;}
.img_yzm2{ position:absolute; right:0px; top:0px; cursor:pointer;}
.img_yzm2 img{ height:44px; width:auto; border-radius:22px;}

.ipt_t2{ width:100%; height:58px; padding:0 40px; color:#fff; font-size:16px; box-sizing:border-box; border:1px solid #5f73b3; background:none; border-radius:30px; display:block;}
.ipt_b2{ width:300px; height:60px; line-height:60px; text-align:center; font-size:20px; border:none; display:block; margin:0 auto; border-radius:30px; background:#0073de; color:#fff;}
.ipt_t3{ width:100%; height:44px; background:#5f73b3; border:none; padding:0 30px; box-sizing:border-box; font-size:16px; border-radius:22px; color:#fff;}
.ipt_s3{ width:100%; height:44px; background-color:#5f73b3 !important; border:none; padding:0 30px; box-sizing:border-box; font-size:16px; border-radius:22px; color:#fff;}
.ipt_yzm{ position:absolute; right:0px; top:0px; height:44px; line-height:44px; width:144px; text-align:center; background:#fff; border:none; border-radius:22px; font-size:16px;}
.ipt_yzm2{ position:absolute; right:0px; top:0px; height:58px; line-height:58px; width:188px; text-align:center; background:#fff; border:none; border-radius:29px; font-size:18px;}




.pBanner{ background:no-repeat center center; background-size:cover;}
.pBanner .wp{ height:430px;}
.pBanner .text{ position:absolute; color:#fff; line-height:1; top:0px; bottom:0px;}
.pBanner .em{ font-size:40px; margin-bottom:25px;}
.pBanner .h3{ font-size:50px; margin-bottom:90px; font-weight:bold;}
.pgNav{ position:absolute; left:0px; bottom:-24px; right:-10px; z-index:2;}
.pgNav ul{ display:table; width:100%;}
.pgNav li{ display:table-cell; vertical-align:top;}
.pgNav a{ display:block; margin-right:10px; height:68px; font-size:20px; line-height:68px; text-align:center; background:#1f367a; color: #fff; box-shadow:5px 5px 15px rgba(0,0,0,0.1);}
.pgNav li:first-child a{ border-radius:8px 0 0 8px;}
.pgNav li:last-child a{ border-radius:0 8px 8px 0;}
.pgNav li:hover a{ background:#3652a3; color:#fff;}

.pgNav1 li{ width:100%;}
.pgNav2 li{ width:50%;}
.pgNav3 li{ width:33.3333%;}
.pgNav4 li{ width:25%;}
.pgNav5 li{ width:20%;}

.pMain{ background:#f4f4f4;}

.aboutCon{ padding:80px 0; background:#fff;}
.aboutCon1{}
.aboutCon1 .img{ width:50%; float:left;}
.aboutCon1 .text{ padding-left:40px; margin-left:50%;}
.aboutCon1 .h3{ font-size:30px; line-height:1; margin-bottom:1em;}
.aboutCon1 .p{ font-size:18px; line-height:2;}
.aboutCon1 .p p{ margin-bottom:1em;}

.tit3{ font-size:30px; line-height:1; margin-bottom:55px; text-align:center;}
.tit3_1{ text-align:left; margin-bottom:25px;}
.aboutCon2{ background:#cde9ff;}
.patentList{}
.patentList .single-item{ margin-right:-20px;}
.patentList .pd{ margin-right:20px; background:#fff; padding:40px 20px 30px 20px;}
.patentList .h3{ font-size:56px; font-family:arial; text-align:center; line-height:1; margin-bottom:20px; color:#1f367a;}
.patentList .p{ font-size:16px; line-height:23px; height:46px; text-align:center;}

.aboutCon3{}
.aboutCon3 .h3{font-size:30px; line-height:1; margin-bottom:100px;}
.aboutCon3 .em{ font-size:70px; line-height:1; margin-bottom:30px; color:#e0e5f3;}


.album{ background:#1f367a; padding:60px 50px; position:relative;}
.albumTab{ width:52%; float:left;}
.albumTab .single-item{ margin-right:-30px;}
.albumTab .slick-arrow{ width:70px; height:70px; border:1px solid #ccc; background:#fff; color:#ccc; border-radius:50%; margin-top:0px; top:-95px;}
.albumTab .slick-prev{ left:auto; right:150px;}
.albumTab .slick-next{ right:30px;}
.albumTab .slick-arrow:hover{ color:#1f367a; border-color:#1f367a;}
.albumTab .pd{ margin-right:30px;}
.albumCon{ width:41%; position:absolute; right:50px; bottom:60px;}

.qualifications{}
.qualifications .img{ border:1px solid #ddd;}
.qualifications .h3{ text-align:center;}
.qualifications .slick-slide,
.qualifications .slick-slide .pd{
-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;
}
.qualifications .pd{ background:rgba(255,255,255,0.7); padding:25px 0; margin:0px; transform: scale(0.8);}
.qualifications .slick-slide .pd{}
.qualifications .slick-active .pd{ box-shadow:4px 4px 8px rgba(255,255,255,0.5);}
.qualifications .slick-current .pd{ transform: scale(1); background:rgba(255,255,255,1);}
.qualifications .slick-current .h3{ color:#8d6737;}
.qualifications .slick-slide{ visibility:hidden;}
.qualifications .slick-active{ visibility:visible;}
.qualifications .slick-current{ visibility:visible;}



/*qualifications*/
.lb_gl{}
.container{position: relative;}
.pictureSlider{height: 518px;margin-bottom: 24px;}
.poster-item{ height: 453px; width:336px; padding:45px 23px 20px 23px;
transition: all 0.5s;
-moz-transition: all 0.5s;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
}
.turn_3d{text-align: center;color: #fff;font-weight: 400;font-size: 36px;padding: 28px 0;}

.lb_gl .pd{}
.lb_gl .img{ border:1px solid #ddd; box-shadow:0 0 15px rgba(0,0,0,0.1);}
.lb_gl .img img{}
.lb_gl .h3{ text-align:center; height:60px; overflow:hidden; line-height:60px; color:#000;}

.product{ padding:40px 0;}
.product_list{}
.product_list ul{ margin-right:-25px;}
.product_list li{ width:32%; margin: 0 1% 2% 0; float:left; margin-bottom:30px;}
.product_list .pd{ margin-right:20px; background:#fff; display:block; padding:20px; border-radius:0 36px 0 36px; position:relative;}
.product_list .pd:before{content: "\e7f9"; width:24px; height:24px; text-align:center; line-height:24px; position:absolute; right:24px; bottom:24px; transform:rotate(45deg); font-size:18px;}
.product_list .img img{ height: 260px}
.product_list .text{ padding:15px 0;}
.product_list .h3{ font-size:24px; margin-bottom:10px; line-height:36px; height:36px; overflow:hidden; color:#333; text-align: center;}
.product_list .p{ font-size:14px; line-height:22px; height:44px; color:#666; overflow:hidden;}

.proTop{ margin-bottom:30px; background:#fff;}
.proTop .img{ float:left; width:50%;}
.proTop .img video{ width:100%; height:auto; display:block;}
.proTop .text{ margin-left:50%; padding:50px;}
.proTop .h3,
.softwareCon .h3{ font-size:50px; line-height:1; padding-bottom:40px; margin-bottom:25px; position:relative; color:#333; font-weight:bold;}
.proTop .h3:before,
.softwareCon .h3:before{ height:6px; position:absolute; left:0px; bottom:0px; width:1.5em; content:''; background:#1f367a;}
.proTop .p{ font-size:18px; line-height:2; color:#666;}

.proCon{ background:#fff; padding:52px 30px;}
.proCon dl{ margin-bottom:15px;}
.proCon dt{ background:#ebebeb; height:30px; cursor:pointer; line-height:30px; padding:15px 25px; color:#333;}
.proCon dt i{ width:30px; height:30px; text-align:center; line-height:30px; background:#1f367a; display:block; float:left; border-radius:50%; color:#fff; margin-right:20px;}

.proCon dt span{ font-size:20px; float:left; height:30px; line-height:30px;}
.proCon dt em{ float:right; height:30px; line-height:30px;}
.proCon dd{ border:1px solid #ebebeb; border-top:none; padding:30px; font-size:16px; line-height:2; display:none;}

.proCon dl.curr dt{ background:#1f367a; color:#fff;}
.proCon dl.curr dt i{ background:#fff; color:#000;}
.proCon dl.curr dt i:before{content: "\e606";}
.proCon dl.curr dt em{ transform:rotate(180deg);}
.proCon dl.curr dd{ display:block;}

.proModel{ margin-bottom:30px;}
.proModel_list ul{ margin-right:-25px;}
.proModel_list li{ width:33.3333%; float:left;}
.proModel_list .pd{ display:block; position:relative; margin-right:25px; background:#fff; border:1px solid #fff; overflow:hidden; padding:30px; border-radius:0 25px 0 25px;}
.proModel_list .pd:before{ content:'\e7f9'; width:26px; height:26px; line-height:26px; text-align:center; background:#1f367a; color:#fff; position:absolute; right:0px; bottom:0px; display:none;}
.proModel_list .img{ width:200px; float:left;}
.proModel_list .text{ margin-left:200px; padding-left:20px;}
.proModel_list .h3{ font-size:20px; height:26px; line-height:26px; overflow:hidden; margin-bottom:16px; color:#333;}
.proModel_list .p{ font-size:14px; line-height:22px; height:66px; overflow:hidden; color:#666; margin-bottom:20px;}
.proModel_list .m em{ color:#666;}
.proModel_list .pd:hover{border-color:#1f367a;}
.proModel_list .pd .m:hover em{ color:#1f367a;}
.proModel_list .pd:hover:before{ display:block;}

.proSuit{ margin-bottom:50px;}
.proSuit .pd{ display:block; background:url(../images/proSuitBg.jpg) no-repeat right center; background-size:50% auto; overflow:hidden;}
.proSuit .img{ width:50%; float:left; position:relative;}
.proSuit .img:before{ content:''; background:url(../images/sj.png) no-repeat; width:20px; height:35px; position:absolute; right:-1px; top:50%; margin-top:-21px;}
.proSuit .text{ margin-left:50%; padding:90px; color:#fff;}
.proSuit .h3{ font-size:30px; line-height:1; margin-bottom:20px;}
.proSuit .p{ font-size:50px; line-height:1; margin-bottom:50px;}

.proBoard{ padding:50px 9999px; margin:0 -9999px; background:#fff;}
.proBoard .proModel_list .pd{ border-color:#ccc; padding:30px 20px;}
.proBoard .proModel_list .pd:hover{border-color:#1f367a;}
.proBoard .proModel_list .img{ width:180px;}
.proBoard .proModel_list .text{ margin-left:180px;}



.proRelated_bg{ position:fixed; left:0px; top:0px; right:0px; bottom:0px; background:rgba(0,0,0,0.8); z-index:99; display:none;}
.proRelated_box{ position:fixed; width:846px; background:#fff; left:50%; top:50%; margin:-270px 0 0 -423px; z-index:991; box-sizing:border-box; padding:40px; display:none;}

.proRelated_guanbi{ width:40px; height:40px; text-align:center; font-size:22px; line-height:40px; color:#5f5f5f; position:absolute; right:10px; top:10px; cursor:pointer;}
.proRelated_guanbi:hover{color:#e60019;}
.proRelated_con{}
.proRelated_con .img{ width:380px; float:left;}
.proRelated_con .text{ margin-left:410px;}
.proRelated_con .h3{ font-size:30px; color:#333; line-height:1.5;}
.proRelated_con .em{ font-size:20px; color:#1f367a; border-bottom:1px solid #ccc; line-height:1.4; padding-bottom:8px; margin-bottom:20px;}
.proRelated_con .p{ color:#666; font-size:14px; line-height:2; height:360px; overflow-y:auto;}
.proRelated_con .p strong{ color:#333;}

.course{ padding:65px 0 80px 0;}
.courseTab{ margin-bottom:20px;}
.courseTab li{ float:left; margin-right:60px;}
.courseTab a{ height:58px; line-height:58px; font-size:20px; display:block; position:relative;}
.courseTab a:before{ content:''; height:6px; position:absolute; left:0px; bottom:0px; right:0px; background:#1f367a; display:none;}
.courseTab li.curr a{ color:#1f367a;}
.courseTab li.curr a:before{ display:block;}

.courseCon{}
.courseCon ul{ margin-right:-13px;}
.courseCon li{ width:25%; float:left;}
.courseCon .pd{ margin-right:13px; display:block; background:#fff;}
.courseCon .img{}
.courseCon .text{ padding:20px 25px;}
.courseCon .h3{ font-size:16px; line-height:28px; height:56px; overflow:hidden; color:#333;}
.courseCon .m{ padding-top:10px;}
.courseCon .m i{ background:url(../images/ico_course.png) no-repeat; width:50px; height:7px; display:block; opacity:0;}
.courseCon .pd:hover .m i{ opacity:1;}

.crumbs{ padding:18px 0 18px 30px; position:relative; line-height:30px;}
.crumbs:before{content:'\e820'; position:absolute; height:20px; line-height:20px; font-size:20px; left:0px; top:50%; margin-top:-10px; color:#ccc;}
.crumbs a{ color:#999;}
.crumbs em{ color:#999; margin:0 8px;}
.crumbs span{ color:#666;}


.courseTop{ background:#fff; padding:30px; margin-bottom:15px;}
.courseTop .img{ float:left; width:630px;}
.courseTop .text{ margin-left:630px; padding-left:40px;}
.courseTop .h3{ font-size:30px; color:#333; margin-bottom:25px;}
.courseTop .p{ font-size:16px; line-height:2; color:#666; margin-bottom:40px;}
.courseTop .em{ line-height:20px; overflow:hidden; height:20px; color:#888; margin-bottom:40px;}
.courseTop .em i{ margin-right:5px; font-size:20px; float:left;}
.courseTop .em span{ float:left; font-size:14px; float:left;}
.courseTop .m{ overflow:hidden;}
.courseTop .m a{ padding:0 40px; float:left; height:50px; line-height:50px; display:block; background:#1f367a; color:#fff; border-radius:25px;}
.courseTop .m a i{ float:left; font-size:26px; margin:0 10px;}
.courseTop .m a span{ float:left; margin:0 10px;}

.tit4{ overflow:hidden;}
.tit4 strong{ float:left; height:58px; line-height:58px; border-top:6px solid #1f367a; color:#333333; font-size:20px;}
.tit4 a{ float:right; height:58px; line-height:58px; border-top:6px solid #fff; color:#999999;}
.tit4 a:hover{ color:#1f367a;}
.courseMain{ padding-bottom:40px;}
.courseFl{ float:left; width:1004px; background:#fff;}
.courseFl .npd{ padding:0 30px 40px 30px;}
.courseFl li{ margin-bottom:10px;}
.courseFl a{ height:50px; line-height:50px; display:block; overflow:hidden; background:#eee; padding:0 15px; color:#333333;}
.courseFl span{ float:left;}
.courseFl em{ float:right;}
.courseFl a:hover{ background:#1f367a; color:#fff;}

.courseFr{ float:right; width:380px; background:#fff;}
.courseFr .npd{ padding:0 30px 40px 30px;}

.courseRecommend{}
.courseRecommend .pd{ background:#f5f5f5; display:block; margin-bottom:46px;}
.courseRecommend .img{}
.courseRecommend .text{ padding:18px 15px;}
.courseRecommend .h3{ font-size:16px; line-height:28px; height:56px; overflow:hidden;}
.courseRecommend .slick-dots{ bottom:0px;}
.courseRecommend .slick-dots li button{ background:#cccccc;}
.courseRecommend .slick-dots li.slick-active button{ background:#1f367a;}


.fileSearch{ width:482px; margin:0 auto; margin-bottom:10px;}
.fileSearch .pd{ position:relative; overflow:hidden;}
.ipt_t4{ width:100%; height:66px; box-sizing:border-box; border:1px solid #ddd; border-radius:33px; padding:0 50px; font-size:16px;}
.ipt_b4{ position:absolute; right:0px; top:0px; width:66px; height:66px; line-height:66px; text-align:center; background:none; border:none; cursor:pointer; font-size:28px; color:#888;}
.ipt_b4:hover{ color:#1f367a;}

.fileList{}
.fileList dl{ margin-bottom:10px;}
.fileList dt{ border-bottom:1px solid #ddd; padding:22px 0; overflow:hidden; cursor:pointer;}
.fileList dt i{ float:left; width:36px; height:36px; line-height:36px; text-align:center; border-radius:50%; background:#1f367a; color:#fff; margin-right:12px;}
.fileList dt span{ float:left; height:36px; line-height:36px; font-size:24px;}
.fileList dd{ display:none;}
.fileList li{ border-bottom:1px dotted #b2b2b2;}
.fileList .pd{ display:block; padding:20px 50px; overflow:hidden; position:relative;}
.fileList .img{ float:left; font-size:36px; line-height:1; color:#4b79ff; width:50px;}
.fileList .text{ margin-left:50px;}
.fileList .h3{ font-size:18px; color:#666; line-height:1; margin-bottom:15px;}
.fileList .em{ font-size:14px; color:#999;}
.fileList .i{ width:36px; height:36px; line-height:36px; text-align:center; background:#1f367a; border-radius:50%; color:#fff; font-size:20px; position:absolute; right:50px; top:50%; margin-top:-18px;}

.fileList dl.curr dt{ border-bottom-color:#1f367a;}
.fileList dl.curr dt i:before{content: "\e606";}
.fileList dl.curr dd{ display:block;}


.softwareList{}
.softwareList ul{ margin-right:-24px;}
.softwareList li{ width:50%; float:left;}
.softwareList .pd{ margin-right:24px; display:block; background:#fff; padding:40px; border-radius:0 40px 0 40px; overflow:hidden;}
.softwareList .img{ width:213px; float:left; box-shadow:0 0 15px rgba(0,0,0,0.1);}
.softwareList .text{ margin-left:213px; padding-left:50px;}
.softwareList .h3{ font-size:30px; line-height:40px; height:80px; overflow:hidden; margin-bottom:25px;}
.softwareList .p{ font-size:16px; line-height:28px; height:112px; overflow:hidden; margin-bottom:35px;}
.softwareList .m{ overflow:hidden;}
.softwareList .m a{ float:left;}
.softwareList .m a.more3{ margin-right:28px;}


.softwareTop{}
.softwareTop .pd{ background:#1f367a; padding:40px; overflow:hidden;}
.softwareTop .img{ width:213px; float:left; box-shadow:0 0 15px rgba(0,0,0,0.1);}
.softwareTop .text{ margin-left:213px; padding-left:50px; color:#fff;}
.softwareTop .h3{ font-size:30px; line-height:40px; margin-bottom:20px;}
.softwareTop .p{ font-size:16px; line-height:28px; overflow:hidden; margin-bottom:25px;}
.softwareTop .m{ overflow:hidden;}
.softwareTop .m a{ float:left; color:#1f367a; background:#fff; border-color:#1f367a;}
.softwareTop .m a.more{ margin-right:28px;}

.softwareCon{ padding:40px; background:#fff;}
.softwareCon .pd{ overflow:hidden;}
.softwareCon .img{ width:604px; float:left;}
.softwareCon .text{ margin-left:604px; padding:40px 0 0 80px; font-size:16px; line-height:28px; color:#666;}
/*.softwareCon .h3{ font-size:30px; line-height:40px; margin-bottom:20px;}
.softwareCon .p{ font-size:16px; line-height:28px; overflow:hidden; margin-bottom:25px;}*/
.softwareCon .slick-dots{ bottom:0px; left:684px;}
.softwareCon .slick-dots li button{ background:#cccccc;}
.softwareCon .slick-dots li.slick-active button{ background:#1f367a;}


.fqa dl{ margin-bottom:20px; border:1px solid #ddd;}
.fqa dt{ padding:14px 0; overflow:hidden; position:relative;}
.fqa dt .i{ width:48px; height:30px; line-height:30px; border-right:1px dashed #000; float:left; text-align:center;}
.fqa dt span{ display:block; height:30px; line-height:30px; margin:0 48px; padding-left:10px;}
.fqa dt i{ width:30px; height:30px; position:absolute; top:50%; margin-top:-15px; right:10px; transform:rotate(90deg);}
.fqa dd{ padding:15px 40px 15px 0; display:none;}
.fqa dd .i{ width:48px; height:30px; line-height:30px; border-right:1px dashed #000; float:left; text-align:center;}
.fqa dd .p{ margin-left:48px; padding-left:10px;}
.fqa .curr dt{ background:#1f367a; color:#fff;}
.fqa .curr dt .i{ border-right-color:#fff;}
.fqa .curr dt i{ transform:rotate(-90deg);}
.fqa .curr dd{ display:block;}

.pMainPg{ padding:70px 0;}
.pMainBg{ background:#fff; padding:40px;}


.news{}
.news_list1{}
.news_list1 ul{}
.news_list1 li{ border-bottom:1px solid #eee;}
.news_list1 .pd{ display:block; padding:25px 0; overflow:hidden;}
.news_list1 .img{ width:400px; float:left;}
.news_list1 .text{ margin-left:400px; padding:20px 0 20px 50px;}
.news_list1 .h3{ overflow:hidden; margin-bottom:20px;}
.news_list1 .h3 span{ float:left; height:26px; font-size:14px; margin-right:10px; background:#4b79ff; color:#fff; border-radius:5px; line-height:26px; padding:0 10px;}
.news_list1 .h3 span.end{ background:#666; color:#fff;}
.news_list1 .h3 strong{ float:left; font-size:24px; line-height:26px; height:26px; overflow:hidden; color:#333;}
.news_list1 .p{ font-size:16px; line-height:32px; height:64px; color:#666; margin-bottom:50px; overflow:hidden;}
.news_list1 .m{ overflow:hidden;}
.news_list1 .more_min{ float:left;}
.news_list1 .em{ float:right; line-height:44px; color:#999;}


.flip{ text-align:center; padding-top:30px;}
.flip .pd{ display:inline-block; vertical-align:bottom;}
.flip li{ float:left; width:40px; line-height:40px; margin:0 5px; text-align:center; display:block; background:#fff; font-size:14px; color:#111;}
.flip li a,
.flip li span{ display:block;}
.flip li.flip_prev,
.flip li.flip_next{ background:#d6d6d6; color:#fff;}
.flip li.active,
.flip li:hover{ background:#1f367a; color:#fff;}
.flip li:hover a{ color:#fff;}

.news_list2{}
.news_list2 li{ border-bottom:1px solid #eee;}
.news_list2 .pd{ display:block; position:relative; padding:25px 25px 25px 125px;}
.news_list2 .h3{ font-size:24px; height:30px; line-height:30px; overflow:hidden; margin-bottom:20px; color:#333;}
.news_list2 .em{ width:100px; position:absolute; left:0px; top:25px; border-right:1px solid #eee; text-align:center; color:#999;}
.news_list2 .em strong{ display:block; font-size:26px; line-height:1; font-weight:normal; margin-bottom:5px;}
.news_list2 .em em{ display:block; font-size:22px; line-height:1;}
.news_list2 .p{ font-size:16px; line-height:30px; height:60px; overflow:hidden; color:#666;}
.news_list2 .pd:hover{ background:#1f367a;}
.news_list2 .pd:hover .h3{ color:#fff;}
.news_list2 .pd:hover .em{ color:#fff;}
.news_list2 .pd:hover .p{ color:#fff;}


.news_fl{ width:100%; float: left; padding-bottom:50px;}
.news_info{ background: #fff; border-radius: 22px 0 22px 0; padding: 50px 60px; margin-bottom: 10px;}
.news_tit{ margin-bottom: 25px;}
.news_tit h1{ font-size: 24px; line-height: 1.4; margin-bottom: 5px; color: #111;word-wrap: break-word;}
.news_tit .em{ font-size: 14px; color: #5f5f5f;}
.news_con{ word-wrap: break-word; font-size:16px;}
.news_con img{ max-width: 100%; height: auto !important; margin:20px 0;}
.news_flip{ padding: 15px 0;}
.news_flip li{ float: left; max-width: 49%;}
.news_flip li i{ float: left; width: 20px; text-align: center; line-height: 40px; height: 40px;}
.news_flip li span{ margin:0 0 0 30px; line-height: 40px; height: 40px; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:1;overflow: hidden;}
.news_flip li.li2{ float: right;}
.news_flip li.li2 i{ float:right;}
.news_flip li.li2 span{ margin: 0 30px 0 0;}

.news_fr{ width: 430px; float: right;}
.hotNews{background: #fff; border-radius: 22px 0 22px 0; padding: 30px;}

.hotNews_tit{ font-size: 18px; line-height: 1; margin-bottom: 15px;}
.hotNews_tit strong{ color: #111; font-weight: normal; margin-right: 10px;}
.hotNews_tit span{ color: #5c5c5c; font-weight: lighter;}

.news_list3{}
.news_list3 ul{ min-height:108px;}
.news_list3 li{ overflow:hidden; font-size:14px; line-height:36px;}
.news_list3 a{ display:block; color:#5f5f5f;}
.news_list3 span{ height:36px; overflow:hidden; display: -webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1; margin-right:100px;}
.news_list3 em{ float:right;}
.news_list3 a:hover{ color:#c81125;}


.news_top{ background:#fff; margin-bottom:15px;}
.news_top .pd{ display:block; padding:30px; overflow:hidden;}
.news_top .img{ width:400px; float:left;}
.news_top .text{ margin-left:400px; padding:20px 0 20px 50px;}
.news_top .h3{ overflow:hidden; margin-bottom:20px;}
.news_top .h3 span{ float:left; height:26px; font-size:14px; margin-right:10px; background:#4b79ff; color:#fff; border-radius:5px; line-height:26px; padding:0 10px;}
.news_top .h3 span.end{ background:#666; color:#fff;}
.news_top .h3 strong{ float:left; font-size:24px; line-height:26px; height:26px; overflow:hidden; color:#333;}
.news_top .p{ font-size:16px; line-height:32px; min-height:64px; color:#666; margin-bottom:20px;}
.news_top .m{ overflow:hidden;}
.news_top .em{ line-height:44px; color:#999; margin-bottom:10px;}
.news_top .more_min{}

.news_bottom{ background:#fff; padding:0 30px 30px 30px;}
.newsCon{ font-size:16px; line-height:2;}
.newsCon strong{ color:#000;}


.solution{}
.solution .product_list ul{ margin-right:-16px;}
.solution .product_list li{ width:33.3333%;}
.solution .product_list .pd{ margin-right:16px;}

.pBanner_contact .text{ color:#1f367a;}

.contact{}
.contact .img{ width:640px; float:right;}
.contact .text{ margin-right:640px; padding-right:50px;}
.contact dl{ padding-left:35px; margin-bottom:30px;}
.contact dl:last-child{ margin-bottom:0px;}
.contact dt{ font-size:20px; height:30px; line-height:30px; color:#666; font-weight:normal; position:relative;}
.contact dt i{ position:absolute; width:30px; height:30px; line-height:30px; text-align:center; left:-35px; font-size:24px;}
.contact dt strong{ font-weight:normal;}
.contact dd{ font-size:16px; color:#999;}
.contact dd a{ color:#999;}
.contact dd a:hover{ color:#1f367a;}


.msg{ margin-right:-40px;}
.msgFl{ width:40%; float:left; box-sizing:border-box;}
.msgFr{ width:60%; float:left; box-sizing:border-box;}
.msg dl{ margin-bottom:15px; padding:0 40px 0 30px;}
.msg dt{ font-size:20px; height:30px; line-height:30px; margin-bottom:5px; color:#666; font-weight:normal; position:relative;}
.msg dt i{ position:absolute; width:30px; line-height:30px; text-align:center; left:-30px; color:#ff0000;}
.msg dt strong{ font-weight:normal; display:block;}
.msg dd{ position:relative;}

.ipt_t5{ display:block; width:100%; height:46px; box-sizing:border-box; border:1px solid #ccc; font-size:16px; padding:0 15px;}
.ipt_s5{ display:block; width:100%; height:46px; box-sizing:border-box; border:1px solid #ccc; font-size:16px; padding:0 15px;}
.ipt_b5{ display:block; width:234px; height:60px; line-height:60px; text-align:center; color:#fff; font-size:20px; background:#1f367a; border:none; cursor:pointer;}
.ipt_text5{ display:block; width:100%; line-height:1.6; box-sizing:border-box; border:1px solid #ccc; font-size:16px; padding:10px 15px; resize:none; height:142px;}
.img_yzm5{ position:absolute; right:1px; top:1px; cursor:pointer;}
.img_yzm5 img{ height:44px; width:auto;}


.tit5{ text-align:center; margin-bottom:50px;}
.tit5 .t{ font-size:46px; color:#1f367a; margin-bottom:15px; line-height:1.2;}
.tit5 .c{ font-size:24px; color:#666666; line-height:1.25;}

.solutionCon{ padding:100px 0;}

.solutionCon1{ position:relative; padding:0 !important;}
.solutionCon1 .img{}
.solutionCon1 .text{ width:800px; left:50%; margin-left:-700px; bottom:0px; background:rgba(20,44,115,0.85); position:absolute; color:#fff;}
.solutionCon1 .pd{ padding:40px 55px;}
.solutionCon1 .h3{ font-size:50px; margin-bottom:0.8em; line-height:1.2;}
.solutionCon1 .p{ font-size:18px; line-height:1.7778;}

.solutionCon2{ background:#fff;}
.solutionCon2 .tit5{ margin-bottom:100px;}
.solutionCon2_list{}
.solutionCon2_list ul{ position:relative;}
.solutionCon2_list ul:before{ content:''; position:absolute; height:1px; left:0px; right:0px; top:50%; background:#e3e3e3; z-index:1;}
.solutionCon2_list li{ width:25%; float:left;}
.solutionCon2_list .pd{ position:relative; z-index:2;}
.solutionCon2_list .pd:before{ content:''; width:30px; height:30px; background:url(../images/solutionCon2.png) no-repeat #fff; position:absolute; top:50%; margin-top:-15px; right:-15px; z-index:2;}
.solutionCon2_list .img{ width:100px; margin:0 auto; background:#fff;}
.solutionCon2_list .text{ text-align:center; font-size:24px; color:#666; line-height:1; padding-top:10px;}
.solutionCon2_list li:last-child .pd:before{ display:none;}

.solutionCon3{ background:url(../images/solutionCon3_con_bg.png) no-repeat bottom center #1f367a;}
.solutionCon3 .tit5 .t,
.solutionCon3 .tit5 .c{ color:#fff;}

.solutionCon3_con{}
.solutionCon3_con dl{ position:relative; width:230px; height:230px; margin:280px auto 210px auto;}
.solutionCon3_con dl:before{ content:''; background:url(../images/111.png) no-repeat; width:605px; height:585px; left:50%; top:50%; margin:-307px 0 0 -320px; position:absolute; display:none;}
.solutionCon3_con dt{ width:230px; height:230px; position:relative; z-index:4; background:#4b79ff; border-radius:50%; text-align:center; font-size:30px; color:#fff; }
.solutionCon3_con dt:before{ content:''; position:absolute; left:-9%; top:-9%; right:-9%; bottom:-9%; z-index:3; background:rgba(75,121,255,0.18); border-radius:50%;}
.solutionCon3_con dt:after{ content:''; position:absolute; left:-18%; top:-18%; right:-18%; bottom:-18%; z-index:2; border:1px dashed #81a1ff; border-radius:50%;}
.solutionCon3_con dd{ position:absolute; left:50%; top:50%; margin:-63px 0 0 -63px;}
.solutionCon3_con .ntb{ position:relative; z-index:9;}
.solutionCon3_con .h3{ width:126px; height:126px; position:relative; background:#000; cursor:pointer; border-radius:50%; font-size:28px; color:#fff; text-align:center; z-index:4;}
.solutionCon3_con .h3:before{ content:''; position:absolute; left:-9%; top:-9%; right:-9%; bottom:-9%; z-index:-1; background:#2acca8; opacity:0.3; border-radius:50%; transform:scale(0.8);}
.solutionCon3_con .p{ width:240px; position:absolute; font-size:18px; line-height:1.56; color:#fff; left:100%; top:0px; bottom:0px; padding:0 0 0 25px;}
.solutionCon3_con dd:nth-of-type(1){transform:translate(-58px,-244px);}
.solutionCon3_con dd:nth-of-type(2){transform:translate(203px,-144px);}
.solutionCon3_con dd:nth-of-type(3){transform:translate(222px,115px);}
.solutionCon3_con dd:nth-of-type(4){transform:translate(-135px,216px);}
.solutionCon3_con dd:nth-of-type(5){transform:translate(-258px,-36px);}

.solutionCon3_con dd:nth-of-type(1) .h3,
.solutionCon3_con dd:nth-of-type(1) .h3:before{ background:#2acca8;}
.solutionCon3_con dd:nth-of-type(2) .h3,
.solutionCon3_con dd:nth-of-type(2) .h3:before{ background:#9fc137;}
.solutionCon3_con dd:nth-of-type(3) .h3,
.solutionCon3_con dd:nth-of-type(3) .h3:before{ background:#d7a334;}
.solutionCon3_con dd:nth-of-type(4) .h3,
.solutionCon3_con dd:nth-of-type(4) .h3:before{ background:#c1377b;}
.solutionCon3_con dd:nth-of-type(5) .h3,
.solutionCon3_con dd:nth-of-type(5) .h3:before{ background:#4b79ff;}

.solutionCon3_con dd:nth-of-type(1) .p,
.solutionCon3_con dd:nth-of-type(5) .p{ left:auto; right:100%; padding:0 25px 0 0; text-align:right;}

.solutionCon3_con dd:hover .h3:before{ transform:scale(1);}

.solutionCon4{}
.solutionCon4_p{ width:70%; margin:0 auto; text-align:center; margin-bottom:40px;}
.solutionCon4_con{}
.solutionCon4_con dl{ position:relative;}
.solutionCon4_con dt{ width:420px; position:absolute; left:50%; top:50%; margin:-185px 0 0 -210px;}
.solutionCon4_con dt img{ width:100%; height:auto; display:block;}
.solutionCon4_con dd{ width:50%; float:left; margin:25px 0; box-sizing:border-box; padding:0 210px 0 0;}
.solutionCon4_con .img{ float:right; width:64px;}
.solutionCon4_con .text{ margin:0 64px 0 0; padding:0 20px 0 0 ; text-align:right;}
.solutionCon4_con .h3{ font-size:26px; line-height:30px; margin-bottom:10px; overflow:hidden; color:#333;}
.solutionCon4_con .p{ font-size:14px; line-height:22px; height:66px; overflow:hidden; color:#666;}
.solutionCon4_con dd:nth-of-type(even){ padding:0 0 0 210px;}
.solutionCon4_con dd:nth-of-type(even) .img{ float:left;}
.solutionCon4_con dd:nth-of-type(even) .text{ margin:0 0 0 64px; padding:0 0 0 20px; text-align:left;}


.solutionCon5{ background:#1f367a;}
.solutionCon5 .tit5 .t{ color:#fff;}
.solutionCon5_con{}
.solutionCon5_con .single-item{ margin-right:-15px;}
.solutionCon5_con .pd{ margin-right:15px; background:#4b79ff;}
.solutionCon5_con .img{}
.solutionCon5_con .text{ text-align:center; height:56px; line-height:56px; color:#fff; font-weight:bold; font-size:20px;}
.solutionCon5_con .slick-arrow{}
.solutionCon5_con .slick-prev{ left:-70px;}
.solutionCon5_con .slick-next{ right:-55px;}
.solutionCon5_con .slick-arrow:hover{}


.solutionCon6{ background:#efefef;}
.solutionCon6_con{}
.solutionCon6_con .single-item{ margin-right:-15px;}
.solutionCon6_con .pd{ margin-right:15px; background:#4b79ff; position:relative; margin:100px 0 ;}
.solutionCon6_con .img{}
.solutionCon6_con .text{ text-align:center; height:68px; line-height:68px; overflow:hidden; color:#fff; font-weight:normal; font-size:18px; position:absolute; left:0px; right:0px; bottom:0px; background:rgba(31,54,122,0.9); display:none;}
.solutionCon6_con .slick-arrow{ color:#999;}
.solutionCon6_con .slick-prev{ left:-70px;}
.solutionCon6_con .slick-next{ right:-55px;}
.solutionCon6_con .slick-arrow:hover{color:#1f367a;}

.solutionCon6_con .slick-current{ z-index:2; position:relative;}
.solutionCon6_con .slick-current .pd{ margin:0 -150px;}
.solutionCon6_con .slick-current .text{ display:block;}


.solutionCon8{ background:#efefef;}
.solutionVideo{ background:#fff;}
.solutionVideo .img{ float:left; width:50%; border-right:15px solid #efefef;}
.solutionVideo .img video{ width:100%; height:auto; display:block;}
.solutionVideo .img iframe{ width:100%; height:auto; display:block;}
.solutionVideo .text{ margin-left:50%; padding:50px 40px 50px 65px;}
.solutionVideo .h3{ font-size:32px; color:#1f367a; margin-bottom:1.2em; line-height:1;}
.solutionVideo .p{ font-size:16px; line-height:2.5; color:#666;}


.solutionCon9 img{ max-width:100%; height:auto;}
.solutionCon9{ padding:0px !important;}

.bshareDiv{ display:none !important;}

.enroll_bg{ z-index:99; position:fixed; background:rgba(0,0,0,0.8); left:0px; top:0px; right:0px; bottom:0px; display:none;}
.enroll_box{ border-radius:10px; width:440px; z-index:100; position:fixed; left:50%; top:50%; margin: -170px 0 0 -220px;background: url(../images/user_box.jpg) no-repeat #1f367a; display:none;}
.enroll_box .wpd{ padding:40px;}
.enroll_box dl{ margin-bottom:10px;}
.enroll_box dl:last-child{ margin-bottom:0px;}
.enroll_box dt{ color:#fff;}
.enroll_box dd{ position:relative;}


.play_btn{}
.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:-310px 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 video{ width:100%; height:360px; display:block;}
.video_box iframe{ 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;}




.ejy-about{ width: 1200px; margin:30px auto; overflow: hidden; height: 600px;}
.ejy-about .text{ width:100%; line-height: 30px;font-size: 16px; opacity:inherit}
.ejy-about .h3{  font-size: 24px; font-weight: bold; margin: 30px 0;}
.ejy-about .text img{width: auto; max-width: 80%; margin: 10px auto;}

.ejy-fl{ background: #1f367a; font-size: 20px; color: #1f367a; text-align: center; height:60px; line-height: 60px;}
.ejy-fl li{ display: inline-block; width: 25%; height: 35px; line-height: 35px; margin-top: 15px; overflow: hidden; border-right: 1px solid #fff; }
.ejy-fl li:hover{ background: #1f367a; color: #fff; }
.ejy-fl li:nth-child(2n){ border-right: 0;}
.ejy-fl a{ color: #fff; }
.ejy-fl li:hover a{ color: #fff; display: block; }




.zproTop{ background:#f4f4f4;  padding:80px 0;}
.zproTop .img{ width:500px; float:left;}
.zproTop .text{ margin-left:500px; padding:40px 0 0 60px;}
.zproTop .h3{ font-size:40px; line-height:1; padding-bottom:40px; margin-bottom:25px; position:relative; color:#333; font-weight:bold;}
.zproTop .h3:before{ height:6px; position:absolute; left:0px; bottom:0px; width:1.5em; content:''; background:#1f367a;}
.zproTop .p{ font-size:18px; line-height:2; color:#666;}


.zproTop img{ width:100%; height:auto; display:block;}

.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;}
.proTab .pd span{ display:block; text-align:center; height:32px; line-height:32px; color:#5f5f5f;}
.proTab img{ border-bottom:1px solid #fff; background:#fff;}
.proTab .slick-current img{ border-bottom-color:#5f5f5f;}
.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: "\e701";}
.proTab .slick-next{ right:-4px;}
.proTab .slick-next:before{content: "\e704";}
.proTab .slick-arrow:hover{ background:#e60019;}

.zproBottom{ background:#fff; padding:80px 0;}
.zproTab{ margin:0 auto 30px auto;}
.zproTab ul{}
.zproTab li{ width:20%; float:left; background:#fff; text-align:center;}
.zproTab a{ display:block; border:1px solid #ccc; height:60px; line-height:60px; font-size:18px; margin-right:-1px;}
.zproTab li.curr a{ background:#1f367a; color:#fff;}
.zproCon{ margin:0 auto; font-size:16px;}
.zproCon .li{ display:none;}
.zproCon .li:nth-child(1){ display:block;}

.zproTxt{ font-size:16px; line-height:2;}
.zproTxt img{ max-width:100%; height:auto !important; margin-bottom:20px; display:inline-block;}

.zproTable table{ width:100%; border-collapse:collapse; border:none;}
.zproTable th{ background:#f5f5f5; border:1px solid #ccc; padding:10px 30px; text-align:left;}
.zproTable th:first-child{ border-left:none;}
.zproTable th:last-child{ border-right:none;}
.zproTable td{ border:1px solid #ccc; background:#fff; padding:10px 30px;}
.zproTable td:first-child{ border-left:none; width:22%;}
.zproTable td:last-child{ border-right:none;}

.zproVideo{}
.zproVideo ul{ margin-right:-20px;}
.zproVideo li{ width:25%; float:left; margin-bottom:20px;}
.zproVideo .pd{ display:block; background:#f5f5f5; margin-right:20px;}
.zproVideo .text{ padding:10px 20px; text-align:center;}
.zproVideo .pd:hover{ background:#1f367a; color:#fff;}

.zproMsg{}

.proM{ text-align:center; padding-top:40px;}


.body_ready #nb_icon_wrap,
.body_ready #nb_invite_wrap{ display:none !important;}
.body_ready #newBridge #nb_nodeboard{ left:-100%;}