

ul{margin:0px;padding:0px;list-style:none;}
li{list-style:none;}
ul li a{display:block;}
a{text-decoration:none;color:#666;outline:none;}
a:hover{text-decoration: none; color: #900;}
 @media (min-width: 1400px) {
    .container {max-width: 1360px;}
}
 @media (min-width: 1600px) {
    .container {max-width: 1560px;}
}


/* .top { background:#dededc; padding: 0px; margin: 0px; overflow: hidden; }
.top .l { padding: 20px 0px; margin: 0px; overflow: hidden; float: left;}
.top .l a { width:300px; display: block; float: left;}
.top .l img { margin: 0px; padding: 0px; overflow: hidden; }
.top .l .right {width: 380px; float:left; padding:6px 0 0 0; }
.top .l .right .rr1 { float:left; font-size: 16px; padding: 30px 15px 0 0; }
.top .l .right .rr2 { font-size:14px;margin: 0px; padding: 30px 0px 0px;}
.top .l .right .rr2 span { font-size:24px; line-height:1.2; }
.top .r { padding:70px 0 0 0; float: right;}
.top .r ul { padding:0px; position:relative; }
.top .r ul li a { color:#000; font-size:16px; }
.top .r ul li.nodn ul { display:block; }
.top .r li { float:left; padding:0 0 0 50px; }
.top .r li a { color:#000; }
.top .r ul li.now a,.top .r ul li:hover a { color:#b70007; }
.menu-mobile { display:none; }
.menuk_Click, .menuK_Tel, .menuk { display:none; }
.big_banner { height:520px; border-bottom:8px solid #c9c9c9; } */

/* Banner */
.big_banner .slide-main{height:100%;position:relative;}
.big_banner .prev,.big_banner .next{ display:block;width:50px;height:50px;position:absolute;z-index:99;top:45%;cursor:pointer;opacity:0.6;-moz-opacity:0.6;filter:alpha(opacity=80);_border:1px solid none; }
.big_banner .prev{left:35px;}
.big_banner .next{right:35px;}
.big_banner .prev:hover,.next:hover,.nav-main a:hover,.nav-main a.cur{opacity:1;-moz-opacity:1;filter:alpha(opacity=100);}
.big_banner .item { border:0px; display:block;width:100%;height:5px;position:absolute;z-index:124; bottom:30px; left:0;text-align:center;background: inherit;}
.big_banner .item a{display:inline-block;width:8px;height:8px; border-radius:50%; margin-right:11px;background:#666;opacity:0.9;-moz-opacity:0.9;filter:alpha(opacity=90);}
.big_banner .item a.cur{background:#fff;}

.big_banner .slide-box,.slide{display:block;width:100%;height:100%;}
.big_banner .slide-box{position:relative;}
.big_banner .slide{display:none;height:100%;padding-top:89px; background-color:#666;position:relative;position:absolute;z-index:8; background-size:auto 100%; background-position:top; background-repeat:no-repeat; }
.big_banner .slide a{display:block;width:100%;height:100%;cursor:pointer;}

.obj-e,.obj-f{position:absolute;z-index:9;}
.obj-e{width:27%;height:auto; left:15%;top:40%;z-index:12; }
.obj-e img { width:100%; height:100%; }
.obj-f{width:60%;height:auto; bottom:0; left:35%; }
.obj-f img { width:100%; height:100%; }

.obj-e{display:block;animation-name:Acte;-webkit-animation:Acte 0.5s linear 0s normal none;-moz-animation:Acte 0.5s linear 0s normal none;animation:Acte 0.5s linear 0s normal none;}
@-webkit-keyframes Acte{from{opacity:0;left:10%;} to{opacity:1;left:15%;} }
@-moz-keyframes Acte{from{opacity:0;left:10%;} to{opacity:1;left:15%;} }
@keyframes Acte{from{opacity:0;left:10%;} to{opacity:1;left:15%;} }

.obj-f {display:block;animation-name:Actf;-webkit-animation:Actf 0.5s linear 0s normal none;-moz-animation:Actf 0.5s linear 0s normal none;animation:Actf 0.5s linear 0s normal none;}
@-webkit-keyframes Actf{from{opacity:0;left:45%;} to{opacity:1;left:35%;} }
@-moz-keyframes Actf{from{opacity:0;left:45%;} to{opacity:1;left:35%;} }
@keyframes Actf{from{opacity:0;left:45%;} to{opacity:1;left:35%;} }
.big_banner .prev img,.big_banner .next img { width:100%; height:100%; }

@media screen and (max-width: 1440px) {
	.big_banner { height:520px; }
}
@media screen and (max-width: 768px) {
    .big_banner { height:210px; }
	.big_banner .prev,.big_banner .next{ width:30px;height:30px; }
.big_banner .prev{left:15px;}
.big_banner .next{right:15px;}
}

/* 首页案例 */
.rat-index-caseall {
    padding: 100px 0;
    margin: 0px;
    overflow: hidden;
}
.rat-index-casemune {
    margin: 0px;
    padding: 0px;
    overflow: hidden;
}
.rat-index-casemune li {
    width: calc(25% - 20px);
    margin: 0px 10px;
    padding: 0px;
    overflow: hidden;
    float: left;
}
.rat-case-listone {
    background-image: url(../../images/brand/case-dot.png);
    background-repeat: no-repeat;
    background-position: top center;
    padding: 30px 10px;
    margin: 0px;
    text-align: center;
    overflow: hidden;
}
.rat-case-listone h3 {
    font-size: 32px;
    font-weight: 500;
    line-height: 1.5;
    color: #fff;
    padding: 0px;
    margin: 0px;
    overflow: hidden;
}
.rat-case-listone span {
    font-size: 14px;
    font-weight: 500;
    line-height: 1.5;
    color: #fff;
    padding: 0px;
    margin: 0px;
    overflow: hidden;
}
.rat-index-casemune li:nth-child(1) .rat-case-listone {background-color: #ea5503;color: #fff;}
.rat-index-casemune li:nth-child(2) .rat-case-listone {background-color: #838b8d;color: #fff;}
.rat-index-casemune li:nth-child(3) .rat-case-listone {background-color: #98a6a6;color: #fff;}
.rat-index-casemune li:nth-child(4) .rat-case-listone {background-color: #9e9d88;color: #fff;}
/* .rat-index-casemune li.cur:nth-child(1) .rat-case-listone {background-color: #db4f04;}
.rat-index-casemune li.cur:nth-child(2) .rat-case-listone {background-color: #3fb3a0;}
.rat-index-casemune li.cur:nth-child(3) .rat-case-listone {background-color: #00a4c0;}
.rat-index-casemune li.cur:nth-child(4) .rat-case-listone {background-color: #a0c003;}
.rat-index-casemune li.cur:nth-child(1) .rat-case-listone h3,.rat-index-casemune li.cur:nth-child(1) .rat-case-listone span {color: #fff;}
.rat-index-casemune li.cur:nth-child(2) .rat-case-listone h3,.rat-index-casemune li.cur:nth-child(2) .rat-case-listone span {color: #fff;}
.rat-index-casemune li.cur:nth-child(3) .rat-case-listone h3,.rat-index-casemune li.cur:nth-child(3) .rat-case-listone span {color: #fff;}
.rat-index-casemune li.cur:nth-child(4) .rat-case-listone h3,.rat-index-casemune li.cur:nth-child(4) .rat-case-listone span {color: #fff;} */
.rat-case-listoneinfo {
    padding: 20px 10px;
    margin: 0px;
    font-size: 16px;
    line-height: 30px;
    height: 130px;
    overflow: hidden;
    color: #666;
    border-bottom: 1px dashed #999;
}
/* .rat-index-casemune li.cur:nth-child(1) .rat-case-listoneinfo {color: #db4f04;}
.rat-index-casemune li.cur:nth-child(2) .rat-case-listoneinfo {color: #3fb3a0;}
.rat-index-casemune li.cur:nth-child(3) .rat-case-listoneinfo {color: #00a4c0;}
.rat-index-casemune li.cur:nth-child(4) .rat-case-listoneinfo {color: #a0c003;} */
.rat-index-caseinfoall {
    padding: 30px 0px 0px;
    margin: 0px;
    overflow: hidden;
}
.rat-index-casealltiao {
    width: calc(100% - 20px);
    height: 20px;
    line-height: 20px;
    padding: 0px;
    margin: 0px 10px 10px;
    overflow: hidden;
    text-align: center;
}
/* .rat-index-casealltiao1 {background: url(../../images/casetiao-bg1.jpg) repeat-x;}
.rat-index-casealltiao2 {background: url(../../images/casetiao-bg2.jpg) repeat-x;}
.rat-index-casealltiao3 {background: url(../../images/casetiao-bg3.jpg) repeat-x;}
.rat-index-casealltiao4 {background: url(../../images/casetiao-bg4.jpg) repeat-x;} */
.rat-index-caseone {
    padding: 0px;
    margin: 0px;
    overflow: hidden;
}
.rat-index-caseone ul li {
    position: relative;
    display: inline-block;
    width: calc(33.3333% - 23px);
    margin: 0 10px 20px;
    border: 1px solid #dededc;
    background-color: #fff;
}
.rat-index-caseone ul li img {width: 100%;}
.rat-index-caseone ul li .rat-index-casetxt { position:absolute; width:100%; height:100%; text-align:center; font-size:1em; padding:30% 0 0 0; top: 0px; left: 0px; z-index: 100;}
.rat-index-caseone ul li .rat-index-casetxt * { display:none; }
.rat-index-caseone ul li .rat-index-casetxt:hover {background:#333; animation:mymoveTo1 1.2s alternate forwards; -webkit-animation:mymoveTo1 1.2s alternate; }
.rat-index-caseone ul li .rat-index-casetxt:hover * { display:block; }
.rat-index-caseone ul li .rat-index-casetxt font { font-size:28px; font-weight: 500; color:#fff; line-height:220%; animation:mymoveToTop 0.8s alternate forwards; -webkit-animation:mymoveToTop 0.8s alternate; overflow: hidden;text-overflow:ellipsis;white-space: nowrap; }
.rat-index-caseone ul li .rat-index-casetxt:hover span { font-size:18px; font-weight: 300; color:#fff;line-height: 1.5;}
.rat-index-caseone.rat-index-caseone ul li .rat-index-casetxt:hover,.rat-index-caseone116.rat-index-caseone ul li .rat-index-casetxt:hover {background:#db4f04;}
.rat-index-caseone2.rat-index-caseone ul li .rat-index-casetxt:hover,.rat-index-caseone117.rat-index-caseone ul li .rat-index-casetxt:hover {background:#3fb3a0;}
.rat-index-caseone3.rat-index-caseone ul li .rat-index-casetxt:hover,.rat-index-caseone118.rat-index-caseone ul li .rat-index-casetxt:hover {background:#00a4c0;}
.rat-index-caseone4.rat-index-caseone ul li .rat-index-casetxt:hover,.rat-index-caseone119.rat-index-caseone ul li .rat-index-casetxt:hover {background:#a0c003;}
@keyframes mymoveToTop
{
from {opacity:0; margin-top:15px; }
to {opacity:1; margin-top:0; }
}

@-webkit-keyframes mymoveToTop /*Safari and Chrome*/
{
from {opacity:0; margin-top:15px; }
to {opacity:1; margin-top:0; }
}

@keyframes mymoveTo1
{
from {opacity:0;}
to {opacity:1;}
}

@-webkit-keyframes mymoveTo1 /*Safari and Chrome*/
{
from {opacity:0;}
to {opacity:1;}
}

/* 首页信息 */
.rat-index-brandother {
    padding: 0px;
    margin: 0px;
    overflow: hidden;
}
.rat-index-brandotherinfo {
    background: #eee;
    padding: 40px 0 70px 0;
    text-align: center;
    margin: 0px;
    overflow: hidden;
}
.rat-index-brandotherinfo h3 {
    font-size: 32px;
    font-weight: 500;
    color: #333;
    line-height: 2em;
    padding: 0px;
    margin: 0px;
    overflow: hidden;
}
.rat-index-brandotherinfo h5 {
    font-size: 24px;
    font-weight: 500;
    color: #999;
    line-height: 2em;
    padding: 0px;
    margin: 0px;
    overflow: hidden;
}
.rat-index-brandotherinfo .rat-brandotherinfo-details {
    font-size: 18px;
    color: #aaa;
    line-height: 2em;
    padding: 10px 6%;
    margin: 0px;
    overflow: hidden;
}
.rat-more-btn {
    padding: 20px 0 0 0;
}
.rat-more-btn a {
    font-size: 18px;
    color: #b50007;
    padding: 6px 30px 8px 30px;
    border: 1px solid #b50007;
    border-radius: 7px;
}
.rat-more-btn a:hover {
    background: #b50007;
    color: #fff;
}

/* 底部信息 */
.rat-bottom-friend {
    background: #eee;
    border-top: 1px dashed #bbb;
    padding: 2% 0;
    width: 100%;
}
.rat-links-title {
    font-size: 13px;
    font-weight: 600;
    margin: 0px 0px 5px;
    padding: 0px;
    overflow: hidden;
}
.rat-links-list {
    width: 100%;
    padding: 0px;
    margin: 0px;
    overflow: hidden;
}
.rat-links-list li {
    float: left;
    width: 7.83333%;
    font-size: 12px;
    line-height: 1.8;
    margin-right: 0.5%;
    overflow: hidden;
    color: #ccc;
    white-space: nowrap;
}
.rat-footer-allinfo {
    background: url(../../images/brand/bottom-bg.jpg) repeat-x top #b50007;
    padding: 0px;
    margin: 0px;
    overflow: hidden;
}
.rat-footer-copyright {
    color: #f19c9f;
    font-size: 14px;
    line-height: 200%;
    padding: 40px 0px 20px 0px;
    background: url(../../images/brand/bottom-dot.jpg) no-repeat top center;
    margin: 0px;
    overflow: hidden;
    text-align: center;
}
.rat-footer-copyright p {margin: 0px; padding: 0px;}
.rat-footer-copyright strong {color: #fff;}
.new-float{
	position: fixed;
	right: 0;
	top: 50%;
	z-index: 50;
	width: 50px;
	height: 374px;
	margin-top: -380px;
}
.new-float li{
	position: relative;
	width: 50px;
	height: 50px;
	margin-bottom: 2px;
	line-height: 27px;
	color: #fff;
	text-align: center;
}
.new-float li.hover{
	overflow: hidden;
}
.new-float li a{
	display: inline-block;
	color: #fff;
}
.new-float li a.tit{
	width: 77px;
	height: 77px;
	padding: 30px 10px 0 0;
	color: #fff;
}
.new-float li p{
	position: relative;
	z-index: 2;
	height: 77px;
	padding-top: 30px;
	cursor: pointer;
}
.new-float li.fi a{
	background: url(../../images/main/bg_float01.png) no-repeat;
}
.new-float li.fi.lia2 a{
	background: url(../../images/main/bg_float01s.png) no-repeat;
}
.new-float li.fif p{
	background: url(../../images/main/bg_float05.png) no-repeat;
}
.new-float li .tel{
	position: absolute;
	left: 50px;
	top: 0px;
	z-index: 1;
	width: 184px;
	height: 50px;
	font: 22px/30px Arial;
	color: #fff;
	cursor: pointer;
	line-height:50px;
	background:#B72024;
}
.tel a { background:#B72024; }
.vximg { position: relative; width:50px; height:50px; }
.vximg a { width:50px; height:50px; right:0; top:0; position:absolute; background:url(../../images/main/wx.png); cursor:pointer; }
.vximg a img { display:none; width:1px; height:1px; }
.vximg:hover a { width:250px; height:140px; left:-190px; background:none; }
.vximg:hover a img { display:block; width:250px; height:140px; }
.new-float li.vximg a p { padding-top:0; }

.new-float a.mof{
	display: inline-block;
	width: 54px;
	height: 71px;
	padding: 12px 11px 0 12px;
	margin-top: 10px;
	*margin-top: 7px;
	font-size: 18px;
	line-height: 22px;
	color: #fff;
}
.tenyear { position:relative; padding-top:400px; width:217px; }
.tenyear img { position:absolute; left:-158px; }

.rat-ny-infoall {
    padding: 50px 0px;
    margin: 0px;
    overflow: hidden;
}
.rat-ny-title {
    padding: 0px;
    margin: 0px 0px 30px;
    overflow: hidden;
    border-bottom: 1px solid #666;
}
.rat-ny-title h1 {
    font-size: 32px;
    line-height: 1.8;
    padding: 0px;
    margin: 0px;
    overflow: hidden;
    float: left;
}
.rat-ny-title ul {
    float: right;
    margin-top: 15px;
}
.rat-ny-title li {
    font-size: 18px;
    font-weight: 600;
    line-height: 1.5;
    margin: 0px;
    padding: 0px 15px;
    overflow: hidden;
    float: left;
}
.rat-ny-titlelist1,.rat-ny-titlelist116 {color: #db4f04;}
.rat-ny-titlelist2,.rat-ny-titlelist117 {color: #3fb3a0;}
.rat-ny-titlelist3,.rat-ny-titlelist118 {color: #00a4c0;}
.rat-ny-titlelist4,.rat-ny-titlelist119 {color: #a0c003;}
.rat-case-serviceinfo {
    padding: 0px;
    margin: 0px;
    overflow: hidden;
}
.rat-case-serviceinfo h3 {
    font-size: 28px;
    padding: 0px 0px 16px;
    font-weight: bolder;
    margin: 0px;
    overflow: hidden;
}
.rat-case-serviceinfo li {
    width: 100%;
    padding: 4px 0;
    margin: 0px;
    overflow: hidden;
}
.rat-case-serviceinfo li a {
    line-height: 20px;
    background-position: center;
    font-size: 14px;
}
.rat-case-details {
    font-size: 14px;
    line-height: 1.8;
    padding: 0px;
    margin: 0px;
    overflow: hidden;
}

/* 分页 */
.pagination {display: inline-block;padding-left: 0;margin: 20px 0 0px;border-radius: 4px}
.pagination>li {display: inline}
.pagination>li>a,.pagination>li>span {position: relative;float: left;padding: 6px 12px;margin-left: -1px;line-height: 1.42857143;color: #dc372b;text-decoration: none;background-color: #fff;border: 1px solid #ddd}
.pagination>li:first-child>a,.pagination>li:first-child>span {margin-left: 0;border-top-left-radius: 4px;border-bottom-left-radius: 4px}
.pagination>li:last-child>a,.pagination>li:last-child>span {border-top-right-radius: 4px;border-bottom-right-radius: 4px}
.pagination>li>a:focus,.pagination>li>a:hover,.pagination>li>span:focus,.pagination>li>span:hover {z-index: 2;color: #dc372b;background-color: #eee;border-color: #ddd}
.pagination>.active>a,.pagination>.active>a:focus,.pagination>.active>a:hover,.pagination>.active>span,.pagination>.active>span:focus,.pagination>.active>span:hover {z-index: 3;color: #fff;cursor: default;background-color: #dc372b;border-color: #dc372b}
.pagination>.disabled>a,.pagination>.disabled>a:focus,.pagination>.disabled>a:hover,.pagination>.disabled>span,.pagination>.disabled>span:focus,.pagination>.disabled>span:hover {color: #777;cursor: not-allowed;background-color: #fff;border-color: #ddd}
.pagination-lg>li>a,.pagination-lg>li>span {padding: 10px 16px;font-size: 18px;line-height: 1.3333333}
.pagination-lg>li:first-child>a,.pagination-lg>li:first-child>span {border-top-left-radius: 6px;border-bottom-left-radius: 6px}
.pagination-lg>li:last-child>a,.pagination-lg>li:last-child>span {border-top-right-radius: 6px;border-bottom-right-radius: 6px}
.pagination-sm>li>a,.pagination-sm>li>span {padding: 5px 10px;font-size: 12px;line-height: 1.5}
.pagination-sm>li:first-child>a,.pagination-sm>li:first-child>span {border-top-left-radius: 3px;border-bottom-left-radius: 3px}
.pagination-sm>li:last-child>a,.pagination-sm>li:last-child>span {border-top-right-radius: 3px;border-bottom-right-radius: 3px}

@media screen and (max-width: 767px) {
    /* .top { height:auto; min-height:70px; }
    .top .l {padding: 0px;}
    .top .l a { width:170px;}
    .top .r { width:100%; position:absolute; float:none; }
    .top .l .right, .top .r ul { display:none; }
    .menuk_Click { display:block; background-image:url(../../images/brand/open.png); background-repeat:no-repeat; background-size:cover; width:50px; height:50px; right:10px; position:absolute; top:10px; }
    .menuk_Click2 { background-image:url(../../images/brand/close.png); }
    .menuk { display:block; float:none; width:100%; }
    #menukUL { padding:20px; background:#3e3e3e; width:100%;overflow: hidden; }
    #menukUL li { float:left; width:100%; }
    #menukUL li a { color:#fff; text-align:center; display:block; border-bottom:1px solid #555; padding:12px 0; font-size:14px; }
    .menuK_Tel { display:block; background-image:url(../../images/brand/tel.png); background-repeat:no-repeat; background-size:cover; width:50px; height:50px; right:75px; position:absolute; top:10px; }
    .menuK_Tel a { display:block; width:50px; height:50px; } */

    .new-float {display: none;}
    .rat-index-caseall {padding: 30px 0px;}
    .rat-index-casemune li {width: 24%; margin: 0px 0.5%;}
    .rat-index-casemune li p {display: none;}
    .rat-case-listone { padding: 20px 5px;}
    .rat-case-listone h3 {font-size: 15px;}
    .rat-case-listoneinfo,.rat-case-listone span {display: none;}
    .rat-index-caselistname li {width: 33.33333%; padding: 0px 10px; text-align: center; text-align: center; display: block; float: left;}
    .rat-index-caselistname li a {font-size: 14px; line-height: 30px;}
    .rat-index-caseinfoall {padding: 10px 0px 0px;}
    .rat-index-caseone ul li {width: calc(50% - 12px);margin: 0 5px 10px;}
    .rat-index-caseadinfo {padding: 20px 0px;}
    .rat-index-brandotherinfo {margin-left: -10px; margin-right: -10px; padding: 25px 0px 40px;}
    .rat-index-brandotherinfo h5 {font-size: 20px;}
    .rat-index-brandotherinfo .rat-brandotherinfo-details {font-size: 16px; padding: 10px;}
    .rat-links-list li {width: 24%;}
    .rat-ny-infoall {padding: 25px 0px;}
    .rat-ny-title h1 {width: 100%; text-align: center; display: block; font-size: 28px;}
    .rat-ny-title ul {width: 100%;}
    .rat-ny-title li {width: 25%; padding: 0px; text-align: center;}
    .rat-case-serviceinfo h3 {text-align: center;}
    .rat-case-serviceinfo {border-bottom: 1px dashed #999; margin-bottom: 20px; padding-bottom: 10px;}
    .rat-case-serviceinfo li {width: 50%; float: left;}
    .rat-index-caseone ul li .rat-index-casetxt {padding: 0px 10px; position: inherit;}
    .rat-index-caseone ul li .rat-index-casetxt font {font-size: 13px;display: block; color: #333;}
    .rat-index-caseone ul li .rat-index-casetxt:hover span {font-size: 14px;}
    .rat-ny-next,.rat-ny-prev {float: inherit;}
}
