@charset "utf-8";
/* CSS Document */
ul,li{list-style:none}
body, div, span, object, frame, select, h1, h2, h3, h4, h5, h6, p, blockquote, a, code, em, img, q, small, strong, dd, dl, dt, li, ol, ul, fieldset, form,img, label, table, tbody, tr, dd,dt,th,td,img{ margin:0; padding:0; border:0;}
body{margin:0; padding:0; font-family:"Microsoft YaHei","Lucida Sans Unicode","Myriad Pro","Hiragino Sans GB","Heiti SC",Verdana,simsun;}
.clear{clear:both} 
.wrap{ width:1000px; margin:0 auto; }
.top10{ margin-top:10px;}
.top20{ margin-top:20px;}
/*public_head css*/
.public_head{ width:100%; background:#FFF; position:relative }

.top1{ height:30px;background:#f8f8f8; width:100%; display:block;}
.top{ width:1000px; margin:0 auto;display:block;overflow:hidden ;position:relative;font-size:12px;color:#dcdcdc;line-height:30px;height:30px; }

.top h100, .top .main_nav{ float:left; }
.top h100{  width:300px;  text-align:left; padding-left:10px;}
.top .Share{ width:680px;height:30px; float:right; position: absolute; right:10px; top:0px;line-height:30px}
.top .Share ul{ float:right; }
.top .Share ul li{ float:left; font-size:12px; padding-left:15px; display:block }
.top .Share ul li a{ color:#999; text-decoration:none; font-weight:normal; line-height:28px; display:block; height:28px}
.top .Share ul li a:hover{ color:#333}

.topbar{ height:75px; display:block; overflow:hidden}
.topbar h1, .topbar .main_nav{ float:left;  }
.topbar h1, topbar{ padding-top:15px; width:200px; height:60px}
.topbar .main_nav{ float:right;padding-top:0px; width:730px;}

.navbar .nav ul { margin-top:35px;}
.nvacon{ padding-top:4px; float:right;}
.nvacon ul li{ float:left;font-size:14px; height:68px; font-weight:normal; margin:0 12px}
.nvacon ul li a{line-height:68px;  color:#666666; text-decoration:none; padding:0px 4px 0px 4px;  font-weight:bold; display:block; word-wrap: break-word;  word-break: normal;}
.nvacon ul li a:hover{ color:#b00003; border-bottom:#b00003 3px solid;}
.nvacon ul .hover {  color:#b00003;   border-bottom:#b00003 3px solid}}

/*index_banner css*/
.banner{ height:475px; background:#666;}
.flexslider{position:relative;height:450px;overflow:hidden;background:url(../images/loading.gif) 50% no-repeat;}
.slides{position:relative;z-index:1;}
.slides li{height:475px;}
.flex-control-nav{position:absolute;bottom:10px;z-index:2;width:100%;text-align:center;}
.flex-control-nav li{display:inline-block;width:14px;height:14px;margin:0 5px;*display:inline;zoom:1;}
.flex-control-nav a{display:inline-block;width:14px;height:14px;line-height:40px;overflow:hidden;background:url(../images/dot.png) right 0 no-repeat;cursor:pointer;}
.flex-control-nav .flex-active{background-position:0 0;}
.flex-direction-nav{position:absolute;z-index:3;width:100%;top:40%;}
.flex-direction-nav li a{display:block;width:50px;height:50px;overflow:hidden;cursor:pointer;position:absolute;}
.flex-direction-nav li a.flex-prev{left:20px;background:url(../images/prev.png) center center no-repeat;}
.flex-direction-nav li a.flex-next{right:20px;background:url(../images/next.png) center center no-repeat;}

/*index_service css*/
.service_bar{ height:105px;  margin-top:15px;  overflow:hidden}
.service_bar ul li a { background:url(../images/serv_bg.gif) no-repeat scroll 0px 0px; width:195px; display:block; height:105px; overflow:hidden; text-decoration:none;}
.service_bar ul li a:hover{background:url(../images/serv_bg.gif) no-repeat scroll -195px 0px; color:#b00003; }
.service_bar ul li a .txt h1{ font-size:16px; width:105px; color:#333333; line-height:15px; height:20px; font-weight:normal;}
.service_bar ul li a:hover .txt h1{ font-size:16px; width:105px; color:#cc2200; line-height:15px; height:20px; font-weight:normal;}

.service_bar ul li .dot_pic,.service_bar ul li a .txt{ float:left}
.service_bar ul li a .txt h2{font-size:12px; width:105px; height:51px; display:block; overflow:hidden; font-weight:normal;color:#999; line-height:16px;}
.service_bar ul li a .txt{ padding-top:20px; margin-left:7px}
.service_bar ul li .dot_pic{ width:80px; height:90px; display:block; overflow:hidden}
.service_bar ul li{ float:left; margin-right:6px;}
.ser1{ background:url(../images/ser_pic.png) no-repeat scroll 0px 20px}
.ser2{ background:url(../images/ser_pic.png) no-repeat scroll -80px 20px}
.ser3{ background:url(../images/ser_pic.png) no-repeat scroll -165px 20px}
.ser4{ background:url(../images/ser_pic.png) no-repeat scroll -245px 20px}
.ser5{ background:url(../images/ser_pic.png) no-repeat scroll -332px 20px}


/*index_news css*/
.index_news,.index_pro,.ser_line{ float:left; margin-top:25px;}
.Column_title{ border-bottom:1px solid #d1d1d1;}
.Column_title span{ font-size:16px; line-height:25px; color:#333333; display:block; width:70px; border-bottom:1px solid #9d9d9d; padding:0px 4px;}
.Column_title a{ float:right; margin-top:10px; margin-right:2px; background:url(../images/more.gif) no-repeat; width:29px; height:10px; text-indent:-100px; display:block; overflow:hidden; text-decoration:none;}
.Column_title a:hover{background:url(../images/more.gif) no-repeat scroll -29px 0px;}
.index_news{ width:310px;}
.index_pro{ width:380px; margin-left:35px;}
.ser_line{ width:245px; background:url(../images/online_bg.png) no-repeat top; width:245px; height:204px;  float:right}
.hot_news .pic{ width:105px; height:70px; border:1px solid #eee;}
.hot_news .pic img{width:105px; height:70px;}
.hot_news .pic, .hot_news .txt{ float:left}
.hot_news .txt{ float:right; width:192px; overflow:hidden}
.hot_news .txt h1 a{ font-size:12px; color:#d83334; height:24px; line-height:20px; text-decoration:none; word-spacing:normal; display:block; overflow:hidden}
.hot_news .txt h1 a:hover{ text-decoration:underline}
.hot_news .txt h2{ font-size:12px; color:#666666; line-height:22px; height:48px; font-weight:normal}
.index_news ul{ padding-top:8px;}
.news_index_list{ line-height:22px; color:#bababa;  }
.news_index_list ul li a{ line-height:22px; text-decoration:none; color:#555; font-size:12px; padding-left:8px;}
.news_index_list ul li a:hover{ color:#d20309; text-decoration:none;}
.news_index_list ul li span{ float:right; font-size:10px; padding-right:4px;}
.news_index_list ul li{ background:url(../images/hot.gif) no-repeat scroll 0px 12px;   height:24px; overflow:hidden}

.slider-nav{ margin-top:10px;}
#slider { height:160px;  position: relative; color:#8b8b8b; line-height:16px;}
#slider .slider-nav a { display: block; width: 18px; height: 49px; font-size: 0; line-height: 0; text-indent: -4000px; position: absolute; right: 30px; }
#slider .slider-nav a.prev {  background: url(../images/button-prev.gif) no-repeat; width:10px; height:10px;}
#slider .slider-nav a:hover.prev {   background: url(../images/button-prev1.gif); }
#slider .slider-nav a.next { right: 0; background: url(../images/button-next.gif) no-repeat; width:10px; height:10px; }
#slider .slider-nav a:hover.next { right: 0; background: url(../images/button-next1.gif); }

 
#slider-holder .jcarousel-clip {height:145px; width:380px; position: relative; overflow: hidden; }
#slider-holder .slide-image { float: left; width:185px; height:115px; display: inline; display:block; overflow:hidden; }
#slider-holder .slide-info {height:125px; display:block; overflow:hidden;  float:right ; display: inline; width: 175px; margin-left:20px;}
#slider-holder .slide-info a{ text-decoration:none;}
#slider-holder .slide-info a h2 { font-size:15px; color:#333333; line-height:18px; color:#333}
#slider-holder .slide-info a:hover h2{ color:#d83334;}
#slider-holder .slide-info a p {padding-bottom: 8px; font-size:12px; padding-top:5px; line-height:20px; color:#666 }
#slider-holder ul {  height:145px; position: relative; overflow: hidden; }
#slider-holder ul li { list-style-type: none; float: left; display: inline; height:145px; width:380px; padding:20px 10px 4px 0px; position: relative; overflow: hidden; }
h2{ font-size:12px; line-height:24px;}
a.launch_stie{ padding-top:10px; display:block; font-size:0px; line-height:0px; text-decoration:none; background:url(../images/launch_stie.jpg) no-repeat; width:74px; height:22px;}
a:hover.launch_stie{ padding-top:10px;font-size:0px; text-decoration:none; display:block; background:url(../images/launch_stie1.jpg) no-repeat}


.ser_line .tell{ margin:28px 0px 0px 68px;}
.ser_line .tell h1{ font-size:14px; color:#999; font-weight:normal;letter-spacing:0px;}
.ser_line .tell h2{ color:#e60012; font-size:22px;font-weight:600; letter-spacing:-1px; line-height:30px; height:30px;}
.Exp_link { width:200px; padding-top:15px; margin-left:20px; line-height:16px; text-align:center}
.Exp_link span{ font-size:14px; color:#666;}
.Exp_link a{ font-size:14px; color:#0000FF; text-decoration:none; display:block; padding-top:22px; line-height:20px; color:#333333; padding-left:-20px;}
.Exp_link a:hover{ color:#d83334; font-weight:bold}

/*banner1*/
.banner1{ width:100%; background:url(../img/main_banner.jpg) repeat-x center; height:105px;}
.banner2{ width:100%; background:url(../img/aboutus_banner.jpg) no-repeat center; height:200px; border-top:1px solid #CCC; margin-bottom:20px}
.about_banner{ width:100%; background:url(../img/about_banner.jpg) no-repeat center; height:200px; border-top:1px solid #CCC; margin-bottom:20px}

.banner_main{ width:1000px; margin:0 auto}
.subleft,.subright{ float:left}
.subleft{ width:190px;}
.subright{ min-height:500px; height:auto !important ; height:500px; width:780px; float:right; padding:0 0px 0 0px  }
.current{ font-size:12px; font-weight:normal; height:30px; line-height:30px; color:#d2d2d2;text-indent:12px;}
.current a{ font-size:12px; font-weight:normal;   color:#f8f8f8; text-decoration:none}
.Column_Level span{  font-size:24px; color:#fff; display:block; height:40px; line-height:40px; text-indent:10px; font-weight:bold; padding-top:60px}
.Column_Level ul li{  width:190px; height:45px; line-height:45px; background:#f0f0f0;font-size:13px; border-bottom:1px solid #fff; color:#666; text-align:center}
.Column_Level ul li a{  width:190px; color:#666; text-decoration:none; text-align:center}
.Column_Level ul li a:hover{ width:190px; background:#b00003; border-left:0px solid #6a95d2; display:block;color:#fff; text-align:center}
.Column_Level ul li .hover{ width:190px; background:#b00003; border-left:0px solid #6a95d2; display:block;color:#fff; text-align:center}
.title_Level{ border-bottom:1px solid #ddd; font-size:18px; color:#222; line-height:20px; height:20px; padding-bottom:15px; margin-bottom:20px; text-align:center; font-weight:bold}
.Level_content{ font-size:14px; color:#333333; line-height:26px; padding:0px 0px 0px;   font-weight:normal; text-indent:2em; background:#f6f6f6; padding:30px; border:1px solid #F0F0F0}
.Level_content img{ padding-bottom:15px; text-align:center; max-width:720px}
.Level_content p{ padding-bottom:15px;text-indent:0px}
.Level_content b{ padding:15px 0px; font-size:16px; line-height:30px;  text-indent:0px}

.main_porducts{ width:1000px; overflow:hidden;}
.main_porducts .pro_Class{ float:left; width:295px; margin:0 18px 30px 18px; display:inline-block; height:325px; background:#f8f8f8}
.main_porducts .pro_Class .pic{height:125px; border-top:1px solid #ddd; display:block; overflow:hidden}
.main_porducts .pro_title a{ font-size:16px; color:#333333; height:40px; line-height:40px; font-weight:bold; border-bottom:1px dashed #ddd; display:block; overflow:hidden; text-decoration:none; padding:0 15px}
.main_porducts .pro_Class ul li{font-size:12px; color:#666666; height:25px; line-height:25px; padding-left:10px;}
.main_porducts .pro_Class ul li a{ line-height:40px; text-decoration:none; color:#555; font-size:12px; padding-left:30px; padding-right:10px}
.main_porducts .pro_Class ul li a:hover{ color:#d20309; text-decoration:none; font-weight:bold}
.main_porducts .pro_Class ul li span{ float:right; font-size:10px; padding-right:4px;}
.main_porducts .pro_Class ul li{ background:url(../images/001.png) no-repeat scroll 15px 12px;   height:28px; line-height:28px; overflow:hidden; padding-left:5px;}

.case_list{ border-bottom:1px dashed #ddd; padding-bottom:20px; margin-bottom:20px; text-indent:0px;}
.case_list .pic{ width:185px; height:125px; border:1px solid #eee;}
.case_list .pic img{width:185px; height:125px;}
.case_list .pic, .case_list .txt{ float:left}
.case_list .txt{ float:right; width:515px; overflow:hidden; padding-top:5px}
.case_list .txt h1 a{ font-size:16px; color:#666; height:20px; line-height:20px; text-decoration:none; word-spacing:normal; display:block; overflow:hidden}
.case_list .txt h1 a:hover{ text-decoration:underline}
.case_list .txt h2{ font-size:14px; color:#666666; line-height:24px; height:50px; display:block; overflow:hidden; padding-top:10px; font-weight:normal}
.case_list .txt .more1 { padding-top:10px;}
.case_list .txt .more1 a{  background:url(../images/more1.png) no-repeat; width:90px; height:24px; text-indent:-100px; display:block; overflow:hidden; right:0}

.news_list{ text-indent:0px;}
.news_list ul{ padding-left:2px;text-indent:0px;}
.news_list ul li{ text-indent:0px; font-size:14px; line-height:36px; height:36px;color:#333; background:url(../images/line_news.gif) repeat-x bottom; border-bottom:1px dashed #eee}
.news_list ul li span{ font-size:10px; float:right; color:#818181; padding-right:10px;}
.news_list ul li a{ color:#333; line-height:28px; text-decoration:none; background:url(../images/hot.gif) no-repeat scroll 0px 9px; padding-left:10px;}
.news_list ul li a:hover{color:#d20309; text-decoration:none;}
.news_list_con{color:#4c4c4c; padding:10px;}
.news_con_title{ font-size:20px; font-weight:bold; text-align:center; line-height:24px; text-indent:0}
.news_con_time{ font-size:11px;text-indent:0; color:#818181; text-align:center; border-bottom:1px dotted #ddd; height:25px; line-height:25px; padding:10px 0px;}
.news_con_info{ font-size:14px; line-height:24px; color:#333333; padding-top:15px;}
.news_con_info p{ padding-bottom:20px;}

.exp_con{ text-indent:0px;}
.exp_con ul li{ padding:10px 0px}
.exp_con ul li  label{ float:left; text-align:right; width:100px;}
.exp_input{ font-size:14px; height:25px; width:280px; border:solid 1px #ccc}
.textarea{ width:550px; height:150px;}
.exp_con ul li em{ color:#FF0000; font-size:12px; font-family:Arial, Helvetica, sans-serif; font-style:normal}
.exp_con  .btn{ width:100px; height:30px; background:#009933; color:#FFFFFF; border:0px; font-weight:bold; cursor:pointer}
.exp_con .Guide{ font-size:13px; line-height:22px; padding:10px 0px;}
    .exp_con .Guide img {
     display:inline;}
.step {
 font-size:15px; font-weight:bold; padding:20px 0px}
.step span{
 font-size:14px; font-weight:normal; }
/*客服 css*/
.izl-rmenu{position:fixed; right:0; margin-right:20px; bottom:20px; padding-bottom:20px; background:url(../images/r_b.png) 0px bottom no-repeat; z-index:999; }
.izl-rmenu .btn1{width:72px; height:73px; margin-bottom:1px; cursor:pointer; position:relative;}
.izl-rmenu .btn-qq{background:url(../images/r_qq.png) 0px 0px no-repeat; background-color:#6da9de;}
.izl-rmenu .btn-qq:hover{background-color:#488bc7;}
.izl-rmenu a.btn-qq,.izl-rmenu a.btn-qq:visited{background:url(../images/r_qq.png) 0px 0px no-repeat; background-color:#6da9de; text-decoration:none; display:block;}
.izl-rmenu .btn-wx{background:url(../images/r_wx.png) 0px 0px no-repeat; background-color:#78c340;}
.izl-rmenu .btn-wx:hover{background-color:#58a81c;}
.izl-rmenu .btn-wx .pic{position:absolute; left:-160px; top:0px; display:none;width:160px;height:160px;}
.izl-rmenu .btn-phone{background:url(../images/r_phone.png) 0px 0px no-repeat; background-color:#fbb01f;}
.izl-rmenu .btn-phone:hover{background-color:#ff811b;}
.izl-rmenu .btn-phone .phone{background-color:#ff811b; position:absolute; width:160px; left:-160px; top:0px; line-height:73px; color:#FFF; font-size:18px; text-align:center; display:none;}
.izl-rmenu .btn-top{background:url(../images/r_top.png) 0px 0px no-repeat; background-color:#666666; display:none;}
.izl-rmenu .btn-top:hover{background-color:#444;}
/*cutpage css*/
.cutpage{ padding:15px 50px 60px; text-indent:0px; margin:0 auto}
.cutpage ul li{ float:left; display:block; text-align:center; font-size:12px; padding:1px 10px; margin:0 4px; border:1px solid #CCCCCC;  }
.cutpage ul li a{ display:block; text-decoration:none; }
.cutpage ul li a:hover{text-decoration:none;display:block}
.cutpage ul .thispage{ background:#fff;}
.cutpage ul .thispage a { font-size:12px; font-weight:bold; display:block;  color:#FF0000}


/*public_bottom css*/
.public_bottom{ background:url(../images/line_1.gif) repeat-x top #f4f4f4; height:80px;}
.bottom_links{ padding-top:15px; font-size:12px; line-height:24px;}
.bottom_links ul li{ padding:0 8px 0 0px; float:left;font-size:10px; color:#757575}
.bottom_links ul li a{ text-decoration:none; color:#c2c2c2; font-size:12px;}
.bottom_links ul li a:hover{ text-decoration:none; color:#ffc600; font-size:12px;}
.copyright{  line-height:27px; font-size:12px;  color:#555; padding-top:15px; text-align:center}
 
#subnav{position:absolute; width:100%; background:#e6e6e6; opacity:0.95; top:105px; margin:0 auto; z-index:100; left:0 }
.subnav{ margin:0 auto; width:1000px; padding:20px 0px 20px 50px; display:none}
.navleft a{ color:#2e3339;display:block; text-decoration:none; text-align:left; border-bottom:solid #bbbec2 1px; height:40px; line-height:40px; color:#333; text-indent:10px; font-size:14px}
.navleft a:hover{ color:#990000; text-decoration:none;border-bottom:solid #990000 1px;}
#nav1{ left:30px; }
#nav2{ left:120px; }
#nav3{ left:220px; }
#nav4{ left:320px; }
#nav5{ left:420px; }
#nav6{ left:520px;}
.navleft{ width:25%; float:left;}
.navright{ width:68%; float:right;   }
.navright ul li{ float:left;width:270px; padding:10px 35px;}
.navright ul li img{ width:270px; height:140px; border:0px;}
.navright ul li h1 a{ font-size:16px; font-weight:bold; text-decoration:none; color:#333333; height:24px; line-height:24px; display:block; padding-top:5px; overflow:hidden}
.navright ul li h1 a:hover{ color:#990000; text-decoration:underline}
.navright ul li span{ height:35px; padding-top:5px; font-size:12px; font-weight:normal; color:#666; display:block; overflow:hidden;}

#showbox{ border:#ddd 3px solid; width:750px; position:absolute; margin:0 auto; top:50%; height:400px;left:50%; margin-left:-375px; margin-top:-200px; background:url(../images/r.jpg) no-repeat #fff 80px 70px; display:none}
#textbox {
     width:450px; height:300px; float:right; margin-top:40px; font-size:14px
}
    #textbox h1 {
        color:#fe5a01; margin-bottom:10px
    }
    #textbox p {
        padding:8px 0px;
    }
    #textbox a {
    color:#000;text-decoration:none}

    #textbox .btn{ width:100px; height:30px; background:#009933; color:#FFFFFF; border:0px; font-weight:bold; cursor:pointer; margin-top:20px}