﻿@charset "utf-8";
/* 
 * Project Name:裕恒投资
 * Author:位置
 * Date：2016-7-6
 */


/*视频*/
.content_list { width: 100%; float: left; overflow: hidden; }
.content_list li { width: 25%; float: left; }


body.top .rotate_btn { display: block; }
body.top .rotate_btn .flip_cube { -webkit-perspective: 400; -ms-perspective: 400; -o-perspective: 400; -moz-perspective: 400px; perspective: 400; position: relative; }

body.top .rotate_btn .flip_cube .viewport { -moz-transform-style: preserve-3d; -webkit-transform-style: preserve-3d; transform-style: preserve-3d; -moz-transition-property: -moz-transform; -o-transition-property: -o-transform; -webkit-transition-property: -webkit-transform; transition-property: transform; -moz-transition-duration: 600ms; -o-transition-duration: 600ms; -webkit-transition-duration: 600ms; transition-duration: 600ms; -moz-transform: translateZ(-160px); -webkit-transform: translateZ(-160px); transform: translateZ(-160px); position: static; }
body.top .rotate_btn .flip_cube .viewport .plane { position: absolute; z-index: 1; }
body.top .rotate_btn .flip_cube .viewport .plane.topfix { -moz-transform: rotateX(90deg); -webkit-transform: rotateX(90deg); transform: rotateX(90deg); top: -160px; left: 0px; }
body.top .rotate_btn .flip_cube .viewport .plane.bottom { -moz-transform: rotateX(-90deg); -webkit-transform: rotateX(-90deg); transform: rotateX(-90deg); top: 160px; left: 0px; }
body.top .rotate_btn .flip_cube .viewport .plane.front { -moz-transform: translateZ(160px); -webkit-transform: translateZ(160px); transform: translateZ(160px); top: 0px; left: 0px; z-index: 2; }
body.top .rotate_btn:hover .flip_cube { position: relative; z-index: 100; }
body.top .rotate_btn .rotate_box { position: relative; }
body.top .rotate_btn .rotate_square { position: absolute; width: 100%; box-sizing: border-box; color: #fff; }
body.top .rotate_btn .rotate_square.color1 { background-color: #52a3de; }
body.top .rotate_btn .rotate_square.color2 { background-color: #004693; }
body.top .rotate_btn .rotate_square .rotate_square_inner { position: relative; box-sizing: border-box; }
body.top .rotate_btn .rotate_square .rotate_square_inner:after { content: ""; padding-top: 100%; display: block; }

body.top .info_special_box .title_box { background-color: #e9e9e9; }
body.top .info_special_box .title_box:before { content: ""; border-color: transparent transparent transparent #e9e9e9; }
body.top .info_news_box { background-color: #eff3f4; }
body.top .info_news_box .title_box { background-color: #c4d7e1; }
body.top .info_news_box .title_box:before { content: ""; border-color: transparent transparent transparent #c4d7e1; }
body.top .content_wrap, body.top .costomers_voice_wrap { background-color: #000; }
body.top .content_wrap .title_box, body.top .costomers_voice_wrap .title_box { text-align: center; float: right; margin-left: -.1%; background-color: #00a7ac; color: #fff; display: table; width: 100%; width: 25%; position: relative; z-index: 200; }
body.top .rotate_btn .flip_cube { overflow: hidden; }
body.top .content_wrap .title_box:before, body.top .costomers_voice_wrap .title_box:before { content: ""; position: absolute; z-index: 5; top: 0; bottom: 0; left: -14px; margin: auto 0; height: 0; border-style: solid; border-width: 15px 15px 15px 0; border-color: transparent #00a7ac transparent transparent; }

body.top .content_wrap .content_list li, body.top .costomers_voice_wrap .content_list li { float: left; width: 25%; }
body.top .content_wrap .content_list li img, body.top .costomers_voice_wrap .content_list li img { width: 100%; height: auto; }
body.top .content_wrap .content_list li .square_content .table_box > .inner, body.top .costomers_voice_wrap .content_list li .square_content .table_box > .inner { padding: 40px; }
body.top .square .square_content .table_box > .inner, body.top .rotate_square .square_content .table_box > .inner { display: table-cell; width: 100%; box-sizing: border-box; }
body.top .square .square_content .table_box, body.top .rotate_square .square_content .table_box { display: display; table-layout: fixed; width: 100%; height: 100%; }
.costomers_voice_wrap { float: left; }
.content_list li img { line-height: 0; width: 100%; height: auto; }
.table_box p { color: #ffffff; font-size: 14px; line-height: 2.2; padding: 115px 46px 0 46px; text-decoration: underline; }
body.top .square .square_content, body.top .rotate_square .square_content { position: absolute; left: 0; top: 0; right: 0; bottom: 0; }
body.top .content_wrap .content_list .description { box-sizing: border-box; text-decoration: underline; font-size: 14px; }
body.top .rotate_btn .flip_cube .viewport .plane.front figcaption { display: block; width: 100%; height: 66px; text-align: center; line-height: 66px; background: #004693; color: #ffffff; font-size: 20px; position: absolute; right: 0; bottom: 0; transition: 450ms; visibility: visible; }
body.top .rotate_btn .flip_cube .viewport .plane.front1 figcaption { background: #52a3de; }
.content_list li:hover figcaption { opacity: 0; visibility: hidden; }

