@charset "utf-8";
/* CSS Document */
* { 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*/
.top { line-height: 32px; font-size: 14px; color: #fff; background: #f2f2f2; }
.top_welcome { float: left; color: #666; }
.top_weizhi { float: right; color: #666; overflow: hidden; padding-left: 10px;/* border-right: #cb6a21 1px solid; */ }
.top_weizhi span { position: relative; display: inline-block; padding: 0 7px;/* border-left: #cb6a21 1px solid; */ }
.top_weizhi span a { color: #666; }
.top_weizhi span a:hover { color: #000 }
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: 13px 0 8px; color: #999; background-size: 23px; font-weight: normal; text-align: right; width: 100%; overflow: hidden; }
.top_tell span { color: #1048a0; font-family: cursive; font-size: 30px; line-height: 46px; font-weight: bold; display: block; float: right; width: 200px; background: url(../images/tell.png) no-repeat left 13px; }
nav { width: 100%; height: 52px; line-height: 52px; margin-top: 5px; position: relative; border-top: #e0e0e0 1px solid; background: #1048a0; }
#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; margin: 0 30px 0 0; }
#starlist li a { display: block; padding: 0 30px; position: relative; color: #fff; z-index: 0; }
#starlist li a:after { position: absolute; content: ""; background: #3ba86f; width: 0; bottom: 0; left: 30%; height: 100%; z-index: -1; }
#starlist li:hover a:after { width: 100%; left: 0 }
#selected:after { width: 100% !important; left: 0 !important; }
.sub { position: absolute; overflow: hidden; left: 0; top: 52px; z-index: 9; width: 100%; opacity: 0; height: 0; transition: all .5s; background: rgba(255,255,255,.95); box-shadow: #e3e3e3 0px 1px 2px; }
.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: 42px; }
.sub dd a { padding: 0; }
.sub dd:last-child { padding-bottom: 10px }
#starlist li:hover div.sub { opacity: 1; height: auto; top: 52px;}
#starlist li:hover dl a:after { display: none }
#starlist li:hover dd a { color: #000 }
#starlist li:hover dd a:hover { color: #fff; background: #3ba86f }
.search { position: relative; border: #1048a0 2px solid; overflow: hidden; width: 320px; }
.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: #1048a0; }
.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; }
.search.sblue { background: #00c1de; border: 1px solid #00c1de; }
.search select { border: none; height: 32px; right: 4px; outline: none; z-index: 9; position: absolute; background: #fff; }
header .box { width: 1200px; }
.logo img { height: 80px; margin: 10px 0; }
.banner { position: relative; }
.banner img { width: 100%; height: 100%; }
.banner .txt { position: absolute; top: 20px; width: 100%; left: 0; z-index: 3; text-align: center; color: #fff; }
.banner .txt h4 { display: block; text-align: center; font-size: 46px; letter-spacing: 4px; line-height: 50px; margin: 28px 0 16px; color: #24211d; }
.banner .txt h5 { display: block; text-align: center; font-size: 24px; font-weight: normal; line-height: 34px; border-radius: 28px; width: 770px; margin: auto; position: relative; color: #545454; }
.banner .btn { position: absolute; bottom: 60px; text-align: center; width: 100% }
.banner .btn span { display: inline-block; vertical-align: top; line-height: 36px; font-size: 22px; border-radius: 3px; margin: 0 15px; }
.banner .btn span a { background: #e37524; padding: 6px 30px; border-radius: 5px; color: #fff; display: block; }
.banner .btn span a:hover { background: #e37524; }
.banner .txt h5:after { content: ""; position: absolute;/* background-image: linear-gradient( 180deg, #dd6103 0%, #ee781e 100%); */ width: 100%; height: 50px; left: 0; z-index: -1; transform: skewX(-20deg); }
.pt_info {/* background: url(../images/bg05.jpg) top -88px right -67px no-repeat #fbfbfb; */ padding: 60px 0; }
.pt_info em img { width: 100%; }
.pt_info em { width: 50%; float: left; }
.pt_info section { width: 48%; float: right; }
.pt_info section h2 { font-size: 42px; margin: 15px 0 16px 0; position: relative; }
.pt_info section h2:before { content: ""; width: 78px; height: 3px; background: #3ba86f; top: -15px; left: 0; position: absolute }
.pt_info section h3 { font-size: 17px; margin: 0 0 15px; background: #1048a0; color: #fff; padding: 5px 10px; font-weight: normal; display: inline-block; letter-spacing: .1em; }
.pt_info p { font-size: 16px; line-height: 30px; text-align: justify; color: #666666; margin-bottom: 15px; }
.pt_info video { width: 100%; }
.icon-text { overflow: hidden; clear: both; margin: 40px 0 0; width: 100%; display: flex; flex-wrap: nowrap; justify-content: space-between; }
.icon-text li { text-align: center; font-size: 22px; margin: 30px 0; }
.icon-text i { font-style: normal; display: block; color: #666; font-size: 18px; }
.icon-text span { display: block; margin: auto; width: 80px; height: 80px; line-height: 80px; border-radius: 100%; font-size: 30px; margin-bottom: 16px; font-weight: bold; color: #fff; border: #1048a0 1px solid; transition: .3s; background: #1048a0; }
.icon-text li:hover span { background: #3ba86f; color: #fff; border: #3ba86f 1px solid; }
.icon-text li:hover { cursor: pointer; }
.zizhi { background: #f7f7f7; }
.zizhi .h_title p { font-size: 17px; margin: 15px 0 0; color: #666; padding: 5px 10px; font-weight: normal; display: inline-block; }
.zizhi ul { display: flex; flex-wrap: wrap; justify-content: space-between; padding-bottom: 80px; }
.zizhi li { margin: 20px; }
/*客户案例*/
.case { padding-bottom: 40px }
.case ul { overflow: hidden; margin-bottom: 30px; display: flex; flex-wrap: wrap; justify-content: space-between; }
.case ul li { width: 32%; overflow: hidden; float: left; text-align: center; margin-bottom: 25px; }
.case ul li a { display: block; position: relative; }
.case ul li i { overflow: hidden; display: block; height: 285px; position: relative }
.case ul li i:after { position: absolute; content: ""; background: rgb(16, 72, 160, .8); width: 100%; height: 100%; color: #fff; left: 0; top: 100%; z-index: 8; transition: .5s; }
.case ul li:hover :after { top: 0 }
.case ul li i:before { position: absolute; content: "更多案例"; font-size: 16px; font-style: normal; width: 80px; height: 30px; line-height: 30px; padding: 0 10px; border: #fff 1px solid; left: 50%; bottom: 20%; margin-left: -50px; margin-top: -20px; border-radius: 20px; color: #fff; z-index: 99; transition: .5s; opacity: 0; }
.case ul li:hover :before { opacity: 1; margin-top: -20px }
.case ul li i img { width: 100%; min-height: 100%; vertical-align: middle; display: inline-block; transition: .5s; }
.case ul li:hover img { transform: scale(1.1) }
.case ul li p { width: 90%; display: block; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; position: absolute; top: 45%; left: 5%; z-index: 30; opacity: 0; transition: .5s; font-size: 18px; }
.case ul li:hover p { opacity: 1; z-index: 9; color: #fff }
a.read_more { display: inline-block; width: 180px; line-height: 44px; text-align: center; border-radius: 5px; color: #fff; margin: 30px 10px; font-size: 20px; clear: both; }
.btn { text-align: center; }
.btn_blue { background: #3ba86f; }
.btn_red { background: #1049a0; }
/*h_title*/
.h_title { text-align: center; margin: 60px 0 46px; }
.h_title h3 { font-size: 38px; color: #1048a0; }
.h_title .line { width: 260px; height: 2px; position: relative; background: #e7e7e7; display: block; margin: 20px auto; }
.h_title .line:before, .h_title .line:after { content: ""; width: 20px; height: 8px; position: absolute; z-index: 9; }
.h_title .line:before { background: #3ba86f; left: 110px; top: -3px; }
.h_title .line:after { background: #3ba86f; left: 130px; top: -3px; }
/*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: rgba(0,0,0,.6); z-index: 1; }
.ad:after { content: ""; width: 48%; height: 100%; position: absolute; right: -10%; top: 0; background: rgb(16, 73, 160, .6); z-index: 1; transform: skewX(-30deg); border-left: #fff 10px solid; }
.ad_r { float: right; text-align: center; z-index: 2; position: relative; }
.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; }
.ad_r span { color: #fff; border-radius: 25px; background: #3ba86f; line-height: 40px; display: block; transition: .5s }
.ad_r span:hover { background: #1049a0 }
.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; }
.about { background: #f6f6f6; padding: 70px 0; }
.about .box { position: relative; padding-bottom: 30px; }
.about .box:after { content: ""; width: 100%; height: 100%; position: absolute; right: -30px; top: 30px; background: #fff; z-index: 1 }
.about i { width: 50%; float: left; display: block; overflow: hidden; z-index: 2; position: relative }
.about i img { width: 100%; }
.about section { width: 48%; float: right; z-index: 2; position: relative }
.about section h3 { margin: 20px 30px; color: #1048a0; font-size: 38px; padding: 40px 0 10px; position: relative; }
.about section p { font-size: 16px; color: #666; line-height: 26px; margin: 20px 30px; }
.about section a { display: block; width: 240px; line-height: 46px; background: #3ba86f; text-align: center; color: #fff; margin: 30px; font-size: 20px; }
.about section a:hover { background: #1048a0 }
.news { margin-bottom: 30px; }
.box_left { width: 48%; float: right; }
.box_left:nth-child(2) { float: left; }
.tj_news { margin-bottom: 20px; overflow: hidden; }
.tj_news i { width: 160px; height: 110px; display: block; overflow: hidden; float: left; margin-right: 15px; }
.tj_news i img { width: 100%; min-height: 100%; transition: .5s }
.tj_news h4 { font-size: 18px; overflow: hidden; text-overflow: ellipsis; position: relative; white-space: nowrap; }
.tj_news p { word-break: break-all; overflow: hidden; text-overflow: ellipsis; -webkit-box-orient: vertical; display: -webkit-box; -webkit-line-clamp: 2; color: #777; margin: 10px 0; }
.tj_news span { color: #999; font-size: 13px; }
.tj_news:hover img { transform: scale(1.1) }
.tj_news:hover h4 { color: #1048a0; }
.box_left h3 { font-size: 24px; padding: 0 0 10px 0; border-bottom: #e9e6e6 1px solid; margin-bottom: 25px; position: relative; }
.box_left h3:after { position: absolute; content: ""; width: 100px; height: 3px; background: #1048a0; bottom: -2px; left: 0 }
.box_left h3 span { float: right; font-size: 15px; }
.box_left h3 span a { color: #999; font-weight: normal; }
.box_left h3 span a:hover { color: #1048a0; }
.box_left ul li { line-height: 40px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; position: relative; padding-left: 15px; font-size: 16px; }
.box_left ul li:hover a { color: #1048a0; }
.box_left ul { margin-bottom: 20px; }
.box_left ul li span { float: right; color: #999; font-size: 13px; margin-left: 30px; }
.box_left ul li:after { content: ""; position: absolute; width: 4px; height: 4px; background: #1048a0; left: 0px; top: 50%; margin-top: -2px; }
.hezuo { background: #ffffff; }
p.hz_title { font-size: 18px; margin-bottom: 20px; }
.hezuo ul { display: flex; flex-wrap: wrap; justify-content: space-between; overflow: hidden; padding-bottom: 60px; }
.hezuo ul li { width: 15%; height: 90px; border: #efefef 1px solid; float: left; margin-bottom: 20px; transition: .5s; background: #fff;overflow: hidden; }
.hezuo ul li img { width: 160px; height: 80px; margin: 5px auto; }
.hezuo ul li:hover { border: #1049a0 1px solid; }
.links { margin: 18px 0; font-size: 14px; }
.links ul li { float: left; margin: 0 14px 10px 0; }
.links ul li a { color: #999; }
.links ul li a:hover { color: #ee781e; text-decoration: underline; }
.links ul { overflow: hidden; display: inline; }
.links p { float: left; display: inline; margin-right: 20px; }
footer { background-color: #383b48; color: #a8abb3; padding: 30px 0 0; }
footer a { color: #a8abb3; }
.ft_nav { font-size: 0; text-align: center; clear: both; padding-top: 20px; }
.ft_nav li { display: inline-block; font-size: 15px; margin-right: 50px; position: relative; }
.ft_nav li a { color: #a8abb3; }
.ft_nav ul { padding: 13px 0; border-top: 1px solid #444c52; border-bottom: 1px solid #444c52; }
.ft_nav li:after { content: ""; position: absolute; width: 1px; height: 10px; background: #a4a4a4; right: -23px; top: 7px; }
.ft_nav li:last-child:after { display: none }
.copyright { font-size: 14px; line-height: 30px; float: left; }
.copyright img { display: inline-block; vertical-align: bottom; }
.contact { text-align: center; margin: 30px 0 0; float: right; }
.contact i { display: inline-block; font-style: normal; }
.contact img { margin: 10px; width: 110px; }
.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: 83px; text-align: center; position: relative; border-bottom: #14366b 1px solid; cursor: pointer; background: #1049a0; }
.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: #1049a0; 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/hot-phone.png) no-repeat left 20px center #1049a0; }
.side_nav li i { display: block; margin: auto; width: 100%; height: 50px; background-size: 26px; filter: brightness(100); }
i.icon_dh { background: url(../images/i02.png) no-repeat top 20px center; }
i.icon_wx { background: url(../images/i03.png) no-repeat top 20px center; }
i.icon_qq { background: url(../images/i01.png) no-repeat top 20px center; }
i.icon_fh { background: url(../images/i04.png) no-repeat top 20px center; }
i.icon_home{ background: url(../images/home.png) no-repeat top 20px 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 rgb(16 73 160); 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; }
.side_nav ul li span img { width: 160px; margin: auto; }
.gyj { padding: 120px 0; background: #f5f5f5; background-size: cover; }
.gyj i { float: right; width: 30%; }
.gyj h2 { margin-bottom: 60px; font-size: 34px; }
.gyj section { width: 65%; }
.gyj ul li { margin-bottom: 30px; font-size: 18px; line-height: 30px; letter-spacing: 2px; position: relative; text-indent: 1em }
.gyj li:before { content: "·"; font-size: 50px; position: absolute; left: -20px; top: -2px; }
.gyj a { width: 39%; height: 56px; line-height: 56px; color: #fff; background: #3ba86f; display: block; text-align: center; font-size: 20px; letter-spacing: 2px; border-radius: 5px; margin: auto; }
.gyj i img { width: 100%; }
.gyj a:hover { background: #1049a0 }
.sltfm { background: url(../images/bg05.jpg) top no-repeat #fbfbfb; padding: 100px 0; }
.sltfm section { width: 53%; float: right; }
.sltfm section h3 { font-size: 34px; margin: 30px 0; }
.sltfm section h4 { font-size: 22px; background: #1049a0; color: #fff; font-weight: normal; padding: 5px; margin-bottom: 28px; }
.sltfm i { float: left; margin-right: 60px; }
.sltfm section p { font-size: 18px; line-height: 32px; }
.proxl { margin-bottom: 60px; }
.prolist { display: flex; flex-wrap: wrap; justify-content: space-between; }
.prolist dl { width: 31%; float: left; margin-bottom: 44px; border-radius: 20px; overflow: hidden; border: #dbd8d8 1px solid; }
.prolist dt { background: #1049a0; font-size: 26px; text-align: center; padding: 10px 0; color: #fff; font-weight: bold; }
/*
.prolist dl:first-child dt {background: #eb8f33;}
.prolist dl:nth-child(2) dt{background: #f27178;}
.prolist dl:nth-child(3) dt {background: #4da9de;}
.prolist dl:nth-child(4) dt{ background: #456177 }
.prolist dl:nth-child(5) dt { background: #7c7596 }
.prolist dl:last-child dt{ background: #1049a0 }

*/

.prolist dd { line-height: 50px; border-bottom: #ccc 1px solid; transition: .5s }
.prolist dd:hover { background: #f2f2f2 }
.prolist dd p { display: inline-block; text-align: left; width: 40%; text-indent: 1em; border-right: #ccc 1px solid; color: #6e6f6f; }
.prolist dd span { text-indent: 1em; display: inline-block; }
/*page-nav*/
.page-nav { color: #666; font-size: 14px; margin: 20px 0; padding-left: 20px; }
.page-nav a { color: #666 }
.page-nav a:hover { color: #1048a0 }
/*pagelist*/
.pagelist { text-align: center; color: #666; width: 100%; clear: both; margin: 0 0 10px; }
.pagelist a { color: #666; margin: 0 5px 10px; padding: 5px 10px; background: #F7F7F7; display: inline-block; }
.pagelist a:first-child { display: none }
.pagelist a:hover, .pagelist > b { color: #FFF; background: #1049a0; }
.pagelist > b { padding: 5px 10px; }
a.curPage { color: #ffffff; font-weight: bold; }
/*case-page-list*/
.case-page-list { margin: 0 0 40px 0; overflow: hidden; }
.caselist { margin-bottom: 60px; }
.case-page-list li { display: inline-block; width: 33.3333%; overflow: hidden; float: left; margin-bottom: 20px; }
.case-page-list li:hover h3 { color: #1049a0 }
.case-page-list li a { display: block; margin: 30px 20px 0; overflow: hidden; }
.case-page-list li i { display: block; margin-bottom: 10px; overflow: hidden; transition: 1s; background: rgba(0,0,0,1); height: 220px; }
.case-page-list li i img { width: 100%; height: 100%; transition: 1s;min-height: 100%; }
.case-page-list li:hover img { transform: scale(1.1); opacity: 1 }
.case-page-list h3 { margin-bottom: 10px; font-size: 16px; font-weight: normal; color: #222; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; position: relative; }
.case-page-list p { color: #666; font-size: 14px; overflow: hidden; text-overflow: ellipsis; -webkit-box-orient: vertical; display: -webkit-box; -webkit-line-clamp: 2; }
.case-page-list span { color: #999; font-size: 14px; margin-top: 10px; display: block }
/*subnav*/
.subnav { background: #f5f5f5; text-align: center; padding: 30px 0; }
.subnav li { display: inline-block; line-height: 40px; border: #ddd 1px solid; background: #fff; margin: 0 5px; }
.subnav li a { display: block; padding: 0 30px; }
.subnav li a:hover, #pagecurrent { background: #1049a0; color: #fff; }
/*news-page-list*/
.news-page-list { width: 72%; float: left; margin-bottom: 40px; }
.news-page-list ul { margin-bottom: 60px; }
.news-page-list li { overflow: hidden; margin: 30px 0; border-bottom: #e5e3e3 1px solid; padding-bottom: 30px; }
.news-page-list li a { display: block; overflow: hidden; }
.news-page-list li i { width: 212px; height: 130px; display: block; float: left; overflow: hidden; margin-right: 20px; }
.news-page-list i img { width: 100%; transition: .5s; }
.news-page-list h2 { font-size: 20px; margin-bottom: 10px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: #333; }
.news-page-list p { color: #666; line-height: 24px; overflow: hidden; text-overflow: ellipsis; -webkit-box-orient: vertical; display: -webkit-box; -webkit-line-clamp: 2; }
.news-page-list span { margin: 20px 0 0 0; display: block; color: #999; }
.news-page-list li:hover img { transform: scale(1.1) }
.news-page-list li:hover h2 { color: #196aab; text-decoration: underline; }
.right_box { float: right; width: 23%; }
.right_box h2 { color: #000; font-weight: normal; font-size: 18px; margin: 10px 0; position: relative; }
.tjnews ul { border: #f0f2f5 1px solid; }
.tjnews ul li { padding: 15px 20px; border-bottom: #f0f2f5 1px solid; font-size: 14px; }
.tjnews ul li:last-child { border-bottom: none }
.tjnews ul li a { color: #444 }
.tjnews ul li a:hover { text-decoration: underline; color: #196aab; }
/*tjcp*/
.tjcp { margin: 30px 0 }
.tjcp ul li { overflow: hidden; background: #f3f3f3; border-bottom: 1px solid #fff; line-height: 32px; padding: 0 20px 20px 20px; }
.tjcp ul li a { color: #7e7a7a; height: 32px; }
.tjcp ul li img { width: 100% }
.tjcp ul li { height: 12px; }
.tjcp ul li:hover { height: 100%; }
.tjcp ul li:nth-child(1) { height: 100% }
.tjcp ul:hover li:nth-child(1) { height: 12px; }
.tjcp ul:hover li:nth-child(1):hover { height: 100%; }
.nle { padding-left: 0; }
.n_info_con { width: 72%; float: left; }/*contents*/
.ntitle { padding-top: 30px; color: #333; font-size: 26px; line-height: 40px; padding-bottom: 10px; margin-bottom: 10px; }
.n_tit { overflow: hidden; font-size: 14px; height: 44px; line-height: 44px; color: #999; border-bottom: 1px solid #f0f2f5; margin-bottom: 20px; }
.n_tit b { display: block; float: right }
.n_tit span { display: block; float: left; margin-right: 20px; }
.n_tit span a { color: #3ba86f }
.nextinfo { overflow: hidden; margin: 40px 0; border-top: #e2e0e0 1px solid; padding-top: 20px; }
.nextinfo p { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; position: relative; line-height: 30px; }
.nextinfo p a { color: #2a2a2a; }
.nextinfo p span { color: #999; }
.nextinfo p a:hover { text-decoration: underline; color: #196aab; }
.tags { overflow: hidden; margin: 20px 0; }
.tags a { display: block; float: left; margin-right: 20px; color: #7a7a7a; }
.tags a:hover { color: #3ba86f; }
.content { font-size: 16px; line-height: 30px; }
.content p { margin-bottom: 20px; }
.content img { display: block; margin: 20px auto; max-width: 100% !important; height: auto !important; }
.content h2, .content h3, .content h4, .content h5, .content h6 { line-height: 40px; margin: 20px 0; }
.content h2 { font-size: 18px; }
.content h3 { font-size: 17px; }
.content h4 { font-size: 16px; }
.content h5 { font-size: 16px; }
.content h6 { font-size: 16px; }
.content ul, .content ol { overflow: hidden; margin: 20px 10px; }
.content ul, .content ol { padding-left: 30px; }
.content ul li { list-style-type: disc; line-height: 40px; }
.content ol li { list-style-type: decimal; line-height: 40px; }
h1.page_title { font-size: 24px; margin-bottom: 20px; }
p.shengming { background: #f6f6f6; padding: 20px; color: #666; }
.lxtext { line-height: 30px; float: left; }
.lxtext li { border-bottom: 1px solid #e4eaec; padding: 15px 0; font-size: 16px; }
.lxweixin { float: right; margin-top: -40px; width: 40%; }
.lxweixin li { width: 50%; float: right; text-align: center; }
.lxweixin li img { width: 100% }
.contact_en { text-transform: uppercase; font-size: 32px; color: #e5e5e5; font-weight: bold; }
.text_con h2 { font-size: 32px; margin-bottom: 20px; }
.text_con { overflow: hidden; margin: 80px auto; }
.ditu { width: 100%; height: 400px; clear: both; margin: 40px 0; }
.ditu iframe { display: block; width: 100%; height: 400px; border: 0; }
.zixun { padding-bottom: 80px; background: url(../images/lx_bg.jpg) no-repeat center; background-size: cover; }
.tell-tit { text-align: center; margin: 60px auto 40px; }
.tell-tit i img { margin: 30px auto }
.tell-tit h5 { font-size: 40px; color: #373d41; line-height: 60px; margin-bottom: 10px; }
.tell-tit p { font-size: 14px; color: #777f84; line-height: 28px; }
.form-sq { width: 49%; overflow: hidden; float: right; }
.form-sq form { margin: 40px; }
.form-sq p { margin-bottom: 30px; line-height: 36px; }
.form-sq p input { display: block; line-height: 44px; width: 100%; text-indent: 1em; border-radius: 3px; outline: none; border: none; background: #edeeee; }
.form-sq input[type="submit"] { display: block; margin: 40px auto 0; width: 243px; line-height: 40px; font-size: 16px; height: 40px; background: #3ba86f; color: #fff; border: none; border-radius: 5px; }
.zx_box { margin: 10px; padding: 60px; overflow: hidden; background: rgba(255,255,255,.8); box-shadow: 2px 3px 7px 0 rgb(0 0 0 / 10%); }
.zixun_left { float: left; width: 44%; border-right: #e7e7e7 1px solid; }
.lx_qq { background: #2288fe; background: -webkit-linear-gradient(left, #ab40ff, #2e82fe); color: #fff; width: 120px; height: 38px; line-height: 38px; border-radius: 20px; margin: 20px 0; }
.lx_txt { margin: 20px 0; font-size: 16px; }
.lx_txt img { width: 24px; margin-right: 10px; vertical-align: middle; display: inline-block; }
.wx { color: #999; text-align: center; margin-right: 60px; }
.wx li { display: inline-block; margin: 0 10px; }
.wx img { width: 120px; }
.wx p { text-align: center; }
.lx_qq img { width: 24px; float: left; margin: 6px 5px 0 10px; }
.lx_qq a { color: #fff }
.lx_txt span { font-weight: bold; font-size: 28px; color: #3ba86f; }
.zx_contact { padding: 20px 0; }
.about.aboutpage { background: #fff; }
.about.aboutpage section h3 { font-size: 30px; margin: 20px 30px; padding: 15px 0px; }
.about.aboutpage .box { background: #f8f8f8; overflow: hidden; }
.about.aboutpage .box:after { background: #f8f8f8; }/*技术专利*/
.zhuanli { padding: 10px 0 100px; background: #f8f8f8; }
.zhuanli .box { overflow: inherit; }
.Box_con { position: relative; }
.Box_con .btnl { position: absolute; }
.Box_con .btn { display: block; width: 48px; height: 48px; position: absolute; top: 143px; 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: 380px; overflow: hidden; }
.Box_con .conbox ul li { float: left; width: 260px; height: 380px; 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: 380px; }
.case { background: #fcfcfc; }
.case ol { display: flex; margin-bottom: 40px; justify-content: space-between; text-align: center; border: #d6d9dc 1px solid; }
.case ol li:hover { background: #1049a0; }
.case ol i { width: 80px; display: block; margin: auto; }
.case ol i img { margin: 20px auto 0; width: 40px; }
.case ol p { color: #666; line-height: 53px; }
.case ol li:hover p { color: #fff; }
.case ol li:hover i img { filter: brightness(100); }
.fwkh { background: #f7f7f7; padding: 70px 0; }
.liucheng { padding-bottom: 80px; }
.liucheng ul { display: flex; justify-content: space-between; flex-wrap: wrap; padding: 0 10px; margin: 60px 0 0; text-align: center; }
.liucheng ul li { width: 10%; position: relative }
.liucheng ul li section { position: relative; padding: 0 0 20px; transition: .3s; border: #ccc 1px solid; margin: 0 auto 30px; border-radius: 20px 0; box-shadow: #ccc 1px 1px 5px; }
.liucheng ul li:after { content: ""; width: 48px; height: 40px; position: absolute; right: -80px; top: 36%; margin-top: -20px; background: url(../images/sjt.png) no-repeat; background-size: 32px; }
.liucheng ul li:last-child:after { display: none }
.liucheng li img { width: 60px; margin: 20px auto; }
.liucheng ul li i { color: #fff; font-size: 20px; font-style: normal; display: block; text-align: center; background: #3ba86f; width: 40px; height: 40px; line-height: 40px; border-radius: 24px; margin: auto; transition: .5s; }
.liucheng ul li p { font-size: 18px; }
.liucheng ul li:hover section { transform: translateY(-10px) }
.copyright h4 { font-size: 18px; margin-bottom: 10px; color: #fff; }
.copyright p:nth-child(2) { font-size: 24px; color: #fff; margin: 20px 0; }
p.end { text-align: center; line-height: 36px; font-size: 13px; }
.ft_nav li a:hover { color: #fff; }
.dgg { margin: 40px auto }
.dgg img { margin: auto }
.side_l { width: 48%; float: left; }
.side_r { float: right; width: 50%; }
.side_l h3 { color: #333; }
.side_l h3 em { font-style: normal; display: block; font-size: 42px; margin: 20px 0 10px; }
.side_l h3 span { font-size: 36px; margin-bottom: 20px; display: block; }
.side_l i { margin-bottom: 20px; display: block; }
.side_l i img { width: 100%; }
.s_t { position: relative; }
.s_t h5 { font-size: 22px; margin-bottom: 10px; }
.s_t p { color: #666; }
.s_t p span { margin: 0 15px 0 0; position: relative; }
.s_t p span:after { position: absolute; content: "|"; font-size: 14px; padding: 0 0 0 5px; }
.s_t p span:last-child:after { display: none }
.s_t em { font-size: 22px; font-style: normal; position: absolute; right: 19px; top: 9px; }
.s_t em:after { position: absolute; content: ""; width: 100%; height: 3px; background: #3ba86f; left: 0; bottom: -5px; }
.s_ms { margin: 30px 65px 0 0; line-height: 25px; letter-spacing: .1em; }
.s_ms p { margin: 0 0 10px 0; }
.side_r img { width: 100%; }
.mc { margin: 100px auto 20px; }
.fzlc { width: 100%; margin: auto; position: relative; }
.fzlc li { overflow: hidden; margin-bottom: 50px; }
.fzlc li:nth-child(odd) section { float: left; text-align: right; }
.fzlc li:nth-child(even) section { float: right; text-align: left; }
.fzlc li section { width: 50%; }
.fzlc li i { width: 50%; display: block; }
.fzlc li:nth-child(odd) i { float: right; }
.fzlc li:nth-child(even) i { float: left; }
.fzlc li h5 { font-size: 30px; margin: 20px 0; position: relative; padding: 0 40px; }
.fzlc li p { font-size: 24px; padding: 0 40px; }
.fzlc li span { display: block; }
.fzlc:after { position: absolute; content: ""; width: 3px; height: 100%; background: #ccc; left: 50%; margin-left: -1.5px; top: 0; }
.fzlc li h5:after { position: absolute; content: ""; width: 150px; height: 3px; background: #ccc; bottom: -12px; }
.fzlc li:nth-child(odd) h5:after { right: 0; }
.fzlc li:nth-child(even) h5:after { left: 0; }
.fzlc li i img { margin: auto; max-width: 100%; }
.lxwx { float: right; width: 50%; margin: 0 0 19px; }
.lxwx i { display: inline-block; text-align: center; font-style: normal; }
.lxwx i img { margin: 0 20px; }
.case ol li { text-align: center; width: 14.28%; background: #fff; border-right: #d6d9dc 1px solid; }
.case ol li a { display: inline-block; width: 100%; }
.case ol li:nth-last-child(2) { border-right: none }
.liucheng ul li:hover i { background: #1049a0; }
.oth_link { float: left; margin: 0 0 0 167px; }
.oth_link h4 { font-size: 18px; margin-bottom: 20px; color: #fff; }
.oth_link ul li { width: 45%; float: left; line-height: 43px; }
.oth_link ul { width: 340px; }
.oth_link ul li:hover a { color: #fff; }
.cpbg .box { background: url(../images/cpbg.jpg) no-repeat top center }
.hmzj .zjs_l h3 { margin: 30px 0 0 30px; }
.hmzj .zjs_l h3 em { font-style: normal; display: block; font-size: 42px; margin: 20px 0 10px; }
.hmzj .zjs_l h3 span { font-size: 36px; margin-bottom: 20px; display: block; }
.zjs_l { width: 40%; float: left; }
.zjs_r { float: right; width: 60%; }
.hmzj ul { }
.hmzj ul li { margin-bottom: 15px; }
.hmzj ul li i { }
.hmzj ul li i img { margin: auto; }
.hmzj ul li p { text-align: center; font-size: 13px; line-height: 20px; color: #666; }
.hmzj ul li p span { display: block; }
.hmzj section { float: left; width: 65%; }
.hmzj ul { width: 30%; float: right; position: relative; }
.hmzj { overflow: hidden; padding: 30px 30px 0; }
.zj02 ul { width: 100%; display: flex; }
.zj02 ul li { width: 33.333%; }
.hmzj.zj02 { position: relative; }
.hmzj.zj02 ul { margin-top: 30px; }
.hmzj.zj02 ul li:nth-child(3) { position: absolute; right: 10px; bottom: 0; }
.hmzj section em { background: url(../images/btnbg.png) no-repeat left; width: 140px; height: 108px; display: block; line-height: 108px; text-align: center; font-size: 22px; font-style: normal; }
.hmzj h4 { font-size: 22px; color: #666; font-weight: normal; margin: 10px 0 20px 50px; }
.hmzj h4 span { display: block; }
.hmzj section p { margin-left: 50px; line-height: 24px; }
.hmzj { }
.hmzj.zj01 section { width: 100%; }
.hmzj.zj01 section p { margin-bottom: 20px; }
.hmzj.zj01 section p span { display: block; }
.hmzj.zj01 img { margin: auto; }
.hmzj.zj02 ul li:nth-child(3) p { padding: 0 30px; }
.hmzj.zj03 ul { margin-top: 30px; }
.hmzj.zj04 ul { margin-top: 54px; }
.ygds.cpbg { margin: 40px 0; }
h3.xl_title { color: #333; margin: 30px; }
h3.xl_title em { font-style: normal; display: block; font-size: 42px; margin: 20px 0 10px; }
h3.xl_title span { font-size: 36px; margin-bottom: 20px; display: block; }
.stbg { background: url(../images/btnbg.png) no-repeat left; width: 140px; height: 108px; display: block; line-height: 108px; text-align: center; font-size: 22px; font-style: normal; }
.ygds_a { width: 48%; float: left; }
.ysr { width: 50%; float: right; margin-top: -180px; }
.ygds .stbg { float: left; margin-right: 20px; }
.ygds_a h4 { font-size: 22px; color: #666; font-weight: normal; margin: 20px 0 20px 50px; padding-top: 30px; }
.ygds_a section p { margin-left: 50px; line-height: 24px; }
.ygds_a ul li { width: 33.333%; margin: 30px 10px; height: 640px; position: relative; }
.ygds_a ul { display: flex; }
.ygds_a ul li img { margin: auto; width: 100%; }
.ygds_a ul li h5 { text-align: center; font-size: 18px; margin: 10px 0; }
.ygds_a ul li i { }
.ygds_a ul li p { font-size: 14px; line-height: 24px; }
.ygds_a ul li span { position: absolute; bottom: -20px; font-size: 13px; line-height: 26px; color: #666; }
.ygds_a ul li span b { font-weight: normal; display: block; }
.ygds_b h4 { font-size: 22px; color: #666; font-weight: normal; margin: 20px 0 20px 50px; padding-top: 30px; }
.ygds_b section p { margin: 0 48px 10px 160px; line-height: 24px; }
.ygds_b ul { display: flex; margin: 20px 50px 20px 0; justify-content: space-around; flex-wrap: wrap; }
.ygds_b ul li { text-align: center; width: 22%; font-size: 13px; color: #666; margin-bottom: 10px; }
.ygds_b ul li img { width: 100%; margin-bottom: 5px; }
.ygds_b { margin-top: 24px; }
.ygds_b.end ul li { width: 37%; }
.ygds_b.end ul { margin: 0 0 0 123px; }
ul.mllist li { width: 45%; height: 529px; }
ul.mllist li h5 { margin-left: 118px; }
ul.mllist li p { margin-left: 67px; }
ul.mllist li span { margin-left: 67px; }
.ygds_a section p.mltext { margin-left: 160px; }
ul.mls li { width: 26%; margin: 0 30px; }
ul.mls { width: 80%; margin-left: 94px; }
ul.ygls li {
    width: 31.33%;
}

ul.ygls {
    margin-left: 58px;
}
.btnmo{ display:none}