@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:12px; 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;}

.biaoti{width: 100%;margin: 0 auto; overflow:hidden; height:auto;}
/**********************************首页*****************************/
.search{ width: 95%; height:32px;  margin:0 auto; margin-top: 8%; padding-top:5px; border:1px #ccc solid; border-radius: 20px;}
.search input{ display: block; width:80%; float: left; height:30px; border:none; color: #b8b7b7; font-size:0.85rem; margin-top: 0.5%; font-family: "微软雅黑"; border-radius: 20%; margin-left:2%;}
.search span{ display: block; width: 6%; float: right; margin-right:4%; margin-top:1.5%;}

/*头部样式*/
.header{ width: 100%; height: 55px; background: #000000;position: relative;}
.home{ width: 8%; float: left; margin-left: 5%; margin-top: 4%;}
.logo{ width:55%; float: left; margin-left:9%; margin-top:3.5%;}
.menu{ width: 7%; float: right; margin-right: 5%; margin-top: 5%; position: relative;}
/*banner区域*/
.slider{display:none;}/*用于获取更加体验*/
.focus span{width:30px;height:2px;margin-left:5px;background:#fff;font-size:0}
.focus span.current{background:#0b2a49;}
.banner{width: 100%; margin:0 auto; }
/*导航样式*/
.menu_nav{ width: 30%; position: absolute; display: none; top:55px; right: 0; z-index: 999;}
.menu_nav li{width: 100%; height: 40px; line-height: 40px; float: left; font-size: 14px; border-bottom: 1px #fad200 solid; text-align:center; background: #0b2a49;}
.menu_nav li a{ display: block;}
.menu_nav li a:hover{ display: block; width: 100%;height: 40px; line-height: 40px;background: #fad200; }
/*底部样式*/
.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: #000000; color: #fff; text-align: center; line-height: 25px;}
.my_bottom li.act_bottom_nav{ width: 20.2%;}
.my_bottom li.bottom_icon01 img{width:37%; padding-top: 16%;}
.my_bottom li.bottom_icon02 img{width: 36%; padding-top: 18%;}
.my_bottom li.bottom_icon03 img{width: 43%; padding-top: 15%;}
.my_bottom li.bottom_icon04 img{width: 34%; padding-top: 11%;}
.my_bottom li.act_bottom_nav img{ width: 42%;padding-top: 15%;}



/*首页营销支持*/
.p1_part2{ width: 100%; margin:0 auto; padding-bottom: 7%; background: url(../images/p1-bg2.jpg); background-size: 100% 100%; overflow:hidden;}
.p1_part2_con{ width: 100%; margin:0 auto; margin-top: 8%; overflow: hidden;}
.p1_part2_con li{ width: 30%; float: left; margin-left: 2.5%;}
.p1_part2_con li span{ display: block; width: 100%; height: 30px; border-radius: 10px; text-align: center; line-height: 30px; background: #0b2a49; color: #fff;}
.p1_part2_con2{ width: 100%; margin:0 auto; margin-top: 4%; overflow: hidden;}
.p1_part2_con2 li{ width: 30%; float: left; margin-left:12%;}
.p1_part2_con2 li span{ display: block; width: 100%; height: 30px; border-radius: 10px; text-align: center; line-height: 30px; background: #0b2a49; color: #fff;}

/*内容区域*/
.main{ width: 100%; margin:0 auto; overflow: hidden; margin-bottom:20%; }
.main2{ width: 100%; margin:0 auto; overflow: hidden; margin-bottom:11%; }
.p3_tab01{ width: 98%; margin:0 auto;overflow: hidden; margin-top: 7%; }
.p3_tab01 li{ width: 25%; float: left; text-align: center; margin-bottom:2%; line-height:25px; font-size: 0.85rem; background: url(../images/p2-titlebg.png); background-size: 100% 100%;}
.p3_tab01 li a{ display: block;text-decoration: none; width: 100%; color: #787878; }
.p3_tab01 li.p3_tab01_act{ background: url(../images/p2-titlebg2.png); background-size: 100% 100%; color: #fff;}
.p3_tab01 li.p3_tab01_act a{ text-decoration: none; color: #fff;}
.p3_tab01 li a:hover{ background: url(../images/p2-titlebg2.png); background-size: 100% 100%; color: #fff;}
.p4_tab01{ width: 98%; margin:0 auto;overflow: hidden; margin-top: 7%; }
.p4_tab01 li{ width:33%; float: left; text-align: center; margin-bottom:2%; line-height:25px; font-size: 0.85rem; background: url(../images/p2-titlebg.png); background-size: 100% 100%;}
.p4_tab01 li a{ display: block;text-decoration: none; width: 100%; color: #0b2a49; }
.p4_tab01 li.p4_tab01_act{ background: url(../images/p2-titlebg2.png); background-size: 100% 100%; color: #fff;}
.p4_tab01 li.p4_tab01_act a{ text-decoration: none; color: #fff;}
.p4_tab01 li a:hover{ background: url(../images/p2-titlebg2.png); background-size: 100% 100%; color: #fff;}

.p1_con02AA{ width: 98%; margin:0 auto; margin-top:5%;overflow: hidden; background: url(../images/p1-bg02.jpg) no-repeat; background-size: 100% 100%; padding-bottom: 15%;}
.title2{ width:98%; margin: 0 auto; margin-top: 8%; }
.title2 a{ text-decoration: none;}
.title2 p{width: 95%;height: 20px; margin: 0 auto; text-align: center; color: #fff; font-size:1.2rem; font-family: "微软雅黑"; background: url(../images/title-bg2.png) no-repeat; background-size: 100% 100%;}
.title2 p span{ display: block; text-align: center; color: #fff; font-size: 0.65rem; font-family: "华文细黑";}
.title2 .title_word{ text-align: center; margin-top:6%; color: #fff; font-size:0.95rem;  font-family: "微软雅黑";}
.title_word3{ width: 96%; margin:0 auto; margin-top: 4%; text-align: justify; font-size: 0.8rem;color: #fff;}
.p1_con02AA h2{ width: 100%; text-align: center; font-size: 18px; color: #0b2a49; margin-top: 5%;font-weight: normal;}





.p1_con01 { width: 100%; margin:0 auto; margin-top:3%; text-align: center; }
.p1_con01 img{width: 98%; margin-bottom:15px;}

.p1_nav{ width: 100%;margin:0 auto; margin-top: 5%; overflow: hidden; padding-bottom: 2%; padding-top: 2%; }
.p1_nav li{ width: 18%; float: left; font-size: 16px; margin-left:5.7%; text-align: center; padding-top: 4%;padding-bottom: 6%; background: url(../images/navbg.png) no-repeat; background-size: 100% auto;}
.p1_nav li a{ display: block; text-decoration: none; color: #ffffff;}
.p1_title{ width: 90%; margin:0 auto; margin-top: 8%; text-align:center;font-size: 17px; color:#0b2a49; padding-bottom:5px; line-height:25px; background-image:url(../images/dot.png); background-repeat:no-repeat; background-position:center botom; background-size:contain;}

.p1_word{ width: 95%; margin:0 auto; margin-top: 3%;}
.p1_word h3{ width: 100%; text-align: center; font-size: 18px; color: #0b2a49; margin-top: 5%;font-weight: normal;}
.p1_word p{ font-size: 16px; text-align: justify; margin-top: 2%;line-height: 25px; color: #6c6c6f;}
.p1_pic{ width: 100%; margin:0 auto; margin-top: 6%;}
.p1_pic li{ width: 47%; float: left; margin-left: 2%; margin-bottom: 2%;}
.p1_part5_con{ width: 96%; margin:0 auto; overflow: hidden; margin-top: 6%; }
.p1_part5_con li{ width: 100%; float: left; border-bottom: 1px #ccc solid; padding-bottom:2%; margin-bottom: 2%;}
.p1_part5_conl{ width: 22%; float: left; margin-top: 4%; margin-left: 1%;}
.p1_part5_conl label{ display: block; float: left; font-size: 22px; color: #767676;}
.p1_part5_conl span{ display: block; width: 45%; height: 30px; float: left; margin-left: 20%; color: #767676;border:1px #ccc solid; text-align: center; line-height: 30px; margin-top:15%;  }
.p1_part5_cona{ width: 5%; height: 1px; float: left; margin-left: 3%; margin-top:6%; background: #c8a058;}
.p1_part5_conc{ width:65%; float: left; margin-left: 3%;margin-top:4%; }
.p1_part5_conc h2{ font-size: 15px; color: #767676;font-weight: normal;}
.p1_part5_conc p{ font-size: 14px; color: #767676; padding-top: 2%; text-align: justify;}
.news-more { border: 1px solid #a58457;text-align: center; width: 6.5rem; height: 2rem; line-height: 2rem; margin: 1rem auto 0; font-size: .7rem; }
.news-more a{ display: block; text-decoration: none; color: #a58457;}
.news-more a:hover{ display: block;height: 2rem; border: 1px solid #c8a058; color: #c8a058;height: 1.9rem; line-height: 1.9rem;}













.p1_con02{ width:98%; margin:0 auto; overflow: hidden;  margin-top: 8%; }
.p1_con02 ul li{ width: 100%;  margin-bottom: 5%; height:130px;}
.p1_con02l{ width:36%; float: left; }
.p1_con02l img{ width:100%; height:120px;}

.p1_con02r{ width:60%; float: right; }
.p1_con02r h2{ width:98%;font-size:16px; color: #ffffff; padding-left: 2%; font-weight: normal; background-color:#aeaeae; line-height:30px;}
.p1_con02r h2 a{ color:#FFF;}


.p1_con02r p{ font-size: 14px; color: #3b3c3c; margin-top: 2%;padding-left: 2%;}
.p1_con02r h2:hover{ color:#784a35; }
.p1_con02r p:hover{ color:#784a35; }
.p1_con02r h3{ width:100%; height: 25px; position: relative; background: url(../images/p1-newbg.png) no-repeat; background-size: 100% 100%; margin-top: 5%; color: #4f4f4f; font-weight: normal;}
.p1_con02r h3 label{ display: block; width: 46%; line-height: 25px; float: left; margin-left:4%; }
.p1_con02r h3 label img{ width: 7%;}
.p1_con02r h3 label b{ font-weight: normal; padding-left: 22%;}
.new_icon01{ position: absolute; top: 23%;}
.p1_con02r h3 span{ display: block; width: 47%; line-height: 25px; float: left; margin-left:1%; }
.p1_con02r h3 span img{ width: 10%;}
.p1_con02r h3 span i{ font-style: normal; padding-left: 25%;}
.new_icon02{ position: absolute; top: 31%;}
.p1_con02r h3 span a{ text-decoration: none; color:#3b3c3c;}
.p1_con02r h3 span a:hover{ color: #784a35;}
.p1_con03{ width: 100%; margin:0 auto;margin-top: 6%; overflow: hidden; padding-bottom:15%; background: url(../images/p1-bg02.jpg) no-repeat; background-size: 100% 100%;}
.p1_word02{ width: 95%; margin:0 auto; margin-top: 7%;}
.p1_btn02{ width: 30%; height: 25px; margin:0 auto; text-align: center; line-height: 25px; margin-top: 8%;background: #784a35; color: #fff;}
.p1_pic{ width:100%; margin:0 auto; margin-top: 6%;}
.p1_pic li{ width: 47%; float: left; margin-left: 2%; margin-bottom: 3%;}


/**************************************关于楿都*************************************/
.p2_nav{ width: 100%;margin:0 auto; margin-top: 5%; overflow: hidden; padding-bottom: 2%; padding-top: 2%; }
.p2_nav li{ width: 17%; float: left; font-size: 16px; margin-left:2.5%; text-align: center; padding-top: 3%;padding-bottom: 6%; background: url(../images/navbg.png) no-repeat; background-size: 100% auto;}
.p2_nav li a{ display: block; text-decoration: none; color: #0b2a49;}
.p2_nav li.p2_actnav{ background: url(../images/navbg0.png) no-repeat; background-size: 100% auto; color: #fff;}
.p2_nav li.p2_actnav a{ color: #fff;}
.p2_nav li:hover{ background: url(../images/navbg0.png) no-repeat; background-size: 100% auto; color: #fff;}
.p2_nav li a:hover{ color: #fff;}
.p2_title{ width: 65%; margin:0 auto; margin-top: 8%;}
.p2_word{ width: 95%; margin:0 auto; margin-top: 6%;}
.p2_img{ width: 95%; margin:0 auto; margin-top:6%;}

.p2_3_img{ width: 98%; margin:0 auto; margin-top:5%;}
.p2_3_word{ width: 95%; margin:0 auto; margin-top: 3%; text-align:center;}

.p2_3_word img{ width: 95%; margin:0 auto; margin-top: 3%; height:auto;}



.p2_3_word h3{ width: 100%; text-align: center; font-size: 18px; color: #0b2a49; margin-top: 5%;font-weight: normal;}
.p2_3_word p{ font-size: 16px; text-align: left; margin-top: 2%;line-height: 30px; color: #6c6c6f;　}

.p2_4_con0{ width: 98%; margin:0 auto; margin-top: 5%;}
.p2_4_con{ width: 100%; margin:0 auto;overflow: hidden; margin-bottom: 5%; background: url(../images/p2-bg.png) top center no-repeat; background-size: 100% auto;}
.p2_4_con h4{ width: 25%; height: 30px; font-weight: normal; float: left; margin-top: 5%; margin-left: 8%; background: #0b2a49; color: #fff; text-align: center; line-height: 30px; font-size: 16px;}
.p2_4_con p{ width: 90%; float: left; font-size: 16px;line-height: 25px; text-align: justify; margin:4% 4% 0 8%;}

.p2_4_con_cc{ width: 90%; float: left; font-size: 16px;line-height: 25px; text-align: justify; margin:4% 4% 0 8%; color:#0b2a49;}



.p2_5_word{ width: 95%; margin:0 auto; margin-top: 3%;}
.p2_5_word h3{ width: 100%; text-align: center; font-size: 16px;line-height: 27px; color: #0b2a49; margin-top: 5%;font-weight: normal;}
.p2_5_word p{ font-size: 14px; margin-top: 2%;line-height: 30px; color: #6c6c6f;}


/*****************************************汉莎品牌*******************************************/
.p3_nav{ width: 100%;margin:0 auto; margin-top: 5%;overflow: hidden; padding-bottom: 2%; padding-top: 2%; }
.p3_nav li{ width: 18%; float: left; font-size: 16px; margin-left:22.5%; text-align: center; padding-top: 4%;padding-bottom: 6%; background: url(../images/navbg.png) no-repeat; background-size: 100% auto;}
.p3_nav li a{ display: block; text-decoration: none; color: #0b2a49;}
.p3_nav li.p3_actnav{ background: url(../images/navbg0.png) no-repeat; background-size: 100% auto; color: #fff;}
.p3_nav li.p3_actnav a{ color: #fff;}
.p3_nav li:hover{ background: url(../images/navbg0.png) no-repeat; background-size: 100% auto; color: #fff;}
.p3_nav li a:hover{ color: #fff;}

.p3_icon{ width: 100%; margin:0 auto; overflow: hidden; margin-top: 8%;}
.p3_icon li{ width: 28%; float: left; margin-left: 4.2%;}
.p3_word{ width: 95%; margin:0 auto; margin-top: 6%; text-align: justify; font-size: 16px; line-height: 27px;}


/**************************************产品中心*************************************/
.p4_nav{ width: 100%;margin:0 auto;  margin-top: 5%;overflow: hidden; padding-bottom: 2%; padding-top: 2%; }
.p4_nav li{ width: 18%; float: left; font-size: 16px; margin-left:12.5%; text-align: center; padding-top: 4%;padding-bottom: 6%; background: url(../images/navbg.png) no-repeat; background-size: 100% auto;}
.p4_nav li a{ display: block; text-decoration: none; color: #0b2a49;}
.p4_nav li.p4_actnav{ background: url(../images/navbg0.png) no-repeat; background-size: 100% auto; color: #fff;}
.p4_nav li.p4_actnav a{ color: #fff;}
.p4_nav li:hover{ background: url(../images/navbg0.png) no-repeat; background-size: 100% auto; color: #fff;}
.p4_nav li a:hover{ color: #fff;}
.p4_select{ width: 100%; margin:0 auto;height: 35px; margin-top: 5%;  overflow: hidden; }
.p4_select select{ width: 55%;height: 35px; line-height: 35px;  float: left; margin-left:1.7%; background: #e7e8ea;font-family: "微软雅黑";color: #626262; border:none; padding-left: 5px;}
.p4_title{ width:95%;margin: 0 auto; padding-top: 8%;text-align: center; margin-bottom: 7%; }
.p4_title h2{ font-size: 18px; color: #2e2d2d;font-weight: normal;}
.p4_title h3{ font-size: 15px;text-align: center;color: #605f5f;font-weight: normal;font-family: "Cambria"; font-style: italic;}
.p4_title h4{width:100%; height: 23px; margin: 0 auto;font-weight: normal; background: url(../images/p4-titlebg.png) no-repeat;background-size: 100% 100%; text-align: center; color: #fff; line-height: 23px;}
.p4_product_pic{ width: 100%; margin:0 auto; margin-top: 6%; overflow: hidden;}
.p4_product_pic li{ float: left; width: 47%; overflow: hidden; font-size: 14px; margin-left: 2%; margin-bottom:5%; background: url(../images/p4-picbg.png) no-repeat;background-size: 100% 100%; padding-bottom: 2%; text-align:center;}
.p4_product_pic li a{ display: block; color: #fff; text-decoration: none;}
.p4_product_pic li p{ padding-top: 3%;text-align:center;}
.p4_product_pic span{}
.p4_product_pic .vrs a{ color:#F00;}
.p4_product_pic .vrs img{ width:20px; height:20px; }



.p4_product_pic li p label{ color: #626363;  float: left; padding-left: 2%;}
.p4_product_pic li p span{ display: block; width: 10%; float: right; padding-right: 4%;}
.new_page {width: 85%;margin: 0 auto;overflow: hidden;margin-top: 5%;}
.new_page li {width: 30px;float: left;color: #373838; margin-left: 4%;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: #0b2a49; color: #fff;border: 1px #0b2a49 solid;}
.new_page li:hover{ background:#0b2a49; color:#fff;border: 1px #0b2a49 solid;}
/*产品内页*/
.p4_title2 { width: 99%;margin: 0 auto; margin-top: 8%;}
.p4_pic01 {width: 98%;margin: 0 auto;margin-top: 7%;}
.p4_pic01 a{ color:#333;}
.p4_pic01 img {width:100%; height:auto;}
.p4_word{ width: 95%; margin:0 auto; margin-top: 6%; }
.p4_word h3{ text-align: center; font-size: 16px; color: #0b2a49; font-weight: normal;}
.p4_word p{ text-align: justify; font-size: 15px; color: #504f4f; padding-top: 5%; line-height: 26px;}
.p4_word p img{ width:100%; height:auto;}


.p4_pic02 {width: 98%;margin: 0 auto;margin-top:3%;}
.product_btn{ width: 45%; margin:0 auto; overflow: hidden; margin-top: 8%;font-size: 15px;  background: #c8a058; text-align: center; line-height: 30px; color: #fff;}

.product_btn  a{ display: block; color:  #fff;}
.product_btn li.product_actbtn{ background: #0b2a49;}

.cplist ul{ width:90%; margin:0 auto; margin-top:20px; }
.cplist ul li{ width:100%;border-bottom:solid 1px #bbbbbb; height:70px; margin-bottom:10px;}
.cplist ul li .tu{ float:left; width:22%;}
.cplist ul li .wz{ float:right;width:65%; margin-top:20px; color:#141414;}
.cplist ul li .wz p{ color:#928e8e;}
.cplist ul li .wz a{ color:#141414;}
.cplist ul li .wz p a{ color:#928e8e;}
/**************************************产品体验***************************************************/
.p5_word{ width: 95%; margin:0 auto; margin-top:6%; text-align: justify; font-size: 16px; line-height: 26px;}
.p5_pic{ width: 100%; margin:0 auto; overflow: hidden; margin-top: 7%;  color: #777776;}
.p5_pic li{ width: 47%; float: left; margin-left: 2%; font-size: 15px; text-align: center;  background: url(../images/p5-bg.png) no-repeat; background-size: 100% 100%; padding-bottom: 4%;  margin-bottom: 3%;}
.p5_pic li a{ display: block; color: #777776;}
.p5_pic li img{ display: block; width: 95%;}
.p5_pic li span{ display: block; text-align: center; padding-top: 3%;}


/**************************************汉莎优势***************************************************/
.p6_img{ width: 95%; margin:0 auto; margin-top:3%;}


/**************************************新闻资讯*******************************************************/
.position{ width: 100%; margin:0 auto;  color: #777575; margin-top:5%; padding-left: 2%;}
.position a{ color: #777575; text-decoration: none;}
.position a:hover{ color: #c8a058;}
.p7_con{ width: 97%; margin:0 auto; margin-top: 5%; margin-bottom: 8%;  }
.p7_con li{ margin-bottom: 5%; border-bottom:solid 1px #d3d4cf; }
.news_tu {width:27%; margin-right: 4%; box-sizing: border-box; padding: 10px;color: #fff;}
.news_tu  img{width:100%; height:auto;}

.fl { float: left;}

.news-data{ width: 67%; float: left;}
.news-data h3 { margin-top: 0; font-size: 16px; font-weight: normal;}
.news-data h3 a { color: #373736; border: none; padding: 0; text-decoration: none;}
.news-data p { width: 100%;color: #6c6c6f; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; text-align: justify; padding-right: 2%;}
.news-data a { border: 1px solid #646464;color: #6c6c6f; padding: 1% 2%;text-decoration: none; float: left; margin-top:2%;}
.news-img{ width: 171px; height: 131px; overflow: hidden;}

.new_center img{ width: 95%; margin:0 auto;margin-top: 5px; font-size: 17px;}
.new_center{ width: 95%; margin:0 auto; margin-top: 7%; line-height:26px;}
.new_center h1{ text-align: center; font-size: 16px;color: #0b2a49; font-weight: normal; }
.new_center h3{ text-align: center; font-size: 13px;color: #cbcbcb; font-weight: normal; }
.new_center a{ color:#0b2a49; }
.new_img{ width: 100%; margin:0 auto; margin-top: 5%;}
.new_center p{ width: 100%; margin: 0 auto; margin-top: 5%; font-size: 15px; line-height: 26px; text-align: justify;color: #555353;}
.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:#0b2a49;}
.new_list_page a{ text-decoration: none; color: #0b2a49;}
.new_list_page p a:hover{ color:#0b2a49; }


/*************************************汉莎服务*************************************************/

.service{ width: 95%; margin:0 auto; margin-bottom: 5%; overflow:hidden; height:auto;}
.service img{ width: 100%; height:auto; margin:0 auto; margin-top: 3%;}
.service h3{ width: 100%; height:auto; margin:0 auto; margin-top: 3%; text-align:center;font-size: 18px; color:#092a49;}

.service p { font-size: 15px; text-align: justify; margin-top: 2%;line-height: 26px; color: #6c6c6f;}
.service p a{ color: #092a49;}



.p9_word{ width: 95%; margin:0 auto; margin-top: 3%;}
.p9_word h3{ width: 100%; text-align: center; font-size: 18px; color: #0b2a49; font-style: italic; margin-top: 5%;font-weight: normal;}
.p9_word p{ font-size: 16px; text-align: justify; margin-top: 2%;line-height: 30px; color: #6c6c6f;}
.p9_icon{ width: 100%; margin:0 auto; overflow: hidden; margin-top: 8%;}
.p9_icon li{ width: 45%; float: left; margin-left: 2%; margin-bottom: 4%;}
.p9_icon li label{ display: block; width: 50%; margin:0 auto; font-size: 36px;color: #FFF;line-height: 74px; text-align: center; background: url(../images/p9-bg01.png) no-repeat; background-size: 100% auto; }
.p9_icon li span{ display: block; text-align: center; font-size: 13px;}
.p9_icon li.p9_acticon label{ background: url(../images/p9-bg02.png) no-repeat; background-size: 100% auto;}
.p9_2_word{ width: 95%; margin:0 auto; margin-top: 6%; text-align:center; font-size: 15px; line-height: 30px;}

.p9_2icon{ width: 100%; margin:0 auto; overflow: hidden; margin-top: 8%;}
.p9_2icon li{ width: 23%; float: left; margin-left: 7.7%;}

.p9_3word{ width: 95%; margin:0 auto; margin-top: 3%; text-align: justify; line-height: 26px; font-size: 15px; text-align:center;}
.bbs{ width:96%;  margin:0 auto; margin-top: 8%; background:#fff; }
.bbs .form{ width: 100%; margin:0 auto; padding-top: 4%; padding-left: 3%; padding-bottom: 3%; }
.bbs h4{ padding-bottom: 6%;font-size:18px; color:#666;font-weight:normal;}
.bbs h4 span{ font-size:16px; color:#666;  font-weight:normal;}
.inputbb .textarea_css{font: 12px/22px "Microsoft YaHei", "微软雅黑", "SimSun", "宋体",HELVETICA; height:135px; border: 1px solid #dadada; border-radius:5px;font-size:14px; color:#333; padding:5px; width:95%; background: #fff;}
.inputbb{ width:95%; float: left; height: 36px; overflow:hidden; margin-bottom: 3%;}
.inputbb .lleft{ width: 25%; text-align: right; font-size: 14px; color: #7b7b7b; line-height: 32px; float: left;}
.inputbb .lright{ width: 74%; float: left;font-size: 14px; color: #333;}
.inputbb .lright .input_css{ font: 12px/22px "Microsoft YaHei", "微软雅黑", "SimSun", "宋体",HELVETICA; width: 90%; padding: 0 10px; line-height: 30px; border: 1px solid #dadada; border-radius: 5px;font-size: 14px; color: #333; margin-right: 5px;}
.inputbb .lright .input_css2{ font: 12px/22px "Microsoft YaHei", "微软雅黑", "SimSun", "宋体",HELVETICA; width: 90%; padding: 0 10px; line-height: 30px; border: 1px solid #dadada; border-radius: 5px;font-size: 14px; color: #333; margin-right: 5px;}
.w1000{ width:95% !important; }
.height1{ height:160px !important;}
#dituContent{width:100%;height:500px; overflow:hidden; margin:50px auto;}
.con-btn{ width:35%; height:30px; margin:7% 26%; display:block; overflow:hidden; clear:both; }
.button_css2{ width:100%; height:30px;background:#0b2a49; color:#FFF; font-size: 18px; text-align: center; cursor: pointer; line-height:30px; overflow:hidden; border:none;}


/*************************************加盟汉莎**************************************************/
.p8_bg{ width: 100%; margin:0 auto; margin-top: 8%; overflow: hidden; padding-bottom: 8%; background: url(../images/p8-bg.jpg) no-repeat; background-size: 100% 100%;}
.p8_img{ width: 100%; margin:0 auto; margin-top: 8%;}

.p8_2img{ width: 100%; margin:0 auto; margin-top: 8%;}
.p8_2icon_w{ width: 95%; margin:0 auto; margin-top: 8%; text-align:center; color:#0b2a49; font-size:14px;}
.p8_2icon{ width: 95%; margin:0 auto; margin-top: 8%;}
.p8_2icon li{ width: 100%; float: left; margin-bottom: 5%; }
.p8_2icon li img{ display: block; width: 20%; float: left; margin-top: 6%;}
.p8_2icon li span{ display: block; width: 76%; float: right; font-size: 14px; text-align: justify; line-height: 22px;}

.p8_3bg{ width: 96%; margin:0 auto; margin-top: 8%;}

.p8_4icon{ width: 95%; margin:0 auto; margin-top: 8%;}
.p8_4icon li{ width: 50%; float: left; margin-bottom: 3%; padding-bottom: 8%; background: url(../images/p8-4bg.png) no-repeat; background-size: 100% 100%; }
.p8_4icon li h3{ font-size: 18px; padding-top: 12%; padding-left: 8%; color: #0b2a49; font-weight: normal;}
.p8_4icon li p{ height: 93px;font-size: 14px; text-align: justify; padding-top: 3%; padding-left:8%;padding-right:8%; color: #6c6c6f; line-height: 22px;}

.join07{ width:100%; margin:0 auto; overflow: hidden; }
.join07 h3 p{ font-size:20px; color:#0b2a49; line-height:34px; margin-top:5%; text-align:center;font-family:'fzzys';font-weight:normal;}
.jj{ width:100%; background:#fff; overflow:hidden; margin:5% auto 0;}
.jj .top1{ width:95%;margin:0 auto; height:30px; color:#0b2a49; line-height:30px; font-size:16px; font-weight:bolder; margin:5% auto 2%; background:url(../images/join07-tt.png) no-repeat center; text-align:center;}
.jj .top2{ width:95%;margin:0 auto;font-size:15px; color:#666; line-height:26px; text-align:center;}
.jj .top3{ width:95%; height:24px; margin:2% auto 4%; display:block;}
.jj .top4{ width:100%; height:2px; margin:0 auto 6%; display:block;}
.join_title{ font-size: 18px; color:#0b2a49 ; text-align: center; margin-top: 4%;}
.form{ width:100%; margin:0 auto; margin-top: 6%; margin-bottom: 5%; }
.form .three{ width:47%;/* height:34px;*/ float:left; margin-left:2%; margin-bottom:4%; overflow:hidden; position:relative;}
.form .three .input_css{ width:92%; height:33px; font-family: "微软雅黑"; font-size:13px; color:#0b2a49; line-height:33px; float:left;  margin:0 auto; padding:0 2%; border:1px solid #0b2a49; }
.form .three i{ font-size:14px; color:#ccc; line-height:33px; font-style:normal; width:30%; position:absolute; right:2%; top:0;}
.form .one{ width:97%;margin:0 auto; /*height:220px;*/ overflow:hidden;}
.form .one .textarea_css{ width:93%; height:122px; font-size:14px; color:#0b2a49;  float:left;  margin:0 auto; padding:2% 2% 0 2%; border:1px solid #0b2a49; overflow:hidden; font-family: "微软雅黑";}
.join-btn{ width:30%; height:30px; margin:4% auto; font-size: 15px; display:block; overflow:hidden; line-height: 30px;}
.button_css{width:100%; height:30px; font-size:15px; color:#FFF; line-height:30px;; text-align:center; display:block; background-color:#0b2a49; font-family:'微软雅黑';border:none; cursor:pointer; }
.button_css:hover{ width:100%; height:30px;background:#0b2a49; color:#fff;}

/*登录*/
.login{ width: 100%; margin:0 auto; margin-top: 8%; /*height: 320px;*/ background: url(../images/login_bg.jpg) no-repeat; background-size: 100% 100%; overflow: hidden; padding-bottom: 10%;}
.login form{ width: 90%;margin:0 auto; margin-top: 8%;  /*height: 220px;*/ padding-bottom: 5%;background: #fff;border: 1px solid #e1e1e1;}
.login form h2{text-align: center;  width: 100%; height: 35px;color: #565657; font-weight: normal;  background: #f7f7f7;margin-bottom: 8%; font-size: 16px; line-height:35px;}
.login form p{ position: relative; width: 90%; height: 37px; border:1px solid #d2d2d2;margin: 0 auto 6%;}
.login form p input{ border: 0; padding:4% 0 0 2%; color: #a9a9a9; font-size: 14px;font-family:"微软雅黑"; }
.login form p i{  position: absolute; right: 5%;  top: 24%;}
.submit{ display: block;height: 30px; width:30%; color: #fff; font-size: 16px; cursor: pointer;  font-family:"微软雅黑"; line-height: 30px; text-align: center;background: #0b2a49; margin: 0 auto ; border:none;}


/**************************************联系我们************************************************/
.p10-icon{ width: 90%; margin:0 auto; overflow: hidden; margin-top:8%; }
.p10-icon li{ width: 100%;  float:left; margin-bottom: 6%; }
.p10-icon li label{ width: 15%; float: left;}
.p10-icon li span{ width: 80%; float: right; font-size: 15px; padding-top: 5%;}
.p10-icona{ width: 95%;  margin:0 auto; overflow: hidden; margin-top: 6%; border:1px #0b2a49 dashed; }
.p10-icona img{ display: block; width: 43%; float: left; padding-top: 3%; padding-left:2%; padding-bottom: 3%;}
.p10-icona span{ display: block; width:50%; margin-top:5%; padding-right: 2%; line-height: 30px;  float: right;  font-size: 15px; text-align: justify;}
.p10_map{ width: 100%; margin:0 auto; margin-top:8%;}

.p10-icon a{ color:#0b2a49;}





.t_page{padding:10px;text-align:center;font-size:14px;line-height:25px;}	
.t_page a{padding:2px 5px;border:1px solid #DEDEDC;margin:0px 3px;}	
.ColorLink a {color:#282828;}
.ColorLink a:hover {color:#009349;}	




.vr_pic{ width: 100%; margin:0 auto; overflow: hidden; margin-top: 7%;  }
.vr_pic li{ width: 45%; float: left; margin-left: 2%; margin-right: 2%; text-align: center;  margin-bottom: 3%;}
.vr_pic li span{ width: 100%; text-align: center; color: #777776;}

.vr li img{ width: 100% !important; height:auto; }

.vi{ width: 100%; margin:0 auto; overflow: hidden; margin-top: 7%;  }
.vi li{ width: 98%;  margin-left: 2%; margin-right: 2%; text-align: center;  margin-bottom: 6%;}
.vi li span{ width: 100%; text-align: center; color: #777776;}
.vi li img{ width: 100% !important; height:auto; }



/* SearchBar */

.SearchBar {
	padding:10px 10px 0px 13px;
}

#search-text {
	width: 140px;
	padding:0px 5px;
	
	margin:0px;
	color:#999999;
	height:23px;
	line-height:23px;
	font-size:12px;
}

#search-submit {width: 30px; 
	 background-color:#FFF;
	background-image:url(../images/search-icon.png); background-repeat:no-repeat; background-size:contain;
	height:25px;
	margin:0px;	
	cursor:pointer;
	padding:0px;

}



.serchword{ width:95%;}
.serchword a{ color:#c02176;}



/*媒体查询兼容手机尺寸*/ 
/*iphone6s */ 
 @media screen and (min-width:414px) and (min-height:672px) 
 { 
    .home{ margin-top:2.5%;}
    .menu{ margin-top: 3.5%;}
    .logo{ margin-top: 1.5%; margin-left: 13%;width: 50%;}
    .p1_nav li,.p4_nav li,.p3_nav li{ padding-top: 6%;}
    .my_bottom li.bottom_nav img{ width: 47%;}
    .p2_nav li{ padding-top: 5%;}
    .p1_word p{ line-height: 30px;}
    .p3_icon li{ width: 24%; margin-left: 7.2%;}
    .p3_word{ line-height: 33px;}
    .new_page li{ margin-left: 5%;}
    .p8_2icon li span{ font-size: 16px;line-height: 28px;}
    .p8_2icon li img{ margin-top: 3%;}
    .p8_4icon li p{ height: 55px;}
    .login form p input{ padding: 2.5% 0 0 2%;}
    .p9_icon li label{ line-height: 99px;}
    .p10-icona span{ line-height: 35px;margin-top: 10%; font-size: 16px;}

 } 

/*ipad*/
@media screen and (min-width:768px) and (max-height:1024px) 
 { 
   .header{ height: 83px;}
   .p4_word dt{ font-size: 22px;}
   .p4_word dd{ font-size: 20px; line-height: 32px;}
   .p1_nav li{ padding-top: 6%; font-size: 26px; line-height: 30px;}
   .p1_part5_conl label{ font-size: 30px;}
   .p1_part5_conl span{ margin-left: 6%;}
   .p1_part5_conc h2{ font-size: 22px;}
   .p1_part5_conc p{ font-size: 18px; line-height: 30px;}
   .p1_word h3{ font-size: 22px;}
   .p1_word p{ font-size: 18px; line-height: 35px;}
   .my_bottom li.bottom_nav img{ width: 30%;}
   .p2_nav li{ padding-top: 5%; font-size: 26px; line-height: 30px;}
   .p2_5_word h3{ font-size: 22px;}
   .p2_5_word p{ font-size: 18px; line-height: 30px;}
   .p2_4_con p{ font-size: 18px; line-height: 30px;}
   .p2_3_word h3{ font-size: 22px;}
   .p2_3_word p{ font-size: 18px; line-height: 35px;}
   .p3_nav li{ padding-top: 6%; font-size: 26px; line-height: 30px;}
   .p3_word{ font-size: 18px; line-height: 35px;}
   .p4_nav li{ padding-top: 6%; font-size: 26px; line-height: 30px;}
   .p4_word h3{ font-size: 22px;}
   .p4_word p{ font-size: 18px; line-height: 30px;}
   .new_page{ width: 70%;}
   .p5_word{ font-size: 18px; line-height: 30px;}
   .news-data h3{ font-size: 22px;}
   .news-data p{ font-size: 18px; line-height: 30px;}
   .new_center p{ font-size: 18px; line-height: 30px;}
   .p8_2icon li span{ font-size: 18px;line-height: 32px;}
   .p8_2icon li img{ width: 16%;margin-top: 0%;}
   .p9_word h3{ font-size: 22px;}
   .p9_word p,.p9_2_word{ font-size: 18px; line-height: 30px;}
   .p9_icon li label{ line-height: 160px;font-size: 57px;}
   .p9_icon li span{  font-size: 18px; line-height: 30px;}
   .p10-icon li{ width: 50%; float: left;}
   .bbs h4{ width: 76%; margin: 0 auto;}
   .p10-icona img{ width: 28%;}
   .p10-icona span { line-height: 41px;margin-top: 7%;font-size: 20px;}
   .menu_nav{ top: 84px;}
   .menu_nav li{ height: 48px; line-height: 48px;}


 }

/*iphone6 a*/ 
 @media screen and (min-width:375px) and (max-height:667px) 
 { 
    .home{ margin-top: 3%;}
    .menu{ margin-top: 4.5%;}
    .logo{ margin-top: 2.5%; width: 50%; margin-left: 12%;}
    .p1_nav li,.p4_nav li{ padding-top: 5%;}
    .p2_nav li{ padding-top: 4.5%;}
    .p3_nav li{ padding-top: 5%;}
    .new_page li{ margin-left: 4.8%;}
    .p8_2icon li span{ font-size: 16px;line-height: 28px;}
    .login form p input{ padding: 3% 0 0 2%;}
    .p9_icon li label{ line-height: 89px;}
    .p10-icona span{ line-height: 35px;margin-top: 10%; font-size: 16px;}
    .p8_4icon li p{ height: 55px;}


 
 } 
/*iphone6 b*/ 
 @media screen and (min-width:375px) and (max-height:603px) 
 { 
  

 }


/*Android*/ 
 @media screen and (min-width:360px) and (max-height:640px) 
 {
    .home{ margin-top: 3.5%;}
    .menu{ margin-top: 5%;}
    .logo{ margin-top: 2.5%;width: 50%; margin-left: 12%;}
    .my_bottom li.bottom_nav img{ width: 54%;}
    .p1_nav li,.p4_nav li{ padding-top: 5%;}
    .p2_nav li{ padding-top: 4%;}
    .p3_nav li{ padding-top: 5%;}
    .p3_icon li{ width: 24%; margin-left: 7.2%;}
    .p3_word{ line-height: 32px;}
    .new_page li{ margin-left: 4.5%;}
    .p8_2icon li span{ font-size: 16px;line-height: 28px;}
    .p8_4icon li p{ height: 68px;}
    .p9_icon li label{ line-height: 85px;}
    .login form p input{ padding: 3% 0 0 2%;}
    .p10-icona span{ margin-top: 12%;}

}

/*iphone5 a*/ 
 @media screen and (min-width:320px) and (max-height:568px) 
 { 
  
 }

/*iphone5 b*/ 
 @media screen and (min-width:320px) and (max-height:504px) 
 { 
    .home{ margin-top:5%;}
    .menu{ margin-top:6%;}
    .logo{ margin-top: 4%;width: 50%; margin-left: 12%;}
    .p8_2icon li img{ margin-top: 5%;}
 } 

/*iphone4 a*/ 
 @media screen and (min-width:320px) and (max-height:480px) 
 { 
   .p8_4icon li p{ height: 84px;}
   .p10-icon li span{ font-size: 14px;}
   .my_bottom li.bottom_nav img{ width: 56%;}

 } 
  
/*iphone4 b*/ 
 @media screen and (min-width:320px) and (max-height:416px) 
 { 


 }