@charset "utf-8";
html { font-size: 62.5%; height: 100% }
body { margin: 0 auto; font-family: Arial, Helvetica, sans-serif; ; font-size: 12px; font-size: 1.2rem; height: 100%; background-attachment: fixed; }
img { border: none; }
.b-md { width: 100%; clear: both; }
ul li { list-style-type: none; }
ul, form, p, a, img, table, tr, td, li, dd, dt, dl, span { margin: 0; padding: 0; list-style: none; color: #333; }
em { font-style: normal; }
a { text-decoration: none; color: #333; outline: none; transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; -webkit-transition: 0.5s; }
h1 { margin: 0; padding: 0; font-weight: normal; color: #333; }
.clear { clear: both; }
.maln { margin-left: auto !important }
input, textarea, select, option { font-family: Arial, Helvetica, sans-serif, 微软雅黑; ; font-size: 12px; font-size: 1.2rem; color: #4d4d4d; border: none; outline: none; }
.fl { float: left; }
.fr { float: right; }
article, aside, dialog, footer, header, section, footer, nav, figure, menu { display: block }
::-webkit-input-placeholder {
color:#4d4d4d;
}
:-o-placeholder {
color:#4d4d4d;
}
::-moz-placeholder {
color:#4d4d4d;
}
:-ms-input-placeholder {
color:#4d4d4d;
}
@media screen and (min-width:1220px) {
.zong { width: 1200px; margin: auto; }
}
@media screen and (min-width:1000px) and (max-width:1219px) {
.zong { width: 980px; margin: auto; }
}
@media screen and (max-width:999px) {
.zong { width: 95%; margin: auto; }
}
.head { }
.het { background: #084c93; padding-bottom: 9px; overflow: hidden }
.hexin { float: left; padding-top: 12px; }
.hexin li { font-size: 14px; font-size: 1.4rem; color: #fff; line-height: 30px; float: left; padding-left: 23px; margin-right: 22px; }
.hedianhua { background: url(../images/hedianhua.jpg) no-repeat left center; }
.hexinfeng { background: url(../images/hexinfeng.jpg) no-repeat left center; }
.hexinfeng a { color: #fff; }
.hexinfeng a:hover { color: #084c93; }
.shejiao { float: right; margin-top: 12px; }
.shejiao a { display: block; float: left; margin-left: 5px; border-radius: 50%; }
.shejiao a img { display: block; *float:left;
margin: auto; width: 100%; border-radius: 50%; max-width: 30px; max-height: 30px; border-radius: 50%; }
.shejiao a:hover { transform: rotate(360deg) }
.daohangz { border-top: 4px solid #f7f7f7; }
.logo { display: block; padding-top: 7px; padding-bottom: 7px; }
.logo img { display: block; margin: auto; max-width: 252px; }
.slogen { display: block; float: left; margin-left: 14px; margin-top: 19px; width: 295px; }
.slogen img { display: block; margin: auto; width: 100%; max-width: 295px; max-height: 44px; }
.daohang { text-align: center; }
.daohang>li { display: inline-block; *float:left;
position: relative; z-index: 9999; transition: 0.5s; }
.daohang>li>a { display: block; font-size: 16px; font-size: 1.6rem; color: #2b2b2b; font-weight: bold; text-transform: uppercase; line-height: 70px; padding: 0 30px 0 29px; background: url(../images/daohang.jpg) no-repeat -10px bottom; font-family: "微软雅黑" }
.daohang>li:hover>a,.daohang>li .cur{ color: #084c93; background: url(../images/daohang.jpg) no-repeat bottom center; }
.dangqiandao { color: #084c93 !important; background: url(../images/daohang.jpg) no-repeat bottom center !important; }
.yiji { position: absolute; width: 166px; top: -9999px; left: 0px; background: #fff; background: rgba(255,255,255,0.9); border: 1px solid #ebebeb; text-align: left; z-index: 999999; padding: 6px 1px; }
.yiji li { position: relative; }
.yiji li a { display: block; line-height: 0px; padding-left: 14px; font-size: 14px; font-size: 1.4rem; transition: 0.3s; }
.yiji li:hover>a { background: #084c93; color: #fff; }
.erji { position: absolute; width: 166px; top: -9999px; left: 166px; background: #fff; background: rgba(255,255,255,0.9); border: 1px solid #ebebeb; text-align: left; z-index: 999999; padding: 6px 1px; }
.daohang>li:hover .yiji { top: 70px; }
.daohang>li:hover .yiji>li>a { padding: 5px 0; padding-left: 14px; line-height: 20px; }
.yiji>li:hover .erji { top: 0px; }
.yiji>li:hover .erji>li>a { padding: 5px 0; padding-left: 14px; line-height: 20px; }
.banner_bj { position: relative; z-index: 18; overflow: hidden; height: 580px; }
.banner a { display: block; height: 580px; overflow: hidden; }
.fullSlide .hd { position: absolute; width: 100%; bottom: 5px; }
.fullSlide .hd ul { text-align: center; padding-top: 5px; }
.fullSlide .hd ul li { cursor: pointer; display: inline-block; *display:inline;
zoom: 1; width: 10px; height: 10px; margin: 5px; background: #fff; overflow: hidden; font-size: 0; border-radius: 50px; }
.fullSlide .hd ul .on { background: rgba(29, 97, 169, 0.7); -webkit-transform: scale(1.3); transform: scale(1.3); }
.fullSlide .prev, .fullSlide .next { display: block; position: absolute; z-index: 1; top: 50%; margin-top: -68px; left: 5%; z-index: 1; width: 72px; height: 136px; cursor: pointer; display: none; z-index: 100; }
.fullSlide .prev { background: url(../../../images/zuo1.png) no-repeat; left: 0%; margin-left: 40px; }
.fullSlide .next { left: auto; right: 0%; margin-right: 40px; background: url(../../../images/you11.png) no-repeat; }
@media screen and (min-width:1000px) and (max-width:1219px) {
.banner_bj { height: 396px; }
.banner_bj img { width: 80%; }
.daohang>li>a { padding: 0 20px; }
}
@media screen and (min-width:1000px) {
.carousel, .clear2 { display: none }
}
@media screen and (max-width:999px) {
.clear2 { clear: both; }
.banner_bj { display: none }
.head { position: relative; }
.yiji { display: none; }
.daohangz { float: none; text-align: center; margin-right: auto; }
.daohang { padding-top: 10px; }
.daohang>li { float: none; display: inline-block; *float:left;
}
.daohang>li>a { padding: 0 15px; font-weight: normal; text-transform: none }
.carousel { width: 100%; position: relative; overflow: hidden; }
.carousel ul { width: 100%; height: 100%; }
.carousel ul li { width: 100%; height: 100%; position: absolute; top: 0; left: 0; }
.carousel ul li img { width: 100%; vertical-align: middle; }
.carousel ol { position: absolute; z-index: 2; width: 120px; height: 5px; bottom: 5px; left: 50%; -webkit-transform: translate3d(-50%, 0, 0); }
.carousel ol li { float: left; width: 10px; height: 10px; margin-right: 10px; border-radius: 5px; background-color: #fff; transition: all 0.3s ease 0s; }
.carousel ol li.cur { width: 10px; background: #3c5daa; }
.carousel ol li:last-child { margin: 0; }
}
@media screen and (max-width:769px) {
.daohang>li>a { padding: 0 10px; font-size: 14px; font-size: 1.4rem; }
}
@media screen and (min-width:640px) {
.container, .nav, .daohang2 { display: none }
}
@media screen and (max-width:639px) {
.hexin { float: none; }
.shejiao { float: none; margin-top: auto; }
.shejiao a { margin-left: auto; margin-right: 5px; }
.sousuo { float: none; width: 96%; margin-left: 0.2%; }
.sou { width: 80%; }
.logo { padding-top: 15px; padding-bottom: 10px; width: 100%; margin: auto; }
.container { width: 5px; height: 100%; position: absolute; right: 0px; transition: all 0.4s ease 0s; z-index: 99999999; cursor: pointer; }
.menubtn { width: 35px; height: 30px; position: absolute; top: 16px; right: 5px; transition: all 0.4s ease 0s; z-index: 99999999 }
.menubtn span { display: block; width: 100%; height: 5px; margin-bottom: 5px; background-color: #3c5daa; }
.nav { width: 250px; height: 100%; background: rgba(0,0,0,0.8); position: absolute; bottom: 0; right: 0; display: none; }
.nav ul { display: none; margin-top: 10px; }
.nav ul li { line-height: 40px; font-size: 12px; font-size: 1.2rem; text-indent: 30px; }
.nav ul li a { color: #fff; }
.daohangz { background: none; }
.daohang { display: none }
.daohang2 { display: block; text-align: center; margin-top: 3px; }
.daohang2 a { text-align: center; float: left; font-size: 14px; font-size: 1.4rem; width: 25%; color: #333; line-height: 50px; }
}
@media screen and (max-width:379px) {
.hexin li { float: none; margin-right: auto; }
}
@font-face { font-family: 'HelveticaNeueLTStdEx'; src: url('../fonts/HelveticaNeueLTStdEx.eot'); src: url('../fonts/HelveticaNeueLTStdEx.eot') format('embedded-opentype'), url('../fonts/HelveticaNeueLTStdEx.woff2') format('woff2'), url('../fonts/HelveticaNeueLTStdEx.woff') format('woff'), url('../fonts/HelveticaNeueLTStdEx.ttf') format('truetype'), url('../fonts/HelveticaNeueLTStdEx.svg#HelveticaNeueLTStdEx') format('svg'); }
.main1 { background-color: #e4dbd6; background: url(../images/m1bei.jpg) no-repeat center; background-attachment: fixed; position: relative; }
.shijian1 { display: block; margin: auto; width: 52px; position: absolute; top: 0px; left: 50%; margin-left: -26px; -webkit-animation: swinging 2s ease-in-out 0s infinite; }
.shijian1 img { display: block; margin: auto; width: 52px; height: 54px; }
.m1biao { display: block; text-align: center; font-size: 48px; font-size: 4.8rem; color: #2b2b2b; text-transform: uppercase; padding-top: 117px; font-family: 'HelveticaNeueLTStdEx'; }
.m1p a { display: block; text-align: center; margin: 0 80px; font-size: 16px; font-size: 1.6rem; text-transform: uppercase; line-height: 30px; margin-top: 20px; }
.m1biao:hover, .m1p a:hover { color: #3c5daa; }
.m1n { padding-bottom: 144px; padding-top: 40px; }
.m1l { width: 461px; float: left; position: relative; z-index: 99 }
.m1r { width: 717px; float: right; }
.m1ln { background: #f8f8f8; border: 2px solid #fff; padding: 8px; position: relative; z-index: 999 }
.m1tu1 { display: block; overflow: hidden; }
.m1tu1 img { display: block; margin: auto; width: 100%; max-width: 441px; max-height: 526px; transition: 0.5s; }
.m1zi { display: block; font-size: 30px; font-size: 3rem; line-height: 45px; font-weight: bold; position: absolute; left: 35px; top: 37px; color: #3c5daa; }
.m1r { width: 717px; float: right; }
.m1rt { background: #f8f8f8; border: 2px solid #fff; padding: 8px; position: relative; }
.m1tu2 { display: block; overflow: hidden; }
.m1tu2 img { display: block; margin: auto; width: 100%; max-width: 697px; max-height: 242px; transition: 0.5s; }
.m1lie { width: 352px; margin-top: 20px; }
.m1lien { background: #f8f8f8; border: 2px solid #fff; padding: 8px; position: relative; }
.m1xtu2 { display: block; width: 86px; position: absolute; right: 31px; top: 82px; }
.m1xtu2 img { display: block; margin: auto; width: 100%; max-width: 86px; max-height: 86px; }
.m1tu3 { display: block; overflow: hidden; }
.m1tu3 img { display: block; margin: auto; width: 100%; max-width: 332px; max-height: 242px; transition: 0.5s; }
.m1xtu3 { display: block; width: 83px; position: absolute; right: 38px; bottom: 0px; }
.m1xtu3 img { display: block; margin: auto; width: 100%; max-width: 83px; max-height: 221px; }
.m1xtu1 { position: absolute; width: 452px; left: 136px; bottom: -124px; z-index: 9999 }
.pp_top { text-align: center; }
.pp_top a em { display: block; font-size: 14px; color: #333; line-height: 25px; padding-top: 10px; }
.pp_top a:hover img { filter : alpha(opacity=70); -moz-opacity: 0.7; -khtml-opacity: 0.7; opacity : 0.7; }
.m1xtu1 img { display: block; margin: auto; width: 100%; max-width: 393px; max-height: 329px; }
.m1ln:hover .m1tu1 img, .m1rt:hover .m1tu2 img, .m1lie:hover .m1tu3 img { transform: scale(1.1, 1.1) }
.m1lie:hover .m1xtu3 { right: 20px; }
.m3zin p { font: 30px "Microsoft YaHei"; color: #3c3c3c; }
.m3zin p b { display: block; font-size: 20px; color: #535353; margin-bottom: 10px; }
 @-webkit-keyframes swinging { 0% {
top:0px;
}
50% {
top:20px;
}
100% {
top:0px;
}
}
@-moz-keyframes swinging { 0% {
top:0px;
}
50% {
top:20px;
}
100% {
top:0px;
}
}
@keyframes swinging { 0% {
top:0px;
}
50% {
top:20px;
}
100% {
top:0px;
}
}
@media screen and (min-width:1000px) and (max-width:1219px) {
.m1biao { font-size: 30px; font-size: 3rem; }
.m1p a { font-size: 14px; font-size: 1.4rem; margin: 0px; margin-top: 20px; }
.m1l { width: 385px; float: left; }
.m1r { width: 590px; float: right; }
.m1r img{ width:100%}
.m1lie { width: 290px; }
.m1xtu1 { left: 10px; width: 300px; }
.m1xtu3 { width: 60px; }
.m1zi { font-size: 20px; font-size: 2rem; }
}
@media screen and (max-width:999px) {
.m1n { padding-bottom: 44px; padding-top: 38px; }
.m1biao { font-size: 30px; font-size: 3rem; }
.m1p a { font-size: 14px; font-size: 1.4rem; margin: 0px; margin-top: 20px; }
.m1xtu1 { bottom: -70px; }
.m1l { width: 100%; max-width: 385px; float: none; margin: auto; }
.m1r { width: 100%; max-width: 717px; margin: auto; float: none; margin-top: 40px; }
.m1r img{ width:100%}
.m1lie { width: 48%; }
.m1xtu1 { left: 10px; width: 300px; }
.m1xtu3 { width: 60px; }
.m1zi { font-size: 20px; font-size: 2rem; }
}
@media screen and (max-width:549px) {
.m1lie { width: 100%; float: none; max-width: 352px; margin: auto; margin-top: 20px; }
.m1xtu1 { width: 250px; }
.pp_top img { width: 100% }
}
.main2 { background: #084c93; position: relative }
.m2r { width: 46%; float: right; }
.m2r a { display: block; text-align: center; }
.m2r a img { display: block; margin: auto; width: 100%; max-width: 890px; max-height: 617px; }
.m2l { width: 54%; *width:53%;
float: left; text-align: center; }
.m2ln { margin: 0 120px; }
.m2a { display: block; text-align: center; line-height: 81px; text-align: center; background: url(../images/m2biao.jpg) no-repeat center; font-size: 36px; font-size: 3.6rem; color: #fff; text-transform: uppercase; margin-top: 131px; }
.m2ln p a { display: block; font-size: 16px; font-size: 1.6rem; color: #fff; line-height: 30px; height: 120px; overflow: hidden; margin-top: 32px; font-family: "微软雅黑" }
.m2mor { display: block; width: 215px; height: 59px; border: 1px solid #ffffff; text-align: center; line-height: 59px; font-size: 16px; font-size: 1.6rem; text-transform: uppercase; color: #fff; margin: auto; margin-top: 111px; }
.m2ln:hover a { text-shadow: 3px 3px 1px #666; }
@media screen and (max-width:1799px) {
.m2a { margin-top: 60px; }
}
@media screen and (max-width:1549px) {
.m2ln { margin: 0 30px; }
.m2a { margin-top: 30px; }
.m2mor { margin-top: 40px; }
}
@media screen and (max-width:1219px) {
.m2ln { margin: 0 10px; }
.m2a { margin-top: 20px; }
.m2mor { margin-top: 20px; }
.m2ln p a { font-size: 14px; font-size: 1.4rem; line-height: 24px; height: 96px; margin-top: 20px; }
}
@media screen and (max-width:1219px) {
.m2r { width: 100%; float: none; text-align: center; }
.m2l { width: 100%; float: none; text-align: center; padding-bottom: 20px; }
.m2a { line-height: 40px; background: none; font-size: 26px; font-size: 2.6rem; }
}
.main3 { background: #f8f8f8; padding-top: 96px; padding-bottom: 63px; }
.m3lie { }
.m3tu { width: 50%; *width:49.5%;
position: relative; }
.m3zi { width: 50%; *width:49.5%;
}
.m3lie1 { }
.m3lie2 { }
.m3lie1 .m3tu { float: left; }
.m3lie2 .m3tu { float: right; }
.m3lie1 .m3zi { float: right; background: url(../images/m3biao1.jpg) no-repeat 77px 14px; }
.m3lie2 .m3zi { float: left; background: url(../images/m3biao2.jpg) no-repeat 79px 34px; }
.m3tun { display: block; }
.m3tun img { display: block; margin: auto; width: 100%; max-width: 949px; max-height: 420px; }
.m3tun2 { display: block; overflow: hidden; }
.m3tun2 img { display: block; margin: auto; width: 100%; max-width: 972px; max-height: 413px; transition: 0.5s; }
.m3xtu { display: block; width: 301px; border-left: 13px solid #fff; border-top: 13px solid #fff; position: absolute; bottom: -10px; right: -243px; overflow: hidden; }
.m3xtu img { display: block; margin: auto; width: 100%; max-width: 301px; max-height: 216px; transition: 0.5s; }
.m3lie1 .m3zin { padding-left: 86px; padding-right: 80px; }
.m3lie2 .m3zin { padding-right: 86px; padding-left: 80px; text-align: right; }
.m3biao { display: block; font-size: 30px; font-size: 3rem; text-transform: uppercase; line-height: 45px; font-family: '微软雅黑'; margin-top: 30px; }
.m3lie2 .m3biao { margin-top: 50px; }
.m3zin p a { display: block; font-size: 16px; font-size: 1.6rem; line-height: 30px; height: 150px; overflow: hidden; margin-top: 38px; }
.m3mor { display: block; width: 163px; height: 36px; text-align: center; line-height: 38px; border: 1px solid #000; font-size: 16px; font-size: 1.6rem; color: #000; margin-top: 43px; }
.m3lie1:hover .m3xtu { margin-right: 20px; }
.m3mor:hover { background: #000000; font-size: 16px; font-size: 1.6rem; color: #fff !important; }
.m3zin a:hover { color: #3c5daa; }
.m3xtu:hover img { transform: scale(1.1, 1.1) }
.m3tun2 img:hover { transform: scale(1.1, 1.1) }
@media screen and (max-width:1799px) {
.m3xtu { width: 200px; right: -130px; }
}
@media screen and (max-width:1549px) {
.m3xtu { width: 150px; right: 0px; bottom: 0px; border: 2px solid #fff; }
.m3lie1 .m3zin { padding-left: 30px; padding-right: 30px; }
.m3lie2 .m3zin { padding-left: 30px; padding-right: 30px; }
.m3lie2 .m3biao { margin-top: 20px; }
.m3zin p a { font-size: 14px; font-size: 1.4rem; line-height: 24px; height: 120px; overflow: hidden; margin-top: 20px; }
.m3mor { margin-top: 20px; }
}
@media screen and (max-width:1119px) {
.m3biao { font-size: 20px; font-size: 2rem; line-height: 35px; }
}
@media screen and (max-width:999px) {
.m3tu { width: 98%; float: none !important; max-width: 950px; margin: auto; }
.m3zi { width: 100%; float: none !important; }
.m3zin { padding: 20px !important; text-align: left !important; }
}
.main4 { background: url(../images/m4bei.jpg) no-repeat center; padding-bottom: 20px; overflow: hidden; }
.m4l { width: 440px; float: left; padding-top: 40px; }
.m4r { width: 599px; float: right; padding-top: 52px; }
.m4lbiao { display: block; font-size: 36px; font-size: 3.6rem; text-transform: uppercase; color: #f2f3f7; font-family: 'HelveticaNeueLTStdEx' }
.m4l p a { display: block; font-size: 16px; font-size: 1.6rem; color: #f2f3f7; line-height: 25px; margin-top: 16px; font-weight: bold; }
.m4xin { padding-top: 17px; }
.m4xin .int1 { width: 412px; height: 49px; padding-left: 19px; border-radius: 5px; font-size: 14px; font-size: 1.4rem; color: #999999; line-height: 49px; margin-top: 20px; }
.m4xin textarea { width: 412px; height: 100px; padding-left: 19px; border-radius: 5px; font-size: 14px; font-size: 1.4rem; color: #999999; line-height: 49px; margin-top: 20px; }
.m4xin .int2 { width: 198px; height: 49px; float: left; padding-left: 19px; border-radius: 5px; font-size: 14px; font-size: 1.4rem; color: #999999; line-height: 49px; margin-top: 19px; }
.m4xin .int3 { width: 91px; height: 36px; border-radius: 18px; background: #084c93; font-size: 16px; font-size: 1.6rem; font-weight: bold; color: #fff; margin-top: 30px; cursor: pointer; font-family: Verdana, Geneva, sans-serif; }
.m4xin .int3:hover { background: #333; }
.m4rn { padding-left: 40px; }
.m4rn .m4lbiao { padding-bottom: 5px; }
.m4lie { position: relative; min-height: 113px; margin-top: 47px; }
.m4shijian { width: 148px; height: 113px; background: #f0f0f0; position: absolute; left: 0px; top: 0px; }
.m4shijian span { display: block; font-size: 60px; font-size: 6rem; color: #666666; text-align: center; font-weight: bold; line-height: 68px; padding-top: 11px; }
.m4shijian p { font-size: 18px; font-size: 1.8rem; line-height: 26px; color: #666666; text-align: center; line-height: 20px; }
.m4zi { margin-left: 180px; }
.m4zi>a { display: block; font-size: 16px; font-size: 1.6rem; color: #fff; text-transform: uppercase; font-weight: bold; white-space: nowrap; text-overflow: ellipsis; -o-text-overflow: ellipsis; overflow: hidden; font-family: "微软雅黑" }
.m4zi p a { display: block; font-size: 16px; font-size: 1.6rem; line-height: 24px; color: #f8f8f8; margin-top: 17px; height: 72px; overflow: hidden; font-family: "微软雅黑" }
.m4mor { display: block; width: 189px; height: 59px; border: 1px solid #fff; background: #084c93 url(../images/m4mor.jpg) no-repeat 147px center; padding-left: 26px; line-height: 59px; font-size: 16px; font-size: 1.6rem; color: #fff; text-transform: uppercase; margin-top: 34px; }
.m4zi:hover a { text-shadow: 2px 2px 0px #666; }
.m4mor:hover { background: #084c93 url(../images/m4mor.jpg) no-repeat 157px center; }
@media screen and (min-width:1000px) and (max-width:1219px) {
.m4r { width: 499px; float: right; }
}
@media screen and (max-width:999px) {
.main4 { background: #3c5daa; }
.m4l { width: 100%; float: none; }
.m4r { width: 100%; float: none; padding-top: 20px; }
.m4rn { padding-left: 0px; }
.main4 { background-attachment: fixed; background-position: left center; padding-bottom: 20px; }
.m4xin .int1, .m4xin textarea { width: 95%; }
.m4xin .int3 { background: #333 }
.m4shijian { width: 80px; }
.m4shijian p { font-size: 16px; font-size: 1.6rem; }
.m4zi { margin-left: 90px; }
.m4lbiao { font-size: 26px; font-size: 2.6rem; }
}
@media screen and (max-width:469px) {
.m4xin .int1, .m4xin textarea { width: 90%; }
.m4xin .int2 { width: 90%; }
.m5yanzheng { margin-left: auto !important; }
}
.main5 { margin-top: 49px; padding-bottom: 37px; }
.img-scroll { position: relative; }
.img-scroll .prev, .img-scroll .next { position: absolute; display: block; width: 36px; height: 36px; top: 50%; margin-top: -18px; }
.img-scroll .prev { left: 0; cursor: pointer; background: url(../images/m5left.jpg) }
.img-scroll .next { right: 0; cursor: pointer; background: url(../images/m5right.jpg) }
.img-scroll .prev:hover { background: url(../images/m5lefth.jpg) }
.img-scroll .next:hover { background: url(../images/m5righth.jpg) }
.img-list { position: relative; width: 1015px; margin-left: 90px; overflow: hidden }
.img-list ul { width: 9999px; }
.img-list li { float: left; display: inline; width: 183px; margin-right: 25px; }
.img-list li img { display: block; margin: auto; width: 100%; max-width: 185px; max-height: 100px; }
@media screen and (min-width:1000px) and (max-width:1219px) {
.img-list { width: 880px; margin-left: 50px; }
.img-list li { margin-right: 29px; }
}
@media screen and (max-width:999px) {
.img-scroll { padding-bottom: 50px; }
.img-list { width: 100%; margin-left: 0px; }
.img-scroll .prev, .img-scroll .next { top: auto; margin-top: auto; bottom: 0px; }
.img-scroll .prev { left: 50%; margin-left: -45px; }
.img-scroll .next { right: 50%; margin-right: -45px; }
.img-list ul { width: 100000%; }
.img-list li { width: 0.016%; margin-right: 0.0007%; }
}
@media screen and (max-width:639px) {
.img-list li { width: 0.032%; margin-right: 0.0015%; }
}
.foot { background: url(../images/fobei.jpg) no-repeat center bottom; background-attachment: fixed; overflow: hidden; }
.foot>.zong { }
.foot3>.zong { padding-bottom: 56px; }
.fobiao { display: block; text-align: center; font-size: 18px; font-size: 1.8rem; text-transform: uppercase; line-height: 26px; }
.flogo { display: block; text-align: center; margin-top: 10px; }
.flogo img { display: block; margin: auto; width: 216px; }
.fdaohang { line-height: 28px; padding: 10px 0; border-bottom: 1px solid #2b2b2b; border-top: 1px solid #2b2b2b; text-align: center; margin-top: 15px; }
.fdaohang a { display: inline-block; *float:left;
font-size: 14px; font-size: 1.4rem; text-transform: uppercase; color: #2b2b2b; margin: 0 29px; }
.f_zil { height: 156px; overflow: hidden; }
.dbw { float: left; margin-top: 10px; width: 422px; overflow: hidden; }
.dbw i { display: block; float: left; }
.dbw i img { width: 121px; height: 121px; }
.dbw em { display: block; float: left; margin-left: 8px; width: 48px; height: 105px; background: url(Img/Common/dbxk.jpg) no-repeat; padding: 16px 0 0 11px; margin-right: 23px; }
.dbw em span { display: block; width: 14px; font: 14px "Microsoft YaHei", "微软雅黑"; color: #333333; float: left; line-height: 14px; }
.dbw em .dbs { margin: 20px 0 0 8px; }
.dbz { float: left; margin-left: 87px; width: 580px; font: 13px "Microsoft YaHei", "微软雅黑"; color: #666666; line-height: 30px; margin-top: 25px; }
.dbz span { display: inline-block; width: 346px; }
.dbk { font: 13px "Microsoft YaHei", "微软雅黑"; color: #9d9d9d; text-align: center; }
.dbk span { margin: 0 10px; }
.fdaohang a:hover { color: #3c5daa; }
.youlian { line-height: 24px; margin-top: 21px; }
.youlian p { font-size: 16px; font-size: 1.6rem; color: #000000; float: left; }
.youlian a { display: block; float: left; font-size: 16px; font-size: 1.6rem; color: #000000; margin: 0 10px; }
.youlian a:hover { color: #3c5daa; }
.foot2 { background: #2b2b2b; line-height: 31px; padding: 10px 0; }
.p1 { float: left; font-size: 14px; font-size: 1.4rem; color: #fff; }
.p2 { float: right; font-size: 14px; font-size: 1.4rem; color: #fff; }
.p1 a { color: #fff; }
.p1 a:hover { color: #3c5daa; }
@media screen and (max-width:999px) {
.fdaohang a { margin: 0 15px; }
.p1 { float: none; }
.p2 { float: none; }
.shejiao2 a { width: 40px; margin: 0 4px; }
}
@media screen and (max-width:639px) {
.youlian { display: none; }
.fdaohang a { text-transform: none; margin: 0 10px; }
}
.banner { }
.banner a { display: block; }
.banner a img { display: block; margin: auto; width: 100%; max-width: 1920px; max-height: 302px; }
.prt { background: #f6f6f6; }
.mianbao { font-size: 14px; font-size: 1.4rem; text-transform: uppercase; line-height: 24px; color: #2b2b2b; padding-top: 18px; }
.mianbao a { color: #2b2b2b; }
.mianbao a:hover { color: #084c93; }
.coec { color: #084c93 !important }
.prnav { padding-bottom: 61px; }
.prlie { width: 269px; float: left; margin-left: 41px; position: relative; margin-top: 15px; }
.prtu { display: block; margin: auto; max-width: 269px; overflow: hidden; background: #353944; }
.prtu img { display: block; margin: auto; width: 100%; max-width: 269px; max-height: 269px; opacity: 0.2; filter: alpha(opacity=20); transition: 0.5s; }
.prfu { display: block; width: 100%; height: 100%; position: absolute; left: 0px; top: 0px; }
.prtu1 { display: block; width: 100%; position: absolute; height: 83px; left: 0px; top: 43px; text-align: center; transition: 0.5s; }
.prtu1 img { display: block; margin: auto; width: 85px; height: 83px; }
.przi { font-size: 20px; font-size: 2rem; color: #fff; font-weight: bold; position: absolute; width: 100%; text-align: center; line-height: 30px; bottom: 18px; }
.prlie:hover .prtu1 { top: 30px; }
.prlie:hover .prtu { }
.prlie:hover .prtu img { opacity: 0.5; filter: alpha(opacity=50); transform: scale(1.1, 1.1) }
.dangqianpr .prtu img { opacity: 0.5; filter: alpha(opacity=50); }
.prmain { padding-top: 19px; padding-bottom: 109px; }
.chanlie { width: 288px; float: left; margin-left: 16px; margin-top: 31px; }
.chann { border: 1px solid #e5e5e5; position: relative; overflow: hidden; }
.chantu { display: block; }
.chantu img { display: block; margin: auto; width: 100%; max-width: 539px; max-height: 539px; }
.chanfu { background: #084c93; background: rgba(236,109,81,0.8); position: absolute; width: 100%; height: 100%; left: 0px; top: 100%; transition: 0.5s; }
.chanmor { display: block; width: 129px; height: 49px; background: #ffffff; text-align: center; line-height: 49px; font-size: 16px; font-size: 1.6rem; color: #000000; position: absolute; left: 50%; margin-left: -65px; top: 50%; margin-top: -31px; }
.inno { display: block; position: absolute; width: 100%; text-align: center; text-decoration: underline; font-size: 18px; font-size: 1.8rem; color: #fff; line-height: 24px; top: 50%; margin-top: 35px; }
.chanmor:hover { background: #3c5daa; color: #fff; }
.inno:hover { color: #333 }
.chanzi { border: 1px solid #e5e5e5; border-top: none; position: relative; }
.chanzi input { position: absolute; left: 11px; top: 50%; margin-top: -5px; }
.chanzi a { display: block; line-height: 32px; padding: 10px 30px; text-align: center; white-space: nowrap; text-overflow: ellipsis; -o-text-overflow: ellipsis; overflow: hidden; font-size: 18px; font-size: 1.8rem; color: #2b2b2b; }
.chanzi a:hover { color: #3c5daa; }
.chanlie:hover .chanfu { top: 0px; }
.fenye { padding-top: 54px; }
.fenyen { float: left; margin-top: 35px; }
.fenyen a { display: inline-block; width: 25px; height: 25px; text-align: center; line-height: 23px; border-radius: 50%; background: #333; margin: 0 5px 0 6px; font-size: 14px; font-size: 1.4rem; font-family: Verdana, Geneva, sans-serif; margin-bottom: 10px; color: #fff; }
.sx { width: auto !important; background: none !important; font-size: 12px !important; font-size: 1.2rem !important; color: #333 !important; }
.fenyen a:hover { background: #3c5daa; color: #fff; }
.sx:hover { color: #3c5daa !important; }
.dangqianfen { background: #3c5daa !important; color: #fff !important; }
.fuxuan { background: url(../images/fuxuan.jpg) no-repeat left center; padding-left: 30px; float: right; font-size: 16px; font-size: 1.6rem; color: #4b4b4b; margin-top: 36px; }
.fuxuan input { width: 154px; height: 32px; background: #084c93; border: none; color: #fff; margin-left: 15px; cursor: pointer; font-size: 14px; font-size: 1.4rem; }
.fuxuan input:hover { background: #333; }
.fenyen a.no, .fenyen a.no:hover { color: #333 !important; }
@media screen and (min-width:1000px) and (max-width:1219px) {
.prlie { width: 236px; margin-left: 10px; }
.przi { bottom: 3px; }
.chanlie { width: 236px; margin-left: 10px; }
}
@media screen and (max-width:999px) {
.prmain { padding-bottom: 30px; }
.prlie { width: 49%; margin-left: 0.5% !important; margin-right: 0.5%; }
.przi { bottom: 3px; }
.chanlie { width: 32.33%; margin-left: 0.5% !important; margin-right: 0.5%; }
.chanfu { position: relative; left: auto; top: auto; }
.chanmor { display: none; }
.inno { position: relative; top: auto; margin-top: auto; padding: 10px 0; font-size: 14px; font-size: 1.4rem; }
.chanzi a { font-size: 14px; font-size: 1.4rem; }
.fenye { padding-top: 24px; }
.fenyen { float: none; }
.fuxuan { float: none; margin-top: auto; }
.chanzi input { left: 5px; }
.chanzi a { padding: 10px 15px; }
}
@media screen and (max-width:599px) {
.chanlie { width: 49%; }
}
@media screen and (max-width:489px) {
.prlie { width: 99%; }
}
.prmain2 { }
#tab { overflow: hidden; zoom: 1; border-bottom: 1px dashed #d2d2d2; border-top: 1px dashed #d2d2d2; padding-top: 13px; padding-bottom: 12px; margin-top: 23px; }
#tab a { float: left; cursor: pointer; border-radius: 50%; margin-left: 17px; }
#tab a img { display: block; width: 24px; height: 24px; border-radius: 50%; border: 1px solid #e8e8e8; }
#maln { margin-left: auto; }
.box2 { width: 722px; margin-top: 50px; float: left; position: relative; }
.left-pro { width: 722px; text-align: left; }
.left-pro .t1 { width: 148px; float: left; }
.left-pro .t2 { width: 541px; text-indent: 0; float: right; }
.left-pro .t2 a { display: block; }
.left-pro .t2 img { text-indent: 0; border: 1px solid #e5e5e5; }
#showArea img { cursor: pointer; display: block; margin-bottom: 12px; width: 146px; height: 146px; border: 1px solid #e5e5e5; }
#showArea a { display: block; }
#main_img { cursor: pointer; display: block; }
#gotop { cursor: pointer; display: block; margin: auto; margin-left: 62px; margin-top: 0px; }
#gobottom { cursor: pointer; display: block; margin: auto; margin-left: 62px; }
#showArea { height: 468px; margin-top: 11px; margin-bottom: 6px; overflow: hidden; }
#showArea a:hover { background: url(../images/zhizhen.png) no-repeat left center; }
#showArea a:hover img { border: 1px solid #084c93; }
.MagicZoomBigImageCont { border: 1px solid #eee; background: #FFF; }
.MagicZoomBigImageCont img { width: 800px; height: 800px; }
.MagicZoomPup { border: 0px solid #aaa; background: rgba(255,255,255,0.7) }
.jianjie { width: 415px; float: right; margin-top: 40px; }
.jianjie h1 { font-size: 24px; font-size: 2.4rem; font-weight: bold; color: #353944; line-height: 40px; }
.jiann { font-size: 16px; font-size: 1.6rem; line-height: 36px; color: #353944; margin-top: 27px; }
.jiann p { color: #353944; }
.inno2 { margin-top: 25px; float: left; margin-left: 185px; }
.inno2 a { display: block; width: 201px; height: 60px; margin-right: 49px; text-align: center; line-height: 60px; background: #353944; font-size: 18px; font-size: 1.8rem; color: #ffffff; float: left; }
.inno2 a:hover { background: #084c93; }
.share { margin-top: 42px; float: right; }
.share span { display: block; float: left; font-size: 14px; font-size: 1.4rem; line-height: 26px; color: #0093e3 !important; }
.share a { display: block; float: left; margin-left: 6px; }
.hotmain { padding-top: 49px; padding-bottom: 120px; }
.hotbiao { display: block; background: url(../images/huibei.jpg) repeat-x center; line-height: 34px; }
.hotbiao span { background: #fff; padding-right: 16px; font-size: 20px; font-size: 2rem; text-transform: uppercase; font-weight: bold; color: #353944; }
.hotnav { width: 94px; height: 34px; position: absolute; right: 0px; top: -35px; background: #fff; }
.img-scroll2 { position: relative; z-index: 9 }
.img-scroll2 .prev2, .img-scroll2 .next2 { position: absolute; display: block; width: 34px; height: 34px; z-index: 99 }
.img-scroll2 .prev2 { left: 20px; cursor: pointer; background: url(../images/releft.jpg) }
.img-scroll2 .next2 { right: 0; cursor: pointer; background: url(../images/reright.jpg) }
.img-list2 { position: relative; width: 100%; overflow: hidden }
.img-list2 ul { width: 9999px; }
.img-list2 li { float: left; display: inline; width: 288px; margin-right: 15px; margin-top: 36px; z-index: 90 }
.hottu { position: relative; overflow: hidden; }
.hottun { display: block; border: 1px solid #e5e5e5; }
.hottun img { display: block; margin: auto; width: 100%; max-width: 539px; max-height: 539px; }
.hotfu { display: block; width: 100%; height: 100%; position: absolute; left: 0px; top: 100%; background: #084c93; background: rgba(236,109,81,0.8); }
.hotfu span { display: block; width: 129px; height: 49px; position: absolute; left: 50%; margin-left: -65px; top: 50%; margin-top: -25px; background: #fff; text-align: center; line-height: 49px; font-size: 16px; font-size: 1.6rem; color: #000000; }
.hotzi { display: block; text-align: center; font-size: 18px; font-size: 1.8rem; line-height: 24px; color: #2b2b2b; margin-top: 13px; white-space: nowrap; text-overflow: ellipsis; -o-text-overflow: ellipsis; overflow: hidden; }
.hotzi:hover { color: #084c93; }
.img-list2 li:hover .hotfu { top: 0px; }
@media screen and (min-width:1000px) and (max-width:1219px) {
.box2 { float: none; margin: auto; margin-top: 50px; }
.MagicZoomBigImageCont, .MagicZoomBigImageCont img { display: none !important }
.MagicZoomPup { background: rgba(255,255,255,0) }
.jianjie { width: auto; float: none; margin-top: 49px; }
.inno2 { margin-left: auto; }
.img-list2 li { width: 237px; margin-right: 10px; }
}
@media screen and (min-width:1000px) {
.box3 { display: none }
}
@media screen and (max-width:999px) {
.box2 { display: none }
.box3 { width: 100%; margin-top: 15px; }
.box3 a { display: block; width: 24%; margin-left: 0.5%; margin-right: 0.5%; float: left; margin-top: 10px; }
.box3 a img { width: 100%; max-width: 539px; max-height: 539px; border: 1px solid #ccc; }
.jianjie { width: 100%; float: none; }
.inno2 { margin-left: auto; float: none; }
.inno2 a { width: 130px; margin-right: 10px; height: 40px; line-height: 40px; font-size: 14px; font-size: 1.4rem; }
.img-list2 ul { width: 10000%; }
.img-list2 li { width: 0.3233%; margin-right: 0.015%; }
.hotzi { font-size: 14px; font-size: 1.4rem; }
.hotmain { padding-bottom: 30px; }
.hotfu { display: none }
}
@media screen and (max-width:599px) {
.box3 a { width: 48%; margin-left: 1%; margin-right: 1%; }
.img-list2 li { width: 0.49%; margin-right: 0.015%; margin-top: 55px; }
.hotnav { top: 10px; }
}
.abnav { background: url(../images/abbiao.jpg) repeat-x left 72px; text-align: center; padding-top: 18px; }
.abnav a { display: inline-block; *float:left;
width: 120px; padding-top: 130px; font-size: 16px; font-size: 1.6rem; line-height: 24px; height: 48px; text-transform: uppercase; margin: 0 43px; }
.ab1 { background: url(../images/abbiao1.jpg) no-repeat center top; }
.ab2 { background: url(../images/abbiao2.jpg) no-repeat center top; }
.ab3 { background: url(../images/abbiao3.jpg) no-repeat center top; }
.ab4 { background: url(../images/abbiao4.jpg) no-repeat center top; }
.ab5 { background: url(../images/abbiao5.jpg) no-repeat center top; }
.ab6 { background: url(../images/abbiao6.jpg) no-repeat center top; }
.ne1 { background: url(../images/news1.jpg) no-repeat center top; }
.ne2 { background: url(../images/news2.jpg) no-repeat center top; }
.ab1:hover { background: url(../images/abbiao1h.jpg) no-repeat center top; }
.ab2:hover { background: url(../images/abbiao2h.jpg) no-repeat center top; }
.ab3:hover { background: url(../images/abbiao3h.jpg) no-repeat center top; }
.ab4:hover { background: url(../images/abbiao4h.jpg) no-repeat center top; }
.ab5:hover { background: url(../images/abbiao5h.jpg) no-repeat center top; }
.ab6:hover { background: url(../images/abbiao6h.jpg) no-repeat center top; }
.ne1:hover { background: url(../images/news1h.jpg) no-repeat center top; }
.ne2:hover { background: url(../images/news2h.jpg) no-repeat center top; }
.abnav a:hover { color: #3c5daa; }
.ab1.dangqianab { background: url(../images/abbiao1h.jpg) no-repeat center top !important; }
.ab2.dangqianab { background: url(../images/abbiao2h.jpg) no-repeat center top; }
.ab3.dangqianab { background: url(../images/abbiao3h.jpg) no-repeat center top; }
.ab4.dangqianab { background: url(../images/abbiao4h.jpg) no-repeat center top; }
.ab5.dangqianab { background: url(../images/abbiao5h.jpg) no-repeat center top; }
.ab6.dangqianab { background: url(../images/abbiao6h.jpg) no-repeat center top; }
.ne1.dangqianab { background: url(../images/news1h.jpg) no-repeat center top; }
.ne2.dangqianab { background: url(../images/news2h.jpg) no-repeat center top; }
.dangqianab { color: #3c5daa !important; }
.ab1main1 { padding-top: 70px; }
.ab1l { width: 591px; float: right; padding-right: 15px; padding-top: 16px; margin-top: 59px; }
.ab1l a { display: block; }
.ab1l a img { display: block; margin: auto; width: 100%; max-width: 591px; max-height: 532px; }
.ab1r { width: 570px; float: left; padding-top: 22px; }
.ab1biao1 { display: block; margin-bottom: 35px; }
.ab1biao1 img { display: block; width: 90%; max-width: 408px; max-height: 112px; }
.ab1r p { font-size: 16px; font-size: 1.6rem; line-height: 30px; margin-top: 15px; }
.ab1main2 { background: url(../images/ab1bei.jpg) no-repeat center; background-attachment: fixed; margin-top: 90px; padding-top: 112px; padding-bottom: 84px; }
.ab1biao2 { display: block; }
.ab1biao2 img { display: block; width: 177px; height: 74px; }
.ab12zi { display: block; font-size: 20px; font-size: 2rem; color: #fff; text-transform: uppercase; font-weight: bold; line-height: 30px; margin-top: 31px; }
.ab1main2 p { font-size: 16px; font-size: 1.6rem; line-height: 30px; color: #fff; width: 780px; margin-top: 35px; }
.ab1main3 { padding-top: 40px; padding-bottom: 80px; }
.ab1main3 p { font-size: 16px; font-size: 1.6rem; line-height: 30px; }
.ab1main3 a { display: block; width: 294px; float: left; margin-left: 8px; margin-top: 43px; }
.ab1main3 a img { display: block; margin: auto; width: 100%; max-width: 294px; max-height: 237px; }
@media screen and (min-width:1000px) and (max-width:1219px) {
.abnav a { margin: 0 20px; }
.ab1l { width: 470px; }
.ab1r { width: 470px; }
.ab1r p { font-size: 14px; font-size: 1.4rem; line-height: 24px; margin-top: 24px; }
.ab1main3 a { width: 237px; margin-left: 10px; }
}
@media screen and (max-width:999px) {
.abnav { background: none; }
.abnav a { width: 32.333%; float: left; margin: 10px 0.5%; }
.ab1main1 { padding-top: 10px; }
.ab1l { width: 100%; padding: 0px; background: none; float: none; margin-top: 25px; }
.ab1r { width: 100%; float: none; }
.ab1r p { font-size: 14px; font-size: 1.4rem; line-height: 24px; margin-top: 24px; }
.ab1main2 p { width: auto; }
.ab1main3 a { width: 49%; margin-left: 0.5% !important; margin-right: 0.5%; }
.ab1main3 { padding-top: 40px; padding-bottom: 40px; }
}
@media screen and (max-width:489px) {
.abnav a { width: 49%; }
}
.ab2main { background: url(../images/ab2t.jpg) no-repeat top center; margin-top: 89px; padding-top: 6px; padding-bottom: 115px; }
.ab2main>.zong { background: url(../images/ab2xian.jpg) repeat-y center; padding-bottom: 86px; padding-top: 100px; }
.ab2lie { background: url(../images/ab2dian.jpg) no-repeat center 42px; margin-top: 46px; }
.ab2tu { width: 50%; text-align: center; }
.ab2tu img { display: block; margin: auto; }
.ab2zi { width: 50%; }
.ab2lie1 .ab2tu { float: right; }
.ab2lie2 .ab2tu { float: left; }
.ab2lie1 .ab2zi { float: left; text-align: right; }
.ab2lie2 .ab2zi { float: right; }
.ab2lie1 .ab2zin { padding-right: 46px; }
.ab2lie2 .ab2zin { padding-left: 40px; }
.ab2zin span { font-size: 16px; font-size: 1.6rem; font-weight: bold; color: #084c93; }
.ab2zin p { font-size: 16px; font-size: 1.6rem; line-height: 24px; margin-top: 26px; }
@media screen and (max-width:639px) {
.ab2main { padding-bottom: 25px; }
.ab2main>.zong { background: none }
.ab2lie { background: none }
.ab2tu { width: 100%; float: none !important; text-align: center; }
.ab2zi { width: 100%; float: none !important; text-align: left !important; }
.ab2zin { padding: 0px !important; }
}
#baguetteBox-overlay { display: none; opacity: 0; position: fixed; overflow: hidden; top: 0; left: 0; width: 100%; height: 100%; background-color: #222; background-color: rgba(0,0,0,.8); -webkit-transition: opacity .5s ease; transition: opacity .5s ease; z-index: 99999999999999999999999999999999999999; }
#baguetteBox-overlay.visible { opacity: 1 }
#baguetteBox-overlay .full-image { display: inline-block; position: relative; width: 100%; height: 100%; text-align: center; }
#baguetteBox-overlay .full-image figure { display: inline; margin: 0; height: 100% }
#baguetteBox-overlay .full-image img { display: inline-block; width: auto; height: auto; max-height: 100%; max-width: 100%; vertical-align: middle; -webkit-box-shadow: 0 0 8px rgba(0,0,0,.6); -moz-box-shadow: 0 0 8px rgba(0,0,0,.6); box-shadow: 0 0 8px rgba(0,0,0,.6); }
#baguetteBox-overlay .full-image figcaption { display: block; position: absolute; bottom: 0; width: 100%; text-align: center; line-height: 1.8; color: #ccc; background-color: #000; background-color: rgba(0,0,0,.6); font-family: Verdana, Geneva, sans-serif; }
#baguetteBox-overlay .full-image:before { content: ""; display: inline-block; height: 50%; width: 1px; margin-right: -1px }
#baguetteBox-slider { position: absolute; left: 0; top: 0; height: 100%; width: 100%; white-space: nowrap; -webkit-transition: left .4s ease, -webkit-transform .4s ease; transition: left .4s ease, -moz-transform .4s ease; transition: left .4s ease, transform .4s ease }
#baguetteBox-slider.bounce-from-right { -webkit-animation: bounceFromRight .4s ease-out; animation: bounceFromRight .4s ease-out }
#baguetteBox-slider.bounce-from-left { -webkit-animation: bounceFromLeft .4s ease-out; animation: bounceFromLeft .4s ease-out }
.baguetteBox-button#next-button, .baguetteBox-button#previous-button { top: 50%; top: calc(50% - 30px); width: 44px; height: 60px }
.baguetteBox-button { position: absolute; cursor: pointer; outline: 0; padding: 0; margin: 0; border: 0; -moz-border-radius: 15%; border-radius: 15%; background-color: #323232; background-color: rgba(50,50,50,.5); color: #ddd; font: 1.6em sans-serif; -webkit-transition: background-color .4s ease; transition: background-color .4s ease; }
.baguetteBox-button:hover { background-color: rgba(50,50,50,.9) }
.baguetteBox-button#next-button { right: 2% }
.baguetteBox-button#previous-button { left: 2% }
.baguetteBox-button#close-button { top: 20px; right: 2%; right: calc(2% + 6px); width: 30px; height: 30px }
.baguetteBox-button svg { position: absolute; left: 0; top: 0 }
.spinner { width: 40px; height: 40px; display: inline-block; position: absolute; top: 50%; left: 50%; margin-top: -20px; margin-left: -20px }
.double-bounce1, .double-bounce2 { width: 100%; height: 100%; -moz-border-radius: 50%; border-radius: 50%; background-color: #fff; opacity: .6; position: absolute; top: 0; left: 0; -webkit-animation: bounce 2s infinite ease-in-out; animation: bounce 2s infinite ease-in-out }
.double-bounce2 { -webkit-animation-delay: -1s; animation-delay: -1s }
@-webkit-keyframes bounceFromRight { 0% {
margin-left:0
}
50% {
margin-left:-30px
}
100% {
margin-left:0
}
}
@keyframes bounceFromRight { 0% {
margin-left:0
}
50% {
margin-left:-30px
}
100% {
margin-left:0
}
}
@-webkit-keyframes bounceFromLeft { 0% {
margin-left:0
}
50% {
margin-left:30px
}
100% {
margin-left:0
}
}
@keyframes bounceFromLeft { 0% {
margin-left:0
}
50% {
margin-left:30px
}
100% {
margin-left:0
}
}
@-webkit-keyframes bounce { 0%, 100% {
-webkit-transform:scale(0);
transform:scale(0)
}
50% {
-webkit-transform:scale(1);
transform:scale(1)
}
}
@keyframes bounce { 0%, 100% {
-webkit-transform:scale(0);
-moz-transform:scale(0);
transform:scale(0)
}
50% {
-webkit-transform:scale(1);
-moz-transform:scale(1);
transform:scale(1)
}
}
.ab3main { padding-bottom: 88px; }
.ablie { width: 246px; float: left; margin-left: 72px; background: url(../images/muban.jpg) no-repeat center top; margin-top: 53px; }
.ablie1 { width: 246px; float: left; margin-left: 72px; background: url(../images/muban1.jpg) no-repeat center top; margin-top: 53px; height:167px}
.abtu { position: relative; overflow: hidden; padding: 5px 5px 4px 4px; }
.abtu>img { display: block; margin: auto;width: 237px; height: 325px; }
.abtu1 { position: relative; overflow: hidden; padding: 5px 5px 4px 4px; }
.abtu1>img { display: block; margin: auto; width:100%;max-width: 237px; height:158px}
.fangda { background: #000; background: rgba(00,00,00,0.6); display: block; position: absolute; width: 100%; height: 100%; top: 100%; left: 0px; }
.fangda img { width: 32px; height: 32px; position: absolute; left: 50%; margin-left: -16px; top: 41%; margin-top: -20px; }
.ablie p { font-size: 1.4rem; font-size: 1.4rem; line-height: 24px; text-align: center; margin-top: 19px; display: none }
.ablie:hover .fangda { top: 0px; }
.ablie1 p { font-size: 1.4rem; font-size: 1.4rem; line-height: 24px; text-align: center; margin-top: 19px; display: none }
.ablie1:hover .fangda { top: 0px; }
.mat1 { margin-top: 28px; }
.ablie span { color: #fff; font-size: 20px; font-size: 2rem; text-transform: uppercase; font-weight: bold; position: absolute; width: 96%; left: 2%; top: 49%; display: block; text-align: center; line-height: 30px; }
.ablie1 span { color: #fff; font-size: 20px; font-size: 2rem; text-transform: uppercase; font-weight: bold; position: absolute; width: 96%; left: 2%; top: 49%; display: block; text-align: center; line-height: 30px; }
.jvzhong { float: none; text-align: center; padding-top: 80px; }
.jvzhong a { float: none; display: inline-block; *float:left;
}
@media screen and (min-width:1000px) and (max-width:1219px) {
.ablie { width: 211px; margin-left: 45px; background: none }
.abtu { padding: 0px; border: 3px solid #572300; }
.ablie span { padding: 0 5px; }
.ablie1 { width: 211px; margin-left: 45px; background: none }
.abtu1 { padding: 0px; border: 3px solid #572300; }
.ablie1 span { padding: 0 5px; }
}
@media screen and (max-width:999px) {
.ablie { width: 23%; margin: 0 1%; margin-top: 10px; background: none }
.ablie1 { width: 23%; margin: 0 1%; margin-top: 10px; background: none }
.fangda { top: 0; background: rgba(04,00,00,0.1); }
.abtu { padding: 0px; border: 3px solid #572300; }
.abtu1 { padding: 0px; border: 3px solid #572300; }
.fangda img { left: 50%; margin-left: -16px; top: 50%; margin-top: -16px; }
.ablie span { display: none; }
.ablie1 span { display: none; }
.ablie p { display: block; height: 48px; }
.ablie1 p { display: block; height: 48px; }
.ab3main { padding-bottom: 30px; padding-top: 30px; }
.jvzhong { padding-top: 10px; }
}
@media screen and (max-width:799px) {
.ablie { width: 31%; margin: 0 1%; }
.ablie1 { width: 31%; margin: 0 1%; }
}
@media screen and (max-width:499px) {
.ablie { width: 46%; margin: 0 2%; }
.ablie p { font-size: 12px; font-size: 1.2rem; }
.ablie1 { width: 46%; margin: 0 2%; }
.ablie1 p { font-size: 12px; font-size: 1.2rem; }
}
.ab4main1 { padding-top: 76px; padding-bottom: 80px; }
.ab4biao { display: block; font-size: 30px; font-size: 3rem; font-weight: bold; color: #000000; line-height: 45px; padding-left: 48px; background: url(../images/ab4biao.jpg) no-repeat left center; }
.ab4ditu { display: block; text-align: center; margin-top: 94px; }
.ab4ditu img { display: block; margin: auto; width: 100%; max-width: 1200px; max-height: 529px; }
.ab4main2 { background: #f8f8f8; padding-top: 69px; padding-bottom: 99px; }
.pabiao { display: block; text-align: center; font-size: 26px; font-size: 2.6rem; font-weight: bold; text-transform: uppercase; color: #084c93; }
.img-scroll3 { position: relative; padding-top: 37px; }
.panav { width: 77px; height: 39px; position: absolute; right: 0px; top: -42px; }
.img-scroll3 .prev3, .img-scroll3 .next3 { position: absolute; display: block; width: 39px; height: 39px; }
.img-scroll3 .prev3 { left: 0; cursor: pointer; background: url(../images/paleft.jpg) }
.img-scroll3 .next3 { right: 0; cursor: pointer; background: url(../images/paright.jpg) }
.img-scroll3 .prev3:hover { background: url(../images/palefth.jpg) }
.img-scroll3 .next3:hover { background: url(../images/parighth.jpg) }
.img-list3 { position: relative; width: 100%; overflow: hidden }
.img-list3 ul { width: 9999px; }
.img-list3 li { float: left; display: inline; width: 583px; margin-right: 36px; }
.palie { margin-top: 36px; background: #fff; position: relative; min-height: 245px; }
.patu { display: block; position: absolute; left: 0px; top: 0px; width: 291px; }
.patu img { display: block; margin: auto; width: 100%; max-width: 291px; max-height: 245px; }
.pazi { margin-left: 310px; margin-right: 20px; padding-top: 15px; }
.pazin { font-size: 16px; font-size: 1.6rem; line-height: 30px; height: 180px; overflow: hidden; }
.pazi span { display: block; font-size: 14px; font-size: 1.4rem; line-height: 30px; color: #999999; margin-top: 5px; }
@media screen and (min-width:1000px) and (max-width:1219px) {
.img-list3 li { width: 485px; margin-right: 10px; }
.patu { width: 200px; top: 35px; }
.pazi { margin-left: 215px; }
}
@media screen and (max-width:999px) {
.img-list3 ul { width: 10000%; }
.img-list3 li { width: 1%; margin-right: 10px; }
.ab4biao { font-size: 20px; font-size: 2rem; }
.ab4main1 { padding-top: 36px; padding-bottom: 30px; }
.ab4ditu { margin-top: 30px; }
}
@media screen and (max-width:639px) {
.patu { width: 100%; position: relative; left: auto; top: auto; }
.pazi { margin-left: 10px; margin-right: 10px; }
.panav { top: 10px; }
}
.ab5main { padding-bottom: 89px; }
.zhanshi_tp2 { position: relative; width: 986px; margin: auto; margin-top: 55px; }
.zhanshi_tp2 .ulBigPic { width: 863px; margin-left: 61px; overflow: hidden; box-shadow: 2px 2px 6px #c1c1c1; }
.zhanshi_tp2 .ulBigPic li { width: 845px; display: none; border: 9px solid #fff; position: relative; }
.abfu { position: absolute; width: 100%; font-size: 16px; font-size: 1.6rem; color: #fff; text-align: center; line-height: 38px; bottom: 0px; left: 0px; background: #000; background: rgba(0,0,0,0.5); }
.zhanshi_tp2 .ulBigPic .liSelected { display: block; }
.zhanshi_tp2 .ulBigPic img { display: block; width: 845px; height: 547px; }
.zhanshi_tp2 .sLeftBtnA, .zhanshi_tp2 .sLeftBtnASel, .zhanshi_tp2 .sLeftBtnABan, .zhanshi_tp2 .sRightBtnA, .zhanshi_tp2 .sRightBtnASel, .zhanshi_tp2 .sRightBtnABan { width: 24px; height: 45px; display: block; position: absolute; top: 245px; }
.zhanshi_tp2 .sLeftBtnA, .zhanshi_tp2 .sLeftBtnASel, .zhanshi_tp2 .sRightBtnA, .zhanshi_tp2 .sRightBtnASel { cursor: pointer; }
.zhanshi_tp2 .sLeftBtnA, .zhanshi_tp2 .sLeftBtnASel, .zhanshi_tp2 .sLeftBtnABan { left: 0px; background: url(../images/eqleft.png) }
.zhanshi_tp2 .sRightBtnA, .zhanshi_tp2 .sRightBtnASel, .zhanshi_tp2 .sRightBtnABan { right: 0px; background: url(../images/eqright.png) }
.zhanshi_tp2 .dSmallPicBox { width: 986px; height: 139px; position: relative; margin-top: 12px; }
.zhanshi_tp2 .dSmallPic { width: 863px; left: 61px; height: 139px; position: absolute; top: 0px; overflow: hidden; }
.zhanshi_tp2 .dSmallPic ul { position: absolute; }
.zhanshi_tp2 .dSmallPic li { width: 221px; height: 139px; float: left; display: inline; cursor: pointer; overflow: hidden; }
.zhanshi_tp2 .dSmallPic .sPic { width: 199px; height: 131px; display: block; padding-top: 8px; }
.zhanshi_tp2 .dSmallPic .sPic img { width: 193px; height: 125px; border: 3px solid #fff; }
.zhanshi_tp2 .dSmallPic .sPic:hover { background: url(../images/zhizhen2.png) no-repeat center top; }
.zhanshi_tp2 .dSmallPic .sPic img:hover { border: 3px solid #333333; }
.zhanshi_tp2 .dSmallPic .liSelected .sPic { background: url(../images/zhizhen2.png) no-repeat center top; }
.zhanshi_tp2 .dSmallPic .liSelected .sPic img { border: 3px solid #333333; }
@media screen and (min-width:1000px) and (max-width:1319px) {
.zhanshi_tp2 { width: 980px; }
.zhanshi_tp2 .ulBigPic { margin-left: 55px; }
.zhanshi_tp2 .dSmallPicBox { width: 980px; }
.zhanshi_tp2 .dSmallPic { left: 55px; }
}
@media screen and (min-width:1000px) {
.gongchang2 { display: none }
}
@media screen and (max-width:999px) {
.zhanshi_tp2 { display: none }
.gongchang2 { width: 100% }
.gonglie2 { display: block; width: 45%; float: left; margin-left: 2.5%; margin-right: 2.5%; margin-top: 30px; }
.gongtu2 img { width: 100%; max-width: 845px; max-height: 547px; }
.gongzi2 { display: block; text-align: center; line-height: 30px; margin-top: 5px; }
.ab3main { padding-bottom: 39px; }
}
@media screen and (max-width:639px) {
.gonglie2 { width: 95%; }
.wenav a { width: 135px; font-size: 12px; font-size: 1.2rem; font-weight: normal; margin: 0 2px; }
}
.nemain { padding-bottom: 94px; }
.nelie { border-bottom: 1px dashed #353944; position: relative; min-height: 288px; margin-top: 10px; padding-bottom: 7px; margin-bottom: 37px; }
.netu { display: block; width: 379px; position: absolute; right: 0px; top: 0px; }
.netu img { display: block; margin: auto; width: 100%; max-width: 379px; max-height: 336px; }
.nelien { margin-right: 440px; padding-top: 20px; }
.nebiao { display: block; font-size: 16px; font-size: 1.6rem; line-height: 24px; font-weight: bold; white-space: nowrap; text-overflow: ellipsis; -o-text-overflow: ellipsis; overflow: hidden; }
.nelie span { display: block; font-size: 14px; font-size: 1.4rem; line-height: 24px; padding-left: 21px; background: url(../images/neriqi.jpg) no-repeat left center; margin-top: 16px; }
.nelie p a { display: block; font-size: 14px; font-size: 1.4rem; line-height: 26px; color: #666666; height: 104px; overflow: hidden; margin-top: 17px; }
.nemor { display: block; width: 162px; height: 52px; background: #084c93; border-radius: 10px; font-size: 16px; font-size: 1.6rem; color: #fff; text-align: center; line-height: 52px; margin-top: 25px; }
.nebiao:hover, .nelie p a:hover { color: #084c93; }
.nemor:hover { background: #333; }
.mat { padding-top: 50px; }
@media screen and (max-width:999px) {
.nemain { padding-bottom: 30px; }
.netu { position: relative; right: auto; top: auto; width: auto; }
.nelien { padding-top: 15px; margin-right: auto; }
.mat { padding-top: 23px; }
.abnav1 a { width: 49%; }
}
.exmain { padding-bottom: 73px; padding-top: 30px; }
.exlie { width: 580px; margin-bottom: 37px; }
.ext { position: relative; background: #f4f4f4; border-bottom: 2px solid #f1f3f9; padding: 2px; transition: 0.5s; }
.extu { display: block; text-align: center; }
.extu img { width: 100%; max-width: 576px; max-height: 271px; }
.exzi { display: block; padding-left: 22px; font-size: 16px; font-size: 1.6rem; color: #000000; line-height: 30px; white-space: nowrap; text-overflow: ellipsis; -o-text-overflow: ellipsis; overflow: hidden; padding-top: 6px; padding-bottom: 7px; }
.ext span { display: block; position: absolute; width: 171px; height: 38px; border-radius: 5px; background: #ea8005; text-align: center; line-height: 38px; left: 29px; top: 37px; font-size: 16px; font-size: 1.6rem; color: #fff; }
.ext:hover { background: #084c93; }
.ext:hover .exzi { color: #fff; }
.exriqi { font-size: 14px; font-size: 1.4rem; line-height: 20px; padding: 14px 30px 15px 65px; background: #f4f4f4 url(../images/exrili.jpg) no-repeat 19px 13px; }
.exdingwei { font-size: 14px; font-size: 1.4rem; line-height: 20px; padding: 12px 30px 19px 65px; background: #f4f4f4 url(../images/exdingwei.jpg) no-repeat 19px 13px; margin-top: 12px; }
.exdingwei a { display: block; height: 40px; overflow: hidden; font-family: Verdana, Geneva, sans-serif; }
.mat2 { padding-top: 25px; }
@media screen and (min-width:1000px) and (max-width:1219px) {
.exlie { width: 480px; }
}
@media screen and (max-width:999px) {
.exlie { width: 49%; }
.exmain { padding-bottom: 30px; padding-top: 6px; }
.mat1 { padding-top: 15px; }
}
@media screen and (max-width:769px) {
.exlie { width: 100%; float: none; max-width: 570px; margin: auto; margin-top: 20px; }
.exzi { padding-left: 0px; font-size: 14px; font-size: 1.4rem; }
.exriqi { padding: 14px 10px 15px 35px; background: #f4f4f4 url(../images/exrili.jpg) no-repeat 5px 13px; }
.exdingwei { padding: 12px 10px 19px 35px; background: #f4f4f4 url(../images/exdingwei.jpg) no-repeat 5px 13px; }
.ext span { left: 19px; top: 17px; }
}
.nemain3 { padding-top: 17px; padding-bottom: 78px; }
.nemain3 h1 { text-align: center; font-size: 24px; font-size: 2.4rem; color: #353944; line-height: 35px; }
.riqi { display: block; width: 90px; margin: auto; padding-left: 21px; background: url(../images/neriqi.jpg) no-repeat left center; font-size: 14px; font-size: 1.4rem; margin-top: 18px; }
.nex { border-top: 1px dashed #ffbf42; margin-top: 25px; font-size: 16px; font-size: 1.6rem; line-height: 26px; color: #666666; padding-top: 24px; }
.nex p, .nex span, .nex strong, .nex li { color: #666666; }
.nex a { color: #3c5daa; }
.nex table { width: 97%; border-collapse: collapse; line-height: 24px; }
.nex tr td { line-height: 24px; padding: 2px; }
.nex img { max-width: 100%; }
.fanpian { border-top: 1px dashed #ffbf42; padding-top: 25px; margin-top: 32px; }
.fanpian li { font-size: 16px; font-size: 1.6rem; line-height: 36px; color: #666666; padding-left: 23px; background: url(../images/fanpian.jpg) no-repeat left center; white-space: nowrap; text-overflow: ellipsis; -o-text-overflow: ellipsis; overflow: hidden; }
.fanpian li a { color: #666666; }
.fanpian li strong { text-transform: uppercase; transition: 0.5s; color: #000000; }
.fanpian li:hover { background: url(../images/fanpianh.jpg) no-repeat left center; }
.fanpian li:hover a { color: #3c5daa; }
.fanpian li:hover strong { color: #3c5daa; }
@media screen and (max-width:999px) {
.nemain3 { padding-top: 17px; padding-bottom: 38px; }
.nemain3 h1 { font-size: 20px; font-size: 2rem; }
}
.qcnav { text-align: center; padding-top: 70px; }
.qcnav a { display: inline-block; *float:left;
padding: 0 32px; border: 1px solid #dcdcdc; font-size: 16px; font-size: 1.6rem; color: #666666; line-height: 58px; border-left: none; }
.qc1 { border-left: 1px solid #dcdcdc !important; }
.qcnav a:hover { background: #084c93; color: #fff; border-color: #084c93; }
.dangqianqc { background: #084c93 !important; color: #fff !important; border-color: #084c93 !important; }
.qcmain1 { padding-top: 88px; }
.qctu1 { width: 600px; float: left; }
.qctu1 img { display: block; margin: auto; width: 100%; max-width: 600px; max-height: 435px; }
.qczi1 { width: 573px; float: right; padding-top: 5px; }
.qczi1 a { display: block; font-size: 18px; font-size: 1.8rem; font-weight: bold; line-height: 30px; border-bottom: 1px solid #cccccc; padding-bottom: 12px; }
.qczi1 ul { padding-left: 7px; padding-top: 18px; }
.qczi1 ul li { font-size: 16px; font-size: 1.6rem; line-height: 36px; color: #666666; padding-left: 37px; background: url(../images/qcjian.jpg) no-repeat left 10px; transition: 0.5s; }
.qczi1 ul li:hover { margin-left: 20px; }
.qcmain2 { padding-top: 80px; }
.qcbiao2 { display: block; background: url(../images/qchuixian.jpg) repeat-x center; }
.qcbiao2 img { display: block; width: 279px; height: 22px; }
.qc2lie { width: 289px; float: left; margin-left: 14px; position: relative; margin-top: 56px; overflow: hidden; }
.iqctu { display: block; }
.iqctu img { display: block; margin: auto; width: 100%; max-width: 289px; max-height: 207px; }
.iqczi { background: #000000; background: rgba(0,0,0,0.5); display: block; position: absolute; width: 100%; height: 100%; left: 0px; top: 100%; }
.iqczi span { display: block; position: absolute; width: 96%; left: 2%; line-height: 24px; text-align: center; top: 50%; margin-top: -12px; font-size: 16px; font-size: 1.6rem; color: #fff; font-weight: bold; text-transform: uppercase; }
.qc2lie:hover .iqczi { top: 0px; }
.liucheng { }
.liucheng1 { margin-top: 60px; }
.liucheng2 { margin-top: 34px; }
.liucheng a { display: block; font-size: 16px; font-size: 1.6rem; color: #666666; background: #eeeeee; border-radius: 5px; padding: 15px 30px; line-height: 26px; cursor: pointer; }
.liucheng1 a { float: left; }
.liucheng1 p { width: 18px; height: 56px; float: left; background: url(../images/ljian.jpg) no-repeat center; margin: 0 15px; }
.liucheng2 a { float: right; }
.liucheng2 p { width: 18px; height: 56px; float: right; background: url(../images/rjian.jpg) no-repeat center; margin: 0 15px; }
.liucheng a:hover { background: #084c93; color: #fff; }
.qcmain3 { background: #f9f9f9; margin-top: 80px; padding-top: 57px; padding-bottom: 56px; }
.qcbiao3 { display: block; }
.qcbiao3 img { display: block; margin: auto; width: 275px; height: 22px; }
.qcmain3 ul { width: 31.333%; float: left; margin-left: 1%; margin-right: 1%; margin-top: 50px; }
.qcmain3 ul li { padding-left: 31px; font-size: 16px; font-size: 1.6rem; line-height: 24px; background: url(../images/qcdian.jpg) no-repeat left 7px; }
.qc3lie { padding-top: 29px; }
.iplie { width: 390px; float: left; margin-left: 14px; margin-top: 15px; position: relative; }
.iptu { display: block; }
.iptu img { display: block; margin: auto; width: 100%; max-width: 390px; max-height: 318px; }
.ipzi { display: block; position: absolute; left: 0px; bottom: 0px; width: 100%; background: #000; background: rgba(0,0,0,0.85); padding: 10px 0; }
.ipzi span { display: block; padding: 5px; font-size: 16px; font-size: 1.6rem; color: #fff; line-height: 31px; text-align: center; white-space: nowrap; text-overflow: ellipsis; -o-text-overflow: ellipsis; overflow: hidden; }
.qcmain4 { padding-top: 71px; padding-bottom: 82px; }
.qcbiao4 { display: block; background: url(../images/qchuixian2.jpg) repeat-x center; }
.qcbiao4 img { display: block; margin: auto; width: 90%; max-width: 343px; max-height: 28px; }
.qclie { width: 386px; float: left; margin-left: 14px; margin-top: 57px; }
.qclie.maln { height: 385px; background: url(../images/fqcbei.jpg) no-repeat center; }
.qclie.maln a { display: block; font-size: 24px; font-size: 2.4rem; font-weight: bold; color: #fff; margin-left: 42px; line-height: 35px; padding-top: 46px; }
.qclie ul { padding-left: 42px; padding-top: 16px; }
.qclie ul li { font-size: 16px; font-size: 1.6rem; color: #fff; line-height: 40px; }
.qclie a { display: block; }
.qclie a img { display: block; margin: auto; width: 100%; max-width: 390px; max-height: 385px; }
.qclie.maln { height: 385px; }
.qclie.maln a { padding-top: 46px; }
.qclie ul li { line-height: 40px; }
@media screen and (min-width:1000px) and (max-width:1219px) {
.qctu1 { width: 500px; }
.qczi1 { width: 473px; padding-top: 0px; }
.qczi1 a { line-height: 20px; }
.qclie.maln a { padding-top: 20px; }
.qczi1 ul li { line-height: 30px; background: url(../images/qcjian.jpg) no-repeat left 7px; }
.qc2lie { width: 237px; margin-left: 10px; }
.liucheng a { padding: 15px 8px; }
.iplie { width: 320px; margin-left: 10px; }
.qclie { width: 320px; margin-left: 10px; }
.qclie.maln { height: 317px; }
}
@media screen and (max-width:999px) {
.qcnav a { width: 49.5%; float: left; border: 1px solid #dcdcdc; padding: 0px; }
.qctu1 { width: 100%; float: none; }
.qczi1 { width: 100%; float: none; padding-top: 20px; }
.qczi1 a { line-height: 20px; }
.qczi1 ul li { line-height: 30px; background: url(../images/qcjian.jpg) no-repeat left 7px; }
.qcmain1 { padding-top: 30px; }
.qcbiao2 { margin-bottom: 40px; }
.qc2lie { width: 49%; margin-left: 0.5% !important; margin-right: 0.5%; margin-top: 15px; }
.liucheng a { padding: 15px 10px; }
.iqczi { position: relative; background: none; left: auto; top: auto; }
.iqczi span { color: #333; position: relative; top: auto; margin-top: 10px; font-size: 14px; font-size: 1.4rem; }
.liucheng a { float: none; margin: 5px 0; }
.liucheng p { display: none }
.liucheng2 { margin-top: 0px; }
.qcbiao3 { margin-bottom: 30px; }
.qcmain3 ul { width: auto; float: none; margin: auto; }
.iplie { width: 49%; margin-left: 0.5% !important; margin-right: 0.5%; }
.ipzi { position: relative; background: none; bottom: auto; left: auto; }
.ipzi span { color: #333; }
.qclie { width: 100%; max-width: 390px; float: none; margin: auto; margin-top: 15px; }
.qclie.maln a { margin-left: 20px; }
.qclie ul { padding-left: 20px; }
}
@media screen and (max-width:439px) {
.qcnav a { width: 99.5%; float: left; border: 1px solid #dcdcdc; padding: 0px; }
.qc2lie { width: 99%; }
.iplie { width: 99%; }
}
.pamain { padding-top: 16px; padding-bottom: 86px; }
.parlie { background: #f6f6f6; margin-bottom: 36px; }
.partu { width: 50%; }
.partu a { display: block; }
.partu a img { display: block; margin: auto; width: 100%; max-width: 598px; max-height: 325px; }
.parzi { width: 50%; *width:49%;
}
.parlie1 .partu { float: left; }
.parlie2 .partu { float: right; }
.parlie1 .partu a { border-right: 2px solid #fff; }
.parlie2 .partu a { border-left: 2px solid #fff; }
.parlie1 .parzi { float: right; }
.parlie2 .parzi { float: left; }
.parlie1 .parzin { border-left: 1px solid #fff; }
.parlie2 .parzin { border-right: 1px solid #fff; }
.qipao { position: relative; width: 529px; min-height: 195px; background: #fff; border: 1px solid #e5e5e5; border-radius: 45px; margin-left: 36px; margin-top: 67px; }
.paquan { display: block; width: 19px; height: 19px; position: absolute; top: 67px; }
.paquan img { display: block; width: 19px; height: 19px; }
.qipao p { font-size: 16px; font-size: 1.6rem; line-height: 30px; color: #666666; padding-top: 43px; border-radius: 45px; padding-bottom: 10px; }
.parlie1 .qipao p { background: url(../images/yinhao1.jpg) no-repeat left 29px; padding-left: 61px; padding-right: 20px; }
.parlie2 .qipao p { background: url(../images/yinhao2.jpg) no-repeat right 29px; padding-left: 20px; padding-right: 61px; }
.parlie1 .paquan { left: -10px; }
.parlie2 .paquan { right: -10px; }
.mat3 { padding-top: 76px; }
@media screen and (min-width:1000px) and (max-width:1219px) {
.qipao { width: 460px; margin-left: 10px; margin-top: 35px; }
}
@media screen and (max-width:999px) {
.pamain { padding-top: 16px; padding-bottom: 36px; }
.partu { width: 100%; float: none; }
.parzi { width: 100%; float: none; padding-bottom: 10px; }
.qipao { width: 96%; margin-left: 2%; margin-top: 35px; }
.paquan { left: 50% !important; right: auto !important; margin-left: -10px; top: -10px; }
.mat3 { padding-top: 20px; }
}
@media screen and (max-width:639px) {
.qipao p { padding: 20px !important; background: none !important; }
}
.comain { padding-bottom: 63px; background: url(../images/quanqiu.png) no-repeat center 45px; padding-top: 39px; }
.colie { margin-top: 61px; }
.colie ul { float: left; margin-left: 90px; text-align: center; }
.cotu { display: block; text-align: center; text-align: center; }
.cotu img { width: 100%; max-width: 79px; max-height: 79px; }
.colie ul li { font-size: 16px; font-size: 1.6rem; line-height: 24px; color: #000000; margin-top: 5px; }
.colie ul span { display: block; text-align: center; font-size: 16px; font-size: 1.6rem; font-weight: bold; color: #084c93; line-height: 24px; margin-top: 15px; }
.colie ul li a:hover { color: #ef7100; }
.codingwei { width: 250px; }
.cobiao { display: block; font-size: 36px; font-size: 3.6rem; text-align: center; padding-top: 73px; font-family: Verdana, Geneva, sans-serif; }
.cop { font-size: 14px; font-size: 1.4rem; line-height: 30px; color: #4d4d4d; text-align: center; margin-top: 24px; }
.foxin { width: 645px; margin: auto; padding-top: 52px; }
.foxin .int1 { line-height: 47px; width: 600px; height: 45px; border-bottom: 1px solid #c9c9c9; padding-left: 45px; font-size: 16px; font-size: 1.6rem; margin-top: 21px; }
.foxin textarea { line-height: 47px; width: 600px; height: 187px; border-bottom: 1px solid #c9c9c9; padding-left: 45px; font-size: 16px; font-size: 1.6rem; margin-top: 21px; background: url(../images/cobi.jpg) no-repeat left 14px; }
.foxin .int2 { line-height: 47px; width: 245px; height: 45px; border-bottom: 1px solid #c9c9c9; padding-left: 16px; font-size: 16px; font-size: 1.6rem; margin-top: 20px; float: left; margin-right: 29px; }
.coyanzheng { width: 148px; height: 50px; float: left; margin-top: 18px; cursor: pointer }
.foxin .int3 { width: 184px; height: 50px; margin-top: 45px; background: #084c93; font-size: 18px; font-size: 1.8rem; text-transform: uppercase; color: #fff; cursor: pointer }
.foxin .int3:hover { background: #333; }
.ditu { display: block; border: 1px solid #a0a0a0; margin-top: 45px; }
.ditu img { display: block; margin: auto; width: 100%; max-width: 1198px; max-height: 468px; }
.coren { background: url(../images/coren.jpg) no-repeat left 10px; }
.coxinfeng { background: url(../images/coxinfeng.jpg) no-repeat left 15px; }
.codianhua { background: url(../images/codianhua.jpg) no-repeat left 13px; }
.cofang { background: url(../images/cofang.jpg) no-repeat left 13px; }
.xing { background: url(../images/xing.jpg) no-repeat left center; }
@media screen and (min-width:1000px) and (max-width:1219px) {
.colie ul { margin-left: 41px; text-align: center; }
}
@media screen and (max-width:999px) {
.colie ul { width: 32.3333%; margin-left: 0.5% !important; margin-right: 0.5%; margin-bottom: 30px; text-align: center; }
.colie ul li { font-size: 14px; font-size: 1.4rem; }
.foxin { width: auto; }
.foxin .int1, .foxin textarea { width: 90%; }
}
@media screen and (max-width:639px) {
.foxin .int1, .foxin textarea { width: 85%; }
.foxin .int2 { width: 89%; margin-right: auto; }
.comain { padding-bottom: 30px; }
.cobiao { font-size: 26px; font-size: 2.6rem; }
.colie ul { width: 49%; }
.codingwei { width: 100% !important; }
.foxin .int3 { margin-top: 20px; }
}
@media screen and (max-width:439px) {
.colie ul { width: 99%; }
.foxin .int1, .foxin textarea { width: 80%; }
.foxin .int2 { width: 85%; }
}
.at-resp-share-element .at-icon { width: 24px!important; height: 24px!important; }
.at-style-responsive .at-share-btn { padding: 0!important; border-radius: 2px!important; }
.at-resp-share-element .at-share-btn .at-icon-wrapper { width: 24px!important; height: 24px!important; }
.at-resp-share-element .at-share-btn { margin-bottom: 0!important; margin-right: 3px!important; }
#returnTop { _display: none; position: fixed; _position: absolute; z-index: 999999999999999999999; right: 30px; bottom: 109px; _bottom: auto; width: 53px; height: 45px; text-indent: -999px; overflow: hidden; background: url(../images/top.png) no-repeat; _backgroundurl:(../images/top.png) no-repeat;
transition: bottom 0.9s; -webkit-transition: bottom 0.9s; -moz-transition: bottom 0.9s; -o-transition: bottom 0.9s; }
.qclie.maln.q1 { background: url(../images/fqcbei.jpg) center; width: 100%; }
.bg { background: url(../images/1.png) no-repeat center top; margin-top: 10px; }
.q1 ul li { list-style: none; float: left; width: 33.3333%; color: #fff; size: 14px; }
.index_focus2 { height: 527px; }
.index_focusn2 { height: 527px; }


.tit{ background:url("Img/Index/kftit.jpg") no-repeat center 5px;text-align: center;font-size: 28px;font-weight: normal; padding-bottom:26px}
.tit a{color: #333; text-decoration:none;}
 .tit i{display: block;font-size: 14px;color: #b6b6b6;line-height:14px;}

.pro_t{ overflow:hidden;border-bottom:1px dashed #f8f8f8;}
.pro_t dl{ float:left; margin-right:40px; width:306px; overflow:hidden;}
.pro_t dt{ margin-bottom:9px; width:306px; height:47px; overflow:hidden; font:16px/32px "SimHei"; text-align:center;}
.pro_t dt a{ color:#333; display:inline-block; height:47px; width:306px; overflow:hidden;}
.pro_t dt i{ display:block; height:32px; width:304px; overflow:hidden; border:1px solid #ccc; background:#fff;}
.pro_t dt em{ margin:13px auto 0; display:block; width:17px; height:6px; overflow:hidden; background:none; }
.pro_t dt a:hover,.pro_t .cur a{zoom:1; text-decoration:none;}
.pro_t dt a:hover  i,.pro_t dt .cur i{ color:#fff; border:1px solid #e74e05 ;transition:all 0.5s; background:#e74e05;}
.pro_t dt a:hover em,.pro_t .cur a em{ background:none;}

/*在线留言开始*/
#messagelist .ctitle {padding: 10px 0px 10px 40px; background: url(../images/dt-7.gif) no-repeat 20px center; *background-position:left 17px;
font-size: 16px; border-bottom: 1px dotted #ccc; color: #333; width:671px; margin:0 auto }
#messagelist table { margin: 0px auto; }
#messagetable { padding: 15px; }
#messagetable table { margin: 0px auto; }
/**表格**/
td.text1 { width: 20%; padding: 6px 5px 6px 0px; text-align: right; font-size: 14px; font-weight: bold; }
td.input { padding: 6px 8px; }
td.input input { margin-right: 8px; }
td.input .info { padding-left: 15px; color: #f00; }
td.input img { position: relative; bottom: 1px; }
td.submint { padding: 10px; }
input.input-text, input.input-file, input.code, textarea { padding: 4px; font-size: 15px; outline: none; text-shadow: 0px 1px 0px #fff; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; border: 1px solid #ccc; -webkit-transition: .3s ease-in-out; -moz-transition: .3s ease-in-out; -o-transition: .3s ease-in-out; background: #fff url(../images/dt-10.gif) repeat-x left top; font-family: "微软雅黑", , "宋体" }
/**表单样式**/
.button { display: inline-block; zoom: 1; *display: inline;
vertical-align: baseline; margin: 0 2px; outline: none; cursor: pointer; text-align: center; text-decoration: none; font: 14px/100% "微软雅黑", , "宋体"; padding: .5em 2em .55em; text-shadow: 0 1px 1px rgba(0,0,0,.3); -webkit-border-radius: .5em; -moz-border-radius: .5em; border-radius: .5em; -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2); -moz-box-shadow: 0 1px 2px rgba(0,0,0,.2); box-shadow: 0 1px 2px rgba(0,0,0,.2); }
.button:hover { text-decoration: none; color: #fff; }
.button:active { position: relative; top: 1px; }
.orange { color: #fef4e9; border: 0; background: #f78d1d; background: -webkit-gradient(linear, left top, left bottom, from(#faa51a), to(#f47a20)); background: -moz-linear-gradient(top, #faa51a, #f47a20); filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#faa51a', endColorstr='#f47a20');
}
.orange:hover { background: #f47c20; background: -webkit-gradient(linear, left top, left bottom, from(#f88e11), to(#f06015)); background: -moz-linear-gradient(top, #f88e11, #f06015); filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f88e11', endColorstr='#f06015');
}
.orange:active { color: #fcd3a5; background: -webkit-gradient(linear, left top, left bottom, from(#f47a20), to(#faa51a)); background: -moz-linear-gradient(top, #f47a20, #faa51a); filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f47a20', endColorstr='#faa51a');
}
input.input-text, input.input-file, input.code, textarea { padding: 4px; font-size: 15px; outline: none; text-shadow: 0px 1px 0px #fff; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; border: 1px solid #ccc; -webkit-transition: .3s ease-in-out; -moz-transition: .3s ease-in-out; -o-transition: .3s ease-in-out; background: #fff url(../images/dt-10.gif) repeat-x left top; }
input.input-text:focus, input.input-file:focus, input.code:focus, textarea:focus { border: 1px solid #fafafa; -webkit-box-shadow: 0px 0px 6px #007eff; -moz-box-shadow: 0px 0px 5px #007eff; box-shadow: 0px 0px 5px #007eff; }
/*在线留言结束*/

.leib2,.leib{ width:245px; margin-bottom:20px;}

.leib2 h2 { height: 56px; width: 199px; background:#084c93 no-repeat center top; overflow: hidden; padding-left: 46px; font: 14px Arial; color: #a3b8db; line-height: 14px; padding-top: 25px; }
.leib2 h2 span { display: block; font: 16px ; line-height: 18px; color: #fff; }
.leib2 h2 a { color: #fff; text-decoration: none; }
.leib2 h2 em { float: left; font-size: 36px; display: block; height: 38px; line-height: 36px; }
.leib2 .nr{ border:1px solid #dedede; padding:10px 5px 10px;}
.leib2 .nr h3{background:#ebeceb; height:37px; line-height:37px; font-weight:bold; text-indent:0px; font-family:"Microsoft Yahei";text-align:center; margin-bottom:10px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.leib2 .nr h3 a{font-family:"Microsoft YaHei";color:#333; font-size:12px; font-weight:normal; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.leib2 .nr h3 a:hover,.leib2 .nr h3.cur a{text-decoration: none;color:#084c93}
.leib2 .nr ul { padding-bottom:5px;}
.leib2 .nr ul li { border-bottom:1px dashed #dedede; height:36px; line-height:36px;margin-bottom:1px;padding-left:27px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.leib2 .nr ul li a { color:#494949; background:url(../images/left.png) no-repeat 19px 8px; display:inline-block; padding-left:55px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.leib2 .nr ul li:last-child{ border-bottom:0;}
.leib2 .nr li.cur a,.leib2 .nr li a:hover{color:#084c93;text-decoration: none;}
.left { width:260px; float:left; overflow:hidden;}

.leftlx{width:223px;text-align: center;font-family: "Microsoft YaHei";font-size: 14px;padding: 10px; border:1px solid #ececec; border-bottom: 2px solid #084c93; margin-bottom:10px;}
.leftlx h5 {font-size: 16px;padding: 15px 0px;}
.leftlx .phone img {width: 40px;height: 40px;padding-bottom: 10px;}
.leftlx span {display: block;}
.leftlx .phone p {font-weight: bold;font-size: 18px; padding-bottom: 10px; border-bottom: 1px solid #084c93;  color:#333;}
.leftlx p {padding-top: 10px;line-height: 25px;}


.b-sm { width: 930px; }
.leftnav-z1-desc { background: #fff; max-height: 180px; margin-bottom: 14px; }
.leftnav-z1-desc dt { height: 30px; padding: 20px 0; }
.leftnav-z1-desc dt b { display: inline-block; font-weight: normal; border-left: 13px solid #e3e3e3; border-right: 7px solid #e3e3e3; padding: 0 12px 0 13px; font-size: 28px; color: #7c7c7c; }
.leftnav-z1-desc dt b span { font-size: 18px; color: #bfbfbf; text-transform: uppercase; padding-left: 10px; }
.leftnav-z1-desc dd { padding: 0 27px 0 27px; }
.leftnav-z1-desc dd h4 { font-size: 24px; font-weight: normal; color: #797979; max-height: 44px; line-height: 44px; overflow: hidden; }
.leftnav-z1-desc dd div { font-size: 14px; line-height: 24px; color: #666; max-height: 48px; overflow: hidden; }
.leftnav-z1-tit { height:40px; font-size: 20px; font-weight: normal; line-height: 20px; border-bottom: 1px solid #ebebeb; margin-bottom: 15px; }
.leftnav-z1-tit span { display: inline-block; height: 37px; border-bottom: 1px solid #e6e6e6; }
.leftnav-z1-list dl { width: 222px; border: 1px solid #dedede; margin-bottom: 15px; background: #fff; float: left; margin-right: 10px; }
.leftnav-z1-list dl:nth-of-type(4) {margin-right: 0;}
.leftnav-z1-list dl:nth-of-type(8) {margin-right: 0;}
.leftnav-z1-list dt img { width: 222px; height: 211px; display: block; border-bottom: 1px #dedede solid; }
.leftnav-z1-list dd { text-align:center;}
.leftnav-z1-list dd h4 { height:33px; font-weight: normal; font-size: 14px; color: #154c64; line-height: 33px; }
.leftnav-z1-list h4 a { display: block; color: #727272; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.leftnav-z1-list dl:hover h4 a { color: #f96e11; }
.leftnav-z1-list-desc { max-height: 40px; font-size: 14px; line-height: 20px; color: #666; margin-bottom: 12px; overflow: hidden; }
.leftnav-z1-list-deta { width: 100px; height: 40px; display: inline-block; border: 1px solid #aaa; font-size: 16px; line-height: 40px; text-align: center; }
.leftnav-z1-list dl:hover { border-color: #f96e11; }
.leftnav-z1-list dl:hover .leftnav-z1-list-desc a { color: #f96e11; }
.p12-pagination-1 { margin-bottom: 70px; }
.p12-pagination-1-main { margin: 0 auto; float:right; padding: 20px 0; height: 30px; }
.p12-pagination-1 a, .p12-pagination-1 span { display: block !important; padding:0 8px !important; height: 26px !important; line-height: 26px !important; border: 1px solid #e5e5e5; float: left !important; text-align: center !important; margin: 0 2px !important; background: #fff !important; }
.p12-pagination-1 span { border: 1px solid #e5e5e5 !important; color:#f96e11 !important }
.p12-pagination-1 .laypage_first, .p12-pagination-1 .laypage_last { display: none; }
.contact-z1 { height: 140px; background: url("images/contact-z1.jpg") no-repeat; color: #333; margin-bottom: 30px; }
.contact-z1 p { font-size: 20px; height: 30px; line-height: 30px; padding: 37px 0 0 95px; background: url(../images/contact-z1_tel.png) no-repeat 74px 44px; }
.contact-z1 span { display: block; height: 30px; font-weight: bold; font-size: 18px; line-height: 30px; padding-left: 73px; }
.p6-order-form-1 { margin-bottom: 20px; overflow: hidden; }
.p6-order-form-1-add { border: 1px solid #eee; overflow: hidden; }
.p6-order-form-1-add h3 { height: 68px; line-height: 68px; font-size: 24px; color: #fff; }
.p6-order-form-1-add ul { padding: 20px; }
.p6-order-form-1-add li { font-size: 14px; line-height: 34px; color: #666; text-transform: capitalize; }
.p6-order-form-1-add li.li01 { font-size: 20px; line-height: 42px; color: #c30101; }

	
.inner-recruit-left .table { border: 1px solid #d0d0d0; padding-top: 6px; color: #363636; font-size: 14px; border-bottom: none; }
.inner-recruit-left .table tr.table-bg { background: #f2f2f2; }
.inner-recruit-left .table td.table-bg-top { background: url(../images/table-bg-top.jpg) repeat-x; color: #0055a6; }

.inner-recruit-left .table td { height: 55px; width: 150px; line-height: 55px; text-align: center; border-right: 1px solid #d0d0d0;border-bottom: 1px solid #d0d0d0; }
.inner-recruit-left .table td.bor-r-none { border-right: none; }

.inner-recruit-left .table1 { border: 1px solid #d0d0d0; padding-top: 6px; color: #363636; font-size: 14px; border-bottom: none; }
.inner-recruit-left .table1 tr.table-bg { background: #f2f2f2; }

.inner-recruit-left .table1 td { height: 55px;  line-height: 55px; text-align: center; border-right: 1px solid #d0d0d0;border-bottom: 1px solid #d0d0d0; }
.inner-recruit-left .table1 td.bor-r-none { border-right: none; }

.inner-recruit-left span a { width: 120px; height: 30px; line-height: 30px; text-align: center; font-size: 14px; color: #fff; display: block; background: url(../images/recruit-more-bg.jpg) no-repeat; position: absolute; left: 470px; }
.inner-recruit-left span a:hover { text-decoration: underline; }
.table-bg1 { height: 55px; color: #0055a6; background: url(../images/table-bg-top.jpg) repeat-x; margin-left: 6px; border-left: 1px solid #e5e5e5; }
.table-bg2 {  height: 55px; color: #0055a6; background: url(../images/table-bg-top.jpg) repeat-x; margin-right: 6px; border-right: 1px solid #e5e5e5; }

.p12-aboutinfo-1 { display: inline-block; width: 100%; background: #fff;  }
.p12-aboutinfo-1-tit { height: 114px; line-height: 114px; font-size: 30px; text-align: center; color: #4b4a4a; }
.p12-aboutinfo-1-tit span { font-size: 22px; color: #aaa; }
.p12-aboutinfo-1-nr { padding: 0 20px 20px; }

.tpl-lxfs1-wrap { padding: 0 10px; height: 315px; margin: 0 auto }
.tpl-lxfs1-wrap .tpl-lxfs1-bdl { min-width: 320px; font-family: "微软雅黑"; color: #333; margin: 10px 0px 20px 0 }
.tpl-lxfs1-wrap .tpl-lxfs1-bdl > span { font-size: 18px; font-weight: bold; display: block; margin-bottom: 20px }
.tpl-lxfs1-wrap .tpl-lxfs1-bdl > p { line-height: 45px; padding: 0 0 14px 50px; margin-top: 14px; border-bottom: 1px solid #ddd; overflow: hidden; white-space: normal }
.tpl-lxfs1-wrap .tpl-lxfs1-bdr { float: left; min-width: 320px; float: left; padding-top: 10px; width: 100%; }
.tpl-lxfs1-wrap .tpl-lxfs1-bdr img { width: 100%; max-width: 100%; height: auto; margin-bottom: 15px; display: block; }
 @media (min-width: 768px) {
.tpl-lxfs1-wrap .tpl-lxfs1-bdr { float: left; min-width: 300px; width: 49.39%; float: left; padding-top: 10px }
.tpl-lxfs1-wrap .tpl-lxfs1-bdl { float: left; min-width: 300px; width: 38.58%; font-family: "微软雅黑"; color: #333; margin: 10px 20px 20px 0 }
.tpl-lxfs1-wrap .tpl-lxfs1-bdl > p { height: 45px; line-height: 45px; padding: 0 0 14px 50px; margin: 0; margin-top: 14px; border-bottom: 1px solid #ddd; overflow: hidden; white-space: normal;font-size: 14px;}

}

.endit-content { line-height: 28px; }
.endit-content p { margin: 5px 0 ; font-size:14px }
.endit-content em, .endit-content i { font-style: normal;  }
.endit-content .img-p { text-indent: 0px; padding-top: 14px; margin: 0px; text-align: center; }
.endit-content .img-container { }
.endit-content .img-block { text-indent: 0px; padding-top: 14px; margin: 0px; text-align: center; }

.apage { text-align:center; height:30px; line-height:30px; margin:15px 0 10px 0; }
.apage a { display:inline-block; text-align:center; margin:0 2px; color:#666; font-size:14px; width:auto; height:28px; border:1px solid #ccc; padding:0 12px }
.apage .num_btns { float:right; font-family:Tahoma; }
.apage span{display:inline-block !important; text-align:center !important; margin:0 2px !important; color:white !important; font-size:14px !important; width:auto; height:28px !important; border:1px solid #084c93 !important; padding:0 12px !important; background-color:#084c93}
.apage a:hover, .apage .cur { border:1px solid #ccc !important; background-color:#084c93; color:#fff; text-decoration:none; }
.apage .cust_txt { display:none; float:left; }
.apage .oran_pg_fp { padding:0 5px; }
.apage .oran_pg_pp { width:65px; height:28px; line-height:28px; text-align:center; font-size:16px; }
.apage .oran_pg_np { width:65px; height:28px; line-height:28px; text-align:center; font-size:16px; }
.apage .oran_pg_lp { padding:0 5px; }
.apage select { font-size:8px; margin-top:5px; }
.apage .oran_pg_txt { height:15px; border:solid 1px #ccc; width:20px; margin-left:5px; }
.apage .oran_pg_btn { height:15px; border:solid 1px #ccc; margin-left:5px; font-size:9px; background:#084c93; color:#fff; }
.p15-showcase { position: relative; padding: 12px 18px 16px 20px; margin-bottom: 15px; background: #fff; border: 1px solid #eee; }
.p15-showcase-right-con { line-height: 24px; font-size: 14px; height: 235px; overflow: hidden; }
.p15-showcase-right-con .p44 { height: 144px; overflow: hidden; }
.p15-showcase-left { position: relative; width: 500px; height: 298px; float: left; line-height: 0; overflow: hidden; border: 1px solid #e7e7e7; margin-right: 30px; }
.p15-showcase-left-jt { width: 12px; height: 23px; position: absolute; top: 50%; margin-top: -11px; cursor: pointer; z-index: 33; }
.p15-showcase-left-prev { left: 10px; }
.p15-showcase-left-next { right: 10px; }
.p15-showcase-left-size { position: absolute; right: 0; bottom: 0; width: 36px; height: 24px; font-size: 14px; line-height: 16px; }
.p15-showcase-left-size em { font-style: normal; }
.p15-showcase-left-pic { width: 100%; text-align: center; }
.p15-showcase-left-pic li { float: left; width: 500px; }
.p15-showcase-left-pic img { width: 500px; display: block; }
.p15-showcase-right { width: 356px; float: left; }
.p15-showcase-right-tit { height: 40px; font-size: 24px; line-height: 40px; color: #454545; margin-bottom: 16px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.p14-prodcontent-1 { margin-bottom: 22px; }
.p14-prodcontent-1-tit { height: 40px; font-size: 24px; line-height: 40px; border-bottom: 2px solid #d4d4d4; margin-bottom: 20px; }
.p14-prodcontent-1-tit span { display: inline-block; height: 40px; color: #464646; border-bottom: 2px solid #e6e6e6; padding-left: 34px; background: url(images/p14-icon11.png) no-repeat 2px center; }
.p14-prodcontent-1-tit em { font-size: 18px; font-family: Arial; text-transform: uppercase; font-style: normal; color: #c2c2c1; }
.p14-prodcontent-1-desc { }
.p14-product-2 { margin-bottom: 70px; }
.p14-product-2-tit { height: 46px; line-height: 46px; border-bottom: 1px solid #dfdfdf; border-bottom-width: 2px; margin-bottom: 30px; padding-top: 26px; }
.p14-product-2-tit b { display: inline-block; font-size: 24px; font-weight: normal; color: #464646; padding-left: 52px; border-bottom: 2px solid #e6e6e6; background: url(images/p14-icon11.png) no-repeat 22px center; }
.p14-product-2-tit span { margin-left: 10px; font-size: 18px; font-family: Arial; color: #c2c2c1; text-transform: uppercase; }
.p14-product-2-list dl { float: left; width: 220px; border: 1px solid #dfdfdf; margin-right: 14px; }
.p14-product-2-list dl.p14-product-clear { margin-right: 0; }
.p14-product-2-list dl img { display: block; width: 220px; height: 166px; border-bottom: 1px #dfdfdf solid; }
.p14-product-2-list dd { padding: 10px 28px 10px 10px; margin-right: 2px; position: relative; }
.p14-product-2-list h3 { height: 30px; font-size: 16px; font-weight: normal; line-height: 30px; color: #191919; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.p14-product-2-list h3 a { color: #191919; }
.p14-product-2-desc { font-size: 14px; line-height: 24px; color: #666; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.p14-product-2-list dl:hover { border-color: #084c93; }
.p14-product-2-list dl:hover h3 a { color: #084c93; }