﻿/*
Theme Name:天浩环保
Theme URI:yzshui.cn
Author:M
Version: 1.0
*/
body{margin:0;padding:0;font-family:"SimSun","Microsoft YaHei",Arial;font-size:17px;letter-spacing:0.2px;color:#000;}
table{border-collapse:collapse}
a{text-decoration:none;color:#000;}
.news2_3 dt a:hover,.weizhi a:hover,a:hover{text-decoration:none;color:#1a77df}
a:link{text-decoration:none;}
a img{border:0}
img{vertical-align:top}
h1,h2,h3,h4,h5,h6,ol,p,span,ul{margin:0;padding:0}
li,ol,ul{list-style:none}
.container{width:1260px;margin:0 auto;}
.contain{width:100%;float:left;padding:5rem 0;}
.dsmts{margin:3rem auto;}

/*header*/
.header{width:100%;float:left}
.top_menu{width:100%;height:34px; line-height:34px;float:left;background:#f5f5f5;}
.top_left,.top_right{font-size:12px;float:left;}
.top_right{float:right}
.top_right li{float:left;margin-left:1rem;}
.headerCenter {width: 100%;height: 110px;float:left;}
.headerCenter img {width:auto;float:left;margin-top:2rem;}
.headerCenter .Part {float: left;margin-left:1rem;width:auto;margin-top:2rem;padding-left:1rem;border-left:1px solid #ddd;}
.headerCenter .Part span,.headerCenter .Part p {font-size:17px;line-height:1.4;font-weight:800;color:#333;}
.headerCenter .phone {background: url(images/header-phone.png) no-repeat left center;padding-left:3rem;float: right;margin-top:2rem;height:auto;}
.headerCenter .phone p {font-size: 13px;font-weight:800;}
.headerCenter .phone em {font-size: 24px;color:#015cb5;font-weight: bold;font-style:normal;display: block;}

/*menu*/
#topmenu{width:100%;float:left;height:50px;line-height:50px;border-top:1px solid #ddd;z-index: 999;border-bottom:1px solid #fff;}
.navbar{float:left;z-index:9999;}
.navbar li{line-height:50px;float:left;position: relative;background:url(images/menu-icos.png) right center no-repeat;color:#fff;}
.navbar li a{display:block;min-width:80px;padding:0 20px;text-align:center;}
.navbar li:hover .sub-menu{display: block;}
.navbar .sub-menu{display: none;position: absolute;top:50px;left: 0;z-index: 9999;background:#fff;}
.navbar .sub-menu> li > a {color: #333;height:40px;line-height:40px;display:flex;align-items: center;border-top: 1px solid #ddd;display:block;width:180px;padding:0;font-size:0.9375rem}
.navbar .sub-menu > li > a:hover {background:#1a72cc;}
.navbar li:nth-child(1),.navbar li a:hover{background:#1a72cc;}
.navbar li:nth-child(1) a,.navbar li a:hover{color:#fff;}
#nav-toggle{display:none}

/*banner*/
.c-banner{width: 100%;height:540px;position: relative;float:left;z-index:99}
.c-banner img{width: 100%;}
.c-banner .banner ul{list-style: none;padding-left: 0px;margin-bottom: 0px;}
.c-banner .banner ul li{position: absolute;display: none;opacity: 0;z-index:99}
.c-banner .banner ul li:nth-child(1){opacity: 1;display: block;}
.c-banner .banner ul li img{width: 100%;height:540px;position: absolute;top: 0px;z-index:99}
.c-banner .banner ul li:first-child img{position: relative;z-index:99}
.c-banner .nexImg,.c-banner .preImg{padding: 25px 10px 25px 10px;position: absolute;top: 50%;margin-top: -53px;background: rgba(0,0,0,.8);opacity: 0.5;z-index:99;}
.c-banner .nexImg:hover,.c-banner .preImg:hover{opacity: 0.8;}
.c-banner .nexImg{right: 0px;}
.c-banner .jumpBtn{width: 100%;position: absolute;bottom: 10px;text-align: center;z-index:99}
.c-banner .jumpBtn ul{margin-bottom: 0px;padding: 0px;}
.c-banner .jumpBtn ul li{width:14px;height:14px;border-radius: 50%;display: inline-block;background-color: white;opacity: 0.9;margin-left:5px;}
.c-banner .jumpBtn ul li:first-child{margin-left: 0px;}

/*title*/
.com-title {width: 100%;text-align:center;padding:0 0 1.5rem 0;}
.com-title h2{color:#333333;font-size:30px;font-weight:bold;}
.com-title h2 em{color:#0078db;font-style:normal;}
.com-title p{font-size:14px;line-height:3;color:#666;}

/*anniu*/
.zixun_button{text-align:center;float:left;width:100%;line-height:3;}
.zixun_button a{padding:.8em 5em;background:#1a77df;font-size:0.875rem ;color:#fff;}
.zixun_button a:hover{background:#f60}

/*service*/
.qyys{background:#f5f5f5;}
#animated_img span,.news2_1 dd{position:relative}
#tab{width:100%;float:left;}
#tab .tab_menu{width:60%;margin:0 auto;}
#tab .tab_menu li{float:left;height:50px;line-height:50px;background:#e5e5e5;cursor:pointer;text-align:center;width:32%;font-size:17px;margin:0 .5%;border-radius:4px;}
#tab .tab_box{width:100%;height:auto;clear:both;position:relative;overflow:hidden}
#tab .tab_menu .selected{background:#1a77df;cursor:pointer;}
#tab .tab_menu .selected a{color:#fff;font-weight:800;}
.hide{display:none}
.tab_box div{padding:0}
.tb_h2,.tb_p{width:78%;text-align:center;line-height:5;margin:0 auto;}
.tb_h2{font-weight:800;}
.tb_p{line-height:2em}
.tb_p a{float:left;width:100%;margin:2% 0;color:#1a77df}
.tb_product,ul.tb_img{width:100%;float:left;margin-top:1rem}

p.index_yz_xt{width:100%;float:left;height:290px;background:url(images/index_xtbg.jpg) top center no-repeat}
ul.tb_img li{float:left;margin:0 .82%;width:23.2%}
.tb_product li img,ul.tb_img li img{height:200px;width:100%;}
ul.tb_img li span{float:left;width:100%;text-align:center;font-size:0.9375rem;height:40px;line-height:40px;overflow:hidden}
.tb_product li{float:left;margin:0 .82%;width:48.2%;background:#f9f9f9}
.tb_product li img{float:left;width:47%}
.tb_product li dl{float:right;width:51%;margin:0;}
.tb_product li dl dt{border-bottom:1px dotted #d9d9d9;}
.tb_product li dl dt h3{line-height:3.25rem;width:100%;font-weight:700}
.tb_product li dl dd{margin-left:0;}
.tb_product li dl dd p{line-height:26px;color:#333;font-size:0.875rem ;padding:.6rem 0}
em.youshi_fore{font-size:3rem;color:#ff620d;margin:0 .6rem;font-style:normal}
.zhuanti_box{width:100%;height:auto;float:left;margin-top:2rem;}

/*guanggao*/
.adv,.adv dl{width:100%;float:left;}
.adv dl {margin-top: 20px;overflow: hidden;}
.adv dl dt {float: left;width: 40%;}
.adv dl dt img {width: 100%;height: auto;}
.adv dl dd {float: right;width: 56%;margin:.5% 0;}
.adv dl:nth-child(2n) dt {float: right;}
.adv dl:nth-child(2n) dd {float: left;}
.adv dl dd .bt strong {display: block;overflow: hidden;font-size:1.2rem;line-height:2.4;border-bottom: 2px dotted #ccc;color: #146cce;}
.adv dl dd .bt em {overflow: hidden;line-height:2;color: #999;font-size: 14px;}
.adv dl dd .info p{line-height: 30px;padding-left:2rem;background: url(images/duigou.png) no-repeat left 8px;text-align: justify;color:#555;}
.adv dl dd .info span {color: #c01f31;font-weight: bold;}

/*case*/
.gallery{width:100%;float:left;margin-bottom:2rem}
.gallery-item{width:31.3%;height:auto;float:left;margin:1%}
.gallery-item-image{width:100%;height:auto;}
.gallery-item-image img{width:100%;height:250px;}
.gallery-item-description h3{line-height:2;font-size:0.9375rem ;margin:6px 0 0;text-align:center;}
#list_product li span a,.gallery-item-description span{font-size:0.75rem }

/*about*/
.anlibg{background:#f5f5f5;}
.au-cont {overflow: hidden;}
.pic-box{width: 40%;float:left;}
.pic-box img {width: 100%;max-width: none;}
.au-right {font-size: 14px;width:55%;color: #666;float:right;}
.au-right h3{display:block;line-height:2;font-size:20px;font-weight:800;color:#333;}
.au-right p {text-align: justify;line-height:1.8;margin:0.4rem 0;text-indent:2em;}
.au-right a.read-d{color: #fff;display: block;line-height:3;text-align: center;margin-top:2rem;width:30%;background:#1a77df;}
.au-right a.read-d:hover{background:#f60;color:#fff;}

/*index-news*/
.nTab {float: left;width: 100%;}
.nTab .TabTitle {clear: both;overflow: hidden;margin-bottom:1%}
.nTab .TabTitle ul {width:70%;margin:0 auto;padding:0;}
.nTab .TabTitle li {float: left;width:31.33%;margin:0 1%;line-height:3;cursor: pointer;list-style-type: none;text-align:center;background:#e5e5e5;border-radius:4px;}
.nTab .TabTitle .active {background:#1a77df;color:#fff;}
.nTab .TabContent {width:100%;float:left;margin:1% auto;}
.none {display:none;}
.news_list{width:48%;float:left;background:#f5f5f5;margin:.7% 1%;overflow:hidden;}
.news_list dt{width:40%;float:left;overflow:hidden}
.news_list dt img{width:100%;height:160px}
.news_list dd{width:56%;height:150px;min-height:150px;float:right;margin:2% 1% 0 auto}
.news_list dd h3{font-size:1.0625rem;line-height:1.3;width:100%;float:left;font-weight:800;}
.news_list dd span,.news_list dd small{font-size:12px;line-height:3;color:#aaa;width:100%;float:left;}
.news_list dd p{font-size:12px;line-height:1.6;margin:.4em 0;color:#777}
.news_list dd small{line-height:2;padding-left:1.2rem;background:url(images/index3_2.png) left center no-repeat;}

/*f-link*/
.link{padding:2rem 0;background:#f5f5f5;}
#links{color:#555;line-height:2;}
#links span{float:left;font-weight:700;}
#links a{margin:0 0 0 .5rem;float:left;font-size:0.875rem;}

/*footer*/
.footer{background:#222;padding:4rem 0 2rem 0;font-size:0.875rem }
.footer .cont{margin:auto;position:relative}
.left_ss{width:52%;float:left}
.footer .left1{width:27%;float:left;border-right:1px dotted #5f5f5f;margin:0 1.16em;color:#fff;}
.footer label{font-weight:800;line-height:2;color:#fff;}
.footer .left1 ul li{list-style:inside disc;line-height:2;}
.footer .left1 ul li a{height:20px;line-height:20px;color:#e5e5e5;}
.footer .left1 a:hover{color:#f60}
.right2{width:48%;float:right;}
.right-tells{width:70%;float:left;line-height:2;color:#fff;}
.right2 span{width:30%;float:right;text-align:center;}
.right2 span img{width:60%;}
.er{width:100%;line-height:1.5;float:left;color:#fff;margin-top:1rem;}
.er p{text-align:center;font-size:12px}
.er p a{color:#fff;}
.ad-sm{width:100%;text-align:center;float:left;font-size:12px;line-height:1.4;color:#999;margin-top:.5rem;}

/*n-banner*/
#content_bg{padding:0;position:relative;background:#f5f5f5;}
.nybanner{background:url(images/case_banner.jpg) top center no-repeat;padding:0;height:300px;}
.weizhi{position:relative;top:256px;line-height:3;color:#ccc;font-size:12px;text-indent:1%;background:rgba(0,0,0,.3); }
.weizhi a{color:#ccc;font-size:12px;}

/*nr*/
.content_left{width:75%;float:left;overflow:hidden}
.left_main,.xgtuijian,.pinglun,#product_list{width:94%;padding:1% 3%;float:left;background:#fff;margin-bottom:1rem;}
.news-title{text-align:center;padding:2% 0;border-bottom:1px dashed #ddd;}
.news-title h1{width:100%;float:left;font-size:22px ;line-height:2.4;font-weight:800;}
.news-title .news-ms{font-size:12px;line-height:2;color:#666;}
#product_jieshao,.contert_article{width:100%;margin:3% 0;text-align:justify;float:left;}
.contert_article h2{font-size:18px;line-height:3em;font-weight:700}
.contert_article h2:before {content: "";display: inline-block;height: 12px;width: 5px;background-color: #4e6ef2;position: relative;left: 0;top: 5px;-webkit-transform: translateY(-50%);transform: translateY(-50%);border-radius: 2.5px;margin-right: 0.5rem;}
.contert_article h3{font-size:16px;line-height:2.5em;font-weight:700}
.contert_article hr{height:2px;border:none;border-top:1px solid #eee}
.contert_article p{line-height:1.8;margin-bottom:14px;text-indent:2em;}
.contert_article table{width:100%;margin-bottom:14px;font-size:14px;line-height:1.6;text-align:center;}
.contert_article table tr td{border:1px solid #e3e3e3}
.contert_article img{display: block; margin: 0.5rem auto;text-align: center;}
.contert_article a{color:#136ec2;font-size:100%}
.contert_article a:hover{text-decoration:underline}
.page-up{width:98%;background:#f5f5f5;margin:2% 0;overflow: hidden;padding:1%;}
.page-up p{width:100%;float:left;line-height:2;}
.shengm{font-size:12px;line-height:1.5;width:100%;float:left;margin:0.5rem 0;color:#666;}
/*xgtj*/
.left_main,.xgtuijian,.pinglun{margin-bottom:2%}
.xgtuijian li{list-style:inside disc;line-height:2.4;width:100%;float: left; color:#bbb;}
.xgtuijian li a:hover{color:#1a77df;text-decoration:underline}
.xgtuijian span,.pinglun span{width:100%;float:left;line-height:2.5;font-size:18px;font-weight:800;}

/*nr-right*/
.content_right{width:23%;float:right}
.hot_news{clear:both;margin-bottom:1rem;width:100%;float:left;background:#fff;}
#hot_news li{line-height:2;width:100%;float:left;padding:0.5rem 0;}
.hot_news .hot_news_title{font-size:18px;border-bottom:1px dotted #ddd;line-height:3;text-align:left;font-weight:800;}
.hot_news .hot_news_title,.hot_news ul{width:90%;padding:0 5%;float:left;}
.hot_news ul li{width:100%;float:left;padding:1rem 0;border-bottom:1px dashed #ddd;text-align:left;}
.hot_news ul li a{width:100%;line-height:1.4;float:left;}
.hot_news ul li a:hover{color:#1a77df}
.hot_news ul li span,.hot_news ul li p{font-size:12px;color:#888;line-height:1.6;}
.massage{width:100%;float:left;overflow:hidden}

/*video-list*/
#news_c_l,.video-list{ width: 100%;float: left;margin:2% 0 2% 0;}
.video-list li{width:calc(100% / 4);float:left;overflow:hidden;margin:1% 0;}
.video-list li img{width:96%;height:13rem;float:left;margin:0 2%;}
.video-list li p{width:100%;float:left;line-height:50px;text-align:center;height:50px;font-weight:800;}

/*about*/
.animated{ width: 100%;float: left;text-align:center;margin:3rem 0 0;font-size:1.875rem;font-weight:bolder}
.animated h1{width:100%;font-size:1.625rem ;line-height:2;float:left; font-weight:800;}
.animated_b{ width: 100%;font-size:13px;line-height:2;float: left; color:#999;}

/*xt-list*/
#list_product{width: 100%;float: left;margin:0 0 2% 0;}
#product_list h1{line-height:2.5;font-size:18px;font-weight:800;border-bottom:1px dotted #ccc;}
#list_product li{float:left;width:100%;padding:2% 0%;border-bottom:1px solid #f2f2f2}
#list_product li:hover{background:#f9f9f9}
img.product_img{float:left;width:28%;height:150px;}
.list_product_rt{width:69%;float:right;}
.list_product_rt h3{font-size:1.125rem;width:100%;float:left;line-height:1.4;font-weight:800;}
.list_product_rt h3 a:hover{color:#fa6e07}
.list_product_rt span{display:block;float:left;font-size:12px;line-height:3;color:#888;}
#list_product li p{float:left;width:100%;font-size:13px;color:#888;line-height:1.6;margin-top:.5rem;}
#list_product li a:hover{color:#1a77df}

/*product article*/
.container-marg,.met_imgshowbox{width:100%;float:left;}
.container-marg{padding:3rem 0;}
.met_imgshowbox{padding:3% 0 0;}
.simple-gallery{width:43%;height:260px;float:left;overflow:hidden;margin:0;}
.simple-gallery img{display:block;width:auto;height:100%;margin:0 auto}
.simple-about{width:50%;float:right;padding-left:6%;border-left:1px solid #e5e5e5;}
.simple-about h1{line-height:2em;border-bottom:1px solid #eee;font-size:24px;font-weight:800}
.simple-about p,.simple-about span{line-height:1.8;color:#666}
.simple-about p em,.simple-about span em{font-weight:700;font-style:normal;margin-right:.5em}
.simple-about p{border:none;margin:.6rem 0}
#pro_article{padding:3%;width:94%;background:#fff;margin-top:0;}

.pagination{ margin:1rem 0 2rem;line-height:23px;text-align:center;width:100%;float:left;}
.pagination span, .pagination a{font-size:13px;margin: 2px 6px 2px 0;background:#fff;border:1px solid #ccc;color:#787878;padding:5px 10px ;text-decoration:none;}
.pagination a:hover,.pagination .current{background: #006ab8;border:1px solid #006ab8;color:#fff;font-size:13px;padding:5px 10px;}

/*pl*/
.commentlist,.comment-respond,.commentlist li,.comment-author,.comment-author p,.logged-in-as,#comment-nr,.form-submit,.comment-notes,.comment-form-comment,#comment{width:100%;float:left;}
.commentlist li{padding:.5rem 0;border-bottom:1px dotted #ddd;}
.children{width:94%;float:right;padding:0.5% 1%;border:1px solid #fdefe6;background:#fefcf4;margin-top:.4rem;}
.children li{border:none;padding:0;}
.comment-author p{line-height:1.7;font-size:14px;margin-top:.4rem;}
#comment{border:1px solid #ddd;}
.children p{color:#f00;}
.comment-author .fn,.comment-author span,p.logged-in-as,.comment-notes{font-size:13px;line-height:2;}
.comment-author span{color:#999;font-weight:normal;width:auto;}
.comment-author .fn{font-style:normal;margin-right:1rem;float:left;}
#comment-nr{line-height:2;width:97.6%;padding:1%;}
#submit{padding:.6rem 3rem;margin-top:.2rem; cursor:pointer;background:#2281d6;color:#fff;border:none;}
#submit:hover{background:#000}
.comment-form-author,.comment-form-email,.comment-form-url{width:50%;float:left;line-height:3;font-size:13px;}
#author,#email,#url{line-height:2;}
.comment-notes{margin:.5rem 0;}
.logged-in-as{line-height:2;}