@charset "utf-8";
/* Style Reset */
body,p,h1,ul,li,input,img,label{margin:0; padding:0;}
ul, ol, li, dl, dt, dd {list-style:none;}
a{text-decoration:none;outline:0px;}
img {border:0;max-width:100%;display:block}
.clear {clear:both;width:100%;}
/* default */
#afui{background:#1e2a4c}
#afui .header {height:90px;background:#101b3a;}
#afui .footer {height:106px;background:#101b3a}
#afui > #aside_menu,
#afui > #menu.tabletMenu {background:#182343;box-shadow:4px 0 4px #151f3d inset;}
#afui .list li {border-bottom:1px solid #121b39;}
#afui #aside_menu .list > li > a, #afui #menu .list > li > a{color:#ec9d07;text-align:center;font:16px/1 "microsoft yahei";border-bottom:1px solid #222e52;background:url(../br/icons1.jpg) 16% center no-repeat;background-size:6px}
.all {background:#1e2a4c;}
/* top & foot */
.top{width:100%;height:90px;position:relative;background:#101b3a}
.navbtn{display:block;float:right;width:15%; height:100%}
.search-btn{display:block;float:left;width:15%; height:100%}
.logo{position:absolute;display:block;width:64.53125%;left:17.5%;top: 25.8%;}
.search{position:absolute;width:94.375%;z-index:999;top:90px;left:2.8125%;background:rgba(255,255,255,.7);border:1px solid #fff;overflow:hidden;height:auto;color:#18264b;display:none}
.search form{width:100%;height:auto;overflow:hidden;color:#18264b;position:relative}
.text::-webkit-input-placeholder{color:#18264b}
.text{float:left;width:70%;padding:2% 3%;font:14px/1 "microsoft yahei";color:#18264b;border:0;background:none;color:#18264b}
.searchbtn{position:absolute;right:0;top:0;width:20%;height:100%;background:url(../br/searchico.png) center center no-repeat;background-size:30.62%;border:0}
#footer a{display:block;float:left;width:19.6%;border-left:1px solid #1e2a4c;height:106px;text-align:center;font:14px/166px "microsoft yahei";color:#748ac8;}
#footer a:first-child{border-left:0}
.sms{background:url(../br/sms.jpg) center 24% no-repeat;background-size:34.375%}
.tel{background:url(../br/tel.jpg) center 24% no-repeat;background-size:37.5%}
.map{background:url(../br/map.jpg) center 24% no-repeat;background-size:31.25%;border-left:0}
#footer a.f-online{background:url(../br/online.jpg) center 24% no-repeat #4c59a9;background-size:44.53125%;height:121px;border-bottom:4px solid #232d82;border-radius:4px;margin-top:-15px;border-left:0;line-height:180px;color:#fff;}
.share{background:url(../br/share.jpg) center 24% no-repeat;background-size:36.71875%}
/* banner */
.big-pic{width:100%;position:relative;z-index:2;}
.big-pic-in{position:relative;width:100%;height:auto;overflow:hidden;margin:0 auto;}
.pic-list{position:relative;height:auto;-webkit-transform:translate3d(0,0,0); z-index:0;}
.big-pic img{float:left;height:auto; width:100%;display:block;}
.big-pic2 .pic-list{width:200%;}
.big-pic2 .pic-list img{width:50%;}
.big-pic3 .pic-list{width:300%;}
.big-pic3 .pic-list img{width:33.333334%;}
.big-pic4 .pic-list{width:400%;}
.big-pic4 .pic-list img{width:25%;}
.slide-dot{width:90%;text-align:left;height:16px;padding-top:4px;overflow:hidden;position:absolute;bottom:5px;padding-left:5%}
.slide-dot span{display:inline-block;width:8px;height:8px;border-radius:8px;vertical-align:top; z-index:10;margin:0 2%;background:#101b3a}
.slide-dot span.slide-dot-cur{z-index:10;vertical-align:top;background:#e99212}
.transition {-moz-transition: -moz-transform 0.3s ease-out; -webkit-transition: -webkit-transform 0.3s ease-out; -o-transition: -o-transform 0.3s ease-out; transition: transform 0.3s ease-out;}
/* index */
.index-sort{width:100%;height:auto;overflow:hidden;box-shadow:0 4px 4px #192937;}
.leftbtn{float:left;height:60px;width:5.46875%;background:#293478;cursor:pointer}
.leftbtn p{height:60px;width:100%;background:url(../br/leftbtn.jpg) center center no-repeat #293478;background-size:34.28%;}
.rightbtn p{height:60px;width:100%;background:url(../br/rightbtn.jpg) center center no-repeat #293478;background-size:34.28%;}
.rightbtn{float:left;height:60px;width:5.46875%;background:#293478;cursor:pointer}
.sort-box{float:left;height:60px;width:89.0625%;background:#4c59a9;overflow:hidden;position:relative}
.sort-box ul{width:10000px;height:60px;position:absolute;left:0;top:0}
.sort-box ul li{width:142px;height:60px;border-left:1px solid #363f83;float:left;}
.sort-box ul li a{display:block;width:100%;height:60px;text-align:center;font:14px/60px "microsoft yahei";color:#fff;}
.title1{width:93.75%;height:54px;margin:3% auto;background:url(../br/title1.jpg) 0 0 no-repeat #e99212;background-size:auto 100%;overflow:hidden}
.title2{width:93.75%;height:54px;margin:3% auto;background:url(../br/title2.jpg) 0 0 no-repeat #da5959;background-size:auto 100%;overflow:hidden}
.title3{width:93.75%;height:54px;margin:3% auto;background:url(../br/title3.jpg) 0 0 no-repeat #439a2f;background-size:auto 100%;overflow:hidden}
.title1 span,.title2 span,.title3 span{float:left;font:20px/54px "microsoft yahei";color:#fff;padding-left:4%;}
.title1 p{float:left;font:12px/60px "Times New Roman";color:#f8d39e;text-transform:uppercase;padding-left:1%;letter-spacing:1px}
.title2 p{float:left;font:12px/60px "Times New Roman";color:#feadad;text-transform:uppercase;padding-left:1%;letter-spacing:1px}
.title3 p{float:left;font:12px/60px "Times New Roman";color:#95dd85;text-transform:uppercase;padding-left:1%;letter-spacing:1px}
.title1 a{float:right;font:14px/54px "microsoft yahei";color:#7a4e04;padding:0 2%;}
.title2 a{float:right;font:14px/54px "microsoft yahei";color:#9f1818;padding:0 2%;}
.title3 a{float:right;font:14px/54px "microsoft yahei";color:#074914;padding:0 2%;}
.index-product{width:95%;margin:2% auto;overflow:hidden;}
.index-product li{width:50%;float:left;}
.index-product li a{display:block;width:97.36%;margin:0 auto 4%;position:relative;overflow:hidden;}
.index-product li a img{display:block;width:100%}
.index-product li a span{display:block;width:100%;position:absolute;left:0;bottom:0;text-align:center;text-overflow:ellipsis;overflow:hidden;white-space:normal;font:16px/36px "microsoft yahei";color:#fff;background:rgba(0,0,0,.75)}
.index-news{width:93.75%;margin:2% auto;background:#101b3a;overflow:hidden;}
.index-news li{width:100%;border-bottom:1px dashed #1e2a4c;height:auto;background:url(../br/icons2.jpg) 92.67% center no-repeat;background-size:1.83%;}
.index-news li a{display:block;width:100%;height:auto;overflow:hidden;}
.index-news li a span{display:block;width:86%;font:16px/54px "microsoft yahei";color:#8695bf;text-indent:1em;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}
.index-news li:last-child{border-bottom:0}
.down{display:block;width:93.75%;margin:2% auto 4%;overflow:hidden;}
.overflow{width:100%;overflow:hidden;height:auto;}
.down img{display:block;width:100%}
/* subpage */
.top-back{display:block;float:left;width:15%;}
.toptitle{width:68%;float:left;height:90px;text-align:center;font:22px/90px "microsoft yahei";color:#b68616;overflow:hidden}
.about{width:93.75%;margin:0 auto;overflow:hidden;font:14px/180% "microsoft yahei";color:#92a3d3;padding:2% 0}
.back{display:block;font:18px/32px "microsoft yahei";color:#b68616;text-align:center;padding-bottom:8%}
.news{width:100%;overflow:hidden;height:auto;margin-bottom:4%;}
.news li{width:100%;height:auto;overflow:hidden;background:url(../br/icons3.png) 5.625% center no-repeat;background-size:6px;}
.news li a{display:block;width:79.375%;margin:0 auto;height:58px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;font:14px/58px "microsoft yahei";color:#92a3d3;}
.news li:nth-child(2n){background-color:#172242}


.cuxiao{width:100%;overflow:hidden;height:auto;margin-bottom:4%;}
.cuxiao li{width:100%;height:auto;overflow:hidden;background:url(../br/icons3.png) 5.625% center no-repeat;background-size:6px;}
.cuxiao li a{display:block;width:79.375%;margin:0 auto;height:58px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;font:14px/58px "microsoft yahei";color:#92a3d3;}
.cuxiao li:nth-child(2n){background-color:#172242}



.sub-title{width:100%;margin:3% auto;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;font:14px/56px "microsoft yahei";color:#92a3d3;border-top:1px solid #03060e;border-bottom:1px solid #03060e;background:#172242;box-shadow: 0 0 3px #203162 inset;text-align:center;}
.page{width:100%;margin:1% auto 2%;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;font:14px/56px "microsoft yahei";color:#92a3d3;border-top:1px solid #03060e;border-bottom:1px solid #03060e;background:#172242;box-shadow: 0 0 3px #203162 inset;text-indent:5%;display:block;}
/* product */
.sub-sort{width:93.75%;margin:0 auto;overflow:hidden;height:auto;padding:2% 0;}
.sub-sort p{float:left;font:14px/50px "microsoft yahei";color:#b68616;}
.sub-sort a{display:block;float:right;display:block;width:20.33%;height:50px;border:1px solid #2f4173;background:#101b3a;text-align:center;font:14px/50px "microsoft yahei";color:#90a1d2}
.product{width:96.875%;margin:2% auto 4%;overflow:hidden;}
.product li{width:50%;float:left;overflow:hidden}
.product li a{display:block;width:93.54%;margin:0 auto;text-align:center;font:14px/54px "microsoft yahei";text-overflow:ellipsis;overflow:hidden;white-space:nowrap;color:#90a1d2;position: relative;}
.product li a span{display: block;}
.product li a img{display:block;width:100%;}
.product li a img.xa{position:absolute;top:0;height: 100%;}
.sort-title{width:100%;margin:3% 0;height:56px;font:14px/56px "microsoft yahei";color:#de9603;text-overflow:ellipsis;overflow: hidden;white-space: nowrap;text-indent:6%;background:#172344}
.sort-list{width:100%;overflow:hidden}
.sort-list a{float:left;display:block;width:20.3125%;border:1px solid #2f4173;background:#101b3a;text-align:center;font:14px/40px "microsoft yahei";color:#90a1d2;margin-left:3.7%;margin-bottom:3%;text-overflow: ellipsis;overflow: hidden;white-space: nowrap}
.about img{display:block;margin:0 auto;max-width:100%}
.view-btn{width:83.75%;margin:0 auto;overflow:hidden;padding-bottom:2%}
.view-btn p{float:left;font:16px/50px "microsoft yahei";color:#b68616;}
.view-btn a{float:right;display:block;width:22.76%;height:50px;border:1px solid #2f4173;background:#101b3a;text-align:center;font:14px/50px "microsoft yahei";color:#b68616;}
.view-title{width:100%;background:url(../br/icons5.jpg) 93.125% center no-repeat #162141;height:auto;background-size:2.8125%}
.view-title p{width:92.1875%;text-overflow:ellipsis;overflow: hidden;white-space:nowrap;background:url(../br/icons4.jpg) 4.375% center no-repeat;text-indent:7.03125%;color:#90a1d2;font:14px/54px "microsoft yahei";background-size:1.69%;}
.view-team-title{width:90%;text-align:center;font:14px/54px "microsoft yahei";color:#fff;margin:2% auto 0;}
.border{width:100%;height:0;overflow:hidden;border-top:1px solid #1f3470;border-bottom:1px solid #101b3a;margin-bottom:2%;}
/* msg & online */
.online{width:100%;overflow:hidden;padding:2% 0}
.online li{width:100%;height:auto;padding:1% 0}
.online li p{float:left;width:26.5625%;height:40px;margin-left:2.8125%;font:16px/40px "microsoft yahei";color:#de9603;white-space:nowrap;overflow:hidden;text-align:right}
.online-input{float:left;width:50.5%;height:38px;border:1px solid #2f4173;background:#101b3a;font:14px/38px "microsoft yahei";color:#f2d0f9;text-indent:1em;border-radius:0}
.online-input2{float:left;width:31.5%;height:38px;border:1px solid #2f4173;background:#101b3a;font:14px/38px "microsoft yahei";color:#f2d0f9;text-indent:1em;border-radius:0}
.online-input3{float:left;width:62.5%;height:38px;border:1px solid #2f4173;background:#101b3a;font:14px/38px "microsoft yahei";color:#f2d0f9;text-indent:1em;border-radius:0}
.pin{float:left;width:30.46875%;height:38px;border:1px solid #2f4173;background:#101b3a;font:14px/38px "microsoft yahei";color:#f2d0f9;text-indent:0.2em;border-radius:0}
.textarea{float:left;width:62.5%;height:112px;border:1px solid #2f4173;background:#101b3a;font:14px/28px "microsoft yahei";color:#f2d0f9;border-radius:0;padding:0 2%;resize: none}
.submit{display:inline-block;width:31.25%;margin:2%;height:46px;text-align:center;font:14px/46px "microsoft yahei";color:#b68616;background:#162141;border:1px solid #090e1c;margin-right:2%;border-radius:0;box-shadow:0 0 2px #2d4283 inset;-webkit-appearance:none;}
.reset{display:inline-block;width:31.25%;margin:2%;height:46px;text-align:center;font:14px/46px "microsoft yahei";color:#b68616;background:#162141;;border:1px solid #090e1c;border-radius:0;box-shadow:0 0 2px #2d4283 inset;-webkit-appearance:none;}
.online-btns{width:100%;text-align:center;overflow:hidden;padding:0 0 2% 0;}
.pin-img{float:left;display:block;width:12.65625%;margin:0.5% 1%;}
.online li span{float:left;font:14px/38px "microsoft yahei";color:#f2d0f9;}
.online li span.red{color:red;margin-left:4%}
.online li label{width:16%;float:left;font:14px/38px "microsoft yahei";color:#de9603;margin-left:5%;}
.online li label input{vertical-align:text-bottom; margin-bottom:2px;margin-right:2%}
@media all and (min-width:640px){
.all,footer{width:640px;margin:0 auto;}
}
@media all and (min-width:480px) and (max-width:639px){
    #afui .header ,.top,.toptitle{height:67px;line-height:67px;}
    .search{top:67px;}
    #afui .footer {height:80px;}
    #footer a{height:80px;line-height:123px;font-size:15px;}
    .sort-box ul,.sort-box ul li,.sort-box ul li a,.leftbtn,.rightbtn,.sort-box,.title1 p,.title2 p,.title3 p,.news li a,.rightbtn p,.leftbtn p{height:45px;line-height:45px;}
	
	.cuxiao li a{height:45px;line-height:45px;}
	
    .sort-box ul li{width:107px;}
    .title1,.title1 span,.title1 a,.index-product li a span,.title2,.title2 span,.title2 a,.title3,.title3 span,.title3 a,.index-news li a span,.sort-title,.view-btn p,.view-btn a{height:42px;line-height:42px;}
    .product li a{line-height:42px;}
    .sort-list a{height:33px;line-height:33px;}
}
@media all and (max-width:479px){
    .font14,.index-product li a span,.index-news li a span{font-size:14px;}
    .font16,.title1 span,.title2 span,.title3 span,.back{font-size:16px;}
    #afui .header ,.top,.toptitle{height:50px;line-height:50px;font-size:18px}
    #afui .footer {height:53px;}
    #footer a{height:53px;line-height:83px;font-size:12px;}
    .search{top:45px;}
    #footer a.f-online{height:61px;margin-top:-8px;border-bottom-left-radius:2px;border-bottom-right-radius:2px;}
    #footer a.f-online{line-height:90px;}
    .sort-box ul,.sort-box ul li,.sort-box ul li a,.leftbtn,.rightbtn,.sort-box,.title1 p,.title2 p,.title3 p,.news li a,.sub-title,.page,.rightbtn p,.leftbtn p{height:30px;line-height:30px;}
	.cuxiao li a{height:30px;line-height:30px;}
    .sort-box ul li{width:71px;}
    .title1,.title1 span,.title1 a,.index-product li a span,.title2,.title2 span,.title2 a,.title3,.title3 span,.title3 a,.index-news li a span,.sub-sort p,.sub-sort a,.sort-title,.view-btn p,.view-btn a,.view-title p{height:27px;line-height:27px;}
    .product li a{line-height:27px;}
    .sort-list a{height:22px;line-height:22px;}
    .online li p,.online-input,.select-font,.pin,.online li span,.online-input2,.online-input3,.online li label{height:28px;line-height:28px;font-size:14px}
    .pin-img{margin-top:1.5%;height:20px}
    .submit,.reset{height:30px;line-height:30px;font-size:14px}
}