@charset "utf-8";

/* CSS Document */

* {

	list-style:none;

	MARGIN:0 auto;

}

/* 网站公共样式 */

body {FONT-FAMILY: "Microsoft Yahei", 宋体, Arial; margin:0; padding:0; font-size:14px; color:#000000; background-color:#FFF}

body,ul,ol,li,h1,h2,h3,h4,h5,h6,form,fieldset,label,input,select,dl,dt,dd,article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section,textarea {margin:0;padding:0;border:0;}

li,dl{list-style-type:none;}

img,a img{border:0; margin:0; padding:0; vertical-align:middle}

em,i {font-style: normal;}

input{vertical-align:middle; margin:0; padding:0;}



A:link {COLOR:#000000; TEXT-DECORATION: none}

A:visited {COLOR: #020202; TEXT-DECORATION: none}

A:hover {CURSOR: hand; COLOR: #FF0000; TEXT-DECORATION:none}

A:active {COLOR: #00518a; TEXT-DECORATION: none}



a:hover img{opacity:0.9;filter:alpha(opacity=90);}



TABLE {LINE-HEIGHT: 20px;}



h1{font-size:16px; margin:0; padding:0;}

h2{font-size:18px; margin:0; padding:0;}

h3{font-size:14px; margin:0; padding:0;}

h4{font-size:19px; margin:0; padding:0;}

h5{font-size:15px; margin:0; padding:0;}

h6{font-size:16px; margin:0; padding:0;}



/*去除png图片点击会出现阴影，由其是手机端更明显*/

a {

	-webkit-tap-highlight-color: transparent;

	-webkit-touch-callout: none;

	-webkit-user-select: none;

}



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

.clear-fix:after{content: "."; display: block; height: 0; font-size: 0; clear: both; visibility: hidden;}



.fl{ float: left; }

.fr{ float: right;}



._input{border:1px solid #cccccc; background:#fff; height:30px; line-height:30px; font-size:14px; text-indent:5px; border-radius:4px; margin:5px;}

._textarea{border:1px solid #d9d9d9; background:#fff; line-height:25px; font-size:14px; padding-left:5px; padding-right:5px; border-radius:4px; margin:5px; }

.bnt_save{background:#5BA4DD;border:1px solid #5A9BD9;border-radius:4px;color:#fff;padding:7px 15px;*padding:7px 15px 6px 15px;cursor:pointer;font-size:14px;*overflow:visible;*filter:chroma(color=#000000); margin:5px;}

.bnt_save:hover{background:#f60;border:1px solid #f60;}



input{border:0;outline:none;}/*去掉input选中后去掉蓝色*/

textarea{border:0;outline:none;}/*去掉textarea选中后去掉蓝色*/



/*改变表单placeholder中文字的颜色*/

input::-webkit-input-placeholder{color:#CCCCCC;}

input::-moz-placeholder{color:#CCCCCC;}

input:-moz-placeholder{color:#CCCCCC;}

input:-ms-input-placeholder{color:#CCCCCC;}

textarea::-webkit-input-placeholder{color:#CCCCCC;}

textarea::-moz-placeholder{color:#CCCCCC;}

textarea:-moz-placeholder{color:#CCCCCC;}

textarea:-ms-input-placeholder{color:#CCCCCC;}

/*改变表单placeholder中文字的颜色*/



/*常用css_start*/

/* 右侧二维码*/

.fixed{position:fixed; width:55px; height:55px; right:30px; bottom:100px; z-index:999999;}

.fixed a{display:block;width:55px;height:55px;}

.fixed a.backup{background:url(../img/top.png) 0 0 no-repeat;background-position:0 0; height:55px;}

.fixed a.backup:hover{background-position:0 -55px;height:55px;}

/* 右侧二维码_end */



/*map地图*/

#allmap{width:100%; height:600px;font-size:14px;}

#allmap span {font-size:14px;font-weight:bold; line-height:30px}

.map_title{ height:45px; line-height:45px; padding:0 10px; background-color:#EFEFEF; border-bottom:1px solid #E4E4E4}

.map_title span{ float:right}



/*常用css_end*/



/*图片放大效果*/

.imgZoom{overflow:hidden;}

.imgZoom img {-moz-transition:all .8s ease 0s; -ms-transition:all .8s ease 0s; -o-transition:all .8s ease 0s; -webkit-transition:all .8s ease 0s; transition:all .8s ease 0s;}

.imgZoom:hover img{ -moz-transform:scale(1.1,1.1); -ms-transform:scale(1.1,1.1); -o-transform:scale(1.1,1.1); -webkit-transform:scale(1.1,1.1); transform:scale(1.1,1.1);}



.ov{overflow:hidden}



/*加内边距的不会影响外框大小*/

.p_box{box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}



/*全局*/

.mt7{margin-top:7px;}

.mt10{margin-top:10px;}

.mt15{margin-top:15px;}

.mt20{margin-top:20px;}

.mt30{margin-top:30px;}

.mt50{margin-top:50px;}



.p10{ padding:10px;}

.pt10{ padding-top:10px;}



.main_100{width:100%; height:auto}

.main_95{MARGIN: 0 auto; width:95%; height:auto}

.main_90{MARGIN: 0 auto; width:90%; height:auto}

.main_96{MARGIN: 0 auto; width:96%; height:auto}



.bt10{border-top:10px solid #EFEFEF; margin-top:10px; padding-top:10px}

.bt10p0{border-top:10px solid #EFEFEF; margin-top:10px;}

.bt10m0{border-top:10px solid #EFEFEF; padding-top:10px}

.bt10mpb10{border-top:10px solid #EFEFEF; margin-top:10px; padding-top:10px; padding-bottom:10px}



/*当页面小于960px的时执行下面的CSS*/

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

	html{font-size:100px; -webkit-text-size-adjust:none; max-height:100%; min-width: 320px;}

	body {margin:0 auto; font-size:0.14rem; color:#333333; background-color:#FFF}

	.pc{ display:none}

	.anco{width:100%; height:auto; margin:0 auto;}

	.coco{width:100%; height:auto;}

	.coco_w{width:100%; height:auto;}

	

	/*文章主体*/

	.conte_text{line-height:0.26rem; font-size:0.14rem;}

	.conte_text img{max-width:100%; margin:5px 0}

	.conte_text table{line-height:0.3rem; font-size:0.14rem;}

	/*文章主体*/

	

	/*列表分页*/

	.propage {width:100%; height:0.4rem; line-height:0.4rem; border-top:1px solid #CCCCCC; margin-top:30px; text-align:center;}

	.propage SPAN{color:#F00; font-weight:bold;}

	

	.pro_page_sl{ width:100%; height:auto; text-align:center; margin-top:15px;}

	

	/*page分页*/

	ul.pagination{display:table; margin: auto; padding:0px;	overflow:hidden;}

	ul.pagination li{float:left; border: 1px solid #ddd; font-size:0.12rem; line-height:0.35rem}

	ul.pagination li a{display:block; color:#333; text-decoration:none; transition: background-color .5s; padding:0 10px;}

	ul.pagination li a.active{background-color: #ff6700; color:#FFF; }

	ul.pagination li a:hover{background-color: #ff6700; color:#FFF; }

	ul.pagination span{float:left; color:#CCCCCC; line-height:0.35rem; padding:0 2px; border: 1px solid #ddd; font-size:0.12rem;}

	/*page*/

	/*列表分页end*/

	

	/*上下页*/

	.previous_next{width:100%; height:auto; line-height:0.3rem; border-top:1px solid #ccc; margin-top:30px; padding-top:10px;}

	.previous_next p{height:auto; border-bottom:1px dotted #CCCCCC; overflow:hidden; white-space:nowrap; -ms-text-overflow:ellipsis; text-overflow:ellipsis;}

	.previous_next dl{height:auto; border-bottom:1px dotted #CCCCCC; overflow:hidden; white-space:nowrap; -ms-text-overflow:ellipsis; text-overflow:ellipsis;}

	/*上下页_end*/

	

	/*列表专用_明确分出左右两侧,超出文字隐藏*/

	.fl_list{ width:100%; height:auto; margin:0 auto; margin-top:20px;}

	.fl_list li{ height:0.35rem; line-height:0.35rem;}

	.fl_list li+li{border-top:1px solid #E6E6E6;}

	.fl_list li p{ float:left; width:92%; height:auto; overflow:hidden; white-space:nowrap; -ms-text-overflow:ellipsis; text-overflow:ellipsis;}

	.fl_list li span{ float:right; color:#CCCCCC; width:8%; height:auto; text-align:right; font-size:0.14rem}

	.fl_list li a{ display:block}

	

	/*a标签带个小块___demo：<a href="/" class="a_more">查看更多 ></a>*/

	.a_more{display:inline-table; margin:10px 0; padding:5px 15px; background-color:#2ca43a; font-size:0.12rem; border-radius:50px; color:#fff!important;}

	.a_more:hover{ background-color:#ff6700}

}



/*当页面大于960px时候*/

@media screen and (min-width:960px){

	.mobile{ display:none}

	.anco{width:100%; min-width:1270px; height:auto;}

	.coco{width:1270px; min-width:1270px; height:auto; margin:0 auto;}

	.coco_w{width:1380px; height:auto; margin:0 auto;}

	

	/*文章主体*/

	.conte_text{line-height:26px; font-size:14px;}

	.conte_text img{max-width:100%; margin:5px 0}

	.conte_text table{line-height:30px; font-size:14px;}

	/*文章主体*/

	

	/*列表分页*/

	.propage {width:100%; height:40px; line-height:40px; border-top:1px solid #CCCCCC; margin-top:30px; text-align:center;}

	.propage SPAN{color:#F00; font-weight:bold;}

	

	.pro_page_sl{ width:100%; height:auto; text-align:center; margin-top:15px;}

	

	/*page分页*/

	ul.pagination{display:table; margin: auto; padding:0px;	overflow:hidden;}

	ul.pagination li{float:left; border: 1px solid #ddd; font-size:14px; line-height:35px}

	ul.pagination li a{display:block; color:#333; text-decoration:none; transition: background-color .5s; padding:0 15px;}

	ul.pagination li a.active{background-color: #ff6700; color:#FFF; }

	ul.pagination li a:hover{background-color: #ff6700; color:#FFF; }

	ul.pagination span{float:left; color:#CCCCCC; line-height:35px; padding:0 15px; border: 1px solid #ddd; font-size:14px;}

	/*page*/

	/*列表分页end*/

	

	/*上下页*/

	.previous_next{width:100%; height:40px; line-height:40px; border-top:1px solid #ccc; margin-top:30px; overflow:hidden}

	.previous_next p{ float:right; height:auto}

	.previous_next dl{ float:left; height:auto}

	/*上下页_end*/

	

	/*列表专用_明确分出左右两侧,超出文字隐藏*/

	.fl_list{ width:100%; height:auto; margin:0 auto; margin-top:35px; padding-top:15px; background: url(../img/main_title.jpg) repeat-x left top;}

	.fl_list li{ height:35px; line-height:35px;}

	.fl_list li+li{border-top:1px solid #E6E6E6;}

	.fl_list li p{ float:left; width:95%; height:auto; overflow:hidden; white-space:nowrap; -ms-text-overflow:ellipsis; text-overflow:ellipsis;}

	.fl_list li span{ float:right; color:#CCCCCC; width:5%; height:auto; text-align:right; font-size:14px}

	.fl_list li a{ display:block}

	

	/*a标签带个小块___demo：<a href="/" class="a_more">查看更多 ></a>*/

	.a_more{display:inline-table; margin:10px 0; padding:10px 20px; background-color:#2ca43a; border-radius:50px; color:#fff!important;}

	.a_more:hover{ background-color:#ff6700}

}

@charset "utf-8";

/* 移动端底部专用 */

/*font*/

@font-face {

	font-family: 'iconfont';

	src: url('../font/iconfont.eot');

	src: url('../font/iconfont.eot?#iefix') format('embedded-opentype'),

		url('../font/iconfont.woff2') format('woff2'),

		url('../font/iconfont.woff') format('woff'),

		url('../font/iconfont.ttf') format('truetype'),

		url('../font/iconfont.svg#iconfont') format('svg');

}

.iconfont {

	font-family: "iconfont" !important;

	font-size: 0.12rem;

	font-style: normal;

	-webkit-font-smoothing: antialiased;

	-moz-osx-font-smoothing: grayscale;

}

/*font_end*/

.mh{height:0.65rem; background: #235cb2;}

.footer{width:100%; height:0.65rem; position:fixed; bottom:0; right:0; z-index:999; background: rgba(0, 0, 0, 0.8);}

.footer a{display:block; float:left; width:25%; color:#73767a; border-right:#4d5054 solid 1px; height:0.65rem; box-sizing:border-box; -moz-box-sizing:border-box; /* Firefox */-webkit-box-sizing:border-box; /* Safari */}

.footer a:nth-child(4){ border:none;}

.footer a span{display:block; width:100%; text-align:center; font-size:0.26rem; line-height:0.4rem;}

.footer a h3{width:100%;text-align:center; font-size:0.14rem; line-height:0.2rem; font-weight:100; color:#CCCCCC}

.footer a:hover{ text-decoration:none}

/* 移动端底部专用_end */



/*当浏览器尺寸小于960px的时执行下面的CSS*/

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

.head_zw{height:0.6rem;}

.head_menu{ background-color: #fff; height:0.6rem; position:fixed; top:0; left:0; z-index:9999}

.menu_box{ overflow:hidden}

.menu_box .menu_box_left{float:left; width:80%; height:auto; padding-top:3px}

.menu_box .menu_box_left img{max-width:100%; width:73%; height:auto}

.menu_box .menu_box_right{display:none}

.menu_box .mobile_menu{ float:right; width:15%; height:auto; padding-top:12px}



/*下拉菜单*/

.nav_donghua {width:40px; height: 30px;}

.linyiok {width: 100%; height:4px; position: relative; margin:6px 0}

.linyiok:before {animation: ywxywx 1s linear 0s infinite alternate; position: absolute; left:0; top:0; width: 100%; height:4px; background:#1479d7; content: ""; display: block; opacity: 0;}

.linyiok:nth-child(2):before {animation-delay: 0.5s;}

.linyiok:nth-child(3):before {animation-delay: 0.2s;}

@keyframes ywxywx {

	0%{width:30%; opacity: 1;}

	50%{width:100%; opacity:0.5;}

}

/*下拉菜单_end*/



/*右侧隐藏菜单*/

.yc_menu{position:fixed; width:1.5rem; height:100%; right:0; top:0; bottom:0; z-index:99999; display:none}



.nav{width:1.5rem; height:auto; position:absolute; right:0; top:0; bottom:0; z-index:2; background:#e0051d}

.nav li{width:100%; height:0.4rem; border-bottom:1px solid #303030; text-align:center;}

.nav li a{display:block; font-size:0.16rem; line-height:0.4rem; color:#fff; }



.allpage{ position:fixed; background: rgba(0, 0, 0, 0.7); top:0; right:0; bottom:0; left:0; z-index:9999; display:none}

.allpage_close{ position:fixed; top:20px; right:1.8rem; font-size:0.3rem; line-height:1.2; color:#FFF; z-index:99999; display:none}

/* 隐藏菜单 end*/



/*电脑隐藏悬浮菜单*/

.pc_menu{display:none}

/*电脑隐藏悬浮菜单end*/



/*通栏banner*/

.sub_banner{position:relative; }

.sub_banner img{ width:100%; height:auto}

.sub_banner p{ position:absolute; top:0; left:0; width:100%; height:30px; box-shadow:inset 0px 15px 10px -15px #000;}

.sub_banner .about_list{position:absolute; bottom:0; left:0; width:100%; height:0.4rem; background: rgba(0,0,0,.5); border-top:1px solid rgba(250,250,250,.1); }

.sub_banner .all_list{position:absolute; bottom:0; left:0; width:100%; height:0.4rem; background: rgba(0,0,0,.5); border-top:1px solid rgba(250,250,250,.1); }



/*主体盒子*/

.main{MARGIN: 0 auto; width:95%; height:auto; overflow:hidden; margin-top:5px;}

.main_left{width:100%; height:auto; overflow:hidden; }

.main_right{width:100%; height:auto; overflow:hidden; margin-top:15px; }

/*主体盒子_end*/



/*盒子内标题*/

.main_title{height:0.4rem; line-height:0.4rem; font-size:0.20rem; overflow:hidden; white-space:nowrap; -ms-text-overflow:ellipsis; text-overflow:ellipsis; text-align:center; margin-top:10px;}



.hr{ height:20px; border-bottom:1px solid #CCC}



/*箱子主体*/

.main_box{overflow:hidden; margin-top:10px;}



.pro_fl{ width:95%; height:auto; margin:0 auto;}



/*右侧245px*/

.main_right_ul{ width:100%; height:auto; margin-top:15px; text-align:center; overflow:hidden}

.main_right_ul li{ float:left; width:48%; height:auto; margin-right:4%; background-color:#1479d7; font-size:0.16rem; font-weight:500; margin-bottom:10px;}

.main_right_ul li.active{background-color:#0256ac; margin-top:10px;}

.main_right_ul li.active a{color:#FFF}

.main_right_ul li a{display:block; color:#666; transition-duration:500ms; padding:10px 20px;}

.main_right_ul li a:hover{text-decoration:none;	color:#fff; background-color:#a60304; }

.main_right_ul li.visited{ background:#1479d7; text-align:center;}

.main_right_ul li.visited a{ color:#fff}

.main_right_ul li.visited a:hover{ background-color:#f7c71e; color:#a60304}

.main_right_ul li:nth-of-type(2n+0){margin-right:0px;}

/*右侧245px_end*/



/*关于我们*/

.about_h2{font-size:0.23rem; color: #1d1d1d; margin-top:20px; text-align:center}

.about_h3{font-size:0.22rem; color: #d61518; font-family: Tahoma , "Microsoft Yahei"; text-transform: uppercase; text-align:center; margin-top:10px;}



.qywh{ background:url(../images/qywh.jpg); padding-top:20px; padding-bottom:50px; margin-top:50px; }

.qywh_box{width:95%; height:auto; overflow:hidden; margin-top:40px}

.qywh_box li{width:285px; height:320px; margin:0 auto; padding-top:35px; text-align:center; background:#ffffff; margin-bottom:15px}

.qywh_box li .pic{width:151px; height:137px; padding-top:37px; margin:auto; background:url(../images/k1.png) no-repeat center}

.qywh_box li .pic i{display:block;margin:auto;width:100px;height:100px;background:url(../images/ico_04.png) no-repeat}

.qywh_box li .pic .ico_01{background-position: 0 0}

.qywh_box li .pic .ico_02{background-position: -100px 0}

.qywh_box li .pic .ico_03{background-position: -200px 0}

.qywh_box li .pic .ico_04{background-position: -300px 0}

.qywh_box li h3{margin-top:30px;font-size:20px;color:#1d1d1d;font-weight:400}

.qywh_box li p{font-size:14px; color:#666666; width:90%; height:auto; margin:0 auto; line-height:26px; padding-top:10px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp:2;/*显示几行*/-webkit-box-orient: vertical;}

.qywh_box li:hover{background: #d61518}

.qywh_box li:hover .pic{background-image:url(../images/k2.png)}

.qywh_box li:hover h3,

.qywh_box li:hover p{color:#ffffff}





.ppln{width:95%; height:auto; overflow:hidden; margin-top:40px;}

.ppln .left{width:100%; height:auto;}

.ppln .left img{width:100%; height:auto}

.ppln .right{width:100%; height:auto;}

.ppln .right h3{ font-size:23px; font-weight:100; line-height:60px}

.ppln .right .div1{ margin-top:10px; line-height:28px}

/*关于我们_end*/



/*单页*/

.about_u1{font-size: 0; text-align:center}

.about_u1 li{display: inline-block; vertical-align:top; text-align:center; line-height:0.4rem; padding:0 20px}

.about_u1 li a{display: block; position: relative; font-size:0.14rem; color:#fff;}

.about_u1 li a:after{content: '';display: block; width:100%; height:2px; background:#ffd600; position:absolute; top:-1px; left: 0; transition: 0.4s ease-out; transform: scaleX(0);}

.about_u1 li:hover a:after,.about_u1 li.active a:after{transform: scaleX(1);}

.about_u1 li:hover a,.about_u1 li.active a{color: #ffd600;}



.about_bj{ background-color:#FFF; margin-top:10px}

.about_div{background:white; width:95%; height:auto; margin:0 auto;}



.about_foot{ width:95%; height:auto; margin:0 auto; margin-bottom:10px;}

.about_foot li{ width:100%; height:auto; border-bottom:2px solid #fccf1c; position:relative}

.about_foot li+li{ margin-top:10px;}

.about_foot li img{ width:100%; height:auto}

.about_foot li p{position:absolute; left:10px; top:35%; width:100%; height:auto; z-index:999; text-align:center}

.about_foot li p span{font-size:0.14rem; color:white;}

.about_foot li p span:before{content: '';display: inline-block; vertical-align:middle; width:50px; height:2px; background: rgba(250,250,250,.8); margin-right:15px; transition: 0.3s ease-in-out;}

.about_foot li:hover p span:before{width:80px;}



.about_pro{padding-top:40px; width:95%; height:auto; margin:0 auto}

/*单页_end*/



/***********新闻资讯***********/

.i_new{width:100%; height:auto; overflow:hidden}

.i_new li{width:100%; height:0.83rem; transition-duration:500ms; background-color:#F6F6F6}

.i_new li a{ display:block}

.i_new li .i_n_box{ padding:10px; height:0.62rem; overflow:hidden;}

.i_new li .i_n_box>.i_l{float:left; width:17%; height:auto; text-align:center; overflow:hidden; border-right:1px solid #CCC}

.i_new li .i_n_box>.i_l>.date{font-size:0.36rem; line-height: 1;}

.i_new li .i_n_box>.i_l>.year{ font-size:0.13rem; line-height:0.24rem}

.i_new li .i_n_box>.i_r{float:right; width:80%; height:0.6rem; overflow:hidden;}

.i_new li .i_n_box>.i_r h4{ font-size:0.16rem; line-height:0.20rem; font-weight:bold; overflow:hidden; white-space:nowrap; -ms-text-overflow:ellipsis; text-overflow:ellipsis;}

.i_new li .i_n_box>.i_r h5{ font-size:0.12rem; font-weight:100; line-height:0.2rem; margin-top:4px;}

.i_new li:hover{background-color:#1479d7}

.i_new li:hover a{color:#FFF}

.i_new li+li{ margin-top:10px;}

/***********新闻资讯_end***********/



/*图片栏目start*/

.photo {width:100%; height:auto; overflow:hidden; margin-bottom:25px; }

.photo li{ float:left; width:48%; height:1.35rem; margin-right:4%; margin-bottom:20px; position:relative;}

.photo li img{display:block; width:100%; height:100%; max-width:100%;}

.photo li:nth-of-type(2n+0){margin-right:0px;}

.photo li ._txt{ position:absolute; left:0; bottom:0; right:0; padding:0 10px; font-size:0.12rem; height:0.3rem; line-height:0.3rem; color:#fff; text-align:center; overflow:hidden; white-space:nowrap; -ms-text-overflow:ellipsis; text-overflow:ellipsis; background: rgba(0,0,0,0.4);}

/*图片栏目end*/



/*产品框*/

.pro_ul{font-size:0;}

.pro_ul li{display:inline-block; vertical-align: top; width:47%; margin-right: 6%; margin-bottom:20px;}

.pro_ul li span{display: block;position: relative;}

.pro_ul li span:before{content: '';display: block;width: 100%;height: 100%;box-sizing: border-box;border: 1px solid rgba(250,250,250,.5); background: rgba(0,40,86,.1);position: absolute;top: 0;left: 0;transform: scale(0.87);z-index: 2;transition: 0.5s ease-out;}

.pro_ul li span:after{content: '';display: block;width: 100%;height: 100%;box-sizing: border-box;border: 1px solid rgba(250,250,250,.5); background: rgba(0,0,0,.1);position: absolute;top: 0;left: 0;transform: scale(1);z-index: 2;transition: 0.5s ease-out;opacity: 0;}

.pro_ul li:hover span:after{transform: scale(0.87);opacity: 1;border: 1px solid #d3ae01;}

.pro_ul li:hover span:before{transform: scale(1);opacity: 0;}

.pro_ul li i{display: block;overflow: hidden;box-sizing: border-box;border: 3px solid #e8e8e8;transition: 0.5s ease-out;}

.pro_ul li i img{width: 100%;transition: 0.3s ease-out;}

.pro_ul li:hover i img{transform: scale(1.05);}

.pro_ul li:hover i{border-color:#1479d7;}

.pro_ul li:nth-child(2n){margin-right: 0;}

.pro_ul li p{text-align: center; font-size:0.14rem; color: #282828; margin-top:10px; transition: 0.5s ease-in-out; height:0.16rem; position:relative; z-index: 3;}

.pro_ul li:hover p{transform:translateY(-85px); font-size:0.15rem; font-weight:bold; color:white;}

/*产品框_end*/



/*通用内容盒子*/

.content_box{width:100%; height:auto; overflow:hidden;}

.content_box h1{font-size:0.2rem; line-height:0.4rem; text-align:center; border-bottom:1px dotted #999999; color:#333}

.content_box .date{ font-size:0.12rem; padding-top:10px; text-align:center; color:#999999}

.content_box .date span{ padding-right:15px;}

.content_box .pic{width:100%; height:auto; text-align:center}

.content_box .pic img{max-width:100%; margin:20px 0}

.content_box .xxjs{ height:50px; background:url(../img/iou7pro.gif) no-repeat;}

.content_box .view_content{width:100%; height:auto; margin-top:10px;}

.content_box .view_content img{max-width:100%; display: block; margin:20px auto 1px auto !important;}

/*通用内容盒子_end*/



/*相关图片*/

.pic_xg{width:100%; height:auto; margin-top:40px; overflow:hidden;}

.pic_xg li{float:left; text-align:center; width:48%; height:1.35rem; margin-right:4%; margin-bottom:15px;  position:relative; overflow:hidden; border:1px solid #EBEBEB}

.pic_xg li img{display:block; width:100%; height:100%; max-width:100%;}

.pic_xg li p{ position:absolute; left:0; top:1rem; width:100%; height:100%; background:rgba(0,0,0,0.4); transition: 0.5s all ease}

.pic_xg li:hover p{top:0; }

.pic_xg li span{ display:block; position:absolute; left:0; top:1rem; color:#FFF; width:100%; height:0.35rem; line-height:0.35rem; z-index:1; font-size:0.12rem; transition: 0.5s all ease; overflow:hidden; white-space:nowrap; -ms-text-overflow:ellipsis; text-overflow:ellipsis;}

.pic_xg li:hover span{top:45%; }

.pic_xg li:nth-of-type(2n+0){margin-right:0px;}

/*相关图片_end*/



/*相关产品前6个*/

#list_pro_tj{width:100%; height:auto; overflow:hidden; margin-top:30px; }

#list_pro_tj li{float:left; width:48%; height:1.35rem; margin-right:4%; margin-bottom:15px; position: relative; border:1px solid #EBEBEB; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; }

#list_pro_tj li img{display:block; width:100%; height:100%; max-width:100%;}

#list_pro_tj li h2{ position:absolute; left:0; bottom:0; right:0; height:0.35rem; line-height:0.35rem; color:#FFF; text-align:center; font-size:0.12rem; font-weight:100; background-color:#333; opacity: 0.7; overflow:hidden; white-space:nowrap; -ms-text-overflow:ellipsis; text-overflow:ellipsis; padding:0 10px}

#list_pro_tj li:hover h2{ background-color:#000}

#list_pro_tj li:nth-of-type(2n+0){margin-right:0px;}

/*产品前6个end*/



/*fwzx*/

.fwzx_zili{width:100%; height:auto; margin:0 auto; overflow:hidden; margin-bottom:20px; margin-top:20px;}

.fwzx_zili dl{float:left; width:48%; height:1.7rem; margin-right:4%; margin-bottom:15px; background-color:#fff}

.fwzx_zili dl dt{width:100%; height:1.35rem; position: relative; overflow:hidden}

.fwzx_zili dl dt div{ position:absolute; width:100%; height:100%; border:1px solid white; z-index:3333; transition: transform ease-in-out 0.5s; cursor:pointer; opacity:0;}

.fwzx_zili dl dt img{width:100%; height:100%; max-width:100%; -webkit-transition:transform ease-in-out 0.5s;}

.fwzx_zili dl dd{ text-align:center; line-height:0.35rem; color:#fff; font-size:0.12rem; position: relative; z-index:666; background-color:#d4e6f9; }

.fwzx_zili dl dd p{padding:0 10px; position:relative; z-index:5; transition: color 1s; margin:0 auto; overflow:hidden; white-space:nowrap; -ms-text-overflow:ellipsis; text-overflow:ellipsis;}

.fwzx_zili dl dd span{ width:0% ;  display:block; height:0.35rem; position:absolute; background-color:#0256ac; z-index:1; transition: width 0.6s;}

.fwzx_zili dl:hover span{ width:100%;}

.fwzx_zili dl:hover p{color:#fff;}

.fwzx_zili dl:hover img{ transform:scale(1.1,1.1);}

.fwzx_zili dt:hover div{opacity:1; transform:scale(0.9,0.85)}

.fwzx_zili dl:nth-of-type(2n+0){margin-right:0px;}

.fwzx_zili dl dd a{ text-decoration:none}

/*fwzx*/



/*********footer*********/

.foot{padding: 20px 0; margin-top:30px; background-color:#324776}

.foot_box{overflow:hidden; color:#FFF;}

.foot_box a{color:#FFF; transition-duration:500ms;}

.foot_box a:hover{color:#FF0; text-decoration:none}



.foot_box h1{font-size:0.16rem; line-height:1; margin-bottom:15px; padding-bottom:10px; font-weight:bold; position:relative;}

.foot_box h1:after{content:''; position:absolute; left:0; bottom:0; width:50px; height:1px; background:#fff;}



.foot_ul{height:auto; margin-top:0.26rem}

.foot_ul li{ height:0.26rem; line-height:0.26; font-size:0.14rem}



.foot_box_left{width:90%; height:auto; margin:0 auto}

.foot_box_left dl{overflow:hidden; width:100%; height:auto}

.foot_box_left dl dd{float:left; width:49%; height:auto; margin-bottom:20px; margin-right:2%;}

.foot_box_left dl dd:nth-of-type(2n+0){margin-right:0}



.foot_box_left2{width:90%; height:auto; margin:0 auto}

.link_box{width:100%; height:auto; line-height:0.2rem;}

.link_box a{ padding-right:10px;}

.link_box a:hover{text-decoration:underline}



.foot_box_left3{ display:none}



.foot_box_right{width:90%; height:auto; margin:0 auto; margin-top:26px;}

.ewm{ overflow:hidden}

.ewm li{ float:left; width:45%; height:auto; margin-right:10%; text-align:center;}

.ewm li img{display:block; width:100%; height:100%; max-width:100%;}

.ewm li p{ text-align:center; font-size:0.12rem; line-height:0.3rem}

.ewm li:nth-of-type(2n+0){margin-right:0}



/*最底部*/

.foot_text{background:#1c2e56; padding:15px 0; text-align:center; color:#e2f1ff;}

.foot_text p{ width:95%; height:auto; line-height:0.25rem; font-size:0.12rem; margin:0 auto}

.foot_text i{ padding-left:2px;}

.foot_text a{color:#e2f1ff;}

.foot_text a:hover{color:#dbac2b; text-decoration:none}

/*********footer*********/



}



/*当浏览器尺寸大于960px时候*/

@media screen and (min-width:960px){

.head_zw{height:40px; background-color:#1479d7}

.head_top{overflow:hidden}

.head_top .left{ float:left; width:50%; height:40px; line-height:40px; color:#FFFFFF}

.head_top .right{ float:right; width:50%; height:40px; line-height:40px; color:#FFFFFF; text-align:right}



.head_menu{background-color:#fff; height:100px;}

.menu_box{ overflow:hidden}

.menu_box .menu_box_left{float:left; height:100px;}

.menu_box .menu_box_left img{max-width:100%; max-height:100%}

.menu_box .menu_box_right{float:right}

.menu_box .mobile_menu{display:none}



/*导航菜单start*/

.menu_bj{height:60px; background-color:#ab0918;}

.menu {display:table; margin:0 auto; padding:0px; overflow:hidden;}

.menu li {float:left; line-height:100px;}

.menu li a {display:block; font-size:16px; color:#808080; padding: 0 26px; position: relative;}

.menu li a:hover{color:#1479d7; font-weight:bold}

.menu li a:after{content: '';display: block;width: 100%;height: 2px; background:#1479d7; position: absolute; bottom:0; left: 0;transition: 0.4s ease-out; transform: scaleX(0);}

.menu li:hover a:after{transform: scaleX(1); }

/*导航菜单end*/



/*右侧隐藏菜单*/

.yc_menu{display:none}

.allpage{display:none}

.allpage_close{display:none}

/* 隐藏菜单 end*/



/*电脑隐藏悬浮菜单*/

.pc_menu{ background-color:#fff; height:100px; position:fixed; top:0; left:0; z-index:9999999; box-shadow: 0 2px 4px #ddd; display:none}

/*电脑隐藏悬浮菜单end*/



/*通栏banner*/

.sub_banner{position:relative; }

.sub_banner img{ width:100%; height:auto}

.sub_banner p{ position:absolute; top:0; left:0; width:100%; height:30px; box-shadow:inset 0px 15px 10px -15px #000;}

.sub_banner .about_list{position:absolute; bottom:0; left:0; width:100%; height:160px; background: rgba(0,0,0,.5); border-top:1px solid rgba(250,250,250,.1); }

.sub_banner .all_list{position:absolute; bottom:0; left:0; width:100%; height:100px; background: rgba(0,0,0,.5); border-top:1px solid rgba(250,250,250,.1); }



/*主体盒子*/

.main{ overflow:hidden; margin-top:20px; background-color:#FFFFFF}

.main_left{float:left; width:1000px; height:auto; overflow:hidden;}

.main_right{ float:right; width:245px; height:auto; overflow:hidden;}

/*主体盒子_end*/



/*盒子内标题*/

.main_title{ height:58px; text-align:center; font-size: 30px; line-height: 58px; font-weight: normal;}



.main_right_ul{ width:100%; height:auto; margin-top:15px; text-align:center}

.main_right_ul li{display:inline-block; background-color:#efefef; font-size:16px; font-weight:500;}

.main_right_ul li.active{background-color:#0256ac; margin-top:10px;}

.main_right_ul li.active a{color:#FFF}

.main_right_ul li+li{ margin-left:5px;}

.main_right_ul li a{display:block; color:#666; transition-duration:500ms; padding:10px 20px;}

.main_right_ul li a:hover{text-decoration:none;	color:#fff; background-color:#a60304; }

.main_right_ul li.visited{ background:#1479d7; text-align:center;}

.main_right_ul li.visited a{ color:#fff}

.main_right_ul li.visited a:hover{ background-color:#f7c71e; color:#a60304}



.hr{ height:30px; border-bottom:1px solid #CCC}



/*箱子主体*/

.main_box{overflow:hidden; margin-top:10px;}



.pro_fl{ background-color:#f1f1f1; height:61px; z-index:99999; transform: translateY(-50px);}



/*产品框*/

.pro_ul{font-size:0;}

.pro_ul li{display:inline-block; vertical-align: top; width:29.6%;margin-right: 5.5%;margin-bottom: 35px;}

.pro_ul li span{display: block;position: relative;}

.pro_ul li span:before{content: '';display: block;width: 100%;height: 100%;box-sizing: border-box;border: 1px solid rgba(250,250,250,.5); background: rgba(0,40,86,.1);position: absolute;top: 0;left: 0;transform: scale(0.87);z-index: 2;transition: 0.5s ease-out;}

.pro_ul li span:after{content: '';display: block;width: 100%;height: 100%;box-sizing: border-box;border: 1px solid rgba(250,250,250,.5); background: rgba(0,0,0,.1);position: absolute;top: 0;left: 0;transform: scale(1);z-index: 2;transition: 0.5s ease-out;opacity: 0;}

.pro_ul li:hover span:after{transform: scale(0.87);opacity: 1;border: 1px solid #d3ae01;}

.pro_ul li:hover span:before{transform: scale(1);opacity: 0;}

.pro_ul li i{display: block;overflow: hidden;box-sizing: border-box;border: 3px solid #e8e8e8;transition: 0.5s ease-out;}

.pro_ul li i img{width: 100%;transition: 0.3s ease-out;}

.pro_ul li:hover i img{transform: scale(1.05);}

.pro_ul li:hover i{border-color:#1479d7;}

.pro_ul li:nth-child(3n){margin-right: 0;}

.pro_ul li p{text-align: center; font-size:16px; color: #282828; margin-top: 17px; transition: 0.5s ease-in-out; height:16px; position:relative; z-index: 3;}

.pro_ul li:hover p{transform: translateY(-85px);font-size: 20px;font-weight: bold;color: white;}

/*产品框_end*/



/*关于我们*/

.about_h2{font-size:30px; color: #1d1d1d; margin-top:20px; text-align:center}

.about_h3{font-size:35px; color: #d61518; font-family: Tahoma , "Microsoft Yahei"; text-transform: uppercase; text-align:center; margin-top:10px;}



.qywh{ background:url(../images/qywh.jpg); padding-top:60px; padding-bottom:100px; margin-top:50px; }

.qywh_box{overflow:hidden; margin-top:60px}

.qywh_box li{float:left; width:285px; height:365px; padding-top:35px; text-align:center; background:#ffffff; margin-right:43px}

.qywh_box li .pic{width:151px; height:137px; padding-top:37px; margin:auto; background:url(../images/k1.png) no-repeat center}

.qywh_box li .pic i{display:block;margin:auto;width:100px;height:100px;background:url(../images/ico_04.png) no-repeat}

.qywh_box li .pic .ico_01{background-position: 0 0}

.qywh_box li .pic .ico_02{background-position: -100px 0}

.qywh_box li .pic .ico_03{background-position: -200px 0}

.qywh_box li .pic .ico_04{background-position: -300px 0}

.qywh_box li h3{margin-top:40px;font-size:20px;color:#1d1d1d;font-weight:400}

.qywh_box li p{ width:90%; height:auto; margin-top:10px; font-size:14px; color:#666666; line-height:26px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp:3;/*显示几行*/-webkit-box-orient: vertical;}

.qywh_box li:hover{background: #d61518}

.qywh_box li:hover .pic{background-image:url(../images/k2.png)}

.qywh_box li:hover h3,

.qywh_box li:hover p{color:#ffffff}

.qywh_box li:nth-of-type(4n+0){margin-right:0}



.ppln{ overflow:hidden; margin-top:40px;}

.ppln .left{ float:left; width:530px; height:auto;}

.ppln .left img{width:100%; height:auto}

.ppln .right{float:right; width:680px; height:auto;}

.ppln .right h3{ font-size:23px; font-weight:100; line-height:60px}

.ppln .right .div1{ margin-top:10px; line-height:28px}

/*关于我们_end*/



/*单页*/

.about_u1{font-size: 0;}

.about_u1 li{display: inline-block; vertical-align:top; width: 20%; text-align:center; line-height:100px;}

.about_u1 li a{display: block; position: relative; font-size:16px; color:#fff;}

.about_u1 li a:after{content: '';display: block;width: 100%;height: 2px;background:#ffd600;position: absolute;top: -1px;left: 0;transition: 0.4s ease-out; transform: scaleX(0);}

.about_u1 li:hover a:after,.about_u1 li.active a:after{transform: scaleX(1);}

.about_u1 li:hover a,.about_u1 li.active a{color: #ffd600;}



.about_bj{ background:url(../images/about.jpg) no-repeat center center}

.about_div{background: white; box-sizing: border-box; font-size:0; padding: 55px 90px; box-shadow:0 0px 29px -1px grey; transform: translateY(-60px);}



.about_foot{ overflow:hidden}

.about_foot li{ float:left; width:50%; height:auto; border-bottom:2px solid #fccf1c; position:relative}

.about_foot li img{ width:100%; height:auto}

.about_foot li p{position:absolute; left:10px; top:45%; width:100%; height:auto; z-index:999; text-align:center}

.about_foot li p span{font-size: 24px; font-weight:bold; color:white;}

.about_foot li p span:before{content: '';display: inline-block;vertical-align: middle; width:65px; height:2px; background: rgba(250,250,250,.8); margin-right:25px; transition: 0.3s ease-in-out;}

.about_foot li:hover p span:before{width:120px;}



.about_pro{background:url(../images/jt.jpg) no-repeat top center; padding-top:40px}

/*单页_end*/



/***********新闻资讯***********/

.i_new{ width:100%; height:auto; overflow:hidden}

.i_new li{float:left; width:620px; height:110px; margin-right:30px; margin-bottom:20px; transition-duration:500ms; background-color:#F6F6F6;}

.i_new li a{ display:block}

.i_new li .i_n_box{ padding:15px; height:80px; overflow:hidden}

.i_new li .i_n_box>.i_l{float:left; width:95px; height:auto; text-align:center; overflow:hidden; border-right:1px solid #CCC}

.i_new li .i_n_box>.i_l>.date{font-size:55px; line-height: 1;}

.i_new li .i_n_box>.i_l>.year{ font-size:14px; line-height:25px}

.i_new li .i_n_box>.i_r{float:right; width:480px; height:80px; overflow:hidden; padding-right: 20px;}

.i_new li .i_n_box>.i_r h4{ font-size:20px; line-height:26px; font-weight:bold; overflow:hidden; white-space:nowrap; -ms-text-overflow:ellipsis; text-overflow:ellipsis;}

.i_new li .i_n_box>.i_r h5{ font-size:14px; font-weight:100; line-height:23px; margin-top:10px;}

.i_new li:nth-of-type(2n+0){margin-right:0px;}

.i_new li:hover{ background-color:#1479d7}

.i_new li:hover a{color:#FFF}

/***********新闻资讯_end***********/



/*图片栏目start*/

.photo {width:100%; height:auto; overflow:hidden; margin-bottom:25px; }

.photo li{ float:left; width:235px; height:176px; margin-right:20px; margin-bottom:20px; position:relative;}

.photo li img{display:block; width:100%; height:100%; max-width:100%;}

.photo li:nth-of-type(4n+0){margin-right:0px;}

.photo li ._txt{ position:absolute; left:0; bottom:0; right:0; padding:0 10px; height:35px; line-height:35px; color:#fff; text-align:center; overflow:hidden; white-space:nowrap; -ms-text-overflow:ellipsis; text-overflow:ellipsis; background: rgba(0,0,0,0.4);}

/*图片栏目end*/



/*通用内容盒子*/

.content_box{width:100%; height:auto; overflow:hidden;}

.content_box h1{font-size:20px; line-height:50px; text-align:center; border-bottom:1px dotted #999999; color:#333}

.content_box .date{ font-size:12px; padding-top:10px; text-align:center; color:#999999}

.content_box .date span{ padding-right:15px;}

.content_box .pic{width:100%; height:auto; text-align:center}

.content_box .pic img{max-width:100%; margin:20px 0}

.content_box .xxjs{ height:50px; background:url(../img/iou7pro.gif) no-repeat;}

.content_box .view_content{width:100%; height:auto; margin-top:25px;}

.content_box .view_content img{max-width:100%; margin:20px 0}

/*通用内容盒子_end*/



/*相关图片*/

.{width:100%; height:auto; margin-top:50px; overflow:hidden;}

.pic_xg li{float:left; text-align:center; width:235px; height:176px; margin-right:20px; position:relative; overflow:hidden; border:1px solid #EBEBEB}

.pic_xg li img{display:block; width:100%; height:100%; max-width:100%;}

.pic_xg li p{ position:absolute; left:0; top:140px; width:100%; height:100%; background:rgba(0,0,0,0.4); transition: 0.5s all ease}

.pic_xg li:hover p{top:0; }

.pic_xg li span{ display:block; position:absolute; left:0; top:140px; color:#FFF; width:100%; height:35px; line-height:35px; z-index:1; font-size:12px; transition: 0.5s all ease; overflow:hidden; white-space:nowrap; -ms-text-overflow:ellipsis; text-overflow:ellipsis;}

.pic_xg li:hover span{top:45%; }

.pic_xg li:nth-of-type(5n+0){margin-right:0px;}

/*相关图片_end*/



/*相关产品前6个*/

#list_pro_tj{width:100%; height:auto; overflow:hidden; margin-top:30px; }

#list_pro_tj li{ float:left; width:235px; height:176px; margin-right:20px; margin-bottom:15px; position: relative; border:1px solid #EBEBEB; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; }

#list_pro_tj li img{display:block; width:100%; height:100%; max-width:100%;}

#list_pro_tj li h2{ position:absolute; left:0; bottom:0; right:0; height:35px; line-height:35px; color:#FFF; text-align:center; font-size:12px; font-weight:100; background-color:#333; opacity: 0.7; overflow:hidden; white-space:nowrap; -ms-text-overflow:ellipsis; text-overflow:ellipsis; padding:0 10px}

#list_pro_tj li:hover h2{ background-color:#000}

#list_pro_tj li:nth-of-type(5n+0){margin-right:0px;}

/*产品前6个end*/



/*fwzx*/

.fwzx_zili{width:100%; height:auto; margin:0 auto; overflow:hidden; margin-bottom:30px; margin-top:20px;}

.fwzx_zili dl{float:left; width:235px; height:211px; margin-bottom:15px; margin-right:20px; background-color:#fff}

.fwzx_zili dl dt{width:235px; height:176px; position: relative; overflow:hidden}

.fwzx_zili dl dt div{ position:absolute; width:100%; height:100%; border:1px solid white; z-index:3333; transition: transform ease-in-out 0.5s; cursor:pointer; opacity:0;}

.fwzx_zili dl dt img{width:100%; height:100%; max-width:100%; -webkit-transition:transform ease-in-out 0.5s;}

.fwzx_zili dl dd{ text-align:center; line-height:35px; color:#fff; font-size:14px; position: relative; z-index:666; background-color:#d4e6f9; }

.fwzx_zili dl dd p{padding:0 10px; position:relative; z-index:5; transition: color 1s; margin:0 auto; overflow:hidden; white-space:nowrap; -ms-text-overflow:ellipsis; text-overflow:ellipsis;}

.fwzx_zili dl dd span{ width:0% ;  display:block; height:35px; position:absolute; background-color:#0256ac; z-index:1; transition: width 0.6s;}

.fwzx_zili dl:hover span{ width:100%;}

.fwzx_zili dl:hover p{color:#fff;}

.fwzx_zili dl:hover img{ transform:scale(1.1,1.1);}

.fwzx_zili dt:hover div{opacity:1; transform:scale(0.9,0.85)}

.fwzx_zili dl:nth-of-type(4n+0){margin-right:0px;}

.fwzx_zili dl dd a{ text-decoration:none}

/*fwzx*/



/*********footer*********/

.foot{padding: 30px 0; margin-top:40px; background-color:#324776}

.foot_box{overflow:hidden; color:#FFF;}

.foot_box a{color:#FFF; transition-duration:500ms;}

.foot_box a:hover{color:#FF0; text-decoration:none}



.foot_box h1{font-size:20px; line-height:1;margin-bottom:20px; position:relative; padding-bottom:20px; font-weight:100;}

.foot_box h1:after{content:''; position:absolute; left:0; bottom:0; width:20px; height:1px; background:#fff;}



.foot_ul{height:auto}

.foot_ul li{ height:30px; line-height:30px;}



.foot_box_left{ float:left; width:660px; height:auto;}

.foot_box_left dl{overflow:hidden; width:100%; height:auto}

.foot_box_left dl dd{ float:left; width:145px; height:auto; border-right:1px solid #CCC; margin-right:20px;}

.foot_box_left dl dd:nth-of-type(4n+0){margin-right:0}



.foot_box_left2{ float:left; width:230px; height:auto;}

.link_box{width:100%; height:auto; line-height:26px;}

.link_box a{ padding-right:10px;}

.link_box a:hover{ padding-left:0px; text-decoration:underline}



.foot_box_left3{ float:left; width:190px; height:auto; margin-right:8px;}



.foot_box_right{ float:right; width:250px; height:auto;}

.ewm{ overflow:hidden}

.ewm li{ float:left; width:115px; height:auto; margin-right:20px;}

.ewm li img{display:block; width:100%; height:100%; max-width:100%;}

.ewm li p{ text-align:center; font-size:12px; line-height:30px}

.ewm li:nth-of-type(2n+0){margin-right:0}



/*最底部*/

.foot_text{background:#1c2e56; padding:15px 0; text-align:center; color:#e2f1ff;}

.foot_text p{ line-height:30px;}

.foot_text i{ padding-left:2px;}

.foot_text a{color:#e2f1ff;}

.foot_text a:hover{color:#dbac2b; text-decoration:none}

/*********footer*********/



}

@charset "utf-8";

/*当浏览器尺寸小于960px的时执行下面的CSS*/

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

/* 首页焦点图banner幻灯片 */

.slideBox{width:100%; height:auto; position:relative; overflow:hidden; margin:0 auto; max-width:100%; background:#fff; }

.slideBox .hd{ width:100%; position:absolute; height:20px; line-height:20px; left:0; bottom:20px; text-align:center; z-index:1; }

.slideBox .hd li{ display:inline-block; width:10px; height:10px; border-radius:50%; background:#333; text-indent:-9999px; overflow:hidden; margin:10px;   cursor:pointer;}

.slideBox .hd li.on{ background:#fff;  }

.slideBox .prev{ position:absolute; left:20px; top:0; display:none; width:58px; height:58px; text-align:center; cursor:pointer}

.slideBox .next{ position:absolute; right:20px; top:0; display:none; width:58px; height:58px; text-align:center; cursor:pointer}

.slideBox .bd{ position:relative; z-index:0; }

.slideBox .bd li{ position:relative; text-align:center;  }

.slideBox .bd li img{vertical-align:top; width:100%; height:auto/* 图片宽度100%，达到自适应效果 */}

.slideBox .bd li a{ -webkit-tap-highlight-color:rgba(0,0,0,0);  }  /* 去掉链接触摸高亮 */



/*滚动数字*/

.i_top_bj{background:url(../images/i_top_bj.jpg) repeat-x top center; height:auto;}

.i_top_bj h1{width:95%; height:auto; margin:0 auto; color:#fff; font-size:0.18rem; font-weight:bold; text-align:center; line-height:0.43rem}

.i_top_bj h2{width:95%; height:auto; margin:0 auto; color:#fff; font-size:0.12rem; font-weight:100; text-align:center; line-height:0.2rem}



.gundong_num{width:95%; height:auto; margin:0 auto; background-color:rgba(255, 255, 255, 1); box-shadow: 0px 2px 10px 2px rgba(0, 0, 0, 0.1); margin-top:20px; z-index:10}

.num{ width:100%; height:auto; overflow:hidden;}

.num li{ float:left; width:50%; height:auto; padding:10px 0; transition-duration:500ms; cursor:pointer}

.num li .n_box{ width:100%; height:auto; margin:0 auto; border-right:1px solid #E7E7E7; overflow:hidden}

.num li .n_box .n_l{width:100%; height:auto; line-height:0.38rem; text-align:center; font-size:0.14rem;}

.num li .n_box .n_l span{ font-size:0.22rem; font-weight:bold; margin-right:8px}

.num li .n_box .n_l p{ line-height:0.2rem;}

.num li .n_box .n_r{width:100%; height:64px; background: url(../images/fz.png) no-repeat top center;  transition-duration:600ms;}

.num li .n_box .n_r2{width:100%; height:64px; background: url(../images/cp.png) no-repeat top center;  transition-duration:600ms;}

.num li .n_box .n_r3{width:100%; height:64px; background: url(../images/ws.png) no-repeat top center;  transition-duration:600ms;}

.num li .n_box .n_r4{width:100%; height:64px; background: url(../images/q.png) no-repeat top center;  transition-duration:600ms;}



.num li:hover{background: #ab0918; color:#FFF}

.num li:hover .n_box .n_r{background: url(../images/fz.png) no-repeat bottom center;}

.num li:hover .n_box .n_r2{background: url(../images/cp.png) no-repeat bottom center;}

.num li:hover .n_box .n_r3{background: url(../images/ws.png) no-repeat bottom center;}

.num li:hover .n_box .n_r4{background: url(../images/q.png) no-repeat bottom center;}

/*滚动数字_end*/



/*关于我们*/

.about_box{overflow:hidden; margin-top:40px; width:95%; height:auto; margin:0 auto;}

.about_box_left{width:100%; height:auto; text-align:center}

.about_box_left h6{ font-weight:100; font-size:40px; line-height:50px; }

.about_box_left h2{ font-weight:100; font-size:20px; line-height:30px;}

.about_box_left p{ width:90%; height:auto; margin:0 auto; margin-top:10px; color:#666; margin-bottom:15px;}

.about_box_right{width:95%; height:auto; margin:0 auto; text-align:center; margin-top:30px;}

.about_box_right img{max-width:100%;}

/*关于我们_end*/



/*标题*/

.index_title{ width:1.4rem; height:auto; padding:30px 0; text-align:center; font-size:0.16rem; color:#999; position:relative}

.index_title span{display:block; color:#333; font-size:0.2rem; line-height:0.5rem; font-weight:bold; letter-spacing:1px;}

.index_title:after{content:""; position:absolute; left:-100px; top:75px; width:100px; height:1px; background-color:#999999;}

.index_title:before{content:""; position:absolute; right:-100px; top:75px; width:100px; height:1px; background-color:#999999;}

/*标题_end*/



/*图片1*/

.index_pic_one{width:95%; height:auto; margin:0 auto; overflow:hidden;}

.index_pic_one dl{float:left; width:48%; height:1.35rem; margin-right:4%; margin-bottom:20px; overflow:hidden; background-color:#fff}

.index_pic_one dl dt{width:100%; height:100%; position: relative; overflow:hidden}

.index_pic_one dl dt div{ position:absolute; width:100%; height:100%; border:1px solid white; z-index:3333; transition: transform ease-in-out 0.5s; cursor:pointer; opacity:0;}

.index_pic_one dl dt img{display:block; width:100%; height:100%; max-width:100%; -webkit-transition:transform ease-in-out 0.5s;}

.index_pic_one dl dt p{ position:absolute; left:0; bottom:0; width:100%; height:0.35rem; line-height:0.35rem; text-align:center; background-color:#333; opacity: 0.7; color:#FFFFFF; text-shadow:3px 2px 2px #000; overflow:hidden; white-space:nowrap; -ms-text-overflow:ellipsis; text-overflow:ellipsis;}



.index_pic_one dl:hover img{ transform:scale(1.1,1.1);}

.index_pic_one dt:hover div{opacity:1; transform:scale(0.9,0.85)}

.index_pic_one dl:nth-of-type(2n+0){margin-right:0px;}

.index_pic_one dt:hover{ font-weight:bold; text-decoration:none}

/*图片1end*/



/*css过度按钮<div class="index_more"><a href="p/">+ 产品中心</a><span></span></div>*/

.index_more{width:40%; height:0.3rem; margin:0 auto; margin-top:0px; overflow:hidden; border:#d6d6d6 solid 1px; text-align:center; position:relative; border-radius: 40px;}

.index_more a{color:#737373; text-align:center; line-height:0.3rem; display:block; z-index:1; position:absolute; left:0; top:0; width:100%; height:100%; transition-duration:500ms;}

.index_more a:hover{ color:#fff;  text-decoration:none}

.index_more span{ display:block; position:absolute; right:100%; top:0; width:100%; height:100%; background-color:#1479d7; transition: 0.4s all ease}

.index_more:hover span{ right:0}



/*首页产品块*/

.pro_index_bj{background-color:#f9f9f9; padding-bottom:20px; margin-top:30px;}



/*产品tab*/

.pro_tab{ overflow:hidden; margin-top:20px; width:95%; height:auto; margin:0 auto}

.pro_tab li{ float:left; width:46%; padding:8px 0; text-align:center; font-size:0.14rem; margin-right:2%; margin-left: 2%;margin-bottom:10px; background-color:#EEE}

.pro_tab li:nth-of-type(3n+0){margin-right:0px;}

.pro_tab li a{ display:block; color:#666}



.pro_tab li.on{background:#1479d7; color:#FFFFFF}

.pro_tab li.on a{color:#FFFFFF}



.pro_box{ width:100%; height:auto; overflow:hidden}

.pro_box>div{ display:none}

.pro_box>div.on{ display:block}



.pro_list{margin-top:5px; overflow:hidden }

.pro_list li {float:left; width:48%; height:auto; text-align: center; margin-right:2%}

.pro_list li:nth-of-type(2n+0){margin-right:0px;}

.pro_list li .img{overflow:hidden}

.pro_list li a img{display: block; width:100%; height:150px;  -webkit-transition: all 1.5s; -o-transition: all 1.5s; -moz-transition: all 1.5s; transition: all 1.5s}

.pro_list li a:hover img{ -webkit-transform: rotate(3deg) scale(1.2); -moz-transform: rotate(3deg) scale(1.2); -ms-transform: rotate(3deg) scale(1.2); -o-transform: rotate(3deg) scale(1.2); transform: rotate(3deg) scale(1.2); }



.pro_list li a {display:block; margin:10px; background: #fff; padding:5px; box-shadow: 0 0 15px rgba(0,0,0,0.05)}

.pro_list li a:hover {box-shadow: 0 1px 26px rgba(0,0,0,0.1)}



.pro_list li h3 {font-size:0.14rem; color: #000; font-weight: normal; line-height:0.35rem; overflow:hidden; white-space:nowrap; -ms-text-overflow:ellipsis; text-overflow:ellipsis;}

.pro_list li p { height:0px;}

.pro_list li a:hover p {background: url(../images/icon2.png) no-repeat bottom center;}

/*首页产品块*/



/*小幻灯包围*/

.three_box{overflow:hidden; background-color:#f3f3f3; margin-top:30px;}

.three_box_left{width:100%; height:auto;}

.three_box_right{width:100%; height:auto; padding-bottom:20px;}



.three_box_right .n_box{ width:95%; height:auto; margin:0 auto; margin-top:10px; line-height:0.26rem}

.three_box_right .n_box h3 {font-size:0.5rem; font-weight:bold; color:#666666; line-height: 0.58rem; text-align:center}

.three_box_right .n_box h2 {font-size: 0.2rem; font-weight: normal; color:#333333; line-height: 0.38rem; margin-bottom: 10px; text-align:center}



.btn2 a {color: #fff; display: block; line-height: 44px; width: 140px; text-align: center; margin-left: 20px; background: #0b0b0b;}

.btn2 a span {display: inline-block; padding-right: 17px; background: url(../images/icon3.png) no-repeat right center; transition-duration:500ms;}

.btn2 a:hover span {padding-right: 27px;}

/*小幻灯包围_end*/



/*单页*/

.dy{ width:95%; height:auto; margin:0 auto; overflow:hidden; margin-top:30px; margin-bottom:30px;}

.dy li{ float:left; width:48%; height:1.35rem; margin-right:4%; margin-bottom:20px; position:relative; overflow:hidden}

.dy li .img img{display: block; width:100%; height:100%; }

.dy li a{ display:block}

.dy li .box{ position:absolute; left:0; top:0; width:100%; height:auto; z-index:11; text-align:center; padding-top:40px; transition: 0.5s all ease}

.dy li .box img {width: 40px; max-width: 50%; vertical-align: bottom; display:inline}

.dy li .box h3{ color:#FFFFFF; font-size:0.18rem; font-weight:100; line-height:0.4rem;}

.dy li i{ display:none}

.dy li:nth-of-type(2n+0){margin-right:0px;}



/*小幻灯片*/

.index_hdp{width:100%; height:auto; position:relative; overflow:hidden;}

.index_hdp .hd{ position:absolute; width:100%; height:60px; bottom:30px; left:0; z-index:1; text-align:center}

.index_hdp .hd img{ width:60px; height:60px;  }

.index_hdp .prev{cursor:pointer}

.index_hdp .next{cursor:pointer}



.index_hdp .bd{width:100%; height:auto; z-index:0; overflow:hidden}

.index_hdp .bd li img{display:block; width:100%; height:auto;}

.index_hdp .bd li a{ -webkit-tap-highlight-color:rgba(0, 0, 0, 0); /* 取消链接高亮 */  }



/*支持政策*/

.hzbz{ background-color:#f1f1f1; padding-top:30px; padding-bottom:40px}

.box_three{margin-top:40px; overflow:hidden}

.box_three dl{width:288px; height:150px; padding:69px 0; text-align: center; background:#fff; border-radius:50%; overflow:hidden; cursor:pointer; margin:0 auto}

.box_three dl+dl{ margin-top:15px;}

.box_three dl i{display:block; width:120px; height:120px; margin:auto; background:url(../images/ico_02.png) no-repeat; transition: all 1.2s}

.box_three dl .ico_01{background-position:0 0}

.box_three dl .ico_02{background-position:-120px 0}

.box_three dl .ico_03{background-position:-240px 0}

.box_three dl .ico_04{background-position:-360px 0}

.box_three dl p{font-size:16px;margin-top:20px}

.box_three dl:hover i{

transform: rotate(360deg);

ms-transform: rotate(360deg); /* IE 9 */

moz-transform: rotate(360deg); /* Firefox */

webkit-transform: rotate(360deg); /* Safari and Chrome */

o-transform: rotate(360deg); /* Opera */

}

/***********新闻资讯***********/

.ii_nn{ overflow:hidden; margin-top:20px;}

.ii_nn_left{width:95%; height:auto}

.ii_nn_right{width:95%; height:auto}

.ii_nn_right h3{line-height:0.43rem; color:#1479d7; font-size:0.18rem; font-weight:bold; border-bottom:1px solid #CCCCCC}

.ii_nn_right h3 span{ font-weight:100; font-size:0.14rem}

.ii_nn_right .fl_list{margin-top:0.08rem; padding-top:0; background:none;}

.ii_nn_right .fl_list li{ height:0.35rem; line-height:0.35rem;}



.i_n_box{ width:100%; height:auto}



/*首页新闻tab*/

.tocnc_tab_ul{overflow:hidden; height:auto; border-bottom:1px solid #CCCCCC}

.tocnc_tab_ul li{ float:left; line-height:0.40rem; text-align:center; color:#666666; font-size:0.18rem; font-weight:bold; margin-right:0.20rem}

.tocnc_tab_ul li.on{color:#1479d7; border-bottom:3px solid #1479d7}

.tocnc_tab_ul li:nth-of-type(4n+0){margin-right:0}



.tocnc_tab_box{ width:100%; height:auto; overflow:hidden; margin-top:5px}

.tocnc_tab_box>div{ display:none}

.tocnc_tab_box>div.on{ display:block}

.tocnc_tab_box .fl_list{margin-top:10px; padding-top:0; background:none;}

.tocnc_tab_box .fl_list li{ height:0.32rem; line-height:0.32rem; }

/***********新闻资讯_end***********/



}



/*当浏览器尺寸大于960px时候*/

@media screen and (min-width:960px){

/* 首页焦点图banner幻灯片 */

.slideBox{width:100%; height:auto; position:relative; overflow:hidden; margin:0 auto; max-width:100%; background:#fff; }

.slideBox .hd{ width:100%; position:absolute; height:30px; line-height:30px; left:0; bottom:25px; text-align:center; z-index:1; }

.slideBox .hd li{ display:inline-block; width:20px; height:20px; border-radius:50%; background: rgba(255, 103, 0, 0.6); text-indent:-9999px; overflow:hidden; margin:10px;   cursor:pointer;}

.slideBox .hd li.on{ background: rgba(27, 160, 94, 0.6); }



.slideBox .prev{ position:absolute; left:20px; top:0; display:block; width:58px; height:58px; text-align:center; cursor:pointer}

.slideBox .next{ position:absolute; right:20px; top:0; display:block; width:58px; height:58px; text-align:center; cursor:pointer}

.slideBox .bd{ position:relative; z-index:0; }

.slideBox .bd li{ position:relative; text-align:center;  }

.slideBox .bd li img{vertical-align:top; width:100%; height:auto/* 图片宽度100%，达到自适应效果 */}

.slideBox .bd li a{ -webkit-tap-highlight-color:rgba(0,0,0,0);  }  /* 去掉链接触摸高亮 */



/*滚动数字*/

.i_top_bj{height:auto; background:url(../images/i_top_bj.jpg) repeat-x top center}

.i_top_bj h1{color:#fff; font-size:30px; font-weight:bold; text-align:center; line-height:80px}

.i_top_bj h2{color:#fff; font-size:16px; font-weight:100; text-align:center; line-height:23px}



.gundong_num{background-color:rgba(255, 255, 255, 1); box-shadow: 0px 2px 10px 2px rgba(0, 0, 0, 0.1); margin-top:30px; z-index:10}

.num{ width:100%; height:auto; overflow:hidden;}

.num li{ float:left; width:25%; height:auto; padding:16px 0; transition-duration:500ms; cursor:pointer}

.num li .n_box{ width:100%; height:auto; margin:0 auto; border-right:1px solid #E7E7E7; overflow:hidden}

.num li .n_box .n_l{ float:left; width:55%; height:auto; line-height:38px; padding-left:25px; font-size:16px;}

.num li .n_box .n_l span{ font-size:32px; font-weight:bold; margin-right:8px}

.num li .n_box .n_l p{ line-height:20px;}

.num li .n_box .n_r{ float:right;  width:30%; height:64px; background: url(../images/fz.png) no-repeat top center;  transition-duration:600ms;}

.num li .n_box .n_r2{ float:right;  width:30%; height:64px; background: url(../images/cp.png) no-repeat top center;  transition-duration:600ms;}

.num li .n_box .n_r3{ float:right;  width:30%; height:64px; background: url(../images/ws.png) no-repeat top center;  transition-duration:600ms;}

.num li .n_box .n_r4{ float:right;  width:30%; height:64px; background: url(../images/q.png) no-repeat top center;  transition-duration:600ms;}

.num li:nth-of-type(4n+0){border-right:none}

.num li:hover{background:#ab0918; color:#FFF}

.num li:hover .n_box .n_r{background: url(../images/fz.png) no-repeat bottom center;}

.num li:hover .n_box .n_r2{background: url(../images/cp.png) no-repeat bottom center;}

.num li:hover .n_box .n_r3{background: url(../images/ws.png) no-repeat bottom center;}

.num li:hover .n_box .n_r4{background: url(../images/q.png) no-repeat bottom center;}

/*滚动数字_end*/



/*优势*/

.index_youshi{ background:url(../images/youshi.jpg)}

.index_youshi h1{ font-size:24px; color:#FFFFFF; text-align:center; padding-top:50px;}

.index_youshi h3{ font-size:16px; color:#FFFFFF; text-align:center; font-weight:100; padding-top:10px}



.ul_youshi{ overflow:hidden; padding:40px 0}

.ul_youshi li{ float:left; width:302px; height:459px; background-color:#FFFFFF; margin-right:20px; position:relative; overflow:hidden; cursor:pointer}

.ul_youshi li img{display: block; width:100%; height:227px;}

.ul_youshi li .box{height:auto; padding:50px 20px; text-align:center; }

.ul_youshi li .box h5{ font-size:19px; height:35px; position:relative}

.ul_youshi li .box h5:after{content:""; position:absolute; left:50%; bottom:-3px; width:100px; height:1px; margin-left:-50px; background-color:#1479d7;}

.ul_youshi li .box div{ padding-top:20px; text-align:center; line-height:26px}



.ul_youshi li .yuan{ position:absolute; width:60px; height:60px; background-color:#ea5514; left:121px; top:196px; border-radius:50%; color:#FFFFFF; text-align:center; line-height:53px; font-size:45px; font-weight:bold}



.ul_youshi li p{ position:absolute; left:0; top:459px; width:100%; height:100%; background-color:#ea5514; transition: 0.5s all ease}

.ul_youshi li:hover p{top:0; }



.ul_youshi li .yuan2{position:absolute; left:121px; top:459px; border-radius:50%; background-color:#FFFFFF; color:#ea5514; width:60px; height:60px; z-index:1; text-align:center; transition: 0.5s all ease; line-height:53px; font-size:45px; font-weight:bold}

.ul_youshi li:hover .yuan2{top:120px; }



.ul_youshi li .text{position:absolute; left:0; top:459px; width:100%; height:auto; text-align:center; color:#FFFFFF;  transition: 0.5s all ease; line-height:27px;}

.ul_youshi li:hover .text{top:220px; }



.ul_youshi li:nth-of-type(4n+0){margin-right:0px;}



/*标题*/

.index_title{ width:200px; height:auto; padding:30px 0; text-align:center; font-size:16px; color:#999; position:relative}

.index_title span{display:block; color:#333; font-size:26px; line-height:50px; font-weight:bold; letter-spacing:2px;}

.index_title:after{content:""; position:absolute; left:-100px; top:75px; width:100px; height:1px; background-color:#999999;}

.index_title:before{content:""; position:absolute; right:-100px; top:75px; width:100px; height:1px; background-color:#999999;}

/*标题_end*/



/*图片1*/

.index_pic_one{width:100%; height:auto; margin:0 auto; overflow:hidden; margin-top:10px;}

.index_pic_one dl{float:left; width:301px; height:226px; margin-right:22px; margin-bottom:20px; background-color:#fff}

.index_pic_one dl dt{width:100%; height:100%; position: relative; overflow:hidden}

.index_pic_one dl dt div{ position:absolute; width:100%; height:100%; border:1px solid white; z-index:3333; transition: transform ease-in-out 0.5s; cursor:pointer; opacity:0;}

.index_pic_one dl dt img{width:100%; height:226px; -webkit-transition:transform ease-in-out 0.5s;}

.index_pic_one dl dt p{ position:absolute; left:0; bottom:0; width:100%; height:35px; line-height:35px; text-align:center; color:#FFFFFF; overflow:hidden; white-space:nowrap; -ms-text-overflow:ellipsis; text-overflow:ellipsis;}

.index_pic_one dl:hover img{ transform:scale(1.1,1.1);}

.index_pic_one dt:hover div{transform:scale(0.9,0.87); background-color:#FFF; opacity:0.9;}

.index_pic_one dt:hover p{position:absolute; left:0; top:45%; width:100%; height:35px; line-height:35px; text-align:center; color:#333; z-index:9999; overflow:hidden; white-space:nowrap; -ms-text-overflow:ellipsis; text-overflow:ellipsis;}

.index_pic_one dl:nth-of-type(4n+0){margin-right:0px;}

.index_pic_one dt:hover{ font-weight:bold; text-decoration:none}

/*图片1end*/



/*css过度按钮<div class="index_more"><a href="p/">+ 产品中心</a><span></span></div>*/

.index_more{width:160px; height:40px; margin:0 auto; margin-top:20px; overflow:hidden; border:#d6d6d6 solid 1px; text-align:center; position:relative; border-radius: 40px;}

.index_more a{color:#737373; text-align:center; line-height:40px; display:block; z-index:1; position:absolute; left:0; top:0; width:100%; height:100%; transition-duration:500ms;}

.index_more a:hover{ color:#fff;  text-decoration:none}

.index_more span{ display:block; position:absolute; right:100%; top:0; width:100%; height:100%; background-color:#1479d7; transition: 0.4s all ease}

.index_more:hover span{ right:0}



/*首页产品块*/

.pro_index_bj{background-color:#f9f9f9; padding-bottom:20px; margin-top:30px;}



/*产品tab*/

.pro_tab{ overflow:hidden; margin-top:40px; text-align:center}

.pro_tab li{ display:inline-block; padding:10px 20px; text-align:center; font-size:16px}

.pro_tab li+li{ background:url(../images/ifl.jpg) no-repeat left center}

.pro_tab li a{ display:block; color:#666}



.pro_tab li.on{background:#1479d7; color:#FFFFFF}

.pro_tab li.on a{color:#FFFFFF}



.pro_box{ width:100%; height:auto; overflow:hidden}

.pro_box>div{ display:none}

.pro_box>div.on{ display:block}





.pro_list{margin-top: 20px; overflow:hidden }

.pro_list li {float:left; width:33.333%; height:auto; text-align: center; }

.pro_list li .img{overflow:hidden}

.pro_list li a img{display: block; width:100%; height:244px;  -webkit-transition: all 1.5s; -o-transition: all 1.5s; -moz-transition: all 1.5s; transition: all 1.5s}

.pro_list li a:hover img{ -webkit-transform: rotate(3deg) scale(1.2); -moz-transform: rotate(3deg) scale(1.2); -ms-transform: rotate(3deg) scale(1.2); -o-transform: rotate(3deg) scale(1.2); transform: rotate(3deg) scale(1.2); }



.pro_list li a {display:block; margin:26px; background: #fff; padding:23px; box-shadow: 0 0 15px rgba(0,0,0,0.05)}

.pro_list li a:hover {box-shadow: 0 1px 26px rgba(0,0,0,0.1)}



.pro_list li h3 {font-size:16px; color: #000; font-weight: normal; line-height:35px}

.pro_list li p { height:8px;}

.pro_list li a:hover p {background: url(../images/icon2.png) no-repeat bottom center;}

/*首页产品块*/



/*关于我们*/

.about_box{overflow:hidden; margin-top:40px;}

.about_box_left{ float:left; width:50%; height:auto; text-align:center}

.about_box_left h6{ font-weight:100; font-size:50px; line-height:70px; }

.about_box_left h2{ font-weight:100; font-size:30px; line-height:50px;}

.about_box_left p{ width:70%; height:auto; margin:0 auto; margin-top:30px; color:#666}

.about_box_right{ float:right; width:50%; height:auto; }

/*关于我们_end*/



/*单页*/

.dy{ overflow:hidden; margin-top:30px; margin-bottom:30px;}

.dy li{ float:left; width:302px; height:227px; position:relative; margin-right:20px;}

.dy li .img img{display: block; width:100%; height:100%; }

.dy li a{ display:block}

.dy li .box{ position:absolute; left:0; top:0; width:100%; height:auto; z-index:11; text-align:center; padding-top:70px; transition: 0.5s all ease}

.dy li .box img {width: 48px; max-width: 50%; vertical-align: bottom; display:inline}

.dy li .box h3{ color:#FFFFFF; font-size:20px; font-weight:100; line-height:40px;}

.dy li:hover .box{padding-top:40px}

.dy li p{ position:absolute; left:0; top:227px; width:100%; height:100%; background:rgba(1,71,157,0.4); transition: 0.5s all ease}

.dy li:hover p{top:0; }

.dy li i{position:absolute; left:0; top:227px; display:block; width:100%; height:auto; text-align:center; transition: 0.5s all ease; z-index:16}

.dy li:hover i{top:150px; }

.dy li:nth-of-type(4n+0){margin-right:0px;}



/*小幻灯包围*/

.three_box{overflow:hidden; background-color:#f3f3f3; margin-top:30px;}

.three_box_left{ float:left; width:575px; height:auto; padding:30px;}

.three_box_right{ float:right; width:50%; height:auto; }

.three_box_right .n_box{ width:500px; height:auto; margin-left:80px; margin-top:10px; color:#666666; line-height:30px;}

.three_box_right .n_box h3 {font-size:60px; font-weight:bold; color:#666666; line-height: 58px; text-align:center}

.three_box_right .n_box h2 {font-size: 30px; font-weight: normal; color:#333333; line-height: 30px; margin-bottom: 30px; text-align:center}



.btn2 a {color: #fff; display: block; line-height: 44px; width: 140px; text-align: center; margin-left: 0; background: #0b0b0b;}

.btn2 a span {display: inline-block; padding-right: 17px; background: url(../images/icon3.png) no-repeat right center; transition-duration:500ms;}

.btn2 a:hover span {padding-right: 27px;}

/*小幻灯包围_end*/



/*小幻灯片*/

.index_hdp{width:100%; height:495px; position:relative; overflow:hidden;}

.index_hdp .hd{ position:absolute; width:100%; height:60px; bottom:30px; left:0; z-index:1; text-align:center}

.index_hdp .hd img{ width:60px; height:60px;  }

.index_hdp .prev{cursor:pointer}

.index_hdp .next{cursor:pointer}



.index_hdp .bd{width:100%; height:auto; z-index:0; overflow:hidden}

.index_hdp .bd li img{display:block; width:100%; height:100%; -webkit-transition: all 1.8s; -o-transition: all 1.8s; -moz-transition: all 1.8s; transition: all 1.8s}

.index_hdp .bd li a{ -webkit-tap-highlight-color:rgba(0, 0, 0, 0); /* 取消链接高亮 */  }

.index_hdp .bd li a:hover img{ -webkit-transform: rotate(3deg) scale(1.2); -moz-transform: rotate(3deg) scale(1.2); -ms-transform: rotate(3deg) scale(1.2); -o-transform: rotate(3deg) scale(1.2); transform: rotate(3deg) scale(1.2); }





.hzbz{ background-color:#f1f1f1; padding-top:30px; padding-bottom:40px}

.box_three{margin-top:40px; overflow:hidden}

.box_three dl{float:left; width:288px; height:150px; padding:69px 0; text-align: center; background:#fff; border-radius:50%; overflow:hidden; margin-right:39px; cursor:pointer}

.box_three dl i{display:block; width:120px; height:120px; margin:auto; background:url(../images/ico_02.png) no-repeat; transition: all 1.2s}

.box_three dl .ico_01{background-position:0 0}

.box_three dl .ico_02{background-position:-120px 0}

.box_three dl .ico_03{background-position:-240px 0}

.box_three dl .ico_04{background-position:-360px 0}

.box_three dl p{font-size:16px;margin-top:20px}

.box_three dl:nth-of-type(4n+0){margin-right:0px;}

.box_three dl:hover i{

transform: rotate(360deg);

ms-transform: rotate(360deg); /* IE 9 */

moz-transform: rotate(360deg); /* Firefox */

webkit-transform: rotate(360deg); /* Safari and Chrome */

o-transform: rotate(360deg); /* Opera */

}



/*新闻*/

.ii_nn{ overflow:hidden; margin-top:20px;}

.ii_nn_left{ float:left; width:700px; height:auto}

.ii_nn_right{ float:right; width:530px; height:auto}

.ii_nn_right h3{line-height:43px; color:#1479d7; font-size:18px; font-weight:bold; border-bottom:1px solid #CCCCCC}

.ii_nn_right h3 span{ font-weight:100; font-size:14px}



.i_n_box{ width:100%; height:auto}



/*首页新闻tab*/

.tocnc_tab_ul{overflow:hidden; height:auto; border-bottom:1px solid #CCCCCC}

.tocnc_tab_ul li{ float:left; line-height:40px; text-align:center; color:#666666; font-size:18px; font-weight:bold; margin-right:20px}

.tocnc_tab_ul li.on{color:#1479d7; border-bottom:3px solid #1479d7}

.tocnc_tab_ul li:nth-of-type(4n+0){margin-right:0}



/*box*/

.tocnc_tab_box{ width:100%; height:auto; overflow:hidden;}

.tocnc_tab_box>div{ display:none}

.tocnc_tab_box>div.on{ display:block}

.tocnc_tab_box .fl_list{margin-top:8px; padding-top:0; background:none;}

.tocnc_tab_box .fl_list li{ height:41px; line-height:41px;}

}

@charset "utf-8";

.animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}.animated.infinite{-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}.animated.hinge{-webkit-animation-duration:2s;animation-duration:2s}@-webkit-keyframes bounce{0%,100%,20%,50%,80%{-webkit-transform:translateY(0);transform:translateY(0)}40%{-webkit-transform:translateY(-30px);transform:translateY(-30px)}60%{-webkit-transform:translateY(-15px);transform:translateY(-15px)}}@keyframes bounce{0%,100%,20%,50%,80%{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}40%{-webkit-transform:translateY(-30px);-ms-transform:translateY(-30px);transform:translateY(-30px)}60%{-webkit-transform:translateY(-15px);-ms-transform:translateY(-15px);transform:translateY(-15px)}}.bounce{-webkit-animation-name:bounce;animation-name:bounce}@-webkit-keyframes flash{0%,100%,50%{opacity:1}25%,75%{opacity:0}}@keyframes flash{0%,100%,50%{opacity:1}25%,75%{opacity:0}}.flash{-webkit-animation-name:flash;animation-name:flash}@-webkit-keyframes pulse{0%{-webkit-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(1.1);transform:scale(1.1)}100%{-webkit-transform:scale(1);transform:scale(1)}}@keyframes pulse{0%{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1)}100%{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}}.pulse{-webkit-animation-name:pulse;animation-name:pulse}@-webkit-keyframes rubberBand{0%{-webkit-transform:scale(1);transform:scale(1)}30%{-webkit-transform:scaleX(1.25) scaleY(0.75);transform:scaleX(1.25) scaleY(0.75)}40%{-webkit-transform:scaleX(0.75) scaleY(1.25);transform:scaleX(0.75) scaleY(1.25)}60%{-webkit-transform:scaleX(1.15) scaleY(0.85);transform:scaleX(1.15) scaleY(0.85)}100%{-webkit-transform:scale(1);transform:scale(1)}}@keyframes rubberBand{0%{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}30%{-webkit-transform:scaleX(1.25) scaleY(0.75);-ms-transform:scaleX(1.25) scaleY(0.75);transform:scaleX(1.25) scaleY(0.75)}40%{-webkit-transform:scaleX(0.75) scaleY(1.25);-ms-transform:scaleX(0.75) scaleY(1.25);transform:scaleX(0.75) scaleY(1.25)}60%{-webkit-transform:scaleX(1.15) scaleY(0.85);-ms-transform:scaleX(1.15) scaleY(0.85);transform:scaleX(1.15) scaleY(0.85)}100%{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}}.rubberBand{-webkit-animation-name:rubberBand;animation-name:rubberBand}@-webkit-keyframes shake{0%,100%{-webkit-transform:translateX(0);transform:translateX(0)}10%,30%,50%,70%,90%{-webkit-transform:translateX(-10px);transform:translateX(-10px)}20%,40%,60%,80%{-webkit-transform:translateX(10px);transform:translateX(10px)}}@keyframes shake{0%,100%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}10%,30%,50%,70%,90%{-webkit-transform:translateX(-10px);-ms-transform:translateX(-10px);transform:translateX(-10px)}20%,40%,60%,80%{-webkit-transform:translateX(10px);-ms-transform:translateX(10px);transform:translateX(10px)}}.shake{-webkit-animation-name:shake;animation-name:shake}@-webkit-keyframes swing{20%{-webkit-transform:rotate(15deg);transform:rotate(15deg)}40%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}60%{-webkit-transform:rotate(5deg);transform:rotate(5deg)}80%{-webkit-transform:rotate(-5deg);transform:rotate(-5deg)}100%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}@keyframes swing{20%{-webkit-transform:rotate(15deg);-ms-transform:rotate(15deg);transform:rotate(15deg)}40%{-webkit-transform:rotate(-10deg);-ms-transform:rotate(-10deg);transform:rotate(-10deg)}60%{-webkit-transform:rotate(5deg);-ms-transform:rotate(5deg);transform:rotate(5deg)}80%{-webkit-transform:rotate(-5deg);-ms-transform:rotate(-5deg);transform:rotate(-5deg)}100%{-webkit-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg)}}.swing{-webkit-transform-origin:top center;-ms-transform-origin:top center;transform-origin:top center;-webkit-animation-name:swing;animation-name:swing}@-webkit-keyframes tada{0%{-webkit-transform:scale(1);transform:scale(1)}10%,20%{-webkit-transform:scale(0.9) rotate(-3deg);transform:scale(0.9) rotate(-3deg)}30%,50%,70%,90%{-webkit-transform:scale(1.1) rotate(3deg);transform:scale(1.1) rotate(3deg)}40%,60%,80%{-webkit-transform:scale(1.1) rotate(-3deg);transform:scale(1.1) rotate(-3deg)}100%{-webkit-transform:scale(1) rotate(0);transform:scale(1) rotate(0)}}@keyframes tada{0%{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}10%,20%{-webkit-transform:scale(0.9) rotate(-3deg);-ms-transform:scale(0.9) rotate(-3deg);transform:scale(0.9) rotate(-3deg)}30%,50%,70%,90%{-webkit-transform:scale(1.1) rotate(3deg);-ms-transform:scale(1.1) rotate(3deg);transform:scale(1.1) rotate(3deg)}40%,60%,80%{-webkit-transform:scale(1.1) rotate(-3deg);-ms-transform:scale(1.1) rotate(-3deg);transform:scale(1.1) rotate(-3deg)}100%{-webkit-transform:scale(1) rotate(0);-ms-transform:scale(1) rotate(0);transform:scale(1) rotate(0)}}.tada{-webkit-animation-name:tada;animation-name:tada}@-webkit-keyframes wobble{0%{-webkit-transform:translateX(0%);transform:translateX(0%)}15%{-webkit-transform:translateX(-25%) rotate(-5deg);transform:translateX(-25%) rotate(-5deg)}30%{-webkit-transform:translateX(20%) rotate(3deg);transform:translateX(20%) rotate(3deg)}45%{-webkit-transform:translateX(-15%) rotate(-3deg);transform:translateX(-15%) rotate(-3deg)}60%{-webkit-transform:translateX(10%) rotate(2deg);transform:translateX(10%) rotate(2deg)}75%{-webkit-transform:translateX(-5%) rotate(-1deg);transform:translateX(-5%) rotate(-1deg)}100%{-webkit-transform:translateX(0%);transform:translateX(0%)}}@keyframes wobble{0%{-webkit-transform:translateX(0%);-ms-transform:translateX(0%);transform:translateX(0%)}15%{-webkit-transform:translateX(-25%) rotate(-5deg);-ms-transform:translateX(-25%) rotate(-5deg);transform:translateX(-25%) rotate(-5deg)}30%{-webkit-transform:translateX(20%) rotate(3deg);-ms-transform:translateX(20%) rotate(3deg);transform:translateX(20%) rotate(3deg)}45%{-webkit-transform:translateX(-15%) rotate(-3deg);-ms-transform:translateX(-15%) rotate(-3deg);transform:translateX(-15%) rotate(-3deg)}60%{-webkit-transform:translateX(10%) rotate(2deg);-ms-transform:translateX(10%) rotate(2deg);transform:translateX(10%) rotate(2deg)}75%{-webkit-transform:translateX(-5%) rotate(-1deg);-ms-transform:translateX(-5%) rotate(-1deg);transform:translateX(-5%) rotate(-1deg)}100%{-webkit-transform:translateX(0%);-ms-transform:translateX(0%);transform:translateX(0%)}}.wobble{-webkit-animation-name:wobble;animation-name:wobble}@-webkit-keyframes bounceIn{0%{opacity:0;-webkit-transform:scale(.3);transform:scale(.3)}50%{opacity:1;-webkit-transform:scale(1.05);transform:scale(1.05)}70%{-webkit-transform:scale(.9);transform:scale(.9)}100%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@keyframes bounceIn{0%{opacity:0;-webkit-transform:scale(.3);-ms-transform:scale(.3);transform:scale(.3)}50%{opacity:1;-webkit-transform:scale(1.05);-ms-transform:scale(1.05);transform:scale(1.05)}70%{-webkit-transform:scale(.9);-ms-transform:scale(.9);transform:scale(.9)}100%{opacity:1;-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}}.bounceIn{-webkit-animation-name:bounceIn;animation-name:bounceIn}@-webkit-keyframes bounceInDown{0%{opacity:0;-webkit-transform:translateY(-2000px);transform:translateY(-2000px)}60%{opacity:1;-webkit-transform:translateY(30px);transform:translateY(30px)}80%{-webkit-transform:translateY(-10px);transform:translateY(-10px)}100%{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes bounceInDown{0%{opacity:0;-webkit-transform:translateY(-2000px);-ms-transform:translateY(-2000px);transform:translateY(-2000px)}60%{opacity:1;-webkit-transform:translateY(30px);-ms-transform:translateY(30px);transform:translateY(30px)}80%{-webkit-transform:translateY(-10px);-ms-transform:translateY(-10px);transform:translateY(-10px)}100%{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}}.bounceInDown{-webkit-animation-name:bounceInDown;animation-name:bounceInDown}@-webkit-keyframes bounceInLeft{0%{opacity:0;-webkit-transform:translateX(-2000px);transform:translateX(-2000px)}60%{opacity:1;-webkit-transform:translateX(30px);transform:translateX(30px)}80%{-webkit-transform:translateX(-10px);transform:translateX(-10px)}100%{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes bounceInLeft{0%{opacity:0;-webkit-transform:translateX(-2000px);-ms-transform:translateX(-2000px);transform:translateX(-2000px)}60%{opacity:1;-webkit-transform:translateX(30px);-ms-transform:translateX(30px);transform:translateX(30px)}80%{-webkit-transform:translateX(-10px);-ms-transform:translateX(-10px);transform:translateX(-10px)}100%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}}.bounceInLeft{-webkit-animation-name:bounceInLeft;animation-name:bounceInLeft}@-webkit-keyframes bounceInRight{0%{opacity:0;-webkit-transform:translateX(2000px);transform:translateX(2000px)}60%{opacity:1;-webkit-transform:translateX(-30px);transform:translateX(-30px)}80%{-webkit-transform:translateX(10px);transform:translateX(10px)}100%{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes bounceInRight{0%{opacity:0;-webkit-transform:translateX(2000px);-ms-transform:translateX(2000px);transform:translateX(2000px)}60%{opacity:1;-webkit-transform:translateX(-30px);-ms-transform:translateX(-30px);transform:translateX(-30px)}80%{-webkit-transform:translateX(10px);-ms-transform:translateX(10px);transform:translateX(10px)}100%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}}.bounceInRight{-webkit-animation-name:bounceInRight;animation-name:bounceInRight}@-webkit-keyframes bounceInUp{0%{opacity:0;-webkit-transform:translateY(2000px);transform:translateY(2000px)}60%{opacity:1;-webkit-transform:translateY(-30px);transform:translateY(-30px)}80%{-webkit-transform:translateY(10px);transform:translateY(10px)}100%{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes bounceInUp{0%{opacity:0;-webkit-transform:translateY(2000px);-ms-transform:translateY(2000px);transform:translateY(2000px)}60%{opacity:1;-webkit-transform:translateY(-30px);-ms-transform:translateY(-30px);transform:translateY(-30px)}80%{-webkit-transform:translateY(10px);-ms-transform:translateY(10px);transform:translateY(10px)}100%{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}}.bounceInUp{-webkit-animation-name:bounceInUp;animation-name:bounceInUp}@-webkit-keyframes bounceOut{0%{-webkit-transform:scale(1);transform:scale(1)}25%{-webkit-transform:scale(.95);transform:scale(.95)}50%{opacity:1;-webkit-transform:scale(1.1);transform:scale(1.1)}100%{opacity:0;-webkit-transform:scale(.3);transform:scale(.3)}}@keyframes bounceOut{0%{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}25%{-webkit-transform:scale(.95);-ms-transform:scale(.95);transform:scale(.95)}50%{opacity:1;-webkit-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1)}100%{opacity:0;-webkit-transform:scale(.3);-ms-transform:scale(.3);transform:scale(.3)}}.bounceOut{-webkit-animation-name:bounceOut;animation-name:bounceOut}@-webkit-keyframes bounceOutDown{0%{-webkit-transform:translateY(0);transform:translateY(0)}20%{opacity:1;-webkit-transform:translateY(-20px);transform:translateY(-20px)}100%{opacity:0;-webkit-transform:translateY(2000px);transform:translateY(2000px)}}@keyframes bounceOutDown{0%{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}20%{opacity:1;-webkit-transform:translateY(-20px);-ms-transform:translateY(-20px);transform:translateY(-20px)}100%{opacity:0;-webkit-transform:translateY(2000px);-ms-transform:translateY(2000px);transform:translateY(2000px)}}.bounceOutDown{-webkit-animation-name:bounceOutDown;animation-name:bounceOutDown}@-webkit-keyframes bounceOutLeft{0%{-webkit-transform:translateX(0);transform:translateX(0)}20%{opacity:1;-webkit-transform:translateX(20px);transform:translateX(20px)}100%{opacity:0;-webkit-transform:translateX(-2000px);transform:translateX(-2000px)}}@keyframes bounceOutLeft{0%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}20%{opacity:1;-webkit-transform:translateX(20px);-ms-transform:translateX(20px);transform:translateX(20px)}100%{opacity:0;-webkit-transform:translateX(-2000px);-ms-transform:translateX(-2000px);transform:translateX(-2000px)}}.bounceOutLeft{-webkit-animation-name:bounceOutLeft;animation-name:bounceOutLeft}@-webkit-keyframes bounceOutRight{0%{-webkit-transform:translateX(0);transform:translateX(0)}20%{opacity:1;-webkit-transform:translateX(-20px);transform:translateX(-20px)}100%{opacity:0;-webkit-transform:translateX(2000px);transform:translateX(2000px)}}@keyframes bounceOutRight{0%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}20%{opacity:1;-webkit-transform:translateX(-20px);-ms-transform:translateX(-20px);transform:translateX(-20px)}100%{opacity:0;-webkit-transform:translateX(2000px);-ms-transform:translateX(2000px);transform:translateX(2000px)}}.bounceOutRight{-webkit-animation-name:bounceOutRight;animation-name:bounceOutRight}@-webkit-keyframes bounceOutUp{0%{-webkit-transform:translateY(0);transform:translateY(0)}20%{opacity:1;-webkit-transform:translateY(20px);transform:translateY(20px)}100%{opacity:0;-webkit-transform:translateY(-2000px);transform:translateY(-2000px)}}@keyframes bounceOutUp{0%{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}20%{opacity:1;-webkit-transform:translateY(20px);-ms-transform:translateY(20px);transform:translateY(20px)}100%{opacity:0;-webkit-transform:translateY(-2000px);-ms-transform:translateY(-2000px);transform:translateY(-2000px)}}.bounceOutUp{-webkit-animation-name:bounceOutUp;animation-name:bounceOutUp}@-webkit-keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@keyframes fadeIn{0%{opacity:0}100%{opacity:1}}.fadeIn{-webkit-animation-name:fadeIn;animation-name:fadeIn}@-webkit-keyframes fadeInDown{0%{opacity:0;-webkit-transform:translateY(-20px);transform:translateY(-20px)}100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes fadeInDown{0%{opacity:0;-webkit-transform:translateY(-20px);-ms-transform:translateY(-20px);transform:translateY(-20px)}100%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}}.fadeInDown{-webkit-animation-name:fadeInDown;animation-name:fadeInDown}@-webkit-keyframes fadeInDownBig{0%{opacity:0;-webkit-transform:translateY(-2000px);transform:translateY(-2000px)}100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes fadeInDownBig{0%{opacity:0;-webkit-transform:translateY(-2000px);-ms-transform:translateY(-2000px);transform:translateY(-2000px)}100%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}}.fadeInDownBig{-webkit-animation-name:fadeInDownBig;animation-name:fadeInDownBig}@-webkit-keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translateX(-20px);transform:translateX(-20px)}100%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translateX(-20px);-ms-transform:translateX(-20px);transform:translateX(-20px)}100%{opacity:1;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}}.fadeInLeft{-webkit-animation-name:fadeInLeft;animation-name:fadeInLeft}@-webkit-keyframes fadeInLeftBig{0%{opacity:0;-webkit-transform:translateX(-2000px);transform:translateX(-2000px)}100%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes fadeInLeftBig{0%{opacity:0;-webkit-transform:translateX(-2000px);-ms-transform:translateX(-2000px);transform:translateX(-2000px)}100%{opacity:1;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}}.fadeInLeftBig{-webkit-animation-name:fadeInLeftBig;animation-name:fadeInLeftBig}@-webkit-keyframes fadeInRight{0%{opacity:0;-webkit-transform:translateX(20px);transform:translateX(20px)}100%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes fadeInRight{0%{opacity:0;-webkit-transform:translateX(20px);-ms-transform:translateX(20px);transform:translateX(20px)}100%{opacity:1;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}}.fadeInRight{-webkit-animation-name:fadeInRight;animation-name:fadeInRight}@-webkit-keyframes fadeInRightBig{0%{opacity:0;-webkit-transform:translateX(2000px);transform:translateX(2000px)}100%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes fadeInRightBig{0%{opacity:0;-webkit-transform:translateX(2000px);-ms-transform:translateX(2000px);transform:translateX(2000px)}100%{opacity:1;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}}.fadeInRightBig{-webkit-animation-name:fadeInRightBig;animation-name:fadeInRightBig}@-webkit-keyframes fadeInUp{0%{opacity:0;-webkit-transform:translateY(20px);transform:translateY(20px)}100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;-webkit-transform:translateY(20px);-ms-transform:translateY(20px);transform:translateY(20px)}100%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}}.fadeInUp{-webkit-animation-name:fadeInUp;animation-name:fadeInUp}@-webkit-keyframes fadeInUpBig{0%{opacity:0;-webkit-transform:translateY(2000px);transform:translateY(2000px)}100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes fadeInUpBig{0%{opacity:0;-webkit-transform:translateY(2000px);-ms-transform:translateY(2000px);transform:translateY(2000px)}100%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}}.fadeInUpBig{-webkit-animation-name:fadeInUpBig;animation-name:fadeInUpBig}@-webkit-keyframes fadeOut{0%{opacity:1}100%{opacity:0}}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.fadeOut{-webkit-animation-name:fadeOut;animation-name:fadeOut}@-webkit-keyframes fadeOutDown{0%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}100%{opacity:0;-webkit-transform:translateY(20px);transform:translateY(20px)}}@keyframes fadeOutDown{0%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}100%{opacity:0;-webkit-transform:translateY(20px);-ms-transform:translateY(20px);transform:translateY(20px)}}.fadeOutDown{-webkit-animation-name:fadeOutDown;animation-name:fadeOutDown}@-webkit-keyframes fadeOutDownBig{0%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}100%{opacity:0;-webkit-transform:translateY(2000px);transform:translateY(2000px)}}@keyframes fadeOutDownBig{0%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}100%{opacity:0;-webkit-transform:translateY(2000px);-ms-transform:translateY(2000px);transform:translateY(2000px)}}.fadeOutDownBig{-webkit-animation-name:fadeOutDownBig;animation-name:fadeOutDownBig}@-webkit-keyframes fadeOutLeft{0%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}100%{opacity:0;-webkit-transform:translateX(-20px);transform:translateX(-20px)}}@keyframes fadeOutLeft{0%{opacity:1;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}100%{opacity:0;-webkit-transform:translateX(-20px);-ms-transform:translateX(-20px);transform:translateX(-20px)}}.fadeOutLeft{-webkit-animation-name:fadeOutLeft;animation-name:fadeOutLeft}@-webkit-keyframes fadeOutLeftBig{0%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}100%{opacity:0;-webkit-transform:translateX(-2000px);transform:translateX(-2000px)}}@keyframes fadeOutLeftBig{0%{opacity:1;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}100%{opacity:0;-webkit-transform:translateX(-2000px);-ms-transform:translateX(-2000px);transform:translateX(-2000px)}}.fadeOutLeftBig{-webkit-animation-name:fadeOutLeftBig;animation-name:fadeOutLeftBig}@-webkit-keyframes fadeOutRight{0%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}100%{opacity:0;-webkit-transform:translateX(20px);transform:translateX(20px)}}@keyframes fadeOutRight{0%{opacity:1;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}100%{opacity:0;-webkit-transform:translateX(20px);-ms-transform:translateX(20px);transform:translateX(20px)}}.fadeOutRight{-webkit-animation-name:fadeOutRight;animation-name:fadeOutRight}@-webkit-keyframes fadeOutRightBig{0%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}100%{opacity:0;-webkit-transform:translateX(2000px);transform:translateX(2000px)}}@keyframes fadeOutRightBig{0%{opacity:1;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}100%{opacity:0;-webkit-transform:translateX(2000px);-ms-transform:translateX(2000px);transform:translateX(2000px)}}.fadeOutRightBig{-webkit-animation-name:fadeOutRightBig;animation-name:fadeOutRightBig}@-webkit-keyframes fadeOutUp{0%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}100%{opacity:0;-webkit-transform:translateY(-20px);transform:translateY(-20px)}}@keyframes fadeOutUp{0%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}100%{opacity:0;-webkit-transform:translateY(-20px);-ms-transform:translateY(-20px);transform:translateY(-20px)}}.fadeOutUp{-webkit-animation-name:fadeOutUp;animation-name:fadeOutUp}@-webkit-keyframes fadeOutUpBig{0%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}100%{opacity:0;-webkit-transform:translateY(-2000px);transform:translateY(-2000px)}}@keyframes fadeOutUpBig{0%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}100%{opacity:0;-webkit-transform:translateY(-2000px);-ms-transform:translateY(-2000px);transform:translateY(-2000px)}}.fadeOutUpBig{-webkit-animation-name:fadeOutUpBig;animation-name:fadeOutUpBig}@-webkit-keyframes flip{0%{-webkit-transform:perspective(400px) translateZ(0) rotateY(0) scale(1);transform:perspective(400px) translateZ(0) rotateY(0) scale(1);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}40%{-webkit-transform:perspective(400px) translateZ(150px) rotateY(170deg) scale(1);transform:perspective(400px) translateZ(150px) rotateY(170deg) scale(1);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}50%{-webkit-transform:perspective(400px) translateZ(150px) rotateY(190deg) scale(1);transform:perspective(400px) translateZ(150px) rotateY(190deg) scale(1);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}80%{-webkit-transform:perspective(400px) translateZ(0) rotateY(360deg) scale(.95);transform:perspective(400px) translateZ(0) rotateY(360deg) scale(.95);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}100%{-webkit-transform:perspective(400px) translateZ(0) rotateY(360deg) scale(1);transform:perspective(400px) translateZ(0) rotateY(360deg) scale(1);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}}@keyframes flip{0%{-webkit-transform:perspective(400px) translateZ(0) rotateY(0) scale(1);-ms-transform:perspective(400px) translateZ(0) rotateY(0) scale(1);transform:perspective(400px) translateZ(0) rotateY(0) scale(1);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}40%{-webkit-transform:perspective(400px) translateZ(150px) rotateY(170deg) scale(1);-ms-transform:perspective(400px) translateZ(150px) rotateY(170deg) scale(1);transform:perspective(400px) translateZ(150px) rotateY(170deg) scale(1);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}50%{-webkit-transform:perspective(400px) translateZ(150px) rotateY(190deg) scale(1);-ms-transform:perspective(400px) translateZ(150px) rotateY(190deg) scale(1);transform:perspective(400px) translateZ(150px) rotateY(190deg) scale(1);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}80%{-webkit-transform:perspective(400px) translateZ(0) rotateY(360deg) scale(.95);-ms-transform:perspective(400px) translateZ(0) rotateY(360deg) scale(.95);transform:perspective(400px) translateZ(0) rotateY(360deg) scale(.95);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}100%{-webkit-transform:perspective(400px) translateZ(0) rotateY(360deg) scale(1);-ms-transform:perspective(400px) translateZ(0) rotateY(360deg) scale(1);transform:perspective(400px) translateZ(0) rotateY(360deg) scale(1);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}}.animated.flip{-webkit-backface-visibility:visible;-ms-backface-visibility:visible;backface-visibility:visible;-webkit-animation-name:flip;animation-name:flip}@-webkit-keyframes flipInX{0%{-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);opacity:0}40%{-webkit-transform:perspective(400px) rotateX(-10deg);transform:perspective(400px) rotateX(-10deg)}70%{-webkit-transform:perspective(400px) rotateX(10deg);transform:perspective(400px) rotateX(10deg)}100%{-webkit-transform:perspective(400px) rotateX(0deg);transform:perspective(400px) rotateX(0deg);opacity:1}}@keyframes flipInX{0%{-webkit-transform:perspective(400px) rotateX(90deg);-ms-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);opacity:0}40%{-webkit-transform:perspective(400px) rotateX(-10deg);-ms-transform:perspective(400px) rotateX(-10deg);transform:perspective(400px) rotateX(-10deg)}70%{-webkit-transform:perspective(400px) rotateX(10deg);-ms-transform:perspective(400px) rotateX(10deg);transform:perspective(400px) rotateX(10deg)}100%{-webkit-transform:perspective(400px) rotateX(0deg);-ms-transform:perspective(400px) rotateX(0deg);transform:perspective(400px) rotateX(0deg);opacity:1}}.flipInX{-webkit-backface-visibility:visible!important;-ms-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipInX;animation-name:flipInX}@-webkit-keyframes flipInY{0%{-webkit-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);opacity:0}40%{-webkit-transform:perspective(400px) rotateY(-10deg);transform:perspective(400px) rotateY(-10deg)}70%{-webkit-transform:perspective(400px) rotateY(10deg);transform:perspective(400px) rotateY(10deg)}100%{-webkit-transform:perspective(400px) rotateY(0deg);transform:perspective(400px) rotateY(0deg);opacity:1}}@keyframes flipInY{0%{-webkit-transform:perspective(400px) rotateY(90deg);-ms-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);opacity:0}40%{-webkit-transform:perspective(400px) rotateY(-10deg);-ms-transform:perspective(400px) rotateY(-10deg);transform:perspective(400px) rotateY(-10deg)}70%{-webkit-transform:perspective(400px) rotateY(10deg);-ms-transform:perspective(400px) rotateY(10deg);transform:perspective(400px) rotateY(10deg)}100%{-webkit-transform:perspective(400px) rotateY(0deg);-ms-transform:perspective(400px) rotateY(0deg);transform:perspective(400px) rotateY(0deg);opacity:1}}.flipInY{-webkit-backface-visibility:visible!important;-ms-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipInY;animation-name:flipInY}@-webkit-keyframes flipOutX{0%{-webkit-transform:perspective(400px) rotateX(0deg);transform:perspective(400px) rotateX(0deg);opacity:1}100%{-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);opacity:0}}@keyframes flipOutX{0%{-webkit-transform:perspective(400px) rotateX(0deg);-ms-transform:perspective(400px) rotateX(0deg);transform:perspective(400px) rotateX(0deg);opacity:1}100%{-webkit-transform:perspective(400px) rotateX(90deg);-ms-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);opacity:0}}.flipOutX{-webkit-animation-name:flipOutX;animation-name:flipOutX;-webkit-backface-visibility:visible!important;-ms-backface-visibility:visible!important;backface-visibility:visible!important}@-webkit-keyframes flipOutY{0%{-webkit-transform:perspective(400px) rotateY(0deg);transform:perspective(400px) rotateY(0deg);opacity:1}100%{-webkit-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);opacity:0}}@keyframes flipOutY{0%{-webkit-transform:perspective(400px) rotateY(0deg);-ms-transform:perspective(400px) rotateY(0deg);transform:perspective(400px) rotateY(0deg);opacity:1}100%{-webkit-transform:perspective(400px) rotateY(90deg);-ms-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);opacity:0}}.flipOutY{-webkit-backface-visibility:visible!important;-ms-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipOutY;animation-name:flipOutY}@-webkit-keyframes lightSpeedIn{0%{-webkit-transform:translateX(100%) skewX(-30deg);transform:translateX(100%) skewX(-30deg);opacity:0}60%{-webkit-transform:translateX(-20%) skewX(30deg);transform:translateX(-20%) skewX(30deg);opacity:1}80%{-webkit-transform:translateX(0%) skewX(-15deg);transform:translateX(0%) skewX(-15deg);opacity:1}100%{-webkit-transform:translateX(0%) skewX(0deg);transform:translateX(0%) skewX(0deg);opacity:1}}@keyframes lightSpeedIn{0%{-webkit-transform:translateX(100%) skewX(-30deg);-ms-transform:translateX(100%) skewX(-30deg);transform:translateX(100%) skewX(-30deg);opacity:0}60%{-webkit-transform:translateX(-20%) skewX(30deg);-ms-transform:translateX(-20%) skewX(30deg);transform:translateX(-20%) skewX(30deg);opacity:1}80%{-webkit-transform:translateX(0%) skewX(-15deg);-ms-transform:translateX(0%) skewX(-15deg);transform:translateX(0%) skewX(-15deg);opacity:1}100%{-webkit-transform:translateX(0%) skewX(0deg);-ms-transform:translateX(0%) skewX(0deg);transform:translateX(0%) skewX(0deg);opacity:1}}.lightSpeedIn{-webkit-animation-name:lightSpeedIn;animation-name:lightSpeedIn;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}@-webkit-keyframes lightSpeedOut{0%{-webkit-transform:translateX(0%) skewX(0deg);transform:translateX(0%) skewX(0deg);opacity:1}100%{-webkit-transform:translateX(100%) skewX(-30deg);transform:translateX(100%) skewX(-30deg);opacity:0}}@keyframes lightSpeedOut{0%{-webkit-transform:translateX(0%) skewX(0deg);-ms-transform:translateX(0%) skewX(0deg);transform:translateX(0%) skewX(0deg);opacity:1}100%{-webkit-transform:translateX(100%) skewX(-30deg);-ms-transform:translateX(100%) skewX(-30deg);transform:translateX(100%) skewX(-30deg);opacity:0}}.lightSpeedOut{-webkit-animation-name:lightSpeedOut;animation-name:lightSpeedOut;-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}@-webkit-keyframes rotateIn{0%{-webkit-transform-origin:center center;transform-origin:center center;-webkit-transform:rotate(-200deg);transform:rotate(-200deg);opacity:0}100%{-webkit-transform-origin:center center;transform-origin:center center;-webkit-transform:rotate(0);transform:rotate(0);opacity:1}}@keyframes rotateIn{0%{-webkit-transform-origin:center center;-ms-transform-origin:center center;transform-origin:center center;-webkit-transform:rotate(-200deg);-ms-transform:rotate(-200deg);transform:rotate(-200deg);opacity:0}100%{-webkit-transform-origin:center center;-ms-transform-origin:center center;transform-origin:center center;-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);opacity:1}}.rotateIn{-webkit-animation-name:rotateIn;animation-name:rotateIn}@-webkit-keyframes rotateInDownLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0}100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(0);transform:rotate(0);opacity:1}}@keyframes rotateInDownLeft{0%{-webkit-transform-origin:left bottom;-ms-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0}100%{-webkit-transform-origin:left bottom;-ms-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);opacity:1}}.rotateInDownLeft{-webkit-animation-name:rotateInDownLeft;animation-name:rotateInDownLeft}@-webkit-keyframes rotateInDownRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(90deg);transform:rotate(90deg);opacity:0}100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(0);transform:rotate(0);opacity:1}}@keyframes rotateInDownRight{0%{-webkit-transform-origin:right bottom;-ms-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);opacity:0}100%{-webkit-transform-origin:right bottom;-ms-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);opacity:1}}.rotateInDownRight{-webkit-animation-name:rotateInDownRight;animation-name:rotateInDownRight}@-webkit-keyframes rotateInUpLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(90deg);transform:rotate(90deg);opacity:0}100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(0);transform:rotate(0);opacity:1}}@keyframes rotateInUpLeft{0%{-webkit-transform-origin:left bottom;-ms-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);opacity:0}100%{-webkit-transform-origin:left bottom;-ms-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);opacity:1}}.rotateInUpLeft{-webkit-animation-name:rotateInUpLeft;animation-name:rotateInUpLeft}@-webkit-keyframes rotateInUpRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0}100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(0);transform:rotate(0);opacity:1}}@keyframes rotateInUpRight{0%{-webkit-transform-origin:right bottom;-ms-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0}100%{-webkit-transform-origin:right bottom;-ms-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);opacity:1}}.rotateInUpRight{-webkit-animation-name:rotateInUpRight;animation-name:rotateInUpRight}@-webkit-keyframes rotateOut{0%{-webkit-transform-origin:center center;transform-origin:center center;-webkit-transform:rotate(0);transform:rotate(0);opacity:1}100%{-webkit-transform-origin:center center;transform-origin:center center;-webkit-transform:rotate(200deg);transform:rotate(200deg);opacity:0}}@keyframes rotateOut{0%{-webkit-transform-origin:center center;-ms-transform-origin:center center;transform-origin:center center;-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);opacity:1}100%{-webkit-transform-origin:center center;-ms-transform-origin:center center;transform-origin:center center;-webkit-transform:rotate(200deg);-ms-transform:rotate(200deg);transform:rotate(200deg);opacity:0}}.rotateOut{-webkit-animation-name:rotateOut;animation-name:rotateOut}@-webkit-keyframes rotateOutDownLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(0);transform:rotate(0);opacity:1}100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(90deg);transform:rotate(90deg);opacity:0}}@keyframes rotateOutDownLeft{0%{-webkit-transform-origin:left bottom;-ms-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);opacity:1}100%{-webkit-transform-origin:left bottom;-ms-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);opacity:0}}.rotateOutDownLeft{-webkit-animation-name:rotateOutDownLeft;animation-name:rotateOutDownLeft}@-webkit-keyframes rotateOutDownRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(0);transform:rotate(0);opacity:1}100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0}}@keyframes rotateOutDownRight{0%{-webkit-transform-origin:right bottom;-ms-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);opacity:1}100%{-webkit-transform-origin:right bottom;-ms-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0}}.rotateOutDownRight{-webkit-animation-name:rotateOutDownRight;animation-name:rotateOutDownRight}@-webkit-keyframes rotateOutUpLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(0);transform:rotate(0);opacity:1}100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0}}@keyframes rotateOutUpLeft{0%{-webkit-transform-origin:left bottom;-ms-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);opacity:1}100%{-webkit-transform-origin:left bottom;-ms-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0}}.rotateOutUpLeft{-webkit-animation-name:rotateOutUpLeft;animation-name:rotateOutUpLeft}@-webkit-keyframes rotateOutUpRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(0);transform:rotate(0);opacity:1}100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(90deg);transform:rotate(90deg);opacity:0}}@keyframes rotateOutUpRight{0%{-webkit-transform-origin:right bottom;-ms-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);opacity:1}100%{-webkit-transform-origin:right bottom;-ms-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);opacity:0}}.rotateOutUpRight{-webkit-animation-name:rotateOutUpRight;animation-name:rotateOutUpRight}@-webkit-keyframes slideInDown{0%{opacity:0;-webkit-transform:translateY(-2000px);transform:translateY(-2000px)}100%{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes slideInDown{0%{opacity:0;-webkit-transform:translateY(-2000px);-ms-transform:translateY(-2000px);transform:translateY(-2000px)}100%{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}}.slideInDown{-webkit-animation-name:slideInDown;animation-name:slideInDown}@-webkit-keyframes slideInLeft{0%{opacity:0;-webkit-transform:translateX(-2000px);transform:translateX(-2000px)}100%{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes slideInLeft{0%{opacity:0;-webkit-transform:translateX(-2000px);-ms-transform:translateX(-2000px);transform:translateX(-2000px)}100%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}}.slideInLeft{-webkit-animation-name:slideInLeft;animation-name:slideInLeft}@-webkit-keyframes slideInRight{0%{opacity:0;-webkit-transform:translateX(2000px);transform:translateX(2000px)}100%{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes slideInRight{0%{opacity:0;-webkit-transform:translateX(2000px);-ms-transform:translateX(2000px);transform:translateX(2000px)}100%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}}.slideInRight{-webkit-animation-name:slideInRight;animation-name:slideInRight}@-webkit-keyframes slideOutLeft{0%{-webkit-transform:translateX(0);transform:translateX(0)}100%{opacity:0;-webkit-transform:translateX(-2000px);transform:translateX(-2000px)}}@keyframes slideOutLeft{0%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}100%{opacity:0;-webkit-transform:translateX(-2000px);-ms-transform:translateX(-2000px);transform:translateX(-2000px)}}.slideOutLeft{-webkit-animation-name:slideOutLeft;animation-name:slideOutLeft}@-webkit-keyframes slideOutRight{0%{-webkit-transform:translateX(0);transform:translateX(0)}100%{opacity:0;-webkit-transform:translateX(2000px);transform:translateX(2000px)}}@keyframes slideOutRight{0%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}100%{opacity:0;-webkit-transform:translateX(2000px);-ms-transform:translateX(2000px);transform:translateX(2000px)}}.slideOutRight{-webkit-animation-name:slideOutRight;animation-name:slideOutRight}@-webkit-keyframes slideOutUp{0%{-webkit-transform:translateY(0);transform:translateY(0)}100%{opacity:0;-webkit-transform:translateY(-2000px);transform:translateY(-2000px)}}@keyframes slideOutUp{0%{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}100%{opacity:0;-webkit-transform:translateY(-2000px);-ms-transform:translateY(-2000px);transform:translateY(-2000px)}}.slideOutUp{-webkit-animation-name:slideOutUp;animation-name:slideOutUp}@-webkit-keyframes slideInUp{0%{opacity:0;-webkit-transform:translateY(2000px);transform:translateY(2000px)}100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes slideInUp{0%{opacity:0;-webkit-transform:translateY(2000px);-ms-transform:translateY(2000px);transform:translateY(2000px)}100%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}}.slideInUp{-webkit-animation-name:slideInUp;animation-name:slideInUp}@-webkit-keyframes slideOutDown{0%{-webkit-transform:translateY(0);transform:translateY(0)}100%{opacity:0;-webkit-transform:translateY(2000px);transform:translateY(2000px)}}@keyframes slideOutDown{0%{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}100%{opacity:0;-webkit-transform:translateY(2000px);-ms-transform:translateY(2000px);transform:translateY(2000px)}}.slideOutDown{-webkit-animation-name:slideOutDown;animation-name:slideOutDown}@-webkit-keyframes hinge{0%{-webkit-transform:rotate(0);transform:rotate(0);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}20%,60%{-webkit-transform:rotate(80deg);transform:rotate(80deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}40%{-webkit-transform:rotate(60deg);transform:rotate(60deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}80%{-webkit-transform:rotate(60deg) translateY(0);transform:rotate(60deg) translateY(0);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;opacity:1}100%{-webkit-transform:translateY(700px);transform:translateY(700px);opacity:0}}@keyframes hinge{0%{-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);-webkit-transform-origin:top left;-ms-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}20%,60%{-webkit-transform:rotate(80deg);-ms-transform:rotate(80deg);transform:rotate(80deg);-webkit-transform-origin:top left;-ms-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}40%{-webkit-transform:rotate(60deg);-ms-transform:rotate(60deg);transform:rotate(60deg);-webkit-transform-origin:top left;-ms-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}80%{-webkit-transform:rotate(60deg) translateY(0);-ms-transform:rotate(60deg) translateY(0);transform:rotate(60deg) translateY(0);-webkit-transform-origin:top left;-ms-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;opacity:1}100%{-webkit-transform:translateY(700px);-ms-transform:translateY(700px);transform:translateY(700px);opacity:0}}.hinge{-webkit-animation-name:hinge;animation-name:hinge}@-webkit-keyframes rollIn{0%{opacity:0;-webkit-transform:translateX(-100%) rotate(-120deg);transform:translateX(-100%) rotate(-120deg)}100%{opacity:1;-webkit-transform:translateX(0px) rotate(0deg);transform:translateX(0px) rotate(0deg)}}@keyframes rollIn{0%{opacity:0;-webkit-transform:translateX(-100%) rotate(-120deg);-ms-transform:translateX(-100%) rotate(-120deg);transform:translateX(-100%) rotate(-120deg)}100%{opacity:1;-webkit-transform:translateX(0px) rotate(0deg);-ms-transform:translateX(0px) rotate(0deg);transform:translateX(0px) rotate(0deg)}}.rollIn{-webkit-animation-name:rollIn;animation-name:rollIn}@-webkit-keyframes rollOut{0%{opacity:1;-webkit-transform:translateX(0px) rotate(0deg);transform:translateX(0px) rotate(0deg)}100%{opacity:0;-webkit-transform:translateX(100%) rotate(120deg);transform:translateX(100%) rotate(120deg)}}@keyframes rollOut{0%{opacity:1;-webkit-transform:translateX(0px) rotate(0deg);-ms-transform:translateX(0px) rotate(0deg);transform:translateX(0px) rotate(0deg)}100%{opacity:0;-webkit-transform:translateX(100%) rotate(120deg);-ms-transform:translateX(100%) rotate(120deg);transform:translateX(100%) rotate(120deg)}}.rollOut{-webkit-animation-name:rollOut;animation-name:rollOut}@-webkit-keyframes zoomIn{0%{opacity:0;-webkit-transform:scale(.3);transform:scale(.3)}50%{opacity:1}}@keyframes zoomIn{0%{opacity:0;-webkit-transform:scale(.3);-ms-transform:scale(.3);transform:scale(.3)}50%{opacity:1}}.zoomIn{-webkit-animation-name:zoomIn;animation-name:zoomIn}@-webkit-keyframes zoomInDown{0%{opacity:0;-webkit-transform:scale(.1) translateY(-2000px);transform:scale(.1) translateY(-2000px);-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}60%{opacity:1;-webkit-transform:scale(.475) translateY(60px);transform:scale(.475) translateY(60px);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}}@keyframes zoomInDown{0%{opacity:0;-webkit-transform:scale(.1) translateY(-2000px);-ms-transform:scale(.1) translateY(-2000px);transform:scale(.1) translateY(-2000px);-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}60%{opacity:1;-webkit-transform:scale(.475) translateY(60px);-ms-transform:scale(.475) translateY(60px);transform:scale(.475) translateY(60px);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}}.zoomInDown{-webkit-animation-name:zoomInDown;animation-name:zoomInDown}@-webkit-keyframes zoomInLeft{0%{opacity:0;-webkit-transform:scale(.1) translateX(-2000px);transform:scale(.1) translateX(-2000px);-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}60%{opacity:1;-webkit-transform:scale(.475) translateX(48px);transform:scale(.475) translateX(48px);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}}@keyframes zoomInLeft{0%{opacity:0;-webkit-transform:scale(.1) translateX(-2000px);-ms-transform:scale(.1) translateX(-2000px);transform:scale(.1) translateX(-2000px);-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}60%{opacity:1;-webkit-transform:scale(.475) translateX(48px);-ms-transform:scale(.475) translateX(48px);transform:scale(.475) translateX(48px);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}}.zoomInLeft{-webkit-animation-name:zoomInLeft;animation-name:zoomInLeft}@-webkit-keyframes zoomInRight{0%{opacity:0;-webkit-transform:scale(.1) translateX(2000px);transform:scale(.1) translateX(2000px);-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}60%{opacity:1;-webkit-transform:scale(.475) translateX(-48px);transform:scale(.475) translateX(-48px);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}}@keyframes zoomInRight{0%{opacity:0;-webkit-transform:scale(.1) translateX(2000px);-ms-transform:scale(.1) translateX(2000px);transform:scale(.1) translateX(2000px);-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}60%{opacity:1;-webkit-transform:scale(.475) translateX(-48px);-ms-transform:scale(.475) translateX(-48px);transform:scale(.475) translateX(-48px);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}}.zoomInRight{-webkit-animation-name:zoomInRight;animation-name:zoomInRight}@-webkit-keyframes zoomInUp{0%{opacity:0;-webkit-transform:scale(.1) translateY(2000px);transform:scale(.1) translateY(2000px);-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}60%{opacity:1;-webkit-transform:scale(.475) translateY(-60px);transform:scale(.475) translateY(-60px);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}}@keyframes zoomInUp{0%{opacity:0;-webkit-transform:scale(.1) translateY(2000px);-ms-transform:scale(.1) translateY(2000px);transform:scale(.1) translateY(2000px);-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}60%{opacity:1;-webkit-transform:scale(.475) translateY(-60px);-ms-transform:scale(.475) translateY(-60px);transform:scale(.475) translateY(-60px);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}}.zoomInUp{-webkit-animation-name:zoomInUp;animation-name:zoomInUp}@-webkit-keyframes zoomOut{0%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}50%{opacity:0;-webkit-transform:scale(.3);transform:scale(.3)}100%{opacity:0}}@keyframes zoomOut{0%{opacity:1;-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}50%{opacity:0;-webkit-transform:scale(.3);-ms-transform:scale(.3);transform:scale(.3)}100%{opacity:0}}.zoomOut{-webkit-animation-name:zoomOut;animation-name:zoomOut}@-webkit-keyframes zoomOutDown{40%{opacity:1;-webkit-transform:scale(.475) translateY(-60px);transform:scale(.475) translateY(-60px);-webkit-animation-timing-function:linear;animation-timing-function:linear}100%{opacity:0;-webkit-transform:scale(.1) translateY(2000px);transform:scale(.1) translateY(2000px);-webkit-transform-origin:center bottom;transform-origin:center bottom}}@keyframes zoomOutDown{40%{opacity:1;-webkit-transform:scale(.475) translateY(-60px);-ms-transform:scale(.475) translateY(-60px);transform:scale(.475) translateY(-60px);-webkit-animation-timing-function:linear;animation-timing-function:linear}100%{opacity:0;-webkit-transform:scale(.1) translateY(2000px);-ms-transform:scale(.1) translateY(2000px);transform:scale(.1) translateY(2000px);-webkit-transform-origin:center bottom;-ms-transform-origin:center bottom;transform-origin:center bottom}}.zoomOutDown{-webkit-animation-name:zoomOutDown;animation-name:zoomOutDown}@-webkit-keyframes zoomOutLeft{40%{opacity:1;-webkit-transform:scale(.475) translateX(42px);transform:scale(.475) translateX(42px);-webkit-animation-timing-function:linear;animation-timing-function:linear}100%{opacity:0;-webkit-transform:scale(.1) translateX(-2000px);transform:scale(.1) translateX(-2000px);-webkit-transform-origin:left center;transform-origin:left center}}@keyframes zoomOutLeft{40%{opacity:1;-webkit-transform:scale(.475) translateX(42px);-ms-transform:scale(.475) translateX(42px);transform:scale(.475) translateX(42px);-webkit-animation-timing-function:linear;animation-timing-function:linear}100%{opacity:0;-webkit-transform:scale(.1) translateX(-2000px);-ms-transform:scale(.1) translateX(-2000px);transform:scale(.1) translateX(-2000px);-webkit-transform-origin:left center;-ms-transform-origin:left center;transform-origin:left center}}.zoomOutLeft{-webkit-animation-name:zoomOutLeft;animation-name:zoomOutLeft}@-webkit-keyframes zoomOutRight{40%{opacity:1;-webkit-transform:scale(.475) translateX(-42px);transform:scale(.475) translateX(-42px);-webkit-animation-timing-function:linear;animation-timing-function:linear}100%{opacity:0;-webkit-transform:scale(.1) translateX(2000px);transform:scale(.1) translateX(2000px);-webkit-transform-origin:right center;transform-origin:right center}}@keyframes zoomOutRight{40%{opacity:1;-webkit-transform:scale(.475) translateX(-42px);-ms-transform:scale(.475) translateX(-42px);transform:scale(.475) translateX(-42px);-webkit-animation-timing-function:linear;animation-timing-function:linear}100%{opacity:0;-webkit-transform:scale(.1) translateX(2000px);-ms-transform:scale(.1) translateX(2000px);transform:scale(.1) translateX(2000px);-webkit-transform-origin:right center;-ms-transform-origin:right center;transform-origin:right center}}.zoomOutRight{-webkit-animation-name:zoomOutRight;animation-name:zoomOutRight}@-webkit-keyframes zoomOutUp{40%{opacity:1;-webkit-transform:scale(.475) translateY(60px);transform:scale(.475) translateY(60px);-webkit-animation-timing-function:linear;animation-timing-function:linear}100%{opacity:0;-webkit-transform:scale(.1) translateY(-2000px);transform:scale(.1) translateY(-2000px);-webkit-transform-origin:center top;transform-origin:center top}}@keyframes zoomOutUp{40%{opacity:1;-webkit-transform:scale(.475) translateY(60px);-ms-transform:scale(.475) translateY(60px);transform:scale(.475) translateY(60px);-webkit-animation-timing-function:linear;animation-timing-function:linear}100%{opacity:0;-webkit-transform:scale(.1) translateY(-2000px);-ms-transform:scale(.1) translateY(-2000px);transform:scale(.1) translateY(-2000px);-webkit-transform-origin:center top;-ms-transform-origin:center top;transform-origin:center top}}.zoomOutUp{-webkit-animation-name:zoomOutUp;animation-name:zoomOutUp}