﻿@charset "utf-8";
/* CSS Document */

body {font-family: "微软雅黑", "Microsoft YaHei", Helvetica,sansation, Verdana, Arial, sans-serif;font-size: 17px;}
* {
	margin:0;
	padding:0
}
html,body,div,span,h1,h2,h3,h4,h5,h6,em,img,strong,sub,sup,tt,dd,dl,dt,form,label,table,caption,tbody,tfoot,thead,tr,th,td,ul,li,p,a {
	margin:0;
	padding:0;
	
}
input,select,textarea {
	vertical-align:middle;
}
img {
	border:0;
}
ul,li {
	list-style:none
	 
}
a:link,a:visited {
	text-decoration:none;
}
a:hover {
	text-decoration:underline;color:#000;}
.overhide {overflow:hidden;text-indent:-100em;}
.clear {
	clear:both;
}
.clearfix:after {clear:both;content:' ';display:block;font-size:0;line-height:0;
	visibility:hidden;width:0;height:0;
}
.huangdanyi{position:relative; width:100%;min-width: 1200px;margin-top:25px;}
.huangdanyi img{width:100%;}
.button1{text-align: center; line-height: 30px;background-color: #E56447;color: White; position: absolute;
   margin-top:-6%;left: 7.5%;height: 30px;width: 18.5%;font-size: 16px;float: left;border: 3px solid #fff;-moz-border-radius: 15px; -webkit-border-radius: 
   15px;border-radius: 15px; z-index: 1;}
 .button2{ text-align: center;line-height: 30px;position: absolute; color: White;
   margin-top:-6%;left: 26%; height: 30px;width: 18.5%;font-size: 16px;background-color: #245AE1;border: 3px solid #fff;
    -moz-border-radius: 15px; -webkit-border-radius: 15px;border-radius: 15px; z-index: 1;}  
 .button3{ text-align: center;line-height: 30px; background-color: #EE90B2; color: White;position: absolute;margin-top:-6%; margin-left: 43%; height: 30px; width: 18.5%;
    font-size: 16px; float: left; border: 3px solid #fff;-moz-border-radius: 15px; -webkit-border-radius: 15px;  border-radius: 15px; z-index: 1;}
.button4{text-align: center; line-height: 30px;position: absolute; background-color: #24B3DF; color: white; font-size: 16px;
    margin-top:-6%; left: 60.5%; height: 30px;width: 33%;float: left; border: 3px solid #fff; -moz-border-radius: 15px;-webkit-border-radius: 15px;
    border-radius: 15px; z-index: 1;}
/*导航部分*/
.top{ width:100%; margin:0 auto; height:110px; position:relative; min-width:1200px; background:#FCF5FB}
/*.logo{ float:left; width:100%;height:60px;}*/
.logo img{  float:left; }
.logotitile{ text-align:left;float:left;width:600px;padding-top:12px; font-weight:bold;font-size:25px; padding-left:5px;}
.logotitile span{ font-family:"Arial Black", Gadget, sans-serif;}
.tel{ margin-top:10px;margin-right:14%; width:225px; height:40px; background:#ffdb3d;  font-size:23px; line-height:40px; text-align:center; position:absolute; right:5%; top:10px; z-index:1000;zoom:1}
.tel  img{ position:relative; top:3px; right:10px}
.nav{width:100%;text-align:center; height:50px;float:left;}
.navleft{ width:10%; background:#d53c8e; float:left;text-align:center; font-size:20px;color:#FFF;height:50px; line-height:50px; }
.navright{ float:left; width:90%;height:50px; background:#505763; line-height:50px;font-size: 17px;}
.navright a:link,.nav a:visited{ color:#FFF; text-decoration:none;width:18%; text-align:center}
.navright a:hover{ display:block; background:#222324;  text-align:center}
.navright a{ display:block; float:left;}
.pm1,.pm2,.pm3,.pm4,.pm5{ position:relative; width:100%;  }
.pm1 img,.pm2 img,.pm3 img,.pm4 img,.pm5 img{ width:100%; _margin-top:-6px;display:block;}
.foot{width:100%;  min-width:1200px; height:60px; background:#000; line-height:60px; text-align:center; margin-top:-5px;color:#FFF }
.kefu{position: absolute;top: 6.3%; left: 79%; display: block; height: 2%; width: 12%; background: #fff; opacity: 0;
    filter: alpha(opacity=0);  }

.test{  height: 32px; line-height: 28px;  text-transform: uppercase; cursor: pointer;  -moz-transition: all 150ms ease-out;
    -o-transition: all 150ms ease-out; -webkit-transition: all 150ms ease-out;  transition: all 150ms ease-out; -ms-transition: all 150ms ease-out;
    -moz-border-radius: 15px;-webkit-border-radius: 15px; border-radius: 15px;}
.test:hover:before { opacity: 1; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1);}
.test:hover{ cursor: pointer; text-decoration: none;  outline: none;  background: #fff;  -moz-border-radius: 15px; -webkit-border-radius: 15px;  border-radius: 15px;
    }
.test:before { content: "";left: 0;top: 0; width: 100%; height: 100%; background: #fff; opacity: 0; -webkit-transform: scale(0); -ms-transform: scale(0);
          transform: scale(0);-moz-transition: all 150ms ease-out;-o-transition: all 150ms ease-out; -webkit-transition: all 150ms ease-out;
    transition: all 150ms ease-out; -ms-transition: all 150ms ease-out;}
.test span{z-index: 2;  position: relative; cursor: pointer;}

.test:hover span {
    color: #E56447;
}.b2:hover span {
    color:#2E61E1;
}
.b3:hover span {
    color:#F4B6CC;
}
.b4:hover span {
    color:#24B3DF;
}

/*头部效果*/
.replace{ height: 365px;
    width: 31%;
    /* float: right; */
    margin-top: 5%;
    margin-left: 48%;
    position: absolute;}
.replace img{}
/*插件样式*/
.poster-main{position: relative;width: 900px;height: 500px;}
.poster-main a,.poster-main img{display:block;}
.poster-main .poster-list{width: 900px;height: 500px; }
.poster-main .poster-list .poster-item{position: absolute;left: 30%;top: 0px;}

.poster-main .poster-btn{position: absolute;height: 100%;width:100px;top: 0px;z-index: 10;opacity: 0.5;width:7%;height:40%}
.poster-main .poster-prev-btn{left: 0px;background: url("../images/btn_l.png") no-repeat center center;background-color:#E588B6;top:25%}
.poster-main .poster-next-btn{right: 0px;background: url("../images/btn_r.png") no-repeat center center;background-color:#E588B6;top:25%}
.caroursel poster-main{background-color:Blue;top:400px;position:absolute;}
/*图片轮播*/
.frame1{     position: relative; background-color: #FEFAF1;height: 600px; width: 100%;margin:0 auto; }
.frame2{ background-color:White;width:100%;min-width:1200px;height:429px; }
.left1-1{ top: 100px; left: 100px; width: 50%; height: 92%; float: left; }
.right1-1{  height: 92%; width: 50%; float: right; background-color: white;
    }    
    
/* 本例子css */
.picFocus{  width: 560px;height:380px;overflow: hidden; border: 1px solid #ccc;padding: 5px; overflow: hidden; zoom: 1; float:right;margin-right:6%}
.picFocus .hd{ width:100%; padding-top:5px;  overflow:hidden; }
.picFocus .hd ul{ margin-right:-5px;  overflow:hidden; zoom:1; }
.picFocus .hd ul li{ padding-top:1px; float:left;  text-align:center;  }
.picFocus .hd ul li img{     width: 107px;height: 55px; border: 2px solid #ddd;cursor: pointer;margin-right:   }
.picFocus .hd ul li.on{ background:url("images/icoUp.gif") no-repeat center 0; }
.picFocus .hd ul li.on img{  }
.picFocus .bd li{ vertical-align:middle;}
.picFocus .bd img{ width:558px; height:316px; display:block; }.shade1{ position: absolute; color: white; margin-top: -63px;height: 62px; width: 110px; background-color: black;opacity: 0.7;line-height: 90px;}.shade2{ position: absolute; color: white; margin-top: -63px;height: 62px; width: 110px; background-color: black;opacity: 0.7;line-height: 90px;}.shade3{ position: absolute; color: white; margin-top: -63px;height: 62px; width: 110px; background-color: black;opacity: 0.7;line-height: 90px;}.shade4{ position: absolute; color: white; margin-top: -63px;height: 62px; width: 110px; background-color: black;opacity: 0.7;line-height: 90px;}.shade5{ position: absolute; color: white; margin-top: -63px;height: 62px; width: 110px; background-color: black;opacity: 0.7;line-height: 90px;}.demo{     background-color: #F5F5F5;text-align: left;line-height: 2;padding-left: 48px; margin-left: 85px;width: 276px;height: 45px;font-size: 20px;
                                 float: left;}.demo1{height:30px;width:80px;left:0px;text-align:center;float:left;}.demo1 img{width:120%;height:55px;padding-left: 27px;}/*奖章*/.zhang{   }.zhang img{ position: absolute;width: 6%;margin-left: 22.5%; margin-top: 12%; z-index: 1;}/*右边自动轮播*/
.txtMarquee-top{overflow: scroll;overflow-x: hidden;border: 1px solid #ccc; width: 550px;height: 355.5px;
    top: -477px; float: left; margin-left:6% }
.txtMarquee-top .hd{ overflow:hidden;  height:0px; background:#f4f4f4; padding:1 10px;  }
.txtMarquee-top .hd .prev,.txtMarquee-top .hd .next{ display:block;  width:9px; height:5px; float:right; margin-right:5px; margin-top:10px;  overflow:hidden;
		cursor:pointer; background:url("../images/arrow.png") 0 -100px no-repeat;}
.txtMarquee-top .hd .next{ background-position:0 -140px;  }
.txtMarquee-top .hd .prevStop{ background-position:-60px -100px;  }
.txtMarquee-top .hd .nextStop{ background-position:-60px -140px;  }
/*.txtMarquee-top .bd{ padding:15px; left:150px;position:absolute}*/
.txtMarquee-top .infoList li{ height:24px; line-height:24px;margin:5px }
.txtMarquee-top .infoList li .date{ float:right; color:#999;}

/*小飞机点击询价*/
.pm1_a1{width: 60%;height: 67%; position: absolute; top: 24%;left: -0.5%;display: inline-block;background: #fff; opacity: 0; filter: alpha(opacity=0);}
/*小飞机*/
#fly {
    animation: rubberBand 2s infinite;
}

#fly:onclick{}
.fly img{ width: 60%; top: 2%; left: 2%;}

/* 小火箭css */
#gotop1 {width: 4%; position: absolute; bottom: 9px; cursor: pointer; z-index: 99998;margin-left: 48%;
}
  
/* 小火箭悬停特效 */
#gotop1 {
    animation: rubberBand 2s infinite ;
}

  
@keyframes rubberBand {
  from { transform: scale3d(1, 1, 1);}
  30% { transform: scale3d(1.25, 0.75, 1); }
  40% {  transform: scale3d(0.75, 1.25, 1); }
  50% { transform: scale3d(1.15, 0.85, 1);}
  65% { transform: scale3d(.95, 1.05, 1); }
  75% { transform: scale3d(1.05, .95, 1); }
  to { transform: scale3d(1, 1, 1); }
}


