@charset "utf-8";
/* CSS Document */

*{ margin:0;padding:0;list-style:none; }
body{  font: 14px/24px "Arial", "Microsoft YaHei", "微软雅黑", "SimSun", "宋体";}
.clear{ clear:both;}
.clear:after{content: " "; display: table;  clear: both}
a{ text-decoration:none; color:#333; }
img{ border:none;vertical-align: middle; }
.fl{ float:left;}
.fr{ float:right;}
.h12{ width:100%; clear:both; height:12px;}
.h20{ width:100%; clear:both; height:20px;} 
.h40{ width:100%; clear:both; height:40px;}  
.pr{ position: relative;}
.w100{ width: 100%; position: relative;}
.w1200{ width:1200px; margin:0px auto; } 
.box_img{ width: 100%; text-align: center;}
.box_img img{ max-width: 100%;}
.bg_fff{ background-color: #fff;} 
.bg_f1{ background-color: #f1f1f1;}
.bg_f5{ background-color: #f5f5f5;}
.bg_222{ background-color: #222;}
.hide{ display: none !important;}

.list_img{ width: 100%;; text-align: center; overflow: hidden;}
.list_img img{ width: 100%; height: 100%;}

.foot_icon{ padding: 14px 0 0 0;}
.foot_icon ul li{cursor: pointer;width: 240px;float: left;}
.foot_icon ul li img{ float: left; transition: all .5s ease;}
.foot_icon p{padding: 8px 0 0 9px;float: left;display: block;color: #666;line-height: 29px;font-size: 16px;}
.foot_icon p span{ font-weight: bold; display: block; font-size: 18px; color: #000;}
.foot_icon ul li:hover img{ margin: 0px 5px 0 10px;}
.f_line{ width: 100%; height: 1px; background: #999;}

/*底部0124*/
.i_foot{ }
.i_foot_words{ width: 680px; float: left; }
.i_foot_words ul li{ float: left;  width: 110px;}
.i_foot_words h2{ font-weight: normal; font-size: 18px; line-height: 32px; color: #666;}
.i_foot_words a{ font-size: 15px; color: #999; display: block; line-height:28px;}
.i_foot_words a:hover{ color: #ff0}
.i_foot_lx{ width: 300px; float: left; }
.i_foot_lx h2,.i_foot_gz h2{ font-size: 20px; line-height: 32px; padding-bottom: 14px; color: #666;} 
.i_lianxi{ background: #8b6f4a; margin-bottom: 20px;  border-radius: 30px; width: 280px; height: 52px; padding-left: 8px; }
.i_lianxi img{float: left;padding: 10px 0 0 7px;}
.i_lianxi span{color: #fff;display: block;font-size: 14px;padding: 7px 0 0 5px;float: left;line-height: 20px;font-weight: bold;}
.i_lianxi b{ color: #666; background: #f1f1f1; font-weight: normal; text-align: center; width: 205px; float: right; border-radius: 30px; line-height: 52px; font-size:28px; display: block;}
.i_lianxi b.b2{ font-size: 14px; line-height: 21px; text-align: left; padding: 5px 0 5px 16px; width: 184px;} 
.i_foot_gz{ width: 212px; float: right;}
.i_foot_gz ul li{ position: relative; width: 93px; float: left;  padding: 0 6px;  display: inline; text-align: center; }
.i_foot_gz img{ width: 100%;;}
.i_foot_gz span{ color: #999; padding: 4px 0 0 0; display: block;}
.i_foot_gz b{ position: absolute; width: 200px;  border: 1px solid #ccc; left: -103px; top: -109px; visibility: hidden;transform:scale(0);-webkit-transform:scale(0);transition:all ease .3s;-webkit-transition:all ease .3s;transform-origin:right bottom;-webkit-transform-origin:right bottom;}
.i_foot_gz ul li:hover b{ visibility: visible;transform:scale(1);-webkit-transform:scale(1);}

.f_copy{ width: 100%; border-top: 1px solid #555; text-align: center; padding: 10px 0 0 0;}
.f_copy p,.f_copy a{ line-height: 22px; color: #666;}
 
.place_fff ::-webkit-input-placeholder { color:#fff;}
.place_fff :-moz-placeholder {  color:#fff;}
.place_fff ::-moz-placeholder { color:#fff;}
.place_fff :-ms-input-placeholder { color:#fff;}

.tc_center{ width: 450px;   margin: 0px auto; background: #f1f1f1;}
.tc_center .box_img{ height: 280px; overflow: hidden;}
#i_center_show .tc_center{ width: 400px;}
#i_center_show .tc_center .box_img{ height: auto;}
#i_center_show .tc_bm input{ border-radius: 6px;}
#i_center_show .li_p{ padding: 0;}
#i_center_show > a{ border: 1px solid #bbb; background: #fff !important; color: #999 !important;}
.tc_bm{ width: 80%; margin: 0px auto; padding-bottom: 16px;}
.tc_bm ul li{ position: relative; padding: 14px 0 0  0;}
.tc_bm strong{ font-style: italic; font-size: 18px; line-height: 30px;  font-weight: normal; text-transform: uppercase; display: block;}
.tc_bm strong b{ font-weight: normal; padding-left: 2px;}
.tc_bm input{outline: none; width: 96%; padding-left: 3%; height: 40px; line-height: 40px; background: none; border-radius: 16px; border: 1px solid #999;}
.tc_bm span{ position: absolute; right: 10px; top: 20px;}
.tc_bm .sub input{ cursor: pointer; line-height: 44px; height: 44px;  background: #e22; color: #fff; font-size: 20px; border: none; padding: 0; }
.tc_bm .sub input:hover{ background: #b41111;}
.fix_right{ width: 80px; position: fixed; display: none; right: 10px; top: 12%; z-index: 99;}
.fix_right ul li{ width:78px; height: 78px;  text-align: center; border: 1px solid #e22; margin-bottom: 1px;} 
.fix_right b{  transition: all .3s ease; width: 60px; height: 50px; background: url(tc_r_icon.png) no-repeat; display: block; margin: 0px auto;}
.fix_right b.b1{ background-position: 13px 6px;}
.fix_right b.b2{background-position: -53px 6px;}
.fix_right b.b3{background-position: -120px 5px;}
.fix_right b.b4{background-position: -190px 7px;}
.fix_right b.b5{background-position: -253px 2px;}
.fix_right ul li a{ display: block; width: 100%; height: 100%; background: #fff;}
.fix_right ul li a:hover{ background: #e22; color: #fff;}
.fix_right ul li a:hover .b1{ background-position:  10px -69px;}
.fix_right ul li a:hover .b2{background-position: -53px -69px;}
.fix_right ul li a:hover .b3{background-position: -120px -69px;}
.fix_right ul li a:hover .b4{background-position: -190px -69px;}
.fix_right ul li a:hover .b5{background-position: -253px -69px;}

.fix_foot{width: 100%;transition: all .5s ease;height: 80px;background: rgba(0,0,0,.6);position: fixed;left: 0px;bottom: 0px;z-index: 99;}
.fix_daiyanren{position: absolute;left: 0;bottom: -80px;z-index: 100;}
.fix_daiyanren img{ width: auto;   transition: all .5s ease;  }
.fix_foot_hd{ float: left; width: 250px; padding: 0 0 0 220px;}
.fix_foot_hd img{ max-width: 100%;}
.fix_foot .fix_f_close{position: absolute;right: 4px;top:4px;width: 20px;height: 20px;}
.fix_foot .fix_f_close img{ width:100%;}
.fix_f_right{ position: fixed; left: 10px; bottom:130px;z-index: 99;}
.fix_f_img{width: 250px;  float: left; padding: 0 0 0 215px;}
.fix_f_img img{  }
.fix_bm{float: right;width: 700px;padding: 21px 10px 0 0;}
.fix_bm ul li{width: 200px;float: left;position: relative;margin: 0 10px 0 0;background: #fff;border-radius: 10px;height: 46px;display: flex;align-items: center;justify-content: flex-start;}
.fix_bm ul li.li02{ width: 250px;}
.fix_bm input{outline: none;width: 90%;padding-left: 3%;height: 36px;line-height: 36px;background: none;border: none;}
.fix_bm span{position: absolute;right: 22px;top: 6px;width: 0px;}
.fix_bm ul li.li02 span{ right: 90px;}
.fix_bm .sub{width: 200px;height: 46px;background: #ff8400;}
.fix_bm .sub input{cursor: pointer;line-height: 38px;height: 100%;width: 100%;color: #fff;font-size: 18px;border: none;padding: 0;}
.fix_bm .sub:hover{ background-color: #cc802e;}
.fix_bm .li02 p{color: #fff;background: #db121e;font-size: 12px;padding: 2px 8px;border-radius: 4px;display: inline;line-height: 16px;width: 60px;position: absolute;right: 7px;top: 5px;}  
.fix_foot_hide{height:0px;/* overflow: hidden ; */}
.fix_foot_hide .fix_daiyanren img{ opacity:0}

.tc_xin{ width: 800px; height: 400px; position: absolute; left: 50%; border-radius: 20px; overflow: hidden; margin-left: -400px; top: 20%;}
.tc_xin .tc_xin_a{ position: absolute;right: 47px;  bottom: 34px; z-index: 2;}
.tc_xin_close{ position: absolute; right: 20px; top: 14px; background: rgba(0,0,0,.3); border-radius: 10px; padding: 3px 14px; color: #fff; }
.tc_xin_close a{ padding: 0 0 0 4px; color: #fff;}

.fix_wx_a{ position: fixed; right:14px; bottom:130px;z-index: 9999;}
.fix_wx_a img{ width: 160px; border:1px solid #eee}


.i_tv{ z-index: 999; background: url(i_tv_bg.png) center top no-repeat; height: 211px; width: 350px; position: fixed; left: 0px; bottom:112px ;}
.i_tv_v{width: 327px;height: auto; ; padding: 1px 0 0 11px;}
.i_tv .tv_close{position: absolute;right: 12px;top:4px;/* background: #e22; */border-radius: 50%;}

.img_up img{  -webkit-animation: img_up 3s linear infinite;-moz-animation: img_up 3s linear infinite;-ms-animation: img_up 3s linear infinite; animation: img_up 3s linear infinite;}
@-webkit-keyframes img_up { 25% { -webkit-transform: translateY(8px);}  50%, 100% {  -webkit-transform: translateY(0); }  75% {  -webkit-transform: translateY(-8px); } }
@-ms-keyframes img_up { 25% { -ms-transform: translateY(8px);}  50%, 100% {  -ms-transform: translateY(0); }  75% {  -ms-transform: translateY(-8px); } }
@-moz-keyframes img_up { 25% { -moz-transform: translateY(8px);}  50%, 100% {  -moz-transform: translateY(0); }  75% {  -moz-transform: translateY(-8px); } }
@keyframes img_up {   25% {   transform: translateY(8px); }   50%, 100% {  transform: translateY(0); } 75% {   transform: translateY(-8px);  }    } 

.img_rotate img:hover{ -moz-transition: all 0.8s ease-in-out; -webkit-transition: all 0.8s ease-in-out; -o-transition: all 0.8s ease-in-out; -ms-transition: all 0.8s ease-in-out; transition: all 0.8s ease-in-out; -moz-transform: rotateY(360deg);-webkit-transform: rotateY(360deg);-o-transform:rotateY(360deg);-ms-transform: rotateY(360deg);transform: rotateY(360deg);} 

.img_3dplay img{ -webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);transform:translate3d(0,0,0); -webkit-animation:play3d 6s linear infinite;-moz-animation:play3d 6s linear infinite;animation:play3d 6s linear infinite;}
@-webkit-keyframes play3d{0%  { -webkit-transform:rotateY(0deg);}100% { -webkit-transform:rotateY(360deg);}}
@-moz-keyframes play3d{0%  {-moz-transform:rotateY(0deg);}100% {-moz-transform:rotateY(360deg);}}
@keyframes play3d{0%  {transform:rotateY(0deg);}100% {transform:rotateY(360deg);}}
  
.img_big img{  transform:scale(1); -ms-transform:scale(1);-moz-transform:scale(1);	-webkit-transform:scale(1); -o-transform:scale(1);       transition: transform 0.6s; -webkit-transition: -webkit-transform 0.6s;   }
.img_big img:hover{ transform:scale(1.1); -ms-transform:scale(1.1);-moz-transform:scale(1.1);	-webkit-transform:scale(1.1); -o-transform:scale(1.1); 
transition:all .5s ease; -ms-transition:all .5s ease; -moz-transition:all .5s ease; -webkit-transition:all .5s ease; -o-transition:all .5s ease;}
 
.img_trans img{-webkit-transition:all 1s ease-in-out; -moz-transition:all 1s ease-in-out; -ms-transition:all 1s ease-in-out; -o-transition:all 1s ease-in-out; -webkit-transition-delay:.1s; -moz-transition-delay:.1s; -ms-transition-delay:.1s; -o-transition-delay:.1s; }
.img_trans img:hover{-webkit-transform:rotate(720deg); -moz-transform:rotate(720deg);  -ms-transform:rotate(720deg); -o-transform:rotate(720deg);  }
@-webkit-keyframes bounce-up {  25% {  -webkit-transform: translateY(7px); }  50%, 100% {  -webkit-transform: 
translateY(0); }  75% {  -webkit-transform: translateY(-7px); } }
@-ms-keyframes bounce-up {  25% {  -ms-transform: translateY(7px); }  50%, 100% {  -ms-transform: 
translateY(0); }  75% {  -ms-transform: translateY(-7px); } }
@-moz-keyframes bounce-up {  25% {  -moz-transform: translateY(7px); }  50%, 100% {  -moz-transform: 
translateY(0); }  75% {  -moz-transform: translateY(-7px); } }
@keyframes bounce-up {  25% {  transform: 
translateY(7px); }  50%, 100% {  transform: translateY(0); }  75% {  transform: translateY(-7px); } } 

.img_bandown{-webkit-animation: bounceInDown 1.4s ease;    -moz-animation: bounceInDown 1.4s ease;    -ms-animation: bounceInDown 1.4s ease;    animation: bounceInDown 1.4s ease; }}
@-webkit-keyframes bounceInDown {
    0% {  opacity: 0;  -webkit-transform: translateY(-2000px);  transform: translateY(-2000px)}
    60% {  opacity: 1;  -webkit-transform: translateY(30px);  transform: translateY(30px)}
    80% {  -webkit-transform: translateY(-10px);  transform: translateY(-10px)}
    100% {  -webkit-transform: translateY(0);  transform: translateY(0)}
}
@keyframes bounceInDown {
    0% {  opacity: 0;  -webkit-transform: translateY(-2000px);  -ms-transform: translateY(-2000px);  transform: translateY(-2000px)}
    60% {  opacity: 1;  -webkit-transform: translateY(30px);  -ms-transform: translateY(30px);  transform: translateY(30px)}
    80% {  -webkit-transform: translateY(-10px);  -ms-transform: translateY(-10px);  transform: translateY(-10px)}
    100% {  -webkit-transform: translateY(0);  -ms-transform: translateY(0);  transform: translateY(0)}
 }  
 

.icon_shake{    -webkit-animation: Tada 3s both infinite;    -moz-animation: Tada 3s both infinite;    -ms-animation: Tada 3s both infinite;    animation: Tada 3s both infinite;}
@-webkit-keyframes Tada { 0% {     -webkit-transform: scale(1);   transform: scale(1)   }  

    70%,73% {     -webkit-transform: scale(0.9) rotate(-5deg);   transform: scale(0.9) rotate(-5deg)   }  

    77%,83%,90%,97% {     -webkit-transform: scale(1.1) rotate(5deg);   transform: scale(1.1) rotate(5deg)   }  

    80%,87%,93% {     -webkit-transform: scale(1.1) rotate(-5deg);   transform: scale(1.1) rotate(-5deg)   }  

    100% {     -webkit-transform: scale(1) rotate(0);   transform: scale(1) rotate(0)   }  } 

@-moz-keyframes Tada { 0% {     -moz-transform: scale(1);   transform: scale(1)   }  

    70%,73% {     -moz-transform: scale(0.9) rotate(-5deg);   transform: scale(0.9) rotate(-5deg)   }  

    77%,83%,90%,97% {     -moz-transform: scale(1.1) rotate(5deg);   transform: scale(1.1) rotate(5deg)   }  

    80%,87%,93%{     -moz-transform: scale(1.1) rotate(-5deg);   transform: scale(1.1) rotate(-5deg)   }  

    100% {     -moz-transform: scale(1) rotate(0);   transform: scale(1) rotate(0)   }  } 

@-ms-keyframes Tada { 0% {     -ms-transform: scale(1);   transform: scale(1)   }  

    70%,73% {     -ms-transform: scale(0.9) rotate(-5deg);   transform: scale(0.9) rotate(-5deg)   }  

    77%,83%,90%,97% {     -ms-transform: scale(1.1) rotate(5deg);   transform: scale(1.1) rotate(5deg)   }  

    80%,87%,93% {     -ms-transform: scale(1.1) rotate(-5deg);   transform: scale(1.1) rotate(-5deg)   }  

    100% {     -ms-transform: scale(1) rotate(0);   transform: scale(1) rotate(0)   }  } 

@keyframes Tada { 0% {   transform: scale(1);   transform: scale(1)   }  

    70%,73%{   transform: scale(0.9) rotate(-5deg);   transform: scale(0.9) rotate(-5deg)   }  

    77%,83%,90%,97%  {   transform: scale(1.1) rotate(5deg);   transform: scale(1.1) rotate(5deg)   }  

    80%,87%,93%{   transform: scale(1.1) rotate(-5deg);   transform: scale(1.1) rotate(-5deg)   }  

    100% {   transform: scale(1) rotate(0);   transform: scale(1) rotate(0)   }  } 



.slide_max{ width:100%;  position: relative;}
.slide_nav{  width: 100%; display: block;}
.slide_nav a{position: absolute;top: 40%;z-index: 20;}
.slide_nav a.a_prev{left: 1%;}
.slide_nav a.a_next{right: 1%;} 
.slide_tab{ position: absolute; bottom: 0px; left: 0px; width: 100%; text-align: center;}
.slide_tab a{ width: 12px; height: 12px; background: #fff; line-height:0; display: inline-block;font-size:0;overflow:hidden; border-radius: 50%; margin: 0px 3px; }
.slide_tab a.on{ background: #920000;}
.slide_img{ width:100%;  }
.slide_img ul li{ position: absolute; height:auto;} 
.slide_img ul li img{  width:100%; height: 100%;}