@charset "UTF-8";

/**
 * 
 * @authors John (ho@juhui.pro)
 * @date    2016-05-18 11:45:53
 * @version $0.0.1$
 */

* {
    margin: 0;
    padding: 0;
    border: 0;
}

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

li {
    list-style-type: none;
}

a {
    text-decoration: none;
    color: #000000;
}

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

body > div > div > div {
    display: block;
    width: 1000px;
    margin: 0 auto;
}


/***  HEADER区域  ***/

#header #title {
    height: 77px;
}

#title #title_main {
    height: 77px;
}

#title_main img {
	width:1000px; 
	height:77;
}

#header #nav {
    height: 57px;
    border-top: 1px #000000 solid;
    overflow: visible;
}

#nav #nav_main {
    height: 57px;
}

#nav_main ul {
    display: block;
    height: 57px;
    width: 1000px;
    /*border-top: 1px #000000 solid;*/
}

#nav_main ul li {
    display: inline-block;
    height: 57px;
    line-height: 56px;
    text-align: center;
    width: 111px;
    background: url(../images/nav_slider.png) no-repeat center right;
    float: left;
	position:relative;
}

#nav_main ul li:last-child {
    background-image: none;
}

#nav_main ul li a {
    display: inline-block;
    height: 57px;
    width: 111px;
}

#nav_main ul li a:hover {
    background-color: #0078C1;
    color: #FFFFFF;
    border-top: 3px #3D3D3D solid;
    margin-top: -3px;
}

.second{ width:180px; position:absolute; left:-30%; top:100%;background-color:rgba(27,92,158,0.8); display:none; z-index:999999999999;}
.second dt{ width:180px;  height:35px!important; line-height:35px!important;}
.second dt a{ color:#FFF;display: inline-block;/*height: 57px;*/width: 111px; white-space:nowrap; text-overflow:ellipsis;overflow:hidden;}
#nav_main ul li .second dt:hover a{ color:#fff; height:35px; border-top:none; margin-top:0; }

#nav_main ul li .second dt:hover{ background-color:#0075c2;}
#nav_main ul li:hover .second{ display:block;}



#header #banner {
    height: 504px;
}

.flexslider {
    /*margin: 0 auto 30px;*/
    position: relative;
    width: 100%;
    height: 504px;
    overflow: hidden;
    zoom: 1
}

.flexslider .slides li {
    width: 100%;
    height: 100%
}

.flex-direction-nav a {
    width: 70px;
    height: 70px;
    line-height: 99em;
    overflow: hidden;
    margin: -35px 0 0;
    display: block;
    background: url(../images/ad_ctr.png?1605231327) no-repeat;
    position: absolute;
    top: 50%;
    z-index: 10;
    cursor: pointer;
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transition: all .3s ease;
    border-radius: 35px
}

.flex-direction-nav .flex-next {
    background-position: 0 -70px;
    right: 20%
}

.flex-direction-nav .flex-prev {
    left: 20%
}

.flexslider:hover .flex-next,
.flexslider:hover .flex-prev {
    opacity: .8;
    filter: alpha(opacity=25)
}

.flexslider:hover .flex-next:hover,
.flexslider:hover .flex-prev:hover {
    opacity: 1;
    filter: alpha(opacity=50)
}

.flex-control-nav {
    width: 100%;
    position: absolute;
    bottom: 10px;
    text-align: center
}

.flex-control-nav li {
    margin: 0 2px;
    display: inline-block;
    zoom: 1;
    *display: inline
}

.flex-control-paging li a {
    background: url(../images/dot.png?1605231327) no-repeat 0 -16px;
    display: block;
    height: 16px;
    overflow: hidden;
    text-indent: -99em;
    width: 16px;
    cursor: pointer
}

.flex-control-paging li a.flex-active,
.flex-control-paging li.active a {
    background-position: 0 0
}

.flexslider .slides a img {
    width: 100%;
    height: 482px;
    display: block
}

@media only screen and (max-width:1440px){
	#header #banner {height: 378px;}
	.flexslider {height: 378px;}
	.flexslider .slides li img {width: 100%;height: 378px;}
}


/***  CONTENT区域  ***/

#content #aboutus {
    height: 500px;
    background: url(../images/about_bg.jpg) no-repeat center center;
}

#aboutus #aboutus_main {
    height: 500px;
}

#aboutus_main #aboutus_main_top,
#product_main #product_main_top {
    display: block;
    width: 180px;
    height: 61px;
    text-align: center;
    margin: 30px auto 15px;
}

#aboutus_main #aboutus_main_top img,
#product_main #product_main_top img {
    display: block;
    float: left;
}

#aboutus_main_top h4,
#product_main_top h4 {
    letter-spacing: 0.2em;
    float: left;
    font-size: 22px;
    margin: 8px 0px 0px 10px;
}

#aboutus_main_top h5,
#product_main_top h5 {
    float: left;
    margin-left: 10px;
    font-size: 15px;
}

#aboutus_main hr,
#product_main hr {
    background-color: #333333;
    width: 334px;
    height: 2px;
    margin: 0px auto 28px;
}

#aboutus_main hr::before {
    content: "";
    position: relative;
    width: 25px;
    height: 20px;
    display: block;
    margin: 0 auto;
    z-index: 2;
    top: -6px;
    background: url(../images/arrows_glay.png) no-repeat;
}

#product_main hr::before {
    content: "";
    position: relative;
    width: 25px;
    height: 20px;
    display: block;
    margin: 0 auto;
    z-index: 2;
    top: -6px;
    background: url(../images/arrows_white.png) no-repeat;
}

#content > div > div > h3 {
    text-align: center;
    margin-top: 14px;
    margin-bottom: 30px;
}

#content > div > div > h3 span {
    color: #0079C1;
}

#aboutus_main #aboutus_main_left {
    display: inline-block;
    height: 225px;
    width: 605px;
    padding: 10px 15px;
    text-indent: 2em;
    line-height: 32px;
    border-top: 2px #333333 solid;
    border-bottom: 2px #333333 solid;
}

#aboutus_main #aboutus_main_left p:last-child {
    /*margin-top: 25px;*/
}

#aboutus_main #aboutus_main_right {
    display: inline-block;
    height: 245px;
    width: 340px;
    float: right;
}

#aboutus_main #aboutus_main_right a {
    display: inline-block;
    height: 25px;
    width: 98px;
    border: 3px #0079C1 solid;
    text-align: center;
    line-height: 25px;
}

#content #product {
    height: auto;
}

#product #product_main {
    height: 193px;
}

#product_main #product_main_nav {
    display: block;
    width: 1000px;
    height: 42px;
    margin-bottom: 48px;
}

#product_main_nav > span {
    display: inline-block;
    cursor: pointer;
    width: 28px;
    height: 38px;
    line-height: 38px;
    text-align: center;
    border: 2px #000000 solid;
    font-size: 1.5em;
}

#product_main_nav span:first-child {
    float: left;
}

#product_main_nav span:last-child {
    float: right;
}

#product_main_nav ul {
    display: inline-block;
    width: 916px;
    height: 38px;
    line-height: 38px;
    border: 2px #000000 solid;
    font-size: 1em;
    margin-left: 8px;
}

#product_main_nav ul li {
    display: inline-block;
    width: 163px;
    height: 38px;
    line-height: 38px;
    text-align: center;
    float: left;
}

#product_main_nav ul li a {
    display: inline-block;
    width: 163px;
    height: 38px;
}

#product_main_nav ul li a:hover, #product_main_nav ul .select a{
    background-color: #0078C1;
    color: #FFFFFF;
}


#product #product_main_show {
    width: 1490px;
    height: 258px;
}

#product #product_main_show a {
    display: inline-block;
    width: 285px;
    height: 258px;
    text-align: center;
    float: left;
    margin-right: 10px;
    border: 1px #EFEFEF solid;
}

#product #product_main_show img {
    display: inline-block;
    width: 285px;
    height: 213px;
    border-bottom: 1px #EFEFEF solid;
}

#product #product_main_show span {
    display: inline-block;
    width: 285px;
    height: 38px;
    line-height: 38px;
    float: left;
}

#product #product_main_show a:nth-of-type(5) {
    margin-right: 0px;
}

#product > a {
    display: block;
    width: 200px;
    height: 30px;
    line-height: 30px;
    padding: 5px 15px;
    text-align: left;
    background: url(../images/arrows01.png) no-repeat 90% center;
    margin: 40px auto 0;
    border: 1px #333333 solid;
}

@media only screen and (max-width:1440px){
	
	#product #product_main_show {
    width: 1117px;
    height: 194px;
}

#product #product_main_show a {
    display: inline-block;
    width: 214px;
    height: 194px;
    text-align: center;
    float: left;
    margin-right: 9px;
    border: 1px #EFEFEF solid;
}

#product #product_main_show img {
    display: inline-block;
    width: 214px;
    height: 160px;
    border-bottom: 1px #EFEFEF solid;
}

#product #product_main_show span {
    display: inline-block;
    width: 214px;
    height: 34px;
    line-height: 34px;
    float: left;
}

#product #product_main_show a:nth-of-type(5) {
    margin-right: 0px;
}

#product > a {
    display: block;
    width: 200px;
    height: 30px;
    line-height: 30px;
    padding: 5px 15px;
    text-align: left;
    background: url(../images/arrows01.png) no-repeat 90% center;
    margin: 40px auto 0;
    border: 1px #333333 solid;
}

	
	
}

#content #news {
    height: 360px;
	margin-top:50px;
    background: url(../images/news.jpg) center 88px no-repeat, url(../images/news_bg.jpg) center center no-repeat;
}

#content #news_main {
    display: block;
    height: 360px;
}

#content #news_main .news_box {
    display: block;
    width: 340px;
    height: 78px;
    float: left;
    color: #FFFFFF;
}

#news_main .news_box .news_box_date {
    display: block;
    width: 74px;
    height: 74px;
    font-weight: bold;
    border: 2px #FFFFFF solid;
    text-align: center;
    float: left;
}

#news_main > a {
    display: block;
    width: 200px;
    height: 30px;
    line-height: 30px;
    padding: 5px 15px;
    text-align: left;
    color: #FFFFFF;
    background: url(../images/arrows02.png) no-repeat 90% center;
    border: 1px #FFFFFF solid;
    float: left;
    margin: 80px 0 0 45px;
    position: relative;
}

.news_box .news_box_date p:first-child {
    font-size: 2.5em;
}

.news_box .news_box_date p:last-child {
    font-size: 1em;
}

.news_box .news_box_content {
    display: block;
    width: 244px;
    height: 78px;
    margin-left: 10px;
    float: left;
    overflow: hidden;
}

.news_box .news_box_content hr {
    width: 180px;
    height: 1px;
    background-color: #FFFFFF;
    margin: 5px 0 10px;
}

#content #news_main > div:nth-of-type(1), #content #news_main > div:nth-of-type(2){
    margin-top: 88px;
    margin-bottom: 35px;
}

#content #news_main > div:nth-of-type(2n){
    float: right;
}

#content #news_main > div:nth-of-type(2n+1){
    float: left;
}

#content #case {
    height: 550px;
    background-color: #3D3D3D;
}

#case #case_main {
    height: 550px;
}

#case_main .case_main_show {
    display: block;
    width: 330px;
    height: 248px;
    text-align: center;
    float: left;
    margin-top: 60px;
}

@keyframes caseup
{
   0%   {transform: translateY(0px);}
   20%  {transform: translateY(-8px);}
   40%  {transform: translateY(-16px);}
   60%  {transform: translateY(-24px);}
   80%  {transform: translateY(-32px);}
   100% {transform: translateY(-40px);}
}

@-moz-keyframes caseup
{
   0%   {transform: translateY(0px);}
   20%  {transform: translateY(-8px);}
   40%  {transform: translateY(-16px);}
   60%  {transform: translateY(-24px);}
   80%  {transform: translateY(-32px);}
   100% {transform: translateY(-40px);}
}

@-webkit-keyframes caseup
{
   0%   {transform: translateY(0px);}
   20%  {transform: translateY(-8px);}
   40%  {transform: translateY(-16px);}
   60%  {transform: translateY(-24px);}
   80%  {transform: translateY(-32px);}
   100% {transform: translateY(-40px);}
}

#case_main .case_main_show:hover{
	animation-name: caseup;
	animation-duration: 1s;
	animation-timing-function: linear;
	animation-delay: 0;
	animation-iteration-count: 1;
	animation-direction: normal;
	animation-play-state: running;
	animation-fill-mode: forwards;

	-moz-animation-name: caseup;
	-moz-animation-duration: 1s;
	-moz-animation-timing-function: linear;
	-moz-animation-delay: 0;
	-moz-animation-iteration-count: 1;
	-moz-animation-direction: normal;
	-moz-animation-play-state: running;
	-webkit-animation-fill-mode: forwards;

	-webkit-animation-name: caseup;
	-webkit-animation-duration: 1s;
	-webkit-animation-timing-function: linear;
	-webkit-animation-delay: 0;
	-webkit-animation-iteration-count: 1;
	-webkit-animation-direction: normal;
	-webkit-animation-play-state: running;
	-webkit-animation-fill-mode: forwards;
}

#case_main .case_main_show span{
	display: block;
	opacity: 0;
	width: 280px;
	height: 140px;
	background: url(../images/product.jpg) no-repeat;
	margin: 0 auto;
}

@keyframes spanshow
{
   0%   {opacity: 0; transform: translateY(0px);}
   33%  {opacity: 0.3; transform: translateY(-20px);}
   66%  {opacity: 0.6; transform: translateY(-50px);}
   100% {opacity: 1; transform: translateY(-80px);}
}

@-moz-keyframes spanshow
{
   0%   {opacity: 0; transform: translateY(0px);}
   33%  {opacity: 0.3; transform: translateY(-20px);}
   66%  {opacity: 0.6; transform: translateY(-50px);}
   100% {opacity: 1; transform: translateY(-80px);}
}

@-webkit-keyframes spanshow
{
   0%   {opacity: 0; transform: translateY(0px);}
   33%  {opacity: 0.3; transform: translateY(-20px);}
   66%  {opacity: 0.6; transform: translateY(-50px);}
   100% {opacity: 1; transform: translateY(-80px);}
}

#case_main .case_main_show:hover span{
	animation-name: spanshow;
	animation-duration: 1s;
	animation-timing-function: linear;
	animation-delay: 0;
	animation-iteration-count: 1;
	animation-direction: normal;
	animation-play-state: running;
	animation-fill-mode: forwards;


	-moz-animation-name: spanshow;
	-moz-animation-duration: 1s;
	-moz-animation-timing-function: linear;
	-moz-animation-delay: 0;
	-moz-animation-iteration-count: 1;
	-moz-animation-direction: normal;
	-moz-animation-play-state: running;
	-moz-animation-fill-mode: forwards;

	-webkit-animation-name: spanshow;
	-webkit-animation-duration: 1s;
	-webkit-animation-timing-function: linear;
	-webkit-animation-delay: 0;
	-webkit-animation-iteration-count: 1;
	-webkit-animation-direction: normal;
	-webkit-animation-play-state: running;
	-webkit-animation-fill-mode: forwards;
}

#case_main > div:nth-of-type(2) {
    margin: 60px 5px 0px;
}

#case_main .case_main_show h4 {
    display: block;
    color: #FFFFFF;
}

#case_main .case_main_show > img {
    margin: 15px 0px 25px;
}

#case_main > a {
    display: block;
    width: 200px;
    height: 30px;
    line-height: 30px;
    padding: 5px 15px;
    text-align: left;
    color: #FFFFFF;
    background: url(../images/arrows02.png) no-repeat 90% center;
    border: 1px #FFFFFF solid;
    float: left;
    margin: 160px 0 0 381.5px;
    position: relative;
}

#footer {
    height: 132px;
    background-color: #CCCCCC;
    min-width: 1366px;
    max-width: 1920px;
    margin: 0 auto;
    display: block;
    overflow: hidden;
}

#footer #footer_main {
    height: 132px;
	margin:0 auto;
	width:1000px;
}

#footer_main #footer_main_left {
    display: block;
    width: 570px;
    height: 133px;
    margin-left: 20px;
}

#footer_main_left ul {
    display: block;
    width: 570px;
    height: 20px;
    line-height: 20px;
    margin: 15px 0 30px;
}

#footer_main_left ul li {
    display: inline-block;
    width: 80px;
    height: 20px;
    line-height: 20px;
    float: left;
}

#footer #footer_main img {
    display: block;
    float: right;
    width: 94px;
    height: 94px;
    margin: -110px 20px 0 0;
}

.ny_content{width:1000px;height:auto;display:table;margin:0 auto;margin-top:30px;margin-bottom:60px}
.ny_left a{color:#000;text-decoration:none}
.ny_left{width:230px;height:auto;display:table;float:left;overflow:hidden}
.ny_left_list{width:230px;height:auto;display:table}
.ny_left_title{width:230px;height:85px;background:#0078C1}
.ny_left_title h2{font-size:28px;color:#FFF;text-indent:0;width:auto;height:auto;display:table;padding-top:10px;font-weight:400;letter-spacing:3px}
.ny_left_title h3{font-size:22px;color:#83E6FA;text-indent:0;width:auto;height:auto;display:table;padding-top:0;font-weight:400;letter-spacing:1px;font-family:Georgia,"Times New Roman",Times,serif}
.ny_left_title h5{font-size:70px;color:#83E6FA;text-indent:20px;width:auto;height:70px;float:left;display:table;padding-top:2px;font-weight:400;letter-spacing:1px;font-family:Georgia,"Times New Roman",Times,serif;padding-right:2px}
.ny_left_list_body{width:230px;height:auto;display:table}
.ny_left_list_body ul li{width:230px;height:34px;display:block;line-height:32px;text-indent:20px;margin-top:5px;border:1px solid #eee}
.ny_left_list_body ul li a span{float:right;margin-right:20px;color:#000;font-size:14px;font-family:"宋体"；}
.ny_left_list_body ul li a{width:228px;height:32px;display:block;background:#fafafa;border:1px solid #eee;font-size:14px;letter-spacing:1px;white-space:nowrap; text-overflow:ellipsis;overflow:hidden;}
.ny_left_list_body ul li a:hover{background:#9ED1FC;color:#000;border:1px solid #6BF2E8;color:#0078C1}
.ny_left_list_body ul li a:hover span{color:#0078C1}
.ny_left_news{width:230px;height:auto;display:table;margin-top:20px}
.ny_left_news_body{width:230px;height:auto;display:table;overflow:hidden;margin-top:10px}
.ny_left_news_body ul li{width:230px;height:26px;line-height:26px;font-size:14px;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.ny_left_news_body ul li span{font-size:10px;color:#0078C1;margin-right:5px}
.ny_left_contact{width:230px;height:auto;display:table;margin-top:20px}
.ny_left_contact_body{width:220px;height:auto;display:table;overflow:hidden;margin-top:5px;padding-left:5px}
.ny_left_contact_body h2{font-size:14px;line-height:23px}
.ny_left_contact_body h3{font-size:20px;line-height:33px}
.ny_left_contact_body p{font-size:14px;line-height:23px}
.ny_right{width:730px;height:auto;display:table;float:right;overflow:hidden}
.ny_right_title{width:730px;height:36px;border-bottom:3px solid #0078C1; color:#FFF;}
.ny_right_title span{ display:block; /*width:140px;*/ padding-right:10px; background:#0078C1; height:36px;}
.ny_right_title a{width:auto;height:36px; padding:0 10px;line-height:36px;color:#FFF;font-size:14px}
.ny_right_title a:hover{color:#F96}
.ny_right_body{width:730px;height:auto;display:table;margin-top:20px}
.ny_right_body .ny_jianjie{width:730px;height:auto;display:table;overflow:hidden}
.ny_right_body .ny_jianjie h2{width:730px;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:730px;overflow:hidden}
.ny_right_body .ny_jianjie p img{max-width:100%;height:auto;display:table;text-align:center}
.ny_right_body .ny_product_index{width:730px;height:auto;display:table}
.ny_right_body .ny_product_index ul li{width:231px;height:auto;display:table;float:left;margin-left:10px;margin-bottom:5px}
.ny_right_body .ny_product_index ul li a{width:231px;height:auto;display:block}
.ny_right_body .ny_product_index ul li a img{width:228px;height:171px;border:1px solid #ccc}
.ny_right_body .ny_product_index ul li a h3{width:auto;height:36px;line-height:26px;display:block;float:left;text-indent:5px}
.ny_right_body .ny_product_index ul li a p{width:auto;height:36px;line-height:26px;display:block;float:left;font-size:14px}
.ny_right_body .ny_product_index ul li a:hover p{color:#0078C1}
.ny_right_body .ny_product_index a{color:#000}
.ny_right_body .ny_product_index h3{font-size:15px}
.ny_right_body .ny_product_view{width:730px;height:auto;display:table}
.ny_right_body .ny_product_view .ny_product_view_img h2{width:730px;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:730px;height:auto;display:table}
.ny_product_view_body h3{font-size:16px;font-weight:700;line-height:36px}
.ny_product_view_body p{text-indent:28px;line-height:26px;font-size:14px}
.ny_right_body .ny_news_index{width:730px;height:auto;display:table}
.ny_right_body .ny_news_index ul li{width:730px;height:36px;line-height:36px;border-bottom:1px dashed #ccc;background:url(news_arrow.gif?1605231325) no-repeat 6px 15px;text-indent:20px;font-size:14px}
.ny_right_body .ny_news_index ul li a{width:730px;height:36px;display:block}
.ny_right_body .ny_news_index ul li a span{float:right;margin-right:6px}
.ny_right_body .ny_news_index a{color:#000;text-decoration:none}
.ny_right_body .ny_news_index a:hover{color:#0078C1}
.ny_right_body .ny_news_view{width:730px;height:auto;display:table}
.ny_right_body .ny_news_view h2{font-size:16px;font-weight:700;line-height:39px}
.ny_right_body .ny_news_view h5{font-size:14px;font-weight:400;width:730px;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:#0078C1}
.ny_right_body .ny_news_view p{font-size:14px;text-indent:28px;line-height:28px}
.guest{width:600px;height:400px;margin:0 auto;margin-top:30px}
.guest p{margin-top:10px}
.guest input,.guest textarea{border:2px #eaeaea solid}
.tijiao{width:60px;border-radius:8px;font-size:16px;margin-left:200px;margin-top:20px;cursor:pointer}