@charset "utf-8";

*{margin:0;padding:0;box-sizing:border-box;}
body{font-size:13px;color:#666;font-family:'微软雅黑';}

img{display:block;max-width:100%;border:0}
ul, li{list-style:none}
a{text-decoration:none;display:block;-webkit-tap-highlight-color:rgba(255, 255, 255, 0);-webkit-user-select:none;-moz-user-focus:none;-moz-user-select:none; color:#fff}
/* CSS Document */
.wrap{margin:0 auto; max-width:640px; min-width:320px; height:auto}

.top{width:100%; height:60px; background:url(../images/wapendbg.jpg) no-repeat center; background-size: cover}
.top h3{font-size:22px; color:#fff; text-align:center; width:100%;  padding-top:20px; margin:0 auto}

/*------手机站导航开始----------*/
.sp_header{height:40px;overflow:hidden;background:#fff;}
.sp_logo{padding:5px;float:left;height:30px}
.sp_logo img{margin:auto;max-height:30px;}
.sp_nav{width:50px;float:right;position:relative;cursor:pointer;height:30px;margin-top:15px}
.sp_nav span{display:block;background:#555555;width:20px;height:2px;position:absolute;left:10px;transition:all ease 0.35s}
.sp_nav span:nth-of-type(1){top:0px}
.sp_nav span:nth-of-type(2){top:8px}
.sp_nav span:nth-of-type(3){top:16px}
.sp_nav_se span:nth-of-type(1){top:10px;transform:rotate(45deg)}
.sp_nav_se span:nth-of-type(2){width:0}
.sp_nav_se span:nth-of-type(3){top:10px;transform:rotate(-45deg)}
.sjj_nav{position:fixed;z-index:9;background:#eee;width:100%;height:calc(100% - 104px);font-size:14px;line-height:40px;top:-100%;left:0;overflow:auto;overflow-x:hidden;transition:top ease 0.35s;}
.nav_show{top:100px}
.sjj_nav>ul>li:first-child{overflow:hidden;border-top:0}
.sjj_nav>ul>li:first-child>a{float:left;width:calc(100% - 70px)}
.sjj_nav>ul>li:first-child .language{float:right;width:70px;overflow:hidden;line-height:30px;margin-top:5px}
.sjj_nav>ul>li:first-child .language a{width:35px;float:left;border-left:1px #ddd solid;text-align:center;color:#999;}
.sjj_nav ul li i{position:absolute;top:5px;right:0px;border-left:1px #ddd solid;height:30px;padding:0px 7px 0 7px;}
.sjj_nav ul li i svg{transform:rotate(-90deg);transition:all ease 0.35s}
.sjj_nav ul li .sjj_nav_i_se svg{transform:rotate(0deg)}
.sjj_nav ul li{border-top:1px #ddd solid;margin-left:20px;position:relative;line-height:40px;font-size:14px}
.sjj_nav>ul >li:last-child{border-bottom:1px #ddd solid;}
.sjj_nav ul li ul{display:none}
.sjj_nav ul li a{color:#666;width:80%}
.sjj_nav ul li ul li a{color:#999;display:block;text-align:left;}
.sjj_nav ul li i svg{width:20px;height:20px;fill:#555;}
.sjj_nav ul li .sjj_nav_i_se svg{fill:#c9141e}
.sjj_nav ul li ul li>ul{margin-left:10px}
/*--------------------手机站导航结束----------*/

.xl_com{ width:100%; max-width:640px; margin:0px auto; font-family:"Microsoft YaHei","黑体"; color:#fff; position:relative;}
.xl_title_h3{ width:100%; font-size:38px; line-height:50px; text-align:center; position:absolute; left:0px;}
.xl_text_p{line-height:22px;  position:absolute; margin:0 auto}
.xl_dtjs{ padding-top:10px; padding-left:10px; transition: all 0.5s linear 0s;filter:alpha(opacity=0); -moz-opacity:0; opacity:0;}
.xl_hov{ padding-top:0px; filter:alpha(opacity=100); -moz-opacity:1; opacity:1;}
.xl_hovo{ padding-top:0px;}
.tc{width:100%; height:60px; background:#fff}

.xl_com01_bg{ width:100%; margin-top:0px; height:auto; }
/*.xl_com01_pic{ padding-top:65px; overflow:hidden;}
.xl_com01_pic .pic1{ width:520px; height:400px; font-size:0px; line-height:0px; float:left; overflow:hidden; transition: all 0.3s linear 0s;}
.xl_com01_pic .pic1:hover{ margin-top:-5px;}
.xl_com01_pic .pic_r{ width:680px; float:left; overflow:hidden; padding-top:5px; margin-top:-5px;}
.xl_com01_pic .pic_r div{ height:205px; padding-top:5px; margin-top:-5px; overflow:hidden;}
.xl_com01_pic .pic_r dl{ text-align:center; float:left; margin:0px 0px 16px 16px; overflow:hidden; transition: all 0.3s linear 0s;}
.xl_com01_pic .pic_r dl:hover{ margin-top:-5px;}
.xl_com01_pic .pic_r dd{ font-size:0px; line-height:0px; overflow:hidden;}
.xl_com01_pic .pic_r dt{ font-size:14px; line-height:25px;}
.xl_com01_pic .pic_r dt h3{ line-height:45px; font-size:18px; font-weight:bold;}*/
.xl_com01_pic .pic2{ width:324px; height:168px; padding-top:22px; background:#11b860;}
.xl_com01_pic .pic3{ width:324px; height:160px; padding-top:30px; background:#1e99ff;}
.xl_com01_pic .pic3 dd{ padding-bottom:15px;}
.xl_com01_pic .pic4{ width:235px; height:164px; padding-top:30px; background:#fda400;}
.xl_com01_pic .pic4 dd{ padding-bottom:15px;}
.xl_com01_pic .pic4 dt h3{ line-height:35px;}
.xl_com01_pic .pic5{ width:237px; height:179px; padding-top:15px; background:#2578b0;}
.xl_com01_pic .pic5 dt h3{ line-height:35px;}
.xl_com01_pic .pic5 dd{ padding-top:15px;}
.xl_com01_pic .pic6{ width:160px; height:179px; padding-top:15px; background:#ff6000;}
.xl_com01_pic .pic6 a{color:#fff}
.xl_com01_pic .pic6 a:hover{text-decoration:none}
.xl_com01_pic .pic6 dt{ font-size:29px; line-height:42px; font-weight:bold;}
.xl_com01_pic .pic6 dd{ padding-top:8px;}
.xl_com01_text h1{ width:100%; font-size:26px; font-weight:bold; height:50px; line-height:32px; text-align:center; position:absolute; left:0px; top:15px;}
.xl_com01_text p{ top:120px; font-size:16px}




.xl_com02_bg{ width:100%; height:auto;}
.xl_com02 h3{ font-size:14px; font-weight:bold; height:50px;  text-align:left; position: absolute; top:-150px;  }
.xl_com02 p{  font-size:10px; position:absolute; top:-115px; line-height:16px }
.xl_com02 dl{width:100%; height:auto; min-height:180px; background:#022c4e}
.xl_com02 dd{width:80%; height:auto; float:right; padding-right:2%}
.xl_com02 dd h6{  font-size:14px; font-weight:bold;  padding-right:2%; padding-top:10px; padding-bottom:10px; text-align:right; width:100%;}
.xl_com02 dd span{  font-size:10px; padding-bottom:10px; clear:both; line-height:16px  }

.xl_com03_bg{ width:100%; height:auto;  }
.xl_com03{}

.xl_com03 .nr{width:100%; height:auto; position:absolute; top:-240px;}
.xl_com03 .left{width:30%; height:auto; float:left; padding-top:50px;}
.xl_com03 .right{width:100%; height:auto; float:right}
.xl_com03 .right h3{ width:100%;  font-size:14px; font-weight:bold;  text-align:center; position: absolute; top:15px; color:#555  }
.xl_com03 .right p{  font-size:10px; position:absolute; top:40px; width:100%; height:auto;  color:#555; }
.xl_com03 .right img{float:left; width:30%; height:auto; padding:5px}

/*.xl_com03_bg{ width:100%; height:735px; background:url(../images/xl_com03_bg.jpg) #e1e4d7 center top no-repeat;}
.xl_com03{}
.xl_com03 p{ top:190px;}
.xl_com03 ul{ width:100%; overflow:hidden; position:absolute; top:480px;}
.xl_com03 li{ width:33%; font-size:0px; line-height:0px; float:left; text-align:center;}*/

.xl_com04_bg{ width:100%; height:auto;}
.xl_com04{ width:100%;}
.xl_com04 h3{ font-size:14px; font-weight:bold; height:50px;  text-align:left; position: absolute; top:-90px;  }
.xl_com04 p{  font-size:10px; position:absolute; top:-50px; line-height:16px }
.xl_com04 dl{width:100%; height:auto; min-height:180px; background:#022c4e}
.xl_com04 dd{width:100%; height:auto; float:right; padding-right:2%}
.xl_com04 dd h6{  font-size:14px; font-weight:bold;  padding-right:2%; padding-top:10px; padding-bottom:10px; text-align:right; width:100%;}
.xl_com04 dd span{  font-size:10px; padding-bottom:10px; clear:both; line-height:16px  }
.xl_com04 dd img{float:left; width:40%; height:auto; padding:5px}




.xl_com05_bg{ width:100%; height:auto;}
.xl_com05{}

.xl_com05 .nr{width:100%; height:auto; position:absolute; top:-195px;}
.xl_com05 .right{width:100%; height:auto; float:right}
.xl_com05 .right h3{ width:100%;  font-size:14px; font-weight:bold;  text-align:center; position: absolute; top:15px; color:#555  }
.xl_com05 .right p{  font-size:10px; position:absolute; top:40px; width:100%; height:auto;  color:#555; }
.xl_com05 .right img{float:right; width:30%; height:auto; padding:5px}



.xl_com06_bg{ width:100%;}
.xl_com06 h3{ font-size:14px; font-weight:bold; height:50px;  text-align:left; position: absolute; top:-100px;  }
.xl_com06 p{  font-size:10px; position:absolute; top:-180px; line-height:16px; width:80% }

.xl_com07_bg{ width:100%; height:auto;}
.xl_com07{ }
.xl_com07 h3{ width:100%;  font-size:14px; font-weight:bold;  text-align:center; position: absolute; top:-110px; color:#022c4e  }
.xl_com07 p{  font-size:10px; position:absolute; top:-90px; width:100%; height:auto;  color:#022c4e; }

.xl_com08_bg{ width:100%; height:auto;}
.xl_com08 h3{ width:45%;  font-size:14px; font-weight:bold;  text-align:center; position: absolute; top:-200px; color:#022c4e  }
.xl_com08 p{  font-size:10px; position:absolute; top:-180px; width:48%; height:auto;  color:#022c4e; line-height:16px}

.xl_com09_bg{ width:100%; height:auto;}
.xl_com09 h3{top:-160px; font-size:14px; position:absolute;width:100%; color:#022c4e;   text-align:center }
.xl_com09 p{ top:-140px; font-size:10px; position:absolute; width:100%; color:#022c4e;  line-height:16px; text-align:center }

.xl_com10_bg{ width:100%; height:auto;}
.xl_com10 h3{ width:50%;  font-size:14px; font-weight:bold;  text-align:center; position: absolute; top:-180px; color:#022c4e  }
.xl_com10 p{  font-size:10px; position:absolute; top:-160px; width:55%; height:auto;  color:#022c4e; line-height:16px}

.xl_com11_bg{ width:100%; height:auto;}
.xl_com11 h3{top:-30px; font-size:14px; position:absolute;width:100%; color:#022c4e;   text-align: center; font-weight:bold }
.xl_com11 p{ top:-110px; font-size:10px; position:absolute; width:100%; color:#022c4e;  line-height:18px; text-align:left; }

.xl_com12_bg{ width:100%; height:auto;}




/*@media screen and (max-width:640px){
.xl_com01_pic .pic1{ width:-webkit-calc(100% - 10px); height:auto; margin-bottom:5px;}
.xl_com01_pic .pic1 img{ width:100%;}
.xl_com01_pic .pic_r{ width:-webkit-calc(100% - 10px);}
.xl_com01_pic .pic_r dl{ width:-webkit-calc(50% - 2px); margin:0px 0px 5px 0px;}
.xl_com01_pic .pic_r .pic2{ width:100%; margin-right:0px;}
.xl_com01_pic .pic_r .pic3{ height:164px;}
.xl_com01_pic .pic_r .pic3,.xl_com01_pic .pic_r .pic5{ margin-right:4px;}
.xl_com01_text h1{ font-size:24px;}
.xl_com01_text span{ font-size:12px;}
.xl_title_h3{ font-size:24px;}
.xl_text_p{ font-size:14px; line-height:20px;}
.xl_com03_bg{ height:830px; background-position: center 0px;}
.xl_com03 p{ top:65px;}
.xl_com03 ul{ top:210px;}
.xl_com03 li{ width:100%; margin-bottom:5px;}
.xl_com03 li img{ width:auto;}
.xl_com04_bg{}
.xl_com04 dt{ padding-bottom:20px;}
.xl_com04 dt h3{ font-size:24px; line-height:40px;}
.xl_com04 dt p{ font-size:18px; line-height:30px;}
.xl_com05_bg{ height:395px;}
.xl_com05 h3,.xl_com05 h4{ width:100%; left:0px; }
.xl_com05 h4{ text-indent:3em; top:140px;}
.xl_com05 p{ width:100%; left:0px; top:220px;}
.xl_com06_bg{ height:850px;}
.xl_com06 p{ top:100px;}
.xl_com06 ul{ top:205px;}
.xl_com06 li{ width:100%; margin-bottom:5px;}
.xl_com06 li img{ width:auto;}
.xl_com07 h3{ width:100%; text-indent:0px; text-align:center; top:40px;}
.xl_com07 p{ width:100%; left:0px; top:100px;}
}


@media screen and (max-width:549px){
.xl_com{ width:414px;}
.xl_com01_text h1{ font-size:20px;}	
.xl_com06 li img{ max-width:300px;}
.xl_com08 ul{ top:295px;}
.xl_com08 li{ margin-bottom:10px;}
}

@media screen and (max-width:414px){
.xl_com{ width:100%;}
.xl_com06 p{ letter-spacing:-1px}
.xl_com07 p{ font-size:14px; letter-spacing:-1px}
.xl_com04 dd img{ width:-webkit-calc(100% - 10px);}
}


@media screen and (max-width:320px){
.xl_com01_bg{ height:1140px;}

}

*/