.w1300 {

  width: 1300px;

  position: relative;

  margin: 0 auto;

}

.w1200{

  width: 1200px;

  margin: 0 auto;

  position: relative;

}



li {

  float: left;

}



ul:after {

  display: block;

  height: 0;

  clear: both;

  visibility: hidden;

  overflow: hidden;

  content: ".";

}



a {

  -webkit-transition: all 0.3s ease 0s;

          transition: all 0.3s ease 0s;

  color: #666;

}



a:hover {

  color: #ea5a25;

}



.show-header header{

  top: 0;

  opacity: 1;

  filter: alpha(opacity=100);

}

.header-wrap{

  position: relative;

  top: 0;

  z-index: 11;

}

header {

  position: fixed;

  top: 0;

  width: 100%;

  opacity: 1;

  filter: alpha(opacity=0);

  -webkit-transition: all 0.5s ease-out 0s;

          transition: all 0.5s ease-out 0s;

}

header .w1300 {

  position: relative;

  background-color: #f7f6f6;

  z-index: 2;

}

header .top-link {

  line-height: 30px;

  height: 30px;

  width: 82%;

  position: absolute;

  right: 0;

  top: 0;

  background-color: #10523b;

  z-index: 3;

}

.m-header-sub .lang{

  display: none;

  color: #fff;

  padding-top: 18px;

  font-size:16px;

  width: 94%;

  margin: 0 auto;

  display: block;

}

header .top-link .search-sub{

  width: 382px;

  padding-top: 19px;

  height: 63px;

  background-color: #fff;

  position: absolute;

  right: 0;

  top: 30px;

  display: none;

  z-index: 13;

}

header .top-link .search-box{

  margin-left: 40px;

}

header .top-link .search-box .tex{

  border: 1px solid #bebebe;

  font-size: 12px;

  height: 13px;

  line-height: 12px;

  padding: 14px 10px 13px;

  width: 194px;

}

header .top-link .search-box .sub-btn{

  border: none;

  width: 86px;

  height: 42px;

  background-color: #ea5a25;

  color: #fff;

  font-size: 14px;

  line-height: 42px;

  text-align: center;

}

header .share {

  margin-left: 42px;

  margin-top: 4px;

}

header .share a {

  display: inline-block;

  width: 22px;

  height: 22px;

  float: left;

  margin-right: 8px;

  border-radius: 50%;

}

header .share .bd {

  background: url(../images/ico_01.png) no-repeat center #fff;

}

header .share .wd {

  background: url(../images/ico_02.png) no-repeat center #fff;

}

header .share .wx {

  background: url(../images/ico_03.png) no-repeat center #fff;

}

header .link {

  margin-right: 31px;

  font-size: 14px;

  font-weight: bold;

}

header .link a {

  color: #fff;

  display: inline-block;

  float: left;

}

header .link .line {

  display: inline-block;

  float: left;

  width: 1px;

  height: 12px;

  background-color: #fff;

  margin: 10px 18px 0;

}

header .logo {

  display: inline-block;

  margin-top: 27px;

  margin-left: 26px;

}

header .nav {

  line-height: 42px;

  margin-right: 8px;

  margin-top: 50px;

  position: relative;

  z-index: 2;

}

header .nav li {

  font-size: 16px;

  padding-right: 50px;

  padding-bottom: 20px;

  position: relative;

}

header .nav a.tit {

  color: #000;

  padding-right: 24px;

  background: url(../images/ico_04.png) no-repeat right center;

  display: inline-block;

}

header .nav li:hover a.tit {

  color: #ea5a25;

}

header .nav .sub-box {

  position: absolute;

  left: -30px;

  top: 100%;

  width: 170px;

  font-size: 16px;

  line-height: 30px;

  display: none;

  /*padding-top: 20px;*/

  /*padding-bottom: 36px;*/

  background-color: #f3f9f5;

  border-bottom-left-radius: 5px;

  border-bottom-right-radius: 5px;

  overflow: hidden;

}

header .nav .sub-box p{

  width: 150;

  line-height: 42px;

  margin: 0 auto;

  padding: 0 10px;

  transition: background 0.3s ease 0s;

}

header .nav .sub-box p:hover{

  background-color: #ea5a25;

}

header .nav .sub-box p:hover a{

  color: #fff;

  border-bottom: 1px solid #ea5a25;

}

header .nav .sub-box p:last-child a{

  border-bottom: none;

}

header .nav .sub-box a {

  display: inline-block;

  color: #333;

  padding-left: 20px;

  width: 130px;

  border-bottom: 1px solid #d4d4d4;

}

header .nav .sub-box a:hover {

  color: #ea5a25;

}

header .m-navico {

  display: none;

  width: 26px;

  height: 24px;

  background: url(../images/ico_19.png) no-repeat center;

  margin-top: 15px;

  background-size: 100% auto;

  margin-right: 4%;

  cursor: pointer;

  margin-top: 17px;

}

/*header .sub-menu {

  width: 100%;

  position: absolute;

  overflow: hidden;

  top: 100%;

  left: 0;

  background: url(../images/bg_11.png) repeat 0;

  display: none;

  height: 210px;

  z-index: 1;

}*/



.m-header-sub {

  position: fixed;

  left: 0;

  top: 0;

  width: 100%;

  background: url(../images/bg_10.png) repeat 0;

  padding-bottom: 10px;

  max-height: 100%;

  overflow: auto;

  z-index: 11;

  display: none;

}

.m-header-sub .top-main {

  width: 94%;

  padding: 14px 3%;

  background-color: #000;

}

.m-header-sub .top-main .close {

  display: block;

  width: 30px;

  height: 30px;

  background: url(../images/ico_22.png) no-repeat center;

  cursor: pointer;

}

.m-header-sub ul {

  width: 94%;

  margin: 10px auto 0;

}

.m-header-sub li {

  width: 100%;

  border-bottom: 1px solid rgba(255, 255, 255, 0.15);

}

.m-header-sub li:last-child {

  border-bottom: none;

}

.m-header-sub .tit-box {

  line-height: 42px;

  cursor: pointer;

}

.m-header-sub .tit-box .stit {

  display: inline-block;

  padding-left: 7%;

  font-size: 16px;

  color: #fff;

  background-size: auto 40% !important;

}

.m-header-sub .tit-box .ico {

  display: inline-block;

  width: 8px;

  height: 22px;

  background: url(../images/ico_32.png) no-repeat center;

  background-size: 100% auto !important;

  margin-top: 10px;

  opacity: 0.5;

}

.m-header-sub .tit-box .tit1 {

  background: url(../images/ico_23.png) no-repeat left center;

}

.m-header-sub .tit-box .tit2 {

  background: url(../images/ico_24.png) no-repeat left center;

}

.m-header-sub .tit-box .tit3 {

  background: url(../images/ico_25.png) no-repeat left center;

}

.m-header-sub .tit-box .tit4 {

  background: url(../images/ico_26.png) no-repeat left center;

}

.m-header-sub .tit-box .tit5 {

  background: url(../images/ico_27.png) no-repeat left center;

}

.m-header-sub .tit-box .tit6 {

  background: url(../images/ico_28.png) no-repeat left center;

}

.m-header-sub .tit-box .tit7 {

  background: url(../images/ico_29.png) no-repeat left center;

}

.m-header-sub .tit-box .tit8 {

  background: url(../images/ico_30.png) no-repeat left center;

}

.m-header-sub .tit-box .tit9 {

  background: url(../images/ico_31.png) no-repeat left center;

}

.m-header-sub li.hover .tit-box .stit {

  color: #ea5a25;

}

.m-header-sub li.hover .tit-box .ico {

  width: 14px;

  height: 10px;

  background: url(../images/ico_32_h.png) no-repeat center;

  margin-top: 16px;

}

.m-header-sub li.hover .tit1 {

  background: url(../images/ico_23_h.png) no-repeat left center;

}

.m-header-sub li.hover .tit2 {

  background: url(../images/ico_24_h.png) no-repeat left center;

}

.m-header-sub li.hover .tit3 {

  background: url(../images/ico_25_h.png) no-repeat left center;

}

.m-header-sub li.hover .tit4 {

  background: url(../images/ico_26_h.png) no-repeat left center;

}

.m-header-sub li.hover .tit5 {

  background: url(../images/ico_27_h.png) no-repeat left center;

}

.m-header-sub li.hover .tit6 {

  background: url(../images/ico_28_h.png) no-repeat left center;

}

.m-header-sub li.hover .tit7 {

  background: url(../images/ico_29_h.png) no-repeat left center;

}

.m-header-sub li.hover .tit8 {

  background: url(../images/ico_30_h.png) no-repeat left center;

}

.m-header-sub li.hover .tit9 {

  background: url(../images/ico_31_h.png) no-repeat left center;

}

.m-header-sub .sub-li {

  padding-left: 7%;

  width: 93%;

  line-height: 38px;

  font-size: 14px;

  padding-bottom: 8px;

  display: none;

}

.m-header-sub .sub-li a {

  display: block;

  color: rgba(255, 255, 255, 0.4);

}

.m-header-sub .sub-li a:hover {

  color: #ea5a25;

}

.m-header-sub .sub-li .tex{

  border: 1px solid #868889;

  width: 52%;

  font-size: 16px;

  height: 21px;

  line-height: 20px;

  padding: 15px 5% 14px;

  color: #fff;

  margin-top: 15px;

  margin-bottom: 15px;

  background: none;

}

.m-header-sub .sub-li .sub-btn{

  border: none;

  /*width: 80px;*/

  padding: 0 7px;

  height: 52px;

  text-align: center;

  color: #fff;

  background-color: #bc4a20;

  font-size: 16px;

  margin-top: 15px;

  margin-bottom: 15px;

}



.m-header-bg {

  position: fixed;

  left: 0;

  top: 0;

  width: 100%;

  background: #000;

  opacity: 0.5;

  filter: alpha(opacity=50);

  z-index: 10;

  height: 100%;

  display: none;

}

.search-bg-alert{

  position: fixed;

  left: 0;

  top: 0;

  width: 100%;

  background: #000;

  opacity: 0.5;

  filter: alpha(opacity=50);

  z-index: 12;

  height: 100%;

  display: none;

}



header.show {

  top: 0;

  opacity: 1;

  filter: alpha(opacity=100);

  box-shadow: 0 2px 6px 0 rgba(0,0,0,0.2);

}

header::after{

  content: "";

  display: block;

  height: 112px;

  width: 1300px;

  left: 50%;

  margin-left: -650px;

  background-color: #fff;

  z-index: 1;

  transition: all 0.3s ease 0s;

  position: absolute;

  top: 0;

}

header.show::after{

  width: 100%;

  left: 0;

  margin-left: 0;

}



.i-footer footer{

  background-color: #f5f5f5;

  border-top: none;

}

footer {

  padding-top: 36px;

  background-color: #ffffff;

  border-top: 3px solid #ea5a25;

}

footer .top-main {

  min-height: 180px;

}

footer .top-main dl {

  float: left;

  width: 14%;

}

footer .top-main dt {

  line-height: 30px;

  font-size: 16px;

  margin-bottom: 8px;

}

footer .top-main dt a {

  color: #000;

}

footer .top-main a {

  display: inline-block;

}

footer .top-main dd {

  line-height: 30px;

  font-size: 14px;

}

footer .top-main dd.stit{

  font-size: 16px;

  line-height: 30px;

}

footer .top-main dd.stit a{

  color: #000;

}

footer .top-main dd a {

  color: #666;

}

footer .top-main dd a:hover {

  color: #000;

}

footer .top-main .right-box .stit {

  font-size: 18px;

  line-height: 30px;

  color: #000;

}

footer .top-main .right-box .take {

  margin-top: 18px;

}

footer .top-main .right-box .tex {

  border: 1px solid #b9b9b9;

  font-size: 12px;

  line-height: 12px;

  height: 13px;

  width: 195px;

  padding: 13px 11px 12px;

  color: #999;

  background-color: #f5f5f5;

}

footer .top-main .right-box .sub-btn {

  border: none;

  width: 86px;

  height: 40px;

  text-align: center;

  color: #fff;

  font-size: 14px;

  background-color: #ea5a25;

}

footer .top-main .right-box .book {

  margin-top: 19px;

}

footer .top-main .right-box .book img{

  width: 80px;

}

footer .bot-wrap {

  line-height: 40px;

  padding-top: 15px;

  padding-bottom: 15px;

  height: 40px;

  border-top: 1px solid #c7c7c7;

}

footer .bot-wrap a {

  color: #666;

  display: inline-block;

}

footer .bot-wrap .link-box a {

  float: left;

  margin-right: 58px;

}

footer .bot-wrap a:hover {

  color: #000;

}



.i-ban {

  position: relative;

  width: 100%;

  overflow: hidden;

  height: 680px;

}

.i-ban li {

  position: relative;

  overflow: hidden;

  display: none;

  height: 680px;

}

.i-ban li img {

  width: 1920px;

  position: relative;

  left: 50%;

  margin-left: -960px;

  top: 0;

}

.i-ban .flex-direction-nav {

  display: none;

}

.i-ban .flex-control-nav {

  position: absolute;

  bottom: 10px;

  z-index: 2;

  width: 1300px;

  left: 50%;

  margin-left: -650px;

  text-align: left;

  bottom: 30px;

}

.i-ban .cent-cont {

  position: absolute;

  left: 50%;

  margin-left: -650px;

  color: #fff;

  top: 272px;

}

.i-ban .cent-cont h4 {

  font-size: 48px;

  line-height: 68px;

}

.i-ban .cent-cont .word {

  line-height: 24px;

  font-size: 16px;

  margin-top: 10px;

  width: 392px;

}

.i-ban .cent-cont a.more {

  display: inline-block;

  width: 137px;

  padding-left: 25px;

  line-height: 42px;

  color: #fff;

  font-size: 16px;

  background: url(../images/ico_05.png) no-repeat 135px center #ea5a25;

  border-radius: 20px;

  margin-top: 50px;

  -webkit-transition: all 0.3s ease 0s;

          transition: all 0.3s ease 0s;

}

.i-ban .cent-cont a.more:hover {

  opacity: 0.9;

}



.i-wrap-fir{

  position: relative;

  z-index: 2;

}

.i-wrap-fir .left-wrap {

  padding-top: 50px;

  padding-bottom: 50px;

  width: 45%;

  position: relative;

  overflow: hidden;

}

.i-wrap-fir .left-wrap ul {

  width: 100%;

}

.i-wrap-fir .left-wrap li {

  line-height: 40px;

  padding-left: 50px;

  font-size: 20px;

  color: #666;

  margin-bottom: 16px;

  width: 90%;

  padding-left: 10%;

}

.i-wrap-fir .left-wrap li.li1 {

  background: url(../images/ico_06.png) no-repeat left 8px;

}

.i-wrap-fir .left-wrap li.li2 {

  background: url(../images/ico_07.png) no-repeat left 8px;

}

.i-wrap-fir .left-wrap li.li3 {

  background: url(../images/ico_08.png) no-repeat left 12px;

}

.i-wrap-fir .left-wrap li.li4 {

  background: url(../images/ico_09.png) no-repeat left 8px;

}

.i-wrap-fir .left-wrap .more {

  margin-top: 30px;

  display: inline-block;

  width: 137px;

  padding-left: 25px;

  line-height: 42px;

  color: #fff;

  font-size: 16px;

  background: url(../images/ico_05.png) no-repeat 130px center #ea5a25;

  border-radius: 20px;

  margin-top: 50px;

}

.i-wrap-fir .left-wrap .more:hover {

  opacity: 0.9;

  background-position: 135px center !important;

}

.i-wrap-fir .video-wrap {

  width: 52.7%;

  position: relative;

  top: -30px;

  /*box-shadow: 0 5px 20px 5px #b7b7b7;*/

  box-shadow: 0 5px 20px 5px rgba(0,0,0,0.3);

}

.i-wrap-fir .video-wrap video {

  position: absolute;

  left: 0;

  top: 0;

  z-index: 1;

}

.i-wrap-fir .video-wrap .up-cont {

  position: absolute;

  left: 0;

  top: 0;

  z-index: 2;

  width: 100%;

  height: 100%;

}

.i-wrap-fir .video-wrap .up-cont img {

  width: 100%;

}

.i-wrap-fir .video-wrap .up-cont .butn {

  display: block;

  width: 98px;

  height: 98px;

  cursor: pointer;

  background: url(../images/ico_10.png) no-repeat center;

  position: absolute;

  left: 50%;

  margin-left: -49px;

  top: 50%;

  margin-top: -49px;

}



.i-wrap-sec {

  padding-top: 68px;

  color: #fff;

  padding-bottom: 90px;

  background: url(../images/bg_02.jpg) no-repeat center top #ea5a25;

}

.i-wrap-sec h4 {

  font-size: 42px;

  line-height: 60px;

}

.i-wrap-sec .col-box {

  line-height: 32px;

  font-size: 14px;

  margin-top: 40px;

  width: 47.7%;

}

.i-wrap-sec .more {

  display: inline-block;

  width: 136px;

  padding-left: 24px;

  line-height: 40px;

  border: 1px solid #fff;

  border-radius: 24px;

  font-size: 16px;

  color: #fff;

  background: url(../images/ico_05.png) no-repeat 130px center;

  margin-top: 38px;

}

.i-wrap-sec .more:hover {

  background-position: 135px center;

}



.i-wrap-thi {

  padding-top: 110px;

  padding-bottom: 108px;

}

.i-wrap-thi .cent-scroll {

  position: relative;

}

.i-wrap-thi .cent-scroll .butn {

  border-radius: 50%;

  box-shadow: 0 0 5px 4px #f6f6f6;

  cursor: pointer;

  display: block;

  height: 72px;

  margin-top: -36px;

  position: absolute;

  top: 50%;

  width: 72px;

  transition: background 0.3s ease 0s;

}

.i-wrap-thi .cent-scroll .prev {

  background: url("../images/ico_point_01.png") no-repeat center center #fff;

  left: 0;

}

.i-wrap-thi .cent-scroll .prev:hover{

  background: url("../images/ico_point_01_h.png") no-repeat center center #ea5a25;

}

.i-wrap-thi .cent-scroll .next {

  background: url("../images/ico_point_02.png") no-repeat center center #fff;

  right: 0;

}

.i-wrap-thi .cent-scroll .next:hover{

  background: url("../images/ico_point_02_h.png") no-repeat center center #ea5a25;

}

.i-wrap-thi .cent-cont {

  margin: 0 auto;

  width: 1000px;

}

.i-wrap-thi .cent-cont .left-rowbox {

  margin-top: -63px;

  position: absolute;

  top: 50%;

}

.i-wrap-thi .cent-cont .time {

  margin-top: 0;

  text-align: center;

  width: 312px;

}

.i-wrap-thi .cent-scroll .cent-cont .time, .i-wrap-thi .cent-scroll .cent-cont .line, .i-wrap-thi .cent-scroll .cent-cont .word {

  opacity: 0;

  -webkit-transform: translateX(20px);

      -ms-transform: translateX(20px);

          transform: translateX(20px);

  -webkit-transition: all 0.3s ease 0s;

          transition: all 0.3s ease 0s;

}

.i-wrap-thi .cent-cont .year {

  color: #000;

  font-family: "Arial";

  font-size: 104px;

  line-height: 93px;

}

.i-wrap-thi .cent-cont .en-tt {

  color: #393939;

  font-family: "Arial";

  font-size: 19px;

  line-height: 28px;

  margin-top: 5px;

  opacity: 0.5;

  text-transform: uppercase;

}

.i-wrap-thi .cent-cont .line {

  background-color: #000;

  display: block;

  height: 108px;

  margin-left: 40px;

  margin-top: 12px;

  width: 1px;

}

.i-wrap-thi .cent-cont .word {

  font-size: 16px;

  line-height: 32px;

  width: 556px;

}

.i-wrap-thi .cent-cont .word.pad {

  padding-top: 70px;

}

.i-wrap-thi .cent-cont .boxs {

  display: none;

  position: relative;

}

.i-wrap-thi .cent-cont .boxs.active .time, .i-wrap-thi .cent-cont .boxs.active .line, .i-wrap-thi .cent-cont .boxs.active .word {

  opacity: 1;

  -webkit-transform: translateX(0px);

      -ms-transform: translateX(0px);

          transform: translateX(0px);

}

.i-wrap-thi .cent-cont .boxs.active .time {

  -webkit-transition: all 0.3s ease 0s;

          transition: all 0.3s ease 0s;

}

.i-wrap-thi .cent-cont .boxs.active .line {

  -webkit-transition: all 0.3s ease 0.2s;

          transition: all 0.3s ease 0.2s;

}

.i-wrap-thi .cent-cont .boxs.active .word {

  -webkit-transition: all 0.3s ease 0.4s;

          transition: all 0.3s ease 0.4s;

}

.i-wrap-thi .time-list {

  height: 82px;

  margin-top: 107px;

  overflow: hidden;

  position: relative;

  width: 100%;

}

.i-wrap-thi .time-list ul {

  left: 7%;

  position: absolute;

  top: 0;

}

.i-wrap-thi .time-list li {

  background: url("../images/bg_03.jpg") no-repeat 0 0;

  cursor: pointer;

  position: relative;

  text-align: center;

  width: 252px;

}

.i-wrap-thi .time-list li i {

  background-color: #dd6c47;

  border-radius: 50%;

  display: none;

  height: 5px;

  left: -2px;

  position: absolute;

  top: 25px;

  width: 5px;

}

.i-wrap-thi .time-list li .year {

  color: #000;

  display: block;

  font-family: "Arial";

  font-size: 27px;

  line-height: 46px;

  opacity: 0.3;

}

.i-wrap-thi .time-list li .year-box {

  height: 46px;

  margin-left: -56px;

  padding-top: 36px;

  width: 120px;

}

.i-wrap-thi .time-list li.active i {

  display: block;

}

.i-wrap-thi .time-list li.active .year {

  opacity: 1;

}

.i-wrap-thi .m-scroll {

  display: none;

}

.i-wrap-thi .m-scroll ul {

  width: 100%;

}

.i-wrap-thi .m-scroll li {

  width: 90%;

  padding-left: 10%;

  background: url(../images/bg_09.png) repeat-y left top;

  position: relative;

  min-height: 213px;

}

.i-wrap-thi .m-scroll li i {

  display: inline-block;

  width: 30px;

  height: 5px;

  left: 0;

  top: 0;

  background: url(../images/ico_21.png) no-repeat center;

  position: absolute;

}

.i-wrap-thi .m-scroll li .year {

  font-size: 30px;

  font-family: "Arial";

  color: #ea5a25;

  line-height: 42px;

  margin-top: -6px;

}

.i-wrap-thi .m-scroll li .word {

  line-height: 36px;

  color: #666;

  font-size: 20px;

  margin-top: 15px;

}



.i-wrap-fou ul {

  width: 100%;

  position: relative;

  overflow: hidden;

  padding-top: 20px;

  padding-bottom: 20px;

  min-height: 350px;

}

.i-wrap-fou li {

  width: 16.66%;

  position: relative;

  overflow: hidden;

  z-index: 1;

}

.i-wrap-fou li a {

  display: block;

}

.i-wrap-fou li .defal-box {

  display: block;

  position: relative;

  z-index: 1;

}

.i-wrap-fou li .defal-box .up-bg {

  display: block;

  position: absolute;

  width: 100%;

  height: 100%;

  left: 0;

  top: 0;

  z-index: 2;

  background: url(../images/bg_05.png) repeat 0;

}

.i-wrap-fou li .ico-box {

  display: block;

  position: absolute;

  z-index: 3;

  left: 0;

  width: 100%;

  top: 50%;

  margin-top: -65px;

  text-align: center;

}

.i-wrap-fou li .ico-box i {

  display: block;

  width: 70px;

  height: 70px;

  border: 1px solid #fff;

  border-radius: 50%;

  margin: 0 auto;

}

.i-wrap-fou li .ico-box p {

  line-height: 40px;

  font-size: 24px;

  color: #fff;

  margin-top: 17px;

}

.i-wrap-fou li .ico1 i {

  background: url(../images/ico_11.png) no-repeat center;

}

.i-wrap-fou li .ico2 i {

  background: url(../images/ico_12.png) no-repeat center;

}

.i-wrap-fou li .ico3 i {

  background: url(../images/ico_13.png) no-repeat center;

}

.i-wrap-fou li .ico4 i {

  background: url(../images/ico_14.png) no-repeat center;

}

.i-wrap-fou li .ico5 i {

  background: url(../images/ico_15.png) no-repeat center;

}

.i-wrap-fou li .ico6 i {

  background: url(../images/ico_16.png) no-repeat center;

}

.i-wrap-fou li .img-bg {

  width: 100%;

}

.i-wrap-fou li .up-img {

  position: absolute;

  left: 0;

  top: 0;

  width: 100%;

  height: 100%;

  z-index: 1;

}

.i-wrap-fou li .word {

  line-height: 24px;

  font-size: 13px;

  width: 86%;

  padding: 18px 7%;

  color: #333;

  display: block;

  background: url(../images/ico_17.png) no-repeat 107% top #fff;

  background-size: 30% auto;

  position: relative;

  z-index: 2;

  margin-top: -30%;

}

.i-wrap-fou li .hov-box {

  display: block;

  width: 111%;

  margin-left: -6%;

  position: absolute;

  top: 20%;

  left: 0;

  opacity: 0;

  filter: alpha(opacity=0);

  z-index: 2;

  -webkit-transition: all 0.5s ease 0s;

          transition: all 0.5s ease 0s;

}

.i-wrap-fou li .pic, .i-wrap-fou li .img {

  display: block;

  position: relative;

}



.i-wrap-fiv {

  padding-top: 25px;

}

.i-wrap-fiv h4 {

  font-size: 36px;

  line-height: 60px;

  font-weight: normal;

}

.i-wrap-fiv .list {

  margin-top: 26px;

  position: relative;

  overflow: hidden;

}

.i-wrap-fiv .list ul {

  width: 101.3%;

}

.i-wrap-fiv .list li {

  width: 32%;

  margin-right: 1.3%;

  padding-bottom: 55px;

}

.i-wrap-fiv .list .img {

  display: block;

  position: relative;

  overflow: hidden;

}

.i-wrap-fiv .list img {

  width: 100%;

  -webkit-transform: translateZ(0px);

          transform: translateZ(0px);

  -webkit-transition: -webkit-transform 0.6s ease 0s;

          transition: transform 0.6s ease 0s;

}

.i-wrap-fiv .list li:hover .stit a {

  color: #ea5a25;

}

.i-wrap-fiv .list .date-box {

  display: block;

  width: 90px;

  position: absolute;

  left: 0;

  top: 0;

  background-color: #000;

  text-align: center;

  padding-top: 9px;

  font-weight: bold;

  color: #fff;

}

.i-wrap-fiv .list .date-box .month {

  line-height: 16px;

  font-family: "Arial";

}

.i-wrap-fiv .list .date-box .day {

  line-height: 38px;

  font-size: 38px;

  font-style: italic;

}

.i-wrap-fiv .list .date-box .year {

  line-height: 22px;

}

.i-wrap-fiv .list .date-box .lab {

  display: block;

  line-height: 24px;

  text-align: center;

  background-color: #ea5a25;

  font-family: "Arial";

  text-transform: uppercase;

}

.i-wrap-fiv .list .cont {

  padding-top: 20px;

}

.i-wrap-fiv .list .stit {

  font-size: 16px;

  font-weight: bold;

  color: #000;

  line-height: 36px;

}

.i-wrap-fiv .list .stit a {

  color: #000;

}

.i-wrap-fiv .list .word {

  display: block;

  line-height: 24px;

  font-size: 14px;

  margin-top: 13px;

}

.i-wrap-fiv .list .word a {

  display: inline-block;

  color: #666;

}

.i-wrap-fiv .list .more {

  display: inline-block;

  line-height: 30px;

  margin-top: 15px;

  padding-right: 20px;

  background: url(../images/ico_18.png) no-repeat right center;

  font-size: 14px;

  color: #ea5a25;

}



.i-wrap-sex {

  width: 100%;

  height: 275px;

  background: url(../images/bg_07.jpg) no-repeat center;

  padding-top: 110px;

}

.i-wrap-sex h4 {

  font-size: 36px;

  line-height: 50px;

  color: #ea5a25;

}

.i-wrap-sex .word {

  margin-top: 16px;

  font-size: 13px;

  line-height: 24px;

  color: rgba(255, 255, 255, 0.7);

  width: 43.4%;

}



.i-wrap-sev {

  padding-bottom: 60px;

  margin-top: -125px;

  position: relative;

  overflow: hidden;

}

.i-wrap-sev .w1300 {

  position: relative;

}

.i-wrap-sev li {

  position: relative;

}

.i-wrap-sev li a {

  display: block;

}

.i-wrap-sev li img {

  width: 100%;

/*  filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0'/></filter></svg>#grayscale");

  -webkit-filter: grayscale(100%);

  -moz-filter: grayscale(100%);

  -ms-filter: grayscale(100%);

  filter: grayscale(100%);

  -webkit-filter: gray;

          filter: gray;*/

}

.i-wrap-sev li .up-cont {

  width: 80.6%;

  margin: 0 auto;

  color: #fff;

  position: absolute;

  left: 9.7%;

  top: 2.3%;

  height: 95.4%;

  -webkit-transition: all 0.5s ease 0s;

          transition: all 0.5s ease 0s;

}

.i-wrap-sev li .num {

  font-size: 75px;

  font-family: "Arial";

  line-height: 84px;

  margin-top: 81.8%;

  -webkit-transition: all 0.5s ease 0s;

          transition: all 0.5s ease 0s;

}

.i-wrap-sev li .stit {

  font-size: 22px;

  line-height: 30px;

  font-weight: bold;

  -webkit-transition: all 0.5s ease 0s;

          transition: all 0.5s ease 0s;

}

.i-wrap-sev li .word {

  display: block;

  line-height: 30px;

  font-size: 18px;

  font-weight: bold;

  -webkit-transition: all 0.5s ease 0s;

          transition: all 0.5s ease 0s;

  opacity: 0;

  filter: alpha(opacity=0);

}

.i-wrap-sev .butn {

  display: block;

  position: absolute;

  top: 50%;

  margin-top: -36px;

  width: 72px;

  height: 72px;

  cursor: pointer;

  border-radius: 50%;

  box-shadow: 0 0 5px 4px #f6f6f6;

  z-index: 10;

}

.i-wrap-sev .flex-direction-nav li {

  display: block;

  position: absolute;

  top: 50%;

  margin-top: -36px;

  width: 72px;

  height: 72px;

  cursor: pointer;

  border-radius: 50%;

  box-shadow: 0 0 5px 4px #f6f6f6;

  z-index: 10;

}

.i-wrap-sev .flex-direction-nav li a {

  display: block;

  width: 100%;

  height: 100%;

}

.i-wrap-sev .flex-nav-prev {

  background: url(../images/ico_point_01.png) no-repeat center #fff;

  left: -125px;

}

.i-wrap-sev .flex-nav-next {

  background: url(../images/ico_point_02.png) no-repeat center #fff;

  right: -125px;

}

.i-wrap-sev .flex-control-nav {

  display: none;

}



.i-wrap-eigh {

  padding-top: 33px;

  padding-bottom: 56px;

  background-color: #faf9f7;

}

.i-wrap-eigh h4 {

  font-weight: normal;

  line-height: 50px;

  font-size: 36px;

  color: #333;

}

.i-wrap-eigh .list {

  margin-top: 30px;

  position: relative;

  overflow: hidden;

  width: 100%;

}

.i-wrap-eigh .list li {

  width: 30.3%;

  margin-right: 3%;

}

.i-wrap-eigh .list ul {

  width: 103%;

}

.i-wrap-eigh .list .img {

  display: block;

  width: 35%;

}

.i-wrap-eigh .list .img img {

  width: 100%;

}

.i-wrap-eigh .list .cont {

  width: 55.7%;

}

.i-wrap-eigh .list .stit {

  display: block;

  line-height: 24px;

  font-size: 16px;

  font-weight: bold;

}

.i-wrap-eigh .list .stit a {

  display: inline-block;

  color: #000;

}

.i-wrap-eigh .list li:hover .stit a {

  color: #ea5a25;

}

.i-wrap-eigh .list .word {

  display: block;

  margin-top: 12px;

  font-size: 14px;

  line-height: 24px;

}

.i-wrap-eigh .list .word a {

  display: inline-block;

}



.i-wrap-nine {

  padding-top: 70px;

  padding-bottom: 10px;

  position: relative;

  overflow: hidden;

}

.i-wrap-nine ul {

  width: 109%;

}

.i-wrap-nine li {

  width: 11%;

  margin-right: 9%;

  margin-bottom: 60px;

  text-align: center;

}

.i-wrap-nine li img{

  max-width: 100%;

}

.i-wrap-nine li a {

  display: block;

  width: 100%;

}



.i-wrap-ten {

  width: 100%;

  height: 60px;

  background-color: #10523b;

}

.i-wrap-ten .left-cont {

  width: 100%;

  height: 38px;

  margin-top: 12px;

  color: #fff;

  line-height: 38px;

}

.i-wrap-ten .left-cont .stit {

  font-size: 18px;

}

.i-wrap-ten .left-cont li {

  height: 38px;

  font-size: 14px;

  position: relative;

  overflow: hidden;

  width: 100%;

}

.i-wrap-ten .link-join {

  display: inline-block;

  padding-right: 20px;

  background: url(../images/ico_20.png) no-repeat right center;

  font-size: 14px;

  color: #fff;

  opacity: 0.6;

  filter: alpha(opacity=60);

  line-height: 38px;

  margin-top: 12px;

}

.i-wrap-ten .link-join:hover {

  opacity: 1;

  filter: alpha(opacity=100);

}



.float-right {

  position: fixed;

  right: 0;

  top: 50%;

  margin-top: -85px;

  width: 60px;

  z-index: 10;

}

.float-right ul {

  width: 100%;

}

.float-right li {

  width: 60px;

  text-align: center;

  margin-bottom: 2px;

  background-color: #383838;

  position: relative;

}

.float-right li .sub-phone{

  display: none;

  width: 116px;

  height: 55px;

  line-height: 55px;

  text-align: center;

  color: #fff;

  background-color: #ea5a25;

  position: absolute;

  right: 100%;

  top: 0;

  font-size: 14px;

}

.float-right li:hover .sub-phone{

  display: block;

}

.float-right li a {

  display: block;

  color: #fff;

}

.float-right li .ico {

  display: block;

  height: 26px;

  margin-top: 7px;

}

.float-right li .ico1 {

  background: url(../images/ico_33.png) no-repeat center;

}

.float-right li .ico2 {

  background: url(../images/ico_34.png) no-repeat center;

}

.float-right li .ico3 {

  background: url(../images/ico_35.png) no-repeat center;

}

.float-right li:hover p {

  color: #ea5a25;

}

.float-right li:hover .ico1 {

  background: url(../images/ico_33_h.png) no-repeat center;

}

.float-right li:hover .ico2 {

  background: url(../images/ico_34_h.png) no-repeat center;

}

.float-right li:hover .ico3 {

  background: url(../images/ico_35_h.png) no-repeat center;

}

.float-right li.wx .wx-box {

  display: block;

  position: absolute;

  top: 100%;

  right: 0;

  width: 80px;

  height: 80px;

  background-color: #ea5a25;

  padding: 5px;

  display: none;

}

.float-right li.wx img {

  width: 100%;

}

.float-right li.wx:hover .wx-box {

  display: block;

}



.w1100{

  width: 1100px;

  margin: 0 auto;

}

.notice-wrap{

  background-color: #f3f3f3;

  padding-top: 155px;

  padding-bottom: 90px;

}

.notice-wrap h4{

  font-size: 18px;

  color: #333;

  line-height: 36px;

}

.notice-wrap .word{

  margin-top: 18px;

  line-height: 24px;

  font-size: 14px;

  padding-bottom: 18px;

}



.join-info{

  width: 92%;

  background-color: #fff;

  padding: 57px 4% 96px;

}

.join-info .tit-box{

  line-height: 50px;

  padding-bottom: 10px;

  border-bottom: 1px solid #e5e5e5;

}

.join-info .tit-box h4{

  font-size: 30px;

  color: #333;

  font-weight: normal;

}

.join-info .tit-box .lab span{

  display: inline-block;

  float: left;

  margin-left: 18px;

  padding-left: 24px;

  background: url(../images/ico_36.png) no-repeat left center;

  font-size: 14px;

}

.join-info .info-cont{

  padding-top: 25px;

  padding-bottom: 20px;

  border-bottom: 1px solid #e5e5e5;

}

.join-info .info-cont .cont-list{

  margin-bottom: 44px;

}

.join-info .info-cont .stit{

  font-size: 14px;

  color: #000;

  line-height: 24px;

}

.join-info .info-cont .word{

  margin-top: 12px;

  line-height: 24px;

  color: #666;

}

.join-info .info-cont .bot-email{

  line-height: 26px;

}

.join-info .link-email{

  display: block;

  width: 200px;

  height: 46px;

  line-height: 46px;

  text-align: center;

  color: #fff;

  font-size: 18px;

  margin-top: 30px;

  background-color: #ea5a25;

  border-radius: 2px;

}

.case-intro.pd67{

  padding-bottom: 67px;

}



.case.pd44{

  padding-bottom: 44px;

}

.interaction-wrap.w1300{

  margin-top: -138px;

  background-color: #fff;

  padding-top: 42px;

  padding-bottom: 100px;

}

.interaction-wrap h3{

  font-size: 24px;

  font-weight: normal;

  line-height: 64px;

  border-bottom: 1px solid #dbdbdb;

  color: #ea5a25;

}

.interaction-wrap .cont-wrap{

  width: 92%;

  margin: 62px auto 0;

}

.interaction-wrap .cont-wrap img{

  max-width: 100%;

}

.interaction-wrap .cont-wrap .cont{

  width: 100%;

  /*margin-right: 50px;*/

}

.interaction-wrap .cont-wrap .stit{

  font-size: 18px;

  color: #ea5a25;

  line-height: 32px;

}

.interaction-wrap .cont-wrap .word{

  line-height: 24px;

  font-size: 14px;

  margin-top: 17px;

  color: #666;

}

.interaction-wrap .cont-wrap .simg{

  margin-top: 32px;

}

.interaction-wrap .cont-wrap .simg img{

  max-width: 208px;

}



.load-more-box{

  padding-bottom: 30px;

}

.load-more{

  display: block;

  width: 200px;

  height: 46px;

  line-height: 46px;

  text-align: center;

  color: #fff;

  background-color: #ea5a25;

  font-size: 18px;

  border-radius: 2px;

  margin: 30px auto 0;

  cursor: pointer;

  transition: background 0.3s ease 0s;

}

.load-more:hover{

  background-color: #e24a13;

}



/*# sourceMappingURL=style.css.map */