﻿@charset "utf-8";
/* CSS Document */
/* top start */
#top_wrap { padding-bottom: 3px; width: 100%; height: 22px; background: url(../images/header_bg.jpg) repeat-x left bottom #fff; }
#top { margin: 0 auto; width: 1000px; height: 22px; }
#welcome { width: 400px; height: 22px; color: #333; font: 12px/22px "Microsoft YaHei"; }
#language { margin-top: 3px; width: 500px; height: 17px; text-align: right; }
    #language span { margin: 0 10px; height: 17px; color: #cbeafe; font: 12px/17px "Microsoft YaHei"; }
    #language a { color: #333; font: 12px/17px "Microsoft YaHei"; }
        #language a:hover { color: #06c; }
    #language img { vertical-align: middle; }
/* top end */
/* header start */
#header { margin: 0 auto; width: 1000px; height: 80px; }
#logo { margin-top: 20px; width: 500px; height: 40px; }
#tel { margin-top: 20px; padding-left: 50px; width: 240px; height: 40px; overflow: hidden; background: url(../images/tel.jpg) no-repeat left center; color: #055ebc; font: italic 18px/20px "Microsoft YaHei"; }
/* header end */
/* nav start */
#nav_wrap { padding: 0; width: 100%; height: 38px; background: url(../images/nav_bggg.jpg) repeat-x left center #aed1f9; }
#nav { margin: 0 auto; width: 1000px; heihgt: 38px; }
    #nav ul { margin: 0; padding: 0; }
        #nav ul li { float: left; display: block; width: 125px; height: 38px; text-align: center; }
            #nav ul li a { display: block; width: 125px; height: 38px; color: #333; font: bold 14px/38px "Microsoft YaHei"; background: url(../images/nav_line.jpg) no-repeat right center; }
                #nav ul li a:hover, #nav ul li a.current { color: #034d89; background: url(../images/nav_bg22.jpg) repeat-x left center #ebf2f8; }
                #nav ul li a.last { background: none; }
                #nav ul li a:hover.last { background: url(../images/nav_bg22.jpg) repeat-x left center #ebf2f8; }
/* nav end */
/* hot start */
#hot_wrap { margin-top: 1px; width: 100%; height: 36px; background: url(../images/hot_bg.jpg) repeat-x left center; }
#hot { margin: 0 auto; padding: 7px 0; width: 1000px; height: 22px; }
#search { width: 340px; height: 22px; }
    #search input { float: left; }
.inp_srh { width: 280px; height: 22px; line-height: 22px; text-indent: 8px; color: #c1dff9; background: url(../images/search.jpg) no-repeat 0 0; border: none; }
.btn_srh { width: 60px; height: 22px; line-height: 22px; background: url(../images/search.jpg) no-repeat -280px 0; border: none; cursor: pointer; color: #fff; font-size: 12px; text-indent: -5000px; }
#search * { vertical-align: middle; }
#hotsearch { width: 600px; height: 22px; color: #0553CB; font: 12px/22px "Microsoft YaHei"; text-align: right; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
    #hotsearch a { margin: 0 2px; color: #0553CB; font: 12px/22px "Microsoft YaHei"; }
        #hotsearch a:hover { color: #F58303; }
/* hot end */
/* content start */
.content { margin: 20px auto 10px; width: 1000px; height: auto; overflow: hidden; }
.about { width: 310px; height: 220px; overflow: hidden; color: #333; font: 12px/23px "Microsoft YaHei"; }
.news { margin-left: 35px; width: 310px; height: 220px; overflow: hidden; }
    .news ul { margin: 0; padding: 0; }
        .news ul li { float: left; width: 310px; height: 30px; overflow: hidden; border-bottom: 1px dotted #ddd; }
            .news ul li a { float: left; display: block; width: 230px; text-indent: 15px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; background: url(../images/ico2.png) no-repeat left center; color: #666; font: 12px/30px "Microsoft YaHei"; }
                .news ul li a:hover { color: #F90; background: url(../images/ico2.png) no-repeat left center; }
            .news ul li span { float: right; display: block; color: #999; font: 11px/30px "Arial"; -webkit-text-size-adjust: none; }
.solution { width: 310px; height: 220px; overflow: hidden; }
    .solution ul { margin: 0; padding: 0; }
        .solution ul li { float: left; display: block; margin: 0 5px; width: 145px; height: 24px; overflow: hidden; text-indent: 10px; background: url(../images/ico1.jpg) no-repeat left center; }
            .solution ul li a { display: block; width: 145px; height: 24px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; color: #333; font: 12px/24px "Microsoft YaHei"; }
                .solution ul li a:hover { color: #f90; }
.movepro { margin: 10px auto 5px; padding: 9px; border: 1px solid #d8e7fe; background: #fff; width: 980px; height: 150px; overflow: hidden; }
/* content end */
/* bottom start */
#bottom_wrap { width: 100%; height: auto; overflow: hidden; background: url(../images/bottom_line.jpg) repeat-x left 11px; }
#bottom { margin: 0 auto; width: 1000px; height: auto; overflow: hidden; }
#pro_type { margin-top: 30px; width: 680px; height: auto; overflow: hidden; }
    #pro_type ul { margin: 0; padding: 0; }
        #pro_type ul li { float: left; display: block; margin-right: 10px; margin-bottom: 1px; width: 160px; height: 28px; color: #6e6e6e; font: 12px/28px "Microsoft YaHei"; }
            #pro_type ul li a { display: block; padding: 0 10px; width: 140px; height: 28px; color: #005dad; font: 12px/28px "Microsoft YaHei"; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; background: #afd2fa; }
                #pro_type ul li a:hover { color: #fff; background: #005dad; }
#contact { width: 314px; height: auto; overflow: hidden; }
    #contact img { margin-bottom: 10px; }
.tit { height: 40px; color: #005dad; font: bold 15px/40px "Microsoft YaHei"; }
/* bottom end */
/* footer start */
#footer { margin: 10px auto 0; width: 1000px; height: 40px; overflow: hidden; text-align: center; color: #333; font: 12px/40px "Microsoft YaHei"; }
/* footer end */
/* link start */
#link { margin: 0 auto; padding: 10px 0px; width: 1000px; height: auto; overflow: hidden; }
.link_l { float: left; width: 65px; line-height: 20px; color: #06c; font-weight: bold; }
.link_r { float: right; margin-left: 10px; width: 925px; line-height: 20px; }
    .link_r a { margin-right: 15px; color: #06c; }
        .link_r a:hover { color: rgb(255, 102, 0); text-decoration: underline; }
/* link end */

