body, html { overflow-x: hidden; font-family: "Helvetica Neue", Helvetica, Arial, "Microsoft Yahei", "Hiragino Sans GB", "Heiti SC", "WenQuanYi Micro Hei", sans-serif;
font-size: 12px; margin: 0px; padding: 0px; letter-spacing: 1px; color: #333; text-align: justify; }
ul, li { margin: 0px; padding: 0px; list-style: none; }
body { overflow: hidden; }
ul, li, dir, h4, h3, p { margin: 0px; padding: 0px; }
a { text-decoration: none; color: #333; transition: all 0.3s linear;
-webkit-transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
-ms-transition: all 0.3s linear;
-o-transition: all 0.3s linear;
}
a:hover { text-decoration: none; transition: all 0.3s linear; color: #0484cf;
-webkit-transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
-ms-transition: all 0.3s linear;
-o-transition: all 0.3s linear;
}
img { border: none; }
.clear { clear: both; }
::-webkit-scrollbar-track-piece { width: 10px; background-color: #000; }
::-webkit-scrollbar { width: 8px; height: 6px }
::-webkit-scrollbar-thumb { height: 50px; background-color: #0484cf; }
::-webkit-scrollbar-thumb:hover { background: #14448c; }
::selection {
background: #0484cf;
color: #fff;
}
.logo_boxlist a{
display: block;
}
.logo_boxlist a img{
width: 100%;
}
.page_content img{
max-width: 100%;*width: 100%;
}
.xinwennl p img{
max-width: 100%;*width: 100%;_width:100%;
}
.xinwennl img{
max-width: 100%;*width: 100%;_width:100%;
}
.row {
max-width: 100%;*width: 100%;_width:100%;
}
.logo img{
margin-top: 15%;
}
/*** warp ***/
.warp { background-color: #fff; }
.indexcenter { background: #fff; padding-left: 0px; padding-right: 0px; position: relative;
box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.1), 0 -9px 0 0 white, 2px 0 10px -4px rgba(0, 0, 0, 0.1), -2px 0 10px -4px rgba(0, 0, 0, 0.1); }
/*** header ***/
.header { position: relative; top: 0px; left: 0px; width: 100%; background-color: #0484cf; z-index: 99999; height: 99px; }
.logo { float: left; margin-left: 15px; }
.navadd { position: absolute; top: 21px; right: 9.7%; width: 120px; }
.navadd .last i { font-family: Arial, Helvetica, sans-serif; color: #fff; font-style: normal; }
.navadd .last a { color: #0a5dac; font-size: 12px; }
.navadd .last { }
/*.navadd .last a:after{content: "";
display: block;
position: absolute;
top: 50%;
right: -37px;
width: 1px;
height: 24px;
margin-top: -10px;
background: #0a5dac;
}*/
.navadd .last a span { display: block;
overflow: hidden;
position: absolute;
top: 50%;
left: 75px;
width: 39px;
height: 26px;
margin-top: -13px;
font-size: 0;
line-height: 0; }
.navadd .last a span img { transition: all 0.4s cubic-bezier(0.215, 0.610, 0.355, 1.000);
-webkit-transition: all 0.4s cubic-bezier(0.215, 0.610, 0.355, 1.000);
-moz-transition: all 0.4s cubic-bezier(0.215, 0.610, 0.355, 1.000);
-o-transition: all 0.4s cubic-bezier(0.215, 0.610, 0.355, 1.000); }
.navadd .last a:hover span img {
margin-top: -39px;
}
.menu { position: absolute; bottom: 25px; left: 23%; }
.menu ul { }
.menu ul li { float: left; line-height: 30px; position: relative; }
.menu ul li a { font-weight: 600; color: #fff; font-size: 14px; display: block; padding-left: 25px; padding-right: 25px; }
.menu ul li a:hover { background: #fff; color: #0484cf; }
.menu_contact { color: #fff; font-size: 14px; position: absolute;
right: 15px;
top: 15px; }
.menu_contact a { color: #fff; display: inline-block; padding-left: 15px; padding-right: 15px; line-height: 30px; }
.menu_contact a:hover { background: #fff; color: #0484cf; font-size: 12px; }
.menu_contact i { font-size: 16px; margin-right: 8px; }
.navigation-up .navigation-v3 { float: right; position: relative; width: 790px; }
.navigation-up .navigation-v3 ul { float: left; }
.navigation-up .navigation-v3 li { float: left; color: #fff; width: 100px; text-align: center; height: 88px; line-height: 88px; }
.navigation-up .navigation-v3 li h2 { font-weight: normal; padding: 0; margin: 0; width: 100px; }
.navigation-up .navigation-v3 li h2 a { width: 100px; color: #000; display: inline-block; font-size: 14px; font-weight: bold; }
.navigation-down { position: absolute; top: 99px; left: 0px; width: 100%; z-index: 9999; }
.navigation-down .nav-down-menu { width: 100%; margin: 0; position: absolute; top: 0px; left: 0px;
-webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); }
.navigation-down-inner { margin: auto; width: 100%; position: relative; height: auto; background: #fff; z-index: 999; border-bottom: 4px solid #0484cf; }
.navigation-down .nav-down-menu dl { float: left; margin: 18px 80px 18px 0 }
.menuxl { position: relative; }
.menuxl ul { text-align: center; }
.menuxl ul li { display: inline-block; line-height: 45px; text-align: center; }
.menuxl ul li a { color: #666; font-size: 14px; border-right: 1px solid #ccc; padding-right: 30px; padding-left: 30px; }
.menuxl ul li a:hover { color: #0484cf; margin-left: 10px; }
.menuxltb { position: absolute; bottom: -25px; left: 50%; z-index: 9999999999; margin-left: -6px; filter: alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0;
transition: all 0.4s linear;
-webkit-transition: all 0.4s linear;
-moz-transition: all 0.4s linear;
-ms-transition: all 0.4s linear;
-o-transition: all 0.4s linear;
}
.menu ul li:hover .menuxltb { opacity: 1;
transition: all 0.4s linear;
-webkit-transition: all 0.4s linear;
-moz-transition: all 0.4s linear;
-ms-transition: all 0.4s linear;
-o-transition: all 0.4s linear;
}
/*** header ***/
/*** banner ***/
.banner { position: relative; }
.bannertext { height: 300px;
top: 40%;
padding-left: 30px;
font-weight: 400;
z-index: 2;
text-align: left; position: absolute; width: 20rem; left: 0px; }
.bannertext h2 { font-weight: bold; font-size: 2.5rem; line-height: 50px;
max-height: 169px;
padding-bottom: 1px; color: #fff; }
.bannertext a { display: block; width: 100px; height: 40px; line-height: 40px; color: #fff; text-align: center; background: #0484cf; font-size: 14px; }
.banner2 h2 { color: #0484cf; }
.bannertext a:hover { background: #fff; color: #0484cf; }
/*** banner ***/
.secwarp { padding: 0 30px; background: #fff; }
/*** sec1 ***/
.sec1_top { padding-top: 60px; }
.sec1_top_bt { font-size: 24px;
line-height: 32px;
margin-bottom: 20px; }
.sec1_top_wz { font-size: 14px;
line-height: 28px;
color: #7c7c7c; }
.sec1_top_right { background: #0484cf; padding: 20px 30px; color: #fff;
transition: all 0.4s linear;
-webkit-transition: all 0.4s linear;
-moz-transition: all 0.4s linear;
-ms-transition: all 0.4s linear;
-o-transition: all 0.4s linear; }
.sec1_right_bt { margin: 0 0 25px 0; font-size: 24px;
line-height: 1.875rem; }
.sec1_right_wz { font-size: 14px;
font-weight: 400;
line-height: 1.5625rem; }
.sec1_top_right a { margin: 14px 0 0; display: block; color: #fff; line-height: 24px; font-size: 14px; }
.sec1_top_right a i { margin-right: 8px; font-size: 14px; }
.sec1_top_right:hover a { margin-left: 10px; }
.sec1_bottom_one { background-color: #f0f0f0; padding: 20px 30px;
transition: all 0.4s linear;
-webkit-transition: all 0.4s linear;
-moz-transition: all 0.4s linear;
-ms-transition: all 0.4s linear;
-o-transition: all 0.4s linear; }
.sec1_bottom_one a { margin: 14px 0 0; display: block; color: #0484cf; line-height: 24px; font-size: 14px; }
.sec1_bottom_one a i { margin-right: 8px; font-size: 14px; }
.sec1_bottom_one:hover a { margin-left: 10px; }
.sec1_bottom { margin-top: 30px; }
.sec1_bottom_one:hover { background: #41b3e5;
transition: all 0.4s linear;
-webkit-transition: all 0.4s linear;
-moz-transition: all 0.4s linear;
-ms-transition: all 0.4s linear;
-o-transition: all 0.4s linear; }
.sec1_bottom_one:hover .sec1_right_bt { color: #fff; }
.sec1_bottom_one:hover .sec1_right_wz { color: #fff; }
.sec1_bottom_one:hover a { color: #fff; }
.sec1_top_right:hover { background-color: #f0f0f0;
transition: all 0.4s linear;
-webkit-transition: all 0.4s linear;
-moz-transition: all 0.4s linear;
-ms-transition: all 0.4s linear;
-o-transition: all 0.4s linear; }
.sec1_top_right:hover .sec1_right_bt { color: #333; }
.sec1_top_right:hover .sec1_right_wz { color: #666; }
.sec1_top_right:hover a { color: #0484cf; }
.sec1_bottom_center:hover { background: #0484cf; }
.sec1_bottom_right:hover { background: #3156a4; }
.sec1_bottom_one .sec1_right_wz { color: #666; }
/*** sec1 ***/
/*** sec2 ***/
.sec2 { margin-top: 40px; }
.features { left: 30px;
position: absolute;
top: 55%;
width: 70%;
z-index: 2; }
.features .excerpt {
opacity: 0;
filter: alpha(opacity=0);
overflow: hidden;
-webkit-transition: opacity .4s cubic-bezier(.215, .61, .355, 1), .6s transform cubic-bezier(.25, .46, .45, .94);
-moz-transition: opacity .4s cubic-bezier(.215, .61, .355, 1), .6s transform cubic-bezier(.25, .46, .45, .94);
-ms-transition: opacity .4s cubic-bezier(.215, .61, .355, 1), .6s transform cubic-bezier(.25, .46, .45, .94);
-o-transition: opacity .4s cubic-bezier(.215, .61, .355, 1), .6s transform cubic-bezier(.25, .46, .45, .94);
transition: opacity .4s cubic-bezier(.215, .61, .355, 1), .6s transform cubic-bezier(.25, .46, .45, .94);
-webkit-transform: translate(-20px, 0);
-ms-transform: translate(-20px, 0);
transform: translate(-20px, 0);
font-size: 16px;
}
.indexcaseimg:hover .excerpt {
-webkit-transform: translate(10px, 0);
-ms-transform: translate(10px, 0);
transform: translate(10px, 0);
opacity: 1;
filter: alpha(opacity=100);
}
.sec2show { position: absolute; top: 0px; left: 30px; color: #fff; width: 400px; filter: alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0;
transition: all 0.4s linear;
-webkit-transition: all 0.4s linear;
-moz-transition: all 0.4s linear;
-ms-transition: all 0.4s linear;
-o-transition: all 0.4s linear;
}
.sec2showbt { font-size: 30px; margin-top: 25%; }
.sec2showwz { font-size: 16px; margin-top: 10px; }
.slide:hover .sec2show { opacity: 1;
transition: all 0.4s linear;
-webkit-transition: all 0.4s linear;
-moz-transition: all 0.4s linear;
-ms-transition: all 0.4s linear;
-o-transition: all 0.4s linear;
}
.slide:hover .name { filter: alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0;
transition: all 0.4s linear;
-webkit-transition: all 0.4s linear;
-moz-transition: all 0.4s linear;
-ms-transition: all 0.4s linear;
-o-transition: all 0.4s linear; }
.solution {
position: relative;
height: 300px;
}
#slider {
position: absolute;
width: 100%;
height: 100%;
left: 0%;
top: 0px;
margin-left: 0px;
overflow: hidden;
}
#slider .slide {
position: absolute;
top: 0px;
height: 100%;
width: 820px;
overflow: hidden;
cursor: default;
}
#slider .title {
color: #fff;
font-size: 23px;
margin-right: 1.5em;
text-decoration: none;
}
#slider .backgroundText {
position: absolute;
width: 100%;
height: 100%;
botttom: 0%;
}
#slider .name {
position: absolute;
bottom: 0%;
color: #fff;
left: 0px;
text-align: center; width: 100%; background-color: rgba(101, 172, 30, 0.7);
transition: all 0.4s linear;
-webkit-transition: all 0.4s linear;
-moz-transition: all 0.4s linear;
-ms-transition: all 0.4s linear;
-o-transition: all 0.4s linear;
}
.name p {
margin-bottom: 0px;
letter-spacing: 2px;
font-size: 24px;
display: block;
width: 100%;
margin-left: 20px;
text-align: left; position: relative; line-height: 70px;
}
.name a { color: #fff; }
.name p span {
margin-top: 15px;
font-size: 14px;
display: block;
width: 230px;
text-align: left;
letter-spacing: 2px;
line-height: 25px;
}
#slider .text {
position: absolute;
top: 1%;
top: 100%;
color: #fff;
font-size: 0.9em;
text-align: justify;
width: 20px;
left: 10px;
}
#slider .diapo {
position: absolute;
filter: alpha(opacity=100);
opacity: 1;
visibility: hidden;
}
.casebg { position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
background: url(mark2.html);
transition: all 0.7s linear;
-webkit-transition: all 0.7s linear;
-moz-transition: all 0.7s linear;
-ms-transition: all 0.7s linear;
-o-transition: all 0.7s linear; }
.case_sfq .slide:hover .casebg { opacity: 0;
transition: all 0.7s linear;
-webkit-transition: all 0.7s linear;
-moz-transition: all 0.7s linear;
-ms-transition: all 0.7s linear;
-o-transition: all 0.7s linear; }
/*** sec2 ***/
/*** sec3 ***/
.sec3 { margin-top: 40px; }
.sec3_news { border-bottom: 2px solid #dcdcdc; padding-bottom: 20px; line-height: 1.5625rem; }
.sec3right { float: right; font-size: 16px; }
.sec3right:hover a { color: #0484cf; margin-right: 10px; }
.sec3title { color: #333;
font-size: 16px;
font-weight: 400;
line-height: 1.5625rem; float: left; }
.sec3title a { font-weight: 700;
margin-left: 30px;
position: relative; color: #0484cf; }
.sec3title a:after { border: 7px solid #dcdcdc; border-top: 0;
border-left-color: transparent;
border-right-color: transparent;
content: "";
margin-left: -7px;
top: -7px;
position: absolute; top: 32px;
left: 50%; }
.sec3title a i { margin-right: 10px; }
.sec3_top { margin-top: 30px; }
.sec3one { padding: 15px; background-color: #f0f0f0; height: 280px;
margin-bottom: 30px;
position: relative; }
.sec3onetop { position: relative; color: #7c7c7c; font-size: 14px;
line-height: 1.25rem; }
.sec3onetop span { display: block; margin-top: 10px; }
.sec3onetop i { color: #b6b6b6;
font-size: 14px;
position: absolute;
right: 10px;
top: 5px; }
.sec3one h2 { color: #0484cf; font-size: 1.6rem;
line-height: 30px; }
.sec3hover { position: relative; }
.sec3bg { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; filter: alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; padding: 15px; background: #0484cf; }
.sec3hover:hover .sec3bg { opacity: 1; }
.allmore { margin-bottom: 30px; font-size: 14px; }
.allmore:hover a { margin-left: 10px; }
/*** sec3 ***/
/*** footer ***/
.footer { background: #dcdcdc; padding: 0 30px; }
.footer_top { border-bottom: 1px solid #e5e5e5;
position: relative;
line-height: 40px; }
.footer_top .link { float: left; font-size: 14px; }
.footer_top_right { float: left; margin-left: 5%; margin-top: 10px; }
.footer_top_right a { color: #5c5c5c; margin-right: 10px; font-size: 14px; position: relative; }
.footer_top_right a:hover { color: #0484cf; }
.backtop { float: right; }
.backtop a { line-height: 56px; color: #f39800; font-size: 28px; display: block; margin-top: 15px; }
.footernav { }
.footernav p { margin-top: 26px;
margin-bottom: 10px; font-size: 16px;
line-height: 1.375rem; }
.footernav a { display: block; line-height: 26px; color: #5c5c5c; }
.footernav a:hover { margin-left: 10px; color: #0484cf; }
.footer_bottom { margin-top: 15px; padding-bottom: 10px; }
.copy { line-height: 40px; letter-spacing: 0px; }
.unohacha_logo { float: right; }
/*** footer ***/
/*** warp ***/
/*** 调整 ***/
.big_news { position: relative; }
.big_news_dw {
width: 100%;
height: 50%;
bottom: 0;
left: 0%;
padding-left: 5%;
padding-right: 5%;
position: absolute;
z-index: 2;
background: linear-gradient(to bottom, transparent 0%, rgba(37, 52, 106, 0.8) 100%);
-webkit-transition: all 0.4s linear;
-moz-transition: all 0.4s linear;
-ms-transition: all 0.4s linear;
-o-transition: all 0.4s linear; )
}
.big_news:hover .big_news_dw { background: linear-gradient(to bottom, transparent 0%, rgba(37, 52, 106, 0.8) 100%);
transition: all 0.4s linear;
-webkit-transition: all 0.4s linear;
-moz-transition: all 0.4s linear;
-ms-transition: all 0.4s linear;
-o-transition: all 0.4s linear; }
.big_news:hover .newshide img {
transition: all 0.4s linear;
-webkit-transition: all 0.4s linear;
-moz-transition: all 0.4s linear;
-ms-transition: all 0.4s linear;
-o-transition: all 0.4s linear;
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
-ms-transform: scale(1.1);
-o-transform: scale(1.1);
transform: scale(1.1); }
.newshide img { transition: all 0.4s linear;
-webkit-transition: all 0.4s linear;
-moz-transition: all 0.4s linear;
-ms-transition: all 0.4s linear;
-o-transition: all 0.4s linear; }
.newstitle {
position: absolute;
bottom: 0;
left: 0;
z-index: 3;
width: 100%;
padding: 20px;
box-sizing: border-box;
}
.newstitle a { font-size: 20px; color: #fff; }
.newstitle a:hover { color: #0484cf }
.time { font-size: 12px; font-family: Arial, Helvetica, sans-serif; margin-top: 10px; color: #fff; }
.chakan { width: 90px; height: 25px; margin-top: 20px; line-height: 25x; text-align: left; }
.chakan a { color: #fff; font-size: 12px; }
.xiaokuai { padding-top: 30px; }
.small_news h3 { font-size: 15px; color: #000; margin-top: 15px; margin-bottom: 15px; line-height: 24px; }
.inner { color: #6d6e71; font-size: 12px; line-height: 18px; }
.small_news { transition: All 0.4s ease-in-out;
-webkit-transition: All 0.4s ease-in-out;
-moz-transition: All 0.4s ease-in-out;
-o-transition: All 0.4s ease-in-out;
}
.newshide { overflow: hidden; }
.newshover:hover .small_news img { -webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
-ms-transform: scale(1.1);
-o-transform: scale(1.1);
transform: scale(1.1);
transition: all 0.4s linear;
-webkit-transition: all 0.4s linear;
-moz-transition: all 0.4s linear;
-ms-transition: all 0.4s linear;
-o-transition: all 0.4s linear;
}
.inner { transition: all 0.4s linear;
-webkit-transition: all 0.4s linear;
-moz-transition: all 0.4s linear;
-ms-transition: all 0.4s linear;
-o-transition: all 0.4s linear; }
.newshover:hover:hover .inner { transform: translate(-10px, 0px);
-webkit-transform: translate(-10px, 0px);
-moz-transform: translate(-10px, 0px);
-o-transform: translate(-10px, 0px);
-ms-transform: translate(-10px, 0px); }
.small_news img { transition: all 0.4s linear;
-webkit-transition: all 0.4s linear;
-moz-transition: all 0.4s linear;
-ms-transition: all 0.4s linear;
-o-transition: all 0.4s linear; }
.small_news:hover a {
transform: translate(10px, 0px);
-webkit-transform: translate(10px, 0px);
-moz-transform: translate(10px, 0px);
-o-transform: translate(10px, 0px);
-ms-transform: translate(10px, 0px); }
.small_news a { color: #0484cf; font-size: 12px; margin-top: 10px; display: block;
}
.youbianxw li { padding-bottom: 30px; padding-top: 30px; border-bottom: 1px #eee solid }
.youbianxw li:hover { background: #f0f0f0; }
.left_pic { width: 160px; height: 104px; float: left; overflow: hidden; }
.left_pic img { transition: all 0.4s linear;
-webkit-transition: all 0.4s linear;
-moz-transition: all 0.4s linear;
-ms-transition: all 0.4s linear;
-o-transition: all 0.4s linear;
}
.youbianxw li:hover .left_pic img { -webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
-ms-transform: scale(1.1);
-o-transform: scale(1.1);
transform: scale(1.1); transition: all 0.4s linear;
-webkit-transition: all 0.4s linear;
-moz-transition: all 0.4s linear;
-ms-transition: all 0.4s linear;
-o-transition: all 0.4s linear;
}
.right_wenzi { width: 67%; font-family: "微软雅黑"; font-size: 20px; float: right; }
.right_wenzi_top {
font-size: 20px;
line-height: 15px;
height: 35px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis; transition: all 0.4s linear;
-webkit-transition: all 0.4s linear;
-moz-transition: all 0.4s linear;
-ms-transition: all 0.4s linear;
-o-transition: all 0.4s linear;
}
.right_wenzi_top a {
font-size: 15px;
line-height: 15px;
height: 35px;
}
.right_wenzi_bot { color: #6d6e71; font-size: 12px; line-height: 20px; height: 43px; overflow: hidden; }
.liaojie {
color: #0484cf;
margin-top: 8px;
font-size: 12px;
display: block;
transition: All 0.4s ease-in-out;
-webkit-transition: All 0.4s ease-in-out;
-moz-transition: All 0.4s ease-in-out;
-o-transition: All 0.4s ease-in-out;
}
.youbianxw li:hover .liaojie {
transform: translate(10px, 0);
-webkit-transform: translate(10px, 0);
-moz-transform: translate(10px, 0);
-o-transform: translate(10px, 0);
-ms-transform: translate(10px, 0);
}
.youbianxw li:hover .right_wenzi_top { margin-left: -10px; transition: all 0.4s linear;
-webkit-transition: all 0.4s linear;
-moz-transition: all 0.4s linear;
-ms-transition: all 0.4s linear;
-o-transition: all 0.4s linear;
}
.sec3_top { padding-bottom: 30px; }
/*** 调整 ***/
/*** 调整2***/
.sec1_bottom { position: relative; background: url(in01.html) no-repeat center center; background-size: cover; height: 400px; }
.sec1_main { position: absolute; }
.sec1_left { margin-top: 50px; margin-left: 30px; float: left; }
.sec1_left ul li { float: left; margin-right: 5px; position: relative; z-index: 999999; }
.chuxian { position: absolute; left: 0px; top: 120px; color: #333; line-height: 23px; font-size: 13px; width: 380px; display: none; }
.sec1_pic img { border: 2px solid #d8d8d8 }
.sec1_ying p { padding-top: 5px; text-align: center; font-size: 13px; }
.sec1_right { width: 50%; float: left; margin-top: 40px; position: relative; }
.sec1_map img { width: 70%; }
.sec1_img1 { position: absolute; top: 10%; left: 0px; }
.sec1_img1 img { transform: rotate(40deg); -ms-transform: rotate(40deg); -moz-transform: rotate(40deg); -webkit-transform: rotate(40deg); -o-transform: rotate(40deg);
-webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
}
.sec1_ying:hover { margin-top: -10px;
transition: all 0.4s linear;
-webkit-transition: all 0.4s linear;
-moz-transition: all 0.4s linear;
-ms-transition: all 0.4s linear;
-o-transition: all 0.4s linear;
}
.sec1_ying {
transition: all 0.4s linear;
-webkit-transition: all 0.4s linear;
-moz-transition: all 0.4s linear;
-ms-transition: all 0.4s linear;
-o-transition: all 0.4s linear; }
.sec1_img2 { position: absolute; top: 23%; left: 55px; }
.sec1_img2 img { transform: rotate(40deg); -ms-transform: rotate(40deg); -moz-transform: rotate(40deg); -webkit-transform: rotate(40deg); -o-transform: rotate(40deg);
-webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
}
.sec1_img3 { position: absolute; top: 36%; left: 110px; }
.sec1_img3 img { transform: rotate(35deg); -ms-transform: rotate(35deg); -moz-transform: rotate(35deg); -webkit-transform: rotate(35deg); -o-transform: rotate(35deg);
-webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
}
.sec1_img4 { position: absolute; top: 47%; left: 175px; }
.sec1_img4 img { transform: rotate(30deg); -ms-transform: rotate(30deg); -moz-transform: rotate(30deg); -webkit-transform: rotate(30deg); -o-transform: rotate(30deg);
-webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
}
.sec1_img5 { position: absolute; top: 55.5%; left: 240px; }
.sec1_img5 img { transform: rotate(20deg); -ms-transform: rotate(20deg); -moz-transform: rotate(20deg); -webkit-transform: rotate(20deg); -o-transform: rotate(20deg);
-webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
}
.sec1_img6 { position: absolute; top: 62%; left: 310px; }
.sec1_img6 img { transform: rotate(10deg); -ms-transform: rotate(10deg); -moz-transform: rotate(10deg); -webkit-transform: rotate(10deg); -o-transform: rotate(10deg);
-webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
}
.sec1_xiang { position: absolute; top: 35%; right: -200px; filter: alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; width: 70%; }
.sec1_img_left { float: left; -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
-webkit-transition: all 0.4s linear;
-moz-transition: all 0.4s linear;
-ms-transition: all 0.4s linear;
-o-transition: all 0.4s linear; }
.sec1_img2_right { float: left; margin-left: 20px; }
.sec1_img2_right span { display: block; }
.sec1_img2_bt { font-size: 14px; color: #0484cf; font-weight: 600; }
.sec1_img2_wz { margin-top: 10px; width: 54%; }
.sec1_img_left:hover { margin-top: -10px;
-webkit-transition: all 0.4s linear;
-moz-transition: all 0.4s linear;
-ms-transition: all 0.4s linear;
-o-transition: all 0.4s linear; }
.sec2_warp { padding-bottom: 40px; height: 330px; }
.sec2_mainwen { font-size: 16px; padding: 15px 30px 0px 0px; line-height: 24px; }
#cptab ul { list-style: none; margin: 0px; height: 40px; padding: 0px; }
#cptab ul li { float: left; }
#cptab ul li a { width: 80px; border: 1px #0484cf solid; margin-right: 15px; height: 25px; display: block; font-size: 13px; line-height: 23px; text-align: center; text-align: center; text-decoration: none; color: #0484cf }
#cptab ul li a:hover, #cptab ul li a.over { border: 1px #0484cf solid; background-color: #0484cf; color: #fff; }
#contentcp div {
overflow: hidden;
display: none; height: 250px;
}
.sec2_fonts { width: 100%; }
.sec2_fonts p a { color: #666; }
.sec2_fonts p { font-size: 14px; line-height: 24px; margin-bottom: 8px;
transition: all 0.4s linear;
-webkit-transition: all 0.4s linear;
-moz-transition: all 0.4s linear;
-ms-transition: all 0.4s linear;
-o-transition: all 0.4s linear;
}
.sec2_fonts p a:hover { margin-left: 10px; transition: all 0.4s linear; color: #0484cf;
-webkit-transition: all 0.4s linear;
-moz-transition: all 0.4s linear;
-ms-transition: all 0.4s linear;
-o-transition: all 0.4s linear;
}
.sec2_img { overflow: hidden; }
.sec2_img img {
transition: all 0.4s linear;
-webkit-transition: all 0.4s linear;
-moz-transition: all 0.4s linear;
-ms-transition: all 0.4s linear;
-o-transition: all 0.4s linear;
}
.sec2_main:hover .sec2_img img { transition: all 0.4s linear;
-webkit-transition: all 0.4s linear;
-moz-transition: all 0.4s linear;
-ms-transition: all 0.4s linear;
-o-transition: all 0.4s linear;
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
-ms-transform: scale(1.1);
-o-transform: scale(1.1);
transform: scale(1.1);
}
.sec1_img_hover img {
transition: all 0.4s linear;
-webkit-transition: all 0.4s linear;
-moz-transition: all 0.4s linear;
-ms-transition: all 0.4s linear;
-o-transition: all 0.4s linear;
}
.sec1_img_hover:hover img { margin-top: -10px;
transition: all 0.4s linear;
-webkit-transition: all 0.4s linear;
-moz-transition: all 0.4s linear;
-ms-transition: all 0.4s linear;
-o-transition: all 0.4s linear;
}
.sec2_mainwen a:hover { color: #0484cf; }
.sec2_main:hover .sec2_mainwen a { color: #0484cf; margin-left: 10px; }
.sec3_warp { margin-bottom: 40px }
.sec3_warp .col-lg-6 { padding-left: 0px; padding-right: 0px; }
.sec3_culture { width: 100%; background-color: #41b3e5; padding: 20px; color: #fff; }
.sec3_culture h4 { font-size: 24px; line-height: 32px; margin-bottom: 5px; position: relative; padding-bottom: 10px; }
.sec3_culture h4:after { position: absolute; bottom: 0px; left: 0%; width: 30px; height: 2px; background: #fff; content: ""; margin-left: 0px; }
.sec3_culture h4 a { color: #fff; }
.sec3_culture p { font-size: 14px; line-height: 24px; margin-top: 10px; }
.sec3_zhiye { font-size: 24px; background-color: #0484cf; text-align: center; display: table; }
.sec3_zhiye a { display: table-cell; vertical-align: middle; color: #fff; position: relative; }
.sec3_hover a span { display: block; width: 30px; height: 2px; background: #fff; margin: 0 auto; margin-top: 8px; }
.sec3_contact { font-size: 24px; background-color: #3156a4; text-align: center; display: table; }
.sec3_contact a { display: table-cell; vertical-align: middle; color: #fff; }
.sec3_hover { transition: all 0.4s linear; position: relative;
-webkit-transition: all 0.4s linear;
-moz-transition: all 0.4s linear;
-ms-transition: all 0.4s linear;
-o-transition: all 0.4s linear; }
.sec3_hover:hover { -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
transition: all 0.4s linear;
-webkit-transition: all 0.4s linear;
-moz-transition: all 0.4s linear;
-ms-transition: all 0.4s linear;
-o-transition: all 0.4s linear; margin-top: -10px;
}
.sec3_warp .row { margin-left: 0px; margin-right: 0px; }
.jidi { position: absolute; bottom: -55px; right: 30px; z-index: 999999999; }
.jidi ul li { float: left; margin-right: 10px }
.jidi ul li a { display: block; }
.jidi_item p { line-height: 24px; font-size: 14px; text-align: center; margin-top: 5px; }
.jidi_item { transition: all 0.4s linear;
-webkit-transition: all 0.4s linear;
-moz-transition: all 0.4s linear;
-ms-transition: all 0.4s linear;
-o-transition: all 0.4s linear; }
.jidi_item:hover { margin-top: -10px;
transition: all 0.4s linear;
-webkit-transition: all 0.4s linear;
-moz-transition: all 0.4s linear;
-ms-transition: all 0.4s linear;
-o-transition: all 0.4s linear;
}
.jidi_pic { transition: all 0.4s linear;
-webkit-transition: all 0.4s linear;
-moz-transition: all 0.4s linear;
-ms-transition: all 0.4s linear;
-o-transition: all 0.4s linear; }
.jidi_item:hover .jidi_pic { transition: all 0.4s linear;
-webkit-transition: all 0.4s linear;
-moz-transition: all 0.4s linear;
-ms-transition: all 0.4s linear;
-o-transition: all 0.4s linear;
-webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); }
.sec3_hover { position: relative; }
.sec3_left { position: absolute; left: 20px; top: 65px; }
.sec3_right { position: absolute; right: 20px; top: 100px; }
.sec3_left_one { left: 35px; top: 65px; }
.sec3_right_one { right: 35px; top: 100px; }
.sec3_hover i { margin-right: 10px; }
/*** 调整2 ***/
/*** news ***/
.warpny { padding: 0 15px; }
.warp_title { position: relative; top: -35px; }
.warp_title_top { font-size: 24px; color: #000; background: #dcdcdc; line-height: 65px; padding-left: 15px; }
.warp_title_bottom { background-color: #0484cf }
.warp_title_bottom ul { padding: 9px 10px 7px;
position: relative; }
.warp_title_bottom ul li { display: inline-block;
line-height: 100%;
vertical-align: top; }
.warp_title_bottom ul li a { display: inline-block;
font-weight: 700;
line-height: 100%;
padding: 6px 15px 5px;
position: relative; color: #fff; font-size: 13px; }
.warp_title_bottom ul .cur a { color: #333; background: #fff; position: relative; }
.warp_title_bottom ul li a:hover { background: #fff; color: #999; }
.warp_title_bottom ul .cur a:after { border: 7px solid #fff;
content: '';
position: absolute;
border-bottom: 0;
border-left-color: transparent;
border-right-color: transparent;
top: 100%;
left: 50%;
margin-left: -7px; }
.warp_title_fl { margin-top: 30px; padding-left: 15px; padding-right: 15px; }
.warp_title_fl a { color: #0484cf; margin-right: 20px; display: inline-block; }
.news_warp { margin-top: 30px; padding-left: 30px; padding-right: 30px; }
.news_warp .news_title { font-size: 24px; }
.news_one_list h2 { font-size: 12px; color: #999; }
.news_one_list h3 { font-size: 16px; margin-top: 15px; font-weight: 600;
transition: all 0.4s linear;
-webkit-transition: all 0.4s linear;
-moz-transition: all 0.4s linear;
-ms-transition: all 0.4s linear;
-o-transition: all 0.4s linear;
}
.news_one_list p { font-size: 12px; line-height: 24px; margin-top: 15px; color: #666; height: 48px; overflow: hidden; }
.news_one_list a { margin-top: 15px; display: block; color: #0484cf }
.news_one_list a i { margin-right: 8px; }
.news_one { border-bottom: 1px solid #999; padding-bottom: 30px; padding-top: 30px; }
.news_img { display: table; margin-top: 20px; background: #dcdcdc; width: 130px; }
.news_img a { }
.news_one_list:hover a { margin-left: 10px; }
.news_one_list:hover h3 { margin-left: -10px; color: #0484cf;
transition: all 0.4s linear;
-webkit-transition: all 0.4s linear;
-moz-transition: all 0.4s linear;
-ms-transition: all 0.4s linear;
-o-transition: all 0.4s linear;
}
.xinwennl{
min-height: 300px;*height: 300px;_height:300px;
}
/*** news ***/
/*** video ***/
.video { margin-top: 30px; margin-left: 0; }
.video_bg { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; text-align: center; }
.video_bg img { margin-top: 28%; }
.video_img { overflow: hidden; }
.video_warp:hover .video_img img {
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
-ms-transform: scale(1.1);
-o-transform: scale(1.1);
transform: scale(1.1);
transition: all 0.4s linear;
-webkit-transition: all 0.4s linear;
-moz-transition: all 0.4s linear;
-ms-transition: all 0.4s linear;
-o-transition: all 0.4s linear;
}
.video_img img {
transition: all 0.4s linear;
-webkit-transition: all 0.4s linear;
-moz-transition: all 0.4s linear;
-ms-transition: all 0.4s linear;
-o-transition: all 0.4s linear;
}
/*** video ***/
/*** media ***/
.media_one { border: 1px solid #a9a9a9; }
.media { margin-top: 30px; }
.media_text h3 { font-size: 16px; font-weight: 600; margin-top: 30px;
transition: all 0.4s linear;
-webkit-transition: all 0.4s linear;
-moz-transition: all 0.4s linear;
-ms-transition: all 0.4s linear;
-o-transition: all 0.4s linear; }
.media_text p { margin-top: 15px; width: 90%; line-height: 24px; color: #666; }
.media_text a { margin-top: 15px; display: block; color: #0484cf; }
.media_text a i { margin-right: 8px; }
.media_text:hover a { margin-left: 10px; }
.media_text:hover h3 { color: #0484cf; margin-left: -10px;
transition: all 0.4s linear;
-webkit-transition: all 0.4s linear;
-moz-transition: all 0.4s linear;
-ms-transition: all 0.4s linear;
-o-transition: all 0.4s linear; }
.media_top { margin-top: 40px; }
.media_left { margin-left: 30px; }
/*** media ***/
/*** maga ***/
.maga { margin-top: 30px; }
.maga_warp { border: 1px solid #a9a9a9; }
.maga_text { padding: 10px 20px 50px 20px; }
.maga_text h2 { font-size: 16px; font-weight: 600; margin-top: 30px;
transition: all 0.4s linear;
-webkit-transition: all 0.4s linear;
-moz-transition: all 0.4s linear;
-ms-transition: all 0.4s linear;
-o-transition: all 0.4s linear; }
.maga_text p { line-height: 22px; color: #666; }
.maga_text a { margin-top: 15px; display: block; color: #0484cf; }
.maga_text a i { margin-right: 8px; }
.maga_warp:hover .maga_text a { margin-left: 10px; }
.maga_warp:hover .maga_text h2 { color: #0484cf; margin-left: -10px;
transition: all 0.4s linear;
-webkit-transition: all 0.4s linear;
-moz-transition: all 0.4s linear;
-ms-transition: all 0.4s linear;
-o-transition: all 0.4s linear; }
.maga_warp:hover .maga_img img { -webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
-ms-transform: scale(1.1);
-o-transform: scale(1.1);
transform: scale(1.1);
transition: all 0.4s linear;
-webkit-transition: all 0.4s linear;
-moz-transition: all 0.4s linear;
-ms-transition: all 0.4s linear;
-o-transition: all 0.4s linear; }
.maga_img img {
transition: all 0.4s linear;
-webkit-transition: all 0.4s linear;
-moz-transition: all 0.4s linear;
-ms-transition: all 0.4s linear;
-o-transition: all 0.4s linear;
}
.maga_img { overflow: hidden; }
/*** maga ***/
/*** study ***/
.study_top {
margin-top: 10px;
width: 90%;
}
.comm_sttitle { font-size: 16px; margin-bottom: 20px; color: #333333; line-height: 24px; margin-top: 10px; }
.study_top p { line-height: 22px; }
.study_bottom { margin-top: 30px; }
.study_text { margin-top: 10px; }
.study_text h2 { font-size: 14px; font-weight: bold; margin: 5px 0px 15px 0px; position: relative; padding-bottom: 10px; }
.study_text h2:after { position: absolute; bottom: 0px; left: 0px; width: 15px; height: 2px; background: #f39800; content: "" }
.study_warp { padding-bottom: 30px; padding-top: 20px; }
/*** study ***/
/******文化与福利****/
.wel_box { margin-top: 30px; }
.wel_wen { }
.wel_wen p { line-height: 22px; margin-bottom: 10px; }
.wel_main { position: relative; }
.wel_pic { }
.wel_wenzi { background-color: #0484cf; width: 100%; padding: 20px 15px; }
.wel_wenzi p { line-height: 22px; color: #fff; width: 100%; }
.wel_more { color: #fff; margin-top: 10px; display: block; position: relative; transition: all .4s linear; -webkit-transition: all .4s linear; -moz-transition: all .4s linear;
-ms-transition: all .4s linear; -o-transition: all .4s linear; }
.wel_more:hover { color: #fff; margin-left: 15px; transition: all .4s linear; -webkit-transition: all .4s linear; -moz-transition: all .4s linear; -ms-transition: all .4s linear; -o-transition: all .4s linear; }
.wel_fonts { line-height: 22px; margin-left: 15px; margin-top: -20px; }
.wel_bmain { margin-top: 50px; text-align: center; }
.wel_bmain img { display: block; margin: 0 auto; }
.wel_bmain p { margin-top: 10px; font-size: 14px; font-weight: 600; }
.wel_bmain i { font-size: 56px; color: #0484cf; }
.wel_bmain .weltop:hover { margin-top: -10px;
transition: all .4s linear;
-webkit-transition: all .4s linear;
-moz-transition: all .4s linear;
-ms-transition: all .4s linear;
-o-transition: all .4s linear; }
.weltop { transition: all .4s linear;
-webkit-transition: all .4s linear;
-moz-transition: all .4s linear;
-ms-transition: all .4s linear;
-o-transition: all .4s linear; }
.wel_bmain .weltop:hover p { color: #0484cf; }
/******文化与福利****/
/******职位招聘****/
.join { margin-top: 30px; }
.join_warp { border: 1px solid #a9a9a9; }
.join_img { float: left; width: 50%; overflow: hidden }
.join_text { float: right; width: 42%; margin-right: 2%; padding-top: 20px; padding-bottom: 20px; }
.join_text h2 { font-size: 18px; margin-bottom: 15px; margin-top: 0px; position: relative; padding-bottom: 20px; }
.join_text h2:after { position: absolute; bottom: 0px; left: 0%; width: 30px; height: 2px; background: #0484cf; content: ""; }
.join_text p { line-height: 22px; color: #666; }
.join_text a { display: block; margin-top: 15px; color: #0484cf; }
.join_text a i { margin-right: 8px; }
.join_warp:hover .join_text a { margin-left: 10px; color: #0484cf; }
.join_warp:hover .join_img img { -webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
-ms-transform: scale(1.1);
-o-transform: scale(1.1);
transform: scale(1.1);
transition: all .4s linear;
-webkit-transition: all .4s linear;
-moz-transition: all .4s linear;
-ms-transition: all .4s linear;
-o-transition: all .4s linear; }
.join_img img {
transition: all .4s linear;
-webkit-transition: all .4s linear;
-moz-transition: all .4s linear;
-ms-transition: all .4s linear;
-o-transition: all .4s linear; }
.join_top { margin-top: 30px; }
/******职位招聘****/
/******公益支持****/
.pub { margin-top: 30px; }
.pub .pub_bt { line-height: 24px; width: 80%; font-size: 14px; }
.pub_text { padding: 20px; background: #f0f0f0; transition: all 0.4s linear;
-webkit-transition: all 0.4s linear;
-moz-transition: all 0.4s linear;
-ms-transition: all 0.4s linear;
-o-transition: all 0.4s linear; }
.pub_top { width: 85%; margin: 30px auto 0px auto; }
.pub_top2 { width: 85%; margin: 60px auto 0px auto; }
.pub_img2 img { display: block; margin: 30px auto; }
.pub_item p { font-size: 16px; line-height: 26px; text-align: center; padding: 0px 15px; }
.pub_img { overflow: hidden; }
.pub_img img { transition: all .4s linear; -webkit-transition: all .4s linear; -moz-transition: all .4s linear; -ms-transition: all .4s linear; -o-transition: all .4s linear; }
.pub_img img:hover { transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); }
/******公益支持****/
/******责任关怀****/
.duty_warp { border: 1px solid #a9a9a9; }
.duty_text { padding-top: 20px; padding-bottom: 20px; float: left; width: 42%; margin-left: 4%; }
.duty_text h2 { font-size: 18px; margin-top: 0px;
transition: all 0.4s linear;
-webkit-transition: all 0.4s linear;
-moz-transition: all 0.4s linear;
-ms-transition: all 0.4s linear;
-o-transition: all 0.4s linear; }
.duty_text p { line-height: 24px; color: #666; margin-top: 15px; }
.duty_text a { display: block; margin-top: 20px; color: #0484cf; }
.duty_text a i { margin-right: 8px; }
.duty_img { float: left; width: 50%; }
.duty_text:hover a { margin-left: 10px; color: #0484cf; }
.duty_text:hover h2 { margin-left: -10px;
transition: all 0.4s linear;
-webkit-transition: all 0.4s linear;
-moz-transition: all 0.4s linear;
-ms-transition: all 0.4s linear;
-o-transition: all 0.4s linear; color: #0484cf; }
.duty_text_two p { height: 70px; overflow: hidden; }
/******责任关怀****/
/******三大基地****/
.base_warp { margin-top: 30px; }
.base_text { background: #f0f0f0; padding: 20px; }
.base_text h2 { font-size: 18px; margin-top: 0px; }
.base_text a { display: block; margin-top: 20px; color: #0484cf; }
.base_text a i { margin-right: 8px; }
.base_item:hover .base_text a { margin-left: 10px; color: #0484cf; }
.base_item:hover { -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
transition: all 0.4s linear;
-webkit-transition: all 0.4s linear;
-moz-transition: all 0.4s linear;
-ms-transition: all 0.4s linear;
-o-transition: all 0.4s linear; }
/******三大基地****/
/******创新发展****/
.innov_warp { border: 1px solid #a9a9a9; }
.innov_text { padding: 25px; }
.innov_text h2 { font-size: 18px; margin-top: 0px;
transition: all 0.4s linear;
-webkit-transition: all 0.4s linear;
-moz-transition: all 0.4s linear;
-ms-transition: all 0.4s linear;
-o-transition: all 0.4s linear; }
.innov_text p { line-height: 24px; color: #666; margin-top: 15px; }
.innov_text a { display: block; margin-top: 15px; color: #0484cf; }
.innov_text a i { margin-right: 8px; }
.innov_text:hover a { margin-left: 10px; color: #0484cf; }
.innov_img { margin-top: 20px; }
.innov_text p span { font-weight: 600; color: #0484cf; }
.innov_text:hover h2 { margin-left: -10px; color: #0484cf;
transition: all 0.4s linear;
-webkit-transition: all 0.4s linear;
-moz-transition: all 0.4s linear;
-ms-transition: all 0.4s linear;
-o-transition: all 0.4s linear; }
.innov_img_one { padding-right: 15px; }
.innov_text_top { padding-top: 25px; margin-left: 2%; }
/******创新发展****/
/******about****/
.about_warp { margin-top: 30px; }
.about_warp h2 { font-size: 18px; margin-bottom: 20px; color: #0484cf; }
.about_warp p { line-height: 24px; color: #666; margin-top: 10px; font-size: 14px; }
.about_img { margin-top: 20px; }
/******about****/
/******product****/
.pro_top { margin: 30px auto 0px auto; }
.pro_title h2 { font-size: 18px; color: #999; }
.pro_title p { line-height: 24px; color: #666; width: 80%; margin-top: 20px; }
.pro_text { background: #f0f0f0; padding: 25px; }
.pro_text h2 { font-size: 18px; font-weight: 600; margin-top: 0px; position: relative; padding-bottom: 15px;
transition: all 0.4s linear;
-webkit-transition: all 0.4s linear;
-moz-transition: all 0.4s linear;
-ms-transition: all 0.4s linear;
-o-transition: all 0.4s linear; }
.pro_text h2:after { position: absolute; bottom: 0px; left: 0%; width: 30px; height: 2px; background: #0484cf; content: ""; margin-left: 0px; }
.pro_text p { margin-top: 20px; line-height: 24px; color: #666; height: 100px; }
.pro_text a { display: block; margin-top: 15px; color: #0484cf; }
.pro_text a i { margin-right: 8px; }
.pro_warp:hover .pro_text a { margin-left: 10px; color: #0484cf; }
.pro_warp:hover .pro_img img { transition: all 0.4s linear;
-webkit-transition: all 0.4s linear;
-moz-transition: all 0.4s linear;
-ms-transition: all 0.4s linear;
-o-transition: all 0.4s linear;
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
-ms-transform: scale(1.1);
-o-transform: scale(1.1);
transform: scale(1.1); }
.pro_warp:hover h2 { margin-left: -10px;
transition: all 0.4s linear;
-webkit-transition: all 0.4s linear;
-moz-transition: all 0.4s linear;
-ms-transition: all 0.4s linear;
-o-transition: all 0.4s linear; }
.pro_img { overflow: hidden; }
.pro_img img { transition: all 0.4s linear;
-webkit-transition: all 0.4s linear;
-moz-transition: all 0.4s linear;
-ms-transition: all 0.4s linear;
-o-transition: all 0.4s linear; }
.pro_warp:hover { transition: all 0.4s linear;
-webkit-transition: all 0.4s linear;
-moz-transition: all 0.4s linear;
-ms-transition: all 0.4s linear;
-o-transition: all 0.4s linear;
-webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); }
.pro_warp { transition: all 0.4s linear;
-webkit-transition: all 0.4s linear;
-moz-transition: all 0.4s linear;
-ms-transition: all 0.4s linear;
-o-transition: all 0.4s linear; }
.product-wrap .product-text p { text-indent: 2em; padding-bottom: 10px; font-size: 14px; }
.product-con h1 { font-size: 16px;
color: #0484cf;
font-weight: bold; }
.product-con p { font-size: 14px; line-height: 24px; }
.product-bor { border-top: 1px dotted #0484cf; margin-top: 22px; width: 96%;
margin: 0 auto; padding-bottom: 20px; }
.product-bor .col-lg-6 { padding-left: 0; padding-top: 11px; }
.pro-left { padding-left: 0; }
.product-bor .pro-anima { padding-left: 15px; }
.vitamin-text h1 { font-size: 16px; color: #589339; margin-bottom: 30px; }
.green-bg { background-color: #589339; color: #d5e0bc; line-height: 60px; padding-left: 12px;font-size: 14px;
padding-right: 12px; border-bottom: 2px solid #fff; text-align: center; }
.white-bg { border-bottom: 2px solid #589339; padding-left: 20px;
padding-right: 20px;
text-align: center; }
.green-title { line-height: 40px; font-size: 18px; }
.vitamin-text { padding-top: 40px; }
.vitamin-title { color: #589339; font-size: 22px; /*border-bottom: 1px solid #ccc;*/
padding-bottom: 0px; }
.product-wrap { padding-top: 40px; padding-bottom: 20px; width: 96%;
margin: 0 auto; }
.product-wrap h1 { margin: 0; font-size: 20px; color: #333; margin-bottom: 10px; }
.pro-p { float: left; }
.product-left { width: 64%;
float: left;
margin-right: 20px; }
.product-left p { color: #737373; line-height: 24px; font-size: 14px;
margin-bottom: 10px; }
.product-right { width: 34%; float: left; }
.pro-wrap5 { background-color: #eeeeee; }
.product-wrap h2 { font-size: 15px; margin: 0; padding: 0; padding-bottom: 20px; }
.vitamin-text table { width: 100%; }
.nav_list_left .yingyang:after {
background: none;
}
.vitamin-img { margin-top: 25px; }
/******product****/
/*** 友情链接 ***/
ul.fa_select em {
display: inline-block;
cursor: pointer;
height: 25px;
padding-left: 10px;
color: #fff;
width: 200px;
overflow: hidden;
line-height: 25px;
background: #5c5c5c url(xiala01.html) no-repeat 180px center;
font-style: normal;
}
ul.fa_select {
width: 200px;
height: 25px;
position: relative;
margin-left: 4%;
}
ul.fa_select .showyq {
display: none;
width: 200px;
bottom: 25px;
left: 0px;
background-color: #666;
overflow: hidden;
cursor: pointer;
position: absolute;
z-index: 999;
}
ul.fa_select .showyq li a { font-size: 12px; display: block; padding-left: 10px; padding-bottom: 5px; padding-top: 5px; color: #ccc; text-transform: uppercase; }
ul.fa_select .showyq li a:hover { background: #0484cf; color: #fff; }
.footertb { }
.footercon { font-size: 14px; }
/*** 友情链接 ***/
/*****社会认可****/
.honor_boxyear { font-size: 19px; margin: 25px 0px; }
.honor_item { }
.honor_wen { background-color: #f0f0f0; padding: 20px; width: 100%; }
.honor_wen h4 { font-size: 14px; margin-top: 0px; line-height: 24px; padding-top: 10px; }
.honor_wen p { margin: 20px 0px; font-size: 13px; }
.honor_more { display: block; margin-bottom: 5px; color: #0484cf; position: relative; }
.honor_more i { margin-right: 8px; }
.honor_more:hover { margin-left: 10px; color: #0484cf; transition: all 0.4s linear;
-webkit-transition: all 0.4s linear;
-moz-transition: all 0.4s linear;
-ms-transition: all 0.4s linear;
-o-transition: all 0.4s linear; }
.honor_mian { margin-bottom: 15px; position: relative; margin-top: 30px; }
.honor_time { border: 2px solid #0484cf; }
.honor_logo img { display: block; margin: -1% auto 0px auto; }
.honor_twen { font-size: 34px; text-align: center; position: relative; margin-top: -20px; font-family: Georgia, "Times New Roman", Times, serif; color: #223c77 }
.honor_twenzi { text-align: center; margin-top: 20%; line-height: 24px; }
.honor_twenzi span { color: #223c77; }
.honor_img { width: 50%; float: left; }
.honor_wen { float: left; width: 50%; }
.honor_box .col-lg-4 { padding-left: 0px; }
.honor_k { padding-left: 0px; padding-right: 0px; }
/*****社会认可****/
/*****历史发展******/
.history_top { margin-top: 30px; }
.histor_topleft { margin-top: 15px; }
.history_wen { width: 100%; }
.history_wen p { line-height: 24px; margin-bottom: 10px; font-size: 12px; color: #666; }
.history_wen2 { background-color: #f0f0f0; padding: 20px; width: 100%; }
.history_wen2 p { line-height: 24px; margin-top: 10px; font-size: 12px; color: #666; }
.histordong { font-size: 14px; line-height: 24px; color: #0484cf; margin-top: 10px; }
.history_main { margin-top: 30px; }
.history_img { position: relative; }
.index4_box_bg { position: absolute; top: 5px; left: 5px; bottom: 5px; right: 5px; background-color: rgba(0, 0, 0, 0.6); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000);
filter: alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0;
transition: all 0.4s linear;
-webkit-transition: all 0.4s linear;
-moz-transition: all 0.4s linear;
-ms-transition: all 0.4s linear;
-o-transition: all 0.4s linear;
}
.boder { position: absolute; background: #0484cf; }
.boder_top { width: 0%; height: 2px; left: 0px; top: 0px;
transition: all 0.4s linear;
-webkit-transition: all 0.4s linear;
-moz-transition: all 0.4s linear;
-ms-transition: all 0.4s linear;
-o-transition: all 0.4s linear; }
.boder_left { width: 2px; height: 0%; left: 0px; bottom: 0px;
transition: all 0.4s linear;
-webkit-transition: all 0.4s linear;
-moz-transition: all 0.4s linear;
-ms-transition: all 0.4s linear;
-o-transition: all 0.4s linear; }
.boder_bottom { width: 0%; height: 2px; right: 0px; bottom: 0px;
transition: all 0.4s linear;
-webkit-transition: all 0.4s linear;
-moz-transition: all 0.4s linear;
-ms-transition: all 0.4s linear;
-o-transition: all 0.4s linear; }
.boder_right { width: 2px; height: 0%; right: 0px; top: 0px;
transition: all 0.4s linear;
-webkit-transition: all 0.4s linear;
-moz-transition: all 0.4s linear;
-ms-transition: all 0.4s linear;
-o-transition: all 0.4s linear; }
.history_item:hover .boder_top { width: 100%;
transition: all 0.4s linear;
-webkit-transition: all 0.4s linear;
-moz-transition: all 0.4s linear;
-ms-transition: all 0.4s linear;
-o-transition: all 0.4s linear;
cursor: default;
}
.history_item:hover .boder_left { height: 100%;
transition: all 0.4s linear;
-webkit-transition: all 0.4s linear;
-moz-transition: all 0.4s linear;
-ms-transition: all 0.4s linear;
-o-transition: all 0.4s linear;
cursor: default;
}
.history_item:hover .boder_bottom { width: 100%;
transition: all 0.4s linear;
-webkit-transition: all 0.4s linear;
-moz-transition: all 0.4s linear;
-ms-transition: all 0.4s linear;
-o-transition: all 0.4s linear;
cursor: default;
}
.history_item:hover .boder_right { height: 100%;
transition: all 0.4s linear;
-webkit-transition: all 0.4s linear;
-moz-transition: all 0.4s linear;
-ms-transition: all 0.4s linear;
-o-transition: all 0.4s linear;
cursor: default;
cursor: default;
}
.history_item { cursor: default; }
.history_item:hover .index4_box_bg { filter: alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; opacity: 1;
transition: all 0.4s linear;
-webkit-transition: all 0.4s linear;
-moz-transition: all 0.4s linear;
-ms-transition: all 0.4s linear;
-o-transition: all 0.4s linear;
cursor: default;
}
.history_more { display: block; width: 100px; height: 30px; line-height: 30px; text-align: center; margin: 0 auto; color: #fff; background: #0484cf; margin-top: 25%; }
.history_more i { margin-left: 8px; font-size: 16px; }
.history_more:hover { color: #fff; }
.history_item:hover .honor_wenzi { margin-left: 10px; color: #0484cf;
transition: all 0.4s linear;
-webkit-transition: all 0.4s linear;
-moz-transition: all 0.4s linear;
-ms-transition: all 0.4s linear;
-o-transition: all 0.4s linear;
}
.honor_wenzi { width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin-top: 0px; font-size: 18px !important; transition: all 0.4s linear;
-webkit-transition: all 0.4s linear;
-moz-transition: all 0.4s linear;
-ms-transition: all 0.4s linear;
-o-transition: all 0.4s linear;
cursor: default; }
/*****历史发展******/
/********公司治理*****/
.investor { width: 100%; padding-top: 30px; }
.inv_tleft { width: 50%; float: left; }
.inv_tright { width: 50%; float: left; background-color: #f8f8f8; padding: 35px; position: relative; }
.inv_tright h4 { font-size: 18px; color: #0484cf; line-height: 32px; margin-bottom: 5px; }
.inv_tright p { line-height: 24px; color: #666; height: 70px; overflow: hidden; width: 90%; }
.inv_more { display: block; margin-top: 20px; color: #0484cf; position: relative; }
.inv_more i { margin-right: 8px; }
.inv_rimg { position: absolute; top: 38%; right: 5.5%; }
.inv_tleftimg { overflow: hidden; }
.inv_tleftimg img { transition: all .7s linear; -webkit-transition: all .7s linear; -moz-transition: all .7s linear; -ms-transition: all .7s linear; -o-transition: all .7s linear; }
.inv_top:hover .inv_tleftimg img { transform: scale(1.1);
-webkit-transform: scale(1.05);
-moz-transform: scale(1.05);
-o-transform: scale(1.05);
-ms-transform: scale(1.05);
}
.inv_top:hover .inv_more { margin-left: 15px; }
.inv_mian { margin-top: 30px; }
.inv_mian ul li { width: 100%; }
.inv_mainup { float: left; width: 25%; padding: 30px 0px; }
.inv_mainup img { display: block; margin: 0 auto; }
.inv_mainuw { float: left; width: 75%; padding: 30px 0px; }
.inv_mainuw h4 { line-height: 24px; margin-bottom: 10px; width: 90%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.inv_mainuw p { line-height: 24px; color: #666; width: 90%; height: 55px; overflow: hidden; }
.inv_maincon { position: relative; width: 100%; z-index: 10; }
.inv_bg { position: absolute; left: 0px; bottom: 0px; width: 100%; height: 0%; background-color: #f8f8f8; z-index: -1; filter: alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; }
.inv_bgnext { position: absolute; top: 38%; right: 2%; filter: alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; }
.inv_maincon:hover .inv_bg { width: 100%; height: 100%; filter: alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; opacity: 1;
transition: all .3s linear; -webkit-transition: all .3s linear; -moz-transition: all .3s linear; -ms-transition: all .3s linear; -o-transition: all .3s linear; }
.inv_maincon:hover .inv_bgnext { filter: alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; opacity: 1;
transition: all .5s linear; -webkit-transition: all .5s linear; -moz-transition: all .5s linear; -ms-transition: all .5s linear; -o-transition: all .5s linear;
}
.inv_maincon:hover .inv_mainuw h4 { color: #0484cf; transition: all .5s linear; -webkit-transition: all .5s linear; -moz-transition: all .5s linear; -ms-transition: all .5s linear; -o-transition: all .5s linear; }
.inv_maincon:hover { cursor: pointer; }
/********公司治理*****/
/*******企业文化*****/
.culture_box { width: 100%; padding-top: 30px; }
.cul_act { width: 150px; height: 32px; line-height: 32px; text-align: center; background-color: #0484cf; }
.cul_act a { color: #fff !important; }
.culture_item { }
.culture_img { position: relative; width: 94%; margin: 0 auto; overflow: hidden; }
.culture_img img { transition: all 0.4s linear;
-webkit-transition: all 0.4s linear;
-moz-transition: all 0.4s linear;
-ms-transition: all 0.4s linear;
-o-transition: all 0.4s linear; }
.culture_title { position: absolute; width: 100%; line-height: 42px; bottom: 0px; left: 0px; color: #fff; text-align: center; font-size: 16px; background: rgba(4, 132, 207, 0.8);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#c80484cf, endColorstr=#c80484cf); }
.culture_wen { width: 100%; height: 80px; border-left: 1px solid #ccc; margin-top: 10px; }
.culture_wen2 { width: 100%; height: 80px; border-left: 1px solid #ccc; border-right: 1px solid #ccc; margin-top: 10px; }
.culture_wen p { padding: 15px 20px; font-size: 14px; color: #666; line-height: 24px; text-align: center; transition: all 0.4s linear;
-webkit-transition: all 0.4s linear;
-moz-transition: all 0.4s linear;
-ms-transition: all 0.4s linear;
-o-transition: all 0.4s linear; }
.culture_item:hover .culture_img img { transform: scale(1.05);
-webkit-transform: scale(1.05);
-moz-transform: scale(1.05);
-o-transform: scale(1.05);
-ms-transform: scale(1.2);
transition: all 0.4s linear;
-webkit-transition: all 0.4s linear;
-moz-transition: all 0.4s linear;
-ms-transition: all 0.4s linear;
-o-transition: all 0.4s linear; }
.culture_item:hover .culture_wen p { color: #0484cf; transition: all 0.4s linear;
-webkit-transition: all 0.4s linear;
-moz-transition: all 0.4s linear;
-ms-transition: all 0.4s linear;
-o-transition: all 0.4s linear; }
.culture_main { margin: 0px 15px; }
.culture_main .col-lg-3 { padding-left: 0px; padding-right: 0px; }
/*******企业文化*****/
/****proist*********/
.shejibox { padding-bottom: 20px; border-bottom: 1px solid #0484cf; margin-bottom: 30px; }
.sheji_img { border-bottom: 5px solid #ccc; border-right: 5px solid #ccc; overflow: hidden; transition: all .7s linear; -webkit-transition: all .7s linear; -moz-transition: all .7s linear; -ms-transition: all .7s linear; -o-transition: all .7s linear; }
.sheji_img img { transition: all .7s linear; -webkit-transition: all .7s linear; -moz-transition: all .7s linear; -ms-transition: all .7s linear; -o-transition: all .7s linear; }
.sheji_img img:hover { transform: scale(1.1);
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
-o-transform: scale(1.1);
-ms-transform: scale(1.1); transition: all .7s linear; -webkit-transition: all .7s linear; -moz-transition: all .7s linear; -ms-transition: all .7s linear; -o-transition: all .7s linear; }
.sheji_img:hover { border-bottom: 5px solid #0484cf; border-right: 5px solid #0484cf; }
.sheji_wen p { }
.sheji_wen1 { font-size: 18px; padding-right: 15px; }
.sheji_wen2 { font-size: 16px; padding-left: 10px; }
.sheji_wenzi { margin-top: 30px; font-size: 16px; line-height: 26px; padding-bottom: 10px; border-bottom: 2px solid #ccc; }
.sheji_wenzi2 { margin-top: 8px; }
.sheji_wenzi2 h4 { font-size: 14px; font-weight: bold; line-height: 24px; color: #0484cf; }
.sheji_wenzi2 span { font-size: 14px; font-weight: bold; line-height: 24px; color: #0484cf; }
.sheji_wenzi2 p { font-size: 14px; line-height: 24px; }
.shejiwarp { padding-bottom: 80px; }
.sheji_fonts { text-align: center; line-height: 24px; font-size: 14px; margin-top: 5px; transition: all .7s linear; -webkit-transition: all .7s linear; -moz-transition: all .7s linear; -ms-transition: all .7s linear; -o-transition: all .7s linear; }
.sheji_picimg { overflow: hidden; }
.sheji_picimg img { transition: all .7s linear; -webkit-transition: all .7s linear; -moz-transition: all .7s linear; -ms-transition: all .7s linear; -o-transition: all .7s linear; }
.sheji_pic:hover .sheji_picimg img { transform: scale(1.1);
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
-o-transform: scale(1.1);
-ms-transform: scale(1.1); }
.sheji_pic:hover .sheji_fonts { color: #f08519; }
.sheji_wenzi span { color: #f08519; font-weight: bold; }
.prolist_box { padding: 0px 15px; }
/****proist*********/
/******导航*******/
.comm_nav3 { width: 790px; margin: 0 auto 50px auto; }
.comm_nav2 { width: 630px; margin: 0 auto 50px auto; }
.comm_nav { width: 470px; margin: 0 auto 50px auto; }
.comm_navul { text-align: center; }
.comm_navul li { margin-right: 10px; display: inline-block; }
.comm_navul li a { display: inline-block; border: 1px solid #0484cf; color: #0484cf; width: 150px; height: 32px;
line-height: 30px; text-align: center;
transition: all .4s linear; -webkit-transition: all .4s linear; -moz-transition: all .4s linear; -ms-transition: all .4s linear; -o-transition: all .4s linear; font-size: 14px; }
.comm_navul li a:hover { display: block; background: #0484cf; color: #fff; }
/*********/
.product_huan { position: relative; margin-top: 60px; }
/*****招聘详情****/
.zpxxnrtop_job { width: auto; height: 35px; line-height: 30px; border-bottom: 1px #ddd dashed; text-align: left; font-size: 14px; color: #333; font-weight: bold; }
.zpxxnrtop_job span { color: #dab866; font-size: 12px; }
.zpxxnrbody { width: auto; border-bottom: 1px #ddd dashed; padding-top: 20px; padding-bottom: 20px; padding-left: 12px; padding-right: 10px; }
.zpxxnrbodynr { width: 210px; height: 50px; float: left; margin-right: 30px; }
.zpxxnrbodynrs { width: auto; height: auto; }
.zpxxnrbodynrsz { width: 100px; height: 25px; line-height: 25px; font-size: 12px; float: left; color: #666; }
.zpxxnrbodynrsy { width: 110px; float: right; height: 25px; line-height: 25px; font-size: 12px; }
.zxzpnr { line-height: 25px; }
.jianli { width: 180px; height: auto; position: relative; }
.shangchuan { width: 80px; height: 23px; line-height: 23px; margin-top: 10px; right: 0px; position: absolute; border: 1px #0484cf solid; color: #25346a; text-align: center; font-size: 12px; }
.shangchuan a { color: #0484cf; }
.shangchuan a:hover { color: #fff; background: #0484cf; display: block; }
.tjl { width: 100px; height: 50px; position: absolute; left: 0px; }
.upload { }
.upload a { display: block; width: 140px; height: 32px; line-height: 32px; border: 1px solid #0484cf; background: #0484cf; text-align: center; color: #fff; float: right; margin-bottom: 20px; }
.upload a:hover { background: none; border: 1px solid #0484cf; color: #0484cf; }
/*****招聘详情****/
/*****新闻详情****/
.newsnytop { padding-top: 100px; padding-bottom: 100px; }
.xinwenny {
margin: 0 auto;
height: auto;
}
.xinwenbt {
height: 50px;
line-height: 25px;
font-size: 22px;
color: #333; letter-spacing: 1px;
text-align: center;
}
.xinwenxbt { width: 100%;
line-height: 30px;
text-align: center;
margin: 0 auto;
height: 30px;
padding-top: 10px;
font-size: 12px;
color: #333;
}
.xinwennl {
margin: 0 auto;
padding-top: 25px;
height: auto;
line-height: 30px;
font-size: 14px;
color: #666;
margin-bottom: 40px; text-indent: 2em;
}
.xinwennl p { line-height: 24px; color: #666; margin-bottom: 10px; }
.prodotwz { text-align: center; margin-bottom: 20px; line-height: 24px; font-size: 14px; }
.prodottop { border-bottom: 1px dotted #ccc; padding-bottom: 30px; }
.xinwendbzs { line-height: 24px; }
.xinwendbzx { line-height: 24px; }
.xinwendbzs a { color: #333; }
.xinwendbzx a { color: #333; }
/*****新闻详情****/
.report_wen { font-size: 16px !important; width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.repotr_text { width: 45% !important; }
/*******发展历史*********/
/*******发展历史*********/
.history { margin-top: 30px; }
.his_pic { width: 35%; float: left; background: url(hisbg1.html) no-repeat top center; margin-top: 20px }
.his_picimg { width: 90%; margin: 0px auto 0px auto; position: relative; overflow: hidden; }
.his_picimg:after { content: "";
position: absolute;
background-size: 100% 100%;
height: 25%;
width: 100%;
bottom: -1px;
display: block;
background-repeat: no-repeat;
background-image: url(hisbg2.html);
}
.his_wen { width: 65%; float: left; padding-left: 5%; padding-top: 20px; }
.his_wentitle { width: 100%; height: 22px; }
.his_wendate { font-size: 34px; float: right; line-height: 28px; color: #666767; font-family: Arial, Helvetica, sans-serif; }
.his_wentitle01 { font-size: 20px; float: left; padding-left: 28px; line-height: 24px; color: #0484cf; position: relative; transition: all .5s linear; -webkit-transition: all .5s linear; -moz-transition: all .5s linear; -ms-transition: all .5s linear; -o-transition: all .5s linear; }
.his_wentitle01 span { font-family: Georgia, "Times New Roman", Times, serif; cursor: default }
.his_line { width: 100%; background: url(hisline.html) no-repeat; height: 25px; }
.his_wen > p { font-size: 13px; line-height: 20px; margin-left: 10px; padding-left: 30px; padding-right: 10px; margin-bottom: 20px; }
.his_wen p a { font-size: 20px; color: #333; }
.zhankai { display: none; margin-bottom: 20px; }
.zhankai p { font-size: 13px; line-height: 24px; padding-left: 30px; margin-left: 10px; }
.dj { margin-bottom: 20px !important; position: relative; padding-left: 30px !important; cursor: pointer !important; }
.dj:hover { color: #0484cf !important; }
.dj:before { position: absolute; left: 0; top: 0px; font-size: 16px; color: #fff; content: '+'; background: #0484cf; padding: 2px 5px; }
.his_picimg img { transition: all .5s linear; -webkit-transition: all .5s linear; -moz-transition: all .5s linear; -ms-transition: all .5s linear; -o-transition: all .5s linear; }
.history ul li:hover .his_picimg img { transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); cursor: default }
.history ul li:hover .his_wen p { color: #333; cursor: default }
.history ul li:hover .his_wentitle01 { margin-left: 10px; cursor: default }
.his_wen { cursor: default }
.news_warp { cursor: default }
.his_pic, .history ul li { cursor: default }
.his_top {
width: 100%;
display: inline-block;
}
.his_top_ri {
width: 70%;
margin: 0px auto;
}
.his_top_ri ul li {
float: left;
width: 25%;
text-align: center;
background: #eaeaea;
height: 50px;
line-height: 50px;
border-left: 1px solid #fff;
font-size: 15px;
color: #666;
font-weight: 600;
cursor: pointer;
transition: all .5s linear;
-webkit-transition: all .5s linear;
-moz-transition: all .5s linear;
-ms-transition: all .5s linear;
-o-transition: all .5s linear;
}
.his_wz {
display: inline-block;
border-top: 1px solid #e8e8e8;
padding-top: 20px;
}
.his_cont_left { width: 30%; float: left; margin-top: 20px }
.his_cont_left h2 {
width: 90%;
margin: 0px auto;
color: #0685cf;
font-weight: 600;
font-size: 35px;
}
.his_cont_left:hover .his_picimg img {
transform: scale(1.1);
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
-ms-transform: scale(1.1);
-o-transform: scale(1.1);
cursor: default
}
.his_cont {
display: none;
opacity: 0;
transition: all .5s linear;
-webkit-transition: all .5s linear;
-moz-transition: all .5s linear;
-ms-transition: all .5s linear;
-o-transition: all .5s linear;
}
.his_cont_left > div {
background: url('hisbg1.html') no-repeat top center;
padding-top: 2px;
}
.his_cont_left h3 {
width: 90%;
margin: 4px auto 15px auto;
color: #0685cf;
font-size: 24px;
font-weight: 500;
}
.his_cont_left h4 {
width: 90%;
margin: 0px auto 15px auto;
color: #0685cf;
font-size: 20px;
font-weight: 500;
}
.his_cont_right {
width: 67%;
float: right;
margin-top: 40px;
/*height: 386px;*/
/*overflow: hidden;*/
text-align: justify;
}
.his_cont_right li i {
background: url(about_icon.html) no-repeat;
background-size: 100%;
display: none;
width: 15px;
height: 15px;
position: absolute;
left: -8px;
top: 50%;
margin-top: -7.5px;
}
.his_cont_right li:hover p {
color: #000;
}
.his_cont_right li:hover i {
display: block;
}
.his_cont_right ul {
/*overflow-y: scroll;*/
width: 100%;
/*padding-right: 20px;*/
height: 100%;
}
.his_cont_right li {
position: relative;
cursor: pointer;
border-left: 1px solid #dcdcdc;
margin-left: 10px;
}
.his_cont_right li p {
font-size: 14px;
color: #666;
margin-left: 82px !important;
line-height: 25px;
padding: 3px 0 3px 10px;
/*text-indent: 2em;*/
}
.his_top_ri .choose {
background: #0685cf;
color: #ffffff;
}
.his_cont_right li span { padding: 3px 0 3px 10px; margin-left: 25px !important; font-size: 14px; color: #0685cf; font-weight: 600; }
/*///////*/
.arrow-left5 { position: absolute; top: 50% !important; font-size: 25px; z-index: 9999; left: 5px;; width: 30px; height: 30px; border: 1px solid white; border-radius: 50%;
text-align: center; line-height: 30px; background-color: white;
}
.arrow-right5 { position: absolute; right: 5px; top: 50% !important; font-size: 25px; z-index: 9999; color: black; width: 30px; height: 30px; border: 1px solid white; border-radius: 50%;
text-align: center; line-height: 30px; background-color: white;
}
.arrow-right5 i { line-height: 30px; }
.arrow-left5 i { line-height: 30px; }
.arrow-left6 { position: absolute; top: 50% !important; font-size: 25px; z-index: 9999; left: 5px;; width: 30px; height: 30px; border: 1px solid white; border-radius: 50%;
text-align: center; line-height: 30px; background-color: white;
}
.arrow-right6 { position: absolute; right: 5px; top: 50% !important; font-size: 25px; z-index: 9999; color: black; width: 30px; height: 30px; border: 1px solid white; border-radius: 50%;
text-align: center; line-height: 30px; background-color: white;
}
.arrow-right6 i { line-height: 30px; }
.arrow-left6 i { line-height: 30px; }
.arrow-left7 { position: absolute; top: 50% !important; font-size: 25px; z-index: 9999; left: 5px;; width: 30px; height: 30px; border: 1px solid white; border-radius: 50%;
text-align: center; line-height: 30px; background-color: white;
}
.arrow-right7 { position: absolute; right: 5px; top: 50% !important; font-size: 25px; z-index: 9999; color: black; width: 30px; height: 30px; border: 1px solid white; border-radius: 50%;
text-align: center; line-height: 30px; background-color: white;
}
.arrow-right7 i { line-height: 30px; }
.arrow-left7 i { line-height: 30px; }
.arrow-left8 { position: absolute; top: 50% !important; font-size: 25px; z-index: 9999; left: 5px;; width: 30px; height: 30px; border: 1px solid white; border-radius: 50%;
text-align: center; line-height: 30px; background-color: white;
}
.arrow-right8 { position: absolute; right: 5px; top: 50% !important; font-size: 25px; z-index: 9999; color: black; width: 30px; height: 30px; border: 1px solid white; border-radius: 50%;
text-align: center; line-height: 30px; background-color: white;
}
.arrow-right8 i { line-height: 30px; }
.arrow-left8 i { line-height: 30px; }
.arrow-left5:hover { background-color: #0484cf; color: white; }
.arrow-left6:hover { background-color: #0484cf; color: white; }
.arrow-left7:hover { background-color: #0484cf; color: white; }
.arrow-left8:hover { background-color: #0484cf; color: white; }
.arrow-right5:hover { background-color: #0484cf; color: white; }
.arrow-right6:hover { background-color: #0484cf; color: white; }
.arrow-right7:hover { background-color: #0484cf; color: white; }
.arrow-right8:hover { background-color: #0484cf; color: white; }
.g-wrap {
position: relative;
margin: 0 auto;
width: 1110px;
height: 100%;
overflow: hidden;
}
/* 滑块 start */
#subjects { height: 165px; background-color: #e0e2e4; }
#subjects .g-wrap a { position: absolute; top: 0; left: 100%; width: 100%; height: 100%; overflow: hidden; -webkit-opacity: 1; opacity: 1; display: block \9; -webkit-transition: left 300ms, -webkit-opacity 700ms; transition: left 300ms, opacity 700ms; }
#subjects .g-wrap .item-1 { z-index: 1; background-color: #c8c8c8; }
#subjects .g-wrap .item-2 { z-index: 2; background-color: #feda00; }
#subjects .g-wrap .item-3 { z-index: 3; background-color: #fc433e; }
#subjects .g-wrap .item-4 { z-index: 4; background-color: #223c77; }
#subjects .g-wrap a span { position: absolute; background: no-repeat 0 0; }
#subjects .g-wrap .p2 { -webkit-opacity: 0; opacity: 0; display: none \9; -webkit-transition: -webkit-opacity 400ms; transition: opacity 400ms; }
#subjects .g-wrap .item-1 .p1 { left: 0; top: 0; width: 493px; height: 165px; }
#subjects .g-wrap .item-1 .p2 { left: 276px; top: 68px; z-index: 2; width: 189px; height: 29px; }
#subjects .g-wrap .item-2 .p1 { left: 0px; top: 0px; }
#subjects .g-wrap .item-2 .p2 { left: 250px; top: 26px; }
#subjects .g-wrap .item-3 .p1 { left: 20px; top: 56px; width: 77px; height: 76px; }
#subjects .g-wrap .item-3 .p2 { left: 150px; width: 282px; height: 122px; }
#subjects .g-wrap .item-4 .p1 { left: 23px; top: 54px; width: 182px; height: 80px; }
#subjects .g-wrap .item-4 .p2 { left: 227px; top: 21px; width: 245px; height: 122px; }
/*#subjects*/
#subjects .trans a { -webkit-opacity: 0; opacity: 0; display: none \9; }
/* 逐个出现 */
#subjects .ready .item-2 { transition-delay: 150ms; -webkit-transition-delay: 150ms; -ms-transition-delay: 150ms; -moz-transition-delay: 150ms; }
#subjects .ready .item-3 { transition-delay: 150ms; -webkit-transition-delay: 300ms; -ms-transition-delay: 300ms; -moz-transition-delay: 300ms; }
#subjects .ready .item-4 { transition-delay: 150ms; -webkit-transition-delay: 450ms; -ms-transition-delay: 450ms; -moz-transition-delay: 450ms; }
/* 没有指向 */
#subjects .state-0 .item-1 { left: 0; }
#subjects .state-0 .item-2 { left: 340px; }
#subjects .state-0 .item-3 { left: 617px; }
#subjects .state-0 .item-4 { left: 793px; }
/* 指向第一个 */
#subjects .state-1 .item-1 { left: 0; }
#subjects .state-1 .item-2 { left: 492px; }
#subjects .state-1 .item-3 { left: 705px; }
#subjects .state-1 .item-4 { left: 917px; }
#subjects .state-1 .item-1 .p2 { -webkit-opacity: 1; opacity: 1; display: block \9; }
/* 指向第二个 */
#subjects .state-2 .item-1 { left: 0; }
#subjects .state-2 .item-2 { left: 212px; }
#subjects .state-2 .item-3 { left: 705px; }
#subjects .state-2 .item-4 { left: 917px; }
#subjects .state-2 .item-2 .p2 { -webkit-opacity: 1; opacity: 1; display: block \9; }
/* 指向第三个 */
#subjects .state-3 .item-1 { left: 0; }
#subjects .state-3 .item-2 { left: 212px; }
#subjects .state-3 .item-3 { left: 425px; }
#subjects .state-3 .item-4 { left: 917px; }
#subjects .state-3 .item-3 .p2 { -webkit-opacity: 1; opacity: 1; display: block \9; }
/* 指向第四个 */
#subjects .state-4 .item-1 { left: 0; }
#subjects .state-4 .item-2 { left: 212px; }
#subjects .state-4 .item-3 { left: 425px; }
#subjects .state-4 .item-4 { left: 637px; }
#subjects .state-4 .item-4 .p2 { -webkit-opacity: 1; opacity: 1; display: block \9; }
/* 滑块 end */
.backtop .footerlink { font-size: 12px; float: left; padding-right: 10px; color: #666; line-height: 30px; position: relative; padding-left: 10px; }
.backtop .footerlink:after { position: absolute; top: 8px; right: 0px; width: 1px; height: 16px; background: #999; content: ""; }
.backtop .footerlast:after { background: none; }
.backtop .footerlink:hover { color: #0484cf; }
.chuxian { }
.sec1_left ul li { position: relative }
.sec1_left ul li:after { position: absolute; top: 108%; left: 50%; width: 1px; height: 40px; background: #0484cf; content: ""; filter: alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0;
transition: all 0.4s linear;
-webkit-transition: all 0.4s linear;
-moz-transition: all 0.4s linear;
-ms-transition: all 0.4s linear;
-o-transition: all 0.4s linear; }
.sec1_left ul li:hover:after { opacity: 1;
transition: all 0.4s linear;
-webkit-transition: all 0.4s linear;
-moz-transition: all 0.4s linear;
-ms-transition: all 0.4s linear;
-o-transition: all 0.4s linear; }
/********生产基地详情*****/
.baselist_warp { margin-top: 40px; }
.baselist_box { }
.baselist_box h4 { font-size: 26px; line-height: 32px; color: #0484cf; position: relative; padding-bottom: 10px; margin-bottom: 15px; }
/*.baselist_box h4:after{position:absolute; bottom:0px; left:0px; width:30px; height:2px; background-color:#B7B7B7; content:"";}*/
.baselist_box p { line-height: 24px; font-size: 14px; }
/********联系我们******/
.conmwen { margin-top: 10px; }
.conmwen h4 { margin-bottom: 25px; font-size: 14px;
line-height: 24px; }
.conmain_top { padding-top: 40px; background: url(conbg.html) no-repeat center top; background-size: cover; height: auto; margin-left: 0px; margin-right: 0px; padding-bottom: 20px; padding-left: 20px; padding-right: 20px; }
.conm_item h4 { font-size: 14px; border-bottom: 1px solid #ffe5b9; padding-bottom: 10px; font-weight: bold; position: relative; }
.conm_item h4:after { position: absolute; content: ""; width: 60px; height: 1px; bottom: -1px; left: 0px; background-color: #f39800; }
.conm_itemleft { margin-top: 15px; }
.conm_itemleft h3 { font-size: 15px; font-weight: bold; line-height: 24px; color: #0484cf; margin-bottom: 10px; }
.conm_itemleft p { line-height: 28px; }
.conm_item02 h3 { font-size: 18px; margin-bottom: 20px; font-weight: 600; color: #0484cf; }
.conmain_top { }
.contact_center { background: #e5e5e5; margin-left: 0px; margin-right: 0px; padding-bottom: 20px; padding-top: 20px; }
.conm_item02 { }
.bt { width: 100%;
overflow: hidden;
border-bottom: 1px solid #ffe5b9;
}
.bt ul {
list-style: none;
margin: 0;
padding: 0;
}
.bt ul li {
float: left;
font-size: 15px;
font-weight: bold;
cursor: pointer;
margin-right: 35px;
padding-bottom: 7px;
}
.bt ul .focus { border-bottom: 1px solid #f39800; }
.contact_line { margin-bottom: 10px; padding-top: 10px; }
.conm_rit01 h5 { font-size: 15px; font-weight: bold; color: #0484cf }
.conm_ritem { margin-top: 15px; }
.conm_rit_xq { width: 100%; margin-bottom: 15px; }
.conm_rit_xq ul { float: left; width: 33.33%; }
.conm_rit_xq ul li { line-height: 24px; }
.conm_ritwo { }
.conm_ritwo span { font-size: 14px; font-weight: bold; margin-bottom: 10px; }
.conm_ritem h5 { font-size: 14px; font-weight: bold; color: #0484cf; margin-bottom: 10px; margin-top: 0px;
font-size: 18px;
margin-bottom: 20px;
font-weight: 600; }
.conm_righttwo h5 { color: #f39800; font-size: 14px; }
.conm_ritwo p { line-height: 24px; }
.conmain_bwarp { position: relative; margin-top: 100px; }
.conmain_center { margin-top: 30px; background: #f39800; filter: alpha(opacity=90); -moz-opacity: 0.9; -khtml-opacity: 0.9; opacity: 0.9;
height: 150px; position: absolute; top: -130px; left: 0px; width: 100%; z-index: 99; }
.conmain_map { width: 100%; height: 350px; border: #ccc solid 1px; }
.conmain_centerm { margin-left: 0px; margin-right: 0px; }
.conmain_cmap { width: 40%; float: left; }
.conmain_cmap { display: block; margin: 0 auto; padding-top: 10px; }
.conmain_cwen { width: 60%; float: left; padding: 20px 0px 0px 15px; }
.conmain_cwen h4 { font-size: 14px; color: #fff; margin-bottom: 10px; }
.conmain_cwen p { font-size: 12px; color: #fff; line-height: 22px; }
.conmain_centerleft { padding-top: 20px; padding-right: 15px; }
.conmain_centerleft .col-lg-4 { padding-right: 0px; }
.conmain_cpic { position: relative; }
.conmain_cbg { position: absolute; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.3); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#4c000000, endColorstr=#4c000000);
top: 0px; left: 0px; color: #fff; text-align: center; padding-top: 21%; font-size: 16px;
transition: all .6s linear; -webkit-transition: all .6s linear; -moz-transition: all .6s linear; -ms-transition: all .6s linear; -o-transition: all .6s linear;
filter: alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; }
.conmain_cp { overflow: hidden; }
.conmain_cp img { transition: all .8s linear; -webkit-transition: all .8s linear; -moz-transition: all .8s linear; -ms-transition: all .8s linear; -o-transition: all .8s linear; }
.conmain_cpic:hover .conmain_cp img { transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); }
.conmain_cpic:hover .conmain_cbg { filter: alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; }
.conm_rit01 { }
.conmain_tmain { padding-bottom: 30px; margin-top: 40px; }
/*******电子杂志*********/
.his-bg {
position: relative;
}
.his-bg .bd {
width: 960px;
margin: 0 auto;
color: #000;
overflow: hidden;
position: relative;
}
.his-bg .bd ul {
position: relative;
width: 960px;
}
.his-bg .bd li {
position: absolute;
width: 960px;
top: 0px;
left: 0px;
display: none;
}
.his-bg .bd .year {
font-size: 254px;
color: #c3a07d;
font-family: Arial;
width: 580px;
position: absolute;
top: 0px;
left: 50%;
margin-left: -290px;
text-align: center;
}
.his-bg .div-tit {
position: relative;
z-index: 3;
}
.his-bg .div-tit .en {
height: 133px;
}
.his-bg .div-tit .cn {
font-size: 18px;
}
.div-tit i {
width: 66px;
height: 3px;
background: #000;
display: block;
margin: 13px auto;
font-size: 0px;
}
.div-text {
margin: 130px auto 0px;
width: 500px;
padding-top: 50px;
}
.div-text p { line-height: 23px; color: #444; font-size: 14px; }
.his-bg .hd {
background: url(scale-bg.html) repeat-x 0px 25px;
padding: 6px 0px 15px;
position: relative;
border-bottom: 1px dotted #ccc;
margin-bottom: 35px;
}
.his-bg .hd .prev,
.his-bg .hd .next {
display: block;
width: 25px;
height: 50px;
background: url(scale-row.html) no-repeat left;
position: absolute;
top: -5px;
}
.his-bg .hd .prev:hover,
.his-bg .hd .next:hover {
opacity: 0.6;
}
.his-bg .hd .prev {
left: 0px;
}
.his-bg .hd .next {
right: 0px;
background: url(scale-row.html) no-repeat right;
}
.scale-box {
width: 846px;
margin: 0 auto;
position: relative;
}
#sc-buttom {
width: 30px;
height: 30px;
background: url(sc-bottom.html) no-repeat center;
position: absolute;
top: 2px;
left: 0px;
-moz-user-select: -moz-none;
cursor: move;
}
.scale-div {
width: 816px;
margin: 0 auto;
overflow: hidden;
height: 26px;
position: relative;
}
.scale-div ul {
position: absolute;
top: 0px;
left: 0px;
}
.scale-div li {
width: 136px;
height: 40px;
background: url(scale-li.html) no-repeat center;
float: left;
display: inline-block;
cursor: pointer;
}
.year-div {
width: 952px;
margin: 0 auto;
position: relative;
overflow: hidden;
height: 60px;
}
.year-div ul {
position: absolute;
}
.year-div li {
width: 136px;
color: #666;
text-align: center;
font-size: 18px;
line-height: 60px;
float: left;
display: inline-block;
cursor: pointer;
}
.year-div li.on {
color: #0484cf;
font-size: 24px;
}
.w1000 {
width: 960px;
margin: 0 auto;
position: relative;
}
.w960 {
width: 960px;
margin: 0 auto;
position: relative;
}
.w930 {
width: 930px;
margin: 0 auto;
position: relative;
}
.br34 {
border: 1px solid #343434;
background: #1e1e1e;
margin-top: 25px;
}
.plr98 {
padding-left: 98px;
padding-right: 98px;
}
.w800 {
width: 800px;
margin: 0 auto;
position: relative;
}
.w850 {
width: 850px;
margin: 0 auto;
}
.maga_item { border: 1px solid #e6e6e6; position: relative; margin-bottom:30px;
}
.maga_iwen { position: absolute; bottom: 5px; left: 0px; width: 100%; height: 36px; background: rgba(4, 132, 207, .9); line-height: 36px; text-align: center; color: #fff; font-size: 14px; }
.maga_iwen1 { position: absolute; bottom:0px; left: 0px; width: 10%; height: 25px; background: rgba(4, 132, 207, .9); line-height: 25px; text-align: center; color: #fff; font-size: 14px; }
.maga_iwen1 a{color: #fff}
.maga_iwen2 { position: absolute; bottom:150px; left: 16px; width: 10%; height: 25px; background: rgba(4, 132, 207, .9); line-height: 25px; text-align: center; color: #fff; font-size: 14px;margin-bottom:17px }
.maga_iwen2 a{color: #fff}
/************文化理念*******/
.cult_warp { padding-top: 40px; padding-bottom: 20px; }
.cult_item { text-align: center; border-right: 1px solid #e6e6e6; }
.cult_item h5 { font-size: 18px; color: #0484cf; padding: 10px 0px; }
.cult_item p { font-size: 14px; line-height: 24px; padding: 0px 25px; }
.cult_item2 { border-right: none; }
.cult_iimg img { transition: all .5s linear; -webkit-transition: all .5s linear; -moz-transition: all .5s linear; -ms-transition: all .5s linear; -o-transition: all .5s linear; }
.cult_item:hover .cult_iimg img { transform: translate(0, 5px);
-webkit-transform: translate(0, 5px);
-moz-transform: translate(0 ，5px);
-o-transform: translate(0, 5px);
-ms-transform: translate(0, 5px); }
.cult_iwen { transition: all .5s linear; -webkit-transition: all .5s linear; -moz-transition: all .5s linear; -ms-transition: all .5s linear; -o-transition: all .5s linear; }
.cult_iwen01 { transition: all .5s linear; -webkit-transition: all .5s linear; -moz-transition: all .5s linear; -ms-transition: all .5s linear; -o-transition: all .5s linear; }
.cult_item:hover .cult_iwen { transform: translate(0, -5px);
-webkit-transform: translate(0, -5px);
-moz-transform: translate(0, -5px);
-o-transform: translate(0, -5px);
-ms-transform: translate(0, -5px); color: #333; }
.cult_item:hover .cult_iwen01 { transform: translate(0, -5px);
-webkit-transform: translate(0, -5px);
-moz-transform: translate(0, -5px);
-o-transform: translate(0, -5px);
-ms-transform: translate(0, -5px); }
.page { margin: 0 auto; margin-top: 0px; width: 550px; }
.page a { display: block; padding: 0 20px 0 20px; height: 30px; background: #fff; float: left;
margin-right: 5px; text-align: center; line-height: 30px; color: #333; border: 1px solid #e5e5e5;
transition: color .6s, border-color .6s, background-color .6s, border .6s; }
.page .curone { background: #0484cf; color: #fff; border: 1px solid #fff; }
.page a:hover { background: #0484cf; color: #fff; transition: color .6s, border-color .6s, background-color .6s, border .6s; border: 1px solid #0484cf; }
/******领导谈文化********/
.lead_warp { padding-top: 30px; }
.foun_title { font-size: 21px; color: #00a0e9; letter-spacing: 2px; }
.foun_top { border-bottom: 1px dotted #e5e5e5; padding-bottom: 20px; }
.foun_twen { font-size: 14px; line-height: 24px; width: 90%; margin: 0px; }
.foun_tname { font-size: 20px; color: #00a0e9; margin-bottom: 25px; }
.foun_top .col-lg-4 { padding-left: 0px; }
.foun_bottom { padding-top: 30px; }
.lead_wen h5 { font-size: 14px; font-weight: bold; margin-bottom: 12px; position: relative; padding-bottom: 8px; }
.lead_wen h5:after { position: absolute; bottom: 0px; left: 0px; width: 28px; height: 2px; background-color: #0484cf; content: ""; }
.lead_wen p { font-size: 12px; line-height: 24px; margin-bottom: 10px; }
.lead_wentwo { padding-top: 20px; padding-bottom: 30px; }
.lead_wentwo h5 { font-size: 14px; font-weight: bold; margin-bottom: 12px; position: relative; padding-bottom: 8px; }
.lead_wentwo h5:after { position: absolute; bottom: 0px; left: 0px; width: 28px; height: 2px; background-color: #0484cf; content: ""; }
.lead_wentwo p { font-size: 12px; line-height: 24px; margin-bottom: 10px; }
.lead_pic { width: 100%; background-color: #0484cf; margin-left: 20px; margin-top: 45px; }
.lead_pic img { position: relative;
right: 25px;
bottom: 25px;
transition: all 0.5s linear;
-moz-transition: all 0.5s linear;
-ms-transition: all 0.5s linear;
-o-transition: all 0.5s linear;
-webkit-transition: all 0.5s linear; }
.lead_pic img:hover { right: 0px; bottom: 0px; }
.lead_wenbox { padding-left: 40px; padding-right: 0px; }
/******领导谈文化********/
/******企业荣誉*****/
.dashiji { }
.cd-horizontal-timeline {
opacity: 0;
margin: 30px auto;
-webkit-transition: opacity 0.2s;
-moz-transition: opacity 0.2s;
transition: opacity 0.2s;
}
.cd-horizontal-timeline::before {
/* never visible - this is used in jQuery to check the current MQ */
content: 'mobile';
display: none;
}
.cd-horizontal-timeline.loaded {
/* show the timeline after events position has been set (using JavaScript) */
opacity: 1;
}
.cd-horizontal-timeline .timeline {
position: relative;
height: 100px;
width: 95%;
float: left;
}
.cd-horizontal-timeline .events-wrapper {
position: relative;
height: 100%;
margin: 0 40px;
overflow: hidden;
}
.cd-horizontal-timeline .events-wrapper::after, .cd-horizontal-timeline .events-wrapper::before {
/* these are used to create a shadow effect at the sides of the timeline */
content: '';
position: absolute;
z-index: 2;
top: 0;
height: 100%;
width: 20px;
}
.cd-horizontal-timeline .events-wrapper::before {
left: 0;
background-image: -webkit-linear-gradient(left, #f8f8f8, rgba(248, 248, 248, 0));
background-image: linear-gradient(to right, #f8f8f8, rgba(248, 248, 248, 0));
}
.cd-horizontal-timeline .events-wrapper::after {
right: 0;
background-image: -webkit-linear-gradient(right, #f8f8f8, rgba(248, 248, 248, 0));
background-image: linear-gradient(to left, #f8f8f8, rgba(248, 248, 248, 0));
}
.cd-horizontal-timeline .events {
/* this is the grey line/timeline */
position: absolute;
z-index: 1;
left: 0;
top: 49px;
height: 2px;
/* width will be set using JavaScript */
background: #dfdfdf;
-webkit-transition: -webkit-transform 0.4s;
-moz-transition: -moz-transform 0.4s;
transition: transform 0.4s;
}
.cd-horizontal-timeline .filling-line {
position: absolute;
z-index: 1;
left: 0;
top: 0;
height: 100%;
width: 100%;
background-color: #f39800;
-webkit-transform: scaleX(0);
-moz-transform: scaleX(0);
-ms-transform: scaleX(0);
-o-transform: scaleX(0);
transform: scaleX(0);
-webkit-transform-origin: left center;
-moz-transform-origin: left center;
-ms-transform-origin: left center;
-o-transform-origin: left center;
transform-origin: left center;
-webkit-transition: -webkit-transform 0.3s;
-moz-transition: -moz-transform 0.3s;
transition: transform 0.3s;
}
.cd-horizontal-timeline .events a {
position: absolute;
bottom: 0;
z-index: 2;
text-align: center;
font-size: 1.3rem;
padding-bottom: 15px;
color: #383838;
text-decoration: none;
/* fix bug on Safari - text flickering while timeline translates */
-webkit-transform: translateZ(0);
-moz-transform: translateZ(0);
-ms-transform: translateZ(0);
-o-transform: translateZ(0);
transform: translateZ(0);
}
.cd-horizontal-timeline .events a::after {
/* this is used to create the event spot */
content: '';
position: absolute;
left: 50%;
right: auto;
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
-ms-transform: translateX(-50%);
-o-transform: translateX(-50%);
transform: translateX(-50%);
bottom: -5px;
height: 12px;
width: 12px;
border-radius: 50%;
border: 2px solid #dfdfdf;
background-color: #f8f8f8;
-webkit-transition: background-color 0.3s, border-color 0.3s;
-moz-transition: background-color 0.3s, border-color 0.3s;
transition: background-color 0.3s, border-color 0.3s;
}
.no-touch .cd-horizontal-timeline .events a:hover::after {
background-color: #f39800;
border-color: #f39800;
}
.cd-horizontal-timeline .events a.selected {
pointer-events: none;
}
.cd-horizontal-timeline .events a.selected::after {
background-color: #f39800;
border-color: #f39800;
}
.cd-horizontal-timeline .events a.older-event::after {
border-color: #f39800;
}
@media only screen and (min-width: 1100px) {
.cd-horizontal-timeline {
margin: 30px auto;
}
.cd-horizontal-timeline::before {
/* never visible - this is used in jQuery to check the current MQ */
content: 'desktop';
}
}
.cd-timeline-navigation a {
/* these are the left/right arrows to navigate the timeline */
position: absolute;
z-index: 1;
top: 50%;
bottom: auto;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
height: 34px;
width: 34px;
border-radius: 50%;
border: 2px solid #dfdfdf;
/* replace text with an icon */
overflow: hidden;
color: transparent;
text-indent: 100%;
white-space: nowrap;
-webkit-transition: border-color 0.3s;
-moz-transition: border-color 0.3s;
transition: border-color 0.3s;
}
.cd-timeline-navigation a::after {
/* arrow icon */
content: '';
position: absolute;
height: 16px;
width: 16px;
left: 50%;
top: 50%;
bottom: auto;
right: auto;
-webkit-transform: translateX(-50%) translateY(-50%);
-moz-transform: translateX(-50%) translateY(-50%);
-ms-transform: translateX(-50%) translateY(-50%);
-o-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%);
background: url(cd-arrow.html) no-repeat 0 0;
}
.cd-timeline-navigation a.prev {
left: 0;
-webkit-transform: translateY(-50%) rotate(180deg);
-moz-transform: translateY(-50%) rotate(180deg);
-ms-transform: translateY(-50%) rotate(180deg);
-o-transform: translateY(-50%) rotate(180deg);
transform: translateY(-50%) rotate(180deg);
}
.cd-timeline-navigation a.next {
right: 0;
}
.no-touch .cd-timeline-navigation a:hover {
border-color: #f39800;
}
.cd-timeline-navigation a.inactive {
cursor: not-allowed;
}
.cd-timeline-navigation a.inactive::after {
background-position: 0 -16px;
}
.no-touch .cd-timeline-navigation a.inactive:hover {
border-color: #dfdfdf;
}
.cd-horizontal-timeline .events-content {
position: relative;
width: 100%;
margin: 2em 0;
overflow: hidden;
-webkit-transition: height 0.4s;
-moz-transition: height 0.4s;
transition: height 0.4s;
}
.cd-horizontal-timeline .events-content li {
position: absolute;
z-index: 1;
width: 100%;
left: 0;
top: 0;
-webkit-transform: translateX(-100%);
-moz-transform: translateX(-100%);
-ms-transform: translateX(-100%);
-o-transform: translateX(-100%);
transform: translateX(-100%);
padding: 0 5%;
opacity: 0;
-webkit-animation-duration: 0.4s;
-moz-animation-duration: 0.4s;
animation-duration: 0.4s;
-webkit-animation-timing-function: ease-in-out;
-moz-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
.cd-horizontal-timeline .events-content li.selected {
/* visible event content */
position: relative;
z-index: 2;
opacity: 1;
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0);
}
.cd-horizontal-timeline .events-content li.enter-right, .cd-horizontal-timeline .events-content li.leave-right {
-webkit-animation-name: cd-enter-right;
-moz-animation-name: cd-enter-right;
animation-name: cd-enter-right;
}
.cd-horizontal-timeline .events-content li.enter-left, .cd-horizontal-timeline .events-content li.leave-left {
-webkit-animation-name: cd-enter-left;
-moz-animation-name: cd-enter-left;
animation-name: cd-enter-left;
}
.cd-horizontal-timeline .events-content li.leave-right, .cd-horizontal-timeline .events-content li.leave-left {
-webkit-animation-direction: reverse;
-moz-animation-direction: reverse;
animation-direction: reverse;
}
.cd-horizontal-timeline .events-content li > * {
margin: 0 auto;
}
.cd-horizontal-timeline .events-content h2 {
font-weight: bold;
font-size: 2.6rem;
font-weight: 700;
line-height: 1.2;
}
.cd-horizontal-timeline .events-content em {
display: block;
font-style: italic;
margin: 10px auto;
}
.cd-horizontal-timeline .events-content p {
font-size: 13px;
color: rgba(108, 112, 115, 1);
}
.cd-horizontal-timeline .events-content em, .cd-horizontal-timeline .events-content p {
line-height: 32px;
}
@-webkit-keyframes cd-enter-right {
0% {
opacity: 0;
-webkit-transform: translateX(100%);
}
100% {
opacity: 1;
-webkit-transform: translateX(0%);
}
}
@-moz-keyframes cd-enter-right {
0% {
opacity: 0;
-moz-transform: translateX(100%);
}
100% {
opacity: 1;
-moz-transform: translateX(0%);
}
}
@keyframes cd-enter-right {
0% {
opacity: 0;
-webkit-transform: translateX(100%);
-moz-transform: translateX(100%);
-ms-transform: translateX(100%);
-o-transform: translateX(100%);
transform: translateX(100%);
}
100% {
opacity: 1;
-webkit-transform: translateX(0%);
-moz-transform: translateX(0%);
-ms-transform: translateX(0%);
-o-transform: translateX(0%);
transform: translateX(0%);
}
}
@-webkit-keyframes cd-enter-left {
0% {
opacity: 0;
-webkit-transform: translateX(-100%);
}
100% {
opacity: 1;
-webkit-transform: translateX(0%);
}
}
@-moz-keyframes cd-enter-left {
0% {
opacity: 0;
-moz-transform: translateX(-100%);
}
100% {
opacity: 1;
-moz-transform: translateX(0%);
}
}
@keyframes cd-enter-left {
0% {
opacity: 0;
-webkit-transform: translateX(-100%);
-moz-transform: translateX(-100%);
-ms-transform: translateX(-100%);
-o-transform: translateX(-100%);
transform: translateX(-100%);
}
100% {
opacity: 1;
-webkit-transform: translateX(0%);
-moz-transform: translateX(0%);
-ms-transform: translateX(0%);
-o-transform: translateX(0%);
transform: translateX(0%);
}
}
/*********企业荣誉*****/
/***********学习与发展****/
.study_item { margin-bottom: 20px; }
.study_ititle { font-size: 16px; color: #0484cf; margin-bottom: 10px; }
.study_ititle i { margin-right: 8px; }
.study_item p { line-height: 24px; width: 96%; margin-bottom: 6px; }
.study_text p { width: 100%; line-height: 24px; color: #666; }
/*********文化与福利******/
.weltop { width: 100%; background: url(welbg.html) no-repeat center; padding: 60px 0px; margin-top: 60px; }
.weltop { width: 100%; background: url(welbg.html) no-repeat center; padding: 60px 0px; margin-top: 60px; }
.weltopwen { width: 50%; padding: 0px 15px; font-size: 14px; line-height: 24px; }
.wel_bwen { padding: 30px 30px 30px 30px; position: relative; }
.wel_bwen h5 { font-size: 16px; color: #333; font-weight: bold; position: relative; padding-bottom: 10px; }
.wel_bwen h5:after { position: absolute; bottom: 0px; left: 0px; width: 15px; height: 2px; background-color: #fafafa; content: ""; }
.wel_bwen p { font-size: 14px; line-height: 24px; color: #888; }
.wel_bshu { display: inline-block;
font-size: 145px;
line-height: 126px;
color: #fff;
position: absolute;
right: 25px;
bottom: -63px;
font-family: Arial, Helvetica, sans-serif;
}
/***人才招聘***/
.join_mtop { width: 100%; border-bottom-right-radius: 50px; overflow: hidden; box-shadow: 0 0 8px #ccc; -webkit-box-shadow: 0 0 8px #ccc; -moz-box-shadow: 0 0 8px #ccc; -ms-box-shadow: 0 0 8px #ccc; -o-box-shadow: 0 0 8px #ccc; }
.join_mtleft { width: 50%; background-color: #0484cf; float: left; padding: 15px 0px 0px 55px; color: #fff; }
.join_mtleft h4 { font-size: 16px; line-height: 28px; padding-bottom: 10px; position: relative; margin-bottom: 10px; font-weight: bold; }
.join_mtleft h4:after { position: absolute; bottom: 0px; left: 0px; background-color: #fff; width: 18px; height: 2px; content: ""; }
.join_mtleft p { width: 90%; line-height: 24px; margin-bottom: 10px; }
.join_mtleft ul { margin-bottom: 10px; }
.join_mtleft ul li { line-height: 24px; font-size: 14px; }
.join_mtright { width: 50%; float: left; }
.enjoy img { display: block; margin: -70px auto 0px auto; position: relative; z-index: 20; }
.recitem { margin-top: 20px; position: relative; }
.xsry { font-size: 18px; color: #0484cf; font-weight: 600; }
.zptj p { line-height: 24px; }
.recmore { margin-top: 30px; position: relative; float: right; margin-right: 50px; }
.recmore a { display: block; width: 180px; height: 40px; line-height: 40px; border: 1px solid #0484cf; text-align: center; font-size: 12px; text-transform: uppercase; color: #0484cf; }
.recmore a:hover { background: #0484cf; color: #fff; border: 2px solid #0484cf; }
.margin30 { margin-top: 30px; }
.recitem { border-bottom: 1px dotted #ccc; padding-bottom: 20px; }
.recimg { border: 1px solid #fff; position: relative; }
.recwarp { position: relative; }
.zpgw { margin-bottom: 5px; }
.zptj { float: left; width: 65%; }
.recmore i { margin-right: 8px; }
/***人才招聘***/
/******产品与市场****/
.join_last { margin-top: -20px; }
.brandbox { margin-bottom: 27px; position: relative }
.brandbox img { display: block }
.col-4 .brandbox { height: 300px; margin-bottom: 27px }
.col-3 .brandbox { height: 260px }
.brandbox ul { margin-bottom: 0 }
.brandbox li { float: left; margin: 0; overflow: hidden; position: relative }
.brandbox li > div { border-radius: 4px; margin: 0 10px 10px 0; overflow: hidden; position: relative }
.brandbox li .img { float: right; position: relative; right: 50% }
.brandbox li .img, .brandbox li img { min-width: 100% }
.brandbox li .video a:before { display: block; width: 20px; height: 18px; background-image: url(icons.html); background-position: 0 -260px; position: absolute; left: 6px; top: 7px; content: ''; z-index: 1 }
.brandbox li a:after { background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0.5) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(100%, rgba(0, 0, 0, 0.5))); background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0.5) 100%); background: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0.5) 100%); background: -ms-linear-gradient(top, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0.5) 100%); background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0.5) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#a6000000', GradientType=0); border-radius: 4px; bottom: 0; content: ''; height: 70px; position: absolute; right: 0; width: 100% }
.brandbox li a .span { bottom: 10px; color: #fff; display: block; font-size: 16px; padding-left: 10px; position: absolute; right: 20px; text-align: right; text-shadow: 1px 1px 2px #333; z-index: 1; -webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -ms-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; transition: all .2s ease-in-out }
.brandbox li a .span * { color: #fff; font-size: 16px; text-shadow: 1px 1px 2px #333; margin: 0; padding: 0 }
.brandbox li a .span:after { content: '>'; font-size: 18px; margin-bottom: -1px; position: absolute; right: -12px; bottom: 0 }
.brandbox div.more { bottom: auto !important; min-width: 0; position: absolute; left: 100% !important; top: 0 !important; z-index: 1; right: auto !important; height: 300px; width: 178px; -webkit-box-shadow: inset 10px 10px 140px 4px rgba(0, 0, 0, 0.16); -moz-box-shadow: inset 10px 10px 140px 4px rgba(0, 0, 0, 0.16); box-shadow: inset 10px 10px 140px 4px rgba(0, 0, 0, 0.16); margin-left: 100%; -moz-transform: translateX(-100%); -webkit-transform: translateX(-100%); -o-transform: translateX(-100%); -ms-transform: translateX(-100%); transform: translateX(-100%); -webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; transition: all .2s ease-in-out }
.col-3 .brandbox div.more { width: 130px }
.brandbox .blue div.more { background: #00acee; background: -moz-linear-gradient(top, #00acee 0, #00abee 50%, #0086e7 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #00acee), color-stop(50%, #00abee), color-stop(100%, #0086e7)); background: -webkit-linear-gradient(top, #00acee 0, #00abee 50%, #0086e7 100%); background: -o-linear-gradient(top, #00acee 0, #00abee 50%, #0086e7 100%); background: -ms-linear-gradient(top, #00acee 0, #00abee 50%, #0086e7 100%); background: linear-gradient(to bottom, #00acee 0, #00abee 50%, #0086e7 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00acee', endColorstr='#0086e7', GradientType=0) }
.brandbox .orange div.more { background: #e36c02; background: -moz-linear-gradient(top, #e36c02 0, #e46e02 50%, #d83c01 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #e36c02), color-stop(50%, #e46e02), color-stop(100%, #d83c01)); background: -webkit-linear-gradient(top, #e36c02 0, #e46e02 50%, #d83c01 100%); background: -o-linear-gradient(top, #e36c02 0, #e46e02 50%, #d83c01 100%); background: -ms-linear-gradient(top, #e36c02 0, #e46e02 50%, #d83c01 100%); background: linear-gradient(to bottom, #e36c02 0, #e46e02 50%, #d83c01 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e36c02', endColorstr='#d83c01', GradientType=0) }
.brandbox .green div.more { background: #58a518; background: -moz-linear-gradient(top, #58a518 0, #58a618 50%, #317e0d 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #58a518), color-stop(50%, #58a618), color-stop(100%, #317e0d)); background: -webkit-linear-gradient(top, #58a518 0, #58a618 50%, #317e0d 100%); background: -o-linear-gradient(top, #58a518 0, #58a618 50%, #317e0d 100%); background: -ms-linear-gradient(top, #58a518 0, #58a618 50%, #317e0d 100%); background: linear-gradient(to bottom, #58a518 0, #58a618 50%, #317e0d 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#58a518', endColorstr='#317e0d', GradientType=0) }
.brandbox .purple div.more { background: #a40a61; background: -moz-linear-gradient(top, #a40a61 0, #a60b63 50%, #7d0636 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #a40a61), color-stop(50%, #a60b63), color-stop(100%, #7d0636)); background: -webkit-linear-gradient(top, #a40a61 0, #a60b63 50%, #7d0636 100%); background: -o-linear-gradient(top, #a40a61 0, #a60b63 50%, #7d0636 100%); background: -ms-linear-gradient(top, #a40a61 0, #a60b63 50%, #7d0636 100%); background: linear-gradient(to bottom, #a40a61 0, #a60b63 50%, #7d0636 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#a40a61', endColorstr='#7d0636', GradientType=0) }
.brandbox div.more p, .brandbox div.more .p, .brandbox div.more h3, .brandbox div.more .h3, .brandbox div.more .h3 p { color: #fff }
.brandbox div.more h3, .brandbox div.more .h3, .brandbox div.more .h3 * { font-size: 15px; line-height: 19px; margin: 0; padding: 0; color: #fff !important }
.brandbox div.more .h3 { padding: 12px 12px 6px 12px }
.brandbox div.more p, .brandbox div.more .p { margin-bottom: 0 }
.brandbox div.more .p { padding: 0 12px 12px 12px }
.brandbox a:hover .span { -webkit-opacity: 0; -moz-opacity: 0; opacity: 0 }
.brandbox a:hover div.more { left: 0 !important; -webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; transition: all .2s ease-in-out; -moz-transform: translateX(-100%); -webkit-transform: translateX(-100%); -o-transform: translateX(-100%); -ms-transform: translateX(-100%); transform: translateX(-100%) }
.brandbox #bb-nav { clear: both; height: 40px; margin: 0 auto; padding-top: 10px; text-align: center; width: auto }
.brandbox #bb-nav li { background: -ms-gradient(45deg, rgba(255, 255, 255, 1) 0, rgba(255, 255, 255, 1) 82%, rgba(242, 251, 254, 1) 100%); background: -webkit-gradient(45deg, rgba(255, 255, 255, 1) 0, rgba(255, 255, 255, 1) 82%, rgba(242, 251, 254, 1) 100%); background: linear-gradient(45deg, rgba(255, 255, 255, 1) 0, rgba(255, 255, 255, 1) 82%, rgba(242, 251, 254, 1) 100%); border: 1px solid transparent; box-shadow: 1.5px 1.5px 3px 0 rgba(0, 38, 100, 0.30) !important; border-top: 0; border-left: none; border-radius: 12px; display: inline-block; float: none; margin: 0 5px; padding: 1px }
.brandbox #bb-nav li a { border-radius: 12px; display: block; height: 11px; margin: 1px 0 0 1px; outline: 0; width: 11px }
.brandbox #bb-nav li a:after { display: none }
.brandbox #bb-nav li.current a { background: #1c4792 }
.brandbox .browse-left { left: 0 }
.brandbox .browse-right { right: 0 }
.brandbox-1 li img { max-width: 1000px; position: absolute; right: -50%; width: auto; height: 100% }
.brandbox-1 li.item-1 > div { margin-right: 0; margin-bottom: 0 }
.brandbox-1 li.item-1 { width: 100% }
.brandbox-1 li.item-1 div.img { height: 300px }
.col-3 .brandbox-1 li.item-1 div.img { height: 260px }
.brandbox.slideshow { margin-bottom: 46px }
.col-3 .brandbox.slideshow { margin-bottom: 56px }
.brandbox.slideshow ul { margin-bottom: 0; margin-left: 20px; position: relative; width: 10000px }
.brandbox.slideshow .brandbox-1 { height: 300px; margin-bottom: 8px }
.col-3 .brandbox.slideshow .brandbox-1 { height: 260px }
.brandbox.slideshow .brandbox-1 li { position: static; width: 100%; float: none; margin: 0 5px !important }
.brandbox.slideshow .brandbox-1 li { display: none; width: 100% }
.brandbox.slideshow .brandbox-1 li.current { display: block }
.brandbox.slideshow li > div { margin: 0 5px !important }
.brandbox .brandbox-1 li div.more { right: auto !important; width: 100% !important; height: auto !important; top: auto !important; margin-left: 0 !important; left: 0 !important; bottom: -100% !important; font-size: 3em !important; padding-bottom: 17px; min-height: 80px; -moz-transform: translateY(100%); -webkit-transform: translateY(100%); -o-transform: translateY(100%); -ms-transform: translateY(100%); transform: translateY(100%) }
.brandbox .brandbox-1 li a:hover div.more { -moz-transform: translateY(-0%); -webkit-transform: translateY(-0%); -o-transform: translateY(-0%); -ms-transform: translateY(-0%); transform: translateY(-0%); top: auto !important; bottom: 0 !important }
.brandbox .brandbox-1 li div.more .h3, .brandbox .brandbox-1 li div.more .h3 * { font-size: 24px !important; padding: 18px 20px 0 20px }
.brandbox .brandbox-1 li div.more .p, .brandbox .brandbox-1 li div.more .p * { font-size: 16px !important; padding: 8px 20px 0 20px; font-weight: normal; line-height: 22px }
.brandbox.slideshow .brandbox-1 .img { height: 300px }
.probottom { margin-top: 30px; }
.probmain { margin-bottom: 20px; margin-left: 0px; }
.proiimg { width: 80px; float: left; }
.proiimg img { border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; }
.proiwen { float: left; padding-left: 20px; width: 77%; }
.prowen01 { font-size: 16px; color: #0484cf; margin-top: 5px; display: block; }
.proiwen p { line-height: 24px; font-size: 14px; margin: 0px; }
/*.news_warp .col-lg-3{padding-left:0px;}*/
.level2 { }
.level2 li { font-size: 14px; background: #efefef; width: 100%; height: 36px; line-height: 36px; padding-left: 30px; margin-bottom: 10px;
transition: all .4s linear; -webkit-transition: all .4s linear; -moz-transition: all .4s linear; -ms-transition: all .4s linear; -o-transition: all .4s linear; }
.level2 li a { color: #333; }
.level2 li a i { margin-left: 8px; }
.level2 li:hover { background: #0484cf; }
.level2 li:hover .promoare { color: #fff; }
.probtitle { border-bottom: none; width: 100%; background: #efefef; height: 40px; line-height: 40px; padding-left: 15px; border-top: 2px solid #0484cf; }
.probtitle ul li { font-size: 16px; }
.probtitle ul .focus { border-bottom: none; }
.prodot_warp { padding-left: 15px; }
.prodot_warp h3 { font-size: 23px; color: #0484cf; line-height: 32px; margin-bottom: 20px; }
.prodot_warp h5 { font-size: 15px; color: #f39800; font-weight: bold; position: relative; padding-bottom: 10px; margin-bottom: 15px; }
.prodot_warp h5:after { position: absolute; bottom: 0px; left: 0px; width: 15px; height: 2px; content: ""; background: #f39800; }
.prodot_warp p { line-height: 24px; margin-bottom: 10px; }
.prodot_img { margin-bottom: 10px; width: 100%; }
.prodot_img img { border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px; }
.firstactive { background-color: #0484cf !important; }
.firstactive .promoare { color: #fff; }
/******产品与市场****/
/*******社会评价*****/
.bodytxts {
width: 80%; margin: 0 auto;
line-height: 25px;
margin-top: 30px;
}
.xx { width: 100%; height: 50px; line-height: 50px; border-bottom: 1px dashed #ccc; }
.xx:hover { color: #c19500; }
.xx:hover span { color: #c19500; }
.sea-h5 {
font-size: 16px;
font-weight: 700;
}
.sea-title {
color: #59506b;
font-size: 17px;
font-weight: 700;
border-bottom: 1px solid #59506b;
}
.bodytxts a {
color: #a8a8a8;
}
.bor-bottom {
border-bottom: 1px dotted #000;
}
.searchTxt {
display: none;
border: 1 solid black;
border-width: 1px;
}
.kuang {
width: 320px;
padding: 30px;
background-color: #f6f6f7;
border: 1px solid #d2d0d7;
border-bottom: 0px;
}
.shenzheng {
margin-left: 305px;
margin-top: 150px;
position: absolute;
}
.haikou {
margin-left: 273px;
margin-top: 187px;
position: absolute;
display: none;
}
.sanya {
margin-left: 260px;
margin-top: 195px;
position: absolute;
display: none;
}
.ledong {
margin-left: 272px;
margin-top: 200px;
position: absolute;
display: none;
}
.tables {
line-height: 20px;
text-align: center;
}
.tables td {
padding: 10px;
background-color: #fdfdfd;
}
.tablestitle td {
background-color: #d6d6db;
color: #4e495d;
font-size: 14px;
}
.tables1 td {
background-color: #f7f7f8;
}
.dsjzhixiang {
float: right;
margin-right: -1px;
margin-top: 45px;
}
.dsjzhixiang1 {
float: right;
margin-right: -1px;
margin-top: 45px;
}
.dsjzhixiang2 {
float: right;
margin-right: -1px;
margin-top: 117px;
}
.dsjzhixiang3 {
float: right;
margin-right: -1px;
margin-top: 189px;
}
.dsjzhixiang4 {
float: right;
margin-right: -1px;
margin-top: 261px;
}
.dsjzhixiang5 {
float: right;
margin-right: -1px;
margin-top: 333px;
}
.dsjzhixiang6 {
float: right;
margin-right: -1px;
margin-top: 405px;
}
.dsjzhixiang7 {
float: right;
margin-right: -1px;
margin-top: 477px;
}
.dsjzhixiang8 {
float: right;
margin-right: -1px;
margin-top: 549px;
}
.dsjzhixiang9 {
float: right;
margin-right: -1px;
margin-top: 621px;
}
.dsjzhixiang10 {
float: right;
margin-right: -1px;
margin-top: 693px;
}
.dsjzhixiang11 {
float: right;
margin-right: -1px;
margin-top: 765px;
}
.dsjzhixiang12 {
float: right;
margin-right: -1px;
margin-top: 837px;
}
.dsjcon {
float: right;
}
.dsjcon1 {
background-color: #f8f8f8;
border: 1px solid #dedede;
padding: 30px;
width: 530px;
}
.dsjconBox {
display: none;
background-color: #f8f8f8;
border: 1px solid #dedede;
padding: 30px;
width: 530px;
}
.dsjcon1 {
margin-top: 0px;
}
.dsjcon2 {
margin-top: 80px;
}
.dsjcon3 {
margin-top: 132px;
}
.dsjcon4 {
margin-top: 230px;
}
.dsjcon5 {
margin-top: 295px;
}
.years {
font-size: 18px;
color: #bbbbbb;
font-family: Georgia, "Times New Roman", Times, serif;
background: url(dsj_2.html) top right repeat-y;
}
.years ul {
padding: 0px;
margin: 0px;
margin-left: 10px;
margin-right: -6px;
}
.years ul li {
padding-bottom: 46.5px;
font-size: 30px;
}
.yearsOver {
background: url(dsj_3.html) right top no-repeat;
cursor: pointer;
color: #5a546c;
}
.dutyleft { width: 11%; float: left; }
.dutyright { width: 65%; float: left; }
/*******社会评价*****/
/********安全生产*****/
.safe_warp { margin-top: 20px; }
.safe_warp .item {
width: 25%; float: left;
background: url(p_4_3.html) repeat-y 6px 0;
padding-bottom: 15px;
}
.safe_warp .item div {
padding: 5px 16px 5px 29px;
background: url(p_4_2.html) no-repeat 0 0;
}
.safe_warp .item p {
margin-top: 10px;
line-height: 22px;
color: #666;
}
.safe_warp .item .year { font-size: 16px; color: #0484cf; }
/********安全生产*****/
/**关爱员工**/
.join_one { border-bottom: 1px solid #e5e5e5; padding-bottom: 20px; }
.join_one h2 { font-size: 18px; margin-bottom: 20px; margin-top: 30px; }
.join_one p { color: #666; line-height: 24px; margin-bottom: 10px; }
.join_list { text-align: center; }
.join_list p { margin-top: 20px; font-size: 14px; }
.join_line { padding-bottom: 30px; margin-bottom: 30px; margin-top: 60px; }
.care_img { position: relative }
.care_img:after { position: absolute; top: 50%; left: 90%; width: 100px; height: 1px; background: #e5e5e5; content: ""; margin-left: 0px; }
.join_last:after { background: none; }
.safe_wen { width: 100%; padding-bottom: 20px; border-bottom: 1px dotted #e5e5e5; }
.safe_wen p { line-height: 24px; font-size: 14px; margin-top: 5px; color: #666; }
/**关爱员工**/
/********伙伴责任******/
.friend_box { margin-top: 30px; }
.friend_twen { }
.friend_box h3 { font-size: 18px; color: #0484cf; line-height: 32px; margin-bottom: 6px; }
.friend_twen p { line-height: 24px; font-size: 14px; width: 70%; }
.friend_tmain { margin-top: 30px; }
.friend_tmain li { float: left; width: 33.3%; border-right: 1px solid #e5e5e5; padding-bottom: 20px; }
.fri_timg img { display: block; margin: 0 auto; }
.fri_ttitle { text-align: center; font-size: 14px; font-weight: bold; color: #0484cf; margin: 0px 0px 20px 0px; }
.fri_twen { font-size: 12px; line-height: 24px; text-align: center; width: 100%; padding: 0px 30px; color: #555; }
.friend_li { border-right: none !important; }
.friend_bottom { margin-top: 30px; }
.friend_bottomit img { display: block; margin: 0 auto; }
.friend_bottomwen01 { margin-bottom: 20px; }
.friend_bottomwen01 h4 { font-size: 14px; font-weight: bold; color: #0484cf; margin-bottom: 10px; }
.friend_bottomwen01 p { line-height: 24px; font-size: 12px; margin-bottom: 10px; }
.friend_bottomwe { margin-top: 10px; }
.friend_bottomwen { margin-top: 20px; }
/********伙伴责任******/
/******环保投入******/
.econ_twen { margin-top: 30px; width: 54%; margin-left: 10% }
.econ_twen h4 { font-size: 18px; margin-bottom: 10px; color: #0484cf; padding-bottom: 10px; position: relative; font-weight: bold; }
.econ_twen h4:after { position: absolute; bottom: 0px; left: 0px; height: 2px; width: 18px; background-color: #0484cf; content: ""; }
.econ_twen p { font-size: 15px; line-height: 28px; }
.econ_main { margin-top: 45px; }
.econ_main h4 { font-size: 18px; margin-bottom: 10px; color: #0484cf; font-weight: bold; }
.econ_ming img { display: block; margin: 0 auto; }
.econ_mwen { margin-top: 10px; }
.econ_mwen p { line-height: 24px; margin-bottom: 10px; }
/******调整******/
.twjh { width: 40%;
position: absolute;
top: 80px;
right: 30px;
overflow: hidden; }
.conm_itemleft1 { margin-top: 0 }
.cult_iwen03 { padding-right: 15px; font-size: 12px }
#lingdao { padding-top: 40px; }
.leadtext p { margin-bottom: 10px; }
.leadtext h2 { font-size: 16px;
position: relative;
padding-bottom: 10px;
}
.leadtext h2:after { position: absolute;
bottom: 0px;
left: 0px;
width: 15px;
height: 2px;
background: #0484cf;
content: "";
}
.study_warp:hover .readmore { margin-left: 10px; color: #0484cf;
transition: all 0.4s linear;
-webkit-transition: all 0.4s linear;
-moz-transition: all 0.4s linear;
-ms-transition: all 0.4s linear;
-o-transition: all 0.4s linear;
}
.study_warp:hover .leadtext h2 { color: #0484cf; }
#zhaoping { padding-left: 15px }
.case_text { width: 60%; padding-top: 0 }
.case_img { width: 30% }
.case_box { padding-top: 40px; }
.case_box col-lg-12 col-md-12 col-sm-12 { padding-left: 0; padding-right: 0; }
/*.history ul li{margin-bottom:28px}*/
.conm_itemleft.conm_itemleft1 img { margin-right: 4px }
.pub .pub_bt { margin: 0 auto; width: 80% }
.base_top { width: 100%; margin: 50px auto 0px auto; }
.readmore { color: #0484cf; }
.econ_mwen p strong { color: #0484cf; }
#backColor {
/*position:relative;*/
/*border:1px solid blue;*/
position: relative;
height: 500px;
/*background-image: url(image/background.jpg);*/
}
.posi {
position: absolute;
width: 155px;
height: 120px;
left: 210px;
top: 100px;
}
.img_posi {
position: absolute;
}
.color_p {
color: #0484cf;
font-size: 18px;
}
.color_span {
width: 5px;
height: 5px;
border-radius: 50%;
background-color: #0484cf;
position: absolute;
left: 200px;
top: 145px;
}
.div_color {
font-size: 14px;
}
.kong {
width: 100%;
height: 15px;
}
.color_span1 {
width: 5px;
height: 5px;
border-radius: 50%;
background-color: #0484cf;
position: absolute;
left: 415px;
top: 87px;
}
.posi1 {
position: absolute;
width: 155px;
height: 120px;
left: 425px;
top: 40px;
}
.color_p1 {
color: #0484cf;
font-size: 18px;
}
.kong1 {
width: 100%;
height: 15px;
}
.div_color1 {
font-size: 14px;
}
.color_span2 {
width: 5px;
height: 5px;
border-radius: 50%;
background-color: #0484cf;
position: absolute;
left: 625px;
top: 177px;
}
.posi2 {
position: absolute;
width: 155px;
height: 120px;
left: 635px;
top: 130px;
}
.color_p2 {
color: #0484cf;
font-size: 18px;
}
.kong2 {
width: 100%;
height: 15px;
}
.div_color2 {
font-size: 14px;
}
.posi3 {
position: absolute;
width: 155px;
height: 120px;
right: 100px;
top: 100px;
}
.color_p3 {
color: #0484cf;
font-size: 18px;
}
.color_span3 {
width: 5px;
height: 5px;
border-radius: 50%;
background-color: #0484cf;
position: absolute;
right: 260px;
top: 147px;
}
.div_color3 {
font-size: 14px;
}
.kong3 {
width: 100%;
height: 15px;
}
.fdj {
width: 450px;
height: 350px;
border: 10px solid gray;
position: absolute;
left: 350px;
bottom: 80px;
background-color: #fff;
z-index: 10;
/*display: none;*/
}
.tubiao_left {
margin-top: 150px;
float: left;
opacity: 0.5;
}
.tubiao-right {
opacity: 0.5;
float: right;
margin-top: 150px;
z-index: 10;
}
.fdj > img {
width: 100%;
position: absolute;
z-index: 5;
float: right;
}
.div_left {
display: block;
border: none;
background: none;
width: 25px;
height: 25px;
background-color: white;
opacity: 0.8;
color: #0484cf;
font-weight: bold;
position: absolute;
font-size: 20px;
z-index: 4;
right: 0;
top: 70px;
text-align: center;
line-height: 25px;
border-radius: 50%;
display: none;
}
.div_right {
display: block;
border: none;
background: none;
width: 25px;
height: 25px;
background-color: white;
opacity: 0.8;
column-rule: #0484cf;
font-weight: bold;
/*float:right;*/
position: absolute;
z-index: 4;
/*left:0;*/
top: 70px;
text-align: center;
line-height: 25px;
font-size: 20px;
border-radius: 50%;
display: none;
}
.dingwei1 {
/*position:relative;*/
width: 900px;
height: 158px;
border: 1px solid red;
}
.pjk {
/*width:830px;*/
/*overflow: hidden;*/
height: 155px;
width: 100%;
position: relative;
overflow: hidden;
}
.pjk > section {
/*width:33.3%;*/
height: 100%;
position: absolute;
top: 0;
}
#click3 {
width: 552px;
height: 153px;
}
.div2_left {
position: absolute;
width: 25px;
height: 25px;
background-color: white;
opacity: 0.8;
border-radius: 50%;
text-align: center;
font-size: 20px;
font-weight: bold;
left: 0;
z-index: 4;
top: 70px;
display: none;
}
.div2_right {
position: absolute;
width: 25px;
height: 25px;
background-color: white;
opacity: 0.8;
border-radius: 50%;
text-align: center;
font-size: 20px;
font-weight: bold;
right: 0;
top: 70px;
z-index: 4;
display: none;
}
#mainheader_h {
font-weight: bold;
font-size: 18px;
margin-bottom: 20px;
}
.main_header {
margin-top: 40px;
}
.main_header p { width: 90%; }
.main_header > div {
font-size: 14px;
}
.marin_content > div {
border: 1px solid red;
float: left;
width: 260px;
margin-left: 15px;
margin-top: 110px;
text-align: center;
/*height:300px;*/
}
.marin_content > div > hr {
border-bottom: 1px solid #0484cf;
margin: 0;
}
.marin_content {
width: 100%;
height: 587px;
border: 1px solid white;
background-image: url('backgroundimg.html');
background-size: 100%;
margin: 0 auto;
margin-top: 40px;
}
.section_h3 {
width: 130px;
height: 40px;
/*border:1px solid red;*/
margin-left: 100px;
font-size: 18px;
text-align: center;
color: white;
}
.section_h4 {
width: 310px;
height: 40px;
/*border:1px solid red;*/
font-size: 18px;
text-align: center;
color: white;
}
.section_h {
margin-top: 70px;
margin-left: 220px;
}
.span_dian {
font-size: 25px;
color: #0484cf;
}
.div_top {
font-size: 18px;
font-weight: bold;
/*line-height: 20px;*/
margin-top: 20px;
}
.show_none {
display: none;
}
/*.span_dian:before{
content:'·'
}*/
.main_bottom1 {
width: 50%;
float: left;
}
.bottom_left {
border: 5px solid lightgray;
box-shadow: 2px 2px 10px #888888;
}
.bottom_h4 {
margin-bottom: 20px;
font-weight: bold;
font-size: 18px;
margin-top: 50px;
}
.bottom_span {
font-size: 14px;
line-height: 25px;
margin-bottom: 20px;
line-height: 30px;
}
.main_bottom2 {
width: 50%;
/*height:360px;*/
/*border:1px solid red;*/
/*margin:0 auto;*/
/*margin-top:40px;*/
float: right;
/*position:relative;*/
padding-left: 30px;
}
.bottom2_left {
/*border:1px solid blue;*/
height: 100%;
width: 50%;
float: left;
}
.bottom2_right {
/*width:40%;*/
}
.bottom2_h {
font-size: 14px;
line-height: 30px;
}
.div_span {
text-align: left; color: #666;
}
.cnm {
width: 100%;
margin-top: 50px;
position: relative;
}
.main2_bottom {
}
#footer {
margin-top: 50px;
}
#click3 {
position: relative;
width: 282px;
overflow: hidden;
width: 277px;
}
.section_class1 {
position: absolute;
width: 282px;
height: 100%;
top: 0;
display: block;
left: 282px;
}
#click4 {
position: relative;
width: 25%;
padding: 5px;
overflow: hidden;
}
#click4 > section {
position: absolute;
/*right:-210px;*/
}
.div_left3 {
width: 25px;
height: 25px;
border-radius: 50%;
background-color: white;
opacity: 0.8;
font-size: 20px;
font-weight: bold;
position: absolute;
left: 2px;
text-align: center;
top: 70px;
color: #0484cf;
}
.div_right3 {
width: 25px;
height: 25px;
border-radius: 50%;
background-color: white;
opacity: 0.8;
font-size: 20px;
font-weight: bold;
position: absolute;
right: 2px;
text-align: center;
top: 70px;
color: #0484cf;
}
.dian_xian {
width: 5px;
height: 5px;
border: 4px solid #0484cf;
border-radius: 50%;
float: left;
margin:;
}
.xian_dian > hr {
margin-top: 5px;
}
.dian_xiano {
margin: 0px 0;
}
.sangequan {
margin: 0 auto;
margin-bottom: 20px;
}
.biaoti {
width: 300px;
height: 30px;
margin: 0 auto;
text-align: center;
font-size: 22px;
font-weight: bold;
}
.quan1 {
border: 12px solid #cd346a;
border-radius: 50%;
margin: 0 auto;
margin-top: 40px;
text-align: center;
width: 200px; height: 200px;
}
.sangequan .pub_title { color: #0484cf; }
.quan2 {
border: 12px solid #0484cf;
border-radius: 50%;
margin: 0 auto;
margin-top: 40px;
text-align: center; width: 200px; height: 200px;
}
.quan3 {
border: 12px solid #97c93a;
border-radius: 50%;
margin: 0 auto;
margin-top: 40px;
text-align: center; width: 200px; height: 200px;
}
.quan4 {
border: 15px solid #31b16c;
border-radius: 50%;
margin: 0 auto;
margin-top: 40px;
text-align: center; width: 200px; height: 200px;
}
.biaoti_2 {
margin: 0 auto;
width: 60%;
height: 60px;
}
.div_list {
width: 100%;
margin-bottom: 50px;
}
.div_ul {
}
.div_ul > li {
width: 25%;
float: left;
}
.mengban {
width: 100%;
background-color: #000000;
opacity: 0.8;
position: absolute;
top: 0;
z-index: 100000;
display: none;
}
.content_div {
width: 500px;
background-color: white;
opacity: none !important;
position: fixed;
left: calc((70% - 500px) / 2);
top: calc((120% - 500px) / 2);
overflow: hidden;
z-index: 100001;
display: none;
border: 10px solid lightgray;
box-shadow: 0 0 5px #000000;
border-radius: 5px;
}
.content_div1 {
width: 500px;
background-color: white;
opacity: none !important;
position: fixed;
left: calc((70% - 500px) / 2);
top: calc((120% - 500px) / 2);
overflow: hidden;
z-index: 100001;
display: none;
border: 10px solid lightgray;
box-shadow: 0 0 5px #000000;
border-radius: 5px;
}
.content_div2 {
width: 500px;
background-color: white;
opacity: none !important;
position: fixed;
left: calc((70% - 500px) / 2);
top: calc((120% - 500px) / 2);
overflow: hidden;
z-index: 100001;
display: none;
border: 10px solid lightgray;
box-shadow: 0 0 5px #000000;
border-radius: 5px;
}
.content_div3 {
width: 500px;
background-color: white;
opacity: none !important;
position: fixed;
left: calc((70% - 500px) / 2);
top: calc((120% - 500px) / 2);
overflow: hidden;
z-index: 100001;
display: none;
border: 10px solid lightgray;
box-shadow: 0 0 5px #000000;
border-radius: 5px;
}
.posi_rela {
position: relative;
width: 100%;
height: 100%;
}
.posi_rela1 {
position: relative;
width: 100%;
height: 100%;
}
.posi_rela2 {
position: relative;
width: 100%;
height: 100%;
}
.posi_rela3 {
position: relative;
width: 100%;
height: 100%;
/*border:1px solid blue;*/
}
.posi_rela > section {
position: absolute;
}
.posi_rela1 > section {
position: absolute;
}
.posi_rela2 > section {
position: absolute;
}
.posi_rela3 > section {
position: absolute;
}
.left_div {
position: absolute;
z-index: 10;
top: calc((100% - 80px) / 2);
height: 20%;
font-size: 40px;
opacity: 0.8;
color: #0484cf;
border: 1px solid #000000;
box-shadow: 0 0 5px #000000;
border-left: none;
text-shadow: 2px 0 5px gray;
}
.right_div {
position: absolute;
z-index: 10;
right: 0;
font-size: 20px;
height: 20%;
top: calc((100% - 80px) / 2);
font-size: 40px;
opacity: 0.8;
color: #0484cf;
border: 1px solid #000000;
box-shadow: 0 0 5px #000000;
border-right: none;
text-shadow: 0 2px 5px gray;
}
/*//////////////////////////////////////////////////////*/
.qiehuan > div {
background-size: 100%;
}
.qiehuan > div > a > p {
/*border:1px solid red;*/
width: 276px;
height: 153px;
}
.section_class1 > div {
background-size: 100%;
}
.section_class1 > div > a > p {
/*border:1px solid red;*/
width: 276px;
height: 153px;
}
.tuan_1 > div {
background-size: 100%;
}
.tuan_1 > div > a > p {
/*border:1px solid red;*/
width: 226px;
height: 150px;
}
.lunbo4 > div {
background-size: 100%;
}
.lunbo4 > div > a > p {
/*border:1px solid red;*/
width: 226px;
height: 150px;
}
.click_01 {
/*border:1px solid red;*/
}
.pjk > section > div {
background-size: 100%;
/*border:1px solid gray;*/
height: 100%;
}
.pjk > section {
height: 155px;
width: 263px;
border: 1px solid blue;
}
.act { }
.act ul { }
.act ul li { float: left; }
.act ul li a { display: block; width: 120px; height: 40px; line-height: 40px; border: 1px solid #0484cf; color: #0484cf; text-align: center; margin-right: 10px; font-size: 14px; }
.act ul li a:hover { background: #0484cf; color: #fff; }
.act ul li .act_cur { background: #0484cf; color: #fff; }
.culture_img { float: left; }
.click1 { float: right; }
.act_warp { width: 94%; margin: 0 auto; margin-top: 50px; }
.act_img { position: relative; }
.act_bg { position: absolute; bottom: 0px; left: 0px; width: 100%; height: 40px; line-height: 40px; text-align: center; background: #0484cf; color: #fff;
filter: alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; transition: all 0.4s linear;
-webkit-transition: all 0.4s linear;
-moz-transition: all 0.4s linear;
-ms-transition: all 0.4s linear;
-o-transition: all 0.4s linear; }
.act_img:hover .act_bg { filter: alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; transition: all 0.4s linear;
-webkit-transition: all 0.4s linear;
-moz-transition: all 0.4s linear;
-ms-transition: all 0.4s linear;
-o-transition: all 0.4s linear; }
.act_top .col-lg-4 { padding-left: 5px; padding-right: 5px; }
.act_top .col-lg-3 { padding-left: 0px; }
.act_top .col-lg-9 { padding-right: 5px; }
.act_title { font-size: 18px; font-weight: 600; color: #0484cf; margin-bottom: 10px; }
.act_bottom { margin-top: 30px; }
.safe_warp .safe_top { width: 22%; }
.safe_warp .safe_top3 { width: 22%; }
.safe_warp .safe_top4 { width: 22%; }
.safe_warp .safe_top2 { width: 32%; }
.innovate_wz { margin-top: 0px; }
.innovate_wz p { font-size: 16px; width: 90%; line-height: 24px; }
.innovate_warp { margin: 0 auto; margin-top: 40px; padding-left: 20px; padding-right: 20px; }
.inno_tilte h3 { font-size: 18px; border-bottom: 1px solid #e5e5e5; padding-bottom: 10px; position: relative; margin-bottom: 20px; font-weight: 600; }
.inno_tilte h3:after { position: absolute; bottom: -1px; left: 0%; width: 80px; height: 3px; background: #0484cf; content: ""; }
.inno_text p { line-height: 24px; color: #666; font-size: 14px; margin-bottom: 10px; }
.in { border: 8px solid #e5e5e5; }
.inno_two { margin-top: 20px; }
.jz_img { margin-top: 20px; }
.jz_img li { float: left; width: 33.3%; padding-left: 10px; padding-right: 10px; margin-bottom: 20px; }
.kyhz_img li { width: 25%; }
.bd .arrow-left2 { width: 24px; height: 40px; z-index: 999999999; left: 0px; line-height: 40px; }
.bd a i { display: block; line-height: 40px; }
.bd .arrow-right2 { width: 24px; height: 40px; z-index: 999999999; right: 0px; line-height: 40px; }
.bd a i { display: block; line-height: 40px; }
.bd { position: relative; }
.friend_box1 .value {
border-bottom: 1px solid #e5e5e5; padding-top: 25px; padding-bottom: 25px;
}
.friend_box1 .value h2 { font-size: 16px; position: relative;
font-weight: bold; margin-top: 0px;
margin-bottom: 15px; color: #0484cf; padding-bottom: 10px; }
.friend_box1 .value h2:after { position: absolute;
bottom: 0px;
left: 0%;
width: 20px;
height: 2px;
background: #0484cf;
content: "";
}
.friend_box1 .value p { font-size: 14px;
line-height: 24px; }
.duty_textleft h1 { font-size: 16px; position: relative;
font-weight: bold; margin-top: 0px;
margin-bottom: 15px; color: #0484cf; padding-bottom: 10px; }
.duty_textleft h1:after {
position: absolute; bottom: 0px; left: 0%; width: 20px; height: 2px; background: #0484cf; content: ""; }
.duty_textleft p { font-size: 14px;
line-height: 24px; color: #666; }
.duty_wrap1 { padding-bottom: 25px; border-bottom: 1px solid #e5e4e4; padding-top: 25px; }
.duty_content { margin-top: 40px; }
.friend_box1 { position: relative; }
.swiper-container { width: 100%; }
.friend_box1 .arrow-left1 {
background: url(arrows.html) no-repeat left top;
background-size: 100%;
width: 17px;
height: 30px;
position: absolute;
z-index: 99999;
top: 36%;
left: -20px;
text-decoration: none;
}
.friend_box1 .arrow-right1 {
background: url(arrows.html) no-repeat left bottom;
background-size: 100%;
width: 17px;
height: 30px;
position: absolute;
z-index: 99999;
top: 36%;
right: -20px;
text-decoration: none;
}
.swiper-slide h1 { font-size: 24px; }
.swiper-slide p {
font-size: 14px; margin-top: 15px; color: #666; }
.duty_imgright1 { }
.arrow-left2 {
background: url(arrows.html) no-repeat left top;
background-size: 100%;
width: 17px;
height: 30px;
position: absolute;
z-index: 99999;
top: 36%;
left: -2.5%;
text-decoration: none;
color: #000;
}
.arrow-right2 {
background: url(arrows.html) no-repeat left bottom;
background-size: 100%;
width: 17px;
height: 30px;
position: absolute;
z-index: 99999;
top: 36%;
right: -2.5%;
text-decoration: none;
color: #000;
}
.axSlider .arrow-left { background: rgba(0, 0, 0, 0.7); width: 28px; height: 40px; left: 0px; top: 40%; }
.axSlider .arrow-left i { font-size: 28px; display: block; line-height: 40px; }
.axSlider .arrow-right { background: rgba(0, 0, 0, 0.7); width: 28px; height: 40px; right: 0px; top: 40%; }
.axSlider .arrow-right i { font-size: 28px; display: block; line-height: 40px; }
.culture-wrap { padding: 10px 20px 70px 31px; display: flex; }
.list0 { display: flex; position: absolute; left: 285px; }
.main-right { width: 42%; float:right; }
.main-content{ float:left; width:46%;}
.talk-warp { padding: 40px 20px 10px 31px; display: flex; margin-top: 20px; }
.main-left { width: 30%; height: 227px; }
.main-left .ab_b1 { font-size: 35px; margin-bottom: 20px; }
.main-left .ab_b2 { font-size: 30px; color: #333; }
.inn_warp .arrow-left4 {
background: url(arrows.html) no-repeat left top;
background-size: 100%;
width: 17px;
height: 30px;
position: absolute;
z-index: 99999;
top: 25.5%;
left: 0px;
text-decoration: none;
}
.inn_warp .arrow-right4 {
background: url(arrows.html) no-repeat left bottom;
background-size: 100%;
width: 17px;
height: 30px;
position: absolute;
z-index: 99999;
top: 25.5%;
right: 0px;
text-decoration: none;
}
.div-left .read-more { color: #0484cf; float: right; margin-right: 20px; }
.news-text1 { line-height: 28px; font-size: 13px; padding-right: 10px; }
.news-title1 { font-size: 18px; font-weight: bold; margin-top: 10px; margin-bottom: 10px; }
.media-title1 { font-size: 18px; font-weight: bold; margin-top: 10px; margin-bottom: 10px; }
.media-text1 { line-height: 28px; font-size: 13px; padding-right: 5px; }
.main_header .pub-title { font-weight: bold; font-size: 18px; margin-bottom: 20px }
.main_header p { line-height: 26px; font-size: 16px; }
.comm_navul { width: 100%; margin-top: 30px; }
.news_warp .report-title { margin-top: 30px; font-size: 24px; }
.inv-wrap { margin-top: 30px; padding-left: 30px; padding-right: 30px; padding-bottom: 60px; }
.inv-wrap .news_title { font-size: 24px; }
.contact-title { margin-top: 30px; }
#studymian { margin-top: 30px; }
.wel_bottom .row { margin-left: 0px; margin-right: 0px; }
.wel_bottom .col-lg-6 { padding: 0px; }
.stu_text { padding: 0px 28px; position: relative; }
.stu_text:after { content: "";
display: block;
width: 0;
height: 0;
overflow: hidden;
position: absolute;
top: 113%;
left: 50%;
margin-left: -10px;
border-top: 10px solid #fff;
border-left: 10px solid transparent;
border-right: 10px solid transparent; z-index: 99999;
}
.stu_text_one:after { top: -10px; border-bottom: 10px solid #fff; border-top: none; }
.stu_text h2 { font-size: 18px; margin-top: 0px; font-weight: 600; }
.stu_text p { font-size: 14px; color: #666; line-height: 24px; }
.study_bottom .col-lg-3 { padding: 0px; }
.study_bottom .col-lg-6 { padding: 0px; }
.study_bottom .row { margin-left: 0px; margin-right: 0px; }
.study_one { background: url(bg_culture_detail.html); height: 450px; }
.study_one .info {
position: relative;
padding: 30px 0 0 400px;
}
.info h4 {
position: relative;
margin-bottom: 10px;
height: 45px;
line-height: 40px;
border-bottom: 1px solid #dfdfdf;
font-size: 30px;
color: #535456;
}
.info h4 b {
right: 0;
top: 55px;
width: 50px;
height: 40px;
background-position: -77px -29px;
}
.info h4 i { position: absolute; left: 0; height: 1px; background: #0484cf; overflow: hidden; width: 120px; top: 44px; }
.study_one p { line-height: 24px; color: #666; font-size: 14px; margin-top: 20px; width: 90%; text-indent: 2em; }
.study_desc_img { margin-top: 30px; padding-bottom: 20px; }
.study_bottom { position: relative; }
.study_three { background: url(bg_duty_con2.html); height: 450px; }
.study_three .info { padding-left: 380px; }
.study_two { background: url(bg_college_detail4.html); height: 450px; }
.study_two .info { padding-left: 50px; }
.study_two p { color: #e5e5e5; }
.study_two h4 { color: #e5e5e5; }
.study_left { float: left; width: 38%; padding-top: 50px; }
.study_right { float: right; width: 55%; margin-right: 5%; margin-top: 16%; }
.welfare-wrap { margin-top: 30px; }
#studymian { margin-top: 30px; }
.div-left h3 { color: #0484cf; margin-bottom: 15px; }
.news_img h3 { color: #0484cf; font-size: 45px; text-align: center; }
.xinw { text-align: center; margin: 10px 0; }
.join_mar { margin-top: 30px; }
.product-right .img2 { display: none; }
.product-bor table td{ border:1px solid #ccc; line-height:34px; text-align:center; font-size:14px; color:#666;}
.product-bor table td a{ margin-right:15px; cursor:pointer;}
.product-bor table td a i{ margin-right:5px;}
@media (max-width: 1999px) and (min-width: 1024px) {
.product-left {
width: 63%;
}
.product-right .img2 { display: block; }
.product-right .img1 { display: none; }
.menu ul li a { padding: 0px 20px; }
.navadd { right: 2.7%; }
/*.column_detail .tab_box .txt{ margin-left: 319px; }*/
}
/*** 自适应 ***/
@media (max-width: 768px) {
.xstitle { margin-bottom: -7px; }
.ywlx { padding-bottom: 19px; }
.ywlx ul li { padding-left: 30px; margin-bottom: -21px; background: none; height: 160px; }
.navbar-nav { width: 100%; margin-left: 0px; text-transform: uppercase; }
.navbar-nav li { text-align: center; border-bottom: 1px dotted #e5e5e5; line-height: 40px; }
.navbar-nav li a { color: #666; font-size: 13px; }
.navbar-nav li a:hover { color: #0484cf; }
.navbar-nav li.last { border: 0px; }
.headerbg { position: fixed; top: 0px; left: 0px; width: 100%; z-index: 999999999; background: #fff;
-webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); }
.logo_boxlist { float: left; width: 145px; margin-top: 5px; }
.navbar-toggle { margin-top: 15px; }
.navbar-toggle .icon-bar { background-color: #0484cf; }
.navbar-collapse { border: none; }
.sec1_top_right { margin-top: 20px; }
.sec1_bottom_one { margin-bottom: 20px; padding: 20px 15px; }
.secwarp { padding-left: 15px; padding-right: 15px; }
.sec3one { height: auto; }
.bannertext { top: 35%; width: 24rem; }
.bannertext h2 { font-size: 18px; }
.casetext { margin-top: 30px; text-align: center; }
.casewarp { border: 1px inset #ccc;
border: 1px inset rgba(0, 0, 0, 0.2);
box-shadow: 0 0 5px #ccc;
box-shadow: 0 0 5px rgba(0, 0, 0, 0.2); padding-bottom: 50px; }
.casebt { font-size: 14px; position: relative; padding-bottom: 10px; }
.casebt:after { position: absolute; bottom: 0px; left: 50%; width: 30px; height: 2px; background: #0484cf; content: ""; margin-left: -15px; }
.casewz { margin-top: 10px; font-size: 12px; color: #666; padding-left: 20px; padding-right: 20px; height: 30px; }
.casetext a { font-size: 12px; color: #fff; display: block; width: 150px; height: 40px; line-height: 40px; text-align: center; background: #0484cf; margin: 0 auto; margin-top: 20px; }
.sec3bg { display: none; }
.sec2 { margin-top: 30px; }
.footer { padding: 0 15px; }
.sec3one h2 { margin-bottom: 0px; }
.sec1_top_wz { font-size: 12px; }
.sec1phone { margin-top: 20px; }
.sec2_mainwen { font-size: 14px; }
.sec3_culture p { font-size: 12px; }
.sec1_top {
padding-top: 20px;
}
.sec1_top_bt {
font-size: 18px;
line-height: 16px;
margin-bottom: 12px;
}
.sec1_top_wz {
line-height: 22px;
}
.news-text { margin-top: 20px; }
.sec2_fonts p {
font-size: 12px;
line-height: 18px;
}
.index-img { margin-top: 85px; margin-bottom: 20px; }
.about_warp {
margin-top: 15px;
}
.about_warp h2 {
font-size: 12px;
margin-bottom: 4px;
color: #0484cf;
margin-top: 10px;
}
#contentcp div {
height: 230px;
}
.backtop {
float: inherit;
margin: 0 auto;
width: 234px;
}
.culture-wrap {
padding-bottom: 20px;
padding: 70px 15px 0px 15px;
display: inherit;
}
.video {
margin-top: 20px;
margin-left: 0;
margin-right: 0;
}
.video .col-lg-3 { padding-left: 0; padding-right: 0; }
.index-video { margin-bottom: 20px; }
.his_top_ri {
width: 100%;
margin: 0px auto;
}
.his_cont_left {
width: 100%;
float: inherit;
margin-top: 10px;
}
.his_wz {
padding-top: 0px;
}
.his_cont_right {
width: 100%;
float: inherit;
margin-top: 16px;
text-align: justify;
}
.his_cont_right li p {
/*font-size: 12px; */
line-height: 22px; margin-left: 0 !important; padding-left: 0px;
}
.act ul li a {
height: 30px; line-height: 30px;
width: 106px;
}
/*.list0 { display: none; }*/
.culture-footer { margin-top: 370px; }
.main-right { width: 343px;
height: 225px;
margin: 0 auto;
margin-top: 20px; }
.talk-warp {
padding: 40px 0px 10px 14px;
display: inherit;
}
.main-left {
width: 100%;
height: 178px;
}
.main-left .ab_b2 { font-weight: bold; font-size: 20px; margin-top: 0px; font-family: inherit; }
.sheying { margin-top: 20px; width: 97%;
margin-left: 14px; }
.content-qiye .act_warp {
margin-top: 28px;
}
.content-qiye swiper1{
width:66%; float:left;
}
.act_warp .shuhua { margin-top: 20px; width: 97%;
}
.news_warp .news_title {
font-size: 18px; font-weight: bold;
}
.innovate_wz p {
font-size: 12px;
width: 100%;
line-height: 24px;
}
.study_top {
width: 100%;
}
.swiper4 { margin-top: 20px; }
.swiper4 p { text-indent: 2em; font-size: 12px; line-height: 22px; margin-top: 5px; }
.swiper4 h1 { font-size: 16px; }
.innovate-con { margin-bottom: 0px; }
.honor2-box h1 { font-size: 18px; color: #0484cf; }
.honor2-box p { font-size: 12px; line-height: 20px; }
.proiimg {
width: 100%;
}
.proiwen {
padding-left: 0px;
width: 100%;
}
.prowen01 {
font-size: 14px;
color: #0484cf;
margin-top: 5px;
display: block;
}
.proiwen p {
line-height: 20px;
font-size: 12px;
margin: 0px;
}
.prodot_warp h3 {
font-size: 18px;
}
.prodot_warp h5 {
font-size: 14px;
}
.prodot_warp p {
line-height: 20px;
}
.news-title1 { font-weight: normal; }
.news-text1 {
line-height: 22px;
font-size: 12px;
padding-right: 0px;
}
.div-left .read-more {
float: inherit;
}
.news_one_list h3 { font-size: 14px; }
.news_one_list p {
font-size: 12px;
line-height: 17px;
}
.maga-box1 { margin-bottom: 20px; }
.maga-phone img { border: 1px solid #ccc; }
.news_warp .maga-title {
font-size: 18px;
margin-bottom: 20px;
}
.media-title1 {
font-weight: normal;
}
.media-text1 { line-height: 22px; font-size: 12px; padding-right: 0px; }
.prodot_warp {
padding-left: 0px;
}
.probmain {
margin: 0 auto;
}
.twocolumn_colspan21 .col-lg-12 { padding-left: 0; padding-right: 0; }
.probmain .col-lg-6 { padding-left: 0; padding-right: 0; padding-bottom: 20px; }
.proitem { padding-left: 5px; }
.main_header {
margin-top: 0px;
}
.main_header .pub-title {
margin-bottom: 15px;
}
.main_header p {
width: 100%;
line-height: 20px;
font-size: 12px;
}
.quan-box .quan-box1 { border: 8px solid #cd346a;
border-radius: 50%;
margin: 0 auto;
margin-top: 0px;
text-align: center;
width: 160px;
height: 160px; margin-bottom: 20px; }
.quan-box h1 { font-size: 18px;
font-weight: bold; color: #0484cf; margin-top: 40px; }
.quan-box h2 { font-size: 16px;
font-weight: bold; }
.quan-box .quan-box2 { border: 8px solid #0484cf;
border-radius: 50%;
margin: 0 auto;
margin-top: 20px; margin-bottom: 20px;
text-align: center;
width: 160px;
height: 160px; }
.quan-box .quan-text { line-height: 20px; }
.quan-box .quan-box3 { border: 8px solid #97c93a;
border-radius: 50%;
margin: 0 auto;
margin-top: 40px;
text-align: center;
width: 160px;
height: 160px; }
.quan-box .quan-box4 { border: 8px solid #31b16c;
border-radius: 50%;
margin: 0 auto;
margin-top: 40px;
text-align: center;
width: 160px;
height: 160px; }
.dian_xiano {
margin: 20px 0;
}
.quan-box .row { margin-left: 0; margin-right: 0; }
.quan-box .quan-text2 { margin-top: 74px;
margin-left: 20px; }
.main_bottom1 {
width: 100%;
float: inherit;
}
.main_bottom2 {
width: 100%;
float: inherit;
padding-left: 0px;
}
.bottom_h4 {
margin-bottom: 10px;
font-weight: bold;
font-size: 18px;
margin-top: 20px;
}
.bottom_span {
font-size: 12px;
margin-bottom: 20px;
line-height: 20px;
}
.cnm {
margin-top: 25px;
}
.safe-box {
margin: 0 15px; }
.comm_nav3 {
margin: 0 auto 22px auto; width: 100%;
}
.safe-box h1 { font-size: 18px; font-weight: bold; }
.safe-box h2 { font-size: 16px; color: #0484cf }
.safe-box p { font-size: 12px;
line-height: 20px; }
.safe-box hr { border: 1px dashed #f39800; }
.care-wrap { padding-left: 0; padding-right: 0; width: 100%;
margin: 0 auto; }
.duty_box { width: 100%;
margin: 0 auto; }
.safe_wen p {
line-height: 20px;
font-size: 12px;
}
.duty_textleft p {
font-size: 12px;
line-height: 20px;
margin-bottom: 10px;
}
.news_warp {
padding-bottom: 12px; padding-top: 20px;
}
.footer {
margin-top: 0px;
}
.friend-box { padding-left: 0; padding-right: 0; }
.friend_box1 {
width: 100%;
margin: 0 auto;
}
.friend_con h1 { margin-top: 0; font-size: 18px;
font-weight: bold; }
.friend_con .friend-title1 { margin-top: 10px; }
.value .friend-img { margin-top: 10px; }
.friend_box1 .value .friend-h { margin-top: 10px; }
.hamony-wrap { padding-left: 0; padding-right: 0; }
.join_text h2:after { display: none;
}
.join_text h2 {
margin-bottom: 2px;
margin-top: 0px;
padding-bottom: 0px;
}
.join_text {
padding-top: 5px;
padding-bottom: 5px;
}
.join_text a {
margin-top: 0px;
}
.join_img {
margin-top: 23px;
}
.inv-wrap .report-title { margin-top: 20px; font-size: 18px; }
.join {
margin-top: 5px;
}
.inv_tleft {
width: 100%;
float: inherit;
}
.inv_tright {
width: 100%;
float: inherit;
height: 144px;
padding: 10px;
padding-bottom: 10px;
}
.inv_tright h4 {
line-height: 22px;
}
.inv_tright p {
line-height: 20px;
color: #666;
height: inherit;
overflow: hidden;
width: 100%;
}
.inv-wrap {
margin-top: 20px; padding-bottom: 15px;
}
.inv-wrap .news_title {
font-size: 18px;
}
.investor {
padding-top: 20px;
}
.inv_tright h4 {
font-size: 16px;
}
.inv_more {
margin-top: -60px;
margin-left: 0px;
}
.inv_mainuw {
padding: 0px 0px;
}
.inv_mainuw h4 {
line-height: 16px;
margin-bottom: 10px;
font-size: 16px;
}
.inv_mainuw p {
line-height: 20px;
width: 100%;
height: 75px;
}
.inv_mainup {
float: left;
width: 25%;
padding: 20px 0px;
}
.inv_mainup img {
width: 100%;
}
.inv_mian ul li {
margin-bottom: 20px;
}
.contact-title { margin-top: 20px; }
.contact-title .investor {
padding-top: 10px;
}
#studymian {
margin-top: 20px;
}
.study_top {
margin-top: 6px;
}
.comm_sttitle {
margin-bottom: 15px;
font-size: 12px;
line-height: 22px;
margin-top: 5px;
}
.study_top p {
line-height: 20px;
}
.study_bottom {
margin-top: 20px;
}
.study_item {
margin-bottom: 15px;
}
.welfare-wrap { margin-top: 20px; }
.wel_box {
margin-top: 15px;
}
.wel_bwen {
padding: 10px 0px 0px 0px;
}
.wel_bwen h5 {
padding-bottom: 0px;
}
.wel_bwen p {
font-size: 12px;
line-height: 22px;
}
.wel-text { margin-bottom: 15px; }
/*.nav_list{display: none;}*/
.study_top .comm_sttitle { font-size: 14px; }
.study_two { background: none; }
.study_three { background: none; }
.study_one {
background: none;
height: 100%;
}
.study_one .info {
position: static;
padding: 0px;
}
.info h4 {
position: static;
margin-bottom: 0px;
height: 30px;
line-height: 24px;
border-bottom: none;
font-size: 16px;
color: #535456;
}
.study_one p {
line-height: 22px;
color: #666;
font-size: 12px;
margin-top: 0px;
width: 100%;
text-indent: 2em;
}
.study_desc_img { width: 100% }
.study_desc_img img { width: 100% }
.info h4 i {
display: none;
}
.info h4 i {
display: none;
}
.footer_top_right { display: none; }
.footer_bottom { display: none; }
.link { display: none; }
.study_left { float: none; width: 100%; padding-top: 0; }
.study_right {
float: none;
width: 100%;
margin-right: 5%;
margin-top: 20px;
}
.info h4 b {
display: none;
}
.phone_none { display: none; }
.swiper_h { height: 330px !important; }
.phone_block { display: block !important; }
.study_desc_img {
margin-top: 20px;
padding-bottom: 20px;
}
.info p { margin-top: 5px !important; }
.arrow-left2 {
background: url(arrows5.html) no-repeat;
top: -5px;
left: 80%;
}
.arrow-right2 {
background: url(arrows5.html) no-repeat left bottom;
top: 5px;
right: 0%;
}
#studymian { margin-top: 0px; }
.warp_title {
top: 0px;
}
.div-left h3 { margin-bottom: 10px; }
.inv_top:hover .inv_more {
margin-left: 10px;
}
.product-left {
width: 100%; }
.product-right {
width: 100%; }
.product-con p { display: inline-block; width: 100%; }
.product-con a { font-size: 12px; width: 48%; float: left; margin: 0px 1%; }
.product-con1 p { border-bottom: 1px solid #dadada; }
.product-con1 { margin-top: 5px; }
.green-title {
line-height: 18px;
font-size: 12px;
}
.vitamin-text td { width: 25%; padding: 5px 2px; }
.news_warp {
padding-left: 15px;
padding-right: 15px; }
.green-bg { line-height: 22px; }
.vitamin-title {
font-size: 18px; margin: 0px; }
.product-wrap {
padding-top: 20px; width: 100%; }
.inv-wrap { padding: 0 15px; }
.product-wrap h1 {
font-size: 18px; }
.vitamin-img {
margin-top: 15px;
}
.vitamin-text {
padding-top: 25px;
}
.news_img { width: 100%; }
.news_warp .col-xs-3, .news_warp .col-xs-9, .news_warp .col-xs-12 { padding: 0 5px; }
.news_warp .row { margin: 0px -5px; }
.news_img h3 {
font-size: 34px; }
.xinwenbt {
line-height: 28px;
font-size: 18px; }
.news_warp { margin-top: 0px; padding-top: 0px; }
.quan-box-text span { font-weight: bold; }
.quan-box-tit { font-size: 16px; margin-bottom: 5px; }
.quan-box-text { margin-bottom: 5px; line-height: 20px; }
.about_warp .row { margin: 0 -5px; }
.xinw { text-align: left; }
.xinwennl { padding-top: 10px; }
.xinwennl p { line-height: 22px; margin-bottom: 5px; }
.his_top_ri ul li { height: 30px; line-height: 30px; font-size: 14px; }
.history { margin-top: 0px; }
.his_picimg { width: 100%; }
.his_cont_left h4 { width: 100%; margin: 0px auto 15px auto; font-size: 14px; }
.his_cont_left h3 { width: 100%; font-size: 16px; margin: 4px auto 5px auto; }
.his_cont_left h2 { width: 100%; font-size: 18px; }
.his_cont_right li { border-left: none; margin-left: 0px; }
.main-left .ab_b1 { font-size: 24px; margin-bottom: 10px; }
.inn_warp .arrow-left4, .inn_warp .arrow-right4 { top: 13.5%; }
.duty_textleft, .duty_imgright, .value_text { padding: 0px 5px; }
.safe_warp { margin-top: 10px; }
.value .col-sm-6, .join .col-sm-6 { padding: 5px; }
.news_warp .report-title {
margin-top: 18px; }
.join_mar { margin-top: 0px; }
.news_warp .col-sm-4, .news_warp .col-sm-8 { padding: 0px 5px; }
.zptj { width: 100%; }
.join_mtleft { width: 100%; padding: 15px 0px 0px 10px; }
.join_mtright { width: 100%; }
.recmore { margin-top: 20px; float: left; }
.recmore a { width: 160px; height: 30px; line-height: 30px; }
.recitem { padding-bottom: 10px; }
.xsry { font-size: 16px; margin-top: 10px; }
.zpgw { margin-bottom: 14px; font-size: 18px; font-weight: bold; }
.xinwenny { margin-top: 30px; }
.conceptwarp { margin-top: -20px; }
.zpxxnrbody { padding-bottom: 0px; }
.zxzpnr { margin-top: -20px; }
.jianli {
margin-top: -20px;
}
.upload {
display: inline-block;
width: 100%;
text-align: center;
}
.upload a {
display: inline-block;
float: inherit;
}
.news_warp .col-sm-9, .news_warp .col-sm-3 { padding: 0px 5px; }
.sheying {
margin-left: 0px;
}
}
@media (max-width: 320px) {
.vitamin-text td {
width: 25%;
padding: 5px 7px;
}
.main-left { height: 195px; }
}
/*** 自适应 ***/
.culture_con{margin-bottom: 30px;}
.main-right1{overflow-y: scroll; height: 145px;}
@media (max-width: 768px){
.main-right{height: 235px;}
.lb_list > li > div > p{height: 72px;}
.arrow-right5,.arrow-left5,.arrow-right7, .arrow-left7{margin-top: -15px;}
.comm_navul > li{margin-bottom: 5px;}
.news_warp .report-title{font-size: 18px;font-weight: bold;}
}
@media (max-width: 320px) {
.aixinMain .axIntro {
margin-top: -20px;
}
.inv_more {
margin-top: 0px;}
.inv_tright p {
height: 80px;
}
}
.video_cont{margin-top: 40px;margin-bottom:40px}
.video_cont .title{font-size: 20px;margin-bottom: 30px;text-align: center;}
.video_cont .video_v{margin: 0px auto;width: 60%;}
.video_btn:hover {
background: #e1e1e1;
}
.video_btn {
display: block;
width: 130px;
height: 40px;
line-height: 40px;
background: #0484cf;
color: #fff;
text-align: center;
margin: 0 auto;margin-top: 50px;
text-transform: uppercase;
}
.footer_top_right a span{ display: none; position: absolute; top: -99px; left: -35px; z-index: 99; }
.rslides{width:100%;position:relative;list-style:none;padding:0}
.rslides_nav{ width:36px; height:36px;display:none; position:absolute; text-indent:-10em; overflow:hidden;}
.prev{ background-position:0 0;left:-40px; top:180px;}
.prev:hover{ background-position:0 -36px;}
.next{ background-position:-36px 0;right:-40px; top:180px;}
.next:hover{ background-position:-36px -36px;}
.rslides_tabs{ position:absolute; left:50%; margin-left:-25px; bottom:5%; text-align:center; z-index:99999;}
.rslides_tabs li{display:inline;float:none;_float:left;*float:left;margin-right:5px}
.rslides_tabs a{ width:10px; height:10px; background:#fff;text-indent:-5em; display:inline; overflow:hidden; display:block; float:left; margin-left:10px;border-radius:6px;}
.rslides_tabs .rslides_here a{ background:#0484cf;}
/*2.5*/
/*历程*/
.course{
padding: 40px 0;
position: relative;
}
.course_top ul li{
float: left;
padding: 0px 22px;
cursor: pointer;
}
.course_top ul li a.active,.course_top ul li a:hover {
color: #0484cf;
font-weight: bold;
}
.course_top ul{
border-bottom: 1px solid #dadada;
}
.course_top ul li a.active:before,.course_top ul li a:hover:before {
filter:alpha(opacity=1); -moz-opacity:1; -khtml-opacity:1; opacity:1;
}
.course_top ul li a {
width: 43px;
text-align: center;
font-size: 18px;
height: 38px;
display: block;
line-height:38px;
position: relative;
}
.course_top ul li a:before{
background: url(c_a.html) no-repeat bottom;
position: absolute;
content: "";
width: 100%;
height:8px;
bottom: 1px;
left:0;
filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity:0;
}
.course_top .s4{
float: left;
width: 10%;
}
.course_top i{
font-size: 30px;
color: #ffffff;
background: #0484cf;
width: 46px;
text-align: center;
height: 38px;
line-height:38px; cursor: pointer;
}
.course_top .s5{
float: right;
width: 10%;text-align: right;
}
.course_top ul{
float: left;
overflow: hidden;
width: 80%;
height:38px;
}
.course_bottom .left{
/*background: url(c_bg1.png) no-repeat;*/
float: left;
width: 120px;
/*height: 120px;*/
/*line-height: 120px;*/
/*color: #ffffff;*/
text-align: center;
font-size: 26px;
background-size: cover;
}
.course_bottom{
margin-top: 30px;
padding: 0px 10%;
}
.course_top{
display: inline-block;
width: 100%;
}
.course_bottom ul{
float: right;
width: 84%;
}
.course_bottom li{
display: inline-block;
width: 100%;
margin-bottom: 30px;
}
.course_bottom .date{
float: left;
width:10%;
font-weight: bold;
line-height:24px;
}
.course_bottom .tx{
float: left;
width:90%; color: #666;
line-height:24px;
}
.course_con{
display: none;
filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity:0;
}
/*历程*/
.content-qiye .swiper1 .arrow-left1{ background:url(arrows.html) no-repeat top center; top:46%;}
.content-qiye .swiper1 .arrow-right1{ background:url(arrows.html) no-repeat bottom center; right:0;top:46%;}
@font-face {
font-family: 'itc_avant_garde_gothic_lt_eRg';
src: url('avantgardelt-extralight-webfont.html') format('woff2'),
url('avantgardelt-extralight-webfont-2.html') format('woff');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: '胡晓波美心常规体';
src: url('胡晓波美心常规体.html') format('truetype'),
font-weight: normal;
font-style: normal;
}
.sdbank_box{
height:auto;
margin-bottom:20px;
}
.sdbank_box ul{
height:auto;
}
.sdbank_box ul li{
width:49%;
height:165px;
margin-bottom: 22px;
position: relative;
}
.sdbank_box ul li a{
display: block;
text-decoration:none;
padding:20px;
}
.sdbk01{
background:#41b3e5;
float:left;
background:url(ztp01.html) bottom right no-repeat #41b3e5;
}
.sdbk02{
background:#feda00;
float:right;
background:url(ztp02.html) bottom right no-repeat #feda00;
}
.sdbk03{
background:#fc433e;
float:left;
background:url(ztp03.html) bottom right no-repeat #fc433e;
}
.sdbk04{
background:#223c77;
float:right;
}
.sdbk_bt{
line-height:30px;
font-size: 24px;
color:#fff;
font-family: '胡晓波美心常规体';
}
.sdbk_nr{
height:auto;
margin-top:10px;
}
.sdbk_nr p{
color:#fff;
font-size: 13px;
line-height: 20px;
}
.sdbk_wx{
width:122px;
height:122px;
position: absolute;
top: 22px;
right: 15px;
}
.sdbk_wxwz{
width:200px;
height:auto;
position: absolute;
top: 106px;
right: 150px;
}
.sdbk_wxwz p{
font-size: 13px;
line-height: 20px;
text-align: right;
color: #3483ac;
}
.sdbk_bt04{
width: 200px;
position: absolute;
bottom: 20px;
left: 20px;
}
.sdbk_en{
color: #3483ac;
font-size: 28px;
font-family: 'itc_avant_garde_gothic_lt_eRg';
line-height: 28px;
}
.bt04_wz{
color: #3483ac;
font-size: 13px;
}
.sdbk_bt03{
width: 200px;
position: absolute;
top: 55px;
left: 20px;
}
.bt03_nr{
position: absolute;
top: 35px;
right: 80px;
}
.bt03_nr p{
color: #ffd900;
font-size: 13px;
line-height: 20px;
}
.bt03_p{font-size: 16px !important;;margin-bottom: 8px;}
@media (max-width: 768px){
.sdbank_box ul li{ width: 100%;}
.sdbk_nr p{font-size: 12px;}
.sdbk01{ height:205px !important;}
.bt03_nr p{font-size: 12px;}
.sdbk_bt04{
bottom: auto;
top: 20px;
}
.sdbk_en{font-size: 18px;}
.sdbk_bt{
line-height: 25px;
font-size: 18px;
}
.bt04_wz{font-size: 12px;}
.sdbk_wxwz p{font-size: 12px;}
.bt03_p{font-size: 14px !important;;margin-bottom: 5px;}
.bt03_nr{ right: 8px;}
.sdbank_box ul li a{padding: 15px;}
.sdbk_bt03{left: 15px;}
.sdbk_bt04{left: 15px;}
.sec2_warp{height: 418px;}
}
.sec2_fonts time{
float: right;
}
.new_ds{
background: #0484cf;
color: #fff;
display: block;
width: 100px;
height: 28px;
line-height: 28px;
text-align: center;
float: right;
}
.wfeng {
width: 100%;
overflow: hidden;
}
.new_ds_ts{
font-size: 14px;
margin-right: 30px;
}
.wfeng li{
float: left;
width: 162px;
margin-top: 20px;
background: #eee;
border: 1px solid #ccc;
margin-right: 39.5px;
}
.wfeng li span{
display: block;
text-align: center;
background: #eee;
height:30px;
line-height: 30px;
}
.footer{
padding-top: 15px;
padding-bottom: 15px;
text-align: center;
margin-top: 50px;
}
@media (max-width: 768px){
.nav_list {
margin-top: 50px;
}
}
.pagination .current{
float: left;
display: inline-block;
padding: 0 8px;
border: 1px solid #ddd;
border-radius: 4px;
vertical-align: middle;
height: 25px;
line-height: 25px;
background-color: #0484cf;
color: #fff;
}
.cpin{
width: 100%;
padding: 20px;
}
.cpin li{
float: left;
width: 182px;
margin-top: 20px;
margin-left: 38px;
border:1px solid #ccc;
}
.cpin li span{
height: 35px;
display: block;
text-align: center;
line-height: 35px;
background: #eee;
}
@media (max-width: 768px){
.cpin{
width: 100%;
padding: 0;
}
.cpin li{
margin-left: 18px;
}
}
.page_content{
padding: 20px;
min-height: 350px;*height:350px;_height:350px;
}
.page_content p{
line-height: 30px;
}
.xinwennl p{
line-height: 30px;
}