@charset "utf-8";
body,html{}
*{line-height:2em; padding: 0; margin: 0; }
body{font: 14px/2em 'Microsoft YaHei';color:#333;}
em, i, del { font-weight:normal; font-style:normal;}
ul, ol{ list-style:none;}
a{text-decoration: none;} 
a:link, a:visited, a:active {color:#333;}
a:hover{color:#024d90; }
img{border: 0px;}
*:link, *:visited, *:hover, *:active, *:focus,{
 -webkit-transition: all 0.3s linear;
 -moz-transition: all 0.3s linear;
 -o-transition: all 0.3s linear;
 transition: all 0.3s linear;
}
.clear{clear:both;}
.clear:after{content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.wide{width:1200px;margin:0 auto;}
.wide:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
#iwrapper{ width:100%; position:relative; z-index:1; margin:0 auto; } 
#wrapper{} 
#header{ border-bottom:1px #e4e4e4 solid;border-top:2px #005197 solid;} 
 .logo{padding:3% 0; float:left; }
 .logo img{ max-width:100%;} 
.top{float:right; } 
.toptel{float:right; background:url(../images/toptel.png) no-repeat left center; padding: 0 10px 0 30px;margin:2% 0; } 
.toptel span{ color:#0060ad; font-size:22px; font-weight:bold;} 
.topnav{ text-align:right;} 
.topnav a{padding:0 10px; } 
.nav{height:40px; margin:1px 0; background:#f6f6f6;padding:0 3%; }
.nav ul{list-style-type:none; }
 .nav .nLi{ float:left; position:relative; /*display:inline;*/ text-align: center;color:#ccc;}
 .nav .nLi:before{ content:"/"; }
 .nav .nLi a{ display: inline-block; font-size:16px; line-height: 40px; padding:0 17px;margin:0 10px; position:relative;}
 .nav .nLi a:hover{color:#0d67b3; }
 .nav .on a{ color:#0d67b3; }
 .nav .on:after{ content:"▼"; position:absolute; border-top:1px #005197 solid; color:#005197; font-size:9px; line-height:4px;height:9px; top:-2px; left:50%;margin-left:-40px; width:80px; z-index:99;} 
 .nav .sub{ display:none; min-width:114px; left:0; top:40px; position:absolute; z-index:99999;width:auto;background:#fff; border:#ccc 1px solid; padding:0 5px 5px 5px; }
 .nav .sub li{ zoom:1; border-bottom:1px #ccc dashed;}
 .nav .sub a{ display:block; line-height: 35px;font-size:14px;padding: 0 15px; white-space:nowrap; margin:0; }
 .nav .sub a:hover{ color: #fff; background:#5d94f0;}
 .nav .none{background: none;}
 .nav .none:before{ content:""; }
 
/*.slider{ position: relative; }
 .rslides { margin: 0 auto;}
 .rslides li { position: relative; }
 .rslides li img{ display:block; max-width:100%; margin: 0 auto; }
 .centered-btns_tabs { position: absolute; bottom:1%; left:50%; text-align: center; z-index:9999; margin-left:-33px;}
 .centered-btns_tabs li{display: inline; float: none; _float: left; *float: left;margin-right: 10px; }
 .centered-btns_tabs a{ border:3px #ffd200 solid; width:6px; height:6px; text-indent: -9999px; overflow: hidden; display: inline-block; _display: block; *display: block; }
 .centered-btns_here a{ border:3px #fff solid; }
 .centered-btns_nav { position: absolute; top: 50%; z-index: 2; width: 38px; height: 61px; margin-top: -40px; line-height: 200px; background-image: url(images/arrow.gif); overflow: hidden; opacity: .7;}
 .centered-btns_nav:active { opacity:1; }
 .centered-btns_nav.next { right: 0; background-position: right 0;}*/
 
.banners {width: 100%; height: 100%; position: relative; }
.banners .swiper-container {width: 100%; height: 100%; }
.banners-title { position: absolute;top: 50%;left: 10%;transform: translateY(-50%); }
.banners-title-svg { stroke: #E6E7E8; fill: none; stroke-width: 4px;}
.banners-title-svg path { stroke-dasharray: 0 945; transition: all 1.6s cubic-bezier(.35, .8, .55, 1) .3s;}
.swiper-slide-active .banners-title-svg path { stroke-dasharray: 945 0;}
.banners-title-txt {position: absolute; top: 50%; transform: translateY(-50%); margin-left: 35px; width: 800px; height: 170px;border-left: 5px solid #79B22F; overflow: hidden; color: #fff; z-index: 2;}
.banners-title-txt:after{content: ""; display: block; width: 100%; height: 100%; z-index: -1; position: absolute; top: 0; left: 0;background: #1C64B7;transform: translateX(-100%);transition: all .4s cubic-bezier(.19,.7,.61,1.06); }
.swiper-slide-active .banners-title-txt:after{ transition: all 1.2s cubic-bezier(.19,.7,.61,1) 1.6s; transform: translateX(0);}
.banners-title-txt h2 { font-size: 22px; line-height:1.3em; padding: 60px 0 0 30px; transform: translateY(30px);transition: all .4s cubic-bezier(.19,.7,.61,1.06); opacity: 0; }
.swiper-slide-active .banners-title-txt h2{opacity: 1; transform: translateY(0); transition: all .4s cubic-bezier(.19,.7,.61,1) 1.8s; }
.banners-title-txt span {display: block;font-size: 18px;line-height:1.5em; padding-left: 30px;font-family: square; transform: translateY(30px);transition: all .8s cubic-bezier(.19,.7,.61,1.06); opacity: 0;margin-top: 15px;}
.swiper-slide-active .banners-title-txt span{ opacity: 1; transform: translateY(0); transition: all .8s cubic-bezier(.19,.7,.61,1) 2s; }
.banners .swiper-pagination span{ width: 106px; height: 3px; background: #D3D1D0; border-radius: 0; opacity: 1;}
.banners .swiper-pagination span.swiper-pagination-bullet-active{ background: #2880e5;}
 
.banner{ position:relative; }
.banner img{ max-width: 100%; display:block; margin: 0 auto;}
.ititle{text-align:center; position:relative; margin-bottom:3%; width:70%; margin:0 auto 3% auto ;}
.ititle:after{ position:absolute; content:""; background:#d4cabe; height:1px; width:40%; left:0; top:40px; }
.ititle:before{ position:absolute; content:""; background:#d4cabe; height:1px; width:40%; right:0; top:40px; }
.ititle span{display:block; line-height:1.2em; text-transform:uppercase; color:#434343; }
.ititle strong{ display:block;font-size:28px; line-height:1.6em; font-weight:normal; }
.about{}
.about .ititle{margin:0 auto 4% auto ;}
.about .ititle:after{ width:35%; top:30px; }
.about .ititle:before{ width:35%; top:30px;}
.about .ititle span{ font-size:12px; }
.about .ititle strong{ font-size:22px; }
.about .img{width:50%; float:left;display: block;}
.icompany{ width:44%; padding:3% 3%; float:left; }
 .icompany p{ text-indent:2em;}
 
.iculture{ width:44%; padding:3% 3%; float:right; }
 .iculture ul{list-style-type:none; text-align:center;}
 .iculture li{display: inline-block;text-align: center; margin:0 6%;}
 .iculture li em{ display:block; width:60px; height: 60px; margin:0 auto; border:1px #adadad solid;border-radius: 50%;-webkit-border-radius: 50%;-moz-border-radius: 50%;}
 .iculture li em.icon1{background: url(../images/about1.png) no-repeat center center;}
 .iculture li em.icon2{background: url(../images/about2.png) no-repeat center center;}
 .iculture li em.icon3{background: url(../images/about3.png) no-repeat center center;}
 .iculture li em.icon4{background: url(../images/about4.png) no-repeat center center;}
.iproduct{ background:#f5f5f5; padding:3% 0;}
.iproduct ul{list-style-type:none; }
.iproduct li{ width:23%; float: left; text-align:center; margin:0 1%; position:relative;}
.iproduct li a{ display:block;}
.iproduct li a img{ display:block; width:100%;}
.iproduct li a span{ display:block; position:absolute; width:100%; font-size:22px; color:#fff; bottom:10%; left:0; font-weight:bold;}
.iservice{ padding:3% 0;}
.iservice ul{list-style-type:none; }
.iservice li{ width:48%; float: left; margin:0 1%; position:relative; background:#f5f5f5;}
.iservice li img{ display:block; float:right; margin-left:1%; width:45%;}
.iservice li div{ padding:2% 4%;}
.iservice li span{ display:block; font-size:18px;}
.iservice li a{ display:block; width:92px; height:30px; border:1px #ddd solid; text-align:center;}
.inews{padding:3% 0; background:#f5f5f5;} 
 .inews .img{float:left; width:500px;}
 .inews .img img{ max-width: 100%;}
 .inews ul{list-style:none; margin:0 0 0 530px; }
 .inews ul li{ min-height:80px; padding:15px; background:#fff; margin-bottom:12px; }
 .inews ul li strong{ font-size:16px;display:block; }
 .inews ul li p{color:#818181; font-size:12px; }
 .inews ul li span{display:block; float:left; width:70px;margin-right:15px; font-size:14px; color:#ccc; line-height:1em;text-align:center;}
 .inews ul li span em{display:block; font-size: 50px; line-height: 1.2em; color: #0060ad;}
.icontact{padding:3% 0 0 0; }
.icontact em{ background:#79b22f; height:7px; position:relative; display:block; }
.icontact em:before{ content:""; position:absolute; width:50%; height: 7px; background:#3784e1;}
 .icontact ul{list-style:none; background:#f4f4f4;padding:2% 0; }
 .icontact ul li{ width:25%; float: left; text-align:center; }
 .icontact ul li p{ line-height:1.5em;} 
 .icontact li.clear{ width:auto; float: none;}
#footer{ background:#333; color:#fff;padding:2% 0;text-align:center; }
#footer a{color:#fff; padding:0 8px;}
.footnav{ }
.copyright { }
.copyright a{}
#main{ padding:2% 0; background:#f8f8f8;}
#main .wide{ position:relative;}
#left{ width:23%; float:left; position:absolute; height:100%; background:#fff;}
#right{float:right; width:71%; background:#fff; padding:2%;}
#leftmsg{float:left; width:240px;}
#rightmsg{float:right; width:870px; }
.title01{ background:#F5F5F5; padding:7px; font-size:14px; font-weight:bold;}
.title01:before{ content:"•"; display:inline-block; margin:0 8px;}
.title{position:absolute; top:15%; text-align:center; width:60%; left:40%}
.title p{font-size:30px; color:#fff;}
.title span{display:block; font-size:18px; color:#fff; text-transform:uppercase; line-height:1.2em; }
.title p:before{position:absolute; left:50%; margin-left:-230px; width:150px; background:#fff; height:1px; top:64%; content:"";}
.title p:after{position:absolute; right:50%; margin-right:-230px; width:150px; background:#fff; height:1px; top:64%;content:"";}
.leftnav{}
.leftnav h3{ display:none; background:#0d67b3; padding:20px 0 20px 30px;}
.leftnav h3 strong{ display:block;font-size:26px; font-weight:normal;color:#fff;line-height:1.6em;}
.leftnav h3 span{ display: block;font-size:18px; color:#fff; font-weight:700; line-height:1em; }
.leftnav dl{ list-style-type:none;}
.leftnav dt{font-size:14px; border-bottom:1px #e7e7e7 solid;}
.leftnav dt a{ display:block; padding:0 25px;line-height:50px; }
.leftnav dt a:hover, .leftnav dt #current{ background:#0d67b3; color:#fff; }
.leftnav dd{line-height:20px; padding:8px 0;border-bottom:1px #dfdfdf solid; }
.leftnav dd a{ line-height:20px; display:block; background:url('../images/cion.png') no-repeat 23px 8px; padding:0 0 0 35px;}
.leftnav dd a:hover{ }
.place{padding:1% 0; border-bottom:1px #ccc solid;}
.place p{ float:right; background:url(../images/place.jpg) no-repeat left center; padding:0 0 0 25px; margin-top:10px;}
.place p a{ padding:0 8px;}
.place strong{ display:block; font-size:20px; padding: 0 8px;}
.business{}
.business ul{list-style-type:none;}
 .business li{overflow:hidden; clear:both;padding:2%; margin:1% 0;border-bottom: 1px #e7e7e7 solid; }
 .business li em{display:block;float:left; width:20%;overflow:hidden; position:relative; } 
 .business li em img{width:100%; display:block;}
 .business li em span{ display:none;}
 .business li em:hover img{opacity: 0.5; }
 .business li em:hover span{display: block;position: absolute;top: 47%; width:100%;text-align:center; }
 .business li em:hover span b{display: inline-block; padding-right: 70px; font-size:22px;color: #fff;background: url("../images/icon.png") no-repeat right center; font-weight:normal;}
 .business li div{float:left; width:70%; padding:0 5%;}
 .business li h3{font-size:20px;margin:0 0 2% 0; color:#035cac; }
 .business li p{ }
 .business li .more{ display:inline-block;margin-top:10px; background: #efefef; padding: 2px 20px; text-overflow: ellipsis; border-radius: 5px;-webkit-border-radius: 5px;-moz-border-radius: 5px;}
 .business li .more:hover{background:#0d67b3; color:#fff;}
.newslist{}
 .newslist ul{ list-style-type:none;}
 .newslist li{ overflow:hidden; padding:2%; margin:1% 0; clear:both; border-bottom: 1px #e7e7e7 solid; }
 .newslist li em{display:block;float:left; width:240px; border:#efefef 1px solid; overflow:hidden; margin:0 2% 0 0; } 
 .newslist li em img{max-width:100%; display:block; margin:0 auto;}
 .newslist li div{margin-left:260px;}
 .newslist li h3{font-size:20px; }
 .newslist li span{ display:block; color:#666; font-size:12px; }
 .newslist li p{ line-height:1.8em; }
 .newslist li .more{ display:inline-block;margin-top:10px; background: #efefef; padding: 2px 20px; text-overflow: ellipsis; border-radius: 5px;-webkit-border-radius: 5px;-moz-border-radius: 5px;}
 .newslist li .more:hover{background:#0d67b3; color:#fff;}
 
.publiclist{}
 .publiclist ul{ list-style-type:none;}
 .publiclist li{padding:7px 0;border-bottom:1px #cdcdcd dotted; }
 .publiclist li:before{ content:"•"; display:inline-block; margin:0 5px;}
 .publiclist li span{ float:right;padding-right:8px;color:#999; }
.contain{margin:0 2%;}
.content{}
.content h1{ background:#F5F5F5; padding:7px; font-size:14px; font-weight:bold;}
.content h1:before{ content:"•"; display:inline-block; margin:0 8px;}
.content h1 a{}
.content h2{font-weight:bold; font-size:14px;}
.content h2:before{ content:"•"; display:inline-block; margin:0 8px;}
.content h3{font-size:26px; color:#146ccc; text-align:center; font-weight:800;}
.content h4{ background:#3d7ed6; line-height:28px; text-indent:1em; color:#fff;}
.content h5{ border:1px solid #3d7ed6; color:#3d7ed6; text-indent:1em; line-height:28px;}
.content h6{ text-align:center; font-size:12px; font-weight:normal; line-height:30px; padding:0 0 8px 0; color:#6c6b68;}
.content p{ margin:8px auto;} 
.content li{ margin-left:3.5em;}
.content img{max-width:100%;}
.content .detail{ padding:0.5% 0 1% 0;margin:0 auto; overflow:hidden;}
.content table{}
.content table td{padding:0px 5px;}
.content table td p{ margin:0;}
.tableboder table{border:#d4d4d7 solid 1px; text-align:center; border-collapse:collapse;}
 .tableboder th{ color:#2882d8; padding:2px 5px;border:#d4d4d7 solid 1px;}
 .tableboder td{ padding:2px 5px;border:#d4d4d7 solid 1px;}
 
.brief{margin:0 auto;}
.brief a:hover{ text-decoration:underline;}
.page{ text-align:center; font-size:12px; padding:15px 0 0 0;}
.page a{ padding:0 3px;}
.page a:hover{text-decoration:underline;}
.tool{text-align:right; font-size:12px; padding:10px 0 15px 0;}
.tool a{ padding:0 3px;}
.tool a:hover{ text-decoration:underline;}
.product{ padding:1%;}
.choice{ height:26px; padding:10px 0;}
.choice a{ background:url('../images/choice02.gif') no-repeat; display:block; text-align:center; margin:0 10px 0 0; font-weight:bold; width:110px;line-height:26px; float:left; color:#444444;}
.choice a:hover{ color:#fff; background:url('../images/choice01.gif') no-repeat;}
.choice #current{ color:#fff; background:url('../images/choice01.gif') no-repeat;}
.pro_a{ padding:1% 0;float:left; width:48%; margin:0 1%; }
 .pro_a img{width:120px; border:7px solid #ededed; margin:0 1.5% 0 0; float:left;}
 .pro_a div{ line-height:20px; padding:2px 5px 2px 5px; vertical-align:top;}
 .pro_a div strong{ line-height:20px; }
 .pro_a div p{ display:inline; line-height:20px;}
/*橱窗页1:1*/
.productb{ padding:5px 0;}
 .productb .picdiv{ float:left; width:25%; text-align:center; margin:5px 0; min-height:155px;}
 .productb h2{width:120px;height:120px; border:7px solid #ededed; margin:0 auto;}
 .productb h2 a{width:120px;height:120px;background:#fff;display:table-cell;vertical-align:middle;text-align:center;*display:block;*font-size:104px;*font-family:Arial;}
 .productb h2 img{vertical-align:middle;}
 .productb span{line-height:18px; text-align:center;display:block; padding:3px;}
 .productb span a{line-height:18px;}
/*产品内容页c*/
.special{ padding:10px 0 20px 20px;}
 .special img{float:left;margin:0 2% 0 0; width:200px;border:1px solid #e0e0e0; padding:6px; background:#f1f1f1;}
 .special div strong{ }
 .special div{padding:0 6px; }
 .special div p{ display:inline;}
 
.client{ font-size:14px; padding:0 15px 15px 15px;}
.client ul{ list-style-type:none;}
.client li{ width:25%; float:left; line-height:32px; background:url('../images/cion01.gif') no-repeat left 12px; padding:0 0 0 12px;} 
.contact{padding:0;}
.down{}
 .down ul{ list-style-type:none;}
 .down li{padding:7px 0px 7px 25px;border-bottom:1px #cdcdcd dotted; line-height:18px;background:url('../images/icon1.gif') no-repeat 12px center;}
 .down li a{display:block; float:right; line-height:18px; }
 .down li strong{line-height:18px;}
.sitemap{padding:0 10px 10px 10px;}
.sitemap a{padding:0 5px;}
#fromtinner_{ padding:10px 15px;}
 #fromtinner_ textarea{width:400px;font-size:12px;line-height:18px ;border:solid 1px #d8d8d8;}
 #fromtinner_ input{line-height:22px; height:24px; font-size:12px;border:solid 1px #d8d8d8;}
 #fromtinner_ .border{width:400px;border:solid 1px #d8d8d8;}
 #fromtinner_ .btn{border-style: none;border-color: inherit; border-width: medium;width:70px; margin:5px 10px; height:25px; line-height:25px;text-align:center; font-weight:bold; background:url('../images/pinglun.gif') no-repeat left top;}
/*留言和评论*/
.board{margin:0;}
 .board_h4{font-size:22px; text-align:center; padding:5px 0 0 0;}
 .board_h4 a{}
 .board_h5{ text-align:center; font-weight:normal;}
.sitemsg{}
 .sitemsg td{padding:3px 0;}
 .sitemsg .msgtitle{padding-left: 8px;}
 .sitemsg b{ color:#2882d8;}
 .sitemsg .con{padding-left: 8px;}
/*留言页面*/
#boardinner_ {border:0; font-size:12px;}
 #boardinner_ form{ padding:6px 0; margin-bottom:10px;}
 #boardinner_ input{ padding:2px; font-size:12px;line-height:18px ;border:solid 1px #d8d8d8;}
 #boardinner_ textarea{ padding:2px; font-size:12px; line-height:18px;border:solid 1px #d8d8d8;}
 #boardinner_ .btn{border-style: none; border-color: inherit; border-width: medium; width:70px; margin:5px; height:25px; line-height:25px;text-align:center; background:url('../images/pinglun.gif') no-repeat left top;}
 #boardinner_ .border{width:180px;border:solid 1px #d8d8d8;}
 #boardinner_ .desc{display:block;}
 #boardinner_ .boardtitle{}
 #boardinner_ .boardtitle span{ font-weight:bold; font-size:14px; }
 #boardinner_ ul{list-style-type:none; padding:4px 8px;}
 #boardinner_ li{ background:url('../images/cion.gif') no-repeat left 8px;padding-left:10px;}
 #boardinner_ p{ text-align:center; background:none; }
.comment{}
 .comment_list{ padding:5px 10px 15px 10px;}
 .comment_list ul{ list-style-type:none;}
 .comment_list li{line-height:18px;padding:7px 8px; border-bottom:1px dotted #ccc; }
 .comment_list li a{ line-height:18px; background:url('../images/cion.gif') no-repeat 8px 5px; padding:0 0 0 26px; display:block; }
#comment_list{ padding:8px 10px;}
 #comment_list table td{ padding:2px; font-weight:bold;}
 #comment_list input{line-height:22px; font-size:12px; height:22px; padding:0 0 0 2px;}
 #comment_list textarea{line-height:18px;font-size:12px; line-height:22px; height:100px;}
 #comment_list .border{width:400px;border:solid 1px #d6d6d6;}
 #comment_list .btn{border-style: none; border-color: inherit; border-width: medium; width:70px; margin:5px 10px; height:25px; line-height:25px;text-align:center; background:url('../images/pinglun.gif') no-repeat left top;}
 #comment_list p{ padding:0 0 0 77px;}
/*评论页面*/
#commentinner_ {border:0;font-size:12px; padding:20px 0 0 0;}
 #commentinner_ form{padding:6px 0; margin-bottom:10px;}
 #commentinner_ input{padding:2px;line-height:18px; font-size:12px;border:solid 1px #d8d8d8;}
 #commentinner_ textarea{ padding:2px;line-height:18px;font-size:12px;border:solid 1px #d8d8d8;}
 #commentinner_ .border{width:180px;border:solid 1px #d8d8d8;}
 #commentinner_ .checkbox{ border:none; }
 #commentinner_ .btn{border-style: none; border-color: inherit; border-width: medium; width:70px; margin:5px; height:25px; line-height:25px;text-align:center; background:url('../images/pinglun.gif') no-repeat left top;}
 #commentinner_ .commenttitle{ }
 #commentinner_ .commenttitle span{ font-weight:bold; font-size:14px; }
 #commentinner_ ul{list-style-type:none; padding:4px 8px;}
 #commentinner_ li{background:url('../images/cion.gif') no-repeat left 8px; padding-left:10px;}
 #commentinner_ p{ text-align:center;background:none; }
#search_ {font-size:12px ; border:0;}
 #search_ table{}
 #search_ table td {font-size:12px; padding:10px 0 5px 0;}
 #search_ input{line-height:20px;height:20px; font-size:12px;border:solid 1px #d8d8d8;width:100px; padding:0 0 0 2px;}
 #search_ .btn{border-style: none; border-color: inherit; border-width: medium; width:70px; margin:5px 5px 15px 5px; height:25px; line-height:25px;text-align:center; background:url('../images/pinglun.gif') no-repeat left top;}
 #search_ .title{ font-weight:bold; font-size:14px; }
 #search_ h1{ margin:0;padding:0;}
 #search_ p{ padding:0 15px 0 0; background:none;}
.searchReuslt_{font-size:12px ;padding:10px;}
.searchReuslt_title_{font-weight:bold ;line-height:35px ; }
.searchResult_Other_ { width:100%;text-align:right;}
.searchHint_ {margin:15px}
 .searchHint_ dl{padding:5px 14px; line-height:24px;margin:0 7px;border-bottom:1px #ababab dashed;}
 .searchHint_ dt{ background:url('../images/cion.gif') no-repeat left 5px; padding:0 0 0 20px;}
 .searchHint_ dd{padding:0 22px;}
 .searchHint_ dt span{float:right;}
 .searchHint_ dt strong{font-weight:normal;}
 .searchHint_ a{font-style:normal;TEXT-DECORATION: none }
 
.temp{color:#656565;clear:both;width:auto;padding:5px 0;font-size:12px;font-family:Tahoma,Arial;text-align:center;}
.temp a{color:#656565}
.CopyrightWrap{}