@charset "utf-8";
/* CSS Document */
* { margin: 0; padding: 0; }
body, html{ background-color:#ffffff;}
body, button, input, select, textarea { font: 14px/1.5 Microsoft YaHei, SimSun, simhei, tahoma, Srial, helvetica, sans-serif, "Times New Roman", arial;  outline: none; }
ul, ol, li { list-style: none; margin: 0; padding: 0; }
a { text-decoration: none; color: #333333;}
img {border: 0px;}
html {overflow-x: hidden;}
.animate { -webkit-transition-duration: 0.5s; -moz-transition-duration: 0.5s; -ms-transition-duration: 0.5s; transition-duration: 0.5s; }
.animate1 { -webkit-transition-duration: 1s; -moz-transition-duration: 1s; -ms-transition-duration: 1s; transition-duration: 1s; }
table { border-spacing: 0px; border-collapse: collapse; }
tr { cursor: pointer; }
input { border: 0; }
textarea { resize: none; }
pre{font-family: -moz-fixed;white-space: pre-wrap; word-wrap: break-word;}
iframe{ width:600px; height:400px; margin:0 auto;}
.wrap{ width:1200px; margin:0 auto;}

/*href*/
a:link,a:visited{color:#333333}
a:hover,a:active{color:#b92328;}
.cfff,.cfff a:link,.cfff a:visited{color:#fff}
.cfff a:hover,.cfff a:active{color:#ddd}
.cccc,.cccc a:link,.cccc a:visited{color:#ccc}
.cccc a:hover,.cccc a:active{color:#ddd}
.c666,.c666 a:link,.c666 a:visited{color:#666}
.c666 a:hover,.c666 a:active{color:#105cbc}
.c999,.c999 a:link,.c999 a:visited{color:#999}
.c999 a:hover,.c999 a:active{color:#105cbc}

/*common*/
.l{float:left !important}
.r{float:right !important}
.o{overflow:hidden}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden}
.clearfix{*zoom:1}
.hidden{display:none}
.center{text-align:center;}
.clear{}
.img{ display:block; width:100%; margin:0; padding:0;}
/*文字超出省略*/
.ellipsis{-webkit-box-direction:normal;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis}
.ovh1{text-overflow:ellipsis;white-space: nowrap;overflow: hidden;}
.ovh2{-webkit-line-clamp:2}
.ovh3{-webkit-line-clamp:3}
.ovh5{-webkit-line-clamp:5}

.top{ background:url(../images/top.jpg) no-repeat center center; width:100%; height:90px;}

.nav{ width:100%; height:54px; background-color:#065BAA; border-bottom:2px solid #08AEED;}
.nav_bar{}
.nav_bar li{ float:left; width:176px; background:url(../images/nav_x.jpg) no-repeat left center; text-align:center; height:54px; line-height:54px;}
.nav_bar li.no{ width:140px; background:none;}
.nav_bar li a{ font-size:18px; color:#ffffff;}

.box1{ background:url(../images/box1_bg.jpg) no-repeat center center; width:100%; height:822px;}
.box1_nr{}
.box1_h1{ font-size:64px; color:#0668B5; font-weight:bold; line-height:130px; padding-top:58px;}
.box1_h1 span{ color:#FF3300;}
.box1_zi{ width:900px; font-size:14px; color:#666666; line-height:30px;}
.box1_data{ margin-top:43px; width:1232px;}
.box1_data li{ float:left; background-color:#ffffff;box-shadow: 0 0 25px rgba(0,0,0,0.23); padding:45px 25px 75px; width:226px; margin-right:32px;}
.box1_data li p{ font-size:14px; color:#666666; line-height:25px; height:50px;}
.box1_data li .data_num{ margin-top:36px;}
.box1_data li .data_num, .box1_data li .data_num h1{ font-size:60px; color:#0668B5; font-weight:normal; line-height:1;}
.box1_data li span{ font-size:14px; color:#666666; line-height:1; margin-top:20px; display:block;}
.box1_nav{ margin-top:50px;}
.box1_nav li{ display:inline-block; width:180px; text-align:center;}
.box1_nav li.box1_nav2{ animation-delay: 0.2s;}
.box1_nav li.box1_nav3{ animation-delay: 0.4s;}
.box1_nav li .box1_icon{ background-repeat:no-repeat; background-position:center center; height:80px;}
.box1_icon1{ background-image:url(../images/box1_icon1.png);}
.box1_icon2{ background-image:url(../images/box1_icon2.png);}
.box1_icon3{ background-image:url(../images/box1_icon3.png);}
.box1_nav li .box1_p{ line-height:44px; font-size:14px; color:#0668B5;}

.box2{ background:url(../images/box2_bg.jpg) no-repeat center center; width:100%; height:890px;}
.box2_tit{}
.box2_h1{ padding-top:50px; line-height:1; font-size:30px; color:#323232;}
.box2_h2{ line-height:33px; font-size:16px; color:#065BAA; animation-delay: 0.2s;}
.box2_h2 span{ color:#323232;}
.box2_h3{ width:14px; height:6px; margin:0 auto; background-color:#065BAA; animation-delay: 0.4s;}
.box2_h4{ line-height:32px; font-size:12px; color:#999999;font-family:"SimSun"; animation-delay: 0.6s;}
.box2_ul{ width:1230px; margin-top:20px;}
.box2_ul li{ float:left; position:relative; width:380px; height:320px; overflow:hidden; margin-right:30px; margin-bottom:30px;}
.cover {display: block;position: absolute;top: 0;left: 0;right: 0;bottom: 0;transition: 400ms;-webkit-transition: 400ms;background:url(../images/black.png);}
.txts {position: absolute;top: 0;left: 0;right: 0;bottom: 0;text-align: center;}
.txts .line {width: 1px; height: 0;background: #fff;left: 50%; position: absolute;transition: 300ms;-webkit-transition: 300ms;display: block;}
.txts .line1 {top: 0;}
.txts .line2 {bottom: 0;}
.txts .pa {padding-top: 115px;transition: 400ms;-webkit-transition: 400ms;}
.txts .ico { height:63px;}
.ico, .aw { width: 100%; height: 100%;display: block;background-repeat: no-repeat; background-position: center center; transition: 300ms;-webkit-transition: 300ms;}
.ico1{ background-image:url(../images/box2_icon1.png);}
.ico2{ background-image:url(../images/box2_icon2.png);}
.ico3{ background-image:url(../images/box2_icon3.png);}
.ico4{ background-image:url(../images/box2_icon4.png);}
.ico5{ background-image:url(../images/box2_icon5.png);}
.ico6{ background-image:url(../images/box2_icon6.png);}
.txts .ch {font-size: 16px;transition: 400ms;-webkit-transition: 400ms; color:#ffffff; line-height:36px;}
.ti {line-height: 1.4;color:#ffffff;}
.promore {transition: 400ms;-webkit-transition: 400ms;transform: translateY(15px);-webkit-transform: translateY(15px);opacity: 0;visibility: hidden;margin-top: -10px;position: relative;display: block;width: 178px; height: 43px;background: #fff;color: #666;margin: 0 auto;font-weight: bold;}
.promore .aw{transition: none;-webkit-transition: none;position: relative;width: 30px;height: 100%; background: url(../images/see.png) no-repeat right center; margin-right: 10px;}
.promore .bg {display: block;position: absolute;top: 0;left: 0;transition: 300ms;-webkit-transition: 300ms;height: 100%;background: #0054a3; width: 0;}
.wsib, .pager a { display: inline-block;vertical-align: middle;font-size: 14px;}
.promore .txx {position: relative;}
.box2_ul li:hover .line {height: 20%;}
.box2_ul li:hover .pa {padding-top: 100px;}
.box2_ul li:hover .ico {transform: translateY(-15px);-webkit-transform: translateY(-15px);opacity: 0;visibility: hidden;}
.box2_ul li:hover .ch {transform: translateY(-88px); -webkit-transform: translateY(-88px);}
.box2_ul li:hover .promore {transform: translate(0);-webkit-transform: translate(0);opacity: 1;visibility: visible;}
.promore:hover .bg { width: 100%;}
.promore:hover .aw {background-position: left center;}
.promore:hover .txx {color: #fff;}

.box3{ background-color:#F3F3F3; width:100%; height:680px;}
.box3_tit{}
.box3_h1{ font-size:30px; color:#323232; line-height:50px; padding-top:40px;}
.box3_h2{ font-size:12px; color:#999999;font-family:"SimSun"; line-height:32px; animation-delay: 0.2s;}
.tem_case{position: relative; margin-top:20px;}
.tem_case .swiper-slide {position:relative; margin:0 auto;}
.tem_case .swiper-slide .img {overflow:hidden; width:1140px; height:400px; margin:0 auto 60px;background:#000;}
.tem_case .swiper-slide .infos {position:absolute;right:80px;bottom:0;background:#FFF;box-shadow:0 0 8px rgba(0,0,0,0.08);padding:40px 40px 30px;width:220px;transform:scale(0);opacity:0;transition:all .6s}
.tem_case .swiper-slide .infos h2 {padding:34px 0 0;position:relative;font-size:24px;color:#333; font-weight:normal; line-height:1;
height:24px; overflow:hidden;}
.tem_case .swiper-slide .infos h2:before {content:'';width:36px;height:3px;background:#0668B5;position:absolute;top:0;left:0}
.tem_case .swiper-slide .infos .editor {font-size:14px;color:#949494;line-height:28px;padding:23px 0;text-align:justify;}
.tem_case .swiper-slide .infos>a {font-size:14px;color:#0068b7;text-transform:capitalize; line-height:32px; display:block;}
.box3_n{ margin-top:38px; display:block;}
.tem_case .swiper-slide.swiper-slide-active .infos {transform:none;opacity:1;transition-delay:.4s}
.tem_case .swiper-page {position:absolute;top:50%;width:100%;max-width:1200px;left:50%;transform:translate(-50%,-50%);z-index:1;margin:-40px 0 0}
.tem_case .swiper-page>div {outline:none; width:66px; height:66px; background-repeat:no-repeat; background-position:center center;}
.tem_case .swiper-page .slide-button-prev {float:left; background-image:url(../images/box3_prev.png);}
.tem_case .swiper-page .slide-button-next {float:right; background-image:url(../images/box3_next.png);}
.tem_case .swiper-page>div:hover {color:#0068b7}
.tem_case .slide-pagination { position:absolute; bottom:0; left:30px; z-index:1;}
.tem_case .slide-pagination>span {display:inline-block;margin:0 6px;width:14px;height:14px;border-radius:0;background:#A9A9A9;opacity:1;outline:none;}
.tem_case .slide-pagination>span.swiper-pagination-bullet-active {background:#0668B5}

.box4{ background:url(../images/box4_bg.jpg) no-repeat center center; width:100%; height:590px;}
.box4_tit{}
.box4_h1{ padding-top:50px; line-height:1; font-size:30px; color:#323232;}
.box4_h2{ line-height:33px; font-size:16px; color:#065BAA; animation-delay: 0.2s;}
.box4_h2 span{ color:#323232;}
.box4_h3{ width:14px; height:6px; margin:0 auto; background-color:#065BAA; animation-delay: 0.4s;}
.box4_h4{ line-height:32px; font-size:12px; color:#999999;font-family:"SimSun"; animation-delay: 0.6s;}
.tem_news {padding:40px 0 0;}
.tem_news .swiper-slide a {display:block;position:relative;overflow:hidden; height:350px; padding:0 50px;}
.tem_news .swiper-slide h2 {font-size:18px;color:#404040; height:18px; overflow:hidden;margin:0 0 23px; line-height:1; font-weight:normal;}
.tem_news .swiper-slide .editor {font-size:14px;color:#999999;line-height:28px;margin:0 0 22px;overflow:hidden;}
.tem_news .swiper-slide span {font-size:14px;color:#999999; line-height:1; margin-bottom:30px; display:block;}
.tem_news .swiper-slide p {font-size:14px;color:#0668B5; width:98px; height:30px; border:1px solid #DFDFDF; text-align:center; line-height:30px;}
.tem_news .swiper-slide a:before,.tem_news .swiper-slide a:after {content:'';width:1px;height:100%;background:#ededed;position:absolute;top:0;left:0}
.tem_news .swiper-slide a:after {left:auto;right:0}

.footer{ background-color:#2B2B2B;}
.f_part1{ padding-top:60px; padding-bottom:15px;}
.f_lx{ font-size:14px; color:#ffffff; line-height:30px; margin-top:3px;}
.f_tit{ line-height:38px; font-size:16px; color:#B6B6B6;}
.f_x{ width:24px; height:3px; background-color:#FE860C;}
.f_nav{ margin-left:80px;}
.d_dh{ width:300px; margin-top:10px;}
.d_dh li{ float:left; margin-right:44px; line-height:35px;}
.d_dh li a{ font-size:14px; color:#E8E8E8;}
.f_tel{ margin-left:56px;}
.f_tel img{ margin-top:40px;}
.license{ margin-top:12px;}
.copy{ height:60px; line-height:60px; border-top:1px solid #404040;}
.copy, .copy a{ font-size:12px; color:#666666;font-family:"SimSun";}

.ej_banner{ width:100%; height:350px; background:url(../images/ej_banner.jpg) no-repeat center center;}

.location{ background:url(../images/location.jpg) no-repeat left center; line-height:78px; font-size:14px; color:#666666; padding-left:24px;}
.location a{ color:#666666;}

.m-menu {background: #fff;}
.m-menu a:hover, .m-menu a.z-cut {color: #065BAA;border-bottom: 2px solid #065BAA;}
.m-menu a {color: #373737;margin: 0 15px;display: inline-block;border-bottom: 2px solid #fff;padding: 0 10px;height: 67px;line-height: 65px;font-size: 16px;}

.article{ min-height:500px; overflow:hidden; padding:30px 0;}
.article, .article p{ font-size: 16px;color: #333333;line-height: 30px;}

.map{ width:100%; height:550px; margin-top:30px;}
.map iframe{ width:100%; height:550px;}

.classlist{ width:1230px; margin-top:20px;}
.classlist li{ float:left; width:380px; height:380px; margin-right:30px; margin-bottom:30px; text-align:center;}
.classlist li .class_pic{ width:380px; height:320px;}
.classlist li p{ font-size: 16px;color: #333333;line-height: 60px;}

.newslist li{ background:url(../images/news_x.jpg) repeat-x center bottom; padding:15px 0 21px; overflow:hidden;}
.news_h1{ font-size:18px; color:#333333; line-height:48px;}
.news_p{ font-size:12px; color:#999999; line-height:21px;}
.news_time{ font-size:12px; color:#CC0000; line-height:12px; margin-top:15px;}

#container{ height:550px; margin-top:30px;}

.pagelist { text-align: center; margin: 20px 0 40px; clear:both; padding-top:30px;}
.pagelist span, .pagelist strong, .pagelist a { display: inline-block; border: 1px solid #ddd;padding: 2px 6px; margin-right: 2px; line-height:16px; text-decoration:none; color:#666;}
.pagelist strong { background: #ef5600; color: #fff;}