.i-wrap1 { position:relative; overflow:hidden;}
.i-wrap1 ul { width:100%;}
.i-wrap1 li { width:33%; position:relative; overflow:hidden; margin-right:1px; }
.i-wrap1 li a { display:block; width:100%; height:100%; cursor:pointer; }
.i-wrap1 li img { width:100%; float:left; }
.i-wrap1 li .upbox { background:url(../images/bg_01.png) repeat center;width:82%;padding:9%;position:absolute;left:0;top:0;height:82%;display:none}
.i-wrap1 li .more { display:inline-block; padding-right:34px; background:url(../images/ico_05.png) no-repeat right center; margin-top:10%; line-height:26px; height:26px; color:#fff; }
.i-wrap1 li .f24 { font-style:italic; width:100%; display:block; color:#fff; line-height:36px; }
.i-wrap1.twrap li .f24 { font-size:18px; }
.i-wrap1 li .word { display:block; width:100%; color:#bacbe1; margin-top:7.7%; line-height:24px; }
.i-wrap1.m-wrap { display:none; }
.i-wrap2.i-mwrap { display:none; }
.i-wrap2 .navbox { background-color:#fff; height:80px; position:relative; z-index:1; }
.i-wrap2 .navbox .m-wrap { display:none; }
.i-wrap2 .navbox ul { width:100%; }
.i-wrap2 .navbox li{ width:33.3%;text-align:center;height:80px; color:#555; font-size:18px; cursor:pointer; transition:normal 0s ease 0s;}
.i-wrap2 .navbox.twrap li { font-size:18px; }
.i-wrap2 .navbox li:hover { background:url(../images/bg_2.png) no-repeat center top; padding-bottom:9px; margin-bottom:-9px; }
.i-wrap2 .navbox li.hover { background:url(../images/bg_1.png) no-repeat center top; padding-bottom:9px; margin-bottom:-9px; }
.i-wrap2 .navbox li:hover .tt,.i-wrap2 .navbox li.hover .tt { color:#fff; }
.i-wrap2 .navbox li:hover .ico,.i-wrap2 .navbox li.hover .ico { background-position:center bottom!important; }
.i-wrap2 .navbox .ico { display:inline-block; width:21px; height:80px; margin-right:3.5%; transition:normal; background-position:center top!important; }
.i-wrap2 .navbox li .tt { line-height:24px; display:inline-block; vertical-align:34px; transition:normal; letter-spacing:8px; }
.i-wrap2 .navbox1 { background-color:#fff; height:80px; position:relative; z-index:1; }
.i-wrap2 .navbox1 .m-wrap { display:none; }
.i-wrap2 .navbox1 ul { width:100%; }
.i-wrap2 .navbox1 li {width:16.6%; text-align:center; color:#555; font-size:18px; cursor:pointer; transition:normal 0s ease 0s}
.i-wrap2 .navbox1 .twrap li { font-size:18px; }
.i-wrap2 .navbox1 li:hover { background:url(../images/bg_2.png) no-repeat center top; padding-bottom:9px; margin-bottom:-9px; }
.i-wrap2 .navbox1 li.hover { background:url(../images/bg_1.png) no-repeat center top; padding-bottom:9px; margin-bottom:-9px; }
.i-wrap2 .navbox1 li:hover .tt,.i-wrap2 .navbox1 li.hover .tt { color:#fff; }
.i-wrap2 .navbox1 li .tt { line-height:80px; display:inline-block; vertical-align:34px; transition:normal; letter-spacing:0px; }
.i-wrap2 .contwrap { background:url(../images/bg_03.jpg) no-repeat center #f4f4f4; position:relative; z-index:0; }
.i-wrap2 .contwrap.m-wrap { display:none; }
.i-wrap2 .contwrap .leftbox { width:50%; margin-left:3.3%; margin-top:20px; }
.i-wrap2 .contwrap .f42 { line-height:60px; color:#017431; font-size:32px; display:block; }
.i-wrap2 .contwrap.twrap .f42 { font-size:28px; line-height:47px; }
.i-wrap2 .contwrap.twrap .leftbox{margin-top:60px}
.i-wrap2 .contwrap.twrap .f24{font-size:18px;line-height:24px}
.i-wrap2 .contwrap.twrap .i-wrap2 .contwrap .f24{line-height:41px;display:block;width:100%}
.i-wrap2 .contwrap .line{display:block;width:80px;height:3px;margin-top:20px;margin-bottom:32px;background-color:#c3c3c3}
.i-wrap2 .contwrap .word{display:block;line-height:32px;margin-bottom:49px;width:79%}
.i-wrap2 .contwrap .word .more{color:#017431;font-size:18px;line-height:40px;padding-top:10px}
.i-wrap2 .leftbox a.butn{display:block;width:141px;height:44px;line-height:44px;text-align:center;font-size:14px;color:#fff;float:left}
.i-wrap2 .leftbox a.red{background-color:#e6101a;margin-right:20px}
.i-wrap2 .leftbox a.blue{background-color:#017431}
.i-wrap2 .contwrap img{/* margin-top:44px; */width:44%}
.i-wrap3{width:100%;position:relative;background-color:#fff}
.i-wrap3.i-mwrap{display:none}


.index_title1{ text-align:center; font-family:"Microsoft YaHei"; margin-bottom:20px; font-size:36px; }
.index-service{ width:100%; margin:0 auto; margin-bottom:70px; }
.service1{ width:20%; padding:47px 35px 56px; border:1px solid #cfcfcf; border-left:0; float:left; position:relative; overflow:hidden;}
.index-service .service1:first-child{border-left:1px solid #cfcfcf;}
.service1>img{ display:block; height:96px; margin:0 auto;}
.service1>p:nth-of-type(1){font-size:18px;font-family:"Microsoft YaHei"; text-align:center; color:#333; padding-top:30px; font-weight:500;}
.service1>hr{margin:14px auto 18px; color:#eee;}
.service1>p:nth-of-type(2){ font-size:14px; font-family:"Microsoft YaHei"; text-align:center; color:#666; line-height:24px;}
.service1>a{ display:block; width:110px; height:28px; line-height:28px; margin:40px auto 0; background-color:#de2534; text-align:center; font-size:16px; color: #fefefe; border-radius:5px;}
.service2{ position:absolute; top:100%; left:0; width:100%; padding:125px 36px 125px; background-color:rgb(8,17,50); opacity:0; color:rgba(255,255,255,0); text-align:center;}
.service1:hover .service2{ opacity:1; top:0; color:rgba(255,255,255,1); transition:all .5s ease-out;}
.service2>p:nth-of-type(1){ font-size:18px; margin-bottom:18px;}
.service2>p:nth-of-type(2){ font-size:14px; line-height:25px;}
.service2 hr{ margin:18px 0;}
.service2>p:nth-of-type(3){ font-size:16px;line-height:28px;}
.service2>a{ display:block; width:110px; height:28px; line-height:28px; margin:27px auto 0; background-color:#de2534; text-align:center; font-size:16px; color:#fefefe; border-radius:5px;}

@media (max-width:1600px) {
    .index-service{ width:1200px; }
}

@media(min-width:768px) and (max-width:798px){
    .index-service{ width:700px; }
}

@media(min-width:992px) and (max-width:1002px){
    .index-service{ width:900px; }
}

@media(min-width:1120px) and (max-width:1200px){
    .index-service{ width:1040px; }
}

@media(min-width:1200px) and (max-width:1280px){
    .index-service{ width:1080px; }
}

@media(min-width:1280px) and (max-width:1484px){	
    .index-service{ width:1200px; }
}