5f0
0
.f_pr{position:relative;}
.f_pa{position:absolute;}
.header , .content , .footer { width:1400px; margin:0 auto; }
em{font-style:normal;}
.g_top{ height:160px; background:url(images/topbg.jpg) repeat-x center top;}
.g_top .m_top{height: 112px;}
.top_c .tlogo{ float:left; padding: 0 15px 0 0;}
.top_c h2{ float:left; height:60px; margin:20px 0 0 0; color: #333333; font-size: 22px; font-weight: normal;}
.top_c h2 em{ display:block; color:#666666; font-weight:normal; font-size: 16px; padding-top: 3px; letter-spacing: 8px;}
.top_c p{ float:right; margin:18px 0 0 0 ; }
.top_c p em{display: block;background:url(images/tel.jpg) no-repeat 0 8px; line-height: 34px; font-size:14px;color:#666666; float: left; padding: 0 0 0 30px;}
.top_c p span{float: left;font-size:26px;font-weight: normal;color:#666666; }
.top_c p span b{display: block;font-size:27px;font-weight: bold;color:#cf1317;}
.g_nav{height:36px; line-height: 36px; }
.g_nav li{position: relative; float:left; font-size:16px;}
.g_nav li a{ display:block;float: left; margin-right: 124px; color:#333333; line-height:36px; text-decoration: none;position: relative;}
.g_nav li a:before{content: "";position: absolute;width:0;height: 2px;background: #cf1317;left:0;top:34px;transition: all 0.3s linear 0s;}
.g_nav li:last-child a{margin-right: 0;}
.g_nav li a:hover:before,.g_nav .cur a:before{width:100%;}
@media screen and (max-width:1401px) {
.header , .content , .footer { width:1200px;}
.g_nav li a{margin-right: 96px;}
}
.nav_fix {
position: fixed;
top: 0;
z-index: 999;
width:100%;
margin:0 auto;
}
.ty-banner-1 {
overflow: hidden;width:100%;
line-height: 0;
text-align:center;
}
.ty-banner-1 img{width:100%;
visibility: hidden;
}
.ty-banner-1 img.show{
visibility: visible;
}
.p102-search-1 {
height: 70px;
border-bottom: 1px solid #ededed;
background: #f7f7f7;
}
.p102-search-1 p {
float: left;
width: 750px;
height: 70px;
line-height: 70px;
font-size: 14px;
color: #333333;
}
.p102-search-1 p b {
display: inline-block;
}
.p102-search-1 p a {
color: #666666;
display: inline-block;
margin-right: 15px;
}
.p102-search-1 p a:hover{color: #cf1317;}
.p102-search-1-inp {
float: right;
width: 356px;
height: 36px;
background: #fff;
margin-top: 18px;
border-radius: 25px;
position: relative;
}
.p102-search-1-inp:before,
.p102-search-1-inp:after {
content: '';
position: absolute;
width: 80%;
height: 1px;
background: #e3e3e3;
left: 10%;
z-index: 0;
}
.p102-search-1-inp:before {
top: 0;
}
.p102-search-1-inp:after {
bottom: 0;
}
.p102-search-1-inp1 {
width: 249px;
height: 34px;
line-height: 34px;
color: #999999;
border: 1px solid #e3e3e3;
border-right: 0;
padding: 0 20px;
border-top-left-radius: 25px;
border-bottom-left-radius: 25px;
float: left;
}
.p102-search-1-inp2 {
width: 66px;
height: 36px;
border: 0;
border-radius: 25px;
background: url(images/p102-search-icon1.png) no-repeat center center #cf1317;
float: right;
position: relative;
z-index: 2;
cursor: pointer;
}
.plc{padding: 5px 0 25px;width:1200px;margin:0 auto;}
.p12-curblock{
display: none;
}
.p102-curmbs-1{height: 40px;line-height: 40px;font-size: 14px;color: #808080;}
.p102-curmbs-1 b {
font-weight: normal;
padding-left: 35px;
background: url(images/p102-curmbs-icon1.png) no-repeat left center;
}
.p102-curmbs-1 i {
font-style: normal;
}
.p102-curmbs-1 span {
font-family: 宋体;
height: 46px;
line-height: 46px;
padding: 0px 5px;
}
.p102-curmbs-1 a{color: #808080;}
.p102-curmbs-1 a:hover{color: #cf1317;}
.p102-fdh-3 {
height: 100px;
box-shadow: 0 4px 6px #e9e9e9;
}
.p102-fdh-3 li {
float: left;
width: 20%;
height: 100px;
position: relative;
}
.p102-fdh-3 li:after {
content: "";
position: absolute;
width: 1px;
height: 26px;
background: #cfcfcf;
right: 0;
top: 50%;
margin-top: -13px;
}
.p102-fdh-3 li:last-child:after {
display: none;
}
.p102-fdh-3 li a {
display: block;
height: 100px;
line-height: 100px;
font-size: 22px;
color: #1a1a1a;
text-align: center;
}
.p102-fdh-3 li.sidenavcur:before,
.p102-fdh-3 li:hover:before {
content: "";
position: absolute;
width: 100%;
height: 2px;
background: #cf1317;
left: 0;
bottom: 0;
z-index: 1;
}
.p102-fdh-3 li.sidenavcur a,
.p102-fdh-3 li:hover a {
font-weight: bold;
color: #cf1317;
}
.p102-fdh-3 li.sidenavcur a:before,
.p102-fdh-3 li:hover a:before {
content: "";
position: absolute;
width: 12px;
height: 12px;
background: #fff;
border: 3px solid #cf1317;
border-radius: 100%;
left: 50%;
margin-left: -9px;
bottom: -8px;
z-index: 2;
}
.p102-fdh-3 li.sidenavcur a:after,
.p102-fdh-3 li:hover a:after {
content: "";
position: absolute;
width: 6px;
height: 6px;
background: #cf1317;
border-radius: 100%;
left: 50%;
margin-left: -3px;
bottom: -2px;
z-index: 3;
}
.p102-about-content{font-size: 16px;line-height: 32px;color: #4c4c4c;text-align: justify;padding: 40px 0;}
.g_ft{ height:264px;padding-top: 46px; background:#2a2a2a;}
.ftleft{float: left;width:29.4%;}
.ftleft .ftlogo{width:72%;margin-bottom:10px;}
.ftleft .ftlogo img{width:100%;display: block;}
.codelst li{float: left;width:30%;margin-left: 20%;}
.codelst li i{display: block;background: #fff;}
.codelst li i img{width:80%;padding: 10%; display: block;}
.codelst li em{display: block;line-height: 40px;text-align: center;font-size:14px;color:#fff;}
.f_ftcon{float: left;width:30%;margin-right: 4%;position: relative;}
.f_ftcon:before{content: "";position: absolute;width:1px;height: 205px;background: #656565;right: 0;top:10px;}
.f_ftcon:after{content: "";position: absolute;width:1px;height: 40px;background: #cf1317;right: 0;top:10px;}
.f_ftcon h3{line-height: 36px;font-size:18px;color:#cf1317;margin-bottom: 10px;}
.f_ftcon li{font-size:14px;line-height: 36px;color:#fff;}
.m_fnav{float: left;width:19%;margin-right: 4%;position: relative;}
.m_fnav:before{content: "";position: absolute;width:1px;height: 205px;background: #656565;right: 0;top:10px;}
.m_fnav:after{content: "";position: absolute;width:1px;height: 40px;background: #cf1317;right: 0;top:10px;}
.m_fnav h3{line-height: 36px;font-size:18px;color:#cf1317;margin-bottom: 10px;}
.m_fnav p a{display: block;float: left;width:114px; font-size:14px;line-height: 36px;color:#fff;}
.copyr{float: left;width:13%;padding-top: 45px;}
.copyr em{display: block; line-height: 36px;font-size:16px;color:#fff;}
.copyr em a{color:#fff;}
.client-2 {
width: 45px;
position: fixed;
right: 10px;
top: 75%;
z-index: 999;
color: #fff;
}
.client-2 li a {
text-decoration: none;
color: #fff;
}
.client-2 li {
margin-bottom: 5px;
width: 45px;
height: 45px;
border-radius: 50%;
cursor: pointer;
position: relative;
}
.client-2 li.my-kefu-qq {
background:#cf1317 url(images/cimg23.png) center no-repeat;
}
.client-2 li.my-kefu-weixin {
background:#cf1317 url(images/cimg24.png) center no-repeat;
}
.client-2 li.my-kefu-tel {
background:#cf1317 url(images/cimg25.png) center no-repeat;
}
.client-2 li.my-kefu-shouye {
background:#cf1317 url(images/tohome.png) center no-repeat;
background-size:26px;
}
.client-2 li.my-kefu-shouye a {
width: 45px;
height: 45px;
display: block;
}
.client-2 li.my-kefu-ftop {
background:#cf1317 url(images/returnTop.png) center no-repeat;
}
.client-2 li p {
height: 20px;
font-size: 12px;
line-height: 20px;
overflow: hidden;
text-align: center;
color: #fff;
}
.client-2 li.my-kefu-qq .cont {
margin: 0;
background:#cf1317 url(images/cimg23.png) 15px center no-repeat;
border-radius: 50px;
padding-left: 45px;
height: 45px;
line-height: 45px;
color: #fff;
font-size: 16px;
width: 130px;
position: absolute;
top: 0;
right: 0;
z-index: 999;
}
.client-2 li.my-kefu-tel .cont {
margin: 0;
background:#cf1317 url(images/cimg25.png) 15px center no-repeat;
border-radius: 50px;
padding-left: 45px;
height: 45px;
line-height: 45px;
color: #fff;
font-size: 18px;
width: 180px;
position: absolute;
top: 0;
right: 0;
z-index: 999;
}
.client-2 .my-kefu-ftop {
display: none;
}
.client-2 .my-kefu-ftop .my-kefu-main {
padding-top: 6px;
}
.client-2 li.my-kefu-weixin .cont {
margin: 0;
width: 115px;
padding: 5px;
border: solid 1px #ccc;
position: absolute;
left: -150px;
top: -44px;
background-color: #fff;
}
.client-2 li.my-kefu-weixin .cont span {
display: block;
line-height: 20px;
font-size: 12px;
text-align: center;
color: #1a1a1a;
}
.client-2 li.my-kefu-weixin .cont img {
width: 115px;
height: 115px;
}
.client-2 li:hover .cont {
display: block!important;
}