@charset "UTF-8";
	label,input,button,select,textarea {
	border-radius:0!important
}
[class*="span"] {
	margin:0
}

html,body {
	font:14px/24px "微软雅黑",Arial,sans-serif;}
a {
	color:#787878;
	-webkit-transition:color 0.3s ease 0s;
	transition:color 0.3s ease 0s
}
.w1310 {
	width:1200px;
	margin:0 auto;
	position:relative
}
.w1210 {
	width:1200px;
	margin:0 auto;
	position:relative
}
.w960 {
	width:960px;
	margin:0 auto
}
.header {
	width:100%;
	height:70px;
	background-color:#fff;
	position:relative;
	z-index:5
}
.header .w1310 {
	height:100%
}
.header .logo {
	display:block;
	width:220px;
	height:50px;
	padding:8px 0px 0px 0px;
	margin-left:-7px;
text-align:center;
}
.header .logo  img{ width:100%; height:auto}
.header .nav {
	margin-left:5%;
	width:77%;

}
.header .nav li {
	margin-left:6.5%;
	font-size:15px;
	line-height:70px;
	position:relative
}
@media (max-width:1200px) {
.header .nav {
	margin-left:3%;
	width:74%
}
.header .nav li {
	margin-left:3%;

	font-size:15px;
	line-height:70px;
	position:relative
}
}
@media (max-width:1000px) {
.header .logo {
	display:block;
	width:220px;
	height:50px;
	padding:5px 0px 0px 0px;
	margin-left:-7px;
text-align:center;
}}

.header .nav li.navli {
	height:70px
}


.header .nav a {
	color:#0098B5;
	 font-size:15px;
	display:inline-block;
}
.header .nav li:hover a.att,.header .nav li.hover a.att {
	color:#FFA200;
	font-weight:bold;
	 font-size:15px; border-top:#0098B5 3px solid
}
.header .nav .sub-box {
	position:absolute;
	left:-46px;
	top:100%; width:auto;
	padding:10px 12px 10px 12px ;
	background-color:#0098B5;
	display:none
}
.header .nav .ico {
	display:none;
	width:21px;
	height:11px;
	background:url(../images/ico_17.png) no-repeat center;
	position:absolute;
	left:50%;
	margin-left:-11px;
	bottom:0
}
.header .nav .img {
	display:block;
	width:200px
}
.header .nav .img img {
	width:100%; height:135px
}
.header .nav .left-li {
	width:160px
}
.header .nav .left-li li {
	border-bottom:1px solid #0DA6C4;
	line-height:32px;
	width:100%;
	margin:0
}
.header .nav .left-li a {
	display:inline-block;
	padding-left:24px;
	background:url(../images/ico_16.png) no-repeat 2px center;
	color:#fff;
	transition:color 0.3s ease 0s;
	font-size:14px
}
.header .nav .left-li a:hover {
	color:#FFBA00
}
.header .search-ico {
	display:inline-block;
	width:23px;
	height:22px;
	background:url(../images/ico_01.jpg) no-repeat center;
	margin-top:35px;
	cursor:pointer
}
.header .gray-link {
	margin-right:25px;
	font-size:14px;
	line-height:90px
}
.header .gray-link a {
	float:right;
	display:inline-block;
	margin-left:19px;
	color:#bfbfbf;
	-webkit-transition:color 0.3s ease 0s;
	transition:color 0.3s ease 0s
}
.header .gray-link a:hover {
	color:#0098B5
}
.header .line-s {
	display:inline-block;
	width:1px;
	height:22px;
	background-color:#e5e5e5;
	margin:35px 15px 0
}
.header .lang {
	font-size:18px;
	font-family:"Arial";
	font-weight:bold;
	margin-top:30px;
	line-height:32px;
	color:#8c8c8c;
	margin-left:4px;
	display:inline-block
}
.header .nav-btn {
	cursor:pointer;
	display:none;
	height:26px;
	margin-right:-3px;
	margin-top:14px;
	position:relative;
	width:30px
}
.header .nav-btn span {
	display:block;
	width:100%;
	height:4px;
	background-color:#656565;
	position:absolute;
	left:0;
	-webkit-transition:left 0.5s ease 0s;
	transition:left 0.5s ease 0s
}
.header .nav-btn .top {
	top:0;
	-webkit-transform-origin:left top 0;
	-ms-transform-origin:left top 0;
	transform-origin:left top 0
}
.header .nav-btn .cent {
	top:11px
}
.header .nav-btn .bot {
	top:21px;
	-webkit-transform-origin:left bottom 0;
	-ms-transform-origin:left bottom 0;
	transform-origin:left bottom 0
}
.header .nav-btn.hover span {
	left:5px
}
.header .m-nav {
	width:100%;
	left:0;
	top:100%;
	position:absolute;
	margin-left:0;
	background-color:#fff;
	border-top:1px solid #DCE9EB;
	display:none
}
.header .m-nav ul {
	width:100%;
	background-color:#fff
}
.header .m-nav li {
	width:100%;
	line-height:50px;
	border-bottom:1px solid #DCE9EB;
	margin-left:0;
	font-size:15px
}
.header .m-nav li.link a {
	display:block;
	width:92%;
	padding:0 4%;
	background:url(../images/ico_07.png) no-repeat 95% center;
	background-size:auto 45%;font-size:16px
}
.header .m-nav li.link:hover a {
	background:url(../images/ico_07_hov.png) no-repeat 95% center;
	background-size:auto 45%
}
.header .m-nav li a {
	color:#666;font-size:16px
}
.header .m-nav li:hover {
	background-color:#0098B5;font-size:16px
}
.header .m-nav li:hover a {font-size:16px;
	color:#fff
}
.header .m-nav li.subli .tt {
	background:url(../images/ico_05.png) no-repeat 96% center;
	background-size:auto 45%;
	width:92%;
	padding:0 4%;
	cursor:pointer; line-height:50px; font-size:16px
}
.header .m-nav li.subli:hover .tt {
	background:url(../images/ico_05_hov.png) no-repeat 96% center;
	background-size:auto 45%
}
.header .m-nav li.subli:hover .subbox a {
	color:#666
}
.header .m-nav li.subli.hover {
	background-color:#0098B5
}
.header .m-nav li.subli.hover .tt {
	background:url(../images/ico_06_hov.png) no-repeat 96% center;
	background-size:auto 3%
}
.header .m-nav li.subli.hover .tt a {
	color:#fff
}
.header .m-nav li.subli .subbox {
	width:100%;
	display:none
}
.header .m-nav li.subli .subbox a {
	display:block;
	width:92%;
	padding:0 4%;
	background:url(../images/ico_07.png) no-repeat 95% center #eee;
	background-size:auto 45%;
	font-weight:normal; font-size:14px;
}
.m-navbg {
	width:100%;
	height:100%;
	position:fixed;
	left:0;
	top:0;
	background-color:#000;
	opacity:0.5;
	z-index:3;
	display:none
}

.header.fix {
position:fixed;
	left:0;
	top:0;
	padding-top:0;
	border-bottom:1px solid #0098B5;
	z-index:11111111111
}

@media (max-width:770px) {
.header.fix {
position:relative;
	left:0;
	top:0;
	padding-top:0;
	border-bottom:1px solid #0098B5;
	z-index:11111111111
}
}


.search-bg {
	background-color:#000;
	display:none;
	height:100%;
	left:0;
	opacity:0.8;
	position:fixed;
	top:0;
	width:100%;
	z-index:100
}
.searchbox {
	border:1px solid #535353;
	display:none;
	height:68px;
	left:50%;
	margin-left:-25%;
	position:fixed;
	top:169px;
	width:50%;
	z-index:101
}
.m-search-box {
	border:1px solid #aaa;
	display:none;
	height:40px;
	left:3%;
	position:fixed;
	top:54px;
	width:93%;
	z-index:101
}
.searchbox input.tex {
	background:none;
	border:medium none;
	color:#a7a7a7;
	font-family:"Arial";
	font-size:36px;
	height:37px;
	line-height:36px;
	padding:16px 2% 15px;
	width:80%
}
.m-search-box input.tex {
	background:none;
	border:medium none;
	color:#a7a7a7;
	font-family:"Arial";
	font-size:12px;
	height:13px;
	line-height:12px;
	padding:14px 2% 13px;
	width:80%
}
.searchbox input.search-btn {
	background:url(../images/ico_115.png) no-repeat center center;
	background-size:50% auto;
	border:medium none;
	height:68px;
	margin-right:1%;
	min-width:40px;
	width:7%
}
.m-search-box input.search-btn {
	background:url(../images/ico_115.png) no-repeat center center;
	background-size:60% auto;
	border:medium none;
	height:40px;
	margin-right:1%;
	width:7%
}
.close-search {
	background:url(../images/ico_116.png) no-repeat center center;
	cursor:pointer;
	display:none;
	height:37px;
	position:fixed;
	right:3%;
	top:50px;
	width:37px;
	z-index:101
}
.m-close-search {
	background:url(../images/ico_116.png) no-repeat center center;
	background-size:100% auto;
	cursor:pointer;
	display:none;
	height:15px;
	position:fixed;
	right:4.6%;
	top:15px;
	width:15px;
	z-index:101
}
.m-searchbtn {
	background:url(../images/ico_117.png) no-repeat left center;
	background-size:auto 100%;
	border-right:1px solid #ccc;
	cursor:pointer;
	display:none;
	height:15px;
	margin-top:16px;
	width:28px
}
.search-tit {
	width:100%;
	margin-top:30px
}
.search-tit .entit {
	display:block;
	height:66px;
	background:url(../images/font_13.png) no-repeat center
}
.search-tit .numbox {
	text-align:center;
	font-size:18px;
	color:#999;
	line-height:52px
}




.container {
  max-width: 1200px;
  margin:0 auto;
  padding: 0px;
  width: 96%;
}


.top_tel{ overflow:hidden; }
.top_tel dl{ overflow: hidden;color:#FFA800;}
.tel_tu{float: left;overflow: hidden; margin-top:12px}
.tel_tu img{ vertical-align: middle; width:35px; height:auto;}
.top_tel dl dt{ font-size:14px;color:#0098B5;  line-height:18px; font-weight:bold; overflow:hidden; margin:0px; font-weight:normal; padding-top:10px}
.top_tel dl dd{font-family:"impact","arial";  line-height:20px; overflow:hidden; margin: 0px; padding:0px}
.top_tel dl dd a{ font-size:19px;color:#FFA800;font-family:"impact","arial"; }
.header .nav  .top_tel dl dd a{font-size:19px;color:#FF6600; font-family:微软雅黑;font-weight:600;} 


 
.space{ overflow:hidden; clear:both; height:20px;}

.pc_jdtu{ height:auto; display:block; overflow:hidden; width:100%}
.wap_jdtu{ height:auto; display: none;width:100%}
@media only screen and (max-width:1199px) {
.pc_jdtu{ height:auto; display:none}
.wap_jdtu{ height:auto; display: block;overflow:hidden;width:100%}
}

/*----------首页产品区-1--------------*/
.cp_sy_box{background:#fff; overflow:hidden; padding:10px 0px 10px 0px; display:block}
.cp_sy_L{ width:35%; overflow:hidden; float:left; display:block;background:url(../images/sp.jpg) no-repeat top right;background-size:cover; height:520px}
.cp_sy_dv{ overflow:hidden; margin:0 auto; width:100%;  height:300px; width:440px; top:50%;}
.cp_sy_R{ width:100%; overflow:hidden; float: right; display:block; margin:0px; padding:0px}
.cp_sy_R li{ float:left; overflow:hidden; height:300px; margin:0px; padding:0px; width:33.33%; position:relative}
.cp_sy_R li  .smbt{position: absolute; z-index:2; text-align:center; bottom:0; height:50px; background:#545251; width:100%; font-size:20px; line-height:50px;color:#FFFFFF}
.cp_sy_R li  .smbt1{position: absolute; z-index:2; text-align:center; top:0; height:50px; background:#545251; width:100%; font-size:20px; line-height:50px;color:#FFFFFF}
.cp_sy_R li  .smbt0{width:100%; overflow:hidden;position: absolute; z-index:2; text-align:center; top:50%; margin-top:-30px; font-size:40px; line-height:60px; color:#FFFFFF}

.cp_sy_R li  .smbt:hover{ background:#0098B5; color:#FFFFFF}
.cp_sy_R li  .smbt1:hover{ background:#0098B5; color:#FFFFFF}
/*----------首页产品区---------------*/
.sy_ssmw_cpA{ overflow:hidden; margin:0px; padding:0px; display:block}
.sy_ssmw_cpA_L{ width:38%; float:left; overflow:hidden; background:#545251}
.sy_ssmw_cpA_L dl{overflow:hidden;margin:0px; padding:0px;}
.sy_ssmw_cpA_L dt{overflow:hidden;margin:0px; padding:0px;}

.sy_ssmw_cpA_M{ width:24%; float:left; overflow:hidden;background:#ccc}
.sy_ssmw_cpA_M_tu{overflow:hidden;margin:0px auto; padding:0px; text-align:center}
.sy_ssmw_cpA_M_tu img{overflow:hidden;margin:0px; padding:0px;width:100%; height:auto}

.dv_tu{width:100%; overflow:hidden;position: absolute; z-index:2; text-align:center; top:50%; margin-top:-35px}
.dv_tu img{width:70px; height:70px;vertical-align: middle;}

.sy_ssmw_cpA_R{ width:38%; float:left; overflow:hidden; background:#545251}
.sy_ssmw_cpA_R dl{overflow:hidden;margin:0px; padding:0px;}
.sy_ssmw_cpA_R dt{overflow:hidden;margin:0px; padding:0px;}




.sy_ssmw_cpB{ overflow:hidden; margin:0px; padding:0px; display:block}
.sy_ssmw_cpB li{ overflow:hidden;margin:0px; padding:0px; width:33.33%; float:left}
.sy_ssmw_cpB li dl{overflow:hidden;margin:0px; padding:0px;}
.sy_ssmw_cpB li dt{overflow:hidden;margin:0px; padding:0px;}

.cpbt{float: left; width: 31.25%;text-align: center; background: #545251;position: relative;z-index: 1;}
.cpbt img {width: 60%;vertical-align: middle;}
.cpbt1{float:right; width: 30%;text-align: center; background: #545251;position: relative;z-index: 1;}
.cpbt1 img {width: 60%;vertical-align: middle;}
.cpbt2{float:left; width: 30%;text-align: center; background: #545251;position: relative;z-index: 1;}
.cpbt2 img {width: 60%;vertical-align: middle;}

.sy_ssmw_cpB li:hover dt img{-webkit-transform: scale(1.1);transform: scale(1.1);-moz-transform: scale(1.1);}

.sy_ssmw_cpA_M :hover img{-webkit-transform: scale(1.1);transform: scale(1.1);-moz-transform: scale(1.1);}
.sy_ssmw_cpA_L :hover dl dt img{-webkit-transform: scale(1.1);transform: scale(1.1);-moz-transform: scale(1.1);}
.sy_ssmw_cpA_R :hover dl dt img{-webkit-transform: scale(1.1);transform: scale(1.1);-moz-transform: scale(1.1);}

@media only screen and (max-width:767px) {
.cp_sy_box{background:#fff; overflow:hidden; padding:10px 0px 10px 0px; display: none}
.sy_ssmw_cpA{ overflow:hidden; margin:0px; padding:0px; display: none}
.sy_ssmw_cpB{ overflow:hidden; margin:0px; padding:0px; display:none}
}

.wap_i_cp{ overflow:hidden; display: none; margin:0px; padding:0px; margin-bottom:10px; margin-top:10px}
.wap_i_cp li{ width:20%; margin:0px; padding:0px; overflow:hidden}
.wap_i_cp li dl{ margin:0px; padding:5px;  overflow:hidden; text-align:center}
.wap_i_cp li dl dt{margin:0px; padding:0px; overflow:hidden; background:#EE6307; border-radius:50%; width:70px; height:70px; margin:0 auto; margin-bottom:5px}
.wap_i_cp li dl dt img{ width:70px; height:70px; vertical-align:middle}
.wap_i_cp li dl dd{margin:0px; padding:0px; overflow:hidden}
.wap_i_cp li dl a{ font-size:16px; line-height:22px}

.sy_dv{ overflow:hidden; display:none;   max-width: 1200px; margin:0 auto;padding: 0px;width: 96%; margin-bottom:10px}

@media only screen and (max-width:767px) {
.wap_i_cp{ overflow:hidden; display: block}
.sy_dv{ overflow:hidden; display:block; width:100%; margin-bottom:0px}
}

@media only screen and (max-width:450px) {
.wap_i_cp{ overflow:hidden; display: block}
.wap_i_cp li dl dt img{ width:60px; height:60px}
.wap_i_cp li dl dt{ margin:0px; padding:0px;  overflow:hidden; text-align:center;background:#666666; border-radius:50%; width:60px; height:60px; margin:0 auto; margin-bottom:5px}
.wap_i_cp li dl a{ font-size:14px; line-height:20px}
}

@media only screen and (max-width:330px) {
.wap_i_cp{ overflow:hidden; display: block}
.wap_i_cp li dl dt img{ width:50px; height:50px}
.wap_i_cp li dl dt{ margin:0px; padding:0px;  overflow:hidden; text-align:center;background:#666666; border-radius:50%; width:50px; height:50px; margin:0 auto; margin-bottom:5px}
.wap_i_cp li dl a{ font-size:12px; line-height:20px}
}





.fold_wrap{width:100%;height:450px;margin:0px auto;overflow:hidden; display:block}
.fold_wrap li{float:left;width:20%;height:450px;position:relative;overflow:hidden;cursor:pointer;}
.fold_wrap li .mask_b{position:absolute;overflow:hidden;width:100%;height:100%;left:0;top:0;background:rgba(0,0,0,.2);_background:#0198B5;}
.fold_wrap li.active .mask_b{background:none;}
.fold_wrap li .mask_b h4{color:#fff;width:30px;margin:0 auto;display:block;font:30px/30px Microsoft Yahei;position:relative;padding:30px 0 0 0;text-shadow: 1px 1px 1px #333;}
.fold_wrap li.big{width:322px;}
.fold_wrap li .adv_intro{ width:92%; height:40px; padding:5px 4%; position:absolute;left:0; bottom:-50px;background:#0098B5; color:#0098B5; overflow:hidden;}
.adv_intro_show{bottom:0 !important; transition:bottom 0.3s linear 0.3s; -webkit-transition:bottom 0.3s linear 0.3s;}

.pic_auto{width:100%;height:100%;}
.pic_auto1{background:url(../images/c1.jpg) no-repeat center 0;background-size:cover;}
.pic_auto2{background:url(../images/c2.jpg) no-repeat center 0;background-size:cover;}
.pic_auto3{background:url(../images/c3.jpg) no-repeat center 0;background-size:cover;}
.pic_auto4{background:url(../images/c4.jpg) no-repeat center 0;background-size:cover;}
.pic_auto5{background:url(../images/c5.jpg) no-repeat center 0;background-size:cover;}

@media only screen and (max-width:1100px) {
.fold_wrap{width:100%;height:450px;margin:0px auto;overflow:hidden; display: none}
}





/*----------首页产品区---------------*/
.sy_cp{ overflow:hidden; margin:0px; padding:0px}
.sy_cp_L{ width:40%; float:left; overflow:hidden}
.sy_cp_R{ width:60%; float:left; overflow:hidden; margin:0px; padding:0px;}

.sy_cp_R li{ width:50%; margin:0px; padding:0px; float:left; overflow:hidden;position:relative}
.sy_cp_R li dl{overflow:hidden; margin:0px; padding:0px; position:relative}
.sy_cp_R li dl dt{overflow:hidden; margin:0px; padding:0px;}
.sy_cp_R li dl dt img{width:100%; height:240px; vertical-align:top;transition: 0.3s;-moz-transition: 0.3s;-webkit-transition: 0.3s; }
.sy_cp_R li dl dd{overflow:hidden; margin:0px; padding:0px;position:absolute;bottom:0; float:left; z-index:3;transition: 0.3s;-moz-transition: 0.3s;-webkit-transition: 0.3s; background:rgba(0, 156, 180, 0.5); width:100%; text-align:center; font-size:20px; font-weight:bold; line-height:260%;color:#FFFFFF;}
.sy_cp_R li:hover dd{ background:#0098B5;}
.sy_cp_R li:hover dl dd{ padding-top:10px}
.sy_cp_R li:hover img{-webkit-transform: scale(1.1);transform: scale(1.1);-moz-transform: scale(1.1);}

.SY_CP_BT1{ width:120px; float:right; height:240px; background:rgba(0, 156, 180, 0.7); color:#FFFFFF; font-size:18px;position:absolute;bottom:0; right:0; z-index:3; line-height:240px; text-align:center}
.SY_CP_BT2{ width:120px; float:left; height:240px; background:rgba(0, 156, 180, 0.7); color:#FFFFFF; font-size:18px;position:absolute;bottom:0; z-index:3;line-height:240px; text-align:center}


.sy_cpbt{ width:100%; overflow:hidden; line-height:120px; text-align:center; color:#fff; background:#0098B5; font-size:20px; font-weight:bold;}
.sy_cpbt span{ color:#76D0DE; font-size:18px;text-transform:uppercase;}

.s_cp1{ overflow:hidden; width:100%; margin:0px; padding:0px;}
.s_cp1 dl{overflow:hidden; margin:0px; padding:0px;transition: 0.3s;-moz-transition: 0.3s;-webkit-transition: 0.3s; position:relative}
.s_cp1 dl dt{overflow:hidden; margin:0px; padding:0px;}
.s_cp1 dl dt img{ width:100%; height:360px; vertical-align:top;transition: 0.3s;-moz-transition: 0.3s;-webkit-transition: 0.3s;}

.s_cp1 dl dd{overflow:hidden; margin:0px; padding:0px; text-align:center; font-size:20px; font-weight:bold; line-height:260%; color:#FFFFFF;transition: 0.3s;-moz-transition: 0.3s;-webkit-transition: 0.3s; position:absolute; z-index:3; bottom:0; float:right;background:rgba(0, 156, 180, 0.5); width:100%}
.s_cp1:hover dd{ background:#0098B5;}
.s_cp1:hover dl dd{ padding-top:10px}
.s_cp1:hover dl img{-webkit-transform: scale(1.1);transform: scale(1.1);-moz-transform: scale(1.1);}

@media only screen and (max-width:1024px) {
.s_cp1 dl dt img{ width:100%; height:280px; vertical-align:top;transition: 0.3s;-moz-transition: 0.3s;-webkit-transition: 0.3s;}

.sy_cp_R li dl dt img{width:100%; height:200px; vertical-align:top;transition: 0.3s;-moz-transition: 0.3s;-webkit-transition: 0.3s; }

.sy_cpbt{ width:100%; overflow:hidden; line-height:120px; text-align:center; color:#fff; background:#0098B5; font-size:16px; font-weight:bold;}
.sy_cpbt span{ color:#76D0DE; font-size:18px;text-transform:uppercase;}

.SY_CP_BT1{ width:100px; float:right; height:200px; background:rgba(0, 156, 180, 0.7); color:#FFFFFF; font-size:16px;position:absolute;bottom:0; right:0; z-index:3; line-height:200px; text-align:center}
.SY_CP_BT2{ width:100px; float:left; height:200px; background:rgba(0, 156, 180, 0.7); color:#FFFFFF; font-size:16px;position:absolute;bottom:0; z-index:3;line-height:180px; text-align:center}
}


@media only screen and (max-width:1000px) {
.s_cp1 dl dt img{ width:100%; height:220px; vertical-align:top;transition: 0.3s;-moz-transition: 0.3s;-webkit-transition: 0.3s;}

.sy_cp_R li dl dt img{width:100%; height:150px; vertical-align:top;transition: 0.3s;-moz-transition: 0.3s;-webkit-transition: 0.3s; }

.sy_cpbt{ width:100%; overflow:hidden; line-height:80px; text-align:center; color:#fff; background:#0098B5; font-size:18px; font-weight:bold;}
.sy_cpbt span{ color:#76D0DE; font-size:18px;text-transform:uppercase;}

.SY_CP_BT1{ width:120px; float:right; height:50px; background:rgba(0, 156, 180, 0.7); color:#FFFFFF; font-size:16px;position:absolute;bottom:0; right:0; z-index:3; line-height:44px; text-align:center}
.SY_CP_BT2{ width:120px; float:left; height:50px; background:rgba(0, 156, 180, 0.7); color:#FFFFFF; font-size:16px;position:absolute;bottom:0; z-index:3;line-height:44px; text-align:center}
}

@media only screen and (max-width:700px) {
.s_cp1 dl dt img{ width:100%; height:180px; vertical-align:top;transition: 0.3s;-moz-transition: 0.3s;-webkit-transition: 0.3s;}

.sy_cp_R li dl dt img{width:100%; height:120px; vertical-align:top;transition: 0.3s;-moz-transition: 0.3s;-webkit-transition: 0.3s; }

.sy_cpbt{ width:100%; overflow:hidden; line-height:60px; text-align:center; color:#fff; background:#0098B5; font-size:16px; font-weight:bold;}
.sy_cpbt span{ color:#76D0DE; font-size:18px;text-transform:uppercase;}

.SY_CP_BT1{ width:110px; float:right; height:40px; background:rgba(0, 156, 180, 0.7); color:#FFFFFF; font-size:14px;position:absolute;bottom:0; right:0; z-index:3; line-height:40px; text-align:center}
.SY_CP_BT2{ width:110px; float:left; height:40px; background:rgba(0, 156, 180, 0.7); color:#FFFFFF; font-size:14px;position:absolute;bottom:0; z-index:3;line-height:40px; text-align:center}
}

@media only screen and (max-width:600px) {
.s_cp1 dl dt img{ width:100%; height:150px; vertical-align:top;transition: 0.3s;-moz-transition: 0.3s;-webkit-transition: 0.3s;}

.sy_cp_R li dl dt img{width:100%; height:100px; vertical-align:top;transition: 0.3s;-moz-transition: 0.3s;-webkit-transition: 0.3s; }

.sy_cpbt{ width:100%; overflow:hidden; line-height:50px; text-align:center; color:#fff; background:#0098B5; font-size:16px; font-weight:bold;}
.sy_cpbt span{ color:#76D0DE; font-size:18px;text-transform:uppercase;}

.SY_CP_BT1{ width:110px; float:right; height:40px; background:rgba(0, 156, 180, 0.7); color:#FFFFFF; font-size:14px;position:absolute;bottom:0; right:0; z-index:3; line-height:40px; text-align:center}
.SY_CP_BT2{ width:110px; float:left; height:40px; background:rgba(0, 156, 180, 0.7); color:#FFFFFF; font-size:14px;position:absolute;bottom:0; z-index:3;line-height:40px; text-align:center}
}



@media only screen and (max-width:550px) {
.sy_cp_L{ width:100%; float:left; overflow:hidden}
.sy_cp_R{ width:100%; float:left; overflow:hidden; margin:0px; padding:0px;}

.sy_cp_R li{ width:50%; margin:0px; padding:0px; float:left; overflow:hidden;position:relative}

.s_cp1 dl dt img{ width:100%; height:auto; vertical-align:top;transition: 0.3s;-moz-transition: 0.3s;-webkit-transition: 0.3s;}

.sy_cp_R li dl dt img{width:100%; height:140px; vertical-align:top;transition: 0.3s;-moz-transition: 0.3s;-webkit-transition: 0.3s; }

.sy_cpbt{ width:100%; overflow:hidden; line-height:50px; text-align:center; color:#fff; background:#0098B5; font-size:16px; font-weight:bold;}
.sy_cpbt span{ color:#76D0DE; font-size:18px;text-transform:uppercase;}

.SY_CP_BT1{ width:100%; float:right; height:35px; background:rgba(0, 156, 180, 0.7); color:#FFFFFF; font-size:16px;position:absolute;bottom:0; right:0; z-index:3; line-height:35px; text-align:center}
.SY_CP_BT2{ width:100%; float:left; height:35px; background:rgba(0, 156, 180, 0.7); color:#FFFFFF; font-size:16px;position:absolute;bottom:0; z-index:3;line-height:35px; text-align:center}
}



@media only screen and (max-width:330px) {
.sy_cp_L{ width:100%; float:left; overflow:hidden}
.sy_cp_R{ width:100%; float:left; overflow:hidden; margin:0px; padding:0px;}

.sy_cp_R li{ width:50%; margin:0px; padding:0px; float:left; overflow:hidden;position:relative}

.s_cp1 dl dt img{ width:100%; height:auto; vertical-align:top;transition: 0.3s;-moz-transition: 0.3s;-webkit-transition: 0.3s;}

.sy_cp_R li dl dt img{width:100%; height:100px; vertical-align:top;transition: 0.3s;-moz-transition: 0.3s;-webkit-transition: 0.3s; }

.sy_cpbt{ width:100%; overflow:hidden; line-height:50px; text-align:center; color:#fff; background:#0098B5; font-size:16px; font-weight:bold;}
.sy_cpbt span{ color:#76D0DE; font-size:18px;text-transform:uppercase;}

.SY_CP_BT1{ width:100%; float:right; height:35px; background:rgba(0, 156, 180, 0.7); color:#FFFFFF; font-size:14px;position:absolute;bottom:0; right:0; z-index:3; line-height:35px; text-align:center}
.SY_CP_BT2{ width:100%; float:left; height:35px; background:rgba(0, 156, 180, 0.7); color:#FFFFFF; font-size:14px;position:absolute;bottom:0; z-index:3;line-height:35px; text-align:center}
}







.index_case{margin:5px 0px 0px 0px;}
.index_case h2{margin-top:30px; font-size:25px; line-height:26px; font-weight:normal; color:#0098B5; text-align:center}
.case_line{padding: 3px 0px; border-bottom:#333  1px solid; width:180px; margin:0 auto}
.case_p{color: #444;font-size:16px; text-transform: uppercase;padding:0px; text-align:center}
.case_txt{color: #444;font-size:14px; text-transform: uppercase;padding:0px; text-align:center}
.index_case dd{color: #666; font-size:16px; text-transform: uppercase;padding:0px; text-align:center}
.about_h2{margin-top:5px;}
.about_h2 span{ color:#0098B5}
.index_case P{line-height:180%; color:#666666}
.about_h2 a{font-size:25px;}
@media only screen and (max-width: 667px) {
.index_case h2{margin-top:30px; font-size:20px; line-height:25px;}
.about_h2 a{font-size:20px;}
.index_case dd{color: #F85D00;text-align: center; font-size:16px; text-transform: uppercase;padding:0px;}
.case_p{color: #444;font-size:13px; text-transform: uppercase;padding:0px; text-align:center; line-height:18px}
}


/*-----------案例---------------*/
.sy_case{ overflow:hidden; background:url(../images/sy_case_tu.jpg) no-repeat center center; background-size:cover; min-height:600px; width:100%; margin:20px 0px}
.sy_case_nav{ overflow:hidden; float:right; height:100%; width:350px;background:rgba(255, 255, 255, 0.7); margin-right:10%}

.sy_case_nav dl{ overflow:hidden; margin:150px 20px 50px  20px;min-height:400px;}

.sy_case_nav dl dt{overflow:hidden; margin-bottom:10px; text-align:center;}
.sy_case_nav dl dt h3{overflow:hidden; font-size:25px; line-height:180%; color:#0098B5}
.sy_case_nav dl dt p{overflow:hidden; margin:0px; padding:0px; font-size:16px; line-height:170%}
.sy_case_nav dl dd{ overflow:hidden; margin-bottom:15px}
.sy_case_nav dl dd  .case_lm{ line-height:40px; background:#666666; text-align:center; margin:0 auto; width:80%; height:40px; color:#FFFFFF; font-size:16px}
.sy_case_nav dl dd a:hover  .case_lm{ background:#0098B5}

@media only screen and (max-width:1100px) {
.sy_case{ overflow:hidden; background:url(../images/sy_case_tu.jpg) no-repeat center center; background-size:cover; min-height:200px; width:100%; margin:0px 0px}
.sy_case_nav{ overflow:hidden; float:right; height:100%; width:90%;background:rgba(255, 255, 255, 0.7); margin-right:5%}
.sy_case_nav dl{ overflow:hidden; margin:50px 0px 50px 0px;min-height:100px;}
.sy_case_nav dl dd  .case_lm{ line-height:40px; background:#666666; text-align:center; margin:0 auto; width:80%; height:40px; color:#FFFFFF; font-size:16px}
}


/*-----------工程案例---------------*/

.gs_case{ overflow:hidden; margin:0px;  padding:20px 0px; width:100%}
.gs_case li{ overflow:hidden; margin:0px; padding:0px; width:33.33%; float:left; margin-bottom:10px;}
.gs_case dl{ overflow:hidden; margin:0px; padding:0px; width:93%; margin:0 auto;margin-top:8px; margin-bottom:8px;  border:#eee 1px solid; padding:2%; position:relative}
.gs_case dl dd{ overflow:hidden; margin:0px; padding:0px; font-size:12px; line-height:22px; color:#888; height:45px;}
.gs_case dl dt img{ width:100%; height:260px; vertical-align:top;transition: 0.6s;-moz-transition: 0.6s;-webkit-transition: 0.6s; }
.gs_case dl dt{ margin:0px; padding:0px;}

.gs_case_sm{margin:0px; overflow:hidden;padding:0px; text-align:center; position:absolute; z-index:2; width:94%; bottom:0; left:0; padding:5px 3% 14px 3%; background:rgba(255, 255, 255, 0.6);}
.gs_case_sm h3{font-size:18px; font-weight:bold;overflow:hidden;white-space:nowrap;text-overflow:ellipsis; line-height:25px;}
.gs_case_sm p{ font-size:14px; font-weight:normal; margin:0px;line-height:22px; padding:0px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}

.gs_case li:hover dl{box-shadow:0 0 10px 1px rgba(0,0,0,.2);  border:#FF8604 1px solid;}
.gs_case li:hover .gs_case_sm{background:rgba(255, 255, 255, 0.7);}
.gs_case li:hover .gs_case_sm h3{ color: #0098B5}
.gs_case li:hover .gs_case_sm p{ color:#0098B5}
.gs_case li:hover img{-webkit-transform: scale(1.1);transform: scale(1.1);-moz-transform: scale(1.1);}


@media only screen and (max-width:1024px) {
.gs_case dl dt img{ width:100%; height:200px; vertical-align:top;transition: 0.6s;-moz-transition: 0.6s;-webkit-transition: 0.6s; }

}

@media only screen and (max-width:780px) {
.gs_case dl dt img{ width:100%; height:160px; vertical-align:top;transition: 0.6s;-moz-transition: 0.6s;-webkit-transition: 0.6s; }
.gs_case_sm h3{ overflow:hidden; margin:0px; padding:0px; font-size:16px; font-weight:bold;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.gs_case dl dd{ overflow:hidden; margin:0px; padding:0px; font-size:12px; line-height:22px; color:#888; height:auto;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
}
@media only screen and (min-width: 670px) and (max-width: 700px) {
.gs_case dl dt img{ width:100%; height:120px; vertical-align:top;transition: 0.6s;-moz-transition: 0.6s;-webkit-transition: 0.6s; }
.gs_case_sm h3{ overflow:hidden; margin:0px; padding:0px; font-size:14px; font-weight:bold;overflow:hidden;white-space:nowrap;text-overflow:ellipsis; line-height:25px; padding-top:5px}
.gs_case dl dd{ overflow:hidden; margin:0px; padding:0px; font-size:12px; line-height:22px; color:#888; height:auto;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
}

@media only screen and (max-width:668px) {
.gs_case{ overflow:hidden; margin:0px; padding:0px; padding-top:1px}
.gs_case dl{ overflow:hidden; margin:0px; padding:0px; width:88%; margin:0 auto;margin-top:8px; margin-bottom:4px;  border:#eee 1px solid; padding:3%}
.gs_case dl dt img{ width:100%; height:200px; vertical-align:top;transition: 0.6s;-moz-transition: 0.6s;-webkit-transition: 0.6s; }
.gs_case li{ overflow:hidden; margin:0px; padding:0px; width:50%; float:left; margin-bottom:10px}
.gs_case li:nth-child(2n){width:50%; float: right}
.gs_case li:nth-child(2n-1){width:50%; float:left}
.gs_case_sm { padding:2px 4% 14px 4%; }
.gs_case_sm p{ font-size:12px; font-weight:normal; margin:0px;line-height:22px; padding:0px}
.gs_case li:hover dl{box-shadow:0 0 0px 0px rgba(0,0,0,.1);  border:#FF8604 1px solid;}
}

@media only screen and (max-width:600px){
.gs_case dl dt img{ width:100%; height:180px; vertical-align:top;transition: 0.6s;-moz-transition: 0.6s;-webkit-transition: 0.6s; }
}

@media only screen and (max-width:450px){
.gs_case dl dt img{ width:100%; height:110px; vertical-align:top;transition: 0.6s;-moz-transition: 0.6s;-webkit-transition: 0.6s; }
.gs_case_sm h3{ overflow:hidden; margin:0px; padding:0px; font-size:14px; font-weight:bold;overflow:hidden;white-space:nowrap;text-overflow:ellipsis; line-height:22px; }
}

@media only screen and (max-width:320px){
.gs_case dl dt img{ width:100%; height:100px; vertical-align:top;transition: 0.6s;-moz-transition: 0.6s;-webkit-transition: 0.6s; }
}





/*-----------产品列表---------------*/

.gs_cplist{ overflow:hidden; margin:0px;  padding:20px 0px; width:100%}
.gs_cplist li{ overflow:hidden; margin:0px; padding:0px; width:33.33%; float:left; margin-bottom:10px}
.gs_cplist dl{ overflow:hidden; margin:0px; padding:0px; width:90%; margin:0 auto;margin-top:8px; margin-bottom:8px;  border:#eee 1px solid; padding:3%; background:#fff}
.gs_cplist dl dd h3{margin:0px; padding:0px; font-size:18px; font-weight:bold;overflow:hidden;white-space:nowrap;text-overflow:ellipsis; line-height:38px; padding-top:5px}
.gs_cplist dl dd p{ overflow:hidden; margin:0px; padding:0px; font-size:12px; line-height:22px; color:#888; height:45px;}
.gs_cplist dl dt{ height:320px; overflow:hidden; overflow:hidden}
.gs_cplist dl dt img{ width:100%; height:auto; min-height: 320px; vertical-align:top;transition: 0.6s;-moz-transition: 0.6s;-webkit-transition: 0.6s; }

.gs_cplist li:hover dl{box-shadow:0 0 15px 1px rgba(0,0,0,.2);  border:#00B7D3 1px solid; background:#0098B5}
.gs_cplist li:hover dd h3{ color: #fff}
.gs_cplist li:hover img{-webkit-transform: scale(1.1);transform: scale(1.1);-moz-transform: scale(1.1);}
.gs_cplist li:hover dl dd p{ color: #fff;}

@media only screen and (max-width:1024px) {
.gs_cplist dl dt{ height:280px; overflow:hidden; overflow:hidden}
.gs_cplist dl dt img{ width:100%;  height:auto; min-height: 280px;  vertical-align:top;transition: 0.6s;-moz-transition: 0.6s;-webkit-transition: 0.6s; }
.gs_cplist dl dd h3{margin:0px; padding:0px; font-size:18px; font-weight:bold;overflow:hidden;white-space:nowrap;text-overflow:ellipsis; line-height:38px; padding-top:5px}
}

@media only screen and (max-width:1000px) {
.gs_cplist dl dt{ height:200px; overflow:hidden; overflow:hidden}
.gs_cplist dl dt img{ width:100%;  height:auto; min-height: 200px;  vertical-align:top;transition: 0.6s;-moz-transition: 0.6s;-webkit-transition: 0.6s; }
.gs_cplist dl dd h3{margin:0px; padding:0px; font-size:16px; font-weight:bold;overflow:hidden;white-space:nowrap;text-overflow:ellipsis; line-height:38px; padding-top:5px}
}
@media only screen and (min-width: 660px) and (max-width: 700px) {
.gs_cplist dl dt{ height:180px; overflow:hidden; overflow:hidden}
.gs_cplist dl dt img{ width:100%;  height:auto; min-height: 180px;  vertical-align:top;transition: 0.6s;-moz-transition: 0.6s;-webkit-transition: 0.6s; }
.gs_cplist dl dd h3{margin:0px; padding:0px; font-size:16px; font-weight:bold;overflow:hidden;white-space:nowrap;text-overflow:ellipsis; line-height:38px; padding-top:5px}
}

@media only screen and (max-width:659px) {
.gs_cplist dl dt{ height:156px; overflow:hidden; overflow:hidden}
.gs_cplist dl dt img{ width:100%;  height:auto; min-height: 156px;  vertical-align:top;transition: 0.6s;-moz-transition: 0.6s;-webkit-transition: 0.6s; }
.gs_cplist dl dd h3{margin:0px; padding:0px; font-size:16px; font-weight:bold;overflow:hidden;white-space:nowrap;text-overflow:ellipsis; line-height:38px; padding-top:5px}

}

@media only screen and (max-width:600px){
.gs_cplist dl dt{ height:150px; overflow:hidden; overflow:hidden}
.gs_cplist dl dt img{ width:100%;  height:auto; min-height: 150px;  vertical-align:top;transition: 0.6s;-moz-transition: 0.6s;-webkit-transition: 0.6s; }
.gs_cplist dl dd h3{margin:0px; padding:0px; font-size:14px; font-weight:bold;overflow:hidden;white-space:nowrap;text-overflow:ellipsis; line-height:38px; padding-top:5px}

}

@media only screen and (max-width:450px){
.gs_cplist li{ overflow:hidden; margin:0px; padding:0px; width:50%; float:left; margin-bottom:10px}
.gs_cplist dl dt{ height:150px; overflow:hidden; overflow:hidden}
.gs_cplist dl dt img{ width:100%;  height:auto; min-height: 150px;  vertical-align:top;transition: 0.6s;-moz-transition: 0.6s;-webkit-transition: 0.6s; }
.gs_cplist dl dd h3{margin:0px; padding:0px; font-size:14px; font-weight:bold;overflow:hidden;white-space:nowrap;text-overflow:ellipsis; line-height:38px; padding-top:5px}
.gs_case_sm{margin:0px; padding:0px; text-align:center; position:absolute; z-index:2; width:100%; bottom:0; left:0; padding:0px 2% 8px 2%;}
.gs_case_sm h3{ line-height:22px}
.gs_case_sm p{ line-height:20px}
}

@media only screen and (max-width:320px){
.gs_cplist dl dt{ height:120px; overflow:hidden; overflow:hidden}
.gs_cplist dl dt img{ width:100%;  height:auto; min-height: 120px;  vertical-align:top;transition: 0.6s;-moz-transition: 0.6s;-webkit-transition: 0.6s; }
}









/*-----------优势--------------*/
.sy_youshi{ overflow:hidden;}
.sy_youshi img{ width:100%; height:auto}

/*-----------服务流程---------------*/
.fwlc{ overflow:hidden;margin:0px; padding:20px 0px}
.fwlc li{ overflow:hidden; margin:0px; padding:0px; float:left; width:20%; list-style:none}
.fwlc li dl{overflow:hidden; margin:0px; padding:0px; margin:0 auto; width:90%; text-align:center}
.fwlc li dl dt{overflow:hidden; margin:0px; padding:0px; width:90px; height:90px; border-radius:50%; text-align: center;  margin:0 auto;transition: 0.2s;-moz-transition: 0.2s;-webkit-transition: 0.2s; background:#686868;}
.fwlc li dl dt img{ vertical-align: middle; width:60px; margin-top:15px}
.fwlc li dl dd{overflow:hidden; margin:0px; padding:0px; font-size:18px; line-height:200%}
/*
.fwlc li:nth-child(1) dl dt{background:#0098B5;}
.fwlc li:nth-child(2) dl dt{background:#1D86EA;}
.fwlc li:nth-child(3) dl dt{background:#476787;}
.fwlc li:nth-child(4) dl dt{background:#FFA613;}
.fwlc li:nth-child(5) dl dt{background:#E04B3F;}*/
.fwlc li:hover img{-webkit-transform: scale(1.1);transform: scale(1.1);-moz-transform: scale(1.1);}
.fwlc li:hover dd{ color:#0098B5}
.fwlc li:hover dt{ background:#0098B5;}
@media only screen and (max-width:700px) {
.fwlc li dl dd{overflow:hidden; margin:0px; padding:0px; font-size:16px; line-height:200%}
.fwlc li dl dt{overflow:hidden; margin:0px; padding:0px; width:80px; height:80px; border-radius:50%; text-align: center;  margin:0 auto;transition: 0.3s;-moz-transition: 0.3s;-webkit-transition: 0.3s; }
.fwlc li dl dt img{ vertical-align: middle; width:50px; margin-top:15px}
}

@media only screen and (max-width:500px) {
.fwlc li dl dd{overflow:hidden; margin:0px; padding:0px; font-size:14px; line-height:200%}
.fwlc li dl dt{overflow:hidden; margin:0px; padding:0px; width:50px; height:50px; border-radius:50%; text-align: center;  margin:0 auto;transition: 0.3s;-moz-transition: 0.3s;-webkit-transition: 0.3s; }
.fwlc li dl dt img{ vertical-align: middle; width:30px; margin-top:10px}
}


@media only screen and (max-width:330px) {
.fwlc li dl dd{overflow:hidden; margin:0px; padding:0px; font-size:12px; line-height:200%}
.fwlc li dl dt{overflow:hidden; margin:0px; padding:0px; width:50px; height:50px; border-radius:50%; text-align: center;  margin:0 auto;transition: 0.3s;-moz-transition: 0.3s;-webkit-transition: 0.3s; }
.fwlc li dl dt img{ vertical-align: middle; width:30px; margin-top:10px}
}





/*-----------首页公司简介--------------*/
.sy_about_k{ overflow:hidden; width:100%; margin:10px auto}
.sy_about_k img{ width:100%; height:auto; vertical-align:middle}

.sy_about_bg{ overflow:hidden;width:100%;background:#0098B5 url(../images/about_bg.jpg) no-repeat center; background-size:cover; }

.sy_about_box{ width:850px; overflow:hidden; float:right; background:#FFFFFF; margin:120px 0px 120px 0px;box-shadow:0 0 20px 1px rgba(0,0,0,.2)}
.sy_about_box dl{ margin:0px; padding:0px; overflow:hidden; padding:40px 50px 2px 50px}
.sy_about_box dl dt{margin:0px; padding:0px; overflow:hidden; margin-bottom:15px}
.sy_about_box dl dt h3{ font-size:24px; font-weight:normal; color:#000000; line-height:180%}
.sy_about_box dl dt p{ margin:0px;}
.sy_about_box dl dd{margin:0px; padding:0px; overflow:hidden}

.sy_about_tu{ height:auto; width:auto; float:left; display: block}

.about_M a { text-align:center; margin-top:20px;width:102px;height:28px;display:block;line-height:28px;font-size:13px;color:#CACACA;border:1px solid#d9d9d9}
.about_M a:hover {background:#ffc13b;color:#fff;border:1px #ffc13b solid}


@media only screen and (max-width:1199px) {
.sy_about_box{ width:90%; overflow:hidden; float: none; background:#FFFFFF; margin:0 auto; margin-top:50px; margin-bottom:50px;box-shadow:0 0 20px 1px rgba(0,0,0,.2);}
}

@media only screen and (max-width:1000px) {
.sy_about_box dl{ margin:0px; padding:0px; overflow:hidden; padding:20px 30px 2px 30px}
.sy_about_box{ width:96%; overflow:hidden; float: none; background:#FFFFFF; margin:0 auto; margin-top:50px; margin-bottom:50px;box-shadow:0 0 20px 1px rgba(0,0,0,.2);}
}

@media only screen and (max-width:670px) {
.sy_about_box dl{ margin:0px; padding:0px; overflow:hidden; padding:10px 20px 2px 20px}
.sy_about_box dl dt{margin:0px; padding:0px; overflow:hidden; margin-bottom:10px}
.sy_about_box{ width:96%; overflow:hidden; float: none; background:#FFFFFF; margin:0 auto; margin-top:50px; margin-bottom:50px;box-shadow:0 0 20px 1px rgba(0,0,0,.2);}
}


@media only screen and (max-width:600px) {
.sy_about_tu{ height:auto; width:auto; float:left; display: none}
.sy_about_box dl{ margin:0px; padding:0px; overflow:hidden; padding:10px 15px 20px 15px}
.sy_about_box dl dt{margin:0px; padding:0px; overflow:hidden; margin-bottom:10px}
.sy_about_box{ width:96%; overflow:hidden; float: none; background:#FFFFFF; margin:0 auto; margin-top:50px; margin-bottom:50px;box-shadow:0 0 20px 1px rgba(0,0,0,.2);}
}

.nr_tltu{ overflow:hidden; width:100%; text-align:center}
.nr_tltu img{ width:100%; height:; vertical-align:top}

.wh_sm_box{ overflow:hidden; margin:0px; padding:0px; max-width:1300px; width:96%; margin:0 auto; margin-top:10px}
.wh_sm_box li{ width:25%; overflow:hidden; float:left; margin:0px; padding:0px; list-style:none; margin-bottom:15px;}
.wh_sm_box li dl{overflow:hidden; margin:0px; padding:0px; background:#EEEEEE; width:80%; margin:0 auto; padding:10% 5%; min-height:220px}
.wh_sm_box li dl dt{overflow:hidden; margin:0px; padding:0px; font-size:24px; line-height:200%; color:#0098B5}
.wh_sm_box li dl dd{overflow:hidden; margin:0px; padding:0px; font-size:16px; color:#666}
.wh_sm_tu{ width:85px; height:85px;margin:0 auto; margin-bottom:10px; border-radius:50%; background:#0098B5;transition: 0.3s;-moz-transition: 0.3s;-webkit-transition: 0.3s;transition: all .3s ease-in-out; }
.wh_sm_tu img{ width:85px; height:85px; vertical-align:middle; border-radius:50% }

.wh_sm_box li:hover  .wh_sm_tu{transform:rotateY(180deg)}

@media only screen and (max-width:740px) {
.wh_sm_box li{ width:100%; overflow:hidden; float:left;margin:0px; padding:0px; list-style:none; margin-bottom:15px; }
.wh_sm_box li dl{overflow:hidden; margin:0px; padding:0px; background:#EEEEEE; width:94%; margin:0 auto; padding:2% 3%; min-height:40px; text-align:left}
.wh_sm_box li dl dt{overflow:hidden; margin:0px; padding:0px; font-size:18px; line-height:200%; color:#0098B5; text-align:left; padding-left:4%}
.wh_sm_box li dl dd{overflow:hidden; margin:0px; padding:0px; font-size:14px; color:#666;padding-left:4%}
.wh_sm_tu{ width:85px; height:85px;margin:0 auto; margin-bottom:0px; border-radius:50%; background:#0098B5;transition: 0.3s;-moz-transition: 0.3s;-webkit-transition: 0.3s;transition: all .3s ease-in-out; margin-right:20px}
.wh_sm_tu{ width:85px; height:85px;margin:0 auto; float:left; margin-bottom:10px; border-radius:50%; background:#0098B5;transition: 0.3s;-moz-transition: 0.3s;-webkit-transition: 0.3s;transition: all .3s ease-in-out; }
}


/*-----------新闻---------------*/

.sy_m_news{ float:left; width:396px; overflow:hidden;}
.sy_R_news{ float:right; width:396px; overflow:hidden;}

.m_news1{ overflow:hidden; margin:0px;}
.m_news1 li{overflow:hidden; margin:0px auto; padding:0px 0px; list-style:none; margin-bottom:14px; border:#E6E6E6 1px solid; padding:14px 1%;border-radius:3px; width:97.5%}
.m_news1 li dl{overflow:hidden; margin:0px; padding:0px; width:auto}
.m_news1 li dl dt{overflow:hidden; margin:0px; padding:0px; font-size:16px; color:#333333;overflow:hidden;white-space:nowrap;text-overflow:ellipsis; line-height:200%}
.m_news1 li dl dd{overflow:hidden; margin:0px; padding:0px; font-size:13px; line-height:22px; color:#777;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.m_news1 li a:hover dl dt{ color:#FF6C00 }
.m_news1 li a:hover dl dd{ color:#333 }
.m_news1 li a:hover .m_news_time span{ color:#FF6C00 }
.m_news1 li a:hover .m_news_time p{ color:#FF6C00 }
.m_news_time{ width:90px; float:left; margin-right:15px; border-right:#999 1px solid; text-align:center}
.m_news_time span{ font-size:32px; line-height:35px; color:#0098B5}
.m_news_time p{ font-size:13px; margin:0px; padding:0px; line-height:25px; color:#C5C5C5}


.sy_xwk{ float:left; overflow:hidden; width:370px; margin-right:15px; background:#0098B5}
.sy_xwk img{ overflow:hidden; margin:0px; padding:0px; width:100%; height:240px}
.sy_xwk  .sm{ line-height:200%; padding:4px 10px 4px 10px}
.sy_xwk  .sm h3{ font-size:15px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.sy_xwk  .sm h3 a{overflow:hidden;white-space:nowrap;text-overflow:ellipsis; color:#FFFFFF}
.sy_xwk  .sm h3 a:hover{ color:#FFAE00}
.sy_xwk  .sm p{ font-size:12px; line-height:180%; color:#fff;margin:0px; padding:0px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.more_new{ float:right; font-size:12px; font-weight:normal; color:#FFFFFF}

.cs_btk{ overflow:hidden;line-height:30px; border-bottom:#ccc 1px solid;}
.cs_btk span{ font-size:20px; overflow:hidden; padding:0px 0px; color:#0098B5}

/*-----news4--------*/
.xinweixx{padding: 0px; overflow:hidden; margin:0 auto;}
.xinweixx ul{padding: 0px; margin:0px; overflow:hidden; width:100%}
.xinweixx ul li{padding:0px; border-bottom:#CCCCCC 1px dotted; line-height:32px; background:url(../images/aq.png) no-repeat left center; text-indent:20px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis; width:100%}
.xinweixx ul li a{font-size:14px;}
.xinweixx ul li a:hover{color:#FF6C00}
.date_k{ float:right; color:#666; font-size:12px}

@media only screen and (max-width:1199px) {
.sy_m_news{ float:left; width:100%; overflow:hidden; margin-bottom:10px}
.sy_R_news{ float:left; width:100%; overflow:hidden; }
.sy_xwk{ float:left; overflow:hidden; width:100%; margin-right:0px;margin-bottom:10px}
.sy_xwk img{ overflow:hidden; margin:0px; padding:0px; width:100%; height:auto}
.m_news1 li{overflow:hidden; margin:0px auto; padding:0px 0px; list-style:none; margin-bottom:14px; border:#E6E6E6 1px solid; padding:14px 1%;border-radius:3px; width:97.5%; margin:0 auto}

}

















.clwl_sl{overflow:hidden; margin:0px; padding:0px; margin-top:30px; height:auto}
.clwl_sl li{ overflow:hidden; margin:0px; padding:0px; list-style:none; float:left; width:33.33%;}
.clwl_sl li dl{ overflow:hidden; margin:0px; padding:0px; width:85%; margin:0 auto; background:#FFFFFF;padding:3%; margin-bottom:10px; margin-top:10px; border:#EEEEEE 1px solid;transition: 0.3s;-moz-transition: 0.3s;-webkit-transition: 0.3s;}
.clwl_sl li dl dt{ overflow:hidden; margin:0px; padding:0px; font-size:18px; line-height:200%;white-space:nowrap;text-overflow:ellipsis;}
.clwl_sl li dl dt a{ font-size:16px; color:#222;white-space:nowrap;text-overflow:ellipsis;}
.clwl_sl li dl dd{ overflow:hidden; margin:0px; padding:0px; height:50px}
.clwl_sl li dl dt p{ font-size:12px; color:#666666}

.clwl_sl li dl dt img{ width:100%; height:180px; vertical-align:top; border-radius:3px 3px 0px 0px;transition: 0.3s;-moz-transition: 0.3s;-webkit-transition: 0.3s;}
.clwl_sl li a dl dt{ color:#222; font-size:16px;overflow:hidden; }
.clwl_sl li a dl dt:hover{ color:#FF9000}
.clwl_sl li a:hover img{-webkit-transform: scale(1.2);transform: scale(1.2);-moz-transform: scale(1.2);}
.clwl_sl li dl:hover{box-shadow:0 0 20px 1px rgba(0,0,0,.1);border:#E0E0E0 1px solid; margin-top:5px}


@media only screen and (max-width: 1024px) {
.clwl_sl li dl dt img{ width:100%; height:140px; vertical-align:top;}

}


@media only screen and (max-width: 900px) {
.clwl_sl{overflow:hidden; margin:0px; padding:0px; margin-top:20px; height:auto}
.clwl_sl li dl dt img{ width:100%; height:120px; vertical-align:top;}

}

@media only screen and (max-width: 736px) {
.clwl_sl li dl dd{ overflow:hidden; margin:0px; padding:0px; height:auto}
.clwl_sl li dl dt img{ width:100%; height:auto; vertical-align:top;}
.clwl_sl li dl{ overflow:hidden; margin:0px; padding:0px; width:91%; margin:0 auto; background:#FFFFFF;padding:3%; margin-bottom:10px; margin-top:10px; border:#EEEEEE 1px solid;transition: 0.3s;-moz-transition: 0.3s;-webkit-transition: 0.3s;}
.clwl_sl li{ overflow:hidden; margin:0px; padding:0px; list-style:none; float: none; width:80%; margin:0 auto; margin-bottom:10px}
}

@media only screen and (max-width:500px) {
.clwl_sl li dl{ overflow:hidden; margin:0px; padding:0px; width:91%; margin:0 auto; background:#FFFFFF;padding:3%; margin-bottom:10px; margin-top:10px; border:#EEEEEE 1px solid;transition: 0.3s;-moz-transition: 0.3s;-webkit-transition: 0.3s;}
.clwl_sl li dl dd{ overflow:hidden; margin:0px; padding:0px; height:auto}
.clwl_sl li dl dt img{ width:100%; height:auto; vertical-align:top;}
.clwl_sl li{ overflow:hidden; margin:0px; padding:0px; list-style:none; float: none; width:100%; margin:0 auto; margin-bottom:5px}
}

@media only screen and (max-width:414px) {
.clwl_sl li dl{ overflow:hidden; margin:0px; padding:0px; width:91%; margin:0 auto; background:#FFFFFF;padding:3%; margin-bottom:10px; margin-top:10px; border:#EEEEEE 1px solid;transition: 0.3s;-moz-transition: 0.3s;-webkit-transition: 0.3s;}
.clwl_sl li dl dd{ overflow:hidden; margin:0px; padding:0px; height:auto}
.clwl_sl li dl dt img{ width:100%; height:auto; vertical-align:top;}
.clwl_sl li{ overflow:hidden; margin:0px; padding:0px; list-style:none; float:none; width:100%; margin:0 auto; margin-bottom:5px}
}













/*-----------合作伙伴---------------*/
.hzkf{ overflow:hidden; display:block}

.hz_tu{ overflow:hidden; padding-top:20px; margin-bottom:10px}
.hz_tu ul{ overflow:hidden; padding:0px; margin:0px}
.hz_tu ul li{ list-style:none; float: left; width:20%; height:auto; margin:18px 0px; text-align:center}
.hz_tu ul li img{width:220px; height:100px;border:#eee 1px solid;}

@media (max-width:1024px){
.hzkf{ overflow:hidden;}
.hz_tu{ overflow:hidden; padding-top:20px}
.hz_tu ul{ overflow:hidden; padding:0px; }
.hz_tu ul li{ list-style:none; float: left; width:20%; height:auto; margin:6px 0px; text-align:center}
.hz_tu ul li img{width:95%; height:auto; margin:0 auto}
}


@media (max-width:768px){
.hzkf{ overflow:hidden; display: block}
.hz_tu{ overflow:hidden; padding-top:20px}
.hz_tu ul{ overflow:hidden; padding:0px; }
.hz_tu ul li{ list-style:none; float: left; width:20%; height:auto; margin:6px 0px; text-align:center}
.hz_tu ul li img{width:130px; height:60px; margin:0 auto}
}

@media (max-width:667px){
.hzkf{ overflow:hidden; display: block}
.hz_tu{ overflow:hidden; padding-top:20px}
.hz_tu ul{ overflow:hidden; padding:0px; }
.hz_tu ul li{ list-style:none; float: left; width:25%; height:auto; margin:6px 0px; text-align:center}
.hz_tu ul li img{width:92%; height:60px; margin:0 auto}

}
@media (max-width:558px){
.hzkf{ overflow:hidden; display: block}
.hz_tu{ overflow:hidden; padding-top:20px}
.hz_tu ul{ overflow:hidden; padding:0px; }
.hz_tu ul li{ list-style:none; float: left; width:50%; height:auto; margin:6px 0px; text-align:center}
.hz_tu ul li img{width:auto; height:70px; margin:0 auto}

}


@media (max-width:321px){
.hzkf{ overflow:hidden; display: block}
.hz_tu{ overflow:hidden; padding-top:20px}
.hz_tu ul{ overflow:hidden; padding:0px; }
.hz_tu ul li{ list-style:none; float: left; width:50%; height:auto; margin:6px 0px; text-align:center}
.hz_tu ul li img{width:auto; height:55px; margin:0 auto}

}


@media only screen and (max-width:768px) {
.link_k{ overflow:hidden; padding-top:20px; color:#5D6678; display: none}
}


/*-----------down---------------*/
.down_nav_bg{ overflow:hidden; width:100%; border-top:#444 8px solid; padding:40px 0px 20px 0px; background:#23262A; display:block}
.down_nav { float:left; width:85%;display:block; overflow:hidden}
.down_nav li{ overflow:hidden; margin:0px; padding:0px; float:left; width:19%}
.down_nav li dl{ overflow:hidden; margin:0px; padding:0px; color:#FFFFFF}
.down_nav li dl dt{ overflow:hidden; margin:0px; padding:0px; font-size:16px; margin-bottom:5px; }
.down_nav li dl dd{ overflow:hidden; margin:0px; padding:0px; color:#CECECE;}
.down_nav li dl dt  a{border-bottom:1px #666 solid; font-size:16px;color:#FFFFFF; overflow:hidden; padding-bottom:4px;overflow:hidden}
.down_nav li dl dd a{ color:#CECECE;}
.down_nav li dl dd a:hover{ color:#FFD860}
.down_nav li:last-child{width:24%}

.wx_K{ width:15%; float:right; overflow:hidden}
.wx_box{ overflow:hidden; float:left; width:100%; margin:0px 0px; text-align:center}
.wx_box img{ width:100px; height:100px;}
.wx_box p{ margin:0px; line-height:30px; padding:0px;color:#CECECE;}

.down_bg{ background:#10100D; padding:10px 0px; color:#CECECE; font-size:12px}
.down_cop{max-width: 1200px;margin:0 auto; width: 96%; color:#CECECE; }

@media only screen and (max-width:1024px) {
.down_nav { float:left; width:84%;display:block}
.wx_K{ width:16%; float:right; overflow:hidden}
.down_nav li{ overflow:hidden; margin:0px; padding:0px; float:left; width:17.5%}
.down_nav li:last-child{width:30%}
}


@media only screen and (max-width:768px) {
.down_nav { float:left; width:86%;display:block}
.wx_K{ width:14%; float:right; overflow:hidden}
.down_nav_bg{ overflow:hidden; width:100%; border-top:#444 8px solid; padding:40px 0px 20px 0px; background:#3D3C3C; margin-top:20px; display:block}
.wx_box img{ width:93%; height:auto;}
.down_nav li{ overflow:hidden; margin:0px; padding:0px; float:left; width:16.5%}
.down_nav li:last-child{width:30%}
.down_nav li dl dd{ font-size:12px}
.down_nav li dl dd a{ color:#CECECE;font-size:12px}

}

@media only screen and (max-width:740px) {
.down_nav{ display:none}
.wx_K{ width:100%; float:left; overflow:hidden; display:block}
.wx_box img{ width:120px; height:120px;}
}


.link_k{ overflow:hidden; padding-top:20px; color:#5D6678; display:block}
.link_k a{ color:#5D6678;}



/* actGotop */
.b_top{ overflow:hidden; display:none}
@media only screen and (max-width:740px) {
.b_top{ overflow:hidden; display: block}
}
.actGotop{position:fixed;_position:absolute;bottom:70px;right:2%;width:40px;height:40px;display:none; z-index:2}
.actGotop a,.actGotop a:link{width:39px;height:39px;display:inline-block; text-align:center; background: url(../images/up.png) no-repeat center}
.actGotop a:hover{ background: url(../images/up.png) no-repeat center;outline:none;}




/*---------留言----------*/
.lybook_L{overflow:hidden; float:left; width:48%; line-height:190%; font-size:14px}
.lybook_R{  float:right; width:48%;}

@media only screen and (max-width:768px){
.lybook_L{overflow:hidden; float:left; width:100%;}
.lybook_R{ overflow:hidden; float:left; width:100%;}

}

.odform-tit{font-weight:normal;font-size:22px;color:#595757;line-height:40px;text-align:center;border-bottom:1px solid #c9cacb;margin:0;padding:10px 0}
.odform-tit img{height:40px;vertical-align:middle;margin-right:15px}
.odform{ overflow:hidden; margin:15px 0px;}
.input-group1{margin-bottom:5px;position:relative; width:100%;}
.input-group1 span{ color:#FF0000}
.input-group1 label{padding:0px 0;position:absolute;color:#333; font-size:14px; }
.input-group1 input{margin-left:5em;padding:3px 6px;box-sizing:border-box;background:#fff;border:1px solid #D9D9D9;border-radius:5px;color:#595757;width:78%; font-size:14px; line-height:25px}
.input-group1 select{margin-left:5em;padding:2% 6px;box-sizing:border-box;background:#fff;border: #efeff0 1px solid;border-radius:5px;color:#595757;width:78%; font-size:14px; line-height:25px}
.input-group1 textarea{margin-left:5em;padding:4px 6px;box-sizing:border-box;background:#fff;border:1px solid #D9D9D9;border-radius:5px;color:#595757;width:78%; font-size:14px; height:60px}
.odform button{background:#423B33;color:#fff;text-align:center;border:0;border-radius:5px;padding:4px;width:120px;font-size:16px; font-weight:bold;cursor: pointer; line-height:30px; margin:0 auto}
.an_ly{ width:120px; margin-left:72px}
.btntj{background:#0098B5;color:#fff;text-align:center;border:0;border-radius:5px;padding:4px;width:120px;font-size:16px; font-weight:bold;cursor: pointer; line-height:30px;}

.tp_lybt{border-bottom:#999999 1px solid; margin-bottom:10px; font-size:16px; font-weight:bold}



.so_box{ width:97%; margin:0px auto; margin-bottom:10px; overflow:hidden; margin-top:4px}
.so_box{ padding:4px 0px; font-size:16px;}
.so_box span{ margin:0px 4px; color:#FF6600}


/*-----------wap-菜单------------*/
#menu{position:fixed;bottom:0px;width:100%;height:44px;line-height:44px;z-index:991999;background:url(../images/menubg.png) repeat-x; display: none}
#menu ul{margin:0 auto;list-style-type:none;width:100%;max-width:500px;height:100%;}
#menu ul li{float:left;width:33.3%;height:100%;text-align:center;position:relative;font-size:14px;}
#menu ul li .line{position:absolute;top:0px;right:0px;z-index:30;}
#menu ul li .menu_li{position:absolute;top:0px;left:0px;z-index:20;width:100%;height:100%;color:#454545;background:url(../images/menubg.png) repeat-x;}
#menu ul li .menu_li img{ vertical-align:middle}
#menu ul li .img_front{position:absolute;top:0px;left:0px;z-index:30;width:100%;height:100%;}
#menu ul li .img_front img{width:100%;height:100%;}
#menu ul li span{position:absolute;bottom:-500px;left:50%;width:104px;margin-left:-52px;margin-bottom:14px;height:auto;text-align:center;z-index:10;}
#menu ul li span div{position:absolute;top:0px;left:0px; font-size:12px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis; border:0;}
#menu ul li span a{float:left;width:100%;height:43px;line-height:43px;color:#454545;text-decoration:none;}
a,img{border:0;}
.footer_front{position:fixed;width:100%;height:100%;top:0px;left:0px;z-index:888;display:none;}


@media only screen and (max-width: 768px){
#menu{position:fixed;bottom:0px;width:100%;height:44px;line-height:44px;z-index:991999;background:url(../images/menubg.png) repeat-x; display: block}
body{ padding-bottom:43px;}
}





/*-------banner-----------*/
.fixed_banner_soso{ width:100%; height:240px; background:url(../images/soso.jpg) no-repeat center center; background-size:auto 100%; display:block}


.fixed_banner_new{ width:100%; height:240px; background:url(../images/news_b1.jpg) no-repeat center center; background-size:auto 100%; display:block;position:relative;}
.fixed_banner_case{ width:100%; height:240px; background:url(../images/case_b1.jpg) no-repeat center center; background-size:auto 100%; display:block;position:relative;}
.fixed_banner_qa{ width:100%; height:240px; background:url(../images/qa_b1.jpg) no-repeat center center; background-size:auto 100%; display:block;position:relative;}
.fixed_banner_about{ width:100%; height:240px; background:url(../images/about_b1.jpg) no-repeat center center; background-size:auto 100%; display:block;position:relative;}
.fixed_banner_cp{ width:100%; height:240px; background:url(../images/about_al.jpg) no-repeat center center; background-size:auto 100%; display:block;position:relative;}


@media only screen and (max-width:768px) {
.fixed_banner_soso{ width:100%; height:200px; background:url(../images/soso.jpg) no-repeat center center; background-size:auto 100%;display:block}


.fixed_banner_new{ width:100%; height:200px; background:url(../images/news_b1.jpg) no-repeat center center; background-size:auto 100%;display:block;position:relative;}
.fixed_banner_case{ width:100%; height:200px; background:url(../images/case_b1.jpg) no-repeat center center; background-size:auto 100%;display:block;position:relative;}
.fixed_banner_qa{ width:100%; height:200px; background:url(../images/qa_b1.jpg) no-repeat center center; background-size:auto 100%;display:block;position:relative;}
.fixed_banner_about{ width:100%; height:220px; background:url(../images/about_b1.jpg) no-repeat center center; background-size:auto 100%; display:block;position:relative;}
.fixed_banner_cp{ width:100%; height:220px; background:url(../images/about_cp.jpg) no-repeat center center; background-size:auto 100%; display:block;position:relative;}

}
@media only screen and (max-width:568px) {
.fixed_banner_soso{ width:100%; height:100px; background:url(../images/news_b1.jpg) no-repeat center center; background-size:auto 100%;display:block}


.fixed_banner_new{ width:100%; height:100px; background:url(../images/news_b1.jpg) no-repeat center center; background-size:auto 100%;display:block;position:relative;}
.fixed_banner_case{ width:100%; height:100px; background:url(../images/case_b1.jpg) no-repeat center center; background-size:auto 100%;display:block;position:relative;}
.fixed_banner_qa{ width:100%; height:100px; background:url(../images/qa_b1.jpg) no-repeat center center; background-size:auto 100%;display:block;position:relative;}
.fixed_banner_about{ width:100%; height:100px; background:url(../images/about_b1.jpg) no-repeat center center; background-size:auto 100%; display:block;position:relative;}
.fixed_banner_cp{ width:100%; height:100px; background:url(../images/about_cp.jpg) no-repeat center center; background-size:auto 100%; display:block;position:relative;}

}

.ico{ display:inline-block; width:30px; height:30px; white-space:nowrap;color:transparent;}
.xc_bread{position:absolute;right:50%;margin-right:-600px;bottom:18px; display:block; z-index:4}
.xc_bread .xc_bread_box{color:#ffffff;text-align:right; background:url(../images/ico.png) no-repeat left center; padding-left:25px;line-height:35px;text-shadow: 1px 1px 1px #333;}
.xc_bread .xc_bread_box a{ line-height:35px; color:#FFFFFF}

@media (max-width: 1024px) {
.xc_bread{position:absolute;right:50%;margin-right:-600px;bottom:18px; display: none}
}







.dh_k{ overflow:hidden;background:#F6F6F6}
.wzdh_k{ overflow:hidden; border-bottom:#CCCCCC 0px solid;line-height:60px; float:left; width:100%}
.wzdh_k span{background:url(../images/i_home.png)no-repeat left 22px; padding-left:18px; font-size:14px; line-height:60px;float:left; display:block}



.main_box {max-width: 1200px;width: 96%; margin:0 auto;padding: 0px;overflow:hidden;}


/*-----新闻详细页------*/
.content_bt{ width:100%; line-height:25px; font-size:20px; text-align:center; padding-top:15px;font-weight:bold; padding-bottom:10px; overflow:hidden}
.content_info{width:100%; border-bottom:#ccc 1px solid; font-size:12px; color:#666666; text-align:center; padding-bottom:4px; margin-bottom:10px; line-height:25px}
.i_date{ background:url(../images/i_date.png) no-repeat left center; padding-left:25px; margin-right:10px; padding-top:2px; padding-bottom:2px}
.i_from{ background:url(../images/i_t1.png) no-repeat left center; padding-left:20px; margin-right:10px}
.i_View{ background:url(../images/i_view.png) no-repeat  left center; padding-left:25px}

.content_txt{line-height:200%; color:#333333; font-size:14px; overflow:hidden; padding:0px 0px 10px 0px; }
.content_txt img{MAX-WIDTH: 100%!important;HEIGHT: auto!important;}
.content_txt_tu{overflow:hidden; text-align:center}
.content_txt_tu img{MAX-WIDTH: 100%!important;HEIGHT: auto!important;}

.B_back{ float:right; width:auto; font-size:12px; display:block;}
.B_back a{color:#444}

.zw_column{ width:100%; height:40px; border-bottom:2px solid #ddd; position:relative; margin-bottom:5px}
.zw_column span{ display:inline-block; *display:inline; zoom:1; height:40px; line-height:40px; font-size:18px; color:#ED0505; border-bottom:2px solid #ED0505; padding:0px 10px; font-weight:bold}

@media screen and (max-width: 768px) {

.content_bt{ width:100%; line-height:25px; font-size:18px; padding-top:10px;font-weight:bold; text-align: center;}
.wzdh_k span{background:url(../images/i_home.png)no-repeat left 22px; padding-left:18px; font-size:14px; line-height:60px;float:left; display: none}

}


/*-----page------*/
.next_k{ padding:0px;margin-top:15px; border-top:#CCCCCC 0px solid;margin-bottom:10px}
.next_k ul{margin:0px; padding:0px; margin-top:10px}
.next_k ul li{ line-height:25px; margin:0px; padding:0px; color:#666666; font-size:12px; list-style:none; width:100%; float:left}
.next_k ul li a{font-size:12px}

.page_k{ text-align:center; padding:10px; font-size:12px;border-top:#CCCCCC 0px solid; margin-top:15px;}
.page_k a{ font-size:12px}
.page_k a:hover{ font-size:12px}





/*-----内页栏目------*/
.lm_btK{ overflow:hidden; background:#007FC1;height:100px; color:#FFFFFF; font-size:26px; text-align:center; display:block}
.lm_btK span{ line-height:100px;color:#fff}

.l-sub{overflow:hidden;padding:0px; display:block; float:right}
.l-sub li{ overflow:hidden;line-height:60px;text-align:center;list-style:none;font-size:16px; width:100px;margin:0px 0.8%;}
.l-sub a{ display: block; color: #333; font-size:16px; height:60px;transition: 0.5s;-moz-transition: 0.5s;-webkit-transition: 0.5s;}
.l-sub a:hover,.l-sub a:active,.l-sub li.active a{color: #0466C5; font-size:16px; text-decoration:none; height: 60px;line-height:60px; }
.l-sub li.active a{color: #fff; font-size:16px;text-decoration:none; height:60px;background:#0098B5;}


.l-sub1{overflow:hidden;padding:0px; display:block; float:right}
.l-sub1 li{ overflow:hidden;line-height:60px;text-align:center;list-style:none;font-size:16px; width:auto; padding:0px 5px;margin:0px 4px; float:left }
.l-sub1 a{ display: block; color: #333; font-size:16px; height:60px;transition: 0.5s;-moz-transition: 0.5s;-webkit-transition: 0.5s; padding:0px 5px;}
.l-sub1 a:hover,.l-sub1 a:active,.l-sub1 li.active a{color: #0466C5; font-size:16px; text-decoration:none; height: 60px;line-height:60px;  padding:0px 5px;}
.l-sub1 li.active a{color: #fff; font-size:16px;text-decoration:none; height:60px;background:#0098B5; padding:0px 5px;}


@media only screen and (max-width:800px) {
.l-sub{overflow:hidden;padding:0px; display:block; float:right}
.l-sub li{ overflow:hidden;line-height:60px;text-align:center;list-style:none;font-size:14px; width:90px;margin:0px 0.8%;}
.l-sub a{ display: block; color: #333; font-size:14px; height:60px;transition: 0.5s;-moz-transition: 0.5s;-webkit-transition: 0.5s;}
.l-sub a:hover,.l-sub a:active,.l-sub li.active a{color: #0466C5; font-size:14px; text-decoration:none; height: 60px;line-height:60px; }
.l-sub li.active a{color: #fff; font-size:14px;text-decoration:none; height:60px;background:#0098B5;}

.l-sub1{overflow:hidden;padding:0px; display:block; float:right}
.l-sub1 li{ overflow:hidden;line-height:60px;text-align:center;list-style:none;font-size:14px; width:auto; padding:0px 5px;margin:0px 4px; float:left }
.l-sub1 a{ display: block; color: #333; font-size:14px; height:60px;transition: 0.5s;-moz-transition: 0.5s;-webkit-transition: 0.5s; padding:0px 5px;}
.l-sub1 a:hover,.l-sub1 a:active,.l-sub1 li.active a{color: #0466C5; font-size:14px; text-decoration:none; height: 60px;line-height:60px;  padding:0px 5px;}
.l-sub1 li.active a{color: #fff; font-size:14px;text-decoration:none; height:60px;background:#0098B5; padding:0px 5px;}

}
@media only screen and (max-width:560px) {
.l-sub1{overflow:hidden;padding:0px; display:block; float:left; width:100%; margin-top:10px; margin-bottom:10px}
.l-sub1 li{ overflow:hidden;line-height:40px;text-align:center;list-style:none;font-size:14px; width:31.33%; padding:0px 0px;margin:0px 1%; float:left }

.l-sub1 a{ display: block; color: #333; font-size:14px; height:40px;transition: 0.5s;-moz-transition: 0.5s;-webkit-transition: 0.5s; padding:0px 0px;}
.l-sub1 a:hover,.l-sub1 a:active,.l-sub1 li.active a{color: #0466C5; font-size:14px; text-decoration:none; height: 40px;line-height:40px;  padding:0px 0px;}
.l-sub1 li.active a{color: #fff; font-size:14px;text-decoration:none; height:40px;background:#0098B5; padding:0px 0px;}

}

@media only screen and (max-width:330px) {
.l-sub a{font-size:12px;}
.l-sub li.active a{font-size:12px;}
.l-sub a:hover,.l-sub a:active,.l-sub li.active a{font-size:12px;}

.l-sub1 a{font-size:12px;}
.l-sub1 li.active a{font-size:12px;}
.l-sub1 a:hover,.l-sub1 a:active,.l-sub1 li.active a{font-size:12px;}


}



/*-----news1---------*/
.news_wrapper{ overflow:hidden; padding-top:30px}
.news_wrapper li{ list-style:none; overflow:hidden; border-bottom:#F0F0F0 1px solid; padding-bottom:20px; margin-bottom:20px; float:none}
.news_wrapper li dl{ overflow:hidden;transition: 0.3s;-moz-transition: 0.3s;-webkit-transition: 0.3s; position:relative; height:170px; width:830px ;}
.news_wrapper li dl dt{ overflow:hidden; transition: 0.3s;-moz-transition: 0.3s;-webkit-transition: 0.3s; margin:0px}
.news_wrapper li dl dd{ overflow:hidden;    line-height: 22px;font-size: 13px;color: #6a6a6a;transition: 0.3s;-moz-transition: 0.3s;-webkit-transition: 0.3s; height:50px}
.news_wrapper li dl dt .title{font-size:24px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis; line-height:190% }
.description{ width:75%;height: auto;line-height: 22px;font-size: 13px; color: #6a6a6a;margin-top: 10px;}

.news_wrapper  .date{color: #c8c8c8;transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; position:absolute; top:120px; left:0; z-index:1}
.news_wrapper  .date  .md{    color: #c8c8c8; margin-left:20px}
.news_wrapper  .date  .year{font-size: 16px;color: #c8c8c8;}
.news_wrapper  .date  .year::after {content: "/"; position: absolute;margin: 0 5px; color: #B1B1B1;}

.news_wrapper li dl::after {content: 'MORE';width: 105px;height: 40px;padding-left: 45px;line-height: 40px;display: block;text-align: left;margin-top:-43px;color: #bcbcbc;border-left: 1px solid rgba(0, 0, 0, .08);transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;font-size: 16px;
background: url(../images/icon_m.png) -165px 0 no-repeat;float: right;border-top: none;}
.news_wrapper li a:hover dl{padding-left:20px; color:#009ED8}
.news_wrapper li a:hover dl{ margin-left:20px}

.newsimg{display: block; width: 280px;height:auto; float:left; margin-right:40px}
.newsimg img{ width:280px; height:180px; }



@media only screen and (max-width: 1199px) {
.news_wrapper{ overflow:hidden; padding-top:20px}
.news_wrapper li dl{ overflow:hidden;transition: 0.3s;-moz-transition: 0.3s;-webkit-transition: 0.3s; position:relative; height:180px; width:620px ;}
.description{ width:68%;height: auto;line-height: 22px;font-size: 13px; color: #6a6a6a;margin-top: 10px;}
}

@media only screen and (max-width: 950px) {
.news_wrapper li dl{ overflow:hidden;transition: 0.3s;-moz-transition: 0.3s;-webkit-transition: 0.3s; position:relative; height:125px; width:70% ;}
.news_wrapper li dl dd{ overflow:hidden;    line-height: 22px;font-size: 13px;color: #6a6a6a;transition: 0.3s;-moz-transition: 0.3s;-webkit-transition: 0.3s; height:45px}
.newsimg{display: block; width:26%;height:auto; float:left; margin-right:2%}
.newsimg img{ width:100%; height:130px}
.description{ width:65%;height: auto;line-height: 22px;font-size: 13px; color: #6a6a6a;margin-top: 0px;}
.news_wrapper li a:hover dl{padding-left:1%; color:#009ED8}
.news_wrapper li a:hover dl{ margin-left:1%}
.news_wrapper  .date{color: #c8c8c8;transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; position: absolute; top:90px; left:0; z-index:1}
}

@media only screen and (max-width: 650px) {
.newsimg{display: block; width:100%;height:auto; float: none; margin-right:0%; margin-bottom:5px}
.newsimg img{ width:100%; height:auto}

.news_wrapper li dl{ overflow:hidden;transition: 0.3s;-moz-transition: 0.3s;-webkit-transition: 0.3s; position:relative; height:auto; width:100% ;}
.news_wrapper li dl dd{ overflow:hidden;    line-height: 22px;font-size: 13px;color: #6a6a6a;transition: 0.3s;-moz-transition: 0.3s;-webkit-transition: 0.3s; height:auto}
.news_wrapper  .date{color: #c8c8c8;transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; position: static; top:0px; left:0; z-index:1; margin:0px; padding:2px}
.news_wrapper li a:hover dl{padding-left:0%; color:#009ED8}
.news_wrapper li a:hover dl{ margin-left:0%}

.description{ width:100%;height: auto;line-height: 22px;font-size: 13px; color: #6a6a6a;margin-top: 8px;}
.news_wrapper li dl::after { display:none}
.news_wrapper li dl dd p{ margin:0px; padding:0px}
.news_wrapper li dl dt p{ margin:0px; padding:0px;line-height:200%}
.news_wrapper li dl dt .title{font-size:18px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis; line-height:190% }
}

/*----分享------*/
.btnShare1{position:absolute;top:430px; left:50%;/* margin-left:-530px;*/  margin-left:400px;width:200px;font-size:0; display:block}
.btnShare1 i{font-size:12px; display:block; border-bottom:2px solid #dcdcdc; color:#999; text-indent:5px; line-height:30px; margin-bottom:15px}
.btnShare1 a{display:block; margin-bottom:10px; font-size:16px; color:#444; line-height:40px; height:40px; overflow:hidden}
.btnShare1 div{width:40px; height:40px; text-align:center;border-radius:6px; display:inline-block; margin-right:10px;}
.btnShare1 a img{ vertical-align:middle}
.btnShare1 .shareWx div{background-color:#6ac334}
.btnShare1 .shareWb div{background-color:#ff4444}
.btnShare1 .shareQz div{background-color:#f1a718}
.btnShare1 .shareQq div{background-color:#27a0f5}
.btnShare1 .shareToTop div{background-color:#acabab}
.btnShare1 .shareWx:hover div{background-color:#7fde46}
.btnShare1 .shareWb:hover div{background-color:#ff6767}
.btnShare1 .shareQz:hover div{background-color:#ffc34f}
.btnShare1 .shareQq:hover div{background-color:#4fb6fe}
.btnShare1 .shareToTop:hover div{background-color:#c6c4c4}

.btnShare1Fixed{position:fixed!important;top:100px!important; left:50%; margin-left:400px; }


@media only screen and (max-width:1199px) {
.btnShare1{position:absolute;top:430px; left:50%;/* margin-left:-530px;*/  margin-left:400px;width:200px;font-size:0; display: none}
}


.boxShow{ width:958px; padding:0 0 40px 0;border:1px solid #dedede; border-radius:6px;margin:20px 0 20px 0px;overflow:hidden;min-height:400px;}
.showTitle{ font-size:26px; line-height:40px; margin-top:30px;  font-weight:bold; border-left:6px solid #0098B5; padding:0 40px 0 36px;}
.showInfo{ border-bottom:2px solid #dcdcdc; font-size:14px; color:#999; padding:5px 0 25px 0; margin: 0 40px 15px 40px; }
.showCon{ font-size:14px; line-height:190%; padding:15px 40px 0 20px;}
.showCon img{ height:auto;MAX-WIDTH: 100%!important;HEIGHT: auto!important;}

@media only screen and (max-width:1199px) {
.boxShow{ width:99%; padding:0 0 40px 0;border:1px solid #dedede; border-radius:6px;overflow:hidden;min-height:400px; margin:0 auto; margin-top:20px; margin-bottom:20px}
.showTitle{ font-size:18px; line-height:30px; margin-top:20px;  font-weight:bold; border-left:6px solid #0098B5; padding:0 30px 0 26px;}
.showInfo{ border-bottom:2px solid #dcdcdc; font-size:14px; color:#999; padding:5px 0 25px 0; margin: 0 20px 15px 20px; }
.showCon{ font-size:14px; line-height:190%; padding:15px 20px 0 20px;}
}





/*-----常见问题--------*/
.qxbox{ overflow:hidden; padding-top:40px;}
.qxbox li{ margin:0px; padding:0px; overflow:hidden; margin-bottom:20px; width:100%}
.qxbox li dl{ overflow:hidden; padding:0px; margin:0px; background:#fff; border:#E8E8E8 1px solid; padding:5px 20px;}
.qxbox li dl dt{ overflow:hidden; padding:0px; margin:0px; font-size:16px; line-height:190%; font-weight:bold; color:#333333}
.qxbox li dl dd{ overflow:hidden; padding:0px; margin:0px; font-size:14px; line-height:190%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}

.leftArrow{border-right:15px solid #E8E8E8; border-top:15px solid transparent;border-bottom:15px solid transparent; width:0px; height:0px; float:left}
.slxx_tu{ width:68px; height:68px; float:left; overflow:hidden; margin-right:10px; background:#DBDBDB;text-align:center; border-radius:5px}
.slxx_tu p{ color:#FFFFFF; font-size:44px; line-height:68px;height:auto; vertical-align:top; font-family:"arial"; font-weight:bold}



.fangan_box{ overflow:hidden; width:100%;background:url(../images/ly_bg.jpg) no-repeat center top; background-size:cover; padding:20px 0px 40px 0px}
.fa_ly_r{ width:45%; overflow:hidden; float:right; margin:30px 10px;background:rgba(255, 255, 255, 0.8); padding:2%;border-radius:5px;box-shadow:0 0 20px 1px rgba(0,0,0,.1)}
.fan_txt{ font-size:24px; text-align:center; line-height:200%; margin-bottom:10px; color: #0098B5}
@media only screen and (max-width:1000px) {
.fa_ly_r{ width:98%; overflow:hidden; float:left; margin:10px 0px;padding:20px 1%}
.fan_txt{ font-size:18px; text-align:center; line-height:200%; margin-bottom:10px}

}

.about_bg{ overflow:hidden;  padding:0px 0px;text-align:center}
.about_bg img{ max-width:100%; height:auto}
.about_xx{ overflow:hidden; margin:0px; padding:0px}
.about_xx dl{ margin:0px; overflow:hidden; padding:0px}
.about_xx dl dd{margin:0px; overflow:hidden; padding:0px; font-size:16px; line-height:190%}
.about_tu{ width:35%; height:auto; margin-right:20px; float:left}
.about_tu img{ width:100%; height:auto}

@media only screen and (max-width:600px) {
.about_tu{ width:100%; height:auto; margin-right:0px; float:left; margin-bottom:10px}
.about_xx dl{ margin:0px; overflow:hidden; padding:0px;float:left}
.about_xx dl dd{margin:0px; overflow:hidden; padding:0px; font-size:14px; line-height:180%}
.about_bg{ overflow:hidden;padding:20px 0px}
}




.kong{ overflow:hidden; clear:both; height:0px}
@media only screen and (max-width:768px) {
.kong{ overflow:hidden; clear:both; height:60px; height:auto}
}