@charset "utf-8";
body{min-width:1360;}
/* header */
.headerwrap { background: url(../images/line7.gif) repeat-x 0 78px; }
.header{ max-width: 1360px; min-width: 1260px; margin: 0 auto; height: 80px; position: relative; z-index: 9;}
.header .logo { /*width: 156px;*/width: 220px; height: 80px; position: absolute; top: 0; left: 0; }
.header .logo img{ display: block; height: 80px;}
.header ul { width: 100%; height: 80px; text-align: center; }
.header ul li { display: inline-block; *display: inline; *zoom: 1; position: relative; }
.header ul li h3 { height: 80px; font-size: 16px; padding: 0 16px; }
.header ul li h3 a { display: block; height: 78px; line-height: 78px; border-bottom: 2px solid #e6e6e6; }
.header ul .nav-color,.header ul li:hover h3 a{border-bottom:#00a0e9 solid 2px; color:#00a0e9; }
.solve .nav-color_solve{border-bottom:#00a0e9 solid 2px; color:#00a0e9; }
.header .icon { width: 110px; height: 80px; position: absolute; top: 0; right: 0; }
.header .icon a{display:inline-block; padding:24px 16px; /*background: url("../images/header_iconbg.jpg") 0px 25px no-repeat;*/}
.header .icon img { display: block; }
.header .icon .icon-first{ background: none;}
.search { display: none; width: 240px; height: 40px; padding-top: 10px; background: url(../images/search1.png) no-repeat; position: absolute; top: 70px; right: 60px; }
.search .txt { float: left; width: 170px; height: 24px; line-height: 24px; padding: 8px 10px; font-size: 13px; color: #999; background: transparent; }
.search .sub { float: left; width: 50px; height: 40px; background: transparent; }

.header ul li:hover .subnav { display: block; }
.subnav { display: none; position: absolute; top: 80px; left: 0; text-align: left; }
.subnav p { padding:0 40px 0 20px; border-bottom: 1px solid #0095d9; background: #0183be; }
.subnav a { height: 40px; line-height: 40px; white-space: nowrap; color: #fff; }
.subnav p:hover { background: #fff; }
.subnav p:hover a { color: #00a0e9; }

/* footer */
.footer-top{ width: 100%; background: #fff; }
.footer-top ul { width: 1200px; height: 110px; margin: 0 auto; }
.footer-top ul li{ float: left; font-size: 18px; line-height: 110px; padding-right: 160px;}
.footer-top ul li img{ vertical-align: middle; padding: 0 15px;}
.footer-main{ width: 100%; background: #f6f6f6; }
.footer-list { width: 1200px; margin: 0 auto; position: relative; }
.footer-list ul{ float: left; padding: 65px 0 20px; }
.footer-list ul li{ float: left; font-size: 13px; line-height: 25px; padding-right:74px; }
.footer-list ul li a{ display: block; color: #a7a7a7;}
.footer-list ul li a:hover, .footer-bottom p a:hover { color: #00a0e9; }
.footer-list ul li h3 a{ font-size: 16px; color: #666; padding-bottom: 20px;}
.footer-list .con { float: left; width: 160px; padding-top: 65px; text-align: center;}
.footer-bottom{ width: 100%; background: #e6e6e6;}
.footer-bottom p{ width: 1200px; height: 53px; line-height: 53px; margin:0 auto; font-size: 13px;color: #a7a7a7; text-align: center;}
.footer-bottom p a{color: #a7a7a7;}
.lianjie{color: white;}


.subbanner { width: 100%; height: 400px; overflow: hidden; position: relative; z-index: 3; }
.subbanner img { width: 1920px; position: relative; left: 50%; margin-left: -960px; }

.bannerwrap { width: 100%; height: 500px; position: relative; overflow: hidden; }
.banner { width: 1920px; height: 500px; position: relative; left: 50%; margin-left: -960px; }
.banner ul li { display: none; position: absolute; top: 0; left: 0; }
.banner ul li img { width: 1920px; display: block;}

.dot { width: 100%; height: 12px; text-align: center; position: absolute; z-index: 3; bottom: 20px; }
.dot a { display: inline-block; *display: inline; *zoom: 1; width: 12px; height: 12px; margin: 0 4px; background: url(../images/btn6.png) no-repeat 0 0; }
.dot a.on { background-position: 0 -20px; }

.mainwrap { width: 100%; padding: 30px 0 ; background: #f2f2f2; }
.main { width: 1180px; margin: 0 auto; padding: 0 4px; }
.main { background: url(../images/bg2.png) repeat-y; }
.main-bottom { width: 1188px; height: 10px; margin: 0 auto; background: url(../images/bg3.png) no-repeat 0 0; }
.main-right { width: 830px; padding: 30px 30px 0 0; }
.main-right img { max-width: 830px; }
.leftmenu { width: 280px; }

.left-top { display: block; height: 100px; background:#00539d;}
.left-top h3{ font-size: 36px; line-height: 40px; padding: 30px 0 0 16px; font-weight: bold; }
.left-top h3 a { color:#fff; }

.left-list ul li{ border-bottom:1px solid #d1d7dc; background-color:#e3e7ea; background:url(../images/list1.png) no-repeat 0 -56px;}
.left-list ul li h4 a{ display:block; height:56px; line-height:56px; padding-left:35px; font-size:16px; font-weight: bold; color: #1f1f1f;}
.left-list ul li:hover h4 a, .left-list ul li.cur h4 a{ background: #00a0e9 url(../images/list1.png) no-repeat 0 0; color:#fff;}

.left-list ul li.cur .sublist { display: block; }
.left-list ul li .sublist { display: none; padding: 10px 0; background: #ededed;}
.left-list ul li .sublist p { height: 50px; line-height: 50px; padding-left: 36px; background: url(../images/list4.png) no-repeat 20px center; }
.left-list ul li .sublist p a { display: block; color: #1a1a1a; }
.left-list ul li .sublist p a:hover, .left-list ul li .sublist p.act a { color: #00a0e9; }

.main-title, .hbmain-title { height: 26px; font-size:20px; color: #666; padding: 10px 0px; margin-bottom: 24px; border-top:1px solid #d3d9de; border-bottom:1px solid #d3d9de; }
.main-title h3, .hbmain-title h3 { float: left; font-size: 20px; line-height: 26px; color: #1a1a1a; }
.bdsharebuttonbox { float: right; }
.main-title a, .hbmain-title a { display: block; float: left; width: 60px !important; height: 26px !important; border-right: 1px solid #d3d9de ; margin: 0 !important; }
.main-title .right-list1, .hbmain-title .right-list1 { display: none; background: url(../images/share.png) no-repeat 0 0 !important; }
.main-title .right-list2, .hbmain-title .right-list2 { display: none; background: url(../images/share.png) no-repeat 0 -30px !important; }
.main-title .right-list3, .hbmain-title .right-list3 { background: url(../images/share.png) no-repeat 0 -60px !important; }
.main-title .right-list4, .hbmain-title .right-list4 { background: url(../images/share.png) no-repeat 0 -90px !important; }
.main-title .right-list5, .hbmain-title .right-list5 { background: url(../images/share.png) no-repeat 0 -120px !important; border: 0 !important; }


/*  首页  */

.scrollwrap { width: 100%; height: 40px; background: #00a0e9; }
.scrollnews { max-width: 1360px; min-width: 1260px; height: 40px; line-height: 40px; margin: 0 auto; overflow: hidden; position: relative; }
.scrollnews ul { width: 700px; overflow: hidden; position: absolute; top: 0; left: 40px; }
.scrollnews ul li { width: 700px; }
.scrollnews ul li a { font-size: 14px; color: #fff; }
.scrollnews > a { float: right; width: 14px; height: 14px; margin: 12px 12px 0 0; background: url(../images/xx2.png) no-repeat; }
.scrollnews > span { float: left; width: 40px; height: 40px; background: url(../images/index1.png) no-repeat 6px center; }

.level1 { width: 100%;overflow: hidden; position: relative; z-index: 9; }
.level1 > img { width: 1920px; position: relative; left: 50%; margin-left: -960px; }

.level2 { width: 100%; padding: 60px 0 90px; }
.level2 h3, .level3 h3, .level4 h3, .level5 h3 { height: 40px; padding-bottom: 10px; line-height: 40px; font-size: 30px; color: #333; text-align: center; background: url(../images/line2.jpg) no-repeat center bottom; }
.level2-top, .level3-top { padding-top: 32px; text-align: center; }
.level2-top a, .level3-top a { display: inline-block; *display: inline; *zoom: 1; text-align: center; font-size: 18px; color: #333; margin-left: -1px; border: 1px solid #d9d9d9; }
.level2-top a { width: 178px; height: 42px; line-height: 42px;  }
.level2-top a.on, .level3-top a.on { background: #3babfc; border-color: #3babfc; color: #fff; }

.level2-bottom { width: 1200px; height: 540px; margin: 0 auto; padding-top: 60px; position: relative; }
.level2-list { display: none; width: 1200px; position: absolute; top: 60px; left: 0; }
.level2-con { width: 1028px; padding: 30px 85px; border: 1px solid #d9d9d9; overflow: hidden; position: relative; z-index: 9; }
.level2-con ul { position: relative; }
.level2-con ul li { float: left; width: 400px; height: 400px; padding-right: 114px; margin-right: 110px; border-right: 1px dashed #d9d9d9; position: relative; }
.level2-con ul li img { display: block; width: 400px; height: 246px; }
.level2-con ul li h4 { width: 400px; font-size: 18px; line-height: 24px; color: #111; padding: 8px 0 12px; }
.level2-con ul li .con, .level2-con2 ul li .con { height: 66px; font-size: 13px; line-height: 22px; color: #666; overflow: hidden; }
.level2-con ul li span, .level2-con2 ul li span { display: block; margin-top: 16px; padding-left: 38px; color: #3babfc; background: url(../images/arrow2.png) no-repeat 10px 2px; }
.level2-con ul li:hover h4 { color: #3babfc; }

.level2-con2 { width: 1200px; overflow: hidden; position: relative; z-index: 9; }
.level2-con2 ul li { float: left; width: 380px; height: 444px; margin-right: 30px; background: url(../images/index29.jpg) no-repeat 0 bottom; position: relative; }
.level2-con2 ul li h4 { width: 340px; padding: 16px 0; margin-left: 20px; height: 36px; line-height: 36px; font-size: 18px; color: #111; }
.level2-con2 ul li img { display: block; width: 380px; height: 214px; }
.level2-con2 ul li .con { margin-left: 20px; }
.level2-con2 ul li span { margin: 30px 0 0 20px; }
.level2-con2 ul li:hover { background: #3babfc; }
.level2-con2 ul li:hover h4, .level2-con2 ul li:hover .con, .level2-con2 ul li:hover span { color: #fff; }
.level2-con2 ul li:hover span { background: url(../images/arrow10.png) no-repeat 10px 2px; }

.level2-list .more { display: block; width: 141px; height: 41px; margin: 56px auto 0; text-align: center; line-height: 41px; color: #fff; background: url(../images/index4.png) no-repeat; }
.level2-list .prev, .level2-list .next, .level3-con2 .prev, .level3-con2 .next { display: block; width: 30px; height: 54px; background: url(../images/btn7.png) no-repeat 0 0; position: absolute; z-index: 9; }
.level2-list .prev { top: 180px; left: -50px; }
.level2-list .next { top: 180px; right: -50px; background-position: -40px 0; }
.level2-list .prev:hover, .level3-con2 .prev:hover { background-position: 0 -60px; }
.level2-list .next:hover, .level3-con2 .next:hover { background-position: -40px -60px; }

.level3 { width: 100%; padding: 56px 0 80px; background: #f6f6f6; }
.level3-topwrap { width: 1043px; margin: 0 auto; position: relative; }
.level3-top { width: 1043px; height: 44px; margin: 0 auto; overflow: hidden; }
.level3-top a { float: left; width: 148px; height: 42px; line-height: 42px; margin-left: -1px; background: #fff; }

.level3-topwrap > a { display: block; width: 26px; height: 44px; background: url(../images/btn12.gif) no-repeat 0 0; position: absolute; bottom: 0; }
.level3-topwrap .prev { left: -26px; }
.level3-topwrap .next { right: -26px; background-position: -26px 0; } 

.level3-topwrap .prev:hover { background-position: 0 -44px; }
.level3-topwrap .next:hover { background-position: -26px -44px; } 

.level3-bottom { width: 1200px; height: 716px; margin: 0 auto; padding-top: 40px; position: relative; }
.level3-list { display: none; position: absolute; top: 40px; left: 0; }
.level3-con1 { width: 1200px; height: 360px; padding-bottom: 26px; position: relative; }
.level3-dl { position: relative; }
.level3-dl dl { display: none; width: 1200px; background: #fff; position: absolute; top: 0; left: 0; }
.level3-dl dl dt { float: left; width: 596px; height: 360px; margin-right: 38px; position: relative; }
.level3-dl dl dt img { display: block; width: 596px; height: 360px; }
.level3-dl dl dt span { display: block; width: 14px; height: 26px; background: url(../images/arrow3.png) no-repeat; position: absolute; top: 64px; right: 0; }
.level3-dl dl dd { float: left; width: 530px; height: 330px; padding-top: 30px; color: #333; position: relative; }
.level3-dl dl dd h4 { width: 530px; font-size: 16px; line-height: 36px; }
.level3-dl dl dd h5 { width: 530px; font-size: 26px; font-weight: bold; line-height: 36px; padding-bottom: 20px; background: url(../images/line3.gif) no-repeat 0 bottom; }
.level3-dl dl dd .con { padding-top: 24px; height: 72px; line-height: 24px; color: #666; overflow: hidden; }
.level3-dl dl dd span, .level5-left dl dd span, .gyjs-con a { display: block; width: 140px; height: 40px; line-height: 40px; text-align: center; margin-top: 30px; color: #fff; background: url(../images/index8.png) no-repeat; }
.level3-dl dl dd:hover { color: #3babfc; }

.level3-dot { height: 10px; width: 530px; text-align: right; position: absolute; bottom: 50px; right: 35px; z-index: 9; }
.level3-dot a { display: inline-block; *display: inline; *zoom: 1; width: 8px; height: 8px; margin: 0 4px; background: url(../images/btn8.png) no-repeat 0 -20px; }
.level3-dot a.on, .level3-dot a:hover { background-position: 0 0; }

.level3-con2 { position: relative; }
.level3-ul { width: 1200px; height: 330px; overflow: hidden; position: relative; z-index: 6; }
.level3-ul ul { position: relative; }
.level3-ul ul li { float: left; width: 272px; height: 328px; border: 1px solid #ddd; margin-right: 34px; background: #f7f7f7; /*position: relative;*/ }
.level3-ul ul li img { display: block; width: 272px; height: 272px; }
.level3-ul ul li h5 { width: 272px; height: 55px; line-height: 55px; text-align: center; font-size: 16px; color: #111; }
.level3-ul ul li:hover { border-color: #3babfc; }

.level3-con2 .prev { top: 130px; left: 0px; }
.level3-con2 .next { top: 130px; right: 2px; background-position: -40px 0; }

.level4 { padding: 40px 0 70px; }
.level4 h4 { width: 270px; height: 50px; line-height: 50px; margin: 0 auto; font-size: 30px; font-weight: bold; color: #3babfc; text-align: center;  }
.level4 h4 span { float: left; height: 50px; width: 32px; background: url(../images/index13.png) no-repeat 0 10px; }
.level4 ul { width: 1200px; margin: 0 auto; padding-top: 40px; overflow: hidden; position: relative; }
.level4 ul li { float: left; width: 240px; text-align: center; position: relative; }
.level4 ul li img { display: block; width: 120px; height: 120px; margin: 0 auto; }
.level4 ul li h5 { font-size: 20px; line-height: 24px; padding: 24px 0; }
.level4 ul li .con { height: 40px; padding: 0 20px; font-size: 12px; line-height: 20px; color: #666; overflow: hidden; }
.level4 ul li:hover h5 { color: #3babfc; }

.level5 { padding-top: 60px; background: #f6f6f6; }
.level5-con { width: 1200px; padding-bottom: 80px; margin: 0 auto; overflow: hidden; position: relative; }
.level5-left { float: left; width: 800px; padding-top: 50px; position: relative; }
.level5-left dl { width: 744px; height: 244px; padding: 28px 56px 30px 0; background: url(../images/index19.png) no-repeat; }
.level5-left dl dt { float: left; width: 328px; height: 244px; margin-right: 26px; }
.level5-left dl dt img { display: block; width: 328px; height: 244px; }
.level5-left dl dd { float: left; width: 390px; padding-top: 16px; position: relative; }
.level5-left dl dd h4 { font-size: 18px; line-height: 24px; padding-bottom: 16px; font-weight: bold; color: #111; background: url(../images/line3.gif) no-repeat 0 bottom; }
.level5-left dl dd .con { height: 88px; line-height: 22px; font-size: 13px; color: #666; padding-top: 20px; }

.level5-gs { float: left; width: 220px; height: 240px; text-align: center; padding-top: 36px; margin-top: 10px; background: #da251d; color: #fff; }
.level5-gs h4, .level5-gs h5 { font-size: 24px; line-height: 36px; }
.level5-gs h5 { padding-bottom: 20px; background: url(../images/line4.gif) no-repeat center bottom; }

.level5-gs .p1 { height: 40px; line-height: 40px; padding: 20px 0 20px 46px; }
.level5-gs .p1 em { float: left; font-size: 36px; font-weight: bold; }
.level5-gs .p1 span { float: left; height: 40px; padding: 0 15px; }
.level5-gs .up { background: url(../images/arrow5.png) no-repeat right center; }
.level5-gs .down { background: url(../images/arrow6.png) no-repeat right center; }
.level5-gs .p2 em { padding-right: 8px; }

.level5-zp { float: left; width: 510px; height: 260px; padding: 18px 30px 0; margin: 10px 0 0 10px; color: #000; background: url(../images/index20.png) no-repeat; }
.level5-zp h4, .level5-news h4 { font-size: 18px; padding-bottom: 12px; border-bottom: 1px solid #e1e1e1; margin-bottom: 10px; }
.level5-zp h4 a, .level5-news h4 a { float: right; width: 60px; height: 24px; font-size: 14px; }

.level5-zp td { height: 40px; }
.level5-zp .td1 { width: 240px; padding-left: 14px; background: url(../images/arrow4.png) no-repeat 0 15px; }
.level5-zp .td2 { width: 90px; text-align: center; }
.level5-zp .td3 { width: 152px; text-align: right; padding-right: 14px; }
.level5-zp tr:hover td, .level5-zp tr:hover a { color: #3babfc; }

.level5-right { float: right; width: 390px; padding-top: 50px; position: relative; }
.level5-news { width: 340px; height: 388px; padding: 20px 25px 0; background: url(../images/index21.png) no-repeat; }
.level5-news ul {  }
.level5-news ul li { padding-left: 14px; height: 34px; line-height: 34px; background: url(../images/arrow4.png) no-repeat 0 12px; }
.level5-news ul li a { display: block; width: 326px; }

.level5-xl { width:354px; height: 144px; padding: 28px 0 0 36px; margin-top: 10px; background: url(../images/index22.png) no-repeat; }
.level5-xl .p1 { height: 52px; padding: 0 0 20px 72px; background: url(../images/index24.png) no-repeat 0 0; }
.level5-xl .p1 a { display: block; font-size: 20px; line-height: 30px; color: #3babfc; }
.level5-xl .p1 span, .level5-xl .p2 span { font-size: 12px; color: #333; }
.level5-xl .p2 { padding-left: 72px; background: url(../images/index25.png) no-repeat 0 0; }
.level5-xl .p2 em { display: block; line-height: 30px; font-size: 20px; color: #86c001; }

.leftbar { display: none; position: fixed; left: 0;/*right: 0;*/ top: 50px; z-index: 99; }
.leftbar a { display: block; width: 45px; height: 45px; line-height: 18px; text-align: center; margin-top: 1px; }
.leftbar-top a { color: #666; background-color: #e6e6e6; background-image: url(../images/leftbar.png); background-position: -12px -3px; background-repeat: no-repeat; }
.leftbar a span { display: none; padding: 4px 0; }
.leftbar a:hover span, .leftbar-bottom a:hover { display: block; background-color: #3babfc; color: #fff; }
.leftbar-top a:hover, .leftbar-top a.on { background-color: #3babfc; color: #fff; }
.leftbar-top .a2 { background-position: -12px -74px; }
.leftbar-top .a3 { background-position: -12px -145px; }
.leftbar-top .a4 { background-position: -12px -216px; }
.leftbar-top .a5 { background-position: -12px -287px; }

.leftbar-top .a1:hover, .leftbar-top .a1.on { background-position: -82px -3px;  }
.leftbar-top .a2:hover, .leftbar-top .a2.on { background-position: -82px -74px; }
.leftbar-top .a3:hover, .leftbar-top .a3.on { background-position: -82px -145px; }
.leftbar-top .a4:hover, .leftbar-top .a4.on { background-position: -82px -216px; }
.leftbar-top .a5:hover, .leftbar-top .a5.on { background-position: -82px -287px; }

.leftbar-bottom { padding-top: 16px; position: relative; }
.leftbar-bottom a { color: #fff; background-color: #888888; background-image: url(../images/leftbar.png); background-position: 0 0; background-repeat: no-repeat; }
.leftbar-bottom .a6 { background-position: -11px -374px; }
.leftbar-bottom .a7 { background-position: -11px -445px; }
.leftbar-bottom .top { background-position: -11px -516px; }
.leftbar-bottom .qrimg { display: none; position: absolute; top: 16px; left: -164px; }

/*  案例中心  */

.alzx { width: 830px; overflow: hidden; }
.alzx-top { height: 96px; background: #f2f2f2; }
.alzx-top form { padding: 28px 0 0 18px; }
.alzx-top form input { font-size: 14px; color: #999; }
.alzx-top form .txt { float: left; width: 270px; height: 26px; padding: 6px 10px; margin-right: 5px; *margin-top: -1px; line-height: 26px; border: 1px solid #d9d9d9; }
form .sub { cursor: pointer; }
.alzx-top form .sub { width: 108px; height: 40px; color: #fff; font-size: 16px; background: #00a0e9; }
.alzx > ul, .cpxx-con ul { width: 900px; padding: 32px 0 20px; *padding: 32px 0 46px; }
.alzx > ul li, .cpxx-con ul li { float: left; width: 256px; height: 355px; margin: 0 26px 26px 0; background: #f5f5f5; border-top: 1px solid #fff; position: relative; }
.alzx > ul li img, .cpxx-con ul img { display: block; width: 256px; height: 186px; }
.alzx > ul li a, .cpzx ul li a, .hbcpzx-list dl a, .rjpt-list dl dd a, .cpzs-list ul li a, .level2-con ul li a, .level3-dl dl dd a, .level4 ul li a,
.level5-left dl dd a, .gyjs-bottom ul li a, .ryzz ul li a, .zlbz-bottom ul li a, .xwzx-dl dl dd a, .rlzy ul li a, .level2-con2 ul li a, .jjfa-ul ul li a, .cpxx-con ul li a { display: block; width: 100%; height: 100%; position: absolute; right: 0; bottom: 0; background: url(about:blank); z-index: 6; }
.alzx > ul li h3, .cpxx-con ul li h3 { width: 220px; height: 24px; line-height: 24px; padding: 12px 0 8px 20px; font-size: 16px; color: #00a0e9; }
.alzx > ul li h3, .cpxx-con ul li h3, .cpzx ul li h3, .cpzx ul li h4, .rjpt-list dl dd h3, .rjpt-list dl dd h4, .cpzs-list ul li h4, .level2-con ul li h4, .level3-dl dl dd h4, .level3-dl dl dd h5, .level3-ul ul li h5,
.level5-news ul li a, .gyjs-right ul li a, .xwzx-dl dl dd h3, .tzzbh ul li a, .level2-con2 ul li h4 { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.alzx > ul li p, .cpxx-con ul li p { padding: 0 20px; height: 60px; font-size: 12px; line-height: 20px; color: #666; overflow: hidden; }
.alzx > ul li span, .cpxx-con ul li span { display: block; padding: 20px 0 0 20px; font-size: 12px; color: #00a0e9; }
.alzx > ul li:hover, .cpxx-con ul li:hover { border-top: 1px solid #00a0e9; background: #00a0e9; }
.alzx > ul li:hover h3, .alzx > ul li:hover p, .alzx > ul li:hover span, .cpxx-con ul li:hover h3, .cpxx-con ul li:hover p, .cpxx-con ul li:hover span { color: #fff; }

.addressSelect { float: left; width: 370px; }
.addressSelect select { float: left; width: 180px; height: 40px; line-height: 40px; padding: 10px 5px; margin-right: 5px; color: #999; font-size: 14px; border: 1px solid #d9d9d9; outline: none; }

.page { text-align: center; }
.alzx .page { padding-bottom: 70px; }
.alzx-tit h3 { height: 30px; line-height: 30px; padding: 20px 0 30px; margin-bottom: 30px; border-bottom: 1px solid #ccc; text-align: center; font-size: 26px; font-weight: bold; }
.alzx-list { padding: 20px 0 40px; position: relative; }
.alzx-list h3 { padding-bottom: 10px; font-weight: bold; font-size: 16px; }
.bigimg { width: 800px; height: 600px; position: relative; }
.bigimg img { display: block; width: 800px; height: 600px; }
.bigimg p { width: 800px; height: 24px; line-height: 24px; text-align: center; font-size: 16px; color: #fff; position: absolute; left: 0; bottom: 10px; }
.smimg { width: 730px; height: 82px; margin-left: 34px; padding-top: 14px; position: relative; overflow: hidden; }
.smimg ul, .imgmask { position: absolute; top: 14px; left: 0; }
.smimg ul li { float: left; width: 110px; height: 82px; margin-right: 14px; overflow: hidden; cursor: pointer; }
.smimg ul li img { display: block; width: 110px; height: 82px;  }
.imgmask span { float: left; width: 110px; height: 82px; margin-right: 14px; background: url(about:blank); cursor: pointer; }
.imgmask span.act { background: url(../images/alzx7.png) no-repeat 0 0; }

.alzx-list a { display: block; }
.alzx-list .bl, .alzx-list .br { width: 30px; height: 44px; background: url(../images/btn1.png) no-repeat 0 0; position: absolute; top: 330px; }
.alzx-list .bl { left: 24px; }
.alzx-list .br { right: 54px; background-position: -40px 0; }
.alzx-list .bl:hover { background-position: 0 -50px; }
.alzx-list .br:hover { background-position: -40px -50px; }

.alzx-list .sl, .alzx-list .sr { width: 26px; height: 82px; background: url(../images/btn2.png) no-repeat 0 0; position: absolute; bottom: 40px; }
.alzx-list .sl { left: 0; }
.alzx-list .sr { right: 30px; background-position: -30px 0; }
.alzx-list .sl:hover { background-position: 0 -90px; }
.alzx-list .sr:hover { background-position: -30px -90px; }


/*  产品中心  */

.hbcpzx { width: 100%; height: 800px; position: relative; overflow: hidden; z-index: 6; }
.hbcpzx > img { width: 1920px; position: absolute; left: 50%; margin-left: -960px; }
.hbcpzx-list { width: 100%; height: 276px; background: url(../images/bg1.png) no-repeat center 0; position: absolute; bottom: 0; left: 0; }
.hbcpzx-list dl { width: 1200px; height: 276px; margin: 0 auto; font-size: 18px; color: #fff; }
.hbcpzx-list dl h3 { font-size: 60px; line-height: 72px; }

.hbcpzx-list dl dt, .hbcpzx-list dl dd { float: left; width: 598px; height: 276px; position: relative; }
.hbcpzx-list dl dt { padding-right: 2px; background: url(../images/cpzx9.png) no-repeat 0 32px; }
.hbcpzx-list dl dd { padding-left: 2px; background: url(../images/cpzx10.png) no-repeat right 32px; }
.hbcpzx-list dl dt h3 { position: absolute; bottom: 60px; left: 190px; }
.hbcpzx-list dl dd h3 { position: absolute; bottom: 60px; right: 190px; }
.hbcpzx-list dl dt span { position: absolute; top: 70px; left: 65px; }
.hbcpzx-list dl dd span { position: absolute; top: 70px; right: 65px; }


/*  产品中心1  */

.hbmain { width: 1110px; margin: 0 auto; padding: 28px 35px; background: url(../images/bg4.png) repeat-y; }
.hbmain-title { margin-bottom: 15px; }
.hbmain-nav { height: 44px; padding-bottom: 15px; }
.hbmain-nav a { float: left; width: 360px; height: 44px; line-height: 44px; text-align: center; font-size: 16px; font-weight: bold; color: #333; margin-right: 15px; background: url(../images/btn3.png) no-repeat 0 -44px; }
.hbmain-nav a em, .rjpt-top a em { padding: 0 20px; background: url(../images/arrow1.png) no-repeat 0 -54px; }
.hbmain-nav a.on, .hbmain-nav a:hover { color: #fff; background: url(../images/btn3.png) no-repeat; }
.hbmain-nav a.on em, .hbmain-nav a:hover em, .rjpt-top a.on em, .rjpt-top a:hover em { background: url(../images/arrow1.png) no-repeat 0 -10px; }
.hbbanner { width: 1110px; height: 696px; position: relative; }
.hbbanner .bgpic { position: absolute; top: 0; left: 0; }
.hbbanner .bgpic img { display: block; width: 1110px; height: 696px; }
.hbbanner .con { height: 696px; position: relative; z-index: 3; }
.hbbanner .con a { display: block; position: absolute; }

.hbmain-list { width: 1110px; height: 70px; background: #eaeaea url(../images/line1.png) repeat-x 0 bottom; position: relative; }
.listwrap { width: 1030px; height: 70px; margin-left: 40px; overflow: hidden; position: relative; }
.hbmain-list ul, .cpzs-nav ul { position: absolute; top: 0; left: 0; }
.hbmain-list ul li, .cpzs-nav ul li { float: left; font-size: 16px; border-right: 1px solid #d2d2d2; }
.hbmain-list ul li a, .cpzs-nav ul li a { display: block; height: 66px; line-height: 66px; padding: 0 22px; color: #333; border-top: 3px solid #eaeaea; border-bottom: 1px solid #ddd; background: #eaeaea; }
.hbmain-list ul li.cur, .cpzs-nav ul li.cur { border-right: 1px solid #fff; }
.hbmain-list ul li.cur a, .cpzs-nav ul li.cur a { background: #fff; border-top: 3px solid #008ed6; border-bottom: 1px solid #fff; }

.hbmain-list .prev, .hbmain-list .next, .cpzs-nav .prev, .cpzs-nav .next { display: block; width: 40px; height: 70px; background: url(../images/btn4.png) no-repeat 0 0; position: absolute; top: 0; }
.hbmain-list .prev, .cpzs-nav .prev { left: 0px; }
.hbmain-list .next, .cpzs-nav .next { right: 0px; background-position: -40px 0; }
.hbmain-list .prev:hover, .cpzs-nav .prev:hover { background-position: 0 -70px; }
.hbmain-list .next:hover, .cpzs-nav .next:hover { background-position: -40px -70px; }

.cpzx { padding-top: 18px; width: 1110px; overflow: hidden; }
.cpzx ul { width: 1200px; *padding-bottom: 16px; }
.cpzx ul li { float: left; width: 258px; height: 376px; margin: 0 22px 16px 0; border: 1px solid #ddd; position: relative; }
.cpzx ul li img { display: block; width: 238px; height: 238px; padding: 10px; }
.cpzx ul li h3, .cpzx ul li h4 { padding: 0 10px; width: 238px; }
.cpzx ul li h3 { line-height: 28px; font-size: 20px; font-weight: bold; }
.cpzx ul li h4 { font-size: 16px; padding-bottom: 8px; }
.cpzx ul li .con { height: 36px; padding: 0 10px; font-size: 12px; color: #808080; line-height: 18px; overflow: hidden; }
.cpzx ul li .line { width: 100%; height: 2px; background: #fff; position: absolute; bottom: 0; left: 0; }
.cpzx ul li:hover { border-color: #0097e0; }
.cpzx ul li:hover .line { background: #00a0e9; }
.cpzx ul li:hover h3, .cpzx ul li:hover h4 { color: #00a0e9; }

.cpzx .page { padding: 30px 0; }


/*  软件平台  */

.rjpt { width: 830px; overflow: hidden; }
.rjpt-top { width: 900px; height: 44px; }
.rjpt-top a { float: left; width: 406px; height: 44px; line-height: 44px; text-align: center; font-size: 16px; font-weight: bold; margin-right: 18px; background: url(../images/btn5.png) no-repeat 0 0; }
.rjpt-top a.on, .rjpt-top a:hover { color: #fff; background: url(../images/btn5.png) no-repeat 0 -44px; }

.rjpt-list { padding-bottom: 50px; }
.rjpt-list dl { padding: 13px; border: 1px solid #e6e6e6; margin-top: 20px; }
.rjpt-list dl dt { width: 236px; height: 236px; margin-right: 32px; }
.rjpt-list dl dt img { display: block; width: 236px; height: 236px; }
.rjpt-list dl dd { width: 506px; height: 236px; position: relative; }
.rjpt-list dl dd h3 { width: 506px; height: 46px; font-size: 30px; line-height: 46px; }
.rjpt-list dl dd h4 { width: 506px; height: 30px; line-height: 30px; font-size: 18px; padding-bottom: 20px; }
.rjpt-list dl dd .con { height: 72px; font-size: 13px; color: #777; overflow: hidden; }
.rjpt-list dl dd span { display: block; color: #00a0e9; padding-top: 16px; }
.rjpt-list dl:hover { padding: 12px; border: 2px solid #00a0e9; }
.rjpt-list dl:hover h3, .rjpt-list dl:hover h4 { color: #00a0e9; }

.rjpt .page { padding-bottom: 70px; }


/*  产品展示  */

.cpzs-top { position: relative; }
.cpzs-top img { display: block; width: 830px; height: 464px; }
.cpzs-top span { display: block; width: 104px; height: 104px; background: url(../images/video1.png) no-repeat 0 0; position: absolute; top: 50%; left: 50%; margin: -52px 0 0 -52px; }

.cpzs-nav { position: relative; background: #eaeaea url(../images/line1.png) repeat-x 0 bottom; }
.navwrap { width: 790px; height: 70px; margin-left: 40px; overflow: hidden; position: relative; }

.cpzs-search { height: 40px; padding: 24px 0; background: #eaeaea; margin-top: 15px;}
.cpzs-search form { width: 410px; height: 40px; margin: 0 auto; }
.cpzs-search form .txt { float: left; width: 230px; height: 26px; line-height: 26px; padding: 6px 10px 6px 50px; font-size: 14px; color: #999; border: 1px solid #999; background: url(../images/cpzs8.png) no-repeat 0 0; }
.cpzs-search form .sub { float: right; width: 106px; height: 40px; font-size: 16px; color: #fff; background: #00a0e9; }

.cpzs-list { width: 830px; overflow: hidden; padding-top: 20px; }
.cpzs-list ul { width: 900px; *padding-bottom: 30px; }
.cpzs-list ul li { float: left; width: 254px; height: 245px; margin: 0 30px 30px 0; position: relative; }
.cpzs-list ul li img { display: block; width: 252px; height: 188px; border: 1px solid #e8e8e8; }
.cpzs-list ul li h4 { width: 252px; font-size: 14px; height: 30px; line-height: 30px; text-align: center; padding: 12px 0; border: 1px solid #e8e8e8; border-top: none; }
.cpzs-list ul li span { display: block; width: 60px; height: 60px; background: url(../images/video2.png) no-repeat; position: absolute; top: 60px; left: 50%; margin-left: -30px; }
.cpzs-list ul li:hover a { background: url(../images/cpzs9.png) no-repeat; }
.cpzs-list ul li:hover h4 { color: #00a0e9; }

.cpzs .page { padding: 20px 0 70px; }

.pop { display: none; width: 100%; height: 100%; position: fixed; top: 0; left: 0; background: url(../images/bg5.png); z-index: 99; }
.pop-con { padding: 20px; position: absolute; top: 50%; left: 50%; margin: -180px 0 0 -250px; background: #fff; }
.close { display: block; width: 20px; height: 20px; background: url(../images/xx.png) no-repeat; position: absolute; top: 0; right: 0; }


/*  产品详细  */

.cpxx {  }

.cpxx-left { width: 332px; height: 332px; margin-right: 30px; border: 1px solid #dadada; }
.cpxx-left img { display: block; width: 332px; height: 332px; }

.cpxx-right { width: 455px; }
.cpxx-right h3 { padding-bottom: 20px; line-height: 38px; font-size: 26px; font-weight: bold; color: #00a0e9; }
.cpxx-right .con { height: 180px; padding-top: 18px; color: #333; border-top: 1px solid #dadada; overflow: hidden; }
.cpxx-right ul li { float: left; width: 73px; height: 73px; padding-right: 18px; position: relative; }
.cpxx-right ul li img { display: block; width: 72px; height: 72px; border: 1px solid #dadada; }
.cpxx-right ul li a { display: block; width: 68px; height: 68px; border: 3px solid transparent; background: url(about:blank); position: absolute; top: 0; left: 0; z-index: 3; }
.cpxx-right ul li:hover a, .cpxx-right ul li.act a { border-color: #00a0e9; }

.cpxx-details { padding: 50px 0 30px; }
.cpxx-nav { width: 820px; height: 44px; padding: 6px 0 0 10px; background: url(../images/cpxx7.png) no-repeat; }
.cpxx-nav a { float: left; height: 44px; line-height: 44px; font-size: 18px; padding: 0 40px; color: #fff; background-image: url(../images/cpxx8.gif); background-repeat: no-repeat; background-position: left center; }
.cpxx-nav a.on { background-color: #fff; color: #00a0e9; }

.cpxx-con { display: none; }

.cpxx-bottom { width: 830px; overflow: hidden; }
.cpxx-bottom h3 { width: 815px; height: 50px; line-height: 50px; font-size: 20px; color: #fff; padding-left: 15px; background: #00a0e9; }
.cpxx-bottom ul { width: 900px; padding: 18px 0 26px; }
.cpxx-bottom ul li { float: left; width: 250px; height: 180px; padding-right: 40px; }
.cpxx-bottom ul li img { display: block; width: 250px; height: 140px; }
.cpxx-bottom ul li p { height: 40px; line-height: 40px; text-align: center; font-size: 18px; }

.cpxx-back { height: 40px; padding-bottom: 50px; }
.cpxx-back a { display: block; width: 102px; height: 40px; margin: 0 auto; line-height: 40px; text-align: center; font-size: 18px; color: #fff; background: #00a0e9; }


/*  关于捷顺  */

.gyjswrap { padding: 45px 0; background: #f8f8f8; }
.gyjs { width: 1200px; margin: 0 auto; color: #333; }
.gyjs-left { float: left; width: 578px; height: 350px; border: 1px solid #ddd; background: #fff; }
.gyjs-left h3, .gyjs-right h3 { padding-left: 26px; height: 56px; line-height: 56px; font-size: 18px; font-weight: bold; margin-left: -1px; border-bottom: 1px solid #eee; background: #fff url(../images/line5.gif) no-repeat 0 0;}
.gyjs-con { padding: 22px 28px 0; }
.gyjs-con h4 { font-size: 24px; font-weight: bold; padding-bottom: 26px;}

.gyjs-right { float: right; width: 580px; height: 350px; border: 1px solid #ddd; background: #fff; }
.gyjs-right h3 a { float: right; font-size: 14px; font-weight: normal; color: #999; padding-right: 20px; }
.gyjs-right h3 a:hover, .gyjs-right ul li:hover span { color: #00a0e9; }
.gyjs-right ul { padding: 10px 25px 0; background: #fff; }
.gyjs-right ul li { height: 36px; line-height: 36px; padding-left: 14px; background: url(../images/arrow4.png) no-repeat 0 13px; }
.gyjs-right ul li a { display: block; width: 446px; }
.gyjs-right ul li span { float: right; color: #999; }

.gyjs-bottom { width: 1200px; padding-top: 32px; overflow: hidden; }
.gyjs-bottom ul { width: 1250px; }
.gyjs-bottom ul li { float: left; width: 270px; height: 264px; margin: 0 40px 42px 0; color: #333; text-align: center; border-bottom: 3px solid #ddd; background: #fff; position: relative; }
.gyjs-bottom ul li img { display: block; width: 270px; height: 202px; }
.gyjs-bottom ul li h3 { font-size: 16px; padding-top: 12px; line-height: 20px; }
.gyjs-bottom ul li p { font-size: 13px; color: #999; line-height: 20px; }
.gyjs-bottom ul li:hover { color: #00a0e9; border-color: #00a0e9; }


/*  公司简介  */

.gsjj { padding-bottom: 50px; }


/*  发展历程  */

.fzlc { width: 830px; padding-bottom: 60px; }
.fzlc-top { height: 76px; position: relative; }
.fzlc-ul { width: 696px; height: 76px; margin: 0 auto; background: url(../images/line6.gif) repeat-x 0 center; overflow: hidden; }
.fzlc-ul ul {  }
.fzlc-ul ul li { float: left; width: 76px; height: 76px; line-height: 76px; text-align: center; font-size: 16px; font-weight: bold; color: #666; margin-right: 48px; background: url(../images/btn10.png) no-repeat 0 -110px; cursor: pointer; }
.fzlc-ul ul li.on , .fzlc-ul ul li:hover { background-position: 0 0; color: #fff; } 

.fzlc-top .prev, .fzlc-top .next { display: block; width: 32px; height: 64px; background: url(../images/btn9.png) no-repeat 0 0; position: absolute; top: 6px; }
.fzlc-top .prev { left: 0; }
.fzlc-top .next { right: 0; background-position: -40px 0; }
.fzlc-top .prev:hover { background-position: 0 -70px; }
.fzlc-top .next:hover { background-position: -40px -70px; }

.fzlc-bottom { width: 830px; padding-top: 80px; position: relative; }
.fzlc-list { display: none; width: 830px; position: relative; top: 0; left: 0; }
.fzlc-tit { float: left; width: 90px; font-size: 40px; font-weight: bold; line-height: 48px; color: #00a1e9; }
.fzlc-con { float: right; width: 690px; }
.fzlc-con li { padding-left: 26px; border-left: 3px solid #c3c3c3; margin-bottom: 40px; }


/*  合作伙伴  */

.hzhb { padding-bottom: 60px; }
.hzhb ul { width: 828px; border-top: 1px solid #ddd; border-left: 1px solid #ddd; }
.hzhb ul li { float: left; width: 206px; height: 132px; border-bottom: 1px solid #ddd; border-right: 1px solid #ddd; }
.hzhb ul li img { display: block; width: 206px; height: 132px; }
.hzhb .page { padding-top: 46px; }


/*  荣誉资质  */

.ryzz { width: 830px; overflow: hidden; }
.ryzz-top { width: 828px; height: 42px; border-top: 1px solid #d9d9d9; border-bottom: 1px solid #d9d9d9; }
.ryzz-top a { float: left; width: 276px; height: 42px; line-height: 42px; text-align: center; font-size: 16px; color: #333; }
.ryzz-top a:hover, .ryzz-top a.on { background: #00a0e9; color: #fff; }
.ryzz ul, .zlbz-bottom ul { width: 900px; padding-top: 24px; *padding-bottom: 32px; }
.ryzz ul li, .zlbz-bottom ul li { float: left; width: 254px; height: 246px; margin: 0 32px 32px 0; position: relative; }
.ryzz ul li:hover a, .zlbz-bottom ul li:hover a { background: url(../images/ryzz7.png) no-repeat; }
.ryzz ul li .tit, .zlbz-bottom ul li .tit { height: 56px; padding: 0 10px; line-height: 20px; text-align: center; border: 1px solid #e8e8e8; border-top: none; }
.ryzz-img { width: 252px; height: 188px; border: 1px solid #e8e8e8; border-bottom: none; background: #f2f2f2; text-align: center; }
.ryzz-img img { max-width: 250px; max-height: 180px; }
.ryzz .page { padding: 20px 0 60px; }


.imgpop { display: none; width: 100%; height: 100%; position: fixed; top: 0; left: 0; background: url(../images/bg5.png); z-index: 99; }
.img-con { padding: 20px; background: #fff; position: absolute; left: 50%; top: 50%; }


/*  质量保证体系  */

.zlbz {  }
.zlbz-top { padding-bottom: 30px; }
.zlbz-top h3, .zlbz-bottom h3 { height: 42px; border-bottom: 1px solid #d9d9d9; }
.zlbz-top h3 span, .zlbz-bottom h3 span { display: block; width: 180px; height: 42px; line-height: 42px; font-size: 16px; color: #fff; text-align: center; background: #00a0e9; }
.zlbz-top .con { padding-top: 30px; }
.zlbz-top .con ul li { float: left; width: 145px; height: 218px; line-height: 22px; padding: 26px 10px 0; border: 1px solid #d9d9d9; margin-left: -1px; position: relative; }
.zlbz-top .con ul li img { position: absolute; top: -30px; left: 50px; }


/*  新闻中心  */

.xwzx { padding-bottom: 60px; }
.xwzx-dl dl { padding: 24px 0; border-bottom: 1px solid #e8e8e8; }
.xwzx-dl dl dt { width: 250px; height: 188px; }
.xwzx-dl dl dt img { display: block; width: 250px; height: 188px; }
.xwzx-dl dl dd { width: 556px; position: relative; color: #333; }
.xwzx-dl dl dd h3 { width: 556px; font-size: 20px; line-height: 26px; padding-bottom: 6px; }
.xwzx-dl dl dd em { color: #999; }
.xwzx-dl dl dd .con { padding-top: 12px; height: 66px; line-height: 22px; color: #4c4c4c; overflow: hidden; }
.xwzx-dl dl dd span { display: block; margin-top: 36px; color: #0d71ca; }
.xwzx-dl dl dd:hover { color: #0d71ca; }

.xwzx .page { padding-top: 50px; }


/*  新闻详细  */

.news { padding-bottom: 40px; }
.news-con { background:#FFF;}
.news-title{ border-bottom:1px solid #dbdbdb; padding-bottom:10px;}
.news-title h3{ font-size:26px; text-align:center; font-weight:bold; line-height:32px; color:#1a1a1a; }

.news-tit{ text-align:center; color:#666; font-size:13px; padding: 20px 0 0;}
.news-tit span{ padding-right:30px;}
.news-content{ padding:30px 0px; font-size:14px;}
.news-foot{padding-bottom:45px;}
.news-foot p{ text-align:center; padding-bottom:48px;}
.news-foot p a{ display:inline-block; background:#00a0e9; padding:8px 30px; color:#FFF; font-size:18px; font-weight: bold;}
.news-foot dl { border-top:1px solid #cccccc; border-bottom:1px solid #cccccc; font-size:14px; padding:10px 0; color:#666;}
.news-foot dl dd, .news-foot dl dt{ float: left; width: 415px; height:24px; overflow:hidden;}
.news-foot dl dd a, .news-foot dl dt a { color:#666; }
.news-foot dl dd { float: right; text-align: right; }
.news-foot dl a:hover, .login-left form > a:hover {color:#00a0e9;}


/*  登录  */

.loginwrap { width: 100%; padding: 36px 0; background: #f2f2f2; }

.login { width: 1200px; margin: 0 auto; padding: 70px 0 66px; background: #fff; }
.login-left { float: left; padding-left: 90px; width: 500px; border-right: 1px solid #d9d9d9; }
.login-left form { padding-top: 16px; }
.login-left form p, .reg-left form p { width: 362px; height: 46px; padding-bottom: 30px; background: url(../images/login1.png) no-repeat; }
.login-left form p label { float: left; width: 78px; height: 46px; padding-left: 22px; line-height: 46px; color: #333; }
.login-left form p input, .reg-left form p input { float: left; width: 242px; height: 30px; line-height: 30px; padding: 8px 10px; color: #999; background: transparent; }
.login-left form .yz, .reg-left form .yz { border-bottom: 1px solid #c5c5c5; background: url(../images/login2.png) no-repeat; }
.login-left form .yz input, .reg-left form .yz input { width: 142px; }
.login-left form .yz a { float: left; width: 60px; height: 30px; margin: 5px 0 0 20px; }
.login-left form .yz a img { display: block; width: 60px; height: 30px; }
.login-left form > a { line-height: 38px; color: #666; }
.login-left form .sub, .reg-left form .sub { display: block; width: 362px; height: 46px; font-size: 20px; color: #fff; margin-top: 28px; background: url(../images/login4.png) no-repeat; }

.login-right { float: left; width: 300px; padding-left: 110px; padding-top: 50px; }
.login-right h3, .reg-right h3 { font-size: 15px; line-height: 30px; color: #333; padding-bottom: 20px; }
.login-right a, .reg-right a { display: block; width: 98px; height: 32px; line-height: 32px; text-align: center; font-size: 16px; font-weight: bold; background: #00a0e9; color: #fff; }
.login-right p, .reg-right p { padding-top: 30px; font-size: 13px; color: #666; }



/*  注册  */

.reg { width: 1200px; margin: 0 auto; padding: 34px 0 48px; background: #fff; }
.reg-left { float: left; width: 540px; padding-left: 86px; border-right: 1px solid #d9d9d9; }
.reg-left form { padding-top: 16px; }
.reg-left form p label { float: left; padding-left: 18px; width: 82px; line-height: 46px; }
.reg-left form p label em { color: #00a0e9; }
.reg-left form .yz { width: 470px; padding-bottom: 16px; }
.reg-left form .yz span { float: left; width: 76px; height: 42px; margin: 2px 0 0 6px; }
.reg-left form .yz span img { display: block; width: 76px; height: 42px; }
.reg-left form .yz a { float: left; width: 92px; height: 42px; line-height: 42px; text-align: center; color: #fff; margin: 2px 0 0 10px; background: #00a0e9; }
.reg-left form div { padding-top: 10px; }
.reg-left form div input { vertical-align: middle; margin-top: -2px; }
.reg-left form .sub  { margin-top: 18px; }

.reg-right { float: left; width: 300px; padding: 120px 0 0 66px; }

.registerAgree{ display:none; position:absolute; top:0px; left:0px; width:100%; height: 100%; background:url(../images/bg5.png) repeat; z-index:999999;}
.registerAgreeWeb{ width:1100px; height:630px; position: absolute; left: 50%; top: 50%; margin:-315px 0 0 -550px; padding:0px; font-size:12px; display:table;}
.registerAgreeTitle{ height:38px; line-height:38px; background:#f4f6f9; font-size:18px; font-weight:bold; padding-left:28px;}
.registerAgreeOne{ font-size:14px; padding:20px; display:block;  background-color: #fff; height:390px; overflow-y:scroll;}
.registerAgreeOne h5{ font-size:14px; font-weight:bold;}
.registerAgreeTwo{ padding:50px 0px; text-align:center; background:#f4f6f9;}
.registerAgreeTwo a{ display:inline-block; color:#fff; background:#00a0e9; width:395px; height:42px; line-height:42px; font-size:24px;}
.inputFor{position: absolute;top: 7px;left: 118px; background-color: #fff;width: 300px;  color: #999;}


/*  个人中心  */

.memberwrap { padding-bottom: 20px; background: #f2f2f2; }
.member { width: 1180px; margin: 0 auto; padding: 20px 4px 50px; background: url(../images/bg6.png) repeat-y; }
.member-left { float: left; width: 230px; margin-right: 14px; }
.member-head { height: 226px; position: relative; }
.accimg1 { width: 108px; height: 108px; }
.accimg1 { display: block; width: 108px; height: 108px; margin: 0 auto; padding-bottom: 20px; }
.maskimg1 { position: absolute; top: 0; left: 0; }
.accname { text-align: center; }
.accname h3 { font-size: 16px; font-weight: bold; color: #00a0e9; }
.accname p { font-size: 12px; font-weight: bold; color: #333; }

.member-list {  }
.member-list ul { border-top: 1px solid #dfdfdf; }
.member-list ul li { height: 52px; line-height: 52px; font-size: 18px; border-bottom: 1px solid #dfdfdf; background: #fff; }
.member-list ul li a {display: block; padding-left: 28px; border-left: 3px solid #00a0e9; font-weight: bold; color: #00a0e9; }

.member-right { float: left; width: 900px; }
.member-right h3 { line-height: 30px; font-size: 18px; font-weight: bold; color: #000; padding-bottom: 12px; border-bottom: 1px solid #dfdfdf; }

.member-con { width: 898px; margin-top: 26px; padding: 110px 0 88px; border: 1px solid #dfdfdf; background: #f4f6f9; }
.member-con-left { float: left; width: 332px; padding-top: 60px; position: relative; }
.accimg2 { display: block; width: 120px; height: 120px;  margin: 0 auto; position: relative; }
.maskimg2 { position: absolute; top: 60px; left: 0; }
.accname2 h4 { height: 24px; font-size: 16px; padding: 20px 0 12px; text-align: center; color: #333; }
.accname2 h4 em { font-weight: bold; color: #00a0e9; }
.accname2 input { width: 76px; height: 28px; margin: 0 auto; margin-left: 130px; position: absolute; bottom: 0; left: 0; filter: alpha(opacity=0); opacity: 0; cursor: pointer; }
.accname2 a { display: block; width: 76px; height: 28px; line-height: 28px; text-align: center; color: #fff; margin: 0 auto; background: #00a0e9; }

.member-con-right { float: left; padding: 0 0 36px 60px; border-left: 1px solid #e6e7e8; }
.member-con-right form { }
.member-con-right form p { height: 32px; padding-bottom: 22px; line-height: 32px; }
.member-con-right form p label { float: left; width: 86px; color: #333; text-align: right; padding-right: 4px; }
.member-con-right form p label em { color: #920202; }
.member-con-right form p input { float: left; width: 260px; height: 22px; line-height: 22px; padding: 4px 10px; border: 1px solid #dedede; background: #fff; }
.member-con-right form .sex a { float: left; width: 32px; height: 32px; line-height: 32px; padding-left: 22px; color: #333; background: url(../images/btn11.png) no-repeat 0 10px; }
.member-con-right form .sex a.on { background-position: 0 -32px; }
.member-con-right form p .date { background: #fff url(../images/member5.png) no-repeat right 0; }
.member-con-right form p .add { background: #fff; }
.member-con-right form .tel input { border: 1px solid #f4f6f9; background: #f4f6f9; width: 80px; }
.member-con-right form .tel a { float: left; padding-left: 6px; color: #00a0e9; }
.member-con-right form .tel .txt { border: 1px solid #dedede; background: #fff; }
.member-con-right form .mail a { padding-left: 14px; color: #999; }
.member-con-right form .sub { float: left; width: 100px; height: 32px; line-height: 32px; text-align: center; color: #fff; margin-left: 92px; margin-top: 20px; background: #00a0e9; }
.member-con-right form .reset { float: left; width: 100px; height: 32px; line-height: 32px; text-align: center; color: #333; margin-left: 16px; margin-top: 20px; border: 1px solid #00a0e9; background: #fff; cursor: pointer; }

.nqhpopup{display:none;position:fixed;left:0;top:0;background:url(../images/bg5.png) repeat;width:100%;height:100%;z-index:99;}
.nqhpopupBody{position:fixed;left:50%;top:50%;background-color:#fff;z-index:100;border:1px solid #999;
              -moz-box-shadow: 0px 0px 10px #333;
    -webkit-box-shadow: 0px 0px 10px #333;
    box-shadow: 0px 0px 10px #333;
    /* For IE 8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=0, Direction=135, Color='#000000')";
    /* For IE 5.5 - 7 */
    filter: progid:DXImageTransform.Microsoft.Shadow(Strength=0, Direction=135, Color='#000000');
}
.nqhpopupContent{padding:10px;position:relative;}
.nqhpopupContent .closeBtn{position:absolute;top:5px;right:5px;cursor:pointer;}
.nqhpopupContent .closeBtn img{display:block;}

.yww_Info{width:446px; padding:18px;}
.yww_Info h3{font-size:16px; padding-bottom:11px; font-weight:bold; color:#1e1e1e; border-bottom:1px solid #e6e6e6;}
.yww_Info ul{padding-top:38px; padding-left:55px;}
.yww_Info ul li{overflow:hidden;padding-bottom:10px;}
.yww_Info ul li span{float:left; line-height:47px; font-weight:bold;}
.yww_Info ul li input{width:287px; height:44px; line-height: 44px; padding:0 10px; display:block; float:left;font-size:14px; color:#9a9a9a; border: 1px solid #dedede; }
.yww_Info ul li dl{float:left; margin-right:11px;}
.yww_Info ul li dl dd {width:88px; overflow:hidden;}
.yww_Info ul li dl dd span.yww_Infoinput{width:88px; height:44px; padding-left:9px; display:block; background:url(../images/yww_xxdlbg.jpg) no-repeat; cursor:pointer;}
.yww_Info ul li dl dd ol{   border: 1px solid #ccc;  border-bottom: none;  border-top: none;   z-index: 999;  display: none;}
.yww_Info ul li dl dd ol li{padding:2px;  border-bottom:1px solid #ccc;  padding-left:10px;  background: #fff;  cursor:pointer;}
.yww_Info ul li label{float:left; padding:15px 0 0 3px;}
.yww_Info ul li label input{width:16px; height:16px;margin-right:5px;}
.yww_Info ul li a{width:123px; height:35px; float:left; padding-right:5px; text-align:center; line-height:35px;}
.yww_Info ul li a.yww_xxinputAleft{background:#00a0e9;margin-right:20px; color:#fff;}
.yww_Info ul li a.yww_xxinputAright{background:#ddd; color:#333;}


.yww_Info p{color:#676767; font-size:14px; font-weight:bold;padding-bottom:5px;}
.yww_Info ul.yww_ModTwo{padding-top:20px;}
.yww_Info ul.yww_ModTwo li em{font-size:13px; color:#666666; padding:5px 0;}

.yww_Info .nqhHMmain p{font-size:14px;font-weight:bold;color:#676767;padding-bottom:5px;}
.yww_Info .nqhHMmain span{display:block;font-size:14px;color:#9a9a9a;line-height:40px;}
.yww_Info .nqhHMmain input{float:left;width:146px;height:34px;line-height:34px;padding:0 10px;border:1px solid #d1d1d1;background:#fff;}
.yww_Info .nqhHMmain .verifyBtn{float:left;width:91px;height:34px;line-height:34px;text-align:center;font-size:13px; color:#0b0b0b;margin-left:10px;background-color:#d1d1d1;}
.yww_Info .nqhHMmain input.newPhone{width:247px;margin-bottom:10px;}



/*  人力资源  */

.rlzywrap { width: 100%; height: 800px; background: url(../images/banner5.jpg) no-repeat center 0; }
.rlzy { width: 960px; margin: 0 auto; padding-top: 605px; overflow: hidden; }
.rlzy ul { width: 980px; }
.rlzy ul li { float: left; width: 380px; height: 140px; margin-left: 80px; background: url(../images/bg7.png); position: relative; }
.rlzy ul li p { float: left; width: 106px; height: 106px; padding: 16px 38px 0 32px; }
.rlzy ul li h3 { float: left; width: 150px; padding-top: 30px; color: #00a0e9; }
.rlzy ul li h3 span { display: block; line-height: 46px; font-size: 30px; font-weight: bold; }
.rlzy ul li h3 em { font-size: 12px; }


/*  社会招聘  */

.zpzx-top { height: 96px; background: #f2f2f2 url(../images/rlzy3.png) no-repeat 136px 30px; }
.zpzx-top form { padding: 28px 0 0 176px; }
.zpzx-top form span { float: left; font-size: 18px; line-height: 40px; color: #00a0e9; }
.zpzx-top form .txt { float: left; width: 284px; height: 22px; padding: 8px 10px; font-size: 14px; line-height: 22px; color: #999; border: 1px solid #d9d9d9; border-right: none; }
.zpzx-top form .sub { float: left; width: 106px; height: 40px; font-size: 16px; color: #fff; background: #00a0e9; }
.zpzx-center { padding: 12px 0 12px 26px; margin-top: 14px; height: 26px; line-height: 26px; background: #f2f2f2; }
.zpzx-center strong { font-size: 16px; color: #00a0e9; }
.zpzx-center a.on { color: #00a0e9; }
.zpzx-center a { padding: 0 20px; border-right: 1px solid #666; }

.zpzx-list { padding: 20px 0 48px; }
.zpzx-list ul { border-top: 1px solid #e8e8e8; }
.zpzx-list ul li { width: 830px; border-bottom: 1px solid #e8e8e8; background: url(../images/rlzy4.png) no-repeat 0 -58px; }
.zpzx-list ul li h3 { height: 58px; line-height: 58px; width: 810px; padding-left: 20px; cursor: pointer; }
.zpzx-list ul li .subcon { display: none; padding: 36px 38px 46px; background: #f2f2f2; }
.zpzx-list ul li .con { width: 754px; }
.zpzx-list ul li.act { background-position: 0 0; }
.zpzx-list ul li.act .subcon{ display: block; }
.zpzx-list ul li:hover h3, .zpzx-list ul li.act h3 { color: #00a0e9; }
.zpzx-list a { display: block; width: 220px; height: 36px; line-height: 36px; text-align: center; font-size: 16px; color: #fff; background: #00a0e9; }
.zpzx .page { padding-bottom: 60px; }


/*  投资者保护  */

.tzzbh ul { padding-bottom: 40px; }
.tzzbh ul li { padding-left: 18px; height: 58px; line-height: 58px; border-bottom: 1px solid #e8e8e8; background: url(../images/arrow7.jpg) no-repeat 0 24px; }
.tzzbh ul li a { width: 730px; }
.tzzbh ul li span { float: right; font-size: 12px; color: #999; }
.tzzbh .page { padding-bottom: 48px; }


/*  基本资料  */

.jbzl {  }
.jbzl-top { padding-bottom: 22px; }
.jbzl-top dl { float: left; width: 210px; text-align: center; }
.jbzl-top dl dt { height: 46px; color: #fff; padding-top: 10px; background: #00a0e9; }
.jbzl-top dl dt h3 { font-size: 14px; line-height: 20px; }
.jbzl-top dl dt span { font-size: 14px; font-weight: bold; line-height: 20px; }
.jbzl-top dl dd { height: 100px; border: 1px solid #ccc; border-top: none; }
.jbzl-top dl dd h4 { height: 32px; line-height: 32px; font-size: 30px; font-weight: bold; color: #b1020c; padding: 10px 0 6px 48px; }
.jbzl-top dl dd h4 em { float: left; }
.jbzl-top dl dd h4 span { float: left; height: 32px; padding: 0 16px; }
.jbzl-top dl dd h4 .up { background: url(../images/arrow8.png) no-repeat right 0; }
.jbzl-top dl dd h4 .down { background: url(../images/arrow9.png) no-repeat right 0; }
.jbzl-top dl dd .p1 { color: #b1020c; }
.jbzl-top dl dd .p1 em { padding-left: 20px; }
.jbzl-top dl dd .p2 em { padding-left: 8px; }

.jbzl-list { float: left; width: 616px; }
.jbzl-list h3 { height: 54px; line-height: 54px; padding-left: 50px; font-size: 14px; color: #00a0e9; border: 1px solid #ccc; border-left: none; background: #f2f2f2 url(../images/jbzl1.png) no-repeat 28px 16px; }
.jbzl-list ul { height: 90px; padding: 10px 0 0 16px; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; }
.jbzl-list ul li { float: left; width: 196px; height: 26px; line-height: 26px; }
.jbzl-list ul li span { padding-right: 6px; }

.jbzl-bottom { border: 1px solid #ccc; position: relative; }
.jbzl-bottom ul { height: 44px; line-height: 44px; background: #f2f2f2 url(../images/line8.gif) repeat-x 0 43px; }
.jbzl-bottom ul li { float: left; width: 66px; height: 43px; text-align: center; border-bottom: 1px solid #ccc; cursor: pointer; }
.jbzl-bottom ul li.on { background: #fff; border-color: #fff; }

.jbzl-li { display: none; }
.jbzl-con { padding: 20px 14px 0 ; }
.jbzl-con h4 { height: 40px; line-height: 40px; padding-left: 14px; background: url(../images/jbzl2.png) no-repeat 0 0; }
.jbzl-con h4 strong { font-weight: normal; padding-right: 54px; }
.jbzl-con h4 strong span { padding-right: 12px; }
.jbzl-con h4 strong em { color: #b1020c; }
.jbzl-con h4 .first { float: right; padding-right: 10px; }
.jbzl-con h4 .first span { padding: 0; }
.jbzl-con h4 .first em { padding-right: 6px; }

.con-bottom { padding-top: 20px; }
.con-bottom img { max-width: 800px; }

.jbzl-tab { padding: 24px 0 46px; }
.jbzl-tab .th1 { width: 186px; padding-left: 60px; background: #f7f7f7; }
.jbzl-tab .th2 { width: 526px; padding-left: 50px; color: #666; }
.jbzl-tab .td1 { padding-left: 60px; background: #f7f7f7; }
.jbzl-tab .td2 { padding-left: 50px; color: #666; }
.jbzl-tab th { font-weight: normal; }
.jbzl-tab th, .jbzl-tab td { height: 38px; text-align: left; border: 1px solid #ccc; }


.service ul{padding-left: 20px;}
.service ul li {font-size: 16px; line-height:50px; color: #00a0e9; list-style: disc; }
.service ul p{ font-size: 13px; line-height: 25px; color: #333;}
.service h3{font-size: 16px; line-height: 25px;color: #00a0e9;}
.service .tittle{ font-size: 13px; line-height: 25px; padding-bottom: 10px;color:#1a1a1a;}
.service ul .service-first{ margin-bottom: 20px;}
.service ul .service-first dd{ width: 215px; height:185px; background: #00a0e9; float: left; margin-right:15px; padding: 20px;}
.service ul .service-first dd h3{ font-size: 30px; line-height: 35px; color: #fff; padding-bottom: 25px;}
.service ul .service-first dd p{ font-size: 13px; line-height: 25px; color: #fff;}
.service .bold{ font-weight: bold; padding-bottom: 10px;}
.service .margin-right{ margin-right: 0px;}
.service ul .service-second{ margin-bottom: 17px;}
.service ul .service-second dd{ padding: 17px 0px 0px 0px; background: url("../images/service_one_02.jpg") 13px 0px no-repeat;line-height: 25px; font-size: 13px;color: #333;}
.service ul .service-second dd span{ display: inline-block; width: 27px; height: 27px; background: url("../images/service_one_01.jpg") no-repeat;font-size: 13px; line-height: 27px; text-align: center; color: #fff;padding-right: 17px; }
.service ul .service-second .second-bg{ background: none;}
.service ul .service-third dt{ background: #00a0e9; float: left; padding: 15px; }
.service ul .service-third dt h4{ font-size: 18px; line-height: 30px; font-weight: bold; padding-bottom: 15px;color: #fff;}
.service ul .service-third dt h5{ font-weight: bold; font-size: 13px; line-height: 25px; color: #fff;}
.service ul .service-third dt p{ font-size: 13px; line-height: 20px; color: #fff;}
.service ul .service-third .size-one{ width:230px; height: 250px;}
.service ul .service-third .size-two{ width:779px; height: 250px;}
.service ul .service-third .size-three{ width:367px; height:180px;}
.service ul .service-third .mr-top{ margin-top: 15px;}
.service ul .service-third .mr-left{ margin-left: 15px;}
.service ul .service-third .mr-right{ margin-right: 15px;}
.service ul .service-third .mr-bottom{ margin-bottom: 15px;}
.service ul .service-fourth{ margin-bottom: 60px;}
.service ul .service-fourth dd{ font-size: 13px; line-height: 25px; color: #1a1a1a; font-weight: bold;}


/*start download*/
.download-dl dl{ border-bottom: #c3c3c3 solid 1px;  height: 175px;}
.download-dl dl dt{ width: 630px; height: 175px;}
.download-dl dl dt h3{ font-size: 20px; color:#00a0e9; line-height: 50px; }
.download-dl dl dt{ font-size: 13px;line-height: 25px; color: #a6a6a6;}
.download-dl dl dt span{display: block;color: #c3c3c3; padding-top: 25px;}
.download-dl dl dd{ width: 90px; height: 175px; background: url("../images/download_button.jpg") 0px 45px no-repeat; position: relative;}
.download-dl dl dd a{ display: block; width: 90px; height: 30px; line-height: 20px; padding-top: 60px; text-align: center; position: absolute; top:42px; left: 0; color:#00a0e9;}
.download .next img{ margin: 50px 150px;}


/*start answer*/
.answer ul li{ border-bottom: #e8e8e8 solid 1px; font-size: 14px; color: #4c4c4c; background: url(../images/answer_down.png) no-repeat right 24px; }
.answer ul li h3 { height: 62px; line-height: 62px; padding-left: 60px; background: url(../images/answer_q.png) no-repeat 0 14px; cursor: pointer;}
.answer ul li .con { display: none; padding: 30px 60px 30px 90px; line-height: 30px; font-size: 13px; background: #f7f7f7 url(../images/answer_a.png) no-repeat 30px 18px; }
.answer ul li.cur { background: url(../images/answer_up.png) no-repeat right 24px; }

.answer .page { margin: 50px 150px;}


/*start network*/
.network{ width: 825px; height: 815px; background: url("../images/network_bg.png") 20px 50px no-repeat; position: relative;}
.network ul li { position: absolute; }
.network ul li em { display: none; width: 22px; height: 12px; background: url(../images/arrow11.png) no-repeat; position: absolute; top: -14px; left: 9px; }
.network ul li h3{ display: block; width: 40px; height: 20px; line-height: 20px; font-size: 12px; text-align: center; padding-top: 6px; background: url(../images/network_bluepiont.png) no-repeat center 0; color:#00a0e9; }
.network ul li .con1 { display: none; width: 288px; padding-bottom: 4px; background: url(../images/bg9.png) no-repeat -580px bottom; position: absolute; bottom: 40px; left: -116px; }
.network ul li .con1 h4 { padding-top: 4px; background: url(../images/bg9.png) no-repeat 0 0; position: relative; }
.network ul li .con1 h4 span { display: block; height: 36px; line-height: 36px; padding: 0 15px; font-weight: bold; font-size: 18px; color: #fff; background: #00a0e9 url(../images/line9.gif) no-repeat center bottom; }
.network ul li .con1 h4 a { display: block; width: 14px; height: 14px; background: url(../images/xx3.png) no-repeat; position: absolute; right: 22px; top: 16px; }
.network ul li .con2 { font-size: 13px; padding: 10px 15px; background: #00a0e9; color: #fff; }


/*start contact*/
.contact h2{ font-size: 30px; line-height: 40px; font-weight: bold;color:#00a0e9; text-align: center;}
.contact p{ font-size: 14px; line-height: 20px; color: #999;text-align: center;}
.contact ul{ padding:50px 0px; border-bottom: #eeeeee solid 1px;}
.contact ul li{ width: 195px; float: left;}
.contact ul .contact-map{ width: 225px;}
.contact ul li span{ display: block; color: #8a8a8a; text-align: center; line-height: 50px;}
.contact ul li img{ margin:0px 50px; }
.contact ul .contact-map img{ margin:0px 70px;}
.contact ul li p{ color: #565656;}
.contact .contact-main{ padding: 20px 0px;}
.contact .contact-main .contact-left p{ font-size:18px; line-height: 25px; text-align: left;}
.contact .contact-main .contact-left span{ font-size:36px; line-height: 40px;color:#00a0e9; }
.contact .contact-main .contact-right{ padding-right: 60px;}
.contact .contact-main .contact-right a{float: left;}
.contact .contact-main .contact-right a:hover span{color:#00a0e9;}
.contact .contact-main .contact-right a span{display: block; text-align: center; color: #b3b3b3;}
.contact .contact-bottom{ padding-bottom: 50px;width:825px;height: 430px;}


/*start maintenance*/
.maintenance{ font-size: 14px; color: #1a1a1a;}
.maintenance p{ padding-bottom: 20px;  border-bottom: #eeeeee solid 1px;}
.maintenance p i,.maintenance form em{ color:#00a0e9; }
.maintenance form{padding-top: 10px;}
.maintenance form .maintenance-left{width:410px; }
.maintenance form .maintenance-right{width:410px; }
.maintenance form .maintenance-right label, .maintenance form .maintenance-left label { height: 50px; }
.maintenance form label{float: left;}
.maintenance form span{ display: block; line-height: 50px;}
.maintenance form input{ width: 300px; height: 35px; border: #dcdcdc solid 1px; padding-left: 5px; line-height: 35px;}
.maintenance form .maintenance-left input{margin-left: 10px;}
.maintenance form textarea{width: 807px; height: 220px;border: #dcdcdc solid 1px;margin:0px 0px 30px 10px;padding: 5px;}
.maintenance form .maintenance-bottom { width: 280px; margin: 0 auto 60px;}
.maintenance form .maintenance-bottom input{width: 120px; height: 37px; background: url("../images/maintenance_button.png") no-repeat; font-size: 18px; line-height: 37px; color: #fff; margin: 0 auto; margin: 0px 10px;border: none; cursor: pointer;}


/*start repair*/
.repair .repair-nav{height: 40px; border-bottom:#dcdcdc solid 1px; border-top:#dcdcdc solid 1px;}
.repair .repair-nav .bluebg{ background: #00a0e9; color: #fff;}
.repair .repair-nav a{display: inline-block; width: 125px; height: 40px; line-height: 40px; font-size: 16px; color: #5d5d5d; text-align: center;}
.repair .repair-top{ height: 50px; background: #f2f2f2; padding: 35px 110px; margin-top: 30px;}
.repair .repair-top span{display: inline-block; height: 50px;  font-size: 16px; line-height: 50px; color:#333;padding-right: 20px;}
.repair .repair-top input{ height: 48px;  font-size: 16px; line-height: 48px; width: 305px; color:#dcdcdc;border-bottom:#dcdcdc solid 1px;border-left:#dcdcdc solid 1px;border-top:#dcdcdc solid 1px; padding-left: 20px;}
.repair .repair-top .query{ width: 105px; height: 52px; text-align: center; background: #00a0e9; color: #fff; cursor: pointer;padding-left: 0px; padding-bottom: 0!important;}
.repair form{padding-top: 10px;}
.repair form em{ color:#00a0e9; }
.repair form .repair-left{width:410px; }
.repair form .repair-right{width:398px; margin-right: 5px;}
.repair form label{float: left; position: relative; }
.repair form span{ float: left; width: 90px; height: 50px; line-height: 37px;}
.repair form input{ width: 300px; height: 35px; border: #dcdcdc solid 1px; padding-left: 5px; line-height: 35px; color: #1a1a1a;}
.repair form select{ width: 302px; height: 35px; border: #dcdcdc solid 1px;padding: 0 5px; line-height: 35px; color: #1a1a1a;appearance:none;-ms-appearance:none;-moz-appearance:none;-webkit-appearance:none; background: url("../images/repair_select.jpg") 328px 15px no-repeat;}
.repair form select::-ms-expand{ display: none;}
.repair form select option{ display: block; padding-left: 7px; line-height: 35px;}
.repair form .repair-left input{margin-left: 10px;}
.repair form textarea{width: 807px; height: 220px;border: #dcdcdc solid 1px;margin:0px 0px 30px 10px;padding: 5px;}
.repair form .repair-bottom { width: 280px; margin: 0 auto 60px;}
.repair form .repair-bottom input{width: 115px; height: 37px; background: url("../images/maintenance_button.png") no-repeat; font-size: 18px; line-height: 37px; color: #fff; margin: 0 auto; margin: 0px 10px;border: none; cursor: pointer;}
.repair form label .upload{ width: 16px; height:14px; background: url("../images/repair_add.png") no-repeat; border: none; cursor: pointer; position: absolute; right: 6px; top: 12px;}
.repair form .file{ position:absolute; top:12px; right:5px; height:14px; filter:alpha(opacity:0);opacity:0;width:16px;}

.cxjg { padding: 30px 0px 60px; }
.cxjg table{ width: 827px; margin-top: -1px; color: #333;}
.cxjg table td{ border:#dcdcdc solid 1px;;}
.cxjg table td p{ height: 85px; width: 795px; line-height: 85px; font-size: 24px; color: #333; padding-left: 30px; background: #f2f2f2;}
.cxjg table td p span{color:#00a0e9; }
.cxjg table .table-one{ width:60px; height: 60px; line-height: 60px; text-align: center; font-size: 16px; background: #f2f2f2;border-right: none;}
.cxjg table .table-two{ width:120px; height: 60px; line-height: 60px; text-align: center; font-size: 16px; border-left: none;}
.cxjg table .table-three{ width:410px; height: 60px; line-height: 60px; font-size: 16px; padding-left: 50px;}
.cxjg table .table-four{ width:145px; height: 60px; line-height: 60px; font-size: 16px; padding-left: 20px;}


.jjfa-top img{ width: 100%;padding-bottom: 20px; }
.jjfa-center > ul{ border-bottom: #d9d9d9 solid 1px;}
.jjfa-center > ul > li{ padding:5px 0px; border-top: #d9d9d9 solid 1px;}
.jjfa-center > ul > li h3{ display: block; font-size: 18px; line-height: 40px; padding:0 20px; height: 40px; background: #f2f2f2 url(../images/solution_main_slidedown.png) no-repeat 790px 12px; cursor: pointer;}
.jjfa-center > ul > li .con { display: none; padding: 20px 0; }
.jjfa-center > ul > li.cur h3 { background-image: url(../images/solution_main_slideup.png) }

.jjfa-list .prev, .jjfa-list .next { display: block; width: 26px; height: 43px; position: absolute; top: 105px; z-index: 9;}
.jjfa-list .prev { background: url("../images/solution_bottom_before.jpg") no-repeat; left: 0px; }
.jjfa-list .next { background: url("../images/solution_bottom_after01.jpg") no-repeat; right: 0px; }

.jjfa-list .prev:hover { background: url("../images/solution_bottom_before01.jpg") no-repeat; left: 0px; }
.jjfa-list .next:hover { background: url("../images/solution_bottom_after.jpg") no-repeat; right: 0px; }


.jjfa-bottom { padding: 20px 0 60px; }
.jjfa-bottom h3 { height: 50px; line-height: 50px; color: #fff; padding-left: 16px; background: #00a0e9; }
.jjfa-list { margin-top: 20px; border: 1px solid #d9d9d9; position: relative; overflow: hidden; }
.jjfa-list h4 { width: 530px; height: 36px; font-size: 15px; line-height: 36px; padding-left: 10px; background: #09aaf5; color: #fff; overflow: hidden; }
.jjfa-list h5 { width: 280px; height: 36px; font-size: 15px; line-height: 36px; text-align: right; padding-right: 10px; position: absolute; top: 0; right: 0; }
.jjfa-list h5 a { text-decoration: underline; }

.jjfa-ul { width: 796px; padding: 12px 0 20px; margin-left: 22px; overflow: hidden; position: relative; z-index: 9; }
.jjfa-ul ul { }
.jjfa-ul ul li { float: left; width: 206px; height: 194px; position: relative; background: url(../images/solution_bottom_listadd.jpg) no-repeat 174px 10px; }
.jjfa-ul ul li img { display: block; width: 166px; height: 166px; }
.jjfa-ul ul li .tit { width: 166px; font-size: 13px; color: #333; text-align: center; overflow: hidden; }
.jjfa-ul ul li .mask { display: none; padding: 14px 12px; color: #fff; position: absolute; top: 0; left: 0; background: url(../images/bg8.png); }
.jjfa-ul ul li .con { width: 142px; height: 166px; overflow: hidden;}

.newTitle { background: url(../images/red.png) no-repeat 82px 20px; }



/*  2016-10-10  */

.stuffwrap { display: none; width: 100%; height: 100%; background: url(../images/bg10.png); position: fixed; top: 0; left: 0; z-index: 99; }
.stuff { width: 470px; height: 376px; padding: 15px; background: url(../images/login6.png) no-repeat; position: absolute; top: 50%; left: 50%; margin: -203px 0 0 -250px; }
.stuff h3 { padding: 0 40px; height: 60px; line-height: 60px; border-bottom: 1px solid #4fc0f4; font-weight: bold; font-size: 20px; color: #fff; }
.stuff h3 a, .address h3 a { float: right; width: 30px; height: 30px; margin-top: 16px; background: url(../images/xx4.png) no-repeat; }
.stuff form { padding: 30px 40px 0; }
.stuff form ul li { height: 40px; line-height: 40px; padding-bottom: 22px; color: #fff; font-size: 16px; }
.stuff form ul li label { float: left; width: 90px; }
.stuff form ul li input { float: left; height: 40px; padding: 0 10px; line-height: 40px; background: #4ec8ff; }
.stuff form ul li .txt { width: 280px; }
.stuff form ul li .yz { width: 160px; }
.stuff form ul li .yz + a { float: left; padding: 7px 8px; background: #4ec8ff; }
.stuff form ul li .yz + a img { float: left; width: 104px; height: 26px; }
.stuff form ul li .sub { width: 390px; margin-top: 10px; font-size: 18px; font-weight: bold; color: #00a0e9; background: #fff; }

.cooperate { padding: 20px 150px 0; }
.cooperate form ul li { height: 38px; line-height: 38px; padding-bottom: 22px; font-size: 14px; color: #1a1a1a; }
.cooperate form ul li label { float: left; width: 100px; }
.cooperate form ul li label em { padding-right: 10px; color: #00a0e9; }
.cooperate form ul li select { width: 430px; height: 38px; padding: 10px 5px; line-height: 38px; border: 1px solid #dedede; outline: none; }
.cooperate form ul li input { width: 408px; height: 36px; padding: 0 10px; line-height: 36px; border: 1px solid #dedede; }
.cooperate form ul .last { text-align: center; padding-top: 22px; }
.cooperate form ul .last input { display: inline-block; *display: inline; *zoom: 1; width: 120px; height: 38px; margin: 0 10px; font-size: 18px; color: #fff; border: none; background: #00a0e9; cursor: pointer; }

.cooperate-seccuss { display: none; text-align: center; padding-top: 60px; }
.cooperate-seccuss p { padding: 30px 0 50px; }
.cooperate-seccuss a, .query-ok a { display: block; width: 140px; height: 48px; margin: 0 auto; line-height: 48px; font-size: 16px; color: #fff; background: #00a0e9; }

.query { padding-bottom: 56px; }
.query-top { padding: 26px 0 26px 20px; background: #f2f2f2; }
.query-top .sub { float: left; width: 215px; height: 40px; background: #00a0e9; font-size: 16px; color: #fff; }

.addressSelect2 { float: left; width: 570px; }
.addressSelect2 select { float: left; width: 270px; height: 40px;  line-height: 40px; padding: 10px 5px; margin-right: 5px; color: #999; font-size: 14px; border: 1px solid #d9d9d9; outline: none; }

.query-center { position: relative; width: 830px; height: 730px; background: url(../images/network_bg.png) no-repeat center center; }
.query-center .add1 { position: absolute; display: block; padding-top: 10px; background: url(../images/network_bluepiont.png) no-repeat center 4px; font-weight: bold; color: #00a0e9; }

.addwrap { display: none; width: 695px; height: 500px; padding: 15px; position: fixed; top: 50%; left: 50%; margin: -265px 0 0 -362px; background: url(../images/query1.png) no-repeat; z-index: 99; }
.address h3 { height: 50px; line-height: 50px; padding: 0 20px 0 30px; font-size: 20px; font-weight: bold; color: #fff; background: #00a0e9; }
.address h3 a { margin-top: 10px; }
.address-list { height: 450px; overflow-y: auto; }
.address-list ul { padding: 0 28px; }
.address-list ul li { padding: 16px 0; line-height: 30px; font-size: 14px; color: #333; border-bottom: 1px solid #ddd; }
.address-list ul li strong { font-size: 16px; }

.query-bottom { background: #f2f2f2; padding-bottom: 8px; margin-bottom: 20px; }
.query-bottom h3 { padding: 20px; height: 36px; line-height: 36px; font-size: 20px; font-weight: bold; color: #333; }

.query-check { padding: 0 24px 0 20px; }
.query-check form { padding-bottom: 60px; }
.query-check form label { float: left; line-height: 40px; padding-right: 10px; color: #111; }
.query-check form .txt { float: left; width: 418px; height: 38px; padding: 0 20px; line-height: 38px; font-size: 14px; color: #999; border: 1px solid #d9d9d9; }
.query-check form .sub { float: left; width: 216px; height: 40px; font-size: 16px; color: #fff; margin-left: 16px; background: #00a0e9; }
.query-ok, .query-no { display: none; text-align: center; font-size: 16px; }
.query-ok p, .query-no p { font-weight: bold; color: #00a0e9; padding-top: 10px; }
.query-ok a, .query-no a { margin-top: 20px; }


/*  2016-10-20  */

.select-wrapper { float: left; display: block!important; }


/*  2016-10-29  */

.time { width: 824px; height: 824px; position: absolute; left: 50%; top: 0; margin-left: -412px; }
.time ul { width: 640px; height: 640px; position: absolute; top: 50%; left: 50%; margin: -298px 0 0 -320px; z-index: 3; }
.time ul li { display: none; position: absolute; top: 0; left: 0; }
.time ul li > img { display: block; width: 640px; height: 640px; }
.time ul li p { width: 100%; height: 50px; padding: 10px 0; line-height: 40px; position: absolute; top: 20px; text-align: center;  }
.time ul li p span { padding: 0 10px; font-size: 36px; font-weight: bold; color: #86c001; border-top: 1px solid #86c001; border-bottom: 1px solid #86c001; }
.time ul li em { display: block; width: 100%; height: 40px; text-align: center; position: absolute; bottom: 60px; }
.time ul li em img { display: block; margin: 0 auto; }

.time ol { width: 730px; height: 730px; position: absolute; top: 70px; left: 50%; margin-left: -365px; z-index: 6; }
.time ol li { width: 100%; height: 30px; line-height: 30px; position: absolute; }
.time ol li a { font-size: 16px; color: #666; font-weight: bold; }
.time ol li em { padding-right: 16px; }
.time ol li span { display: block; width: 24px; height: 24px; background: url(../images/time1.png) no-repeat; position: absolute; }
.time ol li.on a span, .time ol li a:hover span { background: url(../images/time2.png) no-repeat; }
.time ol li.on a, .time ol li a:hover { font-size: 24px; color: #86c001; }

.time ol li.oli1 { bottom: 170px; right: 710px; text-align: right; }
.time ol li.oli1 span { right: -40px; top: 4px; }
/* .time ol li.oli2 { bottom: 352px; right: 758px; text-align: right; }
.time ol li.oli2 span { right: -40px; top: 4px; } */
.time ol li.oli2 { top: 168px; right: 710px; text-align: right; }
.time ol li.oli2 span { right: -40px; top: 4px; }
.time ol li.oli3 { top: 134px; right: 688px; text-align: right; }
.time ol li.oli3 span { right: -40px; top: 4px; }
.time ol li.oli4 { top: -2px; right: 526px; text-align: right; }
.time ol li.oli4 span { right: -40px; top: 14px; }
.time ol li.oli5 { top: -26px; right: 490px; text-align: right; }
.time ol li.oli5 span { right: -40px; top: 26px; }
.time ol li.oli6 { top: -52px; right: 54px; text-align: center; }
.time ol li.oli6 span { right: 354px; top: 42px; }
.time ol li.oli7 { top: 38px; left: 584px; text-align: left; }
.time ol li.oli7 span { left: -40px; top: 4px; }
.time ol li.oli8 { top: 166px; left: 710px; text-align: left; }
.time ol li.oli8 span { left: -40px; top: 4px; }
.time ol li.oli9 { top: 348px; left: 758px; text-align: left; }
.time ol li.oli9 span { left: -40px; top: 4px; }
.time ol li.oli10 { bottom: 170px; left: 710px; text-align: left; }
.time ol li.oli10 span { left: -40px; top: 4px; }
.time ol li.oli11 { bottom: 34px; left: 576px; text-align: left; }
.time ol li.oli11 span { left: -40px; top: 4px; }
.time ol li.oli12 { bottom: 36px; right: 578px; text-align: right; }
.time ol li.oli12 span { right: -40px; top: 4px; }


/*  2016-11-02  */

.cpxx-bottom { display: none; }
.level5-xl .p1 { position: relative; z-index: 3; }
.level5-xl .p1 img { display: none; width: 130px; position: absolute; top: 0; right: 10px; }


/*  2016-11-08  */

.level2-con ul li { width: 466px; padding-right: 60px; margin-right: 60px; }
.level2-con ul li img { width: 466px; height: 400px; }
.level2-con ul li h4, .level2-con ul li .con, .level2-con ul li span { color: #fff; }
.level2-con ul li .con { height: 44px; }
.level2-con ul li span { margin-top: 10px; background: url(../images/arrow2-1.png) no-repeat; }
.level2-con ul li:hover .con, .level2-con ul li:hover span { color: #3babfc; }
.level2-con ul li:hover span { background: url(../images/arrow2.png) no-repeat; }
.newswrap { width: 446px; padding: 0 10px 10px; position: absolute; bottom: 0; left: 0; background: url(../images/bgg2.png); }

.zpzx-list2 ul { border-top: 1px solid #e8e8e8; margin-top: 20px; }
.zpzx-list2 ul li { height: 58px; line-height: 58px; padding-left: 20px; border-bottom: 1px solid #e8e8e8; background: url(../images/ll1.png) no-repeat 8px center; }
.query-center .add2 { padding-top: 14px; background: url(../images/logo33.png) no-repeat center 0; }


/*  2016-11-09  */

.jz { text-align: center; }
.smimg.jz ul li, .imgmask.jz span { display: inline-block; *display: inline; *zoom: 1; float: none; margin: 0 6px; }
.imgmask.jz span { margin: 0 8px; }


/*  2016-11-11  */

.jbzlwrap { padding-top: 20px; }
.jbzlwrap .jbzl-list { float: none; width: 100%; border-left: 1px solid #ccc; }
.jbzlwrap .jbzl-list h3 { padding-left: 16px; background: #f2f2f2; }
.jbzlwrap .jbzl-list ul { height: auto; padding: 10px 0 10px 16px; }
.jbzl-tab table { width: 100%; }




/*20170401*/
.footer-list ul li {
    padding-right: 57px;
}



/*-------- 登录弹窗 --------*/
.zdslogintipsmask{width:100%;height:100%;background:rgba(0,0,0,0.6); filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#8F000000,endcolorstr=#8F000000);position:fixed;left:0;top:0;z-index:100;display:none;}
.zdslogintipscont{width:500px;padding:20px;background:#fff;position:absolute;top:30%;left:50%;margin-left:-270px;}
.zdslogintext{width:200px;height:32px;border:1px solid #d3d9de;text-indent:10px;line-height:32px;}
.zdslogintipscont ul{padding: 36px 0 0 108px;}
.zdslogintipscont ul li{padding:10px 0;}
.zdsloginbtn{display:block;width:108px;height:34px;background:#00a0e9 ;color:#fff;margin:20px auto;cursor:pointer;}
.gbbtnlink{display:block;width:19px;height:19px;position:absolute;right:10px;top:10px;background:url(../images/xx.png) no-repeat;}



/*20170601*/
.level1{ padding-top:10px;}
.videolink { display:block;position:absolute;z-index:2;top:50%; margin-top:-167px;left:50%; margin-left:-275px; background:url(../images/btn.png) no-repeat center center;cursor:pointer; width: 539px; height: 334px;}
.videoimg{ display: block;  width: 1200px; margin:0 auto;}
.video-pop { display: none; width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 999; background: rgba(0,0,0,0.6); filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#7F000000,endcolorstr=#7F000000); box-sizing:initial;}
.video-pop *{box-sizing:initial;}
.video-con { width: 682px; /*height: 490px; padding: 12px 50px; */background: #fff; position: absolute; top: 50%; left: 50%; margin: -245px 0 0 -396px; }
.video-pop .close { display: block; width: 28px; height: 28px; background: url(../images/closebtn_01.png) no-repeat; position: absolute; top: 4px; right: 20px; }
.video-pop .videobox { width: 682px; height: 400px; overflow: hidden; position: relative; }
.video-pop .name { font-size:22px;color:#333;font-weight:bold;line-height:60px;/*height:60px;*/ height:34px;overflow:hidden;text-align:center;/*padding-top:10px;*/}
.video-pop .text { padding-top:6px;font-size:14px;color:#333;line-height:24px;height:96px;overflow-y:auto;}


.video {
    width: 100%;
    background-color: #fff;
}
.video_one {
    position: relative;
    overflow: hidden;
}
.videos {
    float:left;
    width:324px;
    text-align:center;
}

#example_video_1 {
    transform: translateZ(0px);
    transition: transform 0.3s ease 0s;
}
#example_video_1:hover {
    transform: scale(1.1, 1.1);
    transition: transform 0.6s ease 0s;
}
.video_one .vjs-big-play-button {
    width: 1.5em;
    border-radius: 1.5em;
    font-size: 5em;
    top: 194px;
    left: 47%;
}
.video_two .vjs-big-play-button, .video_three .vjs-big-play-button, .video_four .vjs-big-play-button {
    width: 1.5em;
    border-radius: 1.5em;
    font-size: 3em;
    top: 59px;
    left: 140px;
}
.video-js {
    background-color: transparent;
}
.smallVideo{height:200px; position:absolute; left:50%; margin-left: -486px; bottom:0;width:972px;overflow: hidden;}

.video-big, .video-small{ display:block; position:relative;}
.video-small img{  width:287px; height:140px; margin:0 auto; display:block;}
.video-big .bofangbtn, .video-small .bofangbtn{ position:absolute; top:50%; left:50%; background-image:url(../images/btn.png); background-repeat:no-repeat; background-size:cover;}
.video-big .bofangbtn{ width:69px; height:71px; margin-left:-35px; margin-top:-35px;}
.video-small .bofangbtn{ width:45px; height:46px; margin-left:-22px; margin-top:-20px;}
.btn_arrow{position:absolute;bottom:100px;color: #fff; width:14px; height:24px; background-image:url(../images/lr_arrow.png); background-repeat:no-repeat; display:block; cursor:pointer;}
.btn_l{left:50%; margin-left: -506px; background-position:0 0;}
.btn_r{right:50%; margin-right: -506px; background-position:-21px 0; }
.videoList{height:200px; width:auto; padding: 20px 0 0 0; position:relative;}
.smallVideoList{height:200px; width:auto;}

.repair form select.hsh_inputArea{float:left;border:1px solid #dedede; width:176px;margin-left:-1px; padding-left:10px;height:37px; line-height:33px;color:#666; font-size:13px; background:#fff url(../images/memimg13.jpg) no-repeat right center; background-repeat:no-repeat; appearance: none; -moz-appearance: none; -webkit-appearance: none;outline: none; background-size:37px;}
.lyner{ display: block;}

.repair form .repair-bottom.wqrepair-bottom{ margin-top:40px;}
.wqContant{ position: fixed; top:50%; z-index: 9999; left:12px;}
.wqContant a{ text-align: center; font-size:14px; padding-top:55px;color:#FFF;display: block; background:#eb6100 url(../images/客服.png) no-repeat  no-repeat center 14px; width: 65px; height: 54px; background-size: 40px 35px;}

.mobilecode{ position:absolute; top:80px;left:-25px;width:150px;height:150px; border:1px solid #ddd; display:none;}
.mobilecode img{width:150px;height:150px; display:block;}
.header .icon a.mobilesicon01{background: url(../images/wimg05.png) no-repeat center;background-size: 16px auto; padding:0; width: 24px; height: 66px;}
.wqrepair input { display:block;}
.wqrepair label { margin-bottom:10px;}
.wqrepair.repair form .repair-bottom.wqrepair-bottom { text-align:center;}
.wqrepair.repair form .repair-bottom.wqrepair-bottom input { display:inline-block;margin:0 30px 0 0;}
.wqrepair.repair form .repair-right { width:358px; margin:0;}
.wqrepair.repair form .repair-left { width:358px; }
.wqrepair.repair form .repair-bottom { width:100%;}

/*20170706*/
.footer-top { padding:35px 0;}
.footer-top ul { width:100%;}
.footer-top ul li { line-height:56px; width:100%;}
.footer-top .leftlists { width:260px;}
.wqweb2017 { width:1200px; margin:0 auto;}
.footer-top .rightewms { width:900px; }
.footer-top .rightewms ul { padding-top: 11px; }
.footer-top .rightewms ul li { float:left; width:160px; margin-right:25px; padding:0; text-align:center;}
.footer-top .rightewms ul li img { display:block;width:120px; height:120px; margin:0 auto; padding:0;}
.footer-top .rightewms ul li p { font-size:14px; line-height:24px;}

/*20170807*/
.level5-news { height:571px; background-size:cover;}
.footer-list ul li { padding-right:128px;}
.footer-list ul li > p { height:120px;}
.footer-list ul { width:1300px;}
.footer-list { overflow:hidden;}
.footer-top ul { width:354px;}
.footer-top .rightewms ul li{ height:144px;overflow:hidden;}

.footer-top .rightewms ul li p{ height:120px;}