/*基础制作页面组件*/
html, body, div, p, hr, pre, h1, h2, h3, h4, h5, h6, table, tr, td, th, tfoot, tbody, thead, form, input, textarea, label, ul, ol, dl, li, dt, dd,.clearfix:after { margin:0; padding:0; }
html, body { height:100%; font-family: \5FAE\8F6F\96C5\9ED1; }
body { color:#000; line-height:22px; text-align:left;}
li { list-style-type:none; }
a { text-decoration:none; outline:none; color:#484848; }
a:hover { text-decoration:none; color: #ff9724; }
table { border-collapse:collapse; border-spacing:0; }
iframe,img { border:0;}
img { vertical-align:middle;}
.clearfix{display: block;}
.clearfix:after{content: ''; overflow: hidden; width: 100%; height: 0px; font-size: 0px; display: block; clear: both;}
.hide{display: none;}
.fl { float:left; }
.fr { float:right; }
.container {width:1100px; margin:0 auto; min-width:1100px;  max-width:1100px; overflow:hidden;}

/*专题动画*/
.spbj { width: 100%; height: 500px; position: relative; overflow: hidden; margin:0 auto; }
.review-video { position: absolute; top: 0; left: 0; width: 100%; height: 100%; overflow: hidden; z-index: 1; }
.review-video .review-video-wrapper { width: 1920px; height: 500px; margin: 0 auto; }
.review-video video { display: block; width: 100%; height: 100%; }
.init {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 50;
	width: 100%;
	min-width:1100px;
	height: 500px;
	overflow: hidden;
	-webkit-animation-name: opactiy10,tohide;
	-moz-animation-name: opactiy10,tohide;
	animation-name: opactiy10,tohide;
	-webkit-animation-duration: 0.6s, 0.01s;
	-moz-animation-duration: 0.6s, 0.01s;
	animation-duration: 0.6s, 0.01s;
	-webkit-animation-timing-function: ease,linear;
	-moz-animation-timing-function: ease,linear;
	animation-timing-function: ease,linear;
	-webkit-animation-delay: 6s, 6.6s;
	-moz-animation-delay: 6s, 6.6s;
	animation-delay: 6s, 6.6s;
	-webkit-animation-iteration-count: 1,1;
	-moz-animation-iteration-count: 1,1;
	animation-iteration-count: 1,1;
	-webkit-animation-direction: normal,normal;
	-moz-animation-direction: normal,normal;
	animation-direction: normal,normal;
	-webkit-animation-fill-mode: forwards,forwards;
	-moz-animation-fill-mode: forwards,forwards;
	animation-fill-mode: forwards,forwards;
}
html body .init:nth-child(1) {
	display: block;
}
@-webkit-keyframes opactiy01 {
	100% {
	opacity: 1;
}
}
@-moz-keyframes opactiy01 {
	100% {
	opacity: 1;
}
}
@keyframes opactiy01 {
	100% {
	opacity: 1;
}
}
@-webkit-keyframes opactiy10 {
	100% {
	opacity: 0;
}
}
@-moz-keyframes opactiy10 {
	100% {
	opacity: 0;
}
}
@keyframes opactiy10 {
	100% {
	opacity: 0;
}
}
@-webkit-keyframes tohide {
	99% {
	width: inherit;
	height: inherit;
}
100% {
	width: 0;
	height: 0;
	overflow: hidden;
	visibility: hidden;
}
}
@-moz-keyframes tohide {
	99% {
	width: inherit;
	height: inherit;
}
100% {
	width: 0;
	height: 0;
	overflow: hidden;
	visibility: hidden;
}
}
@keyframes tohide {
	99% {
	width: inherit;
	height: inherit;
}
100% {
	width: 0;
	height: 0;
	overflow: hidden;
	visibility: hidden;
}
}
/*专题头部*/
#top-box { background-color:#f2f2f2; width:100%; min-width:1100px; font-family: \5FAE\8F6F\96C5\9ED1;}
.top-bg {width:1100px; height:40px; margin:0 auto; background-color:#f2f2f2;}
.slogan{ float:left; width: 220px; line-height:40px; margin-right:10px;}
.slogan img{ float:left; width: 212px; height:18px; margin-top:12px;} 
.nav1-content1 { height: 40px; float:left; margin-left:10px;}
.nav1-content1 li{ display: block; height: 40px; line-height: 40px; text-align: left;  float: left; margin-right:15px;}
.nav1-content1 li a{ color: #848484; font-size: 14px;}
.nav1-content1 li a:hover{ color: #194d98; text-decoration:none;}
.nav1-content2 { height: 40px; float:right;}
.nav1-content2 li{ display: block; height: 40px; line-height: 40px; text-align: left;  float: left; margin-left:15px;}
.nav1-content2 li a{ color: #848484; font-size: 14px;}
.nav1-content2 li a:hover{ color: #194d98; text-decoration:none;}
.nav1-content2 span{ font-size: 12px; color:#0671b5;}

/*专题头图*/
.banner{  min-width:1100px; background:url(http://www.gz.xinhuanet.com/ztpd/clqmtkppt_2019/image/top1025.jpg) center top no-repeat;}
.banner .box{ position: relative; height: 460px;}

/*专题导航*/
.nav { margin:0 auto; height: 60px; background-color: #fac014; min-width:1100px;}
.nav .center { width:1100px; margin:0 auto; height: 100%;}
.nav-itemA { display: inline-block; font-size: 18px; vertical-align: middle; height: 100%;}
.nav-itemA a { font-size:18px; color:#fff; line-height:60px; height:60px; text-align: center; font-family:\5FAE\8F6F\96C5\9ED1; margin-left:6px;}
.nav-itemA a:hover { color: #ff9724; text-decoration: none;}
.nav-item { display: inline-block; font-size: 18px; vertical-align: middle; height: 100%;}
.nav-item a { font-size:18px; color:#fff; line-height:60px; height:60px; text-align: center; margin-left:30px; font-family:\5FAE\8F6F\96C5\9ED1;}
.nav-item a:hover { color: #ff9724; text-decoration: none;}
.nav-itemA .after:after { display: inline; content: '/'; float: right; margin-left:34px;}
.nav-item .after:after { display: inline; content: '/'; float: right; margin-left:34px;}

/*刺梨简介*/
.part1{ width:100%; height:160px; margin:0 auto; padding-top:30px;}
.part1 p{ width:1058px; margin-top:20px; padding:15px 20px; float:left; line-height:28px; font-size:14px; text-indent:2em; border-radius: 6px; font-family: \5FAE\8F6F\96C5\9ED1; color: #999999; border: 1px dotted #999999;}

/* 栏目 */
.ztlm{ width:1100px; height:46px; margin:0 auto; text-align:center; background:url(http://www.gz.xinhuanet.com/ztpd/clqmtkppt_2019/image/ztlmbg.png) bottom center no-repeat;}
.ztlm h3{ font-family:\5FAE\8F6F\96C5\9ED1; font-size:20px; color:#744624; line-height:42px; font-weight:bold;}

/*刺梨100问*/
.part2{ width:100%; height:490px; margin:0 auto; padding-top:10px; text-align:center;}
.clybw{ width:1100px; height:470px; margin:20px 0; overflow:hidden;}

/*刺梨史话*/
.part3{ width:100%; height:auto; min-width:1100px; margin:0 auto;}
.part3_content { height:290px; margin:40px -16px;}
.part3_content .bankuan { width: 25%; display: inline-block; float:left; vertical-align: top; }
.part3_content .news-box{ padding: 0 16px;}
.part3_content .img-full{ height: 164px; width:251px; position: relative;}
.part3_content .img-full img{ height: 164px; width:251px;}
.part3_content .news-title{ font-size: 16px; line-height: 42px; height: 42px; overflow: hidden; border-bottom: 1px dotted #744624;}
.part3_content .news-title a{ color:#744624; font-weight:bold; font-family:\5FAE\8F6F\96C5\9ED1;}
.part3_content .news-digest{ padding: 10px 0;}
.part3_content .news-digest p{font-size: 14px; color: #999999; line-height: 24px; height: 88px; overflow: hidden; font-family:\5FAE\8F6F\96C5\9ED1;}

/*图说刺梨*/
.part4 { width:100%; margin:0 auto; overflow: hidden; }
.part4 .slider { width: 100%; margin-top:30px; min-width: 1100px; height: 502px; position: relative; overflow: hidden; background: #fff;}
.part4 .slider .bd { width: 860px; position: absolute; left: 50%; margin-left: -430px;}
.part4 .slider .bd li { width: 860px; overflow: hidden;}
.part4 .slider .tempWrap { overflow: visible !important}
.part4 .slider .tempWrap ul { margin-left: 0px !important; /*强制位置*/}
.part4 .slider .hd { position: absolute; z-index: 20; height: 6px; right: 50%; margin-right:-410px; bottom: 32px; }
.part4 .slider .hd li { display: inline-block; *display: inline; zoom: 1; width: 10px; height: 10px; line-height: 99px;  border-radius: 100%; overflow: hidden; background: #fff;  margin: 0 3px; cursor: pointer; }
.part4 .slider .hd li.on { width: 10px; height: 10px; border-radius: 100%; background: #744624; cursor: pointer;}
.part4 .slider .pnBtn { position: absolute; z-index: 30; top: 0;  width: 100%; height: 466px; cursor: pointer;}
.part4 .slider .prev { left: -50%; margin-left: -430px;}
.part4 .slider .next { left: 50%; margin-left: 430px;}
.part4 .slider .pnBtn .blackBg { display: block; position: absolute; left: 0; top: 0;  width: 100%;  height: 6800px; background: #000; filter: alpha(opacity=60); opacity: 0.6;}
.part4 .slider .pnBtn .arrow { display: none; position: absolute; top: 0; z-index: 40; width: 60px; height: 6800px;}
.part4 .slider .pnBtn .arrow:hover { filter: alpha(opacity=60); opacity: 0.6;}
.part4 .slider .prev .arrow { right: 50px; background: url(http://www.gz.xinhuanet.com/ztpd/clqmtkppt_2019/image/leftarrow.png) no-repeat left top; top: 45%; width: 30px; height: 65px;}
.part4 .slider .next .arrow { left: 50px; background: url(http://www.gz.xinhuanet.com/ztpd/clqmtkppt_2019/image/rightarrow.png) no-repeat left top; top: 45%; width: 30px; height: 65px;}
.part4 .slider .bd li { position: relative;}
.part4 .slider .bd li img { width: 860px; height: 502px; display: block; -webkit-transition: all 0.8s ease 0s; -moz-transition: all 0.8s ease 0s; transition: all 0.8s ease 0s;}
.part4 .slider .bd li img:hover { -webkit-transform: scale3d(1.04, 1.04, 1); -moz-transform: scale3d(1.04, 1.04, 1); transform: scale3d(1.04, 1.04, 1);}
.part4 .slider .bd li .bg01 { display: block; position: absolute; width: 87%; bottom: 0; left: 0; font-size: 16px; line-height: 35px; background: url(http://www.gz.xinhuanet.com/ztpd/clqmtkppt_2019/image/sque1x1alpha40.png) repeat; background: rgba(0, 0, 0, 0.3); color: #fff; padding: 8px 10% 8px 3%}
.part4 .slider .bd li .bg01 h3 a{ color:#fff; font-size: 18px; font-family:"微软雅黑";  }

/*刺力王说*/
.part5{ width:100%; margin:0 auto; padding:50px 0 10px 0;}
.clws{ width:100%; margin:20px 0;}
.clws .btx{ margin:10px auto 20px; width:1100px; text-align:center;}
.clws .btx img{ margin:0 auto;}
.clws .dtxx{ width:1140px; margin:0 auto; overflow:hidden; margin:0 -20px;}
.clws .dtxx .zks{float:left; width:530px; margin:20px 20px 10px 20px;}
.clws .dtxx .zks .ppcm{ float:left; width:206px;padding:0px 0px 0px 0px;}
.clws .dtxx .zks .ppcm img a{width:206px;height:160px; display:block;}
.clws .dtxx .zks .ppcx{ float:left; width:303px; padding:6px 0px 0px 15px; height:143px; }
.clws .dtxx .zks .ppcx .btxx{float:left; width:303px; border-bottom:1px dotted #744624; padding-bottom:10px; margin-bottom:5px;}
.clws .dtxx .zks .ppcx .txt11 a{ font-size:16px; font-family:\5FAE\8F6F\96C5\9ED1; color:#744624; font-weight:bold;}
.clws .dtxx .zks .ppcx .btxm{ float:left; width:303px;  line-height: 24px; color:#999999; font-size:14px; font-family:\5FAE\8F6F\96C5\9ED1; padding:4px 0px 0px 0px; height:26px;}

/*找朋友*/
.part6{ width:100%; padding:20px 0 20px 0; margin:0 auto;}
.part6-content{ margin:0 -30px;}
.zpy{ width:520px; height:178px; margin:0px 30px 40px 30px; float:left; padding-top:40px;}
.zpy h2{ width:70%; margin:0 auto; text-align:center; display:block; padding-bottom:20px; margin-bottom:20px; border-bottom: 1px dotted #744624;}
.zpy h2 a{color:#744624; font-weight:bold; font-size:16px; font-weight:bold; font-family:\5FAE\8F6F\96C5\9ED1;}
.zpy p{ font-size:14px; color:#999999; font-family:\5FAE\8F6F\96C5\9ED1; line-height:26px; text-indent:2em;}

/*刺力王家族*/
.part7{ width:100%; height:280px; margin:0 auto;}
.clwjz-box { width:1100px; height:320px; padding-top:40px; position: relative; margin:0 auto;}
.clwjz-box .swiper-arrow-pre, .clwjz-box .swiper-arrow-next { background: url(http://www.gz.xinhuanet.com/ztpd/clqmtkppt_2019/image/hdtp_left.png); position: absolute; left: -50px; top: 50%; margin-top: -100px; width: 25px; height: 54px; cursor: pointer; z-index:9;}
.clwjz-box .swiper-arrow-next { right: -50px; left: auto; background-image: url(http://www.gz.xinhuanet.com/ztpd/clqmtkppt_2019/image/hdtp_right.png); z-index:9;}
.clwjz-swiper { width:1100px; height:300px; position:relative; overflow:hidden; }
.clwjz-swiper .swiper-slide { display: inline-block; float:left; vertical-align: top; position: relative; overflow:hidden;}
.clwjz-swiper .swiper-slide .cpbox{ padding: 0 16px;}
.clwjz-swiper .swiper-slide .pohto{ width:100%; height:auto; position: relative;}
.clwjz-swiper .swiper-slide .pohto img{ width:100%; height: auto;}
.clwjz-swiper .swiper-slide .txt h3{ font-size:16px; line-height:32px; text-align:center; font-weight:normal; margin-top:20px;}
.clwjz-swiper .swiper-slide .txt h3 a {color: #744624;}

/*味觉实验室*/
.part8{ width:100%; height:400px; min-width:1100px; margin:0 auto; padding-top:25px; padding-bottom:100px;}
.part8_left{ width:480px; float:left; border: 1px dotted #744624; padding:20px 20px 40px 20px; margin: 40px 20px 20px 0; border-radius: 6px;}
.part8_left h2{ font-size:16px; font-weight:bold; font-family:\5FAE\8F6F\96C5\9ED1; color:#744624; line-height:32px; }
.part8_left p{ text-indent:2em; font-size:14px; color:#999999; font-family:\5FAE\8F6F\96C5\9ED1; line-height:26px;}
.part8_left p span{ font-size:14px; color:#744624; font-family:\5FAE\8F6F\96C5\9ED1; line-height:26px; font-weight:bold; margin-right:20px;}
.part8_right{ width:520px; float: right; margin:40px 0 0 0;}
.wylyk { position: relative; width: 100%; overflow: hidden; }
.wylyk .con { display: block; width: 99%; border: 1px dotted #744624; resize: none; height: 90px; border-radius: 6px;}
.wylyk .a1{ font-size: 16px; height: 32px; width: 60px; line-height: 32px; color:#744624; }
.wylyk .a2{ font-size: 16px; height: 32px; width: 60px; line-height: 32px; color:#744624; margin-left:10px;}
.wylyk .send { font-size: 16px; text-align:center; color:#fff; width: 60px; line-height: 28px; margin:10px 2px 0 0; float:right; background:#744624;}
.gzhewm{ width:520px; float: right;}
.gzhewm_tu{ width:112px; float:left; margin:20px 20px 0 0; }
.gzhewm_tu img{ width:112px; height:112px; border-radius: 6px;}
.gzhewm_tu h3{ font-size:14px; line-height:32px; text-align:center; font-weight:normal; color:#744624;}

/*底部*/
.footer { width: 100%; min-width:1100px; background:#fac014; padding: 30px 0; }
.footer p { text-align: center; color: #fff; line-height: 28px; font-size:16px; }