body,ul,li,p{margin:0px; padding:0px; list-style:none; }
body,td,th {font-size: 14px;color: #5A5A5A; font-family:"微软雅黑"; color:#666; }
a{ text-decoration:none; blr:expression(this.onFocus=this.blur()); /*    IE Opera    */
    outline:none; color:#666; /*    FF Opera    */}
a:focus{ 
    -moz-outline-style: none; /*    FF    */}
a:hover{ color:#F00; }
input{ margin:0px; padding:0px; }
img{ border:0px; }

.toplink{ position:absolute; width:500px; z-index:9999; left:50%; top:0px; text-align:right; }
.toplink a{ float:right; padding-left:0px; padding-right:0px; background:#36C; color:#FFF; }

.headertop{ width:100%; background:url(../Images/topbg.gif); overflow:hidden;  border-top:3px solid #005BAC}
.top{ margin:0px auto; width:1080px;overflow:hidden; height:136px}
.top .wel{clear:both; height: 36px}
.top .wel span{background: url(../Images/topright.jpg) no-repeat; text-align: center; width: 245px; height: 27px; color: #FFFFFF}
.top .logo{float:left;margin-top: 36px;}
.top .tel{float:right; width:200px;margin-top: 56px; background:url(../Images/tel.png) no-repeat; height:50px;padding-left:50px; font-size:16px; color:#970211; line-height:25px; font-weight:bold}



.nav{margin:0px auto;overflow:hidden; height:50px; background:#005BAC}
.nav ul{width:1080px; margin:auto; list-style:none}
.nav ul li{ float:left; display:block; width:166px; line-height:50px; overflow:hidden; margin: auto 1px }
.nav ul li a{color:#FFF; font-size:14px; text-align:center; width:166px; height:50px; display:block; font-size: 16px}
.nav ul li a.nav_on{background:#FF7E00;}
.nav ul li ul li{clear:both;  line-height:35px; height:35px}
.nav ul li ul li:hover{clear:both; background:#1a7ed7; line-height:35px; height:35px}
.nav ul li:hover{color:#F00; background:#FF7E00; }
.nav ul li:hover .nav_submenu {display: block; width:166px;}
.nav_submenu {display: none;  position: absolute; z-index:999; width: 166px; overflow:hidden;  background: #5b97de;}
/*幻灯*/
.banner{height:500px; }
.banner .ban_c img{position:absolute;width:1920px;left:50%;margin-left:-960px;top:0; }
.banner .ban_nav{display:none; }
.banner .Left,.banner .Right{position:absolute;width:38px;height:38px;background:url(../images/cir_white.gif) no-repeat #aaa;right:50%;bottom:15px; }
.banner .Left{margin-right:-450px;background-position:5px 0}
.banner .Right{margin-right:-490px;background-position:-33px 0;background-color:#e6292f; }
.bann_ext{position:relative; }
.frontCover{position:absolute;top:-120px;padding:0 0 16px;border-bottom:5px solid #de0000; }
.frontCover li{float:left;width:82px;padding:3px;background:#000;color:#fff;overflow:hidden;margin-right:10px;cursor:pointer; }
.frontCover p{text-align:center;height:14px;line-height:18px;overflow:hidden; }
.frontCover .img{position:relative;height:50px;overflow:hidden; }
.frontCover img{position:absolute;width:192px;height:50px;left:-50px; }
.frontCover .open{background:#e60013; }
.wrap{width:980px;margin-left:auto;margin-right:auto; }
/*幻灯片(组件)*/

.index-pro{width: 1200px; margin: 50px auto}
.index-pro ul{clear: both; overflow: hidden}
.index-pro li{float: left; width:280px; margin: 8px; border: 1px solid #D7D7D7}
.index-pro li:hover{border: 1px solid #FF7600}
.index-pro .img{width:100%}
.index-pro .img img{width: 100%}
.index-pro .title{font-size: 16px; line-height: 3; padding-left: 10px}
.index-pro .price{padding-left: 10px; line-height: 2; font-weight: bold}
.index-pro .price span{color: #FF8E00}

.index1{width:100%; clear:both; background:#FFFFFF}
.index1 .c1{width:1080px; margin:20px auto; overflow:hidden;}
.index1 .c2{width:1080px; margin:20px auto; overflow: hidden}
.index1 .c2 .l1{width: 725px; float: left}
.index1 .c2 .l2{width: 330px; float: right}
.index1 .c2 .l2 h2{font-size: 18px; color: #007CFF; text-align: center; border: 6px solid #005BAC; height: 60px; line-height: 60px; margin: 0px; border-bottom: 0px}
.index1 .c2 .l2 ul{margin: 15px}
.index1 .c2 .l2 ul li{line-height: 30px}
.index1 .c2 .l2 ul li.l1{background: url(../Images/tel2.png) no-repeat left center; height: 60px; padding-left: 60px; font-size: 16px; line-height: 30px; margin: 10px auto}
.index1 .c2 .l2 ul li.l2{line-height: 25px; font-size: 16px}
.index1 .c2 p{text-indent:2em; font-size:16px; line-height:200%}
.index1 .c3{text-align:center; clear:both; overflow:hidden; width:260px; margin:20px auto}
.index1 .c3 p{text-indent: 2em; margin: 0px; line-height: 30px}


.index2{background:url(../Images/index2_bg.jpg) center top no-repeat;  padding-top:30px; clear:both}
.index2 .c1{background:url(../Images/pro_titbg.png) no-repeat center; font-size:24px; text-align:center; color:#FFFFFF; }
#demo{overflow:hidden; width: 1000px; margin:40px auto 0px auto; clear:both} 
#demo a{margin:0px 20px; width:200px; height:260px; float:left; text-align:center; font-size:16px; line-height:35px; color:#1059BC; }
#indemo{float:left; width: 800%;} 
#indemo span{color:#FFFFFF; font-size:16px; text-align:center; background:#00549A; padding:5px;}
#demo1{float:left;} 
#demo2{float:left;} 
.index2 .c2{background:#4879b4; color:#FFFFFF; line-height:60px; text-align:center; font-size:18px; text-align:center; clear:both}

.index3{background:url(../Images/index3_bg.jpg) repeat-x #FFFFFF; overflow:hidden}
.index3 .c1{width:1080px; height:142px; margin:auto; text-align:center; background:url(../Images/case_tit.jpg) center no-repeat}
.index3 .c2{width:1080px; margin:auto; overflow:hidden}
.index3 .c2 ul li{float:left; margin:5px}

.index4{background:#f6f6f6; overflow:hidden; margin: 20px auto}
.index4 .c1{font-size: 16px;width:1080px; margin:auto; background:#FFFFFF; overflow:hidden; line-height: 35px; border-left: 3px solid #FF6E00; padding-left: 10px}
.index4 .c1 a{font-size: 16px; margin: auto 10px}
.index4 .c1 .l1{width:33%; height:280px; margin:auto; float:left; background:#4879b4; color:#FFFFFF}
.index4 .c1 .l1 h2{margin-left:50px; margin-top:30px; color:#50B5FF}
.index4 .c1 a.contact{background:#F5F5F5; width:120px; height:35px; margin:15px 0px 10px 50px; line-height:35px; text-align:center; float:left; color:#1C6EAA; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px;}
.index4 .c1 .l1 li{margin-left:50px; font-size:16px; line-height:30px}
.index4 .c1 .l2{width:359px; margin:auto; float:left}
.index4 .c1 .l3{margin:auto; float:left; padding:10px 20px}
.index4 .c1 .l3 input{border:1px dashed; color:#C7C7C7; height:30px; }
.index4 .c1 .l3 textarea{border:1px dashed; color:#C7C7C7; height:50px; width:296px}
.index4 .c1 .l3 .btn input{background:#D33538; height:30px; color:#FFFFFF; width:302px; border:0px; margin-top:10px}

.index5{width:1080px; margin:auto; text-align:center}

.about1{ margin-top: 20px; overflow: hidden}
.about1 .c1{width:1080px; margin:auto}
.about1 .c1 .l{width:224px; float:left}
.about1 .c1 .l .title{color:#FFFFFF; font-size:18px;text-align:center; line-height:58px; background:url(../Images/left_tit.jpg) no-repeat center; width:224px; height: 58px}
.about1 .c1 .r{width:800px; float:right; padding:0px 20px; height: 58px; background:#F5F5F5}
.about1 .c1 .r .local{ background:url(../Images/loca_ico.jpg) left center no-repeat; line-height:58px; font-size: 18px; padding-left:20px; float:left}

.about2{width:1080px; margin:auto;; clear:both; overflow:hidden; margin-bottom:50px}
.about2 .l{background:#f6f6f6; width:224px; float:left;}
.about2 .l .list{ margin:auto}
.about2 .l .list a{width:200px; padding:5px 10px 0px 10px; height:40px; font-size:16px; line-height:35px; text-align:right;  display:block; background:url(../Images/list_bg.jpg) no-repeat 195px center}
.about2 .l .list a span{border-bottom:1px solid #aaaaaa; width:180px; padding-right:20px; height:40px; display:block}
.about2 .l .list a:hover{background:#6592c9; color:#FFFFFF; background:url(../Images/list_onbg1.jpg) #6592c9 no-repeat 195px center; display:block}
.about2 .l .left_tel{line-height:35px; margin-top:10px; background:#6592c9; color:#FFFFFF; font-size:18px; text-align:center}

.about2 .r{width:800px; float:right; padding:20px}

.slide{position:relative;width:100%; border-bottom:3px solid #294dbd}
.ban_c{display:none;position:absolute;left:0;top:0;width:100%;height:100%;overflow:hidden; }
.ban_c img{width:100%;height:100%; }
.ban_t{position:absolute;left:0;bottom:0;width:100%;padding:4px 0;text-indent:10px;white-space:nowrap;overflow:hidden;color:#fff;background:rgba(0,0,0,.5);filter:progid:DXImageTransform.Microsoft.gradient(startcolorstr=#88000000,endcolorstr=#88000000);z-index:3;}
.ban_nav{position:absolute;bottom:0;left:0;width:100%;text-align:right;z-index:4; }
.ban_nav a{display:inline-block;vertical-align:middle;width:14px;height:14px;line-height:14px;overflow:hidden;text-align:center;margin-right:8px;cursor:pointer;text-decoration:none;font-size:10px; -webkit-text-size-adjust:none;background:#ccc; }
.ban_nav .on{background:#f90;color:#fff; }
.Left,.Right{cursor:pointer; }
/*幻灯*/

.bapic{ width:1920px; height:500px; position:absolute; left:50%; top:0px; margin-left:-960px; z-index:10; }

.thum{ width:1080px; margin:5px auto; background:#F6F6F6; overflow:hidden; clear:both}
.ty{width:1000px; margin:auto; padding:10px; background:#F6F6F6; clear:both; overflow:hidden}

.he{ height:50px; color:#036; overflow:hidden; clear:both}
.l4{ font-size:14px; color:#036; line-height:55px; font-weight:bold; }
.top10{ margin-top:5px; }

.fenlei{float:left; width:100px; height:30px; margin-right:10px; background:url(../Images/index-fenlei-bj.png); text-align:center; line-height:30px; }
.fenlei a{ color:#FFF; }

.Search_text{ border:1px #CCCCCC solid; width:150px; height:33px; line-height:33px; }
.index-about{ float:left; display:block; padding:15px; width:470px; overflow:hidden; }
.index-news{float:right; display:block; padding:15px; width:470px; overflow:hidden; }
.index-news li{ font-size:16px; line-height:28px; border-bottom:1px #3994E6 dotted; padding:0px 10px }
.index-news li span{float:right}
.index-case-list{ float:left; width:250px; height:270px; line-height:30px; margin-top:15px; text-align:center; overflow:hidden; }

.bottom{ width:100%; clear:both; color:#FFF; border-top: 5px solid #005BAC; background: #005BAC}
.bottom .c1{width:1080px; margin:auto; margin-top:20px;  text-align:center; line-height:35px;}
.bottom .c1 a{color:#FFFFFF}
.bottom .qrcode{position:relative; float:right; width:198px; height:179px; top:-19px; right:0px}

.tybottom{width:100%; background:url(../Images/bottombj.jpg) center top no-repeat; height:175px; position:relative; left:0px; top:0px; clear:both; overflow:hidden; text-align:center; line-height:28px; color:#FFF; }

.bnav{ width:700px; margin:0px auto; overflow:hidden; height:80px; }
.bnav li{ float:left; width:100px; line-height:80px; text-align:center; overflow:hidden; }
.bnav li a{ color:#fff; font-weight:bold; font-size:14px; }
.bnav li a:hover{ color:#F00} 

.left{ float:left; width:200px; overflow:hidden; }
.leftnav{width:198px; border:1px #ccdef0 solid; background:#f2f9ff; overflow:hidden; }
.leftnav a{ float:left; display:block; width:173px; line-height:20px; padding-top:10px; padding-bottom:10px; text-align:left; border-bottom:1px #d0ddeb solid; padding-left:25px; font-size:14px; background:url(../Images/left-jiantou.png) 5px 13px no-repeat; overflow:hidden; }
.leftnav a:hover{ float:left; display:block; width:168px; color:#5795cd; background:url(../Images/left-jiantou1.png) 10px 12px #e7f3fd no-repeat; padding-left:30px; }

a.leftxiao{float:left; display:block; width:173px; line-height:20px; padding:5px 0px; text-align:left; border-bottom:1px #d0ddeb solid; padding-left:25px; font-size:12px; background:none; overflow:hidden; }
a.leftxiao:hover{ float:left; display:block; width:168px; color:#5795cd; background:none; padding-left:30px; }

.leftcommd{float:left; width:198px; border:1px #ccdef0 solid; background:#f2f9ff; overflow:hidden; margin-bottom:10px; }

.right{float:right; width:780px; overflow:hidden; }
.right-title{width:780px; overflow:hidden; height:50px; line-height:50px; background:url(../Images/index-about-xia.jpg) left bottom no-repeat; }
.right-content p{ text-indent:2em; line-height:25px; }
.right-content li{ width:780px; border-bottom:1px #666666 dotted; overflow:hidden; }
 
.newslist li{ width:780px; } 
.newslist li a{ float:left; width:700px; font-size:14px; line-height:40px; text-align:left; overflow:hidden; }
.newslist li .time{float:left; width:80px; text-align:right;line-height:40px; overflow:hidden; }

.productlist{float:left; text-align:center; width:252px; margin:10px 6px; overflow:hidden; border:1px solid #D5D5D5 }
.productlist2{float:left; text-align:center; width:252px; margin:5px 6px 15px 6px; overflow:hidden; border:1px solid #F60 }
.productpic img{ width:250px; height:250px; }
.productpic{ margin:1px; }

.productname{ line-height:30px; font-size:14px; line-height:30px; font-weight:bold; background:#DFF6FF}

.link{margin:0px 10px; background:url(../Images/index-about-xia.jpg) left bottom no-repeat; clear:both}
 
/*在线客服浮动窗口*/
#rightDiv{width:110px; text-align:center; margin:0; padding:0;display:block;overflow:hidden;position:absolute; }
#rightDiv a {margin:0px; display:block; padding:0 0 7px 0; }
#rightDiv a:hover{color:#000000; }
#rightDiv_top{width:110px;margin:0; padding:0; }
#rightDiv_middle{width:110px; background:url(../images/middle.gif);margin:0; padding:0; }
#rightDiv_bottom{width:110px;margin:0; padding:0; }

#wrapper{margin-top:5px; text-align:center; clear:both}

.jscarousal{width:980px; margin-left:10px; margin-right:10px; position: relative; /*overflow: hidden; */}
.jscarousal .jscarousal-left, .jscarousal .jscarousal-right{float: left; width: 25px; height: 100px; background-color: #121212; color: White; position: relative; top: 30px; cursor: pointer; }
.jscarousal .jscarousal-left{background-image: url(../images/left_arrow.jpg); background-repeat: no-repeat; background-position: left; }
.jscarousal .jscarousal-right{background-image: url(../images/right_arrow.jpg); background-repeat: no-repeat; background-position: right; }
.jscarousal-contents{width: 930px; height:190px; float: left; position: relative; overflow: hidden; }
.jscarousal-contents > div{position: absolute; width: 100%; }
.jscarousal-contents > div > div{float: left; margin-left: 11px; margin-right: 11px; }
.jscarousal-contents img{width: 210px; height:157px; }
.hidden{display: none; }
.visible{display: block; }
.thumbnail-active{filter: alpha(opacity=100); opacity: 1.0; cursor: pointer; }
.thumbnail-inactive{filter: alpha(opacity=60); opacity: 0.6; cursor: pointer; }
.thumbnail-text{color: #7A7677; width:210px; margin-top:5px; font-weight: bold; text-align: center; display: block; }

.side_nav{position: fixed; top: 50%; right: 0; width: 60px; z-index: 99999; }
.side_nav ul li{position: relative; width: 60px; height: 60px; float: right; margin-bottom: 1px; /* border-bottom: 1px solid #fff; */}
.side_nav ul li a{display:inline-block; height: 60px; position: absolute; top: 0; left: 0; /* 	border-bottom: 1px solid #fff; */}
/* .side_nav ul li:last-child,.side_nav ul li:last-child a{border-bottom: 0; } */
.current_side_n{width: 140px!important; }
.current_side_n a{width: 140px!important; }
/* .current_side_n span{
} */
.side_nav ul li span{
/*  	display:block; */
	width: 148px; height: 148px; float: left; color:#fff; line-height: 60px; font-size: 16px; margin-left: 60px; cursor: pointer; }
.side_nav ul li span img{width: 148px; height: 148px; }
.side_nav_3 a{width: 60px; }
.side_nav_3 a span{width: 148px; height: 148px; position: absolute; right: 60px; bottom: 0; margin-left: 0!important; display: none; }

/*.tel a{background: #333e8d url(../Images/yuyue_icon_12.png) no-repeat 15px 15px; }*/
.QQ a{background: #333e8d url(../Images/0013920_47.png) no-repeat 15px -96px; }
.sub_QR a{background: #333e8d url(../Images/0013920_47.png) no-repeat 15px -207px; }
.back_top a{background: #333e8d url(../Images/0013920_47.png) no-repeat 15px -317px;}