* {font-family: Arial, Verdana, "微软雅黑";  font-size: 14px;}
html,body,h1,h2,h3,h4,h5,h6,div,form,ul,li,a,em,input,dd,dt,dl,p,figure,textarea,button{margin: 0;  padding: 0;  border: 0;  list-style: none;  text-decoration: none;  font-weight: normal;}
em {font-style: normal;}
dd,dt,dl,em,button {display: block;}
a {color: #000;}
a,img{border:none;display:inline-block;max-width: 100%;}
.center {margin: 0 auto;  width: 1100px;}
.clear{}
.clear:after,.clear:before{content: "";visibility: visible;clear: both;height: 0;display: block;}





/*header*/
.header-top{background: #000;border-bottom:3px solid #0988cb;padding:10px 0;}
.header-top-l{float: left;padding:0;}
.header-top-l span{font-size: 14px;color: #0988cb;}
.header-top-l h2{font-size: 14px;color: #fff;display: inline-block;}
.header-top-r{float: right;padding:0;}
.header-top-r .language{display: inline-block;vertical-align: middle;background: #535353;color: #fff;outline:none;height: 24px;border-color: transparent;
}
.header-top-r .search{font-size: 0;position: relative;display: inline-block;margin-left: 30px;vertical-align: middle;
}
.header-top-r .search form{font-size: 0}
.header-top-r .search input{display:inline-block;padding:2px 5px;background: #535353;vertical-align: middle;font-size: 14px;color: #fff;
outline: none;}
.header-top-r .search input:focus,.header-top-r .search input:focus+button{transition:border linear .2s,box-shadow linear .5s;
-moz-transition:border linear .2s,-moz-box-shadow linear .5s;
-webkit-transition:border linear .2s,-webkit-box-shadow linear .5s;
outline:none;border-color:rgba(255,255,255,.75);
box-shadow:0 0 10px rgba(255,255,255,.105);
-moz-box-shadow:0 0 10px rgba(255,255,255,.5);
-webkit-box-shadow:0 0 10px rgba(255,255,255,3);}
.header-top-r .search button{display:inline-block;color: #fff;background: #535353;vertical-align: middle;height: 24px;padding:0 5px;
outline: none;}
.header-middle{}
.header-middle-h2{text-align: right;color: #666;font-size: 14px;padding:14px 0;}
.header-middle-nav{display: block;font-size: 0}
.header-middle-nav .logo{padding-bottom:30px;float: none;display: inline-block;vertical-align: middle;}
.header-middle-nav .logo a{display: block;}
.header-middle-nav .logo a img{}
	.header-pc-nav{float: none;display: inline-block;vertical-align: middle;}
	.header-pc-nav ul li{display: table-cell;width: 1%;}
	.header-pc-nav ul li a{font-size: 14px;text-align: center;display: block;padding:10px 0;position: relative;}
	.header-pc-nav ul li a:hover:after{content: "";display: block;width: 0;height: 0;position: absolute;border:5px solid transparent;border-top-color:#0988cb;
left:50%;margin-left: -5px;bottom: -10px;}


.header-nav{background: #d20200}
.header-b{padding:0;}
.index-header-nav{}
.index-header-nav{width: 100%;position: relative;z-index: 1000}
.header-nav-list{}
.header-nav-main{background: none;border:none;margin:0;min-height: auto;position: relative;}
.header-nav-top{background: #f5f5f5;text-align: center;border-bottom: 1px solid #000}
.nav-kongjian{background: transparent;border:none!important;overflow: hidden;}
.nav-kongjian:focus{background: transparent!important;}

.header-list-li{background:#ccc;background:rgba(251,251,251,0.9);overflow: hidden!important;
	position: absolute;top:50px;left:0;width:100%;padding:0;border-bottom: 1px solid  #000}
.header-list-li ul{margin: 0}
.header-list-li ul li{float: none;transition:all .3s;-webkit-transition:all .3s;border-bottom:1px solid transparent;position: relative;}
.header-list-li ul li a{padding:10px;transition:all .6s;-webkit-transition:all .6s;color: #333!important;display: block;text-align: center;}
.header-list-li ul .open a,.header-list-li ul .open a:focus,.header-list-li ul .open a:hover{background-color: transparent!important}
.header-list-li ul .open{background: #d20200}
.header-list-li ul li a:hover,.header-list-li ul li.active a{color: #000!important;background-color: transparent!important}
.header-list-li ul li a.a-dropdown{position: absolute;width: 36px;height: 36px;top: 2px;margin:0;right: 18px;z-index: 66;
	background: #940100; border-radius: 50%;line-height: 36px;padding:0;}
.header-list-li ul li a.a-dropdown .caret{margin-left: -1px;}
.header-list-li ul li.active,.header-list-li ul li:hover{color:#000!important;}
.header-list-li ul li.active:hover{color:#000!important;}

/*index.asp*/
.index-lb{
	width:100%;overflow:hidden;box-shadow: 0 5px 10px #333;
	transition:all .3s;
	-webkit-transition:all .3s;
	-moz-transition:all .3s;
	-ms-transition:all .3s;
	-o-transition:all .3s;
}
.index-lb:hover{box-shadow: 0 6px 10px #333}
.index-banner{width:100%;height:100%;position: relative;}
.index-banner:hover .index-banner-btn a{display: block;}
.index-banner-img{height: 100%;width: 180%;position: relative;left: -40%;}
.index-banner-img ul{margin-bottom: 0}
.index-banner-img ul li{}
.index-banner-img img{width: 100%;}
.index-banner-check{position: absolute;bottom: 10px;left: 50%;z-index: 100}
.index-banner-check li{width: 60px;height: 12px;background:#003379;margin-left: 10px;cursor: pointer;
vertical-align: bottom;display: inline-block;transition:all .3s;-webkit-transition:all .3s;}
.index-banner-check li.on{background:#e30085;height: 12px;}
.index-banner-btn{height: 0;}
.index-banner-btn a{position: absolute;top:50%;margin-top: -40px;height: 80px;width: 40px;
font-size: 30px;color: #ccc;text-align: center;line-height: 80px;border:1px solid #999;background: rgba(0,0,0,.8);
text-decoration:none; border-radius: 3px;transition:all .3s;-webkit-transition:all .3s;
font-family: "songti";display: none;}
.index-banner-btn a:hover{background:rgba(0,0,0,.6);color: #fff;}
#btn_prev{left:0;}
#btn_next{right: 0;}

.index-box3{padding:30px 0 15px 0; }
.index-box3-content{}
.index-box3-content .content-l{padding:0;}
.index-box3-content .content-l img{width: 100%;}
.index-box3-content .content-r{}
.index-box3-content .content-r h1{font-size: 24px;margin-bottom: 10px}
.index-box3-content .content-r h4{font-weight: normal;font-size: 14px;color:#666;line-height: 24px;padding:0 10px;}
.index-box3-content .content-r a{display: block;float: right;margin: 23px 0;background: #2c5aa1;color: #fff;padding:0 12px;}
.index-box3-content .content-r img{}

.index-box1{width: 100%; height:460px;background: #f1eff0; }
.index-box1-list{}
.index-box1-list ul{font-size: 0}
.index-box1-list ul li{display: inline-block;float: none;vertical-align: top;margin-top: 20px;}
.index-box1-list ul li figure{width: 100%;}
.index-box1-list ul li figure img{width: 100%;}
.index-box1-list ul li h2{font-size: 18px;text-align: center;padding:10px 0;line-height: 24px}
.index-box1-list ul li h5{font-size: 14px;color: #999;line-height: 22px;}

.index-box2{width: 100%;padding:20px 0;background: #f1eff0;margin-top: 20px;}
.index-box2-list{}
.index-box2-list ul{font-size: 0;text-align: center;}
.index-box2-list ul li{display: inline-block;margin: 5px 10px;text-align: center;}
.index-box2-list ul li a{padding: 8px 18px;color: #345fad;background:#f1eff0;border: 1px solid #999;text-decoration: none;}
.index-box2-list ul li a:hover{color: #fff;background: #345fad;}

.index-box2-content{display: block;margin-top: 30px;}
.index-box2-content ul li{}
.index-box2-content ul li a{display: block;position: relative;overflow: hidden;margin-bottom: 30px;padding: 0}
.index-box2-content ul li a figure{display: block;}
.index-box2-content ul li a figure img{width: 100%;max-height: 100%;}
.index-box2-content ul li a .text{position: absolute;top: 100%;left: 0;font-size: 0;text-align: center;width: 100%;height: 100%;
background:#325694;background: rgba(50,68,148,.8);transition:all .3s;-webkit-transition:all .3s;-moz-transition:all .3s;-o-transition:all .3s;}
.index-box2-content ul li a .text:after{content: "";display: inline-block;width: 0;height: 100%;vertical-align: middle;}
.index-box2-content ul li a .text i{text-align: center;display: inline-block;vertical-align: middle;border-radius: 50%;color: #4066a2;
background: #fff;text-align: center;width: 40px;height: 40px;line-height: 40px;background: #fff;
transition:all .3s;-webkit-transition:all .3s;-moz-transition:all .3s;-o-transition:all .3s;}
.index-box2-content ul li a:hover .text{top: 0;}



.index-title{text-align: center;margin:20px 0;font-size: 20px;font-weight: 800;}
.index-news{width: 100%;padding-bottom: 30px;background: #f1eff0}
.index-news-content{margin-bottom: 20px;overflow: hidden;}
.index-news-content ul li{padding: 5px 0}
.index-news-content ul li a{font-size: 0;padding:10px;}
.index-news-content ul li a:hover{background: #999;box-shadow: 0 0 5px #999}
.index-news-content ul li a:hover .text p{color: #222}
.index-news-content ul li .time{border:1px solid #999;padding:18px 0;text-align: center;color: #345fad;
font-weight: 600;font-size: 18px;display: inline-block;float: none;vertical-align: middle}
.index-news-content ul li .text{display: inline-block;float: none;vertical-align: middle}
.index-news-content ul li .text h3{font-size: 18px;font-weight: 600;color: #000;margin-bottom: 10px;}
.index-news-content ul li .text p{color: #666}

.index-box4{margin-bottom: 20px; }
.index-box4-lb{margin-top: 30px;position: relative;}
.index-box4-check{}
.index-box4-img{position: relative;overflow: hidden;}
.index-box4-img ul li{font-size: 0;text-align: left;}
.index-box4-img ul li .img{display: inline-block;float: none;vertical-align: top;margin:20px 0;text-align: center;}
.index-box4-img ul li .img a{display: block;width: 90%;border:1px solid #999;height: 130px;margin: 0 auto}
.index-box4-img ul li .img a:after{content: "";display: inline-block;width: 0;height: 100%;vertical-align: middle;}
.index-box4-img ul li .img a img{vertical-align: middle;display: inline-block;}
.index-box4-btn{}
.index-box4-btn a{position: absolute;top: 50%;margin-top: -40px;height: 80px;width: 30px;text-align: center;line-height: 80px;
	font-size: 40px;font-weight: 900;color: #345fad;text-decoration: none;}
.index-box4-btn #btn_box4l{left: -30px;;}
.index-box4-btn #btn_box4r{right: -30px;}

/*about*/
.page-banner{width: 100%;overflow: hidden;}
.page-banner figure{width: 180%;margin-left: -40%;}
.page-banner figure img{width: 100%;}
.page-header{width: 100%;height: 50px;background: #dbdbdb;margin:0;padding:8px 0;border-top:2px solid #333;border-bottom:1px solid #ccc;
box-shadow: 0 5px 5px #666}
.page-header .tit{display: inline-block;padding:8px 15px;}
.page-header .tit i{display: inline-block;width: 20px;height: 20px;position: relative;background: #345fad;vertical-align: middle;}
.page-header .tit i:after{content: "";display: block;position: absolute;width: 50%;height: 50%;background: #fff;
position: absolute;top: 50%;left: 50%;margin-top:-25%;margin-left: -25%;border-radius: 50%;}
.page-header .tit h2{display: inline-block;margin-left: 16px;font-size: 20px;vertical-align: middle;}
.page-position{display: inline-block;background: transparent;margin: 0}
.page-position li{}
.page-position>li+ li:before{content: ">";color: #666}
.main-page-left{margin-bottom: 30px;}
.main-page-left ul li{}
.main-page-left ul li a{font-size: 14px;color: #111;position:relative;background: #e2e2e2;display: block;
	padding:14px 5px;text-align: center;border-bottom: 1px solid #999;padding-right: 12px;}
.main-page-left ul li a:after{content: ">";position: absolute;right: 10px;top: 50%;margin-top: -6px;font-size: 12px;font-family: "songti";height: 10px;}
.main-page-left ul li a:hover{background: #345fad;color: #fff;text-decoration: none;}
.main-page-right{padding:15px 0;padding-bottom: 30px;}
.about-content{}
.about-content figure{margin-bottom: 15px;}
.about-content figure img{width: 100%;}

/*product*/
.product-content{width: 100%;font-size: 0;overflow: hidden;}
.product-content h1{margin: 10px; font-size: 28px;color: #0048a7;margin-left: 40px;}   
.product-content ul{font-size: 0;overflow: hidden;}
.product-content ul li{display: inline-block;vertical-align: middle;float: none;margin-bottom: 25px;}
.product-content ul li a{position: relative;overflow: hidden;}
.product-content ul li a img{max-width: 100%;}
.product-content ul li a h2{position: absolute;bottom: 0;font-size: 16px;text-align: center;padding:14px 2px;
text-align: center;background:#345fad;background: rgba(52,85,173,.8);width:100%;color: #fff;
	transition:all .3s;-webkit-transition:all .3s;-moz-transition:all .3s;-o-transition:all .3s;}
.product-content ul li a:hover h2{margin-bottom: 0}	
.page-btn{overflow: hidden;text-align: center;}
.page-btn ul li{}
.page-btn ul li a{margin: 10px;font-size: 14px;border:1px solid #000;text-align: center;padding: 0px 14px;border-radius: 4px;}
.page-btn ul li.active a,.page-btn ul li a:hover,.page-btn ul li.active a:hover{
border-color:#000;color: red;background: transparent;
}
/*product-detailed*/
.product-detailed{padding: 15px;}
.pr-de-top{width: 360px;float: left;position: relative;}
.pr-de-main{width: 100%;height: 360px;position: relative;border:1px solid #ccc;overflow: hidden;}
.pr-de-main div{width: 100%;height: 100%;line-height: 360px;text-align: center;}
.pr-de-main img{width: 100%;max-height:100%;display: inline-block;vertical-align: middle;}
.pr-de-main i{width:180px;height:180px;background:url(../image/magnifier.png);position: absolute;left: 0;top: 0;cursor: pointer;display: none}

.pr-de-show{position: absolute;left:100%;top: 0;width: 360px;height: 360px;border:1px solid #eee;overflow: hidden;display: none;background:#fff}
.pr-de-show div{width:720px;height:720px;position: absolute;line-height: 720px;}
.pr-de-show div img{width:100%;display: inline-block;vertical-align: middle;}


.pr-de-cimain{width: 100%}
.pr-de-cimain ul li{width:31%;margin-left:1.2%;display:inline-block;overflow: hidden;margin-top:10px;line-height: 110px;border:1px solid #ccc;cursor: pointer;}
.pr-de-cimain ul li img{width:110px;vertical-align: middle;}
.pr-de-cimain ul li:hover{border-color:#a08a6b;}


.pr-de-model{width:460px;min-height:410px;float: right;padding: 15px;}
.pr-de-model header{width: 100%;height: 40px;line-height: 40px;}
.pr-de-model header h2{font-size:20px;color: #222;}
.pr-de-model {color: #666}

.pr-de-bottom{width: 100%;margin-top:10px;padding-bottom: 30px;}
.pr-de-bottom header{width: 100%;height: 40px;line-height: 40px;color: #999;border-bottom: 1px solid #999}
.pr-de-bottom-content{margin-top: 20px;color: #666}

/*quality*/
.quality-box1{}
.quality-content{margin-top: 40px;font-size: 0;}
.quality-content .figure{display: inline-block;float: none;vertical-align: middle;margin:10px 0;}
.quality-content .text{display: inline-block;float: none;vertical-align: middle;margin:10px 0;}
.quality-content .text h2{font-size: 16px;font-weight: normal;text-align: center;margin-bottom: 18px;}
.quality-content .text h4{line-height: 24px;font-size: 14px;color: #666}

/*equipments*/
.equipments-content{box-shadow: 0 0 5px #999;padding:20px;overflow: hidden;}
.equipments-content .img1{padding:0;}
.equipments-content .img1 img{width: 100%;}
.equipments-content .img2{}
.equipments-content .img2 img{width: 100%;margin-bottom: 10px;}

/*news*/
.news-content{display: block;}
.news-content ul li{width: 100%;}
.news-content ul li a{display: block;text-decoration: none;overflow: hidden;padding:15px;font-size: 0;
border-bottom: 1px solid #999}
.news-content ul li a .figure{display: inline-block;float: none;vertical-align: middle;}
.news-content ul li a .figure img{width: 100%;}
.news-content ul li a .text{display: inline-block;float: none;vertical-align: middle; width:1000px;}
.news-content ul li a .text h2{margin-bottom: 10px;overflow: hidden;}
.news-content ul li a .text h2 b{font-size: 18px;padding:0;color: #222}
.news-content ul li a .text h2 span{font-size: 18px;padding:0;color: #222}
.news-content ul li a .text p{color: #666}
.news-content ul li a:hover{box-shadow: 0 0 5px #999;background: #eee}
/*news-detailed*/
.news-detailed{}
.news-detailed-title{width: 100%;padding:8px 5px;}
.news-detailed-title h1{color: #666;font-size: 18px}
.news-detailed-title span{color: #666;font-size: 14px;}
.news-detailed .text-contact{padding-top: 20px;}
/*contact*/
.contact-content{}
.contact-content .tit{font-size: 16px;margin:6px 0;line-height: 24px}


/*footer*/
.footer{background: #9e9fa0;padding:20px 0;}
.footer-nav{text-align: center;}
.footer-nav ul li{display: inline-block;margin: 5px 20px}
.footer-nav ul li a{color: #333;font-size: 16px;text-decoration: none;}
.footer-nav ul li a:hover{color: #345fad;}
.footer .text{text-align: center;margin-top: 30px;}
.footer .text h2{font-size: 16px;line-height: 24px;color:#eee;}



@media only screen and (max-width: 1100px){
	.header-top-r .language{margin:5px 0;border: 1px solid #ccc}
	.header-top-r .search{margin:10px auto;display: block;width: 100%;border: 1px solid #ccc}
	.header-top-r .search input{width: 80%;padding:10px;}
	.header-top-r .search button{width: 20%;height: 40px;}
	.header-middle-nav .logo{margin-top: 30px;border-bottom: 3px solid #0988cb}
	.index-banner-check li{width: 15px;height: 15px;border-radius: 50%;}
	.index-banner-check li.on{height: 15px;height: 15px;}
	.index-box2-content ul li a{padding:0 5px;}
	.index-box3-content .content-r h1{font-size: 18px;margin-top: 20px;}
	.index-news-content ul li{border-bottom:1px solid #ccc;}
	.index-news-content ul li .time{border:0;padding:0;margin: 0;margin-bottom: 10px;text-align: left;color: #666;font-weight: normal}
	.index-box4-btn #btn_box4l{left: 0}
	.index-box4-btn #btn_box4r{right: 0}
	.main-page-left{padding: 20px 0;background: #ccc;border-top:1px solid #999;}
	.main-page-left ul{font-size: 0;}
	.main-page-left ul li{display: inline-block;width: 46%;margin:1%;border-bottom: 1px solid #eee;}
	.main-page-left ul li a{border:0;background: transparent;font-weight: 600;
		display: block;padding:12px 5px;position: relative;}
	.main-page-left ul li a:after{right: 0}
	.product-content ul li{vertical-align: bottom;}
	.product-content ul li a{}
	.product-content ul li a h2{margin:0;position: relative;background: transparent;color: #666;border-bottom: 1px solid #ccc}
	.news-content ul li a .text h2{text-align: center;padding:10px 0;}
	.news-content ul li a .text h2 b{margin-bottom: 10px;}
	/*product-detailed*/
	.pr-de-top{width: 100%;}
	.pr-de-model{width: 100%;min-height: auto;padding:0;padding-top: 20px;}
	.pr-de-main i{width: 0;height: 0}
	.pr-de-show{display: none;width: 0;height: 0;}
	/*footer*/
	.footer .text{text-align: left;padding:0 15px;}
	.footer .text h2{padding:10px 0;}



}