body{ max-width:720px; max-height:1024px; margin:0 auto; background:#fff; }

.menu{ background:#fff; width:100%; height:65px; background-image:url(bg.jpg);}
.menu01 h2{ float:left; font-weight:normal;}
.menu01 h2 a{ display:inline-block; height:65px; line-height:65px; color:#fff;}
.menu01 h2 img{ width:180px; vertical-align: middle; margin: 0 10px 0 10px;}
.menu01 h2 a em{ font-size:35px;}
.menu01 i{ float:right; margin-right:0px; background-image:url(../wap/menu.png); background-size:40% 20%; background-position:center center; background-repeat:no-repeat; width:65px; height:65px; cursor:pointer; display:inline-block;}

.menu02{position: absolute; background:#000; z-index:1000; left:0; opacity:0.7; width:100%; height:100%; text-align:center; display:none;}
.menu02 .mclose{ width:100%; height:65px; text-align:right;}
.menu02 .mclose i{ margin-right:0px; background-image:url(../wap/menu_close.png); background-size:30% 30%; background-position:center center; background-repeat:no-repeat; width:65px; height:65px; cursor:pointer; display:inline-block;}
.menu02 ul{ margin-top:25px; list-style-type:none;}
.menu02 ul a{color:#fff; width:192px; height:50px; line-height:50px; display:inline-block; text-align:center;}
.menu02 ul a em{ font-size:22px;}
.menu02 ul em{ font-size:22px; color:#fff;width:192px; height:50px; line-height:50px; display:inline-block; text-align:center;}
.menu02 ul h3{ color:#fff; font-size:22px; background:url(img12.png) no-repeat right center; background-size:19px 12px; width:192px; height:50px; line-height:50px; display:inline-block; text-align:center; cursor:pointer;}
.menu02 ul li.cur h3{ background:url(img13.png) no-repeat right center; background-size:19px 12px;}
.navUp{ width:100%; display:none;}
.navUp p{ height:42px; color:#fff; background:#000; border-bottom:1px solid #333; line-height:42px;}
.navUp p a{ font-size:20px; font-weight:bold; color:#eee; width:192px; height:50px; display:inline-block; text-align:center;}
.navUp p a:hover{color:#fff;}
.navUp p a.cur{color:#fff;}

/*banner*/
.banner{ width:100%; position:relative; clear:both; margin:auto; overflow:hidden; z-index:100;}
.banner img{ display:block; width:100%;}

.top-banner {position: relative;overflow: hidden; height:120px; margin-bottom:20px; text-align: center;background:#ccc;z-index: 1;}
.top-banner::before {position: absolute;content: '';top: 0;right: 0;bottom: 0;left: 0;pointer-events: none;background: rgba(19, 25, 53, 0.6);}
.topbanner {width:100%; margin:auto; position:relative; clear:both; padding-top:40px;}
.topbanner:before,.container:after {content:" ";display:table;}
.topbanner:after {clear:both;}
.banner-title { font-size:5vw; color:#fff; font-weight:bold; letter-spacing:6px; padding-top:5px;}
.banner-title1 {font-size:3vw; font-weight:bold; margin-right:5px; line-height:15px;text-transform: uppercase;font-family: Verdana, Arial, Helvetica, sans-serif;}
.banner-title1 > * {padding-left:10px; padding-right: 10px;}
.banner-title1 a {display: inline;vertical-align: middle;}
.banner-title1 a, .banner-title1 a:active, .banner-title1 a:focus {color: rgba(0, 152, 209, 0.75); }
.banner-title1 li {position: relative;display: inline-block;vertical-align: middle;}
.banner-title1 li::after {content: "/"; font-size:2vw; display: inline-block;position: absolute;top: 50%;right: -2px;color: rgba(255, 255, 255, 0.50);-webkit-transform: translate3d(0, -50%, 0);transform: translate3d(0, -50%, 0);}
.banner-title1 li:last-child:after {display: none;}
.banner-title1 a:hover {color: #fff;transition:all .25s ease;}
.banner-title1 li.active {color:#fff; color: rgba(255, 255, 255, 0.50); }
.box-position {position: absolute;left: 0;top: 0;width: calc(100% + 150px);height: calc(100% + 150px);will-change: transform;-webkit-animation: bgPos 100s linear infinite;animation: bgPos 100s linear infinite;-webkit-transform: translate3d(-75px, -75px, 0) rotate(0.001deg);transform: translate3d(-75px, -75px, 0) rotate(0.001deg);background-position: 50% 50%;background-size: cover;z-index: -1;}
@-webkit-keyframes bgPos{ 25% { -webkit-transform: translate3d(-150px, -150px, 0) rotate(0.001deg);transform: translate3d(-150px, -150px, 0) rotate(0.001deg);}75% {-webkit-transform: translate3d(0, 0, 0) rotate(0.001deg);transform: translate3d(0, 0, 0) rotate(0.001deg);}}

.index_top{ width:100%; overflow:hidden; clear:both; padding-top:18px; position:relative; height:40px; background:#fff; }
.index_top p{ width:100%; height:1px; background:#D1D1D1; margin-top:20px; overflow:hidden; position:relative; z-index:1}
.index_top span{ font-size:16px; line-height:16px; text-align:center; color:#333; position:relative; z-index:100; bottom:16px; background:#fff; width:40%; margin:auto; display:block;}
.index_top span em{ font-size:12px; color:#9d9d9d}

.index_top1{ width:100%; overflow:hidden; clear:both; padding-top:18px; position:relative; height:40px;background:#f7f7f7; }
.index_top1 p{ width:100%; height:1px; background:#D1D1D1; margin-top:20px; overflow:hidden; position:relative; z-index:1}
.index_top1 span{ font-size:16px; line-height:16px; text-align:center; color:#333; position:relative; z-index:100; bottom:16px; background:#f7f7f7; width:25%; margin:auto; display:block;}
.index_top1 span em{ font-size:12px; color:#9d9d9d}

.index_top2{ width:100%; overflow:hidden; clear:both; padding-bottom:10px; position:relative; height:40px; background:#fff; }
.index_top2 p{ width:100%; height:1px; background:#D1D1D1; margin-top:20px; overflow:hidden; position:relative; z-index:1}
.index_top2 span{ font-size:16px; line-height:18px; text-align:center; color:#9d9d9d; position:relative; z-index:100; bottom:16px; background:#fff; width:45%; margin:auto; display:block;}
.index_top2 span em{ font-size:12px; color:#9d9d9d}

.index_top3{ width:100%; overflow:hidden; clear:both; padding-bottom:10px; position:relative; height:40px;background:#fff; }
.index_top3 p{ width:100%; height:1px; background:#D1D1D1; margin-top:20px; overflow:hidden; position:relative; z-index:1}
.index_top3 span{ font-size:16px; line-height:16px; text-align:center; color:#333; position:relative; z-index:100; bottom:16px; background:#fff; width:25%; margin:auto; display:block;}
.index_top3 span em{ font-size:12px; color:#9d9d9d}

.index_about{ width:100%; background:url(../wap/bg01.jpg) center bottom no-repeat; background-size:100%; clear:both; overflow:hidden; margin-top:10px; padding-bottom:20px;}
.index_about img{ padding-bottom:15px;}
.index_about p{ text-align:left; font-size:14px; letter-spacing:1px; line-height:25px; padding:0px 10px; text-align:justify; text-justify:inter-ideograph; }
.index_about p em{ color:#2c475a; font-size:14px;}
.index_about ol{ padding-top:15px; padding-bottom:15px;}
.index_about ol a{ color:#fff; font-size:14px; width:80px; height:30px; background:#f39b00; border-radius:10px; text-align:center; color:#fff; line-height:30px; display:block; margin:auto}

.CompanyProfile{padding:10px 8px 25px 8px; text-align:left; line-height:16px; font-size:14px; letter-spacing:1px; text-align:justify; text-justify:inter-ideograph; clear:both; overflow:hidden; }
.CompanyProfile p{ text-align:left; font-size:14px; line-height:16px; text-align:justify; text-justify:inter-ideograph; padding-bottom:15px; }
.CompanyProfile p em{ color:#2c475a; font-size:14px;}
.CompanyProfile img { display:block; padding-bottom:5px;}
.CompanyProfile h3{ color:#2c475a; font-size:18px; padding-bottom:10px;}

.Contentstitle{ text-align:center; padding:5px 8px 10px 8px; color:#444; font-size:17px; line-height:25px;}
.Contentstitle p{ text-align:center; color:#444; font-size:14px;}
.Contents{ padding:10px 8px 0 8px; text-align:left; font-size:13px; line-height:18px; text-align:justify; text-justify:inter-ideograph;}
.Contents p{ text-align:left; font-size:13px; line-height:18px; padding-bottom:10px; text-align:justify; text-justify:inter-ideograph;}
.Contents img{ margin-bottom:10px; width:98%; display:block;}
.Contents table{ display: block; }
.Contents td{word-wrap:break-word;word-break:break-all;}

.centerlist{ width:100%; margin:auto; position:relative; clear:both; padding:0 3px 10px 3px;}
.centerlist ul{ padding-top:20px; margin-left:0px; display:table;}
.centerlist ul li{ width:47%; color:#333; overflow:hidden; text-align:center; padding-bottom:20px; margin-left:5px; margin-right:5px; position:relative; display:inline-block;vertical-align: top;}
.centerlist ul li img{ width:100%; display:block; margin-bottom:10px;}
.centerlist ul li a{ color:#333; font-size:13px; display:block;}
.centerlist ul li .caption1{float:left; color:#333; font-size:13px; display:block;}
.centerlist ul li .caption2{float:right; color:#888; font-size:11px; display:block;}
.centerlist ol{ padding-bottom:15px;}
.centerlist ol a{ color:#fff; font-size:14px; width:80px; height:30px; background:#0098d1; border-radius:10px; text-align:center; color:#fff; line-height:30px; display:block; margin:auto}

.center_list{ width:100%; margin:auto; position:relative; clear:both; background:#e8e8e8; padding:0 3px 10px 3px;}
.center_list ul{ padding-top:20px; margin-left:0px; display:table;}
.center_list ul li{ width:96%; color:#333333; overflow:hidden; text-align:center; padding-bottom:20px; margin-left:5px; margin-right:5px; position:relative; display:inline-block;vertical-align: top;}
.center_list ul li img{ width:100%; display:block; margin-bottom:10px;}
.center_list ul li a{ color:#333333; font-size:13px;}
.center_list ul li p{ display:table;}
.center_list ol{ padding-bottom:15px;}
.center_list ol a{ color:#fff; font-size:14px; width:80px; height:30px; background:#0098d1; border-radius:10px; text-align:center; color:#fff; line-height:30px; display:block; margin:auto}

.newlist{ width:100%; margin:auto; position:relative; clear:both; padding:0 3px 10px 3px;}
.newlist ul{ display:table;}
.newlist ul li{ border-bottom:1px solid #dbdbdb; padding-bottom:5px; margin-bottom:15px;}
.newlist ul li a{font-size:12px; color:#4c4c4c;}
.newlist ul li h3{ color:#2c475a; font-size:14px; padding-bottom:5px;}
.newlist ul li p{ word-break: break-all; display:-webkit-box; -webkit-line-clamp:5; -webkit-box-orient:vertical; overflow: hidden;}

.newlist dl{ border-bottom:1px solid #dbdbdb; padding-bottom:0px; margin-bottom:20px;}
.newlist dl dt{ float:left; width:90px; height:100px; margin-right:11px;}
.newlist dl dt p{ color:#1868b0; font-size:22px; height:32px; text-align:center; line-height:37px;}
.newlist dl dt span{ display:block; text-align:center; margin-top:3px; height:15px; background:#1868b0; line-height:15px; color:#fff; font-size:12px;}
.newlist dl dd{font-size:12px; color:#4c4c4c;}
.newlist dl dd h3{ color:#1a1a1a; font-size:14px;}
.newlist dl dd p{ line-height:17px; word-break: break-all; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; overflow: hidden;}
.newlist dl:last-child{ border-bottom:none; margin-bottom:0;}

.newsContentstitle{ text-align:center; padding-bottom:10px; color:#2c475a; font-size:18px; line-height:25px;}
.newsContentstitle p{ text-align:center; color:#777; font-size:14px; padding-top:10px;}
.newsContents{ line-height:20px;}
.newsContents p{ padding-bottom:5px;}
.newsContents img{ margin-bottom:35px;}
.newsContents table{ width:100%; margin-top:20px;}
.newsContents table td{ padding:10px; border:#beab98 solid 2px;}
.newstitle{ line-height:20px; font-size:14px; padding-top:10px; color:#2c475a;}
.newstitle a{ line-height:20px; font-size:14px; padding-top:10px; color:#2c475a;}

.index_lianx{ background:#212d5c; overflow:hidden; width:100%; padding:30px 0 40px 0}
.index_lianx dl{ width:94%; text-align:center; margin:auto}
.index_lianx dl dt{ width:100%; text-align:left; color:#fff;}
.index_lianx dl dt p{ text-align:left; font-size:18px; color:#dcdbdb}
.index_lianx dl dt i{ padding-top:10px; font-size:12px; display:block;}

#page{margin:0 auto; text-align:left; clear:both; position: relative; padding-top:10px;}
#pagenum{width:99%; height:35px; text-align:center; font-size:15px; color:#ccc;}
#pagenum a{ font-size:15px; color:#1d2957;}

.footer{ text-align:center; color:#eee; font-size:13px; height:30px; padding-top:10px; background-color:#012241;}
.phone{position:fixed; right:10px; bottom:15px; z-index:9999;}
.phone a{ background-size:100% 100%; background-image:url(../wap/phone.png); width:40px; height:40px; color:#3a8ac9; display:inline-block; }

.bottom{ height:55px;}
#bottomnav { position:fixed; width:100%; height:55px; left:0; bottom:0; display:inline-block; background-color:#fff; box-shadow:0 0 12px rgba(10,2,4,.1); z-index:999;}
#bottomnav ul{ background: #fff; overflow: hidden;}
#bottomnav li { width: 25%; float: left; text-align: center; padding: 3px 0;}
#bottomnav li a{ font-size: 12px; color: #444444; margin-top: 0px; text-decoration: none;}
#bottomnav li img{ width: 35px; height: 30px;}
#bottomnav li p{font-size: 12px; color: #444444; margin-top: 0px;}