body, dl, dd, ul, ol ,h1, h2, h3, h4 ,form, input, button, textarea, p, th, td{ margin:0; padding:0; }
body{ font:12px/1.6 "\5FAE\8F6F\96C5\9ED1",arial,'Hiragino Sans GB'; color:#666; background:url(../image/top.png) repeat #fff; }
img{vertical-align: middle; border:none; max-width:100%;}
ul,ol{list-style:none outside none;}
table{border-collapse:collapse; border-spacing:0;}
button, input, select, textarea {font-size: 100%; vertical-align:middle; font-family:"\5FAE\8F6F\96C5\9ED1",arial,'Hiragino Sans GB';}
a{ color:#333; text-decoration:none; blr:expression(this.onFocus=this.blur());}
a:hover{ text-decoration:none; color:#1f4492;}
:focus {outline: 0 none;}
h1,h2,h3,h4{ font-size:100%; font-weight:normal;}
html,body{ width:100%; height:100%;}
.wrap{ width:1000px; margin:auto;}
.clearfix:after{ content:"."; clear:both; height:0; visibility:hidden; display:block;}
.clearfix{*zoom:1;}
em{ font-style:normal;}
.nrs .more:hover,.about-article .more:hover,.am-direction-nav a:hover{ opacity:0.9; filter:alpha(opacity=90);}


.top-tel,.about-article .more,.am-direction-nav a,.shade-link i,.pic-txt .more,.pages a,.pages span,.nrs .more,.job dt i,.mailto,.mbtn{ background:url(../image/icon.png) no-repeat;}
.header-top{ height:102px; position:relative;}
.header-top .logo{ font-size:0; float:left; padding-top:12px;}
.head-right{ float:right; padding-top:24px;}
.top-link{ color:#999; margin:0 -6px 15px 0; *text-align: right; position: relative;}
.gong,.gong2{ position: absolute; right: 92px; top: 18px; display: none; z-index: 9999}
.gong2{ right: 0;}
.top-link a{ margin:0 6px; color:#999;}
.top-link a:hover{color:#1f4492;}
.top-tel{ width:170px; height:18px; float:right; background-position:0 0; font-size:0; text-indent:-9999px;}
.gzh{ background: url(../image/e.png) no-repeat left; padding-left: 25px;}
.navbar{ background:url(../image/nav.png) repeat-x; height:40px;}
.nav li{ float:left; width:125px; text-align:center ; height:40px; line-height:40px; position:relative; z-index: 999;}
.nav li a{ font-size:14px; color:#fff; display:block;}
.nav li a:hover{ background:#1f4492;}
.subnav{ position:absolute; left:0; top:40px; background:#1f4492; background: rgba(31,68,146,0.6); width:125px; display:none; z-index: 9999;}
.nav li .subnav a{ display:block; height:30px; line-height:30px; font-size:12px;}
.nav li .subnav a:hover{ background:#fff; color:#1f4492;}

.mbtn{ background-position:-77px -139px; width:26px; height:24px; position:absolute; right:10px; top:26px; display:none;}
.mnav{ background:rgba(0,0,0,0.8); width:100%; position:absolute; left:0; top:72px; display:none; z-index:9999;}
.mnav a{ display:block; padding:10px 0; color:#fff; font-size:16px; text-align:center;}

.footer{ padding:6px 0; background:#333333; text-align:center; color:#a1a0a0;}
.footer a{ color:#a1a0a0;}
.footer p{ margin-top:2px;}
.xlwb{ background: url(../image/xl.png) no-repeat left; padding-left: 25px;}


.slide-pic{ text-align:center; margin-bottom:70px; position:relative; overflow:hidden; height:440px; z-index: 1;}
.slide-pic .am-slider{ width:1440px; position:absolute; left:50%; margin-left:-720px; top:0; height:440px;}
.slide-pic .am-control-nav li{ display:inline-block; margin:0 5px; cursor:pointer;}
.slide-pic .am-control-nav li a{ background:#fff; width:12px; height:12px; border-radius:12px; display:block; font-size:0; text-indent:-9999px;}
.slide-pic .am-control-nav{ position:absolute; left:0; bottom:10px; width:100%; text-align:center;}
.slide-pic .am-control-nav li .am-active{ background:#1f4492;}


.i-cloumn{ background:url(../image/hr.png) no-repeat 50% 50%; height:5px; text-align:center; margin-bottom:80px;}
.i-cloumn h3{ font-size:16px; color:#999; text-align:center; display:inline-block; line-height:24px; margin-top:-20px;}
.i-cloumn span{ color:#333; font-size:20px; display:block;}
.about-txtpic{ margin-bottom:90px;}
.about-pic{ float:left;}
.about-article{ float:left; padding-left:55px; width:500px;}
.about-article .more{ background-position:0 -20px; width:202px; height:42px; display:block;}

.about-article .intro {color:#333; font-size:14px; line-height:26px; height:160px; overflow:hidden; margin-bottom:10px;}

.case-scroll{ width:1000px; position:relative; margin: auto; margin-bottom:90px; overflow:hidden; height: 187px; }
.case-scroll .am-viewport{ width:916px; overflow:hidden; position:relative; height:187px; margin:auto;}
.case-scroll .am-slides li{ float:left; border:1px solid #e7e7e7; width:215px; height:185px; margin-right:14px;}
.ie8 .case-scroll .am-slides li{ margin:0 16px;}
.case-scroll .am-slides li a{ display:block; position:relative; overflow:hidden;}
.case-scroll .am-direction-nav a{ width:30px; height:30px; position:absolute; top:78px; font-size:0; text-indent:-9999px;}
.case-scroll .am-direction-nav .am-prev{ background-position:-31px -65px; left:0;}
.case-scroll .am-direction-nav .am-next{ background-position:-1px -65px; right:0;}
.case-scroll .am-control-nav{ display:none;}
.shade-link{ background:rgba(0,0,0,0.2); width:100%; height:100%; position:absolute; left:0; top:0; visibility:hidden; opacity:0; transition:all 0.4s ease 0s; -webkit-transition:all 0.4s ease 0s;}
.ie8 .shade-link{ background:#000; filter:alpha(opacity=70);}
.shade-link i{ background-position:-66px -64px; width:46px; height:46px; position:absolute; left:50%; margin-left:-22px; top:50%; margin-top:-22px; -webkit-transform:translateY(-30px); transform:translateY(-30px); opacity:0; -webkit-transition:all 0.4s ease 0s; transition:all 0.4s ease 0s;}
.am-slides li a:hover .shade-link{ visibility:visible; opacity:1;}
.am-slides li a:hover i{ -webkit-transform:translateY(0); transform:translateY(0); opacity:1;}

.i-news{ margin-bottom:30px;}
.i-news ul{ margin-left:-60px;}
.i-news li{background:rgba(0,0,0,0.02); width:470px; height:75px; float:left; margin:0 0 40px 60px;}
.news-date{ float:left; width:75px; height:75px; color:#fff; background:#64c0ac; text-align:center; line-height:36px; overflow:hidden; margin-right:12px;}
.news-date span{ font-size:30px; display:block; margin-top:5px;}
.news-date em{ font-size:18px;}
.news-right{ height:75px; overflow:hidden;}
.news-right h3{ font-size:14px; width:100%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; padding-top:4px;}
.news-right .intro{ line-height:22px; height:44px; overflow:hidden;}


.banner{ height:250px; margin-bottom:40px;}
.menus{ border-bottom:1px solid #b2b2b2;}
.menus ul{ height:42px; zoom:1;}
.menus li{ float:left; font-size:14px; margin-right:30px; padding:10px 0; position:relative;}
.menus li a{ padding-left:10px; margin-left:5px;}
.menus li .hover{ background:url(../image/hover.png) no-repeat left; color:#1f4492;}
.box{ overflow:hidden; width:1000px; padding-bottom:40px;}
.article{ min-height:400px; line-height:28px; padding:30px 10px 0;}



.list{ min-height:300px;}
.dm-menus{ position:absolute; top:42px; padding-top:15px; width:800px; left:0; display:none;}
.menus .dm-menus a{ float:left; padding-left:14px; margin:0 20px 0 0;}
.menus .dm-menus .on{ background:url(../image/dot.png) no-repeat left; color:#1f4492;}
.product-list{ margin-bottom:60px;}
.product-list li{ height:300px; position:relative; margin-top:80px;}
.pic-txt{ width:560px; height:250px; background:#f8f8f8; position:absolute; top:22px;}
.padj{ padding:30px 20px 30px 30px;}
.pic-txt h3{ font-size:16px; margin-bottom:20px;}
.pic-txt .intro{ font-size:14px; line-height:30px; color:#333; height:90px; overflow:hidden; margin-bottom:25px;}
.pic-txt .more{ background-position:-161px -103px; width:72px; height:27px; display:block;}
.pic-txt .more:hover{ opacity:0.9; filter:alpha(opacity=90);}
.l .pro-pic{ float:left;}
.l .pic-txt{ right:0;}
.r .pro-pic{ float:right;}
.r .pic-txt{ left:0;}
.item{}
.item h3{ color:#1f4492; font-size:18px; height:34px; border-bottom:1px solid #e5e5e5;}
.item h3 span{ border-bottom:1px solid #1f4492; background:url(../image/dot2.png) no-repeat left; padding-left:27px; float:left; height:34px;}
.item-article{ overflow:hidden; padding:30px 15px; line-height:30px;}
.p-top{ padding-top:90px;}



.pages{ text-align:center;}
.pages a,.pages span{ margin:0 3px; display:inline-block; line-height:22px;}
.pages a{ background-position:-133px -114px; width:22px; height:22px;}
.pages .skip-page{ background-position:-53px -114px; width:52px; height:22px;}
.pages .cur{ background-position:-108px -114px; color:#fff;}


.news-list { margin:20px 0 40px;}
.news-list li{ height:81px; padding:25px 0; border-bottom:1px solid #e5e5e5;}
.ndate{ height:81px; width:99px; float:left; color:#fff; background:url(../image/dbg.png) no-repeat; text-align:center; font-size:18px; overflow:hidden; margin-right:15px;}
.ndate span{ font-size:20px; display:block; margin-top:8px;}
.nrs{ position:relative;}
.nrs h3{ font-size:14px; margin-bottom:8px;}
.nrs .intro{ line-height:24px; height:48px; overflow:hidden; overflow : hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;}
.nrs .more{ background-position:-161px -103px; width:72px; height:27px; position:absolute; right:0; top:0;}
.atitle{ text-align:center; padding-top:40px;}
.atitle h1{ font-size:18px; margin-bottom:25px; color:#333;}
.adata{ height:38px; line-height:38px; border-bottom:1px solid #e5e5e5; border-top:1px solid #e5e5e5;}
.adata span{ margin:0 10px;}
.goback{ text-align:right; padding:20px 10px 0 0;}
.goback a{ color:#005197;}



.case-img{ float:left; margin-right:20px; position:relative; z-index:2;}
.case-img img{ border:1px solid #e5e5e5;}
.case-list .nrs{ padding-top:15px;}
.case-list li{ border:none; height:auto; overflow:hidden; padding:15px 0;}
.case-list li h3{ font-size:16px; margin-bottom:15px;}
.case-list .more{ top:5px;}
.case-title{ text-align:center; font-size:30px; padding:40px 0 0 0; color:#333; margin-bottom:30px;}
.case-title span{ border-bottom:1px solid #e5e5e5; display:inline-block; padding-bottom:5px;}



.job{ margin-bottom:2px;}
.job dt{ height:35px; line-height:35px; background:rgba(0,0,0,0.05); position:relative; cursor:pointer;}
.ie8 .job dt{ background:#f0f0f0;}
.job dt span{ font-size:14px; float:left; background:url(../image/s.png) no-repeat left; padding-left:15px; margin-left:12px;}
.job dt i{ background-position:0 -123px; width:9px; height:5px; position:absolute; right:15px; top:16px;}
.job dd{ padding:12px; display:none;}
.act dd{ display:block;}
.mailto{ background-position:0 -139px; width:72px; height:27px; display:block;}
.job .act i{ background-position:0 -118px;}
.tl{ display: none;}
.news-right .intro a{ color:#666;}
.zxqq{ background:url(../image/1.png) no-repeat; width:22px; height:88px; float:left; margin-top:122px; cursor:pointer;}
.qlist{ width:120px; float:left; border:1px solid #e5e5e5; background:#fff;}
.qlist a{ background:url(../image/2.png) no-repeat top; padding-top:50px; display:block; width:57px; text-align:center; margin:auto; margin-top:22px; color:#f70808; font-size:14px; line-height:12px;}
.ql{ position:fixed; right:0; top:50%; margin-top:-163px; width:144px; height:337px; z-index: 999;}
.qlist .liuy{ background:url(../image/3.png) no-repeat center top;}
.lx-tel{ color:#f70808; text-align:center; padding:10px 0; background:#000; background:rgba(0,0,0,0.1); margin-top:25px;}


.tipb{ background: url(../image/icon9.jpg) no-repeat left; padding-left: 90px; height: 75px; padding-top: 26px; padding-bottom: 10px; border-bottom: 1px dotted #cfcfcf; width: 580px; margin: auto; margin-top: 10px;}
.tipb span{ color: #1f4492; font-size: 18px;}
.tipb p{ font-size: 16px;}
.item2{ margin-bottom: 15px;}
.item2 span{ float: left; width: 245px; text-align: right; margin-top: 3px; padding:0 5px;}
.txtdiv{ float: left;}
.txtdiv .text,.txtdiv textarea{ width: 300px; height: 28px; line-height: 28px; padding:0 5px; border:1px solid #d5dee5;}
.txtdiv textarea{ width: 450px; height: 80px; resize:none;}
.code{ margin-left: 10px;}
.item2 .btn{ background: #1f4492; color:#fff; border-radius:5px; width: 100px; height: 28px; border: none; cursor:pointer;}
#check{ margin-top: 30px;}
.item2 em{ position: relative; top: 2px; left: 8px; color: #c00;}



@media only screen and (max-width: 1000px){
	.top-link,.navbar,.am-direction-nav{ display:none;}
	.top-fn{ position: absolute; right: 7px; top: 4px; display: none;}
	.tl{ position: absolute; right: 44px; top: 28px;  color: #c00; font-weight: 700; font-size: 13px; display:block;}
	.tl a{ color: #c00;}
	.top-fn span{ background-size: 150px auto; width: 110px; height: 12px;}
	.mbtn{ display:block;}
	.wrap,.case-scroll{ width:100%;}
	.header-top .logo{ padding:14px 0 0 10px;}
	.logo img{ height:42px;}
	.header-top{ height:72px;}
	.slide-pic,.about-txtpic,.case-scroll{ margin-bottom:35px;}
	.about-pic{ margin-right:10px; width:45%;}
	.about-article{ float:none; width:auto; padding:0;}
	.about-article .intro{ overflow:visible;}
	.about-article .more{ float:right;}
	.i-cloumn{ margin-bottom:40px;}
	.rbox{ padding:0 10px; box-sizing:border-box;}
	.i-news ul{ margin:0;}
	.i-news li{ width:50%; margin:0 0 10px 0;  box-sizing:border-box;}
	.news-right{ padding-right:10px;}
	.box{ width:auto; padding:0 10px 15px;}
	.article{ padding:20px 0;}
	.menus{ overflow:hidden; padding:0 10px;}	
	.d .dm-menus{ position:static; padding:5px 0 0 0; overflow:hidden; display:block; width: auto;}
	.menus .d li{ float:none; overflow:hidden; padding:0; margin-bottom:10px;}
	.menus .d{ height:auto;}
	.menus .d li>a{ font-weight:700;}
	.banner{ margin-bottom:10px; height:150px;}
	.pro-pic{ float:none!important; display:block; margin:auto;}
	.pic-txt{ position:static; width:100%;}
	.product-list li{ height:auto; margin-top:15px;}
	.product-list,.news-list{ margin-bottom:15px;}
	.footer{ padding:6px 10px;}
	.menus .dm-menus a{ font-size:12px; color:#666; margin-right: 7px;}
	.slide-pic{ height:auto;}
	.slide-pic .am-slider{ width:100%; margin:0; position:static; height:auto;}
	.ql{ display:none;}
	.tipb{ display: none;}
	.item{ padding-left: 20px;}
	.item span{ display: block; float: none; text-align: left;}
}
@media only screen and (max-width: 700px){
	.i-news li{ width:100%;}
	.item2{ padding-left: 0; margin-bottom:5px;}
	.txtdiv{ width:100%; float: none;}
	.txtdiv .text, .txtdiv textarea{ width: 100%; box-sizing:border-box;}
	.item2 span{ width:auto; text-align:left;}
}
@media only screen and (max-width: 414px){
	.about-article .more,.nrs .more,.adata{ display:none;}
	.news-date span{ font-size:20px;}
	.news-date em{ font-size:16px;}
	.news-date{ line-height:32px;}
	.menus li{ margin:0 0 0 5px; padding:2px 0;}
	.padj{ padding:10px;}
	.pic-txt{ height:auto;}
	.pic-txt h3,.pic-txt .intro{ margin-bottom:10px;}
	.item-article{ padding:10px 0;}
	.ndate{ display:none;}
	.news-list li{ padding:10px 0;}
	.atitle{ padding-top:15px;}
	.atitle h1{ margin-bottom:0;}
	.goback,.nrs{ padding-top:0!important;}
	.case-list li h3{ margin-bottom:5px;}
	.case-img{ width:80px;}
	.case-list{ margin-top:15px;}
	.case-list li{ padding:5px 0;}
	.case-title{ padding-top:15px; margin-bottom:15px; font-size:18px;}
	.i-cloumn h3{ font-size:14px;}
	.i-cloumn span{ font-size:18px;}
	.mb{ display:block;}
	.pic-txt .intro{ line-height:28px;}
	.menus li a{ font-size:14px!important;}
	.menus ul{ height:auto; padding-bottom:8px; overflow:hidden}
	.pic-txt .intro{ height:88px;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}
	.about-article h2{ font-size:16px!important;}
	.nrs .intro{ line-height:23px;}
	.slide-pic .am-control-nav li a{ width:9px; height:9px; border-radius:9px;}
}
@media only screen and (max-width: 360px){
	.tl{right: 7px; top: 4px;}
	}
@media only screen and (max-width: 320px){
	.job dd{ padding:10px 0;}
	.top-fn{ right: 0; top: 4px;}
}