/*公共样式*/
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;}
.mt15{margin-top:15px;}
.mt20{margin-top:20px;}
.mt30{margin-top:30px;}
.mt40{margin-top:40px;}
.mt60{margin-top:60px;}
.te-r{text-align:right;}
.te-l{text-align:left;}
.te-c{text-align:center;}
.swiper-pagination-bullet{width:13px;height:13px;}
#scrollTopA{position:fixed;bottom:50px;right:40px;display:none;width:56px;height:56px;background:rgba(0,0,0,.4);-webkit-border-radius:3px;-moz-border-radius:3px;-o-border-radius:3px;border-radius:3px;z-index:10000;}
#scrollTopA:hover{background:rgba(0,0,0,.8);}

/*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{height:110px;}
.logo-box .logo-l .logo{margin-right:10px;margin-top: 10px;}
.logo-box .logo-l h3{font-size:22px;font-weight:bold;line-height:25px;margin-top:25px;color:#227EDD;}
.logo-box .logo-l p{line-height:22px;margin-top:7px;}
.logo-box .logo-r{margin-top:25px;}
.logo-box .logo-img{margin-right:8px;margin-top:8px;}
.logo-box .logo-r p{font-size:12px;color:#005FBB;}
.logo-box .logo-r b{line-height:25px;font-size:24px;color:#F8C639;}
.logo-box button{position:absolute; right:15px; top:25px; border:1px solid #005FBB; color:#666; font-size:16px; padding:3px 6px; display:none;border-radius:2px;background:#FFF;color:#005FBB;}
/*nav*/
#nav-box{background:#2a6ed4;border-bottom: 4px solid #005FBB;}
#nav-box ul>li{position:relative;width:12%;position: relative;float:left;}
#nav-box ul>li>a{color:#FFF;display: block;text-align:center;line-height:50px;}
#nav-box ul>li.active>a{background:#0467c7;color:#FFF;}
#nav-box ul>li>a:hover{background:#0467c7}
#nav-box .submenu{width:100%;background:#005FBB;position:absolute;z-index:999;display:none;}
#nav-box .submenu ol li{border-bottom:1px solid #0769c7;line-height:40px;text-align: center;}
#nav-box .submenu ol li a{color:#FFF;}
/*search*/
.search-box{line-height:64px;border-bottom:1px solid #eee;}
.search-box .link span{font-size:14px;padding-right:10px;font-weight:bold;}
.search-box .link a{padding:0 5px;}
.search{margin-top:20px;}
.search .sousu{width:240px;line-height:24px;background:#FFFFFF;border:2px solid #005FBB;padding-left:5px;color:#666;font-size:12px;}
.search .sou-zi{width:36px;line-height:28px;background:#005FBB;font-size:12px;color:#FFFFFF;border:none;}
/*Advantage*/
.Advantage{padding:30px 15px;}
.index-title{background:url(../images/title-bg.png) center center no-repeat;text-align:center;}
.index-title h3{font-size:28px;color:#555;font-weight:bold;line-height:40px;}
.index-title h3 em{color:#005fbb;padding-left:10px;}
.index-title p{color:#666;}

.adva-item{margin-top:30px;}
.advatext{padding-top:20px;}
.advatext .advatext-left{background-color:#005FBB;display:block;-webkit-border-radius:50px;border-radius:50px;width:70px;height:70px;font-size:28px;color:#FFF;line-height:70px;text-align:center;margin-right:10px;font-style:italic;font-weight:bold;}
.advatext h2{font-size:20px;}
.advatext strong{color:#F7C639;font-size:24px;font-weight:bold;}
.advatext h2 a{color:#005FBB;}
.advatext h2 a:hover{color:#333;text-decoration:none;}
.advatext ul li{background:url(../images/adva-ico.png) left center no-repeat;padding-left:40px;font-size:16px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}

/*aboutbox*/
.aboutbox{background:#005FBB;height:135px;/*margin-top:100px;*/}
.aboutbox .container{position:relative;height:135px;}
.aboutbox .aboutbox-img{position:absolute;left:0;bottom:0;}
.aboutbox .aboutbox-text{/*text-align:center;*/padding-top:20px;color:#FFF;}
.aboutbox .aboutbox-text h3{font-size:25px;font-weight:bold;line-height:40px;padding-top:10px;}
.aboutbox .aboutbox-text p{font-size:18px;}
.aboutbox .aboutbox-tel{width:310px;position:absolute;right:0;top:30px;}
.aboutbox .aboutbox-tel img{float:left;padding-right:10px;}
.aboutbox .aboutbox-tel p{font-size:16px;color:#FFF;}
.aboutbox .aboutbox-tel b{font-size:30px;font-weight:bold;color:#F7C639;line-height:40px;}

/*products*/
.products{padding:30px 15px;}
.product-left{background:#005FBB;border-radius:5px;padding:15px 12px;}
.product-left .pro-tit{text-align:center;}
.product-left .pro-tit h3{color:#FFF;font-size:25px;font-weight:bold;line-height:30px;}
.product-left .pro-tit p{color:#FFF;}
.product-left .produ-cont ul{background:#FFF;border-radius:3px;margin-top:15px;padding:15px;}
.product-left .produ-cont ul li{border:1px solid #ddd;margin-bottom:10px;line-height:40px;padding-left:35px;background:url(../images/product-ico.png) 15px center no-repeat;}
.product-left .produ-cont .product-tel{color:#FFF;text-align:center;line-height:30px;}
.product-left .produ-cont .product-tel b{display:block;font-size:24px;font-weight:bold;margin:10px 0;line-height:30px;}
.product-left .produ-cont .product-tel p a{border:2px solid #fff;padding:5px 20px;color:#FFF;font-weight:bold;transition:all .3s;}
.product-left .produ-cont .product-tel p a:hover{background:#FFF;color:#005FBB;}

.product-right .menu-tit{border-bottom:2px solid #D9D9D9;}
.product-right .menu-tit a{float:right;border:1px solid #ddd;padding:3px 10px;margin-top:5px;}
.product-right .menu-tit h3{color:#ddd;line-height:30px;font-size:16px;}
.product-right .menu-tit h3 span{display:block;color:#005FBB;font-weight:bold;font-size:18px;line-height:30px;}
.product-right .product-list li{margin-top:15px;}
.product-right .product-list a{border:1px solid #ddd;display:block;padding:15px;text-align:center;}
.product-right .product-list a span{display:block;}
.product-right .product-list a span img{height:184px;transition:all .4s;margin:auto;}
.product-right .product-list a span img:hover{transform:scale(1.04,1.04)}
/*anli*/
.anli{background:url(../images/anli-bg.jpg) top center no-repeat;background-size:cover;padding:30px 15px;}
.anli .index-title h3{color:#FF9900;}
.anli .index-title h3 em{color:#FFF;}
.anli .index-title p{color:#FFF;}
.anli .anli-list span img{height:auto;}
.anli .anli-list li{margin-top:15px;}
.anli .anli-list li a{color:#FFF;font-size:16px;}
.anli .anli-list li a:hover{color:#F7C639;}
.anli .anli-list li em{display:block;color:#FFF;}
.anli .anli-list li p{color:#FFF;line-height:22px;}
/*company*/
.company{padding:30px 15px;}

.company-tit{border-bottom:1px solid #ddd;line-height:40px;height:40px;}
.company-tit a{float:right;border:1px solid #ddd;padding:3px 10px;margin-top:5px;line-height:20px;font-size:12px;}
.company-tit b{float:left;font-size:24px;color:#005FBB;border-bottom:4px solid #005FBB;line-height:38px;}
.company .media-body{padding-left:20px;}
.company .media-body strong{font-size:18px;color:#005FBB;}
.company .media-body p{line-height:25px;}

.company .company-list li{background:url(../images/new-ico.jpg) left center no-repeat;padding-left:10px;line-height:30px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}

/*footer*/
#footer{background:url(../images/anli-bg.jpg) top center no-repeat;background-size:cover;padding:20px 0;margin-top:15px;}
.fotcont .fotnav{margin:15px 0;color:#FFF;}
.fotcont p{padding-left:10px;line-height:25px;color:#FFF;}
.fotcont .fot-wei{text-align:right !important;display:block;}
.fotcont .fotnav a{padding:0 10px;color:#FFF;}




/*内页样式*/
.content-title{height:45px;line-height:45px;padding-left:15px;color:#FFF;font-size:16px;background:#005FBB;}
.content .submenu-box ul{border:1px solid #DDDDDD}
.content .submenu-box ul li{padding-left:15px;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-color:#f9f9f9;padding-left: 22px;}
.content .submenu-box ul li:hover a{color:#333;}
.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:50px;}
.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 .logo-l .logo{height:45px;margin-top: 0;}
	.logo-box .logo-l h3{font-size:12px;}
	.logo-box .logo-l p{font-size:12px;}
	.logo-box button{display:inline-block; cursor:pointer;}
	#nav-box{position:absolute; top:80px; width:100%; left:0; background:#005FBB; display:none; z-index:20;}
	#nav-box ul>li{width:50%;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{height:80px;padding:15px;}
	.logo-box .logo-l h3,.logo-box .logo-l p,.adva-item,.aboutbox{margin-top:0;}
	.swiper-button-next, .swiper-button-prev{display:none;}
	.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{bottom:10px !important;}
	.advatext ul li{background-size:22px 18px;padding-left:30px;}
	.index-title h3,.advatext strong,.aboutbox .aboutbox-text h3,.company-tit b{font-size:20px;}
	.advatext ul li,.advatext .advatext-left,.aboutbox .aboutbox-text p,.company .media-body strong{font-size:14px;}
	.advatext .advatext-left{width:50px;height:50px;line-height:50px;}
	.aboutbox,.aboutbox .container{height:auto;}
	.aboutbox .aboutbox-text{padding-top:0;}
	.Advantage,.products,.anli,.company{padding:15px;}
	.product-right .product-list a span img{height:140px;}
	.company .media-body{padding-left:0;}
	.content .cont-section .cont-pro ul li .pic-list img{height:150px;width:100%;}
	.content .cont-section .cont-pro ul li .pic-list{height:auto;}
}