body, p, form, textarea, h1, h2, h3, h4, h5, dl, dd { margin: 0px; }
body { min-width: 1200px; width: 100%; overflow-x: hidden; }
input, button, ul, ol { margin: 0px; padding: 0px; }
body, input, button, form { font-size: 14px; line-height: 28px; font-family: PingFang SC, Verdana, Helvetica Neue, Microsoft Yahei, Hiragino Sans GB, Microsoft Sans Serif, WenQuanYi Micro Hei, sans-serif; color: #333; }
h1, h2, h3, h4, h5, h6 { font-size: 14px; font-weight: normal; }
ul, ol, li { list-style: none; }
input { background: none; border: 0 none; }
img, iframe { border: 0px; }
em, i { font-style: normal; }
button, input, select, textarea { font-size: 100%; }
table { border-collapse: collapse; border-spacing: 0; }
.red { color: #ba292e; }
.fl { float: left; }
.fr { float: right; }
.tac { text-align: center; }
.tar { text-align: right; }
.poa { position: absolute; }
.por { position: relative; }
.hidden { display: none; }
.w1200 { width: 1200px; margin: 0 auto; }
a { color: #434343; text-decoration: none; }
a:hover { color: #fac12c; text-decoration: none; }
a:visited { text-decoration: none; }
.ease, .ease * { -webkit-transition: all ease 300ms; -moz-transition: all ease 300ms; -ms-transition: all ease 300ms; -o-transition: all ease 300ms; transition: all ease 300ms; }
.noease, .noease * { -webkit-transition: none; -moz-transition: none; -ms-transition: none; -o-transition: none; transition: none; }
:-moz-placeholder { color: #aaa;}
::-moz-placeholder { color: #aaa; }
input:-ms-input-placeholder, textarea:-ms-input-placeholder { color: #aaa;}
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { color: #aaa;}
/*清除浮动*/
.clearfix { *zoom: 1;}
.clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
/*特效*/
.white, .whites { position: relative; overflow: hidden; }
.white:after, .whites:after { content: ''; cursor: pointer; position: absolute; left: -100%; top: 0; width: 100%; height: 100%; background-image: -moz-linear-gradient(0deg, rgba(255,255,255,0), rgba(255,255,255,.5), rgba(255,255,255,0)); background-image: -webkit-linear-gradient(0deg, rgba(255,255,255,0), rgba(255,255,255,.5), rgba(255,255,255,0)); transform: skewx(-25deg); }
.white:hover:after { left: 100%; -moz-transition: 1s; -o-transition: 1s; -webkit-transition: 1s; transition: 1s; }
.whites:hover:after { left: 100%; -moz-transition: 0.5s; -o-transition: 0.5s; -webkit-transition: 0.5s; transition: 0.5s; }
/*头部*/
.header { padding: 5px 0 10px; overflow: hidden; }
.header .logo { float: left; padding: 22px 0 20px;}
.header .logo img { display: block; width: auto; }
.header .text {float: left; font-size: 24px; margin: 30px 0 30px 20px; padding: 0 0 0 20px; border-left: 1px solid #ddd; line-height: 34px;}
.header .tel { float: right; background: url(../images/tel.png) no-repeat 0 center; background-size: 42px; padding-left: 50px; margin-left: 40px; margin-top: 18px; }
.header .tel strong { display: block; font-size: 28px; font-family: Impact; line-height: 1; }
.topbar .lang { line-height: 30px; }
.topbar .lang span { margin-right: 10px; }
.topbar .lang a img { margin-right: 2px; }
/*导航*/
.nav_main { background: #ededed; }
.nav_main .nav li { float: left; position: relative; }
.nav_main .nav li span { display: block; width: 150px; color: #333; font-size: 16px; line-height: 66px; text-align: center; background-repeat: no-repeat; background-position: bottom; background-image: -webkit-linear-gradient(left, #fac12c, #fac12c); background-image: linear-gradient(to left, #fac12c, #fac12c); background-size: 100% 0; transition: all .5s; }
.nav_main .nav li.cur span, .nav_main .nav li:hover span { background-size: 100% 100%; }
.nav_main .nav li dl { width: 150px; position: absolute; left: 0; top: 100%; z-index: 12; box-shadow: 3px 0 10px rgba(0, 0, 0, 0.1); }
.nav_main .nav li dl { position: absolute; filter: progid:DXImageTransform.Microsoft.Shadow(color=#4c91c0, direction=120, strength=5);
opacity: 0; visibility: hidden; transition: all .6s ease 0s; transform: translate3d(0, 10px, 0); -moz-transform: translate3d(0, 10px, 0); -webkit-transform: translate3d(0, 10px, 0); }
.nav_main .nav li:hover dl { opacity: 1; visibility: visible; transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -webkit-transform: translate3d(0, 0, 0); }
.nav_main .nav li dl dd { line-height: 44px; height: 44px; text-align: left; position: relative; z-index: 12; display: block; width: 100%; border-top: 1px solid #ddd; }
.nav_main .nav li dl dd:first-child { border: none; }
.nav_main .nav li dl dd a { display: block; color: #333; font-size: 14px; padding: 0; background: #ededed; text-align: center; background-repeat: no-repeat; background-image: -webkit-linear-gradient(left, #fac12c, #fac12c); background-image: linear-gradient(to right, #fac12c, #fac12c); -webkit-transition: all 0.5s; transition: all 0.5s; background-size: 0% 100%; }
.nav_main .nav li dl dd a:hover { background-size: 100% 100%; padding-left: 10px; }
/*网站大图*/
#banner_main { overflow: hidden; position: relative; z-index: 2; max-width: 1920px; margin: 0 auto; }
#banner_main .banner { height: 660px; }
#banner { width: 100%; min-width: 1000px; position: relative; overflow: hidden; z-index: 0; }
#banner, .banner ul { max-height: 660px; overflow: hidden; }
.banner li { width: 100%; position: absolute; z-index: 1; overflow: hidden; display: none; }
.banner li:first-child { display: block; }
.banner li img { width: 1920px; display: block; position: relative; left: 50%; margin-left: -960px; top: 0; }
#banner .tip { width: 1000px; height: 5px; line-height: 0; font-size: 0; text-align: center; position: absolute; left: 50%; margin-left: -500px; bottom: 40px; z-index: 3; }
#banner .tip span { width: 62px; height: 5px; margin: 0 5px; display: inline-block; cursor: pointer; background: #fff; transition: all .5s; }
#banner .tip span.cur { background: #fac12c; }
#banner #btn_prev, #banner #btn_next { width: 29px; height: 63px; position: absolute; top: 50%; margin-top: -32px; background: url(../images/arrows.png) center no-repeat; z-index: 5; opacity: 0; }
#banner #btn_prev { background-position: 0; left: 6%; }
#banner #btn_next { background-position: -29px; right: 6%; }
#banner:hover #btn_prev, #banner:hover #btn_next { opacity: 1; }
/*搜索栏*/
.search { height: 89px; background: #fff; border-bottom: 1px solid #d7d7d7; }
.search .keyword { color: #888; font-size: 14px; line-height: 89px; }
.search .keyword b { color: #333; line-height: 24px; display: inline-block; background:url(../images/i_ico_tj.png) no-repeat 0 5px; padding-left: 20px; }
.search .keyword a { color: #666; display: inline-block; padding-right: 10px; }
.search .keyword a:hover { color: #fac12c; }
.search .sou { position: relative; width: 280px; height: 38px; margin-top: 26px; overflow: hidden; }
.search .sou .ipt1 { width: 242px; height: 38px; font-size: 14px; color: #999; border: none; text-indent: 20px; line-height: 38px; background: #f1f1f1; border-radius: 50px; padding-right: 38px; outline: none; }
.search .sou .ipt2 { position: absolute; top: 0; right: 0; display: block; width: 38px; height: 38px; border: none; float: right; outline: none; cursor: pointer; background: url(../images/search_btn.png) no-repeat center; }
.search.ny { background: #f2f2f2; height: 82px; border-bottom: 1px solid #eee; overflow: hidden; font-size: 14px; }
.search.ny .keyword { color: #444; line-height: 82px; background: none; padding: 0; }
.search.ny .keyword b { color: #444; border-left: 0; padding-left: 0; }
.search.ny .keyword a { color: #444; margin-right: 15px; padding-right: 0; }
.search.ny .keyword a:after { display: none; }
.search.ny .sou { width: 270px; height: 30px; border-radius: 20px; background: #fff; padding-left: 10px; margin-top: 26px; }
.search.ny .sou .ipt1 { width: 224px; height: 30px; line-height: 30px; color: #a9a9a9; float: left; text-indent: 0; background: none; padding: 0; }
.search.ny .sou .ipt2 { position: relative; width: 40px; height: 30px; background: url(../images/sou.png) no-repeat center; margin: 0; border-left: 0; padding-left: 0; float: right; cursor: pointer; }
/*友情链接*/
.links { height: 66px; line-height: 66px; overflow: hidden; background: #fac12c; }
.links b { display: block; float: left; font-size: 18px; color: #fff; padding-right: 20px; }
.links p { font-size: 14px; color: #666; float: left; }
.links p a { font-size: 14px; color: #fff; padding: 0 10px 0 0; }
/*网站底部*/
.footer { background: #142038; padding: 60px 0 40px 0; overflow: hidden; }
.footer .f_nav { width: 390px; border-top: 1px #384b71 dotted; padding: 20px 0 0; }
.footer .f_nav ul { overflow: hidden; }
.footer .f_nav ul li { height: 32px; line-height: 32px; background: url(../images/f_ico01.png) no-repeat 0 14px; overflow: hidden; padding: 0 0 0 15px; width: 115px; float: left; }
.footer .f_nav ul li a { font-size: 14px; color: #fff; }
.footer .f_nav ul li a:hover { color: #fac12c; }
.footer .f_nav p { color: #fff; line-height: 20px; overflow: hidden; border-top: 1px #384b71 dotted; margin-top: 10px; padding-top:15px; }
.footer .f_nav p span { margin-left:10px;}
.footer .f_nav a { color: #fff; }
.footer .f_nav a:hover { color: #fac12c; }
.footer .f_ban { width: 400px; padding: 20px 0 0; border-top: 1px #384b71 dotted; margin-left: 90px; }
.footer .f_ban p { padding: 0 0 12px 30px; font-size: 14px; color: #fff; line-height: 24px; }
.footer .f_ban p b { display: block; font-weight:normal;}
.footer .f_ban span { display: block; font-size: 24px; font-family: Arial, Helvetica, sans-serif; font-weight: bold;}
.footer .f_ban i { padding: 0 10px; }
.footer .f_ban p.f_p01 { background: url(../images/f_ico03.png) no-repeat 0 8px; }
.footer .f_ban p.f_p02 { background: url(../images/f_ico04.png) no-repeat 0 8px; }
.footer .f_ban p.f_p03 { background: url(../images/f_ico02.png) no-repeat 0 8px; }
.footer .f_er { width: 240px; padding: 33px 0 0; background: url(../images/f_ico05.png) no-repeat 0 20px; }
.footer .f_er p { text-align: center; line-height: 0; float: left; padding: 0 0 0 16px; }
.footer .f_er img { width: 100px; height: 100px; }
.footer .f_er span { display: block; font-size: 14px; color: #fff; line-height: 30px; padding: 15px 0 0; }
/*******index css*******/
/*首页标题*/
.section { padding: 75px 0; }
.section h2 { font-size: 32px;}
.index .in_title { margin-bottom: 40px; text-align: center; font-size: 32px; line-height: 42px; }
.index .in_title b { color: #f8bd01; }
.index .in_title p { margin: 0; font-size: 0; }
.index .in_title span { display: inline-block; vertical-align: middle; position: relative; font-size: 18px; padding: 0 20px; }
.index .in_title span:before, .index .in_title span:after { position: absolute; top: 50%; content: ''; width: 40px; height: 2px; background-color: #f8bd01; margin-top: -1px; }
.index .in_title span:before { right: 100%; }
.index .in_title span:after { left: 100%; }
/*CSS3 左右抖动*/
@-webkit-keyframes shake { from, to {
-webkit-transform:translate3d(0, 0, 0);
}
20%, 60% {
-webkit-transform:translate3d(-10px, 0, 0);
}
40%, 80% {
-webkit-transform:translate3d(10px, 0, 0);
}
}
@keyframes shake { from, to {
transform:translate3d(0, 0, 0);
}
20%, 60% {
transform:translate3d(-10px, 0, 0);
}
40%, 80% {
transform:translate3d(10px, 0, 0);
}
}
/*推荐产品*/
.index .in-yin .hd { overflow:hidden; text-align: center; margin: 20px 0 30px; }
.index .in-yin .hd div { display: inline-block; vertical-align: middle; margin: 0 10px; }
.index .in-yin .hd div a { display: block; line-height: 40px; width: 160px; font-size: 14px; border: 1px solid #ddd; }
.index .in-yin .hd div.on a { background-color: #f8bd01; border-color: #f8bd01; color: #fff; }
.index .in-yin li { float: left; width: 286px; margin-right: 18px; }
.index .in-yin li:last-child { margin-right: 0; }
.index .in-yin li a { display: block; position: relative; overflow: hidden; -webkit-transition: all 0.5s; transition: all 0.5s; }
.index .in-yin li .img { width: 100%; height: 300px; }
.index .in-yin li .img img { width: 100%; height: 100%; display: block; }
.index .in-yin li .tit { position: absolute; left: 0; bottom: 0; width: 100%; background-color: #f8bd01; text-align: center; font-size: 16px; line-height: 20px; height:80px; padding: 25px 15px; box-sizing: border-box; font-weight: bold; color: #333; -webkit-transition: all 0.5s; transition: all 0.5s; }
.index .in-yin li .tit i { position: absolute; left: 50%; top: -23px; width: 46px; height: 46px; background: no-repeat center #142038; margin-left: -23px; border-radius: 50%; }
.index .in-yin li .tit img { width: 100%; height: 100%; display: block; padding:6px; box-sizing: border-box; filter: invert(100%);}
.index .in-yin li .text { position: absolute; left: 0; top: 100%; width: 100%; height: 100%; background-color: rgba(0,0,0,0.7); -webkit-transition: all 0.5s; transition: all 0.5s; }
.index .in-yin li .wrap { color: #fff; padding: 50px 25px 20px; }
.index .in-yin li .wrap i { width: 46px; height: 46px; background: no-repeat center #f8bd01; margin: 0 auto; padding: 9px; border-radius: 50%; display: block; }
.index .in-yin li .wrap img { width: 100%; height: 100%; display: block; }
.index .in-yin li .wrap h3 { margin: 0; position: relative; line-height: 24px; padding:10px 0; font-size: 18px; text-align: center; }
.index .in-yin li .wrap h4:after { position: absolute; bottom: 0; left: 50%; content: ''; height: 3px; width: 30px; background-color: #fff; margin-left: -15px; }
.index .in-yin li .wrap p { font-size: 14px; line-height: 1.4; text-align: justify; margin: 15px 0 0; }
.index .in-yin li a:hover { -webkit-transform: translateY(0px); transform: translateY(0px); }
.index .in-yin li a:hover .tit { bottom: -108px; }
.index .in-yin li a:hover .text { top: 0px; }
/*应用案例*/
.index .in-case .case { position: relative;/*height: 517px;*/ }
.index .in-case .hd { margin-bottom: 40px; text-align: center; }
.index .in-case .hd a { display: block; line-height: 40px; width: 160px; font-size: 14px; border: 1px solid #ddd; }
.index .in-case .hd li { display: inline-block; vertical-align: middle; margin: 0 10px; }
.index .in-case .hd li.on a, .index .in-case .hd li:hover a { background-color: #f8bd01; border-color: #f8bd01; color: #fff; }
.index .in-case .bd dl { position: relative; float: left; width: 348px; padding: 15px; margin: 10px; background-color: #fff; border: 1px solid #eee; transition: all .5s; }
.index .in-case .bd dl:hover { border-color: #f8bd01; box-shadow: 0 0 10px rgba(0,0,0,0.2); }
.index .in-case .bd dt { width: 100%; height: 261px; overflow: hidden; }
.index .in-case .bd dt img { width: 100%; height: 100%; -webkit-transition: all 1s; transition: all 1s; }
.index .in-case .bd dt a:hover img { -webkit-transform: scale(1.1); transform: scale(1.1); }
.index .in-case .bd dd { padding: 0; }
.index .in-case .bd dd h3 { font-size: 18px; line-height: 30px; font-weight: bold; margin: 12px 0; }
.index .in-case .bd dd p { color: #666; line-height: 24px; text-align: justify; height: 50px; overflow: hidden; }
.index .in-case .bd dd .more { display: block; width: 102px; margin: auto; margin-top: 15px; margin-bottom: 10px; padding: 7px 0; background-color: #f8bd01; color: #fff; text-align: center; text-transform: uppercase; border-radius: 50px; }
.index .in-case .bd dd .more:hover { -webkit-animation: shake 1.5s linear; animation: shake 1.5s linear; }
.index .in-case .prev, .index .in-case .next { background: no-repeat center; width: 58px; height: 58px; position: absolute; top: 50%; margin-top: -29px; border-radius: 50%; }
.index .in-case .prev { background-image: url(../images/case_lico01.png); left: -68px; }
.index .in-case .prev:hover { background-image: url(../images/case_lico02.png); box-shadow: 0 3px 5px 3px rgb(0 0 0 / 10%); z-index: 2; -webkit-transform: translate(0, -2px); -webkit-transform: translate(0, -2px); }
.index .in-case .next { background-image: url(../images/case_rico01.png); right: -68px; }
.index .in-case .next:hover { background-image: url(../images/case_rico02.png); box-shadow: 0 3px 5px 3px rgb(0 0 0 / 10%); z-index: 2; -webkit-transform: translate(0, -2px); -webkit-transform: translate(0, -2px); }
/*四大优势*/
.index .in-ys { background: url(/static/images/ys_bg.jpg) no-repeat center 0; height: 1105px; overflow: hidden; padding: 90px 0 0; }
.index .in-ys .in_title { color: #fff; margin-bottom: 30px; }
.index .in-ys .list { padding: 0 26px; }
.index .in-ys dl { margin: 55px 0 0; float: left; width: 566px; height: 421px; position: relative; }
.index .in-ys dt { border: 12px solid #fac12c; width: 311px; height: 397px; line-height: 397px; overflow: hidden; }
.index .in-ys dt img { width: 100%; height: 100%; display: block; transition: all 1s; }
.index .in-ys dt img:hover { -webkit-transform: scale(1.1); transform: scale(1.1); }
.index .in-ys dd { position: absolute; right: 0; background-color: #fff; margin: -172px 0 0; top: 50%; width: 208px; height: 294px; color: #333; padding: 60px 50px 0 50px; }
.index .in-ys dd h4 { font-size: 30px; font-weight: bold; }
.index .in-ys dd h4:after { display: block; height: 2px; width: 40px; background-color: #f8bd01; content: ''; margin-top: 15px; }
.index .in-ys dd p { color: #666; font-size: 16px; line-height: 1.8; height: 84px; margin: 20px 0 0; overflow: hidden; }
.index .in-ys dd .num { display: block; margin-top: 30px; }
.index .in-ys dl:nth-child(even) { float: right; }
.index .in-ys dl:nth-child(even) dt { float: right; }
.index .in-ys dl:nth-child(even) dd { left: 0; right: auto; }
/*定制流程*/
.index .in-flow { background-color: #f5f5f5; padding: 50px 0; }
.index .in-flow .in_title { margin-bottom: 22px; }
.index .in-flow .in_title span { font-size: 26px; }
.index .in-flow ul { background: url(../images/flow_arrow.png) no-repeat 165px 45px; }
.index .in-flow li { float: left; width: 171px; text-align: center; color: #333; font-weight: bold; font-size: 14px; }
.index .in-flow li .icon { display: block; width: 100px; height: 100px; margin: 0 auto 12px; position: relative; cursor: pointer; }
.index .in-flow li .icon i { position: absolute; width: 100%; height: 100%; top: 0; left: 0; }
.index .in-flow li .icon i img { width: 100%; height: 100%; display: block; border-radius: 50%; }
.index .in-flow li .icon i.default { background: #fff; border-radius: 50%; -webkit-transform: translateX(0) rotate(0); transform: translateX(0) rotate(0); -webkit-transition: all 0.35s ease-out; transition: all 0.35s ease-out; }
.index .in-flow li .icon i.hover { background: #fac12c; border-radius: 50%; opacity: 1; visibility: hidden; -webkit-transform: scale(0.5); transform: scale(0.5); -webkit-transition: all 0.1s ease 0.2s; transition: all 0.1s ease 0.2s; }
.index .in-flow li .icon i.hover img { filter: invert(100%); }
.index .in-flow li:hover .icon i.default { opacity: 0; visibility: hidden; -webkit-transform: translateX(100%) rotate(180deg); transform: translateX(100%) rotate(180deg); }
.index .in-flow li:hover .icon i.hover { visibility: visible; opacity: 1; -webkit-transform: scale(1); transform: scale(1); }
/*帮助中心*/
.index .in-kehu { overflow: hidden; padding:0 0 75px; }
.index .in-kehu .kehu { position: relative;}
.index .in-kehu dl { float: left; margin: 10px; padding: 19px; background-color: #f5f5f5; border: 1px solid #eee; width: 540px; transition: all .5s; }
.index .in-kehu dl:hover { border-color: #f8bd01; box-shadow: 0 0 10px rgba(0,0,0,0.2); }
.index .in-kehu dt { float: left; width: 193px; height: 145px; overflow: hidden; }
.index .in-kehu dt img { width: 100%; height: 100%; display: block; transition: all .5s; }
.index .in-kehu dt:hover img { transform: rotateY(180deg); }
.index .in-kehu dd { margin-left: 220px; padding-top: 15px; }
.index .in-kehu dd h3 { font-size: 16px; font-weight: bold; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.index .in-kehu dd h4 a { color: #333; }
.index .in-kehu dd h4 a:hover { color: #fac12c; }
.index .in-kehu dd p { margin: 15px 0 0; color: #666; line-height: 23px; text-align: justify; height: 70px; overflow: hidden; }
.index .in-kehu .prev, .index .in-kehu .next { background: no-repeat center; width: 58px; height: 58px; position: absolute; top: 50%; margin-top: -29px; border-radius: 50%; }
.index .in-kehu .prev { background-image: url(../images/case_lico01.png); left: -68px; }
.index .in-kehu .prev:hover { background-image: url(../images/case_lico02.png); box-shadow: 0 3px 5px 3px rgb(0 0 0 / 10%); z-index: 2; -webkit-transform: translate(0, -2px); -webkit-transform: translate(0, -2px); }
.index .in-kehu .next { background-image: url(../images/case_rico01.png); right: -68px; }
.index .in-kehu .next:hover { background-image: url(../images/case_rico02.png); box-shadow: 0 3px 5px 3px rgb(0 0 0 / 10%); z-index: 2; -webkit-transform: translate(0, -2px); -webkit-transform: translate(0, -2px); }
/*小banner*/
.index .in-tel { background: url(../images/min_banner.jpg) no-repeat center 0; height: 150px; overflow: hidden; padding: 78px 0 0; }
.index .in-tel p { width: 530px; float: right; }
.index .in-tel p span { display: block; float: left; font-size: 16px; color: #333; background: url(../images/ban_tel.png) no-repeat 0 15px; width: 270px; padding: 0 0 0 45px; line-height: 28px; }
.index .in-tel p b { display: block; font-size: 30px; color: #fff; font-family: "DINOT"; }
.index .in-tel p em { display: block; width: 148px; float: left; padding: 3px 0 0; }
.index .in-tel p em a { font-size: 14px; color: #333; display: block; background: url(../images/ban_btn.png) no-repeat; width: 128px; height: 50px; line-height: 50px; overflow: hidden; padding: 0 0 0 20px; }
.index .in-tel p em a:hover { -webkit-animation: shake 1.5s linear; animation: shake 1.5s linear; }
/*新闻动态*/
.index .in-news { background-color: #f5f5f5; }
.index .in-news .news .bd ul { margin-left: -40px;}
.index .in-news .news .bd li { float: left; width: 50%; }
.index .in-news .news .bd li a { display: block; margin-left: 40px; border: 1px solid #eee; background-color: #fff; margin-top: 20px; overflow: hidden; }
.index .in-news .news .bd li .img { width: 100%; height: 432px; overflow: hidden; }
.index .in-news .news .bd li .img img { width: 100%; height: 100%; display: block; transition: all 1s; }
.index .in-news .news .bd li a:hover .img img { -webkit-transform: scale(1.1); transform: scale(1.1); }
.index .in-news .news .bd li .date { float: left; width: 110px; color: #666; padding: 26px 0; text-align: center; border-right: 1px solid #eee; line-height: 1; }
.index .in-news .news .bd li .date b { display: block; font-size: 50px; color: #333; font-family: Impact; margin-bottom: 6px; }
.index .in-news .news .bd li .info { margin-left: 110px; padding: 20px; }
.index .in-news .news .bd li .info h3 { font-size: 16px; font-weight: bold; line-height: 22px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.index .in-news .news .bd li .info p { color: #888; margin: 10px 0 0; overflow: hidden; line-height: 1.8; text-align: justify; height: 50px; }
.index .in-news .news .bd li a:hover { border-color: #f8bd01; box-shadow: 0 0 10px rgba(0,0,0,0.2); }
.index .in-news .news .bd li a:hover b { color: #f8bd01;}
/*关于我们*/
.index .in-about .about { background-color: #f5f5f5; }
.index .in-about dt { float: left; width: 660px; height: 415px; overflow: hidden; }
.index .in-about dt video { width: 100%; height: 100%; object-fit: contain; }
.index .in-about dt img { width: 100%; height: 100%; display: block; -webkit-transition: 1s; transition: 1s; }
.index .in-about dt:hover img { -webkit-transform: scale(1.1); transform: scale(1.1); }
.index .in-about dd { margin-left: 660px; padding: 50px 40px 26px; }
.index .in-about dd h4 { font-size: 28px; font-weight: bold; line-height: 45px; }
.index .in-about dd p { color: #666; line-height: 1.8; text-align: justify; margin: 15px 0 0; }
.index .in-about dd .more { display: inline-block; margin-top: 30px; padding: 7px 25px; background-color: #f8bd01; color: #fff; text-transform: uppercase; border-radius: 50px; }
.index .in-about dd .more:hover { -webkit-animation: shake 1.5s linear; animation: shake 1.5s linear; }
/*关于我们内页*/
.content { padding:30px 0;}
.content p { font-size:16px; margin-bottom:10px; text-indent: 32px;}
.advantage { background:#f8f8f8; padding:35px 0 60px; border-radius:10px; margin-bottom:35px;}
.advantage .row { clear:both;}
.advantage .col-md-2 { width:200px; float:left;}
.company-culture .col-md-3 { width:300px; float:left;}
.box-hd h2 { font-size:24px; text-align:center; padding:0 0 35px;}
.box-hd h2 em { font-size:16px; color:#999; padding:5px 0; display:block; margin:0 auto;}
.advantage .advantage-list { padding:10px 0 10px; overflow:hidden;}
.advantage .advantage-list .a-box { width:120px; height:120px; background:#fff; border-radius:60px; padding:20px; box-sizing:border-box; margin:0 auto;}
.advantage .advantage-list .a-box:hover { background:#f3ae00;}
.advantage .advantage-list p { text-align:center; line-height:38px; font-size:16px;}
.adv-icon { background:url(../images/icon-solution.png) no-repeat; width:80px; height:80px; display:block; margin:0 auto; transition:all 0.3s;}
.adv01 { background-position:0 0;}
.adv02 { background-position:0 -80px;}
.adv03 { background-position:0 -160px;}
.adv04 { background-position:0 -240px;}
.adv05 { background-position:0 -320px;}
.adv06 { background-position:0 -400px;}
.adv01:hover { background-position:-80px 0;}
.adv02:hover { background-position:-80px -80px;}
.adv03:hover { background-position:-80px -160px;}
.adv04:hover { background-position:-80px -240px;}
.adv05:hover { background-position:-80px -320px;}
.adv06:hover { background-position:-80px -400px;}
.company-culture { margin-bottom:40px; font-size:16px; overflow:hidden;}
.company-culture .img-box { position:relative; margin:0 15px;}
.company-culture .img-box img { width:100%; border-radius:12px;}
.company-culture .img-box .text { width: 100%; box-sizing: border-box; padding: 15px 20px 20px; position:absolute; left:0; bottom:0; background:rgba(0,0,0,0.3); border-radius:0 0 12px 12px; color:#fff; transition:all 0.3s;}
.company-culture .img-box:hover .text { padding:45px 20px 60px; color:#f3ae00;}
.company-culture .img-box .text h3 { font-size:18px; padding:5px 0; font-weight:700;}
.company-culture .img-box .text p { font-size:14px; line-height:20px;}
.company-culture .img-box:nth-child(1) { margin-left:0;}
.company-culture .img-box:nth-child(4) { margin-right:0;}
/*******内页样式********/
.nybanner { width: 100%; position: relative; height: 320px; overflow: hidden; background-position: center; background-repeat: no-repeat; background-image: url(../images/nybanner.jpg); }
.nybanner h1 { text-indent:-9999em;}
.submian { padding-bottom: 50px; }
/*当前位置*/
.sobtitle { line-height: 46px; color: #333; border-bottom: 1px dashed #dcdcdc; margin-bottom: 20px; }
.sobtitle b { background:url(../images/ico-home.png) no-repeat 0 2px; font-weight: normal; padding-left: 20px; }
.sobtitle a { color: #333; }
.sobtitle a:hover { color: #fac12c; }
.sobtitle span { font-family: '宋体'; padding: 0 5px; }
.submian .pro-tit { height: 50px; font-size: 22px; font-weight: normal; line-height: 50px; border-bottom: 1px solid #ddd; padding:0 10px; margin-bottom: 15px; }
.submian .pro-tit span { display: inline-block; height: 50px; border-bottom: 1px solid #393939; }
/*单页分类*/
.submian .menu { background: #f4f4f4; margin-bottom: 20px; }
.submian .menu span { width: 1px; height: 16px; margin: 0 16px 0 14px; background-position: -206px -36px; }
.submian .menu li { position: relative; width: 20%; height: 55px; font-size: 18px; line-height: 55px; text-align: center; float: left; border-right: 1px solid #fff; box-sizing: border-box; background: #f4f4f4; cursor: pointer; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }
.submian .menu li:nth-child(5n) { border: 0; }
.submian .menu li a { display: block; color: #444; }
.submian .menu li a:after { content: " "; border-style: solid dashed dashed dashed; border-color: transparent; border-bottom-color: #f4f4f4; border-width: 10px 10px 10px 10px; width: 0; height: 0; position: absolute; left: 50%; margin-left: -10px; bottom: 0; transition: all .5s; }
.submian .menu li a.on, .submian .menu li a:hover { background: #fac12c; color: #fff; }
.submian .menu li a.on:after, .submian .menu li a:hover:after { border-bottom-color: #fff; }
/*内页左侧*/
.submian .subleft { width: 240px; }
.submian .subleft .title { background: #202B41; }
.submian .subleft .title h2 { height: 72px; line-height: 72px; font-size: 24px; font-weight: normal; color: #fff; border-bottom: 1px solid #fff; text-align: center; }
.search-box { margin-bottom:15px;}
.search-box h2 { height:42px; line-height:42px; background:#202B41 url(../images/ico_search.png) no-repeat 10px 10px; padding-left:35px; font-size:16px; font-weight:normal; color:#fff; border-bottom: 1px solid #fff;}
.search-box .form-item { background:#f5f5f5; padding:25px 15px;}
.search-box .form-item .form-control { background:#fff; padding-left:5px; line-height:36px; width: 100%; box-sizing: border-box; margin-bottom:10px;}
.search-box .form-item .btn { line-height:28px; background: #fac12c; color:#fff; border:0; padding:2px 16px;}
/*栏目分页*/
.submian .subleft .lefta { margin-bottom: 15px; }
.submian .subleft .lefta .comt ul li span { display: block; height: 56px; line-height: 56px; background: url(../images/jia.png) no-repeat right center #d1d1ce; margin-bottom: 2px; overflow: hidden; transition: all .5s; }
.submian .subleft .lefta .comt ul li a { display: block; height: 50px; font-size: 18px; font-weight: normal; margin-right: 40px; margin-left: 38px; color: #666; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
.submian .subleft .lefta .comt ul li.cur span, .submian .subleft .lefta .comt ul li:hover span { background: url(../images/jian.png) no-repeat right center #fac12c; }
.submian .subleft .lefta .comt ul li.cur a, .submian .subleft .lefta .comt ul li:hover a { color: #fff; }
.submian .subleft .lefta .comt ul li .boxlist { display: none; padding: 1px 0 2px; }
.submian .subleft .lefta .comt ul li .boxlist li { height: 50px; font-size: 16px; line-height: 50px; padding-left: 54px; padding-right: 40px; margin-bottom: 1px; background: #ececec; position: relative; overflow: hidden; }
.submian .subleft .lefta .comt ul li .boxlist li:after { content: ""; width: 8px; height: 8px; border: 2px solid #b8b8b8; border-style: solid solid none none; position: absolute; top: 50%; right: 32px; margin-top: -4px; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); transition: all .5s; }
.submian .subleft .lefta .comt ul li .boxlist li.cur:after, .submian .subleft .lefta .comt ul li .boxlist li:hover:after { border-color: #fac12c; }
.submian .subleft .lefta .comt ul li .boxlist li a { display: block; font-size: 16px; margin: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: #666; }
.submian .subleft .lefta .comt ul li .boxlist li.cur a, .submian .subleft .lefta .comt ul li .boxlist li:hover a { color: #fac12c; }
.submian .subleft .lefta .comt ul li.cur .boxlist { display: block; }
/*联系我们*/
.submian .subleft .contact1 { background: #fac12c; text-align: center; color: #fff; margin-bottom: 20px; }
.submian .subleft .contact1 .img img { width: 100%; display: block; }
.submian .subleft .contact1 p { padding-top: 15px; }
.submian .subleft .contact1 p img { vertical-align: middle; margin-right: 5px; }
.submian .subleft .contact1 span { display: block; font-size: 28px; font-weight: bold; font-family: Arial; padding-bottom: 20px; padding-top: 10px; }
.submian .subleft .contact2 { height: 140px; background: url(../images/l_contact_bg.jpg) no-repeat; color: #333; margin-bottom: 15px; }
.submian .subleft .contact2 p { font-size: 20px; height: 30px; line-height: 30px; padding: 37px 0 0 44px; background: url(../images/contact_tel.png) no-repeat 21px 44px; }
.submian .subleft .contact2 span { display: block; height: 30px; font-weight: bold; font-size: 18px; line-height: 30px; padding-left: 20px; }
/*内页右侧*/
.submian .subright { width: 930px; }
/*默认单页*/
.submian .Aboutpage { color: #666; font-size: 14px; line-height: 28px; text-align: justify; min-height: 400px; }
.submian .Aboutpage img { max-width: 100%; }
.submian .Aboutpage .t { padding: 0 0 25px; color: #fac12c; font-size: 18px; }
/*联系我们*/
.contact p { font-size:16px; margin-bottom:5px;}
.submian .contact .in_title { color: #333; text-align: center; font-size: 40px; line-height: 42px; margin: 40px 0; }
.submian .contact .in_title b { color: #f8bd01; }
.submian .contact .in_title p { margin: 0; font-size: 0; }
.submian .contact .in_title span { display: inline-block; vertical-align: middle; position: relative; font-size: 16px; padding: 0 20px; }
.submian .contact .in_title span:before, .submian .contact .in_title span:after { position: absolute; top: 50%; content: ''; width: 40px; height: 2px; background-color: #f8bd01; margin-top: -1px; }
.submian .contact .in_title span:before { right: 100%; }
.submian .contact .in_title span:after { left: 100%; }
.submian .contact .lianxi li { float: left; border: 1px solid #eee; border-radius:10px; width: 253px; height: 165px; text-align: center; margin-right: 20px; color: #666; margin-bottom: 30px; line-height: 160%; padding: 0 15px; background: #f5f5f5; }
.submian .contact .lianxi li.last { float: right; margin-right: 0px }
.submian .contact .lianxi li img { margin: 25px auto 10px; width: 64px; }
.submian .contact .lianxi li i { display: block; font-size: 14px; color: #333; padding-bottom: 8px; font-style: normal; padding-top: 10px; }
.submian .contact .lianxi li span { display: block; color: #333; font-size: 16px; line-height:40px; }
.submian .contact .lianxi li.last span { font-size: 14px; line-height:20px;}
/*文章列表*/
.submian .Newslist { }
.submian .Newslist .list { padding-bottom: 20px; }
.submian .Newslist .item { display: block; padding: 20px; border: 1px solid #dedede; margin-bottom: 15px; transition: all .5s; }
.submian .Newslist .item a { display: block; }
.submian .Newslist .item .img { position: relative; width: 200px; height: 150px; display: block; overflow: hidden; cursor: pointer; }
.submian .Newslist .item img { width: 100%; height: 100%; transition: all .5s; }
.submian .Newslist .item a:hover img { transform: scale(1.1, 1.1); }
.submian .Newslist .item .txt { position: relative; width: 650px; height: 150px; }
.submian .Newslist .item .txt h3 { font-size: 18px; line-height: 40px; transition: all .5s; }
.submian .Newslist .item .txt p { color: #797979; line-height: 24px; text-align: justify; height: 72px; overflow: hidden; }
.submian .Newslist .item .txt .time { margin-top:6px; height:30px; color:#d1d1ce;}
.submian .Newslist .item .txt .more { position: absolute; right: 0; bottom: 0; width: 90px; height: 30px; line-height: 30px; text-align: center; display: block; float: right; background: #b6b6b6; color: #fff; transition: all .5s; }
.submian .Newslist .item:hover { border-color: #fac12c; }
.submian .Newslist .item:hover .txt h3 { color: #fac12c; }
.submian .Newslist .item:hover .txt .more { background: #fac12c; }
/*产品列表*/
.Prolist ul.list { float: left; width: 100%; padding: 20px 0; }
.Prolist ul.list li.item { float: left; position: relative; width: 298px; margin-bottom: 15px; margin-right: 15px; border: 1px solid #dedede; transition: all .5s; }
.Prolist ul.list li.item:nth-child(3n) { margin-right: 0; }
.Prolist ul.list li.item a { display: block; }
.Prolist ul.list li.item h3 { padding:0 15px 15px; height: 56px; color: #666; font-size: 16px; text-align: center; display: block; line-height: 26px; transition: all .5s; overflow: hidden; text-overflow: ellipsis;}
.Prolist ul.list li.item .img { width: 100%; height: 298px; overflow: hidden; padding:15px; box-sizing:border-box;}
.Prolist ul.list li.item .img img { width: 100%; height: 100%; transition: all .5s; }
.Prolist ul.list li.item:hover { border-color: #fac12c; }
.Prolist ul.list li.item:hover h3 { color: #fac12c; }
.Prolist ul.list li.item:hover .img img { transform: scale(1.1); }
/*图片列表*/
.Piclist ul.list { float: left; width: 100%; }
.Piclist ul.list li { position: relative; display: block; float: left; width: 294px; margin-right: 20px; margin-bottom: 20px; border: 1px solid #dedede; background: #fff; transition: all .5s; }
.Piclist ul.list li:nth-child(3n) { margin-right: 0; }
.Piclist ul.list li a { display: block; }
.Piclist ul.list li .img { position: relative; width: 294px; height: 221px; overflow: hidden; }
.Piclist ul.list li .img img { display: block; width: 100%; height: 100%; transition: all .5s; }
.Piclist ul.list li .tit { position: relative; overflow: hidden; padding: 15px; box-sizing: border-box; }
.Piclist ul.list li .tit h3 { color: #4b4b4b; font-size: 16px; line-height: 22px; transition: all .5s; }
.Piclist ul.list li .tit p { color: #666; line-height: 20px; text-align: justify; padding: 10px 0; height: 40px; overflow: hidden; }
.Piclist ul.list li .tit span { width: 100px; height: 28px; display: inline-block; border: 1px solid #aaa; font-size: 14px; line-height: 28px; text-align: center; transition: all .5s; }
.Piclist ul.list li:hover { border-color: #fac12c; }
.Piclist ul.list li:hover .img img { transform: scale(1.1); }
.Piclist ul.list li:hover .tit h3 { color: #fac12c; }
.Piclist ul.list li:hover .tit span { color: #fff; border-color: #fac12c; background: #fac12c; }
/*图片列表*/
.Imglist .list { padding: 0; }
.Imglist .list .item { float: left; margin-bottom: 16px; margin-right: 16px; }
.Imglist .list .item:nth-child(4n) { margin-right: 0; }
.Imglist .list .item a { display: block; width: 100%; overflow: hidden; position: relative; background: #fff; }
.Imglist .list .item .img { position: relative; border: 1px solid #e5e5e5; padding: 10px 10px; background: #fff; }
.Imglist .list .item .img img { display: block; width: 266px; height: 200px; }
.Imglist .list .item .img .bg { position: absolute; top: 10px; width: 266px; height: 200px; background: url(../images/da.png) center no-repeat; background-color: rgba(250,193,44,.8); opacity: 0; transition: all .5s; }
.Imglist .list .item h3 { width: 100%; color: #555; text-align: center; display: block; line-height: 50px; background: #f0f0f0; transition: all .5s; }
.Imglist .list .item:hover .img .bg { opacity: 1; }
/*留言表单*/
.formData { padding-bottom: 20px; }
.formData .t2 { padding: 28px 0 48px; text-align: center; }
.formData .t2 .titb { font-size: 30px; font-weight: bold; margin-bottom: 16px; }
.formData .t2 .txt { color: #666; font-size: 14px; line-height: 24px; }
.formData .t2 .txt span { font-weight: bold; color: #fac12c; }
.formData .item { float: left; color: #999; font-weight: normal; width: 560px; height: 50px; line-height: 50px; border: 1px solid #e5e5e5; margin-right: 76px; margin-bottom: 30px; position: relative; }
.formData .item label { padding-left: 15px; position: absolute; left: 0; top: 0; z-index: 11; text-align: center; display: block; margin: 0; height: 50px; line-height: 50px; font-size: 18px; color: #666; }
.formData .item input { outline: none; line-height: 38px; height: 38px; font-size: 16px; }
.formData .item .txt { width: 490px; height: 50px; line-height: 50px; display: block; background: none; padding-left: 70px; border: 0 none; color: #666; }
.formData .item .red { position: absolute; right: 15px; top: 0; color: #ff0000; z-index: 11; }
.formData .item.mr0 { margin-right: 0; }
.formData .msg-box { position: absolute; left: 0; top: 0px; }
.formData .liuyan { width: 1198px; height: 240px; border: 1px solid #e5e5e5; float: left; }
.formData .liuyan label { text-align: right; display: block; }
.formData .liuyan textarea { width: 1178px; height: 214px; line-height: 28px; padding: 12px 10px; text-indent: 100px; font-size: 16px; font-family: "microsoft yahei"; color: #666; border: 0 none; overflow: hidden; background: none; resize: none; display: block; outline: none; }
.formData .bot { width: 100%; }
.formData .sub { width: 232px; line-height: 46px; border: 2px solid #fac12c; margin-right: 2px; text-align: center; background: #fac12c; color: #FFF; cursor: pointer; font-size: 18px; display: block; outline: none; transition: all .5s; }
.formData .sub:hover { background: none; color: #fac12c; }
.formData .yzm { width: 432px; }
.formData .yzm .txt { padding-left: 80px; }
.formData .yzm img { position: absolute; right: 3px; top: 3px; border: 0px; display: block; }
/*产品详情*/
.showproduct .tod { position: relative; padding: 16px 20px 16px 20px; margin-bottom: 15px; background: #f8f8f8; }
.showproduct .showImg { position: relative; width: 400px; height: auto; overflow: hidden; margin-right: 26px; }
.showproduct .showImg .showImg_top { width: 400px; height: 400px; background: #fff; border: 1px solid #e7e7e7; box-sizing: border-box; }
.showproduct .showImg .showImg_top .swiper-slide img { width: 100%; height: 100%; display: block; cursor: pointer; }
.showproduct .showImg .showImg_top .swiper-prev, .showproduct .showImg .showImg_top .swiper-next { width: 20px; height: 20px; border: 1px solid #f0f0f0; transform: rotate(45deg); box-sizing: border-box; position: absolute; top: 50%; margin-top: -10px; z-index: 22; cursor: pointer; outline: none; }
.showproduct .showImg .showImg_top .swiper-prev { left: 4%; border-style: none none solid solid; }
.showproduct .showImg .showImg_top .swiper-next { right: 4%; border-style: solid solid none none; }
.showproduct .showImg .showImg_top .swiper-pagination-fraction { color: #fff; bottom: 6px; text-align: right; padding-right: 10px; text-shadow: 0 0 3px #5d5d5d; box-sizing: border-box; }
.showproduct .showImg .showImg_top h3 { position: absolute; left: 10px; bottom: 5px; color: #fff; z-index: 11; padding-left: 22px; background: url(../images/click.png) no-repeat center left; background-size: 18px; text-shadow: 0 0 3px #5d5d5d; }
.showproduct .showImg .showImg_thumbs { margin-top: 10px; height: auto; box-sizing: border-box; }
.showproduct .showImg .showImg_thumbs .swiper-slide { width: 92.5px!important; height: 68px; margin-right: 10px; border: 1px solid #e7e7e7; box-sizing: border-box; cursor: pointer; transition: all .5s; }
.showproduct .showImg .showImg_thumbs .swiper-slide img { width: 90.5px; height: 66px; border: 1px solid #fff; box-sizing: border-box; }
.showproduct .showImg .showImg_thumbs .swiper-slide-thumb-active { border-color: #fac12c; }
.showproduct .baseInfo { width: 460px; }
.showproduct .baseInfo .t { height: 80px; line-height: 35px; font-size: 24px; color: #454545; margin-bottom: 15px; padding-top: 10px; border-bottom: 1px dotted #d1cdcd; overflow: hidden; text-align:center;}
.showproduct .baseInfo .desc { color: #666; line-height: 24px; font-size: 14px; text-align: justify; overflow: hidden; }
.showproduct .baseInfo .desc p { border-bottom: 1px dotted #e6e6e6; padding-bottom:12px; margin-bottom:12px;}
.showproduct .baseInfo .desc .jj { color:#999;}
.showproduct .baseInfo .webtel { width: 460px; height: 40px; border-top: 1px dashed #dcdcdc; padding-top: 20px; position: absolute; bottom: 35px; right: 18px; }
.showproduct .baseInfo .webtel .tel { height: 45px; padding-left: 70px; background: url(../images/por_tel.png) no-repeat 10px center; font-size: 16px; line-height: 22px; color: #454545; }
.showproduct .baseInfo .webtel .tel strong { display: block; color: #fac12c; font-size: 24px; }
.showproduct .baseInfo .webtel a { float: right; width: 120px; color: #fff; font-size: 16px; line-height: 45px; text-align: center; background: #fac12c; }
.showproduct .pro_tit { position: relative; }
.showproduct .pro_tit h2 { font-size: 18px; background: #f2f2f2; padding: 12px 15px; color: #333; font-weight: normal; margin: 15px 0 10px; }
.showproduct .pro_tit h2:after { content: ""; position: absolute; width: 3px; height: 22px; background: #fac12c; left: 0; top: 15px; }
.showproduct .pro_tit h2 span { font-weight: normal; color: #d6d6d6; display: inline-block; margin-left: 10px; text-transform: uppercase; font-size: 16px; }
/*热品推荐*/
.Randompro .tit { height: 46px; line-height: 46px; border-bottom: 2px solid #dfdfdf; margin-bottom: 30px; padding-top: 26px; }
.Randompro .tit b { display: inline-block; font-size: 20px; font-weight: normal; color: #464646; padding-left: 30px; border-bottom: 2px solid #393939; background: url(../images/pro_tit.png) no-repeat 0px center; }
.Randompro .tit span { margin-left: 10px; font-size: 16px; font-family: Arial; color: #c2c2c1; text-transform: uppercase; }
.Randompro ul li { float: left; width: 220px; border: 1px solid #dfdfdf; margin-right: 16px; box-sizing: border-box; margin-bottom: 10px; transition: all .5s; }
.Randompro ul li:nth-child(4n) { margin-right: 0; }
.Randompro ul li .img { width: 100%; height: 164px; }
.Randompro ul li .img img { width: 100%; height: 100%; display: block; }
.Randompro ul li .txt { padding: 10px; }
.Randompro ul li .txt h3 { height: 30px; font-size: 16px; font-weight: normal; line-height: 30px; color: #333; transition: all .5s; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.Randompro ul li .txt p { font-size: 14px; line-height: 24px; color: #666; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.Randompro ul li:hover { border-color: #fac12c; }
.Randompro ul li:hover h3 { color: #fac12c; }
/*文章详情*/
.submian .subright .conBox .ArticleTitle h1 { font-size: 24px; text-align: center; padding: 20px 0px; font-weight: bold; }
.submian .subright .conBox .ArticleMessage { line-height: 30px; height: 30px; margin-bottom: 10px; text-align: center; border-bottom: 1px dashed #ccc; }
.submian .subright .conBox .ArticleMessage span:first-child { margin-left: 0; }
.submian .subright .conBox .ArticleMessage span { color: #999; margin-left: 14px; font-size: 14px; }
.submian .subright .conBox .ArticleMessage .jiathis_style { float: left; margin-top: 5px; }
.submian .subright .conBox .ArticleTencont { padding: 15px 15px 20px; color: #666; font-size: 14px; line-height: 28px; text-align: justify; overflow: hidden; }
.submian .subright .conBox .ArticleTencont p { margin-bottom:10px; text-indent:28px;}
.submian .subright .conBox .ArticleTencont img { max-width: 100%; }
.submian .subright .conBox .ArticleTencont video { min-width:640px; height:480px;}
/*推荐资讯*/
.Randomnews { }
.Randomnews .tit { height: 46px; line-height: 46px; border-bottom: 2px solid #dfdfdf; margin-bottom: 20px; padding-top: 26px; }
.Randomnews .tit h2 { display: inline-block; font-size: 20px; font-weight: normal; color: #464646; padding-left: 30px; border-bottom: 2px solid #393939; background: url(../images/pro_tit.png) no-repeat 0px center; }
.Randomnews .tit span { margin-left: 10px; font-size: 18px; font-family: Arial; color: #c2c2c1; text-transform: uppercase; }
.Randomnews ul li { float: left; width: 455px; font-size: 14px; line-height: 40px; margin-right: 20px; border-bottom: 1px dashed #ccc; transition: all .5s; }
.Randomnews ul li:nth-child(2n) { margin-right: 0; }
.Randomnews ul li span { color: #999; }
.Randomnews ul li:hover h3 { color: #fac12c; }
/*内容分页*/
.pagination,.text-secondary { text-align:center;}
.page-num:not(:disabled) { cursor: pointer; }
.page-num, .page-link { padding: .5rem .75rem; margin-left: -1px; line-height: 1.25; color: #464646; background-color: #fff; border: 1px solid #dee2e6; }
a.page-num:hover, .page-link:hover { text-decoration: none; }
.page-num-current { z-index: 1; color: #fff; background-color: #17a2b8; border-color: #dee2e6; }
.page-num-current:hover { color: #fff; }
.reLink { margin: 10px auto 10px; padding-top: 15px; border-top: 1px dashed #b5b5b5; }
.reLink span { display: inline-block; }
.reLink .prevLink, .reLink .nextLink { line-height: 32px; margin-bottom: 5px; color: #666; width:50%; float:left; box-sizing:border-box; }
.reLink .prevLink { background: url(../images/feel3.png) no-repeat 0px center; padding-left:18px;}
.reLink .nextLink { float:right; background: url(../images/feel4.png) no-repeat right center; text-align:right; padding-right:18px;}
.reLink .prevLink a, .reLink .nextLink a { height: 38px; line-height: 38px; color: #666; }
.reLink .prevLink a:hover, .reLink .nextLink a:hover { color: #fac12c; }
/*浮动客服*/
.toolbar{position: fixed;top: 65%;right: 1%;margin-top: -163px;z-index: 100;width: 80px;}
.toolbar dd{position: relative;float: left;width: 60px;height: 60px;background: #202B41;margin-top: 6px;border-radius: 40px;color: #fff;font-size: 14px;line-height: 21px;text-align: center;cursor: pointer;transition: all .5s;}
.toolbar dd:first-child{margin-top: 0;}
.toolbar dd i{width: 100%;height: 30px;display: block;margin-top: 13px;background: url(../images/toolbar.png) no-repeat center 0;}
.toolbar dd.qq i{background-position-y: 0;}
.toolbar dd.tel i{background-position-y: -30px;}
.toolbar dd.code i{background-position-y: -60px;}
.toolbar dd.top i{background-position-y: -90px;}
.toolbar dd span{display: block;color: #fff;}
.toolbar dd.tel .box{position: absolute;top: 0;width: 190px;right: -200px;height: 100%;line-height: 28px;margin-right: 10px;border-radius: 5px;background: #fac12c;opacity: 0;transition: all .5s;}
.toolbar dd.tel .box p{font-size: 14px;}
.toolbar dd.tel .box h3{font-size: 20px;font-weight: bold;font-family: Arial;}
.toolbar dd.tel .box:after{display: block;content: " ";border-style: solid dashed dashed dashed;border-color: transparent transparent transparent #fac12c;border-width: 9px;width: 0;height: 0;position: absolute;top: 50%;margin-top: -9px;right: -18px;margin-left: -12px;}
.toolbar dd.code .box{position: absolute;top: 0;width: 162px;right: -172px;height: 162px;margin-right: 10px;border-radius: 5px;background: #fac12c;opacity: 0;transition: all .5s;}
.toolbar dd.code .box img{width: 140px;height: 140px;padding: 11px;}
.toolbar dd.code .box:after{display: block;content: " ";border-style: solid dashed dashed dashed;border-color: transparent transparent transparent #fac12c;border-width: 9px;width: 0;height: 0;position: absolute;top: 30px;right: -18px;margin-left: -12px;}
.toolbar dd:hover{background: #fac12c;}
.toolbar dd.tel:hover .box{opacity: 1;right: 80px;}
.toolbar dd.code:hover .box{opacity: 1;right: 80px;}