html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;vertical-align:baseline;background:transparent}
body{line-height:1}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
nav ul{list-style:none}
blockquote,q{quotes:none}
blockquote:before,blockquote:after,q:before,q:after{content:none}
a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent}
ins{background-color:#ff9;color:#000;text-decoration:none}
mark{background-color:#ff9;color:#000;font-style:italic;font-weight:bold}
del{text-decoration:line-through}
abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help}
table{border-collapse:collapse;border-spacing:0}
hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}
input,select{vertical-align:middle}
html,body{
	min-height: 90%;
	width: 100%;
}
body{
	font-family: '微软雅黑','Microsoft YaHei','\5FAE\8F6F\96C5\9ED1','SimHei','\9ED1\4F53','STXihei','\534E\6587\7EC6\9ED1';
	-webkit-font-smoothing: antialiased;
	font-size: 12px;
  background-color: #f8f8f8;
}
.clearfix:after{display: block;display: table;}
.pl5{padding-left: 5px;}
.fl{float: left;}
.fr{float: right;}
.mt10{margin-top: 10px;}
.ml10{margin-left: 10px;}
.mr10{margin-right: 10px;}
.mr5{margin-right: 5px;}
.mt5{margin-top: 5px;}
.mb100{margin-bottom: 100px;}
.ml80{
  margin-left:80px;
}
*{-webkit-box-sizing: content-box;
     -moz-box-sizing: content-box;
     -ms-box-sizing: content-box;
       box-sizing: content-box;}
  input[type="text"]:focus{
  	outline: none;
  }
  a{
  	color: #00a5a8;
  }
  a:hover{
  	text-decoration: underline;
  	color: #00a5a8;
  }
  .page-title{
  	font-size: 14px;
  	color: #157e7f;
  	font-weight: bold;
  }
  .block-show{
  	display: block;
  }
  .vertical-middle{display: inline-block;vertical-align: middle;}
  input[type="checkbox"].vertical-middle{
  	width: 14px;height: 14px;
  	margin-top: -3px;
  	margin-right: 5px;
  }
 .group-inline >*{
 	display: inline-block;
 	vertical-align: middle;
 }
 .row.no-padding{
  margin-right: 0;
  margin-left: 0;
 }
  .row.no-padding>*{
    padding-right: 0;
    padding-left: 0;
  }
 #menu{
 	padding-top: 10px;
 	padding-bottom: 10px;
 	min-width: 1000px;
  background-color: #fff;
 	border-bottom: 1px solid #f1f1f1;

 }
 .current-position{
 	font-size: 16px;
 	color: #999;
 	font-weight: bold;
 	padding-left: 20px;
 	padding-top: 12px;
 	display: inline-block;
 }

 #content{
 	background-color: #f8f8f8;
 	padding-top: 20px;
 	min-height: 726px;
 	padding-bottom: 40px;
 	min-width: 1000px;
 }
 .wrapper-bd-r a{
 	display: inline-block;
 	font-size: 16px;
 	margin-left: 50px;
 	padding-top: 14px;
 }
 .container-bd{

 }
 .container-bd-r{
 	float: right;
 	margin-right: -100%;
 	position: relative;
 }
 
  .container-bd-l .main{
  	padding-right: 320px;
  }
  .container-bd-l .main .box{
  	width:600px;
  	padding: 20px 20px;
  	border: 1px solid #EEE;
  	background: #FFF;
  }
  .container-bd-l .main .box .m-title{
  	font-weight: 700;
  	color: #666;
  	border-bottom: 1px solid #eee;
  	padding-bottom:20px;
  }
  .container-bd-l .main .box .m-select{
  	width: 130px;
  	float: right;
  }
   .container-bd-l .main .box .m-select ul{
   	width: 130px;
   }
   .container-bd-l .main .box .m-select ul li{
   	display: inline;
   	width: 60px;
   	font-size: 12px;
   	margin:0 5px;
   }
    .container-bd-l .main .box .m-select ul span{
    	color: #ccc;
    }
   .container-bd-l .main .box .m-select ul li a{
   	text-decoration: none;
   	color: #666;
   }
   .container-bd-l .main .box .m-select ul li a:hover{
   	color:#00a5a8;
   }   
   .container-bd-l .main .box .m-select ul li .active{
   	color:#00a5a8;
   }
  .container-bd-l .main .box .message{
  	width: 600px;
  	border-bottom:1px dashed #eee;
  	padding:20px 0px;
  } 
  .container-bd-l .main .box .message .username{
  	color: #999;
  	padding-right: 20px;
  	font-size: 12px;
  }
  .container-bd-l .main .box .message .time{
  	color: #999;
  	font-size: 12px;
  }
  .container-bd-l .main .box .message p{
  	color: #333;
  	font-size: 14px;
  	padding: 10px 0px;
  	line-height: 18px;
  }
   .container-bd-l .main .box .message .answer{
   	padding: 5px;
   	background: #f8f8f8;
   	color:#00A5A8;
   	font-size: 12px;
   }
    .container-bd-l .main .box .message .dig{
    	width: 600px;
    	text-align: right;
    	padding: 30px 0px 0px 0px;
    }
  .container-bd-l{
  	float: right;
  	width: 100%;
  }
  .container-bd-r .box-r{
  	width:280px;
  	padding: 20px 20px;
  	border: 1px solid #EEE;
  	background: #FFF;
  	margin-bottom: 20px;
  }
  .container-bd-r .box-r .r-title{
  	font-weight: 700;
  	color: #666;
  	line-height: 30px;
  	border-bottom: 1px solid #eee;
  	padding-bottom:20px;
  }
  .container-bd-r .box-r .r-button{
  	width: 100px;
  	float: right;
  }
   .container-bd-r .box-r ul li{
   	/*padding-top: 10px;*/
   	list-style:disc inside;
    line-height: 2;
   	padding-left:5px;
   	overflow: visible;
    color: #00a5a8;
   }
   .container-bd-r .box-r ul li a{
   	color: #00a5a8;
   	font-size: 12px;
   	line-height: 18px;
 }
 .container-bd-r .box-r .more{
 	font-size: 12px;
 	color:#999;
 	padding-top: 15px;
 }
 .container-bd-r .box-r .more a{
 	color: #999;
 }
 .container-bd-r .box-r .login{
 	font-size: 12px;
 	color:#999;
 	padding-top: 55px;
 }
 .container-bd-l .main .box .know-box{
  	width: 600px;
  	border-bottom:1px dashed #eee;
  	padding:20px 0px;
  	float:left;
 }
 .container-bd-l .main .box .know-box .know-box-left{
 	width:190px;
 	float:left;
 }
 .container-bd-l .main .box .know-box .know-box-right{
 	width:400px;
 	float: left;
 }
 .container-bd-l .main .box .know-box .know-box-right ul{
 	width:400px;
 }
 .container-bd-l .main .box .know-box .know-box-right ul li span{
   	text-decoration: none;
   	color: #00a5a8;
 	  line-height: 24px;
    cursor: pointer;
 }
 .container-bd-l .main .box .know-box .know-box-right ul li .slide-content{
 	font-size: 12px;
 	line-height: 18px;
 	padding:2px 0px 10px 16px;
 }
 .container-bd-l .main .box .know-box .know-box-right ul li .fa-plus-circle{
 	font-size: 8px;
 }
 .container-bd-l .main .box-sec{
  	width:600px;
  	padding: 20px 20px;
  	border: 1px solid #EEE;
  	background: #FFF;
  	float: left;
  }
  .container-bd-l .main .box-sec .m-title{
  	font-weight: 700;
  	color: #666;
  	border-bottom: 1px solid #eee;
  	padding-bottom:20px;
  }
  #boxSec{
    position: relative;
  }
  #boxSec li{
    padding-top: 0;
    padding-bottom: 0;
    line-height: 2;
  }
  #boxSec .next,#boxSec .prev{
    position: absolute;
    top: 50%;
    margin-top: -10px;
  }
  #boxSec .fa{
    font-size: 40px;
  }
    #boxSec .prev{
      left: 15px;
    }
    #boxSec .next{
      right: 20px;
    }
 .container-bd-l .main .box-sec .know-box-sec {
 	width: 170px;
 	float: left;
 	padding: 20px 15px;
 }
  .container-bd-l .main .box-sec .know-box-sec .know-logo{
  	margin-bottom: 15px;
  }
  .container-bd-l .main .box-sec .know-box-sec ul{
  	width: 170px;
    list-style: inside;
    color: #00a5a8;
  }
  .container-bd-l .main .box-sec .know-box-sec ul li{
  	width: 170px;
  }
  .container-bd-l .main .box-sec .know-box-sec ul li a{
  	font-size: 12px;
  	line-height: 20px;
  }
 .wrapper .container-b{
	width: 898px;
	margin: 0 auto;
	background: #FFF;
	border: 1px solid #EEE;
	padding: 20px 40px;
	font-size: 12px;
}
 .wrapper .container-b .green{
 	font-size: 18px;
 	color: #00a772;
 	padding-left: 50px;
 }
  .wrapper .container-b .gray{
 	font-size: 12px;
 	color: #999;
 	padding-left: 15px;
 }
 .wrapper .container-q{
	width: 980px;
	margin: 0 auto;
	background: #FFF;
	border: 1px solid #EEE;
	padding-bottom: 40px;
}
.wrapper .container-q .title{
	width: 820px;
	padding: 40px 80px 10px 80px;
}
.wrapper .container-q .title ul{
	width: 820px;
}
.wrapper .container-q .title ul li{
	width: 402px;
	font-size: 18px;
	display: inline;
	float: left;
	text-align: center;
}
.wrapper .container-q .title ul li a{
	width: 400px;
	display: block;
	color: #00a5a8;
	border: 1px solid #00a5a8;
	line-height: 40px;
}
.wrapper .container-q .title ul li a:hover{
  text-decoration: none;
}
.wrapper .container-q .title ul li .active{
	width: 400px;
	display: block;
	color: #FFF;
	background: #00a5a8;
	text-decoration: none;
	line-height: 40px;
}
.wrapper .container-q .message{
	width:780px;
	margin: 0px 80px;
	padding: 10px;
	border-bottom: 1px dashed #999;

}
.wrapper .container-q .message .m-left{
	width: 710px;
	float: left;
	padding: 20px 20px 20px 0px;
}
.wrapper .container-q .message .m-right{
	width: 50px;
	float: left;
	line-height: 20px;
	color: #999;;
	padding: 20px 0px;
}
.wrapper .container-q .message .wait{
	color: #999;
}
.wrapper .container-q .message  .done{
	color: #00a772;
}
.wrapper .container-q .message .m-left p{
	line-height: 20px;
}
.wrapper .container-q .message .m-left span{
	padding-right: 20px;
	font-size: 12px;
	color: #999;
	line-height: 20px;
	
}
.wrapper .container-q .m-bottom{
	width: 980px;
	padding-top: 30px;
}
.wrapper .container-q .m-bottom p{
	font-size: 12px;
	line-height: 32px;
}
.wrapper .container-q .message .col-green{
	color:#157e7f;
	font-size: 12px;
	line-height: 18px;
}
.wrapper .container-q .q-top{
  	font-weight: 700;
  	color: #666;
  	border-bottom: 1px solid #eee;
  	padding:30px 0px;
  	margin: 0px 30px;
  }
 .wrapper .container-q .q-top .q-title{
 	width: 710px;
 	float: left;
 	font-size: 14px;
 } 
 .wrapper .container-q .q-top .q-his{
 	width: 200px;
 	font-weight: normal;
 	text-align: right;
 	font-size: 12px;
 	float: right;
 } 
  .wrapper .container-q .q-content{
  	width: 900px;
  	padding: 30px 40px 80px 40px;
  }
  .wrapper .container-q .q-content .q-box {
  	width:800px;
  	margin-bottom: 20px;
  	padding-left: 100px;
  } 
  .q-form{
  	display: table-cell;
  }
.q-content .q-box .sub-title{
 	font-size:12px;
 	color: #666;
 	display: table-cell;
 	width: 40px;
 	vertical-align: top;
 	padding-right: 12px;
 }
 .post-manuscript.q-content .q-box .sub-title{
  width:70px;
  text-align: right;
  padding-right: 10px;
  line-height: 30px;
 }
.q-content .submit-btn{
	width: 578px;
	margin-top: 5px;
	text-align: right;
}
.submit-btn .btn-green{
	font-size: 16px;font-weight: bold;
	padding: 10px 30px;
}
 .form-control.md-size{
 	width: 200px;
 }
 .form-control.xs-size{
  width: 70px;
 }
 input[type="text"].form-control{
  height: 20px;
 }
 select.form-control.md-size{
  width: 225px;
 }
 .form-control.x-large{
	width: 500px;
 }
 .img-list li{
	border:1px solid #ccc;
	margin-right: 10px;
	position: relative;
 }
 .img-list .icon-close{
 	position: absolute;
 	background: url(../img/close.png) no-repeat center center;
 	width: 17px;
 	height: 17px;
 	color: #fff;
 	top: -5px;
 	right: -5px;
 	font-size: 20px;
 	border-radius: 50%;
 	display: block;
 	cursor: pointer;
 }
 .wrapper .container-q .q-content .q-box{
 	display: table;
 }
  .wrapper .container-q .q-content .success{
  	padding: 150px 0px;
  	text-align: center;
  }
  .wrapper .container-q .q-content .success .big-title{
  	font-size: 24px;
  	color: #00a772;
  }
  .wrapper .container-q .q-content .success .sub-title{
  	font-size: 12px;
  	color: #999;
  }
 
 .wrapper .container-login{
	width: 310px;
	margin: 0 auto;
	padding: 120px 0px;
}

 .wrapper .container-search{
	width:450px;
	margin: 70px auto 110px;
  padding-left: 70px;
  position: relative;
  height: 36px;
  background-color: #fff;
  border:1px solid #ccc;
}

 .wrapper .container-search .search-input{
 	max-width:390px;
 	float: left;
 	line-height: 26px;
 	padding: 6px 0px 6px 6px;
  border:none;
 }
 .container-search .dropdown{
  position: absolute;
  left: 0;
  top: 5px;
 }
  .container-search .dropdown-toggle{
    border:none;
    font-size: 12px;
    color: #bbbbbb;
   
 }
  .container-search .dropdown-menu{
    border-radius: 0;
    border-color: #ccc;
  }
 .container-search .dropdown-menu li{
  line-height: 2;
  color: #aaa;
  padding-left: 10px;
 }
  .container-search .dropdown-menu li:hover{
  background-color: #d5efef;
 }
  .container-search .btn-green{
    padding: 11px 28px;
    position: absolute;
    right: 0;
    top: 0;
 }
   .container-search .dropdown-toggle:hover, .container-search .dropdown-toggle:focus, .container-search .dropdown-toggle:active, .container-search .dropdown-toggle:visited{
    background-color: transparent;
    outline: none;
    box-shadow: none;
   }
 .wrapper .container-search .search-input .search-input-style{
 	width:342px; padding-left: 5px; font-size: 12px; color: #666;
  border:none;
 }
 input[type="text"].search-input-style:focus{
  box-shadow: none;
 }
  .wrapper .container-search .search-btn{
  	width: 60px;
  	font-size: 12px;
  	color: #FFF;
  	cursor: pointer;
  	float: left;
  	line-height: 30px;
  	background: #6954b3;
  	text-align: center;
  	margin-top: 6px;
  }
 
/*------------------- 顶部菜单  -----------------*/
#site-nav{
	cursor: pointer;
	background: #006e6a;
	height: 30px;
	line-height: 30px;
	color: #00bbb4;
	min-width: 1000px;
}
.site-nav-bd>ul{
	height: 30px;
}
.site-nav-bd>ul>li{
	padding: 0;
	margin-left:0;
	float: left;
}
.site-nav-bd>ul>li a{
	color: #00bbb4;
	padding: 0 15px;
	display: block;
}
.site-nav-bd>ul>li a.active,.site-nav-bd>ul>li a.active:hover{
	background:#fff;
	color: #006e6a;
}
.site-nav-bd>ul>li a:hover{
	text-decoration: none;
	color: #fff;
	background: #005f5c;
}
#site-expand,#site-compress{
	padding: 0 10px;
	border-left: 1px solid #008a85;
}

/*----------login ------*/
.login-form{
	padding: 20px;
	width: 260px;
	background-color: #fff;
	color: #00a5a8;
}
.login-form h1{
	color: #00a5a8;
	font-size: 24px;
	padding-bottom: 30px;
}
.login-form .login-user,.login-form .login-password{
	padding-left: 35px;
	height: 20px;
	padding-top: 10px;
	padding-bottom: 10px;
	border:1px solid #ccc;
	width: 222px;
	margin-bottom: 10px;
	line-height: 20px;
}
.login-form .login-user{
	background:url(../img/user.png) no-repeat 10px center;
}
.login-form .login-password{
	background:url(../img/password.png) no-repeat 10px center;
}
.online-statics{
	width: 300px;
	font-size: 12px;
}
.online-statics > div{
	padding: 15px 10px;
	width: 135px;
	background-color: #636e6f;
	border-color: rgba(0,0,0,0.5);
	color: #fff;
}
.online-statics .online-user{
 width: 124px;
 border-left:1px solid #6f7878;
}
.btn{
	border-radius: 0;
}
.btn-green{
	background:-webkit-gradient(linear,left top,left bottom,from(#00bcbe),to(#00999b));
	background:-moz-linear-gradient(top,#00bcbe,#00999b);
	background:-o-linear-gradient(top,#00bcbe,#00999b);
	background:-ms-linear-gradient(top,#00bcbe,#00999b);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#00bcbe',endColorstr='#00999b');
	background:linear-gradient(top,#00bcbe,#00999b);
	border:1px solid #00999b;
	color: #fff;
}
.btn-green:visited,.btn-green:focus{
  color: #fff;
}

.btn-green:focus,.btn-normal:focus{
	outline: none;
}
.btn-green:hover{
	background:-webkit-gradient(linear,left top,left bottom,from(#00999b),to(#00bcbe));
	background:-moz-linear-gradient(top,#00999b,#00bcbe);
	background:-o-linear-gradient(top,#00999b,#00bcbe);
	background:-ms-linear-gradient(top,#00999b,#00bcbe);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#00999b',endColorstr='#00bcbe');
	background:linear-gradient(top,#00999b,#00bcbe);
	color:#FFF;
}
.btn-normal{
	background:-webkit-gradient(linear,left top,left bottom,from(#fefefe),to(#eeeeee));
	background:-moz-linear-gradient(top,#fefefe,#eeeeee);
	background:-o-linear-gradient(top,#fefefe,#eeeeee);
	background:-ms-linear-gradient(top,#fefefe,#eeeeee);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fefefe',endColorstr='#eeeeee');
	background:linear-gradient(top,#fefefe,#eeeeee);
	border:1px solid #ccc;
	color: #00a5a8;
}
.btn-normal:hover{
	background:-webkit-gradient(linear,left top,left bottom,from(#eeeeee),to(#fefefe));
	background:-moz-linear-gradient(top,#eeeeee,#fefefe);
	background:-o-linear-gradient(top,#eeeeee,#fefefe);
	background:-ms-linear-gradient(top,#eeeeee,#fefefe);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee',endColorstr='#fefefe');
	background:linear-gradient(top,#eeeeee,#fefefe);
	color: #00a5a8;
}

.btn-useful{
	background:-webkit-gradient(linear,left top,left bottom,from(#fefefe),to(#eeeeee));
	background:-moz-linear-gradient(top,#fefefe,#eeeeee);
	background:-o-linear-gradient(top,#fefefe,#eeeeee);
	background:-ms-linear-gradient(top,#fefefe,#eeeeee);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fefefe',endColorstr='#eeeeee');
	background:linear-gradient(top,#fefefe,#eeeeee);
	border:1px solid #ccc;
	color: #00a772;
	font-size: 12px;
}
.btn-useful:hover{
	background:-webkit-gradient(linear,left top,left bottom,from(#eeeeee),to(#fefefe));
	background:-moz-linear-gradient(top,#eeeeee,#fefefe);
	background:-o-linear-gradient(top,#eeeeee,#fefefe);
	background:-ms-linear-gradient(top,#eeeeee,#fefefe);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee',endColorstr='#fefefe');
	background:linear-gradient(top,#eeeeee,#fefefe);
	color: #00a772;
}
.btn-nouse{
	background:-webkit-gradient(linear,left top,left bottom,from(#fefefe),to(#eeeeee));
	background:-moz-linear-gradient(top,#fefefe,#eeeeee);
	background:-o-linear-gradient(top,#fefefe,#eeeeee);
	background:-ms-linear-gradient(top,#fefefe,#eeeeee);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fefefe',endColorstr='#eeeeee');
	background:linear-gradient(top,#fefefe,#eeeeee);
	border:1px solid #ccc;
	color: #999;
	font-size: 12px;
}
.btn-nouse:hover{
	background:-webkit-gradient(linear,left top,left bottom,from(#eeeeee),to(#fefefe));
	background:-moz-linear-gradient(top,#eeeeee,#fefefe);
	background:-o-linear-gradient(top,#eeeeee,#fefefe);
	background:-ms-linear-gradient(top,#eeeeee,#fefefe);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee',endColorstr='#fefefe');
	background:linear-gradient(top,#eeeeee,#fefefe);
	color: #999;
}
.btn-nouse:focus,.btn-useful:focus,.btn-nouse:active,.btn-useful:active{
	outline: none;
	box-shadow: none;
}
.get-account{
	padding: 20px 0 0;
	font-size: 16px;
}

.login-form .btn-green{
	height: 36px;
	line-height: 36px;
	width: 260px;
	font-weight: bold;
	padding: 0;
	margin-top: 15px;
}
.login-user::-webkit-input-placeholder{
	color: #00a5a8;
}
.login-password::-webkit-input-placeholder{
	color: #00a5a8;
}
#login{
	position: absolute;
	right: 0;
	top: 60px;
	box-shadow: 0 5px 15px rgba(0,0,0,0.15);
	margin-top: -480px;
}
.login-container{
	position: relative;
	width: 980px;
	margin: 0 auto;
	z-index: 99999;
}
.banner-title{
	font-size: 33px;
	color: #007274;
	font-weight: bold;
	line-height: 1.2;
	margin-bottom: 20px;
}
.banner-text{
	width: 420px;
	padding-top: 65px;
	font-size: 14px;
	color: #002425;
	line-height: 1.5;
}
.logo{
	margin-bottom: 50px;
}
.banner-text .btn-link{
	margin-top: 30px;
}
.btn-link,.btn-link:hover{
	padding: 10px 30px;
	display: inline-block;
	border:1px solid #00a5a8;
	color: #002425;
}
#slides{
	background: url(../img/bg_slide.jpg) repeat-x left top;
}
.home-slide{
	background: url(../img/banner.jpg) no-repeat center top;
}

#banner{
	height: 470px;
	width: 100%;
  	/*overflow: hidden;*/
  	position: relative;
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
}
.banner-container{
	top: 0;
	right: 0;
	bottom: 50px;
	left: 0;
}
.swiper-container{height: 470px;overflow: hidden;}
.swiper-slide{float: left;height: 470px;}
.swiper-slide .slide-items{height: 470px;}

#banner .slidesPagination{
	position: absolute;
	bottom: -20px;
	left: 50%;
	width: 60px;
	margin-left: -30px;
	z-index: 999;
}
#banner  .slidesPagination span{
	width: 10px;
	height: 10px;
	background: #ccc;
	border-radius: 50%;
	display: inline-block;
	margin-left: 10px;
	cursor: pointer;
}
#banner  .slidesPagination span:first-child{
	margin-left: 0;
}
#banner  .slidesPagination span.swiper-active-switch{
	background: #65bf97;
}
#banner .prev{
	left: 0;
}
/*--------*/
.product-list{
	background-color: #eee;
	padding-top: 45px;
	padding-bottom: 45px;
}
.wrapper{
	width: 980px;
	margin: 0 auto;
}
.product-list .items{
	padding: 35px;
	background-color: #fff;
	width: 235px;
	margin-left: auto;
	margin-right: auto;
	border-top: 2px solid #7fd2d3;
	box-shadow: 0 3px 3px rgba(0,0,0,0.1);
}
.product-list .items,.product-list .items:hover,#news li,#news li:hover{
	-webkit-transition:.25s;
	   -moz-transition:.25s;
	    -ms-transition:.25s;
	     -o-transition:.25s;
	        transition:.25s;
}
.product-list .items:hover{
	box-shadow: 0 0 10px rgba(0,0,0,0.2);
	-webkit-transform: translateY(-2px);
	   -moz-transform: translateY(-2px);
	    -ms-transform: translateY(-2px);
	     -o-transform: translateY(-2px);
	        transform: translateY(-2px);
}

.carousel{position: relative;}
.carousel li{float: left;padding-bottom: 10px;padding-top: 10px;}
.carousel  .fa-angle-left,.carousel .fa-angle-right{
	font-size: 60px;
	position: absolute;
	top: 50%;
	margin-top: -15px;
	z-index: 999;
	cursor: pointer;
	font-weight: normal;
	color: #aaa;
}
.carousel  .fa-angle-left{
	left: -30px;
}
.carousel .disabled{opacity: 0.3;}
.carousel .fa-angle-right{
	right: -30px;
}
.product-list .logo{
	height: 60px;
	padding-bottom: 20px;
	text-align: center;
	margin-bottom: 0;
}
.product-list .logo img{
  float: none !important;
}
.product-list h2{
	font-size: 14px;
	color: #00a5a7;
	text-align: center;
	line-height: 1.5;
	margin-bottom: 30px;
}
.product-list h2 strong{
	display: block;
}
.product-list .btn-normal{
	padding: 10px 20px;
	margin-left: 10px;
}
.product-list .btn-normal:first-child{
	margin-left: 0;
}
/*------------*/
/*------ news -------*/
#news{
	padding-top: 45px;
	padding-bottom: 75px;
	background-color: #fff;
}
.partners,.helper,.notice{
	width: 305px;
}
.helper,.notice{
	margin-left: 31px;
}
#news .page-title{
	padding-bottom: 30px;
}

#news li{
	line-height: 34px;
	border-bottom: 1px solid #ccc;
	overflow: hidden;
	text-overflow:ellipsis;
}
#news li:hover{
	-webkit-transform: translateX(10px);
	   -moz-transform: translateX(10px);
	    -ms-transform: translateX(10px);
	     -o-transform: translateX(10px);
	        transform: translateX(10px);
}
#news .fa-caret-right{
	color: #ccc;
	margin-right: 5px;
}
input[type="text"]:focus{
	box-shadow: 0 0 5px rgba(0,0,0,0.2);
}
#chartWindow{
  height: 550px;
  border:2px solid #ccc;
  margin-top: 30px;
}
.chart-title{
  font-size: 14px;
  color: #666;
}
#chartWindow .content{
  background-color: #f8f8f8;
  height: 425px;
  border-bottom: 2px solid #ccc;

}
#chartWindow input{
  width: 100%;
  border:none;
   height: 55px;
}
#chartWindow input:focus{
  box-shadow: none;
  outline: none;
 
}
#chartWindow .dropdown-toggle{
  border-color: #00a5a8;
  color: #00a5a8;
  font-size: 12px;
}
#chartWindow .dropdown-toggle:focus,#chartWindow .dropdown-toggle:active,#chartWindow .dropdown-toggle:hover{
  background-color: #fff;
}
#chartWindow .dropdown a{
  color: #00a5a8;
  font-size: 12px;
  padding-left: 27px;
}
#chartWindow .dropdown a:hover{
  background-color: #00a5a8;
  color: #fff;
}
.chart-input{
  padding: 10px;
}
.chart-items{
  width: 210px;
 border-radius: 5px;
  padding: 15px;
  background-color: #fff;
  margin-left: 30px;
  border:1px solid #ccc;
  float: left;
  margin-bottom: 40px;
  position: relative;
}
.chart-items:after,.chart-items:before{
  display: block;
  content: '';
  width: 0;
  height: 0;
  border-width: 8px;
  border-style: solid;
  position: absolute;
  z-index: 99;
  top: 50%;
  margin-top: -6px;
}
.chart-items:after{
  border-color: transparent  #fff transparent transparent;
  left: -15px;
}
.chart-items:before{
  border-color: transparent #ccc transparent transparent ;
  left: -16px;
}
.chart-items.active{
  width: 350px;
  margin-left: 0;
  margin-right: 30px;
  background-color: #98e5e7;
  color: #005152;
  border:1px solid  #28c3c6;
  float: right;
  clear:both;
}
.chart-items.active:after{
   border-color: transparent  transparent transparent #98e5e7;
right: -15px;
left: auto;
}
.chart-items.active:before{
  border-color: transparent  transparent transparent #28c3c6;
  right: -16px;
  left: auto;
}
.chart-tips{
  padding-top: 15px;
  padding-bottom: 15px;
  color: #999;
}
.wating-tips{
  text-align: center;
  font-size: 18px;
  line-height: 1.5;
  color: #157e7f;
  padding-top: 140px;
}
.sort ul{
  border:1px solid #ccc;
  width: 140px;
  margin: 0 auto;
}
.sort a{
  line-height: 2;
  padding: 0 10px;
  border-left: 1px solid #ccc;
  color: #999;
}
.sort a.active{
  color: #00a5a8;
}
.sort li:first-child a{
  border-left: none;
}
.books-list{
  padding: 30px 0;
  background-color: #fff;
  box-shadow: 0 0 2px rgba(0,0,0,0.2);
  min-height: 600px;
  margin-bottom: 20px;
}
.books-item{
  width: 195px;
  float: left;
margin-left: 40px;
text-align: center;
color: #999;
line-height: 1.5;
margin-top: 20px;
}
.books-item p{
	line-height: 22px;
}
.books-item h3{
  font-size: 18px;
  color: #333;
  margin-top: 15px;
}
.books-item a{
  border:1px solid #00a5a8;
float: left;
  color: #00a5a8;
  width: 90px;
  line-height: 2;
  margin-left: 10px;
  margin-top: 5px;
}
.books-item a:first-child{
  margin-left: 0;
}
.books-item .img{
  position: relative;
}
.books-item .cut{
  position: absolute;
  background: url(../img/new.png) no-repeat center center;
  width: 45px;
  height: 45px;
  right: -20px;
  bottom: -20px;
}
.books-item a:hover{
  color: #fff;
  background: #00a5a8;
  text-decoration: none;
}
.other-post{
  margin-left: 20px;
  background: #fff;
  float: left;
  padding: 10px 30px;
  width: 286px;
  border:1px solid #ccc;
  height: 252px;
}
.other-post h4{
  font-size: 14px;
  font-weight: 700;
  padding-bottom: 15px;
  border-bottom: 1px solid #ccc;
  margin-bottom: 10px;
  margin-top: 10px;
}
.other-post li{
  padding-bottom: 10px;
  padding-top: 10px;
  border-top: 1px dashed #ccc;
}
.other-post li:first-child{
  border-top: none;
}
.other-post .description{
  margin-left: 10px;
  line-height: 1.8;
}
.price{
  color: #ff9600;
}
/*---------*/
.wrapper .container-announce{
  width: 980px;
  margin: 0 auto;
  background: #FFF;
  border: 1px solid #EEE;
}
.wrapper .container-announce.none{
  border:none;
}
.wrapper .container-announce .choose{
  margin: 0px auto;
  border: 1px solid #ddd;
  margin-top: 30px;
  text-align: center;
  line-height: 28px;
  padding: 0px 10px;
  display: inline-block;
}
.wrapper .container-announce .choose .gray{
  color: #999;
}
.wrapper .container-announce .choose span{
  padding: 0px 5px;
  color: #ddd;
}
.wrapper .container-announce .an-box{ 
  width:800px;
  margin: 20px 80px;
  padding:10px 10px 0px 0px;
  border-top: 1px solid #ddd;
  
}
.wrapper .container-announce .an-box .message{
  width: 800px;
  border-bottom: 1px dashed #ddd;
  padding: 20px 0px;
}
.wrapper .container-announce .an-box .message .title{
  color:#157e7f;
  font-size: 14px;
  line-height: 18px;
  width:700px;
}
.wrapper .container-announce .an-box .message .date{
  color:#999;
  font-weight: normal;
  font-size: 12px;
  width:60px;
  float: right;
}
.wrapper .container-announce .an-box .message .title .red{
  color: #ef3232;
  font-size: 12px;
  font-weight: normal;
}
.wrapper .container-announce .an-box .message .title .gray{
  color: #999;
  font-size: 12px;
  font-weight: normal;
}
.wrapper .container-announce .an-box .message .content{
  width: 800px;
  line-height: 18px;
  font-size:12px;
  padding: 10px 0px;
}
.wrapper .container-announce .an-box .message .button-box{
  width: 300px;
}
.wrapper .container-announce .an-box .message .button-box span{
  padding-right: 20px;
}
.wrapper .container-announce .an-box .nav {
  width: 200px;
  margin:0px auto;
}
.wrapper .container-announce .deatil-box{
  width: 800px;
  padding: 60px 90px 0px 90px;
}
.wrapper .container-announce .detail-title{
  color:#157e7f;
  font-weight: 700;
  font-size: 16px;
  text-align: center;
  line-height:22px;
}
.wrapper .container-announce .detail-date{
  color:#999;
  font-size: 12px;
  text-align: center;
  line-height: 18px;
}
.wrapper .container-announce .detail-content{
  padding: 30px 0px;
  font-size: 12px;
  color: #666;
  line-height: 20px;
  border-bottom: 1px solid #ddd;
}
.wrapper .container-announce .detail-bottom{
  width: 800px;
  padding: 20px 90px;
  
}

 #content-about{
  background-color: #FFF;
  padding-top: 20px;
  min-height: 500px;
  padding-bottom: 40px;
  min-width: 1000px;
 }
 .banner-about{
  height: 320px;
  width: 100%;
  background:#7a9d9d url(../img/about.jpg) no-repeat center;
    /*overflow: hidden;*/
    position: relative;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
 }
.banner-about .banner-about-containter{
  width: 900px;
  margin: 0 auto;
  color: #fff;
  text-align: center;
 }
 .menu-about{
  margin: 0 auto;
  padding: 30px 0px 20px;
  border-bottom: 1px solid #ddd;
  background: #fff;
 }
 .menu-about ul{
  width:700px;
  margin: 0 auto;
  margin-bottom: 15px;
 }
 .menu-about ul li{
  display: inline;
  float: left;
 }
  .menu-about ul li a{
    font-size: 18px;
    display: block;
    text-decoration: none;
    text-align: center;
  }
 .menu-about ul li a span{
  padding:0px 30px;
 }
 .sub-title{
  font-size: 30px;
  text-align: center;
  margin-top: 100px;
  margin-bottom: 30px;
}
.container-announce .part{
  font-size: 14px;
  line-height: 2;
  color: #666;
  padding: 0 30px;
}
.container-announce .part li{
  width: 230px;
  vertical-align: top;
  padding-left: 50px;
  border-left: 1px solid #ccc;
  margin-left: 50px;
}
.container-announce .part li:first-child{
  border-left: none;
  padding-left: 0;
}
/*--------------------------------- 网站底部 ---------------------------*/
#site-footer{
	font-size: 12px;

  width: 100%;
	color: #999;
	height: 30px;
	min-width: 1000px;
	border-top: 1px solid #ccc;
	background-color: transparent;

}
.site-footer-bd-l{
	line-height: 30px;
	padding-left: 10px;
}
.site-footer-bd-r{
	line-height: 1;
	padding-top: 10px;
}
.list-inline > li{
	padding-left: 0;
	padding-right: 0;
	margin-left: -4px;
}
.list-inline > li:first-child{
	margin-left: 0;
}
.site-footer-bd-r a{
	padding: 0 15px;
	border-left: 1px solid #ccc;
	color: #999;
}
.site-footer-bd-r li:first-child a{
border-left: none;
}
.site-footer-bd-r a:hover{
	color: #00a772;
	text-decoration: none;
}


/*----呼吸灯-----*/

.message-tips{
	position: relative;
}
.message-tips .fa{
	position: absolute;
	right: 6px;
	top: 4px;
	color: #00c6ff;
	font-size: 13px;
	  -webkit-animation:2s bounceIn .5s infinite;
	   -moz-animation:2s bounceIn .5s infinite;
	    -ms-animation:2s bounceIn .5s infinite;
  	animation: bounceIn .5s infinite;
}

.icon-tree,.icon-flowers{
  padding-left: 25px;
}
.icon-tree{
  background: url(../img/dx-logo-s.png) no-repeat center left;
}
.icon-flowers{
    background: url(../img/icon_tree.png) no-repeat center left;

}
/*------------------------  下拉菜单  -------------------*/
.dropdown-hover{
	position: relative;
}
.dropdown-hover .dropdown-menu a{
	line-height: 1;
	margin-right: 0;
	font-size: 12px;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 20px;
	padding-right: 20px;
	border:none;
	display: block;
	overflow: hidden;
	white-space: nowrap;
}
.dropdown-hover .dropdown-menu{
	border-radius: 0;
	border:1px solid #00a772;
	min-width:100%;
	margin-top: -1px;
}
.dropdown-menu.position-top{
	top: auto;
	bottom:100%;
	box-shadow: 0 -6px 12px rgba(0, 0, 0, .175);
}
.dropdown-hover .dropdown-menu a:hover,.dropdown-hover .dropdown-menu a.active{
	background-color: #00a772;
	color: #fff;
}
.dropdown-hover .dropdown-menu ul{
	position: relative;
}
.dropdown-hover .dropdown-menu ul:after,.dropdown-hover .dropdown-menu ul:before{
	display: block;
	content: '';
	width: 0;
	height: 0;
	border-style: solid;
	position: absolute;
	left: 50%;
	margin-left: -5px;
}
.dropdown-hover .dropdown-menu ul:after{
	border-width: 8px;
	margin-left: -6px;
	top: -20px;
	border-color: transparent transparent #fff transparent;
	z-index: 999;
}
.dropdown-hover .dropdown-menu ul:before{
	border-width: 8px;
	margin-left: -6px;
	top: -21px;
	z-index: 99;
	border-color: transparent transparent #00a772 transparent;
}
.dropdown-hover .dropdown-menu ul li:first-child{
	position: relative;
	z-index: 99999;
}
.dropdown-hover:hover .fa-caret-down,
.dropdown-hover .fa-caret-down,
.dropdown-hover a,
.dropdown-hover a:hover,
.menu-container .items:hover .icon-big,
.menu-container .items .icon-big,
a:hover .icon,
a .icon{
-webkit-transition:.25s;
   -moz-transition:.25s;
    -ms-transition:.25s;
     -o-transition:.25s;
        transition:.25s;
}