@charset "utf-8";
/* CSS Document */
* { margin: 0; padding: 0 }
body { font: 15px "Microsoft YaHei", Arial, Helvetica, sans-serif; color: #333; line-height: 1.5; }
img { border: 0; display: block }
ul, li { list-style: none; }
a { text-decoration: none; color: #000; }
a:hover { text-decoration: underline; color: #01579b }
.blank { clear: both; width: 100%; overflow: hidden; height: 20px }
.clear { clear: both; width: 100%; overflow: hidden; }
.box { width: 1200px; margin: auto; overflow: hidden }
/*header*/
.top { padding: 20px 0 }
.logo { float: left }
.logo img { width: 230px; }
.tel { background: url(../images/tel.jpg) no-repeat right center; float: right; text-align: right; padding-right: 60px; }
.tel span { font-size: 12px; color: #888 }
.tel p { font-size: 24px; color: #f4670b; font-weight: bold }
nav { line-height: 60px; width: 100%; background: #01579b }
#starlist { width: 1200px; margin: auto }
#starlist li { position: relative; display: inline-block; font-size: 16px; width: 14%; text-align: center; }
#starlist li a { display: block; color: #fff }
#starlist li:hover a, #starlist ul.sub li a:hover { color: #fff; background: #01579b; text-decoration: none }
#selected { background: #E47600 }
a#selected:hover { background: #E47600 !important; }
#starlist ul.sub li { width: 100%; background: #fff; float: left; font-size: 15px; }
#starlist ul.sub li a { padding: 0; display: none; width: 100%; ; }
#starlist ul.sub li a:hover { background: #E47600 }
#starlist ul.sub { position: absolute; left: 0; top: 60px; z-index: 9; width: 100%; line-height: 44px; opacity: 0; transition: all .5s; box-shadow: 0px 5px 9px 1px rgba(144, 161, 180, 0.2); -moz-box-shadow: 0px 5px 9px 1px rgba(144, 161, 180, 0.2); }
#starlist ul.sub:before { content: ""; height: 15px; width: 15px; background: #fff; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); border-left: 0; border-bottom: 0; position: absolute; top: -8px; left: 42%; display: none; }
#starlist li:hover ul.sub { opacity: 1; top: 60px; }
#starlist li:hover ul.sub li a { display: block }
#starlist li:hover ul.sub:after, #starlist ul.sub li:after, #starlist ul.sub li a:after { display: none; }
#mnavh { display: none; width: 40px; height: 40px; text-align: center; }
.navicon { display: block; position: relative; width: 30px; height: 3px; background-color: #727171; margin-top: 20px; float: left; }
.navicon:before, .navicon:after { content: ''; display: block; width: 30px; height: 3px; position: absolute; background: #727171; -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: -10px; }
.navicon:after { margin-top: 10px; }
.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: 30px; height: 3px; position: absolute; background: #727171; }
.menu:after { position: absolute; top: 19px; right: 7px; transition: all .5s ease; display: none; }
/*search*/
.hot_search_box { height: 60px; background: #f4f4f4; }
.search_box { margin: 0 0 20px 0; }
.search { margin: 16px 0 0 0; background: url(../images/icon-search.png) no-repeat 214px center #fff; background-size: 16px; position: relative; border: 1px solid #eaeaea; border-radius: 20px; overflow: hidden; width: 240px; float: right; }
.search input.input_submit { border: 0; color: #fff; outline: none; position: absolute; top: 0; right: 0; width: 15%; display: block; height: 28px; line-height: 24px; text-indent: 1em; cursor: pointer; background: none; }
.search input.input_text { border: 0; line-height: 24px; height: 28px; font-size: 14px; width: 85%; outline: none; text-indent: .5em; }
.hot_search { width: 70%; float: left; line-height: 60px; }
.hot_search span { float: left; font-weight: bold; margin-right: 15px; }
.hot_search ul { overflow: hidden; }
.hot_search ul li { list-style-type: none; display: inline-block; font-size: 14px; }
.hot_search ul li a { color: #666; }
.hot_search ul li a:hover { color: #01579b }
.hot_search ul li:after { content: "、"; margin-left: 5px; }
.hot_search ul li:last-child:after { display: none }
/*f_l*/
.f_l { width: 70%; float: left; }
.h_title { border-bottom: #dcdcdc 1px solid; margin-bottom: 20px; font-size: 18px; line-height: 40px; color: #01579b; position: relative; padding-left: 5px; }
.h_title:after { content: ""; position: absolute; width: 90px; height: 2px; background: #01579b; left: 0; bottom: -1px; }
.h_title a { background: url(../images/more.jpg) no-repeat right center; float: right; font-size: 14px; padding-right: 20px; font-weight: normal; }
.about { overflow: hidden; margin: 20px 0; }
.about img { float: left; margin-right: 20px; }
.about p { line-height: 30px; }
.about a { color: #f00; }
.about section { position: relative;    overflow: hidden; height: 190px;}
.news_pic { float: left; width: 360px }
.news_list { float: right; width: 460px; }
.news_list li { overflow: hidden; margin-bottom: 15px; }
.news_list li a { }
.news_list li span { background: #198ede; width: 70px; height: 70px; font-size: 12px; text-align: center; overflow: hidden; color: #fff; float: left; margin: 0 10px 0 0; }
.news_list li b { display: block; font-size: 28px; font-weight: normal; padding-top: 4px; }
.news_list li h3 { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; font-weight: normal; margin: 0 0 4px 0; font-size: 15px; }
.news_list li p { font-size: 12px; color: #888; overflow: hidden; text-overflow: ellipsis; -webkit-box-orient: vertical; display: -webkit-box; -webkit-line-clamp: 2; line-height: 23px; height: 40px; }
/*f_r*/
.f_r { width: 28%; float: right }
.hzwl { margin: 20px 0 }
.hzwl img { margin: auto }
.hyxw ul { padding-bottom: 20px; }
.hyxw ul li { background: url(../images/li.jpg) no-repeat left center; padding-left: 15px; line-height: 30px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 14px; }
/*product*/
.product ul { overflow: hidden; padding-bottom: 20px; }
.product ul li { width: 20%; float: left; text-align: center; }
.product li a { margin: 0 10px; display: block; overflow: hidden; }
.product li i { margin-bottom: 10px; display: block; height: 170px; width: 100%; overflow: hidden }
.product li i img { width: 100%; min-height: 100%; transition: all .5s; }
.product li a { color: #666 }
.product li a:hover { text-decoration: none; color: #01579b }
.product li a:hover img { transform: scale(1.1) }
.product li p { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
/*service*/
.service { margin-bottom: 30px }
.service ul { overflow: hidden }
.service ul li { width: 25%; float: left }
.service ul li:nth-child(1) a { background: url(../images/icon01.png) #eee no-repeat left 40px center; background-size: 50px }
.service ul li:nth-child(2) a { background: url(../images/icon02.png) #eee no-repeat left 30px center; background-size: 60px }
.service ul li:nth-child(3) a { background: url(../images/icon03.png) #eee no-repeat left 40px center; background-size: 50px }
.service ul li:nth-child(4) a { background: url(../images/icon04.png) #eee no-repeat left 40px center; background-size: 50px }
.service ul li a { display: block; margin: 0 20px; padding: 40px 0 40px 100px; }
.service ul li a:hover { text-decoration: none }
.service ul li span { font-size: 12px; color: #999; }
/*links*/
.link_text { margin-bottom: 20px; overflow: hidden }
.link_text li { float: left; margin: 0 20px; font-size: 14px }
.link_text li a { color: #666 }
.link_pic { overflow: hidden; margin-bottom: 20px; }
.link_pic li { float: left; }
.link_pic li a { display: block; margin: 10px; background: #fff; border: #eee 1px solid; }
.link_pic li img { height: 60px; }
/*footer*/
footer { background: #555; }
.ft_nav { color: #ccc; font-size: 13px; padding: 30px 0; overflow: hidden; float: left }
.ft_nav section { float: left; margin: 0 30px 0 20px; }
.ft_nav section li { line-height: 30px; padding-left: 2px; }
.ft_nav a { color: #ccc; }
.ft_nav h2 { color: #fff; font-weight: normal; font-size: 15px; margin-bottom: 15px; }
.ft_nav h2 a { color: #fff; }
.copyright { text-align: center; background: #222; line-height: 44px; color: #babbbd; font-size: 13px; }
.copyright a { color: #babbbd }
.ditu { float: right; margin-bottom: 30px }
.ditu iframe { margin-top: 30px; display: block; border: none; overflow: hidden; height: 220px; width: 360px; }
/*page-title*/
.page-title { text-align: right; line-height: 60px; border-bottom: #e5e5e5 1px solid; font-size: 16px; margin-bottom: 40px }
.page-title a { display: inline-block; line-height: 60px; width: 145px; text-align: center; }
.page-title a:hover, .page-title a#pagecurrent { text-decoration: none; color: #27a1e6; position: relative; }
.page-title a#pagecurrent { position: relative; }
.page-title a:hover:after, .page-title a#pagecurrent:after { position: absolute; content: ""; border-width: 9px; border-style: solid; border-color: transparent transparent #e5e5e5 transparent; bottom: 0px; left: 43%; }
.page-title a:hover:before, .page-title a#pagecurrent:before { position: absolute; content: ""; border-width: 8px; border-style: solid; border-color: transparent transparent #ffffff transparent; bottom: -1px; left: 43.5%; z-index: 9; }
/*pagelist*/
.pagelist { text-align: center; color: #666; width: 100%; clear: both; margin: 30px auto; }
.pagelist a { color: #666; margin: 0 5px 10px; padding: 5px 10px; background: #F7F7F7; display: inline-block; }
.pagelist a:nth-child(1) { display: none }
.pagelist a:hover, .pagelist > b { color: #FFF; background: #01579b; text-decoration: none }
.pagelist > b { padding: 5px 10px; }
/*news_box*/
.news_box ul { overflow: hidden }
.news_box li {border-bottom: #f3f2f2 1px solid;margin-bottom: 20px;padding-bottom: 20px;overflow: hidden;position: relative;}
.news_box ul li i { width: 260px; height: 180px; display: block; overflow: hidden; float: left; margin-right: 20px; }
.news_box ul li i img { transition: .5s; width: 100%; min-height: 100%; }
.news_box ul li i img:hover { transform: scale(1.1) }
.news_box ul li h2 { margin: 15px 0; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; font-size: 18px; font-weight: normal; }
.news_box ul li p {overflow: hidden;text-overflow: ellipsis;-webkit-box-orient: vertical;display: -webkit-box;-webkit-line-clamp: 3;color: #888;font-size: 14px;line-height: 22px;margin-right: 120px;}
.news_box ul li span { font-size: 12px; color: #999; margin-top: 21px; display: block; }
.down_icon {    display: block;    position: absolute;    right: 2px;    top: 50px;}
/*article*/
article { margin-bottom: 40px; padding: 0 30px }
article h1 { text-align: center; font-size: 24px; margin: 20px auto }
.ar_info { text-align: center; color: #888; padding-bottom: 20px; margin-bottom: 20px; border-bottom: #f0f0f0 1px solid; font-size: 14px; }
.ar_info span { margin: 0 10px; }
.ar_content { font-size: 16px; line-height: 30px; }
.ar_content h2, .ar_content h3, .ar_content h4, .ar_content h5, .ar_content h6 { font-size: 16px; margin: 20px 0; }
.ar_content p { margin: 20px 0; text-indent: 2em }
.ar_content img { display: block; max-width: 100% !important; height: auto !important; margin: 20px auto }
article table{margin:auto;}
/*download_box*/
.download_box ul {overflow: hidden;}
.download_box ul li{ background: url(../images/li.jpg) no-repeat left center; padding-left: 15px; line-height: 40px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;  }