@charset "utf-8";
/* CSS Document */
body,ol,ul,h1,h2,h3,h4,h5,h6,p,th,td,dl,dd,form,fieldset,legend,input,textarea,select{margin:0;padding:0;}
*{margin:0 auto;}
body { color:#616161; font:13px/20px "Microsoft YaHei", "微软雅黑", "SimSun", "宋体",HELVETICA; max-width:640px; margin: auto;}
em{font-style:normal}
li{list-style:none}
/*fieldset, img { border:none; }*/
img{border:0;vertical-align:middle}
address, caption, cite, code, dfn, th, var { font-style:normal; font-weight:normal; }
ul, ol { list-style:none; }
input { padding-top:0; padding-bottom:0; font-family: "SimSun","宋体";}
input::-moz-focus-inner { border:none; padding:0; }
select, input { vertical-align:middle; }
select, input, textarea { font-size:14px; margin:0; }
input[type="text"], input[type="password"], textarea { outline-style:none; -webkit-appearance:none; }
textarea { resize:none; }
p {word-wrap:break-word}
table { border-collapse:collapse; }
a{ color:#fff; text-decoration:none;blr:expression(this.onFocus=this.blur()); }
a:hover, a:active, a:focus { color:#fff; text-decoration:none; }
.clearfloat{clear:both; height:0px; font-size:1px; line-height:0px;}
input { margin: 0; padding: 0; border: none; display: inline-block; vertical-align: middle; outline: none;}


/**********************************首页*****************************/
/*头部样式*/
.header{ width: 100%; height: 55px; margin:0 auto; text-align: center;  background:#1d2088; }
.header .home{ width: 10%; float: left; margin-top: 3%; margin-left: 4%;}
.header .logo{ width: 45%; float: left; margin-left: 11%;margin-top:5%;}
.header .menu{ width: 20%; float: right; margin-top:3%; margin-right: 2%;}

/*banner区域*/
.slider{display:none;}/*用于获取更加体验*/
.focus span{width:30px;height:2px;margin-left:5px;background:#d9d9d8;font-size:0}
.focus span.current{background:#fff;}
.banner{width: 100%; margin:0 auto;}

/*内容区域*/
.main{ width: 100%; margin:0 auto; overflow: hidden; margin-bottom:35%; }
.p1_nav{ width: 90%; margin:0 auto; margin-top: 7%; overflow: hidden;}
.p1_nav li{ width: 19%; float: left; margin-left:5%; color: #565d64;text-align: center; font-size: 15px;}
.p1_nav li a{ color: #565d64;}
.p1_nav li a:hover{ color:#1d2088; }
.p1_nav li span{ display: block; padding-top: 5%;}
.p1_nav li.active_nav a{ color: #1d2088; }
.title{ width: 60%; margin:0 auto;margin-top: 10%;}
.title2{ width: 70%; margin:0 auto;margin-top: 10%;}
.p1_img{ width: 100%; margin:0 auto; overflow: hidden; margin-top: 7%; }
.p1_img dd{ width: 23.5%; float: left; margin-left: 1.2%; margin-bottom: 3%;}
.p1_img2{ width: 100%; margin:0 auto; margin-top:7%;}
.p1_img2 p{ text-align: center; font-size: 16px; padding-top: 2%;}
.p1_img3{ width: 100%; margin:0 auto; margin-top:7%;}
.p1_img3 li{ width:48%; float: left; margin-left: 1.2%; margin-bottom: 4%;}
.p1_img3 li a{ text-decoration: none;}
.p1_img3 li span{ display: block; text-align: center;color: #555353; font-size: 15px; }
.p1_img3 li label{ display: block; text-align: center;color: #555353; font-size: 13px; }
.p1_img4{ width: 95%; margin:0 auto; margin-top:7%;}
.p1_img4 li{ width: 31%; float: left; margin-left: 2%;}


/*底部样式*/
.my_bottom{ width: 100%; position: fixed; bottom: 0; left: 0; background: #fff;}
.my_bottom li{ width: 19.6%; font-size: 14px; float: left; margin-left: 1px;background: #2d2c2c; color: #fff; text-align: center; line-height: 23px;}
.my_bottom li.act_bottom_nav{ width: 20.2%;}
.my_bottom li.bottom_icon01 img{width: 30%; padding-top: 13%;}
.my_bottom li.bottom_icon02 img{width: 31%; padding-top: 15%;}
.my_bottom li.bottom_icon03 img{width: 29%; padding-top: 12%;}
.my_bottom li.bottom_icon04 img{width: 30%; padding-top: 9%;}
.my_bottom li.act_bottom_nav img{ width: 32%;padding-top: 12%;}

.menu_nav{ width: 45%; background: #424a52; position: absolute; right: 1px; bottom:70px; display: none;}
.menu_nav li{ width: 100%; float: left;text-align: center; line-height: 38px; font-size: 14px; }
.menu_nav li .nav_a{display: block; width: 90%; color: #fff; background: url(../images/hide.png) 130px center no-repeat; background-size: 10px auto;border-bottom: 1px #dfe0e1 solid;padding-left: 8px;}
.menu_show{ width: 100%; background: #1d2088; display: none;}
.menu_show dd{ color: #4b4a4a;}
.menu_show dd a{ display: block; width: 90%; text-align: center; color:#fff; /*border-bottom: 1px #c1c1c1 solid;*/ }


/***************************************关于爱尔*****************************************/
.p2_nav{ width: 98%; margin:0 auto; margin-top: 7%; overflow: hidden;}
.p2_nav li{ width: 18%; float: left; margin-left:1.5%; color: #565d64;text-align: center; font-size: 14px;}
.p2_nav li a{ color: #565d64;}
.p2_nav li a:hover{ color:#1d2088; }
.p2_nav li span{ display: block; padding-top: 5%;}
.p2_nav li.active_nav a{ color: #1d2088; }
.p10_modular01{ width: 100%;  margin:0 auto; margin-top: 8%; padding-bottom: 20%;  background: url(../images/p10-bg01.png) top center no-repeat; background-size: 100% auto; }
.p10_modular01 h1{ font-size:18px; font-weight: normal; text-align: center; color: #fff; padding-top: 5%; }
.p10_modular01 h2{ font-size:14px;font-weight: normal;  text-align: center;color: #fff; }
.p10_modular01_word{ width:80% ; height:121px ; margin:0 auto; margin-top: 6%; background: url(../images/p10-bg02.png) no-repeat; background-size: 100% auto;}
.p10_modular01_word dd{ float: left; color: #f8c400; font-size: 12px; padding-left: 5%;}
.p10_modular01_nav{width:90%; margin:0 auto; overflow: hidden; margin-top: 7%;}
.p10_modular01_nav li{ width: 29%;  float: left; margin-bottom: 8%; margin-left: 3%;}
.p10_modular01_nav li span{ display: block; text-align: center; font-size: 15px; color: #6c6c6c; padding-top: 2%;}
.p10_modular01_nav li label{ display: block; width: 30px; height: 1px; margin:0 auto; background:#6c6c6c; margin-top:4%;}

.p10_2_word{ width: 90%; margin:0 auto; margin-top: 7%;}
.p10_2_word p{ margin-top: 5%;font-size: 14px;text-indent: 1em;text-align: justify;}
.p10_2_word img { width:100%; display: block; margin: 0 auto; margin-top: 5%;}
.p10_2_img{ width: 100%; margin:0 auto; margin-top:7%;}
.p10_2_img li{ width:48%; float: left; margin-left: 1.2%; margin-bottom: 4%;}
.p10_2_img li span{ display: block; text-align: center;color: #555353; font-size: 13px; }

.p10_2_word h1{ margin-top: 5%;font-size: 18px;text-align: center; font-weight: normal;}
.p10_2_word h2{ margin-top: 7%;font-size: 15px;text-align: left; font-weight: normal;}
.p10_2_word h3{ margin-top: 7%;font-size: 14px;text-align: right; font-weight: normal;}
.p10_2_word h4{ margin-top:2%;font-size: 14px;text-align: right; font-weight: normal;}
.p10_2_word p label{ color: #1d2088;}

.p10_4_word{ width: 90%; margin:0 auto; text-align: justify; font-size: 14px; line-height: 25px; margin-top: 7%;}
.p10_4_img{ width:100%; margin:0 auto; margin-top: 7%;}
.p10_4_img2{ width: 95%; margin:0 auto; margin-top: 5%;}


/************************************产品中心*************************************/
.p1_nav0{ width: 100%; margin:0 auto; margin-top: 7%; overflow: hidden; }
.p1_nav0 li{ width: 16%; float: left; margin-left:7%; color: #565d64;text-align: center; font-size: 15px;}
.p1_nav0 li a{ color: #565d64;}
.p1_nav0 li a:hover{ color:#1d2088; }
.p1_nav0 li span{ display: block; padding-top: 5%;}
.p1_nav0 li.active_nav a{ color: #1d2088; }
.p2_title{ width: 80%; margin:0 auto;  margin-top: 7%;}
.p2_title h1{ text-align: center; font-size:16px; font-family: "Georgia"; font-weight: normal;}
.p2_title h2{ width: 100%; text-align: center; font-size:16px; font-weight: normal; background: url(../images/p2-line.png) center center no-repeat;}
.p2_product{ width: 95%; margin:0 auto; margin-top: 7%; overflow: hidden;}
.p2_product dd{ width: 47%; float: left; margin-left: 2%; margin-bottom: 4%;}
.p2_product dd span{ display: block; width: 100%; height: 35px; line-height: 35px; margin-top: 1%; background: #737171; color: #fff; text-align: center; font-size: 13px;}
.p2_icon{ width:90%; margin:0 auto; margin-top: 7%; overflow: hidden; }
.p2_icon li{ width: 27%; float: left; margin-left: 5%;}
.p2_icon li span{ display: block; width: 100%; margin:0 auto; font-size: 14px; text-align: center; color: #555353;}
.p2_img0{ width: 100%; margin:0 auto; margin-top: 5%;}
.p2_word{ width: 90%; margin:0 auto; text-align: center; margin-top: 4%; font-size: 13px;}
.p2_btn{ width: 30%; height: 33px; margin:0 auto; margin-top: 5%; background: #555353; font-size: 14px; color: #fff; text-align: center; line-height: 33px;}
.p2_product_0{ width: 95%; margin:0 auto; margin-top: 7%; overflow: hidden;}
.p2_product_0 dd{ width: 31%; float: left; margin-left: 2%; margin-bottom: 4%;}
.p2_product_0 dd span{ display: block; width: 100%; height: 35px; line-height: 35px; margin-top: 1%; background: #737171; color: #fff; text-align: center; font-size: 12px;}

.p2_title2{ width: 80%; margin:0 auto;  margin-top: 10%;}
.p2_title2 h1{ text-align: center; font-size:20px; color: #555353; font-weight: normal;}
.p2_title2 h2{ width: 100%; text-align: center; font-size:15px; font-weight: normal; background: url(../images/p2-line.png) center center no-repeat;}
.p2_title2 h3{ width: 100%; text-align: center; font-size:13px; font-weight: normal; margin-bottom: 7%; }
.p2_2_product{ width: 98%;  margin:0 auto; margin-top: 3%; padding-bottom: 3%; background: url(../images/p2-2-bg0.png) no-repeat; background-size: 100% auto;}
.p2_2_product label{ display: block; width: 93%; margin:0 auto; padding-top: 4%;}
.p2_2_product span{ display: block; text-align: center; font-size: 15px;}
.p2_2_button{width: 35%;height: 33px;margin: 0 auto; margin-top: 7%;font-size: 14px; text-align: center; line-height: 33px; background: #1d2088;color: #fff;}
.product_1{ width: 98%;  margin:0 auto; padding-bottom: 6%; background: url(../images/p2-2-bg01.png) no-repeat; background-size: 100% auto;}
.product_1 label{ display: block; width: 30%; height: 30px; font-size: 14px; text-align: center; line-height: 30px; background: #737171; color: #fff; float: left; margin-top:1.7%; margin-left: 3%;margin-right: 3%; }
.product_1 span{ display: block; padding-top: 3.5%; font-size: 14px; color: #3a3939;}
.product_2{ width: 98%;  margin:0 auto; margin-top: 3%; padding-bottom: 37%; background: url(../images/p2-2-bg02.png) no-repeat; background-size: 100% auto;}
.product_2 label{ display: block; width: 30%; height: 30px; font-size: 14px; text-align: center; line-height: 30px; background: #737171; color: #fff; float: left; margin-top:3%; margin-left: 3%;margin-right: 3%; }
.product_2 span{ display: block; width: 94%; float: left; text-align: justify; padding-top: 3.5%; font-size: 14px; padding-left: 3%; color: #3a3939;}
.product_word01{ margin:0 auto;margin-top: 7%; font-family: "微软雅黑"; color: #424a52; text-align: center; font-size: 16px;}
.product_con01{ width: 98%; margin:0 auto;/* background: url(../images/productbg01.png) no-repeat; background-size: 100% auto;*/}
.product_con01 img{ display: block; width: 100%; margin:0 auto; padding-top: 2%; padding-bottom:4%;}
.product_con02{ width: 98%; margin:0 auto; border:1px #979797 solid;/*background: url(../images/productbg02.png) no-repeat; background-size: 100% auto;*/}
.product_con02 img{ display: block; width: 96%; margin:0 auto; padding-top: 2%; padding-bottom:2%;}
.product_btn{width: 30%; height: 33px; margin:0 auto; margin-top: 5%; background: #555353; font-size: 14px; color: #fff; text-align: center; line-height: 33px; }
.product_btn a:hover{ background:#1d2088; color: #fff; display: block; }
.pro_word{ width: 90%; margin:0 auto; text-align:center; padding-top: 1%;}
.pro_img{ width: 100%; margin:0 auto;}
.pro_img li{ width: 47%; float: left; margin-left: 2%;}
.pro_btn{ width: 98%; margin:0 auto; overflow: hidden; margin-top:7%; }
.pro_btn li{ width: 25%; height: 30px; text-align: center; line-height: 30px; font-size: 14px; background:#555353; color: #fff; float: left; margin-left: 6%; }
.pro_btn li a:hover{ background:#1d2088; color: #fff; display: block; }
.pro_details{ color:#1d2088; /*padding-left: 3%;*/ text-align: center; font-size: 15px;}
.door_position{ width: 95%; margin:0 auto; margin-top: 10%;}
.door_position a{ text-decoration: none; color: #555353;}
.door_center{ width: 95%; margin:0 auto; margin-top: 7%;}
.door_center h1{ text-align: center; font-size: 16px;color: #5c5b5b; font-weight: normal; }
.door_center h3{ text-align: center; font-size: 13px;color: #cbcbcb; font-weight: normal; }
.door_img{ width: 50%; margin:0 auto; margin-top: 5%;}
.door_center p{ width: 90%; margin: 0 auto; margin-top: 3%; font-size: 12px;text-align: center;color: #555353;}



/**************************************VR体验****************************************/
.p3_nav{ width: 90%; margin:0 auto; margin-top: 7%; overflow: hidden;}
.p3_nav li{ width: 25%; float: left; margin-left:17%; color: #565d64;text-align: center; font-size: 14px;}
.p3_nav li a{ color: #565d64;}
.p3_nav li a:hover{ color:#1d2088; }
.p3_nav li span{ display: block; padding-top: 5%;}
.p3_nav li.active_nav a{ color: #1d2088; }
.p3_img{ width: 95%; margin:0 auto; overflow: hidden; margin-top: 7%;}
.p3_img span{ display: block; text-align: center; font-size: 14px; color: #555353;}

.case_nav0{ width: 90%; margin:0 auto; overflow: hidden; margin-bottom: 2%; margin-top: 7%;}
.case_nav0 li{ width: 28%; height: 30px; background: #616161; color: #fff; float: left; margin-left: 4%; margin-bottom: 3%; text-align: center; line-height: 30px; font-size: 14px;}
.case_nav0 li.case_act_nav0{ background:#1d2088; color: #fff; }
.p3_case{ width: 95%; margin:0 auto; margin-top: 7%; overflow: hidden; display: none;}
.p3_case01{display: block;}
.p3_case dd{ width: 47%; float: left; margin-left: 2%; margin-bottom: 4%;}
.p3_case dd span{ display: block; width: 100%; height: 30px; line-height: 30px; margin-top: 1%; color: #555353; text-align: center;}

.case_position{ width: 95%; margin:0 auto; margin-top: 10%;}
.case_position a{ text-decoration: none; color: #555353;}
.case_center{ width: 95%; margin:0 auto; margin-top: 7%;}
.case_center h1{ text-align: center; font-size: 16px;color: #5c5b5b; font-weight: normal; }
.case_center h3{ text-align: center; font-size: 13px;color: #cbcbcb; font-weight: normal; }
.case_img{ width: 100%; margin:0 auto; margin-top: 5%;}
.case_center p{ width: 90%; margin: 0 auto; margin-top: 3%; font-size: 12px;text-align: center;color: #555353;}
.show_vr{ width: 100%; margin:0 auto; margin-top: 7%; overflow: hidden;}
.show_vr li{ width: 47%; float: left; margin-left: 2%; margin-bottom: 4%;}
.show_vr li span{ display: block; width: 100%; height: 35px; line-height: 35px; margin-top: 1%; background: #737171; color: #fff; text-align: center; font-size: 13px;}


/**************************************品牌优势*******************************************/
.p4_word{ width: 95%; margin:0 auto; overflow: hidden; margin-top: 7%;}
.p4_word h1{ font-weight: normal; font-size: 16px; color: #555353; text-align: center;}
.p4_word p{ width: 100%; font-size: 13px; color: #555353; text-align: center; margin-top: 4%;}
.p4_word .p4_img{ width: 100%; margin:0 auto; margin-top: 5%;}
.p4_word2{ width: 95%; margin:0 auto;overflow: hidden; margin-top: 5%; }
.p4_word2 .p4_left{ width: 39%; float: left; margin-top: 6%;}
.p4_word2 .p4_right{ width: 60%;  float: right; background: url(../images/p4-bg01.png) no-repeat; background-size: 100% auto;}
.p4_word2 .p4_right h1{ font-weight: normal; font-size: 14px; padding:5% 0 1% 12%;}
.p4_word2 .p4_right p{ font-size: 12px; padding:2% 0 8% 12%;}
.p4_word3{ width: 95%; margin:0 auto;overflow: hidden; margin-top: 5%; }
.p4_word3 .p4_left{ width: 39%; float: right; margin-top: 6%;}
.p4_word3 .p4_right{ width: 60%;  float: left; background: url(../images/p4-bg02.png) no-repeat; background-size: 100% auto;}
.p4_word3 .p4_right h1{ font-weight: normal; font-size: 14px; padding:5% 0 1% 5%; }
.p4_word3 .p4_right p{ font-size: 12px; padding:2% 5% 8% 5%;}

.p4_2_title{ width: 60%; margin:0 auto; height: 40px; background:#1d2088; text-align: center; line-height: 40px; color: #fff; margin-top:7%; font-size: 16px; }
.p4_2_word{ width: 100%; margin:0 auto; margin-top: 7%;  overflow: hidden;}
.p4_2_word li{ width: 47%; height: 243px; margin-bottom: 4%; border:1px #b4b2b2 solid; float: left; margin-left: 1%;}
.p4_2_word li h1{ width: 37%; margin:0 auto; margin-top: 10%; font-size: 16px; font-weight: normal; text-align: center;}
.p4_2_word li h2{ font-size: 16px; font-weight: normal; text-align: center; margin-top: 5%;}
.p4_2_word li p{ font-size: 12px; font-weight: normal; text-align:justify; margin-top: 5%; padding:0 5% 7% 5%;}
.p4_2_word2{ width: 97%; margin:0 auto;border:1px #b4b2b2 solid; }
.p4_2_word2 h1{ width: 20%; margin:0 auto; margin-top: 6%; font-size: 16px; font-weight: normal; text-align: center;}
.p4_2_word2 h2{ font-size: 16px; font-weight: normal; text-align: center; margin-top: 5%;}
.p4_2_word2 p{ font-size: 12px; font-weight: normal; text-align:justify; margin-top: 5%; padding:0 5% 7% 5%;}

.p4_3_word{ width: 95%; height: 130px; margin:0 auto; margin-top: 3%; background: #dfdddd;}
.p4_3_word .p4_3_left{ float: left;width: 20%; padding-top: 5%; padding-left: 1%;}
.p4_3_word .p4_3_right{ float: right; width: 76%; padding-top: 5%;}
.p4_3_word .p4_3_right h1{ font-size: 16px; color: #575959;}
.p4_3_word .p4_3_right p{ font-size: 13px; color: #575959; text-align: justify; padding:0 3% 3% 0;}
.p4_3_word2{ width: 95%; height: 130px; margin:0 auto; margin-top: 3%; background: #555353;}
.p4_3_word2 .p4_3_left{ float: left;width: 18%; padding-top: 5%; padding-left: 1%;}
.p4_3_word2 .p4_3_right{ float: right; width: 76%; padding-top: 5%;}
.p4_3_word2 .p4_3_right h1{ font-size: 16px; color: #fff;}
.p4_3_word2 .p4_3_right p{ font-size: 13px; color: #fff; text-align: justify; padding:0 3% 3% 0;}
.p4_3_word3{ width: 95%; height: 90px; margin:0 auto; overflow: hidden; margin-top: 3%; background:#555353;}
.p4_3_word4{ width: 92%; height: 74px; margin:0 auto; background:#575959;margin-top:2%; border:2px #fff solid;}
.p4_3_word4 h1{ font-size: 17px; text-align: center; margin-top: 6.5%; color: #fff; font-weight: normal;}
.p4_3_word4 h2{ font-size: 14px; text-align: center; color: #fff; font-weight: normal;}

.p4_4_word{ width: 100%; margin:0 auto; margin-top: 7%;}
.p4_4_word h1{ font-size: 17px; color: #373838; text-align: center; font-weight: normal;}
.p4_4_word h2{ width: 90%; margin:0 auto; font-size: 13px; color: #989696; text-align: center; font-weight: normal; margin-top: 4%;}
.p4_4_pic{ width: 97%; margin:0 auto; margin-top: 5%;}
.p4_4_word h3{ font-size: 15px; color: #373838; text-align: center; font-weight: normal;margin-top: 2%;}
.p4_4_word p{ width: 85%; margin:0 auto; font-size: 12px; color: #575454; text-align: justify; font-weight: normal; margin-top: 1%;}


/**************************************合作************************************************/
.p5_img{ width: 97%; margin:0 auto; margin-top: 2%;}
.p5_icon{ width: 97%; margin:0 auto; overflow: hidden; margin-top: 5%; overflow: hidden;border-bottom: 1px #636365 dashed; padding-bottom: 2%;}
.p5_icon_left{ float: left; width: 18%;}
.p5_icon_right{ width: 78%; float: right;}
.p5_icon_right h1{ font-size: 16px; font-weight: normal;color: #373838; }
.p5_icon_right p{ font-size: 12px; color: #575454; margin-top: 1%;}

.p5_2_word{ width: 95%; margin:0 auto;margin-top: 7%; }
.p5_2_img{ width: 100%; margin:0 auto; margin-top: 5%;}
.p5_2_word2{ width: 95%; margin:0 auto;margin-top: 3%; font-size: 12px; text-align: justify; }

.p5_3_word{ width: 89%; margin:0 auto; margin-top: 7%; text-align: center; font-size: 13px;}
.p5_3_img{width: 98%; margin:0 auto; margin-top: 7%; }

.p5_4_img{width: 95%; margin:0 auto; margin-top: 5%; }
.join_con03{ width: 90%; margin: 0 auto; overflow: hidden; margin-top: 5%;}
.join_con03 ul{ width: 100%; margin:0 auto;}
.join_con03 ul li {width: 100%;float: left;margin-bottom: 5%;}
.join_con03 ul li label {width: 100%;float: left;}
.join_con03 ul li span {color: #c32a2b;}
.join_con03 ul li input {width: 100%;float: left; height: 40px;line-height: 40px; padding-left: 5px;padding-right: 10px;margin-top: 1%; background: #555354; color: #fff; font-size: 14px;font-family: "微软雅黑";}
.join_con03 ul li textarea {width: 100%; float: left;height: 150px;background: #555354; margin-top: 8px; padding-left: 5px;padding-right: 10px; color: #fff;font-size: 14px;font-family: "微软雅黑";}
.join_button{ width: 30%; height: 35px; margin:0 auto; margin-top: 5%; line-height: 35px; text-align: center; color: #fff; background: #1d2088; font-size: 14px;}


/*******************************************经销商专区***************************************************/
.p6_nav{ width: 95%; margin:0 auto; margin-top: 7%; overflow: hidden;}
.p6_nav li{ width: 22%; float: left; margin-left:9%; color: #565d64;text-align: center; font-size: 14px;}
.p6_nav li a{ color: #565d64;}
.p6_nav li a:hover{ color:#1d2088; }
.p6_nav li span{ display: block; padding-top: 5%;}
.p6_nav li.active_nav a{ color: #1d2088; }
.p6_img{ width: 100%; margin:0 auto; margin-top: 7%;}
.p6_word{ width: 93%; margin:0 auto; margin-top:4%; font-size: 12px; text-align: justify;}
.p6_pic0{ width: 95%; margin:0 auto; margin-top: 7%; overflow: hidden;}
.p6_pic0 dd{ width: 47%; float: left; margin-left: 2%; margin-bottom: 4%;}
.p6_pic0 dd span{ display: block; width: 100%; height: 30px; line-height: 30px; margin-top: 1%; color: #555353; text-align: left;}
.p6_pic{ width: 95%; margin:0 auto; margin-top: 7%; overflow: hidden; display: none;}
.p6_pic dd{ width: 47%; float: left; margin-left: 2%; margin-bottom: 4%;}
.p6_pic dd span{ display: block; width: 100%; height: 30px; line-height: 30px; margin-top: 1%; color: #555353; text-align: left;}
.new_page {width: 85%;margin: 0 auto; overflow: hidden;margin-top: 10%;}
.new_page li {width: 40px;float: left;color: #373838; margin-left: 2%;height: 25px;text-align: center;line-height: 25px;border: 1px #acacac solid;}
.new_page li.act_page {width: 20%; height: 25px; line-height: 25px;background: #1d2088; color: #fff;border: 1px #1d2088 solid;}
.new_page li:hover{ background:#1d2088; color:#fff;}
.p6_pic_btn{ width: 30%; height: 30px; margin:0 auto; text-align: center; line-height: 30px; background:#616161; color: #fff;  }
.p6_pic_btn a{ text-decoration: none; color: #fff; display: block;}
.p6_pic_btn a:hover{ background:#1d2088; color:#fff; }

.pre_nav0{ width: 90%; margin:0 auto; overflow: hidden; margin-bottom: 2%; margin-top: 7%;}
.pre_nav0 li{ width: 28%; height: 30px; background: #616161; color: #fff; float: left; margin-left: 4%; margin-bottom: 3%; text-align: center; line-height: 30px; font-size: 14px;}
.pre_nav0 li.pre_act_nav0{ background:#1d2088; color: #fff; }

.p6_2_img{ width: 100%; margin:0 auto; overflow: hidden;}
.p6_2_img_left{ width: 50%; padding-bottom: 2.5%; background: #555353; float: left;}
.p6_2_img_left h1{ width: 70%; margin-left: 10%; color: #fff; font-size: 16px; margin-top: 5%; border-bottom: 1px #fff dashed; padding-bottom: 2%; font-weight: normal;}
.p6_2_img_left h2{ color: #fff; font-size: 12px; padding:3% 0 0 10%; font-weight: normal;}
.p6_2_img_left h3{ color: #fff; font-size: 12px; padding:6% 3% 0 10%; font-weight: normal;}
.p6_2_img_left h4{ width: 12%; float: right; padding:3% 5% 0 0;}
.p6_2_img_right{ width: 50%; float: left;}
.p6_2_img_left02{ width: 50%; float: left;}
.p6_2_img_right02{ width: 50%; padding-bottom: 2.5%; background: #1d2088; float: left;}
.p6_2_img_right02 h1{ width: 70%; margin-left: 10%; color: #fff; font-size: 16px; margin-top: 5%; border-bottom: 1px #fff dashed; padding-bottom: 2%; font-weight: normal;}
.p6_2_img_right02 h2{ color: #fff; font-size: 12px; padding:3% 0 0 10%; font-weight: normal;}
.p6_2_img_right02 h3{ color: #fff; font-size: 12px; padding:6% 3% 0 10%; font-weight: normal;}
.p6_2_img_right02 h4{ width: 12%; float: right; padding:3% 5% 0 0;}
.p6_2_img_left03{ width: 50%; padding-bottom: 2.5%; background: #dfdddd; float: left;}
.p6_2_img_left03 h1{ width: 70%; margin-left: 10%; color: #292b30; font-size: 16px; margin-top: 5%; border-bottom: 1px #292b30 dashed; padding-bottom: 2%; font-weight: normal;}
.p6_2_img_left03 h2{ color: #626366; font-size: 12px; padding:3% 0 0 10%; font-weight: normal;}
.p6_2_img_left03 h3{ color: #626366; font-size: 12px; padding:6% 3% 0 10%; font-weight: normal;}
.p6_2_img_left03 h4{ width: 12%; float: right; padding:3% 5% 0 0;}

.p6_con {width: 75%;margin: 0 auto;margin-top: 10%;}
.p6_con p { font-size: 14px;text-align: justify; color: #626366;line-height: 25px;}


/***************************************爱尔服务**************************************************/
.p7_img{ width: 97%; margin:0 auto; overflow: hidden; margin-top: 7%;}
.p7_img_left{ width: 45%; float: left;}
.p7_img_right{ float: right; width: 53%;}
.p7_img_right h1{ font-size: 15px; font-weight: normal;}
.p7_img_right h2{ font-size: 13px; font-weight: normal;}
.p7_img_right p{ font-size: 12px; }
.p7_img_left2{ float: left; width: 53%;}
.p7_img_left2 h1{ font-size: 15px; font-weight: normal;}
.p7_img_left2 h2{ font-size: 13px; font-weight: normal;}
.p7_img_left2 p{ font-size: 12px; }
.p7_img_right2{ width: 45%; float: right;}

.p7_3_img{ width: 97%; margin:0 auto; margin-top: 7%;}

.member_word{ width: 95%; margin:0 auto; margin-top: 7%; background: #e6e6e6;}
.member_word h2{ padding:5% 0 0 10%; color: #787878;}
.member_word h2 label{ font-size: 17px;}
.member_word h2 span{ font-size: 14px; font-weight: normal; padding-left: 7%;}
.member_word p{ padding:5% 4% 5% 10%; color: #787878;}
.member_input{ width: 95%; margin:0 auto; margin-top: 7%;}
.member_input h3{ font-weight: normal; text-align: center; font-size: 13px; font-family: "微软雅黑";}
.member_input h4{ width: 100%; height: 30px; overflow: hidden; margin-top: 5%;}
.member_input h4 label{ display: block; width: 45%; height: 28px; line-height: 25px; float: left; border: 1px #333333 solid;}
.member_input h4 label input{ width: 90%; padding-left: 5px; border: none; outline: none; font-family: "微软雅黑";}
.member_input h4 span{ display: block; width: 45%;height: 28px;  line-height: 25px; float: right; border: 1px #333333 solid;}
.member_input h4 span input{ width: 90%;padding-left: 5px; border: none; outline: none;font-family: "微软雅黑";}
.member_input h5{ width: 100%;height: 30px; margin-top: 5%; border: 1px #000 solid;}
.member_input h5 input{ display: block; width: 90%; height:28px; line-height: 25px; padding-left: 5px; border: none; outline: none;font-family: "微软雅黑";}
.member_input h6{ width: 100%; height: 30px;margin:0 auto; margin-top: 5%; font-size: 14px; font-weight: normal; background: #1d2088; color: #fff; text-align: center; line-height: 30px;}
.member_join{ width: 95%; margin:0 auto; margin-top: 7%; background: #555353;}
.member_join ul{ margin:0 auto; padding:4% 2% 0 2% ; overflow: hidden; margin-top: 4% }
.member_join ul li{ width:32%; height: 60px; line-height: 60px; float: left; margin-bottom: 5%; margin-left: 2%; background: #fff;}
.member_join ul li img{ float: left; padding: 9% 0 3% 1%;}
.member_join ul li span{ float: left;}


/**************************************新闻资讯*******************************************************/
.p8_nav{ width: 98%; margin:0 auto; margin-top: 7%; overflow: hidden;}
.p8_nav li{ width: 15%; float: left; margin-left:1.3%; color: #565d64;text-align: center; font-size: 14px;}
.p8_nav li a{ color: #565d64;}
.p8_nav li a:hover{ color:#1d2088; }
.p8_nav li span{ display: block; padding-top: 5%;}
.p8_nav li.active_nav a{ color: #1d2088; }
.new_con_left img {
    height: 6.5rem;
}
.new_con{ width: 98%; margin:0 auto; margin-top:3%; overflow: hidden;}
.new_con a{ text-decoration: none; color: #555353;}
.new_con_left{ float: left; width: 35%;}
.new_con_right{ float: right; width: 65%; background: #dfdddd; height:6.5rem;font-size: 13px;}
.new_con_right h1{ font-size: 15px; font-weight: normal; padding-left: 3%;   padding-top:3px;    margin: 0 0 5px 0;  word-break: inherit;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;}
.new_con_right p{ font-size: 14px; text-align: justify; padding-right: 3%;padding-left: 3%;    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;}
.new_con_right h3{ font-size: 12px; float: right; font-weight: normal; padding-right: 5%; padding-bottom: 1%;}

.new_center{ width: 95%; margin:0 auto; margin-top: 7%;font-size: 14px;}
.new_center img {width:100%;}
.new_center h1{ text-align: center; font-size: 16px;color: #5c5b5b; font-weight: normal; }
.new_center h3{ text-align: center; font-size: 13px;color: #cbcbcb; font-weight: normal; }
.new_img{ width: 100%; margin:0 auto; margin-top: 5%;}
.new_center p{ width: 100%; margin: 0 auto; margin-top: 3%; font-size: 12px;text-align: justify;color: #555353;}
.new_center_page{ width: 85%; margin:0 auto; overflow: hidden; margin-top: 10%; }
.new_center_page li{ width: 27%; height: 35px; float: left; margin-left: 5%;text-align: center; line-height: 35px;}
.new_center_page li a{ text-decoration: none;display: block;}
.new_center_page li:hover{ color:#1d2088; }
.new_list_page{ width: 95%; margin:0 auto; margin-top: 8%;}
.new_list_page p{ font-size: 14px; text-align: justify;}
.new_list_page p a{ text-decoration: none; color: #1d2088;}
.new_list_page p a:hover{ color:#1d2088; }
.new_center a{ color:#1d2088; }
/*************************************VIP活动*******************************************************/
.p9_nav{ width: 95%; margin:0 auto; margin-top: 7%; overflow: hidden;}
.p9_nav li{ width: 22%; float: left; margin-left:9%; color: #565d64;text-align: center; font-size: 14px;}
.p9_nav li a{ color: #565d64;}
.p9_nav li a:hover{ color:#1d2088; }
.p9_nav li span{ display: block; padding-top: 5%;}
.p9_nav li.active_nav a{ color: #1d2088; }

.step01{ width: 95%; margin:0 auto; overflow: hidden; margin-top: 7%;}
.step01_img{ width: 50%; float: left;}
.step01 span{ display: block; float: left; padding-top: 5%; font-size: 16px; padding-left: 2%;}
.step01_word{ width: 100%; height: 60px; margin:0 auto; margin-top: 3%; background: #737171; }
.step01_word_img{ width: 12%; float: left; margin-top: 3%; margin-left: 5%;}
.step01_word span{ display: block; float: left; line-height: 60px; color: #fff; padding-left: 4%; font-size: 16px;}
.step02_word{ width: 100%; height: 40px; margin:0 auto; margin-top: 3%; background: #737171; }
.step02_word_img{ width: 8%; float: left; margin-top: 3%; margin-left: 5%;}
.step02_word span{ display: block; float: left; line-height: 40px; color: #fff; padding-left: 4%; font-size: 16px;}
.step02_p{ width: 80%; margin:0 auto; margin-top: 2%; font-size: 14px;}
.step_03{ width: 100%; margin:0 auto; overflow: hidden; margin-top: 7%; }
.step_03 li{ width: 47%; height: 200px; margin-bottom: 4%; float: left; margin-left: 2%; background: url(../images/vip-bg01.jpg);}
.step_03 li h1{ width: 26%; margin:0 auto; margin-top: 10%;}
.step_03 li p{ font-size: 12px; color: #f5f3f3; padding: 7% 4% 0 4%; text-align: justify;}
.step01 a{ text-decoration: none; color: #616161;}

.vip_btn{ width:96%; margin:0 auto; padding-bottom: 10%; display: none; z-index: 9999999; background:#fff; position: absolute; top: 25%; left: 1.5%;}
.apply_bg { z-index: 9998; position: fixed; top: 0;left: 0; width: 100%; height: 100%;background: #000; opacity: 0.5;filter: alpha(opacity=50); display: none; cursor: pointer;}
.vip_top{ width: 100%; height: 35px; line-height: 35px; font-size: 16px; background: #f8c400;}
.vip_top label{ display: block; float: left; color: #fff; padding-left: 3%;}
.vip_top span{ display: block; float: left; color: #565d64; padding-left: 45%;}
.vip_top span a{ color: #565d64;}
.vip_form{ width: 90%; margin: 0 auto; overflow: hidden; margin-top: 5%;}
.vip_form li {width: 100%;float: left;margin-bottom: 5%;}
.vip_form li label {width: 100%;float: left;}
.vip_form li span {color: #c32a2b;}
.vip_form li input {width: 100%;float: left; height: 40px;line-height: 40px; padding-left: 5px;padding-right: 10px;margin-top: 1%; background: #737171; color: #fff; font-size: 14px;}
.vip_btn0{ width: 90%; height: 35px; margin:0 auto; margin-top: 5%; line-height: 35px; text-align: center; color: #fff; background: #f8c400; font-size: 14px;}
.apply_close { float: right; color: #999; padding: 12px; font: bold 16px/16px simsun; text-shadow: 0 1px 0 #ddd;}
.apply_close a { color: #999; display: block;}

.vip_btn2{ width:96%; margin:0 auto; padding-bottom: 10%; display: none; z-index: 9999999; background:#fff; position: absolute; top: 15%; left: 1.5%;}
.vip_top2{ width: 100%; height: 35px; line-height: 35px; font-size: 16px; background: #f8c400;}
.vip_top2 label{ display: block; float: left; color: #fff; padding-left: 3%;}
.vip_top2 span{ display: block; float: left; color: #565d64; padding-left: 23%;}
.vip_top2 span a{ color: #565d64;}
.vip_form2{ width: 90%; margin: 0 auto; overflow: hidden; margin-top: 5%;}
.vip_form2 li {width: 100%;float: left;margin-bottom: 5%;}
.vip_form2 li label {width: 100%;float: left;}
.vip_form2 li span {color: #c32a2b;}
.vip_form2 li input {width: 100%;float: left; height: 40px;line-height: 40px; padding-left: 5px;padding-right: 10px;margin-top: 1%; background: #737171; color: #fff; font-size: 14px;}
.vip_btn3{ width: 90%; height: 35px; margin:0 auto; margin-top: 5%; line-height: 35px; text-align: center; color: #fff; background: #f8c400; font-size: 14px;}
.apply_close2 { float: right; color: #999; padding: 12px; font: bold 16px/16px simsun; text-shadow: 0 1px 0 #ddd;}
.apply_close2 a { color: #999; display: block;}


/**************************************联系我们************************************************/
.p11_con{ width: 98%; margin:0 auto; overflow: hidden; margin-top: 7%;}
.p11_con li{ width: 47%; float: left; margin-left: 2%; margin-bottom: 6%;}
.p11_con li h1{ width: 25%; margin:0 auto;  }
.p11_con li h2{ font-size: 15px; text-align: center; margin-top: 4%; font-weight: normal;}
.p11_con li h3{ width: 22%; height: 2px; margin:0 auto; margin-top: 2%; background: #f8c400;}
.p11_con li h4{ font-size: 12px; text-align: center; font-weight: normal; margin-top: 2%;}
.p11_con a{ color:#333;}
.p11_img{ width: 98%; margin:0 auto; margin-top: 5%;}
.contact_con h1{ width: 100%; text-align: left; font-size: 16px; font-weight: normal;font-family: "微软雅黑";}
.contact_con h2{ width: 100%; text-align: left; font-size: 20px; font-weight: normal; color:#1d2088;  border-bottom: 1px #555353 solid; padding-bottom: 2%;font-family: "微软雅黑";}
.contact_con{ width: 90%; margin: 0 auto; overflow: hidden; margin-top:7%;}
.contact_con ul{ width: 100%; margin:0 auto; margin-top: 5%;}
.contact_con ul li {width: 100%;float: left;margin-bottom: 5%;}
.contact_con ul li input {width: 94%;float: left; height: 40px;line-height: 40px; padding-left: 5px;padding-right: 10px;margin-top: 1%; border:1px #aaaaaa solid; color: #555353; font-size: 14px;font-family: "微软雅黑";}
.contact_con ul li textarea {width: 94%; float: left;height: 150px; padding-top: 2%; padding-left: 5px;padding-right: 10px; color: #555353;font-size: 14px;border:1px #aaaaaa solid;font-family: "微软雅黑";}
.contact_button{ width: 90%; height: 35px; margin:0 auto; margin-top: 3%; line-height: 35px; text-align: center; color: #fff; background: #1d2088; font-size: 14px;}


/*媒体查询兼容手机尺寸*/ 
/*iphone6s */ 
 @media screen and (min-width:414px) and (min-height:672px) 
 { 
  .header{ height: 63px;}
  .header .home{ width: 9%;}
  .header .logo{ width: 42%; margin-top: 4%;}
  .new_con_right h1{ padding-top: 3%;}
  .new_con_right h3{ padding-top: 5.4%;}
  .p4_word2 .p4_right p{ padding: 2% 0 17% 12%; font-size: 13px;}
  .p4_word3 .p4_right p{ padding: 2% 5% 26% 5%; font-size: 13px;}
  .p4_word2 .p4_right h1,.p4_word3 .p4_right h1{ font-size: 16px;}
  .p4_3_word4 h1{ margin-top: 4.5%;}
  .p4_3_word4{ margin-top: 1.5%;}
  .p6_word{ font-size: 14px;}
  .p6_pic dd span,.p6_pic0 dd span{ font-size: 13px;}
  .p6_2_img_left h4,.p6_2_img_right02 h4,.p6_2_img_left03 h4{ padding: 18% 5% 0 0;}
  .case_center p{ font-size: 13px;}
  .step02_word_img{ width: 7%; margin-top: 2%;}
  .menu_nav{ bottom: 84px;}
  .my_bottom li.bottom_icon04 img{ padding-top: 12%;}
  .my_bottom li.bottom_icon03 img{ padding-top: 16%;}
  .my_bottom li.bottom_icon02 img{ padding-top: 19%;}
  .my_bottom li.bottom_icon01 img{ padding-top: 18%;}
  .p10_modular01_word{ height: 165px;}
  .p10_modular01_word dd{ font-size: 13px;padding-left: 13%;}
  .p11_con li h4{ font-size: 14px;}

 } 

/*ipad*/
@media screen and (min-width:768px) and (max-height:1024px) 
 { 
   .header{ height: 97px;}
   .p10_modular01_word{ height: 276px;}
   .p10_modular01_word dd{ font-size: 18px; line-height: 28px;padding-left: 17%;}
   .new_con_right h1{ font-size: 20px;}
   .new_con_right p{ font-size: 18px; padding-top: 5%;}
   .new_con_right h3{ font-size: 15px;padding-top: 11.4%;}
   .menu_nav{ bottom: 135px;}
   .step01_word_img{ width: 6%; margin-top: 2%;}
   .step02_word_img { width: 4%; margin-top: 1%;}
   .p2_2_product,.product_1{ padding-bottom: 8%;}
   .p4_3_word .p4_3_left{ width: 15%;padding-top: 4%;}
   .p4_3_word2 .p4_3_left{ width: 13%;}
   .p4_word2 .p4_right p{ padding: 2% 0 36% 12%; font-size: 15px;}
   .p4_word3 .p4_right p{ padding: 2% 5% 35% 5%;font-size: 15px;}
   .p6_2_img_left h4, .p6_2_img_right02 h4, .p6_2_img_left03 h4{ padding: 42% 5% 0 0;}
   .member_join ul li{ height: 110px;}


 }

/*iphone6 a*/ 
 @media screen and (min-width:375px) and (max-height:667px) 
 { 
   .header .logo{ margin-top: 3%;}
   .header .menu{ margin-top: 2%;}
   .header .home{ margin-top: 2%;}
   .menu_nav li{ line-height: 40px;}
   .p2_product dd span{ font-size: 14px;}
   .p2_2_product span{ padding-top: 1%;}
   .menu_nav{ bottom: 79px; right:2px;}
   .p3_img span{ font-size: 16px; padding-top: 1%;}
   .p6_2_img_left{ padding-bottom: 7.5%;}
   .p6_2_img_right02{ padding-bottom: 7.5%;}
   .p6_2_img_left03{ padding-bottom: 7.5%;}{ padding-bottom: 6.2%;}
   .new_con_right h3{ padding-bottom: 6.2%;}
   .new_page li{ margin-left: 3%;}
   .p10_modular01_word{ height: 145px;}
   .p10_modular01_word dd{ padding-left: 10%; font-size: 13px;}
   .p4_word2 .p4_right p{ padding: 2% 0 15% 12%;}
   .p4_word3 .p4_right p{ padding: 2% 7% 22% 5%;}
   .my_bottom li.bottom_icon01 img {width: 55%;padding-top: 17%;}
   .my_bottom li.bottom_icon03 img{ padding-top: 16%;}
   .step02_word_img { width: 7%;}


 } 
/*iphone6 b*/ 
 @media screen and (min-width:375px) and (max-height:603px) 
 { 
   .header .menu{margin-top: 2%;}

 }


/*Android*/ 
 @media screen and (min-width:360px) and (max-height:640px) 
 {
  .header .logo{ margin-top: 4%;}
  .header .menu{ margin-top: 2%;}
  .menu_nav{ right: 2px; bottom: 79px;}
  .p4_word2 .p4_right p{padding: 2% 3% 13% 12%;}
  .p4_word3 .p4_right p{ padding: 2% 7% 21% 5%;}
  .p6_2_img_left{ padding-bottom: 6.5%;}
  .p6_2_img_right02{padding-bottom: 6.5%; }
  .p6_2_img_left03{ padding-bottom: 6.5%;}
  .new_con_right h3{ padding-bottom:5%;}
  .p10_modular01_word{ height: 137px;}
  .p10_modular01_word dd{ font-size: 13px;padding-left: 7%;}
  .my_bottom li.bottom_icon01 img{ padding-top: 17%;}
  .my_bottom li.bottom_icon03 img{ padding-top: 16%;}

}

/*iphone5 a*/ 
 @media screen and (min-width:320px) and (max-height:568px) 
 { 
  
 }

/*iphone5 b*/ 
 @media screen and (min-width:320px) and (max-height:504px) 
 { 
  .menu_nav li{ line-height: 31px;}
 } 

/*iphone4 a*/ 
 @media screen and (min-width:320px) and (max-height:480px) 
 { 
  
 } 
  
/*iphone4 b*/ 
 @media screen and (min-width:320px) and (max-height:416px) 
 { 
  .menu_nav li{ line-height: 25px;}
 } 
