@charset "utf-8";

/* --- 公用样式 --- */
.clear{clear:both;}
span{display:block;}
a:hover{color:#f29100;}
p,span{line-height:150%;}


/* --- 字体样式 --- */
@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;
}


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


/* --- 公用样式 --- */
html,body{font-family:"Arial", Helvetica, sans-serif; font-size:14px;}
.pc{display:block;}
.wap{display:none;}
.left{float:left;}
.right{float:right;}
.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);}
.wrap{max-width:1280px; margin:0 auto;}




/* --- 栏目 --- */
.column{background:url(../images/column-line.png) repeat-x center center; height:35px; line-height:35px; margin-top:35px; margin-bottom:35px;}
.column h2{display:inline-block; background:#fff; padding-right:15px; font-size:18px; color:#333;  text-transform:uppercase;}
.column h2 a{color:#333;}


/* --- 头部 --- */
.header{height:134px; background:url(../images/header-back.jpg);}

/* logo */
.header .logo{line-height:120px; display:table; float:left;}
.header .logo .pic{margin-right:50px; height:120px; display:table-cell; vertical-align:middle;}
.header .logo .text{margin-top:30px;  height:120px; display:table-cell; vertical-align:middle; padding-left:50px;}
.header .logo .text h1{ font-size:24px; color:#f29100; margin-bottom:10px;}

/* 联系 */
.header .tel-us{float:right;}
.header .tel-us span{line-height:120px; float:left; margin-left:30px; padding-left:30px; font-size:14px;}
.header .tel-us span.email{background:url(../images/header-email.png) no-repeat 0 center;}
.header .tel-us span.tel{background:url(../images/header-tel.png) no-repeat 0 center;}




/* --- 导航 --- */
.nav{background:#12263E; height:60px; line-height:60px;}
.nav li{float:left; width:170px; position:relative; }
.nav li a.link{color:#fff; font-size:14px; display:block; text-align:center; transition:all .3s ease; }
.nav li a.link.now{background:#F29100;}
.nav li a.link:hover{background:#F29100;}

.nav li dl{position:absolute; left:0px; top:60px; z-index:100; width:200px;  display:none;}
.nav li dl em{display:block;}
.nav li dl em a{display:block; padding-left:15px; text-transform:uppercase; font-size:12px; color:#fff;  border-bottom:1px solid #efefef; transition:all .3s ease; height:38px; line-height:38px;  background:#1C3759;}
.nav li dl em a.now{background:#009BB4; color:#fff;}

.nav li dl em dd{position:absolute; left:200px; top:0; width:220px; border-left:1px solid #fff;}
.nav li dl em dd em a{display:block;  background:#1C3759;}

.nav li dl em:hover a{background:#009BB4;}
.nav li dl em:hover a{color:#fff;}
.nav li:hover a.link{background:#F29100;}
.nav li:hover dl{display:block;}
.nav li:hover dl em dd{display:none;}
.nav li:hover dl em:hover dd{display:block;}
.nav li:hover dl em:hover dd a {display:block;  background:#1C3759;}
.nav li:hover dl em:hover dd a:hover {background:#009BB4; color:#fff;}




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

.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:#F29100;}

.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-product{ position:relative; margin-bottom:30px;}
.home-product .wrap{ position:relative;}
.home-product .bd{}
.home-product .bd ul{width:101.5%;}
.home-product .bd li{float:left; width:20%;padding-bottom:35px;}
.home-product .bd li .box{border:1px solid #efefef; width:242px;  transition:all .3s ease; text-align:center; padding:10px;}
.home-product .bd li .box .pic{overflow:hidden;}
.home-product .bd li .box .text{text-align:center; height:60px; font-size:14px;} 
.home-product .bd li .box .text a{display:table; height:60px; text-align:center; width:100%;}
.home-product .bd li .box .text a em{display:table-cell; vertical-align:middle; line-height:150%;}
.home-product .bd li:hover .box{border:1px solid #f29100; box-shadow: 10px 10px 20px #ececec; }
.home-product .bd li:hover .box .text a{color:#f29100}

.home-product .hd{text-align:center;}
.home-product .hd li{display:inline-block; width:20px; height:3px; background:#eee; text-indent:-999rem; margin-left:5px; margin-right:5px;}
.home-product .hd li.on{background:#f29100;}

.home-product .prev,.home-product .next{width:31px; height:31px; top:40%; z-index:100; display:block; position:absolute; cursor:pointer; opacity:0;  transition:all .3s ease;}
.home-product:hover .prev,.home-product:hover .next{ opacity:1;}
.home-product .prev{background:url(../images/arrow-left-02.png) no-repeat; left:10px; }
.home-product .next{background:url(../images/arrow-right-02.png) no-repeat; right:10px;}




/* --- 关于我们 --- */
.home-about{background:#F5F5F5; padding-top:50px; padding-bottom:30px;}
.home-about .box{background:#fff; padding:50px; overflow:hidden; transition:all .3s ease;}
.home-about .box:hover{box-shadow: 10px 10px 20px #ececec;}

/* 介绍 */
.home-about .box .introduce{float:left; width:55%;}
.home-about .box .introduce h3{font-size:18px; margin-bottom:20px; text-transform:uppercase;}
.home-about .box .introduce p{line-height:150%; margin-bottom:15px; color:#666;}

/* 图片 */
.home-about .box .pic{float:right; width:35%; margin-top:60px;}




/* --- 商品列表 --- */
.home-prodcut{overflow:hidden; padding-top:50px;}

/* 分类 */
.page-column{height:34px; line-height:34px; font-size:14px; color:#fff; padding-left:50px; background:url(../images/page-column-icon.png) no-repeat #445268; font-weight:bold;}

.prodcut .type{width:257px;}
.prodcut .type{float:left; width:250px; background:#F5F5F5;}
.prodcut .type dl{line-height:32px;}
.prodcut .type dl dt{ border-bottom:1px solid #fff; padding-left:28px; background:url(../images/product-arrow-list.png) no-repeat 15px center;}
.prodcut .type dl dd a{display:block; border-bottom:1px solid #fff; padding-left:40px; background:url(../images/product-arrow-list.png) no-repeat 28px center; font-size:12px;  transition:all .3s ease;}
.prodcut .type dl dd a:hover{background:url(../images/product-arrow-list.png) no-repeat 28px center #f9f9f9;}
.prodcut .type dl dd em{display:block;}
.prodcut .type dl dd em a{display:block; padding-left:60px; background:url(../images/product-arrow-list.png) no-repeat 48px center; color:#666;}
.prodcut .type dl dd em a:hover,.prodcut .type dl dd em a.now{display:block; padding-left:60px;  background:url(../images/product-arrow-list.png) no-repeat 48px center #fff; color:#F29100;}


/* 列表 */
.prodcut .list{float:right; width:1010px; }
.prodcut .list ul{width:105%;}
.prodcut .list li{float:left; margin-right:12px; margin-bottom:11px;}
.prodcut .list li .box{border:1px solid #e4e4e4; width:242px; text-align:center;  transition:all .3s ease; padding:10px;}
.prodcut .list li .box .pic { margin-bottom:10px; overflow:hidden; } 
.prodcut .list li .box .text{line-height:35px; overflo:hidden;}
.prodcut .list li .box .text a{color:#333; display:block; } 
.prodcut .list li .box:hover{border:1px solid #f29100; box-shadow: 0px 10px 20px #ececec;}
.prodcut .list li .box:hover .text a{color:#f29100; display:block; } 




/* --- 内页 栏目 --- */
.column-type{background:#445268; height:60px; line-height:60px;}
.column-type h2{color:#fff; font-size:24px; font-family: 'Arial'; 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;  transition:all .3s ease;}
.column-type .type li a{color:#fff; text-transform:uppercase; display:block; }
.column-type .type li.now{background:#F29100;}
.column-type .type li.now:hover{background:#F29100;}
.column-type .type li:hover{background:#F29100;}
.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}




/* --- 底部 --- */
.footer{ background:#2D3034; overflow:hidden; }


/* 分类 */
.footer .type{float:left; padding-top:30px; padding-bottom:30px; width:75%;}
.footer .type dl{float:left; width:25%;}
.footer .type dl dt{color:#fff; margin-bottom:10px;}
.footer .type dl dt a{color:#fff;}
.footer .type dd em{display:block; background:url(../images/dot.png) no-repeat 0 center; padding-left:15px;}
.footer .type dd em a{color:#959595; font-size:12px;}
.footer .type dd em a:hover{color:#fff;}


/* 关注 */
.footer .follow{float:right; width:25%; padding-top:30px; padding-bottom:30px; }
.footer .follow h3{font-size:16px; color:#fff; margin-bottom:10px;}
.footer .follow ul{overflow:hidden; margin-bottom:20px;}
.footer .follow li{float:left; margin-right:8px;}
.footer .follow li a{ border-radius:100%; display:block; border:1px solid #464B51; width:40px; height:40px; text-align:center; transition:all .3s ease; }
.footer .follow li a img{margin-top:10px;}
.footer .follow li a:hover{ border:1px solid #fff; }
.footer .follow p{color:#959595; line-height:200%; font-size:12px;}




/* --- 版权 --- */
.copyright{ background:#2D3034; overflow:hidden; border-top:1px solid #484848; height:55px; line-height:55px; color:#959595; font-size:12px;}
.copyright .text{float:left; line-height:55px;}
.copyright .links{float:right; line-height:55px; text-transform:uppercase;}
.copyright .links a{ color:#959595; margin-left:5px; margin-right:5px;}
.copyright .links a:hover{color:#fff;}




/* --- 内页 --- */

/* 分类 */
/* /.page-banner{background:url(../images/banner/page-banner.jpg) no-repeat; height:450px; background-size:cover;} */




/* --- 关于我们 --- */
.about {margin-top:50px; margin-bottom:50px;}
.about h3{font-size:18px; color:#009bb4; margin-bottom:20px;}
.about p{margin-bottom:30px; line-height:180%;}




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

/* 联系方式 */
.contactBox{margin-top:50px; overflow:hidden; margin-bottom:50px;}

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

.contactBox .left{width:600px;}
.contactBox .left .form li{margin-bottom:15px;}
.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;  transition:all .3s ease;} 
.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;  transition:all .3s ease;}
.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:#445268; border:none; color:#fff; cursor:pointer; font-family:Arial, Helvetica, sans-serif; font-size:14px;}
.contactBox .left .form li button:active{background:#333;}

.contactBox .left .form li input:focus{border:1px solid #F29100;  box-shadow: 10px 10px 20px #ececec;}
.contactBox .left .form li textarea:focus{ border:1px solid #F29100;   box-shadow: 10px 10px 20px #ececec;}


.contactBox .right{width:650px;}
.contactBox .right .info{margin-bottom:35px;}
.contactBox .right .info p{line-height:200%;}




/* --- 新闻列表 --- */
.news-list {margin-top:30px;}
.news-list li{border-bottom:1px solid #e4e4e4; padding-bottom:30px; margin-bottom:30px; overflow:hidden;   transition:all .3s ease;}
.news-list li h3{font-size:16px; margin-bottom:25px;}
.news-list li h3  a{color:#009bb4;}
.news-list li .pic{float:left; overflow:hidden; border:1px solid #e4e4e4; padding:5px; }
.news-list li img{}
.news-list li .text{float:right; width:72%;}
.news-list li .text p{margin-bottom:48px; font-size:14px; line-height:150%; color:#999;}
.news-list li .text em a{background:#009bb4; color:#fff; padding:8px 15px;   transition:all .3s ease; border-radius:5px;}
.news-list li .text em a:hover{background:#F29100;}

.news-list li:hover{margin-left:-20px;}
.news-list li:hover h3 a{color:#F29100;}




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




/* --- 内页产品列表 --- */
.page-product{margin-bottom:50px;}
.page-product .product-right .list{margin-bottom:50px;}
.page-product .product-right{width:1000px;}




/* --- 产品内容 --- */

/* 产品简介 */
.product-dep{margin-bottom:30px; overflow:hidden;}

/* 产品图 */
.product-pic{float:left; width:460px;}
.product-pic .bigImg {margin-bottom:10px;}
.product-pic .bigImg li{border:1px solid #ddd; padding:5px;}

.product-pic .smallScroll{position:relative;}
.product-pic .smallScroll .sPrev{position:absolute; left:0; top:0;  z-index:100; height:100%; width:30px; background:url(../images/arrow-left-pro.png) no-repeat center center; background-color:rgba(0,0,0,0.5); background-size:50%; opacity:0; transition:all .3s ease; }
.product-pic .smallScroll .sNext{position:absolute; right:10px; top:0; background:#000; z-index:100; height:100%; width:30px;  background:url(../images/arrow-right-pro.png) no-repeat center center; background-color:rgba(0,0,0,0.5); background-size:50%; opacity:0; transition:all .3s ease;  }
.product-pic .smallScroll .smallImg{width:100%;}
.product-pic .smallScroll .smallImg li{float:left; width:20%;}
.product-pic .smallScroll .smallImg li img{border:1px solid #ddd; padding:2px;}
.product-pic .smallScroll .smallImg li.on img{border:1px solid #F29100;}
.product-pic .smallScroll:hover .sPrev{opacity:1;}
.product-pic .smallScroll:hover .sNext{opacity:1;}


/* 产品介绍 */
.product-text{float:right; width:520px;}
.product-text h1{ color:#865398; font-size:18px; border-bottom:5px solid #F5F5F5; padding-bottom:15px; margin-bottom:15px;}
.product-text .text {margin-bottom:30px; min-height:365px;}
.product-text .text p{line-height:180%; margin-bottom:30px;}
.product-text .send{margin-bottom:25px;}
.product-text .send a{background:#12263E; height:50px; line-height:50px; text-align:center; display:block;}
.product-text .send a em{background:url(../images/send.png) no-repeat 0 center; padding-left:25px; color:#fff;}



/* 产品标题 */
.pro-column{ background:url(../images/column-line.png) repeat-x 0 center;margin-bottom:30px;}
.pro-column h3{background:#fff; display:inline-block; padding-right:20px; color:#333;  text-transform:uppercase; font-size:18px;}


/* 产品内容 */
.product-content{margin-top:30px; margin-bottom:50px;}
.product-content p{margin-bottom:10px; color:#666; line-height:150%;}


/* 相关产品 */
.product-about{position:relative;}
.product-about .bd ul{width:101%;}
.product-about .bd li{float:left; width:25%;padding-bottom:30px;}
.product-about .bd li a{ display:block; cursor:pointer}
.product-about .bd li .box{width:243px; border:1px solid #efefef; transition:all .3s ease; padding:8px;}
.product-about .bd li .text a{display:block; text-align:center;  border-radius:5px;  transition:all .3s ease; margin-top:15px; margin-bottom:15px;}
.product-about .bd li:hover .box{border:1px solid #F29100; box-shadow: 0px 10px 20px #ececec;}
.product-about .bd li:hover .box .text a{ color:#F29100;}

.product-about .prev,.product-about .next{width:31px; height:31px; top:50%; z-index:100; display:block; position:absolute; cursor:pointer; opacity:0;  transition:all .3s ease;}
.product-about:hover .prev,.product-about:hover .next{ opacity:1;}
.product-about .prev{background:url(../images/arrow-left-02.png) no-repeat; left:10px; }
.product-about .next{background:url(../images/arrow-right-02.png) no-repeat; right:10px;}




/* --- 联系 --- */
.pro-contact{overflow:hidden;}

/* 标题 */
.pro-contact .title{text-align:center; font-size:24px; margin-top:50px; margin-bottom:50px; color:#01847c;}

/* 内容 */
.pro-contact .box ul{width:105%;}
.pro-contact .box li{float:left; width:325px; height:35px; line-height:35px; margin-right:10px; margin-bottom:25px;}
.pro-contact .box li select{background:#fff; width:100%; height:40px; line-height:40px;  border:1px solid #ddd; padding-left:15px;  font-size:12px;  transition:all .3s ease;}
.pro-contact .box li select:hover{ box-shadow: 0px 10px 20px #efefef;}
.pro-contact .box li input{background:#fff; width:100%; height:40px; line-height:40px;  border:1px solid #ddd; padding-left:15px; font-size:12px;   transition:all .3s ease;}
.pro-contact .box li input::-webkit-input-placeholder {color:#333;}
.pro-contact .box li input:focus{border:1px solid #F29100;}
.pro-contact .box li input:hover{ box-shadow: 0px 10px 20px #ececec;}
.pro-contact .box .message textarea{width:100%;   border:1px solid #ddd; background:#fff; height:150px; padding:10px; font-size:12px; transition:all .3s ease;}
.pro-contact .box .message textarea::-webkit-input-placeholder {color:#333;}
.pro-contact .box .message textarea:focus{border:1px solid #F29100;}
.pro-contact .box .message textarea:hover{ box-shadow: 0px 10px 20px #ececec;}
.pro-contact .box .btn{ text-align:center; margin-top:50px; margin-bottom:50px; }
.pro-contact .box .btn button{background:#F29100; color:#fff;width:150px; height:40px; line-height:40px; border:none;cursor:pointer;}
.pro-contact .box .btn button:active{background:#333;}

}