body, dl, dd, ul, ol ,h1, h2, h3, h4 ,form, input, button, textarea, p, th, td{ margin:0; padding:0;}
body{ font:12px/1.5 arial,'Microsoft YaHei'; color:#333; font-size:12px;}
img{vertical-align: middle; border:none;}
ul,ol{list-style:none outside none;} 
table{border-collapse:collapse; border-spacing:0;}
button, input, select, textarea {font-size: 100%; vertical-align:middle;}
a{ color:#333; text-decoration:none; blr:expression(this.onFocus=this.blur()); }
a:hover{ text-decoration:none; text-decoration:none!important;  }
:focus {outline: 0 none;}
h1,h2,h3{ font-size:100%; font-weight:normal;}
button, input[type="button"], input[type="reset"], input[type="submit"] {cursor: pointer; -webkit-appearance: button;-moz-appearance: button;}
.text,.btn,textarea{font-family:arial,'Microsoft YaHei';}
.clearfix:after{ content:""; clear:both; height:0; visibility:hidden; display:block;}
.clearfix{*zoom:1;}
em,i{ font-style:normal;}
li{ list-style:none;}
h3{ font-weight:normal;}
.box{  padding: 0 130px;}
.wrap{ width: 1340px; margin: 0 auto }
.head{ position: absolute; width: 100%; z-index: 999; top: 40px; left: 0; padding: 0 130px; box-sizing: border-box; }
h1{ float: left; line-height: 62px;  }
.head_right{ float: right; }
.nav_ul{ float: left; }
.nav_ul li{ float: left; margin: 0 20px; }
.nav_ul li a{ display: block; position: relative; transition: all 0.5s ease 0s;height: 62px; padding: 0 10px; line-height: 62px; color: #fff; font-size:20px; text-transform: uppercase;  }
.nav_ul li a:after{ position: absolute; left: 50%; display: block; content: ''; bottom: 0; width: 0; height:2px; background: #00479d;  margin-left: -30px; transition: all 0.5s ease 0s;  }
.nav_ul li a:hover:after{ width: 60px; transition: all 0.5s ease 0s; }
.nav_ul li a:hover{ color: #00479d; transition: all 0.5s ease 0s; }
.lan{ float: left; padding-top: 11px; }
.lan a{ display: block; width:58px; height: 38px; line-height: 38px; text-align: center; color: #fff; font-size:18px; border:1px solid rgba(255,255,255,0.3);   background: url(../images/lanbj.png) left top;  }
.foot{ background: #031d3c; padding: 0 130px; }
.foot_b{ border-top: 1px solid #354a63; height:60px; overflow: hidden;  }
.copy{ float: left; height: 60px; line-height: 60px; font-size: 16px; color: #808d9d }
.copy a,.add a{ color: #808d9d; transition: all 0.5s ease 0s; }
.add{ float: right; height: 60px; line-height: 60px;font-size: 16px; color: #808d9d }

.foot_t{ padding: 80px 0 40px 0; }
.foot_nav{ float: left; width:55%  }
.foot_nav li{ float: left; width: 25%; padding-right: 10px; box-sizing: border-box; }
.foot_em{ display: block; height:36px; line-height: 36px; margin-bottom: 16px; font-size:20px; color: #fff; overflow: hidden; text-transform: uppercase;   }
.foot_nav a{ display: block;transition: all 0.5s ease 0s;  line-height: 24px; margin-bottom: 10px; font-size: 16px; color: #8e939d  }
.info{ float: right; }
.info_r{ float: left; width: 140px; height: 140px; overflow: hidden; }
.info_r img{ width: 140px; height: 140px; overflow: hidden; }
.info_l{ float: left; width: 328px; margin-right:30px; padding-top: 32px;  }
.foot_nav a:hover,.copy a:hover,.add a:hover{color: #fff; transition: all 0.5s ease 0s;}
.info_img{ height:40px; overflow: hidden; margin-bottom: 34px; float: right; display: none;  }
.info_img a{ display: block; float: left; margin-left: 10px; height: 40px; width: 40px; border-radius: 40px; }
.info_tit{ height:32px; clear: both; text-align: right; line-height: 32px; overflow: hidden; color: #fff; font-size: 32px;  }
.info_inner{ height: 50px; line-height: 50px; overflow: hidden; font-size:32px; color: #fff;  }






.flex-viewport{width: 100%;height: auto;}
.flexslider {position: relative;width: 100%;height: auto; overflow: hidden; text-align: center; clear: both;}
.slides li .banner_img{ width: 100%; height: auto;     transform: translate3d(0px, 0px, 0px);  transition: all 1000ms ease 0s}
.slides li { position:relative; width:100%; height: auto; float: left; }
.slides li.flex-active-slide img{ -webkit-animation:scale-bg 6s linear forwards;
  animation:scale-bg 6s linear forwards; }
.slides {width:100%; height:100%;}
.flex-control-nav {display: block;  text-align: center; box-sizing: border-box;  z-index: 99;  position: absolute; left: 130px;  bottom: 60px; }
.flex-control-nav li{  display: inline-block; margin: 0 20px 0 0;}
.flex-control-nav li a{ display: block;     background: rgba(255,255,255,.4); width: 80px; height: 3px;  font-size: 0;transition: all 0.5s ease 0s; }
.flex-control-nav li a.flex-active{background:#00479d; transition: all 0.5s ease 0s; }
.flex-direction-nav{ position: absolute; right: 130px; width: 160px; bottom: 60px; height: 60px; }
.flex-prev{background:url(../images/banner_l.png) center center no-repeat;transition: all 0.5s ease 0s; position: absolute; font-size: 0; display: block; width: 60px; height: 60px; top: 0; right:100px; }
.flex-next{background:url(../images/banner_r.png) center center no-repeat;transition: all 0.5s ease 0s; position: absolute; font-size: 0; display: block; width: 60px; height: 60px; top: 0; right:0px; }
.flex-prev:hover{background:url(../images/banner_l1.png) center center no-repeat;transition: all 0.5s ease 0s;}
.flex-next:hover{background:url(../images/banner_r1.png) center center no-repeat;transition: all 0.5s ease 0s;}




@-webkit-keyframes scale-bg{
  from{
    -webkit-transform:scale(1.2);
    transform:scale(1.2);
  }
  to{
    -webkit-transform:scale(1);
    transform:scale(1);
  }
}
@keyframes scale-bg{
  from{
    -webkit-transform:scale(1.2);
    transform:scale(1.2);
  }
  to{
    -webkit-transform:scale(1);
    transform:scale(1);
  }
}



.riz{background:url(../images/rizbj.jpg) center top no-repeat; height: 1410px; padding: 0 130px;}
.index_tit{ padding: 74px 0 56px 0; }
.index_en{ text-align: center; color: #00479d; height:50px; line-height: 50px; overflow: hidden; text-transform: uppercase; font-size: 34px;  }
.index_cn{ text-align: center;  height:68px; line-height: 68px; overflow: hidden; text-transform: uppercase; font-weight: bold; font-size: 54px;  }
.index_riz{ font-size:18px; margin-top:20px; height:60px; line-height: 30px; overflow: hidden; text-align: center; color: #999999; padding: 0 200px;    }

.riz_ul{ margin: 0 0 0 -5% }
.riz_ul li{ float: left; width: 33.3%; padding: 0 0 0 5%; box-sizing: border-box; margin-bottom: 28px; }
.riz_title{ height:80px; line-height: 40px;transition: all 0.5s ease 0s; display: block; text-align: center; overflow: hidden; font-size:26px; font-weight: bold;   }
.riz_pic{ width: 100%; position: relative; height: 360px; line-height: 360px;  margin-bottom: 15px;overflow: hidden; background: #fff; text-align: center; }
.riz_img{ width: auto; height: auto; max-width: 100%; }
.riz_img img{ width: auto; height: 360px; max-width: 100% }
.riz_hover{ position: absolute; left: 0; top: -360px; transition: all 0.5s ease 0s; width: 100%; height: 100%;background:url(../images/rizbj.png) center top repeat; }
.riz_see{ position: absolute; left: 50%;  top: 50%;background:url(../images/riz1.png) center top no-repeat; width: 80px; height: 80px; margin: -40px 0 0 -40px; display: block; }
.riz_ul li:hover .riz_hover{top: 0px; transition: all 0.5s ease 0s;}
.riz_ul li:hover .riz_title{  color: #00479d;transition: all 0.5s ease 0s; }
.riz_more{ font-size: 14px; width:218px; height: 46px; line-height: 46px; border: 1px solid #a4a6aa; text-indent: 50px; transition: all 0.5s ease 0s; background:url(../images/indexsee.png) 152px center no-repeat;display: block; margin: 0 auto;  }
.riz_more:hover,.cases_more:hover{background:url(../images/indexsee1.png) 152px center no-repeat; color: #00479d; border: 1px solid #00479d; transition: all 0.5s ease 0s;}
.cases{background:url(../images/name1.jpg) right bottom no-repeat;}
.cases_inner{ padding:60px 130px   }

.cases_div{ position: relative;height: 584px;  }
.cases_img{ width: 100%; }
.cases_img img{ width: auto; height: auto; max-width: 100% }
.cases_r{ position: absolute; background: #fff; width:700px; height: 464px; padding:0 60px; box-sizing: border-box;    top: 60px; right: 0; }
.cases_title{ margin-top: 80px; display: block; height:46px; margin-bottom: 22px; line-height: 46px; font-size:34px; font-weight: bold; overflow: hidden;   }
.cases_zi{ height:60px; line-height: 30px; overflow: hidden; font-size:16px; margin-bottom:35px;    }
.cases_more{font-size: 14px;transition: all 0.5s ease 0s; width:218px; height: 46px; line-height: 46px; border: 1px solid #a4a6aa; text-indent: 50px; background:url(../images/indexsee.png) 152px center no-repeat;display: block;}
.swiper-pagination{ width: 120px!important; bottom:118px!important; font-size: 28px!important; right:524px!important; top: inherit!important; left: inherit!important;   }
.swiper-pagination-current{ color:#00479d!important; font-weight: bold!important;  }
.swiper-button-prev{background:url(../images/name_l.png) center center no-repeat!important;bottom:122px!important; right: 120px!important; width: 30px!important; height: 30px!important; left: inherit!important;  top: inherit!important;}
.swiper-button-next{background:url(../images/name_r.png) center center no-repeat!important;bottom:122px!important; right: 60px!important; width: 30px!important; height: 30px!important; left: inherit!important;  top: inherit!important;}
.swiper-button-next:after,.swiper-button-prev:after{ display: none!important; }
.banner_inner{ position: relative; height: 580px; }
.site{ position: absolute; left: 0; bottom: 20px; width: 100%; }
.site_inner{ float: right; height:34px; color: #fff; font-size: 14px; line-height: 34px; overflow: hidden; background:url(../images/home.png) left center no-repeat; padding-left: 28px; }
.site_inner a{ display: inline-block; transition: all 0.5s ease 0s; height: 34px; line-height: 34px; font-size: 14px; color: #fff; }
.site_inner a:hover{ color: #00479d; transition: all 0.5s ease 0s; }

.about{background:url(../images/aboutbj.jpg) center top no-repeat; }
.about_inner{ padding: 40px 0; }
.contact{background:url(../images/contbj.jpg) center top no-repeat; padding: 80px 0 40px 0;}
.eng_title{ font-size:50px; font-weight: bold; height:60px; line-height: 60px; overflow: hidden;   }
.eng_title img{ margin: 0 0 0 16px; }
.eng_us{ height: 36px; line-height: 36px; overflow: hidden; font-size:18px; text-transform: uppercase; color: #999999;  }
.eng{ margin-bottom: 46px; }

.ser_ul{ margin:0 0 86px -33px;  }
.ser_ul li{ float: left; background: #ffffff; width:310px; margin-left: 33px; height: 150px; border-bottom: 4px solid #e8eaee; padding: 0 30px; box-sizing: border-box;  }
.ser_t{ height:70px; overflow: hidden; border-bottom: 1px solid #dbdde1; margin-bottom: 14px;  }
.ser_l{ float: left; height: 70px; line-height: 70px; overflow: hidden; font-size: 24px; }
.ser_r{ float: right;height: 70px; line-height: 70px; overflow: hidden;  }
.ser_b{ font-size:24px; height:52px; line-height: 52px; overflow: hidden;   }
.ser_ul li:nth-child(1) .ser_b{ font-size:16px; height:52px; line-height: 26px; overflow: hidden; }
.way{background:url(../images/map.jpg) center top no-repeat; width: 1340px; height: 674px; padding-top: 1px; margin-bottom: 120px;}
.way_inner{background:url(../images/headbj.png) center top repeat; width: 500px; height: 490px; padding: 16px 10px 0 30px; box-sizing: border-box;  margin:78px 0px 0 60px; }
.way_tit{ font-size: 24px; height:76px; line-height: 76px; overflow: hidden; padding-left: 40px; background:url(../images/cont1.png) left center no-repeat; }
.way_xia{ font-size: 20px; line-height: 30px;  padding-left: 40px;}
.way_ke{ font-size: 16px; height: 34px; line-height: 34px; color: #666666; padding-left: 40px; }
.wayhe{padding-bottom: 26px; border-bottom: 1px solid #ebebeb}
.way_div{ padding-right: 48px; overflow-y:auto; height: 446px; }

::-webkit-scrollbar {
        width: 3px;
        height: 5px;
        /* height: 0.75rem; */
        background-color: #F5F5F5;
    }
    ::-webkit-scrollbar-track {
        border-radius: 1px;
        background-color: #F5F5F5;

    }
 
    ::-webkit-scrollbar-thumb {
        border-radius: 3px;
        background-color: #0b56a0;
    }

.fru_ul{ margin:0 0 0px -30px;   }   
.fru_ul li{ float: left; margin: 0 0 20px 30px; width:310px; height: 60px; overflow: hidden;  }
.fru_ul li a{ display: block; width:308px; height: 58px; line-height: 58px; text-align: center; font-size:18px; border: 1px solid #e3e5ea; text-transform: uppercase; overflow: hidden;   }
.casebox{ padding:70px 0 0 0; }
.fru_ul li a:hover,.fru_ul li a.on{ background:#00479d; color:#fff; border: 1px solid #00479d; transition: all 0.5s ease 0s;  }
.frudiv{ border-bottom: 1px solid #e3e5ea;padding-bottom: 40px; margin-bottom: 60px;}
.caseul{ margin: 0 0 0 -40px; }
.caseul li{ float: left; margin: 0 0 34px 40px; width:420px;   }
.case_img{ width: 420px; height: 260px; overflow: hidden; }
.case_img img{ width: 420px;transition: all 1s ease 0s; height: 260px; overflow: hidden;}
.casetitle{ height: 76px;  transition: all 0.5s ease 0s;line-height: 76px; text-align: center; overflow: hidden; font-size:22px; font-weight: bold;  }
.fru_inner{ padding-bottom: 100px; }
.caseul li:hover .case_img img{ transition: all 1s ease 0s; transform: scale(1.1); }
.probox{ background: #f3f4f8; padding: 70px 0 50px 0; }
.caseul li:hover .casetitle{ color: #00479d; transition: all 0.5s ease 0s; }
.art_l{ float: left; width:300px; border-radius: 5px; border-bottom: 4px solid #dae0e8; background: #fff; padding: 0 20px 44px; box-sizing: border-box;  }
.art_title{ font-size: 28px; height: 88px; margin-bottom: 12px; line-height: 88px; overflow: hidden; border-bottom: 1px solid #dddddd }
.cata_ul li a{ display: block; margin-bottom: 10px; line-height:28px; font-size: 20px; overflow: hidden;background:url(../images/img2.png) right 10px no-repeat;   }
.cata_ul li .drop a{ display: block; height:36px; line-height: 36px; overflow: hidden; font-size:16px; background:url(../images/img4.png) left center no-repeat;  padding-left: 22px;  }
.cata_ul { padding-bottom: 20px;border-bottom: 1px solid #dddddd  }
.drop{ display: none; }
.cata_ul li a.for{ color: #00479d;background:url(../images/img1.png) right 16px no-repeat;  }
.cata_ul li .drop a.on,.cata_ul li .drop a:hover{ color: #00479d;background:url(../images/img3.png) left center no-repeat;}

.details{ float: right; width:978px;  }
.proul{ margin:0 0 0 -39px;  }
.proul li{ margin: 0 0 60px 39px;transition: all 0.5s ease 0s;  float: left; width:300px; padding: 10px 10px 20px; box-sizing: border-box; background: #fff; border-bottom: 4px solid #dae0e8  }
.proimg{ width: 100%; transition: all 0.5s ease 0s; text-align: center; height:210px; line-height: 210px; overflow: hidden; margin-bottom: 15px;  }
.proimg img{ width: auto; height: 210px; max-width: 100% }
.protitle{ text-align: center; transition: all 0.5s ease 0s;height: 60px; line-height: 30px; font-size: 20px; overflow: hidden; }
.pro_powder{ text-align: center;transition: all 0.5s ease 0s; height: 32px; line-height: 32px; font-size: 20px;  text-transform: uppercase; overflow: hidden; }
.proul li:hover{ border-bottom: 4px solid #f3f4f8;  background: #00479d  }
.proul li:hover .proimg{ background: #f0f5f9; transition: all 0.5s ease 0s; }
.proul li:hover .protitle,.proul li:hover .pro_powder{ color: #fff;transition: all 0.5s ease 0s;  }

.prodt{ font-size: 32px; font-weight: bold; height: 144px; line-height: 144px; padding-left: 22px;position: relative; }
.prodt:after{ position: absolute; left: 0; top: 50%; margin-top: -10px;  width:2px; height: 20px; background: #0b56a0; content: ''  }
.det{ border-top: 1px solid #eeeeee; border-bottom: 1px solid #eeeeee;  margin-bottom: 50px; }
.det_ul{ height: 80px; overflow: hidden;}
.det_ul li{ float: left;  margin: 0 20px 0 0; }
.det_ul li a{ display: block; height: 80px; position: relative;  text-align: center; line-height: 80px; font-size: 20px; overflow: hidden; }
.det_inner{ padding-bottom: 85px; }
.det_ul li.on a{ color: #00479d; transition: all 0.5s ease 0s; }
.det_ul li.on a:after{ width:92px; height: 2px; background: #00479d; position: absolute; left: 50%; bottom: 0; margin-left: -46px; content: ''  }
.piecepro{    margin: 60px 0;  background: #f3f4f8; padding: 24px 29px; border: 1px solid #eeeeee  }
.piece_left{ display: block; border-radius: 5px; float: left; width:418px; height: 60px; line-height: 60px; overflow: hidden; background: #fff url(../images/page_left1.png) 30px center no-repeat; font-size: 16px; text-align: right;  padding-right:30px; box-sizing: border-box;   }
.piece_right{display: block; border-radius: 5px;float: left; width:418px; height: 60px; line-height: 60px; overflow: hidden; background: #fff url(../images/page_right1.png) 370px center no-repeat; font-size: 16px;   padding-left:30px; box-sizing: border-box; }
.proend{ display: block; border-radius: 5px; float: left; margin:0 80px; width: 280px; height: 60px; line-height: 60px;  background: #fff url(../images/page1.png) 60px center no-repeat; text-indent:97px; font-size: 16px;   }
.piece_left:hover{background: #00479d url(../images/page_left.png) 30px center no-repeat; color: #fff;}
.piece_right:hover{background: #00479d url(../images/page_right.png) 370px center no-repeat; color: #fff;}
.proend:hover{background: #00479d url(../images/page11.png) 60px center no-repeat; color: #fff;}

.det_box{ display: none; }


.mag_left{ float: left; width:672px; overflow: hidden; background: #f8f8f8 }


.mag_left .small_list ul{height:112px;overflow:hidden}
.mag_left .small_list ul li{position:relative;float:left; text-align: center; line-height: 112px; cursor: pointer; background: #fff; margin-right:22px;width:138px; height: 112px; overflow: hidden;  border: 1px solid #eeeeee; box-sizing:border-box;}
.mag_left .small_list ul li img{ max-width: 100%; width:auto; height: 100px;}

.mag_left .small_list ul li.on { border: 1px solid #00479d }
.mag_left .btn{width:40px;height:112px;cursor:pointer; border: 1px solid #eeeeee; background: #fff url(../images/pro_l.png) center center no-repeat; position: absolute;}
.mag_left .right_btn{width:40px;height:112px;cursor:pointer; position: absolute; right: 40px; bottom: 7px; border: 1px solid #eeeeee; background: #fff url(../images/pro_r.png) center center no-repeat; position: absolute;}

.mag_left .large_box{  width:100%; height:520px; line-height: 520px;  text-align: center;  }
.mag_left .large_box li{ display: none; text-align: center; }
.mag_left .large_box li img{width:auto; height: 520px; max-width: 100% }
.mag_left .small_box{  width: 594px;height: 120px; margin: 0 auto  }
.mag_left .small_list{ height: 120px; width:459px; overflow: hidden; margin: 0 auto}
.mag_left .mag_banner{ position: relative; }

.mag_right{ float: right; width:610px;   }
.mag_title{ font-size: 38px; height:126px; line-height: 126px; overflow: hidden; }
.mag_ul li{ font-size: 20px; height:79px; line-height: 79px; border-bottom: 1px solid #dde8ed;  }
.mag_ul { margin-bottom:92px;  }
.des_tit{ font-size: 36px;height:190px; line-height: 190px; text-align: center;  }
.chem_inner{ padding:50px 0 20px 0;  }
.chem_inner{ display: none; }
.ject_tit{ height:120px; line-height: 120px; overflow: hidden; font-size: 46px;  }
.ject_dl { padding-top: 22px; border-top: 1px solid #999999; margin-bottom: 20px; }
.ject_dl dt{ height:60px; line-height: 60px; overflow: hidden; font-size:22px; background: url(../images/pro_info7.png) right center no-repeat;  }
.infor_word{ height: 72px; line-height: 36px; overflow: hidden; font-size:18px; color: #666666;  }
.ject_good p{ display: block;  line-height: 26px; overflow: hidden; font-size:16px; color: #666666; padding-left: 18px;background: url(../images/pro_info4.png) left center no-repeat;  }
.use_ul li{ width: 50%; float: left; height:36px; line-height: 36px; overflow: hidden; box-sizing: border-box; font-size: 16px; color: #666;padding-left: 18px;background: url(../images/pro_info3.png) left center no-repeat;   }
.use_ul { margin-bottom: 20px; }
.ject_good{ height:289px; overflow: hidden; }
.ject_good p img{ width: auto; height:auto; max-width: 100% }

.navBg {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 3;
    background: #222;
    background: rgba(34, 34, 34, .9);
    
    transition: all .5s ease 0s;
    transform: translate(-100%, 0);
    
}

.navBg.activenav {
    opacity: 1;
    transform: translate(0, 0);
    z-index: 9999;

}

.navTop {
    position: relative;
    z-index: 1;
    padding: 15px 10px;
    overflow: hidden;
    
}

.navClose {
    float: right;
    width: 30px;
    height: 30px;
    cursor: pointer;
     margin-right: -9px;
}

.navClose span {
    display: block;
    width: 100%;
    height: 1px;
    background: #FFF;
    transform-origin: left center
}

.navClose span:first-child {
    transform: rotate(45deg)
}

.navClose span:last-child {
    margin-top: 20px;
    transform: rotate(-45deg)
}

.navBot {
    position: absolute;
    top: 90px;
    right: 0;
    bottom: 0;
    left: 0;
    overflow: hidden;
   
    height: 100%
}

.navList {
    overflow: hidden;
    height: 100%
}

.navList li {
    width: 100%;
    height: auto;
    
    transition: all .5s ease 0s;
    transform: translate(0, 50px)
}

.navList li a {
    display: block;
    padding: 10px ;
    border: none;
    border-bottom: 1px solid rgba(255, 255, 255, .08);
    color: #fff;
    font-size: 16px;
}



.navList li a:hover {
    padding-left: 10%;
    color: #297f38
}

.activenav .navList li {
    opacity: 1;
    transform: translate(0, 0)
}

.activenav .navList li {
    transition-delay: .3s
}

.menuBg {
    position: absolute;
    top: 22px;
    right: 10px;
    z-index: 2;
    display: none;
    
}


.menuBtn img {
    margin: 6px auto 10px
}

.mBtnLine {
    font-size: 0;
    width: 20px;
}

.mBtnLine span {
    display: inline-block;
   
    vertical-align: top
}

.mBtnLine span:nth-child(2) {
    margin: -4px 3px 0
}
.mBtnLine span {
        width: 100%;
        height: 2px;
        background: #fff
    }

    .mBtnLine span:nth-child(2) {
        margin: 5px 0;
        width: 80%
    }

.logoanv { float: left; }

.begin .head{ padding: 0 30px; }
.begin .nav_ul li{  margin: 0 18px; }

.begin .riz{ padding: 0 30px; }
.begin .cases_inner{padding: 60px 30px;}
.begin .foot{ padding: 0 30px; width: 100%; box-sizing: border-box; }