.clearfix:after{ content: " "; display: block; height: 0px; visibility: hidden; clear:both;}
.wrap{width:1171px;margin:0 auto;  overflow:hidden}
.wrap1{width:1171px;margin:0 auto;position: relative;z-index: 1;}
 .banner img{ width:100%; text-align:center; display:block; height:auto}
.l{ float:left}   .r{ float:right}
/* �������� */

.about-sub-title{position: relative;margin-bottom: 15px;text-align: center;}
.about-sub-title h2{position: absolute;left: 0;bottom: 23px;width: 100%;font-size: 42px;font-weight:600;line-height: 1;color:#07284E;}
.tit-en{font-size: 137px;font-family: Arial;font-weight: bold;line-height: 1;color: #eff2f9;text-transform: uppercase; text-indent:-99999;background: url(../image/hongxing.png) center center no-repeat;}
.ab-txt{text-indent: 2em;color:#666;font-size: 16px;line-height: 32px;margin-bottom: 50px;}

/*changqu start*/
.changqu{margin-bottom:50px; overflow:hidden}
.changqu li{ width:30.333%; margin:0 1.5%;background-color:#f0f3fa;position: relative;overflow: hidden;cursor: pointer; float:left}
.changqu .box_top .tit{font-size: 18px;color:#07284E;text-align: center; line-height:80px; height:80px;}
.changqu .innerbox{position: absolute;top: 100%;left: 0;right: 0;bottom: 0;background: #ffd900;text-align: center;opacity: 0;transition: all .5s ease;-webkit-transition: all .5s ease;}
.changqu .innerbox .c_icon{display: block;padding-top:20%;margin:0 auto;}
.changqu .innerbox:hover img{transform: scale(1);-webkit-transform: scale(1);}
.changqu li:hover .innerbox{top: 0;opacity: 1;}
.changqu li:hover .innerbox .c_icon{transform: rotateY(-180deg);transition-delay:.2s; }
/*changqu*/
.opc0{ max-width:1920px; margin:0 auto; overflow:hidden}
.about-pro{ width:100%; margin:0 auto;margin-top: 50px; overflow:hidden}
.about-pro h2{font-size: 36px;color: #07284E;font-weight: 600;line-height: 72px;display: block; text-align:center;margin: 0 auto;}
.about-pro .line{margin: 0 auto;height: 3px;width: 110px;background: #fc0; margin-bottom:10px;}
.about-pro p{line-height: 65px;color:#666;font-size: 18px;margin-bottom: 15px;}
.about-bg{ background:url(../image/about_pro.jpg) 50%;background-size: cover; padding:50px 0; height:570px;}
.about-bg .slider{overflow: hidden;padding-bottom: 50px;width: 65%;}
.about-bg .about-bg-box{width:65%;margin-bottom:30px;}
.about-bg p{color:#f5f5f5;line-height: 38px;margin-top: 40px;font-size: 16px;}
.about-bg ul{width:45%;padding:40px 0 0 0;}
.about-bg .slick-dots{width: 100%;z-index: 1;bottom: 0;}
/*ʱ����start*/
.int-content-three{margin-top: 200px;margin-bottom: 70px;}
.event_box{position: relative;min-height: 360px;}
.fz-bg{position: absolute;left:5%;top:-28%;z-index: 10}
.event_box .parhd {width: 100%;display: inline-block;height: 92px;overflow: hidden;margin-top: 70px;}
.parhd  ul{text-align: center;margin: 0 auto;padding-top: 25px !important;}
.parhd .tempWrap{margin: 0 auto;width: 100%;}
.parhd .tempWrap:after{content: '';width: 100%;height: 1px;background:#C7D1E9;position: absolute;right: 0;top: 35%;z-index: 10;}
.parhd li.no_line:before{display: none;}
.parhd li{display: inline-block;cursor: pointer;padding-top: 30px;font-size: 20px;color: #555;margin:0 30px;position: relative;}
.parhd li:after{content: '';background: #fff;width: 20px;height: 20px;border-radius: 50%;position: absolute;z-index: 20;top: -8px;left: 50%;margin-left: -12px;border: 2px solid #E9EDF6;}
.parhd .act:after{background:#ed1c24;width: 20px;height: 20px;border-radius: 50%;border: 2px solid #E9EDF6;}
.parbd .slidebox .slidebox-left{width: 40%;float: left;}
.parbd .slidebox .slidebox-right{max-height: 400px;width: 60%;float: right;}
.parbd h4{position: relative;font-size: 120px;margin-bottom: 3%;padding: 10px 5% 0;display: inline-block;color: #E9EDF6;margin-left: 8%;font-weight: 600;}
.parbd p{line-height: 36px;font-size: 16px;width: 70%;color: #555;margin: 0 auto;}
div#listBox {width: 100%;}
.sprev,.snext{width:40px;height: 40px;display: block;position: absolute;bottom: 50px;}
.sprev{left: 5%;}
.snext{right: 5%;}
.sprev img,.snext img{transition: all .6s cubic-bezier(.51,1.1,.9,.95);-moz-transition: all .6s cubic-bezier(.51,1.1,.9,.95);-webkit-transition: all .6s cubic-bezier(.51,1.1,.9,.95);-o-transition: all .6s cubic-bezier(.51,1.1,.9,.95);}
.int-content-four{  background-size:100% 100%;color: #fff;}
.int-content-four h2{text-align: center;font-size: 50px;padding: 50px 0;}
.int-content-four p{font-size: 16px;line-height: 30px;text-align: center;padding-bottom: 100px;}
.about-xz{margin-top: 50px;background: #252A33;padding:50px 5%;}
.about-xz h2{text-align:center;font-size: 36px;color:#fff;font-weight: 600;}
.about-xz p{font-size: 18px;color:#a0a0a0;line-height: 36px;text-align: center;margin-bottom: 20px;}
.about-xz li{width: 13%;float: left;margin:15px 0.6%;}
/* �������� end*/







.imgZoom img,.imgY180 img { -moz-transition:all .8s ease 0s; -ms-transition:all .8s ease 0s; -o-transition:all .8s ease 0s; -webkit-transition:all .8s ease 0s; transition:all .8s ease 0s;}
.imgZoom { overflow:hidden; }
.imgZoom:hover img{ -moz-transform:scale(1.1,1.1); -ms-transform:scale(1.1,1.1); -o-transform:scale(1.1,1.1); -webkit-transform:scale(1.1,1.1); transform:scale(1.1,1.1);}
.imgY180:hover img { cursor:pointer; -moz-transform:rotateY(180deg); -ms-transform:rotateY(180deg); -o-transform:rotateY(180deg); -webkit-transform:rotateY(180deg); transform:rotateY(180deg) }


@keyframes hover1{
from,to{transform:translateY(0);-ms-transform:translateY(0);-moz-transform:translateY(0);-webkit-transform:translateY(0);-o-transform:translateY(0)}
50%{transform:translateY(-10px);-ms-transform:translateY(-10px);-moz-transform:translateY(-10px);-webkit-transform:translateY(-10px);-o-transform:translateY(-10px)}
}
@-moz-keyframes hover1{
from{transform:translateY(0);-ms-transform:translateY(0);-moz-transform:translateY(0);-webkit-transform:translateY(0);-o-transform:translateY(0)}
to{transform:translateY(-10px);-ms-transform:translateY(-10px);-moz-transform:translateY(-10px);-webkit-transform:translateY(-10px);-o-transform:translateY(-10px)}
}
@-webkit-keyframes hover1{
from{transform:translateY(0);-ms-transform:translateY(0);-moz-transform:translateY(0);-webkit-transform:translateY(0);-o-transform:translateY(0)}
to{transform:translateY(-10px);-ms-transform:translateY(-10px);-moz-transform:translateY(-10px);-webkit-transform:translateY(-10px);-o-transform:translateY(-10px)}
}
@-o-keyframes hover1{
from{transform:translateY(0);-ms-transform:translateY(0);-moz-transform:translateY(0);-webkit-transform:translateY(0);-o-transform:translateY(0)}
to{transform:translateY(-10px);-ms-transform:translateY(-10px);-moz-transform:translateY(-10px);-webkit-transform:translateY(-10px);-o-transform:translateY(-10px)}
}

.tj_pro li{ width:25%; float:left}
.tj_pro li img{ display:block; text-align:center}

/*������*/
.opc0 .left,.opc0 .right{ width: 50%;*width:49.9%; }
.opc0 .left{position:relative}
.opc0 .left .cover { position: absolute; width: 100%; height: 100%; top: 0; left: 0; }
.opc0 .left .play{ position: absolute; width: 103px; height: 103px;  top: 50%; margin-top: -53px; right: 50%; margin-right: -53px; cursor: pointer;}
.opc0 .right{ position: relative; }
.opc0 .right .cont{ position: absolute; top: 0; max-width: 600px; box-sizing: content-box; padding: 8% 8%;}
.opc0 .right .cont .tit{ font-family: "arial"; font-size: 70px; margin-bottom:10px; color: #d0112b; line-height: 1;font-weight: 800;}
.opc0 .right .cont .title{ font-size: 24px;  color: #d0112b }
.opc0 .right .cont .dec{ font-size: 15px; color: #fff; line-height:32px;margin-bottom:12px; margin-top:20px; }
.opc0 .right .cont ul{ margin-bottom: 5%; margin-top: 50px;}
.opc0 .right .cont li{ display: inline-block; *zoom:1;*display: inline; color: #fff; margin-right: 6%; }
.opc0 .right .cont li .num{ font-size: 59px; font-family: "impact";}
.opc0 .right .cont li.jia{ font-size: 59px; font-family: "impact";}
.opc0 .right .cont li .num_dec{ font-size: 16px;}
.opc0 .right .cont .more{ font-family: "arial"; color: #8f8f8f; border-top: 1px solid #8f8f8f; border-bottom: 1px solid #8f8f8f; padding: 2% 5%;}
.opc0 .right .cont .more:hover{ color: #d0112b; }
.about_us .jianjie{margin-bottom:40px;}  
.about_us .jianjie .l_box{width:65%;position:relative}  .about_us .jianjie img{ width:100%; height:auto;} 
.about_us .jianjie .r_box{width:32%;}
.about_us .jianjie .l_box .pd{position:absolute; left:50px; top:13%; width:70%; padding:30px 30px 30px; background:url(../image/white87.png) repeat;}
.about_us .jianjie h5{line-height:1; color:#1f1f1f; margin-bottom:10px; font-size:24px}  
.about_us .jianjie .r_box .pd .title{ margin-bottom:20px;}
.about_us .jianjie .l_box .pd p{font-size:14px; color:#787878; line-height:26px; margin-bottom:40px;}
.about_us .jianjie .l_box  .icon_list li{width:25%; float:left; text-align:center;}
.about_us .jianjie .l_box  .icon_list li a{display:block;}
.about_us .jianjie .l_box  .icon_list li a:hover .icon{transform:rotateY(180deg); -webkit-transform:rotateY(180deg);}
.about_us .jianjie .l_box  .icon_list li .icon{width:55px; height:55px; margin:0 auto 15px; display:block; background:url(../image/about_icons.png) 0 0 no-repeat;}
.about_us .jianjie .l_box  .icon_list .li2 .icon{background-position:-55px 0;}
.about_us .jianjie .l_box  .icon_list .li3 .icon{background-position:-110px 0;}
.about_us .jianjie .l_box  .icon_list .li4 .icon{background-position:-165px 0;}
.about_us .jianjie .l_box  .icon_list .name{display:block;font-size:14px; color:#1f1f1f; line-height:20px;}
.about_us .info_box{background:#F2F6FF repeat repeat; padding:13px; }
.about_us .jianjie .r_box .pd{ background:#fff;    box-shadow: #E2E8FB 0px 3px 10px; padding:15px} 
.about_us .jianjie .r_box .pd ul{ margin:10px 0 5px}
.about_us .jianjie .r_box .pd li{font-size:15px; color:#787878; line-height:29px;}
.channel_content{padding:70px 0 30px;}
.about-mb h3{ font-size:36px; color:#333; font-weight:500; margin:0 auto 20px; text-align:center }


/*�������ǹ�������*/
.slick-slider{ position: relative;display: block; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -ms-touch-action: none; touch-action: none; -webkit-tap-highlight-color: transparent; }
.slick-list{position: relative;overflow:hidden;display:block;margin:0;padding:0;}
.slick-list:focus {outline: none; }
.slick-list.dragging {cursor:pointer;cursor:hand;}
.slick-slider.slick-list,.slick-track,.slick-slide,.slick-slide img{-webkit-transform: translate3d(0,0,0);-moz-transform: translate3d(0,0,0);-ms-transform: translate3d(0,0,0);-o-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}
.slick-track {position: relative; left:0;top:0;display: block;zoom: 1; }
.slick-track:before,.slick-track:after {content: ""; display: table;}
.slick-track:after{clear: both;}
.slick-loading .slick-track {visibility: hidden; }
.slick-slide {float: left; height: 100%; min-height: 1px; display: none;}
.slick-slide img {display: block; }
.slick-slide.slick-loading img { display: none; }
.slick-slide.dragging img { pointer-events: none; }
.slick-initialized .slick-slide { display: block; }
.slick-loading .slick-slide{visibility: hidden; }
.slick-vertical .slick-slide{display: block;height: auto;border: 1px solid transparent;}
.slick-prev,.slick-next{position:absolute;display: block;line-height:0;font-size:0;cursor:pointer;background:transparent;color:transparent;top: 50%;margin-top:-10px;padding:0;border:none;outline: none; }
.slick-prev:focus, .slick-next:focus { outline: none; }
.slick-prev.slick-disabled:before, .slick-next.slick-disabled:before { filter:alpha(opacity=25);-moz-opacity:0.25;-khtml-opacity: 0.25; opacity: 0.25; }
.slick-prev:before, .slick-next:before { font-family: "slick"; font-size: 20px; line-height: 1; color: white; filter:alpha(opacity=80);-moz-opacity:0.85;-khtml-opacity: 0.85; opacity: 0.85;; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
.slick-dots { position: absolute; bottom:-25px; list-style: none; display: block; text-align: center; padding: 0px; width: 100%; }
.slick-dots li { position: relative; display: inline-block; *zoom:1;*display: inline; margin: 0px 5px; padding: 0px; cursor: pointer; }
.slick-dots li button { border: 0; background: transparent; display: block; height: 10px; width:10px; outline: none; line-height: 0; font-size: 0; color: transparent; padding: 5px; cursor: pointer; outline: none; }
.slick-dots li button:focus { outline: none; }
.slick-dots li button:before { position: absolute; top: 0; left: 0; content: "\2022"; width: 20px; height: 20px; font-family: "slick"; font-size: 6px; line-height: 20px; text-align: center; /* color: black; */ filter:alpha(opacity=25);-moz-opacity:0.25;-khtml-opacity: 0.25; opacity: 0.25;; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
.slick-dots li.slick-active button:before { filter:alpha(opacity=75);-moz-opacity:0.75;-khtml-opacity: 0.75; opacity: 0.75; }
.slick-dots li button {background: #666;border-radius: 50%;}
.slick-slider .slick-active button{background:#f7ac1b;width:35px;border-radius: 20px;-o-transition: all 0.5s ease-in-out;-ms-transition: all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out;-webkit-transition: all 0.5s ease-in-out; transition: all 0.8s ease-in-out;}