@charset "utf-8";
/* CSS Document */
/**
 * 
 * @authors John (ho@juhui.pro)
 * @date    2016-05-18 11:45:53
 * @version $0.0.1$
 */
 
 
/*公共部分*/
* {
    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: 1200px;
    max-width: 1920px;
    overflow: hidden;
    margin: 0 auto;
}

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


  
/*logo&nav*/
.header{  height:116px; overflow:visible;}
.logonav{ height:76px; padding-top:17px;}
.logo{ display:inline-block; float:left; width:468px;}
.nav{ display:inline-block; float:right; width:732px; padding-top:22px;}
.nav ul li{ width:112px;  height:59px; border-top:1px solid #f3f3f3; margin:0 5px; float:left; line-height:59px; text-align:center; position:relative;}
.nav ul li a{}
.nav ul li:hover{ border-top:4px solid #ad517a;}
.nav ul li ul{ position:absolute; width:100%; top:100%; left:0; z-index:2; display:none; background:#fff;}
.nav ul li ul li{ width:100%; margin:0; height:40px; line-height:40px;}
.nav ul li:hover ul{ display:block;}

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

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

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

.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结束*/


/*产品中心*/
.pruduct_center_body{ background:url(../images/1_bg.png) no-repeat; background-size:auto 266px; height:266px;}
.pruduct_center_body_1 img{ display:block; margin:0 auto; margin-top:84px; margin-bottom:26px;}
.pruduct_center_body_1 a:hover{color:#000;}
.pruduct_center_body_1 a{display:block; margin:0 auto; width:64px; height:30px; color:#fff; line-height:30px; text-align:center; background-color:#982659;}
.pruduct_center_body_2 ul{ width:438px; height:60px; margin:0 auto; }
.pruduct_center_body_2 ul li{ width:112px; line-height:60px; height:60px; text-align:center; margin-right:51px; float:left;}
.pruduct_center_body_2{ margin-top:33px;}
.pruduct_center_body_2 ul li:hover{ border-bottom:4px solid #ad517a;}
.pruduct_center{ background-color:#eeeeee; height:403px;}
.pruduct_center_list{ height:290px; margin-top:60px; overflow:hidden;}
.product-show dl {
    width: 230px;
    height: 290px;
    float: left;
    margin: 0 10px 0 0;
}
.product-show dl dt {
    width: 230px;
    height: 249px;
    overflow: hidden;
}
.product-show dl dt img {
    width: 230px;
    height: 249px;
}
.product-show dl dd {
    width: 230px;
    height: 36px;
    line-height: 36px;
    text-align: center;
    background-color:#982659;
}
.product-show dl dd a {
    color: #fff;
}

.product-show dl:hover img{ transform:scale(1.1,1.1); transition:1s;}
.product-show dl:hover dd a{ color:#000;}

/*tel*/
.tel{ background:url(../images/main_3.png) no-repeat; height:230px; background-size:auto 230px;}
.tel_body{ width:202px; height:73px;  float:right; color:#fff; line-height:49px; padding:15px 21px 0px 30px; background-color:rgba(152,38,89,0.8); margin-right:10px;}
.tel_body h1{ font-weight:normal;}

/*关于我们*/
.about{ height:534px;}
.about_body_1{ display:inline-block; float:left; width:340px; height:626px; position:absolute;margin-top:-142px; }
.about_body_1 a{ display:block; width:340px; height:34px; line-height:34px; text-align:center; background-color:#982659; color:#fff;}
.about_body_1 a:hover{ color:#000;}
.about_body_2{ display:inline-block; float:right; width:804px;}
.about_body_2 ul{ width:804px; height:104px; margin-bottom:32px;}
.about_body_2 ul li{ width:144px; height:104px; float:left; background:url(../images/about_2.png) no-repeat; line-height:104px; color:#fff; padding-left:36px; margin-right:28px;}
.about_body_2 h2{ color:#982659; margin-top:40px; margin-bottom:30px; }
.about_body_2 ul li span{ padding-left:80px; color:#982659; font-size:24px;}
.about_body_2 p{ text-indent:2em; font-size:16px; line-height:40px;}

/*新闻资讯*/
.news{ height:342px; background-color:#eeeeee;}
.news_bosy{ margin-top:36px;}
.news_body_1{ display:inline-block; float:left; width:254px; height:308px; margin-right:25px;}
.news_body_1 img{ width:248px; height:162px; border:3px solid #fff;}
.news_body_1 p,.news_body_1 h3{ width:254px; line-height:24px;}
.news_body_1 h3{ padding:10px 0px;}
.news_body_3{ width:600px; height:308px; display:inline-block; float:right;}
.news_body_3 li{ line-height:38px; border-bottom:1px dashed #000; padding:0px 12px;}
.news_body_3 li span{ float:right;}
.news_body_1 a:hover,.news_body_3 li a:hover{ color:#982659;}

/*footer*/
.footer{ height:130px; background-color:#982659;}
.footer_body{ margin-top:20px;}
.footer_body_1{ display:inline-block; float:left; position:relative; width:260px; margin-top:-32px;}
.footer_body_1 p{ position:absolute; top:40px; left:120px; color:#fff;}
.footer_body_2{ display:inline-block; float:right;}
.footer_body_2{ color:#fff; padding-top:14px; line-height:24px; text-align:right; letter-spacing:1px;}


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

/* 内页 left */
.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:#982659; 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:#d990b1; 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;}
/* 内页 left end */

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

/* 内页 right 简介 */
.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;}

/* 内页 right 产品 */
.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:#982659;}

.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:100%; width:auto; height:auto; 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: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: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:#c3417b;}
.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;}