body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,/* structural elements 结构元素 */
dl,dt,dd,ul,ol,li,/*  list elements 列表元素*/
pre,/* text formatting elements 文本格式元素 */
fieldset,lengend,button,input,textarea, /* form elements 表单元素 */
th,td{margin:0;padding:0;}
h1{font-size: 18px;/* 18px / 12px = 1.5 */ }
h2{font-size: 16px;}
h3{font-size: 14px;}
h4,h5,h6{font-size: 100%;}
address,cite,dfn,em,var{font-style: normal;}
code,kbd,pre,samp,tt{ } /* 统一等宽字体 */

img,input{vertical-align: middle; border:none;}
ul,ol,li{list-style: none;}
a{text-decoration:none;outline:none}a:hover{text-decoration: underline;}
table{border-collapse: collapse;border-spacing: 0;}

html,body{-webkit-text-size-adjust:none;}
*{padding:0;margin:0;}
body { color:#555; font-size:12px; font-family:微软雅黑 !important; }
.clear{height:1px;clear:both;margin-bottom:-1px;overflow:hidden;visibility:hidden;display:block;}
.left{ float:left;display: inline-block;}.right{float:right;display: inline-block;}
.clearfix:after{content:'\20';display:block;height:0;clear:both;overflow:hidden;}
.clearfix{*zoom:1;}
.fM{font-family:'Microsoft Yahei';}
.hide{display: none;}
.text-right{text-align: right;}
.text-center{text-align: center;}
.text-left{text-align: left;}
i,em{font-style: normal;}
a{color:#000;cursor:pointer;}
a:hover{text-decoration:none;}
.img-responsive{display: block;max-width: 100%;width: 100%;}
.icon{display: inline-block;background-repeat: no-repeat;}
input,button,select{font-family:'Microsoft Yahei';outline: none; }
button,input[type=button]{cursor: pointer;}
.wrap{margin:0 auto;display: table;}
/*============================ 头部 ============================*/
.head{position:relative;color: #fff;z-index: 300;background: rgba(0, 0, 0, 0.7); height: 54px;line-height: 54px;}
.logo{text-align: center;}
.logo img{width:147px;    margin-left: -65px;}
.menu{line-height: normal;float:left;margin-left: 60px;}
.menu li{float:left;text-align: center;padding-top:9px;height:45px;}
.menu li a.item{position: relative; display:block;text-align:center;font-size: 14px;transition: all 400ms;padding:7px 5px;margin: 0 22px;border-bottom: 1px solid transparent;color: #aaa;}
/*.menu li a.item:hover {color: #fff;}*/
.menu li a.item:after{position: absolute;display: block; content: '';height: 1px; background: #fff;opacity: 0; transition: 344ms ease-out; bottom: 0; width: 0; left: 50%;}
.menu li.on a.item,.menu li:hover a.item:after{ left: 0; width: 100%; opacity: 1;}


.tuser{width: 58px;height: 100%;height: 54px;margin-left:70px;position: relative;}
.tuser .t_u{display: block;width: 100%;height: 100%;background-image: url(../images/t_user.png);background-position: center center;background-size: 15px 19px;background-repeat: no-repeat;cursor: pointer;}
.t_log{position: absolute;background: #fff;top:54px;width: 148px;height: 160px;box-shadow: 0 2px 4px 0 rgba(0,0,0,0.12);right: 0;line-height: normal;opacity: 0;visibility: hidden;z-index: -1;transition:all 400ms;border-top: 3px solid transparent;overflow: hidden;}
.tuser:hover{background: url(../images/i_hbg1.png);}
.tuser:hover .t_log{opacity: 1;visibility: visible;z-index: 20;}

.log_a{width: 124px;margin: 0 auto;padding-top: 20px;}
.log_a button{width:100%;background: #1E90FF;border-radius: 2px;height: 33px;line-height: 33px;color: #fff;font-size: 14px;}
.log_a p{color: #fff;font-size: 12px;padding:5px 0;}
.log_a p a{color: #1E90FF;}
.log_b a{margin-top:2px; display: block;font-size: 14px;padding: 0 12px;color: #2B2B2B;line-height: 33px;}
.log_b a:hover{background: rgba(154,168,198,0.13);}
.exit_btn{background: #FF6060;color: #fff;font-size: 14px;text-align: center;width: 124px;height: 32px;line-height: 32px;cursor: pointer;display: block;margin: 0 auto;margin-top: 10px;}
.sub_menu{position: absolute;background: rgba(0,0,0,0.16);box-shadow: 0 1px 10px 0 rgba(0,0,0,0.16);left: 0;top:54px;right: 0;text-align: center;}

.sub_pro{padding-top: 20px;opacity: 1 !important;}

.suba,.sub_pro .more{text-align: center;display: inline-block;margin:0 20px;font-size: 14px;color: #666666;line-height: 20px;}
.suba:hover,.sub_pro .more:hover{color: #1E90FF;}
.sub_pro .more i{vertical-align: middle;background: url(../images/more.png) no-repeat;width: 14px;height: 14px;display: inline-block;margin-left: 5px;position: relative;top:-1px;}

.subslide .hd a{font-size: 14px;color: #666;padding: 2px 0px;border-bottom: 1px solid transparent;margin: 0 15px;display: inline-block;}
.subslide .hd i{border-left:1px solid #e2e2e2;display: inline-block; height: 17px; font-size: 0;color: #e2e2e2;vertical-align: middle;margin: 0 5px;}
.subslide .hd a.on{color: #1E90FF;}
.subslide .hd a:hover{border-bottom: 1px solid #2B2B2B;}
.subslide .hd{height: 25px;line-height: 25px;}
.more_img{background: url(../images/tv_g2.png) center center no-repeat;width: 189px;height: 113px;}

.index_top .head{height: 64px;line-height: 64px;}
.index_top .menu{margin-left: 0;}
.index_top .menu li{padding-top: 13px;height: 60px;line-height:25px;}
.index_top .menu li .item{color:#aaa;}

.index_top .tuser{height: 64px;}
.index_top .t_log{top:64px;}
.index_top .sub_menu{top: 60px;}
.kf_a{height: 54px;width: 58px;background: url(../images/i_kf.png) no-repeat center center;margin-left: 15px;}
/*.kf_a:hover{background-color: rgba(255,255,255,0.20);}*/
.sub_menu{
	height: 0;display: block;overflow: hidden;	
}
.sub-show{
	-webkit-animation:sub-show .3s;
	animation: sub-show .3s;
	display: block;
	padding-bottom: 20px;
	height: auto
}
.sub_pro a p{color:#fff;margin-top:20px;}
.sub_pro a{filter: alpha(opacity=0);opacity: 0;*zoom: 1}
.subslide .bd .s_active a,.sub-show .bd a{
	-webkit-animation:sub-enter .8s forwards;
	animation: sub-enter .8s forwards
}
.sub-show .bd a:nth-child(1){
	-webkit-animation-delay: 0s;
	animation-delay: 0s
}

.sub-show .bd a:nth-child(2){
	-webkit-animation-delay: .1s;
	animation-delay: .1s
}
.sub-show .bd a:nth-child(3){
	-webkit-animation-delay: .2s;
	animation-delay: .2s
}
.sub-show .bd a:nth-child(4){
	-webkit-animation-delay: .3s;
	animation-delay: .3s
}
.sub-show .bd a:nth-child(5){
	-webkit-animation-delay: .4s;
	animation-delay: .4s
}
@-webkit-keyframes sub-show {
	from {
		height: 0
	}
	to {
		height: 269px
	}
}

@keyframes sub-show {
	from {
		height: 0
	}
	to {
		height: 269px
	}
}
@-webkit-keyframes sub-enter {
	from {
		-webkit-transform: translate(70px);
		transform: translate(70px);
		opacity: 0;
		filter: alpha(opacity=0)
	}

	to {
		-webkit-transform: translate(0);
		transform: translate(0);
		opacity: 1;
		filter: alpha(opacity=100)
	}
}

@keyframes sub-enter {
	from {
		-webkit-transform: translate(70px);
		transform: translate(70px);
		opacity: 0;
		filter: alpha(opacity=0)
	}

	to {
		-webkit-transform: translate(0);
		transform: translate(0);
		opacity: 1;
		filter: alpha(opacity=100)
	}
}




/*============================ 底部 ============================*/
.footer{background: #000;font-size:12px;color:#fff;text-align:center;padding:5px 0;}
.fnav li{float: left;width: 190px;}
.fnav li h3{font-size: 14px;color: #484848;line-height: 20px;margin-bottom: 10px;font-weight: normal;}
.fnav li p span {display: block;line-height: 25px;}
.fnav li p a{color: #666;}
.fnav li p a:hover{color: #1E90FF;}
.fnav li.last{width: auto;text-align: right;list-style: 25px;}
.fnav li.last .tel{font-size: 18px;color: #000;padding: 8px 0 20px 0;}
.fnav li .online{border: 1px solid #A9A9A9;border-radius: 2px;width: 140px;line-height: 32px;text-align: center;display: inline-block;height: 32px;transition: all 400ms;}
.fnav li .online:hover{border-color: #1E90FF;}
.i_online{background-image: url(../images/online.png);width: 16px;height: 16px;vertical-align: middle;margin-right: 5px;position: relative;top:-1px;}
.copyright{font-size: 12px; color: #999999; border-top: 1px solid #dedede; margin: 0 auto;margin-top: 40px;padding: 25px 0; }

/*
.transYT { transform: translateY(150px); -webkit-transform: translateY(150px); opacity: 0; visibility: hidden; transition: transform 600ms,opacity .5s cubic-bezier(0.445, 0.145, 0.355, 1); -webkit-transition: transform 600ms,opacity .5s cubic-bezier(0.445, 0.145, 0.355, 1); transition-timing-function: ease-out; -webkit-transition-timing-function: ease-out; }
.transYT2 { transform: translateY(-50px); -webkit-transform: translateY(-50px); opacity: 0; visibility: hidden; transition: transform 600ms,opacity .5s cubic-bezier(0.445, 0.145, 0.355, 1); -webkit-transition: transform 600ms,opacity .5s cubic-bezier(0.445, 0.145, 0.355, 1); transition-timing-function: ease-out; -webkit-transition-timing-function: ease-out; }

.dly_1 { transition-delay: 100ms; -webkit-transition-delay: 100ms; }
.dly_2 { transition-delay: 200ms; -webkit-transition-delay: 200ms; }
.dly_3 { transition-delay: 300ms; -webkit-transition-delay: 300ms; }
.dly_4 { transition-delay: 400ms; -webkit-transition-delay: 400ms; }
.dly_5 { transition-delay: 500ms; -webkit-transition-delay: 500ms; }
.dly_6 { transition-delay: 600ms; -webkit-transition-delay: 600ms; }
.dly_7 { transition-delay: 700ms; -webkit-transition-delay: 700ms; }
.dly_8 { transition-delay: 800ms; -webkit-transition-delay: 800ms; }
.dly1{ transition-delay: .5s;}
.dly2{ transition-delay: .9s;}
.dly3{ transition-delay: 1.3s;}
.dly4{ transition-delay: 1.8s;}
.dly5{ transition-delay: 2.3s;}
.dly6{ transition-delay: 2.8s;}
.dly7{ transition-delay: 3.2s;}
.dly8{ transition-delay: 3.6s;}
.dly9{ transition-delay: 4s;}
.active .transYT,.cycle-slide-active .transYT,.active.transYT{ opacity: 1; visibility: visible; transform: translateY(0px); -webkit-transform: translateY(0px); }
.active .transYT2,.cycle-slide-active .transYT2{ opacity: 1; visibility: visible; transform: translateY(0px); -webkit-transform: translateY(0px); }
.active .transXT { opacity: 1; visibility: visible; transform: translateY(0px); -webkit-transform: translateY(0px); }
.active .transXT2 { opacity: 1; visibility: visible; transform: translateY(0px); -webkit-transform: translateY(0px); }

*/
.por-fix{position: absolute;left: 0;right: 0;}

.i-text{font-family:微软雅黑;}
.i-text .ss1{display:block;font-size:22px;color:#fff;}
.i-text .a1{background:#f00;font-size:16px;color:#fff;padding:5px 20px;border-radius: 2px;}
.i-text-q1{position: inherit;}
.ly-1{width:840px;display:table;box-sizing:border-box;margin:20px auto;}
.ly-1 li{width:24%;float:left;display:table;height:200px;position:relative;margin:.5%;box-sizing:border-box;overflow:hidden;}
.ly-1 li:nth-child(2){width:48%;margin: .5% 1%;}
.ly-1 li img{width:100%;height: 200px;}
.ly-1 li em{position:absolute;bottom:-120%;width:100%;transition:1s;height:200px;linear;font-size: 14px;padding:10px;display:block;color:#fff;text-align:center;display:block;background:rgba(255, 0, 0, 0.46);box-sizing:border-box;z-index:999}
.ly-1 li:hover em{bottom:0;}
.i-text-q2{position: inherit;width:100%;display:table;background: rgba(0, 0, 0, 0.46);padding:1% 0;}
.pp-1{width:70%;display:table;margin:auto;}
.pp-1 a{display:block;width:19%;position:relative;float:left;overflow:hidden;margin-left:5px}
.pp-1 .s1{display:block;text-align:center;color:#fff;font-size:25px;padding:10px 0;width:100%;border:none;clear:both;}
.pp-1 li{width:100%;float:left;display:table;height:72px;line-height:72px;margin:1% .5%;overflow:hidden;position:relative;}
.pp-1 li img{width:100%;position:absolute;top: 0;left: 0;transition:1s;linear;}
.pp-1 li h1{background:#f00;height:72px;text-align:center;font-size:16px;color:#fff;}
.pp-1 li:hover img{top:-120%}
.sec-left{width:45%;float:left;display:table;margin-left:5%;line-height:1.7;font-size:14px;text-align:left;}
.sec-right{width:40%;float:right;display:table;margin-right:5%;}
.sec-right .s7{display:block;text-align:center;color:#000;padding:5px;font-size:14px;}
.sec-right ul{width:100%;border-top:1px solid #ccc;border-bottom:1px solid #ccc;padding:10px 0;display:table;}
.sec-right p{float:left;width:30%;text-align:center;}
.sec-right li{float:right;width:65%;line-height:2;font-size:15px;text-align:left;}
.sec-right li span{display:block;}
.sec-right p img{width:165px;    margin-top: 10%;}

.sec1-text{width:1000px;display:table;margin:auto;position:relative;}
.sec1-img{position:absolute;bottom:0;left:20%}
.sec2-text{width:1200px;display:table;margin:auto;}
.sec2-text ul{width:368px;height:465px;float:left;background-repeat:no-repeat;margin-top:20%;position:relative;}
.sec2-text .u1{background-image:url(../img/sec2_1.png);}
.sec2-text .u2{background-image:url(../img/sec2_2.png);margin: 0 48px;margin-top:20%;}
.sec2-text .u3{background-image:url(../img/sec2_3.png);}
.sec2-text ul span{display:block;color:#fff;}
.sec2-text ul .s1{font-size:30px;    padding-top: 35px;padding-left: 5px;}
.sec2-text ul .s2{font-size:18px;padding-left: 5px;}
.sec2-text ul .s3{font-size:18px;padding-top:25px;font-family:宋体;font-weight:bold;padding-left: 5px;}
.sec2-text ul .s4{font-size:16px;font-family:宋体;font-weight:bold;padding-left: 5px;}
.sec3-text{width:1380px;display:table;margin:auto;}
.sec3-text ul .s1{font-size:30px;display:block;color:#fff;text-align:center;padding-top:10%;}
.sec3-text ul .s2{font-size:18px;display:block;color:#fff;text-align:center;}
.sec3-text ul{width:100%;display:table;position:relative;}
.sec3-text ul li{width:257px;color:#fff;text-align:center;float:left;position:absolute;font-family:宋体;}
.sec3-text ul li .s3{display:block;font-size:20px;padding-bottom:5px;}
.sec3-text ul li .s4{display:block;font-size:14px;padding-bottom:15px;}
.sec3-text ul li img{transform:rotate(-45deg);margin-top: 40px;border:2px solid #000;box-sizing:border-box}
.sec3-text ul li img:hover{border:2px solid #f00;}
.sec3-text ul .l1{left:0;top: 25%;}
.sec3-text ul .l2{left:26%;top:25%}
.sec3-text ul .l3{left:52%;top:25%}
.sec3-text ul .l4{left:76%;top:25%;}
.sec3-text ul .l5{left:11%;top: 48%;}
.sec3-text ul .l6{left: 37%;top: 48%;}
.sec3-text ul .l7{left: 63%;top: 48%;}
.sec3-text ul .l1 img,.sec3-text ul .l2 img,.sec3-text ul .l3 img{    margin-right: 40px;}
.sec3-text ul .l4 img,.sec3-text ul .l5 img,.sec3-text ul .l6 img,.sec3-text ul .l7 img{margin-bottom:70px}
.sec4-text{width:1252px;height:729px;background-image:url(../img/sec4.png);margin:auto;position:relative;}
.sec4-text a{display:block;color:#fff;position:absolute;}
.sec4-text a span{display:block;}
.sec4-text a .s1{font-size:45px;}
.sec4-text a .s2{font-size:27px;padding-bottom:10px;}
.sec4-text a .s3{font-size:14px;line-height:1.2;font-family:宋体;font-weight:bold}
.sec4-text a .s4{font-size:32px;}
.sec4-text a .s5{font-size:15px;padding-bottom:10px;}
.sec4-text .a1{top: 50%;left: 8%;}
.sec4-text .a2{top: 38%;left: 32%;}
.sec4-text .a3{top: 23%;left: 50%;}
.sec4-text .a4{top: 5%;left: 67%;}
.sec4-text .a5{top: 23%;right:5.5%;}
.sec4-text .a6{top: 40%;left: 66%;}
.sec4-text .a7{top: 57%;left: 49%;}
.sec4-text .a8{bottom: 7%;left: 32%;}
.sec4-text .a9{bottom: 6%;right: 22%;}

.fp-section{width:100%;display:table}
.sec4-text{margin-top:8%}
.i-text-q1{padding-top:20%}
@media screen and (max-width: 1680px){
	.sec4-text{width:1100px;height:640px;background-position:center;background-size:cover;}
	.sec4-text a .s3{font-size:12px;}
	.sec3-text ul .l5{top:46%}
	.sec3-text ul .l6{top:46%}
	.sec3-text ul .l7{top:46%}
}

@media screen and (max-width: 1500px){

	.sec3-text ul .l5{top:51%}
	.sec3-text ul .l6{top:51%}
	.sec3-text ul .l7{top:51%}
}


@media screen and (max-width: 700px){
	
	.sec3-text ul .l1,.sec3-text ul .l2,.sec3-text ul .l3,.sec3-text ul .l4{top:15%}
	.sec3-text ul .s1{padding-top:2%}
	.sec2-text ul,.sec2-text .u2{    margin-top: 10%;}
	.sec3-text ul .l5{top:60%}
	.sec3-text ul .l6{top:60%}
	.sec3-text ul .l7{top:60%}
	.por-fix{    position: initial;width:100%}
		.footer{    display: inline-block;}
}
#btn_prev {
    background: url(../img/hover_left.png) no-repeat left top !important;
    left: 10%;
    display: block !important;
    top: 54%;
    z-index: 99999;
}
#btn_next {
    background: url(../img/hover_right.png) no-repeat right top !important;
    right: 10%;
	 display: block !important;
    top: 54%;
    z-index: 99999;
}
.footer{    display: inline-block;}