@charset "utf-8";
/* CSS Document */

.inpage{}

.inbanner{ background:url(../img/inbanner.jpg) no-repeat top center; height:300px; background-size:cover !important;}

/*内页导航条*/
.insub {
    padding: 20px 0;
	background-color: #f5f5f5;
}
.insub .innav {}
.insub .innav li{ display: inline-block; margin-right: 1.5em;}
.insub .innav li a{ color:#666; font-size: 16px; text-decoration: none; -webkit-transition: all .2s; transition: all .2s; display:block;}
.insub .innav li a.on,
.insub .innav li a:hover { border-bottom: 2px solid #ff6702; color: #ff6702;}
.insub .innav p{
	display: inline-block;
    line-height: 2;
    padding-left: 10px;
    border-left: 2px solid #ff6702;
    margin-right: 30px;
    font-size: 20px;
    font-weight: bold;
    color: #666;
}

.inmain{
	padding:40px 2%;
    background-color: #ffffff;
    border-radius: 10px;
    box-shadow: 0 0 20px rgba(0,0,0,.1);
}
.inmain .content { font-size: 16px; line-height: 30px; color: #666; }
.inmain .content img{ display:inline; max-width:100%;}

/*新闻*/
.innewslist{}
.innewslist .item { display:inline-block; width:29%; border:1px solid #dedede; padding:18px; margin:0 1% 1% 0;}
.innewslist .item:nth-child(3n){ margin-right:0;}
.innewslist .item:hover{}
.innewslist .item .pic{ margin-bottom:18px; height:228px; overflow:hidden;}
.innewslist .item .pic img{ display:block; width:100%;}
.innewslist .item .time{ margin-bottom:17px;}
.innewslist .item .time a{ color:#666; font-size:12px;}
.innewslist .item .name{ margin-bottom:20px;text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}
.innewslist .item .name a{ font-size:16px; font-weight:bold; color:#333;}
.innewslist .item .link { overflow: hidden;}
.innewslist .item .link a { width: 24px; height: 24px; display: block; background: url(../img/hb01img01s.png) no-repeat center; float: left; }
.innewslist .item .link a.l02 { float: right; background-image: url(../img/hb01img02s.png); }


/*客户反馈*/
.messagecon { font-size: 16px; line-height: 24px; margin-bottom: 20px; font-family: microsoft yahei; }
.messagecon p { margin-bottom: 20px; }
.messagetit { font-size: 16px; font-weight: bold; line-height: 30px; height: 30px; }
.messagetarea { padding: 10px; border: 1px solid #dedede; font-size: 16px; line-height: 26px; font-family: microsoft yahei; color: #666; resize: none; width: 96%; height: 90px; -webkit-transition: all .2s ease-in; transition: all .2s ease-in; background: #f8f8f8; margin-bottom: 20px; }
.messagetarea:focus { color: #333; outline: none; background: #fff; }
.messageinput { width: 27%; padding: 10px; height: 26px; line-height: 26px; font-size: 14px; border: 1px solid #dedede; margin: 0 5px 0 0; font-family: microsoft yahei; color: #666; -webkit-transition: all .2s ease-in; transition: all .2s ease-in; background: #f8f8f8; margin-bottom: 20px; }
.messageinput:focus { color: #333; outline: none; background: #fff; }
.messagebtn { width: 30%; text-align: center; line-height: 50px; height: 50px; font-size: 16px; border: 0; background: #b8c5ce; color: #2d3e50; border-radius: 4px; font-family: microsoft yahei; cursor: pointer; margin-right: 10px; margin-bottom: 30px; }
.messagebtn.btnon { width: 50%; color: #fff; }
.messagebtn:hover { opacity: .8; filter: alpha(opacity=80); }
.main .con .yanzhengma { display: inline; }
.messagebtn.btnon { background: #105390; }

/*联系我们*/
.cantact{ padding:30px 0;}
.cantact .box{ margin-bottom:50px;}
.cantact h2{
	font-size: 20px;
    color: #165594;
    margin-bottom: 30px;
    text-align: center;
    font-family:"思源黑体 CN Regular";
}
.cantact ul{ background-color:#f3f3f3; padding:30px 20px; font-size:0;}
.cantact ul li .pic{ width:20%; margin:0 auto; margin-bottom:10px;}
.cantact ul li .pic img{ display:inline; width:100%;}
.cantact ul li{
	display: inline-block;
    width: 20%;
    text-align: center;
    font-size: 16px;
    line-height: 160%;
    color: #666;
}
.cantact ul li p{ font-size:15px;}


/*工程实例*/
.casebox{}
.casebox .box{ background:#f5f5f5; border-radius:20px; padding:18px; display:inline-block; width:21%; margin:0 10px 10px 0;}
.casebox .box:nth-child(4n){ margin-right:0;}
.casebox .box .pic{ border-radius:10px;}
.casebox .box .pic img{ display:block; max-width:100%; border-radius: 10px;}
.casebox .box .name{ padding-top:20px; color:#333; font-size:16px; font-weight:bold; text-align:center;}


/*荣誉证书*/
.honor{}
.honor .box{ display:inline-block; width:24%; margin:0 10px 20px 0;}
.honor .box:nth-child(4n){ margin-right:0;}
.honor .box .pic {
	border: 3px solid #C00;
    padding: 2px;
    height: 200px;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
}
.honor .box .pic img{ display:block; width:100%;}
.honor .box .name{ text-align:center; font-size:16px; color:#333;}


/*产品左侧列表*/
.proside{ width:200px; float:left; line-height: 2;}
.proside h3{
	color: #000;
    font-size: 24px;
    font-weight: normal;
}
.proside .unline{
	border-bottom: 2px solid #333;
    width: 20%;
    margin-bottom: 20px;
    -webkit-transition: all 0.5s ease-in-out;
    transform: all 0.5s ease-in-out;
}
.proside:hover .unline{ border-bottom:2px solid #ff6702; width:30%;}

.proside .navpro .nLi{ border-bottom: 1px dashed #888;}
.proside .navpro .nLi a{
	padding-left: 10px;
    color: #333;
    font-size: 15px;
    display: block;
    height: 36px;
    line-height: 36px;
    position: relative;
}
.proside .navpro .nLi .inactive{ background:url(../img/jt-pro.png) no-repeat 184px center;}
.proside .navpro .nLi .inactives{background:url(../img/jt-pro1.png) no-repeat 184px center;} 
.proside .navpro .nLi .sub{ display:none;}
.proside .navpro .nLi .sub li {}
.proside .navpro .nLi .sub li .sss{ display: none;}
.proside .navpro .nLi .sub li a{
	padding-left: 20px;
    font-size: 14px;
    color: #2f4963;
}
.proside .navpro .nLi .sub li .sss li {}
.proside .navpro .nLi .sub li .sss li a{ color:#2f4963; padding-left:30px;}




/*产品内容*/
.inpromain .content{ float:right; width:calc(100% - 250px);}
.probox .info{
	position: relative;
    float: left;
    width: 26%;
	margin-right:13px;
	margin-bottom:13px;
    background: #f5f5f5;
    border-radius: 20px;
    padding: 20px 25px;
}
.probox .info:nth-child(3n){ margin-right:0;}
.probox .info .pic{
    display: flex;
    align-items: center;
    justify-content: center;
}
.probox .info .pic img{ display:block; max-width:100%; border-radius: 10px;}
.probox .info .box{ padding-top:16px;}
.probox .info .name{ font-size:16px; color:#2f4963; font-weight:bold;text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}
.probox .info .list{ font-size:12px; color:#666;}
.probox .info .more{
	background: #2f4963;
    width: 26px;
    height: 26px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
	position: absolute;
    right: 18px;
    bottom: 18px;
}
.probox .info .more a{ color:#fff; font-weight:bold; font-size:20px;}



/*关于我们*/
.about_box { margin-bottom: 20px; margin-top: 20px; }
.about_box .item { text-align: center; float: left; width: 23%; }
.about_box .item .img { margin-bottom: 5px; }
.about_box .item .img img { max-width: 80%; }
.about_box .item:hover .img { -webkit-animation: link-live-sidebar-jumping cubic-bezier(.22,.58,.12,.98) 1.5s infinite; animation: link-live-sidebar-jumping cubic-bezier(.22,.58,.12,.98) 1.5s infinite; }
.about_box .item .name { font-size: 16px; color: #333; position: relative; line-height: 40px; }
.about_box .item .name:after { content: ''; display: block; width: 20px; height: 2px; background: #165594; position: absolute; left: 50%; bottom: -2px; margin-left: -10px; }

.about-top{ margin-bottom:50px;}
.about-top p{ font-size:15px;}
.about-top h2{
	font-size: 20px;
    color: #165594;
    margin-bottom: 30px;
    text-align: center;
    font-family:"思源黑体 CN Regular";
}

.xxxxs { display: none;}


@media (max-width:1200px){
	.innewslist .item{ width:28%;}
	.probox .info{ width:40%; margin:1%;}
	.probox .info:nth-child(3n){ margin-right:1%;}
	.casebox .box{ margin:1%; width:27%;}
	.casebox .box:nth-child(4n){ margin-right:1%;}
	.honor .box{ margin:1%; width:30%;}
	.honor .box:nth-child(4n){ margin-right:1%;}
}

@media (max-width:980px){
	.inmain .content img{ margin:0 auto;}
	.innewslist .item{ width:26%;}
	.probox .info{ width:37%;}
	.casebox .box{ width:40%;}
}

@media (max-width:768px){
	.inbanner{ height:200px; background-position:32% 0 !important;}
	.cantact{ background:none;}
	.cantact ul li{ width:100%;}
	.honor .box{ width:100%;}
	.casebox .box{ width: 100%; margin-bottom:10px; box-sizing: border-box;}
	.proside,.inpromain .content{ width:100%;}
	.probox .info{ width:100%; margin-bottom:10px; box-sizing:border-box;}
	.proside h3,.proside .unline{ display:none;}
	.innewslist .item{ width:100%; margin-bottom:10px; box-sizing:border-box;}
	.proside .navpro .nLi{
		border-bottom: 1px dashed #888;
		width: 46%;
		float: left;
		text-align: center;
		margin: 0 2%;}
	.xxxxs {
    display: block;
    width: 100%;
    height: 40px;
    line-height: 40px;
    font-size: 16px;
    color: #666;
    text-decoration: none;
    text-align: center;
    border: 1px solid #ddd;
    box-sizing: border-box;
    margin-top: 30px;
    background-color: #f1f1f1;}
}