@charset "utf-8";
/* CSS Document */

* { margin: 0;padding: 0;}
body {font-style: normal; font-variant: normal; font-weight: normal;font-family:"微软雅黑";font-size:14px;color:#444444;}
ul li{list-style:none;}
li{list-style:none;}
a { text-decoration: none;}
a:link {text-decoration: none;}
a:visited {text-decoration: none;}
a:hover {text-decoration: none;}
a:active { text-decoration: none;}
small {font-size: 0.875em;}
img { max-width: 100%; border:0px; width: 100%;}
img, object { height: auto; max-width: 100%;}
.clear{clear: both;}
ul li,ol li{list-style: none;}
#box{float: none; margin: auto;max-width: 640px !important;min-width: 320px !important; overflow: hidden;color:#333;}

.cont{width:100%;margin: 0 auto; max-width:640px; min-width:320px;font-family:"微软雅黑";}
.cont img{width: 100%;display: block;border:none;} 
.pro{width: 100%; margin-top: 2%;}
.title{text-align: center; margin: 5% 0;}
.title h2{font-size: 48px; line-height: 58px; color: #1a2a56; font-weight: bold; margin-top: 1%;}
.tit_pic{width: 5.4%; margin: 1% auto;}
.pic{width: 100%; margin: 0 auto;}
.text{width: 95%; margin: 2% auto;}
.text p{font-size: 20px; line-height: 28px; text-indent: 2em; color: #333;}
.text a{color: #fdc300;}

.xianchang{width: 100%; margin-top: 2%;}
.xianchang .hd{width:100%; height:20px;  position:relative; z-index:1; bottom:5px; text-align:center;}
.xianchang .hd ul{display:inline-block; height:5px; padding:3px 5px; margin-top:3%; font-size:0; vertical-align:top;}	
.xianchang .hd li{display:inline-block; width:18px; height:18px; border-radius: 9px; background:#d3d3d3; margin:0 6px; }
.xianchang .hd .on{background:#064299;}
.xianchang .bd {width:95%; margin:1% auto;}

.zj_lb{width:100%;margin:8% auto 3%;}
.zj_lb .hd ul{text-align:center;}
.zj_lb .bd{width:88%;margin-left:6%;margin-top:-5%;}
.zj_lb .hd{position:relative;}
.zj_lb .hd .prev{width:4%;position:absolute;margin-top:-30%;left:1%;}
.zj_lb .hd .next{width:4%;position:absolute;margin-top:-30%;right:1%;}


@media screen and (max-width:320px)
{

.title h2{font-size: 20px; line-height: 25px;}
.text p{font-size: 12px; line-height: 18px; }

.xianchang .hd li{width:10px; height:10px;}
}

@media screen and (min-width:321px) and (max-width:360px)
{

.title h2{font-size: 20px; line-height: 25px;}
.text p{font-size: 15px; line-height: 20px; }
	
.xianchang .hd li{width:12px; height:12px;}
}

@media screen and (min-width:361px) and (max-width:375px)
{

.title h2{font-size: 22px; line-height: 28px;}
.text p{font-size: 15px; line-height: 20px; }

.xianchang .hd li{width:12px; height:12px;}
}

@media screen and (min-width:376px) and (max-width:414px)
{

.title h2{font-size: 32px; line-height: 38px;}
.text p{font-size: 16px; line-height: 22px; }

.xianchang .hd li{width:14px; height:14px;}
}

@media screen and (min-width:415px) and (max-width:639px)
{

.title h2{font-size: 50px; line-height: 64px;}
.text p{font-size: 20px; line-height: 28px; }

.xianchang .hd li{width:18px; height:18px;}
}