@charset "utf-8";


/* --- 公用样式 --- */
.clear{clear:both;}
.wrap{max-width:1200px; margin:0 auto;}
em,i,p,span{line-height:100%;}
input{-webkit-user-select:text !important;}
span{display:block;}

.page-showpage span{ display:inline-block;}
.about-show .content table{   border-left:1px solid #ddd; border-top:1px solid #ddd;}
.about-show .content table td,.about-show .content table th{ padding:3px; border-right:1px solid #ddd; border-bottom:1px solid #ddd;}

/*1024*/
@media screen and (min-width:1200px)  and  (max-width:2600px)  {
/* --- 公用样式 --- */
.pc{display:block;}
.wap{display:none;}
.img{ transition:all .6s ease; overflow:hidden;}
.img:hover{-webkit-transform: scale(1.1);-moz-transform: scale(1.1);-ms-transform: scale(1.1);transform: scale(1.1);}
a:hover{color:#DC2325;}


/* --- 字体样式 --- 
@font-face{
    font-family:eng;
    src:url(../images/CenturyGothic.TTF);
    src:url(../images/CenturyGothic.eot)\9; 
}
*/

/* --- 分页 --- */
.page-showpage{margin-top:50px; margin-bottom:50px; text-align:center;}
.page-showpage a{display:inline-block; border:1px solid #efefef; padding:6px 15px; border-radius:4px; margin-left:2px; margin-right:2px; transition:all .3s;}
.page-showpage a.now{ background:#DC2325; color:#fff; border:1px solid #DC2325;}
.page-showpage a:hover{background:#DC2325; color:#fff; border:1px solid #DC2325; }



/* --- 栏目 --- */
.column{text-align:center; padding-top:60px; padding-bottom:60px;}
.column h3{ text-align:center; font-size:32px; margin-bottom:15px;}
.column p{color:#999; font-size:14px;}



/* --- 顶部 --- */
.top{background:#f5f5f5; height:30px; line-height:30px; font-size:12px; color:#999;}
.top .left{float:left; line-height:30px;}
.top .language{float:right; position:relative;}
.top .language .text{float:left; line-height:30px;}
.top .choice{float:right!important; line-height:30px;}
.top .choice a{margin-left:5px;}
.top .language dl{position:absolute; top:50px; right:0; background:#fff; overflow:hidden; width:150px; z-index:200; text-align:center; border:1px solid #efefef; border-right:none; border-bottom:none; height:0; overflow:hidden; opacity:0; transition:all .3s;}
.top .language dl a{display:block; float:left; width:100%; border-bottom:1px solid #efefef; border-right:1px solid #efefef; height:35px; line-height:35px;}
.top .language dl a:hover{background:#EC1D25; color:#fff;}
.top .language:hover dl{height:auto; opacity:1; top:30px; }
 

/* --- 头部 --- */
.header{ padding-top:15px; padding-bottom:15px; height:100px;}

/* logo */
.header .logo{line-height:100px; overflow:hidden; float:left;}
.header .logo .pic{ float:left;}
.header .logo .text{ float:left;  height:80px; margin-top:0; }
.header .logo .text em{background:#ec1d25; padding:5px 10px; color:#fff; font-size:12px; border-radius:5px; display:inline-block; margin-bottom:10px; margin-top:5px;}

/* 导航 */
.header .nav{float:right;}
.header .nav li{float:left; margin-left:30px; font-size:16px; position:relative;}
.header .nav li a.link{display:block; line-height:100px;}
.header .nav li a.arrow{background:url(../images/nav-arrow.png) no-repeat right center; padding-right:20px;}
.header .nav li dl{position:absolute; left:-30px; top:115px; z-index:500; background:#fff; width:125px; text-align:center; height:0; overflow:hidden; opacity:0; transition:all .3s;}
.header .nav li dl a{display:block; border-top:1px solid #efefef; height:40px; line-height:40px; transition:all .3s;}
.header .nav li dl a:hover{background:#EC1D25; color:#fff;}
.header .nav li:hover dl{height:auto; opacity:1; top:100px; }



/* --- banner --- */
.banner{position:relative;}

/* 切换 */
.banner .bd li{height:600px;}
.banner .hd {position:absolute; bottom:30px; left:0; width:100%; text-align:center;}
.banner .hd li{width:12px; height:12px; background:#fff; border-radius:100%; display:inline-block; margin-left:5px; margin-right:5px; cursor:pointer;}
.banner .hd li.on{background:#fff; opacity:.3}

/* 内容 */
.banner .bd{position:relative;}

/* 箭头 */
.banner .prev,.banner .next{position:absolute; top:45%; opacity:0; transition:all .3s ease; cursor:pointer;}
.banner:hover .prev,.banner:hover .next{opacity:1;}
.banner .prev{left:50px;}
.banner .next{right:50px;}




/* --- 方案 --- */
.home-scheme{background:url(../images/home-product.png) repeat-x; height:298px; border-bottom:1px solid #ddd; padding-top:30px;}
.home-scheme li{float:left; width:25%; text-align:center;}
.home-scheme li .pic{margin-bottom:20px;}
.home-scheme li .pic img{border-radius:10px;}
.home-scheme li .text{border:1px solid #0066cc; color:#0066cc; width:188px; height:46px; margin:0 auto; line-height:44px; border-radius:100px; transition:all .3s;}
.home-scheme li:hover .text{background:#0066cc; color:#fff; box-shadow: 10px 10px 20px #ddd;}




/* --- 产品 --- */
.home-product ul{width:105%;}
.home-product li{float:left; border:1px solid #ddd; margin-right:30px; margin-bottom:30px; background:#fff; transition:all .3s;} 
.home-product li .pic{border-bottom:1px solid #ddd; overflow:hidden;}
.home-product li .text{padding:15px;}
.home-product li .text h3{font-size:16px; margin-bottom:10px;}
.home-product li .text p{color:#999; font-size:14px;}
.home-product li:hover{ border:1px solid #ccc; box-shadow: 10px 10px 20px #eee;}
.home-product li:hover .text h3{ color:#0066cc;}
.home-product .more{text-align:center; margin-bottom:50px; padding-top:15px;}
.home-product .more a{color:#666; font-size:16px;}
.home-product .more a:hover{ color:#0066cc;}




/* --- 新闻 --- */
.home-news{background:url(../images/home-news.jpg) no-repeat; background-size:cover; height:672px;}
.home-news .wrap{ background:url(../images/news.png) no-repeat 0 0;}

/* 内容 */
.home-news .list{ float:left;}
.home-news .list li{overflow:hidden; border-bottom:1px dashed #999; width:720px; padding-top:20px; padding-bottom:20px;}
.home-news .list li .date{background:url(../images/news-date.png) no-repeat; width:65px; height:59px; text-align:center; overflow:hidden; float:left;}
.home-news .list li .date b{color:#f60; font-size:24px;  display:block; margin-top:18px; margin-bottom:5px;}
.home-news .list li .date p{font-size:12px; color:#666;}
.home-news .list li .text{float:left; width:80%; margin-left:15px;}
.home-news .list li .text h3{font-size:16px; margin-bottom:8px;}
.home-news .list li .text p{font-size:14px; line-height:150%; color:#999;}
.home-news .list li:last-child{border-bottom:none;}

/* 二维码 */
.home-news .qrcode{float:right; width:395px;}
.home-news .qrcode .box{background:url(../images/news-qrcode.png) no-repeat; height:410px; margin-top:-125px; padding-top:172px;}
.home-news .qrcode .box ul{width:85%; margin:0 auto; margin-left:35px;}
.home-news .qrcode .box li{float:left; width:50%; text-align:center;}
.home-news .qrcode .box li .pic{margin-bottom:15px;}
.home-news .qrcode .tel p{line-height:200%; padding-left:80px;}
.home-news .qrcode .tel p em{color:#f60;}




/* --- 平台 --- */
.home-platform{overflow:hidden; padding-bottom:60px;}
.home-platform li{float:left; width:33.333%; text-align:center;}




/* --- 服务 --- */
.home-service{background:#f5f5f5; overflow:hidden; padding-bottom:60px;}
.home-service li{float:left; width:50%;}




/* --- 资质 --- */
.home-qualifications{ padding-bottom:60px; overflow:hidden; text-align:center;}
.home-qualifications .left{float:left; width:50%;}
.home-qualifications .right{float:right; width:50%; padding-left:30px; margin-top:100px;}
.home-qualifications .right .column{text-align:left; /*background:url(../images/home-qualifications.png) no-repeat right;*/}
.home-qualifications .right .column h3{text-align:left;}
.home-qualifications .right .column em{display:block; color:#666; margin-top:15px;}




/* --- 客户 --- */
.home-customer{background:#f5f5f5;  padding-bottom:60px;}




/* --- 友情链接 --- */
.page-link{padding-top:60px; padding-bottom:60px; overflow:hidden;}
.page-link h3{margin-bottom:30px;}
.page-link ul{width:105%;}
.page-link li{float:left; margin-right:20px; margin-bottom:20px;}




/* --- 底部 --- */
.footer{background:#f5f5f5; padding-top:60px; padding-bottom:60px; overflow:hidden;}

/* 链接 */
.footer .links{float:left; width:75%;}
.footer .links dl{float:left; width:16.66%;}
.footer .links dl dt{font-weight:bold; margin-bottom:15px;}
.footer .links dl dd a{display:block; font-size:14px; line-height:250%;}

/* 二维码 */
.footer .qrcode{float:right; width:25%;}
.footer .qrcode li{float:left; font-size:12px; width:50%;}
.footer .qrcode li .pic{margin-bottom:10px;}




/* --- 版权 --- */
.copyright{background:#333; color:#fff; text-align:center; font-size:12px; padding:10px;}




/* --- 内页 banner --- */
.product-banner{background:url(../images/banner/products_list.jpg) no-repeat center top; height:450px; background-size:cover;}
.product-banner2{ height:115px;}
.about-banner{background:url(../images/banner/about.jpg) no-repeat center top; height:450px; background-size:cover;}




/* --- 内页导航 --- */
.page-nav{float:left; width:270px;}

/* 标题 */
.page-nav .title{ padding:35px 30px; height:115px; margin-top:-115px; background:url(../images/page-nav.png) no-repeat 95% 70% #DC2325;}
.page-nav .title h2{font-size:24px; color:#fff; margin-bottom:8px;}
.page-nav .title p{font-size:14px; color:#fff;}

/* 列表 */
.page-nav .list{background:#f5f5f5;}
.page-nav .list h3{background:#eee; height:54px; border-bottom:1px solid #ddd; line-height:54px; padding-left:28px; font-weight:bold;cursor:pointer;}
.page-nav .list h3.on{background:url(../images/open.png) no-repeat  95% center #ddd;}
.page-nav .list h3:hover{ background:url(../images/close.png) no-repeat 95% center #f9f9f9; }
.page-nav .list ul{border-bottom:1px solid #ddd;}
.page-nav .list ul li{height:40px; line-height:40px; font-size:14px; background:#f6f6f6;}
.page-nav .list ul li a{display:block; padding-left:28px; }
.page-nav .list ul li:hover a{background:#fff; color:#dc2325; position:relative;}
.page-nav .list ul li:hover a:before{content:""; position:absolute; left:0; top:0; height:100%; background:#DC2325; width:5px;}




/* --- 内页框架 --- */
.page-right{float:right; width:900px; position:relative;}

/* 位置 */
.page-right .path{font-size:14px; color:#999; margin-top:15px;}
.page-right .path a{margin-left:10px; margin-right:10px;}

/* 返回 */
.page-right .back{position:absolute; right:0; top:15px; font-size:14px;}

/* 类目 */
.page-right .category{height:70px; border-top:1px solid #ddd; border-bottom:1px solid #ddd; margin-top:15px; background:#f9f9f9;}
.page-right .category h3{font-size:24px; line-height:70px; font-weight:bolder; position:relative; padding-left:40px;}
.page-right .category h3:before{content:""; width:5px; height:30px; background:#EF1E24; left:20px; top:20px; position:absolute;}
.page-right .category.category-about{ background:url(../images/category-back.png) no-repeat 95% center #fff;}



/* --- 产品内容 --- */
.product-show{text-align:center; margin-top:30px; margin-bottom:30px;}
.product-other{border-top:1px solid #efefef; margin-top:50px; margin-bottom:50px; padding-top:25px; font-size:14px; color:#999;}




/* --- 产品列表 --- */
.product-list{margin-top:30px; border-bottom:1px solid #efefef; margin-bottom:30px; overflow:hidden; padding-bottom:30px;}
.product-list ul{width:105%;}
.product-list li{float:left; margin-right:30px; margin-bottom:30px;}
.product-list li .pic{margin-bottom:15px; overflow:hidden; border:1px solid #ddd; transition:all .3s;}
.product-list li .pic:hover{border:1px solid #DC2325; box-shadow: 5px 5px 10px #ececec;}




/* --- 关于我们 --- */

/* 栏目 */
.news-nav li{background:#F6F6F6;}
.news-nav li a{display:block; padding-left:28px; border-bottom:1px solid #ddd; height:50px; line-height:50px; position:relative;}
.news-nav li a:hover{background:#fff;}
.news-nav li a.now{background:#fff; color:#DC2325;}
.news-nav li a.now:before{content:""; position:absolute; left:0; top:0; height:100%; background:#DC2325; width:5px;}




/* --- 文章列表 --- */
.about-list li{border-bottom:1px solid #efefef; background:url(../images/arrow-news.png) no-repeat 10px center; position:relative;}
.about-list li .text{font-size:14px;  height:50px; line-height:50px; padding-left:25px;}
.about-list li .date{position:absolute; right:15px; top:0; font-size:12px; color:#999;  height:50px; line-height:50px;}
.about-list li:hover{background:url(../images/arrow-news.png) no-repeat 10px center #f9f9f9; }




/* --- 文章内容 --- */

/* 标题 */
.about-show .title{border-bottom:1px solid #efefef; padding-top:30px; padding-bottom:30px;text-align:center; margin-bottom:30px;}
.about-show .title h1{font-size:28px; font-weight:bolder; font-weight:900; margin-bottom:15px;}
.about-show .title .date{color:#999; font-size:14px;}

/* 内容 */
.about-show .content{ margin-top:30px;line-height:200%; margin-bottom:30px;font-size:16px;}
.about-show .content p{line-height:200%; text-indent:2rem;  }
.about-show .content span{display:inline-block;}




/* --- 产品页 --- */

/* banner */
.product-banner-list {background:url(../images/product-banner.jpg) no-repeat; height:450px; background-size:cover; overflow:hidden;} 
.product-banner-list .prev,.product-banner-list .next{position:absolute; top:35%; opacity:0; transition:all .3s ease; cursor:pointer;}
.product-banner-list .prev{left:-80px;}
.product-banner-list .next{right:-80px;}

/* 标题 */
.page-product .pro-title{text-align:center; margin-top:50px; margin-bottom:50px;}
.page-product .pro-title h3{font-size:36px; font-weight:bold; margin-bottom:15px;}
.page-product .pro-title p{color:#999;}

/* 列表 */
.page-product .pro-list{margin-bottom:100px; overflow:hidden;}
.page-product .pro-list ul{width:105%;}
.page-product .pro-list li{float:left; width:380px; margin-right:30px; position:relative; margin-bottom:30px;}
.page-product .pro-list li .text{position:absolute; left:0; top:0; width:100%; background:rgba(255,255,255,0.8); height:70px; transition:all .3s;}
.page-product .pro-list li .title{background:url(../images/red-arrow.png) no-repeat 92% center; border-top:5px solid #EC1D25;}
.page-product .pro-list li .title h3{line-height:70px; font-size:24px; margin-left:15px;}
.page-product .pro-list li .list{ padding:10px; opacity:0; transition:all .3s;}
.page-product .pro-list li .list em{ float:left; width:50%; padding:10px;}
.page-product .pro-list li .list em a{background:#fff; display:block; height:40px; line-height:40px; padding-left:20px;} 
.page-product .pro-list li .list em a:hover{background:#EC1D25; color:#fff;}
.page-product .pro-list li:hover .text{ height:100%;}
.page-product .pro-list li:hover .text .list{ opacity:1;}





}