﻿.wt{width:100%;position:relative;}
.wt_k{width:100%;}
/*头部样式*/
.tou{height:175px;background:#ececec;}
.logo{ width:1200px;margin:0 auto;line-height:120px; height:120px;}
.logo a{ display:block; float:left;}
.logo .tel{ float:right; background:url(../images/tel.png) left center no-repeat;padding-left: 58px;font-size: 20px;font-weight: bolder;color: #00a0e9;}
.bg1{background:url(../images/bg1.png) no-repeat center top;height:796px;}
.hg{text-align:center;display:block;}
.hg img{text-align:center;}
.jiantt{color:#000;font-size:36px;font-weight:normal;text-align:center;display:block;margin-top:5px; padding-top:20px;}
.en{background:url(../images/hx.png) no-repeat center;color:#333333;font-size:18px;font-weight:normal;text-align:center;text-transform:uppercase;font-style:italic;}
.abtp{background:url(../images/about.jpg) no-repeat center top;width:864px;height:473px;overflow:hidden;margin-top:30px;float:left;}
.abnr{width:476px;height:388px;background:#fff;margin-top:40px;margin-left:1px;}
.abtt{color:#333335;font-size:24px;font-weight:normal;padding-top:30px;margin-left:25px;}
.abtt span{display:block;color:#999999;font-size:14px;text-transform:uppercase;background:url(../images/th.png) no-repeat left bottom;line-height:28px;}
.abcon{color:#666666;font-size:14px;line-height:28px;width:415px;margin:0 auto;margin-top:20px;height:168px;overflow: hidden;}
.mx{color:#990000;font-size:14px;margin-top:25px;display:block;margin-left:25px;}
.mx a{color:#990000;font-size:14px;}
.slx{width:328px;margin:0 auto;margin-top:30px;height:473px;overflow:hidden;float:right;}
.slx li{float:left;width:326px;height:150px;margin-bottom:14px;background:#ffffff;border:1px solid #e0dfdf;margin-bottom:10px}
.slx li .tpx{width:70px;height:70px;position:relative;margin-top:45px;border:1px solid #a9a9a9;border-radius: 50%;float:left;margin-left:45px;}
.slx li .tp2x{position:absolute;top:30%;z-index:9999;display:none;text-align:center;width:100%;}
.slx li .tp1x{position:absolute;top:30%;z-index:999;width:100%;text-align:center;display:block;}
.slx li:hover .tp2x{display:block;}
.slx li:hover .tpx{display:block;background:#0092dd;border:1px solid #0092dd;width:70px;height:70px;}
.slx li:hover{background:url(../images/th2.png) no-repeat center bottom #fff;}
.zac{margin-top:55px;margin-left:25px;float:left;}
.slx li h3{color:#333333;font-size:20px;text-align:left;font-weight:normal;display:block;}
.slx li h3 a{color:#333333;font-size:20px;text-align:left;}
.slx li h2{color:#666666;font-size:16px;height:30px;text-align:center;font-weight:normal;text-transform:uppercase;}
.slx li h2 a{color:#666666;font-size:16px;}
.pro_navse{width: auto;margin: 20px auto;display: table;}
.pro_navse li{  float:left; border:#fff solid 1px; margin:0px 10px; }
.pro_navse li a{ padding:10px 15px; line-height:40px; font-size:16px; }
.pro_navse li a:hover{ background:#0092dd; color:#FFF;}
.f_navf{ width:100%; border-bottom:1px solid #FFF; height:50px;}
.nav_f{ width:1200px; margin:0px auto; line-height:50px;}
.nav_f li{ float:left;}
.nav_f li a{ padding:0px 43px; font-size:16px; color:#FFF;} 
/* CSS Document */
#certify {
    position: relative;
    width: 1200px;
    margin: 0 auto;margin-top:35px;
}
#certify .swiper-container {
    padding-bottom: 60px;
}
#certify .swiper-slide {
    width: 573px;
    height: 435px;
    background: #fff;
}

#certify .swiper-slide .shadow {
    height: 560px;
    background: rgba(255, 255, 255, 0.5);
    position: absolute;
    top: 0;
    width: 1020px;
}

#certify .swiper-slide img {
    display: block;
    width: 100%;
    height: 100%;
    background: #000;
}

#certify .swiper-slide h3 {
    display: none;
}

#certify .swiper-slide.swiper-slide-active h3 {
    display: block;
    font-size: 16px;
    color: #333333;
    text-align: left;
    font-weight: 400;
    position: absolute;
    left: 0px;
    padding: 10px;
    bottom: 0px;
    height: 50px;
    /* width: 100%; */
    background: rgba(255, 255, 255, .5);
    width: 1020px;
}

#certify .swiper-slide.swiper-slide-active .shadow {
    display: none;
}

#certify .swiper-slide p {
    line-height:35px;
    padding-top: 0;
    text-align: center;
    color: #636363;
    font-size:14px;
    margin: 0;
}

#certify .swiper-pagination {
    width: 100%;
    bottom: 20px;
}

#certify .swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 5px;
    border: 3px solid #fff;
    background-color: #d5d5d5;
    width: 10px;
    height: 10px;
    opacity: 1;
}

#certify .swiper-pagination-bullets .swiper-pagination-bullet-active {
    border: 3px solid #00aadc;
    background-color: #fff;
}

#certify .swiper-button-prev {
    left:0px;
    width: 50px;
    height: 50px;
    background: url(../images/l.png) no-repeat;
    background-size: 100%;
    top: 45%;
}

#certify .swiper-button-next {
    right:0px;
    width: 50px;
    height: 50px;
    background: url(../images/r.png) no-repeat;
    background-size: 100%;
    top: 45%;
}


.chan{text-align:center;position:relative;margin-top:30px;}
.l_btn,.r_btn{position:absolute;cursor:pointer;top:40%;}
.l_btn{left:-80px;}
.r_btn{right:-80px;}


.twt li a.img{display:block;border:1px solid #ffcc99;}
.twt li a.img img{display:block;width:207px;height:262px;}
.twt li{float: left;overflow: hidden; margin-left: 20px;}
.twt li h3{height:60px;background:#f1efef;text-align:center;color:#252020;font-size:16px;line-height:60px;font-weight:normal;margin-top:8px;}
.twt li h3 a{text-align:center;color:#252020;font-size:16px;line-height:60px;font-weight:normal;}




.bg2{}
.wen1{width:520px;height:375px;background:#fff;margin-top:40px;float:left;}
.new_mlink{}
.new_mlink a{ color:#0092dd; padding:10px 35px; color:#FFF; font-size:16px; background:#919191; float:left;}

.news_list3{display:block;margin-top:50px;width:445px;margin:0 auto;padding-top:30px;}
.news_list3 li{width:445px;margin:0 auto;background:#fff;float:left;margin-right:15px;}
.newtp{float:left;width:445px;display:block;margin-top:30px;}
.newtp a.img img{width:445px;height:207px;}

.news_nr span{color:#999999;font-size:24px;font-weight:normal;}
.news_nr{width:445px;margin:0 auto;}
.news_nr a{color:#333333;font-size:18px;display:block;margin-top:10px;}
.news_nr p{color:#666666;font-size:14px;line-height:25px;display:block;margin-top:10px;height:50px;overflow:hidden;border-left: 1px solid #b4b3b3;padding-left:20px;}


.wen2{ width:1200px; height:225px;margin: 40px auto 0px;}
.news_listz{ width:560px;}
.dac a{color:#333333;font-size:18px;font-weight:normal;}
.dac{color:#333333;font-size:18px;font-weight:normal;float:left;width:600px;}
.dac p{color:#666666;font-size:14px;display:block;margin-top:2px;}

.dab{float:right;width:80px;}
.dab span{color:#666666;font-size:14px;}
.dab img{display:block;margin-top:25px;}

.product_listx{margin-top:25px;width: 1200px; margin: 0px auto; float: none;}
.product_listx li{float:left;_display:inline; margin:12px}
.product_listx li h3{ text-align:center; line-height:40px; font-size:16px;}
.product_listx li a.img{border:1px solid #e0e1dc;}
.product_listx li a.img img{width:373px;height:283px;}
.product_listx li a.img{display:block;}
.chanx{text-align:center;position:relative;}
.l_btnx,.r_btnx{position:absolute;cursor:}
.l_btnx{left:-80px;}
.r_btnx{right:-80px;}


.twtx li a.img{display:block;}
.twtx li a.img img{display:block;width:220px;height:85px;}
.twtx li{float: left;overflow: hidden; margin-left: 20px;}
#header{width:1000px;margin:0 auto;margin-top:40px;}
.topLink{float:right;text-align:right;position: relative;z-index: 9999;}
.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:"微软雅黑";}
/*热门搜索*/
.search{width:1200px;margin:0 auto;margin-top:30px;}
#formsearch{float:right;}
.hotSearch{float:left;height:24px;line-height:24px;font-weight:normal;}
#search-type{float: left;width:100px;height: 24px;border: 1px solid #c8c8c8;margin-right: 5px;}

/*搜索和热门搜索*/
.hotSearch a{margin-right:6px;}
#formsearch input{height:22px;background:none;border:none;line-height:22px;}
#formsearch input#keyword{height:22px;line-height:22px;padding-left:4px;color:#666;}
#formsearch input#s_btn{width:46px;height:24px;line-height:24px;text-align:center;background:none;border:none;cursor:pointer;}

.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;overflow:hidden;}
.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);overflow:hidden;}

/*主体样式*/
#container{width:1200px;margin:0 auto;margin-top:20px;}
.container{width:1200px;margin:0 auto;}

.menu_cate{width:220px;float:left;}
.cate_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;}
.about{width:460px;float:left;margin-left:12px;padding-bottom:5px;}
.about_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;}
.about .content{padding:5px;padding-bottom:12px;text-indent:20px;}
.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;}

/*首页新闻*/
.news_company{width:280px;float:right;}
.news1_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;}
.news_company .content{padding:5px;}

/*首页左侧联系我们*/
.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(../images/nav.png) no-repeat 0% 100%;font-size:14px;color:#000;}
.contact .content{padding:5px;padding-left:8px;}

/*工程案例*/
.case{width:460px;float:left;margin-left:12px;padding-bottom:5px;margin-top:10px;}
.case_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;}
.case .content{padding:5px;padding-bottom:12px;text-indent:20px;}

.news2_company{margin-top:10px;}

/*产品推荐*/
.recommend_product{margin-top:10px;width:692px;float:left;}
.recommend_product .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;}
.recommend_product .content{padding-top:15px;padding-bottom:14px;}
.roll_product li{padding-bottom:0px;}

/*品牌列表*/
.brand-list{margin: 20px 0px;display: flex;display: -webkit-flex;flex-wrap: wrap;}
.brand-list li{margin: 5px 8px;}
.brand-list li:hover{box-shadow: 2px 1px 5px;}
.brand-list li img {width: 150px;height: 120px;}

/*前台多页签*/
.news{width:1000px;float:left;margin-top: 10px;}
.tab{position:relative;}
.tab li{float:left;width:100px;height:30px;display:block;line-height:30px;border:1px solid #ccc;margin-right:8px;text-align:center;color:#333;font-size:12px;cursor: pointer;}
.tab li.cur{color:#fff;text-decoration:none;font-size:12px;background:#3a78c1;border-color: #3a78c1;}

.tt{display: none;}
.list1{padding:8px 10px;}
.list1 li{line-height:27px;position:relative;vertical-align: middle;}
.list1 li a{background:url(../images/list_dot1.gif) left center no-repeat;padding-left:12px;line-height:27px;color:#555555;}
.list1 li a:hover{color:#e87518;text-decoration:none;}
.list1 li span{position:absolute;right:0px;line-height:30px;top:0;color:#999;}

/*友情链接*/
.f_link{width:1200px;margin:0 auto;margin-top:15px;line-height:30px;line-height:30px;}

/*页面底部*/
#footer{position:relative;width:1200px;margin:0 auto;text-align:left;margin-bottom:10px;padding-top:8px;margin-top:15px;}
#footer a:hover{color:#e87518;text-decoration:none;}
.copyright{text-align:left;line-height:24px;}



.dff{width:1920px;position:relative;left:50%;margin-left:-960px;margin-top:50px;background:#b1b1b1;padding-bottom:10px; color:#FFF;}
.dff a{ color:#FFF;}
.dff_con{width:1200px;margin:0 auto;}
.dd1{float:left;width:160px;text-align:left;border-left:1px solid #4e4741;padding-top:60px;padding-left:30px}
.dd3{float:left;padding-top:60px;}
.ewm{ float:right; margin-top:20px;}

.tt3{color:#fff;font-size:20px;line-height:30px;font-weight:bold;font-weight:bold;}
.tt3 a{color:#fff;font-size:20px;line-height:30px;font-weight:bold;font-weight:bold;}


.dcc{color:#999999;font-size:16px;line-height:30px;text-align:left;display:block;margin-top:10px;}

.dcc a{color:#999999;font-size:16px;line-height:30px;font-weight:normal;display:block;}

/*------------内页-------------------*/

.left .box{margin-bottom:10px;}
.left .box h3{line-height:40px;background:#00a0e9;font-size:18px;color:#fff;text-align:center;font-weight:normal;}
.left .box .content{padding:5px 0px;}

.prodescription{border:1px solid #e5e5e5;background:#f9f9f9;line-height:24px;padding:10px;margin-bottom:15px;text-indent:20px;}


.n_banner{width:1920px;position:relative;left:50%;margin-left:-960px;}
.n_banner img{width:1920px;margin:0 auto}


.left{width:240px;float:left;}
.sort_menu h3{background-color:#ececec;line-height:28px;font-weight:bold;}
.sort_product{margin-top:10px;}
.sort_product h3{background-color:#ececec;line-height:28px;font-weight:bold;}

.n_contact{margin-top:10px;}
.n_contact h3{background-color:#ececec;line-height:28px;font-weight:bold;}
.n_contact .content{padding:5px;line-height:24px;}

.right{width:920px;float:right;padding-bottom:10px;}
.sitemp{line-height:40px;height:40px;overflow:hidden;padding-right:10px;background:#00a0e9;}
.sitemp h2{width:340px;float:left;line-height:40px;text-align:center;text-align:left;text-indent:15px;font-size:18px;color:#fff;font-weight:normal;}
.sitemp .site{width:380px;float:right;text-align:right;line-height:40px;color:#fff;font-size:14px;}
.sitemp .site a{color:#fff;}
.right .content{padding:10px;padding-top:15px;overflow:hidden;line-height: 24px;}

