@charset "utf-8"; 
@import url('icon.css');

/*友情连接*/ 
.p_l_list li{float:left; width:16.66%; float:left; padding: 10px;}
.p_l_list li a{display: table-cell;text-align: center;vertical-align: middle;width: 120px;}
.p_l_list li img{ width: 120px; display:block;} 
/*下载*/
.n_d_list li{ height: 38px;border-bottom: 1px solid #eee;}
.n_d_list li a{ float:left; line-height:38px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;font-size:14px;}
.n_d_list li span{ float:right; line-height:35px;}
/*招聘*/
.gbook_formbtn input[type="reset"] {
    display: none;
}
.gbook_formbtn input[type="button"] {
    display: none;
}
.n_j_list li{  height: 38px;border-bottom: 1px solid #eee;}
.n_j_list li a{ float:left; line-height:38px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;font-size:16px;}
.n_j_list li span{ float:right; line-height:35px;font-size: 16px;}
/*新闻*/
.n_n_list{margin-top: -35px;}
.n_n_list dl{margin: 35px 0;overflow: hidden; background-color:#fff;border-bottom:1px solid #eee;}
.n_n_list dl dt{float:left; overflow: hidden;}
.n_n_list dl dd{float:right;width: 720px; text-align: left;margin-left: 20px;}
.n_n_list dl dd a{display:block; height:35px; line-height:35px; font-size:16px;color: #000; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;width: 658px;float: left;}
.n_n_list dl dd ins{display: block; margin: 10px 0px; height: 20px; line-height: 20px; overflow: hidden; color: #888888; text-decoration:none;color: #243a8e;font-size: 22px;}
.n_n_list dl dd>div{display: block; margin-top: 25px;height: 60px; line-height: 20px; overflow: hidden; color: #666;font-size: 14px; width: 580px;}
.n_n_list dl dd span{font-size: 14px;color: #333;float: right;}

.listnew_left{ float:left; }
.listnew_left li{ width:310px; height:190px; border:2px solid #EBEBEB}
.listnew_left li img{ width:285px; height:157px; padding:15px 0 0 13.5px;}
.listnew_right{ width:660px; float:right; margin-top:35px}
.title2{ font-size:14px; color:#E60012; height:25px;}
.title2 a{color:#E60012; float:left; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; display:block; width:500px;}
.title2 span{ float:right; font-size:12px; background:url(../images/zhi1.png)  no-repeat 75px -2px; padding-right:20px}
.listnews_article{ font-size:12px; line-height:35px; margin-top:10px; height:90px; overflow:hidden;}
.listnews_article span{ color:#E71021}
.listnews_article span a{color:#E71021}
.listnews_our{ margin-bottom:35px; width:1000px; float:left;}
 
.waterfall{-moz-column-count:3; /* Firefox */-webkit-column-count:3; /* Safari 和 Chrome */column-count:3;-moz-column-gap: 1em;-webkit-column-gap: 1em;column-gap: 1em;}
/*一个内容层*/
.item{-moz-page-break-inside: avoid;-webkit-column-break-inside: avoid;break-inside: avoid;}
.item img{width: 280px;}
/*视频*/
.p_v_list{}
.p_v_list li{float:left; display:inline-block; width:320px; margin:0 6px 10px 7px;}
.p_v_list li img{width:320px; height:240px;}
.p_v_list li span{ display:block; height:35px; line-height:35px; text-indent:20px; width:320px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; border-bottom:2px solid #d9d7d7; background:url(/templates/images/icon01.jpg) no-repeat 3px center;}
/* ---------------结束---------------- */

/* ---------------开始首页内容------------------ */
.right {
	float: right;
}
.left {
	float: left;
}
/* 首页推荐新闻*/
.i_n_list{}
.i_n_list .nlist2 li{line-height:24px; padding-left:8px; width:224px; display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis; background:url(../images/icon4.gif) no-repeat 8px 10px; padding-left:15px;}
.i_n_list .nlist2 a{display:block; width:220px; overflow:hidden;float:left;font-size:12px; text-align:left; white-space:nowrap;text-overflow:ellipsis;}
.i_n_list .nlist2 a:hover{ text-decoration:none;}
.i_n_list .i_title li{width:90px;}
.i_n_list .i_title a{float:left; padding-left:13px;font-size:12px; text-align:left;display:block; overflow:hidden; white-space:nowrap;text-overflow:ellipsis; background:none; color:#616161;}
.i_n_list .i_title a:hover{ color:#fff;}
/* 首页推荐产品 */
/* 首页友情链接图片列表式 */
.i_l_list{ display:inline-block;}
.i_l_list a{display:block; display:inline; overflow:hidden; float:left; width:30.5%; margin:5px;line-height:22px;white-space:nowrap;text-overflow:ellipsis;}
.i_l_list img{ display:block;width:96%;height:80px; padding:1px;border:1px solid #C4C4C4;}
.i_l_list a:hover img{border:1px solid #900; }
/* 翻页按钮 */
.navPage{clear:left; padding:45px 0px 35px 0px;font-size:14px;font-family:arial,simsun,sans-serif; text-align:center; width:100%; margin:0 auto;}
.navPage ul{ text-align:center;}
.navPage li{ display:inline-block; margin-right:2px;}
.navPage a{display:block; color:#cccccc;width:26px; height:26px; display:block; border:1px solid #cccccc; line-height:26px; }
.navPage a:hover,a.pagebarCurrent{color:#fff; text-decoration:none; border:1px solid #ff4328; background-color:#ff4328;}
/* ---------------结束栏目列表---------------- */
/*产品分类*/
.sortnavt{ display:none;}
.sortnavt h3{height:35px; line-height:35px; color:#666;}
.sortnavt span{float:left; display:block; font-size:14px; line-height:40px; text-indent:10px; text-transform:capitalize; display:none;}
.sortnavli{position: relative;}
ul.sortnavul {text-align: center!important;}
ul.sortnavul li{display: inline-block;}
.sortnavul li a{display: block; font-size: 16px;line-height: 50px;height: 50px;color:#666;padding: 5px 10px;position: relative;
font-weight: 400;text-decoration: none;transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1) 0ms;
text-align: center;}
.sortnavul li a:hover{color:#fe6d03;}

.sortnavli a:hover{color:#fe6d03;}


/*单页图文分类*/
.sortnavbtn{ background: url(../images/lb.gif) no-repeat scroll 40px 0 transparent; color: #D4D4D4; font-weight: bold;line-height: 32px;}
.sortnavbtn a{background: url(../images/lb.gif) no-repeat 40px 0;color: #D4D4D4;display: block;font-weight: bold;line-height: 32px;overflow: hidden;padding-bottom: 8px;padding-left: 50px;text-overflow: ellipsis;white-space: nowrap; width: 177px;}
.sortnavbtn a:hover{line-height:32px; background:url(../images/lhover.gif) no-repeat 40px 0px;padding-left:50px; color:#c30708;font-weight:bold; text-decoration:none;}
/*首页产品分类*/
.i_ullist_sortnav{float:left;}
.i_ullist_sortnav li{ border-bottom:1px solid #ffefe1; width:150px;}
/* ---------------开始栏目详细---------------- */

/*产品展示详细*/
.productview{ position:relative;}
.producttitle{text-align: center; font-weight:bold;font-size: 24px; margin:20px 0; color: #333;}
/*默认*/
.productimg{margin:0 auto; text-align:center; padding-bottom:15px; display:block; width:600px;}
.productinfos{ overflow:hidden; display:none; text-align:center; }
.productimg a { }
.productimg a img{margin:0;padding:0;width:600px;}
.productimg a:hover img{}
/*IE6固定大小*/
*html .productimg a img{ width:400px;}
/*展示1*/
.productbigimg{ position:absolute; display:inline; width:100%;text-align:center;}
.productinfoslist{overflow:hidden;padding-left:335px; height:335px;}
.shopping{ padding-left:80px;}
.productinfoslistfos{ margin:20px 0px; float:left; width:340px;}
.productinfoslist ul{width:335px; padding-bottom:20px;}

.productremark{ clear:both;line-height:25px;}
.productremark .title{overflow: hidden; font-weight:bold; line-height:29px; display:none;}
/*内容详细页*/
.p_n_title{text-align: center; font-weight:bold; font-size: 22px;}
.remark{line-height:22px; line-height:25px; margin-top:20px;}
.remark1{ line-height:25px;margin: 0 30px;margin-bottom: 30px;}
/*下载链接*/
.download_btn{text-align:center;line-height:35px;}
/*新闻详细*/
.p_n_info{line-height:35px; text-align:right;
}
.p_n_video{text-align:center;}
/* 产品/视频详细 */
.product_others{ padding-top: 8px; clear: both; padding-left: 8px; }
.product_others li{	display: block;	clear: both;line-height: 20px;}
.onlinebuy_list .pc01{width:500px;margin:0 auto; text-align:center;}
/*.onlinebuy_list .pc01 img{width:500px;}*/
.onlinebuy_list .pc01 img{border:1px solid #bcbcbc;margin:0;padding:0;max-width:500px;width:expression(this.width>500?"500px":this.width);max-height:500px; height:expression(this.height>500?"500px":this.height);}
.onlinebuy_list .pc01 a:hover img{border:1px solid #900;}
/*IE6固定大小*/
*html .onlinebuy_list .pc01 img{ width:400px;}
.viewproduct_infos{clear:both;padding-left:8px;overflow: hidden;}
/*导航上下记录*/
.prevnext{width: 100%;
    padding: 30px 0;
    line-height: 20px;
    font-size: 18px;
    color: #333;}
.prevrecord,.nextrecord{display:block;overflow:hidden;width:100%;white-space:nowrap;text-overflow:ellipsis;}
.prevrecord a,.nextrecord a{ font-weight:bold;}
/* 留言 */
.gbook_formbtn goback_btn{clear:both;margin-left:150px;background:#888888;color:#FFFFFF;border:solid 1px #666666;font-weight:bold;padding:4px 6px;}
.gbook_indexpost{
	/* width: 100%;
	background-color: #FD9F3E;
	padding: 20px 5%; */
}
.gbook_indexpost form {
	width: 100%;
	display: flex;
}
.gbook_tblist{
	width: 80%
}
.gbook_tblist tbody tr {
	width: 30%;
}
.gbook_tblist tbody tr td {
	width: 100%;
	display: inline-block;
}
.gbook_tblist input,.gbook_tblist textarea{ background:#FFF; border:1px solid #eae9e9;width: 100%;height: 45px; padding-left: 15px; font-size: 14px; line-height: 45px;}
.gbook_tblist tbody tr td:first-child {
	display: none;
}
.gbook_tblist tbody {
	display: flex;
	justify-content: space-between;
}
.p_g_gbook{padding: 0px; }
.p_g_title{font-weight:bold;line-height:35px;text-align:left; padding-left:10px; clear: both;}
.p_g_content{text-align:left;line-height:24px; padding:0 5px; clear: both;}
.gbook_formbtn {
	width: 15%;
	margin-left: 3%;
}
.gbook_formbtn input{color:#eee; cursor: pointer;height: 45px;line-height: 45px; width:100%;text-align: center;background-color: #353535;margin:0;}


.msg-wp {
	width: 100%;
    background-color: #FD9F3E;
	padding: 30px 5%;
	margin-top: 60px;
}
.msg-wp .msg-text {
	text-align: center;
}
.msg-wp .msg-text h3 {
	font-size: 32px;
    color: #333;
    font-weight: 700;
    letter-spacing: 4px;
    line-height: 60px;
}
.msg-wp .msg-text h3 span {
	display: inline-block;
    border-bottom: 2px solid #333;
}
.msg-wp .msg-text p {
	font-size: 16px;
	color: #666;
	margin-top: 15px;
	margin-bottom: 40px;
}
/* 招聘 */ 
.p_jv_jobs{ line-height:30px; margin:0px 0px; padding:0 30px;}
.p_jv_jobs .jobs{height:33px;}
.i_p_list .p_jv_item{ clear:both; width:660px;}
.p_jv_title{float:left;clear:left;text-align:left;font-weight:bold;font-size: 18px;color: #333;}
.p_jv_cont{float:left;text-align:left;font-size: 16px;color: #333;}
.p_jv_contb{text-align:left;clear:both;padding:0 0 10px 0;font-size: 14px;}
/* 网站地图 */
.p_m_div{ margin:auto; clear: both; text-align:left; overflow:hidden; width:100%;padding: 0 30px;}
.p_m_div a{line-height:20px;height:20px; font-size:12px;}
.p_m_div a:hover{line-height:20px;font-size:12px;}
.p_m_ul{margin:0 0 6px 0;	display: table; border-bottom: dashed 1px #d7d7d7;width:100%; padding:0px;}
.p_m_div2 .p_m_ul{margin:0px;float:left;width:auto;border:none; padding-left:10px;}
.p_m_menu{ font-weight: bold; clear: both;}
.i_p_list .p_m_ul li,.menusort_list li{white-space: nowrap; width:653px;}
.p_m_class,.menusort_lists{margin-left: 24px;}
.p_m_div2 {margin:0 10px 0 0;}
/* ----开始网站Rss订阅中心---- */
.onlinerss{width:220px;margin:0 0 10px;padding-bottom:5px;border:solid #dbdbdb 1px;background:#f0f0f0;}
.onlinerss dl {width:214px;height:28px;margin:0 auto; padding-top:6px;background:url(../images/t1.jpg) no-repeat bottom; }
.onlinerss dt { float:left;padding-left:25px;color:#fff; line-height:20px; font-size:14px;}
.onlinerss dt a,.onlinerss dt a:hover{color:#fff;text-decoration:none;}
.onlinerss li{padding-bottom:10px;text-align:center; }
.onlinerss li a.a1{display:block;overflow:hidden;width:200px;height:170px;margin:0 auto;border:1px solid #cbc5bf; }
.onlinerss li a.a1 img{width:200px;}
.onlinerss li a.a2{display:block;overflow:hidden;width:200px;margin:0 auto;;line-height:22px;white-space:nowrap;text-overflow:ellipsis}
.onlinerss .singletxt_main{width:192px;margin:0 auto; padding:10px; border:solid #c8c8c8 1px; border-top:none; background:#fff;  line-height:20px;}
.main_rssxmllist{clear:both;display:block;}
.main_rssxmllist ul{display:block;padding-bottom: 2px; padding:0px; margin:0px;}
.rssmain_topbar{clear:both;display:block;height:24px;line-height:24px;padding:0px 4px;border:solid 1px #d7d7d7;}
.rssmain_toptit{float:left;font-weight:bold;}
.rssmain_topbtn{display:block;float:right;padding-top:2px;}
.rssmain_topbtn .rssxml_url{display:block; margin:4px 15px 0 0;float:left;line-height:20px;}
.rssmain_topbtn .rssxml_btn{display:block;float:left;line-height:20px;}
.rssxml_btn .subscribe_btn{ clear:both;display:block;cursor:pointer;background:url(../../images/rss_icon.jpg) no-repeat left center;padding:2px 4px 0px 20px}
.rssxml_btn .subscribe_list{top:22px;right:-5px;z-index:1000;position:absolute;padding:4px;border:solid 1px #DDD;background-color:#FFF;}
.subscribe_list a{clear:both;display:block;padding:4px;}
.viewitem_list{margin:0px;padding:4px 4px 8px;}
.viewitem_list ul{margin:0px;padding:0px;display:table;width:100%;line-height:20px;}
.viewitem_list ul li{ line-height:20px;}
.viewitem_list ul li a{ display:block;float:left; width:600px; white-space:nowrap; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.viewitem_list ul span{float:right; padding-right:0px;}
#com_pmodule_rssonline{text-align:center; margin:0 auto;}
#com_pmodule_rssonline li{padding:3px 0;}
#com_rssonline li{text-align:center; margin:0 auto; padding:5px 0;}
 
.sidebar .rss1{background: url(../images/t1.jpg) no-repeat scroll 0 0 transparent;height: 29px;width: 194px;}
.sidebar .rss1 span{ color: #fff;font-size: 14px;font-weight: bold;line-height: 32px;padding-left: 34px;}
.sidebar .rss1 span a{  color: #fff;}

/* ------在线调查---- */
.survey_indexshow{margin:0px 0 15px 5px;}
.survey_indexpost{padding-left: 20px;margin-bottom: 8px;}
.survey_post input{ border: 0px;}
.survey_postbtn{line-height: 35px;}
.survey_postbtn input{line-height:20px; margin-right: 8px; cursor: pointer; width: 100px;   background:#ddd; color:#25262b;border:solid 1px;}
/* ---------------结束栏目详细---------------- */


/* ---------------开始扩展区----------------- */

#com_definedkeys_1,#com_definedkeys_2,#com_definedkeys_3,#com_definedkeys_4{ /*margin-bottom:-6px;*/}
.i_u_def1,.i_u_def2,.i_u_def3,.i_u_def4,.p_u_def1,.p_u_def2,.p_u_def3,.p_u_def4{overflow:hidden;}
.move_divouter .content{overflow:hidden;line-height:20px;}
.move_divouter .list{overflow:hidden; }
.move_divouter .title a{ text-decoration:none;}
#index #com_definedkeys_1{display:inline;}


.i_u_def1{margin-bottom: 20px; width:1100px;}
.i_u_def1 .title{ text-align:center;}
.i_u_def1 .title .tt{color: #000;display: block;font-size: 35px;height: 57px;letter-spacing: 15px;line-height: 57px;}
.i_u_def1 .title .tm{ float:right;color:#454545; background:#fff; line-height:80px; height:80px; padding-left:8px; font-size:24px; font-weight:500; display:none;}
.i_u_def1 .content{ line-height: 25px; padding: 20px 10px; width:1080px;}
.i_u_def1 .list{ padding: 20px 10px; width:1080px; overflow:hidden;}
.i_u_def1 .list ul{}
.i_u_def1 .list li{float:left; width:222px; float:left; margin:10px 24px;}
.i_u_def1 .list li a{width: 210px;}
.i_u_def1 .list li img{width: 210px; height:160px; border:6px solid #e5eef5; margin-bottom:10px;}
.i_u_def1 .list li span{ display:block; width:210px; padding:0px 6px; height:36px; background-color:#e5eef5; line-height:36px; text-align:center; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}


#index #com_definedkeys_2{display:inline;float:left;}
.i_u_def2{width:590px; margin-top:15px;}
.i_u_def2 .content{ line-height:22px; margin-top:5px;}
.i_u_def2 .list{ float:left; margin-top:5px;}
.i_u_def2 .list li{height:31px; background:url(../Images/icon06.jpg) repeat-x left bottom;}
.i_u_def2 .list li a{ display:block; height:29px; line-height:35px; font-size:12px;}
.i_u_def2 .list li a ins{ display:block; float:left; width:490px; text-decoration:none; text-indent:5px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.i_u_def2 .list li a span{ display:block; float:right; width:100px; padding-right:5px; text-align:right;}
.i_u_def2 .list li a:hover{ background:#b50e00; color:#FFF;}
 
.i_u_def3{width:590px; margin-top:20px;}
.i_u_def3 .content{ line-height:22px; margin-top:5px;}
.i_u_def3 .list{ float:left; margin-top:5px;}
.i_u_def3 .list ul{}
.i_u_def3 .list li{float:left; display:inline-block; width:285px; margin:0 5px 10px 5px;}
.i_u_def3 .list li span{ display:block; height:35px; line-height:35px; text-align:center; width:285px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.i_u_def3 .list li i{ display:block; width:285px; height:213px; overflow:hidden;}
.i_u_def3 .list li i img{width:285px; height:232px;}
.i_u_def3 .list li a:hover i img{ -webkit-transform:scale(1.2); -moz-transform:scale(1.2); transform:scale(1.2);}

#com_definedkeys_4{}
.i_u_def4{margin-top: 20px; width:1100px;}
.i_u_def4 .title{ text-align:center;}
.i_u_def4 .title .tt{color: #000;display: block;font-size: 35px;height: 57px;letter-spacing: 15px;line-height: 57px;}
.i_u_def4 .title .tm{ float:right;color:#454545; background:#fff; line-height:80px; height:80px; padding-left:8px; font-size:24px; font-weight:500; display:none;}
.i_u_def4 .content{ line-height: 25px; padding: 20px 10px; width:1080px;}
.i_u_def4 .list{ padding: 20px 10px; width:1080px; overflow:hidden;}
.i_u_def4 .list ul{}
.i_u_def4 .list li{float:left; width:222px; float:left; margin:10px 24px;}
.i_u_def4 .list li a{width: 210px;}
.i_u_def4 .list li img{width: 210px; height:160px; border:6px solid #e5eef5; margin-bottom:10px;}
.i_u_def4 .list li span{ display:block; width:210px; padding:0px 6px; height:36px; background-color:#e5eef5; line-height:36px; text-align:center; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
 
.p_u_def1{width:1120px; margin-bottom:20px; background-color:#fff;}
.p_u_def1 .content{ line-height:22px; padding:15px;}
.p_u_def1 .list{ padding:15px;}
.p_u_def1 .list ul{}
.p_u_def1 .list li{float:left; display:inline-block; width:265px; margin:0 3px 10px 4px;}
.p_u_def1 .list li img{width:265px; height:170px;}
.p_u_def1 .list li span{ display:block; height:35px; line-height:35px; width:265px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}

.p_u_def2{width:370px; margin-top:20px; background-color:#fff;}
.p_u_def2 .content{ line-height:22px; padding:15px;}
.p_u_def2 .list{ float:left; padding:15px;}
.p_u_def2 .list li{ height:35px; line-height:35px; font-size:14px; overflow:hidden;}
.p_u_def2 .list li a{display:block; float:left; width:340px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
 
.p_u_def3{width:727px; margin-top:20px; background-color:#fff;}
.p_u_def3 .content{ line-height:22px; padding:15px;}
.p_u_def3 .list{ float:left; padding:15px;}
.p_u_def3 .list ul{}
.p_u_def3 .list li{float:left; display:inline-block; width:225px; margin:0 3px 10px 4px;}
.p_u_def3 .list li img{width:225px; height:145px;}
.p_u_def3 .list li span{ display:block; height:35px; line-height:35px; width:225px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
 
.p_u_def4{width:1120px; margin-top:20px; background-color:#fff;}
.p_u_def4 .content{ line-height:22px; padding:15px;}
.p_u_def4 .list{ padding:15px;}
.p_u_def4 .list ul{}
.p_u_def4 .list li{float:left; display:inline-block; width:265px; margin:0 3px 10px 4px;}
.p_u_def4 .list li img{width:265px; height:170px;}
.p_u_def4 .list li span{ display:block; height:35px; line-height:35px; width:265px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
 

/*module.css*/

.title01{width:100%; height:40px; line-height: 40px; text-align: center; background:#e28b0f; border-radius:4px 4px 0 0;}
.title01 h3{float:left; font-size:16px; color: #FFF; text-indent: 15px;}

.title02{padding:0 35px 0 20px; height:100px; border-bottom:1px solid #ededed;}
.title02 h3{display: block; float: left; height:100px; line-height: 60px; text-indent: 15px; font-size: 18px; color: #333333; background: url(../images/icon04.png) no-repeat left center;}
.title02 span{ display: block; float: right; line-height: 60px; font-size:14px; }
.title02 span a{color:#666666; padding: 0 10px;}

.title03{height:34px; color: #333; font-size: 24px; line-height: 34px; text-align: center;}
 
.roll02{float:right; width: 64px;}
.roll02 a{float:left; display:block; width:32px; height:40px;}
.roll02 a.rol02{ background: url(../images/rol02.png) no-repeat center center;}
.roll02 a.ror02{border-radius: 0 4px 0 0; background: url(../images/ror02.png) no-repeat center center;}
.roll02 a:hover{ background-color: #cb7d0d;}

.roll03{float:right; margin-right: 25px; border-right: 1px solid #f2f2f2;}
.roll03 a{float:left; display:block; width:55px; height:100px; border-left: 1px solid #f2f2f2;}
.roll03 a.rol03{background: url(../images/rol03.png) no-repeat center center;}
.roll03 a.ror03{background: url(../images/ror03.png) no-repeat center center;}
.roll03 a.rol03:hover{background: url(../images/rol03_on.png) no-repeat center center #969696;}
.roll03 a.ror03:hover{background: url(../images/ror03_on.png) no-repeat center center #969696;}
 
.more01{margin-top:35px; width:100%; height:40px; line-height: 40px; text-align:center;}
.more01 a{ display:inline-block; width:126px; height:40px; color:#FFF; border-radius:20px; font-size:14px; background: #e28b0f;}
.more01 a:hover{color:#FFF; background:#2c90cc;}

.more02{ float: left; margin-top:10px; width:100%; height:40px;}
.more02 a{ display:inline-block; width:140px; height:40px; text-align: center; line-height: 38px; color:#999; border:1px solid #bfbfbf; border-radius:20px; font-size:14px; text-transform: uppercase;}
.more02 a:hover{color:#FFF; background-color:#e62129; border:1px solid #e62129;}


/* gotop */
.actGotop {width:40px; height:40px; position:fixed; bottom:10px; right:10px; z-index:9999; display:none; cursor:pointer; background: url(../Images/backTop.png) no-repeat center center  #ff4328;}
.actGotop:hover{ background: url(../Images/backTop.png) no-repeat center center  rgba(191, 27, 57, 0.35);}

/*global.css*/

/* CSS Document 2016.12.1 */
body {font-family:microsoft yahei; margin:0; padding:0; font-size:12px; color:#888888; background:#FFF;}
*{list-style-type:none; margin:0; padding:0; border:0; transition:color 0.2s,background 0.4s; -webkit-transition:color 0.2s,background 0.4s; -moz-transition:color 0.2s,background 0.4s;-moz-box-sizing:border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box;}
img, a img{vertical-align:bottom; max-width:100%;width: 100%;}
input,select,textarea{vertical-align:middle; font-family:microsoft yahei;}
input:focus,textarea:focus{ outline:none; }
h1,h2,h3,h4,h5,h6{font-weight:normal;}

/* Link */
a{color:#333333; text-decoration:none; }
a:hover {text-decoration:none;}
/* Other */
.clear{clear:both;font-size:1px;width:1px;height:0;visibility:hidden;overflow:hidden;}
.clear::after{content:"";clear:both;font-size:1px;width:1px;height:0;visibility:hidden;overflow:hidden;}


/* Font  */
.fb{font-weight:bold;}
.f12px{font-size:12px;}
.f14px{font-size:14px;}
.f16px{font-size:16px;}
.f18px{font-size:18px;}
.mt5{margin-top:5px;}
.mt10{margin-top:10px;}
.mt15{margin-top:15px;}
.mt20{margin-top:20px;}
.mt25{margin-top:25px;}
.mt30{margin-top:35px;}
.mt60{margin-top:60px;}
.ml10{margin-left:10px;}
.ml15{margin-left:15px;}
.ml30{margin-left:35px;}
.fl{float:left;}
.fr{float:right;}
.ovht{overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}

@-webkit-keyframes a-fadein{0%{opacity:0;}100%{opacity:1;}}
@-moz-keyframes a-fadein{0%{opacity:0;}100%{opacity:1;}}
@-ms-keyframes a-fadein{0%{opacity:0;}100%{opacity:1;}}
@keyframes a-fadein{0%{opacity:0;}100%{opacity:1;}}
.fadein-top{-webkit-animation-name:fadeinT;-moz-animation-name:fadeinT;-ms-animation-name:fadeinT;animation-name:fadeinT;}
@-webkit-keyframes fadeinT{0%{opacity:0;-webkit-transform:translateY(-50px);}100%{opacity:1;-webkit-transform:translateY(0);}}
@-moz-keyframes fadeinT{0%{opacity:0;-moz-transform:translateY(-50px);}100%{opacity:1;-moz-transform:translateY(0);}}
@-ms-keyframes fadeinT{0%{opacity:0;-ms-transform:translateY(-50px);}100%{opacity:1;-ms-transform:translateY(0);}}
@keyframes fadeinT{0%{opacity:0;transform:translateY(-50px);}100%{opacity:1;transform:translateY(0);}}
.fadein-right{-webkit-animation-name:fadeinR;-moz-animation-name:fadeinR;-ms-animation-name:fadeinR;animation-name:fadeinR;}
@-webkit-keyframes fadeinR{0%{opacity:0;-webkit-transform:translateX(50px);}100%{opacity:1;-webkit-transform:translateX(0);}}
@-moz-keyframes fadeinR{0%{opacity:0;-moz-transform:translateX(50px);}100%{opacity:1;-moz-transform:translateX(0);}}
@-ms-keyframes fadeinR{0%{opacity:0;-ms-transform:translateX(50px);}100%{opacity:1;-ms-transform:translateX(0);}}
@keyframes fadeinR{0%{opacity:0;transform:translateX(50px);}100%{opacity:1;transform:translateX(0);}}
.fadein-bottom{-webkit-animation-name:fadeinB;-moz-animation-name:fadeinB;-ms-animation-name:fadeinB;animation-name:fadeinB;}
@-webkit-keyframes fadeinB{0%{opacity:0;-webkit-transform:translateY(50px);}100%{opacity:1;-webkit-transform:translateY(0);}}
@-moz-keyframes fadeinB{0%{opacity:0;-moz-transform:translateY(50px);}100%{opacity:1;-moz-transform:translateY(0);}}
@-ms-keyframes fadeinB{0%{opacity:0;-ms-transform:translateY(50px);}100%{opacity:1;-ms-transform:translateY(0);}}
@keyframes fadeinB{0%{opacity:0;transform:translateY(50px);}100%{opacity:1;transform:translateY(0);}}
.fadein-left{-webkit-animation-name:fadeinL;-moz-animation-name:fadeinL;-ms-animation-name:fadeinL;animation-name:fadeinL;}
@-webkit-keyframes fadeinL{0%{opacity:0;-webkit-transform:translateX(-50px);}100%{opacity:1;-webkit-transform:translateX(0);}}
@-moz-keyframes fadeinL{0%{opacity:0;-moz-transform:translateX(-50px);}100%{opacity:1;-moz-transform:translateX(0);}}
@-ms-keyframes fadeinL{0%{opacity:0;-ms-transform:translateX(-50px);}100%{opacity:1;-ms-transform:translateX(0);}}
@keyframes fadeinL{0%{opacity:0;transform:translateX(-50px);}100%{opacity:1;transform:translateX(0);}}
.fadeout{-webkit-animation-name:a-fadeout;-moz-animation-name:a-fadeout;-ms-animation-name:a-fadeout;animation-name:a-fadeout;}
@-webkit-keyframes a-fadeout{0%{opacity:1;}100%{opacity:0;}}
@-moz-keyframes a-fadeout{0%{opacity:1;}100%{opacity:0;}}
@-ms-keyframes a-fadeout{0%{opacity:1;}100%{opacity:0;}}
@keyframes a-fadeout{0%{opacity:1;}100%{opacity:0;}}
.fadeout-top{-webkit-animation-name:fadeoutT;-moz-animation-name:fadeoutT;-ms-animation-name:fadeoutT;animation-name:fadeoutT;}
@-webkit-keyframes fadeoutT{0%{opacity:1;-webkit-transform:translateY(0);}100%{opacity:0;-webkit-transform:translateY(-100px);}}
@-moz-keyframes fadeoutT{0%{opacity:1;-moz-transform:translateY(0);}100%{opacity:0;-moz-transform:translateY(-100px);}}
@-ms-keyframes fadeoutT{0%{opacity:1;-ms-transform:translateY(0);}100%{opacity:0;-ms-transform:translateY(-100px);}}
@keyframes fadeoutT{0%{opacity:1;transform:translateY(0);}100%{opacity:0;transform:translateY(-100px);}}
.fadeout-right{-webkit-animation-name:fadeoutR;-moz-animation-name:fadeoutR;-ms-animation-name:fadeoutR;animation-name:fadeoutR;}
@-webkit-keyframes fadeoutR{0%{opacity:1;-webkit-transform:translateX(0);}100%{opacity:0;-webkit-transform:translateX(100px);}}
@-moz-keyframes fadeoutR{0%{opacity:1;-moz-transform:translateX(0);}100%{opacity:0;-moz-transform:translateX(100px);}}
@-ms-keyframes fadeoutR{0%{opacity:1;-ms-transform:translateX(0);}100%{opacity:0;-ms-transform:translateX(100px);}}
@keyframes fadeoutR{0%{opacity:1;transform:translateX(0);}100%{opacity:0;transform:translateX(100px);}}
.fadeout-bottom{-webkit-animation-name:fadeoutB;-moz-animation-name:fadeoutB;-ms-animation-name:fadeoutB;animation-name:fadeoutB;}
@-webkit-keyframes fadeoutB{0%{opacity:1;-webkit-transform:translateY(0);}100%{opacity:0;-webkit-transform:translateY(100px);}}
@-moz-keyframes fadeoutB{0%{opacity:1;-moz-transform:translateY(0);}100%{opacity:0;-moz-transform:translateY(100px);}}
@-ms-keyframes fadeoutB{0%{opacity:1;-ms-transform:translateY(0);}100%{opacity:0;-ms-transform:translateY(100px);}}
@keyframes fadeoutB{0%{opacity:1;transform:translateY(0);}100%{opacity:0;transform:translateY(100px);}}
.fadeout-left{-webkit-animation-name:fadeoutL;-moz-animation-name:fadeoutL;-ms-animation-name:fadeoutL;animation-name:fadeoutL;}
@-webkit-keyframes fadeoutL{0%{opacity:1;-webkit-transform:translateX(0);}100%{opacity:0;-webkit-transform:translateX(-100px);}}
@-moz-keyframes fadeoutL{0%{opacity:1;-moz-transform:translateX(0);}100%{opacity:0;-moz-transform:translateX(-100px);}}
@-ms-keyframes fadeoutL{0%{opacity:1;-ms-transform:translateX(0);}100%{opacity:0;-ms-transform:translateX(-100px);}}
@keyframes fadeoutL{0%{opacity:1;transform:translateX(0);}100%{opacity:0;transform:translateX(-100px);}}
.bounce,.bounce-hover:hover{-webkit-animation-name:a-bounce;-moz-animation-name:a-bounce;-ms-animation-name:a-bounce;animation-name:a-bounce;}
@-webkit-keyframes a-bounce{0%,20%,50%,80%,100%{-webkit-transform:translateY(0);}40%{-webkit-transform:translateY(-35px);}60%{-webkit-transform:translateY(-15px);}}
@-moz-keyframes a-bounce{0%,20%,50%,80%,100%{-moz-transform:translateY(0);}40%{-moz-transform:translateY(-35px);}60%{-moz-transform:translateY(-15px);}}
@-ms-keyframes a-bounce{0%,20%,50%,80%,100%{-ms-transform:translateY(0);}40%{-ms-transform:translateY(-35px);}60%{-ms-transform:translateY(-15px);}}
@keyframes a-bounce{0%,20%,50%,80%,100%{transform:translateY(0);}40%{transform:translateY(-35px);}60%{transform:translateY(-15px);}}
.bouncein{-webkit-animation-name:a-bouncein;-moz-animation-name:a-bouncein;-ms-animation-name:a-bouncein;animation-name:a-bouncein;}
@-webkit-keyframes a-bouncein{0%{opacity:0;-webkit-transform:scale(0.3);}50%{opacity:1;-webkit-transform:scale(1.05);}70%{-webkit-transform:scale(0.9);}100%{-webkit-transform:scale(1);}}
@-moz-keyframes a-bouncein{0%{opacity:0;-moz-transform:scale(0.3);}50%{opacity:1;-moz-transform:scale(1.05);}70%{-moz-transform:scale(0.9);}100%{-moz-transform:scale(1);}}
@-ms-keyframes a-bouncein{0%{opacity:0;-ms-transform:scale(0.3);}50%{opacity:1;-ms-transform:scale(1.05);}70%{-ms-transform:scale(0.9);}100%{-ms-transform:scale(1);}}
@keyframes a-bouncein{0%{opacity:0;transform:scale(0.3);}50%{opacity:1;transform:scale(1.05);}70%{transform:scale(0.9);}100%{transform:scale(1);}}
.bounceout{-webkit-animation-name:a-bounceout;-moz-animation-name:a-bounceout;-ms-animation-name:a-bounceout;animation-name:a-bounceout;}
@-webkit-keyframes a-bounceout{0%{-webkit-transform:scale(1);}25%{-webkit-transform:scale(0.95);}50%{opacity:1;-webkit-transform:scale(1.1);}100%{opacity:0;-webkit-transform:scale(0.3);}}
@-moz-keyframes a-bounceout{0%{-moz-transform:scale(1);}25%{-moz-transform:scale(0.95);}50%{opacity:1;-moz-transform:scale(1.1);}100%{opacity:0;-moz-transform:scale(0.3);}}
@-ms-keyframes a-bounceout{0%{-ms-transform:scale(1);}25%{-ms-transform:scale(0.95);}50%{opacity:1;-ms-transform:scale(1.1);}100%{opacity:0;-ms-transform:scale(0.3);}}
@keyframes a-bounceout{0%{transform:scale(1);}25%{transform:scale(0.95);}50%{opacity:1;transform:scale(1.1);}100%{opacity:0;transform:scale(0.3);}}
.rotatein{-webkit-animation-name:a-rotatein;-moz-animation-name:a-rotatein;-ms-animation-name:a-rotatein;animation-name:a-rotatein;}
@-webkit-keyframes a-rotatein{0%{opacity:0;-webkit-transform:rotate(-200deg);}100%{opacity:1;-webkit-transform:rotate(0);}}
@-moz-keyframes a-rotatein{0%{opacity:0;-moz-transform:rotate(-200deg);}100%{opacity:1;-moz-transform:rotate(0);}}
@-ms-keyframes a-rotatein{0%{opacity:0;-ms-transform:rotate(-200deg);}100%{opacity:1;-ms-transform:rotate(0);}}
@keyframes a-rotatein{0%{opacity:0;transform:rotate(-200deg);}100%{opacity:1;transform:rotate(0);}}
.rotateout{-webkit-animation-name:a-rotateout;-moz-animation-name:a-rotateout;-ms-animation-name:a-rotateout;animation-name:a-rotateout;}
@-webkit-keyframes a-rotateout{0%{-webkit-transform-origin:center center;-webkit-transform:rotate(0);opacity:1;}100%{-webkit-transform-origin:center center;-webkit-transform:rotate(200deg);opacity:0;}}
@-moz-keyframes a-rotateout{0%{-moz-transform-origin:center center;-moz-transform:rotate(0);opacity:1;}100%{-moz-transform-origin:center center;-moz-transform:rotate(200deg);opacity:0;}}
@-ms-keyframes a-rotateout{0%{-ms-transform-origin:center center;-ms-transform:rotate(0);opacity:1;}100%{-ms-transform-origin:center center;-ms-transform:rotate(200deg);opacity:0;}}
@keyframes a-rotateout{0%{transform-origin:center center;transform:rotate(0);opacity:1;}100%{transform-origin:center center;transform:rotate(200deg);opacity:0;}}
.flash,.flash-hover:hover{-webkit-animation-name:a-flash;-moz-animation-name:a-flash;-ms-animation-name:a-flash;animation-name:a-flash;}
@-webkit-keyframes a-flash{0%,50%,100%{opacity:1;}25%,75%{opacity:0;}}
@-moz-keyframes a-flash{0%,50%,100%{opacity:1;}25%,75%{opacity:0;}}
@-ms-keyframes a-flash{0%,50%,100%{opacity:1;}25%,75%{opacity:0;}}
@keyframes a-flash{0%,50%,100%{opacity:1;}25%,75%{opacity:0;}}
.shake,.shake-hover:hover{-webkit-animation-name:a-shake;-moz-animation-name:a-shake;-ms-animation-name:a-shake;animation-name:a-shake;}
@-webkit-keyframes a-shake{0%,100%{-webkit-transform:translateX(0);}10%,30%,50%,70%,90%{-webkit-transform:translateX(-10px);}20%,40%,60%,80%{-webkit-transform:translateX(10px);}}
@-moz-keyframes a-shake{0%,100%{-moz-transform:translateX(0);}10%,30%,50%,70%,90%{-moz-transform:translateX(-10px);}20%,40%,60%,80%{-moz-transform:translateX(10px);}}
@-ms-keyframes a-shake{0%,100%{-ms-transform:translateX(0);}10%,30%,50%,70%,90%{-ms-transform:translateX(-10px);}20%,40%,60%,80%{-ms-transform:translateX(10px);}}
@keyframes a-shake{0%,100%{transform:translateX(0);}10%,30%,50%,70%,90%{transform:translateX(-10px);}20%,40%,60%,80%{transform:translateX(10px);}}
.swing,.swing-hover:hover{-webkit-animation-name:a-swing;-moz-animation-name:a-swing;-ms-animation-name:a-swing;animation-name:a-swing;}
@-webkit-keyframes a-swing{20%{-webkit-transform:rotate(15deg);}40%{-webkit-transform:rotate(-10deg);}60%{-webkit-transform:rotate(5deg);}80%{-webkit-transform:rotate(-5deg);}100%{-webkit-transform:rotate(0);}}
@-moz-keyframes a-swing{20%{-moz-transform:rotate(15deg);}40%{-moz-transform:rotate(-10deg);}60%{-moz-transform:rotate(5deg);}80%{-moz-transform:rotate(-5deg);}100%{-moz-transform:rotate(0);}}
@-ms-keyframes a-swing{20%{-ms-transform:rotate(15deg);}40%{-ms-transform:rotate(-10deg);}60%{-ms-transform:rotate(5deg);}80%{-ms-transform:rotate(-5deg);}100%{-ms-transform:rotate(0);}}
@keyframes a-swing{20%{transform:rotate(15deg);}40%{transform:rotate(-10deg);}60%{transform:rotate(5deg);}80%{transform:rotate(-5deg);}100%{transform:rotate(0);}}
.wobble,.wobble-hover:hover{-webkit-animation-name:a-wobble;-moz-animation-name:a-wobble;-ms-animation-name:a-wobble;animation-name:a-wobble;}
@-webkit-keyframes a-wobble{0%{-webkit-transform:translateX(0);}15%{-webkit-transform:translateX(-50px) rotate(-5deg);}30%{-webkit-transform:translateX(40px) rotate(3deg);}45%{-webkit-transform:translateX(-33px) rotate(-3deg);}60%{-webkit-transform:translateX(10px) rotate(2deg);}75%{-webkit-transform:translateX(-10px) rotate(-1deg);}100%{-webkit-transform:translateX(0);}}
@-moz-keyframes a-wobble{0%{-moz-transform:translateX(0);}15%{-moz-transform:translateX(-50px) rotate(-5deg);}30%{-moz-transform:translateX(40px) rotate(3deg);}45%{-moz-transform:translateX(-33px) rotate(-3deg);}60%{-moz-transform:translateX(10px) rotate(2deg);}75%{-moz-transform:translateX(-10px) rotate(-1deg);}100%{-moz-transform:translateX(0);}}
@-ms-keyframes a-wobble{0%{-ms-transform:translateX(0);}15%{-ms-transform:translateX(-50px) rotate(-5deg);}30%{-ms-transform:translateX(40px) rotate(3deg);}45%{-ms-transform:translateX(-33px) rotate(-3deg);}60%{-ms-transform:translateX(10px) rotate(2deg);}75%{-ms-transform:translateX(-10px) rotate(-1deg);}100%{-ms-transform:translateX(0);}}
@keyframes a-wobble{0%{transform:translateX(0);}15%{transform:translateX(-50px) rotate(-5deg);}30%{transform:translateX(40px) rotate(3deg);}45%{transform:translateX(-33px) rotate(-3deg);}60%{transform:translateX(10px) rotate(2deg);}75%{transform:translateX(-10px) rotate(-1deg);}100%{transform:translateX(0);}}
.ring,.ring-hover:hover{-webkit-animation-name:a-ring;-moz-animation-name:a-ring;-ms-animation-name:a-ring;animation-name:a-ring;}
@-webkit-keyframes a-ring{0%{-webkit-transform:scale(1);}10%,20%{-webkit-transform:scale(0.9) rotate(-3deg);}30%,50%,70%,90%{-webkit-transform:scale(1.1) rotate(3deg);}40%,60%,80%{-webkit-transform:scale(1.1) rotate(-3deg);}100%{-webkit-transform:scale(1) rotate(0);}}
@-moz-keyframes a-ring{0%{-moz-transform:scale(1);}10%,20%{-moz-transform:scale(0.9) rotate(-3deg);}30%,50%,70%,90%{-moz-transform:scale(1.1) rotate(3deg);}40%,60%,80%{-moz-transform:scale(1.1) rotate(-3deg);}100%{-moz-transform:scale(1) rotate(0);}}
@-ms-keyframes a-ring{0%{-ms-transform:scale(1);}10%,20%{-ms-transform:scale(0.9) rotate(-3deg);}30%,50%,70%,90%{-ms-transform:scale(1.1) rotate(3deg);}40%,60%,80%{-ms-transform:scale(1.1) rotate(-3deg);}100%{-ms-transform:scale(1) rotate(0);}}
@keyframes a-ring{0%{transform:scale(1);}10%,20%{transform:scale(0.9) rotate(-3deg);}30%,50%,70%,90%{transform:scale(1.1) rotate(3deg);}40%,60%,80%{transform:scale(1.1) rotate(-3deg);}100%{transform:scale(1) rotate(0);}}
.rotate,.rotate-hover:hover{-webkit-animation-name:a-rotate;-moz-animation-name:a-rotate;-ms-animation-name:a-rotate;animation-name:a-rotate;}
@-webkit-keyframes a-rotate{0%{-webkit-transform:rotate(0deg);}100%{-webkit-transform:rotate(359deg);}}
@-moz-keyframes a-rotate{0%{-moz-transform:rotate(0deg);}100%{-moz-transform:rotate(359deg);}}
@-ms-keyframes a-rotate{0%{-ms-transform:rotate(0deg);}100%{-ms-transform:rotate(359deg);}}
@keyframes a-rotate{0%{transform:rotate(0deg);}100%{transform:rotate(359deg);}}



/*ddsmoothmenu.css*/

.ddsmoothmenu{font-size:14px;}
.ddsmoothmenu a{text-align:center;}
.ddsmoothmenu ul{z-index:100;padding:0;list-style-type: none;margin-left: 20px;} 
.ddsmoothmenu ul li{position: relative;display: inline;float:left; display:inline; color:#fff; text-align:center; height:50px;}
.ddsmoothmenu ul li:hover a::before{width: 100%;} 
.ddsmoothmenu ul li:hover  ul li a::before{width: 0%;} 
.nava{display:block; line-height:50px; font-family:microsoft yahei; font-size:16px; padding: 0 15px;    color: #666;}
* html .nava{ /*IE6 hack to get sub menu links to behave correctly*/display: inline-block;} 
.navactive:hover{display:block; line-height:50px; font-family:microsoft yahei;font-size:16px; padding: 0 15px;}
.navactive{display:block; line-height:50px; font-family:microsoft yahei; font-size:16px; padding: 0 15px;}
.selected{display:block; line-height:50px; font-family:microsoft yahei;font-size:16px; padding: 0 15px;}

 
.i_nav ul li ul{position: absolute;visibility: hidden;width:156px;margin-left: -35%;right: 0; border: #333 1px solid;border-radius: 3px;} 
.i_nav ul li ul li{display: list-item;position: relative; margin:0 auto;height:35px;line-height:35px; height:100%;background-color:#fff;}
 
 
.i_nav ul li ul li:last-child{border-radius: 0px 0px 6px 6px;} 
.i_nav ul li ul li ul{ top:0;} 
.i_nav ul li ul li a{border-top: none; display:block; float:left;font: normal 16px Verdana;width: 154px; height:35px;color: #333;
	line-height:35px;text-align:center; z-index:2001;margin: 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis; cursor:pointer;}

.navliv{ height:35px; }
.navactive,.navactive:hover,.nava:hover{
	background-color: #21457B;
}
.i_nav ul li ul li a:hover{ 
    color:#fff;
    background-color: #21457B;
    text-decoration:none;
}
/* Holly Hack for IE \*/
* html .ddsmoothmenu{height: 1%;} /*Holly Hack for IE7 and below*/
.downarrowclass{position: absolute;top: 12px;right: 15px;}
.ddshadow{  position: absolute;left: 0;top: 0;width: 0;height: 0;background: silver;}
.toplevelshadow{ /*shadow opacity for NON CSS3 capable browsers. Doesn't work in IE*/
 filter:alpha(opacity=0);opacity: 0;} 

/*animate.css*/ 

Animate.css - http://daneden.me/animate
Licensed under the MIT license - http://opensource.org/licenses/MIT

Copyright (c) 2014 Daniel Eden
*/.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%,53%,80%{-webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);transition-timing-function:cubic-bezier(0.215,.61,.355,1);-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}40%,43%{-webkit-transition-timing-function:cubic-bezier(0.755,.050,.855,.060);transition-timing-function:cubic-bezier(0.755,.050,.855,.060);-webkit-transform:translate3d(0,-35px,0);transform:translate3d(0,-35px,0)}70%{-webkit-transition-timing-function:cubic-bezier(0.755,.050,.855,.060);transition-timing-function:cubic-bezier(0.755,.050,.855,.060);-webkit-transform:translate3d(0,-15px,0);transform:translate3d(0,-15px,0)}90%{-webkit-transform:translate3d(0,-4px,0);transform:translate3d(0,-4px,0)}}@keyframes bounce{0%,100%,20%,53%,80%{-webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);transition-timing-function:cubic-bezier(0.215,.61,.355,1);-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}40%,43%{-webkit-transition-timing-function:cubic-bezier(0.755,.050,.855,.060);transition-timing-function:cubic-bezier(0.755,.050,.855,.060);-webkit-transform:translate3d(0,-35px,0);transform:translate3d(0,-35px,0)}70%{-webkit-transition-timing-function:cubic-bezier(0.755,.050,.855,.060);transition-timing-function:cubic-bezier(0.755,.050,.855,.060);-webkit-transform:translate3d(0,-15px,0);transform:translate3d(0,-15px,0)}90%{-webkit-transform:translate3d(0,-4px,0);transform:translate3d(0,-4px,0)}}.bounce{-webkit-animation-name:bounce;animation-name:bounce;-webkit-transform-origin:center bottom;-ms-transform-origin:center bottom;transform-origin:center bottom}@-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:scale3d(1,1,1);transform:scale3d(1,1,1)}50%{-webkit-transform:scale3d(1.05,1.05,1.05);transform:scale3d(1.05,1.05,1.05)}100%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}@keyframes pulse{0%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}50%{-webkit-transform:scale3d(1.05,1.05,1.05);transform:scale3d(1.05,1.05,1.05)}100%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}.pulse{-webkit-animation-name:pulse;animation-name:pulse}@-webkit-keyframes rubberBand{0%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}30%{-webkit-transform:scale3d(1.25,.75,1);transform:scale3d(1.25,.75,1)}40%{-webkit-transform:scale3d(0.75,1.25,1);transform:scale3d(0.75,1.25,1)}50%{-webkit-transform:scale3d(1.15,.85,1);transform:scale3d(1.15,.85,1)}65%{-webkit-transform:scale3d(.95,1.05,1);transform:scale3d(.95,1.05,1)}75%{-webkit-transform:scale3d(1.05,.95,1);transform:scale3d(1.05,.95,1)}100%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}@keyframes rubberBand{0%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}30%{-webkit-transform:scale3d(1.25,.75,1);transform:scale3d(1.25,.75,1)}40%{-webkit-transform:scale3d(0.75,1.25,1);transform:scale3d(0.75,1.25,1)}50%{-webkit-transform:scale3d(1.15,.85,1);transform:scale3d(1.15,.85,1)}65%{-webkit-transform:scale3d(.95,1.05,1);transform:scale3d(.95,1.05,1)}75%{-webkit-transform:scale3d(1.05,.95,1);transform:scale3d(1.05,.95,1)}100%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}.rubberBand{-webkit-animation-name:rubberBand;animation-name:rubberBand}@-webkit-keyframes shake{0%,100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}10%,30%,50%,70%,90%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}20%,40%,60%,80%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}}@keyframes shake{0%,100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}10%,30%,50%,70%,90%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}20%,40%,60%,80%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}}.shake{-webkit-animation-name:shake;animation-name:shake}@-webkit-keyframes swing{20%{-webkit-transform:rotate3d(0,0,1,15deg);transform:rotate3d(0,0,1,15deg)}40%{-webkit-transform:rotate3d(0,0,1,-10deg);transform:rotate3d(0,0,1,-10deg)}60%{-webkit-transform:rotate3d(0,0,1,5deg);transform:rotate3d(0,0,1,5deg)}80%{-webkit-transform:rotate3d(0,0,1,-5deg);transform:rotate3d(0,0,1,-5deg)}100%{-webkit-transform:rotate3d(0,0,1,0deg);transform:rotate3d(0,0,1,0deg)}}@keyframes swing{20%{-webkit-transform:rotate3d(0,0,1,15deg);transform:rotate3d(0,0,1,15deg)}40%{-webkit-transform:rotate3d(0,0,1,-10deg);transform:rotate3d(0,0,1,-10deg)}60%{-webkit-transform:rotate3d(0,0,1,5deg);transform:rotate3d(0,0,1,5deg)}80%{-webkit-transform:rotate3d(0,0,1,-5deg);transform:rotate3d(0,0,1,-5deg)}100%{-webkit-transform:rotate3d(0,0,1,0deg);transform:rotate3d(0,0,1,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:scale3d(1,1,1);transform:scale3d(1,1,1)}10%,20%{-webkit-transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg);transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg)}30%,50%,70%,90%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg);transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg)}40%,60%,80%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg);transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg)}100%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}@keyframes tada{0%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}10%,20%{-webkit-transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg);transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg)}30%,50%,70%,90%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg);transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg)}40%,60%,80%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg);transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg)}100%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}.tada{-webkit-animation-name:tada;animation-name:tada}@-webkit-keyframes wobble{0%{-webkit-transform:none;transform:none}15%{-webkit-transform:translate3d(-25%,0,0) rotate3d(0,0,1,-5deg);transform:translate3d(-25%,0,0) rotate3d(0,0,1,-5deg)}30%{-webkit-transform:translate3d(20%,0,0) rotate3d(0,0,1,3deg);transform:translate3d(20%,0,0) rotate3d(0,0,1,3deg)}45%{-webkit-transform:translate3d(-15%,0,0) rotate3d(0,0,1,-3deg);transform:translate3d(-15%,0,0) rotate3d(0,0,1,-3deg)}60%{-webkit-transform:translate3d(10%,0,0) rotate3d(0,0,1,2deg);transform:translate3d(10%,0,0) rotate3d(0,0,1,2deg)}75%{-webkit-transform:translate3d(-5%,0,0) rotate3d(0,0,1,-1deg);transform:translate3d(-5%,0,0) rotate3d(0,0,1,-1deg)}100%{-webkit-transform:none;transform:none}}@keyframes wobble{0%{-webkit-transform:none;transform:none}15%{-webkit-transform:translate3d(-25%,0,0) rotate3d(0,0,1,-5deg);transform:translate3d(-25%,0,0) rotate3d(0,0,1,-5deg)}30%{-webkit-transform:translate3d(20%,0,0) rotate3d(0,0,1,3deg);transform:translate3d(20%,0,0) rotate3d(0,0,1,3deg)}45%{-webkit-transform:translate3d(-15%,0,0) rotate3d(0,0,1,-3deg);transform:translate3d(-15%,0,0) rotate3d(0,0,1,-3deg)}60%{-webkit-transform:translate3d(10%,0,0) rotate3d(0,0,1,2deg);transform:translate3d(10%,0,0) rotate3d(0,0,1,2deg)}75%{-webkit-transform:translate3d(-5%,0,0) rotate3d(0,0,1,-1deg);transform:translate3d(-5%,0,0) rotate3d(0,0,1,-1deg)}100%{-webkit-transform:none;transform:none}}.wobble{-webkit-animation-name:wobble;animation-name:wobble}@-webkit-keyframes bounceIn{0%,100%,20%,40%,60%,80%{-webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);transition-timing-function:cubic-bezier(0.215,.61,.355,1)}0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}20%{-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}40%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}60%{opacity:1;-webkit-transform:scale3d(1.03,1.03,1.03);transform:scale3d(1.03,1.03,1.03)}80%{-webkit-transform:scale3d(.97,.97,.97);transform:scale3d(.97,.97,.97)}100%{opacity:1;-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}@keyframes bounceIn{0%,100%,20%,40%,60%,80%{-webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);transition-timing-function:cubic-bezier(0.215,.61,.355,1)}0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}20%{-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}40%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}60%{opacity:1;-webkit-transform:scale3d(1.03,1.03,1.03);transform:scale3d(1.03,1.03,1.03)}80%{-webkit-transform:scale3d(.97,.97,.97);transform:scale3d(.97,.97,.97)}100%{opacity:1;-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}.bounceIn{-webkit-animation-name:bounceIn;animation-name:bounceIn;-webkit-animation-duration:.75s;animation-duration:.75s}@-webkit-keyframes bounceInDown{0%,100%,60%,75%,90%{-webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);transition-timing-function:cubic-bezier(0.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,-3000px,0);transform:translate3d(0,-3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,25px,0);transform:translate3d(0,25px,0)}75%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}90%{-webkit-transform:translate3d(0,5px,0);transform:translate3d(0,5px,0)}100%{-webkit-transform:none;transform:none}}@keyframes bounceInDown{0%,100%,60%,75%,90%{-webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);transition-timing-function:cubic-bezier(0.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,-3000px,0);transform:translate3d(0,-3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,25px,0);transform:translate3d(0,25px,0)}75%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}90%{-webkit-transform:translate3d(0,5px,0);transform:translate3d(0,5px,0)}100%{-webkit-transform:none;transform:none}}.bounceInDown{-webkit-animation-name:bounceInDown;animation-name:bounceInDown}@-webkit-keyframes bounceInLeft{0%,100%,60%,75%,90%{-webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);transition-timing-function:cubic-bezier(0.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(-3000px,0,0);transform:translate3d(-3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(25px,0,0);transform:translate3d(25px,0,0)}75%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}90%{-webkit-transform:translate3d(5px,0,0);transform:translate3d(5px,0,0)}100%{-webkit-transform:none;transform:none}}@keyframes bounceInLeft{0%,100%,60%,75%,90%{-webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);transition-timing-function:cubic-bezier(0.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(-3000px,0,0);transform:translate3d(-3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(25px,0,0);transform:translate3d(25px,0,0)}75%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}90%{-webkit-transform:translate3d(5px,0,0);transform:translate3d(5px,0,0)}100%{-webkit-transform:none;transform:none}}.bounceInLeft{-webkit-animation-name:bounceInLeft;animation-name:bounceInLeft}@-webkit-keyframes bounceInRight{0%,100%,60%,75%,90%{-webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);transition-timing-function:cubic-bezier(0.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(3000px,0,0);transform:translate3d(3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(-25px,0,0);transform:translate3d(-25px,0,0)}75%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}90%{-webkit-transform:translate3d(-5px,0,0);transform:translate3d(-5px,0,0)}100%{-webkit-transform:none;transform:none}}@keyframes bounceInRight{0%,100%,60%,75%,90%{-webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);transition-timing-function:cubic-bezier(0.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(3000px,0,0);transform:translate3d(3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(-25px,0,0);transform:translate3d(-25px,0,0)}75%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}90%{-webkit-transform:translate3d(-5px,0,0);transform:translate3d(-5px,0,0)}100%{-webkit-transform:none;transform:none}}.bounceInRight{-webkit-animation-name:bounceInRight;animation-name:bounceInRight}@-webkit-keyframes bounceInUp{0%,100%,60%,75%,90%{-webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);transition-timing-function:cubic-bezier(0.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,3000px,0);transform:translate3d(0,3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}75%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}90%{-webkit-transform:translate3d(0,-5px,0);transform:translate3d(0,-5px,0)}100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes bounceInUp{0%,100%,60%,75%,90%{-webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);transition-timing-function:cubic-bezier(0.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,3000px,0);transform:translate3d(0,3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}75%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}90%{-webkit-transform:translate3d(0,-5px,0);transform:translate3d(0,-5px,0)}100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}.bounceInUp{-webkit-animation-name:bounceInUp;animation-name:bounceInUp}@-webkit-keyframes bounceOut{20%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}50%,55%{opacity:1;-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}100%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}}@keyframes bounceOut{20%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}50%,55%{opacity:1;-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}100%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}}.bounceOut{-webkit-animation-name:bounceOut;animation-name:bounceOut;-webkit-animation-duration:.75s;animation-duration:.75s}@-webkit-keyframes bounceOutDown{20%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}40%,45%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}100%{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}@keyframes bounceOutDown{20%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}40%,45%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}100%{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}.bounceOutDown{-webkit-animation-name:bounceOutDown;animation-name:bounceOutDown}@-webkit-keyframes bounceOutLeft{20%{opacity:1;-webkit-transform:translate3d(20px,0,0);transform:translate3d(20px,0,0)}100%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}@keyframes bounceOutLeft{20%{opacity:1;-webkit-transform:translate3d(20px,0,0);transform:translate3d(20px,0,0)}100%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}.bounceOutLeft{-webkit-animation-name:bounceOutLeft;animation-name:bounceOutLeft}@-webkit-keyframes bounceOutRight{20%{opacity:1;-webkit-transform:translate3d(-20px,0,0);transform:translate3d(-20px,0,0)}100%{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}@keyframes bounceOutRight{20%{opacity:1;-webkit-transform:translate3d(-20px,0,0);transform:translate3d(-20px,0,0)}100%{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}.bounceOutRight{-webkit-animation-name:bounceOutRight;animation-name:bounceOutRight}@-webkit-keyframes bounceOutUp{20%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}40%,45%{opacity:1;-webkit-transform:translate3d(0,20px,0);transform:translate3d(0,20px,0)}100%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}@keyframes bounceOutUp{20%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}40%,45%{opacity:1;-webkit-transform:translate3d(0,20px,0);transform:translate3d(0,20px,0)}100%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}.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:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInDown{0%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}100%{opacity:1;-webkit-transform:none;transform:none}}.fadeInDown{-webkit-animation-name:fadeInDown;animation-name:fadeInDown}@-webkit-keyframes fadeInDownBig{0%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInDownBig{0%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}100%{opacity:1;-webkit-transform:none;transform:none}}.fadeInDownBig{-webkit-animation-name:fadeInDownBig;animation-name:fadeInDownBig}@-webkit-keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}100%{opacity:1;-webkit-transform:none;transform:none}}.fadeInLeft{-webkit-animation-name:fadeInLeft;animation-name:fadeInLeft}@-webkit-keyframes fadeInLeftBig{0%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInLeftBig{0%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}100%{opacity:1;-webkit-transform:none;transform:none}}.fadeInLeftBig{-webkit-animation-name:fadeInLeftBig;animation-name:fadeInLeftBig}@-webkit-keyframes fadeInRight{0%{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInRight{0%{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}100%{opacity:1;-webkit-transform:none;transform:none}}.fadeInRight{-webkit-animation-name:fadeInRight;animation-name:fadeInRight}@-webkit-keyframes fadeInRightBig{0%{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInRightBig{0%{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}100%{opacity:1;-webkit-transform:none;transform:none}}.fadeInRightBig{-webkit-animation-name:fadeInRightBig;animation-name:fadeInRightBig}@-webkit-keyframes fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}100%{opacity:1;-webkit-transform:none;transform:none}}.fadeInUp{-webkit-animation-name:fadeInUp;animation-name:fadeInUp}@-webkit-keyframes fadeInUpBig{0%{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInUpBig{0%{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}100%{opacity:1;-webkit-transform:none;transform:none}}.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}100%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}@keyframes fadeOutDown{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}.fadeOutDown{-webkit-animation-name:fadeOutDown;animation-name:fadeOutDown}@-webkit-keyframes fadeOutDownBig{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}@keyframes fadeOutDownBig{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}.fadeOutDownBig{-webkit-animation-name:fadeOutDownBig;animation-name:fadeOutDownBig}@-webkit-keyframes fadeOutLeft{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}@keyframes fadeOutLeft{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}.fadeOutLeft{-webkit-animation-name:fadeOutLeft;animation-name:fadeOutLeft}@-webkit-keyframes fadeOutLeftBig{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}@keyframes fadeOutLeftBig{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}.fadeOutLeftBig{-webkit-animation-name:fadeOutLeftBig;animation-name:fadeOutLeftBig}@-webkit-keyframes fadeOutRight{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}@keyframes fadeOutRight{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}.fadeOutRight{-webkit-animation-name:fadeOutRight;animation-name:fadeOutRight}@-webkit-keyframes fadeOutRightBig{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}@keyframes fadeOutRightBig{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}.fadeOutRightBig{-webkit-animation-name:fadeOutRightBig;animation-name:fadeOutRightBig}@-webkit-keyframes fadeOutUp{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}@keyframes fadeOutUp{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}.fadeOutUp{-webkit-animation-name:fadeOutUp;animation-name:fadeOutUp}@-webkit-keyframes fadeOutUpBig{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}@keyframes fadeOutUpBig{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}.fadeOutUpBig{-webkit-animation-name:fadeOutUpBig;animation-name:fadeOutUpBig}@-webkit-keyframes flip{0%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-360deg);transform:perspective(400px) rotate3d(0,1,0,-360deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}40%{-webkit-transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}50%{-webkit-transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}80%{-webkit-transform:perspective(400px) scale3d(.95,.95,.95);transform:perspective(400px) scale3d(.95,.95,.95);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}100%{-webkit-transform:perspective(400px);transform:perspective(400px);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}}@keyframes flip{0%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-360deg);transform:perspective(400px) rotate3d(0,1,0,-360deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}40%{-webkit-transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}50%{-webkit-transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}80%{-webkit-transform:perspective(400px) scale3d(.95,.95,.95);transform:perspective(400px) scale3d(.95,.95,.95);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}100%{-webkit-transform:perspective(400px);transform:perspective(400px);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}}.animated.flip{-webkit-backface-visibility:visible;backface-visibility:visible;-webkit-animation-name:flip;animation-name:flip}@-webkit-keyframes flipInX{0%{-webkit-transform:perspective(400px) rotate3d(1,0,0,90deg);transform:perspective(400px) rotate3d(1,0,0,90deg);-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-20deg);transform:perspective(400px) rotate3d(1,0,0,-20deg);-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotate3d(1,0,0,10deg);transform:perspective(400px) rotate3d(1,0,0,10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-5deg);transform:perspective(400px) rotate3d(1,0,0,-5deg)}100%{-webkit-transform:perspective(400px);transform:perspective(400px)}}@keyframes flipInX{0%{-webkit-transform:perspective(400px) rotate3d(1,0,0,90deg);transform:perspective(400px) rotate3d(1,0,0,90deg);-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-20deg);transform:perspective(400px) rotate3d(1,0,0,-20deg);-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotate3d(1,0,0,10deg);transform:perspective(400px) rotate3d(1,0,0,10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-5deg);transform:perspective(400px) rotate3d(1,0,0,-5deg)}100%{-webkit-transform:perspective(400px);transform:perspective(400px)}}.flipInX{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipInX;animation-name:flipInX}@-webkit-keyframes flipInY{0%{-webkit-transform:perspective(400px) rotate3d(0,1,0,90deg);transform:perspective(400px) rotate3d(0,1,0,90deg);-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-20deg);transform:perspective(400px) rotate3d(0,1,0,-20deg);-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotate3d(0,1,0,10deg);transform:perspective(400px) rotate3d(0,1,0,10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-5deg);transform:perspective(400px) rotate3d(0,1,0,-5deg)}100%{-webkit-transform:perspective(400px);transform:perspective(400px)}}@keyframes flipInY{0%{-webkit-transform:perspective(400px) rotate3d(0,1,0,90deg);transform:perspective(400px) rotate3d(0,1,0,90deg);-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-20deg);transform:perspective(400px) rotate3d(0,1,0,-20deg);-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotate3d(0,1,0,10deg);transform:perspective(400px) rotate3d(0,1,0,10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-5deg);transform:perspective(400px) rotate3d(0,1,0,-5deg)}100%{-webkit-transform:perspective(400px);transform:perspective(400px)}}.flipInY{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipInY;animation-name:flipInY}@-webkit-keyframes flipOutX{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-20deg);transform:perspective(400px) rotate3d(1,0,0,-20deg);opacity:1}100%{-webkit-transform:perspective(400px) rotate3d(1,0,0,90deg);transform:perspective(400px) rotate3d(1,0,0,90deg);opacity:0}}@keyframes flipOutX{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-20deg);transform:perspective(400px) rotate3d(1,0,0,-20deg);opacity:1}100%{-webkit-transform:perspective(400px) rotate3d(1,0,0,90deg);transform:perspective(400px) rotate3d(1,0,0,90deg);opacity:0}}.flipOutX{-webkit-animation-name:flipOutX;animation-name:flipOutX;-webkit-animation-duration:.75s;animation-duration:.75s;-webkit-backface-visibility:visible!important;backface-visibility:visible!important}@-webkit-keyframes flipOutY{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-15deg);transform:perspective(400px) rotate3d(0,1,0,-15deg);opacity:1}100%{-webkit-transform:perspective(400px) rotate3d(0,1,0,90deg);transform:perspective(400px) rotate3d(0,1,0,90deg);opacity:0}}@keyframes flipOutY{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-15deg);transform:perspective(400px) rotate3d(0,1,0,-15deg);opacity:1}100%{-webkit-transform:perspective(400px) rotate3d(0,1,0,90deg);transform:perspective(400px) rotate3d(0,1,0,90deg);opacity:0}}.flipOutY{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipOutY;animation-name:flipOutY;-webkit-animation-duration:.75s;animation-duration:.75s}@-webkit-keyframes lightSpeedIn{0%{-webkit-transform:translate3d(100%,0,0) skewX(-30deg);transform:translate3d(100%,0,0) skewX(-30deg);opacity:0}60%{-webkit-transform:skewX(20deg);transform:skewX(20deg);opacity:1}80%{-webkit-transform:skewX(-5deg);transform:skewX(-5deg);opacity:1}100%{-webkit-transform:none;transform:none;opacity:1}}@keyframes lightSpeedIn{0%{-webkit-transform:translate3d(100%,0,0) skewX(-30deg);transform:translate3d(100%,0,0) skewX(-30deg);opacity:0}60%{-webkit-transform:skewX(20deg);transform:skewX(20deg);opacity:1}80%{-webkit-transform:skewX(-5deg);transform:skewX(-5deg);opacity:1}100%{-webkit-transform:none;transform:none;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%{opacity:1}100%{-webkit-transform:translate3d(100%,0,0) skewX(30deg);transform:translate3d(100%,0,0) skewX(30deg);opacity:0}}@keyframes lightSpeedOut{0%{opacity:1}100%{-webkit-transform:translate3d(100%,0,0) skewX(30deg);transform:translate3d(100%,0,0) 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;transform-origin:center;-webkit-transform:rotate3d(0,0,1,-200deg);transform:rotate3d(0,0,1,-200deg);opacity:0}100%{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:none;transform:none;opacity:1}}@keyframes rotateIn{0%{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:rotate3d(0,0,1,-200deg);transform:rotate3d(0,0,1,-200deg);opacity:0}100%{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:none;transform:none;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:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:none;transform:none;opacity:1}}@keyframes rotateInDownLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:none;transform:none;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:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:none;transform:none;opacity:1}}@keyframes rotateInDownRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:none;transform:none;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:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:none;transform:none;opacity:1}}@keyframes rotateInUpLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:none;transform:none;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:rotate3d(0,0,1,-90deg);transform:rotate3d(0,0,1,-90deg);opacity:0}100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:none;transform:none;opacity:1}}@keyframes rotateInUpRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,-90deg);transform:rotate3d(0,0,1,-90deg);opacity:0}100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:none;transform:none;opacity:1}}.rotateInUpRight{-webkit-animation-name:rotateInUpRight;animation-name:rotateInUpRight}@-webkit-keyframes rotateOut{0%{-webkit-transform-origin:center;transform-origin:center;opacity:1}100%{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:rotate3d(0,0,1,200deg);transform:rotate3d(0,0,1,200deg);opacity:0}}@keyframes rotateOut{0%{-webkit-transform-origin:center;transform-origin:center;opacity:1}100%{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:rotate3d(0,0,1,200deg);transform:rotate3d(0,0,1,200deg);opacity:0}}.rotateOut{-webkit-animation-name:rotateOut;animation-name:rotateOut}@-webkit-keyframes rotateOutDownLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;opacity:1}100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}}@keyframes rotateOutDownLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;opacity:1}100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}}.rotateOutDownLeft{-webkit-animation-name:rotateOutDownLeft;animation-name:rotateOutDownLeft}@-webkit-keyframes rotateOutDownRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;opacity:1}100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}}@keyframes rotateOutDownRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;opacity:1}100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}}.rotateOutDownRight{-webkit-animation-name:rotateOutDownRight;animation-name:rotateOutDownRight}@-webkit-keyframes rotateOutUpLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;opacity:1}100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}}@keyframes rotateOutUpLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;opacity:1}100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}}.rotateOutUpLeft{-webkit-animation-name:rotateOutUpLeft;animation-name:rotateOutUpLeft}@-webkit-keyframes rotateOutUpRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;opacity:1}100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,90deg);transform:rotate3d(0,0,1,90deg);opacity:0}}@keyframes rotateOutUpRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;opacity:1}100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,90deg);transform:rotate3d(0,0,1,90deg);opacity:0}}.rotateOutUpRight{-webkit-animation-name:rotateOutUpRight;animation-name:rotateOutUpRight}@-webkit-keyframes hinge{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:rotate3d(0,0,1,80deg);transform:rotate3d(0,0,1,80deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}40%,80%{-webkit-transform:rotate3d(0,0,1,60deg);transform:rotate3d(0,0,1,60deg);-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:translate3d(0,700px,0);transform:translate3d(0,700px,0);opacity:0}}@keyframes hinge{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:rotate3d(0,0,1,80deg);transform:rotate3d(0,0,1,80deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}40%,80%{-webkit-transform:rotate3d(0,0,1,60deg);transform:rotate3d(0,0,1,60deg);-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:translate3d(0,700px,0);transform:translate3d(0,700px,0);opacity:0}}.hinge{-webkit-animation-name:hinge;animation-name:hinge}@-webkit-keyframes rollIn{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg);transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes rollIn{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg);transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg)}100%{opacity:1;-webkit-transform:none;transform:none}}.rollIn{-webkit-animation-name:rollIn;animation-name:rollIn}@-webkit-keyframes rollOut{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(100%,0,0) rotate3d(0,0,1,120deg);transform:translate3d(100%,0,0) rotate3d(0,0,1,120deg)}}@keyframes rollOut{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(100%,0,0) rotate3d(0,0,1,120deg);transform:translate3d(100%,0,0) rotate3d(0,0,1,120deg)}}.rollOut{-webkit-animation-name:rollOut;animation-name:rollOut}@-webkit-keyframes zoomIn{0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%{opacity:1}}@keyframes zoomIn{0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%{opacity:1}}.zoomIn{-webkit-animation-name:zoomIn;animation-name:zoomIn}@-webkit-keyframes zoomInDown{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);-webkit-animation-timing-function:cubic-bezier(0.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.175,.885,.32,1)}}@keyframes zoomInDown{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);-webkit-animation-timing-function:cubic-bezier(0.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.175,.885,.32,1)}}.zoomInDown{-webkit-animation-name:zoomInDown;animation-name:zoomInDown}@-webkit-keyframes zoomInLeft{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);-webkit-animation-timing-function:cubic-bezier(0.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(10px,0,0);transform:scale3d(.475,.475,.475) translate3d(10px,0,0);-webkit-animation-timing-function:cubic-bezier(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.175,.885,.32,1)}}@keyframes zoomInLeft{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);-webkit-animation-timing-function:cubic-bezier(0.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(10px,0,0);transform:scale3d(.475,.475,.475) translate3d(10px,0,0);-webkit-animation-timing-function:cubic-bezier(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.175,.885,.32,1)}}.zoomInLeft{-webkit-animation-name:zoomInLeft;animation-name:zoomInLeft}@-webkit-keyframes zoomInRight{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);-webkit-animation-timing-function:cubic-bezier(0.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);-webkit-animation-timing-function:cubic-bezier(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.175,.885,.32,1)}}@keyframes zoomInRight{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);-webkit-animation-timing-function:cubic-bezier(0.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);-webkit-animation-timing-function:cubic-bezier(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.175,.885,.32,1)}}.zoomInRight{-webkit-animation-name:zoomInRight;animation-name:zoomInRight}@-webkit-keyframes zoomInUp{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);-webkit-animation-timing-function:cubic-bezier(0.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.175,.885,.32,1)}}@keyframes zoomInUp{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);-webkit-animation-timing-function:cubic-bezier(0.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.175,.885,.32,1)}}.zoomInUp{-webkit-animation-name:zoomInUp;animation-name:zoomInUp}@-webkit-keyframes zoomOut{0%{opacity:1}50%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}100%{opacity:0}}@keyframes zoomOut{0%{opacity:1}50%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}100%{opacity:0}}.zoomOut{-webkit-animation-name:zoomOut;animation-name:zoomOut}@-webkit-keyframes zoomOutDown{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(0.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.55,.055,.675,.19)}100%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.175,.885,.32,1)}}@keyframes zoomOutDown{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(0.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.55,.055,.675,.19)}100%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.175,.885,.32,1)}}.zoomOutDown{-webkit-animation-name:zoomOutDown;animation-name:zoomOutDown}@-webkit-keyframes zoomOutLeft{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(42px,0,0);transform:scale3d(.475,.475,.475) translate3d(42px,0,0)}100%{opacity:0;-webkit-transform:scale(.1) translate3d(-2000px,0,0);transform:scale(.1) translate3d(-2000px,0,0);-webkit-transform-origin:left center;transform-origin:left center}}@keyframes zoomOutLeft{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(42px,0,0);transform:scale3d(.475,.475,.475) translate3d(42px,0,0)}100%{opacity:0;-webkit-transform:scale(.1) translate3d(-2000px,0,0);transform:scale(.1) translate3d(-2000px,0,0);-webkit-transform-origin:left center;transform-origin:left center}}.zoomOutLeft{-webkit-animation-name:zoomOutLeft;animation-name:zoomOutLeft}@-webkit-keyframes zoomOutRight{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-42px,0,0);transform:scale3d(.475,.475,.475) translate3d(-42px,0,0)}100%{opacity:0;-webkit-transform:scale(.1) translate3d(2000px,0,0);transform:scale(.1) translate3d(2000px,0,0);-webkit-transform-origin:right center;transform-origin:right center}}@keyframes zoomOutRight{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-42px,0,0);transform:scale3d(.475,.475,.475) translate3d(-42px,0,0)}100%{opacity:0;-webkit-transform:scale(.1) translate3d(2000px,0,0);transform:scale(.1) translate3d(2000px,0,0);-webkit-transform-origin:right center;transform-origin:right center}}.zoomOutRight{-webkit-animation-name:zoomOutRight;animation-name:zoomOutRight}@-webkit-keyframes zoomOutUp{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(0.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.55,.055,.675,.19)}100%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.175,.885,.32,1)}}@keyframes zoomOutUp{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(0.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.55,.055,.675,.19)}100%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.175,.885,.32,1)}}.zoomOutUp{-webkit-animation-name:zoomOutUp;animation-name:zoomOutUp}@-webkit-keyframes slideInDown{0%{-webkit-transform:translateY(-100%);transform:translateY(-100%);visibility:visible}100%{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes slideInDown{0%{-webkit-transform:translateY(-100%);transform:translateY(-100%);visibility:visible}100%{-webkit-transform:translateY(0);transform:translateY(0)}}.slideInDown{-webkit-animation-name:slideInDown;animation-name:slideInDown}@-webkit-keyframes slideInLeft{0%{-webkit-transform:translateX(-100%);transform:translateX(-100%);visibility:visible}100%{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes slideInLeft{0%{-webkit-transform:translateX(-100%);transform:translateX(-100%);visibility:visible}100%{-webkit-transform:translateX(0);transform:translateX(0)}}.slideInLeft{-webkit-animation-name:slideInLeft;animation-name:slideInLeft}@-webkit-keyframes slideInRight{0%{-webkit-transform:translateX(100%);transform:translateX(100%);visibility:visible}100%{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes slideInRight{0%{-webkit-transform:translateX(100%);transform:translateX(100%);visibility:visible}100%{-webkit-transform:translateX(0);transform:translateX(0)}}.slideInRight{-webkit-animation-name:slideInRight;animation-name:slideInRight}@-webkit-keyframes slideInUp{0%{-webkit-transform:translateY(100%);transform:translateY(100%);visibility:visible}100%{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes slideInUp{0%{-webkit-transform:translateY(100%);transform:translateY(100%);visibility:visible}100%{-webkit-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%{visibility:hidden;-webkit-transform:translateY(100%);transform:translateY(100%)}}@keyframes slideOutDown{0%{-webkit-transform:translateY(0);transform:translateY(0)}100%{visibility:hidden;-webkit-transform:translateY(100%);transform:translateY(100%)}}.slideOutDown{-webkit-animation-name:slideOutDown;animation-name:slideOutDown}@-webkit-keyframes slideOutLeft{0%{-webkit-transform:translateX(0);transform:translateX(0)}100%{visibility:hidden;-webkit-transform:translateX(-100%);transform:translateX(-100%)}}@keyframes slideOutLeft{0%{-webkit-transform:translateX(0);transform:translateX(0)}100%{visibility:hidden;-webkit-transform:translateX(-100%);transform:translateX(-100%)}}.slideOutLeft{-webkit-animation-name:slideOutLeft;animation-name:slideOutLeft}@-webkit-keyframes slideOutRight{0%{-webkit-transform:translateX(0);transform:translateX(0)}100%{visibility:hidden;-webkit-transform:translateX(100%);transform:translateX(100%)}}@keyframes slideOutRight{0%{-webkit-transform:translateX(0);transform:translateX(0)}100%{visibility:hidden;-webkit-transform:translateX(100%);transform:translateX(100%)}}.slideOutRight{-webkit-animation-name:slideOutRight;animation-name:slideOutRight}@-webkit-keyframes slideOutUp{0%{-webkit-transform:translateY(0);transform:translateY(0)}100%{visibility:hidden;-webkit-transform:translateY(-100%);transform:translateY(-100%)}}@keyframes slideOutUp{0%{-webkit-transform:translateY(0);transform:translateY(0)}100%{visibility:hidden;-webkit-transform:translateY(-100%);transform:translateY(-100%)}}.slideOutUp{-webkit-animation-name:slideOutUp;animation-name:slideOutUp}


/*banner.css*/

#container{ margin:0 auto;position:relative;z-index:0;}
#example{ position:relative;}
#ribbon{position:absolute;top:-3px;left:-15px;z-index:500;}
#frame{position:absolute;z-index:0; width:1920px;top:-3px;left:-80px;}
#slides{ z-index:100;}
#slides .rol,#slides .ror{position:absolute;top:220px;width:35px;height:52px;display:block;z-index:101;}
.slides_container{  position:relative;}
#slides .rol{left:360px;}
#slides .ror{right:360px;}
.p_banner_box {
display: block;
}
.p_banner_box #slides .rol{top:110px;}
.p_banner_box #slides .ror{top:110px;}

.pagination{display: block;position:absolute;z-index:20000;bottom:15px; width:100%; text-align:center;}
.pagination li{display:inline-block;}
.pagination li a{display:inline-block; margin:0 15px; width:100px; height:6px; text-align:center; background:#FFF; overflow:hidden;  font-size:0px;}
.pagination li.current a{background:#0473ae;} 

.caption{position:absolute;bottom:-35px;height:35px;padding:5px 20px 0 20px;background:#000;background:rgba(0,0,0,.5);width:898px;font-size:1.3em;line-height:1.33;color:#fff;border-top:1px solid #000;text-shadow: 1px 1px 1px #ccc;display: none;}

 .menu_67 .richTextImg,
  .menu_67 .richContent {
  	margin: auto;
  }
   
  
/* 首页部分开始 */
.mfbox {
	width: 90%;
	margin: auto;
	display: flex;
	justify-content: space-between;
	padding:10px 0;
}
.mfbox .ss {
	width: 20%;
	height: 50px;
	display: flex;
	align-items: center;
	position: relative;
    display: none;
}
.mfbox .ss::before {
	content: "\e648";
    position: absolute;
    left: 20px;
    z-index: 99;
}
.mfbox .ss form {
	width: 100%;
}
.ss form .inp01 {
	width: 100%;
    height: 40px;
    background-color: rgba(255,255,255,.7);
    color: #333;
    font-size: 14px;
    padding-left: 45px;
    border-radius: 50px;
}
.mfbox .ss .search-pic {
	display: none;
}
.wp{width: 100%;max-width: 1200px;margin: 0 auto;}  
.logo{float: left;}  
.nav{float: right;height: 50px;z-index: 100000;}  
.i_banner_box{position:relative; width:100%; z-index:11;}
.i_banner{width:100%; margin:0 auto; overflow:hidden;} 
.clear{clear: both;}

.i_nav ul li ul li:first-child::after{ content: "";
    width: 0px;
    height: 0px;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #fff;
    position: absolute;
    top: -10px;
    left: 70px;}

/*头部开始*/
.h_top{height: 40px;line-height: 40px;background-color: #21457B; padding: 0 5%;}
.language a {
	color: #333;
    display: block;
    line-height: 25px;
}
.language a:hover {
	background-color: #21457B;
}
.h_top .topbar .lan a {
    	color: #fff;
	}
	.language {
		display: none;
	}
.h_top .topbar .left {
	margin-right: 30px;
	display: flex;
    justify-content: center;
	align-items: center;
	color: #fff;
}
.h_top .topbar .left:first-child {
	margin-right: 80px;
}
.h_top .topbar .left .topbar_icon {
	width: 20px;
     height: 20px;
    display: flex;
    margin-right: 15px;
}
.topbar_l {float: left;height: 40px;}
.topbar_r{float: right;}
.topbar_l span{font-size: 13px;color: rgb(254, 109, 3);}
.topbar_r span{font-size: 14px;color: rgb(85, 85, 85);font-weight: 700;vertical-align: middle;display: inline-block;padding-left: 6px;} 
.topbar_r img{width: 20px;height: 20px;vertical-align: middle;}



.header{background: #ffffff;z-index: 1000;}
.addflex{/*position: fixed;*/top: 0;width: 100%;}
/*头部结束*/

/*主营业务*/
.i_txt_t{padding: 100px 0 60px;text-align: center;} 
span.yw01{font-size: 22px;color: #fe6d03;font-weight: 700;}     
span.yw02{font-size: 16px;color: #fe6d03;font-weight: 300;} 
span.txt01{font-size: 14px;color: #888;line-height: 1.3;}

.yw ul li{width: 50%;float: left;height: 214px;overflow: hidden;margin-bottom: 1.875rem;padding-left: .9375rem;padding-right: .9375rem;}
.yw_box{margin-bottom: 30px;text-align: left;height: auto;position: relative;}
.yw_box::before{border: 1px solid #e6e6e6;content: '';position: absolute;left: 25%;right: 0;top: 0;bottom: 0;
display: block;z-index: -1;background: #fff;}
.yw_boxl{float: left;width: 190px; margin: 10px 0;overflow: hidden;text-align: center;
	z-index: 1;padding-right: .9375rem;padding-left: .9375rem;}
.yw_boxl img{background: #fff;padding: 8px;height: 160px;}
.yw_boxr{float: left;width: 380px;overflow: hidden;padding: 20px 10px 15px 10px;height: auto;z-index: 1;}
.yw_boxr h3{color: #4f4f4f; font-size: 1.55em;font-weight: 700; margin-bottom: 10px; position: relative;}
.yw_boxr h3::before{content: '';width: 45px;height: 3px;background: #fe6d03; position: absolute;bottom: -10px;}
.yw_boxr p{color: #363636; font-size: 14px;line-height: 26px;height: 114px;overflow: hidden;padding: 13px 0 0 0;}

.yw ul li a:hover .yw_box::before{background:#fe6d03;}
.yw ul li a:hover .yw_boxr h3{color: #fff;}
.yw ul li a:hover .yw_boxr p{color: #fff;}
/*业务展示*/
.i_zs .i_txt_t{padding: 80px 0 0;}
.i_zs .i_txt_t h3{font-size: 2rem;color: rgb(79, 79, 79);    font-weight: 300;}

.sort_l{display: flex;-webkit-box-pack: center;justify-content: center;text-align: center; margin: 30px auto;margin-bottom: 50px;}
.sort_l ul li{float: left;}
.sort_l ul li a{background-color: rgb(255, 255, 255);white-space: nowrap;font-size: 12px;margin-right: 5px;padding: 8px 30px;border-radius: 0px;
border-width: 1px;border-style: solid;border-image: initial;border-color: rgb(79, 79, 79);transition: all 0.66s cubic-bezier(0.17, 0.84, 0.44, 1) 0s;}
.sort_l ul li a:hover{background-color: rgb(254, 109, 3);border-color: rgb(254, 109, 3);color: #fff;}

.i_pro_l ul li{float: left;width: 33.33%;margin-bottom: 2.143rem;padding-right: 15px!important;}
.i_pro_l ul li .item_img{position: relative;}
.item_img img{height: 257px;overflow: hidden;}
.mask_txt img{width: 22px;height: 22px;}
.mask_txt, .mask{opacity: 0;position: absolute;top: 0;left: 0;bottom: 0;right: 0;text-align: center;}
.mask_txt{top: 50%;}
.i_pro_l ul li .item_img:hover .mask {opacity: 0.2;background-color: #333;}
.i_pro_l ul li .item_img:hover .mask_txt {opacity: 1;}

.item_wrapper{padding-top: 20px!important;padding-bottom: 30px!important;margin-bottom: 10px!important;
border-bottom:#333 1px solid;}
.item_wrapper span{color: rgb(79, 79, 79);font-size: 16px;}
.item_wrapper:hover span{color: #fe6d03;}

.more{text-align: center;margin: 30px 0;}
.more a{background-color: rgb(255, 255, 255);display: inline-block;color: rgb(79, 79, 79);
transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;border-width: 1px;
border-style: solid;border-color: initial;border-image: initial;margin: 0px 15px;padding: 6px 50px;}
.more a:hover{color: rgb(255, 255, 255);background-color: rgb(254, 109, 3);border-color: rgb(254, 109, 3);}

.control-prev,.control-next {display: inline-block;cursor: pointer;font-size: 19px;position: relative;top: 2px;color: rgb(79, 79, 79);background-color: rgb(255, 255, 255);
transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;padding: 2px 20px;border-width: 1px;border-style: solid;border-color: initial;border-image: initial;}
.control-prev i {background-image: url(/templates/Images/prev01.png);background-size: 2.5%;    background-repeat: no-repeat;}
.control-next {background-image: url(/templates/Images/next01.png);background-size: 2.5%;}



/*关于我们*/
.i_about{background-image: url(/templates/Images/about_bg.jpg);background-position: center center;padding: 70px 0px;}
.about{padding-top: 50px;background: rgb(255, 255, 255);height: 480px;padding: 30px 30px;}
.about .i_txt_t{padding: 0;}
.about h3{font-size: 24px;color: rgb(227, 108, 9);}
.about span{font-size: 12px;color: rgb(165, 165, 165);display: block;margin: 30px 0;}  
.about p{font-size: 14px;line-height: 1.8;color: #2a333c;margin-bottom: 30px;} 

/*新闻*/
.i_news .i_txt_t{padding: 80px 0 30px;}
.i_news .i_txt_t h3{font-size: 24px;color: rgb(79, 79, 79);}
.newsbox02{float: left;width: 33.33%;padding-right: .9375rem;padding-left: .9375rem;padding-bottom: 30px;}
.newsbox01{float: left;width: 66.66%;}
.newsbox01 ul li{float: left;width: 50%;padding-right: .9375rem;padding-left: .9375rem;padding-bottom: 30px;}
.newsbox01 h3{font-size: 18px;color: #4f4f4f;line-height: 25px;font-weight: 700;margin: 30px 0 8px;
	overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.newsbox01 h3::after{content: '';width: 35px;background: #fe6d03;height: 2px;display: block;margin-bottom: 15px;margin-top: 15px;}
.newsbox p{font-size: 16px;line-height: 26px;color: #363636;font-weight: 500;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;}
/*.newsbox h3{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}*/
.newsbox h3:hover{color: #fe6d03;}
.newsbox02 p{margin: 15px 0 20px;}
.newsbox02 h3{font-size: 26px;color: #4f4f4f;line-height: 40px;font-weight: 700;
	overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.newsbox03 ul li{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.newsbox03 h3{font-size: 14px;color: #4f4f4f;line-height: 38px;font-weight: normal;display: inline-block;vertical-align: middle;padding-left: 10px;}
.newsbox03 img{width: 12px;height: 12px;vertical-align: middle;}

.img-holder::before{content: "";position: absolute;z-index: 1;top: 0px;left: 0px;right: 0px;
	bottom: 0px;transform: scale(0);transition-property: transform;transition-duration: 0.3s;transition-timing-function: ease-out;}
.newsbox01 ul li:hover .img-holder::before{transform: scale(1);background: #fe6d0380;}
.img-holder{position: relative;}  
.img-holder img{height: 194px;overflow: hidden;}   
/*合作*/
.i_hezuo h3{font-size: 18px;color: rgb(79, 79, 79);font-weight: 600;}
.i_hezuo .i_txt_t{text-align: left;padding: 100px 0 20px;}
.hz_box{margin-bottom: 30px;}
.hzbox ul li a{float: left;width: 220px; margin: 0 5px;padding: 10px; border: 1px solid #e4e4e4;    background: #fff;}
/*.hzbox ul li img{height: 50px;vertical-align: middle;}*/
.hzbox ul li img{width: 125px;height: 50px;display: block;margin: 0 auto;}




 /*底部*/
.footer{background-color: #4f4f4f;padding-top: 20px;} 
.fd_pic{float: left;width: 25%;}
.fd_pic ul li{width: 50%;float: left;}
.fd_pic img{width: 112px;height: 112px;}
.fd_pic p{height: 56px;line-height: 56px;text-align: left;font-size: 16px;color: #4f4f4f;color: #ffffff;}
.fd_txt{float: left;width: 25%;}    
.fd_txt p{color: #ffffff;font-weight: normal;line-height: 16px;font-size: 14px;margin: 10px 0;}
.fd_txt p.f_big{font-size: 14px; color: #ffffff;line-height: 18px;margin-bottom: 20px;margin-top: 0;}
.fd_menu{float: left;width: 50%;}
.fd_menu p{} 
.fd_menu ul{float: left;width: 25%;padding-right: .9375rem;padding-left: .9375rem;}
.fd_menu ul li a{font-size: 14px; color: #fff;font-weight: 400;display: inline-block;padding: 5px 0;}
.fd_menu ul li.f_title a {font-size: 16px;color: #ffffff;line-height: 16px;margin: 10px 0;}
.fd_menu ul li:hover a{color: #ff4328;} 

.copyright{text-align: center; background-color: #fff; border-top: 1px solid #333;}
.copyright p{color: #333;padding: 3px 0;font-size: 14px;}
/*留言*/
.gbook_tblist tr{font-size: 14px;line-height: 34px;color: #2F2F2F;font-weight: bold;}
img.gbverifycode {width: auto;height: auto;}
/* 首页部分结束 */


/* 内页部分开始 */
.path{background-image: url("/templates/Images/home.png");padding-left: 40px;background-size: contain;background-repeat: no-repeat; height: 30px;line-height: 30px;margin: 10px 0;border-bottom: 1px solid rgb(221, 221, 221);}
.path:hover{background-image: url("/templates/Images/home02.png");}
#p_path{margin:30px auto;} 
.path a{font-size: 14px;color: #999;font-weight: 400;}
.path a:hover{color: #fe6d03;}
.col-l{border-bottom: #f0f2f5 1px solid; display: none;}
.col-r{
	width: 94%;
	max-width: 1920px;
    margin: auto;
}
.p_pro_l{float: left;width: 22%;margin-top: 30px;padding-right: .9375rem;padding-left: .9375rem;box-shadow: rgba(0, 0, 0, 0.05) 0px 1px 1px;
    padding: 20px;    }
.p_pro_l ul li{
	font-size: 14px;
    display: block;
    border-bottom: 1px solid rgb(234, 234, 234);
}
.p_pro_l ul li a{
	color: #112440;
    font-size: 18px;
    padding: 10px 0px;
    text-align: left;
	box-sizing: content-box;
	padding-left: 20px;
}
.p_pro_l ul .sortnavli > a {
	display: flex;
	justify-content: space-between;
	padding-right: 20px;
}
.fuhao {
	font-size: 20px;
}
.p_pro_l ul li .sortsubnavcontainer {
	background: #21457B;
	border-radius: 20px;
	display: none;
}
.p_pro_l ul li .sortsubnavcontainer a {
	color: #fff;
}
.p_pro_l ul li a:hover{color: #fe6d03;}
.p_pro_r{float: right;width: 75%;margin-top: 30px;}

/* 技术实力 */
.menu_69_banner {
	background: url(../Images/mune_69_banner.jpg) no-repeat 0 0 / 100%;
	overflow: hidden;
	background-attachment: fixed;
}
.p_banner .shade {
	background-color: #21457B;
	opacity: .7
}
.p_banner .shade p {
	font-size: 60px;
	line-height: 100px;
	color: #fff;
	letter-spacing: 10px;
	padding: 80px 0;
	text-align: center;
}

.strength_list {
	position: relative;
	overflow: hidden;
	padding-bottom: 50px;
}
.swiper-button-next, .swiper-button-prev {
	--swiper-navigation-color: #FD9F3E !important;
	font-weight: 700;
}

.swiper-pagination-bullet {
	width: 12px !important;
	height: 12px !important;
}
.strength_item h3 {
	text-align: center;
    font-size: 25px;
    color: #fff;
    background-color: #21457B;
    padding: 20px 0;
    margin-bottom: 30px;
    margin-top: 60px;
}
.strength_item .swiper-slide {
	position: relative;
}
.strength_item .swiper-slide i {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}
/*产品*/
.ul-imgtxt-01{padding-top: 20px;}
.ul-imgtxt-01  li{float: left;width: 25%;margin-bottom: 1.875rem;padding-left: .9375rem;padding-right: .9375rem;}
.index-pro-box .index-pro .swiper-slide a,
.ul-imgtxt-01  li .picbox {
    display: block;
	padding-top: 100%;
    position: relative;
    overflow: hidden;
}
.index-pro-box .index-pro .swiper-slide a img,
.ul-imgtxt-01  li .picbox img {
	position: absolute;
    width: 100%;
    height: auto;
    top: 50%;
    left: 0;
	transform: translateY(-50%);
	transition: all .8s linear;
}
.index-pro-box .index-pro .swiper-slide:hover a img, 
.ul-imgtxt-01 li .picbox:hover img {
	max-width: 110%;
	width: 110%;
}
.ul-imgtxt-01  li .pic{box-shadow: 0 0px 10px rgba(0,0,0,.2);} 
.ul-imgtxt-01  li img{width: 280px;height: 150px;}
.ul-imgtxt-01  li p{color: #666;font-size: 16px;font-weight: 400;text-align: center;padding: 12px 20px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.ul-imgtxt-01  li:hover p{color: #ff4328;}

.ul-imgtxt-02 li{float: left;width: 33.33%;}
.ul-imgtxt-02 li .pic{margin: 0 20px 45px;}
.ul-imgtxt-02 li img{width: 370px;height: 335px;}
.ul-imgtxt-02 li p{font-size: 16px;font-weight: 400;color: #333;margin-top: 25px; overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.ul-imgtxt-02 li:hover p{color: #ff4328;}
.p_pro{margin-top: 45px;}

/* 走进我们 */
.menu_56_banner {
	background: url(../Images/menu_56_banner.jpg) no-repeat top left / 100%;
	overflow: hidden;
	background-attachment: fixed;
}
.menu_56_banner .shade p {
	text-align: left;
}
.about-des {
	width: 100%;
	padding: 50px 0;
}
.about-des .about-des-item {
	width: 100%;
	position: relative;
}
.about-des .about-des-item h3 {
	font-size: 24px;
	color: #21457b;
	line-height: 60px;
	margin: 80px 0;
}
.about-des .about-des-item .about-pic {
	position: absolute;
	top: -100%;
	right: 0;
	width: 50%;
	overflow: hidden;
	border-radius: 10px;
	z-index: 9999;
}
.about-des .about-des-item .about-pic img {
	width: 100%;
}
.about-des .about-des-item .about-text {
	
}
.about-des .about-des-item .about-text p {
	font-size: 18px;
	line-height: 30px;
	text-align: justify;
}
.partner {
	padding: 50px 0;
	overflow: hidden;
}
.partner .partner-title {
	text-align: center;
	line-height: 60px;
	font-size: 24px;
	color: #21457b;
	margin-bottom: 40px;
}
.partner .partner-wp {
	width: 100%;
	overflow: hidden;
}
.partner .partner-wp ul {
	display: flex;
	flex-wrap: wrap;
	border-right: 1px solid #999;
	border-bottom: 1px solid #999;
}
.partner .partner-wp ul li {
	width: 25%;
	border-left: 1px solid #999;
	border-top: 1px solid #999;
	padding: 30px;
	box-sizing: border-box;
}
.partner .partner-wp ul li img {
	width: 100%;
}
.partner .partner-wp ul li:hover {
	box-shadow: 0px 0px 10px 5px #ccc;
}
.about-say {
	display: flex;
	background-color: #E7E7E7;
	border-radius: 20px;
	overflow: hidden;
}
.about-say .about-say-item {
	width: 50%;
}
.about-say .right-img img {
	width: 100%;
}
.about-say .right-text {
	display: flex;
	flex-direction: column;
	justify-content: space-around;
	padding: 0 5%;
}
.about-say .right-text .top h2{
	font-size: 30px;
	color: #21457b;
	font-weight: 700;
	line-height: 60px;
	margin-bottom: 5%;
}
.about-say .right-text .top h3 {
	font-size: 20px;
	color: #21457b;
	line-height: 30px;
}
.about-say .right-text .bottom img {
	width: auto;
}
.about-say .right-text .top p {
	margin-bottom: 15%;
}
.about-say .right-text .top p::before {
	color: #21457b;
    font-size: 23px;
}


.index-about-say {
    display: flex;
    justify-content: space-between;
    background-color: #E7E7E7;
    padding: 7%;
}

.index-about-say .right-img {
    width: 30%;
    border-radius: 20px;
}
.index-about-say .right-img img {
    width: 100%;
}
.index-about-say .left-text {
    width: 65%;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}
.index-about-say .left-text .top {
    position: relative;
}
.index-about-say .left-text .top h2{
	position: absolute;
    top: -50px;
    font-size: 16px;
    color: #FD9F3E;
}
.index-about-say .left-text .top .ceshi {
    font-size: 24px;
	color: #21457b;
    line-height: 40px;
}
.index-about-say .left-text .top h3 {
	font-size: 18px;
	color: #21457b;
	line-height: 30px;
}
.index-about-say .left-text .bottom img {
	width: auto;
}
.index-about-say .left-text .top .icon-quotation {
	line-height: 100px;
}
.index-about-say .left-text .top p::before {
	color: #21457b;
    font-size: 23px;
}
.index .msg-wp {
	margin-top: 0;
}



/*新闻*/
.news .path {
	color: #fff;
}
.news .navPage a {
	color: #fff;
	border: 1px solid #fff;
}
.news .path a {
    font-size: 14px;
    color: #fff;
    font-weight: 400;
}
.news {
	background: #bebebe;
}
.ul-newslist li{height: 250px;margin-bottom: 30px;overflow: hidden;}
.news_pics{float: left;width: 370px;margin-right: 40px;}
.news_pics img{width: 370px;height: 250px;}
.news_txt{float: left;width: 790px;}
.news_txt h3{margin: 25px 0 15px;font-size: 20px;font-weight: 400;color: #333; overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.ul-newslist li:hover h3{color: #ff4328;}
.news_txt p{color: #888;font-size: 14px;font-weight: 400;line-height: 30px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 5;overflow: hidden;}

.ul-newslist02 li{
	margin-bottom: 30px;
    background: #fff;
    overflow: hidden;
    padding: 30px;
    border-radius: 10px;
    box-shadow: 1px 1px 5px #999;
    transition: all 0.3s ease 0s;
}
.media-left {padding-right: 20px;width: 180px;}
.media-body a:hover{color: rgb(254, 109, 3) !important;}
.media-body, .media-left{display: block;vertical-align: top;}
.media-left img{height: 90px;}
.media-body h3{
	font-size: 24px;
    margin: 0px 0px 20px;
    font-weight: 700;
    color: #112440;
}
.media-body .new-time{font-size: 14px;color: #333;font-weight: 300!important;margin-bottom: 10px;line-height: 25px;
display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;}
.media-body .new-info {
	font-size: 18px;color: #333;font-weight: 500!important;margin-bottom: 20px;line-height: 30px;
display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;
}
.media-body .new-detail {
	color: #FD9F3E;
	font-size: 18px;    display: none;
}

/* 首页 */
.index-about {
	padding: 4%;
	background: url('../Images/i_about_bg.png') repeat-y 0 0 / 100%;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.index-about-msg {
	width: 71%;
	position: relative;
	overflow: hidden;
	display: flex;
	justify-content: space-between;
}
.index-about-msg  .about-pic {
	width: 35%;
}
.index-about-msg  .about-pic img {
	width: 100%;
}
.index-about-msg  .about-text {
	width: 60%;
	display: flex;
	flex-direction: column;
	justify-content: space-around;
	
}
.index-title {
	font-size: 30px;
	color: #000;
}
.index-title span {
	font-size: 22px;
	color: #666;
}
.index-about-msg  .about-text .text {
	font-size: 16px;
	line-height: 25px;
	color: #333;
	display: -webkit-box;
	overflow: hidden;
	-webkit-line-clamp: 6;
	-webkit-box-orient: vertical;
}
.index-about-msg .about-detail a {
	padding: 10px 30px;
	background: #21457B;
	border-radius: 15px;
	color: #fff;
	font-size: 16px;
}
.index-about .about-video {
	width: 25%;
}
.index-about .about-video img {
	width: 100%;
}

.index-pro-box {
    margin-top: 60px;
     display: none;
}
.in-pro-title {
	    text-align: center;
}        
.index-title {
    font-size: 30px;
    color: #000;
}
.index-title span {
    font-size: 22px;
    color: #666;
}
.in-pro-title h3 {
	
    margin-top: 40px;
    padding-bottom: 15px;
    border-bottom: 1px solid #FD9F3E;
    display: inline-block;
}
.index-pro {
	width: 90%;
	margin: auto;
	padding: 30px 5%;
    position: relative;
}
.index-pro-swiper {
	overflow: hidden;
}
.index_pro_more {
	text-align: center;
    padding: 50px 0;
}
.index_pro_more  > a {
	padding: 10px 30px;
    background: #21457B;
    border-radius: 15px;
    color: #fff;
    font-size: 16px;
}


.index-classify {
	display: flex;
	flex-wrap: wrap;
	margin: 60px 0;
    display: none;
}
.index-classify .index-classify-item {
	width: 25%;
	position: relative;
}
        .index-classify .index-classify-item a{display:block;}
.index-classify .index-classify-item a::before {
	content: '';
	width: 100%;
	height: 100%;
	display: block;
	position: absolute;
	top: 0;
	left: 0;
}
.index-classify .index-classify-item a:hover::before {
	background-color: rgba(0, 0, 0, .3);
}
.index-shouhou {
	width: 90%;
    margin: auto;
	padding: 60px 0;
	padding-top: 12%;
}
.index-shouhou ul {
	display: flex;
	flex-wrap: wrap;
    justify-content: space-between;
}
.index-shouhou ul li {
	width: 22%;
    padding: 30px;
	border: 1px solid #999;
	padding-top: 0;
}
.index-shouhou ul li .pic {
	padding-top: 50%;
    position: relative;
}
.index-shouhou ul li .pic img {
	position: absolute;
    bottom: 0%;
    border-radius: 50%;
}
.index-shouhou-text > p {
	font-size: 26px;
    text-align: center;
    line-height: 80px;
    color: #333;
    font-weight: 700;
	border-bottom: 1px solid #333;
	overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.en .index-shouhou-text > p {
	font-size: 20px;
}
.index-shouhou-text .introduce {
	margin-top: 20px;
    font-size: 16px;
    line-height: 30px;
	color: #333;
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
}
.index-shouhou-text .details {
	display: inline-block;
    margin-top: 20px;
    padding: 5px 20px;
    border: 1px solid #999;
	color: #666;
	position: relative;
	left: 50%;
    transform: translateX(-50%);
}

.index-new-container {
	background: url(../Images/图层43.png) no-repeat 0 0 / 100%;
	position: relative;
	margin-top: 60px;
}
.index-new-container .shade {
	padding: 2% 0 2% 5%;
	display: flex;
	justify-content: space-between;
	background-color: rgba(255, 255, 255, .1);
}
.index-fankui {
	width: 40%;
	padding: 40px 30px 80px;
	background-color: #fff;
	box-sizing: border-box;
}
.index-fankui .welcome {
	font-size: 16px;
	color: #FD9F3E;
	margin-bottom: 20px;
}
.index-fankui .company-title {
	font-size: 24px;
	color: #333;
	line-height: 30px;
	font-weight: 500;
}
.index-fankui .fankui-font {
	padding: 30px;
	border-bottom: 1px solid #999;
	font-size: 16px;
	line-height: 35px;
	color: #666;
	position: relative;
} 
.index-fankui .fankui-font::before {
	content: '';
	width: 25px;
	height: 20px;
	background: url('../Images/icon.jpg') no-repeat 0 0 / 100%;
	position: absolute;
	left: 0;
	top: 40px;
}
.index-fankui .contact {
	padding: 30px;
	display: flex;
	justify-content: space-between;
}
.index-fankui .contact .phone {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}
.index-fankui .contact .phone p {
	font-size: 18px;
	color: #666;
}
.index-fankui .contact .phone h1 {
	color: #FD9F3E;
	font-size: 24px;
}
.index-fankui .contact .more {
	display: flex;
	align-items: center;
	margin: 10px 0;
}
.index-fankui .contact .more a {
	padding: 10px 60px;
	color: #fff;
	background-color: #FD9F3E;
	border-radius: 20px;
	font-size: 18px;
}
.index-new-container .index-news {
	width: 50%;
    background: rgba(0, 0, 0, .3);
    padding: 1% 3%;
}
.index-new-container .index-news .news-top {
	display: flex;
    justify-content: space-between;
    align-items: center;
}
.index-new-container .index-news .news-top h3 {
	font-size: 28px;
    color: #fff;
}
.index-new-container .index-news .news-top p {
	font-size: 16px;
    color: #fff;
}
.index-new-container .index-news ul {
	margin-top: 30px;
}
.index-news ul li {

    color: #fff;
    border: 1px solid #fff;
	padding: 2% 3%;
	margin-top: 3%;
}
.index-news ul li a{
	display: flex;
}
.index-news ul li .in-news-time {
	width: 20%;
    display: flex;
    text-align: center;
    flex-direction: column;
    justify-content: space-around;
}
.index-news ul li .in-news-time p {
	font-size: 18px;
}
.index-news ul li .in-news-time h3 {
	font-size: 26px;
    font-weight: bold;
}
.index-news ul li .index-news-text {
	padding-left: 3%;
         overflow: hidden;
}
.index-news ul li .index-news-text .toptitle {
	font-size: 22px;
    line-height: 30px;
	margin-bottom: 10px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.index-news ul li .index-news-text .introduce {
	font-size: 16px;
	line-height: 25px;
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
}

.media-body span{font-size: 16px;color: rgb(163, 175, 183);}
/*下载*/
.ul-dowmlist li{height: 40px;line-height: 40px;border-bottom: #8888884d 1px solid;}
.ul-dowmlist li a{float: left;font-size: 14px;}
.ul-dowmlist li span{float: right;}
/*招聘*/
.ul-jobslist li{height: 50px;line-height: 50px;border-bottom: #ededed 1px solid;}
.ul-jobslist li a{font-size: 14px;float: left;width: 80%;}
.ul-jobslist li span{float: right;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
 
/*联系*/
.menu_62 .col-r {
	width: 100%;
}
/* .menu_62 .p_pro {
    margin-top: 0;
} */
.menu_62 .remark1{
	margin: 0;
}
.menu_62_banner {
	background: url(../Images/menu_62_banner.jpg) no-repeat 0 0px / 100%;
	overflow: hidden;
	background-attachment: fixed;
}
.message-wp {
	background-color: #ebebeb;
	padding: 60px 0;
}
.message-wp .wp {
	display: flex;
	flex-wrap: wrap;
}
.message-text {
	width: 30%;
    margin-right: 10%;
}
.message-text h3 {
	font-size: 36px;
    color: #000;
    font-weight: 700;
    letter-spacing: 4px;
    line-height: 60px;
}
.message-text p {
	margin-top: 60px;
    font-size: 18px;
    color: #333;
    line-height: 30px;
}
.message-con {
    width: 60%;
}
.message-con .gbook_indexpost form {
    width: 100%;
    display: inline-block;
}
.message-con .gbook_tblist {
    width: 100%;
}
.message-con .gbook_tblist tbody {
    width: 100%;
    display: inline-table;
}
.message-con .gbook_tblist tbody tr {
	width: 46%;
    display: inline-block;
	margin: 0 2%;
	margin-bottom: 20px;
}
.message-con .gbook_tblist tbody tr:last-child {
	width: 96%;
}

.message-con .gbook_tblist tbody textarea {
	height: 100px;
}
.message-con .gbook_formbtn {
    width: 96%;
    margin: 0 2%;
	font-size: 18px;
	transition: all .7s linear;
}
.message-con .gbook_formbtn input {
	background-color: #FD9F3E;
}

.lx{
	text-align: center;
    padding: 40px 0;
    background: #21457B;
}
.lx p.lx_big{
	font-size: 28px;
    font-weight: bold;
    color: #fff;
}
.lx p{font-size: 16px;margin-bottom: 1em;color: #333;line-height: 1.8;}
.en .lx p.lx_big {
    font-size: 22px;
    font-weight: 500;
    color: #fff;
}
.en .lx p {
    margin-bottom: 1em;
    line-height: 1;
}
.lx img {
	width: 40%;
}


.concate-wp {
	padding: 50px 0;
    background-color: #FD850D;
}
.concate-wp .wp {
    display: flex;

}
.concate-wp .concate-item {
	width: 50%;
    padding: 0 5%;
    color: #fff;
}
.concate-wp .concate-item h3 {
	font-size: 34px;
    color: #000;
    font-weight: 700;
    line-height: 100px;
}
.concate-wp .concate-item p {
	font-size: 18px;
    margin-bottom: 10%;
}
.concate-wp .concate-item ul li {
	font-size: 16px;
    line-height: 30px;
}

/* 产品详情 */
/* .productview .producttitle {
	display: none;
} */

.pro-box1 {
	overflow: hidden;
	padding: 50px;
}
.p-wp {
	width: 1000px;
	margin: auto;
} 
.pro-image {
	width: 45%;
	margin-right: 5%;
	float: left;
}
.pro-image .big-img, 
.pro-image .sm-img{
	width: 100%;
}
.pro-image .big-img ul {
	width: 100%;
	padding-top: 100%;
	position: relative;
}
.pro-image .big-img ul li {
	position: absolute;
	top: 0;
	left: 0;
	width: calc(100% - 1px);
	border: 1px solid #333;
	display: none;
}
.pro-image .big-img ul li img {
	width: 100%;
}
.pro-image .sm-img ul {
	width: 100%;
}
.pro-image .sm-img ul li {
	position: relative;
	padding-top: 21%;
	width: calc(21% - 1px);
	float: left;
	border: 1px solid #333;
	margin: 2%;
	overflow: hidden;
	height: 0;
}
.pro-image .sm-img ul li .shade {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #fff;
	opacity: .5;
}
.pro-image .sm-img ul li img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
}
.pro-image .big-img ul li.active {
	display: block;
}
.pro-image .sm-img ul li.active .shade{
	opacity: 0;
}
.pro-text {
	overflow: hidden;
	padding-top: 45%;
	position: relative;
	color: #333;
}
.pro-text .pro-text-wp {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}
.pro-text .pro-title h1 {
	font-size: 30px;
	line-height: 100px;
}
.pro-text .pro-share-box {
	padding: 20px 0;
}
.pro-text .pro-share-wrapper {
	display: flex;
}
.pro-text .pro-share-wrapper li {
	width: 40px;
	height: 40px;
	background: #21457B;
	margin-right: 20px;
	text-align: center;
}
.pro-text .pro-share-wrapper li em::before {
	line-height: 40px;
	color: #fff;
}
.pro-text .pro-text-des {
	margin-top: 5%;
}
.pro-text .pro-text-des p {
	font-size: 18px;
	line-height: 35px;
}
.pro-text .pro-text-detail {
	display: inline-block;
	padding: 12px 25px;
	font-size: 18px;
	color: #fff;
	background-color: #21457B;
	cursor: pointer;
	border-radius: 10px;
	margin-bottom: 20px;
}
.clearfix::before {
	content: '';
	display: block;
	width: 0;
	height: 0;
	overflow: hidden;
	clear: both;
}
.pro-box2 {
	background-color: #E7E7E7;
	padding-top: 30px;
	overflow: hidden;
}
.pro-box2-title {
	border-bottom: 1px solid #21457B;
}
.pro-box2-title p{
	font-size: 22px;
	padding: .6em 1.5em;
	line-height: 1;
	background-color: #21457B;
	border-top: 2px solid #FD9F3E;
	display: inline-block;
	color: #fff;
}
.pro-box2-tab {
	padding: 15px;
}
.pro-box2-tab p {
	font-size: 18px;
	line-height: 30px;
	margin-bottom: 1.8em;
	color: #333;
}
.pro-box2-tab table {
	border-color: #ccc;
}
.pro-box2-tab table td {
	padding: 1%;
	color: #333;
	border: 1px solid;
	font-size: 16px ;
}

.hot-pro-title {
	font-size: 24px;
    font-weight: 700;
    color: #333;
    text-align: center;
    line-height: 100px;
}
.hot-pro-con {
	position: relative;
	padding-bottom: 30px;
}
.hot-swiper-container {
	overflow: hidden;
}


/* 售后 */
.newsdll02 {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.newsdll02 li{
	width: 48%;
    box-sizing: border-box;
    box-shadow: 1px 1px 5px #ccc;
    border-radius: 10px;
    padding: 2%;
    margin-bottom: 30px;
}
.newsdll02 li .title {
	font-size: 20px;
    color: #333;
    margin-bottom: 10px;
}
.newsdll02 li .time {
	font-size: 14px;
    margin-bottom: 10px;
    display: block;
    color: #666;
}
.newsdll02 li .info {
	font-size: 15px;
	line-height: 25px;
	color: #666;
	overflow: hidden;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
}
.menu_70,
.menu_71 {
	display: flex;
    flex-direction: column;
    height: 100vh;
}
.menu_70 .p_container,
.menu_71 .p_container {
	flex: 1;
}
.menu_56.en .remark1 p {
	text-align: justify;
}

/* 内页部分结束 */

/*响应式*/
.navbar-toggle {
    background: rgba(0, 0, 0, 0) url("/templates/Images/icon0x.png") no-repeat scroll right top / 100%;border: 0 none;border-radius: 0;height: 50px;float: right; width: 50px;margin-top: 14px; top: 0;right: 0;display: none;}
	@media screen and (max-width: 1366px){
		/* 首页 */
		.index-title {
			font-size: 26px;
		}
		.index-about-msg .about-text .text {
			-webkit-line-clamp: 5;
		}
		.index-about-msg .about-detail a {
			padding: 7px 20px;
		}
		.mfbox {
			width: 96%;
		}
		.logo {
			
		}
		.ddsmoothmenu a {
			font-size: 14px;
		}
		.mfbox .ss {
			width: auto;
		}

		.index-about-say .left-text .top .ceshi {
			font-size: 20px;
			color: #21457b;
			line-height: 30px;
		}
		.index-about-say .left-text .top .icon-quotation {
			line-height: 60px;
		}
		.index-about-say .left-text .top h3 {
			font-size: 16px;
		}
		.index-about-say .left-text {
			width: 60%;
		}
		.index-about-say .right-img {
			width: 35%;
		}

		.remark1 {
			margin: 0 ;
    		margin-bottom: 30px;
		}
		.about-des .about-des-item .about-pic {
			width: 45%;
		}
		.about-des .about-des-item h3 {
			margin: 50px 0;
		}
		.p_banner .shade p {
			font-size: 50px;
			padding-left: 10%;
		}
		
		.index-fankui .contact .more a {
			padding: 10px 40px;
		}
	}
	@media screen and (max-width: 1280px){
		.wp {
			width: 94%;
		}
		.ul-imgtxt-01 li {
			width: 33.33%;
		}
		.en .index-shouhou ul li {
			width: 24%;
		}
		.en .index-shouhou {
			width: 96%;
		}
		.en .index-fankui {
			width: 45%;
		}
		.en .p_pro_l ul li a {
			font-size: 12px;
		}
		.en .lx p.lx_big {
			font-size: 18px;
		}
	}
	@media screen and (max-width: 1024px){  
	.wp {width: 94%;}  
	.header{position: relative;} 
	.navactive, .navactive:hover, .nava:hover{padding: 0 20px;}
	.navactive,.nava{padding: 0 20px;} 
	.hz_box{width: 920px;overflow: hidden;}
	 
	.yw_boxl{width: 33.33%;}
	.yw_boxr{width: 66.66%} 
	.mfbox .ss {
		float: right;
	}
	
	.navbar-toggle {
		display: block;
		float: right;
		margin-left: 30px;
		margin-top: 0;
	}
	.mfbox {
		display: block;
		height: 70px;
	}
	.nav {
		float: none;
		height: auto;
		z-index: 100000;
		position: absolute;
		right: 0;
		top: 120px;
		width: 40%;
		background: #303030;
		overflow: hidden;
	}
	.i_nav {
		display: none;
	}
	
	.ddsmoothmenu ul {
		margin-left: 0;
	}
	.ddsmoothmenu ul li {
		float: none;
	}
	.index-about-msg {
		width: 60%;
	}
	.index-about-msg .about-pic {
		width: 0;
		display: none;
	}
	.index-about-msg .about-text {
		width: 100%;
	}
	.index-about .about-video {
		width: 35%;
	}
	.index-pro-box {
		margin-top: 40px;
	}
	.index-pro {
		width: 100%;
	}
	.index_pro_more {
		padding: 40px 0;
	}
	.swiper-pagination-bullet {
		width: 8px !important;
		height: 8px !important;
	}
	.index-classify {
		margin: 40px 0;
	}
	.index-shouhou {
		width: 96%;
		margin: auto;
		padding: 40px 0;
		padding-top: 12%;
	}
	.index-shouhou ul li {
		width: 24%;
		padding: 2%;
		border: 1px solid #999;
		padding-top: 0;
	}
	.index-shouhou-text > p {
		font-size: 22px;
		line-height: 60px;
	}
	.index-shouhou-text .introduce {
		margin-top: 15px;
		font-size: 14px;
		line-height: 25px;
	}
	.index-shouhou-text .details {
		margin-top: 15px;
	}
	.index-new-container {
		background: url(../Images/图层43.png) repeat 0 0 / 100%;
		position: relative;
		margin-top: 40px;
	}
	.index-new-container .shade {
		padding: 2% 0 2% 2%;
	}
	.index-fankui {
		width: 48%;
		padding: 3%;
	}
	.index-fankui .fankui-font {
		padding: 20px;
	}
	.index-fankui .fankui-font::before {
		left: -10px;
		top: 30px;
	}
	.index-fankui .contact {
		padding: 20px;
	}
	.index-fankui .contact .more a {
		padding: 7px 40px;
		font-size: 16px;
	}
	.index-new-container .index-news .news-top h3 {
		font-size: 24px;
	}
	.index-news ul li .in-news-time p {
		font-size: 16px;
	}
	.index-news ul li .in-news-time h3 {
		font-size: 24px;
		font-weight: bold;
	}
	.index-news ul li .index-news-text .toptitle {
		font-size: 18px;
	}
	.index-news ul li .index-news-text .introduce {
		font-size: 14px;
	}
	.index-about-say {
		padding: 7% 3%;
	}
	.index-about-say .left-text .top h2 {
		top: -40px;
	}
	.index-about-say .left-text .top p::before {
		color: #21457b;
		font-size: 18px;
	}
	.msg-wp .msg-text h3 {
		font-size: 26px;
	}
	.gbook_tblist tbody tr {
		width: 32%;
	}

	.i_nav ul li ul {
		position: relative;
		width: 100% !important;
		margin-left: 0;
		overflow: hidden;
		border: 0;
		background: #909090;
	}
	.i_nav ul li ul li a {
		width: 100%;
		height: 35px;
		color: #fff;
		line-height: 35px;
		font-size: 14px;
	}

	.p_pro {
		margin-top: 3%;
	}
	.menu_67 .richContent,
	.menu_67 .richTextImg,
	.menu_67 .richTextImg img{
		width: 100% !important;
	}
	.ul-imgtxt-01 li {
		width: 50%;
	}
	.p_pro_l {
		width: 250px;
	}
	.p_pro_r {
		float: left;
		width: calc(100% - 250px);
		margin-top: 30px;
	}
	.h_top .topbar .left .topbar_icon {
		width: 15px;
		height: 15px;
		display: flex;
		margin-right: 8px;
	}
	.h_top .topbar .left:first-child {
		margin-right: 3%;
	}
	.h_top .topbar .left {
		margin-right: 3%;
	}
}
@media screen and (max-width: 768px){
	.logo {
		width: 180px;
	}
	
 	.fd_pic,.fd_txt{width: 50%;}
 	.fd_menu{width: 100%;}
 	.yw_boxr{padding: 10px 0;}
	.yw_boxl{padding: 0;} 
	.index-about {
		padding: 3%;
	}
	.index-about-msg {
		width: 57%;
	}
	.index-title {
		font-size: 20px;
	}
	.index-title span {
		font-size: 16px;
		color: #666;
	}
	.index-about-msg .about-text .text {
		-webkit-line-clamp: 4;
		font-size: 14px;
	}
	.index-about-msg .about-detail a {
		font-size: 12px;
	}
	.index-about .about-video {
		width: 40%;
	}
	.index_pro_more > a {
		font-size: 12px;
	}
	.index_pro_more {
		padding: 30px 0;
	}
	.index-pro-box {
		margin-top: 30px;
	}
	.index-pro {
		padding: 30px 5%;
	}
	.index-shouhou {
		padding: 30px 0;
		padding-top: 10%;
	}
	.index-shouhou-text > p {
		font-size: 18px;
		line-height: 50px;
	}
	.index-about .about-video {
		padding-bottom: 30px;
	}
	.index-shouhou-text .introduce {
		margin-top: 15px;
		font-size: 12px;
		line-height: 22px;
	}
	.index-fankui .company-title {
		font-size: 18px;
		color: #333;
		line-height: 30px;
		font-weight: 500;
	}
	.index-fankui .fankui-font {
		font-size: 14px;
		line-height: 30px;
	}
	.index-fankui .fankui-font::before {
		top: 25px;
	}
	.index-fankui .contact {
		display: block;
	}
	.index-new-container .index-news .news-top h3 {
		font-size: 20px;
	}
	.index-new-container .index-news .news-top p {
		font-size: 14px;
	}
	.index-news ul li .in-news-time p {
		font-size: 14px;
	}
	.index-news ul li .in-news-time h3 {
		font-size: 18px;
		font-weight: bold;
	}
	.index-news ul li .index-news-text .toptitle {
		font-size: 16px;
	}
	.index-news ul li .index-news-text .introduce {
		font-size: 12px;
	}
	.index-about-say .left-text {
		width: 57%;
	}
	.index-about-say .right-img {
		width: 40%;
	}
	.index-about-say .left-text .top .ceshi {
		font-size: 16px;
	}
	.index-about-say .left-text .top h3 {
		font-size: 12px;
		line-height: 20px;
	}
	.msg-wp .msg-text h3 {
		font-size: 26px;
	}
	.gbook_tblist tbody tr {
		width: 32%;
	}
	.msg-wp .msg-text h3 {
		font-size: 20px;
		line-height: 40px;
	}
	.msg-wp .msg-text p {
		font-size: 14px;
		color: #666;
		margin-top: 10px;
		margin-bottom: 30px;
	}
	.gbook_tblist input, .gbook_tblist textarea {
		height: 40px;
		padding-left: 15px;
		font-size: 12px;
		line-height: 40px;
	}
	.gbook_formbtn input {
		height: 40px;
		line-height: 40px;
	}
	.copyright p {
		padding: 15px 0;
	}
	.h_top {
		display: none;
	}
	.language {
		display: block;
		height: 100%;
		display: flex;
		align-items: center;
		margin-right: 30px;
		position: relative;
	}
	.lan-pic {
		display: flex;
    	align-items: center;
	}
	.lan-pic img {
		width: 20px;
    	margin-right: 8px;
	}
	.lan-pic span {
		display: block;
		font-size: 14px;
		color: #333;
	}
	.lan-con {
		position: absolute;
		top: 50px;
		width: 100px;
		background: #fff;
		color: #333;
		border-radius: 5px;
		left: -40px;
		text-align: center;
		display: none;
	}
	.nav {
		top: 70px;
	}
	.about-des .about-des-item h3 {
		margin: 2% 0;
		font-size: 22px;
	}
	.about-des .about-des-item .about-text p span {
		font-size: 16px !important;
	}
	.partner,
	.about-des {
		padding: 6% 0;
	}
	.about-say .right-text .top h2 {
		font-size: 20px;
		margin-bottom: 5%;
	}
	.about-say .right-text .top p::before {
		font-size: 18px;
	}
	.about-say .right-text .top p {
		margin-bottom: 6%;
	}
	.about-say .right-text .top h3 {
		font-size: 16px;
	}
	.msg-wp {
		margin-top: 6%;
	}
	.menu_67 .remark1 p,
	.menu_67 .remark1 p span,
	.menu_66 .remark1 p,
	.menu_66 .remark1 p span {
		font-size: 16px !important;
	}
	.message-con .gbook_tblist tbody tr {
		width: 100%;
	}
	.media-body h3 {
		font-size: 20px;
		margin: 0px 0px 15px;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
	}
	.en .media-body h3 {
		white-space: normal;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 2;
	}
	.media-body .new-info {
		font-size: 16px;
	}
	.media-body .new-detail {
		font-size: 14px;
	}
	.strength_item h3 {
		font-size: 20px;
		padding: 12px 0;
		margin-top: 40px;
	}
	.lx p.lx_big {
		font-size: 22px;
		margin-bottom: 2%;
	}
	.en .lx p.lx_big {
		font-size: 16px;
	}
	.concate-wp {
		padding: 6% 0;
	}
	.lx {
		padding: 6% 0;
	}
	.concate-wp .concate-item h3 {
		font-size: 24px;
	}
	.concate-wp .concate-item p {
		font-size: 16px;
	}
	.en .index-shouhou-text > p {
		font-size: 14px;
	}
	.menu_56.en .remark1 p, 
	.menu_56.en .remark1 p span {
		font-size: 16px !important;
	}
}
@media screen and (max-width: 600px){ 
	.productimg {
		width: 90%;
	}
}
@media screen and (max-width: 480px){ 
      .h_top {
    display: none;
}
	.navbar-toggle{position: inherit;}
	.yw ul li{width: 100%;}
	.i_nav{top: 160px;}
	.i_txt_t{padding: 60px 0 30px;}
	.i_zs .i_txt_t{padding: 0;}
	.i_pro_l ul li{width: 50%;}
	.about{height: auto;}
	.newsbox01,.newsbox02{width: 100%;}
	.i_hezuo .i_txt_t{padding: 5px 0 20px;}
	.fd_pic,.fd_txt{width: 100%;}
	.p_pro_l{width: 100%; margin-top: 0;}
          .sortnavul li a {
          	line-height: 30px;
            height: 30px;
            font-size: 14px;
          }
          .fuhao {
              font-size: 14px;
          }
	.p_pro_r{width: 100%; margin-top: 0;}
	.media-left{width: 150px;}
	.hz_box{width: 690px;overflow: hidden;}


	.gbook_tblist td{display: block;} 
	 .p_l_list li{width: 33.33%;}
	 .mfbox .ss .search-pic {
		display: block;
	}
	.mfbox .ss form {
		width: 200px;
		position: absolute;
		top: 60px;
		right: -40px;
		display: none;
		z-index: 999999;
	}
	.mfbox .ss::before {
		display: none;
	}
	.index-about-msg {
		width: 100%;
	}
	.index-about-msg .about-text {
		width: 96%;
		margin: auto;
		text-align: center;
	}
	.index-about-msg .about-text h1 {
		margin-bottom: 15px;
	}
	.index-about-msg .about-text .text {
		-webkit-line-clamp: 6;
	}
	.index-about-msg .about-detail a {
		display: inline-block;
		margin-top: 15px;
	}
	.index-about .about-video {
		width: 90%;
		margin: 20px auto;
	}
	.swiper-pagination {
		display: none;
	}
	.index_pro_more {
		padding: 0;
	}
	.index-classify .index-classify-item {
		width: 50%;
		position: relative;
	}
	.index-classify {
		margin-bottom:  0;
	}
	.index-shouhou {
		padding-top: 0;
	}
	.index-shouhou ul li {
		width: 49%;
		padding: 4%;
		padding-top: 0;
		margin-top: 30%;
	}
	.index-new-container .shade {
		padding: 2%;
		display: block;
	}
	.index-fankui {
		width: 100%;
	}
	.index-fankui .contact {
		display: flex;
	}
	.index-new-container .index-news {
		width: 100%;
		background: rgba(0, 0, 0, .3);
		padding: 3%;
	}
	.index-about-say {
		display: block;
	}
	.index-about-say .left-text {
		width: 100%;
	}
	.index-about-say .left-text .top h2 {
		top: 0;
		position: relative;
		margin-bottom: 15px;
	}
	.index-about-say .left-text .bottom {
		margin: 20px 0;
	}
	.index-about-say .right-img {
		width: 100%;
	}
	.gbook_indexpost form {
		width: 100%;
		display: block;
	}
	.gbook_tblist {
		width: 100%;
	}
	.gbook_tblist tbody {
		display: block;
	}
	.gbook_tblist tbody tr {
		width: 100%;
		display: block;
		margin-bottom: 10px;
	}
	.gbook_formbtn {
		width: 100%;
		margin-left: 0;
	}
	.copyright p {
		font-size: 12px;
	}
	.p_banner .shade p {
		font-size: 32px;
	}
	.partner .partner-wp ul li {
		width: 50%;
	}
	.about-say{
		display: block;
	}
	.about-say .about-say-item {
		width: 100%;
	}
	.about-say .right-text {
		padding: 5%;
	}
	.about-say .right-text .top h3 {
		margin-bottom: 5%;
	}
	.menu_67 .remark1 p,
	.menu_67 .remark1 p span,
	.menu_66 .remark1 p,
	.menu_66 .remark1 p span {
		font-size: 14px !important;
		line-height: 2em !important;
	}
	.ul-imgtxt-01 li {
		padding-left: .5rem;
    	padding-right: .5rem;
	}
	.message-wp {
		background-color: #ebebeb;
		padding: 6% 0;
	}
	.message-text {
		width: 100%;
		margin-right: 0%;
	}
	.message-text h3 {
		font-size: 24px;
		line-height: 40px;
	}
	.message-text p {
		margin: 4% 0 6%;
		font-size: 16px;
	}
	.message-con {
		width: 100%;
	}
	.message-con .gbook_tblist tbody tr {
		margin: 0;
		margin-bottom: 15px;
	}
	.media-body h3 {
		font-size: 16px;
		margin: 0px 0px 10px;
	}
	.media-body .new-time {
		font-size: 12px;
		margin-bottom: 5px;
	}
	.media-body .new-info {
		font-size: 14px;
		line-height: 25px;
		margin-bottom: 10px;
	}
	.newsdll02 li {
		width: 100%;
	}
	.newsdll02 li .title {
		font-size: 16px;
	}
	.newsdll02 li .time {
		font-size: 12px;
	}
	.newsdll02 li .info {
		font-size: 14px;
	}
	.newview_dll .remark p,
	.newview_dll .remark p span {
		font-size: 16px !important;
	}
	.menu_62_banner {
		background: url(../Images/menu_62_banner.jpg) no-repeat 0 0 / 100%;
	}
	.lx p.lx_big {
		font-size: 18px;
		font-weight: 500;
		line-height: 1.5;
	}
	.en .lx p.lx_big {
		font-size: 14px;
	}
	.concate-wp .wp {
		flex-wrap: wrap;
	}
	.concate-wp .concate-item {
		width: 100%;
		padding: 0 10%;
		margin-bottom: 6%;
	}
	.concate-wp .concate-item:last-child {
		margin-bottom: 0;
	}
	.menu_56_banner {
		background: url(../Images/menu_56_banner.jpg) no-repeat 0 0 / 100%;
	}
	.menu_69_banner {
		background: url(../Images/mune_69_banner.jpg) no-repeat 0 0 / 100%;
	}
	.en .index-shouhou ul li {
		width: 100%;
		padding: 4%;
		padding-top: 0;
		margin-top: 35%;
		position: relative;
		display: flex;
		flex-direction: column;
		justify-content: space-between;
		align-items: center;
	}
	.en .index-shouhou ul li .pic {
		padding-top: 25%;
		position: relative;
		width: 50%;
	}
	.en .index-fankui {
		width: 100%;
	}
	.menu_56.en .remark1 p, 
	.menu_56.en .remark1 p span {
		font-size: 14px !important;
	}
}
@media screen and (max-width: 414px){  
	.navbar-toggle{top: -20px;position: inherit;}
	.fd_menu ul{padding: 0;}
	.index-pro {
		padding: 10px 5%;
	}
	.index-new-container {
		margin-top: 20px;
	}
	.logo {
		width: 150px;
		height: 100%;
		display: flex;
		align-items: center;
	}
	.language {
		margin-right: 15px;
	}
	.navbar-toggle {
		margin-left: 15px;
	}
	.index-title {
		font-size: 18px;
	}
	.index-title span {
		font-size: 14px;
	}
	.index-about-msg .about-text h1 {
		margin-bottom: 10px;
	}
	.msg-wp .msg-text p {
		font-size: 12px;
	}
	.msg-wp .msg-text h3 {
		font-size: 18px;
	}
	
	.p_banner .shade p {
		font-size: 24px;
		padding: 10%;
	}
	.about-des .about-des-item h3 {
		font-size: 20px;
		line-height: 40px;
	}
	.about-des .about-des-item .about-text p {
		line-height: 25px;
	}
	.about-des .about-des-item .about-text p span {
		font-size: 14px !important;
	}
	.partner .partner-title {
		line-height: 40px;
		font-size: 20px;
	}
	.nav {
		width: 250px;
	}
	.ul-imgtxt-01 li p {
		font-size: 14px;
		padding: 12px 5px;
	}
	.gbook_formbtn input {
		height: 35px;
		line-height: 35px;
		font-size: 14px;
	}
	.message-text h3 {
		font-size: 20px;
		line-height: 30px;
	}
	.ul-newslist02 li {
		padding: 5%;
	}
	.media-body h3 {
		font-size: 14px;
	}
	.media-body .new-info {
		font-size: 12px;
		line-height: 22px;
	}
	.prevrecord, .nextrecord {
		font-size: 14px;
	}
	
	.menu_69_banner .shade p {
		font-size: 18px;
		letter-spacing: 2px;
	}
	.strength_list {
		padding-bottom: 0;
	}
	.strength_item h3 {
		font-size: 16px;
		padding: 8px 0;
		margin-bottom: 20px;
		margin-top: 20px;
	}
	.lx p.lx_big {
		font-size: 14px;
	}
	.en .lx p.lx_big {
		font-size: 12px;
		padding: 0 2%;
	}
	.concate-wp .concate-item h3 {
		font-size: 18px;
		line-height: 40px;
	}
	.concate-wp .concate-item p {
		font-size: 14px;
		margin-bottom: 6%;
	}
	.concate-wp .concate-item ul li {
		font-size: 14px;
		line-height: 30px;
	}
}
@media screen and (max-width: 375px){  
	.index-fankui .contact {
		padding: 15px 0;
	}
	.index-fankui .contact .phone p {
		font-size: 16px;
	}
	.index-fankui .contact .phone h1 {
		font-size: 22px;
	}
	.index-fankui .contact .more a {
		padding: 5px 30px;
		font-size: 14px;
	}
	.navbar-toggle {
		margin-left: 10px;
	}
	.language {
		margin-right: 10px;
	}
	.ul-imgtxt-01 li p {
		font-size: 12px;
	}
	.newsdll02 li .info,
	.newsdll02 li .time {
		margin-bottom: 5px;
	}
	.newview_dll .remark p,
	.newview_dll .remark p span {
		font-size: 14px !important;
	}
}
@media screen and (max-width: 375px){  
	.logo {
		width: 130px;
	}
	.menu_56.en .remark1 p, 
	.menu_56.en .remark1 p span {
		font-size: 12px !important;
	}
}