* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

a {
    text-decoration: none;
    color: #333;
}

a:hover {
    text-decoration: none;
}

body {
    font-family: "思源黑体 CN";
}

ul {
    list-style: none;
}

li {
    list-style: none;
}

.clear {
    clear: both;
    overflow: hidden;
}

.mobile-inner-header {
    background-color: rgba(255, 255, 255, 0.7);
    width: 100%;
    height: 60px;
    display: none;
    line-height: 60px;
    text-align: center;
    color: #333;
    font-weight: bold;
    font-size: 22px;
}

.mobile-inner-header-icon {
    color: #333;
    height: 60px;
    font-size: 25px;
    text-align: center;
    float: right;
    width: 60px;
    position: relative;
    -webkit-transition: background 0.5s;
    -moz-transition: background 0.5s;
    -o-transition: background 0.5s;
    transition: background 0.5s;
    outline: none;
}

.mobile-inner-header-icon:hover {
    background-color: rgba(51, 51, 51, 0.2);
    cursor: pointer;
}

.mobile-inner-header-icon span {
    position: absolute;
    left: calc((100% - 25px) / 2);
    top: calc((100% - 1px) / 2);
    width: 25px;
    height: 1px;
    background-color: rgba(51, 51, 51, 1);
}

.mobile-inner-header img {
    height: 40%;
}

.mobile-inner-header-icon span:nth-child(1) {
    transform: translateY(4px) rotate(0deg);
}

.mobile-inner-header-icon span:nth-child(2) {
    transform: translateY(-4px) rotate(0deg);
}

.mobile-inner-header-icon-click span:nth-child(1) {
    animation-duration: 0.5s;
    animation-fill-mode: both;
    animation-name: clickfirst;
}

.mobile-inner-header-icon-click span:nth-child(2) {
    animation-duration: 0.5s;
    animation-fill-mode: both;
    animation-name: clicksecond;
}

@keyframes clickfirst {
    0% {
        transform: translateY(4px) rotate(0deg);
    }
    100% {
        transform: translateY(0) rotate(45deg);
    }
}

@keyframes clicksecond {
    0% {
        transform: translateY(-4px) rotate(0deg);
    }
    100% {
        transform: translateY(0) rotate(-45deg);
    }
}

.mobile-inner-header-icon-out span:nth-child(1) {
    animation-duration: 0.5s;
    animation-fill-mode: both;
    animation-name: outfirst;
}

.mobile-inner-header-icon-out span:nth-child(2) {
    animation-duration: 0.5s;
    animation-fill-mode: both;
    animation-name: outsecond;
}

@keyframes outfirst {
    0% {
        transform: translateY(0) rotate(-45deg);
    }
    100% {
        transform: translateY(-4px) rotate(0deg);
    }
}

@keyframes outsecond {
    0% {
        transform: translateY(0) rotate(45deg);
    }
    100% {
        transform: translateY(4px) rotate(0deg);
    }
}

.mobile-inner-nav {
    background-color: rgba(255, 255, 255, 0.9);
    width: 100%;
    position: absolute;
    top: 60px;
    left: 0px;
    padding-top: 30px;
    padding-bottom: 80px;
    display: none;
    z-index: 999;
}

.mobile-inner-nav a {
    display: inline-block;
    line-height: 50px;
    text-decoration: none;
    width: 80%;
    margin-left: 10%;
    color: #333;
    border-bottom: solid 1px rgba(51, 51, 51, 0.3);
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
    font-weight: 300;
}

.phonenav a {
    margin-left: 15%;
    font-size: 12px;
}

.phonenav {
    display: none;
}

.mobile-inner-nav a:hover {
    color: rgba(51, 51, 51, 0.4);
    border-bottom: solid 1px rgba(51, 51, 51, 0.2);
}

.banner img {
    width: 100%;
}

.banner .swiper-pagination-bullet {
    width: 10px;
    height: 10px;
    background: #fff;
    border-radius: 100%;
}

.banner .swiper-pagination-bullet-active {
    background: #ce0b2b;
}

.banner.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 10px;
}

.banner.swiper-container-horizontal>.swiper-pagination-bullets {
    bottom: 50px;
}

.top{
	text-align:right;
	width:100%;
	height:40px;
	line-height:40px;
	background: rgba(0,0,0,0.8);
	font-size:0;
	
}

.top a{
	font-size:13px;
	color:#fff;
	padding:0 10px;
	border-left:1px solid #fff;
}

.top a:first-child{
	border-left:none;
}

.top a:hover{
	color:#c22535;
}

.tops{
	max-width: 1600px;
    margin: auto;
	position:relative;
	height:40px;
	line-height:40px;
}

.online{
	position:absolute;
	width:300px;
	top:40px;
	right:0;
	display:none;
	z-index:99;
}

.online_title{
	text-align:center;
	background:#ce0b2b;
	line-height:40px;
	font-size:16px;
	color:#fff;
}

.online_form{
	width:100%;
	background:#fff;
	border-radius:0 0 15px 15px;
	box-shadow:0 0 10px #ddd;
	padding:20px;
}

.online_form div{
	overflow:hidden;
}

.online_form div label{
	font-size:13px;
	color:#666;
	font-weight:normal;
	float:left;
	height:30px;
	line-height:30px;
}

.online_form div label span{
	color:#c22535;
}

.online_form div input[type=text]{
	width:180px;
	border:1px solid #ddd;
	outline:none;
	background:none;
	padding-left:10px;
	float:right;
	height:30px;
	color:#333;
	font-size:12px;
}

.online_form div input[type=submit]{
	width:180px;
	border:none;
	outline:none;
	background:#c22535;
	float:right;
	height:40px;
	font-size:14px;
	color:#fff;
	margin-top:10px;
}

.online_info{
	text-align:center;
	margin-top:10px;
	font-size:13px;
	color:#666;
}

.online_info span{
	color:#c22535;
}

.head {
    width: 100%;
    height: 60px;
	background:#fff;
}

.heads {
    max-width: 1600px;
    margin: auto;
}

.logo {
    float: left;
    height: 60px;
    line-height: 60px;
    width: 15.625%;
}

.logo img {
	height:40%;
}

.language {
    float: right;
    text-align: center;
    position: relative;
}

.language_top {
    height: 60px;
    line-height: 60px;
    width: 92px;
    font-size: 16px;
    color: #333;
    background: url(../images/language.png) center no-repeat;
    padding-left: 5px;
    cursor: pointer;
}

.language_bot {
    width: 100%;
    position: absolute;
    top: 60px;
    left: 0;
    background: #fff;
    z-index: 999;
    display: none;
}

.language_bot a {
    display: block;
    width: 100%;
    height: 41px;
    line-height: 40px;
    border-top: 1px solid #ddd;
}

.language_bot a:hover {
    background: #c22535;
    color: #fff;
}

.language:hover .language_bot {
    display: block;
}

.search {
    float: right;
    cursor: pointer;
    margin-right: 45px;
	width:15%;
	margin-top:15px;
}



.search .close {
    float: right;
    width: 35px;
    height: 35px;
    background: url(../images/wel26.png) no-repeat center;
    background-size: 100%;
    margin-top: 2px;
    opacity: 1;
}

.search form {
    width: 100%;
    height: 30px;
    line-height: 30px;
    position: relative;
    border: 1px solid rgba(51, 51, 51, 1);
}

.search form .text {
    font-size: 12px;
    color: #333;
    border: none;
    background: none;
    padding: 0 28px 0 18px;
    width: 100%;
    height: 30px;
    line-height: 28px;
    outline: none;
}

.search form .submit {
    width: 20px;
    height: 30px;
    position: absolute;
    top: 50%;
    right: 14px;
    margin-top: -15px;
    background: url(../images/search.png) no-repeat center;
    border: none;
	background-size:100%;
}

.search form .text::-webkit-input-placeholder {
    color: #333;
}

.search form .text:-moz-placeholder {
    color: #333;
}

.search form .text::-moz-placeholder {
    color: #333;
}

.search form .text:-ms-input-placeholder {
    color: #333;
}

.htel {
    float: right;
    height: 60px;
    line-height: 60px;
    margin-right: 35px;
    font-size: 16px;
    color: #666;
}

.htel img {
    margin-right: 5px;
    margin-top: -2px;
}

.htel span {

    color: #c22535;
    font-size: 20px;
	font-weight: bold;
}

.nav {
    float: right;
    margin-right: 10px;
}

.nav ul {
    margin-bottom: 0;
}

.nav ul li {
    padding: 0 35px;
    position: relative;
    height: 60px;
    line-height: 60px;
    float: left;
}

.nav ul li a {
    display: block;
    font-size: 16px;
    color: #333;
}

.nav ul li:hover a {
    color: #ce0b2b;
}

.nav ul li .detailnav {
    position: absolute;
    top: 60px;
    left: -25%;
    width: 150%;
    z-index: 999;
    display: none;
    background: #fff;
    border-top: 3px solid #c22535;
    padding: 10px 0;
    border-radius: 0 0 10px 10px;
}

.nav ul li .detailnav li {
    text-align: center;
    width: 100%;
    padding: 0;
    height: 40px;
    line-height: 40px;
}

.nav ul li .detailnav li a {
    font-size: 15px;
    color: #282828;
}

.nav ul li .detailnav li:hover a {
    color: #fff;
    background: #c22535;
}

.nav ul li:hover .detailnav {
    display: block;
}

.product {
    width: 100%;
    overflow: hidden;
    background: #f6f4f4;
    padding: 115px 0;
}

.products {
    max-width: 1600px;
    margin: auto;
    overflow: hidden;
    background: #fff;
    box-shadow: 0 0 10px #ddd;
    border-radius: 10px;
    padding-bottom: 50px;
}

.pronav {
    width: 100%;
    overflow: hidden;
    border-bottom: 1px solid #e9e7e5;
	text-align:center;
	padding:35px 0;
	font-size:0;
}

.pronavs {
    width: 200px;
	display:inline-block;
    text-align: center;
    font-size: 20px;
    color: #666;
    cursor: pointer;
	border:1px solid #ddd;
	line-height:45px;
	margin:0 20px;
}

.pronavs img {
    margin-right: 15px;
	display:none;
}

.pronavs.active {
    background: #c22535;
    color: #fff;
}

.prolist {
    width: 100%;
    overflow: hidden;
    padding: 0 50px;
    margin-top: 95px;
}

.propic img {
    width: 100%;
    border-radius: 10px;
}

.probefore {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.55);
    text-align: center;
    border-radius: 10px;
    padding-top: 33%;
    opacity: 0;
    transition: all 0.6s;
}

.pro_title {
    font-size: 36px;
    color: #fff;
}

.pro_titles {
    font-size: 20px;
    color: #fff;
	margin-top:15px;
}

.prolists .swiper-slide:hover .probefore {
    opacity: 1;
}

.prolists .swiper-pagination {
    position: static;
    width: 100%;
    margin-top: 30px;
}

.prolists .swiper-pagination-bullet {
    width: 10px;
    height: 10px;
    border-radius: 100%;
    background: #999999;
    margin: 0 10px;
}

.prolists .swiper-pagination-bullet-active {
    background: #ce0b2b;
}

.prolists {
    display: none;
}

.case {
    width: 100%;
    overflow: hidden;
    margin-top: 65px;
}

.cases {
    max-width: 1600px;
    margin: 45px auto 0;
    position: relative;
}

.title {
    text-align: center;
}

.maintitle {
    font-size: 36px;
    color: #333;
}

.titleline {
    margin: 5px auto 8px;
    width: 67px;
    height: 6px;
    border-radius: 3px;
    background: #c22535;
}

.titles {
    font-size: 22px;
    color: #333;
    font-weight: 300;
    letter-spacing: 1px;
    text-transform: uppercase;
}

.case_pic {
    overflow: hidden;
}

.case_pic img {
    width: 100%;
    transition: all 0.6s;
}

.caseswiper a:hover .case_pic img {
    transform: scale(1.1);
}

.caseline img {
    width: 100%;
}

.casetitle {
    font-size: 20px;
    color: #666;
    margin-top: 15px;
}

.casecon {
    text-align: justify;
    font-size: 16px;
    color: #666;
    line-height: 2;
}

.cases .swiper-button-prev {
    top: 50%;
    width: 60px;
    height: 60px;
    background: url(../images/image_15.jpg) center no-repeat;
    transform: rotate(180deg);
    left: -110px;
}

.cases .swiper-button-prev:hover {
    background: url(../images/image_12.jpg) center no-repeat;
    transform: rotate(0);
}

.cases .swiper-button-next {
    top: 50%;
    width: 60px;
    height: 60px;
    background: url(../images/image_15.jpg) center no-repeat;
    right: -110px;
}

.cases .swiper-button-next:hover {
    background: url(../images/image_12.jpg) center no-repeat;
    transform: rotate(-180deg);
}

.about {
    width: 100%;
    overflow: hidden;
    margin-top: 60px;
    padding-bottom: 5px;
}

.videopic img {
    width: 100%;
    cursor: pointer;
}

.videocontainer {
    position: fixed;
    width: 100%;
    height: 100%;
    z-index: 9999;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.5);
    text-align: center;
    padding-top: 8%;
    display: none;
}

.videocontainer video {
    width: 70%;
}

.videoclose {
    position: absolute;
    right: 9%;
    top: 7%;
    font-size: 40px;
    font-weight: bold;
    color: rgba(255, 255, 255, 0.8);
    cursor: pointer;
}

.abouts {
    max-width: 1600px;
    margin: auto;
    overflow: hidden;
    background: #fff;
    box-shadow: 0 0 10px #ddd;
    padding: 30px;
    margin-top: -300px;
    position: relative;
    z-index: 9;
}

.ab {
    width: 100%;
    border: 1px solid #ededed;
    padding: 60px 120px;
}

.abcon {
    text-align: center;
    font-size: 16px;
    color: #666666;
    line-height: 2;
    margin-top: 40px;
}

.new {
    width: 100%;
    overflow: hidden;
    background: #f4f4f4;
    padding-top: 225px;
    padding-bottom: 60px;
    margin-top: -175px;
}

.news {
    width: 100%;
    overflow: hidden;
    margin-top: 60px;
    background: url(../images/newline.png) bottom 13px center no-repeat;
}

.swiper-container.newswiper {
    max-width: 1600px;
    margin: auto;
    padding: 5px;
}

.newpic img {
    width: 100%;
}

.newcontainer {
    box-shadow: 0 0 10px #ddd;
}

.newintro {
    width: 100%;
    padding: 20px;
    height: 175px;
}

.newtitle {
    font-size: 22px;
    color: #333;
}

.newdate {
    font-size: 16px;
    color: #999999;
    margin-top: 5px;
}

.newcon {
    font-size: 16px;
    color: #666;
    line-height: 2;
    margin-top: 7px;
}

.newcircle {
    text-align: center;
    margin-top: 50px;
}

.newmore {
    text-align: center;
    width: 100%;
    margin-top: 65px;
}

.partner {
    width: 100%;
    overflow: hidden;
    margin: 50px 0;
}

.partners {
    max-width: 1600px;
    margin: 60px auto 0;
}

.partnerswiper img {
    width: 100%;
    border-radius: 10px;
    border: 1px solid #e8e8e8;
}

.foot {
    width: 100%;
    overflow: hidden;
    background: #333;
    padding-top: 60px;
    padding-bottom: 20px;
    border-bottom: 1px solid #999;
}

.foots {
    max-width: 1600px;
    margin: auto;
}

.left_foot {
    float: left;
}

.flogo img{
	width:180px;
}

.ftel {
    width: 100%;
    overflow: hidden;
    margin-top: 30px;
}

.ftel_pic {
    float: left;
}

.ftel_pic img{
	height:50px;
}

.ftel_intro {
    float: left;
    margin-left: 10px;
}

.ftel_title {
    font-size: 16px;
    color: #fff;
}

.ftel_num {
    font-size: 24px;
    color: #fff;
    font-weight: bold;
    line-height: 1;
}

.fname {
    font-size: 20px;
    color: #fff;
    margin-top: 15px;
}

.fadress {
    font-size: 16px;
    color: #fff;
    margin-top: 5px;
}

.fadress img {
    margin-right: 5px;
}

.ficon {
    width: 100%;
    overflow: hidden;
    margin-top: 15px;
}

.ficons {
    float: left;
    text-align: center;
    margin-right: 25px;
    cursor: pointer;
}

.ficons p {
    font-size: 13px;
    color: #fff;
    margin-top: 6px;
}

.fnav {
    float: right;
    width: 52%;
}

.fnavs {
    float: left;
    margin-right: 14%;
}

.fnavs:last-child {
    margin-right: 0;
}

.ftitle {
    font-size: 18px;
    color: #fff;
    margin-bottom: 40px;
}

.flist a {
    display: block;
    font-size: 14px;
    color: #fff;
    margin-bottom: 10px;
}

.copy {
    width: 100%;
    background: #333;
    overflow: hidden;
    line-height: 80px;
}

.copys {
    max-width: 1600px;
    margin: auto;
}

.left_copy {
    float: left;
    font-size: 14px;
    color: #fff;
}

.left_copy a {
    font-size: 14px;
    color: #fff;
    margin-left: 5px;
}

.right_copy {
    float: right;
}

.right_copy a {
    font-size: 14px;
    color: #fff;
}

.inbanner img {
    width: 100%;
}

.incontainer {
    width: 100%;
    overflow: hidden;
    background: #f4f4f4;
    padding: 70px 0;
}

.intitles {
    font-weight: bold;
    text-transform: uppercase;
    font-size: 24px;
    color: #e4e4e4;
}

.innew {
    max-width: 1600px;
    margin: auto;
}

.innews {
    margin-top: 40px;
}

.innw {
    width: 100%;
    overflow: hidden;
    background: #fff;
    padding: 20px;
    margin-bottom: 30px;
}

.inewpic {
    float: left;
    width: 25.375%;
}

.inewpic img {
    width: 100%;
}

.inewintro {
    float: left;
    width: 65.625%;
    margin-left: 3.125%;
}

.innewtitle {
    font-size: 26px;
    color: #333;
    margin-top: 10px;
}

.innewdate {
    font-size: 16px;
    color: #999999;
    margin-top: 10px;
}

.innewcon {
    font-size: 16px;
    color: #666;
    line-height: 1.8;
    margin-top: 8px;
}

.innewmore {
    margin-top: 15px;
    width: 155px;
    height: 44px;
    line-height: 42px;
    border: 1px solid #c22535;
    font-size: 16px;
    color: #c22535;
    text-align: center;
}

.innw:hover {
    box-shadow: 0 0 10px #ddd;
}

.innw:hover .innewtitle {
    color: #c22535;
}

.innw:hover .innewmore {
    background: #c22535;
    color: #fff;
}

.newbread {
    max-width: 1600px;
    margin: auto;
}

.newbread img {
    margin-top: -8px;
}

.newbread span,
.newbread a {
    font-size: 15px;
    color: #666666;
}

.newshow {
    max-width: 1600px;
    margin: 20px auto 0;
}

.newshow_fl {
    float: left;
    background: #fff;
    width: 70.375%;
    padding: 70px 75px;
}

.newshow_fl_title {
    text-align: center;
    font-size: 30px;
    font-weight: bold;
    color: #222;
}

.newshow_fl_titles {
    text-align: center;
    font-size: 0;
    margin-top: 10px;
    padding-bottom: 16px;
    border-bottom: 1px solid #e8e8e8;
}

.newshow_fl_titles span {
    font-size: 15px;
    color: #999999;
    margin: 0 15px;
}

.newshow_fl_con {
    width: 100%;
    font-size: 16px;
    color: #333333;
    line-height: 2;
    margin-top: 40px;
}

.newshow_fl_con img {
    display: block;
    margin: 20px auto;
    max-width: 100%;
}

.newshow_fr {
    float: right;
    width: 25.5%;
}

.newshow_fr_top {
    width: 100%;
    background: #fff;
    padding: 30px;
}

.newshow_fr_title {
    border-bottom: 1px solid #e3e3e3;
    padding-bottom: 10px;
    padding-left: 20px;
    position: relative;
}

.newshow_fr_maintitle {
    font-size: 28px;
    color: #282828;
    line-height: 1;
}

.newshow_fr_titles {
    text-transform: uppercase;
    font-size: 17px;
    color: #999999;
    margin-top: 5px;
    line-height: 1;
}

.newshow_fr_title::before {
    position: absolute;
    content: "";
    width: 6px;
    height: 51px;
    top: 0;
    left: 0;
    background: #c22535;
}

.newshow_fr_top_item_pic {
    width: 100%;
    overflow: hidden;
}
.newshow_fr_top_item_pic img{
    max-width: 100%;

}

.newshow_fr_top_item {
    padding: 30px 0 20px;
    border-bottom: 1px solid #e3e3e3;
}

.newshow_fr_top_item:last-child {
    padding-bottom: 0;
    border-bottom: none;
}

.newshow_fr_top_item_title {
    font-size: 22px;
    color: #333333;
    margin-top: 10px;
}

.newshow_fr_top_item_con {
    font-size: 16px;
    color: #666666;
    line-height: 1.8;
    margin-top: 5px;
}

.newshow_fr_bot {
    width: 100%;
    background: #fff;
    padding: 30px;
    margin-top: 45px;
}

.newshow_fr_bot_item {
    padding: 20px 0;
    border-bottom: 1px dashed #e3e3e3;
}

.newshow_fr_bot_item:last-child {
    padding-bottom: 0;
    border-bottom: none;
}

.newshow_fr_bot_title {
    font-size: 18px;
    color: #333;
}

.newshow_fr_bot_con {
    font-size: 15px;
    color: #666666;
    margin-top: 8px;
}

.incase {
    max-width: 1600px;
    margin: auto;
    overflow: hidden;
    background: #fff;
    padding: 60px;
    margin-top: 45px;
}

.left_incase {
    float: left;
    width: 8.7%;
}

.left_incase a {
    display: block;
    font-size: 17px;
    color: #333;
    margin: 20px 0;
    position: relative;
    text-align: center;
    z-index: 9;
}

.left_incase a::before {
    content: "";
    position: absolute;
    left: 0;
    width: 100%;
    height: 2px;
    background: #dbdbdb;
	bottom: -10px;
    z-index: -1;
}

.left_incase a.active::before {
    background: #ce0b2b;
}

.right_incase {
    float: right;
    width: 85.1%;
}

.incas {
    float: left;
    margin-bottom: 35px;
    width: 46%;
    margin-right: 8%;
    position: relative;
}

.incas:nth-child(2n) {
    margin-right: 0;
}

.incase_pic img {
    width: 100%;
}

.incase_before {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.66);
    padding: 15% 50px 0;
    opacity: 0;
    transition: all 0.6s;
}

.incase_title {
    text-align: center;
    font-size: 28px;
    color: #fff;
}

.incase_line {
    margin: 17px auto 0;
    width: 108px;
    height: 3px;
    background: #fff;
}

.incase_con {
    font-size: 16px;
    color: #fff;
    line-height: 2;
    margin-top: 20px;
    text-align: justify;
    font-weight: 300;
}

.incas:hover .incase_before {
    opacity: 1;
}

.invideo {
    max-width: 1600px;
    margin: auto;
    overflow: hidden;
    background: #fff;
    padding: 70px 50px;
}

.invideos {
    width: 100%;
    overflow: hidden;
    margin-top: 60px;
}

.videonav {
    width: 100%;
    text-align: center;
    font-size: 0;
}

.videonav a {
    display: inline-block;
    font-size: 18px;
    color: #333;
    margin: 0 35px;
}

.videonav a.active {
    color: #c22535;
}

.invideolist {
    width: 100%;
    margin-top: 50px;
}

.invideolist video {
    float: left;
    width: 30%;
    margin-bottom: 45px;
    margin-right: 5%;
    cursor: pointer;
}

.invideolist video:nth-child(3n) {
    margin-right: 0;
}

.invideocontainer {
    position: fixed;
    width: 100%;
    height: 100%;
    z-index: 9999;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.5);
    text-align: center;
    padding-top: 5%;
    display: none;
}

.invideocontainer video {
    width: 70%;
}

.incontact {
    max-width: 1600px;
    margin: auto;
    overflow: hidden;
    background: #fff;
    padding: 85px 70px;
}

.left_incontact {
    float: left;
    width: 76%;
    border-right: 1px solid #f4f4f4;
}

.incontact_item {
    float: left;
    background: #fff;
    border-radius: 10px;
    box-shadow: 0 0 10px #ddd;
    width: 43.5%;
    margin-right: 7%;
    margin-bottom: 40px;
}

.incontact_item:nth-child(2n) {
    margin-right: 0;
}

.incontact_pic img {
    width: 100%;
}

.incontact_container {
    height: 190px;
    padding: 35px 25px 0;
}

.incontact_title {
    font-size: 17px;
    color: #666;
}

.incontact_con {
    font-size: 17px;
    color: #666;
    margin-top: 10px;
}

.right_incontact {
    float: right;
    margin-top: 55px;
    width: 17.5%;
}

.contact_title {
    font-size: 20px;
    color: #333;
    text-align: center;
    background: url(../images/contact_line.png) center no-repeat;
}

.contact_num {
    text-align: center;
    font-size: 42px;
    color: #c22535;
    font-family: "Times New Roman";
}

.saoma {
    text-align: center;
    margin-top: 25px;
}

.saoma img {
    width: 100%;
    border: 1px solid #f4f4f4;
}

.saoma p {
    font-size: 18px;
    color: #666;
    margin-top: 15px;
}

.base {
    width: 100%;
    overflow: hidden;
    margin-top: 70px;
}

.bases {
    width: 100%;
    overflow: hidden;
    margin-top: 55px;
}

.base_item {
    float: left;
    height: 598px;
    margin-right: 0.5%;
    width: 11.82%;
    transition: all 0.6s;
    position: relative;
}

.base_item:last-child {
    margin-right: 0;
}

.base_item.active {
    width: 38.4%;
}

.base_item a {
    display: block;
    width: 100%;
    height: 100%;
}

.base_title {
    text-align: center;
    width: 100%;
    position: absolute;
    left: 0;
    top: 45%;
    font-size: 18px;
    color: #fff;
    transition: all 0.6s;
}

.base_item.active .base_title {
    opacity: 0;
}

.base_before {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.66);
    padding: 5% 20px 0;
    opacity: 0;
    transition: all 0.6s;
}

.base_before_title {
    text-align: center;
    font-size: 30px;
    color: #fff;
}

.base_before_con {
    text-align: justify;
    font-size: 14px;
    color: #fff;
    margin-top: 10px;
    line-height: 2;
}

.base_item.active .base_before {
    opacity: 1;
}

.process {
    width: 100%;
    overflow: hidden;
    margin-top: 70px;
    padding-bottom: 50px;
}

.process_container {
    max-width: 1800px;
    margin: 40px auto 0;
}

.process_item {
    background: #fff;
    border-radius: 10px;
    box-shadow: 0 0 10px #ddd;
    float: left;
    text-align: center;
    height: 270px;
    width: 11.3%;
    margin-right: calc(9.6% / 7);
    padding-top: 65px;
    cursor: pointer;
}

.process_item:last-child {
    margin-right: 0;
}

.process_pic {
    height: 100px;
    line-height: 100px;
}

.process_title {
    font-size: 18px;
    color: #666;
    margin-top: 35px;
}

.protype {
    max-width: 1600px;
    margin: 50px auto 0;
    overflow: hidden;
    background: #fff;
    padding: 0 50px;
}

.protype_item {
    width: 100%;
    border-bottom: 1px solid #e3e3e3;
    padding: 65px 0;
    overflow: hidden;
}

.protype_pic {
    float: left;
    width: 43.8%;
    position: relative;
    border-radius: 10px;
}

.protype_pic img {
    width: 100%;
    border-radius: 10px;
}

.protype_before {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.44);
    text-align: center;
    font-size: 48px;
    color: #fff;
    border-radius: 10px;
    padding-top: 28%;
    opacity: 0;
    transition: all 0.6s;
}

.protype_pic:hover .protype_before {
    opacity: 1;
}

.protype_intro {
    float: right;
    width: 53.3%;
}

.protype_title {
    font-size: 36px;
    color: #333;
}

.protype_con {
    font-size: 22px;
    color: #333;
    line-height: 2;
    margin-top: 10px;
}

.inproduct {
    max-width: 1600px;
    margin: 45px auto 0;
    overflow: hidden;
    background: #fff;
    padding: 70px 60px;
}

.left_inpro {
    float: left;
    width: 8.7%;
}

.left_inpro a {
    display: block;
    font-size: 17px;
    color: #333;
	margin-bottom:20px;
    position: relative;
    text-align: center;
    z-index: 9;
}

.left_inpro .linpro_level_two a{
	font-size:14px;
}



.left_inpro a::before {
    content: "";
    position: absolute;
    left: 0;
    width: 100%;
    height: 2px;
    background: #dbdbdb;
    bottom: -10px;
    z-index: -1;
}

.left_inpro a.active::before {
    background: #ce0b2b;
}

.right_inpro {
    float: right;
    width: 85.1%;
}

.inpro {
    float: left;
    margin-bottom: 35px;
    width: 46%;
    margin-right: 8%;
    position: relative;
}

.inpro:nth-child(2n) {
    margin-right: 0;
}

.inpro_pic img {
    width: 100%;
}

.inpro_before {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.66);
    padding: 35% 50px 0;
    opacity: 0;
    transition: all 0.6s;
}

.inpro_title {
    text-align: center;
    font-size: 28px;
    color: #fff;
}

.inpro_line {
    margin: 17px auto 0;
    width: 108px;
    height: 3px;
    background: #fff;
}

.inpro_con {
    font-size: 28px;
    color: #fff;
    margin-top: 35px;
    font-weight: 300;
    text-align: center;
}

.inpro:hover .inpro_before {
    opacity: 1;
}

.proshow {
    width: 85.1%;
    float: right;
    font-size: 16px;
    line-height: 2;
}

.proshow img {
    width: 100%;
}

.proshow_top_fr_con img{
	width:80%;
}

.inabout {
    width: 100%;
    overflow: hidden;
    margin-top: 70px;
}

.inabouts {
    max-width: 1600px;
    margin: 30px auto 0;
    overflow: hidden;
    background: url(../images/abside.png) left center no-repeat;
}

.right_inab {
    float: right;
    width: 50%;
}

.right_inab img {
    width: 100%;
    border-radius: 0 15px 0 15px;
}

.left_inab {
    float: left;
    width: 46.5625%;
    font-size: 16px;
    color: #666;
    text-indent: 2em;
    line-height: 2;
    text-align: justify;
}

.history {
    width: 100%;
    overflow: hidden;
    margin-top: 70px;
    height: 816px;
    background: url(../images/history_bg.jpg) center no-repeat;
    padding-top: 70px;
}

.history_detail {
    max-width: 1100px;
    margin: 80px auto 0;
}

.history_details {
    width: 100%;
    overflow: hidden;
    display: none;
}

.history_detail_left {
    float: left;
    width: 60%;
}

.history_detail_left img {
    width: 100%;
}

.history_detail_right {
    float: right;
    width: 35%;
    font-size: 20px;
    color: #666;
    line-height: 2;
}

.history_bot {
    width: 100%;
    overflow: hidden;
    margin-top: 70px;
    background: url(../images/history_line.png) top 27px center no-repeat;
}

.history_bots {
    max-width: 1715px;
    margin: auto;
    position: relative;
}

.swiper-container.historyswiper {
    max-width: 1400px;
    margin: auto;
    padding-top: 23px;
    text-align: center;
}

.historyswiper .swiper-slide {
    font-size: 22px;
    color: #666;
    font-weight: bold;
    padding-top: 20px;
    cursor: pointer;
}

.historyswiper .swiper-slide::before {
    content: "";
    width: 100%;
    height: 9px;
    background: url(../images/his_circle.png) center no-repeat;
    position: absolute;
    top: 0;
    left: 0;
}

.historyswiper .swiper-slide.active {
    color: #c22535;
}

.historyswiper .swiper-slide.active::before {
    background: url(../images/his_circle_active.png) center no-repeat;
}

.history_bots .swiper-button-prev {
    top: 0;
    left: 0;
    margin-top: 0;
    width: 56px;
    height: 56px;
    background: url(../images/left_history.png) center no-repeat;
    opacity: 1;
    cursor: pointer;
    pointer-events: all;
}

.history_bots .swiper-button-prev:hover {
    background: url(../images/right_history.png) center no-repeat;
    transform: rotate(180deg);
}

.history_bots .swiper-button-next {
    top: 0;
    right: 0;
    margin-top: 0;
    width: 56px;
    height: 56px;
    background: url(../images/left_history.png) center no-repeat;
    opacity: 1;
    cursor: pointer;
    pointer-events: all;
    transform: rotate(180deg);
}

.history_bots .swiper-button-next:hover {
    background: url(../images/right_history.png) center no-repeat;
    transform: rotate(0);
}

.history_title {
    text-align: center;
    font-size: 36px;
    color: #222;
    margin-top: 70px;
}

.history_title span {
    color: #c22535;
}

.material {
    width: 100%;
    overflow: hidden;
    padding: 60px 0;
}

.materials {
    max-width: 1600px;
    margin: 60px auto 0;
}

.mater {
    background: #fff;
    border-radius: 10px;
    box-shadow: 0 0 10px #ddd;
    height: 470px;
    width: 18.5%;
    margin-right: 1.875%;
    float: left;
    padding: 35px 30px 0;
}

.mater:last-child {
    margin-right: 0;
}

.mater_title {
    margin: auto;
    border: 1px solid #b5b4b4;
    text-align: center;
    height: 118px;
    width: 118px;
    line-height: 116px;
    font-size: 20px;
    color: #666;
    font-weight: bold;
    border-radius: 100%;
}

.mater_con {
    font-size: 15px;
    color: #666;
    line-height: 1.8;
    text-align: justify;
    margin-top: 25px;
}

.inhonor {
    width: 100%;
    overflow: hidden;
    padding-top: 65px;
    height: 1237px;
    background: url(../images/honorbg.jpg) center no-repeat;
}

.inhonors {
    max-width: 1600px;
    margin: 55px auto 0;
}

.right_inhonor {
    float: right;
    width: 50%;
}

.inhonorswiper img {
    width: 100%;
    border: 8px solid #fff;
}

.inhonor_arrow {
    text-align: center;
    margin-top: 30px;
}

.inhonor_arrow .swiper-button-prev {
    margin-top: 0;
    width: 56px;
    height: 56px;
    background: url(../images/left_honor.png) center no-repeat;
    opacity: 1;
    cursor: pointer;
    pointer-events: all;
    display: inline-block;
    position: static;
    margin-right: 25px;
}

.inhonor_arrow .swiper-button-prev:hover {
    background: url(../images/right_honor.png) center no-repeat;
    transform: rotate(180deg);
}

.inhonor_arrow .swiper-button-next {
    margin-top: 0;
    width: 56px;
    height: 56px;
    background: url(../images/left_honor.png) center no-repeat;
    opacity: 1;
    cursor: pointer;
    pointer-events: all;
    transform: rotate(180deg);
    display: inline-block;
    position: static;
    margin-left: 25px;
}

.inhonor_arrow .swiper-button-next:hover {
    background: url(../images/right_honor.png) center no-repeat;
    transform: rotate(0);
}

.left_inhonor {
    float: right;
    width: 13.5%;
    margin-right: 5.3%;
}

.sj {
    padding-bottom: 20px;
    margin-bottom: 20px;
    background: url(../images/sj_line.png) center bottom no-repeat;
    text-align: right;
}

.sj_top {
    font-size: 16px;
    color: #333;
    position: relative;
}

.sj_top span {
    font-size: 52px;
    color: #333;
    margin-right: 15px;
}

.sj_bot {
    font-size: 17px;
    color: #666;
}

.sj:nth-child(1) .sj_top::before {
    position: absolute;
    right: 0;
    top: 0;
    content: "+";
    font-size: 24px;
    color: #333;
}
.video_banner{
	width: 100%;
}
.video_banner video{
	max-width:100%;
}
.proshow_top{
	width:100%;
	overflow:hidden;
}
.proshow_top_fl{
	width:48%;
	float:left;
}
.proshow_top_fr{
	width:50%;
	float:right;
}
.proshow_top_fl_pic img{
	width:100%;
}
.proshowswiper.swiper-container{
	margin-top:25px;
}
.proshowswiper img{
	width:100%;
}
.proshow_top_fr_con{
	font-size:16px;
	color:#333;
	line-height:2;
	margin-bottom:20px;
}


.proshow_top_fr_more a{
	display:block;
	width:140px;
	height:40px;
	line-height:40px;
	border-radius:5px;
	background:#c22535;
	font-size:16px;
	color:#fff;
	text-align:center;
}
.proshow_bot{
	width:100%;
	overflow:hidden;
	margin-top:40px;
}
.proshow_bot_title{
	width:100%;
	height:45px;
	background:#ddd;
}
.proshow_bot_title span{
	display:block;
	width:140px;
	height:45px;
	line-height:45px;
	text-align:center;
	font-size:16px;
	color:#fff;
	background:#c22535;
}

.proshow_bot_con{
	margin-top:25px;
	line-height:2;
	font-size:16px;
}

.proshow_bot_con img{
	max-width:100%;
}
.join_item {
    width: 100%;
    overflow: hidden;
    position: relative;
    margin-top: -155px;
}

.join_container {
    max-width: 1600px;
    margin: auto;
}

.join_items {
    float: left;
    width: 23.5%;
    margin-right: 2%;
    cursor: pointer;
}

.join_items:last-child {
    margin-right: 0;
}

.join_item_pic {
    text-align: center;
    width: 131px;
    height: 131px;
    line-height: 190px;
    background: #fff;
    box-shadow: 0 0 10px #ddd;
    border-radius: 100%;
    margin: auto;
    position: relative;
}

.join_item_box {
    width: 100%;
    background: #fff;
    box-shadow: 0 0 10px #ddd;
    border-radius: 10px;
    height: 355px;
    margin-top: -85px;
    padding: 110px 30px 0;
}

.join_item_title {
    text-align: center;
    font-size: 24px;
    color: #333;
    font-weight: bold;
}

.join_item_con {
    font-size: 16px;
    color: #666;
    line-height: 1.8;
    margin-top: 25px;
}

.join_items:hover .join_item_pic {
    background: #c22535;
}

.join_items:hover .join_item_pic svg path {
    fill: #fff;
}

.join_main {
    width: 100%;
    overflow: hidden;
    background: rgba(25, 128, 242, 0.05);
    padding-top: 320px;
    padding-bottom: 75px;
    margin-top: -270px;
}

.join_mains {
    max-width: 1600px;
    margin: auto;
}

.join_main_left {
    float: left;
    width: 39.25%;
    height: 560px;
    background: #fff;
    box-shadow: 0 0 10px #ddd;
}

.join_main_left_title {
    text-align: center;
    height: 93px;
    line-height: 93px;
    background: #ce0b2b;
    font-size: 20px;
    color: #fff;
    font-weight: bold;
    position: relative;
}

.join_main_left_title::before {
    content: "";
    width: 100%;
    height: 27px;
    background: url(../images/join_arrow.png) center no-repeat;
    position: absolute;
    left: 0;
    bottom: -25px;
}

.join_main_left_con {
    width: 100%;
    height: 467px;
    padding: 80px 40px 40px;
    font-size: 18px;
    color: #333;
    line-height: 3;
}

.join_main_right {
    float: right;
    width: 55.75%;
    height: 560px;
    background: #fff;
    box-shadow: 0 0 10px #ddd;
    padding: 40px 8% 0;
}

.join_main_right_title {
    text-align: center;
    font-size: 20px;
    color: #333;
    font-weight: bold;
}

.join_main_right form {
    margin-top: 40px;
}

.form_item {
    width: 100%;
    overflow: hidden;
    margin-bottom: 20px;
}

.form_item label {
    font-weight: normal;
    text-align: right;
    width: 120px;
    font-size: 12px;
    color: #D01836;
    height: 50px;
    line-height: 50px;
    float: left;
}

.form_item input[type=text] {
    float: right;
    width: calc(100% - 150px);
    height: 50px;
    padding-left: 10px;
    border: 1px solid #CCCCCC;
    background: none;
    outline: none;
    border-radius: 5px;
}

.form_item input[type=text]:focus {
    border: 1px solid #D01836;
}

.form_submit {
    width: 100%;
    overflow: hidden;
}

.form_submit label {
    font-weight: normal;
    text-align: right;
    width: 120px;
    font-size: 12px;
    color: #D01836;
    height: 50px;
    line-height: 50px;
    float: left;
}

.form_submit input[type=text] {
    float: left;
    width: 170px;
    margin-left: 30px;
    height: 50px;
    padding-left: 10px;
    border: 1px solid #CCCCCC;
    background: none;
    outline: none;
    border-radius: 5px;
}

.form_submit input[type=text]:focus {
    border: 1px solid #D01836;
}

.form_submit img {
    float: left;
    margin-left: 20px;
    width: 100px;
}

.form_submit input[type=submit] {
    float: right;
    width: 140px;
    height: 50px;
    border: none;
    background: #D01836;
    outline: none;
    border-radius: 5px;
    font-size: 14px;
    color: #fff;
}

.join_main_info {
    text-align: center;
    font-size: 12px;
    color: #999;
    margin-top: 30px;
}

.join_lc img {
    width: 100%;
}