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 .wel a{color: #FFFFFF}
.top .logo{float:left}
.top .tel{float:right; width:200px; background:url(../Images/tel.png) no-repeat; height:50px; margin-top:20px; padding-left:50px; font-size:16px; color:#970211; line-height:25px; font-weight:bold}



.nav{margin:0px auto;overflow:hidden; height:50px; background:#3883FF}
.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:#2782F1;}
.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; }
/*幻灯片(组件)*/

.index1{width:100%; clear:both; background:#FFFFFF}
.index1 .c1{width:1080px; margin:20px auto; overflow:hidden; text-align: center}
.index1 .c2{width:1080px; margin:20px auto; overflow: hidden}
.index1 .c2 .l1{width: 236px;  float: left; padding-bottom: 30px; background: url(../Images/bg_top1.jpg) center}
.index1 .c2 .l1 .tit{background: url(../Images/index_prolist1.png) no-repeat left center; color: #FFFFFF; padding-left: 50px; margin: 20px 10px}
.index1 .c2 .l1 .tit span{font-size: 22px; font-weight: bold}
.index1 .c2 .l1 .list{margin:auto; width: 203px; overflow: hidden}
.index1 .c2 .l1 .list ul{}
.index1 .c2 .l1 .list ul li{background:#F8F8F8; line-height: 40px; margin: 3px auto}
.index1 .c2 .l1 .list ul li a{background: url(../Images/index_prolistbg.png); float: left; width: 173px;line-height: 40px; padding-left: 30px}
.index1 .c2 .l1 .list ul li a:hover{background: url(../Images/index_prolistbg2.png); }
.index1 .c2 .l2{width: 833px; float: right; border: 1px solid #F0F0F0}
.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: 0px}
.index1 .c2 .l2 ul li{ float:left; width:202px; margin:5px 0px 5px 5px; text-align:center; font-size: 16px}
.index1 .c2 .l2 ul li img{ width:200px; height: 190px; border:1px solid #ccc;}
.index1 .c2 .l2 ul li a{line-height: 26px}

.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:#EDF2F6;  padding:50px; clear:both}
.index2 .c1{ width: 1080px; margin:auto; overflow: hidden}
.index2 .c1 .l0{width: 350px; height: 330px; float: left}
.index2 .c1 .l0 .tit{background: #1982C4; color: #FFFFFF; padding-left: 15px; line-height: 40px; font-size: 16px; font-weight: bold}
.index2 .c1 .l0 li{line-height: 35px; border-bottom: 1px solid #00A0ED; padding: 0px 10px}
.index2 .c1 .l0 span{float: right}
.index2 .c1 .l1{background:url(../Images/index_abouttit.jpg) no-repeat; width: 150px; height: 280px; float: left}
.index2 .c1 .l2{width: 350px; height: 330px; float: left; color: #000000; margin-left: 20px}
.index2 .c1 .l2 p{text-indent: 28px; line-height: 180%; font-size: 16px}
.index2 .c1 .l2 a.a1{width: 120px; height: 40px; line-height: 40px; background: #1982C4; float: left; text-align: center; color: #FFFFFF; margin: 20px; border:2px solid #EDF2F6;-webkit-transition: background .4s ease; -moz-transition: background .4s ease; -o-transition: background .4s ease; transition: background .4s ease;}
.index2 .c1 .l2 a.a1:hover{border:2px solid #1982C4; background: #FFFFFF; color: #1982C4; -webkit-transition: background .4s ease; -moz-transition: background .4s ease; -o-transition: background .4s ease; transition: background .4s ease;}
.index2 .c1 .l3{width: 200px; height: 330px; float: left; margin-left: 10px}


.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: 20px auto; overflow: hidden}
.about1 .c1{width:1080px; margin:auto}
.about1 .c1 .l{width:230px; float:left}
.about1 .c1 .l .title{color:#FFFFFF; font-size:18px; text-align:center; background:url( ../Images/bg_top1.jpg) no-repeat center; background-size: cover; width:230px; height: 85px; padding-top: 15px; line-height: 35px}
.about1 .c1 .l .title span{font-family: Times New Roman}
.about1 .c1 .r{width:820px; float:right;}
.about1 .c1 .r .local{background:url(../Images/loca_ico.jpg) 20px center no-repeat #F5F5F5; line-height:58px; font-size: 18px; padding-left:40px;}
.about1 .c1 .r .content{margin: 30px auto; padding: 10px}
.about1 .c1 .r li{line-height: 40px; border-bottom: 1px solid #E3E3E3}

.about1 .l .list{ margin:auto}
.about1 .l .list a{width:210px; padding:5px 10px 0px 10px; height:40px; font-size:16px; line-height:35px; text-align:left;  display:block; background:url(../Images/list_bg.jpg) no-repeat 195px center #f6f6f6; margin: 3px auto}
.about1 .l .list a:hover{background:#2782F1; color:#FFFFFF; background:url(../Images/list_onbg1.jpg) #6592c9 no-repeat 195px center; display:block}
.about1 .l .left_tel{line-height:35px; margin-top:10px; background:#6592c9; color:#FFFFFF; font-size:18px; text-align:center}
.about1 .l .left_news{line-height: 35px; background:#FBFBFB}

.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; height:235px; margin:10px 6px; overflow:hidden; border:1px solid #D5D5D5 }
.productlist2{float:left; text-align:center; width:252px; height:235px; margin:5px 6px 15px 6px; overflow:hidden; border:1px solid #F60 }
.productpic img{ width:250px; height:200px; }
.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;}