@charset "utf-8";
/* CSS Document */
* { margin: 0; padding: 0 }
body { font: 16px "Microsoft YaHei", Arial, Helvetica, sans-serif; background: #efefef; color: #000; }
img { border: 0; display: block }
ul, li { list-style: none; }
a { text-decoration: none; color: #000; }
a:hover { color: #000; text-decoration: none; }
.clear { clear: both; width: 100%; overflow: hidden; }
.box { overflow: hidden; margin: 0 12%; }
.mheader { height: 92px; width: 100%; }
/*header*/
header { height: 90px; position: fixed; top: 0; bottom: 0; left: 0; width: 100%; z-index: 999999; background: rgba(4, 57, 131, 0.75); }
.logo { float: left; margin-left: 12%; margin-right: 60px; }
.logo img { padding-top: 8px; height: 80px; }
.tell { float: right; color: #fff; line-height: 90px; font-size: 22px; background: url(../images/tell.png) no-repeat left; background-size: 36px; padding-left: 50px; margin-right: 12%; }
nav { font-size: 18px; height: 92px; line-height: 92px; text-align: center; float: left; }
#starlist li { display: inline-block; position: relative; }
#starlist li a {display: block;position: relative;margin: 0px 18px;color: #fff;}
#starlist li a:after { position: absolute; content: ""; background: #f08927; width: 0; bottom: 2px; left: 30%; height: 4px; transition: all .5s; }
#starlist li:hover a:after { width: 100%; left: 0 }
#starlist li:hover a, a#selected { color: #fff; }
a#selected:after { width: 100% !important; left: 0 !important }
.sub { position: absolute; overflow: hidden; left: 0; top: 62px; z-index: 9; opacity: 0; height: 0; transition: all .5s; background: rgba(255,255,255,.99); }
.sub dl { margin: auto; overflow: hidden; width: 180px; }
.sub dt { float: left; width: 200px; overflow: hidden; margin-right: 34px; border-right: 1px solid #c6c6c4; padding-right: 30px; }
.sub dt img { width: 100%; border: #fff 5px solid; }
.sub dd { line-height: 40px; text-align: left; }
.sub dd a { background: url(../images/nav_arrow.png) no-repeat 0 center; padding-left: 20px; margin-right: 30px }
#starlist li:hover div.sub { opacity: 1; height: auto; top: 90px; }
#starlist li:hover dl a:after { display: none }
#starlist li:hover dd a { color: #000 }
#starlist li:hover dd a:hover { color: #093c8b; }
/*mnav*/
#mnavh { display: none; width: 40px; height: 40px; text-align: center; }
.navicon { display: block; position: relative; width: 27px; height: 2px; background-color: #ffffff; margin-top: 20px; float: left; }
.navicon:before, .navicon:after { content: ''; display: block; width: 27px; height: 2px; position: absolute; background: #ffffff; -webkit-transition-property: margin, -webkit-transform; transition-property: margin, -webkit-transform; transition-property: margin, transform; transition-property: margin, transform, -webkit-transform; -webkit-transition-duration: 300ms; transition-duration: 300ms; }
.navicon:before { margin-top: -8px; }
.navicon:after { margin-top: 8px; }
.open .navicon { background: none }
.open .navicon:before { margin-top: 0; -webkit-transform: rotate(45deg); transform: rotate(45deg); }
.open .navicon:after { margin-top: 0; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); }
.open .navicon:before, .open .navicon:after { content: ''; display: block; width: 28px; height: 2px; position: absolute; background: #ffffff; }
/*banner*/
.banner {
    position: relative;
}
.banner .swiper-slide { background-color: #efefef; overflow: hidden; }
.banner .swiper-slide img { object-fit: cover; width: 100%; }
.banner .swiper-container { }
.banner .swiper-button-next, .banner .swiper-button-prev { bottom: 50px; width: 50px; height: 50px; border-radius: 50%; top: inherit; }
.banner .swiper-button-next { background: url(../images/next-btn.png) no-repeat; background-size: 50px; right: 12%; }
.banner .swiper-button-prev { background: url(../images/prev-btn.png) no-repeat; background-size: 50px; right: calc(12% + 70px); left: unset; }
.banner .swiper-button-next:hover, .banner .swiper-button-prev:hover { background-color: #f08927; }
.banner-info { display: flex; position: absolute; color: #ffffff; align-items: center; z-index: 5; left: 0; justify-content: center; right: 0; bottom: 50px; }
.banner-info .mouse { width: 22px; height: 32px; border: 1px solid #fff; border-radius: 40px; margin-left: 0.1rem; margin-right: 0.1rem; position: relative; }
.banner-info .mouse:after { content: ""; position: absolute; width: 2px; height: 8px; top: 8px; left: 50%; margin-left: -1px; background: #fff; -webkit-animation: updown 0.5s cubic-bezier(0.56, 0.01, 0.46, 1) infinite alternate; animation: updown 0.5s cubic-bezier(0.56, 0.01, 0.46, 1) infinite alternate; }
@keyframes updown { 0% {
 -webkit-transform: translateY(0);
 -moz-transform: translateY(0);
 -ms-transform: translateY(0);
 -o-transform: translateY(0);
 transform: translateY(0);
}
 100% {
 -webkit-transform: translateY(-3px);
 -moz-transform: translateY(-3px);
 -ms-transform: translateY(-3px);
 -o-transform: translateY(-3px);
 transform: translateY(-3px);
}
}
.banner-page-num { position: absolute; z-index: 6; left: 12%; bottom: 50px; }
.banner-page-num span { display: inline-block; margin-right: 20px; color: rgba(255, 255, 255, 0.5); position: relative; transition: all .3s; font-family: fantasy; font-size: 20px; }
.banner-page-num span::after { position: absolute; top: 50%; margin-top: -1px; height: 1px; width: 10px; left: 115%; z-index: 2; background: transparent; content: ''; transition: all .3s; }
.banner-page-num span.on { color: rgba(255, 255, 255, 1); margin-right: 40px; }
.banner-page-num span.on::after { background: #fff; }
/*search*/
.hot_search_box { height: 70px; border-bottom: 1px solid #ededed; background: #f7f7f7; }
.search_box { margin: 0 0 20px 0; }
.search { margin: 16px 0 0 0; position: relative; border: 1px solid #ddd; overflow: hidden; width: 310px; float: right; border-radius: 20px; background: #fff; }
.search input.input_submit { border: 0; color: #fff; outline: none; position: absolute; top: 0; right: 0; width: 24%; display: block; height: 36px; line-height: 24px; text-indent: 1em; cursor: pointer; background: url(../images/search.png) no-repeat center #114c92; background-size: 18px; border-radius: 20px; }
.search input.input_text { border: 0; line-height: 24px; height: 36px; font-size: 14px; width: 76%; outline: none; text-indent: 1em; }
.hot_search { width: 70%; float: left; line-height: 70px; }
.hot_search span { float: left; font-weight: bold; margin-right: 5px; }
.hot_search ul { overflow: hidden; }
.hot_search ul li { list-style-type: none; display: inline-block; margin-left: 10px; }
.hot_search ul li a { color: #666; }
.hot_search ul li a:hover { color: #114c92; }
.hot_search b { color: #114c92; }
.h_title { text-align: center; margin: 60px auto; }
.h_title h3 { font-size: 42px; color: #333; line-height: 46px; }
.h_title p { font-size: 18px; color: #999; line-height: 30px; margin: 15px 0; }
.h_title h3 span { color: #093c8b; }
/*tab*/
#tab li { margin: 20px 0; }
#tab-content section { display: none; }
#tab-content section:nth-child(1) { display: block }
#tab { background: #f2f2f2; overflow: hidden; text-indent: 6em; }
#tab li a { font-size: 24px; display: block; padding: 19px 0; }
#tab li.tab-current a { background: url(../images/icon_jt.png) no-repeat 25px #093c8b; background-size: 48px; color: #ffffff; }
.pro_nav li a:hover { background: #093c8b; background-size: 48px; color: #ffffff; }
li#pron a { color: #093c8b; font-weight: bold; }
/*pro_nav*/
.pro_nav { width: 20%; float: left; }
.pro_nav h2 { background: #093c8b; color: #fff; padding: 37px 0; font-size: 34px; text-align: center; }
.pro_nav a { }
.pro_nav h2 span { display: block; font-size: 16px; }
.pro_nav p { color: #fff; padding: 20px 0; font-size: 24px; font-weight: bold; border-top: #e80709 1px solid; height: 70px; }
.pro_nav p span { display: block; font-size: 20px; font-weight: normal; margin-top: 10px; }
.pro_nav p a { color: #fff; }
/*div#tab-content*/
#tab-content { width: 79%; float: right; }
.tab-box ul li { width: 33.333%; float: left; overflow: hidden }
.tab-box ul li a { display: block; overflow: hidden; margin: 0 10px 22px; position: relative; }
.tab-box ul li a:after { position: absolute; left: 0; bottom: -100%; width: 100%; height: 100%; content: ''; background: rgba(0, 0, 0, .5); opacity: 0; transition: .5s; }
.tab-box ul li:hover a:after { opacity: 1; bottom: 0; }
.tab-box ul li i { height: 250px; display: block; overflow: hidden; background: #f2f2f2; }
.tab-box ul li i img { min-height: 100%; transition: .5s; width: 100%; }
.tab-box ul li p { position: absolute; top: 50%; left: 50%; width: 300px; margin-left: -150px; margin-top: -20px; z-index: 1; color: #fff; font-size: 18px; line-height: 30px; opacity: 0; transition: 1s; text-align: center; }
.tab-box ul li:hover p { opacity: 1; }
.tab-box ul li:hover img { transform: scale(1.1) }
.btn_box { text-align: center; clear: both; overflow: hidden; }
.btn_box a { display: inline-block; color: #fff; padding: 10px 60px; border-radius: 30px; margin: 20px; }
a.btn_blue { background: #114c92; }
a.btn_red { background: #f08927; }
.cjzs { background: #fff; padding-bottom: 60px }
.pro_nav h2 a { color: #fff }
.btn_box { display: none; }
/* Slide transitions */
.slideUp { transform: translateY(-100px); transition: transform .5s ease-out; }
.slideDown { transform: translateY(0); transition: transform .5s ease-out; }
.tab-box ul li:nth-child(1), .tab-box ul li:nth-child(2) { width: 50%; }
.tab-box ul li:nth-child(1) i, .tab-box ul li:nth-child(2) i { height: 400px; }
.tab-box ul li:nth-child(1) p, .tab-box ul li:nth-child(2) p { font-size: 24px; }
.kehu { background: url(../images/kehu.jpg) no-repeat center; background-size: cover; padding-bottom: 100px; }
.kehu .h_title h3, .kehu .h_title p { color: #fff !important; }
.kehu .h_title h3 span { color: #f08927 }
.kehu_pic { padding-top: 80px; overflow: hidden; }
.kehu_pic ul { display: flex; flex-wrap: nowrap; justify-content: space-between; }
.kehu_pic ul li { float: left; transition: .5s; }
.kehu_pic ul:nth-child(2n) { margin-top: -56px; width: 100%; }
.kehu_pic ul li:hover { transform: translateY(-10px); opacity: .8; }
.kehu_pic ul:nth-child(1) { width: 1300px; margin-left: 140px; }
.kehu_pic ul:nth-child(2n+1) { width: 1187px; margin-left: 131px; margin-top: -56px; }
.product { padding: 0 0 80px 0; background: #fff; }
.cp-box ul li { width: 50%; float: left; overflow: hidden }
.cp-box ul li a { display: block; overflow: hidden; margin: 0 10px 22px; position: relative; }
.cp-box ul li a:after { position: absolute; left: 0; bottom: -100%; width: 100%; height: 100%; content: ''; background: rgba(0, 0, 0, .5); opacity: 0; transition: .5s; }
.cp-box ul li:hover a:after { opacity: 1; bottom: 0; }
.cp-box ul li i { height: 370px; display: block; overflow: hidden; background: #f2f2f2; }
.cp-box ul li i img { min-height: 100%; transition: .5s; width: 100%; }
.cp-box ul li p { position: absolute; top: 50%; left: 50%; width: 300px; margin-left: -150px; margin-top: -20px; z-index: 1; color: #fff; font-size: 22px; line-height: 30px; opacity: 0; transition: 1s; text-align: center; }
.cp-box ul li:hover p { opacity: 1; }
.cp-box ul li:hover img { transform: scale(1.1) }
.hot_title { height: 156px; background: url(../images/hot_bg.jpg) no-repeat top right 150px #e3e3e3; margin: 0 10px 20px 10px; position: relative; }
.hot_title p { position: absolute; font-size: 25px; border: #f08927 3px solid; color: #f08927; padding: 5px; width: 112px; text-align: center; line-height: 47px; top: 28px; left: 201px; }
.hot_title p span { margin: 0 10px 20px; }
.hot_title p:after { background: #e3e3e3; position: absolute; right: -20px; top: -12px; width: 40px; height: 50px; content: ""; }
#tab-content section.cp-box { display: none; }
#tab-content section.cp-box:nth-child(1) { display: block }
.qiye_video { position: relative; background: url(../images/video_bg.jpg) no-repeat center #000; width: 100%; height: 500px; background-size: cover; }
.qiye_video span { position: absolute; width: 64px; height: 64px; top: 55%; left: 50%; margin-top: -32px; margin-left: -32px; opacity: .7 }
.video_show { display: none }
.qiye_video.open:after { content: ""; position: fixed; width: 100%; height: 100vh; left: 0; top: 0; background-color: rgba(0,0,0,.8); z-index: 9; }
.go-left2 { background: url(../images/close.png) no-repeat center; width: 36px; height: 36px; background-size: 20px; position: absolute; right: -42px; top: 1px; filter: brightness(100); cursor: pointer; }
.video_show { width: 700px; height: 400px; position: fixed; left: 50%; top: 50%; margin-top: -200px; margin-left: -350px; border-radius: 4px; z-index: 10; }
body.nos { overflow: hidden; }
.ab_pic { margin-top: 30px; width: 50%; float: left; padding-bottom: 80px; }
.ab_pic span img { width: 100%; min-height: 100%; }
.ab_pic span { margin-bottom: 20px; overflow: hidden; display: block; position: relative; height: 300px; }
.ab_pic ul { display: flex; flex-wrap: nowrap; justify-content: space-between; }
.ab_pic ul li { width: 32%; height: 148px; overflow: hidden; position: relative; }
.ab_pic ul li img { width: 100%; height: 100%; }
.ab_pic p { position: absolute; right: 12px; bottom: 12px; color: #fff; z-index: 1; text-align: center; padding: 0 10px; }
.ab_pic p:after { position: absolute; content: ""; width: 100%; height: 8px; background: #093c8b; border-radius: 5px; right: 0; bottom: 0; opacity: .5; z-index: -1; }
.ab_pic img:hover { transform: scale(1.1); }
.ab_pic img { transition: .5s; }
.ab_right { margin: 30px 0 0 0; float: right; width: 43%; background: url(../images/abbg.png) no-repeat top 71px right -90px #fff; padding: 34px; }
.ab_text { margin-bottom: 15px; line-height: 30px; }
.about_us { overflow: hidden; }
.ab_text h2 { margin-bottom: 20px; font-size: 32px; position: relative; z-index: 1; margin-top: 20px; }
.ab_text p { margin: 30px 0; color: #666; }
.ab_text h2:after { width: 391px; position: absolute; content: ""; height: 8px; background: #093c8b; border-radius: 5px; left: 0; bottom: 0; opacity: .5; z-index: -1; opacity: 0 }
.ab_contact a { color: #ffffff; background: linear-gradient(to left, #093c8b, #0f7dc4, #093c8b); border-radius: 34px; display: inline-block; text-align: center; clear: both; padding: 12px 50px; margin-right: 30px; font-size: 17px; transition: .5s; }
.about_us a:hover { text-decoration: underline; }
.ab_contact { }
.ab_contact a:nth-child(2) { background: linear-gradient(to left, #f08927, #e1a808, #f08927); }
.ab_contact a:hover { padding: 12px 60px; }
.youshi { background: #fff }
.youshi li { overflow: hidden; margin-bottom: 50px; }
.youshi li:nth-child(odd) i { float: left; }
.youshi li:nth-child(odd) section { float: right; }
.youshi li:nth-child(even) i { float: right; }
.youshi li:nth-child(even) section { float: left; }
.youshi ul { padding: 50px 0; }
.youshi li h3 { font-size: 30px; color: #093c8b; margin-bottom: 16px; margin-top: 40px; }
.youshi li span { font-size: 16px; color: #999999; }
.youshi li p { color: #595959; font-size: 17px; margin-top: 30px; line-height: 30px; }
.youshi li i img { width: 100%; min-height: 100% }
.youshi li i { width: 48%; height: 320px }
.youshi li section { width: 48%; }
.youshi li em { width: 88px; height: 100px; line-height: 100px; text-align: center; background: rgb(240 137 39 / 90%); display: block; color: #fff; font-style: normal; font-size: 40px; position: absolute; }
.news_left { width: 70%; float: left; }
#newstab-content div.news-box { display: none; }
#newstab-content div.news-box:nth-child(1) { display: block }
#newstab { overflow: hidden; display: flex; flex-wrap: nowrap; justify-content: flex-start; margin-bottom: 20px; width: 80%; }
#newstab li { float: left; font-size: 18px; margin-right: 20px; }
#newstab li a { display: block; background: #fff; border: #ccc 1px solid; padding: 15px 36px; }
li.newstab-current a { background: #093c8b !important; color: #fff; }
.top_news { width: 45%; float: left; }
.top_news section { position: relative; margin-bottom: 20px; }
.top_news section i { display: block; overflow: hidden; height: 260px; }
.top_news section i img { width: 100%; min-height: 100%; transition: .5s; }
.top_news section h3 { width: 70%; position: absolute; bottom: 0; left: 0; color: #fff; font-size: 16px; line-height: 40px; text-indent: 1em; z-index: 2; font-weight: normal; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
.top_news section em { position: absolute; bottom: 0; right: 0; line-height: 40px; color: #fff; font-style: normal; width: 101px; background: #f08927 url(../images/more.png) no-repeat center right 10px; background-size: 22px; z-index: 2; text-indent: 1em; font-size: 15px; }
.top_news section:after { position: absolute; content: ""; background: rgba(0,0,0,.5); width: 100%; height: 40px; bottom: 0; z-index: 1; }
.news { background: #f8f8f8; }
.top_news span { margin-bottom: 16px; display: inline-block; border-bottom: #093c8b 3px solid; padding-bottom: 15px; }
.top_news p { color: #666; overflow: hidden; text-overflow: ellipsis; -webkit-box-orient: vertical; display: -webkit-box; -webkit-line-clamp: 3; line-height: 26px; }
.news-box ul { float: right; width: 50%; }
.news-box ul li { margin-bottom: 30px; padding-bottom: 30px; border-bottom: #e2e1e1 1px solid; }
.news-box ul li h3 { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; font-size: 18px; margin-bottom: 18px; }
.news-box ul li p { color: #666; overflow: hidden; text-overflow: ellipsis; -webkit-box-orient: vertical; display: -webkit-box; -webkit-line-clamp: 2; line-height: 26px; }
.news-box ul li:last-child { border-bottom: none }
.gd-box.news_nav { margin-bottom: 40px; }
.news-box ul li:hover h3 { color: #093c8b }
.top_news section i:hover img { transform: scale(1.1); }
.list_lh { height: 380px; overflow: hidden; }
.list_lh ul { overflow: hidden; }
.list_lh li { height: 68px; border-bottom: 1px dotted #d2d2d2; overflow: hidden; margin-bottom: 12px; }
.list_lh li h4 { padding-left: 35px; line-height: 26px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; position: relative }
.list_lh li h4:before { content: "问"; width: 24px; height: 24px; text-align: center; line-height: 24px; background: #093c8b; position: absolute; left: 0; top: 0; color: #fff; font-size: 12px; }
.list_lh li p { padding-left: 35px; color: #666; font-size: 14px; line-height: 24px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; position: relative }
.list_lh li p:before { content: "答"; width: 24px; height: 24px; text-align: center; line-height: 24px; background: #f08927; position: absolute; left: 0; top: 0; color: #fff; font-size: 12px; }
.news-list-fr { width: 26%; float: right }
.news-title { margin-bottom: 50px; }
.news-title a { border: #ccc 1px solid; padding: 15px 36px; display: inline-block; background: #093c8b; color: #fff; }
/*友情链接*/
.links { background: #f5f5f5; padding: 15px 0; }
.links a { color: #666; margin-right: 20px; }
.links a:hover { text-decoration: underline; }
.links span { display: inline-block; margin: 0 20px 0 0; font-weight: bold; font-size: 20px; }
footer { background: #093c8b; color: #abc1ed; padding: 50px 0; }
footer a { color: #abc1ed; }
.ft_nav { width: 25%; float: left; padding: 20px 0; }
.ft_con { float: left; width: 30%; border-left: #485ea1 1px solid; padding: 20px 0 25px 80px; position: relative; }
.copyright { clear: both; text-align: center; background: #05347c; line-height: 40px; font-size: 14px; color: #abc1ed; }
.copyright a { color: #bacdf2; }
.ft_pic { width: 30%; float: right; text-align: center; }
.ft_pic ul { display: flex; flex-wrap: nowrap; justify-content: space-between; margin-top: 20px; }
.ft_pic ul li { }
.ft_nav h4 { color: #fff; font-size: 20px; margin-bottom: 20px; }
.ft_nav ul li { float: left; width: 50%; line-height: 34px; }
.ft_nav ul { overflow: hidden; }
footer a:hover { color: #fff; }
.ft_pic img { width: 114px; height: 114px; margin-bottom: 5px; }
.ft_con h4 { color: #fff; font-size: 24px; font-weight: normal; }
.ft_con p { font-size: 15px; margin: 20px 0; border-bottom: #5a6ca4 1px solid; padding-bottom: 20px; }
.ft_con span { color: #fff; font-size: 24px; background: url(../images/fttell.png) no-repeat left center; background-size: 64px; padding: 20px 0 20px 80px; line-height: 70px; }
.ft_con:before { content: ""; width: 1px; height: 100%; background: #05347c; position: absolute; left: 0; top: 0; }
.fm_banner img { width: 100%; }
.weizhi { display: inline-block; font-size: 15px; color: #666; margin-top: 28px; }
.weizhi a { color: #666; }
.container { background: #fff; padding: 30px 0; }
.cp_right { width: 78%; float: right; }
.cp_title { background: #efefef; line-height: 48px; }
.cp_title span { float: right; font-size: 16px; font-weight: normal; padding-right: 20px; }
.cp_title span a { color: #999; }
.cp_right ul { overflow: hidden; margin-bottom: 40px; }
.left_bar { width: 19%; float: left }
.left_bar .pro_nav { width: 100%; margin-bottom: 30px; text-align: center; }
.left_bar .pro_nav #tab { text-indent: 0; }
.s_title { background: #114c92; color: #fff; padding: 20px; font-size: 20px; }
.s_title a { color: #fff; }
.side_contact h4 { font-size: 18px; line-height: 65px; text-align: center; }
.side_contact p { text-align: center; font-size: 22px; color: #07408f; padding: 5px 0 5px 30px; font-weight: bold; background: url(../images/side_tell.jpg) no-repeat left 25px center; }
.side_contact ul { margin: 15px 30px; }
.side_contact ul li { line-height: 32px; }
.side_contact i { display: block; margin: 10px auto 30px; text-align: center; font-style: normal; }
.side_contact i img { margin: 0 auto 10px; width: 160px; }
.clum_news { }
.clum_news h4 { font-size: 24px; margin-bottom: 20px; }
.clum_news ul { padding: 0 30px 30px; overflow: hidden; }
.clum_news ul li { width: 48%; line-height: 40px; position: relative; text-indent: 1.5em; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
.clum_news ul li span { float: right; color: #999; font-size: 14px; }
.clum_news ul li:nth-child(odd) { float: left; }
.clum_news ul li:nth-child(even) { float: right; }
.clum_news ul li:hover a { color: #093c8b; }
.clum_news ul li:before { position: absolute; content: ""; width: 4px; height: 4px; border-radius: 100%; border: #093c8b 3px solid; left: 0px; top: 16px; }
/*epages*/
.epages { text-align: center; color: #666; width: 100%; clear: both; margin: 30px 0; }
.epages a { color: #666; margin: 0 5px 10px; padding: 5px 10px; background: #e6e7e5; display: inline-block; }
.epages a:nth-child(1) { display: none }
.epages a:hover, .epages > b { color: #FFF; background: #1049a0; }
.epages > b { padding: 5px 10px; }
.clum_pic { margin-bottom: 30px; overflow: hidden; }
.clum_pic h4 { font-size: 24px; margin: 20px 10px 30px; }
.clum_pic ul li { width: 25%; float: left; overflow: hidden }
.clum_pic ul li a { display: block; overflow: hidden; margin: 0 10px 22px; position: relative; }
.clum_pic ul li a:after { position: absolute; left: 0; bottom: -100%; width: 100%; height: 100%; content: ''; background: rgba(0, 0, 0, .5); opacity: 0; transition: .5s; }
.clum_pic ul li:hover a:after { opacity: 1; bottom: 0; }
.clum_pic ul li i { height: 240px; display: block; overflow: hidden; background: #f2f2f2; }
.clum_pic ul li i img { min-height: 100%; transition: .5s; width: 100%; }
.clum_pic ul li p { position: absolute; top: 50%; left: 50%; width: 300px; margin-left: -150px; margin-top: -20px; z-index: 1; color: #fff; font-size: 18px; line-height: 30px; opacity: 0; transition: 1s; text-align: center; }
.clum_pic ul li:hover p { opacity: 1; }
.clum_pic ul li:hover img { transform: scale(1.1) }
.box_left { width: 73%; float: left; }
.box_right { width: 24%; float: right; }
.tp_list { }
.tp_list ul { }
.tp_list ul li { margin-bottom: 40px; overflow: hidden; background: #f6f6f6; padding: 20px; }
.tp_list ul li a { display: block; overflow: hidden; }
.tp_list ul li i { width: 330px; height: 200px; float: left; margin-right: 20px; overflow: hidden; }
.tp_list ul li i img { width: 100%; min-height: 100%; transition: .5s; }
.tp_list ul li section { }
.tp_list ul li section h3 { font-size: 21px; line-height: 60px; color: #4b4a4a; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; position: relative; }
.tp_list ul li section p { color: #666; line-height: 26px; margin: 20px 0; overflow: hidden; text-overflow: ellipsis; -webkit-box-orient: vertical; display: -webkit-box; -webkit-line-clamp: 2; }
.tp_list ul li section span { color: #999; font-size: 14px; }
.tp_list ul li section h3:before { content: ""; position: absolute; width: 60px; height: 2px; left: 0; top: 58px; background: #114c92; transition: .5s; }
.tp_list ul li:hover h3:before { width: 90%; }
.tp_list ul li:hover h3 { color: #114c92; }
.tp_list ul li:hover img { transform: scale(1.1); }
.box_right h4 { display: block; font-size: 20px; color: #fff; background: #114c92; padding: 12px 20px; text-align: left; }
.box_right ul { border: #ccc 1px solid; padding: 20px; }
.box_right div { margin-bottom: 30px; }
.r_news { }
.r_news li { line-height: 35px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; position: relative; text-indent: 1em; }
.r_news li a:hover { color: #114c92; }
.r_news li:before { position: absolute; content: ""; width: 4px; height: 4px; background: #093c8b; left: 0px; top: 15px; }
.r_cp li { float: left; position: relative; width: 50%; border-radius: 4px; font-size: 15px; }
.r_cp ul { overflow: hidden; padding: 10px; }
.r_cp li:after { content: "+"; border: #ccc 1px solid; width: 16px; height: 16px; text-align: center; line-height: 16px; display: inline-block; border-radius: 100%; right: 10px; top: 16px; position: absolute; color: #114c92; font-size: 13px; }
.r_cp li:hover:after { color: #fff }
.r_cp li a { display: block; padding: 10px 0 10px 10px; border: #e4e4e4 1px solid; border-radius: 4px; margin: 5px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
.r_cp li:hover a { background: #114c92; }
.r_cp li:hover a { color: #fff; }
.r_contact li { line-height: 40px; }
.r_nav { text-align: center; }
.r_nav li { line-height: 40px; width: 42%; float: left; margin: 10px; }
.r_nav ul { overflow: hidden; }
.r_nav li a { display: block; background: #636464; color: #fff; border-radius: 5px; }
.r_nav li:hover a { background: #114c92; }
.case_list { }
.case_list ul { overflow: hidden; display: flex; flex-wrap: wrap; flex-direction: row; justify-content: space-between; }
.case_list ul li { float: left; width: 48%; background: #f6f6f6; margin: 20px 0; }
.case_list ul li a { display: block; padding: 30px; }
.case_list ul li i { height: 300px; display: block; overflow: hidden; margin-bottom: 10px; }
.case_list ul li i img { width: 100%; min-height: 100%; transition: .5s; }
.case_list ul li h5 { font-size: 18px; line-height: 35px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; position: relative; padding-bottom: 10px; }
.case_list ul li h5:after { position: absolute; content: ""; width: 86px; height: 2px; left: 0; bottom: 0; transition: .5s; }
.case_list ul li span { color: #999; font-size: 15px; }
.case_list ul li:hover h5:after { width: 100%; }
.case_list ul li:hover img { transform: scale(1.1); }
.case_nav { overflow: hidden; margin: 0 0 20px; background: #636464; }
.case_nav li { float: left; }
.case_nav li { line-height: 50px; font-size: 18px; color: #fff; background: #636464; border-bottom: #525151 1px solid; width: 16.666%; text-align: center; }
.case_nav li a { display: block;  color: #fff; border-right: #525151 1px solid; }
.case_nav ul { display: flex; justify-content: flex-start; flex-wrap: wrap; }
li.tab-cu a { background: #114c92; }
.box_center { width: 52%; float: left; margin-left: 30px; }
.box_center .case_list li { margin: 0 0 40px; }
.box_center .case_list li i { height: 200px; }
.wd_box { background: #fff; padding: 50px 0 }
.zx_center { }
.zx_center h2 { font-size: 28px; margin-bottom: 30px; }
.zx_center { }
.zx_list { display: flex; flex-wrap: nowrap; justify-content: space-between; padding: 20px; }
.zx_list section { width: 31%; }
.zx_list li span { float: right; font-size: 13px; margin-left: 20px; color: #a1a0a0; }
.zx_list li { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; line-height: 32px; position: relative; text-indent: 1em; font-size: 15px; }
.zx_list li:hover a { color: #114c92; }
.zx_list h3 { font-size: 18px; border-bottom: 2px solid #e5e5e5; }
.zx_list h3 a { display: block; line-height: 46px; color: #07396c; position: relative; }
.zx_list section ul { padding: 10px 0; }
.zx_list li:before { content: ""; position: absolute; width: 4px; height: 4px; background: #114c92; top: 15px; left: 0; }
.news_top { width: 45%; float: left; position: relative; }
.news_top i { display: block; overflow: hidden; height: 310px; }
.news_top img { width: 100%; min-height: 100%; transition: all .5s }
.news_top img:hover { transform: scale(1.1) }
.news_p { position: absolute; bottom: 0; left: 0; width: 100%; height: 40px; line-height: 40px; background: rgba(0,0,0,.5); }
.news_p p { padding: 0 16px; color: #fff; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size: 15px; }
.news_time { position: absolute; top: 34px; left: 34px; width: 64px; height: 64px; padding: 6px; background: #f08927; color: #fff; text-align: center; }
.news_time em { font-style: normal; border-bottom: 1px solid #d47317; display: block; line-height: 36px; padding-bottom: 4px; margin-bottom: 5px; margin-top: 2px; font-size: 40px; }
.news_time i { font-style: normal; font-size: 14px; display: block; }
.news_right { width: 52%; float: right; }
.news_right li { margin-bottom: 45px; }
.news_right h3 { overflow: hidden; text-overflow: ellipsis; border-bottom: 1px solid #646464; padding-bottom: 6px; margin-bottom: 10px; font-size: 20px; color: #666; white-space: nowrap; }
.news_right li span { margin-bottom: 14px; display: block; color: #bababa; font-size: 16px; }
.news_right p { overflow: hidden; text-overflow: ellipsis; -webkit-box-orient: vertical; display: -webkit-box; -webkit-line-clamp: 2; color: #666; line-height: 1.5em; }
.news_right h3:hover { color: #114c92; }
h2.le_title { font-size: 28px; margin-bottom: 30px; }
.wd_box h4 { font-size: 28px; margin-bottom: 30px; }
.top_nav { background: #f8f8f8; height: 378px; margin: 10px; }
.top_nav ul { border: none; }
.top_nav li { text-align: center; margin: 40px 20px; font-size: 20px; }
.top_nav li a { display: block; background: #ffffff; line-height: 53px; border: #c8c8c8 1px solid; color: #114c92; }
.top_nav li:hover a { background: #114c92; color: #fff; }
.case_list02 { }
.case_list02 li { background: #f7f7f7; padding: 20px; margin-bottom: 40px; position: relative; }
.case_list02 li i { display: block; width: 100%; height: 450px; overflow: hidden; }
.case_list02 li i img { width: 100%; }
.case_list02 li h5 { height: 50px; line-height: 50px; font-size: 20px; margin: 20px 0; }
.case_list02 li p { overflow: hidden; text-overflow: ellipsis; -webkit-box-orient: vertical; display: -webkit-box; -webkit-line-clamp: 2; color: #666; line-height: 1.5em; }
.case_list02 li:before { content: "案例"; position: absolute; top: 40px; left: 40px; width: 100px; height: 100px; text-align: center; line-height: 100px; background: rgb(240, 137, 39, .9); font-size: 24px; color: #fff; }
.hot_cp li { margin-bottom: 20px; font-size: 16px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; background: #efeeee; }
.hot_cp li i { display: block; height: 210px; overflow: hidden; }
.hot_cp li i img { width: 100%; min-height: 100%; transition: .5s; }
.hot_cp li p { line-height: 36px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; padding: 0 10px; }
.hot_cp li:last-child { margin-bottom: 0; }
.hot_cp li:hover img { transform: scale(1.1); }
.about_text { border: #ccc 1px solid; }
.content { font-size: 16px; line-height: 1.8; word-break: break-all; color: #333; overflow: hidden; }
.content p { margin: 20px 0; }
.content ul, .content ol { margin: 20px 0 20px 35px; }
.content ul li, .content ol li { margin-top: 3px; line-height: 30px; text-indent: initial; }
.content.content ul li { list-style-type: disc; }
.content ol li { line-height: 40px; list-style: inherit; }
.content h2, .content h3, .content h4, .content h5, .content h6 { position: relative; margin: 30px 0; line-height: 40px; }
.content.cp_text h2, .content.cp_text h3, .content.cp_text h4, .content.cp_text h5, .content.cp_text h6 { position: relative; margin: 30px 0; line-height: 40px; background: #eaeaea; text-indent: 1em; }
.content h2 { font-size: 22px; }
.content h3 { font-size: 20px; }
.content h4 { font-size: 18px; }
.content h5 { font-size: 17px; }
.content h6 { font-size: 16px; }
.content hr { width: 100%; height: 1px; border: 0; border-top: 1px #dedddd solid; margin: 30px 0; }
.content img { max-width: 100% !important; height: auto !important; margin: 10px auto; }
.content video { height: auto !important; display: block; margin: auto; max-width: 100% !important; }
.content iframe { height: 400px !important; display: block; margin: auto; max-width: 100% !important; }
.content table { max-width: 100%; border-width: 1px; border-color: #666; border-collapse: collapse; font-size: 15px; line-height: 26px; margin: 30px 0; width: 100%; }
.content table th { border-width: 1px; padding: 4px 8px; border-style: solid; border-color: #666; background-color: #dedede; }
.content table td { border-width: 1px; border-style: solid; border-color: #666; background-color: #ffffff; font-size: 14px; }
.content span.marker { background: yellow; }
.content .ab_pic { width: 100%; padding-bottom: 0; }
.content .ab_pic ul { margin: 0 !important; }
.about_text h1 { margin: 50px 0 0; text-align: center; }
ul.form-sq { width: 800px; margin: 30px auto; border-radius: 3px; overflow: hidden; padding: 20px; }
ul.form-sq li { line-height: 36px; overflow: hidden; }
ul.form-sq li input { display: block; line-height: 34px; width: 100%; text-indent: 1em; border-radius: 3px; border: #e0e0e0 1px solid; outline: none; }
ul.form-sq li textarea { display: block; line-height: 24px; width: 96%; margin: 5px; text-indent: 1em; border-radius: 3px; border: #e0e0e0 1px solid; outline: none; }
.btn_tj { display: inline-block; text-align: center; margin: 30px auto 0; width: 200px; line-height: 40px; font-size: 16px; height: 40px; background: #2a599d; color: #fff; border: none; border-radius: 5px; }
ul.form-sq li.h_form input { float: left; width: 31%; margin: 5px; }
.btn_box a { display: inline-block; text-align: center; margin: 30px auto 0; width: 200px; line-height: 40px; font-size: 16px; height: 40px; background: #f3ad1a; color: #fff; border: none; border-radius: 5px; }
.btn_box { text-align: center; }
.contact_us .h_title { margin: 60px auto 0; font-size: 28px; }
.contact_us { background: url(../images/cc_bg.jpg) no-repeat; background-size: cover; }
.cn_lxr { display: flex; justify-content: space-between; flex-wrap: wrap; overflow: hidden; flex-direction: row; margin: 30px; }
.cn_lxr section { width: 43%; display: block; padding: 30px; background: #f7f7f7; margin-bottom: 30px; }
.cn_lxr section h4 { font-size: 20px; margin-bottom: 20px; color: #114c92; }
.cn_lxr section ul { line-height: 36px; float: left; }
.cn_lxr section img { width: 100px; float: right; }
.cn_lxr section i { height: 200px; display: block; overflow: hidden; margin-bottom: 20px; }
.content_box h1 { font-size: 26px; padding: 0 0 28px 0; text-align: center; margin: 30px; border-bottom: #ccc 1px dashed; }
.news_info { color: #999; font-size: 14px; line-height: 34px; margin-bottom: 15px; overflow: hidden; text-align: center; }
.news_info p { display: inline-block; margin: 0 10px 0 0; }
.news_next { overflow: hidden; margin: 30px; padding: 20px 0 0 10px; border-top: #e8e8e8 1px solid; }
.news_next li { text-overflow: ellipsis; white-space: nowrap; color: #666; overflow: hidden; line-height: 40px; }
.news_next li:nth-child(2) { }
.news_next li a { color: #222; }
.news_next li a:hover { color: #015aae; }
.ab_title { background: #efefef; line-height: 48px; }
.ab_title h3 { background: #114c92; color: #fff; font-size: 22px; padding: 0 45px; display: inline-block; }
.about_text .content { padding: 30px; }
.about-team-title { width: 90%; margin: 30px auto 30px; height: 38px; line-height: 38px; text-align: center; background: url(../images/about_title_bgs.png) no-repeat center center; background-size: auto 100%; font-size: 24px; color: #FFFFFF; }
.abs_pic { margin: 40px auto 50px; display: block; width: 84% }
.Box_con { position: relative; width: 880px; margin: 50px auto 80px; }
.Box_con .btnl { position: absolute; }
.Box_con .btn { display: block; width: 48px; height: 48px; position: absolute; top: 140px; cursor: pointer; }
.Box_con .btnl { background: url(../images/jt01.png) no-repeat center; left: -72px; }
.Box_con .btnr { background: url(../images/jt02.png) no-repeat center; right: -72px; }
.Box_con .conbox { position: relative; overflow: hidden; }
.Box_con .conbox ul { position: relative; list-style: none; height: 360px; overflow: hidden; }
.Box_con .conbox ul li { float: left; width: 260px; height: 360px; margin-left: 47px; overflow: hidden; }
.Box_con .conbox ul li:first-child { margin-left: 0; }
.Box_con .conbox ul li img { display: block; width: 260px; height: 360px; }
.ab_table { margin: 50px 0; }
.ab_table table { margin: 15px auto; border-collapse: collapse; border: 1px solid #dcdcdc; width: 82%; line-height: 30px; }
.ab_table table t { background-color: #fff; }
.ab_table table p { margin: 0 0 2px 0; }
.ab_table table th { vertical-align: baseline; padding: 5px; background: #f5f5f5; border: 1px solid #dcdcdc; font-size: 16px; }
.ab_table table td { text-align: center; padding: 6px; border: 1px solid #dcdcdc; font-size: 16px; }
.ab_table tr:nth-child(odd) { background: #f3f8fc; }
.ab_table td.tl { text-align: left !important; text-indent: 2em; }
.news_lb { border: #ccc 1px solid; }
.pics .swiper-slide { width: 100%; height: 360px !important; overflow: hidden }
.pics { width: 47%; height: 360px; margin: 20px; float: left; overflow: hidden; }
.pics section:after { content: ""; position: absolute; bottom: 0; left: 0; width: 100%; height: 52px; z-index: -1; }
.pics section { bottom: 0; left: 0; position: absolute; display: block; width: 100%; z-index: 0; }
.pics h4 { color: #fff; text-shadow: 0 2px 4px rgba(0,0,0,.5); font-size: 16px; line-height: 26px; overflow: hidden; text-overflow: ellipsis; -webkit-box-orient: vertical; display: -webkit-box; -webkit-line-clamp: 1; padding: 0 107px 0 5px; z-index: 2; margin: 8px 0 7px; font-weight: normal; }
.dynews { float: right; width: 45%; margin: 20px; }
.dynews li { margin-bottom: 20px; padding-bottom: 20px; border-bottom: #e2e1e1 1px solid; }
.dynews li h3 { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; font-size: 18px; margin-bottom: 18px; }
.dynews li p { color: #666; overflow: hidden; text-overflow: ellipsis; -webkit-box-orient: vertical; display: -webkit-box; -webkit-line-clamp: 2; line-height: 26px; }
.dynews li:last-child { border-bottom: none; margin-bottom: 0; padding-bottom: 0; }
.dynews li:hover h3 { color: #114c92; }
.zx_list h3 a:before { content: "》"; font-size: 16px; }
.zx_list li a { color: #666; }
.ar_tj { margin-bottom: 10px; padding: 30px 30px 10px; overflow: hidden; }
.ar_tj i { width: 120px; height: 80px; display: block; overflow: hidden; margin: 5px 10px 0 5px; float: left; }
.ar_tj i img { width: 100%; min-height: 100%; }
.ar_tj h3 { font-size: 16px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; padding: 6px 0; }
.ar_tj p { font-size: 14px; line-height: 24px; color: #666; overflow: hidden; text-overflow: ellipsis; -webkit-box-orient: vertical; display: -webkit-box; -webkit-line-clamp: 2; }
.ar_tj a { display: block; overflow: hidden; }
.ar_tj li { width: 48%; float: left; }
.ar_tj li:nth-child(2) { float: right; }
.lxdy { border: #ccc 1px solid; }
.c_top { margin: 30px; }
.c_top i { width: 49%; height: 360px; float: left; overflow: hidden; margin-right: 30px; }
.c_top section { display: block; overflow: hidden; margin-bottom: 30px; background: #f7f7f7; position: relative; background-size: 100%; background-position: bottom; background-image: linear-gradient(315deg, #114c92 8%, #f7f7f7 8%, #f7f7f7 100%); background-repeat: no-repeat; }
.c_top h4 { font-size: 23px; margin: 30px 0; color: #114c92; }
.c_top ul { margin-bottom: 30px; line-height: 30px; }
.c_top i img { width: 100%; min-height: 360px; }
.c_top section span { position: absolute; left: 0; top: 0; background: url(../images/wz.png) no-repeat rgb(240, 137, 39, .9) left 10px center; color: #fff; padding: 20px 30px; font-size: 17px; background-size: 20px; text-indent: .2em; }
.cn_lxr section h4 span { /* color: #f08927; */ margin: 0 2px; }
.content_box { border: #ccc 1px solid; }
.content_box .content { margin: 0 30px 30px; }
.tags { margin: 30px; }
.tags a { display: inline-block; padding: 6px 10px; background: #114c92; color: #fff; margin: 5px; border-radius: 5px; }
.tags a:hover { background: #f08927; }
.left_lx { margin: 30px 0 }
.left_lx section { overflow: hidden; background: #efefef; margin: 30px 0; background-size: 100%; background-position: bottom; background-image: linear-gradient(315deg, #114c92 24%, #f7f7f7 24%, #f7f7f7 100%); position: relative; height: 300px; }
.left_lx section img { position: absolute; right: 93px; bottom: 83px; width: 150px; }
.left_lx section ul {/* float: left; */ position: absolute; top: 83px; left: 393px; line-height: 40px; }
.left_lx section span { font-size: 46px; position: absolute; color: #e5e4e4; z-index: 1; left: 42px; top: 71px; }
.left_lx section h4 { font-size: 40px; color: #114c92; position: absolute; z-index: 1; top: 72px; left: 48px; border-right: #114c92 3px solid; padding: 54px 120px 40px 0; }
.left_lx section b { font-size: 24px; color: #114c92; }
.left_tjcp, .left_xg { border: #ccc 1px solid; margin-bottom: 30px; }
.left_tjcp ul { padding: 30px; display: flex; flex-wrap: nowrap; justify-content: space-between; }
.left_tjcp ul li { width: 32%; text-align: center; line-height: 36px; }
.left_tjcp ul li i { overflow: hidden; display: block; height: 220px; }
.left_tjcp ul li i img { width: 100%; min-height: 100%; transition: .5s; }
.left_tjcp ul li:hover img { transform: scale(1.1); }
.left_tjcp ul li p { background: #efefef; transition: .5s; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
}
.left_tjcp ul li:hover p { background: #114c92; color: #fff; }
.left_lx section:before { position: absolute; content: ""; background-size: 100%; background-position: top; background-image: linear-gradient(135deg, #114c92 17%, #f7f7f7 17%, #f7f7f7 100%); top: 0; left: -10px; width: 277px; height: 300px; }
.left_xg .clum_news { margin-top: 30px }
.cp_title h3 { background: #114c92; color: #fff; font-size: 22px; padding: 0 45px; display: inline-block; }
.cplist-box { border: #ccc 1px solid; margin-bottom: 30px; }
.cplist-box ul { margin: 30px 20px; display: flex; flex-wrap: nowrap; justify-content: space-between; }
.cplist-box ul li { float: left; width: 32%; background: #efefef; }
.cplist-box ul li img { width: 100%; min-height: 100%; transition: .5s; }
.cplist-box ul li i { height: 246px; display: block; overflow: hidden; }
.cplist-box ul li p { text-align: center; line-height: 40px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
.cplist-box ul li:hover img { transform: scale(1.1); }
.cplist-box ul li:hover p { background: #114c92; color: #fff; }
.rt_xg { border: #ccc 1px solid; margin-top: 30px; }
.rt_xg .clum_news ul { margin-bottom: 0; padding: 20px; }
.cp_nav { border: #114c92 10px solid; margin-bottom: 30px; }
.cp_nav h2 { background: #114c92; color: #fff; text-align: center; font-size: 30px; padding: 27px 0; }
.cp_nav h2 a { color: #fff; }
.cp_nav ul { line-height: 60px; text-indent: 3.6em; font-size: 20px; }
.cp_nav ul li { border-bottom: 1px solid #e0e0e0; }
.cp_nav ul li { display: block; }
.cp_nav ul li:last-child { border-bottom: none; }
.cp_nav ul li a { display: block; }
.cp_nav ul li:hover a { color: #114c92; }
h3.side_title { line-height: 57px; background: #114c92; color: #fff; text-indent: 1em; font-size: 24px; }
.side_contact { border: #ccc 1px solid; }
.ab_title a { color: #fff }
.cplist { border: #ccc 1px solid; }
.cplist ul { margin: 20px 10px 10px; display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: flex-end; }
.cplist ul li { float: left; width: 33.3333%; overflow: hidden; margin-bottom: 20px; }
.cplist ul li img { width: 100%; min-height: 100%; transition: .5s; }
.cplist ul li i { height: 230px; display: block; overflow: hidden; }
.cplist ul li p { text-align: center; line-height: 40px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
.cplist ul li:hover img { transform: scale(1.1); }
.cplist ul li:hover p { background: #114c92; color: #fff; }
.cplist ul li a { display: block; margin: 10px; background: #efefef; }
.mb30 { margin-bottom: 30px }/*showbox*/
.show { float: left; width: 462px; }
#showbox { background: #eee; border: #ccc 1px solid; }
#showbox span { background: url(../images/whitebg.png) repeat; }
#showsum { left: 25px; margin-top: 10px; }
#showsum span { border: 1px solid #ddd; }
#showsum span.sel { border: 1px solid #0b509d; }
.showpage { width: 400px; position: relative; }
.showpage a { display: block; width: 15px; border: 1px solid #ddd; height: 60px; line-height: 60px; background: #eee; text-align: center; font-size: 18px; position: absolute; left: 0; bottom: 0px; text-decoration: none; color: #999; }
.showpage a#shownext { left: auto; right: -22px; }
.showpage a:hover { background: #ccc; color: #777; }
.propar { margin: 0 0 0 450px; overflow: hidden; }
.propar h4 { font-size: 24px; margin: 13px 0; }
.cps p { display: inline-block; margin-right: 10px; }
.propar ul { padding: 22px 0; border-top: #ddd 1px solid; }
.propar ul li { color: #888; margin-bottom: 20px; font-size: 16px; line-height: 24px; }
.propar ul li span { margin-right: 10px; color: #222 }
.btn_buy a { color: #fff; height: 46px; line-height: 46px; }
.btn_cpzx { color: #ffffff; background: linear-gradient(to left, #093c8b, #0f7dc4, #093c8b); border-radius: 34px; display: inline-block; text-align: center; clear: both; padding: 0 50px; margin-right: 57px; font-size: 17px; transition: .5s; }
.btn_cpt { text-indent: 1em; color: #ffffff; background: url(../images/tell.png) no-repeat #f08927; border-radius: 34px; display: inline-block; text-align: center; clear: both; margin-right: 30px; font-size: 22px; transition: .5s; background-size: 46px; padding: 0 34px; }
.cp_infos li { position: relative; z-index: -1 }
.cp_infos li:after { content: ""; position: absolute; width: 4px; height: 4px; background: #ee781e; left: 5px; top: 50%; margin-top: -2px; }
.cp_infos ul li { color: #565458; padding-left: 20px; }
.btn_buy { margin: 10px 0; }
.btn_cpzx:hover { padding: 0 55px; }
img.ewm { width: 125px; }
.btn_buy span { background: url(../images/fttell.png) no-repeat left center; background-size: 46px; padding: 10px 0 10px 50px; font-size: 27px; font-weight: bold; color: #f1861b; line-height: 50px; display: inline-block; transition: .5s; }
.btn_buy span:hover { transform: translateX(10px) }
.cpmb { margin: 20px auto; clear: both; }
.zizlist { border: #ccc 1px solid; }
.zizlist ul { margin: 30px; overflow: hidden; }
.zizlist ul li { width: 33.3333%; float: left; text-align: center; }
.zizlist ul li i { display: block; overflow: hidden; height: 400px; }
.zizlist ul li img { width: 100%; min-height: 100%; transition: .5s; }
.zizlist ul li a { margin: 20px; display: block; background: #e8e8e8; border: #ccc 1px solid; }
.zizlist ul li p { line-height: 40px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
.zizlist ul li:hover p { background: #114c92; color: #fff; }
.zizlist ul li:hover img { transform: scale(1.1); }
.jzlist { border: #ccc 1px solid; }
.jzlist ul { padding: 30px; overflow: hidden; }
.jzlist ul li { float: left; width: 33.33%; }
.jzlist ul li a { border: #ede7e7 1px solid; display: block; margin: 20px; padding: 10px 0; }
.jzlist ul li i { display: block; margin: auto; }
.jzlist ul li img { margin: auto; }
.jzlist ul li:hover a { border: #114c92 1px solid; }
p.fm { text-align: center; }
.hezuo { border: #ccc 1px solid; }
.tit { font-size: 24px; margin: 40px 0 15px 40px; color: #114c92; font-weight: bold; }
.toz { margin: 30px; }
.toz ul { margin: 30px 30px 30px 74px; }
.toz ul li { list-style-type: decimal; line-height: 30px; margin: 20px 0; }
.toz h2 { background: #efefef; font-size: 20px; padding: 12px 26px 12px 37px; display: inline-block; border-radius: 40px; counter-increment: a 1; position: relative; text-indent: 1em; }
.toz h2:before { content: counter(a); width: 50px; height: 50px; line-height: 50px; border-radius: 100%; text-align: center; font-size: 21px; color: #fff; background-color: #5a9ded; display: inline-block; left: 0px; top: 0; position: absolute; text-indent: initial; }
.lxdy iframe { display: block; margin: 30px auto; width: 95%; height: 416px; border: 0; }
.dt { margin: 30px auto }
.lyonline { margin: 30px auto; border: #ccc 1px solid; }
.lyonline .fm { margin-top: 38px; }
.form-sq .btn_tj { margin: 30px auto !important; display: block; }
.lyonline ul.form-sq { padding: 0 30px 0 30px; }
.p_show { }
.m_show { display: none }
.hd { display: none; }
.fm_banner { padding-top: 90px; background: #114c92; }
.mbtn_box { display: none; }
.gd-box.p_show { padding-bottom: 20px; clear: both; }
.left_lx em { font-style: normal; }
.xlzs.cp-box li { width: 50%; }
.xlzs.cp-box li i { height: 500px; }
.xlzs.cp-box p { font-size: 24px; font-weight: bold; }
.hzbtn { clear: both; overflow: hidden; }
.hzbtn a { display: block; background: #f08927; width: 400px; text-align: center; margin: 47px auto 0; line-height: 60px; font-size: 22px; color: #fff; border-radius: 38px; }
.news-box .top_news h3 strong font { color: #fff !important; font-weight: normal; }
.youshi { background: #fff; padding-bottom: 70px; }
a.tab-cu { background: #114c92; }
.side_nav { position: fixed; right: 0; bottom: 20%; z-index: 999; }
.side_nav ul li { width: 57px; height: 57px; background: #f08927; margin-bottom: 1px; }
.side_nav ul li:hover { background: #1049a0 }
.side_nav ul li a { display: block; position: relative; }
.side_nav ul li span { position: absolute; right: 57px; top: 0; background: #1049a0; font-weight: bold; width: 170px; min-height: 57px; line-height: 57px; color: #fff; text-align: center; font-size: 20px; display: none; }
.side_nav ul li span img { margin: 10px auto; width: 140px; }
.side_nav li i { display: block; margin: auto; width: 100%; height: 57px; background-size: 32px; }
i.icon_dh { background: url(../images/0icon_dh.png) no-repeat center; }
i.icon_wx { background: url(../images/0icon_wx.png) no-repeat center; }
i.icon_qq { background: url(../images/0icon_qq.png) no-repeat center; }
i.icon_fh { background: url(../images/0icon_top.png) no-repeat center; }
.side_nav ul li:hover span { display: block }
.ph_nav { display: none; }
.hd_list { }
.hd_list ul { overflow: hidden; }
.hd_list li { width: 49%; float: left; }
.hd_list li a { display: block; overflow: hidden; margin: 0 0 20px; background: #efefef; padding: 20px; }
.hd_list li i { height: 346px; overflow: hidden; display: block; margin-bottom: 10px; }
.hd_list li i img { width: 100%; min-height: 100%; }
.hd_list li:nth-child(even) { float: right; }
.hd_list li h3 { font-size: 18px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; margin-bottom: 10px; }
.hd_list li p { overflow: hidden; text-overflow: ellipsis; -webkit-box-orient: vertical; display: -webkit-box; -webkit-line-clamp: 1; color: #666; margin-bottom: 20px; }
.hd_list li span { line-height: 30px; background: #114c92; color: #fff; padding: 5px 14px; border-radius: 4px; font-size: 15px; }
.pics img { min-height: 100%; }