@import url(pscroll.css);
/*首页*/
.f28{font-size:28px;}
.f18{font-size:18px;}
.f16{font-size:16px;}
.mask2{position: fixed; width: 100%; height: 100%;top: 0px;left: 0px; background: #fff url(../images/loading2.gif) center center no-repeat; z-index: 2000;}
.section1{/*background-repeat:no-repeat; background-position:60% center;background-size:cover;*/ }
.section1 .fp-tableCell{ vertical-align:top;}
#a1portalSkin_ctr211899211899_mainArea2{ display:none;}
.i_one{ position:absolute; bottom:24%; left:0; width:100%; z-index:99;}
.i_one .i_one_ul{ max-width:1652px; margin:0 auto; width:94%;background:rgba(84,120,138,0.85); overflow:hidden;}
.i_one .i_one_ul ul li{ float:left; width:33.33%; text-align:center;  background:url(../images/i_bg2.png) right center no-repeat;height:55px; line-height:55px; font-size:16px;padding-top:1%; padding-bottom:1%;}
.i_one .i_one_ul ul li:last-child{ background:none;}
.i_one .i_one_ul ul li img{ display:inline-block; margin-right:3%; height:100%; vertical-align:top;height:55px;}
.i_one .i_one_ul ul li a{ display:block; color:#fff;transition:all 0.3s;}
.i_one .i_one_ul ul li a:hover{opacity:0.8;filter:Alpha(opacity=80); }
.i_one .i_one_ul ul li:hover{background:#4b7081;}
.section2{background-repeat:no-repeat; background-position:center center;background-size:cover;background-image: url(../images/i_bg2.jpg);}
.section2 .index2_t{ /*border-top:4px solid #7c7c7c; */ background:url(../images/i_bg8.png) left top no-repeat;padding-top:12px; overflow:hidden;color:#4b7081;/* color:#2d2d2d;*/ float:left; margin-bottom:2%; margin-top:2%; float:left;}
.section2 .index2_t h2{ font-weight:normal;}
.section2 .index2_t p{ font-size:14px; font-family:Arial; line-height:18px;}
.section2 .index2_a{ margin-left:3%; overflow:hidden; float:left;margin-top:2.5%;margin-bottom:2%;padding-top:12px; width:70%;}
.section2 .index2_a a{ display:inline-block;margin-left:3%; overflow:hidden; font-size:16px;}
.section2 .index2_a a:hover{ color:#fb3838;}
.section2 .index2_a a.isel{ color:#4b7081;}
.section2 .divhiden{ display:none; overflow:hidden;}
.section2 .index2_ul{ clear:both; overflow:hidden;}
.section2 .wrap{max-width:1000px;}

.section2.active .bounceInLeft{animation-delay:0.1s;}
.section3{background-repeat:no-repeat; background-position:center center;background-size:cover;background-image: url(../images/i_bg6.jpg);}
.section3 .index3_t{ /*border-top:4px solid #7c7c7c; */ background:url(../images/i_bg8.png) left top no-repeat;padding-top:12px; overflow:hidden;color:#4b7081;/* color:#2d2d2d;*/ float:left; margin-bottom:10%;opacity:0;filter:Alpha(opacity=0); margin-top:4%;}
.section3 .index3_t h2{ font-weight:normal;}
.section3 .index3_t p{ font-size:14px; font-family:Arial; line-height:18px;}
.index3_con{width:94%; margin:0 auto;max-width:1200px;line-height:20px;color:#d1dadf; text-align:center; overflow:hidden;}
.index3_con ul li{ float:left; width:33.33%; text-align:center;}
.index3_con ul li:nth-child(1){ text-align:left;}
.index3_con ul li:nth-child(3){ text-align:right;}
.index3_con ul li .index3_con2{ max-width:280px; width:94%; display:inline-block; position:relative;}
.index3_con ul li .index3_con2 .imgs{ margin:0 auto; width:70%; max-width:184px; overflow:hidden; background-repeat:no-repeat; background-position:center center; background-size:100% 100%;}
.index3_con ul li .index3_con2 .imgs img{ width:100%; display:block;transition:all 0.3s; vertical-align:middle;opacity:0;filter:Alpha(opacity=0);}
.index3_con ul li .index3_con2 .txts{ width:94%; margin:0 auto; overflow:hidden; text-align:center; color:#666666;}
.index3_con ul li .index3_con2 .txts .h2{ font-weight:normal; overflow:hidden; padding-top:11%; padding-bottom:7%; font-weight:bold; letter-spacing:1px;}
.index3_con ul li .index3_con2 .txts .p{ font-size:12px; overflow:hidden; line-height:20px; max-width:210px; margin:0 auto;}
.index3_con ul li .index3_con2  b{ padding-top:4%; padding-bottom:1%; border-top:1px solid #f8f8f8; letter-spacing:3px; position:absolute; top:0; left:0; color:#8e8e8e;}
.index3_con ul li .index3_con2  b:after{content: "";display: block;position: absolute;left: 0%;right: 100%;top: 0px;height: 1px;opacity: 0;background-color: #969696;-webkit-transition: all .5s;
-o-transition: all .5s;-ms-transition: all .5s;transition: all .5s;}
.index3_con ul li .index3_con2:hover .txts .h2{ color:#416e83;}
.index3_con ul li .index3_con2:hover .imgs img{opacity:1.0;filter:Alpha(opacity=100);}
.index3_con ul li .index3_con2:hover b:after{left: 1%;right: 1%;opacity: 1;-webkit-transition: all .5s;-o-transition: all .5s;-ms-transition: all .5s;transition: all .5s; }
.section3.active .fadeIn{animation-duration: 1s;}
.section3.active .index3_con ul li:nth-child(2) .bounceInLeft{animation-delay: 0.5s;}
.section3.active .index3_con ul li:nth-child(3) .bounceInLeft{animation-delay: 1s;}
.section3.active .index3_con ul li:nth-child(1) .flipInY{animation-delay: 0.5s;}
.section3.active .index3_con ul li:nth-child(2) .flipInY{animation-delay: 1s;}
.section3.active .index3_con ul li:nth-child(3) .flipInY{animation-delay: 1.5s;}
.section3.active .index3_con ul li:nth-child(1) .fadeIn{animation-delay: 1s;}
.section3.active .index3_con ul li:nth-child(2) .fadeIn{animation-delay: 1.5s;}
.section3.active .index3_con ul li:nth-child(3) .fadeIn{animation-delay: 2s;}

/*.section3.active .index3_imgs.fadeInUp{ animation-duration: 3s;}*/
/*.section3 .fp-tableCell{ vertical-align:bottom;}*/
.section4{ background-repeat:no-repeat; background-position:center center;background-size:cover;background-image: url(../images/i_bg7.jpg); }
.section4 .index4_t{ /*border-top:4px solid #7c7c7c; */ background:url(../images/i_bg8.png) left top no-repeat;padding-top:12px; overflow:hidden;color:#4b7081; /*color:#2d2d2d;*/ float:left; margin-bottom:5%;opacity:0;filter:Alpha(opacity=0);}
.section4 .index4_t h2{ font-weight:normal;}
.section4 .index4_t p{ font-size:14px; font-family:Arial; line-height:18px;}
.index4_con{ overflow:hidden;color:#fff; clear:both;}
.section4.active .bounceInLeft{animation-delay:0.1s;}
.section4 .wrap{max-width:1000px;}
/*视频弹窗*/
.case_bgs{z-index: 19891024;background:url(../images/about_bg.png) repeat; width: 100%; height: 100%;  position: fixed;  left: 0;  top: 0;  display: none;}
.case_tc{z-index: 19891025; width: 92%; /* top: 157.5px; */  left: 50%; margin-left:-46%; /* margin-left: -300px; */  position:absolute; overflow: hidden; top:270px; /*height:0;*/ display: none;}
.case_tc .case_box{ width:96%; margin:0 auto; max-width:800px; overflow: hidden;}
.case_tc .case_divs{ position:relative;width:100%;}
.case_tc .case_divs .closed{ right:0%; position:absolute; top:0%; cursor:pointer; height:40px;}
.case_tc .case_divs .closed:hover{filter: Alpha(Opacity=80);opacity: 0.8;transition: all 0.3s;}
.case_tc #tc_big{ width:100%; display:block;}
#videocon{ height:450px;}
.case_tc .case_divs .case_txt{ padding:12px; padding-left:0; padding-right:0; color:#fff; font-size:14px; line-height:22px; padding-top:40px; padding-bottom:6px; background:rgba(0, 0, 0, 0.6);}
.case_tc .case_divs .case_txt h2{ font-size:14px; line-height:40px; font-weight:normal;}
.case_tc .case_divs .case_txt .video_txt{ background-color:#fff; overflow:hidden; padding-left:3%; padding-right:3%;}
.about_x2{ overflow:hidden; max-width:940px; margin:0 auto; padding-bottom:10px; padding-top:4%;}
.about_x2 .show_t{ line-height:36px; font-size:22px; color:#676767; text-align:center; margin-bottom:2%; margin-top:5px; font-weight:normal;}
.about_x2 img{margin-bottom:10px; display:block; max-width:100%;}
.about_x2 .con_id{ line-height:24px;overflow:hidden;white-space:normal;word-break:break-all; padding-top:28px;font-size:14px; color:#767676;text-align:left;/* font-family:"宋体";*/ padding-bottom:20px;}
.about_x2 .con_id .h2{ font-size:16px; line-height:24px; margin-bottom:5px;}
.about_x2 .con_id p{ padding-bottom:10px; overflow:hidden;}

.section5{background:#ffffff;}
.section5 .index2_t{ /*border-top:4px solid #7c7c7c; */ background:url(../images/i_bg8.png) left top no-repeat;padding-top:12px; overflow:hidden; color:#2d2d2d;/* float:left; */margin-bottom:2%;opacity:0;filter:Alpha(opacity=0); margin-top:4%;}
.section5 .index2_t .imores{ color:#353535; font-size:14px; float:right; margin-top:-45px;}
.section5 .index2_t h2{ font-weight:normal;}
.section5 .index2_t p{ font-size:14px; font-family:Arial; line-height:18px;}
.section5 .fp-tableCell{ vertical-align:top;}
.section5 .flipInY{filter: Alpha(Opacity=0);opacity: 0;}
.section5.active .flipInY{animation-duration: 0.5s;filter: Alpha(Opacity=100);opacity: 1.0;}
/*.section5.active .fadeIn{animation-duration: 2s;}*/
.index5_con{padding-top:90px;padding-bottom:1%; overflow:hidden; width:94%; max-width:1700px; margin:0 auto; background-color:#f4f4f4;}
.index5_con .ul{ clear:both;}
.index5_con .ul li{ float:left; width:47%; max-width:546px; overflow:hidden; text-align:center; border:1px solid #f4f4f4;transition:all 0.3s;}
.index5_con .ul li:nth-child(2){ float:right;animation-delay: 1s;}
.index5_con .ul li .index5_title{ overflow:hidden; padding-top:1%;transition:all 0.3s;}
.index5_con .ul li .index5_title .index5_title_date{ width:94%; margin:0 auto; max-width:510px; overflow:hidden;color:#979797; border-bottom:3px solid #d9d9d9; padding-bottom:8px; text-align:left;transition:all 0.3s;}
.index5_con .ul li .index5_title .index5_title_date b{ display:block; font-weight:normal;}
.index5_con .ul li .index5_title .index5_title_date span{ display:block; font-size:14px;}
.index5_con .ul li .txts{ width:94%; margin:0 auto; max-width:510px; overflow:hidden; margin-top:2%; margin-bottom:3%;}
.index5_con .ul li .imgs{ width:224px; float:left;overflow:hidden; margin-right:3%;}
.index5_con .ul li .imgs img{ width:100%; display:block;-webkit-transform:scale(1); -moz-transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1); transform:scale(1);-webkit-transition:all 0.3s ease-out 0s; -moz-transition:all 0.3s ease-out 0s; -o-transition:all 0.3s ease-out 0s; transition:all 0.3s ease-out 0s;}
.index5_con .ul li .cons{ overflow:hidden; text-align:left;}
.index5_con .ul li .cons h2{ line-height:26px; overflow:hidden; height:52px;color:#444444; font-size:18px; font-weight:normal; margin-bottom:3%; margin-top:2%;}
.index5_con .ul li .cons .p{ color:#767676; font-size:14px; line-height:22px; height:44px; overflow:hidden;}
.index5_con .ul li .cons .imores{ float:right;transition:all 0.3s; text-align:left; line-height:24px; height:24px; overflow:hidden; text-transform:uppercase; margin-top:5%;}
.index5_con .ul li .cons .imores i{ float:right; width:48px; height:11px; margin-top:6px; overflow:hidden;background:url(../images/i_bg11.png) center top no-repeat;transition:all 0.3s; margin-right:5px;}
.index5_con .ul li .cons .imores:hover i{ height:21px; margin-right:0px; margin-top:2px;}
.index5_con .ul li:hover{ border:1px solid #4b7081; background-color:#ffffff;box-shadow:  0px 0px 20px 15px #eee;}
.index5_con .ul li:hover .index5_title{ background-color:#4b7081;}
.index5_con .ul li:hover .index5_title .index5_title_date{ color:#fff;border-bottom:3px solid #4b7081;}
.index5_con .ul li:hover .cons h2{ color:#4b7081;}
.index5_con .ul li:hover .imgs img{-webkit-transform:scale(1.1, 1.1); -moz-transform:scale(1.1, 1.1); -o-transform:scale(1.1, 1.1); -ms-transform:scale(1.1, 1.1); transform:scale(1.1, 1.1);}
.index5_con .ul li:hover .imores:hover i{background:url(../images/i_bg11_on.png) center top no-repeat;}

/*.section5.active .index5_con ul li:nth-child(3) .flipInY{animation-delay: 3s;}
.section5.active .index5_con ul li:nth-child(1) .fadeIn{animation-delay: 2s;}
.section5.active .index5_con ul li:nth-child(2) .fadeIn{animation-delay: 3s;}
.section5.active .index5_con ul li:nth-child(3) .fadeIn{animation-delay: 4s;}*/


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

}
@media screen and (max-width:1440px) {
/*尾部*/
.f_bg{ display:none;}
}
@media screen and (max-width:1199px) {
.active .bounceInLeft{animation-name: none;-webkit-animation-name: none;}
.active .bounceInRight{animation-name: none;-webkit-animation-name: none;}
.active .fadeInUp{animation-name: none;-webkit-animation-name: none;}
.active .fadeInDown{animation-name: none;-webkit-animation-name: none;}
.active .flipInY{animation-name: none;-webkit-animation-name: none;}
.active .fadeIn{animation-name: none;-webkit-animation-name: none;}

.i_one{ bottom:8%;}
.i_one .i_one_ul ul li{ height:45px; line-height:45px; font-size:14px;}
.i_one .i_one_ul ul li img{ height:45px;}
.section2 .index2_t{ margin-top:6%;opacity:1.0;filter:Alpha(opacity=100); margin-bottom:4%;}
.section2 .index2_a{margin-top:6%; margin-bottom:4%;}

.section3 .index3_t{ margin-top:6%;opacity:1.0;filter:Alpha(opacity=100); margin-bottom:6%;}
.index3_con{ margin-bottom:6%;}
.section4 .index4_t{ margin-top:6%;opacity:1.0;filter:Alpha(opacity=100); margin-bottom:6%;}
.index4_con{ margin-bottom:10%;}
.section5 .index2_t{ margin-top:6%;opacity:1.0;filter:Alpha(opacity=100);}
.section5 .flipInY{opacity:1.0;filter:Alpha(opacity=100);}
.index5_con{ padding-top:0;}
.index5_con .ul li{ max-width:none; width:49%;}
.index5_con .ul li .cons h2{ font-size:16px; line-height:24px; height:48px;}
.index5_con .ul li .cons .p{ font-size:13px; line-height:20px; height:40px;}
.index5_con .ul li .cons .imores i{ background-size:40px auto; height:9px;}
.index5_con .ul li:hover .imores:hover i{background-size:40px auto;}
/*尾部*/
.f_bg{ display:block;}
}
@media screen and (max-width:1000px) {
.index5_con .ul li .imgs{ width:180px; }
}
@media screen and (max-width:960px) {
.i_one .i_one_ul ul li{ height:40px; line-height:40px; background-size:1px auto;}
.i_one .i_one_ul ul li img{ height:40px;}
.section5{background:#f4f4f4;}
}
@media screen and (max-width:830px) {
.index5_con .ul li .imgs{ width:150px; }
}


@media screen and (max-width: 780px) {
#a1portalSkin_ctr211899211899_mainArea{ display:none;}
#a1portalSkin_ctr211899211899_mainArea2{ display:block;}
/*.i_one .i_one_ul{ padding-top:2%; padding-bottom:2%;}*/
.i_one .i_one_ul ul li{ padding-top:3%; padding-bottom:3%;}
.index3_con ul li{ float:none; width:100%; margin-bottom:6%; margin-top:2%;}
.index3_con ul li:nth-child(1){ text-align:center;}
.index3_con ul li:nth-child(3){ text-align:center;}
.index3_con ul li .index3_con2 .txts .h2{ padding-top:6%; padding-bottom:4%;}
/*视频弹窗*/
.case_tc .case_divs .closed{ height:30px;}
.about_x2 .show_t{ font-size:20px; line-height:30px;}
.about_x2 .con_id{ padding-top:18px;}

.index5_con .ul li .cons h2{ font-size:14px; line-height:22px; height:44px;}
.index5_con .ul li .cons .p{ font-size:12px; }

}
@media screen and (max-width: 640px) {
.f28{font-size:22px;}
.f18{font-size:16px;}
.f16{font-size:14px;}
.i_one{ bottom:6%;}
/*视频弹窗*/
#videocon{ height:300px;}
.index5_con .ul li{ float:none; width:100%; margin-bottom:4%;}
.index5_con .ul li:nth-child(2){ float:none;}
}

@media screen and (max-width: 480px) {
.f28{font-size:18px; }
.f18{font-size:14px;}
.f16{font-size:13px;}
.i_one .i_one_ul ul li{ height:32px; line-height:32px;}
.i_one .i_one_ul ul li a{ font-size:13px;}
.i_one .i_one_ul ul li img{ height:32px;}

/*视频弹窗*/
#videocon{ height:250px;}

.index5_con{padding-bottom:2%;}
.section5 .index2_t .imores{ font-size:12px;}
.index5_con .ul li .txts{ margin-top:3%;}
.index5_con .ul li .cons h2{ margin-bottom:1%;}
}

@media screen and (max-width:360px) {
/*视频弹窗*/
#videocon{ height:200px;}
}