*{margin: 0;padding: 0;font-family: "Microsoft YaHei";font-size: 14px}
body{width: 100%;min-width: 1200px;overflow-x: auto;}
li{list-style: none;}
h2,h3{font-weight: normal}
a{text-decoration: none}
i{font-style: normal}
.center{width: 1200px;margin: 0 auto 0;overflow: hidden}
.center_box{width: 1250px;overflow: hidden;}
.rel{ position: relative; }
input,button{outline: none}
img{border:0px}
/*����1*/
/* .da1{
width: 100%;height: 40px;background: #404041;line-height: 40px;z-index: 2;
}
.da1_i1{
float: left;color: #fff;
}
.da1_i2{
float: right;color: #fff;
}
.da1_i2 img{
width: 19px;height: 14px;margin-right: 8px;vertical-align: middle;
} */
/*����2*/
/* .da2{
background: #fff;height: 70px;z-index: 2;transition: all .6s linear;
}
.logo{
float: left;width: 170px;height: 40px;margin-top: 17px;display: inline-block;cursor: pointer;
}
.logo img{
width: 100%;height: 100%;
}
.da2_ul{
overflow: hidden;float: left;margin-left: 90px;margin-top: 20px;
}
.da2_ul li{
float: left;margin-right: 70px; position: relative;
}
.da2_ul li a{
display: inline-block;color: #404041;font-size: 16px;border-bottom: 2px solid #fff;padding-bottom: 10px;cursor: pointer;
}
.nline{
background: #ff6c2e; display: block; height: 2px; transform: scaleX(0);
transition: transform 400ms ease-out 0s;
width: 100%; position: absolute; bottom: 0; left: 0;right: 0;
-webkit-transform: scaleX(0);-webkit-transition:transform 400ms ease-out 0s;
}
.da2_ul li:hover .nline {
transform: scaleX(1);
}
.da2_ul_a .nline {
transform: inherit!important;
}
.da2_rig{
float: right;overflow: hidden;margin-top: 17px;
}
.da2_rig a{
display: inline-block;float: left;
}
.da2_rig_a1{
color: #828282;margin-right: 6px;
}
.da2_rig_a1 img{
width: 14px;height: 15px;vertical-align: sub;margin-right: 6px;
}
.da2_rig_a2{
color: #828282;
}
.da2_rig_a1:hover,
.da2_rig_a2:hover {
color: #ff7e09;
} */
/*����3*/
/* .da3{
height: 54px;background: #232323;width: 100%;display: none;z-index: 5;position: fixed;top: 0;left: 0;right: 0;transition: all .6s linear;
}
.da3_ul{
overflow: hidden;float: left;margin-top: 15px;
}
.da3_ul li{
float: left;margin-right: 45px;position: relative;
}
.da3_ul li a{
display: inline-block;color: #fff;font-size: 16px;border-bottom: 2px solid #232323;padding-bottom: 10px;cursor: pointer;
}
.da3_ul li:hover .nline {
transform: scaleX(1);
}
.da3_ul_a .nline {
transform: inherit!important;
} */
/*��ҳ*/
/*banner*/
.ban{
width:100%; height:575px;position: relative;
}
.ban a{
display: block;width: 100%;height: 100%;text-align: center;
}
.ban img{
width:100%;height:100%;
}
.swiper-container,.swiper-wrapper,.swiper-slide{
width:100%; height:100%;
}
.pagination {
position: absolute; left: 0; text-align: center; bottom:15px; width: 100%; z-index:1
}
.swiper-pagination-switch {
display: inline-block; width: 20px; height: 20px; border-radius: 20px; background: #fff; margin: 0 5px; cursor: pointer;
}
.swiper-active-switch {
background: #ff821f;
}
/*ȫ��չʾ*/
.part1{
height: 700px;background: url("/app/resource/images/1116/sbg_05.jpg") no-repeat;background-size: 100% 100%;width: 100%;
}
.tit{
text-align: center;margin-top: 55px;color: #02B2B5;font-size: 32px;display: block;cursor: pointer;
}
.tit_b {
text-align: center;margin-top: 17px;color: #999999;font-size: 16px;display: block;font-weight: 300;letter-spacing: 5px;
}
.tit img{
width: 34px;height: 28px;margin-right: 15px;vertical-align: middle;
}
.tit_s{
display: block;width: 60px;height: 4px;background: #ff821f;margin: 20px auto 0;
}
.tit_h2{
text-align: center;color: #1c1d22;font-size: 18px;margin-top: 25px;
}
.tit_h3{
text-align: center;color: #35363b;font-size: 14px;margin-top: 25px;
}
.part1_ul{
margin-top: 60px;overflow: hidden;
}
.part1_ul li{
float: left;width: 222px;height: 355px;border: 1px solid #bbbbbb;text-align: center;position: relative;cursor: pointer;
margin-right: 20px;box-sizing: border-box;-webkit-box-sizing: border-box;
}
.part1_i2{
display: none;top: 30px;height: 107px;position: absolute;left: 0;right: 0;margin: auto;z-index: 1;
}
.part1_i1{
top: 73px;height: 107px;position: absolute;left: 0;right: 0;margin: auto;z-index: 1;
}
.part1_h2{
color: #1c1d22;font-size: 18px;top: 204px;position: absolute;left: 0;right: 0;z-index: 1;display: block;cursor: pointer;
}
.part1_i3{
width: 46px;height: 25px;top: 254px;position: absolute;left: 0;right: 0;margin: auto;z-index: 1;
animation: balloon1 1s ease-in-out infinite; -webkit-animation: balloon1 1s ease-in-out infinite;
}
.part1_i4{
position: absolute;bottom: 0;right: 0;height: 355px;background: url("/app/resource/images/1116/hua_bg_03.jpg") no-repeat;left: 0;display: none;z-index: 0;
background-size: 100% 100%;
}
.part1_i5{
color: #fff;position: absolute;left: 0;right: 0;padding: 0 15px;line-height: 23px;text-align: left;bottom: -150px;
}
.part1_ul li:hover{
border: 0;
}
.part1_ul li:hover .part1_i4{
animation: a6 ease-in-out .5s backwards;display: block;
-webkit-animation: a6 ease-in-out .5s backwards;
}
.part1_ul li:hover .part1_i2{
display: block;animation: a1 ease-in-out .8s backwards;
-webkit-animation: a1 ease-in-out .8s backwards;
}
.part1_ul li:hover .part1_i5{
transition: all .6s linear;bottom: 30px;color: #fff;
}
.part1_ul li:hover .part1_i1 ,.part1_ul li:hover .part1_i3{
display: none;
}
.part1_ul li:hover .part1_h2{
transition: all .6s linear;top: 148px;color: #fff;
}
@keyframes a6 {
0%{bottom: -355px;display: block}
100%{bottom: 0;}
}
@-webkit-keyframes a6 {
0%{bottom: -355px;display: block}
100%{bottom: 0;}
}
@keyframes a1 {
0%{top: 73px;}
100%{top: 30px;}
}
@-webkit-keyframes a1 {
0%{top: 73px;}
100%{top: 30px;}
}
@keyframes balloon1 {
0%, 100% { transform: translateY(0); }
50% { transform: translateY(-5px); }
}
@-webkit-keyframes balloon1 {
0%, 100% { -webkit-transform: translateY(0); }
50% { -webkit-transform: translateY(-5px); }
}
/*VRȫ������ģ��*/
.part2{
width: 100%;background: #fafafa;height: 900px;
}
.part2_ul{
overflow: hidden;text-align: center;margin-top: 65px;z-index: 1;position: relative;
}
.part2_ul li{
float: left;width: 395px;height: 180px;text-align: center;cursor: pointer;
}
.part2_i2{
display: none;
}
.part2_ul li img{
height: 50px;margin: 25px auto 0;
}
.part2_ul li h2{
color: #fff;
}
.part2_ul li h2{
color: #000000;font-size: 18px;margin-top: 20px;
}
.part2_ul li p{
color: #b3b3b3;margin-top: 15px;
}
/*.bor_rig{
border-right: 1px solid #ebf0f3;
}
.bor_bot{
border-bottom: 1px solid #ebf0f3;
}*/
.boxBor{
width: 395px;height: 180px;background: url("/app/resource/images/1116/hubb_03.png") no-repeat;background-size: 100% 100%;
position:absolute;left:0;top:0;display:none;cursor: pointer;
}
.part2_div{
position: relative;
}
/*������ҵVRȫ��չʾ*/
.part3{
height: 990px;background: url("/app/resource/images/1116/sbg_07.jpg") no-repeat;background-size: 100% 100%;
}
.tit2{
text-align: center;margin-top: 65px;color: #fff;font-size: 32px;display: block;cursor: pointer;
}
.tit2 img{
width: 34px;height: 28px;margin-right: 15px;vertical-align: middle;
}
.tit2_h2{
text-align: center;color: #fff;font-size: 18px;margin-top: 25px;
}
.tit2_h3{
text-align: center;color: #fff;font-size: 14px;margin-top: 25px;
}
.part3_top{
overflow: hidden;margin-top: 40px;
}
.part3_ul1{
overflow: hidden;float: left;
}
.part3_ul1 li{
float: left;text-align: center;width: 125px;height: 35px;line-height: 35px;color: #fff;border: 1px solid #fff;border-radius: 30px;
margin-right: 30px;cursor: pointer;
}
.part3_ul1_a{
color: #ff722a!important;border: 1px solid #ff722a!important;
}
.part3_top_a{
float: left;text-align: center;width: 125px;height: 35px;line-height: 32px;color: #fff;border: 1px solid #fff;border-radius: 20px;
cursor: pointer;display: inline-block;
}
.part3_top_a i{
font-size: 25px;margin-right: 10px;vertical-align: sub;
}
.part3_top_rig{
float: right;width: 260px;height: 35px;border: 1px solid #8a8c91;border-radius: 20px;overflow: hidden;
}
.part3_top_rig input{
float: left;width: 208px;text-indent: 18px;font-size: 14px;line-height: 35px;color: #fff;border: 0;outline: 0;background: none;
}
.part3_top_rig i{
float: left;display: inline-block;height: 17px;width: 2px;background: #fff;margin-top: 9px;
}
.part3_top_rig a{
float: right;display: inline-block;width: 35px;height: 35px;background: url("/app/resource/images/1116/dag_03_1.png") no-repeat 50% 50%;margin-right: 10px;
}
.part3_top_rig a:hover{
background: url(/app/resource/images/1116/dag_03.png) no-repeat 50% 50%;
}
.part3_min{
margin-top: 40px;
}
.part3_ul2{
overflow: hidden;display: none;
}
.part3_ul2 li{
float: left;width: 290px;height: 305px;background: #ffffff;text-align: center;margin-right: 13px;margin-bottom: 25px;
box-shadow:0 -1px 14px -2px #fff;-webkit-box-shadow: 0 -1px 14px -2px #fff;
}
.part3_ul2 li a{
display: inline-block;width: 100%;height: 100%;
}
.part3_ul2_div{
width: 100%;height: 175px;overflow: hidden;position: relative;
}
.part3_ul2_div img{
display: block; width: 100%;height: 100%;position: absolute; left: 0; top: 0; bottom: 0; right: 0; transform: scale(1);
-webkit-transform: scale(1); transition: all 0.4s 0s; -webkit-transition: all 0.4s 0s;
}
.part3_ul2 h2{
color: #2b2b2b;font-size: 18px;overflow: hidden; text-overflow: ellipsis; white-space: nowrap;padding: 0 10px;margin-top: 20px;
}
.part3_ul2 p{
color: #2b2b2b;line-height: 20px;margin-top: 20px;padding: 0 10px;
}
.part3_ul2 li:hover{
box-shadow:0 -1px 19px 0px #fff;-webkit-box-shadow: 0 -1px 19px 0px #fff;
}
.part3_ul2 li:hover .part3_ul2_div img{
transform:scale(1.2);
}
/*ȫ������*/
.part4{
height: 900px;background: url("/app/resource/images/1116/dgf_02.jpg") no-repeat;background-size: 100% 100%;
}
.part4_min{
overflow: hidden;margin-top: 65px;
}
.part4_left{
float: left;width: 560px;
}
.part4_left_d1{
width: 100%;height: 290px;position: relative;z-index: 1;cursor: pointer;
}
.part4_left_d1:hover .part4_left_i1{
display: none;
}
.part4_left>img{
width: 100%;height: 100%;
}
.part4_left_i1{
position: absolute;left: 0;top: 0;z-index: 1;
}
.part4_left_d2{
overflow: hidden;margin-top: 20px;
}
.part4_left_d2 div{
float: left;height: 177px;width: 265px;position: relative;
}
.part4_rig{
float: right;width: 600px;
}
.part4_rig li{
width: 100%;height: 142px;border-bottom: 1px solid #e5e5e5; text-align: left;
}
.part4_rig li a{
display: block;width: 100%;
}
.part4_rig li h2{
color: #444444;font-size: 18px;margin-top: 20px;
}
.part4_rig li p{
color: #333333;margin-top: 20px;line-height: 23px;display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2;
overflow: hidden;
}
.part4_rig_bot{
margin-top: 20px;overflow: hidden;
}
.part4_rig_bot i{
float: left;color: #808080;margin-right: 25px;text-indent: 25px;display: inline-block;
}
.part4_rig_i1{
background: url("/app/resource/images/1116/gj.png") no-repeat 0 92%;
}
.part4_rig_i2{
background: url("/app/resource/images/1116/klm_109.png") no-repeat 0 60%;
}
.part4_rig li:hover p,.part4_rig li:hover h2{
color: #ff7528;
}
.part4_bot{
display: block;text-align: center;width: 130px;height: 35px;line-height: 35px;color: #ff7e09;border: 1px solid #ff7e09;
border-radius: 20px;margin: 65px auto 0;cursor: pointer;
}
.part4_bot i{
margin-right: 5px;font-size: 25px;vertical-align: sub;
}
/*ȫ��֪ʶ*/
.part5{
height: 875px;background: url("/app/resource/images/1116/sbg_10.jpg") no-repeat;background-size: 100% 100%;
}
.part5_ul{
overflow: hidden;margin-top: 35px;
}
.part5_ul li{
border-bottom: 1px solid #5f676f;width: 530px;margin-right: 95px;height: 175px;float: left;text-align: left;
}
.part5_ul li h2{
color: #fff;font-size: 18px;margin-top: 20px;background: url("/app/resource/images/1116/jian_03.png") no-repeat 0 50%;text-indent: 20px;
}
.part5_ul li p{
color: #eaeaea;margin-top: 20px;line-height: 23px;display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2;
overflow: hidden;
}
.part5_ul li:hover p,.part5_ul li:hover h2{
color: #ff7528;
}
.part5_ul_bot{
margin-top: 20px;overflow: hidden;
}
.part5_ul_bot i{
float: left;color: #b9b9b9;margin-right: 25px;text-indent: 25px;display: inline-block;
}
.part5_ul_i1{
background: url("/app/resource/images/1116/gj.png") no-repeat 0 92%;
}
.part5_ul_i2{
background: url("/app/resource/images/1116/klm_109.png") no-repeat 0 60%;
}
.part5_a{
display: block;text-align: center;width: 130px;height: 35px;line-height: 35px;color: #ff7e09;border: 1px solid #ff7e09;
border-radius: 20px;margin: 65px auto 0;cursor: pointer;
}
.part5_a i{
margin-right: 5px;font-size: 25px;vertical-align: sub;
}
/*�������*/
.part6{
height: 550px;background: url("/app/resource/images/1116/dgf_02.jpg") no-repeat;background-size: 100% 100%;
}
.part6_ul{
overflow: hidden;margin-top: 40px;
}
.part6_ul li{
width: 20%;float: left;text-align: center;height: 90px;margin-top: 50px;
}
.part6_ul li a{
display: inline-block;width: 100%;height: 100%;position: relative;cursor: pointer;
}
.part6_ul li a img{
width: 130px;height:auto;margin: auto ;
}
.part6_i2{
display: none;
}
.part6_ul li:hover .part6_i2{
display: block;
}
.part6_ul li:hover .part6_i1{
display: none;
}
/*footer*/
/* .foot_top{
width: 100%;height: 340px;background: url("/app/resource/images/1116/sbg_12.jpg") no-repeat;background-size: 100% 100%;
}
.foot_d1{
overflow: hidden;margin-top: 45px
}
.foot_q1{
float: left;;width: 450px;
}
.foot_q1_div{
overflow: hidden;background: url("/app/resource/images/1116/jian_03.png") no-repeat 0 50%;padding-left: 21px;
}
.foot_q1_div a{
float: left;color: #828282;font-size: 16px;display: inline-block;cursor: pointer;
}
.foot_q1_div i{
float: left;color: #828282;font-size: 16px;display: inline-block;margin: 0 5px;
}
.foot_ul1_a{
color: #fff!important;
}
.foot_xian{
display: block;width: 100%;position: relative;height: 2px;background: #555454;margin-top: 20px;
}
.foot_xian_i1{
display: inline-block;position: absolute;height: 3px;left: 0;width: 85px;background: #646464;top: -2px;
}
.foot_q1_ul li{
margin-top: 25px;overflow: hidden;line-height: 35px;cursor: pointer;
}
.foot_q1_ul li img{
float: left;height: 35px;width: 35px;
}
.foot_q1_ul li i{
float: left;color: #8e8e8e;margin-left: 15px;
}
.foot_q1_ul li:hover i{
color: #fff;
}
.foot_q1_i2{
display: none;
}
.foot_q2{
float: left;margin-left: 60px;width: 130px;
}
.foot_tit{
background: url("/app/resource/images/1116/jian_03.png") no-repeat 0 50%;padding-left: 21px;color: #fff;font-size: 16px;
}
.foot_a1{
display: block;color: #7f7f7f;margin-top: 10px;cursor: pointer;
}
.foot_a1:hover{
color: #fff;
}
.foot_q3{
float: left;margin-left: 65px;width: 134px;
}
.foot_ul{
margin-top: 35px;
}
.foot_ul li a{
display: block;color: #7f7f7f;cursor: pointer;margin-bottom: 25px;
}
.foot_ul li:hover a{
color: #fff;
}
.foot_q4{
float: right;width: 120px;
}
.foot_er{
background: #fff;width: 100%;height: 120px;
}
.foot_er img{
width: 110px;height: 110px;margin-left: 5px;margin-top: 5px;
}
.foot_ul2 li a{
display: block;color: #7f7f7f;cursor: pointer;margin-top: 15px;text-align: center;
}
.foot_ul2 li:hover a{
color: #fff;
}
.foot_d2{
overflow: hidden;margin-top: 7px;
}
.foot_d2 i{
float: left;color: #898989;font-size: 12px;margin-right: 5px;
}
.foot_d2 a{
float: left;color: #898989;font-size: 12px;margin-right: 11px;
}
.foot_d2 a:hover{
color: #fff;
}
.foot_bot{
height: 50px;line-height: 50px;text-align: center;background: #1a1819;
}
.foot_bot i{
color: #898989;font-size: 12px;
}
.foot_bot img{
width: 84px;margin-left: 20px;vertical-align: middle;
}
#___szfw_logo___ img{
width: 100px!important;
} */
/*ȫ������*/
/*.qj_ban{
height: 450px;
}*/
.qj_ban img{
width: 100%;height: 100%;
}
.qj_p1{
height: 200px;background: url("/app/resource/images/1116/qjhz_03.jpg") no-repeat;background-size: 100% 100%;
}
.qj_p2{
height: 420px;background: #fff;
}
.qj_p2_min{
width: 1140px;margin: 0 auto 0;overflow: hidden;
}
.qj_p2_min img{
float: left;width: 565px;height: 325px;margin-top: 50px;
}
.qj_p2_rig{
float: right;width: 507px;
}
.qj_p2_rig h2{
color: #1d1e22;font-size: 26px;margin-top: 90px;
}
.qj_p2_rig span{
display: block;width: 60px;height: 4px;background: #ff821f;margin-top: 20px;
}
.qj_p2_rig p{
margin-top: 20px;color: #1c1d22;font-size: 20px;line-height: 35px;
}
.qj_p3{
height: 470px;background: url("/app/resource/images/1116/qjhz_10.jpg") no-repeat;background-size: 100% 100%;
}
.qj_p3_min{
width: 1070px;margin: 0 auto 0;overflow: hidden;padding-top: 45px;
}
.qj_p3_min li{
float: left;width: 20%;text-align: center;
}
.qj_p3_s1{
position: relative;width: 45px;height: 45px;background: rgba(255,116,40,.2);border-radius: 50%;display: inline-block;
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#33ff7428,endColorstr=#33ff7428);z-index: 1;
cursor: pointer;
}
.qj_p3_s2{
position: absolute;background: #ff7428;width: 34px;height: 34px;display: inline-block;color: #fff;font-size: 22px;
border-radius: 50%;left: 50%;margin-left: -17px;top: 50%;margin-top: -17px;line-height: 34px;
}
.qj_xian{
position: absolute;right: -170px;width: 170px;height: 4px;background: #ff7428;top: 20px;z-index: 0;
}
.qj_p3_min h2{
color: #fff;font-size: 17px;margin-top: 45px;
}
.qj_p3_min h3{
color: #fff;font-size: 12px;margin-top: 20px;
}
.qj_p3_s1:hover{
box-shadow:0 0px 23px 1px #fff;-webkit-box-shadow: 0 0px 23px 1px #fff;;
}
.qj_p4{
background: #fff;padding-bottom: 20px
}
.qj_p4_ul{
overflow: hidden;
}
.qj_p4_ul li{
float: left;width: 290px;height: 305px;background: #ffffff;text-align: center;margin-left: 7px;margin-bottom: 25px;
}
.qj_p4_ul li a{
display: inline-block;width: 100%;height: 100%; box-shadow:0 0px 22px 10px #f4f4f4;-webkit-box-shadow:0 0px 22px 10px #f4f4f4;
position: relative;
}
.qj_p4_ul_div{
width: 100%;height: 175px;overflow: hidden;position: relative;
}
.qj_p4_ul_img1{
display: block; width: 100%;height: 100%;position: absolute; left: 0; top: 0; bottom: 0; right: 0; transform: scale(1);
-webkit-transform: scale(1); transition: all 0.4s 0s; -webkit-transition: all 0.4s 0s;
}
.qj_p4_ul h2{
color: #2b2b2b;font-size: 18px;overflow: hidden; text-overflow: ellipsis; white-space: nowrap;padding: 0 10px;margin-top: 20px;
}
.qj_p4_ul p{
color: #2b2b2b;line-height: 20px;margin-top: 20px;padding: 0 10px;
}
.qj_p4_ul li a:hover{
box-shadow:0 1px 18px 2px #dedede;-webkit-box-shadow:0 1px 18px 2px #dedede;
}
.qj_p4_ul li:hover .qj_p4_ul_img1{
transform:scale(1.2);
}
.qj_p4_ul{
margin-top: 40px;
}
.qj_p4_s1{
width: 135px;height: 30px;top: 15px;left: 15px;border-radius: 4px;background: rgba(0,0,0,.5);display: inline-block;
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#7f000000,endColorstr=#7f000000);position: absolute;
text-align: left;line-height: 30px;z-index: 1;
}
.qj_p4_s1 i{
color: #fefefe;font-size: 14px;text-indent: 23px;background: url("/app/resource/images/1116/qjhz_16.png") no-repeat 0 50%;display: inline-block;
margin-left: 7px;
}
.qj_p4_s1 label{
color: #fefefe;font-size: 14px;text-indent: 23px;background: url("/app/resource/images/1116/qjhz_18.png") no-repeat 0 50%;display: inline-block;
margin-left: 7px;
}
.qj_p4_s2{
position: absolute;top: 15px;right: 15px;width: 31px;height: 31px;z-index: 1;
}
.qj_p4_er{
position: absolute;top: 0;left: 0;right: 0;bottom: 0;background: url("/app/resource/images/1116/aaa.png");z-index: 1;text-align: center;
display: none;
}
.qj_p4_ul_img2{
width: 110px;height: 110px;margin-top: 33px;
}
.qj_p4_x{
position: absolute;top: 0;left: 0;right: 0;bottom: 0;background: url("/app/resource/images/1116/aaa.png");z-index: 1;text-align: center;
display: none;
}
.qj_p4_x span {
cursor: pointer; border: 2px solid #fff; display: none; font-weight: normal; height: 38px; line-height: 33px; position: absolute;
top: 50%; right: 0; left: 50%; margin-top: -16px; width: 140px; margin-left: -70px; z-index: 2; animation: q13 .8s linear backwards;
-webkit-animation: q13 .8s linear backwards;
}
.qj_p4_x label {
cursor: pointer; border: 2px solid #fff; display: none; font-weight: normal; height: 38px; line-height: 33px;
position: absolute; top: 50%; right: 0; left: 50%; margin-top: -16px; width: 140px; z-index: 2; margin-left: -70px;
animation: q13 .8s linear backwards; -webkit-animation: q13 .8s linear backwards; font-size: 14px;color: #fff;
}
.qj_p4_ul li:hover .qj_p4_x span{
display:block;
}
.qj_p4_ul li:hover .qj_p4_x{
display: block;
animation-name:fadeIn;animation-duration:.5s;
}
@keyframes q13 {
0%{transform:scale(0)}
50%{transform:scale(1.5)}
100%{transform:scale(1)}
}
@-webkit-keyframes q13 {
0%{transform:scale(0)}
50%{transform:scale(1.5)}
100%{transform:scale(1)}
}
.qj_p4_ul li:hover .qj_p4_x label{
display:block; transform: scale(1,1); -webkit-transform: scale(1,1);
}
.qj_p5{
height: 675px;background: url("/app/resource/images/1116/qjhz_23.jpg") no-repeat;background-size: 100% 100%;
}
.qj_p5_ul{
margin-top: 45px;position: relative;height: 362px;
}
.qj_p5_ul li{
width: 233px;height: 233px;background: url("/app/resource/images/1116/toum_03.png") no-repeat 50% 50%;background-size: 100% 100%;
text-align: center;position: absolute;cursor: pointer;transition: all .5s linear;
}
.qj_p5_ul li img{
width: 55px;margin-top: 45px;
}
.qj_p5_i2{
display: none;
}
.qj_p5_ul li p{
color: #ffffff;font-size: 12px;margin: 18px auto 0;width: 115px;line-height: 24px;
}
.qj_p5_ul li:hover{
z-index: 1;background: url("/app/resource/images/1116/toum_05.png") no-repeat;background-size: 100% 100%;
}
.qj_p5_li1{left: 5px;top: 0}
.qj_p5_li2{left: 246px;top: 0}
.qj_p5_li3{left: 483px;top: 0}
.qj_p5_li4{left: 720px;top: 0}
.qj_p5_li5{left: 957px;top: 0}
.qj_p5_li6{left: 126px;top: 126px}
.qj_p5_li7{left: 365px;top: 126px}
.qj_p5_li8{left: 602px;top: 126px}
.qj_p5_li9{left: 839px;top: 126px}
.qj_p6{
height: 875px;background: #fff;
}
.qj_p6_ul{
overflow: hidden;margin-top: 35px;
}
.qj_p6_ul li{
border-bottom: 1px solid #f3f3f3;width: 530px;margin-right: 95px;height: 175px;float: left;
}
.qj_p6_ul li h2{
color: #000000;font-size: 18px;margin-top: 25px;background: url("/app/resource/images/1116/jian_03.png") no-repeat 0 50%;text-indent: 20px;
}
.qj_p6_ul li p{
color: #000000;margin-top: 20px;line-height: 23px;display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2;
overflow: hidden;
}
.qj_p6_ul li:hover p{
color: #ff7528;
}
.qj_p6_ul li:hover h2{
color: #ff7528;
}
.qj_p6_ul_bot{
margin-top: 15px;overflow: hidden;
}
.qj_p6_ul_bot i{
float: left;color: #8e8e8e;margin-right: 25px;text-indent: 25px;display: inline-block;
}
.qj_p6_ul_i1{
background: url("/app/resource/images/1116/gj.png") no-repeat 0 92%;
}
.qj_p6_ul_i2{
background: url("/app/resource/images/1116/klm_109.png") no-repeat 0 60%;
}
.qj_p6_a{
display: block;text-align: center;width: 130px;height: 35px;line-height: 35px;color: #828282;border: 1px solid #828282;
border-radius: 20px;margin: 65px auto 0;cursor: pointer;
}
.qj_p6_a:hover{
color: #ff7e09;border: 1px solid #ff7e09;
}
.qj_p6_a i{
margin-right: 5px;font-size: 25px;vertical-align: sub;
}
.qj_p6_min{
position: relative;
}
.qj_p6_xian{
position: absolute;width: 1px;background: #f3f3f3;height: 465px;top: 70px;left: 580px;
}
/*ȫ����Ƶ*/
.sp_ban{
height: 640px;
}
.sp_ban img{
width: 100%;height: 100%;
}
.sp_p1{
height: 430px;background: url("/app/resource/images/1116/qj_03.jpg") no-repeat;background-size: 100% 100%;
}
.sp_p1_min{
width: 1140px;margin: 30px auto 0;overflow: hidden;
}
.sp_p1_min img{
float: right;width: 510px;height: 300px;margin-top: 50px;
}
.sp_p1_left{
float: left;width: 507px;
}
.sp_p1_left h2{
color: #1d1e22;font-size: 26px;margin-top: 55px;
}
.sp_p1_left span{
display: block;width: 60px;height: 4px;background: #ff821f;margin-top: 20px;
}
.sp_p1_left p{
margin-top: 20px;color: #1c1d22;font-size: 18px;line-height: 35px;
}
.sp_p1_left i{
display: block;font-family: Arial;color: #8d8d8d;font-size: 18px;margin-top: 25px;line-height: 30px;
}
.sp_p2{
height: 525px;background: url("/app/resource/images/1116/qj_04.jpg") no-repeat;background-size: 100% 100%;
}
.sp_p2_min{
margin-top: 25px;overflow: hidden;
}
.sp_d1{
position: relative;float: left;width: 50%;height: 200px;cursor: pointer;
}
.sp_d1_img{
width: 170px;height: 190px;position: absolute;top: 0;left: 205px;transition: left .7s;
-moz-transition:left .7s; /* Firefox 4 */
-webkit-transition:left .7s; /* Safari and Chrome */
-o-transition:left .7s; /* Opera */
}
.sp_d1_min{
position: absolute;right: 0;top: 43px;width: 370px;-webkit-transition: opacity 1s ease-in-out;
-moz-transition: opacity 1s ease-in-out;opacity: 0; filter: alpha(opacity=0);
-o-transition: opacity 1s ease-in-out;
transition: opacity 1s ease-in-out;
}
.sp_d1_min h2{
color: #ffffff;font-size: 18px;text-indent: 15px;background: url("/app/resource/images/1116/jian_03.png") no-repeat 0 50% ;
}
.sp_d1_min p{
color: #eaeaea;font-size: 14px;margin-top: 15px;line-height: 24px;
}
.sp_d1:hover .sp_d1_img{
left: 0;
}
.sp_d1:hover .sp_d1_min{
opacity:1; filter: alpha(opacity=1);
}
.sp_p3{
height: 1045px;width: 100%;background: url("/app/resource/images/1116/anli_02.jpg") no-repeat;background-size: 100% 100%;
}
.sp_p3_min{
overflow: hidden;margin: 60px auto 0;
}
.sp_p3_a{
width: 565px;height: 345px;float: left;margin-right: 58px;display: inline-block;
position: relative;margin-bottom: 35px;
}
.sp_p3_div{
position: absolute;left: 0;top: 0;right: 0;bottom: 0;background: rgba(0,0,0,.4);z-index: 0;display: none;
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#66000000,endColorstr=#66000000);
}
.sp_p3_i1{
width: 100%;height: 100%;
}
.sp_p3_i2{
position: absolute;height: 214px;width: 214px;left: 50%;margin-left: -107px;top: 50%;margin-top: -107px;z-index: 1;
transition: all .5s ease; -webkit-transition: all .5s ease;
}
.sp_p3_i3{
position: absolute;height: 84px;width: 84px;left: 50%;margin-left: -42px;top: 50%;margin-top: -42px;z-index: 2;
transition: all .5s ease; -webkit-transition: all .5s ease;
}
.sp_p3_a:hover .sp_p3_div{
display: block;
}
.sp_p3_a:hover .sp_p3_i2{
animation: x14 .9s ease-in-out normal;display: block;
-webkit-animation: x14 .9s ease-in-out normal;
}
.sp_p3_a:hover .sp_p3_i3{
animation: t1 1.2s ease-in-out .5s backwards;
-webkit-animation: t1 1.2s ease-in-out .5s backwards;
}
@keyframes t1 {
0%{transform:scale(0)}
50%{transform:scale(1.2)}
100%{transform:scale(1.2)}
}
@-webkit-keyframes t1 {
0%{transform:scale(0)}
50%{transform:scale(1.2)}
100%{transform:scale(1.2)}
}
@-webkit-keyframes x14 {
0% { opacity: 0; }
100% { opacity: 1; }
}
@keyframes x14 {
0% { opacity: 0; }
100% { opacity: 1; }
}
.sp_p3_a:hover .sp_p3_i3{
-webkit-transform: scale(1.2);
-moz-transform: scale(1.2);
-o-transform: scale(1.2);
-ms-transform: scale(1.2);
transform: scale(1.2);
}
.sp_p4{
height: 1000px;width: 100%;background: url("/app/resource/images/1116/qj_06_02.png") no-repeat;background-size: 100% 100%;
}
.sp_p4_min{
margin-top: 60px;width: 1260px;overflow: hidden;position: relative;height: 530px;
}
.sp_p4_w1{
width: 189px;height: 120px;overflow: hidden;line-height: 120px;
}
.sp_p4_min li{
background: #fff;margin-top: 12px;margin-right: 12px;cursor: pointer;position: absolute;
}
.sp_p4_w1 img{
float: left;width: 62px;margin-left: 20px;margin-top: 24px;
}
.sp_p4_w1 i{
color: #737373;font-size: 16px;margin-left: 20px;
}
.sp_p4_w2{
width: 390px;height: 250px;text-align: center;
}
.sp_p4_w2 img{
display: block;margin: 54px auto 0;
}
.sp_p4_w2 i{
color: #737373;font-size: 18px;margin-top: 20px;display: block;
}
.sp_p4_min li:hover{
border: 2px solid #eae0d7;margin-top: 4px;
}
.sp_li1{left: 0;top: 0}
.sp_li2{left: 201px;top: 0}
.sp_li3{left: 402px;top: 0}
.sp_li4{left: 603px;top: 0}
.sp_li5{left: 804px;top: 0}
.sp_li6{left: 1005px;top: 0}
.sp_li7{left: 0;top: 132px}
.sp_li8{left: 201px;top: 132px}
.sp_li9{left: 402px;top: 132px}
.sp_li10{left: 804px;top: 132px}
.sp_li11{left: 1005px;top: 132px}
.sp_li12{ left: 0;top: 264px; }
.sp_li13{ left: 201px;top: 264px; }
.sp_li14{ left: 804px;top: 264px; }
.sp_li15{ left: 1005px;top: 264px; }
.sp_li16{ left: 0;top: 396px; }
.sp_li17{ left: 201px;top: 396px; }
.sp_li18{ left: 402px;top: 396px; }
.sp_li19{ left: 603px;top: 396px; }
.sp_li20{ left: 804px;top: 396px; }
.sp_li21{ left: 1005px;top: 396px; }
.sp_p4_a{
display: block;text-align: center;color: #fff;font-size: 18px;border: 1px solid #fff;margin: 100px auto 0;width: 235px;
height: 65px;line-height: 65px;
}
/*ȫ��չʾ*/
/* .zs_ban{
width: 100%;height: 390px;
} */
/* .zs_ban img {
width: 100%; height: 100%;
} */
.zs_p1{
/* background: url("/app/resource/images/1116/zahn_03.jpg") no-repeat;background-size: 100% 100%; */
background-color: #FFFFFF;
}
.zs_sea{
position: absolute;right: 0;top: 150px;border: 1px solid #817f7d;border-radius: 15px;width: 260px;height: 35px;
}
.zs_sea input{
float: left;background: none;text-indent: 15px;height: 35px;line-height: 35px;width: 205px;border: 0;
color: #9b9b9b;font-size: 14px;
}
.zs_sea i{
display: inline-block;height: 18px;width: 2px;background: #7c7c7c;margin-top: 8px;float: left;
}
.zs_p1_min{
position: relative;
}
.zs_sea a{
float: left;display: inline-block;width: 50px;height: 35px;background: url("/app/resource/images/1116/dag_03_1.png") no-repeat 50% 50%;
}
.zs_sea a:hover{
background: url("/app/resource/images/1116/dag_03.png") no-repeat 50% 50%;
}
.zs_ul{
margin-top: 50px;overflow: hidden;
}
.zs_ul_li1{
background: #626262;
}
.zs_ul li{
float: left;width: 185px;height: 65px;text-align: center;line-height: 65px;border-radius: 3px;margin-bottom: 15px;
color: #fff;font-size: 18px;cursor: pointer;position: relative;margin-right: 15px;overflow: hidden;
}
.zs_ul_li1_a{
background: url("/app/resource/images/1116/quanbu_03.png") no-repeat!important;background-size: 100% 100%!important;;
}
.zs_ul li img{
width: 100%;height: 102%;line-height: inherit;
}
.zs_ul li i{
position: absolute;right: 0;top: 0;left: 0;bottom: 0;text-align: center;color: #fff;font-size: 18px;z-index: 3;
text-shadow: #333 0 1px 0;
}
.zs_ul_bg{
position: absolute;top: 0;left:-400px;bottom: 0;background: url("/app/resource/images/1116/aaa.png");width: 185px;height: 65px;
}
.zs_ul li:hover .zs_ul_bg{
animation: a3 .6s ease-in-out backwards; -webkit-animation: a3 .6s ease-in-out backwards;left: 0;
}
@keyframes a3 {
0%{left:-400px;} 100%{left: 0}
}
@-webkit-keyframes a3 {
0%{left:-400px;} 100%{left: 0}
}
.zs_tit{
width: 550px;height: 28px;text-align: center;background: url("/app/resource/images/1116/kutit_03.png") no-repeat 50% 50%;line-height: 28px;
margin: 40px auto 45px;color: #4d4d4d;font-size: 24px;
}
.zs_min{
}
.zs_ul2{
overflow: hidden;display: none;
}
.zs_ul2 li{
float: left;width: 290px;height: 310px!important; background: #ffffff;text-align: center;margin-left: 7px;margin-bottom: 25px;
}
.zs_ul2 li a{
display: inline-block;width: 100%;height: 100%; box-shadow:0 0px 22px 10px #f4f4f4;-webkit-box-shadow:0 0px 22px 10px #f4f4f4;
position: relative;
}
.zs_ul2_div{
width: 100%;height: 226px;overflow: hidden;position: relative;
}
.zs_ul2_img1{
display: block; width: 100%;height: 100%;position: absolute; left: 0; top: 0; bottom: 0; right: 0; transform: scale(1);
-webkit-transform: scale(1); transition: all 0.4s 0s; -webkit-transition: all 0.4s 0s;
}
.zs_ul2 h2{
color: #2b2b2b;font-size: 18px;overflow: hidden; text-overflow: ellipsis; white-space: nowrap;padding: 0 10px;margin-top: 20px;
}
.zs_ul2 li a:hover{
box-shadow:0 1px 18px 2px #dedede;-webkit-box-shadow:0 1px 18px 2px #dedede;
}
.zs_ul2 li:hover .zs_ul2_img1{
transform:scale(1.2);
}
.zs_ul2{
margin-top: 40px;
}
.zs_ul2_s1{
width: auto;height: 30px;top: 15px;left: 15px;border-radius: 4px;background: rgba(0,0,0,.5);display: inline-block; padding-right: 10px;
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#7f000000,endColorstr=#7f000000);position: absolute;
text-align: left;line-height: 30px;z-index: 1;
}
.zs_ul2_s1 i{
color: #fefefe;font-size: 14px;text-indent: 23px;background: url("/app/resource/images/1116/qjhz_16.png") no-repeat 0 50%;display: inline-block;
margin-left: 7px;;
}
.zs_ul2_s1 label{
color: #fefefe;font-size: 14px;text-indent: 23px;background: url("/app/resource/images/1116/qjhz_18.png") no-repeat 0 50%;display: inline-block;
margin-left: 7px;
}
.zs_ul2_s2{
position: absolute;top: 15px;right: 15px;width: 31px;height: 31px;z-index: 1;
}
.zs_ul2_er{
position: absolute;top: 0;left: 0;right: 0;bottom: 0;background: url("/app/resource/images/1116/aaa.png");z-index: 1;text-align: center;
display: none;
}
.zs_ul2_img2{
width: 110px;height: 110px;margin-top: 60px;
}
.zs_ul2_x{
position: absolute;top: 0;left: 0;right: 0;bottom: 0;background: url("/app/resource/images/1116/aaa.png");z-index: 1;text-align: center;
display: none;
}
.zs_ul2_x span {
cursor: pointer; border: 2px solid #fff; display: none; font-weight: normal; height: 38px; line-height: 33px; position: absolute;
top: 50%; right: 0; left: 50%; margin-top: -16px; width: 140px; margin-left: -70px; z-index: 2; animation: q13 .8s linear backwards;
-webkit-animation: q13 .8s linear backwards;
}
.zs_ul2_x label {
cursor: pointer; border: 2px solid #fff; display: none; font-weight: normal; height: 38px; line-height: 33px;
position: absolute; top: 50%; right: 0; left: 50%; margin-top: -16px; width: 140px; z-index: 2; margin-left: -70px;
animation: q13 .8s linear backwards; -webkit-animation: q13 .8s linear backwards; font-size: 14px;color: #fff;
}
.zs_ul2 li:hover .zs_ul2_x span{
display:block;
}
.zs_ul2 li:hover .zs_ul2_x{
animation-name:fadeIn;animation-duration:.5s;
}
@keyframes q13 {
0%{transform:scale(0)}
50%{transform:scale(1.5)}
100%{transform:scale(1)}
}
@-webkit-keyframes q13 {
0%{transform:scale(0)}
50%{transform:scale(1.5)}
100%{transform:scale(1)}
}
.zs_ul2 li:hover .zs_ul2_x label{
display:block; transform: scale(1,1); -webkit-transform: scale(1,1);
}
.zs_jia{
display: block;margin: 50px auto 50px;text-align: center;width: 100%;color: #4d4d4d;font-size: 20px;height: 45px;
line-height: 45px;border-radius: 3px;background: #e9e9e9;cursor: pointer;
}
/*��ߵ���*/
/* .nav_rig{
position: fixed;right: 0;bottom: 200px;width: 220px;cursor: pointer;background-color: #616161;
z-index: 1000; transition: width 0.3s ease 0s;
}
.float-right-box.on{ width: 50px; }
.float-right-box .top-list{ width: 100%; }
.float-right-box .top-list ul{ width: 100%; }
.float-right-box .top-list li{
width: 100%; position: relative; border-bottom: 1px solid #f4f4f4; transition: background 0.3s ease 0s; height: 50px;
}
.float-right-box .top-list a{ display: block; width: 100%; }
.float-right-box .top-list .ico{
display: inline-block; width: 50px; height: 50px; position: absolute; right: 0; top: 0; transition: background 0.3s ease 0s; z-index: 2;
}
.float-right-box .top-list .ico1{ background: url(/app/resource/images/1116/klk2.png) no-repeat center #616161; }
.float-right-box .top-list .ico2{ background: url(/app/resource/images/1116/hhi_70.png) no-repeat center #616161; }
.float-right-box .top-list .ico3{ background: url(/app/resource/images/1116/hhi_74.png) no-repeat center #616161; }
.float-right-box .top-list .ico4{ background: url(/app/resource/images/1116/hhi_78.png) no-repeat center #616161; }
.float-right-box .top-list .ico5{ background: url(/app/resource/images/1116/hhi_66.png) no-repeat center #616161; }
.float-right-box .top-list .ico6{ background: url(/app/resource/images/1116/hhi_81.png) no-repeat center #616161; }
.float-right-box .top-list .ico7{ background: url(/app/resource/images/1116/hhi_85.png) no-repeat center #616161; }
.float-right-box .top-list .stt{
display: inline-block; font-size: 14px; line-height: 50px; color: #fff; transition: color 0.3s ease 0s; position: absolute;
left: 28px; top: 0; z-index: 1; width: 222px;
}
.float-right-box .top-list li:hover .stt{ color: #000000;}
.float-right-box .top-list li:hover .ico1{ background: url(/app/resource/images/1116/klk.png) no-repeat center #fff; }
.float-right-box .top-list li:hover .ico2{ background: url(/app/resource/images/1116/hhi_702.png) no-repeat center #fff; }
.float-right-box .top-list li:hover .ico3{ background: url(/app/resource/images/1116/hhi_742.png) no-repeat center #fff; }
.float-right-box .top-list li:hover .ico4{ background: url(/app/resource/images/1116/hhi_782.png) no-repeat center #fff; }
.float-right-box .top-list li:hover .ico5{ background: url(/app/resource/images/1116/hhi_662.png) no-repeat center #fff; }
.float-right-box .top-list li:hover .ico6{ background: url(/app/resource/images/1116/hhi_812.png) no-repeat center #fff; }
.float-right-box .top-list li:hover .ico7{ background: url(/app/resource/images/1116/hhi_852.png) no-repeat center #fff; }
.float-right-box .top-list li:hover{ background-color: #fff; }
.float-right-box .top-list .return-webtop .stt{
font-family: "Arial"; font-weight: bold;
}
.float-right-box .bot-share{
position: relative; height: 50px;
}
.float-right-box .bot-share a{
display: inline-block; width: 50px; height: 50px; float: left; transition: background 0.3s ease 0s;
margin: 0; padding: 0;
}
.float-right-box .bot-share .share{
width: 200px; position: absolute; left: 0; top: 0; z-index: 1;
}
.toolbar-layer {
position: absolute; right: 220px; bottom: 0px; width: 160px; opacity: 0; filter: alpha(opacity=0); box-shadow: 0 0 7px 3px rgba(0, 0, 0, .3);
transform-origin: 95% 95%; -moz-transform-origin: 95% 95%; -ms-transform-origin: 95% 95%; -o-transform-origin: 95% 95%;
-webkit-transform-origin: 95% 95%; transform: scale(0.01); -moz-transform: scale(0.01); -ms-transform: scale(0.01);
-o-transform: scale(0.01); -webkit-transform: scale(0.01); transition: all 1s; -moz-transition: all 1s; -ms-transition: all 1s;
-o-transition: all 1s; -webkit-transition: all 1s;z-index: 9;
}
.nav_ewm .toolbar-layer {
height: 200px; background-position: 0 0;
}
.nav_ewm .toolbar-layer {
height: 200px; background-position: 0 0;
}
.top-list li a:hover .toolbar-layer {
opacity: 1; filter: alpha(opacity=100); transform: scale(1); -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1);
}
.nav_ewm, .toolbar-layer {
background: url(/app/resource/images/1116/toolbar.png) no-repeat;
}
.nav_video .toolbar-layer2 {
background: url(/app/resource/images/1116/video-wn_03.png) no-repeat;
}
.nav_video .toolbar-layer {
height: 160px; width: 270px;
}
.viDivBg { width: 100%; height: 100%; position: fixed; left: 0; top: 0; display: none; z-index: 999; background: rgba(0, 0, 0, .6) }
.viDiv { width: 740px; height: 415px; border: 0px solid #fff; position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; }
.viDiv span { width: 34px; height: 34px; position: absolute; right: -30px; top: -30px; cursor: pointer; z-index: 889; background: #fff; border-radius: 50%; }
.viDiv span img { display: block; width: 100%; height: 100%; }
.toolbar-div {
height: 240px; width: 240px;
}
.toolbar-div {
position: absolute; right: 220px; bottom: 0px; height: 240px; width: 240px; background: #fafafa; opacity: 0;
filter: alpha(opacity=0); box-shadow: 0 0 7px 3px rgba(0, 0, 0, .3); transform-origin: 95% 95%; -moz-transform-origin: 95% 95%;
-ms-transform-origin: 95% 95%; -o-transform-origin: 95% 95%; -webkit-transform-origin: 95% 95%; transform: scale(0.01);
-moz-transform: scale(0.01); -ms-transform: scale(0.01); -o-transform: scale(0.01); -webkit-transform: scale(0.01);
transition: all 1s; -moz-transition: all 1s; -ms-transition: all 1s; -o-transition: all 1s; -webkit-transition: all 1s;
} */
/* .toolbar-div p {
background: #414141; line-height: 35px; padding-left: 5px; color: #fff; font-size: 16px;
} */
/* .toolbar-div1 {
padding: 0 10px 8px;
}
.toolbar-div11 {
margin-top: 15px; width: 220px; height: 32px; line-height: 32px; font-size: 15px; border: 1px solid #d5d5d5;
border-radius: 4px; background: url(/app/resource/images/1116/hy_tt_07.png) no-repeat 11px 50% #fff; background-size: 14px 15px;
text-indent: 32px; display: block;color: #999;
}
.toolbar-div12 {
margin-top: 15px; width: 220px; height: 32px; line-height: 32px; font-size: 15px; border: 1px solid #d5d5d5;
border-radius: 4px; background: url(/app/resource/images/1116/hy_tt_10.png) no-repeat 11px 50% #fff; background-size: 14px 15px;
text-indent: 32px; display: block;color: #999;
}
.toolbar-div13 {
width: 220px; text-align: center; color: #fff; font-size: 16px; height: 35px; line-height: 35px; border-radius: 4px;
background: #ff7800; margin-top: 20px;outline: 0;border: 0;
}
.toolbar-div label {
display: block; text-align: center; font-size: 14px; color: #414141;margin-top: 5px;
}
.advisory2:hover {
background-position: 0 -1022px;
}
.advisory2:hover .toolbar-div {
opacity: 1; filter: alpha(opacity=100); transform: scale(1); -webkit-transform: scale(1); -moz-transform: scale(1);
-ms-transform: scale(1); -o-transform: scale(1);
} */
/*ȫ����Ѷ*/
.new_ban{
/*height: 450px;*/width: 100%;
}
.new_ban img{
width: 100%;height: 100%;
}
.new_p1{
/* background: url("/app/resource/images/1116/zahn_03.jpg") no-repeat;background-size: 100% 100%; */
}
.new_p1_ul{
text-align: center;margin-top: 28px;
}
.new_p1_ul li{
display: inline-block;
}
.new_p1_ul li a{
display: block;height: 38px;line-height: 38px;border: 1px solid #CCCCCC;border-radius: 20px;
width: 135px;color: #999999;margin: 0 15px;font-size: 16px;
}
.new_p1_ul li a:hover{
color: #FFFFFF;border: 1px solid #02B2B5;background: #02B2B5;
}
.new_p1_ul_a{
color: #FFFFFF!important;background: #02B2B5 !important;
}
.new_p2{
/* padding-bottom: 30px; */
}
.new_p2_div{
height: 515px;
}
.new_tit{
float: left;color: #252525;font-size: 20px;cursor: pointer;text-indent: 10px;line-height: 40px;
}
.new_d1{
overflow: hidden;margin-top: 20px;height: 40px;position: relative;
}
.new_d1 span {
float: left;width: 5px;height: 14px;background: #02B2B5;margin-top: 15px;margin-left: 25px;
}
.new_d1 i{
float: left;color: #666666;font-size: 14px;margin-top: 14px;text-indent: 20px;
}
.new_a{
width: 100px;float: right;margin-right: 30px;
}
.new_a .new_a_more {
float: left;color: #666666;font-size: 14px;line-height: 40px;margin-left: 44px;
transform: scale(1);-webkit-transform: scale(1);transition: all 0.4s 0s;-webkit-transition: all 0.4s 0s;
}
.new_a:hover .new_a_more{
color: #02B2B5;margin-left: 0;
}
.new_aicon{
background: url(/app/resource/newIndex/img/more_icon.svg);background-size: 100% 100%;width: 35px;height: 9px;display: none;margin-top: 16px !important;
transform: scale(1);-webkit-transform: scale(1);transition: all 0.4s 0s;-webkit-transition: all 0.4s 0s;
}
.new_a:hover .new_aicon {
display: block;float: right;
}
.new_d2{
/* width: 1400px; */
margin-top: 15px;
}
.new_d2 li a:hover{
background: #fff;box-shadow: 0px 3px 18px 2px rgba(103, 117, 144, 0.22);
}
.new_d2 a{
width: 94%;height: 100%;display: block;
margin: 0 auto;
padding-top: 1px;
}
.new_d2_i1{
width: 100%;height: 100%; -webkit-transform: scale(1); transition: all 0.4s 0s; -webkit-transition: all 0.4s 0s;transform: scale(1);
left: 0; top: 0; bottom: 0; right: 0;position: absolute;
}
.new_d2 li:hover .new_d2_div .new_d2_i1 {
transform: scale(1.2);
}
.new_d2_i2_time {
width: 60px;height: 60px;background: #02B2B5;position: relative;float: left;
}
.new_d2_i2_time i {
font-size: 30px;font-family: Source Han Sans CN;font-weight: 400;color: #FFFFFF;position: absolute;top: 8px;left: 7px;
}
.new_d2_i2_time p {
font-size: 12px;font-family: Source Han Sans CN;font-weight: 400;color: #FFFFFF;position: absolute;bottom: 0;left: 8px;
}
.new_d2 li a:hover .new_d2_i2_cont {
color: #02B2B5;
}
.new_d2_i4_q1{
background: url("/app/resource/images/1116/gj.png") no-repeat 0 50%;color: #656565;font-size: 14px;float: left;display: inline-block;
text-indent: 23px;
}
.new_d2_i4_q2{
color: #656565;font-size: 14px;float: left;display: inline-block;
}
.new_d2_i4_q3{
float: right;width: 75px;
}
.new_d2_i4_q3 span {
float: left;margin-left: 47px;color: #999999;font-size: 14px;
transform: scale(1);-webkit-transform: scale(1);transition: all 0.4s 0s;-webkit-transition: all 0.4s 0s;
}
.new_d2_i4_q3 i {
background: url(/app/resource/newIndex/img/more_icon.svg);background-size: 100% 100%;width: 35px;height: 9px;
display: none;float: right;margin-top: 26px;
transform: scale(1);-webkit-transform: scale(1);transition: all 0.4s 0s;-webkit-transition: all 0.4s 0s;
}
.new_d2 li:hover .new_d2_i4_q3 span{
margin-left: 0;color: #02B2B5;
}
.new_d2 li:hover .new_d2_i4_q3 i{
display: block;
}
.new_p3_div {
height: 485px;
margin-bottom: 20px;
/* padding: 20px 29px 5px; */
}
.new_d3 {
margin-top: 25px;
}
.new_d3 li{
float: left;width: 50%;height: 180px;border-radius: 5px;overflow: hidden;margin-bottom: 10px;
display: flex;
}
.new_d3 li:hover {
background: #ffffff;box-shadow: 0px 3px 18px 2px rgba(103, 117, 144, 0.22);
}
.new_d3 li:hover .new_d3_i1_tit{
color: #02B2B5;
}
.new_d3_i3 {
width: 100px;
}
.new_d3_i3_time {
width: 60px;height: 60px;background: #02B2B5;position: relative;margin: 20px;
}
.new_d3_i3_time i {
font-size: 30px;font-family: Source Han Sans CN;font-weight: 400;color: #FFFFFF;position: absolute;top: 0;left: 7px;
}
.new_d3_i3_time p {
font-size: 12px;font-family: Source Han Sans CN;font-weight: 400;color: #FFFFFF;position: absolute;bottom: 4px;left: 8px;
}
.new_d3_i1 {
width: calc(100% - 120px);text-align: left;position: relative;
}
.new_d3_i1 .new_d3_i1_tit {
font-size: 20px;font-weight: 400;color: #00041A;margin-top: 15px;position: relative;display: block;
overflow: hidden;text-overflow: ellipsis;white-space: nowrap;
}
.new_d3_i1 .new_d3_i1_con {
font-size: 14px;font-weight: 400;color: #515151;margin-top: 20px;position: relative;display: block;height: 40px;
text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;
}
.new_d3_i1_line {
width: 100%;height: 1px;background: #CCCCCC;margin-top: 20px;
}
.new_d3_i1_bot {
width: 100%;display: flex;position: relative;font-size: 14px;color: #999999;line-height: 50px;
}
.new_d3_label{
color: #999999;
}
.new_d3_label a{
color: #999999;
}
.new_d3_label a:hover{
color: #02B2B5;
}
.new_d3_label span{
margin-right: 10px;
}
.new_d3_label_i:hover {
color: #02B2B5;
}
.new_d3_bot_view {
width: 75px;
}
.new_d3_bot_view span {
float: left;margin-left: 47px;transform: scale(1);-webkit-transform: scale(1);transition: all 0.4s 0s;-webkit-transition: all 0.4s 0s;
}
.new_d3_bot_view i {
background: url(/app/resource/newIndex/img/more_icon.svg);background-size: 100% 100%;width: 35px;height: 9px;
display: none;float: right;margin-top: 22px;
transform: scale(1);-webkit-transform: scale(1);transition: all 0.4s 0s;-webkit-transition: all 0.4s 0s;
}
.new_d3 li:hover .new_d3_bot_view span{
margin-left: 0;color: #02B2B5;
}
.new_d3 li:hover .new_d3_bot_view i{
display: block;
}
/*ȫ��չʾ�������*/
.zhan_p1{
height: 230px;background: url("/app/resource/images/1116/jfa_03.png") no-repeat;background-size: 100% 100%;
}
.zhan_p1_div{
text-align: center;margin: 30px auto 0;width: 100%;
}
.zhan_p1_div span{
display: inline-block;width: 138px;height: 38px;border: 1px solid #929292;line-height: 38px;color: #1c1d22;
font-size: 16px;border-radius: 20px;cursor: pointer;margin: 0 10px;
}
.zhan_p1_div a{
display: inline-block;width: 138px;height: 38px;border: 1px solid #929292;line-height: 38px;color: #1c1d22;
font-size: 16px;border-radius: 20px;cursor: pointer;margin: 0 10px;
}
.zhan_p1_a{
color: #ff722a!important;border: 1px solid #ff722a!important;
}
.zhan_p2{
width: 100%;height: 510px;background: url("/app/resource/images/1116/jfa_04.png") no-repeat;background-size: 100% 100%;
}
.zhan_p2_h2{
color: #fff;text-align: center;font-size: 26px;padding-top: 50px;
}
.zhan_p2_h3{
color: #c5c5c5;text-align: center;font-size: 16px;margin-top: 20px;
}
.zhan_min ul{
display: none;overflow: hidden;padding-top: 70px;text-align: center;
}
.zhan_min ul li{
width: 265px;height: 275px;background: #fff;float: left;border-radius: 5px;position: relative;cursor: pointer;
margin-right: 35px;
}
.zhan_min ul li img{
width: 70px;height: 70px;position: absolute;top: -35px;left: 50%;margin-left: -35px;
}
.zhan_p2_i2{
display: none;
}
.zhan_min h4{
color: #363636;font-size: 16px;margin-top: 60px;font-weight: normal;
}
.zhan_min p{
color: #787878;font-size: 14px;margin: 20px auto 0;line-height: 25px;width: 213px;height: 113px;
}
.zhan_min span{
margin: 25px auto 0;height: 2px;width: 70px;background: #363636;display: block;
}
.zhan_min i{
display: block;left: 141px;top: 0;color: #fff;font-size: 14px;position: absolute;
}
.zhan_min ul li:hover .zhan_p2_i2{
display: block;
}
.zhan_min ul li:hover .zhan_p2_i1{
display: none;
}
.zhan_min ul li:hover h4{
color: #ff7528;
}
.zhan_min ul li:hover span{
background: #ff7528;
}
.zhan_p3{
background: #fff;padding-bottom: 50px;
}
.zhan_p3_h2{
color: #363636;font-size: 26px;text-align: center;padding-top: 45px;
}
.zhan_p3_h3{
color: #8b8b8b;font-size: 16px;text-align: center;margin-top: 15px;
}
.zhan_p3_min{
margin-top: 40px;
}
.zhan_p3_min ul{
display: none;
}
.zhan_p3_min ul li{
width: 165px;height: 350px;background: #f4f4f4;float: left;text-align: center;margin-right: 15px;cursor: pointer;
transition:width 1.3s;
-moz-transition:width 1.3s; /* Firefox 4 */
-webkit-transition:width 1.3s; /* Safari and Chrome */
-o-transition:width 1.3s; /* Opera */
}
.zhan_p3_min img{
margin: 100px auto 0;width: 55px;
}
.zhan_p3_a:hover{
width: 640px;
}
.zhan_p3_a{
background: url("/app/resource/images/1116/fnaa_03.png") no-repeat!important;background-size: 100% 100%!important;width: 640px!important;
}
.zhan_p3_i2{
display: none;
}
.zhan_p3_min h2{
width: 112px;margin: 25px auto 0;color: #666666;font-size: 18px;line-height: 27px;
}
.zhan_p3_min p{
display: none;
}
.zhan_p3_a h2{
color: #fff!important;width:100%!important;
}
.zhan_p3_a img{
width: 75px;margin: 45px auto 0!important;
}
.zhan_p3_a p{
color: #ffffff;font-size: 14px;margin: 30px auto 0;line-height: 30px;width: 550px;display: block!important;
}
.zhan_p3_a .zhan_p3_i1{
display: none;
}
.zhan_p3_a .zhan_p3_i2{
display: block;
}
.zhan_p4{
height: 260px;background: url("/app/resource/images/1116/jfa_06.png") no-repeat;background-size: 100% 100%;text-align: center;
}
.zhan_p4 h2{
color: #fff;padding-top: 40px;font-size: 26px;
}
.zhan_p4 h3{
color: #c5c5c5;margin-top: 15px;font-size: 16px;
}
.zhan_p4 p{
color: #ffffff;font-size: 14px;margin-top: 30px;line-height: 33px;
}
.zhan_p5{
margin-top: 15px;background: #fff;padding-bottom: 25px;
}
/*չλ*/
.wei_d1{
margin-top: 20px;
}
.wei_d1 li{
width: 100%;height: 500px;background-size: 100% 100%;
margin-bottom: 20px;border-radius: 4px;overflow: hidden;position: relative;
}
.wei_d1 li:after {
content: "";
position: absolute;
left: 0;
top: 0;
z-index: 2;
width: 100%;
height: 500px;
background: url(/app/resource/images/1116/bg00.png);
}
.wei_d1_i1{
width: 215px;margin-left: 40px;margin-top: 40px;
}
.wei_d1_min{
overflow: hidden;margin-left: 40px;margin-top: 30px;
}
.wei_d1_left{
float: left;width: 180px;height: 180px;margin-top: 20px;
}
.wei_d1_rig{
float: left;margin-left: 35px;width: 780px;
}
.wei_d1_rig h2{
color: #fefefe;font-size: 30px;float: left;
}
.wei_d1_p1{
overflow: hidden;margin-top: 15px;
}
.wei_d1_p1 i{
float: left;display: inline-block;width: 4px;height: 17px;background: #ff7727;margin-top: 5px;
}
.wei_d1_p1 p{
color: #ffffff;font-size: 14px;line-height: 25px;margin-left: 17px;
}
.wei_d1_p2{
overflow: hidden;margin-top: 20px;
}
.wei_d1_p2 a{
float: left;display: inline-block;text-align: center;color: #fff;width: 81px;height: 23px;line-height: 23px;border-radius: 15px;
margin-left: 20px;cursor: pointer;
}
.wei_d1_s1{border: 1px solid #ffc6a0}
.wei_d1_s2{border: 1px solid #c8ffad}
.wei_d1_s3{border: 1px solid #abbbff}
.wei_d1_s4{border: 1px solid #f29c9f}
.wei_d1_s5{border: 1px solid #7ecef4}
.wei_d1_btm{
padding-top: 58px; text-align: center; -webkit-animation:flash 5s 0s linear infinite; -moz-animation:flash 5s 0s linear infinite;
}
.wei_d1_btm a{
color: #fff; font-size: 28px;
}
@keyframes flash {
from, 50%, to {
opacity: 1;
}
25%, 75% {
opacity: 0; }
}
@-webkit-keyframes flash {
from, 50%, to {
opacity: 1;
}
25%, 75% {
opacity: 0; }
}
.flash {
-webkit-animation-name: flash;
animation-name: flash;
}
.wei_d1_p3{
overflow: hidden;
}
.wei_d1_p3 span{
float: right;display: inline-block;
}
.wei_d1_p3 span i{
display: inline-block;color: #ffffff;font-size: 16px;font-weight: bold;font-family: Arial;text-indent: 25px;
}
.wei_d1_i2{
background: url("/app/resource/images/1116/zhanw_16.png") no-repeat 0 50%;margin-right: 20px;
}
.wei_d1_i3{
background: url("/app/resource/images/1116/zhanw_13.png") no-repeat 0 50%;
}
.zhw_lst_box{
position: absolute; right: 0; top: 20px; z-index: 3; width: 140px; height: 115px;
}
.zhw_lst_time{
width: 142px; height: 140px; text-align:center; background: url(/app/resource/images/1116/weihh_03.png) 50% 0 no-repeat;
}
.zhw_lst_time span{
display: inline-block; *display: inline; *zoom: 1; color: #fff; font-family: Arial; font-size: 38px; font-weight: bold;
margin-top: 5px;
}
.zhw_buy{
position: absolute; left: 20px; top: 5px; z-index: -1; width: 100px; margin: 0 auto; -webkit-transition: all .3s linear;
-moz-transition: all .3s linear; -o-transition: all .3s linear; -ms-transition: all .3s linear; transition: all .3s linear;
}
.zhw_buy .line{
width: 1px; height: 30px; background-color: #fff; margin-left: 49px;
}
.zhw_buy a{
display: block; width: 100px; height: 32px; line-height: 32px; text-indent: 38px; color: #fff;
background: #ff6b2f url("/app/resource/images/1116/zhw_hand (1).png") 18px center no-repeat;
}
.wei_d1 li:hover .zhw_buy {
top: 90px;
}
.zhw_lst_time p{
display: block;color: #fff;text-align: center;font-size: 12px;margin-top: 8px;
}
.part4_left_d2{
position: relative;
}
.part4_left_d2 video{
}
.part4_img{
transition: all .5s ease;position: absolute; top: 50%; left: 50%; z-index: 2; margin-top: -38px; margin-left: -30px;
width: 60px;height: 60px;
-webkit-transition: all .5s ease; -moz-transition: all .5s ease; -ms-transition: all .5s ease; -o-transition: all .5s ease;
}
.part4_left_d2 div:hover img {
-webkit-transform: scale(1.2); -moz-transform: scale(1.2); -o-transform: scale(1.2); -ms-transform: scale(1.2);
transform: scale(1.2);cursor: pointer;
}
.part5_img{
transition: all .5s ease;position: absolute; top: 50%; left: 50%; z-index: 2; margin-top: -38px; margin-left: -30px;
width: 60px;height: 60px;display: none;
-webkit-transition: all .5s ease; -moz-transition: all .5s ease; -ms-transition: all .5s ease; -o-transition: all .5s ease;
}
.part5_left_d2 div:hover img {
-webkit-transform: scale(1.2); -moz-transform: scale(1.2); -o-transform: scale(1.2); -ms-transform: scale(1.2);
transform: scale(1.2);cursor: pointer;
}
/*å“应å¼å¸ƒå±€*/
.new_d2 li{
float: left;width: 25%;border-radius: 5px;text-align:left;
box-sizing: border-box;
}
.new_d2_div{
/* height: 200px; */
height: 0;
padding-bottom: 50%;
position: relative;
display: block;overflow: hidden;margin: 15px;
}
@media (min-width: 1920px) {
}
.new_d2_i2{
/* width: 285px; */
color: #333333;font-size: 17px;line-height: 27px;height: 60px;
padding: 0 15px;box-sizing: border-box;
}
.new_d2_i2_cont {
height: 60px;font-size: 18px;color: #00041A;line-height: 30px;margin-left: 70px;
text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;
line-clamp: 2;-webkit-box-orient: vertical;
}
.new_d2_i3{
color: #444444;font-size: 14px;line-height: 20px;margin: 25px auto 0;overflow:hidden;height: 60px;
text-overflow:ellipsis; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:3;padding: 0 15px;
}
.new_d2_i4{
border-top: 1px solid #eaeaea;margin: 25px auto 0;overflow: hidden;line-height: 60px;height: 60px;padding: 0 15px;
}
/* @media (min-width: 1920px) {
.new_d2 li{
float: left;width: 387px;height: 490px;border-radius: 5px;overflow: hidden;margin-left: 9px;margin-right: 9px;text-align:left;
}
.new_d2_div{
display: block;width: 347px;height: 193px;overflow: hidden; position: relative;margin: 20px;
}
.new_d2_i2{
color: #333333;font-size: 17px;margin: 30px auto 0;width: 347px;line-height: 27px;height: 60px;display: flex;justify-content: space-between;flex-direction: row;
}
.new_d2_i2_cont {
width: 270px;height: 60px;font-size: 20px;color: #00041A;line-height: 30px;
text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;
line-clamp: 2;-webkit-box-orient: vertical;
}
.new_d2_i3{
color: #444444;font-size: 14px;line-height: 20px;margin: 25px auto 0;width: 347px;overflow:hidden;
text-overflow:ellipsis; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:3;
}
.new_d2_i4{
border-top: 1px solid #eaeaea;margin: 25px auto 0;width: 350px;overflow: hidden;line-height: 60px;
}
} */