/* CSS Document */
* { margin: 0; padding: 0; }
body { font: 16px "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 { color: #1049a0; text-decoration: none; }
.clear { clear: both; width: 100%; overflow: hidden; }
.box { width: 1600px; margin: auto; overflow: hidden; }

/*header*/
header {width: 100%;  position:absolute; background: url("../picture/topbg.png")  top; z-index: 999;}
header.is-fixed { position: fixed; top: 0; z-index: 999; transition: all .5s; box-shadow: 0px 5px 9px 1px rgba(144, 161, 180, 0.2); -moz-box-shadow: 0px 5px 9px 1px rgba(0, 115, 80, 0.6); background:rgba(44, 100, 196, 0.9);  }
.logo { position: absolute; left: 0; }
.logo img { height: 100px; margin-top:25px;  }
.bodybg{background:url("../picture/indexbg.jpg");}
/*header*/
.top { line-height: 32px; font-size: 13px; color: #888; background: #f2f2f2; }
.top_welcome { float: left; }
.top_weizhi { float: right; color: #666; overflow: hidden; padding-left: 10px; border-right: #efefef 1px solid; }
.top_weizhi span { position: relative; display: inline-block; padding: 0 0 0 20px; }
.top_weizhi span a { color: #666; }
.top_weizhi span a:hover { color: #000 }
header section { float: left; margin: 10px 0; }
.logo { margin: 10px 10px 10px 0; padding-right: 20px; float: left; position: relative; }
.logo i { display: block }
.logo i:after { content: ""; background: #eaeaea; height: 41px; width: 1px; position: absolute; right: 10px; top: 24px; }
.top_info { margin: 10px 0 15px; float: left; }
.top_info h2 { color: #333333; margin: 8px 0; font-size: 24px; }
.top_info p { color: #666; font-size: 16px; height: 25px; line-height: 25px; }
.top_tell { float: right; font-size: 16px; margin: 40px 0 10px; color: #262626; background: url(../image/tell.png) no-repeat left 11px; background-size: 23px; padding-left: 37px; font-weight: bold; }
.top_tell span { color: #fa5e1f; font-family: "impact", "arial"; font-size: 30px; line-height: 40px; font-weight: normal; vertical-align: sub; }

/*mnav*/
#mnavh { display: none; width: 50px; height: 50px; text-align: center; }
.navicon { display: block; position: relative; width: 27px; height: 2px; background-color: #FFFFFF; margin-top: 24px; margin-left: 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; }
/*search*/
.searchbox { position: absolute; right: 0; }
.search_bar { position: relative; width: 0%; min-width: 60px; height: 60px; float: right; background: rgba(255,255,255,.2); overflow: hidden; transition: width 0.3s; -webkit-backface-visibility: hidden; }
.search_bar .input { position: absolute; top: 16px; right: 0; border: none; outline: none; height: 30px; line-height: 30px; z-index: 10; font-size: 14px; text-indent: 1em; background: none }
.search_ico, .search_btn { width: 60px; height: 60px; display: block; position: absolute; right: 0; top: 0; padding: 0; margin: 0; line-height: 60px; cursor: pointer; }
.search_ico { z-index: 90; }
.search_open { width: 260px; padding: 0 20px; display: inline-block }
.search_open.search_bar .input { width: 200px; background: #fff; right: 70px; }
.search_ico span { position: relative; top: 20px; left: 17px; }
.search_ico span:before { content: ' '; position: absolute; width: 16px; height: 16px; border: 2px solid #fff; border-radius: 10px; }
.search_ico span::after { content: ' '; position: absolute; width: 10px; height: 2px; background: #fff; transform: rotate(45deg); }
.search_ico span:before { top: 0; left: 0; }
.search_ico span:after { right: -25px; top: 18px; }
/*banner*/
.banner .box { position: absolute; left: 18%; top: 20%; width: auto; }
.banner .txt { width: 1200px; color: #fff; position: absolute; text-align: left; }
.banner .txt h4 { font-size: 24px; margin: 20px 0; padding: 6px 0; font-weight: normal; width: 45%; line-height: 36px; }
.banner .txt h3 { display: block; font-size: 48px; margin: 0 0 40px; }
.banner .txt.font_black h3 { color: #000 }
.banner .txt.font_black h4 { color: #333 }


/*瀛﹂櫌鏂伴椈*/
.case { margin-bottom:0; }
.case .box { overflow: inherit; }
.Box_con { position: relative; }
.Box_con .btnl { position: absolute; }
.Box_con .btn { display: block; width: 90px; height: 90px; position: absolute; top: 200px; cursor: pointer; }
.Box_con .btnl { background: url(../image/jt01.png) no-repeat center; left: -50px; }
.Box_con .btnr { background: url(../image/jt02.png) no-repeat center; right: -50px; }
.Box_con .conbox { position: relative; overflow: hidden; }
.Box_con .conbox h1{padding: 10px 0 0 30px;font-size: 18px; color: #777;}
.Box_con .conbox h3{padding: 20px 0 0 30px;font-size: 20px; color: #777;}
.Box_con .conbox h4{padding: 0 30px 0 30px;font-size: 18px; color: #000;text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;line-clamp: 2;-webkit-box-orient: vertical; line-height: 22px;height: 50px}
.Box_con .conbox h5{padding:10px 30px;font-size: 16px; color: #69acff;font-weight: 100}
.Box_con .conbox p{padding: 10px 30px;font-size: 16px; color: #333;text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;line-clamp: 2;-webkit-box-orient: vertical; line-height: 22px;height: 36px}
.Box_con .conbox ul { position: relative; list-style: none; height: 500px; overflow: hidden; padding: 10px}
.Box_con .conbox ul li { float: left; width: 340px; height: 490px;  overflow: hidden; box-shadow:0px 0px 5px 2px rgba(0,0,0,.1); background: #FFF; margin-right: 20px;}
.Box_con .conbox ul li:first-child { margin-left: 0; }
.Box_con .conbox ul li img { display: block; width: 280px; height: 240px; margin: 20px auto}
.Box_con .conbox ul li:hover {  background: #f2f7fc; box-shadow:0px 0px 5px 2px rgba(0,0,0,.2);}


/*閫氱煡鍏憡*/
.product { overflow: hidden; margin: 0 0 60px 0; }
.pro_list {  }
.pro_list ul { overflow: hidden; }
.pro_list ul li { width: 500px;float: left; text-align: center; margin: 10px; transition: .5s; overflow: hidden; }
.pro_list ul li a { display: block; width: 500px; height: 100px; margin: auto; border: #eaeaea 1px solid; border-radius:0 50px 0 50px; background: #6a95dd; padding-top: 30px ;transition: .5s;}
.pro_list ul li .tz_l{float:left; width: 80px; text-align: center;}
.pro_list ul li .tz_r{float:left;width: 255px;}
.pro_list ul li h1{font-size: 30px; color: #ffd48c; font-weight: 100;}
.pro_list ul li h3{font-size: 16px; color: #ffd48c; font-weight: 100;}
.pro_list ul li h5 {text-align: left;font-size: 18px; line-height: 30px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; color: #FFF }
.pro_list ul li p { text-align: left;text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;line-clamp: 2;-webkit-box-orient: vertical; line-height: 22px; color: #FFF; height: 50px; margin-top: 10px}
.pro_list ul li:hover a { border: #1049a0 1px solid; background: #1471d2;border-radius:50px 0 50px 0;transition: .5s;}
.pro_list ul li:hover p { }


/*甯堣祫闃熶紞*/
.p-service-list { position: relative; overflow: hidden; }
.p-service-list ul { position: relative; list-style: none; height: 440px; overflow: hidden; padding: 10px}
.p-service-list li { float: left; position: relative;  }
.p-service-list li a:after { content:""; position: absolute; width: 100%; height: 100%; top: 0; left: 0; background: rgba(0,0,0,.0); display: block;transition: all .5s; }
.p-service-list li a:hover:after { transition: all .5s; }
.p-service-list li a{overflow: hidden;text-align: center;width: 285px;  height: 415px;  display: block;transition: all .5s; background: url("../picture/listbg.jpg");margin:10px 0 0 62px; overflow: hidden;}
.p-service-list ul li:first-child {margin-left:-35px}
.p-service-list li h3 { position: absolute; display: block; width: 100%;top: 350px; font-size: 24px; color: #fff; z-index: 9; text-align: left;text-indent: 30px;text-shadow:0 0 3px rgba(0,0,0,0.8)}
.p-service-list p { position: absolute; text-align: left; top:600px;  font-size: 16px; color: #fff; z-index: 9; padding: 0 30px; line-height: 30px; text-indent: 30px; opacity: 0锛沚ackground: #2b82fe; border-radius: 0 0 0 50px; padding-top: 20px}
span.item-link {position: absolute; display: block;  width: 100%; top:360px;height: 36px; line-height: 36px; font-size: 18px; color: #ffffff; margin: 20px auto;z-index: 9;  text-align: left; text-indent: 30px;text-shadow:0 0 2px black;}
.p-service-list li h5{position: absolute; display: block;  width: 100%; top:600px; height: 36px; line-height: 36px; font-size: 16px; color: #ffffff; margin: 20px auto;z-index: 9;  text-align: left; text-indent: 30px;}
.p-service-list li:hover a{width: 560px; height: 630px; transition: all .5s; background: url("../picture/sz_bg.jpg") bottom no-repeat;margin:-60px 0 0 35px; overflow: hidden; }
.p-service-list li:hover a img{margin:80px 0 0 1px; transition: all .5s;}
.p-service-list li:hover p {  top:7px ;opacity: 1;transition: all .5s; right:0px; width:200px; height: 300px; background: #2b82fe; border-radius: 0 0 0 50px }
.p-service-list li:hover span { top: 480px;transition: all .5s; }
.p-service-list li:hover h3 { top:460px;transition: all .5s; }
.p-service-list li:hover h5 { top:510px;transition: all .5s; }
.p-service-list li img{
width:100%;
height:100%;
}


/*h_title*/
.h_title { text-align: center; margin: 60px 0; }
.h_title h3 { font-size: 38px;text-align: center}
.h_title h3 img{ margin: auto}
.h_title p { color: #666; font-size: 16px; }
.h_title .more{ display: block; float: right; width: 145px; height: 36px; margin-right: 100px;}


/*鏂伴椈涓績*/
.news { margin-bottom: 60px }
.news-list-fl { width: 58%; float: left; }
.news-list-fr { width: 33%; float: right }
.news-title { position: relative; font-size: 18px; border-bottom: 1px solid #ededed; margin-bottom: 20px; line-height: 36px; color: #fff; font-weight: normal; text-indent: .5em; }

.news-title a { float: right; font-size: 15px; color: #666; line-height: 40px; font-weight: normal; }
.news-list-fl section { border-bottom: #f3f2f2 1px solid; margin-bottom: 20px; padding-bottom: 15px; }
.news-list-fl section a { overflow: hidden; display: block; }
.news-list-fl section h4 { font-size: 18px; margin: 5px 0; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;
text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;line-clamp: 3;-webkit-box-orient: vertical; line-height: 22px;height: 66px}
.news-list-fl section span { font-size: 12px; color: #999; margin-top: 10px; display: block; }
.news-list-fl section i { width: 260px; height: 160px; display: block; overflow: hidden; float: left; margin-right: 20px; }
.news-list-fl section i img { transition: .5s; height: 100%; width: 100%; }
.news-list-fl section:hover i img { transform: scale(1.1) }
.news-list-fl section p { color: #666; overflow: hidden; text-overflow: ellipsis; -webkit-box-orient: vertical; display: -webkit-box; -webkit-line-clamp: 2; line-height: 1.6; }
.news-list-time li { line-height: 50px; position: relative; padding-left: 20px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; border-bottom: 1px solid #ededed;}
.news-list-time li:before { content: ""; position: absolute; left: 0; bottom: 23px; width: 4px; height: 4px; background: #6e6e6e; border-radius: 4px; }
.news-list-time li span { float: right; font-size: 12px; color: #dc8e0c }









/*鍙嬫儏閾炬帴*/
.links { background: #132a80; padding: 30px 0; }
.links p{ font-size: 12px;font-weight: bold;color: #FFF;line-height: 30px;}
.links a { color: #bfe0ff;font-weight: 100 }
.links a:hover { text-decoration: underline; color: #fff }
.links span { display: inline-block; margin: 0 0 0 20px;}
.ftmain.box { display: flex; flex-wrap: wrap; justify-content: space-between;}


/*footer*/
footer { background:url("../picture/footer.jpg") ; color: #FFF; padding: 30px 0 0; }
footer a { color: #FFF; }
.ft_logo { margin: 30px 0; float: left; }
.ft_logo img { filter: brightness(100); }
.ft_contact { float: left; padding: 0 100px; position: relative; background: linear-gradient(#5495d9, #5495d9), linear-gradient(#5495d9, #5495d9); background-size: 1px 100%, 1px 100%; background-repeat: no-repeat; background-position: 0 0, right 0; }
.ft_contact { float: left; padding: 0 100px; position: relative; background: linear-gradient(#5495d9, #5495d9), linear-gradient(#5495d9, #5495d9); background-size: 1px 100%, 1px 100%; background-repeat: no-repeat; background-position: 0 0, right 0; }
.ft_pic { float: right; text-align: center; font-size: 14px; }
.ft_pic img { width: 120px; margin-bottom: 5px; }
.ft_pic p { display: inline-block; margin: 20px 0 0 20px; }
.ft_contact h4 { font-size: 18px; color: #fff; margin-bottom: 18px;padding-left: 20px; }
.ft_contact li { line-height: 24px; margin-bottom: 5px;padding-left: 20px; }
.copyright { text-align: center; padding: 10px 0; background-color: #222; margin-top: 35px; color: #FFF; font-size: 14px; }
.copyright a { color: #FFF; }





/*鍒楄〃椤甸潰*/
.banner2 { position:relative; z-index: -99 }
.banner2 img { width: 100%; }
.banner2 h3{font-size: 48px;position:absolute;width: 300px;text-align:center;height:100px;top:50%;left:50%;margin-left: -150px;margin-top:-50px;letter-spacing: .1em;}

.boxbg{background: #3d8bcf;}
.side_left { float: left; width: 280px; margin: 20px 0; background: #FFF; margin-top: -80px; z-index: 99; position: absolute;;}
.side_right { float: right; width: 1280px; margin:0 0 50px 0; background: #FFF;}
.news_nav { overflow: hidden; background: #1049a0; color: #fff; text-align: center;height: auto;  }
.news_nav h3 { padding: 10px 10px 7px; font-size: 30px; margin: 30px 0 0 0 ; text-align: left}
.news_nav span { font-size: 16px; text-align: left; display: block; margin-bottom: 30px}
.news_nav h3 a { color: #fff; }
.news_nav i{float:left; margin: 20px;}
.news_nav ul { background: #eff4fa; margin: 1px; padding: 4px;padding-bottom: 200px;  }
.news_nav ul a { color: #000; font-size: 18px }
.news_nav ul li a.on{color: #1887ff; font-weight: bold}
.news_nav ul li { line-height: 60px; border-bottom: 1px dotted #b4b1b1; margin: 0;background: #FFF; }
a#navoncurrent, .news_nav ul li:hover a { color: #1049a0; }












.news_list { }
.news_list ul { }
.news_list li { overflow: hidden; margin: 40px 80px; border: #e7e5e5 1px solid; padding: 20px; }
.news_list li a { }
.news_list li i { width: 220px; height: 135px; overflow: hidden; float: left; margin-right: 40px; }
.news_list li i img { width: 100%; min-height: 100%;max-height:100%; transition: .5s }
.news_list li section { }
.news_list h3 { font-size: 22px; margin: 2px 0 15px 0; font-weight: 500 }
.news_list p { color: #666; line-height: 26px; margin-bottom: 10px; overflow: hidden; text-overflow: ellipsis; -webkit-box-orient: vertical; display: -webkit-box; -webkit-line-clamp: 2;  font-size: 16px;}
.news_list span { color: #999; font-size: 16px; }
.news_list li:hover img { transform: scale(1.1) }
.weizhi { margin-bottom: 10px; padding: 0 9px; height: 60px; line-height: 60px; font-size: 16px; background: #dddddd; color: #666; padding-left: 30px }
.weizhi a { margin: 0 5px; color: #2f58b8; }
.news_list2 li { line-height: 30px; padding: 5px 10px; border-bottom: #e7e5e5 1px dashed; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
.news_list2 li span { float: right; color: #999; font-size: 14px; }
.news_list3 { }
.news_list3 ul {padding: 20px 0; }
.news_list3 li { overflow: hidden; margin: 20px 80px; border-bottom: #e7e5e5 1px solid; padding: 10px 20px; }
.news_list3 li a { }
.news_list3 li section { }
.news_list3 h3 { font-size:18px; margin: 2px 0 15px 0; font-weight: 100 }
.news_list3 span { color: #999; font-size: 16px; float: right}



/*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; }
.side_contact { margin: 20px 0; overflow: hidden; }
.side_contact h3 { background: #1049a0; 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; }
/*news_content*/
.news_content { line-height: 28px; font-size: 16px; text-indent: 2em; margin: 60px 120px; }
.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 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; }
.content_box h1 { font-size: 22px; padding: 30px 0; text-align: center; }
.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 p { display: inline-block; margin: 0 20px; }
.news_next { overflow: hidden; margin: 30px 0; border: #eceaea 1px solid; padding: 20px; background: #f7f7f7; }
.news_next li { width: 45%; float: left; text-overflow: ellipsis; white-space: nowrap; color: #666; overflow: hidden; font-size: 16px; }
.news_next li:nth-child(2) { float: right; text-align: right; }
.news_next li a { color: #222; }
.news_next li a:hover { color: #015aae; }
/*search_list*/
.xt_search { margin: 0 0 20px 0; color: #333; }
.search_list { margin: 20px 0; }
.search_list strong { color: #f00; }
.search_list ul li { margin-bottom: 30px; }
.search_list ul li h3 { font-weight: normal; margin: 0; font-size: 16px; margin-top: 10px; }
.search_list ul li h3 a { color: #07519A; }
.search_list ul li h3 a:hover, .color_purple:hover { text-decoration: underline }
.search_list ul li p { font-size: 14px; margin: 5px 0; }
.color_green { color: green; font-size: 14px; word-break: break-all; white-space: pre-wrap; }
.color_purple { color: #77c; }
/*side_nav*/
.side_nav { position: fixed; right: 0; bottom: 20%; z-index: 999; }
.side_nav ul li { width: 50px; height: 50px; background: #d9d9d9; margin-bottom: 1px; }
.side_nav ul li a { display: block; position: relative; }
.side_nav ul li span { position: absolute; right: 50px; top: 0; font-weight: bold; width: 150px; min-height: 50px; line-height: 50px; color: #fff; text-align: center; font-size: 17px; display: none; }
.side_nav ul li span img { width: 120px; margin: 10px auto }
.side_nav li i { display: block; margin: auto; width: 100%; height: 50px; background-size: 32px; }
i.icon_dh { background: url(../image/0icon_dh.png) no-repeat center; }
i.icon_wx { background: url(../image/0icon_wx.png) no-repeat center; }
i.icon_qq { background: url(../image/0icon_qq.png) no-repeat center; }
i.icon_fh { background: url(../image/0icon_top.png) no-repeat center; }
.side_nav ul li:hover span { display: block; background: #1049a0; }
.side_nav ul li:hover { background: #1049a0; }
.side_nav ul li:hover i { filter: invert(1); }
a.cpbtn { display: none;}



.side_right .pic_list { width: 100%; margin: 20px 0 40px; }
.pic_list { float: right;}
.pic_list ul { overflow: hidden; padding: 20px 50px; }
.pic_list ul li { width: 33.333%; float: left; text-align: center; margin: 0 0 40px 0; transition: .5s; overflow: hidden; }
.pic_list ul li a { display: block; width: 340px; margin: auto; border: #eaeaea 1px solid; }
.pic_list ul li i img { width: 100%; min-height: 100%; margin: auto; transition: .5s; }
.pic_list ul li i { width: 100%; height: 260px; display: block; margin: auto; overflow: hidden; }
.pic_list ul li p { background: #eaeaea; line-height: 60px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;font-size: 18px; }
.pic_list ul li:hover img { transform: scale(1.05) }
.pic_list ul li:hover a { border: #1049a0 1px solid; }
.pic_list ul li:hover p { background: #1049a0; color: #fff; }
.pic_list_h { border-bottom: #eceaea 1px solid; padding: 0 0 15px 0; margin-bottom: 15px; font-size: 22px; }