@charset "gb2312";
html, body, div, p, ul, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, form, input, select, button, textarea, iframe, table, th, td {margin: 0;padding: 0;}
body {line-height: 160%; background:#fff; width:100%; overflow-x:hidden; color:#333; min-width:1200px; line-height:1.5;  text-align:justify; }/*  */
img {border: 0 none;vertical-align: middle;}
ul, li {list-style-type: none;}
h1, h2, h3, h4, h5, h6 {font-size: 14px; font-weight:normal;}
body, input, select, button, textarea {font-size: 14px; font-family:"cn2", "΢ÈíÑźÚ", "ËÎÌå", Arial;}/* font-family: "cn2", "΢ÈíÑźÚ", "ËÎÌå", Arial; */
button {cursor: pointer;}
iframe{ border:none;}
i, em, cite {font-style: normal;}
a {color: #333;text-decoration: none;}
a:visited {}
a:active, a:hover {text-decoration: none;}
a:focus {outline: none;}

::-webkit-scrollbar { width: 4px; }
::-webkit-scrollbar-track { box-shadow: inset 0 0 2px #333; border-radius: 10px; background: rgba(0, 0, 0, 0.1); }
::-webkit-scrollbar-thumb { border-radius: 10px; background-color: #666; }

.clear {diplay: block!important;float: none!important;clear: both;overflow: hidden;width: auto!important;height: 0!important;margin: 0 auto!important;padding: 0!important;font-size: 0;line-height: 0;}

*{appearance:none;-webkit-appearance:none;-moz-appearance:none;margin:0;padding:0;border:0;font-size:100%;outline:none;font-size-adjust:none;-webkit-text-size-adjust:none;-moz-text-size-adjust:none;-ms-text-size-adjust:none;-webkit-tap-highlight-color:rgba(0,0,0,0.0);}
*:focus{outline:none;}
*,*:after,*:before{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding:0;margin:0;}


.more {}
.more a {}
.fl {display: inline;float: left;}
.fr {display: inline;float: right;}
.mr0{ margin-right:0 !important;}

.w100 { width:100%; height:auto; overflow:hidden;}
.h100{ min-height:600px;}
.none{ display:none;}
.block{ display:block;}
.tc{ text-align:center;}
.tl{ text-align:left;}
.tr{ text-align:right;}

.com-img img{transition:all 0.4s ease-in 0s; -webkit-transition:all 0.4s ease-in 0s; -moz-transition:all 0.4s ease-in 0s; -o-transition:all 0.4s ease-in 0s;}
.com-img:hover img{transform:scale(1.1); -webkit-transform:scale(1.1); -moz-transform:scale(1.1); -o-transform:scale(1.1);-ms-transform:scale(1.1);}
.autow { width:auto; max-width:100%;}

.box{ width:1200px; height:auto; overflow:hidden; margin:0 auto; min-width:1200px; max-width:1920px;}
.box2{ width:74%; height:auto; overflow:hidden; margin:0 auto; min-width:960px; max-width:1920px;}

.w80 { width:80%; }
.w70 { width:70%; }

.ft20 { font-size:20px; line-height:1.8;}
.ft24 { font-size:24px; line-height:1.8;}
.cfff { color:#fff;}
.f333 { color:#333;}


.juzhong {
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;

-webkit-box-pack: center;
-ms-flex-pack: center;

-webkit-justify-content: center;
justify-content: center;

-webkit-box-align: center;
-ms-flex-align: center;

-webkit-align-items: center;
align-items: center;}

.juzhong2 {
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;

-webkit-box-pack: center;
-ms-flex-pack: center;

-webkit-justify-content: right;
justify-content: right;

-webkit-box-align: center;
-ms-flex-align: center;

-webkit-align-items: center;
align-items: center;}




.row1 {	overflow: hidden; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; }
.row2 {	display: -webkit-box; -webkit-line-clamp: 2; overflow: hidden; -webkit-box-orient: vertical; text-overflow: ellipsis; }
.row3 {	display: -webkit-box; -webkit-line-clamp: 3; overflow: hidden; -webkit-box-orient: vertical; text-overflow: ellipsis; }
.row4 {	display: -webkit-box; -webkit-line-clamp: 4; overflow: hidden; -webkit-box-orient: vertical; text-overflow: ellipsis; }
.row5 {	display: -webkit-box; -webkit-line-clamp: 5; overflow: hidden; -webkit-box-orient: vertical; text-overflow: ellipsis; }







@media (max-width:767px){}
@media (min-width:768px){}
@media (min-width:992px){}
@media (min-width:1280px){}
@media (min-width:1440px) {
.juzhongs {
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;

-webkit-box-pack: center;
-ms-flex-pack: center;

-webkit-justify-content: center;
justify-content: center;

-webkit-box-align: center;
-ms-flex-align: center;

-webkit-align-items: center;
align-items: center;}

}










.p10 { padding:10px 0;}
.p20 { padding:20px 0;}
.p30 { padding:30px 0;}
.p40 { padding:40px 0;}
.p50 { padding:50px 0;}
.p60 { padding:60px 0;}
.p70 { padding:70px 0;}
.p80 { padding:80px 0;}
.p90 { padding:90px 0;}
.p100 { padding:100px 0;}
.p110 { padding:110px 0;}
.p120 { padding:120px 0;}
.p130 { padding:130px 0;}
.p140 { padding:140px 0;}
.p150 { padding:150px 0;}
.p160 { padding:160px 0;}
.p170 { padding:170px 0;}
.p180 { padding:180px 0;}


.pt20 { padding-top:20px;}
.pt30{ padding-top:30px;}
.pt40{ padding-top:40px;}
.pt50{ padding-top:50px;}
.pt60{ padding-top:60px;}
.pt70{ padding-top:70px;}
.pt80{ padding-top:80px;}
.pt90{ padding-top:90px;}
.pt100{ padding-top:100px;}
.pt110{ padding-top:110px;}
.pt120{ padding-top:120px;}
.pt130{ padding-top:130px;}
.pt140{ padding-top:140px;}
.pt150{ padding-top:150px;}
.pt160{ padding-top:160px;}
.pt170{ padding-top:170px;}
.pt180{ padding-top:180px;}
.pt190{ padding-top:190px;}
.pt200{ padding-top:200px;}

.pb20 { padding-bottom:20px;}
.pb30{ padding-bottom:30px;}
.pb40{ padding-bottom:40px;}
.pb50{ padding-bottom:50px;}
.pb60{ padding-bottom:60px;}
.pb70{ padding-bottom:70px;}
.pb80{ padding-bottom:80px;}
.pb90{ padding-bottom:90px;}
.pb100{ padding-bottom:100px;}
.pb110{ padding-bottom:110px;}
.pb120{ padding-bottom:120px;}
.pb130{ padding-bottom:130px;}
.pb140{ padding-bottom:140px;}
.pb150{ padding-bottom:150px;}
.pb160{ padding-bottom:160px;}
.pb170{ padding-bottom:170px;}
.pb180{ padding-bottom:180px;}
.pb190{ padding-bottom:190px;}
.pb200{ padding-bottom:200px;}


.pd10 { padding:10px;}
.pd20 { padding:20px;}
.pd30 { padding:30px;}
.pd40 { padding:40px;}
.pd50 { padding:50px;}


/* µ­Èë */

.dr21{-webkit-animation:fadeInUp 1s 0.5s ease both;-moz-animation:fadeInUp 1s .5s ease both;}
.dr22{-webkit-animation:fadeInUp 1s 1s ease both;-moz-animation:fadeInUp 1s 1s ease both;}
.dr23{-webkit-animation:fadeInUp 1s 1.5s ease both;-moz-animation:fadeInUp 1s 1.5s ease both;}
.dr24{-webkit-animation:fadeInUp 1s 2s ease both;-moz-animation:fadeInUp 1s 2s ease both;}
.dr25{-webkit-animation:fadeInUp 1s 2.5s ease both;-moz-animation:fadeInUp 1s 2.5s ease both;}
.dr26{-webkit-animation:fadeInUp 1s 3s ease both;-moz-animation:fadeInUp 1s 3s ease both;}
.dr27{-webkit-animation:fadeInUp 1s 3.5s ease both;-moz-animation:fadeInUp 1s 3.5s ease both;}
.dr28{-webkit-animation:fadeInUp 1s 4s ease both;-moz-animation:fadeInUp 1s 4s ease both;}
.dr29{-webkit-animation:fadeInUp 1s 4.5s ease both;-moz-animation:fadeInUp 1s 4.5s ease both;}

.maintop3 .danru11{-webkit-animation:fadeInUp 1s 0.5s ease both;-moz-animation:fadeInUp 1s .5s ease both;}
.maintop3 .danru12{-webkit-animation:fadeInUp 1s 1s ease both;-moz-animation:fadeInUp 1s 1s ease both;}
.maintop3 .danru13{-webkit-animation:fadeInUp 1s 1.5s ease both;-moz-animation:fadeInUp 1s 1.5s ease both;}
.maintop3 .danru14{-webkit-animation:fadeInUp 1s 2s ease both;-moz-animation:fadeInUp 1s 2s ease both;}
.maintop3 .danru15{-webkit-animation:fadeInUp 1s 2.5s ease both;-moz-animation:fadeInUp 1s 2.5s ease both;}
.maintop3 .danru16{-webkit-animation:fadeInUp 1s 3s ease both;-moz-animation:fadeInUp 1s 3s ease both;}
.maintop3 .danru17{-webkit-animation:fadeInUp 1s 3.5s ease both;-moz-animation:fadeInUp 1s 3.5s ease both;}
.maintop3 .danru18{-webkit-animation:fadeInUp 1s 4s ease both;-moz-animation:fadeInUp 1s 4s ease both;}
.maintop3 .danru19{-webkit-animation:fadeInUp 1s 4.5s ease both;-moz-animation:fadeInUp 1s 4.5s ease both;}

.active .danru11{-webkit-animation:fadeInUp 1s 0.5s ease both;-moz-animation:fadeInUp 1s .5s ease both;}
.active .danru12{-webkit-animation:fadeInUp 1s 1s ease both;-moz-animation:fadeInUp 1s 1s ease both;}
.active .danru13{-webkit-animation:fadeInUp 1s 1.5s ease both;-moz-animation:fadeInUp 1s 1.5s ease both;}
.active .danru14{-webkit-animation:fadeInUp 1s 2s ease both;-moz-animation:fadeInUp 1s 2s ease both;}
.active .danru15{-webkit-animation:fadeInUp 1s 2.5s ease both;-moz-animation:fadeInUp 1s 2.5s ease both;}
.active .danru16{-webkit-animation:fadeInUp 1s 3s ease both;-moz-animation:fadeInUp 1s 3s ease both;}
.active .danru17{-webkit-animation:fadeInUp 1s 3.5s ease both;-moz-animation:fadeInUp 1s 3.5s ease both;}
.active .danru18{-webkit-animation:fadeInUp 1s 4s ease both;-moz-animation:fadeInUp 1s 4s ease both;}
.active .danru19{-webkit-animation:fadeInUp 1s 4.5s ease both;-moz-animation:fadeInUp 1s 4.5s ease both;}

.about_pp .active .danru11{-webkit-animation:fadeInUp 1s 0.3s ease both;-moz-animation:fadeInUp 1s 0.3s ease both;}
.about_pp .active .danru12{-webkit-animation:fadeInUp 1s 0.6s ease both;-moz-animation:fadeInUp 1s 0.6s ease both;}
.about_pp .active .danru13{-webkit-animation:fadeInUp 1s 0.9s ease both;-moz-animation:fadeInUp 1s 0.9s ease both;}
.about_pp .active .danru14{-webkit-animation:fadeInUp 1s 1.2s ease both;-moz-animation:fadeInUp 1s 1.2s ease both;}
.about_pp .active .danru15{-webkit-animation:fadeInUp 1s 1.5s ease both;-moz-animation:fadeInUp 1s 1.5s ease both;}
.about_pp .active .danru16{-webkit-animation:fadeInUp 1s 1.8s ease both;-moz-animation:fadeInUp 1s 1.8s ease both;}
.about_pp .active .danru17{-webkit-animation:fadeInUp 1s 2.1s ease both;-moz-animation:fadeInUp 1s 2.1s ease both;}
.about_pp .active .danru18{-webkit-animation:fadeInUp 1s 2.4s ease both;-moz-animation:fadeInUp 1s 2.4s ease both;}
.about_pp .active .danru19{-webkit-animation:fadeInUp 1s 2.7s ease both;-moz-animation:fadeInUp 1s 2.7s ease both;}

.swiper-slide-active .danru11{-webkit-animation:fadeInUp 1s 0.5s ease both;-moz-animation:fadeInUp 1s .5s ease both;}
.swiper-slide-active .danru12{-webkit-animation:fadeInUp 1s 1s ease both;-moz-animation:fadeInUp 1s 1s ease both;}
.swiper-slide-active .danru13{-webkit-animation:fadeInUp 1s 1.5s ease both;-moz-animation:fadeInUp 1s 1.5s ease both;}
.swiper-slide-active .danru14{-webkit-animation:fadeInUp 1s 2s ease both;-moz-animation:fadeInUp 1s 2s ease both;}
.swiper-slide-active .danru15{-webkit-animation:fadeInUp 1s 2.5s ease both;-moz-animation:fadeInUp 1s 2.5s ease both;}
.swiper-slide-active .danru16{-webkit-animation:fadeInUp 1s 3s ease both;-moz-animation:fadeInUp 1s 3s ease both;}
.swiper-slide-active .danru17{-webkit-animation:fadeInUp 1s 3.5s ease both;-moz-animation:fadeInUp 1s 3.5s ease both;}
.swiper-slide-active .danru18{-webkit-animation:fadeInUp 1s 4s ease both;-moz-animation:fadeInUp 1s 4s ease both;}
.swiper-slide-active .danru19{-webkit-animation:fadeInUp 1s 4.5s ease both;-moz-animation:fadeInUp 1s 4.5s ease both;}
.swiper-slide-active .danru110{-webkit-animation:fadeInUp 1s 5s ease both;-moz-animation:fadeInUp 1s 5s ease both;}



.active .dr_t {-webkit-animation:fadeInDown 1s 0.4s ease both; -moz-animation:fadeInDown  1s 0.4s ease both;}
.active .dr_t2{-webkit-animation:fadeInDown 1s 0.8s ease both; -moz-animation:fadeInDown  1s 0.8s ease both;}
.active .dr_t3{-webkit-animation:fadeInDown 1s 1.2s ease both; -moz-animation:fadeInDown  1s 1.2s ease both;}
.active .dr_t4{-webkit-animation:fadeInDown 1s 1.6s ease both; -moz-animation:fadeInDown  1s 1.6s ease both;}
.active .dr_t5{-webkit-animation:fadeInDown 1s 2.0s ease both; -moz-animation:fadeInDown  1s 2.0s ease both;}

.active .dr_r{-webkit-animation:fadeInRight 1s .5s ease both; -moz-animation:fadeInRight 1s .5s ease both;}
.active .dr_d{-webkit-animation:fadeInUp    1s .5s ease both; -moz-animation:fadeInUp    1s .5s ease both;}
.active .dr_l{-webkit-animation:fadeInLeft  1s .5s ease both; -moz-animation:fadeInLeft  1s .5s ease both;}



@keyframes fadeInUp{
0%{transform:translateY(20px); -webkit-transform:translateY(20px); opacity:0;}
100%{transform:translateY(0); -webkit-transform:translateY(0); opacity:1;}
}
@-webkit-keyframes fadeInUp{
0%{transform:translateY(20px); -webkit-transform:translateY(20px); opacity:0;}
100%{transform:translateY(0); -webkit-transform:translateY(0); opacity:1;}
}
@-moz-keyframes fadeInUp{
0%{transform:translateY(20px); -webkit-transform:translateY(20px); opacity:0;}
100%{transform:translateY(0); -webkit-transform:translateY(0); opacity:1;}
}



@keyframes fadeInDown{
0%{transform:translateY(0px);-webkit-transform:translateY(0px);opacity:0;}
100%{transform:translateY(20px);-webkit-transform:translateY(20px);opacity:1;}
}
@-webkit-keyframes fadeInDown{
0%{transform:translateY(0px);-webkit-transform:translateY(0px);opacity:0;}
100%{transform:translateY(20px);-webkit-transform:translateY(20px);opacity:1;}
}
@-moz-keyframes fadeInDown{
0%{transform:translateY(0px);-webkit-transform:translateY(0px);opacity:0;}
100%{transform:translateY(20px);-webkit-transform:translateY(20px);opacity:1;}
}


@keyframes fadeInLeft{
0%{opacity:0;-webkit-transform:translateX(-50px)}
100%{opacity:1;-webkit-transform:translateX(0)}
}
@-webkit-keyframes fadeInLeft{
0%{opacity:0;-webkit-transform:translateX(-50px)}
100%{opacity:1;-webkit-transform:translateX(0)}
}
@-moz-keyframes fadeInLeft{
0%{opacity:0;-moz-transform:translateX(-50px)}
100%{opacity:1;-moz-transform:translateX(0)}
}


@keyframes fadeInRight{
0%{opacity:0;-webkit-transform:translateX(50px)}
100%{opacity:1;-webkit-transform:translateX(0)}
}
@-webkit-keyframes fadeInRight{
0%{opacity:0;-webkit-transform:translateX(50px)}
100%{opacity:1;-webkit-transform:translateX(0)}
}
@-moz-keyframes fadeInRight{
0%{opacity:0;-moz-transform:translateX(50px)}
100%{opacity:1;-moz-transform:translateX(0)}
}
/* µ­Èë end */