@charset "utf-8";
*{padding:0;margin:0;}
div,dl,dt,dd,form,h1,h2,h3,h4,h5,h6,img,ol,ul,li,table,th,td,p,span,a{border:0;}
img{vertical-align:top;}

body{ font-size:12px;}
ul,ol{list-style-type:none;}
i{font-style: normal;}
.clear { display:block; height:0; overflow:hidden; clear:both; }
.clearfix:after { content:'\20'; display:block; height:0; clear:both; }
.clearfix { *zoom:1; }
.fl{float:left; display:inline;}
.fr{float:right; display:inline;}
a{text-decoration: none; color: #000;  
        -webkit-transition: all 1s cubic-bezier(.19,1,.22,1);
    transition: all 1s cubic-bezier(.19,1,.22,1);   }
a:hover{text-decoration: none;
        -webkit-transition: all 1s cubic-bezier(.19,1,.22,1);
    transition: all 1s cubic-bezier(.19,1,.22,1);}
@font-face {
    font-family: 's';
    src: url('../fonts/s.eot');
    src: local('☺'), url('../fonts/s.woff') format('woff'), url('../fonts/s.ttf') format('truetype'), url('../fonts/s.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}


body {
    background: #fff;
    color: #666;
    font-family: 's',PingFangSC-Regular,Microsoft Yahei;
}
html,body{
    width: 100%;
    overflow-x:hidden;
}
input:focus{
    outline:0 none;
}

::after, ::before {
    -webkit-tap-highlight-color: rgba(255,255,255,0);
}
* {
    -webkit-tap-highlight-color: rgba(255,255,255,0);
     -webkit-animation-fill-mode:both !important;
     -ms-animation-fill-mode:both !important;
     -o-animation-fill-mode:both !important;
     animation-fill-mode:both !important;
}
input[type="button"], input[type="submit"], input[type="reset"] {

-webkit-appearance: none;

}

input[type="text"],input[type="password"]{
    border-radius: 0;
}

textarea {  -webkit-appearance: none;}  




.animate_top {
    -webkit-animation: s1-1 0.7s ease;
    -ms-animation: s1-1 0.7s ease;
    -moz-animation: s1-1 0.7s ease;
    -o-animation: s1-1 0.7s ease;
    animation: s1-1 0.7s ease;
}
 @-webkit-keyframes s1-1 {
 0% {
 opacity: 0;
 -webkit-transform:translateY(40px);
}
}
 @-ms-keyframes s1-1 {
 0% {
 opacity: 0;
 -ms-transform:translateY(40px);
}
}
 @-moz-keyframes s1-1 {
 0% {
 opacity: 0;
 -moz-transform:translateY(40px);
}
}
 @-o-keyframes s1-1 {
 0% {
 opacity: 0;
 -o-transform:translateY(40px);
}
}
 @keyframes s1-1 {
 0% {
 opacity: 0;
 transform:translateY(40px);
}
}



.header{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100px;
    background: #fff;
    z-index: 11;
}
.header_in{
    padding: 0 2%;
    min-width: 1200px;
    margin: 0 auto;
    height: 100%;
    position: relative;
}
.header .lang_box{
    height: 72px;
    line-height: 72px;
}

.logo img{height:35px; margin-top:20px;}

.header .nav {
    width: 0;
    overflow: hidden;
    margin-right: 15px; /*50px;*/
}
.header .nav ul{
    width: 610px;
}
.header .nav li{
    float: left;
    position: relative;
    text-align: center;
    height: 83px;
    margin-left: 48px;
}
.header .nav li .a{
    display: block;
    color: #000;
    font-size: 14px;
    height: 72px;
    line-height: 72px;
}
.trans, .cube {
  -webkit-transition: all .3s cubic-bezier(0.245, 0.145, 1.355, 1);
  -moz-transition: all .3s cubic-bezier(0.445, 0.145, 0.355, 1);
  -o-transition: all .3s cubic-bezier(0.445, 0.145, 0.355, 1);
  -ms-transition: all .3s cubic-bezier(0.445, 1.045, 0.355, 1);
  transition: all .3s cubic-bezier(0.445, 0.145, 0.355, 1);
}
.header .menu_btn{
    /*position: absolute;*/
  	top: 32px;
    float:right;
    /*right: 60px;*/
    width: 30px;
    height:30px;
}
.menu-handler { width: 14px; height: 14px; cursor: pointer; 
    position: relative; 
    transition: all 0.3s cubic-bezier(0.445, 0.145, 0.355, 1); 
    -webkit-transition: all 0.3s cubic-bezier(0.445, 0.145, 0.355, 1); 
    -moz-transition: all 0.3s cubic-bezier(0.445, 0.145, 0.355, 1); 
}
.menu-handler .burger { 
    width: 14px;
    height: 1px;
    background: #000; 
    display: block; 
    position: absolute; 
    z-index: 5; 
    top: 0; 
    left: 50%; 
    margin: 0px 0px 0px 0; 
    transform-origin: center; 
    -webkit-transform-origin: center; 
    -moz-transform-origin: center; 
    -o-transform-origin: center; 
    -ms-transform-origin: center; 
}
.menu-handler .burger-2 { top: 0.44rem; }
.menu-handler .burger-3 { top: 6px; }
.menu-handler.active .burger-1 { top:3px; -moz-transform: rotate(225deg); -webkit-transform: rotate(225deg); -o-transform: rotate(225deg); -ms-transform: rotate(225deg); transform: rotate(225deg); }
.menu-handler.active .burger-2 { -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); filter: alpha(opacity=0); opacity: 0; -moz-opacity: 0; -khtml-opacity: 0; -webkit-opacity: 0; }
.menu-handler.active .burger-3 { top:  3px; -moz-transform: rotate(-225deg); -webkit-transform: rotate(-225deg); -o-transform: rotate(-225deg); -ms-transform: rotate(-225deg); transform: rotate(-225deg); }



.m_header .lang_box{
    margin-top: 19px;
}

.index_svg img {
    width: 60px;
}

.guaid_main .inner{
    width: 177px;
    position: absolute;
    top: 50%;
    margin-left: -88px;
    margin-top: -50px;
    left: 50%;
}
.guaid_main .inner span{
    display: none;
}



.banner{
    text-align: center;
    position: relative;
}
#num-nav1{
    position: absolute;
    bottom: 6%;
    left: 0%;
    z-index: 999;
    width: 100%;
    text-align: center;
}
#num-nav1 a{
    background: #a6a6a6;
    height:1px;
    width: 39px;
    line-height: 50px;
    overflow: hidden;
    display: inline-block;
}
.slideBox .hd{
    display: none;
}
.slideBox1 .hd{
    display: block;
}
#num-nav1 .active-slide{
    background: #000000;
}
.banner, .banner .effect{
    height: 100%;width: 100%; 
}
.slideBox{  overflow:hidden; position:relative; height: 100%;width: 100%;   } 

.slideBox .bd ul {
    width: 100%;
    height: 100%;
}
.slideBox .bd{ position:relative; height:100%; z-index:0;   } 
.slideBox .bd li{
    height: 100%;
    width: 100%; 
    background-size: cover!important;
}


.footer{
    background: #000;
    width: 100%;
    overflow: hidden;
    border-top: 10px solid #e50000;
}
.footer .t{
    padding:36px 0 67px;
    border-bottom: 1px solid #3d3d3d;
}
.footer .t .inner{
    width: 1200px;
    margin: 0 auto;
}
.footer .t .d .hd{
    color: #fff;
    font-size:18px;
    font-weight: bold;
    margin-bottom: 30px; 
}
.footer .t .d1 {
    margin-right: 195px;
}
.footer .t .d1 .bd{
    width: 286px;
}
.footer .t .d1 .bd ul{
    margin-right: -50px;
}
.footer .t .d1 .bd li{
    float: left;
    width: 120px;
    margin-right: 40px;
    margin-bottom: 17px;
    border-bottom: 1px solid #575757;
    padding-bottom: 12px;
}
.footer .t .d1 .bd li a{
    color: #fff;
    font-size: 14px;
}
.footer .t .d2 .bd{
    color: #fff;
    font-size: 14px;
    line-height: 34px;
}
.footer .b{
    padding: 10px 0;
    text-align: center;
    color: #c7c7c7;
    font-size: 13px;
}


.about_main{
    padding: 0 2%;
    padding-top: 100px;
}
.about_main .inner{
    width: 70%;
}
.about_main .img {
    margin-bottom: 22px;
}
.about_main .img img{
    width: 100%;
}
.about_main .text p{
    font-size: 14px;
    line-height: 30px;
    margin-bottom: 35px;
    color: #000;
}

.contact_main{
    padding: 0 2%;
    padding-top: 100px;
}
.contact_main .inner{
    width: 70%;
}
.contact_main .text{
    padding-top: 30px;
    line-height: 34px;
    margin-bottom: 56px;
}
.contact_main .ewm_box a{
    display: block;
    height: 26px;
    line-height: 26px;
    padding-left: 40px;
    background: url(../images/i1.png) no-repeat 0 center;
}
.contact_main .link a{
    display: block;
    height: 26px;
    line-height: 26px;
    padding-left: 40px;
    background: url(../images/i8.png) no-repeat 0 center;
}

.ewm_pop{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(255,255,255,0.9);
    display: none;
}
.ewm_pop .img{
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -88px 0 0 -88px;
}


.news_info_main{
    padding: 0 2%;
    padding-top: 100px;
}
.news_info_main .inner{
    width: 70%;
}
.news_info_main .img{
    width: 492px;
    position: fixed;
    top: 100px;
    left: 2%;
}
.news_info_main .img {
    
}
.news_info_main .img img{
    width: 492px;
}
.news_info_main .text {
    padding-left: 564px;
}
.news_info_main .texty {
	height:555px;
	overflow-y: auto;
      word-break: break-all;
}
.news_info_main .texty::-webkit-scrollbar {
    display: none;
}
.news_info_main .text .title{
    font-size: 18px;
    margin-bottom: 28px;
}
.news_info_main .text .time{
    font-size: 14px;
    margin-bottom: 50px;
    color: #666;
}
.news_info_main .text p{
    font-size: 14px;
    line-height: 30px;
    margin-bottom: 35px;
    color: #666;
}

.founder_main .img{
    width: 200px;
    position: fixed;
    top: 83px;
    left: 2%;
}
.founder_main .img img {
    width: 100%;
    height: auto;
}
.founder_main .text {
    padding-left: 248px;
}
.founder_main .btn_box li{
    margin-top: 15px;
}
.founder_main .btn_box a{
    display: block;
}
.founder_main .btn_box .a1 img{
    width: 20px;
	margin-right:13px;
}
.founder_main .btn_box .a2 img{
    width: 20px;
	margin-right:13px;
}
.founder_main .btn_box .a3 img{
    width: 20px;
	margin-right:13px;
}
.founder_main .text .title{
    font-size: 24px;
}
.founder_main .text .title span{
    font-size: 14px;
}

.sub_nav_box{
    position: fixed;
    top: 100px;
    left: 0%;
    width: 100%;
    background: #fff;
    height: 40px;
    padding-top: 10px;
    z-index: 11;
}
.sub_nav_box .inner{
    padding: 0 2%;
    position: relative;
}
.sub_nav_box .inner .back_btn{
    position: absolute;
    right: 3%;
    top: 10px;
}
.sub_nav_box .l_box{
    width:309px;
}
.sub_nav_box .l_box a{
    display: block;
    padding-left: 31px;
    background: url(../images/i5.png) no-repeat 0 center;
}
.sub_nav_box .r_box a{
    float: left;
    margin-right: 40px;
    color: #a0a0a0;
}
.sub_nav_box .r_box .on,.sub_nav_box .r_box  a:hover{
    color: #000;
}
.project_info_main{
    padding: 0 2%;
    padding-top: 140px;
}
.project_info_main .inner{
    width: 100%;
    position: relative;
}
.back_btn{

}
.project_info_main .project_text{
    width: 228px;
    position: fixed;
    top: 150px;
    left: 2%;
    overflow-y:auto;
}
.project_info_main .project_text::-webkit-scrollbar {
    display: none;
}
.project_info_main .list_box {
    padding-left: 308px;
}
.project_info_main .list_box .item{
    display: none;
}
.project_info_main .list_box li{
    float: left;
    display: inline;
    margin: 0 21px 21px 0;
    width: 207px;
    height: 137px;
    overflow: hidden;
}
.project_info_main .list_box .img{
    width: 207px;
    height: 137px;
    overflow: hidden;
}
.project_info_main .list_box .img img{
    -webkit-transition: -webkit-transform .5s linear;
    transition: transform .5s linear;
}
.project_info_main .list_box li:hover img{
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
    -webkit-transition: -webkit-transform .5s linear;
    transition: transform .5s linear;
}
.project_info_main .project_text .title{
    font-size: 24px;
    margin-bottom: 28px;
    color: #000;
}
.project_info_main .project_text .time{
    font-size: 14px;
    margin-bottom: 50px;
    color: #000;
}
.project_info_main .project_text p{
    font-size: 14px;
    line-height: 30px;
    margin-bottom: 35px;
    color: #000;
}

.m_box{
    display: none;
}
body{
    min-width: 1200px;
}

.newslist_main{
    padding: 0 2%;
    padding-top: 100px;
}
.newslist_main .inner{
    width: 100%;
}
.newslist_main li{
    float: left;
    height: 266px;
    overflow: hidden;
    position: relative;
}
.newslist_main li img{
    -webkit-transition: -webkit-transform .5s linear;
    transition: transform .5s linear;
}
.newslist_main li:hover img{
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
    -webkit-transition: -webkit-transform .5s linear;
    transition: transform .5s linear;
}
.newslist_main .img{
    width: 492px;
    position: fixed;
    top: 83px;
    left: 3%;
}
.newslist_main .img {
    
}
.newslist_main .img img{
    width: 100%;
}
.newslist_main{
    position: absolute;
    top: 50%;
    left: 0%;
    right: 0%;
    margin-top: -233px;
}
.newslist_main .list_box{
    width: 100%;
    overflow: hidden;
    overflow-x:auto;
}
.newslist_main  .pc_box .list_box ul{
    width: 4000px;
}
.pc_box .list_box::-webkit-scrollbar {
    display: none;
}
.pc_box .list_box li .mc{
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url(../images/mc.png) no-repeat 0 center;
    background-size: 100% 100%;
    display: none;
}
.pc_box .list_box li p{
    position: absolute;
    bottom: 0;
    left: 0;
    display:none;
    color: #fff;
}
.pc_box .list_box li:hover p{
    display: block;
}
.pc_box .list_box li:hover .mc{
    display: block;
}
.projectlist_main  .pc_box .item{
    height: 125px;
    overflow: hidden;
}
.projectlist_main .m_box .m_sub_nav_box a{
    float: left;
    margin-right: 16px;
}
.projectlist_main .m_box .m_list_box li{
    margin-bottom: 40px;
}


img{
    -webkit-transition: -webkit-transform .5s linear;
    transition: transform .5s linear;
}

.projectlist_main{
    padding: 0 2%;
    padding-top: 100px;
}
.projectlist_main .inner{
    width: 100%;
}
.projectlist_main li{
    float: left;
    /*height: 266px;*/
    overflow: hidden;
    position: relative;
}
.projectlist_main li img{
    width: 100%;
    -webkit-transition: -webkit-transform .5s linear;
    transition: transform .5s linear;
}
.projectlist_main li:hover img{
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
    -webkit-transition: -webkit-transform .5s linear;
    transition: transform .5s linear;
}

.projectlist_main .pc_box .item label{
    display: block;
    width: 10%;
    height: 125px;
    line-height: 125px;
    font-size: 18px;
    color: #000;
}

.projectlist_main .pc_box .item label p {
    margin-left: 40px;
	font-size:14px;
}
.projectlist_main .pc_box .item {
    margin-bottom:16px;
}
.projectlist_main .pc_box .item li{
    margin-right: 9px;
}
.projectlist_main .pc_box .item li{
    height: 125px;
}
.projectlist_main  .pc_box .item li p{
    width: 100%;
    height: 125px;
    background: rgba(0,0,0,0.8);
}
.projectlist_main  .pc_box .item li p span{
	position: absolute;
    top: 50%;
    transform: translate(0, -50%);
    text-align: center;
	width:100%;
}
.projectlist_main  .pc_box .item .list_box{
    width: 90%;
    overflow: hidden;
}





.m_menu_box{
    position: fixed;
    top: 58px;
    left: 0;
    width:100%;
    background: #fff;
    height: 100%;
    overflow-y:auto;
    z-index: 92;
}
.m_menu_box .inner{
    width: 100%;
    height: 100%;
}
.m_menu_box .bd li{
    text-align: center;
    width: 100%;
    margin-top: 23px;
}
.m_menu_box .bd li  a{
    display: block;
    font-size: 18px;
    color: #000;
}


.swiper-container {
    width: 100%;
    height: 100%;
}
.swiper-slide {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.m_slider{
    display: none;
}
.swiper-pagination-bullet{
   height: 4px;
    width: 67px;
    background: #a6a6a6;
    opacity: 1;
    border-radius: 0;
}
.swiper-pagination-bullet-active{
    background: #000;
    box-shadow: none
}
.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{
    margin: 0 ;
}
.m_banner{
    display: none;
    height: auto;
}


.banner {
   width: 100%;
   overflow: hidden;
}
.swiper-wrapper img{
    width: 100%;
}
.project_info_main .swiper-wrapper img{
    width: auto;
}
.m_header{
    position: fixed;
    top: 0;
    left: 0;
    height: 58px;
    width: 100%;
    background: #fff;
    z-index: 11;
}
.m_header .inner{
    padding: 0 2%;
}
.m_menu_btn{
    position: absolute;
    top: 24px;
    right: 50px;
}
.m_logo{
    position: absolute;
    top: 0;
    left: 2%;
}
.m_logo img{
    height: 30px;
	margin-top:15px;
}
.m_nav_btn{
    position: absolute;
    top: 25px;
    right:15px;
}
.m_nav_btn img{
    width: 30px;
}


.m_header{
    display: none;
}



.m_header,.m_menu_box{
    display: none;
}


 .swiper-container {
  width: 100%;
  height: 100%;
}
.swiper-slide {
  text-align: center;
  font-size: 18px;
  background: #fff;
  background-size: cover;

  /* Center slide text vertically */
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}

.mobile{
    display: none;
}
.pc{
    display: block;
}

.swiper-button-prev, .swiper-container-rtl .swiper-button-next{
     background: url(../images/i3.png)   no-repeat 0 center;
    background-size: 100%;
}
.swiper-slide {
    flex-direction:column;
}
.swiper-slide p{
    padding-top: 10px;
}



.index_main_list{
    padding: 0 2%;
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    margin-top: -90px;

}
.index_main_list li{
    float: left;
    width: 20%;
    text-align: center;
}
.index_main_list li p{
    font-size: 14px;
    height: 50px;
    line-height: 50px;
}



.productlist_main{
    padding: 0 2%;
    padding-top: 145px;
}
.productlist_main .list_box li{
    float: left;
    display: inline;
    margin: 0 23px 52px 0;
    height: 203px;
    position: relative;
}
.productlist_main .list_box .img_box{
    height: 203px;
    overflow: hidden;
}
.productlist_main .list_box .img_box img{
    height: 203px;
    -webkit-transition: -webkit-transform .5s linear;
    transition: transform .5s linear;
}
.productlist_main .list_box li:hover img{
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
    -webkit-transition: -webkit-transform .5s linear;
    transition: transform .5s linear;
}
.productlist_main .list_box li p{
    font-size: 14px;
    color: #000;
    position: absolute;
    bottom: -35px;
    left: 0;
}
.pro_sub_nav_box{
    padding-top: 20px;
    top: 100px;
}




@media all and ( max-width: 1380px ){/*PC*/
   .news_info_main .inner {
        width: 80%;
    }
    .project_info_main .inner{
        width: 100%;
    }
}
@media all and ( max-width: 1000px ){
    
    .header,.pc_banner{
        display: none;
    }
    .m_header,.m_banner{
        display: block;
    }
   .news_info_main .inner {
        width: 100%;
    }

}

  



@media all and (max-width: 850px) { /*PAD*/
    .news_info_main .img{
        position: relative;
        width: 100%;    
        float: none;
        display: block;
        top: 0;
        left: 0;
    }
    .news_info_main .text{
        padding-left: 0;
    }
	.news_info_main .texty {
	height:555px;
	overflow-y:initial;
	}
    .news_info_main .img{margin-bottom: 20px;}
	.news_info_main .img img{
    width: 100%;
    height:auto;
	}
    .founder_main .img{
        position: fixed;
        width: 200px;    
        float: left;
        display: block;
        top: 83px;
        left: 3%;
    }
    .founder_main .text{
        padding-left: 248px;
    }
}


@media all and (max-width: 500px){  /*MOBILE*/
    body{

        min-width: auto;
    }
   .swiper-pagination-bullet{
    width: 20px;
    height: 2px;
    background: #a6a6a6;
   }
   .swiper-pagination-bullet-active{
        background:#000000;
   }
  
   .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{
    bottom: 3px;
   }

   .swiper-container2{
       
    }
    .swiper-container2 .swiper-slide{
        float: left;
        width: 180px;
        position: relative;
        margin-right: 15px;
    }
    .about_main .inner{
        width: 100%;
    }
    .about_main .text p{
        line-height: 28px;
        margin-bottom: 25px;
    }


    .founder_main .img{
        position: relative;
        float: none;
        display: block;
        top: 0;
        left: 0;
        width: 100%;
    }
    .founder_main .img img{
        width:100%;
    }

    .founder_main .btn_box{
        right: 0;
        bottom: 0;
		width: 40%;
		margin-left: 60%;
    }
    .founder_main .text{
        padding-left: 0;
    }
    .founder_main .img{margin-bottom: 20px;}
    .sub_nav_box{
        display: none;
    }
    .project_info_main{
        padding-top: 100px;
    }
    .pc_box{
        display: none;
    }
    .m_box{
        display: block;
    }
	.img_box p{
		margin-top:20px;
		
	}
    .m_project_text {
        margin-bottom: 20px;
    }
    .m_project_text .title{
        font-size: 22px;
        color: #000;
        margin-bottom: 22px;
    }
    .m_project_text .txt{
        margin-top: 30px;
        display: none;
    }
    .m_sub_nav_box{
        padding: 10px 0;
        left: 2%;
        right: 2%;
        margin-bottom: 18px;
        z-index: 1;
        background: #fff;
    }
	.m_sub_nav_box .in{
		width:2000px;
	}
    .m_sub_nav_box a{
        margin-right: 20px;
        color: #666;
    }
    .m_sub_nav_box .on{
        color: #000;
    }
    .project_info_main .m_list_box li{
        width: 100%;
        margin-bottom: 17px;
    }
    .project_info_main .m_list_box li img{
        width: 100%;
    }
    .project_info_main .btn_box{
        text-align: right;
        padding-right: 25px;
        padding-top: 17px;
    }
    .project_info_main .btn_box .btn{
        display: inline-block;
        background: url(../images/i7.png) no-repeat 0 center;
        background-size: 16px;
        padding-left: 20px;
        font-size: 12px;
        color: #000;
    }
    .project_info_main .btn_box .btn.on{
        background: url(../images/i6.png) no-repeat 0 center;
        background-size: 16px;

    }
    .newslist_main{
        position: static;
        padding-top: 100px;
        margin-top: 0;
    }
    .newslist_main li{
        float: none;
        width: 100%;
        display: block;
    }
    .newslist_main li img{
        width: 100%;
    }
    .newslist_main li{
        height: auto;
        margin-bottom: 20px;
    }
    .newslist_main li p{
        padding: 15px 0;
    }
    .projectlist_main{
        padding-top: 100px;
    }
    .index_main_list li{
        float: left;
        width: 100%;
        text-align: center;
    }
    .index_main_list{
        position: static;
        margin-top: 100px;
    }
    .index_main_list li{
        margin-bottom: 20px;
    }
    .productlist_main .m_list_box li{
        float: none;
        display: block;
    }
    .productlist_main .m_list_box .img_box img{
        width: 100%;
    }
    .productlist_main .m_list_box li p{
        padding: 15px 0 30px;
        font-size: 14px;
    }
    .productlist_main{
        padding-top: 100px;
    }

}