body {font-family:Hiragino Sans GB, Microsoft Yahei, arial, sans-serif; font-size:12px; font-weight:normal; color:#333; background:#fff;}
*{margin:0; padding:0; border:0;}
ul,ol,li{ list-style:none;}
a{ text-decoration:none; color:#333; outline:none; blr:expression(this.onFocus=this.blur()); -webkit-transition:all 0.3s ease-in-out 0s; -moz-transition:all 0.3s ease-in-out 0s; -o-transition:all 0.3s ease-in-out 0s; -ms-transition:all 0.3s ease-in-out 0s; transition:all 0.3s ease-in-out 0s;}
a:hover{ text-decoration:none; color:#c9a063;}
img{ vertical-align:middle;}
a,img,button,input,textarea{ -webkit-tap-highlight-color:rgba(255,255,255,0);}
table{ border-collapse:collapse; border-spacing:0;}
section{ display:block;}
em,i{ font-style:normal;}
h1,h2,h3,h4,h5,h6{ font-weight:normal;}
p{ word-wrap:break-word; word-break:break-all;}
.clearfix:after{ content:"."; display:block; height:0; clear:both; visibility:hidden;}
.clear{ clear:both; font-size:0; height:0; line-height:0; overflow:hidden;}

/*头部*/
.header{ width:100%; height:auto; background:#fff;}
.header .head{ width:1000px; height:30px; line-height:30px; font-size:14px; margin:0 auto;}
.header .head a{ color:#666;}
.header .head a:hover{ color:#c9a063;}
.header .head .home{ float:left;}
.header .head .link{ float:right;}
.header .head .link span{ font-size:12px; font-family:arial; color:#999; margin:0 5px;}

/*banner*/
.banner_wrap{ width:100%; height:auto;}
.banner_wrap img{ width:100%; height:auto;}

/*导航*/
.nav_wrap{ height:50px; /*background:url(../images/banner.png) center top repeat-y;*/ background:#3765a6;}
.nav_wrap .nav{ width:1000px; height:50px; margin:0 auto;}
.nav_wrap .nav .nav_list{ width:100%; height:auto;}
.nav_wrap .nav .nav_list .item{ line-height:50px; padding:0 25px; font-size:18px; color:#fff; text-align:center; float:left;}
.nav_wrap .nav .nav_list .item.nav_more{ padding:0; position:relative;}
.nav_wrap .nav .nav_list .item a{ display:block; color:#fff;}
.nav_wrap .nav .nav_list .item a:hover{ text-decoration:underline;}
.nav_wrap .nav .nav_list .item .play{ padding-left:25px; background:url(../images/ico_play.png) left center no-repeat;}
.nav_wrap .nav .nav_list .item .btn_nav_more{ width:55px; height:50px; padding-right:10px; display:block; background:url(../images/down.png) right center no-repeat; cursor:pointer;}
.nav_wrap .nav .nav_list .nav_slide{ width:100px; height:auto; padding:5px 0; background:#fff; position:absolute; left:-8px; top:50px; z-index:9; box-shadow:3px 3px 3px #ddd; display:none;}
.nav_wrap .nav .nav_list .nav_slide li{ height:30px; line-height:30px; font-size:14px; color:#444;}
.nav_wrap .nav .nav_list .nav_slide li a{ padding-left:15px; color:#444; text-align:left;}
.nav_wrap .nav_open{ width:35px; height:40px; background:url(../images/down.png) center center no-repeat; position:absolute; right:0; bottom:0; display:none;}
.nav_wrap .nav_close{ width:35px; height:35px; background:url(../images/up.png) center center no-repeat; position:absolute; right:0; bottom:0; display:none;}
.cujinju{ width:1000px; height:auto; margin:30px auto;}
.cujinju img{ width:100%; height:auto; border:none;}

/*包裹*/
.wrapper{ width:1000px; height:auto; background:#fff; margin:30px auto;}
.h3_title{ height:50px; line-height:50px; border-top:1px solid #ccc; font-size:18px; color:#000; margin-top:30px;}
.h3_title.tuijian{ margin-top:5px;}
.h3_title span{ border-top:1px solid #e48025; margin-top:-1px; position:relative; float:left;}
.h3_title .line{ width:3px; height:1px; background:#fff; position:absolute; top:-1px; right:-4px;}
.screen_wrap{ width:100%; height:auto;}

/*头条*/
.headline{ width:590px; height:auto; float:left;}
.headline .title{ height:30px; line-height:30px; margin-bottom:5px; font-size:20px; font-weight:bold; color:#000; overflow:hidden;}
.headline .title a{ color:#000;}
.headline .title a:hover{ color:#c00;}
.headline .txt{ width:100%; height:auto; line-height:30px; padding-bottom:20px; font-size:16px; color:#666;}
.headline .txt:last-child{ padding-bottom:5px;}
.headline .txt a{ color:#666;}
.headline .txt span{ margin:0 15px; font-family:arial;}

/*焦点图*/
.focus_wrap{ width:380px; height:auto; float:right; position:relative;}
.pics_focus{ width:380px; height:280px; position:relative; overflow:hidden;}
.pics_focus .swiper-slide{ width:380px; height:215px;}
.pics_focus .swiper-slide img{ width:100%; height:100%;}
.pics_focus .notes{ height:48px; line-height:24px; padding-top:10px; display:block; font-size:16px; font-weight:bold; color:#000; overflow:hidden;}
.pics_focus .mask{ width:100%; height:100%; background:url(../images/bg_black.png) repeat; position:absolute; left:0; top:0; z-index:2;}
.pics_focus .play{ width:56px; height:56px; background:url(../images/icon_play.png) center center no-repeat; position:absolute; left:50%; top:50%; margin:-28px 0 0 -28px; z-index:3;}
.page_focus{ position:absolute; right:0; top:18px;}

/*会展*/
.wrap_list{ width:313px; height:auto; margin-right:30px; display:inline; float:left;}
.wrap_list.first{ margin-right:0;}
.wrap_list.last{ width:314px; height:auto; margin-right:0;}
.pics_technology{ width:672px; height:auto; float:right;}
.pics_finance{ width:343px; height:auto; float:left;}
.pics_top{ width:322px; height:auto;}
.item_big{ width:100%; height:auto;}
.item_big dt{ width:100%; height:236px; overflow:hidden; position:relative;}
.item_big dt img{ 
	width:100%; height:100%; border:none;
	-webkit-transition: all 0.5s linear 0s;
	   -moz-transition: all 0.5s linear 0s;
		 -o-transition: all 0.5s linear 0s;
		-ms-transition: all 0.5s linear 0s;
			transition: all 0.5s linear 0s;
}
.item_big dt:hover img{
	-webkit-transform: scale(1.05);
	   -moz-transform: scale(1.05);
		 -o-transform: scale(1.05);
		-ms-transform: scale(1.05);
			transform: scale(1.05);
}
.item_big dt .play{ width:28px; height:24px; background:url(../images/play.png) no-repeat; position:absolute; left:7px; bottom:5px;}
.item_big dd{ width:100%; height:30px; line-height:30px; font-size:14px; color:#444; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}

/*小图文*/
.item_small{ width:151px; height:auto; margin:0 10px 10px 0; display:inline; float:left;}
.item_small.odd{ margin-right:0;}
.item_small dt{ width:100%; height:100px; overflow:hidden; position:relative;}
.item_small dt img{ 
	width:100%; height:100%; border:none;
	-webkit-transition: all 0.5s linear 0s;
	   -moz-transition: all 0.5s linear 0s;
		 -o-transition: all 0.5s linear 0s;
		-ms-transition: all 0.5s linear 0s;
			transition: all 0.5s linear 0s;
}
.item_small dt:hover img{
	-webkit-transform: scale(1.05);
	   -moz-transform: scale(1.05);
		 -o-transform: scale(1.05);
		-ms-transform: scale(1.05);
			transform: scale(1.05);
}
.item_small dt .play{ width:28px; height:24px; background:url(../images/play.png) no-repeat; position:absolute; left:7px; bottom:5px;}
.item_small dd{ width:100%; height:22px; line-height:22px; padding-top:3px; font-size:14px; color:#444; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.pics_technology .item_small{ margin:0 0 10px 17px; }
.pics_finance .item_small{ margin:0 17px 10px 0;}

/*文字列表*/
.item_list{ width:100%; height:auto; margin-top:-6px;}
.item_list li{ line-height:28px; font-size:14px; color:#444;}
.item_bottom{ width:100%; height:auto;}
.item_bottom li{ height:28px; line-height:28px; font-size:14px; color:#444; overflow:hidden;}

/*投资*/
.invest_wrap{ width:1030px;}
.fn_wrap{ width:1080px;}
.item_fn{ width:190px; height:auto; margin-right:80px; margin-bottom:15px; float:left;}
.item_fn dt{ width:100%; height:22px; line-height:22px; margin-bottom:15px; font-size:12px; color:#000; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.item_fn dt a{ color:#333;}
.item_fn dt .rank{ width:22px; height:22px; line-height:20px; background:#d08a39; font-size:12px; color:#fff; text-align:center; margin-right:10px; float:left; border-radius:50%;}
.item_fn dd{ width:100%; height:140px; overflow:hidden; position:relative;}
.item_fn dd img{ 
	width:100%; height:100%; border:none;
	-webkit-transition: all 0.5s linear 0s;
	   -moz-transition: all 0.5s linear 0s;
		 -o-transition: all 0.5s linear 0s;
		-ms-transition: all 0.5s linear 0s;
			transition: all 0.5s linear 0s;
}
.item_fn dd:hover img{
	-webkit-transform: scale(1.05);
	   -moz-transform: scale(1.05);
		 -o-transform: scale(1.05);
		-ms-transform: scale(1.05);
			transform: scale(1.05);
}

/*图集*/
.photos{width:950px; height:100px; margin:10px auto 0; position:relative; *overflow:hidden;}
.photos .arrow_l{ width:20px; height:100px; background:url(../images/arrow_l.png) left center no-repeat; position:absolute; left:-25px; top:0; z-index:9; cursor:pointer;}
.photos .arrow_r{width:20px; height:100px; background:url(../images/arrow_r.png) right center no-repeat; position:absolute; right:-25px; top:0; z-index:9; cursor:pointer;}
.photos .swiper-slide{ width:193px; height:100px; position:relative;}
.photos .swiper-slide img{ width:178px; height:100%;}
.photos .swiper-slide .note{ width:178px; height:24px; line-height:24px; background:url(../images/bg_black.png) repeat; font-size:12px; color:#fff; text-align:center; overflow:hidden; position:absolute; left:0; bottom:0;}
.page_photo{ display:none;}

/*魅力*/
.tushuo{width:100%; height:502px; margin-top:5px; position:relative;}
.tushuo a{ position:absolute; overflow:hidden;}
.tushuo a img{
	width:100%; height:100%; border:none;
	-webkit-transition: all 0.5s linear 0s;
	   -moz-transition: all 0.5s linear 0s;
		 -o-transition: all 0.5s linear 0s;
		-ms-transition: all 0.5s linear 0s;
			transition: all 0.5s linear 0s;
}
.tushuo a:hover img{
	-webkit-transform: scale(1.05);
	   -moz-transform: scale(1.05);
		 -o-transform: scale(1.05);
		-ms-transform: scale(1.05);
			transform: scale(1.05);
}
.tushuo .item1{ width:500px; height:334px; left:0; top:0;}
.tushuo .item2{ width:249px; height:167px; left:501px; top:0;}
.tushuo .item3{ width:250px; height:167px; left:751px; top:0;}
.tushuo .item4{ width:249px; height:167px; left:0; top:335px;}
.tushuo .item5{ width:250px; height:167px; left:250px; top:335px;}
.tushuo .item6{ width:500px; height:334px; left:501px; top:168px;}
.tushuo .notes{ width:94%; height:auto; padding:0 3% 10px; line-height:24px; font-size:18px; color:#fff; position:absolute; left:0; bottom:0;}

/*底部*/
.copyright{ width:100%; height:auto; padding:15px 0 20px; margin:0 auto; border-top:1px solid #eee; line-height:28px; color:#666; text-align:center;}
.copyright .link{ font-size:14px;}
.copyright .link a{ color:#666; margin:0 8px;}
.copyright .link a:hover{ color:#a66d48;}
.copyright .bottom a{ color:#666; margin-right:8px;}
.copyright .bottom a:hover{ color:#a66d48;}
.copyright .bottom span{ margin-right:8px;}

/*返回顶部*/
#tipback{ width:45px; height:45px; background:#ccc url(http://r2d2.takungpao.cn/cn/common/images/back.png) center center no-repeat; cursor:pointer; position:fixed; left:50%; margin-left:500px; bottom:122px; z-index:100; display:none; _position:absolute;_bottom:auto;_top:expression(documentElement.scrollTop + 300);}

/*图片轮播样式*/
.swiper-pagination-bullet{ width:5px; height:5px; background:#ccc; margin-left:5px; opacity:1;}
.swiper-pagination-bullet-active{ background:#000;}

.swiper-container {
	width: 100%;
	height: 100%;
    margin: 0 auto;
    position: relative;
    overflow: hidden;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 1;
}
.swiper-wrapper {
    position: relative;
    width: 100%;
    -webkit-transition-property: -webkit-transform, left, top;
    -webkit-transition-duration: 0s;
    -webkit-transform: translate3d(0px,0,0);
    -webkit-transition-timing-function: ease;
    -moz-transition-property: -moz-transform, left, top;
    -moz-transition-duration: 0s;
    -moz-transform: translate3d(0px,0,0);
    -moz-transition-timing-function: ease;
    -o-transition-property: -o-transform, left, top;
    -o-transition-duration: 0s;
    -o-transform: translate3d(0px,0,0);
    -o-transition-timing-function: ease;
    -o-transform: translate(0px,0px);
    -ms-transition-property: -ms-transform, left, top;
    -ms-transition-duration: 0s;
    -ms-transform: translate3d(0px,0,0);
    -ms-transition-timing-function: ease;
    transition-property: transform, left, top;
    transition-duration: 0s;
    transform: translate3d(0px,0,0);
    transition-timing-function: ease;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}
.swiper-free-mode > .swiper-wrapper {
    -webkit-transition-timing-function: ease-out;
    -moz-transition-timing-function: ease-out;
    -ms-transition-timing-function: ease-out;
    -o-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    margin: 0 auto;
}
.swiper-wp8-horizontal { -ms-touch-action: pan-y;}
.swiper-wp8-vertical {-ms-touch-action: pan-x;}
.swiper-slide {
    width: 380px;
    height: 270px;
	float: left;
    position: relative;
    -webkit-transition: 300ms;
    -moz-transition: 300ms;
    -ms-transition: 300ms;
    -o-transition: 300ms;
    transition: 300ms;
}
.swiper-slide img{ width:100%; height:100%;}
.swiper-slide-active { opacity:1;}
.swiper-pagination-switch {width:5px; height:5px; background:#ccc; border-radius:50%; text-indent:-9999em; margin-left:5px; display:inline-block; cursor:pointer;}
.swiper-visible-switch {background:#ccc;}
.swiper-active-switch {background:#000;}

@media screen and (max-width:767px){
.header{ display:none;}
.banner_wrap{ overflow:hidden;}
.banner_wrap img{ width:120%; margin-left:-20%;}
.nav_wrap{ height:auto; background-size:100% auto; position:relative; z-index:2; display:none;}
.nav_wrap .nav{ width:100%; height:30px; padding:5px 0; overflow:hidden;}
.nav_wrap .nav .nav_list .item{ width:24%; line-height:30px; padding:0; font-size:16px;}
.nav_wrap .nav .nav_list .item.nav_more{ width:48%; height:60px;}
.nav_wrap .nav .nav_list .item .play{ padding:0; background:none;}
.nav_wrap .nav .nav_list .item .btn_nav_more{ display:none;}
.nav_wrap .nav .nav_list .nav_slide{ width:100%; line-height:30px; padding:0; background:none; display:block; position:static; box-shadow:none;}
.nav_wrap .nav .nav_list .nav_slide li{ width:50%; font-size:16px; float:left; position:relative;}
.nav_wrap .nav .nav_list .nav_slide li.left33{ left:-100%;}
.nav_wrap .nav .nav_list .nav_slide li.top30{ top:-30px;}
.nav_wrap .nav .nav_list .nav_slide li a{ padding:0; color:#fff; text-align:center;}
.nav_wrap .nav_open{ display:block;}
.cujinju{ width:auto; margin:10px 0 0;}
.wrapper{ width:auto; margin:0; padding:10px;}
.h3_title{ height:36px; line-height:36px; margin:20px 0 5px;}
.h3_title.tuijian{ margin:5px 0;}

/*头条*/
.headline{ width:100%; float:none;}
.headline .title{ height:auto; font-size:20px; line-height:1.5em; font-weight:normal; margin-bottom:10px; overflow:visible;}
.headline .txt{ height:auto; line-height:28px; padding-bottom:10px; overflow:visible;}
.headline-pc{ display:none;}

/*焦点图*/
.focus_wrap{ width:100%; margin-bottom:0; float:none;}
.pics_focus{width:100%; height:70vw;}
.pics_focus .swiper-slide{ height:53vw;}
.pics_focus .notes{}
.pics_focus .play{ width:40px; height:40px; background-size:100% 100%; margin:-20px 0 0 -20px;}
.page_focus{ top:10px;}

/*图文列表*/
.wrap_list{ width:100%; margin-right:0; display:block; float:none;}
.wrap_list.last{ width:100%;}
.pics_technology{ width:103%; margin-left:-1.5%;float:none;}
.pics_finance{ width:103%; margin-left:-1.5%;float:none;}
.pics_top{ width:103%; margin-left:-1.5%;}
.item_big dt{ height:auto;}
.item_big dt img{ height:auto; -webkit-transition: all 0s linear 0s; transition: all 0s linear 0s;}
.item_big dt:hover img{ -webkit-transform: scale(1); transform: scale(1);}
.item_big dd{ height:auto; line-height:1.5em; padding:5px 0 10px; font-size:16px; overflow:visible; white-space:normal;}

/*小图文*/
.item_small{ width:47%; margin:0 1.5% 10px 1.5%;}
.item_small dt{ height:30.5vw;}
.item_small dt img{ -webkit-transition: all 0s linear 0s; transition: all 0s linear 0s;}
.item_small dt:hover img{ -webkit-transform: scale(1); transform: scale(1);}
.item_small dd{ height:44px; white-space:normal;}
.item_list{ margin-top:0;}
.item_list li{ font-size:16px;}
.item_bottom li{ height:auto; font-size:16px;}
.pics_technology .item_small{ width:47%; margin:0 1.5% 10px 1.5%;}
.pics_finance .item_small{ width:47%; margin:0 1.5% 10px 1.5%;}

/*投资*/
.invest_wrap{ width:100%;}
.fn_wrap{ width:103%; margin-left:-1.5%;float:none;}
.item_fn{ width:47%; margin:0 1.5% 15px 1.5%;}
.item_fn dt{ margin-bottom:10px;}
.item_fn dt .rank{ margin-right:5px;}
.item_fn dd{ height:34vw;}
.item_fn dd img{ -webkit-transition: all 0s linear 0s; transition: all 0s linear 0s;}
.item_fn dd:hover img{ -webkit-transform: scale(1); transform: scale(1);}

/*图集*/
.photos{ height:53vw; margin:0 auto;}
.photos .arrow_l{ height:100%; left:10px;}
.photos .arrow_r{ height:100%; right:10px;}
.photos .swiper-slide{ height:53vw; padding:0;}
.photos .swiper-slide img{ width:100%;}
.photos .swiper-slide .note{ width:100%; height:30px; line-height:30px; font-size:14px;}

/*魅力*/
.tushuo{ height:auto;}
.tushuo a{ position:static; display:block; overflow:visible;}
.tushuo a img{ height:auto; -webkit-transition: all 0s linear 0s; transition: all 0s linear 0s;}
.tushuo a:hover img{ -webkit-transform: scale(1); transform: scale(1);}
.tushuo .item1,.tushuo .item2,.tushuo .item3,.tushuo .item4,.tushuo .item5,.tushuo .item6{ width:100%; height:auto; margin-bottom:10px;}
.tushuo .notes{ width:100%; padding:5px 0; display:block; position:static; font-size:16px; color:#333;}

/*底部*/
#tipback{ width:35px; height:35px; background-size:50% auto; margin-left:0; left:auto; right:15px; opacity:0.8;}
.copyright{ width:100%; padding:10px 0 15px; margin-top:0; line-height:24px;}
.copyright .bottom a{ display:none;}
.copyright .bottom span{ margin-right:0;}
.copyright .bottom em{ display:none;}
}

@media screen and (max-width:320px){
.nav_wrap .nav .nav_list .item{ font-size:14px;}
.nav_wrap .nav .nav_list .nav_slide li{ font-size:14px;}
}