@font-face{

	src:url(../fonts/SourceHanSansCN-Normal.otf);

	font-family:"mytitle2";

	}

@font-face{

	src:url(../fonts/impact.ttf);

	font-family:"num";

	}

body {

    color: #333;

    font-size: 18px;

    font-family: "mytitle2"!important;

}

.clear{

	clear: both;

}

.N-wall{

	width: 82%;

	margin: auto;

}

img{

	display: block;

}

/***** header *******/

.header {

    width: 100%;

    position: fixed;

    z-index: 999;

	left: 0;

	top: 0;

	padding: 5px 3%;

	background: #fff;

}

.height {

    height: 100px;

    display: none;

}

.container1{

	width: 100% !important;

}

.fixed {

    position: fixed;

    left: 0;

    top: 0;

    z-index: 999;

	background: #fff;

    box-shadow: 0px 6px 20px rgba(5, 8, 5, 0.05);

	-webkit-transition: all 0.3s linear;

	transition: all 0.3s linear;

}

.logo {

    width: 110px;

    height: 100px;

	float: left;

}

.logo a {

    width: 100%;

    height: 100%;

    display: flex;

    align-items: center;

}

.logo a img {

	width: 100%;

}

.nav {

    position: absolute;

	left: 50%;

	top: 50%;

	z-index: 999;

	-webkit-transform: translate(-50%,-50%);

	transform: translate(-50%,-50%);

}

.nav li {

    line-height: 100px;

    float: left;

    position: relative;

	z-index: 99999999;

}

.nav>li>a {

    padding: 0 35px;

    font-size: 16px;

    color: #fff;

	opacity: 0.98;

}

.header.fixed .nav>li>a {

	color: #333;

}

.nav li a:hover{

	color: #E50012!important;

}

.header .logo img.img2 {

	display: none;

}

.header.fixed .logo img.img1 {

	display: none;

}

.header.fixed .logo img.img2 {

	display: block;

}

.about-pp .ttt h1{

	color: #333;

	font-size: 38px;

	text-align: center;

}

.nav>li>a:hover {

    color: #fb0d1c;

}

.about-pp{

    padding: 5% 0;

    background-color: #f3f3f3;

}

.about-pp ul{

	padding: 0 5%;

	margin-top: 3%;

}

.about-pp ul li{

    float: left;

    width: 32%;

    margin-right: 2%;

    position: relative;

    box-sizing: border-box;

    -webkit-transition: all 0.5s linear;

    transition: all 0.5s linear;

    /* box-shadow: 0 12px 30px rgba(0,0,0,0); */

    padding: 3% 0;

    /* border-top: 5px solid #fff; */

}

.about-pp ul a:nth-child(1) li::after{

    content: '';

    width: 6px;

    height: 70%;

    position: absolute;

    bottom: 10%;

    right: 0;

    background: url(../images/about_qxpb.png) center no-repeat;

    background-size: cover;

}

.about-pp ul a:nth-child(2) li::after{

    content: '';

    width: 6px;

    height: 70%;

    position: absolute;

    bottom: 10%;

    right: 0;

    background: url(../images/about_qxpb.png) center no-repeat;

    background-size: cover;

}

.about-pp ul li:hover{

    /* -webkit-transform: translateY(-10px);

    transform: translateY(-10px);

    border-top: 5px solid #d10d1b;

    box-shadow: 0 12px 30px rgba(0,0,0,0.1); */

}

.about-pp ul a:nth-child(3) li{

	margin-right: 0;

}

.about-pp ul li img{

    width: 36%;

    margin: auto;

    /* -webkit-transition: all 0.5s linear;

    transition: all 0.5s linear;

    filter: gray;

    -webkit-filter: grayscale(1);

    -moz-opacity: 0.6;

    opacity: 0.6; */

    -webkit-transition: all cubic-bezier(.18,1,.21,1) .6s;	

    transition: all cubic-bezier(.18,1,.21,1) .6s;  

}

.about-pp ul li:hover img{

    /* filter: '';

    -webkit-filter: grayscale(0);

	-webkit-transform: translateY(-10px);

    transform: translateY(-10px);

    -moz-opacity: 1;

    opacity: 1; */

  -webkit-transform:scale(1.2);

  transform:scale(1.2);  

}

.about-pp ul li p{

	color: #333;

	font-size: 15px;

	left: 1.6;

	text-align: center;

	height: 24px;

	letter-spacing: 0.5px;

}

.nav .li_sj {

    position: absolute;

    bottom: 0;

    left: 50%;

    width: 0;

    height: 0;

    margin-left: -12px;

    border-width: 12px;

    border-style: solid;

    border-color: transparent #fb0d1c transparent transparent;

    transform: rotate(90deg);

    display: none;

}

.ss_menu{

    position: fixed;

    left: 0%;

    top: 110px;

	width: 100%;

    background: #e6e4e5;

    display: none;

	padding: 4% 0%;

    z-index: 99999;

}

.ss_menu .s_box{

	overflow: hidden;

	position: relative;

	width: 80%;

	margin: auto;

}

.ss_menu dl{

	float: left;

	width: 26%;

	margin-left: 20%;

}

.ss_menu dl dd {

	margin: 10px 0;

	padding: 10px 0;

	border-bottom: 1px solid #ddd;

}

.ss_menu dl dd:hover a {

    color: #fb0d1c;

}

.ss_menu dl dd a {

    font-size: 16px;

    color: #666;

    background: url(../images/jt.png)no-repeat right center;

    padding-right: 20px;

    box-sizing: border-box;

}

.ss_menu .right{

	float: right;

	width: 38%;

	height: 260px;

    margin-right: 12%;

    position: relative;

}

.ss_menu .right .right_bg{

    width: 100%;

    height: 100%;

    position: absolute;

    top: 0;

    left: 0;

    background-repeat: no-repeat;

    background-position: center;

    background-size: cover;

    display: none;

}

.header_fr {

    margin-top: 36px;

	float: right;

}

.header_btn li {

    float: left;

	padding-left: 15px;

	margin-left: 15px;

    text-align: center;

	opacity: 0.8;

	position: relative;

}

.header.fixed .header_btn li{

	opacity: 0.6;

}

.header_btn li:before {

	content: "";

    width: 1px;

    height: 15px;

	position: absolute;

	left: 0;

	top:6px;

	background: #fff;

}

.header_btn li a {

    line-height: 24px;

    text-align: center;

}

.header_btn li img{

    display: inline-block;

    vertical-align: middle;

	width: 20px;

    height: 20px;

}

.header_btn li img.p2{

	display: none;

}

.header.fixed .header_btn li img.p1 {

	display: none;

}

.header.fixed .header_btn li img.p2 {

	display: inline-block;

}

.header_btn li span {

    font-size: 14px;

    color: #fff;

    display: inline-block;

    line-height: 24px;

    vertical-align: middle;

}

.header.fixed .header_btn li span{

	color: #333;

}

.header.fixed .header_btn li:before{

	background: #666;

}

.header_search {

    text-align: center;

    cursor: pointer;

	opacity: 0.8;

	float: left;

}

.header_btn{

	float: right;

}

.header_search img {

    display: inline-block;

    width: 20px;

    vertical-align: middle;

}

.header_search img.p2{

	display: none;

}

.header.fixed .header_search img.p1{

	display: none;

}

.header.fixed .header_search img.p2{

	display: inline-block;

	opacity: 0.7;

}

#footer {

    background-color: #fff;

}

.footer-left-con {

    float: left;

}

.guohui_box {

    position: absolute;

    right: 8%;

    top: 50%;

    margin-top: -13px;

}

.family-address p {

    margin-bottom: 10px;

}

.footer-right-con {

    float: right;

}

.footer-right-con.ddd {

    float: none;

}

.partner-list-con {

    display: flex;

    justify-content: space-between;

    padding: 0 0.2rem;

}

#footerTop {

    border-top: 1px solid #ddd;

    padding: 34px 0 22px

}

.foot-logo {

    float: left;

    padding-right: 40px;

}

.foot-menu {

    float: left;

    overflow: hidden;

}

.foot-menu li {

    float: left;

    line-height: 50px;

}

.foot-menu li:before {

    display: inline-block;

    content: "";

    vertical-align: middle;

    margin: -3px 15px 0 15px;

    width: 1px;

    height: 20px;

    background-color: #ccc

}

.foot-menu li:first-child:before {

    display: none

}

.foot-menu li a {

    color: #191919;

    font-size: 16px;

    letter-spacing: -0.5px;

}

.partner-list-con {

    padding-top: 0;

}

.partner-list-con span {

    display: inline-block;

    vertical-align: middle;

    margin-left: 13px

}

#footerMiddle {

    background-color: #1f1f1f;

    padding: 66px 3% 33px 3%;

}

.footer-company-name {

    display: block;

    color: #fff;

    font-size: 18px;

    letter-spacing: -0.5px;

    font-weight: 500;

    margin-bottom: 25px;

    visibility: hidden;

}

.family-address p {

    color: #7e7d7d;

    font-size: 14px;

    line-height: 28px;

}

.family-address p span {

    font-size: 16px;

    color: #fff;

    opacity: 1;

    font-weight: bold;

    margin-right: 10px;

}

.family-address span:before {

    content: "/";

    margin: 0 10px;

}

.family-address span:first-child:before {

    display: none

}

.family-address a {

    color: inherit

}

.family-address .footer-caution-txt {

    color: #fffefe;

    font-size: 13px;

    font-weight: 300;

    padding-top: 30px;

    opacity: 1.0;

    filter: Alpha(opacity=100);

}

.family-address .footer-caution-txt p {

    display: inline-block;

    opacity: 0.4;

    filter: Alpha(opacity=40);

}

.family-address .footer-caution-txt i {

    margin-right: 10px;

    margin-top: -2px;

    font-size: 30px;

    opacity: 0.7;

    filter: Alpha(opacity=70);

}

.family-address .copyright {

    font-size: 13px;

}

.footer-sitemap-con {

    padding-right: 100px;

}

@media only screen and (max-width: 1400px) {

    .footer_logo {

        width: 280px;

    }

    .footer-sitemap-con {

        padding: 0;

    }

    .family-address .footer_input input[type="text"] {

        width: 120px;

    }

    .family-address .footer_input input[type="button"] {

        width: 80px;

    }

}

.footer-sitemap-con>li {

    float: left;

    min-height: 155px;

    border-left: 1px solid rgba(64, 64, 64, 0.07);

    padding: 0 0.55rem 0 10px

}

.footer-sitemap-con>li dl{ padding: 0 31px;}

.footer-sitemap-con>li dt {

    margin-bottom: 30px;

    font-size: 16px;

    color: #ddd;

    letter-spacing: -0.5px;

}

.footer-sitemap-con>li dd {

    line-height: 24px;

}

.footer-sitemap-con>li dd span {

    color: #828282;

    font-size: 14px;

}

.footer-sitemap-con>li dd a:hover span {

    color: #eee;

}

.footer-sitemap-con>li .sitemap-2dep-con li a {

    display: block;

    color: #fff;

    font-size: 14.5px;

    letter-spacing: -0.5px;

    font-weight: 300;

    padding: 8px 0;

    opacity: 0.5;

    filter: Alpha(opacity=50);

    -webkit-transition: all 0.3s;

    -moz-transition: all 0.3s;

    -o-transition: all 0.3s;

    -ms-transition: all 0.3s;

    transition: all 0.3s

}

.footer-sitemap-con>li .sitemap-2dep-con li a:hover {

    opacity: 1.0;

    filter: Alpha(opacity=100);

}

#footerBottom {

    position: relative;

    border-top: 1px solid #4c4c4c;

    background-color: #1f1f1f;

	padding: 0 3%;

}

.copyright,

.remote-control-txt {

    line-height: 74px;

}

.copyright {

    font-size: 13px;

    letter-spacing: -0.5px;

    color: #fff;

    opacity: 0.5;

    filter: Alpha(opacity=50);

    font-weight: 300;

    margin-right: 35px;

}

.remote-control-txt {

    color: #fff;

    font-size: 14px;

    font-weight: 500;

}

.remote-control-txt i {

    color: #007ecc;

    font-size: 30px;

    margin-right: 10px;

}

.footer-agreement-btn,

.family-site-box {

    float: left;

    position: relative;

    text-align: left;

}

.footer-agreement-btn,

.family-site-box .family-site-open-btn {

    display: block;

    position: relative;

    width: 250px;

    height: 74px;

    line-height: 74px;

    text-indent: 20px;

    font-size: 14.5px;

    color: #fff !important;

    font-weight: 300;

    letter-spacing: -0.75px;

}

.footer-agreement-btn:after,

.family-site-box .family-site-open-btn:after {

    position: absolute;

    bottom: 0px;

    left: 0px;

    width: 100%;

    content: "";

    height: 3px;

    background-color: #fff;

}

.footer-agreement-btn .arrow,

.family-site-box .family-site-open-btn .arrow {

    position: absolute;

    right: 20px;

    top: 0px;

}

.family-site-box {

    margin-left: 10px;

}

.family-site-list {

    position: absolute;

    bottom: 74px;

    left: 0px;

    width: 100%;

    padding: 10px 0;

    max-height: 150px;

    overflow: auto;

    background-color: #1f1f1f;

    border: 1px solid #4c4c4c;

    border-bottom: 0;

    z-index: 11;

    display: none;

    box-sizing: border-box;

}

.family-site-list a {

    display: block;

    padding: 10px;

    color: #fff;

    font-size: 13px;

}

.family-site-list a:hover {

    color: #0065a4;

    text-decoration: underline;

}

.to-top-btn {

    position: absolute;

    bottom: 0;

    right: 0;

    display: block;

    width: 74px;

    height: 74px;

    background-color: #0065a4;

    text-align: center;

    line-height: 74px;

    color: #fff;

    z-index: 99;

    -webkit-transition: all 0.6s;

    -moz-transition: all 0.6s;

    -o-transition: all 0.6s;

    -ms-transition: all 0.6s;

    transition: all 0.6s

}

.footer_new {

    width: 280px;

}

.footer_new h5 {

    font-size: 18px;

    color: #fff;

    opacity: 0.5;

    filter: Alpha(opacity=50);

    margin: 0;

    margin-bottom: 20px;

}

.footer_new ul {

    padding: 0;

    margin: 0;

}

.footer_new ul li {

    display: inline-block;

    width: 35px;

    height: 35px;

    background: #282625;

    border-radius: 6px;

    margin-right: 6px;

    margin-bottom: 15px;

    vertical-align: top;

    text-align: center;

    line-height: 35px;

    position: relative;

}

.footer_new ul li .weixin{

    width: 100px;

    height: 100px;

    position: absolute;

    top: 120%;

    right: 0;

    display: none !important;

}

.footer_new ul li:hover .weixin{

    display: block !important;

}

.footer_new ul li i {

    color: #cdcdcd;

    font-size: 25px;

}

.footer_logo {

    margin-bottom: 20px;

}

.footer_input {

    margin-bottom: 20px;

}

.footer_input input[type="text"] {

    width: 194px;

    height: 40px;

    background: #fff;

    border-radius: 4px;

    outline: none;

    padding-left: 10px;

    border: none;

	color: #666 !important;

}

.footer_input input[type="button"] {

    width: 120px;

    height: 40px;

    background: #cd2122;

    color: #fff;

    border-radius: 4px;

    outline: none;

    border: none;

    cursor: pointer;

    font-weight: bold;

}.sitemap-layer-bg {

    display: none;

    position: fixed;

    top: 0px;

    left: 0px;

    width: 100%;

    height: 100%;

    z-index: 99999;

    background-color: rgba(0, 0, 0, 0.4);

}

#siteMapContent {

    position: fixed;

    top: 0px;

    right: -100%;

    max-width: 750px;

    height: 100%;

    background-color: #fff;

    z-index: 100000;

    overflow: hidden;

}

.searchMask {

    position: fixed;

    left: 0;

    top: 0px;

    z-index: 99;

    width: 100%;

    height: 100%;

    display: flex;

    justify-content: center;

    align-items: center;

    background-color: rgba(0, 0, 0, 0.6);

    z-index: 900;

}

.search_main {

    position: relative;

    width: 42%;

    height: 54px;

}

.search_main form {

    width: 100%;

    height: 100%;

}

.search_input {

    display: flex;

    transform: skewX(-15deg);

    margin: 0 -5px;

    height: 100%;

    width: 100%;

}

.search_cell {

    display: flex;

    margin: 0;

    overflow: hidden;

}

.search_input input {

    width: 100%;

    height: 100%;

    margin: 0px;

    padding: 10px 22px;

    -webkit-transition: all 0.3s ease-in-out;

    -moz-transition: all 0.3s ease-in-out;

    transition: all 0.3s ease-in-out;

    outline: none;

    /* flex: 1; */

    border: none;

    margin: 0 -10px;

    transform: skewX(-2deg);

    box-sizing: border-box;

    font-size: 20px;

}

.search_cell * {

    flex: 1;

    margin: 0 -10px;

    border: none;

    transform: skewX(-2deg);

}

.search_cell {

    display: flex;

    margin: 0;

    overflow: hidden;

}

.search_btn {

    padding: 4px 10px 4px 10px;

    background: #f0375f;

    border: none;

    outline: none;

    box-sizing: border-box;

}

.search_cell * {

    flex: 1;

    margin: 0 -10px;

    border: none;

    transform: skewX(-2deg);

}

.search_btn img {

    width: auto;

    max-width: 100%;

    height: 39px;

    padding: 0px;

    margin-left: 2px;

    margin-right: -2px;

    cursor: pointer;

}

.search_cell {

    display: flex;

    margin: 0;

    overflow: hidden;

}

.wide {

    flex: 1;

}

.table-layout {

    display: table;

    width: 100%;

    height: 100%;

}

.table-cell-layout {

    position: relative;

    display: table-cell;

    width: 100%;

    height: 100%;

    vertical-align: middle;

}

#siteMapContent.open {

    right: 0px;

    visibility: visible;

}

.sitemap-inner-wrapper {

    position: relative;

    min-height: 700px;

    height: 100%;

}

.sitemap-inner-box {

    width: 750px;

    padding-left: 288px;

    height: 100%;

    overflow: hidden;

	position: relative;

}

.sitemap-inner-box .table-layout {

    display: none;

}

.sitemap-inner-box .table-layout .table-cell-layout {

    display: block;

}

.sitemap-list-con {

	position: absolute;

	left: 0%;

	top: 50%;

	-webkit-transform: translate(0%,-50%);

	transform: translate(0%,-50%);

    box-sizing: border-box;

    width: 100%;

    max-height: 100%;

    overflow-y: scroll;

}

.sitemap-list-con>li {

    position: relative;

    border-bottom: 1px solid #e3e3e3;

    display: flex;

    justify-content: flex-start;

    flex-wrap: wrap;

    padding: 15%;

    box-sizing: border-box;

    align-items: flex-start;

}

.sitemap-list-con>li .sitemap-tit,.sitemap-list-con>li .sitemap-tit a{

    position: relative;

	margin: 0 5% 0 0;

    color: #f91a1e;

    font-size: 15px;

	font-weight: normal;

	text-align: center;

	letter-spacing: 1px;

}

.sitemap-list-con>li .sitemap-tit img {

    width: 52px;

	margin-bottom: 5px;

	border: 0 none;

	display: block;

	height: 100%;

}

.table-layout:nth-of-type(2) .sitemap-list-con>li:nth-of-type(2) .sitemap-tit img{

	width:82px;

}

.table-layout:nth-of-type(2) .sitemap-list-con>li:nth-of-type(3) .sitemap-tit img{

	width: 80px;

}

.table-layout:nth-of-type(2) .sitemap-list-con>li .sitemap-2dep:after {

    position: absolute;

    left: 0;

    top: 10px;

    width: 11px;

    height: 2px;

    content: "";

    background-color: #202020

}

.sitemap-list-con>li .sitemap-2dep{

    width: 220px;

    box-sizing: border-box;

	position: absolute;

	right: 10%;

	top: 50%;

	-webkit-transform: translate(0,-50%);

	transform: translate(0,-50%);

}

.sitemap-list-con>li .sitemap-2dep li {

    padding-right: 20px;

    line-height: 24px;

	position: relative;

    padding-left: 30px;

}

.sitemap-list-con>li .sitemap-2dep li b{

	position: absolute;

	left: 0;

	top: 50%;

	width: 11px;

    height: 2px;

	background: #020202;

	-webkit-transform: translate(0,-50%);

	transform: translate(0,-50%);

	opacity: 0;

}



.sitemap-list-con>li .sitemap-2dep li:nth-child(1):before{

	content: "";

	position: absolute;

	left: 0;

	top: 50%;

	width: 11px;

    height: 2px;

	background: #020202;

	-webkit-transform: translate(0,-50%);

	transform: translate(0,-50%);

}

.sitemap-list-con>li .sitemap-2dep li:hover b{

	opacity: 1;

	background: #E50012;

}

.sitemap-list-con>li .sitemap-2dep:hover li:before{

	opacity: 0;

}

.sitemap-list-con>li .sitemap-2dep li a {

    font-size: 14px;

    letter-spacing: 2px;

    color: #202020;

    opacity: 0.6;

    filter: Alpha(opacity=60);

}

.sitemap-list-con>li .sitemap-2dep li a:hover {

    color: #fb0d1c;

    opacity: 1.0;

    filter: Alpha(opacity=100);

}

.sitemap-product-inner-box {

    position: absolute;

    left: 0;

    top: 0px;

    width: 288px;

    height: 100%;

}

.sitemap-product-inner-box ul {

    height: 100%;

}

.sitemap-product-inner-box li {

    width: 100%;

    height: 33.33%;

    position: relative;

    background: #fb0d1c;

}

.sitemap-product-inner-box .on {

	background: #db1519 !important;

	-webkit-transition: all 0.3s linear;

	transition: all 0.3s linear;

}

.sitemap-product-inner-box .on .sitemap_sj {

    position: absolute;

    top: 50%;

    right: -26px;

    width: 0;

    height: 0;

    margin-left: -13px;

    margin-top: -13px;

    border-width: 13px;

    border-style: solid;

    border-color: transparent transparent transparent #db1519;

    /* transform: rotate(90deg); */

    /* display: none; */

}

/*修改*/

.sitemap-product-inner-box li .sitemap-prd-menu-inner {

    width: 100%;

    height: 100%;

    padding: 0 ;

    box-sizing: border-box;

}

.sitemap-product-inner-box li .sitemap-prd-menu-inner .table-cell-layout {

    width: 100%;

    height: 100%;

    display: inline-block;

    box-sizing: border-box;

}

.sitemap-product-inner-box li .sitemap-prd-menu-inner .sitemap-prd-tit {

    display: block;

    color: #fff;

    font-size: 26px;

    letter-spacing: -0.75px;

    font-weight: 500;

	text-align: center;

	-webkit-transition: all linear 0.3s;

	transition: all linear 0.3s;

	-webkit-transform: translate(-0%,-50%);

	transform: translate(-0%,-50%);

	position: absolute;

	left: 0;

	top:50%;

	width: 100%;

	opacity: 0.7;

}

.sitemap-product-inner-box li .sitemap-prd-menu-inner .sitemap-prd-tit.active {

    opacity: 1;

}

.sitemap-product-inner-box li .sitemap-prd-en-tit {

    display: block;

    padding-top: 25px;

    color: #fff;

    font-size: 13px;

    line-height: 18px;

    font-weight: 500;

    opacity: 0.57;

    filter: Alpha(opacity=57);

}

.sitemap-product-inner-box li .sitemap-icon {

    position: absolute;

    right: 0px;

    bottom: 30px;

	display: none;

}

.sitemap-product-inner-box li .sitemap-icon img {

	display: none;

}

.sitemap-product-inner-box li .sitemap-icon img:first-of-type {

	display: block;

}

.sitemap-product-inner-box .on .sitemap-icon img:first-of-type{

	display: none;

}

.sitemap-product-inner-box .on .sitemap-icon img:nth-of-type(2){

	display: block;

}

.sitemap-product-inner-box li.sitemap-prd-menu-02 .sitemap-prd-menu-inner .sitemap-prd-tit,

.sitemap-product-inner-box li.sitemap-prd-menu-02 .sitemap-prd-en-tit {

    color: #000;

}

.sitemap-product-inner-box li.sitemap-prd-menu-02 .sitemap-prd-menu-inner .sitemap-prd-tit:after {

    background-color: #000;

}

.sitemap-product-inner-box li.sitemap-prd-menu-03 .sitemap-icon {

    margin-top: 10px;

}

.sitemap-lang-select-box {

    position: absolute;

    top: 8%;

    left: 338px;

}

.sitemap-lang-select-box a {

    color: #000;

    font-size: 13px;

    font-weight: 400;

    margin-right: 18px;

}

.sitemap-lang-select-box a.cur {

    color: #fb0d1c;

}

.sitemap-close-btn {

    position: absolute;

    top: 6%;

    right: 45px;

}

.fixed_phone {

    position: fixed;

    bottom: 10%;

    right: 10px;

    width: 60px;

    height: 60px;

    padding-left: 0px;

    z-index: 99;

    overflow: hidden;

    display: none;

    background-color: #dc0000;

    border-radius: 60px;

}

.fixed_phone img{

    width: 60px;

    height: 60px;

}

.fixed_phone span{

    position: absolute;

    right: 70px;

    font-size: 14px;

    top: 50%;

    color: #fff;

    line-height: 20px;

    margin-top: -10px;

}

.fixed_phone:hover{

    width: 180px;

    padding-left: 120px;

}



.index_back{

  position: fixed;

  bottom: 20%;

  right: 20px;

  cursor: pointer;

}

.index_back span{

  width: 35px;

  display: block;

  position: relative;

  margin: 0 auto;

  margin-bottom: 10px;

}

.index_back span img{

  -webkit-transition: all cubic-bezier(.18,1,.21,1) .9s;	

  transition: all cubic-bezier(.18,1,.21,1) .9s;

}

.index_back span img:nth-child(1){

  opacity:1;

  -moz-opacity:1; 

  -khtml-opacity:1;

  -webkit-opacity:1;

  filter:alpha(opacity=100);

}

.index_back span img:nth-child(2){

  position: absolute;

  top: 0;

  left: 0;

  opacity:0;

  -moz-opacity:0; 

  -khtml-opacity:0;

  -webkit-opacity:0;

  filter:alpha(opacity=0);

}

.index_back:hover img:nth-child(1){

  opacity:0;

  -moz-opacity:0; 

  -khtml-opacity:0;

  -webkit-opacity:0;

  filter:alpha(opacity=0);

}

.index_back:hover img:nth-child(2){

  opacity:1;

  -moz-opacity:1; 

  -khtml-opacity:1;

  -webkit-opacity:1;

  filter:alpha(opacity=100);

}

.index_back i{

  display: block;

  font-style: normal;

  text-align: center;

  font-size: 12px;

  color: #cfcfcf;

  -webkit-transition: all cubic-bezier(.18,1,.21,1) .9s;	

  transition: all cubic-bezier(.18,1,.21,1) .9s;

}

.index_back:hover i{

  color: #c93427;

}



body{

	margin: 0 !important;

}

/***** banner *******/

.ind_banner_son{

    position: relative;

}

.banner {

    /*padding-top: 140px;*/

    position: relative;

    overflow: hidden;

    z-index: 5;

}

.banner_slide_box {

    /* width: 100%; */

    /* height: 100%; */

    /* position: absolute; */

    /* top:0px; */

    /* left: 0px; */

    z-index: 9999;

}

.banner-content {

	width: 55%;

    position: absolute;

    left: 50%;

    top: 50%;

    -ms-transform: translate(-50%, -50%); /* IE 9 */

    -moz-transform: translate(-50%, -50%); /* Firefox */

    -webkit-transform: translate(-50%, -50%); /* Safari 和 Chrome */

    transform: translate(-50%, -50%);

    z-index: 9;

    color: #FFFFFF;

    text-align: center;

    z-index: 999;

}

.banner-content h2 {

    font-size: 70px;

    letter-spacing: 3px;

    margin-top: 0;

    margin-bottom: 0;

    color: #F5F5F5;

    text-transform: uppercase;

}

.banner-content p{

	font-size: 16px;

	line-height: 1.7;

	color: #fff;

	margin-top: 20px;

	letter-spacing: 0.5px;

}

.banner-content h3 {

    font-size: 27px;

    letter-spacing: 3px;

    margin-bottom: 70px;

    margin-top: 0;

    color: #DDDDDD;

}

.banner-content .more {

    color: #FFFFFF;

    background-color: #b81c22;

    padding: 15px 40px;

    border-bottom: 2px solid #ff2c34;

    cursor: pointer;

}

.banner_bottom {

    position: absolute;

    bottom: -8%;

    left: 50%;

    z-index: 9;

    z-index: 999;

}

.banner_bottom img {

    display: block;

}

.banner-qq {

    position: relative;

    left: -8px;

}

/***** banner *******/

.cb-box .list .box1 p{

	position: relative;

	padding-left: 12px;

	line-height: 1.6;

	font-size: 16px;

	color: #666;

}

.cb-box .list .box1 p b{

	content: "";

	position: absolute;

	left: 0;

	top: 10px;

	width: 5px;

	height: 5px;

	border-radius: 50%;

	background: #E60012;

}

.cb-box .list .box1{

}

.cb-box .list .box1:nth-child(2){

	border-right: none;

	border-left: none;

}

/***** index_sec1 *******/

.page {

    position: relative;

    z-index: 5;

	margin-top: 110px;

}

.index_sec1 {

}

/*****index_products*******/

.index_products {

    padding: 200px 0;

    padding-bottom: 0;

    background: #fff;

    position: relative;

    z-index: 3;

}

.index_products:after {

    content: 'PartsVillage';

    position: absolute;

    z-index: 1;

    top: 0;

    left: 45px;

    font-size: 150px;

    width: 90%;

    margin: 0 auto;

    text-align: center;

    font-family: arial;

    letter-spacing: 60px;

    color: #ddd;

    opacity: .1;

    font-weight: 700;

}

.index_products-title {

    width: 80%;

    margin: 0 auto;

    font-size: 18px;

    font-weight: 700;

    letter-spacing: 1px;

    position: relative;

    top: -100px;

}

.index_products-title:before {

    content: '';

    position: absolute;

    left: 85px;

    top: -100px;

    width: 1px;

    height: 100px;

    background-color: #666666;

}

.index_products_con {

    width: 90%;

    margin: 0 auto;

}

.swiper-container-indPro {

    padding-bottom: 80px;

    padding-top: 15px;

}

.swiper-scrollbar-indPro {

    background: none;

    bottom: 10px !important;

    height: 40px !important;

}

.swiper-scrollbar-indPro .swiper-scrollbar-drag {

    background: none;

}

.swiper-scrollbar-indPro .swiper-scrollbar-drag span {

    width: 40px;

    height: 40px;

    background: #8c8c8c;

    position: absolute;

    top: 0;

    left: 50%;

    margin-left: -20px;

    border-radius: 100%;

    text-align: center;

    -webkit-transition: all cubic-bezier(.18, 1, .21, 1) .6s;

    -moz-transition: all cubic-bezier(.18, 1, .21, 1) .6s;

    -ms-transition: all cubic-bezier(.18, 1, .21, 1) .6s;

    -o-transition: all cubic-bezier(.18, 1, .21, 1) .6s;

    transition: all cubic-bezier(.18, 1, .21, 1) .6s;

}

.swiper-scrollbar-indPro .swiper-scrollbar-drag span:hover {

    -webkit-transform: scale(1.1);

    -moz-transform: scale(1.1);

    -ms-transform: scale(1.1);

    -o-transform: scale(1.1);

    transform: scale(1.1);

    background: #000;

}

.swiper-scrollbar-indPro .swiper-scrollbar-drag span {

    cursor: pointer;

}

.index_products_line {

    width: 100%;

    height: 1px;

    background: #d9d9d9;

    position: absolute;

    bottom: 29px;

    left: 0;

    z-index: -1;

}

.swiper-scrollbar-indPro .swiper-scrollbar-drag span i {

    display: inline-block;

    line-height: 38px;

    font-size: 20px;

    color: #fff;

    padding: 0 3px;

}

.index_pro_zi {

    padding: 15px 0;

}

.index_pro_zi span {

    text-transform: uppercase;

    color: #999;

    font-size: 13px;

    font-family: arial;

}

.index_pro_zi p {

    font-size: 14px;

    color: #000;

    text-transform: uppercase;

    margin: 0;

    letter-spacing: 1px;

    font-weight: 600;

    line-height: 25px;

    font-family: arial;

}

.index_pro_img {

    position: relative;

}

.index_pro_img img {

    -webkit-transition: all cubic-bezier(.18, 1, .21, 1) .9s;

    -moz-transition: all cubic-bezier(.18, 1, .21, 1) .9s;

    -ms-transition: all cubic-bezier(.18, 1, .21, 1) .9s;

    -o-transition: all cubic-bezier(.18, 1, .21, 1) .9s;

    transition: all cubic-bezier(.18, 1, .21, 1) .9s;

    border: 1px solid transparent;

}

.index_pro_list:hover .index_pro_img img {

    -webkit-transform: scale(1.06);

    -moz-transform: scale(1.06);

    -ms-transform: scale(1.06);

    -o-transform: scale(1.06);

    transform: scale(1.06);

    border: 1px solid rgba(196, 28, 23, .2);

}

.index_pro_img span {

    line-height: 40px;

    width: 0%;

    font-size: 16px;

    color: #fff;

    font-family: arial;

    background: #d01424;

    text-align: center;

    opacity: 0;

    -moz-opacity: 0;

    -khtml-opacity: 0;

    -webkit-opacity: 0;

    filter: alpha(opacity=0);

    position: absolute;

    left: 0;

    bottom: 10%;

    -webkit-transition: all .15s cubic-bezier(.175, .885, .32, 1.275);

    transition: all .15s cubic-bezier(.175, .885, .32, 1.275);

}

.index_pro_list:hover .index_pro_img span {

    width: 50%;

    opacity: 1;

    -moz-opacity: 1;

    -khtml-opacity: 1;

    -webkit-opacity: 1;

    filter: alpha(opacity=100);

}

/*****index_products*******/

/***** index_sec1 *******/

/***** index_sec2 *******/

.index_sec2 {

    margin-top: 20px;

    padding: 110px 0 70px 0;

    background-color: #f0eee9;

    overflow: hidden;

    font-family: arial;

}

.index_sec2 .sec2_banc {

    margin: 0;

}

.index_sec2 .sec2-left {

    float: left;

    padding-left: 70px;

    width: 30%;

}

.index_sec2 .sec2-left h2 img {

    position: relative;

    z-index: 11;

    width: 122%;

}

.index_sec2 .sec2-left h3 {

    background-color: rgba(179, 179, 179, .6);

    color: #ffffff;

    font-size: 14px;

    line-height: 28px;

    padding-left: 5px;

    letter-spacing: 1px;

    margin: 0;

    width: 122%;

    position: relative;

    z-index: 12;

    margin-top: 30px;

}

.index_sec2 .sec2-left .sec2-h3-2 {

    width: 80%;

}

.index_sec2 .sec2-left .mgt-10 {

    margin-top: 10px;

}

.index_sec2 .sec2-left p {

    margin-top: 70px;

    color: #333;

    font-size: 18px;

    letter-spacing: 1px;

    font-family: arial;

    padding-right: 30px;

}

.index_sec2 .sec2-right {

    position: relative;

    padding-left: 40px;

    top: -20px;

    width: 70%;

    float: left;

}

.index_sec2 .sec2-right:before {

    content: '';

    position: absolute;

    left: 16px;

    top: 20px;

    width: 100%;

    height: 96%;

    background-color: #f0eee9;

    z-index: 9;

}

.index_sec2 .sec2-right:after {

    content: '';

    position: absolute;

    left: 0px;

    top: 5px;

    width: 100%;

    height: 102%;

    background-color: #FFFFFF;

    z-index: 8;

    padding-top: 20px;

}

.index_sec2 .sec2-right img {

    width: 100%;

    position: relative;

    z-index: 10;

    top: -20px;

}

/***** index_sec2 *******/

/***** index_sec3 *******/

.index_sec3 {

    background: url(../images/sec3-bj.jpg) no-repeat center center;

    background-size: cover;

    color: #F5F5F5;

    padding: 80px 0 80px 0;

    font-family: arial;

}

.index_sec3 .sec3_banc {

    width: 60%;

    margin: 0 auto;

}

.index_sec3 .sec3_left {

    /*border-right: 1px solid #999;*/

    /*padding-left: 110px;*/

    width: 555px;

}

.index_sec3 .sec3_left h3 {

    margin-bottom: 30px;

}

.index_sec3 .sec3_left-conter {

    overflow: hidden;

}

.index_sec3 .sec3_left .sec3-lcl {

    float: left;

    margin-right: 30px;

}

.index_sec3 .sec3_left .sec3-lcr {

    float: left;

}

.index_sec3 .sec3_left .sec3-lcr h6,.index_sec3 .sec3_right h6{

    font-size: 16px;

    margin-top: 0;

    margin-bottom: 13px;

}

.index_sec3 .sec3_right {

    font-size: 16px;

    padding-left: 110px;

}

.index_sec3 .sec3_right h3 {

    /*margin: 0;*/

    margin-bottom: 30px;

    letter-spacing: 1px;

}

.index_sec3 .sec3_right h4 {

    /*line-height: 40px; */

    margin: 0;

    letter-spacing: 1px;

    margin-bottom: 30px;

}

.index_sec3 .sec3_right h5 {

    line-height: 30px;

    margin: 0;

    letter-spacing: 1px;

}

.index_sec3 .sec3-icon {

    margin-top: 20px;

}

/***** index_sec3 *******/

/***** index_sec4 *******/

.index_sec4 {

    background-color: #f0eee9;

    padding: 60px 56px;

    font-family: arial;

}

.index_sec4 .sec4-title {

    margin-bottom: 50px;

    position: relative;

    color: #333333;

    font-weight: 700;

    font-size: 16px;

    letter-spacing: 3px;

}

.index_sec4 .sec4-title:after {

    content: '';

    position: absolute;

    top: 10px;

    right: 0;

    height: 1px;

    background-color: #CCCCCC;

    width: 91%;

}

.index_sec4 .sec4_row2 {

    margin-top: 30px;

}

.index_sec4 .sec4-box {

    position: relative;

    color: #FFFFFF;

    text-align: center;

}

.index_sec4 .sec4-box:hover .pz {

    background-color: #666666;

}

.index_sec4 .sec4-box .pz {

    position: absolute;

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;

    z-index: 8;

    background-color: rgba(0, 0, 0, .6);

    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#99000000', endColorstr='#99000000');

    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#99000000', endColorstr='#99000000')";

     -ms-transition: background-color, 1s;

    -moz-transition: background-color, 1s;

    -webkit-transition: background-color, 1s;

    transition: background-color, 1s;

}

.index_sec4 .sec4-box img {

    width: 100%;

}

.index_sec4 .sec4_content {

    position: absolute;

    left: 50%;

    top: 50%;

    -ms-transform: translate(-50%, -50%); /* IE 9 */

    -moz-transform: translate(-50%, -50%); /* Firefox */

    -webkit-transform: translate(-50%, -50%); /* Safari 和 Chrome */

    transform: translate(-50%, -50%);

    z-index: 9;

    width: 80%;

    margin: 0 auto;

}

.index_sec4 .sec4_content h3 {

    position: relative;

    margin-bottom: 60px;

    display: -webkit-box;

    -webkit-box-orient: vertical;

    -webkit-line-clamp: 2;

    overflow: hidden;

    font-size: 18px;

    color: #F5F5F5;

    letter-spacing: 2px;

    line-height: 26px;

    /*text-align: left;*/

	height: 58px

}

.index_sec4 .sec4_content .sec4_line {

    content: '';

    position: absolute;

    top: 100px;

    left: 50%;

    -ms-transform: translate(-50%, -50%); /* IE 9 */

    -moz-transform: translate(-50%, -50%); /* Firefox */

    -webkit-transform: translate(-50%, -50%); /* Safari 和 Chrome */

    transform: translate(-50%, -50%);

    height: 2px;

    width: 10%;

    z-index: 12;

    background-color: #FFFFFF;

}

.index_sec4 .sec4_content p {

    overflow: hidden;

    text-overflow: ellipsis;

    -webkit-box-orient: vertical;

    -webkit-line-clamp: 4;

    display: -webkit-box;

    color: #ccc;

}

.index_sec4 .sec4_content span {

    position: absolute;

    right: 0;

    top: -30px;

}

/***** index_sec4 *******/

/***** index_sec5 *******/

.index_sec5 {

    width: 100%;

    padding: 60px 0;

    background-color: #fff;

}

.index_sec5 .sec5_banc {

    text-align: center;

    width: 400px;

    margin: 0 auto;

}

.index_sec5 .sec5_banc h3 {

    font-size: 28px;

    font-family: georgia;

    letter-spacing: 1px;

}

.index_sec5 .sec5_banc input[type='text'],.index_sec5 .sec5_banc textarea{

    padding: 3px 20px;

    height: 40px;

    line-height: 40px;

    width: 100%;

    margin-top: 30px;

}

.index_sec5 .sec5_banc textarea{

    line-height: 24px;

    height: 100px;

    width: 100%;

    resize: none;

}

.index_sec5 .sec5_banc .xuanx_box {

    background-color: #FFFFFF;

    width: 18px !important;

    padding: 0 !important;

    height: 18px !important;

    margin-right: 10px !important;

    letter-spacing: 1px;

    color: #999;

    font-size: 13px;

    border: 1px solid #e8e8e8;

    background-color: #ffffff;

    position: absolute;

    left: 0;

    top: 2px;

}

.index_sec5 .sec5_banc .xuanx_box1 {

    display: block;

}

.index_sec5 .sec5_banc .xuanx_box1:after {

    content: '';

    position: absolute;

    top: 0;

    left: 0;

    background-color: #c39367;

    width: 80%;

    height: 80%;

    height: 12px;

    width: 12px;

    margin: 2px;

    display: block;

    transition: all 1s;

}

.index_sec5 .sec5_banc p {

    margin-top: 30px;

    margin-bottom: 40px;

    text-align: left;

}

.index_sec5 .sec5_banc .up {

    display: block;

    background-color: #898d8d;

    border-radius: 5px;

    color: #FFFFFF;

    border-bottom: 1px solid #333;

    margin-top: 30px;

    width: 240px;

    max-width: 100%;

    text-align: center;

    margin: 0 auto;

    height: 40px;

    line-height: 40px;

    transition: all 1s ease;

    -webkit-transition: all 1s ease;

    -moz-transition: all 1s ease;

    -o-transition: all 1s ease;

}

.index_sec5 .sec5_banc .up:hover {

    background-color: #000;

}

.index_sec5 .sec5_banc .up-jt {

    left: 0px;

    position: relative;

    transition: all 1s ease;

    -webkit-transition: all 1s ease;

    -moz-transition: all 1s ease;

    -o-transition: all 1s ease;

}

.index_sec5 .sec5_banc .up:hover .up-jt {

    left: 10px;

}

.index_sec5 .sec5_banc select {

    width: 100%;

    height: 40px;

    line-height: 40px;

    margin-top: 30px;

    outline: none;

    padding-left: 20px;

}

.index_sec5 .sec5_banc select:hover {

    border-color: #CCCCCC;

}

.more-content {

    display: none;

}

.xuanx {

    text-align: left;

    color: #2d2926;

    position: relative;

    padding-left: 30px;

    line-height: 25px;

}

/***** index_sec5 *******/

/***** footer *******/

.footer {

    background-color: #3a3938;

    color: #FFFFFF;

    padding-top: 60px;

    position: fixed;

    z-index: 1;

    bottom: 0;

    left: 0;

    width: 100%;

    /*padding-bottom: 20px;*/

}

.footer .footer-banc {

    width: 80%;

    margin: 0 auto;

}

.footer .footer-bottom {

    border-top: 1px solid #7e7e7e;

    font-size: 12px;

    height: 60px;

    line-height: 60px;

    margin: 0;

    color: #999;

    overflow: hidden;

    font-family: arial;

    letter-spacing: 1px;

}

.footer .footer-sec {

    margin-bottom: 30px;

}

.footer .footer-sec a {

    color: #999999;

}

.footer .footer-sec1,

.footer .footer-sec4 {

    color: #999;

}

.footer-sec4 h5{

    color: #fff;

    font-size: 15px;

    /* padding-left: 25px; */

    margin: 0px;

    letter-spacing: 2px;

    margin-bottom: 10px;

}

.footer .footer-sec2 .footer-sec2-2 {

    margin-top: 30px;

}

.footer .footer-sec2 h3 {

    font-size: 13px;

    margin: 0;

    letter-spacing: 1px;

}

.footer .footer-sec2 h3 a {

    color: #fff;

}

.footer .footer-sec2 h3 span {

    font-size: 12px;

}

.footer .footer-sec2 h4 {

    color: #999;

    font-size: 12px;

}

.footer .footer-sec4 img {

    margin-right: 10px;

}

.footer .footer-sec4 p {

    line-height: 30px;

    margin: 0px;

    font-size: 12px;

}

.footer .footer-sec1 img {

    width: 40%;

    margin-bottom: 18px;

}

.footer .footer-bottom-l {

    float: left;

}

.footer .footer-bottom-r {

    float: left;

}

/***** footer *******/

/* 2018-3-6 */

.index-sec1 {

    padding: 70px 0 50px;

    background: #f5f5f5;

}

.index-sec1-f1 {

    width: 20%;

    margin: 0 auto 50px;

    text-align: center;

}

.index-sec1-f2 {

    width: 60%;

    margin: 0 auto;

    font-size: 20px;

    text-transform: uppercase;

    text-align: center;

    color: #333;

    letter-spacing: 1px;

    font-weight: 600;

    line-height: 30px;

}

.index-sec1-f3 {

    width: 90%;

    margin: 10px auto 0;

    font-size: 15px;

    text-transform: uppercase;

    text-align: center;

    color: #b81c22;

    letter-spacing: 1px;

    font-weight: 600;

    line-height: 30px;

}

.index-sec1 {

    width: 100%;

}

.index-sec2 {

    width: 100%;

    background: #f5f5f5;

}

.index-sec2 .row1 {

    margin: 0;

    padding: 0;

}

.index-sec2 .col-1 {

    margin: 0;

    padding: 0;

}

.index-sec2 .col-1 img:hover {

    /*border: 4px solid #b81c22;

  -moz-transform: perspective(360px) rotateY(360deg);

    -webkit-transform: perspective(360px) rotateY(360deg);

    transform: perspective(360px) rotateY(360deg);

    transition: all 2s;

    -webkit-transition: all 2s;*/

}

.model {

    position: absolute;

    top: 0;

    bottom: 0;

    left: 0;

    right: 0;

}

.Searchform__form {

    position: fixed;

    top: 0;

    left: 0;

    z-index: 30;

    width: 100%;

    height: 100%;

    background: rgba(0, 0, 0, .9);

    display: none;

    /*-webkit-transform-origin: right top;

    -ms-transform-origin: right top;

    transform-origin: right top;

    -webkit-animation: popOutSearch .2s ease forwards;

    animation: popOutSearch .2s ease forwards;*/

}

.Searchform_left {

    position: absolute;

    top: 10px;

    left: -50px;

}

.Searchform_center {

    width: 80%;

    margin: 0 auto;

    position: relative;

}

.Searchform_center input {

    width: 100%;

    height: 110px;

    border: none;

    background: #202020;

    color: #fefefe;

}

.Searchform_right {

    position: absolute;

    top: 10px;

    right: -50px;

}

.Searchform__wrapper {

    position: fixed;

    width: 100%;

    height: 110px;

    background: #202020;

}

.Searchform_center input::input-placeholder {

    font-size: 20px;

    font-weight: normal;

}

.Searchform_center input::-webkit-input-placeholder {

    font-size: 20px;

    font-weight: normal;

}

.Searchform_center input:-ms-input-placeholder {

    font-size: 20px;

    font-weight: normal;

}

.Searchform_center input:-moz-placeholder {

    font-size: 20px;

    font-weight: normal;

}

.Searchform_center input::-moz-placeholder {

    font-size: 20px;

    font-weight: normal;

}

.Searchform_right a {

    display: inline-block;

    width: 50px;

    height: 50px;

    background: #2c2c2c;

    color: #b2b2b2;

    line-height: 44px;

    border-radius: 50%;

    font-size: 22px;

}

.index-sec2-nav {

    text-align: center;

    padding: 20px 0;

    /*margin-bottom: 40px;*/

}

.index-sec2-nav li {

    display: inline-block;

    margin-right: 3%;

    font-size: 13px;

    cursor: pointer;

    position: relative;

}

.index-sec2_list{

    font-size: 16px;

    /*width: 60%;*/

    line-height: 26px;

}

.index-sec2_list span{

    display: inline-block;

    margin-right: 20px;

    line-height: 30px;

    font-size: 14px;

    text-transform: capitalize;

}

.index-sec2-nav_son li.active {

    font-size: 17px;

    color: #d70c19;

}

.index-sec2-nav_son li:hover {

    color: #d70c19;

}

.index-sec2-nav{

    border-bottom: 2px solid #d70c19;

    position: relative;

}

.row1-img {

    position: relative;

}

.row1-img1 {

    position: absolute;

    bottom: 0;

    left: 0;

    padding: 5px 15px;

    font-size: 14px;

    color: #EEE;

    transition: all 0.2s ease;

    -webkit-transition: all 0.2s ease;

    -moz-transition: all 0.2s ease;

    -o-transition: all 0.2s ease;

    text-transform: uppercase;

    color: #dec696;

    font-size: 12px;

}

.row1-img:hover {

    /*border: 4px solid #b81c22;

    transition: all 2s;

    -webkit-transition: all 2s;

    -moz-transform: perspective(360px) rotateY(360deg);

    -webkit-transform: perspective(360px) rotateY(360deg);

    transform: perspective(360px) rotateY(360deg);*/

}

.index_help {

    position: fixed;

    bottom: 15px;

    right: 25px;

    font-size: 20px;

    color: #fff;

    background-color: #000;

    width: 105px;

    height: 45px;

    line-height: 45px;

    text-align: center;

    border-radius: 30px;

    cursor: pointer;

    overflow: hidden;

}

.index_help span {

    width: 20px;

    height: 20px;

    font-size: 16px;

    display: inline-block;

    vertical-align: middle;

    margin-right: 5px;

    line-height: 16px;

    border-radius: 50%;

    border: 2px solid #fff;

}

.index_contact {

    width: 100%;

    padding: 50px 0;

    width: 100%;

    background: url("../images/index_contact.jpg") no-repeat center center;

    background-size: cover;

    color: #fff;

}

.index_contact h4 {

    font-size: 23px;

    letter-spacing: 2px;

    text-transform: uppercase;

    margin-bottom: 10px;

    font-weight: bold;

    text-align: center;

}

.index_contact h5 {

    font-size: 12px;

    text-transform: uppercase;

    text-align: center;

    line-height: 18px;

}

.index_contact_box input {

    line-height: 30px;

    background: transparent;

    border: none;

    width: 100%;

    border-bottom: 1px solid #939090;

    position: relative;

    z-index: 2;

}

.index_contact_con {

    width: 470px;

    margin: 0 auto;

    margin-top: 20px;

}

.index_contact_box {

    padding-top: 20px;

    color: #939090;

    position: relative;

}

.index_contact_box span {

    z-index: 1;

    position: absolute;

    top: 20px;

    left: 8px;

    font-size: 12px;

    transition: all 0.2s ease;

    -webkit-transition: all 0.2s ease;

    -moz-transition: all 0.2s ease;

    -o-transition: all 0.2s ease;

}

.index_contact_box span.on {

    top: 0px;

    left: 0px;

}

.index_contact_kuang .row {

    margin: 0 -10px;

    margin-bottom: 20px;

}

.index_contact_kuang .col-sm-6 {

    padding: 0 10px;

}

.index_contact_bt {

    position: absolute;

    bottom: 5px;

    right: 0px;

    width: 28px;

    height: 28px;

    text-align: center;

    line-height: 28px;

    border-radius: 50%;

    background-color: #fff;

}

.index_contact_bt svg {

    width: 13px;

}

.index_mess {

    padding: 30px 15px 80px 15px;

}

.index_mess_con {

    padding: 25px 40px;

    border: 1px solid #ccc;

    position: relative;

}

.index_mess_con h5 {

    margin-bottom: 20px;

}

.index_mess_con h5 svg {

    width: 20px;

    display: inline-block;

    vertical-align: middle;

}

.index_mess_con h5 {

    text-transform: uppercase;

}

.tc-widget-logo .cls-1 {

    fill: #3bb76a;

}

.tc-widget-logo .cls-2 {

    fill: #f5b11b;

}

.tc-widget-logo .cls-3 {

    stroke: #f6d896;

    stroke-width: 1px;

    fill: none;

}

.tc-widget-logo .cls-4 {

    fill: #ffeec8;

}

.index_mess_box_sta svg {

    display: inline;

    fill: rgb(245, 211, 75);

    stop-color: rgb(245, 211, 75);

    height: 20px;

    width: 20px;

    margin-right: -3px;

}

.index_mess_box_sta {

    margin-bottom: 10px;

}

.index_mess_box p {

    margin-bottom: 40px;

    display: -webkit-box;

    -webkit-box-orient: vertical;

    -webkit-line-clamp: 2;

    overflow: hidden;

    font-size: 13px;

}

.index_mess_box .time {

    text-align: right;

    font-size: 12px;

}

.index_mess_box .time b {

    font-weight: bold;

}

.index_mess_box {

    padding-bottom: 40px;

}

.mess_left, .mess_right {

    width: 24px;

    height: 24px;

    text-align: center;

    line-height: 24px;

    border-radius: 50%;

    position: absolute;

    background-color: #ccc;

    color: #fff;

    top: 50%;

    cursor: pointer;

    margin-top: 12px;

}

.mess_left {

    left: 10px;

}

.mess_right {

    right: 10px;

}

.mess_bg {

    width: 100%;

    height: 440px;

    background: url("../images/mess_bg.jpg") no-repeat center center;

    background-attachment: fixed;

    display: none;

}

.index_con3 {

    background-color: #fff;

}

.index_con3_nav {

    width: 100%;

    margin-bottom: 50px;

    text-align: center;

}

.all_pad {

    padding: 80px 0 60px 0;

}

.index_con3_mess_text {

    margin-top: 30px;

}

.index_con3_mess_text h5 {

    font-size: 20px;

    margin-bottom: 20px;

}

.index_con3_mess_text p {

    line-height: 24px;

    color: #444;

}

.index_con3_mess .row {

    margin: 0 -10px;

}

.index_con3_mess .col-sm-6 {

    padding: 0 10px;

}

.index_con3_mess_box {

    margin-bottom: 50px;

}

.index_con3_bt {

    width: 100%;

    text-align: center;

}

.index_con3_bt a {

    display: inline-block;

    margin: 0 10px;

    width: 240px;

    height: 40px;

    line-height: 40px;

    background-color: #d6d6d6;

    border: 1px solid #d6d6d6;

    box-shadow: 0 1px 1px #000;

    transition: all 1s ease;

    -webkit-transition: all 1s ease;

    -moz-transition: all 1s ease;

    -o-transition: all 1s ease;

    text-transform: uppercase;

}

.index_con3_bt a i {

    position: relative;

    left: 0px;

    transition: all 0.2s ease;

    -webkit-transition: all 0.2s ease;

    -moz-transition: all 0.2s ease;

    -o-transition: all 0.2s ease;

}

.index_con3_bt a.on {

    background: #898D8D;

    border: 1px solid #898D8D;

    color: #fff;

}

.index_con3_bt a:hover {

    color: #FFF;

    background-color: #2D2926;

    border: 1px solid #2D2926;

}

.index_con3_bt a:hover i {

    left: 10px;

}

/***** 自适应 *******/

@media (max-width: 1600px) {

    .index_sec4 .sec4_content h3,

    .index_sec4 .sec4_content p {

        font-size: 16px;

        margin-bottom: 26px;

    }

    .banner_bottom {

        bottom: -20%;

    }

    .index_sec2 .sec2-right img {

        width: 140%;

    }

    .index_sec4 .sec4-title:after {

        width: 87%;

    }

    .index_sec4 .sec4_content span {

        top: -16px;

    }

    .index_sec4 .sec4_content .sec4_line {

        top: 80px;

    }

    .index_products:after {

        letter-spacing: 26px;

    }

	.cb-box .list .box1{

		height: 408px;

	}

}

@media (max-width: 1440px) {

    .index_sec4 .sec4_content h3,

    .index_sec4 .sec4_content p {

        font-size: 14px;

        margin-bottom: 26px;

    }

    .banner_bottom {

        bottom: -20%;

    }

    .index_sec2 .sec2-right img {

        width: 140%;

    }

    .index_sec4 .sec4-title:after {

        width: 87%;

    }

    .index_sec4 .sec4_content span {

        top: -16px;

    }

    .index_sec4 .sec4_content .sec4_line {

        top: 80px;

    }

	.cb-box{

		padding: 5% 6%

	}

}

@media (max-width: 1366px) {

    /* header .logo {

        width: 100%;

    } */

    .index_sec4 .sec4_content h3,

    .index_sec4 .sec4_content p {

        font-size: 14px;

        margin-bottom: 26px;

    }

    .banner_bottom {

        bottom: -20%;

    }

    .index_sec2 .sec2-right img {

        width: 140%;

    }

    .index_sec4 .sec4-title:after {

        width: 87%;

    }

    .index_sec4 .sec4_content span {

        top: -16px;

    }

    .index_sec4 .sec4_content .sec4_line {

        top: 80px;

    }

}

@media (max-width: 1280px) {

    .banner_bottom {

        bottom: -26%;

    }

    /* .header .logo {

        width: 100%;

    } */

    .index_sec2 .sec2-left h2 img,

    .index_sec2 .sec2-left h3 {

        /*width: 310px;*/

    }

    .index_sec2 .sec2-left h3 {

        margin-top: 0;

    }

    .index_sec2 .sec2-left p {

        font-size: 16px;

    }

    .index_sec4 .sec4-title:after {

        width: 86%;

    }

    .index_sec4 .sec4_content h3,

    .index_sec4 .sec4_content p {

        font-size: 15px;

        margin-bottom: 26px;

    }

    .index_sec4 .sec4_content span {

        top: -10px;

    }

    .index_sec4 .sec4_content .sec4_line {

        top: 82px;

    }

    .index_sec2 .sec2-right img {

        width: 140%;

    }

}

@media (max-width: 768px) {

}

/***** 自适应 *******/

/******3.10yjj********/

.ind1_pro1 {

    position: relative;

}

.ind1_pro1 .img2 {

    position: absolute;

    top: 0px;

    left: 0px;

}

.ind1_pro1 img {

    transition: all 0.2s ease;

    -webkit-transition: all 0.2s ease;

    -moz-transition: all 0.2s ease;

    -o-transition: all 0.2s ease;

}

.ind1_pro1 .img1 {

    filter: alpha(opacity=0);

    -moz-opacity: 0;

    -khtml-opacity: 0;

    opacity: 0;

}

.ind1_pro1 span, .ind1_pro1 span b {

    position: absolute;

    width: 100%;

    height: 100%;

    left: 0px;

    top: 0px;

}

.ind1_pro1 span {

    z-index: 1;

    transition: 400ms;

    -webkit-transition: 400ms;

    -webkit-transform: scale(0.9);

    -moz-transform: scale(0.9);

    -o-transform: scale(0.9);

    transform: scale(0.9);

    visibility: hidden;

}

.ind1_pro1 span:after {

    content: '';

    position: absolute;

    top: 0px;

    left: 0px;

    width: 0px;

    height: 1px;

    background-color: #dec696;

    transition: 400ms;

    -webkit-transition: 400ms;

}

.ind1_pro1 span b:after {

    content: '';

    position: absolute;

    bottom: 0px;

    right: 0px;

    width: 0px;

    height: 1px;

    background-color: #dec696;

    transition: 400ms;

    -webkit-transition: 400ms;

}

.ind1_pro1 span:before {

    content: '';

    position: absolute;

    top: 0px;

    right: 0px;

    width: 1px;

    height: 0px;

    background-color: #dec696;

    transition: 400ms;

    -webkit-transition: 400ms;

}

.ind1_pro1 span b:before {

    content: '';

    position: absolute;

    bottom: 0px;

    left: 0px;

    width: 1px;

    height: 0px;

    background-color: #dec696;

    transition: 400ms;

    -webkit-transition: 400ms;

}

.row1-img:hover .ind1_pro1 .img2, .row1-img.on .ind1_pro1 .img2 {

    filter: alpha(opacity=0);

    -moz-opacity: 0;

    -khtml-opacity: 0;

    opacity: 0;

}

.row1-img:hover .ind1_pro1 .img1, .row1-img.on .ind1_pro1 .img1 {

    filter: alpha(opacity=100);

    -moz-opacity: 1;

    -khtml-opacity: 1;

    opacity: 1;

}

.row1-img:hover .ind1_pro1 span, .row1-img.on .ind1_pro1 span {

    visibility: visible;

}

.row1-img:hover .ind1_pro1 span:after, .row1-img:hover .ind1_pro1 span b:after, .row1-img.on .ind1_pro1 span:after, .row1-img.on .ind1_pro1 span b:after {

    width: 100%;

}

.row1-img:hover .ind1_pro1 span:before, .row1-img:hover .ind1_pro1 span b:before, .row1-img.on .ind1_pro1 span:before, .row1-img.on .ind1_pro1 span b:before {

    height: 100%;

}

.row1-img:hover .row1-img1, .row1-img.on .row1-img1 {

    bottom: 6%;

    left: 20px;

    color: #dec696;

}

.ind2_pro_list {

    position: absolute;

    left: 100%;

    top: 0px;

    width: 100%;

    min-width: 780px;

    border: 4px solid #b81c22;

    z-index: 4;

    background-color: #fff;

    padding: 25px;

    display: none;

    /*min-height: 528px;*/

}

.ind2_pro_list .three {

    position: absolute;

    top: 24px;

    left: -14.9px;

    width: 15px;

}

.ind2_pro_list_tit {

    font-size: 16px;

    color: #b81c22;

    margin: 0px;

    text-transform: uppercase;

}

.ind2_pro_list_box .pro_clsss {

    margin-top: 16px;

    position: relative;

    padding-left: 18px;

    text-transform: uppercase;

}

.ind2_pro_list_box .pro_clsss span {

    position: absolute;

    top: 0px;

    left: 0px;

    font-size: 16px;

    color: #b81c22;

}

.ind2_pro_list_box .pro_clsss ul {

    margin: 0px;

    padding: 0px;

    max-height: 44px;

    overflow: hidden;

}

.ind2_pro_list_box .pro_clsss ul li {

    font-size: 12px;

    margin-right: 15px;

    float: left;

    line-height: 22px;

}

.ind2_pro_list_box .pro_clsss ul li a {

    color: #333;

}

.ind2_pro_list_box .pro_clsss ul li.on a {

    color: #D70C19;

    font-weight: bold;

}

.pro_clsss ul li:hover a {

    color: #D70C19;

    font-weight: bold;

}

.ind2_pro_list_band {

    position: absolute;

    top: 0px;

    left: 0px;

    width: 100%;

    height: 100%;

    background-color: rgba(0, 0, 0, 0.5);

    display: none;

}

.band_box {

    position: absolute;

    top: 20%;

    left: 20%;

    width: 500px;

    padding: 20px;

    background-color: #fff;

    border: 4px solid #E9C519;

    display: none;

}

.band_box_son {

    width: 50%;

    float: left;

    text-align: center;

}

.band_box_son h5 {

    font-size: 16px;

    color: #b81c22;

    margin: 0px;

    margin-bottom: 20px;

    text-transform: uppercase;

    font-weight: bold;

}

.band_box_son ul {

    padding: 0px;

    margin: 0px;

}

.band_box_son ul li {

    width: 50%;

    float: left;

    margin-bottom: 15px;

    text-align: center;

}

.band_box_son ul li a{

    color: #333;

}

.band_box_son ul li img {

    width: 80%;

    transition: all 0.2s ease;

    -webkit-transition: all 0.2s ease;

    -moz-transition: all 0.2s ease;

    -o-transition: all 0.2s ease;

    top: 0px;

    position: relative;

}

.band_box_son ul li:hover img {

    top: -3px;

}

.band_box .three2 {

    position: absolute;

    top: 24px;

    left: -14.9px;

    width: 15px;

    height: 24px;

    background-image: url("../images/three3.png");

    background-repeat: no-repeat;

    background-position: center center;

    background-size: cover;

}

.band_box .three2.on {

    left: auto;

    right: -14.9px;

    background-image: url("../images/three2.png");

}

/******3.10yjj********/

/******3.12yjj********/

.ind1_pro {

    margin-top: -93px;

    position: relative;

    background-color: transparent;

}

.ind1_pro_nav_search {

    background-color: #e4e5e7;

    padding: 15px 20px 25px 20px;

}

.ind1_pro_nav_type {

    float: left;

    margin-right: 20px;

}

.ind1_pro_nav_type p {

    font-size: 12px;

    margin-bottom: 6px;

}

.ind1_pro_nav_type select {

    position: relative;

    border: 1px solid #c1c1c1;

    line-height: 30px;

    height: 30px;

    color: #666;

    font-size: 12px;

    padding: 0 15px;

    background-color: #fff;

    min-width: 220px;

    outline: none;

}

.ind1_pro_nav_type_son select {

    float: left;

}

.ind1_pro_nav_type_son .bt {

    height: 30px;

    line-height: 30px;

    border: 1px solid #ae1c29;

    display: block;

    float: left;

    margin-left: 20px;

    color: #fff;

    padding: 0 40px;

    background: -webkit-linear-gradient(top, #fe0002, #af1c2e);

    background: -moz-linear-gradient(top, #fe0002, #af1c2e);

    background: -o-linear-gradient(top, #fe0002, #af1c2e);

    background: -ms-linear-gradient(top, #fe0002, #af1c2e);

    background: linear-gradient(top, #fe0002, #af1c2e);

    cursor: pointer;

    vertical-align: middle;

}

.ind1_pro_nav_type.one select {

    min-width: 300px

}

.ind1_pro_gj {

    float: right;

    padding-top: 23px;

    position: relative;

}

.ind1_pro_gj input {

    min-width: 220px;

    border: 0px;

    border-bottom: 1px solid #c1c1c1;

    line-height: 30px;

    height: 30px;

    color: #666;

    text-transform: uppercase;

    background: transparent;

    font-size: 12px;

    z-index: 2;

    position: relative;

    padding: 0 40px 0 0px;

}

.ind1_pro_gj span.bt {

    position: absolute;

    top: 23px;

    right: 0px;

    height: 30px;

    width: 30px;

    padding: 5px;

    z-index: 2;

    cursor: pointer;

}

.ind1_pro_gj span.tit {

    position: absolute;

    z-index: 1;

    color: #929292;

    top: 25px;

    left: 10px;

    transition: all 0.2s ease;

    -webkit-transition: all 0.2s ease;

    -moz-transition: all 0.2s ease;

    -o-transition: all 0.2s ease;

}

.ind1_pro_gj span.tit.on {

    top: 10px;

    left: 0px;

}

.ind1_pro_nav_class li {

    width: 16.6666%;

    float: left;

    height: 66px;

    line-height: 66px;

    background-color: #4d585e;

    color: #fff;

    text-align: center;

    border-right: 1px solid #979b9c;

    text-transform: uppercase;

    cursor: pointer;

    font-size: 12px;

}

.ind1_pro_nav_class li.on {

    background-color: #D70C19;

    color: #fff;

}

.ind1_pro_nav_class li.last {

    border: 0px;

}

.ind1_pro_list {

    width: 1250px;

    margin: 0 auto;

    padding: 40px 50px;

    box-shadow: 0 1px 7px 1px rgba(0, 0, 0, 0.1);

    position: relative;

    display: none;

    background: #fff;

}

.ind1_pro_list.on {

    display: block;

}

.ind1_pro_list_bg {

    background-color: #f5f5f5;

    padding-bottom: 80px;

}

.ind1_pro_list_bg .pro_band_zimu {

    background-color: #efefef;

    margin: 0px;

}

/******3.12yjj********/

/*******news*********/

.news {

    width: 100%;

    background-color: #F0EEE9;

    padding-top: 20px;

}

.news_con {

	padding: 30px 30px 0 30px;

}

.news_con1 {

    margin-bottom: 60px;

}

.news_con1_son_left {

    position: relative;

}

.news_con1_rimg {

    position: relative;

}

.news_con1_rimg.one {

    margin-bottom: 20px;

}

.news_con1_box_text span {

    text-transform: uppercase;

    letter-spacing: 1px;

    display: inline-block;

    line-height: 1.7;

	font-size: 16px;

	margin: 20px 0 0 0;

	opacity: 0.88;

    height: 48px;

    overflow: hidden;

	display: none;

}

.news_con1_box:hover .news_con1_box_text span {

	display: block;

}

 .col-sm-8 .news_con1_box_text span{

	 display: block;

 }

.news_con1_box_text h1 {

    font-size: 30px;

    display: -webkit-box;

    -webkit-box-orient: vertical;

    -webkit-line-clamp: 2;

    border-bottom: 1px solid #fff;

	display: initial;

}

.news_con1_son_right .news_con1_box_text h1 {

    font-size: 18px;

    height: 20px;

    line-height: 29px;

    overflow: hidden;

}

.news_con1_box_text h5 {

    margin: 20px 0 0 0px;

}

.news_con1_box_text {

    position: absolute;

    bottom: 12%;

    width: 70%;

    left: 15%;

    text-align: center;

    color: #fff;

}

.news_con1_box {

    position: absolute;

    top: 0px;

    left: 0px;

    width: 100%;

    height: 100%;

    background: rgba(0, 0, 0, 0.3);

    transition: all 0.2s ease;

    -webkit-transition: all 0.2s ease;

    -moz-transition: all 0.2s ease;

    -o-transition: all 0.2s ease;

}

.news_con1_box:hover {

    background: rgba(0, 0, 0, 0.5);

}

.news_nav {

    background-color: #e1e1e1;

    margin-bottom: 80px;

}

.news_nav_input {

    width: 60%;

    float: left;

    height: 90px;

    position: relative;

    border-right: 1px solid #D3D3D3;

}

.news_nav_input .tit {

    position: absolute;

    top: 0px;

    left: 0px;

    text-align: center;

    font-size: 25px;

    width: 70px;

    height: 90px;

    line-height: 90px;

    color: #cdcdcd;

    z-index: 2;

    cursor: pointer;

}

.news_nav_input input {

    width: 100%;

    background-color: transparent;

    border: 0px;

    height: 40px;

    line-height: 40px;

    margin-top: 25px;

    padding-right: 15px;

    padding-left: 70px;

    color: #CFCFCF;

    text-transform: uppercase;

}

.news_nav_input .input {

    position: relative;

}

.news_nav_sel {

    width: 15%;

    float: left;

    position: relative;

    height: 90px;

    border-right: 1px solid #D3D3D3;

}

.news_nav_sel h5 {

    line-height: 45px;

    color: #9F9F9F;

    padding: 0 20px;

    font-size: 16px;

    margin: 0px;

    cursor: pointer;

    text-transform: uppercase;

}

.news_nav_sel h5 i {

    display: inline-block;

    vertical-align: middle;

    margin-right: 20px;

}

.news_nav_sel h5:hover {

    background-color: #e6e6e6;

}

.news_nav_sel_list {

    position: absolute;

    top: 0px;

    left: 0px;

    width: 100%;

    background-color: #e1e1e1;

    z-index: 3;

    display: none;

}

.news_nav_sel_list li {

    line-height: 50px;

    padding: 0 20px;

    color: #9F9F9F;

    transition: all 0.2s ease;

    -webkit-transition: all 0.2s ease;

    -moz-transition: all 0.2s ease;

    -o-transition: all 0.2s ease;

    text-transform: uppercase;

    cursor: pointer;

}

.news_nav_sel li.on {

    height: 90px;

    line-height: 90px;

}

.news_nav_sel li:hover {

    background-color: #cdcdcd;

}

.news_nav_sel.month {

    width: 14%;

    float: left;

}

.news_nav_bt {

    width: 11%;

    float: left;

    text-align: center;

    line-height: 90px;

    height: 90px;

    background-color: #cdcdcd;

    color: #a5a5a4;

    text-transform: uppercase;

    font-size: 14px;

    font-weight: bold;

    cursor: pointer;

}

.news_tit {

    color: #8B8B8B;

    text-transform: uppercase;

    font-size: 16px;

    margin-bottom: 40px;

    position: relative;

}

.news_tit:after {

    content: '';

    position: absolute;

    top: 10px;

    left: 0px;

    width: 100%;

    height: 1px;

    background-color: #CACACA;

    z-index: 1;

}

.news_tit span {

    display: inline-block;

    background-color: #F0EEE9;

    position: relative;

    z-index: 2;

    padding-right: 20px;

}

.news_con2 {

    padding-bottom: 80px;

    margin: 0 -30px;

    position: relative;

}

.news2_tit{

    padding: 0 30px;

}

.news_con2_box_img {

    position: relative;

}

.news_con2_box_img span {

    position: absolute;

    top: 10px;

    left: 10px;

    text-transform: uppercase;

    color: #999;

    line-height: 25px;

    padding: 0 10px;

    background-color: #f5f5f5;

    font-size: 12px;

    display: none;

}

.news_con2_box_text {

    background-color: #fff;

    padding: 30px;

    color: #333;

    border-right: 1px solid #e1e1e1;

}

.news_con2_box_text h6 {

    color: #a5a5a5;

    margin-bottom: 6px;

    font-weight: bold;

}

.news_con2_box_text h5 {

    font-weight: bold;

    line-height: 24px;

    /* height: 48px; */

    margin: 0px;

    display: -webkit-box;

    -webkit-box-orient: vertical;

    -webkit-line-clamp: 2;

    overflow: hidden;

    font-size: 16px;

}

.news_con2_box_text .line {

    display: inline-block;

    width: 30px;

    height: 1px;

    background-color: #D9D9D9;

    margin: 10px 0;

}

.news_con2_box_text p {

    color: #666;

    line-height: 26px;

    height: 84px;

    display: -webkit-box;

    -webkit-box-orient: vertical;

    -webkit-line-clamp: 4;

    overflow: hidden;

	font-size: 16px;

}

.news_con2_box_text h4 {

    font-size: 12px;

    text-transform: uppercase;

    font-weight: bold;

	display: initial;

	background: url(../images/jt_x.png) no-repeat right;

	background-size: 23px;

	padding-right: 39px;

	padding-bottom: 1px;

	transition: 0.5s;

}

.news_con2_box:hover .news_con2_box_text h4 {

	color: #E50012;

	padding-right: 46px;

}

.news_con2_bt {

    text-align: center;

    margin-top: 60px;

}

.news_con2_bt a {

    background: #cdcdcd;

    color: #f0eee9;

    display: inline-block;

    font-weight: bold;

    width: 190px;

    height: 60px;

    line-height: 60px;

    text-align: center;

}

.news_con2_bt a:hover {

    background-color: #636363;

}

.news_con2_box{

	width: 100%!important;

	margin: 0 0 20% 0;

	padding-left: 0!important;

}

.news_con2_son .news-con1{

	float: left;

	width: 22%!important;

    margin-right: 4%;

}

.news_con2_son{

	padding: 0 2%;

}

.news_con2_son .news-con1:nth-child(4){

	margin-right: 0;

}

/*******news*********/

/*******关于我们*********/

.company_ban {

    overflow: hidden;

    position: relative;

	height: inherit!important;

	display: none;

}

.comp_sec1 {

    text-align: center;

    background-color: #f5f5f5;

}

.comp_sec1_tit h5 {

    font-size: 20px;

    font-weight: bold;

    margin-top: 28px;

}

.comp_sec1_tit span img{

	width: 120px !important;

	margin: auto;

}

.comp_sec1_tit {

    margin-bottom: 30px;

}

.comp_sec1 p {

    width: 1000px;

    margin: 0 auto;

    font-size: 16px;

    line-height: 24px;

    letter-spacing: 0.5px;

	text-align: left;

	text-indent: 2em;

	margin-bottom: 10px;

}

.comp_sec2 {

    background-color: #f5f5f5;

}

.comp_sec2_son {

    width: 65%;

    margin: 0 auto;

}

.comp_sec2_text {

    padding: 50px 0 0 30px;

}

.comp_sec2_text h6 {

    text-transform: uppercase;

    font-weight: bold;

    margin-bottom: 20px;

    letter-spacing: 3px;

}

.comp_sec2_text h5 {

    font-size: 20px;

    font-weight: bold;

    text-transform: uppercase;

    margin-bottom: 40px;

}

.comp_sec2_text p {

    font-size: 16px;

    line-height: 26px;

    letter-spacing: 0.5px;

    color: #444;

}

.comp_sec2_text .line {

    display: inline-block;

    width: 52px;

    height: 1px;

    background-color: #B1B1B1;

    margin-top: 50px;

}

.comp_sec3 {

    background-color: #1E1E1E;

}

.comp_sec3_left {

    width: 50%;

    float: left;

    padding: 4% 10% 0 10%;

    color: #888888;

}

.comp_sec3_left h6 {

    font-size: 16px;

    margin-bottom: 18px;

}

.comp_sec3_left h5 {

    font-size: 30px;

    color: #fff;

    margin-bottom: 12px;

}

.comp_sec3_left p {

    font-size: 18px;

    line-height: 30px;

}

.comp_sec3_left .more a{

	display: block;

	color: #fff;

	font-size: 18px;

	background: url(../images/jx_x_1.png) no-repeat right 10px;

    background-size: 26px;

    width: 120px;

	opacity: 0.8;

	margin-top: 20px;

}

.comp_sec3_right {

    width: 50%;

    float: left;

    background: url(../images/comp3_1.jpg) no-repeat center center;

    background-size: cover;

}

.comp_sec3_con {

    width: 80%;

    margin: 0 auto;

}

.comp_sec3_img {

    width: 40%;

    float: left;

    position: relative;

    margin-top: -16%;

}

.comp_sec4 {

    position: relative;

}

.comp_sec3_text {

    padding: 4% 9% 5% 0;

    color: #6e6860;

}

.comp_sec3_text_tit {

    font-size: 16px;

    line-height: 1.7;

    margin-bottom: 30px;

	color: #fff;

	opacity: 0.7;

}

.comp_sec3_text_tit i {

    font-size: 36px;

}

.comp_sec3_text h3 {

    margin: 0px;

    font-size: 30px;

    margin-bottom: 18px;

    color: #fff;

    text-transform: uppercase;

    font-weight: bold;

}

.comp_sec3_text h5 {

    font-size: 18px;

    margin: 0px;

    margin-bottom: 8px;

}

.comp_sec5 {

    background: url(../images/comp5_1.jpg);

    background-position: right;

    background-repeat: no-repeat;

    background-size: cover;

    padding-left: 9%;

}

.comp_sec5 h1 {

    color: #fff;

    font-size: 50px;

    margin: 0px;

    line-height: 60px;

    position: relative;

}

.comp_sec5_text {

    width: 35%;

}

.comp_sec5_text_k {

    position: relative;

}

.comp_sec5_text_son {

    color: #888888;

    position: absolute;

    left: 0px;

    top: 80px;

    filter: alpha(opacity=0);

    -moz-opacity: 0;

    -khtml-opacity: 0;

    opacity: 0;

}

.comp_sec5_text_son h5{

    font-size: 30px;

    font-weight: bold;

    margin-bottom: 40px;

	color: #fff;

}

.comp_sec5_text_son p{

    font-size: 16px;

    line-height: 28px;

}

.comp_sec5_text_son .pro_sec1_right_list_bt{

    text-align: left;

}

.index_gy{

	background: #F3F3F3;

	padding: 5% 10%;

}

.index_gy h1{

	text-align: center;

	margin: 0;

}

.index_gy p{

	width: 60%;

	margin: 2% auto 0 auto;

	text-align: center;

}

.comp_sec6 {

    background-color: #f3f3f3;

}

.comp_sec6_top {

    width: 850px;

    margin: 0 auto;

    color: #b0a496;

}

.comp_sec6_top h2 {

    font-size: 25px;

    color: #b0a496;

    text-transform: uppercase;

    margin: 0px;

    margin-bottom: 50px;

    text-align: center;

}

.comp_sec6_line {

    text-align: center;

    margin-bottom: 50px;

}

.comp_sec6_line svg polyline {

    stroke: #b0a496;

    stroke-width: 1.25;

}

.comp_sec6_top h5 {

    font-size: 18px;

    font-weight: bold;

    line-height: 28px;

    margin-bottom: 60px;

}

.comp_sec6_top p {

    font-size: 17px;

    line-height: 28px;

}

.comp_sec6_btit {

    text-align: center;

}

.comp_sec6_btit h1 {

    font-size: 45px;

    margin-bottom: 21px;

    margin-top:0px;

}

.comp_sec6_btit h5 {

    color: #6b6b6b;

    margin-bottom: 60px;

    line-height: 28px;

    font-size: 17px;

    letter-spacing: 0px;

}

.comp_sec6_b_img {

    width: 50%;

    float: left;

}

.comp_sec6_b_img .img {

    width: 53%;

    margin: 0 auto;

    position: relative;

}

.comp_sec6_b_img .img img {

    position: relative;

    z-index: 2;

}

.comp_sec6_b_img .img:after {

    content: '';

    position: absolute;

    top: 0px;

    left: 0%;

    width: 100%;

    height: 100%;

    border-radius: 50%;

    background-color: #E3E0DA;

    z-index: 1;

}

.comp_sec6_b_text {

    width: 50%;

    float: left;

    padding: 0 10%;

}

.comp_sec6_b_text_box {

    margin-bottom:36px;

    cursor:pointer;

	position: relative;

}

.comp_sec6_b_text_box .img {

    float: left;

    background-color: #dfdcd5;

    width: 133px;

    height: 133px;

    padding: 31px;

    border-radius: 50%;

    overflow: hidden;

}

.comp_sec6_b_text_box .text {

    float: left;

	position: absolute;

	right: 42%;

	top: 50%;

	-webkit-transform: translate(0,-50%);

	transform: translate(0,-50%);

}

.comp_sec6_b_text_box .text h4 {

    font-size: 25px;

    color: #b0a496;

    margin: 0px;

    margin-bottom: 10px;

    text-transform: uppercase;

}

.comp_sec6_b_text_box .text h5 {

    font-size: 24px;

    font-weight: bold;

    margin: 0px;

    margin-bottom: 14px;

    color: #6f6860;

}

.comp_sec6_b_text_box .text p {

    color: #6f6860;

    font-size: 20px;

	margin: 0;

}

/*******关于我们*********/

/*******联系我们*********/

.contact_con1 {

    width: 100%;

    background-color: #E7E7E7;

}

.contact_con1_son {

}

.contact_con1_text {

    position: relative;

    padding-left: 20%;

}

.index_con1_bt_son {

    position: relative;

    display: block;

    width: 100%;

}

.index_con1_bt {

    width: 150px;

    text-align: center;

    display: inline-block;

    padding: 12px 0;

    background-color: #898d8d;

    color: transparent;

    font-size: 12px;

    letter-spacing: 2px;

    border-radius: 3px;

    margin-top: 40px;

    overflow: hidden;

    transition: all 300ms, visibility 0s;

    transition-timing-function: cubic-bezier(.86, 0, .07, 1);

    position: relative;

    text-transform: uppercase;

    letter-spacing: 2px;

}

.index_con1_bt .fir {

    position: absolute;

    top: 0;

    left: 0;

    color: #fff;

    transition: all 300ms, visibility 0s;

    transition-timing-function: cubic-bezier(.86, 0, .07, 1);

    opacity: 1;

    width: 100%;

}

.index_con1_bt .sen {

    position: absolute;

    left: 0;

    color: transparent;

    transition: all 300ms, visibility 0s;

    transition-timing-function: cubic-bezier(.86, 0, .07, 1);

    top: -15px;

    width: 100%;

    opacity: 0;

}

.index_con1_bt:hover .fir {

    top: 15px;

    opacity: 0;

}

.index_con1_bt:hover .sen {

    top: 0;

    color: #fff;

    opacity: 1;

}

.index_con1_bt:hover {

    background-color: #D70C19;

}

.contact_con1_text {

    width: 50%;

    float: left;

    margin-top: 11%;

}

.contact_con1_text h5 {

    font-size: 16px;

    font-weight: bold;

    letter-spacing: 3px;

    margin: 0px;

    margin-bottom: 20px;

}

.contact_con1_text p {

    line-height: 24px;

    font-size: 15px;

}

.contact_con1_img {

    width: 40%;

    float: right;

}

.contact_con2 {

    background-color: #fff;

}

.contact_con2_tit {

    text-align: center;

    font-size: 15px;

    margin-bottom: 120px;

}

.contact_con2_tit h5 {

    font-size: 16px;

    font-weight: bold;

    margin-bottom: 40px;

}

.contact_con2_tit p {

    line-height: 24px;

    margin-bottom: 50px;

}

.contact_con2_box {

    width: 33.333%;

    float: left;

    padding: 15px 3%;

    text-align: center;

    border-left: 1px solid #F2F2F2;

}

.contact_con2_box h5 {

    font-weight: bold;

    margin-bottom: 28px;

}

.contact_con2_box h5 i{

    color:#d70c19 ;

    margin-right:5px;

}

.contact_con2_box p {

    margin-bottom: 7px;

    color: #444;

    padding: 0 12%;

}

.contact_con2_box span {

    display: block;

    margin-top: 28px;

    color: #999;

    letter-spacing: 1px;

    font-size: 14px;

    font-weight: bold;

    /*text-transform: uppercase;*/

    cursor: pointer;

}

.contact_con2_box.fir {

    border: 0px;

}

.contact_con3 {

    width: 100%;

    height: 350px;

}

/*.contact_con3 #dituContent {

    width: 100%;

    height: 100%;

}*/

/*******联系我们*********/

/******服务********/

.service_bann {

    background: url("../images/fw.jpg") no-repeat center center;

    background-size: cover;

	display: none;

}

.service_bann_son h5 {

    text-transform: uppercase;

    font-size: 12px;

    letter-spacing: 1px;

    color: #fff;

    padding: 0 7px;

    display: inline-block;

    border-bottom: 1px solid #D70C19;

    line-height: 20px;

}

.service_bann_son {

    top: 50%;

    position: relative;

    left: 7%;

    width: 38%;

    color: #fff;

	transform: translate(0,-50%);

}

.service_bann_son h1 {

    font-size: 46px;

    line-height: 67px;

    display: -webkit-box;

    -webkit-box-orient: vertical;

    -webkit-line-clamp: 2;

    overflow: hidden;

	letter-spacing: 3px;

}

.service_bann_son p {

    font-size: 16px;

    line-height: 1.7;

    display: -webkit-box;

    -webkit-box-orient: vertical;

    -webkit-line-clamp: 5;

    overflow: hidden;

}

.service_bt {

    display: inline-block;

    position: relative;

    background-color: #fff;

    border: 2px solid #fff;

    color: #333;

    height: 54px;

    font-size: 15px;

    font-weight: bold;

    line-height: 50px;

    padding: 0 20px;

    text-align: center;

    margin-top: 30px;

    transition: all 0.2s ease;

    -webkit-transition: all 0.2s ease;

    -moz-transition: all 0.2s ease;

    -o-transition: all 0.2s ease;

    cursor: pointer;

}

.service_bt:after {

    content: "";

    display: block;

    width: 0;

    height: 0;

    margin-top: 20px;

    border-top: 4px solid transparent;

    border-left: 4px solid #1d1d1d;

    border-bottom: 4px solid transparent;

    border-right: 4px solid transparent;

    float: left;

    margin-right: 8px;

    -webkit-transition: all 0.3s ease;

    transition: all 0.3s ease;

}

.service_bt:hover {

    background-color: transparent;

    color: #fff;

}

.service_bt:hover:after {

    border-left: 4px solid #fff;

}

.service_sec1 {

    padding: 5% 7%;

    background-color: #F0EEE9;

}

.service_sec1_box1_text {

    padding: 58px 30px 40px 30px;

	  background: #fff;

    box-shadow: 0px 6px 20px rgba(5, 8, 5, 0.05);

	transition: all 0.5s linear;

}

.service_sec1_box1_text h5 {

    color: #333;

    font-size: 26px;

    margin: 0px;

    margin-bottom: 10px;

	letter-spacing: 1px;

}

.service_sec1_box1_text p {

    font-size: 16px;

    line-height: 1.7;

    margin: 0px;

    color: #666;

    display: -webkit-box;

    -webkit-box-orient: vertical;

    -webkit-line-clamp: 3;

	padding-bottom: 20px;

	border-bottom: solid #eee 1px;

	height: 112px;

	overflow: hidden;

}

.col-sm-6:hover .service_sec1_box1_text h5{

	color: #E50012;

}

.service_sec1_box1_text:hover{

	box-shadow: 0 4px 20px 2px rgba(0,0,0,.16);

}

.service_sec1_box1_text h2{

	border: solid #fff 1px;

	display: initial;

	padding: 10px 30px;

	color: #fff;

	font-size: 16px;

	-webkit-transition: 0.5s;

	transition: 0.5s;

}

.service_sec1_box1_text h2:hover{

	background: #fff;

	color: #333;

}

.service_sec1_box1_text .more{

    font-size: 14px;

    color: #666;

    margin-top: 20px;

    background: url(../images/jt_x.png) no-repeat right;

    background-size: 26px;

    width: 128px;

    padding-bottom: 3px;

}

.service_sec1_box1 {

    margin-bottom: 50px;

	position: relative;

}

.service_sec1_box1:before{

	content: "";

	position: absolute;

	left: 0;

	top: 0;

	width: 100%;

	height: 2px;

	background: #E50012;

	z-index: 3;

}

.service_sec1_box1_img{

	position: relative;

}

.service_sec1_box1_img:before{

	content: "";

	position: absolute;

	left: 0;

	top: 0;

	width: 100%;

	height: 100%;

	background: rgba(0,0,0,0.16);

	-webkit-transition: 0.5s;

	transition: 0.5s;

}

.service_sec1_box1:hover .service_sec1_box1_img:before{

	background: none;

}

.service_sec2 {

    background-color: #E4E2DD;

}

.service_sec2_img {

    text-align: center;

}

.service_sec2_img img {

    width: 197px;

    -moz-border-radius: 50%;

    -webkit-border-radius: 50%;

    border-radius: 50%;

    overflow: hidden;

}

.service_sec2_text h1 {

    font-size: 50px;

    margin: 0px;

    margin-bottom: 30px;

}

.service_sec2_text p {

    font-size: 18px;

    line-height: 30px;

    color: #6C6C6C;

}

.service_sec2_text a {

    background-color: #D70C19;

    border-color: #D70C19;

    color: #fff;

}

.service_sec2_text a:after {

    border-left-color: #fff;

}

.service_sec2_text a:hover {

    color: #D70C19;

}

.service_sec2_text a:hover:after {

    border-left-color: #D70C19;

}

/******服务********/

/******join********/

.join_sec1 {

    background-color: #F0EEE9;

}

.join_sec1_con {

    width: 80%;

    margin: 0 auto;

}

.join_sec1_box_tit {

    height: 65px;

    position: relative;

    line-height: 65px;

    padding: 0 65px;

    border-left: 4px solid #D70C19;

    color: #D70C19;

    background-color: #fff;

    font-size: 20px;

    margin: 0px;

    transition: all 0.2s ease;

    -webkit-transition: all 0.2s ease;

    -moz-transition: all 0.2s ease;

    -o-transition: all 0.2s ease;

    border-bottom: 1px solid #f4f3f0;

}

.join_sec1_box_tit i {

    position: absolute;

    top: 12px;

    right: 20px;

    font-size: 40px;

    color: #d2d1cd;

}

.join_sec1_box_tit:hover {

    background-color: #D70C19;

    color: #fff;

    cursor: pointer;

}

.join_sec1_box_son {

    background-color: #fff;

    padding: 40px;

    display: none;

    border-bottom: 1px solid #f4f3f0;

}

.join_sec1_left {

    width: 40%;

    float: left;

}

.join_sec1_right {

    width: 60%;

    float: left;

}

.join_sec1_left p {

    font-size: 16px;

    margin-bottom: 20px;

}

.join_sec1_right_box h5 {

    color: #d70c19;

    font-size: 18px;

    font-weight: bold;

    margin-bottom: 15px;

}

.join_sec1_right_box p {

    font-size: 16px;

    line-height: 24px;

    color: #444;

    margin: 0px;

}

.join_sec1_right_box {

    margin-bottom: 30px;

}

.join_sec2 {

    background-color: #b0a496;

    color: #fff;

}

.join_sec2 p {

    color: #fff;

}

/******join********/

/******products********/

.pro_location {

    line-height: 50px;

    background-color: #fff;

    font-size: 15px;

    margin-top: 50px;

}

.pro_location .color {

    color: #D70C19;

}

.pro_location i {

    margin: 0 10px;

}

.pro_search {

    background-color: #ececec;

    margin-bottom: 40px;

}

.pro_search_con {

    padding: 30px 0;

    position: relative;

    width: 90%;

}

.pro_search_con input {

    width: 100%;

    height: 50px;

    line-height: 50px;

    border: 0px;

    background-color: #f9f9f9;

    padding: 0 70px 0 20px;

}

.pro_search_con .bt {

    position: absolute;

    top: 32px;

    right: 2px;

    text-align: center;

    width: 46px;

    line-height: 46px;

    height: 46px;

    background-color: #333;

    font-size: 25px;

    color: #fff;

    border-radius: 3px;

    cursor: pointer;

}

.pro_search .result {

    padding-bottom: 5px;

    display: inline-block;

    border-bottom: 2px solid #D70C19;

    letter-spacing: 1px;

    margin: 0px;

}

.pro_sec1 {

    padding-bottom: 80px;

}

.pro_sec1_choose {

    border: 2px solid #f4f4f4;

    padding: 20px;

    margin-bottom: 20px;

}

.pro_sec1_choose .region {

    display: inline-block;

    background-color: #b4b9bb;

    color: #fff;

    font-size: 16px;

    font-weight: bold;

    line-height: 35px;

    padding: 0 15px;

    letter-spacing: 1px;

    text-transform: uppercase;

    margin-bottom: 20px;

}

.pro_sec1_choose_son {

    background: url("../images/pro_map.png") no-repeat center center;

    background-size: contain;

    padding: 50px 0;

}

.pro_sec1_choose select {

    height: 40px;

    line-height: 40px;

    padding: 0 15px;

    border-radius: 5px;

    outline: none;

    width: 100%;

    border: 2px solid #e3e3e3;

}

.pro_sec1_left {

    background-color: #fff;

    width: 320px;

    float: left;

}

.products {

    background-color: #fff;

}

.pro_sec1_choose2 {

    padding: 20px 0 0px 20px;

    border: 1px solid #eee;

    margin-bottom: 20px;

}

.pro_sec1_choose2 .zimu span {

    display: inline-block;

    line-height: 40px;

    width: 30px;

    text-align: center;

    cursor: pointer;

}

.pro_sec1_choose2 .zimu span.active{

    color: #D70C19;

}

.pro_sec1_choose2 .zimu span.on {

    color: #999;

    cursor: normal;

}

.pro_sec1_choose2 h5 {

    color: #999;

}

.pro_sec1_list {

    margin-bottom: 30px;

}

.pro_sec1_list_box li h5 {

    height: 55px;

    line-height: 55px;

    padding: 0 20px 0 12px;

    border-bottom: 1px solid #ccc;

    position: relative;

    margin: 0px;

    transition: all 0.2s ease;

    -webkit-transition: all 0.2s ease;

    -moz-transition: all 0.2s ease;

    -o-transition: all 0.2s ease;

    cursor: pointer;

    font-size: 13px;

    overflow: hidden;

}

.pro_sec1_list_box li h5.on {

    padding: 0px;

}

.pro_sec1_list_box li h5 i {

    position: absolute;

    top: 20px;

    right: 20px;

    transition: all 0.2s ease;

    -webkit-transition: all 0.2s ease;

    -moz-transition: all 0.2s ease;

    -o-transition: all 0.2s ease;

}

.pro_sec1_list_box li h5 i.on {

    transform: rotate(90deg);

    -ms-transform: rotate(90deg);

    -webkit-transform: rotate(90deg);

}

.pro_sec1_list_con {

    display: none;

    border-bottom: 1px solid #ccc;

}

.pro_sec1_list_con li {

    line-height: 35px;

    padding: 0 20px 0 50px;

    color: #666;

    position: relative;

    cursor: pointer;

}

.pro_sec1_list_con li i {

    position: absolute;

    top: 10px;

    left: 20px;

    width: 12px;

    height: 12px;

    border: 2px solid #D70C19;

    transition: all 0.2s ease;

    -webkit-transition: all 0.2s ease;

    -moz-transition: all 0.2s ease;

    -o-transition: all 0.2s ease;

}

.pro_sec1_list_con li.on i {

    background-color: #D70C19;

}

.pro_sec1_choose3 {

    background-color: #ececec;

    padding: 10px 15px;

    cursor: pointer;

}

.pro_sec1_choose3 .img {

    float: left;

    width: 25%;

    text-align: center;

}

.pro_sec1_choose3 .text {

    float: left;

    width: 75%;

    padding-top: 10px;

    font-weight: bold;

}

.pro_sec1_right {

    float: left;

    width: -moz-calc(100% - 320px);

    width: -webkit-calc(100% - 320px);

    width:calc(100% - 320px);

    padding-left: 50px;

}

.pro_sec1_right_bt {

    text-align: right;

    margin-bottom: 30px;

}

.pro_sec1_right_bt .pro_sec1_right_list_bt {

    text-align: right;

}

.pro_sec1_right_bt span {

    color: #999;

    display: inline-block;

    text-transform: uppercase;

    cursor: pointer;

}

.pro_sec1_right_bt span.left {

    margin-right: 40px;

}

.pro_sec1_right_bt span i {

    display: inline-block;

    vertical-align: middle;

    margin: 0 5px;

}

.pro_sec1_right_box_fa {

    width: 33.333%;

    float: left;

    padding: 15px;

    margin-bottom: 30px;

}

/* .pro_sec1_right_box:hover {

    z-index: 5;

    background-color: #fff;

} */

.pro_sec1_right_img {

    z-index: 3;

    position: relative;

    border: 1px solid #eee;

    overflow: hidden;

}

.pro_sec1_right_img span {

    display: none;

}

.pro_sec1_right_img span.on {

    display: block;

}

.pro_sec1_right_text {

    margin-top: 10px;

}

.pro_sec1_right_sw {

    padding: 0 15px;

    position: relative;

}

.pro_btn_left, .pro_btn_right {

    position: absolute;

    top: 26%;

    width: 15px;

    z-index: 999;

    font-size: 20px;

    color: #999;

    cursor: pointer;

}

.pro_btn_left {

    left: 0px;

}

.pro_btn_right {

    right: 0px;

    text-align: right;

}

.pro_sec1_right_star {

    color: #ffb727;

    margin: 15px 0;

}

.pro_sec1_right_star span {

    display: inline-block;

    margin-right: 3px;

}

.pro_sec1_right_star span.on {

    color: #d2d2d2;

}

.pro_sec1_right_pro .text {

    float: left;

    width: 80%;

}

.pro_sec1_right_pro h5 {

    font-size: 16px;

    font-weight: 700;

    color: #5b5b5b;

    margin-bottom: 6px;

    display: -webkit-box;

    -webkit-box-orient: vertical;

    -webkit-line-clamp:1;

    overflow:hidden;

    line-height: 20px;

}

.pro_sec1_right_pro p {

    color: #999;

    margin: 0px;

    display: -webkit-box;

    -webkit-box-orient: vertical;

    -webkit-line-clamp:1;

    overflow:hidden;

}

.pro_sec1_right_pro .shop {

    float: right;

    width: 24px;

    padding-top: 14px;

    cursor: pointer;

    font-size: 23px;

    color: #a9a9a9;

}

.pro_sec1_right_pro .shop i.on{

    color: #ffb727;

}

.pro_sec1_right_box {

    position: relative;

    padding-bottom: 60px;

    cursor: pointer;

}

/* .pro_sec1_right_box:after {

    content: '';

    position: absolute;

    top: 0px;

    left: 0px;

    width: 100%;

    height: 127%;

    border: 1px solid #D70C19;

    -webkit-transition: all 0.4s ease;

    -moz-transition: all 0.4s ease;

    transition: all 0.4s ease;

    -webkit-transform: scale(0);

    -moz-transform: scale(0);

    -o-transform: scale(0);

    transform: scale(0);

    filter: alpha(opacity=0);

    -moz-opacity: 0;

    -khtml-opacity: 0;

    opacity: 0;

    z-index: 0;

    background-color: #fff;

} */

/* .pro_sec1_right_box:hover:after {

    -webkit-transform: scale(1.1);

    -moz-transform: scale(1.1);

    -o-transform: scale(1.1);

    transform: scale(1.1);

    filter: alpha(opacity=100);

    -moz-opacity: 1;

    -khtml-opacity: 1;

    opacity: 1;

}

 */

.pro_sec1_right_text {

    position: absolute;

    bottom: 0px;

    left: 0px;

    width: 100%;

    -webkit-transition: all 0.4s ease;

    -moz-transition: all 0.4s ease;

    transition: all 0.4s ease;

    z-index: 2;

}

.pro_sec1_right_text .pro_hidden {

    position: absolute;

    top: 10px;

    left: 0px;

    visibility: hidden;

    width: 100%;

    opacity: 0;

    -webkit-transition: all 0.4s ease;

    -moz-transition: all 0.4s ease;

    transition: all 0.4s ease;

    -webkit-transform: translateY(-100px);

    -moz-transform: translateY(-100px);

    -ms-transform: translateY(-100px);

    -o-transform: translateY(-100px);

    transform: translateY(-100px);

    min-height: 90px;

    max-height: 90px;

}

/* .pro_sec1_right_box:hover .pro_hidden {

    -webkit-transform: translateY(-0px);

    -moz-transform: translateY(-0px);

    -ms-transform: translateY(-0px);

    -o-transform: translateY(-0px);

    transform: translateY(-0px);

    visibility: visible;

    opacity: 1;

} */

/* .pro_sec1_right_box:hover .pro_sec1_right_text {

    padding-top: 100px;

    bottom: -90px;

    max-height: none;

} */

.pro_sec1_right_list_bt {

    margin-top: 40px;

    text-align: center;

}

.pro_sec1_right_list_bt a {

    display: inline-block;

    line-height: 40px;

    height: 40px;

    padding: 0 20px;

    background-color: #d70c19;

    color: #fff;

    text-transform: uppercase;

    box-shadow: 0px 1px 2px 1px rgb(135, 10, 18);

    transition: all 1s ease;

    -webkit-transition: all 1s ease;

    -moz-transition: all 1s ease;

    -o-transition: all 1s ease;

}

.pro_sec1_right_list_bt a:hover {

    background-color: #ad0c16;

}

.pro_line {

    position: absolute;

    top: 0px;

    width: 100%;

    height: 2px;

    background: -webkit-linear-gradient(left, rgba(176, 164, 150, 0) 0%, #d7d7d7 50%, rgba(176, 164, 150, 0) 100%);

    background: linear-gradient(to right, rgba(176, 164, 150, 0) 0%, #d7d7d7 50%, rgba(176, 164, 150, 0) 100%);

}

.pro_sec2_son {

    position: relative;

    padding-top: 40px;

    padding-bottom: 80px;

}

.pro_sec2_son h2 {

    font-size: 25px;

    font-weight: bold;

    text-align: center;

    margin: 0px;

    margin-bottom: 50px;

}

.pro_sec2_con {

    padding: 0px 8%;

}

.pro_sec2_box {

    width: 50%;

    float: left;

}

.pro_sec2_box .img {

    width: 30%;

    float: left;

}

.pro_sec2_box .text {

    width: 70%;

    float: left;

	margin-top:3%;

}

.pro_sec2_box .text h5 {

    font-size: 16px;

    font-weight: bold;

    margin: 0px;

    margin-bottom: 15px;

}

.pro_sec2_box p {

    font-size: 16px;

    line-height: 30px;

    margin-bottom: 14px;

}

.pro_sec2_box h4 {

    color: #D70C19;

    margin: 0px;

}

.pro_sec2_box h4 i {

    display: inline-block;

    margin-right: 10px;

}

/******products********/

/******pro_band********/

.brands_all_pro_biglist {

    position: absolute;

    top: 64px;

    left: 0px;

    width: 50%;

    height: 0px;

    overflow: hidden;

    background-color: #fff;

    transition: all 0.2s ease;

    -webkit-transition: all 0.2s ease;

    -moz-transition: all 0.2s ease;

    -o-transition: all 0.2s ease;

    filter: alpha(opacity=0);

    -moz-opacity: 0;

    -khtml-opacity: 0;

    opacity: 0;

    z-index: 2;

}

.brands_all_pro_nav .son.left:hover .brands_all_pro_biglist {

    padding: 30px 40px 40px 40px;

    border: 1px solid #D70C19;

    width: 100%;

    height: auto;

    filter: alpha(opacity=100);

    -moz-opacity: 1;

    -khtml-opacity: 1;

    opacity: 1;

}

.brands_all_pro_type2 {

    border: 0px;

}

.brands_all_pro_type {

    width: 50%;

    float: left;

    padding: 15px 20px;

    border-right: 1px solid #eee;

}

.brands_all_pro_type .type_son {

    width: 33.33%;

    float: left;

    text-align: center;

    margin: 15px 0;

}

.brands_all_pro_type .type_son img {

    width: 50px;

}

.brands_all_pro_type .type_son:hover p {

    color: #D70C19;

}

.brands_all_pro_type .type_son p {

    margin: 0px;

    margin-top: 2px;

    font-size: 12px;

    display: -webkit-box;

    -webkit-box-orient: vertical;

    -webkit-line-clamp: 2;

    overflow: hidden;

}

.brands_all_pro_right {

    width: 50%;

    float: left;

}

.brands_all_pro_con {

    background-color: #fff;

    border: 1px solid #eee;

}

.brands_all_pro_brands {

    width: 16.666%;

    float: left;

    text-align: center;

    font-weight: bold;

    margin: 22px 0;

}

.brands_all_pro_brands:hover p {

    color: #D70C19;

}

.brands_all_pro_brands p {

    margin: 0px;

    margin-top: 16px;

}

.brands_all_pro_brands img {

    width: 100;

    margin: 0 auto;

}

.brands_all_pro_left {

    width: 50%;

    float: left;

    padding: 20px 35px;

    border-right: 1px solid #eee;

}

.brands_all_pro_nav {

    position: relative;

    margin-top: -70px;

}

.brands_all_pro_nav .son {

    width: 50%;

    float: left;

}

.brands_all_pro_nav .tit {

    height: 65px;

    line-height: 65px;

    background-color: #626161;

    text-align: center;

    font-size: 22px;

    margin: 0px;

    cursor: pointer;

    color: #fff;

}

.brands_all_pro_nav .tit.on {

    background-color: #D70C19;

    position: relative;

    z-index: 3;

    border: 1px solid #D70C19;

    border-bottom: 0px;

}

.brands_all_pro_nav .son.left:hover .tit.on {

    background-color: #fff;

    color: #D70C19;

}

.brands_all_pro_nav .son.left i {

    transition: all 0.2s ease;

    -webkit-transition: all 0.2s ease;

    -moz-transition: all 0.2s ease;

    -o-transition: all 0.2s ease;

}

.brands_all_pro_nav .son.left:hover i {

    transform: rotate(180deg);

    -webkit-transform: rotate(180deg);

    -moz-transform: rotate(180deg);

    -o-transform: rotate(180deg);

}

.brands_all_pro {

    /*background-color: #fff;*/

}

.brands_bann {

    padding: 25px 0 100px 0;

    text-align: center;

    color: #fff;

    background-color: #333;

    background: url("../images/brand_bann.jpg") no-repeat center center;

    background-size: cover;

}

.brands_bann_list a {

    display: inline-block;

    margin: 0 20px;

    color: #fff;

    font-size: 18px;

}

.brands_bann_list {

    margin-bottom: 60px;

}

.brands_bann_search {

    width: 60%;

    margin: 0 auto;

    margin-bottom: 100px;

    padding: 0px;

}

.brands_bann_search .bt {

    top: 2px;

}

.brands_bann_search input {

    background-color: #b3b3b3;

    color: #333;

}

.brands_bann_text h5 {

    font-size: 20px;

    margin: 0px;

    margin-bottom: 20px;

}

.brands_bann_text h1 {

    font-size: 70px;

    margin: 0px;

}

.brands_bann_text h1 b {

    font-weight: 300;

    color: #D70C19;

}

.pro_band_sec1 {

    margin-bottom: 30px;

}

.pro_band_sec1_left {

    width: 50%;

    background: url("../images/pro_band1.jpg") no-repeat center center;

    background-size: cover;

    float: left;

}

.pro_band_sec1_right {

    width: 50%;

    float: left;

    padding: 20px;

    background-color: #f2f2f2;

}

.pro_band_sec1_right h6 {

    margin-bottom: 10px;

    text-transform: uppercase;

}

.pro_band_sec1_right h1 {

    font-size: 30px;

    margin: 0px;

    margin-bottom: 20px;

}

.pro_band_sec1_right p {

    line-height: 24px;

    color: #666;

}

.band_nav_type {

    width: 50%;

}

.band_nav_type .input {

    position: relative;

}

.band_nav_type .input .bt {

    width: 30px;

    height: 30px;

    position: absolute;

    top: 0px;

    right: 0px;

    cursor: pointer;

    padding: 5px;

    border-left: 1px solid #c1c1c1;

}

.band_nav_type input {

    width: 100%;

    height: 30px;

    line-height: 30x;

    padding: 0 50px 0 15px;

}

.pro_band_zimu {

    background-color: #f5f5f5;

    padding: 15px 20px;

    margin-top: 5px;

}

.pro_band_zimu .tit {

    display: inline-block;

    color: #999;

}

.pro_band_zimu .zimu {

    display: inline-block;

    margin: 0 10px;

}

.pro_band_zimu .zimu span {

    display: inline-block;

    padding: 0 10px;

    border-radius: 0px;

    cursor: pointer;

    transition: all 0.2s ease;

    -webkit-transition: all 0.2s ease;

    -moz-transition: all 0.2s ease;

    -o-transition: all 0.2s ease;

}

.pro_band_zimu .zimu span:hover, .pro_band_zimu .zimu span.on {

    color: #fff;

    background-color: #D70C19;

}

.pro_band_sec3 {

    position: relative;

}

.pro_band_sec2 h2, .pro_band_sec3 h2 {

    font-size: 30px;

    font-weight: bold;

    text-align: center;

    margin: 0px;

    margin-bottom: 50px;

}

.pro_band_sec2 .pro_sec1_right_box_fa {

    width: 25%;

}

.pro_band_sec3_box_img {

    border: 1px solid #cdcdcd;

    overflow: hidden;

}

.pro_band_sec3_box h5 {

    margin: 0px;

    margin-top: 10px;

    text-transform: uppercase;

    /*text-align: center;*/

    font-size: 15px;

    font-weight: bold;

}

.pro_band_sec3_box a {

    display: block;

    z-index: 2;

    position: relative;

}

.pro_band_sec3_con {

    position: relative;

}

.bann_btn_left, .bann_btn_right {

    position: absolute;

    top: 30%;

    height: 50px;

    width: 50px;

    line-height: 50px;

    text-align: center;

    z-index: 999;

    font-size: 30px;

    cursor: pointer;

    color: #666;

}

.bann_btn_left {

    left: -50px;

}

.bann_btn_right {

    right: -50px;

}

.header_logo {

    position: relative;

    z-index: 9;

}

.pro_sec1_right_sw_box{

    display: block;

    /*padding: 0 5px;*/

    border: 1px solid #eee;

    overflow: hidden;

}

/******pro_band********/

/******news_inner********/

.news_inner {

    background-color: #fff;

}

.news_inner1 {

    background-color: #cdc0b0;

    width: 80%;

    margin: 0 auto;

    padding: 5% 15%;

    position: relative;

    text-align: center;

    z-index: 0;

}

.news_inner1:after{

    content: '';

    position: absolute;

    width: 100%;

    height: 200%;

    top: 0px;

    left: 0px;

    background-color: #333;

    z-index: -1;

}

.news_inner1 span {

    text-transform: uppercase;

    letter-spacing: 1px;

    color: #fff;

    display: inline-block;

    border-bottom: 1px solid #D70C19;

    line-height: 20px;

}

.news_inner1 h1 {

    color: #fff;

    font-size: 50px;

    display: -webkit-box;

    -webkit-box-orient: vertical;

    -webkit-line-clamp: 3;

    overflow: hidden;

}

.news_inner_back {

    background: #e1e1e1;

    color: #a9a9a9;

    padding: 0 10%;

    height: 80px;

    line-height: 80px;

    margin-bottom: 80px;

    margin-top: 10px;

    font-size: 16px;

    text-transform: uppercase;

    text-align: right;

}

.news_inner2 {

    padding-bottom: 80px;

}

.news_inner2 .img {

    position: relative;

    margin: 0 auto;

    /*margin-top: -20%;*/

}

.news_inner2_text p {

    margin-bottom: 20px;

}

.news_inner2_text p img{

    max-width: 100%;

}

.news_inner_share {

    text-align: center;

}

.news_inner_share h5 {

    font-size: 16px;

    font-weight: bold;

    margin-bottom: 30px;

}

.news_inner_share span {

    display: inline-block;

    background-color: #333;

    width: 20px;

    height: 20px;

    line-height: 20px;

    border-radius: 3px;

    color: #fff;

    margin: 0 10px;

    text-align: center;

    cursor: pointer;

}

.news-list-box{

	background: #F3F3F3;

	padding: 5% 7%;

}

.news-list-box .tittle h1{

	text-align: center;

}

.news-list-box ul{

	margin-top: 2%;

}

.news-list-box ul li{

	float: left;

	width: 31.333%;

	margin-right: 3%;

}

.news-list-box ul li:nth-child(3){

	margin-right: 0;

}

.news-list-box ul li img{

	width: 100%;

}

.news-list-box ul li h1{

    font-size: 21px;

    font-weight: normal;

    color: #333;

	margin-top: 26px;

}

.news-list-box ul li P{

    font-size: 14px;

    line-height: 1.6;

    color: #666;

	margin-bottom: 6px;

}

.news-list-box ul li h2 {

    font-size: 12px;

    text-transform: uppercase;

    font-weight: bold;

    background: url(../images/jt_x.png) no-repeat right;

    background-size: 23px;

    padding-right: 39px;

    padding-bottom: 1px;

    transition: 0.5s;

}

.news-list-box ul li h2 a{

    display: block;

}



/******news_inner********/

/******other brand products********/

.pro_sec1_brand_box .img {

    width: 130px;

    float: left;

    border: 1px solid #dbdbdb;

    overflow: hidden;

}

.pro_sec1_brand_box .text {

    width: 100%;

    padding-left: 150px;

}

.pro_sec1_brand_box .text h3 {

    font-size: 25px;

    margin: 0px;

    margin-bottom: 15px;

}

.pro_sec1_brand_box .text p {

    line-height: 24px;

}

/*.pro_sec1_brand_box .text .pro_sec1_right_list_bt{

    text-align: left;

    margin-top:18px;

}*/

.pro_sec1_brand_box .text a {

    height: 35px;

    line-height: 35px;

    border: 1px solid #ae1c29;

    display: inline-block;

    margin-top: 10px;

    color: #fff;

    padding: 0 20px;

    background: -webkit-linear-gradient(top, #fe0002, #af1c2e);

    background: -moz-linear-gradient(top, #fe0002, #af1c2e);

    background: -o-linear-gradient(top, #fe0002, #af1c2e);

    background: -ms-linear-gradient(top, #fe0002, #af1c2e);

    background: linear-gradient(top, #fe0002, #af1c2e);

    cursor: pointer;

}

.pro_sec1_brand_box {

    padding: 30px 0;

    border-top: 1px solid #eee;

}

.page_brand {

    text-align: center;

    line-height: 16px;

    margin-top: 40px;

}

.page_brand span, .page_brand a {

    display: inline-block;

    color: #333;

    border: 1px solid #ededed;

    padding: 12px 15px;

    vertical-align: middle;

    margin: 0 0 10px -1px;

    background-color: #fff;

    overflow: hidden;

}

.page_brand .goprev, .page_brand .gofirst {

    margin-right: 10px;

}

.page_brand .gonext, .page_brand .golast, .page_brand .count {

    margin-left: 10px;

}

.page_brand span, .page_brand a:hover {

    background: #333;

    color: #ffffff;

}

.page_brand span.goprev, .page_brand span.gonext, .page_brand span.gofirst, .page_brand span.golast {

    color: #cccccc;

    background: #fff;

}

.page_brand span.count {

    border: 0;

    background: 0;

    color: #333333;

}

.page_brand [class*="ico-"] {

    margin: 0;

}

/******other brand products********/

/******design********/

.design {

    background-color: #fff;

}

.design_nav {

    padding: 40px 0;

}

.design_nav h1 {

    font-size: 35px;

    font-weight: bold;

    margin: 0px;

    margin-bottom: 40px;

}

.design_nav h5 {

    font-size: 18px;

    font-weight: bold;

    margin-bottom: 20px;

}

.design_con {

    background-color: #ececec;

}

.design_con1 {

    padding: 30px 0;

    border-bottom: 2px solid #f8f8f8;

}

.design_con1 h5 {

    font-size: 18px;

    font-weight: bold;

    margin: 0px;

    margin-bottom: 30px;

}

.design_con1_box {

    position: relative;

    padding-left: 150px;

    margin-bottom: 20px;

}

.design_con1_box .tit {

    position: absolute;

    top: 0px;

    left: 0px;

    line-height: 30px;

}

.design_con1_box .tit b{

    position: absolute;

    top: 5px;

    left: -14px;

    font-size: 20px;

    color: #d70c19;

    font-weight: bold;

}

.design_con1_box_rod p {

    display: inline-block;

    margin-right: 60px;

}

.design_con1_box_rod input {

    width: 18px;

    height: 18px;

    outline: none;

    display: inline-block;

    vertical-align: middle;

    margin-top: -2px;

    margin-right: 5px;

}

.design_con1_box_name input, .design_con1_box_name textarea {

    width: 450px;

    height: 40px;

    line-height: 40px;

    padding: 0 15px;

    background-color: #fff;

    border: 2px solid #c3c3c3;

}

.design_con1_box_name textarea {

    min-height: 85px;

    padding: 5px;

    line-height: 24px;

    resize: none;

}

.index_con3_design {

    padding: 60px 0;

    background-color: #fff;

}

.index_con3_design a.on {

    background-color: #d70c19;

    box-shadow: 0px 1px 2px 1px rgb(135, 10, 18);

    border: 0px;

}

.index_con3_design a.on:hover {

    background-color: #ad0c16;

}

.design_drawing {

    position: absolute;

    top: 0px;

    right: 0px;

}

.design_drawing .pro_sec1_right_list_bt {

    margin: 0px;

}

.drawing_bg {

    position: fixed;

    top: 0px;

    left: 0px;

    width: 100%;

    height: 100%;

    background: rgba(0, 0, 0, 0.5);

    z-index: 999;

    display: none;

}

.drawing_box {

    position: absolute;

    top: 50%;

    left: 50%;

    background-color: #fff;

    width: 700px;

    padding: 40px;

    -webkit-transform: translateY(-50%) translateX(-50%);

    -moz-transform: translateY(-50%) translateX(-50%);

    -ms-transform: translateY(-50%) translateX(-50%);

    -o-transform: translateY(-50%) translateX(-50%);

    transform: translateY(-50%) translateX(-50%);

}

.drawing_box h4 {

    font-size: 20px;

    font-weight: bold;

    margin-bottom: 20px;

}

.drawing_box h5 {

    margin-bottom: 30px;

    border-bottom: 1px solid #542a2d;

    padding-bottom: 20px;

}

.design_con1_box_dawing .box {

    width: 100%;

    /*float: left;*/

    border: 1px solid #c0c0c0;

    padding: 25px 0;

    text-align: center;

    position: relative;

    margin-right: 2.333%;

    margin-bottom: 10px;

}

.design_con1_box p.tishi{

    color: #999;

    font-size: 12px;

}

.design_con1_box_dawing .box input {

    cursor: pointer;

    position: absolute;

    top: 0px;

    left: 0px;

    width: 100%;

    height: 100%;

    filter: alpha(opacity=0);

    -moz-opacity: 0;

    -khtml-opacity: 0;

    opacity: 0;

}

.design_con1_box_dawing_img{

    height: 139px;

    background-position: center center;

    background-size: cover; 

    position: relative;

}

.design_con1_box_dawing_img .close2{

    position: absolute;

    top: -11px;

    right: -7px;

    text-align: center;

    width: 25px;

    line-height: 25px;

    font-size: 12px;

    font-weight: bold;

    height: 25px;

    background-color: #dadada;

    color: #333;

    border-radius: 50%;

    overflow:hidden;

    cursor: pointer;

}

.design_con1_box_dawing .box img {

    width: 60px;

}

.design_con1_box_dawing .box p {

    margin-top: 7px;

    margin-bottom: 0px;

    color: #666;

}

.drawing_box .design_con1_box {

    padding-left: 100px;

}

.drawing_box .close {

    width: 25px;

    position: absolute;

    top: 19px;

    right: 20px;

}

.drawing_box .design_con1_box_name input,.drawing_box .design_con1_box_name textarea{

    width: 95%;

}

.menu_right {

    position: fixed;

    top: 29%;

    right: 0px;

    width: 45px;

    z-index: 999;

    display: none;

}

.menu_right li {

    width: 45px;

    height: 47px;

    position: relative;

    border-top: 1px solid #f2333f;

    cursor: pointer;

}

.menu_right .shop .num {

    font-size: 10px;

    font-weight: 700;

    position: absolute;

    right: 5px;

    top: 0px;

    z-index: 2;

    color: #fff;

}

.menu_right li:hover .num{

    color: #333;

}

.menu_right .menu_box{

    display: block;

    width: 45px;

    height: 45px;

    text-align: center;

    line-height: 34px;

    position: relative;

    z-index: 2;

    background: #d70c19 url(../images/design1.png) no-repeat center center;

    background-size: 23px;

    transition:all 0.2s ease;

    -webkit-transition:all 0.2s ease;

    -moz-transition: all 0.2s ease;

    -o-transition: all 0.2s ease;

}

.menu_right li:hover .menu_box{

    background-image:none;

}

.menu_right .shop .menu_box{

    background: #d70c19 url(../images/cart1.png) no-repeat center center;

    background-size: 23px;

}

.menu_right .share .menu_box{

    background: #d70c19 url(../images/share1.png) no-repeat center center;

    background-size: 23px;

}

.menu_right .faz .menu_box{

    background: #d70c19 url(../images/phone1.png) no-repeat center center;

    background-size: 23px;

}

.menu_right .ser .menu_box{

    background: #d70c19 url(../images/service1.png) no-repeat center center;

    background-size: 23px;

}

.menu_right .menu_box:hover{

     background-color: #f2333f;

}

.menu_right .menu_box img{

    width: 23px;

    transition:all 0.2s ease;

    -webkit-transition:all 0.2s ease;

    -moz-transition: all 0.2s ease;

    -o-transition: all 0.2s ease;

    filter: alpha(opacity=0);

    -moz-opacity: 0;

    -khtml-opacity: 0;

    opacity: 0;

}

.menu_right li:hover .menu_box img{

    filter: alpha(opacity=100); -moz-opacity:1; -khtml-opacity: 1; opacity: 1;

}

.menu_right_share{

    position: absolute;

    left: 0%;

    top:5px;

    width:115px;

    /*overflow: hidden;*/

    transition:all 0.2s ease;

    -webkit-transition:all 0.2s ease;

    -moz-transition: all 0.2s ease;

    -o-transition: all 0.2s ease;

    z-index: 1;

}

.menu_right li:hover .menu_right_share{

    left:-115px;

}

.menu_right_service{

    width: 200px;

}

.menu_right li:hover .menu_right_service{

    left: -127px;

}

.menu_right_service .share.wechat{

    background-color: #0ac216;

}

.menu_right_service .share.skype{

    background-color: #01aef2;

}

.menu_right_service .share.whatsapp{

    background-color: #29b200;

}

.menu_right_service .share.facebook{

    background-color: #3a589b;

}

.menu_right_service .share.linkedin{

    background-color: #0077b6;

}

.menu_right_share .share{

    display: inline-block;

    width: 25px;

    height: 25px;

    background-color: #333;

    color: #fff;

    font-size: 13px;

    text-align: center;

    line-height: 25px;

    border-radius: 50%;

    /*overflow: hidden;*/

    margin: 0 4px;

     transition:all 0.2s ease;

  -webkit-transition:all 0.2s ease;

  -moz-transition: all 0.2s ease;

  -o-transition: all 0.2s ease;

}

.menu_right_share span:hover{

    background-color: #d70c19!important;

}

.menu_right .share {

}

.menu_right_faz{

    background-color: #d70c19;

    color: #fff;

    height: 34px;

    top:0px;

    line-height: 34px;

    /*width: 160px;*/

    padding-left: 10px;

}

.menu_right li:hover .menu_right_faz{

    /*left:-160px;*/

}

.menu_right .top {

    margin-top: 2px;

    background: #bfbfbf;

    border: 0px;

    color: #fff;

    text-align: center;

    padding-top: 2px;

}

.menu_right .top p {

    margin: 0px;

    margin-top: -8px;

    font-size: 12px;

}

.menu_mess {

    position: fixed;

    bottom: 100px;

    right: 0px;

    width: 60px;

    height: 60px;

    border-radius: 50%;

    overflow: hidden;

    background-color: #d70c19;

    cursor: pointer;

    padding: 16px;

    z-index: 999;

    -webkit-transform: scale(0.9);

    -moz-transform: scale(0.9);

    -o-transform: scale(0.9);

    transform: scale(0.9);

    transition: all 0.2s ease;

    -webkit-transition: all 0.2s ease;

    -moz-transition: all 0.2s ease;

    -o-transition: all 0.2s ease;

}

.menu_mess:hover {

    -webkit-transform: scale(1);

    -moz-transform: scale(1);

    -o-transform: scale(1);

    transform: scale(1);

}

.menu_right_service .share{

    position: relative;

}

.menu_right_service .share b{

    position: absolute;

    bottom: -0px;

    left: 50%;

    -webkit-transform: translateX(-50%);

    -moz-transform: translateX(-50%);

    -ms-transform: translateX(-50%);

    -o-transform: translateX(-50%);

    transform: translateX(-50%);

    color: #333;

     transition:all 0.2s ease;

  -webkit-transition:all 0.2s ease;

  -moz-transition: all 0.2s ease;

  -o-transition: all 0.2s ease;

    filter: alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0;

}

.menu_right_service .share img{

    position: absolute;

    top: 30px;

    left: 50%;

    margin-left: -44px;

    width: 100px;

    transition:all 0.2s ease;

    -webkit-transition:all 0.2s ease;

    -moz-transition: all 0.2s ease;

    -o-transition: all 0.2s ease;

    filter: alpha(opacity=0);

    -moz-opacity: 0;

    -khtml-opacity: 0;

    opacity: 0;

    border: 1px solid #cacaca;

    visibility:hidden;

}

.menu_right_service .share:hover b{

    bottom: -26px;

    filter: alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1; opacity:1;

}

.menu_right_service .share:hover img{

    top: 50px;

    filter: alpha(opacity=100);

    -moz-opacity:1;

    -khtml-opacity:1;

    opacity:1;

    visibility: visible;

}

/******design********/

.message {

    background: #FFFFff;

    text-align: center;

    position: relative;

    z-index: 11;

}

.message_bg {

    background: #f3f3f3;

    padding: 50px 0;

}

.message_bg p {

    width: 55%;

    margin: 0 auto;

    margin-bottom: 0px;

}

.message_img {

    width: 40%;

    margin: 0px auto;

}

.message_img1 {

    padding: 70px 0;

}

.message_bg h5 {

    font-size: 16px;

    font-weight: bold;

    margin-bottom: 40px;

}

.baojia_show_bg {

    width: 100%;

    height: 100%;

    position: absolute;

    top: 0;

    left: 0;

    z-index: -1;

    background: #000;

    opacity: 0.6;

    -moz-opacity: 0.6;

    -khtml-opacity: 0.6;

    -webkit-opacity: 0.6;

    filter: alpha(opacity=60);

}

.baojia_show {

    width: 100%;

    height: 100%;

    position: fixed;

    top: 0;

    left: 0;

    z-index: 9999999999;

    display: none;

}

.design_all {

    width: 500px;

    position: absolute;

    top: 50%;

    left: 50%;

    -webkit-transform: translateY(-50%);

    -moz-transform: translateY(-50%);

    -ms-transform: translateY(-50%);

    -o-transform: translateY(-50%);

    transform: translateY(-50%);

    margin-left: -250px;

    padding: 40px;

    background: #FFFFff;

}

.esign_input input {

    width: 100%;

    height: 40px;

    line-height: 40px;

    border: 1px solid #888888;

    padding: 0px 10px;

    color: #888888;

}

.esign_input textarea {

    width: 100%;

    height: 100px;

    line-height: 40px;

    border: 1px solid #888888;

    padding: 0px 10px;

    color: #888888;

    resize: none;

}

.esign_input a {

    width: 100%;

    margin-top: 10px;

}

.esign_input .uired {

    color: #d70c19;

    display: inline-block;

    font-size: 12px;

    margin-top: 4px;

}

.esign_input {

    margin-bottom: 15px;

}

.sign_close {

    text-align: right

}

.sign_close img {

    width: 23px;

    margin-bottom: 15px;

    cursor: pointer;

}

.submit a {

    margin-top: 20px;

}

.j_checkbox {

    width: 20px;

    height: 20px;

    /*border: 2px solid #c3c3c3;*/

    border-radius: 4px;

    display: inline-block;

    background: url(../images/in.png) no-repeat center;

    background-size: cover;

    cursor: pointer;

}

.classifica a {

    display: inline-block;

    vertical-align: top;

    margin-left: 10px;

}

.j_checkbox_on {

    background: url(../images/in1.png) no-repeat center;

    background-size: cover;

}

.classifica li {

    margin-bottom: 5px;

    cursor: pointer;

}

.lassifica_ul {

    border-top: 2px solid #ececec;

    padding: 10px 0;

    display: none;

}

.sifica_one {

    width: 25%;

    float: left;

    margin-bottom: 5px;

}

.topp {

    display: inline-block;

    width: 14px;

    height: 14px;

    background: url("../images/top.png") no-repeat center;

    background-size: cover;

    margin-left: 8px;

    vertical-align: top;

    margin-top: 2px;

}

.sifica .topp {

    background: url("../images/bottom.png") no-repeat center;

    background-size: cover;

}

.message_input {

    margin-bottom: 15px;

}

.message_input input {

    width: 100%;

    height: 40px;

    line-height: 40px;

    border: 1px solid #000000;

    padding: 0px 15px;

    color: #999999;

}

.message_input textarea {

    width: 100%;

    height: 130px;

    line-height: 40px;

    border: 1px solid #000000;

    padding: 0px 10px;

    color: #999999;

}

.list_serach {

    text-align: left;

}

.ca_one_img img {

    width: 98px;

}

.index_sec3 .sec3_left .sec3-lcr h5{

    margin-bottom: 30px;

    margin-top:0px;

}

.index_sec2_con{

    position:absolute;

    top:0px;

    left: 0px;

     transition:all 0.8s ease;

  -webkit-transition:all 0.8s ease;

  -moz-transition: all 0.8s ease;

  -o-transition: all 0.8s ease;

  /*top:20px;*/

    filter: alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0;

}

.index_sec2_con.on{

    position: relative;

    filter: alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0;

}

.index_sec2_con.start{

  /*  top:0px;

    -webkit-transition-delay: 0.5s;

    -moz-transition-delay: 0.5s;

    -o-transition-delay: 0.5s;

    transition-delay: 0.5s;*/

    z-index: 2;

    filter: alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; opacity:1;

}

/*.swiper_pro1 .swiper-wrapper,.swiper_pro1 .swiper-slide{

    height: 100%!important;

}*/

/*3.22join us*/

.join_sec3{

    background-color: #fff;

    padding-top:80px;

}

.join_sec3 .comp_sec6_btit h5{

    margin-bottom: 30px;

}

.join_sec3_con_fa{

    padding-top:45px;

    background-color: #ececec;

}

.join_sec3_con ul{

}

.join_sec3_con ul li{

    float: left;

    height: 40px;

    line-height: 40px;

    color: #d70c19;

    border:1px solid #d70c19;

    display: inline-block;

    padding: 0 30px;

    margin-right: 10px;

    transition:all 0.2s ease;

   -webkit-transition:all 0.2s ease;

   -moz-transition: all 0.2s ease;

   -o-transition: all 0.2s ease;

    cursor: pointer;

    border-bottom: 0px;

}

.join_sec3_con ul li.on,.join_sec3_con ul li:hover{

    background-color: #d70c19;

    color: #fff;

}

.join_sec3_box{

    float: right;

    width: 75%;

    display: none;

}

.join_sec3_box.on{

    display: block;

}

.join_sec3_box .message_input{

    position: relative;

    margin-right: -2%;

}

.join_sec3_box .message_input .message_input_son{

    width: 48%;

    margin-right: 2%;

    float: left;

    position: relative;

}

.join_sec3_box .message_input input{

    border:2px solid #9f9f9f;

}

.join_sec3_box .message_input input.red:before{

    content: '';

    position: absolute;

    top:0px;

    left: 0px;

    width: 5px;

    height: 5px;

    border-radius: 50%;

    background-color: #d70c19;

}

.join_sec3_box .message_input textarea{

    border:2px solid #9f9f9f;

}

.message_input.textarea{

    margin-right: 0px;

}

.message_input.textarea .message_input_son{

    width: 100%;

    margin-bottom: 15px;

}

.join_sec3_box_fa{

    background-color: #fff;

    border-top:2px solid #d70c19;

    padding: 60px 0;

}

.join_sec3_box_bt{

    text-align: left;

    padding: 0px;

    margin-top:40px;

    padding-left: 25%;

}

.join_sec3_box_bt a{

    text-align: center;

    margin: 0px;

    margin-right: 20px;

    position: relative;

}

.join_sec3_box_bt a input{

    position: absolute;

    width: 100%;

    height: 100%;

    top:0px;

    left: 0px;

    cursor: pointer;

    filter: alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0;

}

.join_sec3 .comp_sec6_btit{

    text-align: left;

}

.message_input_son{

    position: relative;

}

.message_input_son span.red{

    position: absolute;

    top: 11px;

    left: 6px;

    font-size: 21px;

    font-weight: bold;

    color: #d70c19;

}   

/*3.22join us*/

/*3.22lgoin*/

.login_con .design_con1_box{

    padding-left: 200px;

}

.login_con .design_con1_box .tit{

    line-height: 40px;

}

.login_con .design_con1_box_name input,.login_con .design_con1_box_name textarea{

    color: #999;

}

.design_con1_box .pro_sec1_right_list_bt{

    position: absolute;

    margin: 0px;

    top:0px;

    left: 0px;

}

.design_con1_box_forget{

    height: 40px;

    line-height: 40px;

}

.design_con1_box_forget a{

    color: #d70c19;

    text-decoration: underline;

}

.login_con2_box{

    padding: 30px 0;

}

.login_con2_box h5{

    font-size: 18px;

    font-weight: bold;

    margin: 0px;

    margin-bottom: 30px;

}

.login_con2_box .check{

    color: #666;

    line-height: 24px;

    margin-bottom: 15px;

    padding-left: 30px;

    position: relative;

}

.login_con2_box .check i{

   position: absolute;

   top:0px;

   left: 0px; 

}

.login_con2_box .index_con3_bt{

    text-align: left;

    margin-top:30px;

    margin-bottom: 20px;

}

.login_con2_box .index_con3_bt a{

    text-align: center;

    margin: 0px;

    width: auto;

    padding: 0 20px;

}

.login_con3{

    background-color: #fff;

    padding: 30px 0;

}

.login_con3 .j_checkbox{

    position: absolute;

    top:0px;

    left: 0px;

}

.login_con3_box{

    padding-left: 40px;

    position: relative;

}

.index_con3_design

/**3.23lgoin**/

/**3.23user**/

.user1_left{}

.user{

    padding: 40px 0;

    background-color: #fff;

}

.user1_left{

    width: 260px;

    float: left;

    background-color: #fff;

    box-shadow: 0 1px 10px 1px rgba(0,0,0,0.1);

    position: relative;

    z-index: 2;

}

.user_tx {

    padding: 30px 20px;

    text-align: center;

}

.user_tx_img {

    display: inline-block;

    border: 3px solid #f4f4f4;

    border-radius: 100%;

    position: relative;

}

.user_tx_img input{

    position: absolute;

    top:0px;

    left: 0px;

    width: 100%;

    height: 100%;

    filter: alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0;

    cursor: pointer;

}

.user_tx_img img {

    border-radius: 100%;

}

.user_tx_img span {

    position: absolute; bottom: 0; right: 0;

}

.user_tx > span {

    display: inline-block;

    margin-top: 15px;

    font-size: 13px;

    color: #333;

    display: block;

}

.user_tx > a {

    display: inline-block;

    margin-top: 15px;

    font-size: 12px;

    letter-spacing: 1px;

    line-height: 25px;

    padding: 0 20px;

    border-radius: 2px;

    background: #f5f5f5;

    color: #333;

    border: 1px solid #ccc;

    -webkit-transition: 0.3s ease;

    -moz-transition: 0.3s ease;

    -ms-transition: 0.3s ease;

    -o-transition: 0.3s ease;

    transition: 0.3s ease;

}

.user_tx > a:hover {

    background: #fff;

}

.grade p { background: #d70c19;

    display: inline-block; line-height: 25px;

    color: #ffffff; border-radius: 5px; margin-bottom: 0px; padding: 1px 3px; }

.grade p img { vertical-align: -5px;

    margin-right: 3px;

}

.grade { margin-top: 10px; }

.grade span { font-size: 13px; margin-bottom: 5px;

    display: inline-block; }

.user_nav {

    width: 100%;

    padding: 15px 0 20px 0;

    border-top: 1px dashed #d2d2d2;

}

.user_nav ul {

    padding: 0;

    margin: 0;

}

.user_nav ul > h5 {

    font-size: 14px;

    color: #334;

    margin: 20px 0px 15px 0px;

    font-weight: 600;

    padding-left: 15px;

}

.user_nav ul > h5 a{

    color: #333;

}

.user_nav ul > h5 a.on{

    color: #d70c19;

}

.user_nav ul li {

    font-size: 12px;

    letter-spacing: 1px;

    margin-bottom: 10px;

    color: #333;

    padding: 0 20px;

    -webkit-transition: 0.3s ease;

    -moz-transition: 0.3s ease;

    -ms-transition: 0.3s ease;

    -o-transition: 0.3s ease;

    transition: 0.3s ease;

}

.user_nav ul li.on{

    color: #d70c19;

    font-weight: bold;

}

.user_nav ul li span { font-family: Arial, Helvetica, sans-serif; color: #d70c19; }

.user_nav ul li:hover {

    color: #d70c19;

}

.user_nav_line {

    width: 100%;

    height: 1px;

    background: #e8e8e8;

    margin-bottom: 15px;

}

.user1_right{

    padding-left: 300px;

    width: 100%;

    position: relative;

    z-index: 1;

}

.user1_right_son{

    width: 100%;

    background-color: #fff;

    padding: 30px;

    box-shadow: 0 1px 10px 1px rgba(0,0,0,0.1);

}

.user_r6a {

    width: 100%;

    margin-bottom: 35px;

}

.user_r6a p {

    font-size: 12px;

    color: #333;

    letter-spacing: 1px;

    margin-bottom: 10px;

}

.user_r6a p span {

    color: #d70c19;

    font-weight: bold;

    cursor: pointer;

    margin-right: 5px;

}

.user_r6a p a {

    color: #d70c19;

    cursor: pointer;

    margin-right: 5px;

    font-size: 12px;

}

.user_r6a p span.num{

    font-size: 16px;

    display: inline-block;

    margin-right: 30px;

}

.qiand {

    border: 1px solid #d70c19;

    padding: 0 5px;

    display: inline-block;

    margin-left: 30px;

}

.user1_right_form .design_con1_box_name input{

    line-height: 35px;

    height: 35px;

    width: 300px;

}

.user1_right_form .design_con1_box .tit{

    line-height: 35px;

}

.user1_right_form .design_con1_box{

    padding-left: 140px;

}

.user1_right_form .design_con1{

    border:0px;

}

.user1_right_form .design_con1_box .pro_sec1_right_list_bt{

    position: relative;

    text-align: left;

    margin-top:40px;

}

/*3.23user*/

/*shopcar*/

.shopcar{

    background-color: #fff;

    padding-bottom:40px;

}

.pro_inner_t {

    width: 100%;

    padding: 20px 0 20px 0;

    line-height: 20px;

}

.pro_inner_t h5 {

    margin: 0;

    display: inline-block;

    color: #333;

    font-size: 13px;

}

.pro_inner_t i {

    display: inline-block;

    padding: 0 8px 0 10px;

}

.pro_inner_t p {

    font-size: 13px;

    color: #999;

    display: inline-block;

}

.shopcar_con {

    width: 100%;

}

.shopcar_con table {

    width: 100%;

}

.shopcar_1 {

    background: #f5f5f5;

    border: 1px solid #e8e8e8 !important;

}

.shopcar_1 th {

    line-height: 50px;

    font-size: 13px;

    letter-spacing: 1px;

    color: #333;

    font-weight: normal;

    text-align: center;

}

.shopcar_frist {

    text-align: left !important;

    padding: 0 20px;

}

.shopcar_frist input {

    vertical-align: middle;

    margin-top: 0;

    margin-right: 20px !important;

}

.shopcar_frist span {

    display: inline-block;

    vertical-align: middle;

    margin-right: 100px;

}

.shopcar_frist b {

    display: inline-block;

    vertical-align: middle;

    font-weight: normal;

}

.shopcar_sec {

    padding: 20px;

    line-height: 67px;

    text-align: left !important;

}

.shopcar_sec input {

    display: inline-block;

    vertical-align: middle;

    margin-top: 0;

    margin-right: 20px !important;

}

.shopcar_con table tr td {

    border-bottom: 1px dashed #e8e8e8;

    text-align: center;

}

.shopcar_sec span {

    display: inline-block;

    margin-left: 30px;

}

.shopcar_close {

    cursor: pointer;

}

.shopcar_btn {

    width: 100%;

    border: 1px solid #e8e8e8;

    border-top: none;

    padding: 20px;

}

.shopcar_btn1 {

    display: inline-block;

    line-height: 40px;

    padding: 0 30px;

    font-size: 14px;

    background: #d70c19;

    color: #fff;

    border-radius: 3px;

    letter-spacing: 1px;

    float: left;

}

.shopcar_btn1:hover {

    color: #fff !important;

}

.shopcar_btn2 {

    display: inline-block;

    line-height: 40px;

    padding: 0 30px;

    font-size: 14px;

    background: #d70c19;

    color: #fff;

    margin-left: 20px;

    border-radius: 3px;

    letter-spacing: 1px;

    float: right;

}

.shopcar_btn2:hover {

    color: #fff !important;

}

.shopcar_zj {

    margin-top: 20px;

    background: #f5f5f5;

    border: 1px solid #e8e8e8;

    padding: 15px;

    position: relative;

    text-align: right;

    margin-bottom: 20px;

}

.shopcar_zjs {

    width: 100%;

    display: inline-block;

    text-align: right;

}

.shopcar_zjs p {

    margin-bottom: 0;

    font-size: 12px;

    line-height: 25px;

    letter-spacing: 1px;

    color: #333;

}

.shopcar_zj_line {

    display: inline-block;

    width: 300px;

    height: 1px;

    background: #e8e8e8;

    margin-bottom: 15px;

    margin-top: 15px;

}

.shopcar_zjs h5 {

    margin-top: 10px;

}

.shopcar_zjs h5 span {

    color: #333;

    font-weight: 600;

}

.shopcar_zjs p span {

    font-weight: 600;

    font-size: 18px;

    border: 600;

    color: #d70c19;

}

.shopcar_zjs_btn {

    width: 100%;

    text-align: right;

}

.shopcar_zjs_btn > a {

    display: inline-block;

    line-height: 40px;

    padding: 0px 50px;

    font-size: 16px;

    color: #fff;

    letter-spacing: 1px;

    background: #d70c19;

    margin-top: 15px;

    border-radius: 3px;

}

.shopcar_zjs_btn > a:hover {

    color: #fff !important;

}

.shopcar_zjs_btn > p {

    display: inline-block;

    margin-top: 15px;

    line-height: 40px;

    font-size: 12px;

    margin-right: 10px;

}

.shopcar_zjs_btn > p > span {

    font-weight: normal;

    color: #333;

    font-size: 13px;

}

.shopcar_zjs_btn > p > b {

    color: #d70c19;

    font-size: 16px;

}

.shopcar_zj > p {

    position: absolute; top: 20px; left: 20px;

    line-height: 30px;

    letter-spacing: 1px;

}

.shopcar_zj > p span {

    color: #d70c19;

    display: inline-block;

    padding: 0 5px;

}

.shopcar_zj > p input {

    display: inline-block;

    vertical-align: middle;

    margin-top: 0;

    margin-right: 20px !important;

}

.sjf {

    position: absolute; top: 70px; left: 20px;

}

.sjf h5 {

    font-size: 14px;

    color: #333;

    margin-bottom: 10px;

}

.sjf p {

    text-align: left;

}

.sjf p img {

    display: inline-block;

    vertical-align: top;

}

.sjf p span {

    display: inline-block;

    vertical-align: top;

    padding-top: 10px;

    padding-left: 10px;

}

.sjf p span b {

    color: #d70c19;

    display: inline-block;

    margin-top: 5px;

    font-weight: normal;

}

.pro_num {

    padding: 0px !important;

}

.pro_num input {

    font-size: 14px !important;

    width: 60px;

    color: #888;

    text-align: center;

    border: none;

    background: none;

    height: 100%;

}

.shopcar_nums span {

    display: inline-block;

    vertical-align: top;

    line-height: 30px;

    border: 1px solid #e8e8e8;

    border-right: none;

    font-size: 18px;

    color: #ccc;

    padding: 0 15px;

    margin-right: -5px;

}

.shopcar_nums .pro_jian {

    font-size: 13px !important;

    font-weight: normal !important;

}

.shopcar_nums .pro_jia {

    font-size: 13px !important;

    font-weight: normal !important;

    border-right: 1px solid #e8e8e8 !important;

}

.shopcar_nums span {

    line-height: 25px !important;

}

.hea_language{

    position: relative;

}

.hea_language a b{

    font-weight: 300;

}

.hea_language_list{

    position: absolute;

    width: 83px;

    top:86%;

    z-index: 99;

    padding: 10px;

    padding-bottom: 0px;

    border:1px solid #eee;

    background-color: #f5f5f5;

    display: none;

}

.hea_language_list li img{

    width: 30px;

    margin-right: 10px;

}

.hea_language_list li{

    margin-bottom: 10px;

    cursor: pointer;

    line-height: 19px;

}

/*shopcar*/

.index-sec1_list{

    text-align: center;

    margin-top:50px;

}

.index-sec1_list_box{

    display: inline-block;

    margin: 0 50px;

    position: relative;

    top:80px;

    filter: alpha(opacity=0);

    -moz-opacity: 0;

    -khtml-opacity: 0;

    opacity: 0;

}

.index-sec1_list_box h1{

    font-size: 80px;

    margin: 0px;

    font-family: 'arial';

    margin-bottom: 10px;

}

.index-sec1_list_box h1 b{

    font-size: 14px;

    font-weight: 300;

}

.index-sec1_list_box p{

   font-weight: bold;

    margin: 0px;

    text-transform: uppercase;

}

.index-sec1_list_box .line{

    background-color: #ccc;

    bottom: 0;

    height: 120px;

    position: absolute;

    right: -63px;

    -webkit-transform: rotate(24deg);

    -moz-transform: rotate(24deg);

    -o-transform: rotate(24deg);

    transform: rotate(24deg);

    width: 1px;

}

.index-sec2_pro_son{

    background-color: #ececec;

    padding: 35px 0 15px 0;

}

.index-sec2_pro_line{

    position: absolute;

    top:0px;

    left: 0px;

    width: 100%;

    filter: alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0;

    transition: all 0.8s ease;

    -webkit-transition: all 0.8s ease;

    -moz-transition: all 0.8s ease;

    -o-transition: all 0.8s ease;

    top:20px;

}

/*.index-sec2_pro_line.on{

    position: relative;

}*/

.index-sec2_pro_line.start{

    -webkit-transition-delay:0.5s;

    -moz-transition-delay:0.5s;

    -o-transition-delay:0.5s;

    transition-delay:0.5s;

    filter: alpha(opacity=100); -moz-opacity:1; -khtml-opacity: 1; opacity: 1;

    top:0px;

    z-index: 2;

    position: relative;

}

.index-sec2_brand{

    margin-top: 40px;

}

.index-sec2_brand a{

    display: inline-block;

    margin-right: 10px;

    text-align: center;

    margin-bottom: 20px;

}

.index-sec2_brand a img{

     -webkit-filter: grayscale(100%);

    -moz-filter: grayscale(100%);

    -ms-filter: grayscale(100%);

    -o-filter: grayscale(100%);

    filter: grayscale(100%);    

    filter: gray;

    -webkit-transition: all 350ms ease;

    -moz-transition: all 350ms ease;

    -o-transition: all 350ms ease;

    transition: all 350ms ease;

}

.index-sec2_brand a:hover img{

    -webkit-filter: grayscale(0%);

    -moz-filter: grayscale(0%);

    -ms-filter: grayscale(0%);

    -o-filter: grayscale(0%);

    filter: grayscale(0%); 

}

.index-sec2_brand a p{

    margin: 0px;

    margin-top:10px;

}

.index_sec2_con_fa{

    position: relative;

    z-index: 4;

}

.index-sec2_pro_line_fa{

    width: 1320px;

    max-width: 100%;

    margin: 0 auto;

    position: relative;

}

.index-sec2-nav_search{

    position: absolute;

    bottom: 15px;

    right: 8%;

    z-index: 3;

    padding-right: 40px;

    background-color: #fff;

     border: 1px solid #d70c19;

}

.index-sec2-nav_search select{

    width: 150px;

    display: inline-block;

    height: 40px;

    line-height: 40px;

    border:0px;

    border-right: 1px solid #d70c19;

    outline: none;

}

.index-sec2-nav_search input{

    width: 160px;

    height: 40px;

    line-height: 40px;

    padding: 0 15px;

    border:0px;

    /* border-bottom: 1px solid #eee; */

    font-size: 12px;

    text-transform: capitalize;

}

.index-sec2-nav_search span{

    position: absolute;

    width: 40px;

    height: 40px;

    top:0px;

    right: 0px;

    font-size: 20px;

    line-height: 40px;

    text-align: center;

    cursor: pointer;

}

.forget_nav h1{

    margin-bottom: 0px;

}

.index-sec2-nav_search_list{

    position: absolute;

    top: 100%;

    right: -2px;

    width: 207px;

    border: 1px solid #ddd;

     display: none; 

}

.index-sec2-nav_search_list{

    line-height: 35px;

    text-align: left;

    background-color: #fff;

}

.index-sec2-nav_search_list li{

    padding: 0 8px;

    display: block;

    margin: 0px;

    font-size: 12px;

    display: -webkit-box;

    -webkit-box-orient: vertical;

    -webkit-line-clamp:1;

    overflow:hidden;

}

.index-sec2-nav_search_list li b{

    display: inline-block;

    width: 18px;

    height: 18px;

    line-height: 20px;

    color: #fff;

    background-color: #35b0fb;

    text-align: center;

    border-radius: 3px;

    margin-right: 5px;

}

.index-sec2-nav_search_list li b.color1{

    background-color: #ff3c30;

}

.index-sec2-nav_search_list li b.color2{

    background-color: #ffb300;

}

.index-sec2-nav_search_list li b.color3{

    background-color: #27c127;

}

.index-sec2-nav_search_list li:hover{

    background-color: #f8f8f8;

}

/*history*/

.history_se1 h1{

    font-size: 30px;

    margin-top:0px;

    margin-bottom: 35px;

}

.history_se1 p{

    font-size: 16px;

    line-height: 26px;

}

.history_se2{

    background-color: #fff;

    padding-bottom: 80px;

}

.history_se2_text{

    width: 40%;

    float: left;

    padding-top: 4%;

}

.history_se2_text .text{

    margin-bottom: 30px;

}

.history_se2_text .text h4{

    font-size: 20px;

    margin-bottom: 30px;

    color: #d70c19;

    margin-top:0px;

}

.history_se2_text .text p{

    line-height: 24px;

    margin:0px;

}

.history_se2_text .share{

    position: relative;

}

.history_se2_text .share .tit{

    text-align: right;

}

.history_se2_text .share .tit span{

    display: inline-block;

    cursor: pointer;

}

.history_se2_text .share .tit b{

    display: inline-block;

    width: 30px;

    height: 30px;

    background-color: #d70c19;

    border-radius: 50%;

    line-height: 30px;

    text-align: center;

    color: #fff;

}

.history_se2_text .share .tit b img{

    width: 18px;

	margin: auto;

    padding-top: 5px;

}

.history_se2_img{

    width: 47%;

    float: right;

}

.history_se2_con{

    padding-right: 200px;

    position: relative;

}

.history_se2_box{

    margin-bottom:30px

}

.history_se2_text .share_line{

    position: absolute;

    bottom: 53px;

    left: 0px;

    width: 116%;

    left: 0px;

    padding: 20px 15px;

    border: 1px solid #666;

    display: none;

    background-color: #fff;

}

.history_se2_text .share_line:after,.history_se2_text .share_line:before{

    content: '';

    position: absolute;

    border-top: 15px solid #fff;

    bottom: -14px;

    right: 75px;

    border-left: 15px solid transparent;

    border-right: 15px solid transparent;

}

.history_se2_text .share_line:before{

    border-top: 15px solid #282828;

    bottom: -15px;

}

.history_se2_text .share_line a{

    width: 30px;

    height: 30px;

    text-align: center;

    /*background-image: url("../images/share_all.png") ;*/

    background-repeat: no-repeat;

    background-size: 510px 342px;

     transition:all 0.2s ease;

  -webkit-transition:all 0.2s ease;

  -moz-transition: all 0.2s ease;

  -o-transition: all 0.2s ease;

  cursor: pointer;

  margin-right: 10px;

  border-radius: 0px;

  filter: alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; opacity: 1;

}

.history_se2_text .share_line a:hover{

    filter: alpha(opacity=70); -moz-opacity: 0.7; -khtml-opacity: 0.7; opacity: 0.7;

}

.history_se2_text .share_line li{

    float: left;

    margin: 0 5px;

}

.history_se2_text .share_line .closeh{

    position: absolute;

    top: 13px;

    right: 16px;

    color: #454545;

    cursor: pointer;

}

.history_se2_text .share_line .facebook{

    background-position: -245px -307px;

}

.history_se2_text .share_line .twitter{

    background-position: -45px -307px;

}

.history_se2_text .share_line .google{

    background-position: -205px -307px;

}

.history_se2_text .share_line .pinterest{

    background-position: -85px -307px;

}

.history_se2_text .share_line .linkedIn{

    background-position: -165px -307px;

}

.history_se2_text .share_line .xing{

    background-position: -5px -307px;

}

.history_se2_text .share_line .email{

    background-position: -125px -307px;

}

.history_se2_box.two .history_se2_img{

    float: left;

    margin-right: 6%;

}

.history_se2_years_fa{

    position: absolute;

    top:0px;

    right: 0px;

    width: 120px;

}

.history_se2_years{

    background-color: #f5f5f5;

    width: 120px;

    padding:15px 0;

    top:0px;

    position: relative;

}

.history_se2_years.on{

    position: fixed;

    top:20px;

    z-index: 99;

}

.history_se2_years li{

    font-size: 15px;

    line-height: 45px;

    overflow: hidden;

    position: relative;

    text-align: center;

}

.history_se2_years li a{

    position: relative;

}

.history_se2_years li a:after,.history_se2_years li a:before{

    -moz-opacity: 0;

    -khtml-opacity: 0;

    -webkit-opacity: 0;

    opacity: 0;

    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);

    filter: alpha(opacity=100);

    border-bottom: 6px solid transparent;

    border-top: 6px solid transparent;

    content: '';

    height: 0;

    font-size: 0;

    line-height: 0;

    position: relative;

    top: -5px;

    width: 0;

}

.history_se2_years li a.active:after,.history_se2_years li a.active:before{

    -moz-opacity: 1;

    -khtml-opacity:1;

    -webkit-opacity:1;

    opacity:1;

}

.history_se2_years li a:after{

    border-left: 6px solid #d70c19;

    left: 10px;

}

.history_se2_years li a:before{

    border-right: 6px solid #d70c19;

    right: 10px;

}

.history_se2_years li:hover a,.history_se2_years li a.active{

    color: #d70c19;

}

/*history*/

/*在线询价*/

.inquiry .design_con1_box_name .red{

    color: #d70c19;

    position: absolute;

    top: 9px;

    left: -12px;

    font-weight: bold;

    font-size: 18px;

}

.inquiry_box1{

    margin-top:10px;

}

.inquiry_box1 span{

    display: inline-block;

    padding: 0 10px;

    height: 25px;

    line-height: 25px;

    background-color: #e8e8e8;

    border-radius: 5px;

    position: relative;

    margin-right: 10px;

    color: #666;

    cursor: pointer;

}

.inquiry_box1 span input{

    position: absolute;

    width: 100%!important;

    height: 100%!important;

    top:0px;

    left: 0px;

    filter: alpha(opacity=0);

    -moz-opacity: 0;

    -khtml-opacity: 0;

    opacity: 0;

    cursor: pointer;

}

.inquiry_box1 b{

    font-weight: 300;

    color: #999;

    font-size: 13px;

}

/*在线询价*/

/*配件查询*/

.parts_user .pro_search_con{

    width: 100%;

}

.parts_user .pro_search_con input{

    background-color: #ebebeb;

}

/*配件查询*/

/*询价列表*/

.inquiry_con2 table{

    border:1px solid #ccc;

    width: 100%;

    text-align: center;

}

.inquiry_con2 table .tit{

    background-color: #f5f5f5;

}

.inquiry_con2 table td{

    line-height: 50px;

}

/*询价列表*/

/*产品详情*/

.pro1_inn_se1_img{

    width: 65%;

    float: left;

    border:1px solid #ccc;

}

.pagination_proin1{

     text-align: center;

     width: 100%;

     position: absolute;

     bottom: 0px;

     left: 0px;

     z-index: 999;

     margin: 0px;

}

.pagination_proin1 span{

    width: 16px;

    height: 16px;

    border-radius: 50%;

    overflow: hidden;

    background-color: transparent;

    border:1px solid #d70c19;

    margin: 0 4px;

}

.pagination_proin1 span.swiper-pagination-bullet-active{

    background-color: #d70c19;

}

.pro1_inn_se1_img_con1{

    margin-bottom: 10px;

    position: relative;

}

.pro1_inn_se1_img_con2{

    position: relative;

    padding: 10px 10%;

    border-top:1px solid #ccc;

}

.proin1_left,.proin1_right{

    position: absolute;

    top:19%;

    height: 50px;

    width:50px;

    line-height: 50px;

    text-align: center;

    z-index: 999;

    font-size: 20px;

    color: #666;

    cursor: pointer;

    z-index: 999;

}

.proin1_left{

    left:0px;

}

.proin1_right{

    right: 0px;

}

.pro1_inn_se1_text{

    width: 60%;

    float: left;

    padding-left: 60px;

}

.pro1_inn_se1_text_box h4{

    margin: 0px;

    margin-bottom: 10px;

    /* color: #d70c19; */

    font-size: 16px;

    font-weight: bold;

}

.pro1_inn_se1_text_box{

    margin-bottom: 16px;

}

.pro1_inn_se1_text h1{

    font-size: 28px;

    margin: 0px;

    margin-bottom: 20px;

    font-weight: bold;

    color: #d70c19;

    position: relative;

}

.pro1_inn_se1_text h1 span{

    position: absolute;

    top: 2px;

    right: 0px;

    width: 100px;

    font-size: 14px;

    color: #333;

    cursor: pointer;

}

.pro1_inn_se1_text h1 span i{

    font-size: 26px;

    color: #a9a9a9;

    display: inline-block;

    vertical-align: middle;

    margin-right: 7px;

}

.pro1_inn_se1_text h1 span i.on{

    color: #ffb727

}

.pro1_inn_se1_text .text{

    line-height: 30px;

    font-size: 16px;

    margin-bottom: 40px;

}

.pro1_inn_se1_back{

    margin-top:40px;

    color: #d70c19;

    font-size: 16px;

    display: inline-block;

    font-weight: bold;

    text-transform: uppercase;

    cursor: pointer;

}

.pro1_inn_se1_back i{

    margin-right: 8px;

}

.pro1_inn_se2{

    margin-top:40px;

    position: relative;

    width: 80%;

}

.pro1_inn_se2_img{

    width: 200px;

    float: left;

    /*display: none;*/

}

.pro1_inn_se2_text{

    width: 100%;

    padding-left: 220px;

}

.pro1_inn_se2_box{

    margin-bottom: 15px;

}

.pro1_inn_se2_box h1{

    height: 45px;

    line-height: 45px;

    background-color: #d70c19;

    color: #fff;

    padding: 0 15px;

    font-size: 18px;

    font-weight: bold;

    margin: 0px;

    position: relative;

    cursor: pointer;

}

.pro1_inn_se2_box_con{

    padding: 30px 0;

}

.pro1_inn_se2_text h3{

    font-size: 16px;

    font-weight: bold;

    margin-top:10px;

    margin-bottom: 20px;

}

.pro1_inn_se2_text h5 span{

    display: inline-block;

    margin-right: 10px;

    margin-bottom: 12px;

    text-transform: capitalize;

}

.pro1_inn_se2_box_con .pro_sec1_right_box:after{

    height: 135%;

}

.row1-img_left2 .ind2_pro_list{

    top:auto;

    bottom: 0px;

}

.row1-img_left2 .ind2_pro_list .three{

    top:auto;

    bottom: 24px;

}

/*.row1-img_center .ind2_pro_list {

    left: 0px;

    top:100%;

}*/

/*.row1-img_center .ind2_pro_list .three{

    transform:rotate(90deg);

    -ms-transform:rotate(90deg);

    -moz-transform:rotate(90deg);

    -webkit-transform:rotate(90deg); 

    -o-transform:rotate(90deg); 

    top: -20px;

    left: 18%;

}*/

.row1-img_center2 .ind2_pro_list{

    left: auto;

    right:100%;

    /*top:100%;*/

}

.row1-img_center2 .ind2_pro_list .three{

    left: auto;

    right: -15px;

    transform: rotateY(180deg);

    -ms-transform: rotateY(180deg);

    -moz-transform: rotateY(180deg);

    -webkit-transform: rotateY(180deg);

    -o-transform: rotateY(180deg);

}

.row1-img_right .ind2_pro_list{

    left: auto;

    right: 100%;

}

.row1-img_right .ind2_pro_list  .three{

    left: auto;

    right: -15px;

    transform: rotateY(180deg);

    -ms-transform: rotateY(180deg);

    -moz-transform: rotateY(180deg);

    -webkit-transform: rotateY(180deg);

    -o-transform: rotateY(180deg);

}

.row1-img_right2 .ind2_pro_list{

    top:auto;

    bottom: 0px;

}

.row1-img_right2 .ind2_pro_list  .three{

    top:auto;

    bottom: 24px;

}

.pro1_inn_se1_img_con2 img.on{

    border:2px solid #d70c19;

}

.index-sec2-nav_son ul{

    width: 1320px;

    max-width: 100%;

    margin:0 auto;

    /*text-align: left;*/

}

/*产品详情*/

.design_con1_box_name_code{

    width: 450px;

    font-size: 0px;

}

.design_con1_box_name_code input{

    width: 272px;

    font-size: 14px;

}

.design_con1_box_name_code span{

    display: inline-block;

    height: 40px;

    line-height: 40px;

    padding: 0 10px;

    background-color: #999;

    color: #fff;

    border-radius: 5px;

    cursor: pointer;

    font-size: 12px;

    margin-left: 14px;

}

.head_search_tit{

    display: inline-block;

}

.head_search_tit select{

    border:0px;

    line-height:23px;

    outline:none;

    height: 23px;

}

.navbar-right-search .bt{

    position: absolute;

    top: -7px;

    right: -4px;

    width: 30px;

    line-height: 30px;

    height: 30px;

    text-align: center;

    font-size: 15px;

    color: #555;

    cursor: pointer;

}

.index-search_fa{

    display: inline-block;

    position: relative;

}

.index-search_fa .index-sec2-nav_search_list{

    position: absolute;

    width: 100%;

    left: 0px;

    top: 21px;

}

.series-item_more a{

    padding: 20px 0;

    font-size: 14px;

    text-transform: capitalize;

}

.about_index-sec1_list{

    background-color: #f5f5f5;

    position: relative;

}

.about_index-sec1_list .index-sec1_list{

    margin: 0px;

}

.company_ban_bg{

    position: absolute;

    width: 100%;

    height: 100%;

    top:0px;

    left: 0px;

    background-color: #333;

    filter: alpha(opacity=30); -moz-opacity: 0.3; -khtml-opacity: 0.3;opacity: 0.3;

}

.menu_right .share i{

    line-height: 25px;

}

.menu_right .menu_box img{

    margin-top: 10px;

}

/*5.21*/

.pro_other_img{

    margin-top:40px;

}

.pro_other_img_son{

    position: relative;

    margin-bottom:20px;

}

.pro_other_img_text{

    position:absolute;

    width: 200px;

    background-color: #d70c19;

    color: #fff;

    left: 0px;

    top: 33px;

    padding: 10px;

    line-height: 28px;

    letter-spacing: 1px;

    font-size: 26px;

    font-family: "font2", Helvetica, Arial, sans-serif;

    text-transform: uppercase;

}

.pro1_inn_se1_introduction .pro1_inn_se1_text{

    float: none;

    width: 100%;

    margin-top:50px;

    padding: 0px;

}

.pro1_inn_se1_introduction .pro1_inn_se1_text .text{

    margin-bottom: 30px;

}

.pro1_inn_se1_introduction .pro1_inn_se1_text h1 span{

    right: auto;

    left: 68%;

}

.pro1_inn_se1_introduction .pro1_inn_se1_text_box{

    display: inline-block;

    width: 25%;

}

.pro1_inn_se1_introduction .pro1_inn_se1_back{

    display: block;

    margin-top:10px;

}

.pro1_inn_se1_img_box{

    width: 80%;

    margin: 0 auto;

}

.pro1_inn_se1_img_new

{

    border:0px;

}

.pro1_inn_se1_img_new .pro1_inn_se1_img_con1{

    margin: 0px;

    border:1px solid #ccc;

}

.pro1_inn_se1_img_new .pro1_inn_se1_img_con2{

    padding: 0px;

    margin-top:10px;

    border:0px;

}

.pro1_inn_se1_img_box2{

    border:1px solid #ccc;

    text-align: center;

    cursor: pointer;

    padding: 2px;

}

.pro1_inn_se1_img_box2 img{

    width: 80%;

}

.pro1_inn_se1_img_box2.on{

    border: 2px solid #d70c19;

}

.swiper_proin2 .swiper-slide{

    width: 40%;

}

.proin1_left, .proin1_right{

    top:0px;

    height: 100%;

    color: #fff;

    background-color: rgba(0,0,0,0.3);

    width: 40px;

    line-height:0;

    text-align: left;

    font-size: 30px;

    -webkit-transition: all .3s ease;

    -moz-transition: all .3s ease;

    transition: all .3s ease;

}

.proin1_left:hover, .proin1_right:hover{

     background-color: rgba(0,0,0,0.5);

}

.proin1_left{

    left: -40px;

}

 .proin1_right{

    right: -40px;

 }

 .pro1_inn_se1_img_con2:hover .proin1_left{

    left: 0px;

 }

 .pro1_inn_se1_img_con2:hover .proin1_right{

    right: 0px;

 }

.proin1_left i,.proin1_right i{

    position: absolute;

    top:50%;

    -webkit-transform: translateY(-50%);

    -moz-transform: translateY(-50%);

    -ms-transform: translateY(-50%);

    -o-transform: translateY(-50%);

    transform: translateY(-50%);

}

.proin1_left i{

    left: 13px;

}

.proin1_right i{

    right: 13px;

}

.pro1_inn_se1_img_con2{

    overflow: hidden;

}

.pro1_inn_se1_img_new{

    overflow: hidden;

}

.pro1_inn_se1_img_con1:hover .proin1_left{

    left: 0px;

}

.pro1_inn_se1_img_con1:hover .proin1_right{

    right: 0px;

}

.pro1_inn_se1_img_list{

    width: 35%;

    float: left;

    padding-left: 25px;

}

.pro1_inn_se1_img_list_son{

    background-color: #eee9e9;

    padding: 25px;

    position: relative;

}

.pro1_inn_se1_img_list_son h1{

    font-size: 35px;

    font-family: "font2", Helvetica, Arial, sans-serif;

    text-transform: uppercase;

    margin-bottom: 20px;

    margin-top:0px;

}

.pro1_inn_se1_form p{

    color: #666;

    line-height: 20px;

}

.pro1_inn_se1_form div{

    position: relative;

}

.pro1_inn_se1_form div span{

    position: absolute;

    height: 35px;

    line-height: 35px;

    left: 15px;

    top:0px;

    cursor: pointer;

    -webkit-transition: all 350ms ease;

    -moz-transition: all 350ms ease;

    -o-transition: all 350ms ease;

    transition: all 350ms ease;

    opacity: 1;

}

.pro1_inn_se1_form div span.on{

    opacity: 0;

}

.pro1_inn_se1_form input,.pro1_inn_se1_form textarea{

    width: 100%;

    background-color: #fff;

    border:0px;

    border-radius: 5px;

    overflow: hidden;

    padding: 0 15px;

    height: 35px;

    line-height: 35px;

    margin-bottom: 15px;

}

.pro1_inn_se1_form input.on,.pro1_inn_se1_form textarea.on{

    box-shadow: 0px 0px 8px 1px rgba(255, 114, 114, 0.27);

}

.pro1_inn_se1_form textarea{

    height: 140px;

    line-height: 24px;

    padding: 5px 15px;

    resize: none;

}

.pro1_inn_se1_img_list_submit{

    position: absolute;

    bottom: 25px;

    left: 0px;

    width: 130px;

    background-color: #d70c19;

    font-size: 27px;

    font-family: "font2", Helvetica, Arial, sans-serif;

    text-align: center;

    color: #fff;

    padding: 2px 0;

    cursor: pointer;

}

.pro1_inn_se2_new{

    width: 100%;

}

.pro1_inn_se2_new .pro1_inn_se2_box h1{

    border-bottom: 4px solid #d70c19;

    background-color: transparent;

    position: relative;

    padding: 0px;

}

.pro1_inn_se2_new .pro1_inn_se2_box h1 span{

    display: inline-block;

    background-color: #d70c19;

    padding-left: 40px;

    padding-right: 89px;

    position: relative;

}

.pro1_inn_se2_new .pro1_inn_se2_box h1 span:after{

    content: '';

    left: 16px;

    width: 4px;

    height: 45px;

    background-color: #fff;

    position: absolute;

    top:0px;

}

.pro1_inn_se2_new .pro1_inn_se2_box h1 span:before{

    content: '';

    position: absolute;

    background-color: #fff;

    width: 50px;

    height: 50px;

    bottom: 13px;

    right: -32px;

    transform: rotate(57deg);

}

.pro_sec1_right_big_tit{

    margin-bottom: 30px;

}

.pro_sec1_right_big_tit h1{

    font-size: 40px;

    font-family: "font2", Helvetica, Arial, sans-serif;

    margin: 0px;

    margin-bottom: 10px;

}

.pro_sec1_right_big_tit p{

    font-size: 18px;

    line-height: 30px;

}

.swiper-button-disabled{

    opacity: 0;

}

.pro_sec1_list_box li h5{

    position: relative;

    z-index: 0;

/*    -webkit-transition: all 350ms ease;

    -moz-transition: all 350ms ease;

    -o-transition: all 350ms ease;

    transition: all 350ms ease;*/

}

.pro_sec1_list_box li h5:after{

    content: '';

    position: absolute;

    top:0px;

    left: 0px;

    width:0%;

    height: 100%;

    background-color: #d70c19;

    z-index: -1;

    -webkit-transition: all 350ms ease;

    -moz-transition: all 350ms ease;

    -o-transition: all 350ms ease;

    transition: all 350ms ease;

}

.pro_sec1_list_box li h5:hover,.pro_sec1_list_box li h5.on{

    color: #fff;

    border:0px;

    padding-left: 12px;

}

.pro_sec1_list_box li h5:hover:after,.pro_sec1_list_box li h5.on:after{

    width: 100%;

} 

.pro1_inn_se1_img_list_submit{

    bottom: 9%;

}

/*7.2*/

.pro1_inn_se2_box_con table{

    width: 100%;

    font-family:  Arial;

}

.pro1_inn_se2_box_con td{

    border: 1px solid #c8d2e0;

    line-height: 30px;

    vertical-align: middle;

    text-align: center;

    font-size: 12px;

}

.pro1_inn_se2_box_con_all .pro1_inn_se2_text{

    padding-left: 0px;

}

.pro1_inn_se2_box_con table tr:nth-child(Odd){

    background-color: #f5f7fa;

}

.pro1_inn_se2_box_con table tr.firstRow td {

    background-color: #dae2ed;

    padding: 5px 0;

    text-transform: lowercase;

}

.pro1_inn_se2_box_con table tr.firstRow td:first-letter{

   text-transform:capitalize;

}

.pro1_inn_se2_box_con table tr td p{

    line-height: 22px;

    margin: 0px;

}

/*7.2*/

/*7.27*/

.menu_left{

    width: 41px;

    position: fixed;

    z-index: 999;

    top: 50%;

    -webkit-transform: translateY(-50%);

    -moz-transform: translateY(-50%);

    -ms-transform: translateY(-50%);

    -o-transform: translateY(-50%);

    transform: translateY(-50%);

    font-size: 12px;

    left: 0px;

    background-color: #d7d7d7;

    border: 1px solid #d4d4d4;

    padding: 10px 4px;

    display: none;

}

.menu_left li a{

    display: inline-block;

    width: 32px;

    height: 32px;

    line-height: 32px;

    border-radius: 3px;

    color: #fff;

    font-size: 18px;

    text-align: center;

    transition:all 0.3s ease;

    -webkit-transition:all 0.3s ease;

    -moz-transition: all 0.3s ease;

    -o-transition: all 0.3s ease;

}

.menu_left li a:hover{

    filter: alpha(opacity=80); -moz-opacity: 0.8; -khtml-opacity: 0.8; opacity: 0.8;

}

.menu_left p{

    margin-bottom: 4px;

}

.menu_left li{

    margin-bottom: 4px;

}

.menu_left li.email a{

     background-color: #b7c2c2;

}

.unoha{

    float: right;

}

.join_sec3_box_img{

    width: 23%;

    float: left;

    position: relative;

    background-position: center center;

    background-repeat: no-repeat;

    background-size: cover;

    display: none;

}

.conmmon_banner{

	position: relative;

	display: none;

}

.conmmon_banner img{

	width: 100%;

}

.conmmon_banner .ttx{

	width: 40%;

	position: absolute;

	left: 10%;

	top: 50%;

	-webkit-transform: translate(0,-50%);

	transform: translate(0,-50%);

}

.conmmon_banner .ttx h1{

	color: #fff;

	font-size: 60px;

	font-weight: normal;

	letter-spacing: 10px;

	font-weight: bold;

}

.conmmon_banner .ttx p{

	color: #fff;

	font-size: 16px;

	line-height: 1.7;

	margin-top: 16px;

}

.t_nav{

	background: #e6e4e5;

	padding: 5% 0 7% 0;

	margin-top: -10px;

	position: relative;

}

.t_nav h1{

	color: #333;

	font-size: 38px;

	font-weight: normal;

	text-align: center;

	letter-spacing: 3px;

	margin-bottom: 26px;

}

.t_nav ul{

	position: absolute;

	left: 50%;

	bottom: 30%;

	-webkt-transform: translate(-50%,0);

	transform: translate(-50%,0);

}

.t_nav li{

	float: left;

	text-align: center;

	width: 120px;

	color: #fff;

	border-left: solid rgba(255,255,255,0.8) 1px;

	padding-left: 6px;

	box-sizing: border-box;

}

.t_nav li a{

	font-size: 16px;

	opacity: 0.3;

	color: #333;

	-webkit-transition: all 0.3s linear;

	transition: all 0.3s linear;

}

.t_nav li:hover a{

	opacity: 0.8;

}

.t_nav li:nth-child(1){

	border-left: none;

}

.p_pro1{

	margin-top: 110px;

	position: relative;

	padding: 3% 0 4% 0;

	border-top: solid #ddd 1px;

}

.p_pro1 ul li{

	float: left;

	width: 47.5%;

	box-sizing: border-box;

	padding: 3% 0 2% 0;

	margin-right: 5%;

	position: relative;

}

.p_pro1 ul li:nth-child(2){

	margin-right: 0;

}

.p_pro1 ul li .tet{

	padding-left: 5%;

	position: absolute;

	left: 5%;

	top: 10%;

}

.p_pro1 ul li .tet h1{

	color: #fff;

	font-size: 26px;

	margin-bottom: 20px;

}

.p_pro1 ul li .tet p{

	color: #fff;

	width: 70%;

	font-size: 16px;

	line-height: 1.7;

	letter-spacing: 0.5px;

}

.p_pro1 ul li img{

	width: 100%;

	margin: auto;

}

.p_list1{

	margin-top: 5%;

	margin-bottom: 6%;

}

.p_list1 ul li{

	float: left;

	width: 33.333%;

	border: solid rgba(0,0,0,0.06) 1px;

	box-sizing: border-box;

	padding: 3% 0 7% 0;

}

.p_list1 ul li img{

	width: 70%;

	margin: auto;

	display: block;

	-webkit-transition: all 0.5s linear;

	transition: all 0.5s linear;

}

.p_list1 ul li:hover img{

	-webkit-transform: scale(1.03);

	transform: scale(1.03);

}

.p_list1 ul li h1{

	color: #333;

	font-size: 20px;

	font-weight: normal;

	text-align: center;

}

.p_list1 ul li p{

	color: #666;

	font-size: 16px;

	text-align: center;

	width: 70%;

	margin: 20px auto 0 auto;

	line-height: 25px;

	letter-spacing: 1px;

}

.p_list1 ul li:hover h1{

	color: #E50012;

}

.n_box{

	margin-top: -6px;

}

.n_box .n1{

	padding: 5% 0 3% 0;

	margin-bottom: 5%;

	background: #f3f3f3;

}



.n_box .n1 h1{

	color: #333;

	font-size: 38px;

	font-weight: normal;

	text-align: center;

	margin-bottom: 26px;

	letter-spacing: 3px;

}

.n_box .n1 p{

	color: #666;

	font-size: 16px;

	width: 60%;

	margin: auto;

	text-align: center;

	line-height: 26px;

	letter-spacing: 1px;

}

.n_box .n1 .xq_box{

	position: relative;

	overflow: hidden;

	margin: 3% auto;

}

.n_box .n1 .xq_box .xx_box{

	width:50%;

	margin: auto;

	overflow: hidden;

}

.n_box .n1 .xq_box .llr{

	position: absolute;

	left: 0%;

	top: 50%;

	z-index: 2;

  display: flex;

  justify-content: flex-start;

	-webkit-transform: translate(0,-50%) rotate(180deg);

	transform: translate(0,-50%) rotate(180deg);

	opacity: 0.3;

	-webkit-transition: all 0.5s linear;

	transition: all 0.5s linear;

}

.n_box .n1 .xq_box .lll{

	position: absolute;

	right: 0;

	top: 50%;

	z-index: 2;

    display: flex;

    justify-content: flex-start;

	-webkit-transform: translate(0,-50%);

	transform: translate(0,-50%);

	opacity: 0.3;

	-webkit-transition: all 0.5s linear;

	transition: all 0.5s linear;

}

.n_box .n1 .xq_box .llr img, .n_box .n1 .xq_box .lll img{

	width: 20%;

  margin-right: 0 !important;

}

.n_box .n1 .xq_box .llr:hover{

	opacity: 0.8;

}

.n_box .n1 .xq_box .lll:hover{

	opacity: 0.8;

}

.n_box .n1 .xq_box .p-xq{

	position: fixed;

	left: 0;

	top: 0;

	width: 100%;

	height: 100%;

	z-index: 9;

	display: none;

	background: #fff;

}

.n_box .n1 .xq_box .p-xq video{

	/* width: 100%;

	object-fit: cover; */

}

.n_box .n1 .xq_box .p-xq .close{

	position: absolute;

	right: 6%;

	top: 16%;

	width: 1.5%;

}

.n_box .n1 .xq_box .p-xq .close img{

	width: 100%;

}

.n_box .p_nar{

	margin: 0 9%;

}

.n_box .p_nar dl dd{

	float: left;

	width: 25%;

	text-align: center;

	font-size: 19px;

	position: relative;

	padding-bottom: 20px;

	border-bottom: solid #ddd 1px;

	color: #666;

	-webkit-transition: all 0.5s linear;

	transition: all 0.5s linear;

	cursor: pointer;

}

.n_box .p_nar dl dd.active{

	color: #E50012

}

.n_box .p_nar dl dd b{

	position: absolute;

	left: 0;

	bottom: -2px;

	width: 0;

	height: 3px;

	background: #E50012;

	opacity: 0;

	-webkit-transition: all 0.5s linear;

	transition: all 0.5s linear;

}

.n_box .p_nar dl dd b.active{

	width: 100%;

	opacity: 1;

}

.n_box .p_nar .list_box{

	margin: 6% 0;

	display: none;

}

.n_box .p_nar .list_box table{

	width: 100%;

	border-collapse: collapse;

}

.n_box .p_nar .list_box tr td{

	font-size: 15px;

	color: #888;

	width:16%;

	border: solid #eee 1px;

	box-sizing: border-box;

	text-align: center;

	padding: 10px 0;

}

.n_box .p_nar .list_box tr:nth-child(1) .aa{

	width: 9%;

}

.n_box .p_nar .list_box tr:nth-child(1){

	background: #f3f3f3;

}

.n_box .p_nar .list_box tr td:nth-child(1){

	color: #333;

	border-left: none;

}

.n_box .p_nar .list_box tr td:nth-last-of-type(1){

	border-right: none;

}

.n_box .p_nar .list_box tr:nth-child(1) td{

	color: #333;

	font-size: 18px;

}

.n_box .p_nar .list_box .list1{

	position: relative;

}

.n_box .p_nar .list_box .list1 .img{

	float: left;

	width: 50%;

}

.n_box .p_nar .list_box .list1 .img img{

	width: 90%;

	margin: auto;

}

.n_box .p_nar .list_box .list1 ul{

	position: absolute;

	left: 60%;

	top: 50%;

	-webkit-transform: translate(0,-50%);

	transform: translate(0,-50%);

}

.n_box .p_nar .list_box .list1 ul p{

	font-size: 16px;

	color: #333;

	line-height: 1.7;

	margin-bottom:20px;

	border-left: solid #E50012 2px;

	padding-left: 10px;

}

.n_box .p_nar .list_box .list1 ul li{

	font-size: 16px;

	color: #333;

	margin: 16px 0;

	position: relative;

	padding-left: 16px;

}

.n_box .p_nar .list_box .list1 ul li::before{

	content: "";

	position: absolute;

	left: 0;

	top: 50%;

	width: 6px;

	height: 6px;

	border-radius: 50%;

	background: #E5232A;

	-webkit-transform: translate(0,-50%);

	transform: translate(0,-50%);

}

.n_box .p_nar .list_box .titt{

	margin-bottom: 5%;

	background: #E50012;

}

.n_box .p_nar .list_box .titt h1{

	color: #fff;

	font-size: 20px;

	line-height: 56px;

	text-align: center;

}

.n_box .p_nar .list_box .pp_list{

	margin-bottom: 8%;

}

.n_box .p_nar .list_box .zl_box li{

	float: left;

	width: 33.333%;

	margin-bottom: 3%;

}

.n_box .p_nar .list_box .zl_box li .img{

	margin-bottom: 10px;

	width: 100%;

}

.n_box .p_nar .list_box .zl_box li .img img{

	width: 70%;

	margin: auto;

}

.n_box .p_nar .list_box .zl_box li p{

	font-size: 16px;

	color: #333;

	text-align: center;

}

.n_box .p_nar .list_box .zs_box img{

	width: 30%;

	float: left;

	margin-right: 5%;

	margin-bottom: 5%;

	box-sizing: border-box;

}

.n_box .p_nar .list_box .zs_box img:nth-child(3n){

	margin-right: 0;

}

.n_box .p_nar .list_box .yz_box li{

	float: left;

	width: 33.333%;

	text-align: center;

	background: #ececec;

	padding: 5% 0;

    box-sizing: border-box;

    min-height: 314px;

}

.n_box .p_nar .list_box .yz_box li:nth-child(2n){

	background: #f3f3f3;

}

.n_box .p_nar .list_box .yz_box li h1{

	color: #555;

	font-size: 20px;

	margin-bottom: 20px;

}

.n_box .p_nar .list_box .yz_box li p{

	color: #888;

	font-size: 16px;

}

.n_box .p_nar .list_box .yz_box li p b{

	color: #E50012;

}

.y_box{

	margin-top: 110px;

	border-top: solid #eee 1px;

}

.yy_box{

	margin: 5% auto;

}

.yy_box .yy_tt{

	position: relative;

	margin-bottom: 40px;

}

.yy_box .yy_tt span{

	font-size: 30px;

	color: #E50012;

	background-color: #fff;

	display: inline-block;

	position: relative;

    z-index: 3;

    padding-right: 20px;

}

.yy_box .yy_tt:before{

	content: "";

	position: absolute;

	left: 0;

	top: 50%;

	width: 100%;

	height: 1px;

	background: #CACACA;

	-webkit-transform: translate(0,-50%);

	transform: translate(0,-50%);

}

.yy_box .yy_tt .y_back{

	position: absolute;

	right: 0;

	top: 50%;

	-webkit-transform: translate(0,-50%);

	transform: translate(0,-50%);

	z-index: 3;

	background-color: #fff;

	padding-left: 30px;

    margin-top: -2px;

}

.yy_box:nth-child(2n) .yy_tt .y_back{

  background-color: #f2f2f2;

}

.pp_nav .pp_back a,.yy_xq .y_back a,.yy_box .yy_tt .y_back a{

	font-size: 15px;

	color: #999;

	-webkit-transition: all 0.3s linear;

	transition: all 0.3s linear;

	padding-left:26px;

	background: url(../images/back.png) no-repeat left;

	background-size: 16px;

}

.yy_box .yy_tt .y_back:hover a{

	color: #666;

}

.yy_box .yy_list li{

	float: left;

	width: 30%;

	margin: 0 5% 4% 0;

	box-shadow: 0 2px 2px 0 rgba(0,0,0,.08);

	-webkit-transition: 0.5s;

}

.yy_box .yy_list li:nth-child(3n){

	margin-right: 0;

}

.yy_box .yy_list li img{

	width: 100%;

}

.yy_box .yy_list li .txt{

	padding: 20px 10px 20px 10px;

}

.yy_box .yy_list li:hover{

    box-shadow: 0 4px 20px 2px rgba(0,0,0,.1);

}

.yy_box .yy_list li .txt h1{

	font-size: 18px;

	color: #E50012;

	font-weight: bold;

	margin-bottom: 20px;

}

.yy_box .yy_list li .txt p{

	font-size: 15px;

	color: #666;

	line-height: 24px;

	padding-bottom: 20px;

	border-bottom: solid #eee 1px;

  min-height: 144px;

  display: -webkit-box;

  -webkit-box-orient: vertical;

  -webkit-line-clamp: 6;

  overflow: hidden;

}

.yy_box .yy_list li .txt .more{

	font-size: 14px;

	color: #666;

	margin-top: 20px;

	background: url(../images/jt_x.png) no-repeat right;

	background-size: 26px;

	width: 128px;

	padding-bottom: 3px;

}

.yy_xq{

	margin: 0 auto 0 auto;

	position: relative;

}

.yy_xq ul{

	padding-bottom: 5%;

}

.yy_xq li{

	position: relative;

	padding: 5% 9% 1% 9%;

	margin-top: 5%;

}

.yy_xq li:nth-child(1){

	margin-top: 0;

}

.yy_xq li .img{

	float: left;

	width: 50%;

}

.yy_xq li .img img{

	width: 80%;

}

.yy_xq li .txt{

	width: 38%;

	position: absolute;

	right: 9%;

	top: 50%;

	-webkit-transform: translate(0,-50%);

	transform: translate(0,-50%);

}

.yy_xq li .txt h1{

	color: #333;

	font-size: 28px;

    line-height: 1.7;

}

.yy_xq li .txt p{

	font-size: 16px;

	line-height: 1.7;

	letter-spacing: 0.5px;

	border-left: solid #E50012 2px;

	padding-left: 16px;

	margin-top: 30px;

    color: #666;

}

.yy_xq li .txt .y_more{

	width: 120px;

	background: #E60012;

	line-height: 30px;

	color: #fff;

	text-align: center;

	font-size: 1.6rem;

	margin-top: 50px;

	cursor: pointer;

}

.yy_xq li:nth-child(2n){

	background-color: #ececec;

	padding: 4% 0 5% 0;

}

.yy_xq li:nth-child(2n) .xq_bar2{

	margin-top: 0;

}

.yy_xq li:nth-child(2n) .img{

	float: right;

}

.yy_xq li:nth-child(2n) .img img{

	margin-left: 10%;

}

.yy_xq li:nth-child(2n) .txt{

	left: 9%;

	width: 40%;

}

.yy_xq .y_back{

	position: absolute;

	right: 9%;

	top: 0;

	z-index: 3;

}

.yy_xq .y_back:hover a{

	color: #666;

}

.pp_nav{

	background: #ececec;

	padding: 2% 9%;

	position: relative;

}

.pp_nav dl{

	margin: 0;

}

.pp_nav dd{

	float: left;

	color: #333;

	font-size: 16px;

	width: 6%;

	text-align: center;

	opacity: 0.7;

}

.pp_nav dd:nth-child(2n){

	width: auto;

  padding: 0 10px;

}

.pp_nav dd a{

	color: #333;

}

.pp_nav dd:hover{

	opacity: 1;

}

.pp_nav dd:hover a{

	opacity: 1;

}

.pp_nav .pp_back{

	position: absolute;

	right: 9%;

	top: 50%;

	-webkit-transform: translate(0,-50%);

	transform: translate(0,-50%);

}

.pp_nav .pp_back a{

	font-size: 15px;

	color: #555;

	-webkit-transition: all 0.3s linear;

	transition: all 0.3s linear;

	padding-left: 30px;

	background: url(../images/back.png) no-repeat left;

	background-size: 16px;

}

.pp_box{

	padding: 5% 9% 1% 9%;

	border-top: solid #ddd 1px;

	margin-top: 110px;

}

.pp_box li{

	float: left;

	margin-right: 5%;

	width: 47.5%;

	position: relative;

	overflow: hidden;

	margin-bottom: 5%;

}

.pp_box li:before{

	content: "";

	position: absolute;

	left: 0;

	top: 0;

	width: 100%;

	height: 100%;

	background: #000;

	-webkit-transition: all 0.5s linear;

	transition: all 0.5s linear;

	opacity: 0.1;

}

.pp_box li:hover:before{

	opacity: 0;

}

.pp_box li:nth-child(2n){

	margin-right: 0;

}

.pp_box li img{

	width: 100%;

	-webkit-transition: all 0.5s linear;

	transition: all 0.5s linear;

}

.pp_box li .txt{

	position: absolute;

	top: 5%;

	left: 5%;

	z-index: 3;

}

.pp_box li .txt img{

	width: 50%;

}

.pp_box li .txt p{

	color: #fff;

	font-size: 26px;

}

.pp_box li:hover img{

	transform: scale(1.03);

}

.cb-box{

	background: #f3f3f3;

	padding: 4% 9% 5% 9%;

}

.cb-box .cb-nav dl{

	margin-bottom: 3%;

}

.cb-box .cb-nav dl dd{

	float: left;

    width: 33.333%;

    text-align: center;

    font-size: 19px;

    position: relative;

    padding-bottom: 20px;

    border-bottom: solid #ddd 1px;

    color: #666;

    -webkit-transition: all 0.5s linear;

    transition: all 0.5s linear;

    cursor: pointer;

}

.cb-box .cb-nav dl dd.active{

    color: #E50012;

}

.cb-box .cb-nav dl dd b {

    position: absolute;

    left: 0;

    bottom: -2px;

    width: 0;

    height: 3px;

    background: #E50012;

    opacity: 0;

    -webkit-transition: all 0.5s linear;

    transition: all 0.5s linear;

}

.cb-box .cb-nav dl dd b.active {

    width: 100%;

    opacity: 1;

}

.cb-box .list .box{

	display: none;

}

.cb-box .list .box p{

	font-size: 16px;

	color: #666;

	line-height: 1.6;

}

.cb-box .list .box table {

    width: 100%;

}

.cb-box .list .box tr:nth-child(1) {

    background: #eee;

	border-top: solid #fff 1px;;

}

.cb-box .list .box tr:nth-child(1) td {

    color: #333;

    font-size: 18px;

}

.cb-box .list .box tr td {

    font-size: 15px;

    color: #888;

    width: 16%;

    border-bottom: solid #fff 1px;

    box-sizing: border-box;

    text-align: center;

	border-right: solid #fff 1px;

    padding: 10px 0;

    border-collapse: collapse;

}

.cb-box .list .box tr td:nth-child(1) {

    color: #333;

}

.cb-box .list .box tr td:nth-last-of-type(1) {

    border-right: none;

}

.az_box{

	margin-top: 4%;

}

.az_box .tt h1{

	font-size: 28px;

	text-align: center;

}

.az_box .tt p{

	text-align: center;

}

.az_box .tt .g_more{

	width: 126px;

	margin: 30px auto 4% auto;

	font-size: 16px;

	color: #fff;

	text-align: center;

	background: #E60012;

	line-height: 30px;

	cursor: pointer;

}

.tm {

	margin: 5% auto 0 auto;

}

.tm h1,.tm p{

	text-align: center;

}

.tm .more a{

	display: block;

    font-size: 16px;

    color: #666;

    border: solid #888 1px;

    text-align: center;

    line-height: 36px;

    width: 160px;

    margin: 30px auto 5% auto;

    -webkit-transition: 0.5s;

    transition: 0.5s;

    cursor: pointer;

}

.tm .more a:hover{

	background: #E60012;

	border: solid #E60012 1px;

	color: #fff;

}

.tm_box{

	padding: 0 9% 3% 9%;

	display: none;

}

.tm_box .tt h1,.tm_box .tt p{

	text-align: center;

}

.tm_box .list{

	margin-top: 3%;

	position: relative;

}

.tm_box .list li{

	position: relative;

	margin-bottom: 3%;

}

.tm_box .list li .left{

	position: absolute;

	left: 0;

	top: 0;

	width: 50%;

	height: 100%;

}

.tm_box .list li .right{

	float: right;

	width: 50%;

	box-sizing: border-box;

	background: #f3f3f3;

	padding: 3% 3% 4% 3%;

}

.tm_box .list li .right h1{

	color: #333;

	font-size: 32px;

}

.tm_box .list li .right p{

	color: #666;

	font-size: 16px;

	line-height: 1.6;

}

.tm_box .list li .right .more a{

	display: block;

    font-size: 16px;

    color: #666;

    line-height: 36px;

    width: 220px;

    margin: 26px 0 0 0;

    -webkit-transition: 0.5s;

    transition: 0.5s;

    cursor: pointer;

	font-weight: bold;

	letter-spacing: 1px;

}

.tm_box .list li .right .more a:hover{

	color: #E60012;

	text-decoration: underline;

}

@media (max-width: 1440px) and (min-width: 1024px) {

    .service_bann_son p {

        font-size: 18px;

        line-height: 30px;

        display: -webkit-box;

        -webkit-box-orient: vertical;

        -webkit-line-clamp: 4;

        overflow: hidden;

    }

    .news_inner2 .img {

        width: 70%;

    }

    .comp_sec3_left {

        padding-right: 5%;

    }

    .comp_sec3_img {

        margin-top: -10%;

    }

    .comp_sec5_text {

        width: 50%;

    }

    .index-sec2_pro_line_fa,.index-sec2-nav_son ul{

        padding: 0 15px;

    }

    .index-sec2-nav_son ul{

        text-align: left;

        padding-left: 10%;

    }

    .banner_bottom_line{

        width: 1px;

    }

    .container{

        width: 1024px;

    }

    .pro1_inn_se1_form textarea{

        height: 60px;

    }

    .pro1_inn_se1_form div{

        font-size: 12px;

    }

    .pro1_inn_se1_form input,.pro1_inn_se1_form div span{

        height: 30px;

        line-height: 30px;

    }

    .pro1_inn_se1_form textarea{

        line-height: 20px;

    }

    .pro1_inn_se1_img_list_son{

        padding: 15px;

    }

    .pro1_inn_se1_form p{

        font-size: 12px;

    }

}

@media (max-width: 1440px) and (min-width: 1200px) {

    .pro_sec1_right_box:after {

        height: 130%;

    }

    .pro_band_zimu .zimu span {

        padding: 0 6px;

    }

    .comp_sec2_son {

        width: 80%;

    }

    .comp_sec2_text p {

        display: -webkit-box;

        -webkit-box-orient: vertical;

        -webkit-line-clamp: 6;

        overflow: hidden;

    }

    .comp_sec6_b_text {

        padding: 0 6%;

    }

    .index-sec2-nav li{

        margin-right: 2%;

    }

}

@media (max-width: 1199px) and (min-width: 1024px) {

    .index-sec2-nav li{

        margin-right: 2%;

        line-height: 30px;

    }

    .comp_sec6_b_text{

        padding-left:40px;

    }

    .comp_sec6_b_text_box .img{

        width: 120px;

        height:120px;

    }

    .comp_sec6_b_text_box .text{

        margin-left: 40px;

    }

    .contact_con1_text {

        width: 45%;

        padding-left: 11%;

        margin-top: 10%;

    }

    .pro_sec1_left {

        display: none;

    }

    .pro_sec1_right{

        width: 100%;

        padding-left: 0px;

    }

}

@media(max-width: 1700px){

	.pp_nav dd{

		width: 9%;

	}

}

.down_box{

	margin: 2.5% auto 2% auto;

}

.down_box .d_nav{

	display: flex;

	justify-content: space-around;

	margin: auto;

	border-bottom: solid #ddd 1px;

	padding: 0 20% 0 20%;

}

.down_box .d_nav li{

	text-align: center;

	font-size: 20px;

	color: #333;

	position: relative;

	cursor: pointer;

	padding-bottom: 20px;

}

.down_box .d_nav li b{

	position: absolute;

	left: 50%;

	bottom: 0px;

	width: 0;

	height: 2px;

	background: #E50012;

	-webkit-transform: translate(-50%,0);

	transform: translate(-50%,0);

	-webkit-transition: al 0.5s linear;

	transition: al 0.5s linear;

	opacity: 0;

}

.down_box .d_nav li.active{

	color: #E50012;

}

.down_box .d_nav li b.active {

	width: 180%;

	opacity: 1;

}

.down_box .list_box{

	margin-top: 5%;

	display: none;

}

.down_box .list_box li{

    width: 18.4%;

    float: left;

    margin-right: 2%;

    border: 1px solid #b5b5b5;

    padding: 20px;

    margin-bottom: 20px;

    cursor: pointer;

}

.down_box .list_box li:nth-child(5n){

    margin-right: 0;

}

.down_box .list_box li h5{

    font-size: 16px;

    margin-bottom: 15px;

    color: #535353;

    display: -webkit-box;

    -webkit-box-orient: vertical;

    -webkit-line-clamp: 1;

    overflow: hidden;

}

.down_box .list_box li p{

    display: flex;

    align-items: center;

    justify-content: space-between;

}

.down_box .list_box li p span{

    font-size: 14px;

    color: #8a8a8a;

    display: flex;

    align-items: center;

}

.down_box .list_box li p span img{

    margin-left: 4px;

}

.down_box .list_box li .down_img{

    padding: 20px 20px 0 20px;

}

.down_box .list_box li .down_img img{

    -webkit-filter: grayscale(1);

    filter: grayscale(1);

    -webkit-transition: 0.5s;

	transition: 0.5s;

    box-shadow: rgba(0, 0, 0, 0.08) -5px 0px 10px;

}

.down_box .list_box li:hover .down_img img{

    -webkit-filter: grayscale(0);

    filter: grayscale(0);

}

.word_btn{

    padding-bottom: 50px;

    text-align: center;

}

.word_btn span{

    display: inline-block;

    width: 120px;

    font-size: 16px;

    color: #333;

    border: none;

    background: #898d8d;

    line-height: 35px;

    -webkit-transition: all 0.5s ease;

    transition: all 0.5s ease;

}

.word_btn span:hover{

    color: #fff;

    background: #E60012;

}

.word_btn p{

    font-size: 13px;

    color: #666;

    text-align: center;

    margin: 0;

    margin-top: 15px;

}





/* .down_box .list_box li{

	margin-bottom: 2%;

	position: relative;

	box-shadow: rgba(0, 0, 0, 0.08) 0px 2px 6px;

	padding: 8px 0;

	-webkit-transition: 0.5s;

	transition: 0.5s;

	cursor: pointer;

}

.down_box .list_box li:hover{

	-webkit-transform: translateY(-6px);

	transform: translateY(-6px);

}

.down_box .list_box li h2{

	font-size: 16px;

	color: #666;

	background: url(../images/f_icon2.png) no-repeat right;

	background-size: 20px;

	padding-right: 30px;

	position: absolute;

	right: 0;

	top: 50%;

	margin: 0;

	opacity: 0.8;

	-webkit-transform: translate(0,-50%);

	transform: translate(0,-50%);

}

.down_box .list_box li img{

	width: 26px;

	position: absolute;

	right: 0;

	top: 50%;

	opacity: 0.7;

	-webkit-transform: translate(0,-50%);

	transform: translate(0,-50%);

}

.down_box .list_box li p{

	color: #666;

	font-size: 17px;

	margin: 0;

	font-weight: bold;

}

.down_box .list_box li p span{

	color: #666;

	font-size: 12px;

	font-weight: normal;

	margin-left: 12px;

}

.down_box .list_box li p img{

	width: 20px;

	margin-left: 10px;

}

.down_box .list_box li:hover p{

	color: #E60012;

} */

.cx_box{

}

.cx_box .tpp{

	text-align: center;

	font-size: 36px;

}

.cx_box .cx_list{

	margin: auto;

}

.cx_box .cx_list li{

	padding: 1.5% 17% 5% 17%;

}

.cx_box .cx_list li:nth-child(2n){

	background: #f3f3f3;

}

.cx_box .cx_list .text{

	display: none;

	padding-top: 5%;

}

.cx_box .cx_list h1{

	color: #E50012;

	font-size: 20px;

	margin-bottom: 20px;

	line-height: 1.6;

	text-align: center;

}

.cx_box .cx_list p{

	color: #666;

	font-size: 16px;

	line-height: 1.7;

	letter-spacing: 0.5px;

}

.cx_box .cx_list p b{

	padding-right: 16px;

	cursor: pointer;

}

.cx_box .cx_list p b.active{

	color: #E60012;

	text-decoration: underline;

}

.cx_box .cx_list img{

	width: 88%;

	margin: 2% auto;

}

.cx_box .cx_list li dl dd{

    display: none;

    border: 1px solid #dddddd;

}

.cx_box .cx_list li dl dd.active{

	display: block;

}

.cx_box .cx_list li .bm{

	position: relative;

	float: left;

	width: 49.5%;

	margin-right: 1%;

    box-sizing: border-box;

}

.cx_box .cx_list li .bm:nth-child(1){

    background-color: #fef5f5;

}

.cx_box .cx_list li .bm:nth-child(1)::before{

    width: 0;

    height: 0;

    border-bottom: 38px solid #fff;

    border-left: 38px solid transparent;

    content: '';

    position: absolute;

    bottom: 0;

    right: 0;

}

.cx_box .cx_list li .bm:nth-child(2){

	margin-right: 0;

}

.cx_box .cx_list input{

	display: block;

	width: 100%;

	background: none;

	padding: 8px 12px;

	color: #666;

	font-size: 16px;

    margin-left: 5%;

	border: none;

    border-left: 1px solid #ddd;

}

.cx_box .cx_list .m{

	width: 18px;

	position: absolute;

	right: 1%;

	top: 50%;

	margin: 0;

	opacity: 0.5;

	-webkit-transform: translate(0,-50%);

	transform: translate(0,-50%);

}

.cx_box .cx_list .bbtm{

	width: 160px;

	line-height: 36px;

	font-size: 15px;

	background: #f2f2f2;

	text-align: center;

	margin: 30px auto 0 auto;

	color: #666;

	cursor: pointer;

	-webkit-transition: 0.5s;

	transition: 0.5s;

}

.cx_box .cx_list .bbtm:hover{

	background: #E60012;

	color: #fff;

}

.swiper-slide{

	cursor: pointer;

}

.con_banner{

	position: relative;

	margin-top: 110px;

}

.con_banner .right{

	position: absolute;

	right: 0;

	top: 0;

	width: 100%;

	height: 100%;

}

.con_banner .left{

	width: 50%;

	padding: 10% 7%;

	background: #e7e7e7;

	position: relative;

	z-index: 2;

}

.con_banner .left h1{

	color: #333;

	font-size: 20px;

}

.con_banner .left p{

	color: #666;

	font-size: 16px;

	line-height: 1.6;

	margin: 20px 0 30px 0;

}

.con_banner .left .cm_m{

	display: inline-block;

    position: relative;

    background-color: #fff;

    border: 2px solid #fff;

    color: #333;

    height: 54px;

    font-size: 14px;

    font-weight: bold;

    line-height: 50px;

    padding: 0 20px;

    text-align: center;

    margin-top: 30px;

    transition: all 0.2s ease;

    -webkit-transition: all 0.2s ease;

    -moz-transition: all 0.2s ease;

    -o-transition: all 0.2s ease;

    cursor: pointer;

}

.con_banner .left .cm_m::after{

    content: "";

    display: block;

    width: 0;

    height: 0;

    margin-top: 20px;

    border-top: 4px solid transparent;

    border-left: 4px solid #1d1d1d;

    border-bottom: 4px solid transparent;

    border-right: 4px solid transparent;

    float: left;

    margin-right: 8px;

    -webkit-transition: all 0.3s ease;

    transition: all 0.3s ease;

}

.con_banner .left .cm_m:hover{

	background: none;

}

.contact_box{

	padding: 2.5% 7% 5% 7%;

}

.cm_tt h1{

	color: #333;

	font-size: 30px;

	text-align: center;

}

.cm_tt p{

	color: #888;

	font-size: 16px;

	text-align: center;

}

.contact_box ul{

	width: 80%;

	margin: 3% auto 0 auto;

	position: relative;

}

.contact_box ul li{

	float: left;

	width: 50%;

	box-sizing: border-box;

	border: solid #eee 1px;

	padding: 3% 5%;

}

.contact_box ul li:nth-of-type(2){

	border-left: none;

	position: absolute;

	right: 0;

	top: 0;

	width: 50%;

	height: 100%;

}

.contact_box ul li:nth-of-type(2) .nation-circle{

  width: 100px;

  height: 100px;

  z-index: 2;

  left: 73.5%;

  top: 59%;

  margin: -50px 0 0 -50px;

}

.contact_box ul li:nth-of-type(2) .nation-circle > span{

  width: 100px;

  height: 100px;

  border: 1px solid rgba(210,46,41,0.6);

}

.contact_box ul li img{

	width: 83%;

	position: absolute;

	left: 50%;

	top: 50%;

	-webkit-transform: translate(-50%,-50%);

	transform: translate(-50%,-50%);

}

.contact_box ul li h1{

	font-size: 20px;

	color: #666;

	margin-bottom: 30px;

}

.contact_box ul li p{

	color: #888;

	font-size: 16px;

	padding-left: 36px;

	margin-bottom: 20px;

}

.contact_box ul li .addss:hover{

	color: #E50012;

}

.ly_box{

	background: #f3f3f3;

	padding: 4% 7% 5% 7%;

}

.ly_box .list{

	margin-top: 3%;

}

.ly_box .list li{

	float: left;

	width: 33.333%;

	text-align: center;

}

.ly_box .list li:nth-child(2){

	border-left: solid #ddd 1px;

	border-right: solid #ddd 1px;

}

.ly_box .list li img{

	width: 16%;

	margin: auto;

    opacity: 0.7;

}

.ly_box .list li h1{

	color: #333;

	font-size: 18px;

	margin-bottom: 10px;

}

.ly_box .list li p{

	color: #666;

	font-size: 16px;

	margin-bottom: 30px;

}

.ly_box .list li b{

	color: #666;

	font-size: 16px;

	border: solid #ddd 1px;

	padding: 6px 36px;

	font-weight: normal;

	-webkit-transition: 0.5s;

	transition: 0.5s;

	cursor: pointer;

}

.ly_box .list li b:hover{

	background: #E50012;

	border: solid #fff 1px;

	color: #fff;

}

.ly_box .list .c_xq{

	position: fixed;

	top: 0;

	left: 0;

	width: 100%;

	height: 100%;

	background: rgba(255,255,255,0.94);

	box-sizing: border-box;

	padding: 130px 0;

	z-index: 6;

	display: none;

}

.ly_box .list .c_xq h1{

	font-size: 30px;

}

.ly_box .list .c_xq dl{

	width: 60%;

    margin: 3% auto 0 auto;

}

.ly_box .list .c_xq dl dd{

    display: block;

    width: 100%;

	margin-bottom: 30px;

}

.ly_box .list .c_xq dl dd h1{

    color: #555;

    font-size: 16px;

	text-align: left;

	margin-bottom: 0;

}

.ly_box .list .c_xq dl dd input{

    width: 100%;

    background: none;

	border: none;

    border-bottom: solid #ddd 1px;

    color: #555;

    font-size: 16px;

}

.ly_box .list .c_xq dl dd textarea{

	width: 100%;

    background: none;

    height: 100px;

    border: solid #ddd 1px;	

	margin-top: 5px;

}

.ly_box .list .c_xq dl .bbt {

    width: 120px;

    line-height: 46px;

    margin: 3% auto 0 auto;

}

.ly_box .list .c_xq .bbt input{

    width: 100%;

    font-size: 16px;

    color: #fff;

    border: none;

	background: #898d8d;

	-webkit-transition: all 0.5s ease;

    transition: all 0.5s ease;

}

.ly_box .list .c_xq .clo{

	position: absolute;

	right: 3%;

	top: 150px;

	cursor: pointer;

}

.ly_box .list .c_xq .clo img{

	width: 16%;

	opacity: 1;

	-webkit-transition: all 0.2s ease;

	transition: all 0.2s ease;

}

.ly_box .list .c_xq .clo:hover img{

	-webkit-transform: rotate(90deg);

	transform: rotate(90deg);

}

.b_project_box{

	margin-top: 180px;

}

.p_bar3 .tittle h1,.b_project_box .tittle h1{

    font-size: 32px;

    font-weight: 500;

    color: #e50012;

    letter-spacing: 2px;

    text-align: center;

	margin-bottom: 20px;

}

.b_project_box .text{

	margin-top: 10px;

	width: 72%;

	margin: 10px auto 0 auto;

    text-align: left;

}

.b_project_box .text p{

	font-size: 16px;

	line-height: 1.6;

	text-align: left;

	letter-spacing: 1px;

	margin-bottom: 10px;

}

.b_project_box ul{

  width: 76%;

  margin: 0 auto;

	margin-top: 7%;

  display: flex;

  justify-content: space-between;

  -webkit-transform: translateX(-2%);

  transform: translateX(-2%);

}

.b_project_box ul li{



}

.b_project_box ul li img{

	width: 20%;

	margin: auto;

	opacity: 0.88;

}

.b_project_box ul li h1{

	color: #E50012;

	font-size: 36px;

	font-weight: bold;

	text-align: center;

	margin: 30px 0;

	letter-spacing: 2px;

}

.b_project_box ul li p{

	color: #666;

	font-size: 16px;

	text-align: center;

}

.p_bar2{

}

.p_bar2 li{

	float: left;

	width: 50%;

	position: relative;

	overflow: hidden;

}

.p_bar2 li::before{

	content: "";

	position: absolute;

	left: 0;

	top: 0;

	width: 100%;

	height: 100%;

	background: rgba(0,0,0,0.5);

	-webkit-transition: 0.3s;

	transition: 0.3s;

}

.p_bar2 li:hover:before{

	background: rgba(0,0,0,0.7 );

}

.p_bar2 li img{

	width: 100%;

}

.p_bar2 li .text{

	position: absolute;

	left: 50%;

	bottom: 15%;

	z-index: 6;

	width: 88%;

	-webkit-transform: translate(-50%,0);

	transform: translate(-50%,0);

	-webkit-transition: 0.5s;

	transition: 0.5s;

	height: 170px;

}

.p_bar2 li .text h1{

	color: #fff;

	font-size: 26px;

	font-weight: bold;

	letter-spacing: 3px;

	text-align: center;

}

.p_bar2 li .text p{

	color: #fff;

	opacity: 0.8;

	font-size: 16px;

	line-height: 1.7;

	letter-spacing: 1px;

	text-align: center;

	-webkit-transition: 0.5s;

	transition: 0.5s;

}

.p_bar3{

	margin-top: 5%;

	padding: 3% 9% 5% 9%;

	background: #eee;

}

.p_bar3 .tittle p{

	text-align: center;

	width: 80%;

	font-size: 16px;

	margin: auto;

	line-height: 1.6;

	letter-spacing: 1px;

}

.p_bar3 .list{

	margin: 3% 0;

	position: relative;

}

.p_bar3 .list .left{

	float: left;

	width: 50%;

	margin-left: 10%;

}

.p_bar3 .list .left img{

	width: 100%;

	opacity: 0.5;

}

.p_bar3 .list dl{

	width: 40%;

	position: absolute;

	right: 0;

	top: 50%;

	-webkit-transform: translate(0,-50%);

	transform: translate(0,-50%);

}

.p_bar3 .list dl dd{

	width: 50%;

	margin-bottom: 30px;

}

.p_bar3 .list dl dd h1{

	color: #666;

	text-align: center;

	font-size: 22px;

}

.p_bar3 .list dl dd p{

	color: #aaa;

	font-size: 15px;

	text-align: center;

}

.project-box{

	margin: auto;

}

.project-box .p-text-box{

	background: #f3f3f3;

	padding: 3% 9%;

	position: relative;

	margin-bottom: 5%;

}

.project-box .p-text-box .text{

	width: 41%;

	float: left;

	padding: 7% 0;

}

.project-box .text p{

	text-align: center;

	font-size: 16px;

	letter-spacing: 1px;

	line-height: 1.7;

	margin-bottom: 16px;

	color: #666;

}

.project-box .p-text-box .pic{

	position: absolute;

	right: 9%;

	top: 50%;

	width: 41%;

	height: 70%;

	-webkit-transform: translate(0,-50%);

	transform: translate(0,-50%);

}

.project-box .p-list{

	margin: 5% auto;

}

.project-box .p-list li{

	float: left;

	margin-right: 3%;

	width: 48.5%;

	position: relative;

}

.project-box .p-list li::before{

	content: "";

	position: absolute;

	left: 0;

	top: 0;

	width: 100%;

	height: 2px;

	background: #E50012;

}

.project-box .p-list li:nth-child(2){

	margin-right: 0;

}

.project-box .p-list li img{

	width: 100%;

}

.project-box .p-list li .txt{

	position: absolute;

	left: 0;

	bottom: 0;

	width: 100%;

	padding: 3% 5%;

	box-sizing: border-box;

	background: rgba(0,0,0,0.6);

}

.project-box .p-list li .txt h1{

	color: #fff;

	font-size: 28px;

	margin: 0 0 10px 0;

}

.project-box .p-list li .txt p{

	color: #fff;

	font-size: 16px;

	line-height: 1.7;

	opacity: 0.8;

	letter-spacing: 0.5px;

}

.project-box .p-list li .txt h2{

	color: #fff;

	font-size: 15px;

	margin: 20px 0 0 0;

	border: solid #fff 1px;

	padding: 10px 0;

	text-align: center;

	transition: 0.5s ;

}

.project-box .p-list li .txt h2:hover{

	color: #666;

	background: #fff;

}

.project-box .p-bar{

	position: relative;

	padding: 0 8%;

}

.project-box .p-bar .left{

	width: 66%;

	position: absolute;

	left: 0;

	top: 50%;

	-webkit-transform: translate(0,-50%);

	transform: translate(0,-50%);

}

.project-box .p-bar .right{

	float: right;

}

.project-box .p-bar .left h1{

	color: #333;

	font-size: 30px;

	line-height: 1.7;

	letter-spacing: 1px;

}

.project-box .p-bar .left p{

	color: #666;

	font-size: 16px;

	line-height: 1.7;

	letter-spacing: 0.5px;

}

.project-box .p-bar2{

	position: relative;

}

.project-box .p-bar2 .swiper-slide b img{

	width: 100%;

}

.project-box .p-bar2 .swiper-container .ll{

	position: absolute;

	left: -3%;

	top: 50%;

	-webkit-transform: translate(0,-50%);

	transform: translate(0,-50%);

	z-index: 3;

}

.project-box .p-bar2 .swiper-container .lll{

	transform: rotate(180deg);

}

.project-box .p-bar2 .swiper-container .llr{

	left: inherit;

	right: -3%;

}

.project-box .p-bar2 .swiper-container .ll img{

	width: 30%;

	opacity: 0.5;

	margin: auto;

	transition: 0.3s;

}

.project-box .p-bar2 .swiper-container .ll:hover img{

	opacity: 0.6;

}

.project-box .p-bar2 .swiper-container .txt{

	position: absolute;

	top: 50%;

	right: 13%;

	width: 36%;

	z-index: 9;

	-webkit-transform: translate(0,-50%);

	transform: translate(0,-50%);

}

.project-box .p-bar2 .swiper-container .txt h1{

	color: #fff;

	font-size: 38px;

	text-align: center;

	margin-bottom: 20px;

}

.project-box .p-bar2 .swiper-container .txt p{

	color: #fff;

	font-size: 16px;

	opacity: 0.92;

	text-align: center;

}

.project-box .p-bar2 .swiper-container .txt span{

	color: #fff;

	font-size: 15px;

	border: solid #fff 1px;

	width: 160px;

	margin: 30px auto 0 auto;

	display: block;

	text-align: center;

	line-height: 33px;

	transition: 0.5s;

	cursor: pointer;

}

.project-box .p-bar2 .swiper-container .txt span:hover{

	background: #fff;

	color: #333;

}

.project-box .p-bar2 .swiper-container .swiper-slide:nth-child(1) .txt{

	left: 13%;

	right: inherit;

}

.project-box .p-bar2 .swiper-container .swiper-slide:nth-child(3) .txt{

	left: 13%;

	right: inherit;

}

.project-box .p-video{

	position: relative;

	height: 500px;

	overflow: hidden;

}

.project-box .p-video video{

	width: 100%;

	height: 100%;

	object-fit: cover;

}

.project-box .p-video .bf{

	position: absolute;

	left: 50%;

	top: 50%;

	-webkit-transform: translate(-50%,-50%);

	transform: translate(-50%,-50%);

}

.project-box .p-bar3{

	padding: 5% 9%;

	background: #f3f3f3;

}

.project-box .p-bar3 h1{

	color: #333;

	text-align: center;

	font-size: 38px;

}

.project-box .p-bar3 p{

	font-size: 16px;

	color: #666;

	text-align: center;

	margin-top: 20px;

}

.project-box .p-bar3 a{

	display: block;

	font-size: 16px;

	color: #666;

	border: solid #888 1px;

	text-align: center;

	line-height: 36px;

	width: 160px;

	margin: 50px auto 0 auto;

	-webkit-transition: 0.5s;

	transition: 0.5s;

	cursor: pointer;

}

.project-box .p-bar3 a:hover{

	border: solid #fff 1px;

	background: #fff;

}

.project-box .p-bar3 .list{

	border-top: solid #fff 1px;

	padding-top: 1%;

	margin-top: 3%;

	display: none;

}

.project-box .p-bar3 .list dl dd{

	float: left;

	width: 20%;

	color: #666;

	font-size: 16px;

	border-bottom: solid #fff 1px;

	padding: 2% 0 1% 0;

}

.project-box .p-bar3 .list dl dd b{

	font-size: 16px;

	font-weight: bold;

}

.about_pro{

	margin: 5% auto;

}

.about_pro .ttt h1{

	color: #333;

	font-size: 38px;

	text-align: center;

}

.about_pro .list{

	margin-top: 3%;

    padding: 0 5%;

	position: relative;

}

.about_pro .list .swiper-slide{

	

	box-sizing: border-box;

	padding: 5% 3%;

}

.about_pro .list .swiper-slide img{

	width: 100%;

	-webkit-transition: 0.5s;

	transition: 0.5s;

}

.about_pro .list .ll{

	position: absolute;

	left: 0%;

	top: 50%;

	-webkit-transform: translate(0,-50%);

	transform: translate(0,-50%);

	width: 4%;

	z-index: 2;

	opacity: 0.3;

	border: none;

	-webkit-transition: 0.3s;

	transition: 0.3s;

    outline: none;

}

.about_pro .list .llr{

	left: inherit;

	right: 0;

}

.about_pro .list .lll{

	-webkit-transform: rotate(180deg);

	transform: rotate(180deg);

}

.about_pro .list .ll img{

	width: 100%;

}

.n_box .n1 .xq_box .xx_box .swiper-container img{

	margin: auto;

}

.n_box .n1 .xq_box .xx_box .swiper-container .swiper-slide>img{

  width: 100%;

}

.about_pro .list .ll:hover{

	opacity: 0.8;

}

.about_pro .list .swiper-slide p{

	color: #666;

	font-size: 18px;

	text-align: center;

	margin-top: 30px;

	-webkit-transition: 0.5s;

	transition: 0.5s;

}

.about_pro .list .swiper-slide:hover img{

	-webkit-transform: scale(1.03);

	transform: scale(1.03);

}

.about_pro .list .swiper-slide:hover p{

	color: #E50012;

}

.yy-con{

	width: 70%;

	margin: 4% auto 5% auto;

	display: none;

}

.yy-con h1{

	color: #333;

	font-size: 38px;

	text-align: center;

}

.yy-con p{

	color: #666;

	font-size: 16px;

	text-align: center;

}

.yy-con .yy-m{

	width: 160px;

	margin: 70px auto 0 auto;

	background: #E60012;

	border: solid #E50012 2px;

	-webkit-transition: 0.3s;

	transition: 0.3s;

}

.yy-con .yy-m a{

	color: #fff;

	text-align: center;

	line-height: 36px;

	display: block;

	font-size: 15px;

}

.yy-con .yy-m:hover{

	background: #fff;

	border: solid #E60012 2px;

}

.yy-con .yy-m:hover a{

	color: #333;

}

.pro-contant{

	/*padding: 5% 20%;*/

    padding: 5% 0%;

    background: #f3f3f3;

}

.pro-contant h1{

	color: #333;

    text-align: center;

    font-size: 38px;

}

.pro-contant p{

	font-size: 16px;

    color: #666;

    text-align: center;

    margin-top: 20px;

}

/* .pro-contant a{

	display: block;

    font-size: 16px;

    color: #666;

    border: solid #888 1px;

    text-align: center;

    line-height: 36px;

    width: 160px;

    margin: 50px auto 0 auto;

    -webkit-transition: 0.5s;

    transition: 0.5s;

} */

.pro-contant a:hover{

	background: #E60012;

	border: solid #fff 1px;

	color: #fff;

}

.pro-contant .ls{

	margin: 5% auto 5% auto;

    background: #e7e7e7;

    padding: 2% 3% 4% 3%;

}

.pro-contant .ls li{

	margin-bottom: 2%;

	-webkit-transition: all 0.3s linear;

	transition: all 0.3s linear;

  border-bottom: solid rgba(255,255,255,0.6) 1px;

}

.pro-contant .ls li:nth-child(1){

  display: flex;

}

.pro-contant .ls li:nth-child(2){

  display: flex;

}

.pro-contant .ls li:nth-child(3){

  display: flex;

}

.pro-contant .ls li:nth-child(4){

  display: flex;

}

.pro-contant .ls li:nth-last-of-type(1){

	margin-bottom: 0;

}

.pro-contant .ls li h2{

	color: #666;

	font-size: 18px;

	float: left;

	margin: 0;

	line-height: 42px;

}

.pro-contant .ls li:nth-child(1) h2{

  white-space:nowrap;

  margin-right: 15px;

}

.pro-contant .ls li:nth-child(2) h2{

  white-space:nowrap;

  margin-right: 15px;

}

.pro-contant .ls li:nth-child(3) h2{

  white-space:nowrap;

  margin-right: 15px;

}

.pro-contant .ls li:nth-child(4) h2{

  white-space:nowrap;

  margin-right: 15px;

}

.pro-contant .ls li h3{

	float: right;

	font-size: 14px;

	color: #666;

	margin: 0;

	line-height: 42px;

	background: url(../images/jt_x.png) no-repeat right;

	background-size: 22px;

	padding-right: 36px;

}

.pro-contant .ls li:hover{

	-webkit-transform: translateY(-6px);

	transform: translateY(-6px);

}

.pro-contant .ls li input{

  width: 100%;

}

.pro-contant .ls li:nth-child(1) input{

  background: none;

  border: none;

  font-size: 14px;

  color: #333;

  padding: 0 10px;

}

.pro-contant .ls li:nth-child(2) input{

  background: none;

  border: none;

  font-size: 14px;

  color: #333;

  padding: 0 10px;

}

.pro-contant .ls li:nth-child(3) input{

  background: none;

  border: none;

  font-size: 14px;

  color: #333;

  padding: 0 10px;

}

.pro-contant .ls li:nth-child(4) input{

  background: none;

  border: none;

  font-size: 14px;

  color: #333;

  padding: 0 10px;

}

.pro-contant .ls .lx{

	border-bottom: none;

}

.pro-contant .ls .lx h4{

	background-color: #fff;

    border: 2px solid #fff;

    color: #333;

    height: 54px;

    font-size: 15px;

    font-weight: bold;

    line-height: 50px;

    padding: 0 20px;

    text-align: center;

    margin-top: 30px;

    transition: all 0.2s ease;

    -webkit-transition: all 0.2s ease;

    -moz-transition: all 0.2s ease;

    -o-transition: all 0.2s ease;

    cursor: pointer;

}

.pro-contant .ls .lx:hover{

	-webkit-transform: translateY(0);

	transform: translateY(0);

}

.pro-contant .ls .lx:hover h4{

	color: #E50012;

    background: none;

}







.service-jz{

	margin: 5% auto 0 auto;

}

.service-jz .ttt h1{

	color: #333;

	font-size: 32px;

	text-align: center;

}

.service-jz .ser-bar1 p{

	font-size: 18px;

	color: #666;

	width: 60%;

	margin: auto;

	line-height: 1.7;

	text-align: center;

	margin-bottom: 10px;

}

.service-jz .ser-bar2{

	background: #f3f3f3;

	padding: 3% 0 4% 0;

	margin-top: 4%;

}

.service-jz .ser-bar2 .list{

	width: 60%;

	margin: 3% auto 0 auto; 

}

.service-jz .ser-bar2 .list dl dd{

	border-bottom: solid #fff 1px;

}

.service-jz .ser-bar2 .list dl dd h1{

	color: #666;

	font-size: 18px;

	line-height: 1.6;

	letter-spacing: 0.5px;

	cursor: pointer;

}

.service-jz .ser-bar2 .list dl dd{

	margin-bottom: 20px;

}

.service-jz .ser-bar2 .list dl dd .xq{

	display: none;

}

.service-jz .ser-bar2 .list dl dd .xq p{

	color: #888;

	font-size: 16px;

	line-height: 1.6;

	letter-spacing: 0.5px;

}

.war_about1{

	padding: 5% 0 0 0;

	margin-top: 110px;

	position: relative;

}

.war_about1::before{

	content: "";

	position: absolute;

	left: 0;

	top: 0;

	width: 100%;

	height: 50%;

	background: #f8f8f8;

	z-index: -1;

}

.war_about1 .a-back{

	position: absolute;

	right: 9%;

	top: 4%;

}

.war_about1 .a-back a{

	font-size: 15px;

    color: #999;

    -webkit-transition: all 0.3s linear;

    transition: all 0.3s linear;

    padding-left: 26px;

    background: url(../images/back.png) no-repeat left;

    background-size: 16px;

	text-decoration: underline;

}

.war_about1 .text{

	background: url(../images/about_bj.jpg) no-repeat center;

	background-size: cover;

	margin: auto;

	padding: 3% 3% 5% 3%;

}

.war_about1 .text h1{

	color: #fff;

	font-size: 38px;

	text-align: center;

  margin-bottom: 20px;

}

.war_about1 .text p{

	color: #f5f5f5;

	font-size: 16px;

	/*text-align: center;*/

	line-height: 1.6;

	margin: 10px auto 0 auto;

	opacity: 0.9;

	width: 80%;

}

.a-bbar{

	margin-top: 4%;

}

.a-bbar .ttt h1{

	color: #333;

	font-size: 32px;

	text-align: center;

}

.a-bbar ul{

	margin-top: 3%;

}

.a-bbar ul li{

	float: left;

	margin-right: 1%;

	width: 24.25%;

}

.a-bbar ul li:nth-child(4){

	margin-right: 0;

}

.a-bbar ul li .im img{

	width: 100%;

}

.a-bbar ul li .tte{

	background: #f2f2f2;

	padding: 6% 5%;

	position: relative;

	height: 126px;

	overflow: hidden;

}

.a-bbar ul li .tte h1{

	color: #666;

	font-size: 22px;

	margin: 0;

	-webkit-transition: 0.5s;

	transition: 0.5s;

}

.a-bbar ul li .tte p{

	color: #888;

	font-size: 13px;

	line-height: 1.4;

	position: absolute;

	left: 6%;

	top: 120%;

	width: 90%;

	opacity: 0;

	-webkit-transition: 0.5s;

	transition: 0.5s;

}

.a-bbar ul li .tte span{

	position: absolute;

	top: 3%;

	right: 4%;

	font-size: 8rem;

	color: #333;

	opacity: 0.05;

	display: block;

	font-weight: bold;

	font-family:"num"!important;

	letter-spacing: 3px;

}

.a-bbar ul li:hover .tte h1{

	color: #E60012;

	font-size: 22px;

}

.a-bbar ul li:hover .tte p{

	top: 50px;

	opacity: 1;

}

.a-bar-list{

	margin: 5% 0 0 0;

	padding: 4% 0 6% 0;

	background: #f3f3f3;

	

}

.a-bar-list .tt h1{

	color: #333;

	font-size: 32px;

	text-align: center;

	margin-top: 0;

}

.a-bar-list .tt p{

	color: #666;

	font-size: 16px;

	line-height: 1.6;

	text-align: center;

}

.a-bar-list .list_box{

	margin-top: 2%;

}

.a-bar-list .list{

	position: relative;

}

.a-bar-list .list .left{

	position: absolute;

	left: 0;

	top: 0;

	width: 64%;

	height: 100%;

}

.a-bar-list .list_box .list:nth-child(3) {

	margin:0 auto 0 auto;

}

.a-bar-list .list_box .list:nth-child(2) .left{

	left: inherit;

	right: 0;

}

.a-bar-list .list .left dd{

	position: absolute;

	left: 0;

	top: 0;

	width: 100%;

	height: 100%;

	display: none;

}

.a-bar-list .list .right{

	float: right;

	padding: 16% 0;

	background: #F9F9F9;

	width: 36%;

	box-sizing: border-box;

	position: relative;

}

.a-bar-list .list_box .list:nth-child(2) .right{

	float: left;

}

.a-bar-list .list .right .text{

	width: 80%;

	position: absolute;

	left: 50%;

	top: 50%;

	-webkit-transform: translate(-50%,-50%);

	transform: translate(-50%,-50%);

}

.a-bar-list .list .right .text h1{

	color: #333;

	font-size: 18px;

	line-height: 1.7;

	margin-bottom: 20px;

}

.a-bar-list .list .right .text span{

	margin-right: 30px;

	color: #666;

	font-size: 15px;

	font-weight: bold;

	cursor: pointer;

}

.a-bar-list .list .right .text span.active{

	color: #E60012;

	text-decoration: underline;

}

.about-bar1{

	margin:5% auto 4% auto;

	position: relative;

}

.about-bar1 li{

	float: left;

	width: 47.5%;

	margin-right: 5%;

}

.about-bar1 li:nth-child(2){

	margin-right: 0;

	margin-top: 5%;

}

.about-bar1 li img{

	width: 100%;

}

.about-bar1 li h1{

	color: #333;

	font-size: 22px;

	text-align: center;

}

.about-bar1 h2{

	position: absolute;

	right: 0;

	top: -30px;

	line-height: 0.8;

	color: #666;

	font-size: 180px;

	font-family: "num";

	letter-spacing: 5px;

	opacity: 0.16;

}



.a-bar{

	margin: 5% auto;

}

.a-bar .a-bar1{

	border: solid #eee 1px;

	box-sizing: border-box;

	float: left;

	width: 48.5%;

	margin-right: 3%;

	padding: 1% 3% 2.6% 3%;

}

.a-bar .a-bar1:nth-child(2){

	margin-right: 0;

}

.a-bar .a-bar1 h1{

	color: #E60012;

	font-size: 22px;

	opacity: 0.9;

}

.a-bar .a-bar1 p{

	color: #666;

	font-size: 16px;

	line-height: 1.6;

  margin-top: 15px;

}

.a-bar .a-bar1 dl{

	margin-top: 3%;

}

.a-bar .a-bar1 dl dd{

	display: none;

}

.a-bar .a-bar1 dl dd img{

	width: 100%;

}

.a-bar .a-bar1 span{

	padding-bottom: 8px;

    color: #333;

    font-weight: bold;

	font-size: 15px;

	margin-right: 30px;

	cursor: pointer;

}

.a-bar .a-bar1 span.active{

	color: #E50012;

	text-decoration: underline;

}



























.war_about1 .list li h1 img{

	width: 56%;

	margin: auto;

	opacity: 0.6;

}

.war_about1 .list{

	margin: 5% 0 0 0;

	background: url(../images/1.jpg) center center;

	background-size: cover;

	position: relative;

}

.war_about1 .list::before{

	content: "";

	position: absolute;

	width: 100%;

	height: 100%;

	background: rgba(0,0,0,0.6);

}

.war_about1 .list ul{

	position: relative;

	z-index: 6;

}

.war_about1 .list li{

	float: left;

	width: 25%;

	box-sizing: border-box;

	border-left: solid rgba(255,255,255,0.3) 1px;

	padding: 18% 1% 3% 1%;

	position: relative;

	height: 480px;

	overflow: hidden;

	-webkit-transition: 0.5s;

	transition: 0.5s;

}

.war_about1 .list li:nth-child(1){

	border-left: none;

}

.war_about1 .list li h1{

	color: #fff;

	font-size: 26px;

	margin-bottom: 20px;

}

.war_about1 .list li span{

	color: #fff;

	opacity: 0.6;

	font-size: 30px;

	font-family:"num"!important;

	letter-spacing: 3px;

}

.war_about1 .list li  .tt-box{

	position: absolute;

	left: 3%;

	bottom: 5%;

}

.war_about1 .list li .tet{

	display: none;

	-webkit-transition: 0.5s;

	transition: 0.5s;

} 

.war_about1 .list li .tet p{

	font-size: 14px;

	color: #fff;

	position: relative;

	padding-left: 16px;

	opacity: 0.8;

	line-height: 1.7;

}

.war_about1 .list li .tet p b{

	position: absolute;

	left: 0;

	top: 10px;

	-webkit-transform: translate(0,-50%);

	transform: translate(0,-50%);

	width: 5px;

	height: 5px;

	border-radius: 50%;

	background: #E60012;

}

.war_about1 .list li:hover .tet{

	display: block;

}

.war_about1 .list li:hover{

	/* padding-top: 12%; */

	background: rgba(0,0,0,0.8);

}

.war_about1 .list1{

    display: flex;

    justify-content: space-between;

    padding: 2% 30%;

}

.war_about1 .list1 li h1 {

    color: #E50012;

    font-size: 55px;

    font-weight: bold;

    text-align: center;

}

.war_about1 .list1 li p {

    color: #666;

    font-size: 16px;

    text-align: center;

}

.war_about2{

	background: #f3f3f3;

	position: relative;

	margin-bottom: 5%;

}

.war_about2 .list{

	position: relative;

	padding-left: 7%;

}

.war_about2 .txt{

	float: left;

	width: 40%;

	padding: 6% 0 8% 0;

	box-sizing: border;

	position: relative;

    z-index: 2;

}

.war_about2 h1{

	color: #E50012;

	font-size: 32px;

	margin-bottom: 30px;

}

.war_about2 p{

	color: #666;

	font-size: 16px;

	line-height: 1.7;

	margin-bottom: 20px;

    margin-top: 30px;

}

.war_about2 .img{

	position: absolute;

	right: 0;

	top: 0;

	width: 50%;

	height: 100%;

}

.war_about2 .list:nth-child(2){

	padding-left: 0;

	padding-right: 7%;

}

.war_about2 .list:nth-child(2) .txt{

	float: right;

}

.war_about2 .list:nth-child(2) .img{

	left: 0;

	right: inherit;

}

.war_about2 .list a{

	margin-right: 30px;

	color: #666;

	font-size: 15px;

	border-bottom: solid #E50012 1px;

	-webkit-transition: 0.3s;

	transition: 0.3s;

}

.war_about2 .list a:hover{

	font-weight: bold;

}

.war_about2 .txt h2{

	position: absolute;

	right: -23%;

	top: 8%;

    z-index: -1;

	font-size: 13rem;

	opacity: 0.03;

	letter-spacing: 2px;

	font-family:"num"!important;

	letter-spacing: 10px;

}

.war-about3{

	position: relative;

	padding-top: 130px;

	border-top: solid #eee 1px;

}

.war-about3 li{

	margin-bottom: 10%;

	position: relative;

}

.war-about3 li .left{

	position: absolute;

	left: 0;

	top: 50%;

	width: 50%;

	height: 120%;

	-webkit-transform: translate(0,-50%);

	transform: translate(0,-50%);

	box-shadow: 0 12px 30px rgba(0,0,0,0.13);

}

.war-about3 li .right{

	float: right;

	width: 50%;

	box-sizing: border-box;

	padding: 5% 9% 5% 3%;

	background: #f3f3f3;

}

.war-about3 li .right h1{

	color: #E50012;

	font-size: 32px;

}

.war-about3 li .right dl{

	height: 128px;

	position: relative;

}

.war-about3 li:nth-of-type(4) .right dl{

	height: 106px;

}

.war-about3 li .right dl dd{

	position: absolute;

	left: 0;

	top: 0;

	display: none;

}

.war-about3 li .right p{

	color: #666;

	font-size: 15px;

	margin-top: 8px;

	margin-bottom: 0;

	line-height: 1.6;

	letter-spacing: 0.5px;

}

.war-about3 li .right span{

	font-size: 15px;

	color: #333;

	font-weight: bold;

	margin-right: 30px;

	cursor: pointer;

}

.war-about3 li .right span.active{

	color: #E60012;

	text-decoration: underline;

}

.war-about3 li .right .pp{

	font-size: 18px;

	display: initial;

	color: #333;

}

.war-about3 li:nth-child(2n) .left{

	left: inherit;

	right: 0;

}

.war-about3 li:nth-child(2n) .right{

	float: left;

	padding: 5% 9% 5% 9%;

}

.war-about3 li .right .ppp{

	font-weight: bold;

	margin-bottom: -13px;

	color: #555;

	font-size: 16px;

}

.war-about3 li .right .pppp{

	font-weight: bold;

	color: #666;

	font-size: 15px;

}

.ser_tt{

	margin-top: 4%;

}

.ser_tt h1{

	color: #333;

	font-size: 38px;

	text-align: center;

}

.ser_tt p{

	color: #666;

	font-size: 16px;

	line-height: 1.7;

	width: 50%;

	margin: auto;

	text-align: center;

}

.ser_bar1{

	margin-top: 5%;

}

.ser_bar1 li{

	margin-bottom: 12%;

	position: relative;

}

.ser_bar1 li .left{

	position: absolute;

	left: 0;

	top: 50%;

	-webkit-transform: translate(0,-50%);

	transform: translate(0,-50%);

	width: 52%;

	height: 120%;

	z-index: -1;

}

.ser_bar1 li .right{

	float: right;

	background: #f3f3f3;

	width: 50%;

	box-sizing: border-box;

	padding: 5% 9% 5% 3%;

	box-shadow: 0 12px 30px rgba(0,0,0,0.1);

}

.ser_bar1 li .right h1{

	color: #E50012;

	font-size: 32px;

}

.ser_bar1 li .right dl{

	display: flex;

	justify-content: space-between;

	margin-top: 50px;

}

.ser_bar1 li .right dl p{

	color: #666;

	font-size: 15px;

	text-align: center;

	margin-top: 10px;

}

.ser_bar1 li .right dl img{

	width: 46%;

	margin: auto;

	opacity: 0.8;

}

.ser_bar1 li:nth-child(2n) .right{

	float: left;

	padding: 5% 3% 5% 5%;

}

.ser_bar1 li:nth-child(2n) .left{

	right: 0;

	left: inherit;

}

.ser_bar1 li:nth-child(2n) .right h2{

	color: #666;

	font-size: 18px;

	font-weight: bold;

}

.ser_bar1 li:nth-child(2n) .right dd{

	width: 50%;

	box-sizing: border-box;

	padding: 1% 3% 2% 0;

	border-top: solid #fff 1px;

	border-bottom: solid #fff 1px;

}

.ser_bar1 li:nth-child(2n) .right .d1{

	padding: 0 0 0 4%;

	border-left: solid #fff 1px;

	

}

.ser_bar1 li:nth-child(2n) .right dd p{

	font-size: 15px;

	color: #888;

	text-align: left;

	line-height: 1.6;

}

.ser_bar1 li:nth-child(2n) .bbn{

	font-size: 15px;

	color: #E50012;

	padding: 8px 6px;

	width: 150px;

	text-align: center;

	background: rgba(255,255,255,0.6);

	margin-top: 15px;

	-webkit-transition: 0.5s;

	transition: 0.5s;

	cursor: pointer;

}

.ser_bar1 li .bbn:hover{

	background: #E60012;

	color: #fff;

}

.ser_bar1 li .c_xq{

	position: fixed;

	top: 0;

	left: 0;

	width: 100%;

	height: 100%;

	background: rgba(255,255,255,0.94);

	box-sizing: border-box;

	padding: 130px 0;

	z-index: 6;

	display: none;

}

.ser_bar1 li .c_xq h1{

	font-size: 30px;

	text-align: center;

}

.ser_bar1 li .c_xq p{

	text-align: center;

}

.ser_bar1 li .c_xq dl{

	width: 60%;

    margin: 3% auto 0 auto;

}

.ser_bar1 li .c_xq dl dd{

    display: block;

    width: 100%;

	margin-bottom: 30px;

}

.ser_bar1 li .c_xq dl dd h1{

    color: #555;

    font-size: 16px;

	text-align: left;

	margin-bottom: 0;

}

.ser_bar1 li .c_xq dl dd input{

    width: 100%;

    background: none;

	border: none;

    border-bottom: solid #ddd 1px;

    color: #555;

    font-size: 16px;

}

.ser_bar1 li .c_xq dl dd textarea{

	width: 100%;

    background: none;

    height: 100px;

    border: solid #ddd 1px;	

	margin-top: 5px;

}

.ser_bar1 li .c_xq dl .bbt {

    width: 120px;

    line-height: 46px;

    margin: 3% auto 0 auto;

}

.ser_bar1 li .c_xq .bbt input{

    width: 100%;

    font-size: 16px;

    color: #fff;

    border: none;

	background: #898d8d;

	-webkit-transition: all 0.5s ease;

    transition: all 0.5s ease;

}

.ser_bar1 li .c_xq dl .bbt:hover input{ 

	background: #E50012;

}

.ser_bar1 li .c_xq .clo{

	position: absolute;

	right: 3%;

	top: 150px;

	cursor: pointer;

}

.ser_bar1 li .c_xq .clo img{

	width: 16%;

	opacity: 1;

	-webkit-transition: all 0.2s ease;

	transition: all 0.2s ease;

}

.ser_bar1 li .c_xq .clo:hover img{

	-webkit-transform: rotate(90deg);

	transform: rotate(90deg);

}



.ser_bar2 .s-tt h1{

	color: #333;

	font-size: 38px;

	text-align: center;

}

.ser_bar2 .s-tt p{

	color: #666;

	font-size: 16px;

	text-align: center;

}

.ser_bar2 .s-mag{

	width: 70%;

	margin: 2% auto 5% auto;

	background: #e7e7e7;

	padding: 2% 3% 1%;

}

.ser_bar2 .s-mag input{

	display: block;

	width: 100%;

	background: none;

	border: none;

	margin-bottom: 30px;

	border-bottom: solid rgba(255,255,255,0.6) 1px;

	font-size: 15px;

	box-sizing: border-box;

	padding-left: 10px;

}

.ser_bar2 .s-mag .bbtn input{

	display: inline-block;

    position: relative;

    background-color: #fff;

    border: 2px solid #fff;

    color: #333;

    height: 54px;

    font-size: 15px;

    font-weight: bold;

    line-height: 50px;

    padding: 0 20px;

    text-align: center;

    margin-top: 30px;

    transition: all 0.2s ease;

    -webkit-transition: all 0.2s ease;

    -moz-transition: all 0.2s ease;

    -o-transition: all 0.2s ease;

    cursor: pointer;

	outline: none;

	margin-bottom: 12px;

}

.ser_bar2 .s-mag .bbtn input:hover{

	color: #E50012;

	background: none;

}

.ser_bar2 .s-mag .bbtn{

	position: relative;

}

.ser_bar2 .s-mag .bbtn .new{

	cursor: pointer;

	font-size: 12px;

	color: #666;

	z-index: 6;

	text-align: center;

}

.ser_bar2 .s-mag .bbtn span:hover{

	color: #E60012;

	text-decoration: underline;

}

.sign_box{

	position: fixed;

	left: 0;

	top: 0px;

	z-index: 99;

	width: 100%;

	height: 100%;

	background-color: rgba(255, 255, 255, 0.96);

	z-index: 999900;

	display: none;

}

.sign_box .sign_xq{

	width: 80%;

	position: absolute;

	left: 50%;

	top: 50%;

	-webkit-transform: translate(-50%,-50%);

	transform: translate(-50%,-50%);

}

.sign_box .sign_xq h1 {

    font-size: 30px;

	color: #333;

	margin-bottom: 10px;

	text-align: center;

}

.sign_box .sign_xq p {

    color: #666;

    font-size: 16px;

    margin-bottom: 30px;

	text-align: center;

}

.sign_box .sign_xq dl {

    width: 60%;

    margin: 3% auto 0 auto;

}

.sign_box .sign_xq dl dd {

    display: block;

    width: 100%;

    margin-bottom: 30px;

	position: relative;

}

.sign_box .sign_xq dl dd h1 {

    color: #333;

    font-size: 16px;

    text-align: left;

    margin-bottom: 0;

	opacity: 0.8;

}

.sign_box .sign_xq dl dd h1 b{

	color: #E50012;

	font-weight: bold;

}

.sign_box .sign_xq dl dd input {

    width: 100%;

    background: none;

    border: none;

    border-bottom: solid #ddd 0.6px;

    color: #666;

    font-size: 16px;

	opacity: 0.8;

	padding-bottom: 10px;

}

.sign_box .sign_xq dl dd .type{

	width: 100%;

	border-top: solid #ddd 1px;

	position: absolute;

	left: 0;

	z-index: 9;

}

.sign_box .sign_xq dl dd .type span{

	display: block;

	padding: 8px 3px;

	font-size: 15px;

	color: #333;

	opacity: 0.8;

	background: rgba(0,0,0,0.05);

	cursor: pointer;

}

.sign_box .sign_xq dl dd .type span:nth-child(2n){

	background: rgba(0,0,0,0.09);

}

.sign_box .sign_xq dl dd .type span:hover{

	background: #E60012;

	color: #fff;

}

.sign_box .sign_xq dl dd:nth-child(3) h1{

	padding-bottom: 6px;

	background: url(../images/btm_1.png) no-repeat right;

	background-size: 16px;

    border-bottom: solid #ddd 1px;

	cursor: pointer;

}

.sign_box .sign_xq .clo {

    position: absolute;

    right: 3%;

    top: 0;

    cursor: pointer;

}

.sign_box .sign_xq .clo img {

    width: 16%;

    opacity: 1;

    -webkit-transition: all 0.2s ease;

    transition: all 0.2s ease;

}

.sign_box .sign_xq dl dd textarea {

    width: 100%;

    background: none;

    height: 100px;

    border: solid #ddd 1px;

    margin-top: 5px;

}

.sign_box .sign_xq dl .bbt {

    width: 100%;

    line-height: 46px;

    margin: 22% auto 0 auto;

    text-align: center;

}

.sign_box .sign_xq .bbt input {

    width: 120px;

    font-size: 16px;

    color: #333;

    border: none;

    background: #898d8d;

    -webkit-transition: all 0.5s ease;

    transition: all 0.5s ease;

	outline: none;

}

.sign_box .sign_xq dl .bbt span{

    display: block;

    font-size: 13px;

    color: #666;

}

.sign_box .sign_xq dl .bbt span i{

    color: #E50012;

    margin-left: 5px;

    font-size: 14px;

    font-style: normal;

}

.sign_box .sign_xq .bbt input:hover{

	color: #fff;

	background: #E60012;

}

.pp_nav{

	margin-top: 110px;

	}

.pp_nav2{

	margin-top: 0px;

}

.ser_bar2 .s-mag .s-ba1{

	margin-bottom: 15px;

}

.ser_bar2 .s-mag .s-ba1 select{

	width: 100%;

	background: none;

	border: none;

	height: 30px;

	border-bottom: solid #fff 1px;

	color: #666;

	font-size: 17px;

}

.ser_bar2 .s-mag .s-ba1 select option{

	color: #666;

	background: #f3f3f3;

	font-size: 17px;

	border: none;

}

.ser_bar2 .s-mag .s-ba1 h1{

	color: #666;

	font-size: 17px;

	margin: 0;

	padding: 10px 0;

	border-bottom: solid rgba(255,255,255,0.6) 1px;

	background: url(../images/btm_1.png) no-repeat right;

	background-size: 9px;

}

.ser_bar2 .s-mag .s-ba1 .box{

	display: none;

}

.ser_bar2 .s-mag .s-ba1 .box span{

	color: #777;

	display: block;

	background: rgba(255,255,255,0.2);

	font-size: 16px;

	padding: 6px 3px;

	-webkit-transition: 0.3s;

	transition: 0.3s;

}

.ser_bar2 .s-mag .s-ba1 .box span:nth-child(2n){

	background: rgba(255,255,255,0.3);

}

.ser_bar2 .s-mag .s-ba1 .box span:hover{

	background: rgba(255,255,255,0.5);

}

.ser_bar2 .s-mag .s-ba1 input{

	text-align: left;

	padding-left: 3px;

	font-size: 17px;

	color: #666;

	outline: none;

}

/* 应用 */

.yy_bar1{

	position: relative;

}



.y_box .yy_box:nth-child(2n){

    margin: 7% auto 0 auto;

	background: #f2f2f2;

	padding: 6% 9% 5% 9%;

}

.y_box .yy_box:nth-child(2n) .yy_tt span{

	background: #f2f2f2;

}

.yy_bar1 .big_img{

	width: 80%;

	margin: 0% auto 6% auto;

	padding-top: 20%;

}

.yy_bar1 .big_img img{

	width: 100%;

}

.yy_bar1 ul li{

}

.yy_bar1 ul li img{

	width: 100%;

	-webkit-transition: 0.5s;

	transition: 0.5s;

}

.yy_bar1 ul li p{

	color: #fff;

	font-size: 17px;

	text-align: center;

	-webkit-transition: 0.5s;

	transition: 0.5s;

	margin: 0;

	position: absolute;

	bottom: 0;

	left: 0;

	z-index: 2;

	width: 100%;

	padding: 10px 0;

	background: rgba(0,0,0,0.5);

}

.yy_bar1 ul li:nth-child(2){

	bottom: 50%;

}

.yy_bar1 ul li:nth-child(3){

	bottom: inherit;

	top: 0;

	left: 50%;

	transform: translate(-50%,0);

}

.yy_bar1 ul li:nth-child(4){

	bottom: 50%;

	right: 0;

	left: inherit;

}

.yy_bar1 ul li:nth-child(5){

	right: 0;

	left: inherit;

}

.yy_bar1 ul li:hover p{

	color: #E50012;

	font-weight: bold;

}

.xq_bar2{

	margin-top: 5%;

	display: none;

}

.xq_bar2 .x-t h1{

	color: #333;

	font-size: 38px;

	text-align: center;

	margin-bottom: 50px;

}

.xq_bar2 dl dd{

	float: left;

	width: 33.333%;

	box-sizing: border-box;

	box-shadow: 0 2px 2px 0 rgba(0,0,0,.08);

}

.xq_bar2 dl dd img{

	width: 90%;

	margin: auto;

	-webkit-transition: 0.5s;

	transition: 0.5s;

}

.xq_bar2 dl dd h1{

	color: #333;

	opacity: 0.8;

	font-size: 23px;

	padding: 0 6% 30px 6%;

	border-bottom: solid #eee 1px;

}

.xq_bar2 dl dd span{

	font-size: 16px;

	color: #888;

	padding: 0 6%;

	display: block;

    background: url(../images/jt_x.png) no-repeat right;

    background-size: 26px;

    width: 128px;

    padding-bottom: 3px;

	margin: 30px 0;

}

.xq_bar2 dl dd:hover h1{

	color: #E50012;

}

.xq_bar2 dl dd:hover img{

	-webkit-transform: scale(1.03);

	transform: scale(1.03)

}

/* 服务 */

.s-box .s-box1{

	display: none;

}

.s-bar1{

	margin-top: 110px;

	padding-top: 6%;

	border-top: solid #eee 1px;

}

.s-bar1 .bbg{

	width: 56%;

	margin: auto;

}

.s-bar1 .bbg img{

	width: 100%;

}

.s-bar1 .txt{

	width: 70%;

	margin: auto;

}

.s-bar1 .txt h1{

	font-size: 18px;

	text-align: center;

	margin: 5% auto 0 auto;

	line-height: 1.7;

	color: #E60012;

	width: 80%;

	font-weight: bold;

}

.s-bar1 .txt p{

	font-size: 15px;

	text-align: center;

	margin: 1% auto 7% auto;

	line-height: 1.7;

	color: #666

}

.s-bar2{

	background: #f3f3f3;

	padding: 4% 5% 3% 5%;

	position: relative;

}

.s-bar2 b{

	content: "";

	position: absolute;

	left: 0;

	bottom: 0;

	width: 0;

	height: 2px;

	background: #E60012;

}

.s-bar2 .tt{

	font-size: 38px;

	color: #333;

	text-align: center;

}

.s-bar2 ul{

	margin: 4% 0 0 0;

}

.s-bar2 li{

	width: 24.25%;

	box-sizing: border-box;

	position: relative;

	float: left;

	margin-right: 1%;

	cursor: pointer;

}

.s-bar2 li:nth-child(4){

	margin-right: 0;

}

.s-bar2 li .left{

	position: absolute;

	left: 0;

	top: 0;

	width: 42%;

	height: 95%;

}

.s-bar2 li .right{

	float: right;

	width: 74%;

	background: #fff;

	box-sizing: border-box;

	padding: 5% 5% 8% 21%;

    box-shadow: 0 2px 2px 0 rgba(0,0,0,.08);

	-webkit-transition: all 0.5s linear;

	transition: all 0.5s linear;

}

.s-bar2 li .right.active{

	background: #E60012;

}

.s-bar2 li .right h1{

	color: #333;

	font-size: 20px;

	opacity: 0.8;

}

.s-bar2 li .right p{

	color: #333;

	font-size: 14px;

	opacity: 0.6;

	border-bottom: solid rgba(0,0,0,0.1) 1px;

	padding-bottom: 20px;

}

.s-bar2 li .right.active h1{

	color: #fff;

	opacity: 1;

}

.s-bar2 li .right.active p{

	color: #fff;

	opacity: 0.8;

	border-bottom: solid #fff 1px;

}

.s-bar2 .bbtt{

	position: absolute;

	left: 50%;

	bottom: -30%;

	-webkit-transform: translate(-50%,0);

	transform: translate(-50%,0);

	width: 52%;

	z-index: -6;

	display: none;

}

.s-bar2 .bbtt img{

	width: 100%;

}

.s-bar2 li .right .s-more{

	margin-top: 20px;

	position: relative;

}

.s-bar2 li .right .s-more span{

	color: #666;

	font-size: 16px;

}

.s-bar2 li .right.active .s-more span{

	color: #fff;

}

.s-bar2 li .right .s-more img{

	position: absolute;

	right: 0;

	top: 50%;

	-webkit-transform: translate(0,-50%);

	transform: translate(0,-50%);

	-webkit-transform: rotate(90deg);

	transform: rotate(90deg);

}

.s-bar2 li .right .s-more img.p2{

	opacity: 0;

}

.s-bar2 li .right.active .s-more img.p2{

	opacity: 1;

}

.s-bar2 li .right.active .s-more img.p1{

	opacity: 0;

}

@media (max-width:1600px) {

	.s-bar2 .bbtt{

		bottom: -30%;

	}

	.contact_box ul li p{

		font-size: 14px;

	}

	.contact_box ul li img{

		width: 100%;

	}

}

/* 全球项目 */

.Project-bar{

}

.Project-bar .search{

	position: relative;

	background: #F3F3F3;

	padding: 2% 9%;

}

.Project-bar .search.search_new{

  padding: 3% 9% 2%;

}

.Project-bar .search .ine{

	position: absolute;

	left: 50%;

	top: 50%;

	width: 60%;

	height: 1px;

	background: #ddd;

	-webkit-transform: translate(-50%,-50%);

	transform: translate(-50%,-50%);

}

.Project-bar .search .left{

	float: left;

	background: #F3F3F3;

	width: 12%;

	position: relative;

	z-index: 3;

}

.Project-bar .search .left p{

	font-size: 28px;

	display: block;

  margin-bottom: 0;

}

.Project-bar .search .right{

	position: absolute;

	right: 9%;

	top: 50%;

    margin-right: 140px;

	background: #F3F3F3;

	-webkit-transform: translate(0,-50%);

	transform: translate(0,-50%);

	z-index: 3;

	padding-left: 1%;

}

.Project-bar .search .right dl{

	margin: 0;

	float: left;

}

.Project-bar .search .right dl dd{

	float: left;

	background: none;

  border: 1px solid #E60012;

	margin: 0 25px;

	padding: 6px 25px 6px 25px;

	font-size: 16px;

	color: #E60012;

	cursor: pointer;

	-webkit-transition: all 0.3s linear;

	transition: all 0.3s linear;

  display:block;

  position: relative;

  border-radius: 4px;

	background: url(../images/jianrou_right.png) no-repeat right;

}

.Project-bar .search .right dl dd a{

  color: #E60012;

}

.Project-bar .search .right dl dd img{

  position: absolute;

  top: 12px;

  right: 7px;

}

.Project-bar .search .right dl dd img:nth-child(1){

    display: block;

}

.Project-bar .search .right dl dd img:nth-child(2){

    display: none;

}

.Project-bar .search .right dl dd.active{

	color: #fff;

	background: #E60012;

}

.Project-bar .search .right dl dd.active img:nth-child(1){

    display: none;

}

.Project-bar .search .right dl dd.active img:nth-child(2){

    display: block;

}

.Project-bar .search .right dl .yy{

	float: left;

	position: relative;

}

.Project-bar .search.search_class_new{

  background: none;

  padding-top: 3%;

  padding-bottom: 0;

}

.Project-bar .search.search_class_new .right{

  float: right;

  position: relative;

  top: 0;

  right: 0;

  background: none;

  margin-right: 0;

  -webkit-transform: translate(0,0);

  transform: translate(0,0);

} 



.yyjt{

	

	}





.Project-bar .search .right dl .yy .tet{

	position: absolute;

	top: 34px;

	right: 0;

	/* width: 100%; */
     left: 25px;
     right: 25px;
	

	display: none;

}

.Project-bar .search .right dl .yy .tet span{

	display: block;

    background: rgba(226,226,226,0.9);

    margin: 0 0px;

    padding: 6px 2px;

    font-size: 15px;

    color: #777;

    cursor: pointer;

    text-align: center;

    -webkit-transition: all 0.3s linear;

    transition: all 0.3s linear;

}

.Project-bar .search .right dl .yy .tet span:nth-child(2n){

	background: rgba(232,232,232,0.8);

}

.Project-bar .search .right dl .yy .tet span:hover{

	background: #E60012;

	color: #fff;

}

.Project-bar .search .right input{

	border-radius: 30px;

	padding: 3px 20px 3px 10px;

	font-size: 14px;

	color: #666;

	background-color: #F3F3F3!important;

}

.Project-bar .search .right .project_search{

    float: right;

    margin-left: 15px;

    display: flex;

    align-items: center;

    margin-top: 4px;

    position: relative;

}

.Project-bar .search .right .project_search span{

    margin-left: 5px;

    cursor: pointer;

    position: absolute;

    top: 4px;

    right: 10px;

}

.Project-bar .search .right .project_search span img{

    width: 20px;

}

.Project-bar .p-back{

	position: absolute;

	right: 9%;

	top: 50%;

	z-index: 9;

}

.Project-bar .p-back a{

	font-size: 15px;

    color: #999;

    -webkit-transition: all 0.3s linear;

    transition: all 0.3s linear;

    padding-left: 26px;

    background: url(../images/back.png) no-repeat left;

    background-size: 16px;

	text-decoration: underline;

}

.Project-bar .pp-list{

	margin-top: 60px;

}

.Project-bar .pp-list ul{

	display: none;

}

.Project-bar .pp-list ul li{

	float: left;

	width: 30%;

    margin-right: 5%;

}

.Project-bar .pp-list ul li:nth-child(3n){

	margin-right: 0;

}

.Project-bar .pp-list ul li:nth-child(3n+2){

	-webkit-transform: translateY(15%);

    transform: translateY(15%);

}

.Project-bar .pp-list ul li .pp-list-div{

	width: 100%;

    box-shadow: 0px 6px 20px rgba(5, 8, 5, 0.08);

	-webkit-transition: all 0.5s linear;

	transition: all 0.5s linear;

	margin-bottom: 18%;

	cursor: pointer;

}

.Project-bar .pp-list ul li .pp-list-div img{

	width: 100%;

}

.Project-bar .pp-list ul li .pp-list-div:hover{

    box-shadow: 0px 6px 20px rgba(5, 8, 5, 0.2);

	-webkit-transform: translateY(-10px);

	transform: translateY(-10px);

}

.Project-bar .pp-list ul li .pp-list-div .text{

	padding: 0 5% 7% 5%;

}

.Project-bar .pp-list ul li .pp-list-div h1{

	font-size: 20px;

    color: #333;

    display: -webkit-box;

    -webkit-box-orient: vertical;

    -webkit-line-clamp: 1;

    overflow: hidden;

}

.Project-bar .pp-list ul li .pp-list-div p{

	font-size: 16px;

	line-height: 1.6;

	color: #777;

    margin: 0;

    display: -webkit-box;

    -webkit-box-orient: vertical;

    -webkit-line-clamp: 1;

    overflow: hidden;

}

.Project-bar .pp-list ul li .pp-list-div h2{

	color: #777;

	font-size: 14px;

	background: url(../images/jt_x.png) no-repeat right;

	background-size: 22px;

	display: initial;

	padding-right: 36px;

	padding-bottom: 1px;

}

.Project-bar .pp-list ul li .pp-list-div:hover h1{

	color: #E60012;

}



.N-wall-box{

    background-color: #f8f6f5;

}

.N-wall-box .p_list1{

    margin-top: 0;

    margin-bottom: 0;

    padding-top: 3%;

    padding-bottom: 6%;

}

.N-wall-box .p_list1 ul li{

    border: none;

    position: relative;

    z-index: 2;

    padding: 3% 0 3% 0;

}

.N-wall-box .p_list1 ul li img{

    width: 90%;

}

.N-wall-box .p_list1 ul li h1{

    text-align: left;

    padding-left: 15%;

    margin: 0;

}

.N-wall-box .p_list1 ul li::before{

    content: '';

    position: absolute;

    z-index: -1;

    top: 15%;

    bottom: 30%;

    left: 15%;

    right: 15%;

    background-color: #e3e2e2;

}

.new_p_title{

    width: 800px;

    margin: 0 auto;

    padding: 8% 0 3% 0;

}

.new_p_title h5{

    text-align: center;

    font-size: 30px;

    color: #e50012;

    margin: 0;

    margin-bottom: 25px;

}

.new_p_title p{

    color: #717171;

    font-size: 14px;

    line-height: 24px;

    letter-spacing: 1px;

    text-align: center;

}



.new_about_sec1{

    padding: 5%;

    background-color: #f3f3f3;

}

.new_about_sec1_list{

    width: 49.5%;

    float: left;

    margin-right: 1%;

    position: relative;

}

.new_about_sec1 .new_about_sec1_list:nth-child(2){

    margin-right: 0;

}

.new_about_sec1_zi{

    width: 100%;

    position: absolute;

    top: 0;

    left: 0;

    padding: 40px;

}

.new_about_sec1_zi h5{

    font-size: 30px;

    color: #fff;

    margin-bottom: 25px;

}

.new_about_sec1_zi span{

    display: inline-block;

    line-height: 40px;

    border: 1px solid #ecedf1;

    padding: 0 20px;

    color: #d40c19;

    font-size: 14px;

    background-color: #dadee7;

}



.new_about_sec2{

    background-color: #fff;

    padding: 5% 0 8% 0;

}

.new_about_sec2_box{

    width: 82%;

    margin: auto;

    padding: 0 5%;

}

.new_about_sec2_box h5{

    font-size: 30px;

    text-align: center;

    letter-spacing: 2px;

    margin: 0;

    margin-bottom: 4%;

    color: #222;

}

.new_about_sec2_zi{

    width: 80%;

    margin: 0 auto;

    margin-top: 3%;

    padding: 3% 0;

    border-top: 1px solid #f0acb1;

    border-bottom: 1px solid #e5e5e5;

}

.new_about_sec2_zi p{

    margin-bottom: 20px;

    font-size: 15px;

    text-align: center;

    letter-spacing: 1px;

}

.new_about_sec2_zi p span{

    font-size: 22px;

    display: block;

    margin-bottom: 10px;

}



.new_about_sec2_list{

    width: 32%;

    float: left;

    margin-right: 2%;

    position: relative;

    background: #fff;

    background-size: 100%;

    -webkit-transition: all cubic-bezier(.18,1,.21,1) .9s;		

    transition: all cubic-bezier(.18,1,.21,1) .9s;

}

.new_about_sec2_list>img{

    opacity:1;

    -moz-opacity:1; 

    -khtml-opacity:1;

    -webkit-opacity:1;

    filter:alpha(opacity=100);

}

.new_about_sec2_list:hover >img{

    opacity:0;

    -moz-opacity:0; 

    -khtml-opacity:0;

    -webkit-opacity:0;

    filter:alpha(opacity=0);

}

.new_about_sec2_list_box .new_about_sec2_list:nth-child(3){

    margin-right: 0;

}

.new_about_sec2_list:nth-child(1):hover{

    background: url('../images/baout_red_1.jpg') center no-repeat;

    background-size: 100%;

}

.new_about_sec2_list:nth-child(2):hover{

    background: url('../images/baout_red_2.jpg') center no-repeat;

    background-size: 100%;

}

.new_about_sec2_list:nth-child(3):hover{

    background: url('../images/baout_red_3.jpg') center no-repeat;

    background-size: 100%;

}

.new_about_sec2_txt{

    width: 100%;

    position: absolute;

    top: 0;

    left: 0;

    padding: 9% 6%;

}

.new_about_sec2_txt h5{

    font-size: 20px;

    color: #333;

    margin: 0;

    margin-bottom: 15px;

    text-align: left;

    -webkit-transition: all cubic-bezier(.18,1,.21,1) .9s;		

    transition: all cubic-bezier(.18,1,.21,1) .9s;

}

.new_about_sec2_txt p{

    font-size: 16px;

    color: #666;

    margin: 0;

    text-align: left;

    -webkit-transition: all cubic-bezier(.18,1,.21,1) .9s;		

    transition: all cubic-bezier(.18,1,.21,1) .9s;

}

.new_about_sec2_list:hover .new_about_sec2_txt h5{

    color: #fff;

}

.new_about_sec2_list:hover .new_about_sec2_txt p{

    color: #eee;

}



.new_about_sec0{

    background-image: url(../images/new_about_bg.jpg);

    background-position: center;

    background-repeat: no-repeat;

    background-size: cover;

    padding: 6% 0 6% 0;

}

.new_about_sec0_box{

    width: 82%;

    margin: auto;

    padding: 0;

}



.new_about_sec0_t{

    text-align: center;

    margin-bottom: 8%;

}

.new_about_sec0_img{

    width: 35%;

    float: left;

    position: relative;

    padding-right: 10%;

    z-index: 2;

}

.new_about_sec0_img_icon{

    width: 55%;

    position: absolute;

    right: 0;

    top:-20%;

    z-index: -1;

}

.new_about_sec0_t img{

    display: inline-block;

}

.new_about_sec0_logo{

    text-align: center;

    margin-bottom: 40px;

}

.new_about_sec0_logo img{

    display: inline-block;

    width: 110px;

}

.new_about_sec0_txt{

    width: 100%;

    margin: 0 auto;

}

.new_about_sec0_txt p{

    font-size: 16px;

    color: #d3d3d3;

    line-height: 28px;

    margin-bottom: 30px;

}

.new_about_sec0_txt p:last-child{

    margin-bottom: 0;

}

.new_about_sec0_txt p span{

    display: inline-block;

    font-size: 18px;

    color: #d40c19;

    position: relative;

}

.new_about_sec0_txt p span::before{

    content: '';

    width: 100%;

    height: 1px;

    background-color: #d40c19;

    position: absolute;

    bottom: 0;

    left: 0;

}



.new_about_sec3{

    padding: 5% 0 8% 0;

    background: url('../images/about_newbg3.jpg') top center no-repeat;

    background-size: cover;

}

.new_about_sec3_box{

    width: 82%;

    margin: auto;

    padding: 0 5%;

}

.new_about_sec3_box>h5{

    font-size: 30px;

    text-align: center;

    letter-spacing: 2px;

    margin: 0;

    color: #fff;

    margin-bottom: 20px;

}

.new_about_sec3_box>p{

    font-size: 14px;

    text-align: center;

    margin: 0;

    color: #666;

    margin-bottom: 4%;

}

.new_about_sec3_box ul{

    width: 100%;

}

.new_about_sec3_box ul li{

    padding: 50px 40px;

    position: relative;

    padding-right: 300px;

    position: relative;

    -webkit-transition: all cubic-bezier(.18,1,.21,1) .9s;	

    transition: all cubic-bezier(.18,1,.21,1) .9s;

}

.new_about_sec3_box ul li h5{

    font-size: 20px;

    color: #fff;

    margin-bottom: 15px;

    font-weight: 600;

}

.new_about_sec3_box ul li span{

    display: block;

    font-size: 14px;

    color: #eee;

    margin-bottom: 6px;

}

.new_about_sec3_box ul li p{

    display: block;

    font-size: 14px;

    color: #999;

    margin: 0;

}

.new_about_sec3_box ul li img{

    position: absolute;

    top: 20px;

    right: 80px;

    -webkit-transition: all cubic-bezier(.18,1,.21,1) .6s;	

    transition: all cubic-bezier(.18,1,.21,1) .6s;

}

.new_about_sec3_box ul li img:nth-child(4){

  opacity:1;

  -moz-opacity:1; 

  -khtml-opacity:1;

  -webkit-opacity:1;

  filter:alpha(opacity=100);

}

.new_about_sec3_box ul li img:nth-child(5){

  opacity:0;

  -moz-opacity:0; 

  -khtml-opacity:0;

  -webkit-opacity:0;

  filter:alpha(opacity=0);

}

.new_about_sec3_box ul li:hover img:nth-child(4){

-webkit-transform:scale(1.1);

transform:scale(1.1);

opacity:0;

  -moz-opacity:0; 

  -khtml-opacity:0;

  -webkit-opacity:0;

  filter:alpha(opacity=0);

}

.new_about_sec3_box ul li:hover img:nth-child(5){

-webkit-transform:scale(1.1);

transform:scale(1.1);

opacity:1;

  -moz-opacity:1; 

  -khtml-opacity:1;

  -webkit-opacity:1;

  filter:alpha(opacity=100);

}

.new_about_sec3_box ul li:before{

    content: '';

    width: 85%;

    height: 5px;

    position: absolute;

    bottom: 0;

    left: 5%;

    background: url(../images/about_line1.png) center no-repeat;

    background-size: cover;

    opacity:0;

    -moz-opacity:0; 

    -khtml-opacity:0;

    -webkit-opacity:0;

    filter:alpha(opacity=0);

    -webkit-transition: all cubic-bezier(.18,1,.21,1) 1.5s;	

    transition: all cubic-bezier(.18,1,.21,1) 1.5s;   

}

.new_about_sec3_box ul li:hover:before{

    opacity:1;

    -moz-opacity:1; 

    -khtml-opacity:1;

    -webkit-opacity:1;

    filter:alpha(opacity=100);

}





/*7.20*/

.uper_logo{

    text-align: center;

    background-color: #f5f5f5;

}

.uper_logo img{

    width: 220px;

    margin: 0 auto

}

.uper{

    width: 82%;

    margin: 0 auto;

    padding: 45px 0 80px 0

}

.uper_txt{

    padding: 0px 0 30px 0;

    border-bottom: 1px solid #ccc;

    margin-bottom: 50px;

}

.uper_txt p{

    font-size: 15px;

    line-height: 30px;

}

.uper_txt_ad p{

    margin-bottom: 20px;

}

.uper .p_pro1 {

    margin-top: 0px;

    padding:  0;

    border-top: none;

}

.uper .N-wall {

    width: 100%;

    margin: auto;

}





/******2020-08-25******/

.query_banner{

    background-color: #f3f3f3;

    padding: 4% 0 6% 0;

}

.query_con{

    width: 82%;

    margin: 0 auto;

    padding:  0 5%;

}

.query_con h5{

    font-size: 30px;

    letter-spacing: 2px;

    color: #000;

    margin: 0;

    margin-bottom: 40px;

}

.query_con span{

    display: block;

    font-size: 14px;

    color: #444;

    line-height: 36px;

    font-weight: 600;

    letter-spacing: 1px;

}

.query_con span b{

    display: inline-block;

    color: #e60012;

    border-bottom: 1px solid #191919;

    margin-left: 5px;

}

.query_con p{

    font-size: 13px;

    color: #918e8e;

    font-weight: 600;

    margin-top: 20px;

    letter-spacing: 1px;

    margin-bottom: 0;

}



.query_sec1{

    width: 100%;

    padding: 4% 0;

    background-color: white;

}

.query_sec1_con{

    width: 82%;

    margin: 0 auto;

    padding:  0 5%;

}

.query_sec1_con h5{

    font-size: 30px;

    letter-spacing: 2px;

    color: #000;

    margin: 0;

    margin-bottom: 40px;

}

.query_result{

    border-top: 2px solid #666666;

}

.query_result .list{

    display: flex;

    align-items: center;

    background-color: #f8f8f8;

    border-bottom: 1px solid #c7c7c7;

}

.query_result .list span:nth-child(1){

    font-size: 14px;

    color: #666;

    padding: 20px 30px;

    width: 200px;

}

.query_result .list span:nth-child(2) img{

    width: 100px;

}

.query_result .list span:nth-child(2){

    font-size: 14px;

    color: #666;

    padding: 20px 50px;

    width: 100%;

    background-color: white;

}

.query_sec1_con .btn{

    display: block;

    width: 240px;

    line-height: 60px;

    background-color: #e50012;

    font-size: 15px;

    color: white;

    letter-spacing: 1px;

    text-align: center;

    margin: 0 auto;

    margin-top: 60px;

}

.member{

    margin-top: 110px;

}





@media (min-width: 768px) {

    .a-bbar ul li .tte{

        height: 180px;

    } 

    .nav{

        left: 40%;

    } 

    .nav>li>a{

        padding: 0 20px;

    }

}

@media (min-width: 992px) {

    .a-bbar ul li .tte{

        height: 170px;

    } 

    .nav{

        left: 45%;

    } 

    .nav>li>a{

        padding: 0 25px;

    }

}

@media (min-width: 1280px) {

    .a-bbar ul li .tte{

        height: 160px;

    } 

    .nav{

        left: 50%;

    } 

    .nav>li>a{

        padding: 0 30px;

    }

}

@media (min-width: 1440px) {

    .a-bbar ul li .tte{

        height: 150px;

    }  

    .nav{

        left: 50%;

    } 

    .nav>li>a{

        padding: 0 35px;

    }

}

@media (min-width: 1600px) {

    .a-bbar ul li .tte{

        height: 140px;

    }   

    .nav{

        left: 50%;

    } 

    .nav>li>a{

        padding: 0 35px;

    }

}



/******手机端******/

@media (max-width: 768px) {



}

/******手机端******/





/******2020-08-25******/







@media (max-width: 1600px) {

 .service_sec1_box1_text .p {

    min-height: 167px !important;

}



}







/*827*/



.amend{

    border:1px solid #d2d2d2;

    padding: 40px 50px;

    border-top: none;



}

.member_menu{

    /*background: #eeeeee*/

}

.member_menu ul{

    background: #eeeeee;

    border:1px solid #d2d2d2;





}

.member_menu ul  li{

  float: left;

  width: 200px;

  text-align: center;

 

}

.member_menu ul  li a{

 font-size: 16px;

 line-height: 50px;

 position:relative;

 color: #393838

}

.save_btn{

    display: block;

    width: 150px;

    height: 40px;

    color: #ffffff;

    font-size: 16px;

    text-align: center;

    background: #e60012;

    border-radius: 5px;

    line-height: 40px;

    margin-top: 120px;

}

.amend_input span{

    display: inline-block;

    width: 90px;

    text-align: right;

    margin-right: 30px;

    font-size: 16px;

    color: #393838

}

.amend_input b{

 font-weight: 300;

 color: #e60012;

 font-size: 14px;

 line-height: 50px;

  margin-left: 30px;

}

.amend_input input{

    height: 50px;

    padding:0 10px;

    width: 55%;

    color: #393838;

    font-size: 16px;

}



.member_menu ul  li:nth-child(3)

{

  border-right:1px solid #d2d2d2;

}

.member_menu ul  li.add_chose a{

    color: #e60012;

    position: relative;

    background: #ffffff

}

.member_menu ul  li.add_chose a:before{

    content: '';

    height: 5px;

    background: #e60012;

    top: -1px;

    left: 0;

    width: 100%;

    position: absolute;

}

.member_menu ul  li.add_chose a:after{

    content: '';

    height: 1px;

    background: #ffffff;

    bottom: -1px;

    left: 0;

    width: 100%;

    position: absolute;

}



.amend_input{

    margin-bottom: 25px;

}

.person_txt h1{

    margin-top: 0px;

    color: #323131;

    font-size: 40px;

    letter-spacing: 3px;

    text-align: center;

    margin-bottom: 40px;



}

.member{

    padding:60px 0 100px 0;

}



.gender_in label{

    font-weight: 300;

    width: 90px;

   

}



.gender_in label input{

    width: 15px;

    height: 15px;

     margin-right: 10px;

}

.amend_input select{

 height: 50px;

    padding:0 10px;

    width: 55%;

    font-size: 16px;

    outline: none;

    color: #393838;

    border: 1px solid #ccc;

}

.collect_img{

    border:1px solid #d2d2d2;

     background: #ffffff ;

}

.collect_on h5{

    margin-top:15px;

    color: #333333;

    font-size: 16px; 

    text-align: center;

     margin-bottom: 5px;

}

.collect_on p{

    color: #e60012;

    text-align: center;

    margin-bottom: 5px;

    font-weight: 600



}

.collect_a {

    text-align: center;

}

.collect_a a{

    display: inline-block;

    line-height: 40px;

    width: 40%;

    font-size: 14px;

    text-align: center;

    border:1px solid #d2d2d2;

}

.collect_on{

    margin-bottom: 30px;

}



.popup_bg{

    position: fixed;

    top: 0;

    left:0;

    background: rgba(0,0,0,0.36);

    width: 100%;

    height: 100%;

     z-index: 999;

}

.wind_btn{

    width: 250px;

    height: 60px;

    margin: 0 auto;

    line-height: 60px;

    background: #e50012;

    color: #ffffff;

    margin-top: 50px;

    cursor: pointer;

    text-align: center;

}

.pub_window{

    padding: 40px 30px;

    border-top: 6px solid  #e50012;

    background: #ffffff;

    position: absolute;

    color: #444343;

    top: 50%;

    left: 50%;

    -webkit-transform: translateX(-50%) translateY(-50%);

    -moz-transform: translateX(-50%) translateY(-50%);

    -ms-transform: translateX(-50%) translateY(-50%);

    -o-transform: translateX(-50%) translateY(-50%);

    transform: translateX(-50%) translateY(-50%);

     z-index: 999;



}

.colse_window{

   width: 30px;

    position: absolute;

    right: 30px;

    top: 40px;

    cursor: pointer;

}

.pub_window h1{

    color: #e50012;

    margin-top: 0px;

    padding-bottom: 10px;

    border-bottom: 1px solid  #e50012;

    display: inline-block;

     font-size: 24px;

}

.pub_window h5{

    font-size: 16px;

    color: #242222;

    margin-bottom: 15px;

}

.pub_window h5 span{

     color: #e50012;

     font-weight: 600;

     margin: 0 3px;

}

.popup_txt  p{

    font-size: 14px;

    margin: 0;

    line-height: 24px;

}

.popup_txt{

    margin-bottom: 40px; 

}

.popup_txt  p span{

    color: #e50012; 

    font-weight: 600

}

.popup{

    display: none;

        width: 100%;

    height: 100%;

    position: fixed;

    top: 0;

    left: 0;

    z-index: 999

}





.yz_show{

    width: 100%;

    height: 100%;

    position: fixed;

    display: none;

    top: 0;

    left: 0;

    z-index: 99;

    background-color: rgba(255, 255, 255, .95);

}

.yz_close{

    position: absolute;

    top: -10%;

    right: 0;

    cursor: pointer;

}

.yz_show_con{

    width: 66%;

    position: absolute;

    top: 50%;

    left: 17%;

    -webkit-transform: translateY(-50%);

    transform: translateY(-50%);

}

.yz_show_con h1{

    color: #E50012;

	font-size: 20px;

	margin-bottom: 20px;

	line-height: 1.6;

	text-align: center;

}

.yz_show_con p{

	color: #666;

	font-size: 16px;

	line-height: 1.7;

	letter-spacing: 0.5px;

}

.yz_show_con p b{

	padding-right: 16px;

	cursor: pointer;

}

.yz_show_con p b.active{

	color: #E60012;

	text-decoration: underline;

}

.yz_show_con img{

	width: 88%;

	margin: 2% auto;

}

.yz_show_con dl dd{

    display: none;

    border: 1px solid #dddddd;

}

.yz_show_con dl dd.active{

	display: block;

}

.yz_show_con .bm{

	position: relative;

	float: left;

	width: 49.5%;

	margin-right: 1%;

    box-sizing: border-box;

}

.yz_show_con .bm:nth-child(1){

    background-color: #fef5f5;

}

.yz_show_con .bm:nth-child(1)::before{

    width: 0;

    height: 0;

    border-bottom: 38px solid #fff;

    border-left: 38px solid transparent;

    content: '';

    position: absolute;

    bottom: 0;

    right: 0;

}

.yz_show_con .bm:nth-child(2){

	margin-right: 0;

}

.yz_show_con input{

	display: block;

	width: 100%;

	background: none;

	padding: 8px 12px;

	color: #666;

	font-size: 16px;

	border: none;

}

.yz_show_con .m{

	width: 18px;

	position: absolute;

	right: 1%;

	top: 50%;

	margin: 0;

	opacity: 0.5;

	-webkit-transform: translate(0,-50%);

	transform: translate(0,-50%);

}

.yz_show_con .bbtm{

	width: 160px;

	line-height: 36px;

	font-size: 15px;

	background: #f2f2f2;

	text-align: center;

	margin: 30px auto 0 auto;

	color: #666;

	cursor: pointer;

	-webkit-transition: 0.5s;

	transition: 0.5s;

}

.yz_show_con .bbtm:hover{

	background: #E60012;

	color: #fff;

}



/******手机端******/

@media (max-width: 768px) {



}

/******手机端******/



.war_about1 .text h2{

    margin-top: 35px !important;

    margin-bottom: 35px !important;

}



.about-bar1 li{



    width: 46%;

    margin: 0% 2%;

}

.about-bar1 li:nth-child(2n) {

    

    margin-top: 5%;

}



/*1.21修改about*/

.new_about_sec0{

    background-image: none;

    background-position: center;

    background-repeat: no-repeat;

    background-size: cover;

    padding: 6% 0 6% 0;

    background: #efeeee;

}

.newly_img{

    width: 45%;

    float: left;

}

.newly_text{

    width: 55%;

    float: left;

    padding-left: 5%;

    padding-top: 5%;

}

.newly_img{

    position: relative;

}

.newly_text p{

    font-size: 16px;

    color: #666;

    margin-bottom: 25px;

    line-height: 26px;

}

.newly_text p span{

    color: #e7121c;

    text-decoration:underline

}

.newly_more{

   color: #a5a4a4; 

   text-align: right; 

    font-size: 16px;   

}

.newly_more  i{

    font-size: 18px

}

.newly_more:hover{

    color: #e7121c; 

     margin-left: 3px;

}



.newly_text_height{

    display: none;

}

.newly_more_span{

    display: inline-block;

   cursor: pointer;

    

}

.newly_more .ad_down i {

    -webkit-transform: rotateX(180deg);

    transform: rotateX(180deg);

}



@keyframes nation-circle {

  0% {

    -webkit-transform: scale(0);

    transform: scale(0);

    opacity: 0.5; 

   }

  50% {

    opacity: 1.0; 

   }

  100% {

    -webkit-transform: scale(1);

            transform: scale(1);

    opacity: 0; } 

}

.nation-circle{

    position:absolute; 

    left:60%; 

    top:50%; 

    display:inline-block; 

    width:400px; 

    height:400px; 

    margin:-200px 0 0 -200px;

}

.nation-circle > span:nth-child(2) {

    -webkit-animation-delay: -2s;

    animation-delay: -2s; 

}

.nation-circle > span:nth-child(3) {

    -webkit-animation-delay: -1s;

        animation-delay: -1s;

}

.nation-circle > span {

    border:2px solid rgba(255,255,255,0.8) ;

    border-radius: 50%;

    margin: 10px;

    -webkit-animation-fill-mode: both;

            animation-fill-mode: both;

    position: absolute;

    left: 0;

    top: 0px;

    opacity: 0.1;

    margin: 0;

    width: 400px;

    height: 400px;

    -webkit-animation: nation-circle 4s cubic-bezier(0.22, 0.61, 0.36, 0.5) infinite;

            animation: nation-circle 4s cubic-bezier(1, 2, 0.66, 3) infinite; 

}



@media all and (max-width: 1600px) {

    .footer-sitemap-con>li dl {

        padding: 0 20px;

    }

}

@media all and (max-width: 1440px) {

    .footer-sitemap-con>li dl {

        padding: 0 15px;

    }

}

@media all and (max-width: 1280px) {

    .footer-sitemap-con>li dl {

        padding: 0 10px;

    }

}

@media all and (max-width: 1150px) {

    .footer-sitemap-con>li dl {

        padding: 0 5px;

    }

}