/* CSS Document */
*{margin:0; padding:0; font-family:Arial, Helvetica, 微软雅黑, sans-serif; }
a{ color:#333; text-decoration:none;}
ul, ol{list-style-type:none;}
img{border:0; max-width:100%;  vertical-align: middle;}
.container{width:1300px; margin:0 auto; height:100%;}
.clear{clear:both;}
body{ overflow-x:hidden; position:relative;  background:#f5f5f5;}
h1, h2, h3, h4, h5, h6,b{ font-weight:normal;}
input, textarea,select, button{outline:medium; blr:expression(this.onFocus=this.blur());}
p{ text-align:justify;}
.fl{ float:left;}
.fr{ float:right;}

.header{ height:100px; width:100%; padding-top:20px; background:#fff;}
.header .logo{ float:left; }

.search{ float:left; margin-top: 5px; margin-left:26px;}
.search input[type="text"]{ height:36px; width:222px; border:2px solid #d14747; float:left; padding:0 20px; font-size:14px;}
.search input[type="submit"]{ width:58px; height:40px; background:url(../images/search-icon.png) no-repeat center #d14747; float:left; border:none; cursor:pointer;}

.header .tel{ float:left; margin-top:15px; margin-left: 40px; }
.header .tel p{ font-size:16px; color:#333; background:url(../images/tel-icon.png) no-repeat center left; padding-left:20px; margin-bottom:2px;}
.header .tel span{ font-size:26px; color:#d14747; font-weight:bold; letter-spacing:1px;}

.nav{ height:50px; border-bottom:3px solid #d14747; background:#fff;}
.nav .nav-top{ width:250px; height:50px; background:url(../images/nav2-icon2.png) no-repeat 50px center #fff; color: #000; font-size:18px; line-height:50px; text-align:center; text-indent:50px; cursor:pointer; float:left; position:relative; }
.nav ul{ float:left; width:1050px;}
.nav ul li{ float:left; width:140px; height:50px; text-align:center;}
.nav ul li a{ font-size:18px; color:#333; display:inline-block; width:100%; height:100%; line-height:50px;}
.nav ul li.on a, .nav ul li:hover a{ color:#d14747;}

.nav2{ position:absolute; top:50px; width:1300px; text-indent:0; text-align:left; line-height:normal; display:none; padding-top:3px; z-index:9999;}
.nav-top:hover .nav2{ display:block;}
.nav2 .hd{ width:250px; float:left;}
.nav2 .hd > ul{ width:100%; }
.nav2 .hd > ul li{ width:250px; height:115px; line-height:115px; border-top:1px solid #fff;}
.nav2 .hd > ul li a{ display:inline-block; line-height:115px; font-size:16px; background:#fff;  color:#000; font-weight:bold;}
.nav2 .hd > ul li a span{ vertical-align: middle; line-height:24px; height:auto; display:inline-block;}
.nav2 .hd > ul li.on a{ background:#f0f0f0;}

.nav2 .bd{ float:left; width:1050px; background:#fff;}
.nav2 .bd dl{ margin-left:15px; width:195px; padding-top:32px; height:518px; position:relative; float:left;}
.nav2 .bd dl dt{ font-size:16px; color:#d14747; font-weight:bold;}
.nav2 .bd dl dd{ font-size:14px; color:#7a7a7a; position:relative; padding-left:10px; margin-top:16px;}
.nav2 .bd dl dd::before{ content:""; position:absolute; display:inline-block; width:4px; height:4px; border-radius:4px; background:#7a7a7a; left:0; top:9px;}
.nav2 .bd dl .img{ position:absolute; bottom:14px; width:195px; height:250px; overflow:hidden;}
.nav2 .bd dl .img img{ transition: all 0.2s linear 0s;}
.nav2 .bd dl:hover .img img{ transform: scale(1.1,1.1);}

.index-box{ width:100%; height:550px; background:#fff;}

.footer{ background:#f5f5f5; padding:20px 0 0;}
.footer .footer-tel{ float:left; text-align:right; height:52px; padding:10px 62px 10px 50px; border-right:1px solid #a0a0a0;}
.footer .footer-tel span{ font-size:14px; color:#333;}
.footer .footer-tel p{ font-size:30px; color:#333; margin-top:4px;}
.footer .footer-contact{ padding:1px 58px; float:left; line-height:30px;     display: flex;
    justify-content: space-between;
    width: 780px;
    margin-top: 20px; }
.footer .footer-contact p{ font-size:14px; color:#333;}
.footer .footer-wx{ text-align:center; float: right; width: 218px; line-height: 92px;}
.footer .footer-wx img{ width:86px;}
.footer .footer-copy{ border-top:1px solid #a0a0a0; margin-top:22px; text-align:center; font-size:14px; color:#333; line-height:54px;}

.page-banner{ height:200px; overflow:hidden;}
.page-banner .page-top{ float:left; width:150px; height:70px; background:#d14747; margin-top: 130px; padding-left:90px;}
.page-banner .page-top .cn{ font-size:22px; font-weight:bold; color:#fff; margin-top: 12px;}
.page-banner .page-top .en{ text-transform:uppercase; font-size:12px; color:#dadada; margin-top:2px;}
.page-banner .product{ background:url(../images/product-icon.png) no-repeat 40px center #d14747; }
.page-banner .service{ background:url(../images/service-icon.png) no-repeat 40px center #d14747; }
.page-banner .about{ background:url(../images/about-icon.png) no-repeat 40px center #d14747; }
.page-banner .mbx{ float:left; width:1030px; height:69px; background:url(../images/mbx-bg.png) no-repeat right 1px #fff; margin-top:130px; padding-left:30px;  border-bottom: 1px solid #dcdcdc;}
.page-banner .mbx .box{ font-size:14px; color:#333; background:url(../images/mbx-icon.png) no-repeat center left; line-height:70px;  padding-left:30px;}
.page-banner .mbx .box a{ display:inline-block; margin:0 6px;}
.page-banner .mbx .box a:hover{ color:#d14747; text-decoration:underline;}

.page-box{ overflow:hidden; margin-bottom:30px; background:#fff;}
.ty-left{ width:250px; float:left; background:#f9f9f9; height:100%;}
.ty-nav{ margin-bottom:20px;}
.ty-nav li{ border-bottom:1px dashed #bfbfbf; line-height:60px;}
.ty-nav li > a{ color:#d14747; font-size:14px; display:inline-block; width:210px; height:100%; padding:0 15px; position:relative;}
.ty-nav li > a::before{ content:"+"; display:inline-block; position:absolute; top:50%; right:15px; width:14px; height:14px; transform:translateY(-50%); line-height:14px; text-align:center; border:1px solid #d14747; border-radius:50%;}
.ty-nav li.on > a::before{ content:"-"; line-height:12px;}
.ty-nav li dl{ display:none;}
.ty-nav li dd{ line-height:45px; border-top:1px solid #ccc;}
.ty-nav li dd a{ width:100%; height:100%; display:inline-block; text-indent:40px; color:#d14747; font-size:14px;}
.ty-nav li dd:hover a, .ty-nav li dd.on a{ background:#d14747; color:#fff;}

.ty-right{ width:1020px;  float:right; margin-top:16px;}
.product-list{}
.product-list .top-title{ width:100%; height:50px; line-height:50px; background:#ffe4e4; font-size:18px; color:#d14747; text-indent:20px; font-weight:bold; margin-bottom:20px; clear:both;}
.product-list dd{ width:240px; height:260px; position:relative; background:#f9f9f9; float:left; margin-right: 23px; margin-bottom:22px; transition: all 0.2s linear 0s;}
.product-list dd:hover{ margin-top:-10px; box-shadow:3px 3px 6px rgba(0,0,0,.35);}
.product-list dd .img{ width:240px; height:260px; overflow:hidden; position:relative; z-index:0;  }
.product-list dd .title{ font-size:14px; color:#333; text-align:center; position:absolute; bottom:5px; width:100%;}
.product-list dd .title:hover{ color:#d14747;}
.product-list dd:nth-child(4n){ margin-right:0;}
.product-list dd:nth-child(4n-3){ clear:left;}

.product-con{ overflow:hidden;}
.product-con .img{ width:460px; height:350px; overflow:hidden; float:left; position:relative;}
.product-con .img .bd{ border:1px solid #dcdcdc; width:458px; height:348px;}
.product-con .img .hd a{ display:inline-block; width:25px; height:48px; position:absolute;     bottom: 160px;}
.product-con .img .hd a.prev{ background:url(../images/product-con-prev.png) no-repeat center; left:24px;}
.product-con .img .hd a.next{ background:url(../images/product-con-next.png) no-repeat center; right:24px;}
.product-con .img .hd .pageState{ position: absolute; bottom: 10px;    right: 10px;    letter-spacing: 3px;    font-size: 18px;}
.product-con .text{ float:right; width:530px;}
.product-con .text .title{ font-size:30px; color:#d14747; font-weight:bold; margin-top:46px; margin-bottom:16px;}
.product-con .text .xh{ font-size:16px; color:#333; margin-bottom:16px;font-weight: bold;}
.product-con .text .p{ font-size:14px; color:#333; line-height:24px;}
.product-con .text .btn{ margin-top:25px;}
.product-con .text .btn a{ display:inline-block; width:120px; height:45px; border-radius:4px; text-align:center; line-height:45px; font-size:18px; color:#fff; background:#d14747; font-weight:bold;}
.product-con .text .btn a:hover{ background:#a93a3a;}

.product-con-text{ margin-top:32px; margin-bottom:40px;}
.product-con-text .top{ width:100%; height:50px; line-height:50px; background:#ffe4e4; font-size:18px; color:#d14747; text-indent:20px; font-weight:bold; margin-bottom:20px; clear:both;}
.product-con-text .title{ font-size:16px; color:#333; font-weight:bold; line-height:30px; margin-bottom:10px;}
.product-con-text .title img{ margin-right:14px;}
.product-con-text .text{ font-size:14px; color:#333; line-height:24px; margin-bottom:20px;}

.ty-nav2{ margin-bottom:20px;}
.ty-nav2 li{ border-bottom:1px dashed #bfbfbf; line-height:24px; padding: 20px 0;}
.ty-nav2 li a{ display:inline-block; width:210px; height:100%; font-size:16px; color:#333; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 0 34px 0 15px;}
.ty-nav2 li.on a, .ty-nav2 li:hover a{ background:url(../images/ty-nav-icon.png) no-repeat 210px center; color:#d14747;}

.news-list{ overflow:hidden;}
.news-list li{ overflow:hidden; margin-bottom:20px;}
.news-list li .img{ width:258px; height:148px; overflow:hidden; border:1px solid #bfbfbf; float:left;}
.news-list li .img img{ transition: all 0.2s linear 0s;}
.news-list li:hover .img img{ transform: scale(1.1,1.1);}
.news-list li .text{ width:748px; float:right;}
.news-list li .text .title{ margin:10px 0;}
.news-list li .text .title a{ font-size:16px; color:#333;}
.news-list li .text .title:hover a{ color:#d14747;}
.news-list li .text .p{ font-size:14px; color:#8a8a8a; line-height:24px; text-align:justify; text-overflow: ellipsis;    display: -webkit-inline-box;    -webkit-line-clamp: 3;    -webkit-box-orient: vertical;    overflow: hidden;}
.news-list li .text .p a{ color:#d14747;}
.news-list li .text .p a:hover{ text-decoration:underline;}
.news-list li .text .date{ font-size:14px; color:#333; margin-top:6px;}

.pager-list{ padding-top:10px; padding-bottom:40px; text-align:right;}
.pager-list ul{ list-style-type:none; margin:0; padding:0; display:inline-block;}
.pager-list li{ float:left; padding:0 6px;}
.pager-list li>*{ display:inline-block; font-size:14px; color:#333; height:30px; line-height:30px; padding:0 10px; border:1px solid #bfbfbf;  background:#fff; border-radius:4px;}
.pager-list li a:hover{ background:#d14747; color:#fff; border:1px solid #d14747;}
.pager-list li.active>*{ color:#fff; background:#d14747; border:1px solid #d14747;}
.pager-list li.disabled>*{ cursor:auto; background:#fff; color:#ccc;}

.news-con{ overflow:hidden;}
.news-con .title{ font-size:18px; color:#333; text-align:center; font-weight:bold; margin:10px 0 16px;}
.news-con .bq{ text-align:center; border-bottom:1px solid #bfbfbf; padding-bottom:16px;}
.news-con .bq span{ font-size:14px; color:#979797; margin:0 10px;}
.news-con .text{ font-size:14px; color:#333; line-height:24px; padding:20px 0;}

.pager{ border-top:1px solid #bfbfbf; padding:15px 0 40px; margin-top:10px;}
.pager p{ font-size:14px; color:#333; line-height:35px;}
.pager p a{ font-size:14px; color:#333;}
.pager p a:hover{ color:#d14747; text-decoration:underline;}

.service-con{ overflow:hidden; margin-bottom:20px;}
.service-con .title{ font-size:16px; font-weight:bold; color:#333; margin-bottom:10px;}
.service-con .text{ font-size:14px; color:#333; line-height:30px; margin-bottom:20px;}

.about-page{ overflow:hidden; margin-bottom:20px;}
.about-page .title{ font-size:16px; font-weight:bold; color:#333; margin-bottom:10px; text-align:center; margin:10px 0 30px;}
.about-page .text{ font-size:14px; color:#333; line-height:30px; margin-bottom:20px;}

.contact-page{ overflow:hidden; margin-bottom:40px;}
.contact-page dt{ font-size:16px; color:#333; font-weight:bold; margin-bottom:10px; margin-top:6px;}
.contact-page dd{ font-size:14px; color:#333; line-height:35px;}
.contact-page .map{ height:300px; margin-top:30px;}