﻿/* reset
-----------------------------------------------------------------*/
html
{
    color: #333;
    font: 12px 'Microsoft YaHei';
}

body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
code,
form,
fieldset,
legend,
input,
button,
textarea,
p,
blockquote,
th,
td
{
    margin: 0;
    padding: 0;
}

table
{
    border-collapse: collapse;
    border-spacing: 0;
}

fieldset
{
    border: none;
}

img
{
    border: none;
}

ul, li, dd, dl, dt
{
    list-style: none;
}

input,
button,
textarea,
select,
optgroup,
option
{
    font-family: inherit;
    font-size: inherit;
    font-style: inherit;
    font-weight: inherit;
}

a
{
    text-decoration: none;
    color: #000;
}

a:hover {
    text-decoration: none;
    color: #022e99;
}

/* common
-----------------------------------------------------------------*/
/*.pagination {
	clear:both;	
	width:100%;	
    padding:20px 0 0 0;	
	font-size:14px;	
    font-family:Arial;
	text-align:center;		
}*/
.pagination
{
    clear: both;
    text-align: center;
    padding-top: 35px;
    font-size: 14px;
    font-family: Arial;
}

    .pagination a
    {
        margin: 0 2px;
        padding: 5px 15px;
        height: 26px;
        line-height: 26px;
        overflow: hidden;
        border: 1px solid #d1cbbf;
        color: #666;
    }

        .pagination a:hover
        {
            background-color: #ccc;
            position: relative;
        }

        .pagination a.last, .pagination a.first
        {
            background-image: url('../baseImages/pageNumBg.png');
            background-repeat: no-repeat;
        }

        .pagination a.last
        {
            border-right-width: 1px;
            background-position: -326px 50%;
        }

        .pagination a.first
        {
            background-position: 12px 50%;
        }

    .pagination strong
    {
        position: relative;
        z-index: 2;
        margin: 0 2px;
        padding: 5px 15px;
        height: 26px;
        line-height: 26px;
        overflow: hidden;
        border: 1px solid #d1cbbf;
        border-right-width: 0;
        color: #826000;
        margin-right: -1px;
        color: #fff;
        background-color: #333;
        border: 1px solid #666;
    }

/*#header-bg {
    width: 100%;
    height: 168px;
    background:#4c4c4c;
    background:url(/content/images/header-bg.gif) repeat-x;
}
#header {
    width: 1200px;
    margin: 0 auto;
    padding:14px 0 0 0;
}
#header .left {
    float:left;
}
#header #top {
    color:#d4d4d4;
    font-size:14px;
}
#header #logo {
    padding: 45px 0 0 0;
}
#header .right {
    float:right;
}
#header .right .language {
    
}
#header .right .language li {
    float:right;
    padding:0 0 0 10px;
}
#header .language li a {
    padding:0 0 0 26px;
    color:#fff;
}
#header .language li a.chinese {
    background:url(/content/images/language-chinese.jpg) no-repeat;
}
#header .language li a.english {
    background:url(/content/images/language-english.jpg) no-repeat;
}
#header .search {
    clear:both;
    padding:8px 0 0 0;
}
#header .search .txt-1 {
    float:right;
    width:200px;
    height:20px;
    padding:5px 10px;
    border:none;
    background:#fff;
    line-height:20px;
}
#header .search .btn-1 {
    float:right;
    width:50px;
    height:30px;
    border:none;
    color:#fff;
    background:#fe8900;
    line-height:30px;
    text-align:center;
}
#nav {
	float:right;
    padding:62px 0 0 0;
}
#nav li {
	float:left;
}
#nav li a {
	display:block;
    height:80px;
    padding:0 20px;
	font-family:"微软雅黑";
	font-size:18px;
	color:#fff;
	text-align:center;
    line-height:80px;
}
#nav li a:hover, #nav li a.current {
	color:#fecb00;
    border-bottom:4px solid #fecb00;
}*/

/*#header {
width: 100%;
height: 125px;
}

.wrapper {
width: 1200px;
margin: 0 auto;
}

#header-top {
}

#header-left {
float: left;
padding:10px 0 0 0;
}
#header-right {
float: right;
}

#header-link ul{
margin-left: 35px;
margin-top: 30px;
text-align: right;
}

#header-link li{
display: inline;
}

#header-link a {
color: #777;
font-size: 14px;
margin-left: 10px;
text-decoration: none;
}

#header-link a.wanted {
background: url(/content/images/wanted.png) no-repeat;
padding-left: 25px;
padding-right: 18px;
border-right: 1px solid #e6e6e6;
}

#search-bar {
float:right;
}

#search-bar form {
margin-top: 20px;
}

#search-bar input {
width: 200px;
height: 30px;
padding:0 10px;
border:1px solid #ccc;
margin-right: 2px;
}

#search-bar button {
float: right;
height: 32px;
width: 50px;
border:none;
color: #f4f4f4;
background-color: #022e99;
font-size: 15px;
font-family: "Microsoft YaHei";
text-align:center;
}*/

/*#nav {
width: 100%;
height: 55px;
background-color: #022e99;
}

#nav-list ul {
line-height: 55px;
}

#nav-list li {
float: left;
height: 55px;
}
#nav-list a {
display: block;
padding-left: 34px;
padding-right: 34px;
color: #f4f4f4;
font-size: 20px;
background-color: #022e99;
text-decoration: none;
}
#nav-list a:hover {
background-color: white;
color: #022e99;
}*/

.top_wapper {
    height: 100px;
    width: 1200px;
    margin: 0px auto;
}

.logo {
    float: left;
}
.logo img {
    height: 60px;
    padding-top: 20px;
    width: auto;
}

.nav {
    float: right;
}

.nav ul li {
    float: left;
}

.nav ul li a {
    display: inline-block;
    height: 100px;
    padding:0 0 0 30px;
    font-size: 18px;
    color: #020202;
    line-height: 100px;
    text-align: center;
}

.nav ul li a:hover, .nav ul li a.current {
    color: #022e99;
}

/*side_bar*/
.side_bar
{
    width: 238px;
    float: left;
}

.side_bar_pt
{
    font-family: "微软雅黑";
    height: 52px;
    padding: 0 0 0 32px;
    border-left:8px solid #022e99;
    color:#000;
    font-size:35px;
    line-height:52px;
}

.side_bar_pl
{
    padding:20px 0 0 20px;
}

.side_bar_pl ul li
{

}

.side_bar_pl ul li a
{
    display:block;
    height: 40px;
    margin:5px 0;
    padding:0 0 0 21px;
    color: #5e5e5e; 
    font-size: 16px;
    font-family:'Microsoft YaHei';
    line-height:40px;
}

.side_bar_pl ul li a:hover, .side_bar_pl ul li a.current
{
    padding:0 0 0 20px;
    border-left:1px solid #022e99;
    color: #022e99;
}

.side_bar_contact
{
    padding: 15px 0px 10px 0px;
    color:#fff;
}
.side_bar_contact a
{
    float:left;
    width:170px;
    height: 46px;
    border-radius:5px;
    line-height:46px;
    /*background: url(/content/images/sidebar-contact-bg.png) no-repeat;*/
    background:#022e99;
    text-align:center;
    color:#fff;
    font-size:22px;
}
.side_bar_contact_us
{
    float:left;
    width:198px;
    margin:20px 0 0 0;
    padding:20px;
    background: #fe9b00;
}
.side_bar_contact_us h2 {
    margin:0 0 10px 0;
    padding:0 0 10px 0;
    border-bottom:1px solid #fff;
    font-size:38px;
    font-weight:normal;
    text-align:center;
}
.side_bar_contact_us p {
    padding:0 0 2px 0;
    font-size:26px;
    text-align:center;
}
/*#footer-bg {
    float:left;
    width: 100%;
    height:220px;
    background:#333;
}
#footer {
    width:1102px;
    margin:40px auto 0;
}
#footer .left {
    float:left;
    width:300px;
    border-right:1px solid #d5d5d5;
}
#footer .right {
    float:left;
    width:761px;
    padding:0 0 0 40px;
}
#footer .right .footer-nav li {
    float:left;
    margin-right:15px;
    padding-right:15px;
    border-right:1px solid #d5d5d5;
    color:#ededed;
    font-size:16px;
}
#footer .right .footer-nav li:last-child {
    border-right:none;
}
#footer .right .footer-nav li a {
    color:#ededed;
}
#footer .right .footer-contact {
    float:left;
    width:461px;
    padding:15px 0 0 0;
}
#footer .right .footer-contact p {
    color:#d5d5d5;
    font-size:14px;
    line-height:22px;
}
#footer .right .footer-qr {
    float:right;
    width:260px;
    padding:0 0 0 40px;
    color:#d5d5d5;
}
#footer .right .footer-qr li {
    float:left;
    padding:0 10px;
}
#footer .right .footer-qr li img {
    width:110px;
    height:auto;
}
#footer .right .footer-qr li h3 {
    font-size:14px;
    font-weight:normal;
    text-align:center;
}*/
#footer {
float:left;
width:100%;
height: 120px;
padding-top: 30px;
background-color: #022e99;
}
#footer div {
margin: 0 auto;
}
#footer ul {
width: 100%;
height: 30px;
margin-bottom: 20px;
text-align: center;
}
#footer li {
display: inline-block;
height: 22px;
line-height: 22px;
padding-left: 10px;
padding-right: 10px;
border-right: 2px solid white;
}
#footer li:last-child {
border: none;
}
#footer a {
font-size: 20px;
color: #fff;
text-decoration: none;
}
#footer p {
    padding:0 0 5px 0;
color: #fff;
font-size: 14px;
text-align: center;
}
#footer .footer-contact a {
color: #fff;
font-size: 14px;
}

/***footer**/
/*.footer { display: table; width: 100%; background: url(/content/images/footer-bg.gif); height: 315px; margin: 93px 0 0 0; color: #fff; }

.footer_title { color: #fff; text-align: center; }

.footer_one { text-align: center; font-size: 48px; }

.footer_two { font-size: 18px; margin: 10px 0 0 0 }

.footer_three { text-align: center; color: #fff; margin: 57px 0 0 0 }

.footer_three a { display: inline-block; text-align: center; font-size: 18px; color: #fff; }

.copy { font-size: 14px; text-align: center; margin: 17px 0 0 0 }*/


.serv
{
    font-size: 12px;
    color: #666;
    float: right;
    line-height: 30px;
}

/*about us*/
.content_bg
{
    width: 1102px;
    margin: 0 auto 0;
}

.content_bg .content
{
    float: left;
    width: 1102px;
    margin: 45px 0 20px 0;
}

.content_right
{
    width: 830px;
    float: right;
    padding:0 0 0 20px;
}

/*.banner
{
    height: 537px;
    background: #1174b4 url(../images/banner_top.gif) repeat-x;
}

    .banner span
    {
        display: block;
        height: 238px;
    }*/

.content .contact_title
{
    height: 51px;
    border-bottom: 1px solid #dbdbdb;
}

.contact_title_l
{
    float: left;
}

.content .contact_title h4
{
    padding:5px 0 0;
    font-size: 24px;
    font-family: "微软雅黑";
    color: #333;
    font-weight: normal;
}

.contact_title_r
{
    padding-top: 20px;
    float: right;
}

    .contact_title_r span
    {
        font-size: 12px;
        color: #5d5c5c;
        background: url(../images/led.jpg) no-repeat 0 1px;
        padding-left: 15px;
        display: block;
        float: right;
    }

        .contact_title_r span a
        {
            font-size: 12px;
            color: #5d5c5c;
        }

.contact
{
    padding: 10px 0 0 0;
    font-size: 16px;
    margin-top: 10px;
    line-height: 28px;
    color: #4b4b4b;
    font-family:'Microsoft YaHei';
}

    .contact p
    {
        margin: 0;
        padding: 0 0 20px 0;
    }
/*product*/
.products
{
    float: left;
    width: 765px;
    padding: 30px 0 30px 0;
    border-bottom: 1px solid #ccc;
}

    .products .product_img img
    {
        width: 364px;
        height: 273px;
        float: left;
    }

    .products .product_info
    {
        width: 380px;
        float: right;
        padding: 0 0 0 20px;
    }

        .products .product_info h1
        {
            font-family: "微软雅黑";
            font-size: 28px;
            color: #1174b4;
            font-weight: 300;
        }

        .products .product_info h2
        {
            font-family: "微软雅黑";
            font-size: 20px;
            color: #a0a0a0;
            font-weight: 100;
            margin-top: 6px;
            margin-bottom: 40px;
        }

        .products .product_info h3
        {
            font-family: "微软雅黑";
            font-size: 20px;
            color: #a7ce05;
            margin-bottom: 3px;
            font-weight: normal;
        }

    .products .product_infos
    {
        padding: 10px 0 0 0;
        font-size: 14px;
        color: #333333;
        line-height: 24px;
    }
/*news*/
.news .news_tree
{
    font-family: "微软雅黑";
    font-size: 14px;
    color: #242424;
    font-weight: normal;
    text-align: right;
    margin-top: 20px;
    margin-bottom: 18px;
}

.news h1
{
    padding: 20px 0 0 0;
    font-family: "微软雅黑";
    font-size: 28px;
    color: #333;
    font-weight: normal;
    text-align: center;
    margin-bottom: 10px;
}

.news .date_time
{
    font-family: "微软雅黑";
    font-size: 14px;
    color: #a0a0a0;
    text-align: center;
    margin-bottom: 20px;
}

.news .news_con
{
    padding: 0 0 20px 0;
    font-size: 16px;
    color: #333;
    line-height: 28px;
}

    .news .news_con p
    {
        padding: 0 0 20px 0;
    }

    .news .news_con img
    {
        max-width: 765px;
    }

.news_pn
{
    color: #666;
    font-size: 12px;
    line-height: 24px;
}

    .news_pn span a
    {
        color: #666;
    }
/*news_list*/
.news_list ul li
{
    float: left;
    width: 100%;
    border-bottom: 1px solid #D9D7D7;
    padding: 20px 0 20px;
}

    .news_list ul li h1 a
    {
        font-family: "微软雅黑";
        font-size: 24px;
        font-weight: normal;
        color: #333;
    }

.news_list ul li h1 a:hover {
    color: #022e99;
}

    .news_list ul li h6
    {
        font-size: 14px;
        color: #a0a0a0;
        font-weight: normal;
        font-family: 微软雅黑;
        margin: 5px 0 15px 0;
    }

    .news_list ul li p
    {
        font-size: 14px;
        color: #666;
        line-height: 24px;
    }

    .news_list ul li h5 a
    {
        font-family: "微软雅黑";
        font-size: 14px;
        color: #333;
        font-weight: normal;
        line-height: 50px;
        float: right;
    }
.news_list ul li h5 a:hover {
    color: #022e99;
}



/* index
-----------------------------------------------------------------*/
#main_bg
{
    width: 100%;
    height: 580px;
    background: url(..../images/main_bg.jpg) no-repeat center top;
}

#main_content
{
    width: 1003px;
    margin: 0 auto;
}

/*#banner
{
    float: left;
    width: 1003px;
    padding: 40px 0 0 0;
}*/

#index_footer
{
    width: 1003px;
    margin: 0 auto;
    padding: 20px 0;
    color: #333;
    font-family: Arial;
    line-height: 18px;
    text-align: center;
}


.photo_list
{
}

    .photo_list ul
    {
        padding: 20px 0 0 0;
    }

    .photo_list li
    {
        float: left;
        padding: 0 35px 20px 0;
    }

        .photo_list li.item_0
        {
            float: left;
            padding: 0 0 20px 0;
        }

        .photo_list li img
        {
        }

        .photo_list li h5
        {
            padding: 5px 0 0 0;
            font-size: 14px;
            text-align: center;
        }

/*#banner-bg
{
    position: relative;
}

#banner
{
    position: absolute;
    top: -125px;
    z-index: 10;
    width: 100%;
}

#banner-2
{
    float: left;
    width: 1102px;
    height: 530px;
}*/

#index {
    float: left;
    width: 100%;
}
#index #item-4 {
    width: 1102px;
    height: 450px;
    margin:40px auto 30px;
    text-align:center;
}
#index #item-4 h1 {
    padding:0 0 20px 0;
    font-size:48px;
    font-weight:normal;
}
#index #item-4 .content {
    color:#646464;
    font-size:18px;
    line-height:30px;
}
#index #item-4 img {
    padding:30px 0 0 0;
}
/*#index #item-4 a {
    display:block;
    width:60px;
    height:23px;
    margin:20px auto 0;
    background: url(../images/item-more.gif) no-repeat center top;
    text-indent:-3000px;
}*/
#index #item-1-bg {
    float:left;
    width: 100%;
    height: 236px;
    background: url(../images/item-1-bg.jpg) repeat-x;
}
#index #item-1 {
    width: 1102px;
    height: 236px;
    margin:0 auto;
    text-align:center;
}
#index #item-2-bg {
    float:left;
    width: 100%;
    padding:0 0 80px 0;
}
#index #item-2 {
    width: 1102px;
    margin:0 auto;
    padding:70px 0 0;
}
#index #item-2 .area-1 {
    float:left;
    width:500px;
}
#index #item-2 .area-1 .title {
    float:left;
    width:500px;
    height:100px;
    text-align:center;
}
#index #item-2 .area-1 .title h1 {
    display:inline;
    font-size:45px;
    font-weight:normal;
    line-height:50px;
}
#index #item-2 .area-1 ul {
    float:left;
    width:500px;
    border-right:1px solid #c9c9c9;
}
#index #item-2 .area-1 ul li {
    float:left;
    width:500px;
    padding:0 0 20px 0;
}
#index #item-2 .area-1 li .left {
    float:left;
    width:138px;
    padding:0 15px 0 0;
}
#index #item-2 .area-1 li .left img {
    width:138px;
    height:100px;
}
#index #item-2 .area-1 li .right {
    float:left;
    width:327px;
    padding:0 20px 0 0;
}
#index #item-2 .area-1 li .right h3 {
    padding:0 0 5px 0;
    color:#666;
    font-size:20px;
    font-weight:normal;
}
#index #item-2 .area-1 li a .right h3:hover {
    color: #022e99;
}
#index #item-2 .area-1 li .right p {
    padding:0 0 5px 0;
    color:#777;
    font-size:14px;
    line-height:20px;
}
#index #item-2 .area-1 li .right span {
    display:block;
    color:#999;
    font-size:14px;
}
#index #item-2 .area-1 li .right span strong {
    float:left;
    font-weight:normal;
}
#index #item-2 .area-1 li .right span em {
    float:right;
    width:70px;
    height:20px;
    border-radius:4px;
    color:#fff;
    font-style:normal;
    line-height:20px;
    text-align:center;
    background:#022e99;
}
#index #item-2 .area-1 li h4 {
    float:left;
    width:113px;
    height:28px;
    padding:0 5px 0 0;
    color:#fe8900;
    font-size:14px;
    font-family:Arial;
    background:url(/content/images/news-date-bg.gif) no-repeat;
    text-align:center;
    line-height:28px;
}
#index #item-2 .area-1 li h3 a {
    color:#666;
    font-weight:normal;
}
#index #item-2 .area-1 li h3 a:hover {
    color:#fe8900;
}
#index #item-2 .area-2 {
    float:left;
    width:572px;
    padding:0 0 0 30px;
}
#index #item-2 .area-2 .title {
    float:left;
    width:572px;
    height:100px;
    text-align:center;
}
#index #item-2 .area-2 .title h1 {
    display:inline;
    height:50px;
    font-size:45px;
    font-weight:normal;
    line-height:50px;
}
#index #item-2 .area-2 a {
    float:left;
    width:572px;
}
#index #item-2 .area-2 .left {
    float: left;
    width: 280px;
    height: 225px;
    padding: 0 20px 0 0;
}
#index #item-2 .area-2 .left img {
    width: 280px;
    height: 200px;
}
#index #item-2 .area-2 .right {
    float:left;
    width:272px;
    color:#666;
    font-size:16px;
    line-height:26px;
}
#index #item-2 .area-2 .right strong {
    display:block;
    color:#022e99;
    font-weight:normal;
    text-align:right;
}
#index #item-2 .area-2 p {
    font-size:14px;
    line-height:28px;
}

.box3_left_top_right { float: right; margin: 10px 0 0 0px }

.box3_left_top_right ul { }

.box3_left_top_right ul li { background-image: url(/content/images/10.jpg); background-repeat: no-repeat; margin: 9px 0; background-position: left 3px; padding: 0 0 0 30px; height: 24px; line-height: 24px; color: #5e5e5e; font-size: 16px;}

.box3_left_top_right ul li+li { background-position: left -34px; font-size: 16px; font-weight: normal }

.box3_left_top_right ul li+li+li { background-position: left -70px; font-size: 16px; font-weight: normal }

.box3_left_top_right ul li+li+li+li { background-position: left -108px; font-size: 16px; font-weight: normal }

#index #item-2 .area-2 dd span a {
    float:right;
    width:49px;
    height:55px;
    padding:30px 0 0 0;
    background:url(../images/more.jpg) no-repeat;
    text-indent:-10000px;
}
#index #item-3-bg {
    float:left;
    width: 100%;
    height: 730px;
    background: #f2f2f2;
}
#index #item-3 {
    width: 1102px;
    margin:0 auto;
    padding:55px 0 0 0;
}
#index #item-3 .left {
    float:left;
    width: 50%;
    height: 554px;
}
#index #item-3 .left .title {

}
#index #item-3 .left .title h1 {
    color:#d2ba7c;
    font-size:24px;
    font-family:'Microsoft YaHei';
    font-weight:bold;
}
#index #item-3 .left .title h2 {
    color:#d2ba7c;
    font-size:24px;
    font-family:Arial;
    font-weight:normal;
}
#index #item-3 .left li {
    float:left;
    width:237px;
    padding:50px 35px 0 0;
}
#index #item-3 .left li a {
    float:left;
    width:200px;
    height:67px;
    padding:20px 20px 0;
    background:url(../images/item-3-left-bg.png) no-repeat;
}
#index #item-3 .left li h3 {
    padding:0 0 5px 0;
    color:#fff;
    font-size:18px;
    font-family:'Microsoft YaHei';
    font-weight:bold;
}
#index #item-3 .left li p {
    color:#fff;
    font-size:14px;
}
#index #item-3 .right {
    float:left;
    width: 50%;
    height: 554px;
}
#index #item-3 .right ul {
    padding:20px 0 0 40px;
}
#index #item-3 .right li {
    float:left;
    width:100%;
    padding:0 0 20px 0;
}
#index #item-3 .right li span {
    float:left;
    width:119px;
    height:119px;
    padding:0 20px 0 0;
}
#index #item-3 .right li h3 {
    padding:0 0 10px 0;
    color:#d2ba7c;
    font-size:20px;
    font-family:'Microsoft YaHei';
    font-weight:bold;
}
#index #item-3 .right li p {
    color:#fff;
    font-size:15px;
    font-family:'Microsoft YaHei';
    line-height:22px;
}
#index #item-4-bg {
    float:left;
    width: 100%;
    height: 150px;
    background: #e6e6e6;
}
#index #item-4 {
    width: 1102px;
    margin:50px auto 0;
    text-align:center;
}


/*#index-main .item_1 .item_more a
{
    display: block;
    width: 90px;
    height: 22px;
    font-size: 12px;
    color: #fff;
    background: #999999;
    float: right;
    text-align: center;
    line-height: 22px;
}

    #index_main .title
    {
        float: left;
        padding-top: 5px;
        width: 320px;
    }

        #index_main .title h4
        {
            float: left;
            width: 180px;
            color: #444;
            font-size: 14px;
            font-family: 微软雅黑;
            font-weight: normal;
            line-height: 14px;
        }

        #index_main .title strong
        {
            float: left;
            font-size: 20px;
            color: #000;
            line-height: 60px;
            font-weight: normal;
        }

        #index_main .title em
        {
            float: left;
            margin: 0 0 0 3px;
            padding: 0 0 0 3px;
            color: #999999;
            font-family: arial;
            font-family: "微软雅黑";
            font-size: 14px;
            font-style: normal;
            line-height: 60px;
        }

        #index_main .title span
        {
            float: right;
            width: 60px;
            color: #444;
            font-family: arial;
            text-align: right;
            line-height: 12px;
        }

            #index_main .title span a
            {
                display: block;
                color: #666;
                font-size: 12px;
                text-align: right;
                line-height: 12px;
            }

    #index_main .content
    {
        float: left;
        width: 300px;
        height: 263px;
        padding: 5px 0 0 0;
        overflow: hidden;
    }

    #index_main .item_1 li
    {
        float: left;
        width: 300px;
        padding: 0 0 21px 0;
    }

        #index_main .item_1 li h5
        {
            float: left;
            padding: 0 0 0 15px;
            background: url(../images/dot.gif) 0 4px no-repeat;
            font-size: 12px;
            line-height: 12px;
        }

            #index_main .item_1 li h5 a
            {
                color: #676767;
                font-weight: normal;
                line-height: 13px;
            }

        #index_main .item_1 li p
        {
            float: left;
            width: 200px;
            color: #717171;
        }

        #index_main .item_1 li span
        {
            float: right;
            color: #666;
            font-size: 10px;
            font-family: Arial;
            line-height: 12px;
        }

    #index_main .item_1 .content img
    {
        width: 300px;
        height: 94px;
        padding: 2px 2px 12px 2px;
    }

    #index_main .item_1 .content p
    {
        float: right;
        width: 300px;
        color: #616161;
        padding: 0px 0 0 10px;
        line-height: 25px;
    }

    #index_main .item_2
    {
        float: left;
        width: 240px;
        height: 380px;
        padding-left: 28px;
        overflow: hidden;
    }

        #index_main .item_2 .item_more a
        {
            display: block;
            width: 90px;
            height: 22px;
            font-size: 12px;
            color: #fff;
            background: #999999;
            float: right;
            text-align: center;
            line-height: 22px;
        }

        #index_main .item_2 .content
        {
            width: 240px;
            height: 263px;
        }

            #index_main .item_2 .content p
            {
                padding: 10px 0;
                color: #616161;
                text-align: center;
            }

        #index_main .item_2 li
        {
            float: left;
            width: 240px;
        }

            #index_main .item_2 li h5
            {
                float: left;
                padding: 0 0 0 16px;
                background: url(../images/project_li.png) 0 12px no-repeat;
                font-size: 16px;
                line-height: 28px;
            }

                #index_main .item_2 li h5 a
                {
                    color: #676767;
                    font-family: "微软雅黑";
                    font-weight: normal;
                }

    #index_main .case_wrapper
    {
        width: 960px;
        margin: 0 auto;
        padding-top: 14px;
        clear: both;
    }

        #index_main .case_wrapper .case_title
        {
            height: 30px;
            width: 956px;
            overflow: hidden;
        }

            #index_main .case_wrapper .case_title h4 strong
            {
                float: left;
                font-size: 20px;
                font-family: "微软雅黑";
                padding-left: 4px;
                color: #000;
                font-weight: normal;
            }

            #index_main .case_wrapper .case_title h4 em
            {
                float: left;
                margin: 0 0 0 4px;
                padding: 8px 0 0 4px;
                color: #999999;
                font-family: arial;
                font-family: "微软雅黑";
                font-size: 14px;
                font-weight: normal;
                font-style: normal;
            }

            #index_main .case_wrapper .case_title h5 a
            {
                float: right;
                width: 90px;
                height: 22px;
                background: #999999;
                color: #fff;
                text-align: center;
                line-height: 22px;
                font-size: 12px;
                font-weight: normal;
            }

        #index_main .case_wrapper .item_more a
        {
            display: block;
            width: 90px;
            height: 22px;
            font-size: 12px;
            color: #fff;
            background: #999999;
            float: right;
            text-align: center;
            line-height: 22px;
        }

    #index_main .case
    {
        width: 960px;
        height: 220px;
        margin-top: 20px;
    }

    #index_main .case_content
    {
        float: left;
        width: 900px;
        height: 220px;
        overflow: hidden;
    }

        #index_main .case_content li
        {
            float: left;
            margin: 0 7px;
            width: 213px;
            height: 220px;
        }

            #index_main .case_content li h5
            {
                font-size: 12px;
                color: #616161;
                padding-top: 11px;
                text-align: center;
                font-weight: normal;
            }*/

.case_prev
{
    width: 15px;
    height: 180px;
    margin-right: 10px;
    float: left;
    cursor: pointer;
}

    .case_prev img
    {
        padding-top: 65px;
    }

.case_next
{
    width: 15px;
    height: 180px;
    float: right;
    cursor: pointer;
}

    .case_next img
    {
        padding-top: 65px;
    }


/* guestbook
-----------------------------------------------------------------*/
#guestbook .guestbook_message
{
    display: block;
    padding: 20px 0 0 84px;
    color: #f30;
    font-size: 14px;
    font-weight: bold;
}

#guestbook fieldset
{
    clear: both;
    border: none;
    margin: 0;
    padding: 0;
}

    #guestbook fieldset div
    {
        float: left;
        width: 550px;
        padding: 0 0 5px 0;
    }

    #guestbook fieldset label
    {
        float: left;
        width: 80px;
        padding: 10px 5px 0 0;
        text-align: right;
    }

        #guestbook fieldset label em
        {
            padding-right: 5px;
            color: #f30;
            font-style: normal;
        }

    #guestbook fieldset .txt1
    {
        float: left;
        width: 400px;
        height: 18px;
        margin: 4px 10px 0 0;
        padding: 6px 3px 2px 3px;
        border: 1px solid #ccc;
        color: #000;
        font-size: 14px;
        background: #fff;
    }

    #guestbook fieldset .txt2
    {
        float: left;
        width: 400px;
        height: 150px;
        margin: 4px 10px 0 0;
        padding: 6px 3px 2px 3px;
        border: 1px solid #ccc;
        color: #000;
        font-size: 14px;
        background: #fff;
    }

    #guestbook fieldset .txt3
    {
        float: left;
        width: 200px;
        height: 18px;
        margin: 4px 10px 0 0;
        padding: 6px 3px 2px 3px;
        border: 1px solid #ccc;
        color: #000;
        font-size: 14px;
        background: #fff;
    }

    #guestbook fieldset button
    {
        clear: both;
        float: left;
        width: 87px;
        height: 28px;
        margin: 0 0 0 85px;
        background: #333;
        border: none;
        color: #fff;
        font-size: 14px;
        cursor: pointer;
        line-height: 28px;
    }

#guestbook_list
{
}

    #guestbook_list .list
    {
        padding: 10px;
        background: #f4f4f4 url(../images/dashed.gif) repeat-x left bottom;
    }

    #guestbook_list .list_alternating
    {
        padding: 10px;
        background: #fff url(../images/dashed.gif) repeat-x left bottom;
    }

    #guestbook_list .username
    {
        float: left;
        color: #c00;
        font-size: 14px;
        font-weight: bold;
    }

    #guestbook_list .date
    {
        float: right;
        color: #777;
    }

    #guestbook_list .content
    {
        clear: both;
        padding: 10px 0 0 0;
        color: #333;
        line-height: 20px;
    }

    #guestbook_list .reply
    {
        margin: 5px 0;
        padding: 5px;
        border: 1px solid #d7d7d7;
        color: #333;
    }

        #guestbook_list .reply strong
        {
            color: #015b88;
            font-weight: bold;
        }

/* product
-----------------------------------------------------------------*/
.product
{
    padding: 30px 0 0 0;
}

.product li
{
    width: 263px;
    float: left;
    margin: 0 20px 10px 0;
}

.product li.item_0
{
    margin: 0 0 10px 0;
}

.product li span
{
    float: left;
    display: table-cell;
    width: 251px;
    height: 251px;
    padding: 5px;
    border: 1px solid #ddd;
    line-height: 251px;
    text-align: center;
    *display: block;
    overflow: hidden;
    vertical-align: middle;
    background:#fff;
}

.product li a:hover span {
    border: 1px solid rgba(2,46,153,.3);
}

.product li span img
{
    vertical-align: middle;
    border: 0;
    max-width: 251px;
    max-height: 251px;
}

.product li h4
{
    width: 263px;
    height: 40px;
    color: #000;
    float: left;
    text-align: center;
    font-size: 14px;
    font-weight: normal;
    padding: 5px 0 0 0;
}

.product li h4 a
{
    color: #666;
}

.product li h4 a:hover {
    color: #022e99;
}

/* product-list
-----------------------------------------------------------------*/
.product-list
{
    float: left;
    width: 864px;
    padding: 10px 0 0 0;
}

.product-list li
{
    width: 263px;
    float: left;
    margin: 0 20px 10px 0;
}

.product-list li.item_0
{
    margin: 0 0 10px 0;
}

.product-list li span
{
    float: left;
    display: table-cell;
    width: 251px;
    height: 251px;
    padding: 5px;
    border: 1px solid #ddd;
    line-height: 251px;
    text-align: center;
    *display: block;
    overflow: hidden;
    vertical-align: middle;
    background:#fff;
}

.product-list li a:hover span {
    border: 1px solid rgba(2,46,153,.3);
}

.product-list li span img
{
    vertical-align: middle;
    border: 0;
    max-width: 251px;
    max-height: 251px;
}

.product-list li h4
{
    width: 263px;
    height: 40px;
    color: #000;
    float: left;
    text-align: center;
    font-size: 14px;
    font-weight: normal;
    padding: 5px 0 0 0;
}

.product-list li a h4 {
    color: #666;
}

.product-list li a:hover h4 {
    color: #022e99;
}

#photo_show
{
    padding: 20px 0 0 0;
}

#photo_title
{
    padding: 0 0 10px;
    font-size: 16px;
    font-weight: bold;
    text-align: center;
}

#photo_source
{
    text-align: center;
}

    #photo_source img
    {
        padding: 6px;
        border: 1px solid #ddd;
    }


#photo_about {
    padding: 20px 0 10px 0;
    color:#4b4b4b;
    font-size: 16px;
    line-height: 28px;
}

#photo_about td {
    padding: 5px 10px;
}

#photo_about p {
    padding: 0 0 20px 0;
}
#photo_about table {
    margin: 0 0 20px 0;
}

#photo_near {
	float:left;
	width:100%;
	padding:20px 0 0 0;
	}
#photo_near .previous {
    padding:0 0 5px 0;
	}
#photo_near .next {

	}

#verification
{
    padding: 20px 0 0 0;
}

    #verification .title
    {
        padding: 0 0 10px 0;
        color: #333;
        font-size: 16px;
        font-family: 'Microsoft YaHei';
    }

    #verification .text
    {
    }

        #verification .text .txt-1
        {
            width: 300px;
            height: 28px;
            padding: 5px;
            border: 1px solid #022e99;
            font-size: 14px;
            font-family: 'Microsoft YaHei';
        }

        #verification .text .btn-1
        {
            width: 100px;
            height: 40px;
            margin: 0 0 0 5px;
            border: none;
            color: #fff;
            font-size: 14px;
            font-weight: bold;
            background: #f05a0d;
            cursor: pointer;
        }

    #verification .explain
    {
    }

        #verification .explain h4
        {
            padding: 0 0 5px 0;
            font-size: 14px;
        }

        #verification .explain p
        {
            font-size: 14px;
            line-height: 22px;
        }

#banner{width:100%;margin:0px auto;overflow:hidden;position:relative;min-width:1000px;max-width:1440px;z-index:10;}
.banner{width:100%;}
.banner ul{position:absolute;top:0px;left:0px;}
.banner ul li{overflow:hidden;clear:both;}
.banner ul li img{width:100%;float:left;display:inline;}
.bannNav{position:absolute;width:130px;z-index:999;}
.bannNav a{display:block;width:128px;height:43px;float:left;display:inline;margin-top:10px;border:1px solid #fff;position:relative;z-index:12;}
.bannNav h1,.bannNav h2{font-weight:normal;line-height:16px;color:#fff;margin-left:10px;}
.bannNav h1{font-size:12px;margin-top:5px; margin-bottom:0;}
.bannNav h2{text-transform:uppercase;-webkit-text-size-adjust:none;font-size:10px; margin-top:0;}
.bannNav h3{display:block;width:100%;height:100%;position:absolute;top:0px;left:0px;background:#000;z-index:9999;opacity:0.4;filter:alpha(opacity=40);border:1px solid #000; margin-top:0;}
.bannNav a:hover h3{background:red!important;}
.time1{transition:all ease-out .3s 0s;-webkit-transition:all ease-out .3s 0s;-moz-transition:all ease-out .3s 0s;-o-transition:all ease-out .3s 0s;}
.timer{transition:background 0.5s;-webkit-transition:background 0.5s;-o-transition:background 0.5s;-moz-transition:background 0.5s;	}

.box4 { float:left;width:100%; padding: 60px 0 50px 0; background:#f2f2f2; }
.box4_bg { width: 1102px; margin: 0 auto; }

.box3_left { float: left; margin: 0 0 0 0; width:329px }

.box3_left_top { font-size: 14px; color: #666; }

.box3_left_top_left { width: 329px; float: left; font-size: 24px; color: #5e5e5e; }

.hello { margin: 0 0 36px 0; font-size: 24px; }

.box3_left_top_left p { font-size: 14px; line-height: 23px; }

.box3_left_top_left img { padding: 0 0 6px 0 }

.box3_left_top_right { float: right; margin: 64px 0 0 0px }

.box3_left_top_right ul { }

.box3_left_top_right ul li { background-image: url(/content/images/10.png); background-repeat: no-repeat; margin: 9px 0; background-position: left 9px; padding: 0 0 0 38px; height: 42px; line-height: 42px; color: #5e5e5e; font-size: 24px; font-weight: bold; }

.box3_left_top_right ul li+li { background-position: left -40px; font-size: 18px; font-weight: normal }

.box3_left_top_right ul li+li+li { background-position: left -86px; font-size: 18px; font-weight: normal }

.box3_left_top_right ul li+li+li+li { background-position: left -137px; font-size: 18px; font-weight: normal }

.box3_right { float: right; width: 636px; margin: 0 0 0 0; font-size: 14px; color: #666 }

.message { font-family: "SimSun"; font-size: 14px; }

.box3_right table input, .message table input { outline:none; line-height: 39px; text-indent: 27px; width: 398px; height: 39px; background: #fff; border: 1px solid #dcdcdc;-webkit-transition: all 650ms linear; transition: all 650ms linear;}
.box3_right table input:focus,.box3_right table textarea:focus{-moz-box-shadow:0px 1px 4px #333333; -webkit-box-shadow:0px 1px 4px #333333; box-shadow:0px 1px 4px #333333;}
.box3_right table textarea, .message table textarea { outline:none; margin: 12px 0 0 0; padding: 12px 0 0 0; width: 538px; text-indent: 27px; background: #fff; border: 1px solid #dcdcdc; height: 201px; -webkit-transition: all 650ms linear; transition: all 650ms linear;}

.box3_right table #button, .message table button { font-size: 14px; border: none; outline: none; width: 161px; height: 39px; line-height:36px;  color: #fff; background: #022e99; margin: 9px 0 0 76px; font-size: 24px; -webkit-transition: all 650ms linear; transition: all 650ms linear; position:relative; text-indent:0;  }
.box3_right table #button:active{ top:6px;}
.box3_right table #button:focus{-moz-box-shadow:none; -webkit-box-shadow:none; box-shadow:none;}