p{
color:#484848;
line-height:22px;
}

.mainContent{
overflow:auto;
width:100%;
overflow-x:hidden;
scrollbar-arrow-color:#abd7df;
Scrollbar-Face-Color:#abd7df;
scrollbar-base-color:#1d1d1d;
Scrollbar-Highlight-Color:#abd7df;
Scrollbar-Track-Color:#fff;
Scrollbar-3Dlight-Color:#abd7df;
Scrollbar-Darkshadow-color:#abd7df;
Scrollbar-Shadow-Color:#abd7df;

}


 ::-webkit-scrollbar{
   width:16px;
}
::-webkit-scrollbar-button:vertical {
      background-color:#abd7df;
    }
::-webkit-scrollbar-thumb:vertical {
 background-color:#abd7df;
    min-width: 20px;
 
}


.mainContent img{
background:#57afbf;
}
.mainContent p{
line-height:28px;
}

.mainContent blockquote p{
	overflow: hidden;
	padding: 0 0 0 40px;
	background: url(../images/quote.png) no-repeat 2px 4px;
	margin:0 0 20px 0;
	font-size: 12px;
	line-height:22px;
    color: #959595;
}


.left{
height:100%;
float:left;
}

.right{
height:100%;
float:right;
position:relative;
}

.more{
display:block;
width:26px;
height:5px;
background:url(../images/more.gif) 0 0 no-repeat;
text-indent:-9999px;
}
.more:hover{
background-position:0 -5px;
}

.arrow{
position:absolute;
width:10px;
height:100%;
top:0;
left:0;
background:url(../images/arrow_w.png) 0 49% no-repeat;
z-index:20;
}
.article .arrow, .service .arrow, .contact .arrow, .productT .arrow{
background:url(../images/arrow_b.png) 0 49% no-repeat;
}
.productS .arrow{
background:url(../images/arrow_g.png) 0 49% no-repeat;
}

/*about*/
.about .left{
width:840px;
height:420px;
padding:45px 50px;
position:relative;
}
.about .left h2{
height:65px;
text-indent:-9999px;
background:url(../images/bg_h2.png) 0 0 no-repeat;
}

.about .subMenu{
position:absolute;
top:10%;
right:60px;
height:48px;
}
.about .subMenu ul li{
float:left;
width:48px;
height:48px;
background:#57afbf;
margin:0 0 0 4px;
}
.about .subMenu ul li a{
display:block;
width:48px;
height:48px;
text-indent:-9999px;
}
.about .subMenu ul li a.subMenu_1{
background:url(../images/subMenu_bg.jpg) 0 0 no-repeat;
}
.about .subMenu ul li a.subMenu_2{
background:url(../images/subMenu_bg.jpg) -48px 0 no-repeat;
}
.about .subMenu ul li a.subMenu_3{
background:url(../images/subMenu_bg.jpg) -96px 0 no-repeat;
}
.about .subMenu ul li a.subMenu_1:hover{
background-position:0 100%;
}
.about .subMenu ul li a.subMenu_2:hover{
background-position:-48px 100%;
}
.about .subMenu ul li a.subMenu_3:hover{
background-position:-96px 100%;
}
.about .mainContent{
height:200px;
margin-top:18px;
}
.about .right{
width:328px;
}
.about .right img{
width:328px;
height:420px;
}
/*brand*/
.brand{
padding:30px 0 0 30px;
}
.brand img{
width:160px;
height:160px;
background:#57afbf;
}
.brand .top{
width:1280px;
height:180px;
}
.brand .top img{
float:left;
}
.brand .mainContent{
width:880px;
height:140px;
float:left;
margin-left:20px;
}
.brand .top .mainContent{
float:left;
height:180px;
}
.brand .bottom_conflict{
height:160px;
}
.brand .bottom_conflict .mainContent p{
margin:16px 0 0 0;
}
.brand .bottom_conflict img{
float:left;
}
/*newsList*/
.newsList .left{
width:800px;
height:420px;
overflow:hidden;
}
.newsList .mainContent{
height:420px;
overflow:auto;
}
.newsList ul{
width:100%;
width:97%\9;
height:auto;
overflow:hidden;
}
.newsList ul li{
width:100%;
height:100px;
}
.newsList h3{
margin:20px 0 0 0 ;
}
.newsList h3 a{
font-size:14px;
color:#333;
font-weight:bold;
}
.newsList h3 a:hover{
color:#57afbf;
}
.newsList p{
color:#999;
line-height:18px;
margin:10px 0 0 0;
}
.newsList .more{
float:right;
margin:23px 0 0 0;
margin:4px 0 0 0\9;
}
.newsListImg{
float:left;
width:104px;
height:104px;
background:#57afbf;
color:#fff;

}
.day{
display:block;
font-size:18px;
text-align:center;
margin:26px auto 0;
width:20px;
height:20px;
line-height:20px;
font-weight:bold;
}
.YnM{
display:block;
width:48px;
height:20px;
padding:4px 0 0 0;
text-align:center;
font-size:12px;
margin:4px auto 0;
border-top:1px solid #fff;
}


.newsListContent{
width:640px;
height:104px;
float:left;
border-bottom:1px dashed #eee;
margin:0 0 0 20px;
}

.newsList .right{
width:450px;
height:420px;
}
.newsList .right img{
width:460px;
height:420px;
}

/*products*/
.products .subMenu ul{
width:100%;
height:auto;
overflow:hidden;
}
.products .subMenu ul li{
width:426px;
height:420px;
float:left;
}
.products .subMenu ul li .left{
width:150px;
height:370px;
padding:50px 30px 0;
}
.products .subMenu .left h2{
display:block;
width:75px;
height:90px;
text-indent:-9999px;
}
h2.logoT{
background:url(../images/logoT.gif) 0 0 no-repeat;
}
h2.logoS{
background:url(../images/logoS.gif) 0 0 no-repeat;
}
h2.logoJ{
background:url(../images/logoJ.gif) 0 0 no-repeat;
}
.products .subMenu .left p{
margin:100px 0 0 0;
color:#626262;
line-height:20px;
font-weight:bold;
}
.products .subMenu .left .listLink{
margin:25px 0 0 0;
display:block;
width:70px;
height:18px;
line-height:18px;
color:#fff;
background:#57afbf url(../images/ui_arrow.gif) 70px 5px no-repeat;
padding:0 10px;
}
.products .subMenu .left .listLink:hover{
width:66px;
padding:0 0 0 24px;
background:#57afc0 url(../images/ui_arrow.gif) 10px 5px no-repeat;
}
.products .subMenu li .right{
width:216px;
}
.products .subMenu li .right img{
width:216px;
height:420px;
}
/*product*/
#slide-section2-1 .wrapper-full, #slide-section2-2 .wrapper-full, #slide-section2-3 .wrapper-full{
background:none;
}
.product .top {
background:#fff;
height:170px;
width:100%;
}
.product .top .left{
width:106px;
height:70px;
background:#57afbf;
color:#fff;
padding:50px 73px;
}
.product .top .left h2{
display:block;
border-bottom:1px solid #9acfd9;
width:100%;
height:44px;
padding-bottom:8px;
text-indent:-9999px;
}

.product .top .left p{
color:#fff;
text-align:center;
line-height:30px;
}
.product .top .right{
width:1028px;
height:170px;

}
.product .top .right ul{
width:auto;
height:80px;
margin:50px 0 0 54px;
position:absolute\9;
}
.product .top .right ul li, .productJ .left ul li{
float:left;
width:60px;
height:80px;
margin:0 20px 0 0 ;
text-align:center;
color:#999;
}

.product .top .right ul li a, .productJ .left ul li a{
width:60px;
height:60px;
display:block;
position:relative;
}


/* icheck*/
.iradio_square-green, .iradio_square-yellow {
    display: block;
    margin: 0;
    padding: 0;
    width: 58px;
    height:58px;
    border: none;
    cursor: pointer;
	position:absolute;
    left:0;
    top:0;
	z-index:50;
	border:1px solid #ccc;
}

.iradio_square-green.hover,
   .productT .iradio_square-green:hover {	
	border:1px solid #57afbf;
    background: url(../images/radio_hover.png) 36px 36px no-repeat;
	}
 .iradio_square-green.checked {
	border:1px solid #57afbf;
	 background: url(../images/radio_checked.png) 36px 36px no-repeat;
    }

.iradio_square-yellow.hover,
   .productT .iradio_square-yellow:hover {	
	border:1px solid #c8a365;
    background: url(../images/radio_hover_j.png) 36px 36px no-repeat;
	}
 .iradio_square-yellow.checked {
	border:1px solid #c8a365;
	 background: url(../images/radio_checked_j.png) 36px 36px no-repeat;
    }

.product .top .right ul li img{
width:60px;
height:60px;
margin-bottom:4px;
}

.product .bottom_conflict {
height:252px;
width:100%;
overflow:hidden;
margin-top:2px;
position:relative;
}
.product .bottom_conflict ul{
height:252px;
overflow:hidden;
}
.product .bottom_conflict ul li{
float:left;
margin:0 5px 0 0;
}

.product .tabsContent{
width:100%;
height:100%;
margin:0;
padding:0;
}

.productT .top .left h2{
background:url(../images/logo_T1.png) 0 0 no-repeat;
}
.productS .top .left{
padding:36px 73px 64px;
background:#666;
}
.productS .top .left h2{
height:62px;
background:url(../images/logo_S1.png) 11px 0 no-repeat;
border-bottom:1px solid #ccc;
}
/*productJ*/
.productJ .left{
width:240px;
height:328px;
margin:36px 0 0 0;
background:#fff2d2 url(../images/logoJ_bg.gif) 50% 0 repeat-y;
text-align:center;
}
.productJ .left ul{
margin:68px 0 0 58px; 
}
.productJ .left ul li{
margin-right:5px;
color:#c8a365;
}
.productJ .left ul li img{
margin-bottom:4px;
}
.productJ .left h2{
display:block;
width:128px;
height:55px;
background:url(../images/logoJ.png) 0 0 no-repeat;
text-indent:-9999px;
margin:40px auto 0;
}
.productJ .right{
width:1030px;
height:420px;
}
.productJ .bgTop{
background:url(../images/bg_top.png) no-repeat;
}
.productJ .bgBottom{
background:url(../images/bg_bottom.png) no-repeat;
}

.productJ .bgTop, .productJ .bgBottom{
width:100%;
height:36px;
background-position:center top;
}
.productJ .stContainer{
width:100%;
height:328px;
}
.productJ .tabsContent{
background:#fff7df;
border:3px solid #d2b660;
height:322px;
width:100%;
}

.productJ .jcarousel-skin-one .jcarousel-container{
height:240px;
margin:40px auto 0;
width:960px;
}
.productJ .jcarousel-skin-one .jcarousel-item{
border:2px solid #edda9c;
width:232px;
height:240px;
}
#slide-section2-3 .index ul{
background:#d2b660;
}


/*service*/
.service .left{
width:150px;
height:140px;
padding:140px 75px;
background:#57afbf;
color:#fff;
}
.service .left h2{
display:block;
width:140px;
height:46px;
background:url(../images/logoH.png) 0 0 no-repeat;
text-indent:-9999px;
}
.service .left p{
color:#fff;
display:block;
width:140px;
height:24px;
border-top:1px solid #fff;
margin:10px 0 0 0;
padding:6px 0 10px 0;
text-align:center;
background:url(../images/star.png) center bottom no-repeat;
}

.service .mainContent{
width: 795px;
height: 352px;
overflow:auto;
}
/* 3.3 smartTab */
.service .stContainer {
position: relative;
margin: 0;
padding: 0;
background: none;
width:980px;
}

.service .stContainer .tabsContent{
position: relative;
margin: 0;
padding: 34px 40px;
width: 755px;
height: 352px;
background: none; 
float: left;
background: none;
overflow: auto;
}

.service .stContainer p {
margin: 0;
padding: 0 0 10px 0;
}

.service .tab ul {
display: block;
list-style: none;
padding: 0;
margin: 0;
width: 104px;
height: 320px; 
background:#57afbf;
position:absolute;
right:0;
top:0;
z-index:300;
}

.service .tab ul li {
margin: 0;
padding: 0;
height:80px;
width:80px;
background:#57afbf;
padding:12px 12px 13px 13px;
}

.service .tab ul li a {
font-size: 12px;
display: block;
margin: 0;
padding: 50px 0 0 0;
line-height: 22px;
text-align: center;
width: 80px;
height: 30px;
color: #fff;
outline: none;
}


.service .tab ul li:hover{
background:#fff;
}
li.service_1 a{
background:url(../images/service_1.png) 22px 0 no-repeat;
}
li.service_2 a{
background:url(../images/service_2.png) 22px 0 no-repeat;
}
li.service_3 a{
background:url(../images/service_3.png) 22px 0 no-repeat;
}
li.service_4 a{
background:url(../images/service_4.png) 22px 0 no-repeat;
}
.tab ul li a:hover, .tab ul li.current a, .tab ul li.current{
color: #57afbf; 
background-position: 22px -80px;
background-color:#fff;
}

/* faq */
.faq .tab{
width:100%;
height:420px;
}
.faq .tab ul{
left:0;
width:340px;
background:#57afbf;
}
.faq .tab ul li{
width:100%;
height:42px;
}
.faq .tab ul li a{
display:block;
width:298px;
height:41px;
line-height:40px;
text-align:left;
padding:0 0 0 42px;
border-bottom:1px solid #8dc7d3;
background:url(../images/arrow.gif) 20px 18px no-repeat;
color:#fff;
}
.faq .tab ul li a:hover, .faq .tab ul li.current a{
background:#fff;
color:#57afbf;
}
.faq .right{
padding:0;
}


.faqContent img{
float:right;
}
.faq .tab .stContainer{
float:right;
width:940px;
overflow:hidden;
}
.faq .tabsContent{
width:940px;
height:420px;
overflow:hidden;
padding:0
}
.faq .tabsContent h3{
width:570px;
display:block;
color:#57afbf;
font-size:16px;
margin:34px 0 0 40px;
}
.faq .right .mainContent{
width:570px;
height:302px;
overflow:auto;
margin:20px 0 0 40px;
}
.faq .tabsContent img{
width:315px;
height:420px;
background:#57afbf;
}
/* case */
#slide-section5 .wrapper-full{
background:none;
}
.case ul{
width:auto;
height:420px;
overflow:hidden;
}
.case ul li{
width:316px;
height:420px;
background:#fff;
float:left;
}
.case .jcarousel-skin-one .jcarousel-item{
width:316px;
height:420px;
background:#fff;

}
.case .jcarousel-skin-one .jcarousel-item img{
height:316px;
}
.case ul li h3{
color:#57afbf;
font-size:16px;
margin:18px 30px 0;
}
.case ul li .type{
margin:8px 30px 28px;
color:#999;
}

.case .jcarousel-skin-one .jcarousel-next-horizontal, .case .jcarousel-skin-one .jcarousel-prev-horizontal{
top:140px;
}

/* contact */
#slide-section6 .wrapper-full{
background:none;
}
.contact .top{
width:100%;
height:310px;
background:#fff;
}
.contact .top .left{
width:360px;
height:138px;
padding:56px 40px;
}
.contact .top .left h2{
display:block;
width:297px;
height:35px;
background:url(../images/logo.gif) 0 0 no-repeat;
text-indent:-9999px;
}
.contact .top p{
line-height:22px;
margin:36px 0 0 34px;
}
.contact .map{
background:#eee;
width:740px;
height:100%;
}
.contact .bottom_conflict{
height:108px;
margin:2px 0 0 0;
width:100%;
background:#fff;
}
.contact h3{
display:block;
width:143px;
height:108px;
line-height:108px;
font-size:16px;
color:#fff;
background:#57afbf;
text-align:center;
}
.contactForm{
width:1137px;
height:143px;
}
.contactForm .holder{
float:left;
margin:25px 0 0 40px;
}
input{
width:200px;
}
input, textarea {
color: #999;
border: 1px solid #ccc;
padding:3px 6px;
}
.email input{
margin-top:10px;
}
label{
color:#999;
}
.message label{
display:block;
float:left;
}
input:focus, textarea:focus {
color: #999;
background: #eee;
border:1px solid #aaa;
}



.submit .code{
width:170px;
height:24px;

}
.submit .code img{
float:left;
margin-left:4px;
}
.submit input#test{
width:46px;
height:16px;
margin:0;
float:left;
}
.submit input.submitBtn{
padding:0 22px 0 10px;
width:60px;
height:24px;
background:#57afbf url(../images/ui_arrow.gif) 40px 9px no-repeat;
border:none;
margin:10px 0 0 0;
color:#FFFFFF;
}

/* article */
.article .left{
width:300px;
background:#57afbf;
color:#fff;
text-align:right;
padding:34px 40px;
height:352px;
}
.article .left h3{
color:#fff;
font-size:16px;
margin:0 0 10px 0;
}
.article .left p{
color:#fff;
line-height:20px;
}
.article .left a.back{
display:block;
color:#fff;
margin:34px 0 0 0;
width:88px;
background:url(../images/back.png) 0 2px no-repeat;
float:right;
}
.article .left a.back:hover{
text-decoration:underline;
}
.article .right{
width:820px;
padding:0 40px;
margin:34px 0;
height:352px;
overflow:hidden;
}
.article .right .mainContent{
height:352px;
overflow:auto;
}
.article .right .mainContent p{
margin: 0 0 10px 0;
}
/* job */
.job .left p{
margin:0;
line-height:22px;
}
.job .left ul li{
float:right;
}
.job .right h4{
display:block;
width:740px;
background:#57afbf;
color:#fff;
height:22px;
font-size:14px;
padding:0 7px;
line-height:22px;
margin:0 0 10px 0;
}
.job .right p{
padding:0 7px;
}
.job .right p span{
font-weight:bold;
}
.job .label{
margin:40px 0 0 0;
width:100%;
}
.job .label li{
margin:0 0 0 2px;
float:right;
}
.job .label li a{
display:block;
padding:4px;
border:1px solid #fff;
color:#fff;
}
.job .label li a:hover{
color:#57afbf;
background:#fff;
}


/*jquery-lightbox*/
.jquery-lightbox-overlay
{
  background:#000000;
}

.jquery-lightbox
{
  position:relative;
  padding:0;
}

.jquery-lightbox-title
{
  background:#57afbf;
  color:#FFFFFF;
  font-size:12px;
  line-height:16px;
  padding:5px 8px;
  margin:3px;
  position:absolute;
  bottom:0;
  z-index:7000;
  opacity:0.9;
}

.jquery-lightbox-html
{
  z-index:7000;
  position:relative;
  border:0;
  vertical-align:top;
}

.jquery-lightbox-html embed,
.jquery-lightbox-html object,
.jquery-lightbox-html iframe
{
  vertical-align:top;
}

.jquery-lightbox-background
{
  position:absolute;
  z-index:6999;
  float:left;
  padding:0;
}

.jquery-lightbox-background img
{
  display:block;
  position:relative;
  border:0;
  margin:0;
  padding:0;
  width:100%;
  height:100%;
}


.jquery-lightbox-mode-image .jquery-lightbox-html
{
  z-index:6998;
  padding:0;
}

.jquery-lightbox-mode-html .jquery-lightbox-background
{
}

.jquery-lightbox-mode-html .jquery-lightbox-html
{
  overflow:auto;
}

.jquery-lightbox-loading,
.jquery-lightbox-mode-html .jquery-lightbox-loading
{
  background:#FFFFFF url(../images/loading.gif) no-repeat center center;
}

.jquery-lightbox-button-close
{
  background: url(../images/jquery-lightbox-theme.png) no-repeat -190px -115px;
  position:absolute;
  top:8px;
  right:15px;
  width:29px;
  height:29px;
  z-index:9999999;
}

.jquery-lightbox-button-close:hover
{
 background: url(../images/jquery-lightbox-theme.png) no-repeat -220px -115px;
}

.jquery-lightbox-button-close span,
.jquery-lightbox-buttons span
{
  display:none;
}

.jquery-lightbox-mode-image .jquery-lightbox-button-close
{
  
  z-index:7002;
}

.jquery-lightbox-buttons 
{
  position:absolute;
  top:7px;
  left:7px;
  z-index:7001;
  height:39px;
  display:none;
}

.jquery-lightbox-buttons .jquery-lightbox-buttons-init,
.jquery-lightbox-buttons .jquery-lightbox-buttons-end
{
  width:5px;
  height:39px;
  float:left;
  display:inline;
}

.jquery-lightbox-buttons .jquery-lightbox-buttons-init
{
  background: url(../images/jquery-lightbox-theme.png) no-repeat -151px -153px;
}

.jquery-lightbox-buttons .jquery-lightbox-buttons-end
{
  background: url(../images/jquery-lightbox-theme.png) no-repeat -244px -153px;
}

.jquery-lightbox-buttons .jquery-lightbox-button-left
{
  background: url(../images/jquery-lightbox-theme.png) no-repeat -156px -153px;
  width:24px;
  height:39px;
  float:left;
  display:inline;
}

.jquery-lightbox-buttons .jquery-lightbox-button-left:hover
{
  background: url(../images/jquery-lightbox-theme.png) no-repeat -156px -194px;
}


.jquery-lightbox-buttons .jquery-lightbox-button-right
{
  background: url(../images/jquery-lightbox-theme.png) no-repeat -220px -153px;
  width:24px;
  height:39px;
  float:left;
  display:inline;
}

.jquery-lightbox-buttons .jquery-lightbox-button-right:hover
{
  background: url(../images/jquery-lightbox-theme.png) no-repeat -220px -194px;
}


.jquery-lightbox-buttons .jquery-lightbox-button-max
{
  background: url(../images/jquery-lightbox-theme.png) no-repeat -182px -153px;
  width:36px;
  height:39px;
  float:left;
  display:inline;
}

.jquery-lightbox-buttons .jquery-lightbox-button-max:hover
{
  background: url(../images/jquery-lightbox-theme.png) no-repeat -182px -194px;
}


.jquery-lightbox-buttons .jquery-lightbox-button-min
{
  background: url(../images/jquery-lightbox-theme.png) no-repeat -162px -235px;
  width:36px;
  height:39px;
  float:left;
  display:inline;
}

.jquery-lightbox-buttons .jquery-lightbox-button-min:hover
{
  background: url(../images/jquery-lightbox-theme.png) no-repeat -207px -235px;
}


.jquery-lightbox-buttons-custom
{
  height:39px;
  float:left;
  display:inline;
  background:#2b2b2b;
  line-height:39px;
  font-size:10px;
}

.jquery-lightbox-buttons-custom a
{
  color:#FFFFFF;
  font-size:10px;
  display:inline;
  font-weight:normal;
  text-decoration:underline;
  padding:0 3px;
}

.jquery-lightbox-mode-image .jquery-lightbox-button-close
{
  opacity:0.7;
}

.jquery-lightbox-mode-image .jquery-lightbox-buttons
{
  opacity:0.3;
}

.jquery-lightbox-mode-image:hover .jquery-lightbox-buttons,
.jquery-lightbox-mode-image:hover .jquery-lightbox-button-close
{
  opacity:0.9;
}

.jquery-lightbox-navigator
{
  display:none;
}