/*头部样式*/
.head-bg{
    background: #dbdbdb;
    height: 30px;
}

.k1{
    line-height: 30px;
    color: #626262;
}

.k1 a{
    line-height: 30px;
    color: #626262;
}

.k2{
    background: url(../images/tel.png) no-repeat left;
    font-size: 12px;
    color: #000000;
    font-weight: bold;
    padding-left: 23px;
    line-height: 30px;
}

#header{width:1295px;margin:0 auto;}
.top{height: 91px;}
.logo{float:left;line-height: 91px;}

.topLink{float:right;text-align:right;position: relative;z-index: 9999;width:981px;}
.translate{width:100px;position: absolute;left: 0;top:10px;z-index: 9999;}
.tran-in{left:120px;}
.translate li{border: 1px dashed #cccccc;line-height: 26px;text-align: left;background: #fff;}
.translate li a{display: block;padding-left: 10px;background: url(../images/dot4.png) no-repeat 88% 11px;}
.translate li a:hover{text-decoration: none;color:#275cea;cursor: pointer;}
.translate-en{display: none;padding: 6px;padding-top:0px;}
.translate li .translate-en a{padding-left: 0px;text-align: center;background: #fff;border-bottom: 1px solid #cccccc;}
.translate li .translate-en a:hover{font-weight: bold;}

.topLink .f_count{color:#ff0000;font-size:13px;font-weight:bold;}
.topLink .k1{line-height:32px;padding-top:5px;}
.topLink .k2{color:#074b91;font-size:14px;font-family:"微软雅黑";}



/*热门搜索*/
.ss{background: url(../images/sou.png) no-repeat top center;height: 80px;}
.search{width:1200px;margin: 0 auto;}
#formsearch{float:right;}
.hotSearch{float:left;height:71px;line-height:71px;font-weight:normal;font-size: 12px;color: #5a5a5a;}
.hotSearch a{font-size: 14px;color: #5a5a5a;}
#search-type{float: left;width:100px;height: 24px;border: 1px solid #c8c8c8;margin-right: 5px;}


.tongzhi {
	width: 480px;
	height: 71px;
	overflow: hidden;
}

.bg-blue1 {
	height: 71px;
	width: 120px;
	line-height: 71px;
	font-size: 14px;
	color: #5a5a5a;
    box-sizing: border-box;
    font-weight:bold;
}

.bg-blue1 span {
	display: inline-block;
	width: 26px;
	height: 71px;
	margin-right: 10px;
	background: url(../images/notice.png) center no-repeat;
	vertical-align: middle;
}

.list-notice li {
	line-height: 71px;
	font-size: 14px;
	color: #5a5a5a;
}

.list-notice {
	height: auto;
	overflow: hidden;
}

.picScroll-top .next,
.picScroll-top .prev {
	position: absolute;
	right: 10px;
	display: inline-block;
	width: 11px;
	height: 8px;
	z-index: 99;
	;
}

.picScroll-top .next {
	top: 27px;
	background: url(../images/up.png) 0 0 no-repeat;
	cursor: pointer;
}

.picScroll-top .prev {
	bottom: 20px;
	background: url(../images/up.png) 0 -7px no-repeat;
	cursor: pointer;
}

.picScroll-top {
	width: 342px;
	position: relative;
}





.com-img{ display:inline; overflow:hidden;margin:0 auto;display: table;}
.com-img img{ transition:all 0.5s ease-in 0s; -webkit-transition:all 0.5s ease-in 0s; -moz-transition:all 0.5s ease-in 0s; -o-transition:all 0.5s ease-in 0s;}
.com-img:hover img{transform:scale(1.1); -webkit-transform:scale(1.1); -moz-transform:scale(1.1); -o-transform:scale(1.1);-ms-transform:scale(1.1);}


/*主体样式*/
#container{width:1200px;margin:0 auto;margin-top:50px;}
.container{width:1200px;margin:0 auto;margin-top:65px;}



.product-index{margin-top: 28px;}
.z2L{width: 233px;}
.z2L h2{text-indent: 35px;font:bold 18px/60px "Microsoft YaHei";color: #fff;background-color: #0c88e6;}
.z2L .wrap{height: 471px;border: 1px solid #d4d4d4;border-top: none;padding-top: 25px;}
.z2L .wrap >li{/* margin-top: 20px; *//* padding-top: 10px; */text-indent: 20px;background: url(../images/z2Lwrap.png) left top no-repeat;}
.z2L .wrap >li>a{display: block;font: 16px/56px "Microsoft YaHei";color: #fff;}
.z2L .inner{width: 190px;margin:0 auto;}
.z2L .inner li{border-bottom: 2px dotted #d8d8d8;font:14px/36px "Microsoft YaHei";}
.z2L .inner li:before{content: "";display: inline-block;border:4px solid transparent;border-left: 4px solid #707070;margin-right:4px;vertical-align: middle;}
.z2L .inner li a{color: #000;}
.z2L .inner li a:hover{color: #b00404;}
.z2R{width: 930px;}


.pic1{
    width:1920px;
    position: relative;
    left: 50%;
    margin-left: -960px;
    margin-top: 30px;
}


/*z3*/
.black{text-align: center;font:600 30px/1 "微软雅黑";color: #0082cb;}
.black span{display: block;font:20px/50px "微软雅黑";color: #000000;background: url(../images/blk.png) center no-repeat;}
.z3{background: #e7e7e7;padding-top: 50px;padding-bottom: 65px;}
.z3Box{margin-top: 80px;height: 1156px;position: relative;}
.ad{width: 519px;position: absolute;}
.ad h2{padding-left: 95px;font:bold 22px/40px "微软雅黑";color: #0082cb;height: 74px;background: url(../images/ad1.png) left center no-repeat;}
.ad h2 span{display: block;font:12px/1.3 "微软雅黑";color: #0082cb;}
.z3T{font:14px/35px "微软雅黑";color: #000;margin-top: 10px;padding-left: 24px;}
.z3T p:before{content: "";display: inline-block;width: 6px;height: 6px;background-color: #8b8b8b;margin-left: 7px;margin-right: 10px;vertical-align: middle;}
.z3T:nth-of-type(1) p:before{content: "";display: inline-block;width: 6px;height: 6px;background-color: #8b8b8b;vertical-align: middle;margin-left: -20px;margin-right: 14px;}
.ad2{left: 560px;top: 300px;}
.ad2 h2{background-image:url(../images/ad2.png);}
.ad3{top:620px;}
.ad3 h2{background-image:url(../images/ad3.png);}
.ad4{left: 560px;top:940px;}
.ad4 h2{background-image:url(../images/ad4.png);}
.mg1{position: absolute;right:-30px;}
.mg2{position: absolute;left: -10px;top: 290px;}
.mg3{position: absolute;left:625px;top: 560px;}
.mg4{position: absolute;bottom: 0;}


.about-index{
    padding: 50px 0;
}
.about-left{
    width:561px;
}
.about-right{
    width:611px;
}

.about-title{
    font-size: 20px;
    color: #000;
    margin-top: 36px;
}
.about-title p{
    font-size: 14px;
    font-weight: normal;
    opacity: 0.8;
}

.about-con{
    font-size: 14px;
    color: #000000;
    line-height: 30px;
    text-indent: 2em;
    margin-top: 16px;
    border-bottom: 1px dashed #777777;
    padding-bottom: 35px;
}
.about-more{
    width:110px;
    height: 38px;
    background: #b00404;
    border-radius: 5px;
    margin-top: 25px;
}
.about-more a{
    display: block;
    line-height: 38px;
    text-align: center;
    font-size: 14px;
    color: #fff;
}



/*首页新闻*/
.news{margin-top:80px;}
.news_company{width:361px;margin-right:48px;}
.news1_title{font:400 22px/50px "微软雅黑";color:#111;position:relative;background: url(../images/news.png) no-repeat left bottom;}
.news1_title span{padding-left:12px;color:#999;font-size:14px;text-transform:uppercase;}
.news1_title a{position:absolute;right:0;top:0;}
.news_company .content{padding-top:23px;}


.news_list1{margin-top:12px;}
.news_list1 li{border-bottom:1px dashed #e3e3e3;padding-bottom:10px;position: relative;}
.news_list1 li:last-child{border-bottom: none;}
.news_list1 li a{line-height:44px;line-height:44px;font-size:14px;color: #333333;}
.news_list1 li a:hover{text-decoration:none;}
.news_list1 li span{display:block;color:#333333;font:400 14px/44px "微软雅黑";position: absolute;right: 0;top: 0;}
.news_list1 li:hover a{color:#b00404;}
.news_list1 li:hover span{color:#b00404;}

#ydemo{overflow:hidden;margin:0 auto;position:relative;height:495px;}
#yindemo{height:100%;}
#ydemo1{}
#ydemo2{}
.news_list3 li{position:relative;padding:8px 0 12px;border-bottom:1px dashed #e3e3e3;}
.news_list3 li a{line-height:30px;padding-left:38px;background: url(../images/wen.png) left center no-repeat;display:block;font-size:14px;}
.news_list3 li a:hover{text-decoration:none;color:#ff6621;}
.news_list3 span{background: url(../images/da.png) left 3px no-repeat;padding-left:38px;font:400 12px/22px "微软雅黑";margin-top:10px;color:#999;display:block}




.navigation{float:right;width:100px;}
.index-title{line-height:31px;padding-left:15px;font-weight:bold;font-family:"微软雅黑";
background:url(../images/nav.png) no-repeat 0% 100%;font-size:14px;color:#000;}
.index-table td{border:solid #add9c0; border-width:0px 1px 1px 0px; padding:10px 5px;}
.index-table{border:solid #add9c0; border-width:1px 0px 0px 1px;margin-top:10px;}

/*----- Common css ------*/
.fl{float:left;}
.fr{float:right;}
.di{_display:inline;}
.fwn{font-weight:normal;}
.dib{*display:inline;_zoom:1;_display:inline;_font-size:0px;}





/*友情链接*/
.f_link{width:1200px;margin:0 auto;margin-top: 24px;font-size: 14px;color: #535353;}
.f_link a{line-height: 30px;}
/*页面底部*/
.foot{background: #3d3d3d;margin-top: 20px;padding-bottom: 40px;}
#footer{position:relative;width:1200px;margin:0 auto;padding-top: 50px;color: #fff;}
#footer a{color:#fff;}
#footer a:hover{color:#e87518;text-decoration:none;}
.nav_foot{text-align:center;line-height:44px;color:#fff;font-size: 16px;border-bottom: 1px dashed #989898;margin-bottom: 25px;}
.nav_foot a{padding: 0 47px;}
#footer .foot-left{width:340px;color: #c1c1c1;font-size: 14px;line-height: 30px;}
#footer .foot-erq{margin-right: 50px;}
#footer .copyright{text-align:center;line-height:24px;font-size: 14px;color: #c1c1c1;margin-top: 20px;}
#footer .copyright a{color: #c1c1c1;}
/*------------内页-------------------*/

.left .box{}
.left .box h3{line-height:52px;padding-left:30px;font-weight:500;font-family:"Microsoft YaHei";
background:#0863c0;font-size:16px;color:#fff;}
.left .box .content{border:1px solid #dfdfdf;}

.prodescription{border:1px solid #e5e5e5;background:#f9f9f9;line-height:24px;padding:10px;margin-bottom:15px;text-indent:20px;}

.n_banner{width:1920px;margin:0 auto;position: relative;left: 50%;margin-left: -960px;}
.n_banner img{width:1920px;margin:0 auto}
.left{width:254px;float:left;}
.left .sort_menu h3{background: url(../images/nav.png) repeat-x top center #0863c0;}
.sort_product{margin-top:10px;}
.sort_product h3{background-color:#ececec;line-height:28px;padding-left:15px;font-weight:bold;}

.n_contact{}
.n_contact h3{background-color:#ececec;line-height:28px;padding-left:15px;font-weight:bold;}
.n_contact .content{line-height:34px;font-size: 14px;padding: 20px 0;padding-left: 30px;}

.right{width:926px;float:right;padding-bottom:10px;}
.sitemp{line-height:51px;height:51px;overflow:hidden;padding-right:10px;background:url(../images/nav.png) repeat-x 0% 100%;}
.sitemp h2{width:auto;float:left;line-height:51px;text-align:center;text-align:left;text-indent:15px;font-size:18px;color: #010115;opacity: 0.8;font-weight: 500;}
.sitemp .site{width:auto;float:right;text-align:right;font-size:14px;color: #010115;opacity: 0.8;line-height:51px;}
.sitemp .site a{
	color: #010115;opacity: 0.8;
}
.right .content{padding:10px 0 10px;padding-top:20px;overflow:hidden;line-height: 24px;}
.right .content p img{max-width:100%; height:auto !important;}
.sort_album{margin-top: 15px;}


@font-face {font-family: "iconfont";
  src: url('//at.alicdn.com/t/font_1144939_pdz8umy9ap.eot?t=1559111100313'); /* IE9 */
  src: url('//at.alicdn.com/t/font_1144939_pdz8umy9ap.eot?t=1559111100313#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('data:application/x-font-woff2;charset=utf-8;base64,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') format('woff2'),
  url('//at.alicdn.com/t/font_1144939_pdz8umy9ap.woff?t=1559111100313') format('woff'),
  url('//at.alicdn.com/t/font_1144939_pdz8umy9ap.ttf?t=1559111100313') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+ */
  url('//at.alicdn.com/t/font_1144939_pdz8umy9ap.svg?t=1559111100313#iconfont') format('svg'); /* iOS 4.1- */
}

.iconfont {
  font-family: "iconfont" !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-shijian:before {
  content: "\e63e";
}

.icon-add:before {
  content: "\e62b";
}

.icon-close:before {
  content: "\e639";
}

.icon-dots-horizontal:before {
  content: "\e705";
}

.icon-top:before {
  content: "\e607";
}

.icon-qq:before {
  content: "\e646";
}

.icon-wangwang:before {
  content: "\e8a0";
}

.icon-down:before {
  content: "\e638";
}

.icon-phone:before {
  content: "\e700";
}

.icon-chakan:before {
  content: "\e6c6";
}

.icon-message:before {
  content: "\e604";
}

.icon-search:before {
  content: "\e605";
}

.icon-menu:before {
  content: "\e61c";
}

.icon-right-arrow:before {
  content: "\e61f";
}

.icon-ewm:before {
  content: "\e606";
}

.icon-left-arrow:before {
  content: "\e620";
}



#toolbar {
    position: fixed;
    z-index: 9999;
    right: 17px;
    bottom: 10%
}

#toolbar li {
    margin-bottom: 3px;
    position: relative
}

#toolbar li,#toolbar li a {
    font-size: 0;
    width: 57px;
    height: 57px;
    right: 0
}

#toolbar li a {
    display: block;
    position: absolute;
    z-index: 9;
    top: 0;
    overflow: hidden;
    background: #292e39;
    -webkit-transition: all .5s ease;
    transition: all .5s ease;
    white-space: nowrap
}

#toolbar li .iconfont {
    width: 57px;
    height: 57px;
    background-color: #d9d9d9;
    text-align: center;
    color: #2b2b2b;
    font-size: 26px
}

#toolbar li .iconfont,#toolbar li .wz {
    display: inline-block;
    vertical-align: middle;
    line-height: 57px
}

#toolbar li .wz {
    font-size: 14px;
    color: #fff;
    padding-left: 10px
}

#toolbar li.ewm .ewm-box {
    position: absolute;
    z-index: 1;
    padding: 5px;
    background: #292e39;
    width: 110px;
    right: 120%;
    bottom: 0;
    opacity: 0;
    visibility: hidden;
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
    -webkit-transition: all .7s;
    transition: all .7s
}

#toolbar li.ewm .ewm-box p {
    margin-bottom: 0
}

#toolbar li.ewm .ewm-box img {
    max-width: 100%
}

#toolbar li.ewm .ewm-box:after {
    content: "";
    position: absolute;
    right: -5px;
    bottom: 20px;
    width: 0;
    height: 0;
    line-height: 0;
    font-size: 0;
    overflow: hidden;
    border-width: 5px;
    cursor: pointer;
    border-style: dashed dashed dashed solid;
    border-color: transparent transparent transparent #292e39;
    border-right: none
}

#toolbar li.ewm:hover .icon {
    background-position: -57px -180px
}

#toolbar li.ewm:hover .ewm-box {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translateY(0);
    transform: translateY(0)
}

#toolbar li.backtop {
    cursor: pointer
}

#toolbar li.backtop .iconfont {
    color: #fff;
    background-color: #292e39
}

#toolbar li:hover a {
    width: 200px
}

#toolbar li:hover .iconfont {
    background-color: #292e39;
    color: #fff
}

@media (max-width:990px) {
    #toolbar {
        display: none
    }
}