*{margin:0;padding:0;}
body{padding:0;margin:0;font-family: "Microsoft YaHei";color:#555;background:#fff; line-height:24px; max-width:720px; margin:0 auto;}
a,area{blr:expression(this.onFocus=this.blur())}
/* for IE */
:focus{-moz-outline-style:none;}
/* for Firefox */
a{text-decoration:none;color:#555;outline:none;}
a:hover{color:#3194e5;text-decoration:none;outline:none;}
em{ font-style:normal;}
a img{border:none;}
table tr td{font-size:12px;}
font{ font-size:12px;}
ul,li,dl,dd,dt{ padding:0px; margin:0px; list-style:none;}
.length{word-break:keep-all; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.clear{clear:both;}
/* Wrapper */
.max-width{max-width:720px; margin:0 auto; min-width:320px; width:auto;}
#wrapper{ overflow-x:hidden; max-width:720px; margin:0 auto;}
.font{font-family:"宋体";}
/* Header */
#header{ height:103px; position:relative;}
.logo{ position:absolute; left:0; top:0; height:60px; background-size:100%; display:block;}
.logo img{ position:absolute; left:5px; top:5px; height:60px;}

/* Menu */
.nav_bg{ background:#005A7D; position:relative; z-index:99; min-height:50px;}
.navbar-brand{ color:#fff;}
.navbar-header .navbar-toggle{ margin-top:12px;}
#menu{ position:relative; min-height:50px; margin-bottom:0;}
#menu .navbar-nav a{ color:#fff; font-size:15px;}
#menu .navbar-nav a:hover{ color:#fff; background:#1640a2;}
#menu .nav > li > a:hover, .nav > li > a:focus{ color:#454545; background:#fff;}

/* banner */
#banner .carousel-indicators li{ border:0; background:#fff; width:8px; height:8px; margin:0 1px;}
#banner .carousel-indicators li.active{ border:0; background:#3493e4;}
#banner .carousel-inner img{ object-fit: cover;width:100%; height:200px !important;}

/* Search */
#search{ float:right; height:31px; padding:0; margin:0; padding-top:10px; width:200px;}
#search .keyword{ float:left; background:#fff;  height:31px; line-height:31px; border:0; text-indent:10px; padding:0;}
#search .submit{cursor:pointer;float:left;background:#fff url(../images/search.jpg) no-repeat;height:31px;border:0;}

/*page*/
.page{text-align:center;line-height:30px;min-height:25px;clear:both;_height:25px; margin-top:20px;}
/*pages_style*/
.pages{ width:100%; margin:0 auto;margin-top:30px; text-align:center;margin-top:20px;}
.pages a{border:1px solid #c1c1c1;padding:3px 8px;margin:0 3px;}
.pages a:hover,a.active{background:#1B77C6;color:#fff;border-color:#1B77C6;}
.pages span{border:1px solid #c1c1c1;padding:3px 8px;margin:0 3px;}
.pages span:hover,span.active{background:#1B77C6;color:#fff;border-color:#1B77C6;}
.pages .p_left{ float:left;}
.pages .p_right{ float:right;}
.pages .p_page{ border:0px;}

/*Sidebars*/
#sidebar{min-height:200px;_height:200px;padding-left:0px;}
.left_t{ height:50px; line-height:50px; border-bottom:1px solid #555555; font-size:1.2em; color:#fff;padding-left:12px;}
#sidebar li.lt_1 a.f_a{ color:#3eb134;}
#sidebar li.lt_2 a.f_a{ color:#053fa0;}
#sidebar li.lt_3 a.f_a{ color:#d50d0d;}
.left_list {min-height:100px;_height:100px;}
.left_list ul li{ position:relative;}
.left_list ul li a{ display:block; height:40px; line-height:40px; border-bottom:1px solid #555;padding-left:12px;word-break:keep-all; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; font-size:1.1em;color:#fff;}
.left_list ul ul{ display:none;}
.left_list ul ul a{ height:35px; line-height:33px; font-size:1em; border-bottom:1px dotted #783f2d;}
.left_list ul ul a font{ font-family:"宋体"; padding-right:3px;}
.left_list a.shover{ font-weight:bold; color:#fff;}
.left_list a.shover2{ background:##f5f5f5; color:#783f2d;}
#sidebar .dropdown-menu{ position:relative; float:none; padding:0; border:0; background:none; border-radius:0; -webkit-box-shadow:0 0 0; box-shadow:0 0 0; z-index:1;}
.left_pic img{ display:block; margin-bottom:10px;}

/* content */
#content{min-height:200px;_height:200px;}
.right-head{ height:50px; border-bottom:1px solid #ddd; padding-top:10px;}
.l_title{ font-size:1.1em; color:#454545; line-height:30px;}
.r_title{ position:absolute; right:30px; top:15px; white-space:nowrap;}
#content span.rl_but{ display:block; padding:0 2px; position:absolute; right:30px; top:10px;}
.rl_but{ position:absolute;}
.content-inner{padding:10px 0;min-height:320px;_height:320px;text-align:left;line-height:23px; padding-bottom:30px;}
.content-inner img{ max-width:100%; height:auto;}
.content-inner iframe{ max-width:100%; height:auto;}
.content-contact{padding:10px 0;min-height:320px;_height:320px;text-align:left;line-height:23px; padding-bottom:30px;}
.content-contact img{ max-width:auto;}

/*feedback_list */
.note_list{ border-bottom:solid 1px #d0d0d0; padding:10px 15px;}
.note_list .n_dh{ height:34px; line-height:34px; }
.note_list .n_dh .l_bt{ float:left; padding-left:25px; color:#977e53;   background:url(../images/note_tb3.png) no-repeat left center; background-size:20px;}
.note_list .n_dh .r_date{ float:right; color:#989898;}
.note_list .n_cent{ font-size:14px; padding-top:5px;}
.note_list .hf_tb{ background:url(../images/hf_tb.jpg) no-repeat 21px bottom; height:13px; display:block;}
.note_list .hf_cent{ background:#ebebeb; padding:5px 8px;}

/*list_pro*/
ul.list_pro{text-align:center;min-height:200px;_height:200px;}
ul.list_pro li{display:inline-block;width:50%;padding-bottom:5px; padding:0 5px;line-height:25px; height:auto;overflow:hidden;}
ul.list_pro li img{ width:100%; height:auto;}
ul.list_pro li span{ display:block; padding:6px 0; line-height:22px;}

/*list_pro*/
ul.pro_list{text-align:center;min-height:200px;_height:200px;}
ul.pro_list li{display:inline-block;width:100%;padding-bottom:5px; padding:0 5px;line-height:25px; height:auto;overflow:hidden; margin-bottom:10px;}
ul.pro_list li .img{ width:35%; height:auto; float:left;}
ul.pro_list li .img img{ width:100%;height:auto; border:1px solid #eaeaea;}
ul.pro_list li .note{ width:60%; float:right;}
ul.pro_list li .note span{ display:block; padding:6px 0; line-height:22px; font-size:15px;text-align:left;word-break:keep-all; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
ul.pro_list li .note p{line-height:22px;color:#666;text-align:left;overflow: hidden;text-overflow: ellipsis;display: box;display: -webkit-box;line-clamp: 2;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}

/*list_share*/
ul.list_share{text-align:center;min-height:200px;_height:200px;}
ul.list_share li{display:inline-block;width:49%;padding-bottom:5px; padding:0 5px;line-height:25px; height:auto; vertical-align:top;overflow:hidden;}
ul.list_share li img{ width:100%; height:auto;}
ul.list_share li span{ display:block; padding:6px 0; line-height:22px;}

/*list_share*/
ul.share_list{ margin:0 auto;width:100%;}
ul.share_list li{ width:45%;float:left;margin:0 2%; height:210px;}
ul.share_list li span{ text-align:center; padding-top:5px; line-height:18px; font-weight:normal;font-size:14px; display:block;}
ul.share_list li span a{ color:#272727; font-size:14px;}
ul.share_list .img{width:240px;height:150px;display: table-cell;vertical-align: middle;text-align: center;*display: block;border:1px solid #dddddd; overflow:hidden; background:#ffffff;}
ul.share_list .img img{ max-width:100%; max-height:150px;}

/*dis_big*/
#dis_pro{ padding-top:15px; padding-bottom:20px; margin:0 auto; text-align:center;}
#dis_pro .dis_pic{ width:100%; display:table-cell; vertical-align:top;}
#dis_pro .dis_con{ text-align: left; padding-bottom:10px;}
#dis_pro .dis_name{ padding:10px 0; min-height:30px; line-height:16px; font-size:16px; text-align:center;}
#dis_pro .dis_text{ line-height:23px; padding-bottom:20px;}
#dis_pro img{ max-width:80% !important;}

/* demo */
#demo{overflow:hidden;width:600px; margin:0 auto;}
#indemo{float:left;width:100000px;}
#indemo img{margin-right:10px;border:1px solid #ccc;}
#demo1{float:left;}
#demo2{float:left;}
.pro_content{ position:relative;}
.t_left{background:url(../images/pleft.jpg) no-repeat;cursor:pointer;width:7px;height:9px; position:absolute; top:0; left:0;}
.t_right{background:url(../images/pright.jpg) no-repeat;cursor:pointer;width:7px;height:9px; position:absolute; top:0; right:0;}

/*list_news*/
ul.list_news{min-height:200px;_height:200px;}
ul.list_news li{position:relative;height:45px;line-height:45px;border-bottom:1px dotted #ccc;}
ul.list_news li span{ font-size:20px; padding-right:6px;}
ul.list_news li a{ width:100%;}
ul.list_news li dd{width: calc(100% - 86px);word-break:keep-all; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;line-height:38px;}
ul.list_news li span.font{ font-family:SimSun;}
ul.list_news li span.date{position:absolute;right:0px;top:-2px; font-size:14px;}

/*list_img_news*/
ul.list_img_news{min-height:200px;_height:200px;}
ul.list_img_news li{position:relative;height:auto;padding-top:6px;padding-bottom:6px;width:100%; float:left;}
ul.list_img_news li a{font-size:14px;}
ul.list_img_news li .img{ width:30%;height:auto;float:left;overflow:hidden;}
ul.list_img_news li .img img{ width:100%;height:80px;transition: all 0.6s; -ms-transition: all 0.6s;object-fit: cover;}
ul.list_img_news li .img:hover img{ transform: scale(1.1);-webkit-transform: scale(1.1);}
ul.list_img_news li .text{ width:66%; float:right; text-align:left;}
ul.list_img_news li .text span{ width:100%; font-size:15px; display:inline-block;word-break:keep-all; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
ul.list_img_news li .text p{ color:#888;overflow: hidden;text-overflow: ellipsis;display: box;display: -webkit-box;line-clamp: 2;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
ul.list_img_news li .news_date{font-size:14px; display:block;margin:0;color:#888;}

/*list_pic_news*/
ul.list_pic_news{min-height:200px;_height:200px;}
ul.list_pic_news li{position:relative;height:auto;padding-top:6px;padding-bottom:6px;width:100%; text-align:center;}
ul.list_pic_news li a{font-size:14px;}
ul.list_pic_news li .img{ width:100%;height:auto;overflow:hidden;}
ul.list_pic_news li .img img{ width:100%;height:auto;transition: all 0.6s; -ms-transition: all 0.6s;object-fit: cover;}
ul.list_pic_news li .img:hover img{ transform: scale(1.1);-webkit-transform: scale(1.1);}
ul.list_pic_news li .text{ width:100%; text-align:ceneter;}
ul.list_pic_news li .text span{ width:100%; font-size:14px; display:inline-block;word-break:keep-all; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; padding:5px 0;}

/*dis_news*/
#dis_news .news_title{font-weight:bold;font-size:16px;_height:30px;min-height:30px;line-height:26px;text-align:center;}
#dis_news .news_date{text-align:center;_height:25px; line-height:25px; border-top:1px dotted #ccc;color:#666;}
#dis_news .news_content{padding:5px;_height:200px;min-height:200px;line-height:23px;}

/*map*/
.map{width:100%;height:200px;border:1px solid #ccc; margin-bottom:30px;}
.map img{max-width:inherit;}
.shadow,.pop,.anchorBL{ display:none;}

/*list_links*/
ul.list_links{text-align:center;min-height:200px;_height:200px;}
ul.list_links li{min-height:50px;_height:50px;}
ul.list_links li img{ max-width:100%;}

/*blan*/
.lan_bg{ background:#666666; color:#fff;}
.lan_bg a{ color:#fff;}
.lan_bg a:hover{ color:#FF9900;}
#blan{ padding:30px 0;}
#blan .b_list{ float:left; width:14%; min-height:130px;  _height:130px;}
#blan .bl_name{ font-size:16px; height:35px;}
#blan .b_list li{ height:28px; width:95%; word-break:keep-all; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
#blan .b_code{ float:right; width:15%; text-align:center;}
#blan .b_code img{ max-width:100%; margin-bottom:5px;}

/* footer */
#footer{padding:10px;}
#footer .bcopy{ text-align:center; min-height:23px; line-height:23px;}

@media screen and (min-width:768px) {
	.container { width: 720px; }	
}

 #menu .navbar-toggle{}
 #menu .navbar-toggle span{ background:#fff;}
 #menu .btn-default{ float:right; width:20%;}
 #sidebar{ background:#333;height:100%;}
 /*#sidebar .left_list { height:300px; overflow-x:hidden; overflow-y:auto;}*/
 #sidebar .left_list { height:90%; overflow-x:hidden; overflow-y:auto;}
 #content .navbar-toggle{width:57px; height:40px; background:#fff url(../images/icon-more.png) center center no-repeat; background-size:25px; position:absolute; right:0px; top:0;}
 #content .navbar-toggle span{ background:#777777; width:30px; height:3px;}
  .row-offcanvas {
    position: relative;
    -webkit-transition: all 0.25s ease-out;
    -moz-transition: all 0.25s ease-out;
    transition: all 0.25s ease-out;
  }

  .row-offcanvas-right
  .sidebar-offcanvas {
    right: -50%; /* 6 columns */
  }

  .row-offcanvas-left
  .sidebar-offcanvas {
    left: -50%; /* 6 columns */
  }

  .row-offcanvas-right.active {
    right: 50%; /* 6 columns */
  }

  .row-offcanvas-left.active {
    left: 50%; /* 6 columns */
  }

  .sidebar-offcanvas {
    position: absolute;
    top: 0;
    width: 50%; /* 6 columns */
  }
  #footer{ background:none; padding:10px;}
  #footer .bcopy{text-align:center; width:auto;}
  a.b_top{
	position: fixed;
	bottom:20px;
	right: 20px;
	text-decoration: none;
	color: white;
	background-color: rgba(0, 0, 0, 0.3);
	font-size: 12px;
	padding: 1em;
	display: block;
	border:1px solid #fff;
	cursor:pointer;
}
a.b_top:hover{background-color: rgba(0, 0, 0, 0.6); color:#fff;}

/* notebook */
#A_GoMessage{ color: #E90314; margin: 23px auto 20px; width: 85%; }
#A_GoMessage > span{ background: url("../images/public.png") -430px -190px; background-size: 500px; display: inline-block; height: 20px; margin: 0 10px 0 0; vertical-align: -4px; width: 20px; }
#Div_Feedback{ display: -webkit-box; -webkit-box-align: center; -webkit-box-pack: center; font-size: 15px; }
#Div_Feedback > form{ background: #FFF; border-radius: 5px; color: #666; padding: 15px 17px; max-width: 445px; width: 95%; }
#Div_Feedback p{ margin: 0 0 3px; }
#Div_Feedback textarea{ border: 1px solid #CCC; border-radius: 2px; height: 50px; margin: 0 0 10px; padding: 3px 7px; }
@media(min-height: 360px)
{
    #Div_Feedback textarea{ height: 90px; }
}
#Div_Feedback textarea:focus{ border: 1px solid #18A7FE; }
#Div_Feedback input{ border-radius: 3px; height: 35px; }
#Div_Feedback input[type="text"]{ border: 1px solid #CCC; margin: 0 0 10px; padding: 0 7px; }
#Div_Feedback input:focus{ border: 1px solid #18A7FE; }
#Div_Feedback input::-webkit-input-placeholder{ font-size: 15px; }
#Div_Feedback img{ height: 35px; display: inline-block; margin: 0 0 0 10px; vertical-align: top; width: 60px; background: #777; }
#Inp_VerCode{ width: 70px; }
#INP_Submit{ background: #e5e5e5; color: #565656; display: block; margin: 5px 0 0; width: 100%; border: 1px solid #ccc;}

/*content*/
/*home_pro*/
#home_pro{ width:100%;margin-top:10px;}
#home_pro .home_pro_dh{ height:30px; line-height:30px; font-size:18px; margin:0 auto; text-align:center; padding-top:20px; color:#222;}
#home_pro .home_pro_dh span{ font-size:16px; color:#727272; display:block;}
#home_pro .home_pro_dh em{ background:#019443; height:2px; width:80px; display:block;margin:0 auto; margin-top:10px;}
#home_pro .home_pro_con {margin:0 auto; text-align:center; margin-top:80px;width:100%; position:relative;}
#home_pro .home_pro_con span{width:100px; height:32px; line-height:32px; background:#fff; border:2px solid #d3d3d3;cursor:pointer;display: inline-block; color:#888; font-size:20px; margin:0 10px;margin-bottom:20px; border-radius:20px; margin-top:20px;}
#home_pro .home_pro_con span:hover{ background:#009241; color:#fff;border:2px solid #009241;}
#home_pro .home_pro_list{ position:relative; width:100%; margin:0 auto; overflow:hidden;}
#home_pro .home_pro_list ul li {width:49%; display: inline-block; vertical-align:top; margin-bottom:10px; margin:0 5px;}
#home_pro .home_pro_list ul li.margin{ margin-left:0%;}
#home_pro .home_pro_list ul li img{ width:100%; height:auto;}
#home_pro .home_pro_list ul li span{ display:block; font-size:14px; line-height:20px; color:#222;position:static; width:98%;  background:none;border:0 none; margin:0; padding-top:10px; height:auto;}
#home_pro .home_pro_list ul li:hover span{ color:#009241; background:none;border:0 none;}

/*home_cases*/
#home_cases{ width:100%;margin-top:10px; background:url(../images/cases_bj.jpg) no-repeat center; height:500px;}
#home_cases .home_cases_dh{ height:30px; line-height:30px; font-size:18px; margin:0 auto; text-align:center; padding-top:35px; color:#fff;}
#home_cases .home_cases_dh span{ font-size:16px; color:#fff; display:block;}
#home_cases .home_cases_dh em{ background:#fff; height:2px; width:80px; display:block;margin:0 auto; margin-top:10px;}
#home_cases .home_cases_con { margin:0 auto; text-align:center; margin-top:90px; width:100%; position:relative;}
#home_cases .home_cases_con span{ position: absolute; width:26px; height:44px; cursor:pointer; top:50%; z-index:9;}
#home_cases .home_cases_con span.left{ left:0px; background:url(../images/left_icon.png) no-repeat; background-size:50%;}
#home_cases .home_cases_con span.right{ right:-15px; background:url(../images/right_icon.png) no-repeat;background-size:50%;}
#home_cases .home_cases_list{ position:relative; width:90%; margin:0 auto; overflow:hidden;}
#home_cases .home_cases_list ul li { width:100%; display: inline-block;vertical-align:top; margin-bottom:35px;}
#home_cases .home_cases_list ul li.margin{ margin-left:0%;}
#home_cases .home_cases_list ul li img{ width:90%; height:auto;}
#home_cases .home_cases_list ul li span{ display:block; width:90%;font-size:16px; line-height:30px; padding:20px 0 50px 0; color:#222; background:#fff; position:static; margin:0 auto; text-align:center;}
#home_cases .home_cases_list ul li:hover span{ color:#009241;}

/*home_news*/
#home_news{ width:100%;margin-top:10px; padding-bottom:20px;}
#home_news .home_news_dh{ height:30px; line-height:30px; font-size:18px; margin:0 auto; text-align:center; padding-top:15px; color:#222;}
#home_news .home_news_dh span{ font-size:16px; color:#727272; display:block;}
#home_news .home_news_dh em{ background:#019443; height:2px; width:80px; display:block;margin:0 auto; margin-top:10px;}
#home_news .home_news_con {margin:0 auto; text-align:center; margin-top:80px;}
#home_news .home_news_con .l{width:100%; margin-bottom:30px;}
#home_news .home_news_con .l img{width:100%; height:auto;object-fit:cover; padding-bottom:15px;}
#home_news .home_news_con .l span{ font-size:16px; color:#222; display:block; padding:10x 0; text-align:left;}
#home_news .home_news_con .l span:hover{ color:#019443;}
#home_news .home_news_con .l p{color:#707070;text-align:left;}
#home_news .home_news_con .r{text-align:left; width:100%;}
#home_news .home_news_con .r ul li { width:100%; margin-bottom:18px; text-align:left;}
#home_news .home_news_con .r ul li .news_date{ width:85px; height:80px; margin-right:15px; background:#f2f2f2; float:left; text-align:center;}
#home_news .home_news_con .r ul li .news_date em{ font-size:20px; color:#454545; padding-top:15px; display:block;}
#home_news .home_news_con .r ul li .news_date p{ font-size:14px; color:#454545;text-align:center;}
#home_news .home_news_con .r ul li span{ display:block; font-size:16px; line-height:22px; padding-bottom:5px; color:#222; text-align:left;word-break:keep-all; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
#home_news .home_news_con .r ul li span:hover{ color:#019443;}
#home_news .home_news_con .r ul li p{ line-height:26px; margin:0 auto; text-align: left; color:#5e5e5e;overflow: hidden;text-overflow: ellipsis;display: box;display: -webkit-box;line-clamp: 2;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}