/**common**/

*{margin:0; padding:0; list-style:none; }

body{ text-align:center; margin:0px; padding:0px;  }

img{ border:0; }

ul{ text-underline:none;}

ul li{ font-family:"å®‹ä½“"; font-size: 13px; font-weight:lighter; color:#FFF; }

a{ text-decoration:none; color:#0B0B0B;  }

a:hover{ color:#1974A1;  }

.caption{   font-siz: 16px; font-weight:lighter; color:#FFF;}



/**header**/

.header{ position:relative; margin:0px auto; width:100%; height:145px; background-color:#105D93;}

.search-container { position:absolute; right:20px; bottom:70px; z-index:99; }

.search-container .myform{ margin-top: 42px; margin-right: 0px; padding-right: 0px; }

.search-container .myform .sousuo{ width:200px; height:28px; line-height:28px; padding-left:10px; border-radius: 30px; border:solid 1px #FFFFFF;

    z-index:99; outline:none; color:#999999; font-size:13px; }

.search-container .myform .suotu{ margin-left: -100px; z-index: 200; outline: none; }



/**top-menu**/

.menu-container { position:absolute; left:0px; top:105px; width:100%; height:40px; text-align:center;

    background-color:rgba(9,49,77,0.3); margin:0px; filter:alpha(opacity:30); -moz-opacity:0.3; -khtml-opacity: 0.3}

.menu-container ul{ width:1034px; height:100%; margin:0px auto;  text-align:left;}

.menu-container ul li{ display:inline-block; position:relative; height:40px; line-height:40px; padding:0px;

    text-align:center; vertical-align:middle;   font-size: 14px; font-weight:lighter; z-index:10;}

.menu-container a, .menu-container a:hover { text-decoration:none; color:#000; }

.menu-container ul li a {display:block;min-width: 88px;}

.menu-container ul li span, .menu-container ul li span a{ display:block; min-width:120px; }

.menu-container ul li > a, .menu-container ul li > a:hover { color:#FFF; }

.menu-container ul li > a:hover { background:#3399CC; }

.menu-container ul li span{ display:none; position:absolute; top:40px; left:-15px; font-size:14px; background:#3399CC; }

.menu-container ul li:hover span{ display:block; background-color:#3399CC; }

.menu-container ul li span a{ color:#FFF; background-color:#105D93; }

.menu-container ul li span a:hover { background:#3399CC; }



/**main client**/

.container{ width:1034px; position:relative; background-color:#E9F2F5; padding-bottom:10px; margin:0 auto;}

.main-container { position:relative; width:1034px; height:382px; margin:0px auto; padding:10px 0px 0px 0px;}

.service { position:absolute; right:0px; top:10px; width:250px; height:98px; background-color:#3399CC; }

.latest { position:absolute; right:0px; top:10px; width:250px; height:380px; background-color:#3399CC; }

.service .caption, .latest .caption { width:230px; height:40px; line-height:40px; text-align:left; padding-left:20px;}

.service .caption{ background:url("../images/server-caption-bg1.png") repeat-x; }

.latest .caption { background:url("../images/latest-caption-bg1.png") repeat-x; }

.latest .caption span {display:inline-block; float:right; padding-right:10px; font-size:14px}

.service ul{ padding:3px 5px 0px 22px; text-align:left; }

.service li { display:inline-block; height:22px; line-height:22px; padding:0px 10px 0px 0px; vertical-align:middle;}

.latest .ul-container{ padding:10px 15px 0px 15px; text-align:left; }

.latest li { height:46px; line-height:18px; padding-top:5px; vertical-align:middle; border-bottom:1px dotted #CACAD9;}

.latest a, .latest a:hover, .service a, .service a:hover{ color:#FFF; }

/**Carousel**/

.Carousel { width:772px; height:382px; overflow:hidden;}

.focusBox { position: relative; width: 772px; height: 382px; overflow: hidden; font: 14px/1.5 Verdana, Geneva, sans-serif; text-align: left; }

.focusBox .pic img { width: 772px; height: 382px; display: block; }

.focusBox .txt-bg { position: absolute; bottom: 0; z-index: 1; height: 36px; width:100%;  background: #333; filter: alpha(opacity=40); opacity: 0.4; overflow: hidden; }

.focusBox .txt { position: absolute; bottom: 0; z-index: 2; height: 36px; width:100%; overflow: hidden; }

.focusBox .txt li{ height:36px; line-height:36px; position:absolute; bottom:-36px;}

.focusBox .txt li a{ display: block; color: white; padding: 0 0 0 10px; font-size:14px; font-weight:lighter; text-decoration: none; }

.focusBox .num { position: absolute; z-index: 3; bottom: 8px; right: 8px; }

.focusBox .num li{ float: left; position: relative; width: 18px; height: 15px; line-height: 15px; overflow: hidden; text-align: center; margin-right: 1px; cursor: pointer; }

.focusBox .num li a,.focusBox .num li span { position: absolute; z-index: 2; display: block; color: white; width: 100%; height: 100%; top: 0; left: 0; text-decoration: none; }

.focusBox .num li span { z-index: 1; background: black; filter: alpha(opacity=50); opacity: 0.5; }

.focusBox .num li.on a,.focusBox .num a:hover{ background:#3399CC; }



/**main list**/

.list-container { position:relative; width:1034px; margin:0px auto; padding-top:10px; overflow:hidden;}

.list-container .list{ display:inline-block; margin-right:-10px; }

.list-container .cell { float:left; height:200px; width:338px; margin-right:10px; }

.list-container .caption { width:328px; height:40px; line-height:40px; text-align:left; padding-left:10px;

    background:url("../images/server-caption-bg1.png") repeat-x;}

.list-container .caption span {display:inline-block; float:right; padding-right:10px; font-size:14px}

.list-container .caption span a, .list-container .caption span a:hover { color:#FFF }

.list-container ul { padding:2px 0px; text-align:left; list-style:none;}

.list-container li { height:27px; line-height:27px; padding:3px 0px 0px 22px; vertical-align:middle; overflow:hidden;

    border-bottom:1px dotted #CACAD9; color:#131304;

    background: url("../images/ul-icon1.png") no-repeat; background-position: 10px 14px;}

.list-container li span {display:inline-block; float:right; padding-right:5px; font-size:14px; color:#999999; }



/**footer**/

.footer{width:1034px;padding:30px 0px;height:auto;overflow:hidden;background-color:#FFF; margin:0 auto;}

.footer .container{ position:relative; padding-bottom:20px; width:1034px; margin:0px auto; background-color:#FFF;}

.footer-z1{ height:33px; line-height:33px; text-align:left;}

.footer-z2{ height:40px; margin-top:10px; }

.footer-z2 p{ height:20px; line-height:20px; padding:2px 15px; text-align:left;   font-size: 13px; color:#212121; }

.footer-y{ position: absolute; right:0px; bottom:0px; width:110px; height:110px; overflow:hidden; }

.footer-y img { width:110px; height:110px }

.select{ position:relative; display:inline-block; margin:0px 30px 0px 0px; font-size: 13px;}

.select dt { height:33px; line-height:33px; display:inline-block; background-image: url(../images/footer_1.png); border:0px; padding-left:10px; overflow:hidden;

    cursor:pointer; text-overflow:ellipsis; z-index:10; font-family: "é»‘ä½“"; font-size: 13px; color:#212121; font-weight:400; text-align:left;}

.select p { padding-left:30px; }

.select dd { position:absolute; left:0; top:33px; background-color:#fff; display:none; font-size:13px; margin-left:-0px; z-index:30; }

.select dd ul { padding:4px; width:200px; max-height:100px; overflow:auto; background-color:#FFF; z-index: 1999;}

.select dd ul li {  padding-left:45px; list-style-type:none; font-size:13px; text-align:left; }

.select dd ul li a { text-decoration: none; line-height:28px; display:block; padding:0 8px; color:#212121; font-size: 13px; margin-left: -20px;  }

.select dd ul li a:hover { text-decoration: none;color: #000;}



/**catalog-container**/

.catalog-Carousel { position:relative; width:1035px; height:190px; margin:0 auto; overflow:hidden; }

.catalog-container {position:relative;margin:0px auto;padding-top:10px;width:1035px;min-height:585px;}

.catalog-container .nav { position:absolute; top: -21px; left:0px; width:230px; height:606px; overflow:hidden;

    background-color:#3399CC; z-index:99;}

.catalog-container .nav .caption { width:100%; height:78px; text-align:left; background-image: url(../images/nav-caption-bg1.png); overflow:hidden; }

.catalog-container .nav .caption .text { height:78px; line-height:78px; padding-left:70px;

    background: url(../images/nav-caption-icon1.png) no-repeat; background-position: 40px 32px;

    color:#FFF; font-size:16px;   font-weight:lighter; }

.catalog-container .nav .item { padding-top:20px; padding-left:40px; color:#FFF; font-size:14px;   font-weight:lighter;}

.catalog-container .nav a { color:#FFF }

.catalog-container .nav a:hover { color:#4CFF4C }

.catalog-container .nav .selected a { color:#4CFF4C  }

.catalog-container .nav ul { padding:0px; text-align:left; list-style:none; }

.catalog-container .nav li { height:40px; line-height:40px; vertical-align:middle; padding-left:30px;

    font-size:16px;   font-weight:lighter;

    background: url("../images/nav-item-icon1.png") no-repeat; background-position: 5px 16px;}

.catalog-container .nav .selected { font-size:16px; color:#4CFF4C; background: url("../images/nav-item-icon2.png") no-repeat; background-position: 5px 18px;}





.catalog-container .list {position:relative;top: 0px;left:230px;width:795px;text-align:left;overflow: hidden;min-height:575px;background-color:#FFF;z-index:0; padding:20px 0;}
.catalog-container .list .caption { line-height:47px; vertical-align:middle; padding-left:50px;

    font-size:20px; font-weight:lighter; color:#111111;

    border-bottom:1px solid #ececec; position:relative; }
.catalog-container .list .caption a.more { position:absolute; right:40px; top:0px; }	

.catalog-container .list .caption span { float:right; display:inline-block; padding-right:50px; font-size:14px;  font-weight:lighter; color:#999999; }

.catalog-container .list .item { padding:20px 50px 40px 50px; }

.list .item ul { padding:0px; text-align:left; list-style:none; }
.list .item ul li { height:44px; line-height:44px; vertical-align:middle; padding-left:24px;

    font-size:14px;   font-weight:lighter; color:#131304;

    background: url("../images/nav-item-list-icon1.png") no-repeat; background-position: 5px 20px; border-bottom:1px solid #D0D0DB; }

.catalog-container .list li span { float:right; display:inline-block; padding-right:0px; font-size:14px;   font-weight:lighter; color:#999999; }

.show_page li{ float:left; padding:8px;}
.show_page li a{ font-size:14px;}

/**content**/

.catalog-container .list .content-caption { position:relative; text-align: center; padding-left:0px;}

.catalog-container .list .content-caption span{ position:absolute; top:0px; left:20px; }

.catalog-container .list .sub-caption { height:20px; line-height:20px; padding-top:5px; text-align:center; font-size:14px; color:#999;   font-weight:lighter;}

.catalog-container .list .sub-caption span { display:inline-block; padding-right:20px;}

.catalog-container .list .content-text{line-height:30px;font-size:14px;text-align:justify;overflow: hidden;}



/**page**/

.page { text-align:left; text-indent:2em; font-size:14px; padding-right:48px;}




