@charset "utf-8";
/* CSS Document */
/*----------全站共用----------*/
body{ width:100%; height:auto ;margin:0 auto; font-size:14px; padding:0; font-family:"微软雅黑"; background-color:#ffffff;}
img{ border:0; margin:0; padding:0}
form{ margin:0; padding:0}
ul{ margin:0; padding:0; list-style-type:none;}
li{ margin:0; padding:0; list-style-type:none;}
p{ margin:0; padding:0;}
input{ margin:0; padding:0; vertical-align:middle; outline:none;}
select{ margin:0; padding:0; vertical-align:middle;}

/*----------去虚框代码----------*/
a,area {blr:expression(this.onFocus=this.blur()); text-decoration: none; cursor: pointer;} /* for IE */
:focus { -moz-outline-style: none;} /* for Firefox */ newsb

/*----------全站默认链接样式----------*/
a{ color:#fff; text-decoration:none;cursor: pointer;}
a:hover{text-decoration:none;}

/*----------浮动和清除----------*/
.clear{ clear:both;}
.block{ display:block;}

/*----------距离----------*/
.pt80{padding-top:80px;}

/*----------头部----------*/
.head{width:100%;height:80px;background-color:#f5f5f5;margin:0 auto;box-shadow:0 0 16px 4px rgba(0,0,0,.2);z-index:1;position:fixed;z-index:9999;}
@media screen and (min-width:1080px){
.head .header_wrap{width:100%;height:80px;margin:0 auto;}
}
.head .header_wrap{width:1440px;height:80px;margin:0 auto;}

.head .header_wrap .header_logo{width:62px;height:26px;float:left;margin-top:27px}
.head .header_wrap .header_right{height:36px;float:right;margin-top:22px}
.head .header_wrap .header_right .header_search{height:34px;float:left;position:relative;margin-right:20px;margin-top:2px}
.head .header_wrap .header_right #inputBox{font-family:"微软雅黑";position:absolute;top:0;right:0;width:0;height:32px;padding:0;border:1px solid #f5f5f5;line-height:28px;background-color:#fff}
.head .header_wrap .header_right #searchBtn{position:absolute;display:block;top:8px;right:10px}
.head .header_wrap .header_right #searchBtn img{display:block}
.head .header_wrap .header_right .header_bar{width:1px;height:16px;background-color:#233354;float:left;margin-top:10px;margin-right:30px}
.head .header_wrap .header_right .header_hello{width:auto;height:24px;float:left;color:#233354;font-size:20px;text-transform:uppercase;margin-top:4px}

/*----------导航----------*/
.nav{width:36px;height:36px;float:left;margin-left:45px;}
.bigFixBox{display:none;width:100%;height:100%;position:fixed;z-index:9999999999999999999999999;top:0;left:0;background-color:rgba(0,0,0,.8)}
.navBox{height:100%;margin:150px auto;line-height:120px;text-align:center;}
.navBox li a{padding-bottom:0px;font-size:28px;color:#fff;}
.navBox li{width:120px;position:relative;margin:0 auto;}
.navBox li:after{content:"";width:0;height:2px;background:#fff;position:absolute;bottom:10px;left:0;transition:all 0.5s ease 0s;}
.navBox li:hover:after{width:100%;}
.navBox li a{text-decoration:none;height:100%;display:block;-webkit-transition:0.5s;-moz-transition:0.5s;-o-transition:0.5s;transition:0.5s;color:#fff;}
.navBox li:hover a{color:#FFF;}
.navBox li a:hover:after{left:1%;right:1%;opacity:1;-webkit-transition:all .5s;-o-transition:all .5s;-ms-transition:all .5s;transition:all .5s}
.navBox li a#sel{border-bottom:3px solid #fff;color:#fff;}
.navBox li a#sel:hover:after{opacity:0}
.closeBox{width:40px;height:40px;position:absolute;top:22px;right:124px;cursor:pointer;}
.closeBox img{width:40px;height:40px;}

/*----banner-----*/
/*@media screen and (min-width:1080px){
.baner_box .public{width:100%;height:1000px;}
.baner_box .public .banner_left{width:40%;height:auto;float:left;}
.baner_box .public .banner_right{width:60%;height:auto;float:left;}
}
.baner_box .public{width:1920px;height:1000px;}

.baner_box .public .banner_left{width:740px;height:1000px;float:left;}
.baner_box .public .banner_right{width:1180px;height:1000px;float:left;}
.baner_box{width:100%;height:1000px;margin:0 auto;z-index:0;padding-top:80px}
.banner_design{width:964px;height:464px;position:absolute;top:207px;left:370px;z-index:9998;}
.banner_btn{width:140px;height:50px;position:absolute;float:left;top:880px;left:418px}
.btn_left{width:50px;height:50px;float:left;cursor:pointer;}
.btn_right{width:50px;height:50px;float:right;cursor:pointer;}

.banner{position:relative;overflow:hidden}
.banner-view{position:relative;height:100%;z-index:999;background-color:#fff;background-repeat:no-repeat}
.banner-view i{position:relative;display:block;float:left;background-repeat:no-repeat}
.banner-btn{position:absolute;height:0;top:80%;font-family:宋体;font-size:20px;z-index:1000}
.banner-btn span{display:block;float:left;width:50px;line-height:50px;text-align:center;background-color:rgba(0,0,0,.7);color:#74dcff;cursor:pointer;font-weight:800}
.banner-btn span:hover{background-color:rgba(0,0,0,.6)}
.banner-btn span+span{float:right}
.banner-number{position:absolute;bottom:35px;width:100%;height:0;font-size:0;text-align:center;z-index:1000}
.banner-number>*{display:inline-block;border-radius:50%;margin:0 8px;width:10px;height:10px;background-color:#00c3ff;cursor:pointer}
.banner-number>.on,.banner-number>:hover{background-color:#ffc300}
.banner-progres{width:100%;position:absolute;bottom:0;height:3px;z-index:1000}
.banner-progres i{position:absolute;left:0;top:0;border-radius:3px;display:block;height:100%;width:0}
.banner_discovery{width:54px;height:67px;float:right; z-index:9999; position:absolute;bottom:0;right:300px;margin-bottom:60px;animation:yidong .5s linear infinite alternate}
@keyframes yidong{from{bottom:10px}
to{bottom:20px}
}*/
@media screen and (min-width:1080px) {.baner_box .public {width:100%;height:1000px;}
.baner_box .public .banner_left {width:40%;height:auto;float:left;}
.baner_box .public .banner_right {width:60%;height:auto;float:left;}
}
.baner_box .public {width:1920px;height:1000px;margin:auto;}
.baner_box .public .banner_left {width:740px;height:1000px;float:left;position:relative;}
.baner_box .public .banner_right {width:1180px;height:1000px;float:left;}
.baner_box {width:100%;height:1000px;margin:0 auto;z-index:0;padding-top:80px}
.banner_design {width:964px;height:464px;position:absolute;top:207px;left:370px;z-index:9998;}
.banner_btn {width:140px;height:50px;position:absolute;float:left;top:880px;left:418px}
.btn_left {width:50px;height:50px;float:left;cursor:pointer;}
.btn_right {width:50px;height:50px;float:right;cursor:pointer;}
.banner {position:relative;overflow:hidden}
.banner-view {position:relative;height:100%;z-index:999;background-color:#fff;background-repeat:no-repeat}
.banner-view i {position:relative;display:block;float:left;background-repeat:no-repeat}
.banner-btn {position:absolute;height:0;top:80%;font-family:宋体;font-size:20px;z-index:1000}
.banner-btn span {display:block;float:left;width:50px;line-height:50px;text-align:center;background-color:rgba(0,0,0,.7);color:#74dcff;cursor:pointer;font-weight:800}
.banner-btn span:hover {background-color:rgba(0,0,0,.6)}
.banner-btn span+span {float:right}
.banner-number {position:absolute;bottom:35px;width:100%;height:0;font-size:0;text-align:center;z-index:1000}
.banner-number>* {display:inline-block;border-radius:50%;margin:0 8px;width:10px;height:10px;background-color:#00c3ff;cursor:pointer}
.banner-number>.on,.banner-number>:hover {background-color:#ffc300}
.banner-progres {width:100%;position:absolute;bottom:0;height:3px;z-index:1000}
.banner-progres i {position:absolute;left:0;top:0;border-radius:3px;display:block;height:100%;width:0}
.banner_discovery {width:54px;height:67px;float:right;z-index:9999;position:absolute;bottom:0;right:300px;margin-bottom:60px;animation:yidong .5s linear infinite alternate}
@keyframes yidong {from {bottom:10px}
to {bottom:20px}
}

/*----------个人简历----------*/
.resume_box{width:100%;height:500px;margin:100px auto;background-color:#fff}
.resume_wrap{width:1440px;height:500px;margin:0 auto}
.resume_left{width:600px;height:500px;float:left}
.resume_img{width:600px;height:250px;margin-bottom:20px}
.resume_left_bt{width:600px;height:auto;color:#233354;font-size:34px;font-weight:700;font-style: normal;}
.resume_left_bt{letter-spacing:0px}
.resume_left_bt .danceWord-s1{color:#233354;width:600px;height:auto;color:#233354;font-size:34px;text-transform:inherit;font-weight:700;opacity:1!important}
.resume_left_nr{width:600px;height:auto;color:#666;font-size:16px;line-height:30px;text-align:justify}
.resume_middle{width:13px;height:500px;font-size:16px;color:#666;margin:0 113px;float:left}
.resume_right{width:600px;height:500px;float:right}
.resume_right_bt{width:600px;height:auto;line-height:50px;color:#233354;text-transform:uppercase;font-size:34px;font-weight:600;margin-top:-12px}
.resume_right_line{width:50px;height:4px;background-color:#233354;margin:50px 0 60px}
.resume_right_nr{width:600px;height:auto;line-height:35px;font-size:18px;color:#666}
.resume_right_skills{width:600px;height:auto;margin-top:100px}
.right_skills{width:110px;height:auto;margin:0 73px 0 -15px;float:left}
.right_skills_percent{width:auto;height:auto;font-family:Impact;font-size:40px;color:#233354;text-align:center}
.right_skills_nr{width:auto;height:auto;text-align:center;margin-top:22px;color:#333;font-size:16px;text-transform:capitalize}

/*----------关于我----------*/	
.myself_box{width:100%;height:auto;}
.myself_wrap{width:1440px;height:auto;margin:0 auto}
.column_myself{width:1440px;height:auto;text-align:center;font-size:34px;font-weight:700;text-transform:uppercase;margin:100px 0 70px 0;position:relative;color:#233354;}
.column_myself:before{content:"";width:150px;height:1px;background-color:#233354;position:absolute;top:22px;right:385px}
.column_myself:after{content:"";width:150px;height:1px;background-color:#233354;position:absolute;top:22px;left:385px}
.myself_about{width:1440px;height: auto;margin: 0 auto;}
.about_wrap{width: 696px;height: 256px;border: 2px #233354 solid; background: #ffffff; margin-right: 40px;margin-bottom: 40px;
background-image:url(../images/ej_bg_me.png); background-repeat: no-repeat;background-position: right bottom;float: left;color: #233354;cursor: pointer;}
.about_wrap2{width: 696px;height: 256px;border: 2px #233354 solid; background: #ffffff; margin-right: 40px;margin-bottom: 40px;background-image:url(
../images/ej_bg_date1.png); background-repeat: no-repeat;background-position: right bottom;float: left;color: #233354;cursor: pointer;}
.about_wrap3{width: 696px;height: 256px;border: 2px #233354 solid; background: #ffffff; margin-right: 40px;margin-bottom: 40px;background-image:url(
../images/ej_bg_hometown.png); background-repeat: no-repeat;background-position: right bottom;float: left;color: #233354;cursor: pointer;}
.about_wrap4{width: 696px;height: 256px;border: 2px #233354 solid; background: #ffffff; margin-right: 40px;margin-bottom: 40px;background-image:url(
../images/ej_bg_school.png); background-repeat: no-repeat;background-position: right bottom;float: left;color: #233354;cursor: pointer;}
.about_wrap5{width: 696px;height: 256px;border: 2px #233354 solid; background: #ffffff; margin-right: 40px;margin-bottom: 40px;background-image:url(
../images/ej_bg_wechat.png); background-repeat: no-repeat;background-position: right bottom;float: left;color: #233354;cursor: pointer;}
.about_wrap6{width: 696px;height: 256px;border: 2px #233354 solid; background: #ffffff; margin-right: 40px;margin-bottom: 40px;background-image:url(
../images/ej_bg_QQ.png); background-repeat: no-repeat;background-position: right bottom;float: left;color: #233354;cursor: pointer;}

.about_wrap:hover{width: 696px;height: 256px;background: #233354;transition:all 0.5s ease 0s; color:#fff;background-image:url(../images/ej_bg_me_2.png);background-repeat: no-repeat;background-position: right bottom;float: left;}
.about_wrap:hover .about_radius1{ background:url(../images/ej_myself_name_2.png) no-repeat center; width:160px;height:160px;transition: 0.5s all;}
.about_wrap:hover .myself_hx{width: 1px; height: 100px;background:#fff; float: left; margin: 80px 50px 80px 0px;}

.about_wrap2:hover{width: 696px;height: 256px;background: #233354;transition:all 0.5s ease 0s; color:#fff;background-image:url(../images/ej_bg_date1_2.png);background-repeat: no-repeat;background-position: right bottom;float: left;}
.about_wrap2:hover .about_radius2{ background:url(../images/ej_myself_birthday_2.png) no-repeat center; width:160px;height:160px;transition: 0.5s all;}
.about_wrap2:hover .myself_hx{width: 1px; height: 100px;background:#fff; float: left; margin: 80px 50px 80px 0px;}

.about_wrap3:hover{width: 696px;height: 256px;background: #233354;transition:all 0.5s ease 0s; color:#fff;background-image:url(../images/ej_bg_hometown_2.png);background-repeat: no-repeat;background-position: right bottom;float: left;}
.about_wrap3:hover .about_radius3{ background:url(../images/ej_myself_hometown_2.png) no-repeat center; width:160px;height:160px;transition: 0.5s all;}
.about_wrap3:hover .myself_hx{width: 1px; height: 100px;background:#fff; float: left; margin: 80px 50px 80px 0px;}

.about_wrap4:hover{width: 696px;height: 256px;background: #233354;transition:all 0.5s ease 0s; color:#fff;background-image:url(../images/ej_bg_school_2.png);background-repeat: no-repeat;background-position: right bottom;float: left;}
.about_wrap4:hover .about_radius4{ background:url(../images/ej_myself_school_2.png) no-repeat center; width:160px;height:160px;transition: 0.5s all;}
.about_wrap4:hover .myself_hx{width: 1px; height: 100px;background:#fff; float: left; margin: 80px 50px 80px 0px;}

.about_wrap5:hover{width: 696px;height: 256px;background: #233354;transition:all 0.5s ease 0s; color:#fff;background-image:url(../images/ej_bg_wechat_2.png);background-repeat: no-repeat;background-position: right bottom;float: left;}
.about_wrap5:hover .about_radius5{ background:url(../images/ej_myself_wechat_2.png) no-repeat center; width:160px;height:160px;transition: 0.5s all;}
.about_wrap5:hover .myself_hx{width: 1px; height: 100px;background:#fff; float: left; margin: 80px 50px 80px 0px;}

.about_wrap6:hover{width: 696px;height: 256px;background: #233354;transition:all 0.5s ease 0s; color:#fff;background-image:url(../images/ej_bg_QQ_2.png);background-repeat: no-repeat;background-position: right bottom;float: left;}
.about_wrap6:hover .about_radius6{ background:url(../images/ej_myself_QQ_2.png) no-repeat center; width:160px;height:160px;transition: 0.5s all;}
.about_wrap6:hover .myself_hx{width: 1px; height: 100px;background:#fff; float: left; margin: 80px 50px 80px 0px;}

/* .about_wrap:hover .about_radius::after{content: '';position: absolute;left:50%;top:50%;transform:translate(-50%,-50%);background:#fff;opacity:0;border-radius:50%;z-index:1;width:0; height:0;z-index: 1; transition: 1s all;}
.about_wrap:hover .about_radius:hover .about_radius_img img{transition: 1s ease; transform: rotateY(360deg);} */
.myself_nr_wrap:hover{color:#fff;}


.about_radius1{display:block;border-radius:50%;background:url(../images/ej_myself_name_1.png) no-repeat center;width:160px;height:160px;cursor:pointer;position:relative;float:left; text-align: center;margin: 50px;}
.about_radius_img{float: left;width: 100%;line-height: 0;margin-top: 50px;position: relative;z-index: 2; text-align: center;}
.about_radius2{display:block;border-radius:50%;background:url(../images/ej_myself_birthday_1.png) no-repeat center;width:160px;height:160px;cursor:pointer;position:relative;float:left; text-align: center;margin: 50px;}
.about_radius3{display:block;border-radius:50%;background:url(../images/ej_myself_hometown_1.png) no-repeat center;width:160px;height:160px;cursor:pointer;position:relative;float:left; text-align: center;margin: 50px;}
.about_radius4{display:block;border-radius:50%;background:url(../images/ej_myself_school_1.png) no-repeat center;width:160px;height:160px;cursor:pointer;position:relative;float:left; text-align: center;margin: 50px;}
.about_radius5{display:block;border-radius:50%;background:url(../images/ej_myself_wechat_1.png) no-repeat center;width:160px;height:160px;cursor:pointer;position:relative;float:left; text-align: center;margin: 50px;}
.about_radius6{display:block;border-radius:50%;background:url(../images/ej_myself_QQ_1.png) no-repeat center;width:160px;height:160px;cursor:pointer;position:relative;float:left; text-align: center;margin: 50px;}

/* .about_radius::after{content: '';position: absolute;left:50%;top:50%;transform:translate(-50%,-50%);background:#fff;opacity:0;border-radius:50%;z-index:1;width:0; height:0;z-index: 1; transition: 1s all;} 
.about_radius:hover::after{width: 100%; height: 100%;opacity: 1;}*/	
/* .about_radius:hover .about_radius_img{display: block; border-radius: 50%;width: 160px; height: 160px; }
.about_radius:hover .about_radius_img img{transition: 1s ease; transform: rotateY(360deg);} */
	
	
.myself_hx{width: 1px; height: 100px;background:#233354; float: left; margin: 80px 50px 80px 0px;}
/* .myself_hx:hover{width: 1px; height: 100px;background:#fff; float: left; margin: 80px 50px 80px 0px;} */


.myself_nr_wrap{width: 385px; height: 100px;float: left; margin-top: 80px; font-family:"微软雅黑";display: block;}
.myself_nr_bt{font:18px bold; padding: 12px 0px;}
.myself_nr{font:30px bolder; font-weight: bolder;}
.column_work{width:1440px;height:auto;text-align:center;font-size:34px;font-weight:700;text-transform:uppercase;margin:100px 0 70px 0;position:relative;color: #233354;}
.column_work:before{content:"";width:150px;height:1px;background-color:#233354;position:absolute;top:22px;right:355px}
.column_work:after{content:"";width:150px;height:1px;background-color:#233354;position:absolute;top:22px;left:355px}
.myself_work{width:auto;height: auto;margin: 90px 0px 100px;}	
.work_wrap{width: 1316px; min-height: 376px; padding: 60px; background-color: #fff;border: 2px #233354 solid; background-image:url(../images/ej_bg_workexperience.png); background-repeat: no-repeat;background-position: 94% 92%;position: relative; margin-bottom: 88px;}
.work_bt{font:28px bolder; color:#233354;font-weight: bolder;}
.work_hx img{width: 100px;height: 2px;margin: 45px 0px;}	
.work_nr{width: 1316px; height: auto; margin-top: -25px; color: #333; font-size: 20px; font-weight:500; line-height: 75px; text-align: justify;}	
.wrok_date{width: 400px; height: 150px;color:#233354;font-size: 28px; font-weight: bolder; text-align: center;line-height: 150px; position: absolute; top:-30px; right: 60px; background: #f5f5f5 url(../images/ej_bg_date.png) no-repeat;background-position: right bottom;box-shadow:0 0 5px 5px rgba(35,51,84,.2);}	
	
/*----------设计领域----------*/
.field_box{width:100%;height:350px;background-color:#233354;position:relative}
.field_wrap{width:1440px;height:350px;margin:0 auto;color:#fff;position:relative;z-index:99}
.field_skills{width:auto;height:auto;padding:85px 182px 70px 0;display:inline-block;-webkit-perspective:500;-moz-perspective:500;-ms-perspective:500;perspective:500;-ms-transform:perspective(500px);-moz-transform:perspective(500px);transform-style:preserve-3d}
.field_icon{width:220px;height:auto;text-align:center;position:relative;transition:.6s;transform-style:preserve-3d}
.field_skills:hover .field_icon{transform:rotateY(180deg)}
.field_bt{width:220px;height:auto;margin:15px 0 25px 0;font-weight:600;font-size:16px;text-align:center}
.field_nr{width:220px;height:auto;line-height:30px;text-align:center}

/*----------设计领域二级----------*/	
.column_design{width:1440px;height:auto;text-align:center;font-size:34px;font-weight:700;text-transform:uppercase;margin:100px 0 70px 0;position:relative;color:#233354;}
.column_design:before{content:"";width:150px;height:1px;background-color:#233354;position:absolute;top:22px;right:402px}
.column_design:after{content:"";width:150px;height:1px;background-color:#233354;position:absolute;top:22px;left:402px}	
.design_box{width:100%;height:auto;background-color:#fff}
.design_wrap{width:1440px;height:auto;margin:0 auto}	
.design_top{width: 1280px;height: 620px;padding: 40px 80px; background: url(../images/ej_design_bg.jpg) no-repeat;color: #fff;font-size: 18px;line-height: 60px; text-align: justify;}	

.design_field_wrap {width: 1440px;height: 525px;margin-bottom:80px;color: #333;}
.design_field_wrap:hover .design_field_bt {transform: translateY(10px);}
.design_field_wrap:hover .design_field_nr {transform: translateY(-10px);}
.design_field_wrap:hover .design_field_hx {width: 140%;position: relative;z-index: 10;margin-right: -60px;}
.design_field_wrap:hover .design_field_more {width: 180px;height: 180px;opacity: 1;}
.design_field_wrap .design_field_more span{opacity: 0; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); transition: 1s ease;}
.design_field_wrap:hover .design_field_more span{opacity: 1;}
.design_field_wrap:hover .design_field_image img {transform: scale(1.1) translate(-50%, -50%);}
.design_field_image {width: 700px;height: 525px;float: left;position: relative;overflow: hidden;}
.design_field_image img {position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);width: 100%;height: 100%;transition: 1s ease;}
.design_field_more {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);width: 0;height: 0;line-height: 180px;background: #233354;border-radius: 100%;text-align: center;font-size: 20px;color: #fff; text-transform: uppercase;opacity: 0;transition: 1s ease;white-space: nowrap;}
.design_field_wz {width: 620px;height: 440px;padding: 0px 60px;float: right;}
.design_field_bt {transition: 1s ease;width: 620px;height: auto;font-size: 30px; color: #233354; margin-top: 120px;font-weight: bolder;}
.design_field_nr {width: 620px; height: auto;font-size: 18px;color: #333;margin-top: 30px;text-align: justify;line-height: 50px;transition: 1s ease;}
.design_field_hx {width: 400px; height: 2px; background: #233354; float: right;margin-top: 40px; transition: 1s ease;}
	
/*----------案例展示----------*/
.case_box{width:100%;height:auto;background-color:#fff}
.case_wrap{width:1440px;height:auto;margin:0 auto}
.column_works{width:1440px;height:auto;text-align:center;font-size:34px;font-weight:700;text-transform:uppercase;margin:100px 0 70px 0;position:relative;color:#233354}
.column_works:before{content:"";width:150px;height:1px;background-color:#233354;position:absolute;top:22px;right:378px}
.column_works:after{content:"";width:150px;height:1px;background-color:#233354;position:absolute;top:22px;left:378px}
.tab_wrap{text-align:center;margin:0 auto;font-size:20px}
.tab_btn{width:auto;display:inline-block;color:#bbb;line-height:30px;margin:0 60px 30px;padding-bottom:30px;border-bottom:1px solid #fff}
.tab_btn a{color:#bbb;display:inline-block;width:auto;line-height:30px;height:30px;padding-bottom:30px;border-bottom:1px solid #fff}
{content:"";width:0;height:2px;background:orangered;bottom:0;left:0;transition:all 0.5s ease 0s;}
.tab_btn.clicked a{width:auto;color:#233354;display:inline-block;border-bottom:1px solid #233354;transition:all 2s ease 0s;}
.works_arrow{width:1440px;height:114px;margin:0 auto;margin-bottom:70px;text-align:center;animation:yidong2 .5s linear infinite alternate}
@keyframes yidong2{from{left:220px}
to{left:230px}
}
.tab_nr_wrap{width:100%;height:auto;margin:0 auto;float:left;margin-bottom:20px}
.tab_case{width:452px;height:auto;border:1px solid #ddd;float:left;margin-right:39px;margin-bottom:40px;cursor:pointer}
.tab_case:nth-child(3n+3){margin-right:0 !important;}
	
/*----------艺术鉴赏----------*/
.column_art{width:1440px;height:auto;text-align:center;font-size:34px;font-weight:700;text-transform:uppercase;margin:100px 0 70px 0;position:relative;color:#233354}
.column_art:before{content:"";width:150px;height:1px;background-color:#233354;position:absolute;top:22px;right:308px}
.column_art:after{content:"";width:150px;height:1px;background-color:#233354;position:absolute;top:22px;left:308px}
.tab_nr_wrap{width:100%;height:auto;margin:0 auto;float:left;margin-bottom:20px}
.tab_art{width:452px;height:auto;border:1px solid #ddd;float:left;margin-right:39px;margin-bottom:40px;cursor:pointer}
.tab_art:nth-child(3n+3){margin-right:0 !important;}

.ej_art_top_left{width:1320px;height:330px;float:left;background-color:#fff;padding:60px}
.art_top_left_bt{width:1320px;height:50px;font-size:24px;color:#233354}
.art_top_left_bt img{width:20px;height:1px;position:relative;top:25px;right:126px}
.art_top_left_nr{width:1320px;height:auto;margin-top:20px;margin-bottom:30px;text-align:justify;line-height:30px;color:#888}
.art_top_left_nrbt{color:#333;font-weight:700;font-size:18px;margin-bottom:20px}

	
/* 按钮 */
.ttt{height: 44px; border:1px solid #233354 !important;}
.button{width:140px;display:block; margin:0 auto !important;text-transform:uppercase;vertical-align:middle;z-index:1;-webkit-backface-visibility:hidden;-moz-osx-font-smoothing:grayscale}
.button--nina{cursor:pointer;background:#fff;color:#233354;overflow:hidden;text-align:center;-webkit-transition:background-color .3s;transition:background-color .3s;padding-top:14px;padding-bottom:14px}
.button--nina.button--inverted{background:#fff;color:#233354;text-align:center}
.button--nina>span{display:inline-block;opacity:0;color:#fff;-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0);-webkit-transition:-webkit-transform .3s,opacity .3s;transition:transform .3s,opacity .3s;-webkit-transition-timing-function:cubic-bezier(.75,0,.125,1);transition-timing-function:cubic-bezier(.75,0,.125,1);cursor:pointer;position:relative;margin:0 auto;top:0;left:-22px}
.button--nina::before{content:attr(data-text);position:relative;margin:0 auto;top:0;left:22px;width:100%;height:100%;-webkit-transition:-webkit-transform .45s,opacity .45s;transition:transform .45s,opacity .45s;-webkit-transition-timing-function:cubic-bezier(.75,0,.125,1);transition-timing-function:cubic-bezier(.75,0,.125,1)}
.button--nina:hover{background-color:#233354}
.button--nina:hover::before{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}
.button--nina:hover>span{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);position:relative}
.button--nina:hover>span:nth-child(1){-webkit-transition-delay:45ms;transition-delay:45ms}
.button--nina:hover>span:nth-child(2){-webkit-transition-delay:90ms;transition-delay:90ms}
.button--nina:hover>span:nth-child(3){-webkit-transition-delay:135ms;transition-delay:135ms}
.button--nina:hover>span:nth-child(4){-webkit-transition-delay:.18s;transition-delay:.18s}
.button--nina:hover>span:nth-child(5){-webkit-transition-delay:225ms;transition-delay:225ms}
.button--nina:hover>span:nth-child(6){-webkit-transition-delay:.27s;transition-delay:.27s}
.button--nina:hover>span:nth-child(7){-webkit-transition-delay:315ms;transition-delay:315ms}
.button--nina:hover>span:nth-child(8){-webkit-transition-delay:.36s;transition-delay:.36s}
.button--nina:hover>span:nth-child(9){-webkit-transition-delay:405ms;transition-delay:405ms}
.button--nina:hover>span:nth-child(10){-webkit-transition-delay:.45s;transition-delay:.45s}

/*----------名人语录----------*/
.sayings_box{width:100%;height:auto;background:url(../images/sayings_bg.jpg) no-repeat center center fixed;background-size:cover}
.sayings_wrap{width:1440px;height:500px;color:#fff;margin:0 auto}
.column_sayings{width:1440px;height:auto;text-transform:uppercase;margin:100px auto 70px;text-align:center;color:#fff;font-size:34px;font-weight:600;display:inline-block}
.sayings_nr{width:1200px;height:120px;margin-bottom:65px;padding:0 120px;text-align:center;line-height:32px;color:#fff;font-size:16px}

/*----------设计干货----------*/
.news_box{width:100%;height:auto;background-color:#fff}
.news_wrap{width:1440px;height:auto;margin:0 auto}
.column_news{width:1440px;height:auto;text-transform:uppercase;margin:100px auto 70px;text-align:center;color:#233354;font-size:34px;display:inline-block;font-weight:600}
.newsb_wrap{width:700px;height:450px;float:left}
.newsb{width:600px;height:450px;float:left;position:absolute;overflow:hidden;cursor:crosshair}
.newsb img{width:600px;height:450px}
/*.newsb img:hover{transition:all 1s ease 0s}*/
.news_date{width:130px;height:50px;position:relative;top:40px;left:40px;color:#fff}
.news_ri{font-size:65px;font-family:Impact;float:left}
.news_yue{font-size:24px;float:left;padding-top:10px;padding-left:15px}
.newsb_right{width:270px;height:320px;position:relative;left:350px;cursor:pointer;z-index:3;top:-25px;padding:40px;background:url(../images/news_bgbr.png)}
.newsb_right:hover{width:270px;height:320px;box-shadow:0 0 10px 4px rgba(0,0,0,.2);transition:all .5s}
.newsb_right img{width:350px;height:400px;position:absolute;left:0}
.newsb_right_bt{width:270px;height:50px;font-size:18px;font-weight:600;border-bottom:#ddd 1px solid;color:#444;}
.newsb_right_bt a{color:#444;}
.newsb_right_bt:hover{color:#233354}
.newsb_right_nr{width:270px;height:220px;margin-top:20px;color:#444;line-height:25px;text-align:justify}
.newsb_right_more{width:auto;height:auto;margin-top:14px;text-align:right;text-transform:uppercase;color:#444;}
.newsb_right_more a{color:#444;}
.newsb_right_more:hover{color:#233354}
.newss_wrap{width:372px;height:220px;background:url(../images/news_bgs.png) no-repeat;float:left;margin-top:40px;margin-right:40px;padding:40px}
.newss_wrap:hover{width:372px;height:220px;background:url(../images/news_bgsh.png) no-repeat;cursor:pointer;color:#fff;transition:all 1s ease 0s;}
.newss_wrap:hover a{color:#fff}
.newss_date{width:372px;height:40px;background:url(../images/icon_time.png) no-repeat}
.newss_time{width:372px;height:40px;color:#bbb;font-size:18px;text-indent:30px;line-height: 20px;}
.newss_wrap:hover .newss_time{background:url(../images/icon_time2.png) no-repeat}
.newss_time img{float:left;margin-right:15px;margin-top:2px}
.newss_line{width:30px;height:2px;background-color:#233354}
.newss_bt{color:#233354;font-size:18px;margin-top:20px;font-weight:700;display:block;word-break:keep-all;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.newss_nr{width:372px;height:120px;color:#666;line-height:25px;margin-top:15px;text-align:justify}
.newss_wrap:hover .newss_time{color:#fff}
.newss_wrap:hover .newss_line{width:30px;height:2px;background-color:#fff}
.newss_wrap:hover .newss_bt{color:#fff}
.newss_wrap:hover .newss_nr{color:#fff}

/*----------底部----------*/
.footer{width:100%;height:420px;background-image:url(../images/footer_bg.jpg);background-repeat:no-repeat;background-size:cover}
.footer_wrap{width:1440px;height:260px;margin:0 auto;padding-top:90px;padding-bottom:80px}
.footer_nav{width:240px;height:260px;color:#ddd;line-height:55px;font-size:16px;float:left}
.footer_nav a{color:#ddd;text-decoration: none;}
.footer_nav a:hover{color:#fff;transition:.5s all;}
.footer_contact_wrap{width:460px;height:260px;float:left}
.footer_contact_bt{width:460px;height:auto;color:#fff;font-size:16px;margin-bottom:20px;text-transform:capitalize}
.footer_contact_icon{width:460px;height:38px;margin-bottom:40px}
.footer_contact_icon .contact-box1{width:38px;height:38px;float:left;margin-right:20px;}
.footer_contact_icon .contact-box1 a{width:38px;height:38px;background:url(../images/icon_xlwb.png);background-repeat:no-repeat;display: block;}
.footer_contact_icon .contact-box1 a:hover{width:38px;height:38px;background:url(../images/icon_xlwb2.png);background-repeat:no-repeat;z-index:9999;position:relative;transition:all 1s ease 0s;}
.footer_contact_icon .contact-box2{width:38px;height:38px;float:left;margin-right:20px;}
.footer_contact_icon .contact-box2 a{width:38px;height:38px;background:url(../images/icon_wechat.png);background-repeat:no-repeat;display: block;}
.footer_contact_icon .contact-box2 a:hover{width:38px;height:38px;background:url(../images/icon_wechat2.png);background-repeat:no-repeat;z-index:9999;position:relative;transition:all 1s ease 0s;}
.footer_contact_icon .contact-box3{width:38px;height:38px;float:left;margin-right:20px;}
.footer_contact_icon .contact-box3 a{width:38px;height:38px;background:url(../images/icon_qq.png);background-repeat:no-repeat;display: block;}
.footer_contact_icon .contact-box3 a:hover{width:38px;height:38px;background:url(../images/icon_qq2.png);background-repeat:no-repeat;z-index:9999;position:relative;transition:all 1s ease 0s;}
.footer_contact_icon .contact-box4{width:38px;height:38px;float:left;margin-right:20px;}
.footer_contact_icon .contact-box4 a{width:38px;height:38px;background:url(../images/icon_txwb.png);background-repeat:no-repeat;display: block;}
.footer_contact_icon .contact-box4 a:hover{width:38px;height:38px;background:url(../images/icon_txwb2.png);background-repeat:no-repeat;z-index:9999;position:relative;transition:all 1s ease 0s;}
.footer_contact_icon .contact-box5{width:38px;height:38px;float:left;}
.footer_contact_icon .contact-box5 a{width:38px;height:38px;background:url(../images/icon_twitter.png);background-repeat:no-repeat;display: block;}
.footer_contact_icon .contact-box5 a:hover{width:38px;height:38px;background:url(../images/icon_twitter2.png);background-repeat:no-repeat;z-index:9999;position:relative;transition:all 1s ease 0s;}

.footer_contact{width:460px;height:auto}
/*.footer_contact_tb{float:left;line-height:60px;padding-right:20px}
.footer_contact_wz{width:460px;height:160px;color:#ddd;font-size:16px;line-height:60px}*/
.footer_contact_box{width:460px;height:160px;}
.footer_contact_box .one{width:460px;height:60px; float:left; position: relative;}
.footer_contact_box .one .icon{width:22px;height:22px;float:left;margin-right:14px;margin:0 !important;}
.footer_contact_box .one .txt{float:left;color:#ddd;font-size:16px;line-height:22px;margin-left:14px;}
.footer_db{width:100%;height:80px;line-height:80px;background:#233354;color:#fff;text-align:center}
.footer_message_wrap{width:730px;height:260px;float:right}
.footer_form{width:730px;height:222px}
.footer_form_group input{width:230px;line-height:38px;height:38px;padding-left:20px;box-sizing:border-box;float:left;
background:#fffFFF00 !important;margin-right:19px;color:#fff;border:#fff 1px solid;border-radius:0px !important;}
.footer_form_group input::-webkit-input-placeholder{color:#fff}
.footer_form_group input::-moz-placeholder{color:#fff}
.footer_form_group input:-moz-placeholder{color:#fff}
.footer_form_group input:-ms-input-placeholder{color:#fff}
.footer_form_group textarea{font-family:"微软雅黑";width:730px;min-height:100px;color:#fff!important;margin-top:20px;padding-left:18px;padding-top:15px;box-sizing:border-box;background:#fffFFF00;border:#fff 1px solid;outline:none;}
.footer_form_group textarea::-webkit-input-placeholder{color:#fff}
.footer_form_group textarea::-moz-placeholder{color:#fff}
.footer_form_group textarea:-moz-placeholder{color:#fff}
.footer_form_group textarea:-ms-input-placeholder{color:#fff}
.fsyj{width:140px;height:40px;color:#fff;line-height:40px;text-align:center;margin-top:20px;box-sizing:border-box;cursor:pointer;text-indent:0;border:#fff 1px solid}
.fsyj a{width:140px;height:40px;line-height:40px;color:#fff}
.fsyj:hover{width:140px;height:40px;line-height:40px;background:#fff;color:#233354;display:block;transition:all .5s ease 0s}
#test{overflow:hidden;height:500px;position:relative}

/* 首页加载特效样式css3 */
#loading{background-color:#233354;height:100%;width:100%;position:fixed;z-index:999999999999999999999999999999999999999999999999999;margin-top:0;top:0}
#loading-center{width:100%;height:100%;position:relative}
#loading-center-absolute{position:absolute;left:50%;top:50%;height:118px;width:118px;margin-top:-59px;margin-left:-59px}
.object{width:20px;height:20px;background-color:#fff;margin-right:20px;float:left;margin-bottom:20px}
.object:nth-child(3n+0){margin-right:0}
#object_one{-webkit-animation:animate 1s -.9s ease-in-out infinite;animation:animate 1s -.9s ease-in-out infinite}
#object_two{-webkit-animation:animate 1s -.8s ease-in-out infinite;animation:animate 1s -.8s ease-in-out infinite}
#object_three{-webkit-animation:animate 1s -.7s ease-in-out infinite;animation:animate 1s -.7s ease-in-out infinite}
#object_four{-webkit-animation:animate 1s -.6s ease-in-out infinite;animation:animate 1s -.6s ease-in-out infinite}
#object_five{-webkit-animation:animate 1s -.5s ease-in-out infinite;animation:animate 1s -.5s ease-in-out infinite}
#object_six{-webkit-animation:animate 1s -.4s ease-in-out infinite;animation:animate 1s -.4s ease-in-out infinite}
#object_seven{-webkit-animation:animate 1s -.3s ease-in-out infinite;animation:animate 1s -.3s ease-in-out infinite}
#object_eight{-webkit-animation:animate 1s -.2s ease-in-out infinite;animation:animate 1s -.2s ease-in-out infinite}
#object_nine{-webkit-animation:animate 1s -.1s ease-in-out infinite;animation:animate 1s -.1s ease-in-out infinite}
@-webkit-keyframes animate{50%{-ms-transform:scale(1.5,1.5);-webkit-transform:scale(1.5,1.5);transform:scale(1.5,1.5)}
100%{-ms-transform:scale(1,1);-webkit-transform:scale(1,1);transform:scale(1,1)}
}
@keyframes animate{50%{-ms-transform:scale(1.5,1.5);-webkit-transform:scale(1.5,1.5);transform:scale(1.5,1.5)}
100%{-ms-transform:scale(1,1);-webkit-transform:scale(1,1);transform:scale(1,1)}
}

/* Banner */
.waves{position:absolute;left:0;top:0;right:0;bottom:0}
img{border:0}
.ck-slide ul{margin:0;padding:0;list-style-type:none}
.ck-slide{position:relative;overflow:hidden}
.ck-slide ul.ck-slide-wrapper{position:absolute;top:0;left:0;z-index:1;margin:0;padding:0}
.ck-slide ul.ck-slide-wrapper li{position:absolute;margin-top:0}
.ck-slide ul.ck-slide-wrapper li a{line-height:0;display:block}
.ck-slide .ck-next,.ck-slide .ck-prev{position:absolute;top:50%;z-index:2;width:35px;height:70px;margin-top:-35px;border-radius:3px;opacity:.15;background:red;text-indent:-9999px;background-repeat:no-repeat;transition:opacity .2s linear 0s}
.ck-slide .ck-prev{left:5px;background:url(../images/arrow-left.png) #000 50% no-repeat}
.ck-slide .ck-next{right:5px;background:url(../images/arrow-right.png) #000 50% no-repeat}
.ck-slidebox{position:absolute;left:50%;bottom:12px;z-index:30}
.ck-slidebox ul{height:20px;padding:0 4px;border-radius:8px;background:rgba(0,0,0,.5)}
.ck-slidebox ul li{float:left;height:12px;margin:4px 4px}
.ck-slidebox ul li em{display:block;width:12px;height:12px;border-radius:100%;background-color:#fff;text-indent:-9999px;cursor:pointer}
.ck-slidebox ul li.current em{background-color:#fe6500;}
.ck-slidebox ul li em:hover{background-color:#fe6500;}

/* 名人名言 */
.ft-carousel{position:relative;width:100%;height:100%;overflow:hidden}
.ft-carousel .carousel-inner{position:absolute;left:0;top:0;height:100%}
.ft-carousel .carousel-inner .carousel-item{float:left;height:100%;}
.ft-carousel .carousel-item img{width:100%}
.ft-carousel .carousel-indicators{left:0;width:100%;text-align:center;margin-top:190px;position:relative;}
.ft-carousel .carousel-indicators span{display:inline-block;width:10px;height:10px;border:2px solid #FFF;margin:0 10px;border-radius:50%;cursor:pointer}
.ft-carousel .carousel-indicators span.active{background-color:#FFF;}
.ft-carousel .carousel-btn{position:absolute;top:50%;width:50px;height:45px;margin-top:-25px;cursor:pointer}

/* 案例展示 */
.hovereffect{width:100%;height:100%;float:left;overflow:hidden;position:relative;text-align:center;cursor:default}
.hovereffect .overlay{position:absolute;overflow:hidden;width:80%;height:80%;left:10%;top:10%;border-bottom:1px solid #fff;border-top:1px solid #fff;-webkit-transition:opacity .35s,-webkit-transform .35s;transition:opacity .35s,transform .35s;-webkit-transform:scale(0,1);-ms-transform:scale(0,1);transform:scale(0,1)}
.hovereffect:hover .overlay{opacity:1;-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);}
.hovereffect img{display:inherit;position:relative;transition:all 2s;-webkit-transition:all 2s;-moz-transition:all 2s;-ms-transition:all 2s;-o-transition:all 2s;}
.hovereffect:hover img{filter:url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feComponentTransfer color-interpolation-filters="sRGB"><feFuncR type="linear" slope="0.4" /><feFuncG type="linear" slope="0.4" /><feFuncB type="linear" slope="0.4" /></feComponentTransfer></filter></svg>#filter');filter:brightness(.4);-webkit-filter:brightness(.4);transform:scale(1.1,1.1);-ms-transform:scale(1.1,1.1);-moz-transform:scale(1.1,1.1);-webkit-transform:scale(1.1,1.1);-o-transform:scale(1.1,1.1);z-index:0;}
.hovereffect h2{text-transform:uppercase;text-align:center;position:relative;font-size:20px;background-color:transparent;color:#fff;
opacity:0;-webkit-transition:opacity .35s,-webkit-transform .35s;transition:opacity .35s,transform .35s;-webkit-transform:translate3d(0,-100%,0);
transform:translate3d(0,-100%,0)}
.hovereffect a,.hovereffect p{width:40px;height:40px;margin:0 auto;opacity:1;border-radius:100%; text-align: center; color:#fff;opacity:0;-webkit-transition:opacity .35s,-webkit-transform .35s;transition:opacity .35s,transform .35s;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);display:block;
background: url(../images/case_btn.png); background-repeat: no-repeat; background-position:center center;}
.hovereffect:hover a,.hovereffect:hover h2,.hovereffect:hover p{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);}
.hovereffect a:hover{width:40px;box-shadow:0 0 12px rgba(255,255,255,0.6);cursor:pointer;}
.one-line{width:40px;height:1px;background:#FFF;margin:0 auto;text-align:center;}

/* 返回顶部  */
.goTop >img{width:50px;height:50px;cursor:pointer;}
.goTop{position:fixed;right:100px;bottom:100px;z-index:99;}

/* 案例横线距离顶部  */
.juli-box-1{margin-top:10%;margin-bottom:10%;}
.juli-box-2{margin-top:10%;margin-bottom:10%;}
.juli-box-3{margin-top:10%;margin-bottom:10%;}
.juli-box-4{margin-top:10%;margin-bottom:10%;}
.juli-box-5{margin-top:10%;margin-bottom:10%;}

/* 案例名称距离顶部  */
.anli-name-1{padding-top:60%;}
.anli-name-2{padding-top:45%;}
.anli-name-3{padding-top:5%;}
.anli-name-4{padding-top:28%;}
.anli-name-5{padding-top:50%;}
.art-name-6{padding-top:16%;}
	
/* 案例顶底部横线距离  */
.anli-1-top{height:86% !important;top:7% !important;}
.anli-5-top{height:86% !important;top:7% !important;}

/* 二级页banner */	
.banenr_wrap{width: 100%; margin: 0 auto; position: relative;}	
.banner{width:100%;margin:0 auto;height:500px;text-align:center;overflow:hidden;}
.ej_banner_ws{width: 277px; height: 161px;position: absolute; top:250px; left: 435px;}	
.ej_banner_ad{width: 310px; height: 160px;position: absolute; top:250px; left: 420px;}
.ej_banner_da{width: 310px; height: 160px;position: absolute; top:250px; left: 420px;}
.ej_banner_aa{width: 310px; height: 160px;position: absolute; top:266px; left: 420px;}
.ej_banner_df{width: 307px; height: 160px;position: absolute; top:250px; left: 425px;}	
	
/* 翻页 */	
.pager{text-align:center;width:100%;height:42px;margin-bottom:100px;display:inline-block;clear:both}
#AspNetPager1 a{margin:0 30px 0 0;display:inline-block}
#AspNetPager1>a:first-child{width:78px;height:40px;line-height:42px;background-color:#fff;border:#233354 1px solid;background-image:url(../images/fy_zjt.png);background-position:center;background-repeat:no-repeat}
#AspNetPager1>a:first-child:hover{text-decoration:none;background:#233354 url(../images/fy_zjt2.png) no-repeat 15px center}
#AspNetPager1>a{text-indent:-9999em;text-align:left;display:inline-block;-moz-transition:all .2s ease-in-out;-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out}
#AspNetPager1>a:last-child{background:#fff url(../images/fy_yjt2.png) no-repeat center;width:138px;height:40px;line-height:42px;border:#233354 1px solid}
#AspNetPager1>a:last-child:hover{text-decoration:none;background:#233354 url(../images/fy_yjt.png) no-repeat 80px center}
.column_news2{width:1440px;height:auto;text-transform:uppercase;margin:100px auto 70px;text-align:center;color:#233354;font-size:34px;display:inline-block;font-weight:600}
.column_news2:before{content:"";width:150px;height:1px;background-color:#233354;position:absolute;top:22px;right:340px}
.column_news2:after{content:"";width:150px;height:1px;background-color:#233354;position:absolute;top:22px;left:340px}

/* 案例详情 */
.ej_alxq_box{width:100%;height:auto;background:#f5f5f5;padding:40px 0}
.ej_alxq_wrap{width:1440px;height:auto;margin:0 auto}
.ej_alxq_top{width:1440px;height:450px}
.ej_alxq_top_left{width:600px;height:330px;float:left;background-color:#fff;padding:60px}
.alxq_top_left_bt{width:600px;height:50px;font-size:24px;color:#233354}
.alxq_top_left_bt img{width:20px;height:1px;position:relative;top:25px;right:102px}
.alxq_top_left_nr{width:600px;height:auto;margin-top:40px;margin-bottom:30px;text-align:justify;line-height:30px;color:#888}
.alxq_top_left_nrbt{color:#333;font-weight:700;font-size:18px;margin-bottom:20px}
.ej_alxq_top_right{width:600px;height:330px;float:right;background-color:#eaeaea;padding:60px}
.alxq_top_right_bt{width:600px;height:50px;font-size:24px;color:#333}
.alxq_top_right_bt img{width:20px;height:1px;position:relative;top:25px;right:102px}
.alxq_top_right_nr{width:600px;height:auto;margin-top:40px;text-align:justify;line-height:36px;color:#888;font-size:16px}
.alxq_top_right_nr img{width:4px;height:4px;margin-bottom:4px}
.ej_alxq_case_wrap{width:1200px;height:auto;padding:120px;background:#fff;margin:40px auto; text-align: center;}
.ej_alxq_case_wrap img{width:auto;height:auto;margin: 0 auto; box-shadow:0 0 16px 4px rgba(0,0,0,.2);}
.ej_alxq_down_wrap{width:1440px;height:500px;background:url(../images/ej_lj_bg.jpg) no-repeat center;display:block}
.ej_alxq_down_lj{width:100%;height:150px;padding-top:180px;text-align:center;display:block}
.visit_site{width:150px;height:150px;color:#fff;margin:0 20px 0 550px;background-color:#233354;text-align:center;text-transform:uppercase;font-size:16px;line-height:150px;float:left;font-weight:700}
.visit_site a{width:150px;height:150px;color:#fff}
.visit_site:hover{width:150px;height:150px;background:#fff;color:#233354;border-radius:10px;transition:all .5s ease 0s}
.visit_page{width:148px;height:148px;margin:0 550px 0 20px;border:#fff 1px solid;text-align:center;text-transform:uppercase;color:#fff;font-size:16px;line-height:150px;float:left;box-sizing:border-box;font-weight:700}
.visit_page a{width:148px;height:148px;color:#fff}
.visit_page:hover{width:148px;height:148px;background:#fff;color:#233354;border-radius:10px;transition:all .5s ease 0s}
.ej_alxq_down_wz{width:1440px;height:25px;line-height:25px;color:#fff;font-size:16px;text-align:center;margin-top:40px;box-sizing:border-box}

.ckwz{width:120px;height:40px;color:#233354;line-height:40px;text-align:center;box-sizing:border-box;cursor:pointer;text-indent:0;border:#233354 1px solid}
.ckwz a{width:120px;height:40px;line-height:40px;color:#233354}
.ckwz:hover{width:120px;height:40px;line-height:40px;background:#233354;color:#fff;display:block;transition:all .5s ease 0s;}
		
/* 二级页内容 */	
.clearfix:before, .clearfix:after{  display: table;  content: " ";  }
.clearfix:after {  clear: both;  }

#pz_top{float:left;width:100%;min-width:1200px;-webkit-transition:all .3s linear;-moz-transition:all .3s linear;-o-transition:all .3s linear;transition:all .3s linear}
#pz_top.active{-webkit-box-shadow:0 2px 6px rgba(0,0,0,.6);-moz-box-shadow:0 2px 6px rgba(0,0,0,.6);-o-box-shadow:0 2px 6px rgba(0,0,0,.6);box-shadow:0 2px 6px rgba(0,0,0,.6)}
#pz_banner{float:left;width:100%;min-width:1440px;position:relative;overflow:hidden}
#pz_main{float:left;width:100%;min-width:1440px}
#pz_down{float:left;width:100%;min-width:1440px}
#pz_menu{float:left;width:100%;min-width:1440px}
.w_0100{width:100%}
.w_1200{margin:0 auto;width:1440px}

/*新闻中心-详细*/
.c_1200_12 {margin-top: 100px;}
.c_1200_12 h1{ font-size:26px; color:#233354;text-align: center;}
.c_1200_12_1{margin:70px 0 60px 0; border-top:1px solid #ddd; border-bottom:1px solid #ddd;}
.c_1200_12_1 h4{float:left; font-size:14px; color:#777777; line-height: 34px; margin-right:10px;}
.c_1200_12_1 a{float:right;}
.c_1200_12_1 a h5{float:left; font-size:14px; color:#999; line-height: 24px; margin-right:20px;}
.c_1200_12_1 a span{width:34px; height: 34px; overflow: hidden; float:right; margin-top: 20px;}
.c_1200_12_1 a:hover h5{color:#233354;}
.c_1200_12_2{font-size:16px; color:#4c4c4c; line-height: 30px;}
.c_1200_12_2 span{width:auto; height:auto; overflow: hidden; margin:30px auto; display: block;text-align: center;}

.new_share{text-align:center;margin: 30px 0px;}
.new_share .bdshare-button-style0-16{display: inline-block;}
.new_share .bdshare-button-style0-16 a{margin:0; padding:0; }
.new_share .bdsharebuttonbox .bds_weixin{width:35px; height: 35px;  background:url(../images/ej_xq_wx.png)center no-repeat;}
.new_share .bdsharebuttonbox .bds_tsina{width:35px; height: 35px;  background:url(../images/ej_xq_wb.png)center no-repeat; margin: 0 30px;}
.new_share .bdsharebuttonbox .bds_qzone{width:35px; height: 35px;  background:url(../images/ej_xq_kj.png)center no-repeat;}
.new_page2{ border-top:1px solid #dbdbdb;border-bottom:1px solid #dbdbdb;height: 70px;}
.new_page2 a{font-size:14px; color:#888; text-align: justify;}
.new_page2 a:hover{color:#233354;}
.new_page2 .new_pageUp{float:left;border-right:1px solid #dbdbdb; width:49.5%;padding:20px 0;}
.new_page2 .new_pageDown{float:right;width:49.5%;padding:20px 0; text-align: right;}

.about_new{width: 1440px; height: auto; margin: 0 auto; margin-top: 60px; margin-bottom: 40px;}
.about_new_share_wrap{width: 1440px; height: 30px;margin: 0 auto;}	
.about_new_share{ font-size:24px; color:#233354;float: left;}
.about_new_share_en{font-size:16px; color:#aaaaaa; text-transform: uppercase; margin-left:15px; margin-top: 2px; float: left;}
.about_new_ul{margin-top:40px;}
.about_new_ul li{width:690px; float:left; margin:0 50px 60px 0;}
.about_new_ul li:nth-child(2n){margin-right:0;}
.about_new_ul li p{width:300px; height: 225px; overflow: hidden; float:left; margin-right:50px; cursor:crosshair; }
.about_new_nr{width: 336px; height: auto; float: left;}
.about_new_ul li div h5{ font-size:16px; color:#888; margin: 8px 0;overflow: hidden;text-overflow: ellipsis;white-space: nowrap; cursor: pointer;}
.about_new_ul li div fnot{font-size:14px; color:#888; line-height: 26px; height:52px;overflow : hidden;text-overflow: ellipsis;-line-clamp: 3;-webkit-box-orient: vertical; text-align: justify;}
.about_new_ul li div img{width: 336px; height: 1px; margin:30px 0px;}
.about_new_date{font-size:14px; color:#999999;margin-top: -14px;}
.about_new_ul li:hover div h5{color:#233354;}
.about_new_ul li:hover p img{transform:scale(1.1);-webkit-transition: all 0.3s ease-out 0s;-moz-transition: all 0.3s ease-out 0s;-o-transition: all 0.3s ease-out 0s;transition: all 0.3s ease-out 0s;}

.enen-box{width:100%;position: relative;}
.enen-box .public{width:100%;height:45px;position:fixed;bottom:100px;margin:0 auto;}
.enen-box .public .left{ float:left;}
.enen-box .public .center{ position: absolute;left:47%;}
.enen-box .public .right{float: right;}
.icon-left{ background: url(../images/back-top.png); }
.btn-new-box{width:60px;height:60px; padding:10px !important;border: none !important;
 font-size: 14px !important;font-weight: normal !important;line-height: 2px; font-size:12px !important;}
 
.layui-layer{background-color:#000000c2 !important;}
 
/*----Banner-样式-----*/
.flexslider{position:relative;height:100%;overflow:hidden;}
.slides{position:relative;z-index:1;}
.slides li{height:100%;}
/*.slides li>img {display: block;margin: 0 auto;width: auto;height: auto;position: relative; top:10%;}*/
.flex-control-nav{position:absolute;z-index:2;width:100%;text-align:center; height: 100%;}
.flex-control-nav li{display:inline-block;width:12px;height:12px;margin:0 10px;*display:inline;zoom:1;}
.flex-control-nav a{display:inline-block;width:12px;height:12px;line-height:40px;overflow:hidden;/*background:url(../images/dot.png) right 0 no-repeat;*/cursor:pointer;}
.flex-control-nav .flex-active{background-position:0 0;}
.flex-direction-nav{position:absolute;z-index:3;width:100%;top:45%;}
.flex-direction-nav li a{display:block;width:46px;height:46px;overflow:hidden;cursor:pointer;position:absolute;}
.flex-direction-nav li a.flex-prev{left:80px;background:url(../images/anli_left.png) center center no-repeat;}
.flex-direction-nav li a.flex-next{right:80px;background:url(../images/anli-right.png) center center no-repeat;}
.flex-direction-nav li a.flex-prev:hover{left:80px;background:url(../images/anli_left_hover.png) center center no-repeat;}
.flex-direction-nav li a.flex-next:hover{right:80px;background:url(../images/anli_right_hover.png) center center no-repeat;}

.icon-btn{position:relative;width:45px;height:45px;overflow:hidden;display:inline-block;margin:15px 30px}
.icon-btn:after{display:block;content:"";clear:both}
.icon-btn:hover{width:190px;transition:.2s}
.icon-btn .l-icon{z-index:2;top:0;position:absolute;display:block;width:45px;height:45px;background-color:#2333547a;
border-radius:50%;text-align:center;line-height:60px;color:#fff;text-transform:uppercase}
.icon-btn .l-txt{z-index:1;position:absolute;top:0;display:block;line-height:45px;height:45px;border-radius:46px;
background:rgba(0,0,0,.22);color:#fbf9f6;font-size:14px}
.l-icon-btn .l-txt{transform:translateX(-101%)}
.icon-btn:hover .l-icon{background:#233354;color:#2285ee;transition:.2s}
.l-icon-btn:hover .l-txt{transform:translateX(0);left:1px;padding:0 22px 0 66px}
.c-icon-btn .l-icon{right:0}
.c-icon-btn .l-txt{transform:translateX(100%)}
.c-icon-btn:hover{margin-left:-55px}
.c-icon-btn:hover .l-txt{transform:translateX(0);right:1px;padding:0 66px 0 22px}
.r-icon-btn .l-icon{right:0}
.r-icon-btn .l-txt{transform:translateX(102%);right:1px;padding:0 55px 0 22px}
.r-icon-btn:hover .l-txt{transform:translateX(0);right:1px;padding:0 66px 0 22px}

/*----tab切换横条过渡效果-----*/	
.tab_btn {position: relative; cursor: pointer;}
.tab_btn .tab-line {display: block;content: "";width: 0;height: 2px;background: #233354;position: absolute;bottom: 30px;left: 0;transition: all 0.2s ease 0s;}
.tab_btn.clicked .tab-line {width: 100%;}
.tab_btn.clicked a {border-bottom: 0;}
.tab_btn:hover .tab-line {width: 100%;transition: all 0.2s ease 0s;}
	
/*----浏览器响应适配-----*/
@media screen and (max-width:) {
    body {
    }
}