﻿@charset "utf-8";
@import url("../css/common/grid.css");/*网格*/
@import url("../css/common/layout.css");/*整体框架*/
@import url("../css/common/icon.css");/*图标*/
@import url("../css/common/ie.css");/*图标*/
@import url("../css/common/page.css");/*图标*/
@import url("../css/navi/navi_02.css");/*02导航*/
@import url("../css/common/kefu.css");/*客服*/

/*@import url("../css/animate.min.css");*//*动画*/

html {
	overflow-x: hidden;
}
.clear{
	clear: both;
}
.dowebok .section{ overflow:hidden;}
input[type="submit"], input[type="reset"], input[type="button"], button, select {
    -webkit-appearance: none;
}
a:focus, input, select {
    outline: none;
}
option {
    display: block;
    float: none !important;
    position: static !important;
    min-block-size: 1em;
    line-height: normal !important;
    user-select: none;
    text-indent: 0;
    white-space: nowrap !important;
    word-wrap: normal !important;
    text-align: match-parent;
}
option:disabled, optgroup:disabled {
    background-color: transparent;
}
select>option {
	display: inline-block;
    width: 20px;
}
select {
    margin: 0;
    border-color: ThreeDLightShadow;
    background-color: -moz-Combobox;
    color: -moz-ComboboxText;
    white-space: nowrap !important;
    word-wrap: normal !important;
    cursor: default;
    box-sizing: border-box;
    user-select: none;
    -moz-appearance: menulist;
    -moz-default-appearance: menulist;
    border-width: 2px;
    border-style: inset;
    overflow: -moz-hidden-unscrollable;
    display: inline-block;
    page-break-inside: avoid;
	overflow-clip-box: padding-box !important;
}

input, textarea, select, button, ::file-chooser-button {
    text-align: initial;
    text-indent: initial;
    text-shadow: initial;
    text-transform: initial;
    word-spacing: initial;
    letter-spacing: initial;
}
.main{
	margin-bottom: 5%;
}
.header{ width:100%; background:#fff; position:fixed !important; z-index:9999999!important;}
.header .navbar{ width:100%;}
.header .navbar .pc_menu{ width:100%; height:120px; margin:0 auto; transition: all 0.3s 0s ease-in-out ;
 transition: all 0.2s linear -1ms;}
.header .navbar .pc_menu .pc_logo{ float:left; height:100%; margin-left:4.6875%;align-items:center; display: -webkit-flex;margin-right:1.3%;}
.header .navbar .pc_menu .pc_logo a { display:block; height:50%;}
.header .navbar .pc_menu .pc_logo a img{ height:100% !important;}

/* 服务电话 */
.header .navbar .pc_menu .pc-phone{
	float: left;
	display: -webkit-flex;
	height: 100%;
	align-items:center;
}
.header .navbar .pc_menu .pc-phone>div{
	padding-left: 10.3%;
	border-left: 1px solid #ececec;
}
.header .navbar .pc_menu .pc-phone img{
	display: block;
	margin-bottom: 10px;
}
.header .navbar .pc_menu .pc-phone p{
	font-size: 22px;
	color: #941423;
}

.header .navbar .pc_menu .pc_menu_right>li{ float:left;margin-left: 31px;margin-right: 32px;}
.header .navbar .pc_menu .pc_menu_right>li:nth-child(1){ margin-left: 0;}
.header .navbar .pc_menu .pc_menu_right>li:last-child{ margin-right: 0;}
.header .navbar .pc_menu .pc_menu_right>li .t{ 
	margin-top: 40px;
    display: block;
    font-size: 16px;
    color: #666;
}
.header .navbar .pc_menu .pc_menu_right li:hover .t{ color:#931322 !important;}

.header .navbar .pc_menu:hover{}
.header .navbar .pc_menu:hover .pc_menu_right li .t{ color:#666;}
.header .navbar .pc_menu .pc_menu_right>li>a:nth-child(2) {
    display: inline-block;
    font-size: 12px;
    color: #999999;
    margin-top: 5px;
    position: relative;
}
.header .navbar .pc_menu .pc_menu_right .active>a{ color:#931322 !important;position: relative;}



/*-----滚动后--------*/
.header .navbar .pc_fixed{}
.header .navbar .pc_fixed .pc_menu_right li .t{ color:#666;}

.nav .m .sub{ z-index:999;}
.nav .m .sub>li{ 
	display: inline-block;
	vertical-align: top;
	float: left;
}
.pc_menu_right .sub { position: absolute; left: -320px;}

.nav .m .sub li ul li{
	display: block;
	height: auto;
	text-align: left;
}
.nav .m .sub li ul li a{
	display: block;
	height: auto;
}
.nav .m .sub>li .nav-img{
	width: 300px;
	height: 200px;
	position: relative;
	margin-right: 38px;
}
.nav .m .sub>li .nav-img img{
	display: inline-block;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
}


/* banner */
.part_one,.banner{
	width: 100%;
	margin-top: 120px;
	overflow: hidden;
}
.banner img{
	display: inline-block;
	width: 100%;
}

/* 标题 */
.main-title{
    text-align: center;
}
    .main-title h1{
        font-size: 30px;     font-weight: normal; letter-spacing: 8px;
        color: #931322;
    }
    .main-title span{
        display: block;
        margin: 10px 0;
    }
    .main-title p{
        font-size: 15px;
        color: #000;
        margin-bottom: 35px; font-weight: lighter;
    }

@media(max-width:760px){
    .main-title h1{
        font-size: 20px;
    }
    .main-title span{
        margin: 5px 0;
    }
    .main-title p{
        font-size: 14px;
        margin-bottom: 20px;
    }
}

/* 内部导航 */
.inside-nav{
	width: 100%;
	margin-bottom: 4.7%;
}
	.inside-nav .nav-container{
		max-width: 1600px;
		margin: 0 auto;
		text-align: center;
	} 
	.inside-nav .nav-container ul li{
		display: inline-block;
		font-size: 16px;
		margin: 0 1.6%;
		padding: 12px 0;
		border-bottom: 2px solid transparent;
	}
	.inside-nav .nav-container ul li a{
		color: #333;
		display: inline-block !important;
		width: 100%;
		height: 100%;
	}


	.inside-nav .nav-container ul li.inside-active{
		color: #931322;
		border-bottom: 2px solid #931322;
	}
	.inside-nav .nav-container ul li.inside-active a{
		color: #931322;
	}
	.inside-nav .nav-container ul li:hover a{
		color: #931322;
	}
	.inside-nav .nav-container ul li:hover{
		border-bottom: 2px solid #931322;
	}

	@media(max-width:960px){
		
	}




/* 底部导航 */
.footer{
	width: 100%;
	border-top: 2px solid #931322;
	background: url(../img/footer-bg.png) repeat;
	padding-top: 3.5%;
	padding-bottom: 3.5%;
}
	.footer-container{
		max-width: 1600px;
		margin: 0 auto;
		padding: 0 3%;
		position: relative;
	}
	.footer-left{
		display: flex;
		width: 90%;
		justify-content: space-between;
	}
	.footer-left .left-nav1{
		display: inline-block;
		width: 28%;
		vertical-align: top;
	}
	.footer-left .footer-title{
		font-size: 18px;
		color: #222;
		width: 100%;
		padding-bottom: 5%;
		margin-bottom: 5%;
		border-bottom: 1px solid #999999;
		font-weight: 500;
	}
	.footer-left .left-nav1>ul{
		display:block;
		justify-content: space-between;
	}
	.footer-left .left-nav1>ul>li{
		display: inline-block;
		width: 30%;     margin-bottom: 14px;
	}
	.footer-left .left-nav1>ul li a{
		display: inline-block;
		font-size: 14px;
		color: #666666;
	}
	.footer-left .left-nav1 .left-nav2 li{
		display: block;
		margin-top: 12%;
	}

	.footer-left .left-friend{
		display: inline-block;
		width: 28%;
		vertical-align: top;
	}
	.footer-left .left-friend ul li{
		display: inline-block;
		width: 30%;
		margin-right: 3.8%;
		margin-bottom: 5%;
	}
	.footer-left .left-friend ul li a{
		display: inline-block;
		position: relative;
		width: 100%;
		padding-bottom: 33.3%;
	}
	.footer-left .left-friend ul li a img{
		display: inline-block;
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}
	.footer-left .left-friend ul li:nth-child(3n){
		margin-right: 0;
	}
	.footer-left .left-link{
		display: inline-block;
		width: 28%;
		vertical-align: top;
	}
	.footer-left .left-link p{
		font-size: 14px;
		color: #666;
		margin-bottom: 4%;
	}
	.footer-left .left-link p span{
		font-size: 14px;
		color: #666;
	}

	.footer-code{
		position: absolute;
		right: 3%;
		top: 19%;
		text-align: center;
		    width: 110px;
	}
	.footer-code img{width: 100%;}

	.footer-code p{
		font-size: 14px;
		color: #666;
		margin-top: 7px;
	}

	.footer a:hover{
		color: #931322 !important;
	}


  /* 网站建设 */
  .copy{
	position: static;
	margin-top: 5%;
}
.copy>p{
    display: inline-block;
    font-size: 14px;
    color: #666;
}
.copy p span{
	display: inline-block;
    margin-left: 15px;
}
.copy a{
    text-decoration: none;
    font-size: 14px;
    color: #666;
}
.copy a:hover{
	color: #931322;
}

@media(max-width:1500px){
	.footer-left .left-friend ul li{
		margin-right: 3.6%;
	}
}

@media(max-width:1300px){
	.footer-left .left-friend ul li{
		margin-right: 3.5%;
	}
}

@media(max-width:1200px){
	.footer-left .left-nav1{
		display: none;
	}
	.footer-left{
		width: 80%;
	}
	.footer-left .left-friend{
		width: 45%;
	}
	.footer-left .left-link{
		width: 45%;
	}
	.service_main{width:96%;}
}

@media(max-width:860px){
	.footer-left .left-friend ul li{
		margin-right: 3.3%;
	}
}

@media(max-width:760px){
	.inside-nav{
		margin-bottom: 12%;
	}
	.main{
		margin-bottom: 15%;
	}
	.footer{
		padding-top: 8%;
		padding-bottom: 8%;
	}
	.footer-left{
		width: 100%;
		display: block;
	}
	.footer-left .left-friend{
		width: 100%;
	}
	.footer-left .left-link{
		width: 100%;
	}
	.footer-code{
		position: static;
	}
}

@media screen and (max-width: 1750px) {
.header .navbar .pc_menu .pc_menu_right>li{    margin-left: 22px; margin-right: 22px;}
	}


@media screen and (max-width: 1600px){
.header .navbar .pc_menu .pc_logo a {
    display: block;
    height: 38%;
}
.header .navbar .pc_menu .pc_logo {
    margin-right: 1%;
}
.header .navbar .pc_menu .pc-phone>div {
    padding-left: 8.3%;
}
.header .navbar .pc_menu .pc-phone p {
    font-size: 20px;
}

}

@media screen and (max-width: 1500px){
.part_one, .banner {
    margin-top: 110px;
}
.header .navbar .pc_menu .pc_logo a {
    display: block;
    height: 33%;
}
.header .navbar .pc_menu .pc-phone img {
    display: block;
    margin-bottom: 7px;
    width: 80px;
}
.header .navbar .pc_menu .pc-phone p {
    font-size: 18px;
}
.header .navbar .pc_menu .pc_menu_right>li .t {
    margin-top: 35px;
    font-size: 15px;
}
.header .navbar .pc_menu {
    height: 110px;
}
.header .navbar .pc_menu .pc_menu_right>li {
    margin-left: 16px;
    margin-right: 16px;
}


}




@media screen and (max-width: 1300px) {
	.nav{
		display: none;
	}
}
@media screen and (max-width: 960px) {
	.header{height: 70px !important; border:none !important;}
	.header .navbar .pc_menu .pc_logo a{height: 70%;}
	.header .navbar .pc_menu{
		height: 70px;
	}
	.header #navToggle{    margin-top: 6px !important;}
	.sb-search{margin-top: 7px;}
	.header .navbar .pc_menu .pc-phone{
		display: none;
	}

	.part_one, .banner{
		margin-top: 70px;
	}
	.banner img{
		width: 150%;
		margin-left: -25%;
	}


}

@media(max-width:580px){
	.header .navbar .pc_menu .pc_logo{
	  height: 85% !important;
	  margin-top: 1%;
	}
  }

  /* @media(max-width:430px){
	.header .navbar .pc_menu .pc_logo{
	  height: 75% !important;
	  margin-top: 3.8%;
	}
  } */


/* info */
.info-container{
	max-width: 1280px;
	margin: 0 auto;
	padding: 0 3%;
}
.service_main{ width:1280px; margin:0 auto 5% auto;}

.service_main hr{height: 1px;
    background: #ddd;}

@media(max-width:760px){
.footer{width: 90%; padding: 10% 5%; border:none;}
.footer-left .left-friend ul li{width: 28%;    margin-bottom: 6%;margin-right: 5.3%;}
.footer-left .left-link{margin-top: 40px;}
.footer-left .footer-title{padding-bottom: 3%;margin-bottom: 3%;}
.footer-left .left-link p{margin-bottom: 1%;}
.footer-code{    margin-top: 25px;}


.inside-nav .nav-container ul{padding: 0 1%;/*text-align: justify;*/}
.inside-nav .nav-container ul::after{content: "";display: inline-block;width: 100%;}
.inside-nav .nav-container ul li{padding: 8px 0; font-size: 0;   margin: 0 2%; display: inline-block;}
.inside-nav .nav-container ul li a{font-size: small;}

.part_one .swiper-slide{    padding-bottom: 60% !important;}   

.service_main{width: 84%; max-width: 100%;     padding: 0 8%; }

.info-container{padding: 0 11%;}


}



/*1116*/
.about-container .main-title{display: none;}
