锘?* reset */
html { height: 100%; overflow-x:hidden;-webkit-tap-highlight-color:rgba(0,0,0,0);}
body { min-height: 100%; overflow-x:hidden;}
body { _height: 100% }
body, div, ul, ol, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, iframe, pre, code, fieldset, legend, form, input, select, textarea, button, p, blockquote, th, td, figure { margin: 0; padding: 0 }
body, div, ul, ol, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, iframe, pre, code, fieldset, legend, form, p, blockquote, figure, header, footer, nav, article, section, aside, address, figcaption { *zoom: 1 }
li { list-style-type: none }
h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: normal;}
iframe, frame, fieldset, img { border: 0 none }
img { vertical-align: top }
input[type=button], input[type=submit], input[type=reset] { cursor: pointer }
button { cursor: pointer }
input, textarea, button { -webkit-border-radius: 0; -webkit-appearance: none }
input[type=radio] { -webkit-border-radius: 100%; -webkit-appearance: radio }
input[type=checkbox] { -webkit-appearance: checkbox }
input[type=search] { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; -ms-box-sizing: content-box; -o-box-sizing: content-box; box-sizing: content-box }
textarea { overflow: auto; resize: none }
::-webkit-input-placeholder{color:#C9C9C8;}
:-moz-placeholder{color:#C9C9C8;}
::-moz-placeholder{color:#C9C9C8;}
:-ms-input-placeholder{color:#C9C9C8; opacity: 0.8;}
.placeholder{color:#C9C9C8;}
blockquote, q { quotes: none }
blockquote:before, blockquote:after, q:before, q:after { content: ""; content: none }
table { border-collapse: collapse; border-spacing: 0 }
caption, th { text-align: left }
th { font-weight: normal }
em, cite, address,i { font-style: normal }
body, input, select, button, textarea {color:#000000; font-size: 14px; /*font-family: "寰蒋闆呴粦";*/}
body { line-height: 1.5;}
a { color:#000000;text-decoration: none!important;}
a { blr:expression(this.onFocus=this.blur()) }
a * { *cursor: pointer }
:focus { outline: none }
img{max-width: 100%;}
.rich_media{
width: 100% !important;
}
.rich_media_inner {
padding: 0px !important;
}
.rich_media_area_primary {
padding: 0px !important;
}
/* 闃块噷鍥炬爣 */
[class*='icon']{
font-family: 'iconfont';
}
@font-face {
font-family: SourceHanSansCN-Normal;
src:url('../font/SourceHanSansCN-Normal.otf') format('opentype');
}
body, input, select, button, textarea{
font-family: SourceHanSansCN-Normal;
}
.edit_con_original{ line-height:3em; padding:0 0; color:#000000;}
.edit_con_original ul{ margin:inherit; padding:inherit; padding-left:2em;}
.edit_con_original ul li { list-style-type:disc; margin:auto; }
.edit_con_original ol{ margin:inherit; padding:inherit}
.edit_con_original ol li { list-style-type:decimal; margin:auto; }
.edit_con_original h1 { font-size: 2em; font-weight:bold }
.edit_con_original h2 { font-size: 1.5em; font-weight:bold }
.edit_con_original h3 { font-size: 1.17em; font-weight:bold }
.edit_con_original h4 { font-size: 1em; font-weight:bold }
.edit_con_original h5 { font-size: 0.83em; font-weight:bold }
.edit_con_original h6 { font-size: 0.67em; font-weight:bold }
.edit_con_original em { font-style: italic }
.edit_con_original cite{ font-style: italic }
.edit_con_original address{ font-style: italic }
.edit_con_original i { font-style: italic }
.edit_con_original table{ border-collapse: separate; border-spacing: 2px }
.edit_con_original img{ max-width:100%; height:auto; width: 100% !important; height: auto !important;}
.edit_con_original p{font-size: 16px !important;}
/*鎵€鏈夊悗鍙扮紪杈戝櫒鍖哄煙閮借寮曠敤 edit_con_original 绫诲悕*/
/* clear 椤靛ご锛岄〉鑴氾紝鍐呭鍖洪兘涓嶇敤鍐嶅姞娓呴櫎鏍峰紡 */
.fixed:before, .clearfix:before, .cf:before, body:before, .header:before, .main:before, .footer:before { content: ''; display: table }
.fixed:after, .clearfix:after, .cf:after, after, .header:after, .main:after, .footer:after { content: ''; display: table; clear: both }
.fixed, .clearfix, .cf, .header, .main, .footer { *zoom: 1 }
.clear, .cl { display: block!important; float: none!important; clear: both; width: auto!important; max-width: none!important; min-width: 0!important; max-height: none!important; min-height: 0!important; overflow: hidden; margin: 0!important; padding: 0!important; border: 0 none!important; font-size: 0!important; line-height: 0!important }
.animate{ transition: 1.5s all cubic-bezier(0.19, 1, 0.22, 1);}
.animate_slowx { transition: 2.5s all cubic-bezier(0.19, 1, 0.22, 1); }
.animate_fast{ transition: 1s all cubic-bezier(0.19, 1, 0.22, 1);}
.animate_slow{ transition: 10s all cubic-bezier(0.19, 1, 0.22, 1);}
.animate_normal{ transition: 0.5s all linear;}
/*涓ょ瀵归綈*/
.justify { text-align:justify; text-justify:distribute-all-lines;}
/*鍥剧墖缁忚繃*/
.tran_scale{ overflow:hidden; display:block;}
.tran_scale img{transition:0.5s all; -webkit-transition:0.5s all;}
/*鎴瓧*/
.ellipsis{ overflow:hidden; text-overflow:ellipsis; white-space:nowrap; display: inline-block; max-width:100%;}
.clamp{display:-webkit-box; -webkit-box-orient: vertical;-webkit-line-clamp:2; line-height: 1.5; max-height: 3em;height: 3em;overflow:hidden;}
.clamp_3{display:-webkit-box; -webkit-box-orient: vertical;-webkit-line-clamp:3; line-height: 1.5; max-height: 4.5em;height: 4.5em;overflow:hidden;}
.clamp_4{display:-webkit-box; -webkit-box-orient: vertical;-webkit-line-clamp:4; line-height: 1.5; max-height: 6em;height: 6em;overflow:hidden;}
.clamp_5{display:-webkit-box; -webkit-box-orient: vertical;-webkit-line-clamp:5; line-height: 1.5; max-height: 7.5em;height: 7.5em;overflow:hidden;}
/*涓婁笅灞呬腑*/
.v-m-c{ transform: translate(0,-50%); -webkit-transform: translate(0,-50%); -ms-transform: translate(0,-50%); position:absolute; left:0; top:50%;}
/*宸﹀彸灞呬腑*/
.l-m-c{ transform: translate(-50%,0); -webkit-transform: translate(-50%,0); -ms-transform: translate(-50%,0);position:absolute; left:50%; top:0;}
/*缁濆灞呬腑*/
.a-m-c{ transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); position:absolute; left:50%; top:50%;}
/*鑳屾櫙*/
.bg-cover{background-size: cover; background-repeat: no-repeat; background-position: center center;}
.bg_layer{background: rgba(0,0,0,0.7); position: absolute; left:0; top:0; width: 100%; height: 100%; z-index: 10000;}
.bg-cover-ban{ background-size: 100% 100%;}
.ratio-img,.ratio-img img{width: 100%;}
*{box-sizing: border-box;}
.wrap{max-width: 1620px; margin:0 auto; width: 90%;}
.wrap_1440{max-width: 1440px; margin:0 auto; width: 90%;}
.nav_phone_btn,.nav_click{display: none;}
.header{position: fixed; left:0; top:0;width: 100%; height:57px; z-index: 9999999; box-shadow:0 0 5px 5px rgba(0,0,0,0.1); background: #fff;}
.header .logo{ float:left;margin:11px 0 0;width:142px; height:33px;}
.header .inner{z-index: 9999; position: relative;height:57px; background: #fff;}
.header .inner .wrap{ height: 100%;}
/*椤堕儴鍙充晶*/
.head_rr{ padding-left:50px; position: absolute; right:0; top:0; color:#fff; width:18.4375%; height: 57px;/* background: url(../images/dot01.png) no-repeat;*/}
.head_rr::before{content: ""; display: block; position: absolute;left:15px;top:0; width: 100%;height: 100%; z-index: -1;
transform: skewX(-18deg);
-webkit-transform: skewX(-18deg);
-moz-transform: skewX(-18deg);
-o-transform: skewX(-18deg);
-ms-transform: skewX(-18deg);
background: #7832e1;
background-image:-moz-linear-gradient(to right,#7832e1,#44E1FF);
background-image:-webkit-linear-gradient(to right,#7832e1,#44E1FF);
background-image:-ms-linear-gradient(to right,#7832e1,#44E1FF);
background-image:-o-linear-gradient(to right,#7832e1,#44E1FF);
background-image:linear-gradient(to right,#7832e1,#44E1FF);}
.head_rr a{line-height: 57px; color:#fff;}
.head_rr a.a_ser{margin-left:60px;}
.head_rr a.a_ser i{ font-weight: bold;color:#fff!important;}
.head_rr a:hover{ color:#fff!important;}
.search_wrap{width:0;position: absolute; right:0px; top:58px; overflow: hidden; border:none; background: #fff;height:40px;line-height: 40px; outline: none;transition: 0.3s all;}
.search_wrap.on{width: 232px; border-radius:5px;border:1px solid #969191;}
.search_box_text{float:left; width:200px; padding:0 10px; height: 40px; line-height: 40px; border:none; background: none;}
.search_box_button {float: right;width:30px;height:40px; border:0; outline: none; background: none;}
.search_box_text::placeholder{color:#BDBDBD;}
.search_box_button i{font-size: 18px;}
/*瀵艰埅*/
.nav{ float: right; width:60%; margin-right:18%; height:57px;}
.nav ul{ height:100%; width:100%; text-align: right;}
.nav ul>li{ display: inline-block; margin:0 30px; line-height: 57px; text-align: center; }
.nav ul>li span{ display: none;}
.nav ul>li>a{display: block; width:100%; height:100%; height: 57px; line-height: 57px; font-weight: bold;}
.nav ul>li.on a{color:#491990;}
/*瀵艰埅涓嬫媺*/
.nav_list{
transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;-ms-transition:all 0.3s;
position: absolute; z-index: 999; top:57px;left: 0;width: 100%; height:60vh; line-height: 44px;overflow: hidden; background: url(../images/nav_bg.jpg) right bottom no-repeat; background-size:cover;
opacity: 0; visibility: hidden; box-shadow: 0 8px 8px 5px rgba(0,0,0,0.15);transform: translateY(-560px);
}
.nav_list a.nav_close{ position: absolute; right:5%; top:3%; color:#6326BF; font-size: 24px; z-index: 999; cursor: pointer;}
.wrap_in{position: relative;z-index: 2; margin-top:3.5%;}
.nav_list .li_01{width:33.375%; padding-left: 10%;}
.nav_list .li_01>.nav_block{position: absolute;left:36.4%;top:0;width:30%;display: none;}
.nav_list .li_02>.nav_block{position: absolute;left:100%;top:0;width:100%;height: 100vh; overflow-y: auto; padding-bottom: 100px; display: none;padding-left: 70px;box-sizing: border-box;}
.nav_list .li_02:first-child>.nav_block{display: block;}
.nav_list h3{position: relative;}
.nav_list h3 a{display: block;}
.nav_list h3 span{position: absolute;top:0;right: 0;height: 100%; width: 50px;}
.nav_p p{line-height: 34px; padding:5px 0; position: relative; padding-left: 10%; widtH:80%;}
.nav_p a{color: #454545;}
.nav_p p a:hover{color:#6326BF!important; font-weight: bold;}
.nav_list .li_01 h3,.nav_list .li_02 h3{padding:5px 0; line-height: 34px; padding-left: 30%;}
.nav_list .li_01 h3{width:80%;}
.nav_list .li_02 h3{width:84%;}
.nav_list .li_01 h3::after,.nav_list .li_02 h3::after,.nav_p p::after{ opacity: 0; content: ""; background:linear-gradient(135deg,transparent,transparent, #D5C4EE);transform: skewX(-20deg);z-index: -1;position: absolute;left: 0;right: 0;top: 0;bottom: 0;
transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;-ms-transition:all 0.3s;}
.nav_list .li_02 h3::after,.nav_p p::after{background:linear-gradient(135deg,transparent,transparent, #a9a9a9);}
.nav_list .li_01.on>h3::after,.nav_list .li_02.on>h3::after,.nav_p p:hover::after{opacity: 1;}
.nav_list .li_01.on>h3 span{ background: url(../images/dot04.png) left center no-repeat;}
.nav_list .li_01.on>h3 a{color:#000!important; }
.nav_list .li_01 h3 a:hover{color:#6326BF!important; font-weight: bold;}
.nav_list .li_02.on>h3 span{ background: url(../images/dot04_an.png) left center no-repeat;}
.nav_list .li_02.on>h3.no_tree span{background:none;}
.nav_list .li_02.on>h3.no_tree::after{ opacity: 0;transition:all 0s;-webkit-transition:all 0s;-moz-transition:all 0s;-o-transition:all 0s;-ms-transition:all 0s;}
.nav_list .li_02.on>h3.no_tree:hover::after{opacity: 1;}
.nav_list .li_01.on .nav_block li.on h3:first-child a{color:#000!important; }
.nav_list .li_01.on .nav_block li h3:first-child a:hover{color:#6326BF!important; font-weight: bold;}
.nav_list .li_01.on>.nav_block{display: block;}
.nav_list.show,.navbody .nav_list{opacity: 1; visibility: visible;transform: translateY(0);}
.return_a{display: none;cursor: pointer;border-bottom: 1px solid #eee;padding: 0 20px;}
.return_a a{display: inline-block;color: #9c9c9c;}
.return_a i{margin-right: 3px;}
.lt10 .nav_list .li_01 h3::after{ background: #D5C4EE;}
.lt10 .nav_list .li_02 h3::after{ background: #E8E8E8;}
@media only screen and (max-width: 1439px){
.nav ul>li{margin:0 20px;}
.nav_list{ height: 70vh;}
}
@media only screen and (max-width: 1365px){
.nav_list{height: 65vh;}
}
@media only screen and (max-width: 1279px){
.nav ul>li{margin:0 12px;}
.head_rr a.a_ser{margin-left:40px;}
/*瀵艰埅涓嬫媺*/
.nav_list{
transition:all 0.3s;
-webkit-transition:all 0.3s;
-moz-transition:all 0.3s;
-o-transition:all 0.3s;
-ms-transition:all 0.3s;
position: absolute;
z-index: 999;
top:57px;
left: 0;
width: 100%;
height: 80vh;
line-height: 44px;
overflow: hidden;
background: url(../images/nav_bg.jpg) right bottom no-repeat;
background-size:cover;
opacity: 0;
visibility: hidden;
box-shadow: 0 8px 8px 5px rgba(0,0,0,0.15);
transform: translateY(-560px);
}
}
@media only screen and (max-width:1024px) {
.header .logo{margin:8px 0 0 8px;}
.head_rr{padding-left:25px;}
.head_rr a.a_ser{margin-left:20px;}
.index-body .main{padding-top: 0;}
.main{padding-top: 57px;}
/*鎵嬫満瀵艰埅鎸夐挳寮€濮?/
.nav_phone_btn{display: block;cursor: pointer;height: 57px; position: fixed;top:0;right:0;z-index: 999;width:37px;text-align: center;}
.nav_phone_btn span {position: relative;width:26px;height: 3px; top:13px; background-color: #fff;display: inline-block;transition:all 250ms ease-out;-webkit-transition:all 250ms ease-out;}
.nav_phone_btn span i{ position: absolute; bottom:-30px; left:0; width:100%; color:#fff; font-family: arial; font-size: 12px; text-transform: uppercase;}
.nav_phone_btn span:before,.nav_phone_btn span:after {content: "";position: absolute;width: 100%;height: 3px;background-color: #fff;left:0px;transition:all 250ms ease-out;-webkit-transition:all 250ms ease-out;}
.nav_phone_btn span:before{top:-7px;}
.nav_phone_btn span:after{top:7px;}
.visible_nav.nav_phone_btn span{background-color: transparent;}
.visible_nav.nav_phone_btn span:before{top:0px;width:90%;transform: rotateZ(45deg);-webkit-transform: rotateZ(45deg);-ms-transform: rotateZ(45deg);}
.visible_nav.nav_phone_btn span:after{top:0px;width:90%;transform: rotateZ(-45deg);-webkit-transform: rotateZ(-45deg);-ms-transform: rotateZ(-45deg);}
/*瀵艰埅涓嬫媺*/
.nav,.nav_list a.nav_close{ display: none;}
.wrap_in{margin-top:0;}
.nav_list{ background: #fff;}
.nav_list .li_01{width: 100%;}
.nav_list .li_01 h3,.nav_list .li_02 h3{padding:0; width:100%;}
.nav_list .li_01 h3,.nav_list .li_02 h3,.nav_p p{line-height: 40px;}
.nav_list .li_01.on>h3,.nav_list .li_02.on>h3{padding: 0; padding-left: 0;}
.nav_p p{padding: 0;}
.nav_list h3 span{ background: url(../images/nav_i.png) center no-repeat;}
.nav_list h3.no_tree span{display: none;}
.nav_list .li_01>.nav_block{left: auto;right: -100%; width: 100%;height: 100%; background: #fff;position: fixed;display: block; z-index: 9;}
.nav_list .li_02>.nav_block{left: auto;right: -100%;width: 100%;height: 100%; background: #fff;position: fixed;z-index: 91;}
.nav_list .li_01>.nav_block,.nav_list .li_02>.nav_block{transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;-ms-transition:all 0.3s;padding: 0;box-sizing:border-box;}
.nav_list .li_02>.nav_block .nav_p{padding: 0 20px;}
.nav_list .li_01,.nav_list .li_02{padding: 0 20px; padding-right: 10px;}
.nav_list .li_01.on>.nav_block{right:0;}
.nav_list .li_02.on>.nav_block{right:0;}
.return_a{display: block;}
.nav_list li{border-bottom: 1px solid #eee;}
.nav_list .li_02>.nav_block{display: block;}
.nav_list .li_01 h3{padding-left: 0; margin-bottom: 0;}
.nav_list .li_01 h3::after{ display: none;}
}
@media only screen and (max-width:1023px) {
.head_rr{width:25%;}
}
@media only screen and (max-width:767px) {
.header .logo{width:100px; height: 23px; margin-top:15px;}
.head_rr{width:45%;}
.search_wrap{ display: none; right:0; left:auto; width:222%; background: #fff; height: auto; border:none; border-radius: 0;}
.search_wrap.on{ display: block; width:222%;top:57px;border:5px solid #161719;border-radius: 0;}
.search_box_text{width:calc(100% - 30px);}
}
@media only screen and (max-width:374px) {
.head_rr{padding-left: 18px;}
.head_rr a.a_ser{margin-lefT:10px;}
}
/*鍏叡搴曢儴*/
/*.footer{background:#535559; color:#F9F9F9; padding:3% 0 1.5%;}*/
/*.foot_top ul{ float: left; width:calc(100% - 400px);}*/
/*.foot_top li{ float: left; width:16.66%; position: relative;}*/
/*.foot_top li h2{color:#F9F9F9; margin-bottom:25px; }*/
/*.foot_top li h2 a{color:#F9F9F9;}*/
/*.foot_top li p{ line-height: 2; opacity: 0.9; margin-bottom: 8px;}*/
/*.foot_top li p,.foot_top li p a{color:#F9F9F9;}*/
/*.foot_top .code{ float: right; text-align: right;}*/
/*.foot_top .code img{width:96px; height:96px;}*/
/*.foot_top .code img+img{margin-left: 40px;}*/
/*.foot_bot{padding-top:2%; margin-top:2%;}*/
/*.foot_bot .f_conn{ float: left; margin-top:10px;}*/
/*.foot_bot .f_conn a{color:#F9F9F9;}*/
/*.foot_bot .f_conn em{font-size: 12px; margin:0 15px; vertical-align: top;}*/
/*.foot_bot p.cop{ float: right; color:#F9F9F9;font-family: Arial, Helvetica, sans-serif;}*/
/*.foot_bot p.cop a.xhr{display: block;color:#F9F9F9;}*/
.footer{background:#535559; color:#F9F9F9; padding:3% 0 1.5%;}
.foot_top ul{ float: left; width:calc(100% - 400px);}
.foot_top li{ float: left; width:16.66%; position: relative;}
.foot_top li h2{color:#F9F9F9; margin-bottom:25px; }
.foot_top li h2 a{color:#F9F9F9;}
.foot_top li p{ line-height: 2; opacity: 0.9; margin-bottom: 8px;}
.foot_top li p,.foot_top li p a{color:#F9F9F9;}
.foot_top .code{ float: right; text-align: right;}
.foot_top .code img{width:96px; height:96px;}
.foot_top .code div{
margin-left: 20px;
float: left;
}
.foot_top .code div p{
margin-top: 10px;
text-align: center;
}
.foot_top .code img+img{margin-left: 40px;}
.foot_bot{padding-top:2%; margin-top:2%; border-top: 2px solid #75777a;}
.foot_bot .f_conn{ float: left; margin-top:10px; display: none;}
.foot_bot .f_conn a{color:#F9F9F9;}
.foot_bot .f_conn em{font-size: 12px; margin:0 15px; vertical-align: top;}
.foot_bot p.cop{ float: right; color:#F9F9F9;font-family: Arial, Helvetica, sans-serif;}
.foot_bot p.cop a.xhr{color:#F9F9F9; margin-left: 10px;}
/*渚ц竟鏍?/
.sidebar{ position: fixed; right:-3px; top:50%; margin-top:-99px; width:64px; height:198px;z-index: 10; transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;-ms-transition:all 0.3s;}
.sidebar ul{width:100%;}
.sidebar li{transform:rotate(-25deg);-ms-transform:rotate(-25deg);transition:0.5s all; -webkit-transition:0.5s all; cursor: pointer; float: right; width:100%; height:72px; margin-bottom: 12px; position: relative;}
.sidebar li a{ display: block; width:100%; height:100%;}
.sidebar li span{ position: absolute; z-index: 2; text-align: center; top:0; left:0; width:64px; height: 72px; line-height: 72px; text-align: center; vertical-align: middle; transition:right 0.3s;transform:rotate(25deg);-ms-transform:rotate(25deg);}
.sidebar li span i{color:#fff; font-size: 24px; width:24px; height: 24px; vertical-align: middle;}
.sidebar li p{position: absolute; right:68px; top:0; width:236px; height:72px; color:#fff; line-height: 72px;transition:transform 0.3s;transform:translate(320px,0);-ms-transform:translate(320px,0);text-align: center; }
.sidebar li p::after{content: "";transform: skewX(-25deg);-ms-transform: skewX(-25deg);z-index:-1;position: absolute;left: 0;right: 0;top: 0;bottom: 0;background: linear-gradient(180deg,#7E3BE2, #6F3EE3);}
.sidebar li p a{ color:#fff!important;}
.sidebar li::after{content: "";transform: skewX(-25deg);-ms-transform: skewX(-25deg);z-index:-1;position: absolute;left: 0;right: 0;top: 0;bottom: 0;}
.sidebar li:first-child::after{background: linear-gradient(180deg,#7E3BE2, #6F3EE3);}
.sidebar li:first-child+li::after{background: linear-gradient(180deg,#6F3EE3, #4E6DEC);}
.sidebar li:first-child+li+li::after{background: linear-gradient(180deg,#4E6DEC, #3195F4);}
.sidebar li:first-child+li+li+li::after{background: linear-gradient(180deg,#4E6DEC, #3195F4);}
.sidebar li:hover p{transform:translate(0px,0);-ms-transform:translate(0px,0);}
.lt10 .sidebar li::after{ background: #6F3EE3!important;}
.lt10 .sidebar li p::after{background: #6F3EE3;}
@media only screen and (min-width: 1025px){
.yes_tran,a{transition: 0.3s all;-webkit-transition: 0.3s all;-moz-transition: 0.3s all;-o-transition: 0.3s all;-ms-transition: 0.3s all;}
.no_tran{transition: 0s all;-webkit-transition: 0s all;-moz-transition: 0s all;-o-transition: 0s all;-ms-transition: 0s all;}
a:hover{color: #491990!important;}
.tran_scale:hover img{transform:scale(1.05,1.05) rotate(-1deg); -webkit-transform:scale(1.05,1.05) rotate(-1deg);}
.foot_top li p a:hover,.foot_bot .f_conn a:hover,.foot_bot p.cop a.xhr:hover{
/*color:#fff!important*/
}
}
@media only screen and (max-width: 1024px){
.foot_top ul{width:calc(100% - 250px);}
}
@media only screen and (max-width: 1023px){
.foot_top ul{width:100%;}
.foot_top .code{ width:100%; margin:5% 0 0; text-align: center;}
}
@media only screen and (max-width: 767px){
.foot_top li{width:100%!important; padding-left: 0;border-bottom:1px solid #999; margin-bottom: 10px;}
.foot_top li::after{ display: none;}
.foot_top li h2{margin:0; padding-bottom:10px; font-size: 15px;background: url(../images/nav_ico.png) 98% 8px no-repeat;}
.foot_top li .con{width:100%; padding:8px 0; display: none;}
.foot_top li.on h2{border-bottom:1px solid #999; background: url(../images/nav_ico_up.png) 98% 8px no-repeat;}
.foot_top li p{ font-size: 15px;}
.foot_bot .f_conn,.foot_bot p.cop{widtH:100%;}
.foot_bot .f_conn em{margin:0 9px;}
.foot_bot p.cop{margin-top:10px;}
.foot_bot p.cop a.xhr{ display: inline-block;margin-left:10px;}
.sidebar{width:30px; height: 100px; margin-top:-50px;}
.sidebar li{ height: 30px; margin-bottom: 5px;}
.sidebar li span{width:30px; height: 30px; line-height: 30px;}
.sidebar li span i{font-size: 16px;}
.sidebar li p{right:32px; width:180px; height: 30px; line-height: 30px;}
}
.weixin{ position:fixed; width:300px; z-index:100000; background:#fff; border:1px solid #ddd; border-radius:2px; box-shadow:1px 1px 10px #666;transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);-moz-transform: translate(-50%,-50%);-o-transform: translate(-50%,-50%); left:50%; top:50%;}
.weixin .c{ position:absolute; width:40px; height:40px; background:url(../images/x.png) center center no-repeat; overflow:hidden; text-indent:100px; right:0; top:0; font-size:20px; font-style:normal; text-align:center; cursor:pointer; z-index:2;}
.weixin h2{ position:relative; line-height:40px; font-size:16px; padding-left:20px; font-weight:normal;}
.weixin .img{ padding:10px 20px;text-align:center; border-top:1px solid #ddd;}
.weixin .img img{width:200px; height: 200px;}
.weixin p {margin:0 0 30px; text-align:center;}
@media only screen and (max-width: 767px){
.weixin{width:75%;}
.weixin .img img{width:160px; height: 160px;}
}
/*鍒嗛〉*/
/*page*/
.pageout{text-align: center;padding-bottom: 5px; clear: both;padding-top: 50px;}
.page{display:inline-block;*display:inline;*zoom:1;}
.page {vertical-align:middle;text-align:center;margin: 0 auto; color:#2d2d2d; height:44px; line-height:44px; }
.page span{color:#2d2d2d; float: left;margin-left: 5px; }
.page span em{ }
.page i{ float: left; margin: 0 6px;color: #9c9c9c;}
.page a{float: left; width:44px; border: 1px solid #e1e1e1; color: #9c9c9c; background: #f4f4f4; margin: 0 2px; }
.page a.on{background:#000;color:#fff;border: 1px solid #000; }
.page a.prev {background:#f4f4f4 url(../images/page_first.png) center center no-repeat; text-indent:-10000px;margin-left: 0; margin-right:18px;}
.page a.next {background:#f4f4f4 url(../images/page_last.png) center center no-repeat; text-indent:-10000px; margin-left: 0; margin-left:18px;}
.page a.prev.no,.page a.next.no,.page a.first.no,.page a.last.no{opacity:0.5;filter:alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity:0.5;}
.page a.on:hover{color: #fff !important;}
.page .go{width: 46px;background: #000000;color: #fff;text-align: center;cursor: pointer;height: 46px;line-height: 46px;border: none;outline: none;}
.page .go:hover{color: #fff !important;}
.page .txtnum{margin:0 20px;/* margin-left: 30px; */margin-right: 5px;}
.page .txtnum input{width:46px;height:46px;line-height:46px;padding: 0 5px;text-align:left;background:none;border: 2px solid #7a8087;box-sizing:border-box; text-align: center;}
@media only screen and (max-width:1440px) {
.pageout{padding-top: 50px;}
}
@media only screen and (max-width:1024px) {
.pageout{padding-top: 30px;}
}
@media only screen and (max-width:767px) {
.pageout{font-size: 14px;padding-top: 20px;}
.page i,.page span,.page a.go{display:block; display:inline-block;}
.page a.prev{margin-right: 2px;}
.page a.next{margin-left: 2px;}
.page a.go{width: 36px;margin-top: 3px;margin-left: 5px;}
.page{ height: 36px; line-height: 36px;}
.page a{display:none; font-weight: normal;width:42px;}
.page a.prev,.page a.next{display:block; display:inline-block;}
.page i{margin:0 4px;display: none;}
.page a.on{display: inline-block;}
.page .txtnum{margin: 0 5px;}
.page .txtnum input,.page .go{height: 38px;line-height: 38px;}
}
/*page*/
/*鍒嗛〉 end*/
.header_height{height: 57px;}
/*鍐呴〉banner*/
.site_banner_wrap{position:relative;}
.site_banner{position: relative;}
.site_banner_text{position: absolute;left: 0;top:36.4%;width: 100%;color: #fff;}
.site_banner .banner_le{float: left;}
.site_banner .banner_le h4{line-height: 20px;}
.site_banner .banner_le h3{line-height: 60px;}
.site_banner .banner_re{float: left;font-size: 80px;line-height: 80px;font-weight: 100;margin-left: 15px}
.pub_wrap,.pub_tab ul,.pub_tab li,.pub_tab li a{height: 76px;line-height: 76px;}
.pub_wrap{position: absolute;left: 0;bottom: 0;width: 100%;background: rgba(0,0,0,0.5);}
.pub_wrap,.pub_wrap a{color: #fff;display: block;}
.pub_tab{text-align: center;}
.pub_tab ul{display: inline-block;}
.pub_tabbb ul{ display: flex;}
.pub_tab li{float: left;width: 260px;position: relative;}
.pub_tab li span{position: relative;z-index: 2;}
.pub_tab li em{display: none;
position: absolute;left: 0;top:0;width: 100%;height: 100%;
transform: skewX(-25deg);
-webkit-transform: skewX(-25deg);
-moz-transform: skewX(-25deg);
-o-transform: skewX(-25deg);
-ms-transform: skewX(-25deg);
background: #7832e1;
background-image:-moz-linear-gradient(to right,#7832e1,#0c9df6);
background-image:-webkit-linear-gradient(to right,#7832e1,#0c9df6);
background-image:-ms-linear-gradient(to right,#7832e1,#0c9df6);
background-image:-o-linear-gradient(to right,#7832e1,#0c9df6);
background-image:linear-gradient(to right,#7832e1,#0c9df6);
}
.pub_tab li.on em{ display: block;}
.site_btn i {
cursor: pointer;
position: absolute;
top: -25px;
left: 0px;
background: #491990;
color: #fff;
width: 24px;
height: 24px;
line-height: 24px;
text-align: center;
display: block;
border-radius: 50%;
}
.site_btn span {
display: block;
background: #491990;
color: #fff;
width: 30px;
height: 30px;
line-height: 30px;
text-align: center;
position: absolute;
top: 50%;
left: -50px;
border-radius: 5px 0 0 5px;
visibility: hidden;
opacity: 1;
cursor: pointer;
}
.sidebar.cur{
margin: -80px;
}
.sidebar.cur .site_btn span {
visibility: visible;
opacity: 1;
}
@media only screen and (max-width:1366px) {
.pub_wrap,.pub_tab ul,.pub_tab li,.pub_tab li a{height: 60px;line-height: 60px;}
.pub_tab li{width: 220px;}
.site_banner .banner_re{font-size: 60px;}
}
@media only screen and (max-width:1024px) {
.pub_wrap{position: static;background: #000;}
.pub_tab ul{display: block;}
.pub_4 .pub_tab li{width: 25%;}
.site_banner .banner_re{font-size: 52px;}
}
@media only screen and (max-width:767px) {
.site_btn span{
display: block;
}
.site_btn i {
display: block;
}
.sidebar.cur {
right: 30px;
margin: -80px;
}
.site_btn i {
top: -30px;
}
.sidebar li:hover p{
display: none;
}
.site_banner{height: 150px;}
.site_banner img{display:none;}
.site_banner .banner_le h3{line-height: 40px;}
.site_banner .banner_re{font-size: 40px;line-height: 60px;margin-left: 10px;}
}
@media only screen and (min-width:1025px) {
.pub_tab li a:hover{color: #fff !important;}
}
/*鍐呴〉banner end*/
.site{line-height: 24px;padding: 20px 0 50px 0;}
.site,.site a{color: #666666;}
@media only screen and (max-width:1024px) {
.site{display: none;}
}
/* 瑙嗛寮瑰嚭 */
.video_appbox{ position:fixed; width:100%; height:100%; top:0; left:0; z-index:9999999;opacity: 0;visibility: hidden;transition:all 0.6s;-webkit-transition:all 0.6s;-moz-transition:all 0.6s;-o-transition:all 0.6s;-ms-transition:all 0.6s;}
.video_appbox.show{visibility: visible;opacity:1;}
.video_appbox video{object-fit: cover; width: 100%;}
.video_appbox .video_t{
z-index:2; background:#000;width: 1035px;max-width:94%;height: 60%;
transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);-moz-transform: translate(-50%,-50%);-o-transform: translate(-50%,-50%); position:absolute; left:50%; top:60%;
transition:all 0.6s;-webkit-transition:all 0.6s;-moz-transition:all 0.6s;-o-transition:all 0.6s;-ms-transition:all 0.6s;
visibility: hidden;opacity: 0;
}
.video_appbox.show .video_t{
visibility: visible;opacity:1;
top:50%;
}
.video_appbox .mask{ position:absolute; z-index:1; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.5);}
.lt9 .video_appbox .mask{filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr="#88000000", EndColorStr="#88000000");}
.vide0_close{ position:absolute; top:20px; right:20px; cursor:pointer; z-index: 99999;}
.vide0_close i{color: #fff;font-size:20px;font-weight: bold;}
.head_rr{padding-left:40px;}
.phone_tel {display: none;margin-left: 20px;}
@media only screen and (max-width:767px) {
.phone_tel {display: inline;}
.pub_tabbb .swiper-button-prev,.pub_tabbb .swiper-button-next{ background-size: 12px 18px;}
.edit_con_original p{font-size: 14px!important;}
}