@charset "utf-8"; /* CSS Document by ip3q.com */
* { margin: 0; padding: 0; }
body { font: 15px "Microsoft YaHei", Arial, Helvetica, sans-serif; color: #222; background: #fff; }
img { border: 0; display: block }
ul, li { list-style: none; }
a { text-decoration: none; color: #000; }
a:hover { text-decoration: none; }
.clear { clear: both; width: 100%; overflow: hidden; }
.box { width: 1200px; margin: auto; overflow: hidden; }
/*header*/
header section { float: left; margin: 15px 0; }
.logo { margin: 0 10px 0px 0; padding-right: 20px; float: left; position: relative; }
.logo i { display: block }
.logo i:after { content: ""; background: #eaeaea; height: 60px; width: 1px; position: absolute; right: 11px; top: 26px; }
.top_info { margin: 10px 0 15px; float: left; }
.top_info h2 { color: #333333; margin: 8px 0; font-size: 28px; }
.top_info p { color: #6a6a6a; font-size: 18px; height: 25px; line-height: 25px; }
.top_r { float: right }
.top_tell { font-size: 14px; margin: 33px 0 8px; color: #999; font-weight: normal; overflow: hidden; background: url(../images/tell.png) no-repeat left center; padding-left: 62px; background-size: 46px; }
.top_tell span { color: #333333; font-family: fantasy; font-size: 36px; line-height: 46px; font-weight: bold; display: block; }
nav { width: 100%; height: 60px; line-height: 60px; margin-top: 5px; position: relative; background: #565458; border-top: #006fd1 5px solid; }
#starlist { width: 1200px; margin: auto; font-size: 0; display: flex; flex-wrap: nowrap; justify-content: flex-start; }
#starlist li { display: inline; float: left; font-size: 16px; text-align: center; position: relative; width: 150px; margin-right: 20px; }
#starlist li a { display: block; position: relative; z-index: 0; color: #fff; }
#starlist li a:after { position: absolute; content: ""; background: #006fd1; bottom: 0; left: 0; height: 0; width: 100%; z-index: -1; transition: .5s; }
#starlist li:hover a:after { height: 100%; left: 0 }
#selected:after { width: 100% !important; left: 0 !important; }
a#selected { background: #006fd1; }
.sub { position: absolute; overflow: hidden; left: 0; top: 70px; z-index: 9; width: 100%; opacity: 0; height: 0; transition: all .5s; }
.sub dl { margin: auto; overflow: hidden }
.sub dt { float: left; width: 206px; 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: 48px; border-bottom: #424043 1px solid; }
.sub dd a { padding: 0; }
.sub dd:last-child { }
#starlist li:hover div.sub { opacity: 1; height: auto; top: 60px; }
#starlist li: hover dl a:after { display: none }
#starlist li dd { background: #565458; }
#starlist li dd a:after { width: 0; }
#starlist li dd:hover a:after { background: #006fd1; width: 100%; }
.search { position: relative; overflow: hidden; width: 320px; border-radius: 20px; margin-top: 29px; float: right; }
.search input.input_submit { border: none; color: #fff; outline: none; position: absolute; top: 0; right: 0; width: 25%; display: block; font-size: 15px; height: 36px; line-height: 36px; cursor: pointer; background: #bfbfbf; }
.search input.input_text { border: 0; line-height: 36px; height: 36px; font-size: 14px; width: 75%; outline: none; text-indent: 2.2em; background: url(../images/search.png) no-repeat center left 8px #fff; }
header .box { width: 1200px; }
.logo img { height: 85px; margin: 10px 0; }
.banner { position: relative; }
.banner img { width: 100%; height: 100%; }
.search_bg { background: #ededed; }
.hot_search { float: left; line-height: 90px; }
.hot_search a { color: #666; margin: 0 10px; }
.hot_search a:hover { color: #cf9707; }
.h_title { text-align: center; }
.h_title h3 { font-size: 36px; margin: 60px 0 30px; position: relative; }
.h_title p { font-size: 22px; color: #565458; display: block; margin: 30px 0 60px; }
.h_title h3:after { content: ""; width: 100px; height: 3px; background: #006fd1; position: absolute; left: 50%; top: 60px; margin-left: -50px; }
.pic_a { }
.pic_a ul { display: flex; justify-content: space-between; }
.pic_a ul li { width: 24%; position: relative; }
i.ys_bg { width: 100%; height: 400px; display: block; overflow: hidden; }
.pic_a ul li section { position: absolute; bottom: 0; left: 0; z-index: 2; color: #fff; }
.pic_a ul li:after { content: ""; width: 100%; height: 85px; background: #006fd1; position: absolute; bottom: 0; z-index: 1; transition: .5s; }
.pic_a ul li:hover section h4 { font-size: 24px; color: #fff; }
.pic_a ul li:hover:after { content: ""; width: 100%; height: 100%; background: rgba(0,0,0,0.7); position: absolute; bottom: 0; z-index: 1; }
.pic_a ul li section p { font-size: 16px; line-height: 1.8; text-align: justify; padding: 0 30px; opacity: 0; height: 0; transition: .5s; }
.pic_a ul li:hover section p { opacity: 1; height: auto; padding: 20px 30px; }
i.ys_ico {width: 46px;height: 46px;background: no-repeat center #ffac14;margin: 0 auto -6px;border-radius: 50%;display: block;}
i.ys_ico img { filter: invert(100%); }
.pic_a ul li:hover i.ys_ico { background: no-repeat center #006fd1; padding : 9px; margin: auto }
.pic_a ul li section h4 {text-align: center;font-size: 24px;line-height: 70px;color: #fff;}
i.ys_bg img { width: 100%; }
.pic_a ul li:hover i.ys_ico img { filter: brightness(0.5); }
.youshi { padding-bottom: 60px }
.pic_b { background: url(../images/cpbg.jpg) no-repeat; background-size: cover; padding-bottom: 60px; }
.pic_b .h_title h3, .about .h_title h3 {color: #fff;}
.pic_b .h_title p, .about .h_title p { color: #fff }
.pro_nav { float: left; width: 260px; background-color: #fff; }
.pro_nav h4 {line-height: 80px;text-align: center;font-size: 24px;font-weight: bold;background-color: #006fd1;color: #fff;}
.pro_nav ul { }
.pro_nav ul li { line-height: 66px; border-bottom: 1px solid #efefef; text-indent: 65px; font-weight: bold; position: relative; }
.pro_nav ul li a { display: block; }
.pro_nav ul li a:hover { color: #006fd1; }
.pro_nav ul li:before { content: ""; width: 7px; height: 7px; border-radius: 100%; position: absolute; background: #006fd1; border: #333 4px solid; left: 31px; top: 26px; }
.pro_nav ul li:after { content: ""; width: 26px; height: 26px; border-radius: 100%; position: absolute; background: #b8b8b8 url(../images/jt.png) no-repeat center; background-size: 26px; right: 24px; top: 20px; }
.pro_nav ul li:hover:after { background: #006fd1 url(../images/jt.png) no-repeat center; }
.pro_list { float: right; width: 77%; }
.pro_list ul {display: flex;flex-wrap: wrap;overflow: hidden;justify-content: flex-start;}
.pro_list ul li {position: relative;margin-bottom: 18px;overflow: hidden;width: 30%;margin-left: 3%;}
.pro_list ul li i { width: 300px; height: 300px; display: block; background: #fff; }
.pro_list ul li p { position: absolute; height: 55px; line-height: 55px; width: 90%; padding: 0 5%; text-align: center; left: 0; bottom: 0; background: rgba(0,0,0,.4); color: #fff; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; transition: .5s; }
.pro_list ul li:hover p {background-color: #f19c00;color: #333;}
.pro_list ul li img { transition: .5s; width: 100%; min-height: 100%; }
.pro_list ul li:hover img { transform: scale(1.1); }
.tell_dg { background: #e9e9e9; margin: 10px; text-align: center; overflow: hidden; padding: 10px 0 12px; }
.tell_dg i { width: 40px; height: 40px; display: block; margin: 20px auto; background: #006fd1; border-radius: 100%; }
.tell_dg i img { width: 24px; margin: auto; padding-top: 9px; }
.tell_dg span { display: block; font-size: 14px; color: #666; margin-bottom: 10px; }
.tell_dg b { font-size: 26px; }
.sl_nav ul {display: flex;flex-wrap: nowrap;justify-content: space-around;width: 50%;margin: 0 auto 40px;}
.sl_nav ul li { line-height: 42px; width: 160px; font-size: 14px; border: 1px solid #ebebeb; text-align: center; }
.sl_nav ul li a { display: block; transition: .5s; color: #666; background: #fff; }
.sl_nav ul li a:hover {background: #006fd1;color: #fff;}
.pic_c .box { position: relative; overflow: initial; }
.sl_list ul { /* overflow: hidden; */ text-align: center; }
.sl_list ul li { width: 32%; margin: 0 10px; overflow: hidden; display: inline-block; }
.sl_list ul li h4 { font-size: 18px; line-height: 30px; font-weight: bold; margin: 15px 0; }
.sl_list ul li p { color: #666; line-height: 24px; text-align: justify; height: 72px; overflow: hidden; text-overflow: ellipsis; -webkit-box-orient: vertical; display: -webkit-box; -webkit-line-clamp: 3; }
.sl_list ul li a { padding: 15px; margin: 10px; background-color: #fff; border: 1px solid #eee; transition: all .5s; display: block; overflow: hidden; }
.sl_list ul li img { width: 100%; }
.sl_list ul li span {display: block;width: 100px;margin: auto;margin-top: 20px;margin-bottom: 10px;background-color: #006fd1;text-align: center;color: #fff;padding: 10px;}
.sl_list ul li:hover a { border: #006fd1 1px solid; box-shadow: 0 0 10px rgb(0 0 0 / 20%); }
.sl_list ul li i { width: 100%; height: 230px; display: block; overflow: hidden; }
.sl_list ul li i img { width: 100%; min-height: 100%; transition: .5s; }
.sl_list ul li:hover img { transform: scale(1.1); }
.pic_c { padding: 0 0 60px 0; background: #f2f2f2; overflow: hidden; }
.hd { overflow: hidden; height: 30px; }
.hd ul { overflow: hidden; margin-top: 14px; zoom: 1; }
.hd ul li { width: 9px; height: 9px; display: inline-block; border-radius: 100%; overflow: hidden; margin-right: 5px; text-indent: -999px; cursor: pointer; background: #ccc; }
.hd ul li.on { background-position: 0 0; background: #006fd1 }
a.next { background: url(../images/left.png) no-repeat center; width: 100px; height: 100px; display: block; position: absolute; top: 50%; margin-top: 50px; left: 0; margin-left: -111px; }
a.prev { background: url(../images/right.png) no-repeat center; width: 100px; height: 100px; display: block; position: absolute; top: 50%; margin-top: 50px; right: 0; margin-right: -100px; }
.kehu_pic { background: #f2f2f2; }
.kehu_pic ul { display: flex; flex-wrap: wrap; justify-content: space-between; overflow: hidden; padding-bottom: 60px; }
.kehu_pic ul li { width: 15%; height: 90px; border: #efefef 1px solid; float: left; margin-bottom: 20px; transition: .5s; background: #fff; overflow: hidden; }
.kehu_pic ul li img { width: 160px; height: 80px; margin: 5px auto; }
.kehu_pic ul li:hover { border: #006fd1 1px solid; }
.kehu_pic h3 { text-align: center; font-size: 24px; margin: 20px auto 40px; font-weight: normal; }
.about { padding-bottom: 90px; background: url(../images/ab_bg.jpg) no-repeat; background-size: cover; }
.about i { width: 45%; height: 300px; overflow: hidden; display: block; float: left; margin-right: 30px; position: relative; padding: 30px; z-index: 1; }
.about i img { width: 100%; min-height: 100%; transition: .5s; }
.about section { color: #fff; line-height: 26px; font-size: 16px; }
.about section h4 { font-size: 30px; margin: 20px 0 30px; padding-top: 50px; }
.about section p { margin-bottom: 20px }
.about section i { position: relative; z-index: 0; }
.about i:after {position: absolute;content: "";background: #ffac14;left: 56px;bottom: -50px;width: 90%;height: 90%;z-index: -1;transition: 1s}
.about section a {display: inline-block;width: 135px;line-height: 44px;background: #006fd1;text-align: center;margin: 20px 0;transition: .5s;color: #fff;}
.about i:hover img { transform: scale(1.1); }
.about i:hover:after { width: 0; height: 0; left: 50%; top: 50%; opacity: 0 }
.about section a:hover { transform: translateY(-10px); }
.liucheng { background: #f5f5f5; padding-bottom: 60px }
.liucheng ul { text-align: center; }
.liucheng ul li { position: relative; display: inline-block; text-align: center; padding: 0 40px; }
.liucheng ul li:after { position: absolute; content: ""; background: url(../images/jtblank.png) no-repeat; right: -18px; top: 50%; margin-top: -16px; width: 32px; height: 32px; background-size: 32px; }
.liucheng ul li i { width: 100px; height: 100px; border-radius: 100%; background: #fff; display: block; margin: 20px auto 12px; transition: .5s }
.liucheng ul li img { transition: .5s }
.liucheng ul li p { color: #333 }
.liucheng ul li:hover i { background: #006fd1; transform: translateY(-10px) }
.liucheng ul li:hover img { filter: invert(100%); }
.liucheng ul li:last-child:after { display: none; }
/*ad*/
.ad { background: url(../images/ban01.jpg) no-repeat; height: 200px; color: #fff; overflow: hidden; background-size: cover; position: relative; }
.ad:before { content: ""; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: rgb(20 32 56 / 80%); z-index: 1; }
.ad:after {content: "";width: 48%;height: 100%;position: absolute;right: -10%;top: 0;background: rgb(0 111 209);z-index: 1;transform: skewX(-30deg);}
.ad_r { float: right; text-align: center; z-index: 2; position: relative; padding-right: 6px; }
.ad_l { float: left; z-index: 2; position: absolute; }
.ad_r h4 { font-size: 34px; padding: 0 0 19px 0; }
.ad_r p {margin: 30px 0 10px;color: #fff;}
.ad_r span { color: #333; border-radius: 25px; background: #ffffff; line-height: 40px; display: block; transition: .5s; background-size: 32px; position: relative; }
.ad_r span:hover { transform: translateX(6px) }
.ad_l h3 { font-size: 36px; margin: 55px 0 20px 0; }
.ad_l h3 span { margin-left: 10px }
.ad_l p { font-size: 22px; text-align: center; }
.ad_l p span { margin: 0 30px 0 0; }
.ad_r span:before {position: absolute;content: "";background: url(../images/jtblank.png) no-repeat center;right: 7px;top: 5px;width: 30px;height: 30px;border-radius: 100%;z-index: 2;background-size: 32px;color: #fff;}
.ad_r span:after {position: absolute;content: "";background: #ffac14;right: 8px;top: 5px;width: 30px;height: 30px;border-radius: 100%;z-index: 0;}
.ad_l h3 font {color: #ffac14;margin: 0 5px;}
.news { background: #f5f5f5; padding-bottom: 60px }
#tab { margin: 20px; text-align: center; }
#tab li { position: relative; line-height: 40px; width: 160px; border: 1px solid #ebebeb; text-align: center; display: inline-block; margin: 0 20px; }
#tab-content section { display: none; }
#tab-content section:nth-child(1) { display: block }
#tab li a { display: block; background: #fff; transition: .5s }
#tab li.tab-current a {background: #006fd1;color: #fff;}
.news_fl, .news_fr { width: 48%; }
.news_fl { float: left; position: relative; }
.news_fr { float: right; }
.newslist { }
.newslist li { border: 1px solid #eee; background-color: #fff; margin-top: 20px; overflow: hidden; transition: .5s; }
.newslist li span { float: left; width: 110px; color: #666; text-align: center; border-right: 1px solid #eee; margin-right: 20px; }
.newslist li span b { display: block; font-size: 50px; color: #333; font-family: Impact; margin-bottom: 6px; }
.newslist li h3 { font-size: 16px; font-weight: bold; line-height: 22px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; color: #333; margin-bottom: 10px; transition: .5s }
.newslist li p { color: #888; overflow: hidden; text-overflow: ellipsis; -webkit-box-orient: vertical; display: -webkit-box; -webkit-line-clamp: 2; line-height: 1.8; }
.newslist li a { padding: 20px 20px 20px 0; overflow: hidden; display: block; }
.news_fl i { display: block; height: 447px; overflow: hidden; width: 100%; }
.news_fl i img { width: 100%; min-height: 100%; margin: auto; transition: .5s; }
.news_fl ul { }
.newslist li:hover { border-color: #006fd1; box-shadow: 0 0 10px rgb(0 0 0 / 20%); }
.newslist li:hover h3 { color: #006fd1; }
.news_fl .newslist li a { padding: 0 }
a.fl span { margin: 20px 20px 20px 0; }
a.fl h3 { margin: 20px 20px 10px; }
a.fl p { margin: 10px 20px 20px; }
.news_fl li:hover img { transform: scale(1.1); }
footer {background: #565458;color: #d7d7d7;padding: 0 0 10px;border-top: 10px solid #006fd1;}
footer a { color: #d7d7d7; }
footer a:hover { color: #fff }
.links { padding: 15px 0; font-size: 15px; border-bottom: 1px solid #5e5c60; color: #d7d7d7; }
.links a { color: #d7d7d7; }
.links span { display: inline-block; margin: 0 10px; }
.copyright { text-align: center; font-size: 14px; line-height: 23px; padding-top: 10px; border-top: 1px solid #5e5c60; margin-top: 20px; }
.copyright img { display: inline-block; vertical-align: bottom; margin: 0 5px }
.contact { text-align: center; margin: 30px 0 0; float: right; font-size: 13px; }
.contact i { display: inline-block; font-style: normal; }
.contact img { margin: 10px 10px 5px; width: 100px; }
.ftnav { float: left; width: 23%; margin: 30px 0 0 0; }
.ftinfo { float: left; margin: 30px 0 0 50px; line-height: 36px; border-left: 1px solid #5e5c60; padding-left: 100px; }
.ftnav ul { display: flex; flex-wrap: wrap; }
.ftnav ul li { width: 50%; line-height: 36px; position: relative; text-indent: 1em; }
.ftnav ul li:before { position: absolute; content: ""; width: 10px; height: 2px; background: #54565f; left: 0; top: 47%; }
p.ft_zx b { font-size: 26px; font-weight: normal; }
.side_nav { position: fixed; right: 0; bottom: 20%; z-index: 999; background: #fff; box-shadow: inset 0px -1px 0px rgb(255 255 255 / 45%); filter: drop-shadow(0px 1px 8px rgba(0, 61, 165, 0.1)); }
.side_nav ul li {width: 66px;height: 70px;text-align: center;position: relative;border-bottom: #ffffff 1px solid;cursor: pointer;background: #f19c00;}
.side_nav ul li a { display: block; position: relative; }
.side_nav ul li span {position: absolute;top: 0px;right: 76px;font-weight: 900;color: #ffffff;z-index: 2;font-size: 14px;display: none;align-items: center;width: 222px;background: #f19c00;text-align: left;text-indent: 76px;padding: 14px 0;}
.side_nav ul li:last-child { border-bottom: 0 }
.side_nav ul li:nth-child(3) span {background: url(../images/tell_white.png) no-repeat left 20px center #f19c00;background-size: 32px;}
.side_nav li i { display: block; margin: auto; width: 100%; height: 46px; background-size: 26px; filter: brightness(100); }
i.icon_dh { background: url(../images/i02.png) no-repeat top 15px center; }
i.icon_wx { background: url(../images/i03.png) no-repeat top 15px center; }
i.icon_qq { background: url(../images/i01.png) no-repeat top 14px center; }
i.icon_fh { background: url(../images/i04.png) no-repeat top 15px center; }
.side_nav ul li:hover span { display: block }
.side_nav ul li span:after {position: absolute;content: "";border-width: 8px 0px 8px 8px;border-style: solid;border-color: transparent transparent transparent #f19c00;border-image: initial;top: 29px;right: -7px;}
.side_nav ul li:nth-child(2) span { width: auto; margin: 0; padding: 10px; top: -40px }
.side_nav ul li:nth-child(2) span:after { top: 40% }
.side_nav ul li span:before { content: ""; width: 20px; height: 100%; position: absolute; right: -20px; }
.side_nav li p { /* position: absolute; */ bottom: 10px; display: block; text-align: center; width: 100%; line-height: 17px; font-size: 12px; color: #fff; }
.side_nav ul li font { display: block; }
.side_nav ul li span font { padding-top: 7px; cursor: pointer; color: #ffffff; font-size: 17px; }
.side_nav ul li span img { width: 160px; margin: auto; }
.page_pro { margin: 30px auto }
.page_pro .pro_nav { background: #f4f4f4; }
.banner2 img { width: 100%; }
.weizhi { margin-bottom: 15px; background: url(../images/icon_home.png) no-repeat 12px 13px; height: 20px; line-height: 24px; padding: 7px 8px 8px 35px; position: relative; color: #666; overflow: hidden; font-size: 14px; border-bottom: 1px solid #ececec; padding-bottom: 8px; }
.weizhi a { color: #666; }
/*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: #006fd1; }
.epages > b { padding: 5px 10px; }
.banner2 { }
.side_left { float: left; width: 260px; margin: 20px 0; }
.side_right { float: right; width: 75%; margin: 20px 0; }
.news_nav { overflow: hidden; text-align: center; }
.news_nav ul { background: #f4f4f4; }
.news_nav h3 { font-size: 24px; line-height: 80px; background: #006fd1; color: #fff;}
.news_nav h3 a { color: #fff; }
.news_nav ul a { color: #000; display: block; }
.news_nav ul li { line-height: 60px; background: #f4f4f4; border-bottom: 1px solid #efefef; }
a#navoncurrent, .news_nav ul li:hover a { background: #e7e7e7; }
.news_list { }
.news_list ul { }
.news_list li { overflow: hidden; margin: 20px 0; border: #e7e5e5 1px solid; padding: 20px; transition: .5s }
.news_list li:hover { border: #006fd1 1px solid; box-shadow: 0 0 10px rgb(0 0 0 / 20%); }
.news_list li i { width: 240px; height: 166px; overflow: hidden; float: left; margin-right: 20px; }
.news_list li i img { width: 100%; min-height: 100%; transition: .5s }
.news_list li section { }
.news_list h3 { font-size: 20px; margin: 10px 0; overflow: hidden; text-overflow: ellipsis; -webkit-box-orient: vertical; display: -webkit-box; -webkit-line-clamp: 2; }
.news_list p { color: #888; line-height: 24px; margin: 20px 0; overflow: hidden; text-overflow: ellipsis; -webkit-box-orient: vertical; display: -webkit-box; -webkit-line-clamp: 2; }
.news_list span { background: #f1f1f1; font-size: 15px; display: block; width: 120px; height: 40px; float: right; line-height: 40px; text-align: center; transition: .5s }
.news_list li:hover img { transform: scale(1.1) }
.news_list li:hover span { background: #006fd1; color: #fff;}
.side_contact { margin: 20px 0; overflow: hidden; }
.side_contact h3 { background: #006fd1; color: #fff; padding: 7px 10px; font-size: 16px; }
.side_contact dl { padding: 10px; border: #e7e5e5 1px solid; }
.side_contact dd { line-height: 26px; font-size: 13px; color: #333; }
.side_contact dd b { font-size: 16px; color: #333333; margin: 12px 0 6px; display: block; }
.tell_dg_b { text-align: center; overflow: hidden; padding: 10px 0 30px; background: #565458; color: #d7d7d7; border-top: 10px solid #006fd1; }
.tell_dg_b i { width: 40px; height: 40px; display: block; margin: 20px auto; background: #006fd1; border-radius: 100%; }
.tell_dg_b i img { width: 24px; margin: auto; padding-top: 9px; }
.tell_dg_b span { display: block; font-size: 14px; color: #d7d7d7; margin-bottom: 10px; }
.tell_dg_b b { font-size: 26px; }
.page.box { margin: 10px auto; }
.gb_info { text-align: center; }
.gb_info h3 { font-size: 30px; font-weight: bold; margin: 40px 0 15px; }
.gb_info p { color: #666; line-height: 24px; }
.gb_info span { color: #006fd1; font-weight: bold; }
ul.form-sq { width: 60%; margin: 30px auto; border-radius: 3px; overflow: hidden; padding: 20px; }
ul.form-sq li { margin-bottom: 16px; line-height: 36px; }
ul.form-sq li input { display: block; line-height: 46px; width: 100%; text-indent: 1em; border: #e0e0e0 1px solid; outline: none; }
ul.form-sq li textarea { display: block; line-height: 24px; width: 100%; text-indent: 1em; border: #e0e0e0 1px solid; outline: none; }
ul.form-sq p { margin-bottom: 30px; text-align: center; font-size: 18px; }
ul.form-sq input[type="submit"] { display: block; margin: 30px auto; width: 200px; line-height: 40px; font-size: 16px; height: 40px; background: #006fd1; color: #fff; border: none; }
li.fh { width: 49%; float: left; }
li.fh:nth-child(3) { float: right; }
.lx_list { margin: 40px 0 20px; text-align: center; }
.lx_list ul { display: flex; justify-content: space-between; }
.lx_list ul li { border: 1px solid #eee; width: 24%; background: #f5f5f5; padding: 20px 0; transition: .5s; }
.lx_list ul li i { margin: 10px auto 20px; display: block; width: 50px; height: 50px; background: #006fd1; border-radius: 100%; }
.lx_list ul li img { width: 32px; margin: auto; padding-top: 10px;    filter: invert(1) }
.lx_list ul h4 { font-size: 16px; margin-bottom: 12px; }
.lx_list ul p { margin-bottom: 20px; color: #777; }
.lx_list ul li:hover { border-color: #006fd1; box-shadow: 0 0 10px rgb(0 0 0 / 20%); }
.ditu { width: 100%; height: 400px; clear: both; margin: 0 0 40px 0; }
.ditu iframe { display: block; width: 100%; height: 400px; border: 0; }
/*news_content*/
.news_content { line-height: 28px; font-size: 16px; text-indent: 2em; }
.news_content h2 { margin: 40px 0 20px 0; }
.news_content h2:before { top: 7px }
.news_content img { max-width: 100% !important; height: auto !important; margin: 20px auto; }
.news_content p { margin: 20px 0 }
.news_content h2 { font-size: 22px; line-height: 40px; position: relative; padding-left: 30px; margin: 20px 0; font-style: normal; display: block; text-indent: initial; }
.news_content h2{ background:#d9dfe4}
.news_content a { color: #1049a0; }
.news_content ul, .news_content ol { margin: 20px 0 20px 50px; }
.news_content ul li { margin-top: 3px; line-height: 30px; list-style-type: disc; text-indent: initial; }
.news_content ol li { margin-top: 3px; line-height: 30px; list-style-type: decimal; text-indent: initial; }
.news_content table { margin: 15px 0; border-collapse: collapse; border: 1px solid #dcdcdc; width: 100%; }
.news_content table t { background-color: #fff; }
.news_content table p { margin: 0 0 2px 0; }
.news_content table th { vertical-align: baseline; padding: 5px; background: #f5f5f5; border: 1px solid #dcdcdc; font-size: 16px; }
.news_content table td { text-align: center; padding: 6px; border: 1px solid #dcdcdc; font-size: 16px; }
/*pics_content*/
.pics_content { margin: 20px 0; }
.pics_content ul { overflow: hidden; }
.pics_content ul li { float: left; width: 33%; }
.pics_content ul li a { display: block; margin: 10px; background: #f4f4f4; padding: 10px; overflow: hidden; }
.pics_content ul li i { overflow: hidden; display: block; }
.pics_content ul li img { width: 100%; min-height: 100%; transition: all .5s; }
.pics_content ul li:hover img { transform: scale(1.1) }
.news_info { color: #999; font-size: 14px; line-height: 34px; margin-bottom: 30px; overflow: hidden; text-align: center; border-bottom: 1px solid #ddd; border-top: 1px solid #ddd; }
.news_info a{color: #2d72bb;}
.news_info p { display: inline-block; margin: 0 10px; }
.news_next { overflow: hidden; margin: 30px 0; border: #eceaea 1px solid; padding: 10px; background: #f7f7f7; }
.news_next li { width: 45%; float: left; text-overflow: ellipsis; white-space: nowrap; color: #666; overflow: hidden; font-size: 14px; }
.news_next li:nth-child(2) { float: right; text-align: right; }
.news_next li a { color: #222; }
.news_next li a:hover { color: #d89d0f; }
.c_title { font-size: 24px; padding: 30px; text-align: center; }
.tags_list { font-size: 14px; overflow: hidden; }
.tags_list a { color: #999; padding: 4px 10px; border: #e7e5e5 1px solid; margin: 5px 8px 5px 0; display: inline-block; border-radius: 2px; }
.tags_list a:hover { background: #f7f7f7; ; color: #333; border: #eceaea 1px solid; }
.box.page_pro .side_right { margin: 0; }
a.btnmore { text-align: center; width: 48%; display: none; color: #fff; }
a.btnmore i { width: 40px; height: 40px; display: block; overflow: hidden; background: #006fd1; border-radius: 100%; margin: 0 auto 10px; }
a.btnmore i img { width: 32px; margin: 5px auto 0; filter: brightness(10); }


.ncp span {
    display: inline-block;
}

span.ncp_l {
    width: 50%;
    background: #f6f6f6;
    float: left;
}

span.ncp_l img {
    width: 280px;
    margin: auto;
}

span.ncp_r {
    width: 50%;
}

.ncp {
    overflow: hidden;
}

span.ncp_r img {
    margin: 20px auto 0;
}