﻿@CHARSET "UTF-8";
.kkgb{width:440px;position:absolute;right:0;top:450px;z-index:999;}
.kkgb p{background:url(/template/default/images/dh.jpg) 0 5px no-repeat;line-height:36px;padding-left:30px;color:#000;font-size:18px;font-family:"宋体";font-weight:bold;}
.wh{ width: 1200px; margin: 0 auto; }
/*头部样式*/
.headers{ width:100%; margin: 0 auto; }
#header{    
	height: 55px;
    background: #ffffff;
    color: #b3b3b3;
    line-height: 55px;
    overflow: hidden;
    border-bottom: 1px solid #ebebeb;
}
@media ( max-width: 1200px ){
#newBridge{display:none!important}
}
.topLink{width: 1200px; margin: 0 auto;}
.topLink .f_count{color:#ff0000;font-size:13px;font-weight:bold;}
.topLink .k2{ background: url(/template/default/images/hd_dz.png) no-repeat left center; line-height: 55px; padding-left: 24px; }
.topLink .k1{}
.head_tel {
    background: url(/template/default/images/tel.png) left center no-repeat;
    padding-left: 24px;
    color: #666666;
    font-family: "Arial";
    font-size: 18px;
    line-height: 55px;margin-left:5px;
}

.head{ height: 74px;}
.top{width:1200px;margin:0 auto;}
.logo{margin-top: 10px;}
.logo a{ display: block;}
.top .k2{width: 748px;}

.translate{width:100px;position: absolute;left: 0;top:10px;z-index: 99999;}
.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(/template/default/images/dot4.png) no-repeat 88% 11px;}
.translate li a:visited{text-decoration: none;color:#333;}
.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;}

#menu{}


/*热门搜索*/
.search-rgba{height: 84px;}
.search{width:1200px;margin:0 auto;}
#formsearch{float:right; background: url(/template/default/images/ss.png) center no-repeat; width: 275px; height: 51px; margin-top: 20px;}
.hotSearch{float:left;height:84px;line-height:84px;font-weight:normal;color: #000000;font-size: 14px;}
.hotSearch b { font-size: 14px; font-weight: bold; font-stretch: normal; letter-spacing: 0px; color: #f38200;
}
.hotSearch a{margin-right:6px;}
#formsearch input{ background: none; border: none;}
#formsearch input#keyword{font-family:"Microsoft YaHei"; height: 51px; line-height: 51px; width: 180px; padding-left: 29px; color: #999999; outline: none; font-size: 14px;}
#formsearch input#s_btn{width:61px;height:51px;line-height:51px;text-align:center;border:none;cursor:pointer; background: none;font-size: 12px;outline: none;}
/*解决方案*/
.jjfa_tit{ font-size: 36px; color: #000000; font-weight: bold; text-align: center; margin-top: 10px;}
.jjfa_ftit{ font-size: 14px; color: #999999; text-align: center; margin-top: 20px; width: 1010px; margin: 0 auto;}
.qyzz{
    height: 415px;
}
.qqyy{
    margin-top: 65px;
}
.qqyy .falist li{
    float: left;
    width: 288px;
    text-align: center;
    position: relative;
   /* background: url(/template/default/images/f01.png) right center no-repeat;*/
    display: block;
}
.qqyy .falist  li:first-child{
}
.qqyy .falist  li:nth-child(4){
    border:none;
    background: none;
}
.qqyy .falist  li .zhut{
	width:268px;
    height: 160px;
	padding:1px;
	border:1px solid #CCC;
    opacity: 1;
    transition: all 0.4s;
    margin: 0 auto;
}
.qqyy .falist  li .zhut img{
	width:268px;
    height: 160px;
}
.qqyy .falist  li .fut{
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
    transition: all 0.4s;
    margin: 0 auto;
    width: 268px;
    height: 160px;
    right: 0;
}
.qqyy .falist  li .fut img{
	border-radius: 100px;
    width:268px;
    height: 160px;
}
.qqyy .falist  li:hover .zhut{
    opacity: 0;
    transition: all 0.4s;
}
.qqyy .falist  li:hover .fut{
    opacity: 1;
    transition: all 0.4s;
}
.qqyy .falist  li h3{
    font-family: MicrosoftYaHei;
    font-size: 20px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 20px;
    letter-spacing: 0px;
    color: #333333;
    margin-top: 31px;
    margin-bottom: 20px;
}
.qqyy .falist li:hover h3{
    color: #f38200;
}

.qqyy .falist li dd{
    opacity: 0;
    transition: all 0.4s;
    width: 83px;
    height: 32px;
    background-color: #f38200;
    border-radius: 10px;
    margin:0 auto;
}
.qqyy .falist li dd a{
    font-family: MicrosoftYaHei;
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 32px;
    letter-spacing: 0px;
    color: #ffffff;
    text-align: center;
}
.qqyy .falist li:hover dd{
    opacity: 1;
    transition: all 0.4s;
}


/*产品中心*/
.pro_pp{
    height: 955px;
    background-color: #f7f7f8;
}
.ptitle{
    text-align: center;
}
.ptitle h2{
    font: bold 36px/36px "Microsoft YaHei";
    color: #333333;
    padding-top: 45px;
    margin-bottom: 8px;
}
.ptitle span{
    display: block;
    font: normal 16px/34px "Microsoft YaHei";
    color: #666666;
    background: url(/template/default/images/fg.png) no-repeat center;
}

.product-cate{
    display: table;
    margin: 35px auto 38px auto;
}
.product-cate ul li{
    float: left;
    width: 139px;
    height: 37px;
    margin: 0 26px;
    display: block;
}

.product-cate h2 a{
    font: 500 14px/35px "Microsoft YaHei";
    color: #999999;
    display: block;
    width: 139px;
    height: 37px;
    text-align: center;
    display: block;
    border: 1px solid #999999;
}
.product-cate li:hover a{
    background: #f38200;
    color: #fff;
    border:none;
}
.p_cont ul {
    margin:0 -13px;
}

.p_cont ul li{
    float: left;
    width: 280px;
    margin:0 13px;
    height: 310px;
    background-color: #ffffff;
    margin-bottom: 41px;
    text-align: center;
    overflow: hidden;
    box-shadow: 2px 2px 7px 0px 
        rgba(0, 0, 0, 0.08);
}
.p_cont ul li .img{ width: 280px; height: 218px; display: block; background: #fff; border-bottom: 2px solid #f3f3f3;}
.p_cont ul li .img img{ width: 280px; height: 218px;}

.p_cont ul li h3{
    font-family: MicrosoftYaHei;
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 16px;
    letter-spacing: 0px;
    color: #666666;
    margin-top: 15px;
    margin-bottom: 12px;
}
.p_cont ul li .prodruct-more{
    padding: 0 20px;
}
.p_cont ul li .prodruct-more a{
    display: block;
    float: left;
    font: 500 12px/27px "Microsoft YaHei";
    color: #f38200;
    border: 1px solid #e6e6e6;
    border-radius: 14px;
    margin: 0  auto;
    width: 220px;
    height: 29px;
}
.p_cont ul li:hover{
    transition: all 0.4s;
    background-color: #f38200;
    box-shadow: 2px 2px 7px 0px 
        rgba(0, 0, 0, 0.08);
}
.p_cont ul li:hover h3{
    color: #ffffff;
}
.p_cont ul li:hover a{
    color: #ffffff;
    /* border:1px solid #fff; */
}


.tab-nav-action h2 a{background: #f38200;color: #fff;border:none;}


/* 横图 */
.ads{
    text-align: center;
    background: url(/template/default/images/ggt.jpg) no-repeat center;
    height: 208px;
    position: relative;
    border-bottom: 8px solid #f38200;
}
.wrapper{
    width: 1200px;
    position: relative;
    left: 50%;
    margin-left: -600px;
    height: 100%;
}
.ads .ads-tel{
    position: absolute;
    right: 0;
    font: 600 24px/34px "Arial";
    color: #f38200;
    top: 66px;
    padding-left: 38px;
    background: url(/template/default/images/ads_tel_ico.png) no-repeat left;margin-right:85px;
}
.ads .wx{
    position: absolute;
    right: 0;
    top: 114px;margin-right:85px;
}
.wx-box{ z-index: 999; }
/* 关于我们 */
.about{
    padding-top: 42px;
    padding-bottom: 40px;
}
.about .about-title{
    background: rgba(243, 130, 0, 0.71);
    width: 245px;
    height: 172px;
    text-align: center;
    position: absolute;
    top: 0;
    left: 0;
}
.box{
    display: table;
    width: 100%;
    height: 100%;
}
.box-box{
    display: table-cell;
    vertical-align: middle;
}
.about .about-title span{
    display: block;
    font: 500 30px/40px "Microsoft YaHei";
    color: #ffffff;
    text-transform: uppercase;
}
.about .about-title h2{
    font: 600 36px/46px "Microsoft YaHei";
    color: #ffffff;
}
.about .about-text{
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, .6);
    text-align: center;
    padding: 20px 70px 30px;
}
.about .about-text p{
    font: 500 16px/26px "Microsoft YaHei";
    color: #ffffff;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-box-clamp: 2;
    overflow: hidden;
}
.about .about-text a{color:#fff;margin-left:20px;border-radius: 50px; background: rgba(243, 130, 0, 0.71);padding: 0 10px;}
.about .about-text a:hover{font-weight:bold;}
/*主体样式*/
.case{
}
.case h2{
    float: left;
    width: 80px;
    height: 258px;
    font: 500 24px/24px "Microsoft YaHei";
    color: #ffffff;
    background: #f38200;
    text-align: center;
}
.prolist{width:2000px;}
.pre_left{cursor:pointer;float:left;margin-top:80px;_display:inline;margin-right:12px;}
.pre_right{cursor:pointer;float:right;margin-top:80px;}
.himg img:hover{opacity: 0.8;filter:alpha(opacity=80);}

#productimg{ float:right; width:1050px;}
#productimg .tts{line-height:60px;background:url(/template/default/images/ax.jpg) 0 50% repeat-x;height:60px;position:relative;}
#productimg .tts a{background:#fff;display:block;position:absolute;right:0;top:0;padding-left:4px;}
#productimg .tts h2{display:inline-block;background:#fff;font-size:16px;color:#ed6d00;}
#productimg .tts h2{*display:inline;_zoom:1;_display:inline;_font-size:0px;}
#productimg .tts span{background:#fff;padding-right:5px;}
#productimg .content li{text-align:center;line-height:30px;float:left;margin:0 9px;_display:inline;width:300px;height:280px;}
#productimg .content li h3{line-height:35px;}
#productimg .content li a{font-weight:normal;}
#productimg .content li a.img{border:2px solid #e1e1e1;display:block; }
#productimg .content li a.img img{width:285px;height:229px;padding:5px;}
#productimg .content li a.img:hover{border-color: #f38200;}
#productimg .content{width:1050px;overflow:hidden;height:280px;float:left}
#pre_lefts{margin-top:100px;margin-right:9px;}
#pre_rights{margin-top:100px;}

/* 新闻 */
.news{
    padding: 60px 0 37px 0;
    background: url(/template/default/images/news_bg.png) no-repeat center;
}
.news .faq{
    width: 570px;
    float: left;
}
.n_more{ float:right; color:#616161; font-size:16px!important;}
.n_more a{ color:#616161;}
.news .com{
    width: 535px;
    float: right;
}
.news .news-title{
    margin-bottom: 27px;
}
.news .news-title img{
    margin-top: -8px;
    margin-right: 10px;
}
.news .news-title strong{
    font: 500 24px/34px "Microsoft YaHei";
    color: #333333;
}
.news .news-title span{
    font: 500 24px/34px "Microsoft YaHei";
    color: #999999;
}
#news_demo{overflow:hidden;height:380px;margin:0 auto;}
#innewsdemo {height:100%;}
#news_demo1 {}
#news_demo2 {}

.news_listt li{
    margin-bottom: 17px;
}
.news_listt li .time{
    width: 115px;
    height: 113px;
    text-align: center;
    float: left;
    background: #ebebeb;
}
.news_listt li .time strong{
    font: 600 48px/58px "Arial";
    color: #222e37;
    display: block;
    margin-top: 12px;
}
.news_listt li .time span{
    display: block;
    font: 500 16px/26px "Arial";
    color: #666666;
}
.news_listt li .faq-con{
    width: 453px;
    height: 111px;
    float: left;
    border: 1px solid #e0e0e0;
}
.news_listt li .faq-con h3{
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    padding:22px 25px 0 25px;
}
.news_listt li .faq-con h3 a{
    font: 600 18px/28px "Microsoft YaHei";
    color: #333333;
}
.news_listt li .faq-con p{
    margin-top: 8px;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    padding:0px 25px 0 25px;
}
.news_listt li .faq-con p a{
    font: 500 14px/28px "Microsoft YaHei";
    color: #666666;
}
.news_listt li:hover .faq-con{
    border: solid 1px #f38200;
}
.news_listt li:hover .faq-con h3 a{
    color: #f38200;
}
.news_listt li:hover .time{
    background: #f38200;
}
.news_listt li:hover .time strong,.news_listt li:hover .time span{
    color: #ffffff;
}


.news .com{
    width: 535px;
    float: right;
}
.news .com .news-list{
    margin-top: 27px;
}
.news .com .news-list li{
    margin-bottom: 20px;
}
.news .com .news-list li h3{
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}
.news .com .news-list li h3 a{
    font: 600 16px/26px "Microsoft YaHei";
    color: #333333;
}
.news .com .news-list li h3 a:hover{color:#f38200;}

.news .com .news-list li p{
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    font: 500 14px/28px "Microsoft YaHei";
    color: #666666;margin-top:10px;
}


/*通用样式*/
.fl{float:left;}
.fr{float:right;}


/*首页左侧联系我们*/
.contact{width:218px;float:left;padding-bottom:5px;margin-top:10px;}
.contact_title{line-height:31px;padding-left:15px;font-weight:bold;font-family:"微软雅黑";
background:url(/template/default/images/nav.png) no-repeat 0% 100%;font-size:14px;color:#000;}
.contact .content{padding:5px;padding-left:8px;}

/*产品推荐*/
.box-product{width:960px;margin:0 auto;margin-top:38px;}
.menu_cate{width:216px;float:left;background:#394046;}
.cate_title{background:url(/template/default/images/ce.jpg) no-repeat center;color:#fff;;height: 90px}
.cate_title h2{font-size:18px;line-height:52px;padding-top:10px;text-align: center;}
.cate_title span{font-size:14px;line-height:0px;display: block;font-weight: normal;}

.recommend-product{width:714px;float:right;}
.recommend-product .title{height:50px;font-size:26px;line-height:50px;margin-top:4px;color:#ff6600;position:relative;border-bottom:1px solid #d2d2d2;}
.recommend-product .title span{font-size:14px;font-weight:normal;color:#666666;padding-left:5px;}
.recommend-product .title a{font:100 12px/34px "宋体";position:absolute;right:0;top:10px;}
.recommend-product .content{padding-top:15px;}
.roll_product li{padding-bottom:0px;}

/*友情链接*/
.flinks{background-color:#f08303;}
.f_link{width:1200px;margin:0 auto; padding:15px 0;line-height:22px;color:#FFF; font-size: 13px;}
.f_link a{color:#FFF;}
.f_link span:last-child{display:none;}

/*页面底部*/
.foot{padding:45px 0;background:#434343;}
#footer{width:1200px;margin:0 auto;color:#fff;background:url(/template/default/images/logot.jpg) 0 50% no-repeat;}
#footer a{color:#fff;}
#footer a:hover{color:#e87518;}
.ft_contact{ width:545px;}
.ft_contact td{ margin: 0; padding: 0;}

.ft_contact{ width:545px;}
.ft_contact strong{ font-size::24px;}
.ft_contact ul{ margin-top:10px;}
.ft_contact ul li{ height:40px; line-height:40px; font-size:14px;}
.ft_contact ul li img{ margin-right:15px;}


.ft_t{ font-size: 22px; line-height: 27px; margin-bottom: 30px;font-weight:normal;}
.ft_nav{width: 220px;}
.ft_nav ul li{ font-size: 12px; line-height: 12px; margin-bottom: 14px;}
.ft_nav ul li a{font-size: 12px; color: #fff; margin-bottom: 14px;}
.ft_ewm{width: 335px; text-align:center;}
.ft_copy{ background:#434343; width: 100%; margin: 0 auto; border-top: 1px solid #6a6a6a; text-align: center; padding: 5px 0;}
.copyright{line-height:24px; width: 1200px; margin: 0 auto;color: #fff; font-size: 12px; text-align: center; line-height: 20px;}
.copyright a{color: #fff;font-size: 12px;}


/*------------内页-------------------*/
#container{ width: 1200px; margin: 0 auto; }
.productimgs li{text-align:center;padding:4px 0;}
.productimgs h4 a{display:block;line-height:24px;font-weight:normal;}

/*产品列表页描述*/
.prodescription{border:1px solid #e5e5e5;background:#f9f9f9;line-height:24px;padding:10px;margin-bottom:15px;text-indent:20px;font-size:14px;}

.left .box{margin-bottom:10px;}
.left .box h3{line-height:40px;padding-left:15px;font-weight:bold;font-family:"微软雅黑";
background:#394046;font-size:14px;color:#fff;}
.left .box .content{padding:5px 0px;}

.n_banner{width:1920px;margin:0 auto;position:relative;left:50%;margin-left:-960px;height:250px;}
.n_banner img{width:1920px;;height:250px;}
.left{width:225px;float:left;}
.sort_menu{background:#394046;padding-bottom:10px;}
.sort_menu h3{background-color:#394046;line-height:28px;padding-left:15px;font-weight:bold;}
.sort_product{margin-top:10px;}
.sort_product h3{background-color:#ececec;line-height:28px;padding-left:15px;font-weight:bold;}

.n_contact{margin-top:10px;}
.n_contact h3{background-color:#ececec;line-height:28px;padding-left:15px;font-weight:bold;}
.n_contact .content{padding:5px; font-size:14px; line-height:30px;}

.right{width:940px;float:right;padding-bottom:10px;    position: relative;}
.sitemp{line-height:31px;height:31px;overflow:hidden;padding-right:10px;background:url(/template/default/images/nav.png) no-repeat 0% 100%;}
.sitemp h2{width:340px;float:left;line-height:31px;text-align:center;text-align:left;text-indent:15px;color:#000;
font-family:"微软雅黑";font-size:18px;}
.sitemp .site{width:350px;float:right;text-align:right;line-height:30px;font-family:"微软雅黑";}

.right .content{padding:10px;padding-top:30px;overflow:hidden;border:1px solid #ddd;border-top:none;}
.right .navigation{    position: absolute;
    top: 37px;
    left: 10px;
}

    .swiper-container {
      width: 100%;
      height: 330px;
    }
	.swiper-pagination{
		margin:0 auto;
		text-align:center;
		width:1200px;
	}
	.swiper-button-next{position: absolute;top: 30%;}
	.swiper-button-prev{position: absolute;top: 30%;}
	.buttoncolor1{
		background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L5%2C44l-4.2-4.2L18.6%2C22L0.8%2C4.2L5%2C0z'%20fill%3D'%23FF9900'%2F%3E%3C%2Fsvg%3E");
	}
	.buttoncolor2{
		background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l4.2%2C4.2L8.4%2C22l17.8%2C17.8L22%2C44L0%2C22z'%20fill%3D'%23FF9900'%2F%3E%3C%2Fsvg%3E");
	}