@charset "utf-8";
/* CSS Document */
/*common*/
.mb10 { margin-bottom:10px;}
.ml10 { margin-left:10px;}
.bg { background:#FFF;}
em,i{ font-style:normal;}

body{min-width: 1200px; width: 100%;}


/**/
.banner{ height:614px; width:100%; position:relative; z-index:1;}
.banner .bd{ height:614px; overflow:hidden;}
.banner .bd a{ display:block; background:url(../images/banner.jpg) no-repeat center top;height:614px; overflow:hidden;}
.banner .bantil{ width:132px; height:17px; position:absolute; bottom:40px;left:45%; z-index:8;}
.banner .bantil li{ width:17px; height:17px; float:left; display:inline; margin:0 12px;background:#fff;}
.banner .bantil li.cur{background:#008fd7;}

.sou{ display:block; width:170px; height:25px; float:left; overflow:hidden; position:absolute; z-index:2; top:5px; left:50%; margin-left:200px;border:1px solid #868686;}
.ip01{ width:130px; height:25px; font:14px "Microsoft Yahei"; line-height:25px; color:#868686; padding-left:10px; background:none; border:0; overflow:hidden;}
.ip02{ width:24px; height:25px; background:url(../images/sou2.gif) no-repeat left center; border:0; overflow:hidden; cursor:pointer;}

.ser{ background:url(../images/ser_bg.jpg) no-repeat center top; height:431px; padding-top:60px; overflow:hidden;}
.ser dl{ width:599px; height:145px; float:left; overflow:hidden; border-right:1px solid #e5e4e5; border-bottom:1px solid #e5e4e5;background:url(../images/ser_bg2.png) no-repeat 50px 20px;}
.ser dt{ width:103px; height:103px; float:left; margin:20px 0 0 50px; overflow:hidden;}
.ser dd{ width:395px; float:left; height:105px; padding-left:30px; font:18px "Microsoft Yahei"; color:#01b1ec; padding-top:40px;}
.ser dd em{ display:block; font:14px "Microsoft Yahei"; color:#555; padding-top:8px;}
.ser .cur{ background:#01b1ec url(../images/ser_bg1.png) no-repeat 50px 20px; color:#fff;}
.ser .cur dd,.ser .cur dd em{ color:#fff;}
.ser .dl01 dt{ background:url(../images/ser1.png) no-repeat center top;}
.ser .dl02 dt{ background:url(../images/ser2.png) no-repeat center top;}
.ser .dl03 dt{ background:url(../images/ser3.png) no-repeat center top;}
.ser .dl04 dt{ background:url(../images/ser4.png) no-repeat center top;}
.ser .dl02,.ser .dl04{ border-right:0;}
.ser .dl03,.ser .dl04{ border-bottom:0;}
.ser .cur.dl01 dt,.ser .cur.dl02 dt,.ser .cur.dl03 dt,.ser .cur.dl04 dt{background-position:0 -103px;}{background-position:0 -103px;}

.fen{ margin-top:35px; width:284px; overflow:hidden;}
.fen h2{ height:74px; padding:30px 0 0 102px; width:171px; font:20px "Microsoft Yahei"; font-weight:bold; background:#01b1ec url(../images/fen_h.gif) no-repeat 44px 38px;}
.fen h2 a{ color:#fff;}
.fen h2 em{ display:block; font:16px Arial, Helvetica, sans-serif; color:#80d8f6; font-weight:normal;}
.fen2{ width:284px; background:url(../images/fen_bg.gif) repeat-y left top;}
.fen2 h3{ width:284px; height:52px; overflow:hidden; font:16px "Microsoft Yahei"; line-height:52px; overflow:hidden;}
.fen2 h3 a{ display:block;background:url(../images/fen_bg1.gif) no-repeat 1px top; padding-left:50px; color:#555;}
.fen2 h3 a:hover,.fen2 h3.cur a{background:url(../images/fen_bg2.gif) no-repeat 1px top; color:#fff;}
.fen2 ul{ padding-top:12px;}
.fen2 li{ font:14px "Microsoft Yahei"; line-height:34px; height:34px; overflow:hidden; background:url(../images/fen_jt2.gif) no-repeat 52px center;}
.fen2 li a{ padding-left:71px;}

.tit1{ height:106px; font:26px "Microsoft Yahei"; color:#333;overflow:hidden; background:url(../images/ser_h.png) no-repeat center 8px; text-align:center;}
.tit1 a{ color:#333;}
.tit1 em{ display:block; font:22px Arial, Helvetica, sans-serif; color:#a4a7a9; text-transform:uppercase; height:43px; background:url(../images/ser_h2.gif) no-repeat center bottom;}

.pro{ width:895px; overflow:hidden; margin-top:15px; }
.pro01{ height:379px;overflow:hidden; position:relative;}
.pro01 dl{height:373px; border:3px solid #01b1ec; overflow:hidden;}
.pro01 dt{ width:608px; height:373px; float:left; overflow:hidden;}
.pro01 dt img{ width:608px; height:373px; display:block;}
.pro01 dd{ width:211px; height:373px; overflow:hidden; background:#01b1ec; float:left; padding:0 35px;}
.pro01 dd h3{ height:64px; padding-top:16px; padding-left:20px; border-bottom:1px solid #27bdef; border-top:1px solid #27bdef; overflow:hidden; margin-top:47px; font:22px "Microsoft Yahei"; margin-bottom:10px;}
.pro01 dd h3 a{color:#fff;}
.pro01 dd h3 em{ display:block; font:14px "Microsoft Yahei"; text-transform:uppercase; color:#78d5f5;}
.pro01 dd .pp01{ font:14px "Microsoft Yahei"; line-height:24px; color:#fff; overflow:hidden;padding-left:20px; height:120px;}
.pro01 dd p b{ display:block;}
.pro01 dd span a{ display:block; margin:20px 0 0 20px; width:122px; height:40px; font:14px "Microsoft Yahei"; line-height:40px; overflow:hidden; background:#fff url(../images/pro_jt.gif) no-repeat 90px center; color:#01b1ec; padding-left:20px;}
.pro01 h5{ width:325px; background:#01b1ec; height:52px; overflow:hidden; position:absolute; bottom:0; left:115px; font:16px "Microsoft Yahei"; text-align:center; font-weight:bold; color:#fff; line-height:52px;}
.pro01 h5 em{ font:28px Arial, Helvetica, sans-serif; padding-left:5px;}
.arr{ width:112px; height:52px; overflow:hidden; position:absolute; bottom:0; left:0; font-size:0; line-height:0;}
.arr a{ display:inline-block; width:56px; height:52px; background:#353535;}
.arr img{ display:block; width:56px; height:52px;}
.arr a:hover{ background:#01b1ec;}
.pro2 li{ width:280px; float:left; border:1px solid #ddd; overflow:hidden; margin-right:16px; margin-top:20px; height:245px}
.pro2 li a {width:280px; height:197px; text-align:center; display:table-cell; vertical-align:middle}
.pro2 li a img{  max-width:280px;max-height:197px;}
.pro2 li em{ display:block; font:14px "Microsoft Yahei"; text-align:center; line-height:45px; height:45px; overflow:hidden; color:#333; overflow:hidden; border-top:1px solid #ddd;}
.pro2 .nones{ margin-right:0;}

.guan1{ height:240px; overflow:hidden; background:url(../images/guan1.jpg) no-repeat center top;margin-bottom: 30px;}
.guan1 p{ width:223px; height:60px; font:16px "Microsoft Yahei"; color:#fff; padding-top:116px; float:right;}
.guan1 p em{ display:block; font:24px "Microsoft Yahei"; font-weight:bold;}

.hy{ height:645px; margin-top:82px; overflow:hidden;}
.hy .tit1,.ys .tit1{ background:url(../images/hy_h.png) no-repeat center 8px;}
.hy1{ height:133px; overflow:hidden; background:url(../images/hy_bg.gif) repeat-x center 40px;}
.hy1 li{ font:16px "Microsoft Yahei"; text-align:center;width:133px; height:133px; float:left; overflow:hidden;}
.hy1 li a{ display:block;color:#333; background:url(../images/hy_dot1.png) no-repeat center 31px; height:133px;}
.hy1 li a:hover,.hy1 .cur a{ color:#01b1ec; font-weight:bold; background:url(../images/hy_dot2.png) no-repeat center 31px;}
.hy1 h5 a{ display:block; float:left; width:133px; height:133px; font:16px "Microsoft Yahei"; text-align:center; background:url(../images/hy_dot1.png) no-repeat center 31px; color:#333;}
.hy2{ height:319px; width:1200px; margin:0 auto; overflow:hidden;}
.hy2 dl{ height:319px; overflow:hidden;}
.hy2 dt{ width:549px; height:319px; float:left; overflow:hidden;}
.hy2 dt img{ display:block;width:549px; height:319px;}
.hy2 dd{ width:590px; float:right; overflow:hidden;}
.hy2 dd h3 a{ display:block; font:16px "Microsoft Yahei"; font-weight:bold; height:60px; line-height:60px; overflow:hidden; color:#333;}
.hy2 dd p{ font:14px "Microsoft Yahei"; line-height:24px; height:96px; overflow:hidden; color:#666;}
.hy2 dd span{ display:block; width:245px; height:43px; overflow:hidden; font:16px "Microsoft Yahei"; color:#333; font-weight:bold;}
.hy2 dd span i{ font-size:32px;}
.hy2 dd span b{ display:block; float:right; font:14px "Microsoft Yahei"; background:url(../images/hy_lx.gif) no-repeat left 7px; padding-left:30px; height:43px; line-height:50px;}
.hy2 dd h5 a{ display:block; width:122px; height:40px; overflow:hidden; margin-top:20px; background:url(../images/hy_btn.gif) no-repeat center top; font:14px "Microsoft Yahei"; line-height:40px; padding-left:20px; color:#fff;}

.ys{ background:url(../images/ys_line.gif) no-repeat center top; padding:85px 0 0 0;}
.ys1{ height:400px; overflow:hidden;}
.ys1 dt{ width:591px; height:337px; overflow:hidden;}
.ys1 dd{ width:576px; margin-top:83px;}
.ys1 dd h3{ height:70px; overflow:hidden; background:url(../images/ys01.jpg) no-repeat left top; font:24px "Microsoft Yahei"; font-weight:bold; color:#2f2f2f; padding-top:10px;}
.ys1 dd h3 em{ display:block; width:135px; height:70px; padding-left:94px; font:40px Arial, Helvetica, sans-serif; font-weight:bold; line-height:70px; overflow:hidden; color:#fff; float:left; margin-top:-10px;}
.ys1 dd h3 i{ display:block; font:14px Arial, Helvetica, sans-serif; text-transform:uppercase; color:#999;}
.ys1 dd p{ font:14px "Microsoft Yahei"; line-height:27px; color:#333; padding-top:32px;}
.ys1 dd p b{ color:#ee0000;}
.ys2{ height:385px; padding-top:52px; overflow:hidden; background:#01b1ec;}
.ys2 dt{ background:url(../images/ys_bg2.gif) no-repeat left top; width:569px; height:331px; overflow:hidden;}
.ys2 dd{ width:576px; margin-top:83px;}
.ys2 dd h3{ height:70px; overflow:hidden; background:url(../images/ys02.jpg) no-repeat left top; font:24px "Microsoft Yahei"; font-weight:bold; color:#01b1ec; padding-top:10px;}
.ys2 dd h3 em{ display:block; width:135px; height:70px; padding-left:94px; font:40px Arial, Helvetica, sans-serif; font-weight:bold; line-height:70px; overflow:hidden; color:#fff; float:left; margin-top:-10px;}
.ys2 dd h3 i{ display:block; font:14px Arial, Helvetica, sans-serif; text-transform:uppercase; color:#999;}
.ys2 dd p{ font:14px "Microsoft Yahei"; line-height:27px; color:#fff; padding-top:32px;}
.ys3{ height:375px; border-bottom:1px solid #eee; margin-top:60px; overflow:hidden;}
.ys3 dt{ width:485px; height:361px;}
.ys3 dd h3{background:url(../images/ys03.jpg) no-repeat left top;}
.ys1.ys4{ height:347px; margin-top:88px;}
.ys4 dt{ width:566px; height:347px;}
.ys4 dd h3{background:url(../images/ys04.jpg) no-repeat left top;}

.bg01{ height:650px; padding-top:70px; background:url(../images/lc_line2.gif) repeat-x center top;}
.lc{ height:379px; overflow:hidden;}
.lc .tit1{ height:97px; background:url(../images/lc_h.png) no-repeat center 8px;}
.lc .tit1 a{ color:#fff;}
.lc .tit1 em{ color:#67d0f4; background:url(../images/lc_line.gif) no-repeat center bottom;}
.lc ul{ height:270px; overflow:hidden; background:url(../images/lc_bg.gif) no-repeat center 154px;}
.lc li{ width:96px; margin-right:42px;float:left;}
.lc li a{ display:block; height:260px; background:url(../images/lc_bg1.png) no-repeat center top;}
.lc li em{ display:block; width:96px; height:111px; overflow:hidden; margin-bottom:28px;}
.lc li i{ display:block; font:20px Arial, Helvetica, sans-serif; text-align:center; color:#01b1ec; line-height:35px; font-weight:bold;}
.lc li p{ font:16px "Microsoft Yahei"; text-align:center; font-weight:bold; color:#fff; padding-top:16px;}
.lc .li1 em{ background:url(../images/lc1.png) no-repeat center top;}
.lc .li2 em{ background:url(../images/lc2.png) no-repeat center top;}
.lc .li3 em{ background:url(../images/lc3.png) no-repeat center top;}
.lc .li4 em{ background:url(../images/lc4.png) no-repeat center top;}
.lc .li5 em{ background:url(../images/lc5.png) no-repeat center top;}
.lc .li6 em{ background:url(../images/lc6.png) no-repeat center top;}
.lc .li7 em{ background:url(../images/lc7.png) no-repeat center top;}
.lc .li8 em{ background:url(../images/lc8.png) no-repeat center top;}
.lc .li9 em{ background:url(../images/lc9.png) no-repeat center top;}
.lc .li9{ margin-right:0;}
.lc .li2 p{ width:125px; margin-left:-15px; position:relative;}
.lc li a:hover{ background:url(../images/lc_bg2.png) no-repeat center top;}
.lc li a:hover em{ background-position:0 -111px;}

.guan2{ background:url(../images/guan2.jpg) no-repeat center top; height:200px; overflow:hidden; position:relative;}
.guan2 p{ width:296px; height:30px; background:#fff; position:absolute; top:119px; right:150px; text-align:center; font:16px "Microsoft Yahei"; line-height:30px; color:#333;}
.guan2 p em{ font:24px Arial, Helvetica, sans-serif; font-weight:bold; color:#01b1ec;}

.new{ height:575px; overflow:hidden;}
.new1{ height:44px; border-bottom:1px solid #eee; overflow:hidden; margin-bottom:35px;}
.new1 li{ float:left; margin-right:30px; font:20px "Microsoft Yahei";}
.new1 li a{ color:#333;}
.new1 li em{ display:block; width:32px; height:23px; float:left; margin-right:8px;}
.new1 li em img{display:block; width:32px; height:23px;-webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%);
    filter: gray;}
.new1 li a:hover,.new1 .cur a{}
.new1 li a:hover img,.new1 .cur img{-webkit-filter: grayscale(0%);
    -moz-filter: grayscale(0%);
    -ms-filter: grayscale(0%);
    -o-filter: grayscale(0%);
    filter: grayscale(0%);
    filter: gray;}
.new01 .dl01{ width:549px; float:left; overflow:hidden;}
.new01 .dl01 dt img{ display:block; width:549px; height:229px;}
.new01 .dl01 dd h3 a{display:block; font:16px "Microsoft Yahei"; font-weight:bold; color:#333; line-height:40px; overflow:hidden; margin-top:15px;}
.new01 .dl01 dd h3 em{ font-size:14px; color:#999; font-weight:normal; float:right;}
.new01 .dl01 dd p{ font:14px "Microsoft Yahei"; line-height:24px; height:48px; overflow:hidden; color:#666;}
.new02{ width:580px; float:right;}
.new02 dl{ height:116px; overflow:hidden;}
.new02 dt{ width:106px; height:55px; border-right:1px solid #eee; float:left; margin-top:30px; text-align:center; font:56px Arial, Helvetica, sans-serif; color:#666; line-height:55px;}
.new02 dd{ width:447px; float:right; margin-top:25px;}
.new02 dd h3 a{ display:block; font:14px "Microsoft Yahei"; font-weight:bold; color:#333; height:24px; overflow:hidden;}
.new02 dd h3 em{ color:#999; font-size:14px; float:right; font-weight:normal;}
.new02 dd p{ font:14px "Microsoft Yahei"; line-height:20px; height:40px; overflow:hidden; color:#666;}
.new02 .cur01{ background:#01b1ec; border-left:5px solid #009bcf;}
.new02 .cur01 dt,.new02 .cur01 dd h3 em{ display:none;}
.new02 .cur01 dd{ width:485px; padding-right:50px;}
.new02 .cur01 dd h3 a,.new02 .cur01 dd p{ color:#fff;}

.about{ height:866px; overflow:hidden; background:url(../images/about_bg.jpg) no-repeat center top; padding-top:60px;}
.about .tit1{ height:164px; background:url(../images/about_h.png) no-repeat center 8px;}
.about .tit1 a{ color:#fff;}
.about .tit1 em{ color:#858686;}
.about .tit1 p{ font:20px "Microsoft Yahei"; color:#fff; padding-top:15px;}
.about dt img{ display:block; width:1200px; height:353px;}
.about dd h3 a{ display:block;font:16px "Microsoft Yahei";text-align:center; font-weight:bold; height:40px; margin-top:56px; overflow:hidden; color:#333;}
.about dd p{ font:14px "Microsoft Yahei"; text-align:center; line-height:24px;  overflow:hidden; color:#555;}
.about dd span a{display:block; width:122px; height:40px; overflow:hidden; margin:20px auto 0; background:url(../images/hy_btn.gif) no-repeat center top; font:14px "Microsoft Yahei"; line-height:40px; padding-left:20px; color:#fff;}

.contact-z1 {
            height: 140px;
            background: url("../images/contact-z1.jpg") no-repeat;
            color: #333;
            margin-bottom: 30px;
        }
        
        .contact-z1 p {
            font-size: 20px;
            height: 30px;
            line-height: 30px;
            padding: 37px 0 0 95px; 
            background: url(images/contact-z1_tel.png) no-repeat 74px 44px;
        }
        
        .contact-z1 span {
            display: block;
            height: 30px;
            font-weight: bold;
            font-size: 18px;
            line-height: 30px; 
            padding-left: 73px;
        }
.page_info{    text-align: center;
    margin-top: 10px;
    color: #333;
    height: 25px;
    line-height: 25px;
    background: #F9F9F9;
    padding: 0 5px;
    border: solid 1px #ccc; clear:both}
.page_info span{padding:0 2px;font-weight:bold;}
.page_list{height:24px;line-height:24px;text-align:center;letter-spacing:0;font-family:"Arial Black";font-size:12px;margin-top:20px; margin-bottom:10px; clear:both}
.page_list a{display:inline-block;color:#898989;background:#f8f8f8;text-align:center;padding:0 8px;margin:0 1px;}
.page_list a:hover{color:#fff;background:#898989;}
.page_list a.on{color:#333;background:#E5EDF2;}


.msgtitle{display:block;padding-bottom:5px;font-size:14px;font-weight:bold;}
.message_block{color:#666;}
.message_block p{padding:12px;}
.msg_input{width:400px;border:1px solid #e0e0e0;padding:8px 9px;background:#fff;font-size:13px;color:#888;-webkit-box-shadow:0px 2px 0px 0px rgba(0, 0, 0, 0.03);box-shadow:0px 2px 0px 0px rgba(0, 0, 0, 0.03);border-radius:2px;}
.msg_input_on{width:400px;border:1px solid #8cd1ff;background:#f1f9ff;padding:8px 9px;-webkit-box-shadow:0px 2px 0px 0px rgba(0, 0, 0, 0.03);box-shadow: 0px 2px 0px 0px rgba(0, 0, 0, 0.03);border-radius:2px;font-size:13px;color:#888;}
.message_labes{font-size:14px;}
.message_title{height:34px;line-height:34px;background:#f6f9fb;padding:0 12px;}
.message_title h2{color:#376b88;font-size:14px;float:left;}
.message_title span{float:right;font-weight:bold;color:#999;}
.message_info{color:#8ea6b6;text-align:right;}
.message_replay{background:#f5f5f5;padding:0 12px;}
.msg_btn_area{margin:16px 0;text-align:right;}
.msg_btn_area a{display:inline-block;padding:5px 15px;background:#09F;color:#fff;text-align:center;font-family:"宋体";font-size:14px;overflow:hidden;cursor:pointer;font-weight:bold;}
.msg_btn_area a:hover{text-decoration:none;}
.msgflag{margin-left:4px;font-size:12px;color:#900;}