/* Write your styles */

body {



    overflow-x: hidden;

}

h1 {

    font-size: 2.4em; /*2.4em × 10 = 24px */

}

p   {

   font-size: 14px;/*1.4em × 10 = 14px */

}

li {

    font-size: 1.4em; /*1.4 × ? = 14px ? */

}

a{
    color: #000
}



li{display: inline-block;list-style: none;}



.idx{

	width: 1200px;

	margin: 0 auto;

}



.fex{

	display: flex;

}

.fl{float: left;}

.fr{float: right;}

.top_nav{

	background: #010101;

    justify-content: center;

    padding: 10px 0;

    position: fixed;

    width: 100%;

    z-index: 999999;

    top: -90px;

    transition: 0.9s;



}

.op_0{

	opacity: 0!important;	

}

.op_1{

	opacity: 1!important;	

}

.top_nav_shang{ 

   	top: 0px!important;

}

.top_nav_xia{

   	top: -90px!important;



}

.nav{

    padding: 0;

    margin: 0;

}

.nav li{

    padding: 1vw;

}

.nav li a{

    font-size: 0.9vw;
    color: #fff;

}

.top_ph{

	padding: 0.8vw;

}

.top_ph p{

    color: #fff;

    font-size: 1.23vw;

    font-weight: bold;

    float: right;

    margin: 0;	

}

.ban_t{

	position: absolute;

	top: 33%;

	width: 100%;

	height: 50px;

	z-index: 9999;

	pointer-events: none

}

.bant{

	margin: 0 auto;

    display: flex;

    justify-content: center;

}

.bant_s{

	position: relative;

	top: 55px;

}

.bant_s img{

	display: block;

}

.jux{

    position: absolute;

    left: -20px;

    top: -20px;

}

.twt{

    position: absolute;

    right: 82px;

    top: -31px;	

}

.idx_2{

	justify-content: space-between;

}



.idx_2_btn{

    display: inline-block;

    padding: 10px 20px 10px 20px;

    border-radius: 5px;

    color: #fff;

    margin-right: 20px;

    transition: 0.8s;

}
.idx_2_btn a{
    color: #fff;
}
.idx_2_btn:hover{

    border-radius: 50px;	

}

.idx_2_btn a:hover{

	color: #fff;

}

.idx_3{



}

.pdt_top{

	padding: 40px 0;

}

.pdt_top h3{

    text-align: center;

    font-size: 1.2vw;

    margin: 0;

}

.pdt_top p{

	text-align: center;

    margin: 0;

    font-size: 0.9vw;

    color: #ca4b38;

}

.pdt_list{



}

.pdt_list_x{

	float: left;

	box-sizing: border-box;

	position: relative;

	padding: 1px;

	overflow:hidden;

}

.pdt_list_x img{

	width: 100%;

}

.pdt_list_x:nth-child(1),.pdt_list_x:nth-child(2),.pdt_list_x:nth-child(3){

    width: 33.33%;

}



.pdt_list_x:nth-child(4),.pdt_list_x:nth-child(5),.pdt_list_x:nth-child(6),.pdt_list_x:nth-child(7){

    width: 25%;

}

.pdt_txt{

	position: absolute;

    display: flex;

    justify-content: center;

    width: 100%;

    top: 19%;

	z-index: 99;

}

.pdt_list_x:hover{

	

}

.pdt_txt>div{

    width: 9vw;

    height: 9vw;

    text-align: center;

    border: 1px solid #fff;

    border-radius: 50%;

    position: relative;

    top: 1vw;

    background: rgba(0,0,0,0);

    transition: 0.8s;

}

.pdt_list_x:hover .pdt_txt>div{

    top: 0vw;	

    background: rgba(0,0,0,0.6);

}

.pdt_q{



}



.pdt_q a{
    color: #fff;
	

}

.pdt_q h4{

    margin: 3vw 0 0 0;

    font-size: 16px;	

}

.pdt_q p{



}



.pdt_find{

	background: #ca4b38;

    width: 4vw;

    height: 1.5vw;

    line-height: 1.5vw;

    position: absolute;

    left: 22.5vw;

    transition: 0.8s;

    top: 10vw;	

}

.pdt_list_x:hover .pdt_find{

	left: 2.5vw;

}

.pdt_list_x img{



}

.pdt_zz{

    width: 100%;

    position: absolute;

    top: 0%;

    height: 100%;

    transition: 0.3s;

    background: rgba(0,0,0,0.6);

}



.pdt_list_x:hover .pdt_zz{

	    top: -100%;

}

.pdt_mor{

	width: 150px;

    height: 45px;

    border: 1px solid #ccc;

    margin: 50px auto;

    text-align: center;

    border-radius: 5px;

    line-height: 42px;

		transition: 0.8s;

}

.pdt_mor a{

	font-size: 18px;

	color: #000;

	transition: 0.8s;

}

.pdt_mor:hover{

		background: #000;

}

.pdt_mor:hover a{

	color: #fff;



}

.big_bg{

    background: url(../images/nias_06.jpg) no-repeat;

    background-position: top center;

    background-attachment: fixed;
    background-size: 100%;
    width: 100%;

    display: block;

    position: relative;

    height: 600px;



}

.abt{

	position: relative;

	width: 100%;

	height: 900px;

}

.abt_bd div{

	float: left;

	width: 400px;

	height: 264px;

	box-sizing: border-box;

	position: relative;
    overflow:hidden; 



}

.big_bg_z{

    width: 100%;

    display: block;

    position: absolute;

    top: 0;

    height: 600px;

    background: rgba(0,0,0,0.6);	

}

.abt_bd{

	position: relative;

    z-index: 999;

    top: 72px;

}
.abt_bd div img{
    width: 100%;
    transition: 2.5s;
}
.abt_bd div:hover img{
    width: 110%;
}
.abt_bd div:nth-child(1){

	

}

.abt_bd div:nth-child(1) p{

    position: absolute;

    font-size: 25px;

    color: #fff;

    top: -26px;

    left: 164px;	

}

.abt_bd div:nth-child(1) h1{

	font-size: 48px;

	margin: 0;

    color: #fff;	

}



.abt_bd div:nth-child(1) h3{

    font-size: 21px;

    margin: 0;

    color: #fff;

    font-weight: normal;	

}

.abt_bd div:nth-child(2) h1{

	color: #fff;

    font-size: 20px;

    margin: 20px 0 0 0;

}

.abt_bd div:nth-child(2) p{

	color: #fff;

    font-size: 14px;		

}

.abt_bd div:nth-child(4){

    padding-left: 10px;

    padding-top: 20px;

}

.abt_bd div:nth-child(4) h1{

	color: #fff;

    font-size: 20px;

    margin: 20px 0 0 0;

}

.abt_bd div:nth-child(4) p{

	color: #fff;

    font-size: 14px;		

}



.abt_bd div:nth-child(6){

    padding-left: 10px;

    padding-top: 20px;

}

.abt_bd div:nth-child(6) h1{

	color: #fff;

    font-size: 20px;

    margin: 20px 0 0 0;

}

.abt_bd div:nth-child(6) p{

	color: #fff;

    font-size: 14px;		

}



.abt_bd div:nth-child(8){

    padding-left: 30px;

    padding-top: 20px;

}

.abt_bd div:nth-child(8) h1{

	color: #000;

    font-size: 20px;

    margin: 20px 0 0 0;

}

.abt_bd div:nth-child(8) p{

	color: #000;

    font-size: 14px;		

}

.news{



}

.news_top h3 {

    text-align: center;

    font-size: 1.2vw;

    margin: 0;

}

.news_top p {

    text-align: center;

    margin: 0;

    font-size: 0.9vw;

    color: #ca4b38;

}

.news{

	position: relative;

    height: 46vw;



}

.news_l{

	position: absolute;

    left: 0;

    width: 50%;

    overflow: hidden;

    height: 29.2vw;

    margin-top: 50px;

}



.news_l img{

	width: 100%;

	height: 100%;

	transition: 3.8s;

	position: relative;

	left: 0%;

}

.news_r{

	width: 100%;

    position: absolute;

    z-index: 99;

    margin-top: 50px;



}

.img_big{

	width: 120%!important;

	height: 120%!important;

	transition: 3.8s;

	position: relative;

	left: -10%!important;



}

.news_r ul{

    margin: 0;

    padding: 0;

    height: 29.18vw;

	position: relative;

}

.news_r li{

	width: 50%;

    height: 32.7%;

    overflow: hidden;

    transition: 0.5s;



}

.news_r li:nth-child(1){



	

}

.news_r li:nth-child(2){



	

}

.news_r li:nth-child(3){

    position: absolute;

    left: auto;

    bottom: 0;	

	

}

.news_r li:nth-child(4){

    position: absolute;

    right: 0;

    top: 0;	



}

.news_r li:nth-child(1):hover{

	background: none;	

	    width: 50%;

}

.news_r li:nth-child(2):hover{

		background: none;	

	    width: 50%;

}

.news_r li:nth-child(3):hover{

	background: rgba(0,0,0,0.4);	

	    width: 50%;

}

.news_r li:nth-child(3) .news_tim h3,.news_r li:nth-child(3) .news_tim h5,.news_r li:nth-child(3) .news_txt h4,.news_r li:nth-child(3) .news_txt p{

	color: #fff

}

.news_r li:nth-child(3) .news_tim h3{

    background: #ccc;

    border-radius: 5px;

    color: #575757;

}

.news_r li:nth-child(3){

	background: rgba(0,0,0,0.5);

}

.news_r li:hover{

	background: #9f0d09;	

	    width: 52%;

}

.news_r li:hover .news_tim h3{

	color: #fff

}

.news_r li:hover .news_tim h5{

	color: #fff

}

.news_r li:hover .news_txt h4{

	color: #fff

}

.news_r li:hover .news_txt p{

	color: #fff

}

.news_r li:nth-child(5){

	position: absolute;

    right: 0;

    top: 9.8vw;



	

}

.news_r li:nth-child(6){

	position: absolute;

    right: 0;

    bottom: 0;

	

}

.news_tim{

	text-align: center;

    padding: 2.3vw;

    width: 10vw;

}

.news_tim h3{

    margin: 0;

    font-size: 2vw;

}

.news_tim h5{

    margin: 0;

    font-size: 0.9vw;

}

.news_list h4{

    margin: 0;

    color: #000;

	font-size: 1vw;

    margin-top: 3vw;

}

.news_list p{

    margin: 0;

    font-size: 0.8vw;	

        width: 32vw;

}

.news_list a{

	color: #000

}

.jishu{



}

.jishu span{

    float: left;

    position: relative;

    display: flex;

    width: 25%;

    text-align: center;

    justify-content: center;

}

.jishu span:before{

	content: '';

    position: absolute;

    left: 104%;

    top: 0;

    bottom: auto;

    right: auto;

    height: 100px;

    width: 1px;

    background: #cccccc;

}

.jishu span:last-child:before{

	content: '';

    position: absolute;

    left: 104%;

    top: 0;

    bottom: auto;

    right: auto;

    height: 100px;

    width: 0px;

    background: #cccccc;	

}

.jishu span p{

	margin: 0;
    font-size: 14px;


}

.jishu span h1{

    font-size: 50px;

    font-weight: normal;

    margin: 0;

}

.jishu span h3{

	margin: 0;

    font-size: 20px;

    font-weight: normal;

    position: absolute;

    bottom: -20px;

    left: 103px;

}

.shuju{

	height: 200px;

}

.honor_top h3 {

    text-align: center;

    font-size: 1.2vw;

    margin: 0;

}

.honor_top p {

    text-align: center;

    margin: 0;

    font-size: 0.9vw;

    color: #ca4b38;

}



.marqueeleft{

    height: 256px;

    width: 1515px;

    overflow: hidden;

    margin: 40px auto;

}

.marqueeleft ul{float:left;    margin: 0; padding: 0;}

.marqueeleft li{float:left;margin:0 5px;display:inline;width:384px;height:256px;overflow:hidden;}

.marqueeleft li .pic{display:block;width:384px;height:256px;padding:2px;overflow:hidden;}

.marqueeleft li .txt{text-align:center;height:23px;line-height:23px;}





.footer{

	padding-top: 100px;

	width: 100%;
	
    background: url(../images/btm_bg.jpg) no-repeat;
	background-size: 100%;


}

.btm{

	background: #fff;

	display: flex;

    justify-content: center;

	padding: 75px 50px 50px 50px;

}

.btm span{

	position: relative;

	display: inline-block;

	width: 295px;

	padding-top:20px;

}

.btm span p{

	font-size: 15px;
	line-height: 14px;
}

.btm span:nth-child(1){

	text-align: center;



}

.btm span:nth-child(3){

	padding-top:0px;

}

.btn_1 a{

	background: #ca4b38;

    padding: 12px 10px 12px 10px;

    border-radius: 5px;

    color: #fff;

    width: 130px;

    display: block;

    font-size: 16px;

    text-align: center;

    margin-left: 18px;

    transition: 0.8s;

}

.btn_1 a:hover{

    border-radius: 55px;	

}

.btn_r a:hover{

    border-radius: 55px;	

}

.btn_r a{

	background: #405287;

    padding: 12px 10px 12px 10px;

    border-radius: 5px;

    color: #fff;

    display: block;

    width: 130px;

    font-size: 16px;    

    text-align: center;

    margin-top: 30px;

    margin-left: 18px;

    transition: 0.8s;

}

.btm_nav{

	margin: 0;

	padding: 0;

    width: 185px;

}

.btm_nav a{

	color: #000

}

.btm_nav li{

    padding: 20px 13px;

    font-size: 15px;

}

.btm_list3{

	 

}

.btm span{

	position: relative;

}

.btm span:before{

    content: '';

    position: absolute;

    left: 86%;

    top: 0;

    bottom: auto;

    right: auto;

    height: 191px;

    width: 1px;

    background-color: #ababab;

}

.btm span:last-child:before{

    content: '';

    position: absolute;

    left: 86%;

    top: 0;

    bottom: auto;

    right: auto;

    height: 159px;

    width: 0px;

    background-color: #ababab;

}

.ny_ban{  

    width: 100%;

    height: 430px;

}

.list_img{

    margin-bottom: 50px;

}

.weizhi{



}

.weizhi	a{

	color: #000;

	font-size: 16px;

}

.list_body{



}

.list_body ul{

	margin:0;

	padding:0; 



}

.list_body ul li{



}

.list_body_t{

    display: flex;

    justify-content: center;	

}

.list_body a{

    color: #000;

    border: 1px solid #ccc;

    padding: 11px 31px;

    margin: 0 10px;

    font-size: 16px;

	display: block;

	transition: 0.8s;

}

.list_body ul li:hover a{

    color: #fff;	

    border: 1px solid #ca4b38;

    background: #ca4b38;

}

.list_img_body{

    padding-top: 50px;

}

.list_img_body ul{

	padding: 0;	

}

.list_img_body ul li{

	width: 33%;

    box-sizing: border-box;

    border: 1px solid #fff;

    padding: 20px 10px;

    display: inline-block;

    transition: 0.8s;

    overflow: hidden;

    position: relative;

}

.list_img_body ul li img{

	width: 100%;

	transition: 3s;

}

.list_img_body ul li:hover{

	border: 1px solid #ca4b38;

}

.list_img_body ul li:hover img{

	opacity: 0.5;

}

.list_img_body ul li:hover a{

	background: #ca4b38;

	color: #000;

}

.list_img_body ul li:hover .list_xx{

	left: 146px;

}	

.list_xx{

    position: absolute;

    top:39%;

    left: -146px;

    border: 1px solid #fff;

    padding: 10px 20px;

    border-radius: 5px;

    color: #fff;

    transition: 0.8s;



}

.list_img_body ul li a{

	color: #000;

	display:block;
	background: #f4f4f4;

	transition: 0.8s;

}

.list_img_body ul li p{

    margin: 0;

    text-align: center;

    font-size: 16px;

    padding: 20px;

}

.pdtz_list{

    text-align: center;

    padding: 20px;

}

.pdtz_list li{

    display: inline-block;

    padding:  5px 10px;

    border: solid 1px #ca4b38;

    margin:  0 5px;

}

.pdtz_list li.c{

    background: #ca4b38;

    color: white;

}

.pdtz_list li a{

    color: #000

}

.ny_t1{

    font-size: 45px;

    margin: 0;

    color: #c6d5e5;



    line-height: 40px;

}



.ny_t2{

	font-size: 26px;

	margin:0;

	color: #fff;

	font-weight: normal;

}



.ny_t3{

	margin:0; 

    width: 30px;

    height: 5px;

    background: #ca4b38;

    position: relative;

    right: -138px;

    top: -22px;



}

.list_text_body{

    margin-top: 30px;

}

.list_text_body li{

    position: relative;

    overflow: hidden;

    padding: 35px 17px 35px 180px;

    transition: 0.5s;

    transition: 0.8s;

    width: 100%;

}

.list_text_body li a{

	color: #000;

	transition: 0.8s;

}

.list_text_body li span{

	position: absolute;

	left: 0;

}

.list_text_body li h4{

	font-size: 18px;

}

.list_text_body li p{

font-size: 16px;

}
.b_main{
    font-size: 14px;
}
.b_des{



}
.b_des a{
color: #000;
 /*1.2 × ? = 12px ? */

}

.__list{



}

.__list h2{

    font-size: 22px;

    padding: 20px 0;

}

.news_tim_list{

	width: 180px;

	text-align: center;

}

.list_text_body li:hover{

	background: #9f0d09;
    box-shadow: 10px 10px 10px;

}

.list_text_body li:hover a{

	color: #000;

}
 
.news_tim_list h3{

	font-size: 28px;

	margin:0px; 

}

.news_tim_list h5{

	font-size: 18px;

	margin:0px;

}

.__contact .form input {

    display: inline-block;

    width: 318px;

    margin-right: 18px;

    height: 48px; 

    border: 1px solid #dadbdc;

    padding: 15px;

    color: #999;

    background: #fafafa;

}

.__contact .form textarea {

    display: inline-block;

    width: 1088px;

    height: 243px;

    margin-top: 20px;

    background: #fafafa;

    border: 1px solid #dadbdc;

    font-size: 14px;

}

.__contact {

     padding-top: 20px;

    overflow: hidden;

    padding-bottom: 25px;

    margin-bottom: 10px;

    width: 1100px;

    margin: auto;

}

.list_text_body li:first-child{

    background: url(../images/news_l.jpg) no-repeat;

	padding: 85px 17px 81px 588px;

    background-size: 48%;



}

.list_text_body li:first-child a{

	color: #000;

}

.list_text_body li:first-child span{

	opacity: 0;

}

.zp_txt{

    width: 150px!important;

    height: 150px!important;

    top: 52px;

    left: 135px;

    border-radius: 50%;

    position: absolute!important;

    background: rgba(202,75,56,0.8);

    text-align: center;

    font-size: 24px;

    padding-top: 33px;

}