@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; height:100px; line-height:50px; text-align:center; position:absolute; left:0px;}
.xl_text_p{ width:100%; padding:0 5px; font-size:22px; line-height:22px;  position:absolute; left:0; margin:0 auto; text-align:center}
.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;}

.xl_com01_bg{ width:100%; margin-top:0px; height:320px; background:url(../images/bg1.jpg) center top no-repeat;}
/*.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{ padding-top:10px; padding-left:10px; 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{ padding-top:10px; padding-left:10px; top:120px; font-size:16px}




.xl_com02_bg{ width:100%; height:auto; margin:0 auto}
.xl_com02 .pic{ margin:0 auto}
.xl_com02 h3{ font-size:26px; font-weight:bold; height:50px;  text-align:center;  top:-320px;  }
.xl_com02 p{  font-size:12px; position:absolute; top:-270px; }
.xl_com02 h6{  font-size:24px; font-weight:bold; text-align:center; position: absolute; bottom:20px;  }
.xl_com02 span{  font-size:10px; position:absolute; bottom:8px; }

.xl_com03_bg{ width:100%; height:auto; }
.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_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 dl{ width:100%; overflow:hidden; position:absolute; left:0px; top:0px;}
.xl_com04 dd{ width:50%; float:right;}
.xl_com04 dt{ width:50%; float:left; padding-top:50px; text-align:center; color:#5b5b5b;}
.xl_com04 dt h3{ font-size:36px; line-height:55px;}
.xl_com04 dt p{ font-size:24px; line-height:38px;}
.xl_com04 .pic2 dd{ float:left;}
.xl_com04 .pic2 dt{ float:right;}
.xl_com04 .pic3 dt{ padding-top:80px;}
.xl_com04 .pic2{ top:280px;}
.xl_com04 .pic3{ top:560px;}

.xl_com05_bg{ width:100%; height:auto;}
.xl_com05{ padding-top:100px;}
.xl_com05 h3{ width:360px; left:80px; top:95px;}
.xl_com05 h4{ width:360px; left:250px; top:170px;}
.xl_com05 p{ width:340px; text-align:center; left:90px; top:270px;}

.xl_com06_bg{ width:100%; height:300px; background:#2d2a2b;}
.xl_com06 h3{ top:10px; font-size:26px; color:#fff}
.xl_com06 p{ top:85px; font-size:16px; line-height:24px; color:#fff}


.xl_com07_bg{ width:100%; height:auto;}
.xl_com07{ padding-top:100px;}
.xl_com07 h3{ text-align:left; text-indent:80px; top:70px;}
.xl_com07 p{ width:550px; position:absolute; left:100px; top:180px; }

.xl_com08_bg{ width:100%; height:auto;}
.xl_com08 h3{ top:-450px; font-size:26px; position:absolute}
.xl_com08 p{ top:-380px; font-size:14px; position:absolute}

.xl_com09_bg{ width:100%; height:auto;}
.xl_com09 h3{ top:-320px; font-size:26px; position:absolute}
.xl_com09 p{ top:-260px; font-size:14px; position:absolute}

.xl_com10_bg{ width:100%; height:auto;}
.xl_com10 h3{ top:-205px; font-size:22px; position:absolute}
.xl_com10 p{ top:-165px; font-size:12px; position:absolute}

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

.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;}

}

*/