@charset "utf-8";
/*全局控制*/
@import url('https://fonts.font.im/css?family=Barlow:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i');

body{margin:0;padding:0;font-size:16px;line-height:32px;font-family:'Barlow',"微软雅黑";-webkit-text-size-adjust:none; color: #333;}
html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td,p{margin:0;padding:0;}
input,select,textarea{font-size:16px;line-height:16px;font-family:'Barlow',"微软雅黑";}img{border:0;}ul,li{list-style-type:none;}
a{color:#333;text-decoration:none;}
a:hover{color:#006569}
.tc{text-align:center;}.tl{text-align:left;}.tr{text-align:right;}
.dis{display:block;}.undis{display:none;}
.fl{float:left;}.fr{float:right;}.cl{clear:both;}.fb{font-weight:bold;}.fnb{font-weight:200;margin-left:-1px;}
.hr_1,.hr_10{font-size:1px;line-height:1px;clear:both; background:#ddd;}
.hr_1{height:1px;}.hr_10{height:10px;}
input[type="text"]:focus,input[type="password"]:focus,textarea:focus{outline:none;}
table{ border-color: #aaa; border-spacing: 0; border: 1px; border-collapse: collapse;}

.mainbox{ width:calc( 100% - 200px); margin:0 auto; min-width:1300px; box-sizing:border-box;}
.nymainbox{ width:calc( 100% - 200px); margin:0 auto; min-width:1300px; box-sizing:border-box;}
.hsbj{ width:100%; background:#f4f4f4; padding:60px 0;}
.hsbg{ width:100%; background:#f8f8f8;}
.qianhui{ width:100%; background:#f8f8f8; padding:60px 0;}

.sytopbg{ width:100%; height:90px;}
.sytop{ width:calc( 100% - 200px); margin:0 auto; min-width:1300px; height:90px; position:relative;}
.logo{ float:left; width:280px; height:51px; padding:20px 0;}
.logo img{ float:left; margin-right:10px; max-width:264px;}
.logo span{ float:left; line-height:51px; font-size:16px; color:#666;}

.topright{ float:right;}

.toptel{ float:right; padding-left:25px; margin-top:35px; margin-left:20px; line-height: 20px; background:url(../images/toprighttel.png) left center no-repeat}
.toptel span{ font-size:14px; color:#fff;}
.toptel h3{ font-size:24px; font-weight:600; color:#006569;}

.hd_search{ position: relative;width:28px; height:28px; margin-top:31px; float:left;}
.hd_search .hd_search_form{ width:28px; height:28px; box-sizing:border-box; background:#fff; position:absolute; right:0; top:0; z-index:999; overflow:hidden; border:1px #eee solid; transition: all .5s ease; border-radius:24px;}
.hd_search_btn{width:26px; height:26px; float:right; padding:0; display:block; cursor:pointer; border:none;color:#5c5c5c;}
.hd_search_box{ line-height:26px; font-size:14px; width:0; height:26px; position:absolute; top:0; right:30px; z-index:2; margin:0; border: none; transition: all .5s ease;}
.hd_search:hover .hd_search_form{ width:200px;}
.hd_search:hover .hd_search_box{ width:160px;}
.hd_search .topfadz{ display:inline-block; width:26px; height:26px;background:#fff url(../images/topsearch.png) center center no-repeat;}

.yuyan{ float:right; margin-left:20px; height:90px; line-height:90px; position:relative;}
.yuyan h3{ font-size:14px; color:#666; font-weight:normal;}
.yuyan h3 i{display: inline-block;
    vertical-align: middle;
    width: 18px;
    height: 18px;
    border-radius: 100%;
    -moz-border-radius: 100%;
    -webkit-border-radius: 100%;
    -o-border-radius: 100%;
    background: #aaa url(../images/language_icon_2.gif) no-repeat center center;
    background-size: cover;
    margin-right: 6px;
    margin-top:-3px}
.yuyan ul{ background:#fff; position:absolute; left:0; right:0; top:90px; z-index:999; text-align:center; overflow:hidden; height:0; transition: all .5s ease;}
.yuyan ul li{ line-height:50px; font-size:14px; color:#666; border-bottom:1px #eee solid; position:relative; transition: all .5s ease; z-index:999;}
.yuyan ul li:after{ content:""; position:absolute; left:50%; bottom:1px; margin-left:0; width:0; height:2px; background:#006569; transition: all .5s ease;}
.yuyan ul li:hover:after{ width:60px; margin-left:-30px;}
.yuyan:hover ul{ display:block; height:100px;}

.symenuping{ float:right; margin-right:2%; height:80px; padding-top:10px;}
.symenuping>ul>li{ float:left; padding:10px 35px; height:55px;}
.symenuping>ul>li>a{ color:#333; font-weight:500; font-size:16px; display:block; height:55px; line-height:55px; text-align:center; position:relative; z-index:9;}
.symenuping>ul>li:hover{ background:#006569}
.symenuping>ul>li:hover>a{ color:#fff}
.symenuping>ul>li .submenu{display:none;position:absolute;top:87px !important;left:0 !important; background:rgba(255,255,255,1); border-bottom:2px #006569 solid; z-index:99999;width:100% !important; padding:40px 60px; box-sizing:border-box;}

.symenuping>ul>li .submenu li{float:left; width:200px; padding:0; height:45px; line-height:45px;background:none; text-align:center;}
.symenuping>ul>li .submenu li:hover{}
.symenuping>ul>li .submenu li a{float:none;padding:0; display:block;text-align:left;height:45px;line-height:45px; font-size:14px; color:#666; position:relative; padding-left:15px;}
.symenuping>ul>li .submenu li a:hover{background:none; color:#006569}
.symenuping>ul>li .submenu li.submenu_title{ width:calc(100% - 600px); margin-bottom:10px;}
.symenuping>ul>li .submenu li.submenu_title h3{ font-size:20px; color:#333; line-height:60px; text-align:left;}
.symenuping>ul>li .submenu li.submenu_img{ float:right; width:600px; height:200px;}
.symenuping>ul>li .submenu li a i{content: " "; position: absolute;  left: 0;  top: 50%; margin-top: -4px;
  border-top: 4px solid transparent; border-bottom: 4px solid transparent; border-left: 4px solid #006569; transition: all 0.5s ease;
}


@media screen and (max-width: 1770px) {
	.symenuping>ul>li{ padding:11px 30px;}
	
}

@media screen and (max-width: 1680px) {
	.symenuping>ul>li{ padding:11px 20px;}
	
}

@media screen and (max-width: 1530px) {
	.symenuping>ul>li{ padding:11px 15px;}
	
}

.five{overflow: hidden;padding: 70px 0;}
.five01{margin-top: 50px;width: 21%;-webkit-transition:transform .3s;transition:transform .3s; margin:0 2%;}
.five01 dl{width: 100%;}
.five01 dl dt{width: 100%; line-height: 0;}
.five01 dl dt img{ max-width:100%;display: block;}
.five01 dl dd{width: 100%;text-align: center;position: relative;z-index: 10;}
.five01 dl dd em{background:#c00;display: block;width: 86px;height: 86px;margin: -35px auto 0; border-radius:50%; overflow: hidden; padding:13px; box-sizing:border-box;}
.five01.five_right dl dd em{ background:#f7c000}
.five01 dl dd em img{width: 60px;height: 60px;}
.five01 dl dd h5{font-size: 18px;color: #333;padding: 8px 0 0;}
.five_m{width: 185px;height: 0;position: absolute;top: 0;left: 0;background:rgba(31,51,154,0.9);text-align: center;padding: 0 25px;overflow: hidden;font-size: 16px;color: #fff;
transition:height .5s;
-moz-transition:height .5s; /* Firefox 4 */
-webkit-transition:height .5s; /* Safari and Chrome */
-o-transition:height .5s; /* Opera */}
.five_m p{padding: 60px 0 0;line-height: 30px;height: 150px;overflow: hidden;}
.five01:hover .five_m,.five01.cur .five_m{height: 304px;}
.five01:hover,.five01.cur{-webkit-transform:translate(0,-40px);transform:translate(0,-40px);}
.five_left dl dt,.five_left dl dt img,.five_left .five_m{border-radius: 20px 0;}
.five_right dl dt,.five_right dl dt img,.five_right .five_m{border-radius:0 20px;}
.five .nobor{margin-right: 0;}

.sygcfwt{ width:100%; height:600px; overflow:hidden;}
.sygcfwt ul{ width:9999px;white-space: nowrap; overflow:hidden;}
.sygcfwt ul:nth-child(1){
	-webkit-animation: 120s rowleft linear infinite normal;
	animation: 120s rowleft linear infinite normal;	
}
.sygcfwt ul:nth-child(2){
	-webkit-animation: 160s rowleft linear infinite normal;
	animation: 160s rowleft linear infinite normal;	
}
.sygcfwt ul:nth-child(3){
	-webkit-animation: 140s rowleft linear infinite normal;
	animation: 140s rowleft linear infinite normal;	
}
.sygcfwt ul li{ float:left; height:200px; opacity:0.3; transition: all .5s ease;}
.sygcfwt ul li img{ height:100%;}
.sygcfwt ul li:hover{ opacity:1;}

.sygcfwt ul li:nth-child(even) {left: 100%;}
.sygcfwt ul:nth-child(even) { -webkit-animation: 160s rowleft linear infinite normal;animation: 160s rowleft linear infinite normal; }


@keyframes rowleft {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  100% {
    -webkit-transform: translate3d(-3000px, 0, 0);
    transform: translate3d(-3000px, 0, 0);
  }
}

.syabout_box{ width:100%; background:#f9f9f9; padding:80px 0; position:relative;}
.syabout{ width:calc( 100% - 200px); min-height:610px; margin:0 auto; min-width:1300px; box-sizing:border-box;overflow: hidden;position: relative;}
.syabout_l{ float:left; width:50%; background:url(../images/syaboutimg.jpg) center center no-repeat; background-size:cover; height:660px;}

.syabout_r{ float:right; width:calc(50% - 180px); margin-right:100px; position:relative; min-height:450px;}
.syabout_r h3{ font-size:60px; color:#006569; text-transform:uppercase;line-height: 80px;}
.syabout_r h4{ font-size:30px; color:#333;}
.syabout_r p{ font-size:16px; color:#888; line-height:36px; text-align:justify}
.syabout_r p:hover{ color:#666;}
.syabout_r_a{ font-size:24px; color:#006569; text-transform:uppercase;}

/*.syabout_list{ width:calc( 100% - 200px); margin:0 auto; min-width:1300px; height:30px; box-sizing:border-box; position:relative;}
.syabout_list ul{ width:100%; padding:80px; background:#006569; height:230px; box-sizing:border-box; position:absolute; left:0; top:-90px; z-index:9;box-shadow: 0px 2px 10px 1px rgba(50,50,50,0.3);}
.syabout_list li{ float:left; width:25%;}
.syabout_list li h3{ float:left; font-size:90px; font-weight:bold; color:#fff; padding-top:10px; font-family:Arial}
.syabout_list li h4{ float:left; margin-left:10px; font-weight:normal;}
.syabout_list li h4 b{ font-size:24px; color:#fff; display:block; font-weight:normal;}
.syabout_list li h4 span{ font-size:18px; color:#fff;}
*/
.sypro{ width:100%; box-sizing:border-box; padding:80px 0 100px; background:url(../images/sycpbg.jpg) center top no-repeat;}
.sypro_title{ width:calc( 100% - 200px); margin:0 auto; min-width:1300px; box-sizing:border-box;}
.sypro_title h3{ font-size:36px; color:#006569; text-transform:uppercase; line-height:50px;}
.sypro_title h4{ font-size:34px; color:#333; float:left; margin-right:50px; line-height:50px;}
.sypro_title ul{}
.sypro_title ul li{ float:left; margin-right:45px; position:relative; line-height:55px;}
.sypro_title ul li:after{ content:""; display:block; width:0; height:2px; position:absolute; left:50%; bottom:0; margin-left:0; background:#333333}
.sypro_title ul li a{ font-weight:normal; font-size:16px; color:#333;}
.sypro_title ul li:hover a{ font-weight:bold; color:#006569}
.sypro_title ul li:hover:after{ width:46px; margin-left:-23px;}
.sypro_title ul li:active a{ font-weight:bold; color:#006569;}
.sypro_title ul li:active:after{ width:46px; margin-left:-23px;}

.sypro_list{ width:calc( 100% - 200px); margin:0 auto; min-width:1300px; box-sizing:border-box; position: relative;}
.sypro_list ul{ width:100%;}
.sypro_list ul li{ float:left;position: relative; box-sizing:border-box;overflow: hidden; margin:0 20px 0 0; width:calc(25% - 20px);}
			
.sypro_list ul li h3{width: 100%; padding: 0; height:auto;padding-bottom:100%; border-radius:10px;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;}
.sypro_list ul li h3 a{display:block;position: absolute; top: 0; left: 0; right:0; bottom:0; z-index:2;}
.sypro_list ul li p{ position:absolute; bottom:0; left:0; right:0; z-index:5; height:35px; line-height:35px; transition: all 0.2s ease; background:#006569; text-align:center;}
.sypro_list ul li p a{ color:#fff; font-size:16px; display:block;}
.sypro_list ul li:hover p{ height:50px; line-height:50px;}
.sypro_list ul li h4{ position:absolute; left:30px; top:30px; z-index:5; color:#fff; font-size:30px; text-transform:uppercase;}
.sypro_list ul li h4 span{ font-size:14px; font-weight:normal; color:rgba(255,255,255,0.6)}
.sypro_list ul li i{ position:absolute; right:12px; top:15px; z-index:5; display:inline-block; width:45px; height:44px; /*background:url(../images/logoico.png) center center no-repeat;*/}

.mr_frUl{ width:100%;position:relative; z-index:5; overflow:hidden;}
.mr_frBtnL{margin:0;cursor:pointer; background:#f7c000;position:absolute; top:-90px; right:50px; width:30px; height:30px; z-index:9; border-radius:4px;transition: all .3s;}
.mr_frBtnR{margin:0;cursor:pointer;background:#f7c000; position:absolute; top:-90px; right:0; width:30px; height:30px; z-index:9; border-radius:4px;transition: all .3s;}

.mr_frBtnbg{ background:#006569 !important;}

.syyoushi{ background:#f8f8f8; padding:40px 0;}
.syyoushi_title{ width:calc( 100% - 200px); margin:0 auto; min-width:1300px; box-sizing:border-box;height:120px;}
.syyoushi_title h3{ font-size:36px; color:#006569; text-transform:uppercase; line-height:50px;}
.syyoushi_title h4{ font-size:34px; color:#333; /*float:left;*/ margin-right:50px; line-height:40px;}
.syyoushi_list{ width:calc( 100% - 200px); margin:0 auto; min-width:1300px; box-sizing:border-box;}
#carousel {

  position: relative;

  width: 100%;

  margin: 0 auto;

  padding-bottom: 40px;

}

.syqiys {

  width: 100%;

  box-sizing: border-box;

  margin-top: 20px;

}

.syqiys ul li {

  float: left;

  width: 33.3%;

  height: 65vh;

  display: flex;

  flex-direction: column;

  justify-content: center;

  padding: 0 95px;

  box-sizing: border-box;

  position: relative;

  background-repeat: no-repeat;

  background-position: center center;

  background-size: cover;

  transition: all 0.3s ease;

}

.syqiys ul li i {

  display: inline-block;

  width: 62px;

  height: 62px;

  box-sizing: border-box;

  background-repeat: no-repeat;

  background-position: center center;

  border-radius: 50%;

  background-color: #fff;

  border: 2px #006569 solid;

  position: relative;

  z-index: 9;

  transition: all 0.3s ease;

  transition: all 0.6s;

}

.syqiys ul li h3 {

  font-size: 24px;

  color: #333;

  padding: 40px 0;

  margin-bottom: 40px;

  position: relative;

  z-index: 9;

  transition: all 0.6s;

}

.syqiys ul li p {

  font-size: 16px;

  color: #666;

  margin-bottom: 20px;

  position: relative;

  z-index: 9;

  text-align: justify;

  transition: all 0.6s;

}

.syqiys ul li.active i {

  margin-top: -40px;

}

.syqiys ul li.active h3 {

  color: #fff;

}

.syqiys ul li.active p {

  color: #fff;

}

.syqiys ul li h3:after {

  content: "";

  background: #006569;

  width: 50px;

  height: 3px;

  position: absolute;

  bottom: 0;

  left: 0;

}

.syqiys ul li i.syqiys01 {

  background-image: url(../images/syqiys01.png);

}

.syqiys ul li i.syqiys02 {

  background-image: url(../images/syqiys02.png);

}

.syqiys ul li i.syqiys03 {

  background-image: url(../images/syqiys03.png);

}

.syqiys ul li i.syqiys04 {

  background-image: url(../images/syqiys04.png);

}

.syqiys1 {

  background: url(../images/syqiys1.jpg) center no-repeat;

  transition: all 0.6s;

}

.syqiys2 {

  background: url(../images/syqiys2.jpg) center no-repeat;

  transition: all 0.6s;

}

.syqiys3 {

  background: url(../images/syqiys3.jpg) center no-repeat;

  transition: all 0.6s;

}

.syqiys1:hover {

  background: url(../images/syqiys1h.jpg) center no-repeat;

}

.syqiys2:hover {

  background: url(../images/syqiys2h.jpg) center no-repeat;

}

.syqiys3:hover {

  background: url(../images/syqiys3h.jpg) center no-repeat;

}

.syqiys ul li:hover h3 {

  color: #fff;

  margin-top: -10px;

}

.syqiys ul li:hover i {

  margin-top: -10px;

}

.syqiys ul li:hover p {

  color: #fff;

  margin-top: -10px;

}

.sybg02_bottom {

  color: #fff;

  font-family: "微软雅黑 Light";

  text-align: center;

  font-size: 48px;

  position: absolute;

  left: 0;

  right: 0;

  bottom: 80px;

  text-align: center;

}

.sytwo_fl {

  width: 100%;

}

.syyxfw{ width:calc( 100% - 200px); margin:0 auto; min-width:1300px; box-sizing:border-box; background:#fff; padding:80px 0;}
.syyxfw_l{ float:left; position:relative; width:calc(100% - 660px);}
.syyxfw_map{ position:relative; z-index:1; width:100%;}
.syyxfw_map img{ max-width:100%;}
.syyxfw_r{ float:right; width:520px; padding-top:150px; padding-right:120px;}
.syyxfw_r_title{}
.syyxfw_r_title h3{ font-size:36px; color:#006569; text-transform:uppercase; line-height:50px;}
.syyxfw_r_title h4{ font-size:30px; color:#333; line-height:40px; margin-bottom:50px;}
.syyxfw_r p{ font-size:18px; color:#888; margin-bottom:50px;}
.syyxfw_r a{ display:inline-block; width:160px; height:40px; line-height:40px; text-align:center; background:#006569; color:#fff; border-radius:4px;}

.synews{width:100%; margin:0 auto; box-sizing:border-box;}

.synews_title{ width:calc( 100% - 200px); margin:0 auto; min-width:1300px; box-sizing:border-box}
.synews_title h3{ font-size:36px; color:#006569; text-transform:uppercase; line-height:50px;}
.synews_title h4{ font-size:34px; color:#333; line-height:50px; }

.synewslist{ width:calc( 100% - 200px); margin:0 auto; min-width:1300px; box-sizing:border-box;}
.synewshot{ width:480px; height:600px; position:relative; float:left; padding:40px; box-sizing:border-box;box-shadow: 0px 2px 10px 1px rgba(50,50,50,0.1);}
.synewshot h4{ width:100%; height:290px; margin-bottom:20px;}
.synewshot h4 img{ width:100%;}
.synewshot h3{ font-size:20px; color:#333; line-height:50px; margin-bottom:10px;}
.synewshot p{ font-size:16px; color:#888;}
.synewshot .synews_a{ font-size:24px; color:#333; transition: all 0.3s ease; position:absolute; left:40px; bottom:30px;}
.synewshot:hover .synews_a{ color:#006569; margin-left:10px;}
.synews_list{ width:calc( 100% - 520px); float:right;}
.synews_list ul{ width:100%; height:220px;}
.synews_list ul li{ float:left; width:48%; background:#fff; padding:25px; margin:0 1% 2%; box-sizing:border-box; border-top:1px #eee solid; position:relative;height: 280px;}
.synews_list ul li h4{ font-size:20px; color:#006569; line-height:30px;}
.synews_list ul li h4 span{ color:#888; font-size:16px; font-weight:normal; margin-left:10px;}
.synews_list ul li h3 a{ font-size:19px; font-weight: normal; color:#333;display: block; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; line-height:40px; margin-bottom:30px;}
.synews_list ul li p{ font-size:16px; color:#aaa; line-height:30px; height:60px; overflow:hidden;}
.synews_list ul li .synews_a{ font-size:24px; color:#333; transition: all 0.3s ease; position:absolute; left:25px; bottom:0;}
.synews_list ul li:hover .synews_a{ color:#006569; margin-left:10px;}

.dszyl{
	width:100%; height:340px; padding:80px 0; background:#ccc; box-sizing:border-box;
}
.dszyl_box{ width:calc( 100% - 200px); margin:0 auto; min-width:1300px;}
.dszyl_box h3{ font-size:30px; color:#333; position:relative; padding-bottom:70px;}
.dszyl_box h3:after{ content:""; position:absolute; left:0; bottom:30px; width:60px; height:3px; background:#006569;}
.dszyl_box p{ font-size:16px; color:#666; line-height:30px;}

/* 动画效果 */
@-webkit-keyframes load {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}

.jdallist{ width:100%;overflow: hidden;position: relative;}
.jdallist ul{ width:100%;}
.jdallist ul li{ float:left;position: relative; box-sizing:border-box;overflow: hidden; margin:0 10px 20px; width:calc(25% - 20px);}
			
.jdallist ul li h3{width: 100%; padding: 0; height:auto;padding-bottom: calc(300% / 4);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;}
.jdallist ul li h3 a{ width:100%; height:100%; display:block;position: absolute; top: 0; left: 0;}
.jdallist ul li h3 a img{ max-width:100%; max-height:100%;}
.jdallist ul li p{
	background:#006569;

	height:60px; text-align:center; line-height:60px;transition: all 0.3s ease; margin-top:0;
}
.jdallist ul li p a{ font-size:16px; color:#fff;}
.jdallist ul li:hover p{ height:70px; line-height:70px; margin-top:-10px;}


.jdallist_hot{ width:100%;overflow: hidden;position: relative;}
.jdallist_hot ul{ width:100%;}
.jdallist_hot ul li{ float:left;position: relative; box-sizing:border-box;overflow: hidden; margin:0 10px; width:100%; background:#f8f8f8;}
			
.jdallist_hot ul li h3{width:500px; padding: 0; height:400px; float:left; position:relative;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;}
.jdallist_hot ul li h3 a{ width:100%; height:100%; display:block;position: absolute; top: 0; left: 0;}
.jdallist_hot ul li h3 a img{ max-width:100%; max-height:100%;}
.jdallist_hot ul li div{ float:left; width:calc(100% - 540px); box-sizing:border-box; padding:30px; position:relative; height:400px;}
.jdallist_hot ul li div h4{ font-size:18px; color:#333; margin-bottom:20px; height:32px; overflow:hidden;text-overflow: ellipsis;text-overflow: ellipsis}
.jdallist_hot ul li div p{
	font-size:14px; color:#aaa; line-height:32px;
}
.jdallist_hot ul li div a.nyjdal_r_a{ font-size:14px; background:#c00; color:#fff; text-align:center; line-height:35px; display:inline-block; width:100px; height:35px; position: absolute; bottom:30px; left:30px; transition: all 0.3s ease;}
.jdallist_hot ul li:hover div a.nyjdal_r_a{ background:#f7c000;}

.nyznsl_listlb{ width:100%; box-sizing:border-box;}
.nyznsl_listlb ul li{ float:left; width:25%; box-sizing:border-box; padding:30px; border:1px #eee solid;}
.nyznsl_listlb ul li h3{ font-size:18px; color:#333; margin-bottom:10px;}
.nyznsl_listlb ul li p{ font-size:14px; color:#888;}
.nyznsl_listlb ul li a.nyznsl_listlb_a{ display:inline-block; margin-top:10px; color:#c00; font-size:14px; text-transform:uppercase;}

.foot{ background:#fff url(../images/footbg.jpg) center center no-repeat; width:100%; padding:80px 0; }
.footbox{ width:calc( 100% - 200px); margin:0 auto; min-width:1300px; box-sizing:border-box; }
.foottitle{ font-size:20px; font-weight:bold; color:#333; padding-bottom:10px;margin-bottom:10px; position:relative;}
.foottitle span{ font-size:16px; color:#aaa; margin-left:10px; font-weight:300;}
.foottitle:after{ content:""; width:40px; height:2px; background:#006569; position:absolute; bottom:0; left:0;}
.footnav{ float:left; width:250px;}
.footnav ul li{ line-height:35px;}
.footnav ul li a{ color:#666; font-size:16px; line-height:35px;}
.footbox ul li a:hover{ text-decoration:underline}
.footcpfl{ float:right; width:16%;}
.footcpfl ul li{ line-height:35px;}
.footcpfl ul li a{ color:#666; font-size:14px; line-height:35px;}
.footcontact{ float:right; width:60px;}
.footcontact ul li{ line-height:35px;}
.footcontact ul li a{ color:#666; font-size:14px; line-height:35px;}

.footlogo{ float:left; width:25%;}
.footlogo .footewm{height:118px; text-align:left;}
.footlogo .footewm img{ width:118px; height:118px; display:inline-block;}
.footlogo .footlogoimg{ font-size:18px;  text-align:left; line-height:30px; color:#333; margin-bottom:40px;}
.footlogo .footlogoimg img{ display:inline-block; margin-bottom:20px;}
.footlogo .footlogoimg h3{ font-size:24px; color:#333;}
.footlogo .footlogoimg p{ font-size:14px; text-transform:uppercase; color:#aaa;letter-spacing: 0.6px;}

.copyright{ width:100%; height:60px; line-height:60px; color:#fff; text-align:left; background:#006569; font-size:14px}
.copyright a{ color:#fff;}
.copyrightnav{ float:right; line-height:60px;}
.copyrightnav a{ color:#fff;}

.footyqlj{ width:90%; margin:0 auto; min-width:1300px; max-width:1600px; box-sizing:border-box; font-size:14px; color:#666; padding:20px 0;}
.footyqlj a{ color:#666; margin-right:10px;}

.banner {height:auto; overflow:hidden; width:100%;}
.bannerimg1{height:850px; width:100%; background:url(../images/banner1.jpg) center top no-repeat; position:relative;}
.bannerimg1_l{height:850px; float:left; width:calc(100% - 700px); max-width:760px;}
.bannerimg1_l h3{ font-size:48px; color:#fff; line-height:60px; margin-top:200px; margin-bottom:20px;}
.bannerimg1_l p{ font-size:16px; color:#fff; line-height:36px; margin-bottom:50px;}
.bannerimg1_l h4{ font-size:24px; font-weight:normal; color:#fff; margin-bottom:20px;}
.bannerimg1_l span{ font-size:16px; color:#fff; margin-left:10px;}
.bannerimg1_l ul{width:100%;}
.bannerimg1_l ul li{ float:left; width:calc(20% - 12px); margin-right:10px;}
.bannerimg1_l ul li img{ max-width:100%;}
.bannerimg1_l a{ margin-top:40px; clear:left; display:inline-block; background:#006569; border-radius:4px; width:160px; height:50px; line-height:50px; text-align:center; color:#fff;}
.bannerimg1_r{height:850px; float:right; width:635px; background:url(../images/banner1_1.png) 130px top no-repeat; position:relative;}
.bannerimg1_r img{ position:absolute; top:50%; left:0; margin-top:-221px;}

.bannerimg2{height:850px; width:100%; background:url(../images/banner2.jpg) center top no-repeat; position:relative; overflow:hidden;}
.bannerimg2 h3{ font-size:48px; color:#333; padding-top:125px; text-align:center; line-height:80px;}
.bannerimg2 p{ font-size:24px; color:#666; text-align:center; line-height:40px; margin-bottom:40px;}
.bannerimg2 ul{  width:750px; margin:0 auto;}
.bannerimg2 ul li{ float:left; width:25%; text-align:center; font-size:16px; font-weight:bold; color:#333;}
.bannerimg2 dl{  width:1000px; margin:0 auto;}
.bannerimg2 dl dd{ float:left; width:50%; text-align:center; font-size:20px; position:relative;}
.bannerimg2 dl dd a{ position:relative;}

.bannerimg3{height:850px; width:100%; background:url(../images/banner3.jpg) center top no-repeat; position:relative;}
.bannerimg3 h3{ font-size:48px; color:#fff; text-align:center; line-height:60px; margin-bottom:100px;}
.bannerimg3 p{ font-size:24px; color:#fff; text-align:center; line-height:40px; padding-top:225px;}
.bannerimg3 dl{  width:100%; margin:0 auto;}
.bannerimg3 dl dd{ float:left; width:25%; text-align:center; font-size:20px; position:relative;}
.bannerimg3 dl dd a{ position:relative;}


.nybanner{ width:100%; margin:0 auto; min-width:1300px;height:400px; background:url(../images/nybanner.jpg) center center repeat-x;display: table; table-layout: fixed;}
.nybanner .nybannertext{display: table-cell; vertical-align: middle; text-align:center;}
.nybanner .nybannertext h3{ color:#fff; font-size:36px; line-height:50px;}
.nybanner .nybannertext h3 i{ display:inline-block; width:24px; height:34px; margin-right:5px; background:url(../images/nybannertitleicon.png) center center no-repeat}
.nybanner .nybannertext p{ font-size:16px; letter-spacing:2px; text-transform:uppercase;}

.nyaboutbanner{  width:100%; margin:0 auto; min-width:1300px; height:540px; background:url(../images/nyaboutbanner.jpg) center top no-repeat; position:relative;}
.nyaboutbanner .nybannertext{ text-align:center; padding-top:180px; width:1000px; margin:0 auto;}
.nyaboutbanner .nybannertext h3{ color:#fff; font-size:48px; letter-spacing:1px; line-height:80px;text-shadow:2px 2px 5px rgba(0,0,0,0.4);}
.nyaboutbanner .nybannertext p{ font-size:18px; text-transform:uppercase; color:#fff;}
.nyaboutbanner .nyaboutloc{
	 width:calc( 100% - 200px); margin:0 auto; min-width:1300px; box-sizing:border-box; position: absolute; left:0; right:0; bottom:0; height:110px; padding: 40px 50px 0;
	background: -moz-linear-gradient(top, rgba(255,255,255,0.8) 0%, rgba(255,255,255,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0.8)), color-stop(100%,rgba(255,255,255,1)));
	background: -webkit-linear-gradient(top, rgba(255,255,255,0.8) 0%,rgba(255,255,255,1) 100%);
	background: -o-linear-gradient(top, rgba(255,255,255,0.8) 0%,rgba(255,255,255,1) 100%);
	background: -ms-linear-gradient(top, rgba(255,255,255,0.8) 0%,rgba(255,255,255,1) 100%);
	background: linear-gradient(to bottom, rgba(255,255,255,0.8) 0%,rgba(255,255,255,1) 100%);
}
.nyaboutloc_list{ background:url(../images/loc.png) left center no-repeat; padding-left:25px; font-size:14px; color:#333;}
.nyaboutloc_list a{ font-size:14px; color:#333;}
.nyaboutloc_list a.active{ color:#006569;}
.nyaboutnav{ position:absolute; bottom:0; left:0; width:100%;}
.nyaboutnav ul li{ float:left; width:33.33%; text-align:center; position:relative; height:50px;}
.nyaboutnav ul li:after{ content:""; display:block; width:0; height:3px; background:#006569; position:absolute; bottom:0; left:50%; transition: all 0.5s ease;}
.nyaboutnav ul li a{ font-size:20px; color:#333; font-weight:bold; display:block; margin:0 auto; width:200px; line-height:50px;}
.nyaboutnav ul li:hover:after{ width:200px; margin-left:-100px;}
.nyaboutnav ul li:hover a{ color:#006569;}
.nyaboutnav ul li.active:after{ width:200px; margin-left:-100px;}
.nyaboutnav ul li.active a{ color:#006569;}

.nyjjfabanner{  width:100%; margin:0 auto; min-width:1300px; height:500px; background:url(../images/nyjjfabanner.jpg) center top no-repeat; position:relative;}
.nyjjfabanner .nyjjfatext{ text-align:center; padding-top:230px;}
.nyjjfabanner .nyjjfatext h3{ color:#fff; font-size:48px; letter-spacing:1px; line-height:80px;text-shadow:2px 2px 5px rgba(0,0,0,0.4);}

.nyjjfacontent{ width:calc( 100% - 200px); margin:0 auto; min-width:1300px; box-sizing:border-box;}
.nyjjfa_title{ text-align:center; font-size:36px; font-weight:bold; color:#333; line-height:60px;}
.nyjjfa_text{ width:calc(100% - 700px);}
.nyjjfa_img{ width:650px;}
.nyjjfa_img img{ width:650px;}

.nyjjfa_h3{ font-size:24px; color:#333; padding-top:60px; font-weight:bold; margin-bottom:20px;}
.nyjjfa_h3 b{ color:#f00;}
.nyjjfa_h3 span{ text-transform:uppercase; color:#006569; margin-left:10px;}
.nyjjfa_p{ font-size:16px; color:#999; line-height:36px; text-align:justify}

.nyjjfa_heng{ width:100%; height:650px; box-sizing:border-box; padding:80px 0; background:#fff url(../images/nyjjfa_heng.jpg) center center no-repeat; text-align:center;}
.nyjjfa_heng .cpxqldy_title{ text-align:center; color:#fff; line-height:60px; font-size:30px;margin-bottom: 300px;}
.nyjjfa_heng h3{ font-size:24px; color:#fff; line-height:60px;}
.nyjjfa_heng h4{ font-size:18px; color:#fff; font-weight:normal; display: inline-block; padding:3px 10px; margin-bottom:10px; background: -moz-linear-gradient(300deg,#008085, #006569);
	background: -webkit-linear-gradient(300deg,#008085, #006569);
	background: -o-linear-gradient(300deg,#008085, #006569);
	background: -ms-linear-gradient(300deg,#008085, #006569);
	background: linear-gradient(300deg,#008085, #006569);}
.nyjjfa_heng p{ font-size:16px; color:#fff; line-height:36px;}
.nyjjfa_hengtext{ width:1000px; margin:0 auto;}
.nyjjfa_hengtext p{ font-size:16px; color:#fff; text-align:center;}

.nyjjfa_list{ width:100%; padding:40px 0; height:100px;}
.nyjjfa_list ul li{ float:left; text-align:center; width:160px;}
.nyjjfa_list ul li h3 img{ width:60px;}
.nyjjfa_list ul li p{ font-size:16px; color:#333;}

.nycpfllist{ width:300px; margin:0 auto; float:left; background:#006569; box-sizing:border-box; padding:30px 30px 0;}
.nycpfl_title{ width:100%; box-sizing:border-box; margin-bottom:30px;}
.nycpfl_title h3{ font-size:24px; color:rgba(255,255,255,0.2); text-transform:uppercase; line-height:30px;}
.nycpfl_title h4{ font-size:30px; color:#fff; line-height:40px; }

.nycpfllist>ul{ width:100%; background:#f6f6f6; padding:10px; box-sizing:border-box;}
.nycpfllist>ul>li{ width:100%; background:#fff; transition: all 0.5s ease; padding:10px 0; box-sizing:border-box; position:relative;}
.nycpfllist>ul>li:after{
	content:""; position:absolute; bottom:0; left:30px; height:1px; width:160px; background:#eee; display:inline-block; z-index:1;
}
.nycpfllist>ul>li:before{
	content:""; position:absolute; bottom:0; left:30px; height:2px; width:0; background:#006569; display:inline-block; z-index:2; transition: all 0.5s ease;
}
.nycpfllist ul>li:hover:before{
	width:160px;
}
.nycpfllist>ul>li>a{ display:block; padding:10px 30px; box-sizing:border-box; position:relative; z-index:9; font-size:16px; color:#333;}
.nycpfllist>ul>li:hover>a{ color:#006569;}
.nycpfllist>ul>li>ul{ background:#fff;}
.nycpfllist>ul>li>ul>li{ line-height:40px;}
.nycpfllist>ul>li>ul>li a{ font-size:14px; padding:10px 40px; display:block; box-sizing:border-box; color:#888; line-height:1.2}

.nycpfllist>ul>li>ul>li:Hover>a{ color:#006569}

.nycpfl_tel{ width:100%; box-sizing:border-box; padding:30px 0 0;}
.nycpfl_tel h3 {color:#FFF;FONT-SIZE:16PX;font-weight: normal;}
.nycpfl_tel h3 a{ font-size:16px; color:#fff; font-weight:normal}
.nycpfl_tel p{ color:#fff; font-size:18px; font-weight:bold;padding-bottom:10px;}
.nycpfl_tel h4{ width:100%; height:314px; background:url(../images/kefu.png) center bottom no-repeat;}

.nyaboutrongyu{ width:calc( 100% - 200px); margin:0 auto; min-width:1300px; box-sizing:border-box;}

.nypro-tltj{width:100%; margin:0 auto; min-width:1300px; max-width:1600px; box-sizing:border-box; padding:50px 0 0;}
.nypro-tltj ul li{ float:left; width:29.33%; margin:0 2% 3%;-moz-box-shadow:-5px 5px 10px rgba(0,0,0,0.28); -webkit-box-shadow:-5px 5px 10px rgba(0,0,0,0.28); box-shadow:-5px 5px 10px rgba(0,0,0,0.28);}
.nypro-tltj ul li h3{width: 100%; padding: 0; border:10px #f2f4f8 solid; border-bottom:0; padding-bottom: calc(300% / 4); background-position: center center; background-repeat: no-repeat; background-size: cover; position:relative;box-sizing: border-box; transition: all 0.1s ease;}
.nypro-tltj ul li h3 a{ display:block; width:100%; height:100%; position: absolute; left:0; top:0;}
.nypro-tltj ul li .text{ text-align:center; height:60px; line-height:60px; background:#f2f4f8}
.nypro-tltj ul li .text a{ font-size:16px; color:#333; line-height:60px; display:block; transition: all 0.5s ease;}
.nypro-tltj ul li:hover h3{border:10px #006569 solid; border-bottom:0; background-size:105% 105%;}
.nypro-tltj ul li:hover .text{ background:#006569}
.nypro-tltj ul li:hover .text a{color:#fff; font-size:18px; font-weight:700;}

.cpxqldy_title{ text-align:center; color:#333; font-weight:bold; line-height:60px; font-size:30px;}
.cpxqldy_heng{ width:100%; height:650px; box-sizing:border-box; padding:80px 0; background:#fff url(../images/cpxqldy_heng.jpg) center center no-repeat; text-align:center;}
.cpxqldy_heng .cpxqldy_title{ text-align:center; color:#fff; line-height:60px; font-size:30px;margin-bottom: 300px;}
.cpxqldy_heng h3{ font-size:24px; color:#fff; line-height:60px;}
.cpxqldy_heng h4{ font-size:18px; color:#fff; font-weight:normal; display: inline-block; padding:3px 10px; margin-bottom:10px; background: -moz-linear-gradient(300deg,#008085, #006569);
	background: -webkit-linear-gradient(300deg,#008085, #006569);
	background: -o-linear-gradient(300deg,#008085, #006569);
	background: -ms-linear-gradient(300deg,#008085, #006569);
	background: linear-gradient(300deg,#008085, #006569);}
.cpxqldy_heng p{ font-size:16px; color:#fff; line-height:36px;}

.cpxqldy_list{ width:calc( 100% - 200px); margin:0 auto; min-width:1300px; box-sizing:border-box;}
.cpxqldy_list ul li{ width:23%; margin:0 1%; float:left; height:295px; text-align:center; box-sizing:border-box; padding:40px 30px;background:#f6f6f6; position:relative;}
.cpxqldy_list ul li h4{ position:relative; z-index:9;}
.cpxqldy_list ul li h3{ font-size:18px; color:#333; position:relative; z-index:9; margin-bottom:10px;}
.cpxqldy_list ul li p{ font-size:14px; color:#999; line-height:30px; position:relative; z-index:9;}
.cpxqldy_list ul li:before{
	content:""; left:10px;right:10px; bottom:10px; top:10px; position:absolute; z-index:2; background:#fff;
}
.cpxqldy_list ul li:after{
	content:""; left:0; right:0; bottom:0; height:0; position:absolute; z-index:1;transition: all 0.3s ease;
	background: -moz-linear-gradient(#008085, #006569);
	background: -webkit-linear-gradient(#008085, #006569);
	background: -o-linear-gradient(#008085, #006569);
	background: -ms-linear-gradient(#008085, #006569);
	background: linear-gradient(#008085, #006569);
}
.cpxqldy_list ul li:hover:after{
	height:100%;
}

.nypro_list{ width:calc(100% - 340px); float:right;}
.nypro_list .nypro_list_con{ display:none; width:100%;}
.nypro_list .nypro_list_con li{ float:left; width:30%; margin-right:2%; margin-bottom:2%; position:relative; overflow:hidden;transition: all 0.3s ease;}
.nypro_list .nypro_list_con li:nth-child(3n){ margin-right:0}
.nypro_list .nypro_list_con li:nth-child(3){ margin-right:0}

.nypro_list .nypro_list_con li h3{ width:100%; padding:0; padding-bottom:100%; border:1px #eee solid; box-sizing:border-box; background-position:center center; background-repeat:no-repeat; background-size:cover; position:relative;}
.nypro_list .nypro_list_con li h3 a{ display:block; width:100%; position: absolute; height:100%; left:0; top:0;}
.nypro_list .nypro_list_con li p{ background:#f2f4f8; height:60px; line-height:60px; color:#333;transition: all 0.3s ease;}
.nypro_list .nypro_list_con li p a{ font-size:16px; color:#333; line-height:60px; padding:0 30px; display:block; text-align:center;}
.nypro_list .nypro_list_con li:hover p{ background:#006569;}
.nypro_list .nypro_list_con li:hover p a{ color:#fff;}

.nypro_list .nypro_list_con.on{ display:block;}


.nyaboutjianjie{ width:calc( 100% - 200px); margin:0 auto; min-width:1300px; box-sizing:border-box; position:relative; padding:80px 0;}
.nyaboutjianjie_l{ float:left; width:600px; height:500px; box-sizing:border-box;}

.nyaboutjianjie_title{ font-size:30px; color:#333; line-height:100px; font-weight:bold; position:relative;}
.nyaboutjianjie_title:before{ content:""; position:absolute; left:-100px; top:-60px; width:600px; height:500px; background:url(../images/nyaboutjianjie_title.png) left top no-repeat;}
.nyaboutjianjie_content{ font-size:16px; color:#888;}
.nyaboutjianjie_content h3{ font-size:18px; color:#333; line-height:50px;}
.nyaboutjianjie_content p{ font-size:16px; color:#888; line-height:36px; text-align:justify; margin:8px 0; text-indent:2em}
.nyaboutjianjie_content p:hover{ color:#666;}

.nyaboutjianjie_r{ width:calc( 100% - 600px); float:right; overflow-y:scroll; height:500px; box-sizing:border-box; padding-right:60px;}
.nyaboutjianjie_r::-webkit-scrollbar {width:3px;height:1px;}
.nyaboutjianjie_r::-webkit-scrollbar-thumb {background:#006569;}
.nyaboutjianjie_r::-webkit-scrollbar-track {background:#EBEBEB;}

.nyaboutjianjie_list{ width:100%; margin:0 auto; height:340px;}
.nyaboutjianjie_list .swiper-slide{ height:340px;}
.nyaboutjianjie_list .swiper-slide img{ width:100%; height:340px;}

.nydszzc{ width:calc( 100% - 200px); margin:0 auto; min-width:1300px; box-sizing:border-box;}
.nydszzc_text{ float:left; width:calc(100% - 450px);}
.nydszzc_text h3{ font-size:24px; color:#333; margin:20px 0 40px;}
.nydszzc_text p{ font-size:16px; color:#888; line-height:36px; text-align:justify; margin:8px 0; text-indent:2em}
.nydszzc_text p:hover{ color:#666;}
.nydszzc_img{ float:right; width:400px;}

.nyaboutwenhua{ width:100%; padding:110px 0; background:url(../images/qywh.jpg)  center no-repeat;height:180px; }
.nyaboutwenhua_img{ float:right; margin-left:50px;}
.nyaboutwenhua h3{ font-size:96px; color:#fff; line-height:50px; margin-top:15px;opacity: 0.2}
.nyaboutwenhua p{ color:#fff; font-size:26px; line-height:36px;padding-top:40px;font-weight:100;}
.nyaboutwenhua p:hover{ color:#fff;}

.nyaboutwenhualist{ width:calc( 100% - 200px); margin:0 auto; min-width:1300px; box-sizing:border-box;}
.nyaboutwenhualist ul li{ width:18%; margin:0 1%; float:left; height:295px; text-align:center; box-sizing:border-box; padding:40px 30px;background:#f2f2f2; position:relative;}
.nyaboutwenhualist ul li h4{ position:relative; z-index:9;}
.nyaboutwenhualist ul li h3{ font-size:20px; color:#333; position:relative; z-index:9; margin-bottom:10px;}
.nyaboutwenhualist ul li p{ font-size:14px; color:#999; line-height:30px; position:relative; z-index:9;}
.nyaboutwenhualist ul li:before{
	content:""; left:10px;right:10px; bottom:10px; top:10px; position:absolute; z-index:2; background:#fff;
}
.nyaboutwenhualist ul li:after{
	content:""; left:0; right:0; bottom:0; height:0; position:absolute; z-index:1;transition: all 0.3s ease;
	background: -moz-linear-gradient(#008085, #006569);
	background: -webkit-linear-gradient(#008085, #006569);
	background: -o-linear-gradient(#008085, #006569);
	background: -ms-linear-gradient(#008085, #006569);
	background: linear-gradient(#008085, #006569);
}
.nyaboutwenhualist ul li:hover:after{
	height:100%;
}

.nyrclnlist{ width:calc( 100% - 200px); margin:0 auto; min-width:1300px; box-sizing:border-box;}
.nyrclnlist ul li{ width:23%; margin:0 1%; float:left; height:295px; text-align:center; box-sizing:border-box; padding:40px 30px;background:#f2f2f2; position:relative;}
.nyrclnlist ul li h4{ position:relative; z-index:9;}
.nyrclnlist ul li h3{ font-size:20px; color:#333; position:relative; z-index:9; margin-bottom:10px;}
.nyrclnlist ul li p{ font-size:14px; color:#999; line-height:30px; position:relative; z-index:9;}
.nyrclnlist ul li:before{
	content:""; left:10px;right:10px; bottom:10px; top:10px; position:absolute; z-index:2; background:#fff;
}
.nyrclnlist ul li:after{
	content:""; left:0; right:0; bottom:0; height:0; position:absolute; z-index:1;transition: all 0.3s ease;
	background: -moz-linear-gradient(#008085, #006569);
	background: -webkit-linear-gradient(#008085, #006569);
	background: -o-linear-gradient(#008085, #006569);
	background: -ms-linear-gradient(#008085, #006569);
	background: linear-gradient(#008085, #006569);
}
.nyrclnlist ul li:hover:after{
	height:100%;
}

.nygcfw{ width:100%;}
.nygcfw_r{ float:right;}
.nyfwln_title{ text-align:center; font-size:30px; color:#333; line-height:60px; font-weight:bold;}
.nyfwln_text{ font-size:16px; line-height:36px; color:#666; margin:0 0 20px; text-align:center;}

.nyfwlnlist{ width:100%; margin:0 auto; box-sizing:border-box;}
.nyfwlnlist ul li{ width:25%; padding:0 30px; float:left; text-align:center; box-sizing:border-box; position:relative;}
.nyfwlnlist ul li h4{ position:relative; width:100%; height:250px; background-size:cover; background-position:center center; background-repeat:no-repeat; border-radius:10px; overflow:hidden;}
.nyfwlnlist ul li h3{ font-size:24px; color:#fff; position: absolute; bottom:0; left:30px; width:calc(100% - 60px); line-height:250px; text-align:center; z-index:9;transition: all 0.3s ease; border-radius:10px; overflow:hidden;}
.nyfwlnlist ul li h4:before{ content:""; display:inline-block; position:absolute; left:0; bottom:0; width:100%; height:250px; background:rgba(0,0,0,0.5); z-index:2;transition: all 0.3s ease;}
.nyfwlnlist ul li:hover h4:before{ background:rgba(192,0,0,0.5); height:60px;}
.nyfwlnlist ul li:hover h3{ line-height:60px; font-size:18px;}

@keyframes whirl {
	from {
			transform: rotate(0deg);
	}
	to {
			transform: rotate(360deg);
	}
}


.nyfwlclist{ width:100%; margin:0 auto; box-sizing:border-box;}
.nyfwlcn{ width:100%; padding:60px 0; margin:0 auto; min-width:1300px; background:#c00 url(../images/nyfwlcn.jpg) center center no-repeat;}
.nyfwlcn .nyfwln_title{ color:#fff;}
.nyfwlclist ul{ position:relative;}

.nyfwlclist ul li{ width:16.66%; float:left; height:280px; text-align:center; box-sizing:border-box; padding:30px 30px; position:relative; z-index:9;transition: all 0.3s ease;}
.nyfwlclist ul li:after{ content:""; width:1px; height:280px; background:rgba(255,255,255,0.2); position:absolute; right:0; top:0; border-radius:50%;z-index:9;transition: all 0.3s ease;}
.nyfwlclist ul li h4{ font-size:24px; color:#fff; height:60px; line-height:60px; overflow:hidden;transition: all 0.3s ease; margin-top:20px;}
.nyfwlclist ul li i{ display:inline-block; height:41px; width:41px; overflow:hidden; position:relative; z-index:9; margin-top:20px; background-repeat:no-repeat; background-position:center 0;transition: all 0.3s ease;}
.nyfwlclist ul li i.nyfwlclist01{ background-image:url(../images/nyfwlclist_01.png);}
.nyfwlclist ul li i.nyfwlclist02{ background-image:url(../images/nyfwlclist_02.png);}
.nyfwlclist ul li i.nyfwlclist03{ background-image:url(../images/nyfwlclist_03.png);}
.nyfwlclist ul li i.nyfwlclist04{ background-image:url(../images/nyfwlclist_04.png);}
.nyfwlclist ul li i.nyfwlclist05{ background-image:url(../images/nyfwlclist_05.png);}
.nyfwlclist ul li i.nyfwlclist06{ background-image:url(../images/nyfwlclist_06.png);}

.nyfwlclist ul li h3{ font-size:18px; color:#fff; position:relative; z-index:9; margin-bottom:10px;transition: all 0.3s ease;}
.nyfwlclist ul li p{ font-size:14px; color:#888; line-height:24px; position: absolute; z-index:9; left:0; bottom:20px; width:100%; height:0; overflow:hidden; box-sizing:border-box; text-align:justify;transition: all 0.3s ease;}

.nyfwlclist ul li:nth-child(6){ margin-right:0;}
.nyfwlclist ul li:nth-child(6):after{ border:none;}
.nyfwlclist ul li:hover{ background:#fff;}
.nyfwlclist ul li:hover:after{ display:none;}
.nyfwlclist ul li:hover h4{ height:0; line-height:0; margin-top:0;}
.nyfwlclist ul li:hover i{ background-position:center -41px; margin-top:20px;}
.nyfwlclist ul li:hover h3{ color:#333;}
.nyfwlclist ul li:hover p{ height:140px; padding:20px;}

.nygcfwnlist ul{ text-align: center; position:relative;}
.nygcfwnlist ul li{ float:left; width:25%; text-align:center; position:relative;}
.nygcfwnlist ul li i{ width:260px; height:229px; margin:0 auto 30px; display: inline-block;}
.nygcfwnlist ul li:before{ content:""; width:8px; height:8px; box-sizing:border-box; background:#ddd; position:absolute; z-index:11; left:50%; top:306px; margin-left:-4px; border-radius:50%;}
.nygcfwnlist ul li:after{ content:""; width:16px; height:16px; border:1px #ddd solid; box-sizing:border-box; background:#fff; position:absolute; z-index:9; left:50%; top:302px; margin-left:-8px; border-radius:50%;}
.nygcfwnlist ul:after {
    content: "";
    height: 1px;
    width: 75%;
    position: absolute;
    left: 12.5%;
    top: 310px;
    background: #ddd;
}





.nyshzr_title{ font-size:24px; font-weight:bold; color:#006569; line-height:60px;}

.nyaboutshiming{width:90%; margin:0 auto; min-width:1300px; max-width:1600px; box-sizing:border-box; position:relative;}
.nyaboutshiming:before{ content:""; background:url(../images/nyaboutshimingico01.png) left top no-repeat; width:200px; height:210px; position:absolute; left:20%; bottom:10%; z-index:1}
.nyaboutshiming:after{ content:""; background:url(../images/nyaboutshimingico02.png) left top no-repeat; width:487px; height:493px; position:absolute; right:0; top:0; z-index:1}
.nyaboutshiming ul li{ width:33.33%; height:300px; padding:80px 0 0 80px; float:left; border-bottom:1px #eee solid; border-right:1px #eee solid; box-sizing:border-box; position:relative; z-index:9}
.nyaboutshiming ul li.nyaboutshimingtitle{ width:calc(100% - 33.33%); background:url(../images/nyaboutshimingico03.png) 45px 66px no-repeat; padding:158px 0 0 270px}
.nyaboutshiming ul li.nyaboutshimingtitle h4{ font-size:30px; color:#333;}
.nyaboutshiming ul li:nth-child(2){ border-right:none;}
.nyaboutshiming ul li:nth-child(5){ border-right:none;}
.nyaboutshiming ul li:nth-child(8){ border-right:none;}
.nyaboutshiming ul li:nth-child(9){ border-bottom:none;}
.nyaboutshiming ul li:nth-child(10){ border-bottom:none;}
.nyaboutshiming ul li:nth-child(11){ border-bottom:none; border-right:none;}

.nyaboutshiming ul li span{ font-size:30px; color:rgba(0,0,0,0.1); text-transform:uppercase; font-family:'Barlow';}
.nyaboutshiming ul li h3{ font-size:30px; color:#006569; text-transform:uppercase; line-height:50px}
.nyaboutshiming ul li p{ font-size:18px; color:#888;}

.nyznsl{ width:calc( 100% - 200px); margin:0 auto; min-width:1300px; box-sizing:border-box;}
.nyznsl_title{ text-align:center; border-bottom:1px #eee solid; font-size:30px; color:#333; line-height:60px;}
.nyznsl_text{ font-size:16px; line-height:36px; color:#666; margin:20px 0; text-align:center;}
.nyznsl_list{ width:100%;}
.nyznsl_list img{ max-width:100%;}
.nyznsl_list ul li{ float:left; width:23%; margin:0 1% 1%;}
.nyznsl_list ul li img{ max-width:100%;}
.nyznsl_list ul li p{ font-size:14px; color:#666; text-align:center;}

.nyznsl_list5{ width:100%;}
.nyznsl_list5 ul li{ float:left; width:19%; margin:0 0.5% 1%; text-align:center; box-sizing:border-box; border:1px #eee solid;}
.nyznsl_list5 ul li img{ max-width:100%;}
.nyznsl_list5 ul li p{ font-size:14px; color:#666; text-align:center;}

.nyznsl_list6{ width:100%;}
.nyznsl_list6 ul li{ float:left; width:14.66%; margin:0 1% 1%;}
.nyznsl_list6 ul li img{ max-width:100%;}
.nyznsl_list6 ul li p{ font-size:14px; color:#666; text-align:center;}


.nycxy_list{ width:100%; margin:0 auto; box-sizing:border-box;}
.nycxy_list ul li{ width:50%; padding:0 30px; float:left; text-align:center; box-sizing:border-box; position:relative;}
.nycxy_list ul li h4{ position:relative; width:100%; height:400px; background-size:cover; background-position:center center; background-repeat:no-repeat; border-radius:10px; overflow:hidden;}
.nycxy_list ul li h3{ font-size:24px; color:#fff; position: absolute; bottom:0; left:30px; width:calc(100% - 60px); line-height:400px; text-align:center; z-index:9;transition: all 0.3s ease; border-radius:10px; overflow:hidden;}
.nycxy_list ul li h4:before{ content:""; display:inline-block; position:absolute; left:0; bottom:0; width:100%; height:400px; background:rgba(0,0,0,0.5); z-index:2;transition: all 0.3s ease;}
.nycxy_list ul li:hover h4:before{ background:rgba(192,0,0,0.5); height:60px;}
.nycxy_list ul li:hover h3{ line-height:60px; font-size:18px;}


.nyqytk_list{ width:100%; }
.nyqytk_list_title{ font-size:30px; color:#333; text-align:center; line-height:60px; margin-bottom:20px;}
/*.nyqytk_list .nyqytk_list_con{width:100%;}
.nyqytk_list .nyqytk_list_con li{ float:left; width:23%; margin-right:2.6%; border:1px #ddd solid; box-sizing:border-box; margin-bottom:2%; position:relative; overflow:hidden;transition: all 0.3s ease;}
.nyqytk_list .nyqytk_list_con li:nth-child(4n){ margin-right:0}

.nyqytk_list .nyqytk_list_con li h3{ width:100%; height:200px;}
.nyqytk_list .nyqytk_list_con li h3 a{ display:block; width:100%; height:100%; line-height:0; text-align:center;}
.nyqytk_list .nyqytk_list_con li h3 a img{ max-width:100%; max-height:100%; display:inline-block}
.nyqytk_list .nyqytk_list_con li p{ background:#f2f4f8; height:45px; line-height:45px; color:#333; text-align:center; transition: all 0.3s ease;}
.nyqytk_list .nyqytk_list_con li p a{ font-size:14px; color:#333; line-height:45px; padding:0 10px;}
.nyqytk_list .nyqytk_list_con li .text{ position:absolute; top:calc(60px - 100% ); left:0; width:100%; height:calc(100% - 60px); z-index:999; background:rgba(75,159,48,0.8); overflow:hidden;transition: all 0.3s ease;display: table;}
.nyqytk_list .nyqytk_list_con li .text a{ color:#fff; font-size:14px; padding:0 40px; line-height:30px;display: table-cell; vertical-align: middle;}
.nyqytk_list .nyqytk_list_con li:hover p{ background:#006569;}
.nyqytk_list .nyqytk_list_con li:hover p a{ color:#fff;}
.nyqytk_list .nyqytk_list_con li:hover .text{ top:0;}*/

.nyqytk_list .nycase_list_con.on{ display:block;}

.nyaboutrongyu_a{ width:260px; height:45px; border-radius:4px;background: -moz-linear-gradient(#008085, #006569);
	background: -webkit-linear-gradient(90deg,#008085, #006569);
	background: -o-linear-gradient(90deg,#008085, #006569);
	background: -ms-linear-gradient(90deg,#008085, #006569);
	background: linear-gradient(90deg,#008085, #006569); margin:0 auto; display:block; font-size:16px; color:#fff; text-align:center; line-height:45px;transition: all 0.3s ease;}
.nyaboutrongyu_a:hover{ font-size:18px; font-weight:bold; color:#fff; border-radius:10px;}

.khpj{width:1000px; margin:0 auto; box-sizing:border-box; border-radius:20px; background:#f6f6f6; padding:40px; color:#666; line-height:30px;}



.map {background:url(../images/map.jpg) center top 106px no-repeat; height:852px; position:relative; }
.map .con { position:relative; width:1000px; height:757px; margin:auto; }
.map .con .more { bottom:0; position:absolute; left:-60px; bottom:70px; }
.com1 { position:absolute; top: -107px; left: 185px; z-index:10; width:383px; height:225px; }
.add1 { position:absolute; top: 230px; left: 348px; z-index:9; }
.com2 { position:absolute; top: -67px; left: 178px; z-index:10; width:383px; height:225px; }
.add2 { position:absolute; top: 270px; left: 339px; z-index:9; }
.com3 { position:absolute; top: -67px; left: 225px; z-index:10; width:383px; height:225px; }
.add3 { position:absolute; top: 270px; left: 387px; z-index:9; }
.com4 { position:absolute; top: -37px; left: 194px; z-index:10; width:383px; height:225px; }
.add4 { position:absolute; top: 300px; left: 357px; z-index:9; }
.com2, .com3, .com4 { display:none; }

.nyfwbz{ width:calc( 100% - 200px); margin:0 auto; min-width:1300px; box-sizing:border-box;}
.nyfwbz_title{ font-weight:bold; text-align:center; font-size:24px; color:#333; margin-bottom:40px;}
.nyfwbzlist{ width:100%}
.nyfwbzlist ul li{ width:100%; clear:both;}
.nyfwbzlist ul li img{ max-width:100%;}
.nyfwbzlist ul li .nyfwbz_l{ width:50%; float:left; }
.nyfwbzlist ul li .nyfwbz_r{ width:50%; float:right; }
.nyfwbzlist ul li div{ text-align:justify;}
.nyfwbzlist ul li div h3{ font-size:24px; color:#333; margin-bottom:20px;}
.nyfwbzlist ul li div h4{ font-size:16px; font-weight:normal; color:#006569; margin-bottom:10px;}
.nyfwbzlist ul li div p{ font-size:16px; color:#888; line-height:36px; margin-bottom:10px;}




.nyfzlc{ width:calc( 100% - 200px); margin:0 auto; min-width:1300px; box-sizing:border-box;}
.nyfzlc-l{ width:100%;}
.nyfzlc-l ul{}
.nyfzlc-l ul li{ width:25%; float:left; cursor:pointer; height:120px; box-sizing:border-box; padding:20px 30px; line-height:40px; background:#f8f8f8; border-bottom:1px #fff solid; text-align: center; color:#333; transition: all 0.5s ease;}
.nyfzlc-l ul li h3{ font-weight:normal; font-size:18px; color:#aaa;}
.nyfzlc-l ul li p{ font-size:24px; font-weight:bold; color:#333;}
.nyfzlc-l ul li.active{ background:#006569; color:#fff;}
.nyfzlc-l ul li.active h3{ color:#fff}
.nyfzlc-l ul li.active p{ color:#fff;}
.nyfzlc-r{width:100%; float:right;}
.nyfzlc-r div.tab_c{ display:none;}
.nyfzlc-r div.tab_c.active{ display:block;}
.nyfzlc-r div.tab_c .tab_c_title{ font-size:30px; color:#333; line-height:100px; font-weight:bold; padding-left:60px;}
.nyfzlc-r div.tab_c .tab_c_title b{ color:#006569; margin-right:10px;}
.nyfzlc-r div.tab_c .tab_c_img{ float:left; width:350px; text-align:center; padding-top:50px;}
.nyfzlc-r div.tab_c .tab_c_img p{ font-size:18px;}
.nyfzlc-r div.tab_c .tab_c_ul{ float:right; width:calc(100% - 360px); border-left: 1px solid #e6e6e6; padding-top:50px;}
.nyfzlc-r div.tab_c ul{ padding-top:40px;}
.nyfzlc-r div.tab_c ul li{margin-bottom: 80px;position: relative;margin-left: 60px; padding-bottom:80px; padding-left:40px;}
.nyfzlc-r div.tab_c ul li:after{ content:""; width:100%; height:1px; background:#e7e7e7; position:absolute; bottom:0; left:-60px;}
.nyfzlc-r div.tab_c ul li .oc{position: absolute;left:-69px;top:6px;}
.nyfzlc-r div.tab_c ul li .os{position: absolute;left:-53px;top:19px; height:2px; width:60px; background:#e7e7e7;}
.nyfzlc-r div.tab_c ul li .mask_ {}
.nyfzlc-r div.tab_c ul li .mask_ .title{font-size: 36px; font-weight:400;color:#c00;text-align: left; margin-bottom: 10px;}
.nyfzlc-r div.tab_c ul li .mask_ .p{font-size: 16px;color:#888;line-height: 36px;}
.nyfzlc-r div.tab_c ul li .mask_ .bg_img{margin-top: 35px;}
.nyfzlc-r div.tab_c ul li.li_ .bg_img{display: none;}
.nyfzlc-r div.tab_c ul li .mask_ .bg_img .img_title{position:absolute;bottom:0;left:0;width:100%;height:34px;line-height:34px;background:url(../img/blue.6.png) repeat;}
.nyfzlc-r div.tab_c ul li .mask_ .bg_img .img_title span{display:block;padding:0px 10px;font-size:14px;color:#fff;font-weight:normal;text-align:center;}



.servicetext{ font-size:16px; line-height:35px; color:#666;}
.servicetext .mode{ width:100%;}
.servicebox{ width:calc( 100% - 200px); margin:0 auto; min-width:1300px; box-sizing:border-box; height:280px; background:url(../images/servicebox.jpg) left top no-repeat;}
.servicebox a{ display:block; width:600px; float:left; height:280px;}


.servicetext .mode dl{width: 32%;margin-right: 1.3%;float: left; border-radius:10px; height:81px; background: #f5f5f5;padding: 25px 0;margin-bottom: 20px;}
.servicetext .mode dl:first-child{margin-left: 0;}
.servicetext .mode dd{float: left;margin: 0 15px 0 20px;}
.servicetext .mode dt{float: left; width:290px;}
.servicetext .mode dt h4{font-size: 18px;color: #333; font-weight:normal;}
.servicetext .mode dt p{font-size: 16px;padding: 0; color:#333;}
.servicetext .mode dt p.tel{font-weight: 600;font-size: 22px; color:#006569}


.nytopbg{ width:100%; height:80px; top:0; left:0; right:0; z-index:9999; position:fixed;transition: all 0.5s ease; -webkit-transition: all 0.5s ease;}
.nytop{ position:relative; top:20px; width:88%; left:6%; right:6%; height:60px; z-index:99999;transition: all 0.5s ease; -webkit-transition: all 0.5s ease;}
.nytopbg.hover{ background:#006569; height:60px;}
.nytopbg.hover .nytop{ top:0;}
.nytop .logo{ padding-top:0;}
.nytop .topright{}
.nytop .topicon{ top:15px;}

.nytitle{ text-align:center; font-size:30px; color:#333; line-height:60px; font-weight:bold; margin-bottom:20px;}
.nyaboutleft{ float:right; width:380px;}
.nyaboutleft .nyaboutleft_title{ text-align:left;}
.nyaboutleft .nyaboutleft_title h3{ font-size:30px; color:#333; position:relative; margin-bottom:50px;}
.nyaboutleft .nyaboutleft_title h3 span{ font-family:"微软雅黑 Light"; font-weight:normal; color:#888; font-size:18px; text-transform:uppercase; line-height:30px;}
.nyaboutleft .nyaboutleft_title h3:after{ content:""; width:80px; height:2px; background:#006569; position:absolute; left:0; bottom:-25px;}
.nyaboutleft .nyaboutleft_title h4{ margin-bottom:25px;}
.nyaboutleft .nyaboutleft_title h5{ width:380px; height:260px;}
.nyaboutright{ float:left; width:calc(100% - 450px)}
.nyaboutright h3{ font-size:24px; color:#333; margin-bottom:15px;}
.nyaboutright h4{ font-size:20px; color:#006569; margin-bottom:10px;}
.nyaboutright p{ font-size:16px; color:#888; line-height:32px; text-align:justify}

.nyabouttext h3{ font-size:24px; color:#333; line-height:50px; margin:20px 0 10px;}
.nyabouttext p{ color:#888; font-size:16px; line-height:40px;}
.nyabouttext p:hover{ color:#333;}


.nyabouttext_img{ float:right; width:775px; text-align:center}
.nyabouttext_left{ padding-top:20px; float:left; width:calc(100% - 775px)}


.nycplist{ width:100%; box-sizing:border-box; padding:20px 0;}
.nycplist ul li{ float:left; width:27.33%; margin:0 3% 3%;}
.nycplist ul li h3{width: 100%; padding: 0; border:10px #fff solid;-moz-box-shadow:-10px 10px 20px rgba(0,0,0,0.28); -webkit-box-shadow:-10px 10px 20px rgba(0,0,0,0.28); box-shadow:-10px 10px 20px rgba(0,0,0,0.28); padding-bottom: calc(300% / 4); background-position: center center; background-repeat: no-repeat; box-sizing:border-box; background-size: cover; position:relative; transition: all 0.5s ease;}
.nycplist ul li h3 a{ display:block; width:100%; height:100%; position: absolute; left:0; top:0;}
.nycplist ul li .text{ text-align:center; padding-top:30px;}
.nycplist ul li .text a{ font-size:18px; color:#333; line-height:30px; font-weight:700; display:block; transition: all 0.5s ease;}
.nycplist ul li .text a.nycplist_pp{ font-size:14px; color:#006569;}
.nycplist ul li:hover h3{border:10px #006569 solid;}
.nycplist ul li:hover .text a{color:#006569; font-size:20px;}
.nycplist ul li:hover .text a.nycplist_pp{ font-size:16px; color:#333;}



/*分页样式*/
.pagination {
	clear: both;
	margin: 10px 0;
	text-align: center;
}
.pagination li {
	display: inline-block;
*display: inline;
	zoom: 1;
}
.pagination li a {
	display: block;
	padding: 4px 16px;
	background-color: #fff;
	border: 1px solid #eee;
	font-size:16px;
	transition: all 0.3s ease;
}
.pagination li + li a {
	border-left: none;
}
.pagination li.active a, .pagination li a:hover {
	background-color: #006569;
	border: 1px solid #006569;
	color: #ffffff;
	border-left: none;
}

.nypro-item{ width:calc( 100% - 200px); height:750px; padding:60px 0 30px; box-sizing:border-box; margin:0 auto; border-bottom:3px #eee solid;}
.nypro-item-l{ float:left; width:750px;}

.spec-preview{width:600px;height:600px; float:left;}
/*图片放大镜样式*/
.jqzoom{border:1px #ddd solid; padding:10px;position:relative;padding:0px;cursor:pointer;margin:0px;display:block;width:600px;height:600px; text-align:center;}
.jqzoom img{ max-width:100%; max-height:100%;}
.zoomdiv{z-index:100;position:absolute;top:0px;left:0px;width:350px;height:350px;background:#ffffff;border:1px solid #CCCCCC;display:none;text-align:center;overflow:hidden;}
.jqZoomPup{z-index:10;visibility:hidden;position:absolute;top:0px;left:0px;width:20px;height:20px;border:1px solid #aaa;background:#ffffff /*url(../images/zoom.png) 50% center no-repeat*/;opacity: 0.5;-moz-opacity: 0.5;-khtml-opacity: 0.5;filter: alpha(Opacity=50);}

/*图片小图预览列表*/

.spec-scroll{ float:left; width:94px; height:600px; margin-right:10px;}
.spec-scroll .prev{ background-image:url(../images/nypro-prev.png); margin-bottom:10px;}
.spec-scroll .next{ background-image:url(../images/nypro-next.png);}
.spec-scroll .prev,.spec-scroll .next{display:block;text-align:center;width:94px;height:30px; background-position:center center; background-repeat:no-repeat;cursor:pointer;text-decoration:none;}
.spec-scroll .items{position:relative;width:94px;height:520px;overflow:hidden;}
.spec-scroll .items ul{position:absolute;width:520px;height:94px;}
.spec-scroll .items ul li{width:94px;text-align:center; margin-right:5px;}
.spec-scroll .items ul li img{border:2px solid #eee;width:90px;height:90px;}
.spec-scroll .items ul li img:hover{border:2px solid #006569;}


.nypro-item-table{ width:520px; padding-top:50px; position:relative;}
.nypro-item-table table{ margin:0 auto; text-align:center; width:510px;}
.nypro-item-table table th{ background:#f8f8f8;font-size:14px; width:170px; color:#333; height:40px; border:1px #eee solid;}
.nypro-item-table table td{ font-size:14px; width:170px; height:40px; color:#666; border:1px #eee solid;}

.nyprovideo{ position:absolute; left:0; top:-20px;}
.nyprovideo_a{ display:block; width:50px; height:50px; background:url(../images/nyprovideo_a.png) left top no-repeat }


.nypro-item-r{ float:right; width:calc(100% - 780px);}
.nypro-item-r h1{ font-size:30px; color:#333; margin-bottom:60px;}
.nypro-item-r p{ font-size:14px; color:#666; line-height:30px;}
.nypro-item-r p.nypro-item-rc{ height:120px; background:#f6f7fa; border:1px #e9ecf2 solid;}
.nypro-item-r h3{ font-size:18px; color:#006569; margin:5px 0; line-height:32px; font-weight:normal;}
.nypro-item-r h5{ font-size:18px;}
.nypro-item-r ul{ width:100%; height:50px; line-height:40px; margin-top:30px; transition: all 0.5s ease;}
.nypro-item-r ul li{ float:left; margin-right:40px; width:150px; background:#222; position:relative;}
.nypro-item-r ul li:after{content:" "; position:absolute; left:0; bottom:0; width:0; height:40px; background:#000; transition: all 0.5s ease; z-index:1}
.nypro-item-r ul li a{ display:block; height:40px; text-align:center; color:#fff; font-size:16px; z-index:9; position:relative;}
.nypro-item-r ul li.nypro-item-r-zx{ background:#006569;}
.nypro-item-r ul li.nypro-item-r-zx a{ color:#fff;}
.nypro-item-r ul li.nypro-item-r-zx:after{ background:#008085}
.nypro-item-r ul li:hover:after{ width:150px;}
.nypro-item-r h4{ font-size:18px; color:#333; margin:60px auto 20px; line-height:50px;}
.nypro-item-r h4 span{ font-size:36px; color:#006569}

.nypro-item-r .nypro-item-r-table{width:100%;text-align: left;}
.nypro-item-r .nypro-item-r-table tr{ height:40px;color:#666;line-height: 40px;font-size:14px;}
.nypro-item-r .nypro-item-r-table tr td{font-weight: normal;box-sizing: border-box;}
.nypro-item-r .nypro-item-r-table tr td:nth-child(1){width:188px; text-align:center;}
.nypro-item-r .nypro-item-r-table tr td:nth-child(2){width: calc(100% - 188px);padding-right: 28px;box-sizing: border-box;}
.nypro-item-r .nypro-item-r-table tr:nth-child(2n+1){background:#F2F2F2;}
.nypro-item-r .nypro-item-r-table tr:nth-child(1){background:#006569;}
.nypro-item-r .nypro-item-r-table tr:nth-child(1) td{ color:#fff;}
.nypro-item-r .nypro-item-r-table tr:last-child{ border-bottom:1px #c5c5c5 solid solid; line-height:30px;}
.nypro-item-r .nypro-item-r-table tr:last-child td:nth-child(2){ padding:10px 28px 10px 0 !important;}
.nypro-item-r .nypro-item-r-table tr:hover{background:#006569;color:#ffffff;}

.nypro-cpjs{ width:calc( 100% - 200px); margin:0 auto; min-width:1300px; box-sizing:border-box; padding:80px 0;font-size:16px; color:#666; line-height:36px;}
.nypro-cpjs h3{ color:#333; font-size:30px;margin: 0 0 40px; position: relative; padding-left:15px;}
.nypro-cpjs h3:before{ content:" "; width:4px; height:20px; position:absolute; top:7px; left:0px; background:#006569;}
.nypro-cpjs p{ font-size:16px; color:#666; line-height:36px;}

.nypro-xqgcal{ width:100%;padding:80px 0; background:url(../images/nypro-xqgcal.jpg) center center no-repeat}
.nypro-xqgcal h3{ color:#fff; font-size:30px;margin: 0 0 40px;}
.nypro-xqgcal h3 span{ font-size:18px; font-weight:normal; margin-left:10px;}
.nypro-xqgcal ul{width:100%; margin:0 auto; min-width:1300px; box-sizing:border-box;}
.nypro-xqgcal ul li{ float:left; width:23%; margin:0 2% 0 0; background:#fff; position:relative;}
.nypro-xqgcal ul li h4{width:100%; padding:0; padding-bottom:calc(300% / 4); border:1px #eee solid; box-sizing:border-box; background-position:center center; background-repeat:no-repeat; background-size:cover; position:relative; position:relative;z-index:2;}
.nypro-xqgcal ul li h4 a{ display:block; width:100%; position: absolute; height:100%; left:0; top:0;}
.nypro-xqgcal ul li p{ font-size:18px; color:#333; height:100px; box-sizing:border-box; padding-left:25px; line-height:120px; position:relative;z-index:2;}
.nypro-xqgcal ul li p:before{ content:" "; background:#006569; width:50px; height:3px; position:absolute; left:25px; top:30px;}
.nypro-xqgcal ul li h5{ padding:50px 25px; box-sizing:border-box; position:absolute; left:0; top:0; opacity:0; z-index:1; background:#006569; width:100%; height:450px; transition: all 0.5s ease;}
.nypro-xqgcal ul li h5 a{ display:block; width:100%; height:450px;}
.nypro-xqgcal ul li h5 b{ display:block; color:#fff; font-size:20px; margin-bottom:10px;}
.nypro-xqgcal ul li h5 span{ font-weight:normal; color:#fff; font-size:14px; line-height:30px;}
.nypro-xqgcal ul li:hover h4 img{-webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1)}
.nypro-xqgcal ul li:hover h5{ z-index:9; opacity:1;}


.message{width:calc( 100% - 200px); margin:0 auto; min-width:1300px; box-sizing:border-box;overflow: hidden;padding: 80px 0;}
.message h2{margin: 40px auto;}
.message .left{width: calc(100% - 550px);float: left;}
.message .left dd{width: 100%;/*background: url("../images/kf2.png") left center no-repeat; adding-left: 75px;*/box-sizing:border-box;pmargin-bottom: 15px;}
.message .left dd span{font-size: 30px;color: #333;font-weight: bold;margin-bottom: 15px;display: block;}
.message .left dt input{width: 48%;height: 50px;border: 1px solid #cdcdcd;margin: 13px 2% 13px 0;background: none; float:left;font-size: 14px;text-indent: 10px; box-sizing:border-box;}

.message .left dt input.icon-message{background: url("../images/icon-message.png") right 5px  center no-repeat;background-size: 25px;}
.message .left dt input.icon-address{background: url("../images/icon-address.png") right 5px  center no-repeat;background-size: 25px;}
.message .left dt input.icon-name-yzm{ float:left; width:120px; margin-top:0;}
.message .left dt .icon-name-yzm-img{ float:left; margin-top:8px;}
.message .left dt textarea{width: 98%;height: 70px;border: 1px solid #cdcdcd;background: none;
    font-size: 14px;padding: 10px 0 0 10px;margin: 15px 0; box-sizing:border-box;}
.message .left dt input.button{width: 185px;height: 50px;text-align: center;line-height: 50px; text-indent:0;font-size: 18px; cursor:pointer; background: #006569;border: none;transition: all 0.5s ease; color:#fff; margin-top:0; margin-left:10px; float:left;}
.message .right{width: 500px;float: right; overflow: hidden;}
.message .left dt input.button:hover{ background: #628cc3;}
.message .right dd{width: 100%;background: url("../images/phone2.png") left 45px center no-repeat #008085;padding: 40px 0 40px 140px; box-sizing:border-box}
.message .right dd span a{font-size: 46px;font-weight:400;color: #fff;line-height: 46px;font-family: Impact;}
.message .right dd p{font-size: 24px;color: #fff;line-height: 24px;margin-bottom: 10px;}
.message .right dt{width: 100%;background:#006569;padding: 25px 30px; box-sizing:border-box}
.message .right dt p a{font-size: 16px;color: #fff;display: block;padding: 10px 0 15px 30px;background: url("../images/icons.png") left center no-repeat;}
.message .right dt .address a{background-position: 0 -49px;}
.message .right dt .url a{background-position: -2px -102px;}
.message .right dt .mailbox a{background-position: -4px -162px;}
.message .right dt .tel a{background-position: 2px 15px;}
.message .right dt .btn{width: 100%;overflow: hidden;padding: 20px 0;}
.message .right dt .btn a{width: 120px;height: 40px;text-align: center;line-height: 40px;color: #fff;
    border: 1px solid #fff;padding: 0;display: inline-block;margin-right: 10px;font-size: 16px;background: none;}
.message .right dt .btn a:hover{background: rgba(255,255,255,0.2)}


.nyanli-item-l{ float:left; width:800px; height:400px;}
.nyanli-item-l img{ max-width:100%; overflow:hidden; border-radius:10px;}
.nyanli-item-r{ float:right; width:calc(100% - 850px)}
.nyanli-item-r h1{ font-size:24px; color:#333; line-height:50px; margin-bottom:30px; margin-top:30px;}
.nyanli-item-r .nyalms{ padding:20px; color:#fff; line-height:30px; border-radius:10px; background: -moz-linear-gradient(300deg,#008085, #006569);
	background: -webkit-linear-gradient(300deg,#008085, #006569);
	background: -o-linear-gradient(300deg,#008085, #006569);
	background: -ms-linear-gradient(300deg,#008085, #006569);
	background: linear-gradient(300deg,#008085, #006569);}

#nyprocpys{ font-size:24px; color:#333; line-height:50px; margin:0 0 20px; position:relative; padding-left:15px;}
#nyprocpys:before{ content:" "; width:3px; height:20px; position:absolute; top:15px; left:0px; background:#006569;}
.nypinkongtixi{width:90%; margin:0 auto; min-width:1300px; max-width:1600px; box-sizing:border-box;}
.nypinkongtixi ul li{ width:1350px; height:400px;}
.nypinkongtixi ul li .nypinkong_l{ width:675px; float:left; height:400px;}
.nypinkongtixi ul li .nypinkong_r{ width:675px; float:right; height:400px;}
.nypinkongtixi ul li div{ text-align:justify;}
.nypinkongtixi ul li div h3{ font-size:24px; color:#333; margin-bottom:20px;}
.nypinkongtixi ul li div p{ font-size:16px; color:#888; line-height:36px; margin-bottom:10px;}

.nypro-xqdetail{ position:relative; width:100%; }

#nyprocpjs{ font-size:24px; color:#333; line-height:50px; margin:40px 0 20px; position:relative; padding-left:15px;}
#nyprocpjs:before{ content:" "; width:3px; height:20px; position:absolute; top:15px; left:0px; background:#006569;}

#nyprotltj{ font-size:24px; color:#333; line-height:50px; margin:30px 0 20px; position:relative; padding-left:15px;}
#nyprotltj:before{ content:" "; width:3px; height:20px; position:absolute; top:15px; left:0px; background:#006569;}

#nyprofwzc{ font-size:24px; color:#333; line-height:50px; margin:20px 0 20px; position:relative; padding-left:15px;}
#nyprofwzc:before{ content:" "; width:3px; height:20px; position:absolute; top:15px; left:0px; background:#006569;}

.nypro-xqnav{ width:100%; border-bottom:1px #eee solid; height:100px;}
.nypro-xqnav h3{ float:left; line-height:100px; font-size:30px; color:#333;}
.nypro-xqnav ul{ float:right;}
.nypro-xqnav ul li{ float:left; margin-left:50px; line-height:100px;}
.nypro-xqnav ul li a{ font-size:18px; display:block; line-height:100px; height:100px; font-weight:bold; color:#333; position:relative;}
.nypro-xqnav ul li a:after{content:" "; position:absolute; left:50%; bottom:25px; width:0; height:2px; background:#006569; transition: all 0.5s ease;}
.nypro-xqnav ul li.active a{ color:#006569;}
.nypro-xqnav ul li.active a:after{ width:50px; margin-left:-25px;}
.nypro-xqnav ul li a:hover{ color:#006569;}
.nypro-xqnav ul li a:hover:after{ width:50px; margin-left:-25px;}

.nypro-xqdetailc{ width:100%;}
.nypro-xqdetailc.active{ display:block;}
.nypro-xqdetailc p{ line-height:30px; font-size:16px; color:#666; padding:8px 0;}
.nycpxqtitle{ font-size:24px; font-weight:bold; border-bottom:1px #ddd solid; padding: 10px 0; color:#333;}
.nycpxqtitle span{ font-size:16px; color:#aaa; font-weight:normal;}

.nyxgcp{ width:100%; height:610px; padding-top:60px; box-sizing:border-box; background:url(../images/sycp.jpg) center center no-repeat;}


.newslist{ width:100%;}
.newslist ul{ position:relative;}
.newslist ul:after{content:" "; background: #eee; position: absolute; top: 0; left: 200px; height: 100%; width: 1px; z-index: 1;}
.newslist ul li{ position:relative; width:100%; height:230px; margin-bottom:20px; box-sizing:border-box;}
.newslist ul li h5{ float:left; width:200px; padding:30px 50px 0 0; margin-right:40px; height:170px; text-align:center; position:relative; z-index:4}
.newslist ul li h5:before{content:" "; position: absolute; top:0;right:50px; width: 0; height: 230px; background:#006569; transition: all .5s ease;-webkit-transition: all .5s ease; z-index:1;}
.newslist ul li h5:after{content:" "; background: #eee; position: absolute; right: 0; top: 115px; height: 1px; width: 50px; z-index: 5;}
.newslist ul li h5 b{ display:block; font-size:50px; margin-top:60px; color:#006569; position:relative; z-index:3}
.newslist ul li h5 i{ font-size:16px; line-height:40px; color:#333; font-weight:normal; font-style:normal; position:relative; z-index:3}
.newslist ul li h3{ background:#fafafa; float:left; width:calc(100% - 697px); height:170px; padding:30px 50px; position:relative; z-index:3}
.newslist ul li h3:before{content:" "; position: absolute; border-top: 0 solid transparent; border-bottom: 0 solid transparent; border-left: 0 solid #006569; left: -120px; top: 50%; margin-top: -15px; z-index: 3;transition: all .5s ease;-webkit-transition: all .5s ease;}
.newslist ul li h3:after{content:" "; background:#fafafa; position: absolute; left: 0; top:0; z-index:1; width:90px; height:230px;transition: all .5s ease;-webkit-transition: all .5s ease;}
.newslist ul li h3 a{ font-size:22px; line-height:50px; color:#333; transition: all .5s ease;-webkit-transition: all .5s ease;position:relative; z-index:3}
.newslist ul li h3 p{ font-size:14px; line-height:30px; font-weight:normal; color:#888;position:relative; z-index:3}
.newslist ul li h4{ background:#fafafa; float:right; width:307px; height:230px; position:relative; z-index:3}
.newslist ul li h4:after{content:" "; position: absolute; top:0; left:307px; width: 0; height: 230px; background:#fafafa; transition: all .5s ease;-webkit-transition: all .5s ease; z-index:1;}
.newslist ul li h4 img{ max-width:100%; height:230px; position:relative; z-index:5;}
.newslist ul li.active h5:before{ width:200px;}
.newslist ul li.active h5 b{ color:#fff;}
.newslist ul li.active h5 i{ color:#fff;}
.newslist ul li.active h5:after{ background:#006569; z-index:3}
.newslist ul li.active h3:before{ position: absolute; border-top: 15px solid transparent; border-bottom: 15px solid transparent; border-left: 15px solid #006569; left: -90px; top: 50%; margin-top: -15px; z-index: 3;}
.newslist ul li.active h3:after{ left:-90px;}
.newslist ul li.active h3 a{ color:#006569}

.nynewsshow-l{ width:100%; background:#fff; padding:60px 0; box-sizing:border-box;}
.nynewsshow-l h1.title{ text-align:center; font-size:30px; line-height:50px; padding-bottom:10px; border-bottom:1px #eee solid;}
.nynewsshow-l h1.title .info{ font-size:14px; color:#666; line-height:40px; font-weight:normal;}
.nynewsshow-l h1.title .info small{ font-size:14px;}
.textarea{ color:#666; line-height:36px;}
.textarea p{ margin:10px 0;}
.textarea img{ max-width:100%;}

.anli_left{ float:left; width:600px;}
.anli_right{ float:right; width:calc(100% - 640px);}
.anli_right h3{ color:#c00;}

.nynewsshow-xgxw{ padding-top: 30px; margin-top:30px; border-top: 1px #ddd solid;}
.nynewsshow-xgxw ul li{ float:left; width:48%; line-height:50px; position:relative; margin-right:4%; border-bottom:1px #eee solid; transition: all 0.8s ease;}
.nynewsshow-xgxw ul li:nth-child(2n){ margin-right:0}
.nynewsshow-xgxw ul li:after{ content:""; position:absolute; left:0; bottom:0; width:0; height:1px; background:#006569; transition: all 0.8s ease;}
.nynewsshow-xgxw ul li a{ line-height:50px; font-size:16px; color:#666;transition: all 0.5s ease;}
.nynewsshow-xgxw ul li a span{ float:right; font-size:16px; color:#888;}
.nynewsshow-xgxw ul li:hover:after{ width:100%;}
.nynewsshow-xgxw ul li:hover a{ color:#006569}

.nynewsshow-r{ width:100%;}
.nynewspreNext{}
.nynewspreNext ul li{ background:#f8f8f8; padding:30px; float:left; width:48%; margin-right:4%; font-size:18px; box-sizing:border-box; margin-bottom:20px; font-weight:bold;}
.nynewspreNext ul li:nth-child(2){ margin-right:0}
.nynewspreNext ul li a{ font-weight: normal; font-size:16px; color:#666;}
.nynewspreNext ul li a:hover{color:#006569}
.nynewspreNext ul li span{ font-weight: normal; font-size:16px; color:#666;}

.share_box{background:#f8f8f8; padding:30px; font-size:18px; box-sizing:border-box;}
.share_box_title{ font-size:18px; font-weight:bold; margin-bottom:10px;}


.nycontact{width:90%; margin:0 auto; min-width:1300px; max-width:1600px; box-sizing:border-box;}
.nycontact-pro-cont{ float:left; width:520px; height:520px; background:#006569; padding:50px 60px; box-sizing:border-box;}
.nycontact-pro-cont h3{ color:#fff; font-size:24px; line-height:50px;}
.nycontact-pro-cont p{ font-size:16px; line-height:32px; color:#fff;}
.nycontact-pro-cont p a{ color:#fff;}
.nycontact-message{ float:right; width:calc(100% - 570px); padding:40px 0;}
.nycontact-message h3{ font-size:24px; line-height:40px;}
.nycontact-message h3 i{ float:left; display:inline-block; width:40px; height:40px; margin-right:10px}
.nycontact-message h3 span{ color:#888; font-size:16px; margin-left:10px; font-weight:normal;}
.form-group{ padding:10px 0; min-height:40px; color:#666;}
.form-control{ float:left; width:calc(50% - 20px); border:1px #ddd solid; height:40px; line-height:40px; color:#666; margin-right:20px; padding:0 15px; box-sizing:border-box;}
.marginr0{ margin-right:0 !important}
.form-control-c{ width:calc(100% - 20px); height:130px; border:1px #ddd solid; padding:10px 15px; box-sizing:border-box;}
.form-sub{ width:200px; height:40px; background:#006569; color:#fff; text-align:center; line-height:40px; border:none; font-size:16px; margin-right:15px;}




.nycontact_nav{ width:800px; margin:0 auto; height:60px;}
.nycontact_nav ul li{ float:left; width:400px; height:60px; text-align:center; line-height:60px; font-size:18px; background:#fff; color:#333; border:1px #ddd solid; box-sizing:border-box; transition: all 0.5s ease;}
.nycontact_nav ul li.active{ background:#006569; color:#fff; border:1px #006569 solid;}

.nycontactc{ width:1350px; background:#fff; padding:20px; box-sizing:border-box; margin:0 auto; position:relative; height:600px;}
.nycontact-cont{ opacity:0; z-index:1; width:1310px; height:600px; position: absolute; left:20px; top:20px;}
.nycontact-cont.active{ opacity:1; z-index:9;}

.nycontact-tel{ float:right; width:400px; padding-left:75px; border-left:1px #ddd solid;height: 560px;}
.nycontact-tel p{ font-size:16px; color:#333; line-height:40px; margin-top:40px;}
.nycontact-tel h3{ margin-bottom:40px; font-size:36px; color:#006569; line-height:60px;}
.nycontact-tel h4{ font-weight:normal;}
.nycontact-tel h4 a{ width:160px; float:left; margin:0 20px 20px 0; display:block; height:40px; text-align:center; line-height:40px; border:1px #ddd solid; box-sizing:border-box; transition: all 0.5s ease;}
.nycontact-tel h4 a:hover{ background:#006569; color:#fff; border:1px #006569 solid;}



.pro_mes{ padding:30px 0; box-sizing: border-box; background: #fff;}
.khtitle{}
.khtitle h3{ font-size:24px; font-weight:bold; color:#333; margin-bottom:20px;}
.khtitle p{ font-size:18px; color:#333; line-height:35px;}
.khtitle p span{ color:#006569}

.liuyan{ width:100%;}
.liuyan h3{ font-size:20px; color:#333; margin-top:30px;}
.liuyan table{ width:100%;}
.liuyan table td{ font-size:18px; padding:20px 0 0; line-height:40px;}
.liuyan table td span{ color:#e20f1f;padding: 0 7px;}
.form-group p{ line-height:32px; padding-left:10px; position:relative;}
.form-group p:before{ content:""; width:2px; height:10px; left:0; top:10px; background:#006569; position:absolute;}
.form-control4{ float:left; width:365px; border-radius:3px; background:#f6f7fa; border:1px #e9ecf2 solid; height:40px; line-height:40px; color:#666; margin-right:20px; padding:0 15px; box-sizing:border-box;}
.form-control3{ float:left; width:235px; border-radius:3px; background:#f6f7fa; border:1px #e9ecf2 solid; height:40px; line-height:40px; color:#666; margin-right:20px; padding:0 15px; box-sizing:border-box;}
.form-control-c3{ width:750px; height:130px; background:#f6f7fa; border:1px #e9ecf2 solid; padding:5px 15px; box-sizing:border-box;}
.form-control-c4{ width:750px; height:80px; background:#f6f7fa; border:1px #e9ecf2 solid; padding:5px 15px; box-sizing:border-box;}

.formtext{ width:280px; height:40px; box-sizing:border-box; border:1px #aaa solid; line-height:40px; font-size:14px; color:#333; padding-left:10px;} 
.formtext1{ width:98%; box-sizing:border-box; height:40px; border:1px #aaa solid; line-height:40px; font-size:14px; color:#333; padding-left:10px;} 
.formtext2{ width:97.5%; height:130px; border:1px #aaa solid; line-height:30px; font-size:14px; color:#333; padding:10px;}
.bitian{ background:url(../images/bitian.png) right center no-repeat;}
.fstext{ font-size:16px; color:#666; margin-left:20px; line-height:40px;}




@keyframes whirl {
	from {
			transform: rotate(0deg);
	}
	to {
			transform: rotate(360deg);
	}
}




.nynewsnav{ width:90%; margin:0 auto; min-width:1300px; max-width:1600px; height:60px; border-bottom:1px #ddd solid; position:relative; z-index:9;}
.loc{ line-height:60px; color:#333; font-size:12px; height:60px; text-align:center;}
.loc ul li{ width:130px; position:relative; text-align:center; display:inline-block;}
.loc ul li:before{content:" "; background:#1b1b1b; z-index:1; position:absolute; left:50%; top:0; width:0; height:60px; transition: all 0.3s ease;}
.loc ul li:after{content:" "; background:#ddd; z-index:1; position:absolute; right:0; top:20px; width:1px; height:20px;}
.loc ul li>a{ line-height:60px; color:#333; font-size:18px; display:block; width:130px; position:relative; z-index:999}
.loc ul li>a:hover{ color:#fff}
.loc ul li:hover{}
.loc ul li:hover:before{ width:130px; left:0;}
.loc ul li:hover dl{ opacity:1; display:block;}
.loc ul li:last-child:after{ display:none;}


.nyzngs{ width:100%;}
.nyzngs p{ text-indent:2em; text-align:justify; line-height:36px;}
.nyzngs h3{font-size:24px;text-indent: 1.3em; line-height:50px;}
.nyzngs h4{font-size:18px;text-indent: 1.8em; line-height:50px;}

.gszp1{ width:100%;}
.gszp1 li{ float:left; width:33.33%; text-align:center;}
.gszp1 li img{ max-width:100%;}

.gszp2{ width:100%;}
.gszp2 li img{ max-width:100%;}

.gszp3{ width:100%;}
.gszp3 li{ float:left; width:auto; max-width:50%; padding:0 2%; text-align:center;}
.gszp3 li img{ max-width:100%; height:500px;}

/*Top按钮*/
*html{background-image:url(about:blank);background-attachment:fixed;}/*解决IE6下滚动抖动的问题*/
.tbox{width:50px;float:right;position:fixed; z-index:999999;right:10px;bottom:15px;_position:absolute;_bottom:auto;_top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||0)));_margin-bottom:15px;display:none;}/*解决IE6下不兼容 position:fixed 的问题*/
.tbox #gotop{width:50px;height:50px;background:url(../images/icon.png) no-repeat 0 0;display:block;}

/*简介数据*/
.syabout_list{ width:100%; margin:60px auto 0; min-width:1300px; height:140px; box-sizing:border-box; position:relative;border-top:1px #ddd solid; border-bottom:1px #ddd solid;}

.syabout_list ul{ width:95%; padding:40px 0; height:140px; box-sizing:border-box; position:absolute; left:55px; top:0; z-index:9; }

.syabout_list li{ float:left; width:20%; box-sizing:border-box; padding:0 40px; border-right:1px #ddd solid; background-repeat:no-repeat; background-position:right center; position:relative;}

.syabout_list li:after{content:""; width:40px; height:40px; position:absolute; right:40px; top:15px;}

.syabout_list li.syabout_list01:after{ background-image:url(../images/syabout_list01.png);}

.syabout_list li.syabout_list02:after{ background-image:url(../images/syabout_list02.png);}

.syabout_list li.syabout_list03:after{ background-image:url(../images/syabout_list03.png);}

.syabout_list li.syabout_list04:after{ background-image:url(../images/syabout_list04.png);}

.syabout_list li.syabout_list05:after{ background-image:url(../images/syabout_list05.png);}

.syabout_list li.syabout_list05{ border-right:none;}

.syabout_list li h3{ font-size:18px; color:#666; font-weight:normal;}

.syabout_list li h4{ font-weight:normal;}

.syabout_list li h4 b{ font-size:44px; color:#006569;}

.syabout_list li h4 span{ font-size:16px; color:#666;}
/*  网站底部  */
.footer {width: 100%;height: 500px;box-sizing: border-box;background:url(../images/foot_bg.jpg) center no-repeat;}
.footer .lian {width: 100%;display: flex;justify-content: space-between;flex-wrap: wrap;line-height: 25px;height: 25px;}
.footer .lian li:nth-child(2) {background: url("../images/li2.png") no-repeat left center;}
.footer .lian li:nth-child(3) {background: url("../images/li3.png") no-repeat left center;}
.footer .lian li {box-sizing: border-box;padding-left: 56px;background: url("../images/li1.png") no-repeat left center;font-size: 18px;color: #ccc;}
.footer .fle {width: 100%;flex-wrap: wrap;/* margin-bottom: 40px; */display: table;}
.footer .fle ul {position: relative;float: left;width: 14.5%;margin-top: 40px;}
.footer .fle ul p{line-height: 32px;letter-spacing: 0px;color: #ffffff;font-size: 14px;transition: 0.3s;padding-left: 28px;background: url(../images/yx.png) left no-repeat;opacity: 0.4;}
.footer .fle ul p:hover{transform: translateX(5px);opacity: 1;}
.footer .fle ul p:nth-child(4){background: url(../images/dz.png) left no-repeat;}
.footer .fle ul span{font-size: 20px;font-weight: bold;color: #fff;margin-top: -12px;display: block;margin-bottom: 19px;}
.footer .fle ul span i{font-size: 14px;font-style: normal;font-weight: normal;}
.footer .fle ul p em{font-style: normal;}
.footer .fle ul:nth-child(2)::before {opacity: 0.1;}
.footer .fle ul:nth-child(4){/* padding-right: 0; *//* width: 23%; */}
.footer .fle ul .ti {font-size: 20px;line-height: 20px;color: #333;font-weight: bold;margin-bottom: 28px;}
.footer .fle ul li:hover {transform: translateX(5px);opacity: 1;}
.footer .fle ul li {line-height: 36px;letter-spacing: 0px;color: #3;opacity: 0.8;font-size: 15px;transition: 0.3s;}
.footer .fle ul li a {color: #666;}
.footer .fle .yy {float: right;width: 27%;height: 272px;border-left: 1px solid  rgba(0,101,105,0.3);}
.footer .fle .yy p{text-align: center;margin: 0 auto;margin-top: 55px;}
.footer .fle .yy span{writing-mode: vertical-lr;display: block;float: left;padding-left: 10px;letter-spacing: 3px;color: #fff;opacity: 0.4;}
.footer .fle .yy img {}
.footer .ban {width: 100%;height: 100px;line-height: 100px;border-top: 1px solid  rgba(0,101,105,0.3);}
.footer .ban .le {position: relative;}
.footer .ban p{color: #fff;}
.footer .ban a {color: #fff;}
.footer .ban span{float: right;}
.foot_cen{width: 85%;margin: 0 auto;display: table;max-width: 1600px;min-width: 1350px;}

.foot_top{height: 126px;border-bottom: 1px solid rgba(0,101,105,0.3);}
.foot_top dl{display: table;width: 100%;}
.foot_top dl dt{float: left;width: 5%;margin-top: 28px;}
.foot_top dl dt img{}
.foot_top dl dd{float: left;padding-right:2%}
.foot_top dl dd img{opacity: 0.5;margin-top: 48px;display: block;float: left;}
.foot_top dl dd em{font-size: 17px;font-style: normal;font-weight: bold;color: #333;display: block;float: left;/* margin-top: 3px; */padding-left: 12px;line-height: 126px;}
.foot_top dl dd i{font-style: normal;font-weight: normal;}

 /*内页关于我们页面*/
 .nyabout {
   width: 100%;
   padding: 100px 0;
   background: url(../images/nyabouttextbg.jpg) left bottom no-repeat;
   margin-top: 50px
 }
 .nyabouttitle {
   margin-bottom: 25px;
 }
 .nyabouttitle h4 {
   font-size: 35px;
   color:#999;
   font-weight: normal;
	 line-height: 2em;
 }
 .nyabouttitle h4 b {
   font-size: var(--font-size-sm);
   color: #fff
 }
 .nyabouttitle h3 {
   font-size: 30px;
   color: #006569;
   font-weight: bold;
 }
 .nyabouttext {
   margin-bottom: 60px;
   font-size: var(--font-size-base);
   color: var(--font-color-text);
   height: 310px;
   overflow-y: scroll;
   width: 820px;
   padding-right: 30px;
   text-align: justify;
 }
 .nyabouttext p {
   text-indent: 2em;
   font-size: var(--font-size-base);
   line-height: 2.2;
   color: #666;
 }
 .nyabouttext::-webkit-scrollbar {
   width: 3px;
   height: 1px;
 }
 .nyabouttext::-webkit-scrollbar-thumb {
   background: var(--primary-color);
 }
 .nyabouttext::-webkit-scrollbar-track {
   background: rgba(0, 101, 105, 0.5);
 }
 .nyaboutshuzilist {
   display: flex;
   flex-direction: row;
 }
 .nyaboutshuzilist li {
   padding: 0 80px 0 0;
   align-items: center;
   color: var(--font-color-base);
 }
.nyaboutshuzilist li p {
   font-size:16px;
   color: #666;
 }
 .nyaboutshuzilist li h3 {
   display: flex;
 }
 .nyaboutshuzilist li h3 div {
   display: flex;
   flex-direction: column;
   justify-content: flex-end;
 }
 .nyaboutshuzilist li h3 div span {
   font-size: 16px;
   color: #666;
   font-weight: normal;
	 line-height: 1em
 }
 .nyaboutshuzilist li h3 div i {
   font-size: var(--font-size-sm);
   font-family: Arial black;
   color: #006569;
   font-style: normal;
 }
 .nyaboutshuzilist li h3 b {
   font-size: 34px;
   color: #006569;
   font-family: Arial black;
 }
/* 首页热销产品 */
.box {
	max-width: 1300px;
	margin: 0 auto;
	position: relative;
/*	overflow: hidden;*/
	_height: 100%;
}
.hotproduct {
	margin: 15px 0 20px 0;
}
#demo1p {
	max-width: 1300px;
	height: 310px;
	overflow: hidden;
	position: relative;
}
#indemo1p {
	float: left;
	width: 800%;
}
#demo1p1 {
	float: left;
}
#demo1p2 {
	float: left;
}
.top_14 {
	list-style: none outside none;
	display: inline;
}
ul {
	list-style: none outside none;
}
.top_14 li {
	float: left;
/*	height: 285px;*/
	overflow: hidden;
	padding-right: 5px;
	padding-top: 5px;
	text-align: center;
	width: 307px;
	background: #fff;
	margin-right: 20px;
	padding-left: 5px;
	border: 1px #eee solid;
}
.top_14 h3 {
	height: 228px;
	margin: 0 auto;
}
.top_14 h3 a {
	width: 307px;
	height: 230px;
	padding: 1px;
	display: table-cell;
	vertical-align: middle;
	text-align: center;
*display:block;
*font-size: 129px;
*font-family:Arial;
/* color: #003366;
    font-weight: bold; */
}
