@charset "utf-8";
/* CSS Document */
html,body,div,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,span,img,pre,form,fieldset,legend,button,form,input,textarea,table,tr,th,td,a {margin:0px;padding:0px;}
body, button, input, select, textarea { font-size: 12px; font-family:arial,	\5FAE\8F6F\96C5\9ED1, \5b8b\4f53, sans-serif;}
h1, h2, h3, h4, h5, h6 {font-size:100%;}
address, cite, dfn, em, var {font-style:normal;}
code, kbd, pre, samp {font-family:courier new, courier, monospace;}
small {font-size:12px;}
ul, ol {list-style:none;}
a {text-decoration:none;}
a:hover {text-decoration:none;}
sup {vertical-align:text-top;}
sub {vertical-align:text-bottom;}
legend {color:#000;}
fieldset{border:0px;}
img {border: none;}
button, input, select, textarea {font-size:100%;}
table {border-collapse:collapse;border-spacing:0;}

.cr{clear:both}
.fl{float:left}
.fr{float:right}
.oh{overflow:hidden}
.pr{position:relative}
.pa{position:absolute}
.mr20{margin-right:20px;}

.autowrap{ width:100%; margin: 0 auto;}
.setwrap{ width:1280px; margin: 0 auto;}

/*web head*/
.topbg{height: 40px; background: #f1eff0;}
.top{ overflow: hidden;}
.top-txt, .top-tel{ font-size: 12px; color: #333; line-height: 40px;}
.top-txt{ float:left;  }
.top-tel{ float:right; }
.headbg{ background: #091138;}
.head{height:115px;}
.logo{position: absolute; left:0px; top:35px; width: 320px;}
/*top nav*/
/*nav*/
.nav{position: absolute; right:0px; top:37px; }
.navlist{ width: auto; height: 54px;}
.navlist li{ float: left; width: 100px; height: 54px; text-align: center; position: relative;}
.navlist li a{ padding:15px; line-height: 54px; color:#ddd; font-size: 15px; }
.navlist li a:hover{ border-bottom: #ff3226 2px solid;}
.navlist .on a{color:#EEE;}
.navlist .sub{ display:none; position:absolute; left:0; top:54px; width: 100px; background:#FFF; line-height:42px; z-index: 10; }
.navlist .sub li{float: none; height: 42px; line-height: 42px; overflow: hidden;  zoom:1;}
.navlist .sub a{ display:block; padding: 0; font-size: 12px; color:#333; line-height: 42px; text-align: center;}
.navlist .sub a:hover{ background:#ff3226; color:#fff;  }
.navlist .on h3 a{ background:#1c57af; color:#fff; }


/*slide*/
.fullSlide{ width:100%;  position:relative;  height:500px; background:#fdfdfd;  }
.fullSlide .bd{ margin:0 auto; position:relative; z-index:0; overflow:hidden;  }
.fullSlide .bd ul{ width:100% !important;  }
.fullSlide .bd li{ width:100% !important;  height:500px; overflow:hidden; text-align:center;  }
.fullSlide .bd li a{ display:block; height:500px; }

.fullSlide .hd{position:relative; top:-30px; z-index:1; text-align:center; }
.fullSlide .hd ul{ text-align:center; }
.fullSlide .hd ul li{ cursor:pointer; display:inline-block; *display:inline; zoom:1; width:24px; height:12px; margin:5px; background:#fff; overflow:hidden; font-size:0;filter:alpha(opacity=80);opacity:.8; border-radius: 6px;}
.fullSlide .hd ul .on{ background:#1c57af; filter:alpha(opacity=100);opacity:1;}


/*index one part*/
.ipt1box{ padding:80px 0 50px; background: #fafafa;}
.ipt1{ height: 280px; padding: 0px;}
/*index meiti*/
.meiti{ width: 440px;}
.meiti-top{height: 200px; margin-top: 10px; overflow: hidden;}
.meiti-tit{ height: 32px; padding: 0 20px; line-height: 32px; background: #f3f3f3;}
/*index about*/
.about{ width: 440px; height: 260px; padding-left: 40px; border-left: #f2f2f2 2px solid; /*padding: 15px 25px 30px; margin-right: 5px; background: #fff; border: #f5f5f5 1px solid; -moz-box-shadow: 1px 1px 5px 1px #E7E7E7; box-shadow: 1px 1px 5px 1px #E7E7E7; */ }
.about h2{ height:40px;}
.about .tit{ line-height: 40px; font-size: 26px; color: #636363;}
.about .etit{ line-height: 40px; font-size: 24px; font-weight: normal; color: #efefef; }
.about .ctit{ height: 20px; margin-top: 40px; line-height: 20px; font-size: 16px; color: #555;}
.about .cdes{ height:110px; margin-top: 10px; line-height: 22px; color: #888; overflow: hidden;}
.about .more{ width:180px; height: 40px; background:#1c57af; text-align: center;}
.about .more a{font-size: 14px; line-height: 40px; color:#fff;}

/*index product*/
.ipro{ padding-bottom:50px; }
.iprotit{padding: 40px 0 20px; text-align: center; background: url(../images/pro-tit-bg.png) center 40px no-repeat;}
.iprotit h2{ height: 30px; line-height: 30px; font-size: 27px; color: #1c57af;}
.iprotit p{height: 20px; line-height: 20px; font-size: 14px; color: #DCDCDC;}
.iprolist{position: relative;}
.iprobd{}
.iprobd ul{ width:1300px; height: 315px;}
.iprobd li{float:left; display: block; width:303px; height: 303px; margin-right: 20px; border:#d2d2d2 1px solid; box-shadow: 2px 2px 6px #ddd; position: relative;}
.iprobd img{display:block; width:303px; height: 303px;}
.iprobd .titbox{position: absolute; display:none; left: 0; top: 0; width: 263px; height: 143px; padding:80px 20px; background: rgba(17, 31, 102, 0.65) url(../images/ico_link.png) center 160px no-repeat;}
.iprobd li:hover .titbox{ display:block; text-align: center; vertical-align: middle;}
.iprobd .titbox span{ line-height: 40px;  color:#fff;  }
.iprohd .prev, .iprohd .next{position: absolute; display:block; top:135px; width:40px; height:40px; overflow:hidden; cursor:pointer; background:#111f66;font-size: 24px; line-height: 40px; color: #fff; text-align: center; vertical-align: middle; opacity: .8;}
.iprohd .prev{left:-20px; }
.iprohd .next{right:-20px; }
.iprohd a:hover{ opacity: 1; transition:all 0.3s; }

/*index case*/
.icasebg{background: #111f66; padding:20px 0 50px;}
.icase{}
.icasetit{padding: 40px 0 20px; text-align: center; background: url(../images/pro-tit-bg.png) center 40px no-repeat;}
.icasetit h2{ height: 30px; line-height: 30px; font-size: 27px; color: #fff;}
.icasetit p{height: 27px; line-height: 27px; font-size: 14px; color: #bCbCbC;}
.icaselist{position: relative;}
.icasebd{ width: 1280px;}
.icasebd ul{margin-left: -20px;}
.icasebd li{float:left; display: block; width:305px; height: 275px; margin-left: 20px; }
.icasebd img{display:block; width:297px; height: 227px; border:#fff 4px solid;}
.icasebd span{  display:block; height: 40px; line-height: 40px; color:#EEE; padding:0 20px; text-align: center;}
.icasehd .prev, .icasehd .next{position: absolute; display:block; top:115px; width:20px; height:35px; overflow:hidden; cursor:pointer; background:url("../images/ico_prev_next.png") 0 0 no-repeat;}
.icasehd .prev{left:-35px; background-position: 0 0;}
.icasehd .next{right:-35px; background-position: -20px 0;}


/*index three part*/
.ipt3bg{  padding: 30px 0; background: #f2f2f2;}
.ipt3box{width:590px; padding: 20px; background: #fff;}
.titbox{ position: relative; height: 35px; line-height: 35px; border-bottom: #f2f2f2 1px solid;}
.titbox .tit{position: absolute; left: 0; top:0; height: 35px; line-height: 35px; font-size: 16px; color:#7a7979;}
.titbox .more{position: absolute; right: 0; top:0; height: 35px; line-height: 35px; font-size: 16px; color: #dadcdb;}
.titbox .more a{color:#1c57af}
/*index news*/
.inews{padding-top: 16px;}
.inews ul{ height: 220px;  overflow: hidden;}
.inews li{ width: 490px; height: 100px; margin-bottom: 20px;}
.inews li:last-child{margin-bottom: 0;}
.inews-img{float: left; width: 140px; height: 100px;}
.inews-img img{width: 140px; height: 100px;}
.inews-txt{ width: 330px; height: 100px; margin-left: 160px; overflow: hidden;}
.inews-txt h3{height: 14px; margin-bottom:16px; line-height: 14px; font-size: 12px; font-weight: bold; color: #262525; overflow: hidden;}
.inews-txt h3 a{color: #262525;}
.inews-txt .des{ height: 44px; margin-bottom: 10px; line-height: 22px; font-size:12px; color: #262525; overflow: hidden;}
.inews-txt .date{ height:16px; padding-left: 20px; background: url(../images/ico-clock.png) left center no-repeat; line-height: 16px; color: #868686;}

/*links*/
.linkbox{background: #d6d6d6;}
.link{ line-height: 32px; color:#666;}
.link a{ padding-right:30px; color: #686868; line-height: 32px;}


/*bottom nav*/
.bottom-navbg{ border-top:#1c57af 1px solid; margin-top: 50px; background: #585858;}
.bottom-nav{ height:42px; line-height: 42px;}
.bottom-nav ul{}
.bottom-nav li{float:left; color: #fff;}
.bottom-nav a{padding: 20px; color:#fff;}
/*bottom*/
.bottom-infobg{ border-top:#e83227 3px solid; background: #091138;}
.bottom-info{ padding: 10px 0 ; color:#ddd;}
.bottom-info a{ color:#ddd;}



.inbanner{ width: auto; height: 0px; margin: 0 auto; text-align: center;}

/* page style */
#page{width:100%; background: #f6f6f6; margin: 0 auto; padding: 40px 0; clear: both;}
.page-box{ width: 1280px; height: auto; margin: 0 auto; clear: both; overflow: hidden;}
.page-left{ float:left; width: 240px; overflow: hidden;}
.page-right{ float: right; width: 980px; padding: 10px 15px; background: #fff; overflow: hidden;}

/* left nav */
.left-nav{background: #fff;}
.left-nav-tit{ padding-left:15px; line-height: 50px; font-size: 14px; font-weight: bold; border-bottom: #1c57af 2px solid;}
.left-nav-list{ padding: 20px 15px; }
.left-nav-list li{height:40px; padding-left: 15px; margin-bottom: 8px; background: #f3f3f3; overflow: hidden;}
.left-nav-list li a{ display: block; font-size: 12px; line-height:40px; color: #545454;}
.left-nav-list li:hover,.left-nav-list li.cur{ background: #1c57af;}
.left-nav-list li:hover a,.left-nav-list li.cur a{color:#fff;}

.left-contact{margin-top:20px; background: #fff;}
.left-contact-tit{ padding-left:15px; line-height: 40px; font-size: 14px; font-weight: bold; border-bottom: #1c57af 2px solid;}
.left-contact-con{ padding:20px 15px; line-height: 22px;}

/* position */
.right-position-box{ width: 980px; height: 40px; border-bottom:#d2d2d2 1px solid; overflow: hidden;}
.right-position-tit{ float: left; width: 200px; padding-left: 5px; line-height: 40px; font-size: 14px; font-weight: bold; overflow: hidden;}
.right-position-c{ float: right; width: 460px; padding-right: 5px; line-height: 40px; text-align: right; font-size: 12px; color:#888; overflow: hidden;}
.right-position-c a{ font-size: 12px; color:#888; line-height: 40px;}

/* single page */
.s-page-tit{ height: 36px; padding: 30px 0px 20px 0px; overflow: hidden;}
.s-page-tit h1{ height: 36px; line-height: 36px; font-size: 18px; color: #16100f; }
.s-page-tit h1 span{padding: 0px 5px 5px 5px; border-bottom: #1c57af 2px solid;}
.s-page-con{margin: 0px 0px 30px 0px; position: relative;}
.s-page-con p{ font-family: inherit; font-size: 12px; line-height: 22px; margin-bottom: 10px; text-align: justify;}
.s-page-con img{ width:expression(this.width>980?"980px":this.width);}

/* article page */
.right-content-box{ padding:20px 0px; position:relative;}
.article-tit{ height: 50px; text-align: center; overflow: hidden;}
.article-tit h1{ height: 50px; line-height: 50px; font-size: 18px; color: #16100f; }
.article-tit h1 span{}
.article-info{ padding: 10px 15px; margin-bottom: 20px; background:#f9f9f9; color: #888; text-align: center;}
.article-info a{ color: #888;}
.article-con{ margin: 0px 0px 30px 0px; position: relative;}
.article-con p{ font-family: inherit; font-size: 12px; line-height: 22px; margin-bottom: 10px; text-align: justify;}
.article-pages{}
.article-pages .pages{ overflow: hidden;}
.article-pages .pages li{ float: left; height: 24px; line-height: 24px; padding: 0px 8px; margin-right: 5px; border: #f0f0f0 1px solid; background: #fff;}
.article-pages .pages li a{ line-height: 24px;}
.article-pages .pages li.c{ background: #ccc;}
.article-pn{ line-height: 24px;}

.article-video{ width: 800px; height: 550px;margin-bottom: 20px;}

/* page text */
.page-txt-box{ width: 980px; overflow: hidden;}
.page-txt-tit{ height: 36px; padding: 30px 0px 20px 0px; overflow: hidden;}
.page-txt-tit h1{ height: 36px; line-height: 36px; font-size: 18px; color: #16100f; }
.page-txt-tit h1 span{padding: 0px 5px 5px 5px; border-bottom: #1c57af 2px solid;}
.page-txt-list{ }
.page-txt-list li{ padding-bottom: 20px; margin-bottom: 20px; border-bottom: #e0e0e0 1px solid;}
.page-txt-list li a{}
.news-text h2{height: 30px; font-size: 14px; line-height: 30px;}
.news-text p{font-size: 12px; color:#666; line-height: 22px; margin-bottom: 10px; text-align: justify;}
.news-text:hover p{ color:#aaa;}
.news-text .time, .news-text .mlinks{margin-right: 10px; color:#888;}
.news-text .time:hover, .news-text .mlinks:hover{color:#1c57af;}


/* page images */
.page-images-box{}
.page-images-tit{ height: 36px; padding: 30px 0px 20px 0px; overflow: hidden;}
.page-images-tit h1{ height: 36px; line-height: 36px; font-size: 18px; color: #16100f; }
.page-images-tit h1 span{padding: 0px 10px 5px 0px; border-bottom: #1c57af 2px solid;}
.page-images-list{ margin-left: -20px; overflow: hidden;}
.page-images-list li{ float: left; width: 220px; margin-left: 20px; margin-bottom: 30px;}
.page-images-list li img{ width:220px; height: 156px;}
.page-images-list li h3{ height: 36px; padding-top: 10px; line-height: 18px; font-size: 12px; color: #555; text-align: center; overflow: hidden;}

.news-main-content{width:860px;margin:0 auto;padding-top:20px}
.news-main-content ul li{margin-bottom:20px}
.news-main-content ul li:hover{-webkit-box-shadow:0 2px 16px rgba(0,0,0,.12);-moz-box-shadow:0 2px 16px rgba(0,0,0,.12);box-shadow:0 2px 16px rgba(0,0,0,.12)}
.news-main-content ul li a{display:block;height:146px;padding:18px 20px;overflow:hidden;border:1px solid #e6e6e6}
.news-title-img{float:left;width:220px;text-align:center}
.news-title-img img{width:206px;height:110px}
.news-space{float:left;width:1px;height:110px;margin:0 20px;background-color:#e6e6e6}
.news-text h2{height:26px;line-height:26px;overflow:hidden;font-size:14px;color:#333}
.news-text h2.active{color:#f80}
.news-text h2.active i{display:inline-block;width:56px;height:20px;margin-left:20px;margin-bottom:2px;vertical-align:middle;background:url(../images/news_top.png) no-repeat 0 center}
.news-text p{height:35px;line-height:1.5;margin:15px 0;font-size:12px;color:#666;overflow:hidden;text-overflow:ellipsis}
.news-text .time{padding-left:24px;font-size:12px;color:#999;background:url(../images/time-icon.png) no-repeat left center}
.news-text .mlinks{float:right;font-size:12px;color:#1c57af}
.news-text .mlinks:hover{color:#3e920c}


/*产品列表*/
.pro-main-content{width:980px; margin:0 auto; overflow: hidden;}
.pro-main-content ul{width:1000px;}
.pro-main-content ul li{ float:left; width:220px; margin-right:20px; margin-bottom:20px}
.pro-main-content ul li:hover{-webkit-box-shadow:0 2px 16px rgba(0,0,0,.12);-moz-box-shadow:0 2px 10px rgba(0,0,0,.12);box-shadow:0 2px 10px rgba(0,0,0,.12)}
.pro-main-content ul li a{color:#e6e6e6;}
.pro-title-img{width:220px;text-align:center;}
.pro-title-img img{width:220px;height:210px;}
.pro-text h2{height:48px; padding:10px 20px;line-height:24px;overflow:hidden;font-size:12px;color:#124f80;background-color:#f2f2f2; text-align: center;}

.pro-text p{height:35px;line-height:1.5;margin:15px 0;font-size:12px;color:#666;overflow:hidden;text-overflow:ellipsis}
.pro-text .time{padding-left:24px;font-size:12px;color:#999;background:url(../images/time-icon.png) no-repeat left center}
.pro-text .mlinks{float:right;font-size:12px;color:#4e920c}
.pro-text .mlinks:hover{color:#3e920c}