﻿
/***框架布局***/


/*==顶部==*/
.header{}
.header .top{padding:10px 0; color:#999999; font-size:12px; background: #252525;}
.header .top a{color:#999999; display: inline-block;  line-height:10px;font-size:12px;padding-right:10px; margin-right:10px; border-right:1px #999 solid}
.header .top a:hover{color:#fff;}
.header .top a:last-child{ border:none}
.header .top a.ewm{ position: relative;}
.header .top a.ewm .img{ display:none;position:absolute; left:-30px;top:30px; }
.header .top a.ewm:hover .img{ display: block;}
.header .long{padding:30px 0;}
.header .long .nav{margin:20px 0 0 0}
.header .long .nav li{ position:relative; display: inline-block; margin: 0 0 0 50px}
.header .long .nav li a{ display: block; color:#333333; font-size:18px; text-align: center;}
.header .long .nav li a:hover,.header .long .nav li.active a{color:#f10000}
.header .long .nav li a span{ display:block;color:#bdbdbd; font-size:12px;}
.header .long .nav .submenu{ display:none;position:absolute;top:100%;left: -43px;border:1px #ddd solid;z-index: 9;width: 150px;background: #fdfdfd;padding: 10px 20px;}
.header .long .nav .submenu a{display:block;color:#666;font-size:13px;border-bottom: dashed 1px #ddd;line-height: 35px;}
.header .long .nav .submenu a:last-child{ border:none;}
.header .long .nav li:hover .submenu{ display:block;}
.header .long .right{margin:20px 0 0 40px}
.header .long .right .search,.header .long .right .tel{position: relative; margin-left:10px;}
.header .long .right .search a,.header .long .right .tel a{cursor: pointer;width: 35px;height: 35px;border:3px #dadada solid;display: block;background: url(../images/icoA.png) 8px 5px no-repeat;border-radius: 50px;} 
.header .long .right .tel a{background-position: 8px -27px;} 
.header .long .right .search form,.header .long .right .tel b{ display: none;position: absolute;top:100%; z-index:999;}
.header .long .right .search form{left: -190px;padding:10px 10px;background: #eee;width: 220px; border-radius:5px ;}
.header .long .right .search form input{float:left;width: 170px;height:30px;border: 1px #ddd solid;padding: 2px 5px;}
.header .long .right .search form button{float:left;width: 50px;height:30px;background:#999;color:#fff;font-size:14px;border: none;cursor: pointer;}
.header .long .right .tel b{left: -160px;padding: 10px;color: #666; font-weight:bold;border-radius:5px ;width: 220px;font-size: 15px;background: #eee;}
.header .long .right .search:hover form,.header .long .right .tel:hover b{ display:block;}



/*==首页产品==*/
.HomeProduct{ background: #f4f4f4;}
.HomeProduct .picScroll-left{position: relative;margin-top: 50px;}
.HomeProduct .picScroll-left .hd .next,.HomeProduct .picScroll-left .hd .prev{position:absolute;top: 64px;left:-50px;width: 25px;height: 40px;background: url(../images/icoA.png) 0 -153px no-repeat;cursor: pointer;}
.HomeProduct .picScroll-left .hd .next{right:-50px;left:auto;background-position: -30px -152px;}
.HomeProduct .picScroll-left .hd .next:hover,.HomeProduct .picScroll-left .hd .prev:hover{background-position: 0px -200px;}
.HomeProduct .picScroll-left .hd .next:hover{background-position: -28px -200px;}
.HomeProduct .picScroll-left .bd .picList li{float:left;width:216px;padding: 0 0 30px 0; border-right:1px dashed #ddd ;  border-bottom:3px #f4f4f4 solid}
.HomeProduct .picScroll-left .bd .picList li:last-child{ border:none;}
.HomeProduct .picScroll-left .bd .picList li img{ display:block;width:215px;height:173px; margin: auto;}
.HomeProduct .picScroll-left .bd .picList li h4{ margin-top:10px;font-size:16px; color:#333333; text-align: center;}
.HomeProduct .picScroll-left .bd .picList li:hover{border-bottom:3px solid #f10000 ;}
.HomeProduct .picScroll-left .bd .picList li:hover h4{color:#F10000}




/*==首页信息==*/
.HomeLong{ margin:50px 0 40px}
.HomeLong h1.title{
    line-height: 25px;
    margin: 0 0 20px 0;
}
.HomeLong h1.title span{ display:block;color:#dadada; font-size: 30px;}
.HomeLong h1.title b{color:#f10000; font-size: 20px;}
.HomeLong h1.title a{float:right;color:#999;padding-right: 10px;font-size:12px;background: url(../images/icoA.png) 35px -67px no-repeat;}
.HomeLong .left{width:480px}
.HomeLong .left img{max-width:100%}
.HomeLong .left h2{color:#f10000; font-size:24px; padding-bottom:15px; margin:10px 0 15px 0;border-bottom: 1px #ddd dashed;}
.HomeLong .left .wx{color:#333333; font-size:14px; line-height: 25px;}
.HomeLong .middle{width:400px;margin: 0 50px;}
.HomeLong .middle .tone{ margin:0 0 20px 0}
.HomeLong .middle .tone span{display:block;color:#dadada;font-size: 30px;line-height: 30px;}
.HomeLong .middle .tone li{ display:inline-block;font-size:20px; color:#333333; margin:0 0px 0 0;cursor: pointer;}
.HomeLong .middle .tone a{float:right;margin-top: 5px;display:inline-block;color:#999;padding-right: 10px;font-size:12px;background: url(../images/icoA.png) 35px -71px no-repeat;}
.HomeLong .middle .tone li:hover,.HomeLong .middle .tone li.selected{color:#f10000}
.HomeLong .middle .tone em{color:#bdbdbd; margin:0 10px;}
.HomeLong .middle .tone em:nth-child(7){ display: none}
.HomeLong .middle .tab_box ul li{clear: both;}
.HomeLong .middle .tab_box ul li.one{
    margin-bottom: 20px;
}
.HomeLong .middle .tab_box ul li.one img{float:left; margin:0 15px 0 0;}
.HomeLong .middle .tab_box ul li.one h4{color:#333333; font-size:16px}
.HomeLong .middle .tab_box ul li.one span{ display:block; margin:5px 0 10px 0;color:#999999; font-size:14px}
.HomeLong .middle .tab_box ul li.one p{color:#666666; font-size:12px;line-height:20px;}
.HomeLong .middle .tab_box ul li a:hover,.HomeLong .middle .tab_box ul li a:hover h4{color:#F10000}
.HomeLong .middle .tab_box ul li.two{padding-left: 20px;background: url(../images/icoA.png) 0px -61px no-repeat;border-bottom: 1px #ddd dashed;}
.HomeLong .middle .tab_box ul li.two a{color:#333333;font-size:12px;line-height: 40px;}
.HomeLong .middle .tab_box ul li.two span{float:right; color:#999999}
.HomeLong .right{width:310px}
.HomeLong .right ul{width:320px; margin-left:-10px;}
.HomeLong .right ul li{float:left;margin:0 0 10px 10px; border:2px #f0f0f0 solid}
.HomeLong .right ul li img{ display:block;width:145px; height:95px;}
.HomeLong .right ul li:hover{border:2px #f10000 solid}




/*==底部==*/
.footer{padding: 40px 0 20px 0;background: #252525;}
.footer .nav{}
.footer .nav li{ display: inline-block;}
.footer .nav li a{display: block;padding-right: 20px;margin-right: 20px;line-height: 15px;color:#fff;font-size:12px;border-right: 1px #363636 solid;}
.footer .nav li a:last-child{border:none}
.footer .nav li a:hover{color:#aaa}
.footer .copy{color:#fff; font-size:12px;}
.footer .copy a{color:#fff; font-size:12px; margin:0 3px;}
.footer .copy a:hover{color:#aaa}
.footer .link{border-top:#363636 solid 1px;line-height: 29px;padding-top:15px;margin-top:20px;/* padding: 11px 0; */}
.footer .link h3{float:left;color:#989898;font-size:12px;padding-left: 23px;background: url(../images/icoA.png) 0px -104px no-repeat;line-height: 33px;}
.footer .link a{display:inline-block;color:#989898;font-size:12px;padding-right: 15px;margin: 0 5px 0 10px;line-height: 15px;border-right: 1px #363636 solid;}
.footer .link a:last-child{ border:none}
.footer .link a:hover{color:#fff}



.fenx .jiathis_style .jiathis_counter.jiathis_bubble_style{    width: 36px !important;}

.prodTitle .wox2{ display:none}
.tongmingliangguangdiandominant .wox1{ display:none}
.tongmingliangguangdiandominant .wox2{ display:block}