﻿*{padding:0;margin:0;}
div,dl,dt,dd,form,h1,h2,h3,h4,h5,h6,img,ol,ul,li,table,th,td,p,span,a{border:0;}
img,input{border:none;vertical-align:middle;}
body{font-family:Microsoft YaHei,"微软雅黑";color:#333;}
html{overflow-y:scroll;}
ul,ol{list-style-type:none;}
th,td,input{font-size:12px;}
button{border:none;cursor:pointer;font-size:12px;background-color:transparent;}
select{border-width:1px;_zoom:1;border-style:solid;padding-top:2px;font-size:12px;}
.clear{clear:both;font-size:1px;height:0;visibility:hidden;line-height:0;}
.clearfix:after{content:"";display:block;clear:both;}
.clearfix{zoom:1;}
a{text-decoration:none;}

/*头部*/
header{width:100%;margin:auto;overflow:hidden;left:0px;z-index:100;}
header .container{max-width:640px;margin:auto;overflow:hidden;background:#262432;}
header .container li{float:left;height:80px;}
header .container li img{width:100%;}
header .container li.menu{width:15%}
header .container li.logo{width:72%}
header .container li.search_m{width:13%}

.main{max-width:640px;margin:auto;overflow:hidden;}

/*导航*/
.main nav{width:100%;overflow:hidden;margin:auto;left:0px;z-index:100;}
.main nav .container{max-width:640px;height:52px;padding-bottom:2px;margin:auto;position:relative;}
.main nav .container ul{overflow:hidden;position:absolute;top:0px;left:0px;transition:left ease-in .2s;}
.main nav .container ul li{width:106px;float:left;text-align:center;overflow:hidden;line-height:50px;font-size:20px;background:#fff;}
.main nav .container ul li a{display:block;width:100%;height:100%;color:#060001;}
.main nav .container ul li.on{border-bottom:2px solid #000;}

header .search{z-index:99;max-width:640px;margin:auto;overflow:hidden;border:1px solid #bbbbbb;border-radius:34px;background:#fff; display:none;transition:all ease-in 0.3s;-webkit-transition:all ease-in 0.3s;-moz-transition:all ease-in 0.3s;}

header .search .keywords{float:left;width:78.66%;margin:0 4%;font:1.714em/60px Microsoft Yahei;color:#cbcaca;outline:none;border:none;}

header .search .go{float:left;width:13.34%;height:60px;border:none;background:#fff url(/style/img/ico-search.png) center center no-repeat;background-size:65%;cursor:pointer;}

.H1{width:100%;margin:1% auto 0px auto;text-align:center;font-weight:normal;font-size:33px;line-height:64px;color:#fff;background:#262433;}
.H1::after{content:'';display:block;float:left;width:100%;height:2px;background:#262433;margin-top:0.5%;}

/*文本字体*/
.p_txt{text-indent:10%;font-size:23px;line-height:40px;}

/*商务通按钮*/
.swtBut{border-radius:10px;background:#544a92;text-align:center;color:#fff;font-size:32px;padding:2% 5%;}

/*底部*/
/*footer{width:100%;margin:auto;overflow:hidden;position:fixed;bottom:0px;left:0px;z-index:100;}
footer .container{max-width:640px;margin:auto;overflow:hidden;background:#191c25;}
footer .container li{height:100px;overflow:hidden;float:left;}
footer .container li:nth-child(1){width:30%;background:#937344;}
footer .container li:nth-child(2){width:50%;position:relative;background:#5c422b;}
footer .container li:nth-child(3){width:20%;background:#191c25;}
footer .container li a{width:100%;display:block;border:none;}
footer .container li img{width:100%;}
footer .container li span{display:block;width:46px;position:absolute;top:28px;left:74px;}
footer .container li span img{width:100%;}*/

.bounce{animation:bounce 3s infinite linear;-webkit-animation:bounce 3s infinite linear;-moz-animation:bounce 3s infinite linear;-o-animation:bounce 3s infinite linear;-ms-animation:bounce 3s infinite linear;}

@keyframes bounce{
	0%,80%,84%,90%,96%,100%{-webkit-transform:translateY(0)}
	88%{-webkit-transform:translateY(-6px)}
	92%{-webkit-transform:translateY(-3px)}
}
@-webkit-keyframes bounce{
	0%,80%,84%,90%,96%,100%{-webkit-transform:translateY(0)}
	88%{-webkit-transform:translateY(-6px)}
	92%{-webkit-transform:translateY(-3px)}
}
@-moz-keyframes bounce{
	0%,80%,84%,90%,96%,100%{-moz-transform:translateY(0)}
	88%{-moz-transform:translateY(-6px)}
	92%{-moz-transform:translateY(-3px)}
}
@-o-keyframes bounce{
	0%,80%,84%,90%,96%,100%{-o-transform:translateY(0)}
	88%{-o-transform:translateY(-6px)}
	92%{-o-transform:translateY(-3px)}
}
@-ms-keyframes bounce{
	0%,80%,84%,90%,96%,100%{-ms-transform:translateY(0)}
	88%{-ms-transform:translateY(-6px)}
	92%{-ms-transform:translateY(-3px)}
}

@media screen and (min-width:320px) and (max-width:375px){
	header .container li{height:49px;}	
	header .search .keywords{font:1em/35px Microsoft Yahei;}
	header .search .go{height:35px;}
	
	.main nav .container{height:42px;}
	.main nav .container ul li{line-height:42px;}

	/*footer .container li{height:49px;}
	footer .container li span{width:25px;top:13px;left:39px;}*/
	
}

@media screen and (min-width:375px) and (max-width:414px){
	header .container li{height:58px;}
	header .search .keywords{font:1.3em/45px Microsoft Yahei;}
	header .search .go{height:45px;}
	
	.main nav .container{height:47px;}
	.main nav .container ul li{line-height:47px;}
	
	/*footer .container li{height:58px;}
	footer .container li span{width:30px;top:13px;left:44px;}*/
	
}