@font-face {
      font-family: 'PINGFANG';
      src: url('/zt/phmarani20190923/image/PINGFANG MEDIUM_0.TTF');
      font-weight: normal;
      font-style: normal;
}
.wm_Navigation_box,.m_bottom_box,.y_footmzsm,.wh5{display: none;}
body{background: #1f1f22; font-family: 'PINGFANG';}





.scroll_area{background:#f2f2f2;padding:0 10px;width:320px;margin:0 auto;}
.scroll_area .content{overflow:hidden;position:relative;color:#666;height:50px;line-height:50px;margin-bottom:10px;}
.scroll_area .scrolltxt{position:absolute;left:0;top:0;white-space:nowrap;}
.scroll_area .scrolltxt div{display:inline-block;}







.phmarani_head,.phmarani_head p,.phmarani_head p img{width: 100%; height: auto;}
.phmarani_x{background: #171719; padding-top: 20px;}
.jianjie{width: 1100px; height: auto; margin: 0 auto;}
.jianjie img{width: 100%; height: auto;}



.phmarani_x3{background: url('/zt/phmarani20190923/image/ico_m_19_01.jpg') no-repeat; background-size:100% 100%; margin-top: 100px;}
.phmarani_x3_m{ width: 1100px;  margin:0 auto; position: relative; top: -60px;}
.phmarani_x3_m ul.liul li{float:left; width: 354px; height: auto; background: #111117}
.phmarani_x3_m ul.liul li+li{margin-left: 18px;}
.phmarani_x3_m ul.liul li .top_img{ width: auto; height: auto; text-align: center; position: relative; z-index: 1; top: 30px;}
.phmarani_x3_m ul.liul li .top_img img{width: auto; height: auto; transition: all .5s;
    -moz-transition: all .5s;
    -webkit-transition: all .5s;
    -o-transition: all .5s;}
.phmarani_x3_m ul.liul li .text_m{ width: 100%; height: auto;background: #F1CC89; position: relative; z-index: 2; padding-bottom: 25px;}
.phmarani_x3_m ul.liul li .text_m .text_m_top{padding: 22px 32px 0px 32px;}
.phmarani_x3_m ul.liul li .text_m .text_m_top p.title span{ font-size: 30px; font-weight: bold; font-family: 'PINGFANG'; color: #1F1F22;}
.phmarani_x3_m ul.liul li .text_m .text_m_top p.title em{display: inline-block; margin-left: 20px; font-size: 14px; color: #37373B;}
.phmarani_x3_m ul.liul li .text_m .text_m_top p.text {margin-top: 10px; display: inline-block; font-size: 16px; color: #1F1F22; line-height: 25px;}

.phmarani_x3_m ul.liul li .text_m .text_m_bot { margin:0px 32px 0px 32px; position: relative;}
.phmarani_x3_m ul.liul li .text_m .text_m_bot p.left{float: left; position: absolute; left:0px; bottom: 0px;}
.phmarani_x3_m ul.liul li .text_m .text_m_bot p.left span{display: block;}
.phmarani_x3_m ul.liul li .text_m .text_m_bot p.left span i{width: 17px; height: 17px; font-family: 'PINGFANG';  display: inline-block; position: relative; top: -2px;}
.phmarani_x3_m ul.liul li .text_m .text_m_bot p.left span i img{ width: 100%; height: 100%;}
.phmarani_x3_m ul.liul li .text_m .text_m_bot p.left span em{display: inline-block; font-family: 'PINGFANG';  font-size: 18px; color: #1F1F22; margin-left: 5px;}
.phmarani_x3_m ul.liul li .text_m .text_m_bot p.left b{ font-size: 22px; font-family: 'PINGFANG';  display: block; color: #1F1F22;}
.phmarani_x3_m ul.liul li .text_m .text_m_bot p.right{float: right; width: 71px; height: 72px;}
.phmarani_x3_m ul.liul li .text_m .text_m_bot p.right img{width: 100%; height: 100%;}
.phmarani_x3_m ul.liul li .zxzx_m{ height: 47px; line-height: 47px; width: 100%; background: #2B2B30;}
.phmarani_x3_m ul.liul li .zxzx_m a{display: block; width: 100%; height: 100%;  font-size: 18px; color: #fff; padding: 0 33px;}
.phmarani_x3_m ul.liul li .zxzx_m a i{ position: relative; top: 1px;  width: 8px; height: 12px; display: inline-block; margin-left: 10px; background: url('/zt/phmarani20190923/image/ico_m_27.png') no-repeat; background-size:100% 100%; }

.phmarani_x3_m ul.liul li:hover .top_img img{
	transform: scale(1.05);
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -o-transform: scale(1.05);
}
.phmarani_x3_m ul.liul li:hover .zxzx_m a{ color: #f1cc89;}
.phmarani_x3_m ul.liul li:hover .zxzx_m a i{ background: url('/zt/phmarani20190923/image/ico_m_28.png') no-repeat; background-size:100% 100%;}

.phmarani_x3_bottom{ overflow: hidden; width: 1024px; height: 157px; background: #2b2b30; margin-top: 55px; padding: 38px 40px;}
.phmarani_x3_bottom ul.inlist li .list_m .list_m_title{font-size: 22px; color: #F1CC89;}
.phmarani_x3_bottom ul.inlist li .list_m .list_m_text{position: relative; font-size: 18px; color: #fff; margin-top: 10px; width: 100%;}
.phmarani_x3_bottom ul.inlist li{margin-bottom:50px; height: auto !important;}
.phmarani_x3_bottom ul.inlist li .list_m .list_m_text span{display: inline-block;}


.lplist{ width: 1100px;margin: 0 auto;}
.lplist ul li{ background: #2B2B30;margin-top: 50px;}
.lplist ul li .lpleft{width: 637px; height: 448px; float: left;}
.lplist ul li .lpright{float: left; width: 413px; height: 408px; padding: 15px 25px;}
.lplist ul li .lpleft .lpleft_m{ width: 100%; height: 100%; position: relative;}
.lplist ul li .lpleft .lpleft_m span{width: 100%; height: 100%; position: absolute; left: 0px; top: 0px;z-index: 2;}
.lplist ul li .lpleft .lpleft_m span img{width: 100%; height: 100%;}
.lplist ul li .lpleft .lpleft_m i{ width: 76px; height: 76px; position: absolute; left: 50%; top: 50%; z-index: 3; margin-top: -38px; margin-left: -38px;}
.lplist ul li .lpleft .lpleft_m video{ width: 100%; height: 100%;}
.lplist ul li .lpright div.title{height: 31px; position: relative; overflow: hidden;}
.lplist ul li .lpright div.title p{position: absolute; left: 0; top: 0px; display: inline-block; white-space:nowrap}
.lplist ul li .lpright div.title a{display: inline-block; font-size: 30px; color: #F5CF8A; font-weight: bold; border-left: 2px #F5CF8A solid; border-right: 2px #F5CF8A solid; height: 30px;line-height: 30px; padding: 0 8px; }
.lplist ul li .lpright div.title span{ display:inline-block; margin-left: 8px; height: 20px; line-height: 20px; font-size: 14px; color: #F5CF8A;}
.lplist ul li .lpright div.title span i{margin-left: 5px; display: inline-block; width: 76px; background:rgba(255,224,167,0.08); text-align: center;}
.lplist ul li .lpright p.lpjs{ height: 20px; font-size: 16px; color: #fff; margin-top: 10px; position: relative;  overflow: hidden; white-space:nowrap}
.lplist ul li .lpright p.lpjs span{display: inline-block; position: absolute;left: 0px; top: 0px;}
.lplist ul li .lpright p.lppric{ margin-top: 8px; font-size: 14px; color: #F5CF8A;}
.lplist ul li .lpright p.lppric em{font-size: 50px;font-weight: bold;}
.lplist ul li .lpright div.lpbilie{margin-top: 10px; border:1px solid #F5CF8A; width: 100%; padding: 10px 0;}
.lplist ul li .lpright div.lpbilie span{ float: left; display: inline-block; width: 33.3%; text-align: center;}
.lplist ul li .lpright div.lpbilie span em{display:block; font-weight: bold; font-size: 22px; color: #fff;}
.lplist ul li .lpright div.lpbilie span i{display:block;font-size: 16px; color: #fff; margin-top: 3px;}

.lplist ul li .lpright div.lpstyle{margin-top: 10px; font-size: 16px; color: #fff; line-height: 28px; border-bottom:1px solid #F5CF8A; padding-bottom: 8px; }
.lplist ul li .lpright div.lpstyle i{display: block; padding-left: 20px; position: relative;}
.lplist ul li .lpright div.lpstyle i:after{content:' '; width: 4px; height: 4px; background: #F5CF8A; position: absolute; left: 3px; top: 50%; margin-top: -2px; border-radius: 100%;}
.lplist ul li .lpright div.lpbm{ margin-top: 20px;}
.lplist ul li .lpright div.lpbm a{display:block; font-size: 18px; color: #2B2B30; background: #F5CF8A; width: 130px; height: 36px; line-height: 36px; text-align: center;}
.lplist ul li .lpright div.lpbm a.yykf{float: left; margin-left: 50px;}
.lplist ul li .lpright div.lpbm a.xmxq{float: right;margin-right: 50px;}
.phmarani_x5{margin-top: 100px; background: #171719;}
.phmarani_x5 .phmarani_x3_m{top: 0px;}

.cnxhBox{ margin-top: 80px;} 
.cnxhBox_main{ width: 1100px; margin: 0 auto;}
.cnxhBox_title{ width: 100%; border-bottom: 1px solid #f5cf8a; padding-bottom: 10px; position: relative; }
.cnxhBox_title span{ display: block;  float: left;} 
.cnxhBox_title a{ display: block; right: 0px; bottom: 12px; position: absolute; } 
.cnxhBox_list{ margin-top: 40px; position: relative;}
.cnxhBox_list_main{ width: 100%; overflow: hidden; height: 397px;}
.cnxhBox_list_main ul li{float: left; width: 353px; background: #2B2B30; margin-right: 20px;}
.cnxhBox_list_main ul li .top_img{ width: 100%; height: 215px;}
.cnxhBox_list_main ul li .top_img img{ width: 100%; height: 100%;}

.cnxhBox_list_main ul li .top_text{ padding: 20px 18px;}
.cnxhBox_list_main ul li .top_text p.title{font-size: 22px; padding-left: 10px; color: #fff; border-left: 3px solid #F5CF8A; height: 21px; line-height: 21px;}
.cnxhBox_list_main ul li .top_text p.pric{ margin-top: 5px;}
.cnxhBox_list_main ul li .top_text p.pric span{display: inline-block; font-size: 14px; color: #F5CF8A;}
.cnxhBox_list_main ul li .top_text p.pric em{display: inline-block; font-size: 50px; font-weight: bold;  color: #F5CF8A;}
.cnxhBox_list_main ul li .top_text p.mj{ font-size: 14px; color: #fff; margin-top: 2px;}
.cnxhBox_list_main ul li .top_text .bottom_style{ margin-top: 10px;}
.cnxhBox_list_main ul li .top_text .bottom_style .left{
	float: left;
}
.cnxhBox_list_main ul li .top_text .bottom_style .left span{
	display: inline-block; 
	font-size: 14px; color: #2B2B30; background: #F5CF8A; height: 21px; line-height: 21px; padding: 0 10px;
}
.cnxhBox_list_main ul li .top_text .bottom_style .left span+span{
	margin-left: 20px;
}
.cnxhBox_list_main ul li .top_text .bottom_style .city{float: right;}
.cnxhBox_list_main ul li .top_text .bottom_style .city i{width: 11px; height: 14px; display: inline-block;}
.cnxhBox_list_main ul li .top_text .bottom_style .city i img{width: 100%; height: 100%;}
.cnxhBox_list_main ul li .top_text .bottom_style .city span{display: inline-block; font-size: 14px; color: #fff; margin-left: 5px;}
.cnxhBox_list .hd{text-align: center; width: 100%; margin-top: 30px;}
.cnxhBox_list .hd ul li{ margin: 0 10px; width: 12px; overflow: hidden; height: 12px; border-radius: 100%; background: #fff; color: #fff; display: inline-block;}
.cnxhBox_list .hd ul li.on{background: #F5CF8A; color: #F5CF8A;}
.cnxhBox_list a.prev_m{display: block; width: 34px; height: 44px; position: absolute; top: 50%; margin-top: -44px;}
.cnxhBox_list a.prev_m.prev{left: -44px; background: url('/zt/phmarani20190923/image/ico_m_34.png') #ccc no-repeat center; background-size: 20px 37px;}
.cnxhBox_list a.prev_m.next{right: -44px; background: url('/zt/phmarani20190923/image/ico_m_35.png') #ccc no-repeat center; background-size: 20px 37px;}
.cnxhBox_list a.prev_m:hover{background-color:#F5CF8A; }


.newsBox{background: #111117; margin-top: 30px; padding:40px 0;}
.newsBox_main{ width: 1100px; background: #2B2B30; padding: 37px 0; margin: 0 auto;}
.newsBox_main .newsBox_l{ width: 460px; float: left; margin-left: 50px;}
.newsBox_main .newsBox_l .l_title{ border-bottom: 1px solid #F5CF8A;padding-bottom: 5px;}
.newsBox_main .newsBox_l .l_title span{ display: block; float: left; font-size: 22px; color: #fff; font-weight: bold;}
.newsBox_main .newsBox_l .l_title a{display: block; float: right; font-size: 18px; color: #fff; position: relative; top: 5px;}
.newsBox_main .newsBox_l .l_title a i{display: inline-block; width: 10px; height: 18px; position: relative; top: 3px; margin-left: 8px;}
.newsBox_main .newsBox_l .l_title a i img{ width: 100%; height: 100%; }
.newsBox_main .newsBox_l .l_title a em{display: inline-block;}
.newsBox_llist{ padding-top: 10px;}
.newsBox_llist ul li{margin-top: 15px;}
.newsBox_llist ul li a{display: inline-block; font-size:18px; color: #fff;text-overflow: ellipsis;width:460px;
    white-space: nowrap;
    overflow: hidden;
line-height: 25px;}
.newsBox_llist ul li a em{color: #F5CF8A;}
.newsBox_main .newsBox_r{float: right; margin-right: 50px; margin-left: 0px;}

.foot_xg{ width: 100%; height: 149px; position:  fixed; left: 0; bottom: 0; z-index: 5;}
.foot_xg_main{width: 100%; height: 100%; position: relative;}
.foot_xg_main .foot_xg_main_bg {width: 100%; height: 100%}
.foot_xg_main .foot_xg_main_bg img{width: 100%; height: 100%}
.foot_xg_main .foot_xg_form{ position: absolute; right:30%; margin-right: -200px; top: 50%; margin-top: -23px;}
.foot_xg_main .foot_xg_form p.icM{ margin-right:20px;  width: 288px; height: 46px; background: #fff; float:left;}
.foot_xg_main .foot_xg_form p.icM i{display: inline-block; width: 15px; height: 17px; margin-left: 10px;}
.foot_xg_main .foot_xg_form p.icM i img{width: 100%; height: 100%;}
.foot_xg_main .foot_xg_form p.icM input{display: inline-block; font-size: 18px; color: #666; margin-left: 10px; width: 220px;background: #fff; border:none; height: 46px;}
.foot_xg_main .foot_xg_form p.icM_m i{width: 10px;}
.foot_xg_main .foot_xg_form a.indec{display: block; float: left; width: 108px; height: 46px;}
.foot_xg_main .foot_xg_form a.indec img{width: 100%; height: 100%;}


.bmBox{ display: none; position: fixed; left: 50%; top: 50%; width: 396px; height: 399px; margin-left: -198px; margin-top: -199.5px; z-index: 6;}
.bmBox_main{position: relative; width: 100%; height: 100%;}
.bmBoxbg{ display: none; width: 100%; height: 100%; position: fixed; z-index: 5; left: 0px; top: 0px; background: rgba(0,0,0,0.5);}
.bmBox_main .bmBox_gb{position: absolute; width:23px; height: 23px; left: 50%; margin-left: -11.5px; bottom: -43px;}
.bmBox_form{ position: absolute; left: 50%; width: 311px; margin-left: -151.5px; bottom: 18px;}

.bmBox_form p.icM{ margin-bottom:10px;  width: 100%; height: 39px; background: #fff;}
.bmBox_form p.icM i{display: inline-block; width: 12px; height: 14px; margin-left: 10px;}
.bmBox_form p.icM i img{width: 100%; height: 100%;}
.bmBox_form p.icM input{display: inline-block; font-size: 16px; color: #666; margin-left: 10px; width: 220px;background: #fff; border:none; height: 39px;}
.bmBox_form p.icM.icM_m i{width: 8px; height: 15px;}
.bmBox_form a.indec{display: block;width: 100%; height: 39px;}
.bmBox_form a.indec img{width: 100%; height: 100%;}