@charset "utf-8";
/* CSS Document */
body{ margin:0px; padding:0px;font-size:12px;color:#5c5c5c; font-family:Arial, Helvetica, sans-serif;text-decoration: none; }
*{ margin:0px; padding:0px;}
a,a:link,a:visited,a:active{color:#5c5c5c;text-decoration: none;}
a:hover{color:#0094DA;}
ul{ list-style-type:none; padding:0px; margin:0px;}
img{ border:0px;}
.clear{ clear:both;}
.line{ height:20px; overflow:hidden;}
.line1{ background-color:#CCC; height:1px; overflow:hidden;}
/*------------------index------------------*/
/* header */
#main,#header{ width:940px; height:auto; margin:0 auto;}
.lan-nav{ height:25px; line-height:25px; text-align:right;}
.logo{ width:403px; float:left; height:89px;}
.menu{ width:527px; float:left; height:40px; padding-left:10px; margin-top:25px; background-color:#c9c9c9; color:#fff;}
.navlist{ float:left;padding-left:10px;}
.navlist-l{width:7px; height:40px; float:left}
.nav{ height:40px;float:left; line-height:40px; font-family:Century Gothic; font-weight:bold;overflow:hidden; width:90px;_width:90px; text-align:center; font-size:14px;}
.nav a:link,.nav a:visited,.nav a:active{ color:#fff;}
.nav a:hover{color:#0094DA;border-bottom:2px solid #0094da;}
.nav2{  height:40px;float:left; line-height:40px;font-family:Century Gothic; font-weight:bold;overflow:hidden; width:80px;_width:78px; text-align:center; font-size:14px;}
.nav2 a:link,.nav2 a:visited,.nav2 a:active{ color:#fff;}
.nav2 a:hover{color:#0094DA; border-bottom:2px solid #0094da;}
.navlist-r{width:6px; height:40px;float:left}

#banner{}

#middle{ height:auto;}
.index-left{ float:left; width:700px;}
.index-left1{height:52px; line-height:52px;}
.index-left1 h3{ font-size:14px;}
.index-left1 h3 a{ color:#0094da;}
.index-left1 a{ width:470px;}
.index-left1 span a{ width:100px; float:right; padding-top:26px;}
.more{width:100px; height:26px; display:block;}
.left2-top{height:42px; }
.left2-top h3 a{ font-size:16px; font-weight:bold ; line-height:40px; color:#0094da;}
.left2-info{height:auto !important;height:400px; min-height:400px; line-height:20px; padding:10px 0;}
.left2-info img{ float:right; padding:5px;}
.left2-bot{ height:9px;}


.index-right{ float:left; width:220px; padding-left:20px;}
.right1{ height:30px;}
.right1 h3 a{font-size:16px; font-weight:bold ; line-height:30px; color:#0094da; padding:15px 0 0 10px;}
.right1-bg{height:auto; }
.right1-bg p{line-height:20px; padding:0px 10px; }
.right1-bg a{ float:right;}
.index-pic{ background:url(../images/right-bg.jpg) repeat-y; height:auto; padding-left:7px;}
.right2{height:30px; margin-top:10px;}
.right2 h3 a{font-size:16px; font-weight:bold ; line-height:30px; color:#0094da;padding-left:10px;}
.right2-info{ height:auto;}
.right2-info p{ line-height:30px; padding:10px;}


#footer{ line-height:30px; height:30px;}


/*------------------single------------------*/
.single-left{ background:url(../images/single-left.jpg) no-repeat; height:41px; line-height:41px;font-size:16px; font-weight:bold; padding-left:18px; font-family:Century Gothic;}
.singleleft-info{ height:auto !important;height:500px; min-height:500px; line-height:20px; padding:10px 20px;}
.singleleft-info img{ float:right;}
.single-right{ height:auto;}
.single-right h3 a{font-size:16px; font-weight:bold ; line-height:40px; color:#0094da;padding-left:10px;}
.single-right1{ padding:10px;}
.single-right1 ul li{ background:url(../images/single-newslist.jpg) no-repeat left 10px; height:30px; width:180px; line-height:30px; padding-left:10px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;course:hand;}
.single-right1 ul li a{float:left;}

/*------------------contact------------------*/
.contact-info{ height:auto !important;height:280px; min-height:280px;padding:10px 20px;}
.contact-info ul li{float:left; width:600px; font-size:12px;height:30px; line-height:30px;}
.contact-map{ padding-left:35px; background: url(../images/left2-bg.jpg) repeat-y;}

/*------------------news------------------*/
.news-list{height:auto !important;height:480px; min-height:480px;padding:20px 30px;}
.news-list ul li{background:url(../images/single-newslist.jpg) no-repeat left 11px; padding-left:10px; line-height:30px; border-bottom:1px dashed #999;}
.news-list ul li.spa1{ background:none; line-height:30px; height:30px; font-size:14px; font-weight:bold; padding:0;}
/*------------------newsshow------------------*/
.news-title{ line-height:30px; font-size:14px; font-weight:bold;}
.news-date{ line-height:20px; height:20px; border-bottom:1px dashed #333;}
.news-info{ line-height:20px; padding-top:5px;}
.news-info p{ padding-bottom:10px;}
/*------------------product------------------*/
.product-info{height:auto !important;height:480px; min-height:480px; padding:10px;}
.product-info2{ }
.product-info2 img{ padding-right:10px; float:left; width:245px; height:173px;}
.product-info2 p{ line-height:20px; float:left; width:425px; padding-bottom:10px;}

.nTab{width: 680px;}
.nTab .TabTitle{clear: both;height: 21px;overflow: hidden; border-bottom:1px solid #6f99c1;}
.nTab .TabTitle ul{border:0;margin:0;padding:0;}
.nTab .TabTitle li{float: left;width:170px;cursor: pointer; text-align:center;list-style-type: none; height:21px; line-height:21px;}
.nTab .TabTitle .active{ background:url(../images/product_03.jpg) no-repeat; height:21px; color:#FFF; font-weight:bold;}
.nTab .TabTitle .normal{ background:url(../images/product_04.jpg) no-repeat; height:21px; color:#5d5d5d; font-weight:bold;}
.nTab .TabContent{width:auto;margin: 0px auto;padding:10px 0 0 0;}
.none {display:none;}

.content{ line-height:20px; padding:5px;}
.content ul li{ width:223px; float:left;}
.content ul li img{ width:200px; height:150px; padding-left:10px; padding-bottom:10px;}
/* pic */
.single-productlist{}
.single-productlist ul{ margin-top:20px;}
.single-productlist ul li{ width:330px; float:left; margin-bottom:20px; padding-bottom:5px; border-bottom:1px dashed #CCC;}
.single-productlist ul li img{ float:left; width:145px; height:100px;}
.single-productlist ul li span{ height:20px; line-height:20px; width:150px; font-weight:bold; font-size:12px; overflow:hidden; float:left; padding-left:5px;}
.single-productlist ul li p{ height:80px; line-height:20px; float:left; padding:0 5px; width:168px; overflow:hidden;}

<!--浮窗-->
.fixBar {
 position:fixed;
 right:-40px;
 top:0;
 bottom:0;
 margin:0;
 width:40px;
 background-color:#fff;
 -webkit-box-shadow:0 1px 10px rgba(0,0,0,.2);
 box-shadow:0 1px 10px rgba(0,0,0,.2);
 z-index:900
} 
.fixBarnew {
 position:fixed;
 right:20px;
 top:16%;
 margin:0;
 width:65px;
 background-color:#fff;
 -webkit-box-shadow:0 1px 10px rgba(0,0,0,.2);
 box-shadow:0 1px 10px rgba(0,0,0,.2);
 z-index:900
}
.fixBar li {
 position:relative;
 width:40px;
 height:52px;
 padding:4px 0 2px;
 text-align:center;
 cursor:pointer
}
.fixBarnew  li{
 position:relative;
 width:65px;
 height:63px;
 padding:4px 0 2px;
 text-align:center;
 cursor:pointer
}
.fixBar li:not(:last-child) {
 border-bottom:1px solid #d8d5d5
}
.fixBarnew li:not(:last-child) {
 border-bottom:1px solid #d8d5d5
}
.fixBarnew li>a,
.fixBarnew li span {
 display:inline-block;
 width:65px;
 text-align:center;
 text-decoration:none;
 outline:0;
 vertical-align:middle;
 font-size:10px;
  line-height:999;
 padding-top:4px
}
.fixBarnew li:hover {
 background-color:#f75316;
}
.fixBarnew .f-top {
 position:absolute;
 width:40px;
 height:40px;
 bottom:50px;
 background-position:-24px -75px;
 overflow:hidden
}
.fixBarnew .f-top:hover {
 border:1px solid #f4822c;
 background:#f4822c
}
.fixBarnew .f-top a {
 display:none;
 text-align:center;
 text-decoration:none;
 outline:0;
 vertical-align:middle;
 font-size:12px;
 padding-top:0;
 color:#fff;
 width:100%;
 height:100%;
 margin-top:4px;
}
.fixBarnew .f-top:hover a {
 display:block
}

.fixBarnew .f-icon {
 background-image:url("../images/fixbar.png");
}
.fixBarnew .f-chat {
	 background-position:-212px 0px;
}


.fixBar li>a,
.fixBar li>span {
 display:inline-block;
 width:40px;
 height:52px;
 text-align:center;
 text-decoration:none;
 outline:0;
 line-height:999;
 vertical-align:middle;
 font-size:12px;
 padding-top:4px
}
.fixBar li:hover {
 background-color:#3671cf
}
.f-icon {
background-image:url("../images/fixbar.png");
 background-repeat:no-repeat
}


.fixBar .f-chat {
 background-position:-212px -36px;
 
}
.fixBarnew .f-email {
	 /*background-position:-212px -64px;*/
	 background-position:-212px -192px;
}
.fixBarnew .f-email:hover {
	 /*background-position:-289px -64px;*/
	 background-position:-289px -192px;
}
.fixBarnew .f-whatsapp {
	 background-position:-212px -128px;
}
.fixBarnew .f-whatsapp:hover {
	 background-position:-289px -128px;
}
.fixBarnew .f-message {
	 /*background-position:-212px -192px;*/
	 background-position:-212px -64px;
}
.fixBarnew .f-message:hover {
	 /*background-position:-289px -192px;*/
	 background-position:-289px -64px;
}
.fixBarnew .f-toptop {
	 background-position:-212px -256px;
}
.fixBarnew .f-toptop:hover {
	 background-position:-289px -256px;
}

.fixBarnew .over-mask {
 position:absolute;
 right:42px;
 top:50%;
 margin-top:-20px;
 display:none;
 width:177px;
 height:40px
}
.fixBarnew .over-mask img {
 display:none
}
.fixBarnew .email-mask-icon {
 background-position:-21px -66px
}
.fixBarnew .whatsapp-mask-icon {
 background-position:-21px -138px
}




.fixBar .f-feedback {
 background-position:-177px -108px
}
.fixBar .f-feedback:hover {
 background-position:-224px -108px
}
.fixBar .over-mask {
 position:absolute;
 right:42px;
 top:50%;
 margin-top:-17px;
 display:none;
 width:112px;
 height:35px
}
.fixBar .over-mask img {
 display:none
}
.fixBar .feedback-mask-icon {
 background-position:-38px -119px
}
.fixBar .facebook {
 background-position:-177px -161px
}
.fixBar .facebook:hover {
 background-position:-224px -161px
}
.fixBar .facebook-mask-icon {
 background-position:-38px -170px
}
.fixBar .linkedin {
 background-position:-177px -214px
}
.fixBar .linkedin:hover {
 background-position:-224px -214px
}
.fixBar .linkedin-mask-icon {
 background-position:-38px -223px
}
.fixBar .youtube {
 background-position:-177px -267px
}
.fixBar .youtube:hover {
 background-position:-224px -267px
}
.fixBar .youtube-mask-icon {
 background-position:-38px -276px
}
.fixBar .twitter {
 background-position:-177px -320px
}
.fixBar .twitter:hover {
 background-position:-224px -320px
}
.fixBar .twitter-mask-icon {
 background-position:-38px -329px
}
.fixBar li:hover a {
 -webkit-transition:none;
 -o-transition:none;
 transition:none
}
.fixBar .f-top {
 position:absolute;
 width:40px;
 height:40px;
 bottom:50px;
 background-position:-24px -75px;
 overflow:hidden
}
.fixBar .f-top:hover {
 border:1px solid #f4822c;
 background:#f4822c
}
.fixBar .f-top a {
 display:none;
 text-align:center;
 text-decoration:none;
 outline:0;
 vertical-align:middle;
 font-size:12px;
 padding-top:0;
 color:#fff;
 width:100%;
 height:100%;
 margin-top:4px;
 line-height:15px
}
.fixBar .f-top:hover a {
 display:block
}
.fixBar .f-close {
 position:absolute;
 width:40px;
 height:40px;
 bottom:5px;
 right:0;
 background-position:-68px -75px;
 overflow:hidden;
 cursor:pointer;
 -webkit-transition:transform .5s ease-in-out;
 -o-transition:transform .5s ease-in-out;
 transition:transform .5s ease-in-out
}
.fixBar .f-close:hover {
 background-position:-108px -75px
}
.fixbar-expand {
 position:fixed;
 bottom:0;
 right:-100px;
 margin:0;
 z-index:999;
 display:none
}