.about-ban { background-image: url(../images/ban-about.jpg); background-repeat: no-repeat; background-position: center top; height: 380px; }
.contact-ban { background-image: url(../images/ban-contact.jpg); background-repeat: no-repeat; background-position: center top; height: 380px; }
.job-ban { background-image: url(../images/ban-job.jpg); background-repeat: no-repeat; background-position: center top; height: 380px; }
.service-ban { background-image: url(../images/ban-service.jpg); background-repeat: no-repeat; background-position: center top; height: 380px; }
.application-ban { background-image: url(../images/ban-application.jpg); background-repeat: no-repeat; background-position: center top; height: 380px; }
.pro-ban { background-image: url(../images/ban-pro.jpg); background-repeat: no-repeat; background-position: center top; height: 380px; }
.middle { background-image: url(../images/middle_bg.jpg); background-repeat: repeat-x; background-color: #f3f4f6; padding-bottom: 15px; }
.title { background-image: url(../images/title_bg.jpg); background-repeat: no-repeat; height: 44px; width: 1222px; margin-right: auto; margin-left: auto; }
.title h1 { font-size: 18px; background-image: url(../images/xiaobiao.jpg); background-repeat: no-repeat; line-height: 44px; height: 44px; background-position: 1px; padding-left: 24px; margin-left: 25px; }
.title .ti1 { background-image: url(../images/home.jpg); background-repeat: no-repeat; padding-left: 20px; font-size: 12px; float: right; padding-right: 30px; color: #666666; background-position: 1px; margin-top: 14px; }
.middle2 { width: 1200px; margin-right: auto; margin-left: auto; background-color: #FFFFFF; border: 1px solid #ececec; border-top: none; }
.left { float: left; width: 260px; background-image: url(../images/bg_vShadow.png); background-repeat: no-repeat; background-position: right; margin-left: 12px; padding-bottom: 20px; }
.left2 { margin-right: 15px; margin-top: 20px; }
.left2 li { line-height: 36px; background-image: url(../images/li_bg.jpg); background-repeat: no-repeat; text-indent: 24px; font-size: 15px; color: #333333; padding-top: 1px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #efefef; }
.left2 a.aa { color: #FFFFFF; background-image: url(../images/li_bg2.jpg); background-repeat: no-repeat; display: block; }
.left2 a { color: #333333; display: block; }
.left2 a:hover { background-image: url(../images/li_bg2.jpg); background-repeat: no-repeat; color: #FFFFFF; }
.left2 ul li ul li a.aa { background-image: none; color: #018CCF; }
.left2 li ul li { background-image: none; background-color: #fff; margin-bottom: 5px; line-height: 30px; margin: 1px 0px 1px 0px; text-indent: 24px; font-size: 12PX; border-bottom: none; }
.left2 li ul li a:hover { background-image: none; color: #008cce; text-decoration: underline; }
.left2 li ul li ul li { background-image: none; background-color: #fff; line-height: 24px; margin: 0px; text-indent: 40px; border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #eaeaea; }
.left2 li ul li ul li a { background-image: none; background-color: #fff; }
.left2 li ul li ul li a:hover { background-image: none; line-height: 24px; }
.lx { padding-top: 20px; }
.right { float: right; width: 870px; margin-right: 20px; margin-top: 20px; padding-bottom: 20px; }
.right h1 { background-image: url(../images/right_h1.jpg); background-repeat: no-repeat; font-size: 18px; padding-left: 10px; padding-top: 4px; padding-bottom: 12px; }
.about { padding-top: 15px; }
.about p { line-height: 24px; color: #434343; padding-bottom: 8px; font-size: 15px; }
.about01 { float: left; width: 240px; margin-left: 60px; margin-top: 20px; margin-bottom: 20px; }
.about01 h2 { line-height: 50px; background-color: #0a94dc; text-align: center; font-size: 18px; color: #FFFFFF; -moz-border-radius-topleft: 15px 15px; -moz-border-radius-topright: 15px 15px; -webkit-border-top-left-radius: 15px 15px; -webkit-border-top-right-radius: 15px 15px; border-top-left-radius: 15px 15px; border-top-right-radius: 15px 15px; }
.about02 { float: left; width: 240px; margin-left: 60px; margin-top: 20px; margin-bottom: 20px; }
.about02 h2 { line-height: 50px; background-color: #efa502; text-align: center; font-size: 18px; color: #FFFFFF; -moz-border-radius-topleft: 15px 15px; -moz-border-radius-topright: 15px 15px; -webkit-border-top-left-radius: 15px 15px; -webkit-border-top-right-radius: 15px 15px; border-top-left-radius: 15px 15px; border-top-right-radius: 15px 15px; }
.about03 { float: left; width: 240px; margin-left: 60px; }
.about03 h2 { line-height: 50px; background-color: #92c427; text-align: center; font-size: 18px; color: #FFFFFF; -moz-border-radius-topleft: 15px 15px; -moz-border-radius-topright: 15px 15px; -webkit-border-top-left-radius: 15px 15px; -webkit-border-top-right-radius: 15px 15px; border-top-left-radius: 15px 15px; border-top-right-radius: 15px 15px; }
.about04 { float: left; width: 240px; margin-left: 60px; }
.about04 h2 { line-height: 50px; background-color: #ed7926; text-align: center; font-size: 18px; color: #FFFFFF; -moz-border-radius-topleft: 15px 15px; -moz-border-radius-topright: 15px 15px; -webkit-border-top-left-radius: 15px 15px; -webkit-border-top-right-radius: 15px 15px; border-top-left-radius: 15px 15px; border-top-right-radius: 15px 15px; }
.about01 * { transition: all .5s; }
.about01 h3>a { position: relative; display: block; width: 240px; height: 178px; overflow: hidden; }
.about01 h3: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); }
.about02 * { transition: all .5s; }
.about02 h3>a { position: relative; display: block; width: 240px; height: 178px; overflow: hidden; }
.about02 h3: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); }
.about03 * { transition: all .5s; }
.about03 h3>a { position: relative; display: block; width: 240px; height: 178px; overflow: hidden; }
.about03 h3: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); }
.about04 * { transition: all .5s; }
.about04 h3>a { position: relative; display: block; width: 240px; height: 178px; overflow: hidden; }
.about04 h3: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); }
/******************新闻样式************************/
.news2 { padding-top: 15px; padding-bottom: 20px; padding-left: 8px; padding-right: 8px; }
.news2 ul { height: 34px; background-image: url(../images/xsj.jpg); background-repeat: no-repeat; line-height: 34px; background-position: 1px; padding-left: 10px; border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #eeeeee; }
.news2 li { font-size: 12px; color: #999999; list-style-type: none; float: left; line-height: 34px; height: 34px; }
.news_wz { width: 635px; }
.news_wz a { color: #666666; text-decoration: none; }
.news_wz a:hover { color: #008cce; text-decoration: underline; }
/*新闻内页开始*/

.news-tit { text-align: center; font-size: 18px; color: #646263; font-weight: bold; padding-top: 20px; padding-bottom: 20px; }
.news-tit span { text-align: center; display: block; line-height: 25px; }
.news_detail { padding-bottom: 20px; }
.news_detail p { font-size: 12px; line-height: 24px; color: #666666; padding-top: 5px; }
.pages { line-height: 25px; border-top: 1px dashed #ccc; font-size: 12px; color: #666666; padding-top: 20px; margin-top: 15px; margin-bottom: 15px; }
.pages a { text-decoration: none; margin-left: 3px; padding: 2px 5px; border: 1px solid #E5E5E5; color: #666666; }
.pages a:hover { text-decoration: none; border: 1px solid #dbdbdb; background: #008cce; color: #FFF }
.protitle { margin-top: 15px; }
/******************产品样式************************/
.products { padding-bottom: 10px; padding-left: 10px; padding-top: 20px; }
.products dl { float: left; padding-left: 8px; padding-bottom: 12px; padding-right: 15px; }
.products dt { margin-top: 6px; }
.products dd { font-size: 14px; color: #666666; height: 22px; line-height: 28px; margin-bottom: 5px; width: 250px; text-align: center; }
.products .d2 { text-align: center; line-height: 22px; font-size: 12px; font-weight: normal; }
.products img { border: 1px solid #dbdbdb; width: 250px; padding: 2px; }
.products img:hover { border: solid 1px #008cce; }
.products a:hover { color: #008cce; }
.chanpin { width: 410px; float: left; margin-right: 10px; margin-top: 34px; margin-left: 6px; }
.chanpin h2 { font-size: 16px; color: #018CCF; font-weight: bold; line-height: 36px; }
.cp_img { float: left; width: 200px; }
.cp_img img { width: 200px; }
.cp_img img:hover { filter: alpha(opacity=80); -moz-opacity: 0.80; opacity: 0.80; -webkit-transition: all 0.5s; transition: all 0.5s; behavior: url(../js/PIE.htc); }
.cp_right { float: left; width: 190px; color: #999; padding-left: 15px; padding-top: 20px; }
.cp_right p { font-size: 14px; line-height: 30px; background-image: url(../images/nav.png); background-repeat: no-repeat; background-position: 1px; text-indent: 12px; }
.cp_right h3 { font-size: 14px; }
.cp_right h3 a { color: #018CCF; }
#preview { float: left; }
.pre_right { float: left; padding-left: 40px; width: 400px; padding-top: 60px; }
.pre_right h2 { font-size: 18px; color: #018CCF; font-weight: normal; line-height: 26px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #dbdbdb; padding-top: 10px; margin-bottom: 8px; padding-bottom: 8px; }
.pre_right p { font-size: 12px; line-height: 24px; color: #666666; }
.pro_detail { padding-top: 10px; padding-left: 5px; }
.pro_detail h2 { font-size: 14px; background-image: url(../images/detail_h1.jpg); background-repeat: no-repeat; color: #FFFFFF; line-height: 30px; padding-left: 30px; border-bottom-width: 2px; border-bottom-style: solid; border-bottom-color: #018CCF; margin-bottom: 8px; }
.pro_detail p { font-size: 12px; line-height: 24px; color: #434343; }
/******************留言样式************************/
.message { padding-top: 15px; }
.message li { list-style-type: none; line-height: 24px; color: #666666; font-size: 12px; padding-left: 8px; float: left; text-align: right; margin-top: 10px; width: 50px; }
.message .txt_wb { width: 250px; text-align: left; }
.message .txt_wz { text-align: left; width: 350px; }
.message .box { height: 24px; width: 200px; border: 1px solid #CCCCCC; text-indent: 5px; line-height: 24px; }
.message .box1 { width: 250px; border: 1px solid #CCCCCC; text-indent: 5px; line-height: 24px; }
.message p { margin-top: 10px; margin-left: 65px; }


.page { clear: left; margin-top: 6px; margin: 0 auto; text-align: center; line-height: 35px; }
.page a, .page font, .page i { border: 1px solid #DDD; color: #333; padding: 5px 10px; text-decoration: none; font-size: 12px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; }
.page b { border: 1px solid #018CCF; padding: 5px 10px; text-decoration: none; background: #018CCF; color: #FFF; font-size: 12px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; }
.page a:hover { border: 1px solid #018CCF; padding: 5px 10px; text-decoration: none; background: #018CCF; color: #FFF; font-size: 12px; }