
/*å¤´éƒ¨æ ·å¼*/
.tophead{width: 100%;height: 112px;background: #f2f2f2;position: relative;}
#header,.container{width:1200px;margin:0 auto;}
.logo{float:left;margin-top: 6px}

.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: 12px;font-size:14px;color:#999999;}
.topLink .k1 a{color:#999999}
.topLink .k1 a.langstyle,.topLink .k1 span.langstyle{color: #175b98}
.topLink .k2{color:#ffffff;font-size:14px;font-family:"å¾®è½¯é›…é»‘";background: #006ccc;text-align: left;border-radius: 16px 16px 0 0;padding-left: 24px;padding-top: 20px;width: 234px;box-sizing: border-box;line-height: 24px;padding-bottom: 16px;position: absolute;right: 0;top: 52px;}
.topLink .k2 img{margin-bottom:20px}

#menu{height: 53px;background: #1a428b;}

/*çƒ­é—¨æœç´¢*/
.search{text-align:left;height: 71px;box-shadow: 1px 1px 8px 1px rgba(0,0,0,0.4);line-height: 71px;position: relative;z-index: 10}
#formsearch{width: 356px;float: right;background: url(../images/ss.png) no-repeat center;}
.hotSearch{width: 460px;float:left;height:71px;line-height:71px;font-weight:normal;}
.hotSearch .en{color: #175b98;font-size: 18px;font-weight: bold;text-transform: uppercase;line-height: 24px;padding-top: 12px;}
.hotSearch .zh{color: #333333;line-height: 24px;}
#search-type{float: left;width:100px;height: 24px;border: 1px solid #c8c8c8;margin-right: 5px;}




.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;}
.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);}


/*ä¸»ä½“æ ·å¼*/
#container{width:1200px;margin:0 auto;margin-top:10px;}
.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;}


/*é¦–é¡µæ ‡é¢˜æ ·å¼*/
.titles{
	text-align: center;
}
.titles h1{
	color: #333333;
	font-size: 30px;
}
.titles h1 span{
	color: #1a428b;
}
.titles h2{
	color: #999999;
	font-size:18px;
	font-weight: normal;
	text-transform: uppercase;
}
.titles h3{
	background: url(../images/ttline.png) no-repeat center;
	margin-top: 4px;
}
.titles h3 div{
	font-size: 16px;
	color: #ffffff;
	width: 205px;
	height: 36px;
	background: #006ccc;
	margin: 0 auto;
	line-height: 36px;
	border-radius: 12px;
}
/*ä¼˜åŠ¿*/
.advantages{
	width: 1919px;
	height: 594px;
	background: url(../images/bg1.jpg) no-repeat center;
	position: relative;
	left: 50%;
	margin-left: -960px;
	box-sizing: border-box;
	padding-top: 102px;
}
/*äº”å¤§ä¼˜åŠ¿*/
.fiveadc{
    width: 1200px;
    margin: 0 auto;
    margin-top: 56px;
}
.fiveadc li{
    width: 238px;
    height: 196px;
    float: left;
    background: rgba(255,255,255,0.9);
    margin-left: 2px;
}
.fiveadc li:nth-child(1){
	margin-left:0
}
.fiveadc li a.img{
    width: 88px;
    height: 88px;
    display: block;
    position: relative;
    margin: 0 auto;
    margin-top: 18px;
}
.fiveadc li a.img div{
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	line-height: 88px;
    text-align: center;
}
.fiveadc li a.img img{
	max-width: 100%;
}
.fiveadc li a.img .img1{
	opacity: 1;
	transition: all 0.4s;
	}
.fiveadc li a.img .img2{
    opacity: 0;
    transition: all 0.4s;
}
.fiveadc li h3{
    font-weight: normal;
    font-size: 15px;
    text-align: center;
    margin-top: 20px;
    position:relative
}
.fiveadc li h3 a{
	display:block
}
.fiveadc li h3:before {
	content:'';
	width:29px;
	height:2px;
	background:#666;
	position:absolute;
	left:50%;
	margin-left: -15px;
	bottom: -12px;
}
.fiveadc li:hover a.img .img1{
	opacity: 0;
	transition: all 0.4s;
	}
.fiveadc li:hover a.img .img2{
    opacity: 1;
    transition: all 0.4s;
}
.fiveadc li:hover h3:before{
	background:#006ccc;
	transition: all 0.4s;
}
.fiveadc li:hover h3 a{
    color:#006ccc;
    transition: all 0.4s;
}

/*å››é‡è®¤è¯*/
.forz{
    width: 1200px;
    margin: 0 auto;
    margin-top: 40px;
    background: #fff;
    position: relative;
    z-index: 10
}
.forz li{
    width: 300px;
    height: 164px;
    float: left;  
    position: relative;  
}
.forz li .forzinn{
	background: url(../images/rzline.jpg) no-repeat left center;
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0
}
.forz li:nth-child(1) .forzinn{
	background:none
}
.forz li a.img{
    width: 88px;
    height: 88px;
    display: block;
    position: relative;
    margin: 0 auto;
    margin-top: 18px;
}
.forz li a.img div{
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	line-height: 88px;
    text-align: center;
}
.forz li a.img img{
	max-width: 100%;
}
.forz li a.img div.img1{
	opacity: 1;
	transition: all 0.4s;
}
.forz li a.img div.img2{
    opacity: 0;
    transition: all 0.4s;
}
.forz li h3{
    font-weight: normal;
    font-size: 16px;
    text-align: center;
    margin-top: 4px;
    position:relative;
}
.forz li h3 a{
	display:block
}
.forz li:hover .forzinn{
	background:url(../images/rzbg.jpg) no-repeat center;
}
.forz li:hover a.img div.img1{
	opacity: 0;
	transition: all 0.4s;
	}
.forz li:hover a.img div.img2{
    opacity: 1;
    transition: all 0.4s;
}
.forz li:hover h3 a{
    color:#fff;
    transition: all 0.4s;
}


/*äº§å“å±•ç¤º*/
.procenter{
	background: url(../images/probg.jpg) no-repeat bottom #f2f2f2;
	padding-top: 138px;
	height: 1142px;
	box-sizing: border-box;
	position: relative;
}
.prolist{
    width: 1200px;
    margin: 0 auto;
    margin-top: 40px;
}
.prolist li{
    float: left;
    margin-left: 35px;
}
.prolist li:nth-child(1){
	margin-left:0
}
.prolist li a{
    background: #dfdfdf;
    padding: 6px 24px;
    color: #333333;
    font-size: 14px;
    border-radius: 10px;
    display: block;
}
.prolist li.cur a{
	color: #ffffff;
	background: #006ccc
}
.procont{
	width:1200px;
	margin:0 auto;
	margin-top:45px;
}
.proimg{
	display: none;
}
.proimg li{float:left;margin-right: 26px;margin-bottom: 36px;box-shadow: 2px 2px 4px 1px rgba(0,0,0,0.2);_display:inline;}
.proimg li:nth-child(4n){margin-right:0}
.proimg li a.img img{width: 280px;height: 239px;transition:all 0.6s}
.proimg li h3{text-align:center;}
.proimg li h3 a{font-weight:normal;line-height: 50px;background: #fff;display: block;font-size: 16px;color: #333;}
.proimg li a.img{display:block;width: 280px;height: 239px;overflow:hidden}
.proimg li a.img img:hover{transition:all 0.6s;transform:scale(1.2)}
.procenter a.promore{
	display: block;
	position: absolute;
	width: 204px;
	height: 58px;
	background: url(../images/morebg.jpg) no-repeat center;
	line-height: 58px;
	text-align: center;
	left: 50%;
	margin-left: -102px;
	bottom: 48px;
	color: #ffffff;
	font-size: 16px;

}

/*é¦–é¡µæ¨ªå›¾*/
.heng{
	width: 1920px;
	margin: 0 auto;
	height: 228px;
	background: url(../images/heng.jpg) no-repeat center;
}
.heleft{
    width: 640px;
    padding-top: 42px;
}
.heleft ul{
	margin-top: 20px;
}
.heleft ul li{
	width: 53px;
	height: 53px;
	background: url(../images/bluecir.png) no-repeat center;
	float: left;
	margin-right: 24px;
	font-size: 24px;
	color: #fff;
	font-weight: bold;
	line-height: 53px;
	text-align: center;
}
.heright{
	background: rgba(255,255,255,0.9);
	width: 400px;
}
.heright p{
	font-size: 16px;
	color: #333333;
	text-align: center;
	line-height: 48px;
}
/*é¦–é¡µç•™è¨€*/
.message1{padding-left: 50px;z-index:100;position:relative;padding-bottom:6px}
.message1 input{vertical-align:middle;}
.message1 #name{display:block;height: 35px;line-height: 35px;padding:0;padding-left: 16px;border: 1px solid #c4c4c4;width: 285px;margin-bottom:5px}
.message1 #contact{display:block;height: 35px;line-height: 35px;padding:0;padding-left: 16px;border: 1px solid #c4c4c4;width: 285px;}
.message1 .msgbtn{background: #005097;cursor:pointer;width: 108px;height: 43px;line-height: 43px;text-align:center;border:none;color:#fff;font-size: 15px;margin-top: 5px;font-family:"Microsoft YaHei";}
.message1 #code{line-height:26px;padding-top: 5px;}
.message1 #checkcode{height:32px;line-height:32px;width:120px;border:1px solid #dedede;}
#message_main1 tr{position:relative;}
#message_main1 tr th{font-weight:normal;text-align:right;height:42px;line-height:42px;color:#666;}
.message1 .m_label{position:absolute;width:160px;text-align:left;line-height: 35px;padding-left: 16px;color:#666666;z-index:1;cursor:text;font-size: 13px}
.message1 .c_label{line-height:18px;padding-top:12px;}


/*å…¬å¸ç®€ä»‹*/
.aboutus{
	width: 1920px;
	height: 656px;
	background: url(../images/abbg.jpg) no-repeat center;
	position: relative;
	left: 50%;
	margin-left: -960px;
	box-sizing: border-box;
	padding-top: 51px;
}
.ableft{
    width: 608px;
    margin-top: 71px;
}
.ableft img{
    width: 100%;
}
.abright{
    width: 533px;
    font-size: 13px;
    color: #ffffff;
    margin-top: 164px;
    line-height: 23px;
}

/*æ–°é—»åŠ¨æ€*/
.newsinfo{}
.newstt{
    height: 128px;
    width: 1200px;
    margin: 0 auto;
}
.newstt .dynamic{
    height: 54px;
    border-left: 3px solid #1a428b;
    line-height: 28px;
    padding-left: 10px;
    margin-top: 53px;
}
.newstt .dynamic h1{
    color: #a5a5a5;
    font-weight: normal;
    line-height: 4px;
}
.newstt .dynamic h2{
    color: #1a428b;
    font-size: 24px;
    line-height: 78px;
}
.newstt .ntits{}
.newscont{
    background: #fafafa;
    width: 100%;
}
.newsleft{
	width: 481px;
	height: 476px;
	background: #ffffff;
	margin-top: 40px;
	margin-bottom: 48px;
}
.newsleft .newsbt{
    width: 400px;
    margin: 0 auto;
    padding-top: 34px;
}
.newsleft .newsbt a{
    font-size: 20px;
    color: #000000;
}
.newsleft .newsms{
    color: #333333;
    font-size: 14px;
    width: 400px;
    margin: 0 auto;
    line-height: 28px;
    margin-top: 28px;
}
.newsleft .newsdate{
    width: 390px;
    margin: 0 auto;
    position: relative;
    color: #ababab;
    height: 64px;
    margin-top: 36px;
}
.newsleft .newsdate .newsdateinn{
	border-left: 4px solid #3aa9e0;
	height: 64px;
	margin-left:64px;
	padding-left: 10px;
}
.newsleft .newsdate span:nth-child(1){
    display: block;
    font-size: 20px;
    line-height: 16px;
}
.newsleft .newsdate span:nth-child(2){
    margin-top: 8px;
    display: block;
}
.newsleft .newsdate a{
    display: block;
    width: 62px;
    height: 23px;
    background: url(../images/arrow1.png) no-repeat center;
    position: absolute;
    top: 50%;
    margin-top: -12px;
    right: 0;
}
.newsleft .newsimg{
    width: 390px;
    margin: 0 auto;
}
.newsleft .newsimg img{
    width: 100%;
}

.newsright{
    width: 652px;
    padding-top: 56px;
}
.newsright li{
    margin-bottom: 24px;
}
.newsright li a.img{
    display: block;
    width: 223px;
}
.newsright li a.img img{
    width: 223px;
    height: 137px;
}
.newsright li .newstxt{
    width: 412px;
    position: relative;
}
.newsright li .newstxt a.tit{
    color: #000000;
    font-size: 16px;
    line-height: 16px;
}
.newsright li .newstxt .newsms{
	line-height: 24px;
	margin-top: 9px;
	margin-bottom: 8px;
}
.newsright li .newstxt .newsdate{
    color: #a8a8a8;
}
.newsright li .newstxt .newsdate span{
    font-size: 20px;
}
.newsright li .newstxt a.newsmore{
    display: block;
    width: 62px;
    height: 23px;
    background: url(../images/arrow1.png) no-repeat center;
    position: absolute;
    right: 0;
    bottom: 0;
}
.newsright li:hover .newstxt a.newsmore{
    background: url(../images/arrow2.png) no-repeat center;
}





/*----- 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;}
.news{width:1000px;float:left;margin-top: 10px;}
.tab{position:relative;margin-top: 75px;}
.tab li{float:left;height:30px;display:block;line-height:30px;margin-left: 20px;text-align:center;color: #898989;font-size: 14px;cursor: pointer;}
.tab li.cur{color: #005097;text-decoration:none;font-size: 14px;border-bottom: 3px solid #005097;}

.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;text-indent:20px;margin-bottom:15px;}

/*é¡µé¢åº•éƒ¨*/
#footer{position:relative;width:100%;background: url(../images/foot.jpg) no-repeat center;height: 282px}
.nav_foot{line-height:24px;}
.copyright{line-height:24px;width: 400px;margin-left: 102px;padding-top: 72px;font-size: 14px;color: #e8e7e7}
.copyright a{color: #e8e7e7}
.copyright .bott{margin-bottom: 18px}
.botcont{width:410px;color:#e8e8e8;font-size:14px;line-height:24px;padding-top: 72px;}
.bott{color:#ffffff;margin-bottom: 10px}
.bott h1{font-size:24px}
.bott h2{padding-top:8px}
.botcode{width: 168px;height: 195px;background: rgba(255,255,255,0.1);box-sizing: border-box;text-align: center;font-size: 14px;color: #ffffff;padding-top: 14px;margin-top: 42px;line-height: 48px;}


/*------------å†…é¡µ-------------------*/
.left .box{margin-bottom:10px;}
.left .box h3{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;}
.left .box .content{padding:5px 0px;}

.prodescription{border:1px solid #e5e5e5;background:#f9f9f9;line-height:24px;padding:10px;margin-bottom:15px;text-indent:20px;display: none;}

.n_banner{width:1920px;position: relative;left: 50%;margin-left: -960px;}
.n_banner img{width:1920px;margin:0 auto}
.left{width:225px;float:left;}
.sort_menu h3{background-color:#ececec;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;line-height:24px;}

.right{box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.05);background: #fff;padding: 30px;}
.sitemp{line-height:31px;height:31px;overflow:hidden;padding-right:10px;background:url(../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;font-size:14px;}
.sitemp .site{width:380px;float:right;text-align:right;line-height:30px;}
.right .content{line-height: 24px;}
.sort_album{margin-top: 15px;}



/* InpageAddress */
.InpageAddress{width: 100%;height: 62px;border-bottom: 1px solid #eaeaea;}
.InpageAddress a.homePage{display: block;width: 64px;height: 62px;border-left: 1px solid #eaeaea;border-right: 1px solid #eaeaea;background: url(../images/InpageAddress_icon01.png) no-repeat center;float: left;}
.InpageAddress .p1{line-height: 62px;float: left;margin-left: 16px;}
.InpageAddress .p1 a{display: block;padding-right: 14px;background: url(../images/InpageAddress_icon02.png) no-repeat right center;font-size: 14px;color: #666666;float: left;margin-left: 10px;}
.InpageAddress .p1 a:first-child{margin-left: 0;}
.InpageAddress .p1 a:last-child{color: #0e98a5;background-image: none;}
.InpageAddress .p2{float: right;}
.InpageAddress .p2 a{display: block;font-size: 14px;color: #666666;font-weight: bold;height: 61px;line-height: 61px;float: left;margin-left: 26px;text-decoration: none;}
.InpageAddress .p2 a.cur{color: #333333;border-bottom: 2px solid #fa8815;}
.InpageAddress .p2 a:hover{color: #333333;border-bottom: 2px solid #fa8815;}

.location{
    background: url(../images/InpageAddress_icon01.png) no-repeat center;
    width: 64px;
    height: 62px;
    border-left: 1px solid #eaeaea;
    border-right: 1px solid #eaeaea;
}
.con-left a{
    padding: 0 10px;
}
.con-left a:first-child{
    font-size: 14px;
    color: #666666;
    display: block;
    padding-right: 14px;
    background: url(../images/InpageAddress_icon02.png) no-repeat right center;
    display: inline-block;
    text-align: center;
    line-height: 62px;
}


/* news */
.news-list{width: 100%;}
.news-list dl{width: 100%;padding-top: 39px;height: 190px;border: 1px solid #dfdfdf;border-top: none;background: #fff;position: relative;}
.news-list dl:first-child{border-top: 1px solid #dfdfdf;}
.news-list dt{width: 220px;height: 170px;float: left;margin-left: 40px;overflow: hidden;}
.news-list dt img{display: block;transform: scale(1);transition: all 2s ease-out;}
.news-list dl:hover dt img{transform: scale(1.2);}
.news-list dd{width: 875px;height: 170px;position: relative;margin-left: 28px;float: left;}
.news-list dd h3{font-size: 20px;font-weight: normal;}
.news-list dd h3 a{color: #000000;text-decoration: none;}
.news-list dd p{font-size: 13px;color: #666666;line-height: 24px;margin-top: 17px;}
.news-list dd .label{font-size: 12px;color: #999999;display: block;padding-left: 26px;position: absolute;left: 0;bottom: 0;background: url(../images/newsList_icon03.png) no-repeat left center;line-height: 16px;}
.news-list dd .zan{display: block;font-size: 13px;font-family: arial;height: 16px;background: url(../images/newsList_icon01.png) no-repeat left top;position: absolute;top: 5px;right: 74px;padding-left: 24px;padding-top: 2px;}
.news-list dd .readNum{display: block;font-size: 13px;font-family: arial;height: 16px;background: url(../images/newsList_icon02.png) no-repeat left center;position: absolute;top: 5px;right: 4px;padding-left: 24px;padding-top: 2px;}

.news-list dd a.more{display: block;width: 36px;height: 36px;background: url(../images/list_circle.png) no-repeat left top;overflow: hidden;position: absolute;right: 6px;bottom: 0;}
.news-list dl:hover dd a.more{background-position: left bottom;}
.news-list dl:hover dd h3 a{color: #0e98a5;}
.news-list dl:hover {box-shadow: 0 0 10px 6px #eeeeee;z-index: 99;}


/* product*/
.InpageHotSale{width: 100%;background: #f6f6f6;padding: 50px 0;}
.product-list dl{width: 100%;height: 318px;background: #fff;margin-top: 20px;}
.product-liste dl:first-child{margin-top: 0;}
.product-list dt{float: left;width: 478px;height: 318px;overflow: hidden;}
.product-list dt img{display: block;transform: scale(1);transition: all 2s ease-out;width: 478px;height: 318px;}
.product-list dd{width: 606px;padding-top: 40px;height: 278px;float: left;margin-left: 60px;position: relative;}
.product-list dd h3{height: 26px;line-height: 26px;font-size: 18px;color: #333333;margin-bottom: 6px;}
.product-list dd h3 a{color: #333333;text-decoration: none;}
.product-list dd h3 span{width: 44px;height: 22px;line-height: 22px;text-align: center;border: 1px solid #fa8815;font-size: 12px;color: #fa8815;display: inline-block;*display: inline;border-radius: 2px;margin-left: 10px;}
.product-list dd span{display: block;font-size: 16px;color: #666666;}
.product-list dd span p{margin:0;}
.product-list dd p{font-size: 14px;color: #999999;line-height: 26px;margin-top: 34px;}
.product-list dd .details{display: block;width: 122px;height: 39px;line-height: 39px;text-align: center;font-size: 14px;color: #666666;background: url(../images/InpageHotSaleBg01.png) no-repeat center;text-decoration: none;position: absolute;left: 0;bottom: 40px;}
.product-list dd .details i{display: inline-block;width: 21px;height: 12px;background: url(../images/InpageHotSale_icon01.png) no-repeat center;margin-left: 6px;position: relative;top: 2px;}
.product-list dl:hover dt img{transform: scale(1.2);}
.product-list dl:hover{background: #f8f8f8;box-shadow: 1px 0 6px 4px #eaeaea;}

.product-list dl:hover dd h3 a{color: #0e98a5;}
.product-list dl:hover dd .details{background: url(../images/InpageHotSaleBg02.png) no-repeat center;color: #fff;}
.product-list dl:hover dd .details i{background: url(../images/InpageHotSale_icon02.png) no-repeat center;}





.product-listn dl{
    float: left;
    width:579px;
    margin-bottom: 16px;
    position: relative;
}

.product-listn dl:hover{
    box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.05);
}

.product-listn dl:nth-child(2n){
    float: right;
}
.product-listn dl dt{
    width: 228px;
    height: 195px;
    border: 1px solid  #ebebeb;
    float: left;
}
.product-listn dl dt img{
    width: 228px;
    height: 195px;
}

.product-listn dl dd{
    width: 289px;
    float: left;
    background: #006ccc;
    height: 196px;
    padding: 0 30px;
    position: relative;
}
.product-listn dl dd h3 a{
    color: #fff;
    font-size: 18px;
    display: block;
    padding-top: 30px;
    padding-bottom: 10px;
}
.product-listn dl dd span{
    font-size: 14px;
    color: #fff;
}
.product-listn dl dd h2{
    font-weight: normal;
    font-size: 14px;
    color: #fff;
}
.product-listn dl dd h4{
    font-weight: normal;
    font-size: 14px;
    color: #fff;
}
.product-listn dd .details{display: block;width: 126px;height: 34px;line-height: 34px;text-align: center;font-size: 14px;color: #fff;background: url(../images/m1.png) no-repeat center;text-decoration: none;position: absolute;left: 22px;bottom: 32px;}
.product-listn dd .details i{display: inline-block;width: 29px;height: 15px;background: url(../images/m2.png) no-repeat center;margin-left: 6px;position: relative;top: 2px;}
.product-listn dl:hover dd .details{background: url(../images/m3.png) no-repeat center;color: #1e1e1e;}
.product-listn dl:hover dd .details i{background: url(../images/m4.png) no-repeat center;}








.sor_ul{}
.sor_ul .layer2{display:none;}
.sor_ul .cur .layer2{display:block;text-align: center;}
.sor_ul .layer2 ul li{
    display: inline;
}
.sor_ul .layer2 ul li a{
    display: inline-block;
    border: solid 1px #006ccc;
    border-radius: 50px;
    padding: 4px 20px;
    margin: 0px 10px;
    color: #006ccc;
    background: #fff;
}.sor_ul .layer2 ul li.cur a{
    border: solid 1px #006ccc;
    color: #fff;
    background: #006ccc;
}
