@charset "utf-8";


*{ margin: 0; padding: 0;  font-family: -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Noto Sans,Noto Sans CJK SC,Microsoft YaHei,\\5FAE\8F6F\96C5\9ED1,sans-serif ; box-sizing: border-box; }
html,body{ min-height:100% ; width: 100%; margin: 0 auto; color: #666;   }
body{ position: relative; background: #fff ; font-size: 14px; margin: auto; font-family: "微软雅黑"  ; overflow-x: hidden;  -webkit-font-smoothing: antialiased;}

a{ color: #666; text-decoration: none;}
	
a:hover,
a:focus{ text-decoration: none;}
i,em{font-style: normal; }
ul{ margin: 0; padding: 0;}
li{ list-style: none;}
img{ max-width: 100%; border: none;}
/*body{ -moz-user-select:none; -webkit-user-select:none; -ms-user-select:none;  -khtml-user-select:none; user-select:none;}
html{-webkit-user-select:none;  -moz-user-select:none;  -ms-user-select:none;  user-select:none; -khtml-user-select:none;  }*/
input,select,textarea{ outline: none;}


input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { /* WebKit browsers */ color:#ccc;}
input::-moz-placeholder , textarea:-moz-placeholder{ /* Mozilla Firefox 4 to 18 */ color:#ccc;}
input::-ms-placeholder ,textarea::-moz-placeholder{ /* Mozilla Firefox 19+ */ color:#ccc; }
input::-o-placeholder { /* Mozilla Firefox 19+ */ color:#ccc; }
input::-ms-input-placeholder, textarea:-ms-input-placeholder  { /* Internet Explorer 10+ */ color:#ccc;}
input[type='submit'],input[type='reset'],input[type='button'],select{
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}




/* fonts特殊字体 */
@font-face {
    font-family: 'dincond-regular-webfont';
    src: url('../fonts/dincond-regular-webfont.eot');
    src: url('../fonts/dincond-regular-webfont.eot?#iefix') format('embedded-opentype'),
    url('../fonts/dincond-regular-webfont.woff2') format('woff2'),
    url('../fonts/dincond-regular-webfont.woff') format('woff'),
    url('../fonts/dincond-regular-webfont.ttf') format('truetype'),
    url('../fonts/dincond-regular-webfont.svg#dincond-regular-webfont') format('svg');
}

@font-face {
    font-family: 'dincond-medium-webfont';
    src: url('../fonts/dincond-medium-webfont.eot');
	src: url('../fonts/dincond-medium-webfont.eot?#iefix') format('embedded-opentype'),
	url('../fonts/dincond-medium-webfont.woff2') format('woff2'),
	url('../fonts/dincond-medium-webfont.woff') format('woff'),
	url('../fonts/dincond-medium-webfont.ttf') format('truetype'),
	url('../fonts/dincond-medium-webfont.svg#dincond-medium-webfont') format('svg');
}


@font-face {
    font-family: 'dincond-bold-webfont';
    src: url('../fonts/dincond-bold-webfont.eot');
	src: url('../fonts/dincond-bold-webfont.eot?#iefix') format('embedded-opentype'),
	url('../fonts/dincond-bold-webfont.woff2') format('woff2'),
	url('../fonts/dincond-bold-webfont.woff') format('woff'),
	url('../fonts/dincond-bold-webfont.ttf') format('truetype'),
	url('../fonts/dincond-bold-webfont.svg#dincond-bold-webfont') format('svg');
}


@font-face {
    font-family: 'din-bold-webfont';
    src: url('../fonts/din-bold-webfont.eot');
	src: url('../fonts/din-bold-webfont.eot?#iefix') format('embedded-opentype'),
	url('../fonts/din-bold-webfont.woff2') format('woff2'),
	url('../fonts/din-bold-webfont.woff') format('woff'),
	url('../fonts/din-bold-webfont.ttf') format('truetype'),
	url('../fonts/din-bold-webfont.svg#din-bold-webfont') format('svg');
}

@font-face {
    font-family: 'din-light-webfont';
    src: url('../fonts/din-light-webfont.eot');
	src: url('../fonts/din-light-webfont.eot?#iefix') format('embedded-opentype'),
	url('../fonts/din-light-webfont.woff2') format('woff2'),
	url('../fonts/din-light-webfont.woff') format('woff'),
	url('../fonts/din-light-webfont.ttf') format('truetype'),
	url('../fonts/din-light-webfont.svg#din-light-webfont') format('svg');
}

@font-face {
    font-family: 'din-medium-webfont';
    src: url('../fonts/din-medium-webfont.eot');
	src: url('../fonts/din-medium-webfont.eot?#iefix') format('embedded-opentype'),
	url('../fonts/din-medium-webfont.woff2') format('woff2'),
	url('../fonts/din-medium-webfont.woff') format('woff'),
	url('../fonts/din-medium-webfont.ttf') format('truetype'),
	url('../fonts/din-medium-webfont.svg#din-medium-webfont') format('svg');
}

@font-face {
  font-family: "din-regular";
  src: url("../fonts/din-regular.woff2") format("woff2"),
   url("../fonts/din-regular.woff") format("woff"),
   url("../fonts/din-regular.ttf") format("truetype"),
   url("../fonts/din-regular.eot") format("embedded-opentype"),
   url("../fonts/din-regular.svg") format("svg");
}





/* 
body::-webkit-scrollbar{
  width:10px;
  height:10px;
}
body::-webkit-scrollbar-track{
  background: #666;
  border-radius:2px;
}
body::-webkit-scrollbar-thumb{
  background: #222;
  border-radius:10px;
}
 */


.fl{ float: left;}
.fr{ float: right;}
.clear{ clear: both;}
.clearfix:after{ content: ''; display: block; clear: both; width: 0px; height: 0px; overflow: hidden;}
a,button,input{-webkit-tap-highlight-color:rgba(255,0,0,0); background:none; outline: none;}
img{vertical-align: middle;  max-width:100%; border:none;-webkit-tap-highlight-color:rgba(255,0,0,0); blr:expression(this.onFocus=this.blur());}

.wrapper{  width: 1200px; margin: auto;}


.bgwhite{ background: #fff;}


.img{ overflow: hidden;}
.img img{ width: 100%; height: 100%; object-fit: cover;}
.scale img{ width: 100%; height: 100%; transition: 1s;}
.scale:hover img{ transform: scale(1.03);}
.fushu{ position: relative; transition: all .2s linear; }
.fushu:hover{  transform: translate3d(0, -7px, 0);   /*box-shadow: 0px 0px 10px rgba(209,169,62,0.4);*/ }


/*    hover 效果         */
.self{ position: relative;  transition: all 0.5s; cursor: pointer;}
.self:hover:before{
    content: "";
    width: 220px;
    height: 100%;
    position: absolute;
    top: 0;
    left: -185px;
    overflow: hidden;
    background: -webkit-gradient(linear,left top,right top,color-stop(0,hsla(0,0%,100%,.05)),color-stop(50%,hsla(0,0%,100%,.15)),color-stop(100%,hsla(0,0%,100%,.05)));
    -webkit-transform: skewX(-25deg);
    -moz-transform: skewX(-25deg);
	z-index: 55;
}
.self:before{  
	-webkit-animation: shine-left 1.2s infinite;
    -moz-animation: shine-left 1.2s infinite;
    -o-animation: shine-left 1.2s infinite;
    animation: shine-left 1.2s infinite;
 }
@-webkit-keyframes shine-left {
	0% {
		left: -180px
	}
	to {
		left: 150%
	}
}





.over1{ white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.over2,
.over3,
.over4,
.over5,
.over6,
.over7,
.over9{ display: -webkit-box;-webkit-box-orient: vertical; overflow: hidden; }
.over2{ -webkit-line-clamp: 2;}
.over3{ -webkit-line-clamp: 3;}
.over4{ -webkit-line-clamp: 4;}
.over5{ -webkit-line-clamp: 5;}
.over6{ -webkit-line-clamp: 6;}
.over7{ -webkit-line-clamp: 7;}
.over9{ -webkit-line-clamp: 9;}





/******header*********/
.top{ position: relative; width: 100%; height: 90px; z-index: 5;  z-index: 55; }
.logo{  height: 52px; margin-top: 24px; }
.logo img{ max-height: 100%;}


.nav li{ position: relative; float: left; height: 90px; margin-left: 50px ; z-index: 555;}
.nav li>a{ display: block;   margin-top: 40px; height: 30px;  font-size: 16px; color: #fff; transition: 0.3s; font-family: '微软雅黑 Light'; color: #222; border-bottom: 2px solid #fff;}
.nav li:hover>a,
.nav li.active>a{ color: #004ea2; border-color: #004ea2; }
.nav li .ddd{ display: none; position: absolute; top: 90px; width: 100px; left: 50%; margin-left: -50px; background: #fff;}
.nav li .ddd a{ display: block; text-align: center; line-height: 30px; white-space: nowrap;  text-overflow: ellipsis;  overflow: hidden; color: #004EA2; border-bottom: 1px solid #eee;}
.nav li .ddd a:hover{ color: #fff; background: #004EA2; border-color: #004EA2;}
/* .nav li:hover .ddd{ display: block;} */






:;  position: relative; overflow: hidden; 
.swiper-container .swiper-pagination span{ background: rgba(255,255,255,0.4); opacity: 1; width: 7px; height: 7px;}
.swiper-container .swiper-pagination .swiper-pagination-bullet-active{ background: rgba(255,255,255,1); }


.new{ padding: 50px 0;}
.newLeft{ width: 580px; height: 400px; }
.newLeft li{ height: 400px;}
.newLeft li img{ width: 100%; height: 100%; object-fit: cover;}
.newLeft p{ position: absolute; left: 0; bottom: 0; padding: 0 125px 0 25px; line-height: 50px; color: #fff; width: 100%; background: rgba(0,0,0,0.5); }
.newLeft .swiper-pagination{ left: auto; right: 15px; bottom: 17px; text-align: right;  width: 120px;}
.newLeft .swiper-pagination-bullet,
.banner .swiper-pagination-bullet{ background-color: #fff;}
.newRght{ width: 580px ; height: 400px; overflow: hidden; }
.ckSpan{  border-bottom: 1px solid #ccc; }
.clickme span{ float: left; padding: 0 18px; height: 40px; line-height: 40px; color: #222; font-size: 18px; background: #eee; margin-right: 5px; cursor: pointer; transition: 0.3s;}
.clickme span.on{ color: #fff; background: #004ea2; }
.Amore{ font-size: 16px; color: #004ea2;  font-family: 'dincond-medium-webfont'; text-transform: uppercase; }

.Amm ul{ display: none; }
.quli{ margin-top: 8px;}
.quli li{ line-height: 39px;}
.quli li p{ float: left;width: 505px; padding-left: 10px; font-size: 16px; color: #444; transition: 0.3s; background: url(../images/p1.jpg) no-repeat left center;}
.quli li i{ background: #fff600; text-transform: uppercase; font-size: 10px;font-family: arial; }
.quli li em{ float: right; font-size: 12px; color: #888;}
.quli li:hover p{ color: #004EA2; background-image: url(../images/p2.jpg);}


 

.tisplist{ background: #f6f6f6; padding: 50px 0;}
.innto,
.inveo{ width: 580px;}

.indTit { padding-left: 35px; margin-bottom: 15px; color: #004ea2; font-size: 26px; background: url(../images/intic1.png) no-repeat left center;  }
.indTit em{ text-transform: uppercase; font-size: 16px; color: #aaa; font-family: 'din-light-webfont'; margin-left: 10px; }
.indTit .Amore{ margin-top: 13px; }
.innli,
.video{ height: 400px; position: relative;    background-color: #f1f1f1;}
.video video{margin-top: 37px;}
.independ{ position: absolute; bottom: 35px; padding: 0 25px; width: 100%;}
.innli li{ float: left; color: #fff; margin-right: 30px; font-size: 16px; color: #fff; margin-bottom: 25px; }
.innli li:first-child{ margin-right: 60px;}
.innli li span{ border-radius: 50%; border: 2px solid #fff; width: 60px; height: 60px; line-height: 54px; text-align: center; display: block; margin: auto;background: rgba(255,255,255,0.1); margin-bottom: 8px;}
.innli li.on span{ background-color: #004ea2;  }
.independ .tobok{color: #fff; line-height: 24px; height: 48px;}


.inveo{}
.inveo .indTit{ background-image: url(../images/intic2.png);}



.cooplist{ padding: 50px 0;}
.cooplist .indTit{ background-image: url(../images/intic3.png); }
.slidebox{ float: right; margin-right: 10px;}
.slidebox span{ font-size: 18px; color: #222; margin-right: 45px; cursor: pointer;}
.slidebox span.on{ color: #004ea2;}

.dowebok{margin-top: 20px; }
.dowebok a {display: inline-block; width: 220px; height: 260px; margin-right: 25px; text-align: center;}
.dowebok img{ max-width: 100% !important;max-height:100%}
.dowebok span{ display: block; border: 1px solid #eee; height: 220px; padding: 10px; line-height: 190px; }
.dowebok p{ font-size: 16px; color: #222; margin: 10px  0;}
.dowebok a:hover p{ color: #004ea2;}





.footer{ background: #002244; padding: 30px 0 70px;}
.adname{ color: #fff; font-size: 30px; font-family: 'dincond-bold-webfont'; text-transform: uppercase; margin-bottom: 38px;}
.inMid li{ float:  left; width: 85px; margin-right: 20px; }
.inMid a{ display: block; color: #fff; font-weight: bold;  }
.inMid .sa{ margin-top: 17px;}
.inMid .sa a{white-space: nowrap; text-overflow: ellipsis; text-overflow: ellipsis; color: #3f6488; line-height: 30px;  font-weight: normal; 
white-space: nowrap;  text-overflow: ellipsis;  overflow: hidden;}




.link {position: relative; }
.link .linkC:after {content: '';display: inline-block;width: 0;height: 0;border: 4px solid transparent;border-top: 5px solid #bbb;margin-left: 8px;vertical-align: -2px;}
.link p {line-height: 24px;  display: none; position: absolute; background-color: #fff; border: 1px solid #ccc; top: 30px; right: 0; z-index: 30;  }
.link p a { color: #666; white-space: nowrap; padding: 0 10px;  font-weight: normal; text-align: right;}
.link p a:hover{ color: #004EA2; }


.inshr{}
.inshr li{ position: relative; float: right; margin-left: 25px; margin-top: 108px; opacity: 0.2; transition: 0.3s; }
.inshr li a{ display: block; text-align: center; line-height: 26px; border-radius: 50%; border: 1.5px solid rgba(255,255,255,0.5); width: 34px; height: 34px; }
.erw{ position: absolute; bottom: 50px; left: -37px; width: 108px; height: 113px; background: url(../images/erbg.png) no-repeat center; display: none; padding: 4px;}
.inshr li:nth-child(2):hover .erw{ display: block; }
.inshr li:hover{ opacity: 1;}

.bq{ text-align: right; font-size: 12px; line-height: 20px; color: #3f6488; margin-top: 22px;}
.bq a{ color: #3f6488;}






/* page  */
.m-page{ text-align: center;  line-height: 40px; color: #999; padding: 40px 0 0 ;}
.m-page a{  display: inline-block; width: 40px; height: 40px; font-size: 14x; font-family: arial;  vertical-align: middle; color: #222; margin:  0 5px; background: #eee;
 transition: 0.3s;}
.m-page a.z-crt,
.m-page a:hover{ background: #004ea2; color: #fff;}
.m-page a.pagenxt,
.m-page a.pageprv{ width: 100px; }




/* 关于我们呢 */
.nban{ margin-bottom: 2px; }
.nban .wrapper{ position: relative; height: 100%; }
.nban dl{ position: absolute;bottom: 0; left: 0; background: url(../images/banbg.png) no-repeat center / 100% 100%; width: 240px; height: 110px; color: #Fff; font-size: 26px; padding-top: 28px; padding-left: 28px;}
.nban dd{  font-family: 'din-medium-webfont'; color: #2761a0; font-size: 16px; text-transform: uppercase; margin-top: 2px; letter-spacing: -1px;}

.subNav{ width: 240px;}
.subNav li { margin-bottom: 2px; cursor: pointer;}
.subNav li>a{ display: block; height: 54px; line-height: 54px; padding-left: 25px; background:#f5f5f5 url(../images/bga.png) no-repeat right 25px center; transition: 0.3s; font-weight: bold; color: #666;}
.subNav li .Amo { display: none;}
.subNav li .Amo a{ display: block; height: 51px; line-height: 50px; color: #999; padding-left: 30px; background: #fff; border-bottom: 1px solid #f1f1f1;}
.subNav li .Amo a:last-child{ border: 0;}
.subNav li .Amo a.on{ color: #004ea2; font-size: 16px;}
.subNav li.on>a{background-color: #004ea2; background-image: url(../images/bgb.png); color: #fff;}

.rightBox{ width: 890px; margin-bottom: 70px;}
.httle{ text-align: right; color: #999; line-height: 58px; border-bottom: 1px solid #e5e5e5; margin-bottom: 45px;}
.httle span{ padding-left: 27px; background: url(../images/home.png) no-repeat left center;}
.httle a{ color: #999; }

.abouts{}
.abouts dt{ font-size: 30px; font-weight: bold; color: #333;}
.abouts dd{ font-size: 12px; font-family: arial; color: #999; margin-bottom: 26px;}

.abouts li{ float: left; width: 445px; height: 384px; overflow: hidden; display: table;}
.abouts li .libo{ display: table-cell;vertical-align: middle;}
.abouts li .name{ font-weight: bold; color: #333; font-size: 24px; margin-bottom: 24px;}
.abouts li p{ line-height: 26px; color: #999;}
.abouts li.li1,
.abouts li.li3,
.abouts li.li4{ padding: 40px;}

.abouts li.li3 .name,
.abouts li.li3 p{ color: #fff;}
.abouts li .mianj{ font-size:  16px; font-weight: bold; text-align: center;}
.abouts li i{ font-size: 48px; color: #004ea2;  font-family: 'din-bold-webfont'; font-weight: normal;}
.abouts li em{ font-size: 24px; color: #004EA2; font-weight: normal; font-family: arial; }
.aalogo{ text-align: right;  margin-bottom: -70px; margin-top: 30px; padding-right: 65px;}



/*  历程 */
.lclist{ }
.lclogo{ text-align: center; margin-bottom: 10px;}
.lclist ul{ position: relative; z-index: 1; padding: 110px 0 30px;}
.lclist ul::after{ content: ''; position: absolute; left: 0; top: 0; width: 27px; height: 27px; background: url(../images/ulbg.png) no-repeat center top ;z-index:-1; left: 50%; margin-left: -13px;}
.lclist ul::before{ content: ''; position: absolute; left: 0;top: 0; width: 1px; height: 100%; background: #f2f2f2; left: 50%; z-index: -1; }

.lclist li{ margin-bottom: 20px;}
.lclist li .year{ width: 452px;line-height: 36px; padding-right: 152px; background: url(../images/lcbg.png) no-repeat right top 20px;  text-align: right; transition: 0.1s;}
.lclist li .yede{ font-size: 36px;  color: #999; font-family: arial; font-weight: bold;  transition: 0.3s;}
.lclist li i{ font-size: 20px; color: #999; border-bottom: 2px solid #f2f2f2; display: inline-block;  vertical-align: top; line-height: 30px; margin-left:10px;
 font-weight: normal;  transition: 0.3s;}
.lclist li p{ line-height: 24px; color: #999999; font-size: 16px; margin-top: 10px;  transition: 0.3s;}

.lclist li:nth-child(odd) .year{ float: right; padding-left: 152px; padding-right: 0; text-align: left; background: url(../images/lcbg1.png) no-repeat left top 20px; }

.lclist li:hover .year{ background-image: url(../images/lcbg11.png);}
.lclist li:hover .yede{ color: #333333; }
.lclist li:hover i{ color: #004ea2; border-color: #004ea2;}
.lclist li:hover p{ color: #666;}
.lclist li:nth-child(odd):hover .year{ background-image: url(../images/lcbg00.png);}


.roto{ cursor: pointer; }
.Moo{ width: 72px; height: 72px; line-height: 66px; margin:0 auto ; text-align: center; background: url(../images/mobg.png) no-repeat center;}
.roto img{ animation: roo 2s linear;  }




/*  rongyu */
.titt{ text-align: center; font-weight: bold; font-size: 36px; color: #333; margin-bottom: 20px;}
.titt dd{font-family: "din-regular"; font-weight: normal; font-size: 20px; color: #999; text-transform: uppercase; }

.gsryu{}
.gsryu li{ float: left; width: 285px; height: 330px; margin: 0 14px 14px 0; background: #f9f9f9; border: 1px solid #dcdcdc;}
.gsryu li .imgg{ text-align: center; height: 260px; line-height: 250px; padding:  15px;}
.gsryu li:nth-child(3n){ margin-right: 0;}
.gsryu li p{ margin: 10px 15px 0; line-height: 46px;  background: url(../images/fd.png) no-repeat center right ; color: #333333; border-top: 1px solid #e2e2e2; padding-top: 6px; transition: 0.3s;}
.gsryu li:hover p{ border-color: #004EA2; color: #004EA2; background-image: url(../images/fd1.png);}
.sx{ text-align: center; margin-top: 30px; cursor: pointer;}


/*  董事长 */
.dszhs{ font-size: 22px; color: #004ea2; margin: 20px 0;}
.ddok{ line-height: 26px; font-size: 16px; color: #666666;}
.ddok p{ margin-top: 16px;}


/* wenhua */
.big{ width: 738px; height: 415px;}
.smm { position: relative; width: 144px; height: 415px; overflow: hidden; padding: 36px 0;}
.smm li{ height: 81px; width: 100%;}
.smm li.on::after{ content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; border: 3px solid #004ea2; box-sizing: border-box;}
.smm .per,
.smm .nex{ width: 100%; height: 31px; top: auto; margin: auto; left: 0; }
.smm .per{ background: #f6f6f6 url(../images/pp.png) no-repeat center; top: 0;}
.smm .nex{ background: #f6f6f6 url(../images/rr.png) no-repeat center; bottom: 0;}

.hide{ display: none;}
.whbtok{ line-height: 28px;}


/* 文化活动 */
.whHD{ position: relative; }
.whHD li{ float: left; width: 280px; margin:  0 25px 13px 0;}
.whHD li .img{ height: 185px; position: relative;}
.whHD li i,
.zhongzd li i{ position: absolute; left: 0; top: -10px; width: 100%; height: 100%;
 background: url(../images/hdbg.png) no-repeat center / cover ; opacity: 0; transition: 0.3s; }
.whHD li:nth-child(3n){ margin-right: 0;}
.whHD li p{ font-size: 16px; color: #666; background: url(../images/hd1.png) no-repeat right center; line-height: 36px; border-bottom: 1px solid #eee; border-bottom: 1px solid #dadada; padding-right: 55px;}
.whHD li:hover i,
.zhongzd li:hover i{ top: 0; opacity: 1;}
.whHD li:hover p{ color: #333; background-image: url(../images/hd2.png); border-color: #004ea2;}
.moo{ width: 205px; height: 53px; text-align: center; border-radius: 300px; background: #004ea2; margin: 10px auto 0; line-height: 50px; color: #fff;  }
.moo img{ margin-right: 10px;}

.vidd li i{ background-image: url(../images/vibg.png);}



/* 2-1-2 */
.rdList{ position: relative; padding-bottom: 90px;}
.rdList{  }
.rdTit{ text-align: center; font-size: 16px; color: #333; font-weight: bold; margin: 30px 0 15px;}
.rdTxt{ text-align: center; line-height: 26px; color: #777;}

.rdList .aaaaa,
.rdList .bbbbb{ width: 54px; height: 54px; border-radius: 50%; margin: 0; left: 390px;  bottom: 0; top: auto;   z-index: 55;}
.rdList .aaaaa{ background: url(../images/aa.png) no-repeat center;}
.rdList .bbbbb{ background: url(../images/bb.png) no-repeat center; left: 460px;}
.rdList .aaaaa:hover{ background-image: url(../images/aa1.png);}
.rdList .bbbbb:hover{ background-image: url(../images/bb1.png);}












/*  dangjianhonghuo */
.adcb{ margin-bottom: 25px; }
.adcb p{ font-size: 30px; color: #333333; }
.adcb span{ color: #ccc; font-size: 16px; display: block;}
.djbox{ line-height: 26px; color: #666; margin-bottom: 25px;}
.djbox p{ margin-top: 16px;	}
.djbox p b{ color: #333;}


/*  2-2  */
.twoTdd{ font-weight: bold; font-size: 24px; line-height: 28px; background: url(../images/dd.png) no-repeat right top; color: #004ea2;}
.twoTdd span{ display: block;  font-size: 16px;  font-family: "din-regular";}



















/* 2-3种植基地  */
.zhongzd{}
.zhongzd li{ float: left; width: 425px; margin: 0 40px 20px 0; }
.zhongzd li:nth-child(2n){ margin-right: 0;}
.zhongzd li .img{ position: relative; height: 285px;}
.zhongzd li i{ background: url(../images/zzjd.png);}
.zhongzd li .zztit{ font-size: 22px; margin: 10px 0; }
.zhongzd li .zztob{ line-height: 20px; color: #666; height: 75px; border-bottom: 1px solid #e5e5e5;}
.zhongzd li:hover .zztit{ color: #004EA2;}
.zhongzd li:hover .zztob{ border-color: #004EA2; color: #333;}





/* 3-1上市 --海王生物 */
.hwshbengwu{}
.hwshbengwu .httle{ border: 0; margin-bottom: 10px;}
.hwshbengwu .adcb { border-bottom: 1px solid #eee; padding-bottom: 25px;}
.hwshbengwu .adcb span{ text-transform: uppercase;}
.hwshbengwu .adcb a{ width: 148px; height: 50px; text-align: center; line-height: 48px; border: 1px solid #eee; color: #666666;}
.call{ display: block; margin:20px auto 0;  width: 205px; height: 52px; line-height: 52px; border-radius: 300px; color: #fff; background: #004EA2; text-align: center;}



/*  产品中心 */
.cplistImg{ }
.cplistImg li{ margin-bottom: 20px;}
.cplistImg li .img{ background: #f7f7f7;}
.cplistImg li i{ background-image: url(../images/cpibg.png);}
.cplistImg li p{ background-image: url(../images/cpbg1.png);}
.cplistImg li:hover p{ background-image: url(../images/cpbg2.png);}


/*  4-2重大公益 */
.bigGy{}
.bigGy li{ float: left; width: 430px; height: 175px; margin: 0 25px 28px 0;}
.bigGy li:nth-child(2n),
.zzry li:nth-child(2n) { margin-right: 0;}
.bigGy li .img{ width: 245px; height: 175px;}
.bigGy li .txt{ width: 170px;}
.bigGy li .gytit{ color: #333; font-weight: bold; font-size: 16px; line-height: 26px; margin-top: 10px; transition: 0.3s;}
.bigGy li .gytime{ padding-left: 25px; color: #999; line-height: 18px;  background: url(../images/time.png) no-repeat left center; margin: 10px 0;}
.bigGy li .gytext{ height: 60px; color: #666; line-height: 20px;}
.bigGy li .gymore{ color: #999;  margin-top: 10px;}
.bigGy li:hover .gytit{ color: #004EA2;}

/*  4-3资质荣誉 */
.zzry{}
.zzry li{ float: left; width: 430px; margin: 0 30px 22px 0;  text-align: center;}
.zzry li .img{   height: 289px; border: 3px solid #390000; }
.zzry li p{font-weight: bold; color: #333; font-size: 16px; margin-top: 20px; transition: 0.3s;}
.zzry li span{ color: #999999; display:block; margin-top: 3px;}
.zzry li:hover p{ color: #004EA2;}



/*  4-4 大事记 */
.Mosa{ width: 53px; height: 53px; position: relative; z-index: 5; background: #fff; border-radius: 50%;}
.aqmdj{ padding-top: 70px; position: relative; z-index: 1; margin-top: 10px; padding-bottom: 40px;}
.aqmdj::after,
.aqmdj::before{ position: absolute; top: 0; content: '';  z-index: -2;}
.aqmdj::after{ left: 17px; width: 19px; height: 19px; background: url(../images/kao1.png) no-repeat center;}
.aqmdj::before{ top: 19px; left: 26px; width: 1px; height: 100%; background: #7fa6d0; }
.aqmdj li{ padding-left: 68px; background: url(../images/kao2.png) no-repeat left 19px top; margin-bottom: 50px;}
.aqmdj li .img{ width: 224px; height: 126px;}
.aqmdj li .txt{ width: 565px;}
.aqmdj li span{ display: block; line-height: 40px; font-size: 40px; color: #333333; margin-bottom: 20px;}
.aqmdj li span i{ display: inline-block; vertical-align: middle; width: 15px; height: 2px; background: #ccc;}
.aqmdj li p{ line-height: 28px; color: #666; }




/* 新闻资讯 */
.newlist *{ transition: 0.3s;}
.newlist li{ border-bottom: 1px dashed #e5e5e5; padding: 30px 0; }
.newlist li a{ color: #999; }
.newlist li .img{ width: 300px; height: 202px;}
.newlist li .txt{ width: 550px;}
.newlist .ntit{ font-weight: bold; font-size: 20px; color: #333; margin: 8px 0 15px;}
.newlist .ntime{ padding-left: 30px; font-size: 16px; color: #ccc; background: url(../images/time1.png) no-repeat left center;  font-family: "din-regular";}
.newlist .ntbox{ line-height: 24px; margin: 15px 0 20px;}

.newTOP{ border-bottom: 1px dashed  #e5e5e5; padding: 0 0 30px;}
.newTOP .img{ width: 410px; height: 275px;}
.newTOP .txt{ width: 440px; }
.newTOP .ntit{ color: #333; font-size: 24px; margin: 0;}
.newTOP .ntime{ margin: 20px 0 ; }
.newTOP .ntbox{ margin-bottom: 33px; color: #666; height: 96px;}

.newlist li:hover,
.newTOP:hover { border-color: #004ea2;}
.newlist li:hover .ntit,
.newlist li:hover .nmore,
.newTOP:hover .ntit,
.newTOP:hover .nmore{ color: #004EA2;  }

.newlist li:hover .ntbox{ color: #666;}



/*  人力资源 */
.humanbox{}
.humanbox li{ margin-top: 30px; padding-bottom: 40px; border-bottom: 1px solid #e5e5e5;}
.humanbox li:last-child{ border: 0;}
.humanbox li .chen span{ color: #333; font-size: 30px; }
.humanbox li .chen i{ color: #999; text-transform: uppercase; margin-left: 5px;}
.humanbox li p{ line-height: 24px; color: #666; margin-top: 15px; }



/* 4-2 */
.hmwork{ position: relative; margin-top: 25px; }
.hmwork .aan,
.hmwork .aap{ top: auto; bottom: 55px; width: 22px; height: 45px;  margin: 0; }
.hmwork .aan{ right: 0; background: url(../images/lrr.png) no-repeat center; }
.hmwork .aap{ left: 0;  background: url(../images/lee.png) no-repeat center;}
.hmwork .aan:hover{ background-image: url(../images/lrr1.png); }
.hmwork .aap:hover{ background-image: url(../images/lee1.png);}
.hmwork .gallery-top{ margin-bottom: 10px;}
.hmwork .gallery-top .img{ height: 475px;}
.hmwork .gallery-top p{ position: absolute; left: 0; bottom: 0; height: 70px; font-weight: bold; font-size: 16px; background: rgba(0,78,162,0.7); padding: 0 50px; line-height: 70px; color: #fff; width: 100%; }
.hmwork .gallery-thumbs .img{ height: 155px; }
.hmwork .gallery-thumbs .swiper-slide-thumb-active::after{ content: ''; position: absolute; content: ''; width: 100%; height: 100%; background: url(../images/ryr.png) no-repeat center; left: 0; top: 0;}



/* 4-3 */
.hmhd{ position: relative; }
/* .hmhd .swiper-container{ width: 635px; margin: 0; } */
.hmhd .swiper-slide .img{ width: 635px; height: 360px;}
.poab{ position: absolute; right: 0; top: 40px; width: 342px; height: 283px; padding: 45px 25px 0; background: rgba(0,78,162,0.8); color: #fff; z-index: 7;}
.poab .hdtitle{ font-weight: bold; font-size: 18px; margin-bottom: 15px; }
.poab .hdtext{ line-height: 24px; }

.hmhd .tion{ left: auto; right: 46px; bottom: 62px; width: 75px; text-align: center; color: #fff;}
.hmhd .tion span{ color: #fff; font-size: 12px; font-family: '微软雅黑 Light'; background: transparent;}
.hmhd .tion span.swiper-pagination-current{ font-size: 20px;}
.hmhd .hdpp,
.hmhd .hdnn{ left: auto; right: 40px; margin: 0; top: auto; bottom: 65px; width: 18px; height: 18px; }
.hmhd .hdpp{ background: url(../images/hdle.png) no-repeat center; right: 110px;}
.hmhd .hdnn{ background: url(../images/hdhr.png) no-repeat center;}


.swiper1{width: 635px;}
.swiper1 .swiper-slide{width: 635px; height: 360px;}
.swiper1 .tt{ left: 10px; text-align: left; height: 20px; bottom: 10px; line-height: 20px; }
.swiper1 .tt span{ width: 12px; height: 12px; background:  url(../images/tt1.png) no-repeat center  ; opacity: 1; border-radius: 0; }
.swiper1 .tt span.swiper-pagination-bullet-active{ background: #fff url(../images/tt2.png) no-repeat center ;}





/* 4-4 */
.joinus{ margin-top: 30px;}
.joinus li{ float: left; width: 33.33333%; text-align: center;  line-height: 70px; color: #fff; font-size: 20px; background: #595656;}
.joinus dt li img{ margin-right: 10px;}
.joinus dd { border-bottom: 1px solid #ebebeb;}
.joinus dd li{ background: #fff; color: #666; transition: 0.3s; font-family: 'Microsoft YaHei light'; font-size: 16px;}
.joinus dd li:nth-child(1){ padding-left: 30px;}
.joinus dd:hover li{ background: #004ea2; color: #fff;}