/**reset**/
html,body{position: relative;height: 100%;}
body {background: #fff;font-size:14px;line-height: 1.8;color: #151515;}
a{color: #151515;-webkit-transition:all 0.25s ease 0s;-moz-transition:all 0.25s ease 0s;transition:all 0.25s ease 0s;line-height: 1.6;}
a:hover{color: #d9232a;text-decoration: none;}
a:focus{outline: none;}
ul,ol,li{padding:0;list-style: none outside none;}
em,i {font-style:normal;}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6{line-height: 1.6;}
img {display: block; max-width: 100%;}
.pd30{padding:30px 0;}
.pd60{padding:60px 0;}
/**common**/
.container{position:relative;padding:0;width:1200px;}
.container> .heading {padding:30px 0;}
.container> .heading .title-cn,.container > .heading .title-en{display: none;}
.page-top {position: relative;}
.page-top .banner{height:250px; background-repeat: none;background-size:cover;background-position: center center;}
.page-top .heading{height: 200px;background-color: #e9eaec;}
.page-top .title{position: absolute;top:-100px;padding:0 20px; width:200px;height:250px;border-bottom-right-radius:30px; background-color: #d9232a;color: #fff;text-transform: uppercase;}
.page-top .title a{color: #fff;}
.page-top .title .title-en{font-size: 16px;font-weight: 600;}
.page-top .title .title-cn{margin-top:80px;font-weight: 600;}
.page-top .body{padding:40px 0 0 260px;}
/**header**/
.page-header{margin: 0;padding:0;border: none;}
.header-bar{height:100px;background-color: #64666a;background-image: linear-gradient(#828586,#6e6e71); color:#fff;}
.header-bar .pull-left{margin:10px 0 0 ;}
.header-bar .pull-right{text-align: right;}
.header-bar .title{float:left;padding-top:20px; color: #fff;}
.header-contact {margin-top:12px;}
.header-contact .fa{display: inline-block;margin:0 8px 0 0 ; width:24px;height:24px;background-color: #cbcecb;border-radius: 50%;line-height: 24px; text-align: center;vertical-align: top;color: #707175;}
.header-nav {margin:0;height:50px;}
.header-nav .item{position: relative;margin:19px 0 0 40px;height:100%; display:inline-block;font-size: 16px;overflow: hidden;}
.header-nav .item::after{position: absolute;content: "";bottom:10px;left:100%;width:100%;height:4px;background-color: #d9232b;transition:all 0.25s ease 0s;}
.header-nav .item.active::after,.header-nav .item:hover::after{left:0;}
.header-nav .item a {display:block;padding:0;color: #cccccc;}
.header-nav .item.active>a{color: #fff;font-weight: 700;}
.header-nav .item .dropdown-menu .item-sub a{padding:10px 15px;line-height: 1.8;}
/**page-index**/
.page-index .slider {position:relative;z-index:99;padding:0;}
.page-index .slider .swiper-container {width: 100%;height: 600px;}
.page-index .slider .swiper-slide {background-position: center center;background-size: cover;}
.page-index .product{padding-bottom: 60px;background:url(../images/index-product-bg.png) left bottom no-repeat;}
.page-index .case{background-color: #e9eaec;}
.page-index .contact{padding: 30px 30px;height:600px; background:url(../images/index-guestbook-bg.jpg) left bottom no-repeat;}
.page-index .contact .form{padding:30px 60% 30px 30px; height: 290px;background-color: rgba(30,30,30,0.2); /* background-image:linear-gradient(to right ,rgba(30,30,30,0.2),rgba(30,30,30,0)) ; */border-bottom-left-radius: 30px;background: url(../images/index-contact-form-bg.png) left bottom no-repeat;}
.page-index .contact .form .form-control{background-color: #dddedd;border-radius: 6px;border:0 none;box-shadow: none;}
.page-index .contact .form .btn-submit {width:160px;height: 40px; background: url(../images/index-guestbook-btn.png) no-repeat;text-indent: -99999px;}
.page-index .contact .pop {position: absolute;z-index:100; top:180px;left:40px;display:none;width: 40%;height: 260px;border-radius: 12px; background-color: #d2d2d2;color:#191919; }
.page-index .contact .pop #popContent {position: absolute;top:50%; left:50%; padding:0;margin:0;width:100%; transform:translate(-50%,-50%);text-align: center;}
.page-index .contact .pop .close {position: absolute;right:15px;top:10px;font-size:24px; color:#191919;cursor: pointer; }
.page-index .contact .map{position: absolute;z-index:99; right:0;top:80px;}

/*page*/
.page-top .search{width: 60%;}
.page-top .search .search-hot{margin-top:10px;}
.page-top .search .input-group{border:1px solid #ddd;}
.page-top .search .form-control,.page-top .search .input-group-addon{border:none;background:#fff;box-shadow: none;}
.page-top .search .input-group-addon{padding:0;border-radius: 0;}
.page-top .search .input-group-addon .btn{background: transparent;}
.page-top .search .search-hot label{font-weight: 400;font-size: 16px;}
.page-top .search .search-hot a {padding:0 10px;}
.detail .mod-body{margin:40px 0;}
.detail p{text-indent: 2rem;line-height: 1.68;margin-bottom:15px;font-size: 16px;}
.side {padding-right:30px;}
.side .cate-items .item{display: block; padding:0 20px;margin-bottom:20px;border-top-right-radius: 12px; height:60px;line-height: 60px;background-color: #f2f3f4;font-size: 18px;}
.side .cate-items .item.active,.side .cate-items .item:hover{border-left:4px solid #cc3333;color: #7c0409; background-color: #d0d2d7;font-weight: 700;}

/**page-about**/
.page-about .banner{background-image:url(../images/about-banner.jpg) ;}
.page-about .page-top .body{text-align: right;}
.page-about .page-top .slogan-cn{font-size: 32px;color: #d9232a;font-weight: 600;}
.page-about .page-top .slogan-en{font-size: 15px;color: #666;text-transform: uppercase;}
/**page-case**/
.page-case .banner{background-image:url(../images/case-banner.jpg) ;}
.page-case .case-items .item {margin-bottom: 40px;}
.page-case .case-items .item .mod-text .title{padding:10px 0; font-size: 24px; font-weight: 700;}
/**page-product**/
.page-product .banner{background-image:url(../images/product-banner.jpg) ;}
.page-product .main-heading{margin-bottom: 20px;height:60px;line-height: 60px; border-bottom: 1px solid #e6e7e7;}
.page-product .main-heading .breadcrumb{padding:0; background:transparent;}
.page-product .main-heading .top-page .total {padding:0 10px;}
.page-product .main-heading .top-page .total .active{font-weight: 600;}
.page-product .main-heading .top-page .skip .select{margin:0 5px;}
.page-product .main-title{position: relative; height:100px;background-color: #e9eaea;}
.page-product .main-title .title{position: absolute;z-index:1;top:15px;left:30px;font-size: 24px;font-weight: 700;color: #666;}
.page-product .main-title .title-bg{position: absolute;z-index: 0; width:100%;height:100%;}
.page-product .product-items {margin-top:30px;}
.page-product .product-items .item {margin-bottom: 40px;}
.page-product .product-items .item .mod-pic{border: 1px solid #ddd;}
.page-product .product-items .item .mod-text .title{margin:10px 0 0 0; font-size: 20px; font-weight: 600;}
.page-product .product-intro .mod-pic{float:left;width:40%;}
.page-product .product-intro .mod-text{width:60%;display: inline-block;}
.page-product .product-intro .mod-text .title{font-size: 28px;margin:0;font-weight: 600;}
.page-product .product-intro .mod-text .title-sub{margin:10px 0 30px;font-size: 16px; color: #8f4144;} 
.page-product .product-content {margin-bottom: 60px;}
.page-product .product-content .title{font-size: 20px;font-weight: 600;}
/**page-news**/
.page-news .banner{background-image:url(../images/news-banner.jpg) ;}
.page-news .news{padding-bottom: 40px;}
.page-news .news-slider {padding:20px; margin:40px 0 80px; background-color: #f0f0f0;overflow: hidden;}
.page-news .slider-nav {padding-right:40px;}
.page-news .slider-nav .swiper-slide{position: relative; padding:10px 20px 10px 120px;height:136px; }
.page-news .slider-nav .swiper-slide-thumb-active{background-color: #fff;box-shadow: 12px 12px 12px rgba(200,200,200,0.4);}
.page-news .slider-nav .swiper-slide-thumb-active::after{position: absolute;right:-8px;top:50%;transform: translateY(-50%);content: "";width:0;height:0;border-left:8px solid #fff;border-top:8px solid transparent;border-bottom:8px solid transparent;}
.page-news .slider-nav .swiper-slide .summary{width:100%;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;-webkit-box-pack:top;-webkit-box-align:top;word-wrap:normal;word-break:normal;white-space:normal;line-height:1.68;font-size: 14px;color: #666;}
.page-news .slider-nav .swiper-slide .mod-date{position: absolute;left:0;top:30px;padding:0 20px;text-align: right; color: #666;}
.page-news .slider-nav .swiper-slide .mod-date .day{font-weight: 600;font-size: 20px;}
.page-news .slider-nav .swiper-slide .mod-date::after{position: absolute;content: "";right:0;top:0;width:1px;height:70px;background-color: #ccc;}

.page-news .news-items .item {margin-bottom: 40px;}
.page-news .news-items .item .mod-pic{float:left;width:262px;height:182px;border: 1px solid #ddd;}
.page-news .news-items .item .mod-text{padding: 0 0 0 280px;}
.page-news .news-items .item .mod-text .title{margin:0 0 10px 0;line-height: 1.4;}
.page-news .news-items .item .mod-text .date{color: #999;font-size: 13px;}
.page-news .news-items .item .mod-text .summary{color:#666;}
.page-news .news-items .item .btn-more{margin-top:20px; width:100px;height:24px;border-radius: 12px;border-top-left-radius: 0;background-color: #e1e1e1;color:#333;text-align: center;line-height: 24px;text-transform: uppercase; font-size: 12px;}
.page-news .news-items .item .btn-more:hover{background-color: #d9232a;color:#fff;}

/**page-contact**/
.page-contact .banner{background-image:url(../images/news-banner.jpg) ;}
.contact-map {margin: 40px 0 80px;	background-color: rgba(0, 0, 0, 0.05);padding: 10px;height: 480px;}
.contact-map .map {height: 100%;}
.amap-icon img {width: 40px;height: 54px;}
.amap-logo,	.amap-copyright {display: none !important;visibility: hidden !important;}
.page-contact .content-contact{margin-bottom:80px;text-align: center;overflow: hidden;}
.page-contact .content-contact .fa{width: 60px;height:60px;border-radius: 50%;background-color: #f6f6f6;text-align: center;line-height: 60px;}
.page-contact .content-contact .title{font-size: 16px;}
.page-contact .content-contact .text{font-size: 20px;}
/**page-footer**/
.page-footer {padding:40px; height:100px; font-size: 14px;background: #565658;border-top:3px solid #d9232a; color: #999;}
.page-footer a{color: #fff;}
.page-footer a:hover{color: #d9232a;}
.page-footer .footer-nav .item{position: relative; display: inline-block; padding:0 40px;}
.page-footer .footer-nav .item::before{position: absolute;content: "";left:0;top:4px; height:16px;width:1px;background-color: #ebeef3; }
.page-footer .footer-nav .item:last-child::after{position: absolute;content: "";right:0;top:4px; height:16px;width:1px;background-color: #ebeef3; }
.page-footer .copyright {text-align: right;}
.page-footer .copyright a{margin-left:10px; color: #999;}

/*pagination*/
.Page.navigation{text-align: center;padding:30px 0;}
.pagination{margin:0 auto;}
.pagination>li>a, .pagination>li>span{float:none;border:none;}
.pagination>.active>a, .pagination>.active>span, .pagination>.active>a:hover, .pagination>.active>span:hover, .pagination>.active>a:focus, .pagination>.active>span:focus{ color: #d9232a;background: transparent;font-weight: 600;}