body {margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background:url(../images/webbg.jpg) top repeat-x
	
}
td{font-size:14px;
   color:#555555;
   line-height: 24px;}
a:active,a:link,a:visited{text-decoration:none;color:#555555;}
a:hover {text-decoration:none;color:#666666;}
.a:active,.a:link,.a:visited{text-decoration:none;color:#333;}
.a:hover {text-decoration:underline;color:#666666;}
.nav:active,.nav:link,.nav:visited{text-decoration:none;color:#04517A; }
.nav:hover {text-decoration:underline;color:#000;}
ol,ul,li { list-style:none;}
hr {border:1px #cccccc dotted;}
.table_border {
	margin: 1px;
	padding: 1px;
	border: 1px solid #CCCCCC;
	height: 520px;
}
.font14big{
	font-size:14px;
	font-weight:bold;
	text-decoration:none;
	color:#ffffff;
}
.font14big:link,.font14big:active,.font14big:visited{
	font-size:14px;
	font-weight: bold;
	text-decoration: none;
	color:#ffffff;
}
.font14big:hover{
	font-size:14px;
	font-weight: bold;
	text-decoration: none;
	color:#666666;
}

.font14:link,.font14:active,.font14:visited{
	font-size:14px;
	font-weight: bold;
	text-decoration: none;
}
.font14:hover{
	font-size:14px;
	font-weight: bold;
	text-decoration: none;
	color:#003366;
}
.pageContent{ padding:8px; background:#ffffff}

.box { border-left:1px #D3D3D3 solid; border-right:1px #D3D3D3 solid; background:url(../images/index_24.jpg) bottom repeat-x; padding:5px; color:#333333
}
.search{width:200px;margin:0px auto;padding-top:40px;}
.search1{width:186px;margin:0px auto;padding-top:40px;}
form{padding:0px;margin:0px 0px 8px 0px;}
.inputsearch{border:1px solid #ffffff; width:120px; background:#FFFFFF;height:21px;line-height:21px;padding-left:5px;}
.inputsearch1{border:1px solid #ffffff; width:100px; background:#FFFFFF;height:21px;line-height:21px;padding-left:5px;}
.btnsearch{height:25px;line-height:25px;padding:0px;margin:0px;}

.producto_lista {
	background: url(bg_producto_lista.png) repeat-x bottom;
	border: 1px solid #d3d3d3;
	position: relative;overflow:hidden;
	margin-bottom: 6px;
	margin-top:6px;
	padding:5px 0 0 5px;clear:both;
	
}
.producto_lista em{ color:#555; text-decoration:underline}
.producto_lista .new {
	position: absolute;
	bottom: 0;
	left: 0;
}

.producto_lista img, .producto_lista ul {
	float: left;
}

.producto_lista h3 {
	margin: 10px 10px 0 5px;
	font-size: 12px;
	font-weight: bold;
	line-height: 20px;
}

.producto_lista p {
	margin: 5px 10px 0 5px;
	color: #737373;
	line-height: 18px!important;
}
.rollBox{width:82%; margin:0 auto;  padding-top:40px;  }
.rollBox .title{ width:96%; height:auto; padding-bottom:40px}
.rollBox .LeftBotton{height:215px;width:50px; background:url(../images/leftbt1.png) left no-repeat;overflow:hidden;float:left;display:inline;margin:0 auto;cursor:pointer;}
.rollBox .RightBotton{height:215px;width:50px;background:url(../images/rightbt1.png) right no-repeat;overflow:hidden;float:left;display:inline;margin:0 auto;cursor:pointer;}
.rollBox .Cont{width:88%;overflow:hidden;float:left; }
.rollBox .ScrCont{width:10000000px;}
.rollBox .Cont .pic{width:300px;float:left;text-align:center;}
.rollBox .Cont .pic img{background:#fff;border:1px solid #dcdcdc;display:block;margin:0 auto; width:298px;height:300px;}
.rollBox .Cont .pic img:hover{background:#fff;border:2px solid #0055A5;display:block;margin:0 auto;width:296px;height:300px;}
.rollBox .Cont .pic p{text-align:center;font-size:16px;line-height:24px;width:280px; padding:10px; }
.rollBox .Cont a:link,.rollBox .Cont a:visited{text-decoration:none;}
.rollBox .Cont a:hover{ color:#06F}
.rollBox #List1,.rollBox #List2{float:left;}
.rollBox p{ text-align:center; margin-top:10px}

.endbg{background:url(endbg.jpg) top  repeat-x;  margin:0 auto; color:#FFFFFF; padding:10px }


.banner{width:100%;overflow:hidden;height:629px;position:relative;z-index:1;}

.banList{position:absolute;left:50%;margin-left:-960px;height:629px;}
.banList li{height:629px;opacity:0;position:absolute;transform:scale(0);transition:transform 0.5s ease 0s, opacity 1.5s ease 0s;z-index:1;}
.banList li.active{opacity:1;transform:scale(1);z-index:2;}
.fomW{position:absolute;bottom:40px;left:50%;height:15px;z-index:9;width:1000px;margin-left:-500px}
.jsNav{text-align:center;}
.jsNav a{display:inline-block;background:#ffffff;width:10px;height:10px;border-radius:50%;margin:0 5px;}
.jsNav a.current{background:#070D61;cursor:pointer}


.img-responsive,.thumbnail a>img,.thumbnail>img{display:block;max-width:100%;height:auto}
.app-slide{
    width: 100%;
    height: auto;
    position: relative;
}
.app-slide .arrow-left,.app-slide .arrow-right{
    position: absolute;
    width: 35px;
    height: 80px;
    top: 50%;
    margin-top: -40px;
    z-index: 10;
}
.app-slide .arrow-left{
    background: url("../images/arrow-left.png") center 100%;
    left: 28px;
}
.app-slide .arrow-right{
    background: url("../images/arrow-right.png") center 100%;
    right: 28px;
}
.app-slide .arrow-down{
    position: absolute;
    width: 28px;
    height: 17px;
    left: 50%;
    margin-left: -14px;
    bottom: 40px;
    z-index: 10;
    background: url("../images/arrow-down.png") center 100%;
}
.app-slide .inner-cont{
    position: absolute;
    width: auto;
    height: auto;
    top:20%;
    left: 9%;
}
.app-slide .inner-cont p{
    color: #ffffff;
    font-family: »ªÎÄϸºÚ,STHeiti,MingLiu;
}
.app-slide .inner-cont p.inner-cont-top{
    font-size: 26px;
    line-height: 84px;
    font-weight: 100;
}
.app-slide .inner-cont p.inner-cont-bot{
    font-size: 60px;
    line-height: 124px;
    font-weight: 100;
}
@media (max-width: 1200px) {
    .app-slide .inner-cont p{
        width: 70%;
    }
    .app-slide .inner-cont p.inner-cont-top{
        font-size: 20px;
        line-height: 70px;
    }
    .app-slide .inner-cont p.inner-cont-bot{
        font-size: 48px;
        line-height: 80px;
    }
}
@media (max-width: 992px) {
    .app-slide .inner-cont p{
        margin: 0 auto;
    }
}
@media (max-width: 768px){
    .app-slide .inner-cont p{
        width: 65%;
    }
    .app-slide .inner-cont p.inner-cont-top{
        font-size: .2rem;
        line-height: .3rem;
    }
    .app-slide .inner-cont p.inner-cont-bot{
        font-size: .3rem;
        line-height: .4rem;
    }
    .app-slide .arrow-left, .app-slide .arrow-right{
        width: .35rem;
        height: .8rem;
    }
    .app-slide .arrow-left{
        left: 10px;
        background-size: 100%;
    }
    .app-slide .arrow-right{
        right: 10px;
        background-size: 100%;
    }}

.end{ width:100%; background:#2F2F2F; padding-top:50px;}
.end .foot{ width:80%; margin:0 auto; padding-bottom:50px;}
.end .foot h1{ font-size:18px; color:#FFFFFF; line-height:45px; font-weight:100}

.end .foot h2{ font-size:14px; line-height:30px; color:#FFFFFF;font-weight:100}

.ibanner{width:100%;overflow:hidden;position:relative;}


#menu-holder{margin:0 auto;padding:0px; width:80%; height:78px;z-index:2;}
.menu{ width:100%;position:relative; z-index:2 }
.menu {margin:0 auto;
padding:0;
z-index:2;

 padding-left:40px;
 width:98%; height:78px; 
}
.menu li {width:12%; text-align:center; color:#ffffff;line-height:78px;font-size:18px;font-weight:bold; float: left; position: relative; text-transform:uppercase;font-family: 'Oswald', sans-serif;}
.menu li.on{background:#000056;color:#ececec; width:12%;}
.menu li.on a,.nava li.on a:hover{color:#ececec;}
.menu li a {color: #ffffff;display:block;text-shadow: 0px 1px 0px #000000;}
.menu li:hover > a {color:#ffffff;
background:#000056;
}
/* drop down sub-menu */
.menu ul { background: #000056;
padding-top:8px;
display: none;
margin: 0;
padding: 0;
width:150%;
position: absolute;
top:78px;

}
.menu li:hover > ul {display: block; padding-bottom:15px; padding-top:15px;}
.menu ul li {display:block;
width:90%;
float: none;
margin:0 auto;

line-height:40px;
text-align:left;
border-bottom:1px #2B6BCF dotted; font-weight:100;



}
/* sub menu hover link */
.menu ul li:hover a, .menu li:hover li a {
	background: none;
	color: #ffffff;
}
.menu ul a {
display:block;height:auto;
font-size:14px;
	padding-left:30px;

}
.menu ul a:hover, .menu ul li:hover > a{
	padding-left:30px;
	background: #2A62C3 !important;
	/* fix IE */
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#2A62C3', endColorstr='#2A62C3'); 
	background: -webkit-gradient(linear, left top, left bottom, from(#2A62C3), to(#2A62C3)) !important;
	background: -moz-linear-gradient(top,  #2A62C3,  #2A62C3) !important;
	color: #e0e0e0 !important;
}
#head{ width:80%; margin:0 auto; height:194px;}
#title{ width:100%; text-align:center;   font-weight:bold; font-size:48px; height:100px; padding-top:80px}
#about_main{ width:100%; padding-top:80px; background:url(../images/aboutbg.jpg) top repeat-x}
#about_main .title{ text-align:center; height:90px; color:#FFF; font-weight:bold; font-size:48px}
#about_main .about{ width:80%; margin:0 auto; background:#FFF; padding:50px;  clear:both; }
#about_main .about h1{  font-weight:100; line-height:65px;  font-size:26px;}
#about_main .about h2{  padding-top:15px; font-weight:100; line-height:30px; font-size:15px; padding-right:40px}
.clear{ clear:both}
#pro{ width:100%; height:720px; background:#F6F6F6;}
#news{ width:80%; padding-bottom:50px; margin:0 auto}
h1{ font-size:21px; font-weight:100; color:#1C6CCA}
h2{ font-size:14px; font-weight:100; color:#666666}
span{ font-size:22px;  font-weight:bold; color:#ffffff;}
#honor{ width:100%; background:#f1f1f1}
#honor .hn{ width:80%;margin:0 auto; padding-top:60px; padding-bottom:60px }

.main{ width:1140px; padding-top:50px;margin:0 auto}
.main_case{ width:100%; margin:0 auto; background:#F1F1F1}
.main_case .img{ width:100%; }