#comp {

}
#comp .cont-intro {

}
#comp .cont-intro .tit {
position:relative;
padding:0 20.33%;
padding-top:77px;
-webkit-transform:translateY(0px);
-moz-transform:translateY(0px);
-ms-transform:translateY(0px);
-o-transform:translateY(0px);
transform:translateY(0px);
}
#comp .cont-intro .tit:before {
content:"";
display:block;
width:100%;
height:100%;
background:#ff3f1f;
position:absolute;
bottom:0;
left:0;
z-index:10;
}
#comp .cont-intro .tit.start:before {
height:0;
-webkit-transition:all 1000ms cubic-bezier(0.7, 0, 0.3, 1) 0ms;
-moz-transition:all 1000ms cubic-bezier(0.7, 0, 0.3, 1) 0ms;
transition:all 1000ms cubic-bezier(0.7, 0, 0.3, 1) 0ms;
}
#comp .cont-intro .tit .icon {
padding:10px 0;
}
#comp .cont-intro .tit .icon svg {
width:68px;
height:14px;
}
#comp .cont-intro .tit .icon svg polyline {
stroke-width:5px;
stroke:#ff3f1f;
fill:none;
stroke-dashoffset:100;
stroke-dasharray:100;
-webkit-transition:all 1000ms cubic-bezier(0.7, 0, 0.3, 1) 500ms;
-moz-transition:all 1000ms cubic-bezier(0.7, 0, 0.3, 1) 500ms;
transition:all 1000ms cubic-bezier(0.7, 0, 0.3, 1) 500ms;
}
#comp .cont-intro .tit.enter-animate.start .icon svg polyline {
stroke-dashoffset:0;
}
#comp .cont-intro .tit p {
width:100%;
line-height:148px;
overflow:hidden;
}
#comp .cont-intro .tit p span {
display:inline-block;
color:#ff3f1f;
font-size:122.83px;
line-height:122.83px;
font-family:"Conv_Montserrat-Black";
text-transform:uppercase;
-webkit-transform:translateY(100%);
-moz-transform:translateY(100%);
transform:translateY(100%);
-webkit-transition:all 1000ms cubic-bezier(0.7, 0, 0.3, 1) 500ms;
-moz-transition:all 1000ms cubic-bezier(0.7, 0, 0.3, 1) 500ms;
transition:all 1000ms cubic-bezier(0.7, 0, 0.3, 1) 500ms;
}
#comp .cont-intro .tit.enter-animate.start p span {
-webkit-transform:translateY(0);
-moz-transform:translateY(0);
transform:translateY(0);
}
#comp .cont-intro .infor {
padding:100px 20.33% 158px 20.33%;
background:#ff3f1f;
}
#comp .cont-intro .infor p {
color:#fff;
font-size:14px;
line-height:26px;
margin-bottom:26px;
text-align:justify;
}

#comp .cont-view {
background:#fff;
padding-bottom:107px;
}
#comp .cont-view .cont-in {
padding:0 20.33%;
-webkit-transform:translateY(-83px);
-moz-transform:translateY(-83px);
-ms-transform:translateY(-83px);
-o-transform:translateY(-83px);
transform:translateY(-83px);
}
#comp .cont-view .top-slide {

}
#comp .cont-view .top-slide img {
display:block;
width:100%;
}
#comp .cont-view .bottom-slide {
padding-top:23px;
}
#comp .cont-view .bottom-slide .swiper-slide {
background:#1a1a1d;
opacity:0.5;
}
#comp .cont-view .bottom-slide .swiper-slide-active {
opacity:1;
}
#comp .cont-view .bottom-slide img {
display:block;
width:100%;
}

#comp .cont-cert {
padding-top:136px;
padding-bottom:144px;
}
#comp .cont-cert .tit {
padding-bottom:20px;
text-align:center;
}
#comp .cont-cert .tit .icon {
padding:10px 0;
}
#comp .cont-cert .tit .icon svg {
width:68px;
height:14px;
}
#comp .cont-cert .tit .icon svg polyline {
stroke-width:5px;
stroke:#1a1a1d;
fill:none;
}
#comp .cont-cert .tit p {
color:#1a1a1d;
font-size:122.83px;
line-height:167px;
font-family:"Microsoft Yahei";
text-transform:uppercase;
text-align:center;
}
#comp .cont-cert .tit p span {
color:#ff3f1f;
font-size:150px;
}
#comp .cont-cert .infor {
padding:0 20.33%;
}
#comp .cont-cert .infor .swiper-slide img {
display:block;
width:100%;
}
#comp .cont-cert .cont-out {
opacity:0;
z-index:-1;
position:fixed;
top:0;
left:0;
right:0;
bottom:0;
background:rgba(0,0,0,0.5);
}
#comp .cont-cert .cont-out.active {
opacity:1;
z-index:999;
}
#comp .cont-cert .cont-out .close {
position:absolute;
top:0;
right:0;
z-index:990;
}
#comp .cont-cert .cont-out .close a {
display:block;
width:40px;
height:40px;
text-align:center;
line-height:40px;
background:#1a1a1d;
color:#fff;
font-size:24px;
}
#comp .cont-cert .cont-out .swiper-container-certbottom .swiper-slide {
text-align:center;
}
#comp .cont-cert .cont-out .swiper-container-certbottom .swiper-slide img {
display:inline-block;
width:auto;
height:90vh;
padding:40px 0;
}
#comp .cont-cert .cont-out .swiper-container-certbottom .swiper-button-prev,
#comp .cont-cert .cont-out .swiper-container-certbottom .swiper-button-next {
display:none;
}

#comp .cont-photo {

}
#comp .cont-photo .cont-in {
padding-left:20.33%;
font-size:0;
}
#comp .cont-photo .infor {
display:inline-block;
*display:inline;
*zoom:1;
vertical-align:top;
width:74.48%;
}
#comp .cont-photo .infor ul {
font-size:0;
}
#comp .cont-photo .infor ul li {
display:inline-block;
*display:inline;
*zoom:1;
vertical-align:top;
width:50%;
}
#comp .cont-photo .infor ul li img {
display:block;
width:100%;
}
#comp .cont-photo .infor ul li .infor-pic {
border-right:1px solid #fff;
border-bottom:1px solid #fff;
/* -webkit-box-sizing:border-box;
box-sizing:border-box; */
} 
#comp .cont-photo .infor ul li .mask {

}
#comp .cont-photo .infor ul li .mask .mask-txt {
margin:12px;
}
#comp .cont-photo .infor ul li .mask .mask-txt p {
padding:calc(36.9140625% - 44px) 0;
color:#fff;
font-size:35.16px;
line-height:44px;
text-align:center;
font-family:"Conv_Montserrat-Black";
text-transform:uppercase;
background:#ff3f1f;
}
#comp .cont-photo .infor ul li .mask .mask-txt p:before {
content:"";
display:block;
width:22px;
height:2px;
background:#fff;
position:absolute;
left:50%;
top:50%;
margin-left:-11px;
margin-top:-52px;
}
#comp .cont-photo .infor ul li .mask .mask-txt p:after {
content:"";
display:block;
width:22px;
height:2px;
background:#fff;
position:absolute;
right:50%;
bottom:50%;
margin-right:-11px;
margin-bottom:-52px;
}
#comp .cont-photo .tit {
display:inline-block;
*display:inline;
*zoom:1;
vertical-align:top;
width:25.52%;
background:#ff3f1f;
padding:176px 0 0 20px;
-webkit-box-sizing:border-box;
box-sizing:border-box;
}
#comp .cont-photo .tit .icon {
padding:10px 0;
}
#comp .cont-photo .tit .icon svg {
width:68px;
height:14px;
}
#comp .cont-photo .tit .icon svg polyline {
stroke-width:5px;
stroke:rgba(26,26,29,0.2);
fill:none;
}
#comp .cont-photo .tit p {
color:rgba(26,26,29,0.2);
font-size:84.51px;
line-height:84px;
font-family:"Microsoft Yahei";
text-transform:uppercase;
text-align:center;
}

#comp .cont-exib {
padding-top:227px;
}
#comp .cont-exib .cont-in {
padding-left:20.33%;
}
#comp .cont-exib .tit {
padding-bottom:52px;
}
#comp .cont-exib .tit .icon {
padding:10px 0;
}
#comp .cont-exib .tit .icon svg {
width:68px;
height:14px;
}
#comp .cont-exib .tit .icon svg polyline {
stroke-width:5px;
stroke:#1a1a1d;
fill:none;
}
#comp .cont-exib .tit p {
color:#1a1a1d;
font-size:122.83px;
line-height:148px;
font-family:"Microsoft Yahei";
text-transform:uppercase;
}
#comp .cont-exib .tit p span {
color:#ff3f1f;
font-size:150px;
}
#comp .cont-exib .infor {
font-size:0;
display:-webkit-flex;
display:flex;
justify-content:space-between;
flex-wrap:wrap;
}
#comp .cont-exib .infor .infor-left {
display:inline-block;
*display:inline;
*zoom:1;
vertical-align:top;
width:385px;
}
#comp .cont-exib .infor .infor-left .infor-tit {
color:#1a1a1d;
font-size:30px;
line-height:48px;
text-transform:uppercase;
font-family:"Microsoft Yahei";
padding-bottom:38px;
}
#comp .cont-exib .infor .infor-left .infor-txt {

}
#comp .cont-exib .infor .infor-left .infor-txt ul {

}
#comp .cont-exib .infor .infor-left .infor-txt ul li {
height:25px;
line-height:25px;
border-bottom:1px solid #b7b7b7;
position:relative;
z-index:1;
}
#comp .cont-exib .infor .infor-left .infor-txt ul li:after {
content:"";
display:block;
position:absolute;
top:50%;
left:0px;
right:0px;
height:15px;
background:#ff3f1f;
opacity:0.5;
z-index:-1;
-webkit-transform-origin:left center;
-moz-transform-origin:left center;
-ms-transform-origin:left center;
-o-transform-origin:left center;
transform-origin:left center;
-webkit-transform:scaleX(0) translateY(-50%);
-moz-transform:scaleX(0) translateY(-50%);
-ms-transform:scaleX(0) translateY(-50%);
-o-transform:scaleX(0) translateY(-50%);
transform:scaleX(0) translateY(-50%);
-webkit-transition:-webkit-transform 400ms cubic-bezier(1, 0, 0, 1) 0ms;
-moz-transition:-moz-transform 400ms cubic-bezier(1, 0, 0, 1) 0ms;
transition:transform 400ms cubic-bezier(1, 0, 0, 1) 0ms;
}
#comp .cont-exib .infor .infor-left .infor-txt ul li:hover::after {
-webkit-transform: scaleX(1) translateY(-50%);
-moz-transform: scaleX(1) translateY(-50%);
-ms-transform: scaleX(1) translateY(-50%);
-o-transform: scaleX(1) translateY(-50%);
transform: scaleX(1) translateY(-50%);
}
#comp .cont-exib .infor .infor-left .infor-txt ul li a {
font-size:0;
}
#comp .cont-exib .infor .infor-left .infor-txt ul li a .news-title {
display:inline-block;
*display:inline;
*zoom:1;
vertical-align:middle;
width:calc(100% - 130px);
height:25px;
padding-right:50px;
overflow:hidden;
color:#555;
font-size:14px;
text-overflow:ellipsis;
}
#comp .cont-exib .infor .infor-left .infor-txt ul li a .news-time {
display:inline-block;
*display:inline;
*zoom:1;
vertical-align:middle;
width:80px;
height:25px;
overflow:hidden;
color:#555;
font-size:14px;
}
#comp .cont-exib .infor .infor-left .infor-txt .more a {
display:inline-block;
position:relative;
margin-top:62px;
color:#1a1a1d;
font-size:21.36px;
line-height:35px;
font-family:"Microsoft Yahei";
z-index:1;
}
#comp .cont-exib .infor .infor-left .infor-txt .more a:before {
content:"";
display:block;
position:absolute;
top:50%;
left:0px;
right:0px;
height:15px;
background:#ff3f1f;
opacity:0.5;
z-index:-1;
-webkit-transform-origin:left center;
-moz-transform-origin:left center;
-ms-transform-origin:left center;
-o-transform-origin:left center;
transform-origin:left center;
-webkit-transform:scaleX(0) translateY(-50%);
-moz-transform:scaleX(0) translateY(-50%);
-ms-transform:scaleX(0) translateY(-50%);
-o-transform:scaleX(0) translateY(-50%);
transform:scaleX(0) translateY(-50%);
-webkit-transition:-webkit-transform 400ms cubic-bezier(1, 0, 0, 1) 0ms;
-moz-transition:-moz-transform 400ms cubic-bezier(1, 0, 0, 1) 0ms;
transition:transform 400ms cubic-bezier(1, 0, 0, 1) 0ms;
}
#comp .cont-exib .infor .infor-left .infor-txt .more a:hover::before {
-webkit-transform: scaleX(1) translateY(-50%);
-moz-transform: scaleX(1) translateY(-50%);
-ms-transform: scaleX(1) translateY(-50%);
-o-transform: scaleX(1) translateY(-50%);
transform: scaleX(1) translateY(-50%);
}
#comp .cont-exib .infor .infor-left .infor-txt .more a:after {
content:"";
width:100%;
height:2px;
background:#1a1a1d;
position:absolute;
right:0;
bottom:0;
-webkit-transition: all 400ms cubic-bezier(0.7, 0, 0.3, 1) 0ms;
-moz-transition: all 400ms cubic-bezier(0.7, 0, 0.3, 1) 0ms;
transition: all 400ms cubic-bezier(0.7, 0, 0.3, 1) 0ms;
}
#comp .cont-exib .infor .infor-left .infor-txt .more a:hover::after {
width:0;
}
#comp .cont-exib .infor .infor-right {
display:inline-block;
*display:inline;
*zoom:1;
vertical-align:top;
width:42.1875vw;
}
#comp .cont-exib .infor .infor-right .swiper-container-exib {
padding-bottom:55px;
}
#comp .cont-exib .infor .infor-right img {
display:block;
width:100%;
}
#comp .cont-exib .infor .infor-right .swiper-pagination {
bottom:21px;
}
#comp .cont-exib .infor .infor-right .swiper-pagination .swiper-pagination-bullet {
width:13px;
height:13px;
background:#1a1a1d;
opacity:1;
margin:0 6.5px;
}
#comp .cont-exib .infor .infor-right .swiper-pagination .swiper-pagination-bullet-active {
background:#ff3f1f;
}

#comp .cont-msg {
padding-top:150px;
}
#comp .cont-msg .cont-in {

}
#comp .cont-msg .tit {
padding:0 20.33%;
padding-bottom:82px;
}
#comp .cont-msg .tit .icon {
padding:10px 0;
}
#comp .cont-msg .tit .icon svg {
width:68px;
height:14px;
}
#comp .cont-msg .tit .icon svg polyline {
stroke-width:5px;
stroke:#ff3f1f;
fill:none;
}
#comp .cont-msg .tit p {
color:#ff3f1f;
font-size:122.83px;
line-height:148px;
font-family:"Microsoft Yahei";
text-transform:capitalize;
}
#comp .cont-msg .cont {
position:relative;
}
#comp .cont-msg .cont .msg-cont {
padding:212px 20.33%;
font-size:0;
position:relative;
background:url(http://img.en.jihui88.com/upload/w/w2/winki/picture/2017/08/18/1f703b95-dcee-468d-a761-c3658e16e341.jpg) center no-repeat;
background-size:cover;
z-index:1;
}
#comp .cont-msg .cont .msg-cont input {
display:inline-block;
*display:inline;
*zoom:1;
vertical-align:middle;
width:calc(100% - 187px);
height:90px;
line-height:90px;
background:rgba(255,255,255,0.9);
border:0 none;
outline:none;
padding:0 36px;
color:#1a1a1d;
font-size:14px;
font-family:"Microsoft Yahei";
-webkit-box-sizing:border-box;
box-sizing:border-box;
}
#comp .cont-msg .cont .msg-cont a {
display:inline-block;
*display:inline;
*zoom:1;
vertical-align:middle;
width:187px;
height:90px;
line-height:90px;
text-align:center;
background:rgba(255,63,31,0.9);
color:#fff;
font-size:18px;
font-family:"Microsoft Yahei";
}
/* 简介动画 */
#comp .cont-anim {
overflow:hidden;
pointer-events:none;
background-image:linear-gradient(90deg,#eaff00,#ff3f1f 50%,#eaff00 100%);
background-size:200% 100%;
-webkit-animation: gradient 10s infinite linear;
-o-animation: gradient 10s infinite linear;
-moz-animation: gradient 10s infinite linear;
animation: gradient 10s infinite linear;
}

@keyframes gradient {
    0%  { background-position: 0 0;}
    100% { background-position: -200% 0;}
}
@-webkit-keyframes gradient {
    0%  { background-position: 0 0;}
    100% { background-position: -200% 0;}
}
@-o-keyframes gradient {
    0%  { background-position: 0 0;}
    100% { background-position: -200% 0;}
}
@-moz-keyframes gradient {
    0%  { background-position: 0 0;}
    100% { background-position: -200% 0;}
}
#comp .cont-anim #mydiv {
display:block;
width:100%;
height:360px !important;
pointer-events:none;
overflow:hidden;
}
#comp .cont-anim #mydiv canvas {
position:relative !important;
z-index:1 !important;
}