.content, .breadcrumb-bar, .breadcrumb, article .ft .toolbar, .pro-view, .pro-nav { *zoom: 1
}
.content:before, .breadcrumb-bar:before, .breadcrumb:before, article .ft .toolbar:before, .pro-view:before, .pro-nav:before, .content:after, .breadcrumb-bar:after, .breadcrumb:after, article .ft .toolbar:after, .pro-view:after, .pro-nav:after { content: ""; display: table }
.content:after, .breadcrumb-bar:after, .breadcrumb:after, article .ft .toolbar:after, .pro-view:after, .pro-nav:after { clear: both }
.sidenav .arrow em, .sidenav .arrow span { position: absolute; width: 0; height: 0; overflow: hidden }
.content { margin-left: auto; margin-right: auto }
.content { width: 1160px }
.overview { color: #fff; font: 300 24px/72px "Microsoft Yahei"; text-align: center; background-color: #126fb4; border-bottom: 1px solid #2961a3; margin-bottom: 10px; margin-top: -76px; position: relative; *zoom: 1
}
.sidenav li a:hover, .sidenav .active a { color: #fff; background: #126fb4 }
.sidenav .arrow { position: absolute; right: 25px; top: 10px }
.sidenav .arrow em, .sidenav .arrow span { top: 0; border: 6px dashed transparent; border-right-width: 0; border-left-style: solid }
.sidenav .arrow em { border-left-color: #b9b9b9; right: -2px }
.sidenav .arrow span { border-left-color: #efefef; right: 0 }
.sidenav li { position: relative; *zoom: 1
}
.sidenav li a { display: block; padding: 6px 60px 6px 32px; color: #333; border-bottom: 2px solid #fff; background: #efefef; *zoom: 1
}
.sidenav li:hover em { border-left-color: #fff }
.sidenav li:hover span { border-left-color: #126fb4 }
.sidenav .active em { border-left-color: #fff }
.sidenav .active span { border-left-color: #126fb4 }
.sidenav .level2 { background: #f6f6f6; padding: 8px 0; border-bottom: 1px solid #e7e7e7; *zoom: 1
}
.sidenav .level2 a { color: #666; background: none; border-bottom: 0 none }
.sidenav .level3 a { padding: 6px 30px 6px 36px; color: #999; }
.sidenav .level2 a:hover { color: #000; background: none }
.sidenav .level3 a:hover { color: #126fb4 }
.breadcrumb-bar { line-height: 40px; margin-bottom: 3px }
.breadcrumb-bar h2 { font: 300 18px/2 "Microsoft Yahei"; color: #000; border-bottom: 1px solid #e7e7e7; padding-bottom: 6px }
.breadcrumb li { float: left; padding-left: 5px; color: #333; font-size: 14px; font-family: "Microsoft Yahei" }
.breadcrumb li a { color: #333 }
.breadcrumb li:last-of-type a { color: #126fb4 }
.breadcrumb .bc-arr { font-family: simsun }
.breadcrumb .bc-home i { color: #999 }
.page .breadcrumb-bar { margin-top: 20px; line-height: 30px }
.page .breadcrumb-bar .breadcrumb, .page .breadcrumb-bar h2 { padding-left: 246px }
#dcms_pager { margin-top: 30px; padding: 10px 20px; text-align: center }
#dcms_pager .pages a { display: inline-block; padding: 0 5px; margin: 0 4px; color: #333; cursor: pointer; line-height: 20px; background: #e8e8e8 }
#dcms_pager .pages a:hover { color: #ff8f86 }
#dcms_pager .pages .pgcurrent { color: #fff; font-weight: 700; cursor: default; background-color: #126fb4 }
#dcms_pager .pages .pgcurrent:hover { color: #fff }
#dcms_pager .pages .pgempty { color: #666; cursor: not-allowed }
.content { padding: 10px 0 30px;margin-bottom:10px; }
.sidebar { float: left; width: 214px; background: #fff url(../images/sb-bg.gif) repeat-x 0 100%; padding-bottom: 203px }
.sub-banner { margin: 10px 0 }
.right-block { float: left; _display: inline; width: 675px; margin-left: 22px }
.col-side { float: right; width: 228px }
.col-main { float: left; width: 915px }
.inner-cont { *zoom: 1
}
.news-list li { padding-bottom: 15px; margin-bottom: 15px; border-bottom: 1px dashed #e7e7e7; }
.news-list li h3 a { color: #126fb4; font-size: 14px }
.news-list li h3 a:hover { text-decoration: underline }
.news-list li h3 span { color: #000; float: none; margin-left: 45px; font-size: 14px }
.col-side .mod-hd { margin-bottom: 3px }
.col-side .mod-bd { border: 1px solid #e7e7e7; -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); -ms-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); -o-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); padding: 6px; margin-bottom: 20px }
.col-side .news-list li { margin-bottom: 0; padding: 13px 10px;}
.col-side .news-list li h3 a { display: block; color: #333 }
.col-side .news-list li h3 a:hover { text-decoration: underline }
.col-side .news-list li h3 span { margin-left: 0; display: block; color: #126fb4 }
.brand-list {background: url(../images/rightline.jpg) no-repeat;}
.col-side .brand-list li { border-bottom: 1px dashed #e7e7e7;width:106px; height:70px; float:left; overflow:hidden; }
.col-side .brand-list li .mask { display: block; height: 68px; padding: 1px; text-align: center }
.col-side .brand-list li .mask img { max-width: 100%; max-height: 100%; _width: 100%; _height: 100% }
article .hd { padding-bottom: 1px; border-bottom: 1px dotted #e7e7e7; text-align: center }
article .hd .title { font: 22px microsoft yahei; padding-bottom: 15px }
article .hd .byline span { padding: 0 10px }
article .bd { padding: 15px 0 }
article .ft .toolbar li { float: right; padding: 0 5px }
.pro-view { border: 1px solid #e7e7e7; padding: 9px; margin: 20px 0 }
.pro-view .pro-info { float: right; border-left: 1px solid #e7e7e7; padding-left: 9px; width: 270px; color: #333; height: 476px; font-size: 14px }
.pro-view .pro-info h3 { color: #333; font: 300 18px/38px microsoft yahei; padding-bottom: 4px; border-bottom: 1px dashed #e7e7e7 }
.pro-view .pro-info .desc { padding: 10px 5px }
.pro-view .btn-area { text-align: center }
.pro-view .btn-area .ui-btn { font: 14px/32px microsoft yahei; padding: 0 40px; color: #fff; background-color: #126fb4 }
.prev, .next { position: absolute; top: 50%; cursor: pointer }
.tempWrap { margin: 0 auto }
.pro-view { position: relative }
.pro-view .prev, .pro-view .next { width: 65px; height: 65px; margin-top: -33px }
.pro-view .prev { background: url(../images/prev.png) no-repeat; left: 17px }
.pro-view .next { background: url(../images/next.png) no-repeat; right: 17px }
.pro-focus { position: relative; overflow: hidden; height: 476px; width: 840px; float: left }
.pro-focus .bd li a { position: absolute; left: 0; top: 0; overflow: hidden; width: 100%; height: 476px }
.pro-focus .bd li a img { width: 100%; height: 100% }
.pro-focus .hd { position: absolute; left: 50%; bottom: 25px; margin-left: -35px }
.pro-focus .hd li { float: left; cursor: pointer; width: 20px; height: 20px; margin: 0 5px; background-image: url(../images/banner-dot1.png); background-position: 0 0; background-repeat: no-repeat; overflow: hidden }
.pro-focus .hd .on { background-image: url(../images/banner-dot2.png) }
/*.pro-nav {  }
.pro-nav li { float: left; _display: inline; width: 366px; margin: 0 10px 20px; }
.pro-nav li a { width: 358px; display: block; border: 1px solid #e7e7e7; padding: 3px; height: 167px; background: #fff; -webkit-transition: all 300ms ease; -moz-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; transition: all 300ms ease }
.pro-nav li a:hover { background-color: #126fb4 }
.pro-nav li .pic { display: block; height: 125px }
.pro-nav li .pic img { width: 100%; height: 100% }
.pro-nav li .brand-pic { display: block; text-align: center; height: 40px; margin-top: 2px; background: #fff; }
.pro-nav li .brand-pic img { max-width: 100%; max-height: 100%; _width: 100%; _height: 100% }
.pro-nav .on a { background-color: #126fb4 }*/

.pro { *zoom:1;}
.pro-nav { margin-right: -52px;padding-bottom: 70px;}
.pro-nav li { float: left; _display: inline; margin: 0 52px 43px 0;  position: relative; width: 342px; height: 165px; padding: 4px; border: 1px solid #e7e7e7; }
.pro-nav li .pic { display: block; height: 100%; width: 100%;  }
.pro-nav li .pic img { width: 100%; height: 100% }
.pro-nav li .mask { position: absolute; display: none; left: 5px; top: 5px; width: 342px; height: 165px; text-align: center; background: url(../images/bg1.png) repeat; background: rgba(0,0,0,0.6); color: #fff; }
.pro-nav li .mask img { margin: 40px 0 10px }


.career-list table { width: 100% }
.career-list th { padding: 0 15px; line-height: 48px; border-top: 1px solid #e7e7e7; border-bottom: 1px solid #e7e7e7; font-size: 14px; font-family: "Microsoft Yahei" }
.career-list th i { color: #126fb4; padding-right: 5px; font-size: 16px }
.career-list .hd td { padding: 0 15px; line-height: 48px; border-bottom: 1px dashed #e7e7e7; color: #333; font-size: 14px; font-family: "Microsoft Yahei" }
.career-list .td-position { padding-left: 30px }
.career-list .on { position: relative }
.career-list .on td { background-color: #126fb4; color: #fff }
.career-list .on td a { color: #fff }
.career-list .on:after { content: ""; display: block; position: absolute; border: 6px dashed transparent; font-size: 0; width: 0; height: 0; overflow: hidden; line-height: 0; border-bottom-color: #f1f1f1; border-bottom-style: solid; left: 80px; bottom: -1px; z-index: 99 }
.career-list .bd { display: none; padding: 20px 20px 30px; background: #f1f1f1; color: #333; border-bottom: 1px dashed #e7e7e7 }
.career-list .bd h4 { font-size: 14px; font-family: "Microsoft Yahei"; font-weight: 300; margin-bottom: 8px }
.career-list a:hover { text-decoration: underline }
.ui-btn { display: inline-block; cursor: pointer; text-align: center }
.ui-btn:active { position: relative; top: 1px }
.field { padding: 0 0 10px 0; line-height: 26px }
.field .ui-label { float: left }
.field .ui-input { height: 18px; line-height: 18px; padding: 2px 0 2px 5px; width: 300px }
.form-box-2 .field { padding: 0 0 10px 170px; line-height: 26px }
.form-box-2 .field .ui-label { float: left; width: 150px; margin-left: -170px; text-align: right }
.form-box-2 .field .ui-input { height: 18px; line-height: 18px; padding: 2px 0 2px 5px; width: 300px }
.ui-btn { padding: 10px 24px; font-size: 16px; text-transform: uppercase; color: #fff; vertical-align: border-bottom }
.ui-btn1 { background-color: #126fb4; background-color: #2998ea; border: 1px solid #178ce2; background-image: -webkit-linear-gradient(top, #2998ea 5%, #126fb4 100%); background-image: -moz-linear-gradient(top, #2998ea 5%, #126fb4 100%); background-image: -o-linear-gradient(top, #2998ea 5%, #126fb4 100%); background-image: linear-gradient(top, #2998ea 5%, #126fb4 100%); -webkit-box-shadow: inset 0 1 0 0 #57aeee; -moz-box-shadow: inset 0 1 0 0 #57aeee; -ms-box-shadow: inset 0 1 0 0 #57aeee; -o-box-shadow: inset 0 1 0 0 #57aeee; box-shadow: inset 0 1 0 0 #57aeee; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px }
.ui-btn1:hover { background-color: #126fb4; background-image: -webkit-linear-gradient(top, #126fb4 5%, #2998ea 100%); background-image: -moz-linear-gradient(top, #126fb4 5%, #2998ea 100%); background-image: -o-linear-gradient(top, #126fb4 5%, #2998ea 100%); background-image: linear-gradient(top, #126fb4 5%, #2998ea 100%) }
.ui-btn2 { background-color: #ededed; border: 1px solid #e0e0e0; background-image: -webkit-linear-gradient(top, #ededed 5%, #dfdfdf 100%); background-image: -moz-linear-gradient(top, #ededed 5%, #dfdfdf 100%); background-image: -o-linear-gradient(top, #ededed 5%, #dfdfdf 100%); background-image: linear-gradient(top, #ededed 5%, #dfdfdf 100%); -webkit-box-shadow: inset 0 1 0 0 #fff; -moz-box-shadow: inset 0 1 0 0 #fff; -ms-box-shadow: inset 0 1 0 0 #fff; -o-box-shadow: inset 0 1 0 0 #fff; box-shadow: inset 0 1 0 0 #fff; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; color: #333 }
.ui-btn2:hover { background-color: #dfdfdf; background-image: -webkit-linear-gradient(top, #dfdfdf 5%, #ededed 100%); background-image: -moz-linear-gradient(top, #dfdfdf 5%, #ededed 100%); background-image: -o-linear-gradient(top, #dfdfdf 5%, #ededed 100%); background-image: linear-gradient(top, #dfdfdf 5%, #ededed 100%) }
#ValidCode { width: 80px }
.ui-checkcode-imgcode-img { height: 32px; cursor: pointer; padding-left: 10px; vertical-align: top }
#GuestBook_Content { width: 400px; height: 120px; line-height: 18px; padding: 5px; }
/* relation */
.relation-box { border: 1px solid #dfdfdf; font-family: microsoft yahei;  -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.18); -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.18); -ms-box-shadow: 0 1px 3px rgba(0,0,0,0.18); -o-box-shadow: 0 1px 3px rgba(0,0,0,0.18); box-shadow: 0 1px 3px rgba(0,0,0,0.18); }
.relation-box .hd { border-bottom: 1px solid #bababa; line-height: 44px; }
.relation-box .hd li { width: 25%; float: left; position: relative;  }
.relation-box .hd li a { display: block; text-align: center; border-right: 1px dashed #bababa; color: #333; font-size: 16px; }
.relation-box .hd li:last-of-type a { border-right: 0;}
.relation-box .hd .active,
.relation-box .hd li:hover { background: #e8e8e8; }
/* arrow */
.relation-box .arrow { position: absolute; left: 50%; margin-left: -7px; bottom: 0; display: none; }
.relation-box .arrow * { position: absolute; top: 0; left: 0; width: 0; height: 0; border: 0 dashed transparent; overflow: hidden; }
/* arrow-d */
.relation-box .arr-d * { border-top-style: solid; border-width: 7px 7px 0; }
.relation-box .arr-d em { top: 1px; border-top-color: #bababa; }
.relation-box .arr-d span { border-top-color: #e8e8e8; }
.relation-box .active .arrow { display: block; }
.relation-list { overflow: hidden;}
.relation-list li { padding: 0 30px 1px; border-bottom: 1px dashed #ddd; line-height: 44px; margin-bottom: -1px;  }
.relation-list li a { font-size: 14px; }
.relation-list li span { float: left; }
.relation-list li .cont1 { width: 15%; }
.relation-list li .cont2 { width: 68%; }
.relation-list li .cont3 { width: 15%; text-align: right; }