body{font-family:"Microsoft Yahei";font-size:14px;color:#444; padding:0; margin:0;}
input , textarea , select{font-family:"Microsoft Yahei"; color:#444; font-size:14px;}
a{ color:#444;}
a:hover{ color: #299969;}
/*头部*/
.header{ width:100%; box-shadow:0 2px 5px #ddd; position:relative; z-index:9999;background-image: linear-gradient(#039947, #1e7d4a);;}
.head{ width:1400px; margin:0 auto; position:relative; z-index:9999;}
.head .logo{ width:398px; height:61px;line-height: 61px; float:left; margin:20px 0; position:relative;}
.head .logo img{ width:100%; height:auto; vertical-align:top;}
.head .nav_m{width:100%; float:right; text-align:right;}
.head .nav_m .nav{ width:100%; text-align: center;}
.head .nav li{ display:inline-block; *display:inline; zoom:1; vertical-align:top; margin-left:15px;}
.head .nav li a{display:inline-block; *display:inline; zoom:1; height:47px; line-height:47px; vertical-align:top;color: #FFFFFF;  font-size:16px; padding:0 32px;}
.head .nav li.now a,.head .nav li a:hover{color:#fff; background: #1b6445; }
.nav_m .n_icon{ display:inline-block; *display:inline; zoom:1; height:18px; line-height:18px; color:#222; padding-left:28px; background:url(../images/nav_ico.png) no-repeat left center; position:absolute; right:0; top:-15px; z-index:9999; cursor:pointer;display:none;}
/*幻灯片*/
.owl-carousel .owl-wrapper:after {content: ".";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;}
/* display none until init */
.owl-carousel{display: none;position: relative;width: 100%;-ms-touch-action: pan-y;}
.owl-carousel .owl-wrapper{display: none;position: relative;-webkit-transform: translate3d(0px, 0px, 0px);}
.owl-carousel .owl-wrapper-outer{overflow: hidden;position: relative;width: 100%;}
.owl-carousel .owl-wrapper-outer.autoHeight{-webkit-transition: height 500ms ease-in-out;-moz-transition: height 500ms ease-in-out;-ms-transition: height 500ms ease-in-out;-o-transition: height 500ms ease-in-out;transition: height 500ms ease-in-out;}
.owl-carousel .owl-item{float: left;}
.owl-controls .owl-page,.owl-controls .owl-buttons div{cursor: pointer;}
.owl-controls {-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
/* mouse grab icon */
.grabbing {cursor:url(grabbing.png) 8 8, move;}
/* fix */
.owl-carousel  .owl-wrapper,.owl-carousel  .owl-item{-webkit-backface-visibility: hidden;-moz-backface-visibility:    hidden;-ms-backface-visibility:     hidden;-webkit-transform: translate3d(0,0,0); -moz-transform: translate3d(0,0,0); -ms-transform: translate3d(0,0,0);}
#owl-demo { position: relative; width: 100%; margin-left: auto; margin-right: auto;}
#owl-demo .item{ position: relative; display: block;}
#owl-demo img { display: block; width: 100%;}
#owl-demo b { position: absolute; left: 0; bottom: 0; width: 100%; height: 78px; background-color: #000; opacity: .5; filter: alpha(opacity=50);}
#owl-demo span { position: absolute; left: 0; bottom: 37px; width: 100%; font: 18px/32px "微软雅黑","黑体"; color: #fff; text-align: center;}
.owl-pagination { position: absolute; left: 0; bottom: 10px; width: 100%; height: 22px; text-align: center;}
.owl-page { display: inline-block; width:25px; height:10px; margin: 0 3px; background:#666; *display: inline; *zoom: 1; border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px;}
.owl-pagination .active { width:50px; background: #299969;}
.owl-buttons { display: none;}
.owl-buttons div { position: absolute; top: 50%; width: 24px; height: 48px; margin-top: -40px; text-indent: -9999px;}
/*幻灯片*/
.bg_a{ width:100%;}
.wrap{ width:1224px; margin:0 auto; padding-bottom:30px;}
.i_name{ width:100%; text-align:center; padding: 50px 0px 19px 0px;}
.i_name p{ width:100%; height:20px; line-height:53px; font-size:16px; color:#999999;}
.i_name em{ display:block; width:100%; height:30px; line-height:30px; font-size:28px; color:#656565;}
.i_name img{  vertical-align:top;}
.i_service{ width:100%;}
.xinwen-js{text-align: center;margin-bottom: 26px;color: #127a44;font-size: 16px;}
.fenlei{
    height: 100px;
    width: 100%;
    background-image: url("../images/prottbg.jpg");
    background-size: 100% 100% ;
}
.dianhua_bj{
    height: 100px;
    width: 100%;
    background-image: url("../images/dianhua_bj1.png");
    background-size: 100% 100% ;
}
.fenlei-yw{
    font-size: 21px;
    color: #ffffff;
    text-align: center;
}
.fenlei-bt{
    height: 58px;
    line-height: 70px;
    font-size: 22px;
    color: #ffffff;
    text-align: center;
}
.chanp-fl{
    height: 60px;
    margin-top: 25px;
    width: 256px;
    font-size: 19px;
    line-height: 60px;
    text-align: center;
    background: url(../images/trian1.png) no-repeat 30px #ffffff;
}
.cp-fl{
    display: flex;
    justify-content: center;
}
.anli-beijing{
    background-image: url("../images/casebg.png");
    height: 443px;
    background-size: 103% 101%;
}

.i_service li{ width:306px; background:#FFF; float:left; margin-bottom:12px; text-align:center; text-align:center; padding:15px 8px;}
.i_service li:hover{ box-shadow:0 2px 5px #999;}
.i_service li a{ display:block; width:100%; height:100%;}
.i_service li .tu{ width:100%; height:150px; text-align:center; line-height:150px; overflow:hidden;}
.i_service li .tu img{ width:275px; height:130px; vertical-align:middle;}
.i_service li:hover .tu img{ transform:scale(1.1); -moz-transform:scale(1.1); -webkit-transform:scale(1.1); transition:all ease-in-out .4s;}
.i_service li .title{ width:100%; height:60px; text-align:center; line-height:60px; font-size:28px; color:#666;}
.i_service li a:hover .title{ color:#5AB531;}
.i_service li .ctn{ width:100%; text-align:left; font-size:14px; color:#666; height:120px; overflow:hidden; margin-top:7px; line-height:175%;}
.works{ width:100%;}
.works .more{ display:block; width:100%; padding-top:45px; text-align:center;}
.works .more a{ display:inline-block; *display:inline; zoom:1; width:auto; height:60px; line-height:60px; background:#A4A4A4; padding:0 20px; vertical-align:top;}
.works .more a span{ display:inline-block; *display:inline; zoom:1; height:60px; line-height:60px; padding-left:55px; background:url(../images/icon4.png) no-repeat left center; font-size:18px; color:#FFF; background-size:45px auto;}
.works dl{ width:100%;}
.works dl dt{ width:600px; height:526px; float:left; position:relative; overflow:hidden;}
.works dl dt img{ width:600px; height:526px; vertical-align:top;}
.works dl dd{ width:600px; height:526px; float:right; overflow:hidden;}
.works dl dt .des,.works dl dd ul li .des{ width:100%; height:526px; background:url(../images/bg_2.png) repeat; position:absolute; left:0; top:0; z-index:9; padding:30px 40px; color:#FFF; opacity:0;filter: alpha(opacity=0);}
.works dl dt:hover .des,.works dl dd ul li:hover .des{opacity:1;filter: alpha(opacity=100); transition:all ease-in-out .4s;}
.works dl dd ul{ width:100%;}
.works dl dd ul li{ width:300px; height:263px; float:left; position:relative; overflow:hidden;}
.works dl dd ul li img{ width:300px; height:263px; vertical-align:top;}
.works dl dd ul li .des{ height:263px; padding:10px 20px;}
.works dl dt .des .title{ width:100%; height:50px; line-height:50px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; font-size:28px;}
.works dl dt .des .title a{ color:#FFF;}
.works dl dt .des .ctn{ width:100%; margin:10px 0 25px; overflow:hidden; font-size:14px; overflow:hidden; line-height:185%; max-height:245px;}
.works dl dt .des .d_more{ display:block; width:150px; height:45px; background:#5AB431; color:#FFF; font-size:18px; text-align:center; line-height:45px;}
.works dl dd ul li .des .title{ width:100%; height:40px; line-height:40px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; font-size:22px;}
.works dl dd ul li .des .title a{ color:#FFF;}
.works dl dd ul li .des .ctn{ width:100%; margin:10px 0 25px; overflow:hidden; font-size:14px; overflow:hidden; line-height:185%; max-height:105px;}
.works dl dd ul li .des .d_more{ display:block; width:130px; height:35px; background:#5AB431; color:#FFF; font-size:16px; text-align:center; line-height:35px;}
.i_about{ width:100%;}
.i_about dt{ width:410px; float:left;margin: 41px 10px 10px 24px;}
.i_about dt img{ width:100%; height:auto; vertical-align:top;}
.i_about dd{ width:760px; float:right; text-align:left;}
.i_about dd h6{ width:100%; height:50px; line-height:40px; font-size:36px; color: #127a44;}
.i_about dd .tip{ width:100%; padding: 10px 29px 15px 4px; text-align:left; font-size:18px; color: #666; line-height:165%;}
.i_about dd p{ width:100%; font-size:14px; color: #000000; line-height:200%; margin-bottom:10px;padding: 10px 29px 15px 4px;}
.i_about dd span{ display:inline-block; *display:inline; zoom:1; width:auto; padding:0 12px; color:#FFF; background:#5AB531; height:30px; line-height:30px; border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px;}
.i_news{ width:100%;}
.tabBox_t , .tabBox  {width:100%;text-align:left;}
.tabBox .tabNav {overflow: hidden; width:100%; text-align:center;}
.tabBox .tabNav li { display:inline-block; *display:inline; zoom:1; text-align:center; cursor:pointer; width:140px; height:38px; text-align:center; line-height:38px; color:#FFF; margin:31px 8px; vertical-align:top; font-size:16px; background:#3F3F3F; }
.tabBox .tabNav li.now { background: #299969;}
.tabBox .tabNav li.now:hover{
    background: #1a7a51;
}
.tabBox .tabCont { display:none; width:100%;}
.i_news_m{ width:100%;margin-top: 23px;}
.i_news_m li{ width:32%; float:left;margin: 8px;height: 319px;border: 1px solid #f0f0f0;}
.i_news_m li .title,.news li .title{ width:100%; height:40px; line-height:40px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; font-size:16px; border-bottom:1px solid #eee;}
.i_news_m li .des,.news li .des{ width:100%; height:40px; font-size:14px; color:#666; line-height:40px;background-color: #ddd; overflow:hidden;text-align: center}
.i_news_m li .more,.news li .more{ display:block; width:80px; height:30px; line-height:28px; text-align:center; border:1px solid #555; color:#444; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px;}
.i_customer{ width:100%;}
.i_customer li{ width:236px; height:113px; float:left; margin-right:5px; margin-bottom:5px;}
.i_customer li img{ width:236px; height:113px; vertical-align:top;-webkit-filter: grayscale(100%);   -moz-filter: grayscale(100%);-ms-filter: grayscale(100%);   -o-filter: grayscale(100%);filter: grayscale(100%);filter: gray;transition: 0.5s;-moz-transition: 0.5s;-webkit-transition:0.5s;-o-transition: 0.5s;}
.i_customer li:hover img{-webkit-filter: grayscale(0);-moz-filter: grayscale(0);-ms-filter: grayscale(0);-o-filter: grayscale(0);filter: grayscale(0);}
.bg_b{ width:100%; background: #299969;}
.f_zx{ padding:25px 0; position:relative;}
.f_zx p{ width:815px; font-size:18px; color:#FFF; line-height:175%;}
.f_zx a{ display:block; width:210px; height:60px; background:#FFF; position:absolute; right:0; top:27px; color: #299969; font-size:24px; text-align:center; line-height:60px;}
.bg_c{ width:100%; background:url(../images/wei.png) no-repeat; background-size:100% 100%;}
.foot{ width:100%; color:#FFF;}
.foot li{ width:37.33%; float:left; position:relative; padding-right:30px;}
.foot li .f_logo img{ width:246px; height:61px; vertical-align:top;}
.foot li .f_logo{ padding-bottom:25px; display:block;}
.foot li p{ width:100%; line-height:155%; padding:5px 0;}
.foot li.f_a,.foot li.f_b{ padding-top:86px;}
.foot li b{ display:block; width:100%; height:35px; line-height:35px; font-size:21px;}
.foot li.f_a p{ width:100%; padding-left:25px;font-size: 14px;}
.foot li.f_a .f_a1{ background:url(../images/dizhi2.png) no-repeat left 8px;background-size: 5% 56%;}
.foot li.f_a .f_a2{ background:url(../images/guhua.png) no-repeat left 8px;background-size: 5% 56%;}
.foot li.f_a .f_a3{ background:url(../images/dianhau2.png) no-repeat left 8px;background-size: 5% 56%;}
.foot li.f_b .f_bm{ width:100%; padding-right:40%;}
.foot li.f_b span{ display:inline-block; *display:inline; zoom:1; height:28px; line-height:28px; width:45%; vertical-align:top; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.foot li.f_b span a{ color:#FFF;}
.foot li.f_b .code{ width:51%; position:absolute; right:0; top:85px; text-align:center;}
.foot li.f_b .code img{ width:80%; height:auto; vertical-align:top;}
.foot li.f_b .code p{ width:100%; height:30px; line-height:30px; font-size:12px; text-align:center;}
.banners ,.banners img{ width:100%; height:auto; vertical-align:top;}
.bg_a{ position:relative;}
.top_a{ width:100%; height:30px; background:url(../images/bg_4.png) no-repeat; background-position:top center; background-size:1920px 30px; position:absolute; left:0; top:-30px; z-index:999;}
.s_top{ padding-bottom:25px; text-align:center;}
.s_top em{ display:inline-block; *display:inline; zoom:1; width:auto; height:40px; line-height:35px; border:1px solid #aaa; padding:0 20px; font-size:24px; font-weight:500; vertical-align:top; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;}
.s_top .pst{ width:100%; text-align:center; padding-top:8px;}
.service{ width:100%; text-align:center; padding-top:50px;}
.service h6{ width:100%; text-align:center; font-size:20px; font-weight:normal; color:#666; padding:10px 0;}
.service .ctn{ width:100%; text-align:center; margin-bottom:30px; color:#666; line-height:175%;}
.service ul{ width:100%; text-align:center; margin-bottom:15px;}
.service ul li{ width:380px; height:195px; display:inline-block; *display:inline; zoom:1; vertical-align:top; margin:10px 2px;}
.service ul li img{ width:380px; height:195px; vertical-align:top;}
.s_ctn{ width:100%; text-align:center; color:#666; line-height:175%; overflow:hidden;}
.s_ctn img{ max-width:100%; height:auto; vertical-align:top;}
.about{ padding-top:50px;}
.about .tabBox .tabNav li{ height:30px; line-height:28px; width:auto; padding:0 20px; border:1px solid #ddd; background:#F6F6F6; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; color:#333;}
.about .tabBox .tabNav{ margin-bottom:40px;}
.about .tabBox .tabNav li.now{ color:#FFF; background: #299969;}
.contact{ width:100%; text-align:center;}
.contact .s_ctn b{ font-size:24px; font-weight:normal;}
.s_ctn .line{ width:100%; height:3px; background:#eee; margin-top:40px;}
.map{ width:100%; padding-top:20px;}
.map img{ width:100%;}
.book{ width:860px; margin:0 auto;}
.book li{ width:50%; float:left; position:relative; margin-bottom:30px; padding:0 50px 0 100px;}
.book li span{ display:block; width:100px; height:35px; line-height:35px; font-size:16px; position:absolute; left:0; top:0;}
.book li input{ width:100%; height:35px; line-height:35px; border:1px solid #ddd; padding:0 10px;}
.book li i{ display:block; font-style:normal; color:#F00; position:absolute; right:40px; top:0; height:35px; line-height:35px;}
.book li.chang{ width:100%; clear:both;}
.book li.chang p{ width:100%; font-size:12px; color:#888; padding:10px 0; line-height:165%;}
.book li.chang textarea{ width:100%; height:90px; border:1px solid #ddd; padding:10px; line-height:165%;}
.book li.btn{ padding:0; text-align:center;}
.book li.btn input{ display:inline-block; *display:inline; zoom:1; width:190px; height:45px; margin:30px auto; background:#5AB531; color:#FFF; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; font-size:16px; cursor:pointer;}
.customer{ width:100%; padding-top:50px; line-height:175%; text-align:center;}
.customer ul{ width:100%; padding-top:40px;}
.customer ul li{ width:398px; float:left; margin-right:3px;}
.customer ul li .tu{ width:100%; height:115px; text-align:center; line-height:115px; border:1px solid #eee;}
.customer ul li .tu img{ width:236px; height:113px; vertical-align:top;-webkit-filter: grayscale(100%);   -moz-filter: grayscale(100%);-ms-filter: grayscale(100%);   -o-filter: grayscale(100%);filter: grayscale(100%);filter: gray;transition: 0.5s;-moz-transition: 0.5s;-webkit-transition:0.5s;-o-transition: 0.5s;}
.customer ul li:hover .tu img{-webkit-filter: grayscale(0);-moz-filter: grayscale(0);-ms-filter: grayscale(0);-o-filter: grayscale(0);filter: grayscale(0);}
.customer ul li .name{ width:100%; height:31px; text-align:center; line-height:31px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; color:#FFF; background:#585858; padding:0 8px;}
.customer ul li:hover .name{ background:#5CB130;}
.news{ width:100%;}
.news li{ width:380px; float:left; margin-right:30px; margin-bottom:30px;}
.news li .tu{ width:100%;}
.news li .tu img{ width:100%; height:115px; vertical-align:top;}
.pages{ width:100%; text-align:center; padding-top:15px;}
.pages a,.pages span{ display:inline-block; *display:inline; zoom:1; margin:3px; vertical-align:top; padding:0 10px; height:30px; line-height:30px;}
.pages a{ border:1px solid #ddd;}
.pages a.on,.pages a:hover{ color:#FFF; background:#666;}
.s_works{ width:100%; padding-top:50px;}
.s_works ul{ width:100%;}
.s_works ul li{ width:400px; height:340px; float:left; position:relative;}
.s_works ul li img{ width:400px; height:340px; vertical-align:top;}
.s_works ul li .des{ width:100%; height:70px; text-align:center; position:absolute; left:0; top:270px; background:#FFF; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; line-height:45px; font-size:22px;}
.s_works ul li .des p{ width:100%; height:20px; line-height:20px; text-align:center; font-size:14px; color:#888; margin-top:-5px;}
.s_works ul li:hover .des p,.s_works ul li:hover .des{ color:#FFF;}
.s_works ul li:hover .des{background:#5CB130; transition:all ease-in-out .4s;}
.s_works ul li.w_top .des{ top:0;}


.heng{
    background-image: url("../images/o621.png");
    position: relative;
    width: 100%;
    height: 233px;
    background-size: 100% 100%;
}
.heng-bj{
}
.heng-bt{
    height: 60px;
    width: 100%;
    display: flex;
    justify-content: center;
}
.zhiliang{
    font-size: 30px;
    color: aliceblue;
    font-weight: bold;
    line-height: 60px;
    padding: 14px;
}
.heng-bt h3{
    font-size: 30px;
    color: aliceblue;
}
.heng-yw{
    height: 30%;
    line-height: 52px;
    text-align: center;
    color: #dda300;
    font-size: 28px;
}
.heng-xt{
    height: 30%;
    width: 100%;
    display: flex;
    justify-content: center;
}
.heng-kuai{
    line-height: 43px;
    margin-bottom: 10px;
    border-color: #d0a335;
    color: #039947;
    font-size: 21px;
    background-color: #f6f6f6;
    padding: 2px 30px 2px 30px;
    border-radius: 43px;
}
.heng-xx{
    line-height: 43px;
    color: #ffffff;
    font-size: 21px;
}

.youshi-bj{
    background: url("../images/youshi3.jpg");
    height: 1149px;
    width: 100%;
    background-size: 100% 100%;
}
.youshi{
    width: 100%;
    height: 1149px;
    background-color: #f6f6f6a1;
}
.youshi-bt{
    display: flex;
    justify-content: center;
}
.youshi1{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    width: 1224px;
}
.youshitu{
    width: 45%;
}
.youshiwenzhi{
    width: 40%;
    margin-top: 64px;
}
.youshiwz{
    background-color: #378b44;
    margin-left: 38px;
    width: 500px;
    font-size: 40px;
    height: 50px;
    line-height: 50px;
    border-radius: 15px;
    color: aliceblue;
}
.youshiwenzhi li{
    position: relative;
    padding-left: 80px;
    margin-bottom: 24px;
}
.youshi_advindex{
    color: #ffffff;
    font-size: 30px;
    font-family: 'Impact';
    background: url(../images/lingxing.png) no-repeat center;
    background-size: 100% 110%;
    width: 67px;
    height: 55px;
    line-height: 55px;
    position: absolute;
    left: 0;
    top: 0;
    padding-left: 18px;
}
.youshiwenzhi h3{
    color: #009140;
    font-size: 24px;
    font-weight: normal;
    background: url(../images/advline5.png) no-repeat left bottom;
    padding-bottom: 10px;
    margin-bottom: 10px;
}
.youshiwenzhi span{
    color: #fea800;
    font-size: 20px;
}
.youshiwenzhi_advcont{
    color: #000000;
    font-size: 15px;
}
.anli:hover .anli-shubiao{
    display: block;
    background-color: aqua;
    width: 379.5px;
    margin-left:197px;
    margin-top:23.6px;
    height: 300px;
    position: absolute;
    top: 8px;
    left: 9px;
    opacity: 0.5;
}
.page{width: 100%;display: flex;flex-wrap:wrap;justify-content: center;}

.page_lanmu{width: 100%;display: flex;justify-content: center;flex-direction: column;margin: 62px 0px 0px -10px;}

.page_lanmu1{background-color: #5ab431;height: 60px;text-align: center;color: #FFFFFF;line-height: 60px;font-size: 25px;}

.page_lanmu2{background-color: #aaa;height: 50px;text-align: center;color: #FFFFFF;line-height: 50px;font-size: 22px;border-bottom-style: groove;}

.page_lanmu1 a{color: #FFFFFF}

.page_lanmu1 a::after{
    content:"- ";
    color:red;
    font-weight:bold;
}
.i_name h3{
    background: url(../images/title.png) no-repeat center;
    font-size: 28px;
    font-weight: normal;
    display: block;
    line-height: 30px;
}
.i_name h3 b{
    display: inline-block;
    font-weight: normal;
    color: #127a44;
}
.jizhi{
    width: 100%;display: flex;flex-wrap: wrap;justify-content: center;
}
.jizhi_nr{width: 21.5%;margin: 20px;}

.jizhi_tu{text-align: center;height: 360px;}

.jizhi_tu img{height: 360px;width: 100%}

.jizhi_bt{background-color: #127a44;text-align: center;font-size: 22px;height: 50px;line-height: 50px;color: #FFFFFF}

/*案例展示*/


h4 {
    text-align: left;
}

hr {
    width: 100%;
    color: #987cb9;
    SIZE: 1px
}

header {
    text-align: center;
    background-color: #00b4ff;
}

footer {
    text-align: center;
    background-color: #00b4ff;
}

* {
    margin: 0;
    padding: 0;
}

#wrap {
    width: 1224px;
    height: 340px;
    position: relative;
    overflow: hidden;
}

#list {
    position: absolute;
    -webkit-animation: 10s move infinite linear;
    width: 200%;
    padding: 20px;
}

#list li {
    list-style: none;
    float: left;
}

@-webkit-keyframes move {
    0% {
        left: 0;
    }
    100% {
        left: -500px;
    }
}

@keyframes move {
    0% {
        left: 0;
    }
    100% {
        left: -500px;
    }
}

#wrap:hover #list {
    -webkit-animation-play-state: paused; /*动画暂停播放*/
}
.anli-bt{
    height: 73px;
    line-height: 50px;
    background-image: url("../images/casett.png");
}
.anli-bt h3{
    font-size: 30px;
    height: 54px;
    background-color: white;
}
.anli-bt span{
    color: #fdcb2e;
    font-size: 26px;
}
.anli-bt a{
    font-size: 16px;
    float: right;
    color: #f6f6f6;
    line-height: 34px;
    background-color: #137a44;
    padding: 10px;
    font-weight: 400;
    margin: 3px 0px 3px 0px;
}
.anli-bt a:hover{
    background-color: #11693a;
    color: #eaa85c;
}

/*产品特点图*/
.tedian{
    height: 500px;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
}
.td-zuo{
    height: 100%;
    width: 50%;
    background-image: url(../images/bg1.jpg);
}
.td-you{
    height: 100%;
    width: 50%;
    background-color: #f5f5f5;
}
.td-you-bt{
    height: 67px;
    color: #12a030;
    font-size: 30px;
    font-weight: 900;
    line-height: 67px;
    text-indent: 65px;
}
.td-you-yw{
    font-size: 23px;
    color: #aaa;
    text-indent: 65px;
    margin-top: -5px;
}


/*首页--留言面板*/
input, textarea {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    background-color:#fff;
    border:1px solid #ccc;
    font-size:20px;
    width:300px;
    min-height:30px;
    display:block;
    margin-bottom:16px;
    margin-top:8px;

    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    border-radius:5px;

    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

textarea {min-height:0px;}
input:focus, textarea:focus {
    -webkit-box-shadow:0 0 25px #ccc;
    -moz-box-shadow:0 0 25px #ccc;
    box-shadow:0 0 25px #ccc;
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    transform: scale(1.05);
}
input:not(:focus), textarea:not(:focus) {opacity:0.5;}
input:required, textarea:required {background:url("../images/asterisk_orange.png") no-repeat 280px 7px;}
input:valid, textarea:valid {background:url("../images/tick.png") no-repeat 280px 5px;}
input:focus:invalid, textarea:focus:invalid {background:url("../images/cancel.png") no-repeat 280px 7px;}
input[type=submit] {padding:10px;background:none;opacity:1.0;}
.lydt{
    background-image: url("../images/bg2.jpg");
}



/*趋势上升板块*/
.qvshi-bj{
    background-image: url("../images/qvshi3.png");
    height: 550px;
    width: 100%;
}
.kuandu{
    width: 1200px;
}
/*公共样式*/
.biaoti{
    text-align: center;
    color: #009140;
    font-size: 26px;
    margin: 40px 0px 40px 0px;
}
.biaoti h3{
    background: url(../images/ttline.png) no-repeat center;
    font-size: 26px;
    line-height: 50px;
    margin-bottom: 6px;
}
.biaoti span{
    font-family: 'Arial';
}

/*关于我们背景*/
.guanyv_bj{
    background-image: url("../images/abbg.png");
    display: flex;
    flex-wrap: wrap;
    width: 1224px;
    height: 474px;
    background-size: 100% 100%;
}
.guanyv_gd{
    text-align: center;
    margin-top: 35px;
}
.guanyv_gd a{
    padding: 20px;
    border: 1px solid #959595;
}
.guanyv_gd a:hover{
    border: 1px solid #009140;
    color: #009140;
}

/*产品展示*/
.chanpin_zhanshi{ width:1224px; margin:0 auto; position:relative; overflow:hidden; _height:100%;height: 220px}
.picbox{ width:1224px; height:220px; overflow:hidden; position:relative;}
.piclist{ height:115px;position:absolute; left:0px; top:0px}
.piclist li{ background:#eee; margin-right:20px; padding:5px; float:left;}
.swaplist{ position:absolute; left:-3000px; top:0px}
.og_prev,.og_next{ width:30px; height:50px; background:url(../images/icon.png) no-repeat; background:url(../images/icon_ie6.png) no-repeat\9; position:absolute; top:33px; z-index:99; cursor:pointer;filter:alpha(opacity=70); opacity:0.7;}
.og_prev{ background-position:0 -60px; left:4px;}
.og_next{ background-position:0 0; right:4px;}
/*.piclist li img{*/
/*    height: 220px;*/
/*}*/

/*新闻动态*/
.newsinfo{
    text-align: center;
    margin-top: 12px;
}
.newsinfo ul{
    list-style-type: none;
}
.newsinfo li{
    display: inline-block;
    color: #000000;
    font-size: 15px;
    padding-bottom: 8px;
    width: 88px;
}