body{
	font-family:"微软雅黑";
	color: #58595b;
	line-height: 26px
}

ul{padding: 0;}
li {list-style-type: none;}
.div,.aboutzi,.view_name,.ser_list,.view_c,.view_l,.view_r,.btn_more,.divbx,.icon_pic,.bottom,.about_banner,.about_c,.welcome,.new_li,.show_pro_c,.pic_text,.pj_pic{
	min-height:20px;
	height:auto !important;
	height:20px;
	overflow:hidden !important;
	overflow:visible;
}
a, img {
    -webkit-touch-callout: none; /*禁止长按链接与图片弹出菜单*/
}
a:link{
	color:#58595b;
	text-decoration: none;
}

a:visited{
	color:#58595b;
	text-decoration: none;
}
a:hover{
	color:#000;
	text-decoration: none;
}
.fl{float: left;}
.fr{float: right;}
.btn_more{
	margin-top: 4%;
	text-align: center;
}
.btn_more a{color: #000;}
.btn_an{
	color: #273B6D;
	padding:8px 25px;	
	width:auto; 
	display:inline-block !important; 
	display:inline;
	cursor: pointer;	
	font-weight: bold;
	letter-spacing: 1px;
}
.btn_an:link{color: #273B6D;}
.btn_an:visited{color:#273B6D;}
.btn_an:hover{color: #3B518C;}

.divbx{
		border-bottom: 1px solid #D3D2D2;		
	}
@media screen and (min-width: 768px) {
	.btn_more .btn{
		font-size: 14px;
	}
	.divnobx,.divbx{		
		margin-top: 4%;
		margin-bottom: 4%;
		padding-bottom: 5%;
	}
	.btn_an{font-size: 22px;}
}
@media screen and (max-width: 767px) {
	.btn_more .btn{
		font-size: 12px;
	}
	.btn_an{font-size: 18px;}
	.divbx,.divnobx{
		margin-top: 8%;
		margin-bottom: 12%;
		padding-bottom: 12%;
	}
}

.bluezi{
	color: #2B426E;
}
.hzi{
	color: #8B8B8B;
}
.bl_zi{color: #000;}
.mar_top{
	margin-top: 5%;
}
.mar_top2{
	margin-top: 25px;
}
.mar_top3{
	margin-top: 8px;
}
.pad_b{padding-bottom: 100px;}

.tc{text-align: center;}
.txtoe { 
	-ms-text-overflow: ellipsis; 
	text-overflow: ellipsis; 
	white-space: nowrap; 
	overflow: hidden; 
}

.trs03s { 
	-webkit-transition: all 0.3s; 
	-o-transition: all 0.3s; 
	transition: all 0.3s; 
}
/*动画*/
.yt, .yb, .xl, .xr, .anime-t { opacity: 0; }
.anime-r .yt, .anime-r.yt { -webkit-animation: yt 1s forwards; -moz-animation: yt 1s forwards; -o-animation: yt 1s forwards; animation: yt 1s forwards; opacity: 1\9\0; }
.anime-r .yb, .anime-r.yb { -webkit-animation: yb 1s forwards; -moz-animation: yb 1s forwards; -o-animation: yb 1s forwards; animation: yb 1s forwards; opacity: 1\9\0; }
.anime-r .xl, .anime-r.xl { -webkit-animation: xl 1s forwards; -moz-animation: xl 1s forwards; -o-animation: xl 1s forwards; animation: xl 1s forwards; opacity: 1\9\0; }
.anime-r .xr, .anime-r.xr { -webkit-animation: xr 1s forwards; -moz-animation: xr 1s forwards; -o-animation: xr 1s forwards; animation: xr 1s forwards; opacity: 1\9\0; }
.anime-r .yt:nth-child(1), .anime-r .yb:nth-child(1), .anime-r .xl:nth-child(1), .anime-r .xr:nth-child(1) {
  -webkit-animation-delay: 0.1s; -moz-animation-delay: 0.1s; -o-animation-delay: 0.1s; animation-delay: 0.1s;
}
.anime-r .yt:nth-child(2), .anime-r .yb:nth-child(2), .anime-r .xl:nth-child(2), .anime-r .xr:nth-child(2) {
  -webkit-animation-delay: 0.2s; -moz-animation-delay: 0.2s; -o-animation-delay: 0.2s; animation-delay: 0.2s;
}
.anime-r .yt:nth-child(3), .anime-r .yb:nth-child(3), .anime-r .xl:nth-child(3), .anime-r .xr:nth-child(3) {
  -webkit-animation-delay: 0.3s; -moz-animation-delay: 0.3s; -o-animation-delay: 0.3s; animation-delay: 0.3s;
}
.anime-r .yt:nth-child(4), .anime-r .yb:nth-child(4), .anime-r .xl:nth-child(4), .anime-r .xr:nth-child(4) {
  -webkit-animation-delay: 0.4s; -moz-animation-delay: 0.4s; -o-animation-delay: 0.4s; animation-delay: 0.4s;
}
.anime-r .yt:nth-child(5), .anime-r .yb:nth-child(5), .anime-r .xl:nth-child(5), .anime-r .xr:nth-child(5) {
  -webkit-animation-delay: 0.5s; -moz-animation-delay: 0.5s; -o-animation-delay: 0.5s; animation-delay: 0.5s;
}
.anime-r .yt:nth-child(6), .anime-r .yb:nth-child(6), .anime-r .xl:nth-child(6), .anime-r .xr:nth-child(6) {
  -webkit-animation-delay: 0.6s; -moz-animation-delay: 0.6s; -o-animation-delay: 0.6s; animation-delay: 0.6s;
}
.anime-r .yt:nth-child(7), .anime-r .yb:nth-child(7), .anime-r .xl:nth-child(7), .anime-r .xr:nth-child(7) {
  -webkit-animation-delay: 0.7s; -moz-animation-delay: 0.7s; -o-animation-delay: 0.7s; animation-delay: 0.7s;
}
.anime-r .yt:nth-child(8), .anime-r .yb:nth-child(8), .anime-r .xl:nth-child(8), .anime-r .xr:nth-child(8) {
  -webkit-animation-delay: 0.8s; -moz-animation-delay: 0.8s; -o-animation-delay: 0.8s; animation-delay: 0.8s;
}
.anime-r .yt:nth-child(9), .anime-r .yb:nth-child(9), .anime-r .xl:nth-child(9), .anime-r .xr:nth-child(9) {
  -webkit-animation-delay: 0.9s; -moz-animation-delay: 0.9s; -o-animation-delay: 0.9s; animation-delay: 0.9s;
}
.anime-r .yt:nth-child(10), .anime-r .yb:nth-child(10), .anime-r .xl:nth-child(10), .anime-r .xr:nth-child(10) {
  -webkit-animation-delay: 1.0s; -moz-animation-delay: 1.0s; -o-animation-delay: 1.0s; animation-delay: 1.0s;
}
.anime-r .yt:nth-child(11), .anime-r .yb:nth-child(11), .anime-r .xl:nth-child(11), .anime-r .xr:nth-child(11) {
  -webkit-animation-delay: 1.1s; -moz-animation-delay: 1.1s; -o-animation-delay: 1.1s; animation-delay: 1.1s;
}
.anime-r .yt:nth-child(12), .anime-r .yb:nth-child(12), .anime-r .xl:nth-child(12), .anime-r .xr:nth-child(12) {
  -webkit-animation-delay: 1.2s; -moz-animation-delay: 1.2s; -o-animation-delay: 1.2s; animation-delay: 1.2s;
}
.anime-r .yt:nth-child(13), .anime-r .yb:nth-child(13), .anime-r .xl:nth-child(13), .anime-r .xr:nth-child(13) {
  -webkit-animation-delay: 1.3s; -moz-animation-delay: 1.3s; -o-animation-delay: 1.3s; animation-delay: 1.3s;
}
.anime-r .yt:nth-child(14), .anime-r .yb:nth-child(14), .anime-r .xl:nth-child(14), .anime-r .xr:nth-child(14) {
  -webkit-animation-delay: 1.4s; -moz-animation-delay: 1.4s; -o-animation-delay: 1.4s; animation-delay: 1.4s;
}
.anime-r .yt:nth-child(15), .anime-r .yb:nth-child(15), .anime-r .xl:nth-child(15), .anime-r .xr:nth-child(15) {
  -webkit-animation-delay: 1.5s; -moz-animation-delay: 1.5s; -o-animation-delay: 1.5s; animation-delay: 1.5s;
}
.anime-r .yt:nth-child(16), .anime-r .yb:nth-child(16), .anime-r .xl:nth-child(16), .anime-r .xr:nth-child(16) {
  -webkit-animation-delay: 1.6s; -moz-animation-delay: 1.6s; -o-animation-delay: 1.6s; animation-delay: 1.6s;
}
@keyframes yt {
  0% { -webkit-transform: translate3d(0, -30px, 0); -ms-transform: translate3d(0, -30px, 0); -o-transform: translate3d(0, -30px, 0); transform: translate3d(0, -30px, 0); opacity: 0; }
  100% { -webkit-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; }
}
@-webkit-keyframes yt { 0% { -webkit-transform: translate3d(0, -30px, 0); opacity: 0; } 100% { -webkit-transform: translate3d(0, 0, 0); opacity: 1; } }
@-moz-keyframes yt { 0% { -moz-transform: translate3d(0, -30px, 0); opacity: 0; } 100% { -moz-transform: translate3d(0, 0, 0); opacity: 1; } }
@-o-keyframes yt { 0% { -o-transform: translate3d(0, -30px, 0); opacity: 0; } 100% { -o-transform: translate3d(0, 0, 0); opacity: 1; } }
@keyframes yb {
  0% { -webkit-transform: translate3d(0, 30px, 0); -ms-transform: translate3d(0, 30px, 0); -o-transform: translate3d(0, 30px, 0); transform: translate3d(0, 30px, 0); opacity: 0; }
  100% { -webkit-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; }
}
@-webkit-keyframes yb { 0% { -webkit-transform: translate3d(0, 30px, 0); opacity: 0; } 100% { -webkit-transform: translate3d(0, 0, 0); opacity: 1; } }
@-moz-keyframes yb { 0% { -moz-transform: translate3d(0, 30px, 0); opacity: 0; } 100% { -moz-transform: translate3d(0, 0, 0); opacity: 1; } }
@-o-keyframes yb { 0% { -o-transform: translate3d(0, 30px, 0); opacity: 0; } 100% { -o-transform: translate3d(0, 0, 0); opacity: 1; } }
@keyframes xl {
  0% { -webkit-transform: translate3d(-30px, 0, 0); -ms-transform: translate3d(-30px, 0, 0); -o-transform: translate3d(-30px, 0, 0); transform: translate3d(-30px, 0, 0); opacity: 0; }
  100% { -webkit-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; }
}
@-webkit-keyframes xl { 0% { -webkit-transform: translate3d(-30px, 0, 0); opacity: 0; } 100% { -webkit-transform: translate3d(0, 0, 0); opacity: 1; } }
@-moz-keyframes xl { 0% { -moz-transform: translate3d(-30px, 0, 0); opacity: 0; } 100% { -moz-transform: translate3d(0, 0, 0); opacity: 1; } }
@-o-keyframes xl { 0% { -o-transform: translate3d(-30px, 0, 0); opacity: 0; } 100% { -o-transform: translate3d(0, 0, 0); opacity: 1; } }
@keyframes xr {
  0% { -webkit-transform: translate3d(30px, 0, 0); -ms-transform: translate3d(30px, 0, 0); -o-transform: translate3d(30px, 0, 0); transform: translate3d(30px, 0, 0); opacity: 0; }
  100% { -webkit-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; }
}
@-webkit-keyframes xr { 0% { -webkit-transform: translate3d(30px, 0, 0); opacity: 0; } 100% { -webkit-transform: translate3d(0, 0, 0); opacity: 1; } }
@-moz-keyframes xr { 0% { -moz-transform: translate3d(30px, 0, 0); opacity: 0; } 100% { -moz-transform: translate3d(0, 0, 0); opacity: 1; } }
@-o-keyframes xr { 0% { -o-transform: translate3d(30px, 0, 0); opacity: 0; } 100% { -o-transform: translate3d(0, 0, 0); opacity: 1; } }

/*top menu*/
.header { 
	position: fixed; 
	top: 0; 
	left: 0; 
	z-index: 9; 
	width: 100%; 
}
.header:before, .nav:before { 
	content: '　'; 
	position: absolute; 
	top: 0; 
	left: 0; 
	z-index: 8; 
	width: 100%; 
	height: 100%; 
	font-size: 0; 
	/*background: rgba(21,26,76,.6);
	-ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#66151A4C,endColorstr=#66151A4C);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#66151A4C,endColorstr=#66151A4C);*/

}
.addcss{background-color:#151A4C;}
.addcss2{
	background: rgba(21,26,76,.85);
	-ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#CC151A4C,endColorstr=#CC151A4C);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#CC151A4C,endColorstr=#CC151A4C);
}
.header .top_c{
	width: 92%;
	margin: 0 auto;
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.header .top_c .logo { 
	position: relative; 
	z-index: 9; 
}
.header .btn { 
	position: relative; 
	z-index: 9; 
	cursor: pointer; 
	padding: 0px;
	margin-top: 5px;
}
.header .btn .line { 
	display: block; 
	margin-bottom: 5px; 
	width: 30px; 
	height: 3px; 
	overflow: hidden;
	border-radius: 6px;
}
.header .btn .co_line1{background-color: #ED037B;}
.header .btn .co_line2{background-color: #6BC7F9;}
.header .btn .co_line3{background-color: #C3C3C2;}
.header .btn:hover { 
	-webkit-transform: rotate(180deg); 
	-moz-transform: rotate(180deg); 
	-ms-transform: rotate(180deg); 
	-o-transform: rotate(180deg); 
	transform: rotate(180deg); 
}
.header .btn:hover .line { 
	margin-left: 5px; 
	width: 22px; 
}
.header .btn:hover .line-t { 
	-webkit-transform: translate3d(7px, 6px, 0) rotate(45deg); 
	-moz-transform: translate3d(7px, 6px, 0) rotate(45deg); 
	-ms-transform: translate3d(7px, 6px, 0) rotate(45deg); 
	-o-transform: translate3d(7px, 6px, 0) rotate(45deg); 
	transform: translate3d(7px, 6px, 0) rotate(45deg); 	
	background-color: #ED037B; 
}
.header .btn:hover .line-m { 
	-webkit-transform: translate3d(-7px, -4px, 0) rotate(-45deg); 
	-moz-transform: translate3d(-7px, -4px, 0) rotate(-45deg); 
	-ms-transform: translate3d(-7px, -4px, 0) rotate(-45deg); 
	-o-transform: translate3d(-7px, -4px, 0) rotate(-45deg); 
	transform: translate3d(-7px, -4px, 0) rotate(-45deg); 
	background-color: #6BC6F8; 
}
.header .btn:hover .line-b { 
	-webkit-transform: translate3d(0, -4px, 0) rotate(90deg); 
	-moz-transform: translate3d(0, -4px, 0) rotate(90deg); 
	-ms-transform: translate3d(0, -4px, 0) rotate(90deg); 
	-o-transform: translate3d(0, -4px, 0) rotate(90deg); 
	transform: translate3d(0, -4px, 0) rotate(90deg); 
	background-color: #C3C3C2;
}
.nav { 
	display: none; 
	position: fixed; 
	top: 0; 
	left: 0; 
	z-index: 10; 
	width: 100%; 
	height: 100%; 
}
.nav:before { 
	z-index: 9; 
	background-color: #000; 
	opacity: 0.8; 
	filter: alpha(opacity=80); 
}
.nav .list { 
	position: absolute; 
	top: 50%; 
	left: 25%; 
	z-index: 10; 
	margin-top: -240px; 
	width: 50%; 
}
.nav .list .row { margin: 10px auto; }
.nav .list .link { 
	display: block; 
	font-weight: lighter; 
	text-align: center; 
	color: #eee; 
}
.nav .list .link:hover { color: #AABEDF;}
.nav .close { 
	position: absolute; 
	top: 35px; 
	right: 3.38%; 
	z-index: 10; 
	width: 40px; 
	height: 40px; 
	background: url(../images/close.png) 0 0 no-repeat; 
	opacity: .5;
}
.nav .close:hover { 
	-webkit-transform: rotateZ(180deg); 
	-moz-transform: rotateZ(180deg); 
	-ms-transform: rotateZ(180deg); 
	-o-transform: rotateZ(180deg); 
	transform: rotateZ(180deg); 
	opacity: 1;
}
@media screen and (min-width: 768px) {	
	.top_c { padding: 12px 0;}
	.header .top_c .Rinfo{
		width: 578px;
		display: flex;
		align-items: center;
		justify-content: space-between;
		position: relative;
	    z-index: 9;
	}
	.nav .list .link { 
		font-size: 40px; 
		line-height: 80px; 
	}
	.header .top_c .logo {	width: 12%;}	
	.header-small .top_c .logo { width: 8%; }
	.header-small .top_c{padding: 5px;}
}
@media screen and (max-width: 767px) {
	.top_c { padding: 10px 4px 8px 4px;}
	.header .top_c .logo {	width: 45%;}
	.header-small .top_c .logo { width: 30%; }
	.header-small .top_c{padding: 8px 1px;}
	.Rinfo{width: 30%;}
	.Rinfo img{display: none;}
	.nav .list .link { 
		font-size: 30px;  
		line-height: 60px; 
	}
}

.header-small .Rinfo img { display: none; }
.header-small .btn { 
	/*margin-top: 8px; */
	-webkit-transform: scale(0.8); 
	-moz-transform: scale(0.8); 
	-ms-transform: scale(0.8); 
	-o-transform: scale(0.8); 
	transform: scale(0.8); 
}
.header-small .btn:hover { 
	-webkit-transform: scale(0.8) rotate(180deg); 
	-moz-transform: scale(0.8) rotate(180deg); 
	-ms-transform: scale(0.8) rotate(180deg); 
	-o-transform: scale(0.8) rotate(180deg); 
	transform: scale(0.8) rotate(180deg); 
}

/*top menu end*/

/*banner*/

 .carousel-indicators {
    position: absolute;
    left:0;
    right: 0;
    bottom: 3%;
    width: auto;
    margin: 0 60px;
    padding:0;
    padding: 23px 0 0;
}
.carousel-indicators li {
    border: 0 none;    
    background: #fff;
    cursor: pointer;
    opacity: .5;
    /*-webkit-transform: skew(-20deg);
    -moz-transform: skew(-20deg);
    -o-transform: skew(-20deg);
    -ms-transform: skew(-20deg);*/
    border-radius: 4px;
}
	
@media screen and (min-width: 768px) {
/*	.carousel{
		padding-top: 6%;
	}*/
	.carousel-indicators li {   
	    /*width: 2.5%;*/
	    width: 32px;
	    height: 2px;
	    margin: 0 4px;  
	    border-radius: 4px;
	}
	.carousel-indicators li.active {
	    width: 32px;
	    height: 2px;
	    opacity: 1;
	    margin: 0 4px;
	}
}
@media screen and (max-width: 767px) {
/*	.carousel{
		padding-top: 18%;
	}*/
	.carousel-indicators li {
	    width: 5%;
	    height: 2px;
	    margin: 0 2px;	    
	    border-radius: 4px;
	}
	.carousel-indicators li.active {
	    width: 5%;
	    height: 2px;
	    opacity: 1;
	    margin: 0 2px;
	}
}
.ie8 .carousel-indicators li.active {background: #B8B8B8;}


/*banner end*/

.colorrow{
	width: 100%;
	height: 44px;
	line-height: 44px;
	color: #fff;
	text-align: center;
	background: -moz-linear-gradient(right, #16286A 0%, #B0437C 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#16286A), color-stop(100%,#B0437C));
    background: -webkit-linear-gradient(right, #16286A 0%,#B0437C 100%);
    background: -o-linear-gradient(right, #16286A 0%,#B0437C 100%);
    background: -ms-linear-gradient(right, #16286A 0%,#B0437C 100%);
    background: linear-gradient(to right, #16286A 0%,#B0437C 100%);
}
.aboutzi{
	margin: 4% auto 6% auto;
	color: #717171;
	text-align: center;	
}
.piczi2{
		width: 100%;		
		text-align: center;
		margin-bottom: 4%;
}
.piczi img{margin: 0 auto;}
@media screen and (min-width: 768px) {	
	.piczi{
		width: 30%;
		margin: 8% auto 1% auto;
	}	
	.piczi2{
		font-size: 42px;
		height: 70px;
		line-height: 70px;
	}
	.colorrow{
		font-size: 22px;
		letter-spacing: 15px;
	}
	.aboutzi{
		width: 60%;
		font-size: 16px;
		line-height: 36px;
	}
	.pj_tit{font-size: 24px;}
}
@media screen and (min-width: 1280px) {
	.piczi{
		width: 20%;
	}
}
@media screen and (min-width: 1680px) {
	.aboutzi{width: 50%;}
}
@media screen and (max-width: 767px) {
	.piczi{
		width: 39%;		
		margin: 15px auto 1% auto;
	}	
	.piczi2{
		font-size: 22px;
		height: 50px;
		line-height: 50px;
	}
	.colorrow{
		font-size: 18px;
		letter-spacing: 5px;
	}
	.aboutzi{
		width: 86%;
		line-height: 28px;
	}
	.pj_tit{font-size: 18px;}
}


/*project*/
.pj_tit{
	color: #fff;
	padding:15px 25px;	
	background-color: #2E4070;
	width:auto; 
	display:inline-block !important; 
	display:inline;
	letter-spacing: 1px;
}
.pj_tit_jian{
	background: url("../images/jian.jpg") top center no-repeat;
	background-size: 23px 13px;
}
.tit{
	padding: 4% 0;
	text-align: center;	
	/*white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;*/
}

.divbx .pro_w .imgk {
	height: 70%;
	background: #000;
	overflow: hidden;
}
.tr_am,.divbx .pro_w img,.new_li .new_pic img{
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-ms-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}
.divbx .pro_w img:hover{  
    transform: scale(1.02);  
}  
.tr_am:hover img {
    opacity: 0.8;
    filter: alpha(opacity=80);
    -webkit-transform: scale(1.06);
    -moz-transform: scale(1.06);
    -ms-transform: scale(1.06);
    -o-transform: scale(1.06);
    transform: scale(1.06);
}
.home_newstit{
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
@media screen and (min-width: 1280px){
	.divbx .pro_w{
		width: 90%;
		margin: 50px auto 0 auto;
	}
	.divbx .news_w{
		width: 70%;
		margin:0 auto;
	}
	
	.container-fluid{
		margin: 0;
	}
	.pro_w .col-md-4{
		padding: 0;
	}
}
@media screen and (max-width: 1279px){
	.divbx .pro_w{
		width: 98%;
	}
	.divbx .news_w{
		width: 90%;
	}
	.pro_w .col-md-4{
		padding: 0;
	}
}

@media screen and (max-width: 767px){
	.divbx .pro_w.pro_w{
		width: 90%;
		margin: 0 auto;
		padding: 0 15px;
		}	
}

/*project end*/

.index_tit{
	font-size: 32px;
	padding: 20px 0 40px;
	margin-bottom: 30px;
	text-align: center;
}
.icon_pic{
	width: 85%;
	margin: 0 auto 8px auto;
}
@media screen and (max-width: 767px){
	.hid_mov{display: none;}
	.index_tit{
		font-size: 24px;
		padding: 40px 0 20px;
		margin-bottom: 10px;
	}
	.icon_pic{
		width: 55%;
	}
}

.icon_pic img{margin: 0 auto;}
.piclink a{
	display: block;
	width: auto;
}
.pro_w .row > div{
	margin-top: 25px;
	margin-bottom: 20px;
}
.pz{
	width: 98%;
	float: left;
}
.pro_w .row > div .icon_x{	
	width: 1px;
	height: 85px;	
	background: #DCDCDC;
	overflow: hidden;
	float: right;
	margin-top: 12%;
}
.col-md-2,.col-sm-3,.col-xs-6{
	padding: 0;
}
.news_date{
	font-size: 26px;
	width: 100%;
	line-height: 40px;
	border-bottom: 1px solid #D3D2D2;
	margin: 6% 0;
	padding: 4% 0;
}
@media screen and (max-width: 767px){
	.news_date{
		font-size: 20px;
		line-height: 30px;
		text-align: center;
		border-bottom: none;
		margin: 0 0 2% 0;
		padding: 0 0 2% 0;
	}
	.news_w .col-xs-12{
		margin-bottom: 30px;
		padding-bottom: 25px;
		border-bottom: 1px solid #D3D2D2;
	}
	

}
.news_w .col-md-4{
	padding-right: 25px;
	padding-left: 25px;
}

/*.bottom .menu_col1 li{
	display:inline-block; 
	padding: 0 15px;
}*/
@media screen and (min-width: 1280px){
	.bottom .bottom_main{
		width: 1050px;
		margin: 0 auto;
		color: #BBC0B9;
	}
	.bkw .bottom_main2{
		width: 1050px;
		margin: 0 auto;
		color: #504c4b;
	}
	.bottom .code{
		width: 8%;
		float: left;
		text-align: center;
		margin-right: 2%;
		margin-top: 45px;
	}
	.bottom .code img{
		margin: 0 auto  5px auto;
	}
	.bottom .bot_pj,.bottom .bot_pj2{
		height: 215px;
		float: left;
		border-right: 1px solid #5E687F;
		padding: 0 1%;
	}
	.bottom .bot_pj3{
		width: 26%;
		height: 215px;
		float: left;		
		padding: 0 1%;
	}
	.bottom .bot_pj{
		width: 29%;
	}
	.bottom .bot_pj2{
		width: 12%;
	}
	.bottom .bot_menu_tit,.bottom .bot_menu_tit2{
			width: 100%;
			height: 35px;
			font-size: 16px;
		}
	.bottom .bot_menu_tit{
		padding-left: 15px;
	}
	
	.bottom .menu_col1{
		width: 45%;
		float: left;
		margin-left: 6%;
	}
	.bottom .bot_pj2 ul{
		width: 65%;
		margin-left:15%;	
		text-align: center;
	}
	.bottom .menu_col3{
		float: left;
		margin-left: 6%;
	}
	.bottom ul li{
		height: 30px;
		line-height: 40px;
		vertical-align: bottom;
		overflow: hidden;
	}
	.bottom a{
		color: #C3C3C2;
	}
	.bottom a:hover{
		color: #FFF;
	}
	.bottom a:link{
		color: #C3C3C2;
	}
	.bottom .bot_about{
		width:auto; 
		display:inline-block !important; 
		display:inline;
		float: left;
		border-left: 1px solid #5E687F;
		padding: 0 2%;
	}	
	.bottom .bot_add{
		width: 22%;
		min-height: 215px;
		float: left;
		padding-left:2%;
		line-height: 20px;
		border-left: 1px solid #5E687F;
	}	
	.bottom .add_c{
		padding-right: 15px;
		margin-top: 35px;
	}
}
@media screen and (max-width: 1279px){
	.bottom .bottom_main{
		width: 100%;
		margin: 20px auto;
	}
	.bkw .bottom_main2{
		width: 1050px;
		margin: 0 auto;
		color: #504c4b;
	}
	.bottom .bot_pj3{
		width: 100%;
		float: right;
	}
	.menu_col3 li{text-align:center;}
	.bottom .code{
		width: 100%;
		clear: both;
		text-align: center;
		margin-right: 0;
		float: left;
		border-bottom: 1px solid #71716F;
		padding-bottom: 30px;
	}
	.bottom .code img{
		margin:25px auto 10px auto;
	}
	.bottom .bot_add{
		width: 100%;
		clear: both;
		padding-left:0;
		line-height: 20px;
		text-align: center;
	}
	.bottom .add_c{
		width: 68%;
		padding-top: 45px;
		padding-bottom: 15px;
		margin:0 auto;
		color: #71716F;
	}	
	.bottom .logok,.bottom .logok img{
		margin-left: auto;
		margin-right: auto;
	}
	.hid_mov2{display: none;}
}
.bottom{
	width: 100%;
	background: #303457;
	padding: 4% 0;
	color: #C3C3C2;
	font-size: 12px;
}
.bottom .logok{
	width: 85%;
	margin-bottom: 20px;
}


.imgk .img-responsive{
	width: 100% !important;
	height: auto !important;
}

/*about*/


.about_c{
	margin-top: 15%;
	margin-bottom: 4%;
	padding-bottom: 5%;
	font-size: 16px;
}
.about_pic{	margin-top: 40px;	}
.about_text .bluetit{font-weight: bold;}

@media screen and (min-width: 768px){
	.about_banner{
		width: 100%;
		margin: 30px 0 120px;
	}
	.about_c{width: 90%;}
	.about_tit{
		width: 100%;
		font-size: 32px;	
		line-height: 38px;
	}
	.about_text{
		width: 75%;
		float: left;
	}
	.about_text .bluetit{
		font-size: 38px;
		margin-bottom: 30px;
	}	
	.about_text .bluetit2{		
		font-size: 22px;
		margin-bottom: 25px;
	}
	.about_pic{	width: 85%;	}
	.welcome{
		width: 320px;	
		margin: 180px auto;
	}
	.about_text .divbx,.about_text .divbx_last{
		margin-top:0;
		margin-bottom: 110px;
		padding-bottom: 110px;
	}
}
@media screen and (min-width: 1024px){
	.about_c{width: 85%;}
	.about_pic{	width: 80%;	}	
}
@media screen and (min-width: 1280px){
	.about_c{width: 75%;}
	.about_pic{	width: 75%;	}
	
}

@media screen and (max-width: 767px){	
	.about_banner{
		width: 100%;
		margin: 30px 0 60px;
	}
	.about_c{
		width: 100%;
		margin: 120px auto 70px auto;
		border-bottom: none;
		margin-bottom: 0;
		padding-bottom: 12%;
	}
	
	.about_text{
		width: 90%;	
		margin: 25px auto 0 auto;
	}
	.about_tit{
		font-size: 24px;
		line-height: 34px;
		text-indent: 10px;
	}
	.about_text .bluetit{
		font-size: 22px;
		margin-bottom: 25px;
	}
	.about_text .bluetit2{
		font-size: 16px;
		margin-bottom: 25px;
	}
	.welcome{
		width: 70%;		
		margin: 80px auto;
	}
	.about_text .divbx,.about_text .divbx_last{
		margin-top:0;
		margin-bottom: 55px;
		padding-bottom: 55px;
	}
}



.pic_text{
	width:fit-content;
	width:-webkit-fit-content;
	width:-moz-fit-content;
	margin: 0 auto;
	-webkit-font-smoothing: subpixel-antialiased;
}
.ce_ch{
	font-size: 28px;	
}
.text_spac,.ce_ch,{
	letter-spacing: 2px;
}
.welcome{		
	font-size: 24px;
	text-align: center;
	border: 6px solid #ADADAD;
	padding: 28px 0px;
	}
/*about end*/

/*service*/
.serbg{
	background-color: #303457;
	padding: 8% 0;
}
.ser_tit{
	width: 184px;
	height: 48px;
	line-height: 48px;
	text-align: center;
	font-size: 18px;
	border: 1px solid #919FB9;
	margin: 0 auto;
}
.col1{color: #91BCDF;}
.col2{color: #B87984;}
.col3{color: #A7BA9E;}
.col4{color: #D6C4C2;}
.col5{color: #BBC1C1;}
.ser_list ul{
	width: 184px;
	margin:20px auto 0 auto;
}
.ser_list ul li{
	color: #CDD2F2;
}
.ser_list ul li:first-child{
	font-size: 14px;
	font-weight: bold;
}
.ser-lg{margin-bottom: 40px;}
@media screen and (min-width: 768px){	
	.ser_list ul{ 
		height: 288px;
		border-left: 1px solid #656C89; 
	}
	.ser_list ul li{
		height: 48px;
		text-indent: 20px;
		font-size: 12px;
	}
	.ser_list .ser-lg{
		width: 33.33%;
		float: left;
	}
}
@media screen and (min-width: 1280px){
	.ser_list{
		width: 1250px;	
		margin: 0 auto;			
	}
	.ser_list .ser-lg{
		width: 20%;
		float: left;
	}
}
@media screen and (max-width: 767px){	
	.ser_list .ser-lg{
		width: 184px;
		margin-left: auto;
		margin-right: auto;
	}
	.ser_list ul li{
		height: 35px;
		text-align: center;
		font-size: 14px;
	}

}

/*service end*/

/*view*/
.view_tit{
	height: 55px;	
	margin-bottom: 3%;
}
.view_tit2{
	line-height: 50px;
	font-size:16px;
	font-weight: bold;
}

.view_r li{
	width: 100%;
	border-bottom: 1px solid #D3D2D2;
	margin-bottom: 45px;
	padding-bottom: 40px;
}
.view_r li:last-child{
	border-bottom: none;
}
.view_c #viewone {text-align: left;}
.view_c #viewone .btn_an{
	color: #fff;
	background-color: #2E437A;
	font-size: 16px;
	font-weight: initial;
}

@media screen and (min-width: 768px){
	.view_c{
		width: 85%;
		margin: 8% auto 100px auto;
	}
	.view_tit{
		height: 55px;
		font-size: 34px;
		line-height: 50px;
	}
	.view_date {
	    font-size: 26px;
	    width: 100%;
	}
	.view_r li .infoK{width:47%;}
	.view_c .view_l{
		width: 30%;
		float: left;
		color: #717171;
	}
	.view_c .view_r{
		width: 63%;
		float: right;
	}
	.view_c #viewtwo{display: none;}
	.view_c .btn_more {
	    margin-top: 18%;
	    text-align: left;
	}
	.view_name{
		font-size: 20px;
		margin: 30px 0 10px;
	}
}

@media screen and (min-width: 1680px){
	.view_c{
		width: 72%;
		margin: 8% auto 100px auto;
	}
	
}
@media screen and (max-width: 767px){
	.view_c{
		width: 90%;
		margin: 8% auto 100px auto;
	}
	.view_tit{
		height: 45px;
		font-size: 24px;
		margin-bottom: 3%;
	}
	.view_date {
	    font-size: 22px;
	    width: 100%;
	    margin-top: 20px;
	}
	.view_c .view_l,.view_c .view_r{width: 100%;}
	.view_c #viewone{display: none;}
	.view_r{margin-top: 40px;}
	.view_c .btn_more {
	    margin: 12% 0;
	    text-align: center;
	}
	.view_r li .infoK{width:100%;}
	.view_name{
		font-size: 18px;
		height: 30px;
		margin: 15px 0 5px;
	}
}
/*view end*/

/*news*/
.news_tit{
	border-bottom: 1px solid #D3D2D2;
}

.news_tit .news_c{		
	margin: 0 auto;
	text-align: left;
}

.new_li{
	padding-bottom: 40px;
	border-bottom: 1px solid #D3D2D2;
}
.news_text{
	position: relative;
}
.news_date2{
	color: #4c4c4c;
	height: 50px;
	font-size: 18px;
}

.news_tit2:hover{ 
	color: #009ae7;
	cursor: pointer;
}

.page{
	height: 50px;
	line-height: 50px;
	text-align: center;
	margin: 20px 0 100px 0;
}
.news_info img{
	display: block;
	max-width: 100%;
	height: auto;
	margin: 20px auto 0 auto;
}
.details{
		width: 116px;
		height: 33px;
		line-height: 33px;
		text-align: center;
		background: #8D9EBC;
		color: #fff;
	}
@media screen and (min-width: 768px){
	.news_tit{
		margin-top: 15%;
	}
	.news_tit .news_c{
		width: 75%;
	}
	.news_c2{
		width: 75%;
		margin: 0 auto;
	}
	.new_li{margin-top: 60px;}
	.new_pic{
		width: 38%;
		float: left;
		overflow: hidden;
	}
	.news_text{
		width: 46%;
		margin-left: 4%;
		float: left;
	}
	.news_tit2,.news_tit3{
		font-size: 20px;
		margin-bottom: 30px;
	}
	.details{		
		/*margin-top: 40px;*/
		font-size: 18px;
		position: absolute;
		left: 0;
		bottom: 0;
	}
	.news_back{
		width: 25%;
		float: left;
	}
	.news_info{
		width: 72%;
		float: right;
	}
	.cont_add{
		width: 55%;
		float: left;
	}

}
@media screen and (max-width: 767px){
	.news_tit{
		margin-top: 80px;
	}
	.news_tit .news_c{
		width: 90%;
	}
	.news_c2{
		width: 90%;
		margin: 0 auto;
	}
	.new_li{margin-top: 30px;}
	.new_pic,.news_text{
		width: 100%;
		margin-top: 20px;
	}
	.news_text{		
		margin-left: auto;
	}
	.news_tit2,.news_tit3{
		font-size:16px;
		margin-bottom: 20px;
	}
	.details{
		font-size: 18px;
		margin-top: 20px;
	}
	.news_back,.news_info,.cont_add{
		width: 100%;
		margin-bottom: 20px;
	}
}
.cont_name{
	padding-bottom: 30px;
	margin-bottom: 30px;
	border-bottom: 1px solid #D3D2D2;	
}
.cont_name .ch_name{
	font-size: 22px;
}
.cont_code{
	width: 122px;
	text-align: center;
}
/*news end*/
.piclist{margin-top: 10%;}
.piclist img{
	margin-bottom: 50px;
	display: block;
    max-width: 100%;
    height: auto;
}

@media screen and (min-width: 768px){
	.pj_pic{
		width: 45%;
		float: left;
	}
	.pro_pic{
		width: 48%;
		float: right;
	}
	.pro_pic .cu_tit{
		margin-bottom: 20px;
	}
	.show_pro_c{
		width: 76%;
		margin: 15% auto;
	}
	.cont_name:last-child{border-bottom: 0;}
	.cont_code{ float: right;}
}
@media screen and (max-width: 767px){
	.pro_pic{
		width: 90%;
		margin: 0 auto;
	}
	.pj_pic{width: 100%}
	.pro_pic .cu_tit{		
		margin-top: 20px;
		margin-bottom: 15px;
	}
	.show_pro_c{
		width: 100%;
		margin-top: 120px; 
	}
	.cont_code{ margin: 0 auto;}
	.pro_pic .mar_top{margin-top: 10px;}
}

.device {
  width: 100%;
  position: relative;
}

@media screen and (min-width: 768px){
	.gotop{display: none}
	.gotoppc{
		width: 52px;
		height: 178px;
		background: url(../images/backbg.png) no-repeat;
		position: fixed;
		right: 0;
		bottom: 55px;	
		z-index: 99; 
		color: #fff; 
	}
	.gotoppc ul{margin-top: 15px;}
	.gotoppc ul li{
		width: 100%;
		height: 39px;
		text-align: center;
		cursor: pointer;
	}
}
@media screen and (max-width: 767px){
	.gotoppc ul{display: none;}
	.gotop{		
		width: 40px;
		height: 40px;
		background: #2D3357 url(../images/icon_top.png) center no-repeat;
		position: fixed;
		right: 0px;
		bottom: 0px;
		opacity: .9;
		cursor: pointer;
		z-index: 99;
		border-radius: 10px;
	}
	.gotop:hover{
		opacity: 1;
	}
}
/* 右边悬浮菜单 */

.gotoppc .fr-box { 
	position: relative; 
	z-index: 99; 
	margin-top: 1px; 
	width: 100%; 
	cursor: pointer; 
}
.gotoppc .fr-box .box { 
	position: absolute; 
	right: 0; 
	bottom: 0; 
	z-index: 98; 
	background-color: #fff; 
	border: 1px solid #ccc; 
	opacity: 0; 
	filter: alpha(opacity=0); 
	visibility: hidden; 
}
.gotoppc .fr-box:hover .box { 
	right: 105%; 
	opacity: 1; 
	filter: alpha(opacity=100); 
	visibility: visible; 
}
.gotoppc .fr-call { z-index: 97; }
.gotoppc .fr-call .box { 
	width: 150px; 
	line-height: 45px; 
	text-align: center; 
	background-color: #383C65; 
	border: none; 
}
.gotoppc .fr-code { z-index: 96; }
.gotoppc .fr-code .box { 
	padding: 5px 0; 
	width: 120px; 
	font-size: 0; 
}
.gotoppc .fr-code .col { margin-left: 5px; }
.gotoppc .fr-code .img { display: block; width: 120px; }

.bkw{
	width: 100%;
	padding: 25px 0;
	height: 50px;
	background: #0C0C0E;
	font-size: 12px;
}
.bkw .blz{
	margin-left: 22px;
	line-height: 30px;
}
.bkw a:link{color:#504c4b;text-decoration: none;}
.bkw a:visited{
	color:#504c4b;
	text-decoration: none;
}
.bkw a:hover{
	color:#504c4b;
	text-decoration: none;
}
.hlzi{line-height: 30px;}