/* Css Document */
html, body{-webkit-text-size-adjust:none; color:#111}
body{margin: 0 auto; font-size: 12px; color: #585858; line-height: 1.5; font-style: normal; background: #fff;}
html, body, input, p, a, span, ul, li, dl, dt, dd, ol, select, td, th, input, textarea, button, div{font-family: "Segoe UI","Lucida Grande","Tohoma";}
a, a:link, a:visited, a:hover, a:active{color: #565656;}
a:hover{color: #1a2b79;}
a:link, a:active{background-color: transparent;}
small{display: block; font-size: 100%;}
img{max-width: 100%; /*display: block;*/ animation: fadeInDown 0.5s }
input, textarea, button, select, radio{outline: 0; border: 0;}
textarea{resize: none;}
a{text-decoration: none; outline: 0; blr:expression(this.onFocus=this.blur()); /*按下鼠标图片周边不会出现虚线*/}
::-ms-clear, ::-ms-reveal{display: none; /*IE10 input X 去掉文本框的叉叉和密码输入框的眼睛图标 */}
/* Grid */
.col-12x{width: 100%}
.col-11x{width: 88%}
.col-10x{width: 83.3333333333%}
.col-9x{width: 75%}
.col-8x{width: 66.6666666667%}
.col-7x{width: 58.3333333333%}
.col-6x{width: 50%}
.col-5x{width: 41.6666666667%}
.col-4x{width: 33.3333333333%}
.col-3x{width: 25%}
.col-2x{width: 16.6666666667%}
.col-1x{width: 8.3333333333%}
.container{margin: 0 2.9%;}
ul.style li{float: left;}
.tips{display: none; z-index: 10; top: 50%; left: 50%; margin-top: -25px; margin-left: -125px; padding: 10px; width: 250px; line-height: 20px; text-align: center; font-size: 14px; color: #fff; border-radius: 3px; background: rgba(0,0,0,.75); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#bf000000,endColorstr=#bf000000); zoom:1;}
:root .tips{filter: none\9;}
/* header */
.header{position: relative; height: 85px; background: #f7f8f7;}
.header .container{z-index: 1; margin:0 auto; padding:0 14%}
.header ul li{ width: 11.11%; text-align: center;}
.header ul .zxianzhixun{
font-size: 14px;
color: #4f4f4f;
line-height: 30px;
margin: 27px auto;
border: 1px solid #a19e9e;
width: 100px;
float: revert;
margin-right: 50px;
}
@media (min-width: 1024px){
.header ul li:first-child{margin-left: 250px;}
}
/* .header ul li:nth-child(5){ margin-left: 11.11%;} */
.header ul li a{display: block; width: 100%; color: #4f4f4f; font-size: 16px; line-height: 42px; margin:21px auto; -webkit-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; transition: all .4s ease-in-out;}
.header ul li.spec{margin-left: 11.11%;}
.header .line{position: absolute; left: 0; bottom: 10px; width: 100%; height: 1px; background: #878787;}
.header ul li a:hover{ background:#1a2b79; color:#fff; border-radius:50px; width:90%; }
.header ul li.active a{ background:#1a2b79; color:#fff; border-radius:50px; width:90%; }
/*
.header ul li:before{ position:absolute; content:""; color:#fff; background:none; width:120px; margin-left:-60px; border-radius:50px; height:42px; margin-top:21px; -webkit-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; transition: all .4s ease-in-out;}
.header ul li:hover:before{ background:#1a2b79}
.header ul li.active a{ color:#fff; position:relative}
.header ul li.active:before{ position:absolute; content:""; background:#1a2b79; width:120px; margin-left:-60px; border-radius:50px; height:42px; margin-top:21px;}*/
.nav{ width:100%; }
/*nav hover bg*/
.header .floatr{ display:none; position: absolute; z-index: 2; top:21px; width: 110px; height:42px; background: #1a2b79; border-radius:50px; -webkit-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; transition: all .4s ease-in-out;}
.header .floatr a{ color:#fff}
.logo{position: absolute; top: 15px; left: 135px; z-index: 10; width:11.11%; height: 100%; text-align:center; }
.logo img{ max-width:140px;}
.menu{ position:absolute; right:20px; top:20px; cursor: pointer; z-index: 5; display:none}
.menu span{
font-size: 30px;
color: #1a2b79;
font-family: "Microsoft YaHei";
}
.menubox{ position:fixed; width:100%; height:100%; left:0; top:0; background:rgba(255,255,255,.98); display:none; overflow-y:auto; z-index:999; -webkit-transition-duration:0.4s;
-moz-transition-duration:0.4s;
-ms-transition-duration:0.4s;
transition-duration:0.4s;}
.menubox span{
font-size: 30px;
color: #1a2b79;
}
.menubox #index_close{ position:absolute; right:20px; top:10px;}
.menus-list{ position:relative; margin:auto; margin-top:18%; width:90%; margin-bottom:88px;}
.menus-list li{ width:100% !important; position:relative; text-align:center; border-bottom:1px solid #e5e5e5;}
/*.menus-list li:before{ content:""; width:100%; height:1px; position:absolute; left:0; bottom:0; -webkit-animation-duration: 0.7s; animation-duration: 0.7s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-name: ReturnToNormal; animation-name: ReturnToNormal; border-bottom:1px solid #e5e5e5;}*/
.menus-list li:last-child{ border-bottom:none;}
.menus-list li a{ line-height:40px !important; color:#4f4f4f !important; font-size:22px; font-weight:bold; text-align:center; margin:10px 0 !important}
.menus-list li a:hover{ width:100% !important; color:#fff !important}
.menus-list li.active a { background:#1a2b79 !important; color:#fff !important}
.menudown{ width:100%; position:fixed; left:0; bottom:0; background:#55569a;}
.menudown a{ display:block; width:50%; height:66px; float:left; position:relative;}
.menudown a:nth-child(1){ background:url(../images/weix.png) center no-repeat #1a2b79;}
.menudown a:nth-child(2){ background:url(../images/m_tel.png) center no-repeat #199350;}
.popUpblack{ background:#000; filter:alpha(opacity=80); background:rgba(0,0,0,0.8); width: 100%; height: 100%; position: fixed; left: 0px; top: 0px; z-index: 1010; display: none;}
.popUp { width: 220px; height:auto; border: 2px solid #1a2b79; position: fixed; left: 50%; top: 50%; margin: -87px 0 0 -115px; z-index: 1004; }
.popUp .t { padding: 0 0 0 10px; height: 26px; line-height: 26px; color: #666; font-weight: bold; border-bottom: 1px solid #1a2b79; background: #1a2b79; color:#fff }
.popUp .t .close { padding: 0 10px 0 0; float: right; cursor: pointer; color: #fff; font-weight: normal;}
.popUp .img { padding: 20px; background:#1a2b79}
.popUp .img img { width: 100%; display: block; }
.submuenu{ width:100%; margin:0 auto; text-align:center; display:none}
.submuenu ul {display:inline-block; margin-top:15px; width:100%; }
.submuenu li { width:calc(24% - 8px); display:inline-block;text-align:center; list-style:none; color:#333; border:1px solid rgba(0,135,61,.2); border-radius:5px; margin:3px}
.submuenu li.on{ background:#1a2b79; color:#fff; border:1px solid #1a2b79}
.submuenu li.on a{ color:#fff}
.submuenu li a{ width:100%; display:block; font-size:14px; line-height:32px;}
/* footer */
.footer{position: relative; padding: 44px 0 80px 0; background: #1a2b79; font-size: 14px; line-height: 26px; color: #fff;}
.footer .container{min-height: 165px; margin: 0 5%;}
.footer .left{ width:40%; display:inline-block; float:left}
.footer .left .text{ width:100%; margin-top:10px;}
.footer .left .text li{ width:100%;font-size:16px; color:#fff; line-height:18px; margin-top:12px ; display:inline-block}
.footer .left .text li a{ width:40px; height:40px; display:inline-block; margin-right:15px;}
/* .footer .left .text li:nth-child(1){ background:url(../images/footer_icon_add.png) no-repeat} */
/* .footer .left .text li:nth-child(2){ background:url(../images/footer_icon_tel.png) no-repeat} */
/* .footer .left .text li:nth-child(3){ background:url(../images/footer_icon_mail.png) no-repeat} */
.footer .left .text li:nth-child(4){ padding-left:0}
.footer .left img.pa{left: 0; top: 0; }
.more{position: relative; margin-top: 80px; width: 136px; line-height: 28px; border: 1px solid #bcbcbc; text-align: center;}
.more em{position: absolute; left: 0; top: 0; width: 0; height: 100%; background: #bcbcbc;}
.more span{position: relative; z-index: 1;}
.more:hover em{width: 100%;}
.footer .more:hover span{color: #fff;}
.footer .right{ float:right; display:inline-block; width: 132px;}
.footer .right p{margin-top: 10px; padding-left: 6px; letter-spacing: 6px;}
.footer .center{ width:45%; float:right;display: inline-block; text-align: right;}
.footer .center dl{ display: inline-block; vertical-align: top; text-align:left; margin-right:50px;}
.footer .center dt{font-size: 16px; font-weight: bold; color: #fff; margin-bottom:5px;}
.footer .center dd a{padding: 5px 0; font-size: 14px; line-height: 22px; color: #fff;}
.footer .center dd a:hover{color: #fcc91a;}
.copyright{margin-top: 20px; padding-top: 20px; border-top: 1px solid #76ba95; color: #fff; font-size: 14px; }
.copyright a{color: #fff;}
.copyright a:hover{color: #fcc91a;}
.hidetel{ width:100%; /*height:85px;*/ background:rgba(0,0,0,.8); text-align:center; position:fixed; left:0; bottom:70px; z-index:9999;display: none;}
.fot_tel span{ font-size:24px; line-height:70px; color:#fff; font-weight:bold;}
.fot_tel2 div{width: 100%;font-size:24px; line-height:50px; font-weight:bold; color:#fcc91a; float: left;background: #c83535;}
.fot_tel2 div:nth-child(1){background:#0f1f66}
.fot_tel em{ font-size:24px; font-weight:bold; color:#fcc91a; padding:5px 50px; border:1px solid #fcc91a; border-radius:50px; font-style:normal; margin-left:50px; position:relative}
.fot_tel em .close{ width:20px; height:20px; background:url(../images/bottom_close.png) no-repeat; background-size:100%; position:absolute; right:-30px; top:0; cursor:pointer}
.padded{ background:#fff}
.indexmessage{ width:100%;/*position: fixed;bottom: 0; width: 100%; background: rgba(41,46,55,.9);*/ }
.indexmessage h1{ font-size:24px; color:#fff; font-weight:bold; padding:20px 0 15px 0; position:relative}
.indexmessage h1 .close{ width:25px; height:25px; background:url(../images/bottom_close.png) no-repeat; background-size:100%; position:absolute; right:-50px; top:20px; cursor:pointer}
.indexmessage h1 i{ font-size:24px;}
.indexmessage ul{ width:100%; font-size:0; border-bottom: 1px solid rgba(255,255,255,.3); padding-bottom:20px}
.indexmessage ul li{ width:32%; display:inline-block; margin:8px 0; margin-left:2%;}
.indexmessage ul li:nth-child(3n+1){ margin-left:0}
.indexmessage ul li:nth-child(7){ width:100%; text-align:center}
.indexmessage ul li input[type=text]{border: 1px solid #dcdee0; font-size:14px; width:calc(100% - 20px); height:35px; line-height:35px; padding:0 10px;}
.indexmessage ul li input[type=submit]{ width:32%; margin:0 auto;background:#fcc91a ; color:#800b0b; line-height:40px; text-align:center; border-radius: 50px; border:none; font-size:18px; font-weight:bold; outline:none}
.indexmessage ul li input[type=submit]:hover{ background:#e0b115; color:#800b0b}
.fot_tel{
background:#1a2b79;
;text-align:center;
width: 100%;
/* height: 85px; */
background: rgba(0,0,0,.8);
text-align: center;
position: fixed;
left: 0;
bottom: 0;
z-index: 9999;
}
.fot_tel2{display: none;}
@media (max-width: 768px){
.fot_tel2{
display:block;
background:#1a2b79;
;text-align:center;
width: 100%;
/* height: 85px; */
text-align: center;
position: fixed;
left: 0;
bottom: 0;
z-index: 9999;
}
}
.slick-slider{margin-bottom: 0;}
.slick-slider *{border: 0; outline: 0;}
.slick-dots{z-index: 1002; bottom: 30px; display: table; width: 100%; text-align: center;}
.slick-dots li{border: 2px solid #fff; width: 6px; height: 6px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; border: 0\9; width: 10px\9; height: 10px\9;}
.slick-dots li.slick-active{background-color: #fff; background-color: none\9; background-position: right center\9;}
.slick-dots li button{padding: 0; width: 8px; height: 8px;}
.slick-dots li button:before{width: 8px; height: 8px; font-size: 0; opacity: 1;}
.index-news-article .slick-prev, .index-news-article .slick-next{top: 0; margin-top: 0; width: 65px; height: 65px; -webkit-transition: all 0.35s linear; -moz-transition: all 0.35s linear;}
.index-news-article .slick-prev:before, .index-news-article .slick-next:before{display: none;}
.index-news-article .slick-prev{left: 0; background-position: left bottom; background-color: #debe73;}
.index-news-article .slick-next{left: 65px; right: auto; background-position: right top; background-color: #f4f4f4;}
.tishi{
display: none;
position: absolute;
color: rgb(255, 0, 0);
font-size: 12px;
}
.tishiid1{
margin-top: -28px;
left: 28%;
}
@media (max-width: 768px){
.tishiid1{
margin-top: -28px;
left: 70%;
}
}
/* 提交成功弹窗 */
@media (max-width: 768px){
.model_popup {
width: 80%;
}
}
@media (min-width: 1024px){
.model_popup {
width: 20%;
}
}
.model {
display: none;
position: fixed;
width: 100%;
height: 100%;
top: 0;
left: 0;
background: rgba(0, 0, 0, 0.79);
z-index: 999999;
}
.model_popup {
background-color: #FFFFFF;
border-radius: 8px;
text-align: center;
padding-bottom: 20px;
position: absolute;
top: 30%;
left: 0;
right: 0;
margin: 0 auto;
overflow: hidden;
}
.model_popup .popup-ts {
height: 45px;
text-align: center;
line-height: 45px;
font-size: 16px;
color: #333333;
font-size: 16px;
color: #333333;
}
.model_popup .popup-text {
padding: 25px 40px 35px;
text-align: center;
font-size: 16px;
color: #333333;
/* border-bottom: 1px solid #f2f2f2; */
border-top: 1px solid #f20000;
}
.popup-btn {
overflow: hidden;
}
.popup-btn .sure{
display: inline-block;
width: 100px;
height: 34px;
line-height: 34px;
background-color: #f20000;
cursor: pointer;
font-size: 14px;
color: #fff;
border-radius: 4px;
border: 1px solid transparent;
/* float: right; */
margin-right: 40px;
}
.popup-btn .alert_sure {
margin: 0;
}
/*index about*/
.con1400{ width:1400px; margin:0 auto; font-size:0}
.con100{ width:100%}
.p80{ padding:70px 0 80px 0}
.conL{ float:left}
.conR{ float:right}
.conRe{ position:relative}
.bgwhite{ background:#fff}
.bg_grey{ background:#f2f2f4}
.indextitle{ margin-bottom:35px; text-align:center; animation: fadeInDown 0.5s}
.indextitle h1{ font-size:40px; font-family:"Alibaba PuHuiTi Heavy"; color:#112318; line-height:50px;}
.indextitle h2{ font-size:18px; font-family:"GOTHIC-Regular"; font-weight:lighter; text-transform:uppercase;color:#112318; line-height:30px; letter-spacing: 10px;}
.indexabout{ position:absolute; z-index:1; padding:80px 60px 80px 80px;width:calc(98.5% - 140px); height:455px; border:1px solid #1a2b79; background:#fff; left:0; top:0}
.indexabout .text{ width:74%; text-align:left; display:inline-block}
.indexabout .text .abot{
font-size: 22px;
color: #1a2b79;
margin-top: 4%;
margin-left: 41%;
}
@media (max-width: 768px){
.indexabout .text .abot{
font-size: 12px;
color: #1a2b79;
margin-top: 2%;
margin-left: 25%;
}
.indexabout .text{
font-size: 12px;
}
.indexabout .text img{
width: 25%;
}
}
@media (max-width: 414px){
.indexabout .text .abot{
font-size: 14px;
color: #1a2b79;
margin-top: 2%;
margin-left: 25%;
}
.indexabout .text img{
width: 25%;
}
}
@media (max-width: 375px){
.indexabout .text .abot{
font-size: 13px;
color: #1a2b79;
margin-top: 2%;
margin-left: 25%;
}
.indexabout .text img{
width: 25%;
}
}
@media (max-width: 360px){
.indexabout .text .abot{
font-size: 13px;
color: #1a2b79;
margin-top: 2%;
margin-left: 25%;
}
.indexabout .text img{
width: 25%;
}
}
@media (max-width: 320px){
.indexabout .text .abot{
font-size: 11px;
color: #1a2b79;
margin-top: 1%;
margin-left: 25%;
}
.indexabout .text img{
width: 25%;
}
}
.indexabout .text img{ margin-bottom:10px;position: absolute;}
.indexabout .text p{ font-size:18px; margin-top:30px; color:#111; line-height:1.9; text-align:justify}
.indexabout .img{ width:15%; margin-left: 8%; text-align:right; display:inline-block; }
.indexaboutk{ width:calc(98.5% - 2px); height:615px; border:1px solid #1a2b79; background:#fff; margin-top:1.5%; margin-left:1.5%; display:inline-block}
/*ad*/
.indexad{ width:100%}
.indexad li{ width:100%; height:890px;}
.indexad li .con1400{ height:100%}
.indexad li:nth-child(1){ background:url(../images/ad_bg1.jpg) no-repeat center; background-size:cover !important;}
.indexad li:nth-child(2){ background:url(../images/ad_bg2.jpg) no-repeat center; background-size:cover !important;}
.indexad li:nth-child(3){ background:url(../images/ad_bg3.jpg) no-repeat center; background-size:cover !important;}
.indexad li .text{ text-align:center}
.indexad li .text h1{ font-size:52px; line-height:50px; margin-top:25px; color:#112318}
.indexad li .text h2{ height:80px; margin:0 auto; font-size:28px; color:#fff; margin-top:35px; font-family:"幼圆"; line-height:65px; background:url(../images/ad_title.png) no-repeat center}
.indexad li .text p{ margin-top:15px; font-size:24px; line-height:1.5; color:#112318;font-family:"幼圆";}
.indexad li:nth-child(1) .text{ width:570px; padding-top:180px;}
.indexad li:nth-child(1) .adimg{ width:742px; height:800px; position:absolute; z-index:1; bottom:10px; right:-125px; animation: fadeInDown 0.5s}
.indexad li:nth-child(2) .text{ width:700px; padding-top:220px; float:right}
.indexad li:nth-child(2) h1{ color:#fcc91a}
.indexad li:nth-child(2) .text h2{ background:url(../images/ad_title2.png) no-repeat center; color:#1a2b79}
.indexad li:nth-child(2) .adimg{ width:855px; height:715px; position:absolute; z-index:1; top:125px; left:0; animation: fadeInDown 0.5s}
.indexad li:nth-child(2) .text p{ color:#fff}
.indexad li:nth-child(3) .text{ width:700px; padding-top:280px; }
.indexad li:nth-child(3) .adimg{ width:600px; height:745px; position:absolute; z-index:1; top:95px; right:55px; animation: fadeInDown 0.5s}
.storeL{ width:50%; display:inline-block; vertical-align: top;}
.storeL img{ width:100%; margin-bottom:30px; animation: fadeInDown 0.5s}
.storeL img:nth-child(2){ margin-bottom:0}
.storeR{ width:38%;display:inline-block; vertical-align: top;}
.storeR .indextitle{ text-align:left; margin-top:10px;}
.storeR .indextitle h2:before{ content:""; position:absolute; width:15px; height:2px; background:#333333; margin-top:50px;}
.storeR p{ font-size:18px; color:#111; line-height:1.8; text-align:justify; margin-top:45px;}
.storeR .img{ width:100%; margin-top:40px; animation: fadeInDown 0.5s}
.storeR .yuansu{ width:190px; height:175px; position:absolute; z-index:1; top:-40px; right:0}
.storeR_t{ width:100%; display:none; margin-bottom:15px}
.storeR_t p{ font-size:16px; color:#111; line-height:1.8; text-align:justify; }
/*门店分布*/
.bgcolor-green .indextitle h1 , .bgcolor-green .indextitle h2{ color:#fcc91a }
.bgcolor-green .indextitle{ margin-bottom:15px;}
.maptitle{ border:2px solid #fcc91a; line-height:56px; color:#fcc91a; font-size:20px; padding:0 20px; margin:0 auto; border-radius:50px; width:55%; text-align:center}
.indexmap{ margin:25px 0;}
.indexmap img{ width:100%}
.indexfenbu{ width: calc(100% - 2px); border:1px solid #ebebeb; padding:45px 0; font-size:0; }
.indexfenbu li{ width:calc(100% / 4 - 40px); display:inline-block; margin:15px 0; margin-left:40px; vertical-align: top;}
.indexfenbu li h1{ font-size:18px; color:#111; line-height:30px;}
.indexfenbu li p{ font-size:16px; color:#333}
.indexfenbu a{ width:175px; height:175px; padding:0; margin:0; text-align:center; position:absolute; top:50%; margin-top:-85px; right:-125px; background:#fcc91a; border:none}
.indexfenbu a img{ padding-top:30px;}
.indexfenbu a p{ font-size:12px; color:#1a2b79; margin-top:10px; text-transform:uppercase}
/*流程*/
.indexlc{ width:71%; background:#e7e7e7; display:inline-block; padding:80px 0;margin-left: 29%;}
.indexlc .left{ width:41%; display:inline-block;vertical-align: top; margin-left:17%;}
.indexlc .right{ width:41%; display:inline-block;vertical-align: top;}
.indexlc ul{ width:100%}
.indexlc ul li{ width:100%; display:inline-block; position:relative; }
.indexlc ul li em{ width:65px; height:65px; background:#1a2b79; border:5px solid #e7e7e7; text-align:center; font-size:30px; line-height:65px; font-family:"Helvetica LT Extra Compressed"; position:absolute; left:0; top:0; font-style:normal; color:#fff; border-radius:50px; font-weight:bold; margin-top: -21px;}
.indexlc ul li span{ padding:10px 35px 10px 90px; font-size:24px; font-weight:bold; background:#1a2b79; color:#fff; border-radius:50px; margin-left:5px;}
.indexlc ul li p{ margin:15px 0 25px 65px; font-size:16px; color:#333}
.indexlc ul li:nth-child(1) , .indexlc ul li:nth-child(2) , .indexlc ul li:nth-child(3) , .indexlc ul li:nth-child(4) , .indexlc ul li:nth-child(5) , .indexlc ul li:nth-child(6) { float:left}
.indexlc ul li:nth-child(7) , .indexlc ul li:nth-child(8), .indexlc ul li:nth-child(9), .indexlc ul li:nth-child(10), .indexlc ul li:nth-child(11){ float:right;vertical-align: top; background:#f00}
.indexlcimg{ width:35%; position:absolute; left:0; top:0; margin-top: 100px; z-index:1}
.indexlcimg img{ width:100%}
.indexlcimg .indextitle{ text-align:left;}
.indexlcimg .indextitle h1 , .indexlcimg .indextitle h2{ margin-left:60px;}
.lcmore{ width:150px; height:150px; background:#1a2b79 !important; position:absolute; right:-100px; bottom:0; text-align:center}
.lcmore img{ padding-top:35px;}
.lcmore p{ font-size:16px; margin-top:15px; text-transform:uppercase; color:#fff}
.lc_t { display:none}
.indexlc2{ width:100%; }
.indexlc2 .indexlc{ width:100%; background:none; margin-left:0}
.indexlc2 .indexlc .left{ width:28%; margin-left:5%}
.indexlc2 .indexlc .right{ width:28%; margin:0}
.indexlc2 .indexlc ul li span{ font-size:22px}
/*预算*/
.ys80{ margin-top:80px}
.ysleft{ width:100%; background:#fff; display:inline-block}
.ysright{ width:57%;background:#fff; display:inline-block}
.ysleft h1 , .ysright h1{ font-size:26px; color:#1a2b79; line-height:85px; text-align:center}
.ysleft table , .ysright table{ width: calc(100% - 80px); margin: 40px; }
/*.ysleft table{ margin-bottom:40px; margin-top:60px;}*/
.ysleft table tr td {border:1px solid #1a2b79; font-size:20px; color:#111;vertical-align: middle; height:55px; padding-left: 30px;}
.ysleft table tr td .hua{text-decoration:line-through}
.ysleft table tr td.colspan ,.ysright table tr td.colspan{ padding:0; height:70px; background:#1a2b79}
.ysleft table tr td.colspan p , .ysright table tr td.colspan p{ width:calc(100% - 94px); height:100%; line-height:70px; font-size:24px; font-weight:bold; color:#fcc91a; border:2px solid #fff; background:url(../images/icon_money.png) no-repeat 30px center #1a2b79; padding-left:90px;}
.ysleft table tr td.colspan p span{ font-size:16px;}
.ysright table tr td{border:1px solid #1a2b79; font-size:20px; color:#111;vertical-align: middle; height:50px; padding-left: 30px;}
.ysright table tr td span{ float:right; padding-right:30px; font-size:14px; color:#1a2b79}
.ysright table tr:nth-child(1) td{ height:56px; padding:0; text-align:center; font-size:24px; color:#1a2b79; font-weight:bold;}
.ysright table tr td:nth-child(2) , .ysright table tr td:nth-child(3){ padding:0; text-align:center}
.ysright table tr td.colspan2 { padding:0; height:70px; background:#1a2b79 !important; text-align:center; font-size:24px; font-weight:bold; color:#fcc91a; }
.ysright table tr td.colspan2 p{ width:calc(100% - 4px); height:100%; line-height:70px;border:2px solid #fff;}
.ysright .text{ width:calc(100% - 80px); height:60px; vertical-align:middle; line-height:60px; margin:0 auto; font-size:16px; color:#333}
/*合作商*/
.hz{ width:100%}
.hz li{ width:calc(94% / 3 ); padding: 0px 1px; text-align:center; display:inline-block; color:#333; margin-top:30px}
.hz li:nth-child(4n+1){ margin-left:0}
.hz li img{ max-height:55px; margin-bottom:15px;}
.hz li h1{ font-size:18px; position:relative}
.hz li h1:before{ position:absolute; content:""; width:36px; height:4px; background:#1a2b79; left:50%; margin-left:-18px; top:40px;}
.hz li p{
font-size:16px;
margin-top:30px;
border: 1px solid #202020;
line-height: 30px;
border-radius: 5px;
}
/*aboutpage*/
.aboutbox1{ background:#f2f2f4; font-size:0; height:360px;}
.aboutbox1 .con{ width:80%; background:#1a2b79; display:inline-block; height:100%}
.aboutbox1 .con img{ padding:100px 0 0 100px }
.aboutbox1 .con h2{ font-size:26px; padding:30px 0 0 100px; font-weight:bold; color:#fff; letter-spacing:2px;}
.aboutbox1 .con em{ width:60px; letter-spacing:20px; position:relative}
.aboutbox1 .con em:before{ width:85%; height:2px; background:#fff; top:10px; top: 50%;left: 7%;content: ""; position: absolute;}
.aboutbox1 .con2{ width:20%;display:inline-block; vertical-align: top; text-align:center; height:calc(100% - 60px); padding-top:60px; }
.aboutbox1 .con2 img{ border:1px solid #1a2b79; border:1px solid #1a2b79; padding:30px 20px; }
/*honor*/
.honor{ width:100%}
.honor li{ display:inline-block; background:#fff; padding:25px; margin:15px 0}
.honor li a{ width:100%; display:block}
.honor li .left{ width:25%; display:inline-block}
.honor li .right{ width:70%; float:right; vertical-align:top; display:inline-block}
.honor li .right h1{font-size: 24px; color: #1a2b79; font-weight: bold; padding:20px 0;}
.honor li .right p{ color:#333; line-height:1.8; font-size:16px; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 5;overflow: hidden; text-align:justify}
.honor li:hover { background:#1a2b79; -webkit-transition-duration:0.4s;-moz-transition-duration:0.4s;-ms-transition-duration:0.4s;transition-duration:0.4s;}
.honor li:hover h1 , .honor li:hover p{ color:#fff; -webkit-transition-duration:0.4s;-moz-transition-duration:0.4s;-ms-transition-duration:0.4s;transition-duration:0.4s;}
/*news*/
.newsbox{ width:100%; font-size:0; }
.newsbox li{display: inline-block;vertical-align: top;width: 32%;margin-left: 2%;border-top: 4px solid transparent;margin-top: 17px;}
.newsbox li:nth-child(3n+1){ margin-left:0}
.sec6_list2{background: white;padding:20px 10% 30px;box-sizing: border-box;border-top:4px solid transparent}
.sec6_list2 h3{font-size: 24px;color:#b2b2b2;font-weight: bold;}
.sec6_list2 h3 span{font-size: 14px;font-weight: initial;}
.sec6_list2 p{font-size: 16px;color: #111;line-height: 1.8;margin-top: 15px;padding-bottom: 20px;border-bottom: 1px solid lightgray;margin-bottom:20px;height:50px;}
.sec6_list2 h1{ font-size:24px; color:#1a2b79; text-align:center; padding-bottom: 10px;border-bottom: 1px solid lightgray; margin-bottom:20px;}
.sec6_list3{height:190px;position: relative; overflow:hidden}
.sec6_list3>img{width: 100%;opacity: 1;}
.sec6_list4{position: absolute;width: 100%;height: 100%;top:0;}
.sec6_list4 font{font-size: 14px;color: #333;line-height: 1.8;display: block;opacity: 0;}
.sec6_list4 span{font-size: 30px; font-weight: 400; display: block;text-align: center; color: #2e4ba3;position: absolute;bottom:-10px; top:50%; left:50%;transform: translateX(-50%);opacity: 0; width:40px; height:40px;background: #2e4ba3;
border-radius: 50px;line-height: 35px;}
.newsbox li:hover .sec6_list3>img{opacity: 0;}
.newsbox li:hover .sec6_list4 font{opacity: 1;}
.newsbox li:hover .sec6_list4 span{bottom:30px;color: #fff;opacity: 1;}
.newsbox li:hover .sec6_list2 h3{color: #1a2b79;}
.newsbox li:hover p{color: #1a2b79; -webkit-transition-duration:0.4s;-moz-transition-duration:0.4s;-ms-transition-duration:0.4s;transition-duration:0.4s;}
.newsbox li:hover{border-color: #1a2b79;box-shadow: 0 2px 15px 0 gray;transform: translateY(-5px); -webkit-transition-duration:0.4s;-moz-transition-duration:0.4s;-ms-transition-duration:0.4s;transition-duration:0.4s;}
/* .icon-jiahao:before { content: ""; width:40px; height:40px; background:url(../images/more_news.png) no-repeat; left:0; top:0; position:absolute} */
.shownews{ width:100%; padding-top:60px;}
.shownews h1{ font-size:22px; color:#1a2b79; font-weight: bold; text-align:center}
.shownews time{font-size: 14px; color: gray; text-align: center; display: block; margin-top: 5px}
.shownews .detail{ background:#fff; padding:60px; margin-top: 30px; }
.shownews .detail p{font-size:16px; line-height:2; margin-top:10px; color:#111;}
.store_con{ width:100%}
.store_con img{ width:100%}
/*product*/
.productbox{ width:100%; font-size:0}
.productbox li{ width:calc(17% - -26px); margin-left:3.5%; padding:10px; margin-top:25px; background:#fff; display:inline-block; }
.productbox li p{ font-size: 20px; color: black; text-align: center; padding: 15px 0 15px; transition: 0.3s ease-in-out;}
.productbox li:hover{background:#1a2b79;transition:0.3s ease-in-out;}
.productbox li:hover p{color:white;}
.productbox li:nth-child(3n+1) { margin-left:3.5%}
/* index */
.index-title{color: #1a2b79;}
.index-title h2{margin-right: -12px; margin-bottom: 20px; font-size: 16px; font-weight: normal; padding-left: 12px; letter-spacing: 12px;}
.index-title .line{display: inline-block; margin: 54px 0 41px; width: 16px; height: 2px; background: #ceac8d;}
.more-big{width: 215px; height: 215px; overflow: hidden; background: #fbfbfb; color: #1a2b79; font-size: 14px;}
.more-big a{position: relative; display: block; width: 100%; height: 100%; overflow: hidden;}
.more-big .effect{ position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: #fdf6eb;content: '';
-webkit-transition: -webkit-transform 0.6s;transition: transform 0.6s;
-webkit-transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,-100%,0);
transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,-100%,0);}
.more-big img{position: relative; z-index: 1; margin-top: 40px; -webkit-transition: all 0.3s; transition: all 0.3s;}
.more-big p{position: relative; z-index: 1; margin-top: 20px; color: #1a2b79; -webkit-transition: all 0.3s; transition: all 0.3s;}
.more-big a:hover img{-webkit-transform: matrix(1,0,0,1,33,-17); transform: matrix(1,0,0,1,33,-17);}
.more-big a:hover p{-webkit-transform: matrix(1,0,0,1,-50,12); transform: matrix(1,0,0,1,-50,12);}
.more-big a:hover .effect{-webkit-transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,60deg) translate3d(0,55%,0); transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,60deg) translate3d(0,55%,0);}
.index-about .container{position: relative; padding: 66px 0 105px;}
.index-about .imgbox{margin-left: 4%; width: 70.9%;}
.index-about .text{position: absolute; bottom: 55px; right: 0; padding: 110px 90px; width: 394px; background: #fff;}
.index-about .article{font-size: 14px; line-height: 35px; color: #585858;}
.index-about .more-big{left: 0; bottom: 74px;}
/*门店*/
.md{ width:100%; background:#fff; padding:40px; font-size:0;}
.md .title{ width:100%; text-align:center; font-size:22px; font-weight:bold; line-height:2; display:inline-block}
.md .subtitle{ width:100%; font-size:20px;line-height:2; text-align:center;display:inline-block; padding:0}
.md hr{ width:100%; height:1px; background:#ddd; border:none; margin:15px 0}
.md li{width: 25%; /*padding-left:2%; */ display: inline-block; margin: 10px 0; /* min-height:85px; */vertical-align: top;}
.md li h1{ font-size:16px; color:#111; line-height:22px; font-weight:lighter}
.md li p{ font-size:14px; color:#333; }
/*.md li:nth-child(4n+1) { padding-left:0}*/
/*contact*/
.contact_title{ width:100%; margin:50px 0 30px 0;}
.contact_title h1{ display:inline-block; font-size:24px; font-weight:lighter; line-height:40px; color:#333}
.contact_title.bg1{ background:url(../images/top_logo.png) no-repeat 0 45%; background-size:6%; padding-left:7%}
.contact_title.bg2{ background:url(../images/contact_icon1.png) no-repeat ; padding-left:50px}
.contact_title.bg3{ background:url(../images/contact_icon3.png) no-repeat ; padding-left:50px}
.contact_title.bg4{ background:url(../images/contact_icon2.png) no-repeat ; padding-left:50px}
.contact_con{ background:#fff;height: 220px; display: flex; justify-content: space-around; align-items: center;}
.contact_con li{ display:inline-block}
.contact_con li:nth-child(1){ width:24%; margin-left:50px;}
.contact_con li:nth-child(2){width: 2px; height: 134px; background: #f2f2f4;}
.contact_con li:nth-child(3){ width:55%}
.contact_con li:nth-child(3) h2{font: 22px ; color: #111; font-weight: bold; text-transform: uppercase; position: relative; padding-bottom: 20px; line-height: 30px;}
.contact_con li:nth-child(3) h2::after{content: ""; display: block; width: 56px; height: 4px; position: absolute; left: 0;bottom: 0; background: #1a2b79;}
.contact_con li:nth-child(3) p{ margin-top: 20px; font-size:18px; color: #333;}
.contact_con li:nth-child(3) p b{ font-weight:bold}
.contact_info{font-size:0}
.contact_info li{ width:calc(32% - 35px); display:inline-block; margin-left:2%; font-size:22px; color:#333; background:#fff; vertical-align:middle; padding:35px 0px 35px 35px }
.contact_info li b{ font-weight:bold;}
.contact_info li:nth-child(1){ margin-left:0;}
.contact_ewm{ font-size:0; padding:3% 0%; background:#fff}
.contact_ewm li{ width:calc(50% - 1px); display:inline-block; text-align:center;}
.contact_ewm li:nth-child(1){ border-right:2px solid #f2f2f4}
.contact_ewm li span{ font-size:16px; color:#333; display:block}
.contact_hz{ background:#fff; font-size:0; padding:5% 0}
.contact_hz li{ border-bottom:1px solid #f2f2f4; padding-bottom:30px}
.index-pro ul{margin-left: -15px; margin-right: -15px; padding: 15px 0;}
.index-pro ul li{position: relative; width: 33.3333333333%;}
.index-pro ul li .imgbox{margin: 15px; height: 812px; background-color: #fff; background-repeat: no-repeat; background-position: center center; background-size: cover;}
.index-pro ul li .cover{position: absolute; top: 15px; left: 15px; bottom: 15px; right: 15px; background: #000; opacity: .25; filter: alpha(opacity=25);
transform: scale(1,0); -webkit-transform: scale(1,0); transform-origin: 50% 0; -webkit-transform: 50% 0; transition: all 1s cubic-bezier(.23,1,.38,1); -webkit-transition: all 1s cubic-bezier(.23,1,.38,1);}
.index-pro ul li .cover:before, .index-pro ul li .cover:after{position: absolute; z-index: 1; top: 15px; right: 15px; bottom: 15px; left: 15px; content: ''; opacity: 0; -webkit-transition: all .35s .3s; transition: all .35s .3s;}
.index-pro ul li .cover:before{border-top: 1px solid #fff; border-bottom: 1px solid #fff; transform: scale(0,1); -webkit-transform: scale(0,1);}
.index-pro ul li .cover:after{border-left: 1px solid #fff; border-right: 1px solid #fff; transform: scale(1,0); -webkit-transform: scale(1,0);}
.index-pro ul li h3, .index-pro ul li a{opacity: 0; transform: matrix(1,0,0,1,0,-25); -webkit-transform: matrix(1,0,0,1,0,-25); transition: all 1s cubic-bezier(.23,1,.38,1) .2s; -webkit-transition: all 1s cubic-bezier(.23,1,.38,1) .2s;}
.index-pro ul li h3{position: absolute; left: 15px; right: 15px; top: 40%; padding-left: 18px; font-size: 28px; font-weight: normal; color: #fff; text-align: center; letter-spacing: 18px;}
.index-pro ul li h3 span{display: block; font-size: 20px;}
.index-pro ul li a{position: absolute; top: 50%; left: 50%; margin-left: -22px; display: block; width: 43px; height: 43px;}
.index-pro ul li:hover .imgbox{-webkit-box-shadow: 0 9px 21px rgba(0,0,0,.21); box-shadow: 0 9px 21px rgba(0,0,0,.21);}
.index-pro ul li:hover .cover{transform: scale(1); -webkit-transform: scale(1);}
.index-pro ul li:hover .cover:before, .index-pro ul li:hover .cover:after{opacity: 1; transform: scale(1); -webkit-transform: scale(1);}
.index-pro ul li:hover h3, .index-pro ul li:hover a{opacity: 1; transform: matrix(1,0,0,1,0,0); -webkit-transform: matrix(1,0,0,1,0,0);}
.index-news{position: relative; padding: 37px 0 0; width: 55%;}
.index-news-pic{width: 86.82%;}
.index-news-date{padding-bottom: 30px; width: 27.386%; text-align: center; font-size: 14px; color: #0d0d0d;}
.index-news-date span.pr{padding-top: 30px;}
.index-news-date span.f70 span{position: absolute; top: 22px; right: -10px; width: 34px; height: 34px; background: #debe73; color: #fff; line-height: 34px; font-size: 16px;}
.index-news-date span.upper{position: relative; top: -1px; padding-left: 5px; color: #b49f6b; font-size: 12px;}
.index-news-article{top: -65px; width: 64%; background: #fff;}
.index-news-article .item{padding: 80px 65px 35px 155px; font-size: 14px; line-height: 25px; color: #585858;}
.index-news-article .item h3{margin-bottom: 15px; font-size: 20px;}
.index-news-article .item h3 a{color: #b49140;}
.index-shop{position: relative; padding: 37px 0; width: 36.985%;}
.index-shop .title{position: absolute; left: 0; top: 113px; font-size: 18px; color: #494949;}
.index-shop .title p{margin-top: 13px;}
.index-shop .article{margin-left: 52%; margin-bottom: 50px; margin-top: 103px; min-height: 100px; font-size: 14px; line-height: 30px; color: #585858;}
/* product */
.subtitle{padding: 70px 0 0; -webkit-animation: fadeInDown 1s; animation: fadeInDown 1s;}
.subtitle h2{margin-top: 20px; padding-left: 24px; font-size: 16px; font-weight: normal; color: #3e3e3e; }
.product{margin: 0 11%;}
.product ul li{position: relative; margin-bottom: 18px; background: #fff; overflow: hidden;}
.product ul li .left{position: absolute; top: 32%; left: 12%; width: 8.152%;}
.product ul li .mid{margin: 0 auto; width: 32.338%; height: 100%; background-repeat: no-repeat; background-position: center center; background-size: cover;}
.product ul li .right{position: absolute; right: 5%; top: 38%; width: 17.292%; text-align: center;}
.product ul li .right div.fl, .product ul li .right div.fr{padding: 0 10%; width: 30%; font-size: 14px;}
.product ul li .right a{display: block; width: 100%; height: 100%;}
.product ul li .right div.fl a{color: #1a2b79;}
.product ul li .right div.fr a{color: #7a7a7a;}
.product ul li .right p{margin-top: 15px;}
.product ul li .right a:hover img{-webkit-animation: tada 1s; animation: tada 1s;}
@media (max-width: 1380px){
.product ul li .right{width: 17.642%;}
}
.product-list{margin: 0 12.087%; padding-bottom: 50px; font-size: 20px; line-height: 35px; color: #303030;}
.product-list .more{display: block; width: 155px; height: 35px; line-height: 35px; border: 0; color: #73461e; font-size: 14px; background-color: #e4bf65;}
.product-list .more img{position: relative; top: -1px; left: -10px; margin-right: 20px;}
.product-list .more em{background: #ba9b50;}
.product-list ul{margin-left: -15px; margin-right: -15px; margin-top: 15px; padding-bottom: 20px;}
.product-list ul li{position: relative; margin-top: 5px; width: 33.3333333333%; height: 664px; overflow: hidden;}
.product-list ul li a{display: block; width: 100%; height: 100%;}
.product-list ul li .imgbox{position: absolute; left: 15px; right: 15px; bottom: 15px; top: 15px; background-color: #fff; background-repeat: no-repeat; background-size: cover; -webkit-transition: all 1s; transition: all 1s;}
.product-list ul li .border{display: block; background: #e4bf65; position: absolute;
-webkit-transition: all 600ms cubic-bezier(0.770, 0.000, 0.175, 1.000);
-moz-transition: all 600ms cubic-bezier(0.770, 0.000, 0.175, 1.000);
-ms-transition: all 600ms cubic-bezier(0.770, 0.000, 0.175, 1.000);
-o-transition: all 600ms cubic-bezier(0.770, 0.000, 0.175, 1.000);
transition: all 600ms cubic-bezier(0.770, 0.000, 0.175, 1.000);
}
.product-list ul li .top{ width: 0%; height: 2px; top: 0; right: 0;}
.product-list ul li .bottom{ width: 0%; height: 2px; bottom: 0; left: 0;}
.product-list ul li .right{ width: 2px; height: 0%; bottom: 0; right: 0;}
.product-list ul li .left{ width: 2px; height: 0%; left: 0; top: 0;}
.product-list ul li .title{position: absolute; bottom: 0; right: 25%; left: 25%; padding: 0 10px; background: #e4bf65; color: #886309; font-size: 16px; line-height: 34px; text-align: center;
opacity: 1; filter: alpha(opacity=100); -webkit-transition: all 1s cubic-bezier(.23,1,.38,1); transition: all 1s cubic-bezier(.23,1,.38,1);}
.product-list ul li:hover .title{opacity: 0; filter: 0; -webkit-transform: matrix(1,0,0,1,0,15); transform: matrix(1,0,0,1,0,15);}
.product-list ul li:hover .imgbox{-webkit-transition: matrix(1,0,0,1,0,-5); transform: matrix(1,0,0,1,0,-5);}
.product-list ul li:hover .imgbox .top, .product-list ul li:hover .imgbox .bottom{width: 100%;}
.product-list ul li:hover .imgbox .right, .product-list ul li:hover .imgbox .left{height: 100%;}
@media (max-width: 1700px){.product-list ul li{height: 587px;}}
@media (max-width: 1620px){.product-list ul li{height: 558px;}}
@media (max-width: 1460px){.product-list ul li{height: 503px;}}
@media (max-width: 1400px){.product-list ul li{height: 489px;}}
@media (max-width: 1300px){.product-list ul li{height: 448px;}}
.product-details .article{position: absolute; top: 37%; left: 15%; width: 22%; font-size: 12px; line-height: 28px; color: #8f8f8f;}
.product-details .article h1{margin-bottom: 15px; font-weight: normal; font-size: 24px; color: #3e3e3e;}
.product-details a.black{position: absolute; right: 55px; top: 40px;}
.product-details a.black:hover{-webkit-transform: rotate(360deg); transform: rotate(360deg);}
.indexload{
width: 100%;
height: 100%;
position: fixed;
left: 0;
top: 0;
z-index: 9999;
background: rgba(0, 0, 0, 0.6);
display:none;
}
.indexload .box
{
width: 70%;
height: 400px;
background: #fff;
position: absolute;
left: 50%;
top: 50%;
margin-left: -35%;
margin-top: -200px;
border-radius: 7px;
line-height:2
}
.indexload .box .close
{
width: 40px;
height: 40px;
background: url(../images/bottom_close.png) no-repeat center center #aa0507;
background-size:55%;
position: absolute;
right: -40px;
top: 20px;
cursor: pointer;
opacity: 1;
}
.indexload .box h1{ padding:50px 40px 20px 40px; font-size:24px; color:rgb(192, 0, 0); text-align:center}
.indexload .box p{ font-size:16px; color:#333; text-align:justify; padding:0 40px; line-height:1.8; text-indent:2em; margin-bottom:10px;}
.indexload .box p b{ color:#1a2b79}
.indexload .box h2{color:rgb(192, 0, 0); text-align:right; padding:0 40px; font-size:16px;}
.page {margin: 10px auto;margin-left: 20px;margin-bottom: 40px;}
.pages ul li {
float: left;
margin: 0 2px;
line-height: 25px;
background: #fff;
}
.page a{display: inline-block; margin: 0 1px; padding: 0 12px; font-size: 12px; line-height: 27px; text-align: center; border: 1px solid #dfdfdf; color: #6e6e6e; background: #fff;}
.page a:hover{color: #999; border: 1px solid #999;}
.page-m{position: relative; top: -1px; +display: inline !important;}
.page-m a{font-family: "Arail"; color: #a6a6a6;}
.page-m a.active{background: #999; color: #fff; border: 1px solid #999;}
.page input.txt{width: 32px; text-align: center; height: 25px; line-height: 25px; color: #6e6e6e; border: 1px solid #dfdfdf; +position: relative; +top: 5px;}
.page input.button{margin-left: 20px; width: 88px; height: 29px; background: #999; color: #fff; text-align: center; +position: relative; +top: 5px;}
.page input.button:hover{background: #666;}
.page-prev, .page-next{display: inline-block; font-size:14px; width:50%; margin-top:10px}
.page-prev .n, .page-next .n{ display:inline-block}
.page-prev .t, .page-next .t{ display:inline-block}
.page-prev .n a, .page-next .n a{display: block;}
.details-foot{ width:100%; font-size:0}
/* aside */
.aside{position: fixed; z-index: 10000; left: 10px; top: 215px; width: 180px; -webkit-transform: translateZ(0);}
.aside h1{font-family: "GOTHIC-Regular"; font-weight:lighter; font-size:18px; color:#999; padding-bottom:5px; padding-left:10px; letter-spacing:2px }
@media (max-width: 1460px){.aside{width: 150px;}}
@media (max-width: 1300px){.aside{width: 150px;}}
.aside img{margin-left: 14px;}
.aside ul{margin-top: 5px; }
.aside ul li{position: relative; margin-bottom: 2px;}
.aside ul li a{letter-spacing:2px; font-size: 16px; line-height:45px; color: #333; padding-left: 30px; background: #fff; -webkit-transition: all 0.3s; transition: all 0.3s;}
.aside ul li a:hover{padding-left: 20px;}
.aside ul li.active a{background: #1a2b79; color: #fff; -webkit-box-shadow: 0 0 15px rgba(0,0,0,.17); box-shadow: 0 0 15px rgba(0,0,0,.17);}
.homepage{margin: 0 15%;}
.content{min-height: 300px;}
.mall ul{padding-bottom: 20px;}
.mall li{width: 33.3333333333%;}
.mall li a{display: block; margin: 15px auto; width: 71.394%; height: 123px; -webkit-transition: all 0.3s linear; transition: all 0.3s linear;}
.mall li a:hover{-webkit-transform: matrix(1,0,0,1,0,-10); transform: matrix(1,0,0,1,0,-10); -webkit-box-shadow: 0 10px 25px rgba(0,0,0,.1); box-shadow: 0 10px 25px rgba(0,0,0,.1);}
@media (max-width: 1700px){.mall li a{height: 109px;}}
@media (max-width: 1460px){.mall li a{height: 93px;}}
@media (max-width: 1420px){.mall li a{height: 90px;}}
@media (max-width: 1420px){.mall li a{height: 83px;}}
.query{margin: 85px 0; width: 23%; height: 647px;}
.query h3{padding: 28px 50px 0 28px; color: #3e3e3e; font-size: 14px; font-weight: normal;}
.query-box .item{padding-top: 15px; padding-bottom: 15px; border-bottom: 1px solid #d0d0d0 !important;}
.query-box .item p.f14{color: #464646;}
.query-box .item p.f12{margin-top: 8px; margin-bottom: 18px; color: #9e9e9e;}
.map{margin: 85px 0; width: 76%; height: 647px;}
.map img{max-width: none !important;}
.anchorBL{display: none;}
.brand ul li{margin-top: 28px; color: #5c5c5c; overflow: hidden;}
.brand ul li .imgbox img{width: 100%; opacity: 1; filter: alpha(opacity=100);}
.brand ul li .imgbox a{position: relative; display: block; width: 100%; height: 100%; overflow: hidden; background: #000;}
.brand ul li .imgbox a:before, .brand ul li .imgbox a:after{position: absolute; z-index: 1; top: 15px; right: 15px; bottom: 15px; left: 15px; display: block; content: ""; opacity: 0; -webkit-transition: all 0.3s; transition: all 0.3s;}
.brand ul li .imgbox a:before{border-top: 1px solid #fff; border-bottom: 1px solid #fff; transform: scale(0,1); -webkit-transform: scale(0,1);}
.brand ul li .imgbox a:after{border-left: 1px solid #fff; border-right: 1px solid #fff; transform: scale(1,0); -webkit-transform: scale(1,0);}
.brand ul li .imgbox a:hover img{opacity: .5; filter: alpha(opacity=50);}
.brand ul li .imgbox a:hover:before, .brand ul li .imgbox a:hover:after{opacity: 1; transform: scale(1); -webkit-transform: scale(1);}
.brand ul li .article{margin: 35px; font-size: 12px; color: #5c5c5c; line-height: 25px;}
.brand ul li .article .date{color: #b6b6b6;}
.brand ul li .article h3{margin-top: 10px; margin-bottom: 25px; font-size: 22px; color: #b06f38; font-weight: normal;}
.brand ul li .article h3 a{color: #b06f38;}
.brand ul li .article h6{margin-bottom: 15px; font-size:24px; color:#1a2b79}
.brand ul li .article p{ font-size:16px; color:#111; text-align: justify; line-height: 1.8; margin-bottom:15px;}
.brand ul li.even .imgbox, .brand ul li.odd .text{float: left;}
.brand ul li.even .text, .brand ul li.odd .imgbox{float: right;}
.brand ul.padded li{margin-top: 0;}
.brand ul.padded li .article{ margin:10% 10% 0 10%;}
.tabs{margin: 0 auto 12px; width: 300px;}
.tabs ul li{margin: 1px; width: 148px; height: 30px; line-height: 30px; text-align: center;}
.tabs ul li a{width: 100%; height: 100%; background: #fff; color: #161616;}
.tabs ul li.active a{background: #e4bf65;}
.brand ul.padded li .article h6{ }
@media (max-width: 1680px){
.brand ul.padded li .article{margin: 8% 10%;}
}
@media (max-width: 1460px){
.brand ul li .article{height: auto;}
.brand ul.padded li .article{margin:5% 10%;}
}
@media (max-width: 1420px){.brand ul li .article{height: auto;}}
@media (max-width: 1380px){.brand ul li .article{height: auto;}}
@media (max-width: 1300px){.brand ul li .article{height: auto;}}
.news .article{font-size: 14px; line-height: 28px; color: #4e4e4e;}
.news-title{margin-bottom: 30px; padding-right: 180px; padding-bottom: 25px; color: #4e4e4e; border-bottom: 1px solid #c5c5c5;}
.news-title h1{font-size: 28px; font-weight: normal;}
.share{position: absolute; right: 0; top: 25px;}
.support{margin-top: 23px;}
.support >div{position: relative; margin-top: 17px;}
.support-title{position: absolute; top: 175px; left: 5%;}
.support-title h3{margin-bottom: 5px; font-size: 30px; font-weight: normal; color: #1a2b79; font-weight:bold; letter-spacing: 2px;}
.support-title p{color: #7e7e7e; letter-spacing: 1px; text-transform:uppercase;}
.support ul{padding:40px 0; width:90%; margin:0 auto}
.support ul li{ width:23.5%; margin:15px 0; margin-left: 2%; font-size: 16px; color: #232323; }
.support ul li:nth-child(4n+1){ margin-left:0}
.support ul li img{margin-bottom: 15px; height: 165px;width: 250px;}
ul.instru{margin-top: 13px; margin-bottom: 60px;}
ul.instru li{margin-left:10%; margin-right:0; width: 45%; font-size: 14px; line-height: 30px;}
ul.instru li h6{margin-bottom: 10px; font-size:20px; color:#1a2b79}
ul.instru li:nth-child(1){ margin-left:0}
/*jonin*/
ul.instru li .join_tj{ width:100%; font-size:0; margin-top:20px; padding:0}
ul.instru li .join_tj li{width:100%; font-size:16px; line-height:24px; border-bottom:1px dashed lightgray; margin:0; padding:4% 0}
.join_feiyong{ width:100%}
.join_feiyong .ysleft , .join_feiyong .ysright { width:100%;}
.join_feiyong .ysleft table { margin-top:40px; margin-bottom:40px}
.join_feiyong .ysright table{ margin-top:40px;}
.join_feiyong .ysleft table tr td , .join_feiyong .ysright table tr td{ height:55px;}
.join_feiyong .ysleft table tr td.colspan p, .ysright table tr td.colspan p{ line-height:55px;}
@media (max-width: 1460px){
.support-title{position: static; margin-top: 50px; text-align: center;}
.support ul{float: none; margin: 0 auto 50px;}
}
.dynamic ul li{margin-top: 50px;}
.dynamic ul li a{display: block; margin: 0 auto; width: 88.733%; color: #333;}
.dynamic ul li .imgbox{background: #000;}
.dynamic ul li h6{margin-top: 10px;}
.dynamic span{position: absolute; background: #fff;}
.dynamic .border-top{top: 12%; left: 50%; width: 0; height: 1px;}
.dynamic .border-bottom{bottom: 12%; left: 50%; width: 0; height: 1px;}
.dynamic .border-right{bottom: 50%; right: 8%; height: 0; width: 1px;}
.dynamic .border-left{bottom: 50%; left: 8%; height: 0; width: 1px;}
.dynamic ul li a:hover .imgbox img{opacity: .5; filter: alpha(opacity=50);}
.dynamic ul li a:hover .border-top, .dynamic ul li a:hover .border-bottom{left: 5%; width: 90%;}
.dynamic ul li a:hover .border-right, .dynamic ul li a:hover .border-left{bottom: 6%; height: 88%;}
.faq dl{margin-top: 2px; background: #fff;}
.faq dt{position: relative; padding: 14px 60px 14px 27px; color: #333; font-size: 16px;}
.faq dt .btn{position: absolute; right: 27px; top: 12px; display: block; width: 27px; height: 27px; background: url(../images/add.png) no-repeat center center;}
.faq dt.down .btn{background-image: url(../images/minus.png);}
.faq dd .article{padding: 0 27px 27px; color: #909090; font-size: 14px;}
.applay{padding: 5% 10%;}
.applay >div{margin-right: -30px;}
.input-wrap{position: relative; margin-top: 22px;}
.input-wrap .required{padding: 10px 15px; width: 85%; background: #f3f3f3; line-height: 24px; height: 24px; font-size: 16px; color: #2d2d2d;}
.input-wrap .placeholder{position: absolute; top: 0; left: 15px; line-height: 44px; font-size: 16px; color: #2d2d2d;}
.input-wrap .placeholder em{ font-size:14px; color:#999;}
.input-wrap.spec .required{width: 95%; height: 285px;}
.submit{margin-top: 30px; width: 205px; height: 43px; font-size: 16px; color: #fff; background: #1a2b79; border-radius:50px;}
.submit:hover{background: #199350;}
@media (max-width: 1460px){
.input-wrap{margin-top: 15px;}
}
.contact .map{margin-bottom: 60px; width: 100%; height: 586px;}
.contact .left p.f24{margin-bottom: 10px; color: #4d4d4d;}
.contact .left p.f14{color: #5a5a5a;}
.contact .right{width: 440px;}
.contact .right li{position: relative; width: 50%; font-size: 16px; color: #3f3f3f; line-height: 36px;}
.contact .right li p{padding-left: 40px;}
.contact .right li em{position: absolute; top: 5px; left: 10px; display: block; width: 25px; height: 25px; background: url(../images/contact.png) no-repeat;}
.contact .right li .icon1{background-position: 0 0;}
.contact .right li .icon2{background-position: 0 -25px;}
.contact .right li .icon3{background-position: 0 -47px;}
.contact .right li .icon4{background-position: 0 -75px;}
.feedback{border-top: 1px solid #dcdcdc;}
.feedback .applay{padding: 43px 0;}
.feedback .input-wrap .required{width: 92%; background: #fff;}
.feedback .input-wrap.spec .required{width: 97%;}
.feedback .applay h1{ font-size:24px; text-align:center; margin-bottom:20px;}
.history{margin: 0 auto; width: 950px;}
.history >div{margin-top: 115px;}
.history .left{width: 240px; color: #dadada;}
.history .left p{font-family: "Arial"}
.history .left p.f12{margin-top: 15px; padding-left: 10px; margin-bottom: 10px; letter-spacing: 0.5px;}
.history .left p.f70{letter-spacing: 2px;}
.history .right{width: 705px;}
.history .right ul li{position: relative; padding: 18px 0; border-top: 1px solid #e0e0e0;}
.history .right ul li:first-child{border-top: 0;}
.history .right ul li p{padding-left: 147px; font-size: 14px; line-height: 24px; color: #525252;}
.history .right ul li >span.pa{position: absolute; left: 0; top: 21px; padding-left: 23px; padding-right: 12px; font-size: 16px; line-height: 16px; font-weight: bold; color: #1a2b79; border-right: 1px solid #1a2b79;}
.history .right ul li >span.pa span.cap{display: inline-block; width: 66px; letter-spacing: 0.5px;}
.recruit-hd{margin-top: 50px; margin-left: 8%; margin-bottom: 22px; font-size: 18px; color: #383838;}
.recruit-bd{margin-left: 8%; padding-left: 18%; padding-right: 8%; padding-top: 40px; padding-bottom: 40px; font-size: 12px; line-height: 28px; color: #383838;}
.recruit-ft{position: absolute; top: 0; left: 0; padding: 25px 30px 20px; width: 19%; background: #e4bf65; color: #6f571c;}
.recruit-ft p.color2{margin-bottom: 50%;}
@media (max-width: 1460px){
.recruit-hd, .recruit-bd{margin-left: 10%;}
}
@media (max-width: 1300px){
.recruit-hd, .recruit-bd{margin-left: 12%;}
}
.statement .block1{margin-top: 40px; margin-bottom: 150px; padding-top: 45px;}
.statement .block1 .article{padding: 12.5% 28.932% 16% 5%; width: 375px; background: #e4bf65; color: #3b3b3b; font-size: 14px; line-height: 28px;}
.statement .block1 .article h3{font-size: 28px; font-weight: normal; color: #2e2e2e;}
.statement .block1 .article small{margin-top: 5px; margin-bottom: 20px; color: #1a2b79; letter-spacing: 4px;}
.statement .block1 .imgbox{position: absolute; right: 0; top: 0; width: 62.232%;}
.statement .brand ul li{margin-top: 98px;}
.statement .brand ul li .imgbox{width: 52.999%;}
.statement .brand ul li .text{width: 47.001%;}
@media (max-width: 1620px){
.statement .block1 .article{padding-right: 28%; padding-bottom: 12%;}
.statement .block1 .imgbox{width: 58%;}
}
@media (max-width: 1460px){
.statement .block1 .article{padding-right: 25%; padding-bottom: 10%;}
.statement .block1 .imgbox{width: 55%;}
}
@media (max-width: 1300px){
.statement .block1 .imgbox{right: -5%;}
}
.about-wrap{margin: 0 auto; width: 1194px;}
.about{margin-top: 40px; /*background: url(../images/about_bg.jpg) repeat-y center center;*/}
.about .block1{padding-bottom: 50px;}
.about .block1 .spec{margin: 8% 0 5% 18%; width: 15.54%;}
.about .block1 .imgbox{position: absolute; right: -124px; top: 94px; width: 53.224%;}
.about .block2{padding-top: 50px; padding-bottom: 100px;}
.about .block2 .imgbox{/*margin-left: 5%;*/ width: 43.765%;}
.about-bd{margin-top: 80px; padding-bottom:90px; margin-right: 134px; width: 50%; font-size: 16px; line-height: 2; color: #414141;}
.about-bd h3{font-size: 36px; font-weight: normal; color: #1a2b79; font-weight:bold;}
.about-bd small{ margin-bottom: 50px; color: #b0b0b0; font-family: "GOTHIC-Regular"; font-size:16px;letter-spacing: 10px;}
.about-block3{z-index: 1; margin-top:100px; margin-right: 120px; padding-top: 90px; padding-bottom: 50px; background: #e9e9e9; width:80%}
.about-block3 .about-bd{margin-left: 90px;}
.about-block3 p{ font-size:16px; line-height:1.9; margin-top:25px; text-align:justify}
.about-block3 .imgbox{right:-25%; top:-50px; width:55%;}
.about-block3 .imgbox img{ width:100%}
.about-block3 .link{top: 70%; right: -152px; background: #1a2b79; color: #fff; font-size: 16px; width: 152px; height: 152px; display:none}
.about-block3 .link img{margin-top: 40px; margin-bottom: 16px;}
.about-block3 .link p{padding-left: 4px; letter-spacing: 4px; margin-top: 5px;}
@media (max-width: 1700px){
.about .block1 .spec{margin-left: 14.5%;}
.about .block2 .imgbox{margin-left: 0;}
.about-block3 .link{top: 68%;}
.about-block3{min-height: 600px;}
}
@media (max-width: 1460px){
.about-bd{margin-right: 80px;}
.about-block3 .link{top: 56%;}
}
@media (max-width: 1420px){
.about .block1 .spec{margin-left: 12%;}
}
@media (max-width: 1380px){
.about-block3 .link{top: 52%;}
}
@media (max-width: 1300px){
.about-bd{margin-top: 0; width: 360px;}
.about-block3 .link{top: 47%;}
}
/* channel */
.channel{margin: 55px 12px 75px; background: #fff; border: 1px solid #ebebeb;}
.channel .imgbox{padding: 90px 20px;}
.channel .article{padding: 70px 20px; color: #555; border-top: 1px solid #ebebeb; font-size: 14px;}
.channel .article h3{margin-bottom: 20px; font-size: 28px; font-weight: normal;}
/* team */
.team-pic{margin: 48px 8px;}
.team-pic .large_box{width: 100%; height: 798px; overflow: hidden;}
.team-pic .large_box ul li{height: 798px; line-height: 798px; overflow: hidden;}
.team-pic .large_box ul li img{display: inline;}
.team-pic .small_box{position: absolute; left: 0; right: 0; bottom: 0; height: 120px; background: rgba(0,0,0,.7); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#b300000,endColorstr=#b3000000); zoom:1; overflow: hidden;}
:root .team-pic .small_box{filter: none\9;}
.team-pic .small_list{position: relative; margin: 13px auto 0; width: 1211px; height: 94px; overflow: hidden;}
.team-pic .small_list ul{margin: 0 auto; width: 100%; overflow:hidden;}
.team-pic .small_list ul li{position: relative; float: left; margin: 0 13px; width: 147px; height: 94px; overflow: hidden;}
.team-pic .small_list ul li img{margin-top: 7px; width: 133px; height: 80px;}
.team-pic .small_list ul li div{display: none; position: absolute; top: 0; right: 0; bottom: 0; left: 0; border: 7px solid #e4bf65;}
.team-pic .small_list ul li.on div{display: block;}
.team-pic .small_box .btn{position: absolute; z-index: 1; top: 50%; display: block; margin-top: -47px; width: 55px; height: 94px;}
.team-pic .small_box .left_btn{left: 0; background: url(../images/arrow_left.png) no-repeat center center;}
.team-pic .small_box .right_btn{right: 0; background: url(../images/arrow_right.png) no-repeat center center;}
@media (max-width: 1700px){
.team-pic .large_box{height: 703px;}
.team-pic .large_box ul li{height: 703px; line-height: 703px;}
.team-pic .small_list{width: 1038px;}
}
@media (max-width: 1620px){
.team-pic .large_box{height: 669px;}
.team-pic .large_box ul li{height: 669px; line-height: 669px;}
}
@media (max-width: 1460px){
.team-pic .large_box{height: 602px;}
.team-pic .large_box ul li{height: 602px; line-height: 602px;}
.team-pic .small_list{width: 865px;}
}
@media (max-width: 1420px){
.team-pic .large_box{height: 585px;}
.team-pic .large_box ul li{height: 585px; line-height: 585px;}
}
@media (max-width: 1380px){
.team-pic .large_box{height: 570px;}
.team-pic .large_box ul li{height: 570px; line-height: 570px;}
}
@media (max-width: 1300px){
.team-pic .large_box{height: 534px;}
.team-pic .large_box ul li{height: 534px; line-height: 534px;}
.team-pic .small_list{width: 692px;}
}
@media (max-width: 1299px){
.team-pic .large_box{height: 520px;}
.team-pic .large_box ul li{height: 520px; line-height: 520px;}
}
/* public style */
.bgcolor-white{background: #fff;}
.bgcolor-gray{background: #e7e7e7;}
.bgcolor-green{ background:#1a2b79}
.mt{margin-top: 0 !important;}
.mr{margin-right: 0 !important;}
.mb{margin-bottom: 0 !important;}
.ml{margin-left: 0 !important;}
.pb50{padding-bottom: 50px;}
.f12{font-size: 12px;}
.f14{font-size: 14px;}
.f20{font-size: 20px;}
.f24{font-size: 24px;}
.f28{font-size: 28px;}
.f58{font-size: 58px; line-height: 60px;}
.f70{font-size: 70px; line-height: 70px;}
.color1{color: #6f571c;}
.color2{color: #383838;}
.tl{text-align: left;}
.tc{text-align: center;}
.tr{text-align: right;}
.fl{float: left;}
.fr{float: right;}
.clear{clear: both;}
.pr{position: relative;}
.pa{position: absolute;}
.pf{position: fixed;}
.block{display: block;}
.hide{display: none;}
.inline{display: inline-block;}
.hidden{overflow: hidden;}
.cap{text-transform: capitalize;}
.upper{text-transform: uppercase; width: 100%;
display: inline-block;}
.bold{font-weight: bold;}
.indent{text-indent: 2em;}
.normal{font-weight: normal;}
.vmid{vertical-align: middle;}
.hand{cursor: pointer; _cursor: hand;}
.ff-ar{font-family:Arial !important;}
.ellipsis{white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.ellipsis b{ display:block}
.justify{text-align:justify; text-justify: distribute-all-lines; text-align-last:justify; }
.filterbox{position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,.5); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#7f000000,endColorstr=#7f000000); zoom:1;}
:root .filterbox{filter: none\9;}
/* css3 style */
.trans-3{-webkit-transition: all 0.35s linear; -moz-transition: all 0.35s linear;}
.trans-5{transition: all 0.3s; -webkit-transition: all 0.5s;-moz-transition: all 0.3s;}
.trans-8{transition: all 0.5s; -webkit-transition: all 0.8s; -moz-transition: all 0.5s;}
.trans-12{transition: all 0.3s; -webkit-transition: all 1.2s; -moz-transition: all 1.2s; }
.radius-half{border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%;}
.shadow{ box-shadow: 11px 21px 49px rgba(0,0,0,.075); -webkit-box-shadow: 11px 21px 49px rgba(0,0,0,.075); -moz-box-shadow: 11px 21px 49px rgba(0,0,0,.075);}
@media (max-width: 1700px){
.footer .center{ }
.footer .center dl{ }
}
@media (max-width: 1500px){
.index-about .text{padding: 80px;}
.index-pro ul li .imgbox{height: 626px;}
.index-pro ul li h3{top: 37%;}
}
@media (max-width: 1460px){
.md { width: calc(100% - 80px);}
.header .container{ padding: 0 5%}
.con1400{ width:85%}
.p80{ padding:60px 0}
.indexabout{ padding:60px; width:calc(98.5% - 120px)}
.indexabout .img{ vertical-align: top; margin-top:12%}
.indexabout .img img{ width:80%;}
.indexaboutk{ height:575px;}
.indexad li{ height:750px}
.indexad li .text h1{font-size: 46px; margin-top: 20px}
.indexad li:nth-child(1) .text img{ width:40%}
.indexad li .text h2{ font-size:24px; background-size: 80%; margin-top: 25px;}
.indexad li .text p{ font-size:22px;}
.indexad li:nth-child(1) .adimg{ right:-50px;width:50%; height:auto }
.indexad li:nth-child(2) .text{ width:590px; padding-top: 190px;}
.indexad li:nth-child(2) .text img{ width:33%}
.indexad li:nth-child(2) .text h2{ font-size:24px; background-size: 80%; margin-top: 25px;}
.indexad li:nth-child(2) .adimg{ width:60%; height:auto; top: 115px;}
.indexad li:nth-child(3) .text{padding-top: 190px; width:600px;}
.indexad li:nth-child(3) .text img{ width:30%}
.indexad li:nth-child(3) .adimg{width: 44%; height:auto;top: 75px; right: 30px;}
.storeR{ width:45%}
.storeR .img{ width:75%}
.indexfenbu a{width:100px; height:100px;right: -80px;}
.indexfenbu a img{padding-top: 20px; width: 50%;}
.indexfenbu a p{ margin-top:5px;}
.indexlc { padding:60px 0}
.indexlc ul li em{ font-size:24px; width:60px; height:60px}
.indexlc ul li span{ font-size:20px;}
.indexlc2 .indexlc ul li span{ font-size:14px}
.indexlc ul li p{ margin: 15px 0 20px 65px;}
.lcmore{ width: 100px; height: 100px; right: -80px;}
.lcmore img {padding-top: 23px;}
.lcmore p{ margin-top:5px}
.ys80{ margin-top:60px}
.homepage{ margin:0 7.5%}
.aboutbox1{ height:300px;}
.aboutbox1 .con img{ padding:80px 0 0 100px}
.aboutbox1 .con2 img{ width:40%}
.honor li .right p{-webkit-line-clamp: 4;}
}
@media (max-width: 1380px){
.footer .left p{text-indent: 220px;}
.footer .center dl{margin-right: 7%;}
.index-pro ul li .imgbox{height: 575px;}
}
@media (max-width: 1300px){
.index-about .text{padding: 60px; width: 294px;}
.index-about .article{height: 70px; overflow: hidden;}
.ysleft table tr td{ padding-left:20px; padding-right:20px}
.maptitle{ width:65%}
}
@media (max-width: 1024px){
.md li{ width:33%}
/* .md li:nth-child(4n+1){ margin-left:inherit}
.md li:nth-child(3n+1){ margin-left:0}*/
.contact_info li{ font-size:18px;}
.hidetel{ }
.hidetel span{font-size:20px; line-height:65px;}
.hidetel em{ font-size:20px; padding:5px 20px; margin-left: 20px;}
.hidetel em .close{ width:20px; height:20px; background:url(../images/bottom_close.png) no-repeat; background-size:100%; position:absolute; right:-30px; top:0; cursor:pointer}
.submuenu{ display:block}
.brand ul li .article h6{ font-size:20px;}
.brand ul li .article p{ font-size:14px;}
.honor li .right p{ font-size:14px;-webkit-line-clamp: 3;}
.honor li .right h1{ font-size:20px; padding:15px 0}
.contact .col-6x{ width:100%}
.contact .right{ width:100%; margin-top:20px;}
.contact .right li em{ left:0}
.contact .right li p{ padding-left:30px;}
.menu{ display:block}
.logo{ left:0; margin-left:5%}
.nav{ display:none}
.p80{ padding:50px 0}
.indextitle{ margin-bottom:25px;}
.indextitle h1{ font-size:30px; line-height:30px;}
.indextitle h2{ font-size:16px; line-height: 30px; letter-spacing:5px}
.indexabout { height:400px; padding: 50px; width: calc(98.5% - 100px);}
.indexabout .text p { font-size:16px; margin-top:20px;line-height: 1.8}
.indexaboutk{height: 500px;}
.indexad li { height:470px;}
.indexad li:nth-child(1) .text{ width:370px; padding-top: 100px;}
.indexad li:nth-child(1) .text img{width: 30%;}
.indexad li:nth-child(1) .adimg{right:10px; bottom:0; width: 45%;}
.indexad li .text h1{ font-size:28px; margin-top:10px;}
.indexad li .text h2 { font-size: 18px; background-size: 75%; margin-top: 0; height: 55px; line-height:50px;}
.indexad li .text p{ font-size:16px; margin-top: 0;}
.indexad li:nth-child(2) .text{ width:440px; padding-top: 120px;}
.indexad li:nth-child(2) .text img{width:22%;}
.indexad li:nth-child(2) .text h2{ font-size: 18px; background-size:67%; margin-top: 0; height: 55px; line-height:50px;}
.indexad li:nth-child(2) .adimg{ width:50%;top: 70px; left: 5%}
.indexad li:nth-child(3) .text{width:440px; padding-top: 120px;}
.indexad li:nth-child(3) .text img{width:24%;}
.indexad li:nth-child(3) .text h2{ font-size: 18px; background-size:67%; margin-top: 0; height: 55px; line-height:50px;}
.indexad li:nth-child(3) .adimg{width: 35%;top: 60px; right: 80px;}
.maptitle{ font-size:18px;line-height: 45px; width: 70%;}
.indexfenbu{padding: 25px 0;}
.indexfenbu li h1{ font-size:16px;}
.indexfenbu li p{ font-size:14px;}
.indexfenbu a{ width:80px; height:80px; right:-60px;}
.indexfenbu a img { padding-top: 10px;}
.indexlc { width:80%; padding:40px 0;margin-left: 20%;}
.indexlcimg{ width:30%}
.indexlcimg .indextitle h1, .indexlcimg .indextitle h2{ margin-left:0}
.indexlc .left{ width:43%;margin-left: 14%;}
.indexlc .right{width:43%;}
.indexlc ul li span{ padding:10px 35px 10px 70px}
.indexlc ul li em { font-size: 22px; width: 55px; height: 55px; margin-top: -18px; line-height: 55px;}
.ysleft h1, .ysright h1{ font-size:22px;line-height: 60px;}
.ysleft table tr td{ font-size:18px;}
.ysleft table tr td.colspan p, .ysright table tr td.colspan p{ font-size:22px}
.ysright table tr:nth-child(1) td{ font-size:20px}
.ysright table tr td{ font-size:18px; padding-left:20px;}
.ysright table tr td span{padding-right:20px;}
.ysright table tr td.colspan2{ font-size:22px;}
.ysleft table, .ysright table { width: calc(100% - 40px); margin: 0 20px;}
.ysleft table{ margin-bottom:60px;}
.ysright .text{line-height: 20px; height:40px; padding:10px 0; width: calc(100% - 40px);}
.footer .center{ display:none}
.footer .left{ width:75%}
.storeR .yuansu{ display:none}
.storeR p{ font-size:16px;}
.storeR .indextitle h2:before{ margin-top:35px;}
.storeR p{ margin-top:25px;}
.storeR .img{ margin-top:15px;}
.shownews .detail{ padding:40px;}
.shownews .detail p{ font-size:14px; line-height:1.8;}
.shownews h1{ font-size:20px}
}
@media (max-width: 768px){
.indexload .box h1{ padding:30px 30px 10px 30px; font-size:22px;}
.indexload .box { height:420px}
.indexload .box .close{ width:35px; height:35px; right:0; top:0; border-radius: 0 7px 0 0;}
.ysleft table tr td.colspan p span{ font-size:12px;}
.hidetel{ }
.hidetel span{ display:none}
.hidetel em{ margin-left:0; font-size:18px; padding:0; border:none; line-height:45px; color:#fcc91a}
.sec6_list2 p { padding-bottom:5px; margin-bottom:5px; line-height:1.5; margin-top:5px;}
.sec6_list2 h3{ font-size:14px;}
.md{ width: calc(100% - 30px); padding:15px;}
.md li h1{ font-size:12px; line-height: 22px;}
.md li{ width:50%; margin:5px 0; min-height: auto; margin-left:0;padding-bottom: 8px; padding-left:0}
.header ul li.active a{ width:100% !important}
.join_feiyong .ysright table{ margin-top:20px;}
.join_feiyong .ysleft table{ margin-top:20px; margin-bottom:0;}
.indexlc2 .indexlc .left{ width:100%; margin-left:0}
.indexlc2 .indexlc .right{ width:100%; margin-left:0}
.header ul li:nth-child(5) { margin-left:0 !important}
.support ul{ margin:0 auto}
ul.instru li{ width:calc(100% - 20px); padding:0 10px; margin-left:0; margin-bottom:10px; margin-top:10px}
ul.instru li h6{ font-size:16px;}
.support >div{ margin-top:0}
ul.instru li .join_tj{ margin-top:0}
ul.instru li .join_tj li{ font-size:14px;padding: 2% 0; margin-left:0}
.newsbox li{ margin-left:0}
.productbox li{ width:calc(48% - 22px); margin-top:10px; margin-left:0}
.productbox li p { font-size:16px; padding:10px 0 5px}
.contact_con li:nth-child(3){ width:100%; padding: 20px;}
.contact_con li:nth-child(3) h2{ font-size:18px;}
.contact_con li:nth-child(3) h2::after{ width:30px; height:2px;}
.contact_con li:nth-child(3) p{ font-size:16px; margin-top:10px;}
.contact_title.bg1{ background-size:18%; padding-left:28%;}
.contact_title.bg2{ background:url(../images/contact_icon1.png) no-repeat 0 45%; background-size:8%; padding-left: 45px;}
.contact_title.bg3{ background:url(../images/contact_icon3.png) no-repeat 0 45%; background-size:8%; padding-left: 45px;}
.contact_title.bg4{ background:url(../images/contact_icon2.png) no-repeat 0 45%; background-size:8%; padding-left: 45px;}
.contact_info li:nth-child(1) , .contact_info li:nth-child(2) ,.contact_info li:nth-child(3){ width:100%; margin-left:0; margin-bottom:10px;}
.contact_info li:nth-child(3){ margin-bottom:0}
.contact_ewm li span{ font-size:12px;}
.contact_ewm li img{ width:90%}
.hz li:nth-child(2n+1){ margin-left:0}
.feedback .applay h1{ font-size:18px; margin-bottom:10px; width: 95%; }
.contact_info li { font-size:16px; padding:15px 0 15px 15px}
.contact_title h1{ font-size:18px;}
.contact_title{ margin:25px 0 10px 0}
.contact_con{ height:auto}
.support{ margin-top:0}
.support ul{ width:100%; padding: 10px 0;}
.brand ul.padded li .article{ margin:2% 4%; height:auto}
.padded .col-6x{ width:100%}
.brand ul li .article h6{ font-size:16px; margin-bottom:0;}
.brand ul li .article p{ font-size:14px; line-height: 1.5;}
.shownews{ padding-top:30px;}
.shownews h1{ font-size:16px;}
.shownews time{ font-size:12px;}
.shownews .detail{ padding:20px; margin-top:15px;}
.newsbox li { width: 100%; margin-left:0; margin-right: 0;}
.sec6_list2{ padding:20px;}
.honor li{ margin:5px 0; padding: 15px;}
.honor li .right{ width:100%; float:none}
.honor li .right h1{ font-size:16px;; padding:0; margin-bottom:5px;}
.honor li .right p {-webkit-line-clamp: 2;}
.contact .f24{ font-size:18px;}
.contact .right{ margin-top:10px;}
.contact .right li { font-size:14px; line-height:32px;}
.contact .right li em{ top:2px;}
.pb50{ padding-bottom:20px;}
.feedback .applay{ padding:20px 0}
.feedback .applay .col-6x{ width:100%}
.homepage{ margin:0 2%}
.subtitle h2{ margin-top:5px;}
.indextitle h1{ font-size:24px;}
.indextitle h2 { font-size: 14px; line-height: 20px; padding:3px 0 10px 0}
.aboutbox1 .con h2{ font-size:16px; padding:0 0 0 30px}
.aboutbox1 .con em{ display:block;}
.aboutbox1 .con em:before{ left:0; width:50%;}
.aboutbox1{ height:210px;}
.aboutbox1 .con , .about-block3{ width:100%; margin-top: 0;}
.about-block3{ min-width:inherit; padding-bottom:0}
.about-block3 .about-bd { margin-left: 20px; margin-right: 20px; width: calc(100% - 40px); padding-bottom: 20px;}
.about-block3 .imgbox { right: 0; top: 0; width: 100%; position: relative;}
.about-block3{ padding-top:20px;}
.about-bd h3{ font-size:24px;}
.about-block3 p{ font-size:14px; line-height:1.8; margin-top:10px;}
.aboutbox1 .con img{ width:40%; padding:30px; }
.about-bd small{ margin-bottom:10px;}
/* .indexaboutk{height:350px} */
.con1400{ width:90%}
.p80 {padding: 20px 0;}
.indextitle{ margin-bottom:0;}
.subtitle{ padding:20px 0 0px}
.indexabout{ padding:20px; width:calc(97% - 40px); height:auto}
.indexabout .img , .indexad li:nth-child(2) .text img ,.indexad li:nth-child(3) .text img , .indexlcimg, .aside , .aboutbox1 .con2 , .honor li .left , .support-title , .contact_con li:nth-child(1) , .contact_con li:nth-child(2){ display:none}
.indexabout .text{ width:100%}
.indexad li{ height:410px; overflow:hidden}
.indexabout .text p{ font-size:12px;margin-top: 10px; line-height: 26px;}
.indexad li:nth-child(1) .text{ width:35%; padding-top: 40px; letter-spacing:3px; }
.indexad li:nth-child(1) .text img{ display:none}
.indexad li .text h1 {float: right; writing-mode: tb-rl; -webkit-writing-mode: vertical-rl;writing-mode: vertical-rl;*writing-mode: tb-rl; font-size:18px; line-height: 30px; margin-top: 0; color:#1a2b79}
.indexad li .text h2{float: right;font-size:16px; background:none; color:#1a2b79; writing-mode: tb-rl; -webkit-writing-mode: vertical-rl;writing-mode: vertical-rl;*writing-mode: tb-rl; line-height: 20px; height:auto}
.indexad li .text p{float: right; font-size: 16px; vertical-align: top; text-align: justify; writing-mode: tb-rl; -webkit-writing-mode: vertical-rl;writing-mode: vertical-rl;*writing-mode: tb-rl;letter-spacing:1px; margin-right:0px ;line-height: 20px;margin-bottom: 30px;}
.indexad li:nth-child(1) .adimg{ width:88%; right:-100px; }
.indexad li:nth-child(2) .text{ padding-top:40px;letter-spacing:3px; width:35%}
.indexad li:nth-child(2) .text h1{ color:#fcc91a; }
.indexad li:nth-child(2) .text h2{float: right;font-size:16px; background:none; color:#fcc91a; writing-mode: tb-rl; -webkit-writing-mode: vertical-rl;writing-mode: vertical-rl;*writing-mode: tb-rl; line-height: 20px; height:auto;}
.indexad li:nth-child(2) .text p{letter-spacing:1px;}
.indexad li:nth-child(2) .adimg{ left:-3%; top:130px; width:76%}
.indexad li:nth-child(3) .text{ width:35%; padding-top:40px;letter-spacing:3px;}
.indexad li:nth-child(3) .text h2{float: right;font-size:16px; background:none; color:#1a2b79; writing-mode: tb-rl; -webkit-writing-mode: vertical-rl;writing-mode: vertical-rl;*writing-mode: tb-rl; line-height: 20px; height:auto;}
.indexad li:nth-child(3) .text p{letter-spacing:1px;}
.indexad li:nth-child(3) .adimg{ width:67%; right: -15px;}
.storeR{ float:none;width: 100%;}
.storeL{ float:right;width: 100%;}
.storeR .indextitle{ display:none}
.storeR p{ display:none}
.storeR .img{width: 100%;}
.storeL img { width:50%; margin-bottom:0}
.storeR_t{ display:block}
.maptitle{ width:calc(100% - 40px); line-height:24px; font-size:16px; padding:5px 20px;}
.indexfenbu { padding: 15px 0;}
.indexfenbu li{width:calc(50% - 20px);margin:5px 0; margin-left:10px; }
.indexfenbu li h1{ font-size:13px; line-height:22px;}
.indexfenbu li:nth-child(5) , .indexfenbu li:nth-child(6) , .indexfenbu li:nth-child(7) , .indexfenbu li:nth-child(8){ display:none}
.indexfenbu a img{ display:none}
.indexfenbu a{ width: 100%; top:100%; margin-top:0; border:1px solid #fcc91a; height: 35px; right: -1px;}
.bgcolor-green{ padding-bottom:35px;}
.lc_t{ display:block}
.indexlc { width: 100%; padding:2% 0; margin-left: 0;}
.indexlc .left { width:100%; margin-left:0;}
.indexlc .right{ width:100%}
.indexlc ul li { width: calc(47% - 2px); height:90px; margin-left: 2%; margin-bottom: 2%; border:1px solid #1a2b79; background:#fff; border-radius: 5px;}
.indexlc ul li em { font-size: 12px; width: 20px; height: 20px; margin-top: 10px; margin-left: 10px; line-height: 20px; background: #1a2b79; border:none;}
.indexlc ul li span { color:#1a2b79; padding: 0; font-size: 14px; padding-left: 30px; padding-top: 10px; background: none; display:block}
.indexlc ul li p { margin: 0; padding:10px; font-size: 14px; line-height: 20px;}
.lcmore { width: 47%; height: 90px; right:2%; bottom:5%; border-radius: 5px;}
.lcmore p{ font-size: 14px;}
.lcmore img { padding-top: 20px; width: 15%;}
.ysleft , .ysright{width: 100%; float: none; padding: 10px 0px 10px;}
.ysright{ margin-top:0;}
.ys80{ margin-top:0}
.ysleft h1, .ysright h1{font-size: 18px; line-height: 45px;}
.ysleft table, .ysright table{ width:calc(100% - 20px);margin: 0 10px}
.ysleft table tr td{ font-size:15px;padding-left: 5px; padding-right:5px; height:42px}
.ysleft table tr td.colspan p, .ysright table tr td.colspan p{ font-size:16px;}
.ysleft table tr td.colspan, .ysright table tr td.colspan{height: 45px;}
.ysleft table tr td.colspan p, .ysright table tr td.colspan p{ width:calc(100% - 42px); padding-left: 40px;font-size:16px; line-height:45px; background:url(../images/icon_money.png) no-repeat 10px center #1a2b79; background-size:6%; border:1px solid #fff}
.ysright table tr:nth-child(1) td{ font-size:15px}
.ysright table tr td{ font-size:15px; padding-left:10px}
.ysright table tr:nth-child(1) td , .ysright table tr td{ height:42px;}
.ysright table tr td span{ font-size:12px; padding-right:10px;}
.ysright table tr td.colspan p{ background-size:15%}
.ysright table tr td.colspan2{ font-size:16px; height:45px}
.ysright table tr td.colspan2 p{ width:calc(100% - 2px); line-height:45px; border:1px solid #fff}
.ysright .text { line-height: 20px; font-size: 12px; height: auto; padding: 0px 0; width: calc(100% - 20px);}
.join_feiyong .ysleft table tr td, .join_feiyong .ysright table tr td{ height:40px;}
.hz li{width: calc(98% / 3 );}
.hz li:nth-child(3){ margin-left:0}
.hz li img { max-height: 35px; margin-bottom: 10px;}
.hz li h1 { font-size:14px;}
.hz li p{ font-size:14px; margin-top:15px;}
.hz li h1:before{ height:2px; top: 28px; margin-left: -18px;}
.footer{ padding:10px 0px 60px 0px}
.footer .right{ display:none}
.footer .left{ width:100%}
.footer .left img{ display:none}
.footer .container{ min-height:inherit}
.footer .left .text li{ font-size:13px;margin-top:10px;}
.footer .left .text li a{ width:30px; height:30px;}
.footer .left .text li a.qq{ background-size:100%}
.footer .left .text li a.weibo{ background-size:100%}
/* .footer .left .text li:nth-child(4){ margin-top:10px;} */
.copyright {margin-top: 10px; padding-top: 10px; font-size: 12px; line-height: 20px;}
.header{ height:60px;}
.logo img{
max-width:unset;
width: 95px;
margin-top: 14px;
}
.logo{ top:0;}
.menu{ top:10px}
.applay{ padding:5%}
.col-4x , .col-12x{ width:calc(100% - 20px)}
.input-wrap .required{ padding:10px; width:calc(100% - 30px); line-height: 20px; height:20px;}
.input-wrap.spec .required{width:calc(100% - 30px); height: 190px}
.support .tc{ width:calc(100% - 20px); }
.support .tc li{ width:49% !important; margin:0 0 10px 2%; }
.support .tc li:nth-child(2n+1){ margin-left:0}
.ellipsis b{ font-size:15px;}
.ellipsis{ font-size:14px;}
.support ul li img{ margin-bottom:5px;height: 7rem;}
.submit{ margin-top:15px;height: 35px; line-height:35px;font-size:14px;}
.hidetel{height: 100%; background: rgba(0, 0, 0, 0.35);z-index: 9999;}
.hidetel .con1400{ background:#fff;padding: 0 5%;position: absolute;bottom: -25px; border-radius: 15px 15px 0 0;}
.indexmessage h1{ color:#333; font-size:18px}
.indexmessage h1 b{width: 100%;display: block}
/* .fot_tel{bottom: 0; line-height:45px;width: 100%;} */
.fot_tel{display: none;}
.indexmessage h1 .close{right: -15px;top: 5px;width: 25px;}
.indexmessage ul li{ width:50%}
.indexmessage ul li:nth-child(2n+1){ margin-left:0%}
.indexmessage ul li:nth-child(1), .indexmessage ul li:nth-child(2){width:100%; margin-left:0}
.indexmessage ul li:nth-child(5), .indexmessage ul li:nth-child(6){ width:100%; margin-left:0}
.indexmessage ul li input[type=submit]{ width:100%; font-size:16px; height:40px; line-height:40px; appearance:button;
-moz-appearance:button; /* Firefox */
-webkit-appearance:button; /* Safari 和 Chrome */ }
.indexmessage ul li input[type=text]{height:40px; line-height:40px; font-size:14px;}
}
@media (max-width: 440px){
.indexaboutk { height: 467px;}
.indexload .box{ width:90%; margin-left:-45%}
.indexload .box h1{ padding:20px 20px 10px 20px; font-size:18px;}
.indexload .box p {font-size:14px; padding:0 20px; line-height:1.6; margin-bottom:10px}
.indexload .box h2{font-size:14px; padding:0 20px; line-height:1.6}
.indexload .box { height:420px}
}
@media (max-width: 414px){
.indexaboutk { height: 531px;}
}
@media (max-width: 375px){
.indexaboutk { height: 554px;}
}
@media (max-width: 360px){
.indexaboutk { height: 553px;}
}
@media (max-width: 320px){
.indexaboutk { height: 627px;}
}