@charset "utf-8";

body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,button,input,textarea,th,td{margin:0;padding:0;    font-family: 'Microsoft Yahei', 'Helvetica Neue', Helvetica, 'Lucida Grande', Arial, 'Hiragino Sans GB', 'WenQuanYi Micro Hei', STHeiti, SimSun, sans-serif;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight: normal;}
a{color:#555; text-decoration:none;cursor: pointer}
a:hover{text-decoration:none;}
img {
    max-width: 100%;
    height: auto;
    vertical-align: top;
    -ms-interpolation-mode: bicubic;
    border: 0;
}
i,em{ font-style: normal;}
li{list-style:none;}
button,input,select,textarea{font-size:100%;}
.wrap{width:100%;max-width: 1200px;margin:0 auto;}


.int-content-one{
    overflow: hidden;
    margin-top: 70px;
    margin-bottom: 70px;
}
.int-content-one .int-left{
    float: left;
    width: 42%;
}
.int-content-one .int-left img{
    width: 100%;
    max-width: 500px;
    max-height: 420px;
}
.int-content-one .int-right{
    margin-left: 4%;
    float: left;
    width: 54%;
    background: url(../images/hx.png) no-repeat;
}
.int-content-one .int-right h2{
    font-size: 32px;
    font-weight: 700;
    padding-top: 25px;
    color: #333;
}
.int-content-one .int-right .line{
    width: 60px;
    background: #ed1c24;
    height: 3px;
    margin-top: 20px;
}
.int-content-one .int-right .intro-js{
    margin-top: 30px;
    font-size: 16px;
    line-height: 30px;
    color: #555;
}
.int-content-one .int-right ul{
    overflow: hidden;
    margin-top:25px;
}
.int-content-one .int-right ul li{
    float: left;
    width: 25%;
    text-align: center;
}

.int-content-one .int-right ul li h4{
    font-size: 20px;
    color: #333;
    margin-top: 20px;

}
.int-content-two{
    background: #f3f3f3;
    padding-bottom: 50px;
}
.int-content-two h2{
    font-size: 32px;
    text-align:center;
    font-weight: 700;
    color: #333;
    padding: 50px 0;
}
.int-content-two ul{
    overflow: hidden;
}
.int-content-two ul li{
    float: left;
    width: 50%;
    height: 260px;
}
.int-content-two ul li h5{
    font-size: 20px;
   text-align: center;
    margin: 30px auto;
    color: #333;
}
.int-content-two ul li p{
    font-size: 16px;
    padding: 0 10%;
    line-height: 32px;
    color: #555;
}
.int-content-two ul .hz{
    background: #fff;
}
.int-content-two ul .yf{
    background: #ed1c24;
}
.int-content-two ul .yf h5{
      color: #fff;
}
.int-content-two ul .yf p{
        color: #fff;
}

.int-content-four{
    background: url(../images/int_cx.png) no-repeat;
    background-size:100% 100%;
    color: #fff;
}
.int-content-four h2{
    text-align: center;
    font-size: 50px;
    padding: 50px 0;
}
.int-content-four p{
    font-size: 16px;
    line-height: 30px;
    text-align: center;
    padding-bottom: 100px;
}



@media only screen and (max-width: 1199px){
	.wrap{width: 96%;}
}
@media only screen and (max-width: 1024px){	
    .int-content-one .int-left{display: none;}
    .int-content-one .int-right{width: 100%;margin-left: 0;}
    .int-content-two ul li img{height: 260px;}
}
@media only screen and (max-width: 960px){
    .int-content-two ul li{width: 100%;height:auto;}
    .int-content-two ul li img{width: 100%;height: 100%}
}
@media only screen and (max-width: 480px){
	.int-content-one .int-right h2 {font-size:26px;}
	.int-content-one .int-right ul li h4 {font-size:16px;}
	.int-content-two h2 {font-size:25px;padding:30px 0;}
    .int-content-four h2{font-size:30px;padding:30px 0;}

}