@charset "utf-8";
/* CSS Document */
body, button, input, select, textarea {
background: none repeat scroll 0 0 #fff;
color: #888;
font: 14px/1 "Arial", "寰蒋闆呴粦";
margin: 0;
padding: 0;
overflow: hidden;
}
h1, h2, h3, h4, h5, h6 {
font-size: 14px;
padding: 0;
margin: 0;
}
ul, ol, li, dl, dt, dd {
list-style: none;
text-decoration: none;
height: auto;
padding: 0;
margin: 0;
}
address, cite, dfn, em, var {
font-style: normal;
} /* 灏嗘枩浣撴壎姝 */
code, kbd, pre, samp, tt {
font-family: "Courier New", Courier, monospace;
} /* 缁熶竴绛夊瀛椾綋 */
small {
font-size: 14px;
} /* 灏忎簬 12px 鐨勪腑鏂囧緢闅鹃槄璇伙紝璁 small 姝ｅ父鍖 */
abbr[title], acronym[title] { /* 娉細1.ie6 涓嶆敮鎸 abbr; 2.杩欓噷鐢ㄤ簡灞炴€ч€夋嫨绗︼紝ie6 涓嬫棤鏁堟灉 */
border-bottom: 1px dotted;
cursor: help;
}
q:before, q:after {
content: '';
}
p {
margin: 0;
padding: 0;
}
/* 閲嶇疆琛ㄥ崟鍏冪礌 */
legend {
color: #888;
} /* for ie6 */
fieldset, img {
border: none;
} /* img 鎼溅锛氳閾炬帴閲岀殑 img 鏃犺竟妗 */
/* 娉細optgroup 鏃犳硶鎵舵 */
button, input, select, textarea {
font-size: 100%; /* 浣垮緱琛ㄥ崟鍏冪礌鍦 ie 涓嬭兘缁ф壙瀛椾綋澶у皬 */
}
/* 閲嶇疆琛ㄦ牸鍏冪礌 */
/* 閲嶇疆 hr */
hr {
border: none;
height: 1px;
}
/* 璁╅潪ie娴忚鍣ㄩ粯璁や篃鏄剧ず鍨傜洿婊氬姩鏉★紝闃叉鍥犳粴鍔ㄦ潯寮曡捣鐨勯棯鐑 */
html {
overflow-y: scroll;
}
* {
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
}
a, a:hover {
text-decoration: none;
}
ol.breadcrumb {
background: none;
padding: 0px;
}
ol.breadcrumb li {
display: inline;
}
:link {
text-decoration: none;
color: #888;
}
:visited {
text-decoration: none;
color: #888;
}
.fl {
float: left;
}
.fr {
float: right;
}
/*======================鍏敤鏍峰紡=======================*/
.warp {
width: 100%;
margin: 0 auto;
overflow: hidden;
}
.top {
width: 100%;
height: 35px;
background: #f2f2f2;
}
.top_main {
width: 1200px;
margin: 0 auto;
position: relative;
}
.top_main .top_txt {
position: absolute;
top: 0;
left: 0;
line-height: 35px;
color: #333;
}
.top_main .top_txt span {
color: #19afb1;
}
.top_main .lang {
height: 35px;
line-height: 35px;
position: absolute;
top: 0;
right: 0;
color: #333;
}
.top_main .lang a {
color: #333;
}
.top_main .lang a:hover {
color: #19afb1;
}
.header {
width: 100%;
margin: 0 auto;
}
.logo {
width: 83px;
height: 70px;
position: absolute;
top: 0;
left: 0;
z-index: 999;
}
.logo a img {
width: 83px;
height: 70px;
display: block;
}
.logo a {
display: block;
width: 83px;
height: 70px;
}
/* fullSlide */
.fullSlide {
width: 100%;
position: relative;
height: 670px;
}
.fullSlide .bd {
margin: 0 auto;
position: relative;
z-index: 0;
overflow: hidden;
}
.fullSlide .bd ul {
width: 100% !important;
}
.fullSlide .bd li {
width: 100% !important;
height: 670px;
overflow: hidden;
text-align: center;
}
.fullSlide .bd li a {
display: block;
height: 670px;
}
.fullSlide .hd {
width: 100%;
position: absolute;
z-index: 1;
bottom: 0;
left: 0;
height: 30px;
line-height: 30px;
}
.fullSlide .hd ul {
text-align: center;
}
.fullSlide .hd ul li {
cursor: pointer;
display: inline-block;
*display: inline;
zoom: 1;
width: 15px;
height: 15px;
margin: 5px;
overflow: hidden;
border-radius: 20px;
background: #666;
line-height: 999px;
}
.fullSlide .hd ul .on {
background: #19afb1;
}
.fullSlide .prev, .fullSlide .next {
display: block;
position: absolute;
z-index: 1;
top: 50%;
margin-top: -30px;
left: 15%;
z-index: 1;
width: 40px;
height: 60px;
background: url(../images/slider-arrow.png) -126px -137px #666 no-repeat;
cursor: pointer;
filter: alpha(opacity=50);
opacity: 0.5;
display: none;
}
.fullSlide .next {
left: auto;
right: 15%;
background-position: -6px -137px;
}
/*======================棣栭〉鏍峰紡=======================*/
.index_box {
width: 1200px;
height: 150px;
background: url(../images/index_box.jpg) no-repeat;
margin: 0 auto;
}
.index_box ul {
display: block;
padding-top: 44px;
}
.index_box li {
width: 399px;
float: left;
margin-right: 1px;
text-align: center;
}
.index_box li .tit {
height: 46px;
font-size: 36px;
color: #177db0;
}
.index_box li .tit span {
padding-top: 13px;
font-size: 18px;
}
.index_box li .txt {
font-size: 16px;
color: #666;
}
.index_box li:nth-child(3) {
margin-right: 0;
}
.index_news {
width: 1200px;
height: 453px;
position: relative;
margin: 0 auto;
}
.index_news_nav {
position: absolute;
top: 0;
left: 0;
font-size: 28px;
color: #686d71;
}
.index_news_nav span {
padding: 0 12px;
}
.index_news_nav a {
color: #686d71;
}
.index_news_nav a:hover {
color: #19afb1;
}
.index_news .left_btn {
position: absolute;
top: 0;
left: 175px;
width: 28px;
height: 28px;
z-index: 999;
}
.index_news .right_btn {
position: absolute;
top: 0;
left: 213px;
width: 28px;
height: 28px;
z-index: 999;
}
.index_news_con {
width: 790px;
height: 393px;
overflow: hidden;
position: absolute;
top: 0;
left: 410px;
}
.sy_news_list {
width: 790px;
height: 393px;
}
.sy_news_list ul {
width: 790px;
}
.sy_news_list li {
width: 380px;
height: 393px;
float: left;
margin-right: 30px;
}
.sy_news_list li img {
width: 380px;
height: 256px;
display: block;
}
.sy_news_list li .txt {
display: block;
width: 380px;
height: 193px;
position: relative;
}
.sy_news_list li .txt span {
display: block;
width: 380px;
height: 25px;
line-height: 25px;
text-align: center;
overflow: hidden;
font-size: 16px;
font-weight: bold;
position: absolute;
top: 12px;
left: 0;
}
.sy_news_list li .txt span a {
color: #686d71;
}
.sy_news_list li .txt em {
display: block;
width: 380px;
height: 44px;
overflow: hidden;
line-height: 22px;
color: #888;
position: absolute;
top: 45px;
left: 0;
}
.sy_news_list li .txt .more {
width: 98px;
height: 28px;
border-radius: 20px;
line-height: 28px;
border: 1px solid #19afb1;
position: absolute;
top: 100px;
left: 149px;
text-align: center;
}
.sy_news_list li .txt .more a {
color: #19afb1;
}
.sy_news_list li .txt .more:hover {
background: #32aaab;
}
.sy_news_list li .txt .more:hover a {
color: #fff;
}
.index_box_1 {
width: 100%;
height: 1800px;
background: url(../images/index_box_1bj.jpg) repeat-x;
}
.index_hot_pro {
width: 1200px;
height: 1800px;
margin: 0 auto;
}
.index_hot_pro li {
width: 1200px;
height: 453px;
padding-top: 73px;
padding-bottom: 74px;
}
.index_hot_pro li img {
display: block;
float: left;
}
.index_hot_pro li .con {
width: 470px;
height: 310px;
margin-top: 30px;
float: right;
}
.index_hot_pro li:nth-child(2) img {
float: right;
}
.index_hot_pro li:nth-child(2) .con {
float: left;
}
.index_hot_pro li .con .tit_1 {
height: 70px;
font-size: 58px;
color: #19a7a6;
font-weight: bold;
}
.index_hot_pro li .con .tit_1 a {
color: #19a7a6;
}
.index_hot_pro li .con .tit_2 {
line-height: 48px;
color: #333;
font-size: 57px;
padding-left: 2px;
font-weight: bold;
}
.index_hot_pro li .con .txt {
height: 240px;
margin-top: 30px;
line-height: 25px;
font-size: 14px;
color: #333;
}
.index_hot_pro li .con .more {
width: 98px;
height: 28px;
border-radius: 20px;
line-height: 28px;
border: 1px solid #19afb1;
text-align: center;
}
.index_hot_pro li .con .more a {
color: #19afb1;
}
.index_hot_pro li .con .more:hover {
background: #32aaab;
}
.index_hot_pro li .con .more:hover a {
color: #fff;
}
.index_hot_pro li:nth-child(2) .con .tit_1, .index_hot_pro li:nth-child(2) .con .tit_2, .index_hot_pro li:nth-child(2) .con .txt {
text-align: left;
}
.index_hot_pro li:nth-child(2) .more {
float: left;
}
.index_pro {
width: 1200px;
height: 515px;
margin: 70px auto 0;
}
.index_pro_tit {
width: 1200px;
height: 130px;
background: url(../images/index_pro_tit.jpg) no-repeat;
text-align: center;
font-size: 28px;
color: #686d71;
}
.index_pro_con {
width: 1200px;
height: 266px;
background: url(../images/index_pro_con.jpg) no-repeat;
position: relative;
}
.index_pro_con .left_btn {
position: absolute;
top: 57px;
left: 0;
width: 60px;
height: 60px;
z-index: 999;
}
.index_pro_con .right_btn {
position: absolute;
top: 57px;
right: 0;
width: 60px;
height: 60px;
z-index: 999;
}
.index_pro_main {
width: 1078px;
height: 266px;
overflow: hidden;
position: absolute;
top: 0;
left: 61px;
}
.sy_pro_list {
width: 1078px;
height: 266px;
}
.sy_pro_list ul {
width: 1078px;
}
.sy_pro_list li {
width: 268px;
height: 266px;
float: left;
margin-right: 1px;
position: relative;
}
.sy_pro_list li img {
width: 268px;
height: 197px;
display: block;
position: absolute;
top: 0;
left: 0;
}
.sy_pro_list li .txt {
display: block;
width: 268px;
height: 50px;
position: absolute;
top: 214px;
left: 0;
text-align: center;
line-height: 26px;
font-size: 16px;
}
.sy_pro_list li .txt a {
color: #686d71;
}
.sy_pro_list li .more {
width: 240px;
height: 240px;
background: url(../images/more_bj.png) no-repeat;
position: absolute;
top: 26px;
left: 15px;
display: none;
}
.sy_pro_list li .more_txt {
width: 216px;
padding: 21px 12px;
}
.sy_pro_list li .more_txt a {
color: #fff;
}
.sy_pro_list li .more_txt span {
display: block;
width: 216px;
height: 58px;
line-height: 25px;
text-align: center;
font-size: 18px;
}
.sy_pro_list li .more_txt em {
display: block;
width: 216px;
height: 105px;
line-height: 24px;
}
.sy_pro_list li:hover .more {
display: block;
}
.index_box_2 {
width: 100%;
height: 261px;
background: #19afb1;
padding-top: 80px;
padding-bottom: 86px;
}
.index_about {
width: 1200px;
height: 261px;
margin: 0 auto;
background: url(../images/index_about_bj.jpg) no-repeat;
}
.index_about li {
width: 323px;
height: 261px;
float: left;
margin: 0 38px;
position: relative;
}
.index_about li .tit {
width: 323px;
position: absolute;
top: 20px;
left: 0;
color: #fff;
font-size: 28px;
text-align: center;
}
.index_about li .txt {
width: 323px;
height: 110px;
line-height: 24px;
position: absolute;
top: 80px;
left: 0;
color: #fff;
}
.index_about li .more {
width: 98px;
height: 28px;
border-radius: 20px;
line-height: 28px;
border: 1px solid #fff;
text-align: center;
position: absolute;
top: 244px;
left: 112px;
}
.index_about li .more a {
color: #fff;
}
.index_about li .more:hover {
background: #fff;
}
.index_about li .more:hover a {
color: #32aaab;
}
.index_al {
width: 1200px;
height: 584px;
margin: 90px auto 0;
}
.index_al_tit {
width: 1200px;
height: 102px;
background: url(../images/index_al_tit.jpg) no-repeat;
text-align: center;
font-size: 28px;
color: #686d71;
}
.index_al_con {
width: 1200px;
height: 466px;
}
.index_al_con .swiper-container {
height: 466px;
}
.index_al_con .swiper-pagination-bullet-active {
opacity: 1;
background: #19afb1;
}
.index_al_con li {
width: 380px;
height: 393px;
float: left;
margin-right: 30px;
}
.index_al_con li img {
width: 368px;
height: 240px;
display: block;
}
.index_al_con li .txt {
display: block;
width: 380px;
height: 193px;
position: relative;
}
.index_al_con li .txt span {
display: block;
width: 380px;
height: 30px;
line-height: 30px;
font-size: 18px;
position: absolute;
top: 20px;
left: 0;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.index_al_con li .txt span a {
color: #686d71;
}
.index_al_con li .txt em {
display: block;
width: 380px;
height: 104px;
overflow: hidden;
line-height: 24px;
color: #686d71;
position: absolute;
top: 53px;
left: 0;
}
.index_al_con li .txt .more {
width: 98px;
height: 28px;
border-radius: 20px;
line-height: 28px;
border: 1px solid #19afb1;
position: absolute;
top: 163px;
left: 149px;
text-align: center;
}
.index_al_con li .txt .more a {
color: #19afb1;
}
.index_al_con li:nth-child(3) {
margin-right: 0;
}
/*=======================鍐呴〉鏍峰紡=======================*/
.inner_ban {
width: 100%;
height: 357px;
}
.ban_page {
background: url(../images/ban_page.jpg) no-repeat center;
}
.ban_contact {
background: url(../images/ban_contact.jpg) no-repeat center;
}
.ban_customization {
background: url(../images/ban_customization.jpg) no-repeat center;
}
.ban_news {
background: url(../images/ban_news.jpg) no-repeat center;
}
.ban_job {
background: url(../images/ban_job.jpg) no-repeat center;
}
.ban_products {
background: url(../images/ban_products.jpg) no-repeat center;
}
.ban_app_case {
background: url(../images/ban_app_case.jpg) no-repeat center;
}
.ban_guestbook {
background: url(../images/ban_guestbook.jpg) no-repeat center;
}
.ban_literature {
background: url(../images/ban_literature.jpg) no-repeat center;
}
.ban_download {
background: url(../images/ban_download.jpg) no-repeat center;
}
.inner {
width: 1200px;
margin: 0 auto;
margin-bottom: 50px;
}
.location {
width: 1200px;
line-height: 52px;
background: url(../images/location_home.jpg) no-repeat 0 20px;
text-indent: 20px;
color: #888;
}
.location a {
color: #888;
}
.location a:hover {
text-decoration: underline;
}
.inner_pro {
overflow: hidden;
}
.inner_pro_tit {
height: 40px;
line-height: 40px;
font-size: 24px;
font-weight: 700;
color: #333;
}
.cat_intro {
margin: 20px 0;
line-height: 28px;
color: #666;
}
.group {
width: 1198px;
border: 1px solid #e2e2e2;
background: url(../images/group_bj.jpg) repeat-y;
}
.group .row {
width: 1198px;
height: 40px;
line-height: 40px;
border-top: 1px dashed #dedede;
color: #4a4a4a;
}
.group .row a {
color: #4a4a4a;
}
.group .row-first, .group .row:first-child {
border-top: none;
}
.group .row .row_fl {
width: 199px;
float: left;
text-align: center;
}
.group .row .row_fr {
width: 984px;
float: left;
margin-left: 15px;
}
.group .row .row_fr a {
padding: 0 15px;
cursor: pointer;
}
.group .row .row_fr a.sel {
color: #19afb1;
}
.group .row .row_fr a.notsel span {
color: #4a4a4a;
}
.group .row .row_fr a span {
color: #19afb1;
}
.inner_pro_con {
margin-top: 20px;
overflow: hidden;
}
.inner_pro_con li {
width: 283px;
height: 263px;
border: 1px solid #ddd;
float: left;
margin-right: 20px;
margin-bottom: 20px;
position: relative;
}
.inner_pro_con li:nth-child(4n) {
margin-right: 0;
}
.inner_pro_con li img {
width: 283px;
height: 189px;
display: block;
position: absolute;
top: 0;
left: 0;
}
.inner_pro_con li .txt {
display: block;
width: 283px;
height: 50px;
position: absolute;
top: 204px;
left: 0;
text-align: center;
line-height: 20px;
font-size: 16px;
}
.inner_pro_con li .txt p:nth-child(1) {
height: 40px;
line-height: 20px;
margin: 0 10px;
text-overflow: -o-ellipsis-lastline;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
line-clamp: 2;
-webkit-box-orient: vertical;
}
.inner_pro_con li .txt a {
color: #686d71;
}
.inner_pro_con li .more {
width: 252px;
height: 220px;
background: url(../images/more_bj.png) no-repeat;
position: absolute;
top: 26px;
left: 22px;
display: none;
}
.inner_pro_con li .more_txt {
width: 216px;
padding: 12px;
}
.inner_pro_con li .more_txt a {
color: #fff;
}
.inner_pro_con li .more_txt span {
display: block;
width: 216px;
max-height: 40px;
line-height: 20px;
margin-bottom: 10px;
overflow: hidden;
text-align: center;
font-size: 16px;
}
.inner_pro_con li .more_txt em {
display: block;
width: 216px;
height: 120px;
line-height: 24px;
font-size: 12px;
overflow: hidden;
}
.inner_pro_con li:hover .more {
display: block;
}
.show_pro_box {
width: 100%;
height: 706px;
background: url(../images/show_pro_box_bj.jpg) no-repeat center;
}
.products_date {
width: 1200px;
height: 739px;
margin: 0 auto;
padding-top: 12px;
}
.product-intro {
width: 530px;
height: 510px;
float: left;
}
.product-intro .tit {
width: 530px;
height: auto;
line-height: 50px;
margin: 10px 0;
font-size: 36px;
color: #333;
}
.product-intro .hd {
width: 530px;
height: 29px;
}
.product-intro .hd li {
margin-right: 36px;
line-height: 29px;
font-size: 16px;
color: #666;
cursor: pointer;
text-transform: uppercase;
float: left;
display: block;
}
.product-intro .hd li:hover, .product-intro .hd li.on {
border-bottom: 1px solid #19afb1;
color: #19afb1;
}
.product-intro .bd {
width: 530px;
height: 250px;
margin-top: 21px;
}
.product-intro .bd .main {
width: 490px;
height: 250px;
font-size: 16px;
color: #666;
line-height: 32px;
text-indent: 2em;
}
.product-intro .more {
width: 511px;
height: 48px;
margin-top: 29px;
}
.product-intro .more p.modified_time {
margin-top: 20px;
clear: both;
padding-top: 20px;
}
.product-intro .more span {
display: block;
width: 150px;
height: 48px;
line-height: 48px;
background: url(../images/p_m.jpg) no-repeat;
text-align: center;
float: left;
margin-right: 20px;
}
.product-intro .more span:nth-last-child {
margin-right: 0px;
}
.product-intro .more span a {
display: block;
color: #333;
font-size: 16px;
}
.products_pic {
width: 600px;
height: 510px;
float: left;
margin-left: 70px;
}
.products_pic .swiper-container {
width: 600px;
height: 500px;
}
.products_pic .swiper-slide {
text-align: center;
/* Center slide text vertically */
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
}
.products_pic .swiper-slide img {
width: 100%;
height: 400px;
}
.products_pic .swiper-pagination-bullet {
width: 12px;
height: 12px;
opacity: .3;
}
.products_pic .swiper-pagination-bullet-active {
opacity: 1;
background: #32aaab;
}
.jqzoom {
float: left;
border: none;
position: relative;
padding: 0px;
cursor: pointer;
margin: 0px;
display: block;
}
.jqzoom img {
width: 598px;
height: 399px;
background: url(../images/loading.gif) no-repeat center center;
}
.zoomdiv {
z-index: 100;
position: absolute;
top: 0px;
left: 0px;
width: 400px;
height: 376px;
background: #ffffff;
border: 1px solid #CCCCCC;
display: none;
text-align: center;
overflow: hidden;
}
.jqZoomPup {
z-index: 10;
visibility: hidden;
position: absolute;
top: 0px;
left: 0px;
width: 20px;
height: 20px;
border: 1px solid #aaa;
background: #ffffff /*url(../images/zoom.png) 50% center no-repeat*/;
opacity: 0.5;
-moz-opacity: 0.5;
-khtml-opacity: 0.5;
filter: alpha(Opacity=50);
}
/*鍥剧墖灏忓浘棰勮鍒楄〃*/
.spec-preview {
width: 598px;
height: 399px;
border: 1px solid #DFDFDF;
}
.spec-scroll {
clear: both;
padding-top: 15px;
width: 600px;
}
.spec-scroll .prev {
float: left;
margin-right: 4px;
}
.spec-scroll .next {
float: right;
}
.spec-scroll .prev, .spec-scroll .next {
display: block;
font-family: "瀹嬩綋";
text-align: center;
width: 10px;
height: 90px;
line-height: 90px;
border: 1px solid #CCC;
background: #EBEBEB;
cursor: pointer;
text-decoration: none;
}
.spec-scroll .items {
float: left;
position: relative;
width: 568px;
height: 91px;
overflow: hidden;
}
.spec-scroll .items ul {
position: absolute;
width: 999999px;
height: 90px;
}
.spec-scroll .items ul li {
float: left;
width: 142px;
text-align: center;
}
.spec-scroll .items ul li img {
border: 1px solid #CCC;
padding: 2px;
width: 129px;
height: 85px;
}
.spec-scroll .items ul li img:hover {
border: 2px solid #FF6600;
padding: 1px;
}
.show_pro {
width: 100%;
overflow: hidden;
background: url(../images/show_pro_bj.jpg) no-repeat top center #f7f7f7;
}
.show_pro_con {
width: 1200px;
overflow: hidden;
margin: 0 auto;
padding-top: 136px;
padding-bottom: 90px;
}
.show_pro_con .hd {
width: 1200px;
height: 68px;
margin-bottom: 56px
}
.show_pro_con .hd ul {
display: block;
width: 690px;
height: 68px;
margin: 0 auto;
}
.show_pro_con .hd li {
margin: 0 75px;
height: 68px;
line-height: 68px;
font-size: 20px;
font-weight: bold;
color: #fff;
cursor: pointer;
text-transform: uppercase;
float: left;
display: block;
}
.show_pro_con .hd li:hover, .show_pro_con .hd li.on {
height: 64px;
border-bottom: 4px solid #19afb1;
}
.show_pro_con .bd {
width: 1200px;
overflow: hidden;
background: #fff;
border-radius: 8px;
}
.show_pro_con .bd h3{
color: #555;
font-weight: bold;
font-size: 20px;
margin-bottom: 30px;
padding-left: 20px;
}
.show_pro_con .bd .main {
width: 1080px;
overflow: hidden;
padding-bottom: 50px;
line-height: 26px;
margin: 0 auto;
}
.show_pro_con .bd .main:nth-child(3) {
background: rgba(0, 0, 0, .4);
height: 608px;
padding-bottom: 0px;
}
.index_inner table {
border-collapse: collapse;
border: #ccc solid 1px;
}
.index_inner table.index {
border-collapse: collapse;
border: #fff solid 1px;
}
.index_inner table.index tr {
border: #fff solid 1px;
}
.index_inner table.index tr:first-child td:nth-child(1) {
/*background: rgb(28, 160, 159) !important;*/
}
.index_inner table.index tr:first-child td:nth-child(2) {
/*background: #dcedec !important;*/
font-size: 16px;
}
.index_inner table.index tr > td.bg {
background: rgb(28, 160, 159) !important;
font-size: 16px;
}
.index_inner table.index tr td:nth-child(2) {
border: #fff solid 1px; /*background: #dcedec !important;*/
padding-left: 40px;
font-size: 16px;
}
.index_inner table.index tr td:nth-child(2) p {
text-indent: 0px !important; /*border-bottom:#fff solid 1px;*/
}
.index_inner table.index tr td:nth-child(2) p:last-child { /*border-bottom:none;*/
}
.index_inner table td {
border: #fff solid 1px;
padding: 8px 0;
}
.show_pro_down {
width: 1200px;
height: 580px;
margin: 73px auto 0;
}
.show_pro_down_tit {
width: 1200px;
height: 82px;
font-size: 40px;
color: #333;
}
.show_pro_down_con {
width: 1200px;
overflow: hidden;
}
.show_pro_down_con .top {
width: 1200px;
height: 40px;
color: #333;
}
.show_pro_down_con .top a {
color: #333;
}
.show_pro_down_con .top .txt {
width: 792px;
line-height: 40px;
float: left;
background: #eee;
text-align: center;
}
.show_pro_down_con .top .time {
width: 230px;
line-height: 40px;
float: left;
background: #eee;
margin-left: 1px;
text-align: center;
}
.show_pro_down_con .top .down {
width: 176px;
line-height: 40px;
float: left;
background: #eee;
margin-left: 1px;
text-align: center;
}
.show_pro_down_con ul {
display: block;
margin-bottom: 15px;
}
.show_pro_down_con ul li {
width: 1200px;
height: 38px;
border-bottom: 1px dashed #ddd;
position: relative;
}
.show_pro_down_con ul li .txt {
width: 752px;
overflow: hidden;
line-height: 38px;
position: absolute;
top: 0;
left: 40px;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
}
.show_pro_down_con ul li .time {
width: 124px;
overflow: hidden;
line-height: 38px;
position: absolute;
top: 0;
left: 849px;
text-align: center;
}
.show_pro_down_con ul li .down {
width: 176px;
overflow: hidden;
line-height: 38px;
position: absolute;
top: 0;
right: 0;
text-align: center;
}
.show_pro_down_con ul li:hover {
display: block;
background: #f8f8f8;
}
.show_pro_down_con ul li:hover a, .show_pro_down_con ul li:hover .time {
color: #32aaab;
}
table.pam_table {
font-size: 16px;
font-family: "寰蒋闆呴粦";
}
table.pam_table td {
padding: 0px 2em;
}
.show_pro_Related {
width: 1200px;
height: 450px;
margin: 0 auto;
position: relative;
}
.show_pro_Related_tit {
width: 1200px;
height: 80px;
font-size: 40px;
color: #333;
}
.show_pro_Related_con {
width: 1200px;
position: relative;
}
table.shiyan {
border-collapse: collapse;
font-size: 16px;
font-family: "寰蒋闆呴粦"; /*border: #ccc solid 1px;*/
}
table.shiyan tr:first-child {
border-top: #ccc solid 1px;
border-bottom: #ccc solid 1px;
}
table.shiyan tr:first-child td {
color: #229998;
font-weight: bold;
}
table.shiyan tr:first-child td:first-child {
text-indent: 0px;
}
table.shiyan tr {
}
table.shiyan tr td { /*border: #ccc solid 1px;*/
padding: 2px;
text-indent: 2em;
}
table.shiyan tr td:nth-child(2), table.shiyan tr td:nth-child(3) {
width: 47%;
}
table.shiyan tr td:last-child {
}
table.shiyan tr td:first-child {
color: #229998;
font-weight: bold;
text-align: center;
text-indent: 0px;
}
table.shiyan tr:last-child {
border-bottom: #ccc solid 1px;
}
table.yangben {
border-collapse: collapse; /*border: #ccc solid 1px;*/
font-size: 16px;
font-family: "寰蒋闆呴粦";
}
table.yangben tr:first-child {
border-top: #ccc solid 1px;
border-bottom: #ccc solid 1px;
}
table.yangben tr td:first-child {
color: #229998;
font-weight: bold;
text-align: center;
text-indent: 0px;
}
table.yangben tr td:first-child p {
text-align: center;
}
table.yangben tr td { /*border: #ccc solid 1px;*/
text-align: left;
padding: 2px 8px;
}
table.yangben tr td p {
text-align: left;
}
table.yangben tr:last-child {
border-bottom: #ccc solid 1px;
}
table.experiment {
border-collapse: collapse;
}
table.experiment tr:first-child {
border-top: #ccc solid 1px;
border-bottom: #ccc solid 1px;
font-weight: bold;
}
table.experiment tr td:first-child {
font-weight: bold;
}
table.experiment tr td {
line-height: 30px;
font-size: 16px;
}
table.experiment tr:last-child {
border-bottom: #ccc solid 1px;
}
table.field tr td {
font-size: 14px;
color: #595959;
}
table.field tr {
line-height: 30px;
}
table.field tr:first-child td {
border-top: #179897 solid 1px;
border-bottom: #179897 solid 1px;
color: #179897;
}
table.field tr td:first-child {
font-weight: bold;
}
table.field tr:last-child td {
border-bottom: #179897 solid 1px;
}
table.DNA {
border-collapse: collapse;
border: #229998 solid 2px;
font-size: 16px;
}
table.DNA tr:first-child {
background: #1ab0b1;
font-weight: bold;
color: #fff;
line-height: 30px;
}
table.DNA tr:first-child td {
color: #fff;
}
table.DNA tr td {
border: #229998 solid 2px;
padding: 2px 6px;
color: rgb(89, 89, 89);
}
table.tjptsj {
border: none;
}
table.tjptsj tr td {
padding: 2px 4px;
border: #ccc solid 1px;
border-left: none;
border-right: none;
}
/*
table.tjptsj tr td:nth-child(1){ border-left:none;}
table.tjptsj tr td:last-child{ border-right:none;}
*/
table.tjptsj tr:nth-child(1) td:nth-child(1) {
}
#playBox {
width: 1200px;
height: 314px;
position: absolute;
top: 0;
left: 0;
overflow: hidden;
}
#playBox .swiper-container {
width: 1200px;
height: 314px;
}
#playBox .swiper-slide {
text-align: center;
/* Center slide text vertically */
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
}
#playBox .swiper-pagination-bullet {
width: 12px;
height: 12px;
opacity: .3;
}
#playBox .swiper-pagination-bullet-active {
opacity: 1;
background: #32aaab;
}
#playBox .swiper-container dl {
width: 1200px;
height: 314px;
display: block;
}
#playBox .swiper-container dl dd {
width: 283px;
height: 266px;
border: 1px solid #ddd;
float: left;
margin-right: 20px;
position: relative;
}
#playBox .swiper-container dl dd:nth-child(4n) {
margin-right: 0;
}
#playBox .swiper-container dl dd img {
width: 283px;
height: 189px;
display: block;
position: absolute;
top: 0;
left: 0;
}
#playBox .swiper-container dl dd .txt {
display: block;
width: 283px;
height: 50px;
position: absolute;
top: 204px;
left: 0;
text-align: center;
line-height: 26px;
font-size: 16px;
}
#playBox .swiper-container dl dd .txt .proname {
height: 26px;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
width: 100%;
}
#playBox .swiper-container dl dd .txt a {
color: #686d71;
}
#playBox .swiper-container dl dd .more {
width: 240px;
height: 240px;
background: url(../images/more_bj.png) no-repeat;
position: absolute;
top: 26px;
left: 22px;
display: none;
}
#playBox .swiper-container dl dd .more_txt {
width: 216px;
padding: 21px 12px;
}
#playBox .swiper-container dl dd .more_txt a {
color: #fff;
}
#playBox .swiper-container dl dd .more_txt span {
display: block;
width: 216px;
height: 58px;
line-height: 25px;
text-align: center;
font-size: 18px;
}
#playBox .swiper-container dl dd .more_txt em {
display: block;
width: 216px;
height: 105px;
line-height: 24px;
}
#playBox .swiper-container dl dd:hover .more {
display: block;
}
#playBox .smalltitle {
width: 1200px;
height: 74px;
position: absolute;
top: 296px;
left: 0;
z-index: 10;
}
#playBox .smalltitle ul {
width: 120px;
margin: 0 auto;
}
#playBox .smalltitle ul li {
width: 15px;
height: 15px;
margin: 0 5px;
border-radius: 10px;
border: 1px solid #19afb1;
float: left;
overflow: hidden;
*display: inline;
*zoom: 1;
}
#playBox .smalltitle .thistitle {
background: #19afb1;
}
.dingzhi {
width: 1200px;
overflow: hidden;
margin-top: 83px;
}
.dingzhi .tit {
width: 1200px;
height: 150px;
}
.dingzhi .tit span {
display: block;
text-align: center;
height: 50px;
font-size: 32px;
color: #333;
font-family: "寰蒋闆呴粦";
}
.dingzhi .tit em {
display: block;
text-align: center;
color: #333;
}
.msg-box {
width: 1200px;
margin: 0 auto;
}
.form-text {
width: 1200px;
overflow: hidden;
}
.form-text-l {
overflow: hidden;
width: 1200px;
}
.form-text-l input {
width: 340px;
margin-right: 90px;
height: 38px;
float: left;
color: #444;
background: url(../images/input1.jpg) no-repeat;
border: 0;
margin-bottom: 70px;
}
.area_inner {
width: 340px;
height: 38px;
float: left;
color: #999;
border: 0;
margin-bottom: 70px;
background: url(../images/input1.jpg) no-repeat;
}
.area_inner select {
line-height: 32px;
height: 32px;
border: none;
}
.form-text-l input:nth-child(3) {
margin-right: 0;
}
.form-textarea {
overflow: hidden;
width: 1200px;
margin-bottom: 40px;
position: relative;
}
.form-textarea textarea {
display: block;
width: 775px;
height: 48px;
line-height: 48px;
background: url(../images/input2.jpg) no-repeat;
border: 0;
color: #444;
}
.form-textarea #index_model {
width: 1200px;
}
.form_12 {
width: 1200px;
height: 12px;
}
.form-btn input {
display: block;
width: 148px;
height: 38px;
line-height: 38px;
text-align: center;
border: 1px solid #999;
border-radius: 20px;
color: #999;
margin: 0 auto;
cursor: pointer;
}
.form-textarea .validcode {
position: absolute;
left: 861px;
top: 10px;
border: none;
background: url(../images/input1.jpg) no-repeat;
height: 39px;
width: 95px;
}
.form-textarea #codeIMG {
top: 8px;
left: 960px;
position: absolute;
height: 22px;
background: #fff;
padding: 8px;
border: 1px solid #e0e0e0;
}
.down {
width: 1200px;
overflow: hidden;
}
.down_top {
width: 1200px;
height: 40px;
}
.down_top_form {
width: 285px;
height: 40px;
line-height: 40px;
margin-right: 20px;
}
.down_top_txt {
width: 283px;
height: 38px;
border: 1px solid #a8a8a8;
line-height: 38px;
margin-right: 20px;
text-indent: 20px;
}
.down_top_btn {
width: 130px;
line-height: 40px;
background: #19afb1;
color: #fff;
text-align: center;
border: 0;
}
.down_con {
width: 1200px;
overflow: hidden;
margin-top: 20px;
}
.down_con .top {
width: 1200px;
height: 40px;
color: #333;
}
.down_con .top a {
color: #333;
}
.down_con .top .txt {
width: 792px;
line-height: 40px;
float: left;
background: #eee;
text-align: center;
}
.down_con .top .time {
width: 230px;
line-height: 40px;
float: left;
background: #eee;
margin-left: 1px;
text-align: center;
}
.down_con .top .down {
width: 176px;
line-height: 40px;
float: left;
background: #eee;
margin-left: 1px;
text-align: center;
}
.down_con ul {
display: block;
margin-bottom: 15px;
}
.down_con ul li {
width: 1200px;
height: 38px;
border-bottom: 1px dashed #ddd;
position: relative;
}
.down_con ul li .txt {
width: 752px;
overflow: hidden;
line-height: 38px;
position: absolute;
top: 0;
left: 40px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.down_con ul li .time {
width: 140px;
overflow: hidden;
line-height: 38px;
position: absolute;
top: 0;
left: 849px;
}
.down_con ul li .down {
width: 176px;
overflow: hidden;
line-height: 38px;
position: absolute;
top: 0;
right: 0;
text-align: center;
}
.down_con ul li:hover {
display: block;
background: #f8f8f8;
}
.down_con ul li:hover a, .show_pro_down_con ul li:hover .time {
color: #32aaab;
}
.about_txt {
width: 1200px;
overflow: hidden;
margin: 0 auto;
line-height: 27px;
}
.about_txt section {
clear: both;
overflow: hidden;
padding-top: 137px;
}
section#p4 {
padding-top: 55px;
}
.about_txt video {
background: rgba(0, 0, 0, .7);
}
.about_txt .honor table tr td {
line-height: 18px;
padding-top: 2px;
}
.about {
width: 100%;
overflow: hidden;
background: url(../images/about_main.jpg) no-repeat top center #fff;
margin-top: -50px;
}
.about_main {
width: 1200px;
overflow: hidden;
margin: 0 auto;
padding-top: 89px;
margin-bottom: 80px;
}
.about_main .pic {
width: 430px;
height: 640px;
float: left;
}
.about_main .pic img {
display: block;
width: 430px;
height: 640px;
}
.about_main .fr_txt {
width: 630px;
float: left;
padding: 40px 70px;
background: #fff;
overflow: hidden;
}
.about_main .fr_txt .tit {
height: 50px;
font-size: 32px;
color: #333;
}
.about_main .fr_txt .about_m {
width: 630px;
line-height: 33px;
padding-bottom: 19px;
border-bottom: 1px solid #eee;
}
.about_main .fr_txt .about_m span {
padding: 0 13px;
}
.about_main .fr_txt .about_m a {
color: #32aaab;
font-weight: bold;
}
.about_main .fr_txt .about_con {
width: 630px;
line-height: 31px;
margin-top: 20px;
}
.pageInner span.subject {
display: block;
text-align: center;
height: 50px;
font-size: 32px;
font-family: "寰蒋闆呴粦";
color: #333;
}
.pageInner h1 em {
display: block;
font-size: 14px;
text-align: center;
color: #333;
margin-top: 16px;
}
.pageInner .page_info {
margin-bottom: 20px;
}
.news {
overflow: hidden;
}
.news_tit {
width: 1200px;
height: 78px;
border-bottom: 1px solid #f0f0f0;
font-size: 30px;
color: #1e1e1e;
text-align: center;
margin-bottom: 30px;
}
.top_news {
width: 1200px;
height: 350px;
overflow: hidden;
padding-bottom: 30px;
border-bottom: 1px solid #eee;
margin-bottom: 40px;
}
.top_news li {
width: 1200px;
height: 350px;
overflow: hidden;
position: relative;
}
.top_news li img {
width: 520px;
height: 350px;
position: absolute;
top: 0;
left: 0;
}
.top_news li .ntit {
width: 630px;
overflow: hidden;
position: absolute;
top: 0;
left: 570px;
font-size: 20px;
}
.top_news li .ntit a {
color: #333;
}
.top_news li .ntit a:hover {
text-decoration: underline;
}
.top_news li .time {
position: absolute;
top: 45px;
left: 570px;
}
.top_news li .txt {
width: 630px;
height: 200px;
overflow: hidden;
line-height: 30px;
position: absolute;
top: 80px;
left: 570px;
}
.top_news li .more {
position: absolute;
top: 337px;
left: 570px;
}
.owl-stage {
width: 100%;
}
.owl-item {
width: 380px;
height: 226px;
float: left;
margin-right: 30px;
}
.owl-item li {
width: 380px;
background: #fff;
transition: 460ms;
}
.owl-item:nth-child(3n) {
margin-right: 0;
}
.owl-item li figcaption {
transition: 460ms;
border-top: 8px solid #eee;
position: relative;
}
.owl-item li figcaption .mask {
height: 8px;
width: 0px;
transition: 460ms;
background: #32aaab;
position: absolute;
left: 0;
top: -8px;
}
.owl-item li:hover figcaption .mask {
height: 8px;
width: 100%;
transition: 460ms;
background: #32aaab;
}
.owl-item li figcaption .con {
width: 380px;
height: 126px;
margin-top: 30px;
transition: 460ms;
border-bottom: 1px solid #eee;
}
.owl-item li figcaption .con img {
display: block;
width: 159px;
height: 107px;
float: left;
}
.owl-item li figcaption .con .con_fr {
width: 211px;
float: left;
margin-left: 10px;
}
.owl-item li figcaption .con .con_fr .tit {
font-size: 15px;
line-height: 22px;
height: 44px;
font-weight: normal;
color: #333;
margin-bottom: 8px;
border-bottom: 1px solid #eee;
overflow: hidden;
}
.owl-item li figcaption .con .con_fr .txt {
font-size: 12px;
height: 54px;
font-weight: normal;
overflow: hidden;
line-height: 18px;
color: #999;
}
.owl-item li:hover figcaption .con .con_fr .tit {
color: #000;
}
.owl-item li figcaption .time {
float: left;
font-size: 12px;
margin-top: 11px;
color: #999;
transition: 460ms;
}
/************鏂伴椈璇︽儏**************/
.news-info {
overflow: hidden;
}
.news-info .leftwrap {
width: 70%;
margin-right: 2%;
padding-bottom: 50px;
}
.news-info.twrap .leftwrap, .news-info.m-wrap .leftwrap {
margin-right: 0;
width: 100%;
}
.news-info .rightwrap {
width: 28%;
padding-bottom: 50px;
}
.news-info h1 {
font-weight: bold;
margin-bottom: 14px;
color: #444;
font-size: 20px;
line-height: 40px;
text-align: center;
}
.news-info .entry-meta {
background: #edf1f7;
overflow: hidden;
color: #505050;
line-height: 35px;
text-align: center;
font-size: 14px;
}
.news-info .contwrap {
font-size: 14px;
padding: 10px;
color: #555;
line-height: 30px;
}
.news-info .contwrap p {
margin-bottom: 10px;
}
.news-info .contwrap p a {
color: #19afb1;
}
.news-info .contwrap img {
display: block;
margin: 0 auto;
max-width: 100%;
}
.news-info .rightwrap h4 {
font-weight: bold;
padding: 12px 14px;
line-height: 23px;
margin-bottom: 20px;
background: #19afb1;
font-size: 16px;
color: #fff;
}
.news-info .rightwrap ul {
width: 94%;
padding: 0 3%;
}
.news-info .rightwrap li {
width: 100%;
padding-bottom: 14px;
padding-top: 7px;
border-bottom: 1px solid #dadada;
}
.news-info .rightwrap li:last-child {
border-bottom: none;
}
.news-info .rightwrap li a {
color: #444;
display: inline-block;
font-size: 15px;
line-height: 28px;
}
.news-info .rightwrap li a:hover {
color: #19afb1;
}
.news-info .rightwrap li .post-date {
display: block;
line-height: 21px;
font-size: 13px;
color: #555;
margin-top: 1px;
}
.news-info .paging {
width: 100%;
overflow: hidden;
padding: 50px 0;
width: 100%;
}
.news-info .paging .fl {
font-size: 14px;
line-height: 22px;
}
.news-info .paging a {
color: #666;
}
.news-info .paging a:hover {
color: #19afb1;
}
.news-info .paging .return {
border: 1px solid #ddd;
display: block;
height: 34px;
line-height: 34px;
margin-top: 10px;
text-align: center;
width: 100px;
font-size: 14px;
}
.news-info .paging .return:hover {
border: 1px solid #19afb1;
background-color: #19afb1;
color: #fff;
}
.job_search {
width: 1200px;
height: 40px;
margin-bottom: 20px;
position: relative;
}
.job_search_txt {
width: 298px;
height: 38px;
border: 1px solid #a8a8a8;
line-height: 38px;
margin-right: 6px;
text-indent: 20px;
}
.job_search_btn {
width: 130px;
line-height: 40px;
background: #19afb1;
color: #fff;
text-align: center;
border: 0;
}
.job_search_email {
width: 130px;
position: absolute;
top: 1px;
right: 0;
line-height: 40px;
text-indent: 47px;
background: url(../images/job_search_email.jpg) no-repeat;
}
.job_type {
height: 38px;
border: 1px solid #a8a8a8;
margin-top: 1px;
}
.job_search_email a {
display: block;
color: #fff;
}
.joblist {
width: 105%;
margin-left: -55px;
}
.jonav li {
width: 25%;
}
.jot {
margin-left: 55px;
}
.jot span {
display: block;
background: #19afb1;
color: #fff;
width: 14%;
float: left;
line-height: 47px;
height: 47px;
overflow: hidden;
}
.jot span:first-child {
padding-left: 4%;
width: 26%;
}
.jod > span {
background: #eee;
color: #666;
cursor: pointer;
transition: 300ms;
-webkit-transition: 300ms;
}
.jotxs {
position: relative;
margin-bottom: 15px;
overflow: hidden;
}
.jos {
margin-left: 55px;
display: none;
padding-right: 1px;
}
.jos .bodr {
border: 1px solid #19afb1;
overflow: hidden;
padding: 30px 5% 30px 5%;
border-top: 0;
line-height: 30px;
}
.jos .bodr span {
width: 140px;
line-height: 40px;
background: url(../images/bodr_email.jpg) no-repeat;
float: right;
text-indent: 54px;
display: block;
margin-top: 20px;
}
.jos .bodr span a {
display: block;
color: #fff;
}
.jotxs .line {
background: #19afb1;
display: block;
position: absolute;
}
.jotxs .line_1 {
width: 21px;
height: 1px;
top: 23px;
left: 15px;
}
.jotxs .line_2 {
width: 1px;
height: 21px;
top: 13px;
left: 25px;
}
.jotxs .arrow {
width: 55px;
height: 47px;
position: absolute;
top: 0;
left: 0;
transition: 300ms;
-webkit-transition: 300ms;
display: none;
}
.jotxs:hover .jod > span, .jotxs.act .jod > span {
background: #19afb1;
color: #fff
}
.jotxs.act .arrow {
transform: rotate(45deg);
-webkit-transform: rotate(45deg);
-o-transform: rotate(45deg);
}
.jo2 {
padding-bottom: 6.2%;
}
.jos a {
color: #0668b2
}
select.selbox {
width: 100%;
height: 48px;
line-height: 48px;
padding: 0px;
outline: none;
vertical-align: middle;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
font-family: "microsoft yahei";
cursor: pointer;
display: block;
font-size: 14px;
padding-left: 14px;
border: 1px solid #19afb1;
color: #666
}
.no-csstransitions select.selbox {
padding-left: 0;
background-image: none;
}
select.selbox option {
padding: 2px 12px;
}
select.selbox:hover {
color: #323232;
}
.jobview {
width: 100%;
margin-top: 30px;
margin-bottom: 50px;
}
.jobview .list {
margin-top: 30px;
}
.jobview .list dd {
width: 48.5%;
display: block;
margin-bottom: 20px;
margin-right: 3%;
float: left
}
.jobview .list dt {
width: 100%;
display: block;
}
.jobview .list dd:nth-child(2n+2) {
margin-right: 0
}
.jobview .list .txt {
background-color: #fff;
border: 0px none;
padding: 10px 12px;
box-sizing: border-box;
width: 100%;
font: 14px/1.8 "microsoft yahei";
border: 1px solid #ddd;
color: #999
}
.jobview .list .txt2 {
height: 200px;
margin-bottom: 0px;
}
.jobview .list .btn {
text-align: center;
margin: 20px auto;
}
.jobview .list .fromBtn {
display: inline-block;
width: 100%;
max-width: 150px;
margin: 0px auto;
height: 50px;
line-height: 50px;
text-align: center;
font-size: 14px;
color: #fff;
background-color: #0769b2;
border: 0px;
border-radius: 5px;
margin-right: 20px;
cursor: pointer
}
.jobview .list .fromBtn:hover {
background-color: #045b9c;
}
.contact {
width: 1200px;
overflow: hidden;
margin-top: 97px;
}
.contact_fl {
width: 770px;
overflow: hidden;
float: left;
}
.contact_fl .con_top {
width: 770px;
height: 156px;
position: relative;
}
.contact_fl .con_top .tit {
font-size: 28px;
color: #292b32;
position: absolute;
top: 0;
left: 0;
}
.contact_fl .con_top .line {
width: 43px;
height: 1px;
background: #19afb1;
position: absolute;
top: 42px;
left: 0;
}
.contact_fl .con_top .txt {
width: 770px;
height: 70px;
line-height: 30px;
font-size: 16px;
color: #a2a2a2;
position: absolute;
top: 67px;
left: 0;
}
.touch {
width: 770px;
height: 466px;
position: relative;
}
div.contact_fl input[type='text'], div.contact_fl input[type='submit'] {
border: 1px solid #e0e0e0;
position: absolute;
outline: none;
text-indent: 15px;
color: #444444;
}
div.contact_fl input[type='checkbox'] {
width: 12px;
height: 12px;
}
input.utf-8_1 {
width: 376px;
height: 39px;
top: 0;
left: 0;
}
input.utf-8_2 {
width: 376px;
height: 39px;
top: 0;
left: 392px;
}
input.utf-8_3 {
width: 768px;
height: 39px;
top: 55px;
left: 0;
}
input.utf-8_4 {
height: 39px;
top: 110px;
left: 0;
width: 95px;
}
.touch #codeIMG {
top: 110px;
left: 120px;
position: absolute;
height: 22px;
background: #fff;
padding: 8px;
border: 1px solid #e0e0e0;
}
.contact_fl textarea {
width: 748px;
height: 198px;
position: absolute;
top: 166px;
left: 0;
outline: none;
overflow: hidden;
border: 1px solid #e0e0e0;
}
.contact_fl textarea, .touch input {
color: #d5d5d5;
}
.contact_fl textarea {
padding: 10px;
}
input.contact_sub {
width: 152px !important;
height: 39px !important;
text-indent: 0 !important;
top: 404px;
left: 0;
cursor: pointer;
line-height: 39px;
text-align: center !important;
background: #fff;
border: #999 solid 1px;
color: #999;
}
input.contact_sub a {
display: block;
color: #fff !important;
}
input.contact_sub:hover {
background: #19afb1;
border: #fff solid 1px;
color: #fff;
}
.contact_fr {
width: 332px;
float: left;
margin-left: 98px;
margin-top: 75px;
}
.contact_fr dl {
display: block;
width: 332px;
margin-bottom: 23px;
}
.contact_fr dt {
height: 26px;
color: #333;
}
.contact_fr dd {
line-height: 26px;
text-indent: 25px;
display: block;
color: #a2a2a2;
}
.contact_fr .add {
background: url(../images/add.jpg) no-repeat;
}
.contact_fr .hot_tel {
background: url(../images/hot_tel.jpg) no-repeat;
}
.contact_fr .tel {
background: url(../images/tel.jpg) no-repeat;
}
.contact_fr .tel2 {
background: url(../images/tel2.jpg) no-repeat;
}
.contact_fr .fax {
background: url(../images/fax.jpg) no-repeat;
}
.contact_fr .email {
background: url(../images/email.jpg) no-repeat;
}
.contact_box {
width: 100%;
overflow: hidden;
background: #f9f9f9;
}
.contact_lx {
width: 1200px;
overflow: hidden;
padding: 53px 0;
margin: 0 auto;
}
.contact_lx li {
background: url(../images/address_line.jpg) no-repeat;
width: 285px;
height: 271px;
float: left;
margin-right: 20px;
margin-bottom: 29px;
}
.contact_lx li:nth-child(4n) {
margin-right: 0;
}
.contact_lx li .con {
width: 100%;
height: 100%;
overflow: hidden;
}
.contact_lx li span {
display: block;
height: 56px;
font-size: 18px;
padding-top: 4px;
line-height: 56px;
text-align: center;
font-weight: bold;
color: #464646;
}
.contact_lx li .txt {
width: 280px;
line-height: 27px;
color: #848484;
}
.contact_lx li .txt p {
height: 29px;
font-size: 14px;
text-indent: 8px;
}
.map {
width: 100%;
height: 410px;
}
.case {
width: 1200px;
overflow: hidden;
}
.case li {
width: 368px;
height: 336px;
float: left;
margin-right: 20px;
margin-bottom: 10px;
}
.case li:nth-child(3n) {
margin-right: 0;
}
.case li img {
width: 368px;
height: 240px;
display: block;
}
.case li .con {
width: 368px;
padding-top: 19px;
}
.case li .con .tit {
height: 24px;
text-align: center;
font-size: 16px;
}
.case li .con .tit a {
color: #333;
}
.case li .con .txt {
width: 368px;
height: 43px;
text-align: center;
overflow: hidden;
line-height: 24px;
color: #999;
}
.show_case {
width: 1200px;
overflow: hidden;
line-height: 27px;
}
.guestbook {
padding-top: 30px;
}
.guestbook table th {
color: #777;
text-align: left;
}
.guestbook table td input, .guestbook table td textarea {
border: 1px solid #777;
background: #f0f0f0;
}
.red {
color: red
}
span.red {
font-size: 20px;
}
#inquiry_form input, #inquiry_form img {
vertical-align: middle;
}
/*鍦ㄧ嚎璇㈢洏椤甸潰鏍峰紡*/
.inquiry_form {
padding: 10px 0 0 30px;
color: #000;
font-family: Tahoma;
}
.inquiry_form tr {
margin: 0 0 15px 0;
}
.inquiry_form th {
text-align: right;
padding: 0 10px 0 0;
font-weight: normal;
}
.inquiry_form td input, .inquiry_form td textarea {
border: 1px solid #bbb;
padding: 2px;
}
.inquiry_form td .btn_box {
width: 60px;
height: 24px;
border: 1px solid #bbb;
background: #e6e6e6 url(../images/inquiry_btn.jpg) repeat-x;
color: #333;
cursor: pointer;
}
/*======================鍒嗛〉鏍峰紡=======================*/
.pager {
margin: 20px auto 0;
padding: 5px 0;
clear: both;
float: right;
}
.page_link {
height: 22px;
padding: 0 20px;
font-size: 11px;
color: #777;
}
.pager span {
line-height: 20px;
background: #F0F0F0;
margin: 0px 2px;
padding: 0 0.6em;
float: left;
}
.pager span a {
display: block;
}
.page_link_total {
color: #777;
}
.page_link_now {
font-weight: bold;
color: #d2211f;
}
/*======================搴曢儴鏍峰紡=======================*/
.foot_link {
width: 1200px;
height: 125px;
margin: 0 auto;
}
.foot_link .tit {
width: 1200px;
height: 38px;
border-bottom: 1px solid #e8e8e8;
}
.foot_link .tit span {
font-size: 18px;
font-weight: bold;
color: #32aaab;
}
.foot_link .tit em {
font-size: 12px;
color: #888;
padding-top: 5px;
}
.foot_link ul {
display: block;
width: 1200px;
overflow: hidden;
margin-top: 10px;
}
.foot_link ul li {
float: left;
line-height: 34px;
margin-right: 20px;
}
.foot_link ul li a:hover {
color: #19afb1;
}
.foot {
width: 100%;
height: 592px;
background: url(../images/foot_bg.jpg) repeat-x;
}
.foot_con {
width: 1200px;
height: 592px;
margin: 0 auto;
position: relative;
}
.foot_hot_pro {
width: 1200px;
overflow: hidden;
position: absolute;
top: 15px;
left: 0;
height: 50px;
}
.foot_hot_pro dt {
float: left;
color: #fff;
line-height: 25px;
}
.foot_hot_pro dd {
float: left;
margin-right: 10px;
line-height: 25px;
}
.foot_hot_pro dd a {
color: #baf9fa;
}
.foot_hot_pro dd a:hover {
color: #fff;
}
.foot_logo {
width: 290px;
height: 98px;
position: absolute;
top: 113px;
left: 0;
background: url(../images/foot_logo.jpg) no-repeat;
}
.foot_logo a {
display: block;
width: 290px;
height: 98px;
text-indent: -9999px;
}
.foot_er {
width: 310px;
height: 164px;
position: absolute;
top: 221px;
left: 0;
}
.foot_er li {
width: 130px;
height: 164px;
float: left;
margin-right: 20px;
}
.foot_er li img {
width: 130px;
height: 130px;
display: block;
}
.foot_er li span {
display: block;
width: 130px;
line-height: 34px;
text-align: center;
color: #fff;
}
.foot_menu {
width: 673px;
height: 245px;
position: absolute;
top: 140px;
left: 527px;
}
.foot_menu li {
line-height: 35px;
overflow: hidden;
font-size: 12px;
background: url(../images/d1.jpg) no-repeat 0 13px;
text-indent: 11px;
}
.foot_menu li a {
color: #baf9fa;
}
.foot_menu li a:hover {
display: block;
color: #fff;
background: url(../images/d1a.jpg) no-repeat 0 13px;
}
.foot_menu .txt {
height: 48px;
color: #fff;
}
.foot_menu .txt span {
display: block;
font-size: 16px;
height: 28px;
}
.foot_menu .txt em {
display: block;
width: 40px;
height: 2px;
background: #fff;
}
.f1 {
width: 143px;
float: left;
}
.f2 {
width: 143px;
float: left;
}
.f3 {
width: 144px;
float: left;
}
.f4 {
width: 243px;
float: left;
}
.f4 .con {
width: 243px;
height: 197px;
font-size: 12px;
position: relative;
background: url(../images/foot_lx_bg.jpg) no-repeat;
color: #baf9fa;
}
.f4 .con .add {
width: 215px;
overflow: hidden;
position: absolute;
top: 11px;
left: 28px;
}
.f4 .con .tel_1 {
width: 215px;
overflow: hidden;
position: absolute;
top: 46px;
left: 28px;
}
.f4 .con .tel_2 {
width: 215px;
overflow: hidden;
position: absolute;
top: 81px;
left: 28px;
}
.f4 .con .tel_3 {
width: 215px;
overflow: hidden;
position: absolute;
top: 116px;
left: 28px;
}
.foot_copy {
width: 1200px;
height: 60px;
position: absolute;
top: 495px;
left: 0;
text-align: center;
line-height: 21px;
font-size: 12px;
color: #a9f7f8;
}
.foot_copy a {
color: #a9f7f8;
}
.foot_copy .zjga img{padding-left: 4px;padding-right: 2px;}
.foot_con .icp{
position:absolute;
bottom: 54px;
right:95px;
color:#a9f7f8;
font-size: 12px;
}
.foot_con .icp a{color:#a9f7f8;}
.foot_con .icp img{ padding-right: 4px;}
/*鎮诞閾炬帴*/
.suspension {
position: fixed;
z-index: 55;
right: 0;
bottom: 85px;
width: 70px;
height: 240px;
}
.suspension-box {
position: relative;
float: right;
}
.suspension .a {
display: block;
width: 44px;
height: 44px;
background-color: #353535;
margin-bottom: 4px;
cursor: pointer;
outline: none;
}
.suspension .a.active, .suspension .a:hover {
background: #F05352;
}
.suspension .a .i {
float: left;
width: 44px;
height: 44px;
background-image: url(../images/side_icon.png);
background-repeat: no-repeat;
}
/* .suspension .a-service .i{background-position:0 0;} */
.suspension .a-service .i {
width: 20px;
height: 20px;
margin-top: 12px;
margin-left: 12px;
background-image: url(../images/suspension-bg.png);
background-repeat: no-repeat;
background-position: 0 0;
}
.suspension .a-service-phone .i {
width: 20px;
height: 20px;
margin-top: 12px;
margin-left: 12px;
background-image: url(../images/suspension-bg.png);
background-repeat: no-repeat;
background-position: -27px 0;
}
.suspension .a-qrcode .i {
background-position: -44px 0;
}
.suspension .a-cart .i {
background-position: -88px 0;
}
.suspension .a-top .i {
background-position: -132px 0;
}
.suspension .a-top {
background: #D2D3D6;
display: none;
}
.suspension .a-top:hover {
background: #c0c1c3;
}
.suspension .d {
display: none;
width: 223px;
background: #fff;
position: absolute;
right: 67px;
min-height: 90px;
border: 1px solid #E0E1E5;
border-radius: 3px;
box-shadow: 0px 2px 5px 0px rgba(161, 163, 175, 0.11);
}
.suspension .d .arrow {
position: absolute;
width: 8px;
height: 12px;
background: url(../images/side_bg_arrow.png) no-repeat;
right: -8px;
top: 153px;
}
.suspension .d-service {
top: 0;
}
.suspension .d-service-phone {
top: 34px;
}
.suspension .d-qrcode {
top: -39px;
}
.suspension .d .inner-box {
padding: 8px 22px 12px;
}
.suspension .d-service-item { /*border-bottom: 1px solid #eee;*/
padding: 14px 0;
}
.suspension .d-service .d-service-item {
border-bottom: none;
}
.suspension .d-service-item .circle {
width: 44px;
height: 44px;
border-radius: 50%;
overflow: hidden;
background: #F1F1F3;
display: block;
float: left;
}
.suspension .d-service-item .i-qq {
width: 44px;
height: 44px;
background: url(../images/side_con_icon03.png) no-repeat center 15px;
display: block;
transition: all .2s;
border-radius: 50%;
overflow: hidden;
}
.suspension .d-service-item:hover .i-qq {
background-position: center 3px;
}
.suspension .d-service-item .i-tel {
width: 44px;
height: 44px;
background: url(../images/side_con_icon02.png) no-repeat center center;
display: block;
}
.suspension .d-service-item h3 {
float: left;
width: 112px;
line-height: 44px;
font-size: 15px;
margin-left: 12px;
}
.suspension .d-service-item .text {
float: left;
width: 112px;
line-height: 22px;
font-size: 15px;
margin-left: 12px;
}
.suspension .d-service-item .text .number {
font-family: Arial, "Microsoft Yahei", "HanHei SC", PingHei, "PingFang SC", "Helvetica Neue", Helvetica, Arial, "Hiragino Sans GB", "Heiti SC", "WenQuanYi Micro Hei", sans-serif;
}
.suspension .d-service-intro {
padding-top: 10px;
}
.suspension .d-service-intro p {
float: left;
line-height: 27px;
font-size: 12px;
width: 50%;
white-space: nowrap;
color: #888;
}
.suspension .d-service-intro i {
background: url(../images/side_con_icon01.png) no-repeat center center;
height: 27px;
width: 14px;
margin-right: 5px;
vertical-align: top;
display: inline-block;
}
.suspension .d-qrcode {
text-align: center;
}
.suspension .d-qrcode .inner-box {
padding: 20px 0;
}
.suspension .d-qrcode p {
font-size: 16px;
color: #93959c;
}
/**********鍙戝睍鍘嗙▼**********/
.course-wrap {
width: 1200px;
overflow: hidden;
margin-top: 83px;
}
.course-wrap-tit {
width: 1200px;
height: 50px;
}
.course-wrap-tit span {
display: block;
text-align: center;
height: 50px;
font-size: 32px;
color: #333;
}
.course-wrap.m-wrap {
padding-top: 15px;
position: relative;
}
.course-wrap p.f48 {
font-size: 42px;
line-height: 50px;
color: #035cac;
}
.course-wrap.m-wrap p.f48 {
font-size: 20px;
line-height: 34px;
}
.course-wrap span.f14 {
display: block;
width: 100%;
line-height: 26px;
}
.course-wrap.m-wrap span.f14 {
line-height: 22px;
}
.course-wrap .course-list {
margin-top: 30px;
width: 100%;
position: relative;
}
.course-wrap.m-wrap .course-list {
margin-top: 20px;
}
.course-wrap .course-list .ovh {
width: 91%;
margin: 0 auto;
position: relative;
overflow: hidden;
background: url(../images/bg_12.png) repeat-x left center;
}
.course-wrap.m-wrap .course-list .ovh {
background: none;
width: 100%;
}
.course-wrap .course-list li {
width: 300px;
position: relative;
margin-right: -93px;
float: left;
}
/*chinafill 2022-0615 濡傛灉瑕佹粴鍔ㄩ渶瑕佸幓闄よ鏍峰紡*/
.course-wrap .course-list li:last-child {
opacity: 1 !important;
}
/*chinafill 2022-06*/
.course-wrap.m-wrap .course-list li {
margin-right: 0;
margin-bottom: 20px;
width: 100%;
}
.course-wrap .course-list .main {
padding: 17px 20px 27px;
background-color: #fff;
width: 260px;
color: #777;
}
.course-wrap .course-list .main p {
padding-left: 18px;
line-height: 18px;
font-size: 14px;
background: url(../images/ico_125.jpg) no-repeat left 9px;
}
.course-wrap.m-wrap .course-list .main {
width: 94%;
padding: 17px 3% 27px;
}
.course-wrap .course-list li .top {
background: url(../images/bg_10.png) no-repeat left top;
padding-top: 45px;
height: 42px;
line-height: 42px;
font-family: "Arial";
font-size: 18px;
text-align: center;
}
.course-wrap.m-wrap .course-list li .top {
padding-top: 0;
padding-left: 3%;
width: 97%;
text-align: left;
background: #e8e8e8;
}
.course-wrap .course-list li.odd {
margin-top: 0;
}
.course-wrap.m-wrap .course-list li.odd {
position: relative;
}
.course-wrap .course-list li.odd .top {
background: url(../images/bg_11.png) no-repeat left bottom;
padding-bottom: 45px;
padding-top: 0;
}
.course-wrap.m-wrap .course-list li.odd .top {
padding-bottom: 0;
background: #e8e8e8;
position: absolute;
top: 0;
left: 0;
width: 100%;
}
.course-wrap.m-wrap .course-list li.odd .main {
margin-top: 42px;
}
.course-wrap .course-list .butn {
display: block;
width: 42px;
height: 42px;
position: absolute;
top: 50%;
margin-top: -21px;
cursor: pointer;
}
.course-wrap.m-wrap .course-list .butn {
display: none;
}
.course-wrap .course-list .prev {
background: url(../images/ico_40.png) no-repeat center top;
left: 0;
}
.course-wrap .course-list .next {
background: url(../images/ico_39.png) no-repeat center top;
right: 0;
}
.course-wrap .course-list .butn:hover {
background-position: center bottom;
}
.course-wrap .course-list li:hover .top {
background: url(../images/bg_10.png) no-repeat right top;
color: #fff;
}
.course-wrap.m-wrap .course-list li:hover .top, .course-wrap.m-wrap .course-list li.odd:hover .top, .course-wrap.m-wrap .course-list li.sel .top {
background: #e8e8e8;
color: #666;
}
.course-wrap .course-list li.odd:hover .top {
background: url(../images/bg_11.png) no-repeat right top;
color: #fff;
}
/*鎶曡祫鑰呭叧绯?/
.inner-tzz {
margin-bottom: 0;
}
.tzz-box1, .tzz-box3, .tzz-box5 {
width: 100%;
overflow: hidden;
background: #fff;
padding: 50px 0;
height: 409px;
}
.tzz-box2, .tzz-box4 {
width: 100%;
overflow: hidden;
background: #f3f5f6;
padding: 50px 0;
}
.tzz-main {
width: 1200px;
margin: 0 auto;
}
.tzz-main .tzz-top {
margin-bottom: 30px;
overflow: hidden;
}
.tzz-main .tzz-top .tit {
font-size: 28px;
color: #292b32;
margin-bottom: 20px;
}
.tzz-main .tzz-top .line {
width: 43px;
height: 1px;
background: #19afb1;
}
.tzz-main1 {
}
.tzz-main1 .info {
width: 50%;
float: left;
line-height: 35px;
font-size: 16px;
color: #333;
}
.tzz-main2 {
}
.tzz-main2 .list-top {
overflow: hidden;
background: #e2e2e2;
line-height: 50px;
padding: 0 20px;
}
.tzz-main2 .list-top .t-1 {
width: 70%;
text-indent: 20px;
float: left;
font-size: 18px;
color: #333;
}
.tzz-main2 .list-top .t-2 {
width: 15%;
text-align: center;
float: left;
font-size: 18px;
color: #333;
}
.tzz-main2 .list-top .t-3 {
width: 15%;
text-align: center;
float: left;
font-size: 18px;
color: #333;
}
.tzz-main2 .list {
background-color: #fff;
}
.tzz-main2 .list>a+a {
border-top: 1px solid #f3f5f6;
}
.tzz-main2 .list .item {
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
padding: 20px;
-webkit-align-items: center;
align-items: center;
-webkit-transition: all .6s 0s ease-in-out;
-moz-transition: all .6s 0s ease-in-out;
-ms-transition: all .6s 0s ease-in-out;
-o-transition: all .6s 0s ease-in-out;
transition: all .6s 0s ease-in-out;
}
.tzz-main2 .list .item .txt {
-webkit-flex: auto;
-moz-flex: auto;
-o-flex: auto;
flex: auto;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
-webkit-justify-content: space-between;
-moz-justify-content: space-between;
justify-content: space-between;
-webkit-align-items: center;
align-items: center;
}
.tzz-main2 .list .item .txt .tit {
width: 70%;
font-size: 14px;
float: left;
color: #333;
-webkit-transition: all .6s 0s ease-in-out;
-moz-transition: all .6s 0s ease-in-out;
-ms-transition: all .6s 0s ease-in-out;
-o-transition: all .6s 0s ease-in-out;
transition: all .6s 0s ease-in-out;
}
.tzz-main2 .list .item .txt .tit i {
margin-right: 15px;
}
.tzz-main2 .list .item .txt .tit a {
color: inherit;
}
.tzz-main2 .list .item .txt .time {
width: 15%;
font-size: 14px;
float: left;
text-align: center;
color: #333;
-webkit-transition: all .6s 0s ease-in-out;
-moz-transition: all .6s 0s ease-in-out;
-ms-transition: all .6s 0s ease-in-out;
-o-transition: all .6s 0s ease-in-out;
transition: all .6s 0s ease-in-out;
}
.tzz-main2 .list .item .txt .download {
width: 15%;
font-size: 14px;
float: left;
text-align: center;
color: #333;
-webkit-transition: all .6s 0s ease-in-out;
-moz-transition: all .6s 0s ease-in-out;
-ms-transition: all .6s 0s ease-in-out;
-o-transition: all .6s 0s ease-in-out;
transition: all .6s 0s ease-in-out;
}
.tzz-main2 .list .item:hover {
background-color: #1ab0b1;
}
.tzz-main2 .list .item:hover .i {
color: #fff;
}
.tzz-main2 .list .item:hover .txt .tit {
color: #fff;
}
.tzz-main2 .list .item:hover .txt .time {
color: #fff;
}
.tzz-main2 .list .item:hover .txt .download {
color: #fff;
}
.tzz-main2 .more {
width: 160px;
line-height: 45px;
background: #fff;
text-align: center;
color: #333;
font-size: 14px;
margin: 30px auto 0;
}
.tzz-main2 .more a {
color: #333;
}
.tzz-main2 .more i {
margin-left: 16px;
}
.tzz-main2 .more:hover {
background-color: #1ab0b1;
}
.tzz-main2 .more:hover a {
color: #fff;
}
.tzz-main3 {
}
#tab {
}
#tab .tabList {
width: 100%;
overflow: hidden;
border-top: 1px solid #d8d9d9;
border-left: 1px solid #d8d9d9;
border-right: 1px solid #d8d9d9;
}
#tab .tabList ul li {
width: 24.9%;
float: left;
display: block;
text-align: center;
font-size: 18px;
color: #333;
line-height: 40px;
}
#tab .tabList ul li+li {
border-left: 1px solid #d8d9d9;
}
#tab .tabList ul li:hover, #tab .tabList ul li.cur {
background-color: #1ab0b1;
color: #fff;
}
#tab .tabCon {
border-top: 1px solid #d8d9d9;
text-align: center;
position: relative;
}
#tab .tabCon img {
max-width: 100%;
}
#tab .tabCon div {
width: 100%;
border: 1px solid #d8d9d9;
border-top: 0;
position: absolute;
opacity: 0;
filter: alpha(opacity=0);
padding: 10px 0;
height: auto;
}
#tab .tabList li.cur {
border-bottom: none;
background: #1ab0b1;
color: #fff;
}
#tab .tabCon div.cur {
opacity: 1;
filter: alpha(opacity=100);
}
.tzz-main4 {
}
.tzz-main4 .list-top {
overflow: hidden;
background: #e2e2e2;
line-height: 50px;
padding: 0 20px;
}
.tzz-main4 .list-top .t-1 {
width: 70%;
text-indent: 20px;
float: left;
font-size: 18px;
color: #333;
}
.tzz-main4 .list-top .t-2 {
width: 15%;
text-align: center;
float: left;
font-size: 18px;
color: #333;
}
.tzz-main4 .list-top .t-3 {
width: 15%;
text-align: center;
float: left;
font-size: 18px;
color: #333;
}
.tzz-main4 .list {
background-color: #fff;
}
.tzz-main4 .list>a+a {
border-top: 1px solid #f3f5f6;
}
.tzz-main4 .list .item {
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
padding: 20px;
-webkit-align-items: center;
align-items: center;
-webkit-transition: all .6s 0s ease-in-out;
-moz-transition: all .6s 0s ease-in-out;
-ms-transition: all .6s 0s ease-in-out;
-o-transition: all .6s 0s ease-in-out;
transition: all .6s 0s ease-in-out;
}
.tzz-main4 .list .item .txt {
-webkit-flex: auto;
-moz-flex: auto;
-o-flex: auto;
flex: auto;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
-webkit-justify-content: space-between;
-moz-justify-content: space-between;
justify-content: space-between;
-webkit-align-items: center;
align-items: center;
}
.tzz-main4 .list .item .txt .tit {
width: 70%;
font-size: 14px;
float: left;
color: #333;
-webkit-transition: all .6s 0s ease-in-out;
-moz-transition: all .6s 0s ease-in-out;
-ms-transition: all .6s 0s ease-in-out;
-o-transition: all .6s 0s ease-in-out;
transition: all .6s 0s ease-in-out;
}
.tzz-main4 .list .item .txt .tit i {
margin-right: 15px;
}
.tzz-main4 .list .item .txt .tit a {
color: inherit;
}
.tzz-main4 .list .item .txt .time {
width: 15%;
font-size: 14px;
float: left;
text-align: center;
color: #333;
-webkit-transition: all .6s 0s ease-in-out;
-moz-transition: all .6s 0s ease-in-out;
-ms-transition: all .6s 0s ease-in-out;
-o-transition: all .6s 0s ease-in-out;
transition: all .6s 0s ease-in-out;
}
.tzz-main4 .list .item .txt .download {
width: 15%;
font-size: 14px;
float: left;
text-align: center;
color: #333;
-webkit-transition: all .6s 0s ease-in-out;
-moz-transition: all .6s 0s ease-in-out;
-ms-transition: all .6s 0s ease-in-out;
-o-transition: all .6s 0s ease-in-out;
transition: all .6s 0s ease-in-out;
}
.tzz-main4 .list .item:hover {
background-color: #1ab0b1;
}
.tzz-main4 .list .item:hover .i {
color: #fff;
}
.tzz-main4 .list .item:hover .txt .tit {
color: #fff;
}
.tzz-main4 .list .item:hover .txt .time {
color: #fff;
}
.tzz-main4 .list .item:hover .txt .download {
color: #fff;
}
.tzz-main4 .more, .tzz-box5 .more {
width: 160px;
line-height: 45px;
background: #fff;
text-align: center;
color: #333;
font-size: 14px;
margin: 30px auto 0;
}
.tzz-box5 .more {
background: #f2f2f2;
margin: 30px 10px;
}
.tzz-main4 .more a, .tzz-box5 .more a {
color: #333;
}
.tzz-main4 .more i, .tzz-box5 .more i {
margin-left: 16px;
}
.tzz-main4 .more:hover, .tzz-box5 .more:hover {
background-color: #1ab0b1;
}
.tzz-main4 .more:hover a, .tzz-box5 .more:hover a {
color: #fff;
}
.tzz-main5 {
}
.tzz-main5 .info {
width: 100%;
line-height: 35px;
font-size: 16px;
color: #333;
}
@media screen and (max-width:991px) {
.tzz-main {
width: 100%;
}
.tzz-main1 .info {
width: 100%;
float: none;
line-height: 28px;
font-size: 14px;
}
}
.breadcrumb {
padding: 0px;
margin-bottom: 0px;
background: none;
border-radius: 0px;
text-align: left !important;
}
.location ul.breadcrumb li {
text-indent: 0px;
}
.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {
color: #fff;
background-color: #19afb1;
border-color: #19afb1;
}
.modal {
z-index: 9999;
}