/*
Theme Name: DouPHP Default
Theme URI: http://demo.douco.com/
Description: DouPHP 默认模板
Version: 1.0
Author: DouCo Co.,Ltd.
Author URI: http://www.dou.co/
*/

/* 初始化
----------------------------------------------- */
body {
 font-family: "Arial";
 color: #555;
 background-color: #FFF;
}
body, button, input, textarea {
 font-size: 12px;
 line-height: 1.531;
 outline: none;
 margin: 0;
 padding: 0;
 border: 0;
}
a {
 text-decoration: none;
 color: #333333;
}
a:hover {
 color: #C70D0E;
}
p, ul, ol, dl, dt, dd, form, blockquote {
 margin: 0;
 padding: 0;
}
ul, ol, li {
 list-style: none;
}
h1, h2, h3, h4, h5, h6 {
 font-size: 12px;
 margin: 0;
 padding: 0;
}
input, select {
 font-family: Microsoft Yahei;
 vertical-align: middle;
}
input:-webkit-autofill {
 -webkit-box-shadow: 0 0 0px 1000px #EEEEEE inset !important;
}
em, b, i {
 font-style: normal;
 font-weight: normal;
}
img {
 vertical-align: middle;
 border: 0;
}
label {
 cursor: pointer;
}
/* 主体框架
----------------------------------------------- */
.wrap {
 width: 1200px;
 margin: 0px auto;
}
.mb {
 margin-bottom: 30px;
}
/* -- page -- */
#pageLeft {
 float: left;
 width: 230px;
 position:relative;
 margin-top:-90px;
}
#pageIn {
 float: right;
 width: 920px;
 overflow: hidden;
}
/* 头部导航
----------------------------------------------- */
/* -- top -- */
#top {
 background-color: #ededed;
 height: 30px;
 text-align: right;
}
#top .top_left{ float:left; line-height:30px; color:#838383; font-size:12px;}
/* topNav */
#top .topNav {
 float: right;
 position: relative;
 z-index: 1000;
 height: 30px;
 font-size: 12px;
}
#top .topNav li {
 border-bottom: 0;
 float: left;
 zoom: 1;
 text-align: center;
}
#top .topNav li.spacer {
 overflow: hidden;
 margin: 8px 5px 0;
 width: 1px;
 height: 15px;
 background-color: #838383;
}
#top .topNav li a {
 padding: 0 7px;
 height: 30px;
 line-height: 30px;
 color: #838383;
}
#top .topNav li.hover {
 position: relative;
 background: #FFFFFF;
 border: 1px solid #DDDDDD;
 border-bottom: 0;
}
#top .topNav li.hover s {
 border-left: 1px solid #FFF;
}
#top .topNav ul {
 background: #FFFFFF;
 border: 1px solid #DDDDDD;
 border-top: 0;
 width: 100%;
 display: none;
 position: absolute;
 top: 100%;
 left: -1px;
 padding-bottom: 4px;
}
#top .topNav ul li {
 float: none;
}
#top .topNav li.hover ul li {
 border: none;
}
#top .topNav li.hover ul li a {
 height: 25px;
 line-height: 25px;
}
/* search */
#top .search {
 float: right;
 _width: 205px;
}
#top .search .searchBox {
 border: 1px solid #545454;
 background-color: #545454;
 height: 28px;
 padding-left: 10px;
}
#top .search .searchBox .keyword {
 background-color: #545454;
 color: #CCCCCC;
}
#top .search .searchBox .btnSearch {
 background-color: #545454;
}
/* -- top_logo -- */
.top_logo{ height:155px;background: url(../images/header_bg.jpg) center top no-repeat; position: relative; min-width:1200px;}
.top_logo .wrap{ position:relative; height:155px;}
.top_logo .left{ position:absolute; left:0px; bottom:10px;}

.top_logo .right{ position:absolute; right:0px; bottom:20px;}
.top_logo .right .headPhone{padding-left:60px; height:58px;background:url(../images/p_icon.png) no-repeat left bottom;font-size:14px;color:#000; line-height:29px;}
.top_logo .right .headPhone span{font-family:Arial;font-size:21px;display:block;color:#000; line-height:24px; font-style:oblique;}

/* -- header -- */
#header {
 height: 80px;
 min-width:1200px;
 background:#fff; 
 width:100%;
 z-index: 1000;
}
.logo{ float:left;}
/* -- mainNav -- */
#header .mainNav {
 float: right;
 height: 80px;
 font-size: 14px;
 position: relative;
 z-index: 1001;
}
#header .mainNav li {
 position: relative;
}
#header .mainNav i{ float:left; line-height:95px; color:#fff;}
#header .mainNav .m {
 height: 80px;
 _width: 100px;
 zoom: 1;
 float: left;
}
/* LEVEL ONE */
#header .mainNav .nav {
 display: block;
 text-align: center;
 height: 80px;
 line-height: 80px;
 width:115px;
 color: #000;
 font-weight: normal;
 font-size:18px;
}
#header .mainNav .hover .nav, #header .mainNav .cur {
}
/* LEVEL TWO */
#header .mainNav ul {
 display: none;
 position: absolute;
 width: 100%;
 background: #c6aa6b;
 top: 100%;
 padding:10px 0;
 left: 0;
}
#header .mainNav ul li {
 _float: left;
}
#header .mainNav .child {
 display: block;
 text-align: center;
 height: 30px;
 line-height: 30px;
 font-size:14px;
 padding: 0 20px;
 color: #fff;
}
#header .mainNav .hover .hover .child {
}
#header .mainNav .parent {
 background: url(../images/icon_main_nav.png) no-repeat 85px top;
}
#header .mainNav .hover .hover .parent {
 background:  url(../images/icon_main_nav.png) no-repeat 85px bottom;
}
/* LEVEL THREE */
#header .mainNav ul ul {
 left: 100%;
 top: 0;
 min-width: 98px;
 _width: 98px;
}
#header .mainNav .children {
 display: block;
 text-align: center;
 height: 30px;
 line-height: 30px;
 padding: 0 20px;
 color: #fff;
}
#header .mainNav .hover .hover .hover .children {
}
/* 首页样式
----------------------------------------------- */
/* -- slideShow -- */
.slideShow .slides a {height: 590px;}

/* -- part_title -- */
.part_title{ width:100%; text-align:center; overflow:hidden;}
.part_title h3{font-size: 38px;color: #00a8e8;font-weight: normal; font-family:"黑体"}
.part_title h4{ font-size:22px; color:#726f6f; text-transform:uppercase; position:relative; display:inline-block; font-weight:normal;}
.part_title h4:before{left: 105%;}
.part_title h4:after{right: 105%;}
.part_title h4:before, .part_title h4:after {
    content: '';
    position: absolute;
    top: 50%;
    width: 70px;
    border-top: #165a99 1px solid;
}


.transition_500{webkit-transition: all 500ms; -moz-transition: all 500ms; -ms-transition: all 500ms; -o-transition: all 500ms; transition: all 500ms ;}

/* -- part1 -- */
.part1{min-width:1200px; padding:50px 0;}
.part1 .list{ margin-top:30px;}

.part1 .tabbox{ margin:20px 0;}
.part1 .tabbox ul{list-style:none;display:table; width:100%; text-align:center; margin-bottom:20px; font-size:0px;}
.part1 .tabbox ul li{ display:inline-block;width:170px;line-height:50px;cursor:pointer; font-size:16px; background:#d5d5d5; color:#fff; margin:0 10px;}
.part1 .tabbox ul li.active{background-color:#00a8e8;color:white;}
.part1 .tabbox .content{}
.part1 .tabbox .content>div{display:none; width:100%; float:left;}
.part1 .tabbox .content>div.active{display:block;}
.part1 .tabbox .content li{ float:left; padding:0 10px; box-sizing:border-box; width:25%;}
.part1 .tabbox .content li img{ width:100%;}
.part1 .tabbox .content li p{ line-height:50px; text-align:center; font-size:14px; font-weight:bold; color:#000;}
	   




/* -- part2 -- */
.part2{padding:50px 0;min-width:1200px; background:#f2f2f3;}
.part2 .content{ margin-top:40px; font-size:14px; line-height:28px; color:#707070;}
.part2 .list{ margin-top:40px;}
.part2 .list li{ width:170px; float:left;margin: 0px 65px;}
.part2 .list li a.ico_1{ width:170px; height:170px; background:url(../images/ico_1.png) center center no-repeat; display:inline-block;}
.part2 .list li a.ico_2{ width:170px; height:170px; background:url(../images/ico_2.png) center center no-repeat; display:inline-block;}
.part2 .list li a.ico_3{ width:170px; height:170px; background:url(../images/ico_3.png) center center no-repeat; display:inline-block;}
.part2 .list li a.ico_4{ width:170px; height:170px; background:url(../images/ico_4.png) center center no-repeat; display:inline-block;}
.part2 .list li h2{ font-size:18px; margin-top:10px; line-height:28px;  text-align:center;}
.part2 .list li h2 a{color:#00a8e8;}


/* -- part3 -- */
.part3{padding:50px 0;min-width:1200px; background:#fff;}
.part3 .wrap{ width:1025px;}
.part3 .list{ margin-top:50px;}
.part3 .list li{width: 230px;height: 300px;float: left;margin-left: 35px;overflow: hidden;background-color: #f2f2f2;background-position: center 105px;background-repeat: no-repeat;position: relative;}
.part3 .list li:first-child{ margin-left:0px;}
.part3 .list li a{display: block;width: 100%;height: 100%;}
.part3 .list li span{display: block;width: 100%;height: 30px;line-height: 30px;text-align: center;position: absolute;left: 0px;top: 30px;font-size: 18px;}
.part3 .list li .ad_gd{width: 100%;height: 30px;line-height: 30px;text-align: center;font-size: 14px;position: absolute;left: 0px;bottom: 25px;}
.part3 .list li:hover{background-color:#50AFF5;}
.part3 .list li:hover a{color:#fff;}
.part3 .list .ad_list1{background-image:url(../images/consult_1.png);}
.part3 .list .ad_list2{background-image:url(../images/consult_2.png);}
.part3 .list .ad_list3{background-image:url(../images/consult_3.png);}
.part3 .list .ad_list4{background-image:url(../images/consult_4.png);}
.part3 .list .ad_list1:hover{ background-image:url(../images/consult_h1.png); }
.part3 .list .ad_list2:hover{ background-image:url(../images/consult_h2.png); }
.part3 .list .ad_list3:hover{ background-image:url(../images/consult_h3.png); }
.part3 .list .ad_list4:hover{ background-image:url(../images/consult_h4.png); }

/* -- part4 -- */
.part4{ padding:50px 0;min-width:1200px;}
.part4 .list{ margin-top:50px;}
.part4 .list li{ width:25%; float:left; position:relative;}
.part4 .list li .case_img{ position:relative;overflow: hidden;}
.part4 .list li .case_img img{ width:100%;}
.part4 .list li .case_img:after{    background-color: rgba(0,0,0,0.6);border-radius: 50%;content: "";left: 0;opacity: 0;padding-bottom: 100%;position: absolute;right: 0;top: -15%;transform: scale(0);transition: transform 0.4s cubic-bezier(0.4,0,0.2,1) 0s,opacity 0.4s ease 0s;}
.part4 .list li:hover .case_img:after{opacity: 1;
    filter: alpha(opacity=100);
    -webkit-transform: scale(1.5);
    -ms-transform: scale(1.5);
    -o-transform: scale(1.5);
    transform: scale(1.5);
    border-radius: 1;
    -webkit-border-radius: 1;
    -moz-border-radius: 1;
    -ms-border-radius: 1;
    -o-border-radius: 1;}
.part4 .list li .content{
	position: absolute;
    top: 50%;
    margin-top: -40px;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
    left: 0;
    width: 100%;
    z-index: 11;
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transition: all 0.35s;
    -o-transition: all 0.35s;
    transition: all 0.35s;
    -moz-transition: all 0.35s;
    -ms-transition: all 0.35s;
    text-align: center;
    height: auto;
}
.part4 .list li:hover .content {
    opacity: 1;
    filter: alpha(opacity=100);
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
}
.part4 .list li .content a{ color:#fff; font-size:25px;}

/* -- part5 -- */
.part5{ padding:50px 0;min-width:1200px;}
.part5 .list{ margin-top:50px;}
.part5 .list li{width: 33.33333%; float:left; padding:0 15px; box-sizing:border-box;}
.part5 .list li .news_pic{}
.part5 .list li .news_pic img{ width:100%;}
.part5 .list li .content{    padding: 15px;border: 1px solid rgba(0,0,0,0.1);border-top: none !important; box-sizing:border-box;}
.part5 .list li .content h4{ font-size:16px; color:#000; line-height:23px; height:46px; overflow:hidden; text-align:justify;display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;}
.part5 .list li .content .news_time{ font-size:12px; color:#666666; line-height:23px; margin:5px 0;}
.part5 .list li .content p{ font-size:14px; line-height:23px; color:#666666; height:46px; overflow:hidden; text-align:justify;display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;}
.part5 .list li a{ display:inline-block;}
.part5 .list li:hover a{box-shadow: 0 1px 8px 2px rgba(0,0,0,0.1);}


/* -- part6 -- */
.part6{ padding:50px 0;min-width:1200px;background:url(../images/bg_map.jpg) center center no-repeat;}
.part6 .list{ text-align:center; margin-top:50px;}


/* -- part7 -- */
.part7{ padding:50px 0;min-width:1200px;}
.part7 .message{ margin-top:50px;}
.part7 .message dl{ width:320px; float:left; margin-bottom:20px; }
.part7 .message dl:nth-child(2n){ float:right;margin-left:300px;}
.part7 .message dl dt{padding: 9px 10px 0 0;    font-size: 18px;padding-bottom: 10px; color:#b9b9b9;}
.part7 .message dl dt span{ color:#ff0000;}
.part7 .message dl dd{}
.part7 .message dl dd .textinput{ width:100%; height:35px;    border: 1px solid #b9b9b9;    line-height: 23px;padding: 0 8px;    font-size: 14px; box-sizing:border-box;}
.part7 .message dl dd .textArea{width:100%;border: 1px solid #b9b9b9;padding: 10px 8px; height:105px;   font-size: 14px; box-sizing:border-box;}
.part7 .message dl .input_sub{ width:250px; height:40px; background:#e0bd86; color:#fff;cursor: pointer; font-size:16px;}


/* -- indexBox -- */
#index .indexBox {
 padding: 15px 0;
 zoom: 1;
 overflow: hidden;
}
#index .indexBox.bg {
 background-color: #F5F5F5;
 padding: 25px 0 35px 0;
}
#index .indexBox h3 {
 color: #333;
 position: relative;
 height: 30px;
}
#index .indexBox h3 em {
 font-size: 20px;
 font-weight: bold;
}
#index .indexBox h3 .more {
 display: block;
 position: absolute;
 right: 0;
 bottom: 3px;
 width: 90px;
 text-align: center;
 line-height: 21px;
 background-color: #19B4EA;
 color: #FFF;
 font-weight: normal;
}
#index .indexBox h3 .more:hover {
 background-color: #0072C6;
 text-decoration: none;
 color: #FFF;
}
/* -- recProduct -- */
#index .recProduct {
 float: left;
 width: 570px;
 padding-right: 30px;
 border-right: 1px solid #EEEEEE;
}
#index .recProduct .list {
 padding-top: 20px;
 zoom: 1;
 overflow: hidden;
}
#index .recProduct .list dl {
 float: left;
 width: 130px;
 height: 200px;
 margin-right: 16px;
}
#index .recProduct .list dl.noMargin {
 margin-right: 0;
}
#index .recProduct .list dl dd.img {
 border: 1px solid #E4E4E4;
 margin-bottom: 8px;
 _padding-bottom: 1px;
}
#index .recProduct .list dl dd.img img {
 width: 128px;
 height: 127px;
}
/* -- recArticle -- */
#index .recArticle {
 float: right;
 width: 360px;
 text-align: left;
}
#index .recArticle .list {
 padding-top: 15px;
}
#index .recArticle .list li {
 border-bottom: 1px dotted #D1D1D1;
 padding: 0 2px 13px 2px;
 margin-bottom: 13px;
}
#index .recArticle .list li b {
 float: right;
 color: #999999;
}
#index .recArticle .list li.last {
 border-bottom: 0;
}
/* -- about -- */
#index .about {
 float: left;
 width: 680px;
}
#index .about h1 {
 font-size: 20px;
 color: #0072C6;
}
#index .about .desc {
 color: #666666;
 margin: 15px 0 15px 0;
 line-height: 200%;
}
/* -- contact -- */
#index .contact {
 float: right;
 width: 270px;
 text-align: left;
 padding-top: 45px;
}
#index .contact h2 {
 float: left;
 width: 80px;
 height: 30px;
 background: #19B4EA url(../images/icon_contact.png) no-repeat center 12px;
 color: #FFF;
 text-align: center;
 font-size: 13px;
 font-weight: normal;
 padding-top: 40px;
}
#index .contact ul {
 float: right;
 width: 170px;
 text-align: left;
 color: #666;
}
#index .contact ul li {
 margin-bottom: 8px;
}
/* -- link -- */
#index .link {
 padding: 10px 0;
 border-top: 1px solid #DDD;
 background-color: #F5F5F5;
}
#index .link strong {
 color: #7A7F81;
 font-weight: bold;
}
#index .link a {
 color: #555;
}
/* page
----------------------------------------------- */
#page {
 padding: 20px 0;
 min-height: 400px;
}
#page h1 {
 color: #333333;
 font-size: 18px;
 font-weight: bold;
}
#page .info {
 padding: 2px 0 20px 0;
 color: #999999;
 font-size: 13px;
}
#page .content {
 color: #666666;
 line-height: 30px;
 font-size:14px;
}
#page .content img {
 max-width: 100%;
}
/* product_category
----------------------------------------------- */
#productList {
 padding-top: 20px;
 color: #999999;
}
#productList dl {
 float: left;
 width: 290px;
 margin-right:22px;
}
#productList dl.noMargin {
 margin-right: 0;
}
#productList dt {
 float: left;
 width: 100%;
 overflow:hidden;
}
#productList dd {
	width:100%; float:left;
}
#productList dt img {
 width: 100%;
 transition: all 0.5s
}

#productList .name {
 height: 45px;
 line-height:45px; text-align:center;
 margin-bottom:10px;
 overflow: hidden;
 font-size: 14px;
}
#productList .name a {
 color: #000;
 width:100%; float:left;
 font-weight: bold;
}
#productList dl:hover img{transition: all 0.5s;transform: scale(1.1,1.1);}
#productList dl:hover .name a{ background:#000; color:#fff;}
#productList .brief {
 color: #999999;
 padding-top: 8px;
 height: 60px;
}
#productList .price {
 padding-bottom: 10px;
}
/* product
----------------------------------------------- */
#product {
 padding: 15px 0;
}
#product .productImg {
 float: left;
 width: 300px;
}
#product .productInfo {
 float: left;
 width: 465px;
 padding: 10px 0 0 15px;
 line-height: 200%;
}
#product .productInfo h1 {
 font-size: 18px;
}
#product .productInfo ul {
 padding-top: 10px;
 margin-bottom: 50px;
}
#product .productInfo .productPrice {
 margin-bottom: 5px;
}
#product .productInfo .productPrice .price {
 font-family: Arial;
 font-size: 20px;
 font-weight: bold;
}
#product .productInfo .btnAsk {
 zoom: 1;
 overflow: hidden;
}
#product .productInfo .btnAsk dt {
 float: left;
 width: 88px;
 height: 39px;
 line-height: 39px;
 text-align: right;
 padding-right: 3px;
 margin-right: 6px;
 background-color: #E0E0E0;
 color: #333;
 font-weight: bold;
}
#product .productInfo .btnAsk dd {
 float: left;
 width: 300px;
}
#product .productInfo .btnBuy {
 margin-bottom: 40px;
}
#product .productInfo .btnBuy .addToCart {
 background: #19B4EA url(../images/btn_addtocart.png) no-repeat 20px 50%;
 color: #FFFFFF;
 padding: 8px 25px 8px 50px;
 text-decoration: none;
 cursor: pointer;
 font-size: 16px;
}
#product .productInfo .btnBuy .addToCart:hover {
 background-color: #44C4EE;
}
#product .productContent {
 padding: 15px 0;
}
#product .productContent h3 {
 padding: 30px 0 10px 0;
 color: #333;
 font-weight: bold;
 font-size: 16px;
 border-bottom: 1px solid #CBD1D3;
}
#product .productContent ul {
 padding: 15px 0;
 color: #666;
 line-height: 200%;
}
#product .productContent img {
 max-width: 100%;
}

/* team_category
----------------------------------------------- */
#teamList {
 padding-top: 20px;
 color: #999999;
}
#teamList dl {
 float: left;
 width: 290px;
 margin-bottom:10px;
 margin-right:22px;
}
#teamList dl.noMargin {
 margin-right: 0;
}
#teamList dt {
 float: left;
 width: 100%;
 overflow:hidden;
}
#teamList dd {
	width:100%; float:left; padding:10px; box-sizing:border-box;
}
#teamList dt img {
 width: 100%;
 height:161px;
 transition: all 0.5s
}

#teamList .name {
 font-size: 18px;
    color: #fff;
    line-height: 30px;
    font-weight: normal;
    white-space: nowrap;
    text-overflow: ellipsis;
    display: block;
    height: 30px;
}
#teamList h4{
	font-size: 20px;
    color: #000;
    line-height: 25px;
    text-transform: uppercase;
    font-weight: normal;
	}
#teamList .name a {
 color: #000;
 width:100%; float:left;
 font-weight: bold;
}
#teamList dl:hover img{transition: all 0.5s;transform: scale(1.1,1.1);}
#teamList dl:hover dd{ background:#000; color:#fff;}
#teamList dl:hover dd a{ color:#fff;}
#teamList dl:hover dd h4{ color:#fff;}
#teamList .brief {
 color: #999999;
 padding-top: 8px;
 height: 60px;
}

/* article_category
----------------------------------------------- */
#pageIn .list_news{ margin-top:20px;}
#pageIn .list_news dl {

	padding: 20px;

	overflow: hidden;

	margin-bottom: -1px;

	border: 1px #eaeaea solid;

	background: #fff;

}

#pageIn .list_news .first {

	border-radius: 4px 4px 0 0;

}

#pageIn .list_news .last {

	border-radius: 0 0 4px 4px;

}

#pageIn .list_news .m {

	float: left;

	width: 220px;

	margin-right: 15px;

}

#pageIn .list_news .m img {

	width: 100%;

	height: 150px;

}

#pageIn .list_news dt {

	height: 24px;

	line-height: 24px;

	margin-bottom: 6px;

	overflow: hidden;

}

#pageIn .list_news dt a {

	font-size: 18px;

	color: #222;

}

#pageIn .list_news dt a:hover {

	color: #0595c7;

}

#pageIn .list_news p {

	color: #999;

	font-size: 12px;

	line-height: 30px;

}

#pageIn .list_news p em {

	margin-right: 15px;

	color: #999;

}

#pageIn .list_news p em a {

	color: #999;

}

#pageIn .list_news dd {

	line-height: 22px;

	font-size: 12px;

	color: #888;

}


#articleList dl {
 border-bottom: 1px dotted #D1D1D1;
 padding: 20px 0;
 zoom: 1;
 overflow: hidden;
}
#articleList dl.last {
 border-bottom: 0;
}
#articleList dt {
 width: 620px;
 margin-bottom: 10px;
 font-size: 18px;
}
#articleList dd {
 color: #999999;
 line-height: 180%;
 zoom: 1;
 overflow: hidden;
}
#articleList dd p {
 float: left;
}
#articleList dd p.img {
 margin-right: 10px;
}
#articleList dd p.desc {
 width: 590px;
}
#articleList .numDate {
 float: right;
 text-align: right;
 padding-top: 12px;
}
#articleList .numDate em {
 background-color: #c6aa6b;
 color: #FFF;
 padding: 3px 4px;
 font-size: 14px;
 font-weight: bold;
}
#articleList .numDate p {
 font-size: 16px;
 color: #999999;
 margin-top: 5px;
}
/* article
----------------------------------------------- */
#article {
 padding: 15px 0;
 min-height: 400px;
}
#article .img{ text-align:center;}
#article .img img{ max-width:100%;}
#article h1 {
 color: #333333;
 font-size: 20px;
 margin-top:10px;
 margin-bottom:10px;
 text-align:center;
 font-weight: bold;
}
#article .info {
 color: #999999;
 text-align:center;
 font-size: 13px;
 border-top:1px solid #ddd;
 border-bottom:1px solid #ddd;
 line-height:30px;
 margin:10px 0;
}
#article .content {
 color: #666666;
 line-height: 180%;
}
#article .content img {
 max-width: 100%;
}
/* 提示信息
----------------------------------------------- */
#douMsg {
 padding: 10px 0 100px 0;
}
#douMsg dl {
 padding: 160px 0 200px 0;
 text-align: center;
}
#douMsg dt {
 color: #0072C6;
 font-size: 16px;
 margin-bottom: 30px;
 font-weight: bold;
}
#douMsg dd {
 color: #666;
}
#douMsg dd a {
 margin-left: 5px;
 color: #000;
}
/* 全局样式
----------------------------------------------- */
/* -- urHere -- */
.urHere {
 height: 35px;
 line-height: 35px;
 padding-top: 15px;
 color: #999999;
 font-weight: bold;
 font-size: 14px;
 border-bottom: 1px solid #DDD;
}
.urHere a {
 color: #999999;
}
.urHere b {
 margin: 0 8px;
}

.crumb{
	line-height: 35px;
    height: 35px;
    background: #e2e2e2;
    color: #262626;
}
.crumb span{
	float: left;
    font-size: 14px;
    line-height: 35px;
    padding-left: 15px;
	}
.crumb b,.crumb b a{color:#262626;font-family:'宋体';margin-right: 18px;}
.crumb b a{margin:0px 3px;}
.fr {
    float: right;
}
.fl {
    float: left;
}
.fs18 {
    font-size: 18px;
}

/* -- tree -- */
.treeBox {
 margin-bottom: 15px;
}
.sub_title{ width:100%; height:90px; background-color:rgba(255,255,255,0.3); }
.sub_title span{ float:left; width:189px; font-size:22px; text-transform:uppercase; color:#fff; margin-left:25px;  margin-top:13px;}
.sub_title h1{ float:left; width:189px; font-size:15px;  color:#fff; margin-left:25px; font-weight:normal; }
.treeBox h3 {
	line-height: 50px;
	background:#e2e2e2;
	text-align: left;
	font-size: 15px;
	padding:0 15px;
	color: #444444;
	border-bottom:1px solid #ccc;
	box-sizing:border-box;
}
.treeBox ul{text-align:center; background:#e2e2e2;margin-bottom: 15px;}
.treeBox li {
	text-align:left;
}
.treeBox li a {
	width:100%;
	display:block;
    height: 35px;
    background: url(../images/sub_07.gif) no-repeat;
    line-height: 35px;
    font-size: 13px;
    color: #262626;
    text-indent: 33px;
}
.treeBox li.cur, .treeBox li:hover {
}
.treeBox li.cur a, .treeBox li:hover a {
 color: ##FF0000;
 background: url(../images/sub_04.gif) no-repeat;
}
{}
.treeBox .search {
 margin: 20px 0;
}
.treeBox .search .keyword {
 width: 136px;
}
.treeBox .lxfs{ line-height:30px; font-size:12px; text-align:left; padding:10px;}
/* -- screen -- */
.screen {
 padding-top: 20px;
 border-bottom: 1px dotted #DDD;
}
.screen dl {
 margin-bottom: 10px;
}
.screen dl dt {
 display: inline-block;
 font-weight: bold;
}
.screen dl dd {
 display: inline-block;
}
.screen dl dd a {
 display: inline-block;
 background-color: #DDD;
 color: #555;
 padding: 2px 10px;
 margin-right: 8px;
}
.screen dl dd a.cur {
 background-color: #19B4EA;
 color: #FFF;
}
/* -- searchBox -- */
.searchBox {
 border: 1px solid #DDDDDD;
 background-color: #FFF;
 height: 28px;
 padding-left: 10px;
}
.searchBox .keyword {
 color: #CCCCCC;
}
.searchBox .btnSearch {
 background: url(../images/icon_search.png) no-repeat 50% 50%;
 width: 28px;
 height: 28px;
 text-indent: -999px;
 overflow: hidden;
 cursor: pointer;
}
/* -- common -- */
.cue {
 color: red;
 font-size: 12px;
}
.clear {
 clear: both;
 height: 0;
 line-height: 0;
 font-size: 0;
}
.captcha {
 text-transform: uppercase;
}
.price {
 color: #CC0000;
}
.none {
 display: none;
}
.pointer {
 cursor: pointer;
}
/* -- form -- */
.btn {
 display: inline-block;
 background-color: #0072C6;
 color: #EEE;
 padding: 6px 25px;
 text-transform: capitalize;
 cursor: pointer;
 font-weight: bold;
 text-align: center;
 -webkit-appearance: none;
}
.btn:hover {
 text-decoration: none;
 color: #FFFFFF;
 background-color: #007AD5;
}
.btnGray {
 display: inline-block;
 background-color: #CCC;
 border: 0;
 color: #333;
 padding: 6px 15px;
 text-transform: capitalize;
 cursor: pointer;
 font-weight: bold;
 -webkit-appearance: none;
}
.btnPayment {
 display: inline-block;
 background-color: #ff4246;
 color: #FFF;
 padding: 7px 28px;
 text-transform: capitalize;
 cursor: pointer;
 font-weight: bold;
 font-size: 14px;
 text-align: center;
 -webkit-appearance: none;
}
/* -- input -- */
.textInput {
 height: 20px;
 padding: 6px;
 font-size: 14px;
 border: 1px solid #E9E9E9;
 background-color: #FFF;
 color: #666;
 -webkit-appearance: none;
}
.textArea {
 padding: 4px;
 border: 1px solid #E9E9E9;
 background-color: #FFF;
 line-height: 20px;
 -webkit-appearance: none;
}
.textAreaAuto {
 border: 1px solid #E9E9E9;
 background-color: #FFF;
 padding: 0;
 font-size: 12x;
 line-height: 20px;
 resize: none;
 min-height: 40px;
 -webkit-appearance: none;
}
/*- tableBasic -*/
.tableBasic {
 color: #666666;
 border-left: 1px solid #EEE;
 border-top: 1px solid #EEE;
 border-collapse: collapse;
}
.tableBasic select {
 color: #8F8F8F;
}
.tableBasic td, .tableBasic th {
 border-right: 1px solid #EEE;
 border-bottom: 1px solid #EEE;
}
.tableBasic th {
 background-color: #EEE;
}
.tableBasic .child {
 background-color: #FFFFFF;
}
.tableBasic td label {
 margin-right: 15px;
}
.tableBasic td i {
 color: #F00;
 margin-left: 5px;
 font-weight: bold;
}
/*- tableDiv -*/
.tableDiv dl {
 zoom:1;
 overflow:hidden;
 margin-bottom:20px;
}
.tableDiv dl dt {
 font-weight: bold;
 margin-bottom: 5px;
 font-size: 13px;
}
.tableDiv dl dt i {
 color:#F00;
 margin-left:5px;
 font-weight:bold;
}
.tableDiv dl dd label {
 margin-right: 15px;
 line-height:34px;
}
/* -- lift -- */
.lift {
 margin-top: 60px;
 color: #999;
 font-size: 14px;
}
.lift a {
 color: #999;
}
.lift span {
 margin-right: 15px;
}
/* -- pager -- */

.pagess {clear: both;margin: 20px;overflow: hidden;margin-left: 0px;text-align: center;font-size:12px}
.pagess ul li { display:inline-block;border: 1px solid #ccc;padding: 2px 9px;margin: 0 3px;line-height: 20px;background: #fff;color:#999}
.pagess ul li:hover{ background:#ccc; color:#fff;border: 1px solid #ccc}
.pagess ul li:hover a{color:#fff;}
.pagess ul li.thisclass {display: inline-block;border: 1px solid #ccc;padding: 2px 9px;margin: 0 3px;background: #ccc;color: #fff;}
.pagess ul li.thisclass a {color: #fff;}
.pagess ul li a{ display:block;color:#999}
.pagess ul li a:hover {color: #fff;}

.pager {
 text-align: right;
 padding-top: 20px;
 color: #666;
 font-size: 14px;
}
.pager a {
 color: #666;
 text-decoration: underline;
}
/* -- pager class two -- */
.pager ul {
 display: inline-block;
 *display: inline;
 border-left: 1px solid #dddddd;
}
.pager ul li {
 display: inline;
}
.pager ul li a {
 float: left;
 padding: 0 14px;
 line-height: 38px;
 text-decoration: none;
 background-color: #ffffff;
 border: 1px solid #dddddd;
 border-left-width: 0;
}
.pager ul li a:hover {
 background-color: #f5f5f5;
}
.pager ul .active a {
 background-color: #f5f5f5;
 color: #999999;
 cursor: default;
}
/* -- onlineService -- */
.onlineService {
 position: fixed;
 _position: absolute;
 _top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight)-380+"px");
 top: 208px;
 right: 0;
 z-index: 999999;
 display: block;
}
.onlineService .onlineIcon {
 position: relative;
 cursor: pointer;
 background: url(../images/online_service.png) no-repeat;
 width: 34px;
 height: 110px;
 text-indent: -9999px;
 overflow: hidden;
}
.onlineService #pop {
 border: 3px solid #19B4EA;
 background-color: #F2F2F2;
 padding: 8px;
 width: 95px;
 min-height: 84px;
 position: absolute;
 right: 34px;
 top: 0;
 display: none;
 z-index: 999999;
}
.onlineService .onlineQQ a {
 display: block;
 background: url(../images/online_service.png) no-repeat left -160px;
 color: #19B4EA;
 width: 82px;
 height: 24px;
 line-height: 23px;
 padding-left: 27px;
 margin-bottom: 8px;
}
.onlineService .onlineQQ a:hover {
 text-decoration: none;
 color: #19B4EA;
}
.onlineService .service {
 border-top: 1px solid #DDDDDD;
 padding-top: 8px;
 color: #666;
}
.onlineService .service a {
 color: #666;
}
.onlineService .service li {
 background: url(../images/online_service.png) no-repeat left -202px;
 padding-left: 8px;
}
.onlineService .goTop {
 display: none;
}
.onlineService .goTop .goBtn {
 background: #F2F2F2 url(../images/online_service.png) no-repeat left -120px;
 width: 34px;
 height: 34px;
 display: block;
}
/* footer
----------------------------------------------- */
#footer {
 background-color: #272626;
 min-width:1200px;
 padding: 15px 0 15px 0;
 font-size: 14px;
 line-height:25px;
 text-align:center;
 color:#fff;
}
.foot_t{ background:#272626; padding:20px 0; border-bottom:1px solid #3c3c3c;}
.nav_bottom{ float:left;}
.nav_bottom dl{ float:left; width:130px; text-align:center; margin-right:40px;}
.nav_bottom dl a{ color:#fff;}
.nav_bottom dl dt{ line-height:40px; font-size:16px; border-bottom:1px dashed #fff;}
.nav_bottom dl dd{ margin-top:10px;}
.nav_bottom dl dd a{ width:100%; display:inline-block; font-size:14px; color:#9d9fa0; line-height:40px;}
.nav_bottom dl dd a:hover{ color:#fff;}

.foot_ewm{ float: right; text-align:center;}
.foot_ewm h3{ color:#fff; line-height:30px; font-size:14px;}




.guestbook{ float:left; width:100%; padding:0 20%; box-sizing:border-box;}
.guestbook ul{ margin-top:30px;}
.guestbook ul dl{ width:100%; float:left; margin-bottom:10px;}
.guestbook ul dl dt{ float:left; width:20%; text-align:right; font-size:14px; color:#666666; padding-right:10px; box-sizing:border-box; line-height:30px;}
.guestbook ul dl dt span{ color:#ff1800;}
.guestbook ul dl dd{ float:left; width:80%;}
.guestbook ul dl dd .textinput{ border:1px solid #ccc; width:100%; line-height:30px; height:30px; color:#666; padding:0 10px; box-sizing:border-box; font-size:14px; font-family:'微软雅黑';}
.guestbook ul dl dd .textArea {padding: 4px;width:100%;line-height:30px;height:120px;color:#666; font-size:14px;box-sizing:border-box;border: 1px solid #ccc;background-color: #FFF;line-height: 20px;-webkit-appearance: none;}
.guestbook ul dl.submit{ text-align:center;}
.guestbook ul dl.submit .input_sub{ width:90px; height:40px; background:#c6aa6b; color:#fff;cursor: pointer; font-size:16px;}