@charset "utf-8";



/* CSS Document */







html{font-size:100%}



/* 全局样式 ------------------------------------------------------------------*/



body ,div, h1, h2, h3, h4, p, dl, dd, ol, ul, li, th, td, form, fieldset, input, button, textarea{ margin:0; padding:0; font-family:"Microsoft YaHei"; color:#333;}



html{ -webkit-text-size-adjust:none; word-wrap:break-word; margin:0; padding:0;}



h1, h2, h3, h4{ font-size:100%; font-weight:normal;}



ol, ul{ list-style:none;}



fieldset, img{ border:0;}



cite, em, s, i, b{ font-style:normal;}



input, button, textarea, select{ font-size:100%;}



body, input, button, textarea, select, option{ font-size:normal;}



a, a:link, input, textarea{ text-decoration:none; outline:0; font-weight:normal; font-family:"Microsoft YaHei";}



li, img, label, input{ vertical-align:middle;}



body{ font-size:.24rem; font-family:helvetica,arial; width:100%; margin:0 auto; overflow-x:hidden; background:#fff;}



input:focus,select:focus{ outline:none;}



textarea,select,input{ -webkit-appearance:none; -moz-appearance:none; -o-appearance:none; appearance:none;}











.titb a{font-size:12px;background:red;padding:5px 10px;border-radius:20px;color:#fff;}



.titb a:hover{background:#777;}



.index_des .ppt{padding-top:0px;display:none;}



.index_des .ppt a{display:none;width:100px;text-align:center;display:none;}



/*公用样式*/



.left{ float:left;}



.right{ float:right;}



.clear{ clear:both;}



.clear0{ clear:both; font-size:0px; height:0px; overflow:hidden;}



.hidden{ display:none;}







.w{}







.wapheader .header{ width:100%;margin-top:10px;}



/*.wapheader .logo{ background:url(../images/txt.png) center center no-repeat; background-size:100%; text-align:center;}



.wapheader .logo a{ display:inline-block; width:1.65rem;}



.wapheader .logo a img{ width:1.65rem;}


*/




.wapheader .nav{ height:.6rem; width:100%; position:relative;margin:.13rem auto;border-bottom:1px solid #f00;margin-bottom:0px;background-color: #fff;}



.wapheader .nav i{ font-size:23px; position:relative; padding-left:.5rem; line-height:.75rem; height:.6rem; color:#d71629; background:#fff; display:block;float: left;}







.mdh {



    float: left;



    font-size: 22px;



    color: red;



}



.mdh a{color: #d71629;font-size:23px;}



.wapheader .nav i:before{ content:""; display:block; position:absolute; top:50%; margin-top:-.075rem; left:0; width:.4rem; height:.4rem; background:url(../images/sider.png) top center no-repeat; background-size:100%;}



.wapheader .nav i.del:before{ background:url(../images/del.png) top center no-repeat; background-size:100%; width:.36rem; height:.36rem; margin-top:-.09rem;}



.wapheader .navc{ position:absolute; left:0; top:0; right:0; z-index:50; display:none;}



.wapheader .nav ul{ background:#fff; padding-top:40px;}



.wapheader .nav ul li{ border-bottom:1px solid #fff;}



.wapheader .nav ul li a{ font-size:15px; display:block; line-height:.7rem; color:#7f7f7f; padding:0 .25rem;height:.7rem;}







.wapfooter .nav{ height:.6rem; width:100%; position:relative;}



.wapfooter .nav i{ font-size:.26rem; position:relative; padding-left:.3rem; line-height:.6rem; height:.6rem; color:#f00; background:#fff; display:block;}



.wapfooter .nav i:before{ content:""; display:block; position:absolute; top:50%; margin-top:-.075rem; left:0; width:.21rem; height:.15rem; background:url(../images/sider.png) top center no-repeat; background-size:100%;}



.wapfooter .nav i.del:before{ background:url(../images/del.png) top center no-repeat; background-size:100%; width:.19rem; height:.18rem; margin-top:-.09rem;}



.wapfooter .navc{ position:absolute; left:0; top:0; right:0; z-index:50; display:none;}



.wapfooter .nav ul{ background:#f00;}



.wapfooter .nav ul li{ border-bottom:1px solid #fff;}



.wapfooter .nav ul li a{ font-size:.22rem; display:block; line-height:.5rem; color:#fff; padding:0 .25rem;}







.banner{ position:relative; width:calc(100% - 28px); text-align:center;margin:0 auto; margin-bottom:30px;}



.banner .hd{ width:100%; text-align:center; position:absolute; left:0; right:0; bottom:.25rem;}



.banner .hd ul:after{ content:"."; display:block; height:0; clear:both; visibility:hidden;}



.banner .hd ul li{ height:.15rem; width:.15rem; background:#f6f6f6; border-radius:50%; display:inline-block; margin:0 .05rem; text-indent:-9999px; cursor:pointer;}



.banner .hd ul .on{ background:#ff6254;}



.banner .bd{ position:relative; z-index:0;}



.banner .bd li img{ max-width:100%; display:block; margin:0 auto;}



.banner .bd li a{ -webkit-tap-highlight-color:rgba(0, 0, 0, 0);}



.banner .prev,



.banner .next{ position:absolute; left:.2rem; top:50%; margin-top:-.28rem; display:block; width:.3rem; height:.57rem; background:url(../images/left2.png) 0 0 no-repeat; background-size:100%; filter:alpha(opacity=90);opacity:0.9; z-index:6;}



.banner .next{ left:auto; right:.2rem; background:url(../images/right2.png) 0 0 no-repeat; background-size:100%;}



.banner .prev:hover,



.banner .next:hover{ filter:alpha(opacity=100);opacity:1;}







.titc{ border-bottom:1px solid #716356; line-height:.3rem; font-size:.28rem; color:#333; margin-bottom:.25rem; padding-bottom:.1rem;}



.titc a{ float:right; font-size:.2rem; color:#333; padding-right:.2rem; position:relative;}



.titc a:after{ content:""; display:block; position:absolute; top:.08rem; right:0; width:.12rem; height:.14rem; background:url(../images/point3.png) top center no-repeat; background-size:100%;}



.titc a:hover{ color:#f00;}







.new_case li{ text-align:center; padding-bottom:.55rem;}



.new_case em{ display:block;}



.new_case em a{ display:block;}



.new_case em a img{ max-width:100%;}



.new_case em a img:hover{filter:grayscale(100%);}



.new_case h3{ line-height:28px; margin-top:13px;}



.new_case h3 a{ font-size:21px;}



.PullDown .new_case h3{ line-height:28px; margin-top:13px;padding-bottom:9px;}

.PullDown .new_case h3 a{ font-size:21px;border-bottom:1px solid #F00;padding-bottom:3px;}


.new_case p{ font-size:.28rem; color:#9fa0a0; line-height:.4rem;height:1.2rem;overflow:hidden;



	text-overflow: ellipsis;



	display: -webkit-box;



	-webkit-line-clamp: 3;



	-webkit-box-orient: vertical;



}



.likecase .new_case em a img{filter:grayscale(100%);}



.likecase .new_case em a img:hover{filter:grayscale(0%);}



/*改全部案例*/
.con-two img {
    max-width: 100%;
}
.con-two span{ font-size:20px;color: #333;}
.con-two:hover  h3 span{ background-position: -60px bottom; font-size:20px;}
.con-two span {
    display: inline;
    background: url(/static_m/images/underline.jpg) no-repeat;
    background-position: 0px bottom;
    background-size: 100% 1px;
    -webkit-transition: all 200ms cubic-bezier(0.000, 0.000, 0.580, 1.000);
    -moz-transition: all 200ms cubic-bezier(0.000, 0.000, 0.580, 1.000);
    -o-transition: all 200ms cubic-bezier(0.000, 0.000, 0.580, 1.000);
    transition: all 200ms cubic-bezier(0.000, 0.000, 0.580, 1.000);
}

.con-two a  p {
    font-size: .28rem;
    color: #9fa0a0;
    line-height: .4rem;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}


/*.new_case_1 li{ padding-top:20px}*/

.new_case_1 em{ display:block;}



.new_cas_1e em a{ display:block;}



.new_case_1 em a img{ max-width:100%;}



.new_case_1 em a img:hover{filter:grayscale(100%);}



.new_case_1 h3{ line-height:28px;}



.new_case_1 h3 a{ font-size:18px;}


.PullDown .new_case_1 h3{ line-height:30px; margin-top:8px;padding-bottom:8px;overflow: hidden;height: 25px;text-align: center;}

.PullDown .new_case_1 h3 a{ font-size:21px;padding-bottom:5px; color:#231F20;}


.new_case_1 p{ font-size:.28rem; color:#9fa0a0; line-height:.4rem;overflow:hidden;



	text-overflow: ellipsis;



	display: -webkit-box;



	-webkit-line-clamp: 3;



	-webkit-box-orient: vertical;



}
.new_case_1 li {padding-bottom: .55rem;}
.new_case_1 a em  img {
    max-width: 100%;
}
.th3  h3 span{ font-size:20px;}
.th3:hover  h3 span{ background-position: -60px bottom; font-size:20px;}


.th3  span {
    display: inline;
    background: url(/static_m//images/underline.jpg) no-repeat;
    background-position: 0px bottom;
    background-size: 100% 1px;
    -webkit-transition: all 200ms cubic-bezier(0.000, 0.000, 0.580, 1.000);
    -moz-transition: all 200ms cubic-bezier(0.000, 0.000, 0.580, 1.000);
    -o-transition: all 200ms cubic-bezier(0.000, 0.000, 0.580, 1.000);
    transition: all 200ms cubic-bezier(0.000, 0.000, 0.580, 1.000);
}


.likecase .new_case_1 em a img{filter:grayscale(100%);}



.likecase .new_case_1 em a img:hover{filter:grayscale(0%);}



.mores{ text-align:center; padding-bottom:.15rem;}



.mores a{ font-size:.24rem; color:#f00; padding-top:0; line-height:.3rem; position:relative;}



/*.mores a:before{ display:block; position:absolute; top:0; left:50%; margin-left:-.17rem; width:.34rem; height:.19rem; background:url(../images/point2.png) top center no-repeat; background-size:100%;}*/



.mores .rollup:before{ content:""; display:block; position:absolute; top:0; left:50%; margin-left:-.17rem; width:.34rem; height:.19rem; background:url(../images/rollup.png) top center no-repeat; background-size:100%;}











.i_newsc{ width:100%; overflow:hidden;}



.i_news{ width:calc(100% - 28px); overflow:hidden; padding-bottom:.35rem;margin:0 auto;}



.i_news:after{ content:"."; display:block; height:0; clear:both; visibility:hidden;}



.i_news li{ float:left; width:calc((100% - 30px) / 3); margin-right:15px;margin-top:15px;}



.i_news li:nth-child(3),.i_news li:nth-child(6){margin-right:0px;}



.i_news li em{ display:block; margin-bottom:.1rem;}



.i_news li em a{ display:block; text-align:center;}



.i_news li em a img{ width:100%; height:auto;}



.i_news li:hover em a img{ width:100%; height:auto;filter:grayscale(100%);}



.i_news li h3{ white-space:nowrap; overflow:hidden; text-overflow:ellipsis; width:100%; height:.4rem; margin-bottom:.05rem;}



.i_news li h3 a{ font-size:.24rem; line-height:.4rem; color:#000;}



.i_news li p{ font-size:.2rem; color:#666; line-height:.28rem;height:0.8rem;overflow:hidden;



	text-overflow: ellipsis;



	display: -webkit-box;



	-webkit-line-clamp: 3;



	-webkit-box-orient: vertical;



}















/*foot style*********************************************************************/



.wapfooter .footer{ background:#2f2f2f; width:100%; margin-top:.2rem;}



.wapfooter .f_nav{ background:#dcdcdc;}



.wapfooter .f_nav i{ background:#dcdcdc; margin-left:.3rem;}







.wapfooter .footer h3{ border-bottom:1px solid #f00; line-height:.5rem; color:#a3a3a3; font-size:.3rem; padding-top:.2rem;}



.wapfooter .footer h3 a{ float:right; padding-right:.2rem; font-size:.2rem; color:#9fa0a0; position:relative;}



.wapfooter .footer h3 a:after{ content:""; display:block; position:absolute; top:.18rem; right:0; width:.12rem; height:.14rem; background:url(../images/point3.png) top center no-repeat; background-size:100%;}



.wapfooter .f_lf{ position:relative; padding:0px 14px;}



.wapfooter .f_lf .ewm{ text-align:center; position:absolute; right:.35rem; top:1.15rem;}



.wapfooter .f_lf .ewm img{ width:1.56rem;}



.wapfooter .f_lf .ewm p{ font-size:.28rem; line-height:.4rem; padding-top:.08rem; color:#fff;}



.wapfooter .f_lf ul{ padding:.4rem 0 0 0;}



.wapfooter .f_lf ul li{ position:relative; padding:0 0 .1rem .47rem; line-height:.51rem;}



.wapfooter .f_lf ul li i{ position:absolute; left:0; top:.12rem; display:inline-block; width:.27rem; height:.27rem; background:url(../images/ico1_1.png) 0 0 no-repeat; background-size:100%;}



.wapfooter .f_lf ul li.tell{ color:#a3a3a3;}



.wapfooter .f_lf ul li.tell span{ display:block; font-size:.44rem; color:#a3a3a3;}



.wapfooter .f_lf ul li.tell p{ font-size:.26rem; color:#a3a3a3;}



.wapfooter .f_lf ul li.tell a{ color:#a3a3a3;}



.wapfooter .f_lf ul li.mail{ font-size:.3rem; color:#a3a3a3;}



.wapfooter .f_lf ul li.mail i{ background:url(../images/ico1_2.png) 0 0 no-repeat; background-size:100%;}



.wapfooter .f_lf ul li.adr{ font-size:.26rem; color:#a3a3a3; line-height:.rem;}



.wapfooter .f_lf ul li.adr i{ background:url(../images/ico1_3.png) 0 0 no-repeat; background-size:100%;padding-bottom:.2rem;}



.wapfooter .focus{ border-bottom:1px solid #8a8a8a; line-height:.35rem; color:#a3a3a3; padding:.05rem 0 .1rem 0;}



.wapfooter .focus:after{ content:"."; display:block; height:0; clear:both; visibility:hidden;}



.wapfooter .focus em{ font-size:.24rem; display:inline-block; float:left;}



.wapfooter .focus a{ float:left; height:.35rem; display:inline-block; margin-right:.2rem;}



.wapfooter .focus a.sina{ width:.4rem; background:url(../images/ico2_1.png) 0 0 no-repeat; background-size:100%;}



.wapfooter .focus a.wx{ width:.43rem; background:url(../images/ico2_2.png) 0 0 no-repeat; background-size:100%;}



.wapfooter .focus a.wb{ width:.36rem; background:url(../images/ico2_3.png) 0 0 no-repeat; background-size:100%;}



.wapfooter .focus a.qq{ width:.29rem; background:url(../images/ico2_4.png) 0 0 no-repeat; background-size:100%;}







.wapfooter .f_rt{ padding:0px 14px;}



.wapfooter .f_rt ul{ padding:.2rem 0;padding-bottom:.4rem;}



.wapfooter .f_rt ul li{ padding-top:.2rem;}



.wapfooter .m_intxt{ border:1px solid #4c4c4c; font-size:.3rem; color:#919191; height:.63rem; line-height:.63rem; text-indent:.1rem; width:calc(100% - 2px); background:none;}



.wapfooter .m_intextarea{ border:1px solid #4c4c4c; font-size:.3rem; color:#919191; height:.63rem; line-height:.63rem; text-indent:.1rem; width:calc(100% - 2px); background:none;}



.m_inbut{ border:none; text-align:center; font-size:.3rem; color:#919191; cursor:pointer; width:calc(100% - 2px); height:.65rem; line-height:.65rem; background:#535353;}



.wapfooter .foot{ text-align:center; border-bottom:1px solid #8a8a8a; line-height:.28rem; padding:.4rem 0;}



.wapfooter .foot p{ color:#a3a3a3; font-size:.2rem;}



.sonmenu{text-align:center;}



.pcheader .nav .sonmenu li{display:inline-block;padding:0px 0px 0px 27px;}



.sonmenu li a{font-size:19px;color:#9fa0a0;}



.sonmenu .on a{color:#f00;}







.pagination-wrapper{margin: 20px 0;}



.pagination{height: 34px;text-align: center;}



.pagination li {display: inline-block;height: 29px;margin-right: 2px;}



.pagination li a{float: left;display: block;height: 28px;line-height: 28px;padding: 0 20px;font-size: 18px;color: #555555;text-decoration: none;}



.pagination li a:hover{color:#2f2f2f;}



.pagination li.thisclass {color: #f00;}



.pagination li.thisclass a,.pagination li.thisclass a:hover{background: transparent;color: #f00;cursor: default;}







.clear10{clear:both;height:10px;}







.share-project-wrap{ float:right; line-height: 28px;position: relative;display: inline-block;margin-bottom:10px;}



.share-project-wrap a{ position: relative;padding-left:25px;display: block;}



.share-project-wrap img,



.share-news-wrap img{ width:15px; margin-right: 10px;}



.share-project-wrap a .share-icon-wrap{ }



.share-icon-wrap{display:inline-block;}



.share-icon{ width:100%; height:100%; position: relative}



.share-icon-wrap .elm_1,



.share-icon-wrap .elm_2{



    position: absolute;



    width:65%;



    height:65%;



    border:1px solid #f20021;



    border-radius: 50%;



    top:50%;



    left:50%;



    margin-left: -35%;



    margin-top:-35%;



    transform: rotate(120deg);



    -ms-transform: rotate(120deg);



    -webkit-transform: rotate(120deg);



    -moz-transform: rotate(120deg);



    -ms-transform: rotate(120deg);



    -o-transform: rotate(120deg);



    -webkit-transition: all 400ms cubic-bezier(0.420, 0.000, 0.580, 1.000); 



    -moz-transition: all 400ms cubic-bezier(0.420, 0.000, 0.580, 1.000); 



    -ms-transition: all 400ms cubic-bezier(0.420, 0.000, 0.580, 1.000); 



    -o-transition: all 400ms cubic-bezier(0.420, 0.000, 0.580, 1.000); 



    transition: all 400ms cubic-bezier(0.420, 0.000, 0.580, 1.000);



}



/*



.share-icon-wrap .elm_1{ top:5%; left: 5%;}



.share-icon-wrap .elm_2{ bottom:5%; right:5%;}



*/



.share-icon-wrap .elm_1{



    -ms-transform-origin: 50% 100%;



    -moz-transform-origin: 50% 100%;



    -webkit-transform-origin: 50% 100%;



    transform-origin: 50% 100%;



    margin-left:-50%;



    margin-top:-70%;



}



.share-icon-wrap .elm_2{



    -ms-transform-origin: 50% 0%;



    -moz-transform-origin: 50% 0%;



    -webkit-transform-origin: 50% 0%;



    transform-origin: 50% 0%;



    margin-left:-20%;



    margin-top:0%;



}



.share-project-wrap .share-icon-wrap{



    position: absolute;



    margin: auto;



    left: 0;



    top:-100%;



    bottom:-100%;



    width:17px;



    height:17px;



}



.share-project-wrap:hover .share-icon-wrap .elm_1{



    margin-left:-35%;



    margin-top:-35%;



    transform: rotate(0deg);



    -ms-transform: rotate(0deg);



    -webkit-transform: rotate(0deg);



    -moz-transform: rotate(0deg);



    -o-transform: rotate(0deg);



}



.share-project-wrap:hover .share-icon-wrap .elm_2{



    margin-left:-35%;



    margin-top:-35%;



    transform: rotate(0deg);



    -ms-transform: rotate(0deg);



    -webkit-transform: rotate(0deg);



    -moz-transform: rotate(0deg);



    -o-transform: rotate(0deg);



}



.share-project-wrap .share-project-media-wrap {



    left: 0;



    margin-top: -26px;







    right: 0;



    text-align: center;



    -webkit-transition: all 400ms cubic-bezier(0.420, 0.000, 0.580, 1.000); 



    -moz-transition: all 400ms cubic-bezier(0.420, 0.000, 0.580, 1.000); 



    -ms-transition: all 400ms cubic-bezier(0.420, 0.000, 0.580, 1.000); 



    -o-transition: all 400ms cubic-bezier(0.420, 0.000, 0.580, 1.000); 



    transition: all 400ms cubic-bezier(0.420, 0.000, 0.580, 1.000);



    opacity: 0;



    visibility: hidden;



    font-size: 18px;width: 150px;



}



.share-project-wrap .share-project-media-wrap a{



    display: inline-block



}



.share-project-wrap:hover .share-project-media-wrap {



    opacity: 1;



    visibility: visible;



}



.share-project-wrap .share-icon-text{



    opacity: 1;



    -webkit-transition: all 0.4s ease-in-out;; 



    -moz-transition: all 0.4s ease-in-out;; 



    -ms-transition: all 0.4s ease-in-out;; 



    -o-transition: all 0.4s ease-in-out;; 



    transition: all 0.4s ease-in-out;;



}



.share-project-wrap:hover .share-icon-text{



    opacity: 0;



}



.content-body img{max-width:100%;}







.pcheader{display:block}



.wapheader{display:none;}



	.pcfooter{display:block;}



	.wapfooter{display:none;}



@media screen and (max-width:949px){



	.pcheader{display:none;}



	.wapheader{display:block;/*padding:0px 16px;*/margin-bottom: -15px;}



	.pcfooter{display:none;}



	.wapfooter{display:block;height:auto;overflow:hidden;}



.sonmenu{text-align:left;}



.sonmenu li{display:list-item;padding:0 .5rem;height:.28rem;line-height:.28rem;width:2.5rem;padding-top:.2rem;}



.sonmenu li a{font-size:.32rem;color:#9fa0a0;}



.pagination li a{font-size:.2rem;padding:0 .16rem;}



.sonmenu li span{float:right;font-size:.28rem;}



.sonmenu .on a{color:#f00;}



.sonmenu .on span{color:#f00;}



.PullDown{padding:20px 14px 0px 14px;}



.titc{width:calc(100% - 28px);margin:0 auto;}



.litpic{width:calc(100% - 28px);margin:0 auto;}



.litpic img{width:100%;}



.c-c h2{font-size:.26rem}



dl.n-l dd.bt{font-size:.26rem;padding:0;height:0.33rem;line-height:0.33rem;overflow:hidden;}



dl.n-l dd.bt a{font-weight:bold;}



dl.n-l dd.ms{font-size:.24rem;line-height:0.3rem;padding-top:.1rem;height:0.89rem;overflow:hidden;}



dl.n-l dd.bt .time{font-size:.2rem;display:none;}



dl.n-l dd:nth-child(4){display:none;}



.jump .left{width:100%;}



.jump .right{float:left;width:100%;}



.typeimg{width:calc(100% - 28px);margin:0 auto;}



.typeimg img{width:100%;}



.map{width:calc(100% - 28px);margin:0 auto;}







.lxtext span{font-size:20px;}



.textp,.textt,.textte,.textq,.textt2{font-size:16px;color:#ff0000;width:28px;display:block;float:left;}



.textt2{color:#fff;}



.tel1,.tel2{font-size:17px;}



.textadd{margin-top:20px;}



.textadd span{font-size:16px;}



.textwei span{font-size:14px;}



.textwei a{color:#666;}



.textdh{font-size:29px;}



.textyx{font-size:21px;}



.qq1{padding-right:16px;font-size:21px;}



.wapfooter .foot p a{color:#a3a3a3;}







.titb{font-size:.4rem;width:calc(100% - 28px);margin:0 auto;}



.index_des li{text-align:left;width:calc(100% - 28px);margin:0 auto;}



.index_des p{ font-size:.28rem; color:#9fa0a0; line-height:.4rem;height:auto;padding-top:10px;}



.index_des .five{width:auto;background:#777;float:left;margin-right:2%;border-radius:20px;padding:0px 19px;text-align:center;margin-top:13px;height:35px;line-height:35px;}



.index_des .five:nth-child(2){margin-right:0px;}



.index_des .five:nth-child(4){margin-right:0px;}



.index_des .five:nth-child(6){margin-right:0px;}



.index_des .five a{font-size:.28rem;color:#fff;}



.index_des .five h3{margin-top:0px;height:35px;line-height:35px;}



.index_des li h3 a{color:#9fa0a0;}



.five_service{width:calc(100% - 28px);margin:0 auto;margin-bottom:30px;overflow:hidden;}



.titb a{display:none;}



.index_des .ppt{display:block;padding:5px 0px 0px 0px;}



.index_des .ppt a{font-size:12px;background:red;padding:5px 10px;border-radius:20px;color:#fff;display:block;}



.index_des .ppt a:hover{background:#777;}



/*.new_case p{-webkit-line-clamp:2;}*/

.new_case_1 p{-webkit-line-clamp:2;}

.i_news li p{-webkit-line-clamp:3;}



}



@media screen and (min-width:950px){



.banner{ width:100%; overflow:hidden; position:relative; margin-bottom:40px;margin-top:0px;}



.banner .hd{ height:auto; overflow:hidden; position:absolute; right:0; left:0; bottom:20px; z-index:4; text-align:center;}



.banner .hd em{ display:inline-block; margin:0 5px; width:12px; height:12px; font-size:0; overflow:hidden; border-radius:12px; background:#f0f0f0; cursor:pointer; transition:width 1s;



 -moz-transition:width 1s; -webkit-transition:width 1s; -o-transition:width 1s;}



.banner .hd em.on{ width:60px; transition:width 1s; -moz-transition:width 1s; -webkit-transition:width 1s; -o-transition:width 1s; background:#f00;}



.banner .bd{ position:relative; height:100%; z-index:3;margin-top: 20px;}



.banner,.banner .bd li{ height:535px;}



.banner .prev,



.banner .next{ position:absolute; left:20px; top:50%; margin-top:-28px; display:block; width:30px; height:57px; background:url(../images/left2.png) 0 0 no-repeat; filter:alpha(opacity=90);opacity:0.9; z-index:6;}



.banner .next{ left:auto; right:20px; background:url(../images/right2.png) 0 0 no-repeat;}



.banner .prev:hover,



.banner .next:hover{ filter:alpha(opacity=100);opacity:1;}







.titc{ border-bottom:1px solid #716356; height:30px; line-height:30px; font-size:19px; color:#333; margin-bottom:25px; padding-bottom:10px;}



.titc a{ float:right; font-size:19px; color:#333; background:url(../images/point3.png) right center no-repeat; padding-right:20px;}



.titc a:hover{ color:#f00;}



.titb{height: 30px;



line-height: 30px;



font-size: 30px;



}







.new_case li{ text-align:center; padding-bottom:55px;}







.new_case em{ display:block;}



.new_case em a{ display:block;}



.new_case h3{ line-height:28px; margin-top:13px;}



.new_case h3 a{ font-size:21px;}



.new_case p{ font-size:15px; color:#9fa0a0; line-height:28px;text-align: left;

}



/*pc案例首页*/
.PullDown .new_case_1 h3{ text-align:left;}
.new_case_1 li{width: 31.7%;margin-left: 1.3333%;margin-bottom: 1px;display: inline-block;vertical-align: top;}

.new_case_1 em{ display:block;}

.new_case_1 a em { display:block;}

.new_case_1 h3{ line-height:28px; }

.new_case_1 a h3 { font-size:21px;}
.new_case_1  a:hover{
	color: #333;
	text-decoration: none;
}
.new_case_1 p{ font-size:12px; color: #4d4d4d; line-height:18px;text-align: left;margin-top: 10px;}

.new_case_1 a em  img {
    max-width: 100%;
}



.th3  h3 span{ font-size:20px;}
.th3:hover  h3 span{ background-position: -60px bottom; font-size:20px;}


.th3  span {
    display: inline;
    background: url(/static_m/images/underline.jpg) no-repeat;
    background-position: 0px bottom;
    background-size: 100% 1px;
    -webkit-transition: all 200ms cubic-bezier(0.000, 0.000, 0.580, 1.000);
    -moz-transition: all 200ms cubic-bezier(0.000, 0.000, 0.580, 1.000);
    -o-transition: all 200ms cubic-bezier(0.000, 0.000, 0.580, 1.000);
    transition: all 200ms cubic-bezier(0.000, 0.000, 0.580, 1.000);
}


.th3 a{
	font-size: 21px;
	padding-bottom: 5px;
	color: #231F20;
	text-decoration: none;
}

.th3:hover {
    color: #333;
    text-decoration: none;
}

.th3:hover .img-hover-mask {
    background: rgba(0,0,0,0.3);
}
.img-hover-mask {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(0,0,0,0.0);
    -webkit-transition: all 200ms cubic-bezier(0.420, 0.000, 0.580, 1.000);
    -moz-transition: all 200ms cubic-bezier(0.420, 0.000, 0.580, 1.000);
    -ms-transition: all 200ms cubic-bezier(0.420, 0.000, 0.580, 1.000);
    -o-transition: all 200ms cubic-bezier(0.420, 0.000, 0.580, 1.000);
    transition: all 200ms cubic-bezier(0.420, 0.000, 0.580, 1.000);
}


/*------------- 直接显示遮罩效果 开始 ------------------------------*/

.con-two h3 {
    line-height: 30px;
    margin-top: 8px;
    padding-bottom: 8px;
    overflow: hidden;
    height: 25px;
    text-align: left;
}

.con-two{
	position: relative;
	cursor: pointer;
}
.con-two img {
    max-width: 100%;
}
.con-two span{ font-size:20px;color: #333;}
.con-two:hover  h3 span{ background-position: -60px bottom; font-size:20px;}
.con-two span {
    display: inline;
    background: url(/static_m/images/underline.jpg) no-repeat;
    background-position: 0px bottom;
    background-size: 100% 1px;
    -webkit-transition: all 200ms cubic-bezier(0.000, 0.000, 0.580, 1.000);
    -moz-transition: all 200ms cubic-bezier(0.000, 0.000, 0.580, 1.000);
    -o-transition: all 200ms cubic-bezier(0.000, 0.000, 0.580, 1.000);
    transition: all 200ms cubic-bezier(0.000, 0.000, 0.580, 1.000);
}

.con-two a  p {
    font-size: 12px;
    color: #4d4d4d;
    line-height: 18px;
    text-align: left;
    margin-top: 10px;
}
.txt-two{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 120px;
	padding-top: 60px;
	line-height: 45px;
	text-align: center;
	color: #fff;
	background: rgba(0,0,0,0.3);
	display: none;
}

/*------------- 直接显示遮罩效果 结束------------------------------*
/*end*/



.index_des li{text-align:left;}



.index_des p{ font-size:18px; color:#9fa0a0; line-height:28px;height:auto;padding-top:15px;}



.index_des .five{background:#777;float:left;margin-right:2%;border-radius:20px;padding:0px 24px;text-align:center;margin-top:20px;margin-bottom:50px;height:35px;line-height:35px;}



.index_des .five:hover{background:red;}



.index_des .five:nth-child(5){margin-right:0px;}



.index_des .five a{font-size:16px;color:#fff;}



.index_des .five h3{margin-top:0px;height:35px;line-height:35px;}



.index_des li h3 a{color:#9fa0a0;}















.mores{ text-align:center; padding-bottom:15px;}



.mores a{ font-size:19px; color:#f00; /*background:url(../images/point2.png) top center no-repeat;*/ padding-top:0; line-height:29px;}



	



.i_newsc{ width:950px; overflow:hidden;}



.i_news{ width:990px; overflow:hidden; padding-bottom:35px;}



.i_news li{ float:left; width:300px; margin-right:25px;margin-top:0px;}



.i_news li em{ display:block; margin-bottom:10px;}



.i_news li em a{ display:block;}



.i_news li em a img{width:300px;height:200px;}



.i_news li h3{ white-space:nowrap; overflow:hidden; text-overflow:ellipsis; width:100%; height:38px;}



.i_news li h3 a{ font-size:19px; line-height:38px;}



.i_news li h3 a:hover{color:red;}



.i_news li p{ font-size:15px; color:#9fa0a0; line-height:24px;height:72px;overflow:hidden;



	text-overflow: ellipsis;



	display: -webkit-box;



	-webkit-line-clamp: 3;



	-webkit-box-orient: vertical;



}



.content .title{font-size:24px;}



.lxtext span{font-size:20px;}



.textp,.textt,.textte,.textq,.textt2{font-size:16px;color:#ff0000;width:40px;display:block;float:left;}



.textt2{color:#fff;}



.tel1,.tel2{font-size:20px;}



.textadd{margin-top:20px;}



.textadd span{font-size:20px;}



.textwei span{font-size:14px;}



.textwei a{color:#666;}



.textdh{font-size:33px;}



.textyx{font-size:24px;}



.qq1{padding-right:16px;font-size:24px;}







}


/* Header */
input,textarea,.menu,.client-list .client-right .client-child{box-sizing:border-box;}
html{}
body,html{}
body{ padding: 0;   margin: 0;background:#fff; font-family: 'FrutigerLTStd-Roman', Arial, sans-serif; font-size: 14px; line-height: 2em; letter-spacing: 0.2px; color:#4d4d4d; overflow-x: hidden;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-overflow-scrolling: touch;
}
#header{ width: 100%; /*border-top: 3px solid #000;*/ position: relative;}
.menu{ padding: 60px 0 30px; position: relative; z-index: 9}
.menu .child-menu:first-child{ margin-left: 0}
.menu .child-menu{ margin-left: 35px; float: left; position: relative}
.menu .child-menu:hover a.main-menu{ /*border-bottom: 2px solid #000*/}
.menu .child-menu a.main-menu{  padding-bottom: 1px; font-size: 15px; line-height: 1.3em; color: #7F7F7F; display: inline-block; text-transform: uppercase; letter-spacing: 0.05em;}
.menu .child-menu a.main-menu:hover,
.menu .child-menu.active a.main-menu,
.menu .child-menu.defaul-select a.main-menu{
    color:#e60027;
}
.menu .child-menu a.lang-link{ padding-bottom: 1px; font-size: 15px; line-height: 1.3em; color: #808080; display: inline-block; padding-left: 3px; padding-right: 3px;}
.menu .child-menu a.lang-link:hover{ color: #231F20;}
.menu .child-menu #lang-en{ font-family: Arial, sans-serif; }
.menu .child-menu #lang-tc{ font-family: Arial, sans-serif;}
.menu .child-menu #lang-sc{ font-family: Arial, sans-serif;}
.menu .menu-left{ float: left}
.menu .menu-right{ float: right}
.menu .child-menu .child-menu-button{ float: left; margin-top: 2px; cursor: pointer; height: 25px;}
.menu .child-menu .child-menu-button .icon-search{ width: 16px; margin-right: 5px;height: 16px;}
.menu .child-menu .child-menu-button .icon-share{ width: 16px; margin-left: 10px; }
.menu .child-menu .child-menu-button .icon-share .share-icon-wrap{ width:16px; height:16px;}
.menu .child-menu .child-menu-button .icon-search > img{ width: 100%; height: auto}
.menu .child-menu .child-menu-button .icon-share .share-icon-wrap span{ border: 2px solid #000}
.menu .child-menu .child-menu-button img{ width: auto; height: 100%}
.menu .child-menu .child-menu-button svg{ width: 16px; height: 100%}
.menu .child-menu.share-child.active .child-menu-button .icon-share .share-icon-wrap span{ border: 2px solid #f20021}
.menu .child-menu .child-menu-button .icon-share .st42{ -webkit-transition: all 300ms; -moz-transition: all 300ms; -o-transition: all 300ms; transition: all 300ms;}
.menu .child-menu.active .child-menu-button .icon-share .st42{ stroke:#ff0000}
.first-load-img-wrap{ background: #eee;}
.first-load-img{ opacity: 0; visibility: hidden;-webkit-transition: all 1200ms; -moz-transition: all 1200ms; -o-transition: all 1200ms; transition: all 1200ms;}
.home .first-load-img-wrap{ background: none;}
.first-load-img-wrap.active .first-load-img{opacity: 1; visibility: visible;line-height:0px;}
.search-input-wrap{
    background: #f1f2f2;
    padding: 5px 0;
    position: absolute;
    right: 100%;
    width:0px;
    overflow: hidden;
    top:-7px;
    margin-right: 10px;
    opacity: 0.8;
    -webkit-transition: all 400ms cubic-bezier(0.000, 0.000, 0.580, 1.000); 
    -moz-transition: all 400ms cubic-bezier(0.000, 0.000, 0.580, 1.000); 
    -ms-transition: all 400ms cubic-bezier(0.000, 0.000, 0.580, 1.000); 
    -o-transition: all 400ms cubic-bezier(0.000, 0.000, 0.580, 1.000); 
    transition: all 400ms cubic-bezier(0.000, 0.000, 0.580, 1.000);
}
.search-input-wrap.active{
    width:300px;
    opacity: 1;
}
.search-input-wrap form{ position: relative;padding-right: 70px;padding-left: 10px;}
.search-input-wrap input[type="text"]{
    font-size: 12px;
    padding: 4px 20px;
    width: 100%;
    border: 1px solid #f1f2f2;
    -webkit-appearance: none;
}
.search-input-wrap input[type="text"].error{
    border: 1px solid #f20021;
}
.search-input-wrap #search-submit-btn{
    border-left: 1px solid #ccc;
    padding: 4px 10px;
    position: absolute;
    right: 0;
    text-align: center;
    cursor: pointer;
    top: 2px;
    background: #f1f2f2;
    color: #666;
    -webkit-appearance: none;
    -webkit-border-radius: 0;
}
.search-input-wrap #search-submit-btn:hover{color: #000;}
.sub-menu{ letter-spacing: 1.5px; padding: 10px 20px; border: 1px solid #D9D9D9; position: absolute; top: 45px; background-color: rgba(250,250,250,0.95); opacity: 0; visibility: hidden;}
.sub-menu.active{ opacity: 1; visibility: visible}
.sub-menu span{ font-size: 12px; padding: 5px 0; display: block}
.sub-menu ul{ padding-right: 20px}
.sub-menu ul li{ padding: 7px 0; text-transform: uppercase;}
.sub-menu ul li h6{ line-height: 16px; font-size: 12px}
.sub-menu ul li a{ padding-bottom: 3px; white-space: nowrap; display: block; color:#a6a6a6}
.sub-menu ul li a:hover{ color:#000;}
.sub-menu.lang-menu{ left: -18px;}
.sub-menu.lang-menu ul{ padding-right: 0}
.sub-menu.lang-menu ul li{ padding: 5px 0}
.sub-menu.lang-menu ul li a{ border-color: rgba(0,0,0,0)}
.sub-menu.lang-menu ul li a:hover{ border-color: #201D1E}
.sub-menu.lang-menu ul li.active a{ border-color: #D9D9D9}
.sub-menu.share-menu{ left: -80px}
.sub-menu.share-menu .icon-group{ padding-right: 0; padding-bottom: 10px}
.sub-menu.share-menu .icon-group li{ float: left; width: 50%; text-align: center}
.sub-menu.share-menu .icon-group li a{ width: 20px; height: 21px; display: inline-block; border:none}
.sub-menu-trianlge{
    /*background-image: url('../fonts/triangle.svg');*/
    background-color: rgba(250, 250, 250, 0.95);
    border: 1px solid #d9d9d9;
    background-repeat: no-repeat;
    background-position: center center;
    width: 20px;
    height: 20px;
    position: absolute;
    top: -17px;
    background-size: 100%;
    display: none;
}
.sub-menu::before {
    border-color: transparent transparent #d9d9d9 transparent;
    border-style: solid;
    border-width: 8px;
    content: "";
    display: block;
    height: 0;
    left: 45px;
    position: absolute;
    top: -16px;
    width: 0;
}
.sub-menu::after {
    border-color: transparent transparent rgba(255, 255, 255, 0.95) transparent;
    border-style: solid;
    border-width: 7px;
    content: "";
    display: block;
    height: 0;
    left: 46px;
    position: absolute;
    top: -14px;
    width: 0;
}
.menu-left .sub-menu{ margin-left: -30px; }
.menu-left .sub-menu-trianlge{ left: 10px; }
.menu-right .sub-menu{ margin-left: 0px; }
.menu-right .sub-menu-trianlge{ right: 10px; }
.share-menu.sub-menu::before{ left: 110px;}
.share-menu.sub-menu::after{ left: 111px;}
.logo-wrapper{ position: absolute; float: left; top: 42px; z-index: 20;}
.logo-wrapper .logo{ width: 250px; }
.logo-wrapper .logo a{ display: block}
.logo-wrapper .logo a img{ width:88%; display: block;}
.breadcrumb-title{ position: relative; z-index: 3;display: inline-block;}
.breadcrumb-menu{  right:0; top:0; width:100%;}

.containerleft{width:70%;float:left;}
.containerright{width:30%;float:left;}
.page-contact .warning{ font-size: 16px}


@media screen and (max-width: 1024px){
    body.no-scroll{
        position: fixed;
    }
   /*.lm-parent-container{ padding-top: 10px; padding-bottom: 5px;}*/
    #header-wrap{background:rgba(255,255,255,0.9);padding-left: 16px;}
    #header{padding: 20px 0; min-height: 43px;}
    .mobile-menu-btn{
        position: relative;
        z-index: 10;
        width: 30px;
        height:20px;
    }
    .menu{
        background: rgba(255,255,255,1);
        bottom: 0;
        position: fixed;
        right: 100%;
        top: -5px;
        width:100%;
        padding: 0px 20px 0px;
        margin-top:80px;
        overflow: auto;
        -webkit-transition: all 500ms cubic-bezier(0.420, 0.000, 0.580, 1.000); 
        -moz-transition: all 500ms cubic-bezier(0.420, 0.000, 0.580, 1.000); 
        -o-transition: all 500ms cubic-bezier(0.420, 0.000, 0.580, 1.000); 
        transition: all 500ms cubic-bezier(0.420, 0.000, 0.580, 1.000); /* ease-in-out */
    }
    .menu.active{ right:0;}
    .mobile-menu-bar{
        background: #fff;
       height: 20px;
       position: absolute;
       width: 30px;
       z-index: 9;
       top: -100%;
       bottom:-100%;
       margin: auto;
   }
   .mobile-menu-btn .mobile-menu-btn-wrap{ position: relative; height: 100%;}
   .mobile-menu-btn .mobile-menu-line{
      background: #000;
      height: 3px;
      position: absolute;
      width: 100%;
  }
  .mobile-menu-btn #mobile-menu-line1{ top: 0;}
  .mobile-menu-btn #mobile-menu-line2{ top: 50%;}
  .mobile-menu-btn #mobile-menu-line3{ top: 100%;}
  .mobile-menu-btn .mobile-menu-line{
      animation-duration: 0.5s;
      animation-timing-function: ease;
      animation-iteration-count: 1; 
      animation-direction: normal;
      animation-delay: 0;
      animation-play-state: running;
      animation-fill-mode: forwards;
  }
  .mobile-menu-btn.active #mobile-menu-line1{
      animation-name: menu-line1-hover;
  }
  .mobile-menu-btn.active #mobile-menu-line2{
      animation-name: menu-line2-hover;
  }
  .mobile-menu-btn.active #mobile-menu-line3{
      animation-name: menu-line3-hover;
  }
  .mobile-menu-btn.inactive #mobile-menu-line1{
      animation-name: menu-line1;
  }
  .mobile-menu-btn.inactive #mobile-menu-line2{
      animation-name: menu-line2;
  }
  .mobile-menu-btn.inactive #mobile-menu-line3{
      animation-name: menu-line3;
  }
  .menu .menu-right{ float: none;}
  .menu .menu-left{ float: none;}
  .menu .child-menu{ float: none; margin-left: 0;padding:10px 0;}
  .child-menu a{ font-size:15px; color:#7F7F7F;}
  .menu .child-menu a.main-menu{ display: block;}
  .sub-menu{ position: static; display: none;}
  .sub-menu::before{ display: none;}
  .sub-menu::after{ display: none;}
  .sub-menu.active{ display: block}
  .menu-left .sub-menu{ margin-left: 0;}
  .menu .sub-menu{border:none; background: none; padding:10px 0;}
  .icon-share,.icon-search{display: none;}
  .search-input-wrap{ opacity: 1;width: 300px; position: static;}
  .sub-menu.share-menu{ display: block; visibility: visible; opacity: 1}
  .web-tab-bar{
      padding-top: 15px;
  }
  .logo-wrapper{ position: static; margin: 0 auto;}
  .logo-wrapper .logo{ margin: 0 auto;margin-left:18%;}
  .related-project-detail ul li{width: 32%; margin-left: 2%; margin-bottom: 2%}
  .related-project-detail ul li:nth-child(3n+1){ margin-left: 0%;}
  .related-project-detail ul li:nth-child(n+13){ display: none;}
  .related-project .related-section-mobile-selectbox{ display: inline-block;padding-right: 25px;position: absolute; top: -23px; right:0;}
  .related-project .related-section-mobile-selectbox span{font-size: 12px;}
  .related-project .related-section-mobile-selectbox i{ display: inline-block !important; padding: 0; position: absolute; right: 0; font-size: 20px;}
  .related-project .related-section-mobile-selectbox.active i{
      transform: rotate(180deg);
      -ms-transform: rotate(180deg);
      -webkit-transform: rotate(180deg);
      -moz-transform: rotate(180deg);
      -o-transform: rotate(180deg);
  }
  .related-project .section-choose{background: #fff;text-align: left;margin-left: 0; position: relative;}
  .related-project .section-choose .section-choose-item{display: none; text-align: left; position: absolute; z-index: 999; width:100%;background: #fff;padding-bottom: 10px; padding-top: 10px;}
  .related-project .section-choose .section-choose-item.active{ display: block}
  .related-project .section-choose .section-choose-item a span:before{ display: none;}
  .related-project .section-choose .section-choose-item a span:after{ content: "/"; color: #f20021; display: inline-block; padding: 0 10px;font-size: 14px;font-style: italic; display: inline-block}
  .related-project .section-choose .section-choose-item a:last-child span:after{ display: none;}
  
}
@media screen and (max-width: 999px){
	.col-padding-1.bottom-only{padding-bottom:40px;}
    .web-container{ padding: 0}
    .world_27_desc br{}
    .projects-list li{ width:48%; margin-left: 4%;}
    .projects-list li:nth-child(3n+1){margin-left: 4%;}
    .projects-list li:nth-child(2n+1){margin-left: 0%;}
    .related-project-detail ul li .related-mask span{ font-size:14px; line-height: 18px;}
    .single-projects .breadcrumb-menu .section-choose{padding-left: 0px; text-align: left;}
    .single-projects .breadcrumb-title .section-title{ padding-bottom: 10px;}
    .main-page-section .breadcrumb-title{ margin-right: 170px;}
}
@media screen and (max-width: 767px){
    body{
        -webkit-text-size-adjust: none;
        -moz-text-size-adjust: none;
        -ms-text-size-adjust: none;
        text-size-adjust: none;
    }

   
}
@media screen and (max-width: 767px) and (orientation: landscape) {
    .page-banner {
        height: auto;
        background-image: none !important;
    }
    .page-banner .page-banner-image {
        position: static;
        visibility: visible;
    }
}
@media screen and (max-width: 550px){
    .simple-advance-search .search-right .section-advance-menu{ width: 100%;}
    .section-advance-menu li{
        vertical-align: middle;
        border-right:none;
        padding-left: 0px;
      line-height: 2em;
  }
  .section-advance-menu li>.relative{
      text-align: left;
  }
  .section-advance-menu li>.relative i{
      position: absolute;
      right: -15px;
      top: 10px;
  }
  .section-advance-menu-wrap{ position: static; padding-top:22px; display: none;}
  .section-advance-menu li.hover .section-advance-menu-wrap{ display: block}
  .m-show{ display: block}
     .containerleft{width:100%;}
.containerright{width:100%;}
}
@media screen and (max-width: 480px){
    .feature-showcase .slider .slider-child-wrapper {
        min-height: 0;
    }
    .search-input-wrap{
      width: 300px;
  }
  #footer .copyright{ float: none; line-height: 1.5em;margin-top: 10px;}
  .back2top{ float: none; text-align: center;}
  .feature-showcase .section-title{ padding-bottom: 50px;}
  .feature-showcase .slider .slider-nav{ top: -30px; left:0;}
  .feature-showcase .slider .slider-nav button{ padding: 0 10px; width:50%; text-align: center;}
  .page-contact .warning br{ display: none;}
     .containerleft{width:calc(100% - 40px);}
.containerright{width:100%;}
}
@media screen and (max-width: 360px){
    .logo-wrapper .logo {
       width: 170px;
       margin-top: 2px;
   }
   .containerleft{width:100%;}
.containerright{width:100%;}
}
@keyframes menu-line1-hover {
    0% {}
    50% {
        transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -o-transform: rotate(0deg);
    }
    100% {
        top:50%;
        transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -o-transform: rotate(45deg);
    }
}
@keyframes menu-line2-hover {
    0% {opacity: 1}
    50% { opacity: 1}
    51% { opacity: 0}
    100%{opacity: 0}
}
@keyframes menu-line3-hover {
    0% {}
    50% {
        transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -o-transform: rotate(0deg);
    }
    100% {
        top:50%;
        transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        -webkit-transform: rotate(-45deg);
        -moz-transform: rotate(-45deg);
        -o-transform: rotate(-45deg);
    }
}
.nav_f{position:fixed;background:rgba(255,255,255,0.9);width:100%;z-index:100;top: 0px;}