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

.inbanner{
    background-image: url(../images/dimg/inbanner1.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    height: 500px;
    display: flex;
    align-items: center;
}
/*位置条*/
.ny-location { background: #eee; height: 60px; line-height: 60px; display:flex; color:#333;}
.ny-location .dot { float: right; width: 20%; text-align: right; }
.ny-location .dot a{ color:#333;}
.ny-location ul { float: left; width: 60%;}
.ny-location ul li { list-style: none; float: left; }
.ny-location ul li a { font-size: 16px; color: #333; display: block; transition: 0.3s; padding: 0 20px; }
.ny-location ul li.aon a, .ny-location ul li a:hover {
	color: #333;
    background: #f5ef07;
    font-weight: bold;
}

/*公司简介*/
.inner_box{ padding:80px 0;}
.inner_top_title{ text-align:center; font-size:30px; color:#000; font-weight:bold;text-transform: uppercase;}
.inner_middle{ line-height:2; font-size:18px; margin-top:50px;}
.inner_middle img{ display:inline; max-width:100%;}
.inner_middle .b_t { font-size: 24px; position: relative; padding: 15px 0; margin-bottom:15px; }
.inner_middle .b_t::before { content: ''; display: block; position: absolute; bottom: 0; left: 0; width: 40px; height: 2px; background-color: #7aca35 }
.inner_middle .flex {
    display: flex;
    flex-wrap: wrap;
	margin-top:50px;
}
.inner_middle .flex-l { width: 50%; padding-right: 3% ;box-sizing: border-box;}
.inner_middle .flex-r { width: 50%; box-sizing: border-box;}
.inner_middle .flex-rr { flex-direction: row-reverse;}
.inner_middle .flex-rr .flex-l { padding-right: 0 ;}
.inner_middle .flex-rr .flex-r { padding-right: 3% ;}

/*新闻*/
.inner_news{
	display: flex;
    justify-content: flex-start;
    flex-flow: wrap;
}
.inner_news .item{
	width:33.333%;
}
.inner_news .item .info {
	background: #fff;
	padding: 15px 40px;
	text-align: center;
}
.inner_news .item .info .series {
	font-size: 14px;
	color: #666;
	line-height: 30px;
	margin-top: 10px;
	text-align: left;
	font-weight: 700;
}
.inner_news .item .info .name {
	font-size: 19px;
	color: #333;
	margin-top: 10px;
	margin-bottom: 20px;
	text-align: left;
	font-weight: 700;
	line-height: 120%;
	display: -webkit-box;
	overflow: hidden;
	-webkit-box-orient: vertical;
	word-break: break-all;
	-webkit-line-clamp: 2;
}
.inner_news .item .info .text {
	line-height: 140%;
	color: #777;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	word-break: break-all;
	-webkit-line-clamp: 3;
	overflow: hidden;
	margin: 10px auto;
	text-align: left;
	margin-bottom: 20px;
}
.inner_news .item .info .btns {
	font-size: 13px;
	line-height: 120%;
	color: #f5ef07;
	font-weight: 500;
	background: #022476;
	padding: 14px 20px;
	width: 80px;
	text-align: center;
	margin: 40px 0 20px 0;
}

/*产品*/
.inner_product{ margin-bottom:50px;}
.inner_product .item {
	width: 24.25%;
	float: left;
	margin-right: 1%;
	margin-bottom: 1%;
	box-sizing: border-box;
	-webkit-transition: all .3s;
	transition: all .3s;
	background: rgba(255,255,255,1);
	border: #ccc 1px solid;
}
.inner_product .item:nth-child(4n) { margin-right: 0; }
.inner_product .item:hover {
	-webkit-transform: translateY(-5px);
	transform: translateY(-5px);
	cursor: pointer;
	-webkit-box-shadow: 2px 2px 2px rgb(221 237 236 / 60%);
	box-shadow: 2px 2px 2px rgb(0 0 0 / 20%);
}
.inner_product .item .imgitem img {
	width: 100%;
	display: block;
}
.inner_product .item .itemblock {
	padding: 20px 30px;
	background: #FFF;
}
.inner_product .item .tim {
	line-height: 20px;
	height: 20px;
	font-size: 15px;
	color: #ff4000;
	margin-bottom: 10px;
	font-weight: 500;
}
.inner_product .item .tim span {
	float: right;
	color: #999;
	font-weight: 500;
}
.inner_product .item .nam {
	font-size: 18px;
	color: #666;
	line-height: 26px;
	overflow: hidden;
	margin-bottom: 20px;
}
.inner_product .item .nam a {
	color: #06c;
	text-decoration: none;
	font-size: 18px;
	display: -webkit-box;
	overflow: hidden;
	-webkit-box-orient: vertical;
	word-break: break-all;
	-webkit-line-clamp: 2;
	text-align: left;
	font-weight: 500;
}
.inner_product .item .txt {
	color: #777;
	line-height: 24px;
	margin-bottom: 0px;
	display: -webkit-box;
	overflow: hidden;
	-webkit-box-orient: vertical;
	word-break: break-all;
	-webkit-line-clamp: 2;
}
/*人才招聘*/
.inner_job{
	display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: flex-start;
}
.inner_job .item{
	float: left;
    width: 50%;
    box-sizing: border-box;
    padding: 0 20px;
    margin-bottom: 40px;
}
.inner_job .item .job_nam{
	background: #cfd6e5;
    border: 1px solid #798bb7;
    padding: 0 0 0 20px;
    margin-bottom: 10px;
	color:#022476;
}
.inner_job .item .job_txt{}

/*联系我们*/
.inner_contact{
	display: flex;
    flex-wrap: wrap;
}
.inner_contact .leftbox{
	background: #111;
	padding: 4%;
    width: 40%;
	box-sizing:border-box;
}
.inner_contact .leftbox .contact_nam{
	font-size: 23px;
    font-weight: 600;
    color: #FFF;
    padding-bottom: 10px;
}
.inner_contact .leftbox .contact_ul{}
.inner_contact .leftbox .contact_ul li{margin-top: 20px;color: #c1c0c0;}
.inner_contact .leftbox .contact_ul strong{color: #FFF;}
.contact_feed{
	width: 60%;
    padding-left: 5%;
	box-sizing: border-box;
}
.contact_feed h5{
	font-size: 26px;
    font-weight: bold;
    color: #022476;
    margin-bottom: 20px;
}
#feedbackForm { font-weight: 400; max-width: 890px }
#feedbackForm .send-btn { width: 200px; height: 50px; background: #7aca35; border-radius: 5px; margin-top: 30px; text-align: center; line-height: 50px; font-size: 16px; color: #FFF; cursor: pointer }
.messagecon { font-size: 16px; line-height: 24px; margin-bottom: 20px;  }
.messagetarea { padding: 10px; border: 1px solid #dedede; font-size: 16px; line-height: 26px;  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: 47.5%; padding: 10px; height: 50px; line-height: 50px; font-size: 16px; border: 1px solid #dedede; margin: 0 5px 0 0;  color: #666; -webkit-transition: all .2s ease-in; transition: all .2s ease-in; background: #f8f8f8; margin-bottom: 20px;box-sizing: border-box; }
.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: #d0d0d0; color: #333; border-radius: 4px;  cursor: pointer; margin-right: 10px; margin-bottom: 30px; }
.messagebtn:hover { opacity: .8; filter: alpha(opacity=80); }
.messagebtn.btnon { background: #022476;  color: #fff; }

/*产品内页*/
.pdshow-l { width: 40%; }
.preview-container { position: relative; width: 100% }
.preview-container .small-box img { max-width: 100%; max-height: 100%; display: block }
.preview-container .small-box .hover { position: absolute; width: 180px; height: 180px; background-color: hsla(0,0%,80%,.6); border: 1px solid #EEE; display: none; cursor: move }
.preview-container .thumbnail-box { margin-top: 30px; position: relative; width: 100% }
.preview-container .thumbnail-box .btn { position: absolute; top: 50%; width: 22px; height: 22px; margin-top: -11px; color: #022476 }
.preview-container .thumbnail-box .btn i { font-size: 26px; font-weight: 600 }
.preview-container .thumbnail-box .btn-prev { left: 0 }
.preview-container .thumbnail-box .btn-next { right: 0 }
.preview-container .thumbnail-box .btn_next_disabled, .preview-container .thumbnail-box .btn_prev_disabled { opacity: .5; cursor: not-allowed }
.preview-container .thumbnail-box .list { overflow: hidden; width: calc(100% - 72px); margin: 0 auto; position: relative }
.preview-container .thumbnail-box .list .swiper-pagination { display: none }
.preview-container .thumbnail-box .list ul .item { width: 110px; height: 110px; display: flex; justify-content: center; align-items: center; margin: 0 6px; border: 1px solid #e5e5e5; font-size: 0; cursor: pointer; overflow: hidden }
.preview-container .thumbnail-box .list ul .item img { width: 99% }
.preview-container .thumbnail-box .list ul .item-cur { border-color: #022476 }
.preview-container .thumbnail-box .list .banner-page { display: none; justify-content: center; align-items: center; position: absolute; width: 13.3333333333vw; border-radius: 5.3333333333vw; background: #022476; bottom: 1.3333333333vw; right: 1.3333333333vw; z-index: 999 }
.preview-container .thumbnail-box .list .banner-page span { color: #FFF; font-size: 4vw; margin: 0 2px }
.preview-container .big-box { display: none; overflow: hidden; top: 0; left: calc(100% - 1px); border: 1px solid #e5e5e5; position: absolute; width: 100%; height: 560px; background: #FFF; z-index: 20 }
.preview-container .big-box img { display: block; max-width: none; max-height: none; width: 150% }
.pdshow-r { width: 60%; padding: 10px 0 0 50px; color: #2a2a2a ; box-sizing:border-box;}
.pdshow-r h1 { font-size: 40px; font-weight: 400; line-height: 1.3 }
.pdshow-r-text { line-height: 1.6; padding: 3% 0 6%; font-size: 18px; border-bottom: 1px solid #e5e5e5; margin-bottom: 6% }
.pdshow-r-btn { margin-top: 6%; display: flex; justify-content: space-between }
.pdshow-r-btn>a, .pdshow-r-btn>div { width: 48%; height: 42px; border: 1px solid #022476; color: #022476; display: flex; justify-content: space-between; align-items: center; padding: 0 20px; margin-bottom: 10px; transition: all .2s ease-in-out; text-transform: uppercase }
.pdshow-r-btn>a:hover, .pdshow-r-btn>div:hover { background-color: #022476; color: #FFF }
.pdshow-r-btn>div a { display: flex; align-items: center; width: 100%; height: 100% }
.prodetails-box-cont { margin-top: 3% }
.prodetails-box-tit { font-size: 24px; color: #2a2a2a; margin-bottom: 16px; border-bottom: 1px solid #e5e5e5; padding-bottom: 8px; text-transform: uppercase; font-weight: 400 }
.prodetails-box { margin-top: 30px }
.prodetails-bref { font-size: 16px; color: #2a2a2a }
.prodetails-bref strong { font-weight: 600 }
.prodetails-bref, .prodetails-bref p, .siggle-page .page-r { line-height: 1.6 }
.pages-list { margin-top: 50px; display: flex; flex-wrap: wrap; justify-content: space-between }
.pages-list>div { width: 50%; color: #2b2b2b; display: flex; align-items: center; font-size: 18px; line-height: 1.2; transition: all .2s ease-in-out; border: 1px solid transparent; padding: 6px 10px; font-size: 18px; background: #fafafa; box-sizing:border-box; }
.pages-list a{color: #2b2b2b;}
.pages-list>div:hover { color: #022476; border-color: #022476 }
.pages-list>div i { display: inline-block; font-size: 26px; margin: 0 10px }
.pages-list>div:nth-child(2) { justify-content: flex-end; text-align: right }
.pages-list>div p { width: calc(100% - 46px) }

@media(max-width:1024px) {
	
}

@media(max-width:768px) {
	.pdshow-l, .pdshow-r { width: 100% }
	.preview-container .thumbnail-box .list { width: 100% }
	.preview-container .thumbnail-box .list ul .item-cur { border: none }
	.preview-container .thumbnail-box .list ul .item { width: 100%; height: auto; border: none }
	.preview-container .thumbnail-box .list .banner-page { display: flex }
	.pdshow-r { padding-left: 0 }
	.pages-list>div { width: 100% }
	.pages-list>div:nth-child(1) { margin-bottom: 10px }
	
	.inbanner{ height:300px;}
	.inner_middle .flex-l,.inner_middle .flex-r{ width: 100% }
	.ny-location{ height:auto;}
	.ny-location .dot{ display:none;}
	.ny-location ul{ width: 100% }
	
	.inner_news .item{ width: 100% }
	.inner_job .item{ width: 100% }
	.inner_contact .leftbox{ width: 100% }
	.contact_feed{ width: 100% }
	.inner_box{ padding:50px 0;}
	.inner_product .item .txt{ font-size:16px;}

}

@media(max-width:425px){
	
	.inner_product .item:nth-child(2n){ margin-right:0;}
	.inner_product .item{ width:49%;}
	
	.pdshow-r h1{ font-size:24px;}
}