@charset "utf-8";
/**{box-sizing: border-box;}*/
html,body{ font-size:14px; color:#424341; margin:0; padding:0; font-family: 'Microsoft Yahei', 'Helvetica Neue', Helvetica, 'Lucida Grande', Arial, 'Hiragino Sans GB', 'WenQuanYi Micro Hei', STHeiti, SimSun, sans-serif; position: relative; overflow-x: hidden}
ul,li{ list-style: none; margin:0; padding:0;}
a{color:#333; text-decoration: none; }
a:hover{ text-decoration: none; color:#333;}
img{max-width: 100%; display: block}
div:focus { outline: none; border-color:#fff;  webkit-box-shadow:none;  box-shadow:none;}
.maxwidth{width:1600px; margin:0 auto;}
.hidden{ display: none}
.clearfix{ clear: both; }

@font-face {
    font-family: 'iconfont';
    src: url('../font/iconfont.eot');
    src: url('../font/iconfont.eot?#iefix') format('embedded-opentype'),
    url('../font/iconfont.woff2') format('woff2'),
    url('../font/iconfont.woff') format('woff'),
    url('../font/iconfont.ttf') format('truetype'),
    url('../font/iconfont.svg#uxiconfont') format('svg');
}
.iconfont {
    font-family: "iconfont" !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.header{ width:100%; height:145px; position: fixed;  top:0; z-index: 999; display: flex}
.header:before{ background: #000; opacity: 0.5; content:''; width:100%; height:145px; position: absolute; left:0; top:0;}
.header .maxwidth{position: relative; display: flex; z-index: 999}
.logo{ display: flex; justify-content: center; align-items: center; height:100%;}
.header .right{flex:auto;}
.header .navbox{ display: flex; height:100%;}
.nav{flex: 1;}
.nav ul{ display: flex; justify-content: flex-end; align-items: center;height: 100%;}
.nav ul li{ position: relative; float:left; font-size:18px;}
.nav ul li a{color:#fff; font-weight: bold;padding:0 15px; display: block}
.nav ul li .more_menu:after{ background: #000; opacity: 0.5; content:''; width:100%; height:100%; position: absolute; left:0; top:0;}
.nava{height:145px; line-height: 145px;}
.more_btn:after{content:"\e613"; color:#fff; font-size:14px;}
.nav ul li:hover .more_btn:after{ color:#bbbbbb;}
.more_menu{position: absolute; width:200%; left:-50%; display: none}
.nav ul li:hover .more_menu{display: block; border-top:1px solid #fff;}
.nav ul li:hover .more_menu:before{content:'\e614'; top:-16px; left: calc(50% - 9px); color:#fff; font-family: "iconfont" !important; position: absolute; z-index: 999}
.nav ul li .more_menu a{width:100%; font-size:16px; position: relative; z-index: 999; padding:0; text-align: center; height:40px; line-height: 40px; overflow: hidden; border-bottom:1px solid #999}
.nav ul li .more_menu a:first-child{padding-top:0px;}
.nav ul li .more_menu a:last-child{padding-bottom:0px; border-bottom:0;}
.nav ul li .more_menu a:hover{background: #fcb026}

.msg_btn{width:135px; height:45px; background: #ff0000; margin-left:20px; text-align: center; line-height: 45px; font-size:18px; margin-top:30px;}
.msg_btn a{color:#fff; display: block}

.language{color:#fff; height: 40px;line-height: 40px;font-size: 16px;text-align: right;width: 100%;}
.language span{cursor: pointer; display: inline-block; padding:0 10px;}
.language span.active{ background: #ff0000;}

@media screen and (max-width: 1600px) {
    .maxwidth{width:1280px;}
    .msg_btn {
        display: none;
    }
    .more_nav{ position:absolute; right:0;}
}
@media screen and (max-width: 1440px) {
    .maxwidth{width:1280px;}
    .msg_btn {
        display: none;
    }
    .header{height:105px;}
    .header:before{height:105px;}
    .more_nav{ position:absolute; right:0;}
    .nava{height:105px; line-height:105px;}
    .language{height:30px; line-height:30px;}
    .banner1 .image{width:40%; padding-right:100px!important;}
    .banner2 .text{padding-left:50px!important;}
    .banner3 h1,.banner3 h3{margin-top:10px; margin-bottom:10px;}
    
}

.banner{ position: relative}
.banner .info{ position: absolute; left:0; top:105px; display: flex; width:100%; height:calc(100% - 105px); justify-content: center; align-items: center}
.banner img{display: block}
.banner .image{padding-right:200px;}
.banner .text{color:#fff;}
.banner .text a{color:#fff;}
.banner .text1{ display: flex}
.banner .text1 p{margin:0;}
.banner .text1 .left{border-right:1px solid #fff; padding-right:30px; margin-right:30px;}
.banner .text1 .left p.us{font-size:24px;}
.banner .text1 .left p.en{font-size:50px;}
.banner2 .text1 .left p.us{font-size:24px; float:right}
.banner2 .text1 .left p.en{font-size:40px; float:left;}
.banner .text1 .right{display:flex; justify-content: center; flex-direction: column; font-size:30px;}
.banner .text2{font-size:72px; margin-top:50px;}
.banner .btn{width:165px; height:48px; border:1px solid #fff; text-align: center; line-height: 48px; font-size:20px; margin-top:120px;}
.banner .btn a{color:#fff; display: block}

.channel_title{text-align: center; padding-top:50px; padding-bottom:30px;}
.channel_title .title{font-size:50px; font-weight: bold; color:#333e46; position: relative; padding-bottom:20px;}
.channel_title .title:after{width:70px; height:5px; background: #71767b; content:''; position: absolute; left:calc(50% - 35px); top:70px;}
.channel_title .ftitle{font-size:18px; color:#71767a; width:1000px; text-align:center; margin:0 auto}

.product{}
.product .list_text{ text-align: center; font-size:20px;}
.product .list_text a{color:#333e46; padding:0 12px;}
.product .list_img{width:1200px; margin:30px auto; display: flex}
.product .list_img .left{position: relative;width:380px; height:720px; background: #fff3d3; display: flex; justify-content: center; align-items: center;
    -moz-box-shadow:0px 0px 10px #ccc; -webkit-box-shadow:0px 0px 10px #ccc; box-shadow:0px 0px 10px #ccc;
}
.product .list_img .left .image{ text-align: center}
.product .list_img .left .image img{width:80%; display:inline-block; transition: all 1s;}
.product .list_img .left .image:hover img{width:100%}
.product .list_img .right{ width:820px;}
.product .list_img .list_more{position: relative; width:380px; height:350px; float:left; margin-left:30px; margin-bottom:20px; display: flex; justify-content: center; align-items: center;
    -moz-box-shadow:0px 0px 10px #ccc; -webkit-box-shadow:0px 0px 10px #ccc; box-shadow:0px 0px 10px #ccc;
}
.product .list_img .list_more:hover{ background: #fff3d3}
.product .list_img .title{position:absolute; left:35px; top:35px; font-size:24px; color:#333e46}
.product .list_img .list_more .image{ text-align: center; padding-top:50px;}
.product .list_img .list_more img{width:60%; transition: all 1s; display:inline-block}
.product .list_img .list_more .image:hover img{width:80%}

.program .bg{position: relative; width:100%; overflow: hidden;-moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;}
.program .bg:before{position: absolute; content:''; background: #000; opacity: 0.3; width:100%; height:100%; z-index: 1; }
.program .bg img{width:100%; display: block}
.program .info{position: absolute; top:0; left:0; width:100%; height:100%; z-index: 3}
.program .info .box{position:relative; width:calc(25% - 1px); float:left; height:100%; border-right:1px solid #fff; display:flex; justify-content: center; align-items:center;}
.program .info .box .text{width:80%; color:#fff; position: relative; z-index: 3}
.program .info .box .text .image{position:relative; transition: all 0.5s; left:5vw}
.program .info .box .text .image img{max-width: 100%; width:auto;display: initial;}
.program .info .box .text p{position:relative; font-size:30px; font-weight: bold; transition: all 0.5s; left:5vw}
.program .info .box .text .more{margin-top:30px; height:0; overflow: hidden; transition: all 0.5s}
.program .info .box .text .more a{position: relative; padding:10px 15px; border:1px solid #fff; color:#fff; margin-right:15px; margin-bottom:15px; float:left; white-space:nowrap;}
.program .info .box .text .more a:after{content:''; width:0%; height:100%; background:#fcb026; position:absolute; left:0; bottom:0; z-index:1; transition:all 0.5s ease;}
.program .info .box .text .more a span{position:relative; z-index:2;}
.program .info .box .text .more a:hover{border-color:#fcb026;}
.program .info .box .text .more a:hover:after{width:100%;}
.program .info .box:hover::after{position: absolute; content:''; background: #000; opacity: 0.5; width:100%; height:100%; z-index: 2; }
.program .info .box:hover p{left:0; text-align: left; font-size:40px; color:#fcb026}
.program .info .box:hover .image{left:0;text-align: left}
.program .info .box:hover .text .more{ height: 200px; max-height: 100%}


.service{position: relative}
.service .box{ position: absolute; top:0; left:0;width: 100%;}
.service_box{ display: flex; width:1200px; margin: 0 auto; margin-top:40px;}
.service_box .left{width:353px;}
.service_box .right{width:677px; margin-left:170px;}
.service_box .left .list{width:100%;}
.service_box .left .list a{position:relative; display:block; line-height:74px; border-bottom:1px dashed #afafb1; margin-bottom:10px; font-size:18px; color:#000;}
.service_box .left .list a span{display:inline-block;}
.service_box .left .list a span.icon{width:8px; height:16px; background:url(../images/about_center03_jt2.png) no-repeat; position:absolute; right:15px; top:50%; margin-top:-8px; transition:all 0.3s ease;}
.service_box .left .list a:hover{font-weight:bold; color:#fcb026}
.service_box .left .list a:hover span.icon{background-position:-8px 0;}
.service_box .left .bottom{ display: flex; margin-top:30px;}
.service_box .left .bottom .info{ display: flex; width:100%;}
.service_box .left .bottom .info .info_left p{margin:0;}
.service_box .left .bottom .info .info_left p:first-child{font-size:18px;}
.service_box .left .bottom .info .info_left p:last-child{font-size:34px; font-weight: bold; color:#fcb026;font-family:Impact}
.service_box .left .bottom .info .info_right{background: #fcb026; font-size:24px; display: flex; align-items: center; justify-content: center; flex: auto; margin-left:20px;}
.service_box .left .bottom .info .info_right a{display: block; color:#222425;}

.imgZoom {overflow:hidden; -webkit-transform:rotate(0); transform:rotate(0); width:677px; height:425px;}
.imgZoom img{transition:all .8s ease 0s; height:100%;}
.imgZoom:hover img{-moz-transform:scale(1.1,1.1); -ms-transform:scale(1.1,1.1); -o-transform:scale(1.1,1.1); -webkit-transform:scale(1.1,1.1); transform:scale(1.1,1.1);}
.service_box .right .cover{position:absolute; left:0; bottom:20px; width:677px;}
.service_box .right .cover li{width:25%; float:left; text-align:center; color:#fff;}
.service_box .right .cover li .num{font-size:55px; font-family:Impact; line-height:1; margin-bottom:5px;}
.service_box .right .cover li .txt{font-size:16px; font-weight:lighter;}
.service_box .right .global_tel{font-size:20px; font-weight:lighter; color:#000; text-align:right; margin-top:25px; line-height:1}
.service_box .right .global_tel span{font-size:36px; font-family:Impact; color:#fcb026; vertical-align:-2px;}

.about .box{ display: flex; width:1200px; margin:0 auto; margin-top:50px;}
.about .box .left{width:565px; height:354px; position: relative}
.about .box .left .image{ display: flex}
.about .box .left .image:after{content:''; background: #fcb026; top:20px; left:20px; width:100%; height:100%; position: absolute}
.about .box .left .image img{position: relative; z-index: 2}
.about .box .right{padding-left:100px; width:535px; font-size:16px; position: relative; padding-bottom:50px;}
.about .box .right p{margin-top:0; line-height: 30px}
.about .msg_btn{margin-left:0; margin-top:0; bottom:0; position: absolute}

.news{margin-top:50px;}
.news .box{width:1200px; margin:0 auto;}
.news .box .top{display: flex; width:100%;}
.news .box .top .image{ text-align: center; position: relative; width:100%; height:340px;}
.news .box .top .image img{ position: absolute; left:50%; top:50%;transform:translate(-50%,-50%);}
.news .box .top .top1{width:760px; height:340px; overflow: hidden; position: relative}
.news .box .top .top1 img{ min-height: 340px; height:auto; min-width:100%; max-width: inherit}
.news .box .top .top2{width:410px; margin-left:30px; height:340px; overflow: hidden; position: relative}
.news .box .top .top2 img{ min-height: 340px; height:auto; min-width:100%; max-width: inherit}
.news .box .top .title{position: absolute; height:65px; line-height: 65px; text-align: left; padding-left:30px; bottom:0; left:0; width:100%;}
.news .box .top .title span{position: relative; z-index: 3; color:#fff; font-size:18px;}
.news .box .top .title:after{content:''; background: #000; opacity: 0.8; position: absolute; width:100%; height:100%; left:0; bottom:0; z-index: 2}
.news .box .bottom{margin-top:50px; position: relative}
.news .box .bottom .swiper-container{width:1090px; margin:0 auto; padding:20px 10px}
.news .box .bottom ul{width:1090px; margin:0 auto; display: flex}
.news .box .bottom ul li{width:310px; float:left; padding:15px; margin-right:30px; box-sizing: border-box;
    -moz-box-shadow:0px 0px 10px #ccc; -webkit-box-shadow:0px 0px 10px #ccc; box-shadow:0px 0px 10px #ccc;
}
.news .box .bottom ul li:last-child{margin-right:0;}
.news .box .bottom ul li .channelname{display: inline-block;padding: 0 10px; height:42px; background: #fcb027; text-align: center; line-height: 42px; font-size:16px; color:#fff; }
.news .box .bottom ul li .channelname a{color:#fff;}
.news .box .bottom ul li .title{font-size:16px; margin:15px 0; min-height:42px; height:42px; overflow:hidden;}
.news .box .bottom ul li .title a{ color:#292929}
.news .box .bottom ul li .content{font-size:14px; color:#898888; height:76px; overflow: hidden}

.message{width:100%; height:185px; background: #4a5258; margin-top:50px; display: flex}
.message .box{width:1200px; margin:0 auto; display: flex}
.message .logo{ display: flex; align-items: center; justify-content: center}
.message .form{ display: flex; justify-content: flex-end; flex:auto; align-items: center;}
.message .form input{height:60px; line-height: 60px; border:0; background: #a09e9e; padding:0 10px;font-size:18px;}
.message .form input.name,.message .form input.phone{margin-right:20px;}
.message .form button{height:60px; line-height: 60px; border:0; background: #fcb027; padding:0 20px;font-size:18px; cursor: pointer}

.footer{ background: #333f47; font-size:16px;}
.footer a{color:#fff;}
.footer .box{width:1200px; margin:0 auto;}
.footer .top{ display: flex; padding-top:70px;}
.footer .top .left{ display: flex; flex:auto;}
.footer .top .left ul{ flex: 1}
.footer .top .left ul li{margin-top:15px;}
.footer .top .left ul li.title{ font-size:18px; font-weight: bold; margin:0; margin-bottom:20px;}
.footer .top .left ul li.title a{color:#fff;}
.footer .top .left ul li a{color:#bbb7b7}
.footer .top .right{width:150px;}
.footer .top .right p{margin-top:5px; text-align: center; color:#fff;}
.footer .bottom{ display: flex; padding:40px 0 30px 0}
.footer .bottom .left{ flex: auto; display: flex; color:#fff; align-items: center}
.footer .bottom .info p{margin:0;}
.footer .bottom .info p:first-child{font-size:18px;}
.footer .bottom .info p:last-child{font-size:30px;}

.breadcrumb{height:60px; line-height: 60px; background: #f5f5f5; font-size:16px; padding: 0!important;}
.breadcrumb .maxwidth{width:1200px;}

.channel_list{margin-top:50px;}
.channel_list .maxwidth{width:1200px; display: flex; justify-content: center; align-items: center}
.channel_list a{ display: block; padding:10px 20px; margin-right:80px; font-size:18px; text-align: center; background: #fff; color:#565e64; border:1px solid #565e64}
.channel_list a:hover,.channel_list a.cur{background: #565e64; color:#fff; }
.channel_list a:last-child{margin-right:0;}

.bujian.list{}
.bujian.list .maxwidth{width:1200px;}
.bujian.list .maxwidth ul{padding-top:50px; display: inline-block}
.bujian.list .maxwidth ul li{width:580px; margin-right:40px; float:left; position: relative; margin-bottom:40px; height:360px; overflow:hidden}
.bujian.list .maxwidth ul li img{width:100%;}
.bujian.list .maxwidth ul li:nth-child(2n){margin-right:0;}
.bujian.list .maxwidth ul li p{position: absolute; font-size:16px; left:0; bottom:0; height:50px; line-height: 50px; text-align: center; margin:0; width:100%; z-index: 2}
.bujian.list .maxwidth ul li p:after{ background: #000; opacity: 0.7; content:''; position: absolute; width:100%; height:50px; left:0; bottom:0;}
.bujian.list .maxwidth ul li p span{ position: relative; z-index: 3; color:#fff;}

.case.list{}
.case.list .maxwidth{width:1200px;}
.case.list .maxwidth ul{padding-top:50px; display: inline-block}
.case.list .maxwidth ul li{width:380px; margin-right:30px; float:left; margin-bottom:30px;}
.case.list .maxwidth ul li:nth-child(3n){margin-right:0;}
.case.list .maxwidth ul li .title{font-size:23px; color:#575454; text-align: center; margin-top:20px;}
.case.list .maxwidth ul li .content{font-size:16px; color:#a2a1a1; margin-top:15px; text-indent: 2em; height:63px; line-height: 21px; overflow: hidden; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;}
.case.list ul li .more{color:#fcb026; font-size:18px; text-align: center; margin-top:15px;}

.news.list{}
.news.list .maxwidth{width:1200px;}
.news.list .maxwidth ul{padding-top:50px; display: inline-block; width:100%;}
.news.list .maxwidth ul li a{ display: flex; border-bottom:1px solid #808181; margin-bottom:50px; padding-bottom:35px; align-items: center; justify-content: center}
.news.list .maxwidth ul li a .info{ flex:auto}
.news.list .maxwidth ul li a .info .title{font-size:18px; color:#474848}
.news.list .maxwidth ul li a .info .content{font-size:16px; color:#808181; margin-top:20px;}
.news.list .maxwidth ul li a .info .date{color:#808181; font-size:24px; margin-top:20px;}
.news.list .maxwidth ul li a .info .date span{font-size:20px;}
.news.list .maxwidth ul li a .more{font-size:18px; width:auto; margin-left:30px; color:#fcb026; padding:10px 20px; border:1px solid #fcb026; height:100%;flex-shrink:0}

.product.list{}
.product.list .maxwidth{width:1200px;}
.product.list .maxwidth ul{padding-top:50px; display: inline-block; width:100%;}
.product.list .maxwidth ul li{ display: flex; justify-content: center; align-items: center; border-bottom:1px solid #ccc;}
.product.list .maxwidth ul .image{width:500px; height:500px; display: flex; justify-content: center; align-items: center}
.product.list .maxwidth ul .image img{width:80%; text-align:center;}
.product.list .maxwidth ul .info{flex:1;}
.product.list .maxwidth ul .title{font-size:24px; font-weight: bold; color:#272828}
.product.list .maxwidth ul .parameter{font-size:14px; color:#8e8d8d; background: #e3e3e3; padding:15px; margin-top:20px;overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;}
.product.list .maxwidth ul .parameter p{margin:0; overflow: hidden}
.product.list .maxwidth ul .btn{margin-top:20px; font-size:16px; display: flex}
.product.list .maxwidth ul .msg{width:120px; height:40px; border:2px solid #565e64; text-align: center; line-height: 40px;}
.product.list .maxwidth ul .msg a{color:#6b737a}
.product.list .maxwidth ul .more{width:120px; height:40px; border:2px solid #fcb026; background: #fcb026; text-align: center; line-height: 40px; margin-left:30px;}
.product.list .maxwidth ul .more a{color:#222425}

.page .maxwidth{width:1200px;}
.page .intro{font-size:16px; margin-top:30px;}
.page .num{margin-top:50px; margin-bottom:50px;}
.page .num .title{font-size:18px; color:#747575}
.page .num .title span{color:#fcb026; font-size:64px; font-weight: bold;}
.page .num ul{display: flex}
.page .num ul li { flex:1; padding:0 10px; }
.page .num ul li:first-child{padding-left:0;}
.page .num ul li:last-child{padding-right:0;}
.page .num ul li .text{font-size:16px; color:#747575}

.strength{position: relative}
.strength .box{position: absolute; width:100%; top:0; left:0;}
.strength .info{width:1200px; margin:0 auto; position: relative; background: url("../images/strength.png") no-repeat; background-position: center }
.strength .info ul{ display: inline-block; padding-top:30px;}
.strength .info ul li{width:50%; height:180px; float:left; box-sizing: border-box}
.strength .info ul li:nth-child(odd){padding-right:80px; text-align: left}
.strength .info ul li:nth-child(even){padding-left:80px; text-align: right}
.strength .info ul li .title{ font-size:23px; color:#fcb026}
.strength .info ul li .text{font-size:16px; margin-top:10px;}

.page .about{margin-bottom:70px;}
.page .about .history{  overflow: hidden}
.page .about .history ul{position: relative;  height:353px;overflow-y: scroll;scrollbar-width: none; -ms-overflow-style: none;}
.page .about .history ul::-webkit-scrollbar {display: none;}
.page .about .history ul li{ display: flex; justify-content: center; align-items: center; }
.page .about .history .year{font-size:21px; padding-right:80px; position: relative; width:120px;}
.page .about .history .text:before{content:''; width:14px; height:100%; position: absolute; top:0; left:-49px; background: #e0dfdf;}
.page .about .history .year:after{content:''; z-index: 2; position: absolute; right:30px; background: #fff; border:2px solid #fcb026; border-radius: 50%; width:20px; height:20px;}
.page .about .history .text{ width:300px; display: flex; justify-content: left; position: relative; align-items: center; padding-bottom:20px;}
.page .about .history p{margin-bottom:0; line-height: 21px; overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}

.page.contact .pagetitle{position: relative; padding-bottom:20px; margin-bottom:50px; margin-top:50px;}
.page.contact .pagetitle span{font-size:38px; font-weight: bold; color:#2c2d2d}
.page.contact .pagetitle:after{content:''; position: absolute; width:100px; height:2px; background: #feac32; bottom:0; left:0;}
.page.contact .box{ display: flex; margin-bottom:50px;}
.page.contact .box .info{width:100%;}
.page.contact .box .block{width:50%; float:left;  padding-left: 50px;box-sizing: border-box; height:143px;}
.page.contact .box .block p:first-child{font-size:20px; padding-left:30px;}
.page.contact .box .block p:last-child{font-size:20px; color:#808181; padding-left:30px;}

.page.contact .box .block.tel p:first-child{ background: url("../images/icon_tel.png") no-repeat left top}
.page.contact .box .block.qq p:first-child{ background: url("../images/icon_qq.png") no-repeat left top}
.page.contact .box .block.fax p:first-child{ background: url("../images/icon_fax.png") no-repeat left top}
.page.contact .box .block.email p:first-child{ background: url("../images/icon_email.png") no-repeat left top}
.page.contact .box .block.address p:first-child{ background: url("../images/icon_address.png") no-repeat left top}

.page.service .num ul li{text-align: center}
.page.service .block_list{ display: inline-block}
.page.service .block_list .block{width:580px; height:360px; float:left; position: relative; margin-bottom:40px;}
.page.service .block_list .block p{position: absolute; bottom:30px; left:30px; margin-bottom:0; font-size:35px; font-weight: bold; color:#fff;}
.page.service .block_list .block .moreinfo{ display:none;}
.page.service .block_list .block:hover .moreinfo{ background: #feac32; display: flex; align-items: center; justify-content: center; padding:0 20px; box-sizing: border-box; position:absolute; width:100%; height:100%; top:0; }
.page.service .block_list .block:hover .moreinfo p{font-size:18px!important; font-weight: inherit!important; position: inherit; left:inherit; bottom:inherit; text-indent: inherit}
.page.service .block_list .block:nth-child(odd){margin-right:40px;}
.page.service .block_list .block:nth-child(even){margin-right:0px;}


.service_map .title{ text-align: center; font-size:24px; font-weight: bold}
.service_map table{width:100%;border-collapse:collapse;margin-top:50px; margin-bottom:50px;}
.service_map table .table_title{ text-align: center; font-size:18px; padding-left:0;}
.service_map table, th, td {border: 1px solid #ccc; line-height: 40px; font-size:16px;}
.service_map table td{padding-left:30px;}

.content_box.maxwidth{width:1200px; margin:0 auto;}
.content_box .title{font-size:21px; font-weight: bold; text-align: center; margin:50px 0 30px 0;}
.content_box .datetime{ font-size:16px; margin-bottom:30px; padding-bottom:15px; text-align: center; border-bottom:1px solid #ccc;}
.content_box .content{ font-size: 16px; line-height: 23px; padding-bottom:50px;}

.message_box .title{font-size: 30px;line-height: 30px;font-weight: bold;color: #333f47;margin-bottom: 15px;}
.message_box .ftitle{font-size: 16px;color: #333f47;line-height: 25px; text-align: center}
.message_box .wrap{width: 100%;margin-right: auto;margin-left: auto; margin-top:50px;}
.message_box .wrap ul li{float:left; width:32%; margin-left:2%; position:relative; box-shadow:0 0 25px rgba(0,0,0,.1);}
.message_box .wrap ul li .li_box{padding:20px 30px;}
.message_box .wrap ul li .li_box .tit{font-size:25px; line-height:30px; color:#4f4f4f; color:rgba(79,79,79,.8); font-weight:bold;}
.message_box .wrap ul li .li_box .tit .num{font-size:35px; font-family:Impact; display:inline-block; vertical-align:-4px; margin-right:5px; margin-bottom:0; margin-top:0;}
.message_box .wrap ul li .li_box .con{font-size:14px; line-height:24px; color:#333f47; margin-top:10px; height:48px; overflow:hidden;}
.message_box .wrap ul li .icon{position:absolute; right:15px; bottom:0;}
.message_box .wrap ul li:first-child{margin-left:0; background:#fcb026;}
.message_box .wrap ul li:first-child .li_box .tit{color:#fff;}
.message_box .wrap ul li:first-child .li_box .con{color:#fff;}

.message_box .form-horizontal{font-size:18px;}

.plan_list{ font-size:20px; font-weight: bold; text-align: center; margin-bottom:30px;}
.plan_list a{margin:0 15px;}

.product-top{display:flex; height:400px; margin-top:20px;}
.product-images{width:50%;}
.product-info{width:50%}

.text-center{ text-align: center}
.pagination {
    display: inline-block;
    padding-left: 0;
    margin: 20px 0;
    border-radius: 4px;
    background: none;
    border:none;
}

.pagination>li {
    display: inline
}

.pagination>li>a,.pagination>li>span {
    position: relative;
    float: left;
    padding: 6px 12px;
    margin-left: -1px;
    line-height: 1.42857143;
    color: #428bca;
    text-decoration: none;
    background-color: #fff;
    border: 1px solid #ddd
}

.pagination>li:first-child>a,.pagination>li:first-child>span {
    margin-left: 0;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px
}

.pagination>li:last-child>a,.pagination>li:last-child>span {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px
}

.pagination>li>a:hover,.pagination>li>span:hover,.pagination>li>a:focus,.pagination>li>span:focus {
    color: #2a6496;
    background-color: #eee;
    border-color: #ddd
}

.pagination>.active>a,.pagination>.active>span,.pagination>.active>a:hover,.pagination>.active>span:hover,.pagination>.active>a:focus,.pagination>.active>span:focus {
    z-index: 2;
    color: #fff;
    cursor: default;
    background-color: #428bca;
    border-color: #428bca
}

.pagination>.disabled>span,.pagination>.disabled>span:hover,.pagination>.disabled>span:focus,.pagination>.disabled>a,.pagination>.disabled>a:hover,.pagination>.disabled>a:focus {
    color: #777;
    cursor: not-allowed;
    background-color: #fff;
    border-color: #ddd
}

.pagination-lg>li>a,.pagination-lg>li>span {
    padding: 10px 16px;
    font-size: 18px
}

.pagination-lg>li:first-child>a,.pagination-lg>li:first-child>span {
    border-top-left-radius: 6px;
    border-bottom-left-radius: 6px
}

.pagination-lg>li:last-child>a,.pagination-lg>li:last-child>span {
    border-top-right-radius: 6px;
    border-bottom-right-radius: 6px
}

.pagination-sm>li>a,.pagination-sm>li>span {
    padding: 5px 10px;
    font-size: 12px
}

.pagination-sm>li:first-child>a,.pagination-sm>li:first-child>span {
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px
}

.pagination-sm>li:last-child>a,.pagination-sm>li:last-child>span {
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px
}