@charset "utf-8";

*{margin: 0;padding: 0;border: 0;outline: none;
box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box;
-ms-box-sizing: border-box; -moz-box-sizing: border-box;}
html {width: 100%; font-weight: normal;
	-webkit-text-size-adjust:none; -ms-text-size-adjust: 100%;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;}
body{font-size: 14px;line-height: 1.6;background-color:#fff;color:#666666; font-family: Gotham; }
ul,ul li,ol,li {list-style: none outside none;}
img {vertical-align: middle;border: none;}
input,select,option,label,th,textarea{vertical-align: middle;border: none; font-family:Gotham;}
a {text-decoration: none;color: inherit;}
a:hover {text-decoration: none;  }

select{ appearance:none;  -moz-appearance:none; -webkit-appearance:none;}   
select::-ms-expand { display: none; }  

.clearfix:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;}
.clearfix {zoom: 1;display: block;_height: 1px;clear: both;}

.fl {float: left;}
.fr {float: right;}
.container{display: block;max-width:1400px; width:85%;  margin: 0 auto; }
.hidden{ overflow:hidden;}
.hide{ display:none;}

.flex{ display: flex; align-items: center;}
.flex>div{ width:100%; }

.header{ height:100px; position: fixed; top:0; left:0; width:100%; z-index:100; }
.header .container{ max-width:1600px; width:96%; }

.header2{ background: rgba(0,0,0,0.7);}
.header .logos{ margin-top:20px; }
.header .logos img{ height:60px; display: block; }

.nav{ color:#ffffff; font-size:17px; line-height:100px; }
.nav li{ float: left; padding:0 15px; position: relative; }
.nav li>a:after{ content:""; height:3px; width:100%; position: absolute; left:0; bottom:0; background:#ffffff; opacity:0; }
.nav li>a{ display: block; position: relative; }
.nav li:hover a:after,.nav li.on a:after{ opacity:1; }
.nav li .sub{ font-size:14px; display: none; text-align: center; position: absolute; left:0; background:#2b54c2; color:#ffffff; top:100px; width:250px; text-align:left; }
.nav li .sub a{ display: block; line-height:1.4; padding:10px;}
.nav li .sub a:hover{ background:#ffffff; color:#2b54c2; }
.homept .fp-tableCell{ padding-top:100px; }
.nav_btn{ display: none;}

.tel{ color:#ffffff; font-size:18px; line-height:100px; margin:0 20px; }
.tel span{ font-size:20px; margin-right:10px; }


.lang{ font-size:16px; color:#ffffff; height:40px; line-height:40px; margin-top:30px; position: relative; cursor: pointer; }
.lang .top{ padding:0 10px;}
.lang span{float: left; }
.lang .icon-diqiu{ font-size:20px; }
.lang .tit{ float: left; margin:0 12px;}
.lang .icon-xiajiantou{ font-size:16px; }

.lang:hover{ background:#ffffff; color:#2b2b2b; }

.lang .lang_sub{ text-align: center; display: none; position: absolute; left:0; top:40px; width:100%; }
.lang .lang_sub a{ display: block; color:#2b2b2b;  width:100%; font-size:13px; line-height:40px; height:40px; background:#ffffff;}
.lang .lang_sub a:hover{ background:#2b54c2; color:#ffffff;}

/*home01*/
.banner{ width:100%; height:100%; }
.banner .swiper-slide a{ display:block; height:100%; width:100%; }
.banner .bantxt{ text-align:center; color:#ffffff; font-size:48px; line-height:1.4; height:100%; padding:0 15%; }
.banner .swiper-slide .pcban{  }
.banner .swiper-slide .wapban{ display:none; }

.home01bottom{ position: absolute; left:0; width:100%; z-index:1000; height:40px; bottom:5%; }
.home01bottom .container{ position: relative; }
.home01bottom .lower{ height:40px; cursor:pointer; float: left; position: relative; z-index:100; }
.home01bottom .lower img{ display: block; height:100%; }

.home01bottom .swiper-pagination{ width:100%; margin-top:15px; line-height:0; left:0; }
.home01bottom .swiper-pagination .swiper-pagination-bullet{ width:15px; margin:0 5px; height:15px; background:#ffffff; opacity:1; }
.home01bottom .swiper-pagination .swiper-pagination-bullet-active{ background:#0e68b0; }

.banner-prev,.banner-next{ cursor:pointer; width:40px; height:40px; text-align:center; line-height:36px; margin-left:25px; border:2px solid #ffffff; float: right; border-radius:50%; position: relative; z-index:100; }
.banner-prev span,.banner-next span{ font-size:24px; color:#ffffff; font-weight:bold; }
/*home01*/

/*home02*/
.home02{ background:url(../images/home02.jpg) no-repeat center center; background-size:cover; }
.home02 .txt{ }
.home02 .txt .tit{ color:#ffffff; font-size:34px; line-height:1.4; width:70%; }
.home02 .txt .info{ margin-top:30px; font-size:16px; color:#94aadd; line-height:1.8; width:60%; text-align:justify; }
.home02 .txt .more{ margin:50px 0; }
.home02 .txt .numlist{ overflow: hidden; color:#ffffff; }
.home02 .txt .numlist li{ float: left; margin-right:50px; }
.home02 .txt .numlist li .num{ font-size:42px; }
.home02 .txt .numlist li .name{ color:#bdc2e1; font-size:16px; margin-top:8px; }

.hmore{ width:180px; font-size:16px; color:#ffffff; text-align: center; display:block; height:46px; border:2px solid #ffffff; border-radius:23px; line-height:42px; }
.hmore span{ font-size:16px; margin-left:8px; }
.hmore:hover{ background:#ffffff; color:#0e68b0; }
/*home02*/

.hometit{ font-size:50px; line-height:1; color:#ffffff; text-align: center; text-transform: uppercase; margin-bottom:4%; }

/*home03*/
.home03{ background:url(../images/home03.jpg) no-repeat center center; background-size:cover; }

.home03list{ }
.home03list li{ margin-right:1%; position: relative; width:19.2%; float: left; height:480px; color:#ffffff; text-align:center; }
.home03list li:after{ content:""; position: absolute; background-image: linear-gradient(to right bottom , #5478d5,#264fc1); opacity:1; width:100%; height:100%; left:0; top:0; opacity:0; }
.home03list li>div{ position: relative; z-index:1; }
.home03list li.li01{ background: url(../images/home03img01.jpg) no-repeat center center; background-size:cover; }
.home03list li.li02{ background: url(../images/home03img02.jpg) no-repeat center center; background-size:cover; }
.home03list li.li03{ background: url(../images/home03img03.jpg) no-repeat center center; background-size:cover; }
.home03list li.li04{ background: url(../images/home03img04.jpg) no-repeat center center; background-size:cover; }
.home03list li.li05{ margin-right:0; background: url(../images/home03img05.jpg) no-repeat center center; background-size:cover; }

.home03list li .ico{ }
.home03list li .ico span{ font-size:64px; }
.home03list li .tit{ font-size:20px; margin-top:20px; line-height:1.3; }
.home03list li .info{ overflow: hidden; margin:30px 0; height:0; }
.home03list li .info a{ margin-bottom:7px; height:32px; border-radius:16px; line-height:30px; padding:0 20px; border:1px solid #9fb2e5; display:block; font-size:14px; width:90%; margin-left:auto; margin-right:auto;}
.home03list li .info a:hover{ background:#ffffff; color:#0e68b0; }
.home03list li .info a:last-child{ margin-bottom:0;}
.home03list li .more{ display: none; }

.home03list li:hover:after{ opacity:1; }
.home03list li:hover .info{ height:110px;  }
.home03list li:hover .more{ display: block; }
/*home03*/


/*home04*/
.home04{ background:url(../images/home04.jpg) no-repeat center center; background-size:cover; }

.home04main{ position: relative; width:90%; margin:0 auto; }
.home04main .img{ padding:0 0 30px 30px; position: relative; width:50%; }
.home04main .img:after{ content:""; position: absolute; left:-30px; bottom:-30px; width:100%; height:100%; background-image: linear-gradient(to right, #5074d3, #2a53c2); }
.home04main .img img{ display: block; width:100%; position: relative; z-index:1; }
.home04main .txt{ width:45%; color:#ffffff; position: absolute; right:0; top:0; height:100%; }
.home04main .txt .tit{ font-size:28px; line-height:1.3; padding-bottom:35px; border-bottom:1px solid #ffffff; }
.home04main .txt .info{ font-size:16px; line-height:1.6; margin:30px 0; }

.home04_nav{ border-top:1px solid #ffffff; margin:4% auto 0 auto; width:90%;  }
.home04_nav li{ width:20%; float:left; text-align:center; color:#ffffff; position: relative; }
.home04_nav li:after{ content:""; width:10px; height:10px; border-radius:50%; background:#ffffff; position: absolute; left:50%; top:-5px; margin-left:-5px; }
.home04_nav li:before{ content:""; width:28px; height:28px; border-radius:50%; background:#4067cd;  position: absolute; left:50%; top:-14px; margin-left:-14px; opacity:0; }

.home04_nav li .tit{ padding:0 5%; color:#aabaea; line-height:1.4; font-size:16px; margin:30px auto 0 auto; cursor:pointer; }

.home04_nav li.on:after{ width:14px; height:14px; left:50%; top:-7px; margin-left:-7px; }
.home04_nav li.on:before{ opacity:1; }
.home04_nav li.on .tit{ color:#ffffff; }

.home04_nav li:hover .tit{ color:#ffffff; }
/*home04*/

/*home05*/
.home05{ background:url(../images/home05.jpg) no-repeat center center; background-size:cover; }
.home05main{ height:560px; }
.home05main .hnimg{ height:100%; width:48.8%; border-radius:10px; overflow: hidden; border:1px solid #2b54c2; }
.home05main .hnimg a{ display: block; width:100%; height:100%; position: relative; padding-bottom:80px; }
.home05main .hnimg a:after{ content: ""; position: absolute; width:100%; height:100%;
    background-image: linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,0) 70%, rgba(0,0,0,0.6) 85%, rgba(0,0,0,0.8) 100%);
    left:0; top:0; }
.home05main .hnimg .img{ height:100%; width:100%; }
.home05main .hnimg .tit{ height:80px; line-height:80px; padding:0 50px; color:#ffffff; font-size:24px; position: absolute; left:0; bottom:0; width:100%; z-index:1; }
.home05main .hnimg .tit span{ font-size:20px; right:30px; top:0; position: absolute; }
.home05main .hnimg:hover .tit{ background:#e1ad22;}

.hnlist{ overflow: hidden; width:48.8%; }
.hnlist li{ width:48%; background:#2b54c2; float: left; height:265px; border-radius:10px; }
.hnlist li a{ padding:25px; height:100%; display: block; color:#ffffff; }
.hnlist li.li1{ width:100%; background:#2b54c2 url(../images/hnli.png) no-repeat right bottom; background-size:auto 50%; }
.hnlist li.li3{ margin-left:4%; }
.hnlist li.li2,.hnlist li.li3{ margin-top:30px; }

.hnlist li .column{ display:inline-block; font-size:14px; padding:0 14px; height:28px; line-height:26px; border:1px solid #ffffff; border-radius:14px; text-align: center; color:#ffffff; }
.hnlist li .tit{ font-size:24px; line-height:36px; height:108px; margin:25px 0; }
.hnlist li .more{ font-size:16px; line-height:1; }
.hnlist li .more span{ margin-left:8px; }

.hnlist li:hover{ background:#e1ad22; }
/*home05*/

/*home06*/
.home06{ background:url(../images/home06.jpg) no-repeat center center; background-size:cover; }

.homecase{ background-image: linear-gradient(to right, #5477d5, #2750c1); position:relative; width:90%; margin:0 auto; }
.homecase .swiper-slide .txt{ width:50%; padding:70px; padding-bottom:0!important; color:#ffffff; }
.homecase .swiper-slide .txt .tit{ font-size:32px;}
.homecase .swiper-slide .txt .tit:hover{ color:#e1ad22; }
.homecase .swiper-slide .txt .info{ color:#f0f0f0; font-size:16px; line-height:1.8; margin:35px 0 70px 0; text-align:justify; }
.homecase .swiper-slide .img{ width:50%; overflow: hidden; }
.homecase .swiper-slide .img img{ display: block; width:100%; }

.homecase .swiper-pagination{ position: static; line-height:0; padding:50px 0; }
.homecase .swiper-pagination .swiper-pagination-bullet{ width:8px; height:8px; margin:0 12px; background: rgba(255,255,255,0.4);}
.homecase .cmore{ height:28px; line-height:28px; right:40px; bottom:40px; position: absolute; color:#ffffff; }
.homecase .cmore:after{ content:""; width:38px; height:2px; position: absolute; left:-50px; top:50%; margin-top:-1px; background:#ffffff; }
.homecase .cmore:hover{ color:#e1ad22; }
.homecase .cmore:hover:after{ background:#e1ad22; }

.hcban-prev,.hcban-next{ cursor:pointer; position: absolute; width:56px; height:56px; top:50%; margin-top:-28px; border:3px solid #ffffff; border-radius:50%; color:#ffffff; line-height:50px; text-align:center; }
.hcban-prev span,.hcban-next span{ font-size:32px; font-weight:bold; }

.hcban-prev{ left:-85px; }
.hcban-next{ right:-85px; }
/*home06*/

/*footer*/
.footer{ background: url(../images/footbj.jpg) no-repeat center center; background-size:cover; overflow: hidden; }

.dbmain{ margin-top:5%; }

.dbinfo{ width:33%; }
.dblogo{ height:60px; }
.dblogo img{ display: block; height:100%; }
.dbcontact{ color:#9aa1b1; font-size:14px; line-height:25px; margin:36px 0 36px 0; }
.dbcontact span{ font-size:20px; color:#55626e; margin-right:10px; }
.dbcontact p{ padding:5px 0;}

.dbico{ overflow: hidden; }
.dbico a{ float: left; margin-left:35px; width:42px; height:42px; border-radius:50%; border:1px solid #9aa1b1; text-align:center; line-height:40px; }
.dbico a span{ font-size:24px; color:#9aa1b1; }
.dbico a:hover{ background:#ffffff; }
.dbico a:hover span{ color:#0e68b0; }

.dbnav{ width:65%; overflow: hidden; }
.dbnav li{ float: left; }
.dbnav li:nth-child(1){ width:50%; }
.dbnav li:nth-child(2){ width:50%; }
.dbnav li:nth-child(4){ width:35%; }
.dbnav li:nth-child(5){ width:30%; }
.dbnav li:nth-child(6){ width:35%; }
.dbnav li .tit{ color:#ffffff; font-size:18px; line-height:1; }
.dbnav li .sub{ color:#9aa1b1; font-size:14px; line-height:1.3; margin:20px 0 40px 0; }
.dbnav li .sub a{ display: block; padding:5px 0 ; }
.dbnav li .sub a:hover{ color:#ffffff; text-decoration:underline; }

.links{ overflow: hidden; border-bottom:1px solid #1d263d; border-top:1px solid #1d263d; padding:20px 0; color:#9aa1b1; font-size:14px; line-height:1.8; }
.links a{ margin-right:28px; display: inline-block; }
.links a:hover{ color:#ffffff; text-decoration:underline; }

.copy{ color:#9aa1b1; font-size:14px; line-height:1.6; padding:20px 0; position: relative; }
.copy>a:hover{ color:#ffffff; text-decoration:underline; }
/*footer*/

.home-top{ width:50px; height:50px; cursor: pointer; position: absolute; right:0; bottom:0; z-index:10; border-radius:10px 10px 0 0; background:#2c79ff; line-height:50px; text-align:center; color:#ffffff; }
.home-top span{ font-size:24px;}

/*关于我们*/
/*about01*/
.about01{ background:url(../images/about01.jpg) no-repeat center center; background-size:cover; }

.about01 .tit01{ font-size:24px; color:#ffffff; }
.about01 .tit02{ font-size:28px; color:#ffffff; margin:1% 0; }
.about01 .txt{ font-size:16px; color:#e2e5f4; line-height:1.8; width:100%; text-align: justify; }

.about01 .abnum{ overflow: hidden; margin-top:3%; }
.about01 .abnum li{ float: left; width:25%; }
.about01 .abnum li .num{ color:#ffffff; font-size:36px; }
.about01 .abnum li .tit{ color:#bdc2e1; font-size:16px; margin-top:8px; }
/*about01*/

/*about02*/
.about02{ background:url(../images/about02.jpg) no-repeat center center; background-size:cover; }

.about02tit{ color:#ffffff; font-size:48px; line-height:1; margin-bottom:5%; text-align:center; }

.about02 .img{ width:40%; margin:0 auto;  position: relative;}
.about02 .img a{ display: block; position: relative; overflow: hidden; }
.about02 .img img{ display: block; width:100%; }
.about02 .img a:after { content: ""; position: absolute; width: 100%; height: 100%; left: 0; top: 0;
    background-image: linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,0) 70%, rgba(0,0,0,0.7) 85%, rgba(0,0,0,0.9) 100%);}
.about02 .img .tit{ position: absolute; z-index:10; width:100%; left:0; bottom:0; height:60px; line-height:60px; padding:0 25px; color:#ffffff; font-size:20px; text-align:center; }

.about02 .xian{ width:70%; margin:0 auto; border:1px dashed #3761b1; position: relative; margin-top:50px; }
.about02 .xian:before{ position: absolute; content:""; height:50px; width:0; top:-50px; left:50%; border-left:1px dashed #3761b1; margin:0 auto; }

.imglist{ margin-top:50px;}
.imglist li{ float: left; margin-right:5%; width:30%; position: relative; }
.imglist li a{ display: block; position: relative; overflow: hidden;}
.imglist li:before{ position: absolute; content:""; height:50px; width:0; top:-50px; left:50%; border-left:1px dashed #3761b1; margin:0 auto; }
.imglist li a:after { content: ""; position: absolute; width: 100%; height: 100%; left: 0; top: 0;
    background-image: linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,0) 70%, rgba(0,0,0,0.7) 85%, rgba(0,0,0,0.9) 100%);}
.imglist li img{ display: block; width:100%;}
.imglist li .tit{ position: absolute; z-index:10; width:100%; left:0; bottom:0; height:60px; line-height:60px; padding:0 25px; color:#ffffff; font-size:20px; text-align:center; }
/*about02*/

/*about03*/
.about03{ background:url(../images/about03.jpg) no-repeat center center; background-size:cover; }

.about03Course{ padding:0 120px; position: relative; max-width:1920px; margin:0 auto; }
.about03Course .img{ position: absolute; left:0; top:8%; width:100%; }
.about03Course .img img{ display: block; width:100%; }

.courseList{}
.courseList .swiper-slide{ width:20%; }
.courseList .swiper-slide .time{ position: relative; color:#3c67d5; text-align: center; font-size:18px; line-height:90px; border-radius:50%; width:170px; height:90px; background:rgba(39,80,193,0.3); margin:0 auto; }
.courseList .swiper-slide .time:after{ border-radius:50%; content:""; position: absolute; height:74px; width:154px; top:8px; left:8px; background:#ffffff; }
.courseList .swiper-slide .time span{ position: relative; z-index:10; padding:0 12px; display: block; }
.courseList .swiper-slide .xian{ height:110px; width:2px; border-left:1px dashed #ffffff; margin:35px auto 0 auto; display: block; }
.courseList .swiper-slide .info{ color:#ffffff; text-align: center; font-size:16px; line-height:1.4; padding:10px; border-radius:5px; position: relative; }
.courseList .swiper-slide .info p{ padding:20px; }
.courseList .swiper-slide:hover .time{ color:#ffffff; }
.courseList .swiper-slide:hover .time:after{ background:#3c67d5; }
.courseList .swiper-slide:hover .info{ background:rgba(39,80,193,0.3); }
.courseList .swiper-slide:hover .info p{ background:#3667d1; }
.ac02{ margin-top:100px; }

.course-prev{ left:33px; }
.course-next{ right:33px; }
/*about03*/

/*about04*/
.about04{ background:url(../images/about04.jpg) no-repeat center center; background-size:cover; }
.certificateNav{ width:264px; margin:0 auto; overflow: hidden; }
.certificateNav li{ text-align: center; float: left; width:130px; height:68px; line-height:68px; font-size:18px; color:#ffffff; background:#2b54c2; margin:0 1px; cursor:pointer; }
.certificateNav li.on,.certificateNav li:hover{ background:#10305b; }

.certificateMain{ margin-top:7%; position: relative; }
.certificateMain .show{ height:0; overflow: hidden;}
.certificateMain .show.on{ height: auto; }
.certificateList .swiper-slide{ width:32%; background:#ffffff; padding:12px; }
.certificateList .swiper-slide .img{ border:1px solid #e5e5e5; }
.certificateList .swiper-slide .img img{ display: block; width:100%; }
.certificateList .swiper-slide .tit{ height:50px; line-height:50px; text-align: center; color:#515151; font-size:18px; }

.certificate-prev{ z-index:10; }
.certificate-next{ z-index:10; }
/*about04*/

/*about05*/
.about05{ background:url(../images/about05.jpg) no-repeat center center; background-size:cover; }
.album .swiper-slide{ width:35%; background:#000000; }
.album .swiper-slide img{ display: block; width:100%; opacity:0.4; }
.album .swiper-slide-active img{ opacity:1; }

.album .album-prev{ left:5%; z-index:10; }
.album .album-next{ right:5%; z-index:10; }
/*about05*/

/*about06*/
.about06{ background:url(../images/about06.jpg) no-repeat center center; background-size:cover; }
.conList{ overflow: hidden; }
.conList li{ float: left; width:33.33%; }
.conList li .ico{ width:90px; height:90px; line-height:90px; text-align: center; border-radius:50%; margin:0 auto; background-image: linear-gradient(to right bottom , #5478d5,#264fc1); }
.conList li .ico span{ font-size:42px; color:#ffffff; }
.conList li .info{ text-align: center; color:#ffffff; font-size:18px; line-height:2; margin-top:18px; }

.map{ width:100%; height:420px; margin-top:70px; position: relative; background:#dcdcdc; }

.my-map { width: 100%; height: 100%; } 
.my-map .icon { background: url(//a.amap.com/lbs-dev-yuntu/static/web/image/tools/creater/marker.png) no-repeat; }
.my-map .icon-cir { height: 31px; width: 28px; } .my-map .icon-cir-red { background-position: -11px -5px; }
.amap-container{height: 100%;}
.myinfowindow{width: 240px;min-height: 50px;}
.myinfowindow h5{ color:#2b54c2; height: 20px; line-height: 20px; overflow: hidden; font-size: 14px; font-weight: bold; width: 220px; text-overflow: ellipsis; word-break: break-all; white-space: nowrap; }
.myinfowindow div{ margin-top:5px; line-height: 20px; font-size: 13px; color: #6f6f6f; }


.map .wechat{ width:140px; position: absolute; right:30px; top:30px; z-index:1000; }
.map .wechat img{ display: block; width:100%; }
/*about06*/

.about01 .container{ margin-top:100px; }
.about01,.about02,.about03,.about04,.about05,.about06{ padding:4% 0; overflow: hidden; }

/*关于我们*/

.bodybj{ position: relative; background:#09328a; overflow:hidden; }
.bodybj .topbj{ top:0; left:0; position: absolute; width:100%; }
.bodybj .topbj img{ width:100%; display: block; }
.bodybj .bottombj{ bottom:0; left:0; position: absolute; width:100%; }
.bodybj .bottombj img{ width:100%; display: block; }

.main{ min-height:1000px; position: relative; z-index:1; padding-top:100px; padding-bottom:200px; }

.columntop{ padding:5% 0;}
.lmname{ height:70px; text-align:center; line-height:70px; font-size:32px; overflow: hidden; color:#ffffff; }
.lmname .cn{ text-transform: uppercase;}
.lmname .en{ font-family:Arial; margin-left:30px; text-transform: uppercase; }
.lmname2{ text-align: center; }
.lmname2 .cn{ display: inline-block; float: none; }
.lmname2 .en{ display: inline-block; float: none; }

.nynav{ text-align:center; margin-top:25px; }
.nynav li{ display:inline-block; margin-bottom:3px; line-height:1.4; font-size:18px; color:#ffffff; background:#2b54c2; margin-left:3px; text-align: center; }
.nynav li a{ display: block; padding:12px 25px; }
.nynav li.on,.nynav li:hover{ color:#2b54c2; background:#ffffff;}


/*新闻*/
.newslist{ overflow: hidden; margin-top:-2.3%; }
.newslist li{ width:31.8%; margin-right:2.3%; margin-top:2.3%; float: left; position: relative; background:#ffffff; }
.newslist li a{ position: relative; z-index:2; display:block; }
.newslist li:after{ content:""; position: absolute; left:0; top:0; width:100%; height:100%; background-image: linear-gradient(to right bottom , #5478d5,#264fc1); opacity:0; z-index:1; }
.newslist li .img{ overflow: hidden; }
.newslist li img{ display: block; width:100%; }
.newslist li .txt{ padding:30px; }
.newslist li .txt .tit{ font-size:20px; line-height:1.5; color:#071f3b; }
.newslist li .txt .info{ color:#647487; font-size:16px; line-height:30px; height:60px; margin:25px 0 35px 0; }
.newslist li .txt .nbottom{ overflow:hidden; color:#647487; font-size:14px; line-height:20px; }
.newslist li .txt .time span{ font-size:16px; margin-right:8px; }
.newslist li .txt .more span{ font-size:16px; margin-left:8px; }

.newslist li:hover:after{  opacity:1; }
.newslist li:hover .txt .tit{ color:#ffffff; }
.newslist li:hover .txt .info{ color:#ffffff; }
.newslist li:hover .txt .nbottom{ color:#ffffff; }

.paging{ margin-top:7%; text-align: center; }
.paging a,.paging>span{ margin:0 5px; border-radius:3px; display: inline-block; background:#ffffff; font-size:18px; color:#2b54c2; height:40px; line-height:40px; padding:0 15px; }
.paging a:hover,.paging>span{ background:#2b54c2; color:#ffffff; }
/*新闻*/


/*新闻详情*/
.showmain{ margin-top:7%; }
.smleft{ width:73.5%; border-right:2px solid #184faf; padding-right:50px; }
.showtit{ color:#ffffff; font-size:36px; line-height:1.4; }
.showparameter{ color:#648fd2; font-size:16px; margin-top:20px; }
.showparameter .time span{ margin-right:4px; }
.showparameter .label{ margin-left:30px; }
.showparameter .label a{ margin-right:16px; }
.showparameter .label a:hover{ color:#ffffff; }

.showtxt{ color:#ffffff; font-size:16px; line-height:1.8; margin:50px 0; text-align:justify; }
.showtxt img{ max-width:100%; height: auto !important;}
.showtxt2{ margin:0 !important;}

.sxp{ color:#648fd2; font-size:14px; color:#648fd2; line-height:2.5; }
.sxp a:hover{ color:#ffffff; text-decoration: underline; }

.smright{ width:26.5%; padding-left:50px; }
.rtit{ font-size:36px; line-height:1.4; color:#ffffff; }

.rlist{ overflow: hidden; margin-top:30px; }
.rlist li{ float: left; width:100%; margin-bottom:25px; }
.rlist li .img{ overflow: hidden; }
.rlist li img{ display: block; width:100%; }
.rlist li .tit{ background:#264fc1; color:#ffffff; padding:15px 20px; font-size:16px; line-height:1.8; }
.rlist li:hover .tit{ background:#e1ad22; }
/*新闻详情*/

/*生态合作*/
.borderMain{ border:1px solid #1f49a0; padding:7% 3.5%; }

.ctit{ font-size:28px; color:#ffffff; text-align: center; margin-bottom:5%; }
.cooperateList{ overflow: hidden; margin-top:-2%; }
.cooperateList li{ width:23%; margin:2% 1% 0 1%; float: left; }
.cooperateList li img{ display: block; width:100%; }
/*生态合作*/

/*服务支持*/
.borderMain{ position: relative;}
.cnmap{ position: relative; overflow: hidden; }
.cnmap img{ display: block; width:100%; }

.cnmap .positioning{ position: absolute; cursor: pointer; }
.cnmap .positioning:after{ content:""; position: absolute; top:0; right:0; width:16px; height:16px; background: url(../images/mapico.png) no-repeat center center; background-size:cover; }
.cnmap .positioning .name{ font-size:16px; line-height:1; padding-right:24px; color:#ffffff; }
.cnmap .positioning:hover:after,.cnmap .positioning.on:after{ background-image:url(../images/mapico2.png); }
.cnmap .positioning:hover .name,.cnmap .positioning.on .name{ color:#e1ad22; }

.cnmap .positioning1{ left:34%; top:30%; }
.cnmap .positioning2{ left:52.2%; top:41.2%; }
.cnmap .positioning3{ left:61.4%; top:39.6%; }
.cnmap .positioning4{ left:60.8%; top:44.6%; }
.cnmap .positioning5{ left:61.8%; top:47.6%; }
.cnmap .positioning6{ left:56%; top:53.6%; }
.cnmap .positioning7{ left:63%; top:53%; }
.cnmap .positioning8{ left:68%; top:52%; }

.mapLayer{ padding:30px; width:480px; height:200px; background-image: linear-gradient(to right bottom , #5478d5,#264fc1); position: absolute; top:60%; left:2%; 
 display:none; }
.mapLayer:after{ content:""; border:10px solid transparent; z-index:100; border-right-color:#5478d5; position: absolute; left:-20px; top:50%; margin-top:-10px; }
.mapLayer .txt{ color:#ffffff; }
.mapLayer .txt .tit{ font-size:20px; line-height:40px; }
.mapLayer .txt .info{ font-size:18px; line-height:2; margin-top:10px; }
.mapLayer .img{ width:140px; }
.mapLayer .img img{ display: block; width:100%; }
/*服务支持*/


/*案例分享*/
.caselist{ overflow: hidden; }
.caselist li{ float: left; overflow: hidden; padding:70px 0; background:#092769; width:100%; position: relative; }
.caselist li:after{ content:""; position: absolute; left:0; top:0; width:100%; height:100%; background-image: linear-gradient(to right bottom , #5477d5,#2750c1); opacity:0; }
.caselist li .container{ position: relative; z-index:1; }
.caselist li.li02{ background:#09328a; }
.caselist li .container{ position: relative; overflow: hidden; }
.caselist li .img{ width:50%; overflow: hidden; }
.caselist li .img img{ display: block; width:100%; }
.caselist li .txt{ width:45%; color:#ffffff; position: absolute; top:0; height:100%; right:0; }
.caselist li .txt .tit{ font-size:28px; line-height:1.4; }
.caselist li .txt .info{ font-size:16px; line-height:1.8; margin:35px 0 70px 0; }
.caselist li .txt.fl{ right:auto; left:0; }

.caselist li:hover:after{ opacity:1; }
/*案例分享*/

.pagebj{ background-image: linear-gradient(to bottom , rgba(10,47,119,0.9),rgba(10,47,119,0));  }

/*案例详情*/
.caseMain{ overflow: hidden; }
.caseMain .tit{ text-align: center; color:#ffffff; font-size:28px; line-height:1.4; margin-top:4%; }
.caseMain .txt{ font-size:16px; line-height:2; color:#ffffff; margin:3% 0; text-align: justify; }

.caseimg{ overflow: hidden; }
.caseimg li{ width:49%; margin-top:2%; }
.caseimg li img{ display: block; width:100%; }
.caseimg1 li{ margin-left:25.5%;}

.caseSxp{ margin-top:4%; height:50px; color:#ffffff; background-image: linear-gradient(to right bottom , #5478d5,#264fc1); line-height:50px; padding:0 30px; }
.caseSxp a:hover{ text-decoration:underline; }
/*案例详情*/

/*产品列表*/
.prodMain{ overflow: hidden; }

.prodname{ font-size:32px; color:#ffffff; line-height:1.4; padding:4% 0; text-align:center; }
.prodname span{ margin-right:12px; font-size:48px; }

.ptit{ margin:5% 0; font-size:30px; line-height:60px; position: relative; text-align: center; color:#ffffff; line-height:1; }
.ptit:after{ margin:20px auto 0 auto; content:""; display: block; width:22px; height:3px; background:#3e6be3; }

.prodlist{ overflow: hidden; margin-top:-2%; }
.prodlist li{ position: relative; text-align: center; color:#ffffff; background: rgba(61,99,203,0.1); float: left; width:32%; margin-right:2%; margin-top:2%; border:1px solid #234896; }
.prodlist li:after{ content:""; position: absolute; width:100%; height:100%; left:0; top:0; background-image: linear-gradient(to right , #5478d5,#264fc1); opacity:0; }
.prodlist li a{ padding:50px 0; display: block; position: relative; z-index:1; }
.prodlist li .top{ position: relative; }
.prodlist li .top .num{ color:#204aa2; font-size:72px; line-height:1; font-family:Arial; }
.prodlist li .tit{ font-size:24px; line-height:1; color:#ffffff; position: absolute; left:0; bottom:0; width:100%; }
.prodlist li .more{ margin-top:40px; line-height:20px; font-size:14px; }
.prodlist li .more span{ font-size:14px; margin-left:7px; }

.prodlist li:hover:after { opacity:1;  }
.prodlist li:hover .top .num{ color:#204aa2; opacity:0.1; }
/*产品列表*/

/*产品详情*/
.prod01{ overflow: hidden; }

.prodtxt{ color:#ffffff; font-size:16px; line-height:1.8; margin-bottom:6%; }
.prodtxt img{ max-width:100%; height: auto !important;}

.prod02{ overflow: hidden; }

.functionMain{ margin-bottom:6%; }
.function{ border:1px solid #224796; padding:70px 50px; background: rgba(61,99,203,0.1); color:#ffffff; position: relative;  }
.function .ftit{ display:none; position: absolute; left:50px; top:50%; margin-top:-40px; font-size:24px; line-height:30x; padding:10px 0; width:120px; border-radius:5px; text-align: center; background-image: linear-gradient(to right, #5478d5,#264fc1); }
.function .ftit:after{ content:""; width:30px; position: absolute; right:-30px; top:50%; border-top:1px dashed #466796; }

.flist{ overflow: hidden; }
.flist li{ float:left; width:100%; padding:10px 0; }
.flist li:after{ display:none; content:""; position: absolute; left:0; top:50%; width:320px; border-top:1px dashed #466796; }
.flist li:before{ display:none; content:""; position: absolute; left:0; top:0; height:100%; border-left:1px dashed #466796; }

.flist li:first-child:before{ height:50%; top:auto; bottom:0; }
.flist li:last-child:before{ height:50%; }

.flist li .tit{ height:60px; line-height:60px; font-size:18px; color:#ffffff; overflow:hidden;
}
.flist li .tit>div{ border-radius:5px; float:left; padding:0 18px; background-image: linear-gradient(to right, #5478d5,#264fc1); }
.flist li .info{ border:1px dashed #466796; color:#b4c3da; font-size:16px; line-height:1.8; padding:15px 30px; }
.flist li .info b{ color:#ffffff; font-weight: bold; }

.prod03{ overflow: hidden;  }
.application_list{ color:#ffffff; }
.application_list li{ float: left; width:30%; margin-right:5%; margin-bottom:6%; }
.application_list li .num{ position: relative; width:150px; height:150px; text-align: center; line-height:150px; font-size:48px; color:#ffffff;
 background-image: linear-gradient(to right bottom , #5478d5,#264fc1); border-radius:50%; margin:0 auto; }
.application_list li .num:after{ content:""; border-radius:50%; width:190px; height:190px; border:1px dashed #ffffff; position: absolute; left:-20px; top:-20px; }
.application_list li .tit{ font-size:20px; text-align: center; margin-top:60px; }
.application_list li .info{ font-size:16px; color:#bdc2e1; line-height:1.6; margin-top:16px; text-align: justify; }

.prod04{ overflow: hidden;  }

.prodcase{ overflow: hidden; }
.prodcase li{ width:48.5%; margin-bottom:3%; }
.prodcase li .img{ overflow: hidden; }
.prodcase li img{ display: block; width:100%; }
.prodcase li .tit{ height:75px; padding:0 10px; line-height:75px; font-size:18px; color:#ffffff; text-align:center; background-image: linear-gradient(to right, #5478d5,#264fc1); }
.prodcase li:hover .tit{ background:#e1ad22; }

.prodmore{ margin:3% 0 6% 0; }
.prodmore a{ display: block; font-size:18px; color:#ffffff; height:75px; line-height:73px; border:1px solid #2e519b; text-align: center; background: rgba(41,82,194,0.15); }
.prodmore a:hover{ background:#ffffff; color:#2b54c2; }
/*产品详情*/

/*解决方案*/
.solutionTop{ overflow: hidden;  }
.solutionTop .container{ padding:5% 0; overflow: hidden; }
.solutionTop .txt{ width:46%;}
.stit{ font-size:28px; color:#ffffff; line-height:1; }
.stit:after{ content:""; width:70px; height:3px; margin-top:30px; display: block; background:#ffffff; }
.solutionTop .txt .info{ text-align: justify; color:#f0f0f0; font-size:16px; line-height:1.6; margin-top:40px; }
.solutionTop .img{ width:50%; }
.solutionTop .img img{ display: block; width:100%; }

.solution_nav{ background:#17449e; color:#ffffff; font-size:18px; }
.snlist{ line-height:65px; overflow:hidden; }
.snlist li{ position: relative; float:left; padding:0 15px; margin-right:20px; cursor:pointer; }
.snlist li:after{ content:""; opacity:0; height:3px; width:100%; position: absolute; left:0; bottom:0; background:#ffffff; }
.snlist li:hover:after,.snlist li.on:after{ opacity:1;}

.solution01{  }
.solution01 .container{ padding:5% 0; overflow: hidden; }

.architecture{ background:#0e3791; border:1px solid #224ba5; padding:40px; margin:3.5% 0; }
.architecture .img img{ display: block; width:100%; }
.architecture .atit{ font-size:24px; color:#ffffff; text-align: center; margin:50px 0; }

.architectureList{ overflow: hidden; }
.architectureList li{ float: left; width:100%; font-size:16px; line-height:38px; color:#ffffff; padding-left:40px; position: relative; }
.architectureList li .tit{ position: relative; }
.architectureList li .tit:after{ background:#519bf1; content:""; width:10px; height:10px; border-radius:50%; position: absolute; left:-30px; top:50%; margin-top:-5px; }

.solution02{ overflow: hidden; }
.solution02 .container{ padding:5% 0; overflow: hidden; }

.construct01{ overflow: hidden; position: relative; margin-top:5%; }
.construct01 .txt{ width:40%; color:#ffffff; left:0; top:0; min-height:440px; }
.construct01 .txt.fr{ left:auto; right:0; }
.construct01 .txt .tit{ font-size:20px; line-height:1.3; margin-bottom:20px; position: relative; padding-left:20px; }
.construct01 .txt .tit:after{ content:""; width:5px; height:80%; position: absolute; left:0; top:10%; background:#5d97f3; }
.construct01 .txt .info{ font-size:16px; line-height:1.6; text-align:justify; }
.construct01 .img{ width:55%; border:1px solid #6881b7; }
.construct01 .img img{ display: block; width:100%; }

.construct02{ border:1px solid #6881b7; padding:3.5%; background:#0e3791; color:#ffffff; margin-top:5%; }
.construct02 .tit{ font-size:20px; line-height:1.3; margin-bottom:20px; position: relative; padding-left:20px; }
.construct02 .tit:after{ content:""; width:5px; height:80%; position: absolute; left:0; top:10%; background:#5d97f3; }
.construct02 .info{ font-size:16px; line-height:1.6; text-align:justify; }
.construct02 .img{ width:100%; margin:3% auto 0 auto; }
.construct02 .img img{ display: block; width:100%; }

.construct03{ border:1px solid #6881b7; width:49%; padding:1.5%; background:#0e3791; color:#ffffff; margin-top:5%; }
.construct03 .tit{ font-size:20px; line-height:26px; min-height:52px; margin-bottom:20px; position: relative; padding-left:20px; display: flex; align-items: center;}
.construct03 .tit:after{ content:""; width:5px; height:80%; position: absolute; left:0; top:10%; background:#5d97f3; }
.construct03 .info{ margin-bottom:16px; }
.construct03 .img{ width:100%; }
.construct03 .img img{ display: block; width:100%; }



.solution03{ overflow: hidden; }
.solution03 .container{ padding:5% 0; }

.solution04{ overflow: hidden; }
.solution04 .container{ padding-top:5%; }
.solution04 .prodcase{ margin-top:5%; }
/*解决方案*/

/*RED-MOS生态合作*/
.redMain{ margin-top:6%; }
.redLeft{ width:18.5%; }
.redList{ overflow: hidden; }
.redList li{ position: relative; float: left; width:100%; border:1px solid #5977c8; border-radius:5px; margin-bottom:15px; }
.redList li .tit{ font-size:24px; line-height:40px; color:#95b7df; text-align: center; padding:25px 0; }
.redList li .tit2{ padding:50px 0 0 0; }
.redList li .num{ position: absolute; left:0; top:0; color:#95b7df; font-size:24px; width:50px; height:50px; line-height:50px; text-align:center; }
.redList li .icolist{ overflow: hidden; width:240px; margin:15px auto; }
.redList li .icolist span{ width:50px; float: left; margin:0 5px 5px 5px; }
.redList li .icolist span img{ display: block; width:100%; }
.redList li.li02{ background-image: linear-gradient(to bottom , rgba(69,107,207,0),rgba(69,107,207,1)); }
.redList li.li02 .tit{ color:#ffffff; }
.redList li.li02 .num{ color:#ffffff; }

.redList li:last-child{ margin-bottom:0; }

.redRight{ width:80%; border:1px solid #5977c8; border-radius:5px; padding:25px; }
.redrtit{ text-align: center; color:#ffffff; font-size:30px; line-height:72px; }

.rlist01{ overflow: hidden; position: relative; border:1px solid #38c4a2; border-radius:5px; padding:20px 0 20px 100px; margin-top:20px;
    background-image: linear-gradient(to bottom , rgba(34,123,148,0),rgba(34,123,148,1)); }
.rlist01 .name{ position: absolute; left:0; top:0; padding:25px 0; width:100px; text-align: center; color:#ffffff; font-size:24px; line-height:35px; }
.rlist01 li{ float: left; width:16.66%; }
.rlist01 li .ico{ width:50px; margin:0 auto; }
.rlist01 li .ico img{ display: block; width:100%; }
.rlist01 li .tit{ font-size:18px; line-height:20px; margin-top:8px; color:#ffffff; text-align: center; }

.rlist02{ overflow: hidden; }
.rlist02 li{ float: left; margin-right:2%; width:23.5%; height:64px; border:1px solid #5977c8; border-radius:5px; margin-top:20px;
    background-image: linear-gradient(to bottom , rgba(57,95,193,0),rgba(57,95,193,1)); }
.rlist02 li .ico{ width:50px; float: left; margin:7px 10px 7px 20px; }
.rlist02 li .ico img{ display: block; width:100%; }
.rlist02 li .tit{ float: left; line-height:64px; font-size:18px; color:#ffffff; }

.rlist03{ height:140px; border:1px solid #7f556c; width:49%; margin-top:20px; border-radius:5px; padding-left:60px; position: relative; color:#ffffff; 
background-image: linear-gradient(to bottom , rgba(141,107,103,0),rgba(141,107,103,1)); }
.rlist03 .name{ width:60px; position: absolute; left:0; top:0; font-size:24px; line-height:30px; padding:10px 20px; }
.rlist03 li{ float: left; width:20%; }
.rlist03 li .ico{ width:50px; margin:20px auto 0 auto; }
.rlist03 li .ico img{ display: block; width:100%; }
.rlist03 li .tit{ font-size:18px; width:120%; margin-left:-10%; text-align: center; line-height:1.4; margin-top:4px; }
/*RED-MOS生态合作*/


/*架构图*/
.diagram{ overflow: hidden; margin-top:3.5%; }
.diagramLeft{ width:18.6%; }

.diagramNav{ overflow: hidden; }
.diagramNav li{ position: relative; float: left; width:100%; border:1px solid #5977c8; border-radius:5px; margin-bottom:15px; cursor: pointer; }
.diagramNav li .tit{ font-size:24px; line-height:30px; color:#95b7df; text-align: center; padding:28px 0;  }
.diagramNav li .tit2{ padding:13px 0; padding-left:35px;}
.diagramNav li .tit3{ padding:40px 0 16px 0;  }
.diagramNav li.on{ padding:40px 0 0 0; }
.diagramNav li .num{ position: absolute; left:0; top:0; color:#95b7df; font-size:24px; width:50px; height:50px; line-height:50px; text-align:center; }
.diagramNav li .icolist{ overflow: hidden; width:90%; margin:10px auto 16px auto; display: none; }
.diagramNav li .icolist span{ height:50px; float: left; margin:3px 0; width:25%; }
.diagramNav li .icolist span img{ display: block; height:100%; margin:0 auto; }
.diagramNav li .icolist2{ padding:28px 15%; }
.diagramNav li .icolist2 span{ width:50%;}

.diagramNav li .icolist3{ padding:0 15%; }
.diagramNav li .icolist3 span{ width:50%;}

.diagramNav li .icolist4{ padding:0 5%; }
.diagramNav li .icolist4 span{ width:33.33%;}

.diagramNav li .icolist5{ padding:28px 5%; }
.diagramNav li .icolist5 span{ width:33.33%;}

.diagramNav li .icolist6{ padding:0 5%; }
.diagramNav li .icolist6 span{ width:33.33%;}
.diagramNav li .icolist6 span:nth-child(4){ margin-left:16.67%; }

.diagramNav li.on{ background-image: linear-gradient(to bottom , rgba(69,107,207,0),rgba(69,107,207,1)); }
.diagramNav li.on .tit3{ padding:28px 0;  }
.diagramNav li.on .icolist{ display: block; }
.diagramNav li.on .tit{ color:#ffffff; }
.diagramNav li.on .tit2{ padding-left:0;}
.diagramNav li.on .num{ color:#ffffff; }
.diagramNav li:last-child{ margin-bottom:0; }


.diagramRight{ width:80.4%; border:1px solid #4e6fc2; border-radius:5px; overflow: hidden; height:575px; }
.diagramRight .hide{ height:100%; }
.diagramRight .img{ display: flex; align-items: center; text-align: center; height:100%; flex-direction: column-reverse; }
.diagramRight img{ max-width:100%; max-height:100%; }

.diagramImg img{ width:100%; display: block; }

.diagram2 .diagramRight{ height:781px; }
/*架构图*/


/*客服插件*/
.online-service li .way .icon{ width:50px; height:50px; display: block; }
.online-service li .way .icon1{ background:url(../images/online_ico01.png) no-repeat center center; background-size:50%; }
.online-service li .way .icon2{ background:url(../images/online_ico02.png) no-repeat center center; background-size:50%; }
.online-service li .way .icon3{ background:url(../images/online_ico03.png) no-repeat center center; background-size:50%; }
.online-service li .way .icon4{ background:url(../images/online_ico04.png) no-repeat center center; background-size:50%; }
.online-service li .way .icon5{ background:url(../images/online_ico05.png) no-repeat center center; background-size:50%; }


.online-service{ position: fixed; top: 50%; right:0; margin-top: -100px; z-index:100;  }
.online-service li{ position: relative; display: block; width: 50px; border-bottom:1px solid #ffffff; }
.online-service li:last-child{ border-bottom:none; }
.online-service li .way{ display: block; background-color: #0166ce; z-index: 2; cursor: pointer; position: relative; }
.online-service li .way:hover{ background:#2280e1; }
.online-service li .way .tit{ display:none; }
.online-service .phone .content{
	display: block;
	*display: none;
	position: absolute;
	width: 0px;
	height: 50px;
	padding: 0 50px 0 20px;
	top:0;
	right: 0px;
	border-radius: 20px;
	opacity: 0;
	line-height: 50px;
	color: #fff;
	font-size: 18px;
	background-color: #2280e1;
	z-index: 1;
	overflow: hidden;
	white-space: nowrap;
	-webkit-transition: 0.5s ease;
	-o-transition: 0.5s ease;
	transition: 0.5s ease;
}

.online-service li.phone:hover .content{*display: block;width: 250px;opacity: 1;}
.online-service li.phone2:hover .content{*display: block;width: 260px;opacity: 1;}

.online-service .wx .ewm{ position: absolute;top: 50%; margin-top:0; width:0; height:0; right: 60px; border: 1px solid #ccc; opacity: 0;z-index: 1; -webkit-transition: 0.5s ease;-o-transition: 0.5s ease;transition: 0.5s ease;}
.online-service .wx:hover .ewm{ margin-top: -50px; width:100px; height:100px; opacity: 1;white-space: nowrap;}
.online-service .wx .ewm img{display: block;width: 100%; }

.online-service .wx .ewm .arrow{display: block;position: absolute;width: 0;height: 0;border: 7px solid transparent;border-left: 7px solid #ccc;top:50%;margin-top: -7px;right:-14px;}
/*客服插件*/


.pupupbj{ display: none; background:rgba(0, 0, 0, 0.8); position: fixed; width:100%; height:100%; left:0; top:0; z-index:200; cursor:pointer; }
.pupup{ display:none; width:200px; height:200px; padding:5px; background:#ffffff; position: fixed; top:50%; left:50%; margin:-100px 0 0 -100px; z-index:201; box-shadow:0 0 15px #000000; }
.pupup img{ width:100%; display: block; }


.zoomIn.animated{ opacity:1; }
.animated{ opacity: 0;}

.nav li:after,.home02 .txt .more,.home03list li:after,.home03list li .info,.home03list li .info a,.hmore,.hnlist li,.home05main .hnimg .tit,.homecase .cmore,.homecase .cmore:after,
.homecase .swiper-slide .txt .tit,.dbico a,.dbico a span,.dbnav li .sub a,.links a,.copy a,.courseList .swiper-slide .time,.courseList .swiper-slide .time:after,
.courseList .swiper-slide .info,.courseList .swiper-slide .info p,.nynav li,.newslist li:after,.newslist li .txt .tit,.newslist li .txt .info,.newslist li .txt .nbottom,
.paging a,.showparameter .label a,.sxp a,.rlist li .tit,.prodlist li:after,.prodlist li .top .num,.prodcase li .tit,.prodmore a,.caselist li:after,.positioning .name,
.header,.nav li .sub a{ transition: 0.3s;
-o-transition: 0.3s;
-ms-transition: 0.3s;
-moz-transition: 0.3s;
-webkit-transition: 0.3s;
}

.homecase .swiper-slide .img img,.about02 .img img,.imglist li img,.newslist li img,.rlist li img,.prodcase li img,.caselist li .img img{
-webkit-transition: all .5s ease-in;
-o-transition: all .5s ease-in;
-ms-transition: all .5s ease-in;
-moz-transition: all .5s ease-in;}

.homecase .swiper-slide .img:hover img,.about02 .img:hover img,.imglist li:hover img,.newslist li:hover img,.rlist li:hover img,.prodcase li:hover img,
.caselist li:hover .img img{
-webkit-transform: scale(1.1);
-ms-transform: scale(1.1);
-o-transform: scale(1.1);
transform: scale(1.1);}


.delay2{-webkit-animation-delay:.2s;animation-delay:.2s; -moz-animation-delay:.2s;
-o-animation-delay:.2s;-ms-animation-delay:.2s;}
.delay3{-webkit-animation-delay:.4s;animation-delay:.4s; -moz-animation-delay:.4s;
-o-animation-delay:.4s;-ms-animation-delay:.4s;}
.delay4{-webkit-animation-delay:.6s;animation-delay:.6s; -moz-animation-delay:.6s;
-o-animation-delay:.6s;-ms-animation-delay:.6s;}
.delay5{-webkit-animation-delay:.8s;animation-delay:.8s;; -moz-animation-delay:.8s;
-o-animation-delay:.8s;-ms-animation-delay:.8s;}
.delay6{-webkit-animation-delay:1s;animation-delay:1s; -moz-animation-delay:1s;
-o-animation-delay:1s;-ms-animation-delay:1s;}


.clippingOne{ text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }
.clippingTwo{ display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp:2; overflow: hidden; }
.clippingThree{ display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp:3; overflow: hidden;  }
.clippingFour{ display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp:4; overflow: hidden; }
.clippingFive{ display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp:5; overflow: hidden;  }