@charset "utf-8";
* {
    margin: 0;
    padding: 0;
    border: 0;
}

h1,
h2,
h3,
h4,
h5,
h6,
form,
input,
select,
button,
textarea,
iframe,
table,
th,
td,
ul,
ol {
    margin: 0;
    padding: 0;
}

body {
    width: 100%;
    background: #FFF;
    font-size: 15px;
    font-family: 'Microsoft Yahei', 宋体, Helvetica, Arial, sans-serif;
}

a:link, a:visited{
    text-decoration: none;
    color: #000;
}

ol,
ul,li{
    list-style-type: none;
}

body > div {
    min-width: 1366px;
    max-width: 1920px;
    overflow: hidden;
    margin: 0 auto;
}

body > div > div {
    width: 1200px;
    margin: 0 auto;
    overflow: hidden;
}



.flickerplate {
    position: relative;
    width: 100%;
    height: 789px;
    background-color: #e6e6e6;
    overflow: hidden
	
}

@media only screen and (max-width: 1400px){
    .flickerplate {
        height: 561px;
        background-size: auto 561px;
    }
}

.flickerplate ul.flicks {
    width: 10000%;
    height: 100%;
    padding: 0px;
    margin: 0px;
    list-style: none
}

.flickerplate ul.flicks>li {
    float: left;
    width: 1%;
    height: 100%;
    background-position: center;
    background-size: cover;
    display: table
}

.flickerplate ul.flicks>li .flick-inner {
    height: 100%;
    padding: 10px;
    color: #fff;
    display: table-cell;
    vertical-align: middle
}

.flickerplate ul.flicks>li .flick-inner .flick-content {
    max-width: 68.75em;
    margin-left: auto;
    margin-right: auto
}

.flickerplate .arrow-navigation {
    position: absolute;
    height: 80%;
    width: 10%;
    top: 10%;
    z-index: 100;
    overflow: hidden
}

.flickerplate .arrow-navigation .arrow {
    display: block;
    height: 100%;
    width: 90%;
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    -ms-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out
}

.flickerplate .arrow-navigation:hover,
.flickerplate .arrow-navigation .arrow:hover {
    cursor: pointer
}

.flickerplate .arrow-navigation.left {
    left: 10%
}

.flickerplate .arrow-navigation.left .arrow {
    opacity: 0;
    margin: 0px 0px 0px 50%;
    background-image:url(../images/arrow-left-light.png);
    background-repeat: no-repeat;
    background-position: left
}

.flickerplate .arrow-navigation.right {
    right: 10%
}

.flickerplate .arrow-navigation.right .arrow {
    opacity: 0;
    margin: 0px 0px 0px -50%;
    background-image:url(../images/arrow-right-light.png);
    background-repeat: no-repeat;
    background-position: right
}

.flickerplate .arrow-navigation.left.hover .arrow {
    opacity: 1;
    margin: 0px 0px 0px 20%
}

.flickerplate .arrow-navigation.right.hover .arrow {
    opacity: 1;
    margin: 0px 0px 0px -20%
}

.flickerplate .dot-navigation {
    position: absolute;
    bottom: 15px;
    width: 100%;
    text-align: center;
    z-index: 100
}

.flickerplate .dot-navigation ul {
    text-align: center;
    list-style: none;
    padding: 0px 15px
}

.flickerplate .dot-navigation ul li {
    display: inline-block;
    float: none
}

.flickerplate .dot-navigation .dot {
    width: 14px;
    height: 14px;
    margin: 0px 6px;
    background-color: rgba(255, 255, 255, 0.3);
    border-radius: 50%;
    -o-border-radius: 50%;
    -ms-border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    -webkit-transition: background-color 0.2s ease-out;
    -moz-transition: background-color 0.2s ease-out;
    -o-transition: background-color 0.2s ease-out;
    -ms-transition: background-color 0.2s ease-out;
    transition: background-color 0.2s ease-out;
}

.flickerplate .dot-navigation .dot:hover {
    cursor: pointer;
    background-color: rgba(255, 255, 255, 0.6)
}

.flickerplate .dot-navigation .dot.active {
    background-color: #fff
}

.flickerplate .dot-navigation.left,
.flickerplate .dot-navigation.left ul {
    text-align: left
}

.flickerplate .dot-navigation.right,
.flickerplate .dot-navigation.right ul {
    text-align: right
}

.flickerplate.flicker-theme-dark .arrow-navigation.left .arrow {
    background-image:url(../images/arrow-left-dark.png);
}

.flickerplate.flicker-theme-dark .arrow-navigation.right .arrow {
    background-image:url(../images/arrow-right-dark.png);
}

.flickerplate.flicker-theme-dark .dot-navigation .dot {
    background-color:#fff;
}

.flickerplate.flicker-theme-dark .dot-navigation .dot:hover {
    background-color: rgba(0, 0, 0, 0.6);
}

.flickerplate.flicker-theme-dark .dot-navigation .dot.active {
    background-color: #000;
}

.flickerplate.flicker-theme-dark ul.flicks li .flick-inner {
    color: rgba(0, 0, 0, 0.9);
}

.flickerplate.animate-transform-slide ul.flicks {
    -webkit-perspective: 1000;
    -webkit-backface-visibility: hidden;
    transform: translate3d(0%, 0px, 0px);
    -webkit-transform: translate3d(0%, 0px, 0px);
    -webkit-transition: -webkit-transform 0.6s;
    -o-transition: -o-transform 0.6s;
    -moz-transition: -moz-transform 0.6s;
    transition: transform 0.6s;
}

.flickerplate.animate-transition-slide ul.flicks {
    position: relative;
    left: 0%;
    -webkit-transition: left 0.4s ease-out;
    -moz-transition: left 0.4s ease-out;
    -o-transition: left 0.4s ease-out;
    -ms-transition: left 0.4s ease-out;
    transition: left 0.4s ease-out;
}

.flickerplate.animate-jquery-slide ul.flicks {
    position: relative;
    left: 0%;
}

.flickerplate.animate-scroller-slide {
    padding-bottom: 0px;
    overflow: auto;
}

.flickerplate.animate-scroller-slide ul.flicks {
    position: auto;
}

.logo{ height:137px; display:inline;}
.logo_body{ height:inherit;line-height:137px; position:absolute;top:0px; left:18.55% }
.logo_body img{ vertical-align:middle; height:73px;}

.nav{ height:96px; background-color:#5bb450;}
.nav_body{ height:inherit;}
.nav_body ul{ width:inherit; height:inherit;}
.nav_body li{  height:inherit; line-height:96px; float:left; margin-right:37px;}
.nav_body li:nth-child(7){ margin-right:0px;}
.nav_body li img{ vertical-align:middle; height:33px; margin-right:10px;}
.nav_body li a{ color:#fff; margin-left:2em; margin-right:2em;}
.nav_body li:hover a img{transform:rotateY(360deg); transition:2s; -webkit-transform:rotateY(360deg);-moz-transform:rotateY(360deg);}


.about{ background:url(../images/about_bg.png) no-repeat; height:773px; background-size:auto 773px; margin-bottom:28px;}
.about_body_left{ width:672px; display:inline-block; float:left; height:auto; margin-top:83px;}
.about_body_right{ width:500px; display:inline-block; float:right; height:auto; overflow: hidden;}
.about_body_left_tltle{ background:url(../images/about_5.png) no-repeat; width:672px; height:287px; position:relative;}
.about_body_left img{ margin-top:-115px;}
.about_body_left_tltle span{ width:100px; height:100px; line-height:100px; text-align:center; color:#fff; font-weight:bold; font-size:36px; display:inline-block; border-radius:100%;}
.about_sc{ background:url(../images/about_1.png); position:absolute; top:37.63%;}
.about_fs{ background:url(../images/about_2.png); position:absolute; left:28.27%}
.about_xs{ background:url(../images/about_3.png); position:absolute; left:61.3%; top:16.37%;}
.about_fw{ background:url(../images/about_4.png); position:absolute; top:66.2%; right:0px;}
.about_body_right{ margin-top:182px;line-height:36px;}
.about_body_right h2{ color:#fff; background-color:#5bb450; width:172px; height:36px;  text-align:center; margin-bottom:22px;}
.about_body_right p{ text-indent:2em; font-size:16px; height:auto; overflow: hidden;}
.about_body_right a{ display:block;width:100px; height:36px; background-color:#5bb450; color:#fff; text-align:center; margin-top:20px;}

.product{ height:384px;}
.title{ background:url(../images/title_bg.png) no-repeat 0px center; height:64px; text-align:center; color:#5bb450; font-size:28px; }
.product_body_main{ width:1200px; height:242px;}
.product_body_main li{ width:394px; height:242px; margin-right:8px; float:left; position:relative;}
.product_body_main li img{ width:auto; height:232px; border:5px solid #5cb450; max-width: 384px; display: block; margin: 0 auto;}
.product_body_main a{ display:block;width:394px; height:242px; position:absolute;  text-align:center; line-height:242px; top:-242px; left:0px; font-size:30px; color:#fff; background:rgba(0,0,0,0);}
.product_body_main li:last-child{ margin-right:0px;}
.product_body_main li:hover a{transform:translate(0,242px);
-ms-transform:translate(0,242px); /* IE 9 */
-moz-transform:translate(0,242px); /* Firefox */
-webkit-transform:translate(0,242px); /* Safari and Chrome */
-o-transform:translate(0,242px); /* Opera */ background:rgba(0,0,0,.6); transition:all 1s;}

.news{ background-color:#98c73d; height:548px; padding-top:50px;}
.news_main{ height:398px; margin-top:60px;}
.news_main_left{ display:inline-block; float:left; width:440px; border-radius:5px; -moz-border-radius:5px; border:1px solid #98c73d; height:350px; margin-right:28px;}
.news_main_left img{ width: 440px; height:380px;}
.news_main_center{ display:inline-block; float:left; width:406px; color:#fff;}
.news_main_center li{ height:172px; overflow: hidden;}
.news_main_center li:first-child{ border-bottom:1px dashed #fff; margin-bottom:10px;}
.news_main_center h2{ font-weight:normal; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.news_main_center h2:hover{color: white;}
.news_main_center p{ line-height:35px;}
#demo{ display:inline-block; float:right; width:300px;overflow:hidden;height:397px;}
#demo li{ width:300px; height:190px; border-radius:5px; -moz-border-radius:5px; border:1px solid #98c73d; margin-bottom:15px; line-height:0;}


.footer{ background-color:#5bb450;}
.footer_body p{ text-align:center; line-height:20px; color:#fff; padding-top:20px; padding-bottom:8px; display:inline-block; width:602px; padding-left:210px; font-size:14px;}
.footer_body img{ display:block; width:112px; height:110px; float:right; padding-top:30px;}



.ny_content{ width:1200px; height:auto; display:table; margin:0 auto; margin-top:30px;margin-bottom:40px;}


.ny_left{ width:300px; height:auto; display:table; float:left; overflow:hidden;}
.ny_left_list{ width:300px; height:auto; display:table;}
.ny_left_title{ width:264px; height:85px; background:#5bb450; padding-left:36px;}
.ny_left_title h2{ font-size:28px; color:#FFF; text-indent:0px; width:auto; height:auto; display:table; padding-top:10px; font-weight:normal; letter-spacing:3px;}
.ny_left_title h3{ font-size:22px; color:#fff; text-indent:0px; width:auto; height:auto; display:table; padding-top:0px; font-weight:normal; letter-spacing:1px; font-family:Georgia, "Times New Roman", Times, serif;}
.ny_left_title h5{ font-size:70px; color:#fff; text-indent:20px; width:auto; height:70px; float:left; display:table; padding-top:2px; font-weight:normal; letter-spacing:1px; font-family:Georgia, "Times New Roman", Times, serif; padding-right:2px;}
.ny_left_list_body{ width:300px; height:auto; display:table;}
.ny_left_list_body ul li{ width:298px; height:34px; display:block; line-height:32px; text-align:center; margin-top:5px; border:1px solid #eee; }
.ny_left_list_body ul li a{ width:296px; height:32px; display:block; background:#fafafa; border:1px solid #eee; font-size:14px; letter-spacing:1px;}
.ny_left_list_body ul li a:hover{ background:#b3ecac; border:1px solid #c3e1fb;}



.ny_left_contact{ width:300px; height:auto; display:table; margin-top:40px;}
.ny_left_contact_body{ width:280px; height:auto; display:table; overflow:hidden; padding:15px; background-color:#fafafa;}
.ny_left_contact_body h2{ font-size:14px; line-height:23px;}
.ny_left_contact_body h3{ font-size:20px; line-height:33px;}
.ny_left_contact_body p{ font-size:14px; line-height:23px;}

.ny_right{ width:860px; height:auto; display:table; float:right; overflow:hidden;}
.ny_right_title{ width:860px; height:36px; border-bottom:3px solid #5bb450; }
.ny_right_title a{ width:auto; height:36px; display:block; float:left; background:#5bb450; padding:0 10px; line-height:36px; color:#FFF; font-size:14px; }
.ny_right_title span{ width:auto; height:36px; display:block; float:left; background:#5bb450; line-height:36px; color:#FFF;}
.ny_right_title a:hover{ color:#2d5465;}
.ny_right_body{ width:820px; height:auto; display:table; margin-top:20px;}


.ny_right_body .ny_jianjie{ width:860px; height:auto; display:table; overflow:hidden;}
.ny_right_body .ny_jianjie h2{ width:860px; height:52px; line-height:50px; font-size:22px; letter-spacing:1px; text-align:center;}
.ny_right_body .ny_jianjie p{ line-height:26px; text-indent:28px; font-size:14px; width:860px; overflow:hidden;}
.ny_right_body .ny_jianjie p img{ max-width:100%; height:auto; display:table; text-align:center;}


.ny_right_body .ny_product_index{ width:860px; height:auto; display:table;}
.ny_right_body .ny_product_index ul li{ width:200px; height:auto; display:table; float:left; margin-left:10px; margin-bottom:5px; margin-right:5px;}
.ny_right_body .ny_product_index ul li a{ width:200px; height:auto; display:block;}
.ny_right_body .ny_product_index ul li a img{ width:auto; height:130px; border:1px solid #ccc; max-width: 197px; display: block; margin: 0 auto;}
.ny_right_body .ny_product_index ul li a p{ width:189px; height:48px; line-height:26px; display:block; float:left; font-size:14px; text-align:center; padding:0 6px;}
.ny_right_body .ny_product_index ul li a:hover p{ color:#7ebb77;}

.ny_right_body .ny_product_view{ width:860px; height:auto; display:table;}
.ny_right_body .ny_product_view .ny_product_view_img h2{ width:860px; height:52px; line-height:50px; font-size:22px; letter-spacing:1px; text-align:center;}
.ny_right_body .ny_product_view .ny_product_view_img{ text-align:center;}
.ny_right_body .ny_product_view .ny_product_view_img img{ max-width:800px; height:auto; text-align:center; margin:0 auto;}
.ny_product_view_body{ width:860px; height:auto; display:table;}
.ny_product_view_body img{ max-width: 100%; }
.ny_product_view_body h3{ font-size:16px; font-weight:bold; line-height:36px;}
.ny_product_view_body p{ text-indent:28px; line-height:26px; font-size:14px;}
.product_buttom{ margin:10px 0 10px; padding-top:10px; text-align:center; width:97%; float:right;}
.product_buttom a:hover{ color:#9bacac;}
.product_buttom ul {width:290px; display:table; margin:0 auto; padding:0; text-align:center;/* display:inline;*/}
.product_buttom ul li {/*width:auto;*/ margin:0; padding:0; float:left; display:inline;font-size:12px;color:#333;margin-right:1%; }
.product_buttom ul li a {/*width:auto;*/ padding:3px 8px; display:block; color:#333; font-size: 16px; }

.ny_right_body .ny_news_index{ width:860px; height:auto; display:table;}
.ny_right_body .ny_news_index ul li{ width:860px; height:36px; line-height:36px; border-bottom:1px dashed #ccc; background:url(../images/news_arrow.gif) no-repeat 6px 15px; text-indent:20px; font-size:14px;}
.ny_right_body .ny_news_index ul li a{ width:860px; height:36px; display:block;}
.ny_right_body .ny_news_index ul li a:hover{ color:#7ebb77;}
.ny_right_body .ny_news_index ul li a span{ float:right; margin-right:6px;}

.ny_right_body .ny_news_view{ width:860px; height:auto; display:table;}
.ny_right_body .ny_news_view h2{ font-size:16px; font-weight:bold; line-height:39px;}
.ny_right_body .ny_news_view h5{ font-size:14px; font-weight:normal; width:700px; line-height:26px; height:36px; display:block; border-bottom:1px solid #ddd; color:#999; margin-bottom:10px;}
.ny_right_body .ny_news_view h5 a{ color:#999;}
.ny_right_body .ny_news_view h5 span{ float:right;}
.ny_right_body .ny_news_view h5 a:hover{ color:#0157a4;}
.ny_right_body .ny_news_view p{ font-size:14px; text-indent:28px; line-height:28px;}

.ny_contact p{ line-height:36px; padding-left:20px;}
.ny_contact h3{ font-weight:normal; line-height:36px; padding-left:20px;}

.clear{ clear:both;}

.slideBox{ width:100%; height:auto;overflow:hidden; position:relative; /*z-index:-1;*/}
.slideBox .hd{ height:16px; overflow:hidden; position:absolute; left:48%; bottom:5px; z-index:1; }
.slideBox .hd ul{ overflow:hidden; zoom:1; float:left;  }
.slideBox .hd ul li{cursor: pointer; width:3em; height:6px; background:#cdcdcd; opacity:0.4;filter:alpha(opacity=40); float:left; margin:0 .5em;}
.slideBox .hd ul li.on{ background:red !important;}
.slideBox .bd{ width: 100%; height:auto; z-index:0; margin-bottom: -4px;  }
.slideBox .bd ul li{overflow: hidden;width: 100%; height:auto;position: relative;  }
.slideBox .bd ul li img{width: 100%; height:auto;}
.slideBox .bd li a{display:block; width:100%; height:auto; margin:0 auto; position: relative;}
/*第四屏*/

.page{clear: both;text-align: center; }
.page ul li{display: inline-block; padding: 0 6px; margin: 0 auto; color: #5bb450; margin-top: 20px; }
.page ul li a{ color: #5bb450; }
.page ul li.active a{color: #FFFFFF; background: #5bb450; border: 1px solid #5bb450; padding:5PX 10px;}