@charset "gb2312";
/* CSS Document */


html,body{-webkit-text-size-adjust:none;}
body{ width:100%;font-size:14px; font-family:"΢ÈíÑźÚ"; margin:0;padding:0;color: #010101; line-height:24px; background:url(../images/bdbg.jpg); background-size:cover;}
article,footer, header,nav,section{display:block;}
h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,button,input,textarea,th,td{margin:0;padding:0;}
ul,li{list-style:none;margin:0;padding:0}
img{ border:none;}
a{text-decoration:none;color:#333333; }
a:hover{text-decoration:none;}
.clear {clear: both;}
.fl{ float:left;} .fr{ float:right;}
.fl,.fr{display:inline;}
.cen{ margin:0 auto;}
.mag{ margin-top:30px;}
.m60{ margin-top:60px;}
.center{ width:1200px; height:auto;}

.top{ width:100%; height:30px; line-height:30px; background:#d2d2d2;}
.top font{ width:50%; float:left;}
.top span{ width:240px; float:right; font-size:12px; color:#333333;}
.top span a{ padding:0 10px;}
.top span a:hover{ color:#F00;}
.logo{ width:100%; height:152px; background:url(../images/logo.jpg) center no-repeat;}

.nav{ width:100%; height:59px; background:url(../images/navbg.png) repeat-x;}
.nav ul{ width:1200px; margin:0 auto;}
.nav ul li{ float:left; width:132px; line-height:51px; text-align:center;}
.nav ul li a{ display:block; color:#FFF;}
.nav ul li a:hover{ color:#000000;}
.nav ul li:hover{ background:#f3f3f3;}
.nav ul li .a1{ background:#f3f3f3; color:#000000;}

.banner{width:100%; height:600px; overflow:hidden;}
.bannerc{width:100%; height:600px; margin:0px auto;}

.bannerc #full-screen-slider { width:100%; height:600px; text-align:left;position:relative;}
.bannerc #slides { display:block; width:100%; height:600px; list-style:none; padding:0; margin:0; position:relative;}
.bannerc #slides li { display:block; width:100%; height:600px; list-style:none; padding:0; margin:0; position:absolute;}
.bannerc #slides li a { display:block; width:100%; height:600px; text-indent:-9999px}
.bannerc #pagination { display:block; list-style:none; position:absolute; left:28%; top:570px; z-index:9900;  padding:0px; margin:0; cursor:pointer;}
.bannerc #pagination li { display:block; list-style:none; width:60px; height:5px; float:left; margin-left:8px; border-radius:0px; background:#000000; }
.bannerc #pagination li a { display:block; width:100%; height:100%; padding:0; margin:0;  text-indent:-9999px;}
.bannerc #pagination li.current {background:#E67817;}

.tit{ width:100%; height:40px; line-height:40px; border-bottom:1px solid #00418d; line-height:40px;}
.tit dt{ float:left; background:url(../images/shu.jpg) left no-repeat; text-indent:10px; font-size:16px;}
.tit dt span{ color:#F00;}
.tit dd{ float:right;}
.tit dd a{ color:#034381;}
.tit dd a:hover{ color:#F00;}

.case{ width:100%; height:auto; margin-top:10px;}
.case li{ float:left; width:280px; margin:10px 10px;}
.case li img{ width:272px; height:200px; border:1px solid #dedede; padding:3px; background:#FFF;}
.case li p{ text-align:center; line-height:40px;}
.case li p a:hover{ color:#00418d;}
.case li p a{ display:block;}

.main{ width:1178px; height:auto; border:1px solid #dedede; padding:10px; overflow:hidden;}
.main .news_g{ width:366px; height:auto;}
.news{ width:100%; margin-top:8px;}
.news li{ line-height:40px; border-bottom:1px dashed #dedede; background:url(../images/doc.jpg) left no-repeat; text-indent:15px; overflow:hidden;}
.news li a{ float:left;}
.news li span{ float:right;}
.news li a:hover{ color:#00418d;}

.main .news_h{ width:460px; height:auto; margin-left:30px;}

.main .news_l{ width:290px; height:auto;}
.main .news_l img{ width:281px; height:107px; margin:8px 0 0 5px;}
.main .news_l ul{ margin-top:15px;}
.main .news_l ul li{ text-indent:40px; line-height:30px;}

.product{ width:100%; height:auto; margin-top:15px;}
.product li{ float:left; width:280px; margin:10px 10px;}
.product li img{ width:272px; height:200px; border:1px solid #dedede; padding:3px; background:#FFF;}
.product li p{ text-align:center; line-height:40px;}
.product li p a:hover{ color:#00418d;}
.product li p a{ display:block;}

.about{ width:100%; margin-top:20px; height:auto;}
.about .about_l{ width:591px; height:398px; border:1px solid #dedede;}
.about .about_l h2{ font-size:30px; color:#00a0e9; font-weight:normal; margin:60px 0 0 40px; line-height:60px;}
.about .about_l p{ margin-left:40px; width:500px; text-indent:2em; line-height:36px;}
.about .about_l p a{ color:#F00;}
.about .about_r , .about .about_r img{ width:606px; height:400px;}

.links{ width:1200px; height:60px; line-height:60px; border-bottom:1px solid #8C8C8C; margin-top:20px; }
.links dt{ float:left; font-size:20px; color:#535353;}
.links dd{ float:left; margin-left:20px;}

.foot{ width:100%; height:174px; background:#0061b2; overflow:hidden;}
.fnav{ text-align:center; line-height:40px; margin-top:15px;}
.fnav a{ padding:0 15px; color:#FFF;}
.fnav a:hover{ color:#F00;}
.foot p{ text-align:center; margin-top:20px; color:#FFF;}
.foot p a{ color:#FFF;}

.left{ width:238px; height:auto;}
.bord{ border:1px solid #dedede; background:#FFF;}
.left h2{ background:#0061b2; text-align:center; line-height:50px; color:#FFF; font-size:18px;}
.left .cpfl{ width:200px; height:auto; margin-left:19px;}
.left .cpfl li{ line-height:40px; text-align:center; border:1px solid #dedede; margin:10px 0;}
.left .cpfl li a{ display:block;}
.left .cpfl li a:hover{background:#0061b2; color:#FFF;}
.left .lx{ margin:15px 0; text-align:center;}
.left .lx h3{ font-size:18px; color:#0061b2;}
.left .lx p{ color:#0061b2;}

.left .contact{ padding:8px;}
.left .contact img{ width:218px; height:102px; border:1px solid #dedede;}
.left .contact b{ line-height:30px; color:#0061b2;}
.left .contact p{ line-height:30px;}

.right{ width:924px; height:auto; overflow:hidden;}
.kuanj{ width:922px; height:auto; padding-bottom:30px; margin:0 auto; overflow:hidden; margin-top:5px;}
.kuanj h1{ font-size:20px; line-height:40px; text-align:center; color: #324357; padding:10px 0 10px 0; border-bottom:1px dashed #dedede; }
.kuanj .wenb{ width:900px; overflow:hidden;}
.kuanj .wenb p{ margin-top:20px;}

.wenb .wzlb{ width:890px; height:auto; margin-top:10px; overflow:hidden;}
.wenb .wzlb li{ width:890px; line-height:36px;  font-size:14px; overflow:hidden; border-bottom:1px dashed #dedede;}
.wenb .wzlb li h2{float:left; font-weight:normal; font-size:14px; text-indent:15px;  background:url(../images/doc.jpg) left no-repeat;}
.wenb .wzlb li span{float:right;}
.wenb .wzlb li a{ display:block;}
.wenb .wzlb li a:hover{color:#F00; }


.tplb{ width:900px; height:auto; margin-top:10px; overflow:hidden;}
.tplb li{ float:left;width:210px; margin-top:10px; margin-left:12px;}
.tplb li img{ width:204px; height:160px; padding:2px; border:1px solid #dedede;}
.tplb li h2{text-align:center; line-height:30px; font-size:14px; font-weight:100;}
.tplb li a{ display:block;}
.tplb li a:hover{ color:#F00;}

.yema{margin-top: 20px;}

.top_logo{ display:none;}
.wapnav{ display:none;}
.wapbanner{ display:none;}
.toollist{ display:none;}
@media screen and (max-width: 767px) {
body{ width:100%; height:auto; background:none;}
.top{ display:none !important;}
.logo{ display:none;}
.top_logo{ display:block;}
.wapnav{ display:block;}
.banner{ display:none !important;}
.wapbanner{ display:block;}
.nav{ display:none;}
.center{width: 96%;height:auto;}
.toollist{ display:block;}
.mag{ margin-top:3%;}

.top_logo{ text-align:center;}
.top_logo img{ height:70px;}

.wapnav{ width:100%; height:50px; background:#0061b2; position:relative;}
.wapnav p{ float:left; line-height:50px; margin-left:5%; color:#fff;}

.menu-btn{float: right;margin-right: 5%; margin-top:2.9%;}
.menu-btn:before, .menu-btn:after, .menu-btn span{display: block;height: 2px;background-color: #FFF;content: '';}
.menu-btn:before{width: 24px;}
.menu-btn:after{width: 18px;margin-left: 6px;}
.menu-btn span{width: 12px;margin: 6px 0 6px 12px;}

.nav{ height:100%; width:100%; background:#fff;  border-bottom:none; min-width:100%; position:absolute; z-index:99999; }
.nav ul{ width:100% !important;}
.nav li{ width:100% !important; height:50px; float:none !important; font-size:15px; border-bottom:1px solid #dedede; }
.nav li .a1{ background:none !important;}
.nav li a{  color:#333 !important; display:block; line-height:50px; }
.nav li .cur{ background:none;}

.case{ width:100%; height:auto; margin-top:10px;}
.case li{float:left;width: 45%;margin:1%;border:1px solid #dedede;padding:3px;background:#FFF;}
.case li img{width: 100%;height: auto; border:none; padding:0px;}
.case li p{text-align:center;line-height: 30px;}
.case li p a:hover{ color:#00418d;}
.case li p a{ display:block;}

.main{width:96%; padding:0px; border:none;}
.main .fl{ float:none;}
.main .fr{ float:none;}

.main .news_g{ width:100%; height:auto;}
.news{ width:100%; margin-top:8px;}
.news li{ line-height:40px; border-bottom:1px dashed #dedede; background:url(../images/doc.jpg) left no-repeat; text-indent:15px; overflow:hidden;}
.news li a{ float:left;}
.news li span{ float:right; display:none;}
.news li a:hover{ color:#00418d;}

.main .news_h{ width:100%; height:auto; margin-left:0px; margin-top:2%;}

.main .news_l{ width:290px; height:auto; display:none;}

.product{ width:100%; height:auto; margin-top:15px;}
.product li{float:left;width: 45%;margin:1%;border:1px solid #dedede;padding:3px;background:#FFF;}
.product li img{width: 100%;height: auto; max-height:110px; border:none; padding:0px;}
.product li p{text-align:center;line-height: 30px;}
.product li p a:hover{ color:#00418d;}
.product li p a{ display:block;}

.about .about_l{ width:100%; height:auto; border:1px solid #dedede; padding-bottom:3%;}
.about .about_l h2{ font-size:2em; color:#00a0e9; font-weight:normal; margin:6% 0 0 4%; line-height:60px;}
.about .about_l p{ margin-left:4%; width:93%; text-indent:2em; line-height:26px;}
.about .about_l p a{ color:#F00;}
.about .about_r { width:100%; height:auto; margin-top:3%;}
.about .about_r img{ width:100%; height:auto;}

.links{ display:none;}
.fnav{ display:none;}
.foot{ height:auto !important; padding:6% 0 18%;}
.left{ display:none;}

.right{ width:100%; height:auto; overflow:hidden;}
.kuanj{ width:100%; height:auto; padding-bottom:30px; margin:0 auto; overflow:hidden; margin-top:5px;}
.kuanj h1{ font-size:20px; line-height:40px; text-align:center; color: #324357; padding:1%x 0 1% 0; border-bottom:1px dashed #dedede; }
.kuanj .wenb{ width:98%; overflow:hidden;}
.kuanj .wenb p{ margin-top:2%;}

.wzlb{ width:100%; height:auto; margin-top:1%; overflow:hidden;}
.wzlb li{ width:100%; line-height:36px;  font-size:14px; overflow:hidden; border-bottom:1px dashed #dedede;}
.wzlb li h2{float:left; font-weight:normal; font-size:14px; text-indent:15px;  background:url(../images/doc.jpg) left no-repeat;}
.wzlb li span{float:right;}
.wzlb li a{ display:block;}
.wzlb li a:hover{color:#F00; }

.tplb{ width:100%; height:auto; margin-top:10px; overflow:hidden;}
.tplb li{float:left;width: 47%;margin-top: 1%;margin-left: 1%;padding:2px;border:1px solid #dedede;}
.tplb li img{width: 100%;height: auto;padding:0px;border:none;max-height: 117px;}
.tplb li h2{text-align:center; line-height:30px; font-size:14px; font-weight:100;}
.tplb li a{ display:block;}
.tplb li a:hover{ color:#F00;}

.kuanj .wenb img{ width:100% !important; height:auto !important;}
.wapmap{ display:none;}
.kuanj .wenb table tr td img{width:auto !important;height:auto !important;}

.toollist{width: 100%;height:60px;position: fixed;bottom: 0px;background: #e63231;text-align: center;padding: 0;}
.toollist ul li{list-style: none;width: 25%;height: 60px;float: left;margin: 0;}
.toollist ul li img{margin-top: 10px;width: 30px;}
.toollist ul li h1{color: white;font-size: 10px;font-weight: lighter;margin-top: 4px;line-height: 10px;}
	
}