@charset "UTF-8";

/*产品中心*/
.fl{ float:left}

.fr{ float:right}

.box{ margin:0 auto; width:1200px}

.prod_bg { height: auto; padding: 0 0 40px; width: 100%; min-width: 1200px;}

.prod_t { font-size: 18px; color: #666; text-align: center; padding-bottom: 40px;}

.prod_t p { font-size: 34px; color: #333; font-weight: bold; background: url(../img/cphengtiao.jpg) center no-repeat;}

.list{width:270px; height:auto;}

.list_t{width: 270px; height: 132px; color:#fff; background: #067fdc ; overflow:hidden; }

.list_t em { font-size: 18px; display: block;text-align: center;}

.list_t p {  margin: 35px auto 8px auto; font-size: 30px; text-align: center;}

.list_d{width:268px; line-height:58px; border: 1px #e3e3e3 solid; border-top: none; margin-top: -1px; }

.classimgshow1 { width:268px !important; height:54px !important; line-height:54px !important; border-bottom:none !important; margin: 0 auto; padding-left: 0 !important; background: #f2f2f2 !important; position: relative; margin: 16px 0;}

.classimgshow1:before{ content: ''; position: absolute; left: 0; width: 4px; height: 54px; background: #db251d;}

.classimgshow1 a{display:block; padding-left:35px;color:#333 !important; font-size: 16px;  height:54px !important; }

.classimgshow1 a:hover{color:#db251d !important; }  

.classimgshow2 {padding-left: 0 !important; overflow: hidden;transition: all 0.3s linear}

.classimgshow2 a{ line-height:44px !important; border-bottom:1px solid #e4e4e4; margin: 0 auto; display:block; padding-left:38px;color:#666 !important; font-size: 14px; background: url(../img/xiaosanjiaoa.png) 20px center no-repeat; }

.classimgshow2 a:hover{color:#db251d !important; background: url(../img/xiaosanjiaob.png) 20px center no-repeat;}   

.prod_r{width:900px;}

#tablit {width:900px; padding-bottom: 14px;}

#tablit dl{ float: left;width: 920px; padding-bottom: 12px; top: 0px;position: relative; margin:0 auto; }

#tablit dl dt{float:left; height:50px; line-height:50px; }

#tablit dl dd{float:left; width:158px; height:50px; line-height:50px; text-align:center; font-size:14px; background:#dcdcda; margin: 0 10px;}

#tablit dl dd a{color:#333;  font-size:14px; display:block; text-align:center; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}

#tablit dl dd:hover{ color:#fff; float:left; width:165px; height:50px; line-height:50px; text-align:center; background:#067fdc;}

#tablit .out{ color:#fff;}

#tablit .on{width:165px; height:50px; line-height:50px; color:#fff; background:#067fdc; font-size:20px;}

.dis{display:none;}

#tablit dl dd:hover a{ color:#fff !important; display:block !important; }

#tablit .on a{ color:#fff !important;}

.ceshi > table > tbody > tr > td { float: left; padding-left: 0 !important; width:290px; margin: 0.5%; position: relative;overflow: hidden; margin-bottom:12px;}

.ceshi > table > tbody > tr > td > a { display: block; width: 100%; }

.ceshi > table > tbody > tr > td br{ display: none; }

.ceshi > table > tbody > tr > td > span { display: block; width: 100%; position: absolute; bottom: 0; -webkit-transition:0.6s all ease; transition:0.6s all ease;background-position:center; height:40px;line-height:40px;}

.ceshi > table > tbody > tr > td > span > a { display: block; color: #fff; font-size: 14px; height: 40px; line-height: 40px;-webkit-transition:0.3s all ease-in-out;transition:0.3s all ease-in-out; background:#067fdc; width:286px;}

.ceshi > table > tbody > tr > td > .ceshigo{width:100%;background:rgba(0,0,0,0.4);height:100%;position:absolute;bottom:0;left:-100%;-webkit-transition:0.3s all ease-in-out;transition:0.3s all ease-in-out;}

.ceshi > table > tbody > tr > td > .ceshigo a {display: block; color: #fff; font-size: 18px; padding-top: 20%;}

.ceshi > table > tbody > tr > td > .ceshigo p {height: 30px; line-height: 30px;border-radius: 10px;border: 1px solid #fff; -webkit-transition:all 0.3s 0.3s; transition:all 0.3s 0.3s;padding: 1px 25px;margin: 15px auto;display: block;font-size: 13px;color: #fff;font-weight: 100;width: 70px;text-align: center;position: relative;bottom: -200px;}

.ceshi > table > tbody > tr > td:hover > span {bottom:-40px; }

.ceshi > table > tbody > tr > td:hover > .ceshigo{left:0;}

.ceshi > table > tbody > tr > td:hover > .ceshigo p{left:0;bottom:0;}

.list_top { background: #067fdc; width: 270px; height: 50px; line-height: 50px; font-size: 16px; text-align: center; font-weight: bold; color: #fff;}

.list_con { width: 268px; border: #cdcdcd 1px solid; background: url(../images/Images1/20181102151415_1168907792.png)  -2px 0 no-repeat; height: auto; color: #333;}

.list_con p { font-size: 16px; font-weight: bold; color: #067fdc; text-align: center; width: 238px; margin: 15px 0;}

.list_con span { font-size: 14px; padding-left: 65px;}

.list_con i { font-style: normal; color: #067fdc; padding:10px 0 10px 65px; display: block; font-size: 18px; font-weight:bold;}

.list_con em { font-style: normal; font-size: 14px; line-height: 26px; padding:0 0 20px 20px; display: block; text-transform: none;}

.list_con em a { font-size: 14px; color: #666;}

.list_con em a:hover { color: #067fdc;}

#hot_bb{border:1px solid #ccc; padding:20px 20px; margin-bottom:20px; }

.hot_product{width:860px; height:auto; margin:0 auto; height:auto; overflow:hidden;}

.hot_product_l{width:40px; float:left; padding-top:104px;}

.hot_product_c{width:796px; float:left;}

.hot_product_c li{float:left; width:780px;}

.hot_product_c .h1{width:400px; float:left; border:1px solid #eee}

.hot_product_c .h2{width:346px; float:right; line-height:48px; border-bottom:1px dotted #bbb; color:#666; font-size:14px;}

.hot_product_c .h2 .font1{font-size:16px; color:#222;}

.hot_product_c .h2 .font2{font-size:16px; color:#178e3b;}

.hot_product_c .h2 a{font-size:14px; color:#666;}

.hot_product_c .h2 a:hover{font-size:14px; color:#067fdc;}

.hot_product_r{width:40px; float:right; padding-top:104px; text-align:right;}

.zz_l a{ background: url(../img/blcpl.png) no-repeat; width: 26px; height: 67px;  display: block;}

.zz_r a{ background: url(../img/blcpr.png) right no-repeat; width: 40px; height: 57px; display: block;}

/*一站式服务*/
.box {margin: 0 auto;width: 1200px;}
.fw_bg { background:#f2f2f2; overflow:hidden;}

.fw_top { padding:66px 0 0; width:140px; font-size:22px; color:#fff;}

.fw_top b { display:block; padding:5px 0;}

.fw_top em { display:block; font-size:16px; color:#eeeeee; line-height:18px; padding:10px 0;}

.fw_top i { width:48px; height:4px; background:#db251d; margin:15px 0; display:block; line-height:0; font-size:0; }

.fw_con {width:1200px; margin-top: 50px; margin-bottom: 45px;}

.fw_con a { display:block;  float:left; text-align:center; font-size:16px; color:#fff;  margin-right:65px;color: #000;}

.fw_con a:nth-last-child(1){ margin-right: 0;}

.fw_con a img { display:block; width:187px; height: 171px; margin: 20px auto;}

.fw_dh { margin:66px 0 0;}

.fw_dh span em { display:block; background:url(../images/Images1/20181030222026_1338854751.png) no-repeat; padding-left:50px; line-height:40px; font-size:16px; color:#eeeeee;}

.fw_dh span b { display:block; font-size:26px; color:#fff; padding:10px 0;}

.fw_a { color: #fff; display: block; background: #db251d; font-size: 16px; width: 132px; height: 40px; line-height: 40px; text-align: center;}

.fw_a:hover { color: #fff;}