body {
			background-color: #f3f3f3;
			font-size: 16px;
			color: #666666;
		}
		a {
			text-decoration: none!important;
			color: #585555;
		}
		
		a:hover {
			cursor: pointer;
		}
		
		.logo-mobile {
			display: none;
		}
		/*.row{
		    margin-right: 0;
    		margin-left: 0;
		}*/
		
		.container.nav-head .row>div:first-child {
			padding: 10px;
		}
		
		.container.nav-head .row>div:last-child {
			padding-top: 16px;
		}
		
		.navbar-fixed-top,
		.navbar-fixed-bottom {
			position: absolute;
			top:auto!important;
		}
		
		.navbar-inverse {
			background-color: #C5168D;
			border-color: #C5168D;
			position: relative;
		}
		
		.navbar-inverse .navbar-toggle:hover,
		.navbar-inverse .navbar-toggle:focus {
			background-color: #C5168D;
		}
		
		.navbar-inverse .navbar-toggle {
			border-color: #C5168D;
		}
		
		.navbar-inverse .navbar-brand {
			color: white;
		}
		
		.navbar-inverse .navbar-nav>.active>a,
		.navbar-inverse .navbar-nav>.active>a:hover,
		.navbar-inverse .navbar-nav>.active>a:focus {
			background-color: #C5168D;
		}
		
		.navbar-inverse .navbar-nav>.open>a,
		.navbar-inverse .navbar-nav>.open>a:hover,
		.navbar-inverse .navbar-nav>.open>a:focus {
			background-color: #2E3192;
		}
		
		.navbar-inverse .navbar-nav>li>a {
			color: white;
		}
		
		.dropdown-menu {
			background-color: #2E3192;
			padding: 0;
		}
		
		.dropdown-menu>li>a {
			display: block;
			clear: both;
			font-weight: 400;
			color: white;
			white-space: nowrap;
			height: 50px;
			line-height: 50px;
		}
		
		.dropdown-menu>li>a:hover {
			background-color: #C5168D;
			color: white;
		}
/* 手机样式 */		
		@media (max-width: 768px) {
			.contact .col-md-6.col-xs-12.col-sm-6:first-child{margin-top: -31px;}
			.contact h1{text-align: center;font-size: 24px!important;margin: 20px 0!important;}
			.news{min-height: auto!important;}
			.news .container>div:last-child {
			    margin: 50px!important;
			}
			
			
			.news .row .col-xs-12 .col-xs-4{padding-right: 20px;}
			.news .row .col-xs-12 {
			    padding-right: 0!important;
			    padding-left: 0!important;
			    margin-bottom: 20px;
			}	
			.news p,
		.product p {
			overflow: hidden;
			text-overflow: ellipsis;
			display: -webkit-box;
			-webkit-box-orient: vertical;
			-webkit-line-clamp: 2;
		}
		.news img{height:70px;}		
			.news p{line-height: 1.5!important;}
			h1, .h1, h2, .h2, h3, .h3{margin:0!important;}
			.news h3, .news span {
			    color: #2E3192;
			    overflow: hidden;
			    text-overflow:ellipsis;
			    white-space: nowrap;
			}
			.news h3{
			font-size: 15px;
		}
			.product{min-height:auto!important;}
			.product-flex:last-child{
				margin-top: 30px!important;
				margin-bottom: 30px;
			}
			.product .product_txt {
			    position: relative;
			    /*top: 48px;*/
			    left: 0!important;
			}
			.product-flex{position: relative;}
			.product .product_txt h1{text-align: center;}
			.product_img{
				position: absolute;
			    left: 0;
			    top: 10%;
			}
			.product .row div:last-child .product_img {
			    width: 11%!important;
			}
			.product .container>h1, .news .container>h1 {
			    margin-top: 40px!important;
			    margin-bottom: 42px!important;
			}
			.strength .row h1 {
				text-align: center!important;
			}
			.strength .container>.row {
				margin-top: 50px!important;
			}
			.strength .container>h1 {
				margin-top: 40px!important;
			}
			.aboutus .pull-left div:last-child {
				margin-top: 50px!important;
			}
			/* .aboutus {
				margin: 34px -15px!important;
			} */
			.footer div:last-child {
				display: block;
			}
			.footer .container {
				line-height: normal!important;
				padding-top: 9px;
				height: 100%;
			}
			.foot {
				display: none;
			}
			.contact .row {
				margin-bottom: 20px;
			}
			.strength .row .row div:first-child {
				padding-right: 0!important;
				padding-top: 19px;
			}
			.strength .row .row div:last-child {
				padding-left: 0!important;
				padding-top: 29px;
			}
			.container.nav-head {
				display: none;
			}
			.navbar-inverse .navbar-toggle {
				border-color: white;
			}
			.dropdown-menu>li>a:hover {
				background-color: white;
				color: #C5168D;
			}
			/*.navbar-inverse {
			    background-color: white;
			    border-color: white;
			}*/
			.navbar-inverse .navbar-toggle .icon-bar {
				background-color: #C5168D;
			}
			.logo-mobile {
				display: block;
				position: absolute;
				top: 0px;
				z-index: 10000;
				width: 80%;
				right: 0;
				/*margin-bottom: 11px;*/
			}
			.logo-mobile img {
				/*width: 75%;*/
				margin-right: 15px;
			}
			.logo-mobile h1 {
				font-size: 14px;
				font-weight: 600;
				color: #2D3091;
			}
			.navbar-inverse .navbar-nav>.active>a,
			.navbar-inverse .navbar-nav>.active>a:hover,
			.navbar-inverse .navbar-nav>.active>a:focus {
				background-color: #C5168D;
			}
			.navbar-inverse .navbar-toggle:hover,
			.navbar-inverse .navbar-toggle:focus {
				background-color: white;
			}
			body {
				background-color: #f3f3f3;
				font-size: 13px;
			}
			.navbar-header {
				background-color: white;
			}
			.navbar-inverse .navbar-nav .open .dropdown-menu>li>a {
				color: #fff;
				border-top: 1px solid #FFFFFF;
				background-color: #2e3192;
			}
			.navbar-inverse .navbar-nav .open .dropdown-menu>li>a:hover {
				background-color: #C5168D;
			}
			
			.nav>li:first-child a {
				padding-left: 15px!important;
			}
			.navbar-default {
				display: none;
			}
			.carousel {
				position: relative;
				top: -2px;
			}
			form button {
				font-size: 14px!important;
				border-radius: 7px!important;
				border-top-left-radius: 0px!important;
				border-bottom-left-radius: 0px!important;
				width: 31%!important;
				background-color: #C5168D!important;
				color: white!important;
			}
			.first input {
				border: 1px solid #959595!important;
				border-right: none!important;
				border-top-left-radius: 5px;
				border-bottom-left-radius: 5px;
				height: 32px;
			}
			form div {
				margin-right: 0!important;
			}
			form {
				display: flex;
				align-items: center;
				width: 100%!important;
				margin: 18px 0!important;
				justify-content: space-between;
			}
			.first {
				height: auto!important;
				padding-top: 0px!important;
			}
			form img {
				position: absolute;
				left: 10px;
				width: 5%;
			}
			form div {
				display: flex;
				align-items: center;
				width: 70%;
				margin-right: 2%;
			}
			h1.col-xs-12,
		.pull-left,
		.pull-right {
			text-align: center!important;
		}
		.aboutus h1{margin:40px 0!important;}
		.content-about{
			/*height:700px;*/
		}
		.product .row div:last-child .product_img {
		    max-width: 35px;
		    margin-top: -32px;
		}
		#myTab .active a {
			    color: #C5168D;
			    background: white;
			    border:none;
			    border-bottom: 2px solid;
			}
		.pc{
	  		display: none;
	  		}
	  	.mobile{
	  		display: block;
	  		}
	  	.navbar-nav>li>.dropdown-menu{
	  		display: none!important;
	  	}
	  	.navbar-nav>li.open>.dropdown-menu{
	  		display: block!important;
	  	}
	  	.dropdown-menu{
  		     position: static; 
		     top: 100%; 
		    /* left: 0; */
		    /* z-index: 1000; */
		    /* display: none; */
		     float: none; 
		    /* min-width: 160px; */
		    /* padding: 5px 0; */
		    /* margin: 2px 0 0; */
		    /* font-size: 14px; */
		    /* text-align: left; */
		    /* list-style: none; */
		    /* background-color: #fff; */
		    /* -webkit-background-clip: padding-box; */
		    /* background-clip: padding-box; */
		    /* border: 1px solid #ccc; */
		    /* border: 1px solid rgba(0,0,0,.15); */
		    /* border-radius: 4px; */
		    /* -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175); */
		    /* box-shadow: 0 6px 12px rgba(0,0,0,.175); */
	  	}
	  	.navbar-nav .open .dropdown-menu>li>a{
	  		line-height: 40px;
	  	}
	  	
		}
/* 平板样式 */		
		@media (min-width: 768px) {
			/*.container {
				padding-left: 0;
				padding-right: 0;
			}*/
			
			body {
			font-size: 10px;
		}
			
			.container.nav-head .row .col-md-5 h1 {
				font-size: 30px;
				color: #2D3091;
				text-align: left;
			}
			.container.nav-head .row .col-md-5 img {
				/*max-width: 56%;*/
			}
			.navbar-nav li a {
				padding-left: 7px!important;
				padding-right: 7px!important;
			}
			.phone p:last-child {
				color: #C5168D;
				font-size: 13px!important;
			}
			.language {
				margin-bottom: 0!important;
			}
			h1,
			.h1 {
				font-size: 20px;
			}
			form button {
				float: right;
				padding: 10px 35px!important;
				font-size: 14px!important;
				border-radius: 12px!important;
			}
			form img {
				width: 5%;
				margin-right: -24px;
				margin-top: -10px;
				z-index: 10001;
			}
			form div {
				display: flex;
				align-items: center;
				width: 70%;
				margin-right: 2%;
			}
			form {
				display: flex;
				align-items: center;
				width: 80%;
				justify-content:center;
				margin-top: 41px!important;
			}
			.pc{
	  		display: block;
		  	}
		  	.mobile{
		  		display: none;
		  	}
		}
/* pc样式 */		
		@media (min-width: 1200px) {
		.first ul li a {
			padding: 9px 25px;
			text-decoration: none;
		}
		.pc{
	  		display: block;
	  	}
	  	.mobile{
	  		display: none;
	  	}
		body {
			font-size: 16px;
		}
		
		.phone p:last-child {
				color: #C5168D;
				font-size: 22px!important;
			}
		
			/* 目标元素必须设置宽高，以及行高才能生效，想要保留多少行，高就设置为行高的多少倍 */
        .text {
            width: 598.5px;
            height: 216px;
            line-height: 36px;
            overflow: hidden;
        }
        /* 目标元素必须设置一个 AFTER，这里的 TOP 和行高相等 */
        .text:after {
            top: -36px;
        }
        .text-strength,.text-product{height: 90px;width: 498.75px;line-height: 45px;}
        .text-product-child{width:385.92px;height: 90px;}
        .text-news{width:349px;height: 90px;}
			form {
				display: flex;
				align-items: center;
				width: 80%;
				justify-content:center;
				margin-top: 41px!important;
			}
			.container {
				max-width: 1345px!important;
				min-width: 1134px!important;
				width: auto;
				padding-left: 0;
				padding-right: 0;
			}
			.container.nav-head .row .col-md-5 h1 {
				font-size: 28px!important;
				color: #2D3091;
				text-align: left;
			}
			.container.nav-head .row .col-md-5 img {
				max-width: 65%;
			}
			.container.nav-head .row .col-md-5 img:first-child {
				margin-right:25%;
			}
			.phone img {
				max-width: 18%;
			}
			.navbar-nav li a {
				padding-left: 25px!important;
				padding-right: 25px!important;
			}
			.navbar-nav>li>.dropdown-menu{margin-top:-1px;}
			.dropdown-menu{min-width:115px;}
			.dropdown-menu a{text-align: center;
    			border-bottom: 1px solid white;}
			.aboutus h1,
			.h1 {
				font-size: 32px!important;
			}
			h1,
			.h1 {
				font-size: 32px;
			}
			.language {
				margin-bottom: 5px!important;
			}
			form button {
				float: right;
				padding: 10px 56px!important;
				font-size: 17px!important;
				border-radius: 12px!important;
			}
			form img {
				width: 4%;
				margin-right: -32px;
				margin-top: -10px;
				z-index: 10001;
			}
			form div {
				display: flex;
				align-items: center;
				width: 70%;
				margin-right: 2%;
			}
			.news img{height:315px;}
			.news p{-webkit-line-clamp: 3;}
			.aboutus h1{margin-bottom:63px;}
		.product .container>h1,.news .container>h1{margin-top:140px;}
		.news .container>h1,.product .container>h1{margin-bottom:42px;}
		.aboutus {
			margin: 100px 0;
		}
		.product .row div:last-child .product_img {
			width: 10%;
			margin-top: -5px;
    		margin-right: 15px;
    		min-width: 50px;
		}
		.phone p:last-child {
		    font-size: 41pximportant;
		}
		#myTab .active a {
			border: none!important;
			border-bottom: 2px solid #C5168D!important;
		}
		}
		
		@media only screen and (min-width: 768px) and (max-width: 1200px){
			.product .row div:last-child .product_img {
				width: 10%;
	    		margin-right: 15px;
	    		min-width: 50px;
		}
		}
		
		/*.container.nav-head .row .col-md-5 img{max-width: 40%;}*/
		.first {
			height: 275px;
			padding-top: 68px;
		}
		.navbar-fixed-top {
			top: auto;
		}
		
		.navbar {
			margin-bottom: 0!important;
		}
		
		img {
			width: 100%;
		}
		
		.navbar-toggle {
			float: left;
		}
		
		/* .nav>li:first-child a {
			padding-left: 0px!important;
		} */
		
		/* .nav>li:last-child a {
			padding-right: 0px!important;
		} */
		.nav-tabs>li>a{margin-right:0;}
		/*#myTab li:first-child a{padding-left: 8px!important;}*/
		#myTab .active a{color:#C5168D}
		/* #myTab li:last-child a{padding-right: 8px!important;} */
		h1 {
			margin-top: 0;
		}
		
		.language,
		.phone {
			overflow: hidden;
			padding-left: 5%;
		}
		
		
		.language a {
			float: right;
			margin: 0 8px;
		}
		
		.language a:last-child {
			position: relative;
		}
		
		.language a:last-child:after {
			content: '';
			position: absolute;
			width: 2px;
			height: 23px;
			background-color: #a4a4a4;
			top: 0;
			right: -9px;
		}
		
		a {
			color: black;
		}
		
		.phone img,
		.phone div {
			float: right;
		}
		
		.phone div {
			/*margin-top: 10px;*/
		}
		
		.phone p:last-child {
			color: #C5168D;
		}
		
		.language {
			/*padding-left: 50px;*/
			margin-top: 5px;
		}
		
		p {
			/*margin: 0!important;*/
		}
		
		.carousel {
			position: relative;
		}
		
		.content {
			background-color: white;
		}
		
		label {
			padding-right: 15px;
			padding-left: 15px;
		}
		
		.first ul {
			display: flex;
			justify-content: center;
			list-style: none;
			border-bottom: 1px solid #f3f3f3;
			padding-bottom: 7px;
			position: relative;
		}
		
		
		.first ul li form:target+a {
			color: #C5168D;
			border-bottom: 2px solid #C5168D;
		}
		
		.first ul li .content {
			opacity: 0;
			position: absolute;
			top: 169px;
			left: 0;
			padding: 0 9.8%;
			width: 100%;
		}
		
		.first ul li .content:target {
			opacity: 1;
		}
		
		.first .content div {
			position: relative;
		}
		
		.first input {
			border: 0;
			border-bottom: 1px solid #959595;
			top: 68px;
			padding-left: 46px;
			width: 100%;
		}
		
		form i {
			font-size: 28px;
			color: #f3f3f3;
		}
		
		form input:focus {
			outline: none;
		}
		.aboutus a:hover,.news a:hover{background:#2E3192}
		.glyphicon {
			top: 72px;
			z-index: 10001;
			position: absolute;
		}
		
		.content:nth-child(1) {
			margin-top: -19px;
		}
		
		.content:nth-child(odd) {
			background: #f3f3f3;
		}
		
		.content:nth-child(even) {
			background: white;
		}
		form{background: white!important;}
		.content h1 {
			color: #C5168D;
			font-size: 32px;
		}
		
		.aboutus .pull-left div div {
			line-height: 2;
			overflow: hidden;
			text-overflow: ellipsis;
			display: -webkit-box;
			-webkit-box-orient: vertical;
			-webkit-line-clamp: 6;
			text-align: left;
		}
		
		.aboutus .more,
		.news .more {
			padding: 14px 63px;
			background: #C5168D;
			border-radius: 36px;
			color: white;
		}
		
		.aboutus .pull-left>div:last-child {
			text-align: center;
			margin-top: 76px;
		}
		
		.aboutus .pull-right img {
			width: 65%;
		}
		
		.aboutus .pull-right {
			text-align: right;
		}
		
		.row {
			margin-left: 0;
			margin-right: 0;
		}
		
		.col-xs-1,
		.col-sm-1,
		.col-md-1,
		.col-lg-1,
		.col-xs-2,
		.col-sm-2,
		.col-md-2,
		.col-lg-2,
		.col-xs-3,
		.col-sm-3,
		.col-md-3,
		.col-lg-3,
		.col-xs-4,
		.col-sm-4,
		.col-md-4,
		.col-lg-4,
		.col-xs-5,
		.col-sm-5,
		.col-md-5,
		.col-lg-5,
		.col-xs-6,
		.col-sm-6,
		.col-md-6,
		.col-lg-6,
		.col-xs-7,
		.col-sm-7,
		.col-md-7,
		.col-lg-7,
		.col-xs-8,
		.col-sm-8,
		.col-md-8,
		.col-lg-8,
		.col-xs-9,
		.col-sm-9,
		.col-md-9,
		.col-lg-9,
		.col-xs-10,
		.col-sm-10,
		.col-md-10,
		.col-lg-10,
		.col-xs-11,
		.col-sm-11,
		.col-md-11,
		.col-lg-11,
		.col-xs-12,
		.col-sm-12,
		.col-md-12,
		.col-lg-12 {
			padding-left: 20px;
			padding-right: 20px;
		}
		
		@media (max-width: 768px) {
			.col-xs-1,
			.col-sm-1,
			.col-md-1,
			.col-lg-1,
			.col-xs-2,
			.col-sm-2,
			.col-md-2,
			.col-lg-2,
			.col-xs-3,
			.col-sm-3,
			.col-md-3,
			.col-lg-3,
			.col-xs-4,
			.col-sm-4,
			.col-md-4,
			.col-lg-4,
			.col-xs-5,
			.col-sm-5,
			.col-md-5,
			.col-lg-5,
			.col-xs-6,
			.col-sm-6,
			.col-md-6,
			.col-lg-6,
			.col-xs-7,
			.col-sm-7,
			.col-md-7,
			.col-lg-7,
			.col-xs-8,
			.col-sm-8,
			.col-md-8,
			.col-lg-8,
			.col-xs-9,
			.col-sm-9,
			.col-md-9,
			.col-lg-9,
			.col-xs-10,
			.col-sm-10,
			.col-md-10,
			.col-lg-10,
			.col-xs-11,
			.col-sm-11,
			.col-md-11,
			.col-lg-11,
			.col-xs-12,
			.col-sm-12,
			.col-md-12,
			.col-lg-12 {
				padding-left: 0px;
				padding-right: 0px;
			}
			}
		
		.strength {
			min-height: 628px;
		}
		
		.strength .row .row div:first-child {
			padding-right: 15px;
		}
		
		.strength .row .row div:last-child {
			padding-left: 15px;
		}
		
		.strength .container,
		.news .container {
			text-align: center;
		}
		
		.strength .container>h1 {
			font-size: 32px!important;
			margin-top: 100px;
		}
		
		.strength .row h1 {
			font-size: 60px!important;
			text-align: left;
		}
		
		.strength .row span {
			font-size: 30px;
			color: #2E3192;
		}
	
		.strength p,
		.product p,
		.news p {
			text-align: left;
			line-height: 2.5;
		}
		
		.strength .container>.row {
			padding-top: 50px;
		}
		
		.product {
			min-height: 600px;
		}
		
		/* .product .product_txt {
			position: relative;
			top: 14px;
			left: 15px;
		} */
		
		.product .product_txt h1 {
			font-size: 30px!important;
		}
		
		.product-flex {
			display: flex;
		}
		.product.content a{
			margin-top: 10px;
		}
		.product.content a p{
			color:#585555;
		}
		.product.content a h1{
			color:#2E3192;
		}
		a:last-child .product-flex {
			margin-top: 75px;
		}
		
		.product .container>h1,
		.news .container>h1 {
			margin-top: 100px;
			/*margin-bottom: 42px;*/
			font-size: 32px!important;
			padding-left: 20px;
		}
		
		
		@media (max-width: 768px) {
			
			.body {
				height: 50px;
			}
			
			.content h1,
			.strength .container>h1,
			.product .container>h1,
			.news .container>h1 {
			margin-top: 100px;
			font-size: 24px!important;
		}
			.strength .row span {
				font-size: 20px;
				color: #2E3192;
		}
			.strength .row h1 {
				font-size: 40px!important;
				text-align: left;
		}
			.strength .container>.row {
				padding-top: 0px!important;
		}
			.product .product_txt h1 {
				font-size: 20px!important;
				position: absolute;
			    left: 43px;
			    top: -28%;
		}
		
			}
		
		.news .row .col-xs-12 {
			padding-right: 25px;
			padding-left: 25px;
			text-align: left;
		}
		
		.news h3,
		.news span {
			color: #333333;
		}
		
		.news .row {
			padding-top: 20px;
		}
		
		.news .container>div:last-child {
			margin-top: 50px;
			margin-bottom: 100px;
		}
		
		.news {
			/*min-height: 910px;*/
		}
		.news h3{
			font-size: 18px;
		    overflow: hidden;
		    text-overflow: ellipsis;
		    white-space: nowrap;
		}
		.news p,
		.product p {
			overflow: hidden;
			text-overflow: ellipsis;
			display: -webkit-box;
			-webkit-box-orient: vertical;
			-webkit-line-clamp: 2;
			color: #666666;
		}
		.navbar-fixed-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse{
			    max-height: 389px;
		}
		.product_txt p,
		.strength p {
			overflow: hidden;
			text-overflow: ellipsis;
			display: -webkit-box;
			-webkit-box-orient: vertical;
			-webkit-line-clamp: 2;
		}
		
		.contact {
			min-height: 780px;
		}
		
		ul {
			list-style: none;
			margin: 0;
			padding: 0;
		}
		
		.contact li {
			display: flex;
			align-items: center;
			margin-top: 19px;
		}
		
		.contact img {
			width: 5%;
			margin-right: 20px;
		}
		
		.contact input,
		.contact textarea {
			background: #f3f3f3;
			border: 1px solid #999999;
			width: 100%;
			border-radius: 5px!important;
		}
		
		.contact .col-xs-12:last-child span {
			width: 86px;
		}
		
		.contact textarea {
			min-height: 150px;
			padding-left: 15px;
		}
		
		.contact ul:last-child li {
			margin-top: 20px;
		}
		
		.contact input {
			height: 38px;
			padding-left: 15px;
		}
		
		.contact h1 {
			margin-top: 100px;
			margin-bottom: 60px;
			padding-left: 20px;
		}
		
		.contact li a {
			padding: 10px 50px;
			background: #C5168D;
			color: white;
			border-radius: 6px;
			width: 100%;
			text-align: center;
		}
		
		.foot {
			background-image: url(../img/foot.jpg)!important;
			min-height: 500px;
		}
		
		.foot,
		.foot a {
			color: white;
		}
		
		.foot .row {
			margin-top: 100px;
		}
		
		.foot table {
			width: 100%;
			border-collapse: separate;
			border-spacing: 0px 25px;
		}
		
		.foot .col-xs-12:last-child {
			margin-top: 25px;
			display: flex;
		}
		
		.foot .col-xs-12:last-child img {
			width: 87%;
		}
		
		.foot .col-xs-12:last-child .share {
			width: 60%;
			margin-left: 43px;
		}
		
		.foot .col-xs-12:last-child .qr {
			width: 40%;
			text-align: right;
		}
		
		.foot .tel {
			display: flex;
			align-items: center;
		}
		
		.foot h1 {
			font-size: 78px!important;
		}
		
		.foot .tel .last {
			margin-left: 11px;
			color: #C5168D;
			font-size:26px;
		}
		
		@media (min-width: 768px) {
			.foot h1   {
				font-size: 40px!important;
				margin-bottom: 0px;
			}
			.foot .tel .last {
				font-size: 12px;
			}
			}
			
		@media (min-width: 1200px) {
			.foot h1   {
				font-size: 58px!important;
				margin-bottom: 0px;
			}
			.foot .tel .last {
				font-size: 18px;
			}
			}	
		
		.sharebuttonbox {
			display: flex;
			align-items: center;
			margin-top: 40px;
		}
		
		.sharebuttonbox span {
			min-width: 80px;
		}
		
		.sharebuttonbox a {
			display: flex;
			align-items: center;
		}
		
		.sharebuttonbox a img {
			width: 50%!important;
		}
		
		.bdsharebuttonbox {
			display: flex;
		}
		
		.bds_sqq {
			background-image: url(../img/QQ.png)!important;
		}
		
		#bdshare_weixin_qrcode_dialog {
			height: auto!important;
		}
		
		.footer {
			height: 50px;
			background: black!important;
		}
		
		.footer .container {
			text-align: center;
			line-height: 50px;
			color: white;
		}
		
		.tab-wrap {
			text-align: center;
			margin-top: 68px;
		}
		
		.tab__content {
			padding: 10px 25px;
			background-color: transparent;
			position: absolute;
			width: 70%;
			z-index: -1;
			opacity: 0;
			left: 0;
			transform: translateY(-3px);
			border-radius: 6px;
			margin: 0 auto;
		}
		
		.tab {
			display: none!important;
		}
		
		label {
			display: inline-block;
			max-width: 100%;
			margin-bottom: 5px;
			padding-bottom: 6px;
			font-weight: 500!important;
			/*border-bottom: 2px solid #C5168D!important;*/
		}
		
		.line {
			border-bottom: 1px solid #959595;
			margin-top: -6px;
		}
		
		.tab:checked+label {
			border-bottom: 2px solid #C5168D!important;
		}
		/* 首先让内容部分都不可见，不占据文档流。 */
		
		.tab:checked:nth-of-type(1)~.tab__content:nth-of-type(1) {
			opacity: 1;
			transition: 0.5s opacity ease-in, 0.8s transform ease;
			position: relative;
			top: 0;
			z-index: 100;
			transform: translateY(0px);
			text-shadow: 0 0 0;
		}
		
		.tab:checked:nth-of-type(2)~.tab__content:nth-of-type(2) {
			opacity: 1;
			transition: 0.5s opacity ease-in, 0.8s transform ease;
			position: relative;
			top: 0;
			z-index: 100;
			transform: translateY(0px);
			text-shadow: 0 0 0;
		}
		
		.tab:checked:nth-of-type(3)~.tab__content:nth-of-type(3) {
			opacity: 1;
			transition: 0.5s opacity ease-in, 0.8s transform ease;
			position: relative;
			top: 0;
			z-index: 100;
			transform: translateY(0px);
			text-shadow: 0 0 0;
		}
		
		/* .active a {
			border: none!important;
			border-bottom: 2px solid #C5168D!important;
		} */
		
		.nav-tabs>li {
			float: left;
			margin-bottom: -7px!important;
			/* padding: 0 1%; */
		}
		
		.btn-block {
			width: 15%;
		}
		
		@media (min-width: 768px) {
			.btn-block {
				width: 22%!important;
		}
			}
		
		.tab-content>.tab-pane>div {
			display: flex;
			justify-content: center;
		}
		
		h1.col-xs-12,
		.pull-left,
		.pull-right {
			/* text-align: center!important; */
		}
		/*.footer span:nth-child(even){padding-right: 15px;}*/
		
		.footer .container {
			display: table;
		}
		
		.footer div {
			display: inline;
		}
		
		.footer div span:nth-child(2) {
			padding-right: 15px;
		}
		.bdshare-button-style0-16 a:first-child{
		    float: none!important;
		    font-size: 18px!important;
		    line-height: none!important;
		    height: auto!important;
		    background-image: none!important;
		    cursor: pointer;
		    margin: 0;
		    padding-right: 20px;
		    padding-left: 0px;
		}
		.bdshare-button-style0-16 a:last-child{
			background-image: url(../img/weixin.png)!important;
	        padding: 23px 0px;
		    background-size: 50px;
		    font-size: 18px;
		}
		.bdshare-button-style0-16 a:last-child span{margin-left: 50px;}
		.bdshare-button-style0-16 .bds_weixin{background-position:0!important;}
		.bdshare-button-style0-16 a:first-child img{width:53px!important;}
		.clickA{background-color:#2E3192!important;}
		.phone p:first-child{line-height:1;}
		
		
/* .text-ells:before {
    content: '';
    float: left;
    width: 5px;
    height: 100%;
}
.text-ells > :first-child {
    float: right;
    width: 100%;
    margin-left: -5px;
    word-break: break-all;
    word-wrap: break-word;
    text-align: justify;
}
.text-ells:after {
    content: '...';
    box-sizing: content-box;
    float: right;
    position: relative;
    width: 50px;
    top: -25px;
    left: 100%;
    margin-left: -50px;
    padding-right: 5px;
    text-align: right;
    background: linear-gradient(to right, rgba(230, 230, 230, 1), #ffffff 40px);
} */


	.cd-container {
		height:100%;
		}
	.cd-container::after {
		content: '';
		display: table;
		clear: both;
	}


.cd-top {
  display: inline-block;
  height: 40px;
  width: 40px;
  position: fixed;
  bottom: 40px;
  right: 10px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  background: #c5168d url(../img/cd-top-arrow.svg) no-repeat center 50%;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
  z-index: 10000;
}
.cd-top.cd-is-visible {
  visibility: visible;
  opacity: 1;
}
.no-touch .cd-top:hover {
  background-color: #c5168d;
  opacity: 1;
}
@media only screen and (min-width: 768px) {
  .cd-top {
    right: 20px;
    bottom: 20px;
  }
}
@media only screen and (min-width: 1024px) {
  .cd-top {
    height: 60px;
    width: 60px;
    right: 30px;
    bottom: 30px;
  }
}

