.warp{ width:960px; margin:0 auto;background:none;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,select,input,textarea,p,table,th,td,img {padding:0;margin:0;}
table {border-spacing:0;border-collapse:collapse;}
img {border:none;}
strong,th,em,b,i {font-weight:normal;font-style:normal;}
ol,ul {list-style:none;}
th {text-align:left;}
h1 {font-size:18px;}
h2 {font-size:16px;}
h3 {font-size:14px;font-weight:normal;}
dt,h4,h5,h6 {font-weight:normal;font-size:100%;}
button,input,select,textarea{font-size:100%;vertical-align:middle;}
a {text-decoration:none;}
a:hover {text-decoration:underline;}
::selection {background-color:#369a0b;color:#fff;}

/*CommonStyle:0*/
html,body {
    width:100%;height:100%;
    font:14px/1.8 arial,"microsoft yahei";
    color:#444;
    background: #e9eced;
}
a{color:#444;outline:none;}
a:hover {color:#369a0b;}

.clear {clear:both;height:0;font-size:1px;line-height:0px;}
html[xmlns] .clear {background:none;}
h1,h2,h3,dt {font-family:"\5fae\8f6f\96c5\9ed1";}
.clearfix:after {
    visibility:hidden;
    display:block;
    font-size:0;
    content:" ";
    clear:both;
    height:0;
}
.clearfix{*zoom:1; }
.left{ float:left;}
.right{ float:right; width:440px;}
.mt10{ margin-top:10px;}
.mt8{ margin-top:8px;}
.ml11{margin-left:11px;}
.mt30{ margin-top:30px;}
strong,th,em,b,i {font-weight:normal;font-style:normal;}
.ml15{ margin-left:15px;}

/* container comm */
.container{ padding:0;}
.title{ border-bottom:2px solid #999; line-height: 23px;}
.enTxt{ border-bottom:2px solid #4a76a8; float:left; margin-bottom: -2px;}
.enTxt i{ background: #4a76a8; height: 20px; width:16px; font-size:14px; color:#fff; display: block; float:left; line-height: 20px; text-align:center; margin-right:4px;}
.cnTxt{ float:left; margin-left:6px;}
.linkMore{ float:right; font-size:12px;}
.content{ font-size:12px;}

/* header style */
.header{ background: url("../images/headerBg.jpg") repeat-x 0 0; padding-top: 32px;z-index: 901;position: relative;}
.header span{ display: block;}
.header .right{text-align:right;}

/* nav style */
.nav{ background:url(../images/navBg.gif) repeat-x top left #4a76a8; 
    height: 37px; line-height: 37px; padding-left:16px; margin-top:8px;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.4);
    -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.4);
    -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.4);
    *width:944px;
}
.nav .parNav{ float: left; position: relative; _width:100px; text-align: center;}
.nav .parNav a{ color: #fff; padding:0 16px; height: 37px; line-height: 37px; display: block; font-weight:700; text-decoration:none;}
.nav .parNav a:hover,.nav .active a{ background:url(../images/navBgHover.gif) repeat-x top left #4a76a8; color:#fff; text-decoration:none;}
.subMainNav{ position:absolute; background: #4a76a8; left:0; width:110px;}
.nav .parNav .subMainNav a:hover{ background: #5886b6;}
.subProMainNav{ width:185px;}

.indexMainPane { position: relative;}

/* indexLeftNewIntroPane style */
.indexLeft{ *margin-bottom:10px;}
.indexLeftNewIntroPane{ background: #fff; zoom:1; padding:17px; margin-top:-27px; position: relative; z-index:902;}
.indexLeftNewIntroPane .container{ width:268px;}
.videoPane{ background: url("../images/videoBg.jpg") no-repeat top center; height: 182px; width:267px;}
.indexLeftNewIntroPane .comIntro{ width:336px; background: #fff; _margin-left:10px; }

.comIntroTxt{ line-height: 23px; font-weight:bold; padding-top:18px;}
.comIntroTxt span{ color:#4a76a8;}
.conIntroLink{ padding-top:10px;}
.conIntroLink a{ margin-right:14px;}

/* indexRight */
.indexRight{ width:315px;  position: absolute; z-index:903; right: 0; top:-26px; background: #fff; padding:14px 0 0;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.4);
    -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.4);
    -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.4);
    _height:504px;
}
.indexRight .container{ width:294px; margin:0 auto;}
.indexCaseList{ margin-top: 0;}
.indexCaseList li{ background: url("../images/newIoc.png") no-repeat 4px 13px; padding-left:14px;
    line-height: 25px; padding-top:2px; border-bottom:1px dashed #e3e3e3;
    float: left; width: 46%; margin-right: 3%;
}
.indexCaseList li a{ color:#666666;}
.indexCaseList li a:hover{ text-decoration:none; color:#369a0b;}

.newList{ margin-top: 12px;}
.newList li{ background: url("../images/newIoc.png") no-repeat 4px 13px; padding-left:14px; line-height: 25px; padding-top:2px; border-bottom:1px dashed #e3e3e3;}
.newList li a{ color:#666666;}
.newList li a:hover{ text-decoration:none; color:#369a0b;}
.newList li.topNew{ padding: 0; border: none; background: none; margin-bottom:4px;}
.newList li.topNew a{ text-decoration:none;}
.newList li.topNew img{ width:295px; height:142px; overflow: hidden;}
.newList li h4{ background: #4a76a8; color:#fff; font-weight:bold; line-height: 32px; height: 32px; text-align: center;}
.newList li.topNew a:hover h4{ background: #369a0b;}

/* recomPro style */
.recomPro.container{ width:635px; margin-left:0; margin-right:0; padding:0; position: relative;}
.recomPro{ _width:615px; margin-left:0; margin-right:0; padding:0; position: relative; padding:0;}
.recomPro.container.ml15{ margin-left:15px;}
.recomPro .title{ background: url("../images/recomProTitleBg.png") repeat-x top left #4a76a8; color:#fff; border:none; height:42px;}
.recomPro .title .enTxt{ border:none; }
.recomPro .title .enTxt span,.recomPro .title .cnTxt{padding-top:20px; float:left;}
.recomPro .title .enTxt i{ background: url("../images/recomProTitleIco.png") no-repeat 0 0; height:42px; width:36px;}
.recomPro .content{ background: #fff; padding:15px 14px 17px; }


.recomPro ul{}
.recomPro ul li{ float: left; margin-right: 10px; width:144px; }
.recomPro ul li.hover img{border: 2px solid #369a0b;}
.recomPro ul li.hover h4{background:#369a0b;}
.recomPro ul li a{ text-decoration:none;display:block;width:144px;border: 2px solid #4a76a8; text-align: center;}
.recomPro ul li img{ padding: 1px; background: #fff;   
 max-height: 102px; 
  width:auto; 
  height:expression(this.height > 102 ? "102px" : this.height); }
.recomPro ul li h4{ background:#4a76a8; color:#fff; font-size:14px; line-height: 18px; text-align: center; padding:0 6px; height: 48px; padding-top: 4px;}
#prev,#next{ display: block; float: left; height: 20px; width: 20px; margin-left: 10px; float: left; }
#next{ float: right;}

.demo{ clear: both; padding-top: 15px;}
.recomPro a.prev {width:20px;height:20px; outline-style:none;outline-width: 0;position:absolute; text-indent: -9999em; top:16px; right:30px; background: url("../images/moveButton.png") no-repeat top left;}
.recomPro a.prev:hover{ background-position: 0 -22px;}
.recomPro a.next {width:20px;height:20px; right:8px;position: absolute;top:16px; text-indent: -9999em;  background: url("../images/moveButton.png") no-repeat -28px 0 ;}
.recomPro a.next:hover{ background-position: -28px -22px;}
.recomPro .content{ border-bottom:2px solid #4a76a8; }

/* proIndexShowPane style */
.proList li{ border-bottom:1px dashed #cccccc; padding:10px 0; *padding:9px 0;}
.proIndexShowPane.container{ width:635px; padding:17px 15px 10px; _padding:0; *width:635px; background: #fff;}
.proTitle h2 a{ color:#4a76a8; font-size:14px; font-weight:bold;}
.proTitle .linkMore{ color:#ff7f02;}
.proDesc{ color:#595959;}
.proImg{ width:147px; text-align: center; height:101px; padding:3px; background: #fff; border:1px solid #e2e0e1; *width:139px; *height:93px;}
.proImg img{
 max-height: 93px; 
 width:auto;
 height:expression(this.height > 93 ? "93px" : this.height); } }
.proIntroDetails{ width:440px;_width:435px;}
.proTitle{ padding-top:6px; padding-bottom:8px;}
.proDesc{ line-height: 22px; height:67px; overflow:hidden;}
.left{ _margin-left: 0;}

/* indexBotPane style */
.indexBotPane .proIndexShowPane { *padding:17px 15px 4px;*width:605px;}


/* contactIndexPane style */
.contactIndexPane{ border:1px solid #21456e; background: #4a76a8; color:#fff; width:315px; padding:9px 10px; *width:293px;_width:270px; _margin-left:0; _padding:9px 8px;}
.contactIndexConetn h5{ font-size:16px; font-weight:bold; margin-bottom:8px; _margin-bottom:14px; margin-top:18px;}
.contactIndexConetn p{ font-size:12px; line-height: 20px;}

/* case style */
.caseWarp{ padding:10px; background: #fff;}
.caseWarp .container{ width:100%;}
.caseWarp .content{ padding:10px 0;}
.caseWarp .content a{ display: block; float:left; margin-right:10px;}
.caseWarp .content a img{ width:124px; height:78px; border:1px solid #ccc; background: #fff; padding:3px; *width:116px; *height:70px; _height:68px; _padding-bottom:6px; }
.footer{ font-size:12px; text-align:center; padding:22px 0 10px;}


/* subMain style */
.subMain{ border-bottom:2px solid #0171b9; background: #fff;}
.subLeft{ width:224px; background: #cbd8e1; padding-top:57px; padding-left:45px; *width:179px; height:720px;}
.subLeft h2{ font-size:24px; color:#000;}
.subLeft .subLeftTitleIntro{ font-size:14px; color:#999999;}

.subLeftNav{ margin-bottom:40px; margin-top: 40px;}
.subLeftNav li a{  display:block; height: 32px; line-height: 32px; padding-left:20px;}
.subLeftNav li a:hover{ background:#5886b6; color: #fff; text-decoration:none; }
.subLeftNav li.active a{ background:url("../images/subLeftNavIco.png") no-repeat 140px 10px #4a76a8; color:#fff;}

.subProLeftPane{ width:260px; *width:215px;}
.subLeftProNav{margin-bottom:40px; margin-top: 40px;}
.subLeftProNav .subLeftProParTitle span{ margin-right:10px;}
.subLeftProNav .subLeftProParTitle .subLeftProParTitleTxt{  display:block; height: 32px; line-height: 32px; padding-left:10px;}
.subLeftProNav .subLeftProParTitle .subLeftProParTitleTxt:hover{ background:#4a76a8; color: #fff; text-decoration:none; }
.subLeftNav .active{ background: none;}
.subLeftProNav .active .subLeftProParTitleTxt{ background:#4a76a8; color:#fff;}
.subLeftSubProList{ font-size:12px; }
.subLeftSubProList li a{display:block; line-height: 16px; background:#65a2d2; text-decoration:none; color: #fff; padding:6px 0 6px 24px;}
.specialSubLeftProList li a{ padding:0; background: #fff; border-bottom:2px solid #4a76a8;}
strong{font-weight:bold;}

.subLeftSubProList li.active2 a,.subLeftSubProList li a:hover{ background: #2982ca; color:#fff; text-decoration:none;}
.specialSubLeftProList li a:hover{ background: #fff; border-bottom:2px solid #2982ca;}
.subLeftProLink{ margin-bottom: 65px; display: block;}

.subLeftContactContainer{ width:154px; _width:156px;}
.subLeftContactContainer .title{ border-bottom:1px solid #67a5cc; padding-bottom:4px;}
.subLeftContactContainer .title h4{ color:#4a76a8; font-size:14px; font-weight:bold;}
.subLeftContactContainer .title .suTitle{ color:#67a5cc; font-size:10px; line-height: 16px;}
.subLeftContactContainer .content{ padding:8px 0 0 4px;}
.subLeftContactList{}

.leftSmallT{ padding:0px 3px; margin-right:8px; font-size:10px;}
.orang{ color:#ff7f02;}
.orang .leftSmallT{ color: #fff; background: #ff7f02; border-radius:3px;}
.rightBCotnent{ font-size:12px; width:106px; line-height: 20px;}

/* subRight style */
.subRight{ width:660px;}
.breadCrumb{padding:30px 40px 40px 0; text-align:right;}
.breadCrumb .orang{color: #fff; background: #ff7f02; border-radius:3px; font-size:12px; font-weight: bold;padding:0 4px;}
.breadCrumb span,.breadCrumb a{ margin-right: 5px; margin-left: 5px; text-decoration:none; font-size:12px;}
.breadCrumb span{ color:#369a0b;}
.subRightChannelTitle{ background: url("../images/subRightChannelTitleBg.png") repeat-x 0 11px; width:660px;}
.subRightChannelTxtPane{ background: url("../images/subRightChannelTitleIco.png") no-repeat 0 0 #fff; padding-left:30px; float:left; padding-right:10px;}
.subRightChannelTxt{ font-size:20px; font-weight:bold; color:#333333; margin: 0; line-height: 22px;}
.subRightChannelSmTxt{ font-size:12px; color:#666666; font-weight:bold; padding-left:4px; text-transform: uppercase;}

.subRightContentPane{ padding:50px 40px 28px 32px;}
.newsList{ border-top:1px dashed #ccc;}
.newsList li{ border-bottom:1px dashed #ccc; line-height: 38px; height:38px;background: url("../images/newIoc.png") no-repeat 4px 17px; padding-left:14px;}
.newsList li.hover{ background: url("../images/newIoc.png") no-repeat 4px 17px #eff3f6;}
.newsList li.hover a{ text-decoration:none; color:#369a0b;}
.newsList li span{ float:right;}

/*分页*/
.page { padding:30px 0 22px; margin: 3px; text-align: center;}
.page .currP{ color:#369a0b;}
.page a { border: #000000 1px solid; padding:2px 5px;margin: 2px; color: #000000; text-decoration: none;}
.page a:hover {border: #000000 1px solid; color: #fff; background: #000;}
.page a:active { border: #000000 1px solid; color: #fff; background: #000;}
.page span.current { border: #000000 1px solid; font-weight: bold; margin: 2px; color: #fff; padding:2px 5px; background: #000;}
.page span.nolink { border: #eee 1px solid; padding:2px 5px;margin: 2px; color: #ddd; }

.aboutIntro{ background: url("../images/aboutImg.png") no-repeat 0 0; padding-left: 200px;}

/* aboutContent style */
.aboutContent{ color:#666666; padding-bottom:96px; border-bottom:8px solid #ebebeb;}
.aboutContent span{ color:#ff7f02;}
.aboutContent h1{ color:#ff7f02; font-size:36px; font-weight:normal;margin-bottom:15px;}
.aboutIntro{margin-left:30px; margin-top:30px; font-size:12px;}
.aboutIntro p{ text-indent:2em;}

/* contact style */
.contactMapPane{ margin-top:25px;}
.mapBotInfo{ margin-top:20px; font-size:12px; color:#666;}

/* subProList style */
.proSubRightContentPane{ padding:50px 20px 28px 32px;}
.proSubRightContentPane .proList li{padding:16px 0;}

/* proDetails style */
.proDetails{ padding-right:34px;}
.proDetails .proTopInfoImg{ border:1px solid #ccc; padding:3px; background: #fff; width:227px; margin-right:26px; margin-bottom:15px;}
.proTopInfoPane h1{ color:#4a76a8; font-size:14px; font-weight:bold;}
.proItem{ padding-top:20px;font-size:12px; line-height: 22px;}
.proItem h4{ color:#ff7f02; margin-bottom:6px; }

/* caseDetailsContentPane style */
.caseDetailsContentPane img,.newDetailsContent img{ width:585px;}
.subRightContentPane h1{ font-size:22px; margin-bottom:24px; font-weight:bold; color:#4a76a8;}

.leftProListItem{ background: #e3e3e3; }
.leftProListItem a{ display: block;padding:2px 6px 2px 24px; background: #e3e3e3;}
.leftProListItem a:hover{ background: #b1c9dc; text-decoration:none;}

.subLeftSubProList li .leftProListItem a{background: #e3e3e3; color:#666;}
.subLeftSubProList li .leftProListItem a:hover{background: #b1c9dc; color:#369a0b;}