@charset "utf-8";
body{ margin:0px; padding:0px;position: relative;}
a{ text-decoration:none;}
ul{ list-style:none; margin:0px; padding:0px;}
h1, h2, h3, h4, h5, h6, ol, dd, dl{ list-style:none;margin:0;padding:0px;margin-block-start: 0;margin-block-end:0;}
li {
    list-style: none;
}
p{ margin:0px;}
.width{ width:1200px; margin:0 auto;}
.both{ clear:both;}
a{ color:#000; transition:0.5s;}
#box{ width:100%; position:relative; overflow:hidden; height:500px;}
#box img{ transition:0.3s; position:absolute; top:0px; left:0px; height:100%; width:100%; object-fit:cover;}
.arrow{width:100%;}
.arrow a{ position:absolute; top:45%; background-color:rgba(255,255,255,0.8);border-radius:50%; color:#333; font-size:24px; padding:10px 15px; opacity:0;}
#box:hover .arrow a{ opacity:1;}
#foot_nav {
    display: none;
}


/*top*/
.top {
    height: 35px;
    line-height: 35px;
    border-bottom: 1px solid #ddd;
    color: #333;
    background:#fff;
}

.top a {
    line-height: 35px;
    font-size: 14px;
    color:#333;
}
.clear{clear:both;}
.fl{
    float: left;
}
.fr{
    float: right;
}
.remen h1 {
    font-weight: bold;
    float:right;
    margin: 0;
    color: #333;
    font-size: 14px;
}
/*head&nav*/
.head {
    height: 120px;
}

.head .logo {
    color: #000000;
    font-size: 38px;
    font-weight: bold;
    margin-top: 34px;
        width: 50%;
}
.head .logo img{
	width:100%;
}
.head .tel {
    padding-top: 25px;
}
.logo_tel {
    padding-top: 12px;
    height: 100px;
    float: right;
    background: url(../img/tel.png) left center no-repeat;
    padding-left: 74px;
    box-sizing: border-box;
    margin-top: 7px;
}
.logo_tel p {
    height: 30px;
    line-height: 30px;
    float: left;
    color: #000;
    font-size: 16px;
}
.logo_tel p span {
display: block;
    font-family: Impact!important;
    font-size: 32px;
    color: #d37c12;
    font-weight: bold;
    margin-top: 5px;
}
.nav {
    font-size: 0;
    background-size: 100%;
    background: #d37c12;
}
.nav .breadcrumbnav {
    background: #d37c12;
}
.nav .breadcrumbnav li {
    display: inline-block;
    text-align: center;
    width: 170px;
    line-height: 50px;
    position: relative;
}
.nav .breadcrumbnav li:first-child:before{
	display: none;
}
.nav .breadcrumbnav li:before {
    content: "";
    position: absolute;
    left: 0;
    top: 27px;
    transform: translateY(-50%);
    height: 27px;
    width: 1px;
    background: linear-gradient(rgba(255,255,255,0),rgba(255,255,255,0.4),rgba(255,255,255,0));
}

.nav .breadcrumbnav li a {
    font-size: 16px;
    font-weight: lighter;
    color: #fff;
}

.nav .breadcrumbnav li:hover {

}

.nav .breadcrumbnav .nav_list {
    position: absolute;
    left: 0;
    right: 0;
    top: 50px;
    background: #165ccf;
    display: none;
    z-index: 9999;
}

.nav .breadcrumbnav .nav_list a {
    color: #fff;
    font-size: 16px;
}

.nav .breadcrumbnav li:hover .nav_list {
    display: block;
}

.nav {
    font-size: 0;
    background-size: 100%;
    background: #d37c12;
}

.nav .breadcrumbnav {
    background: #d37c12;
}

.nav .breadcrumbnav li {
    display: inline-block;
    text-align: center;
    width: 169px;
    height: 50px;
    line-height: 50px;
    position: relative;
}

.nav .breadcrumbnav li a {
    font-size: 20px;
    font-weight: lighter;
    color: #fff;
}

.nav .breadcrumbnav li:hover {
    background: #d37c12;
}

.nav .breadcrumbnav .nav_list {
    position: absolute;
    left: 0;
    right: 0;
    top: 50px;
    background: #d37c12;
    display: none;
    z-index: 9999;
}

.nav .breadcrumbnav .nav_list a {
    color: #fff;
    font-size: 16px;
}

.nav .breadcrumbnav li:hover .nav_list {
    display: block;
}
/*产品*/
.pro {
    margin-top: 32px!important;
}
.w1200 {
    width: 1200px;
    margin: 0 auto;
}
.biaoti {
    text-align: center;
}

.biaoti h3 {
    font-weight: bold;
    line-height: 35px;
    color: #d37c12;
    font-size: 31px;
}

.biaoti span {
    display: block;
    background: url(../img/tt.png)no-repeat center;
    color: #666;
    font-size: 24px;
    line-height: 36px;
}

.pro-cont {
    margin-top: 71px;
}

.pro-le {
    width: 215px;
    height: 601px;
    background: url(../img/2.png) top;
    position: relative;
}
.pro-le h3 {
    background: #d37c12;
    height: 81px;
    text-align: center;
    font-weight: bold;
    color: #fff;
    padding-top: 15px;
    font-size: 24px;
}

.pro-le h3 span {
    display: block;
    font-size: 12px;
    text-transform: uppercase;
    font-weight: normal;
    margin-top: 10px;
}
.images{  width: 305px;overflow: hidden;}
.cpizada{width: 100%;    margin: 30px 0;}
.cpizada li:nth-child(3n) {
    margin-right: 0;
}
.cpizada li {
    width: 305px;
    border: 1px solid #b1a8a8;
    float: left;
    margin-top: 10px;
    margin-left: 7px;
    margin-right: 9px;
    position: relative;
    overflow: hidden;
}

.tse.tse2 a {
    text-align: center;
    margin: 0 auto;
}
.cpizada li:hover img{ cursor: pointer; -webkit-transform: scale(1.1); moz-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1);}
.cpizada li p {
    font-size: 14px;
    color: #fff;
    text-align: center;
    width: 100%;
}
.cpizada li img {     width: auto;
    height: 180px;
    transition: all .5s;
    text-align: center;
    margin: 10px 0;}
.tse span { background: rgba(0, 0, 0, 0.65);display: inline-block; width: 305px; height: 50px; line-height: 50px; text-align: center; position: absolute; bottom: 0px; left: 0px; z-index: 3; color: #fff; font-size: 18px; display: none;/*background: #00000085;*/}
.tse a { display: inline-block; position: relative;}
.tse em { display: inline-block; width: 100%; height: 50px; background: #000; opacity: 0.5; position: absolute; bottom: 0px; left: 0px; z-index: 2; display: none;}
.tse a:hover {background: none; opacity: 1;}
.tse a:hover span, .tese .tse a:hover em { display: block;}
.tse.tse2 {
    text-align: center;
    margin: 0 auto;
    display: block;
}

.fenlei {
    width: 181px;
    margin: 0 auto;
    margin-top: 4px;
    overflow: hidden;
}

.fenlei li {
    border-bottom: 1px dashed #d8d8d8;
    height: 34px;
    margin-top: 8;
}

.fenlei li a {
    display: block;
    width: 181px;
    height: 34px;
    margin-left: 0px;
    line-height: 34px;
    margin-top: 8px;
    background: url(../img/1.png)no-repeat 2px;
    padding-left: 27px;
    color: #333;
    font-size: 14px;
}

.fenlei li:hover a {
    background: url(../img/h1.png)no-repeat 7px #d37c12;
    color: #fff;
}

.pro-tel {
    margin-top: 16px;
    background: url(../img/ttel.png)no-repeat left;
    padding-left: 42px;
    color: #333;
    font-size: 14px;
    margin-left: 9px;
}
.pro-tel span {
    font-size: 20px;
    color: #d37c12;
}

a.pro-more {
display: block;
    width: 100%;
    height: 38px;
    line-height: 38px;
    text-align: center;
    color: #fff;
    font-size: 14px;
    background: #ff7900;
    color: #fff;
    margin: 20px auto;
}

.pro-ri {
    width: 960px;
}

.pro-tit {
    border: 1px solid #a0a0a0;
    height: 43px;
    position: relative;
    background: url(../img/shu.png)no-repeat 11px;
    line-height: 43px;
    color: #333;
    font-size: 18px;
    padding-left: 30px;
}

.pro-tit a {
    position: absolute;
    display: inline-block;
    width: 70px;
    right: 0;
    top: 0px;
    background: url(../img/morre.png)no-repeat 38px;
    color: #666;
    font-size: 16px;
}
.fl{
    float: left;
}
.fr{
    float: right;
}

/*优势*/
.ys-index {
    background: url(../img/bj.png) no-repeat top center;
    height: 842px;
    margin-top: 6px;
}

.container {
    width: 1100px;
    margin: 0 auto;
}

.ys {
    position: relative;
}

.ys1 {
    position: absolute;
    top: 207px;
    right: 133px;
}

.ys-title {
    font-size: 28px;
    color: #d37c12;
    padding-left: 50px;
}

.content1 {
    font-size: 16px;
    padding-top: 10px;
    color: #fff;
}

.content1.dd p {
    margin-left: -52px;
}

.ys2 {
    top: 416px;
    position: absolute;
    right: 87px;
}

.ys3 {
    top: 631px;
    right: 194px;
}
.ys4.tst {
    left: 20px;
    top: 208px;
}
.ys5 {
    top: 415px!important;
    left: 50px!important;
}
.ys6 {
    top: 633px!important;
    left: 146px!important;
}

.ys4 {
    position: absolute;
    top: 203px;
    left: 0;
    text-align: right;
}



/*新闻*/
.xinw {
    padding: 44px 0;
}
.xinw .biaoti span {
    background: url(../img/tt1.png)no-repeat center;
    font-size: 16px;
}
.xinw .biaoti {
    margin-bottom: 3%;
}
.intro.clearfix {
    margin-top: 41px;
}
.intro h3 span.time {
    width: 15%;
    float: right;
}
.intro h3 a {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    width: 80%;
    float: left;
}
.intro .left {
    float:left;
    width:47%;
}
.intro .left img {
    width: 564px;
    height: 310px;
    margin-bottom:20px
}
.intro h3 {
    font-size:16px;
    margin-bottom:12px;
}
.intro .time {
    font-size:14px;
    float:right
}
.intro p {
    line-height: 28px;
    font-size: 14px;
    color: #666;
    margin-bottom: 18px;
    display: -webkit-box !important;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}
.intro .more {
    width:107px;
    text-align:center;
    margin-top:12px
}
.intro .more a {
    display:block;
    width:100%;
    font-size:16px;
    color:#fff;
    line-height:35px;
    background-color:#d37c12;
}
.intro .right {
    float:right;
    width:50%;
}
.intro .right li {
    border-bottom: solid 1px #ddd;
    margin-bottom:22px;
}
.ys1.ysd h2 {
    margin-left: -54px;
}

/*关于我们*/
.ab {
    background: url(../img/about.jpg)no-repeat;
    height: 593px;
    padding-top: 69px;
}
.a1 {
    width: 100%;
    left: 0;
    position: relative;
}
.a1.ab .biaoti span {
    color: #fff;
}

.ab-cont {
    margin-top: 46px;
}

.abimg {
    width: 532px;
    height: 384px;
    overflow: hidden;
}

.abimg img {
    width: 100%;
}

.ab-ri {
    width: 592px;
    margin-top: 25px;
}

.ab-ri h3 {
    line-height: 28px;
    margin-left: 5px;
    color: #fff;
    font-size: 24px;
    font-weight: bold;
    height: 69px;
    background: url(../img/heng.jpg)no-repeat left bottom;
}

.ab-ri h3 span {
    display: block;
    font-size: 12px;
    text-transform: uppercase;
    font-weight: normal;
    line-height: 33px;
}

.ab-ri .cont {
    margin-top: 15px;
    color: #fff;
    font-size: 16px;
    line-height: 30px;
    width: 551px;
    margin-left: 5px;
    text-align: justify;
    height: auto;
    overflow: hidden;
    display: -webkit-box !important;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 7;
}

.ab-ri a {
    display: inline-block;
    width: 119px;
    height: 36px;
    line-height: 36px;
    text-align: center;
    background: #fff;
    color: #333;
    font-size: 16px;
    border-radius: 16px;
    margin-right: 15px;
        margin-top: 15px;
}

.ab-ri a:hover {
    background: #d37c12;
    color: #fff;
}

.ab-dh {
    float: right;
    background: url(../img/tell.png)no-repeat left;
    padding-left: 39px;
    color: #fff;
    font-size: 16px;
    line-height: 27px;
    margin-right: 5px;
        margin-top: 15px;
}
.ab-dh b {
    font-size: 29px;
}

/*案例*/
.cases{
    margin: 49px auto 0;
}
.cases .biaoti span {
    background: url(../img/tt1.png)no-repeat center;
    
}
.cases .show{
    width: 100%;
    height: 220px;
    overflow: hidden;
    margin-top: 20px;
}
.cases .show .box{
    width: 800%;
}
.cases .show .pic{
    float: left;
}
.cases .show .pic ul li{
    float: left;
    width: 292px;
    height: auto;
    overflow: hidden;
    margin-left: 15px;
    position: relative;
}

.cases .show .pic ul li img{
    display: block;
    width: 292px;
    height: 220px;
}
.cases .show .pic ul li p{
    width: 100%;
    line-height: 40px;
    text-align: center;
    font-size: 15px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    position: absolute;
    bottom: 0;
    background: rgba(0,0,0,.5);
    text-align: center;
    color:#fff;
}

/*底部*/
    .f_link {
    margin: 10px auto;
    font: 14px/30px 微软雅黑;
}
.footer {
    width: 100%;
    padding-top: 35px;
    font-size: 16px;
    overflow: hidden;
    background: #353334;
}
.footer .footer_box {
    margin: 0 auto;
    text-align: center;
}
.footer .footer_box .item_contact {
    width: 393px;
}
.footer .footer_box>div {
    color: #fff;
    display: inline-block;
    vertical-align: top;
    text-align: left;
    height: 210px;
    border-right: 1px solid #999;
}
.footer .footer_box>div .title4 {
    font-size: 26px;
    line-height: 30px;
    color: #E0E0E0;
}
.footer .footer_box>div .title4 span {
    font-size: 18px;
    position: relative;
    top: 2px;
}
.footer .footer_box>div hr {
    width: 54px;
    text-align: left;
    display: inline-block;
    background: #fff;
    border-style: inset;
    border-width: 1px;
}
.footer .footer_box .item_contact .cot {
    margin-top: 20px;
    line-height: 28px;
}
.footer .footer_box .item_nav {
    width: 410px;
}
.footer .footer_box .item_nav .box {
    width: 350px;
    margin: 0 auto;
}
.footer .footer_box .item_nav .box ul {
    margin-top: 10px;
    text-align: left;
}
.footer .footer_box .item_nav .box ul li {
    width: 113px;
    display: inline-block;
    text-align: left;
    margin-top: 10px;
}
.footer .footer_box .item_nav .box ul li a {
    color: #fff;
}
.footer .footer_box .item_chat {
    width: 337px;
    border: 0;
    text-align: center;
}
.footer .footer_box .item_chat p {
    font-size: 18px;
    line-height: 25px;
    color: #E0E0E0;
}
.footer .footer_box .item_chat img {
    width: 130px;
    height: 130px;
    margin-top: 14px;
    margin-right: 10px;
}
.footer .footer_box .item_chat img:nth-child(4) {
    margin-right: 0;
}
.footer_bottom {
    width: 100%;
    border-top: 1px solid #999;
    height: 50px;
    line-height: 50px;
    color: #fff;
    text-align: center;
    margin-top: 40px;
}




@media screen and (max-width: 980px) {
*{-webkit-text-size-adjust:none;}
#box{ height:300px;}
.width{ width:98%;}
#foot_nav{ display:block; position:fixed; bottom:0px; width:100%; left:0px;}
#foot_nav li{ list-style:none;}
#foot_nav li a{ width:calc(100% / 1); text-align:center; height:50px; line-height:50px; background:#e7272d; color:#fff; float:left; font-size:28px;    font-weight: bold;}


.head .logo {
    color: #000000;
    font-size: 34px;
    font-weight: bold;
    margin-top: 34px;
    width: 59%;
}
.logo_tel {
    padding-top: 25px;
    height: auto;
    float: right;
    background: url(../img/tel.png) left center no-repeat;
    padding-left: 45px;
    box-sizing: border-box;
    margin-top: 7px;
    width: 35%;
    background-size: 17%;
}
.logo_tel p {
    height: auto;
    line-height: 20px;
    float: left;
    color: #000;
    font-size: 16px;
}
.logo_tel p span {
    display: block;
    font-family: Impact!important;
    font-size: 22px;
    color: #d37c12;
    font-weight: bold;
    margin-top: 4px;
}
.head {
    height: 104px;
}
.nav .breadcrumbnav li {
    display: inline-block;
    text-align: center;
    width: 14.2%;
    height: auto;
    line-height: 50px;
    position: relative;
}
.nav .breadcrumbnav li a {
    font-size: 15px;
    font-weight: normal;
    color: #fff;
}
.pro-le{
	display:none;
}

.pro-ri {
    width: 100%;
}
.pro-tit{
	display:none;
}
.cpizada li:nth-child(2n) {
    margin-right: 0;
}
.cpizada li:nth-child(3) {
    margin-right: 9px;
}
.cpizada li {
    width: 48.8%;
    border: 1px solid #b1a8a8;
    float: left;
    margin-top: 10px;
    margin-left: 0;
    margin-right: 9px;
    position: relative;
    overflow: hidden;
}
.ys-index{
	display:none;
}
.intro .left {
    float: left;
    width: 100%;
}
.intro .left img {
    width: 100%;
    height: 310px;
    margin-bottom: 20px;
}
.intro .more {
    width: 20%;
    text-align: center;
    margin-top: 12px;
}
.intro .right {
    float: right;
    width: 100%;
    margin-top: 2%;
}
.xinw .biaoti span{background:none;}

.ab {
    background: url(../img/about.jpg);
    height: 963px;
    padding-top: 69px;
}
.abimg {
    width: 100%;
    height: 384px;
    overflow: hidden;
}
.ab-ri {
    width: 100%;
    margin-top: 25px;
}
.ab-ri .cont {
    margin-top: 15px;
    color: #fff;
    font-size: 16px;
    line-height: 30px;
    width: 100%;
    margin-left: 0;
    text-align: justify;
    height: auto;
    overflow: hidden;
}
.ab-ri a {
    display: inline-block;
    width: 20%;
    height: 36px;
    line-height: 36px;
    text-align: center;
    background: #fff;
    color: #333;
    font-size: 16px;
    border-radius: 16px;
    margin-right: 15px;
    margin-top: 15px;
}
.footer .footer_box .item_contact {
    width: 51%;
    float:left;
}
.footer .footer_box .item_nav{display:none;}
.footer .footer_box .item_chat {
    width: 46%;
    border: 0;
    text-align: center;
    float: right;
}
.footer .footer_box .item_chat img {
    width: 52%;
    height: auto;
    margin-top: 29px;
    margin-right: 10px;
}
.footer {
    width: 100%;
    padding-top: 35px;
    font-size: 16px;
    overflow: hidden;
    background: #353334;
    padding-bottom: 53px;
}
.remen{
	display:none;
}
.pro-cont {
    margin-top: 10px;
}

}