body,html{ overflow-x:hidden;}
body{ color:#25211e;  height:auto; box-sizing:border-box; background-color:#f2f2f2; padding-top:100px;}
.course{-moz-user-select: none; 
  -webkit-user-select: none;  
  -ms-user-select: none;   
  -khtml-user-select: none; 
  user-select: none;}
a{ color:#25211e; text-decoration:none;}
a:hover{ text-decoration:none; color:#e7aa69;}
i,em{ font-style:normal;}



.ibanner .slick-arrow,
.iservice_con .pd,
.iservice_con .pd:before,
.subnav .tit a,
.zixun .box .p a
{
-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;
}

.dddddd
{transform: scale(1.1);}

.ibanner .slick-arrow{
font-family:"iconfont" !important;font-size:16px;font-style:normal;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;
}

.slick-slide{ position:relative;}
.slick-slide a{ display:block;}
.slick-slide img{ width:100%; height:auto; display:block;}
.ibanner .slick-slide img{ width:100.418410041841%;}
.ibanner .slick-arrow{font-size:18px; position:absolute; top:50%; z-index:2; height:44px; margin-top:-30px; line-height:44px; width:44px; text-align:center; padding:0px; border:none; color:#242526; background:rgba(255,255,255,0.5); border-radius:50%;}
.ibanner .slick-prev{ left:56px;}
.ibanner .slick-prev:before{ content: "\e701"; }
.ibanner .slick-next{ right:56px;}
.ibanner .slick-next:before{ content: "\e704"; }
.ibanner .slick-arrow:hover{background:rgba(255,255,255,1);}

.ibanner .slick-dots{ position:absolute; margin-left:-15px; left:50%; bottom:28px;}
.ibanner .slick-dots li{ float:left; margin:0 14px;}
.ibanner .slick-dots li button{ display:block; border:none; padding:0px; width:8px; height:8px; border-radius:50%; font-size:0px; background:#fff; box-shadow:0 0 5px rgba(0,0,0,0.1); box-sizing:border-box; border:none; position:relative;}
.ibanner .slick-dots li.slick-active button:before{ content:'\20'; width:20px; height:20px; border:1px solid #fff; box-sizing:border-box; position:absolute; left:50%; top:50%; margin:-10px 0 0 -10px; border-radius:50%;}


.ibanner .text{ padding:15px 0; text-align:center; display:none;}
.ibanner .h3{ font-size:18px; color:#25211e; margin-bottom:5px;}
.ibanner .p{ font-size:12px; color:#666;}

.wp{ width:1200px; position:relative; margin:0 auto;}

.header{ position:fixed; left:0px; top:0px; right:0px; z-index:3; transform: translateZ(0); background:#fff; box-shadow:0 0 3px rgba(0,0,0,0.3);}
.header .wp{height:100px;}
.logo{ width:238px; height:auto; display:block; position:absolute; left:0px; top:50%; margin-top:-28px;}
.logo img{ width:100%; height:auto; display:block;}
.menu{ float:right; padding-top:36px;}
.menu li{ padding:0 35px; float:left; position:relative;}
.menu .h3{}
.menu .h3 a{ display:block; position:relative; line-height:64px; position:relative; height:64px;}
.menu .h3 a:before{ content:'\20'; width:2px; height:18px; right:-36px; background:#d4d4d4; position:absolute; top:50%; margin-top:-9px;}
.menu li:last-child{ padding-right:0px;}
.menu li:last-child .h3 a:before{ display:none;}
.menu .box{ display:none; display:block; position:absolute; top:64px; display:none; left:0px; right:0px; background:#fff; text-align:center; padding:10px 0; border:1px solid rgba(0,0,0,0.1); border-top:none;}
.menu .box a{ display:block; height:30px; line-height:30px; font-size:13px;}
.menu .box a:hover{border-bottom:1px solid #37bbff;}
.menu li:hover .box{ display:block;}
.top_contact{ position:absolute; color:#02b160; line-height:28px; top:10px; right:0px;}
.top_contact i{ font-size:26px; float:left; margin-right:10px; line-height:28px;}
.top_contact span{ font-size:22px; float:left; font-family:Cambria,\5FAE\8F6F\96C5\9ED1,"Museo300", "Open Sans", "Hiragino Sans GB", STXihei, "Microsoft YaHei", sans-serif!important; font-weight:bold;}

.icon1{ background:#f5f5f5;}
.iservice_tit{ background:#fff;}
.iservice_tit li{ width:25%; float:left;}
.iservice_tit a{ padding:30px 0; display:block; text-align:center; position:relative;}
.iservice_tit a:before{ content:'\20'; background:url(../image/sj.png) no-repeat; width:43px; height:19px; position:absolute; left:50%; bottom:0px; margin-left:-21.5px; display:none;}
.iservice_tit i{ display:block; line-height:1; font-size:44px; margin-bottom:14px; color:#8b8b8b;}
.iservice_tit span{ display:block; line-height:1; font-size:18px; color:#1c1d1f;}
.iservice_tit li.curr i{ color:#0056a6;}
.iservice_tit li.curr span{ color:#0056a6;}
.iservice_tit li.curr a:before{ display:block;}

.iservice_con{ padding:70px 0;}
.iservice_con .dl{ display:none;}
.iservice_con .dl:first-child{ display:block;}
.iservice_con li{ float:left; width:33.3333%; margin-bottom:30px;}
.iservice_con .pd{ display:block; padding:20px; background:none; border-top:2px solid rgba(255,255,255,0);}
.iservice_con .h3{ font-size:24px; color:#0056a6; line-height:34px; height:34px; overflow:hidden; padding-right:40px; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:1; position:relative; margin-bottom:10px;}
.iservice_con .h3 span{ display:block;}
.iservice_con .h3 i{ position:absolute; right:0px; top:0px; font-size:18px; line-height:34px; height:34px;}
.iservice_con .p{ font-size:14px; color:#81847d; line-height:24px; height:72px; overflow:hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:3;}
.iservice_con .pd:hover{background:#fff; border-top:2px solid #02b160;}

.icon2{ background:#fff; padding:50px 0 70px 0;}
.isolution{ margin-bottom:60px;}
.isolution_tit{ line-height:30px; margin-bottom:30px;}
.isolution_tit .tit{ font-size:30px; float:left;}
.isolution_tit .con{ overflow:hidden; padding-left:40px;}
.isolution_tit .con a{ float:left; height:30px; line-height:30px; border-radius:5px; margin-right:10px; padding:0 10px; }
.isolution_tit .con a.curr{ background:#0056a6; color:#fff;}
.isolution_con{}
.isolution_con ul{ margin-right:-20px;}
.isolution_con li{ float:left; width:25%;}
.isolution_con .pd{ margin-right:20px; display:block;}
.isolution_con .img img{ width:100%; height:auto; display:block;}
.isolution_con .text{ display:none;}
.isolution_con .h3{ font-size:18px; color:#8b8b8b; line-height:50px; height:50px; overflow:hidden;}
.isolution_m{ padding-top:40px;}
.isolution_m a{ width:184px; height:40px; line-height:40px; background:#f5f5f5; color:#0056a6; text-align:center; margin:0 auto; display:block;}

.inews{}
.inews_tit{ overflow:hidden; color:#8b8b8b; line-height:30px; font-size:24px; margin-bottom:35px;}
.inews_tit ul{ float:left;}
.inews_tit li{ float:left; margin-right:20px; position:relative;}
.inews_tit li:before{ content:'\20'; width:1px; height:24px; background:#8b8b8b; right:-10px; position:absolute; top:50%; margin-top:-12px;}
.inews_tit li:last-child:before{ display:none;}
.inews_tit li a{ color:#8b8b8b;}
.inews_tit li.curr a{ color:#1c1d1f;}
.inews_more{ float:right; font-size:16px; color:#8b8b8b;}
.inews_more:hover{ color:#0056a6;}
.inews_con{}
.inews_con ul{ display:none;}
.inews_con ul:first-child{ display:block;}
.inews_con li{ margin-bottom:40px;}
.inews_con .pd{ position:relative; padding-left:90px; display:block;}
.inews_con .i{ border:1px solid #ebebeb; border-radius:5px; position:absolute; left:0px; top:0px; width:70px; text-align:center; padding:15px 0;}
.inews_con .i strong{ font-size:20px; margin-bottom:10px; display:block; color:#0056a6; line-height:1;}
.inews_con .i em{ font-size:12px; color:#81847d; display:block; line-height:1;}
.inews_con .h3{ font-size:18px; line-height:1; color:#1c1d1f; margin-bottom:6px;}
.inews_con .p{ font-size:14px; line-height:24px; height:48px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden; color:#81847d;}
.inews_con li:last-child{ margin-bottom:0px;}
.inews_fl{ width:50%; float:left; padding-right:60px; box-sizing:border-box; border-right:1px dashed #cecece;}
.inews_fr{ width:50%; float:left; padding-left:60px; box-sizing:border-box;}

.icon3{ background:url(../image/icon3.jpg) no-repeat top center; padding:32px 0;}
.icon3 .h3{ text-align:center; font-size:30px; line-height:36px; color:#fff;}
.icon3 .m{ width:130px; height:36px; line-height:36px; text-align:center; color:#1c1d1f; border-radius:5px; background:#fff; position:absolute; right:0px; top:50%; margin-top:-18px;}

.footer_nav{ padding:45px 0 70px 0;}
.footer_nav dl{ float:left; width:16.666666666666668%; padding-right:40px; box-sizing:border-box;}
.footer_nav dt{ font-size:18px; color:#1c1d1f; line-height:1; padding-bottom:20px; margin-bottom:10px; position:relative;}
.footer_nav dt:before{ content:'\20'; width:8px; height:1px; position:absolute; left:0px; bottom:0px; background-color:#0056a6;}
.footer_nav dd a:hover{color: #37bbff;}
.footer_nav dd a{ display:block; font-size:14px; color:#8b8b8b; line-height:30px;}

.footer{ background:#1c1d1f; color:#fff;}
.footer a{ color:#fff;}
.footer_top{ padding:24px 0; line-height:36px; border-bottom:1px solid #303030;}
.footer_top .t{ position:absolute; left:0px; top:24px;}
.footer_top .t a{ font-size:26px; color:#f5f5f5; margin-right:18px; line-height:36px; display:block; float:left;}
.footer_top .t a:hover{ color:#fff;}
.footer_top .p{ text-align:center; line-height:36px; height:36px; font-size:12px;}
.footer_top .m{ position:absolute; right:0px; top:24px; width:130px; height:36px; line-height:36px; text-align:center; color:#f5f5f5; background:#282828; border-radius:5px;}
.footer_bottom{ line-height:24px; padding:12px 0; color:#8b8b8b; font-size:12px; overflow:hidden;}
.footer_bottom strong{ float:left; margin-right:12px;}
.footer_bottom a{ color:#8b8b8b; margin-right:12px; float:left;}

.subnav{ position:fixed; right:20px; top:50%; margin-top:-107px; z-index:2;}
.subnav ul{ border:1px solid #ededed;}
.subnav li{ border-bottom:1px solid #ededed; position:relative;}
.subnav li:last-child{ border-bottom:none;}
.subnav .box{ position:absolute; right:70px; top:-1px; border:1px solid #ededed; background:#fff; padding:20px 30px; display:none;}
.subnav .tit a{ width:70px; height:70px; line-height:70px; text-align:center; display:block; font-size:26px; background:#ffffff; color:#02b160;}
.subnav .tit a:hover{ background:#02b160; color:#fff;}
.dianhua .box{ font-size:24px; line-height:30px; width:220px;}
.dianhua .box a{ color:#0056a6;}
.dianhua .box i{ font-size:26px; float:left; margin-right:10px; line-height:28px;}
.dianhua .box span{ font-size:22px; float:left; font-family:Cambria,\5FAE\8F6F\96C5\9ED1,"Museo300", "Open Sans", "Hiragino Sans GB", STXihei, "Microsoft YaHei", sans-serif!important; font-weight:bold;}
.zixun .box{ width:190px;}
.zixun .box .h3{ font-size:24px; line-height:1; margin-bottom:18px; color:#0056a6;}
.zixun .box .p{}
.zixun .box .p a{ display:block; height:50px; line-height:50px; border-radius:5px; padding:0 0 0 45px; background:#f5f5f5; margin-bottom:16px;}
.zixun .box .p i{ font-size:24px; float:left; margin-right:8px;}
.zixun .box .p span{ font-size:14px; float:left;}
.zixun .box .p a:hover{ background:#0056a6; color:#fff;}

.weixin{}
.weixin .box{ width:140px; text-align:center; box-sizing:border-box; padding:15px;}
.weixin .box img{ width:100%;}
.weixin .box span{ display:block; font-size:12px; padding-top:10px; line-height:1;}

.subnav li:hover .box{ display:block;}