@charset "UTF-8";



/*index css*/

.indexContent .more{margin-top: 20px;}

.indexContent .more a{padding: 10px 30px;border: 1px solid #CCD0D2;color: #000000;}

/*banner*/

#banner{ width: 100%;height: 458px; overflow: hidden;position: relative;z-index: 2;margin-top: 59px}

#banner .bd{ position: relative;width: 1920px;height: 458px; left: 50%;margin-left: -960px;}

#banner .bd img{ width: 1920px;height: 458px; }

#banner .hd{ width: 100%;text-align: center;height: 20px;bottom: 24px;left: 0;position: absolute;z-index: 99; }

#banner .hd li{ display: inline-block;width: 15px;height: 15px;background: #E16F98; opacity: .8;transition: all ease-out .3s; }

#banner .hd li.on, #banner .hd li:hover{ background: #EF0131;opacity: 1; }

#banner .hd li+li{ margin-left: 20px; }



/*index about*/

.indexContent .about{
	padding-top: 20px;
	padding-bottom: 30px;
	background-color: #FFF9F2;
}

.indexContent .about .content img{width: 100%;}

.indexContent .about .content .con{padding: 10px;}

/*.indexContent .about .more a{padding: 10px 15px;border: 1px solid #CCD0D2;}*/



/*index dlcp*/

.indexContent .dlcp{padding-top: 20px;padding-bottom: 30px;}

.indexContent .dlcp .content img{width: 100%;}

.indexContent .dlcp .cp-logo a{display: block;font-size: 20px;line-height: 35px}

.indexContent .dlcp .cp-logo a:hover{color: #50A0F6;}

.indexContent .dlcp .cp-logo a img{width: 200px;/*height: 100%;*/margin-right: 10px;}

.indexContent .dlcp .content .left{width: 50%}

.indexContent .dlcp .content .right{width: 50%;}

.indexContent .dlcp .content .con{padding: 10px;}

/*.indexContent .dlcp .more a{padding: 10px 15px;border: 1px solid #CCD0D2;}*/



.picBtnTop{ width:580px; height:314px; /*border:1px solid #ccc; padding:5px; */ position:relative;  overflow:hidden;  zoom:1;   }

.picBtnTop .hd{ width:125px;  height:314px; position:absolute; right:0; overflow:hidden; }

.picBtnTop .hd ul li{ width:120px; text-align:center;/* padding:2px;*/ margin-bottom: 15px;}

.picBtnTop .hd ul li img{ width:120px; height:90px; border:2px solid #fff; cursor:pointer; vertical-align:bottom; }

.picBtnTop .hd ul li.on img{ border-color:#FF0035;  }

.picBtnTop .bd{ width:440px;  height:314px; position:relative;  }

.picBtnTop .bd li{ position:relative; zoom:1; vertical-align:middle;}

.picBtnTop .bd li .pic{ position:relative; z-index:0;  }

.picBtnTop .bd li .pic img{ width:440px; height:314px; vertical-align:bottom; }

.picBtnTop .bd li .bg{ width:440px; height:30px; position:absolute; left:0; bottom:0; z-index:1;  background:#000; filter:alpha(opacity=60);opacity:0.6;    }

.picBtnTop .bd li .title{ width:440px; height:30px; line-height:30px; left:0; bottom:0;   position:absolute; z-index:2;  }

.picBtnTop .bd li .title a{ color:#fff; padding-left:15px;  }

/*index hzkh*/

.indexContent .hzkh{padding-top: 20px;padding-bottom: 30px;}

.indexContent .hzkh .content ul{/*padding: 20px;*/}

.indexContent .hzkh ul li{float: left;/*padding: 20px 32px;*/width: 171px;height: 60px;text-align: center;line-height: 60px;padding-bottom: 52px;}

.indexContent .hzkh ul li img{vertical-align: middle;/*width: 171px;height: 60px;*/text-align: center}

/*index xhgy*/

.indexContent .xhgy{padding-top: 20px;padding-bottom: 30px;}

.indexContent .xhgy .top-img{margin: 20px 0 0 0;}

.indexContent .xhgy .inp{height: 36px;line-height: 36px;border: 1px solid red;border-radius:7px;position: absolute;top: 68px;left: 0;}

.indexContent .xhgy .inp input{height: 34px;width: 220px;padding-left: 5px;}

.indexContent .xhgy .time{color: #FF002E;/*margin-top: -30px*/}

.indexContent .xhgy .content{padding-bottom: 20px; padding-top: 10px}

.indexContent .xhgy .content table{max-width: 100%;width: 100%;border: 1px solid #ddd;border-collapse: collapse;    /*margin-top: 30px;*/}

.indexContent .xhgy .content th{background: url(../images/th.png) no-repeat;background-size: 100% 100%;padding: 8px;text-align: center;color: #fff;border: 0;width: 25%;}

.indexContent .xhgy .content td{border:1px solid #ddd;padding: 8px;font-family: '微软雅黑'; color: #666; font-size: 14px;text-align: center;}

/*index new*/

.indexContent .new{
	padding-top: 20px;
	padding-bottom: 30px;
	background-color: #FFF9F2;
}

.indexContent .new .top .ch{text-align: center;margin-top: 10px;}

.indexContent .new .top .ch a{font-size: 16px;margin: 0 30px;}

.indexContent .new .top .ch a:hover{color: #1D4BD5;}

.indexContent .new .top .top-img{margin: 0 0 20px 0;}



.indexContent .new .content .left{width: 545px;/*height: 450px;*/}

		.slideBox .hd{ height:15px; overflow:hidden; position:absolute; right:15px; /*bottom:5px;*/top:250px; z-index:1; }

		.slideBox .hd ul{ overflow:hidden; zoom:1; float:left;  }

		.slideBox .hd ul li{ border-radius:10px ;float:left; margin-right:8px;  width:8px; height:8px; line-height:14px; text-align:center; background:#fff; cursor:pointer; }

		.slideBox .hd ul li.on{ background:#f00; color:#fff; }

.indexContent .new .left li img{width: 545px;height: 250px;margin-top: 30px;}

.indexContent .new .new-title{font-size: 18px;color: #2A2A2A;margin: 10px 0;/*letter-spacing: 1px;*/font-family: '微软雅黑';}

.indexContent .new span{color: #C8C8C8;float: right;padding-right: 10px;}

.indexContent .new .right {width: 600px;}

.indexContent .new .right li{border-bottom: 1px dashed #C8C8C8;padding: 15px 0;}

.indexContent .new .right li div{height: 100px;line-height: 100px;}

.indexContent .new .new-time p{text-align: center;color: #C8C8C8;padding-right: 20px;}

.indexContent .new .time{font-size: 50px;line-height: 70px;}

.indexContent .new .content a:hover .new-title{color: #e50030;}

.indexContent .new .content{display: none;}

.indexContent .new .content.on{display: block;}





/*内页css*/

.subbanner{ width: 100%;/*height: 495px;*/ position: relative;z-index: 2;margin-top: 80px}
.subbanner img{max-width: 100%}

.inpageContent{ padding: 60px 0;min-width: 1200px }
.inpageContent p img{ max-width: 100% }

.inpageContent .menu{ text-align: center;font-size: 0; margin-bottom: 38px;}

.inpageContent .menu a{ display: inline-block; color: #333;font-size: 14px;padding-bottom: 12px;position: relative; }

.inpageContent .menu a.on, .inpageContent .menu a:hover{ color: #0172c2; }

.inpageContent .menu a:after{

	content: '';

	position: absolute;

	left: 0;

	bottom: 0;

	width: 0;

	height: 1px;

	background: #0172c2;

	transition: all ease-out .3s;

}

.inpageContent .menu a.on:after, .inpageContent .menu a:hover:after{ width: 100%; }

.inpageContent .menu a+a{ margin-left: 60px; }

.pages{ text-align: center;font-size: 0; margin-top: 16px;}

.pages a{ display: inline-block;font-size: 14px;color: #333; width: 42px;height: 28px;text-align: center;line-height: 28px;transition: all ease-out .3s;}

.pages a+a{ margin-left: 4px; }

.pages a.on, .pages a:hover{ background: #FF0036; color: #fff;}

.pages a.sl:hover{ background: #fff;color: #333; }

/*产品交期   单页面*/

.inpageContent .top .ch{text-align: center;margin-top: 10px;margin-bottom: 20px;}

.inpageContent .top .ch a{font-size: 16px;margin: 0 30px;}

.inpageContent .top .ch a.on{color: #1D4BD5;}

.inpageContent .top .ch a:hover{color: #1D4BD5;}

.inpageContent .top .ch ul{padding: 0 130px;}

.inpageContent .top .ch li{float: left;/*padding: 0 10px;*/}

.inpageContent .top .chc{display: inline-block;border-bottom: 1px solid #2632D2;padding-bottom:20px;}

.inpageContent .top .chc i{position: absolute;}

.inpageContent .top .zj{width: 100%;bottom: -21px;}

.inpageContent .top .le{left: 0;bottom: -21px;}

.inpageContent .top .ri{right: 0;bottom: -21px;}

/*产品展示*/

.inpageContent .cpzs .cp {width: 580px;padding-bottom: 20px;}

.inpageContent .cpzs .cp.cpl {width: 100%;padding-bottom: 20px;}

.inpageContent .cpzs .cp.cpl .cp-one{margin: 5px}

.inpageContent .cpzs .cp .cp-logo{height: 35px;line-height: 35px;font-size: 16px;padding-bottom: 15px;}

/*.inpageContent .cpzs .cp .jj{height: 100px;}*/

.inpageContent .cpzs .cp .cp-one div{width: 285px;height: 205px;overflow: hidden;margin-top: 15px;}

.inpageContent .cpzs .cp .cp-one img{width: 285px;height: 205px;cursor: pointer; transition: all 0.6s;}

.inpageContent .cpzs .cp .cp-one p{font-size: 12px;}

.inpageContent .cpzs .cp .cp-one:hover p{color: #FF1E4F;}

.inpageContent .cpzs .cp .cp-one:hover img{transform: scale(1.1);}

.inpageContent .message{padding: 20px;}

.inpageContent .message li{padding: 10px 0;border-bottom: 1px solid #C3C3C3;color: #C3C3C3;float: left;margin-left: 10px;}

.inpageContent .message li input{width: 230px;padding-left: 10px}

.inpageContent .message li textarea{width: 1130px;height: 100px;}

.message .btns{text-align: center;padding-top: 20px;}

.message .btns .submit{ color: #fff;font-size: 14px;text-align: center;height: 40px;line-height: 40px;background: #E1002E;cursor:pointer;width: 150px;margin-right: 40px; }

/*合作客户*/

.inpageContent .hzkh ul{/*padding: 20px;*/}

.inpageContent .hzkh ul li{float: left;/*padding: 20px 32px*/;width: 171px;height: 60px;text-align: center;line-height: 60px;padding-bottom: 52px;}

.inpageContent .hzkh ul li img{vertical-align: middle;/*width: 171px;height: 60px;*/text-align: center}

/*联系我们*/

.contact .dy-content .top{width:380px;background: url(../images/bj.jpg) no-repeat;background-size: 100% 100%;text-align: left;padding: 20px 100px;}

.contact .dy-content .top p{padding: 10px 0 0 0;clear: both;}

.contact .dy-content .top p img{float: left;margin-top: 5px;}

.contact .dy-content .top p span{ color: #fff;font-size: 14px; }

.contact .dy-content  .span{color: #fff;padding-left: 5px;}

#map{ width: 100%;height: 398px; margin-top: 20px;}

.contact .bsc{padding: 20px 20px 20px 40px;background: #f6f6f6}
.contact .bsca{padding: 20px 20px 20px 40px;background: #e4f5ff}

.contact .bsc p{padding: 5px 0;}
.contact .bsca p{padding: 5px 0;}

.contact .bsc .title{font-size: 16px;color: #000000;padding-bottom: 0;}
.contact .bsca .title{font-size: 16px;color: #000000;padding-bottom: 0;}

.contact .bsc .ename{font-size: 12px;padding-bottom: 20px;color: #D4D4D4;}
.contact .bsca .ename{font-size: 12px;padding-bottom: 20px;color: #D4D4D4;}

.contact .bsc .span{color:  #666;}
.contact .bsca .span{color:  #666;}

.contact .bsc img{float: left;margin-top: 5px;}
.contact .bsca img{float: left;margin-top: 5px;}

/*荣誉资质*/

.ryzz ul li{float: left;padding: 10px 5px;}

.ryzz ul li img{width: 280px;height: 210px;}

.ryzz ul li p{padding:0 10px;margin: 0;background: #F6F6F6;color: #000000;line-height: 40px;height: 40px;width: 266px;overflow: hidden}

.ryzz ul li a:hover p{background: #1755DD;color: #fff;}

.popup-img{position: fixed;width: 100%;height: 100%;background: rgba(0,0,0,.5);z-index: 10000;top: 0;left: 0;display: none;}

.popup-img #ryimg{width: 496px;
    height: 372px;position: absolute;top: 30%;left: 35%;}

.popup-img #ryimg img{width: 496px;
    height: 372px;}



/*现货供应*/

.inpageContent .xhgy .inp{height: 36px;line-height: 36px;border: 1px solid red;border-radius:7px;left: 0;}

.inpageContent .xhgy .inp input{height: 34px;width: 220px;padding-left: 5px;}

.inpageContent .xhgy .time{color: #FF002E;margin-top: 20px}

.inpageContent .xhgy table{max-width: 100%;width: 100%;border: 1px solid #ddd;border-collapse: collapse;margin-top: 20px;}

.inpageContent .xhgy th{background: url(../images/th.png) no-repeat;background-size: 100% 100%;padding: 8px;text-align: center;color: #fff;border: 0;width: 25%;}

.inpageContent .xhgy td{border:1px solid #ddd;padding: 8px;font-family: '微软雅黑'; color: #666; font-size: 14px;text-align: center;}

/*新闻中心*/

.inpageContent .news .dy-content li{border-bottom: 1px dashed #C8C8C8;padding: 15px 0; clear: both;}

.inpageContent .news .dy-content li img{width: 370px;height: 150px}

.inpageContent .news .dy-content .new-top li div{height: 100px;line-height: 100px;}

.inpageContent .news .dy-content .new li div{height: 150px;line-height: 150px;}

.inpageContent .dy-content .new-top .new-time p{text-align: center;color: #C8C8C8;padding-right: 20px;}

.inpageContent .dy-content .new-top .time{font-size: 50px;line-height: 70px;}

.inpageContent .news .dy-content .new-img{width: 370px;height: 150px;vertical-align: middle; padding-right: 20px;}

/*.inpageContent .new-top a:hover .new-title{color: #FF1E4F;}*/

.inpageContent .news .dy-content li:hover{border-bottom: 1px solid #1755DD;}

.inpageContent .dy-content .new-title{font-size: 18px;color: #2A2A2A;margin: 10px 0;/*letter-spacing: 1px;*/font-family: '微软雅黑';}

.inpageContent .news .dy-content span{color: #C8C8C8;float: right;padding-right: 10px;}

/*新闻详情*/

.inpageContent .news-data p.title{text-align: center;font-size: 18px;color: #2A2A2A;margin: 10px 0;font-family: '微软雅黑';}

.inpageContent .news-data p.time{text-align: center;color: #C8C8C8;}

.inpageContent .news-data .con{border-bottom: 1px solid #C8C8C8;padding-bottom: 20px;}



.switch{ margin-top: 30px; }

.switch p, .switch p a{ color: #333;font-size: 16px; }

.switch p+p{margin-top: 16px;}

.switch p a:hover{color: #FF1E4F;}

.switch a.button{display:block;margin-top: 20px;color: #fff;font-size: 14px;text-align: center;height: 40px;line-height: 40px;background: #E1002E;cursor:pointer;width: 150px;margin-right: 40px;}

/*网络营销*/

.inpageContent .wlyx .bs div{padding: 10px 30px 20px 0;margin-left: 40px;width: 210px;}

.inpageContent .wlyx .bs p.title{text-align: left;font-size: 18px;color: #2A2A2A;margin-top: 10px;font-family: '微软雅黑';}

.inpageContent .wlyx .bsd{width: 30px;height: 30px;background: url(../images/ss.png) no-repeat;cursor: pointer;z-index: 100;/*border: 1px solid aqua*/}
/*.inpageContent .wlyx .bsd:hover .bscbj1{display: block}*/

.bscbj{width: 254px;height: 90px;background: url(../images/bscbj.png) no-repeat;background-size: 100% 100%;z-index: 99;top: 0;right: 0;display:none;}
.bscbj1{width: 254px;height: 90px;z-index: 99;top: 0;right: 0;display:none;}

.bscbj .title{color: #fff;font-size: 16px;padding:0 10px;padding-top: 10px;}
.bscbj1 .title{color: #fff;font-size: 16px;padding:0 10px;}

.bscbj .tel{color: #F6B2C1;font-size: 12px;padding:0 10px;}
.bscbj1 .tel{color: #F6B2C1;font-size: 12px;padding:0 10px;}

/*.inpageContent .wlyx .bsd a{width: 30px;height: 30px;display: block;}*/

#shz{top: 552px;right: 200px;}/*上海z*/

#gzz{top: 728px;right: 342px;}/*广州z*/

#ash{top: 320px;right: 225px;}/*上海*/
#ash .bscbj1{background: url(../images/bscbj.png) no-repeat;background-size: 100% 100%;top:-80px;right: -154px}
#ash .bscbj1 .title{padding-top: 10px;}
#agz{top: 330px;right: 255px;}/*广州*/
#agz .bscbj1{background: url(../images/bs2.png) no-repeat;background-size: 100% 100%;top:30px;right: -204px}
#agz .bscbj1 .title{padding-top: 20px;}
#axg{top: 357px;right: 240px;}/*香港*/
#axg .bscbj1{background: url(../images/bs2.png) no-repeat;background-size: 100% 100%;top:20px;right: -224px}
#axg .bscbj1 .title{padding-top: 20px;}
#acd{top: 325px;right: 282px;}/*成都*/
#acd .bscbj1{background: url(../images/bs3.png) no-repeat;background-size: 100% 100%;/*height: 113px;*/top:20px;right: 0}
#acd .bscbj1 .title{padding-top: 20px;}
#ayg{top: 250px;right: 609px;}/*英国*/
#ayg .bscbj1{background: url(../images/bs4.png) no-repeat;background-size: 100% 100%;top:20px;right: -100px}
#ayg .bscbj1 .title{padding-top: 20px;}
#adtl{top: 260px;right: 955px;}/*底特律*/
#adtl .bscbj1{background: url(../images/bs5.png) no-repeat;background-size: 100% 100%;top:20px;right: -154px}
#adtl .bscbj1 .title{padding-top: 20px;}



#heb{top: 170px;right: 185px;}/*哈尔滨*/

#cc{top: 215px;right: 195px;}/*长春*/

#sy{top: 260px;right: 215px;}/*沈阳*/

#bj{top: 332px;right: 350px;}/*北京*/

#tj{top: 347px;right: 320px;}/*天津*/

#ty{top: 385px;right: 421px;}/*太原*/

#sjz{top: 381px;right: 375px;}/*石家庄*/

#jn{top: 418px;right: 311px;}/*济南*/

#zz{top: 461px;right: 391px;}/*郑州*/

#xa{top: 486px;right: 482px;}/*西安*/

#hf{top: 531px;right: 300px;}/*合肥*/

#nj{top: 538px;right: 250px;}/*南京*/

#sh{top: 568px;right: 205px;}/*上海*/

#hz{top: 575px;right: 203px;}/*杭州*/

#nc{top: 620px;right: 319px;}/*南昌*/

#cs{top: 630px;right: 385px;}/*长沙*/

#fz{top: 667px;right: 248px;}/*福州*/

#gz{top: 731px;right: 332px;}/*广州*/

#xg{top: 749px;right: 363px;}/*香港*/

#nn{top: 765px;right: 482px;}/*南宁*/
#cd{top: 600px;right: 578px;}/*成都*/



/*.inpageContent .wlyx .bs p.tel{color: #BEBEBE;}*/

/*询价须知*/

.inpageContent table{max-width: 100%;width: 100%;border: 1px solid #ddd;border-collapse: collapse;}

.inpageContent td{border:1px solid #ddd;padding: 8px;font-family: '微软雅黑'; color: #666; font-size: 14px;/*text-align: center;*/}

.inpageContent table.xjxz{width: 500px; }

.inpageContent table.xjxz tr td{color: #000000;}

.inpageContent table.xjxz tr td.val{width: 60%;}

/*.inpageContent table.xjxz input{width: 90%}*/