@charset "utf-8";

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

@font-face {
	font-family: 'Conv_BEBAS___';
	src: url('../fonts/BEBAS___.eot');
	src: local('☺'), url('../fonts/BEBAS___.woff') format('woff'), url('../fonts/BEBAS___.ttf') format('truetype'), url('../fonts/BEBAS___.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

/* --- 公用样式 --- */
body,html{font-size:14px; font-family:Arial, Helvetica, sans-serif;}
.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);}
span{display:block;}
a{transition:all .3s ease;}
a:hover{color:#BF1A20;}
.clear{clear:both;}


/*2600*/
@media screen and (min-width:1200px)  and  (max-width:2600px)  {

.wrap{max-width:1200px; margin:0 auto;}
.left{float:left;}
.right{float:right;}



/* --- 栏目 --- */
.column{text-align:center;}
.column h2{ color:#7d221f; font-size:30px; text-transform:uppercase; margin-top:50px; margin-bottom:50px;}

/* --- 按钮 --- */
.btn { margin-top:50px; margin-bottom:50px;}
.btn a{background:#7D221F; color:#fff; display:block;}
.btn a:hover{background:#333; box-shadow: 0 3px 10px #ccc;}
.btn.more a{width:100px; height:35px; line-height:35px; text-align:center; font-size:14px; margin:0 auto; border-radius:5px;} 


/* --- 顶部 --- */
.top{background:#7D221F; height:60px; line-height:60px;}

/* 公司名称 */
.name{font-size:12px; color:#fff; text-transform:uppercase; float:left;}

/* 搜索 */
.search{float:right; width:450px; position:relative;}
.search input{width:100%; border:none; height:37px; line-height:37px; padding-left:10px;}
.search button{position:absolute; right:2px; top:13px; background:url(../images/search.png) no-repeat; width:41px; height:33px; border:none; cursor:pointer;}


/* --- 头部 --- */
.header{ height:100px;}

/* logo */
.logo{float:left; margin-top:10px;}

/* 导航 */
.nav{float:right; margin-right:50px;}
.nav li{float:left; margin-left:40px; line-height:100px; position:relative;  height:100px;}
.nav li a.link.now{color:#7D221F; border-bottom:2px solid #7D221F; padding-bottom:10px;}

.nav li dl{position:absolute; left:-15px; top:0; z-index:100; width:205px; top:100px; display:none;}
.nav li dl em{display:block; height:35px; line-height:35px; background:#fff;}
.nav li dl em a{display:block; padding-left:15px; font-size:12px;}
.nav li dl em a.now{background:#7D221F; color:#fff;}
.nav li dl em:hover{background:#7D221F;}
.nav li dl em:hover a{color:#fff;}
.nav li:hover dl{display:block;}

.nav li dl em dd{position:absolute; left:205px; background:#fff; width:205px; top:0; display:none;}
.nav li dl em dd a{display:block;}
.nav li dl em dd a:hover{background:#f5f5f5;}

.nav li dl em:hover dd a{color:#333;} 
.nav li dl em:hover dd{display:block;}


/* 语言 */
.language{float:right;}
.language li{float:left; margin-left:20px; line-height:100px; padding-left:25px;}
.language li.mg{background:url(../images/qi-usa.png) no-repeat 0 center;}
.language li.els{background:url(../images/qi-els.png) no-repeat 0 center;}
.language li a{color:#BF1A20;}


/* --- banner --- */
.banner{position:relative;}
.banner .bd li{height:540px;}

.banner .hd {position:absolute; bottom:20px; 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;}
.banner .hd li.on{background:#7D221F;}

.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:30px;}
.banner .next{right:30px;}


/* --- 关于我们 --- */
.home-about{font-size:18px; text-align:center; color:#6b6b6b;}


/* --- 产品用途 --- */
.home-purpose{background:url(../images/yongtu.jpg) no-repeat center top; background-size:cover; height:600px; overflow:hidden; position:relative;}
.home-purpose .bd{ margin-top:60px;}
.home-purpose .bd li{float:left; width:33.333%; text-align:center; position:relative;}
.home-purpose .bd li .box{ background:#fff; width:385px; height:444px; margin:0 auto; overflow:hidden; position:relative;} 
.home-purpose .bd li .box .pic{margin-top:6px;}
.home-purpose .bd li .box .text{position:absolute; background:#000; background-color:rgba(0,0,0,0.3); left:6px; top:6px; width:373px; height:432px; transition:all .5s ease; }
.home-purpose .bd li .box .text h3{margin-top:185px; font-size:20px; color:#fff; transition:all .5s ease; }
.home-purpose .bd li .box .text i{background:#F4140C; height:2px; width:20%; margin:0 auto; display:block; margin-top:10px; margin-bottom:10px; transition:all .5s ease; }
.home-purpose .bd li .box .text p{color:#fff; font-size:16px;}
.home-purpose .bd li .box .text em{background:#F4140C; width:170px; height:40px; line-height:40px; text-align:center; display:block; margin:0 auto; color:#fff; margin-top:20px; transition:all .5s ease; }

.home-purpose .bd li:hover .text{background-color:rgba(0,0,0,0.7);}
.home-purpose .bd li:hover .text h3{margin-top:150px; color:#FFFF00;}
.home-purpose .bd li:hover .text i{width:50%;}
.home-purpose .bd li:hover .text em{background:#fff; color:#333; width:80%;}
.home-purpose .bd li:hover .text em:hover{background:#FFFF00;}


.home-purpose .prev,.home-purpose .next{position:absolute; top:45%; opacity:0; transition:all .3s ease; cursor:pointer;}
.home-purpose:hover .prev,.home-purpose:hover .next{opacity:1;}
.home-purpose .prev{left:30px;}
.home-purpose .next{right:30px;}

.home-purpose .hd{position:absolute; bottom:20px; left:0; width:100%; text-align:center;}
.home-purpose .hd li{width:19px; height:3px; background:#fff;  display:inline-block; margin-left:5px; margin-right:5px;}
.home-purpose .hd li.on{background:#F4140C;}


/* --- 推荐产品 --- */
.home-product{background:#EDEEF0; overflow:hidden; position:relative; padding-bottom:100px;}
.home-product .bd li{float:left; width:25%;}
.home-product .bd li .box{background:#fff; width:279px; height:407px; padding:10px;}
.home-product .bd li .box-x{border:1px solid #B2B2B2; height:387px;   transition:all .3s ease; }
.home-product .bd li .pic{}
.home-product .bd li .text{text-align:center; line-height:150%; margin-top:15px; height:35px; }
.home-product .bd li .view a{width:240px; height:40px; line-height:40px; text-align:center; background:#7D221F; color:#fff; margin:0 auto; margin-top:21px; display:block;  transition:all .5s ease; }
.home-product .bd li .view a:hover{background:#333;}

.home-product .bd li:hover .box-x{border:1px solid #7D221F;}

.home-product .hd{position:absolute; bottom:30px; left:0; width:100%; text-align:center;}
.home-product .hd li{width:19px; height:3px; background:#fff;  display:inline-block; margin-left:5px; margin-right:5px; text-indent:-999rem;}
.home-product .hd li.on{background:#F4140C;}


/* --- 新闻 --- */
.news{margin-bottom:60px; overflow:hidden;}
.news ul{width:105%;}
.news li{float:left; width:381px; border:1px solid #e2e2e2; padding:10px; margin-right:23px;  transition:all .5s ease; }
.news li .pic{overflow:hidden;}
.news li .date{display:block; font-size:12px; margin-top:10px; margin-bottom:10px; color:#666;}
.news li h3{font-size:14px; font-weight:bold; margin-bottom:10px; height:25px;}
.news li p{line-height:150%; height:150px; overflow:hidden;}
.news li a.view{background:#7D221F; height:40px; line-height:40px; text-align:center; display:block; text-align:center; color:#fff;}
.news li a.view:hover{background:#333;}

.news li:hover{ border:1px solid #7D221F; }

.page-news{ margin-top:50px;}
.page-news li{margin-bottom:30px;}


/* --- 问题 --- */
.questions{background:#2C3C4C; overflow:hidden; }
.questions h3{font-size:30px; color:#fff; margin-top:50px; margin-bottom:50px; text-align:center;}
.questions p{color:#fff; margin:0 auto; width:80%; font-size:20px; text-align:center;}
.questions a{width:150px; height:40px; line-height:40px; background:#7D221F; color:#fff; display:block; margin:0 auto; text-align:center; margin-top:30px; margin-bottom:50px;} 
.questions a:hover{background:#fff; color:#7D221F;}



/* --- 底部 --- */
.footer{ overflow:hidden;  border-bottom:6px solid #7D221F; border-top:6px solid #7D221F; background:#7D221F; overflow:hidden; height:300px; overflow:hidden; position:relative;}
.footer-left{width:50%; background:#fff; position:absolute; left:0; top:0; height:100%;}
.footer-right{width:50%; background:#7D221F; position:absolute; right:0; top:0; height:100%;}
.footer .wrap{position:relative; z-index:100;}

/* 导航 */
.footer-nav {float:left; width:400px; padding-top:25px; background:#fff; overflow:hidden; height:300px;}
.footer-nav li{width:183px; height:40px; background:#7D221F; font-size:14px;  color:#fff; float:left; line-height:40px; margin-right:10px; margin-bottom:10px;}
.footer-nav li a{color:#fff; display:block; padding-left:10px;}
.footer-nav li a:hover{ background:#333;}


/* 跟随 */
.follow{background:#E7E7E7; padding:30px; float:left; width:400px; height:300px;}
.follow ul{overflow:hidden;}
.follow h3{margin-bottom:20px;}
.follow li{float:left; margin-right:10px;}
.follow p{display:block; margin-top:50px;}

/* 联系 */
.footer-contact{background:#7D221F; color:#fff; float:right; width:400px; padding:30px;  height:300px; overflow:hidden;}
.footer-contact h3{color:#fff; font-size:24px; margin-bottom:10px;}
.footer-contact p{line-height:200%; font-size:12px;}
.footer-contact p a{color:#fff;}



/* --- 版权 --- */
.copyright{text-align:center; background:#333; color:#ccc; line-height:60px; height:60px;}




/* --- 内页 BANNER --- */
.page-banner{height:400px;}
.page-banner h2{line-height:400px; text-align:center; font-size:48px; color:#fff; text-shadow : #333 20px 0px 20px}

.banner-about{background:url(../images/banner/banner-about.jpg) no-repeat center center; background-size:cover;}
.banner-product{background:url(../images/banner/banner-product.jpg) no-repeat center center; background-size:cover;}
.banner-contact{background:url(../images/banner/banner-about.jpg) no-repeat center center; background-size:cover;}
.banner-services{background:url(../images/banner/banner-services.jpg) no-repeat center center; background-size:cover;}


/* --- 内页 栏目 --- */
.column-type{background:#2C3C4C; height:60px; line-height:60px;}
.column-type h2{color:#fff; font-size:24px; font-family: 'Conv_BEBAS___'; line-height:60px; letter-spacing:3px; float:left;}
.column-type .type{float:right;}
.column-type .type li{float:left; padding-left:20px; padding-right:20px; position:relative;}
.column-type .type li a{color:#fff;  display:block;}
.column-type .type li.now{background:#7D221F;}
.column-type .type li.now:hover{background:#7D221F;}
.column-type .type li:hover{background:#425A73;}
.column-type .type li:hover dl{display:block;}

.column-type .type li dl{position:absolute; left:0; top:60px; z-index:100; background:#F5F5F5; left:0; width:150%; display:none;}
.column-type .type li dl em{display:block; height:43px; border-bottom:1px solid #e5e5e5;}
.column-type .type li dl em a{display:block; line-height:43px; color:#333; font-size:12px; padding-left:15px;}
.column-type .type li dl em a:hover{background:#E5E5E5; color:#7D221F}





/* --- 关于我们 --- */
.about{margin-top:50px; margin-bottom:50px;}

.about .box{margin-bottom:50px;}
.about .box p{margin-bottom:20px;}

.about .history{margin-bottom:50px; overflow:hidden;}
.about .history h3{font-size:30px; color:#7d221f; margin-bottom:20px;} 
.about .history ul{float:left; width:50%;}
.about .history ul li{background:url(../images/dot.png) no-repeat 0 8px; padding-left:15px; margin-bottom:25px;}
.about .history .pic{float:right;}



/* --- 产品目录 --- */
.catalogs{margin-top:50px; margin-bottom:50px;}
.catalogs ul{width:105%;}
.catalogs li{float:left; width:264px; margin-right:50px; margin-bottom:50px;}
.catalogs li .pic{overflow:hidden;}
.catalogs li .text h3{font-size:14px; line-height:50px;}
.catalogs li .text h3 a{color:#7d221f;}
.catalogs li .text p{font-size:12px; color:#999;}



/* --- 分页 --- */
.showpage{text-align:center; margin-top:50px; margin-bottom:50px;}
.showpage a,.showpage span{background:#efefef; padding:6px 10px; border-radius:5px; font-size:16px; margin-left:5px; margin-right:5px; display:inline; }
.showpage a.now,.showpage span.current{background:#7d221f; color:#fff;}



/* --- 联系我们 --- */

/* 邮箱 */
.email{margin-top:50px;}
.email ul{width:105%;}
.email li{float:left; width:381px; margin-right:27px; border:1px solid #EBEBEB; text-align:center;}
.email li .text{padding:30px;}
.email li .text h3{font-size:18px; color:#707473; margin-bottom:20px;}
.email li .text p{line-height:200%; font-size:12px;}
.email li .text p a{color:#7d221f; margin-left:10px;}


/* 联系方式 */
.contactBox{margin-top:40px; overflow:hidden; padding-top:40px; padding-bottom:40px; background:#F7F7F7;}

.contact-title{ margin-bottom:10px;}
.contact-title h3{text-align:center; font-size:30px; color:#333;}
.contact-title h4{font-size:18px; color:#7d221f; font-weight:lighter;}
.contact-title p{line-height:160%; font-size:14px; margin-bottom:20px;}

.contactBox .left{width:600px;}
.contactBox .left .form li{margin-bottom:10px;}
.contactBox .left .form li input{width:96%; padding:0 2%; border:1px solid #E4E4E4; height:40px; line-height:40px; color:#535353; font-family:Arial, Helvetica, sans-serif; font-size:14px; background:none;} 
.contactBox .left .form li textarea{width:96%; padding:0 2%; border:1px solid #E4E4E4; height:40px; line-height:40px; height:200px;color:#535353; font-family:Arial, Helvetica, sans-serif;font-size:14px; background:none;}
.contactBox .left .form li input::-webkit-input-placeholder { color:#535353;}
.contactBox .left .form li textarea::-webkit-input-placeholder { color:#535353;}
.contactBox .left .form li button{width:135px; height:40px; background:#7d221f; border:none; color:#fff; cursor:pointer; font-family:Arial, Helvetica, sans-serif; font-size:14px;}
.contactBox .left .form li button:active{background:#333;}

.contactBox .right{width:545px;}
.contactBox .right .info{margin-bottom:35px;}
.contactBox .right .info p{line-height:200%; font-size:14px;}



/* --- 我们的产品 --- */
.products{margin-top:50px;}
.products ul{width:105%;}
.products li{float:left; width:258px; height:387px; border:1px solid #B2B2B2; margin-right:55px; padding:10px; position:relative; margin-bottom:30px; transition:all .3s ease;}
.products li .pic{overflow:hidden;}
.products li .text{text-align:center; overflow:hidden; height:50px; line-height:25px; font-size:14px; margin-bottom:15px; margin-top:15px;}
.products li .view {position:absolute; bottom:10px; width:238px;}
.products li .view a{display:block; background:#7d221f; color:#fff; text-align:center; height:40px; line-height:40px;}
.products li .view a:hover{background:#333;}
.products li:hover{ border:1px solid #7d221f; }



/* --- 服务 --- */
.services{margin-top:50px;}
.services li{ border-bottom:1px solid #efefef; padding-bottom:50px; margin-bottom:50px; overflow:hidden;}

.services li .text{width:48%;}
.services li .text h3{font-size:30px; color:#7d221f; margin-bottom:20px; margin-top:20px;}
.services li .text p{margin-bottom:20px;}
.services li .pic{width:48%;}
.services li .pic img{border:1px solid #ddd; padding:10px;}

.services li.fw01 .text{float:left;}
.services li.fw01 .pic{float:right;}
.services li.fw02 .text{float:right;}
.services li.fw02 .pic{float:left;}



/* --- 产品展示 --- */
.product-show{padding-top:50px; padding-bottom:50px; background:#EDEEF0; overflow:hidden;}
.product-show .title{margin-bottom:30px;}


/* 图片 */
.product-pic{float:left; width:506px; height:506px; border:1px solid #CBCBCB; text-align:center; display:table; background:#fff;}
.product-pic em{display:table-cell; height:506px; vertical-align:middle; }

/* 提交信息 */
.product-sumbit{float:right; width:637px;}
.product-sumbit h3{margin-bottom:10px; font-size:18px;}
.product-sumbit p{font-size:14px; color:#999; margin-bottom:15px;}

.product-sumbit li{margin-bottom:10px; position:relative;}
.product-sumbit li i{position:absolute; left:10px; height:40px; line-height:40px; color:#FF0000;}
.product-sumbit li input{width:100%; padding:0 4%; border:1px solid #E4E4E4; height:40px; line-height:40px; color:#535353; font-family:Arial, Helvetica, sans-serif; font-size:14px; background:#fff; border-radius:5px;} 
.product-sumbit li textarea{width:100%; padding:0 2%; border:1px solid #E4E4E4; height:130px;color:#535353; font-family:Arial, Helvetica, sans-serif;font-size:14px;  background:#fff; border-radius:5px;}
.product-sumbit li .share{float:left;}
.product-sumbit li button{width:135px; height:40px; background:#7d221f; border:none; color:#fff; cursor:pointer; font-family:Arial, Helvetica, sans-serif; font-size:14px; float:right;}
.product-sumbit li button:active{background:#333;}

/* 内容 */
.product-content{padding-top:50px; padding-bottom:50px;}
.product-content strong{display:block; color:#7d221f; margin-bottom:10px;}
.product-content p{margin-bottom:10px;}


}


#newstitle{ font-size:16px; margin:10px 0; font-weight:bold; text-align:center; }
#newstime{ text-align:center; margin-bottom:10px; }