/**Author: zlr*Updated: 2018.7.2**/
html, body, div, ul, li, h1, h2, h3, h4, h5, h6, p, input, textarea, button {
padding: 0;
margin: 0;
}
body {
min-width: 1300px;
font-family:'\5FAE\8F6F\96C5\9ED1';
font-size: 14px;
color: #333;
}
a {
text-decoration: none;
color: #333;
}
a.visited:visited{
color: #c7c7c7;
}
a:hover {
color: #e62129;
}
img {
border: none;
outline: none;
}
ul, li {
list-style: none
}
.fll {
float: left;
}
.flr {
float: right;
}
input, textarea, button {
outline: none;
border: none;
}
.clearfix:after {
content:".";
display: block;
height: 0;
clear: both;
visibility: hidden
}
.clearfix {
*+height: 1%
}
.header {
height: 95px;
}
.inner {
width: 1200px;
margin: 0 auto;
}
.logo {
width: 383px;
height: 95px;
background: url(../images/logo.jpg) no-repeat;
display: block;
float: left;
}
.head_right {
width: 590px;
float: right;
}
.head_link {
width: 220px;
float: left;
height: 21px;
margin-top: 38px;
font-size: 14px;
color: #666
}
.head_link a.hover {
background: url(../images/topicon.png) no-repeat;
}
.head_link a {
float: left;
margin-right: 22px;
background: url(../images/allicon.png) no-repeat;
height: 21px;
line-height: 21px;
color: #666;
}
.head_link a.icon1 {
background-position: 0 1px;
padding-left: 22px;
}
.head_link a.icon2 {
background-position: 0 -28px;
padding-left: 28px;
}
.head_link a.icon3 {
background-position: 0 -58px;
padding-left: 26px;
}
.head_link a.icon4 {
background-position: 0 -90px;
padding-left: 23px;
color: #333!important;
margin-right: 3px;
}
.head_link span {
width: 12px;
display: block;
background: url(../images/allicon.png) no-repeat;
background-position: 0 -184px;
height: 21px;
vertical-align: bottom;
float: left;
}
.head_link a:hover {
color: #e62129;
}
.head_link a.none {
background: none;
}
.search {
width: 342px;
float: right;
margin-top: 25px;
}
.s_input {
background: url(../images/allicon.png) no-repeat;
height: 42px;
line-height: 42px;
border: 2px solid #e62129;
border-right: 0;
background-position: 10px -119px;
padding-left: 41px;
width: 218px;
float: left;
}
.s_input input {
line-height: 36px;
margin-top: 3px;
font-size: 16px;
}
.seach_btn {
float: left;
width: 80px;
height: 46px;
line-height: 46px;
color: #fff;
background-color: #e62129;
text-align: center;
font-size: 18px;
}
.seach_btn:hover {
color: #fff;
background-color: #c70008;
}
.nav {
height: 50px;
line-height: 50px;
background-color: #e62129;
}
.nav .mian_nav>li {
float: left;
margin-right: 2px;
position: relative;
height: 50px;
}
.nav .mian_nav li ul {
display: none;
}
.nav .mian_nav>li>a {
display: inline-block;
color: #fff;
font-size: 18px;
padding: 0 23px;
}
.nav .mian_nav>li>a.cur, .nav .mian_nav>li>a:hover {
background-color: #c70008;
}
.nav .mian_nav>li.cur {
background-color: #e62129;
}
/* .nav .mian_nav > li:hover .sub_nav, .nav .mian_nav > li.cur .sub_nav{display:block;} */
.nav .mian_nav li ul.sub_nav {
width: 120px!important;
}
.nav .sub_nav a {
color: #333;
text-align: center;
display: block;
}
.nav .sub_nav a:hover, .nav .sub_nav a.cur {
color: #fff;
background-color: #e62129
}
.nav .mian_nav li:hover .sub_nav {
display: block;
font-size: 14px;
color: #fff;
line-height: 28px;
width: 100%;
z-index: 9999;
position: absolute;
top: 49px;
left: 0px;
}
.navallow {
height: 20px;
width: 100%;
background: url(../images/navallow.png) no-repeat top center;
}
.nav .sub_nav li {
background: url(../images/subbg.png) repeat-y top center;
}
.nav .subbot {
background: url(../images/subbot.png) top center no-repeat;
height: 8px;
}
.banner {
width: 100%;
height: 460px;
background: url(../images/banner2.jpg) center center no-repeat;
}
.i_content {
width: 1200px;
margin: 18px auto 0;
}
.i_leftcon {
width: 590px;
float: left;
}
.i_rightcon1 {
width: 590px;
float: right;
}
.i_rightcon {
width: 581px;
float: right;
}
.i_con1 {
height: 440px;
}
.i_con2 {
height: 318px;
padding-top: 18px;
}
.i_title {
padding: 30px 0 20px 0;
height: 28px;
}
.i_title h2, .i_title i, .i_title .en_dosc {
display: block;
float: left;
}
.i_title p{
float: right;
font-size: 14px;
line-height: 28px;
color: #999;
}
.i_title p span{
display: inline-block;
vertical-align: top;
}
.i_title p #todayNewNum, .i_title p #recommendNum {
color: #e62129;
font-weight: bold;
}
.i_title i {
background-color: #e62129;
width: 3px;
height: 26px;
margin-top: 1px;
}
.i_title h2 {
color: #e62129;
font-size: 28px;
line-height: 28px;
padding: 0 18px 0 9px;
font-weight: normal;
}
.i_title span {
font-size: 16px;
color: #999;
line-height: 28px;
}
.i_title a {
float: right;
color: #e62129;
}
.i_newslist {
padding: 9px 10px 0 10px;
height: 333px;
overflow: hidden;
}
.i_news {
padding-top: 18px;
}
.top_news {
height: 97px;
border-bottom: #dddddd dashed 1px;
margin: 2px 8px 0 8px;
}
.top_news .name {
font-size: 20px;
line-height: 36px;
margin-bottom: 6px;
display: block;
height: 36px;
overflow: hidden;
}
.top_news .info {
color: #787878;
line-height: 20px;
font-size: 14px;
width: 466px;
float: left;
height: 40px;
overflow: hidden;
}
.top_news .time {
width: 85px;
font-size: 14px;
display: block;
float: right;
color: #787878;
padding-top: 20px;
}
.line {
border: 1px solid #e4e4e4;
}
.i_newslist .list {
line-height: 32px;
*line-height: 28px;
font-size: 14px;
padding: 10px 10px 0 0;
}
.i_newslist .list li {
background: url(../images/allicon.png) no-repeat;
background-position: 6px -153px;
padding-left: 20px;
height: 32px;
*height: 28px;
overflow: hidden;
}
.i_newslist .list li a {
width: 410px;
overflow: hidden;
display: block;
float: left;
}
.i_newslist .list li span {
width: 85px;
float: right;
display: block;
color: #999;
}
.i_conbox2 {
height: 220px;
overflow: hidden;
}
.job_more {
background: url(../images/job.jpg) no-repeat;
height: 55px;
width: 200px;
padding-top: 146px;
float: left;
margin: 10px 0 0 10px;
}
.notice_more {
background: url(../images/notice.jpg) no-repeat;
height: 201px;
width: 200px;
float: left;
margin: 10px 0 0 10px;
}
.job_more a, .notice_more a {
display: block;
width: 90px;
height: 30px;
margin: 0 auto;
background: rgba(230, 33, 41, 0.8);
*background: #e62129;
color: #fff;
line-height: 30px;
text-align: center;
}
.notice_more a.invitation_item{
margin: 115px auto 10px auto;
}
.job_more a:hover, .notice_more a:hover {
background: rgba(244, 72, 79, 0.8);
*background: #f4484f;
}
.i_conbox2_more a {
display: block;
margin: 0 auto 0;
width: 90px;
height: 30px;
}
.i_conbox2 .list {
font-size: 14px;
padding: 5px 10px 0 0;
width: 351px;
float: right;
}
.i_conbox2 .list li {
background: url(../images/allicon.png) no-repeat;
background-position: 6px -153px;
padding-left: 20px;
height: 35px;
line-height: 35px;
*height: 30px;
*line-height: 30px;
overflow: hidden;
}
.i_conbox2 .list li div{
width: 237px;
overflow: hidden;
float: left;
}
.i_conbox2 .list li div a{
max-width: 202px;
display: block;
float: left;
overflow: hidden;
}
.i_conbox2 .list li div img{
width: 29px;
height: 13px;
display: block;
float: left;
margin: 9px 0px 0px 5px;
}
.i_conbox2 .list li span {
width: 82px;
float: right;
display: block;
color: #999;
}
.subsidiary {
width: 340px;
height: 301px;
background: url(../images/service.jpg) no-repeat;
float: left;
color: #fff;
}
.subsidiary .tit {
padding: 20px 0 67px 22px;
}
.subsidiary .tit h3 {
font-size: 20px;
}
.subsidiary .tit p {
font-size: 14px;
line-height: 28px;
}
.subsidiary .inputcon {
margin: 0px auto 20px;
width: 300px;
background-color: #fff;
}
.subsidiary .inputcon select {
width: 100%;
height: 34px;
font-size: 14px;
color: #666;
text-align: center;
border: none;
border-radius: 0;
outline: none;
appearance: none;
-moz-appearance: none;
-webkit-appearance: none;
padding: 0 34px 0 8px;
background: url(../images/sallow.jpg) no-repeat scroll right center transparent;
}
.subnav {
width: 230px;
float: right;
}
.subnav a {
display: block;
width: 228px;
height: 66px;
line-height: 68px;
margin-bottom: 10px;
text-align: center;
background-color: #f5f8fa;
border: #f5f8fa 1px solid;
font-size: 16px;
}
.subnav a.hover {
background-color: #fff;
border: 1px solid #e62129;
}
.subnav a.hover i {
background: url(../images/service_h.png) no-repeat;
}
.subnav a i {
display: inline-block;
vertical-align: middle;
margin-right: 15px;
width: 27px;
height: 26px;
background: url(../images/service.png) no-repeat;
}
.subnav a i.icon2 {
background-position: 0 -43px;
}
.subnav a i.icon3 {
background-position: 0 -85px;
}
.subnav a i.icon4 {
background-position: 0 -130px;
}
.internet .app {
width: 280px;
float: left;
}
.internet ul {
width: 920px;
float: right;
height: 120px;
}
.internet li {
float: left;
width: 228px;
height: 118px;
border: 1px solid #ddd;
border-left-width: 0;
text-align: center;
vertical-align: middle;
}
.internet li a {
display: block;
}
.internet li img {
padding-top: 32px;
}
.tabnav {
margin-top: 65px;
}
.tabnav li {
float: left;
width: 76px;
text-align: center;
border-bottom: 3px solid #fff;
color: #333;
font-size: 18px;
cursor: pointer;
margin-right: 47px;
line-height: 45px;
}
.tabnav li:hover, .tabnav li.cur {
color: #e62129;
border-bottom: 3px #e62129 solid;
}
.piclist {
width: 1200px;
margin: 12px auto;
position: relative;
height: 224px;
}
.intro_pic {
width: 1200px;
height: 224px;
position: absolute;
left: 0;
overflow: hidden;
}
.intro_pic ul {
position: absolute;
left: 0;
width: 100000px;
}
.intro_pic li {
width: 280px;
margin-right: 26px;
float: left;
}
.intro_pic .picsize {
width: 280px;
height: 180px;
}
.intro_pic p {
text-align: center;
font-size: 15px;
color: #323232
}
.intro_pic a:hover p {
color: #e62129;
}
.piclist .btn {
background: url(../images/allowbtn.png) no-repeat;
width: 20px;
height: 40px;
display: block;
position: absolute;
}
.piclist .btn:hover {
background-image: url(../images/allowbtn2.png);
}
.piclist .btn.leftbtn {
left: -38px;
top: 65px;
}
.piclist .btn.rightbtn {
background-position: 0 -45px;
right: -38px;
top: 65px;
}
.footer .inner {
padding: 24px 0 14px;
}
.bottom1 {
height: 266px;
background-color: #fff;
color: #666;
padding-bottom: 5px;
}
.bottom1 .tel {
width: 265px;
height: 227px;
background: url(../images/tel.png) no-repeat;
float: left;
background-position: 11px 50px;
}
.bottom1 .nametit {
line-height: 38px;
font-size: 17px;
font-weight: normal;
}
.bottom1 p {
font-size: 14px;
line-height: 28px;
}
.bottom1 a {
font-size: 14px;
line-height: 28px;
display: block;
}
.bottom1 p .block {
padding-left: 14px;
}
.bottom1 p .block1 {
padding-left: 42px;
}
.bottom1 p .block2 {
padding-left: 42px;
}
.bottom1 .txt1 {
float: left;
margin-left: 50px;
width: 328px;
}
.bottom1 .txt2 {
float: left;
width: 158px;
}
.bottom1 .txt3 {
float: left;
width: 146px;
}
.bottom1 .codebox {
width: 252px;
float: right;
margin-top: 44px;
}
.codebox>div {
width: 112px;
height: 112px;
float: left;
margin: 0 2px 0 10px;
}
.codebox>div p {
text-align: center;
}
.bottom2 {
background-color: #eeeeee;
height: 93px;
}
.bottom2 .inner {
padding: 15px 0;
text-align: center;
}
.bottom2 .inner p {
color: #888888;
font-size: 14px;
line-height: 32px;
}
.bottom2 .imgbox {
padding-right: 6px;
vertical-align: middle;
}
.box {
width: 100%;
height: 460px;
/* background-size:100% 100%!important; */
background-repeat: no-repeat!important;
background-position:center!important;
}
.slider {
position: relative;
width: 100%;
height: auto;
overflow: hidden;
}
/*鐩掑瓙甯﹀鍣�*/
.slides {
height: auto;
overflow: hidden;
-webkit-backface-visibility: hidden;
-webkit-transform-style: preserve-3d;
-webkit-transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000);
-moz-transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000);
-ms-transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000);
-o-transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000);
transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000);
}
.slide {
height: auto;
float: left;
clear: none;
}
.slider .arrowsWrapper {
width: 1200px;
margin: 0 auto;
position: absolute;
top: 0;
left: 50%;
height: 100%;
margin-left: -600px;
}
.slider-arrow {
position: absolute;
display: block;
margin-bottom: -20px;
width: 40px;
height: 40px;
line-height: 40px;
background: url(../images/b_allow.png) no-repeat;
overflow: hidden;
text-indent: 9999px;
}
.slider-arrow-right {
bottom: 50%;
right: -40px;
background-position: 0 -45px;
}
.slider-arrow-left {
bottom: 50%;
left: -40px;
}
.slider-nav {
position: absolute;
bottom: 30px;
}
.slider-nav_item {
width: 12px;
height: 12px;
float: left;
clear: none;
display: block;
margin: 0 5px;
background: #8d8b8f;
border-radius: 100%;
}
.slider-nav_item:hover {
background: #fff;
}
.slider-nav_item_cur {
background: #fff;
}
.com_carousel {
height: 390px;
overflow: hidden;
}
.com_carousel .sub {
position: relative;
width: 580px;
height: 100%;
background-color: #f3f3f3;
border-top-left-radius: 3px;
border-bottom-left-radius: 3px;
}
.com_carousel .sub .img_box {
width: 580px;
height: 100%;
overflow: hidden;
position: relative;
}
.com_carousel .sub .img_box ul {
position: absolute;
top: 0;
left: 0;
}
.com_carousel .sub .img_box li {
font-size: 0;
}
.com_carousel .sub .img_box li img {
width: 580px;
height: 390px;
font-size: 14px;
border-top-left-radius: 3px;
border-bottom-left-radius: 3px;
}
.com_carousel .sub .info_box {
position: absolute;
left: 0;
bottom: 0;
width: 100%;
height: 36px;
background-color: rgba(0, 0, 0, 0.66);
*background-color: rgb(0, 0, 0);
background-color: rgb(0, 0, 0)\0;
border-bottom-left-radius: 3px;
}
.com_carousel .sub .info_box li {
width: 100%;
}
.com_carousel .sub .info_box h2 {
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
font-size: 16px;
font-weight: normal;
color: #fff;
padding: 0 120px 0 24px;
line-height: 36px;
}
.com_carousel .sub .info_box p {
height: 112px;
overflow: hidden;
font-size: 12px;
color: #666;
line-height: 28px;
}
.com_carousel .sub .dot_box {
position: absolute;
bottom: 8px;
right: 16px;
cursor: pointer;
}
.com_carousel .sub .dot_box span {
padding: 4px;
}
.com_carousel .sub .dot_box span i {
display: block;
width: 10px;
height: 10px;
border-radius: 5px;
background-color: #c2c2c2;
}
.com_carousel .sub .dot_box span.cur i {
background-color: #e62129;
}
.com_carousel .sub .lbtn, .com_carousel .sub .rbtn {
width: 20px;
height: 31px;
position: absolute;
cursor: pointer;
background-image: url('http://css.ccement.com/img/news_ccement/aiicon.png');
background-repeat: no-repeat;
top: 50%;
margin-top: -15px;
}
.com_carousel .sub .lbtn {
left: 17px;
background-position: 3px -160px;
}
.com_carousel .sub .rbtn {
left: 387px;
background-position: -20px -160px;
}
.com_carousel .card {
width: 192px;
}
.com_carousel .card .item {
width: 192px;
height: 108px;
position: relative;
margin-bottom: 10px;
font-size: 0
}
.com_carousel .card .item img {
width: 100%;
height: 100%;
border-top-right-radius: 3px;
border-bottom-right-radius: 3px;
}
.com_carousel .card .item p {
position: absolute;
background-color: rgba(0, 0, 0, 0.55);
width: 100%;
bottom: 0;
left: 0;
border-bottom-right-radius: 3px;
}
.com_carousel .card .item p span {
display: block;
font-size: 12px;
line-height: 18px;
color: #fff;
overflow: hidden;
margin: 8px;
max-height: 36px;
}
.newsbanner {
width: 100%;
height: 320px;
background: url(../images/newsbanner.jpg) no-repeat center top;
min-width: 1200px;
}
.aboutbanner {
width: 100%;
height: 320px;
background: url(../images/about_banner.jpg) no-repeat center top;
min-width: 1200px;
}
.partyBanner {
width: 100%;
height: 320px;
background: url(../images/party_banner.jpg) no-repeat center top;
min-width: 1200px;
}
.serviceBanner {
width: 100%;
height: 320px;
background: url(../images/servicebanner.jpg) no-repeat center top;
min-width: 1200px;
}
.certificateBanner {
width: 100%;
height: 320px;
background: url(../images/certificate_banner.jpg) no-repeat center top;
min-width: 1200px;
}
.ratioBanner {
width: 100%;
height: 320px;
background: url(../images/ratio_banner.jpg) no-repeat center top;
min-width: 1200px;
}
.contactbanner {
width: 100%;
height: 320px;
background: url(../images/contact_banner.jpg) no-repeat center top;
min-width: 1200px;
}
.sub_content {
background-color: #f9f9f9;
padding: 22px 0 39px;
}
.subbox {
width: 1200px;
margin: 0 auto;
}
.subbox .leftcon {
width: 240px;
float: left;
background-color: #fff;
}
.subbox .rightcon {
width: 940px;
float: right;
}
.subbox .title {
height: 80px;
line-height: 80px;
text-align: left;
background-color: #e62129;
position: relative;
}
.subbox .title span {
font-size: 20px;
color: #fff;
font-weight: bold;
}
.subbox .title i {
height: 26px;
width: 38px;
display: inline-block;
background: url(../images/inner_title.png) no-repeat;
vertical-align: middle;
}
.subbox .title i.about {
width: 42px;
background-position: 0 -206px;
margin-left: 35px;
}
.subbox .title i.news {
width: 25px;
margin: -2px 10px 0 40px;
background-position: 0 -93px;
}
.subbox .title i.contact {
width: 42px;
background-position: 0 -53px;
margin-left: 40px;
}
.subbox .title i.service {
width: 28px;
height: 30px;
margin: -2px 10px 0 40px;
background-position: 0 -127px;
}
.subbox .title i.ratio {
width: 28px;
height: 30px;
margin: -2px 10px 0 40px;
background-position: 0 -164px;
}
.subbox .title em {
position: absolute;
left: 47px;
bottom: -7px;
width: 12px;
height: 7px;
display: block;
background: url(../images/inner_title.png) no-repeat;
}
.subbox .menu {
margin: 0 15px 0;
padding-top: 28px;
}
.subbox .menu>a {
height: 36px;
line-height: 36px;
padding-left: 28px;
display: block;
background-color: #f2f2f2;
border-radius: 18px;
color: #333;
margin-bottom: 28px;
}
.subbox .menu>a>.icon {
width: 12px;
height: 12px;
background: url(../images/jiajie.png) no-repeat;
background-position: 0 0;
float: right;
margin: 12px 18px 0 0;
*margin-top: -24px;
}
.subbox .menu i {
display: inline-block;
background: url(../images/smenu_icon.png) no-repeat;
width: 30px;
height: 24px;
vertical-align: middle;
}
.subbox .menu>a:hover, .subbox .menu a.cur {
background-color: #e62129;
color: #fff;
}
.subbox .menu i.hover {
background: url(../images/smenu_icon_h.png);
}
.subbox .menu i.icon.hover {
background: url(../images/jiajie.png) no-repeat;
background-position: 0 -46px;
}
.subbox .menu>a.cur i.icon {
background: url(../images/jiajie.png) no-repeat;
background-position: 0 -12px;
}
.subbox .menu>a.cur i {
background: url(../images/smenu_icon_h.png);
}
.subbox .menu>a i.n1 {
background-position: 0 -248px;
}
.subbox .menu>a i.n2 {
background-position: 0 -275px;
}
.subbox .menu>a i.n3 {
background-position: 0 -303px;
}
.subbox .menu>a i.n4 {
background-position: 0 -328px;
}
.subbox .menu>a i.a1 {
background-position: 0 2px;
}
.subbox .menu>a i.a2 {
background-position: 0 -25px;
}
.subbox .menu>a i.a3 {
background-position: 0 -52px;
}
.subbox .menu>a i.a4 {
background-position: 0 -81px;
}
.subbox .menu>a i.a5 {
background-position: 0 -110px;
}
.subbox .menu>a i.a6 {
background-position: 0 -139px;
}
.subbox .menu>a i.a7 {
background-position: 0 -165px;
}
.subbox .menu>a i.a8 {
background-position: 0 -189px;
}
.subbox .menu>a i.a9 {
background-position: 0 -219px;
}
.subbox .menu>a.cur i.c1 {
background: url(../images/smenu_icon_h.png) 0 -355px;
}
.child_menu {
padding: 0 30px 0 35px;
margin-top: -8px;
margin-top: -9px;
padding-bottom: 7px;
display: none;
}
.child_menu>li {
line-height: 30px;
padding-bottom: 12px;
}
.child_menu>li>a {
color: #666;
font-size: 14px;
}
.subbox .menu .child_menu>li>a>i {
width: 5px;
height: 9px;
float: left;
margin-top: 10px;
margin-right: 19px;
background: url(../images/jiajie.png) no-repeat;
background-position: 0 -35px;
}
.subbox .menu .child_menu>li>a:hover, .subbox .menu .child_menu>li>a.active {
color: #e62129;
}
.subbox .menu .child_menu>li>a:hover i, .subbox .menu .child_menu>li>a.active i {
background-position: 0 -25px;
}
.subbox .position {
margin-bottom: 15px;
height: 35px;
font-size: 16px;
color: #e62129;
line-height: 20px;
border-bottom: 1px solid #dddddd;
}
.subbox .position span {
padding: 0 16px;
color: #333;
}
.subbox .position i {
width: 3px;
height: 20px;
display: inline-block;
background-color: #e62129;
margin-right: 11px;
vertical-align: top;
}
.subbox .main {
background-color: #fff;
}
.subbox .newsul li {
height: 72px;
line-height: 72px;
padding: 0 21px 0 31px;
font-size: 16px;
color: #666;
border-bottom: 1px solid #f2f2f2;
overflow: hidden;
}
.subbox .newsul a {
width: 710px;
float: left;
display: block;
}
.subbox .newsul span {
width: 130px;
text-align: right;
display: block;
float: right;
}
.subbox .ipaging {
text-align: center;
padding: 35px 0 35px;
}
.subbox .ipaging a {
display: inline-block;
*display: inline;
*zoom: 1;
color: #333;
width: 30px;
height: 30px;
text-align: center;
line-height: 30px;
border: 1px solid #cccccc;
border-radius: 2px;
font-size: 16px;
margin: 0 2px;
}
.subbox .ipaging a.cur {
border-color: #e62129;
color: #fff;
background-color: #e62129
}
.subbox .ipaging a:hover {
border-color: #e62129;
color: #fff;
background-color: #e62129
}
.subbox .ipaging a.next {
width: 45px;
}
.newsdetail h1 {
text-align: center;
color: #333;
font-size: 24px;
line-height: 52px;
padding: 46px 20px 0;
}
.news_time {
margin: 0px 40px 30px 60px;
border-bottom: 1px solid #eeeeee;
height: 53px;
line-height: 30px;
text-align: center;
}
.news_time span {
font-size: 14px;
color: #999;
padding: 0 6px;
}
.newsdetail .infotxt {
color: #333;
line-height: 30px;
font-size: 14px;
padding: 0 35px 0 30px;
}
.newsdetail .infotxt p {
line-height: 30px;
padding-bottom: 15px;
font-size: 14px;
}
.newsdetail .fromto {
padding: 0 35px 30px 30px;
font-size: 14px;
line-height: 34px;
color: #666;
}
.newsdetail .from {
display: block;
float: left;
width: 450px;
}
.newsdetail .share {
width: 212px;
float: right;
}
.newsdetail .share .tit {
float: left;
width: 56px;
line-height: 34px;
}
.contactus .pname {
line-height: 54px;
height: 54px;
padding-top: 10px;
font-size: 16px;
font-weight: normal;
margin-left: 30px;
}
.contactus .mapbox {
width: 900px;
height: 360px;
margin: 0 10px 0 30px;
}
.contactus .company_list {
margin: 20px 0 0 30px;
}
.contactus .company_list li {
margin-bottom: 23px;
}
.contactus .company_list li .name {
line-height: 40px;
color: #e62129;
font-size: 20px;
border-bottom: 1px solid #dddddd;
}
.contactus .company_list li strong {
display: block;
line-height: 32px;
padding: 12px 0 2px 0;
}
.contactus .company_list li span {
display: block;
line-height: 32px;
color: #666666;
}
.contactus .company_list .fll {
width: 460px;
float: left;
}
.contactus .company_list .flr {
width: 443px;
float: right;
}
.showmore {
height: 48px;
line-height: 48px;
text-align: center;
background-color: #fff;
margin-top: 11px;
}
.showmore a {
display: block;
border: 1px solid #ddd;
}
.showmore a:hover {
border: 1px solid #e62129;
}
.wxbanner {
background: url(../images/wxbanner.jpg) no-repeat center top;
width: 100%;
height: 540px;
margin-bottom: 43px;
}
.wxbanner .codebox {
width: 600px;
float: right;
text-align: center;
padding-top: 127px;
}
.wxbanner .codebox img {
text-align: center;
width: 288px;
height: 288px;
}
.wxbanner .codebox p {
font-size: 16px;
color: #fff;
line-height: 24px;
text-align: center;
}
.aboutcon {
padding: 45px 30px 35px;
}
.aboutcon p img {
text-align: center;
vertical-align: middle;
}
.aboutcon p {
line-height: 30px;
padding-bottom: 30px;
font-size: 14px;
}
.aboutcon .bottom_p p {
padding-bottom: 10px;
}
.aboutdetail_hd {
padding: 0 60px;
margin-top: -45px;
position: relative;
margin-bottom: 45px;
}
.aboutdetail_hd h3 {
font-size: 24px;
text-align: center;
padding: 57px 0 46px 0;
border-bottom: 1px solid #eeeeee;
}
.link_w {
padding: 0 30px;
}
.link_w strong {
font-size: 16px;
line-height: 30px;
}
.link_w p {
line-height: 30px;
margin: 0;
padding-bottom: 0;
}
.subbox .menu.party_menu i {
width: 20px;
margin-right: 10px;
margin-top: 2px;
background: url(../images/party.png) no-repeat;
}
.subbox .menu.party_menu>a.cur i {
background: url(../images/party.png) no-repeat;
}
.subbox .menu.party_menu>a i.n1 {
background-position: 0 0;
}
.subbox .menu.party_menu>a i.n2 {
background-position: 0 -25px;
}
.subbox .menu.party_menu>a i.n3 {
background-position: 0 -49px;
}
.subbox .menu.party_menu>a.cur i.n1, .subbox .menu.party_menu>a:hover i.n1 {
background-position: -30px 0;
}
.subbox .menu.party_menu>a.cur i.n2, .subbox .menu.party_menu>a:hover i.n2 {
background-position: -30px -25px;
}
.subbox .menu.party_menu>a.cur i.n3, .subbox .menu.party_menu>a:hover i.n3 {
background-position: -30px -49px;
}
.subbox .menu.service_menu i {
width: 18px;
margin-right: 10px;
margin-top: 2px;
background: url(../images/service_icon.png) no-repeat;
}
.subbox .menu.service_menu>a.cur i {
background: url(../images/service_icon.png) no-repeat;
}
.subbox .menu.service_menu>a i.tomore {
margin: 12px 18px 0 0;
*margin-top: -24px;
background: url(../images/jiajie.png) no-repeat;
}
.subbox .menu.service_menu>a.cur i.tomore {
background-position: 0 -12px;
}
.subbox .menu.service_menu>a:hover i.tomore {
background-position: 0 -46px;
}
.subbox .menu.service_menu>a.cur:hover i.tomore {
background-position: 0 -12px;
}
.subbox .menu.service_menu>a i.n1 {
background-position: 0 0;
}
.subbox .menu.service_menu>a i.n2 {
background-position: 0 -30px;
}
.subbox .menu.service_menu>a i.n3 {
height: 21px;
margin-top: 0;
background-position: 0 -60px;
}
.subbox .menu.service_menu>a i.n4 {
background-position: 0 -82px;
}
.subbox .menu.service_menu>a.cur i.n1, .subbox .menu.service_menu>a:hover i.n1 {
background-position: -18px 0;
}
.subbox .menu.service_menu>a.cur i.n2, .subbox .menu.service_menu>a:hover i.n2 {
background-position: -18px -30px;
}
.subbox .menu.service_menu>a.cur i.n3, .subbox .menu.service_menu>a:hover i.n3 {
background-position: -18px -60px;
}
.subbox .menu.service_menu>a.cur i.n4, .subbox .menu.service_menu>a:hover i.n4 {
background-position: -18px -82px;
}
.service_w2 .about_us {
padding: 45px 60px 0;
}
.service_w2 .about_us p {
line-height: 28px;
padding-bottom: 15px;
font-size: 14px;
}
.product_w2 {
padding: 30px 30px 45px;
}
.product_w3 {
padding-bottom: 10px;
}
.product_w2 .about_us>p {
line-height: 30px;
/*text-indent: 2em;*/
}
.product_w2 .about_us>p strong {
color: #e62129;
font-size: 16px;
padding-top: 30px;
display: block;
padding-bottom: 10px;
}
.product_w3 .about_us>p {
padding-bottom: 35px;
}
.product_w2 .about_us .p_w>p {
line-height: 30px;
padding: 0 30px;
}
.product_w2 .about_us h5 {
display: block;
line-height: 32px;
font-size: 16px;
padding: 35px 0 25px 0;
}
.rig_Img {
float: right;
margin-left: 25px;
/*margin-top: -120px;*/
position: relative;
}
.lef_Img {
float: left;
margin-right: 25px;
}
.project_w {
padding: 45px 60px 10px;
}
.project_w .serive_center {
/* padding-left: 30px; */
}
.project_w .serive_center p {
line-height: 30px;
padding-bottom: 15px;
font-size: 14px;
}
.project_w .performancelist {
width: 690px;
margin: 0 auto;
}
.project_w .performancelist>li {
float: left;
padding: 0 20px;
padding-bottom: 10px;
width: 190px;
}
.project_w .performancelist>li>a {
display: block;
text-align: center;
line-height: 20px!important;
width: 190px;
}
.project_w .performancelist>li>a img {
width: 100%;
height: 122px;
}
.product_w5 {
padding: 45px 44px;
}
.product_w5 .ke-zeroborder td {
line-height: 30px!important;
padding: 5px 0;
text-align: center;
}
.product_w5 .ke-zeroborder td.bg1 {
background-color: #f8f0f0;
}
.product_w5 .ke-zeroborder tr {
background-color: #ffffff;
}
.product_w5 .ke-zeroborder tr.bg2 {
background-color: #fffbfb;
}
/* 鍥炲埌椤堕儴 */
.gotop {
width: 50px;
height: 50px;
background: #e62129;
position: fixed;
right: 30px;
bottom: 30px;
border-radius: 5px;
display: none;
}
.gotop:hover {
background: #d00e16;
}
.gotop a {
width: 100%;
height: 100%;
display: block;
background: url(../images/top.png) no-repeat;
background-position: 15px 6px;
}
.gotop a span {
padding-top: 24px;
display: block;
color: #ffffff;
font-size: 16px;
text-align: center;
}
/* 鍙充晶骞垮憡 */
.advertise {
width: 168px;
height: 88px;
position: fixed;
right: 150px;
/* bottom: 188px; */
bottom: 220px;
border-radius: 5px;
}
/* .advertise div{
display: block;
width: 100%;
height: 100%;
background: url(../images/home_advertise.png) no-repeat;
margin-bottom: 10px;
} */
.advertise a {
display: block;
width: 100%;
height: 100%;
background: url(../images/home_advertise.png) no-repeat;
margin-bottom: 10px;
position: relative;
}
.advertise a.agent{
background: url(../images/agent.png) no-repeat;
}
.advertise a.supplier{
background: url(../images/supplier.png) no-repeat;
}
.advertise a:last-child{
margin-bottom: 0px;
}
.advertise a div{
position: absolute;
top: -8px;
right: -10px;
min-width: 18px;
height: 18px;
line-height: 18px;
border-radius: 50%;
-webkit-border-radius: 50%;
padding: 2px;
overflow: hidden;
background: #fff;
z-index: 99;
}
.advertise a span{
display: block;
width: 100%;
height: 100%;
text-align: center;
text-align: center;
border-radius: 10px;
-webkit-border-radius: 10px;
overflow: hidden;
background: #e62129;
font-size: 12px;
color: #fff;
}
.share_w {
float: right;
padding-left: 45px;
height: 34px;
line-height: 34px;
}
.share_w em {
margin-right: 30px;
float: left;
}
.share_w span {
float: left;
}
.share_w a {
float: left;
/* padding-top: 10px; */
padding-left: 10px;
position: relative;
line-height: 34px;
}
.share_w a>img {
vertical-align: middle;
}
.flash {
text-align: center;
padding: 45px 0 45px;
}
/*娴峰椤圭洰*/
.overseas_item {
height: 300px;
padding: 0px 120px;
margin-bottom: 50px;
}
.overseas_list {
padding: 0px 15px;
float: left;
font-size: 14px;
}
.global_list_catalog {
padding-left: 40px;
color: #d71311;
font-size: 24px;
margin-bottom: 20px;
}
.stateList {
margin-bottom: 20px;
}
.stateList:last-child {
margin-bottom: 0px;
}
.siteIcon_img {
float: left;
margin-top: 10px;
}
.foreign_list {
color: #000;
margin-left: 40px;
}
.foreign_list p {
line-height: 30px;
font-size: 14px;
}
.foreign_list a {
color: #000;
}
.foreignName {
font-weight: 550;
font-size: 18px !important;
}
.overseas_earthImg {
width: 300px;
height: 300px;
float: right;
}
.siteIcon_img {
width: 25px;
height: 29px;
}