html {font-size: 62.5%;/*10 ÷ 16 × 100% = 62.5%*/}
body {	
	background:#fff;	
	background-repeat: repeat-x ;
	background-position: top center;
}
* { margin:0;padding:0;font-size:1.4rem;color:#0270b0;font-family:Arial,"microsoft yahei",SimSun,宋体,SimHei,黑体;list-style:none;}
a {	text-decoration:none;color: #333;}
.clear { clear:both;}
.main{width:100%;max-width:1920px;height:auto;background:#fff;margin:0 auto;}
.main1{width:100%;max-width:1200px;height:auto;margin:0 auto;}
h1{font-size:4rem;}
h2{font-size:3rem;}
h3{font-size:2.2rem;}
.image1{width:100%;height:auto;float:left;padding-top:1%;}
.image1 img{width:100%;height:auto;float:left;}

/*** top ***/
.top_nav{z-index:999;width:100%;max-width:1200px;height:auto;margin:0 auto;}
.top_nav_space{width:100%;height:10px;float:left;}
.top_nav1{width:100%;height:45px;float:left;}
.top_nav11{width:20%;height:45px;float:left;}
.top_nav11 img{max-width:100%;width:auto; height:42px; float:left; padding:3px 1%;}
.top_nav2{width:80%;height:auto;float:left;position:relative;list-style-type:none;}
.top_nav2 ul{width:100%;float:left;}
.top_nav2 ul li{width:16%;float:left;display:inline;position:relative;text-align:center;}
.top_nav2 ul li a{width:100%;float:left;display:inline;font-size:14px;font-weight:bold;letter-spacing:2px;line-height:45px;}
.top_nav2 ul li a:hover{color:#fff;background:#0270b0;}
.top_nav2 .acurhover{color:#0270b0;}
.top_nav2 .acurhover a{color:#0270b0;}

.top_nav2 ul ul{width:100%;display:none;float:left;}
.top_nav2 ul ul li{width:100%;text-align:center;}
.top_nav2 ul li:hover > ul{display:block;background:#fff;}


/*** bottom ***/
.bottomFrm{width:100%;height:auto;float:left;background:#444444;}
.bottomFrm1{width:100%;height:auto;float:left;padding:1% 0;}
.bottomimg{width:39%;height:auto;float:left;border-right:2px solid #646464;padding:2% 0;}
.bottomContent{width:60%;height:auto;float:left;padding:3% 0;}
.bottomContent2{width:30%;height:auto;float:left;padding:0 1%;}
.bottomtitle{width:94%;height:auto;float:left;text-align:center;font-size:14px;color:#a0a0a0;font-weight:bold;padding:3% 3%;}
.bottomtitle:hover{font-size:16px;color:#0270b0;}
.copyright{width:100%;float:left;line-height:30px;text-align:center;padding-bottom:1%;}

.footer_30{width:100%;float:left;border-top:1px solid #727272;padding-bottom:1%;}
.footer_31{width:50%;float:left; text-align:center;overflow:hidden;padding:2% 0;}
.footer_31 span{color:#646464;font-size:12px;}
.footer_32{float:left; text-align:center;overflow:hidden;padding:2% 0;}
.footer_32 a{color:#646464;font-size:12px;}
.footer_32 a:hover{color:#0270b0;font-size:14px;}
.footer_33{width:20%;float:left;overflow:hidden;}

/* banner */
.banner{width:100%;height:520px;float:left;padding:2% 0;}
.prev,.next{display:block; width:44px; height:44px; position:absolute; z-index:222; top:228px; overflow:hidden; cursor:pointer; opacity:0.6; -moz-opacity:0.6; filter:alpha(opacity=60); _border:1px solid none;}
.prev{left:30px;}
.next{right:30px;}
.prev:hover,.next:hover,.nav-main a:hover,.nav-main a.cur{opacity:1; -moz-opacity:1; filter:alpha(opacity=100);}
.item{display:block; width:100%; height:8px; position:absolute; z-index:124; top:470px; left:0; text-align:center;}
.item a{display:inline-block;width:8px;height:8px;margin:0 6px;background:#fff;opacity:0.6;-moz-opacity:0.6;filter:alpha(opacity=60);overflow:hidden;}
.item a.cur{background:#fff; opacity:1; -moz-opacity:1; filter:alpha(opacity=100);}

.banner-box,.slide{display:block;width:100%;height:100%;overflow:hidden;}
.banner-box{position:relative;}
.slide{display:none;height:100%;position:relative;position:absolute;z-index:8;}

#banner1{background:url(../images/banner1-1.jpg) center center no-repeat;-webkit-background-size:contain;-moz-background-size:contain;-o-background-size:contain;background-size:contain;}
#banner2{background:url(../images/banner1-2.jpg) center center no-repeat;-webkit-background-size:contain;-moz-background-size:contain;-o-background-size:contain;background-size:contain;}
#banner3{background:url(../images/banner1-3.jpg) center center no-repeat;-webkit-background-size:contain;-moz-background-size:contain;-o-background-size:contain;background-size:contain;}

.slide a{display:block; width:100%; height:100%; cursor:pointer;}
.banner1_1,.banner2_1,.banner3_1,.banner4_1{position:absolute;z-index:9;}


/*** index ***/

.index_img1{width:100%;height:auto;float:left;background:#fff;padding:20px 0;}
.index_img11{width:80%;height:auto;float:left;padding:0 10%;}
.index_img11 ul{width:100%;height:auto;float:left;}
.index_img11 ul li{width:24%;height:auto;float:left;}
.img11{text-align:center;border-right:1px solid #e0e0e0;margin:0 auto;}
.img12{text-align:center;margin:0 auto;}

.index_img5{width:100%;height:auto;float:left;background:#fafafa;padding:20px 0;}
.index_img51{width:100%;height:auto;float:left;text-align:center;padding-bottom:20px;}
.index_img52{width:40%;height:auto;float:left;margin:10px 30%;}
.index_img52 button{width:40%;height:50px;float:left;color:#000;background:#fff;margin:0 5%;}
.index_img52 .curbutton{color:#fff;background:#0270b0;}

.index_img53{width:100%;height:auto;float:left;padding:20px 0;}
.index_img54{width:100%;height:auto;float:left;display:none;padding:20px 0;}

.images_array{width:100%;height:auto;float:left;}
.images_array_list{width:100%;height:auto;float:left;}
.array1{width:24%;float:left;border:1px solid #e0e0e0;}
.array1 img{width:100%;height:auto;float:left;}

.index_call{width:100%;height:auto;float:left;background:#fafafa;padding:3% 0;}
.index_call_img{width:34%;height:592px;float:left;}
.index_call_img img{width:100%;height:auto;float:left;}
.index_call_txt{width:66%;height:auto;float:left;}
.index_call_txt1{width:100%;height:100px;float:left;}
.index_call_txt11{width:100%;float:left;padding:4% 0 0 5%;}
.index_call_txt1 span{font-size:3rem;padding-bottom:5px;border-bottom:2px solid #0270b0;}
.index_call_txt2{width:100%;height:308px;float:left;}
.index_call_txt2 h2{width:95%;height:auto;float:left;color:#333;padding:2% 0 2% 5%;}
.index_call_txt2 p{width:90%;float:left;color:#808080;font-size:1.6rem;line-height:150%;letter-spacing:2px;padding:0 5%;}
.index_call_txt3{width:100%;height:184px;float:left;background:#0270b0;}
.index_call_txt31{width:100%;float:left;padding:3% 0 3% 5%;}
.index_call_txt31 span{color:#fff;font-size:2.6rem;padding-bottom:5px;border-bottom:2px solid #fff;}
.index_call_txt3 p{width:95%;color:#fff;font-size:1.6rem;padding:1% 0 1% 5%;}
.index_call_txt12{width:70%;float:left;padding:4% 0 0 15%;}
.index_call_txt4{width:100%;height:550px;float:left;}
.index_call_txt4 p{width:80%;float:left;color:#808080;font-size:1.6rem;line-height:150%;letter-spacing:2px;padding:0 10%;}

/*** product ***/
.product{width:100%;height:auto;float:left;background:#f0f0f0;padding:2% 0;}
.productclass{width:96%;height:auto;float:left;padding:10px 2%;}
.productname{width:15%;height:auto;float:left;}
.productname a{color:#333;font-weight:bold;}
.productname a:hover{color:#fff;background:#0270b0;}
.curproductname{color:#0270b0;}
.curproductname a{color:#0270b0;}
.productsub{width:85%;height:auto;float:left;}
.productsub ul{width:100%;height:auto;float:left;}
.productsub ul li{width:14%;height:auto;float:left;}
.productsub ul li a{color:#333;font-size:1.2rem;}
.productsub ul li a:hover{color:#fff;background:#0270b0;}
.productsub .acurpro {color:#0270b0;}
.productsub .acurpro a {color:#0270b0;}

.productimg{width:100%;height:auto;float:left;background:#fff;padding:2% 0;}
.productimg_array{width:100%;height:auto;float:left;}
.productimg_array_list{width:100%;height:auto;float:left;}

.parray1{width:30%;height:auto;float:left;margin:1.6%;}
.parray1 a{float:left;display:block;overflow:hidden;border:1px solid #e0e0e0;}
.parray1 a:hover{color:#fff;background:#006cad;border:1px solid #006cad;}
.parray1 a:hover > parray1{background:#006cad;}

.parray11{width:90%;height:auto;float:left;overflow:hidden;margin:5%;}
.parray11 img{width:100%;height:auto;float:left;transition: all 0.6s;}
.parray1 a:hover .parray11 img{transform: scale(1.2);}

.parray1 a p{width:90%;height:auto;float:left;color:#e0e0e0;text-align:center;margin:5%;}
.parray1 a:hover p{color:#fff;background:#006cad;}

/*** productview ***/
.productview{width:100%;height:auto;float:left;background:#fff;}
.detail{width:100%;height:auto;float:left;}
.detail_title{width:8%;height:auto;float:left;text-align:center;padding:0 46%;}
.detail_title p{width:100%;height:auto;float:left;font-size:36px;font-weight:bold;color:#00a9bc;letter-spacing:2px;line-height:60px;border-bottom:5px solid #00a9bc;} 
.detail_title_sub{width:100%;height:auto;float:left;text-align:center;font-size:32px;font-weight:bold;color:#00a9bc;line-height:30px;padding-top:2%;}
.detail_title_sub span{font-size:18px;font-weight:bold;color:#284845;line-height:50px;}
.detail_title_sub span1{font-size:18px;font-weight:normal;color:#284845;}
.detail_title_sub text{font-size:12px;line-height:20px;color:#9a9a9a;}

.tend_detail_content{width:100%;height:auto;float:left;padding:1% 0;}
.tend_detail_content1{width:100%;max-width:800px;height:auto;margin:0 auto;}
.tend_detail_content1 img{width:100%;height:auto;}
.tend_detail_content1 text{width:100%;float:left;text-align:center;color:#000;}

/*** contactus ***/
.contact{width:100%;height:auto;float:left;background:#fff;}
.contactus_title{width:100%;height:auto;float:left;text-align:center;padding:2% 0;}
.contactus{width:100%;height:auto;float:left;}
.contactus_info{width:100%;height:auto;float:left;padding:3% 0;}
.contactus_cotent{width:90%;height:auto;float:left;padding:0 5%;}
.contactus_cotent h3{line-height:200%;}
.contactus_cotent p{font-size:1.8rem;line-height:200%;}
.cmap{width:100%;height:500px;float:left;overflow:hidden;text-align:center;padding:3% 0;}
.contact_map{width:100%;height:500px;float:left;display:inline;overflow:hidden;}


@media screen and (min-width:640px) and (max-width:749px)
{
	html {font-size: 37.5%;/*6 ÷ 16 × 100% = 37.5%*/}
}
@media screen and (min-width:768px) and (max-width:1079px)
{
	html {font-size: 43.75%;/*7 ÷ 16 × 100% = 43.75%*/}
}
@media screen and (min-width:1080px) and (max-width:1919px)
{
	html {font-size: 56.25%;/*9 ÷ 16 × 100% = 56.25%*/}
}
@media screen and (min-width:1920px)
{
	html {font-size: 62.5%;/*10 ÷ 16 × 100% = 62.5%*/}
}