html{ overflow-x: hidden; }
body{ background: #fff; font-family: 'Arial', sans-serif; font-size: 14px; color: #222; }
h1, h2, h3, h4, h5, h6, p, dl, dt, dd{ font-size: 100%; font-weight: normal; padding: 0; margin: 0; }
ul,ol{ padding: 0; margin: 0; list-style: none; }
a:link, a:visited, a:hover, a:active{ text-decoration: none; }
input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder{ color: #d6d6d6; }
textarea{ resize: none; }

.inner{ width: 1200px; margin: 0 auto; }
.tool{ width: 100%; height: 167px; background: #f6f6f6; }
.tool .logo{ width: 800px; margin-top: 10px; float: left; display: block; }
.tool .telphone{ width: 320px; height: 80px; margin-top: 40px; float: right; }
.tool .telphone p{ line-height: 36px; font-size: 18px; color: #874217; display: block; }
.tool .telphone span{ line-height: 42px; font-family: 'Arial', sans-serif; font-size: 36px; font-weight: bold; color: #874217; display: block; }

.menu{ width: 100%; height: 70px; background: #331700; }
.menu ul{ width: 1054px; margin: 0 auto; }
.menu ul li{ width: 25%; height: 70px; float: left; }
.menu ul li a{ line-height: 70px; text-align: center; font-size: 30px; color: #fff; display: block; }
.menu ul li a:hover,
.menu ul li a.on{ background: #df8e4b; color: #331700; }

.banner { position: relative; left: 50%; margin-left: -960px; width: 1920px; height: 500px; background: #f6f6f6; overflow: hidden; }
.banner .hd{ display: none; }
.banner .bd{ position: relative; z-index: 0; }
.banner .bd li{ height: 500px; background-repeat: no-repeat; background-position: center center; }
.banner .prev,
.banner .next { position: absolute; top: 50%; z-index: 10; width: 48px; height: 90px; margin-top: -45px; border-radius: 4px; background: url(../images/ad_ctr.png) no-repeat; cursor: pointer; opacity: 0.6; display: block; }
.banner .prev { left: 16.25%; background-position: 0 0; }
.banner .next { right: 16.25%; background-position: -12px -90px; }

.footer{ background: url("../images/fbg1.jpg") no-repeat center center; }
.booter{ padding: 50px 0; text-align: center; }
.booter h1{ line-height: 40px; letter-spacing: 2px; font-size: 30px; font-weight: bold; color: #fff; padding-bottom: 10px; display: block; }
.booter h2{ line-height: 28px; font-size: 16px; color: #a9a9a9; display: block; }
.booter h3{ color: #fff; display: block; }
.booter h4{ line-height: 40px; font-size: 24px; font-weight: bold; color: #fff; display: block; }
.booter span{ position: relative; width: 200px; line-height: 30px; font-size: 14px; color: #fff; margin: 0 auto; display: block; }
.booter span:before{ position: absolute; top: 15px; left: -20px; z-index: 1; width: 50px; height: 1px; background: #fff; content:''; }
.booter span:after{ position: absolute; top: 15px; right: -20px; z-index: 1; width: 50px; height: 1px; background: #fff; content:''; }

.gotop{ position: fixed; bottom: 50px; right: 40px; z-index: 100; width: 50px; height: 50px; cursor: pointer; display: block; }
.gotop img{ width: 100%; display: block; }
.gotop:hover{ opacity: 0.2; }

.ibanner{ position: relative; left: 50%; margin-left: -960px; width: 1920px; height: 381px; background: #f6f6f6; overflow: hidden; }
.ibanner img{ height: 381px; margin: 0 auto; display: block; }

.index{  }
.index-box1{ position: relative; width: 100%; height: 321px; background-repeat: no-repeat; background-position: center center; background-size: cover; }
.index-box1 div{ position: absolute; top: 25px; left: 363px; z-index: 1; width: 650px; }
.index-box1 div h1{ line-height: 50px; font-size: 32px; font-weight: bold; color: #704837; margin-bottom: 10px; display: block; }
.index-box1 div span{ display: block; }
.index-box1 div span p{ line-height: 30px; font-size: 14px; color: #333; text-indent: 2em; text-align: justify; display: block; }
#704837;
.index-box2{  }
.index-box2 img{ width: 100%; display: block; }
.index-box3{ position: relative; width: 100%; min-height: 492px; padding: 30px 0; background: #f1ecd9; }
.index-box3-t{ width: 202px; height: 58px; margin: 0 auto; }
.index-box3-t img{ width: 100%; display: block; }
.index-box3-main{ position: absolute; top: 132px; right: 80px; left: 80px; z-index: 1; }
.index-box3-main span{ width: 550px; float: left; display: block; }
.index-box3-main span p{ line-height: 30px; font-size: 14px; color: #333; text-align: justify; margin-bottom: 20px; display: block; }
.index-box3-main img{ width: 432px; float: right; display: block; }
.index-box4{ min-height: 490px; padding: 40px 0; background: #694e45; }
.index-box4-t{ width: 307px; height: 96px; margin: 0 auto; }
.index-box4-t img{ width: 100%; display: block; }
.index-box4-main{ width: 980px; margin: 50px auto 0 auto; }
.index-box4-main ul li{ width: 300px; float: left; margin-right: 40px; }
.index-box4-main ul li:last-child{ margin-right: 0; }
.index-box4-main ul li span{ position: relative; width: 100%; height: 50px; margin-bottom: 25px; display: block; }
.index-box4-main ul li span:after{ position: absolute; top: 24px; z-index: 0; width: 100%; height: 2px; background: #fff; content: '' }
.index-box4-main ul li span h6{ position: relative; z-index: 2; width: 140px; height: 50px; line-height: 44px; text-align: center; font-size: 24px; font-weight: bold; color: #fff; margin: 0 auto; border: 2px solid #fff; border-radius: 23px; background: #694e45; display: block; }
.index-box4-main ul li:last-child span h6{ width: 180px; }
.index-box4-main ul li p{ line-height: 26px; font-size: 14px; color: #fff; text-align: justify; display: block; }
.index-box5{ padding: 15px 0; background: #fff; overflow: hidden; }
.index-box5 ul li{ width: 320px; height: 200px; background-repeat: no-repeat; background-position: center center; background-size: cover; float: left; margin-right: 15px; }

.index-box51{ padding: 15px 0; background: #fff; overflow: hidden; }
.index-box51 ul li{ width: 150px; height: 200px; background-repeat: no-repeat; background-position: center center; background-size: cover; float: left; margin-right: 15px; }

.index-box52{ padding: 0 0 15px 0; background: #fff; overflow: hidden; }
.index-box52 ul li{ width: 150px; height: 200px; background-repeat: no-repeat; background-position: center center; background-size: cover; float: left; margin-right: 15px; }

.index-box6{ padding: 50px 0 70px 0; background: #f1ecd9; }
.index-box6 span{ text-align: center; display: block; }
.index-box6 span h1{ line-height: 32px; font-size: 20px; font-weight: bold; color: #684E45; display: block; }
.index-box6 span h2{ line-height: 46px; font-size: 36px; font-weight: bold; color: #684E45; display: block; }
.index-box6 img{ width: 560px; margin: 40px auto 0 auto; display: block; }
.index-box7{ padding: 20px 0; text-align: center; background: #f1ecd9; }
.index-box7 p{ line-height: 50px; font-size: 28px; font-weight: bold; color: #694e45; margin: 10px 0; display: block; }
.index-box8{ padding: 20px 0; text-align: center; background: #694e45; }
.index-box8 span{ line-height: 60px; letter-spacing: 2px; font-size: 42px; font-weight: bold; color: #fff; display: block; }
.index-box9{ padding: 20px 0; text-align: center; background: #f1ecd9; }
.index-box9 span{ position: relative; width: 100%; height: 50px; margin-bottom: 25px; display: block; }
.index-box9 span:after{ position: absolute; top: 24px; right: 0; left: 0; z-index: 0; width: 100%; height: 2px; background: #694e45; content: '' }
.index-box9 span h6{ position: relative; z-index: 2; width: 292px; height: 50px; line-height: 44px; text-align: center; font-size: 24px; font-weight: bold; color: #373131; margin: 0 auto; border: 2px solid #694e45; border-radius: 23px; background: #f1ecd9; display: block; }
.index-box9 img{ width: auto; margin: 0 auto; display: block; }
.index-box10{ padding: 50px 0; text-align: center; background: #fff; }
.index-box10 h1{ line-height: 40px; font-size: 32px; font-weight: bold; color: #332c2b; margin-bottom: 50px; display: block; }
.index-box10 h2{ line-height: 46px; font-size: 40px; font-weight: bold; color: #303c3f; margin-bottom: 20px; display: block; }

.index-box21{ width: 100%; }
.index-box21 img{  margin: 0 auto; display: block; }

.therapy2{ width: 960px; padding: 100px 0; margin: 0 auto; overflow: hidden; }
.therapy2 img{ width: 340px; float: left; display: block; }
.therapy2 span{ width: 500px; float: right; display: block; }
.therapy2 span h1{ text-align: center; line-height: 36px; font-size: 24px; font-weight: bold; color: #332C2B; display: block; }
.therapy2 span p{ text-align: justify; line-height: 50px; font-size: 20px; color: #332C2B; margin-top: 45px; display: block; }
.therapy3{ padding: 40px 0; background: #694e45; overflow: hidden; }
.therapy3 div{ width: 1050px; margin: 0 auto; }
.therapy3 div p{ width: 570px; line-height: 44px; font-size: 20px; color: #fff; text-align: justify; float: left; display: block;  }
.therapy3 div img{ width: 405px; float: right; display: block;  }
.therapy4{ padding: 80px 0; overflow: hidden; }
.therapy4s{ width: 1040px; margin: 0 auto; }
.therapy4sl{ width: 286px; text-align: center; float: left; }
.therapy4sl h1{ line-height: 44px; font-size: 24px; font-weight: bold; color: #704c37; margin: 30px 0; display: block; }
.therapy4sl h2{ line-height: 30px; font-size: 18px; font-weight: bold; color: #434041; margin: 20px 0 0 0; display: block; }
.therapy4sl img{ width: 286px; display: block; }
.therapy4sr{ width: 700px; float: right; }
.therapy4sr p{ line-height: 44px; font-size: 20px; font-weight: 600; color: #333; text-indent: 2em; text-align: justify; display: block; }
.therapy4sr ul{ width: 510px; margin: 20px auto 0 auto; }
.therapy4sr ul li{ width: 150px; height: 90px; margin: 10px; padding: 13px 30px; float: left; border: 2px solid #90663f; border-radius: 10px; }
.therapy4sr ul li span{ line-height: 30px; font-size: 20px; color: #90663f; text-align: center; display: block; }
.therapy5{ padding: 80px 0; overflow: hidden; }
.therapy5 div{ width: 1040px; margin: 0 auto; }
.therapy5 div img{ width: 304px; float: left; display: block; }
.therapy5 div p{ width: 680px; line-height: 44px; font-size: 20px; font-weight: 600; color: #333; text-indent: 2em; text-align: justify; float: right; display: block; }
.therapy6{ overflow: hidden; }
.therapy6 ul li{ width: 444px; float: left; }
.therapy6 ul li img{ height: 395px; display: block; }
.therapy7{ padding: 80px 0; overflow: hidden; }
.therapy7 div{ width: 1040px; margin: 0 auto; }
.therapy7 div img{ width: 408px; float: left; display: block; }
.therapy7 div p{ width: 490px; line-height: 44px; font-size: 20px; font-weight: 600; color: #333; text-align: justify; float: right; margin-top: 110px; display: block; }
.therapy8{ overflow: hidden; }
.therapy8 img{ width: 505px; float: right; display: block; }
.therapy8 p{ width: 620px; line-height: 44px; font-size: 20px; font-weight: 600; color: #333; text-align: justify; margin-top: 50px; float: left; display: block; }
.therapy9{ padding: 100px 0; overflow: hidden; }
.therapy9 div{ width: 1040px; margin: 0 auto; }
.therapy9 div img{ width: 505px; float: left; display: block; }
.therapy9 div span{ width: 450px; margin-top: 250px; float: right; display: block; }
.therapy9 div span h1{ line-height: 50px; font-size: 42px; font-weight: bold; color: #352b29; margin-bottom: 40px; display: block; }
.therapy9 div span p{ line-height: 44px; font-size: 20px; font-weight: 600; color: #333; text-align: justify; display: block; }
.announce{ margin: 15px 0; overflow: hidden; }
.announce .bd{ height: 32px; }
.announce .bd ul{ overflow: hidden; }
.announce .bd ul li{ width: 100%; height: 32px; line-height: 32px; text-align: left; margin-right: 20px; float: left; _display:inline; }
.announce .bd ul li p{ font-size: 24px; color: #e64a19; display: block; }

.system{ }
.system1{ position: relative; width: 100%; height: 687px; background-repeat: no-repeat; background-position: center center; background-size: cover; }
.system1 p{ position: absolute; bottom: 65px; right: 0; left: 0; z-index: 1; width: 620px; line-height: 36px; font-size: 20px; color: #6a3b1d; margin: 0 auto; display: block; }
.system2{}
.system2 img{ width: 100%; display: block; } 
.system3{ width: 650px; margin: 20px auto 40px auto; overflow: hidden; }
.system3 p{ line-height: 36px; font-size: 20px; color: #6a3b1d; text-align: justify; display: block; } 
.system4{ padding: 40px 0; overflow: hidden; }
.system4 div{ position: relative; width: 745px; height: 155px; text-align: center; margin: 0 auto; border: 5px solid #c20000; }
.system4 div h1{ position: absolute; top: -15px; right: 0; left: 0; z-index: 1; width: 235px; height: 40px; line-height: 40px; font-size: 24px; color: #c20000;  letter-spacing: 2px; background: #fff; margin: 0 auto; display: block; }
.system4 div p{ line-height: 44px; font-size: 32px; font-weight: bold; color: #c20000; margin-top: 30px; display: block; }
.system4 span{ padding-top: 30px; text-align: center; line-height: 30px; font-size: 16px; color: #444; display: block; }
.system5{ padding: 50px 0; overflow: hidden; }
.system5 span{ text-align: center; line-height: 36px; font-size: 24px; color: #843b0e; margin-top: 40px; display: block; }
.system5 h1{ text-align: center; line-height: 48px; font-size: 28px; font-weight: bold; color: #843b0e; margin-bottom: 30px; display: block; }
.system5 p{ width: 750px; line-height: 30px; font-size: 16px; color: #444; text-align: justify; margin: 0 auto; display: block; }
.system6{ width: 560px; margin: 20px auto 40px auto; overflow: hidden; }
.system6 p{ line-height: 36px; font-size: 20px; color: #6a3b1d; text-align: justify; display: block; } 
.system7{ position: relative; width: 100%; min-height: 300px; padding: 40px 0 0 0; background-repeat: repeat; background-position: center center; background-size: cover; overflow: hidden; }
.system7 img{ width: 800px; margin: 0 auto 40px auto; display: block; }
.system8{ width: 680px; margin: 20px auto 40px auto; overflow: hidden; }
.system8 p{ line-height: 36px; font-size: 20px; color: #6a3b1d; text-align: justify; display: block; } 
.system9{ position: relative; width: 100%; height: 570px; background-repeat: repeat; background-position: center center; background-size: cover; overflow: hidden; }
.system9 span{ position: absolute; bottom: 85px; right: 265px; z-index: 1; width: 365px; line-height: 36px; font-size: 20px; color: #fff; text-align: justify; display: block; }
.system10{ padding: 100px 0 50px 210px; overflow: hidden; }
.system10 span{ line-height: 64px; font-size: 36px; color: #6a3b1d; display: block; }

.join{ margin-bottom: 50px; overflow: hidden; }
.join-title{ padding: 25px 0; margin-bottom: 10px; text-align: center; border-bottom: 1px solid #ddd; }
.join-title h1{ line-height: 30px; font-size: 30px; font-weight: bold; color: #994217; margin-bottom: 10px; display: block; }
.join-title p{ line-height: 20px; font-size: 14px; color: #737373; margin-bottom: 10px; display: block; }
.join-text{ height: 181px; overflow: hidden; }
.join-text ul li{ position: relative; width: 230px; height: 143px; float: left; margin: 10px 0; background-repeat: no-repeat; background-position: center center; background-size: auto 100%;  overflow: hidden; }
.join-text ul li img{ height: 161px; display: block;  }
.join-text ul li a{ position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 1; width: 100%; height: 100%; display: block;  }
.join1{ text-align: center; padding: 50px 0; overflow: hidden; }
.join1 p{ line-height: 60px; font-size: 36px; font-weight: bold; color: #874219; display: block; }
.join2 img{ width: 100%; display: block; }
.cjoin{ position: relative; width: 100%; height: 750px; background-repeat: no-repeat; background-position: center center; background-size: cover; overflow: hidden; }
.cjoin span{ position: absolute; bottom: 85px; right: 265px; z-index: 1; width: 375px; line-height: 36px; font-size: 20px; color: #fff; text-align: justify; display: block;  }
.cjoin span{ position: absolute; top: 120px; right: 175px; z-index: 1; width: 375px; text-align: center; display: block;  }
.cjoin span h1{ line-height: 32px; font-size: 18px; color: #666666; margin-bottom: 10px; display: block;  }
.cjoin span h2{ line-height: 70px; font-size: 60px; color: #000; margin-bottom: 20px; display: block;  }
.cjoin span p{ line-height: 48px; font-size: 24px; color: #333; text-align: justify; display: block;  }

.patent{ padding: 0 10%; overflow: hidden; }
.patent ul li{ position: relative; width: 23%; height: 292px; float: left; margin: 1%; background-repeat: repeat; background-position: center center; background-size: cover;  overflow: hidden; }
.patent ul li img{ height: 161px; display: block;  }
.patent ul li a{ position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 1; width: 100%; height: 100%; display: block;  }

.principal{ padding: 20px 0; overflow: hidden; }
.principals{ overflow: hidden; }
.principals-desc{text-align: center;}
.principals-desc h1{ padding: 10px 0; line-height: 40px; font-size: 36px; font-weight: bold; color: #333; display: block; }
.principals-desc h2{ padding: 5px 0 20px 0; line-height: 40px; font-size: 30px; font-weight: bold; color: #444; display: block; } 
.principalsa{ margin-bottom: 30px; overflow: hidden; }
.principalsa ul li{ width: 33.3333%; float: left; }
.principalsa ul li img{ width: 333px; margin: 0 auto; display: block; }
.principalsb{ margin: 0 10% 30px 10%; overflow: hidden; }
.principalsb ul li{ width: 50%; float: left; }
.principalsb ul li img{ width: 333px; margin: 0 auto; display: block; }
.principalsc{ overflow: hidden; }
.principalsc img{ width: 800px; margin: 0 auto 30px auto; display: block; }