@charset"utf-8";
/*reset*/
body{background:url(../images/bg.png);}
body,div,dl,dt,dd,ul,li,h1,h2,h3,h4,h5,input,form,a,p,textarea{margin: 0;padding: 0;font-family: "microsoft yahei";font-size: 12px;color: #333;}
h1,h2,h3,h4,h5{font-weight: normal;}
body,button, input, select, textarea {font-family: "microsoft yahei";}
ul,li,ol,li,dd,dt,dl{list-style: none;}
a{text-decoration: none;color: #333}
img,input,button{border: none;outline: none;}
*{margin: 0;padding: 0;box-sizing:border-box;}
.clear:before,.clear:after{display: table;content: '';clear: both;}
.red{color: red}
/*公用*/
.comWidth{max-width:1200px;margin: 0 auto;overflow: hidden;}
.fl{float: left;}
.fr{float: right;}
.position{font-size: 14px;}
.position a{font-size: 14px;}
.pages{overflow: hidden;margin-top: 20px;}
.pages li{float: left;margin-right:1em;font: 16px/1.6em "microsoft yahei";}
.pages a{display: block;padding: 0 1em;border:1px solid #999;font-size: 16px}
.pages2{margin: 4% 0 0;}
.pages2 li{font:16px/3em "microsoft yahei";padding-left: 4%;}
.pages2 li a{font-size: 18px}
.pages2 li:hover{background: #007cf8}
.pages2 li:hover a{color: #fff}
.productsMain ul{display: none;}
.productsMain ul:first-child{display: block;}
.inactive{background: #009cdb;}
.active{background: #0077ba;}
/*主页*/
/*head*/
.login{border-bottom:1px solid #ccc;background:#f4f4f4;line-height: 30px;height: 30px;}
.loginWel{width: 60%;font-size: 14px}
.loginNav{margin-right: 1em}
.loginNav li{float: left;}
.loginNav li a{font-size: 14px;}

/*logo*/
.logo{height: 90px;}
.logoImg{padding-top: 10px;padding-left: 50px;}
.headPhone{overflow: hidden;}
.headPhone>span{display: block;margin-top: 34px;font-size: 20px;}
.headPhone div {float: left;margin-top: 30px;}
.headPhone div span{display: block;font-size:26px;font-family:impact;color: #055a95}
.headPhone img{margin-right: 10px;padding-top: 24px;}

/*nav*/
nav{width: 100%;background: #055a95;}
nav>ul>li{float:left;width: 12.5%;text-align: center;height: 40px;line-height: 40px;border-right:1px solid #fff;}
nav>ul>li:last-child{border-right: none;}
nav>ul>li>a{font-size: 16px;color: #fff;display: block;width: 100%;}

/*banner*/
.myswiper1 img{width: 100%;}
.myswiper1 .swiper-button-prev{left: 0;background: url(../images/caseicon.png)-20px 0 no-repeat;}
.myswiper1 .swiper-button-next{right: 0;background: url(../images/caseicon.png)10px 0 no-repeat;}

/*search*/
.search{height:44px;line-height: 50px;}
.search>div{border-bottom: 1px solid #999}
.search a{margin: 0 1em;font-size:14px;}
.searchLeft{font-size: 14px;}
.searchBtn input{border:1px solid #999;padding: 3px 0px 3px 20px;background: url(../images/fangda.png)0 center no-repeat;}
.searchBtn button{padding:4px 6px;background: #0077ba;color: #fff;margin-top: 1px;}

/*products*/
.products{text-align: center;margin:40px 0;}
.title{text-align: center;}
.title h2{font:600 30px/1em "Microsoft yahei";color: #000;letter-spacing: 4px;}
.title p{font:14px/1.8em "";margin-top: 1em}
.proMenu{overflow: hidden;margin: 20px 10%;width: 80%;}
.proMenu li{float: left;width:31.33%;text-align: center;margin:1%;}
.proMenu li a{font: 18px/2.4em "Microsoft yahei";color: #fff;;display: inline-block;}
.proList ul{display: none;overflow: hidden;margin: 2% 0;}
.proList ul:first-child{display: block;}
.view3 {width:23%;float: left;margin:1%;border:1px solid #ccc;overflow: hidden;
	position: relative;text-align: center;padding: 1em;}
.mask{width:96%;height:96%;position: absolute;top: 2%;left: 2%;;transition: all 0.5s;background: #000;opacity: 0;padding:2em;border:1px solid #666;padding:2%;}
.view3 img{width:100%;transition: all 0.6s;height:200px;}
.view3 h3 a{font:600 16px/3em "Microsoft yahei";white-space: nowrap;overflow: hidden;text-overflow: ellipsis;display: block;}
.view3 h2{color: #fff;font: 17px/2em "Microsoft yahei";opacity: 0;margin-top: 1em;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.view3 p {font: italic 12px/2em "Microsoft yahei";color: #fff;text-align: center;opacity: 0;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;}
.info {display: inline-block;padding: 4px 12px;border:2px solid #fff;font-size: 14px;color: #000;opacity: 0;margin-top: 1em;border-radius: 2px;color: #fff}
.info:hover{color: #fff;}
.view3:hover img {transform: scale(0.8);opacity: 1;transition: all 0.6s;}
.view3:hover .mask {background: rgba(0,0,0,0.6);opacity: 1}
.view3:hover h2,.view3:hover p,.view3:hover a.info {opacity: 1;}
.more{padding: 1em 0 10px;}
.more a{display: inline-block;padding: 0.6em 2em;border:1px solid #999;border-radius: 20px;font-size: 16px;}
.more a:hover{background: #0077ba;border-color: #0077ba;color: #fff;transition:  ease 0.2s}

/*about*/
.about{background: url(../images/aboutbg.jpg)center center no-repeat;padding:60px 0;}
.aboutMain{overflow: hidden;margin-top: 30px;}
.about .title *{color: #fff}
.aboutLeft{width: 48%;}
.aboutRight{width:44%}
.aboutRight img{width: 100%;}
.aboutMain h2{color: #fff;font:26px/2em "microsoft yahei";}
.aboutMain p{color: #fff;font:16px/1.8em "microsoft yahei";text-indent: 2em;margin-top:1em}
/*case*/
.case{margin: 30px 0 50px;}
.myswiper2 img{width: 100%}
.myswiper2{width: 94%;}
.caseList{position: relative;margin-top: 40px;}
.caseList .swiper-button-prev{left: 0;background: url(../images/caseicon.png)-20px 0 no-repeat;top:44%;}
.caseList .swiper-button-next{right: 0;background: url(../images/caseicon.png)10px 0 no-repeat;top:44%}
.myswiper2 h2{text-align: center;}
.myswiper2 h2 a{font: 14px/2em "microsoft yahei";display: block;padding-bottom: 10px}
.myswiper2 .swiper-slide{background: #e8e6e6;}

/*news*/
.news{margin-bottom: 34px;}
.newsLeft{width: 48%;margin-right:4%;}
.newsRight{width: 48%;border-bottom: 1px solid #b5b5b5;padding-bottom: 20px}
.newsLeft li{overflow: hidden;padding: 10px 0;border-bottom: 1px solid #b5b5b5}
.newsImg{width: 30%;margin-right:3%}
.newsImg img{width: 100%;}
.newsTxt{width: 67%}
.newsLeft li h2 a{display: block;font:15px/2em "microsoft yahei";white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.newsLeft li p a{display: block;font:14px/2em "microsoft yahei";display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:3;overflow: hidden;}
.newsLeft li span{display: block;font:15px/2em "microsoft yahei";margin-top: 10px}
.newsRight li{margin-top: 10px}
.newsRight li h2 a{font:15px/2em "microsoft yahei";white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.newsRight li p a{font:12px/2em "microsoft yahei";display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.newsRight li h2 img{vertical-align: -5px;padding-right: 5px;}
.newsRight li p img{vertical-align: -4px;padding-right: 5px;}


/*friendlink*/
.friendLink{line-height: 60px;height: 60px;}
.friendLink div{font-size:15px;color: #960a05}
.friendLink a{font-size: 14px;}

/*footer*/
.footNav{background: #d1d2d3;}
.footNav ul{overflow: hidden;}
.footNav ul li{float:left;width: 12.5%;text-align: center;border-right: 1px solid #999;}
.footNav ul li:last-child{border:none;}
.footNav ul li a{font: 15px/3em "Microsoft yahei";display: block;width: 100%;color: #000}
.footList{background: #0077ba;padding: 20px 50px;}
.footLeft{width: 32%;margin-right: 3%;}
.footCenter{width: 30%;margin: 0 5%;}
.footRight{width: 20%;margin-left: 5%;}
.footLeft h2{font:19px/1.6em "Microsoft yahei";border-bottom:1px solid #fff;color: #fff;text-indent: 0.5em;padding-bottom: 1em;}
.footLeft ul{overflow: hidden;}
.footLeft li{width:50%;text-align: left;float: left;}
.footLeft a{color: #fff;font:14px/2em "Microsoft yahei";}
.footCenter h2{font:19px/1.6em "Microsoft yahei";border-bottom:1px solid #fff;color: #fff;text-indent: 0.5em;padding-bottom: 1em;}
.footCenter span{display: block;font:14px/1.8em "Microsoft yahei";color: #fff;}
.footRight {margin-top: 50px;overflow: hidden;}
.footRight img{width: 64%;;text-align: center;float: left;}
.footRight img:first-child{margin-right: 10%;}
.copyright{text-align: center;background: #0e1421;}
.copyright span{font:15px/3em "Microsoft yahei";color: #fff;margin-right: 1em;}
.copyright a{color: #fff;font:15px/4em "Microsoft yahei"}
.copyright img{vertical-align: -5px;}


/*手机底部*/
section{z-index: 10}
.mfootnav{background: #161414;overflow: hidden;display: none;}
.mfootnav li{width: 25%;text-align: center;float: left;padding: 10px 0;}
.mfootnav li a{color: #fff;font-size: 16px;}
.mfootnav span{display: block;}
.mewmmenu{width:100%;height: 100%;background: #000;position: absolute;bottom: 0px;left: 0;text-align: center;padding-top: 1px;opacity: 0.6;display:none;}
.mewminfo{width:300px;height:300px;margin:0 auto;bottom: -80%;position:relative;z-index: 999}
.mewminfo img{width: 300px;height: 300px;}
.mewmbox{position: fixed;width: 100%;height: 100%;background: rgba(0,0,0,0.7);bottom: 0;left: 0;display: none;text-align: center;}
.mewmbox img{bottom:-300px;width: 80%;display:inline-block;margin: 0 auto;position: absolute;left: 20%;margin-left: -10%;z-index: 999}

/*内页*/
.nybanner{width: 100%;}
.main{margin: 2% 0;}
.left{width: 22%;}
.right{width:76%;margin:1%;}

.leftTit{background:#0077ba;color: #fff;text-align: center;height: 90px;}
.letter{font-size:68px;font-weight: 600;font-family: Times;}
.leftList{border:1px solid #0077ba;}
.word{font-size: 28px;display: inline-block;color: #fff;}
.leftList li{border-bottom: 1px dotted #0077ba}
.leftList li a{font: 18px/3em "microsoft yahei";display: block;padding-left: 2em}
.leftList li a img{vertical-align: 3px;padding-right: 6px;}
.leftTel{text-align: center;margin-top: 3em;border:1px solid #999;}
.leftTel h2{font:21px/1.2em "Microsoft yahei";color: #fff;padding: 0.8em 0;background: url(../images/leftbg.png)24px center no-repeat #055a95;}
.leftTel span{display: block;font: 16px/2em "Microsoft yahei";text-align: left;padding-left: 1em;}
.leftTel div{margin: 2em 0 3em;}

.rightTit{overflow: hidden;}
.rightTit span{font:600 20px "Microsoft YaHei";border-bottom: 2px solid #055a95;line-height: 50px;height: 50px;padding:0 1em;}
.rightTit{line-height: 50px;height: 50px;border-bottom: 1px solid #999;}
.about_content{padding: 2em;overflow: auto;}
.about_content img{width: 100% !important;height: auto !important;}
.products_list{overflow: hidden;}
.products_list li{width: 31.33%;margin:1%;text-align: center;border:1px solid #ccc;float: left;}
.products_list li:hover{box-shadow: 0 3px 10px #666}
.products_list li h2{font:18px/2em "Microsoft YaHei";background: #e6e6e6;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.products_list li h2 b{font-weight: 500}
.products_list li img{width: 100%;height: 200px;padding:5px;}
.news_list{margin: 2% 0;}
.news_list li{margin: 2% 0;overflow: hidden;}
.news_img{width: 23%;margin: 0 1%;}
.news_img{height: 160px;}
.news_info{width:73%;margin: 0 1%;}
.news_info h2{font:18px/3em "Microsoft YaHei";color: #000;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.news_info p{font:14px/2em "Microsoft YaHei";}
.news_info span{display:block;font-size: 14px;}
.news_content{margin:2% 0;}
.news_content div{width: 100% !important}
.news_content h1{font:20px/3em "Microsoft YaHei";text-align: center;color: #007cf8}
.news_date{overflow: hidden;width: 98%;margin: 1%;border: 1px dotted #ccc}
.news_date h3{width: 33.33%;text-align: center;font-size: 14px;display: block;float: left;}
.news_date span{text-align: left;}
.news_content img{height: auto!important;}
.news_content p{text-indent: 2em;font:14px/1.6em "Microsoft YaHei";width: 98%;margin: 0 1%;}
.contact_info{margin: 20px 2% 0;text-align: center;}
.contact_info  h2{font:20px/2em "Microsoft YaHei";border-bottom: 1px solid #999;display: inline-block;padding: 0 3em;}
.contact_info>div img{height: auto!important;}
.contact_info p{font:16px/2em "Microsoft yahei";margin: 2% 0;text-align:left;text-indent: 2em;}
.contact_list {overflow: hidden;}
.contact_list img{width: 40%;margin-left:10%;max-width: 260px;}
.contact_list ul{width: 50%;margin-top:30px;}
.contact_list ul li{text-align: left;font:18px/2em "microsoft yahei";}

/*产品内页*/
.pro_show{overflow: hidden;width: 100%;padding: 20px 0 0;}
.pro_img{width: 40%;margin:2% 5%;border:1px solid #ccc;}
.pro_prize{width:50%;padding-top: 1em;}
.pro_prize h2{font:600 20px/3em "Microsoft yahei";text-align: center;color: #111;}
.pro_prize h3{font:18px/2em "Microsoft yahei";}
.pro_prize p{font:16px/2em "Microsoft yahei";margin: 1em 0;}
.pro_prize a{margin-top: 1em;display:inline-block;font:16px/2.8em "Microsoft yahei";color: #fff;margin-right: 2em;width: 180px;text-align: center;}
.sqbj{background:#01b8b6;}
.djzx{background: #000;}
.pro_meter ul{overflow: hidden;width: 100%;margin-top: 2em;border-bottom: 1px solid #ccc;}
.pro_meter li{width: 23%;text-align: center;float: left;border-radius: 3px 3px 0 0;margin:1%;cursor: pointer;font:600 18px/3em "Microsoft yahei";}
.pro_text>div{display: none;width: 100%;padding-top: 2em;}
.pro_text>div:first-child{display: block;}
.pro_text img{height: auto !important;width: 100% !important}
.pro_text{width: 96%;margin: 0 2%;}
.pc-slide{width: 100%;}
.pc-slide img{width: 100%;height: 280px;}
.view .swiper-container {width: 100%;height: 300px;}
.view .arrow-left {	background: url(../images/index_tab_l.png) no-repeat left top;position: absolute;
	left: 10px;	top: 50%;margin-top: -25px;	width: 28px;height: 51px;z-index: 10;}
.view .arrow-right {background: url(../images/index_tab_r.png) no-repeat left bottom;position: absolute;
	right: 10px;top: 50%;margin-top: -25px;	width: 28px;height: 51px;	z-index: 10;}
.preview {width: 100%;margin-bottom: 10px;position: relative;}
.preview .swiper-container {height: 63px;margin:0 28px;}
.preview .swiper-wrapper{width: 100% !important;}
.preview .swiper-slide {width: 20%;height: 50px;}
.preview .swiper-slide img{width: 100%;height: 50px;}
.preview .arrow-left {	background: url(../images/feel3.png) no-repeat left top;	position: absolute;
	left: 10px;top: 20%;width: 9px;height: 18px;z-index: 10;}
.preview .arrow-right {	background: url(../images/feel4.png) no-repeat left bottom;	position: absolute;
	right: 10px;top: 20%;width: 9px;height: 18px;z-index: 10;}
.preview .active-nav img {border: 1px solid #333;}
#dituContent{width:98% !important;height:450px;border:#999 solid 1px !important;margin:1%;}
.map{width: 100%;}
.map img{width: 100%;height: auto;border:1px solid #999;}