/*公用样式部分*/
html{width:100%;overflow-x:hidden;}
body{line-height:2;}
.displaynone{display:none;}
.mt10{margin-top:10px;}
.mt15{margin-top:15px;}
.ml15{margin-left:15px;}
.mt20{margin-top:20px;}
.mt30{margin-top:30px;}
.mt40{margin-top:40px;}
.margin-center{margin-left:auto;margin-right:auto;}
.text-white {color: #fff;}
.text-white a {color: #fff;}

/*****logobox*****/
.top{height:40px;line-height:40px;background:#007dc2;color:#FFF;}
.top .top-right a{padding:0 10px;color:#FFF;}
/*****logobox*****/
.logobox{position:relative;height:140px;background:#f4f4f4;}
.logobox .logo{margin-top:38px;}
.logobox .logo img{padding-right:15px;}
.logobox .logo .logobody{border-left:1px solid #666;margin-top:10px;padding-left:15px;}
.logobox .logo .logobody p{line-height:25px;color:#666;font-size:18px;}
.logobox .logo .logobody strong{font-size:18px;line-height:25px;font-weight:normal;color:#666;}
.logobox .logorihgt{background:url(../images/tel-bg.png) no-repeat;width:309px;height:79px;padding-top:30px;padding-left:30px;}
.logobox .logorihgt span{background:url(../images/tel-box.png) no-repeat;width:131px;height:33px;display:inline-block;color:#a17d17;line-height:33px;text-align:center;}
.logobox .logorihgt b{font-size:24px;color:#fff;font-weight:normal;line-height:33px;}


#nav{background:#FFF;height:56px;border-top:1px solid #ddd;}
#nav ul>li{float:left;width:14.28%;text-align:center;position:relative;line-height:56px;}
#nav ul>li>a{display:block;font-size:16px;border-right:1px solid #ddd;border-top:2px solid #fff;}
#nav ul>li.active>a{color:#007dc2;border-top:2px solid #007dc2;}
#nav ul .submenu{position:absolute;display:none;width:100%;top:58px;z-index:999;background:#007dc2;}
#nav ul .submenu li{border-bottom:1px solid #0383ca;line-height:25px;padding:10px 0;}
#nav ul .submenu li a{color:#FFF;}
.logobox button{position:absolute; right:0; top:20px; border:none; color:#007dc2; font-size:24px; padding:5px 8px; display:none;border-radius:2px;background:none;}
/*banner*/
.banner{position: relative; width:100%;}	
.banner .pic{position:relative; z-index:2;}	
.banner .pic li{height:600px;}	
.banner .prev{width:60px;height: 90px; margin:-60px 0 0; display:none; background:url(../images/left.png) no-repeat; position:absolute; top: 50%; z-index:99; cursor:pointer; text-indent:-9999px;}	
.banner .next{width:60px;height: 90px; margin:-60px 0 0; display:none; background:url(../images/right.png) no-repeat; position:absolute; top: 50%; z-index:99; cursor:pointer; text-indent:-9999px;right:0;}	
.banner .hd{position:absolute;bottom:10px;left:0;z-index:3;text-align:center;margin:auto;width:100%;}
.banner .hd li{width:10px;height:10px;background:#FFF;display:inline-block;margin-left:5px;border-radius:50%;}
.banner .hd li.on{background:#005EA6;}
/*search*/
.search-box{line-height:60px;height:60px;}
.search-box .link span{font-size:14px;padding-right:10px;}
.search-box .link a{padding:0 5px;}
.search{margin-top:15px;border:1px solid #ddd;border-radius:5px;}
.search .sousu{width:240px;line-height:30px;background:#FFFFFF;padding-left:5px;color:#666;border:none;}
.search .sou-zi{width:36px;line-height:32px;font-size:18px;color:#666;border:none;background:#fff;margin-right:10px;}

/*公共标题*/
.index-title{text-align:center;}
.index-title h3{color:#007dc2;font-size:24px;line-height:24px;}
.index-title p{font-size:16px;color:#666666;}
.index-title span{display:inline-block;width:200px;height:20px;border-top:2px solid #007dc2;background:url(../images/icon.png) top center no-repeat;}
.index-title2 h3{color:#FFF;}
.index-title2 p{color:#FFF;}
.index-title2 span{background:url(../images/icon2.png) top center no-repeat;border-top:2px solid #fff;}
/*product*/
.product-left{background:#007dc2;border-radius:5px;padding:10px;}
.product-left h3{text-align:center;color:#FFF;line-height:40px;font-size:20px;height:40px;}
.product-item{background:#fff;border-radius:5px;padding:15px 10px;}
.product-item li{margin-bottom:10px;}
.product-item li .product-menu{background:#f4f4f4;line-height:40px;display:block;padding-left:15px;}
.product-item li dl dd{padding-left:15px;border-bottom:1px dashed #f4f4f4;line-height:40px;}
.product-left .pro-tel{color:#FFF;text-align:center;line-height:40px;padding:10px 0;}
.product-left .pro-tel b{font-size:18px;}
.product-right li{margin-bottom:10px;}
.product-right li a{display:block;overflow:hidden;text-align:center;}
.product-right li a span{display:block;width:100%;text-align:center;}
.product-right li a span img{margin:auto;height:185px;}
.product-right li a p{line-height:22px;padding:5px 0;}
.pro-list li{margin-top:20px;}
.pro-list li a{display: block;}
.pro-list li a img{width:100%;height:300px;}
.pro-list li a p{background: #eee;padding:13px 5px;}

/*choose*/
.choose{background:url(../images/choose-bg.jpg) top center no-repeat;background-size:cover;padding:30px 15px;}
.choose .choose-left{background:url(../images/adva-box.png) no-repeat;width:350px;height:275px;position:relative;}
.choose .choose-left .choose-box{position:relative;top:50px;left:20px;z-index:3;color:#fff;font-weight:normal;}
.choose .choose-left .choose-box strong{font-size:30px;}
.choose .choose-left .choose-box p{font-size:18px;}
.choose .choose-right li{margin-top:25px;color:#FFF;}
.choose .choose-right li img{padding-right:15px;width:1.1rem;}
.choose .choose-right li .choose-body strong{font-size:18px;font-weight:normal;}
.choose .choose-right li .choose-body p{line-height:22px;}
/*applica*/
.applica ul li{margin-top:20px;}
.applica ul li a{display:block;border:2px solid #007dc2;padding:8px;border-radius:50%;margin:auto;height:260px;width:260px;overflow:hidden;position:relative;}
.applica ul li a img{border-radius:50%;height:100%}
.applica ul li a p{position:absolute;top:0;left:0;height:100%;width:100%;margin:auto;color:#FFF;text-align:center;line-height:280px;display:none;}
.applica ul li a p em{padding:10px 40px;background:rgba(0,0,0,.7);font-style:normal;}
.applica ul li a:hover p{display:block;}
/*aboutus*/
.aboutus .aboutus-left{overflow:hidden;}
.aboutus .aboutus-right h3{font-size:18px;color:#007dc2;text-align:center;}
.aboutus .aboutus-right .aboutus-text{color:#444;text-indent:2em;}
.aboutus .aboutus-right ul{margin-top:20px;}
.aboutus .aboutus-right ul li{background:#007dc2;float:left;margin-right:15px;color:#FFF;padding:10px 20px;}
.aboutus .aboutus-right ul li a{color:#FFF;}
/*case*/
.case{background:#f4f4f4;padding:30px 0px;}
.case ul li .case-list{background:#FFF;}
.case ul li .case-list span{display:block;width:100%;overflow:hidden;text-align:center;}
.case ul li .case-list span img{height:195px;}
.case ul li .case-list strong{font-size:16px;font-weight:normal;padding-left:10px;}
.case ul li .case-list p{color:#666;line-height:20px;padding-left:10px;}

/*news*/
.news .news-menu{text-align:center;margin-bottom:15px;}
.news .news-menu a{padding:14px 40px;margin-right:10px;transition:all .3s;background:#ececec;display:inline-block;font-size:18px;}
.news .news-menu a:hover{background:#007dc2;color:#FFF;}
.news .news-l{overflow:hidden;}
.news .news-l img{height:355px;}
.news .news-r .newscen-l{text-align:center;color:#FFF;height:auto;background:#dddddd;}
.news .news-r .newscen-l span{display:block;font-size:24px;font-weight:bold;line-height:32px;padding:10px 0;}
.news .news-r .newscen-l p{background:#555;}
.news .news-r .newscen-r{padding-left:10px;}
.news .news-r .newscen-r h3{font-size:16px;line-height:36px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
.news .news-r .newscen-r p{line-height:20px;color:#999;}
.news .news-r li{border-bottom:1px dashed #e2e2e2;padding:18px 0;overflow:hidden;}
.news .news-r li a:hover{color:#dd2a42;}
/*contact*/
.contact{background:url(../images/contact-bg.jpg) top center no-repeat;background-size:cover;padding:30px 15px;overflow:hidden;}
.contact .contact-left{width:692px;}
.contact .contact-left h3{color:#007dc2;font-weight:normal;font-size:24px;line-height:26px;}
.contact .contact-left p{font-size:16px;color:#666666;line-height:20px;}
.contact .contact-left ul{margin-top:20px;}
.contact .contact-left ul li{margin-bottom:15px;}
.contact .contact-left ul li .input-text{width:680px;border:1px solid #ccc;padding:5px;line-height:48px;color:#666;}
.contact .contact-left ul li .input-text2{width:324px;}
.contact .contact-left ul li .email{float:right;}
.contact .contact-right{border:1px solid #333;/*padding:105px 20px 40px;*/padding:82px 20px 82px;position:relative;margin-top:30px;width:420px;}
.contact .contact-right p{line-height:40px;}
.contact-ewm{position:absolute;/*top:-30px;left:25px;*/top:136px;left:316px;z-index:999;width:120px;}
.contact .contact-left ul li .cont-area{height:140px;width:680px;border:1px solid #ccc;padding:5px;resize:none;color:#666;}
.contact .contact-left ul li .btn1{padding:15px 45px;background:#007dc2;color:#FFF;font-size:16px;border:none;cursor:pointer;}
.contact .contact-left ul li .btn2{padding:15px 45px;background:#f7c639;color:#FFF;font-size:16px;border:none;margin-left:15px;cursor:pointer;}

.link b{color:#007dc2;font-size:20px;}
.link a{padding:0 10px;}

#footer{background:#007dc2;padding:30px 15px;overflow:hidden;}
.fot-nav{line-height:40px;text-align:center;color:#FFF;}
.fot-nav a{color:#FFF;padding:0 10px;}
.fot-box .fot-left{width:390px;color:#FFF;}
.fot-box .fot-center{margin-left:40px;}
.fot-box .fot-right{color:#FFF;margin-top:20px;}
.copyright{background:#045b8b;line-height: 25px;padding: 20px 0px;color:#FFF;}
.copyright a{color:#FFF;}



@media only screen and (min-width: 320px) and (max-width: 640px) {
	.banner .next,.banner .prev{display:none !important;}
	.banner .pic li{height:160px !important;width:100%}
	.logobox button{display:inline-block; cursor:pointer;}
	#nav ul .submenu li{padding:0;}
	#nav{position:absolute; top:80px; width:100%; left:0; background:#005EA6; display:none; z-index:999;height:auto;}
	/*#nav-box ul>li{width:100%;line-height:25px;}*/
	#nav ul>li{width:100%;line-height:25px;height:auto;border:none;}
	#nav ul>li>a{color:#fff;font-size:16px;font-weight:normal;border-right:none;border-top:none;}
	#nav ul li a{line-height:30px;padding:5px 0;}
	#nav ul li a:hover,#nav ul li a:active,#nav ul li a.current{background:#0365af;color:#FFF;border-bottom:none;border-top:none;}
	.logobox{height:80px;}
	.logobox .logo{margin-top:20px;}
	.logobox img{width:70%;}
	.product,.choose,.applica,.aboutus,.case,.news,.contact,.link,#footer{margin-top:15px;}
	.product-right li a span img,.case ul li .case-list span img{height:2rem;}
	.applica ul li a{width:120px;height:120px;}
	.applica ul li a p{line-height:180px;}
	.aboutus .aboutus-right ul li{margin-right:0;padding:0;margin-top:10px;line-height: 30px;width:33.3%;text-align: center;}
	.news .news-r li{padding:6px 0;}
	#footer{padding:15px;}
}