﻿@charset "utf-8";
/* CSS 全局 */
h1,h2,h3,h4,h5,h6 {
	font-size:0;
	font-weight:400
}
body {
	min-height:100%;
	font-size:12px;
	color:#262626;
	font-family:Arial,microsoft yahei;
	min-width:1180px;
	background-color:#f2f2f2;
	margin:0;
	padding:0
}
*,html,body{
	list-style: none;
	margin: 0;
	padding: 0;
}
html {
	overflow-y: scroll;
	overflow-x: hidden;
	-webkit-text-size-adjust: none;
	_background-image: url(about:blank);
	_background-attachment: fixed;
	-webkit-text-size-adjust:100%;
	-ms-text-size-adjust:100%;
}

div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td,sup,sub {
	margin: 0;
	padding: 0;
	vertical-align: baseline;	
}
h1,h4,h5,h6{
	font-weight:normal;
	font-size:14px;
	}
h2{
	font-weight:normal;
	font-size:20px;
	}
h3{
	font-size:16px;
	}
article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary {
    display: block;
}
audio,canvas,video {
    display: inline-block;
    *display: inline;
    *zoom: 1;
}
audio:not([controls]) {
    display: none;
    height: 0;
}
table {
	border-collapse: collapse;
	border-spacing: 0
}

ul,ol,li {
	list-style: none;
}

fieldset,img {
	border: 0
}

.container img {
	/* width: 1180px; */
	-ms-interpolation-mode: bicubic;
	vertical-align: top;
}
textarea,input{
	word-wrap:break-word;
	word-break:break-all;
	padding:0px;}
input,textarea,select {
	font-family: inherit;
	font-size: inherit;
	font-weight: inherit;
}

/*---------------------关于链接------------------------*/
a {
	color: #414141;
	blr: expression(this.onFocus=this.blur()); /* IE Opera */
	star:expression(this.onFocus=this.blur());
	outline: none; /* FF Opera */
	text-decoration: none;
	position: relative;	
}

a:hover {
	color: #c48529;
	text-decoration: none;
	transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
}

a:focus {
	-moz-outline-style: none; /* FF */
    outline: thin dotted;
}

a:active, a:focus, a:hover {
	outline:0
}
/*----------------------关于悬浮---------------------*/

.fl {
	float: left;
	display: inline;
}

.fr {
	float: right;
	display: inline;
}

.auto {
	margin-left: auto;
	margin-right: auto;
}

.clear {
	clear: both;
	height: 0;
	overflow: hidden;
}

.clearbox:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.clearbox {
	zoom: 1;
}


/*框架*/
.container{
	width:1180px;
	height:auto;
	margin-right: auto;
	margin-left: auto;
	*zoom: 1;
	}
	.mb_30{
	margin-bottom:30px;
	}
	.mb_70{
	margin-bottom:70px;
	}
    .jk_box {
        width: 1242;
    }

    .square.effect6 {
    overflow: hidden;
}


.definition_box {
    width: 100%;
    height: 450px;
    position: relative;
    z-index: 0;
    overflow: hidden;
}



	.definition_box .definition{
	position:absolute;
	top: 85px;
	left: 51%;
	width: 600px;
	margin-left:-573px;
	}

.line_title_1{
	color: #ffffff;
	height:41px;
	line-height:40px;
	text-indent:130px;
	font-size: 26px;
	font-weight:normal;
	width:350px;
	margin:0 auto;
	background: url(../images/line_title_bg.png) no-repeat 0 20px;
	}
.allpage{
	line-height:22px;
	}



.square.effect6.colored .info {
    background: #1a4a72;
    background: rgba(26, 74, 114, 0.6);
}

.square.effect6.colored .info h3 {
    background: rgba(12, 34, 52, 0.6);
}

.square.effect6 .img {
    -webkit-transition: all 0.35s ease-in-out;
    -moz-transition: all 0.35s ease-in-out;
    transition: all 0.35s ease-in-out;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
}

.square.effect6 .info {
    background: #cec6c6;
    background: rgba(249, 249, 249, 0);
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all 0.35s ease-in-out;
    -moz-transition: all 0.35s ease-in-out;
    transition: all 0.35s ease-in-out;
}

.square.effect6 .info h3 {
    text-transform: uppercase;
    color: #fff;
    text-align: center;
    font-size: 16px;
	font-weight:normal;
    padding: 10px;
    margin: 30px 10px 0 10px;
    -webkit-transition: all 0.35s ease-in-out;
    -moz-transition: all 0.35s ease-in-out;
    transition: all 0.35s ease-in-out;
}

.square.effect6 .info p {
    font-size: 12px;
    position: relative;
    color: #fff;
    padding: 20px 20px 20px;
	margin-top:40px;
    text-align: center;
    -webkit-transition: all 0.35s 0.1s linear;
    -moz-transition: all 0.35s 0.1s linear;
    transition: all 0.35s 0.1s linear;
}

.square.effect6 a:hover .img {
    -webkit-transform: scale(1.03);
    -moz-transform: scale(1.03);
    -ms-transform: scale(1.03);
    -o-transform: scale(1.03);
    transform: scale(1.03);
}

.square.effect6 a:hover .info {
    visibility: visible;
    opacity: 1;
}

.square.effect6.from_top_and_bottom .info h3 {
    -webkit-transform: translateY(-100%);
    -moz-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    -o-transform: translateY(-100%);
    transform: translateY(-100%);
}

.square.effect6.from_top_and_bottom .info p {
    -webkit-transform: translateY(100%);
    -moz-transform: translateY(100%);
    -ms-transform: translateY(100%);
    -o-transform: translateY(100%);
    transform: translateY(100%);
}

.square.effect6.from_top_and_bottom a:hover .info h3,
.square.effect6.from_top_and_bottom a:hover .info p {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
}

.square.effect6.from_left_and_right .info h3 {
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    transform: translateX(-100%);
}

.square.effect6.from_left_and_right .info p {
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -ms-transform: translateX(100%);
    -o-transform: translateX(100%);
    transform: translateX(100%);
}

.square.effect6.from_left_and_right a:hover .info h3,
.square.effect6.from_left_and_right a:hover .info p {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
}

.square.effect6.top_to_bottom .info h3 {
    -webkit-transform: translateY(-100%);
    -moz-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    -o-transform: translateY(-100%);
    transform: translateY(-100%);
}

.square.effect6.top_to_bottom .info p {
    -webkit-transform: translateY(-100%);
    -moz-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    -o-transform: translateY(-100%);
    transform: translateY(-100%);
}

.square.effect6.top_to_bottom a:hover .info h3,
.square.effect6.top_to_bottom a:hover .info p {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
}

.square.effect6.bottom_to_top .info h3 {
    -webkit-transform: translateY(100%);
    -moz-transform: translateY(100%);
    -ms-transform: translateY(100%);
    -o-transform: translateY(100%);
    transform: translateY(100%);
}

.square.effect6.bottom_to_top .info p {
    -webkit-transform: translateY(100%);
    -moz-transform: translateY(100%);
    -ms-transform: translateY(100%);
    -o-transform: translateY(100%);
    transform: translateY(100%);
}

.square.effect6.bottom_to_top a:hover .info h3,
.square.effect6.bottom_to_top a:hover .info p {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
}

.usalife_list li{
	height:346px;
	overflow:hidden;
	margin-bottom:15px;
	}
.usalife_list li .img{
	height:286px;
	width:280px;
	overflow:hidden;
	}
.usalife_list li .info{
	height:296px;
	width:296px;
	}
.usalife_list li h4{
	position:absolute;
	display:block;
	bottom:0;
	left:0;
	right:0;
	z-index:9;
	background:#FFF;
	width:292px;
	height: 50px;
	text-align:center;
	line-height:18px;
	padding-top: 12px;
	box-sizing: border-box;
	}
    .usalife_list li h4 span {
        display: block;
    }

/*鼠标投影*/
.hvr-glow{
	 display:inline-block;
	 vertical-align:middle;
	 -webkit-transform:translateZ(0);
	 transform:translateZ(0);
	 box-shadow:0 0 4px rgba(220,220,220,6);
	 -webkit-backface-visibility:hidden;
	 backface-visibility:hidden;
	 -moz-osx-font-smoothing:grayscale;
	 -webkit-transition-duration:.6s;
	 transition-duration:.6s;
	 -webkit-transition-property:box-shadow;
	 transition-property:box-shadow;
	 }
.hvr-glow:active,.hvr-glow:focus,.hvr-glow:hover{
	 box-shadow:0 2px 10px rgba(100,100,100,.6);
	 cursor:pointer;
	 }

     .box_4{
	width:281px;
	margin-right:14px;
	border:1px solid #ccc;
    box-sizing: border-box;
	}
.box_3,.box_4,.box_5{
	float:left;
	position:relative;
	overflow:hidden;
	z-index:0;
	background:#FFF;
	-webkit-transition: all 0.35s ease-in-out;
    -moz-transition: all 0.35s ease-in-out;
    transition: all 0.35s ease-in-out;
	}

.box_4 .img,.box_3 .img{
	position:absolute;
	}

.box_4.square .info,.box_3.square .info {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    text-align: center;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}


    
.line_title{
	text-align:center;
	}
.line_title h2{
	height: 32px;
	line-height:40px;
	font-size: 20px;
	font-weight:normal;
	width: 1180px;
	margin: 30px auto 19px auto;
	background: url("../images/line_title_bg.png") no-repeat 0 20px;
	}
.line_title h6{
	height:41px;
	line-height:40px;
	font-size:22px;
	font-weight:normal;
	width:350px;
	margin:50px auto 40px auto;
	background:url("../images/line_title_bg.png") no-repeat 0 20px;
	}


.line_title h3{
	font-size:20px;
	}
.line_title p.realize_d{
	margin:0 auto;
	display:block;
	width:1180px;
	font-size:16px;
	margin-top: 19px;
	margin-bottom:6px;
	line-height: 25px;
	color:#262626;
	}

    .cl {
        width: 50%;
        padding-right: 5px;
        box-sizing: border-box
    }
    .cr {
        width: 50%;
         padding-left: 5px;
        box-sizing: border-box
    }
    .ch10 {
        height: 10px;
        clear: both;
    }
    .cr .top {
        height: 360px;
    }

.img_box{
	text-align:center;
}
.allpage h4 {
    color: #ffffff;
    line-height: 22px;
}
.allpage p {
    color: #ffffff;
    line-height: 22px;
}

#index-news{ min-width:1180px; margin: 30px auto 30px;  overflow:hidden;}
#index-news .type{ height:30px;  position:relative;  }
#index-news .type .view{ width:1180px; margin:auto; height:30px; position:relative;}
#index-news .type .title{ display:block; float:left; max-width:120px; position:relative; height:30px; overflow:hidden;}
#index-news .type .title .en{ color:#a27b4c; font-family: "Times New Roman"; line-height:16px; padding-left:23px;}
#index-news .type .title .cn{   font-family: "Microsoft YaHei",Arial,Helvetica,sans-serif,"宋体"; color:#666; font-size:24px; line-height:24px;}
#index-news .type .title .line{ left:23px; height:2px; background:#a27b4c; width:100%; bottom:0px; position:absolute;}
#index-news .type .href{ position:absolute; right:0px; font-weight:bold; color:#A27B4C; bottom:5px;}
#index-news .list{ height:396px; width:1180px; margin: 10px auto 0;}
#index-news .list dl dd{ display:block; width:293px; height:388px; float:left; margin-right:8px; box-shadow:0 0 10px rgba(0,0,0,.175); position:relative; left:-50px; opacity:0;-webkit-transition: top .5s, opacity .5s, transform .5s,left .5s; -moz-transition: top .5s, opacity .5s, transform .5s,left .5s; transition: top .5s, opacity .5s, transform .5s,left .5s;}
#index-news .list dl dd a{ display:block;width:293px; height:388px; background:#fff; color:#272626;}
#index-news .list dl dd a .tu{ position:relative; height:200px; margin-bottom:22px; background:#fff;}
#index-news .list dl dd a .tu img{ display:block; width:100%; height:100%;}
#index-news .list dl dd a .tu i{  height:0px; width:0px; border-style:solid; border-width:10px; border-color:transparent transparent #a27b4c transparent; position:absolute; bottom:0px; left:50%; margin-left:-10px; z-index:10; display:none;}
#index-news .list dl dd a:hover{ background:#a27b4c; color:#fff;}
#index-news .list dl dd a:hover .tu i{display:block;}
#index-news .list dl dd a .content{ padding:0 16px 0 85px; position:relative;}
#index-news .list dl dd a .title{ height:26px; line-height:26px; overflow:hidden; position:relative; font-size:14px; margin-bottom:14px;}
#index-news .list dl dd a .demo{ height:100px; overflow:hidden; position:relative; line-height:20px; opacity:.8;}
#index-news .list dl dd a .rq{ position:absolute; left:21px; top:0px; width:60px; color:#a27b4c;}
#index-news .list dl dd a:hover .rq{ color:#fff;}
#index-news .list dl dd a .rq .big{ line-height:50px; height:50px; font-size:44px;}
#index-news .list dl dd a .rq .line{ background:#b4b4b4; width:19px; height:2px; margin:0px 0 8px;}
#index-news .list dl dd a:hover .rq .line{ background:#fff;}
/**/
#index-news .list dl dt{ display:block; width:578px; height:124px; float:left; margin-bottom:8px; box-shadow:0 0 10px rgba(0,0,0,.175); position:relative; left:100px; opacity:0;

-webkit-transition: top .5s, opacity .5s, transform .5s,left .5s; -moz-transition: top .5s, opacity .5s, transform .5s,left .5s; transition: top .5s, opacity .5s, transform .5s,left .5s;
}
#index-news .list dl dt a{ padding:0 0 0 188px; background:#fff; height:124px; display:block;color:#272626; position:relative;}
#index-news .list dl dt a:hover{ color:#fff; background:#A27B4C;}
#index-news .list dl dt a .tu{ width:160px; height:109px; position:absolute; left:8px; top:8px;}
#index-news .list dl dt a .tu img{ display:block;width:160px; height:109px; }
#index-news .list dl dt a .content{ padding:0 16px 0 68px; position:relative;}
#index-news .list dl dt a .rq{ position:absolute; left:0px; top:20px; width:60px; color:#a27b4c;}
#index-news .list dl dt a:hover .rq{ color:#fff;}
#index-news .list dl dt a .rq .big{ line-height:50px; height:50px; font-size:44px;}
#index-news .list dl dt a .rq .line{ background:#b4b4b4; width:19px; height:2px; margin:0px 0 8px;}
#index-news .list dl dt a:hover .rq .line{ background:#fff;}
#index-news .list dl dt a .title{ height:26px; line-height:26px; overflow:hidden; position:relative; font-size:14px; margin-bottom:14px; padding-top:18px;}
#index-news .list dl dt a .demo{ height:40px; overflow:hidden; position:relative; line-height:20px; opacity:.8;}
#index-news.on .list dl dt ,#index-news.on .list dl dd{ opacity:1; left:0px;} 



#index-news.on .list dl .d1{-webkit-transition-delay: .1s; transition-delay: .1s; -moz-transition-delay: .1s;}
#index-news.on .list dl .d2{-webkit-transition-delay: .5s; transition-delay: .5s; -moz-transition-delay: .5s;}
#index-news.on .list dl .d3{-webkit-transition-delay: .7s; transition-delay: .7s; -moz-transition-delay: .7s;}
#index-news.on .list dl .d4{-webkit-transition-delay: .9s; transition-delay: .9s; -moz-transition-delay: .9s;}

/*首页新闻 end*/
.blogo{ width:1180px; margin:0px auto 0;  overflow:hidden;}
   