@charset "utf-8";
html, body {
   height: 100%; 
}
*{box-sizing:border-box; margin:0px; padding:0px;   
-moz-box-sizing:border-box; /* Firefox */
-webkit-box-sizing:border-box; /* Safari */}
body{
	margin:0;
	    margin: 0;
    font-size: 16px;
    font-family: "微软雅黑",arial, "Microsoft Yahei";
    line-height: 1.5; color: #333;
background: #FFFFFF;
}

a, a:hover, a:focus {
    text-decoration: none;
}
html,body,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,p,table,th,td,fieldset,form,input,select,textarea,hr,blockquote,pre{margin:0;padding:0;}
ul,ol,dl{list-style:none;}
h1, h2, h3, h4, h5, h6,{margin:0px !important; padding:0px !important;   line-height: 1 !important;font-style: normal;}

img{border:0;margin: 0;}

input{-webkit-appearance:none ;border-radius: 0;}
form input{-webkit-appearance: none;}

.clear{clear:both;}

.h80{width: 100%;height: 80px;overflow: hidden;}
.h50{width: 100%;height: 50px;overflow: hidden;}

@media only screen and (max-width:1400px) {
	.h80{width: 100%;height: 75px;overflow: hidden;}
.h50{width: 100%;height:45px;overflow: hidden;}
}
@media only screen and (max-width:1000px) {
	.h80{width: 100%;height: 65px;overflow: hidden;}
.h50{width: 100%;height:40px;overflow: hidden;}
}

@media only screen and (max-width:750px) {
	.h80{width: 100%;height: 50px;overflow: hidden;}
.h50{width: 100%;height:35px;overflow: hidden;}
}







.w1400{width:90%;max-width: 1400px;margin: 0 auto;height: auto;}
.pc-nav{transition: all 0.4s ease; width:100%;height: auto;position: fixed;top: 30px;left: 0;z-index: 9999;}
.pc-nav .pc-nav-c{width: 90%;position: relative; margin: 0 auto;max-width: 1400px;height: 80px;background: #FFFFFF;}
.pc-nav .pc-nav-c .logo{float: left; background: #551217;display: block;width: 190px;height: 80px;padding-top: 10px;}
.pc-nav .pc-nav-c .logo img{display: block;width:130px; height: auto;margin: 0 auto;}
.pc-nav .pc-nav-c   .share{float: right;}
.pc-nav .pc-nav-c  .nav{width: calc(100% - 300px);float: left;text-align: center;}
.pc-nav .pc-nav-c  .nav li{ display: inline-block;height: auto;padding: 0 3%;}
.pc-nav .pc-nav-c  .nav li a{display:inline-block;width: 100%;font-size: 16px;color: #000000; border-top: 4px solid #FFFFFF;line-height:76px;}

.pc-nav .pc-nav-c  .nav li:hover a{border-top: 4px solid #551217;color: #551217;}
.pc-nav .pc-nav-c  .nav li.cut a{border-top: 4px solid #551217;color: #551217;}
.pc-nav .pc-nav-c  .nav li .downs{display: none; position: absolute;width: 100%;top: 100%;left: 0; text-align: center;padding:30px 0; height: auto;background:rgba(0,0,0,0.6);}
.pc-nav .pc-nav-c  .nav li .downs a{position: relative;padding-top: 40px; margin-bottom: 10px; color: #FFFFFF; width:16.6%; display:inline-block;border: none;line-height: 30px;}
.pc-nav .pc-nav-c  .nav li .downs a:hover{background:#551217;color: #FFFFFF;}
.pc-nav .pc-nav-c  .nav li .downs a:before{content: "";position: absolute;left: 50%;transform: translateX(-50%); top: 10px; background: url(../img/a004.png)center no-repeat;background-size: cover;width: 30px;height: 30px;}



.pc-nav .pc-nav-c .share{float:right;font-size: 0; width: 110px;padding-top: 25px;text-align: center;}
.pc-nav .pc-nav-c .share a{display: inline-block;width: 30px;height: auto;margin: 0 10px;}
.pc-nav .pc-nav-c .share a:hover{transform: translateY(-5px);transition: all 0.3s ease;}
.pc-nav .pc-nav-c .share a img{display: block;width: 100%;height: auto;}
.pc-nav .pc-nav-c .share .wx{position: relative;}
.pc-nav .pc-nav-c .share .wx .ewm{bottom:-110px;left: 50%;display: none; transform: translateX(-50%); width:100px;height:auto;position: absolute;background: #FFFFFF;}
.pc-nav .pc-nav-c .share .wx .ewm img{display: block;width: 100%;height: auto;}
.pc-nav .pc-nav-c .share .wx:hover .ewm{display: inherit;transition: all 0.5s ease;}

.pc-nav2{top: 0;box-shadow: 1px 0px 5px rgba(0,0,0,0.2);}
.pc-nav2 .pc-nav-c{width: 100%;max-width: inherit;transition: all 0.3s ease;}
.pc-nav2 .pc-nav-c .share {width:150px; text-align: left;}
.pc-nav2 .pc-nav-c .nav{width: calc(100% - 340px);}

.mb-nav{z-index: 9999; display: none;position: fixed;top: 0;left: 0;width: 100%;height: auto; background: #551217;}

.mb-nav .top{width: 100%;height:50px;}
.mb-nav .top .logo{width: 90px;float: left;position: absolute;left: 5%;top: 3px;}
.mb-nav .top .logo img{display: block;width: 100%;height: auto;}
.mb-nav .top .toggle{ z-index: 9999; width: 30px;height: 30px;position:absolute;top:10px;right: 5%;}
.mb-nav .top .toggle img{display: block;width: 100%;height: auto;}
.mb-nav .top .toggle .img2{display: none;}
.mb-nav .top .toggle.open .img1{display: none;}
.mb-nav .top .toggle.open .img2{display: inherit;}

.mb-nav .menu {display: none; padding:35px 20px 0 20px; background: #555; width: 100%;max-height:100%; position:fixed;top: 0;left: 0;z-index: 9998;   overflow-x: hidden;overflow-y: auto;}
.mb-nav .menu li{position: relative; width: 100%;line-height: 50px;border-top: 1px solid rgba(255,255,255,0.2);border-bottom:0.5px solid rgba(0,0,0,0.05);}
.mb-nav .menu li h5{color: #FFFFFF;font-size: 16px;font-weight: normal;}
.mb-nav .menu li:first-child{border-top:none;}
.mb-nav .menu li:last-child{border-bottom: none;}
.mb-nav .menu .sub:after{content: "";position: absolute;right: 0;top: 22.5px;border-top:6px solid #FFFFFF; border-bottom: 6px solid rgba(0,0,0,0);border-left: 6px solid rgba(0,0,0,0);border-right: 6px solid rgba(0,0,0,0);}
.mb-nav .menu .sub.opens:after{transform: rotate(180deg);top: 16.5px;}
.mb-nav .menu .sub .two{padding-bottom: 20px; display: none; width: 100%;line-height: 24px;color: #FFFFFF;padding-left: 20px;}
.mb-nav .menu .sub .two a{display: block;width: 100%;font-size: 15px; color: rgba(255,255,255,0.9);}
.mb-nav .menu .sub .two a:hover{color: #551217;}
.mb-nav .menu .sub h5{display: inline-block;}
.mb-nav .menu::-webkit-scrollbar {width: 5px; height: 10px;}
.mb-nav .menu::-webkit-scrollbar-thumb {border-radius: 5px;-webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);background: rgba(0,0,0,0.2);}
.mb-nav .menu::-webkit-scrollbar-track {-webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);border-radius: 0;background: rgba(0,0,0,0.1);}






@media only screen and (max-width:1400px ) {
	.pc-nav .pc-nav-c  .nav li{padding: 0 2.5%;}
}


@media only screen and (max-width:1250px) {
	.pc-nav .pc-nav-c  .nav li {padding: 0 2%;}
	.pc-nav .pc-nav-c  .nav li a{font-size: 15px;}
	.pc-nav .pc-nav-c .share{width: 80px;padding-top: 27.5px;}
	.pc-nav .pc-nav-c .share a{width: 25px;margin: 0 5px;}
	.pc-nav .pc-nav-c .nav {width: calc(100% - 270px);}
	.pc-nav2 .pc-nav-c .nav{width: calc(100% - 310px);}
.pc-nav2 .pc-nav-c .share{width: 120px;}
.pc-nav2 .pc-nav-c .share .wx .ewm{width: 80px;bottom: -90px;}
	
}


@media only screen and (max-width:1000px) {
	.pc-nav{display: none;}	
	.mb-nav{display: inherit;}
}










.banner{width: 100%;height: auto;}
.banner .banner-js{width: 100%;height: auto;}
.banner .banner-js  .pic{width: 100%;height: auto;position: relative;}
.banner .banner-js .pic img{display: block;width: 100%;height: auto;}
.banner .banner-js .pic .bk{position: absolute;left: 0;top: 0;background: rgba(0,0,0,0.3);width: 100%;height: 100%;}

.banner .banner-js .swiper-pagination-bullet {
    width: 25px;
    height: 3px;
    display: inline-block;
    border-radius:0%;
    background: #FFFFFF;
    opacity: 1;
}
.banner .banner-js .swiper-pagination-bullet-active {
    opacity: 1;
    background: #551217;
}
@media only screen and (max-width: 1000px) {
	.banner{margin-top: 50px;}
}



.title{font-size: 0; width: 100%;height: auto;text-align: center;}
.title h5{color:#000;font-size: 36px;font-weight: normal; margin-bottom: 10px;}
.title .line{width: 45px;height: 5px;background: #551217;display: inline-block;}

@media only screen and (max-width:1400px) {
	.title h5{font-size: 34px;}
	.title .line{width: 40px;}
}
@media only screen and (max-width:1200px ) {
	.title h5{font-size: 32px;}
	.title .line{width: 38px;}
}
@media only screen and (max-width:1000px ) {
	.title h5{font-size: 30px;}
	.title .line{width: 35px;}
}
@media only screen and (max-width:750px ) {
	.title h5{font-size: 26px;}
	.title .line{width: 30px;}
}




.mores{width: 145px;height: 45px;line-height: 45px;color: #FFFFFF;font-size: 16px;text-align: center;line-height: 45px;display: block;background: #551217;}
.mores:hover{color: #FFFFFF;}
@media only screen and (max-width:1200px) {
	.mores{width: 120px;height: 40px;line-height: 40px;font-size: 15px;}
}

@media only screen and (max-width:1000px) {
	.mores{width: 100px;height: 36px;line-height: 36px;}
}





.in-pro{width: 100%;height: auto;}
.in-pro .in-pro-sort{font-size: 0; width: 100%;height: auto;text-align: center;}
.in-pro .in-pro-sort li{cursor: pointer; line-height: 35px; color: #000000; display: inline-block;font-size: 16px;padding: 0 2%;}

.in-pro .in-pro-sort li:hover {background: #551217;color: #FFFFFF;}
.in-pro .in-pro-sort li.cut {background: #551217;color: #FFFFFF;}






.in-pro .in-pro-list{width: 100%;height: auto;font-size: 0;}
.in-pro .in-pro-list li{width: calc(33.3% - 24px);margin-right: 36px;display: inline-block;border: 1px solid #dcdcdc;margin-bottom: 30px;}
.in-pro .in-pro-list li:nth-child(3n){margin-right: 0;} 
.in-pro .in-pro-list li .pic{position: relative; width: 100%;height: auto;}
.in-pro .in-pro-list li .pic .bk{position: absolute;bottom: 0;left: 0;width: 100%;height: 0;background:rgba(0,0,0,0.6);overflow: hidden;}
.in-pro .in-pro-list li .pic .bk:before{content: "";position: absolute;left: 50%;top: 50%;transform: translateX(-50%) translateY(-50%);width: 50px; height: 50px; background:url(../img/a005.png)center no-repeat;background-size: cover;}
.in-pro .in-pro-list li .pic img{display: block;width: 100%;height: auto;}
.in-pro .in-pro-list li .con{padding: 20px; width: 100%;height: auto;text-align: center;}
.in-pro .in-pro-list li .con h3{width: 100%;height: auto;overflow: hidden;text-overflow: ellipsis;white-space: nowrap; color:#000000;font-size: 18px;}
.in-pro .in-pro-list li .con h4{color:#666;font-size: 16px;margin-bottom: 20px; width: 100%;height: auto;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.in-pro .in-pro-list li .con .more{border-radius:18px;border: 1px solid #551217;text-align: center;line-height: 34px; color: #551217;font-size: 16px; width: 120px;display: block;margin: 0 auto;}
.in-pro .in-pro-list li:hover .more{background: #551217;color: #FFFFFF;}
.in-pro .in-pro-list li:hover .pic .bk{height: 100%;transition: all 0.5s ease;}
.in-pro .mores{margin: 0 auto;margin-top: 25px;}



@media only screen and (max-width:1200px) {
.in-pro .in-pro-list li{width: calc(33.3% - 16px);margin-right: 24px;margin-bottom: 24px;}
.in-pro .in-pro-list li:nth-child(3n){margin-right: 0;}	
.in-pro .in-pro-list li .con .more{width: 90px;line-height: 28px;border-radius: 15px;height: 30px;font-size: 14px;}
.in-pro .in-pro-list li .con h3{font-size: 16px;}
.in-pro .in-pro-list li .con h4{font-size: 15px;}
.in-pro .in-pro-list li .pic .bk:before{width: 40px;height: 40px;}
.in-pro .in-pro-sort li{font-size: 15px;padding: 0 1.5%;line-height: 30px;margin-bottom: 5px;}
}

@media only screen and (max-width:750px) {
	.in-pro .in-pro-sort li{font-size: 14px;}
.in-pro .in-pro-list li{width: calc(50% - 10px);margin-right: 20px;margin-bottom: 20px;}	
.in-pro .in-pro-list li:nth-child(3n){margin-right: 20px;}
.in-pro .in-pro-list li:nth-child(2n){margin-right: 0;}	
.in-pro .in-pro-list li .con h3{font-size: 15px;}
.in-pro .in-pro-list li .con h4{margin-bottom: 10px;font-size: 14px;}	
.in-pro .in-pro-list li .con{padding: 10px;}
.in-pro .in-pro-list li .pic .bk:before{width: 35px;height: 35px;}	
}
@media only screen and (max-width:480px) {
.in-pro .in-pro-list li{width: calc(50% - 5px);margin-right: 10px;margin-bottom: 10px;}	
.in-pro .in-pro-list li:nth-child(3n){margin-right: 10px;}
.in-pro .in-pro-list li:nth-child(2n){margin-right: 0;}	
.in-pro .in-pro-list li .pic .bk:before{width: 25px;height: 25px;}		
}





.in-ab{width: 100%;position: relative;z-index: 1; height: auto;background-position: center;background-repeat: no-repeat;background-size: cover;}

.in-ab .in-ab-bk{width:65%;position: absolute;right: 0;bottom: 0;height: calc(100% - 120px); background: rgba(255,255,255,0.9);z-index: -1;}
.in-ab .in-ab-c{width: 100%;height: auto;padding-left:40%;padding-top:200px;}
.in-ab .in-ab-c .title{text-align: left;}
.in-ab .in-ab-c .txt{width: 100%;height: 120px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 5;-webkit-box-orient: vertical;word-break: break-all;}
.in-ab .in-ab-c .txt p{font-size: 16px;color: #000000;}
.in-ab .in-ab-bk:before{content: "";position: absolute;left:-90px;top: 0;width: 90px;height: 90px;background:url(../img/a006.png)center no-repeat #551217;background-size: cover;}

@media only screen and (max-width:1400px) {
	.in-ab .in-ab-bk:before{width: 75px;height: 75px;left: -75px;}
}
@media only screen and (max-width:1200px) {
	.in-ab .in-ab-bk:before{width: 55px;height: 55px;left: -55px;}
	.in-ab .in-ab-c .txt p{font-size: 16px;}
	.in-ab .in-ab-bk{width:80%;height: calc(100% - 80px);}
	.in-ab .in-ab-c{padding-left: 25%;padding-top:160px;}
}
@media only screen and (max-width:900px ) {
	.in-ab .in-ab-bk:before{width: 40px;height: 40px;left: -40px;}
	.in-ab .in-ab-bk{width: 85%;}
	.in-ab .in-ab-c{padding-left: 20%;padding-top:160px;}
		.in-ab .in-ab-c .txt{height: 110px;}
		.in-ab .in-ab-c .txt p{font-size: 15px;}
}
@media only screen and (max-width:720px) {
	.in-ab .in-ab-bk{width:90%;left: 0;right: auto;height: calc(100% - 60px);}
	.in-ab .in-ab-bk:before{display: none;}
	.in-ab .in-ab-c{width: 100%;height: auto;padding-left: 0;padding-right: 10%;padding-top: 120px;}
}


.in-tech{width: 100%;height: auto;}
.in-tech  .top-txt{width: 80%;margin: 0 auto;text-align: center; margin-top: 25px; height: auto;}
.in-tech .top-txt p{font-size: 16px;color: #000000;}

.in-tech ul{width: 100%;height: auto;font-size: 0;}
.in-tech ul li{width: calc(33.3% - 30px);display: inline-block; vertical-align: top; margin-right: 45px;}
.in-tech ul li:nth-child(3){margin-right: 0;}
.in-tech ul li .ico{width: 40%;max-width:100px;margin: 0 auto;height: auto;}
.in-tech ul li .ico img{display: block;width: 100%;height: auto;}
.in-tech ul li h6{width: 100%;margin-top: 20px;margin-bottom: 15px; height: auto;font-size: 20px;color: #000000;text-align: center;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.in-tech ul li .txt{width: 100%;height: auto;text-align: center;text-overflow: ellipsis;overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:4;word-break: break-all;}
.in-tech ul li .txt p{font-size: 16px;color: #000000;}
@media only screen and (max-width:1200px) {
	.in-tech ul li h6{font-size: 18px;}
	.in-tech ul li .txt p{font-size: 15px;}
	.in-tech .top-txt p{font-size: 15px;}
}
@media only screen and (max-width:1000px) {
	.in-tech ul li h6{font-size: 16px;}
	.in-tech ul li .txt p{font-size: 14px;}
	.in-tech .top-txt{width: 100%;}
	.in-tech .top-txt p{font-size: 14px;}
}
@media only screen and (max-width:720px) {
	.in-tech ul li{width: calc(33.3% - 6px);margin-right: 9px;}
	.in-tech ul li:nth-child(3){margin-right: 0;}
	.in-tech ul li h6{font-size: 15px;}
	.in-tech ul li .txt{display: none;}
	.in-tech ul li h6{overflow: initial;white-space: normal;}
}



.in-solu{width: 100%;height: auto;z-index: 1; position: relative; background-size: cover;background-repeat: no-repeat;background-position: center;}
.in-solu .bk{position: absolute;left: 0;top: 0;z-index: -1; width: 100%;height: 100%;background:rgba(0,0,0,0.35);}
.in-solu .in-solu-top{width: 100%;height: auto;position: relative;}
.in-solu .title{text-align: left;float: left;width: calc(100% - 120px);}
.in-solu .title h5{color: #FFFFFF;}
.in-solu .title .line{background: #FFFFFF;} 

.in-solu .in-solu-js{padding:40px 0 10px 0; width: 100%;height: auto;}
.in-solu .in-solu-js  .con{position: relative; width: 100%;height: auto;background: #FFFFFF;padding: 20px 35px 20px  20px;}
.in-solu .in-solu-js  .con:before{content: "";position: absolute;right: 10px;top: 20px;width: 25px;height: 25px; background: url(../img/a025.png)center no-repeat;background-size: cover;}
.in-solu .in-solu-js  .con h5{padding-right: 20px; color: #000000;font-size: 18px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.in-solu .in-solu-js  .con .txt{width: 100%;height: auto;margin-top:15px; overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;word-break: break-all;}
.in-solu .in-solu-js  .con .txt p{font-size: 16px;color: #000000;}

.in-solu .in-solu-js  .con:hover{transform: translateY(-15px);transition: all 0.5s ease;box-shadow: 1px 2px 10px rgba(0,0,0,0.5);}




.in-solu .in-solu-top .swiper-button-next{
    background-image: url(../img/a026.png);    
    right: 0px;
    left: auto;
}
.in-solu .in-solu-top .swiper-button-prev{
    background-image: url(../img/a027.png);    
    right: 60px;
    left: auto;
}


.in-solu .in-solu-top  .swiper-button-prev, .in-solu .in-solu-top  .swiper-button-next {
    position: absolute;
    top: 50%;
    width:50px;
    height: 50px;
    margin-top: -25px;
    z-index: 10;
    cursor: pointer;
    background-size:50px 50px;
    background-position: center;
    background-repeat: no-repeat;
}


@media only screen and (max-width:1200px) {
.in-solu .in-solu-js  .con{padding: 10px;}
.in-solu .in-solu-js  .con:before{top: 10px;width: 15px;height: 15px;}
.in-solu .in-solu-js  .con h5{font-size: 16px;}
.in-solu .in-solu-js  .con .txt p{font-size: 15px;}	
.in-solu .in-solu-top  .swiper-button-prev, .in-solu .in-solu-top  .swiper-button-next {width: 40px;height: 40px;margin-top: -20px;background-size: 40px 40px;}	

.in-solu .in-solu-top .swiper-button-prev{   
    right: 50px;
    left: auto;
}

}


@media only screen and (max-width:1000px) {
	.in-solu .in-solu-js  .con .txt{margin-top: 10px;}
	.in-solu .in-solu-js  .con .txt p{font-size: 14px;}
	.in-solu .in-solu-top  .swiper-button-prev, .in-solu .in-solu-top  .swiper-button-next {width: 30px;height: 30px;margin-top: -15px;background-size: 30px 30px;}	
.in-solu .in-solu-top .swiper-button-prev{   
    right: 40px;
    left: auto;
}
	
	
}










.in-news{width: 100%;height: auto;}
.in-news .in-news-top{width: 100%;height: auto;}
.in-news .in-news-top .title{width: calc(100% - 150px);float:left;text-align: left;}
.in-news .in-news-top .mores{float: right;}
.in-news .in-news-list{width: 100%;height: auto;clear: both;}
.in-news .in-news-list li{width: calc(33.3% - 30px);float: left;margin-right: 45px;vertical-align: top;height: auto;}
.in-news .in-news-list li:nth-child(3){margin-right: 0;}
.in-news .in-news-list li .time{font-size: 16px;color: #666;font-family: arial;}
.in-news .in-news-list li h5{color: #000000;margin-top: 15px; font-size: 18px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;width: 100%;}
.in-news .in-news-list li .txt{width: 100%;margin-top: 10px;margin-bottom:15px; height:72px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;word-break: break-all;}
.in-news .in-news-list li .txt p{font-size: 16px;color: #666;}
.in-news .in-news-list li .more{width: 100%;height: auto;}
.in-news .in-news-list li .more span{font-size: 16px; color: #551217; display: inline-block;padding-right: 30px;position: relative;}
.in-news .in-news-list li .more span:after{content: "";position: absolute;right: 0;top:50%;transform: translateY(-50%);width: 20px;height: 20px;background:url(../img/a007.png)center no-repeat;background-size: cover;}
.in-news .in-news-list li:hover h5{color: #551217;}
.in-news .in-news-list li:hover .more span{transform: translateX(10px);transition: all 0.3s ease;}

@media only screen and (max-width:1200px) {
.in-news .in-news-list li h5{font-size: 16px;}
.in-news .in-news-list li .txt{height: 66px;}
.in-news .in-news-list li .txt p{font-size: 15px;}
}

@media only screen and (max-width:1000px) {
	.in-news .in-news-list li{width: calc(33.3% - 16px);margin-right: 24px;}
.in-news .in-news-list li:nth-child(3){margin-right: 0;}
.in-news .in-news-list li .more span{font-size: 15px;}
.in-news .in-news-list li .more span:after{width: 16px;height: 16px;}
}

@media only screen and (max-width:750px) {
	.in-news .in-news-list li .time{font-size: 14px;}
	.in-news .in-news-list li{width:100%;padding:15px 0;margin-right: 0; border-bottom: 1px solid #551217;}
	.in-news .in-news-list li h5{margin-top:5px;}
	.in-news .in-news-list li .txt{height: 42px; margin-top: 5px;margin-bottom: 5px;-webkit-line-clamp: 2;}
	.in-news .in-news-list li .txt p{font-size: 14px;}
}

.in-qua{width: 100%;height: auto;padding:40px 0; background:#efefef;}
.in-qua .pic{display:inline-block;text-align: center;}
.in-qua .pic{font-size: 16px;font-family: "微软雅黑";color:#999;padding: 0 5%;}
.in-qua .pic img{display: block;width:auto;height: 40px;margin: 0 55px;}
@media only screen and (max-width:1200px) {
	.in-qua .pic img{height: 36px;margin: 0 30px;}
}
@media only screen and (max-width:1000px) {
	.in-qua .pic img{height: 30px;margin: 0 20px;}
}
 @media only screen and (max-width:750px) {
	.in-qua .pic img{height: 25px;margin: 0 5px;}
}
 
 
 
 
 
 
 
.footer{background: #575757;width: 100%;height: auto;}
.footer .foot-d{padding: 15px 0;text-align: center; width: 100%;height: auto;border-top: 1px solid rgba(255,255,255,0.1);}
.footer .foot-d span{font-size: 15px;color: #FFFFFF;}
.footer .foot-d span a{color:#FFFFFF;}
.footer .form{overflow: hidden; width: 100%;height: auto;padding-bottom: 35px;border-bottom: 1px solid rgba(255,255,255,0.1);}
.footer .form p{color: #FFFFFF;font-size: 16px;font-weight:bolder;float: left;width: 304px;line-height: 45px;}
.footer .form form{width: calc(100% - 304px);float: right;padding-left:5%;display: block;}
.footer .form form .c1{padding-left: 10px; width: calc(100% - 180px);float: left;border: none;background: #FFFFFF;height: 45px;box-shadow: inset 1px 1px 4px rgba(0,0,0,0.1);}
.footer .form form .tj{font-family: "微软雅黑"; background: #551217;color: #FFFFFF;width: 160px; float: right;height: 45px;border: none;}


.footer .foot{width: 100%;height: auto;}
.footer .foot .logo{display: block; float: left;width: 250px;height: auto;}

.footer .foot .logo img{display: block;width: 100%;height: auto;}
.footer .foot .foot-r{width: calc(100% - 250px);padding-left:20%; float: right;height: auto;}
.footer .foot .foot-r .f-wx{width:100px;float: right;}
.footer .foot .foot-r .f-wx  .ewm2{width: 100px;height: auto;}
.footer .foot .foot-r .f-wx .ewm2 img{display: block;width: 100%;height: auto;}
.footer .foot .foot-r h6{font-size: 16px;margin-bottom: 15px; color: #FFFFFF;}
.footer .foot .foot-r .f-cont{width: 230px;float: left;margin-right: 40px;}
.footer .foot .foot-r .f-cont .con p{font-size: 15px;color: #FFFFFF;margin-bottom: 8px;}
.footer .foot .foot-r .f-cont .share{margin-top: 10px; width: 100%;height: auto;font-size: 0;}
.footer .foot .foot-r .f-cont .share a{display: inline-block;width: 30px;height: auto;margin-right: 10px;}
.footer .foot .foot-r .f-cont .share a img{display: block;width: 100%;height: auto;}
.footer .foot .foot-r .f-cont .share .wx{position: relative;}
.footer .foot .foot-r .f-cont .share .wx .ewm{position: absolute;bottom: 100%;left: 50%;transform: translateX(-50%); width: 100px;display: none; height: auto;}
.footer .foot .foot-r .f-cont .share .wx .ewm img{display: block;width: 100%;height: auto;}
.footer .foot .foot-r .f-cont .share .wx:hover .ewm{display: inherit;}
.footer .foot .foot-r .f-ab{float: left;width: 100px;text-align: left;}
.footer .foot .foot-r .f-ab .con a{display: block;width: 100%;font-size: 15px;color: #FFFFFF;}
.footer .foot .foot-r .f-pro{float: left;width: calc(100% - 470px);padding: 0 5%;}
.footer .foot .foot-r .f-pro .con{font-size: 0;width: 100%;height: auto;}
.footer .foot .foot-r .f-pro .con a{color: #FFFFFF;font-size: 15px;margin-right:5%; display: inline-block;text-align: left;margin-bottom: 10px;}

@media only screen and (max-width:1400px) {
	.footer .foot .foot-r{padding-left: 16%;}
}
@media only screen and (max-width:1200px) {
	
	.footer .form form .c1{width: calc(100% - 140px);}
.footer .form form .tj{width: 120px; }

	
	.footer .foot .logo{width: 200px;}
	.footer .foot .foot-r{width: calc(100% - 200px); padding-left: 5%;}
	.footer .foot .foot-r .f-ab .con a{font-size: 14px;}
	.footer .foot .foot-r .f-pro .con a{font-size: 14px;}
}

@media only screen and (max-width:1000px) {
	.footer .form{padding-bottom: 20px;}
	.footer .foot .foot-r .f-ab{display: none;}
	.footer .foot .foot-r .f-pro{width: calc(100% - 370px);}
	
}
@media only screen and (max-width:850px) {
		.footer .form p{width: 100%;font-size: 14px;}
		.footer .form form{width: 100%;float: none;padding-left: 0;}
		.footer .form form .c1{width: calc(100% - 100px);height: 35px;}
.footer .form form .tj{width:90px; height: 35px;}
	.footer .h50{height: 20px;}
	.footer .foot .foot-r .f-ab{display: none;}
	.footer .foot .foot-r .f-pro{display: none;}
	.footer .foot .foot-r .f-cont{margin-left: 5%;margin-right: 0;}
	
}
@media only screen and (max-width:750px) {
	.footer .h50{height: 20px;}
	.footer .foot .foot-r{display: none;}
	.footer .foot .logo{margin: 0 auto;float: none;width: 150px;}
	.footer .foot-d span{font-size: 14px;}
}

@media only screen and (max-width:720px) {
		.footer .h50{height: 15px;}
}


.in-banner{position: relative; z-index: 0; width: 100%;height: auto;}
.in-banner .bk{position: absolute;left: 0;z-index: -1; top: 0;width: 100%;background: rgba(0,0,0,0.3); height: 100%;}
.in-banner img{display: block;width: 100%;height: auto;}
.in-banner .title2{width: 90%;text-align: center; max-width: 1400px;position: absolute;bottom: 30%;left: 50%;transform: translateX(-50%);}
.in-banner .title2 h4{color:#FFFFFF;font-size: 28px;margin-top: 10px; line-height:1;text-shadow: 1px 1px 3px rgba(0,0,0,0.5);}
.in-banner .title2 h3{color:#FFFFFF;font-size: 40px;font-family: arial;line-height:1;text-shadow: 1px 1px 3px rgba(0,0,0,0.5);}
@media only screen and (max-width:1400px ) {
	.in-banner .title2 h4{font-size: 26px;}
	.in-banner .title2 h3{font-size: 36px;}
}
@media only screen and (max-width:1200px ) {
	.in-banner .title2 h4{font-size: 24px;}
	.in-banner .title2 h3{font-size: 32px;}
}

@media only screen and (max-width:1000px ) {
	.in-banner .title2 h4{font-size: 24px;}
	.in-banner .title2 h3{font-size: 28px;}
	.in-banner{margin-top: 50px;}
}

@media only screen and (max-width:750px) {
		.in-banner .title2 h4{font-size: 18px;margin-top: 5px;}
	.in-banner .title2 h3{font-size: 24px;}
	
}





.news{width: 100%;height: auto;}
.news ul{width: 100%;height: auto;}
.news li{width: 100%;height: auto;padding: 30px 0;}
.news li .con{width:65%;padding-right: 5%;float: left;}
.news li .con h5{font-size: 20px;color: #000000;width: 100%;margin-top: 2%; height: auto;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.news li .con .txt{width: 100%;height:48px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;word-break: break-all;margin-top: 20px;}
.news li .con .txt p{font-size: 16px;color: #000000;}

.news li .con .down{width: 100%;height: auto;overflow: hidden;margin-top: 30px;}
.news li .con .down .date{color: #000000; font-family: arial;font-size: 16px;width: calc(100% - 40px);float: left;}
.news li .con .down .more{width: 40px;margin-top: 10px;display: block;float: right;}
.news li .con .down .more img{display: block;width: 100%;height: auto;}

.news li .pic{width: 35%;float: left; height: auto;}
.news li .pic img{display: block;width: 100%;height: auto;}
.news li:hover{background:#efefef;box-shadow: 0 0 5px rgba(0,0,0,0.2);}
@media only screen and (max-width:1024px ) {
.news li .con h5{font-size: 18px;margin-top: 0;}	
.news li .con .txt{height: 44px;margin-top: 15px;}
.news li .con .txt p{font-size: 15px;}
.news li .con .down{margin-top: 20px;}
}
@media only screen and (max-width:720px ) {
	.news li .con h5{font-size: 16px;}
		.news li{padding: 15px 0;border-bottom: 1px solid #DCDCDC;}
	.news li .con .txt{height: 42px;margin-top: 10px;}
	.news li .con .txt p{font-size: 14px;}
	.news li .con .down{margin-top: 20px;margin-top: 15px;}
		.news li .con .down .date{font-size: 15px;}
	.news li .pic{display: none;}
	.news li .con{width: 100%;height: auto;padding-right: 0;}
	.news li .con .down .date{width: calc(100% - 30px);}
	.news li .con .down .more{width: 30px;height: auto;margin-top: 5px;}
	
}




.fy{width: 100%;height: auto;font-size: 0;text-align: center;}
.fy  a{line-height: 28px;height: auto;display: inline-block; font-size: 16px;color: #000;padding: 0 9px; margin: 0 5px;}
.fy  a:hover{background: #551217;color: #FFFFFF;}
.fy  a.cut{background:#551217;color: #FFFFFF;}
@media only screen and (max-width:1024px ) {
	.fy  a{font-size:15px;}
}
@media only screen and (max-width: 720px) {
		.fy  a{font-size:13px;line-height: 22px;padding: 0 7px; margin: 0 3px;}
}



.pro{width: 100%;height: auto;}
.pro .pro-sort{width: 100%;height: auto;text-align: center;font-size: 0;}
.pro .pro-sort li{cursor: pointer; line-height: 35px; color: #000000; display: inline-block;font-size: 16px;padding: 0 2%;}
.pro .pro-sort li a{color: #000000;}
.pro .pro-sort li:hover {background: #551217;color: #FFFFFF;}
.pro .pro-sort li:hover a{color: #FFFFFF;}
.pro .pro-sort li.cut {background: #551217;color: #FFFFFF;}
.pro .pro-sort li.cut a{color:#FFFFFF}





.pro .pro-list{width: 100%;height: auto;font-size: 0;}
.pro .pro-list li{width: calc(33.3% - 24px);margin-right: 36px;display: inline-block;border: 1px solid #dcdcdc;margin-bottom: 30px;}
.pro .pro-list li:nth-child(3n){margin-right: 0;} 
.pro .pro-list li .pic{position: relative; width: 100%;height: auto;}
.pro .pro-list li .pic .bk{position: absolute;bottom: 0;left: 0;width: 100%;height: 0;background:rgba(0,0,0,0.6);overflow: hidden;}
.pro .pro-list li .pic .bk:before{content: "";position: absolute;left: 50%;top: 50%;transform: translateX(-50%) translateY(-50%);width: 50px; height: 50px; background:url(../img/a005.png)center no-repeat;background-size: cover;}
.pro .pro-list li .pic img{display: block;width: 100%;height: auto;}
.pro .pro-list li .con{padding: 20px; width: 100%;height: auto;text-align: center;}
.pro .pro-list li .con h3{width: 100%;height: auto;overflow: hidden;text-overflow: ellipsis;white-space: nowrap; color:#000000;font-size: 18px;}
.pro .pro-list li .con h4{color:#666;font-size: 16px;margin-bottom: 20px; width: 100%;height: auto;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.pro .pro-list li .con .more{border-radius:18px;border: 1px solid #551217;text-align: center;line-height: 34px; color: #551217;font-size: 16px; width: 120px;display: block;margin: 0 auto;}
.pro .pro-list li:hover .more{background: #551217;color: #FFFFFF;}
.pro .pro-list li:hover .pic .bk{height: 100%;transition: all 0.5s ease;}
.pro .mores{margin: 0 auto;margin-top: 25px;}






@media only screen and (max-width:1200px) {
.pro .pro-list li{width: calc(33.3% - 16px);margin-right: 24px;margin-bottom: 24px;}
.pro .pro-list li:nth-child(3n){margin-right: 0;}	
.pro .pro-list li .con .more{width: 90px;line-height: 28px;border-radius: 15px;height: 30px;font-size: 14px;}
.pro .pro-list li .con h3{font-size: 16px;}
.pro .pro-list li .con h4{font-size: 15px;}
.pro .pro-list li .pic .bk:before{width: 40px;height: 40px;}
.pro .pro-sort li{font-size: 15px;padding: 0 1.5%;line-height: 30px;margin-bottom: 5px;}
}

@media only screen and (max-width:750px) {
	.pro .pro-sort li{font-size: 14px;}
.pro .pro-list li{width: calc(50% - 10px);margin-right: 20px;margin-bottom: 20px;}	
.pro .pro-list li:nth-child(3n){margin-right: 20px;}
.pro .pro-list li:nth-child(2n){margin-right: 0;}	
.pro .pro-list li .con h3{font-size: 15px;}
.pro .pro-list li .con h4{margin-bottom: 10px;font-size: 14px;}	
.pro .pro-list li .con{padding: 10px;}
.pro .pro-list li .pic .bk:before{width: 35px;height: 35px;}
.pro .pro-list li .con .more{line-height: 24px;height: 26px;}	
}
@media only screen and (max-width:480px) {
.pro .pro-list li{width: calc(50% - 5px);margin-right: 10px;margin-bottom: 10px;}	
.pro .pro-list li:nth-child(3n){margin-right: 10px;}
.pro .pro-list li:nth-child(2n){margin-right: 0;}
.pro .pro-list li .pic .bk:before{width: 25px;height: 25px;}		
}


.pro-d{width: 100%;height: auto;}

.pro-d .pro-dl{width: 50%; height: auto;float: left;}
.pro-d .pro-dl h6{font-size: 24px;color: #000000;margin-bottom: 20px;}
.pro-d .pro-dl .txt{width: 100%;height:144px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 6;overflow: hidden;word-break: break-all;}
.pro-d .pro-dl .txt p{font-size: 16px;color: #000000;}
.pro-d .pro-dl .cont{margin-top: 40px; width: 320px;background: #551217;color: #FFFFFF;text-align: center;line-height: 50px;display: block;}
.pro-d .pro-dr{width: 40%;height: auto;float: right;}
.pro-d .pro-dr .pro-dr-js{width: 100%;height: auto;}
.pro-d .pro-dr .pro-dr-js .pic{width: 100%;height: auto;}
.pro-d .pro-dr .pro-dr-js .pic img{display: block; width: 100%;height: auto;}




.pro-d .pro-dr  .pro-dr-js .swiper-button-next{
    background-image: url(../img/a020.png);
    right: 0px;
    left: auto;
}

.pro-d .pro-dr .pro-dr-js .swiper-button-prev{
    background-image: url(../img/a021.png);
    left: 0px;
    right: auto;
}
.pro-d .pro-dr .swiper-button-prev,.pro-d .pro-dr .swiper-button-next {
    position: absolute;
    top: 50%;
    width: 27px;
    height: 44px;
    margin-top: -22px;
    z-index: 10;
    cursor: pointer;
    background-size: 27px 44px;
    background: rgb(0,0,0,0.8);
    background-position: center;
    background-repeat: no-repeat;
}

.recom{width: 100%;height: auto;}
@media only screen and (max-width:750px) {
	.recom li:nth-child(3){display: none;}

}











.detail{width: 100%;height: auto;border-top: 1px solid #DCDCDC;}
.detail .txt{width: 100%;height: auto;}
.detail .txt p{font-size: 16px;color: #000000;}
.detail .txt img{display: block;width: 100%;height: auto;}



@media only screen and (max-width:1200px) {
	.pro-d .pro-dl h6{font-size: 20px;}
	.pro-d .pro-dl .cont{width:240px;font-size: 15px;}
	.pro-d .pro-dl .txt{height: 132px;}
	.pro-d .pro-dl .txt p{font-size: 15px;}
	.detail .txt p{font-size: 15px;}
	
}
@media only screen and (max-width:1000px ) {
	.pro-d .pro-dl h6{font-size: 18px;}
	.pro-d .pro-dl{padding-right: 5%;}
	.pro-d .pro-dl .cont{width:180px;font-size: 14px;line-height: 40px;}	
	.pro-d .pro-dr{width: 50%;}
}
@media only screen and (max-width:750px) {
	.pro-d .pro-dl{padding-left: 0; width: 100%;height: auto;padding-right: 0;}
	.pro-d .pro-dr{width: 100%;height: auto;margin-top: 30px;}
}


.news-d{width: 100%;height: auto;}
.news-d .news-down{overflow: hidden; width: 100%;padding-top: 30px;margin-top: 30px; height: auto;border-top: 1px solid #DCDCDC;}
.news-d .news-down .left{width: calc(100% - 160px);float: left;padding-right: 5%;}
.news-d .news-down .left a{width: 100%;height: auto;display: block;font-size: 16px;color: #000000;margin-bottom: 10px;}
.news-d .news-down .return{width:160px;line-height: 45px;border: 1px solid #333;color: #333;font-size: 16px; text-align: center;display: block;float: right;}
.news-d .news-down .return:hover{background: #551217;color: #FFFFFF;border: 1px solid #551217;}
.news-d .news-down .left a:hover{color: #551217;}
.news-d .txt{width: 100%;height: auto;}
.news-d .txt p{font-size: 16px;color: #000000;}
.news-d .txt img{display: block;width: 100%;height: auto;}
.news-d h5{font-size: 24px;color: #000000;width: 100%;height: auto;margin-bottom: 20px;}
.news-d .news-dt{width: 100%;height: auto;font-size: 0;}
.news-d .news-dt span{display: inline-block;font-size: 15px;color: #666666;margin-right: 3%;}

@media only screen and (max-width:1200px) {
	.news-d .news-dt span{font-size: 14px;}
	.news-d .news-down .left a{font-size: 15px;}
	.news-d .txt p{font-size: 15px;}
	.news-d .news-down .return{font-size: 15px;}
	.news-d h5{font-size: 20px;}
}
@media only screen and (max-width:750px) {
	.news-d .news-dt span{font-size: 13px;}
	.news-d .news-down .left a{font-size: 14px;}
	.news-d .txt p{font-size: 14px;}
	.news-d .news-down .left{float: none;width: 100%;padding-right: 0;}
	.news-d .news-down .return{width: 140px;line-height: 40px; font-size: 14px;margin-top: 20px;float: none;}
	.news-d h5{font-size: 18px;}
	
}


.ab{width: 100%;height: auto;}
.ab .ab-c{width:65%;padding-right: 10%;float: left;}
.ab .ab-c .txt{width: 100%;height: auto;}
.ab .ab-c .txt p{font-size: 16px;color: #000000;}
.ab .ab-c .title{text-align: left;}
.ab .pic{width:35%;height: auto;float: right;}
.ab .pic img{display: block;width: 100%;height: auto;}
@media only screen and (max-width:1200px) {
.ab .ab-c .txt p{font-size: 15px;}	
.ab .ab-c{width: 55%;padding-right: 5%;}
.ab .pic{width: 45%;}
}



@media only screen and (max-width:1000px) {
.ab .ab-c{width: 100%;height: auto;padding-right: 0;}
.ab .pic{display: none;}
.ab .ab-c .txt p{font-size: 14px;}	
}



.ab2{padding: 5% 0; width: 100%;height: auto;position: relative;background-size: cover; background-repeat: no-repeat;background-position: center;z-index: 1; }
.ab2  .bk{position: absolute;top: 0;left: 0;width: 100%;height:100%;background:rgba(0,0,0,0.4);z-index: -1;}
.ab2  .num{width: 100%;font-size: 0; height: auto;}
.ab2 .num li{padding: 0 10px; vertical-align: top; width: 33.3%;color: #FFFFFF;text-align: center; display: inline-block;}
.ab2  .num li .con{font-size: 20px; width: 100%;color: #FFFFFF; height: auto;}
.ab2 .num li .con h2{font-size: 50px;font-family: arial; color: #FFFFFF;display: inline-block;padding-right: 10px;}
.ab2 .num li h6{font-size: 16px;color: #FFFFFF;font-weight: normal;}
.ab2 .num li .num-c{display: inline-block;text-align: left;}

@media only screen and (max-width:1200px) {
	.ab2  .num li .con{font-size: 16px;}
	.ab2 .num li .con h2{font-size: 40px;}
	.ab2 .num li h6{font-size: 15px;}
}

@media only screen and (max-width:1000px) {
	.ab2  .num li .con{font-size: 15px;}
	.ab2 .num li .con h2{font-size:30px;}
	.ab2 .num li h6{font-size: 14px;}
}
@media only screen and (max-width:750px) {
	.ab2  .num li{width: 100%;padding: 10px;border-bottom: 1px solid #FFFFFF;}
		.ab2 .num li .con h2{font-size: 24px;}
		.ab2 .num li .num-c{text-align: center;}
	.ab2 .num li h6{font-size: 12px;}
	.ab2 .num li:last-child{border-bottom: none;}
}


.ab3{width: 100%;height: auto;}
.ab3 .title{text-align: left;}
.ab3  .txt{width: 100%;height: auto;}
.ab3 .txt p{font-size: 16px;color: #000000;}

.ab3 ul{letter-spacing: -3px; font-size: 0; width:100%; }
.ab3 ul li{letter-spacing: 0px; vertical-align:top; display: inline-block; font-size: 0; width: calc(25% - 37.5px) ;
 margin-right:50px;margin-bottom: 50px; display: inline-block;cursor: pointer;}
 .ab3 ul li:nth-child(4n){margin-right: 0;}
.ab3 ul li img{ display: block;width: 100%; }

@media only screen and (max-width:1200px) {
	.ab3 ul li{width: calc(25% - 22.5px);margin-right: 30px;}
	.ab3 ul li:nth-child(4n){margin-right: 0;}
	.ab3 .txt p{font-size: 15px;}
}

@media only screen and (max-width:1000px) {
		.ab3 .txt p{font-size: 14px;}
}


@media only screen and (max-width:750px) {
	.ab3 ul li{width: calc(50% - 10px);margin-right: 20px;margin-bottom: 20px;}
	.ab3 ul li:nth-child(2n){margin-right: 0;}
	.ab3 .txt p{font-size: 14px;}
}


.contact{width: 100%;height: auto;}
.contact .contact-c{width: 100%;height: auto;}
.contact .cont-l{width: 50%;height: auto;float: left;}
.contact .cont-l .title{text-align: left;}
.contact .map{width: 50%;height:500px;float: right;border: 1px solid #DCDCDC;}
.contact .map #map{width: 100%;height: 500px;}

.contact .cont-l ul{width: 100%;height: auto;}
.contact .cont-l ul li{width: 100%; height: auto;overflow: hidden;margin-bottom: 20px;}
.contact .cont-l ul li .ico{width: 45px;height:auto;float: left;}
.contact .cont-l ul li .ico img{display: block;width: 100%;height: auto;}
.contact .cont-l ul li .con{width: calc(100% - 45px);height: auto; padding-left: 5%;float: right;}
.contact .cont-l ul li .con h6{font-size: 14px;color: #000;font-weight: normal;}
.contact .cont-l ul li .con .txt{margin-top: 10px; width: 100%;height: auto;}
.contact .cont-l ul li .con .txt p{font-size: 18px;color: #000;word-wrap: break-word;}
.contact .cont-l ul li .con .ewm{width: 100%;height: auto;}
.contact .cont-l ul li .con .ewm a{width: 80px;float: left;margin-right: 20px;}
.contact .cont-l ul li .con .ewm a img{width: 100%;height: auto;display: block;}
.contact .cont-l ul li .con .ewm a p{color: #000000; text-align: center;font-size: 14px;margin-top: 10px;}















.message{width: 100%;height: auto;background-size: cover;background-repeat: no-repeat;background-position: center;}
.message .message-l{float: left;width: calc(100% - 600px);padding-right: 5%; height: auto;}
.message .message-l  .title{text-align: left;height: auto;}
.message .message-l  .title h5{color: #FFFFFF;}
.message .message-l .txt{width: 100%;height: auto;}
.message .message-l .txt p{font-size: 16px; color: #FFFFFF;}
.message .message-r{width: 600px;float: right;height: auto;}
.message .message-r form{font-size: 0; width: 100%;height: auto;}
.message .message-r form .c1{width:calc(50% - 8px);margin-right: 16px;color: #000000;font-size: 15px;font-family: "微软雅黑"; height: 45px;border: none;background: rgba(255,255,255,0.8);padding-left: 10px;margin-bottom: 10px;float: left;}
.message .message-r form .c2{margin-right: 0;}
.message .message-r form .c3{width: 100%;margin-right: 0;}
.message .message-r form .c4{width: 100%;margin-right: 0;height: 90px;padding-top: 10px;}
.message .message-r form .tj{width: calc(50% - 8px);height: 45px;border: none; display: inline-block;color:#FFFFFF;background: #551217; margin-right: 0;}
.message .message-r form .cz{width: calc(50% - 8px);height: 45px;border: none;color: #FFFFFF; background: #a0a0a0; display: inline-block;margin-right: 16px;}

.message .message-r form .c1::-webkit-input-placeholder {color: #000;}
.message .message-r form .c1::-moz-placeholder {color: #000;}
.message .message-r form .c1::-moz-placeholder {color: #000;}
.message .message-r form .c1::-ms-input-placeholder {color: #000;}


@media only screen and (max-width:1200px) {
.message .message-l .txt p{font-size: 15px;}
.contact .cont-l ul li .con h6{font-size: 13px;}
.contact .cont-l ul li .con .txt p{font-size: 16px;}
}
@media only screen and (max-width:900px) {
	.contact .cont-l ul li{margin-bottom: 15px;}
	.contact .cont-l ul li .ico{width: 36px;height: 36px;float: left;}
.contact .cont-l ul li .con{width: calc(100% - 36px);}
.message .message-l{width: 100%;height: auto;}
.message .message-l .txt p{font-size: 14px;}
.message .message-r{width: 100%;height: auto; margin-top: 35px;}
.message .message-r form .c1{height:36px;font-size: 14px;}
.message .message-r form .c4{height:70px;}
.message .message-r form .tj{height: 36px;}
.message .message-r form .cz{height: 36px;}
.contact .cont-l{width: 100%;height: auto;padding-right: 0;float: none;}
.contact .map{width: 100%;height: auto;margin-top: 35px;float:none; height:300px;}
.contact .map #map{height: 300px;}
}


.tech{width: 100%;height: auto;}
.tech .txt{width: 100%;height: auto;}
.tech .txt p{font-size: 16px;color: #000000;}
.tech .txt img{display: block;width: 100%;height: auto;}

.tech-list ul{width: 100%;height: auto;font-size: 0;}
.tech-list ul li{border: 1px solid #DCDCDC;padding: 25px 10px;  width: calc(33.3% - 30px);display: inline-block; vertical-align: top; margin-right: 45px;}
.tech-list ul li:nth-child(3){margin-right: 0;}
.tech-list ul li .ico{width: 40%;max-width:100px;margin: 0 auto;height: auto;}
.tech-list ul li .ico img{display: block;width: 100%;height: auto;}
.tech-list ul li h6{width: 100%; margin-top: 20px;margin-bottom: 15px; height: 48px;font-size: 20px;color: #000000;text-align: center;}
.tech-list ul li:hover{border: 1px solid #551217;}
.tech-list ul li.cut{border: 1px solid #551217;}
@media only screen and (max-width:1200px) {
.tech-list ul li h6{font-size: 18px;}
.tech .txt p{font-size: 15px;}
}
@media only screen and (max-width:1000px) {
.tech-list ul li h6{font-size: 16px;}
.tech .txt p{font-size: 15px;}

}
@media only screen and (max-width:720px) {
	.tech .txt p{font-size: 14px;}
.tech-list ul li{width: calc(33.3% - 3px);margin-right: 4.5px;padding: 15px 10px;}
.tech-list ul li:nth-child(3){margin-right: 0;}
.tech-list ul li h6{font-size: 14px;height: 63px; overflow: initial;white-space: normal;}
}




.solution{width: 100%;height: auto;}
.solution .solut-list{width: 100%;height: auto;font-size: 0;}

.solution .solut-list li{width: calc(33.3% - 20px);margin-right:30px;margin-bottom: 30px; display: inline-block;}
.solution .solut-list li:nth-child(3n){margin-right: 0;}
.solution .solut-list li .pic{width: 100%;height: auto;position: relative;}
.solution .solut-list li .pic img{display: block;width: 100%;height: auto;}
.solution .solut-list li .pic  .bk{position: absolute;background: rgba(0,0,0,0.6); bottom: 0;left: 0;height: 0;width: 100%;overflow: hidden;}
.solution .solut-list li .pic  .bk span{display: block;width: 100px;line-height: 45px;border: 1px solid #FFFFFF;color: #FFFFFF;text-align: center;font-size: 16px;font-family: arial;position: absolute;left: 50%;transform: translateX(-50%)translateY(-50%);top: 50%;}
.solution .solut-list li:hover .pic .bk{height: 100%;transition: all 0.3s ease;}
.solution .solut-list li h5{font-size: 18px;color: #000000;overflow: hidden;text-overflow: ellipsis;margin-top: 20px;white-space: nowrap;}
.solution .solut-list li .txt{width: 100%;height: 48px;margin-top: 15px; overflow: hidden;text-overflow: ellipsis;display: -webkit-box; -webkit-box-orient: vertical;-webkit-line-clamp: 2;word-break: break-all;}
.solution .solut-list li .txt p{font-size: 16px;color: #666666;}
.solution .solut-list li .time{width: 100%;height: auto;font-size: 16px;font-family: arial;font-weight: bolder;color: #666666;margin-top: 15px;background: url(../img/007.png) no-repeat center right; background-size: 13px 13px;}

@media only screen and (max-width:1200px) {
	.solution .solut-list li h5{font-size: 16px;}
		.solution .solut-list li .txt{height: 42px;}
	.solution .solut-list li .txt p{font-size: 14px;}
	.solution .solut-list li .pic  .bk span{font-size: 15px;width: 100px;line-height: 36px;}
	.solution .solut-list li .time{font-size: 14px;background-size: 10px 10px;}
}

@media only screen and (max-width:1000px) {
	.solution .solut-list li{width: calc(33.3% - 12px);margin-right: 18px;}
	.solution .solut-list li:nth-child(3n){margin-right: 0;}
	.solution .solut-list li h5{font-size: 16px;}
	.solution .solut-list li .txt{height: 42px;}
	.solution .solut-list li .txt p{font-size: 14px;}
	.solution .solut-list li .time{font-size: 14px;background-size: 10px 10px;}
}
@media only screen and (max-width:750px) {
.solution .solut-list li{width: calc(50% - 5px);margin-right: 10px;margin-bottom: 20px;}
.solution .solut-list li h5{margin-top: 15px;font-size: 15px;}
.solution .solut-list li .txt{margin-top: 5px;}
.solution .solut-list li .time{margin-top:10px ;background-size: 8px 8px;}
.solution .solut-list li:nth-child(3n){margin-right:10px;}
.solution .solut-list li:nth-child(2n){margin-right: 0;}
.solution .h50{height: 10px;}
}


.solut-d{width: 100%;height: auto;}
.solut-d .date{font-weight: bold; padding-left: 55px;position:relative;font-size:16px;font-family: arial}
.solut-d .date:before{content: "";position: absolute;left: 0; top: 50%;transform: translateY(-50%); width: 45px;height: 2px;background:#551217;}
.solut-d  h5{font-size: 24px;color:#000000;margin-top: 20px;}
.solut-d .txt{width: 100%;height: auto;}
.solut-d .txt p{font-size: 16px;color: #000000;}
.solut-d .txt img{width: 100%;height: auto;display: block;}
.solut-recom{width: 100%;height: auto;border-top: 1px solid #DCDCDC;}
@media only screen and (max-width:1200px) {
	.solut-d  h5{font-size: 20px;margin-top: 10px;}
	.solut-d .txt p{font-size: 15px;}
}
@media only screen and (max-width:1000px) {
	.solut-d  h5{font-size:18px;margin-top: 10px;}
	.solut-d .txt p{font-size: 14px;}
}

@media only screen and (max-width:750px ) {
	.solut-recom li:nth-child(3){display: none;}
}





.xf{z-index: 9999; position: fixed;right: 10px;top: 45%;}
.xf .xf1{box-shadow: 1px 1px 5px rgba(0,0,0,0.4); width: 46px;height: 46px;background: #FFFFFF;border: 1px solid #DCDCDC; margin-bottom: 10px;}
.xf .xf1 img{display: block;width: 100%;height: auto;}
.xf .wx{position: relative;}
.xf  .wx a{display: block;}
.xf .xf1 .ewm{display: none; border: 1px solid #DCDCDC;padding: 3px;background: #FFFFFF;  width:0;height: 0; position: absolute;right: calc(100% + 10px);top:0;}
.xf .wx:hover .ewm{display: inherit;transition: all 0.5s ease;width: 110px;height: 110px;}


@media only screen and (max-width:1400px ) {
.xf .xf1{width: 40px;height: 40px;}	
}

@media only screen and (max-width:1200px ) {
.xf .xf1{width: 34px;height:34px;}	
}

@media only screen and (max-width:1000px ) {
.xf{right: 5px;}	
}