@charset "utf-8";

/* reset */

body, ol, ul, h1, h2, h3, h4, h5, h6, p, th, td,  dl, dd, form, input, textarea { margin: 0; padding: 0; }

body { font: 12px/24px 'Microsoft Yahei', 'simsun', Arial, HELVETICA; color: #666; background: #888; }

img { border: 0; vertical-align: top; }

li { list-style-type: none; vertical-align: top; }

button, input, select, textarea { font-size: 100%; }

h1, h2, h3, h4, h5, h6 { font-weight: normal; font-size: 100%; }

table { border-collapse: collapse; border-spacing: 0; }

input, textarea { border: none; resize: none; outline: none; font-family: Arial; }

a { text-decoration: none; outline: none; color: #666; transition: 0.2s; }

a:hover { color: #0095dd; }

*{   

    -webkit-touch-callout:none;  /*系统默认菜单被禁用*/   

    -webkit-user-select:none; /*webkit浏览器*/   

    -khtml-user-select:none; /*早期浏览器*/   

    -moz-user-select:none;/*火狐*/   

    -ms-user-select:none; /*IE10*/   

    user-select:none;   

}  

input {      

     -webkit-user-select:auto; /*webkit浏览器*/     

}  

/* end reset */



/* public */

.w1200 { width: 1200px; margin: 0 auto; position: relative; }

.fl { float: left; }

.fr { float: right; }

.mb20 { margin-bottom: 20px; }

.cl { zoom: 1; }

.cl:after { content: ''; display: block; clear: both; }

.eps { overflow: hidden; -ms-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap; }

.ib { display: inline-block; vertical-align: top; }

.z9 { z-index: 9; position: relative; }

.tr, .zoomIn img { transition: All 0.6s ease-in-out; -webkit-transition: All 0.6s ease-in-out; -moz-transition: All 0.6s ease-in-out; -o-transition: All 0.6s ease-in-out; }

.zoomIn:hover img { transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -o-transform: scale(1.1); -ms-transform: scale(1.1); }

.gray img { -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: grayscale(100%); filter: gray; filter: url(gray.svg#grayscale); transition: 0.2s; }

.gray a:hover img { -webkit-filter: grayscale(0%); -moz-filter: grayscale(0%); -ms-filter: grayscale(0%); -o-filter: grayscale(0%); filter: grayscale(0%); filter: none; }

/* end public */



/* header */

.green .logo em, .green .logo span, .green .head em { background: #00844b; }

.green .logo span, .green .head em { opacity: 0.5; filter: alpha(opacity = 50); }



.blue .logo em, .blue .logo span, .blue .head em { background: #0697cc; }

.blue .logo span, .blue .head em { opacity: 0.5; filter: alpha(opacity = 50); }



.light .logo em, .light .logo span, .light .head em { background: #4eb800; }

.light .logo span, .light .head em { opacity: 0.5; filter: alpha(opacity = 50); }



.yellow .logo em, .yellow .logo span, .yellow .head em { background: #f59800; }

.yellow .logo span, .yellow .head em { opacity: 0.5; filter: alpha(opacity = 50); }



.dark .logo em { background: #0076ee; }

.dark .head em, .dark .logo span { background: #426c98; }



.wrap { background: #fff; width: 1200px; margin: 0 auto; box-shadow: 0 0 10px #4d4d4d; }

.header { height: 130px; position: absolute; top: 12px; width: 1200px; }

.header .bg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.logo { display: table; position: relative; margin-left: 20px; width: 270px; }

.logo span { width: 20px; height: 130px; position: absolute; top: 0; left: -20px; opacity: 0.8; filter: alpha(opacity = 80); }

.logo a { position: relative; width: 270px; height: 130px; display: table-cell; overflow: hidden; text-align: center; vertical-align: middle; *position: absolute; *left: 50%; *top: 50%; }

.logo img { position: relative; z-index: 9; *left: -50%; *top: -50%; }

.logo em { opacity: 0.9; filter: alpha(opacity = 90); }



.head { width: 910px; height: 130px; position: relative; }

.head em { opacity: 0.8; filter: alpha(opacity = 80); }



.nav { padding-left: 24px; padding-top: 70px; }

.nav .item, .nav h2, .nav h2 a { float: left; }

.nav h2 a { position: relative; font-weight: bold; color: #fff; font-size: 18px; padding: 0 34px; line-height: 40px; }

.nav h2 a:hover { background: #fff;	color: #333; }

.nav .on h2 a { background: #fff; color: #999; }

.nav .active h2 a { background: #fff;	color: #333; }

.nav .active h2 a:after, .nav .on h2 a:after { border: 7px solid #FFF; content: ''; position: absolute; border-bottom: 0; border-left-color: transparent; border-right-color: transparent; top: 100%; left: 50%; margin-left: -7px; }

.sub { width: 1100px; position: absolute; left: -290px; top: 130px; background: #fff; border-bottom: 4px solid #0095dd; padding: 20px 50px; display: none; }

.sub ol h3 a { color: #0095dd; font-size: 14px; }

.sub ol h3 a:hover { color: #555; }

.sub ol { float: left; width: 33.33%; }

.sub li { line-height: 34px; }

.subWrap { float: left; width: 30%; margin-right: 3.33%; margin-bottom: 34px; }

.subWrap h3 { margin-bottom: 20px; }

.subWrap h3 a { display: block; border-top: 1px solid #dcdcdc; border-bottom: 1px solid #dcdcdc; background: url(../images/arrowOn.png) no-repeat 0 center; padding: 10px 0 10px 26px; font-size: 20px; color: #0095dd; cursor: text; }

.subWrap h3 a:hover { /*background-image: url(../images/arrow.png); color: #7c7c7c;*/ }

.subWrap h4 a { color: #0095dd; font-size: 14px; }

.subWrap h4 a:hover { color: #555; }

.subWrap ul {  }



.search { padding-right: 50px; padding-top: 79px; }

.search form { width: 166px; height: 25px; position: relative; }

.search .txt { width: 158px; height: 23px; line-height: 23px; border: 1px solid #fff; background: none; padding-left: 6px; color: #fff; }

.search .btn { background: url(../images/search.png) no-repeat 6px center; width: 27px; height: 25px; position: absolute; top: 0; right: 0; cursor: pointer; }

.search .txt::-webkit-input-placeholder { color: #fff !important; }

.search .txt::-moz-input-placeholder { color: #fff !important; }

.search .txt::-ms-input-placeholder { color: #fff !important; }

.search .txt::input-placeholder { color: #fff !important; }



/* banner */

.banner { height: 560px; overflow: hidden; position: relative; }

.banner .hd { width: 100%; position: absolute; bottom: 10px; height: 12px; text-align: center; }

.banner .hd ul { height: 12px; overflow: hidden; }

.banner .hd li { width: 12px; height: 12px; border-radius: 50%; background: #fff; display: inline-block; *display: inline; *zoom: 1; overflow: hidden; text-indent: -99px; cursor: pointer; margin-left: 8px; box-shadow: inset 1px 1px 2px #666; }

.banner .hd .on { background: #ff9c00; }



/* main */

.main { width: 1100px; padding: 33px 50px 66px; margin: 0 auto; background: #fff; }



/* about */

.about { margin-bottom: 50px; }

.aboutLeft { width: 580px; font-family: '微软雅黑', '黑体', '宋体'; }

.aboutLeft h2 { line-height: 60px; font-size: 45px; margin-bottom: 17px; }

.aboutLeft h2 a { color: #212121; }

.aboutLeft h2 a:hover { color: #0095dd; }

.aboutTxt { line-height: 30px; font-size: 18px; color: #484646; }



/* product */

.product { background: #b0dcf1; padding-top: 32px; padding-bottom: 22px; margin-bottom: 46px; }

.productTitle { position: relative; color: #000; text-align: center; width: 1030px; margin: 0 auto 18px; }

.productTitle em { height: 2px; width: 376px; background: #000; position: absolute; top: 20px; }

.productTitle .left { left: 0; }

.productTitle .right { right: 0; }

.productTitle h2 { line-height: 38px; font-size: 30px; }

.productTitle h3 { font: 20px/32px Arial; opacity: 0.5; filter: alpha(opacity = 50); }

.productWrap { padding-left: 34px; overflow: hidden; }

.productWrap ul { width: 1000px; }

.productWrap li { float: left; margin-right: 110px; margin-top: -93px; position: relative; }

.productWrap .a { padding-left: 163px; }

.productWrap .a li { margin-top: 0; }

.productWrap .c { padding-left: 163px; }

.productWrap h2 { position: absolute; bottom: 0; font-size: 15px; font-weight: bold; line-height: 18px; text-align: center; width: 100%; padding-bottom: 8px; }

.productWrap h2 a { color: #fff; }

.productWrap h2 a:hover { color: #0095dd; }



/* info */

.info { width: 1100px; overflow: hidden; }

.info ul { width: 1200px; }

.info li { float: left; width: 300px; margin-right: 100px; margin-bottom: 68px; }

.info a { display: block; width: 300px; }

.info span, .info strong { display: block; transition: 0.3s; }

.info .date { color: #c6c6c6; font: 35px/35px Arial; }

.info .year { color: #c6c6c6; font: 14px/18px Arial; padding-left: 56px; margin-bottom: 24px; }

.info strong { color: #212121; font-weight: normal; font-size: 20px; line-height: 29px; height: 58px; overflow: hidden; margin-bottom: 17px; }

.info .txt { color: #8b8b8b; }

.info a:hover .date, .info a:hover .year, .info a:hover strong { color: #0095dd; }



/* 页脚 */

.footer { background: #303030; padding: 0 50px 22px; width: 1100px; padding-top: 45px; }

.foot { padding-bottom: 36px; }

.footNav { padding-left: 40px; }

.footer dl { float: left; width: 138px; }

.footer dt { color: #fff; font-size: 20px; margin-bottom: 16px; }

.footer dd { line-height: 26px; }

.footer dd a, .siteInfo a { color: #b8b8b8; }

.footer dd a:hover, .siteInfo a:hover { color: #0095dd; }

.code { margin-bottom: 22px; }

.code img { margin-right: 16px; }

.footTel { color: #fff; background: url(../images/tel.png) no-repeat 0 center; padding-left: 43px; position: relative; top: 31px; }

.footTel p { line-height: 18px; }

.footTel h3 { line-height: 22px; font-family: Arial; font-weight: bold; font-size: 20px; }

.siteInfo { color: #b8b8b8; margin-bottom: 40px; }



.link h2 { background: url(../images/linkBg.gif) no-repeat right center; color: #fff; margin-bottom: 13px; }

.link .cn { font-size: 14px; margin-right: 6px; }

.link .en { font-family: Arial; }

.linkWrap a { color: #b8b8b8; margin-right: 8px; }

.linkWrap a:hover { color: #0095dd; }



/* 内页 */

.pageBanner { overflow: hidden; width: 1200px; margin: 0 auto 20px; }

.pageBanner { height: 450px; overflow: hidden; position: relative; }

.pageBanner .hd { width: 100%; position: absolute; bottom: 10px; height: 12px; text-align: center; }

.pageBanner .hd ul { height: 12px; overflow: hidden; }

.pageBanner .hd li { width: 12px; height: 12px; border-radius: 50%; background: #fff; display: inline-block; *display: inline; *zoom: 1; overflow: hidden; text-indent: -99px; cursor: pointer; margin-left: 8px; box-shadow: inset 1px 1px 2px #666; }

.pageBanner .hd .on { background: #ff9c00; }



.pageNav { position: relative; top: -44px; margin-bottom: -20px; overflow: hidden; }

.pageNavTop { background: #dcdcdc; height: 68px; }

.pageNavTop h2 { font-size: 26px; line-height: 68px; color: #000; text-indent: 20px; }

.pageNavWrap { background: #0095dd; padding: 10px; }

.pageNavWrap li, .pageNavWrap h3, .pageNavWrap h3 a { float: left; }

.pageNavWrap li { margin-bottom: 10px; }

.pageNavWrap h3 a { padding: 0 10px; color: #fff; font-size: 20px; margin: 0 3px; position: relative; line-height: 36px; }

.pageNavWrap .active h3 a:after { border: 7px solid #FFF; content: ''; position: absolute; border-bottom: 0; border-left-color: transparent; border-right-color: transparent; top: 100%; left: 50%; margin-left: -7px; }

.pageNavWrap h3 a:hover, .pageNavWrap .active h3 a { background: #fff; color: #214658; }



/* page */

.page { width: 1160px; margin: 0 auto 100px; padding: 0 20px; background: #fff; position: relative; }

.sideTop { background: url(../images/sideTop.gif) no-repeat; height: 71px; margin-bottom: 1px; }

.sideTop h2 { color: #fff; font-size: 26px; color: #fff; line-height: 71px; text-indent: 24px; }

.sideWrap h3 a { display: block; height: 45px; line-height: 45px; background: url(../images/side.png) no-repeat 218px center #efefef; border-bottom: 1px solid #fdfdfd; text-indent: 44px; font-size: 16px; color: #464646; }

.sideWrap h3 a:hover, .sideWrap .active h3 a { border-color: #fff2dd; background-image: url(../images/sideOn.png); background-color: #ff9c00; background-position: 216px center; color: #fff; }



/* main */

/* breadCrumb */

.breadCrumb { color: #696969; height: 68px; display: table; }

.breadCrumb h2 { color: #26981e; font-size: 20px; }

.breadCrumb .fr { cursor: default; width: 500px; word-spacing: 1px; font-size: 13px; float: none; display: table-cell; text-align: right; vertical-align: middle; padding-right: 20px; }

.breadCrumb .fr a { color: #696969; }

.breadCrumb .fr a:hover { color: #0095dd; }



/* pageAbout */

.pageAboutTitle { padding-top: 33px; line-height: 32px; font-size: 25px; color: #2d2d2d; font-weight: bold; margin-bottom: 35px; }

.pageAboutTxt { line-height: 25px; color: #434343; }

.pageAboutTxt p { text-indent: 2em; margin-bottom: 25px; }

.pageAboutTop { padding-bottom: 17px; padding-top: 33px; }

.pageAboutBottom { padding-top: 55px; }



/* culture */

.culture { padding-top: 40px; width: 880px; padding-left: 34px; }

.culture h2 { margin-bottom: 52px; margin-left: -34px; position: relative; }

.culture ul { width: 372px; }

.culture li { background: url(../images/cultureCut.png) repeat-x 0 bottom; padding-bottom: 10px; margin-bottom: 15px; font-size: 14px; color: #434343; }

.culture h3 { font-weight: bold; padding-left: 25px; background: url(../images/star.png) no-repeat 0 5px; }

.culture p { padding-left: 25px; }

.cultureTop { margin-bottom: 84px; }

.cultureTop .fr { padding-top: 34px; padding-right: 55px; }

.cultureBottom .fl { padding-left: 30px; }

.cultureBottom .fr { padding-top: 28px; }



/* map */

.mapWrap { position: relative; }

.mapWrap .w1200 { position: absolute; top: 0; left: 50%; margin-left: -600px; }

.mapTxt { width: 540px; height: 444px; position: absolute; padding: 0 30px; right: 0; top: 0; }

.mapTxt h2 { color: #23961a; font-size: 24px; font-weight: bold; padding-top: 23px; line-height: 34px; padding-bottom: 15px; border-bottom: 1px solid #a7a7a7; margin-bottom: 13px; }

.mapTxt .bg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #fff; opacity: 0.8; filter: alpha(opacity = 80); }

.mapTxtWrap { line-height: 26px; font-size: 14px; margin-bottom: 11px; }

.mapTxtWrap span { color: #ff9c00; }

.mapCode img { margin-right: 37px; }

#dituContent { height: 378px; width: 500px; }

.contactWay { width: 600px; }



/* productList */

.productListTop { margin-bottom: 50px; }

.productListTop h2 { font-size: 48px; color: #333; line-height: 60px; margin-bottom: 20px; }

.productListTop p { font-size:18px; color: #787474;line-height:26px; }



.project { width: 932px; overflow: hidden; }

.project ul { width: 1000px; }

.project .item { float: left; width: 443px; margin-bottom: 32px; margin-right: 46px; }

.projectTop { height: 44px; background: #efefef; margin-bottom: 3px; }

.projectTop h2 { color: #202020; font-size: 18px; line-height: 44px; text-indent: 13px; }

.projectTop a { position: relative; top: 11px; right: 11px; color: #ff9c00; }

.projectTop a:hover { text-decoration: underline; }

.projectList { height: 400px; }

.projectList li { height: 40px; line-height: 40px; background: url(../images/infoCut.gif) repeat-x 0 bottom; }

.projectList h3 a { display: block; width: 268px; padding-left: 12px; font-size: 14px; color: #282828; background: url(../images/infoarrow.png) no-repeat 0 17px; }

.projectList h3 a:hover { color: #ff9c00; }

.projectLsit span { font-size: 10px; color: #707070; }



.projectSearch { width: 612px; margin: 0 auto 30px; position: relative; }

.projectSearch .txt { width: 328px; height: 43px; border: 2px solid #ff9c00;  border-right: none; line-height: 43px; border-radius: 5px 0 0 5px; font-size: 14px; color: #626262; overflow: hidden; padding: 0 20px; }

.projectModule { width: 104px; border: 2px solid #ff9c00; border-left: none; height: 43px; line-height: 43px; border-radius: 0 5px 5px 0; padding-left: 26px; background: url(../images/searchDown.png) no-repeat 4px center; overflow: hidden; color: #969696; margin-right: 8px; cursor: pointer; }

.projectSearch .on { background-color: #e9e9e9; }



.projectSelect { position: absolute; top: 47px; right: 111px; width: 130px; text-align: center; border: 1px solid #dadada; background: #fff; border-top: none; padding: 5px 0; line-height: 30px; display: none; }

.projectSelect a { display: block; }

.projectSelect a:hover { background: #ff9c00; color: #fff; }



.projectSearch .btn { width: 102px; height: 47px; border-radius: 5px; overflow: hidden; background: #ff9c00; font-size: 18px; color: #fff; line-height: 47px; text-align: center; }



/* contactWrap */

.contactWrap { position: relative; }

.contactWrapRight { position: absolute; top: 0; right: 0; width: 300px; height: 462px; padding: 20px; color: #fff; }

.contactWrapRight .bg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #000; opacity: 0.7; filter: alpha(opacity = 70); }



/* feedbackBox */

.pageAboutTop h2 { font-size: 30px; color: #333; margin-right: 10px; }

.pageAboutTop h3 { font-size: 24px; color: #bdbdbd; font-family: Arial; line-height: 50px; }

.pageFeedback { width: 1160px; margin: 0 auto 110px; }

.pageFeedback { padding-top: 35px; }

.pageFeedback input, .pageFeedback textarea { font-family: 'Microsoft Yahei'; color: #999; font-size: 13px; background: none; }

.pageFeedback .pageAboutTop { margin-bottom: 15px; }

.pageFeedbackTop { width: 1160px; overflow: hidden; margin-bottom: 10px; }

.pageFeedbackTop ul { width: 1200px; }

.pageFeedbackTop li { background: url(../images/pageFeedback.gif) no-repeat; float: left; width: 370px; height: 40px; margin-right: 25px; }

.pageFeedbackTop input, .pageFeedbackCode input { width: 350px; height: 40px; padding: 0 10px; line-height: 40px; }

.pageFeedbackText { background: url(../images/pageFeedback2.gif) no-repeat; width: 1160px; height: 160px; margin-bottom: 10px; }

.pageFeedbackText textarea { width: 1140px; height: 140px; padding: 10px; }

.pageFeedbackCode { line-height: 40px; margin-bottom: 50px; }

.pageFeedbackCode p { background: url(../images/pageFeedback.gif) no-repeat; width: 370px; height: 40px; }

.pageFeedbackCode img { padding: 8px; border: 1px solid #dadada; margin: 0 10px; cursor: pointer; }

.pageFeedbackCode a { font-size: 13px; color: #333; }

.pageFeedbackCode a:hover { text-decoration: underline; }

.pageFeedbackBtn { text-align: center; }

.pageFeedbackBtn input { color: #fff; width: 130px; height: 40px; background: #0095dd; line-height: 40px; color: #fff; font-size: 18px; text-align: center; border-radius: 3px; cursor: pointer; transition: 0.2s; }

.pageFeedbackBtn input:hover { background: #47C3FF; }



.settingBox { width: 932px; overflow: hidden; }

.settingBox ul { width: 1000px; }

.settingBox li { width: 275px; float: left; height: 183px; overflow: hidden; position: relative; margin-right: 20px; margin-bottom: 30px; }

.settingBox em, .settingBox span { position: absolute; height: 40px; left: 0; bottom: 0; }

.settingBox em { width: 100%; background: #000; opacity: 0.8; filter: alpha(opacity = 80); transition: 0.6s; }

.settingBox span { width: 235px; height: 40px; padding: 0 20px; line-height: 40px; color: #fff; font-size: 14px; }

.settingBox a:hover em { background: #0095dd; }



.honorBox { width: 932px; overflow: hidden; }

.honorBox ul { width: 1000px; }

.honorBox li { width: 275px; float: left; height: 183px; overflow: hidden; position: relative; margin-right: 20px; margin-bottom: 30px; }

.honorBox em, .honorBox span { position: absolute; height: 40px; left: 0; bottom: 0; }

.honorBox em { width: 100%; background: #000; opacity: 0.8; filter: alpha(opacity = 80); transition: 0.6s; }

.honorBox span { width: 235px; height: 40px; padding: 0 20px; line-height: 40px; color: #fff; font-size: 14px; }

.honorBox a:hover em { background: #0095dd; }



/* imgSideBox */

.imgSideBox { padding: 10px 0; }

.imgSideBox li { width: 198px; margin: 0 auto 14px; }

.imgSideBox a { display: block; }

.imgSideBox img { width: 190px; height: 146px; padding: 2px; border: 2px solid #dadada; transition: 0.3s; }

.imgSideBox span { width: 168px; text-align: center; display: inline-block; vertical-align: top; font-size: 14px; padding: 0 15px; line-height: 30px; padding-top: 4px; overflow: hidden; -ms-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap; }

.imgSideBox a:hover { color: #ff9c00; }

.imgSideBox a:hover img { border-color: #ff9c00; }



/* productList 

.productList { width: 1160px; overflow: hidden; }

.productList ul { width: 1200px; }

.productList li { width: 565px; float: left; margin-right: 30px; margin-bottom: 30px; background: #e9e9e9; position: relative; }

.productList a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.productList strong, .productList span, .productList em { display: block; color: #333; }

.productList strong { font-weight: normal; font-size: 20px; margin-bottom: 10px; }

.productList span { font-size: 14px; height: 72px; overflow: hidden; margin-bottom: 30px; }

.productList em { background: url(../images/arrow.png) no-repeat 0 center; padding-left: 20px; font-size: 14px; color: #7c7c7c; font-style: normal; transition: 0.3s; }

.productList a:hover em { background-image: url(../images/arrowOn.png); color: #0095dd; }

.productListBox { padding: 20px; }



.productDetailTop h2 { font-size: 30px; color: #333; line-height: 60px; margin-bottom: 20px; }*/



.productDetailRight { width: 624px; }

.productList { width: 1160px; overflow: hidden; }

.productList ul { width: 1200px; position: relative; left: -15px; }

.productList li { width: 367px; float: left; padding-left: 15px; margin-bottom: 30px; position: relative; padding-right: 15px; border-bottom: 2px solid #dadada; padding-bottom: 30px; }

.productList .img { overflow: hidden; display: block; }

.productList h3 { padding-top: 10px; height: 24px; }

.productList h3 a { display: block; font-size: 16px; color: #333; }

.productList p { font-size: 12px; line-height: 20px; padding-top: 10px; height: 40px; overflow: hidden; }

.productList .more { font-size: 12px; color: #999; }

.productList .more:hover { color: #0095dd; }

.productList em { position: absolute; width: 2px; background: #dadada; height: 95%; right: 0; top: 0; }



.productDetailTop h2 { font-size: 30px; color: #333; line-height: 60px; margin-bottom: 20px; }



/* imgBox */

.imgBox { width: 932px; overflow: hidden; }

.imgBox ul { width: 1000px; }

.imgBox li { float: left; text-align: center; margin-bottom: 20px; }

.imgBox a { float: left; }

.imgBox img { border: 2px solid #dadada; transition: 0.2s; }

.imgBox span { display: inline-block; vertical-align: top; font-size: 14px; padding: 0 15px; line-height: 30px; padding-top: 4px; overflow: hidden; -ms-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap; }

.imgBox a:hover { color: #ff9c00; }

.imgBox a:hover img { border-color: #ff9c00; }



/* imgCaseBox */

.imgProductBox li { width: 222px; margin-right: 14px; }

.imgProductBox img { width: 214px; height: 160px; padding: 2px; }

.imgProductBox span { width: 192px; }



/* imgCaseBox */

.imgCaseBox li { width: 222px; margin-right: 14px; }

.imgCaseBox img { width: 214px; height: 184px; padding: 2px; }

.imgCaseBox span { width: 192px; }



/* imgPartnerBox */

.imgPartnerBox li { width: 180px; margin-right: 10px; }

.imgPartnerBox img { width: 176px; height: 92px; }

.imgPartnerBox span { width: 146px; }



/* imgSettingBox */

.imgSettingBox li { width: 240px; margin-right: 15px; }

.imgSettingBox img { width: 232px; height: 172px; padding: 2px; }

.imgSettingBox span { width: 202px; }



/* imgHonorBox */

.imgHonorBox li { width: 244px; margin-right: 14px; }

.imgHonorBox img { width: 236px; height: 157px; padding: 2px; }

.imgHonorBox span { width: 214px; }



.videoBox li { width: 222px; margin-right: 14px; }

.videoBox img { width: 214px; height: 177px; padding: 2px; }

.videoBox span { width: 192px; }



.videoWrap { margin: 0 auto; width: 700px; }



/* product's picture */

.tb-pic a { display: table-cell; text-align: center; vertical-align: middle; *display: block; *font-family: Arial; *line-height: 1; *font-size: 271px; }

.tb-pic img { vertical-align: middle; }

.tb-pic, .tb-pic a { height: 320px; width: 350px; background: #fff; }

.tb-pic, .tb-pic img { max-height: 320px; max-width: 350px; _width: 350px; }

.tb-pic { border: 1px solid #dadada; position: relative; z-index: 1; }



.zoomDiv { z-index: 999; position: absolute; top: 0; left: 0; width: 200px; height: 200px; background: #fff; border: 1px solid #ccc; display: none; text-align: center; overflow: hidden; }

.zoomMask { position: absolute; background: url(../images/default/mask.png); cursor: move; z-index: 1;}



.tb-picList { width: 352px; height: 62px; overflow: hidden; margin-top: 10px; position: relative; }

.tb-picList .prev, .tb-picList .next { position: absolute; top: 20px; font-family: 'simsun'; font-weight: bold; font-size: 32px; }

.tb-picList .prev { left: 0; }

.tb-picList .next { right:0; }

.tb-picList .prev:hover, .tb-picList .next:hover { color: #ff9c00; }



.tb-picList .tb-thumb { position: relative; width: 290px; height: 62px; margin: 0 auto; overflow: hidden; display: table; }

.tb-picList .tb-thumb ul { position: absolute; width: 999999px; display: table; }

.tb-picList .tb-thumb li { float: left; width: 76px; overflow: hidden; position: relative; }

.tb-picList .tb-thumb a { display: block; width: 60px; height: 60px; vertical-align: middle; display: table-cell; border: 1px solid #dadada; text-align: center; background: #fff; }

.tb-picList .tb-thumb img { max-width: 100%; cursor: pointer; }

.tb-picList .tb-thumb em { position: absolute; width: 58px; height: 58px; border: 2px solid #ff9c00; top: 0; left: 0; display: none; }

.tb-picList .tb-thumb .tb-selected em { display: block; }



.productTop { margin-bottom: 20px; }

.productIntro { width: 550px; }

.productIntro h2 { background: url(../images/default/splitBg.gif) repeat-x 0 bottom; font-size: 18px; font-family: 'Microsoft Yahei'; color: #000; padding: 10px 0; margin-bottom: 10px; }

.descriptionBox { height: 178px; overflow: hidden; }

.descriptionBox .explain .value { height: 116px; overflow: hidden; }

.descriptionBox span { display: inline-block; vertical-align: top; }

.descriptionBox .value { width: 490px; }

.productOrder a { display: block; width: 130px; height: 40px; line-height: 40px; text-align: center; font-size: 15px; border-radius: 4px; font-family: 'Microsoft Yahei'; background: #ff9c00; color: #fff; }

.productOrder a:hover { background: #ffbd56; }



.productShow { margin-bottom: 10px; }

.productShow .hd { height: 38px; line-height: 38px; font-size: 14px; background: #EEE; font-family: 'Microsoft Yahei'; }

.productShow .hd li { float: left; padding: 0 20px; cursor: pointer; color: #fff; transition: 0.3s; }

.productShow .hd .on { background: #ff9c00; }

.productShow .con { padding: 10px 0; }



.hotLine { background: url(../images/default/hotLine.gif) no-repeat; padding-left: 45px; margin-bottom: 4px; height: 46px; }

.hotLine p { line-height: 16px; }

.hotLine h3 { font-size: 20px; font-family: Arial; font-weight: bold; line-height: 30px; }



.column { margin-bottom: 20px; }

.column h2 { height: 36px; line-height: 36px; font-size: 14px; background: #eee; position: relative; text-indent: 20px; }

.column h2 em { position: absolute; width: 4px; height: 14px; left: 10px; top: 50%; margin-top: -7px; background: #333; }



.productForm h2 { margin-bottom: 2px; }

.productFormBox { background: #eee; }

.productFormBox form { padding: 20px 0 20px 16px; }

.productFormBox p { float: left; margin-right: 10px; }

.productFormBox span { display: inline-block; vertical-align: middle; width: 50px; text-align: right; padding-right: 10px; line-height: 26px; }

.productFormBox input, .productFormBox textarea { vertical-align: top; transition: 0.3s; }

.productFormBox .row { margin-bottom: 10px; }

.productFormBox .row input { height: 24px; border: 1px solid #dadada; width: 150px; padding: 0 10px; line-height: 24px; }

.productFormBox textarea { width: 634px; height: 72px; border: 1px solid #dadada; padding: 10px; line-height: 18px; }

.productFormBox .row input:focus, .productFormBox textarea:focus { border-color: #aaa; }

.productFormBox img { border: 1px solid #dadada; margin-left: 10px; cursor: pointer; position: relative; top: 1px; }

.productFormBox .btn { padding-left: 60px; }

.productFormBox .btn input { width: 65px; height: 24px; line-height: 24px; text-align: center; background: #666; cursor: pointer; color: #fff; border-radius: 2px; margin-right: 10px; }

.productFormBox .btn input:hover { background: #999; }

#verifyCode { width: 100px; }



.related h2 { margin-bottom: 10px; }



/* articleBox */

.articleBox { width: 932px; overflow: hidden; }

.articleBox ul { width: 1000px; }

.articleBox li, .articleBox a { float: left; }

.articleBox li { width: 300px;  margin-right: 20px; margin-bottom: 30px; position: relative; overflow: hidden; }

.articleBox a { background: #f6f6f6; padding: 15px; width: 270px; border-bottom: 2px solid #e8e8e8; }

.articleBox span { vertical-align: top; display: inline-block; width: 100%; }

.articleBox .img { width: 270px; height: 233px; overflow: hidden; }



.articleBox .tl { font-size: 16px; color: #000; padding-top: 10px; transition: 0.2s; }

.schoolBox .tl { text-align: center; }

.articleBox .time { font-family: Arial; color: #aaa; padding-bottom: 6px; }

.schoolBox .time { text-align: center; }

.articleBox .txt { color: #999; font-size: 14px; text-indent: 1em; height: 48px; overflow: hidden; }

.schoolBox .txt { height: 24px; position: relative; }

.articleBox .txt em { font-style: normal; color: #ff9c00; }

.articleBox a:hover .tl { color: #ff9c00; }

.articleBox .adornA, .articleBox .adornB { transition: 0.2s; height: 2px; background: #ff9c00; position: absolute; bottom: 0; width: 190px; }

.articleBox .adornA { left: -190px; }

.articleBox .adornB { right: -190px; }

.articleBox a:hover .adornA { left: 0; }

.articleBox a:hover .adornB { right: 0; }



/* newsBox */

.newsBox { width: 1160px; overflow: hidden; }

.newsBox li { overflow: hidden; zoom: 1; background: url(../images/default/splitBg.gif) repeat-x 0 bottom; padding-bottom: 20px; margin-bottom: 30px; }

.newsRight { width: 870px; padding-left: 20px; }

.newsBox img { width: 259px; border: 1px solid #EFEFEF; padding: 4px; height: 194px; }

.newsBox .fr { width: 630px; padding-top: 10px; }

.newsBox h3 { font-size: 20px; font-family: 'Microsoft Yahei'; margin-bottom: 4px; line-height: 30px; margin-bottom: 10px; }

.newsBox h3 a { color: #333; display: block; }

.newsBox h3 a:hover { color: #0095dd; }

.newsBox h4 { color: #7c7c7c; font-size: 14px; margin-bottom: 10px; }

.newsBox p { color: #333; font-size: 14px; height: 72px; overflow: hidden; margin-bottom: 24px; }

.newsBox p a { color: #fe7200; }

.newsBox p a:hover { text-decoration: underline; }

.newsBox .link { background: url(../images/arrow.png) no-repeat 0 center; padding-left: 20px; font-size: 14px; color: #7c7c7c; }

.newsBox .link:hover { background-image: url(../images/arrowOn.png); color: #0095dd; }



.solution li { position: relative; }

.solution img { width: 210px; height: 210px; }

.solution .fr { width: 680px; }

.solution p { height: 66px; font-size: 14px; }

.solution .btn  { color: #fff; width: 100px; height: 30px; background: #ff9c00; line-height: 30px; color: #fff; font-size: 14px; text-align: center; border-radius: 3px; cursor: pointer; transition: 0.2s; position: absolute; bottom: 20px; }

.solution .btn:hover { background: #ffbd56; }



/* faqBox */

.faqBox h2 a { position: relative; padding-left: 26px; }

.faqBox h2 em { position: absolute; left: 0; top: 4px; width: 16px; height: 16px; background: url(../images/default/faq.png) no-repeat #0C4B9C; border-radius: 3px; }

.faqBox p { background: url(../images/default/faq.png) no-repeat 0 -26px; padding-left: 26px; }



/* faqOtherBox */

.faqOtherBox { border-top: 1px solid #f1f1f1; }

.faqOtherBox h2 a { display: block; font-size: 16px; position: relative; padding: 10px 10px 10px 36px; border-bottom: 1px solid #f1f1f1; color: #999; }

.faqOtherBox h2 em { position: absolute; left: 10px; top: 50%; margin-top: -8px; width: 16px; height: 16px; background: url(../images/default/faq.png) no-repeat #ff9c00; border-radius: 3px;  }

.faqOtherBox .on a { background: #ECECEC; color: #000; }

.faqOtherBox .con { padding: 20px; border-left: 3px solid #ff9c00; padding-left: 34px; background: url(../images/default/splitBg.gif) repeat-x 0 bottom; }

.faqOtherBox .con a { color: #ff9c00; }

.faqOtherBox .con a:hover { text-decoration: underline; }



/* articleShow */

.articleTop { text-align: center; background: url(../images/default/splitBg.gif) repeat-x 0 bottom; padding-bottom: 20px; margin-bottom: 20px; }

.articleTop h2 { font-size: 22px; color: #000; margin-bottom: 16px; }

.articleTop p { color: #999; }

.articleTop span { margin: 0 5px; }

.articleTop a { margin: 0 5px; }

.articleTop .active { color: #000; font-weight: bold; }



.articleShow { margin-bottom: 20px; font-size: 14px; }



.articleCtrl { height: 36px; line-height: 36px; background: #eee; margin-bottom: 10px; color: #999; padding: 0 10px; cursor: default; }

.articleCtrl p { background: url(../images/default/articleCtrl.png) no-repeat 0 -25px; vertical-align: top; width: 40%; }

.articleCtrl .fl { padding-left: 16px; }

.articleCtrl .fr { padding-right: 16px; background-position: right 10px; text-align: right; }

.articleCtrl a { color: #333; }

.articleCtrl a:hover { color: #0095dd; }



.articleList { width: 1160px; overflow: hidden; }

.articleList h2 { margin-bottom: 10px; }

.articleList ul { width: 1300px; }

.articleList li, .articleList h3, .articleList a { float: left; }

.articleList li { width: 568px; margin-right: 20px; height: 32px; line-height: 32px; background: url(../images/default/splitBg.gif) repeat-x 0 bottom; }

.articleList a { background: url(../images/default/txt.png) no-repeat 6px center; padding-left: 26px; width: 450px; }

.articleList span { float: right; color: #999; font-family: Arial; }



/* pictureDetail */

/* picture's picture */

.pictureDetail .tb-pic a { cursor: default; }

.pictureDetail .tb-pic, .pictureDetail .tb-pic a { height: 500px; width: 912px; }

.pictureDetail .tb-pic, .pictureDetail .tb-pic img { max-height: 500px; max-width: 912px; _width: 912px; }

.pictureDetail .tb-pic { border: 1px solid #ECECEC; padding: 10px; }



.pictureDetail .tb-picList { width: 932px; height: 72px; }

.pictureDetail .tb-picList .tb-thumb { width: 846px; height: 72px; }

.pictureDetail .tb-picList .tb-thumb li { width: 86px; }

.pictureDetail .tb-picList .tb-thumb a { width: 70px; height: 70px; display: table-cell; vertical-align: middle; }

.pictureDetail .tb-picList .tb-thumb img {}

.pictureDetail .tb-picList .tb-thumb em { width: 68px; height: 68px; }



.pictureDetail .tb-picList .prev, .pictureDetail .tb-picList .next { top: 0; font-size: 18px; color: #fff; width: 25px; height: 72px; line-height: 72px; background: #ccc; text-align: center; }

.pictureDetail .tb-picList .prev { left: 0; }

.pictureDetail .tb-picList .next { right: 0; }

.pictureDetail .tb-picList .prev:hover, .pictureDetail .tb-picList .next:hover { background: #ff9c00; }

.pictureDetail .tb-picList .non, .pictureDetail .tb-picList .non:hover { background: #F3F3F3; cursor: default; }



.pictureTop { margin-bottom: 20px; }



/* downloadList */

.downloadList li { overflow: hidden; zoom: 1; background: url(../images/default/splitBg.gif) repeat-x 0 bottom; height: 30px; line-height: 30px; margin-bottom: 10px; padding-bottom: 10px; }

.downloadList h2 { float: left; background: url(../images/default/file.png) no-repeat 6px 2px; padding-left: 40px; font-size: 14px; color: #000; }

.downloadList a { float: right; background: url(../images/default/download.png) no-repeat 0 6px; padding-left: 16px; color: blue; }

.downloadList a:hover { text-decoration: underline; }



/* jobList */

.jobList { border: 1px solid #ddd; border-top: none; }

.jobList ol { height: 45px; line-height: 45px; border-top: 1px solid #e3e3e3; background: #f4f4f4; cursor: pointer; font: normal 12px/45px "Microsoft YaHei"; }

.jobList ol li { float: left; width: 210px; padding-left: 22px; cursor: default; }

.jobList b { color: #000; }

.jobList .con { padding: 8px 25px; color: #999; display: none; }

.jobCon h3 { color: #333; font-weight: bold; }

.jobTxt { margin: 10px; }

.jobLink { display: block; text-align: center; width: 170px; height: 30px; line-height: 30px; font-size: 14px; color: #fff; background: #333; border-radius: 5px; color: #fff; margin-bottom: 10px; }

.jobLink:hover { background: #ff9c00; color: #fff; }



/* pagination */

.pagination span { background: #0C4B9C; }