@CHARSET "UTF-8";
.key_tag {
text-decoration: underline;
}
/*瀵艱埅鏍忔牱寮?/
.navv {
height: 34px;
}
.navv li {
line-height: 34px;
height: 74px;
text-align: center;
float: left;
position: relative;
z-index: 999;
text-transform: uppercase;
}
.navv li a {
display: block;
line-height: 34px;
color: #fff;
height: 34px;
font-size: 16px;
padding: 0 13px;
}
.navv li a:hover {
color: #fff;
text-decoration: none;
background-color: #cc0001;
border-radius: 15px;
}
.navv li.cur>a {
color: #fff;
text-decoration: none;
background-color: #cc0001;
border-radius: 15px;
}
.navv .sec {
width: 670px;
height: 0;
background-color: rgba(255, 255, 255, .8);
color: #fff;
overflow: hidden;
z-index: 9999;
position: absolute;
top: 74px;
left: 0px;
}
.navv li.lxff .sec {
right: 0;
left: auto;
}
.navv .sec a {
color: #333;
height: 50px;
line-height: 50px;
width: 100%;
font-size: 14px;
text-align: left;
}
.navv .sec a:hover {
color: #cc0001;
text-decoration: none;
background: none;
}
.secbox {
padding: 20px 60px;
}
.sec-left {
width:265px;
}
.sec-right {
padding-top: 10px;
}
.navv li.lxff .sec {
width: 669px;
}
.navv li.lxff .sec-left {
width: 220px;
}
.navbar-header {
padding-top: 18px;
}
.navbar-header .navbar-toggle {
border: 1px solid #b4b8bc;
padding: 0 10px 0 55px;
height: 34px;
}
.navbar-header .navbar-toggle .menu {
position: absolute;
left: 10px;
top: 0;
line-height: 34px;
color: #fff;
}
.navbar-header .navbar-toggle.active {}
.navbar-header .navbar-toggle a:hover {
text-decoration: none;
}
.navbar-header .navbar-toggle .icon-bar {
background-color: #999;
}
.navbar-header .navbar-toggle:hover {
border: 1px solid #cc0001;
background: #cc0001;
}
.navbar-header .navbar-toggle:hover .menu {
color: #fff;
}
.navbar-header .navbar-toggle:hover .icon-bar {
background-color: #fff;
}
.toleft {
position: relative;
overflow-x: hidden;
left: 0;
-webkit-transition: all 0.21s ease-out;
transition: all 0.21s ease-out;
}
.push-toleft {
left: -260px;
-webkit-transition: all 0.21s ease-out;
transition: all 0.21s ease-out;
}
.menuid.menuopen {
left: 0px;
opacity: 1;
-webkit-transition: all 0.21s ease-out;
transition: all 0.21s ease-out;
}
.push-toleft .head {
left: -260px;
}
#cbp-spmenu-s2 {
-webkit-transition: all 0.21s ease-out;
transition: all 0.21s ease-out;
}
.navbar-header {
position: relative;
}
.menuid {
width: 100%;
height: 100%;
position: fixed;
top: 0;
left: 100%;
opacity: 0;
z-index: 9999;
-webkit-transition: all 0.21s ease-out;
transition: all 0.21s ease-out;
}
.mobile-menu-overlay {
opacity: 0.3;
filter: alpha(opacity=30);
position: absolute;
display: none;
background: #000000;
z-index: 9;
top: 0;
right: 0;
width: 200%;
height: 100%;
}
.cbp-spmenu-open .mobile-menu-overlay {
display: block;
-webkit-transition: all 0.21s ease-out;
transition: all 0.21s ease-out;
}
.cbp-spmenu-right {
-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
position: absolute;
display: block;
background: #000;
z-index: 10;
top: 0;
right: 0;
width: 100%;
height: 100%;
max-width: 260px;
overflow: auto;
-webkit-overflow-scrolling: touch;
padding: 60px 0 40px 0;
text-transform: uppercase;
}
.cbp-spmenu-right li a {
padding: 15px 23px;
color: #fff;
display: block;
border-bottom: solid 1px #333;
}
.cbp-spmenu-right li a:hover {
background: #cc0001;
text-decoration: none;
}
.menuid .icon-close {
-webkit-transition: all 0.21s ease-out;
transition: all 0.21s ease-out;
position: absolute;
display: block;
cursor: pointer;
top: 0;
right: 0;
padding: 20px 20px 0 0;
font-size: 16px;
}
.menuid .icon-close span {
color: #fff;
font-size: 18px;
-webkit-transition: all 0.21s ease-out;
transition: all 0.21s ease-out;
}
.menuid .icon-close:hover span {
color: #cc0001;
}
.menuopen .mobile-menu-overlay {
display: block;
-webkit-transition: all 0.21s ease-out;
transition: all 0.21s ease-out;
}
.nav2 li a {
display: block;
color: #fff;
font: 400 16px/46px "Microsoft Yahei";
}
.nav2 li .sec a {
color: #6d6c71;
font: 400 14px/30px "Microsoft Yahei";
}
.nav3 li a {
display: block;
color: #fff;
font: 400 16px/46px "Microsoft Yahei";
background: #1c1b1f;
text-align: center;
border-bottom: 1px solid #222126;
}
.nav3 li .sec {
display: none;
}
.nav3 li .sec a {
color: #6d6c71;
font: 400 14px/30px "Microsoft Yahei";
}
/*棣栭〉banner*/
.topbanner {
width: 100%;
position: relative;
}
.banner {
width: 100%;
margin: 0 auto;
position: absolute;
height: 100%;
left: 0;
top: 0;
}
.banner ul.bb {
position: relative;
padding: 0px;
margin: 0px;
z-index: 5;
width: 100%;
height: 100%;
}
.banner ul.bb li {
position: absolute;
display: none;
width: 100%;
height: 100%;
background-size: cover;
}
.banner .num {
display: none;
position: absolute;
right: 0;
bottom: 20px;
z-index: 100;
width: 100%;
text-align: center;
}
.banner .num li {
width: 16px;
height: 16px;
display: inline-block;
margin-right: 8px;
background: #fff;
line-height: 16px;
text-indent: -100px;
overflow: hidden;
}
.banner .num li {
_display: inline;
_zoom: 1;
*display: inline;
}
.banner .num li.num_hover {
background-color: #6d1f71;
}
.banner .num li.num_hover a {
color: #fff;
}
.banner .num li a {
float: left;
display: inline;
text-align: center;
color: #666;
text-decoration: none;
cursor: pointer;
width: 16px;
height: 16px;
line-height: 16px;
}
.pre {
width: 80px;
height: 80px;
position: absolute;
left: 10%;
top: 50%;
margin-top: -40px;
z-index: 999;
cursor: pointer;
}
.next {
width: 80px;
height: 80px;
position: absolute;
right: 10%;
top: 50%;
margin-top: -40px;
z-index: 999;
cursor: pointer;
}
@keyframes myfirst {
from {
left: 100px;
opacity: 0;
}
to {
left: 0;
opacity: 1;
}
}
@-moz-keyframes myfirst
/* Firefox */
{
from {
left: 100px;
opacity: 0;
}
to {
left: 0;
opacity: 1;
}
}
@-webkit-keyframes myfirst
/* Safari 鍜?Chrome */
{
from {
left: 100px;
opacity: 0;
}
to {
left: 0;
opacity: 1;
}
}
@-o-keyframes myfirst
/* Opera */
{
from {
left: 100px;
opacity: 0;
}
to {
left: 0;
opacity: 1;
}
}
@keyframes mysec {
from {
right: 100px;
opacity: 0;
}
to {
right: 0;
opacity: 1;
}
}
@-moz-keyframes mysec
/* Firefox */
{
from {
right: 100px;
opacity: 0;
}
to {
right: 0;
opacity: 1;
}
}
@-webkit-keyframes mysec
/* Safari 鍜?Chrome */
{
from {
right: 100px;
opacity: 0;
}
to {
right: 0;
opacity: 1;
}
}
@-o-keyframes mysec
/* Opera */
{
from {
right: 100px;
opacity: 0;
}
to {
right: 0;
opacity: 1;
}
}
.topbanner .text {
color: #fff;
display: table;
text-align: center;
width: 100%;
height: 100%;
}
.topbanner .cur .text {}
.banbox {
display: table-cell;
vertical-align: middle;
}
.topbanner .text a {
color: #fff;
}
.topbanner .tit {
font: 400 60px/104px "Microsoft Yahei";
}
.topbanner p {
font: 400 35px/60px "Microsoft Yahei";
}
.topbanner .health {
font: 400 25px/40px "Microsoft Yahei";
margin-top: 50px;
}
.topbanner a.more {
display: inline-block;
width: 139px;
background: #cc0001;
font: 400 16px/49px "Microsoft Yahei";
border-radius: 20px;
color: #fff;
margin-top: 25px;
}
.topbanner .bantop {
position: relative;
opacity: 1;
right: 0;
animation: myfirst 1.2s;
-moz-animation: myfirst 1.2s;
-webkit-animation: myfirst 1.2s;
-o-animation: myfirst 1.2s;
}
.topbanner .banbottom {
position: relative;
opacity: 1;
right: 0;
animation: mysec 1.5s;
-moz-animation: mysec 1.5s;
-webkit-animation: mysec 1.5s;
-o-animation: mysec 1.5s;
}
@media (max-width: 768px) {
.topbanner .tit {
font: 400 30px/50px "Microsoft Yahei";
}
.topbanner p {
font: 400 20px/30px "Microsoft Yahei";
}
.topbanner .health {
font: 400 16px/24px "Microsoft Yahei";
margin-top: 20px;
}
}
@media(max-width:414px) {
.topbanner {
height: 158px!important;
}
.bantop,
.banbottom {
display: none;
}
.banner ul.bb li {
background-size: 100% auto;
background-repeat: no-repeat;
}
#header {
position: relative!important;
}
.next,
.pre {
width: 40px;
height: 40px;
margin-top: -20px;
}
.next img,
.pre img {
max-width: 100%;
}
}
/*騫葷伅鐗囨牱寮?*/
#focus {
width: 255px;
height: 188px;
overflow: hidden;
position: relative;
}
#focus ul {
height: 188px;
position: absolute;
}
#focus ul li {
float: left;
width: 255px;
height: 188px;
overflow: hidden;
position: relative;
background: #000;
}
#focus ul li a img {
height: 188px;
width: 255px;
}
#focus ul li div {
position: absolute;
overflow: hidden;
}
#focus .btnBg {
position: absolute;
width: 255px;
height: 20px;
left: 0;
bottom: 0;
background: #000;
}
#focus .btn {
position: absolute;
width: 255px;
height: 10px;
padding: 5px 10px;
right: 0;
bottom: 0;
text-align: right;
}
#focus .btn span {
display: inline-block;
_display: inline;
_zoom: 1;
width: 25px;
height: 10px;
_font-size: 0;
margin-left: 5px;
cursor: pointer;
background: #fff;
}
#focus .btn span.on {
background: #fff;
}
/*鎼滅儲鍜岀儹闂ㄦ悳绱?/
.hotSearch a {
margin-right: 6px;
}
#formsearch input {
height: 24px;
background: #fff;
border: 1px solid #c8c8c8;
line-height: 24px;
}
#formsearch input#keyword {
height: 24px;
line-height: 24px;
padding-left: 4px;
color: #666;
}
#formsearch input#s_btn {
width: 46px;
height: 24px;
line-height: 24px;
text-align: center;
background-color: #cc0001;
color: #fff;
border: none;
cursor: pointer;
}
/*浜у搧鍒嗙被*/
.cate {
border: 1px solid #e0e1dc;
padding: 10px;
background-color: #f7f7f7;
}
.cate li {
line-height: 28px;
border-bottom: 1px dashed #d7d7d7;
line-height: 28px;
}
.cate li a {
padding-left: 60px;
display: block;
height: 28px;
line-height: 28px;
background: url(../images/ico1.gif) 34px center no-repeat;
}
.cate li a:hover {
background-color: #ececec;
text-decoration: none;
}
/*Detailed introduction鍒嗛〉鏍峰紡*/
.total {
border-bottom: 1px dashed #e0e1dc;
padding-bottom: 10px;
}
.paging_num {
padding: 10px 0px;
overflow: hidden;
text-align: right;
}
.paging_num a {
width: 25px;
height: 20px;
line-height: 20px;
text-align: center;
display: inline-block;
border: 1px dashed #e0e1dc;
color: #666;
margin-left: 15px;
}
.paging_num a:hover {
text-decoration: none;
color: #005a98;
border: 1px dashed #005a98;
}
.paging_num .paging_hover {
text-decoration: none;
color: #005a98;
border: 1px dashed #005a98;
}
/*鏂伴椈鍒楄〃*/
.news_list {}
.news_list li {
line-height: 27px;
position: relative;
padding-left: 10px;
}
.news_list li a {
line-height: 27px;
color: #333;
}
.news_list li a:hover {
text-decoration: none;
color: #cc0001;
}
.news_list li span {
color: #999;
z-index: 0;
line-height: 27px;
position: absolute;
right: 0px;
top: 0px;
}
.news_list li h3 {
font-size: 14px;
}
.news_list li div {
line-height: 24px;
}
/*鐑棬鍏抽敭璇?/
.words {
overflow: hidden;
padding: 5px 5px 0;
}
.words li {
width: 46%;
float: left;
border: 1px dashed #d0d0d0;
background: #fcfcfc;
padding-left: 0px;
margin-bottom: 10px;
text-align: center;
}
.new1 li {
border-bottom: 1px solid #dddddd;
background: url(../images/list_dot1.gif) no-repeat 0% 50%;
padding-left: 13px;
}
.words li.right_word {
float: right;
}
/*妗堜緥鍒楄〃*/
.case_list {}
.case_list li {
float: left;
margin-left: 15px;
margin-right: 15px;
padding-bottom: 15px;
_display: inline;
}
.case_list li a.img {
padding: 1px;
border: 1px solid #e0e1dc;
}
.case_list li a.img img {
width: 150px;
height: 120px;
}
.case_list li h3 {
text-align: center;
padding-top: 5px;
}
.case_list li h3 a {
font-weight: normal;
}
.case_list li a.img {
display: block;
}
.case_list li a.img:hover {
border-color: #cc0001;
}
/*Tag鍒楄〃*/
.tag_list_product {
margin-top: 10px;
}
.tag_list_product li {
float: left;
padding-bottom: 15px;
_display: inline;
}
.tag_list_product li a.img {
padding: 1px;
border: 1px solid #e0e1dc;
}
.tag_list_product li a.img img {
width: 100%;
}
.tag_list_product li h3 {
text-align: center;
padding-top: 5px;
}
.tag_list_product li h3 a {
font-weight: normal;
}
.tag_list_product li a.img {
display: block;
}
.tag_list_product li a.img:hover {
border-color: #cc0001;
}
.tag_list_news {}
.tag_list_news li {
line-height: 27px;
position: relative;
padding-left: 10px;
}
.tag_list_news li a {
line-height: 27px;
}
.tag_list_news li span {
color: #999;
z-index: 0;
line-height: 27px;
}
.tag_list_news li h3 {
font-size: 14px;
}
.tag_list_news li div {
line-height: 24px;
}
.tag_total {
height: 36px;
line-height: 36px;
text-align: left;
padding-left: 20px;
background-color: #edf1f5;
border: 1px solid #b6c7db;
}
/*浜у搧閲屽垪琛?/
/*婊氬姩*/
#demo {
overflow: hidden;
width: 100%;
margin: 0 auto;
}
#indemo {
float: left;
width: 800%
}
#demo1 {
float: left;
}
#demo2 {
float: left;
}
#m_demo {
overflow: hidden;
width: 100%;
margin: 0 auto;
}
#m_indemo {
float: left;
width: 800%
}
#m_demo1 {
float: left;
}
#m_demo2 {
float: left;
}
.product_list {}
.product_list li {
padding-bottom: 15px;
}
.product_list li a.img {
border: 1px solid #e0e1dc;
}
.product_list li a.img img {
max-width: 100%;
height: auto;
}
.product_list li h3 {
text-align: center;
padding-top: 5px;
}
.product_list li h3 a {
font-weight: normal;
}
.product_list li a.img {
display: block;
}
.product_list li a.img:hover {
border-color: #cc0001;
}
.roll_product {
float: left;
}
.sort_a {
overflow: hidden;
}
.sort_a .layer1 {
padding: 15px 0px;
border-bottom: 1px dashed #a7b8d4;
position: relative;
height: 133px;
z-index: 1;
}
.sort_a .layer1 .img {
float: left;
padding: 5px;
border: 1px solid #dddddd;
}
.sort_a .layer1 .img img {
width: 150px;
height: 120px;
}
.sort_a .layer1 .img_right {
width: 560px;
float: right;
}
.sort_a .layer1 .img_right h3 {
font: bold 14px/36px "寰蔣闆呴粦";
}
.sort_a .layer1 .img_right span {
line-height: 25px;
display: block;
}
.sort_a .layer1 .pro_more {
position: absolute;
right: 0px;
bottom: 15px;
width: 110px;
padding-left: 10px;
height: 28px;
line-height: 28px;
background: #666666;
color: #fff;
font: bold 24px/24px "寰蔣闆呴粦";
}
.sort_a .layer1 .pro_more span {
float: left;
}
.sort_a .layer1 .pro_more a {
font: normal 12px/28px "瀹嬩綋";
color: #fff;
float: right;
padding-right: 15px;
display: inline-block;
}
.sort_a .layer1 .pro_more a:hover {
text-decoration: none;
color: #faf104;
}
.sort_a .abb_product {
padding-top: 15px;
border: 1px dashed #a7b8d4;
border-top: none;
}
.productcates {
padding-top: 10px;
}
.catemore {
color: #0080d9;
margin-top: 6px;
overflow: hidden;
position: relative;
}
.catemore h2 {
width: 360px;
float: left;
font: bold 15px/36px "寰蔣闆呴粦";
}
.catemore a {
float: right;
font: normal 14px/36px "寰蔣闆呴粦";
color: #444444;
padding-right: 28px;
}
.catemore a:hover {
text-decoration: none;
color: #0080d9;
}
/*鍦板浘鏍峰紡*/
#allmap {
width: 95%;
height: 500px;
margin-top: 20px;
margin-bottom: 10px;
margin: 0 auto;
}
.maplist {
position: relative;
overflow: hidden;
padding: 18px 0px;
}
.maplist ul li {
width: 26%;
float: left;
margin-right: 1.5%;
margin-left: 1.5%;
_display: inline;
background: url(../images/ditulogo.png) no-repeat 18px 6px;
padding-left: 40px;
line-height: 26px;
font-family: "寰蔣闆呴粦";
height: 110px;
border-right: 1px dashed #ddd;
margin-bottom: 20px;
}
.maplist ul li h2 {
font-size: 15px;
}
.maplist ul li span {
font-size: 12px;
color: #666;
}
.province {
font: normal 14px/32px "寰蔣闆呴粦";
padding: 0px 10px;
}
#search_form {
margin: 15px 0px;
padding-left: 20px;
}
#search_form select {
width: 180px;
border: 1px solid #d9d9d9;
line-height: 32px;
height: 32px;
}
.button_s {
border: none;
background: #459afa;
line-height: 30px;
color: #fff;
text-align: center;
width: 80px;
margin-left: 15px;
border-radius: 3px;
transition: all 0.3s ease 0s;
}
.button_s:hover {
background: #fb9108;
}
/*涓嬭澆鍒楄〃*/
.down_list {}
.down_list li {
line-height: 27px;
height: 27px;
position: relative;
background: url(../images/list_dot1.gif) 0 50% no-repeat;
padding-left: 10px;
}
.down_list li a {}
/*鎷涜仒鍒楄〃*/
.job_list {}
.job_list li {
line-height: 27px;
height: 27px;
position: relative;
background: url(../images/list_dot1.gif) 0 50% no-repeat;
padding-left: 10px;
}
.job_list li a {}
.job_list li span {
position: absolute;
color: #999;
right: 0;
z-index: 0;
}
/*鎷涜仒鍒楄〃*/
.download_list {}
.download_list li {
line-height: 27px;
height: 27px;
position: relative;
background: url(../images/list_dot1.gif) 0 50% no-repeat;
padding-left: 10px;
}
.download_list li a {}
.download_list li span {
position: absolute;
color: #999;
right: 0;
z-index: 0;
}
/*璇︾粏欏甸潰鍏叡鏍峰紡*/
h3.title_bar {
margin-left: 40px;
width: 420px;
float: left;
}
.share {
padding-left: 5px;
padding-bottom: 8px;
float: left;
width: 240px;
height: 26px;
}
.info_title {
border-bottom: 1px solid #e1e4e6;
}
.case_title {
border-bottom: 1px solid #e1e4e6;
}
/*浜у搧璇︾粏*/
.product_detail {
padding: 5px;
}
.product_detail h1.title {
text-align: center;
line-height: 30px;
font-size: 14px;
font-family: "Microsoft YaHei";
border-bottom: 1px solid #e0e1dc;
margin-bottom: 15px;
padding-bottom: 5px;
}
.product_detail .img {
text-align: center;
}
.product_detail .img img {}
.product_detail .small {
max-width: 100%;
height: auto;
}
.jqzoom {
text-decoration: none;
float: left;
}
.product_detail .list {
padding-top: 8px;
}
.list_p {}
.list_p li {
height: 26px;
font-size: 12px;
border-bottom: 1px dashed #e0e1dc;
padding-bottom: 5px;
padding-top: 5px;
font-family: "Microsoft YaHei"
}
.list_p li h2 {
font-size: 12px;
font-weight: normal;
font-family: "Microsoft YaHei"
}
.product_detail .inquiry {
line-height: 32px;
border: none;
margin-top: 6px;
}
.product_detail .inquiry a {
background: url("../images/xunjia.gif") center center no-repeat;
display: block;
width: 112px;
height: 32px;
text-indent: -99999px;
}
.product_detail .inquiry a:hover {
background-image: url("../images/xunjia_hover.gif");
}
.list_p li h2 a {
font-size: 12px;
font-family: "Microsoft YaHei"
}
.p_detail span.title {
line-height: 28px;
height: 28px;
text-align: left;
margin-top: 10px;
display: block;
padding-left: 10px;
font-size: 12px;
border-bottom: 1px solid #e0e1dc;
}
.p_detail p.dd {
padding-top: 5px;
padding-bottom: 5px;
}
h3.tag {
line-height: 32px;
border-top: 1px dashed #e0e1dc;
margin-top: 10px;
color: #999;
font-weight: normal;
}
h3.tag a {
color: #005a98;
}
h3.tag a:hover {
color: #cc0001;
}
.page {
line-height: 26px;
border-top: 1px dashed #e0e1dc;
margin-top: 6px;
padding-top: 5px;
font-size: 12px;
}
.page a {
color: #005a98;
}
.page a:hover {
color: #cc0001;
}
.page span {
color: #005a98;
}
/*鏂伴椈璇︾粏*/
.news_detail {}
.news_detail h1.title {
text-align: center;
font-family: "Microsoft YaHei";
font-size: 18px;
border-bottom: 1px solid #e0e1dc;
margin-bottom: 5px;
padding-bottom: 10px;
}
.news_detail h3.title_bar {
line-height: 26px;
text-align: center;
font-weight: normal;
color: #808080;
float: left;
height: 26px;
overflow: hidden;
}
.news_detail h3.title_bar span {
padding-right: 10px;
}
/*鎷涜仒璇︾粏*/
.job_detail {}
.job_detail h1.title {
text-align: center;
font-family: "Microsoft YaHei";
font-size: 18px;
border-bottom: 1px solid #e0e1dc;
margin-bottom: 5px;
padding-bottom: 10px;
}
.job_detail h3.title_bar {
line-height: 26px;
text-align: center;
font-weight: normal;
color: #808080;
}
.job_detail h3.title_bar span {
padding-right: 10px;
}
.job_detail .content h4 {
background-color: #f1f1f1;
height: 26px;
line-height: 26px;
text-align: left;
padding-left: 15px;
}
.job_detail .content div.text {
padding-top: 10px;
padding-left: 22px;
padding-right: 8px;
}
/*涓嬭澆璇︾粏*/
.down_info {
padding: 10px;
margin-top: 15px;
}
.down_info table {
width: 100%;
}
.down_info table thead {
line-height: 26px;
background-color: #f2f2f2;
}
.down_info table th {
border: 1px solid #b6d5f1;
}
.down_info table td {
padding: 3px;
padding-left: 10px;
padding-right: 5px;
border: 1px solid #b6d5f1;
text-align: center;
line-height: 28px;
height: 28px;
}
#download {
text-decoration: underline;
}
#down_detail {}
#down_detail .title {
line-height: 26px;
text-align: left;
padding-left: 15px;
font-size: 14px;
height: 26px;
background-color: #ececec;
}
#down_detail .text {
padding: 10px;
}
/*鍐呴〉宸︿晶鍒嗙被閫氱敤鏍峰紡*/
.sort {
padding: 15px 0 10px;
}
.sort li {
position: relative;
z-index: 999;
}
.sort li .about_b {
position: absolute;
left: 210px;
top: 0px;
width: 250px;
padding: 10px 20px;
background: #f5f6f6;
border-bottom: 2px solid #3a78c1;
z-index: 9999;
}
.sort li .about_b a {
background: url(../images/list.jpg) no-repeat 0 50%;
padding-left: 18px;
}
.sort li .layer2 {
position: absolute;
left: 210px;
top: 0px;
width: 250px;
padding: 10px 20px;
background: #f5f6f6;
border-bottom: 2px solid #3a78c1;
z-index: 9999;
}
.sort li .layer2 li {
overflow: hidden;
}
.sort li .layer2 li a {
font-weight: bold;
background: url(../images/ico1.gif) no-repeat 0% 50%;
}
.sort li .layer2 li a:hover {
text-decoration: none;
color: #cc0001;
}
.sort li .layer2 li .layer3 li {
border-bottom: 1px dashed #d5d5d5;
margin: 6px 0px;
height: 24px;
line-height: 24px;
}
.sort li .layer2 li .layer3 li a {
font: normal 12px/24px "寰蔣闆呴粦";
background: none;
}
.sort li a {
background: url(../images/list.jpg) no-repeat 20px 50%;
color: #333;
display: block;
line-height: 35px;
padding-left: 38px;
}
.sort li a:hover {
color: #cc0001;
text-decoration: none;
}
//.sort .layer2 li{width:200px;height:35px;margin-bottom:0;background:none;}
/*鍐呴〉鐣欒█*/
.message {
padding-top: 10px;
z-index: 100;
position: relative;
}
.message input {
vertical-align: middle;
}
.message #name {
display: block;
height: 40px;
line-height: 40px;
padding: 0;
padding-left: 6px;
border: 1px solid #dedede;
width: 100%;
}
.message #contact {
display: block;
height: 40px;
line-height: 40px;
padding: 0;
padding-left: 6px;
border: 1px solid #dedede;
width: 100%;
}
.message #email {
display: block;
height: 40px;
line-height: 40px;
padding: 0;
padding-left: 6px;
border: 1px solid #dedede;
width: 100%;
}
.message #address {
display: block;
height: 40px;
line-height: 40px;
padding: 0;
padding-left: 6px;
border: 1px solid #dedede;
width: 100%;
}
.message #content {
display: block;
height: 120px;
padding: 6px;
font-size: 12px;
border: 1px solid #dedede;
margin-top: 6px;
width: 100%;
}
.message .msgbtn {
background: #fe693e;
cursor: pointer;
width: 90px;
height: 30px;
line-height: 30px;
text-align: center;
border: none;
color: #fff;
font-size: 14px;
border-radius: 3px;
margin-top: 15px;
font-family: "Microsoft YaHei";
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
}
#code {
padding-top: 10px;
line-height: 26px;
}
#checkcode {
height: 32px;
line-height: 32px;
width: 115px;
border: 1px solid #dedede;
}
#message_main tr {
position: relative;
}
#message_main tr th {
font-weight: normal;
text-align: right;
height: 42px;
line-height: 42px;
color: #666;
}
.m_label {
position: absolute;
width: 160px;
text-align: left;
line-height: 40px;
padding-left: 8px;
color: #ccc;
z-index: 1;
cursor: text;
}
.c_label {
line-height: 18px;
padding-top: 12px;
}
.messd {
padding: 10px 0;
}
.messd .col-sm-1 {
padding: 0;
}
.message2 {
padding-top: 30px;
z-index: 100;
position: relative;
}
.message2 input {
vertical-align: middle;
}
.message2 #name {
display: block;
height: 79px;
line-height: 79px;
padding: 0;
padding-left: 6px;
border: none;
width: 100%;
border-radius: 3px;
}
.message2 #contact {
display: block;
height: 79px;
line-height: 79px;
padding: 0;
padding-left: 6px;
border: none;
width: 100%;
border-radius: 3px;
}
.message2 #email {
display: block;
height: 26px;
line-height: 26px;
padding: 0;
padding-left: 6px;
border: 1px solid #dedede;
width: 200px;
}
.message2 #address {
display: block;
height: 26px;
line-height: 26px;
padding: 0;
padding-left: 6px;
border: 1px solid #dedede;
width: 200px;
}
.message2 #content {
display: block;
height: 79px;
line-height: 79px;
padding: 0;
padding-left: 6px;
border: none;
width: 100%;
border-radius: 3px;
}
.message2 .msgbtn {
background: #222126;
cursor: pointer;
width: 257px;
height: 53px;
line-height: 53px;
text-align: center;
border: none;
color: #fff;
font-size: 17px;
border-radius: 3px;
margin-top: 25px;
font-family: "Microsoft YaHei";
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
}
.message2 #code {
padding-top: 25px;
line-height: 26px;
text-align: center;
}
.message2 #checkcode {
height: 45px;
line-height: 45px;
width: 200px;
border: none;
}
.message2 #code a {
color: #fff;
}
.message2 #message_main tr {
position: relative;
}
.message2 #message_main tr th {
font-weight: normal;
text-align: right;
height: 42px;
line-height: 42px;
color: #666;
}
.message2 .m_label {
position: absolute;
width: 100%;
text-align: left;
line-height: 79px;
padding-left: 8px;
color: #6a6a6a;
z-index: 1;
cursor: text;
font-size: 19px;
padding-top: 0;
}
.message2 .c_label {
line-height: 79px;
}
/*棣栭〉鐣欒█琛ㄥ崟*/
.index_message {
position: relative;
}
.name_input {
border: 1px solid #cccccc;
margin-top: 5px;
background: #fff;
height: 22px;
width: 189px;
}
.input_left {
float: left;
width: 40px;
text-align: center;
background: url(../images/newadd/title_left.jpg) left top repeat-x;
height: 22px;
line-height: 22px
}
.input_right {
position: relative;
float: right;
}
.input_right input {
height: 22px;
line-height: 22px;
}
.input_right .m_label {
position: absolute;
width: 100px;
text-align: left;
line-height: 22px;
padding-left: 6px;
color: #ccc;
z-index: 1;
cursor: text;
}
#m_div {
width: 222px;
position: fixed;
right: 2px;
bottom: 0px;
padding-bottom: 1px;
z-index: 99999;
background: none;
}
.d_label {
line-height: 18px;
padding-top: 8px;
width: 160px;
}
.w_message {
border: 1px solid #4a9cf9;
padding: 7px;
padding-top: 3px;
height: 238px;
background: #fff;
padding-bottom: 27px;
background: url(../images/newadd/message_bg.jpg) left top no-repeat;
}
.w_message #name {
width: 142px;
height: 22px;
line-height: 22px;
border: none !important;
}
.w_message #contact {
width: 142px;
height: 20px;
line-height: 20px;
border: none !important;
}
.w_message #email {
width: 142px;
height: 20px;
line-height: 20px;
border: none !important;
}
.w_message #address {
width: 142px;
height: 20px;
line-height: 20px;
border: none !important;
}
.w_message #content {
width: 176px;
height: 65px;
resize: none;
overflow-y: auto;
overflow-x: hidden;
}
.w_message #checkcode {
width: 82px;
height: 22px;
line-height: 22px;
border: 1px solid #ccc;
background-color: #fff;
}
#message_main {
display: table-cell;
}
.w_message #message_main tr {
display: block;
width: 100%;
overflow: hidden;
line-height: 28px;
}
.w_message #message_main tr th {
height: 28px;
line-height: 28px;
width: 37px;
text-align: center;
vertical-align: middle;
overflow: hidden;
}
.w_message #code {
padding-top: 0px;
margin-top: 5px;
}
.w_title {
background: none;
color: #fff;
;
position: relative;
cursor: pointer;
height: 33px;
width: 222px;
overflow: hidden;
}
.w_message #message_main .m_input {
border: 1px solid #ccc;
background-color: #fff;
}
.w_message .msgbtn {
width: 93px;
height: 29px;
line-height: 20px;
background: url(../images/newadd/submit.png) 50% 50% no-repeat;
margin-top: 3px;
border: none;
font-family: "瀹嬩綋", arial;
font-size: 12px;
margin-left: 54px;
font-family: "寰蔣闆呴粦";
color: #fff;
}
.w_message .msgbtn_hover {
background: #3c96fc;
color: #fff;
border: 1px solid #3c96fc;
}
.m_close {
background: url(../images/newadd/messbtn.png) left top no-repeat;
position: absolute;
right: 0px;
top: 0px;
cursor: pointer;
overflow: hidden;
width: 19px;
height: 20px;
right: 12px;
top: 8px;
cursor: pointer;
}
.m_open {
background: url(../images/newadd/messbtn1.png) left top no-repeat;
}
.w_message .m_under {
position: absolute;
width: 227px;
height: 37px;
line-height: 41px;
left: 0;
bottom: 1px;
}
.w_message .support {
color: #000;
width: 100px;
position: absolute;
bottom: 1px;
right: 8px;
font-size: 12px;
}
#m_top {
height: 1px;
font-size: 0px;
line-height: 1px;
margin: 0 2px;
background: #4a9cf9;
}
#m_mid {
height: 1px;
font-size: 0px;
line-height: 1px;
margin: 0 1px;
background: #4a9cf9;
}
#m_bot {
background: #4a9cf9;
height: 31px;
line-height: 31px;
padding-left: 9px;
font-family: "寰蔣闆呴粦";
font-size: 13px;
}
/*鍒嗛〉鏍峰紡1*/
.pageController {
padding-right: 10px;
padding-top: 5px;
padding-bottom: 5px;
color: #505050;
margin: 0 auto;
border-top: 1px solid #E2E3E4;
margin-top: 16px;
line-height: 24px;
}
.pageController a {
background-color: #FFF;
vertical-align: middle;
border: #efefef 1px solid;
color: #505050;
padding: 5px 8px;
margin-right: 3px;
margin-left: 3px;
}
.pageController a:hover {
background-color: #efefef;
color: #438ece;
text-decoration: none;
border: #efefef 1px solid;
}
.pageController .currPage {
background-color: #efefef;
color: #ff0000;
border: #efefef 1px solid;
}
.pageController .t1 {
float: left;
margin-right: 5px;
height: 24px;
line-height: 22px;
white-space: nowrap;
}
.pageController .t2 {
float: right;
vertical-align: middle;
line-height: 24px;
}
.pageController .t2 #current {
padding: 0 5px;
line-height: 24px;
}
.pageController .t1 span {
padding-left: 4px;
padding-right: 4px;
}
.pageController select {
height: 24px;
vertical-align: middle;
text-align: center;
line-height: 24px;
}
.pageController select option {
vertical-align: middle;
}
/*鐩稿叧浜у搧鍜屾柊闂?/
.relate_list {
margin-top: 10px;
}
.relate h4 {
line-height: 30px;
border-bottom: 1px solid #cc0001;
padding-left: 5px;
}
#relate_p .img img {
max-width: 100%;
height: auto;
width: auto;
}
#relate_p li {}
#relate_n li {
width: 48%;
float: left;
}
.relate ul {
float: none;
}
/*鍗氬鍒楄〃*/
.blog_list {}
.blog_list li {
border-bottom: 1px solid #ccc;
padding-bottom: 20px;
}
.blog_list li h2 {
line-height: 42px;
height: 42px;
padding-left: 10px;
padding-left: 20px;
border-bottom: 1px dashed #ccc;
}
.blog_list li h2 a {
font-size: 14px;
font-family: "Microsoft YaHei";
font-weight: bold;
color: #4C4C4C;
line-height: 42px;
color: #204e7d;
}
.blog_list li .summary {
color: #878787;
line-height: 28px;
height: 28px;
text-indent: 20px;
padding-top: 5px;
padding-bottom: 5px;
}
.blog_list li .under {
padding-left: 20px;
padding-top: 5px;
height: 24px;
line-height: 24px;
padding-bottom: 5px;
color: #2970a6;
}
.blog_list li .under a {
color: #2970a6;
}
/*Sitemap*/
h3.map_title {
line-height: 30px;
line-height: 30px;
background-color: #f5f8fa;
border: 1px solid #d6dbe1;
text-indent: 20px;
color: #3b639f;
border-bottom: 2px solid #458fce;
}
.map_list {
line-height: 30px;
padding-left: 20px;
margin-top: 8px;
margin-bottom: 8px;
}
.map_list a {
padding: 4px;
white-space: nowrap;
}
.map_list a:hover {
text-decoration: none;
background-color: #3b639f;
color: #fff;
padding: 4px;
}
/*Hot push product*/
.content-getkey {
padding: 15px 10px;
}
.getkey_list {}
.getkey_list li {
float: left;
margin-left: 20px;
margin-right: 20px;
padding-bottom: 15px;
_display: inline;
}
.getkey_list li a.img {
padding: 1px;
border: 1px solid #e0e1dc;
}
.getkey_list li a.img img {
width: 150px;
height: 120px;
}
.getkey_list li h3 {
text-align: center;
padding-top: 5px;
}
.getkey_list li h3 a {
font-weight: normal;
}
.getkey_list li a.img {
display: block;
}
.getkey_list li a.img:hover {
border-color: #cc0001;
}
.content-getkey .content {
line-height: 24px;
overflow: hidden;
padding: 15px 10px 10px;
}
.getkey_detail .content {
line-height: 24px;
overflow: hidden;
padding: 15px 10px 10px;
}
/*綆鍘嗘彁浜?/
.job-title {
padding-left: 10px;
line-height: 40px;
font-size: 16px;
margin-bottom: 15px;
}
.job-title .job-send {
background: #f1f1f1;
padding: 5px 10px;
border-radius: 4px;
}
.send-title {
border-bottom: 1px solid #ddd;
margin-bottom: 15px;
padding-bottom: 10px;
font-size: 16px;
color: #060;
}
.message-job {
padding-left: 10px;
padding-bottom: 10px;
}
.message-job li {
line-height: 30px;
margin-bottom: 10px;
}
.message-job li label {
font-size: 14px;
width: 70px;
float: left;
text-align: right;
}
.message-job li span {
color: red;
}
.message-job li input[type='radio'] {
margin: 0 10px;
}
.message-job li input.jobinput {
border: 1px solid #ccc;
width: 200px;
margin: 0 5px;
line-height: 24px;
height: 24px;
padding: 0 5px;
}
.message-job li select {
line-height: 24px;
height: 24px;
padding: 0 5px;
}
.message-job li #experience {
width: 400px;
height: 80px;
}
.message-job li input#file {
margin-top: 18px;
margin-right: 20px;
}
.message-job input.jobbtn {
width: 80px;
border: 1px solid #f1f1f1;
background: #BBB;
color: #fff;
border-radius: 4px;
font-family: "Microsoft Yahei";
line-height: 30px;
height: 30px;
margin: 0 8px 0;
cursor: pointer;
}
.message-job input.jobbtn:hover {
background: #aeaaaa;
}
.message-job li.last {
border-bottom: 1px solid #ddd;
margin-bottom: 8px;
padding: 5px 0;
font-size: 14px;
color: #060;
}
.resume-prompt {
line-height: 36px;
color: #999;
}
.message-job span.last {
color: red;
display: inline-block;
line-height: 36px;
} 日韩区日本高清在线,日韩不卡av高清无码手机版,日韩AV无码一区二区三区