html {
	min-height: 100%;
	height: 100%
}
/*li{
	list-style-type: none
}*/
body {
	font-family: "微软雅黑";
	position: relative;
	padding-bottom: 265px;
	min-height: 100%
}

@media screen and (max-width: 767px) {
body {
	padding-bottom: 325px
}
}

@media screen and (max-width: 480px) {
body {
	padding-bottom: 355px
}
}

@media (min-width: 1200px) {
.container {
	width: 1100px;
}
}
.menu {
	padding-top: 5px
}

@media (min-width: 768px) {
.menu {
	margin-top: 25px;
	padding-bottom: 10px
}
}
.navbar-toggle {
	background: #ffffff;
	margin-right: 0
}
.navbar-toggle span.icon-bar {
	background: #1FCC0B
}
.logo img {
	width: 200px
}

@media screen and (max-width: 991px) {
.logo img {
	width: 180px;
	margin-left: 5px;
}
}
#navbar .lang_img {
	vertical-align: inherit;
	margin-right: 20px
}
#navbar .btn_yh {
	padding-left: 5px;
	padding-right: 10px;
	padding-top: 3px;
	padding-bottom: 3px;
	background: #e8e5e5;
	border: 1px #b4b2b3 solid
}
#navbar li.lang {
	padding-top: 13px;
	padding-bottom: 13px;
	margin-left: 10px;
	z-index: 999
}
#navbar span.selected {
	margin-right: 10px;
	margin-left: 10px
}
#navbar .dropdown-menu {
	min-width: initial;
	width: 100%;
	z-index: 1000
}
#navbar .nav li a {
	color: #4b494a;
	padding-left: 10px;
	padding-right: 10px;
}
#navbar .nav li a:hover, #navbar .nav li a.active, #navbar .nav li.active a {
	color: #1709CF;
	background: none;
	border-bottom: 1px #1709CF solid
}

@media (min-width: 768px) and (max-width: 991px) {
#navbar .nav li a {
	padding-left: 4px;
	padding-right: 4px
}
}

@media (min-width: 1200px) {
#navbar .nav li a {
	padding-left: 15px;
	padding-right: 15px;
	font-size: 1.2em;
}
}

@media (min-width: 768px) {
#navbar .navbar-nav {
	float: right;
	margin-top: 5px;
	text-align: center
}
}

@media (max-width: 768px) {
#navbar .collapsed-menu-line {
	border-top: 1px #DCD8D8 solid;
	font-size: 1.11em;
	text-align: center;
	background-color: #F5F5F5;
}
	
}
.time {
	font-size: 0.9em;
	line-height: 1.4em;
	color: #B3B3B3
}
.time, .more {
	float: right
}
.banner {
	position: relative;
	margin-bottom: 15px;
	overflow: hidden;
	padding-bottom: 8px
}
.banner .line {
	width: 100%;
	height: 1px;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	z-index: 3;
	box-shadow: 0px 0px 5px #000
}
.banner .slider {
	display: table;
	margin: auto
}
.banner .slider ul {
	margin-bottom: 0
}
.banner .dots {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	text-align: center;
	margin-bottom: 0;
	display: none
}
.banner .dots li {
	display: inline-block;
	width: 10px;
	height: 10px;
	margin: 0 4px;
	text-indent: -999em;
	border: 2px solid #fff;
	border-radius: 6px;
	cursor: pointer;
	opacity: .4;
	-webkit-transition: background .5s, opacity .5s;
	-moz-transition: background .5s, opacity .5s;
	transition: background .5s, opacity .5s
}
.banner .dots li.active {
	background: #fff;
	opacity: 1
}

@media screen and (max-width: 600px) {
.banner .dots {
	display: block
}
}

@media screen and (max-width: 767px) {
.banner .dots_mail {
	display: none
}
}
.ky_anm {
	margin-top: 0px
}
#content h2 {
	font-size: 1.4em;
	font-family: Microsoft YaHei, Arial, Helvetica, sans-serif;
	color: #242121;
	padding-bottom: 8px;
	border-bottom: 1px #c0bebd solid
}
#content h2.active {
	color: #1fa4e8
}
#content .news_list_row {
	background: #FFF;
	padding: 6px 10px;
	line-height: 22px;
	color: #666;
	border: 1px solid #B5B5B5;
	border-top: none;
	-webkit-border-radius: 0 0 10px 10px;
	-moz-border-radius: 0 0 10px 10px;
	border-radius: 0 0 10px 10px;
}
#content .news_li {
	/*white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;*/
	font-size: 1.10em;
	line-height: 1.45em;
	float: left;
	background: url(../images/cat3_a_bg.jpg) left center no-repeat;
}
#content .news_li a {
	color: #737270
}
#content .news_li a:hover {
	color: #00a0e9;
	text-decoration: none
}

@media (min-width: 678px) {
#content .col-xs-12.col-sm-6.col-md-4 {
	min-height: 250px
}
}
#content .list_type li {
	overflow: hidden;
	line-height: 25px;
	margin-top: 6px;
}
#content .more a {
	color: #005aab;
	font-size: 10px
}
#content .more a:hover {
	text-decoration: none
}
#content .area {
	width: 12%;
	float: left;
	border-radius: 10px;
	font-size: 0.8em;
	text-align: center;
	color: #fff;
	background: #44baa7;
	margin: 2px 3px;
	padding-top: 2px;
	padding-bottom: 2px
}
#content .map_pic {
	overflow: hidden;
	position: relative
}
#content .map_pic img {
	transition: all 0.5s ease;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease
}
.menu_left li {
	padding-left: 1.2em;
	padding-top: 5px;
	padding-bottom: 5px;
	font-size: 1.3em;
	background: url(../images/list_view_arrow.png) 90% center no-repeat;
	background-color: #D4EEF8;
	-moz-border-radius:5px!important;
	-webkit-border-radius:5px!important;
	border-radius:5px!important;
	width:100%;
	border:1px solid #ccc;
	
	
	
}

.menu_left a {
	color: #4b494a;
	
}
.menu_left li:hover {
	background: #0EA624;
	text-decoration: none;
	
}
.menu_left a.active {
	background: #0EA624
}
.menu_left li:hover a, .menu_left li.active a {
	color: #0EA624
}
.menu_left h2, .menu_left h3 {
	color: #0D1AFB;
	padding-bottom: 10px;
	border-bottom: 1px #E7E1E1 solid
}
.open_menu {
	transform: translateX(200px);
	-webkit-transform: translateX(200px)
}
.content_page .year, .content_page .h_year {
	background: #1fa4e8;
	border-radius: 5px;
	padding-left: 15px;
	padding-right: 15px
}
.content_page .h_year {
	background: none
}
.content_page .year_line, .content_page .h_year_line {
	width: 100%;
	background: url(file:///C|/Users/Administrator/AppData/Local/Microsoft/Windows/Temporary%20Internet%20Files/Content.IE5/images/line_06.jpg) left center repeat-x;
	overflow: hidden;
	padding-top: 10px;
	padding-bottom: 10px
}
.content_page .h_year_line {
	background: url(file:///C|/Users/Administrator/AppData/Local/Microsoft/Windows/Temporary%20Internet%20Files/Content.IE5/images/line_03.jpg) left center repeat-x
}
.content_page .year_pic, .content_page .h_year_pic {
	float: left;
	padding-right: 10px;
	background: #1fa4e8
}
.content_page .h_year_pic {
	background: #fff
}
.content_page .btn_bg {
	background: #8ed0f1;
	margin-bottom: 30px;
	margin-top: 10px
}
.content_page .img_effect {
	border: 1px #ccc solid;
	padding: 10px;
	margin-top: 20px;
	box-shadow: 0px 2px 10px #999
}

@media screen and (max-width: 767px) {
.content_page .img_effect {
	margin-bottom: 20px
}
}
.content_page .year_txt {
	margin-bottom: 20px;
	margin-top: 20px
}
.content_page .year_txt img.pull-right {
	margin-bottom: 0 !important
}
.content {
	margin-bottom: 20px
}
.content img.pull-right {
	margin-left: 15px;
	margin-bottom: 15px
}

@media screen and (max-width: 479px) {
.content img.pull-right {
	float: none !important;
	margin-left: auto;
	margin-right: auto;
	display: block
}
}
.content img.pull-left {
	margin-right: 15px
}

@media screen and (max-width: 479px) {
.content img.pull-left {
	float: none !important;
	margin-left: auto;
	margin-right: auto;
	display: block
}
}
.content p {
	text-align: justify;
	color: #868585
}

@media (min-width: 768px) {
.content p {
	line-height: 2
}
}
.content .menu_mobile {
	float: right;
	padding-top: 25px;
	white-space: nowrap;
}
.content .menu_mobile .dropdown-menu {
	left: auto;
	float: right !important;
	right: 0 !important
}
.content .menu_mobile li.active a {
	color: #fff
}
.content .menu_mobile a {
	color: #4b494a;
	text-decoration: none
}
.content .menu_mobile a:hover {
	color: #1c4fa6;
	text-decoration: none
}
.content .content_head {
	margin-left: 15px;
	margin-right: 15px
}
.content .content_head:after, .content .content_head:before {
	content: "";
	clear: both;
	display: table
}
.content .content_head .breadcrumb {
	margin-bottom: 0;
	margin-top: 15px;
	padding-right: 0;
	background: #fff;
	font-size:1.3em
}

.content .content_head .mobile_menu a{
	margin-bottom: 0;
	margin-top: 0;
	padding-right: 0;
	background: #E3E1E1;
	font-size:1.3em;
	
	-webkit-border-radius:15px 15px 15px 15px!important; 
    -moz-border-radius:15px 15px 15px 15px!important; 
    border-radius:15px 15px 15px 15px!important; 
}

.content .content_head .breadcrumb a {
	color: #4b494a;
	
	
}
.content .content_head .breadcrumb a:hover {
	color: #1c4fa6;
	text-decoration: none
}

@media screen and (max-width: 767px) {
.content .content_head .breadcrumb {
	/*display: none !important*/
}
}
.content .content_head .breadcrumb>li+li:before {
	content: ">";
	/*background:url(../images/here_img.gif) no-repeat left center;*/
}
.content .content_head .col-xs-6 {
	padding-left: 0;
	padding-right: 0
}
.content .title_border {
	border-bottom: 1px #ccc solid;
	margin-bottom: 30px
}
.content h2 {
	color: #1608C0;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis
}

@media screen and (max-width: 480px) {
.content h2 {
	font-size: 1.5em
}
}
.content h5 {
	background: url(file:///C|/Users/Administrator/AppData/Local/Microsoft/Windows/Temporary%20Internet%20Files/Content.IE5/images/title_bg.png) left center no-repeat;
	padding-left: 20px;
	color: #21418e;
	border-bottom: 1px #ccc dashed;
	padding-bottom: 5px
}
.content h4 {
	color: #21418e
}
.content .video_border {
	border: 1px #ccc solid;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 5px;
	display: inline-block
}
.content .video_list {
	text-align: center;
	padding-left: 5px;
	padding-right: 5px;
	margin-top: 10px;
	margin-bottom: 10px
}
.content .btn_download {
	color: #fff;
	background: #1fa4e8
}
.hornor p {
	margin-bottom: 0;
	line-height: normal
}
.footer {
	position: absolute;
	right: 0;
	left: 0;
	bottom: 0;
	/*background:#0A054A;*/
	background:#B3B0B0;
	padding-top: 20px
}
/*2017 start*/
.footer li {
	color: #FFF;
	font-size: 1.05em;
}
.footer li a{
	color: #FFF;
	font-size: 1.05em;
}
.footer H4 {
	color: #FFFFFF;
	font-size: 1.2em;
}
.footer #contact-id {
	color: #FFFFFF;
	font-size: 1.1em;
}
.footer #record_url {
	color: #FFFFFF;
	font-size: 0.9em;
}
/*2017 end*/

.footer a:hover {
	color: #00a0e9;
	text-decoration: none
}
.time_box {
	font-weight: bold
}

@media (min-width: 768px) {
.time_box {
	text-align: center;
	background: #eae6e2
}
}
.time_box .day {
	font-size: 25px;
	padding-top: 5px;
	border-bottom: 1px #fff solid
}

@media screen and (max-width: 767px) {
.time_box .day {
	display: none
}
}
.time_box .year_month {
	padding-top: 2px;
	padding-bottom: 2px
}

@media screen and (max-width: 767px) {
.time_box .year_month {
	display: none
}
}
.border_dashed {
	border-bottom: 1px #ccc dashed;
	padding-bottom: 20px;
	margin-bottom: 20px
}
.link_box p {
	margin-bottom: 2px;
	padding-bottom: 2px
}
.link_tip_bg {
	padding-left: 10px
}
.btn_page {
	background: #1fa4e8;
	color: #fff;
	margin: 0 5px;
}
.btn_page:hover {
	color: #fff
}
.page {
	text-align: center;
	padding: 0;
}
.justify_fix {
	display: inline-block;
	width: 100%;
	height: 0;
	overflow: hidden
}
.tips {
	font-size: 0.8em;
	padding-top: 20px
}
.video_title {
	background: #1fa4e8;
	color: #fff !important;
	padding-top: 10px;
	padding-left: 10px;
	padding-bottom: 10px
}

@media screen and (max-width: 400px) {
.video_box {
	width: 100%;
	margin-bottom: 20px
}
}
.contact_info p {
	line-height: normal;
	margin-bottom: 3px
}
.contact_info .tip {
	color: #1fa4e8
}
.copyright {
	text-align: right;
	color: #fff
}

@media screen and (max-width: 480px) {
.copyright span {
	display: block
}
}
.gq_content_box {
	margin-left: -5px;
	margin-right: -5px
}
.fb {
	padding-left: 5px;
	padding-right: 5px;
	margin-bottom: 10px
}

@media screen and (max-width: 599px) {
.fb {
	width: 50%
}
}

@media screen and (max-width: 366px) {
.fb {
	width: 100%
}
}
.video_list_box {
	margin-left: 10px;
	margin-right: 10px
}
.dots_mail {
	overflow: hidden
}
.dots_mail li {
	margin-top: 91px
}
.dots_mail li .col-xs-12 {
	border-top: 1px #ccc solid
}
.dots_mail li h5 {
	display: none
}
.dots_mail li.active .col-xs-12 {
	border: none
}
.dots_mail li.active .pro_type_img {
	display: none
}
.dots_mail li.active h5 {
	display: block
}

@media (min-width: 992px) {
.dots_mail {
	height: 148px
}
}

@media (min-width: 768px) and (max-width: 991px) {
.dots_mail {
	height: 194px
}
}

@media (min-width: 992px) {
.args {
	height: 0;
	width: 108px
}
}

@media (min-width: 768px) and (max-width: 991px) {
.args {
	height: 71px;
	width: 154px
}
}

.slider img{width: 100%;height: 100%}
span.pro_type_img {
	padding-top: 2px;
	padding-bottom: 2px;
	display: block;
	background: #fff
}
.report_border {
	border: 1px #1fa4e8 solid
}
.report_border .title_cover {
	background: #1fa4e8;
	color: #fff;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	padding-right: 10px
}
.report_border .cover_time {
	float: right
}
.report_border img {
	padding-top: 2px;
	padding-left: 2px;
	padding-right: 2px;
	padding-bottom: 20px
}
.about {
	position: relative
}
.temp_white {
	position: absolute;
	left: 0;
	right: 0;
	height: 2em;
	background: white;
	top: 0;
	z-index: 999;
	display: none
}
.border_img {
	border: 1px #bbbbba solid;
	margin-bottom: 5px
}
.link_row {
	margin-left: -5px;
	margin-right: -5px
}
.link_row .col-xs-6 {
	padding: 0 5px
}
.media-heading {
	font-size: 16px
}
.media-heading a {
	color: #1fa4e8
}
#select_year {
	opacity: 0;
	filter: alpha(opacity=0);
	z-index: 99;
	position: relative
}
.select_box {
	position: absolute;
	right: 0;
	top: 0;
	background: url(file:///C|/Users/Administrator/AppData/Local/Microsoft/Windows/Temporary%20Internet%20Files/Content.IE5/images/select_bg.png) right center no-repeat;
	border: 1px #53C3F1 solid;
	padding-right: 35px;
	padding-left: 5px
}
.bg_white {
	background: #fff
}
.bg_gray {
	background: #e8e8e8
}
.shadow {
	box-shadow: 1px 1px 10px #999;
	background: rgba(255, 255, 255, 0.7);
	margin-top: -50px;
	z-index: 999;
	position: relative;
	padding-top: 30px;
	padding-bottom: 50px;
	padding-left: 30px;
	padding-right: 30px
}

@media screen and (max-width: 767px) {
.shadow {
	padding-left: 15px;
	padding-right: 15px
}
}
.border_bottom {
	border-bottom: 1px #ccc solid
}
.col-xs-12.col-sm-4.hornor {
	text-align: center
}

@media screen and (max-width: 767px) {
.col-xs-12.col-sm-4.hornor {
	margin-top: 10px;
	margin-bottom: 10px
}
}
.hornor_list_box {
	padding-right: 15px;
	background: url(file:///C|/Users/Administrator/AppData/Local/Microsoft/Windows/Temporary%20Internet%20Files/Content.IE5/images/line_bg.gif) 22px center repeat-y
}
.hornor_list_box .h_list {
	position: relative;
	padding-left: 130px;
	margin-top: 5px;
	margin-bottom: 35px
}
.hornor_list_box .h_list:first-child .h_list_pic {
	background: url(file:///C|/Users/Administrator/AppData/Local/Microsoft/Windows/Temporary%20Internet%20Files/Content.IE5/images/lc_first_bg.png) left center no-repeat
}
.hornor_list_box .h_list_pic {
	background: url(file:///C|/Users/Administrator/AppData/Local/Microsoft/Windows/Temporary%20Internet%20Files/Content.IE5/images/lc_bg.png) 1px center no-repeat;
	position: absolute;
	width: 91px;
	height: 25px;
	text-align: right;
	padding-right: 15px;
	color: #fff;
	left: 15px;
	top: 50%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	-ms-transform: translateY(-50%)
}
.hornor_list_box ul {
	margin-bottom: 0
}
.hornor_list_box li {
	background-color: #caecfa;
	margin-bottom: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 10px;
	padding-right: 10px
}
.back_home a {
	padding: 0 !important;
	margin: 0 !important
}
.sub_banner {
	position: relative
}
.sub_banner .dots {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	margin: 0;
	padding: 0
}
.sub_banner .dots li {
	width: 25%;
	list-style: none;
	text-align: center;
	padding-top: 2px;
	padding-bottom: 2px;
	float: left;
	background: rgba(0, 0, 0, 0.5);
	border-right: 1px #fff solid;
	color: #fff;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis
}

@media screen and (max-width: 399px) {
.sub_banner .dots li {
	font-size: 0.8em
}
}
.sub_banner .dots li:last-child {
	border-right: none
}
.sub_banner .dots li.active {
	background: rgba(63, 189, 239, 0.8)
}
.sub_menu {
	position: absolute;
	left: 0;
	top: 50px;
	text-decoration: none;
	padding-left: 20px;
	min-width: 100%;
	background: rgba(63, 189, 239, 0.8);
	background-color: #1710C0 no-repeat right center;
	z-index: 999;
	display: none;
	padding-right: 10px;
	padding-bottom: 5px;
}
.sub_menu li {
	line-height: 1.5;
	color: #FFFFFF
}
.sub_menu a {
	padding: 0!important;
	white-space: nowrap;
	text-decoration: none;
	color: #FFFFFF;
	display: block; 
	font-size: 18px; 
	line-height: 18px; 
	margin: 10px 10px;
}
.sub_menu .list-unstyled a:hover { 
	color: #28b1ee; 
	display: block; 
	text-decoration: none;
}


.nav.navbar-nav li:hover .sub_menu {
	display: block;
	text-decoration: none;
	color: #B8F5C3
}

@media screen and (max-width:767px) {
.sub_menu {
	display: none!important;
}
}
.clear {
	clear: both;
}
.space {
	height: 4em;
}
.cat1 a {
	-moz-border-radius: 5px;
	border-radius: 5px;
	padding: 0 0 0 35px;
	background-image: url(../images/arrow_a_bg.png);
	background-position: 18px center;
	background-color: #B1FBAD;
	color: #3C34F8;
}
.cat1 a:hover {
	color: #FFF;
	background-color: #ff8521;
	background-image: url(../images/cat1_a_bg.gif);
}
.main_font{
	font-size: 1.2em;
}
.path_style{
	color:#ED0707
}

#article{padding:5px;margin:0 0 10px 0;}
#article .title{text-align:center;color:#333;margin-bottom:10px}
#article .message{font-size: 14px; line-height: 20px;padding:0;text-align:center;color:#999;border-bottom:1px dashed #999;}
#article .main{padding:10px 0;line-height:180%;color:#333;min-height:200px;_height:200px;}
#article .main img{
	max-width:700px;
	_width:expression(this.width>700?700:true);
	clear: both; 
    display: block; 
    margin:auto; 
}
#article .main table{background:#999;border:0;border-collapse:separate;border-spacing:1px;}
#article .main td{background:#FFF;padding:5px;}

@media (min-width: 1014px) {
    .section { padding: 0; }

        .section .col-md-8, .section .col-md-6, .section .col-md-4, .section .col-md-3, .section .col-md-2 { padding: 0px; }
}


.sectionList { padding: 40px 0 0 0; }
.sectionDetail { padding: 40px 0 0 0; }
    .sectionDetail .field { width: 100%; padding: 5px; line-height: 30px; }
        .sectionDetail .field input { height: 22px; zoom: 150%; vertical-align: bottom; }
        .sectionDetail .field label { width: 100px; display: inline-block; font-size: 15px; line-height: 25px; text-align: right; color: #666; }
        .sectionDetail .field textarea { width: 40%; height: 100px; vertical-align: top; }
    .sectionDetail .sex input { height: 30px; width: auto; }

    .sectionDetail .field button { display: inline-block; padding: 6px 24px; background: red; text-decoration: none; border-radius: 5px; color: #fff; margin-left: 110px; border: none; }

h3.title { border-bottom: 1px solid #cbcbcb; padding: 0 0 15px 0; margin-bottom: 18px; }
    h3.title span { font-size: 15px; padding: 0px 15px; }

/*　常用按纽　*/
div.request { margin: 30px auto 0 auto; text-align: center; }
    div.request a { margin: 15px 0; padding: 15px 30px 15px 10px; border: 1px solid #808080; font-size: 16px; line-height: 22px; color: #808080; }


/*　常用列表　*/
#listProduct { background: #eef7fe; padding: 40px; border-top: 3px #d2ecfb solid; }
    #listProduct .item { float: left; width: 33.33%; }
        #listProduct .item .bg { margin: 10px; }
        #listProduct .item img { width: 100%; border: 1px solid #ccc; border-radius: 3px; }
        #listProduct .item h3 { text-align: left; font-size: 14px; color: #6d6e71; line-height: 28px; margin: 10px 0; }
        #listProduct .item p { text-align: left; font-size: 12px; color: #6d6e71; }
        #listProduct .item span { color: #21418e; }
        #listProduct .item .more { float: right; }

#listProductNew { background: #eef7fe; padding: 40px; border-top: 3px #d2ecfb solid; }
    #listProductNew .item { float: left; width: 50%; }
        #listProductNew .item .bg { margin: 10px; }
        #listProductNew .item img { width: 100%; border: 1px solid #ccc; border-radius: 3px; }
        #listProductNew .item h3 { text-align: left; font-size: 14px; color: #6d6e71; line-height: 28px; margin: 10px 0; }
        #listProductNew .item p { text-align: left; font-size: 12px; color: #6d6e71; }
        #listProductNew .item span { color: #21418e; display: none; }
        #listProductNew .item .more { float: right; }

#listProductVideo { background: #eef7fe; padding: 40px; border-top: 3px #d2ecfb solid; }
    #listProductVideo li { float: left; width: 50%; }
    #listProductVideo .item { padding: 10px; } 
        #listProductVideo .item h3 { text-align: left; font-size: 14px; color: #6d6e71; line-height: 28px; margin: 10px 0; }
        #listProductVideo .item p { text-align: left; font-size: 12px; color: #6d6e71; }
        #listProductVideo .item span { color: #21418e; display: none; }
        #listProductVideo .item .more { float: right; }


#List_Services { background: #eef7fe; padding: 40px; }
    #List_Services .item { float: left; width: 33.33%; }
        #List_Services .item .bg { margin: 10px; }
        #List_Services .item img { width: 100%; border: 1px solid #ccc; border-radius: 3px; }
        #List_Services .item h3 { text-align: left; font-size: 14px; color: #6d6e71; line-height: 28px; margin: 10px 0; }
        #List_Services .item p { text-align: left; font-size: 12px; color: #6d6e71; }
        #List_Services .item span { color: #21418e; }
        #List_Services .item .more { float: right; }



#listPartner { }
    #listPartner .item { margin: 10px 0; float: left; width: 25%; }
        #listPartner .item .bg { margin: 10px; }
        #listPartner .item img { width: 100%; border: 1px solid #ccc; }
        #listPartner .item h3 { text-align: center; }

#listCase { }
    #listCase .item { margin-bottom: 20px; border-bottom: 1px dashed #ccc; }
        #listCase .item .left { width: 30%; }
        #listCase .item .right { width: 68%; }
        #listCase .item .bg { margin: 10px; padding-right: 10px; }
        #listCase .item a:hover .bg { background: rgba(204, 204, 204, 0.81); }
        #listCase .item img { width: 100%; border: 1px solid #ccc; border-radius: 3px; }
        #listCase .item h3 { padding: 0px; margin: 0px; color: #3D09ED; line-height: 30px; font-size: 18px; }
        #listCase .item .intro { padding: 5px 0; line-height: 24px; height: 24px; overflow: hidden; font-size: 15px; color: #666; }

#listCase1 { }
    #listCase1 .item { margin: 10px 0; float: left; width: 25%; }
        #listCase1 .item .bg { margin: 10px; }
        #listCase1 .item img { width: 100%; border: 1px solid #ccc; }
        #listCase1 .item h3 { text-align: center; line-height: 24px; height: 24px; overflow: hidden; font-size: 15px; color: #666; }

div.year { float: right; }
    div.year li { float: left; }
    div.year a { line-height: 40px; padding: 10px 0px; font-size: 12px; color: #5f5d5d; }
        div.year a span { margin: 0 10px; }
        div.year a:hover { color: #21418e; font-size: 13px; }

#listNews { }
    #listNews .bg { margin: 0px 0 40px; border-bottom: 1px solid #ccc; padding-bottom: 20px; }
    #listNews .left { width: 40%; }
    #listNews .pic img { 
		width: 240px; 
		height: 150px; 
		clear: both; 
        display: block; 
        margin:auto; 
    }
    #listNews .right { width: 60%; }
	#listNews .main .row h4 { font-size: 19px; color: #21418e; margin: 0; margin-bottom: 6px; }
    #listNews .main .title h3 { font-size: 20px; color: #21418e; margin: 0; margin-bottom: 6px; }
    #listNews .main .title p { font-size: 14px; color: #9fa0a0; margin-bottom: 10px; }
    #listNews .main .intro { font-size: 14px; color: #9fa0a0; line-height: 18px; }
    #listNews .item { }
        #listNews .item h3 { }
            #listNews .item h3 span { color: #228a3b; line-height: 30px; font-size: 18px; }
            #listNews .item h3 .date { line-height: 30px; font-size: 14px; position: absolute; top: 0px; right: 10px; }
        #listNews .item .intro { padding: 5px 0; line-height: 20px; font-size: 15px; color: #666; }

#listRD { background: #eef7fe; padding: 30px 30px; }
    #listRD .bg { margin: 0px 0 40px; border-bottom: 2px solid #ccc; padding-bottom: 0px; }
    #listRD .main .title h3 { font-size: 16px; color: #21418e; margin: 0; margin-bottom: 10px; font-weight: 600; }
    #listRD .main .title p { font-size: 14px; color: #9fa0a0; margin-bottom: 15px; }
    #listRD .main .intro p { font-size: 14px; color: #9fa0a0; line-height: 24px; }
    #listRD .item { }
        #listRD .item h3 { }
            #listRD .item h3 span { color: #228a3b; line-height: 30px; font-size: 18px; }
            #listRD .item h3 .date { line-height: 30px; font-size: 14px; position: absolute; top: 0px; right: 10px; }
        #listRD .item .intro { padding: 5px 0; line-height: 24px; font-size: 15px; color: #666; }


#listNews1 .item { float: left; width: 50%; margin: 10px 0; }
    #listNews1 .item .bg { width: 95%; max-width: 540px; margin: 0px auto; border: 2px solid #ccc; }
    #listNews1 .item img { width: 100%; display: block; }
    #listNews1 .item h3 { display: none; }
    #listNews1 .item .intro { margin: 0px auto; padding: 10px; background: rgba(92, 92, 92, 0.81); }
        #listNews1 .item .intro p { color: #fff; line-height: 22px; font-size: 15px; height: 44px; overflow: hidden; }
    #listNews1 .item a:hover .bg { border: 2px solid #ec0c0c; }
    #listNews1 .item a:hover .intro { background: rgba(236, 12, 12, 0.81); }



/* 公司联系方式 **********************/
#divCompanyContact { }
    #divCompanyContact table { width: 100%; }
        #divCompanyContact table td { padding: 5px; font-size: 16px; }
            #divCompanyContact table td.title { width: 100px; }

div.contact { }
    div.contact .main { margin-right: 35px; padding: 10px; }
        div.contact .main a { display: inline-block; }

/* 当前位置 **********************/
div.location { float: left; }
    div.location span.title { position: static; font-size: 16px; font-weight: bold; line-height: 44px; }
    div.location span.space { }
    div.location span { line-height: 40px; padding: 10px 0px; font-size: 20px; color: #5f5d5d; }
        div.location span.title::after { position: absolute; bottom: 0px; left: 0px; width: 100%; content: ""; border: 2px solid #228a3b; }

    div.location .spaces { float: right; font-size: 13px; }
        div.location .spaces a { font-size: 13px; color: #9fa0a0; font-weight: bold; padding: 0 5px; }
        div.location .spaces .en { margin-left: 50px; }
        div.location .spaces a:hover { color: #21418e; }
    div.location span.space a:last-child { color: #21418e; }
/* 相关产品 **********************/
div.RelateProduct { margin-bottom: 40px; }
    div.RelateProduct .title { border-bottom: none; border-top: 2px solid #ccc; }
        div.RelateProduct .title span { float: left; font-size: 14px; color: #9fa0a0; line-height: 24px; }
    div.RelateProduct .main { padding: 0px; }
        div.RelateProduct .main li { float: left; width: 18%; }
            div.RelateProduct .main li a { border: none; }
            div.RelateProduct .main li .pic { display: none; }
            div.RelateProduct .main li img { width: 100%; }
            div.RelateProduct .main li .item { border: none; }
                div.RelateProduct .main li .item h3 { color: #9fa0a0; padding: 0 10px 0; font-size: 16px; line-height: 26px; overflow: hidden; margin: 0px; border: none; }

#Peoples { padding: 40px; }
    #Peoples .main1 .item { }
        #Peoples .main1 .item p { font-weight: bold; position: relative; color: #21418e; font-size: 17px; }
            #Peoples .main1 .item p::before { position: absolute; top: 50%; width: 83%; left: 68px; height: 1px; border-bottom: 1px dashed #ccc; content: ""; }
            #Peoples .main1 .item p span { background: #eef7fe; z-index: 9999; padding-right: 10px; position: relative; z-index: 99999; display: inline-block; }
        #Peoples .main1 .item a { background: #07489e; display: block; font-size: 12px; line-height: 24px; color: #f7fcff; float: right; padding: 0px 18px; }
    #Peoples .main2 { margin: 30px 0px 0 70px; }
        #Peoples .main2 span { font-size: 15px; color: #6b6b6b; font-weight: bold; padding-bottom: 30px; }
        #Peoples .main2 .item h3 { color: #5f5d5d; font-size: 15px; font-weight: bold; padding-bottom: 30px; }
        #Peoples .main2 .item .text p { font-size: 14px; color: #6b6b6b; }
    #Peoples .btn .buntt { background: #07489e; font-size: 14px; color: #f7fcff; }

@media (max-width: 768px) {

    div.RelateProduct .main li { float: none; width: auto; }
    #listProduct { padding: 10px; }
    #listProductNew { padding: 0px; }
    #List_Services { padding: 10px; }
    #listProductVideo{ padding:10px;}
 #listProductVideo li { float: none; width: 100%; }
}

div.online { margin: 50px 0; }
    div.online a { color: #228a3b; line-height: 24px; padding: 0 24px; }

.detailMemo span.title { font-size: 13px; color: #333; line-height: 24px; font-weight: bold; }
.detailMemo h1 { margin-top: 30px; font-size: 24px; text-align: center; }
.detailMemo .date { text-align: center; }
.detailMemo .sub { margin: 10px; padding: 10px; font-size: 14px; background: #ccc; border-radius: 3px; display: none; }
.detailMemo .intro { font-size: 12px; color: #808080; line-height: 24px; margin: 5px 0; }
.detailMemo .memo { margin: 0; }
    .detailMemo .memo h3 { margin: 20px 0 0 0; font-weight: bold; }
        .detailMemo .memo h3 span { background: #228a3b; color: #fff; font-size: 16px; padding: 4px 10px; line-height: 32px; }
    .detailMemo .memo h4 { margin-top: 15px; font-size: 16px; line-height: 26px; font-weight: bold; text-indent: 2em; }
    .detailMemo .memo b, .detailMemo .memo strong { font-weight: bold; }
    .detailMemo .memo em { font-style: normal; }
    .detailMemo .memo img { max-width: 100%; }
    .detailMemo .memo table { width: 100%; }
        .detailMemo .memo table td { padding: 3px; }
        .detailMemo .memo table p, .detailMemo .memo table div { text-indent: 0; }
    .detailMemo .memo p, .detailMemo .memo div { margin-top: 0px; font-size: 14px; text-indent: 2em; line-height: 23px; }
        .detailMemo .memo p img, .detailMemo .memo div img { margin-left: -2em; }
        .detailMemo .memo p embed, .detailMemo .memo div embed { margin-left: -2em; }

.detailMemoSer span.title { font-size: 13px; color: #333; line-height: 24px; font-weight: bold; }
.detailMemoSer h1 { margin-top: 30px; font-size: 24px; text-align: center; }
.detailMemoSer .date { text-align: center; }
.detailMemoSer .sub { margin: 10px; padding: 10px; font-size: 14px; background: #ccc; border-radius: 3px; display: none; }
.detailMemoSer .intro { font-size: 12px; color: #808080; line-height: 24px; margin: 5px 0; }
.detailMemoSer .memo { margin: 0px 0; }
.detailMemoSer .memo h3 { margin: 20px 0 0 0; }
.detailMemoSer .memo h3 span { background: #228a3b; color: #fff; font-size: 16px; padding: 4px 10px; line-height: 32px; }
.detailMemoSer .memo h4 { margin-top: 15px; font-size: 16px; line-height: 26px; font-weight: bold; text-indent: 2em; }
.detailMemoSer .memo b, .detailMemoSer .memo strong { font-weight: bold; }
.detailMemoSer .memo em { font-style: normal; }
.detailMemoSer .memo img { max-width: 100%; }
.detailMemoSer .memo table { width: 100%; }
.detailMemoSer .memo table td { padding: 3px; }
.detailMemoSer .memo table p, .detailMemoSer .memo table div { text-indent: 0; }
.detailMemoSer .memo p, .detailMemoSer .memo div { margin-top: 0px; font-size: 16px; text-indent: 2em; color: #21418e; }
.detailMemoSer .memo p img, .detailMemoSer .memo div img { margin-left: 0em; }
.detailMemoSer .memo p embed, .detailMemoSer .memo div embed { margin-left: -2em; }



.detailPhoto { text-align: left; }
    .detailPhoto li { text-align: center; margin: 10px 0 5px 0; width: 50%; float: left; }
        .detailPhoto li img { max-width: 100%; display: block; margin: 0 auto; }
        .detailPhoto li h3 { line-height: 24px; font-size: 15px; text-align: center; }

.detailPhotoSer { text-align: left; }
    .detailPhotoSer li { text-align: center; margin: 10px 0 5px 0; width: 100%; text-align: center; }
        .detailPhotoSer li img { max-width: 100%; display: block; margin: 0 auto; }
        .detailPhotoSer li h3 { line-height: 24px; font-size: 15px; text-align: center; }


.detailMaster { }
    .detailMaster .form { padding: 70px 30px; }
        .detailMaster .form label { color: #21418e; position: relative; }
        .detailMaster .form input { position: absolute; left: 13%; }


    .detailMaster .left { width: 40%; }
    .detailMaster .right { width: 57%; }
    .detailMaster .pic img { width: 100%; }
    .detailMaster h1 { line-height: 40px; font-size: 20px; border-bottom: 1px solid #808080; margin-bottom: 10px; }
    .detailMaster .intro { margin: 10px 0; font-size: 15px; line-height: 22px; }
    .detailMaster .contact span { font-size: 15px; color: #D81A00; font-weight: bold; font-family: Arial, Helvetica, sans-serif; }
    .detailMaster .btnQQ { background: #317679; color: #fff; }
    .detailMaster .btnKf { background: #89CCCF; color: #fff; }

#job { padding-top: 20px; display: none; }
    #job .jobbox { }
        #job .jobbox h3 { padding: 0px 30px; background: #e7e7e7; line-height: 40px; font-size: 18px; cursor: pointer; }
        #job .jobbox .jobdetail { display: none; }
    #job .jobbtn { text-align: center; margin: 20px 0; font-size: 18px; color: #228a3b; }

#secCase1 { }
    #secCase1 .master ul ul ul ul { display: none; }

@media (max-width: 768px) {


    h3.title { padding: 0 0 15px 15px; }
    div.tab li { margin-bottom: 10px; }
    div.side { padding-left: 0px; display: none; }
    div.kf { margin-top: 10px; }

    .sectionDetail { padding: 0px 10px; }

    #listProduct .item { width: auto; float: none; }
        #listProduct .item img { height: auto; }

    #listCase1 .item { width: 50%; }
        #listCase1 .item .bg { margin: 10px 5px; }

    #listNews1 .item { float: none; width: auto; }


    #listProduct li { width: 100%; float: left; }

    div.RelateProduct .title span { float: none; }
    div.RelateProduct .main li .item h3 { float: left; }
    div.location span { font-size: 14px; }
    .detailMaster .form input { left: 28%; }

    #listProduct .item h3 { text-align: left; font-size: 14px; color: #6d6e71; line-height: 28px; margin: 0px 0; }
    #listNews .main .title p { font-size: 14px; color: #9fa0a0; margin-bottom: 0px; }
    #listNews .bg { padding-bottom: 0px; }
    .detailMemo .memo p img, .detailMemo .memo div img { margin-left: -2em; }
}

@media (max-width: 760px) {
    #listProductNew .item { float: left; width: 100%; }
    #listProductNew .item { float: left; width: 100%; }
}


@media (max-width: 600px) {
    #listNews .bg { margin: 70px; }
    #listNews .left { width: 100%; }
    #listNews .right { width: 100%; }

    #listRD .bg { margin: 70px; }

    #List_Services .item { float: left; width: 50%; }
}


@media (max-width: 414px) {
    #listProduct li { width: 100%; float: left; }
    .detailPhoto li { width: 100%; float: left; }
    #listNews .bg { margin: 20px; }
    #listRD .bg { margin: 20px; }

    #Peoples .main1 .item p::before { width: 50%; }
    #Peoples .main2 { margin: 30px 0px 0 0px; }
    .detailMaster .form input { left: 40%; }
}

@media (max-width: 320px) {

    #listNews .bg { margin: 10px; }
    #listRD .bg { margin: 10px; }

    #List_Services .item { float: left; width: 100%; }
}

.textarea{width:95%;height:200px;font-size:13px;line-height:22px;margin-top:5px;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;border: 1px solid #ADADAD;}
.text{line-height:23px;width:70%;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;border: 1px solid #ADADAD;}
.line_height{height:50px;}
.space2{height:7px;}
.btn_center{margin: 0 auto; display: block}
#form_add_message{font-size: 1.1em;}

img{
	width:95%;
	height:95%;
	clear: both; 
    display: block; 
    margin-top:10px; 
}

#service{position:fixed;width:33px;height:285px;top:54%;right:0px;z-index:9;overflow:visible;_position:absolute;_top:expression(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-1);}
#service_img{position:absolute;left:0;top:40px;width:33px;height:210px;background:url(../images/service.png) no-repeat left center;}
#service .main{position:absolute;left:33px;width:200px;height:280px;}
#service .main .in{position:absolute;left:0px;right:0px;top:0px;width:160px;height:280px;background:url(../images/online_service.png) no-repeat;text-align:center;}

#service_img .main .in a{margin-left:20px;float：right}

#goods_list_img .img_css{width: 50%; height: auto; text-align: center; float: left;}
.right{float: right;width: 50%}
@media screen and (max-width: 1024px) { 
.right{width: 45%}
} 
@media screen and (max-width: 900px) { 
#goods_list_img .img_css {width: 100%;height:auto;text-align: center;} 
.right{width: 100%}
} 

	
.page_link{position:relative;height:60px;}
.page_link .in{position:absolute;top:15px;right:10px;}
.page_link span,.page_link a{display:block;float:left;line-height:25px;color:#666;padding:0 5px;}
.page_link form{float:left;}
.page_link .text{border:0;padding:0;height:18px;line-height:18px;width:30px;border:1px solid #666;margin:0 3px 0 0;}
.page_link .num{padding:0;}
.page_link .bt{padding:0 5px;margin:0;height:20px;line-height:20px;border:1px solid #ccc;background:#DDD;cursor:pointer;font-size:12px;}




#more{margin:10px auto;width: 560px;  border: 1px solid #999;}               
.single_item{padding: 20px; border-bottom: 1px dotted #d3d3d3;}
.author{position: absolute; left: 0px; font-weight:bold; color:#39f}
.date{position: absolute; right: 0px; color:#999}
.content{line-height:20px; word-break: break-all;}
.element_head{width: 100%; position: relative; height: 20px;}
.get_more{margin:10px; text-align:center}
.more_loader_spinner{width:20px; height:20px; margin:10px auto; background: url(loader.gif) no-repeat;}