@charset "utf-8";
/* CSS Document */
body,html{width:100%; margin:0px; padding:0px; overflow-x:hidden;text-align:center; background:#000}
.viewport{ margin:0 auto; background:#FFF; position:relative;}

.top2{ width:20.9rem;height:11rem;}
.top3{ height: 3.5rem;width: 4rem;margin:5.2rem 1.9rem 0 1.9rem;}

.nav{ width:100%; height:4rem; background:#333;}
.nav ul li{ float:left; width:20%;height:4rem;}
.nav ul li a{ display:block; width:99%; border-left:1px solid #3C3C3C; margin-top:1rem; line-height:1.2;font-weight:bold;}
.nav ul li:first-child a{ border-left:none;}
.nav ul li a i{ display:block; font-size:0.6rem; color:#999;}
.nav ul li a:hover,.nav ul li a.hover{ color:#EE878B;}
.nav ul li a:hover i,.nav ul li a.hover i{ color:#EE878B;}

.type_List{ text-align:center; border-bottom:5px solid #EE878B;}
.type_List a{ display:inline-block; height:3.3rem; width:32.5%; margin:0 0.4%;color:#fff; background:#05195B; line-height:1.2; padding-top:0.7rem;}
.type_List a i{display:block; font-size:0.8rem;}
.type_List a:hover,.type_List a.active{ background:#EE878B; }

.topblue{
    width:100%;
    height:0.82rem;
    background:#04195d;
    border-top:1px solid #fff;
    overflow: hidden;
}
.topblue div{
    width:2.15rem;
    border-top:1px solid #fff;
    float:left;
    margin-top:0.4rem;
}
.topblue p{
    width:2.8rem;
    color:#fff;
    text-align:center;
    line-height:0.82rem;
    border-left:1px solid #fff;
    border-right:1px solid #fff;
    font-size:0.3rem;
    float:left;
}


.type_List1{ text-align:center; background:#EEE;}
.type_List1 a{ display:inline-block;height:3.5rem;line-height:3.5rem; width:19.8%; margin-left:-1px; color:#202020; font-size:1.2rem; border-left:1px solid #DDD; border-bottom:1px solid #DDD; }
.type_List1 a.hover,.type_List1 a:hover{ color:#EE878B; font-weight:bold;}
.type_List1 a:first-child{border-left:none}
.type_List1 a:last-child{border-right:1px solid #DDD}

.fenlei{ width:100%; background:#fff;}
.fenlei ul li{ width:24.8%; float:left;margin-left:-1px; border-left:1px solid #F9C8CB; border-bottom:1px solid #F9C8CB;}
.fenlei ul li.lileft{border-left:none;}
.fenlei ul li a{ display:block;width:100%; height:10rem;}
.fenlei ul li a img{ width:28%; padding-top:2rem;}
.fenlei ul li a:hover{ background:#051A5C;}

.adv ul{width:100%;}
.adv ul li{/*width:33.3%;*/overflow:hidden; float:left;}
.adv ul li img{width:10rem;height:15rem;}

.ert{ width:100%; height:2rem; background:url(../images/tt1.png) no-repeat; background-size:100% 100%;}

.case ul li{width:100%;overflow:hidden; margin-bottom:2rem;}
.case1 ul{ width:103%; overflow:hidden;}
.case1 ul li{ float:left; width:47%; margin-right:3%; margin-bottom:1.75rem;}

.more{ width:100%;height:4rem; line-height:4rem; border:1px solid #444; color:#444;}
.more:hover{}
.more1{  width:100%;height:4rem; line-height:4rem; border:1px solid #DDD; color:#111;}
.more1:hover{}
.more3{  width:100%;height:4rem; line-height:4rem; border:1px solid #051A5C; color:#fff; background:#051A5C;}
.more3:hover{}

.hd ul li{width:100%;overflow:hidden; margin-bottom:3.5rem;}

.love ul li{width:100%;overflow:hidden; padding:0.2rem 0; border-bottom:1px solid #333;}
.grid-item {width:100%;}
.hdimg {float: left;width: 8rem;height: 8rem;}
.box {position: relative;height: 6rem;padding: 1rem;margin-left:8.3rem;background-color: #172d78;border-radius: 0.5rem; text-align:left;}
.grid-item:hover .box {color: #ee878b;}
/*.box:before {
			content: '';
			position: absolute;
			left: -1.75rem;
			top: 40%;
			width: 1.75rem;
			height: 2.25rem;
			margin-top: -1.1rem;
			background-image: url(../images/arrow.png);
			background-repeat: no-repeat;
			background-size: 100% 100%;
}*/

.dialog .content{overflow: hidden;}
.dialog .line{width:100%;}
.dialog .line input[type="text"]{ width:94%; height:4.5rem; line-height:4.5rem; background:#222; border:1px solid #333; font-size:1.4rem; color:#CCC; padding-left:5%;}
.dialog .line input[type="tel"]{ width:94%; height:4.5rem; line-height:4.5rem; background:#222; border:1px solid #333; font-size:1.4rem; color:#CCC; padding-left:5%;}
.button2{cursor: pointer;background:#EE878B; color:#FFF;height:4.5rem;line-height:4.5rem;font-size:2rem;text-align:center; width:99%;}
.button2:hover{background:#051A5C;color:#FFF;}

.bot1{ border-bottom:1px solid #37487D;}
.chakan{ width:4rem;}
.body{ font-size:1rem;}.body img{ max-width:100%; height:auto}
.zy{ width:100%; height:6.15rem; background:url(../images/zy.jpg) no-repeat;background-size:100% 100%;}
.zy a{ display:block; float:left; width:33%;height:6.15rem;}

.btq{width:100%;position:fixed;left:0;bottom:0;z-index:1000;background:url(../images/q.jpg) no-repeat;height:4.3rem; background-size:100% 100%;}
.btq a{display:block; float:left;height:4.3rem;width:30%;}
.btq .l{width:40%;}

.mpage { display:block;margin:1.5rem auto 0; text-align:center;}
.mpage li{ display:inline-block; padding:0.25rem;}
.mpage .count,.mpage .pend,.mpage .phome{ display:none;}
.mpage .pnext a,.mpage .ppre a,.mpage .ppage a{ display:inline-block;*display:inline;zoom:1; line-height:2.5rem; width:2.5rem; text-align:center; background:#FFF;color:#222; border:1px solid #DDD;}
.mpage .pnext a,.mpage .ppre a{width:auto; padding:0 2rem; }
.mpage  a:hover,.mpage  a.hover{ background:#154399;color:#FFF; border-color:#154399;}

.notice{border-top:1px solid #ccc; margin-bottom:8px;padding:4px 0 34px 15px;width: 100%;height:40px;margin: 0 auto;line-height:40px;overflow: hidden; text-align:left}
.notice img{vertical-align: middle; margin-bottom:10px;}
.notice a{ font-size:20px;}
/*#scrollDiv{ width:670px; }
#scrollDiv1{ width:670px;}*/
#scrollDiv{ width:94%; height:290px;overflow:hidden}
#scrollDiv1{ width:94%;height:290px;overflow:hidden}
#scrollDiv ul li {width: 200px;margin-right: 10px;float: left;margin-bottom: 2.75rem;}
#scrollDiv1 ul li {width: 200px;margin-right: 10px;float: left;margin-bottom: 2.75rem;}
#scrollDiv1 ul li img{ width:200px; height:250px;}
#scrollDiv ul li img{ width:200px;height:250px;}