img.scale{
	transition: transform 2s;
}
a.imgshow:hover img.scale,
a:hover img.scale,
img.scale.hover{
	transform: scale(1.1);
}
img {
    border: 0;
    vertical-align: middle;
    -ms-interpolation-mode:bicubic;
    transition: transform 1s;
}
img.hover{
    transform: scale(1.15);
}
.ovh{
    overflow: hidden;
}
.fl {
    float:left;
    display: inline;
}
.fr {
    float:right;
    display: inline;
}
.por{
    position: relative;
}
.home-banner{ margin-top: 0px;}
.home-banner .swiper-wrapper img{ width:100%; height:auto;}
.home-banner .swiper-wrapper img.PC{ display: block}
.home-banner .swiper-wrapper img.Mobile{ display:none}
.home-banner .swiper-button-next,.home-banner .swiper-container-rtl .swiper-button-prev{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E"); display:none}
.home-banner .swiper-button-prev,.home-banner .swiper-container-rtl .swiper-button-next{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E"); display:none}

.home-banner .swiper-pagination-bullet-active{ background:#0b70b5}
.home-banner .swiper-container-horizontal > .swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{ bottom:80px;}

.home_titile{text-transform: Uppercase;text-align:center; padding-top:60px;}
.home_titile span{ position:relative; display:block;}
.home_titile span::before {
    position: absolute;
    left:50%;
    bottom:-15px;
    margin-left:-8px;
    content: "";
    display: block;
    width:16px;
    height:2px; background-color:#0b70b5;  
    transition: all .5s ease;
}


.pro_shows {position: relative;padding-bottom:40px;}
.pro_shows .swiper-wrapper{ }
.pro_shows .swiper-slide {
      text-align: center; width:25%;
      font-size: 18px;position:relative;padding-right:0;
      /* Center slide text vertically */
      display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: inline;
      -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;
    }
.pro_shows .swiper-slide img{ width:100%; border:0}

.pro_shows .swiper-pagination-bullet {
	width:8px;
	height:8px;border:#0062b0 1px solid;background: #fff;border-radius:50%;opacity:1
}
.pro_shows .swiper-pagination-bullet-active {
    opacity: 1;
    background: #0062b0;border-radius:50%; border:#0062b0 1px solid;
}
.pro_icons{ margin-top:-60px;}
.pro_icons ul{}
.pro_icons ul li{ position:relative ; background-color:#FFFFFF; border:#e5e8ed 1px solid;-webkit-transition: all ease .4s;transition: all ease .4s; text-align:left; margin:0 3%;overflow:hidden;border-radius:4px; padding:20px;}
.pro_icons ul li .left_icon{ float:left; width:30%; text-align:center}
.pro_icons ul li .left_icon img{ width:100%; max-width:60px;}
.pro_icons ul li .right_fonts{ float:right; width:66%; text-align:left;}
.pro_icons ul li .right_fonts h3{ color:#333333; margin-bottom:10px;}
.pro_icons ul li .right_fonts p{ height:40px; overflow:hidden; line-height:20px;}


/*风云科技股份*/


.wp::after, .wp::before {

    content: '';
    display: block;
    height: 0px;
    clear: both;
    visibility: hidden;

}
.c-title22 {
    line-height: 1;
    margin-bottom: 30px;
    font-size: 36px;
    text-align: center;
    font-weight: normal; color:#333333
}
.c-title22 span{ position:relative}
.c-title22 span::before {

    position: absolute;
    left: 50%;
    bottom: -18px;
    margin-left: -16px;
    content: "";
    display: block;
    width: 32px;
    height: 3px;
    background-color: #0262ae;
    transition: all .5s ease;

}

.c-title {
    line-height: 1;
    margin-bottom: 20px;
    font-size: 36px;
    text-align: center;
    font-weight: normal; color:#333333
}
.c-title span{ position:relative}
.c-title span::before {
    position: absolute;
    right:-218px;
    top: 15px;
    content: "";
    display: block;
    width:188px;
    height:16px; background:url(../images/right_back.png) center center no-repeat;
    transition: all .5s ease;
}
.c-title span::after {
    position: absolute;
    left:-218px;
    top:15px;
    content: "";
    display: block;
    width:188px;
    height:16px; background:url(../images/left_back.png) center center no-repeat;
    transition: all .5s ease;
}
.summary-text {
    line-height: 32px;
    margin-bottom: 40px;
    font-size: 18px;
    text-align: center;
    color: #999;
}
.strength .strength-tp .summary-text {
    color: #333;
}
.strength .strength-tp .summary-text  span{ position:relative; margin-top:20px;}
.strength .strength-tp .summary-text  span::before {
    position: absolute;
    left: 50%;
    bottom:30px;
    margin-left: -8px;
    content: "";
    display: block;
    width:30px;
    height: 3px;
    background-color: #0b70b5;
    transition: all .5s ease;
}
.clearfix::after, .clearfix::before {
    content: '';
    display: block;
    height: 0px;
    clear: both;
    visibility: hidden;
}
.strength .strength-main dl {
    position: relative;
    float: left;
    width: 25%;
    height: 210px;
    text-align: center;
    cursor: default;
}
.strength .strength-main dl dt {
    display: inline-block;
    width: 125px;
    height:126px;
    margin-bottom: 25px;
    padding-top: 25px;
    font-size: 24px;
    background: url(../images/number_back.png) center no-repeat;
}
.strength .strength-main dl.active dt {
    background: url(../images/number_back_hover.png) center no-repeat;
}
.strength .strength-main dl.active * {
    color: #0062b0;
}
.strength .strength-main dl {
    text-align: center;
    cursor: default;
}
.strength .strength-main dl dt {
    font-size: 24px;
}
.strength .strength-main dl dd {
    font-size: 15px;
    color: #999;
}
.strength .strength-main dl::after {
    display: none;
    content: '';
    position: absolute;
    bottom: -30px;
    left: 50%;
    margin-left: -12px;
    border-left: 12px solid transparent;
    border-right: 12px solid transparent;
    border-bottom: 12px solid #0062b0;
}
.strength .strength-main dl.active::after {
    display: block;
}
.strength .strength-content {
    background: #000;
}
.strength .strength-content .strength-item {
    display: none;
    height: 400px;
    overflow: hidden;
}

/*特色展馆样式*/
.sl-wrap {
    padding-bottom: 50px;
    padding-top: 0px;
}
.digital-exhibition-hall {
    min-width: 1200px;
    background: #fff;
}
.c-title {
    line-height: 1;
    margin-bottom: 20px;
    font-size: 36px;
    text-align: center;
    font-weight: normal;
}
.summary-text {
    line-height: 32px;
    margin-bottom: 50px;
    font-size: 18px;
    text-align: center;
    color: #999;
}
.c-nav {
    position: relative;
    text-align: center;
    cursor: default;
}
.digital-exhibition-hall .c-content .c-nav {
    margin-bottom: 20px;
    font-size: 16px;
    text-align: center;
}
.digital-exhibition-hall .c-content .c-nav > li {
    display: inline-block;
    margin: 0 10px;
    color: #333;
    cursor: pointer;
}
.innovative-business-icon {
    display: none;
    position: absolute;
    width: 6px;
    height: 4px;
    left: 0;
    right: 0;
    top: 35px;
    margin: auto;
    background: url(/home/images/nav-arrow.png) no-repeat;
}
.digital-exhibition-hall .c-content .c-nav > li.active {
    position: relative;
}
.digital-exhibition-hall .c-content .c-nav > li a { padding:6px 0}
.digital-exhibition-hall .c-content .c-nav > li.active a {
    color: #0062b0; border-bottom:#0062b0 1px solid; border-top:#0062b0 1px solid;
}
.digital-exhibition-hall .c-content .c-nav > li.active .innovative-business-icon {
    display: block;
}
ul.c-list {
    height: 100%;
    display: none; width:96%;
    margin: 0 auto;
}
ul.c-list::after, ul.c-list::before {
    content: '';
    display: block;
    height: 0px;
    clear: both;
    visibility: hidden;
}
ul.c-list li {
    position: relative;
    float: left;
    text-align: center;
    background: #fff;
    overflow: hidden; width:50%;
}
.digital-exhibition-hall .c-content .c-list-wrap ul.c-list li img {
    width: 100%;transition: transform 2s;
}
.digital-exhibition-hall .c-content .c-list-wrap ul.c-list li:hover img {
transform: scale(1.1);
}
.more-detail {
    text-align: center;
}
.more-detail a {
    display: inline-block;
    width: 190px;
    height: 44px;
    line-height: 44px;
    border: 1px solid #ddd;
    margin-top: 28px;
    font-size: 18px;
    text-align: center;
    color: #444;
}
.hover-text {
    opacity: 0;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    text-align: center;
    background: rgba(0,0,0,0.5);
    color: #fff;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s; font-size:16px;
}
.hover-text .hover-inner {
    position: relative;
    top: 50%;
    line-height: 1;
}
.hover-text:hover{opacity: 1;-webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;}
	.sl-wrap {
    padding-bottom: 50px;
    padding-top: 80px;
}
.strength {
    min-width: 1200px;
    padding-bottom: 0px;
    padding-top: 0px;
    background: #fff; margin-top:-100px;
}
.strength .strength-tp {
    padding-top: 160px;
    padding-bottom: 30px;
    background: url(../images/home_about_Back.jpg) center 0px no-repeat;
        background-size: auto;
    background-size: cover;
}

#page2{ background: url(../images/yingshi_back_img.jpg) center center no-repeat; background-size:cover;}
#page2 .c-title22{ color:#FFFFFF;}
#page2  .c-content .c-nav > li a{ color:#cccccc}
#page2  .c-content .c-nav > li.active a{color:#0062b0}
#page2  .more-detail a{ color:#FFFFFF;}
#page2  .more-detail a:hover{ color:#0062b0; border:#0062b0 1px solid}
#page3{ background-color:#f3f3f3;}
#page5{ background: url(../images/shuzi_back_img.jpg) center center no-repeat; background-size:cover;}
#page7{ background-color:#f3f3f3;}

.news_homes{ background-color:#f2f5fa; padding-bottom:50px; padding-top:70px;}
.abouts_homes_pic  .swiper-pagination{ bottom:180px;}

.new_lists { padding-top:0px;}
.new_lists ul{}
.new_lists ul li{width: 31.3%;
box-sizing: border-box;
margin-right: 3%;
margin-bottom: 3%;
float: left;
overflow: hidden;
position: relative;
box-shadow:0px 0px 10px #ddd;
-webkit-transition: all ease .4s;
	transition: all ease .4s;display:inline}
.new_lists ul li:nth-child(3n) {
    margin-right: 0;
}
.new_lists ul li .news_imgs{ width:100%; overflow:hidden}
.new_lists ul li .news_imgs img{ width:100%;}
.new_lists ul li .news_l_times{float:left; width:100px;text-align:center; color:#666666; display:inline; padding-top:30px; font-size:14px; line-height:200%; font-family:"PingFang SC","Source Han Sans SC","Noto Sans CJK SC","Hiragino Sans GB","Helvetica Neue","Helvetica",sans-serif}
.new_lists ul li .news_l_times .time_dd{ font-size:40px; color:#354e40; display:block; padding-bottom:10px;}

.new_lists ul li .news_showmore{border-top: 1px solid #e5e5e5;
background: #fff;
padding: 16px 20px; position:relative;}
.new_lists ul li .news_showmore::before {
    content: "";
    width: 100%;
    height: 0px;
    background:#bf120b;
    position: absolute;
    left: 0;
    bottom: 0;
    -webkit-transition: all .5s 0s ease-in-out;
    transition: all .5s 0s ease-in-out;
    z-index: 1;
}
.new_lists ul li .news_showmore::after {
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    overflow: hidden;
    content: ".";
}
.new_lists ul li:hover .news_showmore::before {height:100%;}


.new_lists ul li .news_showmore .more {
    font-size: 14px;display:inline;
    color: #b7b7b7;
    line-height: 22px;
    position: relative;
    z-index: 2;
    -webkit-transition: all .8s;
    transition: all .8s;
}
.new_lists ul li .news_showmore  .time { display:inline;
    font-size: 14px;
    color: #b7b7b7;
    line-height: 22px;
    font-family: "Arial";
    position: relative;
    z-index: 2;
    -webkit-transition: all .8s;
    transition: all .8s;
}
.new_lists ul li:hover .news_showmore .more,.new_lists ul li .news_showmore  .time { color:#b7b7b7}

.new_lists ul li .news_r_fonts{padding: 28px;background: #fff;}
.new_lists ul li .news_r_fonts h3{ font-size: 18px;
color: #000;
line-height: 26px;
height: 52px;
overflow: hidden;
margin-bottom: 10px;}
.new_lists ul li .news_r_fonts .news_descipe{font-size: 14px;
color: #666;
line-height: 24px;
height: 48px;
overflow: hidden;
margin-bottom: 12px;}

.new_lists ul li:hover{  background-color:#faf2e5;-webkit-box-shadow: 0px 0px 25px rgba(0,0,0,.2);
	-moz-box-shadow: 0px 0px 25px rgba(0,0,0,.2);
	box-shadow:0px 0px 25px rgba(0,0,0,.2);-webkit-transition: all ease .4s;
	transition: all ease .4s;}
.new_lists ul li:hover .news_l_times,.new_lists ul li:hover .news_l_times .time_dd,.new_lists ul li:hover .news_r_fonts,.new_lists ul li:hover .news_r_fonts h3,.new_lists ul li:hover .news_r_fonts .news_mores{color: #0062b0;}
.abouts_homes{ background-color:#f2f5fa}
.about_home_font{ background-color:#FFFFFF;box-shadow:0px 0px 10px #ddd; padding:40px; text-align:center; margin-top:-150px; position:relative; z-index:300; padding-top:60px;}
.about_fonts {
    line-height: 220%;
    color: #666666;
    padding-bottom: 20px; text-align: left
}
.about_numbers{ text-align:center; padding-bottom:0px;}
.about_numbers ul li{ display:inline-block; width:19%; text-align:center; padding-bottom:20px; vertical-align: top; line-height: 2}
.about_numbers ul li .number_con{ text-align:center; background: url(../images/number_back_about.png) center center  no-repeat; margin:0px auto}
.about_numbers ul li .number_con span{ color:#0262ae; display:block; line-height:1; margin-bottom:18px; padding-top:20px;}
.about_numbers ul li .number_con p{ display:block; line-height:1;}
.home_more_btn{ text-align:center;}
.home_more_btn a{ padding:18px 60px; border:#004c92 1px solid;border-radius:60px; display:inline-block;}
.home_more_btn a span{ background:url(../images/more_btn.png) right center no-repeat; padding-right:20px;}
.home_more_btn a:hover{border:#0062b0 1px solid; background-color: #0062b0; color: #ffffff}

.home_more_btn2{ text-align:center;border-bottom: #e5e5e5 1px solid; margin-bottom:30px;}
.home_more_btn2 a{ padding: 18px 60px;
border-radius: 60px;
display: inline-block;
background-color: #f6f6f6;
margin-bottom: -20px;}
.home_more_btn2 a span{ background:url(../images/more_btn.png) right center no-repeat; padding-right:20px;}
.Pros_homes{ background-color:#f6f6f6; padding:70px 0; padding-bottom:40px;}


.news_home_list ul{}
.news_home_list ul li{-webkit-transition: all ease .4s;transition: all ease .4s; text-align:left; margin:0 3%;-webkit-box-shadow: 1px 1px 25px rgba(0,0,0,.1);
	-moz-box-shadow: 1px 1px 25px rgba(0,0,0,.1);
	box-shadow: 1px 1px 25px rgba(0,0,0,.1); }
.news_home_list ul li .news_imgs{ background-color:#FFFFFF; position:relative; width:100%; height:300px; overflow:hidden}
.news_home_list ul li .news_imgs img {
    display: block;
    margin: auto;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%); max-width:90%; max-height: 90%;
}


.news_home_list ul li .news_fonts{padding:30px;background: #fff; display: none}
.news_home_list ul li .news_fonts .news_fonts_l{width:100%;display: block; display: none}
.news_home_list ul li .news_fonts .news_fonts_l h3{ font-size:22px;color: #343434;line-height:30px; padding-bottom:30px;min-height:100px;overflow: hidden;}
.news_home_list ul li .news_fonts .news_fonts_l h3 span{ display:block; padding-bottom:12px;}
.news_home_list ul li .news_fonts .news_fonts_l .news_descipe{font-size: 14px;color: #666;
line-height: 26px;margin-bottom: 12px; min-height:60px; overflow:hidden;text-overflow: ellipsis;display: -webkit-box; -webkit-line-clamp:3; -webkit-box-orient: vertical;}
.news_home_list ul li .news_fonts .news_fonts_r{ float:right; width:20%; color:#333333}
.news_home_list ul li .news_fonts .news_time{ border:#e4e4e4 1px solid; padding:20px; text-align:center; line-height:1}
.news_home_list ul li .news_fonts .news_time .days{ display:block; font-size:40px; padding-bottom:10px;}
.news_home_list ul li .news_fonts .news_time .mouths{}

.news_home_list ul li:hover{ -webkit-box-shadow: 1px 1px 25px rgba(0,0,0,.2);
	-moz-box-shadow: 1px 1px 25px rgba(0,0,0,.2);
	box-shadow: 1px 1px 25px rgba(0,0,0,.2); }
.news_home_list ul li:hover .news_l_times,.news_home_list ul li:hover .news_l_times .time_dd,.new_lists ul li:hover .news_fonts,.news_home_list ul li:hover .news_fonts h3,.news_home_list ul li:hover .news_fonts .news_mores{}

.swiper-container5 {position: relative;padding-bottom:50px;}
.swiper-container5 .swiper-wrapper{ }
.swiper-container5 .swiper-slide {
      text-align: center; width:25%;
      font-size: 18px;position:relative;padding-right:0;
      /* Center slide text vertically */
      display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: inline;
      -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;
    }
.swiper-container5 .swiper-slide img{height: auto ; border:0}

.swiper-container5 .swiper-pagination-bullet {
	width:10px;
	height:10px;border:#7a7a7a 1px solid;border:#7a7a7a 1px solid;background: #fff;border-radius:50%;opacity:1
}
.swiper-container5 .swiper-pagination-bullet-active {
    opacity: 1;
    background: #7dbf46;border-radius:50%; border:#7dbf46 1px solid;
}
/*.swiper-container5  .swiper-pagination-bullet::before {
	content: '';
	position: absolute;
	left: 50%;
	top: 0;
	margin-left: -4px;
	width:10px;
	height:10px;
	background: #c0120b;

}*/
.swiper-container5  .swiper-button-prev{ background:url(../images/left01.png) center center no-repeat; width:60px; height:60px; left:3%; margin-top:-100px;}
.swiper-container5  .swiper-button-next{ background:url(../images/right01.png) center center no-repeat; width:60px; height:60px; right:3%; margin-top:-100px;}
.abouts_homes .swiper-wrapper img.PC{ display:block; width: 100%; }
.abouts_homes .swiper-wrapper img.Mobile{ display:none;width: 100%;}

@media (max-width:1000px) {
.home-banner .swiper-wrapper img.PC{ display:none }
.home-banner .swiper-wrapper img.Mobile{ display:block}
.abouts_homes .swiper-wrapper img.PC{ display:none }
.abouts_homes .swiper-wrapper img.Mobile{ display:block}
.home-banner .swiper-container-horizontal > .swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{ bottom:1rem}
.home-banner {
    margin-top: 4rem;
}
.swiper-container5 .swiper-slide{ width:100%;}
.news_home_list ul li .news_fonts .news_fonts_l .news_descipe{ display:none}
.about_home_font{ padding:2rem 1.5rem;margin-top: -6rem;}
.abouts_homes_pic .swiper-pagination {
    bottom: 7rem;
}
.about_numbers{ display:none}
.new_lists ul li{ display:block; width:100%; margin-right:0}
.home_more_btn a {
    padding: 1rem 3rem;
}
.Pros_homes{ padding:2rem 0}
.news_home_list ul li .news_fonts{ padding-bottom:1rem; padding-top:2rem; padding-left:1rem; padding-right:1rem;}
.news_home_list ul li .news_fonts .news_fonts_l h3{ font-size:1.2rem;}
}