﻿@charset "utf-8";
body{margin:0;padding:0;font-family: "Microsoft YaHei","Source Han Sans CN","Helvetica Neue",Arial,Verdana,sans-serif;}
td,div{font-size:12px;color:#444;}
a{color:#333;text-decoration:none;}
a:hover{color:#f30;}
.clear{clear:both;}
.dis{display:none;}
.w{width:1200px;margin:0 auto;clear:both;overflow:hidden;}
.mt10{margin-top:10px;}
.m10{margin:10px auto;}
a {
 color: #333;
 text-decoration: none;
 -webkit-transition: all 0.3s ease;
 -moz-transition: all 0.3s ease;
 -ms-transition: all 0.3s ease;
 -o-transition: all 0.3s ease;
 transition: all 0.3s ease;
}
a:hover {
 color: #f30;
}
.fl{ float:left}
.fr{ float:right}

.clear {
 clear: both;
}
h1, h2, h3, h4, p, a, ul, li, dl, dt, div {
 padding: 0px;
 margin: 0px
}
li, dt {
 list-style: none
}
#topbar{background:#f6f6f6;height:32px;line-height:32px;}
#topbar .w span{float:right;background:#fff;padding:0 15px;color:#ddd;font-family: "Microsoft YaHei","Source Han Sans CN","Helvetica Neue",Arial,Verdana,sans-serif;}
#topbar .w span a{font-family: "Microsoft YaHei","Source Han Sans CN","Helvetica Neue",Arial,Verdana,sans-serif;}
#topbar .w{color:#999;}

#tophead{height:80px;padding:15px 0;}
#tophead .logo{background:url(../images/logo.gif) no-repeat center;width:400px;height:60px;float:left;margin-top:10px;}
#tophead form{float:right;margin-top:20px;}
#tophead form .input{border:1px solid #ddd;padding:10px 15px;vertical-align:middle;border-right:0;color:#555;}
#tophead form .bnt{background:#2194D3;border:1px solid #2194D3;padding:10px 25px;vertical-align:middle;color:#fff;}

#topnav{background:#187EC6;height:50px;}
#topnav .w ul{margin:0;padding:0;list-style:none;}
#topnav .w ul li{float:left;}
#topnav .w ul li a{height:50px;line-height:50px;font-size:16px;font-family: "Microsoft YaHei","Source Han Sans CN","Helvetica Neue",Arial,Verdana,sans-serif;color:#fff;padding:0 25px;display:block;}
#topnav .w ul li a:hover{background:#c71279;}
#topnav .w ul .hover a{background:#c71279;height:50px;line-height:50px;font-size:16px;font-family: "Microsoft YaHei","Source Han Sans CN","Helvetica Neue",Arial,Verdana,sans-serif;color:#fff;padding:0 25px;display:block;}
#topnav .w ul li dl{position:absolute;z-index:999;margin:0;display:none;width:160px;}
#topnav .w ul .hover dl dt a{background:#c71279;border-bottom:1px solid #187EC6;height:40px;line-height:40px;display:block;font-size:14px;}
#topnav .w ul .hover dl dt a:hover{background:#fff;color:#333;display:block;}

#header{ position:relative; z-index:10000; ; }
.header{width:85%; margin:0px auto}
.h_box{ }
.h_box dt{ float:left; height:80px}
.h_box dt img{height:80px;padding:20px 0px }
.h_box dd{ float:right;}
.h_box dd .nav{ float:left;}
.h_box dd .link1{ float:left; margin:40px 50px 0px 0px;}
.h_box dd .link1 a{ width:30px; display:block; float:left; margin-right:20px}
.h_box dd .link1 a img{ max-width:100%;-webkit-transition:all .5s;-moz-transition:all .5s;-o-transition:all .5s;transition:all .5s  }
.h_box dd .link1 a:hover img{ margin-top:-3px}
.h_box dd .quote{float:left; background: #c71279; border-radius:10px; line-height:50px; height:50px; margin:30px 40px;}
.h_box dd .quote a{ color:#fff; padding:0px 20px; font-weight:bold;font-size:16px;}
.h_box dd .h_lx{ float:left;padding:20px 0px}
.h_box dd .h_lx h3{ text-align:right; margin-bottom:10px; color:#999; font-weight:normal}
.h_box dd .h_lx i{ margin-left:10px; font-size:20px; color:#c71279}
.h_box dd .h_lx h2{color:#000;font-size:20px;}
.logo{ }
.nav{ margin-right:10px }
.nav .hover{color:#c71279;-webkit-transition:all .5s;-moz-transition:all .5s;-o-transition:all .5s;transition:all .5s}
.nav .hover a{ color:#c71279}
.nav li{ float:left; position:relative;}
.nav li a{ font-size:16px; color:#454545; height:80px; line-height:80px; text-align:center;display:block; padding:20px 15px}
.nav li a.hover{}
.nav li a:hover{ color:#c71279}
.nav li .sub{ display:none;background: rgba(0,0,0,0.5);} 
.nav li .sub a{display: block;
 
 line-height: 40px !important;
 height:40px !important;
 text-align: center;
 color: #fff;
 padding: 0px 20px;
 -webkit-transition: all .5s;
 -moz-transition: all .5s;
 -o-transition: all .5s;
 transition: all .5s; border-bottom:1px solid #333}
 
 .nav li .sub a:hover {
 background: rgba(237,27,36,0.8)
}
.nav li:hover a{ }
.nav li:hover .sub{ position:absolute; left:0; top:120px; display:block; background: rgba(0,0,0,0.7);;display:block;}
.nav li:hover .sub a{ display:block; height:50px; line-height:50px; color:#FFF; font-size:14px; display:block;white-space:nowrap; }
.nav li:hover .sub a:hover{ background:#c71279; color:#fff}
#banner {
 height: 650px;
}
#banner #slides li .text {
 padding-top: 130px
}
#banner #slides li .text h1 {
 font-size: 48px;
 color: #c71279;
 width: 780px
}
#banner #slides li .text h2 { text-transform:uppercase;
 font-size:24px;
 color: #c71279;
 width: 780px
}
#banner #slides li .text h1 span{
 font-size: 72px;
 
}

#banner #slides li .text p {
 font-size: 20px;
 color: #fff;
 opacity: 1;
 width: 760px;
 margin: 30px 0px
}
#banner #slides li .text a { background:#c71279
 ; border-radius:10px; color:#fff;
 width: 120px;
 line-height: 50px;
 height: 50px;
 text-align: center;
 display: block;
 font-size: 14px; font-weight:bold; position:absolute; bottom:180px
}
#banner #slides li .text a:hover {
 background: #c71279
}
#full-screen-slider { width:100%; height:650px; position:relative}
#slides { display:block; width:100%; height:650px; list-style:none; padding:0; margin:0; position:relative}
#slides li { display:block; width:100%; height:100%; list-style:none; padding:0; margin:0; position:absolute}

#pagination {
 display: block;
 list-style: none;
 position: absolute;
 left:50%; margin-left:-97px !important;
 bottom: 80px;
 z-index: 2000;
 padding: 5px 15px 5px 0;

}
#pagination li {
 display: block;
 list-style: none;
 width: 50px;
 height: 5px;
 float: left;
 background: #666;
 margin-right: 10px
}
#pagination li a {
 display: block;
 width: 100%;
 height: 100%;
 padding: 0;
 margin: 0;
}
#pagination li.current {
 background: #c71279
}
.header-button {
 -moz-box-sizing: border-box;
 -webkit-box-sizing: border-box;
 box-sizing: border-box;
 text-indent: -119988px;
 overflow: hidden;
 text-align: left;
 text-transform: capitalize;
 position: relative;
 z-index: 1;
 display: block;
 width: 30px;
 height: 30px;
 margin: 0;
 padding: 0;
 outline: none;
 background:url(../images/sousuo.png) no-repeat center;
 border: none;
 cursor: pointer;
}

#toggle-menu {
 float: left;
 background-position: 0 0;
 background-color: #bc0023;
}

#toggle-search {
 float: right;
 background-position: 0;
}
#toggle-search.open:after {
 top: 40px;
}
#toggle-search:after {
 -moz-transition: top, 0.5s;
 -o-transition: top, 0.5s;
 -webkit-transition: top, 0.5s;
 transition: top, 0.5s;
 position: absolute;
 top: 52px;
 left: 50%;
 margin-left: -8px;
 content: "";
 border-color: transparent transparent #e1e4e7;
 border-style: solid;
 border-width: 8px 8px 12px;
}

#toggle-basket {
 position: relative;
 float: right;
 background-position: -120px 0;
}
#toggle-basket:before {
 position: absolute;
 top: 5px;
 left: 0;
 width: 2px;
 height: 50px;
 content: "";
 background-color: #000;
}

#search-form {
 -moz-transition: max-height, 0.5s;
 -o-transition: max-height, 0.5s;
 -webkit-transition: max-height, 0.5s;
 transition: max-height, 0.5s;
 position: absolute;
 top: 120px;
 right:10%;
 width: 20%;
 max-height: 0;
 overflow: hidden;
 background-color: #fff;
}
#search-form.open {
 max-height: 60px;
}
#search-form fieldset {
 position: relative;
 margin: 0 60px 0 0;
 padding: 0;
 border: none;
}
#search-form input {
 -moz-box-sizing: border-box;
 -webkit-box-sizing: border-box;
 box-sizing: border-box;
 display: block;
 height: 60px;
}
#search-form input[type="search"] {
 width: 100%;
 padding: 0 5px 0 22px;
 background: transparent;
 border: none;
}
#search-form input[type="submit"] {
 position: absolute;
 bottom: 0;
 right: 0;
 width: 90px;
 margin: 0;
 padding: 0;
 font-weight: 700;
 text-transform: uppercase;
 color: #516270;
 background: #c6cacd;
 border: none;
 cursor: pointer;
}
.ny_product_con .subject{ background: #333; text-align: left; padding: 10px 0px 10px 20px; margin-top: 20px;  }
.ny_product_con .subject b{color: #fff; font-size: 18px; border: none; font-weight: bold;}
.subject{color:#c71279;font-size:18px;font-family: "Microsoft YaHei","Source Han Sans CN","Helvetica Neue",Arial,Verdana,sans-serif;height:41px;line-height:40px;border-bottom:1px solid #ddd;}
.subject b{display:inline-block;font-weight:normal;border-bottom:2px solid #c71279;height:40px;line-height:40px;}
.subject span{color:#bbb;display:inline-block;font-size:16px;font-family: "Microsoft YaHei","Source Han Sans CN","Helvetica Neue",Arial,Verdana,sans-serif;padding-left:10px;}
.subject a{float:right;font-size:12px;font-family: "Microsoft YaHei","Source Han Sans CN","Helvetica Neue",Arial,Verdana,sans-serif;}

.pro_width{width:1012px;height:370px;overflow:hidden;}
.prolist{margin:15px 0;padding:0;list-style:none;overflow:hidden;width:29999px;}
.prolist li{float:left;width:240px;margin:0 13px 13px 0;}
.prolist li a{border:1px solid #eee;display:block;padding:15px;}
.prolist li a img{border:1px solid #eee;}
.prolist li a .title{text-align:center;font-size:14px;height:40px;line-height:40px;font-family: "Microsoft YaHei","Source Han Sans CN","Helvetica Neue",Arial,Verdana,sans-serif;}
.prolist li a .intro{line-height:18px;color:#999;word-break:break-all;min-height:55px;}
.prolist li a .more{display:block;margin:15px auto 10px auto;text-align:center;background:#e5e5e5;width:90px;line-height:24px;}
.prolist li a:hover{border:1px solid #ddd;}
.prolist li a:hover .title{color:#c71279;}
.prolist li a:hover .more{background:#c71279;color:#fff;}

.topcase{margin:15px 0;padding:0;list-style:none;overflow:hidden;}
.topcase li{float:left;width:240px;margin:0 13px 13px 0;}
.topcase li a{text-align:center;display:block;position:relative;height:160px;overflow:hidden;}
.topcase li img{border:1px solid #eee;width:240px;height:180px;display:block;margin-bottom:10px;}
.topcase li a div{position:absolute;background:#333;width:100%;line-height:40px;height:40px;color:#fff;display:block;bottom:-40px;left:1px;opacity:0.7}

.bg_black{background:#eee;padding:15px 0;}
.subject_news{color:#333;font-size:18px;font-family: "Microsoft YaHei","Source Han Sans CN","Helvetica Neue",Arial,Verdana,sans-serif;height:41px;line-height:40px;border-bottom:1px solid #ddd;}
.subject_news b{display:inline-block;font-weight:normal;border-bottom:2px solid #c71279;height:40px;line-height:40px;}
.subject_news span{color:#bbb;display:inline-block;font-size:16px;font-family: "Microsoft YaHei","Source Han Sans CN","Helvetica Neue",Arial,Verdana,sans-serif;padding-left:10px;}
.subject_news a{float:right;font-size:12px;font-family: "Microsoft YaHei","Source Han Sans CN","Helvetica Neue",Arial,Verdana,sans-serif;}

.newslist{margin:15px 0;padding:0;list-style:none;overflow:hidden;}
.newslist li{float:left;width:480px;margin:0 20px 20px 0;}
.newslist li a img{float:left;margin-right:10px;border:1px solid #eee;}
.newslist li a .title{font-size:16px;font-family: "Microsoft YaHei","Source Han Sans CN","Helvetica Neue",Arial,Verdana,sans-serif;line-height:30px;}
.newslist li a .date{font-size:12px;color:#444;font-family: "Microsoft YaHei","Source Han Sans CN","Helvetica Neue",Arial,Verdana,sans-serif;line-height:20px;}
.newslist li a .intro{line-height:18px;color:#999;}
.newslist li a:hover .title{color:#f30;}

.link{padding:15px;}
.link img{margin:3px 8px 5px 0;}
.link ul{clear:both;margin:0;padding:0;list-style:none;}
.link ul li{float:left;width:93px;height:25px;overflow:hidden;}

#bg_foot_nav{background:#187EC6;text-align:center;}
.foot_nav{height:40px;line-height:40px;color:#fff;}
.foot_nav span{float:right;padding-top:5px;}
.foot_nav a{color:#fff;}
.foot_nav a:hover{color:#ff0;}
#bg_copyright{background:#c71279;padding:20px 0;}
.copyright{color:#fff;font-family: "Microsoft YaHei","Source Han Sans CN","Helvetica Neue",Arial,Verdana,sans-serif;line-height:25px;text-align:center;}
.copyright a{color:#fff;}
.copyright a:hover{color:#ff0;}

.lefter{width:220px;margin-right:30px;float:left;}
.righter{float:left;width:750px;}
.leftnav{background:#c71279;padding:10px 15px;color:#fff;font-size:18px;font-family: "Microsoft YaHei","Source Han Sans CN","Helvetica Neue",Arial,Verdana,sans-serif;}
.subnav{border:1px solid #eee;border-bottom:0;margin:0;padding:0;list-style:none;}
.subnav li{}
.subnav li a{display:block;padding-left:20px;background:#fafafa;font-size:14px;line-height:40px;height:40px;border-bottom:1px solid #eee;}
.subnav li a:hover{color:#c71279;font-weight:bold;background:#f3f3f3;}
.subnav .hover a{display:block;padding-left:20px;color:#c71279;font-weight:bold;background:#f3f3f3;font-size:14px;line-height:40px;height:40px;border-bottom:1px solid #eee;}
.subnav dl{margin:0;padding:0;list-style:none;*margin-top:-12px;}
.subnav dl dt{}
.subnav dl dt a{background:#fff;display:block;height:40px;line-height:40px;border-bottom:1px solid #eee;padding-left:20px;font-size:12px;}
.subnav dl dt a:hover{background:#fff;font-size:12px;font-weight:normal;color:#f30;}
.subnav li dl .hover a{color:#f30;font-size:12px;font-weight:normal;background:#fff;}

.left_border{border:1px solid #eee;border-top:0;padding:10px 15px;line-height:25px;}
.left_border p{margin:0;padding:0;}
.left_border b{font-size:14px;}

.container{line-height:25px;font-size:14px;padding:15px 0;}
.container p{margin:5px 0;font-family: "Microsoft YaHei","Source Han Sans CN","Helvetica Neue",Arial,Verdana,sans-serif;font-size:14px;}

.artshow{line-height:25px;font-size:14px;padding:0 0 15px 0;}
.artshow .title{text-align:center;font-size:20px;line-height:30px;font-weight:100;font-variant: normal;margin:0;padding:15px 0;font-family: "Microsoft YaHei","Source Han Sans CN","Helvetica Neue",Arial,Verdana,sans-serif;}
.artshow .info{text-align:center;font-family: "Microsoft YaHei","Source Han Sans CN","Helvetica Neue",Arial,Verdana,sans-serif;color:#999;padding:0 0 15px 0;font-size:14px;}
.artshow p{margin:5px 0;font-size:14px;}
.artshow .pre{margin:5px 0 5px 0;color:#999;}
.artshow .next{margin:0 0 5px 0;color:#999;}

.prowidth{overflow:hidden; padding:10px 20px;}
.pro_list{padding:0;list-style:none;overflow:hidden;}
.pro_list li{float:left;width:380px; background:#E8EEEE; margin:10px 10px 10px 0px}
.pro_list li:nth-child(3n){ margin:10px 0px 10px 0px}
.pro_list li a{border:1px solid #eee;display:block; padding:15px 15px 0px 15px}
.pro_list li a img{border:1px solid #eee;}
.pro_list li a .title{text-align:center;font-size:14px;height:60px;line-height:60px;font-family: "Microsoft YaHei","Source Han Sans CN","Helvetica Neue",Arial,Verdana,sans-serif;}
.pro_list li a .intro{line-height:18px;color:#999;word-break:break-all;min-height:55px;}
.pro_list li a .more{display:block;margin:15px auto 10px auto;text-align:center;background:#e5e5e5;width:90px;line-height:24px;}
.pro_list li a:hover{border:1px solid #ddd;}
.pro_list li a:hover .title{color:#c71279;}
.pro_list li a:hover .more{background:#c71279;color:#fff;}



.pic_list{margin:15px 0;padding:0;list-style:none;overflow:hidden;}
.pic_list li{float:left;width:240px;margin:0 13px 13px 0;}
.pic_list li a{border:1px solid #eee;display:block;padding:5px;}
.pic_list li a img{border:0;}
.pic_list li a .title{text-align:center;font-size:14px;height:40px;line-height:40px;font-family: "Microsoft YaHei","Source Han Sans CN","Helvetica Neue",Arial,Verdana,sans-serif;}
.pic_list li a:hover{border:1px solid #ddd;}
.pic_list li a:hover .title{color:#c71279;}

.casewidth{width:780px;overflow:hidden;}
.case_list{margin:20px 0;padding:0;list-style:none;}
.case_list li{width:240px;margin:0 20px 30px 0;float:left;text-align:center;font-family: "Microsoft YaHei","Source Han Sans CN","Helvetica Neue",Arial,Verdana,sans-serif;}
.case_list li img{display:block;margin-bottom:15px;}
.case_list li a{color:#666;font-size:13px;}
.case_list li a:hover{color:#f30;}

.joblist{margin:15px 0;padding:0;list-style:none;overflow:hidden;}
.joblist li{float:left;width:480px;margin:0 20px 20px 0;border-bottom:1px dashed #eee;padding-bottom:15px;}
.joblist li a .title{font-size:16px;font-family: "Microsoft YaHei","Source Han Sans CN","Helvetica Neue",Arial,Verdana,sans-serif;line-height:30px;}
.joblist li .line{padding:0;margin:0;line-height:22px;}
.joblist li .line b{float:left;width:70px;color:#555;}
.joblist li .line .intro{margin-left:70px;}
.joblist li a:hover .title{color:#f30;}

.job_list{margin:0;padding:0;list-style:none;overflow:hidden;}
.job_list li{float:left;width:350px;margin:0 20px 20px 0;border-bottom:1px dashed #eee;padding-bottom:15px;}
.job_list li a .title{font-size:16px;font-family: "Microsoft YaHei","Source Han Sans CN","Helvetica Neue",Arial,Verdana,sans-serif;line-height:30px;line-height:40px;margin-bottom:10px;}
.job_list li .line{padding:0;margin:5px 0;line-height:24px;text-indent:0;}
.job_list li .line b{float:left;width:70px;}
.job_list li .line .intro{margin-left:70px;}
.job_list li .line .intro p{margin:0 0 5px 0;padding:0;}
.job_list li a:hover .title{color:#f30;}

.news_list{margin:0;padding:0;list-style:none;}
.news_list li{border-bottom:1px dotted #ccc;padding:10px;line-height:24px;color:#999;}
.news_list li:hover{background:#fafafa;}
.news_list li a{font-size:18px;font-family: "Microsoft YaHei","Source Han Sans CN","Helvetica Neue",Arial,Verdana,sans-serif;display:block;line-height:40px;}
.news_list li em{color:#666;font-family: "Microsoft YaHei","Source Han Sans CN","Helvetica Neue",Arial,Verdana,sans-serif;display:block;font-style:normal;}

.rss_list{margin:0;padding:0;list-style:none;}
.rss_list li{border-bottom:1px dotted #ddd;line-height:40px;color:#999;}
.rss_list li a{font-size:14px;font-family: "Microsoft YaHei","Source Han Sans CN","Helvetica Neue",Arial,Verdana,sans-serif;}

#position{margin:0 auto;width:1000px;overflow:hidden;font-family: "Microsoft YaHei","Source Han Sans CN","Helvetica Neue",Arial,Verdana,sans-serif;line-height:30px;}

/*list*/
.list_page{text-align:center;margin:10px;display:block;}
.list_page:after{content:" ";display:block;height:0;clear:both;visibility:hidden;overflow:hidden;}
.list_page ul{list-style:none;margin:0;padding:0;display:inline-block;vertical-align:bottom;}
.list_page ul li{display:inline-block;border:solid 1px #ddd;border-radius:4px;}
.list_page ul a{color:#333;padding:8px 12px;line-height:18px;display:block;transition:all 1s cubic-bezier(0.175, 0.885, 0.32, 1) 0s;background:#fff;}
.page_group ul{border-right:solid 1px #ddd;border-radius:4px;}
.page_group ul li{border-right:none;border-radius:0;float:left;}
.page_group ul li:not(:first-child):not(:last-child){border-radius:0;}
.page_group ul li:first-child{border-radius:4px 0 0 4px;}
.page_group ul li:last-child{border-radius:0 4px 4px 0;}
.page_group ul .active a{background:#f3f3f3;border-radius:0;}

.comment{overflow:hidden;clear:both;margin:10px 0;}
.comment .line{clear:both;border-bottom:1px solid #eee;padding-bottom:15px;}
.comment .line .base{font-family: "Microsoft YaHei","Source Han Sans CN","Helvetica Neue",Arial,Verdana,sans-serif;font-weight:bold;line-height:30px;font-size:14px;}
.comment .line .base span{margin:0 0 0 10px;color:#999;font-weight:normal;float:right;font-size:12px;}
.comment .line .content{line-height:20px;word-wrap:break-word;overflow:hidden;}
.comment .line .reply{font-family: "Microsoft YaHei","Source Han Sans CN","Helvetica Neue",Arial,Verdana,sans-serif;word-wrap:break-word;overflow:hidden;}
.comment .line .reply strong{color:#f60;float:left;}
.comment_more{text-align:center;padding:10px 0;font-family: "Microsoft YaHei","Source Han Sans CN","Helvetica Neue",Arial,Verdana,sans-serif;font-size:14px;}
.comment_more a{color:#999;}
.comment_more a:hover{color:#f30;}

.commentadd{margin:10px 0;clear:both;}
.commentadd .text{}
.commentadd .text .div{padding:0 5px 0 0;border:1px solid #E4E2E2;border-bottom:0;}
.commentadd .text .div textarea{width:98%;height:70px;overflow:auto;border:0;padding:10px;}
.commentadd .input{margin:0;font-size:14px;background:#fafafa;border:1px solid #EDECEC;overflow:hidden;padding:0px 5px 5px 15px;line-height:40px;height:40px;font-family: "Microsoft YaHei","Source Han Sans CN","Helvetica Neue",Arial,Verdana,sans-serif;}
.commentadd .input .send{float:right;border:1px solid #c71279;background:#c71279;color:#fff;padding:8px 25px;margin:5px 0 0;vertical-align:middle;cursor:pointer;font-family: "Microsoft YaHei","Source Han Sans CN","Helvetica Neue",Arial,Verdana,sans-serif;}

.bookadd{margin:20px 0;}
.bookadd div{margin-bottom:15px;}
.bookadd .label{float:left;width:100px;text-align:right;padding-right:10px;clear:both;}
.bookadd .label span{color:#f30;font-family: "Microsoft YaHei","Source Han Sans CN","Helvetica Neue",Arial,Verdana,sans-serif;}
.bookadd .enter{margin-left:120px;}
.bookadd .enter .ip{border:1px solid #ddd;padding:10px 10px;vertical-align:middle;overflow:hidden;border-radius:10px 0 10px 0;}
.bookadd .enter .bnt{border:1px solid #c71279;background:#c71279;padding:8px 20px;vertical-align:middle;color:#fff;cursor:pointer;}
.bookadd .enter label{display:block;}

.job_h1{font-size:14px;line-height:35px;border-bottom:1px solid #eee;margin:10px 0;}
.info_title{font-size:14px;font-weight:bold;border-bottom:1px solid #f0f0f0;line-height:30px;height:30px;margin:0 0 15px 0;}
.info_intro{padding:0 0 20px 0;line-height:22px;color:#666;}
.info_intro p{margin:0 0 5px 0;padding:0;}
.info_intro .red{color:#f30;margin:0 5px;}

#goodsshow{margin:20px 0;overflow:hidden;width:750px;}
#goodsshow img{border:0;}
#goodsshow .left{float:left;width:350px;margin:0 50px 0 0;}
#goodsshow .right{float:left;}
#goodsshow .shop_big{border:1px solid #ededed;padding:2px;background:#fff;width:360px;cursor:pointer;}
#goodsshow .shop_plist{clear:both;width:360px;}
#prolist{width:310px;float:left;overflow:hidden;height:68px;position:relative;margin:10px 0 0 0;}
#prolist ul{margin:0;padding:0;list-style:none;overflow:hidden;width:20000px;position:relative;}
#prolist ul li{float:left;cursor:pointer;position:relative;background:url(../images/pro_none.gif) no-repeat center top;height:68px;}
#prolist ul li img{height:60px;width:60px;margin:6px 8px 0 8px;padding:0px;border:0;}
#prolist .hover{background:url(../images/pro_bg.gif) no-repeat center top;height:68px;}
#goodsshow .shop_plist a.prev{float:left;width:20px;height:68px;display:block;outline:none;background:url(../images/ico_left.gif) no-repeat center;line-height:68px;margin-top:12px;}
#goodsshow .shop_plist a.next{float:left;width:20px;height:68px;display:block;outline:none;background:url(../images/ico_right.gif) no-repeat center;margin-top:12px;}
#goodsshow .right{width:350px;}
#goodsshow .right h1{font-size:18px;font-family: "Microsoft YaHei","Source Han Sans CN","Helvetica Neue",Arial,Verdana,sans-serif;font-weight:normal;margin:0 0 10px 0;padding:0;}
#goodsshow .right .intro{color:#999;min-height:80px;}
#goodsshow .right .sno{border-bottom:1px solid #eee;line-height:35px;}
#goodsshow .right .price{color:#999;line-height:30px;padding:10px 0;}
#goodsshow .right .price span{color:#f60;font-size:16px;}

a.inquiry{display:inline-block;background:#333;padding:8px 30px;color:#fff;margin:10px 0;font-size:16px;font-family: "Microsoft YaHei","Source Han Sans CN","Helvetica Neue",Arial,Verdana,sans-serif;border-radius:4px;}
a:hover.inquiry{color:#fff;background:#f60;}

.index_about{background:url(../images/aboutbg.jpg) no-repeat center; padding:30px 0px 40px 0px;position:relative}
.index_about .tit{ height:260px;}
.index_about .tit h1{ font-size:48px; color:#fff}
.index_about .tit h2{ font-size:48px; color:#fff; opacity:0.5; font-weight:lighter}
.index_about .index_about_nr{ overflow:hidden; position:relative; padding-bottom:90px}
.index_about .fl{ position:relative; z-index:9; width:60%;}
.index_about .fl img{ width:100%}
.index_about .fr{ width:60%; height:100%; position:absolute; top:0px; right:0px; background:#fff;}
.index_about .block90{width:64%;height:90px; position:absolute; top:220px; right:0px; background:#fff; z-index:1}
.index_about .block90{width:64%;height:90px; position:absolute; bottom:0px; right:0px; background:#fff; z-index:1}
.index_about .text_wb{ width:40%; position:absolute; left:40%}
.index_about .text_wb h3{ font-size:18px; font-weight:lighter; margin-top:30px}
.index_about .text_wb h3 span{ width:90px; height:1px; background:#ccc; float:left; margin-top:10px; margin-right:10px}
.index_about .text_wb h1{ font-size:36px; font-weight: normal; margin:20px 0px}
.index_about .fl a{ display: block;
 width: 80px;
 height: 80px;
 border-radius: 50%;
 background:rgba(0,0,0,0.5); position:absolute; top:100px; left:50%; margin-left:-40px;
 }
 .index_about .fl a i{ font-size:40px; position:absolute; top:20px; left:20px;; color:#fff}
.index_about .fl a:before{content: '';
 display: block;
 width: 80px;
 height: 80px;
 border-radius: 50%;
 opacity: .7;
 background:rgba(0,0,0,0.5);
 animation: scale 2s infinite cubic-bezier(0, 0, .49, 1.02);
 animation-delay: 200ms;}
.index_about .text_wb p{ font-size:14px; font-weight: normal; line-height:30px; margin-bottom:10px;}
.index_about .text_wb a{ display:block; background:#313131; color:#fff; padding:20px; width:120px; text-align:center;font-size:16px; margin-top:40px; border-radius: 10px;}
.index_about .text_wb a:hover{ background:#c71279; }
.big-link { display:block; margin-top: 100px; text-align: center; font-size: 70px; color: #06f; }

.reveal-modal-bg { 
 position: fixed; 
 height: 100%;
 width: 100%;
 background: #000;
 background: rgba(0,0,0,.8);
 z-index: 10000;
 display: none;
 top: 0;
 left: 0; 
 }
 
 .reveal-modal {
 visibility: hidden;
 top: 200px !important; 
 left: 50%;
 margin-left: -400px;
 width: 800px;
 background: #eee url(modal-gloss.png) no-repeat -200px -80px;
 position: fixed;
 z-index: 10001;
 padding: 30px 40px 34px;
 -moz-border-radius: 5px;
 -webkit-border-radius: 5px;
 border-radius: 5px;
 -moz-box-shadow: 0 0 10px rgba(0,0,0,.4);
 -webkit-box-shadow: 0 0 10px rgba(0,0,0,.4);
 -box-shadow: 0 0 10px rgba(0,0,0,.4);
 }
 
 .reveal-modal.small { width: 200px; margin-left: -140px;}
 .reveal-modal.medium { width: 400px; margin-left: -240px;}
 .reveal-modal.large { width: 600px; margin-left: -340px;}
 .reveal-modal.xlarge { width: 800px; margin-left: -440px;}
 
 .reveal-modal .close-reveal-modal {
 font-size: 22px;
 line-height: .5;
 position: absolute;
 top: 8px;
 right: 11px;
 color: #aaa;
 text-shadow: 0 -1px 1px rbga(0,0,0,.6);
 font-weight: bold;
 cursor: pointer;
 } 
 .index_pro{ padding:40px 0px}
 .index_pro .title .fl{ width:340px}
 .index_pro .title .fl img{ float:left; margin-right:10px}
 .index_pro .title .fl h1{ font-size:30px; color:#333; font-weight: normal; }
 .index_pro .title{ overflow:hidden; border-bottom:1px solid #adacac; padding-bottom:30px}
 .index_pro .title .fl h1 span{ font-size:30px; color:#adacac; font-weight:lighter; margin-left:10px}
.index_pro .title .fr ul{ overflow:hidden; float:left; margin-right:30px;}
 .index_pro .title .fr ul li{ float:left; margin-left:20px; }
 .index_pro .title .fr ul li a{ border:1px solid #e5e5e5;padding:10px 10px;color:#333; font-size:16px; display:block}
 .index_pro .title .fr ul li:hover a{background:#c71279;border:1px solid #e5e5e5;color:#fff;}
 .index_pro .title .fr .more{ float:right; margin-top:10px;}
 .index_pro .title .fr .more a{ background:#535353; color:#fff; padding:7px 20px;; border-radius:15px; display:block}
 .index_pro .p_list ul{ margin-top:40px}
 .index_pro .p_list{ overflow:hidden}
 .index_pro .title .fr .more:hover a{ background:#c71279}
 .index_pro .p_list ul li{ float:left; margin-right:18px; margin-bottom: 10px;}
 .index_pro .p_list ul li:nth-child(3n){margin-right: 0px;}
 .index_pro .p_list ul .pic{ padding:8px;; border:1px solid #dcdcdc; }
 .index_pro .p_list ul .pa{width:370px; height:253px; overflow:hidden }
 .index_pro .p_list ul .pic img {width:370px; height:253px; transition: All 0.3s ease-in-out; -webkit-transition: All 0.3s ease-in-out; -moz-transition: All 0.3s ease-in-out; -o-transition: All 0.3s ease-in-out; }
.index_pro .p_list ul .pic img:hover { transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -o-transform: scale(1.1); -ms-transform: scale(1.1); }
.index_pro .p_list ul .pic img.none:hover { transform: scale(1); -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); -ms-transform: scale(1); }
.index_pro .p_list ul p{ background:#eee; color:#333; text-align:center; font-size:14px; padding:20px 0px; margin-top:10px}

.index_case{ background:url(../images/case.jpg) no-repeat center; text-align:center}
.index_case .text{ padding:300px 0px}
.index_case h3{ height:1px; width:520px; margin:20px auto; background:#fff; }
.index_case h1{ font-size:30px; font-weight:lighter; letter-spacing:2px; color:#fff; text-transform:uppercase; margin-bottom:20px;}
.index_case h2{ font-size:30px; letter-spacing:2px; color:#fff;font-weight: normal}

.index_pj{ padding:40px 0px}
 .index_pj .title .fl{ width:360px}
 .index_pj .title .fl img{ float:left; margin-right:10px}
 .index_pj .title .fl h1{ font-size:30px; color:#333; font-weight: normal; }
 .index_pj .title{ overflow:hidden; border-bottom:1px solid #adacac; padding-bottom:30px} 
 .index_pj .title .fl h1 span{ font-size:30px; color:#adacac; font-weight:lighter; margin-left:10px}
 .index_pj .title .fr .more{ float:right; margin-top:10px;}
 .index_pj .title .fr .more a{ background:#535353; color:#fff; padding:7px 20px;; border-radius:15px; display:block}
.index_news{ padding:40px 0px; width:1200px; margin:0px auto; overflow:hidden}
 .index_news .title .fl{ width:360px}
 .index_news .title .fl img{ float:left; margin-right:10px}
 .index_news .title .fl h1{ font-size:30px; color:#333; font-weight: normal; }
 .index_news .title{ overflow:hidden; border-bottom:1px solid #adacac; padding-bottom:30px}
 .index_news .title .fl h1 span{ font-size:30px; color:#adacac; font-weight:lighter; margin-left:10px}
.index_news .title .fr ul{ overflow:hidden; float:left; margin-right:30px;}
 .index_news .title .fr ul li{ float:left; margin-left:20px; }
 .index_news .title .fr ul li a{ border:1px solid #e5e5e5;padding:10px 20px;color:#333; font-size:16px; display:block}
 .index_news .title .fr ul li:hover a{background:#c71279;border:1px solid #e5e5e5;color:#fff;}
 .index_news .title .fr .more{ float:right; margin-top:10px;}
 .index_news .title .fr .more a{ background:#535353; color:#fff; padding:7px 20px;; border-radius:15px; display:block}
 .index_join{ background:#fff; }
.index_join .fl h1{ color:#c71279; font-size:30px;} 
.index_join .fl h2{ color:#000; font-size:18px; font-weight:normal; margin:10px 0px 20px 0px} 
.index_join .fl p img{ float:left; margin-right:10px}
.index_join .fl p{ color:#333; font-size:18px; overflow:hidden; margin-bottom:15px; line-height:30px} 
.index_join .fl h3{ color:#c71279; font-size:18px; font-weight:normal; margin-top:10px; margin-bottom: 10px; } 
.index_join .fr .text p{ background:url(../images/join_bg.png) no-repeat center; text-align:center; float:left; width:120px; height:46px; padding:20px; font-size:16px; color:#c71279; margin-left:20px}
.index_join .fr .text{ overflow:hidden}
.index_join .fr .con{ margin-top:30px}
.index_join .fr .con img{ width:180px; float:left}
.index_join .fr .con .con_tel{ float:right; margin-top:60px;}
.index_join .fr .con .con_tel h1{ color:#c71279; font-size:30px;}
.index_join .fr .con .con_tel h1 i{ color:#333; font-size:50px; margin-right:10px}
.index_join .fr .con .con_tel h2{ color:#c71279; font-size:36px; font-weight:normal}
.index_join a{ background: #000; color: #fff; font-size: 16px; display: block; height: 45px; line-height: 45px; border-radius: 5px; text-align: center;;;;;;}
.index_join a:hover{ background: #c71279;}
#foot{ background:#262626; padding:50px 0px}
#foot .foot_head{ overflow:hidden; padding-bottom:30px; border-bottom:2px solid #3c3c3c}
#foot .foot_head img{ float:left}
#foot .foot_head ul{ float:right; padding-top:50px;}
#foot .foot_head ul li { float:left; margin-left:20px}
#foot .foot_head ul li a{ color:#fff; opacity:0.3; font-size:14px;}
#foot .foot_head ul li:hover a{ color:#fff}
#foot .foot_con{ padding:40px 0px}
#foot .foot_con h3{ color:#fff; font-size:24px; font-weight:normal; margin-bottom:20px;}
#foot .foot_con p{ color:#fff; font-size:16px; font-weight:normal}
#foot .foot_copy{ color:#fff; opacity:0.4; font-size:14px;}

#foot .foot_copy .fl{ color:#fff;font-size:14px;}
#foot .foot_copy .fr{ color:#fff;font-size:14px;}
#foot .foot_copy .fr a{ color:#fff;font-size:14px;}

#innerbanner .width{ padding:90px 0px}
#innerbanner .width .h_text h1 {
 color: #fff;
 font-size: 50px;
 border-left: 2px solid #ff5e14;
 padding-left: 20px;
 margin-bottom: 10px
}
#innerbanner .width .h_text .pos i {
 color: #ff5e14;
 margin-right: 20px
}
#innerbanner .width .h_text .pos a {
 color: #fff;
 font-size: 18px;
}
#innerbanner .width .h_text .pos {
 color: #fff;
 font-size: 18px;
}
#innerbanner .width .h_text .pos a:hover {
 color: #ff5e14
}
.menu{ background:#f0f0f0}
.menu ul li{ float:left; line-height:60px; height:60px;}
.menu ul li a{ font-size:16px; font-weight:normal ; display:block; padding:0px 30px;}
.menu ul li.hover{ background:#000; border-radius: 10px;}
.menu ul li.hover a{ color:#fff}
.menu ul li:hover{ background:#444;border-radius: 10px;}
.menu ul li:hover a{ color:#fff}

.ny_product{   width:1200px; margin:0px auto; padding:50px 0px }
.ny_product_con{ background:#fff;  width:1200px; margin:50px auto; }
.ny_product_con #goodsshow{overflow:hidden;width:1160px;}
.ny_product_con #goodsshow img{border:0;}
.ny_product_con #goodsshow .left{float:left;width:600px;margin:0 50px 0 0;}
.ny_product_con #goodsshow .right{float:left;}
.ny_product_con #goodsshow .shop_big{border:1px solid #ededed;padding:2px;background:#fff;width:600px;cursor:pointer;}
.ny_product_con #goodsshow .shop_plist{clear:both;width:600px;}
.ny_product_con #goodsshow .right{width:500px;}
.ny_product_con #goodsshow .right h1{font-size:24px;font-family: "Microsoft YaHei","Source Han Sans CN","Helvetica Neue",Arial,Verdana,sans-serif;font-weight:normal;margin:30px 0 10px 0;padding:0;}
.ny_product_con #goodsshow .right .intro{color:#999;min-height:80px;}
.ny_product_con #goodsshow .right .sno{border-bottom:1px solid #eee;line-height:35px; font-size:16px;}
.ny_product_con #goodsshow .right .price{color:#999;line-height:30px;padding:10px 0;font-size:16px;}
.ny_product_con #goodsshow .right .price span{color:#f60;font-size:16px;}
.ny_product_con #prolist{width:560px;float:left;overflow:hidden;height:68px;position:relative;margin:10px 0 0 0;}
.ny_product_con #prolist ul{margin:0;padding:0;list-style:none;overflow:hidden;width:20000px;position:relative;}
.ny_product_con #prolist ul li{float:left;cursor:pointer;position:relative;background:url(../images/pro_none.gif) no-repeat center top;height:68px;}
.ny_product_con #prolist ul li img{height:60px;width:90px;margin:6px 8px 0 8px;padding:0px;border:0;}
.ny_product_con #prolist .hover{background:url(../images/pro_bg.gif) no-repeat center top;height:68px;}


.ny_product_con .artshow{line-height:25px;font-size:14px;}
.ny_product_con .artshow .title{text-align:center;font-size:20px;line-height:30px;font-weight:100;font-variant: normal;margin:0;padding:15px 0;font-family: "Microsoft YaHei","Source Han Sans CN","Helvetica Neue",Arial,Verdana,sans-serif;}
.ny_product_con .artshow .info{text-align:center;font-family: "Microsoft YaHei","Source Han Sans CN","Helvetica Neue",Arial,Verdana,sans-serif;color:#999;padding:0 0 15px 0;font-size:14px;}
.ny_product_con .artshow p{margin:5px 0;font-size:14px;}
.ny_product_con .artshow .pre{margin:5px 0 5px 0;color:#999;}
.ny_product_con .artshow .next{margin:0 0 5px 0;color:#999;}

.ny_about{ padding:50px 0px;}
.ny_about .about1 h1{ font-weight:normal; font-size:32px; color:#454545; padding-bottom:30px; text-align:center }
.ny_about .about1 p{ font-weight:normal; font-size:16px; color:#666; padding-bottom:10px; text-align:center; line-height:36px; }
.ny_about .about2{ overflow:hidden; padding-bottom:50px}
.ny_about .about2 .yy_tit{font-size:32px;color:#333333;font-weight:normal;padding:20px 0px 30px 0px;text-align:center;background:url(../images/hxjzg.png) no-repeat center bottom;}
.ny_about .about2 .hxjzg_con{margin:0 30px; float:left;}
.ny_about .about2 .hxjzg_con .jzgbox{width:345px; height:211px; float:left; margin:43px 15px 0 15px; border-radius:30px;
-moz-box-shadow:0px 10px 46px rgba(48,104,197,0.15); 
-webkit-box-shadow:0px 10px 46px rgba(48,104,197,0.15); 
box-shadow:0px 10px 46px rgba(48,104,197,0.15);}
.ny_about .about2 .hxjzg_con .jzgbox:nth-of-type(1){ background:url(../images/box_bg1.png) no-repeat center center;}
.ny_about .about2 .hxjzg_con .jzgbox:nth-of-type(2){ background:url(../images/box_bg2.png) no-repeat center center;}
.ny_about .about2 .hxjzg_con .jzgbox:nth-of-type(3){ background:url(../images/box_bg3.png) no-repeat center center;}
.ny_about .about2 .hxjzg_con .jzgbox:nth-of-type(4){ background:url(../images/box_bg4.png) no-repeat center center; margin:27px 0 0 190px;}
.ny_about .about2 .hxjzg_con .jzgbox:nth-of-type(5){ background:url(../images/box_bg5.png) no-repeat center center; margin:27px 0 0 30px;}
.ny_about .about2 .hxjzg_con .jzgbox .jzgicon{ padding:86px 0 0 140px;}
.ny_about .about2 .hxjzg_con .jzgbox h3{ font-size:30px; color:#454545; text-align:center; padding:49px 0 16px 0; font-weight:normal;}
.ny_about .about2 .hxjzg_con .jzgbox p{ font-size:20px; color:#666666; text-align:center; line-height:35px;}
.ny_news{ padding:50px 0px; width:1200px; margin:0px auto}
.ny_news .news_list li{ width:380px; float:left; margin-right:30px; margin-bottom:30px;box-shadow: 7px 5px 30px rgba(72, 73, 121, 0.15);background: #fff;-webkit-transition: all 0.4s ease;
 -o-transition: all 0.4s ease;
 transition: all 0.4s ease;
 background-color: #FFF;
 border-radius: 10px;
 -webkit-box-shadow: 9.899px 9.899px 30px 0 rgba(0, 0, 0, .1);
 box-shadow: 9.899px 9.899px 30px 0 rgba(0, 0, 0, .1);
 background-color: #fff;
 border-radius: 5px 5px 5px 5px;}
.ny_news .news_list li img{ width:100%;-webkit-transition: all 0.4s ease;
 -o-transition: all 0.4s ease;
 transition: all 0.4s ease; width:380px; height:274px}
 .ny_news .news_list li .pic{ overflow:hidden; width: 380px; height: 274px;;}
 .ny_news .news_list li:hover img {
 -webkit-transform: scale(1.05) rotate(2deg);
 -ms-transform: scale(1.05) rotate(2deg);
 transform: scale(1.05) rotate(2deg);
 opacity: .8;
}
.ny_news .news_list li:nth-child(3n){ margin-right:0px;}

.ny_news .news_list{margin:0;padding:0;list-style:none;}
.ny_news .news_list li{line-height:24px;color:#999; padding:0px}
.ny_news .news_list li .text{ padding:20px 30px; position:relative; min-height:136px;}
.ny_news .news_list li .text h3{ font-size:18px;}
.ny_news .news_list li .text p{ font-size:14px; color:#666; line-height:28px;}
.ny_news_con{ margin:50px auto; width:1200px; padding:20px;box-shadow: 7px 5px 30px rgba(72, 73, 121, 0.15);background: #fff;}.ny_news_con .title{ font-size:24px; color:#333; text-align:center; margin-bottom:30px}
.ny_news_con .content p{ color:#000; font-size:16px; line-height:32px; margin:5px 0px; }
.ny_news_con .content .video-news{ width:710px !important}
.ny_news_con .content h1{ margin-bottom:10px}
.ny_news_con .content h2{ margin-bottom:10px}
.ny_news_con .content img{ max-width: 100%;}
.ny_news_con .pre{ font-size:18px; margin-bottom:15px; margin-top:20px }
.ny_news_con .pre a{ font-size:18px; }
.ny_news_con .next{ font-size:18px; }
.ny_news_con .next a{ font-size:18px; }

.ny_his{ width:1230px;  margin:0px auto}
.ny_his h1{ color:#fff; font-size:30px; text-align:center}
.timeline {
 width: 100%;
 margin-top: 36px;
 margin-bottom: 80px;
 position: relative;
}
.timeline .year {
 width: 100%;
 margin-bottom: 10px;
}
.timeline .year .year-title { color:#fff;
 width: 606px;
 margin-left: 9px;
 margin-bottom: 37px;
 font-size: 26px;
 line-height: 72px;
 height: 72px;
 font-weight: bold;
}
.timeline .year .year-title:after {
 content: "";
 display: block;
 position: absolute;
 width: 606px;
 height: 37px;
 background-image: url(../images/year-line.png);
}
.timeline .year .year-content {
 position: relative;
}
.timeline .year .year-content .timeline-left,
.timeline .year .year-content .timeline-right {
 width: 614px;
 box-sizing: border-box;
}
.timeline .year .year-content .timeline-left {
 float: left;
}
.timeline .year .year-content .timeline-right {
 float: right;
}
.timeline .year .year-content .timeline-right:before {
 content: "";
 display: block;
 width: 100%;
 height: 48px;
}
.timeline .year .year-content .month-block {
 margin-top: 50px;
 width: 605px;
 box-sizing: border-box;
}
.timeline .year .year-content .month-block .month-title {color:#fff;
 position: relative;
 width: 100%;
 height: 16px;
 font-size: 20px;
 font-weight: bold;
}
.timeline .year .year-content .month-block .month-title:before {
 content: "";
 display: block;
 position: absolute;
 width: 68px;
 height: 9px;
 top: 3.5px;
 background-image: url(../images/month-line.png);
}
.timeline .year .year-content .month-block .month-content {
 margin-top: 25px;
}
.timeline .year .year-content .month-block .month-content p {color:#fff;
 font-size: 18px;
 line-height: 30px;
 margin: 20px 0;
}
.timeline .year .year-content .timeline-left .month-block {
 float: right;
 padding-right: 70px;
}
.timeline .year .year-content .timeline-left .month-block .month-title {
 text-align: right;
}
.timeline .year .year-content .timeline-left .month-block .month-title:before {
 right: -76px;
 background-position: 0 0;
}
.timeline .year .year-content .timeline-right .month-block {
 float: left;
 padding-left: 70px;
}
.timeline .year .year-content .timeline-right .month-block .month-title {
 text-align: left;
}
.timeline .year .year-content .timeline-right .month-block .month-title:before {
 left: -75px;
 background-position: -68px 0;
}
.timeline .year .year-content:before {
 content: "";
 display: block;
 position: absolute;
 top: -1px;
 left: 50%;
 bottom: 0;
 width: 0px;
 border-left: 2px solid #d9d9d9;
}
.timeline .year .year-content:after {
 content: "";
 display: block;
 clear: both;
}
.timeline-invisible {
 display: none;
}
.ny_yg{ padding:50px 0px}
.ny_yg .prowidth{ padding:0px}
.ny_yg .pic_list{padding:0;list-style:none;overflow:hidden;}
.ny_yg .pic_list li{float:left;width:380px;margin:0 30px 20px 0;}
.ny_yg .pic_list li:nth-child(3n){ margin:0px 0px 20px 0px}
.ny_yg .pic_list li a{border:1px solid #eee;display:block;padding:5px;}
.ny_yg .pic_list li a img{border:0; width:368px; height:258px}
.ny_yg .pic_list li a .title{text-align:center;font-size:14px;height:40px;line-height:40px;font-family: "Microsoft YaHei","Source Han Sans CN","Helvetica Neue",Arial,Verdana,sans-serif;}
.ny_yg .pic_list li a:hover{border:1px solid #ddd;}
.ny_yg .pic_list li a:hover .title{color:#c71279;}

.ny_down{ padding:50px 0px}
.ny_down dl dt{  overflow:hidden;  margin-bottom:30px ; border-bottom:1px solid #ccc; padding-bottom: 10px; width: 550px; float: left; margin-right: 100px;}
.ny_down dl dt:nth-child(2n){ margin: 0px;}
.ny_down dl dt .txt{ }
.ny_down dl dt h2{   }
.ny_down dl dt .txt p{  line-height:24px }
.ny_down dl dt .txt a{ display:block; color:#333; }

.main{width: 1200px;margin:0 auto;}
.main-to{border:2px solid #e5e5e5;width: 460px;border-radius:400px;margin: 0 auto;text-align: center;padding:6px; }
.main-to div{background: #f4f4f4;border-radius:400px;padding:10px 0 5px;}
.main-to p{font-size: 36px;font-weight: 550!important}
.main-to span{color:#d4d4d4;font-size: 18px}
.xian{display:block;margin: 0 auto;height: 38px;width: 2px;background: #e5e5e5;}
.xian.hei{height: 22px}
.main-ce-ri{width: 100%;padding:18px 18px 18px 0px;padding-left: 0px;border:2px solid #e2dfdf;border-left: none;}
.main-ce-ri ul{background: #FAFAFA;padding:20px 0 54px 55px;}
.main-ce-ri ul li{position: relative;font-size: 16px; float:left}
.main-ce-ri ul li p{height: 40px;display: inline-block;background: #c71279;color:#fff;border-radius: 40px;line-height: 40px;margin-top:18px;padding:0 15px;}
.main-ce-ri ul li img{position: absolute;top:19px;left: -68px}

.dian{display: block;margin: 0 auto;width: 10px;height: 10px;background: #c71279;border-radius: 10px;margin-top: -8px;position: relative;z-index: 2;border:2px solid #c71279;}
.dian.bor{border:2px solid #e2dfdf;background: #fff}

.butt{margin:0 auto;background: #c71279;width: 180px;color:#b3c3ef;border-radius: 25px;text-align: center;font-size: 12px;padding:5px 0;word-spacing:-1px}
.butt p{font-size: 22px;color:#fff;}

.jishu{background: url(../images/j4.png) no-repeat top right;height: 580px;margin: -1px 3px 0 0;padding:20px;color:#fff;}
.jishu ul{background: #c71279;padding:42px 40px;font-size: 17px;line-height: 30px;}
.jishu ul li{margin-top: 22px}
.jishu ul li:first-child{margin-top: 10px}
.jishu ul li:first-child label{height: 80px}
.jishu ul label{float: left;font-size: 18px;height: 45px}
.jishu ul label img{vertical-align: middle;margin-right: 30px;margin-top:-7px;}
.jishu ul p{float: left}
.jishu ul li.la-li{text-align: center}
.jishu ul li.la-li img{cursor: pointer;}

.main-ce{ overflow:hidden}
.xq .line{display: inline-block;border:1px solid #e2dfdf;padding:5px;border-radius: 35px;font-size: 18px;margin-bottom: 12px}
.xq h1{ display: inline-block;background: #e2dfdf;border-radius: 35px;padding:0 15px;height: 35px;line-height: 35px; font-size:18px;}
.xq p{ color:#444; line-height:30px; font-size:16px;}
.xq{ background:#fafafa; padding:40px; overflow:hidden }

.banner_jm img{ width:100%; margin-bottom:50px}

.contact-banner-01{ overflow:hidden; padding:80px 0px;
 background: url("../images/contact-banner1.jpg") no-repeat left center #1a1b24;
}
.contact-banner-content{
 width: 1200px;
 margin: 0 auto;
 
}
.contact-banner-content .banner-content-headquarters{
 background: #FFF;
 padding: 85px 57px;
 float: right;
}
.contact-banner-content .banner-content-headquarters .headquarters-title h1{ font-size:30px; color:#444}
.contact-banner-content .banner-content-headquarters .address-item{
 margin-top:40px; overflow:hidden
}
.contact-banner-content .banner-content-headquarters .address-item span{
 display: block;
 float:left;
}
.contact-banner-content .banner-content-headquarters .address-item span.address-item-icon{
 width: 91px;
 height: 91px;

}
.contact-banner-content .banner-content-headquarters .address-item span.address-item-content{
 float:left;
 color:#666;
 font-size: 20px;
 width:660px;
 margin-left: 30px;
 padding-top: 28px;
 line-height: 40px;
}
.contact-banner-content .banner-content-headquarters .address-item .item-icon-01{
 background: url("../images/headquarters-icon-bg.png") no-repeat center top;
}
.contact-banner-content .banner-content-headquarters .address-item .item-icon-02{
 background: url("../images/headquarters-icon-bg.png") no-repeat center;
}
.contact-banner-content .banner-content-headquarters .address-item .item-icon-03{
 background: url("../images/headquarters-icon-bg.png") no-repeat center bottom;
}
.contact-banner-02{overflow:hidden; 
}
.contact-banner-02 img{ width:100%}
.contact-banner-02 .branch-office-title{
 float: left;
 width:300px;
 height: 200px;
}
.contact-banner-02 .branch-office-title h1{ font-size:30px; color:#444}
.contact-banner-02 .branch-office-content{
 float: left;
 width: 900px; 
}

.contact-banner-02 .branch-office-content .branch-office-item{
 float: left;
 width: 435px;
 height: 100px;
 font-size: 18px;
 margin: 10px 10px 0 0;
}
.contact-banner-02 .branch-office-content .branch-office-item .office-name,.contact-banner-02 .branch-office-content .branch-office-item .office-address,.contact-banner-02 .branch-office-content .branch-office-item .office-tel{
 font-size: 16px !important;
}
.contact1{ padding-top:50px; text-align:center}
.contact1 h1{ font-size:30px}
.contact1 p{ margin-bottom:30px}

.ny_product_con h2{ font-size:24px; padding:20px 0px}

.contact_book .input input{ width:570px; border:1px solid #eaeaea; padding-left:15px; color:#848484; background:#fff; height:50px; border-radius:5px}
.contact_book .input{float:left; margin-bottom:10px}
.contact_book input:focus{outline:none} 
.contact_book .content textarea{border:1px solid #eaeaea; padding-left:15px; color:#848484; background:#fff; width:1176px;font-family: "Microsoft YaHei","Source Han Sans CN","Helvetica Neue",Arial,Verdana,sans-serif; height:70px;border-radius:5px}
.contact_book .submit{ margin-top:20px}
.contact_book .submit button{ font-size:18px; background:#c71279; padding:15px 0px; color:#fff; border:none; text-transform:uppercase;font-family: "Microsoft YaHei","Source Han Sans CN","Helvetica Neue",Arial,Verdana,sans-serif; width:1196px; border-radius:5px; margin-bottom:30px}
.contact_book .submit button:hover{ background:#282828}
.bg{background:#E8EEEE url(../images/bg.jpg) no-repeat center top;padding:50px 0px}
.about_bg{background:#5B99D4 url(../images/about_bg.jpg) no-repeat center bottom;padding:50px 0px}
.ny_weight{width: 1200px; margin: 0px auto; background:#fef9fc} .ny_weight p{ font-size:16px; line-height:30px; margin:10px 0px  }
		.ny_weight .title h1{ font-size: 18px; background:#ffc2eb; border-top-left-radius:10px;border-top-right-radius:10px; padding:10px 20px}
		.w_js{ overflow:hidden; border-bottom: 1px solid #DDD; padding: 10px 20px}
		.w_js .fl{ width: 100px; float: left}
		.w_js .fr{ width: 1000px; float: right}
	table .stripe{ background:#ffeff6}.table0, .table1, .table2, .table3{ border-collapse:collapse; width:100%}.table0 th, .table0 td, .table1 th, .table1 td, .table2 th, .table2 td, .table3 th, .table3 td{ padding:10px 10px; border:1px solid #ffc2eb; font-size:14px;}.table0 .thead, .table1 .thead, .table2 .thead, .table3 .thead{ background:#ffe0ee}.table0 th, .table0 td{ border:0}.table1 th, .table1 td{ border-left:0; border-right:0;}
.wight_form{ padding:10px 20px;border-bottom: 1px solid #DDD;}
.wight_form input{ height:40px; line-height:40px;}
.wight_form select{ height:35px; line-height:35px;   background: none; border:none}
.wight_form h1{ font-size:20px; margin-top:20px}
.padding_wg{ padding:20px 20px}

/* 发展历程 */
.index_history{
  padding: 95px 0px 80px;
  text-align: center;
}

.index_history .history_box {
  padding-top: 10px;
  padding-bottom: 64px;
}



.index_history .history_box .his {
  margin-top: 0;
  padding-bottom: 40px;
}


.index_history .history_box .his ul li:nth-child(even).animate {
  transform: translateX(0px);
  filter: alpha(opacity=100);
  opacity: 1;
}

.index_history .history_box .his ul li:nth-child(even) a {
  float: right;
  margin-right: 4px;
  margin-top: -1px;
}



.index_history .history_box .his ul li:nth-child(even) a .cont {
  padding-right: 0;
  left: auto;
  right: 0;
  padding-left: 200px;
}

.index_history .history_box .his ul li:nth-child(even) a .cont .day,
.index_history .history_box .his ul li:nth-child(even) a .cont .con,
.index_history .history_box .his ul li:nth-child(even) a .cont .more {
  text-align: left;
}

.index_history .history_box .his ul li:nth-child(even) a .date {
  float: left;
}

.index_history .history_box .his ul li:nth-child(even) a .date .ico,
.index_history .history_box .his ul li:nth-child(even) a .date .line,
.index_history .history_box .his ul li:nth-child(even) a .date .year {
  float: left;
}

.index_history .history_box .his ul li:nth-child(even) a .date .ico {
  background: url(../images/b2.png) no-repeat;
}

.index_history .history_box .his ul li {
  width: 100%;
  padding: 0 45px;
  box-sizing: border-box;
  transition: all 0.5s;
}



.index_history .history_box .his ul li.animate {
  transform: translateX(0px);
  filter: alpha(opacity=100);
  opacity: 1;
}

.index_history .history_box .his ul li a {
  float: left;
  width: 50%;
  height: 123px;
  display: block;
  position: relative;
}



.index_history .history_box .his ul li a .cont {
  position: absolute;
  left: 0;
  top: 20px;
  height: auto;
  width: 100%;
  padding-right: 200px;
  box-sizing: border-box;
}

.index_history .history_box .his ul li a .cont .day {
  font-size: 20px; font-weight:bold;
  line-height: 28px;
  color: #fff;
  text-align: right;
  transition: all 0.3s;
}

.index_history .history_box .his ul li a .cont .con {
  font-size: 14px;
  line-height: 24px;
  color: #797778;
  text-align: right;
  word-break: break-all;
  transition: all 0.3s;
  margin-top: 14px;
  overflow: hidden;

}
.index_history .history_box .his ul li a .cont .con p{ color:#fff; font-size:16px; line-height:30px;}

.index_history .history_box .his ul li a .cont .more {
  text-align: left;
  margin-top: 8px;
  transition: all 0.3s;
  filter: alpha(opacity=0);
  opacity: 0;
  transform: translateY(10px);
}

.index_history .history_box .his ul li a .cont .more .m {
  display: inline-block;
  width: 84px;
  height: 32px;
  background: #f18d00;
  border-radius: 32px;
  font-size: 12px;
  line-height: 32px;
  color: #fff;
  text-align: center;
}

.index_history .history_box .his ul li a .date {
  float: right;
}

.index_history .history_box .his ul li a .date .ico {
  width: 47px;
  transition: all 0.3s;
  height: 123px;
  background: url(../images/b.png) no-repeat;
  background-size: cover;
  float: right;
}

.index_history .history_box .his ul li a .date .line {
  width: 50px;
  height: 2px;
  transition: all 0.3s;
  background: #ddd;
  float: right;
  margin-top: 61px;
}

.index_history .history_box .his ul li a .date .year {
  float: right;
  width: 90px;
  height: 90px;
  background: #f8f8f8;
  border: 1px solid #ddd;
  box-sizing: border-box;
  border-radius: 50%;
  margin-top: 16px;
  transition: all 0.3s;
  position: relative;
}

.index_history .history_box .his ul li a .date .year .txt {
  width: 100%;
  height: 100%;
  position: relative;
  z-index: 20;
  border-radius: 50%;
  font-size: 20px;
  line-height: 90px;
  color: #fff;
  font-weight: bold;
  text-align: center;
}

.index_history .history_box .his ul li a .date .year .bg {
  width: 68px;
  height: 68px;
  border-radius: 50%;
  transition: all 0.3s;
  background: #ed6d00;
  position: absolute;
  left: 50%;
  margin-left: -34px;
  top: 50%;
  margin-top: -34px; padding:0px
}




.index_history .history_box .tbox {
  text-align: center;
  transition: all 0.5s;
}

.index_history .history_box .tbox .ico_box {
  width: 196px;
  height: 196px;
  border: 1px solid #e6e6e6;
  box-sizing: border-box;
  margin: 0 auto;
  border-radius: 50%;
  padding-top: 24px;
}

.index_history .history_box .tbox .ico_box img {
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-top: 10px;
  animation: pound 0.6s infinite alternate;
}

.index_history .history_box .tbox .ico_box .d {
  width: 12px;
  height: 12px;
  border-raiuds: 50%;
  background: #cccccc;
  border-radius: 50%;
  margin-top: 9px;
  margin-left: auto;
  margin-right: auto;
  animation: move 1.2s linear forwards infinite;
}

.index_history .history_box .tbox .ico_box .d.d2 {
  animation: move 1.2s 0.2s linear forwards infinite;
}

.index_history .history_box .tbox .ico_box .d.d3 {
  animation: move 1.2s 0.4s linear forwards infinite;
}

.index_history .history_box .tbox .en {
  font-size: 40px;
  line-height: 40px;
  color: #ccc;
  margin-top: 15px;
  font-family: Arial;
  text-transform: uppercase;
}

.index_history .history_box .tbox .cn {
  font-size: 20px;
  line-height: 32px;
  color: #ccc;
}



.index_history .history_box .his_detail {
  padding-top: 65px;
  padding-bottom: 23px;
}

.index_history .history_box .his_detail .his_l {
  text-align: center;
  transition: all 0.5s;
  display: inline-block;
}

.index_history .history_box .his_detail .his_l .year {
  font-size: 60px;
  line-height: 60px;
  margin-top: 20px;
  padding-bottom: 40px;
  display: inline-block;
  color: #f18d00;
}

.index_history .history_box .his_detail .his_l .year span {
  font-size: 20px;
  line-height: 30px;
  display: inline-block;
  vertical-align: bottom;
}

.index_history .history_box .his_detail .his_l .d {
  text-align: center;
}

.index_history .history_box .his_detail .his_l .d i:nth-child(2) {
  animation: move2 1.2s 0.2s linear forwards infinite;
}

.index_history .history_box .his_detail .his_l .d i:nth-child(3) {
  animation: move2 1.2s 0.4s linear forwards infinite;
}

.index_history .history_box .his_detail .his_l .d i:nth-child(4) {
  animation: move2 1.2s 0.6s linear forwards infinite;
}

.index_history .history_box .his_detail .his_l .d i:nth-child(5) {
  animation: move2 1.2s 0.8s linear forwards infinite;
}

.index_history .history_box .his_detail .his_l .d i:nth-child(5) {
  animation: move2 1.2s 1s linear forwards infinite;
}

.index_history .history_box .his_detail .his_l .d i {
  width: 12px;
  margin: 0 3px;
  height: 12px;
  border-raiuds: 50%;
  display: inline-block;
  background: #cccccc;
  border-radius: 50%;
  animation: move2 1.2s linear forwards infinite;
}

.index_history .history_box .his_detail .his_l .return {
  display: inline-block;
  width: 84px;
  height: 32px;
  background: #f18d00;
  border-radius: 32px;
  font-size: 12px;
  line-height: 32px;
  color: #fff;
  text-align: center;
  margin-top: 24px;
}

.index_history .history_box .his_detail .his_r {
  width: 79%;
  float: right;
  position: relative;
  transition: all 0.5s 0.2s;
}

.index_history .history_box .his_detail .his_r .line {
  width: 6px;
  height: 100%;
  position: absolute;
  left: 90px;
  background: #ccc;
  border-radius: 6px;
}

.index_history .history_box .his_detail .his_r ul {
  padding: 50px 0;
}

.index_history .history_box .his_detail .his_r ul li {
  position: relative;
  margin-bottom: 22px;
}

.index_history .history_box .his_detail .his_r ul li .month {
  width: 100px;
  position: absolute;
  left: 0;
  top: 0;
  transition: all 0.5s;
  font-size: 20px;
  line-height: 30px;
  color: #666;
}

.index_history .history_box .his_detail .his_r ul li .month .border {
  width: 14px;
  height: 14px;
  border-radius: 50%;
  background: #fff;
  border: 5px solid #ccc;
  transition: all 0.5s;
  box-sizing: border-box;
  position: absolute;
  right: 0;
  top: 50%;
  margin-top: -7px;
}

.index_history .history_box .his_detail .his_r ul li .month .border i {
  width: 6px;
  height: 6px;
  transition: all 0.5s;
  position: absolute;
  left: 50%;
  margin-left: -3px;
  top: 50%;
  margin-top: -3px;
  background: #fff;
  border-radius: 50%;
  display: block;
}

.index_history .history_box .his_detail .his_r ul li .cont {
  box-sizing: border-box;
  width: 100%;
  transition: all 0.5s;
  color: #666;
  padding-left: 140px;
}

.index_history .history_box .his_detail .his_r ul li .cont p {
  font-size: 14px;
  line-height: 32px;
}







.index_history .history_box .cul_box {
  width: 538px;
  height: 538px;
  border: 1px solid #f8f8f8;
  margin-left: auto;
  margin-right: auto;
  margin-top: 100px;
  margin-bottom: 45px;
  border-radius: 50%;
  background: url(../images/2.png) no-repeat center center #fff;
  position: relative;
}

.index_history .history_box .cul_box .bg {
  width: 340px;
  height: 340px;
  position: absolute;
  left: 50%;
  margin-left: -170px;
  top: 50%;
  margin-top: -170px;
  background: url(../images/cbg.png) no-repeat center center;
  background-size: cover;
  text-align: center;
  line-height: 340px;
}

.index_history .history_box .cul_box ul {
  position: absolute;
  width: 100%;
  height: 100%;
}

.index_history .history_box .cul_box ul li {
  position: absolute;
  display: inline-block;
  left: 50%;
  margin-left: -68px;
  top: -20%;
}



.index_history .history_box .cul_box ul li.l2 {
  top: 17.5%;
  margin-left: 0px;
  left: -8%;
}

.index_history .history_box .cul_box ul li.l2 .txt {
  position: absolute;
  height: 100%;
  left: -115px;
}

.index_history .history_box .cul_box ul li.l2 .txt .tab {
  width: 100%;
  height: 100%;
  display: table;
}

.index_history .history_box .cul_box ul li.l2 .txt .tab .tab_cell {
  display: table-cell;
  vertical-align: middle;
}

.index_history .history_box .cul_box ul li.l3 {
  top: 17.5%;
  margin-left: 0px;
  right: -8%;
  left: auto;
}

.index_history .history_box .cul_box ul li.l3 .txt {
  position: absolute;
  height: 100%;
  right: -115px;
}

.index_history .history_box .cul_box ul li.l3 .txt .tab {
  width: 100%;
  height: 100%;
  display: table;
}

.index_history .history_box .cul_box ul li.l3 .txt .tab .tab_cell {
  display: table-cell;
  vertical-align: middle;
}

.index_history .history_box .cul_box ul li.l3 .txt_box {
  left: auto;
  right: 100%;
  margin-right: 30px;
  margin-left: 0;
}

.index_history .history_box .cul_box ul li.l3 .txt_box .arrow {
  left: auto;
  right: -23px;
  background: url(../images/arrow3.png) no-repeat #fff;
}

.index_history .history_box .cul_box ul li.l4 {
  top: 66.9%;
  margin-left: 0px;
  left: -4%;
}

.index_history .history_box .cul_box ul li.l4 .txt {
  position: absolute;
  height: 100%;
  left: -140px;
}

.index_history .history_box .cul_box ul li.l4 .txt .tab {
  width: 100%;
  height: 100%;
  display: table;
}

.index_history .history_box .cul_box ul li.l4 .txt .tab .tab_cell {
  display: table-cell;
  vertical-align: middle;
}

.index_history .history_box .cul_box ul li.l5 {
  top: 66.9%;
  margin-left: 0px;
  right: -4%;
  left: auto;
}

.index_history .history_box .cul_box ul li.l5 .txt_box {
  left: auto;
  right: 100%;
  margin-right: 30px;
  margin-left: 0;
}

.index_history .history_box .cul_box ul li.l5 .txt_box .arrow {
  left: auto;
  right: -23px;
  background: url(../images/arrow3.png) no-repeat #fff;
}

.index_history .history_box .cul_box ul li.l5 .txt {
  position: absolute;
  height: 100%;
  right: -165px;
}

.index_history .history_box .cul_box ul li.l5 .txt .tab {
  width: 100%;
  height: 100%;
  display: table;
}

.index_history .history_box .cul_box ul li.l5 .txt .tab .tab_cell {
  display: table-cell;
  vertical-align: middle;
}

.index_history .history_box .cul_box ul li .txt_box {
  width: 725px;
  height: auto;
  border-radius: 10px;
  background: rgba(255, 255, 255, 0.9);
  padding: 0 32px;
  box-sizing: border-box;
  position: absolute;
  box-shadow: 0 1px 12px rgba(0, 0, 0, 0.15);
  left: 100%;
  top: 50%;
  margin-top: -123px;
  z-index: 20;
  margin-left: 30px;
  transform: translateX(50px);
  filter: alpha(opacity=0);
  opacity: 0;
  visibility: hidden;
  transition: all 0.5s;
}

.index_history .history_box .cul_box ul li .txt_box .arrow {
  width: 23px;
  height: 23px;
  position: absolute;
  left: -23px;
  top: 50%;
  margin-top: -11.5px;
  background: url(../images/arrow2.png) no-repeat #fff;
  z-index: 10;
}

.index_history .history_box .cul_box ul li .txt_box .t {
  font-size: 24px;
  line-height: 42px;
  color: #f18d00;
  padding-top: 32px;
}

.index_history .history_box .cul_box ul li .txt_box .con {
  font-size: 14px;
  line-height: 28px;
  color: #666;
  padding-bottom: 47px;
  margin-top: 13px;
}

.index_history .history_box .cul_box ul li .txt .tab {
  display: block;
}

.index_history .history_box .cul_box ul li .txt .tab .tab_cell {
  display: block;
  text-align: center;
  font-size: 24px;
  line-height: 40px;
  color: #666;
}

.index_history .history_box .cul_box ul li .tu {
  width: 136px;
  border-radius: 50%;
  box-shadow: 3px 4px 5px rgba(6, 0, 1, 0.25);
  height: 136px;
  margin-top: 10px;
  overflow: hidden;
  position: relative;
}

.index_history .history_box .cul_box ul li .tu .border {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  position: absolute;
  left: 0;
  top: 0;
  background: url(../images/border.png) no-repeat;
  background-size: cover;
}

.index_history .history_box .cul_box ul li .tu img {
  width: 100%;
  height: auto;
  display: block;
  border-radius: 50%;
}

 .index_history .history_box .his ul li a:hover .cont .day,
  .index_history .history_box .his ul li a:hover .cont .con {
      color: #f18d00;
  }

  .index_history .history_box .his ul li a:hover .cont .more {
      filter: alpha(opacity=100);
      opacity: 1;
      transform: translateY(0px);
  }

  .index_history .history_box .his ul li a:hover .date .ico {
      background: url(../images/b5.png) no-repeat;
  }

  .index_history .history_box .his ul li a:hover .date .line {
      background: #f18d00;
  }

  .index_history .history_box .his ul li a:hover .date .year {
      border-color: #f18d00;
  }

  .index_history .history_box .his ul li a:hover .date .year .bg {
      width: 100%;
      height: 100%;
      left: 0;
      top: 0;
      background: #f18d00;
      margin-left: 0;
      margin-top: 0;
  }

 .index_history .history_box .his ul li:nth-child(even) a:hover .cont .day,
  .index_history .history_box .his ul li:nth-child(even) a:hover .cont .con {
      color: #f18d00;
  }

  .index_history .history_box .his ul li:nth-child(even) a:hover .cont .more {
      filter: alpha(opacity=100);
      opacity: 1;
      transform: translateY(0px);
  }

  .index_history .history_box .his ul li:nth-child(even) a:hover .date .ico {
      background: url(../images/b4.png) no-repeat;
  }

  .index_history .history_box .his ul li:nth-child(even) a:hover .date .line {
      background: #f18d00;
  }

  .index_history .history_box .his ul li:nth-child(even) a:hover .date .year {
      border-color: #f18d00;
  }

  .index_history .history_box .his ul li:nth-child(even) a:hover .date .year .bg {
      width: 100%;
      height: 100%;
      left: 0;
      top: 0;
      background: #f18d00;
      margin-left: 0;
      margin-top: 0;
  }

.ny_video{ width:100% !important;}
.ny_case{ padding:50px 0px; width:1200px; margin:0px auto}
.ny_case .ny_caselist li{ float:left; padding:10px; background:#eee; ; border-radius:5px;; margin:0px 100px 50px 0px}
.ny_case .ny_caselist li:nth-child(2n){ margin:0px 0px 50px 0px}
.ny_case .ny_caselist li .title{ background:#c71279; color:#fff; height:50px; line-height:50px; text-align:center; font-size:16px;}
.yinyue{  position:fixed; bottom:0px; left:0px; z-index:9999}
.music video{ height:30px !important; padding:0px}

/*悬浮链接*/
.suspension{position:fixed;z-index:55555;right:0;bottom:85px;width:70px;height:240px;}
.suspension-box{position:relative;float:right;}
.suspension .a{display:block;width:44px;height:44px;background-color:#353535;margin-bottom:4px;cursor:pointer;outline:none;}
.suspension .a.active,
.suspension .a:hover{background:#F05352;}
.suspension .a .i{float:left;width:44px;height:44px;background-image:url(../images/side_icon.png);background-repeat:no-repeat;}
/* .suspension .a-service .i{background-position:0 0;} */
.suspension .a-service .i{width:20px;height:20px;margin-top:12px;margin-left:12px;background-image:url(../images/suspension-bg.png);background-repeat:no-repeat;background-position:0 0;}
.suspension .a-service-phone .i{width:20px;height:20px;margin-top:12px;margin-left:12px;background-image:url(../images/suspension-bg.png);background-repeat:no-repeat;background-position:-27px 0;}
.suspension .a-qrcode .i{background-position:-44px 0;}
.suspension .a-cart .i{background-position:-88px 0;}
.suspension .a-top .i{background-position:-132px 0;}
.suspension .a-top{background:#D2D3D6;display:none;}
.suspension .a-top:hover{background:#c0c1c3;}
.suspension .d{display:none;width:223px;background:#fff;position:absolute;right:67px;min-height:90px;border:1px solid #E0E1E5;border-radius:3px;box-shadow:0px 2px 5px 0px rgba(161, 163, 175, 0.11);}
.suspension .d .arrow{position:absolute;width:8px;height:12px;background:url(../images/side_bg_arrow.png) no-repeat;right:-8px;top:31px;}
.suspension .d-service{top:0;}
.suspension .d-service-phone{top:34px;}
.suspension .d-qrcode{top:78px;}
.suspension .d .inner-box{padding:8px 22px 12px;}
.suspension .d-service-item{padding:14px 0;}
.suspension .d-service .d-service-item{border-bottom:none;}
.suspension .d-service-item .circle{width:44px;height:44px;border-radius:50%;overflow:hidden;background:#F1F1F3;display:block;float:left;}
.suspension .d-service-item .i-qq{width:44px;height:44px;background:url(../images/side_con_icon03.png) no-repeat center 15px;display:block;transition:all .2s;border-radius:50%;overflow:hidden;}
.suspension .d-service-item:hover .i-qq{background-position:center 3px;}
.suspension .d-service-item .i-tel{width:44px;height:44px;background:url(../images/side_con_icon02.png) no-repeat center center;display:block;}
.suspension .d-service-item h3{float:left;width:112px;line-height:44px;font-size:15px;margin-left:12px;}
.suspension .d-service-item .text{float:left;width:112px;line-height:22px;font-size:15px;margin-left:12px;}
.suspension .d-service-item .text .number{font-family:Arial,"Microsoft Yahei","HanHei SC",PingHei,"PingFang SC","Helvetica Neue",Helvetica,Arial,"Hiragino Sans GB","Heiti SC","WenQuanYi Micro Hei",sans-serif;}
.suspension .d-service-intro{padding-top:10px;}
.suspension .d-service-intro p{float:left;line-height:27px;font-size:12px;width:50%;white-space:nowrap;color:#888;}
.suspension .d-service-intro i{background:url(../images/side_con_icon01.png) no-repeat center center;height:27px;width:14px;margin-right:5px;vertical-align:top;display:inline-block;}
.suspension .d-qrcode{text-align:center;}
.suspension .d-qrcode .inner-box{padding:20px 0;}
.suspension .d-qrcode p{font-size:16px;color:#93959c;}


#gla{
	
	overflow:hidden;
	margin:0 auto;
	position:relative;
	height:560px;
}
.bac{
	position:absolute;
	bottom:0;
	left:50px;
}
#gla_box{
	width:1200px;
	margin:auto;
}
.gla_inbox{
	overflow:hidden;
	position:relative;
}
.gla_inbox p{
	text-indent:1em;
	font-size:16px;
	width:100%;
	color:#FFFFFF;
	line-height:40px;
	background:#000000;
}
.gla_inbox a{
	padding:10px;
	display:block;
	position:absolute;
	bottom:0px;
	left:0px;
	background:#c71279;  width:100%; text-align:center;
	color:#FFF;
}
.gla_inbox img{
	width:100%;
	height:100%;
}
.roundabout-holder {
	height:500px;
	width: 1200px;
}
.roundabout-moveable-item {
	display:block;
	height: 300px;
	width: 500px;;
	cursor: pointer;
}
.roundabout-in-focus {
	cursor: auto;
}
/*首页Logo栏*/
#logos{
	background:url(logos_bac.jpg);
	margin:auto;
	margin-top:10px;
	margin-bottom:10px;
	height:136px;
	width:1000px;
	border:1px solid #999;
}
#sth{
	float:left;
	padding:6px;
	padding-left:15px;
}
#logos ul{
	margin-top:8px;
	margin-left:80px;
}
#logos li{
	padding:5px;
	display:block;
	width:140px;
	float:left;
}
#logos li img{
	height:50px;
	width:130px;
}
/*内页共有*/
#neiye{
	width:1000px;
	margin:auto;
	margin-top:7px;
	margin-bottom:50px;
}
#top_img{
	margin-bottom:4px;
}
#top_img img{
	width:1000px;
}
#con_top img{
	width:1000px;
}
#sidebar{
	width:200px;
	float:left;
}
#sidebar li{
	border-bottom:1px solid #6d82ab;
	padding-left:25px;
	background:#536588;
	line-height:26px;
}
.li_hover{
	background:url(list_bg.jpg) !important;
	border-bottom:1px solid #6d82ab !important;
}
.a_hover{
	color:#536588 !important;
}
#sidebar li a{
	
	font-size:12px;
	font-weight:600;
	color:#FFF;
}
#r_con{
	width:780px;
	float:right;
}
#r_con *{
	
}
#r_con_top{
	border-bottom:1px solid #CCC;
	line-height:30px;
	
}
#r_con_top p{
	color:#CCCCCC;
}
#r_con_top span{
	color:#CCCCCC;
	padding-left:5px;
	padding-right:5px;
}
/*neiye*/
.jianjie p{
	text-indent:2em;
	margin-top:10px;
	margin-bottom:20px;
	font-size:14px;
	line-height:22px;
}
.jianjie img{
	margin:3px;
	_margin:2px;
	float:left;
}
/*neiye2*/
.inc_2{
	margin-left:30px;
	width:720px;
	border-bottom:1px solid #f5f5f5;
}
.inc_1{
	padding-right:19px;
	float:left;
	width:340px;
	margin-top:8px;
	margin-bottom:8px;
}
.inc_1 a{
	font-weight:600;
	color:#0460cd;
	line-height:24px;
	font-size:14px;
	text-decoration:underline;
}
.inc_1 a:hover{
	text-decoration:none;
}
.inc_1 p{
	color:#333333;
	line-height:16px;
}
.inc_1 img{
	margin-left:20px;
	margin-right:5px;
	float:left;
}
.inc_1_border{
	border-left:1px solid #f5f5f5;
}
.inc_2_box{
	margin-top:10px;
}
/*neiye3*/
.con ul{
	margin-top:15px;
	margin-left:30px;
}
.con li{
	padding-left:5px;
	display:block;
	width:720px;
	height:24px;
	line-height:24px;
	margin-top:0;
}
.con li a{
	padding-left:12px;
	background:url(ico.png) no-repeat;
	display:block;
	float:left;
	color:#727576;
}
.con li span{
	color:#6c6f70;
	padding-right:10px;
	display:block;
	float:right;
}
/*neiye4*/
.product{
	overflow:hidden;
	margin:10px;
	float:left;
	width:170px;
	height:250px;
}
.product p{
	line-height:20px;
}
.product a{
	font-weight:600;
	line-height:30px;
	color:#00b1f1;
	font-size:14px;
}
/*neiye5*/
.artc_con{
	width:740px;
	margin-left:20px;
}
.artc_con h3{
	font-family: "黑体" !important;
	line-height:50px;
	font-size:24px;
	text-align:center;
}
.artc_con_de{
	text-align:center;
	background:#efefef;
}
.artc_con_de span *{
	color:#919191;
}
.artc_con_de span{
	color:#919191;
	margin-left:5px;
	margin-right:5px;
	line-height:24px;
}
/*jiejue*/
.jiejue{
	margin-top:10px;
	width:720px;
	margin-left:30px;
}
.jiejue_top{
	padding-bottom:10px;
	border-bottom:1px solid #CCC;
}
.jiejue_top a{
	color:#61c339;
	font-family: "微软雅黑" !important;
	font-weight:600;
	font-size:20px;
	line-height:45px;
}
.jiejue_top img{
	margin-right:10px;
	float:left;
}
.jiejue_top p{
	margin-left:54px;
	line-height:20px;
}
.jiejue_con{
	margin:20px;
	margin-left:30px;
	_margin-left:20px;
	float:left;
	width:305px;
}
.jiejue_con h3{
	color:#008cd9;
	font-size:18px;
}
.jiejue_con img{
	margin-top:5px;
	margin-bottom:5px;
}
.jiejue_con p{
	color:#6a6a6a;
	line-height:20px;
}
.jiejue_con li{
	line-height:20px;
	list-style:disc inside;
}
.jiejue_con li a{
	font-weight:600;
	color:#008cd9;
}
.ievent {  padding:60px 0px; }
.ievent .tit{ text-align:center; margin-bottom:10px}
.ievent .tit h1{ font-size:30px; letter-spacing:2px; font-weight:normal; text-align:center; margin-bottom:10px}
.ievent .tit h2{ font-size:18px; letter-spacing:1px; font-weight:normal; text-align:center; margin-bottom:10px; color:#c71279}

 .ievent .more{}
.ievent .more a{ background:#535353; color:#fff; padding:17px 20px;; border-radius:15px; display:block; width:120px; margin:0px auto; text-align:center; font-size:16px;}
.ievent .more:hover a{ background:#c71279; color:#fff }

.proList-category{max-width:310px;padding:0 20px;}
.proList-category h2{font-weight: bold;color: #292929;padding:15px 0;border-bottom:2px solid #d3d3d3; font-size:20px; padding-right:80px}
.proList-category dl{margin:16px 0 55px;}
.proList-category dl dd{font-weight: bold; margin:0px 0px 26px 0px; font-size:18px; color:#515a6e}
.proList-category dl dt p{margin-bottom: 25px;}
.proList-category dl dt a{color:#999; font-weight:bold; font-size:16px;}
.proList-category dl dt p:hover a{ color:#c71279}
.ny_product .prowidth{overflow:hidden; padding:10px 20px; width:890px}
.ny_product .pro_list{padding:0;list-style:none;overflow:hidden;}
.ny_product .pro_list li{float:left;width:430px; background:#E8EEEE; margin:10px 30px 10px 0px}
.ny_product .pro_list li:nth-child(2n){ margin:10px 0px 10px 0px}
.ny_product .pro_list li a{border:1px solid #eee;display:block; padding:15px 15px 0px 15px}
.ny_product .pro_list li a img{border:1px solid #eee;}
.ny_product .pro_list li a .title{text-align:center;font-size:16px;height:60px;line-height:60px;font-family: "Microsoft YaHei","Source Han Sans CN","Helvetica Neue",Arial,Verdana,sans-serif; font-weight:bold; color:#333}
.ny_product .pro_list li a .intro{line-height:18px;color:#999;word-break:break-all;min-height:55px;}
.ny_product .pro_list li a .more{display:block;margin:15px auto 10px auto;text-align:center;background:#e5e5e5;width:90px;line-height:24px;}
.ny_product .pro_list li a:hover{border:1px solid #ddd;}
.ny_product .pro_list li a:hover .title{color:#c71279;}
.ny_product .pro_list li a:hover .more{background:#c71279;color:#fff;}


.recList{margin-bottom:100px; border-top:1px solid #e5e5e5; margin-top:50px}
.recList h2{font-weight: bold;padding-left:50px; font-size:16px}
.recList ul{ overflow:hidden}
.recList ul li{float: left;margin:30px 0;width:29.2%;margin-right:6.2%;text-align: center; }
.recList ul li img{  width:100%}
.recList ul li:nth-child(3n+3){margin-right: 0;}
.recList ul li .recList-item-img{position: relative;}
.recList-item-btn{display: none;font-family: 'shs_regular';width:100%;position: absolute;top:50%;left:0;margin-top:-60px;z-index:1;}
.recList-item-btn a{cursor: pointer;display: block;margin:20px auto;width:59.7%;height:40px;line-height:40px;border:1px solid #000;background: #000;color:#fff;}
.recList-item-btn .viewmore-btn{background: #fff;color:#000;}
.recList ul li:hover .recList-item-btn{display: block;}
.recList ul li h3{color:#202020;font-weight: bold;margin:35px 0 10px;}