/*base style*/
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, figure, footer, header, menu, nav, section, time, mark, audio, video, details, summary{ margin:0; padding:0;}

body{ font-family: "微软雅黑"; color:#333; font-size:12px; background-color:#fff; }

body::-webkit-scrollbar {
    display: none;
}

a{ color:#666; text-decoration:none;}

a:focus{outline: 0;}

img{ border:none;}

i,em{ font-style:normal;}

ul li{ list-style-type:none;}

textarea{ resize:vertical;}

.hl_web{display: none}
@media (max-width: 1400px){
.w1400 {width: 1200px !important;}
.hl_two_bj{height: 180px !important;margin-top: -180px !important;margin-bottom: 120px !important;}
.hl_lxwm_left ul li input{height: 30px !important;}
.hl_lxwm_left ul li{height: 30px !important;line-height: 30px !important}
.hl_lxwm_left ul li:nth-last-child(2), .hl_lxwm_left ul li:nth-last-child(3){height: auto !important}
.cdxx label{font-size: 18px !important}
#c label{line-height: 35px !important}
#c{margin-top: 10px;}
.pp-js p{font-size: 12px !important;line-height:25px !important;}
.hl_nav ul li{padding-left:20px !important;}
}
@media screen and (max-width:768px){
.hl_web{display: block !important;} 
.hl_pc{display: none;}
.hl_banner,.fx_list,.hl_lxwm,.hl_zlkj,.hl_ppgh,.about_banner,.hl_arc{margin-top: 40px !important;}
.w1400{width: 100% !important;}
.hl_one{padding-top: 0px !important;padding-bottom: 50px !important;}
.hl_one_left p{font-size: 25px !important;margin-bottom: 20px;}
.c-spacer--pb90{padding-top: 20px !important;margin-bottom: 0px !important;}
.c-spacer--pt60{padding-top: 0px !important;}
.t-top__case__btn{bottom: -100px !important;padding-right: 0px !important;    width: 240px !important;}
.hl_footer_left{width: 100%;}
.hl_footer_left_1{width: 50%;margin-bottom: 30px;}
.hl_footer_left_1 img{width:80% !important; margin: auto;display: block;}
.hl_footer_right{width: 100%;margin-top: 30px;}
.hl_one_right p{font-size: 16px !important;}
.fx_list h3{    font-size: 30px !important;margin-top: 50px !important;}
.fx_list ul li{margin-bottom: 40px !important}
.fx_tit span{font-size: 20px !important}
.fx_tit p{font-size: 16px !important;}
.fx_tit i{font-size: 12px !important}
.fx_m p{font-size: 16px !important}
.hl_footer{padding: 50px 0px !important;}
.hl_lxwm_left p{margin-top: 50px;font-size: 18px !important;}
.hl_lxwm_left span{margin-top: 15px !important;}
.cdxx{margin-top: 10px;}
form .t-top__case__btn{
	bottom: 0px !important;
position: relative;
height: 40px !important;
width: 100px !important;
line-height: 40px !important;
margin-bottom: 20px;
  }
form .t-top__case__btn span{margin-top: 0px !important}
.hl_zlkj ul li{padding:0px !important;}
.hl_zlkj ul li .hl_zlkj_tit{display: block !important;right: 0px !important;left: 0px !important}
.hl_zlkj ul{margin-top: 50px !important;}
.hl_ppgh ul li{margin-left: -50%;margin-right: -50%;}
.hl_ppgh ul li .gh_tit{left: 0%;right: 0%;margin: auto;text-align: center;}
.about-ul{margin-top: 40px !important;padding: 0px 15px;}
.about-ul li{width: 48% !important;}
.about-ul li:nth-child(2n){margin-right: 0px !important;}
.about-ul li span{font-size: 30px !important}
.about-ul li p{font-size: 12px !important;padding: 0px 20px;}
.about-two ul li span{font-size: 18px !important;    font-weight: bold;}
.about-two ul li p{width: 50%;float: left;}
.about-two ul li{margin-bottom: 20px;}
.about-three .hl_one .hl_one_left p{margin-top: 50px !important;}
.about-three ul li .hsbj-wz{font-size: 12px !important;top: -10px !important;}
.about-three ul li span{font-size: 16px !important;}
.about-m-tit{font-size: 25px !important;margin-top: 50px !important;}
.about-more ul li{width:100% !important;margin-right: 0px !important; margin-bottom: 30px !important;}
.about-more ul li .pp-tit{font-size: 20px !important}
}
.w1400{width: 1400px;margin: auto;}
.w90{width: 90%;margin: auto;}
.hl_nav_bj{width: 100%;height: 95px;background: #fff;position: fixed;top: 0px;z-index: 99;box-shadow: 2px 2px 2px #f3efef;}
.hl_nav img{float: left;display: block;margin-top: 25px;}
.hl_nav ul{float: right;}
.hl_nav ul li{float: left;padding-left: 50px;}
.hl_nav ul li a{font-size: 18px;color: #050505;margin-top: 35px;display: block;}
.hl_nav ul li i{width: 0%;height: 2px;background: #050505;opacity: 0;transition: all .5s;margin-top: 5px;display: block;}
.hl_nav ul li:hover i{opacity: 1;transition: all 1s;width: 100%;display: block;}
.hl_banner{width: 100%;height: auto;margin-top: 95px;}
.hl_banner img{width: 100%;height: auto;}

#header{
    background: #272525;
    line-height: 40px;
    height: 40px;
    padding: 0 50px;
    position: fixed;
    top: 0px;
    width: 100%;
    z-index: 97;
}
#header a, .header a {
    background: center center no-repeat transparent;
    background-image: url(../images/an.png);
    display: block;
    width: 40px;
    height: 40px;
    position: absolute;
    top: 0;
    left: 10px;
}
.hl_one{
	height: auto;
	overflow: hidden;
	padding-top: 100px;
	padding-bottom: 100px;
}
.hl_one_left p{
	font-size: 42px;
	color: #050505;
	/*margin-top: 50px;*/
}
.hl_one_right p{
	font-size: 20px;
	color: #595757;
	line-height: 40px;
}
.hl_two{background: #f9f9f9;}
.hl_two_bj{height: 280px;background: #fff;margin-top: -280px;margin-bottom: 180px;}
.hl_footer{width: 100%;height: auto;background: #050505;padding:110px 0px;}
.hl_footer_left{float: left;padding: 0px;}
.hl_footer_right{float: right;    padding-top: 70px;}
.hl_footer_left_1{float: left;padding-left: 0px;padding-right: 30px;}
.hl_footer_left_1 img{width: 100%;}
.hl_footer_left_1 p{color: #fff;font-size: 12px;text-align: center;margin: auto; margin-top: 10px;width: 80%}
.hl_footer_left_2{color: #fff;line-height: 25px;}
.hl_footer_left_2 p:nth-child(2){margin-bottom: 20px;}
.hl_footer_right_2{color: #fff;line-height: 25px;font-size: 12px;}
.hl_footer_right_2 a{color: #fff;font-size: 12px;}
.hl_footer_right_1{margin-bottom:20px;}
.hl_footer_right_1 img{max-width: 100%;}
.fx_list{margin-top: 95px;}
.fx_list h3{font-size: 40px;color: #050505;margin-bottom: 50px;margin-top:100px;}
.fx_img img{width: 100%;height: auto;    -webkit-transition: -webkit-transform 2.5s cubic-bezier(0.15, 0, 0, 1);
    transition: -webkit-transform 2.5s cubic-bezier(0.15, 0, 0, 1);
    transition: transform 2.5s cubic-bezier(0.15, 0, 0, 1);
    transition: transform 2.5s cubic-bezier(0.15, 0, 0, 1), -webkit-transform 2.5s cubic-bezier(0.15, 0, 0, 1);
    -webkit-transform: scale(1) rotateZ(0);
    transform: scale(1) rotateZ(0);
    -webkit-backface-visibility: hidden;}
.fx_img{padding-left: 0px;position: relative;overflow: hidden;padding-right: 0px;}
.fx_img:hover img{ -webkit-transform: scale(1.1)  rotateZ(0);transform: scale(1.1)  rotateZ(0);}
.fx_tit{float: right;padding: 0px;}
.fx_tit span{font-size: 24px;color: #595757;margin: 20px 0px;display: block;transition: all .5s;}
.fx_tit p{font-size: 20px;color: #595757;    line-height: 30px;}
.fx_tit i{font-size: 15px;color: #595757;width: 400px;height: 50px;line-height: 50px;display: block; margin-top: 20px;border-top: 1px solid #050505;}
.fx_list ul li{width: 100%;overflow: hidden;margin-bottom:80px;}
.fx_tit:hover span{padding-left: 20px;}
.fx_banner{width: 100%;height: auto;overflow: hidden;}
.fx_banner img{width: 100%;height: auto;}
.fx_m p{font-size: 20px;color: #595757;line-height: 40px;margin-bottom: 20px;}
.fx_m{padding: 50px 0px 30px 0px;}
.fx_m img{max-width: 100%;margin: auto;display: block;}
.hl_lxwm{margin-top: 180px;padding: 0px;margin-bottom: 60px;}
.hl_lxwm_left{padding: 0px;}
.hl_lxwm_right{float: right;padding: 0px;}
.hl_lxwm_right img{width: 100%;}
.hl_lxwm_left p{font-size: 22px;color: #3e3a39;}
.hl_lxwm_left span{font-size: 13px;color: #727171;float: right;display: block;width: 100%;text-align: right;margin-top: 30px;margin-bottom: 20px;}
.hl_lxwm_left ul li{width: 100%;overflow: hidden;margin-bottom: 20px;    height: 40px;line-height: 40px;}
.hl_lxwm_left ul li i{font-size: 20px;color: #595757;padding: 0px;}
.hl_lxwm_left ul li input{float: right;    height: 40px;border: 1px solid #ccc}
.cdxx{padding: 0px;}
.hl_lxwm_left ul li:nth-last-child(2),.hl_lxwm_left ul li:nth-last-child(3){height: auto;}
#c{padding: 0px;}
form .t-top__case__btn{width: 100px;height: 40px;float: left;padding-left: 0px;padding-right: 0px;}
form .t-top__case__btn .c-button{padding: 0px 30px 0px 0px}
form .t-top__case__btn .c-button--arw:before{    right: 10px;top: 3px;}
form .t-top__case__btn span{height: 40px;line-height: 40px;margin-bottom: 0px;margin-top: 0px;}
form .t-top__case__btn .c-button:hover span{color: #fff}
.hl_lxwm_right p{font-size: 15px;color: #595757;margin-top: 10px;}
.cdxx input {float: left !important;margin-right: 5px;}
.cdxx label{font-size: 20px;color: #595757;font-weight: inherit;margin-right: 20px;}
#c label{font-size: 15px;color: #595757;font-weight: inherit;    line-height: 45px;margin-right: 20px;}
#c input{float: left !important;margin-right: 5px;}
.hl_zlkj{padding: 0px;margin-top: 95px;}
.hl_zlkj ul{margin-top: 100px;}
.hl_zlkj ul li img{width: 100%;height: auto;-webkit-transform: scale(1.00); transition:all 2s ease-out .1s;cursor: pointer;}
.hl_zlkj ul li{position: relative;overflow: hidden;margin-bottom: 15px;}
.hl_zlkj ul li:nth-child(2n){padding-right: 0px;padding-left: 7.5px;}
.hl_zlkj ul li:nth-child(2n+1){padding-left: 0px;padding-right: 7.5px;}
.hl_zlkj_tit{width: 100%;height: 100%;position: absolute;top: 0px;background: #050505;filter:alpha(opacity=0);-moz-opacity:0;
opacity:0;transition:all 1.5s ease-out 0s;}
.hl_zlkj_tit span{font-size: 16px;color: #fff;display: flex;
    justify-content: center;
    align-items: center;
    left: 0px;
    bottom: 60px;
    position: absolute;
    margin: auto;
    right: 0px;
    top: 0px;}
.hl_zlkj_tit p{font-size: 20px;color: #fff;    display: flex;
    left: 0px;
    bottom: 0px;
    position: absolute;
    margin: auto;
    right: 0px;
    top: 0px;
    justify-content: center;
    align-items: center;}
.hl_zlkj ul li:nth-child(2n) .hl_zlkj_tit{left: 7.5px;}
.hl_zlkj ul li:nth-child(2n+1) .hl_zlkj_tit{right: 7.5px;}
.hl_zlkj ul li:nth-last-child(2),.hl_zlkj ul li:nth-last-child(1){margin-bottom: 40px;}
.hl_zlkj ul li:hover .hl_zlkj_tit{transition:all 2s ease-out 0s;opacity: 0.6;}
.hl_zlkj ul li:hover img{-webkit-transform: scale(1.10); transition:all 3s ease-out .1s;}
.hl_zlkj ul li a{display: block;width: 100%;height: 100%;overflow: hidden;}
.hl_ppgh{width: 100%;margin-top: 95px;overflow: hidden;}
.hl_ppgh ul li{position: relative;overflow: hidden;}
.hl_ppgh ul li img{width: 100%;height: 100%;-webkit-transform: scale(1.00); transition:all 1s ease-out 0s;cursor: pointer;}
.hl_ppgh ul li .gh_tit{position: absolute;left: 5%;right: 5%;bottom: 15%;}
.hl_ppgh ul li .gh_tit span{font-size: 28px;color: #fff;}
.hl_ppgh ul li .gh_tit p{font-size: 17px;color: #fff;}
.hl_ppgh ul li:hover img{-webkit-transform: scale(1.1); transition:all 3s ease-out .1s;}
.about_banner{width: 100%;height: auto;margin-top: 95px;padding: 0px;}
.about_banner img{width: 100%;height: auto;}
.about_one{width: 100%;height: auto;overflow: hidden;background: #f9fafa;}
.about-ul{height: auto;overflow: hidden;margin-top: 80px;}
.about-ul li{width: 22%;float: left;margin-right: 4%;text-align: center;background: #fff;padding: 30px 0px;}
.about-ul li:nth-child(4){margin-right: 0px;}
.about-ul li span{font-size: 42px;color: #000;}
.about-ul li p{font-size: 15px;color: #595757;}
.about-two ul li span{font-size: 27px;color: #595757;margin-bottom: 20px;display: block;text-align: right;}
.about-two ul li p{font-size: 20px;color: #595757;text-align: right;}
.about-two .hl_one_right{padding: 0px;}
.about_img{width: 100%;height: auto;}
.about_img img{width: 100%;height: auto;}
.about-three .hl_one .hl_one_left p{margin-top: 0px;}
.about-three ul{height: auto;overflow: hidden;}
.about-three ul li {position: relative;margin-bottom: 30px;}
.about-three ul li img{width: 100%;}
.about-three ul li .on-mrtx{display: none;}
.about-three ul li a{width: 100%;height: 100%;position: relative;}
.about-three ul li span{font-size: 19px;color: #000;display: block;margin-top: 10px;}
.about-three ul li p{font-size: 13px;color: #000;}
.about-three ul li.gztx:hover .on-mrtx{display: block;transition: all .5s;}
.about-three ul li.gztx:hover .mrtx{display: none;transition: all .5s;}
.about-three ul li .hsbj-wz{position: absolute;left: 0px;right: 0px;top: -30px;bottom: 0px;margin-bottom: auto;text-align: center;font-size: 20px;}
.onhver{color: #fff;}
.about-lunbo{height: 400px;width: 100%;background: #f9fafa;padding: 50px 0px;}
.about-m-tit{ font-size: 42px;color: #050505; margin-top: 100px;margin-bottom: 50px;}
.about-more ul li{float: left;width: 28%;margin-right: 8%;background: #f2f2f2;position: relative;margin-bottom: 60px;}
.about-more ul li:nth-child(3){margin-right: 0px;}
.about-more ul li img{width: 100%;}
.about-more ul li .pp-tit{font-size: 42px;color: #000;text-align: center;margin-bottom: 30px;}
.pp-js{position: absolute;top: 0px;left: 0px;padding: 15%;background: #000;width: 100%;height: 100%;color: #fff;display: none;}
.pp-js span{font-size: 19px;    margin-bottom: 20px;display: block;}
.pp-js p{font-size: 15px;line-height:30px;}
.pp-js p:nth-last-child(1){margin-top: 20px;}
.about-more ul li:hover .pp-js{display: block;}
.frontier-paging { margin-top: 32px; margin-bottom:30px; text-align: right;}
.frontier-paging ul { display: inline-block; vertical-align: bottom; }
.frontier-paging ul span, 
.frontier-paging ul a { display: block; float: left; margin: auto 2px;padding: 8px 16px; background: #FFF; box-shadow: 0 0 8px rgba(0,0,0,0.07); border-radius: 2px; font-size: 14px; color: #999; }
.frontier-paging ul a.page-num-current,
.frontier-paging ul a:hover { background: #050505; color: #FFF; }
.active i{width:100% !important;opacity:1 !important;}
.zp_nav{display: flex;justify-content: center;align-items: center;position: absolute;left: 0px;right: 0px;margin: auto;    width: 244px;}
.zp_nav li a{font-size: 16px !important;}
.zp_nav li{padding:0px 25px !important;}
.hl_arc{width:100%;height:auto;overflow:hidden;margin-top:95px;}
.hl_arc img{max-width:100%;margin:auto;display:block;height:auto;margin-bottom:20px;}
.hl_arc_m{margin-top:50px;margin-bottom:20px;padding:0px 20px;}