@charset "utf-8";
/* CSS Document */
* {
	border: none;
	color: #333;
	font-family: Arial ,calibri,times new roman;
	font-size: 24px;
	list-style: none;
	line-height: 1.5em;
	outline: none;
	padding: 0;
	margin: 0;
	text-decoration: none;
	box-sizing: border-box;
	-webkit-appearance: none;
}
.clear {
	clear: both;
}
html {
	background: #ddd;
}
body {
	max-width: 750px;
	margin: 0 auto calc(2.5em + 30px);
	background: #fff;
	position: relative;
	padding-top:3em;
}
.pull_left, .col_about li, .col_contact li, .col_list li, .tab-menu li {
	float: left;
}
.pull_right {
	float: right;
}
.warp_right h1, .col_hot h2, .col_form_2 h2 {
	font-size: 1.16em;
}
h1, h2, .col_list2 h2 {
	font-size: 1.5em;
}
h3, .col_news span big, .content_news h1 {
	font-size: 1.25em;
}
.header{
	background:#0085d5;
	position:fixed;
	left:0;
	right:0;
	top:0;
 	z-index:99;
	max-width:750px;
	margin:0 auto;
}
#pull {
	background: url(../images-m/pull3.png) no-repeat;
	margin-top: 0.25em;
	margin: 0 1em;
}
#pull2 {
	margin: 0 auto 1em;
	background: url(../images-m/pull2.png) no-repeat;
}
#pull, #pull2 {
	width: 1.6em;
	height: 1.83em;
	text-indent: -9999px;
	background-size: 100% auto;
}
.nav {
	padding: 0.5em 0;
}
.logo {
	margin-left: 1em;
}
.nav ul, .nav2 ul {
	display: none;
	position: fixed;
	z-index: 999;
	top: 0;
	right: 0;
	bottom: 0;
	padding: 1.25em 1em;
	background: rgba(255,255,255,0.75);
	text-align: center;
	box-shadow: 0 0 10px #999;
}
.nav li a, .nav2 li a {
	text-transform: uppercase;
	color: #000;
	display: block;
	line-height: 2.2em;
}
.nav li .active, .nav2 li .active {
	color: #3366cc;
	padding: 0 2em;
	border-bottom:0.2em solid #3366cc;
}
.nav form {
	border: 1px solid #ccc;
	padding: 3px;
}
.nav input {
	width: 6.6em;
	height: 1.5em;
	padding: 0 5px;
	background: rgba(255,255,255,0.5)
}
.nav .submit {
	background: #78ba1c url(../images-m/search.png) no-repeat center center;
	background-size: 90% auto;
	width: 1.5em;
	height: 1.5em;
	margin-left: 2px;
	display: inline-block;
}
.nav form{
  	border:1px solid #ccc;
 	position:fixed;
	z-index:999;
	width:90%;
	max-width:690px;
	top:-70px;
	left:0;
	right:0;
	margin:0 auto;
	background:#eee;
	border-radius:0.41em;
	box-shadow:0 0 15px #aaa;
}
.nav .text{
	height:45px;
	padding:5px;
	width:calc(100% - 49px);
 	background:rgba(255,255,255,0.5);
	border-radius:0.41em 0 0 0.41em;
}
.nav .submit{
	background:rgba(255,255,255,0.5) url(../images-m/search2.png) no-repeat center center;
	padding:5px;
	width:47px;
	height:45px;
  	border-radius:0 0.41em 0.41em 0;
	padding:5px;
}
.search_ico{
	background:#78ba1c url(../images-m/search.png) no-repeat center center;
	width:1.6em;
	height:1.6em;
	border-radius:0.41em;
	margin-top:0.1em;
	background-size:75% auto;
}
 .nav2 #pull {
	background: url(../images-m/pull3.png) no-repeat;
	background-size: 100% auto;
}
.col_rd, .col_about_middle, .col_contact, .col_form, .right_content, .col_hot, .warp_right {
	padding: 1.3em 1em;
}
.col_form h2, .col_contact h1, .col_rd h2, .col_rd img, .col_contact img, .content_news h1 {
	margin-bottom: 0.6em;
}
.col_rd h2, .banner .text h1 {
	text-transform: uppercase;
}
.col_rd_bottom ul {
	margin-top: 30px;
	overflow:hidden;
}
.col_about li, .news_list li, .col_list li {
	width: 49%;
	margin-right: 2%;
}
.col_contact li {
	width: 32.5%;
	margin-right: 1.25%;
}
.col_about li:nth-child(2), .col_contact li:nth-child(3), .news_list li:nth-child(2), .col_list li:nth-child(2n) {
	margin-right: 0;
}
hr {
	background: #ddd;
	height: 0.58em;
}
.col_about_middle {
	background: #5783ce;
	overflow:hidden;
}
.col_about_middle p, .col_about p, .col_about_bottom p, .content_news p, .news_list,.col_odds_list  .tab-content p, .col_hot h2,.tab-content_text {
	margin-bottom: 1em;
}
.col_about_middle p{
	color: #fff;
}
.banner p a, .banner p span {
	text-transform: capitalize;
}
.col_contact {
	text-align: center;
	border-bottom:0.58em #ddd solid;
}
.col_contact ul{
	overflow:hidden;
}
.col_contact li p {
	font-size: 0.6em;
}
.col_contact img {
	width: 2.8em;/*margin-bottom: 0;*/
}
.col_contact h4 {
	color: #577fc5;
	font-size: 0.8em;
}
.content {
	position: relative;
	overflow: hidden;
}
.left_sidebar {
	position: fixed;
	left: -277px;
	display: none;
	height:100%;
	overflow:scroll;
	z-index:9999;
}
.list_pull ,.list_pull2{
	position: fixed;
	width: 48px;
	z-index: 88888;
	height: 48px;
	background: url(../images-m/left_pull.png) no-repeat center center;
	text-indent: -99999px;
	box-shadow: 0 0 10px #999;
	border-radius: 50%;
	top:30%;
}
.list_pull2{
 	z-index: 8;
	left:88%;
	top:20%
}
.col_news span {
	width: 30%;
	margin: 0 20px;
}
.col_news li h3 {
	max-height: 3em;
	overflow: hidden;
}
.col_news li p {
	color: #666;
	margin: 0.2em 0;
}
.col_news li p, .col_list li h4, .list_page a, .col_hot h4 {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.col_news .more, .warp_right h1 {
	color: #3366cc;
}
.col_news li {
	border-bottom: 1px solid #ccc;
	overflow: hidden;
	padding-bottom: 0.67em;
	margin-bottom: 1.5em;
}
.col_news span {
	width: 20%;
	margin: 0.625em 1em 0.6em 0;
	text-align: center;
}
.col_news span big {
	display: block;
	border-bottom: 1px solid #000;
	padding-bottom: 0.42em;
	margin-bottom: 0.43em;
}
.content_news h1 span {
	font-weight: 500;
	display: block;
	color: #577fc5;
	margin-top: 0.42em;
}
.news_list a, .col_list2 .more {
	display: block;
}
.col_list li {
	border: 1px solid #ccc;
	margin-bottom: 15px;
}
.col_list li>a img, .col_list2 .tittle_pic img {
	display: block;
	margin: 0 auto;
}
.col_list .text, .col_hot .text {
	padding: 0.625em 10px;
}
.col_list p, .col_list2 p {
	font-size: 0.8em;
}
.col_list .text p, .col_hot .text p {
	color: #666;
	margin-top: 5px;
	overflow: hidden;
	height: 3em;
}
.col_list li, .col_hot .swiper-slide .text_inner {
	box-shadow: 0 0 10px #ccc;
}
.online_chat, .col_hot, .showMoreNChildren {
	overflow: hidden;
}
.online_chat a {
	float: left;
	width: 46%;
	color: #fff;
	text-align: center;
	font-size: 0.8em;
	line-height: 2em;
}
.list_get {
	background: #72b416;
}
.online_chat .list_more {
	padding-left: 1em;
	background: url(../images-m/ico_bg.png) no-repeat left center #577fc5;
	background-size: 1em 100%;
	width: 54%
}
/*---------------------------------------------------------------------------------------------------------*/
.banner img, img {
	margin: 0 auto;
	max-width: 100%;
	width: auto;
	height: auto;
}
.banner .text {
	position: absolute;
	top: 50%;
	left: .5em;
	right: .5em;
	text-align: center;
	transform: translate(0, -50%);
}
/*.-------------------left_sidebar-------------------*/
.left_sidebar {
	width: 95%;
	box-shadow:0 0 10px #ccc;
	background:#f5f5f5;
}
.left_sidebar li {
	background: #f1f1f1;
}
.left_sidebar li:nth-child(even) {
	background: #e3e3e3;
}
.left_sidebar li a, .left_sidebar h3 {
	display: block;
	line-height: 46px;
	padding: 0 20px;
}
.left_sidebar h3 {
	color: #fff;
	background: #577fc5;
	line-height: 46px;
}
.left_sidebar ul ul {
	position: absolute;
	left: 45%;
	top: -1px;
	padding-left: 1px;
	width: 54%;
	display: none;
	box-shadow: 0 0 10px #aaa;
	background: #fff url(../images-m/left_bg.png) no-repeat left top;
}
.left_sidebar li:hover {
	border: 1px solid #aaa;
}
.left_sidebar li:hover ul {
	display: block;
	border-bottom: 1px solid #aaa;
	border-top: 1px solid #aaa;
	border-left: none;
}
.left_sidebar li li {
 	border-right: 1px solid #aaa;
}
.left_sidebar li li a {
	line-height: 25px;
	padding:8px 10px;
}
.left_sidebar .dorp:hover {
	position: relative;
	border-right: none;
}
.left_sidebar li li:hover {
	border: none;
	border-right: 1px solid #aaa;
}
.col_about li img {
	border-radius: 10px;
}
/*.-------------------right_content-------------------*/
.col_list2 .swiper-container {
	margin: 0 1px;
}
.online_chat a img, .col_news .more img, .col_list2 h2 img {
	vertical-align: middle;
	margin: 0 5px;
}
.list_page {
	border-top: 1px solid #ccc;
	padding-top: 30px;
	margin-top: 30px;
}
.list_page a {
	display: inline-block;
	width: 38%;
}
.warp_left {
	overflow: hidden;
	background: #f5f5f5;
	text-align: center;
}
.col_hot .text_inner {
	border: 1px solid #ccc;
}
.warp_right ul {
	margin: 0.5em 0;
}
.warp_right li {
	line-height: 2.2em;
	border-bottom: 1px solid #ccc;
}
.warp_right  li span{
display:inline-block;
width:250px;
}
.tab-menu {
	background: #f5f5f5;
}
.tab-content {
	padding: 1.25em 0 0;
}
.col_odds_list .tab-content {
	padding: 1.25em 1em 0;
}
.tab-menu li {
	line-height: 2.3em;
	width: 23.5%;
	text-align: center;
}
.tab-menu li:nth-child(3) {
	width: 29.5%;
}
.col_list2 .tab-menu{
	border-bottom:.2em solid #577fc5;
}
.col_list2 .tab-menu li{
	width:33.333333333%;
	padding-top:1.15em;
	background:url(../images-m/ico_12.png) no-repeat  center top;
	background-size:auto 2em;
}
.col_list2 .tab-menu li.active{
	background: #577fc5 url(../images-m/ico_13.png) no-repeat center  top;
	background-size:auto 2em;
}

.col_list2 .tab-menu li.thumbs_2{
	background:  url(../images-m/ico_10.png) no-repeat center  top;
	color:#333;
	background-size:auto 2em;
}

.col_list2 .tab-menu li.thumbs_3{
	background:  url(../images-m/ico_18.png) no-repeat center  top;
	color:#333;
	background-size:auto 2em;
}

.col_list2 .tab-menu li.thumbs_4{
	background: url(../images-m/ico_122.png) no-repeat center  top;
	color:#333;
	background-size:auto 2em;
}

.tab-pane {
	display: none;
}
.tab-content .active {
	display: block;
}
.table td {
	padding: 10x 0;
}
.table tr:nth-child(1) td {
	color: #fff;
}
/*form*/
.col_form .input_box {
	padding: 0 1em 0 3.5em;
	line-height: 2.7em;
	width: 100%;
	margin-bottom: .8em;
	box-sizing: border-box;
	border-radius: 5px;
}
.col_form select.input_box {
	height: 2.7em;
	width: 100%;
	margin-right: 0;
	background: #f4f4f4;
	padding: 0 24px;
}
.col_form option, .col_form optgroup, .col_rd p {
	color: #666
}
.col_form .name_input {
	margin-right: 2.3%;
	background: #f4f4f4 url(../images-m/name_input.png) no-repeat .5em center;
	background-size: auto 80%;
}
.email_input {
	margin-right: 2.3%;
	background: #f4f4f4 url(../images-m/email_input.png) no-repeat .5em center;
	background-size: auto 80%;
}
.tel_input {
	background: #f4f4f4 url(../images-m/tel_input.png) no-repeat .5em center;
	background-size: auto 80%;
}
.pro_input {
	background: #f4f4f4 url(../images-m/pro_input.png) no-repeat .5em center;
	background-size: auto 80%;
}
.submit input {
	padding: 10px 0;
	background: #3366cc;
	color: #fff;
	width: 100%;
	border-radius: 5px;
	margin-top: 1em;
}
textarea {
	background: #f4f4f4;
	width: 100%;
	padding: .8em 1em;
	color: #000;
	height: 7em;
}
.col_form_2 {
	padding-top: 0;
}
/*-------------footer-----------------*/
.fixed_bottom {
	width: 100%;
	max-width: 750px;
	position: fixed;
	z-index: 9;
	bottom: 0;
	padding: 1.25em 1em;
	background: #3366cc;
}
.fixed_bottom a {
	float: left;
	width: 50%;
	text-align: center;
	color: #fff;
	font-size: 28px;
	line-height: 30px;
	text-transform: uppercase;
}
.fixed_bottom .phone {
	border-right: 2px solid #fff;
}
.fixed_bottom img {
	margin-right: 16px;
	vertical-align: middle;
}
/*-----swiper-----------*/
.banner, .swiper-wrapper, .col_news_top, .col_news_top .swiper-slide, .relate_news, .col_list_bottom .swiper-container_list_bottom, .col_list_bottom .swiper-slide, .warp_left {
	position: relative;
}
.banner, .col_case_list .showMoreNChildren, .relate_news, .col_case_middle, .col_odds_list .tab-pane li, .col_product_bottom, .col_product_atlas, .col_list_top, .col_list_product, .swiper-container_about, .col_list2 .swiper-container {
	overflow: hidden;
}
.swiper-container-multirow>.swiper-wrapper {
	flex-wrap: wrap
}
.swiper-wrapper {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
}
.swiper-slide {
	-webkit-flex-shrink: 0;
	-ms-flex-negative: 0;
	flex-shrink: 0;
}
.col_about_bottom .swiper-pagination, .col_hot .swiper-pagination {
	text-align: center;
	margin-top: 1em;
}
.col_about_bottom .swiper-pagination-bullet {
	width: 0.83em;
	height: 0.83em;
	display: inline-block;
	border-radius: 50%;
	background: #c2c2c2;
	margin: 0 0.53em;
	text-indent:-9999px;
}
.col_about_bottom .swiper-pagination-bullet-active {
	background: #577fc5;
}
.col_hot .swiper-pagination-bullet {
	width: .58em;
	height: .58em;
	display: inline-block;
	border-radius: 50%;
	margin: 0 7px;
	border: 0.15em solid #577fc5
}
.warp_left .swiper-pagination {
	position: absolute;
	bottom: 1em;
	right: 5%;
}
.warp_left .swiper-pagination-bullet {
	width: 1.25em;
	height: 0.33em;
	display: inline-block;
	border-radius: 0.16em;
	background: #c2c2c2;
	margin: 0 0.2em;
}
.col_hot .swiper-pagination-bullet-active, .warp_left .swiper-pagination-bullet-active {
	background: #577fc5;
}
.showMorehandle {
	box-sizing: border-box;
	width: 35%;
	margin: 1em auto;
	line-height: 1.67em;
	text-align: center;
	font-size: 0.9em;
	padding-left: 1.67em;
	background: url(../images-m/more.png) no-repeat left center;
	background-size: auto 100%;
	text-transform: capitalize;
}
@media all and (max-width:750px) {
*, h3, h3 a, .tab-menu li, .banner p {
	font-size: 3.2vw;
}
.col_hot h4 a,.col_list li h4 a{
font-size:2.2vw;
}
h1, h1 a, h2 {
	font-size: 4.8vw;
}
h3, .nav a, .fixed_bottom a {
	font-size: 4vw;
}
.logo {
	width: 15vw;
}
.warp_right  li span{
width:36vw;
}
}
 @media all and (max-width:520px) {
.fixed_bottom img {
	width: 6.25vw;
	margin-right: 3vw;
}
.showMorehandle {
	width: 45%;
}
 .col_hot h4,.col_list li h4{
 white-space:normal;
 }
}
 @media all and (max-width:392px) {
	 .online_chat .list_more{
	 }
	 .online_chat a {
	float: left;
	width: 45%;
	color: #fff;
	text-align: center;
	font-size: 0.8em;
	line-height: 2em;
}
.list_get {
	background: #72b416;
}
.online_chat .list_more {
	padding-left: 0.5em;
 	background-size: .5em 100%;
	width: 55%
}
.online_chat a img{
	margin:0;
}
 }
.yd_404{
	height:calc(100vh - 6.5em) !important;
}
.col_odds_list .tab-pane table{
border-collapse:collapse;
width:100% !important;
}
.col_odds_list td{
border:1px solid #ccc;
padding:0.2em;
}
.tab-pane_table{
overflow:auto;
}
.col_odds_list tr:nth-child(1) td{
	background:#ededed
}
.col_odds_list tr:nth-child(odd) td{
	background:#f0f0f0
}