/* CSS Document */
html{ overflow-x:auto; overflow-y:auto; font-size:14px;}
*{ padding:0; margin:0;}
ul, ol,li{ list-style-type:none;}
body, button, input, select, textarea{ font-family:'Microsoft yahei';}
code, kbd, pre, samp {font-family:'Microsoft yahei';}
a{ text-decoration:none; color:#333;
-webkit-transition: all 0.2s ease-out 0s;
-moz-transition: all 0.2s ease-out 0s;
-o-transition: all 0.2s ease-out 0s;
transition: all 0.2s ease-out 0s;}
a:hover{color:#803aae; cursor:pointer;}
img{border:0; max-width:100%;}
li { line-height:normal; }
table { border-collapse: collapse; border-spacing: 0; }
h1,h2,h3,h4,h5,h6{margin:0; font-weight:normal; font-family:"microsoft yahei"; }
h1{font-size: 32px;}
h2{font-size: 24px;}
h3{font-size: 22px;}
h4{font-size: 18px;}
h5{font-size: 14px;}
h6{font-size: 12px;}
input,table,tr,td{ margin:0; padding:0;outline:none;}
button,table{ border:none; background:none; margin:0; padding:0;}
table{
border: 1px solid #f0f0f0;
}
body{ position:relative; overflow:hidden;}
select{ margin:0; padding:0; font-family:"microsoft yahei";}
input,
button,
textarea{ resize:none;-webkit-appearance:none;-webkit-appearance:none; outline:none; font-weight:normal; border-radius:0;}
.pz_top{ float:left; width:100%; position:absolute; left:0; top:0; z-index:999;}
.pz_menu{float:left; width:100%;}
.pz_banner{ float:left; width:100%; overflow:hidden; position:relative; z-index:1}
.pz_main{ float:left; width:100%;}
.pz_down{ float:left; width:100%;}
/*top*/
.pc_top{ display:block;}
.ph_top{ display:none;}
.logo{ float:left; width:132px; height:60px; margin:19px 0;}
.slogan{ float:left; width:190px; height:60px; margin:19px 0 19px 5px;}
.so_box{ float:right; position:relative; z-index:99;}
.Search_but{ float:left; width:65px; height:58px; border:none;background:url(../images/search_but.png) center no-repeat;}
.so_but{ display:none;float:left; width:313px; height:55px; position:absolute; right:0; top:59px; background:url(../images/search_but2.png) center no-repeat; padding:7px 1px 1px 1px; z-index:99;}
.so{ float:left; width:100%;}
.so .Search{ float:left; width:245px; height:47px; background:none; border:none; line-height:47px; padding:0 10px; color:#666666; font-size:14px;}
.so .sear_sub{ float:right; width:66px; height:47px; border:none;background:url(../images/search_but1.png) center no-repeat;font-size: 0;}
.lang{ float:right; background:url(../images/top2.png) center; width:372px; height:92px; position:relative;}
.lang a{ float:left; color:#333; font-size:14px; line-height:32px; padding-left:40px; position:absolute;}
.lang a.ico1{ background:url(../images/top3.png) left center no-repeat; left:20%; top:50%;transform: translateY(-50%); }
.lang a.ico2{ background:url(../images/top4.png) 6px center no-repeat; right:0; top:50%;transform: translateY(-50%);}
.lang a.ico3{ background:url(../images/top5.png) left center no-repeat; left:138px; top:51px;}
.menu_ng{ float:left; width:100%; background:rgba(255,255,255,0.8);position: relative;}
/*menu*/
.nav{ float:left; width:1104px; border-right:1px solid #dcdcdf;}
.nav li{ float:left; position:static;}
.nav li.first{ margin-right:44px;}
.nav li.first .l1{ float:left; width:58px; height:58px; background:url(../images/home.png) center no-repeat #692e97; margin:0;}
.nav li.first:hover .l1{ background:url(../images/home.png) center no-repeat #692e97;}
.nav li .l1{float:left;height:58px;color:#333333; font-size:16px;line-height:58px; margin:0 44px; padding:0; position:relative;}
.nav li.on .l1,
.nav li:hover .l1{ background:none; color:#803aae; font-weight:bold;}
.nav li .nav-w {z-index:99;position:absolute;display:none;float:left; width:100%;clear:both;overflow:hidden;top:58px;left:0; padding-top:16px;}
.nav li .section-nav1{ height:auto; float:left;background:rgba(255,255,255,0.9); border-bottom:2px solid #f0e40d; box-shadow:0 0 4px #aba9b2; padding:30px 0; position:relative;}
.nav li .section-nav1 .ul_2 { float:left;position:static;margin:0px;width:388px;overflow:hidden; min-height:138px; border-left:1px solid #dedede;border-right:1px solid #dedede; padding:6px 0 0 53px;}
.nav li .section-nav1 .ul_2 li {position:static;padding:0px;width:50%;background:none;float:left;}
.nav li .section-nav1 .ul_2 li a { float:left; width:100%; background:none; height:42px;line-height:42px;color:#4c4c4c;font-size:14px;font-weight:normal; padding:0; padding-left:17px; background:url(../images/top7.png) left center no-repeat;}
.nav li .section-nav1 .ul_2 li a:hover {color:#8c36f6; background:url(../images/top8.png) 14px center no-repeat; padding-left:30px;}
.nav li .section-nav1 .ul_1{ float:left; width:330px; margin:0 40px;}
.nav li .section-nav1 .ul_1 p{ float:left; width:100%; color:#666666; font-size:14px; line-height:26px; height:78px; overflow:hidden;}
.nav li .section-nav1 .ul_1 h6{ float:left; width:100%; margin-top:10px;}
.nav li .section-nav1 .ul_1 a{ float:right; padding:0; color:#6a2e96; font-size:12px; line-height:22px; font-family:"Arial"; text-transform:uppercase;}
.nav li .section-nav1 .ul_1 a:hover{ text-decoration:underline;}
.nav li .section-nav1 .ul_3{ float:left; width:292px; height:139px; overflow:hidden; margin:0 40px;}
.nav li .section-nav1 .ul_3 a img{
-webkit-transition: all 0.4s ease-out 0s;
-moz-transition: all 0.4s ease-out 0s;
-o-transition: all 0.4s ease-out 0s;
transition: all 0.4s ease-out 0s;transition: -webkit-transform 2s;vertical-align:middle;-ms-interpolation-mode:bicubic;}
.nav li .section-nav1 .ul_3 a:hover img{ -webkit-transform: scale(1.1); -moz-transform: scale(1.1);transform: scale(1.1);}
.nav li .section-nav1 .ul_4{ position:absolute; top:-8px; left:138px; width:13px; height:8px; float:left; background:url(../images/top9.png) center no-repeat;
}
.pc_top{ display:block;}
.ph_top{ display:none;}
.pc_menu{ display:block;}
.menuph{ display:none;}
.xialaph{ display:none;}
@media screen and (max-width:1199px) {
.so_but_ph{ float:left; width:100%; padding:15px;}
.so_ph{ float:left; width:100%; position:relative;}
.so_ph .Search{ float:left; width:100%; height:40px; background:none; border:1px #803aae solid; line-height:40px; padding:0 50px 0 10px; color:#666666; font-size:14px;}
.so_ph .sear_sub{ float:right; width:40px; height:40px; border:none;background:#803aae url(../images/search_but1.png) center no-repeat; position:absolute; right:0; bottom:0;}
.logo{ margin:8px 0;}
.lang{ background:none; width:100%; text-align:center; padding:30px 0 0 0; }
.lang a{ float:none; position:static; padding:0; display:inline-block; width:90px; background-color:#692e96; font-size:16px; color:#fff; line-height:40px; margin:0 5px;}
.pc_top{ display:none;}
.ph_top{ display:block;}
.pc_menu{ display:none;}
.menuph{ display:block;}
.xialaph{ display:block;}
/*手机按钮*/
.menuph{ float:right; width:50px; height:50px; cursor: pointer; text-align: center;/* background:#692e97;*/ padding:14px 11px; margin-top:13px;}
.menuph .point { display: inline-block; width: 28px; height: 22px; position: relative;}
.menuph .point:hover .navbtn,
.menuph .point:hover .navbtn::after,
.menuph .point:hover .navbtn::before { width: 28px; }
.menuph .navbtn { position: absolute; top: 10px; right: 0; display: inline-block; width: 21px; height: 2px; -webkit-transition: all .3s ease-out 0s; -moz-transition: all .3s ease-out 0s; -ms-transition: all .3s ease-out 0s; -o-transition: all .3s ease-out 0s; transition: all .3s ease-out 0s; background: #692e96; }
.menuph .navbtn::after,
.menuph .navbtn::before { position: absolute; right: 0; display: inline-block; width: 28px; height: 2px; content: ''; -webkit-transition: all .3s ease-out 0s; -moz-transition: all .3s ease-out 0s; -ms-transition: all .3s ease-out 0s; -o-transition: all .3s ease-out 0s; transition: all .3s ease-out 0s; background: #692e96; }
.menuph .navbtn::after { top: -11px; }
.menuph .navbtn::before { top: 10px; }
.menuph .point.active .navbtn{ background: transparent; }
.menuph .point.active .navbtn::after{ -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); top: 0px; }
.menuph .point.active .navbtn::before { -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); top: 0px; }
/*手机下拉*/
.xialaph{ position:absolute; left:0; top:64px; float:left; width: 100%; padding-bottom:50px; display: none; z-index:9999; background:#fff; }
.xialaph .ul2,
.xialaph .ul3{ display: none; }
.xialaph h4 a{ color: #000000; font-size:15px;line-height: 55px; }
.xialaph h4{ float:left; width:100%; position:relative;}
.xialaph li:last-child h4::before{ content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 1px; background-color: #e5e5e5; /*opacity: 0.1;*/ }
.xialaph h4:hover a,
.xialaph h5:hover a{ color: #803aae; }
.xialaph h4::after{ content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 1px; background-color: #e5e5e5; /*opacity: 0.1;*/ }
.xialaph h5 a{ color: #000000; font-size:14px; font-family: "微软雅黑"; line-height: 45px; display:block; }
.xialaph h5{ float:left; width:100%; padding:0 15px; position: relative; }
.xialaph h5::after{ content: ''; position: absolute; bottom: 0; left: 0; right: 0; height: 1px; background-color: #e5e5e5; /*opacity: 0.05;*/ }
.xialaph li:last-child h5::after{ display: none; }
.xialaph h4 img{ width: 15px; height: 8px; float: right; margin-top: 24px; cursor: pointer; }
.xialaph h5 img{ width: 11px; height: 6px; float: right; margin-top: 26px; margin-right: 18px; cursor: pointer; }
.xialaph h4.active img.img_s,
.xialaph h5.active img.img_s{ display: none; }
.xialaph h4.active img.img_d,
.xialaph h5.active img.img_d{ display: block; }
.xialaph .ul2{ float:left; width:100%; padding:0 15px;}
.xialaph .ul3{ padding-top: 12px; padding-bottom: 18px; padding-left: 15px; position: relative; }
.xialaph .ul3::after{ content: ''; position: absolute; bottom: 0; left: 0; right: 0; height: 1px; background-color: #e5e5e5; }
.xialaph li:last-child .ul3::after{ display: none; }
.xialaph .ul3 li a{ color: #333; font-size: 14px; line-height: 35px; display: block; }
.xialaph .ul3 li{ padding-top: 5px; }
.xialaph .ul3 li:first-child{ padding-top: 0; }
.xialaph .phsou{ position: relative; margin-top: 34px;
}
.xialaph .phsou input{ width: 100%; height: 56px; background-color: #fff; color: #aaa; font-size: 14px; padding-left: 20px; border: 1px solid #e5e5e5; }
.xialaph .phsou img{ cursor: pointer; width: 21px; height: 22px; position: absolute; top: 17px; right: 29px; }
.img_d, .disno{ display: none; }
}
/*phone底部导航*/
.q_d_m{float:left; width:100%; height:50px;}
.pf_down{width:100%; float:left; position:fixed; left:0; bottom:0; height:50px; background:#692e96; z-index:999; border-top:1px solid #fff;}
.pf_down li{ width:33.333333%; float:left; text-align:center; padding:7px 0 4px 0; border-right:1px solid #fff;}
.pf_down li .ico7{ width:100%; float:left; height:20px;}
.pf_down li .d_name{ width:100%; float:left; margin-top:4px; font-size:12px; color:#fff; line-height:14px;}
.pf_down li.l1 .ico7{ background:url(../images/btn15.png) no-repeat center; background-size:20px 20px;}
.pf_down li.l2 .ico7{ background:url(../images/btn16.png) no-repeat center; background-size:20px 20px;}
.pf_down li.l3 .ico7{ background:url(../images/btn17.png) no-repeat center; background-size:20px 20px;}
.pf_down li:nth-child(3n){ border:none;}
/*banner*/
.slide_banner{ float:left; width:100%; margin:0; overflow:hidden;}
.slide_banner .slick-slide{ width:100%; padding:0;}
.slide_banner img{ width:100%;}
.slide_banner .slick-prev{ width:0; height:0; overflow:hidden;}
.slide_banner .slick-next{ width:0; height:0; overflow:hidden;}
.slide_banner .slick-dots{ height:10px; bottom:40px;}
.slide_banner .slick-dots li{ width:10px; height:10px; background:rgba(255,255,255,0.3); margin:0 5px; text-indent:-9999px; overflow:hidden; content:" "; border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px;font-size: 0;}
.slide_banner .slick-dots li.slick-active{ background:#fff;}
.zy_banner{ float:left; width:100%; line-height:0;}
@media screen and (max-width:992px) {
.slide_banner .slick-dots{ bottom:20px;}
}
/*main*/
.home_cont1{ float:left; width:100%;}
.home_cont1 li a{ float:left; width:100%; outline:none; position:relative; overflow:hidden;}
.home_cont1 li img{
-webkit-transition: all 0.4s ease-out 0s;
-moz-transition: all 0.4s ease-out 0s;
-o-transition: all 0.4s ease-out 0s;
transition: all 0.4s ease-out 0s;transition: -webkit-transform 2s;vertical-align:middle;-ms-interpolation-mode:bicubic;}
.home_cont1 li a:hover img{ -webkit-transform: scale(1.1); -moz-transform: scale(1.1);transform: scale(1.1);}
.home_tit1{ position:absolute; right:30px; bottom:22.6%; text-align:right;}
.home_tit1 h5{ display:block; color:#666666; font-size:20px; line-height:30px; font-family:"Arial"; text-transform:uppercase;}
.home_tit1 h2{ display:block; color:#333333; font-size:24px; line-height:34px; font-weight:bold; margin:4px 0 29px 0;}
.home_tit1 h6{ display:block;}
.home_tit1 h6 span{ float:right; width:77px; height:25px; line-height:25px; border:1px solid #c9c8ce; text-align:center; color:#666666; font-size:12px; font-family:"Arial"; text-transform:uppercase; transition:background 0.5s ease; -o-transition:background 0.5s ease; -moz-transition:background 0.5s ease; -webkit-transition:background 0.5s ease;}
.home_cont1 .slick-dots{ width:0; height:0; overflow:hidden;}
.home_cont1 .slick-Next{ width:0; height:0; overflow:hidden;}
.home_cont1 .slick-prev{ width:0; height:0; overflow:hidden;}
.home_cont1 li a:hover .home_tit1 h6 span{ background:#8c36f6; border:1px solid #8c36f6; color:#fff;}
@media screen and (max-width:1366px) {
.home_tit1{ bottom:15%; }
.home_tit1 h2{ margin:2px 0 15px 0;}
}
@media screen and (max-width:992px) {
.home_tit1 h5{ font-size:16px; line-height:24px; }
.home_tit1 h2{ font-size:18px; line-height:26px;}
.home_tit1{ right:15px;}
}
.video_tit{ float:left; width:100%; text-align:center; margin-top:60px;}
.video_tit h1{ float:left; width:100%; color:#333333; font-size:36px; line-height:36px; padding-bottom:19px; background:url(../images/main4.jpg) center bottom no-repeat; margin-bottom:17px; font-weight:bold; font-family:"Arial"; text-transform:uppercase;}
.video_tit h2{ float:left; width:100%; color:#6a2e97; font-size:20px; line-height:20px;}
.video_lsit{ float:left; width:100%; margin:37px 0 86px 0;}
.video_lsit li{ padding:0 15px;}
.video_l1{ float:left; width:100%; border:3px solid #ebebeb; padding:2px;}
.video_l1_1{ float:left; width:100%;}
.video_l1_1 a{ float:left; width:50%; padding:5px; position:relative;}
.video_l1_1 span{ float:left; width:100%; overflow:hidden; background:#000;}
.video_l1_1 i{ display:block; width:24px; height:24px; background:url(../images/main10.png) center no-repeat; position:absolute; left:50%; top:50%; margin:-12px 0 0 -12px;}
.video_l1_1 span img{
height: 120px; object-fit: cover;
-webkit-transition: all 0.4s ease-out 0s;
-moz-transition: all 0.4s ease-out 0s;
-o-transition: all 0.4s ease-out 0s;
transition: all 0.4s ease-out 0s;transition: -webkit-transform 2s;vertical-align:middle;-ms-interpolation-mode:bicubic;
opacity:0.9;filter: alpha(opacity=90);}
.video_l1_1 a:hover span img{ -webkit-transform: scale(1.1); -moz-transform: scale(1.1);transform: scale(1.1);opacity:1;filter: alpha(opacity=100);}
.video_l1_2{ float:left; width:100%; margin:11px 0; text-align:center;}
.video_l1_2 a{ display:inline-block; *display:inline; *zoom:1; background:url(../images/main9.png) left center no-repeat; padding-left:17px;color:#333333; font-size:18px; line-height:28px; text-align:center;}
.video_l1:hover .video_l1_2 a{ color:#8c36f6;}
.video_lsit .slick-dots{ width:0; height:0; overflow:hidden;}
.video_lsit .slick-Next{ width:0; height:0; overflow:hidden;}
.video_lsit .slick-prev{ width:0; height:0; overflow:hidden;}
@media screen and (max-width:992px) {
.video_lsit li{ padding:0 10px;}
.video_lsit{ margin:20px 0 40px 0;}
.video_tit{ margin-top:30px;}
.video_tit h1{font-size:24px; line-height:24px; padding-bottom:15px; margin-bottom:10px;}
.video_tit h2{ font-size:18px; line-height:18px;}
}
@media screen and (max-width:767px) {
.video_lsit li{ padding:0 8px;}
}
.home_bg1{ float:left; width:100%; background:#f3f3f3; padding:20px 0; overflow:hidden;}
.news_scrrol{ float:left; width:100%; margin:30px 0 60px 0; position:relative; overflow:hidden;}
.news_scrrol .hd{ float:left; width:60px;overflow:hidden; position:absolute; left:0; top:0; z-index:999;}
.news_scrrol .hd li{ float:left; width:100%; background:#b582f5; color:#fff; font-size:20px; line-height:24px; padding:59px 20px 60px 20px; transition:background 0.5s ease; -o-transition:background 0.5s ease; -moz-transition:background 0.5s ease; -webkit-transition:background 0.5s ease; cursor:pointer;}
.news_scrrol .hd li.slick-current{ background:#8c36f6;}
.news_scrrol .bd{ float:left; width:100%; padding-left:60px; overflow:hidden;}
.news_scrrol .bd li a{ float:left; width:100%; background:#fffaea;}
.news_scrrol .bd .l1 a{ height:430px; padding:30px;}
.news_scrrol .bd .l1 a i{ float:left; width:100%; overflow:hidden; padding-bottom:56.3%; position:relative;}
.news_scrrol .bd .l1 a i img{ position:absolute; left:0; top:0; width:100%; min-height:100%;
-webkit-transition: all 0.4s ease-out 0s;
-moz-transition: all 0.4s ease-out 0s;
-o-transition: all 0.4s ease-out 0s;
transition: all 0.4s ease-out 0s;transition: -webkit-transform 2s;vertical-align:middle;-ms-interpolation-mode:bicubic;}
.news_scrrol .bd .l1 a:hover i img{ -webkit-transform: scale(1.1); -moz-transform: scale(1.1);transform: scale(1.1);}
.news_scrrol .bd .l1 a h4{ float:left; width:100%; color:#333333; font-size:18px; line-height:28px; overflow:hidden;white-space: nowrap; text-overflow:ellipsis; margin-top:25px;-webkit-transition: all 0.2s ease-out 0s;
-moz-transition: all 0.2s ease-out 0s;
-o-transition: all 0.2s ease-out 0s;
transition: all 0.2s ease-out 0s;}
.news_scrrol .bd .l1 a p{ float:left; width:100%; color:#555555; font-size:14px; line-height:26px; overflow:hidden; height:72px; margin:8px 0 20px 0;}
.read_more{ float:left; color:#4d4d4d; font-size:12px; font-family:"Arial"; text-transform:uppercase; background:url(../images/main11.jpg) left center repeat-x; padding:0 2px;}
.news_scrrol .bd .l1 a:hover h4{ color:#6a2e97;}
.news_scrrol .bd .l2{margin-top:-30px;}
.news_scrrol .bd .l2 .l2_1{ float:left; width:50%; margin-top:30px; padding:0 15px;}
.news_scrrol .bd .l2 .l2_1 a{height:200px; padding:20px 26px;}
.news_scrrol .bd .l2 .l2_1 a h5{ float:left; width:100%; color:#333333; font-size:16px; line-height:24px; height:48px; overflow:hidden; margin:14px 0 21px 0;}
.news_scrrol .bd .l2 .l2_1 a time{ float:left; width:100%;}
.news_scrrol .bd .l2 .l2_1 a time strong{ display:block; color:#767676; font-size:40px; line-height:40px;}
.news_scrrol .bd .l2 .l2_1 a time i{ display:block; color:#767676; font-size:12px; line-height:12px; font-style:normal; margin-top:4px;}
.news_scrrol .bd .l2 .l2_1 a:hover h5{ color:#6a2e97;}
.news_scrrol .hd .slick-dots{ width:0; height:0; overflow:hidden;}
.news_scrrol .hd .slick-Next{ width:0; height:0; overflow:hidden;}
.news_scrrol .hd .slick-prev{ width:0; height:0; overflow:hidden;}
.news_scrrol .bd .slick-dots{ width:0; height:0; overflow:hidden;}
.news_scrrol .bd .slick-Next{ width:0; height:0; overflow:hidden;}
.news_scrrol .bd .slick-prev{ width:0; height:0; overflow:hidden;}
@media screen and (max-width:992px) {
.news_scrrol{ margin:20px 0 30px 0;}
.news_scrrol .hd li{ padding:57px 20px;}
.news_scrrol .bd .l2{margin-top:-20px;}
.news_scrrol .bd .l2 .l2_1{ margin-top:20px; padding:0 10px;}
.news_scrrol .bd .l1 a{ height:420px; padding:15px;}
.news_scrrol .bd .l2 .l2_1 a{ padding:15px;}
.news_scrrol .bd .l2 .l2_1 a time strong{ font-size:34px; line-height:34px;}
}
@media screen and (max-width:767px) {
.home_bg1{ padding:0;}
.news_scrrol .hd{ width:100%; position:static; }
.news_scrrol .hd li{ width:50%; padding:10px; font-size:16px; text-align:center;}
.news_scrrol .bd{ padding-left:0;}
.news_scrrol .bd .l2{margin-top:0;}
.news_scrrol .bd .l2 .l2_1{ margin-top:16px; padding:0 8px;}
.news_scrrol .bd .l1 a{ height:auto;}
.news_scrrol .bd .l1 a h4{font-size:16px; line-height:26px; margin-top:10px;}
.news_scrrol .bd .l1 a p{ font-size:14px; line-height:22px; height:44px; margin:5px 0 8px 0;}
.news_scrrol .bd .l2 .l2_1 a{height:auto; }
.news_scrrol .bd .l2 .l2_1 a h5{ height:24px;white-space: nowrap; text-overflow:ellipsis; overflow:hidden; margin:5px 0;}
.news_scrrol .bd .l2 .l2_1 a time strong{ float:left;font-size:22px; line-height:22px;}
.news_scrrol .bd .l2 .l2_1 a time i{float:left;margin-top:0; line-height:22px; margin-left:5px;}
}
.case_show{ float:left; width:100%; padding:20px 0;}
@media screen and (max-width:767px) {
.case_show{ padding:0;}
}
.home_about{ float:left; width:100%; background:url(../images/main17.jpg) center top no-repeat; padding-top:20px;}
.cont_about{ float:left; width:100%; background:#f3e9ff; margin:40px 0 55px 0; overflow:hidden;}
.hl_about{ float:left; width:50%; padding:42px 50px;}
.hl_about p{ float:left; width:100%; color:#333333; font-size:16px; line-height:32px; height:224px; overflow:hidden; text-align:justify;}
.hl_about h4{ float:left; width:100%; margin-top:22px; padding-left:74px; background:url(../images/main18.png) left center no-repeat;}
.hl_about h4 span{ display:block; color:#333333; font-size:14px; line-height:22px;}
.hl_about h4 strong{ display:block; color:#333333; font-size:18px; line-height:26px; text-transform:uppercase;}
.hr_about{ float:left; width:50%;}
.hr_about li{ float:left; width:100%; padding:20px;}
.hr_about li.l1{ background:url(../images/main21.jpg) center no-repeat;}
.hr_about li.l2{ background:url(../images/main21.png) center no-repeat;}
.hr_about li a{ float:left; width:100%; border:1px solid #fff;text-align:center;}
.h_pf1{ display:inline-block; *display:inline;*zoom:1; margin:45px 0;}
.h_pf1 img{ float:left; width:59px; height:59px; margin:2px 20px 0 0;}
.h_pf1 h1{ float:left;}
.h_pf1 h1 span{ display:block; color:#333333; font-size:36px; line-height:36px;}
.h_pf1 h1 i{ display:block; color:#333333; font-size:14px; line-height:14px; font-family:"Arial"; font-style:normal; text-transform:uppercase; margin-top:13px;}
@media screen and (max-width:992px) {
.hl_about{ float:left; width:50%; padding:20px;}
.hl_about p{ font-size:14px; line-height:26px; height:182px;}
.hl_about h4{ margin-top:15px; padding-left:52px; background-size:40px 30px;}
.hl_about h4 span{ font-size:12px; line-height:20px;}
.hl_about h4 strong{ font-size:16px; line-height:24px;}
.hr_about li{ padding:15px;}
.h_pf1{ margin:34px 0;}
.h_pf1 img{ width:40px; height:40px; margin:1px 12px 0 0;}
.h_pf1 h1 span{ font-size:22px; line-height:22px;}
.h_pf1 h1 i{ margin-top:6px; font-size:12px;}
}
@media screen and (max-width:767px) {
.home_about{ padding:0;}
.hl_about{ width:100%}
.hr_about{ width:100%;}
.hl_about p{ font-size:14px; line-height:26px; height:104px;}
}
.path{ float:left; width:100%; padding-top:20px; overflow:hidden;}
.path_tit h1{ color:#fff; background:url(../images/main4_1.png) center bottom no-repeat}
.path_tit h2{ color:#fff;}
@media screen and (max-width:767px) {
.path{ padding-top:0;}
}
/*down*/
.foot_bg{ float:left; width:100%; background:#f3f3f3; position:relative; margin-top:25px;}
.foot_top{ position:absolute; width:50px; height:50px; position:absolute; left:50%; margin-left:-25px; top:-25px;}
.bq{ float:left; width:100%; text-align:center; color:#666666; font-size:14px; line-height:24px; padding:14px 0; border-top:1px solid #e0e0e0;}
.bq a{ color:#666;}
.bq a:hover{ color:#8c36f6;}
.foot_cont{ float:left; width:100%; padding:40px 0;}
.foot_tit{ float:left; width:100%; color:#333333; font-size:18px; line-height:28px; padding:10px 0 15px 0;}
.foot_nav{ float:left; width:370px;}
.foot_ul1{ float:left; width:100%;}
.foot_nav .l1{ float:left; width:50%; padding-right:30px;}
.foot_nav .l1.lin_1 a{ border-top:1px dashed #aaaaaa;}
.foot_nav .l1 a{ float:left; width:100%; color:#444444; font-size:14px; line-height:42px; border-bottom:1px dashed #aaaaaa;}
.foot_nav .l1 a:hover{ color:#8c36f6;}
.foot_nav .l2{ float:left; width:310px;}
.foot_nav .l_add{ float:left; width:100%; color:#444444; font-size:14px; line-height:26px;border-top:1px dashed #aaaaaa; padding-top:8px;}
.foot_er{ float:left; margin-left:30px;}
.foot_er li{ float:left; width:106px; margin-right:20px; text-align:center;}
.foot_er li img{width:100%;}
.foot_er li .span{ float:left; width:100%; color:#666666; line-height:24px; font-size:14px; margin-top:5px;}
.foot_600{ width:600px;}
.foot_200{ width:200px; float:right;}
.foot_links{ float:right; width:100%; margin-bottom:17px; position:relative;}
.links_tit{ float:left; width:100%; height:35px; position:relative; text-align:center; background:#fff; padding-right:35px; cursor:pointer;}
.links_tit h6{ float:left; width:100%; background:url(../images/ico5.png) center no-repeat; color:#666666; font-size:12px; line-height:35px; text-align:center;}
.links_tit em{ float:right; width:35px; height:35px; background:url(../images/ico4.png) center no-repeat; position:absolute; right:0; top:0; }
.links_cont{ display:none; float:left; width:100%; border:1px solid #cccccc; background:#fff; padding:7px 0; position:absolute; left:0; bottom:35px; z-index:9;}
.links_cont a{ float:left; width:100%; padding:0 15px; color:#666666; font-size:12px; line-height:26px;}
.links_cont a:hover{ color:#8c36f6;}
.foot_share{ float:left; width:100%; margin-top:15px;}
.bsBox{-webkit-box-sizing:content-box; -moz-box-sizing:content-box; box-sizing:content-box;}
#bsPanelHolder{-webkit-box-sizing:content-box; -moz-box-sizing:content-box; box-sizing:content-box;}
#bsPanel{-webkit-box-sizing:content-box; -moz-box-sizing:content-box; box-sizing:content-box;}
.bFind-wrapper-top{-webkit-box-sizing:content-box; -moz-box-sizing:content-box; box-sizing:content-box;}
.bshare-custom.icon-medium a{ float:left; height:26px !important; padding-left:26px !important; margin-right:10px !important;}
.bshare-custom.icon-medium .bshare-weixin{ background:url(../images/ico3.png) no-repeat !important;}
.bshare-custom.icon-medium .bshare-sinaminiblog{ background:url(../images/ico2.png) no-repeat !important;}
.bshare-custom.icon-medium a.bshare-more.more-style-addthis{ background:url(../images/ico1.png) no-repeat !important;}
.bshare-custom.icon-medium a.bshare-weixin:hover{ background:url(../images/ico3_1.png) no-repeat !important;
opacity:1;filter: alpha(opacity=100);}
.bshare-custom.icon-medium a.bshare-sinaminiblog:hover{ background:url(../images/ico2_1.png) no-repeat !important;
opacity:1;filter: alpha(opacity=100);}
.bshare-custom.icon-medium a.bshare-more.more-style-addthis:hover{ background:url(../images/ico1_1.png) no-repeat !important;
opacity:1;filter: alpha(opacity=100);}
@media screen and (max-width:1199px) {
.foot_nav{ width:280px;}
.foot_600{ width:482px;}
.foot_200{ width:200px;}
.foot_nav .l1{ padding-right:20px;}
.foot_nav .l2{ width:247px;}
.foot_er{ margin-left:20px;}
.foot_er li{width:90px; margin-right:15px;}
}
@media screen and (max-width:992px) {
.foot_bg{ margin-top:18px;}
.foot_nav{ width:100%;}
.foot_600{ width:100%;}
.foot_200{ width:100%;}
.foot_ul1{ display:none; padding:10px 15px;}
.foot_nav .l1{ width:100%; padding:0;}
.foot_nav .l1.lin_1 a{ border-top:none;}
.foot_tit{ color:#fff;font-size:16px; height:40px; line-height:38px; padding:0 0 0 15px; background:url(../images/ico4.png) right center no-repeat #ab6ef5; margin-top:15px; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px;}
.foot_nav .l2{ width:100%;}
.foot_er{width:100%; margin-left:0;}
.foot_er li{ margin:0 15px 0 0;}
.foot_top{width:36px; height:36px; margin-left:-18px; top:-18px;}
.foot_cont{ padding:30px 0;}
.foot_er{ margin-left:0;}
.foot_links{ margin:15px 0 0 0;}
.foot_nav .l_add{ border:none; padding-top:10px;}
.foot_share{ margin:10px 0 15px 0;}
}
/*右侧漂浮*/
.pf_right{ float:left; width:80px; position:fixed; right:0; top:50%; z-index:999; margin-top:-202px;}
.pf_right .l1{ float:left; width:100%; text-align:center; margin-bottom:2px; }
.pf_right .l1 a{ float:left; width:100%; height:80px; background:rgba(0,0,0,0.8);border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; padding:14px 0;}
.pf_right .l1 a span{ float:left; width:100%; color:#fff; font-size:14px; line-height:16px; margin-top:10px;}
.pf_right .l2{ float:left; width:100%; text-align:center; margin-top:18px;}
.pf_right .l2 img{ margin:0 auto; width:58px;}
.pf_right .l1.l1_p a{padding:12px 0;}
.pf_right .l1.l1_p a span{ margin:0 0 11px 0;}
.pf_right .l1 a:hover{ background:#8c36f6;}
.pf_right .l2 .l2_1{ display:block;}
.pf_right .l2 .l2_2{ display:none;}
.pf_right .l2 a:hover .l2_1{ display:none;}
.pf_right .l2 a:hover .l2_2{ display:block;}
.z_close{display:none;}
.pf_right .l1{
position: relative;
z-index: 1;
}
.pf_right .l1 .cont-p{
position: absolute;
right: 100%;
top: 0;
background: #fff;
min-height: 100%; transform: translateX(200%); transition: all .7s;box-shadow: 0 4px 20px 4px rgba(0, 20, 60, 0.2); z-index: -1;
}
.pf_right .l1 .cont-p p{
color: #333;
font-size: 20px; white-space: nowrap;
padding: 0 1.5em;
}
.pf_right .l1 .cont-p .p{
padding: 10px;
}
.pf_right .l1 .cont-p .pas{
width: 120px;
}
.pf_right .l1 .cont-p img{
width: 100%;
}
.pf_right .l1:hover .cont-p{
opacity: 1;
transform: translateX(0);
}
@media screen and (max-width:992px) {
.pf_right{ display:none;}
.z_close{display:block; float:right; margin-top:-34px; width:30px; height:30px; }
}
/*1走进龙腾*/
.about_cont1{ float:left; width:100%; position:relative; background:#f0f0f0; margin:40px 0 60px 0;display: -msbox;display: -moz-box;display: -webkit-flex;display: flex;
-webkit-flex-wrap: wrap;
-moz-flex-wrap: wrap;
-ms-flex-wrap: wrap;
-o-flex-wrap: wrap;
flex-wrap: wrap;
justify-content: center;
align-items: center;}
.h_pic1{ float:left; width:50%; line-height:0;}
.h_tx1{ float:left; width:50%; padding:20px 40px; text-align:justify; color:#333333; font-size:16px; line-height:36px;}
.about_cont3{ float:left; width:100%; color:#555555; font-size:16px; line-height:36px; text-align:justify; margin:40px 0 60px 0;}
.about_cont2{ float:left; width:100%;}
.about_cont2 h4{ float:left; width:100%; text-align:center; line-height:20px; font-size:20px; color:#333333; background:url(../images/h_img1.png) center bottom no-repeat; padding-bottom:50px;}
.about_cont2 ul{ float:left; width:100%; margin-top:30px;}
.about_cont2 li a{ float:left; width:100%; background:#f6f6f6; border:1px solid #ebebeb;-webkit-transition: all 0.2s ease-out 0s;
-moz-transition: all 0.2s ease-out 0s;
-o-transition: all 0.2s ease-out 0s;
transition: all 0.2s ease-out 0s; text-align:center;/* padding:68px 0 58px 0;*/ position:relative; margin:10px 0 0 0;
}
.about_cont2 li a h1{ float:left; width:100%; color:#2c2c2c; font-size:36px; line-height:36px;-webkit-transition: all 0.2s ease-out 0s;
-moz-transition: all 0.2s ease-out 0s;
-o-transition: all 0.2s ease-out 0s;
transition: all 0.2s ease-out 0s;
}
.about_cont2 li a h5{ float:left; width:100%; color:#2c2c2c; font-size:16px; line-height:16px; margin-top:20px; text-transform:uppercase;-webkit-transition: all 0.2s ease-out 0s;
-moz-transition: all 0.2s ease-out 0s;
-o-transition: all 0.2s ease-out 0s;
transition: all 0.2s ease-out 0s;
}
.about_cont2 .h_ico1{opacity:1;filter: alpha(opacity=100);}
.about_cont2 .h_ico2{opacity:0;filter: alpha(opacity=0); position:absolute; left:0; top:0;}
.about_cont2 li a:hover .h_ico2{opacity:1;filter: alpha(opacity=100);}
.about_cont2 li a:hover .h_ico1{opacity:0;filter: alpha(opacity=0);}
.about_cont2 li a:hover{ margin:0 0 10px 0; background:url(../images/h_img2.jpg) center no-repeat; background-size:cover; box-shadow: 0 0 13px #ebebeb; -moz-box-shadow: 0 0 13px #ebebeb;-webkit-box-shadow: 0 0 13px #ebebeb;}
.about_cont2 li a:hover h1{ color:#fff;}
.about_cont2 li a:hover h5{ color:#fff;}
.zy_tit{ float:left; width:100%; position:relative; top:0; margin-top:-50px; z-index:99; border-bottom:1px solid #e7e7e7; padding-bottom:15px;}
.l_slid{ float:left;}
.l_slid h1{ display:block; color:#fff; font-family:"Arial"; font-size:48px; line-height:48px; font-weight:bold; text-transform:uppercase;}
.l_slid h2{ display:block; color:#8c36f6;font-size:28px; line-height:28px; margin-top:15px;}
.r_slid{ float:right; margin-top:11px; margin-right:-7px;}
.zy_wz{ float:right; background:url(../images/h_img3.png) left center no-repeat; line-height:22px; color:#888888; font-size:12px; padding-left:21px; margin-top:12px;}
.zy_wz a{ color:#888888;}
.zy_wz span:last-child{
display: none;
}
.zy_wz a:hover{ color:#8c36f6;}
.l_Side{ float:right; width:100%;}
@media screen and (max-width:992px) {
.h_pic1{ width:100%; }
.h_tx1{ width:100%; padding:15px; }
.about_cont2 li a h1{ font-size:24px; line-height:24px;}
.about_cont2 li a h5{ margin-top:15px;}
.about_cont2 li a:hover{ margin:10px 0 0 0;}
.about_cont1{ margin:30px 0;}
.about_cont3{ margin:30px 0;}
.about_cont2 ul{ margin-top:15px;}
.about_cont2 h4{padding-bottom:30px;}
.l_slid{ display:none;}
.zy_wz{ display:none;}
.r_slid{ margin:0; width:100%;}
.zy_tit{ margin:0; padding:30px 0;}
}
.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus{
background-color: #ba86fa;
border-color: #ba86fa;
}
.pagination > li > a, .pagination > li > span{
color: #ba86fa;
}
/*左边*/
.pz_SideLayer{ float:right;}
.pz_SideLayer .l1{ float:left; margin-left:10px; background:url(../images/h_img4.png) right bottom no-repeat; padding-right:7px;}
.pz_SideLayer .l1 a{ float:left; height:49px; line-height:49px; color:#333333; font-size:16px; padding:0 30px; background:#e7e7e7;}
.pz_SideLayer .l1 a.hover,
.pz_SideLayer .l1:hover a{ background:#8c36f6; color:#fff;}
@media screen and (max-width:992px) {
.pz_SideLayer{ width:100%; text-align:center;}
.pz_SideLayer .l1{ margin-left:7px; float:none; display:inline-block; *display:inline; *zoom:1;}
}
@media screen and (max-width:767px) {
.pz_SideLayer .l1{ margin-left:0; padding:0 7px; width:49%; margin:7px 0;}
.pz_SideLayer .l1 a{ width:100%; height:40px; line-height:40px; color:#333333; font-size:16px; padding:0 15px; }
.zy_tit{ padding:20px 0;}
}
/* 分页 */
.wack1{ float:left; width:100%; padding:60px 0;}
.pz_fy{width:100%; float:left; padding:5px 0; text-align:center;display:inline}/*分页浮左或者浮右，修改此处即可。例：text-align:left;*/
.pz_fy a { border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px; border: #bdbbbb 1px solid; PADDING:4px 8px; color:#323232; font-family:Arial, Helvetica, sans-serif;text-decoration:none; margin:0 1px;}
.pz_fy a:hover,.pz_fy a.on{color:#fff; border:#8c36f6 1px solid; background-color:#8c36f6; text-decoration:none;}
@media screen and (max-width:992px){
.wack1{padding:30px 0;}
.fy_pc{ text-align:center; font-size:14px; color:#333; padding:5px 0;}
.fy_pc a{ padding:5px 25px; color:#323232; border:solid 1px #bdbbbb; border-radius:16px; overflow:hidden;}
.fy_pc span{ padding:5px 20px; color:#333;}
}
/*2我们的业务*/
.pord_list{ float:left; width:100%; margin-top:10px;}
.pord_list li a{ float:left; width:100%; margin-top:30px;}
.pord_list li i{ float:left; width:100%; overflow:hidden; position:relative; border:1px solid #e7e7e7; border-bottom:none; background:#fff;}
.pord_list li i img{
-webkit-transition: all 0.4s ease-out 0s;
-moz-transition: all 0.4s ease-out 0s;
-o-transition: all 0.4s ease-out 0s;
transition: all 0.4s ease-out 0s;transition: -webkit-transform 2s;vertical-align:middle;-ms-interpolation-mode:bicubic;}
.pord_list li i{
padding-bottom: 57%;
width: 100%;
position: relative;
height: 0;
overflow: hidden;
}
.pord_list li i img{
position: absolute;
left: 0;
top: 0;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.pord_list li a:hover i img{ -webkit-transform: scale(1.1); -moz-transform: scale(1.1);transform: scale(1.1);opacity:0.2;filter: alpha(opacity=20);}
.pord_list li i em{ display:block; width:63px; height:63px; background:url(../images/h_img6.png) center no-repeat; position:absolute; left:50%; top:-32px; margin-top:-32px; margin-left:-32px;-webkit-transition: all 0.2s ease-out 0s;
-moz-transition: all 0.2s ease-out 0s;
-o-transition: all 0.2s ease-out 0s;
transition: all 0.2s ease-out 0s;
}
.pord_list li a:hover i em{ top:50%;}
.pord_list li span{ float:left; width:100%; color:#fff; background:#ba86fa; font-size:16px; line-height:44px; text-align:center; padding:0 10px; overflow:hidden;white-space: nowrap; text-overflow:ellipsis; transition:background 0.5s ease; -o-transition:background 0.5s ease; -moz-transition:background 0.5s ease; -webkit-transition:background 0.5s ease;}
.pord_list li a:hover span{ background:#8c36f6;}
.pord_cont{ float:left; width:100%; margin-top:30px; background:url(../images/h_img7.jpg) center no-repeat; background-size:cover; padding-top:68px; position:relative;}
.l_pord{ float:left; width:50%; padding:0 25px 72px 179px; background:url(../images/h_img10.png) 90px 120px no-repeat; position:relative;}
.l_pord h1{ float:left; width:100%; color:#ff8a0d; font-size:24px; line-height:34px; padding-top:28px; background:url(../images/h_img8.jpg) left top no-repeat; font-weight:bold;}
.l_pord h2{ float:left; width:100%; color:#666666; font-size:20px; line-height:30px; font-family:"Arial"; text-transform:uppercase;}
.l_pord p{ float:left; width:100%; color:#444444; font-size:14px; line-height:30px; margin-top:17px;}
.l_pord i{ position:absolute; left:40px; top:0; width:100px; padding-bottom:20px;}
.r_pord{ float:left; width:50%; line-height:0; position:absolute; right:0; bottom:0;}
@media screen and (max-width:992px){
.pord_list li a{ margin-top:20px;}
.l_pord{ float:left; width:100%; padding:0 15px 30px 90px; background:url(../images/h_img10.png) 44px 70px no-repeat; position:relative;}
.l_pord i{left:15px; width:60px; padding-bottom:10px;}
.pord_cont{ padding-top:30px; }
.r_pord{ float:left; width:100%; position:static; padding-left:80px; background:url(../images/h_img10.png) 44px top no-repeat;}
.pord_list li i em{ width:36px; height:36px;top:-18px; margin-top:-18px; margin-left:-18px;}
}
@media screen and (max-width:767px){
.pord_list li span{ font-size:14px; line-height:34px; }
.pord_list li a{ margin-top:16px;}
}
/*2我们的业务-详情*/
.pord_det1{ float:left; width:100%; padding:50px 0 70px 0;}
.pord_det1_1{ float:left; width:100%; background:url(../images/h_img13.png) right center no-repeat;}
.pord_det1_1 span{ float:left; background:url(../images/h_img14.jpg) left center no-repeat #fff; padding:0 20px 0 13px; color:#8c36f6; font-size:20px; line-height:20px;}
.pord_det1_2{ float:left; width:100%; color:#444444; font-size:16px; line-height:36px; margin-top:30px;}
.pord_det2{ float:left; width:100%; margin-top:60px;}
.pord_det2_1{ float:left; width:100%; text-align:center; color:#333333; font-size:30px; font-weight:bold; line-height:30px;}
.pord_det2_2{ float:left; width:100%; padding:0 16.75%; margin-top:30px; position:relative;}
.pord_det2_2 i{ position:absolute; left:50%; top:0; float:left; width:2600px; height:100%; margin-left:-1300px; background:url(../images/h_img25.jpg) center repeat-x; z-index:1; background-size:100% 100%;}
.pord_det2_2 img{ border:1px solid #e8e8e8; position:relative; z-index:2;}
.pord_det2_3{ float:left; width:100%; margin:40px 0 30px 0; text-align:center;}
.pord_det2_4{ float:left; width:100%; line-height:0;}
@media screen and (max-width:992px){
.pord_det1{ padding:30px 0 40px 0;}
.pord_det1_2{ margin-top:15px;}
.pord_det2{ margin-top:30px;}
.pord_det2_1{ font-size:20px; line-height:20px;}
.pord_det2_2{margin-top:15px;}
.pord_det2_3{ margin:20px 0 15px 0;}
}
/*3视频中心*/
.video_list{ float:left; width:100%;}
.video_list li a{ float:left; width:100%; margin-top:30px; cursor:pointer;}
.video_list li i{ float:left; width:100%; line-height:0; overflow:hidden; background:#000; position:relative;}
.video_list li i img{opacity:0.9;filter: alpha(opacity=90);
-webkit-transition: all 0.4s ease-out 0s;
-moz-transition: all 0.4s ease-out 0s;
-o-transition: all 0.4s ease-out 0s;
transition: all 0.4s ease-out 0s;transition: -webkit-transform 2s;vertical-align:middle;-ms-interpolation-mode:bicubic;}
.video_list li a:hover i img{ -webkit-transform: scale(1.1); -moz-transform: scale(1.1);transform: scale(1.1);}
.video_list li i font{ display:block; width:46px; height:46px; background:url(../images/h_img15.png) center no-repeat; position:absolute; left:50%; top:50%; margin:-23px 0 0 -23px;}
.video_list li h4{ float:left; width:100%; background:#f0f0f0; line-height:50px; padding:0 20px; position:relative;}
.video_list li h4 span{ float:left; width:100%; color:#444444; font-size:16px; padding-right:80px; overflow:hidden;white-space: nowrap; text-overflow:ellipsis; }
.video_list li h4 em{ float:right; background:url(../images/h_img17.png) right center no-repeat; color:#ff8a0d; font-size:12px; color:#ff8a0d; font-style:normal; padding-right:24px; position:absolute; right:20px; top:0;}
.video_list li a:hover h4{ background:#fff; box-shadow:0 0 6px #e8e8e8; -moz-box-shadow:0 0 6px #e8e8e8; -webkit-box-shadow:0 0 6px #e8e8e8;}
@media screen and (max-width:992px){
.video_list li a{ margin-top:20px;}
.video_list li h4{ line-height:42px; padding:0 15px; }
.video_list li i font{ width:24px; height:24px; background-size:100% 100%; margin:-12px 0 0 -12px;}
}
@media screen and (max-width:767px){
.video_list li a{ margin-top:16px;}
}
.video_bj{position:fixed; width:100%; height:100%; left:0; top:0; background:url(../images/video_bj.png) repeat; z-index:999; display:none;}
.video_box{position:fixed; width:740px; height:522px; left:50%; margin-left:-370px; top:50%; margin-top:-261px; z-index:1000; display:none;}
.video_box .video_close{position:absolute; width:30px; height:30px; background:url(../images/close.png) no-repeat; right:-28px; top:-28px; }
.video_box .video{width:100%; height:100%;}
@media screen and (max-width:992px){
.video_box{position:fixed; width:90%; height:auto; left:50%; top:50%; margin-left:0; margin-top:0; z-index:1000;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.video_box .video_close{position:absolute; width:30px; height:30px; background:url(../images/close.png) no-repeat; right:-10px; top:-32px; }
}
.flex{
display: flex;
justify-content: space-between;
flex-wrap: wrap;
align-items: center;
}
.flex-z{
display: flex;
justify-content: center;
flex-wrap: wrap;
align-items: center;
}
.flex_left{
display: flex;
justify-content: start;
flex-wrap: wrap;
align-items: center;
}
.flex_left1{
display: flex;
justify-content: start;
flex-wrap: wrap;
}
.flex2{
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
.flex3{
display: flex;
justify-content: space-between;
flex-wrap: wrap;
align-items: flex-end;
}
.flex21{
display: flex;
justify-content: flex-end;
flex-wrap: wrap;
}
.line2 {
display: -webkit-box;
overflow: hidden;
text-overflow: ellipsis;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2
}
.line3 {
display: -webkit-box;
overflow: hidden;
text-overflow: ellipsis;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3
}
.line4 {
display: -webkit-box;
overflow: hidden;
text-overflow: ellipsis;
-webkit-box-orient: vertical;
-webkit-line-clamp: 4
}
/*4成功案例*/
.cass_list{ float:left; width:100%; margin-top:10px;}
.cass_list ul{/*display:flex; flex-wrap: wrap; align-items: flex-start;*/}
.cass_list li{ float:left; width:25%; padding:0 15px; margin-top:30px;}
.cass_list li.c{clear:left;}
.cass_list li a{ float:left; width:100%; padding:10px; background:#ebebeb; position:relative; overflow:hidden;}
.h_pic3{ float:left; width:100%; line-height:0; overflow:hidden;}
.h_pic3 span{ float:left; width:100%; line-height:36px; color:#333333; font-size:16px; text-align:center; margin-top:10px; padding:0 10px; overflow:hidden;
white-space: nowrap; text-overflow:ellipsis;}
.h_tx3{ float:left; width:100%; height:100%; position:absolute; left:0; top:0; margin-top:120%; background:url(../images/h_img21.png) center repeat; text-align:center; padding:10px;-webkit-transition: all 0.2s ease-out 0s;
-moz-transition: all 0.2s ease-out 0s;
-o-transition: all 0.2s ease-out 0s;
transition: all 0.2s ease-out 0s;}
.h_tx3_1{ float:left; width:100%; padding:0 10%; position:relative; height:100%; border:1px solid #a2a2a2; }
.h_tx3 h5{ float:left; width:100%; color:#fff; font-size:16px; line-height:36px; background:url(../images/h_img20.png) center bottom no-repeat; padding:20px 0 15px 0;-webkit-transition: all 0.2s ease-out 0s;
-moz-transition: all 0.2s ease-out 0s;
-o-transition: all 0.2s ease-out 0s;
transition: all 0.2s ease-out 0s;}
.h_tx3 p{ float:left; width:100%; color:#fff; font-size:14px; line-height:28px; overflow:hidden; margin:13px 0 27px 0;}
.h_tx3 h6{ float:left; width:100%; text-align:center;}
.h_tx3 h6 span{ display:block; margin:0 auto; width:77px; height:25px; line-height:25px; font-size:12px; font-weight:bold; font-family:"Arial"; background:#ff8a0d; color:#fff; text-transform:uppercase;}
.cass_list li a:hover{ background:#fff;}
.cass_list li a:hover .h_tx3{margin-top:0;}
.cass_list li a:hover .h_pic3 span{ color:#fff;}
@media screen and (max-width:1199px){
.cass_list li{ margin-top:20px;}
.cass_list li a:hover .h_tx3 h5{padding:15px 0;}
.h_tx3 p{ margin:6px 0 13px 0; line-height:24px; height:72px;}
.cass_list li a:hover .h_tx3 h5{padding:15px 0;}
}
@media screen and (max-width:992px){
.cass_list li{width:33.3333%; padding:0 10px; margin-top:20px;}
.h_tx3 h5{ font-size:14px;}
.h_tx3_1{ padding:0 8px;}
.h_pic3 span{ line-height:30px; font-size:14px; text-align:center; margin-top:5px;}
.h_tx3 p{ margin:6px 0; font-size:12px; line-height:20px; height:40px;}
.cass_list li a:hover .h_tx3 h5{padding:0 0 5px 0;}
.h_tx3 h6 span{ width:60px; height:20px; line-height:20px; }
}
@media screen and (max-width:767px){
.cass_list li{width:50%; padding:0 8px; margin-top:16px;}
.cass_list li a{ padding:5px; }
}
/*5新闻中心*/
.news_list{ float:left; width:100%; margin-top:10px;}
.news_list li{ float:left; width:100%; margin-top:30px; background:#f1f1f1; padding:20px; transition:background 0.5s ease; -o-transition:background 0.5s ease; -moz-transition:background 0.5s ease; -webkit-transition:background 0.5s ease;}
.news_list li a{ float:left; width:100%; position:relative;}
.h_pics2{ float:left; width:270px; height:203px; overflow:hidden; position:absolute; left:0; top:0;}
.h_pics2 img{
-webkit-transition: all 0.4s ease-out 0s;
-moz-transition: all 0.4s ease-out 0s;
-o-transition: all 0.4s ease-out 0s;
transition: all 0.4s ease-out 0s;transition: -webkit-transform 2s;vertical-align:middle;-ms-interpolation-mode:bicubic;}
.news_list li:hover i img{ -webkit-transform: scale(1.1); -moz-transform: scale(1.1);transform: scale(1.1);}
.h_tx2{ float:left; width:100%; height:203px; padding:0 10px 0 295px;}
.h_tx2 h3{ float:left; width:100%; color:#333333; font-size:18px; line-height:28px; overflow:hidden;white-space: nowrap; text-overflow:ellipsis; margin-top:5px;-webkit-transition: all 0.2s ease-out 0s;
-moz-transition: all 0.2s ease-out 0s;
-o-transition: all 0.2s ease-out 0s;
transition: all 0.2s ease-out 0s;}
.h_tx2 time{ float:left; width:100%; color:#777777; font-size:14px; line-height:24px; padding-bottom:17px; border-bottom:1px solid #e8e8e8;-webkit-transition: all 0.2s ease-out 0s;
-moz-transition: all 0.2s ease-out 0s;
-o-transition: all 0.2s ease-out 0s;
transition: all 0.2s ease-out 0s;}
.h_tx2 p{ float:left; width:100%; color:#444444; font-size:14px; line-height:30px; height:60px; overflow:hidden; margin:10px 0 28px 0;-webkit-transition: all 0.2s ease-out 0s;
-moz-transition: all 0.2s ease-out 0s;
-o-transition: all 0.2s ease-out 0s;
transition: all 0.2s ease-out 0s;}
.h_tx2 h6{ float:right; color:#4d4d4d; font-size:12px; font-family:"Arial"; text-transform:uppercase; background:url(../images/main11.jpg) left center repeat-x; padding:0 2px;-webkit-transition: all 0.2s ease-out 0s;
-moz-transition: all 0.2s ease-out 0s;
-o-transition: all 0.2s ease-out 0s;
transition: all 0.2s ease-out 0s;}
.news_list li:hover{ background:#8f39ed;}
.news_list li:hover .h_tx2 h3{ color:#fff;}
.news_list li:hover .h_tx2 time{ color:#fff; border-bottom:1px solid #a05ded;}
.news_list li:hover .h_tx2 p{ color:#fff;}
.news_list li:hover .h_tx2 h6{ background:url(../images/main11.png) left center repeat-x; color:#fff;}
@media screen and (max-width:992px){
.news_list li{margin-top:20px; padding:10px; }
}
@media screen and (max-width:767px){
.news_list li{margin-top:16px;}
.h_pics2{width:120px; height:90px; }
.h_tx2{height:90px; padding:0 0 0 130px;}
.h_tx2 h3{ font-size:16px; line-height:26px;}
.h_tx2 time{ padding-bottom:8px; border:none;}
.h_tx2 p{ display:none; line-height:22px; height:44px; margin:5px 0 10px 0;}
}
/*6人才招聘*/
.m_t_61{ margin-top:61px;}
.Recruitment_title{ float:left; width:100%; text-align:center; padding:55px 0 35px 0;}
.Recruitment_title h1{ float:left; width:100%; color:#8c36f6; font-size:20px; line-height:30px;}
.Recruitment_title h2{ float:left; width:100%; color:#333333; font-size:12px; line-height:22px;}
.Recruitment_list{ float:left; width:100%; border-top:1px solid #eeeeee;}
.Recruitment_list li{ float:left; width:100%; border-bottom:1px solid #eeeeee; padding:32px 0;display: flex; flex-wrap: wrap; align-items: center; transition:background 0.5s ease; -o-transition:background 0.5s ease; -moz-transition:background 0.5s ease; -webkit-transition:background 0.5s ease; position:relative;}
.Recruitment_list .name{ float:left; width:22.6%; padding-left:4%;}
.Recruitment_list .name a{ display:block; color:#333333; font-size:20px; line-height:28px;}
.Recruitment_list .name span{ display:block; color:#333333; font-size:14px; line-height:22px;}
.Recruitment_list .add{ float:left; width:35.6%; color:#333333; font-size:14px; line-height:30px;}
.Recruitment_list .time{ float:left; width:26.7%; color:#909090; font-size:14px; line-height:28px;}
.Recruitment_list .more{ float:left; width:15.1%; color:#333; font-size:16px; font-family:"Arial"; line-height:26px;}
.Recruitment_list .more a{ color:#333;}
.Recruitment_list li:hover{ background:#fbfbfb;}
.Recruitment_list li:hover .name a{ color:#8c36f6;}
@media screen and (max-width:992px){
.Recruitment_list .name{ padding-left:15px;}
.tit_p_0{ padding:0; border-bottom:none;}
}
@media screen and (max-width:767px){
.Recruitment_title{ padding:25px 0;}
.Recruitment_title h1{ font-size:16px; line-height:26px;}
.Recruitment_list li{ padding:15px;}
.Recruitment_list .name{ width:100%; padding-left:0;}
.Recruitment_list .add{ width:100%; margin-top:5px;}
.Recruitment_list .time{ width:100%;margin-top:5px;}
.Recruitment_list .more{ width:100%; position:static; margin-top:5px;}
}
.slideGroup{ float:left; width:100%; margin-top:30px;}
.slideGroup .parHd{ float:left; width:100%; border-bottom:1px solid #e9e9e9; border-top:1px solid #e9e9e9; height:41px; text-align:center;}
.slideGroup .parHd ul{ display:inline-block; *display:inline; *zoom:1; position:relative; height:41px;}
.slideGroup .parHd ul li{ float:left; height:41px; line-height:41px; background:#ebebeb; width:118px; font-size:16px; color:#444444;}
.slideGroup .parHd ul li.on{ background:#8c36f6; color:#fff;}
.slideGroup .parBd{ float:left; width:100%;}
/* .slideBox li{ width:100%;} */
.home_more1{ float:left; width:100%; margin:40px 0 60px 0; text-align:center;}
.home_more1 h3{ display:inline-block; *display:inline; *zoom:1; padding:0 56px; background:url(../images/h_img26.png) center repeat-x;}
.home_more1 h3 span{ display:inline-block; *display:inline; *zoom:1; background:#f8f8f8; border:1px solid #d7d7d7; color:#4d4d4d; font-size:12px; font-family:"Arial"; line-height:30px; padding:0 24px; border-radius:30px; -moz-border-radius:30px; -webkit-border-radius:30px;}
@media screen and (max-width:992px){
/* .slideBox li{ width:100%;} */
.home_more1{ margin:20px 0 30px 0;}
.home_more1 h3{padding:0 30px; }
.home_more1 h3 span{ padding:0 20px;}
}
.demo{ float:left; width:91%; margin-top:38px; padding-top:168px; position:relative; margin-left:4.5%; margin-right:4.5%;}
#wheel{ float:left; width:100%;}
.demo li{ float:left; width:128px; text-align:center; position:absolute;}
.demo li .h_pic4{ float:left; width:128px; height:128px;border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%;-webkit-transition: all 0.2s ease-out 0s;
-moz-transition: all 0.2s ease-out 0s;
-o-transition: all 0.2s ease-out 0s;
transition: all 0.2s ease-out 0s;}
.demo li .h_pic4 i{ float:left; width:100%; text-align:center; margin-top:30px;}
.demo li .h_pic4 i img{ display:block; margin:0 auto; width:65px; height:41px;}
.demo li .h_pic4 span{ float:left; width:100%; color:#fff; font-size:14px; line-height:24px; margin-top:5px;}
.demo li .h_tx4{ float:left; width:100%; color:#fff; font-size:14px; line-height:24px; margin-top:5px;}
.demo li:hover .h_pic4{ border:8px solid #a26aef;}
.demo li:hover .h_pic4 i{ margin-top:22px;}
.demo li.l1{ left:0; bottom:12.56%;}
.demo li.l2{ left:20%; bottom:51.2%;}
.demo li.l3{ left:50%; margin-left:-64px; bottom:62%;}
.demo li.l4{ right:20%; bottom:51.2%;}
.demo li.l5{ right:0; bottom:12.56%;}
.demo li.l1 .h_pic4{ background:#ffba35;}
.demo li.l2 .h_pic4{ background:#fba223;}
.demo li.l3 .h_pic4{ background:#ff8a0d;}
.demo li.l4 .h_pic4{ background:#ff6c00;}
.demo li.l5 .h_pic4{ background:#ff5400;}
.demo li .l_ico1{ position:absolute; left:-60px; top:60px; display:block; width:14px; height:14px; background:url(../images/main27.png) center no-repeat;}
.demo li .l_ico2{ position:absolute; right:-60px; top:60px; display:block; width:14px; height:14px; background:url(../images/main27.png) center no-repeat;}
.demo li .l_ico3{ top:137px;}
@media screen and (max-width:1199px){
.demo{ width:100%;margin-left:0%; margin-right:0%;}
.demo li .l_ico3{ top:120px;}
}
@media screen and (max-width:992px){
.demo{ padding-top:130px; margin-top:30px;}
.demo li{ width:100px;}
.demo li .h_pic4{ float:none; display:block; margin:0 auto; width:50px; height:50px; }
.demo li .h_pic4 i{ margin-top:12px;}
.demo li .h_pic4 i img{width:38px; height:24px;}
.demo li .h_pic4 span{font-size:12px; line-height:24px; margin-top:0px;}
.demo li .h_tx4{ font-size:12px; line-height:20px; margin-top:5px;}
.demo li:hover .h_pic4{ border:4px solid #a26aef;}
.demo li:hover .h_pic4 i{ margin-top:8px;}
.demo li.l3{ margin-left:-50px;}
.demo li .l_ico1{left:-50px; top:30px; }
.demo li .l_ico2{ right:-50px; top:30px;}
.demo li .l_ico3{ top:70px;}
}
@media screen and (max-width:767px){
.demo{ padding-top:100px;}
.demo li.l1{ left:-15px; bottom:8%;}
.demo li.l2{ left:12%; bottom:40%;}
.demo li.l3{ left:50%; bottom:50%;}
.demo li.l4{ right:12%; bottom:40%;}
.demo li.l5{ right:-15px; bottom:8%;}
.demo li .l_ico1{left:10%; top:50%;width:8px; height:8px; background-size:100% 100%; }
.demo li .l_ico2{ right:10%; top:50%;width:8px; height:8px; background-size:100% 100%;}
.demo li .l_ico3{ top:35%;}
}
.another{ position:fixed; right:0; top:50%; width:41px; overflow:hidden; cursor:pointer; z-index:999;}
.another .anothertop{padding:15px 14px; color:#fff; font-size:14px; font-weight:bold; line-height:20px; background:#692d96;}
.another .anotherreturn{ width:41px; text-align:center; background:#333; padding:5px;
border-radius:4px;
-webkit-border-radius:4px;
-moz-border-radius:4px;
-o-border-radius:4px;
}
@media screen and (max-device-width: 320px){body{-webkit-text-size-adjust:none}}
@media screen and (max-device-width: 480px){body{-webkit-text-size-adjust:none}}
@media only screen and (-webkit-min-device-pixel-ratio: 2){body{-webkit-text-size-adjust:none}}
@media only screen and (min-device-width: 768px) and (max-device-width: 1243px){body{-webkit-text-size-adjust:none}}
._content{line-height:22px;width:100%;display:inline-block; padding:10px 0 50px 0;}
/* 新闻中心内页 */
.news_tit{ width:100%; float:left; border-bottom:1px dashed #999999; padding:10px 0 10px; text-align:center; }
.news_tit h2{ font-size:16px; color:#000; margin-bottom:10px;}
.news_tit span{ color:#969696;}
.news_ct{ width:100%; float:left; padding:10px 0; line-height:24px;font-size:14px;min-height:200px;}
/* zrw */
.c_0100_0428{ width:100%; float:left; padding-top:10px;}
.zy{ width:100%; float:left; border-bottom:1px #d5d5d5 solid; font-size:14px; line-height:28px; padding-bottom:14px;}
.wb{ width:100%; padding-top:11px; float:left;}
.wb table{
border: none;
}
.zd{ color:#e20904;}
.f_z{ font-size:14px;}
.wb2{ width:90%; float:left; line-height:34px; border:1px #d2d2d2 solid; height:34px; text-indent:10px;}
.p_r{ margin-right:5%;}
.p_l{ margin-left:5%;}
.dh{ width:95%;border:1px #d2d2d2 solid; height:135px; padding:10px;}
.wb3{ width:25%; float:left; line-height:34px; border:1px #d2d2d2 solid; height:34px;text-indent:10px;}
.tj{ width:195px; height:50px; background:#8c36f6; line-height:50px; text-align:center; float:left; color:#fff; border:0; font-size:18px;margin-top:26px;}
.ly{ width:100%; margin-top:26px; padding-top:26px; border-top:1px #d5d5d5 solid; float:left;}
.ly ul{ padding-bottom:10px; float:left; width:100%; border-bottom:1px #d5d5d5 solid;}
.ly li{ width:100%; float:left;}
.ly li .z1{ width:98%; color:#000000; height:28px; background:url(images/ye_03.jpg) repeat-x; line-height:28px; padding-left:2%; float:left;}
.ly li .z2{ width:100%; padding:7px 0; float:left;}
.ly li .z2 .z_1{ padding-left:2%;color:#000000; width:10%; float:left;}
.ly li .z2 .z_2{ line-height:20px;color:#000000; width:88%; float:left;}
.ly li .z3{ width:100%; padding-bottom:16px; float:left;}
.ly li .z3 .z_1{ padding-left:2%;color:#f37a03; width:10%; float:left;}
.ly li .z3 .z_2{ line-height:20px;color:#f37a03; width:88%; float:left;}