@charset "utf-8";

/* CSS Document */

div,
ul,
li,
dl,
dt,
dd,
span,
img,
p,
h2,
h3,
h4,
h5 {
    list-style: none;
}

.clear {
    clear: both;
    line-height: 0px;
    font-size: 0;
    height: 0;
}
body{ background:#f6f6f6;}

.container { width: 750px;}
.red{ color:#e83535;}
.green{color:#22c36e;}
.res-bor{ background:#dbdbdb; height:1px;}
.res-banner{ background: url(../images/banner_01.jpg) no-repeat center; width:auto; height:360px; text-align:center;}
.res-banner h2{  color:#fff; font-size:50px; letter-spacing:2px; margin-top:100px;  }
.res-banner h3{ text-align:center; color:#fff; font-size:38px; letter-spacing:2px; margin-top:20px;}
.res-content{ margin:10px 0 12px 0;line-height:16px; text-align: center;}
.res-content .col-xs-4{ padding-left:0px; padding-right:10px; margin:0;}
.res-content h3{font-size: 20px; color:#fff; margin:0;  }
.res-content p{ font-size:12px; color:#fff; line-height:30px;margin:0; }
.res-content i{ padding-right:3px; color:#fff;}
.res-content h4{font-size: 12px; color:#fff; margin-top: 5px;margin-bottom: 5px; }
.res-content .res-bg{ background:#e83535; border-radius:6px; padding:4px;}
.res-content .res-bg2{ background:#22c36e; border-radius:6px; padding:4px;}
.res-content .res-pd{ padding-left:10px;}
.res-content a{ text-decoration:none;}
.res-cont2{ background:#fff; border-bottom:1px solid #e5e5e5;border-top:1px solid #e5e5e5;text-align: center;width: 750px; margin:0 auto;margin-top: 15px;}
.res-cont2 .res-bg2{ background:#f9f9f9; height:50px; padding:15px 0 15px 0; }
.res-cont2 .res-bg3{border-right:1px solid #dbdbdb;}
.res-cont2 a{ text-decoration:none;}
.res-cont2 h2{ border-left:4px solid #ec2c2c;font-size: 16px;color: #333;padding-left: 10px;margin-left: 10px; margin:0px;text-align:left;}
.res-cont2 h3{font-size: 20px;  margin:5px 0 0 0;  }
.res-cont2 p{ font-size:12px; color:#999; margin:5px 0 15px 0; }
.res-cont2 h4{font-size: 14px;color:#333;margin:15px 0 0 0; }
.res-cont2 .res-bg5{ background: url(../images/jiantou_05.jpg) no-repeat ; width: 100%;max-width: 100%;padding-top: 36%;background-size: cover;background-size: 100%;height: auto;}
.res-cont3{ background:#fff; border-bottom:1px solid #e5e5e5;border-top:1px solid #e5e5e5;text-align: center;width: 750px; margin:0 auto;margin-top: 15px;padding-bottom: 10px;}
.res-cont3 .res3-bg{ background:#f9f9f9; height:50px; padding:15px 0 15px 0; }
.res-cont3 a{ text-decoration:none;}
.res-cont3 h2{ border-left:4px solid #ec2c2c;font-size: 16px;color: #333;padding-left: 10px;margin-left: 10px; margin:0px;text-align:left;}
.res-cont3 h3{font-size: 20px;  margin:0; line-height:20px;  }
.res-cont3 p{ font-size:12px; color:#999; margin:0;line-height:20px; }
.res-cont3 h4{font-size: 14px;color:#333;margin: 0; text-align:left;line-height:20px;margin-left: 10px;}
.res-cont3 .col-xs-4{margin: 10px 0 10px 0;}
.res-cont4{ background:#fff; border-bottom:1px solid #e5e5e5;border-top:1px solid #e5e5e5;text-align: center;width: 750px; margin:0 auto;margin-top: 15px;}
.res-cont4 .res4-bg{ border-bottom:1px solid #dbdbdb; height:50px; padding:15px 0 15px 0; }
.res-cont4 h2{ font-size: 16px;color: #333;padding-left: 10px;margin-left: 14px; margin:0px;text-align:left;}
.res-cont4 .res4-bg2{border-right:1px solid #dbdbdb;}
.res-cont4 .col-xs-6{padding: 10px;}
.res-cont4 p{ font-size:10px; color:#909090; margin:0;text-align: left;line-height: 14px;}
.res-cont4 h4{ border-radius:25px; font-size: 14px; color: #FFF;padding: 5px; width:50%;text-align: center;}
.res-cont4 .res4-c1{ background:#fd6327;}
.res-cont4 .res4-c2{background:#ff8b1a;}
.res-cont4 .res4-c3{background:#1ac1ff;}
.res-cont4 .res4-c4{background:#4e97f3;}
.foot{margin-top: 20px;}
.foot p{font-size: 12px;text-align: center;color: #c6c6c6;line-height: 12px;}

.red2{ background:#e83535;}
.green2{background:#22c36e;}
.res-con5{ text-align: center;width: 750px; margin:0 auto;}
.res-con5 h3{font-size: 22px;  margin:10px 0 0 0; color:#fff;  }
.res-con5 p{ font-size:14px; color:#fff; margin:10px 0 15px 0; }
.res-con5 h4{font-size: 16px;color:#fff;margin:15px 0 0 0; }
.res-con6{ background:#fff; border-bottom:1px solid #e5e5e5;border-top:1px solid #e5e5e5;text-align: center;width: 750px; margin:0 auto;margin-top: 15px;font-size: 12px;color: #333;
padding: 15px 0 15px 0;}
.res-con6 .col-xs-2{padding: 0 0 10px 0;}
.res-con6 .col-xs-7{padding-left: 0;}
.res-con6 .res6-active{color: #3a75ec; border-bottom:3px solid #3a75ec;}
.res-con6 .res6-pd{ padding:0 15px 0 15px;}
.res-con6 h3{text-align: left;font-size: 14px;color: #333; margin:15px 0 15px 0;}
.res-con6 h4{text-align: left;font-size: 14px; margin:15px 0 15px 0;}
.res-con6 .res6-c{color: #999 !important;}
@media (max-width:768px) {
.container { width: 100%;}
.res-cont2{ width: 100%;}
.res-cont3{ width: 100%;}
.res-cont4{ width: 100%;}
.res-con5{ width: 100%;}
.res-con6{ width: 100%;}
.res-banner{ background: url(../images/banner_01.jpg) no-repeat ; width: 100%;max-width: 100%;padding-top: 48%;background-size: cover;background-size: 100%;height: auto;}
.res-banner h2{ margin-top:-35%; padding-top:0px; text-align:center;font-size: 32px;}
.res-banner h3{margin-top:0px; padding-top:0px;text-align:center; font-size: 26px;}
.res-content3{ margin-top:0px; padding-bottom:10px; margin-bottom:20px;}
.res-content h2{font-size: 20px;}
   }
@media (max-width:375px){

	
	}
@media (max-width:320px){
	
	.res-cont2 h4{font-size: 12px; }
    .res-cont3 h4{font-size: 12px;}

	
	}