@charset "utf-8";
/* Logo 字体 */
@font-face {
  font-family: "iconfont"; /* Project id  */
  src: url('iconfont.ttf?t=1623222514007') format('truetype');
}

.iconfont {
  font-family: "iconfont" !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* --- 初始化 --- */
*{margin:0; padding:0; box-sizing: border-box; outline:0; zoom:1;}
body {margin: 0; line-height:1;}
html { background: #fff;-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%; text-rendering: optimizelegibility; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased;}
body, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td, hr, button, article, aside, details, figcaption, figure, footer, header, menu, nav, section {margin: 0;padding: 0;}
article, aside, details, figcaption, figure, footer, header, menu, nav, section {display: block;}
audio, canvas, video {display: inline-block;}
button::-moz-focus-inner,input::-moz-focus-inner {padding: 0; border: 0;}
fieldset, img {border: 0;}
address, caption, cite, code, dfn, em, th, var {font-style: normal; font-weight: 400;}
ul, ol {list-style: none;}
a { text-decoration:none; outline:none; background-color: transparent; -webkit-text-decoration-skip: objects;}
a:active,a:hover { outline-width: 0;}
strong, b {font-weight: bold; color: #000;}
img {border-style: none;vertical-align:middle;-ms-interpolation-mode:bicubic;-webkit-touch-callout:none;max-width:100%;}
li{list-style-type:none;}
i{font-style:normal;}
span{display:block;}
.clear{clear:both;}
em,i,p,span{line-height:100%;}
.icon{font-family:iconfont;}
input{-webkit-user-select:text !important;}
button,input,optgroup,select,textarea {font-size: 100%; /* 1 */line-height: 1.15; /* 1 */margin: 0; /* 2 */outline:none;}
button,input { /* 1 */ overflow: visible;}
button,select { /* 1 */text-transform: none;}
button,html [type="button"], /* 1 */[type="reset"],[type="submit"] {-webkit-appearance: button; /* 2 */}
button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner { border-style: none; padding: 0;}
button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring { outline: 1px dotted ButtonText;}
textarea {overflow: auto;}
[type="checkbox"],[type="radio"] {box-sizing: border-box; /* 1 */padding: 0; /* 2 */}

/* ---  字体 --- */

/* html / body  */
html,body{font-size:14px; }
body, button, input, select, textarea {font: 400 1em/1.8 Microsoft Yahei;
	font-family: Microsoft Yahei;}

/* H1 - H6 */
h1, h2, h3, h4, h5, h6 {font-family: Microsoft Yahei;font-weight: 400; color: #000;line-height: 1;}

/* --- 颜色 --- */

/* html,body  */
html,body{color:#333;}

 
/* a - 默认 */
a{color:#333;}
a:hover{color:#3584B8;}

.fl{float: left;}
.mr-10{margin-right: 10px;}
.flex{display: -webkit-flex;display: flex;flex-wrap: wrap;}

@media (min-width:1200px) {
	.pdlr-20{padding:0 20px;}
	.pdtb-20{padding:20px 0;}
	.page_header{width:100%;float: left; margin-bottom: 0px;background:#fff;height:120px;}
	.box{width: 100%;float:left;}
	.box-cnt{width: 1200px;margin:0 auto;}
	.page_header .logo{width: 400px;float: left;}
	.page_header .top_r{width: 500px;line-height: 40px;margin-left: 300px;float: left; padding: 20px 0;}
	.top_r .website{float: left;margin-right:10px;}
	.top_r .website i{margin-right:10px;}
	.top_r .search button{ position: absolute; margin:12px 10px;border: none;background: none;}
	.top_r .search input{ text-indent: 40px; height: 40px; border:1px #ccc solid; width: 200px; }
	.top_r .furen a{margin:0 10px;}
	.navbar-header{display: none;}
	nav{width: 100%;float: left; height: 50px; border-top:1px #DBDBDB solid;border-bottom:3px #3E9254 solid;background:#fff;}
	nav li{/*padding:0 40px;*/float: left;line-height: 49px; font-size:16px; /*font-weight:bold;*/width: 14.28%;text-align:center;}
	nav li i{display:none;}
	nav li.active,nav li:hover{background-color: #3584B8; color: #fff;}
	nav li.active a,nav li:hover a{color: #fff;}
	nav .submenu{display:none;width: 100%;background-color: #fff;float: left;opacity: 0.6;position: absolute;left: 0;z-index: 9999;}
	nav .submenu li{background:none;}
	nav .submenu li a{color: #000;}
	nav .submenu li.active,nav .submenu li:hover{background: none; color: #3584B8;}
	nav .submenu li:hover a{color: #000;}
	nav .submenu li i{display:inherit;color: #3584B8;}
	nav .submenu li.active a i,nav .submenu li:hover a i{color: #3E9254;}
	nav .submenu li.active a,nav .submenu li.active a:hover,nav .submenu li a:hover,nav .submenu li:hover a:hover{color: #3584B8;}
	.banner{width: 100%;float: left;overflow: hidden;border-bottom:3px #0165A3 solid;}
	.banner img{width: 100%;}
	.banner .ranbtn1{width:220px;height:52px;position: absolute;z-index: 998;right: -20px;margin-top:210px;}
	.banner .ranbtn2{width:220px;height:52px;position: absolute;z-index: 998;right: -20px;margin-top:260px;}
	.banner .ran{width: 160px;height: 152px;position: absolute;z-index: 999;right: -50px;margin-top:170px;}
	.banner_m{display:none;}
	.layui-carousel-ind {top: -100px !important;}
	.listbanner{width: 100%;float: left;overflow: hidden;height: 400px;}
	.listbanner .bannerpic{width: 100%;height: 400px;float: left;position: relative;}
	.listbanner .mask{
		width: 100%;
		height: 400px;
		position: absolute;
		background-color: #000;
		filter:alpha(opacity=30);
	    opacity:0.3;
	}
	.listbanner .listname{
		width: 100%;
		height: 400px;
		font-size:24px;
		position: absolute;
		font-weight:bold;
		filter:alpha(opacity=100);
	    opacity:1;
	    color: #fff;
	    text-align: center;
	}
	.listbanner .listname p{
		margin-top:176px;
		line-height: 30px;
	}
	.news_nav{width: 400px;
	    border-radius: 25px 25px 0 0;
	    height: 80px;
	    margin-left: 400px !important;
	    margin-top: -50px !important;
	    background: #fff;
	    z-index: 9999;
	    position: absolute;
	}
    .layui-tab-title {
	    padding: 10px 20px;
	    height:60px !important;
	}
	.layui-tab-title, .layui-tab-title .layui-this:after, .layui-textarea{
		border-color: #fff !important;
	}
	.layui-tab-title li {
		line-height: 40px;
	}
	.layui-tab-title .layui-this {
	    color: #fff !important;
	    border: 0 !important;
	    background: #3584B8;
	    border-radius: 25px;
	}
	.layui-tab-title li {
	    width: 33.33%
	}
	.index_news{
		display: flex;
		flex-wrap: wrap;
	}
	.index_news_left{
		flex: 0 0 50%;
	    max-width: 50%;
	    padding-right: 30px;
	    position: relative;
	    min-height: 1px;
		
		
	}
	.index_news_left ul{
		padding: 20px 0 20px 30px;
		width: 100%;
		float: left;
		border-top: 1px #EEEEEE solid;
		border-bottom: 1px #EEEEEE solid;
	}
	.index_news_right_m{display: none;}
	.index_news_right{
		flex: 0 0 50%;
	    max-width: 50%;
	    padding-left: 30px;
	    position: relative;
	    min-height: 1px;
	}	
	.index_news_left li {
		list-style-type:disc;
		color: #034FB1;
		font-size: 16px;
		float: left;
		width: 100%;
	}
	.index_news_left li:first-child,.index_news_left li:nth-child(2),.index_news_left li:nth-child(3) {
		margin-bottom:20px;
	}
	.index_news_left li .newsbox{
		width: 80%;
		float: left;
	}
	.index_news_left li .title{
		width: 100%;
		float: left;
		white-space:nowrap;
		overflow:hidden;
		text-overflow:ellipsis;
		font-size: 16px;

	}
	.index_news_left li .desc{
		padding: 20px 0;
		width: 100%;
		line-height: 25px;
		color: #999;
		font-size: 16px;
		float: left;
		word-break: break-all;
		text-overflow: ellipsis;
		overflow: hidden;
		display: -webkit-box;
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical;
		max-height: 70px;
	}
	.index_news_left li .time{
		width: 20%;
		float: left;
		text-align: right;
		color: #999;
		font-size: 14px;
	}
	.index_news_left li .time .day{
		font-size:30px;
	}
	.index_news_left .newmore{
		margin-top:30px;
		width: 100%;
		float: left;
	}
	.index_news_left .newmore .line{
		width: 85%;
		float: left;
		height:30px;
		padding: 13px 0;
	}
	.index_news_left .newmore .line .lineg{
		width: 70%;
		height:4px;
		background-color: #4C975E;
		float: left;
	}
	.index_news_left .newmore .line .lineb{
		width: 30%;
		height:4px;
		background-color: #0067A9;
		float: left;
	}
	.index_news_left .newmore .mores{
		width: 15%;
		float: left;
		font-size:24px;
		line-height: 30px;
		text-align: right;
		color: #0067A9;
	}
	.index_news_left li .time .img{
		margin-top:10px;
	}
	.index_news_right .newstop{
		width: 100%;
		float: left;
	}
	.index_news_right .newstop .pic{
		height:347px;
		width: 100%;
		float: left;
		overflow: hidden;
	}
	.index_news_right .newstop .pic img{
		width: 100%;
		float: left;
	}
	.index_news_right .newstop .newdesc{
		padding: 20px;
		background-color: #3584B8;
	    color: #fff;
	    height: 160px;
	    width: 100%;
	    float: left;
	    font-size:16px;
	}
	.index_news_right .newstop .newdesc .time{
		width: 15%;
		float: left;
		height:100%;
		text-align: right;
		padding: 10px 0;
	}
	.index_news_right .newstop .newdesc .time .day{
		font-size:26px;
	}
	.index_news_right .newstop .newdesc .cnt{
		margin-left: 5%;
		width: 80%;
		float: left;
		height:100%;
		text-align: right;
	}
	.index_news_right .newstop .newdesc .cnt .title{
		width: 100%;
		line-height: 40px;
		border-bottom: 1px #fff solid;
		text-align: left;
		font-size:18px;
		white-space:nowrap;
		overflow:hidden;
		text-overflow:ellipsis;
	}

	.index_news_right .newstop .newdesc .cnt .desc{
		width: 100%;
		line-height: 20px;
		height:40px;
		font-size:16px;
		word-break: break-all;
		text-overflow: ellipsis;
		overflow: hidden;
		display: -webkit-box;
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical;
		max-height: 60px;
		text-align: left;
    	margin-top: 20px;
	}
	.index_cnt{
		display: flex;
		flex-wrap: wrap;
	}
	.index_cnt .index_left{
		flex: 0 0 50%;
	    max-width: 50%;
	    padding-right: 30px;
	    position: relative;
	    min-height: 1px;
	}
	.index_cnt .index_right{
		flex: 0 0 50%;
	    max-width: 50%;
	    padding-left: 30px;
	    position: relative;
	    min-height: 1px;
	}
	.index_title{
		width: 100%;
		float: left;
	}
	.index_title .title{
		font-size:24px;
		font-weight:bold;
		line-height: 40px;
		float: left;
	}
	.index_title .title_en{
		margin-left: 20px;
		font-size:16px;
		line-height: 40px;
		color: #3584B8;
		float: left;
	}
	.index_title .title_en i{
		color: #4EA15D;
	}
	.index_title .title_cls{
		margin-left: 20px;
		float: left;
	}
	.index_title .title_cls a{
		margin-top: 5px;
		display:block;
		color: #3584B8;
		float: left;
		margin-left: 0px;
		padding: 2px 5px;
	}
	.index_title .title_cls a.active{
		 background-color: #3584B8;
		 color: #fff;
	}
	.index_title .title_more{
		margin-left: 20px;
		float: right;
	}
	.index_title .title_more .more,.more{
		margin:10px 0 0 0;
		border-left: 5px #449C59 solid;
		background-color: #3584B8;
		color: #fff;
		padding: 0px 5px;
	}
	.index_title_line{
		width: 100%;
		height:5px;
		border-top:1px #333 dotted; 
		border-bottom: 1px #333 dotted; 
		float: left;
	}
	.index_title_line .line{
		width: 150px;
		height:5px;
		background-color: #3584B8;
		float: left;
		position: absolute;
    	margin-top: -1px;
	}

	.index_case,.index_video{
		display: flex;
		flex-wrap: wrap;
		width:100%;
		overflow: hidden;
		padding: 20px 0;
	}
	.index_case li{
		flex: 0 0 50%;
	    max-width: 50%;
	    position: relative;
	    float: left;
	    background-color: #FCFCFC;
	}

	.index_case li:nth-child(2n){
		padding-left: 10px;
	}
	.index_case li .pic{
		width:100%;
		height:190px;
		overflow: hidden;
		float: left;
	}
	.index_case li .pic img{
		width:100%;
		height:190px;
	}
	.index_case li .desc{
		width:100%;
		float: left;
		padding: 10px 0;
		text-align: center;
		color: #999;
	}
	.index_case li .desc .title{
		height:40px;
		line-height: 40px;
		color: #333;
		font-size:16px;
		font-weight:bold;
	}

	.index_case li .desc p{
		line-height: 20px;
		white-space: pre-line;
	}
	.index_video .video{
		width:100%;
		height:290px;
		overflow: hidden;
		float: left;
	}
	.index_video .video_play{
		display: none;
	}
	.index_video .video i{
		position: absolute;
	    font-size: 50px;
	    color: #fff;
	    margin-top: 120px;
	    margin-left: 260px;
	}
	    
	.index_video .desc{
		width:100%;
		height:40px;
		line-height: 40px;
		float: left;
		white-space:nowrap;
		overflow:hidden;
		text-overflow:ellipsis;
		background-color: #FCFCFC;
		padding: 0 20px;
	}
	
	.jrfz{
		width:100%;
		padding: 20px 0;
		float: left;
	}
	.jrfz .jrfzone{
		display:none;
	}
	.jrfz .active{
		display:block;
	}
	.index_qywh{
		padding: 20px 0;
	}
	.qywh{
		flex: 0 0 33.33%;
	    max-width: 33.33%;
	    position: relative;
	    padding-left: 10px;
	    padding-right: 10px;
	}
	.qywh .cnt{
		width:100%;
		border:1px #EEEEEE solid;
		float: left;
	}
	.qywh .pic{width:100%;float: left;}
	.qywh .pic img{width:100%; height:auto;}
	.qywh .desc{width:100%;padding: 20px;float: left;line-height: 25px;min-height:140px;}
	.qywh .mores{width:100%;float: left;padding: 20px;}
	.qywh .mores .more{float: right;}

	footer{
		margin-top: 40px;
		padding: 40px 0 20px;
		width:100%;
		float: left;
		background-color: #F8F8F8;
		border-bottom: 2px #0564A4 solid;
	}
	footer img{
		max-width: 100%;
	}
	footer .footer_logo{
		flex: 0 0 40%;
	    max-width: 40%;
	    position: relative;
	}
	footer .footer_logo .logo{
		width:100%;
		float: left;
	}
	footer .footer_logo .link{
		width:100%;
		margin-top: 10px;
		float: left;
	}
	footer .link_m{display: none;}
	footer .footer_cnt{
		padding-top: 20px;
		flex: 0 0 40%;
	    max-width: 40%;
	    position: relative;
	}
	footer .footer_cnt p{
		line-height: 25px;
		width:100%;
		float: left;
	}

	footer .footer_code{
		flex: 0 0 20%;
	    max-width: 20%;
	    position: relative;
	    text-align: right;
	}
	footer .footer_code img{
		max-height: 137px;

	}
	.fn_left { float: left; }
	.fn_right { float: right; }
	.wzwz{width:100%;padding: 20px 0; border-bottom: #eef0f1 1px solid;}
	.wzwz_m{display: none;}
	.wzwz .wz_left{float: left;}
	.wzwz .wz_right{float: right;}
	.wzwz .wz_right a { margin: 0 15px; padding-bottom: 10px; }
	.wzwz .wz_right a:hover, .wzwz .wz_right a.active { border-bottom: #3584B8 2px solid; color: #3584B8; }

	/*新闻资讯*/
	.nyxw ul li {width:100%; float: left; display: block; padding: 20px 0; border-bottom: #E4E4E4 1px dashed; }
	.nyxw ul li a { display: block; }
	.nyxw ul li a .nxwimg { width: 340px; height: 233px; overflow: hidden; }
	.nyxw ul li a .nxwimg img { width: 100%; transition: all 0.5s; }
	.nyxw ul li a .nxjj { width: 808px; }
	.nyxw ul li a .nxjj h4 { font-size: 20px; font-weight: normal; color: #222; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
	.nyxw ul li a .nxjj span { display: block; margin-bottom: 20px; color: #999; font-size: 15px; line-height: 30px;}
	.nyxw ul li a .nxjj p { line-height: 24px; }
	.nyxw ul li a .nxjj .xmore { margin-top: 15px; border: #3584B8 1px solid; border-radius: 5px; color: #3584B8; display: inline-block; padding: 5px 15px; }
	.nyxw ul li:hover img { transform: scale(1.08); }
	.nyxw ul li a:hover .xmore { background: #3584B8; color: #fff; transition: all 0.5s; }

	
	.xwxql {width: 1190px;line-height: 25px; min-height: 500px;  padding:50px 20px 30px 20px; }
	.xwxql .title { text-align: center; display: block; line-height: 50px; font-size: 20px; color: #222; font-weight: normal; }
	.xwxql .desc { display: block; text-align: center; margin-bottom: 50px; }
	.xwxql .content{width:100%;float: left;}
	.xwxql .content img{max-width: 100%;}
	.xwxql p {/*text-indent: 2em;*/ line-height: 25px; margin:0;}
	#share { margin: 30px 0 0 0; }
	#share span { margin-bottom: 0 !important; }
	.xwxql #xwlist { margin-top: 30px; }
	.xwxql #xwlist p { text-indent: 0 !important; color: #999;}
	.xwxql #xwlist p a:hover { color: #666; text-decoration: underline; }
	.brand{padding-top: 50px;}
	.brand .layui-tab-title{margin-left:360px;}
	.brand .layui-tab-title li{
		border:1px #F5F5F5 solid;
		background-color: #F5F5F5;
		font-size:16px;
		font-weight:bold;
	}
	.brand .layui-tab-title li:first-child{margin-right:20px;}
	.brand .layui-tab-title .layui-this {
		color: #fff !important;
		background: #3584B8;
		border-radius: unset;
	}
	.brand  .brandcnt{
		margin-top:30px;
		display: flex;
		flex-wrap: wrap;
		border: 1px #eee solid;
		padding: 10px 0;
	}
	.brand .brandcnt .brand_left,.brand .brandcnt .brand_right{
		flex: 0 0 50%;
	    max-width: 50%;
	    padding-left: 10px;
	    padding-right: 10px;
	    position: relative;
	    min-height: 1px;
	}
	.brand .brandcnt .brand_left img{
		width:100%;
	}
	.brand .brandcnt .brand_right .title{
		width:100%;
		float: left;
		color: #B98D62;
		font-size:20px;
		height: 40px;
		line-height: 40px;
	}
	.brand .brandcnt .brand_right .desc{
		width:100%;
		float: left;
		line-height: 25px;
	}
	.brand .brandcnt .brand_right .desc p{
		width:100%;
		margin-bottom:20px;
		float: left;
		line-height: 25px;
	}

	.brand .brandcnt .brand_right .desc .more{
		float: right;
		padding: 5px 10px;
		border-left: unset;
		margin-right: 20px;
	}

	.ttt {
	    text-align: center;
	    font-size: 30px;
	    margin: 50px auto 30px;
	}
	.hr {
	    width: 60px;
	    margin: 0 auto 85px;
	    height: 3px;
	    background: #3584B8;
	    border-radius: 3px;
	}
	.hr2 {
	    width: 60px;
	    margin: 0 auto 30px;
	    height: 3px;
	    background: #3584B8;
	    border-radius: 3px;
	}
	.tcnt{
		text-align: center;
		width:600px;
	    margin: 0px auto 30px;
	}

	.xl{
		font-size: 16px;
	    text-align: center;
	    color: #939393;
	    width: 100%;
	    margin: 0 auto;
	    line-height: 60px;
	    display: flex;
	    flex-wrap: wrap;
	    justify-content: center;
	}
	.xl a{
		margin:0 20px;
	}
	.xl a:hover,.xl .active{
		color: #3584B8;
		border-bottom: 2px #3584B8 solid;
	}

	.list{
		width: 100%;
		display: flex;
		justify-content: space-between;
		margin-top: 75px;
		flex-wrap:wrap;
		text-align: center;
		font-size: 16px;
	}
	.list li{
		width: 32.5%;
		height: 240px;
		margin-bottom: 15px;
		overflow: hidden;
		cursor: pointer;
		float: left;
	}

	.list img{
		width: 100%;
		height: 100%;
		display: block;
		-webkit-transform: scale(1);
	    transform: scale(1);
	    -webkit-transition: all 1s ease-out;
	    transition: all 1s ease-out;
	}
	.list .title{
		width: 100%;
	    background: #333333bf;
	    color: #FFF;
	    margin-top: -50px;
	    z-index: 2;
	    position: relative;
	    height: 50px;
	    line-height: 50px;
	}
	.list li:hover img{
		transform: scale(1.1);
	}

	ul.pagelist {text-align: center; height: auto; width: 100%; margin: 75px auto;float: left; }
	ul.pagelist li { padding: 0; margin: 0; display: inline-block; margin-right: 4px; line-height: 34px; height: auto; width: auto; border: none; background: none; }
	ul.pagelist a, .pagelist .pageinfo {border: 1px solid #eee;padding: 8px 14px;font-size: 14px;_padding: 5px 10px;font-weight: normal;overflow: hidden;overflow: hidden;height: auto;width: auto;}
	ul.pagelist a:hover, .pagelist .thisclass a, .pagelist .active { background: #3584B8; border-color: #3584B8; color: #fff; }
	.pagelist .active a{
		color: #FFF;
	}

	.lx{
		width: 1200px;
		margin: 40px auto 70px;
	}

	.hz{
		width: 1200px;
		margin: 0 auto;
	}
	.hz .fl{
		width: 600px;
		float: left;
	}
	.hz .fl .d1{
		font-size: 32px;
		font-weight: bold;
		line-height: 32px;
		margin-bottom: 35px;
	}
	.hz .fl .d2{
		font-size: 21px;
		line-height: 21px;
		font-weight: bold;
		margin-bottom: 17px;
	}
	.hz .fl .d3{
		font-size: 18px;
		line-height: 18px;
		color: #676966;
		margin-bottom: 47px;
	}
	.hz .fl .d4{
		height: 5px;
		width: 100px;
		background: #3584B8;
		position: relative;
		z-index: 2;
	}
	.hz .fl .d5{
		height: 1px;
		width: 100%;
		background: #eee;
		margin-top:-3px;
		position: relative;
		z-index: 1;
		margin-bottom: 40px;
	}
	.hz .fl .d6{
		display: flex;
		justify-content: space-between;
		flex-wrap: wrap;
	}
	.hz .dd{
		width: 46%;
		line-height: 25px;
		margin-bottom: 30px;
		color: #8A898E;
	}
	.hz .dd span{
		font-size: 20px;
		color: #000;
	}
	.hz .dd img{
		width: 60px;
		vertical-align: middle;
		display: inline-block;
		margin-right: 5px;
	}
	.hz .dd div{
		vertical-align: middle;
		display: inline-block;
		max-width: 200px;
	}

	.hz .fr{
		float: right;
		width: 550px;
		background: #F5F5F5;
	}
	.hz .fr .hzt{
		font-size: 20px;
		font-weight: bold;
		margin-top:55px;
		text-align: center;
		width: 100%;
	}
	.hz .fr .hr{
		margin: 20px auto;
	}
	.hz .fr form{
		width: 470px;
		margin: 35px auto;
	}
	.hz .ipt{
		display: flex;
		justify-content: space-between;
		flex-wrap: wrap;
	}
	.hz form input{
		width: 200px;
		display: inline-block;
		padding:15px 10px;
		margin-bottom: 20px;
		border: 1px solid #DEDEDE;
		color: #9C9C9C;
	}
	.hz textarea{
		width: 100%;
		border: 1px solid #DEDEDE;
		color: #9C9C9C;
		padding:10px;
		height: 110px;
	}
	.hz .btn{
		padding:10px 60px;
		color: #FFF;
		background: #3584B8;
		border-radius: 10px;
		margin:25px auto 0;
		display: block;
	}

	.lxclear{
		clear: both;
		margin-bottom: 75px;
	}

	.div5{
		background: #f5f5f5;
		width: 100%;
		text-align: center;
		padding: 70px 0;
	}
	.div5 .dt1,.div8 .dt1,.div10 .dt1,.div11 .dt1{
		font-size: 28px;
	}
	.div5 .dt2,.div8 .dt2,.div10 .dt2,.div11 .dt2{
		margin:20px auto 15px;
		width: 60px;
		border-bottom: 3px solid #3584B8;
	}
	.div5 .dt3,.div8 .dt3,.div11 .dt3{
		font-size: 20px;
		color: #999999;
	}
	.div5 .dd{
		display: flex;
		width: 1200px;
		margin:0 auto 60px;
		text-align: center;
		justify-content: space-between;
		flex-wrap: wrap;
		padding-top: 66px;
	}
	.div5 .dd div{
		width:280px;
		background: #FFF;
		box-shadow: 1px 1px 20px 0px #e0e0e0;
	}
	.div5 img{
		display: block;
		width: 100%;
		height: 175px;
		margin:0 auto;
	}
	.div5 .p1{
		margin:40px auto 25px;
		font-size: 19px;
	}
	.div5 .p2{
		font-size: 16px;
		color: #989898;
		width:220px;
		margin:0 auto 50px;
		text-align: left;
		line-height: 27px;
	}
	.div5 .zx{
		padding: 15px 68px;
		background: #2F69B3;
		color: #FFF;
		font-size: 18px;
		margin:53px auto 44px;
		border-radius: 5px;
	}
	
	.div8,.div10,.div11{
		padding: 60px 0;
		width: 1200px;
		text-align: center;
		margin:0 auto;
	}
	.div8 .dt{
		font-size: 30px;
		margin:125px auto 60px;
	}
	.div8 .dd{
		padding-top: 66px;
		display: flex;
		justify-content: space-between;
		flex-wrap: wrap;
		width: 100%;
	}
	.div8 .dd div{
		width: 224px;
	}
	.div8 .dd img{
		width: 100%;
		height: 216px;
		display: block;
	}
	.div8 .dd span{
		display: block;
		color: #FFF;
		background: #ADADAD;
		padding:15px 0;
		font-size: 28px;
	}

	.div9{
		margin-top: 50px;
		background: url(../images/ysbg.jpg) no-repeat center;
		padding: 130px 0 115px;
	}
	.div9 .dt1{
		font-size:30px;
		margin-bottom: 20px;
		color:#fff;
		text-align: center;
	}
	.div9 .dt2{
		font-size: 17px;
		text-align: center;
		color: #FFF;
		margin-bottom: 20px;
	}
	.div9 .dt3{
		width: 60px;
		margin:0 auto;
		border-bottom: 3px solid #3584B8;
	}
	.div9 .dd{
		display: flex;
		justify-content: space-between;
		flex-wrap: wrap;
		width: 1200px;
		margin:0 auto;
	}
	.div9 .dd .d1,.div9 .dd .d2,.div9 .dd .d3,.div9 .dd .d4,.div9 .dd .d5,.div9 .dd .d6{
		width: 360px;
		margin-top:55px;
	}
	.div9 .dd img{
		display: inline-block;
		width: 60px;
	}
	.div9 .dd .fr{
		margin-left: 40px;
		width: 253px;
		display: inline-block;
		color: #FFF;
		vertical-align: top;
	}
	.div9 .p1{
		font-size: 20px;
		font-weight: bold;
	}
	.div9 .p2{
		margin-top:15px;
	}

	.div9 .d4{margin-left: 180px;}
	.div9 .d5{margin-right: 180px;}
	
	.div10 .d1{width:100%;}
	.div10 .d1 img{width:100%;}

	.div11 .d1{
		width:100%;
		padding-top: 100px;
		display: flex;
		flex-wrap: wrap;
	}
	.div11 .d1 .fl{
		flex: 0 0 50%;
	    max-width: 50%;
	    padding-right: 5%;
	    position: relative;
	}
	.div11 .d1 .fr{
		flex: 0 0 50%;
	    max-width: 50%;
	    padding-left: 5%;
	    position: relative;
	}
	.div11 .d1 .fr ul.mfields {
	    float: left;
	    width:100%;
	    text-align: center;
	}
	.div11 .d1 .fr ul.mfields li {
	    margin-top: 10px;
	    margin-bottom: 10px;
	    float: left;
	    width: 100%;
	    font-family: '微软雅黑';
	    float: left;
	    margin: 7px 0;
	}
	.div11 .d1 .fr ul.mfields .title {
	    padding: 10px 0;
	    line-height: 1.5;
	    color: #5a5a5a;
	    float: left;
	}
	.div11 .d1 .fr ul.mfields .inptext {
	    width: 100%;
	    display: inline-block;
	    padding: 6px 10px;
	    margin-bottom: 0px;
	    border: 1px solid #DEDEDE;
	    color: #9C9C9C;
	}
	.div11 .d1 .fr ul.mfields textarea {
	    width: 100%;
	    border: 1px solid #DEDEDE;
	    color: #9C9C9C;
	    padding: 10px;
	    height: 110px;
	}

	.div11 .d1 .fr ul.mfields .btnsubmit {
	    padding: 10px 0px;
	    width:100%;
	    color: #FFF;
	    background: #3584B8;
	    border-radius: 0px;
	    margin: 25px auto 0;
	    display: block;
	    float: left;
	    border:none;
	}

	.respons ul li {
	    background: #b1e0fa;
	    text-align: center;
	    float: left;
	    margin: 10px;
	    box-shadow: 0px 0px 4px 1px #9b9b9b;
	    width: 280px;
	    transition: all .5s;
	}

	.respons ul li .ovh {
	    padding: 20px;
	    transition: all .5s;
	    max-height: 290px;
	    margin-bottom: 20px;
	    overflow: hidden;
	}
	.respons ul li .ovh img {
	    transition: all .5s;
	    width: 100%;
	}
	.respons ul li h2 {
	    font-size: 18px;
	    margin-bottom: 20px;
	    color: #333333;
	    min-height: 40px;
	}
	.respons ul li:hover{background: #3584B8;}

	.respons ul li:hover h2{color: #fff;}

	.respons ul li:hover .ovh{padding: 0px 0px 20px 0px;}

	.respons ul li:hover .ovh img{width: 100%;}


	.project_case{
		width:100%;
		margin: 30px 0 50px;
    	float: left;
	}
	.project_case .mask{
		width: 100%;
	    height: 100%;
	    position: absolute;
	    background-color: #000;
	    filter: alpha(opacity=60);
	    opacity: 0.6;
	}
	.project_case .casename{
		padding: 10px 50px;
		color: #fff;
		border:1px #fff solid;
		position: absolute;
	    left:50%;
	    top:50%;
	    transform: translate(-50%, -50%);
	}
	.project_case img{width: 100%;height: 325px;}
	.project_case .caseone{
		width:790px;
		float: left;
		position: relative;
	}

	.project_case .casetow{
		width:390px;
		float: left;
		position: relative;
	}
	.project_case .casethree{
		width:590px;
		float: left;
		position: relative;
	}
	.ml20{
		margin-left:20px;
	}
	.project_case div{margin-bottom:20px;}
	.qganlist{
		width:100%;
		margin:30px 0;
		float: left;
	}
	.qganlist img{
		width:100%;
	}
	.hzhb{
		background-color: #F8F8F8;
		margin-bottom:50px;
	}
	.hzhb .hzhblist{ 
		width:100%;
		display: flex;
		flex-wrap: wrap;
		margin-bottom:30px;
		float: left;
	}
	.hzhbone{
		flex: 0 0 170px;
	    max-width: 170px;
	    float: left;
	    margin:0px 15px 30px;
	}
	.joinus{
		margin:50px 0; 
		width:100%;
		float: left;
	}
	.joinus .left{
		width:430px;
		height:500px;
		float: left;
		background-color: #F8F8F8;
		position: relative;
		overflow: hidden;
	}
	.joinus .left .pic{
		width:100%;
		height: 280px;
		float: left;
		overflow: hidden;
	}
	.joinus .left .pic img{
		width:100%;
		height: 100%;
	}

	.joinus .left .desc{
		width:100%;
		float: left;
		padding:20px;
		position: relative;
	}
	.joinus .left .desc .title,.joinus .right2 .desc .title{
		width:100%;
		float: left;
		font-size: 24px;
	    font-family: 微软雅黑;
	    color: #3584B8;
	}
	.joinus .left .desc p,.joinus .right2 .desc p{
		margin:10px 0;
		width:100%;
		float: left;
		font-size: 14px;
    	line-height: 150%;
    	color: #999;
	}
	.joinus .left  a.more,.joinus .right2  a.more{
		padding:5px 10px;
		float: right;
		background: none;
		border:1px #3584B8 solid;
		color: #3584B8;
		position: absolute;
	    bottom: 20px;
	    margin-left: -100px;
	}
	.joinus .left  a.more:hover,.joinus .right2  a.more:hover{
		background-color: #3584B8;
		color: #fff;
	}

	.joinus .right{
		margin-left: 30px;
		width:740px;
		float: left;
		overflow: hidden;
	}
	.joinus .right .desc{
		padding:20px;
		width:346px;
		height: 281px;
		float: left;
		background-color: #3584B8;
		color: #fff;
		position: relative;
	}
	.joinus .right .pic{
		width:393px;
		height: 281px;
		float: left;
		overflow: hidden;
	}
	.joinus .right .pic img{
		width:100%;
	}
	.joinus .right2{
		margin:35px 0 0 30px;
		width:740px;
		float: left;
		overflow: hidden;
		background-color: #F8F8F8;
	}
	.joinus .right2 .desc{
		padding:20px;
		width:375px;
		height: 183px;
		float: left;
		position: relative;
	}

	.joinus .right2 .pic{
		width:346px;
		height: 183px;
		float: left;
		overflow: hidden;
	}
	.joinus .right2 .pic img{
		width:100%;
	}

	.joinus .right .desc .title{
		width:100%;
		float: left;
		font-size: 24px;
	    font-family: 微软雅黑;
	    color: #fff;
	    border-bottom: 1px #fff solid;
	    padding-bottom: 10px;
	}
	.joinus .right .desc p{
		margin:10px 0;
		width:100%;
		float: left;
		font-size: 14px;
    	line-height: 150%;
    	color: #fff;
	}
	.joinus .right .desc a.more{
		padding:5px 10px;
		float: right;
		background: none;
		border:1px #fff solid;
		color: #3584B8;
		background-color: #fff;
		position: absolute;
	    bottom: 20px;
	    margin-left: -100px;
	}
	.joinus .right .desc a.more:hover{
		background-color: #3584B8;
		color: #fff;
	}

	.join_in{
		width:100%;
		float: left;
		position: relative;
		margin-bottom:100px;
	}
	.join_in .mask{
		width: 100%;
	    height: 100%;
	    position: absolute;
	    background-color: #000;
	    filter: alpha(opacity=60);
	    opacity: 0.6;
	}
	.join_in .desc{
		width:300px;
		text-align: center;
	    color: #fff;
	    position: absolute;
	    left: 50%;
	    top: 50%;
	    transform: translate(-50%, -50%);
	}
	.join_in .desc .title{
		font-size: 24px;
    	font-family: 微软雅黑;
    	line-height: 50px;
    	width:100%;
    	float: left;
	}
	.join_in .desc .des{
		font-size: 14px;
    	font-family: 微软雅黑;
    	line-height: 40px;
    	width:100%;
    	float: left;
	}
	.join_in .desc .btn{
		margin-top: 50px;
		width:100%;
    	float: left;
    	text-align: center;
	}
	.join_in .desc .btn a{
		font-size: 24px;
    	font-family: 微软雅黑;
		padding: 10px 80px;
	    color: #3584B8;
	    border: 1px #3584B8 solid;
	    
	}
	.join_in img{
		width:100%;
		float: left;
	}

	.culture{
		display: flex;
		flex-wrap: wrap;
		padding:50px 0;
	}
	.culture .cnt{
		flex: 0 0 50%;
	    max-width: 50%;
	    padding-left: 15px;
	    padding-right: 15px;
	    margin-bottom:30px;
	    float: left;
	    position: relative;
	}
	.culture .cnt img{
		width:100%;
	}

	.culture .cnt .mask{
		width: calc(100% - 30px);
	    height: 100%;
	    position: absolute;
	    background-color: #000;
	    filter: alpha(opacity=30);
	    opacity: 0.3;
	}
	.culture .cnt .desc{
		width:300px;
		min-height: 152px;
		text-align: center;
	    color: #fff;
	    position: absolute;
	    left: 50%;
	    top: 50%;
	    transform: translate(-50%, -50%);
	}
	.culture .cnt .title{
		font-size: 36px;
    	font-family: 微软雅黑;
    	line-height: 50px;
    	width:100%;
    	float: left;
	}
	.culture .cnt .hr {
	    width: 60px;
	    margin: 10px calc(50% - 30px) 10px calc(50% - 30px);
	    height: 2px;
	    background: #fff;
	    border-radius: 3px;
	    float: left;
	}
	.culture .cnt .des{
		font-size: 16px;
    	font-family: 微软雅黑;
    	line-height: 40px;
    	width:100%;
    	float: left;
	}

	.business{
		display: flex;
		flex-wrap: wrap;
	}

	.business .first{
		flex: 0 0 40%;
	    max-width: 40%;
	    padding-top: 20px;
	    padding-right: 10px;
	    position: relative;
	    float: left;
	}
	.business .tow{
		flex: 0 0 60%;
	    max-width: 60%;
	    padding-left: 10px;
	    position: relative;
	    float: left;
		display: flex;
		flex-wrap: wrap;
	}
	.business .first .one{
		width: 100%;
		height: 100%;
	    position: relative;
	    float: left;
	    overflow: hidden;
	}
	.business .tow .one{
		flex: 0 0 50%;
	    max-width: 50%;
	    width: 50%;
	    padding-left: 10px;
	    padding-right: 10px;
	    position: relative;
	    float: left;
	    margin-top:20px; 
	    overflow: hidden;
	}

	.business .one img{
		width: 100%;
		height: 100%;
		display: block;
		-webkit-transform: scale(1);
	    transform: scale(1);
	    -webkit-transition: all 1s ease-out;
	    transition: all 1s ease-out;
	}
	.business .one .title{
		width: 100%;
	    background: #333333bf;
	    color: #FFF;
	    margin-top: -50px;
	    z-index: 2;
	    position: relative;
	    height: 50px;
	    line-height: 50px;
	    padding:0 10px;
	}
	.business .one:hover img{
		transform: scale(1.1);
	}
	.second-content{width:1200px;margin:20px auto;margin-bottom:30px;}
	.second-news-item{height:45px;line-height:45px;width:1200px;}
	.second-news-item-title{float:left;width:1000px;padding-left:20px;font-size:16px;background:url(../images/bluetitle-icon.png) no-repeat center left;}
	.second-news-item-title a{color:#333;}
	.second-news-item-date{width:180px;float:left;text-align:right;font-size:16px;}
	.second-title{width:1200px;height:50px;background:url(../images/lhtitle-bg.png) no-repeat;margin:40px auto ;text-align:center;}
	.second-title span{line-height:50px;color:#fff;font-size:26px;font-weight:bold;margin-top:50px;}
	#slider {
	    width: 100%;
	    margin: 0 auto;
	    position: relative;
	}
	
	.scroll {
	    height: auto;
	    width: 100%;
	    overflow: auto;
	    overflow-x: hidden;
	    position: relative;
	    clear: left;
	    background: #FFFFFF;
	}
	
	.scrollContainer div.panel {
	    padding: 20px 0;
	    height: auto;
	    width: 100%;
	    display: none;
	}
	
	#shade {
	    height: 50px;
	}
	
	ul.navigation {
	    list-style: none;
	    margin: 0;
	    padding: 0 20px;
	    padding-bottom: 9px;
	    overflow-x: scroll;
	    overflow-y: hidden;
	    height: 60px;
	}
	ul.navigation::-webkit-scrollbar {
	    width: 100%;
	    height: 2px;
	}
	
	ul.navigation li {
	    display: inline;
	    margin: 10px;
	    height: 44px;
	    line-height: 44px;
    	float: left;
	}
	
	ul.navigation a {
	    padding: 14px 30px;
	    color: #000;
	    text-decoration: none;
	    background-color: #F2F2F2;
	}
	
	ul.navigation a:hover {
	    background-color: #f6f6f6;
	}
	
	ul.navigation a.selected {
	    background-color: #3584B8;
	    color: #fff;
	}
	
	ul.navigation a:focus {
	    outline: none;
	}
	
	.scrollButtons {
	    position: absolute;
	    top: 10px;
	    cursor: pointer;
	}
	
	.scrollButtons.left {
	    left: -20px;
	}
	
	.scrollButtons.right {
	    right: -20px;
	}
	
	.hide {
	    display: none;
	}
	

}
@media (min-width:720px) and (max-width:1200px) {
	body{font-size:14px;}
	.page_header{width:100%;float: left;padding:10px 20px; margin-bottom: 0px;}
	.box{width: 100%;float:left;}
	.box-cnt{width: 100%;margin:0;float:left;}
	.page_header .logo{width: 40%;float: left;}
	.page_header .top_r{display: none;}
	.banner{width: 100%; max-height: 300px; float: left;overflow: hidden;border-bottom:3px #0165A3 solid;}
	.banner_m{display:none;}
	.banner .ran,.banner .ranbtn1,.banner .ranbtn2{display: none;}
	.navbar-header{ float: right;padding: 5px; color:#0165A3;  border:1px #0165A3 solid;margin-top: 15px;}
	nav{
		display: none;
		position:absolute;
		left:0px;
		top:95px;
	    background:#000;
	    width:100%;
	    height:100%;
	    filter:alpha(opacity=90);
	    opacity:0.9;
	    z-Index:999;
	}
	nav li{width:100%;
		padding:0 20px;
		float: left;
		line-height: 49px;
		font-size:16px;
		font-weight:bold;
	}
	nav li i{display:none;}
	nav li a{color: #fff;}
	nav li.active,nav li:hover{background-color: #3584B8; color: #fff;}
	nav li.active a,nav li:hover a{color: #fff;}
	nav .submenu{width: 100%;float: left;display: none;}
	nav .submenu li{background:none;font-weight:normal;}
	nav .submenu li a{color: #fff;}
	nav .submenu li.active,nav .submenu li:hover{background: none; color: #fff;}
	nav .submenu li:hover a{color: #000;}
	nav .submenu li i{color: #3E9254;}
	nav .submenu li.active a i,nav .submenu li:hover a i{color: #3E9254;}
	nav .submenu li.active a,nav .submenu li.active a:hover,nav .submenu li a:hover,nav .submenu li:hover a:hover{color: #fff;}
	.layui-tab-title{padding: 0 20px;}
	.layui-tab-title .layui-this {
	    color: #fff !important;
	    border: 0 !important;
	    background: #3584B8;
	}

	.index_news{
		padding: 20px;
		display: flex;
		flex-wrap: wrap;
	}
	.index_news_left{
		flex: 0 0 50%;
	    max-width: 50%;
	    padding-right: 10px;
	    position: relative;
	    min-height: 1px;
		
		
	}
	.index_news_left ul{
		padding: 20px 0 20px 30px;
		width: 100%;
		float: left;
		border-top: 1px #EEEEEE solid;
		border-bottom: 1px #EEEEEE solid;
	}
	.index_news_right_m{display: none;}
	.index_news_right{
		flex: 0 0 50%;
	    max-width: 50%;
	    padding-left: 10px;
	    position: relative;
	    min-height: 1px;
	}	
	.index_news_left li {
		list-style-type:disc;
		color: #034FB1;
		font-size: 16px;
		float: left;
	}
	.index_news_left li:first-child,.index_news_left li:nth-child(2) {
		margin-bottom:20px;
	}
	.index_news_left li .newsbox{
		width: 80%;
		float: left;
	}
	.index_news_left li .title{
		width: 100%;
		float: left;
		white-space:nowrap;
		overflow:hidden;
		text-overflow:ellipsis;
		font-size: 16px;

	}
	.index_news_left li .desc{
		padding: 20px 0;
		width: 100%;
		line-height: 25px;
		color: #999;
		font-size: 16px;
		float: left;
		word-break: break-all;
		text-overflow: ellipsis;
		overflow: hidden;
		display: -webkit-box;
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical;
		max-height: 70px;
	}
	.index_news_left li .time{
		width: 20%;
		float: left;
		text-align: right;
		color: #999;
		font-size: 14px;
	}
	.index_news_left li .time .day{
		font-size:30px;
	}
	.index_news_left .newmore{
		margin-top:30px;
		width: 100%;
		float: left;
	}
	.index_news_left .newmore .line{
		width: 85%;
		float: left;
		height:30px;
		padding: 13px 0;
	}
	.index_news_left .newmore .line .lineg{
		width: 70%;
		height:4px;
		background-color: #4C975E;
		float: left;
	}
	.index_news_left .newmore .line .lineb{
		width: 30%;
		height:4px;
		background-color: #0067A9;
		float: left;
	}
	.index_news_left .newmore .mores{
		width: 15%;
		float: left;
		font-size:24px;
		line-height: 30px;
		text-align: right;
		color: #0067A9;
	}
	.index_news_left li .time .img{
		margin-top:10px;
	}
	.index_news_right .newstop{
		width: 100%;
		float: left;
	}
	.index_news_right .newstop .pic{
		max-height:347px;
		width: 100%;
		float: left;
		overflow: hidden;
	}
	.index_news_right .newstop .pic img{
		width: 100%;
		float: left;
	}
	.index_news_right .newstop .newdesc{
		padding: 20px;
		background-color: #3584B8;
	    color: #fff;
	    height: 160px;
	    width: 100%;
	    float: left;
	    font-size:16px;
	}
	.index_news_right .newstop .newdesc .time{
		width: 15%;
		float: left;
		height:100%;
		text-align: right;
		padding: 10px 0;
	}
	.index_news_right .newstop .newdesc .time .day{
		font-size:26px;
	}
	.index_news_right .newstop .newdesc .cnt{
		margin-left: 5%;
		width: 80%;
		float: left;
		height:100%;
		text-align: right;
	}
	.index_news_right .newstop .newdesc .cnt .title{
		width: 100%;
		line-height: 40px;
		border-bottom: 1px #fff solid;
		text-align: left;
		font-size:18px;
		white-space:nowrap;
		overflow:hidden;
		text-overflow:ellipsis;
	}

	.index_news_right .newstop .newdesc .cnt .desc{
		width: 100%;
		line-height: 20px;
		height:40px;
		font-size:16px;
		word-break: break-all;
		text-overflow: ellipsis;
		overflow: hidden;
		display: -webkit-box;
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical;
		max-height: 60px;
		text-align: left;
    	margin-top: 20px;
	}
	.pd20{padding: 20px;}
	.index_cnt{
		padding: 20px;
		display: flex;
		flex-wrap: wrap;
	}
	.index_cnt .index_left{
		flex: 0 0 50%;
	    max-width: 50%;
	    padding-right: 10px;
	    position: relative;
	    min-height: 1px;
	}
	.index_cnt .index_right{
		flex: 0 0 50%;
	    max-width: 50%;
	    padding-left: 10px;
	    position: relative;
	    min-height: 1px;
	}
	.index_title{
		width: 100%;
		float: left;
	}
	.index_title .title{
		font-size:16px;
		font-weight:bold;
		line-height: 40px;
		float: left;
	}
	.index_title .title_en{
		margin-left: 20px;
		font-size:14px;
		line-height: 40px;
		color: #3584B8;
		float: left;
	}
	.index_title .title_en i{
		color: #4EA15D;
	}
	.index_title .title_cls{
		margin-left: 20px;
		float: left;
	}
	.index_title .title_cls a{
		margin-top: 5px;
		display:block;
		color: #3584B8;
		float: left;
		margin-left: 10px;
		padding: 2px 10px;
	}
	.index_title .title_cls a.active{
		 background-color: #3584B8;
		 color: #fff;
	}
	.index_title .title_more{
		margin-left: 20px;
		float: right;
	}
	.index_title .title_more .more,.more{
		margin:10px 0 0 0;
		border-left: 5px #449C59 solid;
		background-color: #3584B8;
		color: #fff;
		padding: 0px 5px;
	}
	.index_title_line{
		width: 100%;
		height:5px;
		border-top:1px #333 dotted; 
		border-bottom: 1px #333 dotted; 
		float: left;
	}
	.index_title_line .line{
		width: 150px;
		height:5px;
		background-color: #3584B8;
		float: left;
		position: absolute;
    	margin-top: -1px;
	}

	.index_case,.index_video{
		display: flex;
		flex-wrap: wrap;
		width:100%;
		overflow: hidden;
		padding: 20px 0;
	}
	.index_case li{
		flex: 0 0 50%;
	    max-width: 50%;
	    position: relative;
	    float: left;
	    background-color: #FCFCFC;
	}

	.index_case li{
		padding-left: 5px;
		padding-right: 5px;
	}
	.index_case li .pic{
		width:100%;
		height:127px;
		overflow: hidden;
		float: left;
	}
	.index_case li .pic img{
		width:100%;
		height:auto;
	}
	.index_case li .desc{
		width:100%;
		float: left;
		padding: 10px 0;
		text-align: center;
		color: #999;
	}
	.index_case li .desc .title{
		height:40px;
		line-height: 40px;
		color: #333;
		font-size:16px;
		font-weight:bold;
	}

	.index_case li .desc p{
		line-height: 25px;
		white-space: pre-line;
	}
	.index_video .video{
		width:100%;
		height:248px;
		overflow: hidden;
		float: left;
	}
	.index_video .video_play{
		display: none;
	}
	.index_video .video i{
		position: absolute;
	    font-size: 50px;
	    color: #fff;
	    margin-top: 100px;
	    margin-left: 40%;
	}
	    
	.index_video .desc{
		width:100%;
		height:40px;
		line-height: 40px;
		float: left;
		white-space:nowrap;
		overflow:hidden;
		text-overflow:ellipsis;
		background-color: #FCFCFC;
		padding: 0 20px;
	}
	
	.jrfz{
		width:100%;
		padding: 20px 0;
		float: left;
	}
	.jrfz .jrfzone{
		display:none;
	}
	.jrfz .active{
		display:block;
	}
	.index_qywh{
		padding:0 20px;
	}
	.qywh{
		flex: 0 0 33.33%;
	    max-width: 33.33%;
	    position: relative;
	    padding-left: 10px;
	    padding-right: 10px;
	}
	.qywh .cnt{
		width:100%;
		border:1px #EEEEEE solid;
		float: left;
	}
	.qywh .pic{width:100%;float: left;}
	.qywh .pic img{width:100%; height:auto;}
	.qywh .desc{width:100%;padding: 20px;float: left;line-height: 25px;}
	.qywh .mores{width:100%;float: left;padding: 20px;}
	.qywh .mores .more{float: right;}

	footer{
		margin-top: 40px;
		padding: 20px;
		width:100%;
		float: left;
		background-color: #F8F8F8;
		border-bottom: 2px #0564A4 solid;
	}
	footer img{
		max-width: 100%;
	}
	footer .footer_logo{
		padding: 40px 0 0;
		flex: 0 0 40%;
	    max-width: 40%;
	    position: relative;
	}
	footer .footer_logo .logo{
		width:100%;
		float: left;
	}
	footer .footer_logo .link{
		display: none;
	}
	footer .link_m{display: block;margin-bottom: 20px;}
	footer .footer_cnt{
		padding:0 20px;
		flex: 0 0 60%;
	    max-width: 60%;
	    position: relative;
	}
	footer .footer_cnt p{
		line-height: 25px;
		width:100%;
		float: left;
	}

	footer .footer_code{
		display: none;
	}

	.listbanner{width: 100%;float: left;overflow: hidden;height: 250px;}
	.listbanner .bannerpic{width: 100%;height: 250px;float: left;position: relative;}
	.listbanner .mask{
		width: 100%;
		height: 250px;
		position: absolute;
		background-color: #000;
		filter:alpha(opacity=30);
	    opacity:0.3;
	}
	.listbanner .listname{
		width: 100%;
		height: 250px;
		font-size:24px;
		position: absolute;
		font-weight:bold;
		filter:alpha(opacity=100);
	    opacity:1;
	    color: #fff;
	    text-align: center;
	}
	.listbanner .listname p{
		margin-top:101px;
		line-height: 30px;
	}

	.fn_left { float: left; }
	.fn_right { float: right; }
	.wzwz{width:100%;padding: 20px; /*border-bottom: #eef0f1 1px solid;*/}
	.wzwz_m{display: none;}
	.wzwz .wz_left{float: left;}
	.wzwz .wz_right{float: right;}
	.wzwz .wz_right a { margin: 0 15px; padding-bottom: 10px; }
	.wzwz .wz_right a:hover, .wzwz .wz_right a.active { border-bottom: #3584B8 2px solid; color: #3584B8; }

	/*新闻资讯*/
	.nyxw{padding: 20px;}
	.nyxw ul li {width:100%; float: left; display: block; padding: 20px 0; border-bottom: #E4E4E4 1px dashed; }
	.nyxw ul li a { display: block; }
	.nyxw ul li a .nxwimg { width: 30%; height: 150px; overflow: hidden; }
	.nyxw ul li a .nxwimg img { width: 100%; transition: all 0.5s; }
	.nyxw ul li a .nxjj { width: 65%; }
	.nyxw ul li a .nxjj h4 { font-size: 20px; font-weight: normal; color: #222; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
	.nyxw ul li a .nxjj span { display: block; margin-bottom: 20px; color: #999; font-size: 15px; line-height: 30px;}
	.nyxw ul li a .nxjj p { line-height: 24px; }
	.nyxw ul li a .nxjj .xmore { margin-top: 15px; border: #3584B8 1px solid; border-radius: 5px; color: #3584B8; display: inline-block; padding: 5px 15px; }
	.nyxw ul li:hover img { transform: scale(1.08); }
	.nyxw ul li a:hover .xmore { background: #3584B8; color: #fff; transition: all 0.5s; }
	
	.xwxql {width: 100%;line-height: 25px; min-height: 500px;  padding:50px 20px 30px 20px; }
	.xwxql .title { text-align: center; display: block; line-height: 50px; font-size: 20px; color: #222; font-weight: normal; }
	.xwxql .desc { display: block; text-align: center; margin-bottom: 50px; }
	.xwxql .content{width:100%;float: left;overflow: hidden;}
	.xwxql .content img{max-width: 100%;}
	.xwxql p { text-indent: 2em;line-height: 25px; }
	#share { margin: 30px 0 0 0; }
	#share span { margin-bottom: 0 !important; }
	.xwxql #xwlist { margin-top: 30px; }
	.xwxql #xwlist p { text-indent: 0 !important; color: #999; }
	.xwxql #xwlist p a:hover { color: #666; text-decoration: underline; }
	.brand{padding: 50px 10px;}
	.brand .layui-tab-title{margin-left:0px;}
	.brand .layui-badge-rim, .layui-border, .layui-colla-content, .layui-colla-item, .layui-collapse, .layui-elem-field, .layui-form-pane .layui-form-item[pane], .layui-form-pane .layui-form-label, .layui-input, .layui-layedit, .layui-layedit-tool, .layui-panel, .layui-quote-nm, .layui-select, .layui-tab-bar, .layui-tab-card, .layui-tab-title, .layui-tab-title .layui-this:after, .layui-textarea {
	    border-color:#fff;
	}
	.brand .layui-tab-title li{
		border:1px #F5F5F5 solid;
		background-color: #F5F5F5;
		font-size:16px;
		font-weight:bold;
	}
	.brand .layui-tab-title li:first-child{margin-right:20px;}
	.brand .layui-tab-title .layui-this {
		color: #fff !important;
		background: #3584B8;
		border-radius: unset;
	}
	.brand  .brandcnt{
		margin-top:30px;
		display: flex;
		flex-wrap: wrap;
		border: 1px #eee solid;
		padding: 10px 0;
	}
	.brand .brandcnt .brand_left,.brand .brandcnt .brand_right{
		flex: 0 0 50%;
	    max-width: 50%;
	    padding-left: 10px;
	    padding-right: 10px;
	    position: relative;
	    min-height: 1px;
	}
	.brand .brandcnt .brand_left img{
		width:100%;
	}
	.brand .brandcnt .brand_right .title{
		width:100%;
		float: left;
		color: #B98D62;
		font-size:20px;
		height: 40px;
		line-height: 40px;
	}
	.brand .brandcnt .brand_right .desc{
		width:100%;
		float: left;
		line-height: 25px;
	}
	.brand .brandcnt .brand_right .desc p{
		width:100%;
		margin-bottom:20px;
		float: left;
		line-height: 25px;
	}

	.brand .brandcnt .brand_right .desc .more{
		float: right;
		padding: 5px 10px;
		border-left: unset;
		
	}

	.ttt {
	    text-align: center;
	    font-size: 30px;
	    margin: 50px auto 30px;
	}
	.hr {
	    width: 60px;
	    margin: 0 auto 85px;
	    height: 3px;
	    background: #3584B8;
	    border-radius: 3px;
	}
	.hr2 {
	    width: 60px;
	    margin: 0 auto 30px;
	    height: 3px;
	    background: #3584B8;
	    border-radius: 3px;
	}
	.tcnt{
		text-align: center;
		width:600px;
	    margin: 0px auto 30px;
	}

	.xl{
		font-size: 16px;
	    text-align: center;
	    color: #939393;
	    width: 100%;
	    margin: 0 auto;
	    line-height: 60px;
	    display: flex;
	    flex-wrap: wrap;
	    justify-content: center;
	}
	.xl a{
		margin:0 20px;
	}
	.xl a:hover,.xl .active{
		color: #3584B8;
		border-bottom: 2px #3584B8 solid;
	}

	.list{
		padding:20px;
		width: 100%;
		display: flex;
		justify-content: space-between;
		margin-top: 75px;
		flex-wrap:wrap;
		text-align: center;
		font-size: 16px;
	}
	.list li{
		width: 49%;
		margin-bottom: 15px;
		overflow: hidden;
		cursor: pointer;
	}

	.list img{
		width: 100%;
		display: block;
		-webkit-transform: scale(1);
	    transform: scale(1);
	    -webkit-transition: all 1s ease-out;
	    transition: all 1s ease-out;
	}
	.list .title{
		width: 100%;
	    background: #333333bf;
	    color: #FFF;
	    margin-top: -50px;
	    z-index: 2;
	    position: relative;
	    height: 50px;
	    line-height: 50px;
	}
	.list li:hover img{
		transform: scale(1.1);
	}

	ul.pagelist { text-align: center; height: auto; width: auto; margin: 75px auto;float: left; }
	ul.pagelist li { padding: 0; margin: 0; display: inline-block; margin-right: 4px; line-height: 34px; height: auto; width: auto; border: none; background: none; }
	ul.pagelist a, .pagelist .pageinfo {border: 1px solid #eee;padding: 8px 14px;font-size: 14px;_padding: 5px 10px;font-weight: normal;overflow: hidden;overflow: hidden;height: auto;width: auto;}
	ul.pagelist a:hover, .pagelist .thisclass a, .pagelist .active { background: #3584B8; border-color: #3584B8; color: #fff; }
	.pagelist .active a{
		color: #FFF;
	}

	.lx{
		padding:20px;
		width: 100%;
		float: left;
	}

	.hz{
		width: 100%;
		float: left;
		padding:20px;
	}
	.hz .fl{
		width: 100%;
		float: left;
	}
	.hz .fl .d1{
		font-size: 32px;
		font-weight: bold;
		line-height: 32px;
		margin-bottom: 35px;
	}
	.hz .fl .d2{
		font-size: 21px;
		line-height: 21px;
		font-weight: bold;
		margin-bottom: 17px;
	}
	.hz .fl .d3{
		font-size: 18px;
		line-height: 18px;
		color: #676966;
		margin-bottom: 47px;
	}
	.hz .fl .d4{
		height: 5px;
		width: 100px;
		background: #3584B8;
		position: relative;
		z-index: 2;
	}
	.hz .fl .d5{
		height: 1px;
		width: 100%;
		background: #eee;
		margin-top:-3px;
		position: relative;
		z-index: 1;
		margin-bottom: 40px;
	}
	.hz .fl .d6{
		display: flex;
		justify-content: space-between;
		flex-wrap: wrap;
	}
	.hz .dd{
		width: 46%;
		line-height: 25px;
		margin-bottom: 30px;
		color: #8A898E;
	}
	.hz .dd span{
		font-size: 20px;
		color: #000;
	}
	.hz .dd img{
		width: 60px;
		vertical-align: middle;
		display: inline-block;
		margin-right: 5px;
	}
	.hz .dd div{
		vertical-align: middle;
		display: inline-block;
	}

	.hz .fr{
		float: right;
		width: 100%;
		background: #F5F5F5;
	}
	.hz .fr .hzt{
		font-size: 20px;
		font-weight: bold;
		margin-top:55px;
		text-align: center;
		width: 100%;
	}
	.hz .fr .hr{
		margin: 20px auto;
	}
	.hz .fr form{
		width: 100%;
		padding:20px;
	}
	.hz .ipt{
		display: flex;
		justify-content: space-between;
		flex-wrap: wrap;
	}
	.hz form input{
		width: 100%;
		display: inline-block;
		padding:15px 10px;
		margin-bottom: 20px;
		border: 1px solid #DEDEDE;
		color: #9C9C9C;
	}
	.hz textarea{
		width: 100%;
		border: 1px solid #DEDEDE;
		color: #9C9C9C;
		padding:10px;
		height: 110px;
	}
	.hz .btn{
		padding:10px 60px;
		color: #FFF;
		background: #3584B8;
		border-radius: 10px;
		margin:25px auto 0;
		display: block;
	}

	.lxclear{
		clear: both;
		margin-bottom: 75px;
	}

	.div5{
		background: #f5f5f5;
		width: 100%;
		text-align: center;
		padding: 50px 0;
	}
	.div5 .dt1,.div8 .dt1,.div10 .dt1,.div11 .dt1{
		font-size: 28px;
	}
	.div5 .dt2,.div8 .dt2,.div10 .dt2,.div11 .dt2{
		margin:20px auto 15px;
		width: 60px;
		border-bottom: 3px solid #3584B8;
	}
	.div5 .dt3,.div8 .dt3,.div11 .dt3{
		font-size: 20px;
		color: #999999;
	}
	.div5 .dd{
		display: flex;
		width: 100%;
		padding:50px 20px;
		text-align: center;
		justify-content: space-between;
		flex-wrap: wrap;
		padding-top: 66px;
	}
	.div5 .dd div{
		width:49%;
		margin-bottom:20px;
		background: #FFF;
		box-shadow: 1px 1px 20px 0px #e0e0e0;
	}
	.div5 img{
		display: block;
		width: 100%;
		height: 175px;
		margin:0 auto;
	}
	.div5 .p1{
		margin:40px auto 25px;
		font-size: 19px;
	}
	.div5 .p2{
		font-size: 16px;
		color: #989898;
		width:220px;
		margin:0 auto 50px;
		text-align: left;
		line-height: 27px;
	}
	.div5 .zx{
		padding: 15px 68px;
		background: #2F69B3;
		color: #FFF;
		font-size: 18px;
		margin:53px auto 44px;
		border-radius: 5px;
	}
	
	.div8,.div10,.div11{
		padding: 50px 0;
		width: 100%;
		text-align: center;
		margin:0 auto;
	}
	.div8 .dt{
		font-size: 30px;
		margin:125px auto 60px;
	}
	.div8 .dd{
		padding: 50px 50px;
		display: flex;
		justify-content: space-between;
		flex-wrap: wrap;
		width: 100%;
	}
	.div8 .dd div{
		width: 49%;
		margin-bottom:20px;
	}
	.div8 .dd img{
		width: 100%;
		height: 216px;
		display: block;
	}
	.div8 .dd span{
		display: block;
		color: #FFF;
		background: #ADADAD;
		padding:15px 0;
		font-size: 28px;
	}

	.div9{
		margin-top: 50px;
		background: url(../images/ysbg.jpg) no-repeat center;
		padding: 130px 0 115px;
	}
	.div9 .dt1{
		font-size:30px;
		margin-bottom: 20px;
		color:#fff;
		text-align: center;
	}
	.div9 .dt2{
		font-size: 17px;
		text-align: center;
		color: #FFF;
		margin-bottom: 20px;
	}
	.div9 .dt3{
		width: 60px;
		margin:0 auto;
		border-bottom: 3px solid #3584B8;
	}
	.div9 .dd{
		padding:0 50px;
		display: flex;
		justify-content: space-between;
		flex-wrap: wrap;
		width: 100%;
		margin:0 auto;
	}
	.div9 .dd .d1,.div9 .dd .d2,.div9 .dd .d3,.div9 .dd .d4,.div9 .dd .d5,.div9 .dd .d6{
		width: 40%;
		margin-top:55px;
	}
	.div9 .dd img{
		display: inline-block;
		width: 60px;
	}
	.div9 .dd .fr{
		margin-left: 40px;
		width: 253px;
		display: inline-block;
		color: #FFF;
		vertical-align: top;
	}
	.div9 .p1{
		font-size: 20px;
		font-weight: bold;
	}
	.div9 .p2{
		margin-top:15px;
	}

	.div9 .d4{margin-left: 180px;}
	.div9 .d5{margin-right: 180px;}
	
	.div10 .d1{width:100%; padding:20px;}
	.div10 .d1 img{width:100%;}

	.div11 .d1{
		width:100%;
		padding: 50px 20px;
		display: flex;
		flex-wrap: wrap;
	}
	.div11 .d1 .fl{
		flex: 0 0 40%;
	    max-width: 40%;
	    padding-right: 2%;
	    position: relative;
	}
	.div11 .d1 .fr{
		flex: 0 0 60%;
	    max-width: 60%;
	    padding-left: 2%;
	    position: relative;
	}
	.div11 .d1 .fr ul.mfields {
	    float: left;
	    width:100%;
	    text-align: center;
	}
	.div11 .d1 .fr ul.mfields li {
	    margin-top: 10px;
	    margin-bottom: 10px;
	    float: left;
	    width: 100%;
	    font-family: '微软雅黑';
	    float: left;
	    margin: 7px 0;
	}
	.div11 .d1 .fr ul.mfields .title {
	    padding: 10px 0;
	    line-height: 1.5;
	    color: #5a5a5a;
	    float: left;
	}
	.div11 .d1 .fr ul.mfields .inptext {
	    width: 100%;
	    display: inline-block;
	    padding: 6px 10px;
	    margin-bottom: 0px;
	    border: 1px solid #DEDEDE;
	    color: #9C9C9C;
	}
	.div11 .d1 .fr ul.mfields textarea {
	    width: 100%;
	    border: 1px solid #DEDEDE;
	    color: #9C9C9C;
	    padding: 10px;
	    height: 110px;
	}

	.div11 .d1 .fr ul.mfields .btnsubmit {
	    padding: 10px 0px;
	    width:100%;
	    color: #FFF;
	    background: #3584B8;
	    border-radius: 0px;
	    margin: 25px auto 0;
	    display: block;
	    float: left;
	    border:none;
	}

	.respons ul li {
	    background: #b1e0fa;
	    text-align: center;
	    float: left;
	    margin: 10px;
	    box-shadow: 0px 0px 4px 1px #9b9b9b;
	    width: 280px;
	    transition: all .5s;
	}

	.respons ul li .ovh {
	    padding: 20px;
	    transition: all .5s;
	    max-height: 260px;
	    margin-bottom: 20px;
	    overflow: hidden;
	}
	.respons ul li .ovh img {
	    transition: all .5s;
	}
	.respons ul li h2 {
	    font-size: 18px;
	    margin-bottom: 20px;
	    color: #333333;
	}
	.respons ul li:hover{background: #3584B8;}

	.respons ul li:hover h2{color: #fff;}

	.respons ul li:hover .ovh{padding: 0px 0px 20px 0px;}

	.respons ul li:hover .ovh img{width: 100%;}

	.sales img{width:100%;}
	.project_case{
		padding:20px;
		width:100%;
		margin: 30px 0 50px;
    	float: left;
	}
	.project_case img{width:100%;}
	.project_case .mask{
		width: 100%;
	    height: 100%;
	    position: absolute;
	    background-color: #000;
	    filter: alpha(opacity=60);
	    opacity: 0.6;
	}
	.project_case .casename{
		padding: 10px 50px;
		color: #fff;
		border:1px #fff solid;
		position: absolute;
	    left:50%;
	    top:50%;
	    transform: translate(-50%, -50%);
	}
	
	.project_case .caseone{
		width:100%;
		float: left;
		position: relative;
	}
	.project_case .casetow{
		width:100%;
		float: left;
		position: relative;
	}
	.project_case .casethree{
		width:100%;
		float: left;
		position: relative;
	}
	.project_case .ml20{
		margin-left:0px;
	}
	.project_case div{margin-bottom:20px;}
	.qganlist{
		width:100%;
		margin:30px 0;
		float: left;
	}
	.qganlist img{
		width:100%;
	}
	.hzhb{
		background-color: #F8F8F8;
		margin-bottom:50px;
	}
	.hzhb .hzhblist{ 
		padding:20px;
		width:100%;
		display: flex;
		flex-wrap: wrap;
		margin-bottom:30px;
		float: left;
	}
	.hzhbone{
		flex: 0 0 25%;
	    max-width: 25%;
	    padding:10px;
	    float: left;
	}
	.hzhbone img{width:100%;}
	.joinus{
		padding:20px;
		width:100%;
		float: left;
	}
	.joinus .left{
		width:100%;
		float: left;
		background-color: #F8F8F8;
		position: relative;
		overflow: hidden;
	}
	.joinus .left .pic{
		width:40%;
		float: left;
		height: 281px;
		overflow: hidden;
	}
	.joinus .left .pic img{
		width:100%;
		height: 100%;
	}

	.joinus .left .desc{
		width:60%;
		float: left;
		height: 281px;
		padding:20px;
		position: relative;
	}
	.joinus .left .desc .title,.joinus .right2 .desc .title{
		width:100%;
		float: left;
		font-size: 24px;
	    font-family: 微软雅黑;
	    color: #3584B8;
	}
	.joinus .left .desc p,.joinus .right2 .desc p{
		margin:10px 0;
		width:100%;
		float: left;
		font-size: 14px;
    	line-height: 150%;
    	color: #999;
	}
	.joinus .left  a.more,.joinus .right2  a.more{
		padding:5px 10px;
		float: right;
		background: none;
		border:1px #3584B8 solid;
		color: #3584B8;
		position: absolute;
	    bottom: 20px;
	    margin-left: -100px;
	}
	.joinus .left  a.more:hover,.joinus .right2  a.more:hover{
		background-color: #3584B8;
		color: #fff;
	}

	.joinus .right{
		margin-top:20px;
		width:100%;
		float: left;
		overflow: hidden;
	}
	.joinus .right .desc{
		padding:20px;
		width:40%;
		height: 281px;
		float: left;
		background-color: #3584B8;
		color: #fff;
		position: relative;
	}
	.joinus .right .pic{
		width:60%;
		height: 281px;
		float: left;
		overflow: hidden;
	}
	.joinus .right .pic img{
		width:100%;
	}
	.joinus .right2{
		margin:20px 0 0 0;
		width:100%;
		float: left;
		overflow: hidden;
		background-color: #F8F8F8;
	}
	.joinus .right2 .desc{
		padding:20px;
		width:60%;
		height: 281px;
		float: left;
		position: relative;
	}

	.joinus .right2 .pic{
		width:40%;
		height: 281px;
		float: left;
		overflow: hidden;
	}
	.joinus .right2 .pic img{
		width:100%;
		height: 281px;
	}

	.joinus .right .desc .title{
		width:100%;
		float: left;
		font-size: 24px;
	    font-family: 微软雅黑;
	    color: #fff;
	    border-bottom: 1px #fff solid;
	    padding-bottom: 10px;
	}
	.joinus .right .desc p{
		margin:10px 0;
		width:100%;
		float: left;
		font-size: 14px;
    	line-height: 150%;
    	color: #fff;
	}
	.joinus .right .desc a.more{
		padding:5px 10px;
		float: right;
		background: none;
		border:1px #fff solid;
		color: #3584B8;
		background-color: #fff;
		position: absolute;
	    bottom: 20px;
	    margin-left: -100px;
	}
	.joinus .right .desc a.more:hover{
		background-color: #3584B8;
		color: #fff;
	}

	.join_in{
		width:100%;
		float: left;
		position: relative;
		margin-bottom:100px;
		overflow: hidden;
	}
	.join_in .mask{
		width: 100%;
	    height: 100%;
	    position: absolute;
	    background-color: #000;
	    filter: alpha(opacity=60);
	    opacity: 0.6;
	}
	.join_in .desc{
		width:300px;
		text-align: center;
	    color: #fff;
	    position: absolute;
	    left: 50%;
	    top: 50%;
	    transform: translate(-50%, -50%);
	}
	.join_in .desc .title{
		font-size: 24px;
    	font-family: 微软雅黑;
    	line-height: 50px;
    	width:100%;
    	float: left;
	}
	.join_in .desc .des{
		font-size: 14px;
    	font-family: 微软雅黑;
    	line-height: 40px;
    	width:100%;
    	float: left;
	}
	.join_in .desc .btn{
		margin-top: 30px;
		width:100%;
    	float: left;
    	text-align: center;
	}
	.join_in .desc .btn a{
		font-size: 24px;
    	font-family: 微软雅黑;
		padding: 10px 30px;
	    color: #3584B8;
	    border: 1px #3584B8 solid;
	    
	}
	.join_in img{
		width:100%;
		float: left;
	}

	.culture{
		display: flex;
		flex-wrap: wrap;
		padding:50px 0;
	}
	.culture .cnt{
		flex: 0 0 50%;
	    max-width: 50%;
	    padding-left: 15px;
	    padding-right: 15px;
	    margin-bottom:30px;
	    float: left;
	    position: relative;
	}
	.culture .cnt img{
		width:100%;
	}

	.culture .cnt .mask{
		width: calc(100% - 30px);
	    height: 100%;
	    position: absolute;
	    background-color: #000;
	    filter: alpha(opacity=30);
	    opacity: 0.3;
	}
	.culture .cnt .desc{
		width:300px;
		text-align: center;
	    color: #fff;
	    position: absolute;
	    left: 50%;
	    top: 50%;
	    transform: translate(-50%, -50%);
	}
	.culture .cnt .title{
		font-size: 24px;
    	font-family: 微软雅黑;
    	line-height: 50px;
    	width:100%;
    	float: left;
	}
	.culture .cnt .hr {
	    width: 60px;
	    margin: 10px calc(50% - 30px) 10px calc(50% - 30px);
	    height: 2px;
	    background: #fff;
	    border-radius: 3px;
	    float: left;
	}
	.culture .cnt .des{
		font-size: 14px;
    	font-family: 微软雅黑;
    	line-height: 40px;
    	width:100%;
    	float: left;
	}

	.business{
		display: flex;
		flex-wrap: wrap;
		padding:20px;
	}

	.business .first{
		flex: 0 0 40%;
	    max-width: 40%;
	    height: 450px;
	    padding-right: 10px;
	    position: relative;
	    float: left;
	}
	.business .tow{
		flex: 0 0 60%;
	    max-width: 60%;
	    padding-left: 10px;
	    position: relative;
	    float: left;
		display: flex;
		flex-wrap: wrap;
	}
	.business .first .one{
		width: 100%;
		height: 435px;
	    position: relative;
	    float: left;
	    margin-top:20px; 
	    overflow: hidden;
	}
	.business .tow .one{
		flex: 0 0 50%;
	    max-width: 50%;
	    width: 100%;
	    padding-left: 10px;
	    padding-right: 10px;
	    position: relative;
	    float: left;
	    margin-top:20px; 
	    overflow: hidden;
	}

	.business .one img{
		width: 100%;
		height: 100%;
		display: block;
		-webkit-transform: scale(1);
	    transform: scale(1);
	    -webkit-transition: all 1s ease-out;
	    transition: all 1s ease-out;
	}
	.business .one .title{
		width: 100%;
	    background: #333333bf;
	    color: #FFF;
	    margin-top: -50px;
	    z-index: 2;
	    position: relative;
	    height: 50px;
	    line-height: 50px;
	    padding:0 10px;
	}
	.business .one:hover img{
		transform: scale(1.1);
	}
	.second-content{width:100%;float: left;padding:20px;}
	.second-news-item{height:45px;line-height:45px;width:100%;}
	.second-news-item-title{float:left;width:80%;padding-left:20px;font-size:16px;background:url(../images/bluetitle-icon.png) no-repeat center left;}
	.second-news-item-title a{color:#333;}
	.second-news-item-date{width:180px;float:left;text-align:right;font-size:16px;}
	.second-title{width:100%;height:50px;background:url(../images/lhtitle-bg.png) no-repeat center;margin:40px auto ;text-align:center;}
	.second-title span{line-height:50px;color:#fff;font-size:26px;font-weight:bold;margin-top:50px;}
	
	#slider {
	    width: 100%;
	    margin: 0 auto;
	    position: relative;
	}
	
	.scroll {
	    height: auto;
	    width: 100%;
	    overflow: auto;
	    overflow-x: hidden;
	    position: relative;
	    clear: left;
	    background: #FFFFFF;
	}
	
	.scrollContainer div.panel {
	    padding: 20px 0;
	    height: auto;
	    width: 100%;
	    display: none;
	}
	
	#shade {
	    height: 50px;
	}
	
	ul.navigation {
	    list-style: none;
	    margin: 0;
	    padding: 0 20px;
	    padding-bottom: 9px;
	    overflow-x: scroll;
	    overflow-y: hidden;
	    height: 60px;
	}
	ul.navigation::-webkit-scrollbar {
	    width: 100%;
	    height: 2px;
	}
	
	ul.navigation li {
	    display: inline;
	    margin: 10px;
	    height: 44px;
	    line-height: 44px;
    	float: left;
	}
	
	ul.navigation a {
	    padding: 14px 30px;
	    color: #000;
	    text-decoration: none;
	    background-color: #F2F2F2;
	}
	
	ul.navigation a:hover {
	    background-color: #f6f6f6;
	}
	
	ul.navigation a.selected {
	    background-color: #3584B8;
	    color: #fff;
	}
	
	ul.navigation a:focus {
	    outline: none;
	}
	
	.scrollButtons {
	    position: absolute;
	    top: 10px;
	    cursor: pointer;
	}
	
	.scrollButtons.left {
	    left: -10px;
	}
	
	.scrollButtons.right {
	    right: -10px;
	}
	
	.hide {
	    display: none;
	}

}

@media (max-width:720px) {
	body{font-size:14px;}
	.page_header{width:100%;float: left;padding:10px 20px; margin-bottom: 0px;}
	.box{width: 100%;float:left;}
	.box-cnt{width: 100%;margin:0;float:left;}
	.page_header .logo{width: 60%;float: left;}
	.page_header .top_r{display: none;}
	.banner_m{width: 100%; max-height: 260px; float: left;overflow: hidden;border-bottom:3px #0165A3 solid;}
	.banner_m .ran,.banner_m .ranbtn1,.banner_m .ranbtn2{display: none;}
	.banner{display:none;}
	.navbar-header{ float: right;padding: 5px; color:#0165A3;  border:1px #0165A3 solid; margin-top: 6px;}
	.banner .layui-carousel>[carousel-item]>.layui-this{
		background-size: cover;
	    -webkit-background-size: cover;
        -o-background-size: cover;
    	background-position: center 0;
	}
	nav{
		display: none;
		position:absolute;
		left:0px;
		top:60px;
	    background:#000;
	    width:100%;
	    height:100%;
	    filter:alpha(opacity=90);
	    opacity:0.9;
	    z-Index:999;
	}
	nav li{width:100%;
		padding:0 20px;
		float: left;
		line-height: 49px;
		font-size:16px;
		font-weight:bold;
	}
	nav li a{color: #fff;}
	nav li i{float:right;line-height: 49px;}
	nav li.active,nav li:hover{background-color: #3584B8; color: #fff;}
	nav li.active a,nav li:hover a{color: #fff;}
	nav .submenu{width: 100%;float: left;display: none;}
	nav .submenu li{background:none;font-weight:normal;}
	nav .submenu li a{color: #fff;}
	nav .submenu  li i{float:left;line-height: 49px;}
	nav .submenu li.active,nav .submenu li:hover{background: none; color: #fff;}
	nav .submenu li:hover a{color: #000;}
	nav .submenu li i{color: #3E9254;}
	nav .submenu li.active a i,nav .submenu li:hover a i{color: #3E9254;}
	nav .submenu li.active a,nav .submenu li.active a:hover,nav .submenu li a:hover,nav .submenu li:hover a:hover{color: #fff;}
	.layui-tab-title{padding: 0 20px;}
	.layui-tab-title .layui-this {
	    color: #fff !important;
	    border: 0 !important;
	    background: #3584B8;
	}

	.index_news_left{
		padding: 20px;
		width:100%;
	    position: relative;
	    min-height: 1px;
	    overflow: hidden;	
		
	}
	.index_news_left ul{
		padding: 20px 0 20px 30px;
		width: 100%;
		float: left;
		border-top: 1px #EEEEEE solid;
		border-bottom: 1px #EEEEEE solid;
	}
	
		
	.index_news_left li {
		list-style-type:disc;
		color: #034FB1;
		font-size: 16px;
		float: left;
		width: 100%;
		margin-bottom:20px;
	}

	.index_news_left li .newsbox{
		width: 80%;
		float: left;
	}
	.index_news_left li .title{
		width: 100%;
		float: left;
		white-space:nowrap;
		overflow:hidden;
		text-overflow:ellipsis;
		font-size: 16px;

	}
	.index_news_left li .desc{
		padding: 20px 0;
		width: 100%;
		line-height: 25px;
		color: #999;
		font-size: 16px;
		float: left;
		word-break: break-all;
		text-overflow: ellipsis;
		overflow: hidden;
		display: -webkit-box;
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical;
		max-height: 70px;
	}
	.index_news_left li .time{
		width: 20%;
		float: left;
		text-align: right;
		color: #999;
		font-size: 14px;
	}
	.index_news_left li .time .day{
		font-size:30px;
	}
	.index_news_left .newmore{
		margin-top:20px;
		width: 100%;
		float: left;
	}
	.index_news_left .newmore .line{
		width: 85%;
		float: left;
		height:30px;
		padding: 13px 0;
	}
	.index_news_left .newmore .line .lineg{
		width: 70%;
		height:4px;
		background-color: #4C975E;
		float: left;
	}
	.index_news_left .newmore .line .lineb{
		width: 30%;
		height:4px;
		background-color: #0067A9;
		float: left;
	}
	.index_news_left .newmore .mores{
		width: 15%;
		float: left;
		font-size:20px;
		line-height: 30px;
		text-align: right;
		color: #0067A9;
	}
	.index_news_left li .time .img{
		margin-top:10px;
		display: none;
	}
	.index_news_right_m{
		width:100%;
	    padding: 20px;
	    position: relative;
	    min-height: 1px;
	}
	.index_news_right{display: none;}
	.index_news_right_m .newstop{
		width: 100%;
		float: left;
		/*display: flex;*/
		flex-wrap: wrap;
	}
	.index_news_right_m .newstop .pic{
		flex: 0 0 40%;
	    max-width: 40%;
	    max-height: 110px;
	    padding-right: 10px;
		float: left;
		overflow: hidden;
	}
	.index_news_right_m .newstop .pic img{
		width: 100%;
		float: left;
	}
	.index_news_right_m .newstop .newdesc{
		flex: 0 0 60%;
	    max-width: 60%;
	    color: #333;
	    float: left;
	    font-size:16px;
	}
	.index_news_right_m .newstop .newdesc .title{
		width: 100%;
		line-height: 30px;
		text-align: left;
		font-size:16px;
		white-space:nowrap;
		overflow:hidden;
		text-overflow:ellipsis;
		font-weight: bold;
	}

	.index_news_right_m .newstop .newdesc .desc{
		width: 100%;
		line-height: 20px;
		height:60px;
		font-size:14px;
		word-break: break-all;
		text-overflow: ellipsis;
		overflow: hidden;
		display: -webkit-box;
		-webkit-line-clamp: 3;
		-webkit-box-orient: vertical;
		max-height: 60px;
		text-align: left;
    	margin-top: 10px;
	}
	.pd20{padding: 20px;}
	.index_cnt{
		padding: 20px 20px 0;
		width: 100%;
		float: left;
	}
	.index_cnt .index_left{
		width: 100%;
		float: left;
	    position: relative;
	}
	.index_cnt .index_right{
		width: 100%;
		float: left;
	    position: relative;
	}
	.index_title{
		width: 100%;
		float: left;
	}
	.index_title .title{
		font-size:16px;
		font-weight:bold;
		line-height: 40px;
		float: left;
	}
	.index_title .title_en{
		margin-left: 20px;
		font-size:14px;
		line-height: 40px;
		color: #3584B8;
		float: left;
	}
	.index_title .title_en i{
		color: #4EA15D;
	}
	.index_title .title_cls{
		margin-left: 20px;
		float: left;
	}
	.index_title .title_cls a{
		margin-top: 5px;
		display:block;
		color: #3584B8;
		float: left;
		margin-left: 10px;
		padding: 2px 10px;
	}
	.index_title .title_cls a.active{
		 background-color: #3584B8;
		 color: #fff;
	}
	.index_title .title_more{
		margin-left: 20px;
		float: right;
	}
	.index_title .title_more .more,.more{
		margin:10px 0 0 0;
		border-left: 5px #449C59 solid;
		background-color: #3584B8;
		color: #fff;
		padding: 0px 5px;
	}
	.index_title_line{
		width: 100%;
		height:5px;
		border-top:1px #333 dotted; 
		border-bottom: 1px #333 dotted; 
		float: left;
	}
	.index_title_line .line{
		width: 150px;
		height:5px;
		background-color: #3584B8;
		float: left;
		position: absolute;
    	margin-top: -1px;
	}

	.index_case,.index_video{
		display: flex;
		flex-wrap: wrap;
		width:100%;
		overflow: hidden;
		padding: 20px 0 0;
	}
	.index_case li{
		flex: 0 0 50%;
	    max-width: 50%;
	    position: relative;
	    float: left;
	    background-color: #FCFCFC;
	}

	.index_case li{
		padding-left: 5px;
		padding-right: 5px;
	}
	.index_case li .pic{
		width:100%;
		max-height: 90px;
		height:auto;
		overflow: hidden;
		float: left;
	}
	.index_case li .pic img{
		width:100%;
		height:90px;
	}
	.index_case li .desc{
		width:100%;
		float: left;
		padding: 10px 0;
		text-align: center;
		color: #999;
	}
	.index_case li .desc .title{
		height:40px;
		line-height: 40px;
		color: #333;
		font-size:16px;
		font-weight:bold;
	}

	.index_case li .desc p{
		line-height: 25px;
		white-space: pre-line;
	}
	.index_video .video{
		width:100%;
		height:auto;
		overflow: hidden;
		float: left;
	}
	.index_video .video_play{
		display: none;
	}
	.index_video .video i{
		position: absolute;
	    font-size: 50px;
	    color: #fff;
	    margin-top: 100px;
	    margin-left: 40%;
	}
	    
	.index_video .desc{
		width:100%;
		height:40px;
		line-height: 40px;
		float: left;
		white-space:nowrap;
		overflow:hidden;
		text-overflow:ellipsis;
		background-color: #FCFCFC;
		padding: 0 20px;
	}
	.index_video iframe{
		width: 360px !important;
		height: 268px !important;
	}
	
	.jrfz{
		width:100%;
		padding: 20px 0;
		float: left;
	}
	.jrfz .jrfzone{
		display:none;
	}
	.jrfz .active{
		display:block;
	}
	.index_qywh{
		padding:0 20px;
	}
	.qywh{
		width:100%;
	    position: relative;
	    margin-bottom: 20px;
	    float: left;
	}
	.qywh .cnt{
		width:100%;
		border:1px #EEEEEE solid;
		float: left;
	}
	.qywh .pic{width:100%;float: left;}
	.qywh .pic img{width:100%;}
	.qywh .desc{width:100%;padding: 20px 20px 0;float: left;line-height: 25px;}
	.qywh .mores{width:100%;float: left;padding: 0 20px 20px;}
	.qywh .mores .more{float: right;}

	footer{
		margin-top: 20px;
		padding: 20px 0 20px;
		width:100%;
		float: left;
		background-color: #F8F8F8;
		border-bottom: 2px #0564A4 solid;
	}
	footer img{
		max-width: 100%;
	}
	footer .footer_logo{
		display: none;
	}
	footer .footer_logo .logo{
		width:100%;
		float: left;
	}
	footer .footer_logo .link{
		display: none;
	}
	footer .link_m{
		display: block;
		width: 100%;
	    position: relative;
	    float: left;
	}
	footer .footer_cnt{
		padding: 0 20px;
		width: 100%;
	    position: relative;
	    float: left;
	}
	footer .footer_cnt p{
		line-height: 25px;
		width:100%;
		float: left;
	}

	footer .footer_code{
		display: none;
	}

	.listbanner{width: 100%;float: left;overflow: hidden;height: 160px;}
	.listbanner .bannerpic{width: 100%;height: 160px;float: left;position: relative;}
	.listbanner .mask{
		width: 100%;
		height: 160px;
		position: absolute;
		background-color: #000;
		filter:alpha(opacity=30);
	    opacity:0.3;
	}
	.listbanner .listname{
		width: 100%;
		height: 160px;
		font-size:18px;
		position: absolute;
		font-weight:bold;
		filter:alpha(opacity=100);
	    opacity:1;
	    color: #fff;
	    text-align: center;
	}
	.listbanner .listname p{
		margin-top:50px;
		line-height: 30px;
	}

	.fn_left { float: left; }
	.fn_right { float: right; }
	.wzwz{display: none;}
	.wzwz_m{width:100%;padding: 20px 10px 0px; /*border-bottom: #3E9254 2px solid;*/}
	.wzwz .wz_left{float: left;}
	.wzwz .wz_right{float: right;}
	.wzwz .wz_right a { margin: 0 15px; padding-bottom: 10px; }
	.wzwz .wz_right a:hover, .wzwz .wz_right a.active { border-bottom: #3584B8 2px solid; color: #3584B8; }
	.wzwz_m a { margin: 0 5px; padding: 12px; float: left;}
	.wzwz_m a:hover,.wzwz_m a.active{background-color: #3584B8; color: #fff;}
	/*新闻资讯*/
	.nyxw{padding: 20px;}
	.nyxw ul li {width:100%; float: left; display: block; padding: 20px 0; border-bottom: #E4E4E4 1px dashed; }
	.nyxw ul li a { display: block; }
	.nyxw ul li a .nxwimg { width: 30%; max-height: 80px; overflow: hidden; }
	.nyxw ul li a .nxwimg img { width: 100%; transition: all 0.5s; }
	.nyxw ul li a .nxjj { width: 65%; }
	.nyxw ul li a .nxjj h4 { font-size: 16px; font-weight: normal; color: #222; line-height:25px; /*white-space: nowrap; text-overflow: ellipsis; overflow: hidden;*/ }
	.nyxw ul li a .nxjj span { display: block; margin-bottom: 20px; color: #999; font-size: 15px; line-height: 30px;}
	.nyxw ul li a .nxjj p { line-height: 24px;display: none; }
	.nyxw ul li a .nxjj .xmore { margin-top: 0px; border: #3584B8 1px solid; border-radius: 5px; color: #3584B8; display: inline-block; padding: 5px 15px; }
	.nyxw ul li:hover img { transform: scale(1.08); }
	.nyxw ul li a:hover .xmore { background: #3584B8; color: #fff; transition: all 0.5s; }
	
	.xwxql {width: 100%;line-height: 25px; min-height: 500px;  padding:20px 20px 30px 20px; }
	.xwxql .title { text-align: center; display: block; line-height: 50px; font-size: 20px; color: #222; font-weight: normal; }
	.xwxql .desc { display: block; text-align: center; margin-bottom: 50px; }
	.xwxql .content{width:100%;float: left;}
	.xwxql .content img{max-width: 100%;}
	.xwxql p { /*text-indent: 2em;*/line-height: 25px; }
	#share { margin: 30px 0 0 0; }
	#share span { margin-bottom: 0 !important; }
	.xwxql #xwlist { margin-top: 30px;float:left;}
	.xwxql #xwlist p { text-indent: 0 !important; color: #999; }
	.xwxql #xwlist p a:hover { color: #666; text-decoration: underline; }
	
	.brand{padding: 50px 10px;}
	.brand .layui-tab-title{margin-left:0px;}
	.brand .layui-tab-title li{
		/*border:1px #F5F5F5 solid;*/
		background-color: #F5F5F5;
		font-size:16px;
		font-weight:bold;
	}
	.brand .layui-tab-title li img{ width:28px;}
	.brand .layui-tab-title li:first-child{margin-right:20px;}
	.brand .layui-tab-title .layui-this {
		color: #fff !important;
		background: #3584B8;
		border-radius: unset;
	}
	.brand  .brandcnt{
		display: flex;
		flex-wrap: wrap;
		border: 1px #eee solid;
		padding: 10px 0;
	}
	.brand .brandcnt .brand_left,.brand .brandcnt .brand_right{
		width:100%;
	    padding-left: 10px;
	    padding-right: 10px;
	    position: relative;
	    min-height: 1px;
	}
	.brand .brandcnt .brand_left img{
		width:100%;
	}
	.brand .brandcnt .brand_right .title{
		width:100%;
		float: left;
		color: #B98D62;
		font-size:20px;
		height: 40px;
		line-height: 40px;
	}
	.brand .brandcnt .brand_right .desc{
		width:100%;
		float: left;
		line-height: 25px;
	}
	.brand .brandcnt .brand_right .desc p{
		width:100%;
		margin-bottom: 0px !important;
		float: left;
		line-height: 25px;
	}

	.brand .brandcnt .brand_right .desc .more{
		float: right;
		padding: 5px 10px;
		border-left: unset;
	}
	.brand .layui-badge-rim, .layui-border, .layui-colla-content, .layui-colla-item, .layui-collapse, .layui-elem-field, .layui-form-pane .layui-form-item[pane], .layui-form-pane .layui-form-label, .layui-input, .layui-layedit, .layui-layedit-tool, .layui-panel, .layui-quote-nm, .layui-select, .layui-tab-bar, .layui-tab-card, .layui-tab-title, .layui-tab-title .layui-this:after, .layui-textarea {
	    border-color:#fff;
	}

	.ttt {
	    text-align: center;
	    font-size: 30px;
	    margin: 20px auto 20px;
	}
	.hr {
	    width: 60px;
	    margin: 0 auto 20px;
	    height: 3px;
	    background: #3584B8;
	    border-radius: 3px;
	}
	.hr2 {
	    width: 60px;
	    margin: 0 auto 30px;
	    height: 3px;
	    background: #3584B8;
	    border-radius: 3px;
	}
	.tcnt{
		text-align: center;
		width:100%;
		padding:20px;
		float: left;
	}

	.xl{
		font-size: 16px;
	    text-align: center;
	    color: #939393;
	    width: 100%;
	    margin: 0 auto;
	    line-height: 60px;
	    display: flex;
	    flex-wrap: wrap;
	    justify-content: center;
	}
	.xl a{
		margin:0 20px;
	}
	.xl a:hover,.xl .active{
		color: #3584B8;
		border-bottom: 2px #3584B8 solid;
	}

	.list{
		padding:20px;
		width: 100%;
		display: flex;
		justify-content: space-between;
		/*margin-top: 75px;*/
		flex-wrap:wrap;
		text-align: center;
		font-size: 16px;
	}
	.list li{
		width: 50%;
		height: 100px;
		margin-bottom: 15px;
		overflow: hidden;
		cursor: pointer;
		padding-left: 5px;
    	padding-right: 5px;
	}

	.list img{
		width: 100%;
		height: 100px;
		display: block;
		-webkit-transform: scale(1);
	    transform: scale(1);
	    -webkit-transition: all 1s ease-out;
	    transition: all 1s ease-out;
	}
	.list .title{
		width: 100%;
	    background: #333333bf;
	    color: #FFF;
	    margin-top: -50px;
	    z-index: 2;
	    position: relative;
	    height: 50px;
	    line-height: 50px;
	}
	.list li:hover img{
		transform: scale(1.1);
	}

	ul.pagelist { text-align: center; height: auto; width: 100%; margin: 20px auto;float: left; }
	ul.pagelist li { padding: 0; margin: 0; display: inline-block; margin-right: 4px; line-height: 34px; height: auto; width: auto; border: none; background: none; }
	ul.pagelist a, .pagelist .pageinfo {border: 1px solid #eee;padding: 8px 14px;font-size: 14px;_padding: 5px 10px;font-weight: normal;overflow: hidden;overflow: hidden;height: auto;width: auto;}
	ul.pagelist a:hover, .pagelist .thisclass a, .pagelist .active { background: #3584B8; border-color: #3584B8; color: #fff; }
	.pagelist .active a{
		color: #FFF;
	}

	.lx{
		width: 100%;
		padding:20px;
		float: left;
	}

	.hz{
		width: 100%;
		padding:20px;
		float: left;
	}
	.hz .fl{
		width: 100%;
		float: left;
	}
	.hz .fl .d1{
		font-size: 18px;
		font-weight: bold;
		line-height: 32px;
		margin-bottom: 15px;
	}
	.hz .fl .d2{
		font-size: 16px;
		line-height: 21px;
		font-weight: bold;
		margin-bottom: 17px;
	}
	.hz .fl .d3{
		font-size: 14px;
		line-height: 18px;
		color: #676966;
		margin-bottom: 47px;
	}
	.hz .fl .d4{
		height: 5px;
		width: 100px;
		background: #3584B8;
		position: relative;
		z-index: 2;
	}
	.hz .fl .d5{
		height: 1px;
		width: 100%;
		background: #eee;
		margin-top:-3px;
		position: relative;
		z-index: 1;
		margin-bottom: 40px;
	}
	.hz .fl .d6{
		display: flex;
		justify-content: space-between;
		flex-wrap: wrap;
	}
	.hz .dd{
		width: 46%;
		line-height: 25px;
		margin-bottom: 30px;
		color: #8A898E;
		text-align: center;
	}
	.hz .dd span{
		font-size: 14px;
		color: #000;
	}
	.hz .dd img{
		width: 60px;
		vertical-align: middle;
		display: inline-block;
		margin-right: 5px;
	}
	.hz .dd div{
		vertical-align: middle;
		display: inline-block;
		width: 100%;
	}

	.hz .fr{
		float: right;
		width: 100%;
		background: #F5F5F5;
	}
	.hz .fr .hzt{
		font-size: 20px;
		font-weight: bold;
		margin-top:55px;
		text-align: center;
		width: 100%;
	}
	.hz .fr .hr{
		margin: 20px auto;
	}
	.hz .fr form{
		width: 100%;
		float: left;
		padding:20px;
	}
	.hz .ipt{
		display: flex;
		justify-content: space-between;
		flex-wrap: wrap;
	}
	.hz form input{
		width: 100%;
		display: inline-block;
		padding:15px 10px;
		margin-bottom: 20px;
		border: 1px solid #DEDEDE;
		color: #9C9C9C;
	}
	.hz textarea{
		width: 100%;
		border: 1px solid #DEDEDE;
		color: #9C9C9C;
		padding:10px;
		height: 110px;
	}
	.hz .btn{
		padding:10px 60px;
		color: #FFF;
		background: #3584B8;
		border-radius: 10px;
		margin:25px auto 0;
		display: block;
	}

	.lxclear{
		clear: both;
		margin-bottom: 75px;
	}

	.div5{
		background: #f5f5f5;
		width: 100%;
		text-align: center;
		padding: 50px 0;
	}
	.div5 .dt1,.div8 .dt1,.div10 .dt1,.div11 .dt1{
		font-size: 18px;
	}
	.div5 .dt2,.div8 .dt2,.div10 .dt2,.div11 .dt2{
		margin:20px auto 15px;
		width: 60px;
		border-bottom: 3px solid #3584B8;
	}
	.div5 .dt3,.div8 .dt3,.div11 .dt3{
		font-size: 14px;
		color: #999999;
	}
	.div5 .dd{
		display: flex;
		width: 100%;
		padding:50px 20px;
		text-align: center;
		justify-content: space-between;
		flex-wrap: wrap;
		padding-top: 66px;
	}
	.div5 .dd div{
		width:100%;
		margin-bottom:20px;
		background: #FFF;
		box-shadow: 1px 1px 20px 0px #e0e0e0;
	}
	.div5 img{
		display: block;
		width: 100%;
		height: 175px;
		margin:0 auto;
	}
	.div5 .p1{
		margin:20px auto;
		font-size: 14px;
	}
	.div5 .p2{
		font-size: 13px;
		color: #989898;
		width:220px;
		margin:0 auto 50px;
		text-align: left;
		line-height: 27px;
	}
	.div5 .zx{
		padding: 15px 68px;
		background: #2F69B3;
		color: #FFF;
		font-size: 18px;
		margin:53px auto 44px;
		border-radius: 5px;
	}
	
	.div8,.div10,.div11{
		padding: 50px 0 0;
		width: 100%;
		text-align: center;
		margin:0 auto;
	}
	.div8 .dt{
		font-size: 30px;
		margin:125px auto 60px;
	}
	.div8 .dd{
		padding: 50px 20px;
		display: flex;
		justify-content: space-between;
		flex-wrap: wrap;
		width: 100%;
	}
	.div8 .dd div{
		width: 100%;
		margin-bottom:20px;
	}
	.div8 .dd .d2,.div8 .dd .d3,.div8 .dd .d4,.div8 .dd .d5{
		width: 48%;
	}
	.div8 .dd img{
		width: 100%;
		height: 216px;
		display: block;
	}
	.div8 .dd .d2 img,.div8 .dd .d3 img,.div8 .dd .d4 img,.div8 .dd .d5 img{
		height: 150px;
	}
	.div8 .dd span{
		display: block;
		color: #FFF;
		background: #ADADAD;
		padding:15px 0;
		font-size: 14px;
	}

	.div9{
		background-color: #000;
		padding: 50px 0;
	}
	.div9 .dt1{
		font-size:20px;
		margin-bottom: 20px;
		color:#fff;
		text-align: center;
	}
	.div9 .dt2{
		font-size: 14px;
		text-align: center;
		color: #FFF;
		margin-bottom: 20px;
	}
	.div9 .dt3{
		width: 60px;
		margin:0 auto;
		border-bottom: 3px solid #3584B8;
	}
	.div9 .dd{
		padding:0 50px;
		display: flex;
		justify-content: space-between;
		flex-wrap: wrap;
		width: 100%;
		margin:0 auto;
	}
	.div9 .dd .d1,.div9 .dd .d2,.div9 .dd .d3,.div9 .dd .d4,.div9 .dd .d5,.div9 .dd .d6{
		width: 50%;
		margin-top:25px;
	}
	.div9 .dd img{
		display: inline-block;
		width: 40px;
	}
	.div9 .dd .fr{
		width: 100%;
		display: inline-block;
		color: #FFF;
		vertical-align: top;
		float: left;
		padding-right: 20px;
	}
	.div9 .p1{
		font-size: 20px;
		font-weight: bold;
	}
	.div9 .p2{
		margin-top:15px;
	}
	.div10{display:none;}
	.div10 .d1{width:100%; padding:20px;}
	.div10 .d1 img{width:100%;}

	.div11 .d1{
		width:100%;
		padding-top: 20px;
		display: flex;
		flex-wrap: wrap;
	}
	.div11 .d1 .fl{
		display: none;
	}
	.div11 .d1 .fr{
		padding:20px;
		width:100%;
	    position: relative;
	}
	.div11 .d1 .fr ul.mfields {
	    float: left;
	    width:100%;
	    text-align: center;
	}
	.div11 .d1 .fr ul.mfields li {
	    margin-top: 10px;
	    margin-bottom: 10px;
	    float: left;
	    width: 100%;
	    font-family: '微软雅黑';
	    float: left;
	    margin: 7px 0;
	}
	.div11 .d1 .fr ul.mfields .title {
	    padding: 10px 0;
	    line-height: 1.5;
	    color: #5a5a5a;
	    float: left;
	}
	.div11 .d1 .fr ul.mfields .inptext {
	    width: 100%;
	    display: inline-block;
	    padding: 6px 10px;
	    margin-bottom: 0px;
	    border: 1px solid #DEDEDE;
	    color: #9C9C9C;
	}
	.div11 .d1 .fr ul.mfields textarea {
	    width: 100%;
	    border: 1px solid #DEDEDE;
	    color: #9C9C9C;
	    padding: 10px;
	    height: 110px;
	}

	.div11 .d1 .fr ul.mfields .btnsubmit {
	    padding: 10px 0px;
	    width:100%;
	    color: #FFF;
	    background: #3584B8;
	    border-radius: 0px;
	    margin: 25px auto 0;
	    display: block;
	    float: left;
	    border:none;
	}

	.respons ul li {
	    background: #b1e0fa;
	    text-align: center;
	    float: left;
	    margin: 10px;
	    box-shadow: 0px 0px 4px 1px #9b9b9b;
	    width: 43%;
	    min-height: 291px;
	    transition: all .5s;
	}

	.respons ul li .ovh {
	    padding: 20px;
	    transition: all .5s;
	    margin-bottom: 20px;
	    max-height: 200px;
	    overflow: hidden;
	}
	.respons ul li .ovh img {
	    transition: all .5s;
	    width:100%;
	}
	.respons ul li h2 {
	    font-size: 18px;
	    margin-bottom: 20px;
	    color: #333333;
	}
	.respons ul li:hover{background: #3584B8;}

	.respons ul li:hover h2{color: #fff;}

	.respons ul li:hover .ovh{padding: 0px 0px 20px 0px;}

	.respons ul li:hover .ovh img{width: 100%;}

	.sales img{width:100%;}
	.project_case{
		padding:20px;
		width:100%;
    	float: left;
	}
	.project_case .mask{
		width: 100%;
	    height: 30px;
	    line-height: 30px;
	    position: absolute;
	    background-color: #000;
	    filter: alpha(opacity=60);
	    opacity: 0.6;
	    margin-top: 70px;
	}
	.project_case .casename{
		padding: 10px;
	    height: 20px;
	    line-height: 20px;
	    margin-top: 65px;
	    color: #fff;
	    text-align: center;
	    width: 100%;
		position: absolute;
	}
	
	.project_case img{
		width: 100%;
		height: 100px;
	}
	
	.project_case .caseone{
		width:45%;
		overflow: hidden;
    	height: 100px;
		float: left;
		margin:5px;
		position: relative;
	}
	.project_case .casetow{
		width:45%;
		overflow: hidden;
    	height: 100px;
    	margin: 5px;
		float: left;
		position: relative;
	}
	.project_case .casethree{
		width:45%;
		overflow: hidden;
    	height: 100px;
    	margin: 5px;
		float: left;
		position: relative;
	}
	.project_case .ml20{
		margin-left:0px;
	}
	.project_case div{margin-bottom:20px;}
	.qganlist{
		width:100%;
		margin:30px 0;
		float: left;
	}
	.qganlist img{
		width:100%;
		
	}
	.hzhb{
		background-color: #F8F8F8;
		margin-bottom:50px;
	}
	.hzhb .hzhblist{ 
		padding:20px;
		width:100%;
		display: flex;
		flex-wrap: wrap;
		margin-bottom:30px;
		float: left;
	}
	.hzhbone{
		flex: 0 0 50%;
	    max-width: 50%;
	    float: left;
	    margin: 20px 0 0;
	}
	.joinus{
		padding:20px;
		width:100%;
		float: left;
	}
	.joinus .left{
		width:100%;
		float: left;
		background-color: #F8F8F8;
		position: relative;
		overflow: hidden;
	}
	.joinus .left .pic{
		width:100%;
		float: left;
		overflow: hidden;
	}
	.joinus .left .pic img{
		width:100%;
		height: 100%;
	}

	.joinus .left .desc{
		width:100%;
		float: left;
		min-height: 200px;
		padding:20px;
		position: relative;
	}
	.joinus .left .desc .title,.joinus .right2 .desc .title{
		width:100%;
		float: left;
		font-size: 24px;
	    font-family: 微软雅黑;
	    color: #3584B8;
	}
	.joinus .left .desc p,.joinus .right2 .desc p{
		margin:10px 0;
		width:100%;
		float: left;
		font-size: 14px;
    	line-height: 150%;
    	color: #999;
	}
	.joinus .left  a.more,.joinus .right2  a.more{
		padding:5px 10px;
		float: right;
		background: none;
		border:1px #3584B8 solid;
		color: #3584B8;
		position: absolute;
	    bottom: 20px;
	    margin-left: -100px;
	}
	.joinus .left  a.more:hover,.joinus .right2  a.more:hover{
		background-color: #3584B8;
		color: #fff;
	}

	.joinus .right{
		margin-top:20px;
		width:100%;
		float: left;
		overflow: hidden;
	}
	.joinus .right .desc{
		padding:20px;
		width:100%;
		min-height: 200px;
		float: left;
		background-color: #3584B8;
		color: #fff;
		position: relative;
	}
	.joinus .right .pic{
		width:100%;
		max-height: 280px;
		float: left;
		overflow: hidden;
	}
	.joinus .right .pic img{
		width:100%;
	}
	.joinus .right2{
		margin:20px 0 0 0;
		width:100%;
		float: left;
		overflow: hidden;
		background-color: #F8F8F8;
	}
	.joinus .right2 .desc{
		padding:20px;
		width:100%;
		min-height: 200px;
		float: left;
		position: relative;
	}

	.joinus .right2 .pic{
		width:100%;
		max-height: 280px;
		float: left;
		overflow: hidden;
	}
	.joinus .right2 .pic img{
		width:100%;
		height: 281px;
	}

	.joinus .right .desc .title{
		width:100%;
		float: left;
		font-size: 24px;
	    font-family: 微软雅黑;
	    color: #fff;
	    border-bottom: 1px #fff solid;
	    padding-bottom: 10px;
	}
	.joinus .right .desc p{
		margin:10px 0;
		width:100%;
		float: left;
		font-size: 14px;
    	line-height: 150%;
    	color: #fff;
	}
	.joinus .right .desc a.more{
		padding:5px 10px;
		float: right;
		background: none;
		border:1px #fff solid;
		color: #3584B8;
		background-color: #fff;
		position: absolute;
	    bottom: 20px;
	    margin-left: -100px;
	}
	.joinus .right .desc a.more:hover{
		background-color: #3584B8;
		color: #fff;
	}

	.join_in{
		width:100%;
		float: left;
		position: relative;
		margin-bottom:50px;
		overflow: hidden;
	}
	.join_in .mask{
		width: 100%;
	    height: 100%;
	    position: absolute;
	    background-color: #000;
	    filter: alpha(opacity=60);
	    opacity: 0.6;
	}
	.join_in .desc{
		width:100%;
		text-align: center;
	    color: #fff;
	    position: absolute;
	    left: 50%;
	    top: 50%;
	    transform: translate(-50%, -50%);
	}
	.join_in .desc .title{
		font-size: 18px;
    	font-family: 微软雅黑;
    	line-height: 30px;
    	width:100%;
    	float: left;
	}
	.join_in .desc .des{
		font-size: 14px;
    	font-family: 微软雅黑;
    	line-height: 20px;
    	width:100%;
    	float: left;
	}
	.join_in .desc .btn{
		margin-top: 30px;
		width:100%;
    	float: left;
    	text-align: center;
	}
	.join_in .desc .btn a{
		font-size: 18px;
    	font-family: 微软雅黑;
		padding: 5px 50px;
	    color: #3584B8;
	    border: 1px #3584B8 solid;
	    
	}
	.join_in img{
		width:100%;
		float: left;
	}

	.culture{
		display: flex;
		flex-wrap: wrap;
		padding:50px 0;
	}
	.culture .cnt{
		width:100%;
	    padding-left: 15px;
	    padding-right: 15px;
	    margin-bottom:30px;
	    float: left;
	    position: relative;
	}
	.culture .cnt img{
		width:100%;
	}

	.culture .cnt .mask{
		width: calc(100% - 30px);
	    height: 100%;
	    position: absolute;
	    background-color: #000;
	    filter: alpha(opacity=30);
	    opacity: 0.3;
	}
	.culture .cnt .desc{
		width:300px;
		text-align: center;
	    color: #fff;
	    position: absolute;
	    left: 50%;
	    top: 50%;
	    transform: translate(-50%, -50%);
	}
	.culture .cnt .title{
		font-size: 24px;
    	font-family: 微软雅黑;
    	line-height: 50px;
    	width:100%;
    	float: left;
	}
	.culture .cnt .hr {
	    width: 60px;
	    margin: 10px calc(50% - 30px) 10px calc(50% - 30px);
	    height: 2px;
	    background: #fff;
	    border-radius: 3px;
	    float: left;
	}
	.culture .cnt .des{
		font-size: 14px;
    	font-family: 微软雅黑;
    	line-height: 40px;
    	width:100%;
    	float: left;
	}

	.business{
		display: flex;
		flex-wrap: wrap;
		padding:20px;
	}

	.business .first{
		max-width: 100%;
	    position: relative;
	    float: left;
	}
	.business .tow{
		max-width: 100%;
	    position: relative;
	    float: left;
		display: flex;
		flex-wrap: wrap;
	}
	.business .first .one{
		max-width: 100%;
		width: 100%;
	    position: relative;
	    float: left;
	    margin-top:20px; 
	    overflow: hidden;
	}
	.business .tow .one{
		margin-top:20px; 
		max-width: 100%;
		width: 100%;
	    position: relative;
	    float: left;
	    overflow: hidden;
	}

	.business .one img{
		width: 100%;
		height: 100%;
		display: block;
		-webkit-transform: scale(1);
	    transform: scale(1);
	    -webkit-transition: all 1s ease-out;
	    transition: all 1s ease-out;
	}
	.business .one .title{
		width: 100%;
	    background: #333333bf;
	    color: #FFF;
	    margin-top: -50px;
	    z-index: 2;
	    position: relative;
	    height: 50px;
	    line-height: 50px;
	    padding:0 10px;
	}
	.business .one:hover img{
		transform: scale(1.1);
	}
	
	.second-content{width:100%;float: left;padding:20px;}
	.second-news-item{height:45px;line-height:45px;width:100%;}
	.second-news-item-title{float:left;width:70%;padding-left:20px;font-size:16px;background:url(../images/bluetitle-icon.png) no-repeat center left;}
	.second-news-item-title a{color:#333;}
	.second-news-item-date{width:100px;float:left;text-align:right;font-size:16px;}
	.second-title{width:100%;height:50px;background:url(../images/lhtitle-bg.png) no-repeat center;margin:40px auto ;text-align:center;}
	.second-title span{line-height:50px;color:#fff;font-size:26px;font-weight:bold;margin-top:50px;}
	
	#slider {
	    width: 100%;
	    margin: 0 auto;
	    position: relative;
	}
	
	.scroll {
	    height: auto;
	    width: 100%;
	    overflow: auto;
	    overflow-x: hidden;
	    position: relative;
	    clear: left;
	    background: #FFFFFF;
	}
	
	.scrollContainer div.panel {
	    padding: 20px 0;
	    height: auto;
	    width: 100%;
	    display: none;
	}
	
	#shade {
	    height: 50px;
	}
	
	ul.navigation {
	    list-style: none;
	    margin: 0;
	    padding: 0 20px;
	    padding-bottom: 9px;
	    overflow-x: scroll;
	    overflow-y: hidden;
	    height: 60px;
	}
	ul.navigation::-webkit-scrollbar {
	    width: 100%;
	    height: 2px;
	}
	
	ul.navigation li {
	    display: inline;
	    margin: 10px;
	    height: 44px;
	    line-height: 44px;
    	float: left;
	}
	
	ul.navigation a {
	    padding: 14px 30px;
	    color: #000;
	    text-decoration: none;
	    background-color: #F2F2F2;
	}
	
	ul.navigation a:hover {
	    background-color: #f6f6f6;
	}
	
	ul.navigation a.selected {
	    background-color: #3584B8;
	    color: #fff;
	}
	
	ul.navigation a:focus {
	    outline: none;
	}
	
	.scrollButtons {
	    position: absolute;
	    top: 10px;
	    cursor: pointer;
	}
	
	.scrollButtons.left {
	    left: -10px;
	}
	
	.scrollButtons.right {
	    right: -10px;
	}
	
	.hide {
	    display: none;
	}

}