/* 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: #000;
}

/* 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;
}


.top_wapper_1 {
    overflow: hidden;
    width: 100%;
    background:url(../images/header-bg.jpg) repeat-x;
}

.top_1 {
    width: 1200px;
    height: 160px;
    margin: 10px auto 0;
}

.logo {
    padding: 20px 0 10px;
}

.top_contact {
    margin: 7px 0 0 0;
}

.top_contact .t1 {
    float: right;
    color: #333;
    font-size: 14px;
    font-family: "微软雅黑";
}

.top_contact .t1 a {
    display: inline;
    font-size: 14px;
    color: #333;
}
.top_contact .t1 a:hover {
    color: #1f8beb;
}
.top_contact .t1 span {
    padding: 0 10px;
    font-size: 14px;
    color: #333;
}

.top_contact .t2 {
    font-size: 18px;
    font-family: "微软雅黑";
    margin-top: 12px;
    color: #333;
    float: right;
    width: 100%;
    text-align: right;
}

.top_contact .t2 span {
    font-size: 26px;
    color: #cc0000;
}

.top_wapper_2 {
    height: 41px;
    background: url(../images/nav_bg.gif) repeat-x;
}

#nav {
    
}

#nav ul li {
    display:inline-block;
    margin:0 19px;
    font-size:0;
}

#nav ul li a {
    display:block;
    padding: 13px 10px 11px;
    color: #fff;
    font-family: "微软雅黑";
    font-size: 18px;
    text-align: center;
}

#nav ul li a:hover {
    color: rgba(255,255,255,.8);
}

#nav ul li a.current {
    color: #fff;
    border-bottom: 2px solid #fff;
}

/*.m_banner {
    position:relative;
    background: #238cdb;
    overflow: hidden;
    z-index:2;
}*/

.index-video {
    width: 100%;
    position: relative;
    overflow: hidden;
}
.index-video video {
    width:100%;
    display:block;    
}

/*视频背景banner*/
/*#banandnew {
    width: 100%;
    overflow: hidden;
    background: #000;
}*/

.index-float {
    position: absolute;
    top: 0;
    width: 100%;
    height: calc(100% - 300px);
    padding-top: 300px;
    background: url(../images/dot.png) repeat;
    /* background-color: rgba(0,0,0,.7); */
    z-index: 100;
}

/*.indexlogo {
    width: 293px;
    height: 49px;
    margin: 0 auto;
    margin-bottom: 43px;
}

.indexlogo img {
    width: 100%;
}*/

.index-float h1 {
    text-align: center;
    color: #fff;
    font-size: 48px;
    font-weight: bold;
}
.index-float span {
    display:block;
    width:50px;
    height:3px;
    margin:20px auto;
    font-size:0;
    background:#fff;
}

/*.btmheight {
    margin-bottom: 25px;
}*/

.index-float p {
    text-align: center;
    color: #fff;
    font-size: 18px;
    margin-bottom: 128px;
}

.index-icon {
    width: 45px;
    height: 81px;
    background: url(../images/scroll.png) no-repeat 0px 0px;
    background-size: 100% auto;
    margin: 0 auto;
    cursor: pointer;
}

.index-icon:hover {
    background: url(../images/scroll2.png) no-repeat 0px 0px;
    background-size: 100% auto;
}

/*side_bar*/
.side_bar{
	width:240px;
	float:left;
}
.side_bar_pt{
	font-family:"微软雅黑";
	height:55px;
	padding:25px 20px 0 35px;
    background: url(../images/sidebar-bg.jpg) no-repeat 0px 0px;
}
.side_bar_pt .pt1{
    padding:0 0 0 15px;
    border-left:3px solid #fff;
	font-size:28px;
	color:#fff;
    line-height:30px;
}
.side_bar_pt .pt2{
	font-size:24px;
	color:#030303;
}
.side_bar_pl{
	padding:13px 0 20px 35px;
    border:1px solid #e5e5e5;
}
.side_bar_pl ul li{
	
}
.side_bar_pl ul li a{
    display:block;
    padding:10px 15px 10px 15px;
	font-size:18px;
	color:#696969;
    background: url(../images/arrow-1.png) no-repeat 0 18px;
    line-height:24px;
}
.side_bar_pl ul li a:hover{
	color:#1a65ce;
}
.side_bar_pl ul li a.current{
	color:#1a65ce;
    background: url(../images/arrow-1.png) no-repeat 0 -32px;
}
.side_bar_contact{
	height:57px;
	padding:8px 0px 10px 0px;
	margin-left:20px;
	border-top:1px solid #DBDBDB;
	border-bottom:1px dotted #dbdbdb;
}

.side_bar_contact {
    height: 57px;
    padding: 8px 0px 10px 0px;
    margin-left: 20px;
    border-top: 1px solid #DBDBDB;
    border-bottom: 1px dotted #dbdbdb;
}
/***footer**/
#footer-wrapper {
    position:relative;
    clear: both;
    width: 100%;
    color: #fff;
    background: #4884d8 url(../images/footer-bg.jpg) no-repeat center top;
    overflow: hidden;
}

#footer {
    width:1200px;
    margin:0 auto;
    padding: 60px 0 0 0;
}

#footer .top {
    width: 100%;
    padding: 0 0 0 0;
    overflow: hidden;
    text-align:center;
}

#footer .top li {
    display:inline-block; 
    border-right:1px solid #fff;
}
#footer .top li:last-child {
    border-right:none;
}
#footer .top li a {
    padding: 0 20px 0;
    color: #fff;
    font-size: 18px;
}
#footer .top li a:hover {
    color:rgba(255,255,255,.8);
}

#footer .left {
    float: left;
    width: 300px;
    margin:70px 20px 0 0;
    padding:0 20px 0 0;
    border-right:1px solid #fff;
}
#footer .left img {
    width: 300px;
}

#footer .middle {
    float: left;
    width: 680px;
    margin:50px 0 0 0;
    font-size:16px;
    line-height:28px;
}

#footer .right {
    float: right;
    width: 150px;
    margin: 20px 0 30px 0;
    text-align:right;
}
#footer .right img {
    width:150px;
}

#footer .right h2 {
    padding:5px 0 0 0;
    font-size: 16px;
    font-weight: normal;
    text-align:center;
}

#footer .bottom {
    float: left;
    width: 100%;
    margin: 30px 0 0 0;
    border-top: 1px solid rgba(255,255,255,.5);
    padding: 20px 0;
    font-size: 14px;
    text-align: center;
}

.serv {
    font-size: 12px;
    color: #666;
    float: right;
    line-height: 30px;
}

/*about us*/
.content_bg {
    width: 1200px;
    margin: 0 auto 0;
}

.content_bg .content {
    float: left;
    width: 1200px;
    margin: 30px 0 30px 0;
}

.content_right{
	width:910px;
    padding:0 0 0 50px;
	float:right;
}

.banner {
    width: 100%;
    height: 400px;
    background-color: #084994;
    background-repeat: no-repeat;
    background-position: center center;
}

.banner span {
    display: block;
    height: 238px;
}

.content .contact_title {
    height:54px;
    padding: 25px 0 0 0;
    border-bottom:1px solid #e5e5e5;
    overflow:hidden;
}

.contact_title_l {
    float: left;
}

.content .contact_title h4 {
    height:52px;
    border-bottom:2px solid #1a65ce;
    font-size: 28px;
    color: #000;
    font-weight: normal;
    line-height: 28px;
}
.content .contact_title .contact_title_l span {
    display: block;
    width:50px;
    height:3px;
    margin:20px 0 0 0;
    font-size:0;
    background:#333;
}

.contact_title_r {
    margin-top: 10px;
    float: right;
}

.contact_title_r span {
    font-size: 14px;
    font-family:Arial;
    color: #5d5c5c;
    padding-left: 15px;
    display: block;
    float: right;
}

.contact_title_r span a {
    font-size: 14px;
    color: #5d5c5c;
}
.contact_title_r span a:hover {
    color: #1a65ce;
}

.contact {
    padding: 10px 0 0 0;
    font-size: 18px;
    margin-top: 10px;
    line-height: 34px;
    color: #333333;
    text-align: justify;
}

.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: 50px 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: 18px;
    color: #333;
    line-height: 34px;
    text-align: justify;
}

.news .news_con p {
    padding: 0 0 20px 0;
}

.news .news_con img {
    max-width: 765px;
}

.news_pn {
    color: #666;
    font-size: 14px;
    line-height: 28px;
}

.news_pn span a {
    color: #666;
}
.news_pn span a:hover {
    color: #1f8beb;
}


/*news_list*/
.news_list {
}
.news_list ul li {
    float: left;
    width: 910px;
    border-bottom: 1px solid #e7e7e7;
    padding: 30px 0 30px;
}

.news_list ul li .left {
    float:left;
    width:300px;
}
.news_list ul li .right {
    float:left;
    width:580px;
    padding:0 0 0 30px;
}
.news_list ul li h1 a {
    font-family: "微软雅黑";
    font-size: 24px;
    font-weight: normal;
    color: #333;
}

.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: 16px;
    color: #333333;
    line-height: 28px;
}

.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 a:hover {
    color: #1f8beb;
}



/* index
-----------------------------------------------------------------*/
#header {
    margin: 20px auto 0;
    width: 1003px;
    height: 90px;
}

#logo {
    float: left;
    padding: 10px 0 0 0;
}

#header_right {
    float: right;
    width: 200px;
}

#header_right #menu {
    float: right;
    width: 200px;
    padding: 10px 0 0 0;
    color: #767474;
    text-align: right;
    font-family: arial;
}

#header_right #menu a {
    color: #767474;
}

#header_right #phone {
    float: right;
    width: 350px;
    padding: 15px 0 0 0;
    color: #767474;
    text-align: right;
    font-size: 16px;
    font-family: 微软雅黑;
}

#header_right #phone strong {
    color: #8ab50a;
    font-size: 22px;
    font-family: arial;
}

#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;
}

#footer_wrapper {
    clear: both;
    width: 100%;
    height: 47px;
    background: #3b0000;
}

#footer {
    margin: 0 auto;
    width: 1003px;
    background: url(../images/footer.gif);
    height: 40px;
    text-align: center;
    color: #d4b87e;
    padding: 7px 0 0 0;
    font-family: Arial;
    line-height: 18px;
}*/

.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: 1000px;
    height: 530px;
}

#index {
    /*width:1200px;
    margin:0 auto;*/
}

#index_main {
    /*float:left;
    width:1200px;*/
}

#index_main .box {
    position:relative;
    float: left;
    width: 100%;
    z-index:2
}

#index_main .box .title {
    padding: 60px 0 0 0;
    font-family: "Microsoft YaHei";
    text-align: center;
}

#index_main .box .title h1 {
    color: #fff;
    font-size: 36px;
    font-weight: normal;
    text-transform: uppercase;
}

#index_main .box .title h2 {
    color: #fff;
    font-size: 36px;
    font-weight: normal;
}
#index_main .box .content .more {
    float:left;
    width:100%;
    margin: 20px 0 0 0;
    overflow: hidden;
    text-align:center;
}

#index_main .box .content .more a {
    display:inline-block;
    height:24px;
    margin:0 auto;
    padding:0 0 5px 0;
    border-bottom: 1px solid #333;
    color: #333;
    font-size: 20px;
    text-align:center;
}

#index_main .box .content .more a:hover {
    color: #1a65ce;
    border-bottom: 1px solid #1a65ce;
}

#index_main .culture .content {
    width: 1200px;
    margin: 0 auto;
    padding: 110px 0 100px 0;
    overflow: hidden;
}
#index_main .business {
    height:800px;
    background:url(../images/business-bg.jpg) no-repeat center top;
}
#index_main .business .content {
    width: 1200px;
    margin: 0 auto;
    padding: 80px 0 0 0;
    overflow: hidden;
}

#index_main .business .content li a {
    float: left;
    width: 200px;
    margin: 0 20px 0;
    color:#fff;
    text-align: center;
}

/*#index_main .business .content li a:hover {
    border: 1px solid #fff;
    color:#fff;
    background: #238cdb;
}*/
#index_main .business .content li a span {
    display:block;
    width:204px;
    height:204px;
    margin:0 auto;
    border: 3px solid #fff;
    border-radius: 138px;
}
#index_main .business .content li a strong {
    display:block;
    width:108px;
    height:108px;
    margin:50px;
    background-image: url(../images/cooperation.png);
    background-repeat:no-repeat;
    background-size:108px,108px;
}
#index_main .business .content li:nth-child(1) a strong {
    background-position:0 -432px;
}
#index_main .business .content li:nth-child(1) a:hover strong {
    background-position:0 -540px;
}
#index_main .business .content li:nth-child(2) a strong {
    background-position:0 0;
}
#index_main .business .content li:nth-child(2) a:hover strong {
    background-position:0 -108px;
}
#index_main .business .content li:nth-child(3) a strong {
    background-position:0 -216px;
}
#index_main .business .content li:nth-child(3) a:hover strong {
    background-position:0 -324px;
}
#index_main .business .content li:nth-child(4) a strong {
    background-position:0 -864px;
}
#index_main .business .content li:nth-child(4) a:hover strong {
    background-position:0 -972px;
}
#index_main .business .content li:nth-child(5) a strong {
    background-position:0 -648px;
}
#index_main .business .content li:nth-child(5) a:hover strong {
    background-position:0 -756px;
}
/* #index_main .business .content li:nth-child(1) a strong {
    background-position:0 0;
}
#index_main .business .content li:nth-child(1) a:hover strong {
    background-position:0 -108px;
}
#index_main .business .content li:nth-child(2) a strong {
    background-position:0 -216px;
}
#index_main .business .content li:nth-child(2) a:hover strong {
    background-position:0 -324px;
}
#index_main .business .content li:nth-child(3) a strong {
    background-position:0 -432px;
}
#index_main .business .content li:nth-child(3) a:hover strong {
    background-position:0 -540px;
}
#index_main .business .content li:nth-child(4) a strong {
    background-position:0 -648px;
}
#index_main .business .content li:nth-child(4) a:hover strong {
    background-position:0 -756px;
} */
#index_main .business .content li a h1 {
    padding: 30px 0 0 0;
    font-size: 24px;
}

#index_main .business .content li a em {
    display: block;
    width: 70px;
    height: 1px;
    margin: 10px auto 0;
    font-size: 0;
    background: #fff;
}
#index_main .business .content li a:hover span {
    background: #fff;
}

#index_main .business .content li a p {
    padding: 20px 0 0 0;
    font-size: 16px;
}

#index_main .business .content .more a {
    border-bottom: 1px solid #fff;
    color: #fff;
}

#index_main .business .content .more a:hover {
    color: rgba(255,255,255,.6);
    border-bottom: 1px solid rgba(255,255,255,.6);
}

#index_main .scientific {

}

#index_main .scientific .title h1 {
    color: #1a65ce;
}

#index_main .scientific .title h2 {
    color: #333;
}

#index_main .scientific .content {
    width: 1200px;
    margin: 0 auto;
    padding: 40px 0 30px 0;
    overflow: hidden;
}
#index_main .scientific .introduce {
    color:#333;
    font-size:18px;
    text-align:center;
    line-height:32px;
}
#index_main .scientific .content .case{
	width:1200px;
	margin-top:50px;
    overflow:hidden;
}
#index_main .scientific .content .case_content{
	float:left;
	width:900px;
	height:350px;
    overflow:hidden;
}
#index_main .scientific .content .case_content li{
    float:left;
	margin:0 7px;
	width:250px;
	height:350px;
    padding:10px 0 0 0;
    text-align:center;
}
#index_main .scientific .content .case_content li a img {
    box-shadow: 0 0 8px 2px rgba(0,0,0,0);
}
#index_main .scientific .content .case_content li a:hover img {
    box-shadow: 0 0 8px 2px rgba(18,94,189,.2);
}
#index_main .scientific .content .case_content li a h5{
	font-size:16px;
	color:#333;
	padding-top:11px;
	text-align:center;
	font-weight:normal;
    overflow:hidden;
}
#index_main .scientific .content .case_content li a:hover h5 {
    color:#1a65ce;
}
#index_main .scientific .content .case_prev{
	width:40px;
	height:300px;
	margin-right:30px;
	float:left;
	cursor:pointer;
}
#index_main .scientific .content .case_prev img{
	padding-top:124px;
}
#index_main .scientific .content .case_next{
	width:40px;
	height:300px;
	float:right;
	cursor:pointer;
}
#index_main .scientific .content .case_next img{
	padding-top:124px;
}

#index_main .scientific .content ul {
    float: left;
}

#index_main .company {
    height:640px;
    background:url(../images/company-bg.jpg) no-repeat center top;
}
#index_main .company .content {
    padding:70px 0 0 0;
    text-align:center;
}    
#index_main .company .content ul {
    display:inline-block;
    font-size:0;
    border-bottom:1px dashed #fff;
}
#index_main .company .content li {
    display:inline-block;
    border-right:1px solid #fff;
}
#index_main .company .content li:last-child {
    display:inline-block;
    border-right:none;
}
#index_main .company .content li a {
    display:block;
    width:180px;
    color: #fff;
    font-size:24px;
    font-weight:normal;
    text-align:center;
    line-height:50px;
}
#index_main .company .content li a:hover {
    width:180px;
    color: #1a65ce;
    background:#fff;
}
#index_main .company .content .introduce {
    padding:60px 0 0 0;
    color:#fff;
    font-size:18px;
    text-align:center;
    line-height:32px;
}

#index_main .company .content .more a {
    border-bottom: 1px solid #fff;
    color: #fff;
}

#index_main .company .content .more a:hover {
    color: rgba(255,255,255,.6);
    border-bottom: 1px solid rgba(255,255,255,.6);
}

#index_main .project {
    background:#e5e5e5;
}

#index_main .project .title h1 {
    color: #1a65ce;
}

#index_main .project .title h2 {
    color: #333;
}

#index_main .project .content {
    width: 1200px;
    margin: 0 auto;
    padding: 40px 0 30px 0;
    overflow: hidden;
}
#index_main .project .content .case{
	width:1200px;
	margin-top:50px;
    overflow:hidden;
}
#index_main .project .content .case_content{
	float:left;
	width:900px;
	height:225px;
    overflow:hidden;
}
#index_main .project .content .case_content li{
    float:left;
	margin:0 2px;
	width:260px;
    text-align:center;
}
#index_main .project .content .case_content li a span {
    display:block;
    width:260px;
    height:195px;
    overflow:hidden;
}
#index_main .project .content .case_content li a img {
    width:260px;
    height:195px;
    transition: all 0.6s;  
}
#index_main .project .content .case_content li a img:hover{  
    transform: scale(1.4);  
} 
#index_main .project .content .case_content li a h5{
    position:relative;
    width:100%;
    height:40px;
    margin:-40px 0 0 0;
	font-size:16px;
	color:#fff;
    line-height:40px;
	text-align:center;
	font-weight:normal;
    background:rgba(0,0,0,.7);
    overflow:hidden;
    z-index:1;
}
#index_main .project .content .case_content li a:hover h5 {
    color:#fff;
}
#index_main .project .content .case_prev{
	width:40px;
	height:195px;
	margin-right:30px;
	float:left;
	cursor:pointer;
}
#index_main .project .content .case_prev img{
	padding-top:61px;
}
#index_main .project .content .case_next{
	width:40px;
	height:195px;
	float:right;
	cursor:pointer;
}
#index_main .project .content .case_next img{
	padding-top:61px;
}

#index_main .project .content ul {
    float: left;
}
#index_main .customers {

}

#index_main .customers .title h1 {
    color: #1a65ce;
}

#index_main .customers .title h2 {
    color: #333;
}

#index_main .customers .content {
    width: 1200px;
    margin: 0 auto;
    padding: 70px 0 70px 0;
    overflow: hidden;
}


/* 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 0 20px 0;
}

#guestbook fieldset div {
    float: left;
    width: 1200px;
    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: 15px 10px 0 0;
    padding: 4px 3px 4px 3px;
    border: 1px solid #ccc;
    color: #000;
    font-size: 16px;
    background: #fff;
}

#guestbook fieldset .txt3 {
    float: left;
    width: 200px;
    height: 18px;
    margin: 15px 10px 0 0;
    padding: 4px 3px 4px 3px;
    border: 1px solid #ccc;
    color: #000;
    font-size: 16px;
    background: #fff;
}

#guestbook fieldset button {
    clear: both;
    float: left;
    width: 87px;
    height: 28px;
    margin: 10px 0 0 85px;
    background: #1f8beb;
    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 {
    float: left;
    width: 290px;
    margin: 0 20px 30px 0;
}
.product li:nth-child(3n) {
    margin: 0 0 30px 0;
}
.product li a {
    float: left;
    width: 270px;
    padding:9px 9px 19px 9px;
    /*background:#f0f0f0;*/
    border:1px solid #e5e5e5;
}
.product li a:hover {
    box-shadow: 2px 2px 5px rgba(0,0,0,.1);
}



.product li span {
    float:left;
    display: table-cell;
	width: 270px;
    height: 270px;
	line-height:270px;
	text-align:center;
	*display:block;
	overflow:hidden;
	vertical-align:middle;
}

.product li span img {
    vertical-align:middle;
	max-width:270px;
	max-height:270px;
}

.product li h4 {
    float:left;
    width:100%;
    color: #333;
    font-size: 16px;
    font-weight: normal;
    padding: 15px 0 0 0;
    text-align:center;
}
.product li a:hover h4 {
    color:#1a65ce;
}

#photo_show {

}

#photo_title {
    padding: 50px 0 20px;
    color: #333;
    font-size: 28px;
    text-align: center;
}

#photo_source {
    text-align: center;
}

#photo_source img {

}

#photo_about {
    padding: 20px 0 10px 0;
    font-size: 14px;
    line-height: 22px;
}


#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 #0066cc;
    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;
}