html{ font:normal 62.5%/2.4em '微软雅黑',arial, \5b8b\4f53,"Hiragino Sans GB",sans-serif;}
body{position:relative; margin:0px; padding:0px; margin:0px auto; font-size:12px; width:100%;  zoom:1; background-color: #fff; color: #333;}
*{box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}
ul,li,form, dl,dt,dd, div{ padding: 0px; margin: 0px; list-style-type:none;}

.h1,.h2,.h3,.h4,.h5,.h6,.p{ padding:0px; margin:0px;font-weight: normal;}
select,input,textarea{ border-radius:0; -webkit-border-radius:0; }
input:focus { outline: none;}
input,button,select,textarea{outline:none; }
textarea{resize:none; }
textarea,input,select { background:none; border:none; margin:0; padding:0;}
article,aside,footer,header,hgroup,nav,section,figure,figcaption{ display: block;} 
address{font-style:normal;}
figure,figcaption{ margin:0px; padding:0px;}
audio,canvas,progress,video { display: inline-block; vertical-align: baseline;}
img{ border:none; border:0; max-width:100%; vertical-align:top;}
a{ color:#333; text-decoration:none; noline:-webkit-tap-highlight-color:rgba(0,0,0,0);cursor:pointer;}
a:focus {outline:none; -moz-outline:none;}
a:hover{color: #fa7f06;}
.clearfix:after { 
    content:"\200B"; 
    display:block; 
    height:0; 
    clear:both; 
} 
.clearfix {*zoom:1;}
.clear{ clear:both; overflow:hidden;}
.warp{width: 1280px;max-width: 96%; margin: 0 auto;position: relative;}
.Contain .warp{width: 1200px;}
.SinglePage{  word-wrap:break-word;  overflow:hidden;}
.SinglePage *,.txtbox *{max-width: 100%;}
.hide{ display:none;}

.PaddTop12{padding-top: 12px;}


.Header{}
.Header .Logo{float: left;padding-top: 14px;}
.Header .btn_buy{float: right;display: block;width:31px;height: 31px;background: url(../image/ico_buy.png) no-repeat;margin-top: 25px;}
.Header .Search{float: right;margin-right:23px;width: 148px;height: 30px;border: 1px solid #e6e6e6;border-radius: 3px;position: relative;margin-top: 25px;}
.Header .Search input{width: 100%; height: 30px;line-height: 30px;text-indent: 10px;}
.Header .Search .btn_search{width: 21px;height: 21px;display: block; position: absolute;top: 5px;right: 8px;background: url(../image/ico_search.png) no-repeat;}
.Header .Lan{padding-right: 10px;float: right;margin-top: 33px;}
.Header .Lan a{margin-right: 17px;font-size: 14px;font-weight: bold; color: #333;line-height: 20px;padding-bottom: 2px;}
.Header .Lan a.on,.Header .Lan a:hover{padding-bottom: 0px;border-bottom: 2px solid #fa7f06;}
.Header .MainNav{float: right;margin: 36px 52px 0 0;}
.Header .MainNav li{line-height: 1em;padding-bottom: 20px;float: left;margin-left: 72px;}
.Header .MainNav li:first-child{margin-left: 0px;}
.Header .MainNav li{font-size: 14px;font-weight: bold; color: #333; line-height: 1em;}
.Header .MainNav li:hover,.Header .MainNav li.on{padding-bottom: 18px;border-bottom: 2px solid #fa7f06;}

.btn_nav{display: none; width: 35px; height: 30px; padding: 12.5px 0; position: absolute; right: 0; top: 22px; z-index: 2;}
.btn_nav span{width: 35px; height: 5px; background-color: #fa7f06; display: block;}
.btn_nav::before, .btn_nav::after{content: '';display: block;width: 35px;height: 5px;position: absolute;background: #fa7f06;}
.btn_nav::before{top: 0;transition-duration: 300ms;
-moz-transition-duration: 300ms; 
-webkit-transition-duration: 300ms; 
-o-transition-duration: 300ms; }
.btn_nav::after{bottom: 0;transition-duration: 300ms;
-moz-transition-duration: 300ms; 
-webkit-transition-duration: 300ms; 
-o-transition-duration: 300ms; }
.btn_nav.on span{background-color:rgba(0,0,0,0);}
.btn_nav.on::before{-webkit-transform: rotate(45deg);transform: rotate(45deg);top: 12.5px;}
.btn_nav.on::after{-webkit-transform: rotate(-45deg);transform: rotate(-45deg); bottom: 12.5px;}

.mob_nav{display: none;}


.Foot{background-color: #0f1a23;text-align: center;padding: 32px 0 25px;}
.Foot .OtherNav{height: 12px;padding-bottom: 12px;}
.Foot .OtherNav ul{display: inline-block;*display: inline;*zoom:1;}
.Foot .OtherNav li{padding:0 14px;float: left;height: 12px;line-height: 12px;border-left:dashed 1px #54585b;}
.Foot .OtherNav li.first{padding-left: 0px;border-left:0px;}
.Foot .OtherNav li a{line-height: 12px;font-size: 14px; color: #888c8f;}
.Foot .Copyright{padding: 6px 0;font-size: 14px; color: #5e6266;}

.HomBan{position: relative;}
.HomBan .bd a{display: block;width: 100%;height: 600px;background-position: center;background-repeat: no-repeat;}
.HomBan .bd a img{display: none;}
.HomBan .bx-wrapper{ height: 600px;}
.HomBan .bx-has-pager .bx-pager{position: absolute;bottom: 20px;text-align: center;z-index: 60;width: 100%;}
.HomBan .bx-has-pager .bx-pager-item{ display: inline-block;margin: 0 6px;}
.HomBan .bx-has-pager .bx-pager-item a{width: 25px;height: 3px;background-color: #8b8b8b;text-indent: 25px;overflow: hidden;}
.HomBan .bx-has-pager .bx-pager-item a.active{height: 5px;background-color: #fa7f06;}

.HomContain .Title{white-space: nowrap;overflow: hidden;text-overflow: ellipsis;font-size: 24px;color: #333;line-height: 1em;padding: 5.5% 0 20px 0;margin-bottom: 30px;position: relative;text-align: center;}

.HomContain .Title.color_w{color: #fff;}
.HomContain .Title:after{content: "";position: absolute;bottom: 0px;left: 50%;margin-left: -10px; display: block; width: 20px;height: 2px; background-color: #fa7d02;}
.HomContain .ico_more{display: block;width: 24px;height: 24px;background: url(../image/ico_more.png) no-repeat;}

.HomImgSlider{width: 50%;float: left;}
.HomImgSlider li{position: relative;}
.HomImgSlider li .h3{position: absolute;display: none; bottom: 0px;left: 0;z-index: 60; width: 100%; height: 60px;line-height: 60px;background: url(../image/bg_overlay_b.png) repeat; color: #fff;padding-left: 20px; font-size: 18px; white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.HomImgSlider li:hover .h3{display: block;}
.HomImgSlider li .h3 span{font-size: 14px;}
.HomImgSlider li .h3 span em{font-style: normal;font-size: 36px;float: left;}

.HomAbout{padding-bottom: 7%;}
.HomAbout .Title{z-index: 3;position: absolute;left: 50%;margin-left: -48px;}
.HomAbout .Text{width: 40%;float: left; padding-top: 12%;}
.HomAbout .bg{width: 60%;float: right;}

.HomXiaofang{background: url(../image/bg_hom1.jpg) no-repeat center; background-size:  auto 100%;min-height: 600px;}
.HomXiaofang .list{width: 100%;overflow: hidden;padding-top: 6%;}
.HomXiaofang .list ul{width: 107%;}
.HomXiaofang .list li{float: left; width: 18%;margin-right: 7%;}
.HomXiaofang .list li .ico{text-align: center;}





.HomXiaofang .list li .h3{font-size: 16px;font-weight: bold;color: #fff;text-align: center;padding: 30px 0 12px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.HomXiaofang .list li .h3 a{color: #fff;}
.HomXiaofang .list li .p{color: #a6a9ab;font-size: 14px;height: 48px;overflow: hidden;}
.HomXiaofang .list li .ico_more{margin: 28px auto 0 auto;}

.HomCase{padding-bottom: 8%;}
.HomCase .Right{width: 50%;float: left; min-height: 400px;border: 1px solid #efefef;}
.HomCase .Right .hd{width: 140px;float: right;}
.HomCase .Right .hd li{position: relative;height: 100px; background-color: #1f2833;background-repeat: no-repeat;background-position: 50px 19px;  font-size: 9px;color: #fff;font-weight: bold;text-align: center;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.HomCase .Right .hd li a{display: block;padding-top: 62px;color:#fff;}
.HomCase .Right .hd li.ico1,.HomCase .Right .hd li.ico3{background-color: #242e3a;}
.HomCase .Right .hd li.on{background-color: #fa7d02;background-position: 60px 19px;width: 150px;padding-left: 10px;margin-left: -10px;}
.HomCase .Right .hd li.on:after{content: "";border:transparent 10px solid; border-right-color: #fa7d02;position: absolute;left: -20px;top: 0;}
.HomCase .Right .hd li.ico1{background-image: url(../image/ico_h11.png);}
.HomCase .Right .hd li.ico2{background-image: url(../image/ico_h12.png);}
.HomCase .Right .hd li.ico3{background-image: url(../image/ico_h13.png);}
.HomCase .Right .hd li.ico4{background-image: url(../image/ico_h14.png);}
.HomCase .Right .hd li.on.ico1{background-image: url(../image/ico_h11on.png);}
.HomCase .Right .hd li.on.ico2{background-image: url(../image/ico_h12on.png);}
.HomCase .Right .hd li.on.ico3{background-image: url(../image/ico_h13on.png);}
.HomCase .Right .hd li.on.ico4{background-image: url(../image/ico_h14on.png);}
.HomCase .Right .bd{margin-right: 140px; padding: 10%;}
.HomCase .Right .bd li{display: none;}
.HomCase .Right .bd .h3{font-size: 24px;color: #333;padding-bottom: 27px;line-height: 58px;position: relative;margin-bottom: 16px;}
.HomCase .Right .bd .h3 em{font-style: normal;font-size: 72px;color: #efefef;float: left;padding-right: 10%;}
.HomCase .Right .bd .h3:after{content: "";position: absolute;bottom: 0px;left: 0; display: block; width: 40px;height: 2px; background-color: #fa7d02;}
.HomCase .Right .bd .p{font-size: 14px;color: #333;line-height: 30px;margin-bottom: 24px; max-height: 120px;overflow: hidden;}

.HomNews{background: url(../image/bg_hom2.jpg) no-repeat center; background-size:  auto 100%;min-height: 680px;}
.HomNews .Right{width: 50%;float: left; min-height: 400px;}
.HomNews .Right dl{padding-left: 7.5%;margin-top: 6.2%;}
.HomNews .Right dl:first-child{margin-top: 0px;}
.HomNews .Right dl dt{width: 37%;float: left;}
.HomNews .Right dl dd{width: 60%;float:right;padding-bottom: 4%; min-height: 180px;border-bottom: 1px solid #fff;}
.HomNews .Right dl dd .h3{font-size: 16px;line-height: 1em;}
.HomNews .Right dl dd .h3 a{color: #fff;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;display: block;}
.HomNews .Right dl dd .p{color: #bbbdbf;font-size: 14px;margin: 5% 0 7% 0;max-height: 72px;overflow: hidden;}
.HomNews .Right dl dd time{color: #bbbdbf;font-size: 14px;float: left; padding-left:30px;background: url(../image/ico_time.png) no-repeat left center; }
.HomNews .Right dl dd .ico_more{float: right;}
.HomNews .btn_more{position:relative; border: 1px solid #343b42;width: 104px;height: 34px;line-height: 34px; display: block;margin: 50px auto 0 auto;text-indent: 17px;font-size: 14px;color: #fff;}
.HomNews .btn_more:after{content: "";border:transparent 5px solid; border-left-color: #fff;position: absolute;right: 9px; top: 13px;width: 0;}

.HomContact{position: relative; background: url(../image/bg_hom3.jpg) no-repeat center bottom;min-height: 550px;}
.HomContact .Title{margin-bottom: 58px;}
.HomContact ul{text-align: center;}
.HomContact li{text-align: center;width: 24.5%;display: inline-block;font-size: 14px;}
.HomContact li .p{font-size: 12px;color: #333;}
.HomContact .li1 img{padding-bottom: 14px;width: 100px;}
.HomContact .li2 img{padding-bottom: 5px;width: 60px;}
.HomContact .li3 img{padding: 12px 0;}
.HomContact .li3 .h3{font-size: 18px;}
.HomContact .li3 .h4{font-size: 16px;}
.HomContact .li4 .QRBox{width: 120px;height: 120px;background: url(../image/bg_qrbox.png) no-repeat;padding: 10px;margin:0 auto 5px auto;}

.btn_backtop{display: block;width: 40px;height: 40px;background: url(../image/btn_backtop.png) no-repeat center;position: absolute;bottom: 5px;left: 50%;margin-left: -20px;z-index: 60;}

.Banner{background-repeat: no-repeat;background-position: center; height: 370px;position: relative;}
.Banner img{display: none;}
.Sidebar{background: url(../image/bg_overlay_b.png) repeat;height: 60px;width: 100%; position:absolute;bottom: 0;left: 0; text-align: center;}
.Sidebar ul{display: inline-block;*display: inline;*zoom:1;}
.Sidebar ul li{float: left;padding: 0 25px;}
.Sidebar ul li a{text-overflow: ellipsis;overflow: hidden;white-space: nowrap;display: block;width: 142px;border-top: 4px solid transparent; line-height: 56px;font-size: 16px;color: #ececec;}
.Sidebar ul li.on a,.Sidebar ul li a:hover{border-top-color: #fa7f06;background-color:#fff;color: #fa7f06;}
.OnlySinglePage{padding: 3% 0;}



.PagesWarp{background-color: #f6f6f6;height: 146px;padding:50px 0;text-align: center;}
.Pages .p_page{display: inline-block;*display: inline;*zoom:1;}
.Pages .p_cur,.Pages .p_count,.Pages .p_total,.Pages .p_jump{display: none;}
.Pages a{display: block;width: 46px;height: 46px;line-height: 46px;text-align: center;font-style: normal; background-color: #fff; float: left;margin: 0 5px;font-size: 12px;color: #999;}
.Pages .a_first,.Pages .a_prev,.Pages .a_next,.Pages .a_end{width: 100px;}
.Pages a:hover,.Pages a.a_cur{background-color: #fa7f06;color: #fff;}







.AboutMiddle{border-top: 1px solid #e5e5e5;margin-top: 6.5%;}
.AboutMiddle dl{margin-top: -1px;}
.AboutMiddle dl dt{width: 50%;float: left;}
.AboutMiddle dl dd{width: 50%;float: left;padding: 3%;}
.AboutMiddle dl dd .h3{font-size: 18px;color: #333;font-weight: bold; text-align: center;background: url(../image/bg_about_title.jpg) no-repeat center;padding: 6% 0;}
.AboutMiddle dl dd .p{font-size: 15px;color: #666;line-height: 30px;}
.AboutMiddle dl.even dt{float: right;}

.Partner{background: url(../image/bg_parent.jpg) no-repeat center; }
.Partner .Title{margin-bottom: 5%;}
.Partner .warp{overflow: hidden;padding-bottom: 5.5%;}
.Partner ul{width: 101%;}
.Partner li{float: left;width: 19%;margin:0 1% 1% 0; border: 1px solid #eee;}
.Partner li img{width: 100%;}



.CaseText{font-size: 15px;color: #333;line-height: 30px;padding: 3% 0;}
.CaseList{width: 100%;overflow: hidden;}
.CaseList ul{width: 102.5%;}
.CaseList li{float: left; width: 30.8%;margin-right: 2.5%;margin-bottom: 2.5%; border: 1px solid #ededed;padding: 10px 10px 17px;position: relative;}
.CaseList li .span{display: inline-block;width: 24px;height: 24px;background: url(../image/ico_more.png) no-repeat center;position: absolute;bottom:20px;right: 20px;}
.CaseList li img{width: 100%;}
.CaseList li .h3{font-size: 16px;color: #333;line-height: 50px;border-bottom:1px solid #e5e5e5; margin-bottom: 9px;display: block; white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.CaseList li .p{font-size: 14px;color: #999;line-height: 30px;display: block; white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}



.NewsList{padding-top: 3.6%;}
.NewsList dl{background-color: #fafafa;border:1px solid #f1f1f1;margin-bottom: 3.6%;}
.NewsList dt{width: 33.3%;float: left;}
.NewsList dd{width: 60.1%;margin: 0 3.3%;float: left;padding-top: 14px;} 
.NewsList dd h3{position: relative;border-bottom: 1px solid #e1e1e1;}
.NewsList dd h3 a{font-size: 18px;color: #333;line-height: 44px; font-weight: bold; display: block; white-space: nowrap;overflow: hidden;text-overflow: ellipsis; padding-right: 100px;}
.NewsList dd h3 span{font-size: 16px;line-height: 44px;color: #fa7d02;position: absolute;right: 0;top: 0;}
.NewsList dd .p{font-size: 14px;color: #999999; margin: 17px 0 25px 0; max-height: 48px;overflow: hidden;}
.NewsList dd .more{display: block;width: 24px;height: 24px;background: url(../image/ico_more.png) no-repeat;}

.NewsShow .NsHead{text-align: center;border-bottom: dashed 1px #d8d8d8;padding-bottom: 20px;margin: 50px 0 20px 0;}
.NewsShow .NsHead .h2{font-size: 18px;font-weight: bold;padding-bottom: 5px;}
.NewsShow .NsHead span{font-size: 14px;color: #9C9C9C;}
.NewsShow .PrevNext{font-size: 14px;padding: 3% 0 5% 0;}
.NewsShow .btn_back{display: block; background-color: #fa7f06;color: #fff;font-size: 15px;width: 120px;height: 40px;line-height: 40px;text-align: center;border-radius: 5px;margin-top: 20px;}



.Contact{background: url(../image/bg_contact.jpg) no-repeat bottom center;padding-bottom: 24%;}
.Contact .HomContact{background-image: none;min-height: 0px;padding: 4% 0 3% 0;}
.Contact .Map{width: 100%;height: 500px;border:5px solid #f1f1f1;}




.JobList{padding: 6% 0 5%;}
.JobList dl{margin-top: -1px;}
.JobList dt{cursor: pointer;position: relative; background-color: #f9f9f9;border:1px solid #e7e7e7; padding: 0 2.5%;}
.JobList dt .h3{font-size: 14px;color: #333; line-height: 49px;display: block; white-space: nowrap;overflow: hidden;text-overflow: ellipsis; padding-right: 150px; } 
.JobList dt span{display: none; font-size: 15px;color: #fff;line-height: 49px;position: absolute;right: 68px;top: 0;}
.JobList dt:after{content: ""; display: block;width: 22px;height: 23px; background: url(../image/btn_job2.jpg) no-repeat;position: absolute;right: 20px;top: 14px;}
.JobList dd{display: none; padding: 2.5%;border:1px solid #e7e7e7; border-top: 0px;}
.JobList dd .p{margin-bottom: 20px;}
.JobList dd .p span{font-size: 14px;color: #333;}
.JobList dd .p span:first-child{margin-right: 20px;}
.JobList dd .p b{color: #fa7f06;}
.JobList dd .h3{font-size: 14px;color: #fa7f06;font-weight: bold;}
.JobList .on dt{background-color: #163f83;border-color: #163f83;}
.JobList .on dt .h3{color: #fff;}
.JobList .on dt span{display: block;}
.JobList .on dt:after{background-image: url(../image/btn_job1.jpg);}


.Message{padding: 5% 0;}
.Message table{font-size: 16px;width: 800px;table-layout: fixed;max-width: 100%;}
.Message table .dt{width: 84px;line-height: 40px;}
.Message table input{border: 1px solid #ccc;height: 40px;line-height: 40px;width: 400px;max-width: 100%;margin: 10px 0;text-indent: 10px;}
.Message table textarea{font-family: "微软雅黑"; border: 1px solid #ccc;height: 200px;width: 600px;max-width: 100%;margin: 10px 0;padding: 10px;}
.Message table .btn{cursor:pointer; background-color: #FA7F06;border: 0px;color: #fff;width: 300px;height: 50px;font-size: 21px;}

.ul_sitemap{font-size: 16px;line-height: 2em;}
.ul_sitemap strong{margin-right: 20px;}

.NewsList2{padding-bottom: 5%;}
.NewsList2 li a{position: relative;line-height: 40px;border-bottom: 1px solid #d8d8d8;font-size: 14px;color: #333;background: url(../image/TextList002-news_li.jpg) no-repeat left center;text-indent: 20px;padding-right: 100px; display: block;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.NewsList2 li a span{position: absolute;right: 0;color: #666;}
.NewsList2 .Title{font-size: 24px;color: #333;line-height: 1em;padding: 5.5% 0 20px 0;margin-bottom: 30px;position: relative;text-align: center;}
.NewsList2 .Title:after{content: "";position: absolute;bottom: 0px;left: 50%;margin-left: -10px; display: block; width: 20px;height: 2px; background-color: #fa7d02;}

@media screen and (max-width:1280px){
  .Header .MainNav{margin-right: 0px;}
  .HomBan .bx-wrapper{height: auto;}
  .HomBan .bd a,.Banner{background-position: 9999px; height: auto;}
  .HomBan .bd a img,.Banner img{display: block;}

  .HomCase .Right .hd{width: 100%;float: none;}
  .HomCase .Right .hd li{width: 25%;float: left;background-position: center 19px;}
  .HomCase .Right .hd li.on{width: 25%;margin-left: 0px;padding-left: 0px; background-position: center 19px;}
  .HomCase .Right .hd li.on::after{border-right-color: transparent;border-top-color: #fa7d02;top: auto;bottom: -20px;left: 0;}
  .HomCase .Right .bd{margin-right: 0px;}

  .HomNews .Right dl dd{min-height: 0px;}

  .AboutMiddle dl dd .h3{padding: 2% 0;}

  .Sidebar{position: static;}

  .Pages .a_first, .Pages .a_end{display: none;}

  .NewsList dd .more{display: none;}
}
@media screen and (max-width:767px){
  .Header .MainNav,.Header .Search,.Header .Lan{display: none;}
  .Header .btn_nav{display: block;}
  .Header{height: 70px;}
  .Header .btn_buy{margin: 23px 52px 0 0;}

  .HomBan .bx-has-pager .bx-pager{bottom: 10px;}

  .HomAbout .Title{position: relative;left: 0;margin-left: 0;margin-bottom: 0px;}
  .HomAbout .bg{width: 100%;float: none;}
  .HomAbout .Text{width: 100%;float: none;}

  .HomXiaofang .list ul{width: 100%;}
  .HomXiaofang .list li{width: 50%;margin: 0px 0 10% 0;padding: 0 5%;}

  .HomImgSlider,.HomCase .Right,.HomNews .Right{width: 100%;float: none;}
  .HomImgSlider li .h3{font-size: 16px;}
  .HomCase .Right .bd .h3 em{font-size: 54px;}

  .HomNews .Right{min-height: 0px;padding-top: 5%;}
  .HomNews .Right dl{padding-left: 0px;}
  .HomNews .Right dl dd .p{margin: 3% 0;}
  .HomNews .btn_more{margin: 5% auto;}

  .HomContact{min-height: 0px;padding-bottom: 40%;}
  .HomContact li{width: 100%;margin-bottom: 5%;}

  .Sidebar ul{width: 100%;}
  .Sidebar ul li{width: 25%;padding:0;}
  .Sidebar ul li a{width: 100%;}

  .AboutMiddle dl dt,.AboutMiddle dl dd{width: 100%;}
  .AboutMiddle dl dt img{width: 100%;}
  .Partner{background-size: auto 100%;}
  .Partner li{width: 49%;}

  .showImg{width: 100%;float: none;padding: 0 !important;margin: 30px 0 !important;}

  .CaseList li{width: 47.5%;}

  .PagesWarp{height: auto;padding: 20px;}
  .Pages .num{display: none;}

  .CaseShowBot{padding: 2%;width: 100% !important; margin: 0 0 5% 0 !important;}
  .CaseShowBot dt{position: static !important;width: auto !important;}
  .CaseShowBot dt img{width: 100%;}
  .CaseShowBot dd{width: 100% !important; margin: 0 !important;}

  .NewsList dd{padding-top: 2%;}
  .NewsList dd h3 a{font-size: 16px;line-height: 24px;padding-right: 0;}
  .NewsList dd h3 span{position: static;line-height: 24px;font-size: 14px;}
  .NewsList dd .p{margin: 2% 0;}
}

@media screen and (max-width:640px){
   .CaseList ul{width: 100%;}
   .CaseList li{width: 100%;margin-right: 0px;}
}

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

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

}

@media screen and (max-width:340px){
.Foot .OtherNav li{padding:0 5px;}
}




.fixed{position: absolute;top:0px;left:0px;right: 0px;bottom:0px;background: #000;display: none;}
.fixed .close{display: block;font-size: 16px;color:#000;border-radius: 50% 50%;width: 30px;height: 30px;position: absolute;top: -15px;right: -15px;text-align: center;background: #ccc;cursor: pointer;}
.fixed .deom_info{width: 100%;max-width: 1160px;margin:0 auto;padding: 20px;position: relative;margin-top: 40px;background: #fff;}




@media screen and (max-width:639px){
  .HomCase .Right .bd .h3 em{font-size: 40px;}
}

@media screen and (max-width:767px){
	.HomContain .Title{font-size: 20px;}
	.HomXiaofang .list li .ico{text-align: center; max-width: 55%;margin: 0 auto;}
	.HomCase .Right .bd .h3{font-size: 20px;}
}