/* banner */

.banner{ position: relative; overflow: hidden; width: 100%; height: 560px; background: #f3f3f3;}

.banner-con { position: relative; margin: 20px auto 0; max-width: 1400px; height: 560px;}

.banner-con .bd, .banner-con .bd ul { height: 560px;}

.banner-con  .bd li {  display:block; width:1400px;height: 560px; margin-right: 20px;}

.banner-con  .bd li a { height: 560px; display: block;}

.banner-con .tempWrap { overflow: visible!important;}

.banner-con .prev { position: absolute; width: 300px;height: 560px; left: -260px; top: 0; z-index: 2;}

.banner-con .next { position: absolute; width: 300px;height: 560px; right:  -260px; top: 0; z-index: 2;}

.banner-con .prev_cur,.banner-con .next_cur {  margin-top:220px;display:block;width:40px;height:120px;cursor:pointer;transition: all 0.5s; }

.banner-con .prev_cur{background:url(../images/banner-prev.png) no-repeat center;background-color: #0c0c0c; margin-left: 260px;}

.banner-con .next_cur{background:url(../images/banner-next.png) no-repeat center;background-color: #0c0c0c;}

.banner-con .prev_cur:hover ,.banner-con .next_cur:hover { background-color: #d93638;}

.banner .hd { position: absolute; left: 0; bottom: 30px; width: 100%;text-align: center; background: none;}

.banner .hd  ul { display: inline-block;*display:line;*zoom:1;overflow: hidden;}

.banner .hd li{display:inline-block;*display:line;*zoom:1;margin: 0 6px;width:6px;height: 6px;cursor:pointer;text-indent: -999px;position: relative; background: #fff;transition:all 0.5s;}

.banner .hd li.cur{transform: scaleX(2); background: #d93638;}

/* banner end*/



/* trait */

.trait{ position: relative;background: #f3f3f3;}

.trait-con { max-width: 1400px; margin: 0 auto;box-shadow: 0px 20px 20px -20px #e6e6e6;  overflow: hidden; border-left: 1px solid #ededed; box-sizing: border-box;}

.trait-item { float: left; width: 25%; border-right: 1px solid #e6e6e6; box-sizing: border-box; background: #fff; text-align: center; padding-bottom: 48px;}

.trait-item:hover { background: #d93638;}

.trait-item:hover a,.trait-item:hover h2,.trait-item:hover p,.trait-item:hover span { color:#fff;}

.trait-item:hover span:after { filter:contrast(0%) brightness(200%)}

.trait-item a { display: block;}

.trait-item h2 { font-size: 32px; color: #333;font-family: DIN-Medium; padding-top: 45px;}

.trait-item p { font-size: 18px;  color: #666; padding-top: 10px;}

.trait-item span { display: block; text-align: center; font-size: 14px; color: #999; padding-top: 30px;}

.trait-item span:after {  content:''; vertical-align:middle; padding-left:20px;display: inline-block; background: url("../images/trait-icon.png") no-repeat center; width: 3px; height: 6px;}

/* trait end*/





/* product */

.product{ position: relative; overflow: hidden;}

.product-con { max-width: 1400px; margin: 0 auto;height: 875px;}

.product-con .wrap-tit {text-align: center; overflow: hidden; animation: fadeinT 1s ease-out backwards; padding-top: 86px;}

.product-con .wrap-tit h2 { font-size: 38px; font-weight: normal;}

.product-con .wrap-tit h2 a { color: #222;}

.product-con .wrap-tit p {font-size: 18px;color: #666666;/* padding-top: 15px; */}

.product-slide { margin-top: 45px; height: 478px;  position: relative;}

.product-menu { float: left; width: 350px; background: #fff; position: relative;}

.product-menu:after { content: ''; display: block; position: absolute; z-index: 3; right: -5px; top: 20px; background: url("../images/product-icon.png") no-repeat center; width: 5px; height: 9px;}

.product-menu ul { padding: 56px 0 0 100px;}

.product-menu ul li { display: block; margin-bottom: 48px;}

.product-menu ul li a { font-size: 18px; color: #999; position: relative;}

.product-menu ul li.cur a:after { content: ''; display: block; width: 100%; height: 4px; position: absolute; left: 0; bottom: -8px; background: #d93638;}

.product-menu ul li.cur a {  color: #333;}

.product-main { float: left;}

.product-main .product-item { display:block;position: relative;}

.product-item .pic { width: 860px;  position: relative;}

.product-item .pic a { display: block;}

.product-item .pic:after { content: ''; display: block; position: absolute; z-index: 1; width: 700px; height: 530px; background: #333; left: 350px; top: 70px;}

.product-item .pic img { width: 100%; transition: all 1s;z-index: 2; position: relative;}

.product-tit { position: absolute; width: 600px; background: #333; overflow: hidden; left: 350px;  top: 380px; z-index: 4;}

.product-tit h2 { font-size: 20px; font-weight:normal;color: #fff; padding: 35px 0 35px 55px; border-bottom: 1px solid #484848;}

.product-tit h2 a { color: #fff;}

.product-tit p {padding: 38px 50px 38px 55px;width: 89%;font-size: 16px;line-height: 1.5;background: url("../images/product-next.png") no-repeat right;}

.product-tit p a {color: #999; }

.product-tit h2 a:hover  { color: #d93638;}

.product-tit p a:hover { color: #d93638;}

.product-slide .prev, .product-slide .next { display: block; position: absolute;z-index: 5; top: 205px; width: 90px; height: 65px; background: #d93639;}

.product-slide > span img { margin-left: 32%; margin-top: 32%; width:37px; height: 9px; transition: all 1s;}

.product-slide .prev {left:1120px;}

.product-slide .next {right: 100px;}

.product-slide .prev:hover img { transform: translateX(-10px);}

.product-slide .next:hover img {transform: translateX(10px); }

/* product end */





/* honor */

.honor{ overflow:hidden;position: relative; background: url("../images/honor-bg.jpg") no-repeat center; width: 100%; height:780px;}

.honor-con { width: 1400px; height: 780px; margin: 0 auto; background: url("../images/honor-Line.png") no-repeat center;}

.honor-cir {position:relative; width:90px; height:90px;margin:86px auto 0; overflow: hidden;}

.honor-play {display:block;margin: 12px auto 0;background: url("../images/video-play.png") no-repeat center; width: 66px; height: 66px;border-radius: 50%; border: 1px solid #fff; box-sizing: border-box;}

.honor-play:hover { background: url("../images/video-play_cur.png") no-repeat center;}

.cirprogress{ display:none;width: 45px;height: 90px;position: absolute;top:0;overflow: hidden; z-index: 999;}

.honor .right{right:0;}

.honor .left{left:0;}

.circleProgress{width: 90px;height:90px;border:2px solid transparent;border-radius: 50%;position: absolute;z-index: 999;top:0;-webkit-transform: rotate(-135deg); box-sizing: border-box;}

.rightcircle{border-top:2px solid #fff;border-right:2px solid #fff;right:0; box-sizing: border-box;}

.leftcircle{border-bottom:2px solid #fff;border-left:2px solid #fff;left:0;box-sizing: border-box;}

.honor-play:hover .cirprogress { display: block;}

.honor-play:hover .rightcircle {-webkit-animation: circleProgressLoad_right 2.5s linear infinite;}

.honor-play:hover .leftcircle {-webkit-animation: circleProgressLoad_left 2.5s linear infinite; }

@-webkit-keyframes circleProgressLoad_right{0%{-webkit-transform: rotate(-135deg);} 50%,100%{-webkit-transform: rotate(45deg);} }

@-webkit-keyframes circleProgressLoad_left{ 0%,50%{-webkit-transform: rotate(-135deg);} 100%{-webkit-transform: rotate(45deg);} }

.honor .wrap-tit {text-align: center; animation: fadeinT 1s ease-out backwards;}

.honor .wrap-tit h2 { color: #fff; font-size: 38px; font-weight: normal; padding-top: 84px;}

.honor .wrap-tit p { padding-top: 10px; color: #fff; font-size: 18px;}

.honor-silde { margin-top: 133px;}

.honor-item { float: left; width: 330px; padding-left: 20px; position: relative; overflow: hidden;}

.honor-item:after { position: absolute; content: ''; display: block; width: 11px; height: 11px; background: #d93638; left: 0; top: 10px;}

.honor-item h2 { color: #fff; font-size: 32px; font-weight: normal;}

.honor-item p { font-size: 13px; color: #fff; padding-top: 15px;line-height: 22px;}

.honor-item span { display: block; width: 105px; padding-top: 40px; color: #fff; font-size: 12px;font-family: DIN-Medium;}

.honor-btn {  clear:both;padding-top:40px; height: 99px; line-height: 99px;}

.honor-btn  .btn-item { float: left; width:100%; transition: all 0.5s; position: relative;}

.honor-btn  .btn-item a { display: block; padding-left:35px;font-size: 16px; color: #fff;}

.honor-btn  .btn-item:hover { background: #d93638;}

.btn-item .btn-Left i{ display: block; background: url("../images/honor-icon01.png") no-repeat center; width: 25px; height: 25px; float: left; margin-top: 37px; margin-right:20px; background-repeat: no-repeat; background-position: center; }

.btn-item .btn-Right i{ display: block; background: url("../images/honor-icon02.png") no-repeat center; width: 25px; height: 25px; float: left; margin-top: 37px; margin-right:20px; }

.honor-btn  .btn-item:after { content: ''; display: block; position: absolute; right: 50px; top: 50%; background: url("../images/honor-next.png") no-repeat center; width: 19px; height: 6px;}

@media screen  and (max-width: 1400px){

    .honor-con { width: 1200px; background-size: 100%;}

    .honor-item p { height: 40px;}

    .honor-item span {padding-top:16px;}

    .honor-silde { margin-top: 103px;}

    .honor-item { width: 260px; padding-left:40px;}

    .honor-btn { height: 84px; line-height: 84px;padding-top:44px;}

    .honor { height: 722px;}

}

/* honor end */



/* service */

.service { position: relative; overflow: hidden; background: url("../images/service-bg.jpg") no-repeat center; width: 100%; height: 780px;}

.service-con { max-width: 1400px; margin: 0 auto;}

.service-con .wrap-tit { padding-top: 86px; text-align: center;animation: fadeinT 1s ease-out backwards;}

.service-con .wrap-tit h2 a { font-size: 38px; color: #222; font-weight: normal;}

.service-con .wrap-tit p {font-size: 18px;color: #666;/* padding-top: 10px; */}

.service-group { margin-top: 45px;}

.service-Left { float: left; width: 700px; position: relative;}

.service-main { width: 100%; overflow: hidden;}

.service-main .service-item { width: 700px; height: 480px; overflow: hidden;}

.service-main .service-item a {  display: block; overflow: hidden;}

.service-main .service-item img { width: 100%; transition: all 1s;}

.service-main .service-item:hover img { transform: scale(1.1)}

.service-menu { position:absolute;width: 660px;  height:60px;background: rgba(0,0,0,0.4); left: 20px; bottom: 20px;}

.service-menu  ul {display: block;*display:line;*zoom:1;width: 500px;margin: 0 auto;overflow: hidden;text-align: center;margin-top: 25px;}

.service-menu ul li{display:inline-block;*display:line;*zoom:1;margin: 0 6px;width:6px;height: 6px;cursor:pointer;text-indent: -999px;position: relative; background: #fff;transition:all 0.5s;}

.service-menu ul li.cur{transform: scaleX(2); background: #d93638;}

.service-menu .prev, .service-menu .next{  width: 19px; height: 6px; display: block; padding: 0 30px;}

.service-menu .prev { background: url("../images/service-prev.png") no-repeat center; float: left; margin: 28px 0;}

.service-Left .next{ background: url("../images/service-next.png") no-repeat center; float: right; margin-top: -13px;}

.service-Right { float: left; width: 700px;}

.service-Right .service-Top { background: url("../images/service-bg02.jpg") no-repeat center; width: 700px; height:480px;}

.service-Right .service-Top  .Top-tit  p { font-size: 10px;font-family: FrutigerLTStd-Bold; font-weight: bold; color: #fff; width: 140px; padding-top: 66px; padding-left: 63px;}

.service-Right .service-Top  .Top-tit { float: left;padding-top:120px;}

.service-Right .service-Top  .Top-tit  h2 { font-size: 38px; color: #fff;padding-left: 63px; padding-top: 27px;}

.service-Right .service-Top  .Top-tit  h2 > span { font-weight: normal;}

.service-Right .service-Top .Top-tit > span { font-size: 20px; color: #fff; display: block; padding-top: 20px; padding-left: 63px;}

.service-Top .Top-btn { float: right; padding-right: 63px; padding-top:186px;}

.service-Top .Top-btn a { display: block; width: 130px; font-size: 14px; height: 45px; border: 1px solid #fff; box-sizing: border-box; margin-bottom: 29px; text-align: center; color: #fff; line-height: 45px;}

.service-Top .Top-btn a i { display: inline-block; background: url("../images/product-icon.png") no-repeat center; width: 5px; height: 9px; padding-left: 15px;}

.service-Top .Top-btn a:hover { background-color: #fff;color: #d93638;border: none;}

.service-Top .Top-btn a:hover i { background: url("../images/product-icon02.png") no-repeat center;}

.service-Bottom { display: block; overflow: hidden;}

.Bottom-college { float: left; width: 50%; background: #414141; padding-bottom: 53px;}

.Bottom-college:nth-of-type(1) { animation: fadeinL 1s ease-out backwards;background: #333;}

.Bottom-college:nth-of-type(2) { animation: fadeinR 1s ease-out backwards;}

.Bottom-college p { padding-top: 61px; padding-left: 63px; font-size: 10px; color: #666; font-weight: bold;}

.Bottom-college h2 { font-size: 24px; color: #fff; padding-top: 5px; padding-left: 63px; font-weight: normal;}

.Bottom-college h2 i { display: inline-block; background: url("../images/honor-next.png") no-repeat center; width: 19px; height: 6px; vertical-align: middle; padding-left: 85px; transition: all 0.75s;}

.Bottom-college span { display: block; font-size: 16px; color: #999; padding-top: 35px; padding-left: 63px;}

.Bottom-college:hover  h2 i { transform: translateX(10px);}

/* service end */



/* news */

.news{ position: relative; overflow: hidden; background: #f3f3f3; padding-bottom: 90px;}

.news-con { max-width: 1400px; margin: 0 auto;}

.news-con  .wrap-tit { padding-top: 86px; text-align: center;animation: fadeinT 1s ease-out backwards;}

.news-con .wrap-tit h2 {font-size: 38px; font-weight: normal;}

.news-con .wrap-tit h2 a {color: #222;}

.news-slide { margin-top: 38px; overflow: hidden;}

.news-menu { display:block; width: 400px; margin: 0 auto;}

.news-menu ul { display: inline-block; width: 100%; text-align: center;}

.news-menu ul li { float: left;padding: 0 26px;}

.news-menu ul li a { font-size: 18px; color: #999; }

.news-menu ul li.cur2 a { color: #d93638; font-weight: bold;}

.news-main { margin-top: 47px; overflow: hidden;}

.news-main .news-list{display: none;}

.news-Left { float: left; width: 455px; overflow: hidden;}

.news-Left .pic  { width: 455px; height: 294px; overflow: hidden;}

.news-Left .pic img { width: 100%; transition: all 1s;}

.news-Left .pic:hover img { transform: scale(1.1);}

.pic-item {padding-top: 30px;padding-bottom: 15px;border-bottom: 1px solid #dadada;}

.pic-item h2 { font-size: 16px; }

.pic-item h2 a { color: #333;}

.pic-item h2:hover a { color: #d93638;}

.pic-item p { font-size: 14px; color: #999; line-height: 1.5; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:2; overflow: hidden; margin-top: 17px;}

.pic-item em { display: block; color: #999; font-size: 12px; margin-top: 25px; background: url("../images/product-next.png") no-repeat 98%;}

.news-Right { padding-left: 69px;overflow: hidden;}

.news-Right .pic-item:first-of-type { padding-top: 0;}

.news-slide > .pic { position: relative; float: left; overflow: hidden; margin-top: 47px; margin-left: 70px;  width: 351px; height: 460px;animation: fadeinR 1s ease-out backwards;}

.news-slide > .pic img { width: 100%; position: absolute; left: 0; top: 0;transition: all 1s;}

.news-slide > .pic:hover img { transform: scale(1.1);}

.news-slide > .pic .pic-tit { position: relative;}

.news-slide > .pic h2 { font-size: 52px; color: #fff; font-family: DIN-Medium; font-weight: normal; margin-left: 46px; margin-top: 38px;padding-bottom:16px; border-bottom: 1px solid #444; width: 262px;}

.news-slide > .pic h2 span { display: block; font-size: 30px; font-weight: normal;  }

.news-slide > .pic h2 i {font-size: 12px;transform: translateY(-15px);display: inline-block;}

.news-slide > .pic p { color: #999; font-size: 20px; padding-top: 17px; margin-left: 46px;}

.news-slide > .pic em { display: block; margin-top: 53px; margin-left: 46px; font-size: 16px; color: #999;}

.news-slide > .pic em span { font-size: 10px; }