#focus {overflow:hidden; position:relative; margin:auto; width:100%;min-width:1200px;}
#focus ul {position:absolute;}
#focus ul li {
	float:left;
	overflow:hidden;
	position:relative;
	background-repeat: no-repeat;
	background-position: center center;
	min-width:1200px;
}
#focus ul li img{
	width:100%;
	min-width:1200px;
	max-height:540px;
}
#focus ul li div {position:absolute; overflow:hidden;}
#focus .btnBg {position:absolute; width:100%; height:20px; left:0; bottom:30px;}
#focus .btn {width:980px; height:10px; padding:5px 10px; text-align: center; margin:auto;}
#focus .btn span {display:inline-block; _display:inline; _zoom:1; width:17px; height:17px; _font-size:0; margin:0px 10px; cursor:pointer; 
	background-image: url(../images/dot2.png);
	background-repeat: no-repeat;
	background-position: 0 0;
}
#focus .btn span.on {background-image: url(../images/dot1.png);}
#focus .preNext {
	width:26px;
	height:55px;
	position:absolute;
	top:40%;
	cursor:pointer;
	background-image: url(../images/l.png);
	background-repeat: no-repeat;
	background-position: 0 0;
}
#focus .pre {left:20px;}
#focus .next {
	right:20px;
	background-position:right top;
	background-image: url(../images/r.png);
}


.hssbd{
	box-shadow: 1px 1px 10px rgba(0,0,0,0.2);min-width:1200px;
}
.hssbox {
	width:1200px;
	margin:auto;
	height:60px;
	padding:10px 0px;
}
.keyword {
line-height:36px; float:left; padding-left:10px; font-size:14px;
}
.keyword a{
margin-right:10px;
}
.searchf {height:36px; float:right; padding:2px 0px;}
.sinput {
	height: 34px;
	line-height:34px;
	width: 260px;
	border: 1px solid #d7d7d7;
	font-family: Arial, Helvetica, sans-serif;
	float:left;
	background-image: url(../images/ss.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left:30px;
}
.ssbtn {
	height: 34px;
	line-height:34px;
	padding:0px 10px;
	float:right;
	background-color: #0E6BC0;
	border:none;
	color: #ffffff;
}


.index-title{text-align:center;margin-bottom:40px;}
.index-title span{line-height:50px; font-size:32px; color:#008FD7;}
.index-title i{color:#666666;font-style: normal; font-family: "AvantGardeITCbyBT-Book";font-size:30px;}
.index-title h3{font-size:20px; font-weight:normal;}



.ywlist{margin-top:10px;}

.ywlist li{
float:left;
width:360px;
height:340px;
line-height:24px;
color:#696969;
overflow:hidden;
margin-right:60px;
}
.ywlist li.mr0{margin-right:0px;}

.ywlist li dl dt{ height:200px;background:#f7f7f7; position:relative;overflow:hidden;}
.ywlist li dl dt:after{position:absolute;width:26px;height:26px;background-color: #ffffff;content:"";transform:rotate(-45deg);-webkit-transform:rotate(-45deg);left:50%;bottom: -13px; margin-left: -13px; overflow:hidden;}
.ywlist li dl dd{ height:60px;border:1px #e5e5e5 solid;border-top:none; line-height:30px; padding:10px; font-size:14px;}
.ywlist li dl dd h2{ font-size:16px;color:#0064B9;}


.item2{ width:1200px; margin:0 auto;}
.item2li li{float: left;display: inline;width: 380px;height: 248px;overflow: hidden;margin: 0 30px 30px 0;}
.item2li li.last{margin-right: 0;}
.item2li li a{display: block;width: 100%;height: 100%;position: relative;}
.item2li li .item2img{display: block;width: 100%;height: 100%;transition: all .4s ease;-webkit-transition: all .4s ease;-ms-transition: all .4s ease;-moz-transition: all .4s ease;-o-transition: all .4s ease;}
.item2li li .text{text-align: center;position: absolute;left: 0;width: 100%;top: 0;z-index: 3;height: 188px;padding-top: 60px;transition: all .4s ease;-webkit-transition: all .4s ease;-ms-transition: all .4s ease;-moz-transition: all .4s ease;-o-transition: all .4s ease;background:rgba(0,0,0,0.4);}
.item2li li .text b{font-size: 20px;color: #fff;font-weight: normal;}
.item2li li .text em{display: block;font-size: 16px;color: #FF9900; margin-top: 10px;font-style: normal;font-family: Arial;text-transform : uppercase;}
.item2li li span{display: block;width: 220px;height: 60px;line-height:60px;text-align: center;font-size: 16px;color: #fff;border-radius: 4px;background: url(../images/black.6.png) repeat;position: absolute;bottom: -80px;left: 50%;margin-left: -110px;transition: all .5s ease;-webkit-transition: all .5s ease;-ms-transition: all .5s ease;-moz-transition: all .5s ease;-o-transition: all .5s ease;}
.item2li li span img{display: inline-block;margin-right: 14px;vertical-align: text-top;position: relative;top: 2px;}
.item2li li:hover .text{transform: scale(0);-webkit-transform: scale(0);-ms-transform: scale(0);-moz-transform: scale(0);-o-transform: scale(0);opacity: 0;-moz-opacity: 0;filter:alpha(opacity=0);}
.item2li li:hover span{bottom: 20px;}
.item2li li:hover .item2img{transform: scale(1.1);-webkit-transform: scale(1.1);-ms-transform: scale(1.1);-moz-transform: scale(1.1);-o-transform: scale(1.1);}



.lxlist {
	width:1200px;
	margin:auto;
	margin-top:40px;
}
.lxlist dl{
	width:150px;
	float:left;
	margin-right:100px;
}
.lxlist dl.mr0{
margin-right:0px;
}
.lxlist dl dt{
font-size:18px; text-align:center;
border:2px solid #555555;
width:70px;
height:70px;
-webkit-border-radius: 110px;
border-radius: 110px;
margin:auto;
}
.lxlist dl dt *{
	vertical-align:middle;
}
.lxlist dl dt img{
width:70px;
height:70px;
cursor:pointer;
-webkit-transition: -webkit-transform 0.5s ease-out;
-moz-transition: -moz-transform 0.5s ease-out;
-o-transition: -o-transform 0.5s ease-out;
-ms-transition: -ms-transform 0.5s ease-out;
}
.lxlist dl dt img:hover{
    transform:rotate(360deg);
    -ms-transform:rotate(360deg); 	/* IE 9 */
    -moz-transform:rotate(360deg); 	/* Firefox */
    -webkit-transform:rotate(360deg); /* Safari บอ Chrome */
    -o-transform:rotate(360deg); 	/* Opera */

}

.lxlist dl dd.tt{
font-size:16px; text-align:center; line-height:40px;
}
.lxlist dl dd.info{
font-size:12px; text-align:center; line-height:25px;
}

.hcase{margin-top:30px; height:502px; overflow:hidden;}
.hcase li{float:left;margin-right:6px;width:396px;}
.hcase li a{float:left; display:block; margin-bottom:6px; position:relative; width:195px; height:124px;}
.hcase li a.big{width:396px;height:252px;}
.hcase li a.ml{margin-left:6px;}
.hcase li p{ position:absolute; left:0; top:0; width:100%; height:100%;background:rgba(51,51,51,0.5); text-align:center; color:#FFFFFF; font-size:20px;display:block;vertical-align:middle;}
.hcase li p span{ padding-top:20%;display:block;}
.hcase li a:hover p{ display:none;}

.hcase li:nth-child(3n) {
    margin-right: 0;
}


.hjjinfo {margin-top:20px;}
.hjjl {width:400px;float:left;padding:20px 0px; font-size:16px; line-height:30px;}
.habout-tt{font-size:24px;line-height:25px;margin-bottom:10px;}
.habout-tt i{display:inline-block;width:80px;background-color:#F0862F; height:3px; margin-top:15px;}

.habout { line-height:25px; width:760px; overflow:hidden; color:#404040; height:125px; float:right; font-size:14px;}


.hnbox{ margin-top:30px; height:355px;}
.hnboxl{ width:180px; float:left; margin-right:20px;}
.hnboxl li{
	width:180px;
	height:168px;
	margin-bottom:20px;
	background-color: #313131;
	text-align:center;
	font-size:18px;
	color:#FFFFFF;
	padding-top:30px;
	cursor:pointer;
	
}
.hnboxl li img{
	margin-bottom:10px;
}
.hnboxl li a{
color:#FFFFFF; display:block;height:130px;
}
.hnboxl li.curr{ background-color: #0064B9;}

.hnboxm{ width:600px; float:left;margin-right:20px;}

.hnplist{height:168px;}
.hnplist li{float:left;margin-right:20px;width:290px;background:#ffffff;}
.hnplist li .nitem{position:relative; display:block;}
.hnplist li h3{position:absolute;z-index:22;font-size:14px;font-weight:400;top:138px;color:#FFFFFF;width:290px;background:rgba(51,51,51,0.7);height:30px; overflow:hidden; line-height:30px; text-align:center;}
.hnplist li h3 a{color:#ffffff;}
.hnplist p{width:290px;height:168px;overflow: hidden;cursor:pointer;display:inline-block; margin:0px; padding:0px;}
.hnplist p img{width:290px; -webkit-transition: -webkit-transform 0.2s; -o-transition: -o-transform 0.2s; -moz-transition: -moz-transform 0.2s;}

.hnlist{margin-top:20px;border:1px solid #d5d5d5; padding:10px 20px; height:168px;}
.hnlist li{
	line-height:30px;
	background-image: url(../images/indexnewsdoc.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left:15px;
	height:30px;
}
.hnlist li a{ font-size:14px; float:left;}
.hnlist li span{float:right;}


.hnboxr{
	width:380px;
	float:right;
	background-color: #F5F5F5;
	border-top:3px solid #333333;
	padding:30px;
	height:355px;
}
.hnboxr h3{
	font-size:24px; font-weight:normal;
}
.hrnlist{margin-top:10px;}
.hrnlist li{
	line-height:32px;
	background-image: url(../images/indexnewsdoc.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left:15px;
	height:32px;
}
.hrnlist li a{ font-size:14px;}


.linkbox {
margin:auto;
width:1200px;
border:1px solid #E2E8EE;
background-color:#f7f7f7;
}
.linkbox dl{
height:30px;
clear:both;
}

.linkbox dt{
float:left;
width:80px;
font-size:14px;
line-height:24px;
text-align:right; 
padding:10px 0px;
}
.linkbox dd{float:right;width:90%;background-color:#ffffff;padding:10px;}
.linkbox dd a{padding:2px 8px; margin:2px 5px; display:inline-block; line-height:20px; }


.module-banner {
	overflow:hidden;
	margin-bottom:40px;
}

.module-banner-box {
    width: 1180px;
    margin: 0 auto;
    position: relative;
}

.module-banner-head {
    font-weight: normal;
    text-align: center;
    margin-bottom: 40px;
    color: #333;
}

.module-banner-head em {
    display: block;
    margin-bottom: 14px;
    font-style: normal;
    font-size: 30px;
}

.module-banner-head span {
    font-size: 16px;
    opacity: .6;
}

.module-banner-tab-list {
    float: left;
    width: 280px;
}

.module-banner-tab-list .module-tab-nav li {
    background: #000;
	border-bottom:#282828  1px solid;
	font-size:14px
}

.module-banner-tab-list ul li {
    color: #fff;
    width: 280px;
    height: 70px;
    cursor: pointer;
    text-align: center;
    position: relative;
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
}

.module-banner-tab-list ul li p {
    margin: 0;
    line-height: 70px;
}

.module-banner-tab-list ul li i {
    width: 40px;
    height: 70px;
    display: none;
}

.module-banner-tab .module-banner-tab-list .module-tab-nav .on {
    opacity: 1;
    height: 70px;
    background: #3177bd;
	border-bottom:#3177bd 1px solid
}

.module-banner-tab .module-banner-tab-list .module-tab-nav .on .icon {
    display: inline-block;
}

.module-banner-tab .module-banner-tab-list .module-tab-nav li:hover {
    background: #3177bd;
	border-bottom:#3177bd 1px solid
}

.module-banner-tab .module-banner-tab-list .module-tab-nav .on:hover {
    opacity: 1;
    height: 70px;
    background-image: -webkit-linear-gradient(left, #01c2e6 0%, #1160ff 100%);
    background-image: -moz-linear-gradient(left, #01c2e6 0%, #1160ff 100%);
    background-image: -moz-linear-gradient(to right, #01c2e6 0%, #1160ff 100%);
    background-image: -o-linear-gradient(to right, #01c2e6 0%, #1160ff 100%);
    background-image: linear-gradient(to right, #01c2e6 0%, #1160ff 100%);
    background-repeat: repeat;
}

.icon-warehouse01 {
    background: url(../images/item001.svg) no-repeat center bottom;
}

.icon-warehouse02 {
    background: url(../images/item002.svg) no-repeat center bottom;
}

.icon-warehouse03 {
    background: url(../images/item003.svg) no-repeat center bottom;
}

.icon-warehouse04 {
    background: url(../images/item004.svg) no-repeat center bottom;
}

.icon-warehouse05 {
    background: url(../images/item005.svg) no-repeat center bottom;
}

.icon-warehouse06 {
    background: url(../images/item006.svg) no-repeat center bottom;
}

.module-banner-tab-list-box {
    float: right;
    width: 900px;
    height: 350px;
    background: #F5F5F5;
    padding: 40px;
    overflow: hidden;
    position: relative;
}

.module-tab-box-ma {
    width: 820px;
    opacity: 1;
    z-index: 1;
    -webkit-transition: opacity 0.5s;
    -moz-transition: opacity 0.5s;
    -ms-transition: opacity 0.5s;
    -o-transition: opacity 0.5s;
    transition: opacity 0.5s;
    position: absolute;
}

.module-tab-title h4 {
    margin: 0 0 20px 0;
    font-size: 16px;
    font-weight: normal;
    position: relative;
}

.module-tab-title h4:before {
    content: " ";
    display: inline-block;
    width: 3px;
    height: 16px;
    background: #108cee;
    margin-bottom: -2px;
    margin-right: 8px;
}

.module-tab-title p {
    color: #666;
    font-size: 14px;
    line-height: 24px;
}

.module-tab-text {
    margin: 20px 0;
}

.module-tab-text h4 {
    margin: 0 0 20px 0;
    font-size: 16px;
    font-weight: normal;
    position: relative;
}

.module-tab-text h4:before {
    content: " ";
    display: inline-block;
    width: 3px;
    height: 16px;
    background: #108cee;
    margin-bottom: -2px;
    margin-right: 8px;
}

.module-tab-text ul li {
    width: 33%;
    float: left;
    font-size: 14px;
    line-height: 38px;
    cursor: pointer;
    color: #a2a2a2;
    border: 1px solid #f4f4f4;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

.icon {
    width: 16px;
    height: 16px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px;
    margin-left: 10px;
}

.icon-bdm {
    background: url(../images/icon-item008-1.svg) no-repeat center;
    background-size: cover;
}

.module-tab-text ul li:hover a {
    color: #08acee;
}

.module-tab-link {
    position: relative;
}

.module-tab-link:after {
    content: '';
    width: 8px;
    height: 8px;
    float: right;
    margin: 15px 20px 0 0;
    transform: rotate(45deg);
    border-top: 1px solid currentColor;
    border-right: 1px solid currentColor;
}

.module-tab-text ul .module-tab-link:hover:after {
    border-color: #108cee
}

.module-tab-text .module-tab-link+.module-tab-link {
    width: calc(33% - 20px);
    margin-left: 20px;
}

.icon-bds {
    background: url(../images/icon-item009-1.svg) no-repeat center;
    background-size: cover;
}

.icon-bdx {
    background: url(../images/icon-item010-1.svg) no-repeat center;
    background-size: cover;
}

.module-tab-more a {
    cursor: pointer;
    color: #fff;
    font-size: 14px;
    background: #108cee;
    text-align: center;
    width: 160px;
    display: inline-block;
    line-height: 40px;
    margin-top: 20px;
    text-decoration: none;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

.module-tab-more a:hover {
    background: #41a6f7
}

.module-tab-case li {
    float: left;
    margin-right: 20px;
}

.module-tab-case li i {
    width: 60px;
    height: 60px;
    border: 1px solid #f0f0f0;
    border-radius: 12px;
    display: inline-block;
}

.icon-case01 {
     background: url(../images/case001.png) no-repeat center;
     background-size: contain;
 }

.icon-case02 {
    background: url(../images/case002.png) no-repeat center;
    background-size: contain;
}

.icon-case03 {
    background: url(../images/case003.png) no-repeat center;
    background-size: contain;
}

.icon-case04 {
    background: url(../images/case004.png) no-repeat center;
    background-size: contain;
}

.icon-case05 {
    background: url(../images/case005.png) no-repeat center;
    background-size: contain;
}

.icon-case06 {
    background: url(../images/case006.png) no-repeat center;
    background-size: contain;
}

.module-tab-case li span {
    color: #666;
    font-size: 12px;
    display: block;
    text-align: center;
    line-height: 24px;
}

.faimg{ float:left; width:380px; height:260px; margin-right:20px;}
.module-tab-box-ma li{ float:right; width:400px;}