@charset "utf-8";

 html{ height: 100% !important; }

body,input,textarea,pre,select{ margin:0; padding:0;   color:#666; font-size:100%; height:100%;  
   font-family: 'Source Sans Pro', 'Microsoft Jhenghei', '微軟正黑體', Helmet, Freesans, sans-serif;
	   font-family: "LinotypeUniversW01-Regu";
	   font-family:微軟正黑體, Arial, Helvetica, sans-serif;  

 }
h1,h2,h3,h4,h5,h6,p,b,c,e,g{    font-weight: normal;}


.dowindex{width: 80%;display: block;overflow: hidden;float: left;}

.listdow{       width: 40%;margin: 4%;margin-top: 0;float: left;overflow: hidden;margin-bottom: 10%;}
.listdow h1{   font-weight: normal;font-size: 2em;line-height: 2em;margin-bottom: 2%;color: #000;border-bottom: 1px solid #999;padding-bottom: 1%;}
.listdow h1 img{     float: right;    margin-top: 5%; }
.listinfo{    width: 100%; overflow: hidden;}
.listinfo a{    display: block;  border-bottom: 1px solid #fff;}
.listinfo a:hover{    border-bottom: 1px solid #E7E7E7;  }
.listinfo a:hover p{color:#00A751;}
.listinfo a p{    font-weight: normal;font-size: 1em;line-height:0.6em;display: inline-block;    color: #666;    padding-top: 0;margin-bottom: 0;padding-bottom: 0;}
.listinfo a i{    font-style: inherit;float: right;font-weight: normal;font-size: 1em;color: #999;    margin-top: 1%;}

#listdowone,#listdowtwo{     overflow: hidden;height: auto;margin-bottom: 0;}

.dowindex-left{    float: right;    width: 16%; margin-right: 4%;}
.dowindex-left .listinfo{}
.dowindex-left .listinfo h1{font-weight: normal;font-size: 2em;line-height: 2em;margin-bottom: 6%;color: #000;border-bottom: 1px solid #999;padding-bottom: 1%;}
.dowindex-left .listinfo h1 a b{}
.dowindex-left .listinfo a{    margin-bottom: 10%;}
.dowindex-left .listinfo a b img{    height: 9em;width: 100%;}


.pagebanner{position: relative;width: 100%;     margin-bottom: 2%;     height: 27em;overflow: hidden;margin-top: 60px;}
.pagebanner img{  width: 100%;position: absolute;height: 100%;top: 0;left: 0;}
.pagebanner p{background: rgba(20, 51, 28, 0.8);z-index: 2;position: absolute;width: 100%;height: 100%;top: 0;left: 0;      margin: 0; padding: 0;}
.pagebanner b{     width: 100%;text-align: center;display: block;color: #fff;font-weight: normal;font-size: 4em; text-transform: uppercase;     margin-top: 9%;}
.pagebanner b g{font-size: 0.7em;}
.pagebanner c{display: block;width: 60%;margin: 0 auto;text-align: center;color: #ccc;font-weight: normal;font-size: 1.4em;}






.page-contact{}
.page-contact .left{     float: right;width: 40%;overflow: hidden;     }
.page-contact .left p{    font-size: 1em;line-height: 2em;width: 80%;margin: 0 auto;}
.page-contact .left p span{}
.page-contact .right{    float: left;width: 50%;overflow: hidden;padding-bottom: 5%; display: block;    margin-left: 5%;}
.page-contact .right div{    float: left;width: 50%;overflow: hidden;margin-bottom: 3%;}
.page-contact .right div input{    display: block;    background: #eee;width: 90%;line-height: 3em;    border: 0;padding-left: 1em;}
.page-contact .right label{ }
.page-contact .right #Textbox-1{}
.page-contact .right #TJ5,.page-contact .right #TJ6{ width:47%;    height: 3em;border:0;     background: #eee; color:#999; margin-bottom: 5%; margin-right: 2.5%;padding-left: 1em;}
.page-contact .right option{}
.page-contact .right #TJ7{    border: 0;display: block;width: 95%;margin-bottom: 5%; height: 180px;    padding-left: 1em;background: #eee;line-height: 2em;}
.page-contact .right #button1{ cursor:pointer;   padding: 1% 5% 1% 5%;margin-right: 5%;    border: 0; }
.page-contact .right #button2{ cursor:pointer;   padding: 1% 5% 1% 5%;    border: 0;}


.news-page-show{    width: 90%;margin: 10% auto;}
.news-page-show left{    display: block;width: 60%;float: left;}
.news-page-show left h1{    margin: 0;border-bottom: 1px solid #ddd;padding-bottom: 2%;margin-bottom: 2%;}
.news-page-show left h2{    font-size: 1em;}
.news-page-show left h2 b{    margin-right: 10%;}
.news-page-show left h2 c{}
.news-page-show left div{    margin: 10% auto;}
.news-page-show left .f14{}
.news-page-show left .f14 a{    color: #666;border-bottom: 1px solid #ddd;margin-bottom: 2%;display: inline-block;}
.news-page-show left .f14 strong{    font-weight: normal;}
.news-page-show left .f14 a:hover{    color: #36974D;}
.news-page-show right{    float: right;width: 30%;display: block;overflow: hidden;}
.news-page-show right h1{    margin: 0;background: #eee;font-size: 1.4em;padding: 2%;margin-bottom: 2%;}
.news-page-show right div{}
.news-page-show right div dl{}



.new-box{    overflow: hidden;display: block;}
.new-list{}
.new-list{    width: 100%;display: block;text-align: center;}
.new-list li:nth-child(4n){ margin-right:0}
.new-list li{   float: left;vertical-align:top; width:24.25%; height:26em; margin-right:1%;transition: background 650ms linear;  overflow: hidden;   background: #eee;     position: relative;    }
.new-list li a img{     display: block;width: 100%; height:100%; padding: 0;position: absolute;top: 0;left: 0;   -webkit-transition:0.5s; -moz-transition:0.5s; transition:0.5s;}
.new-list li a:hover img {  -webkit-transform:scale(1.3); -moz-transform:scale(1.3); transform:scale(1.3);}
.new-list li a div{display: block;width: 100%;vertical-align: top;padding: 4% 0 4% 0;
                      background-image: linear-gradient(to top,rgba(0, 0, 0, 0) 0%, rgba(54, 151, 77, 0.75) 40%,rgba(54, 151, 77, 1) 100%);
				  position: absolute;height: 100%; }
.new-list li a div h2{     margin: 0 auto; width: 80%;font-size: 1.6em;color: #fff;line-height: 1.4em;margin-top: 3%;margin-bottom: 3%;     text-align: left; font-weight: normal;}
.new-list li a div p{height: 1px;width: 30%;margin-left: 10%;background: #eee;margin-bottom: 1em;}
.new-list li a div h3{      font-weight: normal; font-size: 1em; width: 80%;margin: 0 auto;     margin-bottom: 1em;text-align: left;     color: #eee;     overflow: hidden;display: block;}
.new-list li a div h4{    font-weight: normal;line-height: 2em;font-size: 0.8em;      color: #fff;   overflow: hidden; padding-bottom:3%;}
.new-list li a div h4 b{    float: left;margin-left: 10%;     font-weight: normal;}
.new-list li a div h4 img{    float: right;  width: 24px; height:24px; position: inherit;padding: 0; padding-right: 10%;}
.new-list li a:hover div h4 img{ -webkit-transform:scale(1); -moz-transform:scale(1); transform:scale(1);}




.page-cx{}
.page-cx .new-box{}
.page-cx .clearfix{}
.page-cx .clearfix li{     width: 23%;height:15em;    margin:1% !important;  }
.page-cx .clearfix li b{  font-weight: normal;font-size: 1.2em;padding: 1%;background: #36974D;color: #fff;display: block;width: 4em;height: 4em;overflow: hidden;     margin: 5% 0 5% 10%;line-height: 4em;border-radius: 50%;}
.page-cx .clearfix li c{font-weight: normal;font-size: 1.2em;color: #000;    border-top: 1px solid #ccc;
    padding-top: 3%;width: 80%;margin: 0 auto;text-align: left;    display: block;    border-top: 1px solid #ccc; padding-top: 5%;}


.in-banner{    position: relative; height: 100%;width: 100%;     overflow: hidden;}
.in-banner video{ width:100%;   }
.in-banner div{    position: absolute;width: 100%;height: 100%;left: 0;top: 0;overflow: hidden;display: block;    background: rgba(32, 111, 51, 0.8);}
.in-banner div h1{    color: #fff;font-weight: normal;text-align: center;font-size: 3.2em;margin-top: 20%;}
.in-banner div h3{    text-align: center;color: #fff;font-weight: normal;margin-bottom: 1%;overflow: hidden;font-size: 1.2em;line-height: 2em;}
.in-banner div h2{      height: inherit; padding-top: 2%;  position: absolute;text-align: center;z-index: 1111;    width: 100%;}
.in-banner div h2 a{    color: #fff;font-weight: normal;margin: 0 1% 0 1%;padding:0.5% 4% 0.5% 4%; background: #36974D;  }
.in-banner div h2 #aa{    background: #fff; color: #36974D;}

.page-about{}
.page-about .new-box{  }
.page-about .clearfix{}
.page-about .clearfix #aboutone{color: #333;width: 90%;text-align: left;font-size: 1.4em;padding: 5% 5% 5% 5%;height: inherit;line-height: 1.6em;background: #F1F3F1;}
.page-about .clearfix #abouttwo{color: #333;width: 100%;text-align: left;height: inherit;background-position: center;background-repeat: no-repeat;background-size: cover;}
.page-about .clearfix #abouttwo p{    padding: 5% 5% 5% 5%;font-size: 1.4em;line-height: 1.6em;width: 90%;background: rgba(54, 151, 77, 0.88);color: #fff;    margin: 0; }
.page-about .clearfix #aboutthree{       width: 100%;background: #F8F8F8;height: 40em;overflow: hidden;margin: 0;    }
.page-about .clearfix #aboutthree .slider{    position: relative;width: 70%;margin-left: 15%; height:80%; }
.page-about .clearfix #aboutthree .slider ul.slides{    margin: 0; padding: 0;}
.page-about .clearfix #aboutthree .slider ul.slides li{    margin: 0; padding: 0;  height: 100%;}
.page-about .clearfix #aboutthree .slider ul.slides li .box{}
.page-about .clearfix #aboutthree .slider ul.slides li .box img{    width: 100%; height: 100%;}
.page-about .clearfix #aboutthree .slider-nav__item{    width: 1em; height: 1em;}
.page-about .clearfix #aboutthree dd{        height: 10%;}
.page-about .clearfix #aboutfour{      background: #fff;   height: inherit;width: 100%;margin: 0;padding: 5% 0% 5% 0%;}
.page-about .clearfix #aboutfour p{      background: #F0F0F0;  width: 20%;display: inline-block;vertical-align: top; margin: 1%; }
.page-about .clearfix #aboutfour p img{}

.page-about .clearfix #aboutfive{ width: 100%;margin: 0;padding:5% 0 5% 0;overflow: hidden;background: #f1f1f1;height: inherit;}
.page-about .clearfix #aboutfive p{ width: 90%;margin: 0 auto;text-align: left;color: #333;font-weight: normal;font-size: 2em;    height: inherit;     margin-bottom: 3%; }
.page-about .clearfix #aboutfive div{ width: 90%;margin: 0 auto;overflow: hidden;}
.page-about .clearfix #aboutfive h1{      font-size: 1em;   text-align: left;width: 50%;float: left;overflow: hidden; }
.page-about .clearfix #aboutfive h1 b{}
.page-about .clearfix #aboutfive h1 c{ font-size: 1em; line-height: 1.4em;    border-bottom: 1px solid #ccc; line-height: 2em;}



.page-list-fy{    overflow: hidden;width: 90%;text-align: center;    margin: 0 auto;margin-bottom: 5%;}
.page-list-fy a{    display: inline-block;background: #ccc;color: #000;padding: 0.5% 1%;margin-right: 1%;}
.page-list-fy span{ display: inline-block;background: #36974D;color: #fff;padding: 0.5% 1%;margin-right: 1%;}
.page-list-fy a:hover,.page-list-fy span:hover{background: #36974D;color: #fff;}


.new-box .in-news{    padding: 5% 0 5% 0; width: 100%;    overflow: hidden;     background: #fff;     padding-bottom: 5%; height: inherit;}
.new-box .in-news h1{width: 90%; margin: 0 auto;font-weight: normal;font-size: 2.4em;text-align: center;color: #36974D;border-bottom: 1px solid #ccc;padding-bottom: 2%;margin-bottom: 2%;}
.new-box .in-news h2{    position: relative;text-align: center;background: #333;width: 15%; font-weight: normal;color: #fff;border-radius: 1.25em;line-height: 2.4em;  float: left; margin-left: 42.5%;}
.new-box .in-news h2 a{ position: absolute;width: 100%;height: 100%;z-index: 2;top: 0;left: 0;}
.new-box .in-news div{ background: #f2f2f2;    padding: 0;  float: left; width: 21.75%;       margin-bottom: 1%;   margin-right: 1%;   }
.new-box .in-news div a{    display: block; overflow: hidden;     padding-bottom: 5%;}
.new-box .in-news div a img{    height: 100%;}
.new-box .in-news div a h2{    text-align: left; line-height: 1.2em;width: 80%;   color: #000;  background: none; font-size: 1.4em;    float: none;margin: 0 auto;padding-top: 10%;}
.new-box .in-news div a h2:hover,.new-box .in-news div:hover h2{ background:none; color:#36974D; }
.new-box .in-news div a  p{   background: #ccc;       margin-top: 1em;   height: 1px; width: 40%;    margin-left: 10%;  }
.new-box .in-news div a  h4{     color: #000;   padding: 0;    width: 80%; margin: 0 auto;     padding-bottom: 5%; overflow: hidden;}
.new-box .in-news div a  h4 b{       color: #666;float: left; font-weight: normal;  }
.new-box .in-news div a  h4 img{     height: inherit;position: inherit;width: auto; float: right;}
.new-box .in-news div:first-of-type{    margin-left: 5%;}
.new-box .in-news div:nth-child(6n){    margin-left: 5%;}
.new-box .in-news div a:hover{background: #f3f3f3;}
.new-box .in-news div:hover a  h4 img{-webkit-transform:scale(1); -moz-transform:scale(1); transform:scale(1);}






.new-box .in-marker{     height: inherit; width: 100%; background: #DCDCDC;}
.new-box .in-marker div{    height: 20em;   float: left; width: 25%; position: relative;overflow: hidden;}
.new-box .in-marker div a{       border: 2px solid #fff; position: absolute;width: 100%;height: 100%;top: 0;left: 0;z-index: 2;}
.new-box .in-marker div img{     position: absolute;width: 100%;height: 100%;top: 0;left: 0;}
.new-box .in-marker div h1{   opacity: 0;   margin: 0;  position: absolute;width: 100%;height: 100%;top: 0;left: 0;overflow: hidden;display: block;}
.new-box .in-marker div h1 c{display: block;text-align: center;width: 100%;    margin-top: 15%;     margin-bottom: 0;}
.new-box .in-marker div h1 c img{     opacity: 0.8;  display: inline-block;   position: inherit;width: initial;height: initial;}
.new-box .in-marker div h1 b{      display: block;text-align: center;width: 40%;font-weight: normal;font-size: 0.6em;border: 1px solid #fff;margin: 0 auto;line-height: 2em;border-radius: 1em;}
.new-box .in-marker div:hover h1{ background:rgba(54, 151, 77, 0.8); opacity: 1;transition: all 0.3s linear 0s;-webkit-transition: all 0.3s linear 0s;}
.new-box .in-marker div:hover h1 b{ color:#fff; }
.new-box .in-marker div a:hover,.new-box .in-tech div a:hover,.new-box .in-INFO div a:hover{background:none; }








.new-box .in-tech{width: 100%;height: inherit;overflow: hidden;padding: 5% 0 5% 0;}
.new-box .in-tech dt{    width: 100%; overflow: hidden;margin-bottom: 2%;    position: relative;}
.new-box .in-tech dt a{  position: absolute;width: 100%;height: 100%;z-index: 2;top: 0;left: 0;}
.new-box .in-tech dt a:hover{background: none;}
.new-box .in-tech dt:hover h3{background: #36974D; color:#eee;}
.new-box .in-tech dt h1{    font-weight: normal;font-size: 2.4em;color: #000;line-height: 2em;    margin: 0 auto;width: 90%;text-align: center;}
.new-box .in-tech dt h2{    font-weight: normal;width: 60%;margin: 0 auto;   color: #333;font-size: 1.1em;margin-bottom: 2%;text-align: center;}
.new-box .in-tech dt h3{text-align: center;background: #333;width: 15%;font-weight: normal;color: #fff;border-radius: 1.25em;line-height: 2.4em;float: left;margin-left: 42.5%;margin-top: 2%;}
.new-box .in-tech div{  height: 30em;   position: relative;    display: inline-block;vertical-align: top;width: 30%;overflow: hidden;background: #000; }
.new-box .in-tech div a{      z-index: 3;  position: absolute;width: 100%;height: 100%;top: 0;left: 0;overflow: hidden;display: block;}
.new-box .in-tech div img{    position: absolute; width: 100%;height: 100%;overflow: hidden;display: block;}
.new-box .in-tech div h2{position: absolute;width: 100%;height: 100%;top: 0;left: 0;display: block;overflow: hidden;}
.new-box .in-tech div h2 g{    display: block;width: 80%;text-align: left;margin: 0 auto;color: #fff;font-weight: normal;font-size: 2.4em;margin-top: 8%;}
.new-box .in-tech div h2 e{    display: block;color: #fff;font-weight: normal;font-size: 1.4em;line-height: 1.4em; padding: 0;     width: 80%;text-align: left;margin:0% auto 5%;}
.new-box .in-tech div h2 c{        font-size: 1em;font-weight: normal;color: #fff;line-height: 1.4em;width: 80%;margin: 0 auto;display: block;     text-align: left;margin-bottom: 20%; }
.new-box .in-tech div h2 b{      display: block;height: 1px;background: #fff;width: 30%;margin-left: 10%;padding: 0;overflow: hidden;    margin-bottom: 5%;}
.new-box .in-tech div h2 i{    opacity: 0; display: block; font-style: inherit;font-weight: normal;color: #fff;font-size: 0.8em;text-align: center;margin-left: 10%;width: 40%;border: 1px solid #fff;border-radius: 1em;line-height: 2em;}
.new-box .in-tech div:hover h2{background:rgba(54, 151, 77, 0.8); opacity: 1;transition: all 0.3s linear 0s;-webkit-transition: all 0.3s linear 0s;}
.new-box .in-tech div:hover h2 i{opacity: 1;transition: all 0.3s linear 0s;-webkit-transition: all 0.3s linear 0s;}







.new-box .in-lgmzh{ width: 100%;    height: inherit; background: #fff;overflow: hidden;     padding: 5% 0 5% 0; }
.new-box .in-lgmzh div{ border-bottom: 1px solid #ccc;  position: relative; cursor:pointer;   display: block;overflow: hidden;margin: 0 auto;width: 90%;    padding-top: 1%;padding-bottom: 1%;}
.new-box .in-lgmzh div p{ margin-right: 5%;    height: inherit;  float: left;}
.new-box .in-lgmzh div p img{}
.new-box .in-lgmzh div h1{    width: 70%;margin: 0;     text-align: left;  float: left;  }
.new-box .in-lgmzh div h1 b{font-weight: normal;  display: block;text-align: left;    float: left; width: 100%;    font-size: 0.9em; margin-bottom: 0.3em;color: #333;line-height: 1em;}
.new-box .in-lgmzh div h1 c,.new-box .in-lgmzh div h1 i{       font-style: inherit; display: block; margin-right: 1%;text-align: left;font-size: 0.6em; color: #666;}
.new-box .in-lgmzh div h2{ font-weight: normal;  float: right;    font-size: 1em;  }
.new-box .in-lgmzh dt{    display: block;overflow: hidden;color: #36974D;font-size: 2em;line-height: 2em;}
.new-box .in-lgmzh dd{    position: relative;background: #333;color: #fff;line-height: 2em;font-size: 1em;width: 30%;margin: 0 auto;border-radius: 1em;margin-top: 2em;}
.new-box .in-lgmzh dd a{    position: absolute;width: 100%;height: 100%;z-index: 2;top: 0;left: 0;}
.new-box .in-lgmzh dd a:hover,.new-box .in-news h2 a:hover{background: none; }
.new-box .in-lgmzh dd:hover,.new-box .in-news h2:hover{background: #36974D; color:#eee;}
.new-box .in-lgmzh div:hover h2,.new-box .in-lgmzh div:hover h1 b,.new-box .in-lgmzh div:hover h1 i,.new-box .in-lgmzh div:hover h1 c{ color:#36974D; }




.new-box .in-INFO{    width: 100%;height: inherit;display: block;padding: 5% 0 5% 0;overflow: hidden;}
.new-box .in-INFO div{      position: relative;  float: left;width: 29.3333%;overflow: hidden;height: 12em;background: #ccc;margin-right: 1%;}
.new-box .in-INFO div:first-of-type{ margin-left:5%; }
.new-box .in-INFO div img{position: absolute;width: 100%;height: 100%;top: 0;left: 0;-webkit-transition:0.5s; -moz-transition:0.5s; transition:0.5s;}
.new-box .in-INFO div h1{    position: absolute;width: 100%;top: 0;left: 0;height: 100%;margin: 0;padding: 0;}
.new-box .in-INFO div h1 b{      line-height: 1em;font-weight: normal;  display: block;width: 80%;margin: 0 auto;text-align: left;    margin-top: 5%; font-size: 1.4em; }
.new-box .in-INFO div h1 b g{    background: #36974D;color: #fff;padding: 0 4% 0 4%;font-weight: normal;font-size: 0.8em;}
.new-box .in-INFO div h1 c{    width: 80%;margin:1% auto 5%;text-align: left;display: block;font-weight: normal;font-size: 0.6em;text-transform: uppercase;color: #666;}
.new-box .in-INFO div h1 i{    display: block;font-style: inherit;font-weight: normal;font-size: 0.5em;text-align: center;width: 20%;margin-left: 10%;background: #333;color: #fff;padding: 1% 2% 1% 2%;}
.new-box .in-INFO div h2{  color: #000;  position: absolute;width: 80%;left: 10%;text-align: left;top: 10%;}
.new-box .in-INFO div h2 b{    display: block;font-weight: normal;font-size: 1.8em;    line-height: 1em;}
.new-box .in-INFO div h2 c{display: block;font-weight: normal; font-size: 1.8em;      width: 70%;  line-height: 1em;}
.new-box .in-INFO div h2 c g{    color: #36974D;}
.new-box .in-INFO div h3{   color: #000;    font-weight: normal; font-size: 1.8em; position: absolute;overflow: hidden;top: 60%;width: 80%;left: 10%;text-align: left;}
.new-box .in-INFO div h4{      font-size: 1.8em;  position: absolute;width: 80%;left: 10%;top: 20%;text-align: left;color: #36974D;}
.new-box .in-INFO div h4 b{    display: block; font-weight: normal;}
.new-box .in-INFO div h4 c{    font-weight: normal; color: #fff;}
.new-box .in-INFO div p{    position: absolute;background: #36974D;top: 70%;left: 10%;width: 3em;height: 2em;       padding-top: 0.5em; margin: 0;}
.new-box .in-INFO div p g{display: block;height: 2px;background: #fff;width: 80%;overflow: hidden;margin: 0 auto;margin-bottom: 0.5em;}
.new-box .in-INFO div:hover img{ -webkit-transform:scale(1.1); -moz-transform:scale(1.1); transform:scale(1.1);}
.new-box .in-INFO div a{    position: absolute;width: 100%;height: 100%;top: 0;left: 0;z-index: 3;}







.new-box .in-intop{     padding: 5% 0 5% 0;     position: relative;  width: 100%; height: inherit;    background: #36974D;}
.new-box .in-intop .left,.new-box .in-intop .right{float: left;margin-left: 5%;width: 20%;overflow: hidden;}
.new-box .in-intop .left h1,.new-box .in-intop .right h1{    width: 100%;margin-bottom: 2em;overflow: hidden;}
.new-box .in-intop .left h1 b,.new-box .in-intop .right h1 b{    display: block;text-align: center; color:#fff;        font-size: 1.2em; font-weight: normal;}
.new-box .in-intop .left h1 c,.new-box .in-intop .right h1 c{ display: block;text-align: center; color:#fff;       font-size: 0.6em;  font-weight: normal;}
.new-box .in-intop .left h2,.new-box .in-intop .right h2{width: 12em;height: 12em;overflow: hidden;display: block;border-radius: 50%;background: rgba(27, 243, 53, 0.3);margin: 0 auto; margin-bottom: 4em;}
.new-box .in-intop .left h2 b,.new-box .in-intop .right h2 b{  font-weight: normal;  display: block; color:#fff; margin-top: 2em;}
.new-box .in-intop .left h2 c,.new-box .in-intop .right h2 c{       display: block;color: #fff;font-weight: normal;font-size: 2.4em;margin-top: 0.3em;margin-bottom: 0.3em;}
.new-box .in-intop .left h2 e,.new-box .in-intop .right h2 e{  font-weight: normal;  display: block;color:#fff;}
.new-box .in-intop .left h3,.new-box .in-intop .right h3{    font-weight: normal;color: #eee;font-size: 1em;line-height: 2em;    position: relative;overflow: hidden;}
.new-box .in-intop .center{float: left;    width: 40%;margin-left: 5%;}
.new-box .in-intop .center h1{   width: 100%;margin-bottom: 2em;overflow: hidden;}
.new-box .in-intop .center h1 b{ display: block;text-align: left; color:#fff;     font-weight: normal;    font-size: 1.2em; }
.new-box .in-intop .center h1 c{ display: block;text-align: left; color:#fff;       font-size: 0.6em;  font-weight: normal;}
.new-box .in-intop .center dl{    overflow: hidden;display: block;    margin-bottom: 3em;height: 13em;}
.new-box .in-intop .center dl dt{float: left;    width: 50%;}
.new-box .in-intop .center dl dt h1{color: #fff;border-bottom: 3px solid #eee;text-align: left;font-weight: normal;margin: 0;font-size: 1.4em;    margin-bottom: 1em;}
.new-box .in-intop .center dl dt #hh1{    width: 90%;}
.new-box .in-intop .center dl dt h2{text-align: left;display: block;color: #fff;font-size: 2em;font-weight: normal;    margin-bottom: 1em;    line-height: 1.2em;}
.new-box .in-intop .center dl dt h2 b{    display: block;font-weight: normal;   font-size: 0.5em;}
.new-box .in-intop .center dl dt h3{    display: block;text-align: left;font-weight: normal;color: #eee;    border-bottom: 1px solid #fff;}
.new-box .in-intop .center h3{    font-weight: normal;text-align: left;color: #eee;font-size: 1em;line-height: 2em;position: relative;overflow: hidden;}


.new-box .in-intop .left h3 a,.new-box .in-intop .center h3 a,.new-box .in-intop .right h3 a{    position: absolute;width: 100%;height: 100%;top: 0;left: 0;z-index: 2;}
.new-box .in-intop .left h3 a:hover,.new-box .in-intop .center h3 a:hover,.new-box .in-intop .right h3 a:hover{    background: none;}




.new-box .in-about{  position: relative;  width: 100%;height: inherit;overflow: hidden;display: block;padding: 5% 0 5% 0;background: #fff;}
.new-box .in-about img{ position: absolute;width: 100%;height: 100%;top: 0;left: 0;}
.new-box .in-about div{     width: 82%;margin: 0 auto;overflow: hidden;}
.new-box .in-about h1{ float: left;border: 1px solid #36974D;overflow: hidden;display: block;width: 5em;padding: 0;margin: 0; height: 5em; border-radius: 50%; }
.new-box .in-about h1 b{display: block;width: 100%;text-align: center;font-weight: normal;font-size: 2em; color:#36974D;     margin-top: 0.5em;  line-height: 1em;}
.new-box .in-about h1 c{ font-weight: normal;color: #36974D;line-height: 0.5em;display: block;width: 100%;text-align: center;height: 1em;overflow: hidden;font-size: 0.9em;}
.new-box .in-about h2{    float: left;width: 80%;margin-left: 5%;overflow: hidden;     margin-top: 2%; }
.new-box .in-about h2 p{      height: auto;     margin: 0;}
.new-box .in-about h2 p b{display: block;  text-align: left;width: 100%;font-weight: normal;color: #333;font-size: 2em;line-height: 1.6em;}
.new-box .in-about h2 p c{     text-align: left;font-weight: normal;font-size: 1.2em;color: #36974D; }
.new-box .in-about h2 p b a{    font-weight: normal;font-size: 0.6em;margin-left: 5%;color: #36974D;}
  


 








.web-footer{  width:100%;  background: #222;padding: 3% 0 3% 0;overflow: hidden;}
.web-footer .left{  width:20%;   float: left;margin-left: 5%;overflow: hidden;}
.web-footer .left h1{margin-bottom: 10%;}
.web-footer .left h1 img{}
.web-footer .left h2{    font-size: 1em;font-weight: normal;color: #36974D;}
.web-footer .left h3{    font-size:20px;font-weight: normal;color: red;}

.web-footer .center{ float: left;margin-left: 5%;overflow: hidden;width: 50%;}
.web-footer .center dl{    float: left; margin-right: 14%;}
.web-footer .center dl:last-child{margin-right: 0%;}
.web-footer .center dl dt{    font-size: 1em;line-height: 2.2em;font-weight: normal;}
.web-footer .center dl dt a{color: #36974D;}
.web-footer .center dl dd{font-weight: normal;font-size: 0.9em;line-height: 1.8em;    margin-left: 0;}
.web-footer .center dl dd a{    color: #eee;}
.web-footer .right{ float: left; overflow: hidden;width: 18%;}
.web-footer .right h1{    font-weight: normal; font-size: 1.2em;    text-align: left; margin-bottom: 10%;}
.web-footer .right h1 a{    color: #fff; margin-right: 10%;}
.web-footer .right h2{    text-align: center;font-weight: normal;color: #eee;font-size: 0.9em;line-height: 3em;}
.web-footer .right h2 a{    display: block;float: left;    margin-right: 5%;}
.web-footer .right h2 a p{position: absolute; display: inline-block;    opacity: 0;}
.web-footer .right h2 #weixin:hover p{opacity: 1;}
.web-footer .right h2 a img{       width: inherit;height: inherit;margin: 0 auto;}
.web-footer-bottom{background: #222;    padding-top: 5%;}
.web-footer-bottom h1{    width: 90%;border-bottom: 1px solid #444;text-align: left;margin: 0 auto;font-weight: normal;font-size: 0.9em;line-height: 2em;margin-bottom: 2%;color: #ccc;}
.web-footer-bottom h2{    font-weight: normal;width: 90%;margin: 0 auto;padding-bottom: 5%; font-size:0.8em; }
.web-footer-bottom h1 a,.web-footer-bottom h2 a{    color: #ccc;}


#index .new-list.articleShow li{ margin-bottom:0;}







.page-goon{}
.page-goon .new-box{}
.page-goon .new-box .one{height: inherit;    display: block;width: 100%;float: none;padding: 0;margin: 0 0 5%;    background: none;overflow: hidden;}
.page-goon .new-box .one h1{    padding: 0;margin: 0;font-weight: normal;font-size: 1.7em;color: #333;}
.page-goon .new-box .one h2{    width: 70%;margin: 0 auto;padding: 0;font-weight: normal;color: #666;font-size: 1.4em;}
.page-goon .new-box .two{    display: block;width: 100%;float: none;overflow: hidden;    position: relative;height: 20em;}
.page-goon .new-box .two h1{position: absolute;width: 100%;height: 100%;top: 0;left: 0;    margin: 0;padding: 0;}
.page-goon .new-box .two h1 img{    width: 20%; height:100%;  float: left;}
.page-goon .new-box .two h2{ position: absolute;width: 100%;height: 100%;top: 0;left: 0; background: rgba(0, 0, 0, 0.85);}
.page-goon .new-box .two h2 b{ color: #fff;width: 70%;margin:7% auto 2%;display: block;font-weight: normal;font-size: 1.2em;}
.page-goon .new-box .two h2 c{    display: block;color: #fff;font-weight: normal;font-size: 1.2em;background: #14500A;width: 16%;margin: 0 auto;line-height: 2em;border-radius: 2px;}
.page-goon .new-box .three{    display: block;width: 100%;height: inherit;background: none;padding: 3% 0 3% 0;overflow: hidden;}
.page-goon .new-box .three dl{    display: inline-block;width: 24%;vertical-align: top;overflow: hidden;}
.page-goon .new-box .three dl b{    display: block;color: #333;font-weight: normal;font-size: 1.6em;line-height: 2em;}
.page-goon .new-box .three dl c{    font-weight: normal;display: block;width: 80%;margin: 0 auto;font-size: 1em;}
.page-goon .new-box .three dl img{    width: 12em;height: 12em;border-radius: 50%;overflow: hidden;margin:0 auto 5%;display: block;}
.page-goon .new-box .four{    display: block;width: 100%;position: relative;height: 20em;overflow: hidden;}
.page-goon .new-box .four left{    display: block;width: 50%;float: left;background: #1A7D28;    height: 100%;position: relative;}
.page-goon .new-box .four left h1{    color: #eee;text-align: left;width: 80%;margin:5% auto 2%;font-size: 1.2em;}
.page-goon .new-box .four left h2{ color: #fff;text-align: left;width: 80%;margin: 0 auto 2%;font-size: 1.6em;    font-weight: normal;}
.page-goon .new-box .four left h3{ color: #eee;text-align: left;width: 80%;margin: 0 auto;font-size: 1em;    font-weight: normal;}
.page-goon .new-box .four left h4{     color: #eee;text-align: center;width: 20%;margin: 5% auto 0 10%;font-size:1em;border: 1px solid #ccc;font-weight: normal;    line-height: 1.6em;}
.page-goon .new-box .four right{display: block;width: 50%;float: left;background: #1A7D28;    height: 100%;position: relative;}
.page-goon .new-box .four right img{    position: absolute;width: 100%;height: 100%;top: 0;left: 0;}
.page-goon .new-box .five{    display: block;width: 50%;margin: 0 auto;height: inherit;padding: 3% 0 3% 0;overflow: hidden;background: none;}
.page-goon .new-box .five b{    display: block;text-align: left;font-size: 2em;font-weight: normal;line-height: 2em;color: #333;}
.page-goon .new-box .five c{    display: block;background: #bbb;height: 1px;width: 20%;margin: 2% 0;}
.page-goon .new-box .five e{    text-align: left;display: block;color: #333;font-size: 1.1em;width: 80%;}
.page-goon .new-box .five a{    display: block;background: #176D1F;color: #fff;width: 20%;text-align: center;padding: 1% 3%;margin: 3% 0;}







.job-page-show{    overflow: hidden;padding: 5% 0;}
.job-page-show left{    display: block;float: left;width: 30%;margin-left: 5%;overflow: hidden;}
.job-page-show left h1{    font-size: 2em;font-weight: normal;color: #000;margin-bottom: 5%;}
.job-page-show left h2{    margin-bottom: 5%;border-bottom: 1px solid #eee;width: 90%;line-height: 2em;}
.job-page-show left h2 b{    font-weight: normal;color: #333;}
.job-page-show left h2 c{    font-weight: normal;color: #666;}
.job-page-show left p{ margin-bottom: 5%;}
.job-page-show left p b{    font-weight: normal;color: #333; }
.job-page-show left p c{}
.job-page-show right{    display: block;float: right;width: 60%;margin-right: 5%;overflow: hidden;}
.job-page-show right h1{    font-weight: normal;color: #333;border-bottom: 1px solid #ddd;font-size: 1.6em;margin-bottom: 2%;}
.job-page-show right div{    display: block;overflow: hidden;margin-bottom: 5%;}
.job-page-show right div p{   line-height: 2em;margin: 0;font-size: 1em;}
.job-page-show .bottom{    overflow: hidden;width: 90%;display: block;margin: 5% auto;}
.job-page-show .bottom one{    background: #eee;display: block;text-align: center;padding: 2% 0;    margin-bottom: 5%;}
.job-page-show .bottom one h1{    color: #666;font-weight: normal;font-size: 1.6em;}
.job-page-show .bottom one h2{font-weight: normal;    line-height: 2em; font-size: 1.6em;}
.job-page-show .bottom one h2 b{font-weight: normal;    color: #000;}
.job-page-show .bottom two{    display: block;text-align: center;}
.job-page-show .bottom two dl{    width: 20%;display: inline-block;vertical-align: top;text-align: left;margin: 0 2%;}
.job-page-show .bottom two dl dt{    line-height: 2em;color: #333;font-size: 1.6em;}
.job-page-show .bottom two dl a{    display: block;line-height: 1.6em;color: #1F711E;}
.job-page-show right .f14{    margin-bottom: 10%;}


.job-page-list{}
.job-page-list .bottom{    width: 90%;display: block;margin: 5% auto;}
.job-page-list .bottom one{    background: #eee;display: block;text-align: center;padding: 2% 0;    margin-bottom: 5%;}
.job-page-list .bottom one h1{    color: #666;font-weight: normal;font-size: 1.6em;}
.job-page-list .bottom one h2{font-weight: normal;    line-height: 2em; font-size: 1.6em;}
.job-page-list .bottom one h2 b{font-weight: normal;    color: #000;}
.job-page-list .bottom two{    display: block;text-align: center;}
.job-page-list .bottom two dl{    width: 20%;display: inline-block;vertical-align: top;text-align: left;margin: 0 2%;}
.job-page-list .bottom two dl dt{    line-height: 2em;color: #333;font-size: 1.6em;}
.job-page-list .bottom two dl a{    display: block;line-height: 1.6em;color: #1F711E;}
.job-page-list .new-list.articleShow li:nth-child(2n){ background:#fff;}
.job-page-list .new-list.articleShow li{border-bottom: 1px solid #ccc;position: relative;display: block;width: 90%;padding: 1% 5% 1% 5%;height: auto;background: #f0f0f0;margin-bottom: 1px;}
.job-page-list .new-list.articleShow li a{    position: absolute;width: 100%;height: 100%;top: 0;left: 0;z-index: 2;}
.job-page-list .new-list.articleShow li b{    display: block;text-align: left;float: left;width: 30%;font-weight: normal;color: #000;font-size: 1.3em;}
.job-page-list .new-list.articleShow li c{    display: block;text-align: left;float: left;width: 20%;font-weight: normal;color: #000;font-size: 1.3em;}
.job-page-list .new-list.articleShow li e{    display: block;text-align: left;float: left;width: 30%;font-weight: normal;color: #000;font-size: 1.3em;}
.job-page-list .new-list.articleShow li g{    display: block;text-align: left;float: left;width: 20%;font-weight: normal;color: #000;font-size: 1.3em;}
.job-page-list .new-list.articleShow li a:hover{ background:none; }



.page-market{}
.page-market .by_car{}
.page-market .by_car one{    display: block;width: 100%;position: relative;height: 30em;overflow: hidden;}
.page-market .by_car one h1{    position: absolute;width: 100%;height: 100%;z-index: 2;top: 0;left: 0;}
.page-market .by_car one h1 b{    color: #333;display: block;text-align: center;width: 50%;margin: 7% auto 1%;font-weight: normal; }
.page-market .by_car one h1 c{    display: block;width: 60%;margin: 0 auto;text-align: center;    font-weight: normal;color: #333;font-size:0.7em;}
.page-market .by_car one img{    position: absolute;width: 100%;height: 100%;top: 0;left: 0;}


.page-market .by_car two{    display: block;width: 80%;margin: 0 auto;position: relative;height: 20em;overflow: hidden;}
.page-market .by_car two p{    text-align: right;position: relative;float: left;width: 50%;overflow: hidden;display: block; margin: 0;padding: 0;}
.page-market .by_car two p b{    display: block;width: 80%;margin: 16% auto 2%;color: #333;font-size: 1.8em;}
.page-market .by_car two p c{display: block;width: 80%;margin: 0 auto; }
.page-market .by_car two h1{ position: relative;float: left;width: 50%;overflow: hidden;display: block;height: 100%;    margin: 0;padding: 0;}
.page-market .by_car two h1 img{    position: absolute;width: 100%;height: 100%;top: 0;left: 0;}
.page-market .by_car two h1 .icon{    width: auto;height: auto;top: 45%;left: 0;}



.page-market .by_car three{    display: block;width: 80%;margin: 0 auto;position: relative;height: 20em;overflow: hidden;}
.page-market .by_car three p{    text-align: left;position: relative;float: right;width: 50%;overflow: hidden;display: block; margin: 0;padding: 0;}
.page-market .by_car three p b{    display: block;width: 80%;margin: 4% auto 2%;color: #333;font-size: 1.8em;}
.page-market .by_car three p c{display: block;width: 80%;margin: 0 auto; }
.page-market .by_car three h1{ position: relative;float: left;width: 50%;overflow: hidden;display: block;height: 100%;    margin: 0;padding: 0;}
.page-market .by_car three h1 img{    position: absolute;width: 100%;height: 100%;top: 0;left: 0;}
.page-market .by_car three h1 .icon{       width: auto;height: auto;top: 45%;left: inherit;position: absolute;right: 0;}


.page-market bottom{    position: relative;width: 100%;height: 24em;overflow: hidden;display: block;}
.page-market bottom img{    position: absolute;width: 100%;height: 100%;top: 0;left: 0;}
.page-market bottom p{    background: rgba(255, 255, 255, 0.5);font-size: 1.4em;margin: 0;padding: 0;position: absolute;width: 100%;height: 100%;top: 0;left: 0;}
.page-market bottom p b{    display: block;text-align: center;color: #000;font-size: 1.7em;margin: 10% auto 1%;}
.page-market bottom p c{       color: #333; width: 60%;display: block;margin: 0 auto;text-align: center;}



.page_business_car{}
.page_business_car one{    position: relative;height: 30em;overflow: hidden;display: block;}
.page_business_car one img{    position: absolute;width: 100%;height: 100%;top: 0;left: 0;}
.page_business_car one p{ font-size:2em; margin: 0;padding: 0;position: absolute;width: 100%;height: 100%;top: 0;left: 0;}
.page_business_car one p b{display: block;text-align: center;color: #fff; margin: 10% auto 1%;}
.page_business_car one p c{    display: block;width: 60%;margin: 0 auto;overflow: hidden;color: #eee;font-size: 0.7em;text-align: center;}

.page_business_car two{    padding: 5% 0;text-align: center;display: block;overflow: hidden;}
.page_business_car two dl{    text-align: left;display: inline-block;width: 25%;overflow: hidden;}
.page_business_car two dl img{    width: 25%;display: block;margin: 0 auto;text-align: center;}
.page_business_car two dl p{    font-size: 1em;}
.page_business_car two dl p b{    display: block;color: #333;font-weight: bold;margin: 0 0 2%;    font-size: 1.2em;text-align: center;}
.page_business_car two dl p c{    display: block;width: 80%;margin: 0 auto;font-size: 0.9em;}


.page_business_car three{background: #eee;display: block;overflow: hidden;padding: 5% 0;}
.page_business_car three h1{font-size: 2em; margin: 0;padding: 0;}
.page_business_car three h1 b{        display: block;text-align: center;font-size: 0.8em;border-top: 1px solid #ddd;width: 80%;margin: 0 auto;color: #000;line-height: 2em;}
.page_business_car three h1 c{    width: 80%;display: block;margin: 1% auto 0%;text-align: left;font-size: 0.6em;}
.page_business_car three h1 e{    display: inline-block;margin: 0 auto 0 10%;font-size: 0.5em;position: relative;border-bottom: 1px solid #eee;}
.page_business_car three h2{    position: relative;width: 80%;    margin: 1% auto 1%;height: 15em;}
.page_business_car three h2 #img1{    position: absolute;width: 60%;height: 100%;top: 0;left: 0;}
.page_business_car three h2 #img2{    position: absolute;width: 36%;top: 0;right: 0;height: 45%;}
.page_business_car three h2 #img3{    position: absolute;width: 36%;top: 55%;right: 0;height: 45%;}



.page_business_car four{    display: block;overflow: hidden;padding: 5% 0;}
.page_business_car four h1{    width: 80%;margin: 0 auto;}
.page_business_car four h1 b{    display: block;font-size: 0.8em;margin-bottom: 1%;color: #000;}
.page_business_car four h1 c{font-size: 0.6em;display: block;}
.page_business_car four h2{ width: 80%;margin:2% auto 0;}
.page_business_car four h2 img{    width: 100%; }


.page_business_car five{    position: relative;width: 100%;height: 24em;overflow: hidden;display: block;}
.page_business_car five img{    position: absolute;width: 100%;height: 100%;top: 0;left: 0;}
.page_business_car five p{    background: rgba(255, 255, 255, 0.5);font-size: 1.4em;margin: 0;padding: 0;position: absolute;width: 100%;height: 100%;top: 0;left: 0;}
.page_business_car five p b{    display: block;text-align: center;color: #000;font-size: 1.7em;margin: 10% auto 1%;}
.page_business_car five p c{       color: #333; width: 60%;display: block;margin: 0 auto;text-align: center;}


.page_business_car six{  padding: 2% 0 5%;  width: 60%;margin: 0 auto;display: block;overflow: hidden;}
.page_business_car six h1{}
.page_business_car six h1 b{    display: block;font-size: 0.8em;color: #333;border-bottom: 1px solid #ddd;}
.page_business_car six h1 c{    font-size: 0.55em;display: block;}






.page_hydraulic_pressure{     }

.page_hydraulic_pressure one{width: 70%;margin: 0 auto;display: block;overflow: hidden;    padding: 3% 0 3%;}
.page_hydraulic_pressure one dl:nth-child(2n){float: right;}
.page_hydraulic_pressure one dl{ float: left;width: 45%;display: block;overflow: hidden;       margin: 0;padding: 2%;border: 1px solid #ddd;}
.page_hydraulic_pressure one dl img{ float: left;width: 15%;display: block;    margin-right: 2%;}
.page_hydraulic_pressure one dl p{ float: left;width: 80%;margin: 0;}
.page_hydraulic_pressure one dl p b{ display: block;color: #000;font-weight: bold; font-size:1.1em; }
.page_hydraulic_pressure one dl p c{ font-size: 0.9em;display: block;}

.page_hydraulic_pressure two{    position: relative;width: 100%;display: block;overflow: hidden;height: 26em;}
.page_hydraulic_pressure two p{position: absolute;width: 100%;height: 100%;top: 0;left: 0;    margin: 0;padding: 0;z-index: 2;    font-size: 2em;}
.page_hydraulic_pressure two p b{display: block;text-align: center;color: #fff;margin: 7% auto 1%;}
.page_hydraulic_pressure two p c{ display: block;width: 70%;margin: 0 auto;color: #eee;font-size: 0.6em;text-align: center;}
.page_hydraulic_pressure two img{ position: absolute;width: 100%;height: 100%;top: 0;left: 0;}


.page_hydraulic_pressure three{ display: block;overflow: hidden;width: 80%;margin: 5% auto;}
.page_hydraulic_pressure three p{ font-size: 2em;  float: right;width: 60%;    margin: 0;}
.page_hydraulic_pressure three p b{ display: block;color: #333;font-size: 0.8em;    margin-bottom: 2%;}
.page_hydraulic_pressure three p c{ font-size: 0.5em;display: block;}
.page_hydraulic_pressure three img{float: left;width: 35%;}


.page_hydraulic_pressure four{display: block;overflow: hidden;background: #36974D;padding: 5% 0;}
.page_hydraulic_pressure four p{margin: 0 auto; width: 80%;  font-size: 2em;    margin-right: 10%;}
.page_hydraulic_pressure four p b{ display: block;color: #fff;font-size: 0.8em;    margin-bottom: 2%; }
.page_hydraulic_pressure four p c{ font-size: 0.5em;display: block;    color: #eee;}
.page_hydraulic_pressure four img{    width: 60%;margin: 2% 0 0 10%;text-align: left;display: block;}


.page_hydraulic_pressure five{width: 80%;margin: 0 auto;display: block;overflow: hidden;padding: 5% 0;}
.page_hydraulic_pressure five b{    display: block;color: #333;font-size: 1.6em;border-bottom: 1px solid #ddd;line-height: 2em;margin-bottom: 2%;}
.page_hydraulic_pressure five p{    display: block;overflow: hidden;margin: 0 auto;}
.page_hydraulic_pressure five p c{       float: right;width: 50%;line-height: 1.6em;}
.page_hydraulic_pressure five p img{ display: block;width: 50%;float: left;}


.page_aviation_robot{}
.page_aviation_robot one{    display: block;overflow: hidden;width: 80%;margin: 0 auto;padding: 5% 0;}
.page_aviation_robot one p{margin: 0;font-size: 2em;}
.page_aviation_robot one p b{    line-height: 2em;    display: block;margin-bottom: 2%;font-size: 0.8em;color: #333;border-bottom: 1px solid #ddd;}
.page_aviation_robot one p c{    font-size: 0.6em;display: block;margin-bottom: 1%;}
.page_aviation_robot one img{}


.page_aviation_robot two{     display: block;overflow: hidden; margin: 0 auto;padding: 5% 0;background: #333;}
.page_aviation_robot two p{     margin: 0 auto; width:80%; font-size: 2em;}
.page_aviation_robot two p b{   line-height: 2em;    display: block;margin-bottom: 2%;font-size: 0.8em;color: #fff;border-bottom: 1px solid #ddd;}
.page_aviation_robot two p c{   font-size: 0.6em;display: block;margin-bottom: 1%;color: #ccc;}
.page_aviation_robot two img{    width: 65%;margin: 0 0 0 10%;}



.page_aviation_robot three{    display: block;overflow: hidden;width: 80%;margin: 0 auto;padding: 5% 0;}
.page_aviation_robot three p{margin: 0;font-size: 2em;}
.page_aviation_robot three p b{    line-height: 2em;    display: block;margin-bottom: 2%;font-size: 0.8em;color: #333;border-bottom: 1px solid #ddd;}
.page_aviation_robot three p c{    font-size: 0.6em;display: block;margin-bottom: 1%;}
.page_aviation_robot three img{}

.page_tools_dies{}
.page_tools_dies one{    display: block;width: 90%;margin: 0 auto;padding: 5% 0;overflow: hidden;}
.page_tools_dies one h1{color: #000;font-size: 1.7em;width: 70%;margin: 2% auto;}
.page_tools_dies one img{    width: 100%;}
.page_tools_dies one h2{ font-size: 1em;width: 70%;margin: 1% auto;}


.page_tools_dies two{    position: relative;width: 100%;height: 28em;overflow: hidden;display: block;}
.page_tools_dies two img{    position: absolute;width: 100%;height: 100%;top: 0;left: 0;}
.page_tools_dies two p{  font-size: 1.4em;margin: 0;padding: 0;position: absolute;width: 100%;height: 100%;top: 0;left: 0;}
.page_tools_dies two p b{       display: block;    text-align: center;color: #fff;font-size: 1.7em;    width: 50%;margin: 10% auto 2%;}
.page_tools_dies two p c{  color: #fff;width: 80%;display: block;margin: 0 auto;text-align: left;font-size: 0.9em;}


.page_tools_dies three{    display: block;width: 90%;margin: 0 auto;padding: 5% 0;overflow: hidden;}
.page_tools_dies three h1{color: #000;font-size: 1.7em;width: 70%;margin: 2% auto;}
.page_tools_dies three img{    width: 100%;}
.page_tools_dies three h2{ font-size: 1em;width: 70%;margin: 1% auto;}
.page_tools_dies three h2 b{    display: block;margin: 2% 0;}
.page_tools_dies three h2 b a{color: #333;margin-right: 5%;border-bottom: 1px solid #ddd;}

.page_tools_dies four{    background: #eee;display: block;overflow: hidden;padding: 5% 0;}
.page_tools_dies four img{    float: right;width: 25%;margin-right: 10%;}
.page_tools_dies four p{ font-size: 2em; float: left;width: 50%;margin: 0;margin-left: 10%;}
.page_tools_dies four p b{    display: block;font-size: 0.8em;color: #000;border-bottom: 1px solid #ccc;margin-bottom: 2%;margin-top: 5%;}
.page_tools_dies four p c{    font-size: 0.6em;display: block;margin-bottom: 2%;}
.page_tools_dies four p e{    font-size: 0.5em;display: block;}
.page_tools_dies four p e a{    font-size: 0.9em;display: inline-block;margin-right: 15%;border-bottom: 1px solid #ddd;color: #333;}


.page-market-banner{    display: block;width: 100%;position: relative;    background: #36974D;    padding: 10% 0 5%;overflow: hidden;}
.page-market-banner h1{    text-align: center;width: 50%;margin: 0 auto;} 
.page-market-banner h1 b{display: block;color: #fff;    font-size: 1.2em;font-weight: bold;}
.page-market-banner h1 c{    color: #eee;font-size: 0.8em;display: block;}
.page-market-banner h1 e{    color: #eee;font-size: 0.6em;display: block;}
.page-market-banner h2{    background: #fff;width: 80%;margin:2% auto;    text-align: center;height: 2em;line-height: 1.8em;}
.page-market-banner h2 a{    color: #666;margin:0 1.5%;;display: inline-block;font-size: 0.7em;}


.page-market .ship_machinery{}
.page-market .ship_machinery one{    display: block;width: 100%;position: relative;height: 28em;overflow: hidden;}
.page-market .ship_machinery one h1{    position: absolute;width: 100%;height: 100%;z-index: 2;top: 0;left: 0;}
.page-market .ship_machinery one h1 b{      color: #eee;display: block;text-align: center;width: 60%;margin: 7% auto 1%;font-weight: normal;font-size: 0.9em;}
.page-market .ship_machinery one h1 c{    display: block;width: 70%;margin: 0 auto;text-align: center;    font-weight: normal;    color: #fff;font-size: 0.6em;}
.page-market .ship_machinery one img{    position: absolute;width: 100%;height: 100%;top: 0;left: 0;}

.page-market .ship_machinery two{    display: block;width: 80%;margin: 0 auto;position: relative;height: 20em;overflow: hidden;}
.page-market .ship_machinery two p{    text-align: right;position: relative;float: left;width: 50%;overflow: hidden;display: block; margin: 0;padding: 0;}
.page-market .ship_machinery two p b{    display: block;width: 80%;margin: 16% auto 2%;color: #333;font-size: 1.8em;}
.page-market .ship_machinery two p c{display: block;width: 80%;margin: 0 auto; }
.page-market .ship_machinery two h1{ position: relative;float: left;width: 50%;overflow: hidden;display: block;height: 100%;    margin: 0;padding: 0;}
.page-market .ship_machinery two h1 img{    position: absolute;width: 100%;height: 100%;top: 0;left: 0;}
.page-market .ship_machinery two h1 .icon{    width: auto;height: auto;top: 45%;left: 0;}

.page-market .ship_machinery three{    display: block;width: 80%;margin: 0 auto;position: relative;height: 20em;overflow: hidden;}
.page-market .ship_machinery three p{    text-align: left;position: relative;float: right;width: 50%;overflow: hidden;display: block; margin: 0;padding: 0;}
.page-market .ship_machinery three p b{    display: block;width: 80%;margin: 16% auto 2%;color: #333;font-size: 1.8em;}
.page-market .ship_machinery three p c{display: block;width: 80%;margin: 0 auto; }
.page-market .ship_machinery three h1{ position: relative;float: left;width: 50%;overflow: hidden;display: block;height: 100%;    margin: 0;padding: 0;}
.page-market .ship_machinery three h1 img{    position: absolute;width: 100%;height: 100%;top: 0;left: 0;}
.page-market .ship_machinery three h1 .icon{       width: auto;height: auto;top: 45%;left: inherit;position: absolute;right: 0;}




.page-te{}


.page-te-bm{}

.page-te-bm info{    display: block;overflow: hidden;position: relative;height: 24em;}
.page-te-bm info p{ font-size:2em; position: absolute;width: 100%;height: 100%;top: 0;left: 0;margin: 0;background: rgba(54, 151, 77, 0.6);}
.page-te-bm info p b{    display: block;color: #fff;text-align: center;margin: 5% auto 2%;}
.page-te-bm info p c{    display: block;text-align: center;font-size: 0.7em;width: 70%;margin: 0 auto;color: #eee;}
.page-te-bm info p a{     display: block;width: 20%;border: 1px solid #eee;text-align: center;font-size: 0.5em;border-radius: 1em;margin: 2% auto;color: #eee;line-height: 1.6em;}
.page-te-bm info img{    position: absolute;width: 100%;height: 100%;}

.page-te-bm one{    position: relative;display: block;height: 38em;overflow: hidden;background: #fff;}
.page-te-bm one img{position: absolute;width: 25%;height: 70%;top: 10%;left: 50%;}
.page-te-bm one p{    position: absolute;width: 40%;height: 70%;display: block;overflow: hidden;margin: 0;background: #f2f2f2;left: 15%;top: 20%; font-size:2em; }
.page-te-bm one p b{   display: block;width: 80%;margin:10% auto 3%;font-size: 0.8em;color: #333;}
.page-te-bm one p c{    display: block;width: 80%;margin: 0 auto;font-size: 0.5em;}

.page-te-bm two{    position: relative;display: block;height: 38em;overflow: hidden;background: #f0f0f0;}
.page-te-bm two img{position: absolute;width: 25%;height: 70%;top: 10%;left: 20%;}
.page-te-bm two p{    position: absolute;width: 40%;height: 70%;display: block;overflow: hidden;margin: 0;background: #fff;left: 42%;top: 20%; font-size:2em; }
.page-te-bm two p b{   display: block;width: 80%;margin:10% auto 3%;font-size: 0.8em;color: #333;}
.page-te-bm two p c{    display: block;width: 80%;margin: 0 auto;font-size: 0.5em;}

.page-te-bm three{    display: block;overflow: hidden;position: relative;height: 38em;}
.page-te-bm three img{    position: absolute;width: 100%;height: 100%;top: 0;left: 0;}
.page-te-bm three p{position: absolute;width: 100%;height: 100%;top: 0;left: 0; z-index:2;     margin: 0;font-size: 2em;}
.page-te-bm three p b{    line-height: 2em;display: block;width: 80%;margin: 10% auto 2%;color: #36974D;font-size: 0.8em;border-bottom: 1px solid #ccc;}
.page-te-bm three p c{    display: block;width: 80%;margin: 0 auto;font-size: 0.5em;color: #ddd;}
.page-te-bm three p a{    display: block;font-weight: normal;margin-left: 10%;color: #eee;font-size: 0.45em;border: 1px solid #eee;text-align: center;border-radius: 1em;width: 20%;margin-top: 2%;line-height: 1.8;}


.page-te-bm four{    display: block;overflow: hidden;    position: relative;height: 36em;    padding-bottom: 5%;}
.page-te-bm four h2{    position: absolute;width: 100%;height: 100%;top: 0;left: 0;margin: 0;padding: 0;
                         background-image: linear-gradient(to top,rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 40%, rgb(255, 255, 255) 100%);}
.page-te-bm four #img{    position: absolute;width: 100%;height: 100%;top: 0;left: 0;}
.page-te-bm four h1{    margin: 0 auto;width: 80%;overflow: hidden;    position: relative;z-index: 2;    margin: 5% auto 3%;}
.page-te-bm four h1 b{    display: block;text-align: center;    color: #36974D;margin: 2% 0;}
.page-te-bm four h1 c{    text-align: center;display: block;font-size: 0.7em;}
.page-te-bm four dl{    display: block;overflow: hidden;width: 80%;margin: 0 auto;}
.page-te-bm four dl h1{    display: block;text-align: center;font-size: 1.4em;    margin: 2% auto;}
.page-te-bm four dl div{    display: block;overflow: hidden;}
.page-te-bm four dl div dl{    margin: 0 1% 1% 0;display: block;float: left;overflow: hidden;width: 24.25%;    position: relative;height: 6em;background: #000; color:#fff; }
.page-te-bm four dl div dl:nth-child(4n){ margin-right:0; }
.page-te-bm four dl div dl img{    position: absolute;width: 100%;height: 100%;top: 0;left: 0;}
.page-te-bm four dl div dl p{position: absolute;width: 100%;height: 100%;text-align: center;margin: 0;line-height: 6em;}

.page-te-bm five{    display: block;overflow: hidden;width: 70%;margin: 0 auto;padding: 5% 0;}
.page-te-bm five p{    margin: 0;border-bottom: 1px solid #ddd;margin-bottom: 2%;font-size: 1.6em;color: #333;line-height: 2em;}
.page-te-bm five dl{    float: left;width: 24%;position: relative;height: 10em; margin: 0 1% 1% 0;}
.page-te-bm five dl a{    position: absolute;width: 100%;height: 100%;top: 0;left: 0;z-index: 2;}
.page-te-bm five dl img{ position: absolute;width: 100%;height: 100%;top: 0;left: 0;}
.page-te-bm five dl b{ position: absolute;width: 100%;height: 100%;top: 0;left: 0;line-height: 9em;text-align: center;    background: rgba(0, 0, 0, 0.6);color: #fff;font-size: 1.2em;}




.page-te-wg{}
.page-te-wg one{    background: #eee;display: block;overflow: hidden;padding: 5% 0;    position: relative;height: 20em;}
.page-te-wg one p{    font-size: 2em;background: rgba(0, 0, 0, 0.83);margin: 0;position: absolute;width: 60%;height: 70%;left: 20%;top: 15%;}
.page-te-wg one p b{    font-size: 0.8em;display: block;text-align: center;color: #fff;margin: 10% auto 2%;}
.page-te-wg one p c{    color: #eee;font-size: 0.5em;text-align: left;width: 70%;margin: 0 auto;display: block;}
.page-te-wg one img{    position: absolute;width: 60%;height: 70%;left: 20%;top: 15%;}

.page-te-wg two{    display: block;overflow: hidden;padding: 5% 0;}
.page-te-wg two left{    float: left;width: 25%;margin-left: 10%;display: block;overflow: hidden;    position: relative;height: 26em;background: #eee;}
.page-te-wg two left b{    display: block;width: 80%;margin:25% auto 5%;font-size: 1.4em;color: #333;}
.page-te-wg two left c{display: block;width: 80%;margin: 0 auto;overflow: hidden;}
.page-te-wg two right{    float: left;width: 55%;display: block;overflow: hidden; position: relative;height: 30em; }
.page-te-wg two right img{    position: absolute;width: 100%;height: 100%;top: 0;left: 0;}
.page-te-wg two right b{    position: absolute;width: 40%;overflow: hidden;height: 20%;display: block;bottom: 0;  left: 0;background: #36974D;color: #fff;padding: 5%;font-size: 1.2em;}

.page-te-wg three{    display: block;padding: 5% 0;overflow: hidden;    background: #333;}
.page-te-wg three p{    position: relative; margin: 0;float: left;width: 40%;margin-left: 10%;font-size: 2em;}
.page-te-wg three p b{    overflow: hidden;display: block;color: #36974D;border-bottom: 1px solid #36974D; font-size: 0.8em;width: 100%; line-height: 2em;    margin-bottom: 1em;}
.page-te-wg three p e{      display: block;font-size: 0.5em; color: #ddd; width: 90%;}
.page-te-wg three img{    float: left;width: 26%;    margin-left: 5%;}

.page-te-wg four{    display: block;overflow: hidden;padding: 5% 0;}
.page-te-wg four p{    float: left;margin: 0 0 0 5%;width: 40%;font-size: 2em;}
.page-te-wg four p b{overflow: hidden;display: block;color: #36974D;border-bottom: 1px solid #36974D; font-size: 0.8em;width: 100%; line-height: 2em;    margin-bottom: 1em;}
.page-te-wg four p c{display: block;font-size: 0.5em; color: #333; width: 90%;}
.page-te-wg four img{    float: left;margin-left: 10%;width: 25%;}


.page-te-wg five{    position: relative;height: 30em;display: block;overflow: hidden;}
.page-te-wg five p{ position: absolute;width: 100%;height: 100%;top: 0;left: 0;    margin: 0 auto;font-size: 2em;background: rgba(255, 255, 255, 0.5);}
.page-te-wg five p b{    display: block;text-align: center;color: #000;font-size: 0.8em;margin: 10% auto 2%;}
.page-te-wg five p c{    display: block;width: 50%;margin: 0 auto;text-align: center;font-size: 0.7em;color: #333;}
.page-te-wg five p a{    color: #fff;font-size: 0.5em;display: block;text-align: center;width: 20%;border-radius: 1em;line-height: 1.6;margin: 2% auto;background: #36974D;}
.page-te-wg five img{    position: absolute;width: 100%;height: 100%;top: 0;left: 0;}


.page-te-xn one{display: block;overflow: hidden;padding: 5% 0;    background: #eee;}
.page-te-xn one p{    margin: 0;font-size: 2em;}
.page-te-xn one p b{    display: block;text-align: center;color: #000;font-size: 0.8em;line-height: 2em;}
.page-te-xn one p c{    display: block;width: 50%;margin: 0 auto;font-size: 0.6em;text-align: center;}
.page-te-xn one dl{    display: block;width: 60%;margin: 2% auto 1%;overflow: hidden;}
.page-te-xn one dl dt:nth-child(3n){margin-right:0;}
.page-te-xn one dl dt{float: left;position: relative;height: 12em;width: 32%;    margin-right: 2%;}
.page-te-xn one dl dt img{    width: 100%;position: absolute;height: 90%;}
.page-te-xn one dl dt b{ width: 100%;position: absolute;height: 10%;top:90%; left:0;    color: #000;text-align: center;}

.page-te-xn two{display: block;overflow: hidden;  background: #fff;height: 25em;}
.page-te-xn two left{    padding: 5%;float: left;width: 30%;    height: 100%;display: block;position: relative;}
.page-te-xn two left h1{color: #000;font-size: 1.6em;border-bottom: 1px solid #ccc;}
.page-te-xn two left h2{    font-size: 1.05em;}
.page-te-xn two right{    padding: 5%;float: left;width: 50%;    height: 100%;display: block;position: relative;    background:#C3C3C3;}
.page-te-xn two right #img1{    float: left;width: 50%;      margin-right: 5%;}
.page-te-xn two right #img2{   float: left;width: 40%;  }


.page-te-xn three{    display: block;overflow: hidden;background: #333;padding: 5%;}
.page-te-xn three h1{    font-size: 1em;text-align: center;}
.page-te-xn three h1 b{    display: block;color: #fff;font-size: 1.8em;}
.page-te-xn three h1 c{     display: block;color: #ccc;font-size: 1em;width: 70%;margin: 2% auto;}
.page-te-xn three h2{    text-align: center;}
.page-te-xn three h2 img{width: 30%;margin: 2%;}



.page-te-xn four{display: block;overflow: hidden;  background: #fff;height: 25em;}
.page-te-xn four left{    padding: 5%;float: right;width: 30%;    height: 100%;display: block;position: relative;}
.page-te-xn four left h1{color: #000;font-size: 1.6em;border-bottom: 1px solid #ccc;}
.page-te-xn four left h2{    font-size: 1.05em;}
.page-te-xn four right{    padding: 5%;float: left;width: 50%;    height: 100%;display: block;position: relative;    background:#C3C3C3;}
.page-te-xn four right #img1{    float: left;width: 40%;      margin-right: 5%;}
.page-te-xn four right #img2{   float: left;width: 50%;  }

.page-te-green{display: block;overflow: hidden;}

.page-te-green one{    display: block;overflow: hidden;position: relative;height: 30em;}
.page-te-green one dl{     position: absolute;width: 50%;height: 50%;top: 25%;left: 5%;z-index: 2;margin: 0;padding: 0;}
.page-te-green one dl b{    display: block;color: #fff;font-size: 2em;border-bottom: 1px solid #333;width: 50%;}
.page-te-green one dl c{    display: block;width: 50%;color: #eee;margin: 2% 0;font-size: 1em;}
.page-te-green one dl e{    display: block;width: 50%;color: #bbb;font-size: 0.9em;}
.page-te-green one img{    position: absolute;width: 100%;height: 100%;top: 0;left: 0;}


.page-te-green two{    display: block;overflow: hidden;padding: 5% 0;}
.page-te-green two h1{    margin: 0;padding: 0;text-align: center;color: #000;font-size: 2em;}
.page-te-green two h2{    line-height: 2em;text-align: center;font-size: 1.3em;color: #000;padding: 0;margin: 0;}
.page-te-green two h3{text-align: center;margin: 0;padding: 0;color: #333;font-size: 1em;}
.page-te-green two img{    width: 25%;margin: 1% auto;text-align: center;display: block;}


.page-te-green three{    display: block;overflow: hidden;position: relative;height: 30em;background: #eee;}
.page-te-green three dl{    z-index: 2;margin: 0;padding:5%;display: block;position: absolute;width: 30%;height: 50%;background: #fff;top: 13%;left: 40%;}
.page-te-green three dl b{    display: block;color: #000;font-size: 2em;  line-height: 2em;}
.page-te-green three dl c{    font-size: 1.2em;display: block;}
.page-te-green three img{    position: absolute;width: 30%;height: 80%;top: 5%;left: 20%;}


.page-zy{}

.page-zy-te{}

.page-zy-te one{    background: #417D77;display: block;overflow: hidden;padding: 5% 0;}
.page-zy-te one b{  display: block;text-align: center;color: #fff;font-size: 2em;}
.page-zy-te one c{    display: block;text-align: center;color: #eee;font-size: 1.2em;line-height: 2em;}
.page-zy-te one img{    display: block;text-align: center;margin: 0 auto;width: 45%;}


.page-zy-te two{display: block;overflow: hidden;padding: 5% 0;    background: #fcfcfc;}
.page-zy-te two dl{    display: block;overflow: hidden;margin: 0 auto;padding: 0;    width: 70%;}
.page-zy-te two dl b{    display: block;color: #000;font-size: 2em;border-bottom: 1px solid #ccc;line-height: 2;margin-bottom: 2%;}
.page-zy-te two dl c{    font-size: 1.1em;display: block;overflow: hidden;}
.page-zy-te two p{    width: 70%;margin: 2% auto 0;text-align: left;}
.page-zy-te two p img{    width: 30%;margin-right: 5%;}

.page-zy-te three{overflow: hidden;display: block;margin: 0;padding: 5% 0;background: #eee;}
.page-zy-te three h1{    margin: 0;padding: 0;float: left;width: 35%;font-size: 1.3em;color: #000;margin-left: 15%;    margin-top: 5%;text-align: center;}
.page-zy-te three h2{    margin: 0;padding: 0;float: left;width: 40%;text-align: center;}
.page-zy-te three h2 b,.page-zy-te four h2 b{    display: inline-block;width: 9em;height: 9em;overflow: hidden;border-radius: 50%;margin: 0 5% 0 0;}
.page-zy-te three h2 b img,.page-zy-te four h2 b img{ width:100%; height:100%; }

.page-zy-te four{overflow: hidden;display: block;margin: 0;padding: 5% 0;}
.page-zy-te four h1{margin: 0;padding: 0;float: left;width: 35%;font-size: 1.3em;color: #000;     margin-top: 5%;text-align: center;}
.page-zy-te four h2{margin: 0;padding: 0;float: left;width: 50%;    text-align: right;}



.page-zy-data{}

.page-zy-data one{display: block;overflow: hidden;padding: 5% 0;}
.page-zy-data one img{float: left;width: 20%;margin-left: 25%;}
.page-zy-data one p{    float: left;width: 30%;font-size: 1.4em;color: #333;margin-top: 5%;}

.page-zy-data two{    display: block;overflow: hidden;padding: 5% 0;background: #eee;}
.page-zy-data two p{width: 60%;margin: 0 auto 2%;}
.page-zy-data two p b{    line-height: 2em;display: block;color: #000;font-size: 1.8em;border-bottom: 1px solid #ccc;margin-bottom: 2%;}
.page-zy-data two p c{}
.page-zy-data two dl{    display: block;margin: 0;padding: 0;text-align: center;}
.page-zy-data two dl img{    width: 20%;margin: 1%;}

.page-zy-data three{    display: block;overflow: hidden;padding: 5% 0;}
.page-zy-data three dl{    display: block;margin: 0 0 0 25%;float: left;width: 25%;}
.page-zy-data three dl b{    line-height: 2;display: block;color: #333;font-size: 1.8em;border-bottom: 1px solid #ccc;margin-bottom: 5%;}
.page-zy-data three dl c{    display: block;font-size: 1.2em;}
.page-zy-data three img{float: left;width: 40%;}




.page-zy-video{}
.page-zy-video one{    background: #333;display: block;overflow: hidden;padding: 5% 0;}
.page-zy-video h1{    text-align: center;margin: 0;}
.page-zy-video h1 b{    display: block;color: #fff;font-size: 1.1em;}
.page-zy-video h1 c{    display: block;height: 1px;background: #eee;width: 5%;margin: 1% auto;}
.page-zy-video h1 e{  font-size: 0.5em;display: block;color: #999;}
.page-zy-video h2{    width: 60%;margin: 0 auto;overflow: hidden;}
.page-zy-video h2 dl{    display: block;text-align: left;}
.page-zy-video h2 dl b{    color: #ddd;font-size: 0.6em;border-left: 1px solid #777;border-bottom: 1px solid #777;padding: 0.5% 4%;margin-right: 5%;}
.page-zy-video h2 g{    display: block;overflow: hidden;text-align: left;}
.page-zy-video h2 g img{margin:0 4% 0 0;}

.page-zy-video two{    display: block;overflow: hidden;padding: 5% 0;}
.page-zy-video two p{    width: 60%;display: block;overflow: hidden;margin: 0 auto;}
.page-zy-video two p b{    display: block;color: #000;font-size: 1.4em;line-height: 2em;border-bottom: 1px solid #ccc;margin-bottom: 2%;}
.page-zy-video two p c{}
.page-zy-video two g{    display: block;margin: 3% auto;overflow: hidden;width: 60%;}
.page-zy-video two g img{    width: 30.6%;display: block;float: left;margin-right: 4%;}
.page-zy-video two g img:last-child{ margin:0;}

.page-zy-video three{display: block;overflow: hidden;padding: 5% 0;background: #899E5C;}
.page-zy-video three p{    width: 60%;margin: 0 auto;color: #fff;font-size: 1.4em;border-bottom: 1px solid #ddd;line-height: 2em;}
.page-zy-video three dl{    display: block;width: 60%;margin: 0 auto;overflow: hidden;}
.page-zy-video three dl g video{ float:left;width: 60%;}
.page-zy-video three dl g{    display: block;overflow: hidden;margin: 3% 0;}
.page-zy-video three dl g b{    float: right;    width: 30%;padding: 5%;}
.page-zy-video three dl g c{        margin-bottom: 5%;display: block;color: #eee;font-size: 1em;line-height: 2em;border: 1px solid #ddd;border-radius: 1em;padding-left: 1em;}
.page-zy-video three dl g j{    display: block;color: #ccc;line-height: 1.6em;}