@charset "utf-8";
/*================重置样式部分===============*/
/*初始化*/
* { box-sizing: border-box; max-height: 100000px; }/* 在X5新内核Blink中，在排版页面的时候，会主动对字体进行放大，会检测页面中的主字体，当某一块字体在我们的判定规则中，认为字号较小，并且是页面中的主要字体，就会采取主动放大的操作。然而这不是我们想要的，可以采取给最大高度解决 */
*:before, *:after { box-sizing: border-box; max-height: 100000px; }
*, *:before, *:after { -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, textarea, td { border: 0 none;  color: inherit; margin: 0; padding: 0; vertical-align: baseline; }
h1, h2, h3, h4, h5, h6 { font-weight: normal; }
em, strong { font-style: normal; }
ul, ol, li { list-style: none; }
body { font-family: "Microsoft YaHei", "Helvetica Neue", Helvetica, "PingFang SC", "Hiragino Sans GB", "\5FAE\8F6F\96C5\9ED1", Arial, sans-serif; line-height: 1.5; color: #333; background-color: #fff; font-size: 0.18rem; }
a { text-decoration: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
table { border-collapse: collapse; border-spacing: 0; }
.clear { clear: both; }
.left { float: left; }
.right { float: right; }
.clear { clear: both; }
.clearfix:after { content: ""; display: block; height: 0; visibility: hidden; clear: both; }
.clearfix { zoom: 1;/*IE<8*/ }
.relative { position: relative; }
.img-responsive { width: 100%; display: block; }
img { width: 100%; display: block; }

/*外层宽度*/
.wrap { max-width: 640px; min-width: 320px; margin: 0 auto; overflow: hidden; }
.w100 { width: 100%; height: auto; margin: auto; overflow: hidden; }
.w98 { width: 98%; height: auto; margin: auto; overflow: hidden; }
.w96 { width: 96%; height: auto; margin: auto; overflow: hidden; }
.w94 { width: 94%; height: auto; margin: auto; overflow: hidden; }
.w92 { width: 92%; height: auto; margin: auto; overflow: hidden; }
.w90 { width: 90%; height: auto; margin: auto; overflow: hidden; }
.w88 { width: 88%; height: auto; margin: auto; overflow: hidden; }
.w86 { width: 868%; height: auto; margin: auto; overflow: hidden; }
.w84 { width: 84%; height: auto; margin: auto; overflow: hidden; }
.w82 { width: 82%; height: auto; margin: auto; overflow: hidden; }
.w80 { width: 80%; height: auto; margin: auto; overflow: hidden; }
.w70 { width: 70%; height: auto; margin: auto; overflow: hidden; }

.header{ max-width:6.4rem; margin:0 auto; overflow:hidden;}
.hd-til{ padding:0.2rem 0;background:#2c5697;display:-moz-box;display:-webkit-box;display:-ms-flexbox; display:-webkit-flex;display:flex; -webkit-box-align:center;-moz-box-align:center;-ms-flex-align:center;-webkit-align-items:center; align-items:center;-webkit-box-pack:center;-moz-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;}
.hd-til div{ width:28.125%; height:auto; margin:0 auto;}
.nav{ background:rgba(255, 255, 255, 0.1);  max-width:640px; margin:0 auto; }
.nav li{float: left;width: 16.666667%;}
.nav a{ padding:0.26rem 0;  text-align:center; font-size:0.22rem; color:#333;display:block;}
.nav a.active{ color:#fff; background:#3697c8;}
.nav a:hover{color:#fff; background:#3697c8;}

.head1 {
 padding-top: .25rem; text-align: center; font-size: 0.5rem; color: #000000; line-height: 0.35rem; font-weight: normal; }
.head1 span {
 font-size: .24rem; color: #4EA1D0; text-transform: uppercase; }
.head1 img { width: 0.77rem; height: 0.75rem; margin: auto; overflow: hidden;  margin-bottom: .1rem;
}
.head2 { width: 100%; text-align: center; font-size: 0.35rem;  line-height: .76rem;
font-weight: bold; overflow: hidden; color: #5C8CDE; }
.p_text { width: 92%; height: auto; margin: auto; overflow: hidden; font-size: 0.24rem; color: #000000; line-height: 0.35rem; font-weight: normal; padding: 0.25rem 0; text-align: justify; }
.p_text strong { font-size: 0.26rem; color: #cf2424; line-height: 0.45rem; font-weight: normal; }
.link { width: 100%; height: auto; margin: auto; overflow: hidden;  padding: .40rem 0;
text-align: center; }
.swt { display: inline-block;  padding: 0 .60rem;
font-size: 0.25rem; color: #000000; line-height: 0.6rem; font-weight: normal;  border: .02rem solid #000;
/*.borderRadius(.10rem);.txtShadow(0.02rem,0.02rem,0.02rem,#000);.txtStroke(0.01rem #6C502C);.linearGradient(to bottom,#FFFFFF,#B17937);.transition(all,.3s,ease);.boxShadow(0,0.06rem,0,#4C87BB);*/
}
.swt.w {
 border: .02rem solid #fff; color: #fff; }
.banner { position: relative; }
.banner p { width: 4.96rem; position: absolute; left: 50%; top: 4.85rem; z-index: 1; margin-left: -2.48rem; font-size: 0.22rem; color: #000000; line-height: 0.3rem; font-weight: normal; text-align: center; }
.banner p strong {
 font-size: .28rem; font-weight: normal; }
.p0 .head { width: 4.68rem; height: 1.38rem; }
.p0 .p_text { background: #E8F3F8;  padding: .25rem 4%;
}
.p1 { background: #409EC4; }
.p1 .head1 { height: 2.3rem;  line-height: .55rem;
}
.p1 .head1, .p1 .head1 span, .p1 .p_text { color: #fff; }
.p1 .head1 span {  vertical-align: .5rem;
}
.p1 .p_text {  font-size: .21rem;
 text-indent: .5rem;
}
.p1 .botm {  border-top: .01rem solid #fff;
 padding-top: .3rem;
}
.p1 .botm h4 { font-size: 0.3rem; color: #ffffff; line-height: 0.3rem; font-weight: normal; text-align: center; }
.p1 .tab { overflow: hidden; width: 6rem; height: 3.87rem; margin: 0.05rem auto; position: relative; }
.p1 .pic { width: 6rem; height: 3.6rem; }
.p1 .pic ul li { background: #000; list-style: none; width: 0; height: 0; position: absolute; top: 2.25rem; left: 5.85rem; }
.p1 .pic ul li img { width: 100%; height: 100%; }
.p1 .pic .l1 { width: 4.98rem; height: 3.6rem; left: 0.5rem; top: 0; z-index: 2; }
.p1 .pic .l2 { width: 3rem; height: 3rem; left: 4rem; top: 0.4rem; z-index: 1; }
.p1 .pic .l0 { width: 3rem; height: 3rem; left: 0; top: 0.4rem; z-index: 1; }
.p1 .pic .l3 { width: 3rem; height: 2.45rem; left: 1rem; top: 0.9rem; z-index: 0; }
.p1 .pic .l4 { width: 3rem; height: 2.45rem; left: -2.3rem; top: 0.9rem; z-index: 0; }
.p1 .pic .l2 img { opacity: .5; }
.p1 .pic .l0 img { opacity: .5; }
.p1 .control span { position: absolute; z-index: 3; cursor: pointer; }
.p1 .control .left { top: 1.4rem; left: 0.1rem; width: 0.53rem; height: 0.9rem; background: url("../images/lefter.png")/*tpa=http://m.mylike.cc/newm/zt/pp_clp/images/lefter.png*/ no-repeat left center;  background-size: .23rem .63rem;
}
.p1 .control .right { top: 1.4rem; right: 0.1rem; width: 0.53rem; height: 0.9rem; background: url("../images/righter.png")/*tpa=http://m.mylike.cc/newm/zt/pp_clp/images/righter.png*/ no-repeat right center;  background-size: .23rem .63rem;
}
.p2 {  padding-bottom: .35rem;
}
.p2 .head { width: 4.17rem; height: 1.11rem; }
.p2 ul { width: 96%; height: auto; margin: auto; overflow: hidden; justify-content: space-between; align-content: top; -webkit-box-pack: justify; -webkit-box-align: top; display: flex; display: -webkit-box;  padding-top: .2rem;
}
.p2 li { width: 1.94rem; }
.p2 .swiper3 { width: 100%; height: 1.42rem; overflow: hidden; position: relative; }
.p2 .swiper3 .swiper-slide { width: 1.98rem;  height: .1.41rem;
overflow: hidden; text-align: center; }
.p2 .swiper3 .swiper-slide img { width: 96%; height: auto; }
.p2 .swiper3 span { display: block; width: 0.28rem;  height: .28rem;
position: absolute;  top: .64rem;
z-index: 9; }
.p2 .swiper3 .prev { left: 0; }
.p2 .swiper3 .next { right: 0; }
.p3 { background: #529CC2; }
.p3 .header2 { width: 100%; font-size: 0.36rem; color: #ffffff; line-height: 0.82rem; font-weight: normal; text-align: center; }
.p3 ul { justify-content: space-between; align-content: top; -webkit-box-pack: justify; -webkit-box-align: top; display: flex; display: -webkit-box; overflow: hidden; }
.p3 ul li { width: 2.09rem; }
.p3 ul p { width: 94%; height: auto; margin: auto; overflow: hidden; font-size: 0.18rem; color: #ffffff; line-height: 0.27rem; font-weight: normal; text-align: justify;  padding-top: .05rem;
}
.p4 .head1 {
 font-size: .46rem; height: 2.3rem;  line-height: .50rem;
}
.p4 .head1 span {  vertical-align: .5rem;
}
.p4 ul { justify-content: space-between; align-content: top; -webkit-box-pack: justify; -webkit-box-align: top; display: flex; display: -webkit-box; overflow: hidden;  padding-top: .2rem;
}
.p4 ul li { width: 2.09rem;  padding-bottom: .2rem;
}
.p4 ul p { width: 94%; height: auto; margin: auto; overflow: hidden; font-size: 0.21rem; color: #000000; line-height: 0.37rem; font-weight: normal; text-align: justify;  padding-top: .05rem;
text-align: center; }
.p5 { background: #E2E2E2; }
.p5 .head2 { width: 100%; font-size: 0.36rem; color: #000000; line-height: 0.82rem; font-weight: normal; text-align: center; }
.p5 .p_text { width: 96%;  font-size: .2rem;
 line-height: .3rem;
}
.p5 ul { justify-content: space-between; align-content: top; -webkit-box-pack: justify; -webkit-box-align: top; display: flex; display: -webkit-box; overflow: hidden; }
.p5 ul li { width: 2.09rem;  padding-bottom: .2rem;
}
.p5 ul p { width: 94%; height: auto; margin: auto; overflow: hidden; font-size: 0.18rem; color: #000000; line-height: 0.27rem; font-weight: normal; text-align: justify;  padding-top: .15rem;
}
.p6 { /*.swiper-pagination span.swiper-pagination-bullet-active div:before {
        content: "";
        display: block;
        border-width: 0.08rem;
        border-color: #07569b transparent transparent transparent;
        border-style: solid dashed dashed dashed;
        width: 0px;
        height: 0px;
        overflow: hidden;
        position: absolute;
        left: 45%;
        bottom: -0.15rem;
    }*/
}
.p6 .head2 { font-size: 0.36rem; color: #000000; line-height: 0.3rem; font-weight: normal;  padding: .25rem 0;
}
.p6 .head2 span { font-size: 0.2rem; color: #525252; line-height: 0.15rem; font-weight: normal; }
.p6 .swiper12 { width: 100%; padding-top: 1.3rem; overflow: hidden; }
.p6 .swiper12 .swiper-slide { width: 100%; overflow: hidden; position: relative; }
.p6 .swiper12 .swiper-slide img { width: 100%; height: auto; }
.p6 .swiper12 .swiper-slide a { display: block; width: 3.1rem;  height: .84rem;
position: absolute; left: 0; bottom: 0; }
.p6 .swiper-pagination { width: 92%; height: 1.25rem; overflow: hidden; left: 0; top: 0; z-index: 99; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); /*去掉点击出现时出现的颜色*/
justify-content: space-between; align-content: center; -webkit-box-pack: justify; -webkit-box-align: center; display: flex; display: -webkit-box; }
.p6 .swiper-pagination span { display: block; width: 1.34rem; height: 1.02rem; overflow: hidden;  border-radius: .15rem;
opacity: 1; border: 0.03rem solid rgba(0, 0, 0, 0); }
.p6 .swiper-pagination span.swiper-pagination-bullet { background: none; }
.p6 .swiper-pagination span div { width: 1.28rem;  height: .96rem;
 margin: .03rem auto;
font-size: 0.23rem; color: #ffffff; line-height: 0.35rem; font-weight: normal;  border-radius: .1rem;
justify-content: center; align-items: center; -webkit-box-align: center; display: flex; display: -webkit-box; -webkit-box-pack: center; }
.p6 .swiper-pagination span:nth-of-type(1) div { background: #3179B8; }
.p6 .swiper-pagination span:nth-of-type(2) div { background: #5095B3; }
.p6 .swiper-pagination span:nth-of-type(3) div { background: #A3D762; }
.p6 .swiper-pagination span:nth-of-type(4) div { background: #DD7C45; }
.p6 .swiper-pagination span:nth-of-type(1).swiper-pagination-bullet-active {  border: .03rem solid #3179B8;
}
.p6 .swiper-pagination span:nth-of-type(2).swiper-pagination-bullet-active {  border: .03rem solid #5095B3;
}
.p6 .swiper-pagination span:nth-of-type(3).swiper-pagination-bullet-active {  border: .03rem solid #A3D762;
}
.p6 .swiper-pagination span:nth-of-type(4).swiper-pagination-bullet-active {  border: .03rem solid #DD7C45;
}