@charset "utf-8";

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

html, body {
    min-height: 100%;
}

h1, h2, h3, h4, h5, h6 {
    font-weight: normal;
}

ul, li {
    list-style: none;
}

a, a:hover {
    text-decoration: none;
    color: #232323;
}


body {
    font-family: "Microsoft YaHei";
    font-size: 14px;
    color: #333;
    background-color: #FFF;
}

img {
    border: none;
    vertical-align: middle;
}

table {
    border-collapse: collapse;
    table-layout: fixed;
}

input, textarea {
    outline: none;
    border: none;
}

textarea {
    resize: none;
    overflow: auto;
}

.clearfix {
    zoom: 1;
}

.clearfix:after {
    content: ".";
    width: 0;
    height: 0;
    visibility: hidden;
    display: block;
    clear: both;
    overflow: hidden;
}

.fl {
    float: left
}

.fr {
    float: right
}

.tl {
    text-align: left;
}

.tc {
    text-align: center
}

.tr {
    text-align: right;
}

.ellipse {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.inline {
    display: inline-block;
    *display: inline;
    *zoom: 1;
}

.banner1{ background: url(../images/banner1.jpg) no-repeat top center;}
.banner2{ background: url(../images/banner2.jpg) no-repeat top center;}
.banner3{ background: url(../images/banner3.jpg) no-repeat top center;}

.banner {
   
    height: 548px;
    display: flex;
    align-items: center;
}

.banner h3 {
    font-size: 48px;
    font-weight: bold;
    color: #fff;
    margin: -80px 0 0 30px;
}

.banner p {
    color: #Fff;
    font-size: 19px;margin: 20px 0 0 5px;font-weight: normal;
    line-height: 36px;
}

.mt100 {
    margin-top: 100px;
}

.com_title {
    font-size: 30px;
    font-weight: bold;
    color: #FFF;
    position: relative;
    margin:0px 0 0 750px;
    
    display: block;
    padding-top: 100px;
    z-index: 1;
 
   
   
}


.pagelink h3{text-align: center;margin-bottom:40px;}

.pagelink{


}

.pagelink .pic img{max-width: 100%;height: auto;}

.pagelink .info{padding:0 20px;
    font-size: 20px;height:60px;
    line-height: 60px;

        box-shadow: 0 0 10px 10px #f6f6f6;
        background: #fff;

}


.pagelink  span{float: right;color:#666;font-size: 14px;}



.com_title span{position: relative;z-index: 3;  }

.com_title:before{ animation-iteration-count:1;}

.xb_width{
    background:#fff;box-shadow: 0 0 10px 10px #f6f6f6;


}

.com_title:before {
    background: url(../images/quan2.png) no-repeat 0 0;
    top: 90px;
    left: -10px;
    width: 31px;
    height: 31px;
    content: "";
    position: absolute;
    display: block;
    z-index: 2;
}



.xb1 {
    background: url(../images/xb1.jpg) no-repeat top center;
 
}

.xb2 {
    background: url(../images/xb2.jpg) no-repeat 160px 0px #FFF;
     
}


.xb2 .com_title span{color:#222;z-index: 3;position: relative;}
.xb2 .com_title  p{font-size: 14px;color: #6e7379;font-weight: normal;margin-top: 10px;}



.xb2 .com_title:before {
    background: url(../images/quan.png) no-repeat 0 0;

    z-index: 2;
}


.xbheight{  height: 240px;}


.xb3 {
    background: url(../images/xb3.jpg) no-repeat top center;
  
}


.xb4 {
    background: url(../images/xb4.jpg) no-repeat top center;
   
}


.xb5 {
    background: url(../images/xb5.jpg) no-repeat top center;
    
}



.xb31 {
    background: url(../images/xb31.jpg) no-repeat top center;
    
}


.xb32 {
    background: url(../images/xb32.jpg) no-repeat top center;
    
}



.xb21 {
    background: url(../images/xb21.jpg) no-repeat top center;
    
}


.xb22 {
    background: url(../images/xb22.jpg) no-repeat top center;
    
}


.com_content .col-md-6:nth-child(1){border-right:1px solid #e8e8e8; }
.com_content .col-md-6{padding:0 50px;}
.com_content .ico{margin-bottom: 30px;}
.com_content .ico img{transition: all 0.3s;}
.com_content .row>div:hover .ico img{transform: rotateY(360deg);}

.com_content .row>div:hover{cursor: pointer; }



.com_content .col-md-4:nth-child(1),.com_content .col-md-4:nth-child(2)
{border-right:1px solid #e8e8e8; }

.com_content .col-md-4:nth-child(6)

{border-top:1px solid #e8e8e8; }

.com_content.xb3_zi .col-md-4:nth-child(5) h4
{
    width:110%;
}
 
.com_content.xb31_zi .col-md-4:nth-child(5) h4
{
    width:110%;
}
 

footer{margin-top: 80px;}
.com_content .col-md-4:nth-child(3n+1),.com_content .col-md-4:nth-child(3n+2)
{ border-right:1px solid #e8e8e8; }

.com_content .col-md-4:nth-child(1) .ico,.com_content .col-md-4:nth-child(2) .ico,
.com_content .col-md-4:nth-child(3) .ico
{ 
    padding-top: 40px;
}

.com_content .col-md-4:nth-child(1),.com_content .col-md-4:nth-child(2),.com_content .col-md-4:nth-child(3){
   border-top:none!important;
}


.com_content .col-md-4{padding:0 40px;height: 230px;border-top:1px solid #e8e8e8;}


.com_content .col-md-4 .ico{padding-top: 40px;}
.com_content .row{padding:50px 15px;}

.com_content  h4{font-size: 20px;   color: #333;}


.com_content p{font-size: 14px;line-height: 30px;
    color: #6e7379;margin: 5px 0 0 0 !important;}





@media screen and (min-width:960px) and (max-width:1200px) {
  .banner h3{
    font-size: 40px;
  }
      .com_title{margin: 42px 0 0 57%;padding-top: 73px;font-size: 30px;}

          .com_title:before{top: 67px;width: 24px;height: 24px;background-size: cover;}

 

 
.com_content .col-md-4:nth-child(1) .ico,.com_content .col-md-6:nth-child(1) .ico{padding-top: 0;

}

.com_content .col-md-4 ,.com_content .col-md-6{
    border-top: 1px solid #e8e8e8!important;height: 260px;padding-bottom: 30px!important;


 
}

 .com_content .col-md-4:nth-child(2), .com_content .col-md-4:nth-child(3) {
    /*border-top: 1px solid #e8e8e8!important;*/
}
}

/*@media screen and (min-width:768px) and (max-width:960px) {
    body {
        background: green;
    }

}
*/
@media screen and (min-width:300px) and (max-width:768px) {

    .banner{height: 240px;max-width: 100%;background-size: cover;padding-top: 30px;}
    .mt100{margin-top: 40px;}
    .xbheight{height: 144px;background-position: center center;max-width: 100%;width: auto;background-size: cover;}

    .com_title{margin: 42px 0 0 47%;padding-top: 53px;font-size: 20px;}

    .com_title:before{top: 40px;width: 24px;height: 24px;background-size: cover;}


.xb2 .com_title:before{
    top: 44px;width: 24px;height: 24px;background-size: cover;
}
 


.banner p{font-size: 14px;line-height: 22px;}

.banner h3{font-size: 26px;
    margin: 0px 0 0 20px;
}
.com_content .col-md-4:nth-child(1),.com_content .col-md-6:nth-child(1){
    border-top:none;
}
.com_content .col-md-4:nth-child(1) .ico,.com_content .col-md-6:nth-child(1) .ico{padding-top: 0;

}

.com_content .col-md-4 ,.com_content .col-md-6{
    border-top: 1px solid #e8e8e8;height: auto;padding-bottom: 30px!important;

     border-right:none!important;
 
}

 .footmb{margin-top: 80px;}
 footer{display: none;}
.pagelink .info{font-size: 16px;}

.pagelink h3{font-size: 20px;}

.com_content .col-md-4:nth-child(2), .com_content .col-md-4:nth-child(3){
 border-top: 1px solid #e8e8e8!important;

}

.com_content .col-md-4 .ico,.com_content .col-md-6 .ico{padding-top: 40px;}
.banner p{
    margin:20px 0 0 0;
}

.xb2{
    background-size: 45%;
    background-position: 0 center;
}

.com_content .col-md-6
{padding:0px 30px;}

.pagelink .col-md-4{margin-bottom: 20px;}

}