@charset "utf-8";
/* CSS Document */
body,ul,li,ol,dl,dt,dd,h1,h2,h3,h4,h5,h6,input,select,textarea,form,p,img,div,pre,fieldset,blockquote,th,td {margin:0;padding:0;outline:none;}
body{color:#333; background-color:#ffffff;}
html{ overflow-x:hidden;}
ul,li,ol,dl,dt,dd{list-style:none}
img{border:none;border-style: none;}
*{ font-family:"Microsoft Yahei"; margin:0; padding:0;transition:all 0.5s ease-out;-moz-transition:all 0.5s ease-out;-webkit-transition:all 0.5s ease-out;-o-transition:all 0.5s ease-out;}
input,textarea,button{ background: transparent;vertical-align:middle}
input,textarea,button{ background: transparent;vertical-align:middle}
a{ color:#333; text-decoration:none;}
:focus{outline:0}
table { border-spacing: 0px; border-collapse: collapse; }
tr { cursor: pointer; }
input, textarea{ border: 0; }
textarea{resize:none}
select{ border:none;outline: none;}

/*href*/
a:link,a:visited{color:#333}
a:hover,a:active{color:#a00}
.cfff,.cfff a:link,.cfff a:visited{color:#fff !important}
.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:#a00}
.c999,.c999 a:link,.c999 a:visited{color:#999}
.c999 a:hover,.c999 a:active{color:#a00}

/*common*/
.wrap{ width:1200px; margin:0 auto;}
.l{float:left !important}
.r{float:right !important}
.o{overflow:hidden}
.c{display:block;height:0;overflow:hidden}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden}
.clearfix{*zoom:1}
.hidden{display:none}
.center{text-align:center}
.img-box img,.img{display:block;margin:0;padding:0;width:100%;}
.flexbox{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex}
.lc{-webkit-box-direction:normal;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis}
/*文字超出省略*/
.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}

.head{ position:absolute; top:0; z-index:999; width:100%; height:77px; background:url(../images/top_bg.png) repeat-x center bottom;}
.logo{ background:url(../images/logo.png) no-repeat left center; height:77px; width:360px;}
.nav{}
.nav li{ width:96px; text-align:center; height:74px; line-height:74px; float:left; margin-left:20px;}
.nav li a{ font-size:14px; color:#ffffff;}
.nav li:hover, .nav li.on{ border-bottom:3px solid #284056;}
.nav_xia{ background-color: #284056; width: 100%; display: none;}
.nav_xia a{ display: block; line-height: 35px; color: #ffffff !important;}
.nav li:nth-child(4):hover .nav_xia{ display: block;}
.nav_xia a:hover{ background-color:#33516c;}

.box1{ position:relative; margin-top:-70px; z-index:999; padding-bottom:78px;}
.box1_video{ width:647px; height:366px; position:absolute; left:0; top:0;}
.play{ width:134px; height:134px; position:absolute; top:50%; left:50%; margin-top:-67px; margin-left:-67px;}
.box1_about{ background-color:#284056; width:462px; padding:80px 46px 44px 92px;}
.box1_tit{ line-height:1; font-size:24px; color:#ffffff;}
.box1_tit span{ font-size:14px; text-transform:uppercase;}
.box1_txt{ margin-top:35px; height:168px;}
.box1_txt, .box1_txt p{ font-size:14px; color:#ffffff; line-height:28px;}
.box1_more{ display:block; width:130px; height:35px; line-height:35px; background-color:#ffffff; margin-top:24px; font-size:12px; color:#333333;}

.box2{ padding:75px 1.6% 135px;  background-color:#f4f4f4;}
.box2_ul{ position:relative;}
.box2_ul li{ float:left; width:32.2%; overflow:hidden;}
.box2_left{ position:relative;}
.box2_h{ opacity:0; position:absolute; top:0; left:0; background:url(../images/box2_blue.png) repeat center center; width:100%; height:100%;}
.box2_ch{ width:64.6%; margin: 0 auto;}
.box2_ul li.box2_left .box2_logo, .box2_ul li.box2_left:hover .box2_logo{ width:22.1%; margin:32% auto 0;}
.box2_name{ width:20.3%; margin:3% auto 0;}
.box2_en{ width:43.6%; margin:31% auto 0;}
.box2_ul li:hover .box2_h{ opacity:1;}
.box2_ul li:hover .box2_ch{ margin: 10% auto 0;}
.box2_ul li:hover .box2_logo{transform: rotate(360deg);}
.box2_left:hover .box2_img img{ transform: scale(1.1,1.1);}
.box2_ul li.box2_li1, .box2_ul li.box2_li2, .box2_ul li.box2_li3, .box2_ul li.box2_li4{ position:absolute;}
.box2_ul li.box2_li1{ right:33.8%; top:0;}
.box2_ul li.box2_li2{ right:0; top:0;}
.box2_ul li.box2_li3{ right:33.8%; bottom:0;}
.box2_ul li.box2_li4{ right:0; bottom:0;}
.box2_ul li .box2_img{ position:relative;}
.box2_ul li .box2_logo{ width:22.1%; margin: 20% auto;}
.box2_ul li:hover .box2_logo{ margin: 10% auto 0;}
.box2_tit{ line-height:20px; overflow:hidden; background-color:#284056; padding:4.5% 7%;}
.box2_h1{ font-size:20px; color:#ffffff;}
.box2_h2{ font-size:14px; color:#ffffff; text-transform:uppercase;}

.box3{}
.box3_top{ background-color:#284056; margin-top:-54px; box-shadow: 0 0 20px rgba(6,0,1,.2);}
.box3_top li{ float:left; text-align:center; width:240px; padding:12px 0 20px;}
.box3_icon{ height:72px; background-repeat:no-repeat; background-position:center center;}
.box3_icon1{ background-image:url(../images/icon1.png);}
.box3_icon2{ background-image:url(../images/icon2.png);}
.box3_icon3{ background-image:url(../images/icon3.png);}
.box3_icon4{ background-image:url(../images/icon4.png);}
.box3_icon5{ background-image:url(../images/icon5.png);}
.box3_h1{ line-height:30px; font-size:16px;}
.box3_h2{ line-height:28px; font-size:12px;}
.slideTxtBox{}
.slideTxtBox .hd{ line-height:24px; margin-top:63px;}
.slideTxtBox .hd .box3_tit{ font-size:24px; color:#194e68;}
.slideTxtBox .hd .box3_tit span{ font-size:14px; text-transform:uppercase;}
.slideTxtBox .hd ul{}
.slideTxtBox .hd ul li{ float:left; font-size:18px; color:#333333; cursor:pointer;}
.slideTxtBox .hd ul li span{ color:#a3a3a3; font-size:14px; padding:0 36px;}
.slideTxtBox .bd{ padding:60px 1.2% 30px;}
.slideTxtBox .bd ul{}
.slideTxtBox .bd ul li{ float:left; width:24.2%; margin:0 0.4%; text-align:center;}
.slideTxtBox .bd ul li .box3_img{ background-color:#000000;}
.slideTxtBox .bd ul li .box3_txt{ font-size:20px; color:#333333; line-height:84px; padding-top:10px;}
.slideTxtBox .bd ul li .box3_more{ width:150px; height:38px; line-height:38px; background-color:#284056; margin:10px auto; font-size:38px; color:#ffffff;font-family:"SimSun"; opacity:0;}
.slideTxtBox .bd ul li:hover .box3_img img{ opacity:.8;}
.slideTxtBox .bd ul li:hover .box3_more{ opacity:1; margin:0 auto;}

.box4{ background-color:#f8f7f7; padding:65px 0 46px;}
.box4_tit{ padding-bottom:22px; background:url(../images/box4_line.png) no-repeat center bottom;}
.box4_ch{ line-height:36px; font-size:30px; color:#9b9b9b;}
.box4_en{ line-height:20px; font-size:14px; color:#9b9b9b; text-transform:uppercase;}
.box4_ul{ margin-top:50px; width:1205px;}
.box4_ul li{ float:left; width:234px; height:118px; margin-right:5px; border: 1px solid #ececec;}
#demo {margin: 0 auto;overflow: hidden;width: 1200px;}

.footer{ background-color:#184e68; padding:42px 0 38px;}
.d_logo{ background:url(../images/d_logo.png) no-repeat center center; width:430px; height:163px; margin-right:72px;}
.d_adr{ margin-top:20px;}
.d_adr p{ line-height:1; padding:7px 0; font-size:16px; color:#ffffff;}
.d_adr p.h1{ font-size:20px;}
.d_adr p.h2{ font-size:24px; font-weight:bold;}
.qrcode{ margin-top:26px;}
.code_z{ font-size:14px; color:#ffffff; width:14px; margin-right:24px;}
.code_t{ width:119px; height:119px;}

.copy{ background-color:#284056; line-height:60px;}
.copy, .copy a{ font-size:14px; color:#ffffff;}

.ej_head{ background-color:#ffffff; position:relative;}
.ej_head .logo{ background-image:url(../images/ej_logo.png);}
.ej_head .nav li a{ color:#333333;}

.ban{ width:100%; height:350px; background-repeat:no-repeat; background-position:center center;}

.ej_nav{ border-bottom:1px solid #e5e5e7; text-align:center; font-size:0;}
.ej_nav .wrap{display:-webkit-box; display:-webkit-flex; display:-moz-box; display:-ms-flexbox; display: -moz-flex; display:flex;}
.ej_nav li{ height:57px; line-height:57px; border-left:1px solid #e5e5e7; border-right:1px solid #e5e5e7; margin-left:-1px; flex:1;}
.ej_nav li a{ font-size:14px; color:#333333;}
.ej_nav li.curr a, .ej_nav li:hover a{ color:#184e68;}

.newslist{ margin-top:16px;}
.newslist li{ overflow:hidden; padding:40px 0; background:url(../images/news_line.jpg) repeat-x left bottom;}
.news_img{ width:416px; height:180px;}
.news_txt{ width:554px; padding:20px 30px 30px; background:url(../images/news_border.jpg) no-repeat right center;}
.news_txt h1{ font-size:20px; color:#3c3c3c; line-height:48px; height:48px; overflow:hidden;}
.news_txt p{ font-size:14px; color:#777777; line-height:24px; height:48px;}
.news_date{ line-height:1; margin-top:20px; font-size:14px; color:#777777;}
.news_more{ width:130px; height:40px; line-height:40px; background-color:#ececec; margin-top:70px; font-size:14px; color:#777777; text-transform:uppercase;}
.news_more img{ vertical-align:middle; margin-left:30px;}

.parter_img{ height:300px; margin-top:56px;}
.parterlist{ width:1215px; margin-top:40px;}
.parterlist li{ float:left; width:386px; height:196px; border:2px solid #ececec; margin-right:15px; margin-bottom:37px;}

.contact{ padding:56px 0;}
.con{ margin-top:50px;}
.con li{ float:left; width:320px; color:#333333;}
.con li.con1{ width:560px;}
.con_h1{ font-size:16px; line-height:30px;}
.con_h2{ font-size:20px; line-height:34px;}
.con_h3{ font-weight:bold; font-size:24px;}

.classlist{ margin-top:42px; width:1215px;}
.classlist li{ float:left; margin-bottom:24px; margin-right:15px;}
.class_img{ width:390px;}
.class_txt{ background-color:#284056; line-height:52px; overflow:hidden; padding:0 24px;}
.class_z1{ font-size:16px; color:#ffffff;}
.class_z2{ font-size:12px; color:#ffffff; text-transform:uppercase;}

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

.about1{ padding:56px 0 70px;}
.about1_top{}
.about1_r2, .about1_r1{ width:515px;}
.about1_tit{ font-size:24px; color:#333333; line-height:1; text-transform:uppercase;}
.about1_z1{ font-size:20px; color:#284056; line-height:34px; font-weight:bold; width:490px; margin-top:36px; margin-bottom:26px;}
.about1 p{ font-size:18px; color:#555555; line-height:50px;}
.about1_l2, .about1_l1{ width:600px;}
.about1_bottom{ margin-top:36px;}
.about1 img{ max-width: 100%; display: block;}

.about2{ background:url(../images/about2_bg.jpg) no-repeat center center; width:100%; height:776px;}
.about2_tit{ padding-top:76px;}
.about2_tit p{ font-size:24px; color:#ffffff; line-height:36px; text-transform:uppercase;}
.slideBox{ margin:36px auto 0; width:1318px; position:relative;}
.slideBox .bd{ background:url(../images/about2_bg1.jpg) no-repeat center bottom; width:1174px; height:512px; margin:0 auto;}
.about2_img{ height:215px;}
.about2_h1{font-size: 22px; color:#595a5d; margin-top:25px; line-height:66px;}
.about2_h2{ font-size:14px; color:#6b6b6e; line-height:22px;}
.about2_h2, .about2_h1 p{}
.slideBox .prev, .slideBox .next{ position:absolute; top:270px; width:17px; height:31px;}
.slideBox .prev{ background-image:url(../images/about2_prev.png); left:0;}
.slideBox .next{ background-image:url(../images/about2_next.png); right:0;}

.about3{ background:url(../images/about3_bg.jpg) no-repeat center center; width:100%; height:563px;}
.about3_tit{ padding-top:64px;}
.about3_tit p{ font-size:24px; color:#333333; line-height:36px; text-transform:uppercase;}
.about3_z1{ width:1470px; margin-top:50px; overflow:hidden;}
.about3_z1 li{ float:left; margin-right:270px; font-size:24px; color:#284056; line-height:1;}
.about3_z2{ margin-top:98px;}
.about3_z2, .about3_z2 p{ font-size:14px; color:#333333; line-height:24px;}

.about4{ padding:48px 0 60px;}
.about4_tit{}
.about4_tit p{ font-size:24px; color:#333333; line-height:36px; text-transform:uppercase;}
.picScroll-left{ overflow:hidden; margin-top:56px;}
.picScroll-left .hd{ width:100px; margin:48px auto 0;}
.picScroll-left .prev, .picScroll-left .next{ width:41px; height:41px; background-repeat:no-repeat; background-position:center center; cursor:pointer;}
.picScroll-left .prev{ background-image:url(../images/about4_prev.jpg);}
.picScroll-left .next{ background-image:url(../images/about4_next.jpg);}
.picScroll-left .bd ul li{ float:left; width:380px; height:264px; margin-right:30px;}

.honorlist{ width:1230px; margin-top:50px;}
.honorlist li{float:left; width:380px; margin-right:30px; margin-bottom:30px;}
.honor_img{ width:380px; height:264px;}
.honor_txt{ font-size:16px; color:#333333; line-height:50px;}

.caselist{ margin-top:50px;}
.caselist li{ float:left; width:32.2%; margin:0 0.5% 20px;}
.case_txt{ font-size:16px; color:#333333; line-height:50px;}

.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;}