@charset "utf-8";
/* CSS Document */
*{font-family:微软雅黑,Arial; padding:0;margin:0;border:0;}
img{padding:0;margin:0;border:0;}
li{list-style-type:none;}
a{text-decoration:none;}
body{width:100%;margin:0 auto; min-height:100%;}
.footer{margin-top:20px;}
.footer .div_Links div table tr td a {
    font-size: 12px;
    color: #fff !important;
}

.product_box{width:100%; }

.header_left{width:1200px; height:82px;float:left; text-align:left; position:relative;}
.header_left a{margin-left:34px; float:left;}
.header_left span {margin-left: 35px; margin-top: 28px; float:left;}
/*.guhua{padding-left:30px; background:url(../img/guhua.png) no-repeat left center;float:left; font-size:16px; margin-left:15px;color:#fadc75; position:absolute; right:10px; top:5px;height:35px; line-height:35px;} */


.nav ul li.now_page a{background:url(../img/a_hover.png) no-repeat;color:#fff;}

@media(min-width:961px){
	body{width:100%;margin:0 auto; background:#000;min-height:100%;}
	.header_left{display:block;}
	/* .top_head{display:none;} */
	#hx{ background:url(../img/div_bg.gif) repeat-x; width:1200px; height:6px; margin:0 auto;}
	/* header{width:1200px; margin:0 auto; height:116px; background:url(../img/head_bg.gif);} */
	.nav ul.small{display:none;}
	.nav{width:333px; height:34px; margin: 10px auto;}
	.nav ul{height:34px; margin-left:-1px; float:left;}
	.nav ul li{ float:left; margin-left:1px; height:34px; position:relative;}
	.nav ul li a{ display:block; background:url(../img/a_bg.png) no-repeat; width:110px; height:34px; font-size:15px;text-align:center; color:#201008; font-weight:bold; line-height:34px;}
	.daohang{width:100%; background:#fff;float:left;}
}
@media screen and (min-width:300px) and (max-width: 960px) {
	.header_left{display:none;}	
	#hx{display:none;}
	header{width:100%; margin:0 auto; height:50px; background:none;}
	.top_head{width:100%; margin:0;}
	.top_logo img{height:40px;margin: 5px 10px;float: left;margin-right: 5px;}
	.top_right {float: right;margin-right: 10px; display:block;}
	.top_right a img { height: 36px; max-width: 36px; margin-top: 7px;margin-left: 10px;}
	.nav ul.bigger{display:none;}
	.nav{width:100%;  float:left;}
	.nav ul{ float:left;background: #2670b7;width: 100%;}
	.nav ul li{ float:left; height:35px; line-height:35px; position:relative;width:33.33%;}
	.nav ul li a{ display:block; background:none; width:100%; height:35px; font-size:14px;text-align:center; color:#fff;  line-height:35px;}
}

/*产品介绍*/
.banner img{width:100%;}
.banner_s img{width:100%;}


.list_left ul li a{ display:block;  background:url(../img/left_a_bg.gif) repeat-x;text-align: center;}
.list_left ul li a:active{ background:#151515; background-image:none; color:#eeda97;}
#active,.active> a{background:#151515 !important;color:#eeda97 !important;}
.right_title { background: url(../img/right_title_bg.gif) repeat-x; width: 977px;height: 51px;}

.right_title .mbx{color:#fff; height:50px;}
.right_title .mbx p{line-height:50px; color:#fff; height:50px;padding-left:30px;}
.right_title .mbx p a{color:#fff;}
.right_title .mbx p a:hover{color:yellow; text-decoration:underline;}

.right_warp h1 {font-size: 25px;  padding: 5px 0;text-align: center;}
.right_warp h1 a{font-size: 25px; font-weight: 400; color:#F00;}
.right_warp p {font-size: 15px;font-weight: 400;text-align: left; line-height: 22px; clear:both;}
.right_warp p a{color:#00b8ee;}
.right_warp p a:hover{color:#fa265d; text-decoration:underline;}
.right_warp div.banben_nr span{width:100%; float:left; clear:both;}

.right_warp .banben_nr span img{width:90%; margin:10px auto;display: block;}
.right_warp{position:relative;}

@media(min-width:961px){
	.all_content{ width:1200px; background:#161616; overflow:hidden; margin:17px auto 0;padding-bottom: 20px;}
	.list_left{ width:223px; overflow:hidden; float:left;}
	.list_left h5{ display:block; width:223px; height:49px; float:left; background:url(../img/product.jpg) no-repeat; line-height:49px; text-align:center; color:#2c1004; font-size:18px; font-weight:700;}
	.list_left ul{ width:223px; overflow:hidden; border-bottom:1px #111 solid;}
	.list_left ul li{ width:223px; min-height:63px;}
	.list_left ul li a{ display:block; width:223px; height:63px;  font-size:16px; color:#fff; line-height:63px; font-weight:700;}
	.content_right {width: 977px; float: left;overflow: hidden;}
	.right_warp { width: 917px;background: #fff;padding: 30px; overflow: hidden;color: #3c3c3c;}
	.right_warp div b{clear:both;float:left; width:100%;}
	.jiage{position:absolute; right:30px; top:35px;}
	.right_warp .jiage p{font-size:12px; color:#f06; float:left;margin-right:20px;margin-top: 10px;}
	.right_warp .jiage  a{width:85px; height:30px; color:#fff;	background:#20609b; line-height:30px; text-align:center;display: block; float: left; font-size:12px;}
        .all_content p{line-height:1.8}
}
@media screen and (min-width:300px) and (max-width: 960px) {
	.all_content{ width:100%; background:#fff; overflow:hidden; margin: 0;}
	.list_left{ width:96%; overflow:hidden; float:left; margin:10px 2%;}
	.list_left h5{display:none; }
	.list_left ul{ width:100%; overflow:hidden; border-bottom:1px #111 solid; background:url(../img/left_a_bg.gif) repeat-x;}
	.list_left ul li{ width:20%; min-height:30px; float:left;}
	.js_xz ul li{width:25% !important; height:30px; float:left;}
	.list_left ul li a{ display:block; width:100%; height:30px;  font-size:16px; color:#fff; line-height:30px; font-weight:700;}
	.content_right {width: 100%; float: left;overflow: hidden;}
	.right_title{display:none;}
	.right_warp { width:94%;background: #fff;padding:3%; overflow: hidden;color: #3c3c3c;}
	.right_warp img{height:auto !important;}
	.jiage{clear:both; width:100%; float:left; margin-bottom:10px;}
	.right_warp .jiage p{font-size:12px; color:#f06; float:left;}
	.right_warp .jiage  a{ color:#fff;	background:#20609b; line-height:30px; text-align:center;display: block; float:right; font-size:12px; padding:0 5px; border-radius:5px;}
	.nav_link i{display:none;}
}

#foot {width: 1200x; overflow: hidden; padding-top: 10px;height: 100px; margin:10px auto;}
#foot p{ font-size:12px; color:#c0c0c0;text-align: center;}
#foot p a{ color:#c0c0c0; font-size:12px; line-height:22px;}
#foot p a:hover{ color:#fff; text-decoration:underline; font-size:12px; line-height:22px;}
#xs{ border-top:1px #c0c0c0 dashed; display:block;width:500px; margin:5px auto;}

.footer2{height:60px; background-color:#2670b7;  float:left;width: 100%; display:none;}
.footer2 ul{text-align:center;margin-top:5px}
.footer2 ul li{padding: 0 6px 0 10px; display: inline;}
.footer2 ul li a{font-size:14px; color:#fff; line-height:25px; font-weight:bold;}
.footer2 p{clear:left; text-align:center; color:#fff; font-size:12px; font-family:Arial,微软雅黑; line-height:25px;}
@media(min-width:961px){
	.footer2{display:none;}
}
@media screen and (min-width:300px) and (max-width: 960px) {
	.footer2{display:block;}
	#foot{display:none;}
}


.study_list{margin-top:20px;}
.study_box{border-bottom:dashed 1px #ccc;overflow: hidden; padding-bottom: 10px;margin-bottom: 10px;}
.study_top{float:left; width:100%;}
.study_title{float:left;}

.study_title a:hover{color:#00b8ee;}
.study_name a{font-size:14px; color:#333; font-weight:400;}	
.study_name a:hover{color:#00b8ee;}
@media(min-width:961px){
	.study_img{width:156px; height:106px; overflow:hidden; float:left;}
	.study_img img{width:100%;min-height:106px;}
	.study_xq{float:right; width:740px;}
	.study_name{float:right;}
	.study_title a{font-size:16px; color:#333; font-weight:700; line-height:30px;}
	.study_zy{margin-top:5px; float:left; font-size:14px; color:#666; line-height:1.5;}
	.newsWord{display:none;}
}
@media screen and (min-width:300px) and (max-width: 960px) {
	.study_sj .list_left{display:none;}
	.study_img{width:25%; min-height: 60px; overflow:hidden; float:left;}
	.study_img img{width:100%;min-height:60px;}
	.study_xq{float:right; width:72%; min-height: 60px; overflow:hidden;}
	.study_name{display:none;}
	.study_title a{font-size:16px; color:#333; font-weight:700; line-height:24px;}
	.study_zy{display:none;}
	.newsWord{margin-top:0px; float:left; font-size:12px; color:#8b8b8b; line-height:18px;}
	.newsWord a{color:#8b8b8b;}
}


/*盈利模式*/
@media(min-width:961px){
	#cssmenu ul > li.has-sub > a:after {
  position: absolute;
  right: 26px;
  top: 23px;
  z-index: 5;
  display: block;
  height: 10px;
  width: 2px;
  background: #ffffff;
  content: "";
  -webkit-transition: all 0.1s ease-out;
  -moz-transition: all 0.1s ease-out;
  -ms-transition: all 0.1s ease-out;
  -o-transition: all 0.1s ease-out;
  transition: all 0.1s ease-out;
}
#cssmenu ul > li.has-sub > a:before {
  position: absolute;
  right: 22px;
  top: 27px;
  display: block;
  width: 10px;
  height: 2px;
  background: #ffffff;
  content: "";
  -webkit-transition: all 0.1s ease-out;
  -moz-transition: all 0.1s ease-out;
  -ms-transition: all 0.1s ease-out;
  -o-transition: all 0.1s ease-out;
  transition: all 0.1s ease-out;
}	
}
@media screen and (min-width:300px) and (max-width: 960px) {
	#cssmenu{width:94% !important; margin:10px 3% !important;}	
	ul.one > li{width:33.33%;}
	ul.one > li a{padding:0 !important; line-height:30px !important;}

	ul.three,ul.four,ul.five{width:300%; position:absolute;}
	ul.three li{width:33.3%; line-height:30px;}
	ul.four{left:-100%;}
	ul.four li{width:25%; line-height:30px;}
	ul.five{left:-200%;}
	ul.five li{width:20%; line-height:30px;}
}

/*独家秘诀*/
.koujue p{text-align:center !important;}
.koujue p span{margin-left:20px;    float: initial;}
@media screen and (min-width:300px) and (max-width: 960px) {
	.djmj li{width:33.33% !important;}	
}
/*现在购买*/
.zyb{background:url(../img/buy_bg.jpg); width:1200px; height:448px; margin-bottom:10px;}
.zyb_left{float:left; width:660px;position:relative; height:448px;}
.zyb_left img{position:absolute; top:120px; left:75px;}
.shuom{width:440px; height:135px; background:url(../img/buy_xq_bg.png);position:absolute; bottom:88px; left:80px; }
.shuom h2{line-height:43px; font-size:24px; color:#fbda7b; font-weight:700; text-align:center;}
.shuom h3{line-height:85px; font-size:40px; font-weight:700; color:#fbda7b; text-align:center;}
.zyb_right{float:left; width:540px; height:448px; position:relative;}
.price_dg{float:left; margin-top:50px; font-size:30px; color:#fff; font-style:italic; line-height:1.5; font-weight:700;}
.price_now{clear:both; float:left;margin-top:55px;}
.price_now p{float:left;}
.price_now p i{float:left; font-size:30px; font-weight:700;color:#fff; margin-top:40px;}
.price_now img{float:left;}
.price_now span{float:left;}
.price_now span i{float:left;font-size:30px; font-weight:700;color:#fff;margin-top:40px;}
.now_dg{position:absolute; left:95px; bottom:115px;}



/*foot*/
.footer {text-align: center; clear:both;}
.footer .footer_nav { width: 100%;height: 35px; background: #1f3042;font-size: 12px !important;line-height: 35px;}
.footer .footer_nav div {width: 1200px; margin:0 auto;}
.footer .footer_nav div a {color: #ffffff;padding: 0px 28px;}
.footer .footer_nav .nav_box a{font-size:14px;}
.footer .footer_nav .nav_box a:hover{color:#e9c912}
.footer .div_Links { width: 1200px;margin: 0 auto; padding-top: 15px; padding-bottom: 15px;text-align: center;}
.footer .div_Links div.mar {padding-top: 0px; float: left;}
.float_left{float:left;}
/* .footer .div_Links div table {width: 960px;} */
.footer .div_Links div table tr td {text-align: center;}
.footer .div_Links div table tr td a {font-size: 12px; color: #333;}
.footer .div_Links div table tr td a:hover {color: #00b8ee;}
.clear {clear: both;}
.footer .div_statement{border-top:solid 1px #c1c1c1; padding-bottom:30px; font-size:12px; text-align:center; padding-top:10px;}
.footer .div_statement p{ margin-bottom:0; margin-top:5px; font-size: 14px;}
.footer .div_statement p a{ margin-left:5px; margin-right:5px;}
.red1{ color:red;}

.footer2{height:60px; background-color:#2670b7;  float:left;width: 100%; display:none;}
.footer2 ul{text-align:center;margin-top:5px}
.footer2 ul li{padding: 0 6px 0 10px; display: inline;}
.footer2 ul li a{font-size:14px; color:#fff; line-height:25px; font-weight:bold;}
.footer2 p{clear:left; text-align:center; color:#fff; font-size:12px; font-family:Arial,微软雅黑; line-height:25px;}

@media screen and (min-width:300px) and (max-width: 960px){
	.footer2{display:block;}	
	.footer {display:none;}
	.totop {display: none;}
        .block{display:none !important;}

}
@media(min-width:961px){
	.totop {display: none !important;}
    .none{display:none !important;}
}

/*内容页*/
.news_xx{width:450px; margin:auto; clear:both;}
.notice_left{float:left;}
.notice_left .from_notice{font-size:14px; color:#666; line-height:24px; float:left; }
.notice_left .notice_time{font-size:14px; color:#666; line-height:24px;float:left;}
.notice_left hr{border-left:solid 1px #666; float:left; margin:5px 10px; height:13px;}
.notice_right{float:right;}
.news_details{clear:both;}
.art_two a{ font-weight:700; color:#333;}
.art_two a:hover{color:#00b8ee;}
.about_left ul li,.about_right ul li{line-height:30px;font-siz:14px;}
.about_left ul li a,.about_right ul li a{line-height:30px; font-size:14px; color:#333;}
.about_left ul li a:hover{color:#00b8ee;}
.about_right ul li a:hover{color:#00b8ee;}
.big_ad,.sma_ad{width:100%;margin:10px auto;}
.big_ad img,.sma_ad img{width:100%;}
@media(min-width:961px){
	.news_content h1{font-size:28px; color:#000; text-align:center; line-height:1.5; margin-bottom:15px;}
    .art_two{width:917px; clear:both; margin:20px auto;}
    .lest_art{float:left; font-weight:700; color:#333;}
	.next_art{float:right; font-weight:700; color:#333;}
	.about_art{width:917px; margin:20px auto; clear:both;padding-top: 20px;overflow: hidden;}
	.about_left,.about_right{float:left; width:50%;}
	.about_left ul,.about_right ul{padding-left:120px;}
	.about_left ul{border-right:dashed 1px #ccc;}
	.about_art h3{font-size:16px; color:#333; font-weight:700; line-height:30px; margin-bottom:10px;}
	.sma_ad{display:none;}
	
	
}
@media screen and (min-width:300px) and (max-width: 960px){
	.news_content h1{font-size:1.5em; color:#000; text-align:center; line-height:1.5; margin-bottom:15px;}
    .about_right{display:none;}
    .art_two{width:94%; clear:both; margin:10px 3%;}
    .lest_art{float:left; font-weight:700; color:#333; line-height:30px;}
	.next_art{float:left; font-weight:700; color:#333; line-height:30px;}
	.about_art{width:100%; margin:10px 0; clear:both;padding-top: 10px;overflow: hidden;}
	.about_left{float:left; width:100%;}
	.about_left ul{padding-left:3%;}
	.about_right{display:none;}
	.about_art h3{font-size:16px; color:#333; font-weight:700; line-height:40px; margin-bottom:10px; height:40px; border-bottom: solid 1px #ccc;
    background-color: #fafafa;border-top: solid 10px #dfdfdf; padding-left:3%;}
    .big_ad{ display:none;}
}
.bigimg{position:relative;padding-bottom: 10px; clear:both;}
.bigimg img{margin:15px auto; max-width:100%; height:auto !important;display:block;cursor: zoom-in !important;}
.bigimg a{position:absolute; bottom:0;left:10px; font-size:14px;line-height:14px;color:#fa265d;padding-left: 15px;display:none;background: url(http://static.yjcf360.com/r/cms/www/liaoba/img/icon_box.png) no-repeat;background-position: -107px -72px;}
.bigimg:hover a{display:block;}
.widget__img-view {
    display: none;
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1050;
    outline: 0;
    background-color: rgba(0,0,0,.6);
}
.widget__img-view .widget__img-view__inner {
    height:100%; width:100%; display:block;
    position: relative;
}
.widget__img-view .widget__img-view__img {
    display: block;
    
    cursor: -webkit-zoom-out;
    cursor: zoom-out;
    
    max-width: 100%;
    height: auto;
}