@charset "utf-8";
/* 禁用iPhone中Safari的字号自动调整 */
html {
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
}
/* 去除iPhone中默认的input样式 */
input[type="submit"],

input[type="reset"],

input[type="button"],

input{-webkit-appearance:none; resize: none;}
/* 取消链接高亮  */
body,div,ul,li,ol,h1,h2,h3,h4,h5,h6,input,textarea,select,p,dl,dt,dd,a,img,button,form,table,th,tr,td,tbody,article,
aside, details,figcaption,figure,footer,header,hgroup, menu,nav,section{ -webkit-tap-highlight-color:rgba(0, 0, 0, 0); }

/* 图片自适应 */
/*img {
max-width: 100%;
height: auto;
width:auto\9;
-ms-interpolation-mode:bicubic;
}*/
/* 初始化 */
/**清除内外边距**/
*{margin: 0; padding: 0;}
body,button,input,select,textarea{font-family:"Microsoft YaHei","微软雅黑",tahoma,arial,simsun,"宋体";}
body { text-align: center;  margin: 0;  padding: 0; background: #FFF; font-size: 14px; color: #666;height:100%;max-width: 750px;margin:0 auto;}
html{height: 100%;margin:0 auto;}
div, form, img, ul, ol, li, dl, dt, dd, th, td, p, img, button{ margin: 0; padding: 0; border: 0; }
li, dl{ list-style-type:none; }
h1, h2, h3, h4, h5, h6, hr { margin: 0; padding: 0; font-weight: normal; font-size: 14px; text-decoration: none;}
table{  padding: 0; margin: 0;  }
img{ border: 0; }
textarea{ resize:none;}
a{blr:expression(this.onFocus=this.blur());}
a:focus{outline:none;}
i,b,em{font-style: normal;}

/**文字超过隐藏**/
.three_d{ white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}

/** 超链接元素**/
a{ color:#777; text-decoration:none; }
a:hover{ text-decoration: none; color:#777;}



.fll{ float: left; }
.flr{ float: right; }
.clear { clear: both; font-size: 1px; height: 0; line-height: 0px; }
.clearfix:before{ content: ""; display: table; }
.clearfix:after { clear: both; }
/* IE 6/7 */
.clearfix { zoom: 1; }

.weight{ font-weight: bold;}
.vertical{ vertical-align:-2px;}
.display{ display: none;}
.relative{ position: relative;}
.normal{ font-weight:normal; color: #666; }
.cursor{ cursor: pointer;}

/*------------------------------------------------------------------------------------------------------------------*/
/*导航*/
.menu_img{position: fixed;right:0;top:0;width: 13%;z-index: 4998;background: rgba(51,145,208,.8);}
.menu{position: fixed;right:-50%;top:0;width: 50%;height: 100%;background: #3391d0;z-index: 5000;opacity:0.95;}
.menu .back{border-bottom: 1px solid #1068a2;overflow:hidden;background: #3391d0;position: relative;z-index: 6000;}
.menu .back a{text-align: left;padding-left: 15%;float: left;}
.menu .menu_arr{float: right;width: 27%;border-left: 1px solid #1068a2;padding-top:25%;background: url(../images/menu_arr.png) no-repeat;background-size: cover;}
.menu a{font-size: 1rem;color:#fff;display:block;padding:6%;}
.menu_list_box{width: 100%;height: 100%;overflow:auto;position: absolute;top:0;bottom:0;box-sizing:border-box;padding-top: 24%;}
.menu .menu_list>li{border-bottom: 1px solid #1068a2;}
.menu .sub_menu{margin-bottom: -1px;display:none;}
.menu .sub_menu a{font-size: 0.88rem;padding:3%;}
.menu .sub_menu li{background: #1068a2;opacity:0.9;border-bottom: 1px solid #3391d0;}
/*导航--End--*/

.indexbg{background:#f3f3f3 url(../images/indexbg.jpg) no-repeat center center;background-size: 100% 100%;}
.logo{width:100%;padding-top: 6.68%;text-align: center;}
.logo img{width:44%;}
.nav{height: 54.5%;width: 100%;position: relative;}
.nav ul li{background: url(../images/navbg1.png) no-repeat center center;width: 12vw;padding-left: 8.5vw;padding-right: 8vw;height: 20vw;padding-top: 7vw;background-size: 100% 100%;position: absolute;z-index: 10;}
.nav ul li a{color:#4a87c7;font-size: 5vw;letter-spacing: 0.5vw;font-weight: bold;}
.nav ul li:nth-of-type(1){right:8%;top:11%;}
.nav ul li:nth-of-type(2){right:33%;top:34%;}
.nav ul li:nth-of-type(3){right:8%;top:56%;}


.nav ul li.fadeIn{-webkit-animation: fadeIn 1s;-moz-animation: fadeIn 1s;-o-animation: fadeIn 1s;-ms-animation: fadeIn 1s;animation: fadeIn 1s;}
.nav ul li.fadeIn2{-webkit-animation: fadeIn2 2s;-moz-animation: fadeIn2 2s;-o-animation: fadeIn2 2s;-ms-animation: fadeIn2 2s;animation: fadeIn2 2s;}
.nav ul li.fadeIn3{-webkit-animation: fadeIn3 3s;-moz-animation: fadeIn3 3s;-o-animation: fadeIn3 3s;-ms-animation: fadeIn3 3s;animation: fadeIn3 3s;}

/*-----------------------------------------------------animation------------------------------*/

@-webkit-keyframes fadeIn {
    0% {opacity: 0;-webkit-transform:scale(0);}
    25% {opacity: 0;-webkit-transform:scale(0);}
    100% {opacity: 1;-webkit-transform:scale(1);}
}
@-moz-keyframes fadeIn {
    0% {opacity: 0;-webkit-transform:scale(0);}
    25% {opacity: 0;-webkit-transform:scale(0);}
    100% {opacity: 1;-webkit-transform:scale(1);}
}

@-o-keyframes fadeIn {
    0% {opacity: 0;-webkit-transform:scale(0);}
    25% {opacity: 0;-webkit-transform:scale(0);}
    100% {opacity: 1;-webkit-transform:scale(1);}
}
@-ms-keyframes fadeIn {
    0% {opacity: 0;-webkit-transform:scale(0);}
    25% {opacity: 0;-webkit-transform:scale(0);}
    100% {opacity: 1;-webkit-transform:scale(1);}
}
@keyframes fadeIn {
    0% {opacity: 0;-webkit-transform:scale(0);}
    25% {opacity: 0;-webkit-transform:scale(0);}
    100% {opacity: 1;-webkit-transform:scale(1);}
}

@-webkit-keyframes fadeIn2 {
    0% {opacity: 0;-webkit-transform:scale(0);}
    25% {opacity: 0;-webkit-transform:scale(0);}
    100% {opacity: 1;-webkit-transform:scale(1);}
}
@-moz-keyframes fadeIn2 {
    0% {opacity: 0;-webkit-transform:scale(0);}
    25% {opacity: 0;-webkit-transform:scale(0);}
    100% {opacity: 1;-webkit-transform:scale(1);}
}
@-ms-keyframes fadeIn2 {
    0% {opacity: 0;-webkit-transform:scale(0);}
    25% {opacity: 0;-webkit-transform:scale(0);}
    100% {opacity: 1;-webkit-transform:scale(1);}
}
@-o-keyframes fadeIn2 {
    0% {opacity: 0;-webkit-transform:scale(0);}
    25% {opacity: 0;-webkit-transform:scale(0);}
    100% {opacity: 1;-webkit-transform:scale(1);}
}
@keyframes fadeIn2 {
    0% {opacity: 0;-webkit-transform:scale(0);}
    25% {opacity: 0;-webkit-transform:scale(0);}
    100% {opacity: 1;-webkit-transform:scale(1);}
}

@-webkit-keyframes fadeIn3 {
    0% {opacity: 0;-webkit-transform:scale(0);}
    25% {opacity: 0;-webkit-transform:scale(0);}
    100% {opacity: 1;-webkit-transform:scale(1);}
}
@-moz-keyframes fadeIn3 {
    0% {opacity: 0;-webkit-transform:scale(0);}
    25% {opacity: 0;-webkit-transform:scale(0);}
    100% {opacity: 1;-webkit-transform:scale(1);}
}
@-ms-keyframes fadeIn3 {
    0% {opacity: 0;-webkit-transform:scale(0);}
    25% {opacity: 0;-webkit-transform:scale(0);}
    100% {opacity: 1;-webkit-transform:scale(1);}
}
@-o-keyframes fadeIn3 {
    0% {opacity: 0;-webkit-transform:scale(0);}
    25% {opacity: 0;-webkit-transform:scale(0);}
    100% {opacity: 1;-webkit-transform:scale(1);}
}
@keyframes fadeIn3 {
    0% {opacity: 0;-webkit-transform:scale(0);}
    25% {opacity: 0;-webkit-transform:scale(0);}
    100% {opacity: 1;-webkit-transform:scale(1);}
}

.nav ol {position: relative;}
.nav ol li{width: 26%;position: absolute;right:3vw;top:15vw;}
.nav ol li:nth-of-type(2n){width: 60%;position: absolute;top:15vw;right: 11vw;}
.xx{position: absolute;left:18%;width:16%;}
.xx_img{position: absolute;top:100%;left:0;}

.top1_1{animation:top1_1 27500ms infinite;-webkit-animation:top1_1 27500ms infinite;}
.top1_2{animation:top1_2 27500ms infinite;-webkit-animation:top1_2 27500ms infinite;}
.top2_1{animation:top2_1 27500ms infinite;-webkit-animation:top2_1 27500ms infinite;}
.top2_2{animation:top2_2 27500ms infinite;-webkit-animation:top2_2 27500ms infinite;}
.top3_1{animation:top3_1 27500ms infinite;-webkit-animation:top3_1 27500ms infinite;}
.top3_2{animation:top3_2 27500ms infinite;-webkit-animation:top3_2 27500ms infinite;}
.top4_1{animation:top4_1 27500ms infinite;-webkit-animation:top4_1 27500ms infinite;}
.top4_2{animation:top4_2 27500ms infinite;-webkit-animation:top4_2 27500ms infinite;}
.top5_1{animation:top5_1 27500ms infinite;-webkit-animation:top5_1 27500ms infinite;}
.top5_2{animation:top5_2 27500ms infinite;-webkit-animation:top5_2 27500ms infinite;}



/*----------------------------------------------------animation2---------------------------------------------------*/
@-webkit-keyframes top1_1 {
    0% { opacity:0;top:40vw; }
    2% { opacity:1;top:15vw;}
    16% { opacity:1;top:15vw; }
    18% { opacity:0;top:0vw;}
    20%{opacity:0;}
    100%{opacity:0;}
}
@-webkit-keyframes top1_2 {
    0% { opacity:0;top:40vw; }
    1.8% { opacity:0;top:40vw; }
    4% { opacity:1;top:15vw;}
    16% { opacity:1;top:15vw; }
    18% { opacity:0;top:0vw;}
    20%{opacity:0;}
    100%{opacity:0;}
}
@keyframes top1_1 {
    0% { opacity:0;top:40vw; }
    2% { opacity:1;top:15vw;}
    16% { opacity:1;top:15vw; }
    18% { opacity:0;top:0vw;}
    20%{opacity:0;}
    100%{opacity:0;}
}
@keyframes top1_2 {
    0% { opacity:0;top:40vw; }
    1.8% { opacity:0;top:40vw; }
    4% { opacity:1;top:15vw;}
    16% { opacity:1;top:15vw; }
    18% { opacity:0;top:0vw;}
    20%{opacity:0;}
    100%{opacity:0;}
}
@-webkit-keyframes top2_1 {
    0% { opacity:0;top:40vw; }
    20% { opacity:0;top:40vw; }
    22% { opacity:1;top:15vw;}
    36% { opacity:1;top:15vw; }
    38% { opacity:0;top:0vw;}
    40%{opacity:0;}
    100%{opacity:0;}
}
@-webkit-keyframes top2_2 {
    0% { opacity:0;top:40vw; }
    20% { opacity:0;top:40vw; }
    21.8% { opacity:0;top:40vw; }
    24% { opacity:1;top:15vw;}
    36% { opacity:1;top:15vw; }
    38% { opacity:0;top:0vw;}
    40%{opacity:0;}
    100%{opacity:0;}
}
@keyframes top2_1 {
    0% { opacity:0;top:40vw; }
    20% { opacity:0;top:40vw; }
    22% { opacity:1;top:15vw;}
    36% { opacity:1;top:15vw; }
    38% { opacity:0;top:0vw;}
    40%{opacity:0;}
    100%{opacity:0;}
}
@keyframes top2_2 {
    0% { opacity:0;top:40vw; }
    20% { opacity:0;top:40vw; }
    21.8% { opacity:0;top:40vw; }
    24% { opacity:1;top:15vw;}
    36% { opacity:1;top:15vw; }
    38% { opacity:0;top:0vw;}
    40%{opacity:0;}
    100%{opacity:0;}
}
@-webkit-keyframes top3_1 {
    0% { opacity:0;top:40vw; }
    40% { opacity:0;top:40vw; }
    42% { opacity:1;top:15vw;}
    56% { opacity:1;top:15vw; }
    58% { opacity:0;top:0vw;}
    60%{opacity:0;}
    100%{opacity:0;}
}
@-webkit-keyframes top3_2 {
    0% { opacity:0;top:40vw; }
    40% { opacity:0;top:40vw; }
    41.8% { opacity:0;top:40vw; }
    44% { opacity:1;top:15vw;}
    56% { opacity:1;top:15vw; }
    58% { opacity:0;top:0vw;}
    60%{opacity:0;}
    100%{opacity:0;}
}
@keyframes top3_1 {
    0% { opacity:0;top:40vw; }
    40% { opacity:0;top:40vw; }
    42% { opacity:1;top:15vw;}
    56% { opacity:1;top:15vw; }
    58% { opacity:0;top:0vw;}
    60%{opacity:0;}
    100%{opacity:0;}
}
@keyframes top3_2 {
    0% { opacity:0;top:40vw; }
    40% { opacity:0;top:40vw; }
    41.8% { opacity:0;top:40vw; }
    44% { opacity:1;top:15vw;}
    56% { opacity:1;top:15vw; }
    58% { opacity:0;top:0vw;}
    60%{opacity:0;}
    100%{opacity:0;}
}
@-webkit-keyframes top4_1 {
    0% { opacity:0;top:40vw; }
    60% { opacity:0;top:40vw; }
    62% { opacity:1;top:15vw;}
    76% { opacity:1;top:15vw; }
    78% { opacity:0;top:0vw;}
    80%{opacity:0;}
    100%{opacity:0;}
}
@-webkit-keyframes top4_2 {
    0% { opacity:0;top:40vw; }
    60% { opacity:0;top:40vw; }
    61.8% { opacity:0;top:40vw; }
    64% { opacity:1;top:15vw;}
    76% { opacity:1;top:15vw; }
    78% { opacity:0;top:0vw;}
    80%{opacity:0;}
    100%{opacity:0;}
}
@keyframes top4_1 {
    0% { opacity:0;top:40vw; }
    60% { opacity:0;top:40vw; }
    62% { opacity:1;top:15vw;}
    76% { opacity:1;top:15vw; }
    78% { opacity:0;top:0vw;}
    80%{opacity:0;}
    100%{opacity:0;}
}
@keyframes top4_2 {
    0% { opacity:0;top:40vw; }
    60% { opacity:0;top:40vw; }
    61.8% { opacity:0;top:40vw; }
    64% { opacity:1;top:15vw;}
    76% { opacity:1;top:15vw; }
    78% { opacity:0;top:0vw;}
    80%{opacity:0;}
    100%{opacity:0;}
}
@-webkit-keyframes top5_1 {
    0% { opacity:0;top:40vw; }
    80% { opacity:0;top:40vw; }
    82% { opacity:1;top:15vw;}
    96% { opacity:1;top:15vw; }
    98% { opacity:0;top:0vw;}
    100%{opacity:0;}
}
@-webkit-keyframes top5_2 {
    0% { opacity:0;top:40vw; }
    80% { opacity:0;top:40vw; }
    81.8% { opacity:0;top:40vw; }
    84% { opacity:1;top:15vw;}
    96% { opacity:1;top:15vw; }
    98% { opacity:0;top:0vw;}
    100%{opacity:0;}
}
@keyframes top5_1 {
    0% { opacity:0;top:40vw; }
    80% { opacity:0;top:40vw; }
    82% { opacity:1;top:15vw;}
    96% { opacity:1;top:15vw; }
    98% { opacity:0;top:0vw;}
    100%{opacity:0;}
}
@keyframes top5_2 {
    0% { opacity:0;top:40vw; }
    80% { opacity:0;top:40vw; }
    81.8% { opacity:0;top:40vw; }
    84% { opacity:1;top:15vw;}
    96% { opacity:1;top:15vw; }
    98% { opacity:0;top:0vw;}
    100%{opacity:0;}
}



/*----------------------内页---------------------*/
.innerBody{background:url(../images/insbg.jpg) no-repeat left bottom;-webkit-background-size: cover;
    background-size: cover;}
.ins_bg{height: 100%;overflow: hidden;width: 100%;background: url(../images/ins_bg.png) no-repeat center center;background-size: 100% 100%;box-sizing: border-box;padding:11% 0 9%;}
.ins_wrap{padding:0 5%;overflow: auto;height: 100%;-webkit-overflow-scrolling:touch;box-sizing:border-box;width: 100%;}
.txt_ins_bg{padding:5% 0 9%;}

.ins_tit_bg{height: 60px; display:inline-block;margin:0 auto 20px;}
.sc_bg{background: url(../images/ins_tit_bg.png) no-repeat left center;background-size: auto 100%;height: 60px;width: 60px; float: left;position: relative;}
.ins_tit{font-size: 24px;font-weight: bold;color:#fff;line-height: 60px;background: url(../images/ins_tit_bg_r.png) no-repeat center;background-size: 100% 54px;padding-right: 44px;padding-left: 20px;margin-left: -10px; float: left;}

a.more{display:block;background: url(../images/more.png) no-repeat center;background-size: 100% 100%;width: 100%;margin:20px auto 20px;color:#fff;font-size: 14px;height: 40px;line-height: 40px;}


/*图片列表*/
.img_list{}
.imgListBox{border: 1px solid #409fbf;padding:2px;}
.imgtxtlist ul{overflow: hidden;}
.img_list li{float: left;width: 48%;}
.img_list li:nth-of-type(2n){float: right;}
.imglistB{padding-bottom:10px;}
.imglistB h5{height: 30px;line-height: 30px; font-size: 16px;width: 100%;text-align: center;overflow:hidden;color:#585858;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.imglistT{width:100%;padding-top: 58%;border: 3px solid #f39a23;background-size: cover;background-position: center;box-sizing: border-box;overflow: hidden;}
.ins_bg_top{width: 98%; margin:13% auto 0; display:block;}
.ins_bg_bottom{width: 98%;margin:0 auto 1%; display:block;}

/*图文列表*/
.i_list{margin-top: 12px;}
.i_list ul{overflow: hidden;}
.i_list ul li{ width: 100%; margin:0 auto 3%;position: relative;box-sizing:border-box;height: 5rem;}
.i_list ul li .i_l_img{ text-align: left; float: left;width:44.4%;height: 100%;position: relative;background-repeat: no-repeat;background-size: cover;background-position: center center;}
.i_l_img_wrap{position: absolute;top: 0;right: -1px;bottom: 0;left: 0;background: url(../images/imglistbg.png) no-repeat;background-size: 100% 100%;}

.i_list ul li .i_l_text{ text-align: left; width:55.6%; float: left;background: url(../images/imglistbg_c.png) repeat-x;background-size: auto 100%;height: 100%;position: relative;}
.i_list ul li .i_l_t_t{ font-size:18px; color:#585555; line-height:26px;padding-top: 10px;}
.i_list ul li .i_l_t_p{font-size: 12px;height:1.2em;overflow:hidden;line-height: 1.2em;color:#acacac;text-align: right;}
.i_list ul li .i_l_t_c{line-height:20px;height: 40px;overflow: hidden;font-size: 14px; }
.i_l_t_bg{background: url(../images/imglistbg_r.png) no-repeat;background-size: 100% 100%; position: absolute;top: 0;bottom: 0;right: 0;width: 43px;height: 100%;}
.i_l_t_bg_w{position: relative;margin-right: 32px;height: 100%;}


.article{}
.article .title{font-size: 22px;color:#000000;width: 80%;margin:0 auto 4%;text-align: center;}
.article .content{font-size: 18px;text-align: center;}
.article .content p{text-align: left;}
.content img{max-width:100%;}
/*表格统一样式*/
.article td{border-style: solid;border-width: 1px;}

/*联系我们*/
.btn_blue{display:block;background: url(../images/btn_bg_blue.png) no-repeat center;background-size: 100% 100%;width: 100%;margin:20px auto 20px;color:#fff;font-size: 14px;height: 40px;line-height: 40px;}
.map_wrap{margin:0 auto;width: 100%;}
.mss{text-align: left;margin:18px 0 0;padding-left: 10px;}
.addr{font-size: 16px;}
.phone{font-size: 16px;margin-bottom: 18px;}
.mss img{vertical-align: -2px;margin-right: 3px;}

/* 把手机分为 3 档  */
/* 400 以下   400  -  480 一档  480 以上的是一档  */

@media screen and (max-width:320px) {
    html{
        font-size: 15px;
    }
}
@media (min-width: 321px) and (max-width: 400px) {
    html{
        font-size: 20px;
    }

}
@media (min-width: 401px) and (max-width: 480px) {
    html{
        font-size: 20px;
    }
}
@media screen and (min-width: 481px) {
    html{
        font-size: 25px;
    }
    .i_l_t_c{margin:10px 0;}
}