@charset "utf-8";
/* CSS Document */


/*公共部分*/
* {
    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: 14px;
    font-family: 'Microsoft Yahei', 宋体, Helvetica, Arial, sans-serif;
}

a {
    text-decoration: none;
}

a:link,
a:visited {
    color: #000;
}

img {
    display: inline-block;
}

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

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

body > div > div {
    width: 1100px;
    margin: 0 auto;
}
@media only screen and (max-width: 1400px) {
    body > div {
        min-width: 1100px;
        max-width: 1366px;
    }
    body > div > div {
        width: 876px;
    }
}


/*banner area
********************************/

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

@media only screen and (max-width: 1400px){
    .flickerplate {
        height: 449px;
        background-size: auto 449px;
    }
}
@media only screen and (min-width: 1401px) and (max-width: 1600px) {
    .flickerplate {
        height: 525px;
        background-size: auto 525px;
    }
}

.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;
}
/*banner结束*/
.xmnr {
	margin: 0px auto; padding: 15px 0px; width: 1080px; height: auto; display: table;
}
.xmnr li {
	border-radius: 80px; width: 160px; height: 160px; margin-left: 2%; float: left;
}
.xmnr li a {
	border-radius: 80px; border: 3px solid #53B6B4; border-image: none; width: 170px; height: 170px; text-align: center; color:#53B6B4; line-height: 160px; font-size: 12px; display: block;
}
.xmnr li a:hover {
	background:#53B6B4; color: rgb(255, 255, 255);
}

/*.logonav开始*/
#logonav{ position:absolute; top:0px; z-index:100; height:84px; left:21.3%;}
.logo{ float:left; position:relative;display:inline-block;}
.logo img{  position:absolute; top:18px;}
@media only screen and (max-width: 1400px) {
#logonav{ left:21%}
}

/*nav开始*/
.nav{ float:right; width:640px;display:inline-block; height:54px; overflow:hidden;}
.nav li{ width:80px; line-height:54px; text-align:center; float:left; height:54px;}
.nav li:hover{ background:url(../images/nav_bg.png) no-repeat center;}
.nav li:hover a{ color:#fff;}
@media only screen and (max-width: 1400px) {
.nav{ width:544px;}
.nav li{ width:68px;}
.nav li:hover{ background:url(../images/nav_bg_1.png) no-repeat center;}
}

/*main_1*/
.main_1{ background:url(../images/main_1_bg.png) no-repeat; background-size: auto 729px; height:729px;}
.main_1_body{ position:relative;}
#more{display:block;  background-color:#51b5b3; text-align:center; width:116px; height:26px; line-height:26px; color:#fff; position:absolute; left:860px; top:10px;}
#more:hover{ color:#2d5465;}
.images_{ display:block; margin:0 auto;margin-top:76px;}




.product_list{ margin-top:86px;}
/*.product_list ul li{  float:left; width:118px; height:118px; margin-right:120px; z-index:100;-moz-border-radius: 15px; }
.product_list ul li img{ display:inline-block; width:82px; height:82px;}
.product_list ul li span{ display:inline-block; width:82px; height:36px; line-height:36px; text-align:center; color:#53b6b4;}
.product_list ul li:hover span{ color:#000; }*/



@media only screen and (max-width: 1400px) {
.main_1{background-size: auto 518px; height:518px;}
#more{ position:absolute; left:650px; top:10px;  width:80px;}
.product_list ul li{ margin-right:66px;}
.product_list{ margin-top:60px;}
.images_{margin-top:44px;}
}

@media only screen and (min-width: 1401px) and (max-width: 1600px) {
.main_1{background-size: auto 605px; height:605px;}
#more{ position:absolute; left:780px; top:10px;  width:80px;}
.product_list ul li{ margin-right:2%;}
.product_list{ margin-top:70px; padding-left:140px;}
.images_{margin-top:44px;}
.main_1_body{ margin-top:50px;}
}



/*main_2*/
.main_2{ background:#f5f5f5; height:228px;}
#main_2_body_produce{ display:block; margin:0 auto; margin-bottom:24px;}
.main_2_body p{ text-indent:2em; line-height:24px; width:770px; margin:0 auto;} 

/*main_3*/
.main_3{ overflow:none; margin-top:-14px;}
.main_3_body{ height:352px;}
.main_3_body_con{ background-color:#51b5b3; height:334px;}
#main_3_body_more{ display:block; margin:0 auto; background-color:#51b5b3; text-align:center; width:116px; height:26px; line-height:26px; color:#fff; margin-top:-12px; }
#main_3_body_more:hover{color:#2d5465;}
.main_3_body_product{ display:block; margin:0 auto; padding-top:34px;}
.main_3_body_con li{ float:left; margin:16px 17px 0px 19px;} 
.main_3_body_con li:hover img{ transform:scale(1.1,1.1); transition:1s; opacity:0.8; -webkit-transform:scale(1.1,1.1);-ms-transform:scale(1.1,1.1);
-moz-transform:scale(1.1,1.1);-o-transform:scale(1.1,1.1);-moz-transition:1s;-webkit-transition:1s;-o-transition:1s;}
.main_3_body_con li img{ width:330px; height:218px;}

@media only screen and (max-width: 1400px) {
.main_3_body_con li img{ width:255px;}
}

/*footer*/
.footer{ background-color:#f5f5f5; height:346px;}
.footer_body_1{ margin-top:16px; height:92px;}
.footer_body_1 div{ display:inline-block; }
.footer_body_1_1{ float:left;}
.footer_body_2{ height:126px; margin-bottom:22px;}
.footer_body_1_2{ float:right; height:65px;}
.footer_body_1_2 p{ display:inline; line-height:65px; color:#63bcba;}
.footer_body_1_2 img{ vertical-align:middle; margin-right:10px;}
.footer_body_2 div{ display:inline-block;}
.footer_body_2_1 { float:left; width:452px; padding-top:16px; }
.footer_body_2_1 p{ padding-left:23px; line-height:22px;}
.footer_body_2_2{ float:right;}
.footer_body_3{ height:90px; background-color:#51b5b3;}
.footer_body_3 p{ text-align:center; line-height:30px; color:#fff; }


/* 内页 */
.ny_content{ width:1100px; height:auto; display:table; margin:0 auto; margin-top:30px;margin-bottom:20px;}

/* 内页 left */
.ny_left{ width:270px; height:auto; display:table; float:left; overflow:hidden;}
.ny_left_list{ width:270px; height:auto; display:table;}
.ny_left_title{ width:270px; height:85px; background:#51b5b3;}
.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:270px; height:auto; display:table;}
.ny_left_list_body ul li{ width:268px; height:34px; display:block; line-height:32px; text-indent:20px; margin-top:5px; border:1px solid #eee; }
.ny_left_list_body ul li a span{ float:right; margin-right:20px; color:#aaa; font-size:14px; font-family:"宋体"；}
.ny_left_list_body ul li a{ width:266px; 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:#e1f1ff; border:1px solid #c3e1fb; color:#0157a4;}
.ny_left_list_body ul li a:hover span{ color:#0157a4;}

.ny_left_news{ width:270px; height:auto; display:table; margin-top:20px;}
.ny_left_news_body{ width:270px; height:auto; display:table; overflow:hidden; margin-top:10px;}
.ny_left_news_body ul li{ width:270px; height:26px; line-height:26px; font-size:14px; overflow:hidden;}
.ny_left_news_body ul li a:hover{ color:#9bacac;}
.ny_left_news_body ul li span{ font-size:10px; color:#0157a4; margin-right:5px;}

.ny_left_contact{ width:270px; height:auto; display:table; margin-top:20px;}
.ny_left_contact_body{ width:260px; height:auto; display:table; overflow:hidden; margin-top:5px; padding-left:5px;}
.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;}
/* 内页 left end */

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

/* 内页 right 简介 */
.ny_right_body .ny_jianjie{ width:790px; height:auto; display:table; overflow:hidden;}
.ny_right_body .ny_jianjie h2{ width:790px; 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:790px; overflow:hidden;}
.ny_right_body .ny_jianjie p img{ max-width:100%; height:auto; display:table; text-align:center;}

/* 内页 right 产品 */
.ny_right_body .ny_product_index{ width:790px; height:auto; display:table;}
.ny_right_body .ny_product_index ul li{ width:231px; height:auto; display:table; float:left; margin-left:10px; margin-bottom:5px; margin-right:22px;}
.ny_right_body .ny_product_index ul li a{ width:231px; height:auto; display:block;}
.ny_right_body .ny_product_index ul li a img{ width:228px; height:171px; border:1px solid #ccc;}
.ny_right_body .ny_product_index ul li a p{ width:220px; 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:#51b5b3;}

.ny_right_body .ny_product_view{ width:790px; height:auto; display:table;}
.ny_right_body .ny_product_view .ny_product_view_img h2{ width:790px; 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:100%; width:auto; height:auto; text-align:center; margin:0 auto;}
.ny_product_view_body{ width:790px; 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:30px 0 10px; padding-top:10px; text-align:center; width:97%; float:right;}
.product_buttom a:hover{ color:#9bacac;}


/* 内页 right 新闻 */
.ny_right_body .ny_news_index{ width:790px; height:auto; display:table;}
.ny_right_body .ny_news_index ul li{ width:790px; 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:790px; height:36px; display:block;}
.ny_right_body .ny_news_index ul li a:hover{ color:#9bacac;}
.ny_right_body .ny_news_index ul li a span{ float:right; margin-right:6px;}

.ny_right_body .ny_news_view{ width:790px; 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:790px; 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;}