@charset "utf-8";
@font-face { 
  font-family: pingfang light; /*这里是说明调用来的字体名字*/ 
  src: url('PINGFANG LIGHT.ttf'); /*这里是字体文件路径*/ 
} 
/* 浏览器样式初始化 */
html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;font-size:14px;font-family:"Microsoft Yahei";line-height:2em}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section { display:block; }
html,body{color:#333;overflow-x:hidden;transition: all 0.3s;}
ul,ol,li{list-style:none;margin: 0;padding: 0;}
a{color:#4b4848;text-decoration:none;}
a:hover{text-decoration:none;-webkit-transition: background-color .2s ease;-moz-transition: background-color .2s ease;-ms-transition: background-color .2s ease;-o-transition: background-color .2s ease;transition: background-color .2s ease;}
img{border:0;display: block;}
h1,h2,h3,h4,h5{font-weight:normal}
select::-ms-expand { display: none; } 
input,a{outline: none;}
.clear:after { visibility:hidden; display:block; font-size:0; content:" "; clear:both; height:0; }
.clear { zoom:1; }
.left{ float:left; }
.right{ float:right;}
.hide{ display:none;}
textarea{outline:none;}
.phone_wrap{display:none;}
.pc_wrap{display:block;}
@media screen and (min-width: 1024px) {
	/* 通用 */
	::-webkit-scrollbar 
	{ 
		width: 3px; 
		height: 8px; 
		background-color:rgba(245,245,245,0.8); 
	} 
	   
	/*定义滚动条轨道 内阴影+圆角*/ 
	::-webkit-scrollbar-track 
	{ 
		-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); 
		border-radius: 10px; 
		background-color: rgba(245,245,245,0.8); 
	} 
	/*定义滑块 内阴影+圆角*/ 
	::-webkit-scrollbar-thumb 
	{ 
		border-radius: 10px; 
		-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3); 
		background-color: #555; 
	}
}
.movebody{transition:all 0.6s;position: relative;z-index: 3;background:#fff;}
.rotate{transform: rotate(-20deg)translateY(-70px);box-shadow:0px 0px 23px -1px rgba(0,0,0,0.2);}

/* 头部-底部 */
/*.header{width:100%;height:55px;position:fixed;top:0px;left:0px;box-sizing:border-box;padding:32px 4.0625% 0px;z-index: 99;transition:all 0.6s;}
.header .logo{float:left;}
.header .menu{float: right;margin-top: -2px;}
.header .menu span{display:block;width:22px;height:2px;background-color:#999999;transition: all 0.6s;}
.header .menu span:nth-child(2){margin:10px auto;}
.header .open_menu span:first-child{width:24px;transform:translateY(12px)rotate(45deg);}
.header .open_menu span:nth-child(2){width:0px;}
.header .open_menu span:last-child{width:24px;transform:translateY(-12px)rotate(-45deg);}
.header-small{padding:15px 4.0625% 0px;box-shadow: rgba(0, 0, 0, .1) 0 1px 5px;background-color:#fff;}
.bgnone{box-shadow: rgba(0, 0, 0, 0) 0 1px 5px;background-color:transparent;}
.menu_list{width:18vw;position: fixed;top:0px;right: 0px;height: 100vh;z-index: 0;background: #fff;opacity:0;transition:all 0.8s;}
.menu_list ul{position: absolute;top:100px;width:100%;}
.menu_list li{width:100%;margin-bottom:30px;}
.menu_list li a{display:inline-block;color:#333;font-size:24px;text-align: center;line-height:2em;position: relative;left:50%;transform: translateX(-50%);}
.menu_list span{display:block;text-align: center;}
.menu_list .cn{transition: all 0.3s;}
.menu_list .en{position: absolute;left:50%;transform:translate(-50%,0)rotateX(-90deg);top:0px;color:#333;transition: all 0.6s;opacity: 0;text-transform:uppercase;}
.menu_list li a:hover .cn{transform:rotateX(-90deg);}
.menu_list li a:hover .en{transform:translate(-50%,0)rotateX(0deg);opacity: 1;}
.view{opacity:1;}*/
.header{width:100%;height:85px;background:#fff;padding:20px 56px;box-sizing:border-box;transition:all 0.6s;position:fixed;top:0px;z-index:99;}
.header .menu_btn{display:none;}
.header .logo{float:left;}
.header .menu{float: right;margin-top:7px;margin-right:200px;}
.header .menu li{float:left;margin:0px 27px;line-height:36px;}
.header .menu a{display:inline-block;position: relative;left:50%;transform: translateX(-50%);}
.header .menu  span{display:block;text-align: center;line-height:36px;color:#666666;font-weight:bold;}
.header .menu  .cn{transition: all 0.3s;}
.header .menu  .en{position: absolute;left:50%;transform:translate(-50%,0)rotateX(-90deg);top:0px;transition: all 0.6s;opacity: 0;text-transform:uppercase;}
.header .menu  li a:hover .cn{transform:rotateX(-90deg);}
.header .menu  li a:hover .en{transform:translate(-50%,0)rotateX(0deg);opacity: 1;}
.header .phone{display:block;width:206px;height:85px;background:url(img/number.png) no-repeat center;color:#FFF;position:absolute;top:0px;right:0px;line-height:90px;text-align:center;transition:all 0.6s;}
.header-small{height:65px;padding:10px 45px;box-shadow:0px 0px 30px -10px rgba(0,0,0,0.3);}
.header-small .phone{height:65px;line-height:65px;}
.header_bg{width:100%;height:85px;}


.footer{width:100%;background-color: #333333;padding-top: 60px;box-sizing:border-box;border-bottom:2px solid #3c3c3c;}
.footer .con{width:1200px;margin:0 auto;}
.footer .footer_top{margin-bottom:35px;}
.footer .fewm{float:left;}
.footer .fewm p{margin-top:20px;text-align:center;color:#a6a6a6;font-size:12px;line-height:1em;}
.footer .msg{margin-left:118px;float: left;}
.footer .flogo{margin-bottom:25px;display:block;}
.footer .msg p{line-height:1em;margin-bottom:10px;color:#a6a6a6;font-size:12px;}
.footer .flist{float: right;}
.footer .flist dl{float: left;margin-left:80px;}
.footer .flist dl dt{margin-bottom:30px;}
.footer .flist dl dt a{font-size:20px;line-height: 1em;margin-bottom:30px;color:#a6a6a6;position:relative;}
.footer .flist dl dt a:after{content:'';display:block;position:absolute;bottom:-17px;width:20px;height:1px;background:#8f8f8f;}
.footer .flist dl dd a{color:#a6a6a6;font-size:12px;}
.footer .flist a:hover{color:#fff;}

.copyright{width:100%;background-color:#333333;padding: 17px 0px;box-sizing:border-box;}
.copyright .con{width:1200px;margin:0 auto;}
.copyright span{color:#a6a6a6;display: inline-block;font-size:12px;}
/* .copyright .weblanyun{float: left;}
.copyright .weblanyun li{float:left;margin-left: 5px;}
.copyright .weblanyun li a{color:#a6a6a6;font-size:12px;}
.copyright .weblanyun li a:hover{color:#fff;}
.copyright .new_center{float:right;width:300px;height:30px;overflow:hidden;}
.copyright .new_center span{margin-right:10px;}
.copyright .new_center a{color:#8a8a8a}
.copyright .new_center a:hover{color:#fff;} */
.copyright .ylink{float:left;width:100%;}
.copyright .ylink li{float: left;color:#a6a6a6;font-size:12px;line-height:28px;}
.copyright .ylink li a{color:#a6a6a6;margin:0px 10px;font-size:12px;}
.copyright .ylink li a:hover{color:#fff;}
/* 首頁  */
/* warp1 */
.warp1{width: 1200px;margin: 0 auto;padding: 150px 0;position: relative;z-index: 9;background-color: #fff}
.warp1 h3{font-size: 36px;margin-bottom: 30px;line-height:1em;color:#000;}
/*.warp1 h3 a{font-family:"pingfang light";}
*/.warp1 span{font-size:18px;line-height:1em;margin-bottom: 60px;display:inline-block;}
.warp1 p a{color:#888889;}
.warp1 .pingfang{-webkit-animation:fadeleft .8s .3s ease both;-ms-animation:fadeleft .8s .3s ease both;-moz-animation:fadeleft .8s .3s ease both;animation:fadeleft .5s .3s ease both ;}
.warp1 .p1{-webkit-animation:fadeleft .8s .3s ease both;-ms-animation:fadeleft .8s .3s ease both;-moz-animation:fadeleft .8s .3s ease both;animation:fadeleft .8s .3s ease both }
.warp1 .p2{-webkit-animation:fadeleft .8s .3s ease both;-ms-animation:fadeleft .8s .3s ease both;-moz-animation:fadeleft .8s .3s ease both;animation:fadeleft 1s .3s ease both }
.warp1 .p3{-webkit-animation:fadeleft .8s .3s ease both;-ms-animation:fadeleft .8s .3s ease both;-moz-animation:fadeleft .8s .3s ease both;animation:fadeleft 1.2s .3s ease both }

/* warp2 */
.warp2{width: 95%;margin: 0 auto;position: relative;z-index: 10;background-color: #fff}
.warp2 .warp-type{height: 50px;position: relative;margin-bottom: 25px;text-align: center;}
.warp2 .warp-type p{font-size: 14px;width: 1200px;line-height: 30px;position: absolute;left: 50%;transform:translateX(-50%);z-index: 0;}
.warp2 .warp-type p a{color: #000}
.warp2 .warp-type-list{float: right;position: absolute;z-index: 11;right: 0}
.warp2 .warp-type-list .active{text-decoration: underline;color: #000;}
.warp2 .warp-type-list a{display: inline-block;margin-right: 25px;line-height: 50px;color: #888889;font-size: 14px}
.warp2 .warp-type-list a:hover{text-decoration: underline;color: #000}
.warp2 ul li{width: 33.333333%;float: left;position: relative;overflow: hidden;display: block}
.warp2 ul li img{width: 100%;height: auto;display: block;transition:all 0.6s;}
.warp2 ul li:hover img{transform: scale(1.1);-webkit-transform: scale(1.1);-moz-transform: scale(1.1);-ms-transform: scale(1.1)}
.warp2 .case-summary{width: 90%;height: 90%;background: url(img/black.png) repeat;top: 0;left: 0;position: absolute;padding: 5%;opacity:0;transition:all 0.6s;}
.warp2 .case-summary p{color: #f9f9f9;position: absolute;left: 0;font-size: 20px}
.warp2 .case-summary span{font-size: 24px}
.warp2 .case-summary .p1{top: 0}
.warp2 .case-summary .p2{bottom: 0;font-size: 16px}
.warp2 .case-more{display: block;width: 148px;height: 40px;margin: 100px auto;border: 2px solid #959595;text-align: center;line-height: 40px;position:relative;overflow:hidden;}
.warp2 .case-more span,.warp2 .case-more i{position:relative;z-index:1;}
.warp2 ul li:hover .case-summary{opacity:1;}
.warp2 .case-more i{font-style:normal;font-family:'SimSun';font-weight:bold;}
.warp2 .case-more:before{content:'';display:block;width:100%;height:100%;background:#959595;position:absolute;top:0px;left:100%;z-index:0;transition:all 0.6s;}
.warp2 .case-more:hover span,.warp2 .case-more:hover i{color:#fff;}
.warp2 .case-more:hover:before{left:0px;}
/* warp3 */
.warp3{width: 1200px;margin: 0 auto 150px;display: -webkit-flex;display: flex;justify-content: space-between;position: relative;z-index: 10;background-color: #fff}
.warp3 a{color: #898989}
.warp3 .warp3-list{width: 48%;overflow: hidden}
.warp3 .warp3-list ul li a{word-wrap: break-word;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;display: block;color: #898989;font-size: 12px;transition:all 0.3s ease;}
.warp3 .warp3-list ul li a:hover{color: #000;}
.warp4{width: 1180px;margin: 0 auto;display: -webkit-flex;display: flex;justify-content: space-between;padding: 80px 0 20px;margin-bottom: 100px;position: relative;z-index: 10;background-color: #fff}
.warp4 h4{text-align: center}
.warp4 .warp4-list{width: 250px}
.warp4 .warp4-title{color: #898989;font-size: 18px;padding-bottom: 15px;display: block}
.warp4 .warp4-title:hover{color: #000}
.warp3 .warp3-title{font-size: 18px;padding-bottom: 15px;display: block}
.warp3 .warp3-title:hover{color: #000}
.warp4 li a{color: #898989;font-size: 14px;transition: all .3s ease;}
.warp4 li a:hover{color: #000;}

.warp5{width:100%;background:#f7f7f7;box-sizing:border-box;padding:50px 0px;}
.re_online{width:1200px;margin:0 auto;}
.re_online p{display:block;font-size:24px;}
.re_online span{display:block;font-size:12px;color:#888888;line-height:1em;margin:10px 0px 40px;}
.re_online input{float:left;border:none;background:none;}
.re_online input[type="text"]{width:300px;background:#f0f0f0;height:46px;line-height:46px;padding:0px 10px;box-sizing:border-box;color:#999999;font-size:12px;margin-right:50px;}
.re_online textarea{width:410px;height:46px;padding:0px 10px;box-sizing:border-box;color:#999999;font-size:12px;background:#f0f0f0;line-height:46px;float:left;border:none;resize: none;max-height:99999px;}
.re_online input[type="submit"]{width:90px;height:46px;background:#333333;color:#fff;line-height:46px;text-align:center;cursor:pointer;-webkit-transition:all .3s ease-in;
    transition: all .3s ease-in;}
.re_online input[type="submit"]:hover{border-radius:15px;}
/* 首頁 2.html */
.banner{width:100%;height:800px;position: relative;overflow: hidden;}
.banner .hd{position:absolute;bottom:50px;text-align: center;width:100%;z-index: 2;}
.banner .hd ul{display: inline-block;}
.banner .hd li{width:50px;height:4px;float: left;margin:0px 6px;transition: all 0.4s;cursor: pointer;background-color:rgba(255,255,255,0.7);border-radius:25px;outline:none;} 
.banner .hd li i{display: block;width:0;height: 100%;border-radius:25px;background-color:#008ee6;transition:all 6s;} 
.banner .hd li.on i{width:100%;}
.banner .bd li{width:100%;height:800px;background-repeat: no-repeat;background-position: center;background-size:cover;}
.banner .banbtn{display:block;width:53px;height: 14px;background-image: url(img/arrow.png);background-repeat: no-repeat;filter:alpha(opacity=40);opacity:0.4;position: absolute;top:50%;margin-top: -7px;z-index: 1;}
.banner .prev{left: 2.1%;margin-left: 10px;background-position: left center;}
.banner .next{background-position:right center;right:2.1%;margin-right: 10px}
.banner .prev:hover,.banner .next:hover{ filter:alpha(opacity=80);opacity:0.8 } 

/* .index_summary{width:92.1875%;margin:88px auto 148px;}
.index_summary p{font-size:36px;line-height:1em;color:#666666;margin-bottom:60px;}
.index_summary span{color:#666666;display:block;}
.index_works{width:92.1875%;margin:105px auto 0px;}
.index_works .top_left{float: left;}
.index_works .top_left span{display: block;width:80px;border-bottom:2px solid #4f4f4f;line-height: 1em;padding-bottom:7px;box-sizing:border-box;margin-bottom: 12px;font-size:20px;}
.index_works .top_left p{line-height: 1em;font-size:14px;color:#d2c1c1;}

.index_works .more{color:#838385;line-height: 55px;float: right;font-size:16px;}
.index_works .works_typelist{float: right;margin-top:17px;}
.index_works .works_typelist li{float: left;margin: 0px 5px;}
.index_works .works_typelist li a{display: block;padding:5px 15px;color:#666666;transition: all 0.6s;}
.index_works .works_typelist li.on a,.index_works .works_typelist li a:hover{color:#fff;background-color: #008ee6;}
.index_works .view-more{display:block;width:200px;height:50px;text-align:center;line-height:50px;box-sizing:border-box;color:#666666;margin:95px auto;border:2px solid #999999;transition:all 0.6s;}
.index_works .view-more:hover{background:#999999;color:#fff;}

.works_list{width:100%;overflow: hidden;margin-top: 60px;display:flex;flex-wrap:wrap;}
.works_list li{float: left;overflow: hidden;width: 33.33333333333333333333333333333333333333333333%}
.works_list li a{display: block;width:100%;height:100%;position: relative;}
.works_list li img{width:100%;transition: all 0.6s;height: auto;display: block;}
.works_list .msg_box{width:100%;height:100%;position: absolute;top:0px;left: 0px;background-color: rgba(0,0,0,0.4);padding:30px;box-sizing:border-box;opacity: 0;transition: all 0.6s;}
.works_list .msg_box p{font-size:18px;line-height: 1em;color:#fff;}
.works_list .msg_box span{display: block;position: absolute;font-size:20px;color:#fff;bottom:30px;}
.works_list .msg_box span:after{position: absolute;top:-16px;display: block;width:16px;height: 2px;background-color: #fff;content: '';}
.works_list li:hover img{transform:scale(1.1);}
.works_list li:hover .msg_box{opacity: 1;}

.index_about{width:100%;margin-top:140px;position: relative;background-color: #fcfcfc;}
.index_about .about_img{width:50%;float: left;}
.index_about .about_img img{width:100%;}
.index_about .about_con{width:50%;position: absolute;top:50%;transform: translateY(-50%);right:0px;}
.index_about .about_con p{line-height: 1em; text-align: center;}
.index_about .about_con p.cn{font-size:30px;margin-bottom: 10px;}
.index_about .about_con p.en{font-size:12px;}
.index_about .about_con span{width:51%;margin:6.306% auto 10.51%;display: block;color:#666666;text-align: center;}
.index_about .about_con a{display: block;width:218px;height:48px;border:1px solid #0f0f0f;line-height: 48px;text-align: center;font-size:18px;margin:0 auto;}
.index_about .about_con a:hover{background-color:#333;color:#fff;}

.index_news{width:92.1875%;margin:105px auto 0px;}
.index_news .news_top{width:100%;}
.index_news .top_left{float: left;}
.index_news .top_left span{display: block;width:80px;border-bottom:2px solid #4f4f4f;line-height: 1em;padding-bottom:7px;box-sizing:border-box;margin-bottom: 12px;font-size:20px;}
.index_news .top_left p{line-height: 1em;font-size:14px;color:#d2c1c1;}
.index_news .news_top a{color:#838385;line-height: 55px;float: right;}
.index_news .news_top a:hover{color: #008ee6;}
.index_news .news_list{width:100%;margin:100px auto;position: relative;padding-bottom: 70px;}
.index_news .news_list .hd{position:absolute;bottom:0px;text-align: center;width:100%;z-index: 2;height: 45px;}
.index_news .news_list .hd ul{display: inline-block;background-color: #fff;padding: 12px 9px;}
.index_news .news_list .hd li{width:18px;height:18px;border-radius: 100%;border:2px solid #fff;float: left;margin:0px 6px;transition: all 0.4s;cursor: pointer;}
.index_news .news_list .hd li i{display: block;width:4px;height: 4px;border-radius: 100%;margin:7px auto;background-color:#6f6f6f;}
.index_news .news_list .hd li.on{border:2px solid #6f6f6f;}
.index_news .news_list .bd li{width:470px;}
.index_news .news_list .bd li b{font-size:16px;line-height: 1em;margin-bottom: 20px;color:#323232;display: block;border-bottom:1px solid #eee;padding-bottom: 10px;position: relative;}
.index_news .news_list .bd li b:after{content: '';display: block;width:25%;height: 1px;background-color: #008ee6;position: absolute;bottom:-1px;transition: all 0.6s;}
.index_news .news_list .bd li span{display: block;width:100%;color:#7a7a7a;line-height: 1.8em;text-align: justify;height:75px;overflow:hidden;}
.index_news .news_list .bd li p{color:#838383;margin-top: 20px;line-height: 1em;}
.index_news .news_list .bd li:hover b:after{width:100%;} */

/* 新闻 news.html */
/* .news{width:92.1875%;margin:0px auto 150px;}
.news .title_left{float: left;}
.news .title_left p{font-size:24px;line-height: 1em;}
.news .title_left span{display: block;color:#c1c1c1;}
.news .new_type{float:right;}
.news .new_type li{float: left;margin:0px 10px;}
.news .new_type li a{padding: 10px 20px;font-size:16px;color:#777777;}
.news .new_type li.on a,.news .new_type li a:hover{text-decoration:underline;}
.news .news_list{margin-top: 55px;}
.news .news_list li{width:1200px;margin:0 auto 35px;transition: all 0.4s;padding: 25px;position: relative;max-width:100%;}
.news .news_list img{float: left;}
.news .news_list .news_msg{float: right;width:545px;padding:50px 0px;box-sizing:border-box;} 
.news .news_list .news_msg .title{font-size:18px;color:#323232;line-height: 1em;}
.news .news_list .news_msg span{display: block;width:100%;color:#7a7a7a;margin:18px 0px;}
.news .news_list .news_msg .time{display: block;width:50px;line-height: 1em;border-top:1px solid #333;padding-top: 10px;font-size:16px;}
.news .news_list li:hover{transform: translate(-5px);box-shadow:0 0 20px -1px rgba(0,0,0,0.3)}

.con_box{width:100%;height:100vh;position:fixed;top:100%;background-color: #fff;padding-top: 120px;}
.con_box .title{font-size:32px;color:#000;text-align:center;}

.news .news_list a{transition: all 0.6s;}
.con_box_test {transform: rotateX(-90deg);transition: all 5s;position: absolute;width:1200px;height:100vh;background-color:blue;top:0px;}
.con_box_test  .title{font-size:32px;color:#000;text-align:center;}
.read a{display:block;transform: rotateX(90deg)!important;}
.read .con_box_test{transform: rotateX(0deg);}

.more_news{display:block;width:14px;height:26px;margin:0 auto;background:url(img/more.png) no-repeat center; transform:rotate(-90deg);} */
.news{width:1200px;margin:80px auto;}
.news .news_top .typename{float:left;display: inline-block;font-size:18px;}
.news .news_top ul{float: right;}
.news .news_top ul li{float: left;margin-left: 55px;}
.news .news_top ul li a{color:#777777;}
.news .news_top ul li.on a,.news .news_top ul li:hover a{text-decoration: underline;}
.news .news_list{margin-top:50px;}
.news .news_list li{width:100%;padding: 30px 0px;box-sizing:border-box;border-bottom:1px solid #e9e9e9;transition:all 0.6s;}
.news .news_list li .pic{display:block;float:left;width:370px;height:210px;position:relative;overflow:hidden;}
.news .news_list li img{display:block;height:100%;position:absolute;left:50%;transform:translateX(-50%);}
.news .news_list li a{display:block;}
.news .news_list li .txt{float: left;margin-left: 45px;width:530px;padding-top:60px;box-sizing:border-box;}
.news .news_list li .txt p{font-size:18px;color:#000;line-height:1em;margin-bottom: 12px;font-weight:bold;}
.news .news_list li .txt span{display: block;font-size:14px;color:#777777;}
.news .news_list li .time{float: right;}
.news .news_list li .time span{display:inline-block;font-size:20px;color:#777777;font-family:"Microsoft Yahei light";margin: 35px 0px 25px;text-align:center;}
.news .news_list li .time i{display:block;width:40px;height:34px;border-left:1px solid #777777;background-image:url(img/new_arrow.png);background-repeat:no-repeat;background-position: center;margin-left: 4px;transition:all 0.6s;}
.news .news_list li:hover{background-color: rgba(0,142,230,0.7);padding: 30px 20px;}
.news .news_list li:hover p,.news .news_list li:hover span{color:#fff;}
.news .news_list li:hover i{background-image:url(img/new_arrow_h.png);border-left:1px solid #fff;background-position: right center;}

/* 联系我们 */

.contact_wrap1{width:100%;background-color:#008ee6;overflow:hidden;margin-top:1px;}
.contact_wrap1 .main{width:1200px;margin:0 auto;box-sizing:border-box;padding:40px 0px;}
.contact_wrap1 .typename{font-size:18px;color:#fff;float: left;}
.contact_wrap1 .map_change{float: right;}
.contact_wrap1 .map_change li{float: left;font-size:16px;line-height: 1em;color:#fff;margin-left: 55px;padding:5px 0px;cursor:pointer;}
.contact_wrap1 .map_change li.on{border-bottom:1px solid #fff;}
.contact_wrap1 .map{width:100%;height:510px;}
.map_msg{padding:20px 70px;box-sizing:border-box;width:100%;height:100%;}
.map_msg b{display:block;text-align:center;font-size:18px}
.map_msg p{text-align:center;color:#888888;}
.contact_wrap2{width:100%;background-color: #f7f7f7;box-sizing:border-box;padding:70px 0px 75px;}
.contact_wrap2 .main{width:1200px;margin:0 auto;}
.contact_wrap2 ul{display: flex;}
.contact_wrap2 li p{line-height: 1em;margin-bottom:15px;}
.contact_wrap2 li span{font-size:30px;color:#008ee6;display: block;line-height: 1em;font-family:'pingfang light';}
.contact_wrap2 li:first-child{float: left;}
.contact_wrap2 li:nth-child(2){margin:0 auto;}
.contact_wrap2 li:last-child{float: right;}

.contact_wrap3{margin:95px auto 200px;width:1200px;}
.contact_wrap3 .form_left{width:400px;float:left;}
.contact_wrap3 p{font-size:18px;font-weight: bold;}
.contact_wrap3 span{display: block;font-size:12px;color:#888888;line-height: 1.5em;margin:15px 0px 50px;letter-spacing: 1px;height:36px;}
.contact_wrap3 .form_box input[type='text']{width:100%;height: 50px;padding:0px 10px;box-sizing:border-box;line-height: 50px;margin-bottom: 30px;font-size:12px;color:#888888;border:1px solid #e6e6e6;}
.contact_wrap3 .form_box textarea{width:100%;height: 165px;border:1px solid #e6e6e6;box-sizing:border-box;font-size:12px;color:#888888;padding:10px 10px;max-height:999999999px;}
.contact_wrap3 .form_box input[type='submit']{width:150px;height: 50px;background-color: #008ee6;float: right;color:#fff;line-height: 50px;text-align: center;border:none;margin-top: 40px;cursor: pointer;transition:all 0.3s ease-in;}
.contact_wrap3 .form_box input[type='submit']:hover{border-radius:25px;}
.contact_wrap3 .contact_style{width:50%;float: right;}
.contact_wrap3 dl{margin-bottom: 33px;}
.contact_wrap3  dt{line-height: 1em;margin-bottom: 8px;font-family:"Microsoft Yahei light";font-weight: bold;}
.contact_wrap3  dd{color:#888888;line-height: 1em;margin-bottom:8px;}
.contact_wrap3  dd a{color:#888888;}
.contact_wrap3  dd a:hover{color:#008ee6;}
.contact_wrap3  li{margin-bottom: 45px;}
.contact_wrap3  em{display: block;font-style: normal;text-align: center;color:#888888;}
/* .contact{width:67%;margin:150px auto;}
.contact .title_left p{font-size:24px;line-height: 1em;}
.contact .title_left span{display: block;color:#c1c1c1;}
.contact .contact_list{padding-left: 35px;margin-top: 50px;}
.contact .contact_list li{width:330px;height: 205px;box-shadow: 0 0 10px -1px rgba(0,0,0,0.3);position: relative;float: left;margin-left: 40px;margin-bottom: 40px;}
.contact .contact_list li .con{position: absolute;top:50%;left:50%;transform:translate(-50%,-50%);}
.contact .contact_list li span{display:block;line-height: 1em;margin-bottom: 20px;white-space:nowrap; }
.contact .contact_list li span:last-child{margin-bottom: 0px;}
.contact .contact_list li .center span{text-align: center;}

.contact-address{margin-top: 132px;box-shadow: 0 0 10px -1px rgba(0,0,0,0.3);}
.contact-address .changemap{position:relative;z-index:2;background:#fff}
.contact-address .changemap li{float:left;width:50%;padding:0 20px 0 100px;margin:50px 0;cursor:pointer;box-sizing:border-box;}
.contact-address .changemap li b{display:block;font-size:28px;font-weight:normal;padding-bottom:10px}
.contact-address .changemap li.on b{color:#008ee6}
.contact-address .changemap li em{display:block;font-size:14px;color:#666;}
.icon-contact-ditie{display:inline-block!important;width:20px;height:20px;vertical-align:middle;background-position:-63px -134px}
.contact-address i{background-image: url(img/icon-contact.png);background-repeat: no-repeat;}
.mhc_title_link { float: left; font-size: 16px; font-weight: bold;color:#0086ee; }
.mhc_title { height: 30px; }
.mhc_title span { float: left; margin-left: 1px; display: inline; }

.online{margin-top:170px;}
.online p{text-align: center;line-height: 1em;}
.online .cn{font-size:34px;}
.online .en{font-size:16px;color:#444444;margin:12px auto 35px;}
.online .form{box-shadow:0 0 8px -1px rgba(0,0,0,0.1);padding:35px 55px;box-sizing:border-box;}
.online .form .top{padding: 27px 0px;border-top:2px solid #f4f4f4;border-bottom:2px solid #f4f4f4;}
.online .form .top input{width:31%;border:2px solid #f4f4f4;height: 46px;box-sizing:border-box;padding-left: 28px;border-radius: 10px;margin-left:2.9%;}
.online .form .top input:first-child{margin-left: 0px;}
.online .form textarea{width:100%;height: 225px;border:2px solid #f4f4f4;padding:20px;box-sizing:border-box;margin:20px auto;border-radius: 10px;outline: none;}
.online .form .bottom input[type='submit']{display: block;width:200px;height: 50px;background:#333;font-size:18px;color:#fff;line-height: 50px;text-align: center;border-radius:10px;border:none;float: right;
cursor:pointer;} 
.online .form_group input{width:220px;border:2px solid #f4f4f4;height:50px;line-height:51px;padding:0px 15px;font-size:18px;color:#777777;float:left;border-radius: 10px;}
.online .form_group img{margin-top:10px;margin-left:20px;float:left}
 */

/* 案例列表 */
/* .case{width:92.1875%;margin:0px auto 150px;}

.case .case_type{float:right;}
.case .case_type li{float: left;margin:0px 10px;}
.case .case_type li a{padding: 10px 20px;font-size:18px;color:#777777;}
.case .case_type a.active,.case .case_type li a:hover{background-color:#008ee6;color:#fff;} */
.case-contents{padding-bottom: 150px;overflow:hidden;}
.case-contents .typename{float:left;display: inline-block;font-size:18px;color:#333!important;}
.case-list{width: 94.2%;margin: 80px auto 150px;}
.case-list .warp-type{height: 50px;position: relative;margin-bottom: 25px}
/* .case-list .warp-type p{font-size: 18px;line-height: 50px;position: absolute;left: 33.33333%;margin-left: -160px;z-index: 0;width: 160px} */
.case-list .title_left{width:1200px;margin:0 auto;}
.case-list .title_left p{font-size:24px;line-height: 1em;}
.case-list .title_left span{display: block;color:#c1c1c1;}
.case-list .warp-type-list{float: right;position: absolute;z-index: 11;right: 0}
.case-list .warp-type-list .active{text-decoration: underline;color: #000;}
.case-list .warp-type-list a{display: inline-block;margin-right: 20px;line-height: 50px;color: #888889;font-size: 14px}
.case-list .warp-type-list a:hover{text-decoration: underline}
.case-list ul li{width: 33.333333%;float: left;position: relative;overflow: hidden;display: block;}
.case-list ul li img{width: 100%;height: auto;display: block;transition:all 0.6s;}
.case-list ul li:hover img{transform: scale(1.1);-webkit-transform: scale(1.1);-moz-transform: scale(1.1);-ms-transform: scale(1.1)}
.case-list .case-summary{opacity:0;width: 90%;height: 90%;background: url(img/black.png) repeat;top: 0;left: 0;position: absolute;padding: 5%;transition:all 0.6s;}
.case-list .case-summary p{color: #f9f9f9;position: absolute;left: 0;font-size: 20px}
.case-list .case-summary span{font-size: 24px}
.case-list .case-summary .p1{top: 0}
.case-list .case-summary .p2{bottom: 0;font-size: 16px}
.case-list .case-more{display: block;width: 148px;height: 40px;margin: 100px auto;border: 2px solid #959595;text-align: center;line-height: 40px}
.case-list ul li:hover .case-summary{opacity:1;}

.case-read-slider .hd {padding: 20px 0;  line-height: 30px;  overflow: hidden;width:1150px;}
.case-read-slider .hd span {  font-size: 22px;  color: #a5a5a5;  float: left;color:#666}
.case-read-slider .bd { height: 200px; overflow: hidden; position: relative; }
.case-read-slider .bd ul { width: 9999px; position: absolute; left: 0; top: 0; }
.case-read-slider .bd li { width: 280px; padding: 0 0 5px 0; margin: 0 14px 0 0;  float: left; transition: border-color 400ms; }
.case-read-slider .bd li .i5 { opacity: 0; filter: alpha(opacity=0); margin: -34px 0 0 -34px; position: absolute; left: 10%; top: 50%; transition: 400ms; }
.case-read-slider .bd li .i6 { opacity: 0; filter: alpha(opacity=0); margin: -16px 0 0 -17px; position: absolute; left: 90%; top: 50%; transition: 400ms; }
.case-read-slider .bd li a { display: block; color: #888; }
.case-read-slider .bd li .imgBox { height: 158px; overflow: hidden; position: relative; }
.case-read-slider .bd li .img { width: 100%; height: 100%; }
.case-read-slider .bd li .bg { opacity: 0; filter: alpha(opacity=0); width: 100%; height: 100%; background: rgba(0,0,0,0.7); position: absolute; left: 0; top: 0; transition: 400ms; }
.case-read-slider .bd li .t { overflow: hidden; height: 32px; line-height: 32px; font-size: 14px; transition: 400ms; }
.case-read-slider .bd li .time { font-size: 14px; transition: 400ms; }
.case-read-slider .bd li:hover { border-color: #0099E0; }
.case-read-slider .bd li:hover .magnifier { -webkit-transform: scale(1); transform: scale(1); opacity: 1; filter: alpha(opacity=100); }
.case-read-slider .bd li:hover .bg { opacity: 0.8; filter: alpha(opacity=80); }
.case-read-slider .bd li:hover a { color: #008ee6; }
.case-read-slider .bd li:hover .i5 { left: 50%; opacity: 1; filter: alpha(opacity=100); }
.case-read-slider .bd li:hover .i6 { left: 50%; opacity: 1; filter: alpha(opacity=100); }

.slider-btn { float: right;  height: 30px;transition:all 0.6s}
.slider-btn .prev { width: 29px; height: 29px; display: inline-block; background: url(img/btn4.png) no-repeat 0 0; }
.slider-btn .prev:hover { background-position: 0 -29px; }
.slider-btn .next { width: 29px; height: 29px; margin: 0 0 0 5px; display: inline-block; background: url(img/btn4.png) no-repeat -29px 0; }
.slider-btn .next:hover { background-position: -29px -29px; }
/* 新闻详情 */
.news-read{width: 1200px;margin:80px auto 60px;padding:50px 30px;box-sizing:border-box; /*    box-shadow: 0 0 10px -2px rgba(0,0,0,0.1); */}
.news-read .news-read-left{float: left;}
.news-read .news-read-left h3{font-size: 24px;}
.news-read .news-read-left h4{font-size: 16px;line-height:1em;}
.news-read .news-read-right{float: right;width: 700px}
.news-read .news-read-right .title{font-size: 26px;line-height: 30px;padding-bottom: 50px;border-bottom:1px solid #ccc;color: #0f0b09;margin-bottom: 40px;font-weight: bold;}
.news-read .content p,.news-read .content span,.news-read .content div{/* color: #0f0b09; */font-size: 16px}
.news-read .content img{max-width: 705px}
.news-read .content {padding-bottom: 50px;border-bottom: 1px solid #ccc;font-size: 16px}
.news-tool{margin-top: 26px}
.news-tool-right li{position: relative;height: 32px;float: left;margin: 0 7px}
.news-tool-right li .icon{background-image:url(img/icon.png);background-repeat:no-repeat;display: block;width: 26px;height: 26px}
.news-tool-right #close a{background-position: 0 -114px}
.news-tool-right #prev a{background-position: 0 -155px}
.news-tool-right #next a{background-position: 0 -194px}
.news-tool-right #close a:hover{background-position: -36px -114px}
.news-tool-right #prev a:hover{background-position: -36px -155px}
.news-tool-right #next a:hover{background-position: -36px -194px}
.neighbour span{display:block;margin-top:10px;}
.neighbour span a:hover{color:#008ee6;}
.recommend{margin:40px 0px;background:#fbfbfb;padding:15px;}
.recommend span{font-size:22px;border-bottom:1px dashed  #fff;display:block;padding-bottom:10px;margin-bottom:15px;}
.recommend li{margin-bottom:8px;}
.recommend li a:hover{color:#008ee6;}
.position{margin-bottom:30px;}
.position a:hover{color:#008ee6;}
.latest_news{margin-top:60px;}
.latest_news span{font-size:22px;border-bottom:1px solid  #000;display:block;padding-bottom:10px;margin-bottom:15px;}
.latest_news li{margin-bottom:8px;border-bottom:1px dashed  #eee;box-sizing:border-box;transition:all 0.6s;padding:5px 0px;}
.latest_news li em{float:right;}
.latest_news li:hover{border-bottom:1px solid  #008ee6;padding:5px 3px;}
.latest_news li:hover a{color:#008ee6}
/* 关于我们 about.html */
.fullvideo{width: 100%;height: 800px;overflow: hidden;position: relative;}
.fullvideo{width: 100%;height: 800px;overflow: hidden;position: relative;}
.video-sign{position: absolute;top: 0px;left: 0px;display: inline-block;
vertical-align: baseline;}
video{object-fit: contain;background:#000!important;width:auto;height:100%}
span.mceItem-movie {width:100%!important;height:100%!important; position:absolute;top:0;left:0;background:#000!important;text-align:center;}

.fv-title{position: absolute;font-size: 46px;line-height: 46px;color: #fff;left: 0px;top: 22%;-webkit-animation:DDInY .8s .3s ease both;-ms-animation:DDInY .8s .3s ease both;-moz-animation:DDInY .8s .3s ease both;animation:DDInY .8s .3s ease both}
.fv-summary{position: absolute;bottom: 0px;width: 450px;height: 150px;background-color: #fff;right: 0px;padding: 50px;-webkit-animation:DDInY 1s .5s ease both;-ms-animation:DDInY 1s .5s ease both;-moz-animation:DDInY 1s .5s ease both;animation:DDInY 1s .5s ease both}
.fv-summary h4{font-size:40px;color: #333;line-height: 40px;}
.fv-summary h5{font-size: 24px;color: #333;line-height: 36px}
.fv-summary p{font-size: 16px;color: #808080;margin-top: 20px;}
/*分页框架*/
@-webkit-keyframes DDInY{
0%{-webkit-transform:translateY(40px);opacity:0}
40%{-webkit-transform:translateY(-10px)}
70%{-webkit-transform:translateY(10px)}
100%{-webkit-transform:translateY(0px);opacity:1}
}
@keyframes DDInY{
0%{transform:translateY(40px);opacity:0}
40%{transform:translateY(-10px)}
70%{transform:translateY(10px)}
100%{transform:translateY(0px);opacity:1}
}
.about_wrap1{width:1160px;margin:130px auto 155px;position:relative;}
.about_wrap1 em{float:left;font-size:26px;color:#000;font-weight: bold;}
.about_wrap1 .con{float:right;width:50%;}
.about_wrap1 .con span{font-size:24px;color:#333;}
.about_wrap1 .con p{color:#666;margin-top:30px;}
.about_wrap1 .con p.txt2{font-size:12px;margin-top:42px;text-align:justify;}

.about-wrap2{width:100%;height:850px;overflow:hidden;position:relative;background:url(img/ab2-1.jpg) no-repeat center;}
.about-wrap2 .bgimg{width:100%;height:100%;}
.about-wrap2 .bgimg li{position:absolute;top:0px;left:0px;width:100%;height:100%;background-repeat:no-repeat;background-position:center;opacity:0;transition:all 1.3s;}
.about-wrap2 .bgimg li.on{opacity:1;}
.about-wrap2 .bgcolor{width:100%;height:100%;}
.about-wrap2 .bgcolor li{width:1120px;height:1190px;position:absolute;left:97%;bottom:0px;transform-origin:right bottom;transition:all 1.5s;}
.about-wrap2 .bgcolor li.on{transform:rotate(-20deg);left:0px;opacity:1;}
.about-wrap2 .con_txt li{position:absolute;top:50%;left:102px;transform:translateY(-50%);opacity:0;transition:all 1.6s;}
.about-wrap2 .con_txt li.on{opacity:1;}
.about-wrap2 .con_txt li span{display:block;font-size:48px;color:#fff;line-height:1em;margin-bottom:45px;font-family:"pingfang light";}
.about-wrap2 .con_txt li p{font-size:16px;color:#fff;width:460px;line-height:1.5em;}
.about-wrap2 .type_con{position:absolute;left:102px;bottom:60px;}
.about-wrap2 .type_con li{float:left;margin-right:50px;}
.about-wrap2 .type_con li a{display:block;color:#fff;transition:all 0.6s;font-family:"pingfang light";}
.about-wrap2 .type_con li.on a{text-decoration:underline;}

.about_wrap3{width:1160px;margin:160px auto 215px;background:#fff;}
.about_wrap3 .con{float:right;width:50%;}
.about_wrap3 .con span{font-size:24px;color:#333;}
.about_wrap3 .con p{color:#666;margin-top:5px;}
.about_wrap3 .con p.txt2{font-size:12px;margin-top:37px;text-align:justify;color:#666;}

.about_wrap4{width:95%;height:598px;background:url(img/about_logo.jpg) no-repeat fixed center;background-size:100%;margin:0 auto;}
.about_wrap5{width:1160px;margin:160px auto 215px;background:#fff;}
.about_wrap5 .con{float:right;width:50%;}
.about_wrap5 dl{margin-bottom:55px;}
.about_wrap5 dt{font-size:18px;color:#333;}
.about_wrap5 dd{color:#666;font-size:12px;}
/* 案例详情 */
.case-bg{background:#f1f1f1;padding:70px 0px 150px;}
.case-bg .wrap{width:1200px; margin:0 auto;box-sizing:border-box;box-shadow:0px 0px 10px -2px rgba(0,0,0,0.1);position:relative;}
.case-read .line {  height: 4px;  background: #dbdbdb;  overflow: hidden;}
.case-read .line span {  width: 270px;  height: 100%;  display: inline-block;  background: #008ee6;  float: left;}
.case-read .main {  padding: 35px 25px;  background: #fff;box-sizing:border-box;}
.case-read .title {  margin: 0 0 10px 0;  font-size: 24px;  line-height: 28px;  color: #393939;}
.case-read .remarks {  font-size: 14px;  line-height: 24px;  color: #666;  font-family: "微软雅黑";}
.case-read .type {  font-size: 14px;  line-height: 24px;  color: #666;  font-family: "微软雅黑";}
.case-read .type a{color: #777777;  text-decoration: underline;}
.case-read .content {  padding: 50px 0;  border-bottom: 1px solid #dbdbdb;}
.case-read .content p,.case-read .content span{font-size:14px;color:#666;margin-bottom:14px}
.case-read .content img {max-width:100%; display: block;height: auto;margin:0 auto;}
.case-read a:hover{color:#008ee6}
.case-read .case-url {  float: right;  width: 300px;  height: 29px;  background: url(img/case-url.png) no-repeat;}
.case-read .case-url a {  display: inline-block;   height: 29px;  float: left;  text-align: center;  font-size:14px;font-weight:bold;line-height:29px; margin: 0;color:#fff;width:112px;}
.case-read .case-url a:hover{text-decoration: underline;}

.query-cover {position:fixed;left:0;top:0;z-index:20000;width:100%;height:100%;background:#000;opacity:0.7;filter:alpha(opacity=70);display:none;}
.query-pop {position:fixed;left:50%;top:50%;z-index:20001;width:400px;height:280px;padding-top:15px;margin-left:-200px;margin-top:-120px;background:#fff;display:none;font-size:14px;}
.query-pop .tel {overflow:hidden;}
.query-pop .tel .input-wrap,.query-pop .tel .btn-wrap {float:left;}
.query-pop .tel .input-wrap {width:188px;height:40px;border-bottom:1px solid #333;margin-right:10px;}
.query-pop .tel .btn-wrap {width:120px;}
.query-pop .tel .phone-wrap {font-size:34px;font-weight:bolder;line-height:1;}
.query-pop .tel .phone-wrap a {color:#e60012;}
.query-pop .tel .input-wrap input {border:0;height:39px;line-height:39px;padding:0;font-size:20px;}
.query-pop .tel,.query-pop .net {padding:0 40px;margin:10px 0;}
.query-pop .btn-wrap a {background:#e60012;border:none;color:#fff;cursor:pointer;display:block;width:100%;font-size:18px;height:40px;line-height:38px;text-align:center;}
.query-pop .btn-wrap .btn-qqstart {margin-top:12px;}
.query-pop .tip {padding-bottom:5px;}
.query-pop .close-btn {position:absolute;top:10px;right:10px;text-decoration:underline;color:#999;font-size:12px;width:25px;height:25px;text-indent:-100em;overflow:hidden;background:url(pop-closebtn.png) no-repeat center center;}
.query-pop .net #pcnetbtn {display:block;}
#newBridge {display:none!important;}
.query-pop .green_information_safety {background:url(pop_lock.png) left center no-repeat;font-size:12px;line-height:19px;color:#1db816;margin:10px 0 15px;text-indent:1.6em;}
.query-pop .query_pop_box {position:relative;}
.query-pop .query_pop_input {border:1px solid #adada9;width:198px;height:38px;font-size:14px;line-height:38px;color:#333;text-indent:1em;}
.query-pop .query_pop_button {width:120px;height:40px;line-height:40px;padding:0;margin:0;outline:none;box-shadow:none;border:0;color:#fff;background:#e70012;font-size:14px;}
.query-pop .query_pop_box .red_tip {display:none;font-size:12px;line-height:28px;color:#e70012;position:absolute;top:100%;left:0;width:100%;background:#fff;text-indent:1em;}
.query-pop .query-pop-success {display:none;}
.query-pop .subdetail {font-size:12px;line-height:1.5em;margin-top:14px;color:#666;margin-bottom:10px;}
.query-pop .subdetail li{font-size:12px;line-height:1.5em;}
.query-pop .query-pop-success .subtitle {font-size:30px;line-height:1;color:#e70012;margin-top:42px;text-align:center;font-weight:bold;}
.query-pop .query-pop-success .subdetail {font-size:14px;line-height:1.5;color:#666666;margin-top:22px;text-align:center;}



@media screen and (max-width: 1366px) {
	.index_news .news_list .bd li{width:40%;}
	.contact-address .changemap li{padding:0 20px 0 80px;}
   .footer .msg{margin-left:130px;}
}
.pager{text-align:center;margin:100px auto;}
.pager a,.pager span{margin:0px 15px;}
.pager .now{position:relative;color:#008ee6;}
.pager .now:after{content:'';display:block;width:100%;height:1px;position:absolute;bottom:-15px;left:50%;transform:translateX(-50%);background:#008ee6;}
.pager a:hover{color:#008ee6;}
@media screen and (max-width: 1200px) {
	.header{padding:20px 30px;}
	.header-small{padding:10px 30px;}
	.header .menu li{margin:0px 23px;}
	.header .menu{margin-right:185px;}
	.header .phone{width:175px;}
	.warp1,.warp3,.re_online{width:95%;}
	.warp2 .warp-type p{width:100%;}
	.warp2 ul li{width:50%;}
	.re_online input[type="text"]{width:265px;margin-right:25px;}
	.re_online input[name="contents"]{width:300px!important;}
	.footer .con,.copyright .con{width:95%;}
	.footer .msg{margin-left:80px;}
	.footer .flist dl{margin-left:40px;}
	.copyright{height:80px;}
	.copyright span{float:none;}
	.about_wrap1,.about_wrap3,.about_wrap5{width:90%;}
	.case-list ul li{width:50%;}
	.news{width:95%;}
	.news .news_list li .txt{width:430px;}
	.contact_wrap1 .main{width:95%;}
	.contact_wrap2 .main{width:95%;}
	.contact_wrap3{width:95%;}
	.about-wrap2 .bgcolor li{width:800px;}
}

.pnav{margin-top: 50px;}
.pnav li{float: left;width: 21%;text-align: center;background-color: #f2f2f2;margin-left:2%;margin-right: 2%; }
.pnav li:hover{background-color: #008ee6!important;color: #fff;}
.pnav a:hover {color: #fff!important;}
.pnav .on{background-color: #008ee6;color: #fff;}
.on a{color: #fff!important}
.pnav a{display: block;text-align: center;line-height: 50px;color: #666666;
 font-weight: bold;}
.gl-wrap2 img{width: 100%;height: auto;}


.warp1 ul{}
.warp1 li{float: left;width: 25%;text-align: center;}
.warp1 li a{display: block;}
.warp1 li a img{margin-left: 50%;transform: translateX(-50%);width: 80px;}
.warp1 li p{margin-top: 20px;font-size: 22px;color: #666;}

.news .news_list li:hover .bg{display: block;}
.news .news_list li:hover .bg-bf{display: block;}
.bg{position: absolute;
    background: #000;
    width: 100%;
    height: 100%;
    display: none;
    
    opacity: 0.3;}
.bg-bf{position: relative;left: 50%;transform: translate(-50%,-50%) ;top: 50%; display: none;width: 50%;height: 50%;}