/*公共样式*/
html{overflow-x:hidden;}
body{background:#fff;line-height:2;color:#333;}
.font-yahei{font-family: "微软雅黑";}
.layout,.container-layout{min-width:1170px;}
canvas{margin:0px;padding:0px;display:block;}
ol,ul,li{list-style:none;}
a{color:#333;}
.mt10{margin-top:10px;}
.mt20{margin-top:20px;}
.mt30{margin-top:30px;}
.te-r{text-align:right;}
.te-l{text-align:left;}
.te-c{text-align:center;}
/*top*/
#hed-top{height:30px;border-bottom:1px solid #d6d6d6;line-height:30px;font-size:12px;}
#hed-top .hedtop-r a{padding:0 8px;}
/*logo-box*/
.logo-box{padding:35px 0;}
.logo-box .logo-img{margin-right:8px;margin-top:8px;}
.logo-box b{line-height:30px;font-size:30px;color:#43ae3d;}
.logo-box button{position:absolute; right:15px; top:15px; border:1px solid #ccc; color:#666; font-size:16px; padding:3px 6px; display:none;border-radius:2px;background:#FFF;}
/*nav*/
#nav-box{background:#0c72b4;}
#nav-box ul>li{float:left;width:12.5%;line-height:60px;text-align:center;position:relative;}
#nav-box ul li a{color:#FFF;font-size:16px;}
#nav-box ul li.active{background:#51bc52}
#nav-box ul li:hover{background:#51bc52}
#nav-box .submenu{width:100%;background:#58bf59;position:absolute;z-index:999;display:none;}
#nav-box .submenu ol li{border-bottom:1px solid #61c762;line-height:40px;}
/*nav*/
.search-box{-moz-box-shadow:0px 4px 5px #eee;box-shadow:0px 4px 5px #eee;line-height:50px;}
.search-box .link span{color:#0c72b4;font-size:14px;padding-right:10px;}
.search-box .link a{padding:0 5px;}
.search{margin-top:8px;}
.search .sousu{width:240px;line-height:30px;background:#FFFFFF;border:1px solid #dad9d9;}
.search .sou-zi{width:36px;line-height:32px;background:#0c72b4;font-size:20px;color:#FFFFFF;border:none;}
/*company*/
.company-box{margin-top:35px;}
.aboutus{border:1px solid #dddddd;}
.newcenter{border:1px solid #dddddd;}

.company-tit{line-height:50px;border-bottom:1px solid #dddddd;margin:0 20px;}
.company-tit a{float:right;}
.company-tit span img{border-bottom:2px solid #0c72b4;display:inline-block;line-height:50px;padding-bottom:12px;margin-top:15px;margin-right:7px;}
.company-tit span{color:#0c72b4;font-size:18px;font-weight:bold;}
.about-cont{padding:20px;min-height:260px;height:260px;}
.about-cont .img{padding-right:10px;}
.about-cont .aboutcont-r p{text-indent:2em;line-height:25px;}
.about-cont .aboutcont-r p a{color:#0c72b4;}
.about-cont .about-list li{float:left;text-align:center;margin:15px 25px 0 10px;}
.about-cont .about-list li a{color:#0c72b4;}
.about-cont .about-list li span{display:block;}
/*newscenter*/
.newcenter{overflow:hidden;zoom:1;}
.newcenter .news-cont{padding:20px 20px 20px 20px;min-height:260px;height:260px;}
.newcenter .news-cont li{line-height:27px;}
.newcenter .news-cont li a{width:75%;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;float:left;}
.newcenter .news-cont li span{float:right;}
/*product*/
.index-title{text-align:center;font-size:24px;}
.index-title b{color:#0c72b4;font-size:30px;padding-right:5px;}
.produ-cont li{width:20%;float:left;text-align:center;padding:20px 0;}
.produ-cont li .pro-img{width:182px;border-radius:50%;border:1px dashed #0c72b4;padding:10px;height:182px;margin:0 auto;text-align:center;}
.produ-cont li .pro-img img{border-radius:50%;}
.produ-cont li:hover{background:#eee;}
.produ-cont li:hover .pro-img{border:3px solid #0c72b4;}
.produ-cont li:hover h3,.produ-cont li:hover p{color:#0c72b4;}
.produ-cont li h3{font-size:20px;font-weight:bold;}
.produ-cont li p{text-transform: uppercase}

.producenter .propic{position:relative;overflow:hidden;margin:10px 0;}
.producenter .propic p{position:absolute;left:0;right:0;bottom:0;line-height:30px;background:rgba(0,0,0,.5);text-align:center;color:#FFF;} 
/*product*/
.Advantage{background:#f5f5f5;overflow:hidden;zoom:1;margin-top:15px;padding-bottom:20px;}
.Advantage .Advan-title{border-bottom:1px solid #0c72b4;width:30%;height:50px;float:left;margin-left:35%;}
.Advantage .Advan-title div{width:160px;background:#f5f5f5;text-align:center;margin:30px auto;line-height:38px;color:#0c72b4;font-size:30px;font-weight:bold;}
.Advantage .Advan-pic img{padding-top:30px;}
.Advan-content{margin-top:15px;}
.Advan-cont .Advan-list{margin-top:20px;}
.Advan-cont .Advan-list dt{background:url(../images/ico5.png) left center no-repeat;padding-left:40px;font-size:32px;color:#0c72b4;font-weight:bold;}
.Advan-cont .Advan-list dd{margin-left:40px;border-bottom:1px dashed #69a6ce;font-size:16px;line-height:25px;padding:12px 0;}

/*anli*/
.anli-cont .anlibox{border-bottom:5px solid #eee;margin:20px 0;transform:translateY(0);transition:all .3s;  height: 270px;overflow: hidden;} 
.anli-cont .anlibox span{height: 200px;display: block;overflow: hidden}  
.anli-cont .anlibox:hover{transform:translateY(-3px);}
.anli-cont .anlibox p{line-height:25px;padding:15px 0;}
.anli-cont li:hover a{color:#0c72b4;}
.anli-cont li:hover .anlibox{border-bottom:5px solid #0c72b4;}
/*friendlink*/
.friendlink{background:#eeeeee;height:61px;}
.friend-l{margin-right:10px;background:url(../images/link.png) center no-repeat;background-size:131px 61px;color:#FFF;width:131px;height:61px;padding-left:30px;line-height:20px;padding-top:10px;}
.friendlink p a{padding:10px 10px;line-height:30px;}

#footer{background:#0c72b4;padding:15px 0;color:#FFF;}
#footer .fotnav{margin:15px 0;}
#footer p{padding-left:10px;line-height:25px;}
#footer p img{margin-top:10px;}
#footer .fot-wei{text-align:right !important;display:block;}
#footer .fotnav a{padding:0 10px;color:#FFF;}
/*内页样式*/
.content-title{height:44px;background:#0c72b4;line-height:44px;padding-left:15px;color:#FFF;font-size:16px;}
.content .submenu-box ul{border:1px solid #DDDDDD}
.content .submenu-box ul li{background:url(../images/sortt.jpg) 10px center no-repeat;padding-left:25px;border-bottom:1px dashed #ccc;line-height:36px;transition: all .5s;}
.content .submenu-box ul li:last-child{border-bottom:none;}
.content .submenu-box ul li:hover{background: #f7f7f7;padding-left: 22px;}
.contact-box ul{border:1px solid #DDDDDD}
.contact-box  ul li{padding-left:15px;border-bottom:1px dashed #ccc;line-height:36px;}
.contact-box  ul li:last-child{border-bottom:none;}
.contact-box  ul li span{padding-right:5px;color:#848484;}

.mbxmenu-box .content-title{background:#eee;color:#333;border:1px solid #ececec;line-height:40px;}
.content .cont-section{padding:15px 5px;}
.content .cont-section .cont-pro ul li .pic-list{height:200px;overflow:hidden;border:1px solid #ddd;text-align:center;}
.content .cont-section .cont-pro ul li .pic-list img{height:100%;}
.content .cont-section .cont-pro ul li .pic-list img:hover{transform:scale(1.1,1.1);transition:all 1s;}
.content .cont-section .cont-pro ul li p{margin-bottom:15px;text-align:center;line-height:25px;margin:5px 0;}


@media only screen and (min-width: 320px) and (max-width: 640px) {
	.logo-box button{display:inline-block; cursor:pointer;}
	#nav-box{position:absolute; top:60px; width:100%; left:0; background:#144A96; display:none; z-index:20;}
	#nav-box ul>li{width:100%;line-height:25px;}
	#nav-box ul>li>a{color:#fff;}
	#nav-box ul li a{line-height:34px;}
	#nav-box ul li a:hover,#nav-box ul li a:active,#nav-box ul li a.current{background:#306dc3;}
	#nav-box{padding-left:0px;padding-top:5px;padding-bottom:5px;}
	.logo-box{padding:15px 0 15px 10px;}
	.swiper-button-next, .swiper-button-prev{display:none;}
	.logo-box .logo{width:70%;}
	.company-box{margin-top:15px;}
	.aboutus{margin-bottom:15px;}
	.about-cont,.news-cont{height:auto !important;min-height:auto !important;}
	.about-cont .about-list li{margin:10px 10px 0 10px;}
	.produ-cont li{width:50%;}
	.produ-cont li .pro-img{width:70%;height:70%}
	.index-title,.index-title b,.Advantage .Advan-title div{font-size:20px;}
	.Advantage .Advan-title{float:none;border:none;}
	.Advan-cont .Advan-list dt{font-size:16px;padding-top:10px;}
	.content .cont-section .cont-pro ul li .pic-list{height:150px;}
	.anli-cont .anlibox{height:200px;overflow: hidden;} 
    .anli-cont .anlibox span{height:110px;display: block;overflow: hidden}  
}