@charset "utf-8";

.fl{float:left;}
.fr{float:right;}
.case { padding: 30px 0px 30px 0px; margin:0 auto;}
.case h3 {
	padding: 40px 0px; height: 100px; text-align: center; font-weight: normal;
}
.case h3 span {
	background: url("../images/case_t_bg_02.png") no-repeat center; color: rgb(51, 51, 51); font-size: 24px; font-weight: normal; display: block;
}
.case .case_con {
	float: left;
}
.case dl {
	width: 850px; height: 610px; float: left;
}
.case dt {
	width: 850px; height: 474px;
}
.case dd { width:880px; background: rgb(255, 255, 255); border: 1px solid rgb(224, 224, 224); height: 140px; margin-top:10px;}
.case dd h4 {
	padding: 20px 0px 0px 40px; font-size: 16px;
}
.case dd p {
	padding: 0 0px 0px 40px; width: 600px; color: rgb(133, 133, 133); line-height: 30px;
}
.case dd .xx a {
	border-radius: 5px; width: 110px; height: 40px; text-align: center; color: rgb(255, 255, 255); line-height: 40px; margin-bottom: 10px;
}
.case .xx {
	width: 150px; height: 100px; margin-top: -115px; float: right;
}
.case dd .xq {
	background: rgb(0, 148, 222); display: block;
}
.case dd .more {
	background: rgb(149, 149, 149); display: block;
}
.case .case_r {
	width: 280px; height: 470px; float: right; position: relative;
}
.case .case_r li {
	width: 278px; height: 200px; margin-bottom: 5px; position: relative;
}
.case .case_r li img {
	width: 278px; height: 147px;
}
.case .case_r li em {
	width: 278px; height: 50px; text-align: center; color: rgb(51, 51, 51); line-height: 50px; font-size: 16px; display: block;
}
.case .sprev {
	background: url("../images/shang_03.png") no-repeat; top: 0px; width: 65px; height: 65px; right: -63px; position: absolute; z-index: 10;
}
.case .snext {
	background: url("../images/xia_03.png") no-repeat; top: 50px; width: 65px; height: 65px; right: -63px; position: absolute; z-index: 10;
}
.case_r ul li span {
	background: rgba(0, 0, 0, 0.5); left: 0px; top: 0px; width: 278px; height: 156px; display: none; position: absolute;
}
.case_r ul li span i {
	background: url("../images/case_r_03.png") no-repeat top; margin: 40px auto 0px; text-align: center; color: rgb(255, 255, 255); padding-top: 60px; font-size: 14px; display: block; z-index: 100;
}
.case_r ul li:hover span {
	display: block;
}
.case_r ul li:hover b {
	display: none;
}

/**/
.n_l{ height:763px; width:776px;}
.n_l h3{height:32px; font-size:28px; font-weight:normal; margin-bottom:26px; border-left:5px solid #ffa405; line-height:100%; padding-left:10px;}
.n_l h3 a{ color:#515151;}
.n_l h3 b{ color:#ffa405;}
.n_l h3 i,.n_r h3 i{ color:#c0c0c0; font-size:18px; text-transform:uppercase; padding-left:6px; font-weight:normal;}
.n_con1{ height:372px; border-bottom:1px solid #a5a4a4; margin-bottom:20px;}
.n_con1 dl{ height:133px; overflow:hidden;}
.n_con1 dl{ background:url(../images/n_ico.gif) no-repeat 6px 0 ; padding:0 0 0 70px; height:100px;}
.n_con1 dl dt a{ display:block; color:#404040; font-size:24px; height:26px; line-height:100%; margin-left:6px; margin-bottom:12px;overflow: hidden; text-overflow:ellipsis;white-space:nowrap;}
.n_con1 dl dd{ color:#929292; font-size:13px; line-height:22px; width:570px;  padding-left:6px;}
.n_con2{ overflow:hidden;}
.n_con2 dl{ overflow:hidden; clear:both;}
.n_con2 dl dt { float: left; width:191px; height:120px; margin-bottom:17px;}
.n_con2 dl dt img { width:191px; height:120px;}
.n_con2 dl dd { float: right; width:555px; padding-right:16px;}
.n_con2 dl dd h4 { line-height:30px; padding:6px 0 0 0;}
.n_con2 dl dd h4 a { font-size:18px; color:#404040;overflow: hidden; text-overflow:ellipsis;white-space:nowrap; display:block; width:435px;}
.n_con2 dl dd p { color:#6e6c6c; line-height:22px; font-size:14px;}
.n_l ul{ background:url(../images/n_bg1.gif) no-repeat 9px 17px; height:278px; padding-left:47px;}
.n_l ul li{ height:44px; line-height:44px; font-size:14px;border-bottom:1px dashed #e5e5e5;}
.n_l ul li a{ color:#555454; display:block;}
.n_l ul li a:hover{ color:#404040; font-weight:bold;}
.n_l ul li span{ float:right; color:#95908d;}
.n_l ul .home{ color:#343434; font-weight:bold;}

.n_r{ height:697px; width:385px; padding-top:68px; margin-right:18px;}
.n_r h3{ height:39px; line-height:100%; font-size:20px;}
.n_r h3 a{ color:#404040;}
.n_r h3 span{ display:inline-block; float:right; font-size:14px;}
.n_r h3 span a{ color:#535353; text-transform:uppercase; font-weight:normal;}
.n_con4 dl{ padding-bottom:20px; border-bottom:1px dashed #d0d0d0;}
.n_con4 dl dt img{ padding:9px 0 7px 0; width:365px; height:205px;}
.n_con4 dl dd h4 a{ display:block;color:#000; font-size:16px; padding:8px 0 3px 0; font-weight:normal;
overflow: hidden; text-overflow:ellipsis;white-space:nowrap; width:259px;}
.n_con4 dl dd p{color:#555454; font-size:13px; line-height:22px;}
.n_con4 dl dd p a{color:#000; }
.n_con3 dl dt{ margin:23px 0 7px; height:23px; line-height:23px; background: url(../images/n_ico04.gif) no-repeat left 8px; font-size:18px; font-weight:bold; padding-left:13px;}
.n_con3 dl dt a{ color:#404040;overflow: hidden; text-overflow:ellipsis;white-space:nowrap; display:block; width:245px;}
.n_con3 dl dd{ margin-bottom:24px;}
.n_con3 dl dd p{ color:#6e6c6c; font-size:14px; line-height:22px;}
.n_con3 h5{ background:#ff9209; height:33px; line-height:33px; text-align:center; font-size:12px; padding-bottom:20px;}
.n_con3 h5 a{ color:#fff; font-weight:normal;}
/**/

<!--guanyu-->
.pub-box {
    text-align: center;
}

.pub-box .en {
    text-transform: uppercase;
    color: #434343;
    font-size: 50px;
    line-height: 72px;

    letter-spacing: 0.18em;
    font-family: 'MyriadPro-LightCond';
    font-weight: 100;
    font-stretch: ultra-condensed;
    width: 100%;
    text-align: center;
}

.pub-box-bg .en {
    color: #fff;
}

.pub-box .line {
    text-align: center;
}

.pub-box .line span {
    display: inline-block;
    height: 4px;
    width: 60px;
    background-color: #f18602;
}

.pub-box-bg .line span {
    background-color: #fff;
}

.pub-box .title {
	margin-top:30px;
	padding-bottom:20px;
    font-size: 34px;
	font-weight:bold;
    line-height: 40px; 
	font-family:font-family:microsoft yahei;

    text-align: center;
}

.pub-box .desc {
    padding-top: 30px;
    line-height: 28px;
    color: #666;
    font-size: 15px;
}

.pub-box-bg .title {
    color: #fff;
}

.pub-box-bg .desc {
    color: #e8e8e8;
}

.pub-box .more {
    padding: 50px 0;
    font-weight: normal;
}

.pub-box .more a {
    display: inline-block;
    border: 1px solid #32baff;
    color: #32baff;
    padding: 10px 25px;
    border-radius: 1px;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
    font-size: 16px;
    margin: 0 5px;
}

.pub-box .more a:hover, .pub-box .more a.hover {
    background-color: #32baff;
    color: #fff;
}

.pub-box-bg .more a {
    border: 1px solid #fff;
    color: #fff;
}

.pub-box-bg .more a:hover {
    background-color: #fff;
    color: #32baff;
}
.index-about .name { text-align:center;
    font-size: 30px;
	margin-top:20px;
    line-height: 35px;
    font-family: 'xianhei';
    font-weight: normal;
}

.index-about .name span { font-family:microsoft yahei;
    background-color: #ffa81a;
    color: #fff;
    display: inline-block;
    padding: 8px 20px;
}
.center2 {
    min-width: 1000px;
    width: 1000px;
    font-size: 14px;
    margin: 0 auto;
    height: auto;
}
.len100 {
    width: 100%;
    max-width: 100%;
}
/*首页-关于*/

.ys2box {
    height: 210px;
    overflow: hidden;
    width: 880px;
    margin-left: auto;
    margin-right: auto;
}

.ys2box ul {
    width: 100%;
    height: 100%;
    display: block;
    overflow: hidden;
}

.ys2box li {
    float: left;
    width: 33%;
    height: 210px;
    position: relative;
    z-index: 0;
}

.ys2box li .item-title {
    color: #333;
    font-size: 30px;
    padding-bottom: 15px;
    width: 142px;
    top: 25px;
    border-bottom: 1px solid #666;
}

.ys2box li .data {
    color: #f18602;
    top: 70px;
    padding-top: 12px;
    font-size: 45px;
    font-weight: 500;
    width: 230px;
    font-family: 'bgLight';
    font-weight: 100;
    font-stretch: ultra-condensed;
}

.ys2box li .data i {
    font-style: normal;
    font-weight: bold;
}

.ys2box li .data span {
    padding-left: 14px;
    font-size: 25px;
    font-weight: bold;
}

.ys2box li .desc {
    top: 135px;
    font-size: 13px;
    color: #888;
    padding-top: 25px;
    font-weight: 500;
    width: 230px;
    line-height: 20px;
}

.ys2box li.first .item-title, .ys2box li.first .data, .ys2box li.first .desc {
    left: 0;
}

.ys2box li.second .item-title, .ys2box li.second .data, .ys2box li.second .desc {
    width: 100%;
    text-align: center;
    border-bottom: 0;
    padding-bottom: 0;
}

.ys2box li.second .item-title p, .ys2box li.second .data p, .ys2box li.second .desc p {
    display: inline-block;
    margin: 0 auto;
    width: 230px;
}

.ys2box li.second .item-title p {
    border-bottom: 1px solid #666;
    padding-bottom: 15px;
    width: 142px;
}

.ys2box li.third .item-title, .ys2box li.third .data, .ys2box li.third .desc {
    right: 0;
}

.ys2box li.third .data span, .ys2box li.second .data span {
    font-size: 25px;
}

.mtop20 {
    margin-top: 20px;
}
.ab {
    position: absolute;
    z-index: 10;
}
.tr {
    text-align: right;
}

.tl {
    text-align: left;
}

.tc {
    text-align: center;
}

.clear {
    clear: both;
    height: 0;
    line-height: 0;
    padding: 0;
    margin: 0;
    zoom: 1;
}
/*售后*/

.friends {
    width: 88%;
    max-width: 1400px;
    min-width: 990px;
    margin: 50px auto 0;
}

.friends li { min-height:350px;
    float: left;
    width: 23.8%;
    margin: 0 0.6%;
    background-color: #32baff;
}

.friends .logo-az {
    background: url(../images/logo-az.png) center center no-repeat;
}

.friends .logo-bx {
    background: url(../images/logo-bx.png) center center no-repeat;
}

.friends .logo-yh {
    background: url(../images/logo-yh.png) center center no-repeat;
}

.friends .logo-px {
    background: url(../images/logo-px.png) center center no-repeat;
}

.friends .logo {
    width: 100%;
    height: 60px;
    background-size: 85% auto;
}

.friends .service {
    border-top: 1px solid #fff;
    width: 90%;
    margin: 0 auto;
    text-align: left;
    padding: 30px 0 20px;
    height: 300px;
    overflow: hidden;
}

.friends .service h4 {
    font-weight: normal;
    font-size: 14px;
    line-height: 25px;
    color: #fff;
}

.friends .more {
    display: inline-block;
    background-color: #fff;
    border: 1px solid #32baff;
    color: #32baff;
    padding: 8px 20px;
    border-radius: 5px;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
    font-size: 16px;
    margin: 10px 5px 30px;
}

.friends .more:hover {
    background-color: #f4da58;
    color: #444;
}

/*文化*/
.fixed:after, .clearfix:after, .cf:after, .header:after, .main:after, .footer:after { content: " "; display: block; clear: both; height: 0; overflow: hidden }
.fixed, .clearfix, .cf, .header, .main, .footer { *zoom: 1 }

.about_culture .part_1 .en{font-family: arial;}
.about_culture .part_1 li.firstlist:nth-child(odd) .imgbox{float: left;}
.about_culture .part_1 li.firstlist:nth-child(odd) .textbox{float: left;}
.about_culture .part_1 li.firstlist:nth-child(even) .imgbox{float: right;}
.about_culture .part_1 li.firstlist:nth-child(even) .textbox{float: right;}
.about_culture .part_1 li.firstlist .imgbox{overflow:hidden;height: 100%;}
.about_culture .part_1 li.firstlist .imgbox,.about_culture .part_1 li.firstlist .textbox{width: 50%;}
.about_culture .part_1 li.firstlist .textbox{height: 100%;}
.about_culture .part_1 li.firstlist .imgbox img{width: 100%; height:100%;}
.about_culture .part_1 li.firstlist .textbox{background: url(../images/cult_bd01.jpg) center;background-size: contain;}
.about_culture .part_1 li.firstlist .textbox .iconbox img{width: 100%;}
.about_culture .part_1 li.firstlist dt{line-height: 1.02em;color: #2f2f2f;}
.about_culture .part_1 li.firstlist dt.en{color: #b1afaf;}
.about_culture .part_1 ul.seclist li{width: 50%;float: left;color: #000;line-height: 1.7em;}
.about_culture .part_1 ul.seclist li span{ font-size:16px;  font-weight:bold;line-height: 1.7em;}
.about_culture .part_1 ul.seclist2 li{width: 70%;float: left;color: #000;line-height: 1.7em;}
.about_culture .part_1 li.firstlist:nth-child(2) li{width: 100%;}
.about_culture .part_1 li.firstlist:nth-child(3) ul{float: left;}
.about_culture .part_1 li.firstlist:nth-child(3) li{float: none;width: 100%;}


/*响应值*/
.about_culture .part_1{margin-bottom: 140px;}
.about_culture .part_1 li.firstlist dl{margin: 50px 0 0 78px;}
.about_culture .part_1 li.firstlist:nth-child(3) dl{margin: 17px 0 0 78px;}
.about_culture .part_1 li.firstlist .textbox .iconbox{width: 73px;height: 73px;margin-bottom: 18px;}
.about_culture .part_1 li.firstlist dt{margin-bottom: 12px;}
.about_culture .part_1 li.firstlist dt.en{margin-bottom: 16px;}
.about_culture .part_1 ul.seclist{overflow: hidden;margin-bottom: -23px;}
.about_culture .part_1 ul.seclist li{margin-bottom: 14px;}








@media only screen and (max-width: 1440px){
	.about_culture .part_1{margin-bottom: 108px;}
	.about_culture .part_1 li.firstlist dl{margin: 38px 0 0 60px;}
	.about_culture .part_1 li.firstlist:nth-child(3) dl{margin: 13px 0 0 60px;}
	.about_culture .part_1 li.firstlist .textbox .iconbox{width: 59px;height: 59px;margin-bottom: 16px;}
	.about_culture .part_1 li.firstlist dt{margin-bottom: 9px;}
	.about_culture .part_1 li.firstlist dt.en{margin-bottom: 9px;}
	.about_culture .part_1 ul.seclist{overflow: hidden;margin-bottom: -17px;}
	.about_culture .part_1 ul.seclist li{margin-bottom: 10px;}
}




@media only screen and (max-width: 1023px){
	.about_culture .part_1 li.firstlist .imgbox,.about_culture .part_1 li.firstlist .textbox{width: 100%;float: none;}
	.about_culture .part_1 li.firstlist .textbox{height: auto!important;}
	.about_culture .part_1{margin-bottom: 78px;}
	.about_culture .part_1 li.firstlist dl{margin: 27px 0 27px 43px;}
	.about_culture .part_1 li.firstlist:nth-child(3) dl{margin: 9px 0 27px 43px;}
	.about_culture .part_1 li.firstlist .textbox .iconbox{width: 42px;height: 42px;margin-bottom: 9px;}
	.about_culture .part_1 li.firstlist dt{margin-bottom: 9px;}
	.about_culture .part_1 li.firstlist dt.en{margin-bottom: 9px;}
	.about_culture .part_1 ul.seclist{overflow: hidden;margin-bottom: -12px;}
	.about_culture .part_1 ul.seclist li{margin-bottom: 7px;}	
}



@media only screen and (max-width: 767px){
	.about_culture .part_1{margin-bottom: 40px;}
	.about_culture .part_1 li.firstlist .textbox{background-size: cover;}
	.about_culture .part_1 li.firstlist dl{margin: 20px!important;}
	.about_culture .part_1 li.firstlist .textbox .iconbox{width: 30px;height: 30px;}
}


/*font-size*/
.fnt_16 { font-size: 16px;}
.fnt_18 { font-size:18px;}
.fnt_20 { font-size: 20px;}
.fnt_22 { font-size:22px;}
.fnt_24 { font-size:24px;}
.fnt_28 { font-size:28px;}
.fnt_30 { font-size: 30px; }
.fnt_32 { font-size:32px; line-height:34px; }
.fnt_36 { font-size:36px;}
.fnt_48 { font-size: 48px;}
.fnt_66 {font-size: 66px;}
.fnt_120 { font-size: 120px;}

@media only screen and (max-width: 1520px) {
        .fnt_16 { font-size: 14px;}
        .fnt_18 {  font-size:15px;}
        .fnt_20 { font-size: 16px;}
        .fnt_22 {  font-size:18px}
        .fnt_24 { font-size:21px;}
        .fnt_28 {  font-size:22px;}
        .fnt_30 { font-size: 23px }
        .fnt_32 {  font-size:25px; line-height:27px; }
        .fnt_36 { font-size:28px;}
        .fnt_48 {  font-size:38px;}
        .fnt_66 {font-size: 52px;}
        .fnt_120 { font-size: 105px;}
}


@media only screen and (max-width: 1300px) {
        .fnt_16 { font-size: 13px;}
        .fnt_18 {  font-size:14px;}
        .fnt_20 { font-size: 15px;}
        .fnt_22 { font-size:16px;}
        .fnt_24 { font-size:21px;}
        .fnt_28 { font-size:18px;}
        .fnt_30 {font-size: 20px}
        .fnt_32 { font-size:21px; line-height:23px; }
        .fnt_36 { font-size:24px;}
        .fnt_48 { font-size:32px;}
        .fnt_66 {font-size: 45px;}
        .fnt_120 { font-size: 105px;}
}

@media only screen and (max-width: 1140px) {
        .fnt_28 { font-size:16px;}
        .fnt_30{font-size: 18px}
        .fnt_32 { font-size:19px; line-height:20px; }
        .fnt_36 { font-size:21px;}
        .fnt_48 { font-size:28px;}
        .fnt_66 {font-size: 40px;}
        .fnt_120 { font-size: 70px;}
}

@media only screen and (max-width: 1023px) {
	.fnt_48 { font-size:26px;}
        .fnt_36 { font-size:19px;}
        .fnt_66 {font-size: 36px;}
        .fnt_120 { font-size: 64px;}
}

@media only screen and (max-width: 767px) {
	.fnt_22{ font-size:14px;}
        .fnt_30{font-size: 16px;}
        .fnt_32 { font-size:18px; line-height:20px; }
        .fnt_36 { font-size:17px;}
        .fnt_48 { font-size:19px;}
        .fnt_66 {font-size: 26px;}
        .fnt_120 { font-size: 48px;}
}