﻿/*public*/
html,body,div,span,p,dl,dd,dt,h1,h2,h3,h4,h5,a,li,ul,ol,form,input,label,img,* { padding:0;margin:0;border:none;color:#333; outline:none; box-shadow:none;}
html {filter:expression(document.execCommand("BackgroundImageCache",false,true));}
html { font-size: 62.5%; }
body {
    width:100%;
    /*font-family:"microsoft yahei","微软雅黑",\5FAE\8F6F\96C5\9ED1,simhei,Arial, Helvetica, sans-serif;*/
font-family:"SimSun","宋体",\5B8B\4F53,simhei,Arial, Helvetica, sans-serif;
    word-break:break-all;
    margin:0 auto;
    background:#fff;
    word-break:break-all;
    text-align: center;
    font-weight:bold;
    text-shadow:none;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
    text-align: center;
}
body{font-size:14px;font-size:1.4rem; }
p,a{font-size:14px;font-size:1.4rem;}
img { border:none; vertical-align:middle;; }
a { text-decoration:none;color: #fff;vertical-align:middle; cursor:pointer; }
a:link {color: #fff; }
a:visited {color:#fff; }
a:hover {color: #ffffff;border:none; }
a:active {color: #fff; }
a { outline:none; star:expression(this.onFocus=this.blur());}
li { list-style:none;}
form,input,label {
    outline:none;
    border:none;
    box-shadow:none;
}
.clear { clear:both;}
/*轮播swipe */
.hide{ display:none;}
.addWrap{ position:relative; width:100%;background:#fff;margin:0; padding:0;}
.addWrap .swipe{overflow: hidden;visibility: hidden;position:relative;}
.addWrap .swipe-wrap{overflow:hidden;position:relative;}
.addWrap .swipe-wrap > div {float: left;width: 100%;position:relative;}

#position,#position1,#position2{ position:absolute; bottom:0; right:0; padding-right:8px; margin:0;text-align:right;}
#position li,#position1 li,#position2 li{width:10px;height:10px;margin:0 2px;display:inline-block;-webkit-border-radius:5px;border-radius:5px;background-color:#AFAFAF;}
#position li.cur,#position1 li.cur,#position2 li.cur{background-color:#FF0000;}


.img-responsive { display: block; max-width: 100%;  height: auto;width:100%;}
/*cont2*/
.cont2 { padding:1rem;height:auto;overflow:hidden; }
.cont2 ul { width:100%; height: auto; clear:both; overflow: hidden;}
.cont2 ul li {
    float: left;
    width:25%;
    height:auto;
    overflow: hidden;
}
.cont2 ul li a { padding:4px; display: block;}
.cont2 ul li a img {
    margin:0 auto;
    width: 100%;
    height: auto; }
.cont2 ul li a p {
    line-height: 1.8rem;
    padding-top:0.5rem;
}
/*cont3*/
.cont3 { padding:1rem 0.5rem;padding-top:0;height:auto;overflow:hidden; }
.cont3 ul { width:100%; height: auto; clear:both; overflow: hidden;}
.cont3 ul li {
    float: left;
    width:25%;
    height:auto;
    overflow: hidden;
}
.cont3 ul li a {
    margin:4px; display: block;
    -webkit-border-radius: 6px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    padding: 0.5rem;
}
.cont3 ul li:nth-child(1) a {
    background: #ff0000;
}
.cont3 ul li:nth-child(2) a {
    background: #00b4ff;
}
.cont3 ul li:nth-child(3) a {
    background: #ff9501;
}
.cont3 ul li:nth-child(4) a {
    background: #6fba2c;
}
.cont3 ul li:nth-child(5) a {
    background: #00b4ff;
}
.cont3 ul li:nth-child(6) a {
    background: #ff0000;
}
.cont3 ul li:nth-child(7) a {
    background: #6fba2c;
}
.cont3 ul li:nth-child(8) a {
    background: #ff9501;
}
.cont3 ul li a img {
    margin:0 auto;
    width: 80%;
    height: auto;
}
.cont3 ul li a p {
    line-height: 1.8rem;
    padding-top:0.5rem;
    color:#fff;
    font-size:1.6rem;
}
/*cont4*/
.cont4 {
    background: #006ebc;
    height:auto;
    overflow:hidden;
    padding:1rem 0;
}
.cont4 h2,.cont4 p span { color:#fff; }
.cont4 h2 { margin-bottom:1.5rem; font-weight: normal;font-size:1.8rem; }
.cont4 h2 {
    font-weight: bold;font-size:2rem;}
.cont4 span{  text-transform: uppercase; font-size:1.2rem;
    font-weight: normal;}
.cont5 { margin-top:1rem; }
.cont4 p {
    line-height: 1.2rem;}
.cont4 p span:nth-child(1) { border-top:2px solid #fff; padding-top:0.5rem;margin-top:0.5rem;}
/*cont6 zhuanjia*/
.cont6 a.btn1{
    width:20.6%;
    height:9.5%;
    color:#fff;
    text-align:center;
    position:absolute;
    bottom:9.5%;
    right:40%;
    background:#ff9501;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    font-size:1rem;
    padding:2px 0;
    text-align: center;
}
.cont6 a.btn2 {
    right:14.6%;
}
/*cont7*/
.cont7 { padding:1rem; }
.cont7 ul {
    width: 100%;
    height: auto;
    overflow: hidden;
}
.cont7 ul li {
    float: left;
    width:25%;
}
.cont7 ul li p {
    padding-right:1rem;
    text-align:right;
    line-height: 1.8rem;
    color:#595757;
    border-right:1px solid #dcdcdc;
}
.cont7 img { width:100%;margin:1rem 0; }
.cont8 {
    width: 100%; text-align:center; background: #006ebc;padding:0.8rem 0;
}
.cont8 img { width: 80%; }
.cont9 { height:auto;overflow:hidden; position: relative; padding-bottom:3rem;}
.cont9 img { width:100%; }
.cont9 .address {
    position: absolute;
    right: 1rem;
    top:6rem;
}
.cont9 .address dl:nth-child(1) {
    background: url("./index_25.png") left center no-repeat;
    -webkit-background-size: 2.5rem;
    background-size:  2.5rem;
    padding-left:3rem;
}
.cont9 .address dl:nth-child(2) {
    background: url("./index_26.png") left center no-repeat;
    -webkit-background-size: 2.5rem;
    background-size:  2.5rem;
    padding-left:3rem;
    margin-top:1rem;
}

.cont9 .address dl dd {
    color:#595757;
    text-align: left;
    font-weight:bold;
}
.cont9 .address dl dt {
    text-align: left;
    color: #595757;
    font-weight: normal;
    }
.cont4 img,.cont8 img { margin:0 auto;}
.more {  background:#ff9501;width:80%;height:3rem;text-align:center;margin:0 auto;color:#fff;font-size:1.8rem;line-height:3rem;margin-bottom:1rem;margin-top:1.5rem;}
/*分屏*/
@media only screen and (max-width: 320px){

}
@media only screen and (mix-width: 321px){

}

@media only screen and (min-width: 374px){
    html {
        font-size: 62.5% !important;
    }
}
@media only screen and (min-width: 640px){
    html {
        font-size: 100% !important;
    }
}
@media only screen and (min-width: 750px){
    html {
        font-size: 115% !important;
    }
}
@media only screen and (min-width: 1080px){
    html {
        font-size: 120% !important;
    }

@media only screen and (min-width: 1242px){
    html {
        font-size: 150% !important;
    }
}
