/* CSS Document */
/*css reset*/
* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box;}
html,body,p{ padding: 0; margin: 0; font-family: "Hiragino Sans GB","Microsoft Yahei", Arial, "Helvetica Neue", Helvetica, sans-serif;
	-webkit-overflow-scrolling: touch;}
html{      
      -webkit-text-size-adjust:none;   
}  
body {
	min-width:1200px; overflow-x:hidden; overflow-y:scroll;
	font-size: 16px; 
	color: #333;
	-webkit-overflow-scrolling: touch;
}
ol, ul {list-style: none; padding: 0; margin: 0;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after, q:before, q:after {content: ''; content: none; }
table {border-collapse: collapse; border-spacing: 0;}
th,td { vertical-align: middle;padding: 0;}
a{text-decoration:none;	outline: none;hlbr:expression(this.onFocus=this.blur());}
input, select {vertical-align: middle;padding: 0;border: 0 none;}
img, iframe {border: none; text-decoration:none;}
img{vertical-align: top;}
strong {font-weight: bold;}
h1,h2,h3,h4,h5,h6{padding: 0; margin: 0;}
:focus {outline: 0;}
::-webkit-input-placeholder { /* WebKit browsers */
    color:    #999;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color:    #999;
   opacity:  1;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
   color:    #999;
   opacity:  1;
}
:-ms-input-placeholder { /* Internet Explorer 10+ */
   color:    #999;
}
/*CLEAR the FLOAT*/
.clear { clear:both}
.clearfix { *zoom:1;}
.clearfix:after{
	clear:both; 
	display:block; 
	height:0; 
	visibility:hidden; 
	line-height:0; 
	content:'\20';
}
.fontbold{ font-weight:bold}
.padding90{ padding:90px 0}
.font56{ font-size:56px;}
.font40{ font-size:40px;}
.font36{ font-size:36px;}
.font30{ font-size:30px;}
.font26{ font-size:26px;}
.font22{ font-size:22px;}
.font20{ font-size:20px;}
.font18{ font-size:20px;}
.colorf62d4f{ color:#f62d4f}
.colorffcc00{ color:#ffcc00}
a {
  color: #333333;
}
a:hover {
  color: #f62d4f ;-webkit-transition: all ease .4s;
	transition: all ease .4s;
}
.width1200{ max-width:1200px; margin:0px auto; width:96%;}

.banner_xhs{ background:#fd393a url(../image_xhs/banner_back.jpg) center center no-repeat; height:500px; text-align:left;
display: flex;
	align-items: center;
	justify-content: center;
	-webkit-display: flex;
	-webkit-align-items: center;
	-webkit-justify-content: center;flex-direction: column; 
 position:relative; background-size:cover
}
.banner_xhs .banner-content {
   vertical-align: middle; max-width:540px;
}
.banner-content h2.font-w {
    color: #fff;
    font-weight: bold;
}
.banner-content h2.font-w  p{ display:block; padding-top:20px;}
.banner-content h2.font-w span{
border-bottom:#FFFFFF 2px solid; padding-bottom:20px; display:block
}
.banner-content p.font-w2 {
    color: #fff; display:block; line-height:200%; padding-top:20px; padding-bottom:20px;
}
.banner-content p.font-w3 {
       color: #fff;display:block; line-height:200%; 
}
.banner-content p.font-w3 a {
    color: #fff; font-weight:bold
}

.titile{ text-align:center; line-height:1; width:100%}
.titile h3{ text-align:center; padding-bottom:28px; color:#333333}
.titile h3 span{ position:relative}
.titile h3 span::after {
    position: absolute;
    left: -130px;
    top: 50%;
    margin-top: -7px;
    content: "";
    display: block;
    width:105px;
    height:14px;
    background: url(../image_xhs/back_left.png) center center no-repeat;
    transition: all .5s ease;
}
.titile h3 span::before {
    position: absolute;
    right: -130px;
    top: 50%;
    margin-top: -7px;
    content: "";
    display: block;
    width:105px;
    height:14px;
    background: url(../image_xhs/back_right.png) center center no-repeat;
    transition: all .5s ease;
}
.titile p{ display:block; line-height:160%}
.titile h3{ padding-bottom:1.4rem}
.why .width1200{ padding-top:20px;}
.why_left{ float:left; width:56%; padding-top:60px;}
.why_left ul li{ padding-bottom:60px; text-align:left; background:url(../image_xhs/dian.png) left 16px no-repeat; padding-left:20px;}
.why_left ul li h3{ padding-bottom:20px;}
.why_right{ float:right; width:40%;}
.why_right img{ width:100%;}

.How_do{ background-color:#f5f5f5}
.table_titile{ border-bottom:#dbdbdb 1px solid; text-align:center; padding-bottom:20px; padding-top:40px; margin-bottom:15px;}
.table_titile span{ border-bottom:#f62d4f 2px solid; padding-bottom:17px; font-weight:bold}

table.dataintable {
    margin-top: 15px;
    border-collapse: collapse;
    border: 1px solid #e3e3e3;
    width: 100%;box-shadow: 0px 0px 15px #ddd;
}
table.dataintable tr{
    background-color: #fff;
}
table.dataintable tr:nth-child(odd) {
    background-color: #f5f5f5;
}
table.dataintable th {
    vertical-align: baseline;
    padding: 20px;
    background-color: #666666;
    border: 1px solid #e3e3e3;
    text-align: center;
    color: #fff;
    font-size: 24px;
}
table.dataintable td {
    text-align: center;
    padding: 20px 3px; padding-left:30px;
    border: 1px solid #e3e3e3;
    font-size: 18px; text-align:left
}
table.dataintable td.colorf62d4f{ text-align:center; font-weight:bold; padding-left:3px;}
table.dataintable td p {
    font-size: 18px;
}
table.dataintable img {
    width:24px;
	height:24px;
}

.Why_choose{ background:url(../image_xhs/back_img03.jpg) center center no-repeat; background-size:cover;}
.Why_choose ul{ max-width:1200px; margin:0px auto; text-align:center; padding-top:40px; }
.Why_choose ul li{ display:inline-block; width:18%; margin:0 0.5%; background-color:#FFFFFF; border:#f62d4f 1px solid;border-radius:20px; vertical-align:top; min-height:380px;}
.Why_choose ul li .number{border-radius:20px 20px 0 0; background-color:#f62d4f; padding:10px 0; text-align:center; color:#FFFFFF;}
.Why_choose ul li .choose_fonts{ padding:30px 20px; text-align:center}
.Why_choose ul li .choose_fonts h3{ margin-bottom:30px;}
.Why_choose ul li .choose_fonts h3 span{ position:relative; display:block}
.Why_choose ul li .choose_fonts h3 span b{ z-index:22; position:relative}
.Why_choose ul li .choose_fonts h3 span::after {
    position: absolute;
    left:-5%;
    bottom:-6px;
    content: "";
    display: block;
    width:110%;
    height:20px; background-color:#feeaed;
    transition: all .5s ease; z-index:0
}
.Why_choose ul li .choose_fonts p{ line-height:180%;}
.case{ background-color:#f6f7fa; padding-top:90px; padding-bottom:40px;}
.case_lists{ padding-top:30px;}
.case_lists  .swiper-container{ padding-bottom:70px;}
.case_lists .swiper-wrapper{ height:auto}
.case_show  .swiper-slide{}
.case_show  .swiper-slide .case_one{ background-color:#FFFFFF;border-radius:20px; border:#e3e3e3 1px solid;  }
.case_show  .swiper-slide .case_one .case_fonts{border-radius:20px 20px 0 0; background-color:#f62d4f; padding:20px 30px; text-align:left; color:#FFFFFF;}
.case_show  .swiper-slide .case_one .case_fonts .case_logo{ float:left; width:26%; background-color:#FFFFFF;border-radius:20px; margin-top:15px;}
.case_show  .swiper-slide .case_one .case_fonts .case_logo img{ width:100%;border-radius:20px}
.case_show  .swiper-slide .case_one .case_fonts .case_wenzi{ float:right; width:66%; line-height:180%;}
.case_show  .swiper-slide .case_one .case_fonts .case_wenzi .titiles_font{ padding:10px 0;}

.case_show  .swiper-slide .case_imgs{ padding:30px 40px;}
.case_show  .swiper-slide .case_imgs ul{ text-align:center}
.case_show  .swiper-slide .case_imgs ul li{ display:inline-block; width:23%; margin:0 0.5%;}
.case_show  .swiper-slide .case_imgs ul li img{ width:100%;}
.case_show .prev1{ left:40%; bottom:0;top: inherit; background:url(../image_xhs/left_btn.jpg) center center no-repeat; width:34px; height:34px;}
.case_show .next1{ right:40%;bottom:0;top: inherit; background:url(../image_xhs/right_btn.jpg) center center no-repeat; width:34px; height:34px;}
.case_show .swiper-pagination-bullet{ background-color:#b2b3b5; height:12px; width:12px;    opacity: 1;}
.case_show .swiper-pagination-bullet-active{ background-color:#f62d4f;}

.Cooperation{}
.Cooperation ul{ text-align:center; padding-top:30px;}
.Cooperation ul li{ display:inline-block; width:18%; margin:0 0.5%; border:#dddddd 1px solid; margin-bottom:20px; overflow:hidden}
.Cooperation ul li img{ width:100%;transition: transform 2s;}
.Cooperation ul li img:hover{transform: scale(1.1);}

@media (max-width:1000px) {
.width1200{ width:90%;}
body {
	font-size: 62.5%;
    min-width: 320px; overflow-X:hidden
}
.padding90{ padding:3rem 0}
.font56{ font-size:3rem;}
.font40{ font-size:1.6rem;}
.font36{ font-size:1.5rem;}
.font30{ font-size:1.4rem;}
.font22{ font-size:1.2rem;}
.font20{ font-size:1.1rem;}
.font18{ font-size:1rem;}
.banner-content h2.font-w {
    font-size: 2rem;
}
.banner-content p.font-w2{ font-size:1rem; padding-top:2rem; padding-bottom:1rem;}
.banner-content p.font-w3{font-size:1rem; }
.banner-content p.font-w3 a{ font-size:1.6rem}
.banner-content h2.font-w span{ font-size:1.5rem}
.banner-content h2.font-w  .font20{ font-size:1rem;}
.why_left {
    float: none;
    width: 100%;
    padding-top: 2rem;
}
.why_right {
    float: none;
    width: 100%;
}
.why_left ul li{ padding-bottom:2rem; line-height:140%;}
.Why_choose ul li{ display:block; width:100%; margin-bottom:1rem; min-height:inherit}
.case_show .swiper-slide .case_one .case_fonts .case_logo {
    float: none;
    width: 50%;
    margin: 1rem auto;
}
.case_show .swiper-slide .case_one .case_fonts .case_wenzi {
    float: none;
    width: 100%;
    line-height: 180%;
}
.case_show .swiper-slide .case_imgs ul li{ width:47%;}
.Cooperation ul li{ width:47%;}
.Why_choose ul{ padding-top:2rem; padding-left:5%; padding-right:5%}
.titile h3 span::before,.titile h3 span::after{ display:none}
.case_show .prev1{ left:0}
.case_show .next1{ right:0}
table.dataintable th{ font-size:1rem}
table.dataintable td p{ font-size:0.8rem}
.case {
    padding-top: 3rem;
    padding-bottom: 2rem;
}
.banner_xhs{ height:26rem;    background: #fd393a url(../image_xhs/banner_back.jpg) left center no-repeat;}
.Why_choose ul li .choose_fonts h3 span{ display:inline-block;}
}