﻿@charset "utf-8";
/* CSS Document */
*{margin:0; padding:0; -webkit-tap-highlight-color:rgba(0,0,0,0); font-family:"微软雅黑";}
i{ font-style:normal;}
li{ list-style:none;}
a{ text-decoration:none; cursor:pointer;}
button , input[type=button] , input[type=submit] , input[type=password] , input[type=tel] , input[type=text] , input[type=number] ,  input[type=reset] ,  input[type=search]{
	outline:none; border-radius:none;font-family:"STHeitiSC-Light","微软雅黑","Microsoft YaHei";
	-webkit-appearance:none; -moz-appearance:none; -ms-appearance:none; -o-appearance:none; appearance:none;
}
input[type=checkbox] , input[type=radio]{ margin:0 0.5rem;}
html,body{ display:block; margin:0 auto;}


html{font-size:62.5%}
@media screen and (min-width:349px) and (max-width:374px){html{font-size:75%}
}
@media screen and (min-width:375px) and (max-width:409px){html{font-size:80%}
}
@media screen and (min-width:410px) and (max-width:479px){html{font-size:85%}
}
@media screen and (min-width:480px) and (max-width:639px){html{font-size:95%}
}
@media screen and (min-width:640px) and (max-width:719px){html{font-size:125%}
}
/*@media screen and (min-width:720px) and (max-width:749px){html{font-size:140%}*/
@media screen and (min-width:720px) and (max-width:749px){html{font-size:125%}
}
/*@media screen and (min-width:750px) and (max-width:799px){html{font-size:146%}*/
@media screen and (min-width:750px) and (max-width:799px){html{font-size:125%}
}
/*@media screen and (min-width:800px) and (max-width:959px){html{font-size:156%}*/
@media screen and (min-width:800px) and (max-width:959px){html{font-size:125%}
}
/*@media screen and (min-width:960px) and (max-width:1079px){html{font-size:187.5%}*/
@media screen and (min-width:960px) and (max-width:1079px){html{font-size:125%}
}
/*@media screen and (min-width:1080px){html{font-size:200%}*/
@media screen and (min-width:1080px){html{font-size:125%}
}
#fx{ display: none; width: 100%; height: 100%; position: fixed; top: 0; left: 0;}
.fx_bj{ width: 100%; height: 100%; background: #000; position: absolute; top: 0; left: 0; opacity: .8; fiter:alpha(opacity=80);}
.fx_con{ width: 100%; height: 100%; position: absolute; top: 0; left: 0; overflow: hidden;}
.fx_con #close{ float: left; margin: 50px 0 0 44px;}
.fx_con .fx_img{ float: right; margin: 60px 70px 0 0;}
.fx_con p{clear: both;font-size: 30px;line-height: 56px;padding-top: 25px;color:#ffffff}

.t_1{width:100%;
 margin:0 auto;
 background-color:#fb6137;
  text-align:center;
  padding-top:4%;
  padding-bottom:4%;
  }
  .t_1 .img1{ width:120px;
            margin:0 auto;}
  .t_1 .img2{ width:160px;
            margin:0 auto;}
.t_box{width:98%;margin:0 auto; color:#495a62; font-size:1.2rem;  padding-top:1rem;padding-bottom:1rem; text-align:center; line-height:2rem;}

.t_box h1{text-align:center; font-size:1.6rem; margin-bottom:2rem;}
.t_box p{width:90%; margin:0 auto;}

.pic{width:94%; margin:0 auto; overflow:hidden; margin-bottom:8%; margin-top:5%;}
.pic img{ width:20%; float:left; margin-right:6%; margin-top:5%;}


.btn_1 , .btn_2{width:90%; display:block; margin:5% auto; background-color:#df0e16; text-align:center; color:white; font-size:1.4rem; line-height:4rem;}
.btn_1 img, .btn_2  img{ width:5%; margin:0 auto; margin-right:4%; display: inline;}
.btn_2{background-color:#10436a; margin:1rem auto; color:#ff9100;}

h2{ width:90%; margin-top:2rem;text-align:center; font-size:1.2rem; margin-bottom:2rem; font-weight:normal; padding:2%; color:#666;}


h2 span{ color:#f00;}


