@charset "utf-8";
.cf:after, .cf:before, .clearfix:after, .clearfix:before {
	content: " ";
	display: table
}
.cf:after, .clearfix:after {
	clear: both
}
/* CSS Document */
.w1200 {
	width: 1200px;
	height: auto;
	margin: 0 auto;
}
.div_welcome_role_title {
	width:1000px;
	margin: 0 auto;
	text-align: center;
	padding-top: 30px;
	line-height: 30px;
	color: #424242;
	font-size: 30px;
	
}
.div_welcome_role_title 
.div_welcome_role_subtitle {
	margin-top: 40px;
	width: 100%;
	height: 30px;
	position: relative;
}
.div_relative {
	width: 100%;
	height: 30px;
	position: relative;
}
.div_relative::before {
	content: '';
	width: 100%;
	height: 1px;
	position:absolute;
	left: 0;right: 0;
	top: 14px;
	background: #ebebeb; 
}
.i_p{font-size: 16px;
    z-index: 100;
    color: #bbb;
    width: 180px;
    text-align: center; margin: 0 auto; height: 30px; background: #f8f8f8; position: relative;}
.neir_box {
    background:url(../images/fannao.jpg) center center no-repeat;
    height: 650px;
    width: 100%;
    position: relative;
}
.pro{position: absolute;}
.neir_box .pro:hover{ transition: all 0.5s; transform:rotate(10deg);cursor: default;}
.pro:nth-child(1) {left: 224px;top:484px;}
.pro:nth-child(1) .pro_s{font-size:24px;color:#60956b;}
.pro:nth-child(2) {left: 170px;top: 285px;font-size: 20px;}
.pro:nth-child(2) .pro_s{font-size:28px;color:#ff0103;}
.pro:nth-child(3) {left: 316px;top: 125px;}
.pro:nth-child(3) .pro_s{font-size:28px;color:#ff0103;}
.pro:nth-child(4) {left: 480px;top: 85px;}
.pro:nth-child(4) .pro_s{font-size:30px;color:#614f45;}
.pro:nth-child(5) {left: 718px;top: 85px;}
.pro:nth-child(5) .pro_s{font-size:30px;color:#ff0101;}
.pro:nth-child(6) {left: 902px;top: 120px;}
.pro:nth-child(6) .pro_s{font-size:30px;color:#7d6f6f;}
.pro:nth-child(7) {left: 1004px; top:298px;}
.pro:nth-child(7) .pro_s{font-size:30px;color:#26314d;}
.pro:nth-child(8) {left: 955px;top: 473px;}
.pro:nth-child(8) .pro_s{font-size:30px;color:#969d59;}

.ser_list{width: 100%; display: flex; align-items: center;justify-content: space-around; margin-top: 30px;}
.ser_list li{width:23%; text-align:center; box-shadow:0px 1px 10px rgba(0,0,0,0.1); border-radius:5px; margin-bottom: 20px;}
.ser_list li div{overflow:hidden;width:100%;height:100%;min-height:82px;text-align:center; }
.ser_list li .title{min-height:60px; padding-bottom: 20px; }
.ser_list li .title span {
    text-align: center;
    display: block;
    width: 100%;
    line-height: 50px;
    font-size: 20px;
    font-weight: bold;
}
.ser_list li img{ width:100%;  border-top-left-radius:5px; border-top-right-radius:5px;}


.in-txt p i{ background: #19a5f4; display: block; width: 26px; height: 26px; border-radius: 20px; float: left; margin-right: 5px; color: #fff; text-align: center; line-height: 26px; font-style: normal;}
.in-txt p{ font-size: 20px; padding: 10px 0;}
.in-txt{ position: absolute; right: 100px; top: 65px;}
.jishuaa {
    background: url(../images/ban2.jpg) center no-repeat;
    width: 100%;
    height: 750px;
}

.worry_container {
    position: relative; padding-top: 40px;
}
.worry_container .worryr {
    width: 350px;
    float: right;
    color: #FFF;
    margin-right: 70px;
    padding-bottom: 4em;
}
.worry_container .worryr h3 {
    font-size: 2.4em;
    border-radius: 50px;
    border: 1px solid #FFF;
    padding: 10px 0px;
    text-align: center;
    margin-bottom: 20px;
    font-weight: bold;
}
.worry_container .worryr h3 font {
    color: #002f55;
}
.worry_container .worryr .inser p{ padding-top:10px; padding-bottom:10px; font-size:1.2em}
.worry_container .worryr .inser p i{ width:25px; height:25px; display:block; background:#ff5c01;border-radius: 50%; color:#FFF; text-align:center; line-height:25px; float:left; font-style:normal; margin-top:0px; margin-bottom:10px; margin-right:10px;}
.worry_container .worryr .img-responsive{ margin-left:100px;}

.worry_container .worryl{ width:358px; float:left; color:#FFF; padding-bottom:2em;}
.worry_container .worryl p{ font-size:1.2em; line-height: 50px;}
.worry_container .worryl h3{ font-size:2.4em;border-radius: 50px; border:1px solid #fff; padding:10px 0px; text-align:center;margin-bottom:20px; font-weight:bold}
.worry_container .worryl h3 font{ color:#002f55}
.worry_container .worryl .inser{ background:url(../images/worryl.png) no-repeat left top; background-size:100% 100%; height:245px; line-height:34px; padding-left:20px; font-size:1em; }
.worry_container .worryl span{ font-size:2em; color:#ff5c01; line-height:200%;margin-top:2em;display: block;}

.guarantee_list{margin:30px 0 30px 0; background:#FFFFFF; box-shadow:0px 1px 10px rgba(0,0,0,0.1); border-radius:5px;}
.guarantee_list  li{width:288px;float:left; text-align:center;  padding-top:80px; padding-bottom:50px;  border-top: #eeeeee solid 1px;  border-left: #eeeeee solid 1px;  border-bottom: #eeeeee solid 1px;}
.guarantee_list  li div{overflow:hidden;width:100%;height:100%;min-height:82px;text-align:center; }
.guarantee_list  li .title{min-height:70px; font-size: 18px;}


.row_sn{ width: 100%; padding-top: 50px; padding-bottom: 50px;}
.col_sn{ width: 25%; float: left;}
.col_sn h6{ font-size: 20px; line-height: 0; text-align: center; margin-top: 20px;}
.col_sn p{ padding: 0 40px; font-size: 16px; text-align: center; color:#333;margin-top: 20px;}
.col_sn .ly-pic img{ display: block; margin: 0 auto;}

.shuju_list{ width: 100%; padding: 70px 0; display: flex; align-items: center; justify-content: space-between;}

.shuju_li{flex: 1; display: flex;align-items: center;justify-content: space-between; height: 135px; flex-flow: column;}
.shuju_value{overflow: hidden; margin-top: 15px;
    min-height: 70px;
	line-height: 70px;
    text-align: center;
    color: #19a5f4;
    font-size: 68px;
    font-weight: normal;}
.shuju_name{min-height: 50px; line-height: 50px;
    font-size: 15px;
    color: #333;}

.home_case {
    background: url(../images/case_bj.png) center bottom no-repeat;
    min-height: 990px;
}