.about{text-align:center;}
.about h2{font-size:30px;font-weight: bold;line-height: 80px;}

.about1{width:100%;height:auto;overflow:hidden;margin-top:20px;}
.about1 img{float:left;margin-right:30px;margin-bottom:20px;}
.about1 p{text-align:left;line-height: 36px;font-size:16px;text-indent: 2em;margin-bottom: 10px;}

.top-title{margin-bottom: 20px;text-align: center;height: 50px;line-height: 50px;border-top: 1px solid #999;border-bottom: 1px solid #999;}
.top-title h2{font-size: 36px;margin: 20px auto;letter-spacing: 10px;color: #423120;font-weight: bold;}
.top-title a{font-weight: bold;}
.top-title a:last-child{font-weight:normal;}


.page-title{margin-bottom: 20px;text-align: center;}
.page-title h2{font-size: 36px;margin: 20px auto;letter-spacing: 10px;color: #423120;font-weight: bold;}
.page-title a:first-child{font-weight: bold;}
.page-title p{font-size: 15px;margin-top:10px;}



.youshi{width:100%;height: auto;background-color:#e2d5c4;padding-top:30px;overflow: hidden;padding-bottom: 50px;}

.why{width:100%;height:auto;overflow: hidden;margin-top:40px;}

.why1{display:flex;}
.why1 dl{flex: 1 0 auto;}



.why1{
  display: flex;
}
.why1 dl{
  flex: 1 0 33%;
  display: flex;
}
.why1 dl dt{flex: 1 0 40%;text-align: center;padding-top: 20px;}
.why1 dl dd{
  flex: 1 0 40%;
}

.why1 i{font-size: 70px;color: #9e7523;}

.why1 dd h2{font-size:20px;color: #545454;line-height: 46px;font-weight: bold;}
.why1 dd p{
  line-height: 24px;
}


.shili{width:100%;height:auto;overflow: hidden;margin-top:40px;margin-bottom:40px;}

.shili1{display:flex;}
.shili1 dl{flex:1 0 33%;padding:0 10px;}
.shili1 dl dt img{width:100%;}



.mainLeft{width: 260px;float:left;height:auto;overflow: hidden;}
.mainTitle{width:100%;height:60px;background-color: #000000;padding-left: 20px;}
.mainTitle h1{font-size:20px;line-height: 60px;color:#daaa4a;}

.pro-nav{width:100%;border: 1px solid #e7e7e7;border-top:none;border-bottom:none;}

.pro-nav li{width:100%;border-bottom: 1px solid #efefef;}
.one_level{
    padding-left: 15px;
    position: relative;border-bottom: 1px solid #e7e7e7;
}
.one_level a{font-size:16px;position:relative;display: block;width: 80%;height: 50px;line-height: 50px;}
.one_level i{font-size: 12px;position: absolute;top: 20px;right: 24px;color:#8f9397;cursor: pointer;}
.one_level i.active{transform:rotate(180deg);}

.two_level{width:100%;height: auto;display: none;}
.two_level li{width:100%;height:30px;line-height: 30px;position:relative;padding-left: 24px;}
.two_level li:before{content:"·";}
.two_level li a{font-size:14px;color:#333;}



.main{width: 900px;float: right;height: auto;overflow: hidden;display:flex;flex-wrap: wrap;}
.main dl{flex: 0 0 25%;padding: 5px;cursor: pointer;margin-bottom: 20px;}
.main dl dt{overflow: hidden;width:100%;height:215px;position:relative;border: 1px solid #eee;}
.main dl dt img{transition: all 1s; position:absolute;top:0;left:0;bottom:0;right:0;margin:auto;max-width: 100%;}
.main dl dt:hover img{transform:scale(1.1);}

.main dl dd{height: 60px;text-align: center;line-height: 30px;padding: 0 10px;}
.main dl dd a{font-size:16px;}


.apply{width:100%;display: flex;flex-wrap: wrap;}
.apply dl{flex: 0 0 25%;padding:0 10px;margin-bottom:20px;}
.apply dl dt{width:100%;position:relative}
.apply dl dt img{width:100%;}
.apply dl dt p{position:absolute;bottom:0px;width:100%;text-align:center;height:23px;line-height:23px;background-color:rgba(0,0,0,0.6);color:#fff;}
.apply dl dd{width:100%;height: auto;padding: 10px 0 0 0;}
.apply dl dd p{font-size:16px;line-height:40px;}
.apply dl dd p a{
    text-decoration: underline;
    margin-right: 15px;
}


.album{text-align:center;}
.album h2{font-size:30px;font-weight: bold;line-height: 80px;}

.album{width:100%;display: flex;flex-wrap: wrap;  
  justify-content: space-between;margin-bottom:30px;
  flex-direction: row;}
.album dl{ cursor:pointer;   flex: 0 0 24%;padding:0 4px;border:1px solid #eee;}
.album dl dt{width:100%;}
.album dl dt img{width:100%;}
.album dl dd{width:100%;height:40px;text-align:center;}
.album dl dd p{font-size:16px;line-height:40px;}


.album-in{width:500px;display:flex;margin: 0 auto;justify-content: space-between;}
.album-in a{height: 36px;flex: 0 0 100px;background-color: #222222;line-height: 36px;color: #fff;}
.album-in a.active,.album-in a:hover{background-color:#e3b24e;}


.album-content{margin: 40px 0;min-height:400px;}
.album-content ul{display: flex;justify-content: space-between;}
.album-content li{flex: 0 0 31%;}
.album-content li img{width:100%;}




.news{text-align:center;}
.news h2{font-size:30px;font-weight: bold;line-height: 80px;}




.news-list{}
.news-list dl{
    width: 100%;
    height: 200px;
    margin-bottom: 30px;
    padding: 15px;
    background-color: #f3f3f3;
}
.news-list dl dt{
    width: 260px;
    height: 170px;
    float: left;
}
.news-list dl dt img{
    width: 100%;
    height: 100%;
}
.news-list dl dd{
    width: 880px;
    float: right;
    text-align: left;
}
.news-list dl dd a{
    font-size: 18px;display: block;
    font-weight: bold;
    line-height: 60px;
    border-bottom: 1px dashed;
    margin-bottom: 14px;
}
.news-list dl dd p{line-height: 26px;}





.newsin{text-align:center;}
.newsin h2{font-size:30px;font-weight: bold;line-height: 80px;}




.content{width:1200px;padding:30px;min-height:500px;background-color:#f3f3f3;}

.newsin-title{text-align: center;line-height:60px;}
.newsin-title h3{font-size:20px;font-weight:bold;}

.newsin-info{}

.newsin-content{margin-top:30px;text-align:left;}

.contact{margin: 40px 0;}
.contact h1{font-size:26px;font-weight: bold;    line-height: 60px;} 

.contact-left{width: 100%;}
.contact-left h3{font-size:20px;font-weight: bold;color:#d4a545;margin: 16px 0;} 

.contact-left1{margin-top:20px;float: left;width: 286px;}
.contact-left1 span{display: block;margin-bottom:10px;}
.contact-left1 p{line-height:24px;}

.contact-right{width: 100%;margin-top: 20px;}
.contact-right input{width:186px;float: left;height: 40px;padding-left: 10px;line-height: 40px;
  border:1px solid #cccccc;font-size: 14px;letter-spacing: 1px;margin-right:20px;
  color:#666;margin-bottom:20px;}
  .contact-right input:nth-child(5){}
.contact-right textarea{width:100%;height:140px;padding:10px;border:1px solid #cccccc;color:#666;}
.contact-right input[type=submit]{
  width: 80px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  margin-top:40px;
  background-color: #116bc3;
  color:#fff;
  font-size: 16px;
  font-weight: bold;
  border:none;
  cursor: pointer;
  }



.main1{background-color:#f1f1f1;width: 880px;float: right;}








.pro_view{padding: 25px;border-bottom: 1px solid #e3e3e3;height: 460px;}
.pro_view .rxcp_list_left{width: 352px;height: 352px;float:left;}
.pro_view .pic{width: 320px;height:320px;text-align: center;}
.pro_view .pic img{max-width: 650px;max-height:320px}
.pro_view .rxcp_list_right{width: 470px;float:right;position:relative;padding: 10px 10px 20px;}
.pro_view .rxcp_list_right h1{border-bottom: 1px solid #e4e4e4;width: 100%;font-size: 18px;font-weight: normal;line-height: 40px;margin-bottom: 5px;}
.pro_view .rxcp_list_right h1 span {position:relative;}
.pro_view .rxcp_list_right h1 span i{font-size:26px;cursor:pointer;}

.prodDetailCode{
    position: absolute;
    top: 140%;
    right: 0;
    z-index: 100;
    width: 200px;
    height: 215px;
    border: 1px solid #eee;
    border-radius: 2px;
    text-align: center;
    padding-top: 10px;
    background: #fff;
    z-index: 99999;
    display: none;
 }
	
	
.prodDetailCode p{line-height:10px}
.pro_view ul{height: 230px;border-bottom: 1px dashed #999;}
.pro_view ul li span{font-size:18px;color:#333333;height: 30px;margin-top: 20px;line-height:30px;float: left;font-weight:bold;display: inline-block;width: 80px;}
.pro_view ul li p{font-size:14px;color:#6e6e6e;margin-top: 0px;line-height:30px;float: left;display: inline-block;width: 400px;margin-top: 20px;margin-left: 20px;}
.pro_view .desc{font-size: 14px;color: #444444;line-height: 22px;height: auto;clear: both;margin-top: 10px;}
.pro_view .qq{display:inline-block;width: 220px;height: 36px;border: 1px solid #ff9233;line-height: 36px;text-align:center;float: left;background-color: #fff8f1;color: #ff9233;font-size: 16px;}
.pro_info{margin: 15px 15px;min-height: 500px;border: 1px solid #ccc;height: auto;border-top: none;position:relative;}
.pro_info::after{position:absolute;right: -1px;height: 39px;background-color:#f1f1f1;content:"";top:0px;width: 1px;z-index: 999;}
.pro_info .cpcp{font-size: 18px;color: #00a0e9;line-height: 50px;margin-top: 20px; font-weight:bold;}




.pro_title{height: 42px;border-bottom: 2px solid #eee}
.pro_title .tit{display: inline-block;float:left;font-size: 24px;color: #daaa4a;line-height: 25px;border-bottom: 5px solid #daaa4a;height: 40px;font-weight: normal;}
.pro_title .tit a{font-size: 24px;color: #00a0ea;line-height: 35px;}
.pro_title .tit span{font-size: 12px;color: #999999;border-bottom: 2px solid #daaa4a;padding-bottom: 2px;display: inline-block;}
.pro_title .tit2 span{font-size: 18px;color: #787878;padding-bottom: 10px}
.pro_title a{float: right;font-size: 12px;color: #616060;line-height: 50px}
.pro_title a:hover{color: #daaa4a}
.pro_title .prev{display: block;width: 32px;height: 28px;background: url("../images/prev3.png");cursor: pointer;line-height: 50px;margin-top: 14px}
.pro_title .prev:hover{background: url("../images/prev4.png")/*tpa=http://www.mange-china.com/images/prev4.png*/;}
.pro_title .next{display: block;width: 32px;height: 28px;background: url("../images/next3.png")/*tpa=http://www.mange-china.com/images/next3.png*/;cursor: pointer;line-height: 50px;margin-top: 14px}
.pro_title .next:hover{background: url("../images/next4.png")/*tpa=http://www.mange-china.com/images/next4.png*/;}

.cptd{padding:20px;}



.apply-in1{width:100%;height: AUTO;}
.apply-in1 h3{font-size:14px;color: #545454;line-height: 50px;}
.apply-in1 p{font-size:14px;}






.tabPanel ul{height: 40px;border-bottom: 1px solid #ccc;}
.tabPanel ul li{
	float:left;
	margin:0 2px 0 0;
	cursor: pointer;
	font-size: 16px;
	height: 40px;
	line-height: 40px;
	width:111px;
	text-align:center;
	text-shadow:0 1px 0 #fff;
	box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.5);
	background: #fff;
	border: 1px solid #ccc;
	margin-right: 4px;
}
.tabPanel .hit{
	border-bottom:1px solid #fff;
	background: #fff;
	border-top: 2px solid #666;
}
.tabPanel ul li:first-child{border-left:none;}
.panes{padding: 8px;background-color: #f1f1f1;}
.pane{border-top:0;display:none;min-height: 500px;overflow: hidden;}
.pane p{
}
.pane h4{padding:15px 15px 0 10px;font-size:14px;font-weight:bold;}

.pane img{max-width:100%;}
.pane-link{display:flex;padding-bottom: 10px;margin-bottom: 30px;border-bottom: 1px dashed #ccc;}
.pane-link dl{
  flex: 0 0 20%;
  height: 250px;
  padding: 8px;
}
.pane-link dl dt{
  width: 100%;
  height: 156px;
  float: left;
  position: relative;
}
.pane-link dl dt a{display:block;}
.pane-link dl dt img{
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  max-width: 100%;
  max-height: 100%;
}
.pane-link dl dd{
  width: 100%;
  float: right;
  text-align: left;
}
.pane-link dl dd a:first-child{
  font-size: 16px;
  display: block;
  line-height: 40px;
  text-align: center;
  color: #e36c09;
  text-decoration: underline;
  margin: 5px 0;
}
.pane-link dl dd a:last-child{font-size:16px;text-align:center;width: 100%;display: block;}


.rxcp-content{width:400px;margin-top: 10px;}
.rxcp-content table{border-collapse:collapse; text-align:center;}
.rxcp-content table tr td{border: solid 1px #c0c0c0;font-size:18px;height:46px;line-height:46px;}
.rxcp-content table tr td:first-child{color:#000;}


.feed{
    width: 100%;
    padding: 30px;
    background-color: #f3f3f3;
}
.feed-table{width:100%;}
.feed-table{border-collapse:collapse; text-align:center;}

.feed-table tr td{border: solid 1px #dddddd;font-size:18px;height:46px;line-height:46px;color: #545454;}
.feed-table tr td:first-child{color: #545454;width: 24%;text-align: center;display: table-cell;}
.feed-table tr td:first-child img{width:200px;vertical-align: middle;}

.feed-table tr:last-child{background-color:#fff;}

.feed-table tr:first-child td{
    font-size: 16px;
}

.feed1{margin-top:20px;}
.feed1 h3{font-size:14px;line-height:30px;color: #545454;margin-left: 20px;}
.feed1 i{font-size:14px;color:#f00;}

.feed1 textarea{width:100%;background-color: #fff;
  border: 1px solid #ccc;
  box-shadow: 1px 1px 2px rgb(0 0 0 / 10%) inset;}
.feed1 input{width:100%;background-color: #fff;height:40px;
  border: 1px solid #ccc;
  box-shadow: 1px 1px 2px rgb(0 0 0 / 10%) inset;}

 input[type="submit"]{
  color: #fff;cursor: pointer;
  background-color: #ec971f;
  border-color: #d58512;
  border: none;
  width: 100px;
  height: 34px;
  border: 1px solid #d68410;
  margin-top: 30px;
  border-radius: 4px;
}

table td{border:1px solid #666;line-height: 30px;
    padding-left: 20px;}


.small-img{display:flex;align-items:center;justify-content:center}
.clearfix:before,.clearfix:after{display:table;line-height:0;content:""}
.magnifier{position:relative;}
.magnifier-container{overflow:hidden;position:relative;border:1px solid #ddd;cursor: pointer;}
.move-view{width:100px;height:100px;position:absolute;background-image:url('../images/move-box.png')}
.images-cover{height:100%;width:100%;position:relative;cursor: pointer;border: 1px solid #eee;overflow: hidden;}
.images-cover img{position:absolute}
.magnifier-assembly{height: 76px;overflow:hidden;position:relative;left: 370px;bottom: 76px;width: 500px;}
.magnifier-btn{position:absolute;font-family:"宋体";width:100%;top:50%;left:0;margin-top:-40px}
.magnifier-btn span{line-height:80px;height:80px;width:20px;background-color:#6e6e6e;color:#fff;display:block;z-index:9998;text-align:center;font-size:20px;cursor:pointer;border-radius:3px}
.magnifier-btn .magnifier-btn-left{float:left}
.magnifier-btn .magnifier-btn-right{float:right}
.magnifier-line{position:relative;overflow:hidden;height: 76px;}
.magnifier-line ul{display:block;font-size:0;width:10000%;position:absolute;left:0;z-index:9997}
.magnifier-line li{float:left;width: 80px;cursor:pointer;}
.magnifier-line ul > .active .small-img{border-color:#bbb}
.small-img{height: 70px;padding:1px;margin:5px;overflow:hidden;border:1px solid #ddd;text-align:center;}
.small-img img{max-width:100%;max-height:100%}
.magnifier-view{width:100%;height:100%;position:absolute;right:-105%;top:0;z-index:9999;background-color:#fff;display:none;overflow:hidden}
.magnifier-view img{display:block}
.animation03{transition:all 0.3s ease-in 0.1s;-ms-transition:all 0.3s ease-in 0.1s;-moz-transition:all 0.3s ease-in 0.1s;-webkit-transition:all 0.3s ease-in 0.1s;-o-transition:all 0.3s ease-in 0.1s}

.bshare-custom{  width: 375px;    float: left;    margin-top: 10px;}

.rxcp_list{position:relative;}
.bshare123{margin-top: 20px;width:100%;}

.clear{clear:both;}