@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;
}

.nav_body,.about_body,.product_body,.news_body,.footer_body {
    width: 1200px;
    margin: 0 auto;
    overflow: hidden;
}

.nav_body ul.second{width: 130px;}

.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(img/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(img/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(img/arrow-left-dark.png);
}

.flickerplate.flicker-theme-dark .arrow-navigation.right .arrow {
    background-image:url(img/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:23px;}
.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:1em; margin-right:1em;}
.nav_body li:hover a img{transform:rotateY(360deg); transition:2s; -webkit-transform:rotateY(360deg);-moz-transform:rotateY(360deg);}


.about{ background:url(img/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;}
.about_body_left_tltle{ background:url(img/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;}
.about_sc{ background:url(img/about_1.png); position:absolute; top:37.63%;}
.about_fs{ background:url(img/about_2.png); position:absolute; left:28.27%}
.about_xs{ background:url(img/about_3.png); position:absolute; left:61.3%; top:16.37%;}
.about_fw{ background:url(img/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;}
.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(img/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:384px; height:auto; border:5px solid #5cb450;}
.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:350px;}
.news_main_center{ display:inline-block; float:left; width:406px; color:#fff;}
.news_main_center li{ height:172px; }
.news_main_center li:first-child{ border-bottom:1px dashed #fff; margin-bottom:10px;}
.news_main_center h2{ font-weight:normal; }
.news_main_center p{ line-height:35px;}
#demo{ display:inline-block; float:right; width:300px;overflow:hidden;height:397px;}
#demo li{ width:300px; height:200px; border-radius:5px; -moz-border-radius:5px; border:1px solid #98c73d; margin-bottom:15px; line-height:0;}
#demo li img{width: 100%;height: 100%;}

.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:197px; height:200px; border:1px solid #ccc;}
.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{ width:450px; height:380px; text-align:center; margin:0 auto;}
.ny_product_view_body{ width:860px; height:auto; display:table;}
.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;}


.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(img/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;}



.list-news1 li{ line-height:35px; border-bottom:#ececec 1px solid; overflow:hidden;}
.list-news1 li a{ float:left; background:url(../images/arr1.png) left center no-repeat; padding-left:15px; display:block}
.list-news1 li span{ float:right; color:#666}

.list-news2 li{border-bottom:#ececec 1px solid; overflow:hidden; padding-bottom:1%; margin-bottom:1%}
.list-news2 li.odd{  }
.list-news2 li span{ display:block; overflow:hidden;}
.list-news2 li span a{ font-size:16px; line-height:35px;}
.list-news2 li span font{ float:right}
.list-news2 li p{ font-size:12px; line-height:180%;}

.list-news3 li{border-bottom:#ececec 1px solid; overflow:hidden; padding-bottom:2%; margin-bottom:2%}
.list-news3 li a.litpic{ float:left; display:block; width:20%;}
.list-news3 li a.litpic img{ width:100%;}
.list-news3 li span{ float:right; display:block; width:78%;}
.list-news3 li.noimg span{ width:100%; float:none}
.list-news3 li span a{ font-size:16px; line-height:200%; margin-bottom:5px;}
.list-news3 li span font{ display:inline-block; margin-top:5px;}

.list-news4 li{border-bottom:#ececec 1px solid; float:left; overflow:hidden;  width:32%; margin-right:2%; margin-bottom:2%; padding-bottom:2%;}
.list-news4 li.last{ margin-right:0;}
.list-news4 li a.litpic{   display:block; }
.list-news4 li a.litpic img{ width:100%; height:160px;}
.list-news4 li span{   display:block; }
.list-news4 li.noimg span{ width:100%; float:none}
.list-news4 li span a{ font-size:14px; height:40px; line-height:40px; overflow:hidden; display:block; }
.list-news4 li span font{ display:inline-block; margin-top:5px;}


/* shownews*/
.vtitle{ font-size:22px; line-height:30px; text-align:center; padding-top:20px;  margin-bottom:20px;  color:#000;;}
.vdes{  text-align:center; color:#A8A6A6; border-bottom:1px dotted #CCCCCC;border-top:1px dotted #CCCCCC; ; margin-bottom:10px; padding:4px 0;}
.ArticleMessage a:link{ text-align:center;color:#A8A6A6;}
.vcon{  line-height:180%; padding:10px 10px; }
.vcon img{ max-width:100%;}
.vpages { border:#f1f1f1 1px solid; background:#f7f7f7; padding:10px; margin:10px;}

ul,li{ margin:0; padding:0; list-style:none}
/*简单产品列表*/
.prolist ul{ margin:0 -15px;}
.prolist li{ float:left;   width:33.3%; }
.prolist li .item{ margin:15px;}
.prolist li.last{ float:right; margin-right:0;}
.prolist li a.txt123{ display:block; text-align:center; line-height:30px;}
.prolist li a.img123{ display:block;  border:#efefef 1px solid;  }
.prolist li a.img123 img{ height:180px; display:block; width:100%;}

/*简单产品列表*/
.prolist1 ul{ }
.prolist1 li{ float:left; margin-top:10px; width:32%; margin-right:2%; position:relative;height:180px; }
.prolist1 li.last{ float:right; margin-right:0;}
.prolist1 li a.txt{ display:block; text-align:center; line-height:36px; position:absolute; bottom:0px; left:0; color:#fff; width:100%; font-size:14px; z-index:3}
.prolist1 li a.img{ display:block;    height:180px;}
.prolist1 li span{position:absolute; bottom:0px; left:0; width:100%; background:#000; z-index:2; background:#000; height:36px;/* older safari/Chrome browsers */  
    -webkit-opacity: 0.8;  
    /* Netscape and Older than Firefox 0.9 */  
    -moz-opacity: 0.8;  
    /* Safari 1.x (pre WebKit!) 老式khtml内核的Safari浏览器*/  
    -khtml-opacity: 0.8;  
    /* IE9 + etc...modern browsers */  
    opacity: .8;  
    /* IE 4-9 */  
    filter:alpha(opacity=80);  
    /*This works in IE 8 & 9 too*/  
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";  
    /*IE4-IE9*/  
    filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=80);  }