﻿*{ font-size: 14px;}

.container,
  .navbar-static-top .container,
  .navbar-fixed-top .container,
  .navbar-fixed-bottom .container {
    width: 1170px\9;
  }
input{    border-radius: 0}
li{ list-style:none}  
a {
    color: #333;
    text-decoration: none;
}
a:hover{
    text-decoration: none;
}
.fr{float: right;}
.fl{ float: left;}
.width{
	width: 90%;
	margin: 0 auto;
}
/* Clear */
.clearfix:after{content:"";display:block;height:0px;clear:both;visibility:hidden}
.clearfix{display:inline-block}
/* Hides from IE-mac \*/ 
.clearfix{display:block} 
/*头部开始=========================================================================  */
#header{
	padding: 3vh 0;
}




/*banner开始=======================================================================================*/

	   
/*top开始------------------------------------------------------------------*/

/*首页*/

.ny-pc img{
	width: 100%;
}
.ny-m img{
	width: 100%;
}

.logo img {
    width: 100%;
}

/*搜索*/
.xq-sousou{
	width:16%;
	position: relative;
}
.ss-zuo2{
	width: 100%;
}
.ss-zuo2 input{
	border: none;
	background: #f6f6f6;
	line-height: 40px;
	padding-left: 20px;
	color: #959595;
	font-size: 15px;
	width: calc(100% - 20px);
	border-radius: 40px;
}
.ss-you2{
	position: absolute;
	right: 0;
}
.ss-you2 input{
	width: 40px;
	line-height: 40px;
	border-radius: 40px;
	border: none;
	text-transform: uppercase;
	background: url(../images/ss-icon.png) no-repeat center center #151f6d;
}

.ny-ssbox tr th{
	line-height: 60px;
	background: #151f6d;
	font-size: 20px;
	color: #fff;
}
.ny-ssbox tr th.news-time{
	width: 30%;
}
.ny-ssbox tr th.news-title{
	width: 70%;
}
.ny-ssbox table{
	width: 100%;
}
.ny-ssbox tr td{
	line-height: 40px;
	border: solid 1px #F6F6F6;
	padding: 10px;
}
.ny-ssbox tr:nth-of-type(odd){
	background: #f6f6f6;
}


/*footer开始====================================================================================*/

#copyright .banq{ color: #fff;line-height: 30px; text-align: center; padding: 20px 0;background: #151f6d;}

/*内页开始====================================================================================*/



#page_main{padding: 40px 0;}
.page-container{padding: 3rem;box-shadow: 0px 5px 20px #f0f0f0;margin-top: 4rem;}
.page-container1{
	margin-top: 4rem;
}
.page-container img{ max-width:100%;}

.page-url ul{ display: inline-block;text-align: center;
    display: flex;
    -webkit-box-align: center;
    align-items: center;}
.page-url li{ flex-grow: 1;background: #151f6d;margin: 0 1%;}
.page-url li:hover{
	background: #e60036;
}
.page-url li a{display:block;line-height:50px;}
.page-url ul li a span{font-size: 18px;color: #fff;}



.page-url li a:hover span{ }
.page-url li.lihover{
	background: #e60036;
}



.proNav li{
    text-align: center;
   padding: 0 1% 1% 0;
	}
	.ny-cptp{
		width: 100%;
		/*height: 20rem;*/
		overflow: hidden;
	}
	.ny-cptp img{
		/*height: 100%;
		max-width: 100%;*/
		width: 100%;
		height: auto;
		cursor: pointer;
  transition: all 0.6s;
	}
	.ny-cptp img:hover{
		 transform: scale(1.1);
	}
	.ny-cpmc{
		line-height: 60px;
		background: #151f6d;
	}
	.proNav li:hover .ny-cpmc{
		background: #e70036;
	}
	.ny-cpmc a{
		font-size: 16px;
		color: #fff;
	}
	.page_list {
    text-align: center;
    padding-top: 20px;
    padding-bottom: 20px;
}
.page_list span.current {
    border: #ddd 1px solid;
    padding: 4px 5px;
    font-weight: bold;
    margin-right: 2px;
    color: #FFF;
    background-color: #151f6d;
}	
.page_list a {
    border: #ddd 1px solid;
    color: #151f6d;
    padding: 4px 5px;
    margin-right: 2px;
}
.page_list select{    width: 48px; line-height:29px; height:29px; margin-bottom:3px;
    background-color: #ffffff;
    border: 1px solid #cccccc;}
	.page {
	margin-top:20px;
    line-height: 50px;
    border-top: 1px dotted #ddd;
    border-bottom: 1px dotted #ddd;
}
.page span{ display: inline-block; width: 49%;}
.related {
    font-weight: bold;
    line-height: 50px;
    font-size: 18px;
    margin: 20px 0;
    background: #ddd;
    color: #222;
    text-align: center;
}
.related_cp ul {
    width: 100%;
    height: auto;
    padding-top: 6px;
    overflow: hidden;
    padding-bottom: 20px;
}
.related_cp ul li {
    text-align: center;
    float: left;
    margin-right: 20px;
}	
.related_cp ul li img {
    border: 1px solid #e4e4e4;
    height: 176px;
    padding: 5px;
}
.related_cp ul li a:hover img {
    border: 1px solid #151f6d;
}
.related_cp{margin-top: 50px;}


.newsList li{
	padding: 1%;
}
.ny-xwtext{
	background: #f9f9f9;
	padding: 5%;
	border-radius: 20px;
}
.ny-xwh a{
	display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
	font-size: 20px;
	color: #222;
	font-weight: bold;
	line-height: 30px;
}
.newsList li:hover .ny-xwh a{
	color: #e70036;
}
.ny-xwtime{
	margin: 1.5rem 0;
	font-size: 14px;
	color: #646464;
}
.ny-xwp{
	font-size: 16px;
	line-height: 32px;
	height: 7vh;
	overflow: hidden;
}
.ny-bz{
	height: 11vh;
	overflow: hidden;
}
.ny-xwck{
	margin: 1.5rem 0;
}
.ny-xwck a{
	font-size: 15px;
	color: #151f6d;
}
.ny-xwimg{
	width: 100%;
	height: 31vh;
	overflow: hidden;
	display: flex;
    align-items: center;
    justify-content: center;
}
.ny-xwimg img{
	/*height: 100%;*/
	width: 100%;
	cursor: pointer;
  transition: all 0.6s;
}
.ny-xwimg img:hover{
	transform: scale(1.1);
}

.ny-lxleft{
	background: #151f6d;
	padding: 3%;
	height: 350px;
}
.ny-lxleft ul li{
	font-size: 16px;
	line-height: 32px;
	color: #fff;
}
.ny-lxleft ul li.ny-lxgsmc{
	font-size: 24px;
	font-weight: bold;
	margin-bottom: 2rem;
}
.ny-lxleft ul li.ny-dyjd ul li{
	float: left;
	margin-right: 1%;
	margin-top: 2rem;
}

#proinfo_c img,.page-about p img,.newsList li .img a img{
	max-width: 100%;
	height: auto;
	}
	
	.jobList li{ width:20%; float:left; text-align:center; line-height:40px; border-bottom:1px dashed #ccc; }
.jobList li span{ display: block; width: 100%; height: 100%;  display: block;  color: #f7f7f7;background: #151f6d; padding: 10px 0;}
.page-guestbook b{ line-height:30px;  display:inline-block; width:80px; text-align:right;}
.page-guestbook dt{ line-height:30px; width: 100%;}
.page-guestbook b span{ padding-left:10px;}
.showjobList li{ border: 1px solid #ccc; border-top:none ; height: 40px; width:100%; line-height: 40px;}
.showjobList li div{ width: 50%; float: left;}
.showjobList li b{ color: #151f6d;  display: block; font-weight: 500; text-align: center;}
.showjobList li span{ width: 120px;  height:100%; display: inline-block; text-align: center;color: #151f6d; margin-right: 10px; border-right: 1px solid #ccc;} 
.showjobList {border-top:1px solid #ccc;  margin-bottom: 0;}
.lhms{ width: 100%;border: 1px solid #ccc; border-top:none ;line-height: 40px;}
.lhms b{ font-weight: 100;width: 120px;   /*min-height: 80px;*/ display: inline-block;float: left; text-align: center;color: #151f6d;  }
.lhms p{ display: inline-block; height: auto; /*min-height: 80px;*/ border-left: 1px solid #ccc; padding-left: 10px;}
.lh616{ width: 150px; line-height: 40px; margin: 50px auto 0; border: 1px solid #151f6d;}
#shownews .title{text-align: center; line-height: 35px; margin-bottom: 20px; font-weight: bold; font-size: 24px;}
.page-guestbook b{ line-height:30px;  display:inline-block; width:80px; text-align:right;}
.page-guestbook dt{ line-height:30px; width: 100%;}
.page-guestbook b span{ padding-left:10px;}
#guestbook  dt{ display: inline-block; width: 50%;}
#guestbook textarea,#guestbook input[type="text"]{width:45%;/*min-width: 220px;*/ border-radius:5px; border:1px solid #eee ;background: #eeeeee;line-height: 40px;}
.page-guestbook #guestbook  dt{ line-height:30px; width: 100%; padding: 10px 0;}
.page-guestbook #guestbook  textarea{ width: 84%;}
 #guestbook .yzm input{ width: 50% ;}
 .submit{ background: #151f6d; color: #fff; display: block; width: 80px; line-height: 30px; margin:0px auto; text-align: center; border: none;}
 .lh615{  line-height: 30px; margin: 0 10px; text-align: center; border: none;}
	
	
	


/*Styling Hamburger Icon*/
.hamburger div{
    width: 30px;
    height:3px;
    background: #151f6d;
    margin: 5px;
    transition: all 0.3s ease;
}
.hamburger{
    display: none;
}

/*Stying for small screens*/
@media screen and (max-width: 991px){
    .hamburger{
        display:block;
        position: absolute;
        cursor: pointer;
        right: 0%;
        top: 50%;
        transform: translate(-5%, -50%);
        z-index: 2;
        transition: all 0.7s ease;
    }
    .nav-links{
        position: fixed;
        background: rgba(21,31,109,.8);
        height: 84vh;
        width: 90%;
        top: 100px;
        flex-direction: column;
        clip-path: circle(50px at 90% -20%);
        -webkit-clip-path: circle(50px at 90% -10%);
        transition: all 1s ease-out;
        pointer-events: none;
    }
    .nav-links.open{
        clip-path: circle(1000px at 90% -10%);
        -webkit-clip-path: circle(1000px at 90% -10%);
        pointer-events: all;
    }
    .nav-links ul{
	justify-content: space-evenly;
    align-items: center;
    text-transform: uppercase;
display: block;
margin-top: 6rem;
}
    .nav-links ul li{
        text-align: center;
        line-height: 60px;
    }
    .nav-links ul li:hover{
        background: #151d7d;
    }
    .nav-links ul li a span{
    	font-size: 1.125rem;
    	color: #fff;
    }
    .nav-links ul li:nth-child(1){
        transition: all 0.5s ease 0.2s;
    }
    .nav-links ul li:nth-child(2){
        transition: all 0.5s ease 0.4s;
    }
    .nav-links ul li:nth-child(3){
        transition: all 0.5s ease 0.6s;
    }
    .nav-links ul li:nth-child(4){
        transition: all 0.5s ease 0.7s;
    }
    .nav-links ul li:nth-child(5){
        transition: all 0.5s ease 0.8s;
    }
    .nav-links ul li:nth-child(6){
        transition: all 0.5s ease 0.9s;
        margin: 0;
    }
    .nav-links ul li:nth-child(7){
        transition: all 0.5s ease 1s;
        margin: 0;
    }
    li.fade{
        opacity: 1;
    }
}
/*Animating Hamburger Icon on Click*/
.toggle .line1{
    transform: rotate(-45deg) translate(-5px,6px);
}
.toggle .line2{
    transition: all 0.7s ease;
    width:0;
}
.toggle .line3{
    transform: rotate(45deg) translate(-5px,-6px);
}


/* 导航结束 */






/* 大屏幕 */
@media screen and (min-width: 1400px){ 
	.ny-m{
		display: none;
	}
	.logo {
    width: 11.113%;
}

}



@media (min-width: 1200px) and (max-width: 1399px){
	.ny-m{
		display: none;
	}
	/*.ny-cptp {
    height: 13rem;
}*/
.logo{
	width: 15%;
}
.ny-xwp{
	height: 12vh;
	overflow: hidden;
}
.ny-xwimg {
    height: 36vh;
}
	}

@media (min-width: 992px) and (max-width: 1199px) {
	.ny-m{
		display: none;
	}
	.logo{
	width: 17%;
}
	


}
 
/* 平板电脑和小屏电脑之间的分辨率 */
@media (min-width: 768px) and (max-width: 991px) {
	.ny-m{
		display: none;
	}
	.logo{
	width: 19%;
}
	
	.page-container {
    padding: 3rem;
    box-shadow: 0px 5px 20px #f0f0f0;
    margin-top: 4rem;
}
.page-container1{
	margin-top: 4rem;
}









}


@media (min-width: 576px) and (max-width: 767px){
	.ny-pc{
		display: none;
	}
	.logo{
	width: 25%;
}
	.page-container {
    padding: 2rem;
    box-shadow: 0px 5px 20px #f0f0f0;
    margin-top: 2rem;
}
.page-container1{
	margin-top: 2rem;
}
	}

/* 横向放置的手机和竖向放置的平板之间的分辨率 */
@media screen and (max-width: 575px){
	.ny-logo{
		width: 33%;
		margin-top: 1vh;
	}
	.ny-logo img{
		width: 100%;
	}
	.logo{
	width: 33%;
	margin-top: 1vh;
}
.xq-sousou {
    margin-right: 10%;
    float: left!important;
    margin-left: 10%;
    width: 38%;
}
.page-job ul li{
	font-size: 12px;
}
.page-job ul li a{
	font-size: 14px;
}
.page-guestbook #guestbook textarea {
    width: 70%;
}
.page-guestbook #guestbook dt:nth-last-child(2) span input{
	width: 70%;
}
		.ny-pc{
		display: none;
	}
	.page-container {
    padding: 1rem;
    box-shadow: 0px 5px 20px #f0f0f0;
    margin-top: 2rem;
}
.page-container1{
	margin-top: 2rem;
}
.page-url ul li a span{font-size: 0.9rem;color: #fff;line-height: 2.5rem;}
.page-url li a{line-height: none;}
/*.ny-cptp{
		height: 6rem;
	}*/
	.ny-cpmc{
		line-height: 2rem;
	}
	.ny-xwimg{
	height: 12rem;
}
.ny-lxleft{
	height: auto;
	padding: 7%;
}

	









.back{margin: 25px 0;  margin-left: 10px;}

.product-name{padding: 20px 0;}
.product-list{ margin: 90px 0 30px; }
.product-list ul{padding-right: 15px; padding-left: 15px; margin-right: auto;margin-left: auto;}
.product-list li img{width: 100%;}
.liyou-box {
    background: none;
}
.liyou-bt {
	width: 100%;
    font-size: 20px;
}
.liyou-bt span{font-size: 20px!important;}
.liyou-bt p{font-size: 12px;}
.product-box{margin-top: 20px;}
.new_pic{display: none;}
.news_con{height: 80px; overflow: hidden;	}
.proNav li span{height: 110px;}
.proNav li span img{height: 100%;}
.related_cp ul li{overflow: hidden;}
.picScroll-left .bd li{ margin-left:50px;}
.page-news li .text{padding-left: 0;}
.lhbdfr{width: 100%; float:none;}
.products-name>p>img{width: auto;}*/
}
 
/* 横向放置的手机及分辨率更小的设备 */
@media (max-width: 480px) {

}