@charset "utf-8";
html, body, div, p, ul, ol, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, form, input, select, button, textarea, iframe, table, th, td {margin: 0; padding: 0; }
img { border: 0 none; vertical-align: top; }
ul,li,dl,dd,dt { list-style-type: none; }
i,em,cite { font-style: normal; }
body {  -webkit-text-size-adjust:none;  font-family:"微软雅黑";}
a{ text-decoration: none; }
a,area { blr:expression(this.onfocus=this.blur()) }   
a:focus { outline: none; }    




.t_ver {position:absolute; right:150px; top:20px; height:30px;}
.t_ver li{float:left; height:30px; line-height:30px; margin-right:10px;}
.t_ver li:nth-child(1){display:none;}
.t_ver li a{color:#3f3d3d; font-size:14px;-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
}
.t_ver li a:hover{color:#ff0000; }


.t_search{position:absolute; right:0px; top:20px; width:130px; height:30px; background:#ff000033;display: none;}
.t_search_text{border:0px; background-color: transparent; color:#3f3d3d; width:100px; height:30px;font-family:微软雅黑; outline:none; margin-left:30px; }
.t_search img{position:absolute; left:6px; top:6px;}


.t_logo{ position:absolute; top:0px; left:0px;}
.t_logo img{ height:90px; border:0px;}


.xn_n_22_wrap { position:relative; width:1200px; margin:auto; z-index:99;}
.xn_n_22_nav{width:860px; height:90px; position:absolute; left:260px; top:-75px;} 
.xn_n_22_nav_wrap {  width:100%; height:90px; position:relative;}
.xn_n_22_nav_wrap ul { width:100%; height:90px; position:relative;}
.xn_n_22_nav_clas li {float:left; height:90px; line-height:90px; width:125px; text-align:center; margin:0 20px 0 0;}
.xn_n_22_nav_clas li:nth-child(n 7){display:none;}
.xn_n_22_nav_clas li a { display:block; height:87px;  line-height:90px; color:#000000;-webkit-transition: all 0.5s ease;border-bottom:3px #fff solid;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
}
.xn_n_22_nav_clas li.curr a,.xn_n_22_nav_clas li.hove a,.xn_n_22_nav_clas li a:hover { background:rgba(255,0,0,0.1); border-bottom:3px #cf0e0e solid; color:#cf0e0e;}
.xn_n_22_con { clear:both; width:100%; height:auto; position:relative;}
.xn_n_22_subcon { position:absolute; left:0; top:0px;background:#ff0000;  width:500px; display:none;}
.xn_n_22_subcon_in { width:100%; height:auto; min-height:140px; overflow:hidden; position:relative; margin:0 auto;}
.xn_n_22_subcon_in dl{display:none;}
.xn_n_22_subcon_in dl:first-child{display:block;}
.xn_n_22_subcon_in ul{width:100px;height:auto; padding:5px 0px;}
.xn_n_22_subcon_in li{height:35px;line-height:35px; width:95px; padding-left:10px; margin-left:10px; background: left center no-repeat;-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
}
.xn_n_22_subcon_in li:hover{background: left center no-repeat;}
.xn_n_22_subcon_in dt{width:100%;height:35px;line-height:35px;overflow:hidden;}
.xn_n_22_subcon_in dt a{font-size:16px;color:#400000;-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
}
.xn_n_22_subcon_in dt a:hover{color:#ffffff;}
.xn_n_22_subcon_in dd{width:350px; height:110px; position:absolute; left:120px; top:15px; display:none; border-left:1px #400000 solid; padding-left:15px;}
.xn_n_22_subcon_in dd img{width:155px;height:110px; display:block; float:left;}
.xn_n_22_subcon_in li:first-child dd{display:block;}
.xn_n_22_tintr{width:185px; height:110px; display:block; float:left; overflow:hidden; margin-left:10px;}
.xn_n_22_tintr a{font-size:12px; color:#400000; line-height:19px; display:block;}
.xn_n_22_tintr a>span:nth-child(1){display:block; height:95px; overflow:hidden;}
.xn_n_22_tintr a>span:nth-child(2){display:block; height:19px; overflow:hidden; text-align:right; color:#b5f1fd;}
#xn_n_22_subcon_1{left:105px;}
#xn_n_22_subcon_3{left:210px;}
#xn_n_22_subcon_4{left:315px;}
#xn_n_22_subcon_15{left:420px;display: none!important;}
#xn_n_22_subcon_2{left:420px;}
#xn_n_22_subcon_7{left:315px;}


.top{ width: 100%; z-index:9999; position:relative; background:#ffffff; border-bottom:1px #f5f5f5 solid;
border-top:2px #ff0000 solid;height:90px;}
.t_t{position:relative;  width:1200px; margin:0 auto; height:75px;}
.index_body #ea_h{height: 76px;}
.index_body .top{height: 90px; position:fixed; left:0px; top:0px; border-top:none !important;}


.xn_ba_js_13_element img{height:600px;width: 100%;}
.xn_ba_js_13_banner img{height:600px;width: 100%;}


.xn_ba_js_13_banner{width:100%;height:600px;visibility:hidden;overflow:hidden;position:relative;}
.xn_ba_js_13_bigimg img {width:1920px;height:600px;border:0}
.xn_ba_js_13_element{position: absolute;}

.xn_ba_js_13_btn{top:445px;cursor:pointer;position:relative;padding:0;margin:0 auto;}
.xn_ba_js_13_btn li{float:left;list-style:none;padding:0;margin:0;width:13px;height:13px;margin-left:10px;}
.xn_ba_js_13_btn li.xn_ba_js_13_element_btn{width:13px;height:13px;background:#fff; border-radius:7px;}
.xn_ba_js_13_btn li.xn_ba_js_13_element_btn:hover,.xn_ba_js_13_btn li.xn_ba_js_13_element_btn_on{width:13px;height:13px; background:#ff0000; border-radius:7px;}
.xn_ba_js_13_prev{width:63px;height:63px;position:absolute;top:50%; margin-top:-32px;left:5%;background:#ff0000;z-index:999;display: none;}
.xn_ba_js_13_next{width:63px;height:63px;position:absolute;top:50%;margin-top:-32px; right:5%;background:#333;z-index:999;display: none;}




.bk1_xn_c_index_42_wrap{width:100%; height:auto; overflow:hidden; position:relative; margin:0px auto; margin-top:80px;}
.bk1_xn_c_index_42_wbox{width:1200px; height:auto;overflow:hidden; position:relative; margin:0px auto; }
.bk1_xn_c_index_42_topbox{width:1200px; height:auto; color:#5c5c5c; text-align:center; margin:auto;}
.bk1_xn_c_index_42_prd_t1{font-weight:bold; font-size:30px;  display:block; height:45px; line-height:45px;}
.bk1_xn_c_index_42_prd_t2{ display:block; line-height:22px; font-size:14px; margin-top:35px;}
.bk1_xn_c_index_42_prd_t3{ display:block; height:30px; line-height:30px; font-size:18px;background: center bottom no-repeat; padding-bottom:10px;}
.bk1_xn_c_index_42_prdmore{display:none;}
.bk1_xn_c_index_42_nrbox{width:1208px; height:auto; overflow:hidden; margin-top:50px;}
.bk1_xn_c_index_42_nrsmall{float:left;width:300px; height:300px; position:relative; margin-right:2px; margin-bottom:2px;}
.bk1_xn_c_index_42_lftbox{width:100%; height:100%; overflow:hidden;}
.bk1_xn_c_index_42_lftbox img{width:100%; height:100%; overflow:hidden;-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;}
.bk1_xn_c_index_42_ritbox{width:100%; height:80px; background:#cf0e0e; position:absolute; left:0px; bottom:0px;-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
}
.bk1_xn_c_index_42_time{display:none;}
.bk1_xn_c_index_42_coent, .bk1_xn_c_index_42_xxmore{height:60px;line-height:20px;overflow:hidden;}
.bk1_xn_c_index_42_name{width: 250px;
   width: 254px;
    height: 26px;
    margin: auto;
    overflow: hidden;
    font-size: 16px;
    color: #ffffff;
    line-height: 23px;
    margin-top: 30px;}
.bk1_xn_c_index_42_coent{width:230px; height:25px; margin:auto; overflow:hidden; font-size:14px; color:#ffffff; line-height:25px;}
.bk1_xn_c_index_42_nrsmall:hover .bk1_xn_c_index_42_ritbox{background:#cf0e0e;}
.bk1_xn_c_index_42_nrsmall:hover .bk1_xn_c_index_42_lftbox img{-webkit-transform:scale(1.2); 
-moz-transform:scale(1.2); 
-o-transform:scale(1.2); 
transform:scale(1.2); }


.index_cnt_m_about{width:100%; height:auto; overflow:hidden; position:relative; margin-top:80px;}
.index_about_f{position:relative; width:100%; background:#f8f8f8; padding:90px 0px;margin-top:80px; }
.index_cnt_m_about_t{width:1200px; height:auto; color:#5c5c5c; text-align:center; margin:auto;}
.i_about_t1{font-weight:bold; font-size:30px; isplay:block; height:45px; line-height:45px;}
.i_about_t2{ float:left; display:block; height:40px; line-height:30px;width:570px; color:#5c5c5c; font-weight:bold; font-size:26px; border-left:1px #ff0000 dashed; margin-left:50px; padding-left:50px;}
.i_about_t3{ display:block; height:30px; line-height:30px; font-size:18px;background: center bottom no-repeat; padding-bottom:10px;}
.index_cnt_m_about_cnt{width:1200px; height:255px; margin:auto; position:relative; }
.i_about_img{float:left; max-width:520px; display:block;}
.i_about_cnt{width:570px; height:165px; float:left; display:block; border-left:1px #ff0000 dashed; display:block; word-break: break-all; overflow:hidden; font-size:12px; color:#5b5b5b; line-height:28px; margin-left:50px; padding-left:50px;}
.index_cnt_m_about_more{position:absolute; left:620px; top:216px; line-height:39px; text-align:left; width:101px; height:39px;background: center center no-repeat;overflow:hidden;}
.index_cnt_m_about_more a{display: block; font-size:14px; color:#ff0000; padding-left:11px;}
.index_cnt_m_about_more a:hover{}
.index_cnt_m_about_more:hover{background:#ff0000; border-radius:4px; }
.index_cnt_m_about_more:hover a{color:#fff;}


.i_tcase{position: relative; width:100%; margin:auto; overflow:hidden; height: auto; margin-top:80px;} 
.i_tcase_f{width:1200px; margin:auto; position:relative; height:auto; overflow:hidden;}
.i_tcase_m{width:1208px; margin:auto; position:relative; height:auto; overflow:hidden;margin-top: 50px;}
.i_tcase_main{float: left; width: 300px; height: 210px; position: relative; margin-right: 2px; margin-bottom: 2px;}
.i_tcase_t{width:1200px; height:auto; color:#5c5c5c; text-align:center; margin:auto;}
.i_tcase_t1{font-weight:bold; font-size:30px;  display:block; height:45px; line-height:45px;}
.i_tcase_t3{ display:block; line-height:22px; font-size:14px; margin-top:35px;}
.i_tcase_t2{ display:block; height:30px; line-height:30px; font-size:18px;background: center bottom no-repeat; padding-bottom:10px;}
.i_tcase_img{ width:100%; height:100%; overflow:hidden; position:relative;}
.i_tcase_img img{width:100%; height:100%;-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;}
.i_tcase_more{width:100%; height:80px; background:rgba(0,0,0,0.5); position:absolute; left:0px; bottom:0px;-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;}
.i_tcase_main_name{width:230px; height:30px; margin:auto; overflow:hidden; font-size:18px; color:#ffffff; line-height:30px; margin-top:12px;white-space: nowrap; text-overflow:ellipsis;  -o-text-overflow:ellipsis;  overflow:hidden; -moz-binding:; 
}
.i_tcase_main_cnt{width:230px; height:25px; margin:auto; overflow:hidden; font-size:14px; color:#ffffff; line-height:25px;}
.i_tcase_main:hover .i_tcase_more{background:#ff0000;}
.i_tcase_main:hover .i_tcase_img img{-webkit-transform:scale(1.2); }


.xn_c_index_5_wrap{height:auto; width:100%; overflow:hidden; clear: both;margin-top:80px;display: none;}
.xn_c_index_5_topbox{width:1200px; height:auto; color:#5c5c5c; text-align:center; margin:auto;}
.xn_c_index_5_news_t1{font-weight:bold; font-size:30px;  display:block; height:45px; line-height:45px;}
.xn_c_index_5_news_t3{ display:block; line-height:22px; font-size:14px; margin-top:35px;}
.xn_c_index_5_news_t2{ display:block; height:30px; line-height:30px; font-size:18px;background: center bottom no-repeat; padding-bottom:10px;}
.xn_c_index_5_items{width:1200px; height:auto; overflow:hidden; margin:auto; position:relative; margin-top: 50px;}
.xn_c_index_5_style1{width:1200px; height:auto; overflow:hidden; margin:auto; position:relative; margin-top: 50px;}
.xn_c_index_5_img{width:500px; height:255px; float:left; overflow:hidden; position:relative;}
.xn_c_index_5_img img{width:100%; height:100%;}
.xn_c_index_5_cont{width:600px; height:255px; overflow:hidden; float:right; position:relative;}
.xn_c_index_5_name{width:100%; height:30px; line-height:30px; overflow:hidden;}
.xn_c_index_5_name a{display:block;height:30px; line-height:30px; color:#686868; font-size:24px; font-weight:bold;white-space: nowrap; text-overflow:ellipsis;  -o-text-overflow:ellipsis;  overflow:hidden; -moz-binding:; }
.xn_c_index_5_intro{width:100%; height:150px; line-height:30px; color:#686868; font-size:14px; overflow:hidden; margin-top:22px;}
.xn_c_index_5_intro a{display:block;width:100%; height:150px; line-height:30px; color:#686868; font-size:14px; overflow:hidden; }
.xn_c_index_5_more{width:111px; height:39px; line-height:39px; background: center center no-repeat; position:absolute; right:0px; bottom:0px;}
.xn_c_index_5_more a{display: block; font-size: 14px; color: #ff0000; padding-left: 5px;}
.xn_c_index_5_more:hover{background:#ff0000; border-radius:4px; }
.xn_c_index_5_more:hover a{color:#fff;}
.xn_c_index_5_date{width: 100%; height: 100%; overflow: hidden; position: absolute; left: 0px; top: 0px; background: rgba(0,0,0,0.3)  center center no-repeat;}


.xn_c_index_39_wrap{width:1200px; height:auto; overflow:hidden;margin:0px auto; position:relative; margin-top:205px;display: none;}
.xn_c_index_39_newsmore{float:right;}
.xn_c_index_39_nrbox{width: 1290px; height:auto; overflow:hidden;}
.xn_c_index_39_nrboxsmall{width:330px; height:auto; overflow:hidden; position:relative; margin-right:100px; float:left;}
.xn_c_index_39_lftbox{width:100%; height:195px; overflow:hidden; position:relative;}
.xn_c_index_39_lftbox img{width:100%; height:100%;-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;}
.xn_c_index_39_ritbox{width:100%; height:auto; overflow:hidden; position:relative; margin-top:15px;}
.xn_c_index_39_title{width:100%; height:50px; line-height:50px; overflow:hidden;background: left bottom no-repeat;}
.xn_c_index_39_title a{display:block; color:#4e4e4e; font-size:18px; height:50px; line-height:50px;-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;}
.xn_c_index_39_time{ display:none;}
.xn_c_index_39_click{width:100%; height:100%; position:absolute; left:0px; top:-195px;background:rgba(255,0,0,0.9)  center 66px no-repeat;-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
}
.xn_c_index_39_click a{display:block; width:100%; height:100%;}
.xn_c_index_39_click1{color:#ffffff;display:block; width:100%; height:100%; font-size:16px; text-align:center; line-height:225px;}
.xn_c_index_39_coent{width:100%; height:60px;line-height:30px; color:#919191; font-size:14px; overflow:hidden; margin-top:10px;}
.xn_c_index_39_title a:hover{color:#ff0000;}
.xn_c_index_39_more{ line-height:39px; text-align:left; width:101px; height:39px;background: center center no-repeat;overflow:hidden; margin-top:20px;-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;}
.xn_c_index_39_more a{display: block; font-size:14px; color:#ff0000; padding-left:11px;-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;}
.xn_c_index_39_more:hover{background:#ff0000; border-radius:4px; }
.xn_c_index_39_more:hover a{color:#fff;}
.xn_c_index_39_lftbox:hover img{-webkit-transform:scale(1.1); 
-moz-transform:scale(1.1); 
-o-transform:scale(1.1); 
transform:scale(1.1); }
.xn_c_index_39_lftbox:hover .xn_c_index_39_click{top:0px;}


.xn_c_index_507_wrap{width:100%;height:490px;overflow:hidden;margin:0px auto;background:#89e4f5  center center no-repeat; margin-top:80px;display: none;}
.xn_c_index_507_topbox{height: 90px;position:relative; overflow:hidden; margin-top:30px;}
.xn_c_index_507_cnname{width:100%; height:90px; line-height:90px; font-size:30px;  color:#ffffff; text-align:center; display:block; font-weight:bold; }
.xn_c_index_507_online{ display:none;}
.xn_c_index_507_enname{display:none;}
.xn_c_index_507_tmore{ display:none;}
.xn_c_index_507_inner{height:450px; width:1200px;overflow:hidden;position:relative; margin:auto; margin-top:26px;}
.xn_c_index_507_cbox{width:1200px;height:400px;overflow:hidden;position:relative;margin: auto;}
.xn_c_index_507_cbox ul{width:9999em;height:400px;}
.xn_c_index_507_li{width:280px;height:200px;overflow:hidden;position:absolute;left:920px;top:40px;z-index:23;  background:#fff; }
.xn_c_index_507_img{width:100%;height:100%;overflow:hidden;}
.xn_c_index_507_img img{width:100%;height:100%;}
.xn_c_index_507_li.iscurr{width:400px;height:280px;left:395px;top:0;z-index:25;}
.xn_c_index_507_li1{left:920px;z-index:24;}
.xn_c_index_507_li.islast{left:0;}
.xn_c_index_507_title{ position:absolute; left:0px; top:0px; width:100%; height:100%; background:rgba(0,0,0,0.5);}
.xn_c_index_507_title a{ display:block;width:100%; height:100%;}
.xn_c_index_507_li:nth-child(1) .xn_c_index_507_title{display:none;}
.xn_c_index_507_li.curr .xn_c_index_507_title{display:none !important;}
.xn_c_index_507_prev,.xn_c_index_507_next{width:20px;height:60px;position:absolute;top:25%;z-index:33;cursor:pointer;}
.xn_c_index_507_prev{left:0;background:rgba(0,0,0,0.5)  center center no-repeat;}
.xn_c_index_507_next{right:0;background:rgba(0,0,0,0.5)  center center no-repeat;}
.xn_c_index_507_nums{ display:none; }


.index_cnt{width:100%; position:relative;}
.index_cnt_m{width:100%; position:relative; margin:0 auto; }


.add_index_ban{display:none; width:840px; height:970px; position:absolute; left:50%; margin-left:-420px; top:-1234px;}
.add_index_ban .ban_logo{width:100%; height:auto; overflow:hidden; margin-top:240px;}
.add_index_ban .ban_logo img{display:block; margin:auto;}
.add_index_ban .ban_title{width:100%; height:40px; line-height:40px; text-align:center; color:#ffffff; font-size:24px; overflow:hidden; margin-top:140px;}
.add_index_ban .nav_list{width:100%; height:auto; overflow:hidden; margin-top:140px; text-align:center;display: none;}
.add_index_ban .ban_nav{width:125px; height:125px; border-radius:8px; display:inline-block; margin:0px 5px;-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
}
.add_index_ban .ban_nav a{display:block; width:100%; height:100%; padding-top:1px;}
.add_index_ban .ban_nav1{background:rgba(176,176,176,0.5)  center 20px no-repeat;}
.add_index_ban .ban_nav2{background:rgba(176,176,176,0.5)  center 20px no-repeat;}
.add_index_ban .ban_nav3{background:rgba(176,176,176,0.5)  center 20px no-repeat;}
.add_index_ban .ban_nav4{background:rgba(176,176,176,0.5)  center 18px no-repeat;}
.add_index_ban .ban_nav5{background:rgba(176,176,176,0.5)  center 20px no-repeat;}
.add_index_ban .ban_nav6{background:rgba(176,176,176,0.5)  center 20px no-repeat;}
.add_index_ban .ban_nav:hover{background-color:#ff0000;}
.add_index_ban .ban_nav_t{width:100%; height:30px; line-height:30px; text-align:center; color:#ffffff; font-size:16px; overflow:hidden; margin-top:85px;}
.add_index_ban .ban_ver{width:100%; height:30px; line-height:30px; text-align:center; overflow:hidden;margin-top: 200px;}
.add_index_ban .ban_ver a{display:inline-block;color:#ffffff; font-size:16px;display: none; }


.add_index_box1{width:100%; height:508px; background:#89e3f5  center center no-repeat;display: none;}
.add_index_box1 .index_box1{width:1200px; height:auto; text-align:center; height:508px; line-height:508px; color:#fff; font-size:28px; overflow:hidden; position:relative; margin:auto;}


.add_index_box2{width:100%;height: 270px; line-height: 270px; overflow: hidden; text-align: center; font-size: 28px;
    background:#cf0e0e; color: #fff; margin-top:100px;}
	
.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.maxtime{-webkit-animation-duration:2s;animation-duration:2s;}
@-webkit-keyframes fadeinleft{0%{opacity:0;-webkit-transform:translatex(-100%);transform:translatex(-100%);}100%{opacity:1;-webkit-transform:translatex(0);transform:translatex(0);}}
@keyframes fadeinleft{0%{opacity:0;-webkit-transform:translatex(-100%);transform:translatex(-100%);}100%{opacity:1;-webkit-transform:translatex(0);transform:translatex(0);}}.fadeinleft{-webkit-animation-name:fadeinleft;animation-name:fadeinleft;}
@-webkit-keyframes fadeinleftbig{0%{opacity:0;-webkit-transform:translatex(-200%);transform:translatex(-200%);}100%{opacity:1;-webkit-transform:translatex(0);transform:translatex(0);}}
@keyframes fadeinleftbig{0%{opacity:0;-webkit-transform:translatex(-200%);transform:translatex(-200%);}100%{opacity:1;-webkit-transform:translatex(0);transform:translatex(0);}}.fadeinleftbig{-webkit-animation-name:fadeinleftbig;animation-name:fadeinleftbig;}
@-webkit-keyframes fadeinright{0%{opacity:0;-webkit-transform:translatex(100%);transform:translatex(100%);}100%{opacity:1;-webkit-transform:translatex(0);transform:translatex(0);}}
@keyframes fadeinright{0%{opacity:0;-webkit-transform:translatex(100%);transform:translatex(100%);}100%{opacity:1;-webkit-transform:translatex(0);transform:translatex(0);}}.fadeinright{-webkit-animation-name:fadeinright;animation-name:fadeinright;}
@-webkit-keyframes fadeinrightbig{0%{opacity:0;-webkit-transform:translatex(200%);transform:translatex(200%);}100%{opacity:1;-webkit-transform:translatex(0);transform:translatex(0);}}
@keyframes fadeinrightbig{0%{opacity:0;-webkit-transform:translatex(200%);transform:translatex(200%);}100%{opacity:1;-webkit-transform:translatex(0);transform:translatex(0);}}.fadeinrightbig{-webkit-animation-name:fadeinrightbig;animation-name:fadeinrightbig;}
@-webkit-keyframes fadeintop{0%{opacity:0;-webkit-transform:translatey(-100%);transform:translatey(-100%);}100%{opacity:1;-webkit-transform:translatey(0);transform:translatey(0);}}
@keyframes fadeintop{0%{opacity:0;-webkit-transform:translatey(-100%);transform:translatey(-100%);}100%{opacity:1;-webkit-transform:translatey(0);transform:translatey(0);}}.fadeintop{-webkit-animation-name:fadeintop;animation-name:fadeintop;}
@-webkit-keyframes fadeintopbig{0%{opacity:0;-webkit-transform:translatey(-200%);transform:translatey(-200%);}100%{opacity:1;-webkit-transform:translatey(0);transform:translatey(0);}}
@keyframes fadeintopbig{0%{opacity:0;-webkit-transform:translatey(-200%);transform:translatey(-200%);}100%{opacity:1;-webkit-transform:translatey(0);transform:translatey(0);}}.fadeintopbig{-webkit-animation-name:fadeintopbig;animation-name:fadeintopbig;}
@-webkit-keyframes fadeinbottom{0%{opacity:0;-webkit-transform:translatey(100%);transform:translatey(100%);}100%{opacity:1;-webkit-transform:translatey(0);transform:translatey(0);}}
@keyframes fadeinbottom{0%{opacity:0;-webkit-transform:translatey(100%);transform:translatey(100%);}100%{opacity:1;-webkit-transform:translatey(0);transform:translatey(0);}}.fadeinbottom{-webkit-animation-name:fadeinbottom;animation-name:fadeinbottom;}
@-webkit-keyframes shake{0%,100%{-webkit-transform:translatex(0);transform:translatex(0)}10%,30%,50%,70%,90%{-webkit-transform:translatex(-10px);transform:translatex(-10px)}20%,40%,60%,80%{-webkit-transform:translatex(10px);transform:translatex(10px)}}@keyframes shake{0%,100%{-webkit-transform:translatex(0);-ms-transform:translatex(0);transform:translatex(0)}10%,30%,50%,70%,90%{-webkit-transform:translatex(-10px);-ms-transform:translatex(-10px);transform:translatex(-10px)}20%,40%,60%,80%{-webkit-transform:translatex(10px);-ms-transform:translatex(10px);transform:translatex(10px)}}.shake{opacity:1;-webkit-animation-name:shake;animation-name:shake}
@-webkit-keyframes swing{20%{-webkit-transform:rotate(15deg);transform:rotate(15deg)}40%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}60%{-webkit-transform:rotate(5deg);transform:rotate(5deg)}80%{-webkit-transform:rotate(-5deg);transform:rotate(-5deg)}100%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}@keyframes swing{20%{-webkit-transform:rotate(15deg);-ms-transform:rotate(15deg);transform:rotate(15deg)}40%{-webkit-transform:rotate(-10deg);-ms-transform:rotate(-10deg);transform:rotate(-10deg)}60%{-webkit-transform:rotate(5deg);-ms-transform:rotate(5deg);transform:rotate(5deg)}80%{-webkit-transform:rotate(-5deg);-ms-transform:rotate(-5deg);transform:rotate(-5deg)}100%{-webkit-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg)}}.swing{opacity:1;-webkit-transform-origin:top center;-ms-transform-origin:top center;transform-origin:top center;-webkit-animation-name:swing;animation-name:swing}
@-webkit-keyframes tada{0%{-webkit-transform:scale(1);transform:scale(1)}10%,20%{-webkit-transform:scale(0.9) rotate(-3deg);transform:scale(0.9) rotate(-3deg)}30%,50%,70%,90%{-webkit-transform:scale(1.1) rotate(3deg);transform:scale(1.1) rotate(3deg)}40%,60%,80%{-webkit-transform:scale(1.1) rotate(-3deg);transform:scale(1.1) rotate(-3deg)}100%{-webkit-transform:scale(1) rotate(0);transform:scale(1) rotate(0)}}@keyframes tada{0%{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}10%,20%{-webkit-transform:scale(0.9) rotate(-3deg);-ms-transform:scale(0.9) rotate(-3deg);transform:scale(0.9) rotate(-3deg)}30%,50%,70%,90%{-webkit-transform:scale(1.1) rotate(3deg);-ms-transform:scale(1.1) rotate(3deg);transform:scale(1.1) rotate(3deg)}40%,60%,80%{-webkit-transform:scale(1.1) rotate(-3deg);-ms-transform:scale(1.1) rotate(-3deg);transform:scale(1.1) rotate(-3deg)}100%{-webkit-transform:scale(1) rotate(0);-ms-transform:scale(1) rotate(0);transform:scale(1) rotate(0)}}.{opacity:1;-webkit-animation-name:tada;animation-name:tada}
@keyframes fademoveleft{from {margin-left:3px;}to {margin-left:-6px;}}
@-moz-keyframes fademoveleft{from {margin-left:3px;}to {margin-left:-6px;}}
@-webkit-keyframes fademoveleft{from {margin-left:3px;}to {margin-left:-6px;}}.fademoveleft{animation:fademoveleft 0.5s infinite;-moz-animation:fademoveleft 0.5s infinite;-webkit-animation:fademoveleft 0.5s infinite;}
@keyframes fademoveright{from {margin-left:-3px;}to {margin-left:6px;}}
@-moz-keyframes fademoveright{from {margin-left:-3px;}to {margin-left:6px;}}
@-webkit-keyframes fademoveright{from {margin-left:-3px;}to {margin-left:6px;}}.fademoveright{animation:fademoveright 0.5s infinite;-moz-animation:fademoveright 0.5s infinite;-webkit-animation:fademoveright 0.5s infinite;}
@-webkit-keyframes lightspeedin{0%{-webkit-transform:translatex(100%) skewx(-30deg);transform:translatex(100%) skewx(-30deg);opacity:0}60%{-webkit-transform:translatex(-20%) skewx(30deg);transform:translatex(-20%) skewx(30deg);opacity:1}80%{-webkit-transform:translatex(0%) skewx(-15deg);transform:translatex(0%) skewx(-15deg);opacity:1}100%{-webkit-transform:translatex(0%) skewx(0deg);transform:translatex(0%) skewx(0deg);opacity:1}}
@keyframes lightspeedin{0%{-webkit-transform:translatex(100%) skewx(-30deg);-ms-transform:translatex(100%) skewx(-30deg);transform:translatex(100%) skewx(-30deg);opacity:0}60%{-webkit-transform:translatex(-20%) skewx(30deg);-ms-transform:translatex(-20%) skewx(30deg);transform:translatex(-20%) skewx(30deg);opacity:1}80%{-webkit-transform:translatex(0%) skewx(-15deg);-ms-transform:translatex(0%) skewx(-15deg);transform:translatex(0%) skewx(-15deg);opacity:1}100%{-webkit-transform:translatex(0%) skewx(0deg);-ms-transform:translatex(0%) skewx(0deg);transform:translatex(0%) skewx(0deg);opacity:1}}.lightspeedin{-webkit-animation-name:lightspeedin;animation-name:lightspeedin;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}
@-webkit-keyframes flipiny{0%{-webkit-transform:perspective(400px) rotatey(90deg);transform:perspective(400px) rotatey(90deg);opacity:0}40%{-webkit-transform:perspective(400px) rotatey(-10deg);transform:perspective(400px) rotatey(-10deg)}70%{-webkit-transform:perspective(400px) rotatey(10deg);transform:perspective(400px) rotatey(10deg)}100%{-webkit-transform:perspective(400px) rotatey(0deg);transform:perspective(400px) rotatey(0deg);opacity:1}}
@keyframes flipiny{0%{-webkit-transform:perspective(400px) rotatey(90deg);-ms-transform:perspective(400px) rotatey(90deg);transform:perspective(400px) rotatey(90deg);opacity:0}40%{-webkit-transform:perspective(400px) rotatey(-180deg);-ms-transform:perspective(400px) rotatey(-180deg);transform:perspective(400px) rotatey(-180deg)}70%{-webkit-transform:perspective(400px) rotatey(180deg);-ms-transform:perspective(400px) rotatey(180deg);transform:perspective(400px) rotatey(180deg)}100%{-webkit-transform:perspective(400px) rotatey(0deg);-ms-transform:perspective(400px) rotatey(0deg);transform:perspective(400px) rotatey(0deg);opacity:1}}.flipiny{-webkit-backface-visibility:visible!important;-ms-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipiny;animation-name:flipiny}
@-webkit-keyframes flipinx{0%{-webkit-transform:perspective(400px) rotatex(90deg);transform:perspective(400px) rotatex(90deg);opacity:0}40%{-webkit-transform:perspective(400px) rotatex(-10deg);transform:perspective(400px) rotatex(-10deg)}70%{-webkit-transform:perspective(400px) rotatex(10deg);transform:perspective(400px) rotatex(10deg)}100%{-webkit-transform:perspective(400px) rotatex(0deg);transform:perspective(400px) rotatex(0deg);opacity:1}}
@keyframes flipinx{0%{-webkit-transform:perspective(400px) rotatex(90deg);-ms-transform:perspective(400px) rotatex(90deg);transform:perspective(400px) rotatex(90deg);opacity:0}40%{-webkit-transform:perspective(400px) rotatex(-10deg);-ms-transform:perspective(400px) rotatex(-10deg);transform:perspective(400px) rotatex(-10deg)}70%{-webkit-transform:perspective(400px) rotatex(10deg);-ms-transform:perspective(400px) rotatex(10deg);transform:perspective(400px) rotatex(10deg)}100%{-webkit-transform:perspective(400px) rotatex(0deg);-ms-transform:perspective(400px) rotatex(0deg);transform:perspective(400px) rotatex(0deg);opacity:1}}.flipinx{-webkit-backface-visibility:visible!important;-ms-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipinx;animation-name:flipinx}
@-webkit-keyframes pulse{0%{-webkit-transform:scale(0);transform:scale(0)}100%{-webkit-transform:scale(1);transform:scale(1)}}
@keyframes pulse{0%{-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0)}100%{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}}.pulse{-webkit-animation-name:pulse;animation-name:pulse}
@-webkit-keyframes show{
    0%{opacity: 0;}
    100%{opacity: 1;}
}
@keyframes show{
    0%{opacity: 0;}
    100%{opacity: 1;}
}
.show{-webkit-animation-name:show;animation-name:show;}


.add_contact{width:100%; height:auto; overflow:hidden; margin: 0px auto; position:relative;}
.xn_c_contact_topbox{width:1200px; height:auto; color:#5c5c5c; text-align:center; margin:auto;}
.xn_c_contact_news_t1{font-weight:bold; font-size:30px;  display:block; height:45px; line-height:45px;}
.xn_c_contact_news_t3{ display:block; line-height:22px; font-size:14px; margin-top:35px;}
.xn_c_contact_news_t2{ display:block; height:30px; line-height:30px; font-size:18px;background: center bottom no-repeat; padding-bottom:10px;}
.add_contact a{display:block; width:140px; height:140px; margin:40px auto;}
.add_contact .container { position: relative; width: 140px;  height: 140px; }  
  
  
.add_contact .dot { animation: sploosh 1.5s cubic-bezier(0.123, 0.232, 0.251, 1)}
.add_contact .dot2 {animation: sploosh2 1.5s cubic-bezier(0.123, 0.232, 0.251, 1);}
.add_contact .dot3 {animation: sploosh3 1.5s cubic-bezier(0.123, 0.232, 0.251, 1);background: center center no-repeat;}
.add_contact .dot,.dot2,.dot3{ height: 140px; width: 140px; border-radius: 100%;  position: absolute; z-index: 10; animation-iteration-count:infinite;}
@keyframes sploosh {
  0% { box-shadow: 0 0 0 0px rgba(250, 0, 0, 0.7);  background: rgba(250, 0, 0, 0.7); }
  100% { box-shadow: 0 0 0 30px rgba(250, 0, 0, 0); background: rgba(250, 0, 0, 0);
  }
}
@keyframes sploosh2 {
  0% { box-shadow: 0 0 0 0px rgba(250, 0, 0, 0.7); background: rgba(250, 0, 0,  0.7);
  }
  100% { box-shadow: 0 0 0 20px rgba(250, 0, 0, 0.7); background: rgba(250, 0, 0, 0.3);
  }
}
@keyframes sploosh3 {
  0% {  box-shadow: 0 0 0 0px rgba(250, 0, 0, 0.7); background: rgba(250, 0, 0, 0.7);
  }
  100% { box-shadow: 0 0 0 10px rgba(250, 0, 0, 0.7); background: rgba(250, 0, 0, 1);
  }
}




.xn_f_21_wrap{width:1200px;height:auto;margin:0px auto; overflow:hidden; margin-top:0px; margin-bottom:5px; display:none;}
.index_body .xn_f_21_wrap{width:1200px;height:auto;margin:0px auto; overflow:hidden; margin-top:10px; margin-bottom:10px; display:block;}
.xn_f_21_xhbox{float:left; display:inline-block; padding-right:25px; height:25px; line-height:25px;overflow:hidden;text-align:center;}
.xn_f_21_xhbox a{font-size:14px; color:#ff0000;-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;}


.foot_tel{ width:360px; height:auto; overflow:hidden; float:left; color:#cf0e0e; }
.foot_tel_f{ position:relative; width:100%; height:auto; font-size:14px; line-height:30px;}
.foot_tel a{color:#cf0e0e; }


.xn_f_1_warp {}


.foot_nav{ width:680px; height:auto; float:left; text-align:left; overflow:hidden; }
.foot_nav_ul{  margin:0px; padding:0px;}
.foot_nav ul li{width:130px; float:left;}
.foot_nav ul li:nth-child(n 6){display:none;}
.foot_nav ul li a{line-height:30px; font-size:14px; color:#ffffff; display:block;-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
}
.foot_nav ul li ul li a{line-height:30px; font-weight: normal !important;}
.foot_menu1{width:120px; height: auto; overflow: hidden;}
.foot_menu1 >a{font-size:16px !important; color:#ffffff !important; height:30px; line-height:0px; margin-bottom:5px;}


.xn_f_2_warp {}


.foot_copy{ width:1200px; height:60px; line-height:60px; margin:auto; text-align:left; color:#fff; font-size:14px; }
.foot_copy_name{display:inline-block;}
.foot_copy_ba{display:inline-block;}


.add_index_footyqlj{float:left; display:inline-block; padding-right:10px; height:25px; line-height:25px;overflow:hidden;text-align:center;font-size:16px; color:#ff0000;}


.foot{  width:100%; position:relative; text-align:center; background:#cf0e0e; height:auto; overflow:hidden; }
.foot a{  color:#fff; text-decoration:none;}
.foot a:hover{ color:#000;}
.foot_c{position:relative; width:1200px; margin:auto; text-align:left; padding:25px 0px; overflow:hidden;}


.add_footermw{width:150px; height:auto; float:right;}
.add_footermw li{width:100%; height:auto; }
.add_footermw li img{display:block; width:100%; height:auto;}
.add_footermw li span{display:block; height:30px; line-height:30px; text-align:center; font-size:14px; color:#ffffff;}


.add_foot_list{width:100%; height:60px; line-height:60px; background:#b70606; color:#fff;}






.xn_m_6_head{display:none;}
.xn_m_6_wrap{position:fixed;height:auto;width: 192px;z-index: 10001;background: #ff0000; border-bottom-left-radius:10px; border-top-left-radius:10px; overflow:hidden; right:-140px !important;-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;}
.xn_m_6_mbox img{}
.xn_m_6_mbox ul li{width: 100%;height: 55px; line-height:55px;}
.xn_m_6_mbox ul li a{display:block;color:#ffffff; font-size:16px; }
.xn_m_6_tel_box img{width: 20px}
.xn_m_6_head .close{cursor:pointer;text-align: left;padding-left:10px;}
.xn_m_6_mbox ul{width: 100%;height: 55px; line-height:55px;}
.xn_m_6_markrt_code img{width: 100px;}
.xn_m_6_small_but { display:none;}
.xn_m_6_foot{width: 100%;height: 55px; line-height:55px;background: 5px center no-repeat; color:#ffffff; font-size:16px; cursor:pointer;}
.xn_m_6_foot >span{display:block; padding-left:75px;}
.xn_m_6_wrap img{width:30px;height:30px;}
.xn_m_6_orderid{display:none;}
.xn_m_6_markrt_ali{display:none}
.xn_m_6_markrt_sky{display:none}
.xn_m_6_xlwb {width: 100%;height: 55px; line-height:55px;background: 5px center no-repeat; color:#ffffff; font-size:16px; cursor:pointer;}
.xn_m_6_xlwb .xn_m_6_xlwb_li a{display:block; padding-left:75px;color:#ffffff; font-size:16px;}
.xn_m_6_markrt_mail{display:none;}
.xn_m_6_markrt_qq {width: 100%;height: 55px; line-height:55px;background: 5px center no-repeat; color:#ffffff; font-size:16px; cursor:pointer;}
.xn_m_6_markrt_qq h4{display:none;}
.xn_m_6_qq_li:nth-child(2){display:none;}
.xn_m_6_qq_ul{width: 100%;height: 55px; line-height:55px;}
.xn_m_6_qq_ul li{width: 100%;height: 55px; line-height:55px;}
.xn_m_6_markrt_qq .xn_m_6_qq_li >a{display:block; padding-left:37px;color:#ffffff; font-size:16px;}
.xn_m_6_telephone{width: 100%;height: 55px; line-height:55px;background: 5px center no-repeat; color:#ffffff; font-size:16px; cursor:pointer;}
.xn_m_6_telephone h4{display:none;}
.xn_m_6_tel_img{display:none;}
.xn_m_6_telephone .xn_m_6_tel_tel {display:block; padding-left:56px;color:#ffffff; font-size:16px;}
.xn_m_6_markrt_code  h4{width: 100%;height: 55px; line-height:55px;background: 5px center no-repeat; color:#ffffff; font-size:16px; cursor:pointer;}
.xn_m_6_markrt_code  h4 >span{display:block; padding-left:75px;color:#ffffff; font-size:16px;}
.xn_m_6_markrtimg img{display:block; width:150px; height:auto; margin:auto;}
.xn_m_6_markrt_code_ul, .xn_m_6_markrt_code_li{height:auto !important;}
.xn_m_6_markrt_code_ul{padding-bottom:10px;}
.xn_m_6_code_box{height:0px; overflow:hidden;-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;}
.xn_m_6_cent >div{border-top:2px #fff solid;}
.xn_m_6_wrap:hover{right:0px !important;}
.xn_m_6_wrap:hover .xn_m_6_code_box{height:150px !important;}