@charset "utf-8";
:root {
  --main-color:#016eb2;  /*主要颜色*/
}
body {font-family:"Arial", "Microsoft Yahei", "宋体", sans-serif; _font-family:"Microsoft Yahei"; font-size:12px; color:#414141;}
a {color:#414141; text-decoration:none;}
a:focus {outline:0; -moz-outline:none;} /*for ff*/
body a:hover {text-decoration:none; color:#016eb2;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,area,blockquote,th,td,p {margin:0; padding:0;}
img, a img {border:0;}
table {border-collapse:collapse;}
li {list-style-type:none;}
input, textarea, select {outline:none; font-family:"Arial", "Microsoft Yahei", "宋体", sans-serif; _font-family:"Microsoft Yahei";}
textarea {resize:none;}

/*清除ie点击链接出现的边框*/
a, area {blr:expression_r(this.onFocus=this.blur());}

/* 让非ie浏览器默认也显示垂直滚动条，防止因滚动条引起的闪烁 */
html {overflow-y:scroll; overflow-x:hidden;}

/*解除Webkit 12号字体限制*/
html {-webkit-text-size-adjust:none;}

body, html {width:100%; overflow-x:hidden;}

.clear {clear:both; height:0 !important; width:0 !important; overflow:hidden; font-size:0;}
.fl, .fi {float:left;}
.fr {float:right;}

.ease02 {-webkit-transition:all 0.2s ease-in; transition:all 0.2s ease-in;}
.ease03 {-webkit-transition:all 0.3s ease-in; transition:all 0.3s ease-in;}
.ease04 {-webkit-transition:all 0.4s ease-in; transition:all 0.4s ease-in;}
.ease05 {-webkit-transition:all 0.5s ease-in; transition:all 0.5s ease-in;}
.ease06 {-webkit-transition:all 0.6s ease-in; transition:all 0.6s ease-in;}
.ease07 {-webkit-transition:all 0.7s ease-in; transition:all 0.7s ease-in;}
.ease08 {-webkit-transition:all 0.8s ease-in; transition:all 0.8s ease-in;}
.ease09 {-webkit-transition:all 0.9s ease-in; transition:all 0.9s ease-in;}
.ease10 {-webkit-transition:all 1s ease-in; transition:all 1s ease-in;}

@font-face {
  font-family:'impac';
  src:url('../font/impact-webfont.eot');
  src:url('../font/impact-webfont.eot?#iefix') format('embedded-opentype'),
	  url('../font/impact-webfont.woff') format('woff'),
      url('../font/impact-webfont.ttf') format('truetype'),
      url('../font/impact-webfont.svg#SingleMaltaRegular') format('svg');
  font-weight:normal;
  font-style:normal;
}
.font {font-family:'impac', "Microsoft Yahei";}

/*******************************************/

.top_line {width:100%; height:8px; overflow:hidden; background:#016eb2;}
#top {width:100%; overflow:hidden;}
.top_in {width:1000px; margin:0 auto; overflow:hidden; position:relative;}
.logo {text-align:center;}

.nav_max {width:1000px; height:32px; margin:20px auto 15px; position:relative;}
.nav {position:absolute; top:2px; left:0;}
.nav ul li {height:26px; line-height:26px; overflow:hidden; float:left; padding:0 8px; border-right:1px solid #016eb2;}
.nav ul>li {width:auto;}
.nav a {width:auto; _width:0; white-space:nowrap; display:block; height:24px; padding:0 29px; border-radius:35px; -moz-border-radius:35px; -webkit-border-radius:35px; font-size:15px; color:#414141;}
.nav a:hover, .nav a.nav_on {color:#016eb2}

.lan {position:absolute; top:20px; left:0;}
.lan a {padding-left:25px; height:33px; line-height:33px; display:inline-block;}
.lan .zh {background:url(../images/zh.gif) no-repeat left center; padding-right:8px;}
.lan .en {background:url(../images/en.gif) no-repeat left center;}

.search {width:198px; height:30px; border:1px solid #cbcbcb; overflow:hidden; position:absolute; top:0; right:0;}
.sear_t {width:160px; height:30px; line-height:30px; overflow:hidden; text-indent:8px; border:0; float:left; color:#333;}
.sear_b {width:38px; height:30px; overflow:hidden; background:url(../images/sear_b.png) no-repeat center center; border:0; cursor:pointer; float:right;}

.tel {font-size:20px; position:absolute; top:24px; right:0;}

.aboutus {width:100%; height:669px; overflow:hidden; background:url(../images/about_bg.jpg) no-repeat center top;}
.aboutus_in {width:1000px; margin:0 auto;}
.aboutus_tit {padding:76px 0 38px; text-align:center; font-size:38px; font-weight:bold; color:var(--main-color);}
.aboutus_tit a {color:var(--main-color);}
.aboutus_con {line-height:26px; font-size:15px; text-align:center;}
.aboutus_con span {color:#016eb2;}
.aboutus_more {text-align:center; padding-top:15px;}
.aboutus_more a {padding:12px 30px; background:#016eb2; color:#fff; display:inline-block; font-size:14px;}
.aboutus_more a:hover {background:#333; color:#fff;}

.iproducts {width:1000px; margin:0 auto; padding:60px 0;}
.ipro_tit {text-align:center; font-size:40px; color:#333; padding-bottom:30px;}
.ipro_cate {width:318px; height:396px; float:left; margin-right:23px; margin-bottom:40px; position:relative;}
.ipro_cate a {width:318px; height:396px; display:block;}
.ipro_pic {position:relative; z-index:1;}
.ipro_pic img {width:318px; height:318px; position:relative; z-index:1;}
.ipro_pic .bor {width:314px; height:314px; border:2px solid #016eb2; position:absolute; top:0; left:0; z-index:2; display:none;}
.ipro_word {width:100%; height:94px; overflow:hidden; position:absolute; bottom:0; left:0; z-index:3;}
.ipro_word_in {width:220px; height:90px; margin:0 auto; border:2px solid #016eb2; background:#fff; text-align:center;}
.ipro_word_in .pad {padding-top:20px;}
.ipro_word_in div {font-size:16px; color:#1e1d22; padding-bottom:5px; font-weight:bold;}
.ipro_word_in p {font-size:12px; color:#016eb2;}
.ipro_cate:hover .ipro_word_in {background:#016eb2;}
.ipro_cate:hover .ipro_word_in div, .ipro_cate:hover .ipro_word_in p {color:#fff;}
.ipro_cate:hover .ipro_pic .bor {display:block;}

.number {width:100%; height:590px; overflow:hidden; background:url(../images/number_bg.jpg) no-repeat center top; position:relative;}
.number_in {width:100%; height:204px; overflow:hidden; background:rgba(255,255,255,0.1); position:absolute; top:180px;}
.number_con {width:1000px; margin:0 auto; padding-top:48px;}
.ulpart {float:left; color:#fff; width:auto; _width:0; white-space:nowrap; text-align:center; padding:0 30px;}
.ulpart .h1 {font-size:18px;}
.ulpart .h1 span {font-size:70px;}
.ulpart .h2 {font-size:18px; padding-top:5px;}
.ulpart1 {width:140px; padding-left:0;}
.ulpart2 {width:160px;}
.ulpart3 {width:260px;}
.ulpart4 {width:250px; padding-right:0;}

.row {background:#f5f5f5;}
.row_in {width:1000px; margin:0 auto; padding:60px 0;}
.row_part {width:320px; float:left; overflow:hidden;}
.row_tit {font-size:23px; padding-bottom:22px;}
.row_pic img {width:100%; height:246px;}
.row_con {width:100%; height:80px; background:#fff; border-bottom:2px solid #026cbe; font-size:15px;}
.row_con .pad {padding:15px 12px 0;}
.row_pa {position:relative; line-height:22px; height:44px; text-align:justify;}
.row_pa span {position:absolute; right:0; top:22px;}
.row_part2 {padding-left:20px;}
.row_part3 {float:right;}

#bottom {width:100%; background:#3c4145; padding:40px 0;}
.bottom_in {width:1000px; margin:0 auto; position:relative; color:#c8c8c8; font-size:14px;}
.bottom_in a, .bottom_in a:hover {color:#c8c8c8;}
.bleft {visibility:hidden;}
.bleft ul {background:url(../images/bico.gif) no-repeat left 5px; padding-left:23px;}
.bleft ul li {height:26px; line-height:26px; overflow:hidden;}
.bright {position:absolute; top:0; right:0;}
.bright_a {text-align:right;}
.bright_a a {width:34px; height:34px; margin-left:5px; display:inline-block; border-radius:50%; background-color:#303437; background-repeat:no-repeat; background-position:center center;}
.bright_a a.bico1 {background-image:url(../images/bico1.png);}
.bright_a a.bico2 {background-image:url(../images/bico2.png);}
.bright_a a.bico3 {background-image:url(../images/bico3.png);}
.bright_a a:hover {background-color:#016eb2;}
.bright_b {line-height:26px; text-align:right; margin-top:8px;}

.blink {width:100%; height:46px; line-height:46px; overflow:hidden; background:#1b1d1e; color:#6f6f6f;}
.blink a {color:#fff; font-size:15px; padding:0 40px;}
.blink a:hover {color:#fff;}
.blink_in {width:1000px; margin:0 auto; text-align:center;}

.banner_in {width:100%; height:380px; overflow:hidden; background-repeat:no-repeat; background-position:center center;}
.banner_aboutus {background-image:url(../images/banner_in.jpg);}
.banner_products {background-image:url(../images/banner_in.jpg);}
.banner_project {background-image:url(../images/banner_in.jpg);}
.banner_news {background-image:url(../images/banner_news.jpg);}
.banner_contact {background-image:url(../images/banner_contact.jpg);}
.banner_special {background-image:url(../images/banner_in.jpg);}

.cate_max {width:1000px; margin:0 auto;}
.cate_tit {text-align:center; padding-bottom:15px;}
.cate_tit div {font-size:40px; color:#016eb2; line-height:42px;}
.cate_tit p {color:#000; font-size:18px;}
.cate {text-align:center; margin-bottom:24px;}
.cate a {display:inline-block; padding:8px; border:1px solid #ddd; margin:0 8px 10px; font-size:14px;}
.cate a.cate_on, .cate a:hover {border:1px solid #2764bf; background:#2764bf; color:#fff;}

.page {width:1000px; margin:0 auto;}
.page_in {padding-bottom:30px;}

.about_content {padding-bottom:40px;}
.about_honor {width:100%; padding-top:40px; background:#fff;}
.about_pin {width:1000px; margin:0 auto; overflow:hidden;}
.about_history {width:100%; background:url(../images/abg.gif) repeat center center #016eb2; padding:45px 0 60px;}
.about_history .cate_tit div, .about_history .cate_tit p, .about_idea .cate_tit div, .about_idea .cate_tit p {color:#fff;}
.about_year {height:56px; padding-top:25px; background:url(../images/his_bor.gif) repeat-x center bottom;}
.year_click {width:13px; height:20px; overflow:hidden; cursor:pointer;}
.aleft1 {background:url(../images/aleft1.png) no-repeat; float:left;}
.aright1 {background:url(../images/aright1.png) no-repeat; float:right;}
.year_con {width:973px; height:26px; overflow:hidden; position:relative; float:left;}
.year_con ul {width:2000px; height:26px; overflow:hidden; position:absolute; top:0; left:0;}
.year_con ul li {width:139px; height:26px; font-size:14px; float:left; cursor:pointer; text-align:center; color:#a7c9fd;}
.about_year .year_on {color:#fff; font-weight:bold; font-size:15px; background:url(../images/year_on.gif) no-repeat center bottom;}
.about_ycont {text-align:center; color:#fff; font-size:15px; padding-top:30px;}
.about_ypart {display:none;}

.about_idea {padding-top:40px; background:url(../images/abg.gif) repeat center center #016eb2;}
.about_idcon {width:1000px; margin:0 auto; padding:50px 0;}
.idea_part {width:250px; overflow:hidden; float:left; text-align:center; position:relative; top:0;}
.idea_ico {width:162px; height:162px; margin:0 auto; overflow:hidden;}
.idea_ico .h1 {width:100%; height:162px; overflow:hidden; background:url(../images/ico_bg.png) no-repeat center top; z-index:1;}
.idea_ico .h2 {width:62px; height:56px; top:40px; left:50%; margin-left:-31px; position:absolute; z-index:2;}
.idea_ico .h3 {width:100%; position:absolute; top:106px; left:0; font-size:14px; color:#016eb2;}
.idea_words {color:#fff; font-size:14px; line-height:22px; padding:10px 10px 0;}
.idea_part:hover {top:20px;}

.newsli {border-bottom: 1px dashed #d8d8d8; margin-bottom:15px; padding-bottom:15px;}
.newsli .fl {width:240px; overflow:hidden;}
.newsli2 .fl {overflow:hidden; float:right;}
.news_liimg {width:240px; height:180px; overflow:hidden; position:relative;}
.news_liimg img {width:240px; min-height:180px; position:absolute; top:0; left:0; clip: rect(0px,240px,180px,0px);}
.news_line {overflow:hidden; background:#016eb2; position:absolute; z-index:2;}
.newsli .fr {width:734px; overflow:hidden;}
.newsli2 .fr {overflow:hidden; float:left;}
.news_litit {height:40px; line-height:40px; overflow:hidden; position:relative; background:url(../images/inews_li.gif) no-repeat left 13px;}
.news_litit a {font-size:16px; display:block; height:40px; width:100%; font-weight:bold; padding-left:12px;}
.newsli:hover .news_litit a {color:#016eb2;}
.news_licon {font-size:14px; line-height:24px; color:#666;}
.news_lidate {background:url(../images/date.png) no-repeat left center; padding-left:18px; height:20px; line-height:20px; color:#666; margin-top:8px;}

.news_tit {text-align:center; font-size:22px; font-weight:bold; padding-top:20px;}
.news_mes {background:#f0f0f0; color:#9e9e9e; height:25px; line-height:25px; text-align:center; border:1px dashed #ccc; border-width:1px 0; margin:15px 0;}
.news_con {line-height:24px; font-size:14px; text-align:justify; padding-bottom:10px;}
.news_con img {max-width:100%; height:auto;}
.news_iframe {width:100%; height:600px;}

.contact_left {width:500px; float:left; overflow:hidden;}
.contact_right {width:490px; float:right; overflow:hidden;}
.contact_tt {padding:5px 0 5px;}
.contact_tt div {font-size:25px;}
.contact_tt p {font-size:18px; color:#666;}
.contact_con {padding-top:15px; font-size:14px; line-height:22px;}

.book {margin:0 auto;}
.book_words {line-height:20px; color:#666; padding-bottom:25px;}
.book_input {width:100%;}
.book_input p {margin:4px 0 12px;}
.binput {border:2px solid #ddd; background:#fff; width:450px; padding:0 10px; height:40px; line-height:30px; font-size:14px;}
.book_textarea {border:0;}
.btext {border:2px solid #ddd; background:#fff; width:450px; height:175px; padding:13px 10px 0; font-size:14px;}
.binput2 {width:80px; height:25px; border:1px solid #cfcfcf;}
.book_submit table td {padding:0 5px;}
.button {width:90px; height:27px; background:#016eb2; color:#fff; line-height:25px; text-align:center; border:0; cursor:pointer;}

/*分页*/
.pagelist {margin:15px auto; line-height:25px;}
.pagelist .aa, .pagelist .bb, .page_front, .page_back, .page_first, .page_last {font-size:12px; width:25px; height:25px; line-height:26px; overflow:hidden; display:block; text-align:center; margin:0 3px; border-radius:3px;}
.pagelist .aa {color:#fff;}
.pagelist .bb {background:#ffffff; color:#464646; border:1px solid #d2d2d2;}
.pagelist .aa:hover {color:#fff; text-decoration:none;}
.pagelist .bb:hover {color:#fff; text-decoration:none;}
.page_front, .page_back, .page_first, .page_last {width:55px; background:#ffffff; color:#464646; border:1px solid #d2d2d2;}
.page_first, .page_last {font-size:14px; width:32px;}
.pagelist .page_select {min-width:62px; height:27px; border-radius:3px; padding:0 10px 0 10px; border:1px solid #d2d2d2;}
.pagelist .page_front:hover, .pagelist .page_back:hover, .pagelist .page_first:hover, .pagelist .page_last:hover {color:#fff; text-decoration:none;}
.pagelist .aa, .pagelist .aa:hover, .pagelist .bb:hover, .pagelist .page_front:hover, .pagelist .page_back:hover, .pagelist .page_first:hover, .pagelist .page_last:hover {background-color:var(--main-color);}
.pagelist .aa, .pagelist .bb:hover, .pagelist .page_front:hover, .pagelist .page_back:hover, .pagelist .page_first:hover, .pagelist .page_last:hover {border:1px solid var(--main-color);}

.prne {width:100%; height:35px; line-height:35px; overflow:hidden; background:#f0f0f0; margin-top:25px;}
.prne_in {width:96%; height:35px; margin:0 auto;}
.prne_in .fl {width:50%; height:35px; overflow:hidden;}
.prne_in .fr {width:50%; height:35px; overflow:hidden; text-align:right;}
.prne_in .fl p {width:80%; overflow:hidden;}
.prne_in .fr p {width:80%; overflow:hidden; float:right;}
.prne_in a:hover {text-decoration:underline;}

.position {width:100%; height:48px; border-bottom:1px solid #ddd; background:#fff; margin-bottom:20px;}
.position_in {width:1000px; height:48px; margin:0 auto;}
.position_in p {height:48px; line-height:48px; font-size:14px; background:url(../images/ico.gif) no-repeat left center; padding-left:8px;}

.pro_part {width:240px; height:200px; overflow:hidden; float:left; margin-right:15px; margin-bottom:15px; text-align:center;}
.pro_part .bor {border:1px solid #ddd; width:238px; height:198px;}
.pro_part img {width:218px; height:145px; padding:10px;}
.pro_part p {height:28px; line-height:28px; overflow:hidden;}

.about_part {width:238px; margin-right:16px;}
.about_part img {width:216px; height:143px;}
.about_part .bor {width:236px; height:196px;}

.pro_pic {text-align:center;}
.pro_tit img {max-width:100%; height:auto;}
.pro_tit {font-size:18px; font-weight:bold; text-align:center; padding-top:20px;}
.pro_content {padding:0 20px;}
.pro_tt {font-size:16px; color:#016eb2; font-weight:bold; padding-bottom:10px; border-bottom:1px solid #ddd; margin-bottom:10px;}

#left {width:226px; float:left; overflow:hidden;}
.left_top {width:100%; height:46px; line-height:46px; background:url(../images/left_ico.gif) no-repeat 14px 12px #016eb2; font-size:16px; font-weight:bold; text-indent:46px; color:#fff;}
.left_con {background:url(../images/left_bg.gif) repeat-y left top; border-bottom:1px solid #e6e6e6;}
.left_con dl {width:210px; margin:0 auto; padding-top:8px;}
.left_con dl dt {padding-bottom:8px; text-indent:23px;}
.left_con dl dt a {width:208px; height:26px; border:1px solid #e6e6e6; background:url(../images/left_ico2.gif) 12px center no-repeat #f4f4f4; display:block; line-height:26px;}
.left_con dl dt a.left_aon, .left_con dl dt a:hover {background-color:#016eb2; color:#fff;}
.left_con dl dd {text-indent:23px; padding-bottom:10px;}
.left_con dl dd a {color:#7b7b7b; display:block; width:100%; height:18px; line-height:18px;}
.left_con dl dd a:hover {background-color:#016eb2; color:#fff;}

.contact {margin:10px 0;}
.left_cont {width:100%; height:46px; line-height:46px; text-indent:55px; background:url(../images/left_cont.gif) no-repeat;}
.left_cont a, .left_cont a:hover {color:#fff; font-size:14px; width:100%; height:46px; display:block;}
.left_pic {text-align:center; padding:10px 0;}
.left_pic img {width:210px; height:auto;}

#right {width:750px; float:right; overflow:hidden;}

.contact_con table {width:100%;}
.contact_con table tr.even {background:#e6f5fc;}
.contact_con table tr {height:40px;}
.contact_con table td {padding:0 10px; border:1px solid #ddd;}