@media screen and ( max-width:1004px ) {
	.wal {
		width: 100%;
	}
	.w210 {
		display: none;
	}
	.w950 {
		width: 100%;
	}
	.topDiv {
		display: block;
		height: 60px;
		background-size: cover;
		position: relative;
		z-index: 33;

	}
	.topDiv .topLeft, .topDiv .lan, .topSearch {
		display: none;
	}
	.topDiv .logo {
		display: block;
		height: 60px;
		top: 0;
		left:0px;
	}
    .topDiv .logo img{
        max-height: 100%;
        margin-left: .3rem;
    }

	.navA {
		display: block;
		width: 40px;
		height: 34px;
		position: absolute;
		top: 13px;
		right: 5px;
		background: url(../images/top/navA.png) right center no-repeat;
		background-size: 30px;
	}
	.topSearchA {
		display: block;
		width: 33px;
		height: 34px;
		background: url(../images/top/btn1.png) center no-repeat;
		background-size: 26px;
		position: absolute;
		top: 15px;
		right:55px;
	}
	.headDiv, .banner, .pageNum, .sideBar {
		display: none;
	}
	.indexFlashTel {
		display: block;
	}
}
@media screen and (max-width:980px) {

	.top span{
		display:none}
	.zongh h2 {
		text-align: center;
		color: #000;
		font-size: 28px;
		line-height: 42px;
		padding: 10px;
	}
	.che_box h2 {
		color: #000;
		font-size: 28px;
		line-height: 42px;
		padding: 10px;
		text-align: center;
	}
	.news h3 {
		text-align: center;
		color: #000;
		font-size: 28px;
		display: none;
		padding: 10px;
	}
	.pro_box{ width: 25%; float: left; overflow: hidden;}
	.pro_content h2{ text-align: center; padding-top:30px; font-size: 24px; margin-bottom: 0;}
	.pro_content h3{ text-align: center; padding: 10px 0; font-size: 18px;}
	.pro_content p{ display: block;}
	a.carousel-control.left {
		background-image: none;
		opacity: 1;
	}
	a.carousel-control.right {
		background-image: none;
		opacity: 1;
	}
	.zh_fl span {
		display: block;
		position: absolute;
		top: 20px;
		left: 20px;
		right: 20px;
		transition: all 0.3s;
	}
	.zh_fl{ float: left; width:53%; position:relative; margin-top: 10px; overflow: hidden;height:auto;}
	.zh_fr{ float: right; width: 46%;margin-top: 10px;  height: auto;overflow: hidden;}
	.zh_fl img{ height:auto;}
	.zh_fl span h2{ text-align: center; color: #fff; line-height:40px; font-size: 28px; font-weight: bold;}
	.zh_fl span h3 {

		line-height: 42px;
		font-size:16px;
	}

	.zongh{ margin-top:60px; padding: 10px;}
	.zh_fr_box span h2 {
		text-align: center;
		color: #fff;
		line-height: 36px;
		font-size: 28px;
		font-weight: bold;
	}
	.zh_fr_box2 span h2 {
		text-align: center;
		color: #fff;
		line-height: 36px;
		font-weight: bold;
		font-size: 28px;
	}
	.zh_fr_box2 span h3 {
		color: #fff;
		text-align: center;
		line-height: 32px;
		font-size: 16px;
	}
	.zh_fr_box span h3 {
		color: #fff;
		font-size: 16px;
		text-align: center;
		line-height:32px;}
	.zh_fr_box span{ display: block; position: absolute; top:30px; left: 30px; right: 30px; }
	.zh_fr_box2 span{ display: block; position: absolute; top:20px; left: 30px; right: 30px; }
	.zh_fr_box2{  position:relative;margin-top:10px; height: auto;}
	.zh_fr_box:hover span{ top:48px;}
	.zh_fr_box2:hover span{ top:10px;}
	.ab_fr{float: left; width: 100%; height: auto;}
	.ab_fl{ width:100%; float: left; background: url("../images/main/abbg.jpg") no-repeat bottom left;height: auto; margin-top: 0; padding:60px 0;}
	.ab_fl h2 {
		padding:20px; font-size: 28px;}
	.ab_fl p{ color: #fff; line-height: 28px; padding: 15px 20px; font-size: 14px;text-align: center;}
	.news li{ width: 48%; margin:1%;overflow: hidden;
		float: left;}

	.news li h2{ position: absolute; bottom: 0; left: 0; text-align: center; background:rgba(255,111,48,0.4); width: 100%; padding: 10px; font-size: 15px; color: #fff;}
	.news li p{ font-size: 14px; line-height: 24px;}
	.about{
		padding:10px; }
	.news{
		padding:0px;}
	.news  h3{  display: block;}
	.bot li{
		float: left;
		width: 25%; height: 208px;}
	.contact {
		float: left;
		_display: inline;
		padding: 10px;
		font-size: 15px;
		line-height: 24px;
	}

	.sortt {
		display: none;
	}
	.codes {
		margin: 0 auto;
		text-align: center;
		float: right;
		margin-right: 20px;
	}
	.f_link {
		display: none;
	}
	.nav_foot {
		text-align: center;
		padding-top: 20px;
		padding-bottom: 70px;
	}
	.foot-bg {
		padding: 2px 0;
		color: #cacaca;
		margin-top: 40px;
	}
	#bottomNav {
		display: block;
	}
	.scroll {
		background: none;
	}
	.scroll:hover {
		background: none;
	}
	/*about*/
	.count {
		float: left;
		width: 33.3%;
		padding: 10px 0;
		text-align: center;
	}
	.value, .value2, .value3, .value4, .value5 {
		font-size: 32px;
		color: #F4AF09;
		font-weight: bold;
		line-height: 42px;
	}
	.count p {
		font-size: 15px;
		color: #666;
		line-height: 24px;
	}
	.in_about p {
		color: #666;
		line-height: 28px;
		padding: 0px 10px;
		font-size: 14px;
		text-align: center;
	}
	.culture_zi ul li {
		float: left;
		width:31.3%;
		margin:1%;
		background: #ffffff;
	}
	.v_show {
		width:53%;
		overflow: hidden;
		position: relative;
		height: 380px;
		float: left;
		margin-top: 4px;
	}
	.v_cont ul li {
		width: 100%;
		height: 380px;
		float: left;
		margin-top: 3px;
		border:none;
	}
	.v_cont ul li img {
		height: 380px;
	}
	.circle {
		width:45%;
		float: right;
		padding: 0;
	}
	.circle li {
		width: 31.3%;
		float: left;
		margin:10px 1%;
		border: 1px solid #dedede;
	}
	.circle img {
		height:76px;
		transition: all 0.5s;
	}
	/*news*/
	.current {
		float: left;
		width: 100%;
		line-height: 24px;
		font-size: 15px;
		margin-top: 15px;
	}
	.ins-navbox ul {
		float: left;
		width: 100%;
		margin-top: 20px;
	}
	.ins-navbox li {
		font-size: 15px;
		width: 33.3%;
		line-height: 24px;
		float: left;
		text-align: center;
	}
	.ins-navbox li a{
		display: block;
		padding: 0;

	}
	.ins-navbox {
		height: auto;
		background-color: #fff;
		border-bottom: 1px solid #e5e5e5;
		margin: 0 auto;
		width: 100%;

		padding-bottom: 20px;
	}
	.in_news {
		margin-top: 20px;
		padding: 10px;
	}
	.news_hot .pic {
		width: 100%;
		float: left;
		overflow: hidden;
	}
	.news_hot .con {
		float: right;
		width: 100%;
		padding-right: 0;
		display: block;
	}
	.in_newslist li {
		width: 48%;
		margin:10px 1%;
		float: left;
		transition: box-shadow .3s;
	}
	.newsdetail {
		margin-top: 30px;
		padding: 10px 10px;
	}
	/*jishu*/
	.dc_box {
		background:#000 url(../images/jishu/dc_1.jpg) no-repeat center bottom;
		padding-top:30px;
		padding-bottom: 50px;
	}
	.dc_box h2 {
		color: #fff;
		text-align: center;
		font-size: 28px;
		padding: 20px 0;
		margin-bottom: 0px;
	}
	.dc_list { padding: 0; margin: 0;}
	.dc_list li {
		float: left;
		width: 100%;
		margin:10px 0;
		text-align: center;
	}
	.dc {
		background: #fff;
		padding: 20px 10px;
	}
	.dc_fl {
		width: 100%;
		margin: 0;
	}

	.dc_fl h2 {
		color: #000;
		padding-top: 30px;
		text-align: center;
		padding-bottom: 20px;
	}
	.dc_fr {
		width: 100%;
		margin: 0;
	}
	.dj_box h2 {
		color: #fff;
		text-align: center;
		font-size: 28px;
		padding: 20px 10px;
		margin-bottom: 0px;
		line-height: 42px;
	}
	.dj {
		background: #fff;
		padding: 10px;
	}
	.dj_box {
		background: url(../images/jishu/dj_1.jpg) no-repeat center top;
		padding-top: 50px;
		padding-bottom:50px;
	}
	.xj_box h2 {
		color: #fff;
		text-align: center;
		font-size: 28px;
		line-height: 42px;
		padding: 20px 10px;
		margin-bottom: 0px;
	}
	.xj_box {
		background: url(../images/jishu/xj_1.jpg) no-repeat center top;
		padding-top:50px;
		padding-bottom: 50px;
	}
	/*service*/
	.service {
		margin-top: 40px;
		padding: 10px;
	}
	.city-search select {
		height: 50px;
		width: 100%;
		padding:0;

		margin:10px 0px;

	}
	.city-search input[type=text] {
		height: 50px;
		width: 80%;
		padding: 0 20px 0 50px;

		margin: 10px 0px;

	}
	.city-searchs {
		display: inline-block;
		position: relative;
		/* top: 20px; */
		width: 18%;
		height: 51px;

	}
	.in_contact {
		box-shadow: 0 0 8px rgba(0,0,0,0.1);
		padding: 3% 2%;
		width: 100%;
		margin: 0 auto;
	}
	/*jiameng*/
	.join{ padding: 10px;}
	.yw ul li {
		float: left;
		width:33.3%;
		height: 394px;
		text-align: center;
	}
	.join_list {
		margin-top: 10px;
		width: 100%;
		margin: 0;
		float: left;
	}
	.league_join_btn .btn {
		width: 136px;
		height: 50px;
		padding: 0;
		margin:10px 3%;

	}
	/*product*/
	.in_product {
		width: 100%;
		height: auto;
		padding: 30px 10px;
		background: #f5f5f5;
		padding-bottom: 30px;
		text-align: center;
	}
	.in_product_nav a {
		display: block;
		width: 25%;
		margin: 5px 0;

	}

	.in_pro_list {
		width: 31.3%;
		margin: 10px 1%;
		float: left;

		background: #fff;
		text-align: center;
		padding-bottom: 20px;
	}
	/**/
	.xq_title h2 {
		line-height: 42px;
		font-size: 38px;

		padding: 10px;

	}
	.xq_title section {
		width: 23%;
		margin: 1%;
		padding: 20px 20px;
		height: 212px;

	}
	.xq_title section .productImg {
		display: inline-block;
		float: left;
		width: 100%;

	}
	.xq_title section .productImg img {

		width: 30%;
	}
	.xq_title section .productIntro p{ text-align: center;}
	.xq_title section .productIntro {
		display: inline-block;
		float: left;
		width: 100%;
		margin-top: 20px;
		text-align: center;
	}
	.xq_title section .productIntro h3 {
		font-size: 18px;
		margin-bottom: 10px;
		font-weight:600;
		color: #1b172f;
	}
	.ls_deng_zi{ padding: 0 10px;}
	.ls_deng_zi h1 {
		font-size: 38px;
		font-weight: bold;
	}

	.ls_deng_zi h2 {
		font-size: 20px;
		padding: 20px 0;
	}
	.ls_zi {
		margin-left: 0;
		padding: 10px;
		color: #333;
		margin-top: 20px;
	}
	.ls_zi h1 {
		font-size: 38px;
		font-weight: bold;
	}
	.ls_fl {
		width: 100%;
	}
	.ls_fr {
		width: 100%;
	}
	.ls_jz_zi {
		position: static;
		background: #000;
		width: 100%;
		padding: 10px;
		color: #fff;
	}
	.ls_jz_zi h1 {
		font-size: 38px;

	}
	.ls_yb h1 {
		font-size: 38px;

	}

	.ls_xj_list ul li h3{ font-size: 16px;}
	.prcolor h1 {
		font-size: 38px;
		font-weight: 400;

	}
	.zzsc2 .tab4 a {
		display: block;
		height:30px;
		width: 30px;
		line-height: 30px;
		color: #fff;
		float: left;
		border-radius: 50%;
		text-align: center;
		margin:10px 8px;
	}
	.pro_fl {
		width: 100%;
		float: left;
	}
	.ls_zi2 {
		margin-left:0;
		color: #fff;
		padding: 10px;
		margin-top: 20px;
	}
	.ls_zi2 h1{ font-size: 38px;}
	.pro_fr {
		width: 100%;
		float: right;
	}
	.ls_zi3 {
		margin-right: 0;
		margin-top: 20px;
		color: #333;
		float: left;
		padding: 10px;
		margin-left: 0;
	}
	.ls_zi3 h2{ font-size: 38px;}
	.tn_dj{padding-left: 10px;
		padding-right: 10px;}
	.tn_dj h1 {
		font-size: 28px;
		font-weight: bold;
		color: #fff;
	}
	.tn_gw {
		padding-top: 40px;
		clear: both;
		padding-left: 10px;
		padding-right: 10px;
	}
	.tn_gw h1{ font-size: 38px;}
	.tn_gw span {
		position: absolute;
		top:10%;
		left: 28%;
		display: block;
		z-index: 99;
	}
	.tn_gw span img{ width: 360px;}
	.ls_zi3 h1{ font-size: 38px;}
	.jgy h1 {
		font-size: 38px;

	}
	.jgy{ padding: 0 10px;}
	.xly_yb {
		height: auto;
		overflow: hidden;
	}
	.xly_yb>.pro_fl {
		height: auto;
	}
	.ls_zi4 {
		margin-left:0;
		margin-top:20px;
		padding-right: 10px;
		padding-left: 10px;
		color: #333;
		float: left;
	}
	.ls_zi4 h1{ font-size: 38px;}
	.t3_dc h1 {
		font-size:38px;

	}
	.dj9_deng h1 {
		font-size: 38px;

	}
	.cj h1 {
		font-size: 38px;

	}
	.gd_xj h1 {
		font-size:38px;


	}
	.form h1 {
		font-size: 38px;

	}
	.t3_zi {
		color: #fff;
		position: absolute;
		top: 30px;
		right: 0px;
		padding: 0 10px;
		left: 10px;
	}
	.t3_zi h1 {
		font-size: 38px;

	}
	.t3_yb h1 {
		font-size: 38px;
		font-weight: bold;
	}
	.pd {

		height: 600px;
		margin-top: 40px;
		position: relative;
	}
	.pd_che img{ width:50%;}
	.gd_xj {
		margin-top: 40px;
		padding: 0 10px;
	}

	@keyframes move {
		0% {
			transform:translate(260px, 220px);
		}

		100% {
			transform:translate(0px,180px);

		}
	}
	.tt_zi {
		padding:20px 10px;
		position:static;

		top: 50px;
		left: 0;
		color: #333;
	}
	.tt_zi h1 {
		font-size: 38px;

	}
	.tt_dj{ margin-top: 40px;}
	.single2 em:after { content: ''; position: absolute; width: 150px; height:150px;  border: 5px solid #A8BEDB;; border-radius: 50%; box-shadow: 0 0 5px 7px rgba(168,190,219,0.8); bottom:6%; right:17%;  z-index: 3; opacity: 0; -webkit-animation: halo 1s 0.5s infinite ease-out; -moz-animation: halo 1s 0.5s infinite ease-out; animation: halo 1s 0.5s infinite ease-out; }
	.tt_deng h1 {
		font-size: 38px;
		font-weight: bold;
	}
	.tt_zi_bg {
		background: #B2C9E9;
		height: auto;
	}
	#animat {
		position: relative;
		width:80%;
		margin: 0 auto;

	}
	.xq_top h1 b {
		font-size: 24px;
	}
	.xq_top h1{ font-size: 24px; line-height: 32px;}
	.td .zl_box {
		width: 48%;
		height: 180px;
		margin: 10px 1%;

	}
	.td .zl_box h2 {
		font-size: 38px;
		color: #fff;
		line-height: 24px;
		padding: 20px 0 28px 0;
	}
	.deng_zi {
		position: absolute;
		top: 30px;
		left: 10px;
		z-index: 1;
		font-size:28px;
		color: #fff;
	}
	.deng_zi h1 {
		font-size:38px;
		margin-bottom: 15px;
	}
	.deng_zi h2 {
		color: #fff;
		font-size: 15px;
	}
	.deng_zi span {
		display: none;

	}
	.li_fr {
		width: 100%;
		float: left;
	}
	.li_fl {
		width: 100%;
		float: right;
	}
	.li_fl span {
		display: block;
		float: left;
		margin-right:20px;
		font-size: 14px;
		text-align: center;
		line-height: 28px;
		margin-top: 20px;
	}
	.li_fl span img{ width: 40px;}
	.sha_zi {

		top:240px;
		left:10px;
		right: 10px;
		z-index: 9;
		font-size: 28px;
		color: #fff;
	}
	.sha_fl {
		float: left;
		width: 100%;
		position: relative;
	}
	.sha_fr {
		width:100%;
		float: right;
		position: relative;
	}


	.sha_fr span {
		display: none;;
	}

	.shache{ height:600px;}
	.sha_zi h1 {
		font-size: 38px;
		margin-bottom: 30px;
	}
	.sha_fl img{ display: none;}
	.yibiao h1 {
		text-align: center;
		padding-top: 30px;
		color: #fff;
		padding-bottom: 20px;
		font-size: 38px;
		font-weight: 400;
	}
	.single em:after { content: ''; position: absolute; width: 200px; height: 200px; border-radius: 50%; box-shadow: 0 0 5px 7px rgba(222,127,58,0.8); top:50%; bottom:0px; left: 42%;  z-index: 3; opacity: 0; -webkit-animation: halo 1s 0.5s infinite ease-out; -moz-animation: halo 1s 0.5s infinite ease-out; animation: halo 1s 0.5s infinite ease-out; }
	.usb ul li {
		float: left;
		width: 48%;
		margin: 10px 1%;
		height: 513px;
	}
	.dongli h1 {
		line-height: 48px;
		font-size: 38px;

	}
	.symq_xj h1 {
		line-height: 48px;
		font-size: 38px;

	}
	.symq_xj ul li {
		float: left;
		width:48%;
		margin: 10px 1%;
	}
	.symq_xj {
		margin-top: 40px;
		padding: 10px;
	}
	.sy_wz:hover {
		left:6%;
		top: -50px;
	}
	.sy9_deng h2 {
		line-height: 36px;
		font-size: 28px;
		font-weight: 400;

	}
	.jd2_deng h1 {
		font-size: 38px;
		font-weight: bold;
	}
	.yz_xj h1 {
		line-height: 48px;
		font-size: 38px;

	}
	.jd_q img{ width: 40%;}
	.jd_yb h1 {
		text-align: center;
		padding-top:30px;
		color: #333;
		padding-bottom: 20px;
		font-size: 28px;
		font-weight: 400;
	}
	.sy_wz {
		position: absolute;
		top: 0;
		left:3%;

	}
	/*jd_th*/
	.bt_title3 {
		color: #333;
		padding:40px ;
		float: left;
	}
	.th_fl2 h3 {
		padding:20px 10px ;
		color: #333;
	}
	.th_fl2 p{ padding: 10px; font-size: 15px;}
	.th_fr h3 {
		padding: 10px ;
		color: #333;
	}
	.th_fr p{ padding: 10px; font-size: 15px;}



	.th_xj_list {
		width: 50%;
		float: left;
		position: relative;
		display: block;
		height:350px;
		overflow: hidden;
	}

	.xj_col{ position: absolute; top:0; left: 0; width: 100%;  height: 350px;background: rgba(206,210,219,0.8); transition: all 1s;}
	.xj_col2{ position: absolute; top:0; left: 0; width: 100%;  height:350px;background: rgba(238,149,60,0.8); transition: all 1s;}
	.xj_col3{ position: absolute; top:0; left: 0; width: 100%;  height: 350px;background: rgba(234,211,250,0.8); transition: all 1s;}
	.xj_col4{ position: absolute; top:0; left: 0; width: 100%;  height: 350px;background: rgba(117,215,233,0.8); transition: all 1s;}
	.xj_col5{ position: absolute; top:0; left: 0; width: 100%;  height:350px;background: rgba(46,64,162,0.8); transition: all 1s;}
	.xj_col6{ position: absolute; top:0; left: 0; width: 100%;  height: 350px;background: rgba(242,222,23,0.8); transition: all 1s;}
	.xj_col7{ position: absolute; top:0; left: 0; width: 100%;  height: 350px;background: rgba(245,49,13,0.8); transition: all 1s;}
	.xj_col8{ position: absolute; top:0; left: 0; width: 100%;  height: 350px;background: rgba(67,193,247,0.8); transition: all 1s;}
	.th_xj_list h2 {
		padding-top: 120px;
		text-align: center;
		color: #000;
	}


	.zm{
		position: relative; height:700px; overflow: hidden }
	.zm img {
		z-index: 9;
		position: absolute;
		top: 18%;
		left: 34%;
		height: 500px;
	}

	.yuan .box[data-v-3ba5f20c]{width:20px;height:20px;overflow:hidden;border-radius:50%;position:absolute;left:45%;top:65%;z-index:1;background:radial-gradient(#61C1FA,#97DBFE);-webkit-animation:living-data-v-3ba5f20c 4s linear infinite;animation:living-data-v-3ba5f20c 4s linear infinite}

	.yuan .box[data-v-3ba5f20c]{width:60px;height:60px;border-radius:50%;position:absolute;left:45%;top:45%;z-index:1;background:radial-gradient(#61C1FA,#97DBFE);-webkit-animation:living-data-v-3ba5f20c 4s linear infinite}

	.yuan[data-v-3ba5f20c]{height:80px;width:80px;position:absolute;top:15%;left:50%;-webkit-transform:translate(-50%);transform:translate(-50%)}@-webkit-keyframes living-data-v-3ba5f20c{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}25%{-webkit-transform:scale(3);transform:scale(3);opacity:.75}50%{-webkit-transform:scale(5);transform:scale(5);opacity:.5}75%{-webkit-transform:scale(7);transform:scale(7);opacity:.25}to{-webkit-transform:scale(9);transform:scale(9);opacity:0}}@keyframes living-data-v-3ba5f20c{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}25%{-webkit-transform:scale(3);transform:scale(3);opacity:.75}50%{-webkit-transform:scale(5);transform:scale(5);opacity:.5}75%{-webkit-transform:scale(7);transform:scale(7);opacity:.25}to{-webkit-transform:scale(9);transform:scale(9);opacity:0}}
	.yuan2 .box[data-v-3ba5f20c]{width:20px;height:20px;overflow:hidden;border-radius:50%;position:absolute;left:45%;top:65%;z-index:1;background:radial-gradient(#37353C,#555255);-webkit-animation:living-data-v-3ba5f20c 4s linear infinite;animation:living-data-v-3ba5f20c 4s linear infinite}

	.yuan2 .box[data-v-3ba5f20c]{width:60px;height:60px;border-radius:50%;position:absolute;left:45%;top:45%;z-index:1;background:radial-gradient(#37353C,#555255);-webkit-animation:living-data-v-3ba5f20c 4s linear infinite}

	.yuan2[data-v-3ba5f20c]{height:80px;width:80px;position:absolute;top:15%;left:50%;-webkit-transform:translate(-50%);transform:translate(-50%)}@-webkit-keyframes living-data-v-3ba5f20c{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}25%{-webkit-transform:scale(3);transform:scale(3);opacity:.75}50%{-webkit-transform:scale(5);transform:scale(5);opacity:.5}75%{-webkit-transform:scale(7);transform:scale(7);opacity:.25}to{-webkit-transform:scale(9);transform:scale(9);opacity:0}}@keyframes living-data-v-3ba5f20c{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}25%{-webkit-transform:scale(3);transform:scale(3);opacity:.75}50%{-webkit-transform:scale(5);transform:scale(5);opacity:.5}75%{-webkit-transform:scale(7);transform:scale(7);opacity:.25}to{-webkit-transform:scale(9);transform:scale(9);opacity:0}}

	.t5_deng {
		position: static;
		margin-top: 40px;
		background-image: linear-gradient(to right, #555353, #000000) ;
	}
	.bt_title5 {
		position: static;
		left: 0%;
		top: 0%;
		color: #fff;
		z-index: 99;
		padding: 10px;
	}
	.zl .zl_list li {

		height: 550px;


	}
	.cn_fl {
		float: left;
		width: 45%;
		background: #dedede;
		margin-top: 10px;
	}
	.cn_fr {
		float: left;
		width:55%;
		margin-top: 0px;
	}
	.cn_fr ul li {
		float: left;
		width:33.3%;
		text-align: center;
		padding: 5px 10px;
		height: 225px;
	}
}
@media screen and (max-width:768px) {
	.top span{
		display:none}
	.zongh h2 {
		text-align: center;
		color: #000;
		font-size: 38px;
		line-height: 42px;
		padding: 10px;
	}
	.che_box h2 {
		color: #000;
		font-size: 38px;
		line-height: 42px;
		padding: 10px;
		text-align: center;
	}
	.news h3 {
		text-align: center;
		color: #000;
		font-size: 38px;
		display: none;
		padding: 10px;
	}
	.pro_box{ width: 25%; float: left; overflow: hidden;}
	.pro_content h2{ text-align: center; padding-top:30px; font-size: 24px; margin-bottom: 0;}
	.pro_content h3{ text-align: center; padding: 10px 0; font-size: 18px;}
	.pro_content p{ display: block;}
	a.carousel-control.left {
		background-image: none;
		opacity: 1;
	}
	a.carousel-control.right {
		background-image: none;
		opacity: 1;
	}
	.zh_fl span {
		display: block;
		position: absolute;
		top: 20px;
		left: 20px;
		right: 20px;
		transition: all 0.3s;
	}
	.zh_fl{ float: left; width:53%; position:relative; margin-top: 10px; overflow: hidden;height:auto;}
	.zh_fr{ float: right; width: 46%;margin-top: 10px;  height: auto;overflow: hidden;}
	.zh_fl img{ height:auto;}
	.zh_fl span h2{ text-align: center; color: #fff; line-height:40px; font-size: 38px; font-weight: bold;}
	.zh_fl span h3 {

		line-height: 42px;
		font-size:16px;
	}

	.zongh{ margin-top:60px; padding: 10px;}
	.zh_fr_box span h2 {
		text-align: center;
		color: #fff;
		line-height: 36px;
		font-size: 38px;
		font-weight: bold;
	}
	.zh_fr_box2 span h2 {
		text-align: center;
		color: #fff;
		line-height:48px;
		font-weight: bold;
		font-size: 38px;
	}
	.zh_fr_box2 span h3 {
		color: #fff;
		text-align: center;
		line-height: 32px;
		font-size: 16px;
	}
	.zh_fr_box span h3 {
		color: #fff;
		font-size: 16px;
		text-align: center;
		line-height:32px;}
	.zh_fr_box span{ display: block; position: absolute; top:30px; left: 30px; right: 30px; }
	.zh_fr_box2 span{ display: block; position: absolute; top:20px; left: 30px; right: 30px; }
	.zh_fr_box2{  position:relative;margin-top:10px; height: auto;}
	.zh_fr_box:hover span{ top:48px;}
	.zh_fr_box2:hover span{ top:10px;}
	.ab_fr{float: left; width: 100%; height: auto;}
	.ab_fl{ width:100%; float: left; background: url("../images/main/abbg.jpg") no-repeat bottom left;height: auto; margin-top: 0; padding:60px 0;}
	.ab_fl h2 {
		padding:20px; font-size: 38px;}
	.ab_fl p{ color: #fff; line-height: 28px; padding: 15px 20px; font-size: 14px;text-align: center;}
	.news li{ width: 48%; margin:1%;overflow: hidden;
		float: left;}

	.news li h2{ position: absolute; bottom: 0; left: 0; text-align: center; background:rgba(255,111,48,0.4); width: 100%; padding: 10px; font-size: 15px; color: #fff;}
	.news li p{ font-size: 14px; line-height: 24px;}
	.about{
		padding:10px; }
	.news{
		padding:0px;}
	.news  h3{  display: block;}
	.bot li{
		float: left;
		width: 25%; height: 208px;}
	.contact {
		float: left;
		_display: inline;
		padding: 10px;
		font-size: 15px;
		line-height: 24px;
	}

	.sortt {
		display: none;
	}
	.codes {
		margin: 0 auto;
		text-align: center;
		float: right;
		margin-right: 20px;

	}
	.f_link {
		display: none;
	}
	.nav_foot {
		text-align: center;
		padding-top: 20px;
		padding-bottom: 70px;
	}
	.foot-bg {
		padding: 2px 0;
		color: #cacaca;
		margin-top: 40px;
	}
	#bottomNav {
		display: block;
	}
	.scroll {
		background: none;
	}
	.scroll:hover {
		background: none;
	}
	/*about*/
	.count {
		float: left;
		width: 33.3%;
		padding: 10px 0;
		text-align: center;
	}
	.value, .value2, .value3, .value4, .value5 {
		font-size: 32px;
		color: #F4AF09;
		font-weight: bold;
		line-height: 42px;
	}
	.count p {
		font-size: 15px;
		color: #666;
		line-height: 24px;
	}
	.in_about p {
		color: #666;
		line-height: 28px;
		padding: 0px 10px;
		font-size: 14px;
		text-align: center;
	}
	.culture_zi ul li {
		float: left;
		width:31.3%;
		margin:1%;
		background: #ffffff;
	}
	.v_show {
		width:53%;
		overflow: hidden;
		position: relative;
		height: 380px;
		float: left;
		margin-top: 4px;
	}
	.v_cont ul li {
		width: 100%;
		height: 380px;
		float: left;
		margin-top: 3px;
		border:none;
	}
	.v_cont ul li img {
		height: 380px;
	}
	.circle {
		width:45%;
		float: right;
		padding: 0;
	}
	.circle li {
		width: 31.3%;
		float: left;
		margin:10px 1%;
		border: 1px solid #dedede;
	}
	.circle img {
		height:76px;
		transition: all 0.5s;
	}
	/*news*/
	.current {
		float: left;
		width: 100%;
		line-height: 24px;
		font-size: 15px;
		margin-top: 15px;
	}
	.ins-navbox ul {
		float: left;
		width: 100%;
		margin-top: 20px;
	}
	.ins-navbox li {
		font-size: 15px;
		width: 33.3%;
		line-height: 24px;
		float: left;
		text-align: center;
	}
	.ins-navbox li a{
		display: block;
		padding: 0;

	}
	.ins-navbox {
		height: auto;
		background-color: #fff;
		border-bottom: 1px solid #e5e5e5;
		margin: 0 auto;
		width: 100%;

		padding-bottom: 20px;
	}
	.in_news {
		margin-top: 20px;
		padding: 10px;
	}
	.news_hot .pic {
		width: 100%;
		float: left;
		overflow: hidden;
	}
	.news_hot .con {
		float: right;
		width: 100%;
		padding-right: 0;
		display: block;
	}
	.in_newslist li {
		width: 48%;
		margin:10px 1%;
		float: left;
		transition: box-shadow .3s;
	}
	.newsdetail {
		margin-top: 30px;
		padding: 10px 10px;
	}
	/*jishu*/
	.dc_box {
		background:#000 url(../images/jishu/dc_1.jpg) no-repeat center bottom;
		padding-top:30px;
		padding-bottom: 50px;
	}
	.dc_box h2 {
		color: #fff;
		text-align: center;
		font-size: 38px;
		padding: 20px 0;
		margin-bottom: 0px;
	}
	.dc_list { padding: 0; margin: 0;}
	.dc_list li {
		float: left;
		width: 100%;
		margin:10px 0;
		text-align: center;
	}
	.dc {
		background: #fff;
		padding: 20px 10px;
	}
	.dc_fl {
		width: 100%;
		margin: 0;
	}

	.dc_fl h2 {
		color: #000;
		padding-top: 30px;
		text-align: center;
		padding-bottom: 20px;
	}
	.dc_fr {
		width: 100%;
		margin: 0;
	}
	.dj_box h2 {
		color: #fff;
		text-align: center;
		font-size: 38px;
		padding: 20px 10px;
		margin-bottom: 0px;
		line-height: 48px;
	}
	.dj {
		background: #fff;
		padding: 10px;
	}
	.dj_box {
		background: url(../images/jishu/dj_1.jpg) no-repeat center top;
		padding-top: 50px;
		padding-bottom:50px;
	}
	.xj_box h2 {
		color: #fff;
		text-align: center;
		font-size: 38px;
		line-height: 48px;
		padding: 20px 10px;
		margin-bottom: 0px;
	}
	.xj_box {
		background: url(../images/jishu/xj_1.jpg) no-repeat center top;
		padding-top:50px;
		padding-bottom: 50px;
	}
	/*service*/
	.service {
		margin-top: 40px;
		padding: 10px;
	}
	.city-search select {
		height: 50px;
		width: 100%;
		padding:0;

		margin:10px 0px;

	}
	.city-search input[type=text] {
		height: 50px;
		width: 80%;
		padding: 0 20px 0 50px;

		margin: 10px 0px;

	}
	.city-searchs {
		display: inline-block;
		position: relative;
		/* top: 20px; */
		width: 18%;
		height: 51px;

	}
	.in_contact {
		box-shadow: 0 0 8px rgba(0,0,0,0.1);
		padding: 3% 2%;
		width: 100%;
		margin: 0 auto;
	}
	/*jiameng*/
	.join{ padding: 10px;}
	.yw ul li {
		float: left;
		width:33.3%;
		height: 394px;
		text-align: center;
	}
	.join_list {
		margin-top: 10px;
		width: 100%;
		margin: 0;
		float: left;
	}
	.league_join_btn .btn {
		width: 136px;
		height: 50px;
		padding: 0;
		margin:10px 3%;

	}
	/*product*/
	.in_product {
		width: 100%;
		height: auto;
		padding: 30px 10px;
		background: #f5f5f5;
		padding-bottom: 30px;
		text-align: center;
	}
	.in_product_nav a {
		display: block;
		width: 25%;
		margin: 5px 0;

	}

	.in_pro_list {
		width: 48%;
		margin: 10px 1%;
		float: left;
		height: 396px;
		background: #fff;
		text-align: center;
		padding-bottom: 20px;
	}
	/**/
	.xq_title h2 {
		line-height: 48px;
		font-size: 38px;

		padding: 10px;

	}
	.xq_title section {
		width: 48%;
		margin: 1%;
		padding: 20px 20px;
		height: 212px;

	}
	.xq_title section .productImg {
		display: inline-block;
		float: left;
		width: 100%;

	}
	.xq_title section .productImg img {

		width: 30%;
	}
	.xq_title section .productIntro p{ text-align: center;}
	.xq_title section .productIntro {
		display: inline-block;
		float: left;
		width: 100%;
		margin-top: 20px;
		text-align: center;
	}
	.xq_title section .productIntro h3 {
		font-size: 18px;
		margin-bottom: 10px;
		font-weight:600;
		color: #1b172f;
	}
	.ls_deng_zi{ padding: 0 10px;}
	.ls_deng_zi h1 {
		font-size: 26px;
		font-weight: bold;
	}

	.ls_deng_zi h2 {
		font-size: 20px;
		padding: 20px 0;
	}
	.ls_zi {
		margin-left: 0;
		padding: 10px;
		color: #333;
		margin-top: 20px;
	}
	.ls_zi h1 {
		font-size: 26px;
		font-weight: bold;
	}
	.ls_fl {
		width: 100%;
	}
	.ls_fr {
		width: 100%;
	}
	.ls_jz_zi {
		position: static;
		background: #000;
		width: 100%;
		padding: 10px;
		color: #fff;
	}
	.ls_jz_zi h1 {
		font-size: 26px;

	}
	.ls_yb h1 {
		font-size: 26px;

	}

	.ls_xj_list ul li h3{ font-size: 16px;}
	.prcolor h1 {
		font-size: 38px;
		font-weight: 400;

	}
	.zzsc2 .tab4 a {
		display: block;
		height:30px;
		width: 30px;
		line-height: 30px;
		color: #fff;
		float: left;
		border-radius: 50%;
		text-align: center;
		margin:10px 8px;
	}
	.pro_fl {
		width: 100%;
		float: left;
	}
	.ls_zi2 {
		margin-left:0;
		color: #fff;
		padding: 10px;
		margin-top: 20px;
	}
	.ls_zi2 h1{ font-size: 38px;}
	.pro_fr {
		width: 100%;
		float: right;
	}
	.ls_zi3 {
		margin-right: 0;
		margin-top: 20px;
		color: #333;
		float: left;
		padding: 10px;
		margin-left: 0;
	}
	.ls_zi3 h2{ font-size: 38px;}
	.tn_dj{padding-left: 10px;
		padding-right: 10px;}
	.tn_dj h1 {
		font-size: 38px;
		font-weight: bold;
		color: #fff;
	}
	.tn_gw {
		padding-top: 40px;
		clear: both;
		padding-left: 10px;
		padding-right: 10px;
	}
	.tn_gw h1{ font-size: 38px;}
	.tn_gw span {
		position: absolute;
		top:10%;
		left:32%;
		display: block;
		z-index: 99;
	}
	.tn_gw span img{ width: 240px;}
	.ls_zi3 h1{ font-size: 38px;}
	.jgy h1 {
		font-size: 38px;

	}
	.jgy{ padding: 0 10px;}
	.xly_yb {
		height: auto;
		overflow: hidden;
	}
	.xly_yb>.pro_fl {
		height: auto;
	}
	.ls_zi4 {
		margin-left:0;
		margin-top:20px;
		padding-right: 10px;
		padding-left: 10px;
		color: #333;
		float: left;
	}
	.ls_zi4 h1{ font-size: 38px;}
	.t3_dc h1 {
		font-size: 38px;

	}
	.dj9_deng h1 {
		font-size: 38px;

	}
	.cj h1 {
		font-size: 38px;

	}
	.gd_xj h1 {
		font-size:28px;


	}
	.form h1 {
		font-size: 38px;

	}
	.t3_zi {
		color: #fff;
		position: absolute;
		top: 30px;
		right: 0px;
		left: 10px;
		padding: 0 10px;
		float: left;
	}
	.t3_zi h1 {
		font-size: 38px;

	}
	.t3_yb h1 {
		font-size: 38px;
		font-weight: bold;
	}

	.pd_che img{ width:60%;}
	.gd_xj {
		margin-top: 40px;
		padding: 0 10px;
	}

	@keyframes move {
		0% {
			transform:translate(260px, 230px);
		}

		100% {
			transform:translate(0px,180px);

		}
	}
	.tt_zi {
		padding:20px 10px;
		position:static;

		top: 50px;
		left: 0;
		color: #333;
	}
	.tt_zi h1 {
		font-size: 38px;

	}
	.tt_dj{ margin-top: 40px;}
	.single2 em:after { content: ''; position: absolute; width: 150px; height:150px;  border: 5px solid #A8BEDB;; border-radius: 50%; box-shadow: 0 0 5px 7px rgba(168,190,219,0.8); bottom:6%; right:8%;  z-index: 3; opacity: 0; -webkit-animation: halo 1s 0.5s infinite ease-out; -moz-animation: halo 1s 0.5s infinite ease-out; animation: halo 1s 0.5s infinite ease-out; }
	.tt_deng h1 {
		font-size: 38px;
		font-weight: bold;
	}
	.tt_zi_bg {
		background: #B2C9E9;
		height: auto;
	}
	#animat {
		position: relative;
		width:80%;
		margin: 0 auto;

	}
	.xq_top h1 b {
		font-size: 24px;
	}
	.xq_top h1{ font-size: 24px; line-height: 32px;}
	.td .zl_box {
		width: 48%;
		height: 180px;
		margin: 10px 1%;

	}
	.td .zl_box h2 {
		font-size: 38px;
		color: #fff;
		line-height: 48px;
		padding: 20px 0 28px 0;
	}
	.deng_zi {
		position: absolute;
		top: 30px;
		left: 10px;
		z-index: 1;
		font-size:28px;
		color: #fff;
	}
	.deng_zi h1 {
		font-size:28px;
		margin-bottom: 15px;
	}
	.deng_zi h2 {
		color: #fff;
		font-size: 15px;
	}
	.deng_zi span {
		display: none;

	}
	.li_fr {
		width: 100%;
		float: left;
	}
	.li_fl {
		width: 100%;
		float: right;
	}
	.li_fl span {
		display: block;
		float: left;
		margin-right:20px;
		font-size: 14px;
		text-align: center;
		line-height: 28px;
		margin-top: 20px;
	}
	.li_fl span img{ width: 40px;}
	.sha_zi {

		top:240px;
		left:10px;
		right: 10px;
		z-index: 9;
		font-size: 38px;
		color: #fff;
	}
	.sha_fl {
		float: left;
		width: 100%;
		position: relative;
	}
	.sha_fr {
		width:100%;
		float: right;
		position: relative;
	}


	.sha_fr span {
		display: none;;
	}

	.shache{ height:600px;}
	.sha_zi h1 {
		font-size: 38px;
		margin-bottom: 30px;
	}
	.sha_fl img{ display: none;}
	.yibiao h1 {
		text-align: center;
		padding-top: 30px;
		color: #fff;
		padding-bottom: 20px;
		font-size: 38px;
		font-weight: 400;
	}
	.single em:after { content: ''; position: absolute; width: 180px; height: 180px; border-radius: 50%; box-shadow: 0 0 5px 7px rgba(222,127,58,0.8); top:50%; bottom:0px; left: 40%;  z-index: 3; opacity: 0; -webkit-animation: halo 1s 0.5s infinite ease-out; -moz-animation: halo 1s 0.5s infinite ease-out; animation: halo 1s 0.5s infinite ease-out; }
	.usb ul li {
		float: left;
		width: 48%;
		margin: 10px 1%;
		height: 421px;
	}
	.dongli h1 {
		line-height: 46px;
		font-size: 38px;

	}
	.symq_xj h1 {
		line-height: 36px;
		font-size: 38px;

	}
	.symq_xj ul li {
		float: left;
		width:48%;
		margin: 10px 1%;
	}
	.symq_xj {
		margin-top: 40px;
		padding: 10px;
	}
	.sy_wz:hover {
		left:6%;
		top: -50px;
	}
	.sy9_deng h2 {
		line-height: 36px;
		font-size: 38px;
		font-weight: 400;

	}
	.jd2_deng h1 {
		font-size: 38px;
		font-weight: bold;
	}
	.yz_xj h1 {
		line-height: 36px;
		font-size: 38px;

	}
	.jd_q img{ width: 40%;}
	.jd_yb h1 {
		text-align: center;
		padding-top:30px;
		color: #333;
		padding-bottom: 20px;
		font-size: 38px;
		font-weight: 400;
	}
	.sy_wz {
		position: absolute;
		top: 0;
		left:3%;

	}
	/*jd_th*/
	.bt_title3 {
		color: #333;
		padding:10px ;
		float: left;
	}
	.th_fl2 h3 {
		padding:20px 10px ;
		color: #333;
	}
	.th_fl2 p{ padding: 10px; font-size: 15px;}
	.th_fr h3 {
		padding: 10px ;
		color: #333;
	}
	.th_fr p{ padding: 10px; font-size: 15px;}



	.th_xj_list {
		width: 50%;
		float: left;
		position: relative;
		display: block;
		height:250px;
		overflow: hidden;
	}
	.bt_title7 {
		color: #333;
		position: static;
		text-align: center;
		padding-top: 20px;
	}
	.bt_title4 {
		color: #333;
		position: absolute;
		right: 5%;
		top: 30%;
	}
	.xj_col{ position: absolute; top:0; left: 0; width: 100%;  height: 250px;background: rgba(206,210,219,0.8); transition: all 1s;}
	.xj_col2{ position: absolute; top:0; left: 0; width: 100%;  height:250px;background: rgba(238,149,60,0.8); transition: all 1s;}
	.xj_col3{ position: absolute; top:0; left: 0; width: 100%;  height: 250px;background: rgba(234,211,250,0.8); transition: all 1s;}
	.xj_col4{ position: absolute; top:0; left: 0; width: 100%;  height: 250px;background: rgba(117,215,233,0.8); transition: all 1s;}
	.xj_col5{ position: absolute; top:0; left: 0; width: 100%;  height:250px;background: rgba(46,64,162,0.8); transition: all 1s;}
	.xj_col6{ position: absolute; top:0; left: 0; width: 100%;  height: 250px;background: rgba(242,222,23,0.8); transition: all 1s;}
	.xj_col7{ position: absolute; top:0; left: 0; width: 100%;  height: 250px;background: rgba(245,49,13,0.8); transition: all 1s;}
	.xj_col8{ position: absolute; top:0; left: 0; width: 100%;  height: 250px;background: rgba(67,193,247,0.8); transition: all 1s;}
	.th_xj_list h2 {
		padding-top: 80px;
		text-align: center;
		color: #000;
	}


	.zm{
		position: relative; height:700px; overflow: hidden }
	.zm img {
		z-index: 9;
		position: absolute;
		top: 18%;
		left: 34%;
		height: 500px;
	}

	.yuan .box[data-v-3ba5f20c]{width:20px;height:20px;overflow:hidden;border-radius:50%;position:absolute;left:45%;top:65%;z-index:1;background:radial-gradient(#61C1FA,#97DBFE);-webkit-animation:living-data-v-3ba5f20c 4s linear infinite;animation:living-data-v-3ba5f20c 4s linear infinite}

	.yuan .box[data-v-3ba5f20c]{width:60px;height:60px;border-radius:50%;position:absolute;left:45%;top:45%;z-index:1;background:radial-gradient(#61C1FA,#97DBFE);-webkit-animation:living-data-v-3ba5f20c 4s linear infinite}

	.yuan[data-v-3ba5f20c]{height:80px;width:80px;position:absolute;top:15%;left:50%;-webkit-transform:translate(-50%);transform:translate(-50%)}@-webkit-keyframes living-data-v-3ba5f20c{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}25%{-webkit-transform:scale(3);transform:scale(3);opacity:.75}50%{-webkit-transform:scale(5);transform:scale(5);opacity:.5}75%{-webkit-transform:scale(7);transform:scale(7);opacity:.25}to{-webkit-transform:scale(9);transform:scale(9);opacity:0}}@keyframes living-data-v-3ba5f20c{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}25%{-webkit-transform:scale(3);transform:scale(3);opacity:.75}50%{-webkit-transform:scale(5);transform:scale(5);opacity:.5}75%{-webkit-transform:scale(7);transform:scale(7);opacity:.25}to{-webkit-transform:scale(9);transform:scale(9);opacity:0}}
	.yuan2 .box[data-v-3ba5f20c]{width:20px;height:20px;overflow:hidden;border-radius:50%;position:absolute;left:45%;top:65%;z-index:1;background:radial-gradient(#37353C,#555255);-webkit-animation:living-data-v-3ba5f20c 4s linear infinite;animation:living-data-v-3ba5f20c 4s linear infinite}

	.yuan2 .box[data-v-3ba5f20c]{width:60px;height:60px;border-radius:50%;position:absolute;left:45%;top:45%;z-index:1;background:radial-gradient(#37353C,#555255);-webkit-animation:living-data-v-3ba5f20c 4s linear infinite}

	.yuan2[data-v-3ba5f20c]{height:80px;width:80px;position:absolute;top:15%;left:50%;-webkit-transform:translate(-50%);transform:translate(-50%)}@-webkit-keyframes living-data-v-3ba5f20c{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}25%{-webkit-transform:scale(3);transform:scale(3);opacity:.75}50%{-webkit-transform:scale(5);transform:scale(5);opacity:.5}75%{-webkit-transform:scale(7);transform:scale(7);opacity:.25}to{-webkit-transform:scale(9);transform:scale(9);opacity:0}}@keyframes living-data-v-3ba5f20c{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}25%{-webkit-transform:scale(3);transform:scale(3);opacity:.75}50%{-webkit-transform:scale(5);transform:scale(5);opacity:.5}75%{-webkit-transform:scale(7);transform:scale(7);opacity:.25}to{-webkit-transform:scale(9);transform:scale(9);opacity:0}}

	.t5_deng {
		position: static;
		margin-top: 40px;
		background-image: linear-gradient(to right, #555353, #000000) ;
	}
	.bt_title5 {
		position: static;
		left: 0%;
		top: 0%;
		color: #fff;
		z-index: 99;
		padding: 10px;
	}
	.bt_title2 {
		color: #fff;
		padding-left:10px;
		padding-top: 10px;
	}
	.zl .zl_list li {

		height: 550px;


	}
	.cn_fl {
		float: left;
		width: 45%;
		background: #dedede;
		margin-top: 10px;
	}
	.cn_fr {
		float: left;
		width:55%;
		margin-top: 0px;
	}
	.cn_fr ul li {
		float: left;
		width:33.3%;
		text-align: center;
		padding: 5px 10px;
		height: 225px;
	}

}
@media screen and (max-width:640px) {
	.top span{
		display:none}
	.zongh h2 {
		text-align: center;
		color: #000;
		font-size: 28px;
		line-height: 42px;
		padding: 10px;
	}
	.che_box h2 {
		color: #000;
		font-size: 28px;
		line-height: 42px;
		padding: 10px;
		text-align: center;
	}
	.news h3 {
		text-align: center;
		color: #000;
		font-size: 28px;
		display: none;
		padding: 10px;
	}
	.pro_box{ width: 50%; float: left; overflow: hidden;}
	.pro_content h2{ text-align: center; padding-top: 80px; font-size: 24px; margin-bottom: 0;}
	.pro_content h3{ text-align: center; padding: 10px 0; font-size: 18px;}
	.pro_content p{ display: block;}
	a.carousel-control.left {
		background-image: none;
		opacity: 1;
	}
	a.carousel-control.right {
		background-image: none;
		opacity: 1;
	}
	.zh_fl span {
		display: block;
		position: absolute;
		top: 20px;
		left: 20px;
		right: 20px;
		transition: all 0.3s;
	}
	.zh_fl{ float: left; width: 100%; position:relative; margin-top: 20px; overflow: hidden;height:auto;}
	.zh_fr{ float: right; width: 100%;margin-top: 10px;  height: auto;overflow: hidden;}
	.zh_fl img{ height:auto;}
	.zh_fl span h2{ text-align: center; color: #fff; line-height:40px; font-size: 24px; font-weight: bold;}
	.zh_fl span h3 {

		line-height: 42px;
		font-size:16px;
	}

	.zongh{ margin-top:60px; padding: 10px;}
	.zh_fr_box span h2 {
		text-align: center;
		color: #fff;
		line-height: 36px;
		font-size: 24px;
		font-weight: bold;
	}
	.zh_fr_box2 span h2 {
		text-align: center;
		color: #fff;
		line-height: 36px;
		font-size: 24px;
		padding-top: 30px;
	}
	.zh_fr_box2 span h3 {
		color: #fff;
		text-align: center;
		line-height: 32px;
		font-size: 16px;
	}
	.zh_fr_box span h3 {
		color: #fff;
		font-size: 16px;
		text-align: center;
		line-height:32px;}
	.zh_fr_box span{ display: block; position: absolute; top:30px; left: 30px; right: 30px; }
	.zh_fr_box2 span{ display: block; position: absolute; top:0px; left: 30px; right: 30px; }
	.zh_fr_box2{  position:relative;margin-top:10px; height: auto;}
	.zh_fr_box:hover span{ top:48px;}
	.zh_fr_box2:hover span{ top:10px;}
	.ab_fr{float: left; width: 100%; height: auto;}
	.ab_fl{ width:100%; float: left; background: url("../images/main/abbg.jpg") no-repeat bottom left;height: auto; margin-top: 0; padding:50px 0;}
	.ab_fl h2 {
		padding:20px; font-size: 28px;}
	.ab_fl p{ color: #fff; line-height: 28px; padding: 15px 20px; font-size: 14px;text-align: center;}
	.news li:first-child{ width: 100%; overflow: hidden;
		float: left;}
	.news li:last-child{ width: 100%;overflow: hidden;
		float: left;}
	.news li h2{ position: absolute; bottom: 0; left: 0; text-align: center; background:rgba(255,111,48,0.4); width: 100%; padding: 10px; font-size: 15px; color: #fff;}
	.news li p{ font-size: 14px; line-height: 24px;}
	.about{
		padding:10px; }
	.news{
		padding:10px;}
	.news  h3{  display: block;}
	.bot li{
		float: left;
		width: 50%; height: 208px;}
	.contact {
		float: left;
		_display: inline;
		padding: 10px;
		font-size: 15px;
		line-height: 24px;
	}

	.sortt {
		display: none;
	}
	.codes {
		margin: 0 auto;
		text-align: center;
		float: none;
	}
	.f_link {
		display: none;
	}
	.nav_foot {
		text-align: center;
		padding-top: 20px;
		padding-bottom: 70px;
	}
	.foot-bg {
		padding: 2px 0;
		color: #cacaca;
		margin-top: 40px;
	}
	#bottomNav {
		display: block;
	}
	.scroll {
		background: none;
	}
	.scroll:hover {
		background: none;
	}
	/*about*/
	.count {
		float: left;
		width: 33.3%;
		padding: 10px 0;
		text-align: center;
	}
	.value, .value2, .value3, .value4, .value5 {
		font-size: 32px;
		color: #F4AF09;
		font-weight: bold;
		line-height: 42px;
	}
	.count p {
		font-size: 15px;
		color: #666;
		line-height: 24px;
	}
	.in_about p {
		color: #666;
		line-height: 28px;
		padding: 0px 10px;
		font-size: 14px;
		text-align: center;
	}
	.culture_zi ul li {
		float: left;
		width: 96%;
		margin:2%;
		background: #ffffff;
	}
	.v_show {
		width:100%;
		overflow: hidden;
		position: relative;
		height: 380px;
		float: left;
		margin-top: 4px;
	}
	.v_cont ul li {
		width: 100%;
		height: 380px;
		float: left;
		margin-top: 3px;
		border:none;
	}
	.v_cont ul li img {
		height: 380px;
	}
	.circle {
		width: 100%;
		float: right;
		padding: 0;
	}
	.circle li {
		width: 18%;
		float: left;
		margin:10px 1%;
		border: 1px solid #dedede;
	}
	.circle img {
		height:76px;
		transition: all 0.5s;
	}
	/*news*/
	.current {
		float: left;
		width: 100%;
		line-height: 24px;
		font-size: 15px;
		margin-top: 15px;
	}
	.ins-navbox ul {
		float: left;
		width: 100%;
		margin-top: 20px;
	}
	.ins-navbox li {
		font-size: 15px;
		width: 33.3%;
		line-height: 24px;
		float: left;
		text-align: center;
	}
	.ins-navbox li a{
		display: block;
		padding: 0;

	}
	.ins-navbox {
		height: auto;
		background-color: #fff;
		border-bottom: 1px solid #e5e5e5;
		margin: 0 auto;
		width: 100%;

		padding-bottom: 20px;
	}
	.in_news {
		margin-top: 20px;
		padding: 10px;
	}
	.news_hot .pic {
		width: 100%;
		float: left;
		overflow: hidden;
	}
	.news_hot .con {
		float: right;
		width: 100%;
		padding-right: 0;
		display: block;
	}
	.in_newslist li {
		width: 100%;
		margin:10px 0;
		float: left;
		transition: box-shadow .3s;
	}
	.newsdetail {
		margin-top: 30px;
		padding: 10px 10px;
	}
	/*jishu*/
	.dc_box {
		background:#000 url(../images/jishu/dc_1.jpg) no-repeat center bottom;
		padding-top:30px;
		padding-bottom: 50px;
	}
	.dc_box h2 {
		color: #fff;
		text-align: center;
		font-size: 28px;
		padding: 20px 0;
		margin-bottom: 0px;
	}
	.dc_list { padding: 0; margin: 0;}
	.dc_list li {
		float: left;
		width: 100%;
		margin:10px 0;
		text-align: center;
	}
	.dc {
		background: #fff;
		padding: 20px 10px;
	}
	.dc_fl {
		width: 100%;
		margin: 0;
	}

	.dc_fl h2 {
		color: #000;
		padding-top: 30px;
		text-align: center;
		padding-bottom: 20px;
	}
	.dc_fr {
		width: 100%;
		margin: 0;
	}
	.dj_box h2 {
		color: #fff;
		text-align: center;
		font-size: 28px;
		padding: 20px 10px;
		margin-bottom: 0px;
		line-height: 42px;
	}
	.dj {
		background: #fff;
		padding: 10px;
	}
	.dj_box {
		background: url(../images/jishu/dj_1.jpg) no-repeat center top;
		padding-top: 50px;
		padding-bottom:50px;
	}
	.xj_box h2 {
		color: #fff;
		text-align: center;
		font-size: 28px;
		line-height: 42px;
		padding: 20px 10px;
		margin-bottom: 0px;
	}
	.xj_box {
		background: url(../images/jishu/xj_1.jpg) no-repeat center top;
		padding-top:50px;
		padding-bottom: 50px;
	}
	/*service*/
	.service {
		margin-top: 40px;
		padding: 10px;
	}
	.city-search select {
		height: 50px;
		width: 100%;
		padding:0;

		margin:10px 0px;

	}
	.city-search input[type=text] {
		height: 50px;
		width: 80%;
		padding: 0 20px 0 50px;

		margin: 10px 0px;

	}
	.city-searchs {
		display: inline-block;
		position: relative;
		/* top: 20px; */
		width: 18%;
		height: 51px;

	}
	.in_contact {
		box-shadow: 0 0 8px rgba(0,0,0,0.1);
		padding: 3% 2%;
		width: 100%;
		margin: 0 auto;
	}
	/*jiameng*/
	.join{ padding: 10px;}
	.yw ul li {
		float: left;
		width: 50%;
		height: 394px;
		text-align: center;
	}
	.join_list {
		margin-top: 10px;
		width: 100%;
		margin: 0;
		float: left;
	}
	.league_join_btn .btn {
		width: 136px;
		height: 50px;
		padding: 0;
		margin:10px 3%;

	}
	/*product*/
	.in_product {
		width: 100%;
		height: auto;
		padding: 30px 10px;
		background: #f5f5f5;
		padding-bottom: 30px;
		text-align: center;
	}
	.in_product_nav a {
		display: block;
		width: 25%;
		margin: 5px 0;

	}

	.in_pro_list {
		width: 48%;
		margin: 10px 1%;
		float: left;
		height: 366px;
		background: #fff;
		text-align: center;
		padding-bottom: 20px;
	}
	/**/
	.xq_title h2 {
		line-height: 42px;
		font-size: 28px;

		padding: 10px;

	}
	.xq_title section {
		width: 48%;
		margin: 1%;
		padding: 20px 20px;
		height: 212px;

	}
	.xq_title section .productImg {
		display: inline-block;
		float: left;
		width: 100%;

	}
	.xq_title section .productImg img {

		width:30%;
	}
	.xq_title section .productIntro p{ text-align: center;}
	.xq_title section .productIntro {
		display: inline-block;
		float: left;
		width: 100%;
		margin-top: 20px;
		text-align: center;
	}
	.xq_title section .productIntro h3 {
		font-size: 18px;
		margin-bottom: 10px;
		font-weight:600;
		color: #1b172f;
	}
	.ls_deng_zi{ padding: 0 10px;}
	.ls_deng_zi h1 {
		font-size: 26px;
		font-weight: bold;
	}

	.ls_deng_zi h2 {
		font-size: 20px;
		padding: 20px 0;
	}
	.ls_zi {
		margin-left: 0;
		padding: 10px;
		color: #333;
		margin-top: 20px;
	}
	.ls_zi h1 {
		font-size: 26px;
		font-weight: bold;
	}
	.ls_fl {
		width: 100%;
	}
	.ls_fr {
		width: 100%;
	}
	.ls_jz_zi {
		position: static;
		background: #000;
		width: 100%;
		padding: 10px;
		color: #fff;
	}
	.ls_jz_zi h1 {
		font-size: 26px;

	}
	.ls_yb h1 {
		font-size: 26px;

	}

	.ls_xj_list ul li h3{ font-size: 16px;}
	.prcolor h1 {
		font-size: 28px;
		font-weight: 400;

	}
	.zzsc2 .tab4 a {
		display: block;
		height:30px;
		width: 30px;
		line-height: 30px;
		color: #fff;
		float: left;
		border-radius: 50%;
		text-align: center;
		margin:10px 8px;
	}
	.pro_fl {
		width: 100%;
		float: left;
	}
	.ls_zi2 {
		margin-left:0;
		color: #fff;
		padding: 10px;
		margin-top: 20px;
	}
	.ls_zi2 h1{ font-size: 28px;}
	.pro_fr {
		width: 100%;
		float: right;
	}
	.ls_zi3 {
		margin-right: 0;
		margin-top: 20px;
		color: #333;
		float: left;
		padding: 10px;
		margin-left: 0;
	}
	.ls_zi3 h2{ font-size: 28px;}
	.tn_dj{padding-left: 10px;
		padding-right: 10px;}
	.tn_dj h1 {
		font-size: 28px;
		font-weight: bold;
		color: #fff;
	}
	.tn_gw {
		padding-top: 40px;
		clear: both;
		padding-left: 10px;
		padding-right: 10px;
	}
	.tn_gw h1{ font-size: 28px;}
	.tn_gw span {
		position: absolute;
		top:12%;
		left: 32%;
		display: block;
		z-index: 99;
	}
	.tn_gw span img{ width: 200px;}
	.ls_zi3 h1{ font-size: 28px;}
	.jgy h1 {
		font-size: 28px;

	}
	.jgy{ padding: 0 10px;}
	.xly_yb {
		height: auto;
		overflow: hidden;
	}
	.xly_yb>.pro_fl {
		height: auto;
	}
	.ls_zi4 {
		margin-left:0;
		margin-top:20px;
		padding-right: 10px;
		padding-left: 10px;
		color: #333;
		float: left;
	}
	.ls_zi4 h1{ font-size: 28px;}
	.t3_dc h1 {
		font-size:28px;

	}
	.dj9_deng h1 {
		font-size: 28px;

	}
	.cj h1 {
		font-size: 28px;

	}
	.gd_xj h1 {
		font-size:28px;


	}
	.form h1 {
		font-size: 28px;

	}
	.t3_zi {
		color: #fff;
		position: absolute;
		top: 30px;
		right: 0px;
		left: 10px;
		padding: 0 10px;
	}
	.t3_zi h1 {
		font-size: 28px;

	}
	.t3_yb h1 {
		font-size: 28px;
		font-weight: bold;
	}
	.pd {

		height: 600px;
		margin-top: 40px;
		position: relative;
	}
	.pd_che img{ width:70%;}
	.gd_xj {
		margin-top: 40px;
		padding: 0 10px;
	}

	@keyframes move {
		0% {
			transform:translate(160px, 190px);
		}

		100% {
			transform:translate(0px,150px);

		}
	}
	.tt_zi {
		padding:20px 10px;
		position:static;

		top: 50px;
		left: 0;
		color: #333;
	}
	.tt_zi h1 {
		font-size: 28px;

	}
	.tt_dj{ margin-top: 40px;}
	.single2 em:after { content: ''; position: absolute; width: 100px; height:100px;  border: 5px solid #A8BEDB;; border-radius: 50%; box-shadow: 0 0 5px 7px rgba(168,190,219,0.8); bottom:6%; right:8%;  z-index: 3; opacity: 0; -webkit-animation: halo 1s 0.5s infinite ease-out; -moz-animation: halo 1s 0.5s infinite ease-out; animation: halo 1s 0.5s infinite ease-out; }
	.tt_deng h1 {
		font-size: 28px;
		font-weight: bold;
	}
	.tt_zi_bg {
		background: #B2C9E9;
		height: auto;
	}
	#animat {
		position: relative;
		width:80%;
		margin: 0 auto;

	}
	.xq_top h1 b {
		font-size: 24px;
	}
	.xq_top h1{ font-size: 24px; line-height: 32px;}
	.td .zl_box {
		width: 100%;
		height: 180px;
		margin: 10px 0;

	}
	.td .zl_box h2 {
		font-size: 28px;
		color: #fff;
		line-height: 24px;
		padding: 20px 0 28px 0;
	}
	.deng_zi {
		position: absolute;
		top: 30px;
		left: 10px;
		z-index: 1;
		font-size:28px;
		color: #fff;
	}
	.deng_zi h1 {
		font-size:28px;
		margin-bottom: 15px;
	}
	.deng_zi h2 {
		color: #fff;
		font-size: 15px;
	}
	.deng_zi span {
		display: none;

	}
	.li_fr {
		width: 100%;
		float: left;
	}
	.li_fl {
		width: 100%;
		float: right;
	}
	.li_fl span {
		display: block;
		float: left;
		margin-right:20px;
		font-size: 14px;
		text-align: center;
		line-height: 28px;
		margin-top: 20px;
	}
	.li_fl span img{ width: 40px;}
	.sha_zi {

		top:240px;
		left:10px;
		right: 10px;
		z-index: 9;
		font-size: 28px;
		color: #fff;
	}
	.sha_fl {
		float: left;
		width: 100%;
		position: relative;
	}
	.sha_fr {
		width:100%;
		float: right;
		position: relative;
	}


	.sha_fr span {
		display: none;;
	}

	.shache{ height:600px;}
	.sha_zi h1 {
		font-size: 28px;
		margin-bottom: 30px;
	}
	.sha_fl img{ display: none;}
	.yibiao h1 {
		text-align: center;
		padding-top: 30px;
		color: #fff;
		padding-bottom: 20px;
		font-size: 28px;
		font-weight: 400;
	}
	.single em:after { content: ''; position: absolute; width: 150px; height: 150px; border-radius: 50%; box-shadow: 0 0 5px 7px rgba(222,127,58,0.8); top:53%; bottom:0px; left: 40%;  z-index: 3; opacity: 0; -webkit-animation: halo 1s 0.5s infinite ease-out; -moz-animation: halo 1s 0.5s infinite ease-out; animation: halo 1s 0.5s infinite ease-out; }
	.usb ul li {
		float: left;
		width: 100%;
		margin: 10px 0;
		height: auto;
	}
	.dongli h1 {
		line-height: 46px;
		font-size: 28px;

	}
	.symq_xj h1 {
		line-height: 36px;
		font-size: 28px;

	}
	.symq_xj ul li {
		float: left;
		width: 100%;
		margin: 10px 0;
	}
	.symq_xj {
		margin-top: 40px;
		padding: 10px;
	}
	.sy_wz:hover {
		left:6%;
		top: -50px;
	}
	.sy9_deng h2 {
		line-height: 36px;
		font-size: 28px;
		font-weight: 400;

	}
	.jd2_deng h1 {
		font-size: 28px;
		font-weight: bold;
	}
	.yz_xj h1 {
		line-height: 36px;
		font-size: 28px;

	}
	.jd_q img{ width: 40%;}
	.jd_yb h1 {
		text-align: center;
		padding-top:30px;
		color: #333;
		padding-bottom: 20px;
		font-size: 28px;
		font-weight: 400;
	}
	.sy_wz {
		position: absolute;
		top: 0;
		left:3%;

	}
	/*jd_th*/
	.th_fl{ background: #fff; float: left; width: 100%;}
	.th_fr{ background: #fff; float: right; width: 100%;}
	.th_fl2{ background: #fff; float: right; width: 100%;}
	.th_fr2{ background: #fff; float: left; width: 100%;}
	.th_fl2 h3 {
		padding: 10px ;
		color: #333;
	}
	.th_fl2 p{ padding: 10px; font-size: 15px;}
	.th_fr h3 {
		padding: 10px ;
		color: #333;
	}
	.th_fr p{ padding: 10px; font-size: 15px;}
	.dj2_fl {
		float: left;
		width: 100%;
	}
	.dj2_fr {
		float: left;
		width:100%;
	}
	.bt_title3 {
		color: #333;
		padding: 10px;
		float: left;
	}
	.th_zd {
		position:static;
	}
	.bt_title6 {
		position: static;
		left:0%;
		top: 0%;
		color: #fff;
		z-index: 99;
		padding: 10px;
	}
	.th_tb {
		position: static;
	}
	.bt_title7 {
		color: #333;
		position: static;
		right: 0%;
		top: 0%;
		padding: 10px;
	}
	.th_xj_list {
		width: 50%;
		float: left;
		position: relative;
		display: block;
		height:200px;
		overflow: hidden;
	}

	.xj_col{ position: absolute; top:0; left: 0; width: 100%;  height: 200px;background: rgba(206,210,219,0.8); transition: all 1s;}
	.xj_col2{ position: absolute; top:0; left: 0; width: 100%;  height: 200px;background: rgba(238,149,60,0.8); transition: all 1s;}
	.xj_col3{ position: absolute; top:0; left: 0; width: 100%;  height: 200px;background: rgba(234,211,250,0.8); transition: all 1s;}
	.xj_col4{ position: absolute; top:0; left: 0; width: 100%;  height: 200px;background: rgba(117,215,233,0.8); transition: all 1s;}
	.xj_col5{ position: absolute; top:0; left: 0; width: 100%;  height:200px;background: rgba(46,64,162,0.8); transition: all 1s;}
	.xj_col6{ position: absolute; top:0; left: 0; width: 100%;  height: 200px;background: rgba(242,222,23,0.8); transition: all 1s;}
	.xj_col7{ position: absolute; top:0; left: 0; width: 100%;  height: 200px;background: rgba(245,49,13,0.8); transition: all 1s;}
	.xj_col8{ position: absolute; top:0; left: 0; width: 100%;  height: 200px;background: rgba(67,193,247,0.8); transition: all 1s;}
	.th_xj_list h2 {
		padding-top: 70px;
		text-align: center;
		color: #000;
	}
	.bt_title h2 {
		font-size: 20px;
		padding: 20px 0;
		line-height: 32px;
	}
	.bt_title2 {
		color: #fff;
		padding-left: 0%;
		padding-top: 0%;
		padding: 10px;
	}
	.zm{
		position: relative; height:700px; overflow: hidden }
	.zm img {
		z-index: 9;
		position: absolute;
		top: 18%;
		left: 28%;
		height: 500px;
	}

	.yuan .box[data-v-3ba5f20c]{width:20px;height:20px;overflow:hidden;border-radius:50%;position:absolute;left:45%;top:65%;z-index:1;background:radial-gradient(#61C1FA,#97DBFE);-webkit-animation:living-data-v-3ba5f20c 4s linear infinite;animation:living-data-v-3ba5f20c 4s linear infinite}

	.yuan .box[data-v-3ba5f20c]{width:60px;height:60px;border-radius:50%;position:absolute;left:45%;top:45%;z-index:1;background:radial-gradient(#61C1FA,#97DBFE);-webkit-animation:living-data-v-3ba5f20c 4s linear infinite}

	.yuan[data-v-3ba5f20c]{height:80px;width:80px;position:absolute;top:15%;left:50%;-webkit-transform:translate(-50%);transform:translate(-50%)}@-webkit-keyframes living-data-v-3ba5f20c{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}25%{-webkit-transform:scale(3);transform:scale(3);opacity:.75}50%{-webkit-transform:scale(5);transform:scale(5);opacity:.5}75%{-webkit-transform:scale(7);transform:scale(7);opacity:.25}to{-webkit-transform:scale(9);transform:scale(9);opacity:0}}@keyframes living-data-v-3ba5f20c{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}25%{-webkit-transform:scale(3);transform:scale(3);opacity:.75}50%{-webkit-transform:scale(5);transform:scale(5);opacity:.5}75%{-webkit-transform:scale(7);transform:scale(7);opacity:.25}to{-webkit-transform:scale(9);transform:scale(9);opacity:0}}
	.yuan2 .box[data-v-3ba5f20c]{width:20px;height:20px;overflow:hidden;border-radius:50%;position:absolute;left:45%;top:65%;z-index:1;background:radial-gradient(#37353C,#555255);-webkit-animation:living-data-v-3ba5f20c 4s linear infinite;animation:living-data-v-3ba5f20c 4s linear infinite}

	.yuan2 .box[data-v-3ba5f20c]{width:60px;height:60px;border-radius:50%;position:absolute;left:45%;top:45%;z-index:1;background:radial-gradient(#37353C,#555255);-webkit-animation:living-data-v-3ba5f20c 4s linear infinite}

	.yuan2[data-v-3ba5f20c]{height:80px;width:80px;position:absolute;top:15%;left:50%;-webkit-transform:translate(-50%);transform:translate(-50%)}@-webkit-keyframes living-data-v-3ba5f20c{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}25%{-webkit-transform:scale(3);transform:scale(3);opacity:.75}50%{-webkit-transform:scale(5);transform:scale(5);opacity:.5}75%{-webkit-transform:scale(7);transform:scale(7);opacity:.25}to{-webkit-transform:scale(9);transform:scale(9);opacity:0}}@keyframes living-data-v-3ba5f20c{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}25%{-webkit-transform:scale(3);transform:scale(3);opacity:.75}50%{-webkit-transform:scale(5);transform:scale(5);opacity:.5}75%{-webkit-transform:scale(7);transform:scale(7);opacity:.25}to{-webkit-transform:scale(9);transform:scale(9);opacity:0}}

	.zj {
		background: #f1f1f1;
		position: static;
	}
	.bt_title4 {
		color: #333;
		position: static;
		right: 0%;
		top: 0%;
		padding: 10px;
	}
	.t5_deng {
		position: static;
		margin-top: 40px;
		background-image: linear-gradient(to right, #555353, #000000) ;
	}
	.bt_title5 {
		position: static;
		left: 0%;
		top: 0%;
		color: #fff;
		z-index: 99;
		padding: 10px;
	}

	.zl .zl_list li {
		width: 100%;
		margin:10px 0;
		height: auto;
		padding-bottom: 30px;

	}
	.cn_fl {
		float: left;
		width: 100%;
		background: #dedede;
		margin-top: 10px;
	}
	.cn_fr {
		float: left;
		width:100%;
		margin-top: 0px;
	}
	.cn_fr ul li {
		float: left;
		width:50%;
		text-align: center;
		padding: 5px 10px;
		height: 207px;
	}
}
@media screen and (max-width:414px) {
	.top span{
		display:none}
	.zongh h2 {
		text-align: center;
		color: #000;
		font-size: 28px;
		line-height: 42px;
		padding: 10px;
	}
	.che_box h2 {
		color: #000;
		font-size: 28px;
		line-height: 42px;
		padding: 10px;
		text-align: center;
	}
	.news h3 {
		text-align: center;
		color: #000;
		font-size: 28px;
		display: none;
		padding: 10px;
	}
	.pro_box{ width: 50%; float: left; overflow: hidden;}
	.pro_content h2{ text-align: center; padding-top: 30px; font-size: 22px; margin-bottom: 0;}
	.pro_content h3{ text-align: center; padding: 10px 0; font-size: 18px;}
	.pro_content p{ display: none;}
	a.carousel-control.left {
		background-image: none;
		opacity: 1;
	}
	a.carousel-control.right {
		background-image: none;
		opacity: 1;
	}
	.zh_fl span {
		display: block;
		position: absolute;
		top: 20px;
		left: 20px;
		right: 20px;
		transition: all 0.3s;
	}
	.zh_fl{ float: left; width: 100%; position:relative; margin-top: 20px; overflow: hidden;height:auto;}
	.zh_fr{ float: right; width: 100%;margin-top: 10px;  height: auto;overflow: hidden;}
	.zh_fl img{ height:auto;}
	.zh_fl span h2{ text-align: center; color: #fff; line-height:40px; font-size: 20px; font-weight: bold;}
	.zh_fl span h3 {

		line-height: 42px;
		font-size:16px;
	}

	.zongh{ margin-top:60px; padding: 10px;}
	.zh_fr_box span h2 {
		text-align: center;
		color: #fff;
		line-height: 36px;
		font-size: 20px;
		font-weight: bold;
	}
	.zh_fr_box2 span h2 {
		text-align: center;
		color: #fff;
		line-height: 36px;
		font-size: 20px;
	}
	.zh_fr_box2 span h3 {
		color: #fff;
		text-align: center;
		line-height: 32px;
		font-size: 16px;
	}
	.zh_fr_box span h3 {
		color: #fff;
		font-size: 16px;
		text-align: center;
		line-height:32px;}
	.zh_fr_box span{ display: block; position: absolute; top:30px; left: 30px; right: 30px; }
	.zh_fr_box2 span{ display: block; position: absolute; top:0px; left: 30px; right: 30px; }
	.zh_fr_box2{  position:relative;margin-top:10px; height: auto;}
	.zh_fr_box:hover span{ top:48px;}
	.zh_fr_box2:hover span{ top:10px;}
	.ab_fr{float: left; width: 100%; height: auto;}
	.ab_fl{ width:100%; float: left; background: url("../images/main/abbg.jpg") no-repeat bottom left;height: auto; margin-top: 0; padding:20px 0;}
	.ab_fl h2 {
		padding:20px; font-size: 28px;}
	.ab_fl p{ color: #fff; line-height: 28px; padding: 15px 20px; font-size: 14px;text-align: center;}
	.news li:first-child{ width: 100%; overflow: hidden;
		float: left;}
	.news li:last-child{ width: 100%;overflow: hidden;
		float: left;}
	.news li h2{ position: absolute; bottom: 0; left: 0; text-align: center; background:rgba(255,111,48,0.4); width: 100%; padding: 10px; font-size: 15px; color: #fff;}
	.news li p{ font-size: 14px; line-height: 24px;}
	.about{
		padding:10px; }
	.news{
		padding:10px;}
	.news  h3{  display: block;}
	.bot li{
		float: left;
		width: 50%; height: 208px;}
	.contact {
		float: left;
		_display: inline;
		padding: 10px;
		font-size: 15px;
		line-height: 24px;
	}

	.sortt {
		display: none;
	}
	.codes {
		margin: 0 auto;
		text-align: center;
		float: none;
	}
	.f_link {
		display: none;
	}
	.nav_foot {
		text-align: center;
		padding-top: 20px;
		padding-bottom: 70px;
	}
	.foot-bg {
		padding: 2px 0;
		color: #cacaca;
		margin-top: 40px;
	}
	#bottomNav {
		display: block;
	}
	.scroll {
		background: none;
	}
	.scroll:hover {
		background: none;
	}
	/*about*/
	.count {
		float: left;
		width: 33.3%;
		padding: 10px 0;
		text-align: center;
	}
	.value, .value2, .value3, .value4, .value5 {
		font-size: 32px;
		color: #F4AF09;
		font-weight: bold;
		line-height: 42px;
	}
	.count p {
		font-size: 15px;
		color: #666;
		line-height: 24px;
	}
	.in_about p {
		color: #666;
		line-height: 28px;
		padding: 0px 10px;
		font-size: 14px;
		text-align: center;
	}
	.culture_zi ul li {
		float: left;
		width: 96%;
		margin:2%;
		background: #ffffff;
	}
	.v_show {
		width:100%;
		overflow: hidden;
		position: relative;
		height: 380px;
		float: left;
		margin-top: 4px;
	}
	.v_cont ul li {
		width: 100%;
		height: 380px;
		float: left;
		margin-top: 3px;
		border:none;
	}
	.v_cont ul li img {
		height: 380px;
	}
	.circle {
		width: 100%;
		float: right;
		padding: 0;
	}
	.circle li {
		width: 18%;
		float: left;
		margin:10px 1%;
		border: 1px solid #dedede;
	}
	.circle img {
		height:76px;
		transition: all 0.5s;
	}
	/*news*/
	.current {
		float: left;
		width: 100%;
		line-height: 24px;
		font-size: 15px;
		margin-top: 15px;
	}
	.ins-navbox ul {
		float: left;
		width: 100%;
		margin-top: 20px;
	}
	.ins-navbox li {
		font-size: 15px;
		width: 33.3%;
		line-height: 24px;
		float: left;
		text-align: center;
	}
	.ins-navbox li a{
		display: block;
		padding: 0;

	}
	.ins-navbox {
		height: auto;
		background-color: #fff;
		border-bottom: 1px solid #e5e5e5;
		margin: 0 auto;
		width: 100%;

		padding-bottom: 20px;
	}
	.in_news {
		margin-top: 20px;
		padding: 10px;
	}
	.news_hot .pic {
		width: 100%;
		float: left;
		overflow: hidden;
	}
	.news_hot .con {
		float: right;
		width: 100%;
		padding-right: 0;
		display: block;
	}
	.in_newslist li {
		width: 100%;
		margin:10px 0;
		float: left;
		transition: box-shadow .3s;
	}
	.newsdetail {
		margin-top: 30px;
		padding: 10px 10px;
	}
	/*jishu*/
	.dc_box {
		background:#000 url(../images/jishu/dc_1.jpg) no-repeat center bottom;
		padding-top:30px;
		padding-bottom: 50px;
	}
	.dc_box h2 {
		color: #fff;
		text-align: center;
		font-size: 28px;
		padding: 20px 0;
		margin-bottom: 0px;
	}
	.dc_list { padding: 0; margin: 0;}
	.dc_list li {
		float: left;
		width: 100%;
		margin:10px 0;
		text-align: center;
	}
	.dc {
		background: #fff;
		padding: 20px 10px;
	}
	.dc_fl {
		width: 100%;
		margin: 0;
	}

	.dc_fl h2 {
		color: #000;
		padding-top: 30px;
		text-align: center;
		padding-bottom: 20px;
	}
	.dc_fr {
		width: 100%;
		margin: 0;
	}
	.dj_box h2 {
		color: #fff;
		text-align: center;
		font-size: 28px;
		padding: 20px 10px;
		margin-bottom: 0px;
		line-height: 42px;
	}
	.dj {
		background: #fff;
		padding: 10px;
	}
	.dj_box {
		background: url(../images/jishu/dj_1.jpg) no-repeat center top;
		padding-top: 50px;
		padding-bottom:50px;
	}
	.xj_box h2 {
		color: #fff;
		text-align: center;
		font-size: 28px;
		line-height: 42px;
		padding: 20px 10px;
		margin-bottom: 0px;
	}
	.xj_box {
		background: url(../images/jishu/xj_1.jpg) no-repeat center top;
		padding-top:50px;
		padding-bottom: 50px;
	}
	/*service*/
	.service {
		margin-top: 40px;
		padding: 10px;
	}
	.city-search select {
		height: 50px;
		width: 100%;
		padding:0;

		margin:10px 0px;

	}
	.city-search input[type=text] {
		height: 50px;
		width: 80%;
		padding: 0 20px 0 50px;
		margin: 10px 0px;
	}
	.city-searchs {
		display: inline-block;
		position: relative;
		/* top: 20px; */
		width: 18%;
		height: 51px;

	}
	.in_contact {
		box-shadow: 0 0 8px rgba(0,0,0,0.1);
		padding: 3% 2%;
		width: 100%;
		margin: 0 auto;
	}
	/*jiameng*/
	.join{ padding: 10px;}
	.yw ul li {
		float: left;
		width: 50%;
		height: 394px;
		text-align: center;
	}
	.join_list {
		margin-top: 10px;
		width: 100%;
		margin: 0;
		float: left;
	}
	.league_join_btn .btn {
		width: 136px;
		height: 50px;
		padding: 0;
		margin:10px 3%;

	}
	/*product*/
	.in_product {
		width: 100%;
		height: auto;
		padding: 30px 10px;
		background: #f5f5f5;
		padding-bottom: 30px;
		text-align: center;
	}
	.in_product_nav a {
		display: block;
		width: 50%;
		margin: 5px 0;

	}

	.in_pro_list {
		width: 100%;
		margin: 15px 0;
		float: left;
		height: 429px;
		background: #fff;
		text-align: center;
		padding-bottom: 20px;
	}
	/**/
	.xq_title h2 {
		line-height: 42px;
		font-size: 28px;

		padding: 10px;

	}
	.xq_title section {
		width: 48%;
		margin: 1%;
		padding: 20px 20px;
		height: 212px;

	}
	.xq_title section .productImg {
		display: inline-block;
		float: left;
		width: 100%;

	}
	.xq_title section .productImg img {

		width: 50%;
	}
	.xq_title section .productIntro {
		display: inline-block;
		float: left;
		width: 100%;
		margin-top: 20px;
		text-align: center;
	}
	.xq_title section .productIntro h3 {
		font-size: 18px;
		margin-bottom: 10px;
		font-weight:600;
		color: #1b172f;
	}
	.ls_deng_zi{ padding: 0 10px;}
	.ls_deng_zi h1 {
		font-size: 26px;
		font-weight: bold;
	}

	.ls_deng_zi h2 {
		font-size: 20px;
		padding: 20px 0;
	}
	.ls_zi {
		margin-left: 0;
		padding: 10px;
		color: #333;
		margin-top: 20px;
	}
	.ls_zi h1 {
		font-size: 26px;
		font-weight: bold;
	}
	.ls_fl {
		width: 100%;
	}
	.ls_fr {
		width: 100%;
	}
	.ls_jz_zi {
		position: static;
		background: #000;
		width: 100%;
		padding: 10px;
		color: #fff;
	}
	.ls_jz_zi h1 {
		font-size: 26px;

	}
	.ls_yb h1 {
		font-size: 26px;

	}

	.ls_xj_list ul li h3{ font-size: 16px;}
	.prcolor h1 {
		font-size: 28px;
		font-weight: 400;

	}
	.zzsc2 .tab4 a {
		display: block;
		height:30px;
		width: 30px;
		line-height: 30px;
		color: #fff;
		float: left;
		border-radius: 50%;
		text-align: center;
		margin:10px 8px;
	}
	.pro_fl {
		width: 100%;
		float: left;
	}
	.ls_zi2 {
		margin-left:0;
		color: #fff;
		padding: 10px;
		margin-top: 20px;
	}
	.ls_zi2 h1{ font-size: 28px;}
	.pro_fr {
		width: 100%;
		float: right;
	}
	.ls_zi3 {
		margin-right: 0;
		margin-top: 20px;
		color: #333;
		float: left;
		padding: 10px;
		margin-left: 0;
	}
	.ls_zi3 h2{ font-size: 28px;}
	.tn_dj{padding-left: 10px;
		padding-right: 10px;}
	.tn_dj h1 {
		font-size: 28px;
		font-weight: bold;
		color: #fff;
	}
	.tn_gw {
		padding-top: 40px;
		clear: both;
		padding-left: 10px;
		padding-right: 10px;
	}
	.tn_gw h1{ font-size: 28px;}
	.tn_gw span {
		position: absolute;
		top:13%;
		left: 32%;
		display: block;
		z-index: 99;
	}
	.tn_gw span img{ width: 130px;}
	.ls_zi3 h1{ font-size: 28px;}
	.jgy h1 {
		font-size: 28px;

	}
	.jgy{ padding: 0 10px;}
	.xly_yb {
		height: auto;
		overflow: hidden;
	}
	.xly_yb>.pro_fl {
		height: auto;
	}
	.ls_zi4 {
		margin-left:0;
		margin-top:20px;
		padding-right: 10px;
		padding-left: 10px;
		color: #333;
		float: right;
	}
	.ls_zi4 h1{ font-size: 28px;}
	.t3_dc h1 {
		font-size:28px;

	}
	.dj9_deng h1 {
		font-size: 28px;

	}
	.cj h1 {
		font-size: 28px;

	}
	.gd_xj h1 {
		font-size:28px;


	}
	.form h1 {
		font-size: 28px;

	}
	.t3_zi {
		color: #fff;
		position: absolute;
		top: 30px;

		left: 10px;
		padding: 0 10px;
		float: left;
	}
	.t3_zi h1 {
		font-size: 28px;

	}
	.t3_yb h1 {
		font-size: 28px;
		font-weight: bold;
	}
	.pd {

		height: 500px;
		margin-top: 40px;
		position: relative;
	}
	.pd_che img{ width:80%;}
	.gd_xj {
		margin-top: 40px;
		padding: 0 10px;
	}

	@keyframes move {
		0% {
			transform:translate(60px, 190px);
		}

		100% {
			transform:translate(0px,180px);

		}
	}
	.tt_zi {
		padding:20px 10px;
		position:static;

		top: 50px;
		left: 0;
		color: #333;
	}
	.tt_zi h1 {
		font-size: 28px;

	}
	.tt_dj{ margin-top: 40px;}
	.single2 em:after { content: ''; position: absolute; width: 50px; height:50px;  border: 5px solid #A8BEDB;; border-radius: 50%; box-shadow: 0 0 5px 7px rgba(168,190,219,0.8); bottom:6%; right:8%;  z-index: 3; opacity: 0; -webkit-animation: halo 1s 0.5s infinite ease-out; -moz-animation: halo 1s 0.5s infinite ease-out; animation: halo 1s 0.5s infinite ease-out; }
	.tt_deng h1 {
		font-size: 28px;
		font-weight: bold;
	}
	.tt_zi_bg {
		background: #B2C9E9;
		height: auto;
	}
	#animat {
		position: relative;
		width:80%;
		margin: 0 auto;

	}
	.xq_top h1 b {
		font-size: 24px;
	}
	.xq_top h1{ font-size: 24px; line-height: 32px;}
	.td .zl_box {
		width: 100%;
		height: 180px;
		margin: 10px 0;

	}
	.td .zl_box h2 {
		font-size: 28px;
		color: #fff;
		line-height: 24px;
		padding: 20px 0 28px 0;
	}
	.deng_zi {
		position: absolute;
		top: 30px;
		left: 10px;
		z-index: 1;
		font-size:28px;
		color: #fff;
	}
	.deng_zi h1 {
		font-size:28px;
		margin-bottom: 15px;
	}
	.deng_zi h2 {
		color: #fff;
		font-size: 15px;
	}
	.deng_zi span {
		display: none;

	}
	.li_fr {
		width: 100%;
		float: left;
	}
	.li_fl {
		width: 100%;
		float: right;
	}
	.li_fl span {
		display: block;
		float: left;
		margin-right:20px;
		font-size: 14px;
		text-align: center;
		line-height: 28px;
		margin-top: 20px;
	}
	.li_fl span img{ width: 40px;}
	.sha_zi {

		top:240px;
		left:10px;
		right: 10px;
		z-index: 9;
		font-size: 28px;
		color: #fff;
	}
	.sha_fl {
		float: left;
		width: 100%;
		position: relative;
	}
	.sha_fr {
		width:100%;
		float: right;
		position: relative;
	}


	.sha_fr span {
		display: none;;
	}

	.shache{ height:600px;}
	.sha_zi h1 {
		font-size: 28px;
		margin-bottom: 30px;
	}
	.sha_fl img{ display: none;}
	.yibiao h1 {
		text-align: center;
		padding-top: 30px;
		color: #fff;
		padding-bottom: 20px;
		font-size: 28px;
		font-weight: 400;
	}
	.single em:after { content: ''; position: absolute; width: 100px; height: 100px; border-radius: 50%; box-shadow: 0 0 5px 7px rgba(222,127,58,0.8); top:60%; bottom:0px; left: 40%;  z-index: 3; opacity: 0; -webkit-animation: halo 1s 0.5s infinite ease-out; -moz-animation: halo 1s 0.5s infinite ease-out; animation: halo 1s 0.5s infinite ease-out; }
	.usb ul li {
		float: left;
		width: 100%;
		margin: 10px 0;
		height: auto;
	}
	.dongli h1 {
		line-height: 46px;
		font-size: 28px;

	}
	.symq_xj h1 {
		line-height: 36px;
		font-size: 28px;

	}
	.symq_xj ul li {
		float: left;
		width: 100%;
		margin: 10px 0;
	}
	.symq_xj {
		margin-top: 40px;
		padding: 10px;
	}
	.sy_wz:hover {
		left:6%;
		top: -50px;
	}
	.sy9_deng h2 {
		line-height: 36px;
		font-size: 28px;
		font-weight: 400;

	}
	.jd2_deng h1 {
		font-size: 28px;
		font-weight: bold;
	}
	.yz_xj h1 {
		line-height: 36px;
		font-size: 28px;

	}
	.jd_q img{ width: 70%;}
	.jd_yb h1 {
		text-align: center;
		padding-top:30px;
		color: #333;
		padding-bottom: 20px;
		font-size: 28px;
		font-weight: 400;
	}
	.sy_wz {
		position: absolute;
		top: 0;
		left:3%;

	}

	/*jd_th*/
	.th_fl{ background: #fff; float: left; width: 100%;}
	.th_fr{ background: #fff; float: right; width: 100%;}
	.th_fl2{ background: #fff; float: right; width: 100%;}
	.th_fr2{ background: #fff; float: left; width: 100%;}
	.th_fl2 h3 {
		padding: 10px ;
		color: #333;
	}
	.th_fl2 p{ padding: 10px; font-size: 15px;}
	.th_fr h3 {
		padding: 10px ;
		color: #333;
	}
	.th_fr p{ padding: 10px; font-size: 15px;}
	.dj2_fl {
		float: left;
		width: 100%;
	}
	.dj2_fr {
		float: left;
		width:100%;
	}
	.bt_title3 {
		color: #333;
		padding: 10px;
		float: left;
	}
	.th_zd {
		position:static;
	}
	.bt_title6 {
		position: static;
		left:0%;
		top: 0%;
		color: #fff;
		z-index: 99;
		padding: 10px;
	}
	.th_tb {
		position: static;
	}
	.bt_title7 {
		color: #333;
		position: static;
		right: 0%;
		top: 0%;
		padding: 10px;
	}
	.th_xj_list {
		width: 100%;
		float: left;
		position: relative;
		display: block;
		height: 240px;
		overflow: hidden;
	}

	.xj_col{ position: absolute; top:0; left: 0; width: 100%;  height: 240px;background: rgba(206,210,219,0.8); transition: all 1s;}
	.xj_col2{ position: absolute; top:0; left: 0; width: 100%;  height: 240px;background: rgba(238,149,60,0.8); transition: all 1s;}
	.xj_col3{ position: absolute; top:0; left: 0; width: 100%;  height: 240px;background: rgba(234,211,250,0.8); transition: all 1s;}
	.xj_col4{ position: absolute; top:0; left: 0; width: 100%;  height: 240px;background: rgba(117,215,233,0.8); transition: all 1s;}
	.xj_col5{ position: absolute; top:0; left: 0; width: 100%;  height:240px;background: rgba(46,64,162,0.8); transition: all 1s;}
	.xj_col6{ position: absolute; top:0; left: 0; width: 100%;  height: 240px;background: rgba(242,222,23,0.8); transition: all 1s;}
	.xj_col7{ position: absolute; top:0; left: 0; width: 100%;  height: 240px;background: rgba(245,49,13,0.8); transition: all 1s;}
	.xj_col8{ position: absolute; top:0; left: 0; width: 100%;  height: 240px;background: rgba(67,193,247,0.8); transition: all 1s;}
	.th_xj_list h2 {
		padding-top: 70px;
		text-align: center;
		color: #000;
	}
	.bt_title h2 {
		font-size: 20px;
		padding: 20px 0;
		line-height: 32px;
	}
	.bt_title2 {
		color: #fff;
		padding-left: 0%;
		padding-top: 0%;
		padding: 10px;
	}
	.zm{
		position: relative; height:700px; overflow: hidden }
	.zm img {
		z-index: 9;
		position: absolute;
		top: 18%;
		left: 15%;
		height: 500px;
	}

	.yuan .box[data-v-3ba5f20c]{width:20px;height:20px;overflow:hidden;border-radius:50%;position:absolute;left:45%;top:65%;z-index:1;background:radial-gradient(#61C1FA,#97DBFE);-webkit-animation:living-data-v-3ba5f20c 4s linear infinite;animation:living-data-v-3ba5f20c 4s linear infinite}

	.yuan .box[data-v-3ba5f20c]{width:60px;height:60px;border-radius:50%;position:absolute;left:45%;top:45%;z-index:1;background:radial-gradient(#61C1FA,#97DBFE);-webkit-animation:living-data-v-3ba5f20c 4s linear infinite}

	.yuan[data-v-3ba5f20c]{height:80px;width:80px;position:absolute;top:15%;left:50%;-webkit-transform:translate(-50%);transform:translate(-50%)}@-webkit-keyframes living-data-v-3ba5f20c{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}25%{-webkit-transform:scale(3);transform:scale(3);opacity:.75}50%{-webkit-transform:scale(5);transform:scale(5);opacity:.5}75%{-webkit-transform:scale(7);transform:scale(7);opacity:.25}to{-webkit-transform:scale(9);transform:scale(9);opacity:0}}@keyframes living-data-v-3ba5f20c{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}25%{-webkit-transform:scale(3);transform:scale(3);opacity:.75}50%{-webkit-transform:scale(5);transform:scale(5);opacity:.5}75%{-webkit-transform:scale(7);transform:scale(7);opacity:.25}to{-webkit-transform:scale(9);transform:scale(9);opacity:0}}
	.yuan2 .box[data-v-3ba5f20c]{width:20px;height:20px;overflow:hidden;border-radius:50%;position:absolute;left:45%;top:65%;z-index:1;background:radial-gradient(#37353C,#555255);-webkit-animation:living-data-v-3ba5f20c 4s linear infinite;animation:living-data-v-3ba5f20c 4s linear infinite}

	.yuan2 .box[data-v-3ba5f20c]{width:60px;height:60px;border-radius:50%;position:absolute;left:45%;top:45%;z-index:1;background:radial-gradient(#37353C,#555255);-webkit-animation:living-data-v-3ba5f20c 4s linear infinite}

	.yuan2[data-v-3ba5f20c]{height:80px;width:80px;position:absolute;top:15%;left:50%;-webkit-transform:translate(-50%);transform:translate(-50%)}@-webkit-keyframes living-data-v-3ba5f20c{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}25%{-webkit-transform:scale(3);transform:scale(3);opacity:.75}50%{-webkit-transform:scale(5);transform:scale(5);opacity:.5}75%{-webkit-transform:scale(7);transform:scale(7);opacity:.25}to{-webkit-transform:scale(9);transform:scale(9);opacity:0}}@keyframes living-data-v-3ba5f20c{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}25%{-webkit-transform:scale(3);transform:scale(3);opacity:.75}50%{-webkit-transform:scale(5);transform:scale(5);opacity:.5}75%{-webkit-transform:scale(7);transform:scale(7);opacity:.25}to{-webkit-transform:scale(9);transform:scale(9);opacity:0}}

	.zj {
		background: #f1f1f1;
		position: static;
	}
	.bt_title4 {
		color: #333;
		position: static;
		right: 0%;
		top: 0%;
		padding: 10px;
	}
	.t5_deng {
		position: static;
		margin-top: 40px;
		background-image: linear-gradient(to right, #555353, #000000) ;
	}
	.bt_title5 {
		position: static;
		left: 0%;
		top: 0%;
		color: #fff;
		z-index: 99;
		padding: 10px;
	}
	.zl .zl_list li {
		width: 100%;
		margin:10px 0;
		height: auto;
		padding-bottom: 30px;

	}
	.cn_fl {
		float: left;
		width: 100%;
		background: #dedede;
		margin-top: 10px;
	}
	.cn_fr {
		float: left;
		width:100%;
		margin-top: 0px;
	}
	.cn_fr ul li {
		float: left;
		width:50%;
		text-align: center;
		padding: 5px 10px;
		height: 207px;
	}
}
@media screen and ( max-width:360px ) {
	.top span{
		display:none}
	.zongh h2 {
		text-align: center;
		color: #000;
		font-size: 28px;
		line-height: 42px;
		padding: 10px;
	}
	.che_box h2 {
		color: #000;
		font-size: 28px;
		line-height: 42px;
		padding: 10px;
		text-align: center;
	}
	.news h3 {
		text-align: center;
		color: #000;
		font-size: 28px;
		display: none;
		padding: 10px;
	}
	.pro_box{ width: 50%; float: left; overflow: hidden;}
	.pro_content h2{ text-align: center; padding-top: 30px; font-size: 22px; margin-bottom: 0;}
	.pro_content h3{ text-align: center; padding: 10px 0; font-size: 18px;}
	.pro_content p{ display: none;}
	a.carousel-control.left {
		background-image: none;
		opacity: 1;
	}
	a.carousel-control.right {
		background-image: none;
		opacity: 1;
	}
	.zh_fl span {
		display: block;
		position: absolute;
		top: 20px;
		left: 20px;
		right: 20px;
		transition: all 0.3s;
	}
	.zh_fl{ float: left; width: 100%; position:relative; margin-top: 20px; overflow: hidden;height:auto;}
	.zh_fr{ float: right; width: 100%;margin-top: 10px;  height: auto;overflow: hidden;}
	.zh_fl img{ height:auto;}
	.zh_fl span h2{ text-align: center; color: #fff; line-height:40px; font-size: 20px; font-weight: bold;}
	.zh_fl span h3 {

		line-height: 42px;
		font-size:16px;
	}

	.zongh{ margin-top:60px; padding: 10px;}
	.zh_fr_box span h2 {
		text-align: center;
		color: #fff;
		line-height: 36px;
		font-size: 20px;
		font-weight: bold;
	}
	.zh_fr_box2 span h2 {
		text-align: center;
		color: #fff;
		line-height: 36px;
		font-size: 20px;
	}
	.zh_fr_box2 span h3 {
		color: #fff;
		text-align: center;
		line-height: 32px;
		font-size: 16px;
	}
	.zh_fr_box span h3 {
		color: #fff;
		font-size: 16px;
		text-align: center;
		line-height:32px;}
	.zh_fr_box span{ display: block; position: absolute; top:30px; left: 30px; right: 30px; }
	.zh_fr_box2 span{ display: block; position: absolute; top:0px; left: 30px; right: 30px; }
	.zh_fr_box2{  position:relative;margin-top:10px; height: auto;}
	.zh_fr_box:hover span{ top:48px;}
	.zh_fr_box2:hover span{ top:10px;}
	.ab_fr{float: left; width: 100%; height: auto;}
	.ab_fl{ width:100%; float: left; background: url("../images/main/abbg.jpg") no-repeat bottom left;height: auto; margin-top: 0; padding:20px 0;}
	.ab_fl h2 {
		padding:20px; font-size: 28px;}
	.ab_fl p{ color: #fff; line-height: 28px; padding: 15px 20px; font-size: 14px;text-align: center;}
	.news li:first-child{ width: 100%; overflow: hidden;
		float: left;}
	.news li:last-child{ width: 100%;overflow: hidden;
		float: left;}
	.news li h2{ position: absolute; bottom: 0; left: 0; text-align: center; background:rgba(255,111,48,0.4); width: 100%; padding: 10px; font-size: 15px; color: #fff;}
	.news li p{ font-size: 14px; line-height: 24px;}
	.about{
		padding:10px; }
	.news{
		padding:10px;}
	.news  h3{  display: block;}
	.bot li{
		float: left;
		width: 50%; height: 208px;}
	.contact {
		float: left;
		_display: inline;
		padding: 10px;
		font-size: 15px;
		line-height: 24px;
	}

	.sortt {
		display: none;
	}
	.codes {
		margin: 0 auto;
		text-align: center;
		float: none;
	}
	.f_link {
		display: none;
	}
	.nav_foot {
		text-align: center;
		padding-top: 20px;
		padding-bottom: 70px;
	}
	.foot-bg {
		padding: 2px 0;
		color: #cacaca;
		margin-top: 40px;
	}
	#bottomNav {
		display: block;
	}
	.scroll {
		background: none;
	}
	.scroll:hover {
		background: none;
	}
	/*about*/
	.count {
		float: left;
		width: 33.3%;
		padding: 10px 0;
		text-align: center;
	}
	.value, .value2, .value3, .value4, .value5 {
		font-size: 32px;
		color: #F4AF09;
		font-weight: bold;
		line-height: 42px;
	}
	.count p {
		font-size: 15px;
		color: #666;
		line-height: 24px;
	}
	.in_about p {
		color: #666;
		line-height: 28px;
		padding: 0px 10px;
		font-size: 14px;
		text-align: center;
	}
	.culture_zi ul li {
		float: left;
		width: 96%;
		margin:2%;
		background: #ffffff;
	}
	.v_show {
		width:100%;
		overflow: hidden;
		position: relative;
		height: 380px;
		float: left;
		margin-top: 4px;
	}
	.v_cont ul li {
		width: 100%;
		height: 380px;
		float: left;
		margin-top: 3px;
		border:none;
	}
	.v_cont ul li img {
		height: 380px;
	}
	.circle {
		width: 100%;
		float: right;
		padding: 0;
	}
	.circle li {
		width: 18%;
		float: left;
		margin:10px 1%;
		border: 1px solid #dedede;
	}
	.circle img {
		height:76px;
		transition: all 0.5s;
	}
	/*news*/
	.current {
		float: left;
		width: 100%;
		line-height: 24px;
		font-size: 15px;
		margin-top: 15px;
	}
	.ins-navbox ul {
		float: left;
		width: 100%;
		margin-top: 20px;
	}
	.ins-navbox li {
		font-size: 15px;
		width: 33.3%;
		line-height: 24px;
		float: left;
		text-align: center;
	}
	.ins-navbox li a{
		display: block;
		padding: 0;

	}
	.ins-navbox {
		height: auto;
		background-color: #fff;
		border-bottom: 1px solid #e5e5e5;
		margin: 0 auto;
		width: 100%;

		padding-bottom: 20px;
	}
	.in_news {
		margin-top: 20px;
		padding: 10px;
	}
	.news_hot .pic {
		width: 100%;
		float: left;
		overflow: hidden;
	}
	.news_hot .con {
		float: right;
		width: 100%;
		padding-right: 0;
		display: block;
	}
	.in_newslist li {
		width: 100%;
		margin:10px 0;
		float: left;
		transition: box-shadow .3s;
	}
	.newsdetail {
		margin-top: 30px;
		padding: 10px 10px;
	}
	/*jishu*/
	.dc_box {
		background:#000 url(../images/jishu/dc_1.jpg) no-repeat center bottom;
		padding-top:30px;
		padding-bottom: 50px;
	}
	.dc_box h2 {
		color: #fff;
		text-align: center;
		font-size: 28px;
		padding: 20px 0;
		margin-bottom: 0px;
	}
	.dc_list { padding: 0; margin: 0;}
	.dc_list li {
		float: left;
		width: 100%;
		margin:10px 0;
		text-align: center;
	}
	.dc {
		background: #fff;
		padding: 20px 10px;
	}
	.dc_fl {
		width: 100%;
		margin: 0;
	}

	.dc_fl h2 {
		color: #000;
		padding-top: 30px;
		text-align: center;
		padding-bottom: 20px;
	}
	.dc_fr {
		width: 100%;
		margin: 0;
	}
	.dj_box h2 {
		color: #fff;
		text-align: center;
		font-size: 28px;
		padding: 20px 10px;
		margin-bottom: 0px;
		line-height: 42px;
	}
	.dj {
		background: #fff;
		padding: 10px;
	}
	.dj_box {
		background: url(../images/jishu/dj_1.jpg) no-repeat center top;
		padding-top: 50px;
		padding-bottom:50px;
	}
	.xj_box h2 {
		color: #fff;
		text-align: center;
		font-size: 28px;
		line-height: 42px;
		padding: 20px 10px;
		margin-bottom: 0px;
	}
	.xj_box {
		background: url(../images/jishu/xj_1.jpg) no-repeat center top;
		padding-top:50px;
		padding-bottom: 50px;
	}
	/*service*/
	.service {
		margin-top: 40px;
		padding: 10px;
	}
	.city-search select {
		height: 50px;
		width: 100%;
		padding:0;

		margin:10px 0px;

	}
	.city-search input[type=text] {
		height: 50px;
		width: 80%;
		padding: 0 20px 0 50px;
		margin: 10px 0px;

	}
	.city-searchs {
		display: inline-block;
		position: relative;
		/* top: 20px; */
		width: 18%;
		height: 51px;

	}
	.in_contact {
		box-shadow: 0 0 8px rgba(0,0,0,0.1);
		padding: 3% 2%;
		width: 100%;
		margin: 0 auto;
	}
	/*jiameng*/
	.join{ padding: 10px;}
	.yw ul li {
		float: left;
		width: 50%;
		height: 394px;
		text-align: center;
	}
	.join_list {
		margin-top: 10px;
		width: 100%;
		margin: 0;
		float: left;
	}
	.league_join_btn .btn {
		width: 136px;
		height: 50px;
		padding: 0;
		margin:10px 3%;

	}
	/*product*/
	.in_product {
		width: 100%;
		height: auto;
		padding: 30px 10px;
		background: #f5f5f5;
		padding-bottom: 30px;
		text-align: center;
	}
	.in_product_nav a {
		display: block;
		width: 50%;
		margin: 5px 0;

	}

	.in_pro_list {
		width: 100%;
		margin: 15px 0;
		float: left;
		background: #fff;
		text-align: center;
		padding-bottom: 20px;
	}
	/**/
	.xq_title h2 {
		line-height: 42px;
		font-size: 28px;

		padding: 10px;

	}
	.xq_title section {
		width: 48%;
		margin: 1%;
		padding: 20px 20px;
		height: 212px;

	}
	.xq_title section .productImg {
		display: inline-block;
		float: left;
		width: 100%;

	}
	.xq_title section .productImg img {

		width: 50%;
	}
	.xq_title section .productIntro {
		display: inline-block;
		float: left;
		width: 100%;
		margin-top: 20px;
		text-align: center;
	}
	.xq_title section .productIntro h3 {
		font-size: 18px;
		margin-bottom: 10px;
		font-weight:600;
		color: #1b172f;
	}
	.ls_deng_zi{ padding: 0 10px;}
	.ls_deng_zi h1 {
		font-size: 26px;
		font-weight: bold;
	}

	.ls_deng_zi h2 {
		font-size: 20px;
		padding: 20px 0;
	}
	.ls_zi {
		margin-left: 0;
		padding: 10px;
		color: #333;
		margin-top: 20px;
	}
	.ls_zi h1 {
		font-size: 26px;
		font-weight: bold;
	}
	.ls_fl {
		width: 100%;
	}
	.ls_fr {
		width: 100%;
	}
	.ls_jz_zi {
		position: static;
		background: #000;
		width: 100%;
		padding: 10px;
		color: #fff;
	}
	.ls_jz_zi h1 {
		font-size: 26px;

	}
	.ls_yb h1 {
		font-size: 26px;

	}

	.ls_xj_list ul li h3{ font-size: 16px;}
	.prcolor h1 {
		font-size: 28px;
		font-weight: 400;

	}
	.zzsc2 .tab4 a {
		display: block;
		height:30px;
		width: 30px;
		line-height: 30px;
		color: #fff;
		float: left;
		border-radius: 50%;
		text-align: center;
		margin:10px 8px;
	}
	.pro_fl {
		width: 100%;
		float: left;
	}
	.ls_zi2 {
		margin-left:0;
		color: #fff;
		padding: 10px;
		margin-top: 20px;
	}
	.ls_zi2 h1{ font-size: 28px;}
	.pro_fr {
		width: 100%;
		float: right;
	}
	.ls_zi3 {
		margin-right: 0;
		margin-top: 20px;
		color: #333;
		float: left;
		padding: 10px;
		margin-left: 0;
	}
	.ls_zi3 h2{ font-size: 28px;}
	.tn_dj{padding-left: 10px;
		padding-right: 10px;}
	.tn_dj h1 {
		font-size: 28px;
		font-weight: bold;
		color: #fff;
	}
	.tn_gw {
		padding-top: 40px;
		clear: both;
		padding-left: 10px;
		padding-right: 10px;
	}
	.tn_gw h1{ font-size: 28px;}
	.tn_gw span {
		position: absolute;
		top:10px;
		left: 30%;
		display: block;
		z-index: 99;
	}
	.tn_gw span img{ width: 100px;}
	.ls_zi3 h1{ font-size: 28px;}
	.jgy h1 {
		font-size: 28px;

	}
	.jgy{ padding: 0 10px;}
	.xly_yb {
		height: auto;
		overflow: hidden;
	}
	.xly_yb>.pro_fl {
		height: auto;
	}
	.ls_zi4 {
		margin-left:0;
		margin-top:20px;
		padding-right: 10px;
		padding-left: 10px;
		color: #333;
		float: right;
	}
	.ls_zi4 h1{ font-size: 28px;}
	.t3_dc h1 {
		font-size:28px;

	}
	.dj9_deng h1 {
		font-size: 28px;

	}
	.cj h1 {
		font-size: 28px;

	}
	.gd_xj h1 {
		font-size:28px;


	}
	.form h1 {
		font-size: 28px;

	}
	.t3_zi {
		color: #fff;
		position: absolute;
		top: 30px;
		right: 0px;
		left: 10px;
		padding: 0 10px;
	}
	.t3_zi h1 {
		font-size: 28px;

	}
	.t3_yb h1 {
		font-size: 28px;
		font-weight: bold;
	}
	.pd_che img{ width:80%; }
	.gd_xj {
		margin-top: 40px;
		padding: 0 10px;
	}
	@keyframes move {
		0% {
			transform:translate(40px, 290px);
		}

		100% {
			transform:translate(0px,280px);

		}
	}
	.tt_zi {
		padding:20px 10px;
		position:static;

		top: 50px;
		left: 0;
		color: #333;
	}
	.tt_zi h1 {
		font-size: 28px;

	}
	.tt_dj{ margin-top: 40px;}
	.single2 em:after { content: ''; position: absolute; width: 50px; height:50px;  border: 5px solid #A8BEDB;; border-radius: 50%; box-shadow: 0 0 5px 7px rgba(168,190,219,0.8); bottom:6%; right:8%;  z-index: 3; opacity: 0; -webkit-animation: halo 1s 0.5s infinite ease-out; -moz-animation: halo 1s 0.5s infinite ease-out; animation: halo 1s 0.5s infinite ease-out; }
	.tt_deng h1 {
		font-size: 28px;
		font-weight: bold;
	}
	.tt_zi_bg {
		background: #B2C9E9;
		height: auto;
	}
	#animat {
		position: relative;
		width:80%;
		margin: 0 auto;

	}
	.xq_top h1 b {
		font-size: 24px;
	}
	.xq_top h1{ font-size: 24px; line-height: 32px;}
	.td .zl_box {
		width: 100%;
		height: 180px;
		margin: 10px 0;

	}
	.td .zl_box h2 {
		font-size: 28px;
		color: #fff;
		line-height: 24px;
		padding: 20px 0 28px 0;
	}
	.deng_zi {
		position: absolute;
		top: 30px;
		left: 10px;
		z-index: 1;
		font-size:28px;
		color: #fff;
	}
	.deng_zi h1 {
		font-size:28px;
		margin-bottom: 15px;
	}
	.deng_zi h2 {
		color: #fff;
		font-size: 15px;
	}
	.deng_zi span {
		display: none;

	}
	.li_fr {
		width: 100%;
		float: left;
	}
	.li_fl {
		width: 100%;
		float: right;
	}
	.li_fl span {
		display: block;
		float: left;
		margin-right:20px;
		font-size: 14px;
		text-align: center;
		line-height: 28px;
		margin-top: 20px;
	}
	.li_fl span img{ width: 40px;}
	.sha_zi {

		top:240px;
		left:10px;
		right: 10px;
		z-index: 9;
		font-size: 28px;
		color: #fff;
	}
	.sha_fl {
		float: left;
		width: 100%;
		position: relative;
	}
	.sha_fr {
		width:100%;
		float: right;
		position: relative;
	}


	.sha_fr span {
		display: none;;
	}

	.shache{ height:600px;}
	.sha_zi h1 {
		font-size: 28px;
		margin-bottom: 30px;
	}
	.sha_fl img{ display: none;}
	.yibiao h1 {
		text-align: center;
		padding-top: 30px;
		color: #fff;
		padding-bottom: 20px;
		font-size: 28px;
		font-weight: 400;
	}
	.single em:after { content: ''; position: absolute; width: 100px; height: 100px; border-radius: 50%; box-shadow: 0 0 5px 7px rgba(222,127,58,0.8); top:180px; bottom:0px; left: 100px;  z-index: 3; opacity: 0; -webkit-animation: halo 1s 0.5s infinite ease-out; -moz-animation: halo 1s 0.5s infinite ease-out; animation: halo 1s 0.5s infinite ease-out; }
	.usb ul li {
		float: left;
		width: 100%;
		margin: 10px 0;
		height: auto;
	}
	.dongli h1 {
		line-height: 46px;
		font-size: 28px;

	}
	.symq_xj h1 {
		line-height: 36px;
		font-size: 28px;

	}
	.symq_xj ul li {
		float: left;
		width: 100%;
		margin: 10px 0;
	}
	.symq_xj {
		margin-top: 40px;
		padding: 10px;
	}
	.sy_wz:hover {
		left:6%;
		top: -50px;
	}
	.sy9_deng h2 {
		line-height: 36px;
		font-size: 28px;
		font-weight: 400;

	}
	.jd2_deng h1 {
		font-size: 28px;
		font-weight: bold;
	}
	.yz_xj h1 {
		line-height: 36px;
		font-size: 28px;

	}
	.jd_q img{ width: 70%;}
	.jd_yb h1 {
		text-align: center;
		padding-top:30px;
		color: #333;
		padding-bottom: 20px;
		font-size: 28px;
		font-weight: 400;
	}
	.sy_wz {
		position: absolute;
		top: 0;
		left:3%;

	}
/*jd_th*/
	.th_fl{ background: #fff; float: left; width: 100%;}
	.th_fr{ background: #fff; float: right; width: 100%;}
	.th_fl2{ background: #fff; float: right; width: 100%;}
	.th_fr2{ background: #fff; float: left; width: 100%;}
	.th_fl2 h3 {
		padding: 10px ;
		color: #333;
	}
	.th_fl2 p{ padding: 10px; font-size: 15px;}
	.th_fr h3 {
		padding: 10px ;
		color: #333;
	}
	.th_fr p{ padding: 10px; font-size: 15px;}
	.dj2_fl {
		float: left;
		width: 100%;
	}
	.dj2_fr {
		float: left;
		width:100%;
	}
	.bt_title3 {
		color: #333;
		padding: 10px;
		float: left;
	}
	.th_zd {
		position:static;
	}
	.bt_title6 {
		position: static;
		left:0%;
		top: 0%;
		color: #fff;
		z-index: 99;
		padding: 10px;
	}
	.th_tb {
		position: static;
	}
	.bt_title7 {
		color: #333;
		position: static;
		right: 0%;
		top: 0%;
		padding: 10px;
	}
	.th_xj_list {
		width: 100%;
		float: left;
		position: relative;
		display: block;
		height: 240px;
		overflow: hidden;
	}

	.xj_col{ position: absolute; top:0; left: 0; width: 100%;  height: 240px;background: rgba(206,210,219,0.8); transition: all 1s;}
	.xj_col2{ position: absolute; top:0; left: 0; width: 100%;  height: 240px;background: rgba(238,149,60,0.8); transition: all 1s;}
	.xj_col3{ position: absolute; top:0; left: 0; width: 100%;  height: 240px;background: rgba(234,211,250,0.8); transition: all 1s;}
	.xj_col4{ position: absolute; top:0; left: 0; width: 100%;  height: 240px;background: rgba(117,215,233,0.8); transition: all 1s;}
	.xj_col5{ position: absolute; top:0; left: 0; width: 100%;  height:240px;background: rgba(46,64,162,0.8); transition: all 1s;}
	.xj_col6{ position: absolute; top:0; left: 0; width: 100%;  height: 240px;background: rgba(242,222,23,0.8); transition: all 1s;}
	.xj_col7{ position: absolute; top:0; left: 0; width: 100%;  height: 240px;background: rgba(245,49,13,0.8); transition: all 1s;}
	.xj_col8{ position: absolute; top:0; left: 0; width: 100%;  height: 240px;background: rgba(67,193,247,0.8); transition: all 1s;}
	.th_xj_list h2 {
		padding-top: 70px;
		text-align: center;
		color: #000;
	}
	.bt_title h2 {
		font-size: 20px;
		padding: 20px 0;
		line-height: 32px;
	}
	.bt_title2 {
		color: #fff;
		padding-left: 0%;
		padding-top: 0%;
		padding: 10px;
	}
	.zm{
		position: relative; height:700px; overflow: hidden }
	.zm img {
		z-index: 9;
		position: absolute;
		top: 18%;
		left: 10%;
		height: 500px;
	}

	.yuan .box[data-v-3ba5f20c]{width:20px;height:20px;overflow:hidden;border-radius:50%;position:absolute;left:45%;top:65%;z-index:1;background:radial-gradient(#61C1FA,#97DBFE);-webkit-animation:living-data-v-3ba5f20c 4s linear infinite;animation:living-data-v-3ba5f20c 4s linear infinite}

	.yuan .box[data-v-3ba5f20c]{width:60px;height:60px;border-radius:50%;position:absolute;left:45%;top:45%;z-index:1;background:radial-gradient(#61C1FA,#97DBFE);-webkit-animation:living-data-v-3ba5f20c 4s linear infinite}

	.yuan[data-v-3ba5f20c]{height:80px;width:80px;position:absolute;top:15%;left:50%;-webkit-transform:translate(-50%);transform:translate(-50%)}@-webkit-keyframes living-data-v-3ba5f20c{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}25%{-webkit-transform:scale(3);transform:scale(3);opacity:.75}50%{-webkit-transform:scale(5);transform:scale(5);opacity:.5}75%{-webkit-transform:scale(7);transform:scale(7);opacity:.25}to{-webkit-transform:scale(9);transform:scale(9);opacity:0}}@keyframes living-data-v-3ba5f20c{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}25%{-webkit-transform:scale(3);transform:scale(3);opacity:.75}50%{-webkit-transform:scale(5);transform:scale(5);opacity:.5}75%{-webkit-transform:scale(7);transform:scale(7);opacity:.25}to{-webkit-transform:scale(9);transform:scale(9);opacity:0}}
	.yuan2 .box[data-v-3ba5f20c]{width:20px;height:20px;overflow:hidden;border-radius:50%;position:absolute;left:45%;top:65%;z-index:1;background:radial-gradient(#37353C,#555255);-webkit-animation:living-data-v-3ba5f20c 4s linear infinite;animation:living-data-v-3ba5f20c 4s linear infinite}

	.yuan2 .box[data-v-3ba5f20c]{width:60px;height:60px;border-radius:50%;position:absolute;left:45%;top:45%;z-index:1;background:radial-gradient(#37353C,#555255);-webkit-animation:living-data-v-3ba5f20c 4s linear infinite}

	.yuan2[data-v-3ba5f20c]{height:80px;width:80px;position:absolute;top:15%;left:50%;-webkit-transform:translate(-50%);transform:translate(-50%)}@-webkit-keyframes living-data-v-3ba5f20c{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}25%{-webkit-transform:scale(3);transform:scale(3);opacity:.75}50%{-webkit-transform:scale(5);transform:scale(5);opacity:.5}75%{-webkit-transform:scale(7);transform:scale(7);opacity:.25}to{-webkit-transform:scale(9);transform:scale(9);opacity:0}}@keyframes living-data-v-3ba5f20c{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}25%{-webkit-transform:scale(3);transform:scale(3);opacity:.75}50%{-webkit-transform:scale(5);transform:scale(5);opacity:.5}75%{-webkit-transform:scale(7);transform:scale(7);opacity:.25}to{-webkit-transform:scale(9);transform:scale(9);opacity:0}}

	.zj {
		background: #f1f1f1;
		position: static;
	}
	.bt_title4 {
		color: #333;
		position: static;
		right: 0%;
		top: 0%;
		padding: 10px;
	}
	.t5_deng {
		position: static;
		margin-top: 40px;
		background-image: linear-gradient(to right, #555353, #000000) ;
	}
	.bt_title5 {
		position: static;
		left: 0%;
		top: 0%;
		color: #fff;
		z-index: 99;
		padding: 10px;
	}
	.zl .zl_list li {
		width: 100%;
		margin:10px 0;
		height: auto;
		padding-bottom: 30px;

	}
	.cn_fl {
		float: left;
		width: 100%;
		background: #dedede;
		margin-top: 10px;
	}
	.cn_fr {
		float: left;
		width:100%;
		margin-top: 0px;
	}
	.cn_fr ul li {
		float: left;
		width:50%;
		text-align: center;
		padding: 5px 10px;
		height: 207px;
	}

}