@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:12px/20px "Microsoft YaHei", "微软雅黑", "SimSun", "宋体",HELVETICA; max-width:640px; margin: auto;}
em{font-style:normal}
li{list-style:none}
/*fieldset, img { border:none; }*/
img{width:100%; 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;}

.slider{display:none;z-index: 0;}/*用于获取更加体验*/
.focus span{width:30px;height:2px;margin-left:5px;background:#d9d9d8;font-size:0}
.focus span.current{background:#0097e0;}

/**********************************首页*****************************/
/*头部样式*/
.header{ width: 100%; height: 60px;margin:0 auto; text-align: center;}
.header .logo{ width: 60%; float: left; padding-top: 3%; padding-left: 4%;}
.header .menu{ width: 9%; float: right; padding-top: 6%; padding-right: 4%;}

/*banner区域*/
.banner{ width: 100%;margin:0 auto; }

/*底部样式*/
.my_bottom{ width: 100%; position: fixed; bottom: 0; left: 0; background: #fff;}
.bottom{ width: 100%; height: auto;margin:0 auto; overflow: hidden;}
.bottom li{ width: 24.5%; float: left; margin-left: 2px; font-size: 14px; text-align: center; line-height: 30px; background: #e6e6e6;}
.bottom li a{ display: block; color: #7d7c7c;}
.bottom2{ width: 100%; height: 40px; margin:0 auto; position: relative;}
.bottom2 dd{ width: 49.6%; float: left;margin-left: 2px;text-align: center; line-height:40px;  background: #2c2c2c;}
.bottom2 dd img{ width: 15%;}
.menu_nav{ width: 49.5%; background: #0096e0; position: absolute; right: 1px; bottom:40px; display: none;}
.menu_nav li{ width: 100%; float: left; line-height: 40px; 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 #dcdada solid;padding-left: 8px;}
.menu_show{ width: 100%; background: #e7e8ea; display: none;}
.menu_show dd{ color: #4b4a4a;}
.menu_show dd a{ display: block; width: 90%; text-align: center; color:#4b4a4a; border-bottom: 1px #c1c1c1 solid; }

/*内容区域*/
.main{ width: 100%; margin:0 auto; overflow: hidden; margin-bottom:30%; }
.title{ width: 95%; margin:0 auto; margin-top: 8%;}
.p1_con{ width: 100%; margin:0 auto; margin-top: 8%; overflow: hidden; background: url(../images/p1-bg01.jpg) no-repeat;background-size: 100% 100%;}
.p1_con > img{ display: block; width: 60%; margin:0 auto; margin-top: 5%;margin-bottom: 5%;}
.p1_con_img{ width: 80%; margin:0 auto; margin-top: 8%}

.p1_con2{ width: 100%; margin:0 auto; margin-top: 8%; overflow: hidden; background: url(../images/p1-bg02.jpg) no-repeat;background-size: 100% auto;}
.p1_con2 ul{ width: 100%; margin:0 auto; margin-top: 10%;}
.p1_con2 ul li{ width: 47%; float: left; margin-left: 2%; margin-bottom: 3%;}

.p1_con3{ width: 100%; margin:0 auto; margin-top: 8%; overflow: hidden;}
.p1_con4{ width: 100%; margin:0 auto; overflow: hidden; background: url(../images/p1-bg03.jpg) no-repeat;background-size: 100% 100%;}
.p1_con4 p{ width: 95%; margin:0 auto; margin-top: 5%; text-align: justify; line-height: 25px; font-size: 14px; color: #e0e0e0; padding-bottom: 6%;}
.p1_con4_img{ width: 95%; margin:0 auto; overflow: hidden; margin-top: 8%; }
.p1_con4_img li{ width:23%; float: left; font-size: 16px;  margin-left:8%;}
.p1_con4_img li span{ display: block; text-align: center; margin-top: 10px; }
.p1_con4_img li a{ text-decoration: none; color: #caa04f;}
.p1_con4_pic{ width: 100%; margin:0 auto; overflow: hidden; margin-top: 8%; }
.p1_con4_pic li{ width:47%; float: left;  margin-left:2%;}

.p1_con5{ width: 100%; margin:0 auto; margin-top: 8%; overflow: hidden;}
.p1_con5 p{ width: 95%; margin:0 auto;text-align: justify; line-height: 25px; font-size: 14px; color: #646365; padding-bottom: 6%;}
.p1_con5 img{display: block; width: 95%; margin:0 auto; margin-top: 2%;}
.p1_con05a_right{ width:95%;margin:0 auto; background: url(../images/p1-newbg.jpg) no-repeat; background-size: 100% 100%; margin-top: 5%;padding-bottom: 5%; }
.p1_con05a_right h2{ width: 33%; padding-top: 7%;margin-left: 6%;}
.p1_con05a_right h3{ font-size: 15px; color: #82827f; font-weight: normal; letter-spacing: 1px; margin-left:5%; margin-top: 2%; font-style:italic;}
.p1_con05a_right ul{ width:100%; margin:0 auto; overflow: hidden;}
.p1_con05a_right ul li{ width: 100%;  margin-bottom:3%;}
.p1_con05a_right ul li h4{ width: 95%;  margin:0 auto; overflow: hidden; margin-top: 2%; border-top:1px #e2e2e2 solid; padding-top: 2%;}
.p1_con05a_right ul li h4 label{ display: block; font-weight: normal;  font-size: 16px; color: #646365; float: left;}
.p1_con05a_right ul li h4 span{ display: block;  font-weight: normal; font-size: 14px; color: #82827f; float: right;}
.p1_con05a_right ul li p{ width: 95%;margin:0 auto;margin-top: 3%; font-size: 14px;color: #82827f; line-height: 25px; text-align: justify;}
.p1_con05a_right ul li a{ text-decoration: none;}
.p1_con05a_right ul li h4 label:hover{ color: #caa04f;}
.p1_con05a_right ul li h4 span:hover{ color: #caa04f;}
.p1_con05a_right ul li p:hover{ color: #caa04f;}


/**************************************关于我们*********************************************/
.p2_nav{ width: 100%; margin:0 auto; margin-top: 8%;}
.p2_nav li{ width: 18%; float: left; margin-left: 1.5%; background: url(../images/navbg.png) no-repeat; background-size: 100% auto; text-align: center; padding-top: 2.5%; padding-bottom:4%; font-size: 16px;}
.p2_nav li a{ display: block; text-decoration: none; color: #caa04f;}
.p2_nav li.p2_actnav{width: 18%; background: url(../images/navactbg.png) no-repeat; background-size: 100% auto;}
.p2_nav li.p2_actnav a{ color: #fff;}
.p2_nav li:hover{ background: url(../images/navactbg.png) no-repeat; background-size: 100% auto; color: #fff;}
.p2_nav li a:hover{ color: #fff;}
.p2_con_left{ width: 95%; margin:0 auto; margin-top: 8%;}
.p2_con_left h3{ border-bottom:1px #8f8f8f solid; text-align: center; margin-top: 3%; padding-bottom: 2%; font-size:18px; color: #757475; font-weight: normal;}
.p2_con_left h3 span{ color: #caa04f;}
.p2_con_left h4{  font-size: 16px; color: #757475;font-weight: normal; text-align: center; letter-spacing: 4px;}
.p2_con_left p{  font-size: 15px; color: #757475; text-align: justify; line-height: 30px; margin-top:5%;}
.p2_con_left img{ display: block; width: 100%; margin:0 auto; margin-top: 5%;}
.p2_con_right{ width: 100%; margin:0 auto; margin-top: 5%;}
.p2_con_right li{ width: 47%; float: left; margin-left:2%; margin-bottom: 3%;}

.p2_2_img{ width: 100%; margin:0 auto;}
.p2_2_word{ width: 100%; margin:0 auto; background: #f7f5f5;}
.p2_2_word h2{ font-size: 17px; color: #666464; padding: 4% 0 2% 5%; font-weight: normal; }
.p2_2_word h3{ width: 40%; height: 1px; background: #666464; margin: 0 0 2% 5%; font-weight: normal;}
.p2_2_word p{ font-size: 15px; color: #666464; padding: 2% 7% 4% 5% ; text-align: justify; line-height: 25px;}

.title_word{ width:95%; margin:0 auto; margin-top: 5%;line-height: 25px;letter-spacing: 1px; text-align: center; font-size: 15px; color: #878588; }
.p2_3_img{ width: 50%; margin:0 auto; margin-top:8%;}
.p2_3_word{ width:98%; margin:0 auto; margin-top:5%;}
.p2_3_word li{ width: 100%; float: left; margin-bottom: 6%; background: url(../images/about_84.png) left top no-repeat;}
.p2_3_word li label{ display: block; width: 70%; float: left; margin-left:10%; margin-top: 1%; font-size: 20px; color: #0097e0;}
.p2_3_word li label i{ font-size: 16px; font-style: normal; padding-left: 2px;}
.p2_3_word li span{ display: block; width: 87%; float: left; margin-left: 10%; margin-top: 4%; text-align: justify; line-height: 25px; font-size: 14px; }
.p2_3_img2{ width: 100%; margin:0 auto;}

.p2_4img{ width: 100%; margin:0 auto; margin-top:8%;}
.p2_4word{ width: 95%; margin:0 auto; margin-top: 5%; text-align: justify; font-size: 15px; line-height: 25px;}
.p2_4pic{width: 95%; margin:0 auto; margin-top:8%; }
.p2_4pic li{ width: 100%; float: left; margin-bottom: 3%;}

.p2_5img{ width: 98%; margin:0 auto; margin-top: 8%;}
.p2_5img2{ width: 98%; margin:0 auto; margin-top: 2%;}


/****************************************世和品牌************************************************/
.p3_nav{ width: 100%; margin:0 auto; margin-top: 8%;}
.p3_nav li{ width: 18%; float: left; margin-left: 5.5%; background: url(../images/navbg.png) no-repeat; background-size: 100% auto; text-align: center; padding-top: 2.5%; padding-bottom:4%; font-size: 16px;}
.p3_nav li a{ display: block; text-decoration: none; color: #caa04f;}
.p3_nav li.p3_actnav{width: 18%; background: url(../images/navactbg.png) no-repeat; background-size: 100% auto;}
.p3_nav li.p3_actnav a{ color: #fff;}
.p3_nav li:hover{ background: url(../images/navactbg.png) no-repeat; background-size: 100% auto; color: #fff;}
.p3_nav li a:hover{ color: #fff;}
.p3_img{width: 95%; margin:0 auto; margin-top: 5%; }
.p3_word{ width: 95%; margin:0 auto; margin-top: 4%; text-align: justify; font-size: 15px; line-height: 28px;}
.p3_word span{ font-size: 17px; color:#caa04f; }

.p3_word2{ width: 95%; margin:0 auto;margin-top: 8%;}
.p3_word2 li{ width: 100%; height: 330px; float: left; margin-bottom: 5%; padding-bottom: 4%; background: url(../images/p3-bg01.jpg) no-repeat; background-size: 100% 100%;}
.p3_word2 li.p3_word2_02{ background: url(../images/p3-bg02.jpg) no-repeat; background-size: 100% 100%; }
.p3_word2 li.p3_word2_03{ background: url(../images/p3-bg03.jpg) no-repeat; background-size: 100% 100%; }
.p3_word2 li p{ font-size: 15px;margin:60% 4% 3% 4%; text-align: justify; line-height: 25px;}
.p3_word2 li.p3_word2_03 p{ font-size: 15px;margin:75% 4% 3% 4%; text-align: justify; line-height: 25px;}
.p3_con02_w{ width: 100%; margin:0 auto;margin-top: 5%; overflow: hidden; }
.p3_con02_w dd{ width: 48%; float: left; margin-left: 1%; margin-bottom: 6%; }
.p3_con02_w dd img{ display: block; width:50%; margin:0 auto;}
.p3_con02_w dd label{ display: block; text-align: center; color: #373638; font-size: 16px; margin-top: 5%;}
.p3_con02_w dd span{ display: block; text-align: center; color: #6f6f71; font-size: 12px; margin-top: 3%;}

.p3_3img{ width: 100%; margin:0 auto; margin-top: 8%;}
.p3_3word{ width: 75%; margin:0 auto; margin-top: 8%;}

.p3_4img{ width: 90%; margin:0 auto; margin-top: 8%;}
.p3_4word{ width: 90%; margin:0 auto; margin-top: 4%; }
.p3_4word p{ text-align: justify; font-size: 15px; line-height: 28px; margin-top: 3%;}


/**************************************产品中心******************************************/
.p4_nava{ width: 100%; margin:0 auto; overflow: hidden; background: url(../images/p4-navbg.jpg) no-repeat; }
.p4_nava li{ width: 24%; float: left; margin-left:1%; margin-bottom: 3%; margin-top: 3%;}
.p4_select{ width: 100%; margin:0 auto;height: 35px; margin-top: 5%;  overflow: hidden; }
.p4_select select{ width: 47%;height: 35px; line-height: 35px;  float: left; margin-left:2%; 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;}
.position{ width: 98%; margin:0 auto; margin-top: 5%; padding-left: 2%;}
.position a{ text-decoration: none; color: #3c3c3c;}
.position a:hover{ color: #caa04f;}
.p4_pic{ width: 100%; margin:0 auto; margin-top: 8%;}
.p4_pic dd{ width: 47%; float: left; margin-left: 2%; margin-bottom:5%;}
.p4_pic dd img{ display: block; width:100%; height:125px; margin:0 auto;}
.p4_pic dd span{ display: block; width: 50%; height: 25px; margin:0 auto; text-align: center; line-height: 25px; background: #3c3c3c; color: #fff;}
.p4_pic dd span:hover{ background: #0097e0;}
.p4_pic dd a{ text-decoration: none;}
.new_page {width: 85%;margin: 0 auto;overflow: hidden;margin-top:6%; margin-bottom: 3%; text-align:center;}
.new_page li {width: 30px;display:inline-block; 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: #0097db; color: #fff;border: 1px #0097db solid;}
.new_page li:hover{ background:#0097db; color:#fff;border: 1px #0097db solid;}
.p4_menu{ width: 100%;margin:0 auto; margin-top: 8%; }
.p4_menu li{ width: 65%; margin:0 auto; margin-bottom: 3%; font-size: 14px;padding-bottom: 3%;background: url(../images/p4-navbg02.png) no-repeat; background-size: 100% 100%; text-align: center; line-height: 30px;}
.p4_menu li a{ display: block; text-decoration: none; color: #3c3c3c;}
li.now.thisclass{
    color: #fff;
    background: #0097db;
}
li.other a {
    color: #373838;
}
li.other a:hover {
    color: #fff;
}


/*详情页*/
.p4_title2 { width: 99%;margin: 0 auto; margin-top: 8%; margin-bottom: 8%;}
.p4_worda{ width: 98%; margin:0 auto; margin-top:8%; font-size: 18px; text-align: center; }
.p4_worda2{ font-size: 13px; text-align: center; color: #9e9d9d;}
.p4_part2_img{width: 98%;margin: 0 auto;margin-top: 7%;}
.p4_te{ width: 100%; margin:0 auto; margin-top: 5%; padding-bottom:6%; overflow: hidden; background: #f9f9f9;}
.p4_te h2{ width: 95%; margin:0 auto; font-size: 18px; font-weight: normal; margin-top: 5%; text-align: center;border-bottom:1px #a5a2a2 solid; padding-bottom: 5%;}
.p4_te ul{ width: 100%; margin:0 auto; overflow: hidden; margin-top: 4%;}
.p4_te ul li{ width: 100%; float: left;padding-left: 5%; line-height: 23px; font-size: 14px;}
.p4_te_w{ width: 90%; margin:0 auto; margin-top:5%;border-top:1px #a5a2a2 solid; padding-top: 4%;}
.p4_te_w h3{ width: 100%; margin:0 auto; font-size: 16px; font-weight: normal;}
.p4_te_w p{ width: 100%; margin:0 auto; font-size: 15px; text-align: justify; line-height: 25px;}
.p4_part2_w{ width: 98%; margin:0 auto; margin-top:3%; text-align: justify;font-size: 15px; text-align: center; color: #5c5959; }
.p4_part2_img2 {width: 98%;margin: 0 auto;margin-top:3%;}
.p4_btn2{ width: 85%; margin:0 auto; overflow: hidden; margin-top: 8%; }
.p4_btn2 li{ width:26%; float: left; margin-left: 5%; font-size: 15px; background:#0097db; text-align: center; line-height: 30px; color: #fff; }
.p4_btn2 li a{ display: block; color:  #fff;}
.p4_btn2 li.p4_actbtn2{ background: #caa04f;}


/***************************************VR**********************************************/
.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_nav{  width: 100%; margin:0 auto; overflow: hidden; margin-top: 8%; }
.p6_nav li{ width:22.5%; height: 35px; float: left; margin-left: 2%; text-align: center; line-height: 35px; font-size: 14px; background: url(../images/newnavbga.png) no-repeat; background-size: 100% 100%; }
.p6_nav li a{ display: block; text-decoration: none; color: #616262;}
.p6_nav li a:hover{ background: url(../images/newnavbg.png) center center no-repeat; color: #fff;}
.p6_nav li.p6_actnav a{ background: url(../images/newnavbg.png) no-repeat; background-size: 100% 100%; color: #fff;}
.p6_con{ width: 100%; margin:0 auto; overflow: hidden; margin-top: 5%;}
.p6_con li{ width: 100%;  float: left; margin-bottom: 5%; border-bottom: 1px #dededd dashed; padding-bottom: 4%;}
.p6_con li a{ text-decoration: none;}
.p6_con li img{ display: block; width: 32%; float: left;}
.p6_con li .p6_conr{ width: 68%; float: left; background: #f5f5f5; box-shadow: 3px 3px 3px #dad9d9;}
.p6_con li .p6_conr h3{ font-size: 15px; padding: 2% 2% 2% 2%; font-weight: normal;color: #686868;}
.p6_con li .p6_conr p{ width: 99%; font-size:14px; padding: 0 3% 2% 2%;color: #686868;}

.new_center{ width: 95%; margin:0 auto; margin-top: 5%;}
.new_center img{ width:100%; margin:0 auto;margin-top: 5px; font-size: 15px;}
.new_center h1{ text-align: left; font-size: 18px;color: #caa04f; font-weight: normal; line-height: 25px; }
.new_center h3{ text-align: left; font-size: 12px; margin-top: 4%; color: #cbcbcb; font-weight: normal; }
.new_center a{ color:#caa04f; }
.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:#caa04f;}
.new_list_page a{ text-decoration: none; color: #caa04f;}
.new_list_page p a:hover{ color: #0097db;}


/**************************************加盟合作*********************************************/
.title_word2{ width:95%; margin:0 auto; margin-top: 5%; text-align: center; font-size: 15px; color: #caa04f; }
.p7_icon{ width: 90%; margin:0 auto; margin-top: 8%;}
.p7_word{ width: 95%; margin:0 auto; margin-top: 10%;}
.p7_word li{ width: 100%; float: left; margin-bottom: 5%;}
.p7_word li h2{ font-size: 16px; color: #caa04f; font-weight: normal;}
.p7_word li p{ font-size: 15px; color: #7a7979; margin-top: 2%; line-height: 25px;}

.p7_2word{ width: 100%; margin:0 auto; margin-top: 8%;}
.p7_2word li{ width:98%;margin:0 auto; overflow: hidden; margin-bottom:6%; background: url(../images/p7-wordbg.png) right center no-repeat; background-size: 100% 100%; }
.p7_2word li .p7_2word_right{ width: 80%; float: left;}
.p7_2word li h1{ width:15%; float: left; margin-top: 17%; }
.p7_2word li h2{ width:15%; float: left; margin-top: 20%;}
.p7_2word li h3{ width:15%; float: left; margin-top: 17%;}
.p7_2word li h5{ width:15%; float: left; margin-top: 17%;}
.p7_2word li h6{ width:15%; float: left; margin-top: 21%;}
.p7_2word li .p7_2word_right h4{ text-align: center; font-size: 14px;color: #383838; margin-top:4%; font-weight: normal;}
.p7_2word li .p7_2word_right p{ font-size: 13px; color: #696969; padding: 2% 6% 5% 2%; text-align: justify; line-height: 25px;}

.p7_3img{ width: 100%; margin:0 auto; margin-top: 8%;}
.p7_3word{ width: 95%; margin:0 auto;margin-top: 5%;}
.p7_3word li{ width: 100%; float: left; margin-bottom: 3%; font-size: 15px; line-height: 30px; text-align: justify;}
.p7_3word li label{ font-size: 17px; color: #caa04f;}

.p7_4img{ width: 98%; margin:0 auto; margin-top: 8%;}
.p7_word2{ text-align: center; margin-top: 8%; color: #caa04f; font-size: 20px;}
.p7_form{ width: 98%; margin:0 auto; overflow: hidden; margin-top: 7%; background: url(../images/p7-5bg.jpg) no-repeat; background-size: 100% 100%; }
.p7_form li{ width: 90%; height: 30px; margin:0 auto;margin-bottom: 5%;}
.p7_form li h3{ width: 20%;height: 30px; line-height: 30px; float: left; font-size: 15px; font-weight: normal;}
.p7_form li h3 label{ display: block; float: left; color: red;}
.p7_form li h3 span{ display: block; float: left; color: #2a2a2a; padding-left: 3%;}
.p7_form li input{ width: 75%; height: 30px; float: left; padding-left: 3%; border: none; }
.p7_form li.p7_act01_input{ width: 90%;height: 120px; }
.p7_form li textarea{ width:75%; height: 100px; float: left; padding-left: 3%; padding-top: 3%; background: #fff; border:none;}
.p7_form button{ display: block; width: 70%; height: 30px; margin:0 auto; margin-left: 23%;  margin-bottom: 8%; border:none; font-size: 15px; font-family: "微软雅黑";  background: #caa04f; color: #fff; text-align: center; line-height: 30px;}
.p7_form button:hover{ background: #0097e0;}


/**************************************经销商专区*******************************************/
.p8_nav{ width: 100%; margin:0 auto; margin-top: 8%;}
.p8_nav li{ width: 18%; float: left; margin-left: 11.5%; background: url(../images/navbg.png) no-repeat; background-size: 100% auto; text-align: center; padding-top: 2.5%; padding-bottom:4%; font-size: 15px;}
.p8_nav li a{ display: block; text-decoration: none; color: #caa04f;}
.p8_nav li.p8_actnav{width: 18%; background: url(../images/navactbg.png) no-repeat; background-size: 100% auto;}
.p8_nav li.p8_actnav a{ color: #fff;}
.p8_nav li:hover{ background: url(../images/navactbg.png) no-repeat; background-size: 100% auto; color: #fff;}
.p8_nav li a:hover{ color: #fff;}
.title_word3{ width:95%; margin:0 auto; margin-top: 5%; text-align: center; font-size: 16px; font-style: italic; color: #caa04f; }
.p8_select{ width: 100%; margin:0 auto; overflow: hidden; margin-top:5%;}
.p8_select li{ width: 36%; height:35px; float: left; margin-left: 2%;}
.p8_select li select{ width: 100%; height: 35px; border:1px #c4c2c2 solid; padding-left: 2%;}
.p8_select li.p8_actselect{ width: 20%; height: 35px;}
.p8_select li.p8_actselect button{ width: 100%; height: 35px; border:none; background: #caa04f; color: #fff; font-size: 15px; font-family: "微软雅黑";}
.p8_pic{width: 100%; margin:0 auto; overflow: hidden; margin-top: 8%; }
.p8_pic li{ width:47%;float: left; margin-left:2%; margin-bottom: 5%; padding-bottom: 3%; background: url(../images/p8-imgbg.png) no-repeat; background-size: 100% 100%;}
.p8_pic li img{ display: block; width: 100%; }
.p8_pic li label{ display: block; text-align: center; margin-top: 3%; font-size: 15px; }
.p8_pic li a{ text-decoration: none; color: #4a4b4b;}

.p8_store{ width: 100%; margin:0 auto; margin-top: 8%; margin-bottom: 5%; }
.p8_store h1{ text-align: center; font-size: 17px; color: #caa04f; font-weight: normal;}
.p8_store h3 { font-size: 14px;text-align: center;color: #b6b6b6; margin-top:1%; font-weight: normal;}
.p8_store img{ display: block; width: 95%; margin:0 auto; margin-top: 5%;}
.p8_store .p8_return{ width: 30%;height: 30px;margin: 0 auto; cursor: pointer; margin-top: 5%;background: #4b4b4b;color: #fff;text-align: center; line-height: 30px;}
.p8_store .p8_return a{ display: block; text-decoration: none; color: #fff;}
.p8_store .p8_return a:hover{ background: #caa04f;}
.p8_store .p8_store_w{ width:95%; margin:0 auto; margin-top: 6%; color: #606060; font-size: 15px;}
.p8_store p{ width: 95%; margin:0 auto; margin-top: 2%; font-size: 13px;}

#main{width:100%;height:335px;margin:0 auto;}
.main2{ width: 100%; margin:0 auto; overflow: hidden; margin-bottom:23%; }
.p8_2word{ width: 100%; height: 200px; margin:0 auto; overflow: hidden; padding-bottom: 5%; background: url(../images/p8-2bg.jpg) no-repeat; background-size: 100% 100%}
.p8_2word dt{width: 100%; font-size: 17px; color: #0097db; margin-top: 5%;margin-bottom: 3%; margin-left: 6%;}
.p8_2word dd{width: 100%; font-size: 15px; color: #6f6f71;  margin-left: 6%; line-height: 25px;}
.p8_2word dd a{ text-decoration: none; color: #6f6f71;}
.p8_2word dd a:hover{ color: #0097db;}

.p8_3img{ width: 95%; margin:0 auto; margin-top: 8%;}
.p8_con03l{ width: 95%; margin:0 auto; margin-top: 5%;}
.p8_con03l h3{ height:20px; font-weight: normal;  font-size: 17px; margin-top: 2%; color: #585858; border-left:3px #0097e0 solid; margin-left: 2%; padding-left: 3%; letter-spacing: 1px;}
.p8_con03l ul{ width: 100%;  margin:0 auto; margin-top:6%; }
.p8_con03l ul li{  width: 100%; height: 35px; margin-bottom: 5%; border:1px #eeeeee solid; }
.p8_con03l ul li label{ display: block; width:8%; float: left; margin-top: 3%; margin-left: 3%;position: relative;}
.p8_con03l ul li label img{ position: absolute; display: block; left: 3%;}
.p8_con03l ul li input{ width: 75%; height: 33px; float: left; border: none;  padding-left: 1%; font-size: 14px; color: #b5b5b5; font-family: "微软雅黑";}
.p8_con03l ul li.input_button{ border:none;}
.p8_con03l ul li.input_button button{ width:100%; height: 35px; margin:0 auto; background: #0097e0; border:none; color: #fff; font-family: "微软雅黑"; font-size: 14px; border-radius: 5px; }
.p8_con03l ul li.input_button button:hover{ background: #caa04f;}
.word_t{ width: 100%; margin:0 auto; overflow: hidden; margin-top: 2%; font-size: 14px; color: #b5b5b5;}
.word_t i{ display: block; float: left; color: #b5b5b5; font-style: normal; }
.word_t label{ display: block; float: left; color: #0097e0; }
.word_t span{ display: block; float: right; color: #0097e0; }
.word_t label a{ text-decoration: none;color: #0097e0;}
.word_t span a{ text-decoration: none;color: #0097e0;}
.word_t label a:hover{ color:#caa04f; }
.word_t span a:hover{ color:#caa04f; }

.p8_con04{ width: 100%; margin:0 auto; overflow: hidden; margin-top: 10%; }
.p8_con04 h3{ width: 30%; height:30px; margin:0 auto; border:1px #0097e0 solid; color: #0097e0; text-align: center; line-height: 30px; font-size: 17px; font-family: "方正宋一简体";}
.p8_con04 ul{ width:100%; margin:0 auto; margin-top: 5%;}
.p8_con04 ul li{ width: 47%; float: left; margin-left: 2%; margin-bottom: 3%;}


/**************************************世和服务************************************************/
.p9_nav{ width: 100%; margin:0 auto; margin-top: 8%;}
.p9_nav li{ width: 18%; float: left; margin-left: 11.5%; background: url(../images/navbg.png) no-repeat; background-size: 100% auto; text-align: center; padding-top: 2.5%; padding-bottom:4%; font-size: 16px;}
.p9_nav li a{ display: block; text-decoration: none; color: #caa04f;}
.p9_nav li.p9_actnav{width: 18%; background: url(../images/navactbg.png) no-repeat; background-size: 100% auto;}
.p9_nav li.p9_actnav a{ color: #fff;}
.p9_nav li:hover{ background: url(../images/navactbg.png) no-repeat; background-size: 100% auto; color: #fff;}
.p9_nav li a:hover{ color: #fff;}
.p9_img{ width: 90%; margin:0 auto; margin-top: 10%;}
.p9_img2{ width: 95%; margin:0 auto; margin-top:5%;}
.p9_pic{ width: 100%; margin:0 auto; margin-top: 8%;}
.p9_pic li{ width: 47%; float: left; margin-left: 2%; margin-bottom: 3%;}
.p9_pic2{ width: 95%; margin:0 auto; margin-top: 2%;}

.p9_2img{ width: 100%; margin:0 auto; margin-top: 8%;}
.p9_2icon{ width: 100%; margin:0 auto; margin-top: 8%;}
.p9_2icon li{ width:24%; float: left; margin-left: 7%; }
.p9_form{width: 90%;margin:0 auto; margin-top: 8%; }
.p9_form li{ width: 100%; height: 35px; line-height: 35px; margin-bottom: 5%; float: left; border:1px #ccc solid; }
.p9_form li input{ width: 97%; height: 32px; line-height: 32px; font-family: "微软雅黑"; padding-left: 5px; border:none; }
.p9_form li.p9_active_input{ height: 130px; line-height: 0;}
.p9_form li.p9_active_input textarea{ width: 97%;height: 130px; border:none; padding-left: 5px; padding-top: 5px; font-family: "微软雅黑";}
#p9_btn{display: block; width: 30%; height: 30px;margin:0 auto; margin-top: 5%; background: #0097e0; text-align: center; line-height: 30px;border:none; color: #fff; font-family: "微软雅黑"; font-size: 14px;}


/**************************************联系我们************************************************/
.p10_img{ width: 98%; margin:0 auto; margin-top: 8%;}
.p10_conr{ width: 98%; margin:0 auto; margin-top: 8%; }
.p10_conr h3{ font-size: 16px; text-align: center; font-weight: normal; color: #caa04f;}
.p10_conr h3 label{ font-size: 18px; font-style: italic; font-weight: bold;}
.p10_conrword{  width: 98%; margin:0 auto;margin-top: 5%;}
.p10_conrword li{width: 100%; float: left; margin-bottom: 5%; }
.p10_conrword li img{ display: block; width: 11%; float: left; }
.p10_conrword li label{ width: 85%; float: left; padding-left:3%; padding-top: 1%; font-size: 14px; color: #6c6c6f; text-align: justify;}

.bbs{ width:96%;  margin:0 auto; margin-top: 8%; background:#fff; }
.bbs .form{ width: 100%; margin:0 auto; padding-top: 8%; 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:105px; 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:125px !important;}
#dituContent{width:100%;height:500px; overflow:hidden; margin:50px auto;}
.con-btn{ width:30%; height:30px; margin:7% 26%; display:block; overflow:hidden; clear:both; }
.button_css2{ width:100%; height:30px;background:#0097e0; color:#FFF; font-size: 15px; text-align: center; cursor: pointer; line-height:30px; overflow:hidden; border:none;}


/*媒体查询兼容手机尺寸*/ 
/*iphone6s */ 
 @media screen and (min-width:414px) and (min-height:672px) 
 { 
   .header .logo{ width: 50%; padding-top: 2%;}
   .header .menu{ padding-top: 4.5%; width: 7%;}
   .p2_nav li,.p3_nav li,.p8_nav li,.p9_nav li{ padding-top: 4.5%;}
   .main{ margin-bottom: 23%;}
   .p3_word2 li p{ margin: 48% 4% 3% 4%;line-height: 30px;}
   .p3_word2 li.p3_word2_03 p{ margin: 46% 4% 3% 4%;}
   .new_page li{ margin-left: 5%;}
   .p6_con li .p6_conr p{ padding: 0 3% 8% 2%;}
   .bottom li{ width: 24.6%;}
   .p7_2word li .p7_2word_right p{ font-size: 15px;}
   .p7_2word li h1,.p7_2word li h3,.p7_2word li h5,.p7_2word li h6{ margin-top: 12%;}
   .p7_2word li h2{ margin-top: 16%;}
   .p8_2word{ height: 243px;}
   .p9_img{ width: 80%;}
   .p9_img2{ width: 90%;}
   .p10_conrword li label{ padding-top:3%; font-size: 15px;}
   

 } 


 /*ipad*/
@media screen and (min-width:768px) and (max-height:1024px) 
 {
   .header{ height: 90px;}
   .header .menu{ padding-right:1%;}
   .p1_con_img{ width: 73%;}
   .p1_con4 p,.p1_con5 p{ font-size: 20px; line-height: 40px;}
   .p1_con05a_right h3,.p1_con05a_right ul li h4 label{ font-size: 20px;}
   .p1_con05a_right ul{ width: 95%;}
   .p1_con05a_right ul li h4 span,.p1_con05a_right ul li p{ font-size: 18px;}
   .bottom2 dd img{ width: 7%;}
   .bottom2 dd{ width: 49.8%;}
   .bottom li{ width:24.8%; font-size: 16px;}
   .menu_nav{ bottom: 41px;}
   .menu_nav li{ font-size: 18px;line-height: 47px;}
   .p2_nav li,.p3_nav li,.p8_nav li,.p9_nav li{ font-size: 22px; line-height: 30px;}
   .p2_con_left p{ font-size: 18px; line-height: 40px;}
   .main{ margin-bottom: 17%;}
   .p2_2_word h2,.p2_3_word li label{ font-size: 22px;}
   .p2_2_word p,.p2_4word{ font-size: 18px;line-height: 35px;}
   .p2_3_word li span{  font-size: 18px;line-height: 35px;}
   .title_word,.p3_word,.p3_4word p{ font-size: 18px; line-height: 30px;}
   .p3_word2 li{ height: 375px;}
   .p3_word2 li p{ font-size: 18px; line-height: 35px; margin: 38% 4% 3% 4%;}
   .p3_word2 li.p3_word2_03 p{ font-size: 18px; line-height: 35px;margin: 35% 4% 3% 4%;}
   .p4_te h2{ font-size: 22px;}
   .p4_te ul li,.p4_te_w p,.p4_part2_w{ font-size: 16px; line-height: 30px;}
   .p4_te_w h3{ font-size: 20px;}
   .p6_con li .p6_conr p{ font-size: 18px; line-height: 30px;padding: 0 3% 11% 2%;}
   .new_page li{ margin-left:7%;}
   .position{ font-size: 16px;}
   .new_center h1{ font-size: 24px;}
   .new_center h3{ font-size: 16px;}
   .new_center p{ font-size: 18px; line-height: 35px;}
   .p7_2word li .p7_2word_right h4{ font-size: 20px;}
   .p7_2word li .p7_2word_right p{ font-size: 18px; line-height: 30px;}
   .p7_2word li h1,.p7_2word li h3,.p7_2word li h5,.p7_2word li h6{ margin-top: 5%;}
   .p7_2word li h2{ margin-top: 8%;}
   .p8_2word{ height: 320px;}
   .p8_con03l ul li label{ width: 5%;}
   .p8_con03l ul li{ height: 60px;}
   .p8_con03l ul li input{ height: 58px;}





 }


/*iphone6 a*/ 
 @media screen and (min-width:375px) and (max-height:667px) 
 { 
  .header .logo{ padding-top: 2%; width: 52%;}
  .header .menu{ padding-top: 5%; width: 8%;}
  .p2_nav li,.p3_nav li,.p8_nav li,.p9_nav li{ padding-top: 3.5%;}
  .p3_word2 li p{ margin: 50% 4% 3% 4% ;line-height: 28px;}
  .p3_word2 li.p3_word2_03{ height: 380px;}
  .p3_word2 li.p3_word2_03 p{ margin: 57% 4% 3% 4%;}
  .p6_con li .p6_conr p{ padding: 0 3% 5% 2%;}
  .new_page li{ margin-left: 5%;}
  .p7_2word li .p7_2word_right p{ font-size: 14px;}
  .p7_2word li h1,.p7_2word li h3,.p7_2word li h5,.p7_2word li h6{ margin-top: 12%;}
  .p7_2word li h2{ margin-top: 16%;}
  .p8_2word{ height: 230px;}
  .p10_conrword li label{ padding-top:3%; font-size: 15px;}
  .main{ margin-bottom: 25%;}
  

 } 

 

/*Android*/ 
 @media screen and (min-width:360px) and (max-height:640px) 
 {
  
   .header .menu{ padding-top: 5.5%; width: 8%;}
   .header .logo{ padding-top: 3%; width:55%;}
   .p2_nav li,.p3_nav li,.p8_nav li,.p9_nav li{ padding-top: 3.5%;}
   .p3_word2 li p{ margin: 56% 4% 3% 4%;}
   .p3_word2 li.p3_word2_03{ height: 350px;}
   .p3_word2 li.p3_word2_03 p{ margin: 53% 4% 3% 4%;}
   .p7_2word li h1,.p7_2word li h3,.p7_2word li h5,.p7_2word li h6{ margin-top: 12%;}
   .p7_2word li h2{ margin-top: 16%;}
   .p6_con li .p6_conr p{  padding: 0 3% 4% 2%;}
   .p10_conrword li label{ padding-top:2%; font-size: 15px;}


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

  .p3_word2 li p{ margin: 50% 4% 3% 4% ;line-height: 28px;}
  .p3_word2 li.p3_word2_03{ height: 380px;}
  .p3_word2 li.p3_word2_03 p{ margin: 57% 4% 3% 4%;}

 }

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

/*iphone5 b*/ 
 @media screen and (min-width:320px) and (max-height:504px) 
 { 
   .p3_word2 li.p3_word2_03{ height: 380px; }
   .p3_word2 li.p3_word2_03 p{margin: 65% 4% 3% 4%; line-height: 23px; }
 } 

/*iphone4 a*/ 
 @media screen and (min-width:320px) and (max-height:480px) 
 { 
   .p3_word2 li.p3_word2_03{ height: 380px; }
   .p3_word2 li.p3_word2_03 p{margin: 65% 4% 3% 4%; line-height: 23px; }




 } 
  
/*iphone4 b*/ 
 @media screen and (min-width:320px) and (max-height:416px) 
 { 
  .p3_word2 li.p3_word2_03{ height: 380px; }
  .p3_word2 li.p3_word2_03 p{margin: 65% 4% 3% 4%; line-height: 23px; }




 }