@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;}
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 { 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;background: #fff;}

.cont{width:100%;margin: 0 auto; max-width:640px; min-width:320px;font-family:"微软雅黑";}
.cont img{width: 100%;display: block;border:none;}
.pro1{width:100%; margin-top:1%;}
.pro0{width:100%; background:#005dac; margin-top:1%; padding-top:1%;}
.pro1 h2,.pro0 h2{font-size:70px; line-height:94px; text-align:center; font-weight:bold;}
.pro1 h2,.pro1 p{ color:#000;}
.pro1 h3{color:#333;}
.pro0 h2,.pro0 h3,.pro0 p{color:#fff;}
.pro1 p,.pro0 p{font-size:18px; line-height:31px; text-indent:2em; width:94%; margin-left:3%; margin-top:1%;}
.pro1 h3,.pro0 h3{font-size:32px; line-height:40px; text-align:center; font-weight:normal;}
.setiao{width:14%; height:6px; margin:1% auto; background:#005dac;}
.baitiao{width:14%; height:6px; margin:1% auto; background:#fff;}
.pic{width:100%; margin:1.6% auto; padding-bottom:2%;}

.yh{width: 95.3125%;margin: 2% auto;}
.yh li{float: left;width: 48.5246%;margin-right: 2.9508%;margin-bottom: 3%;}
.yh li:nth-child(2n){margin-right: 0;}

.pro3_1{width:100%;margin:8% auto;}
.pro3_1 .hd ul{text-align:center;}
.pro3_1 .bd{width:100%;margin-left:0%;margin-top:-5%;}
.pro3_1 .hd{position:relative;}
.pro3_1 .hd .prev{width:5.63%;position:absolute;margin-top:-34%;left:0%;}
.pro3_1 .hd .next{width:5.63%;position:absolute;margin-top:-34%;right:0%;}

@media screen and (max-width:320px)
{
.pro1 p,.pro0 p{font-size:13px; line-height:18px;}
.pro1 h3,.pro0 h3{font-size:18px; line-height:24px;}
.setiao,.baitiao{height:2px;}
.pro1 h2,.pro0 h2{font-size:34px; line-height:52px;}
}

@media screen and (min-width:321px) and (max-width:360px)
{
.pro1 p,.pro0 p{font-size:14px; line-height:20px;}
.pro1 h3,.pro0 h3{font-size:20px; line-height:28px;}
.setiao,.baitiao{height:2px;}
.pro1 h2,.pro0 h2{font-size:40px; line-height:60px;}
}

@media screen and (min-width:361px) and (max-width:375px)
{
.pro1 p,.pro0 p{font-size:15px; line-height:24px;}
.pro1 h3,.pro0 h3{font-size:22px; line-height:32px;}
.setiao,.baitiao{height:3px;}
.pro1 h2,.pro0 h2{font-size:48px; line-height:68px;}
}

@media screen and (min-width:376px) and (max-width:414px)
{
.pro1 p,.pro0 p{font-size:16px; line-height:26px;}
.pro1 h3,.pro0 h3{font-size:25px; line-height:34px;}
.setiao,.baitiao{height:4px;}
.pro1 h2,.pro0 h2{font-size:52px; line-height:72px;}
}

@media screen and (min-width:415px) and (max-width:639px)
{
.pro1 p,.pro0 p{font-size:18px; line-height:31px;}
.pro1 h3,.pro0 h3{font-size:32px; line-height:40px;}
.setiao,.baitiao{height:6px;}
.pro1 h2,.pro0 h2{font-size:70px; line-height:94px;}
}