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

.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: 5% auto;}
.pic{width: 100%; margin: 0 auto 6%;}
.text{width: 95%; margin: 2% auto;}
.text a{color: #e40000;}
.pro p{font-size: 20px; line-height: 36px; text-indent: 2em; color: #666;}
.title{width: 100%; margin: 3% auto;}

.pro0 h1 {font-size:36px; color:#005dac; font-weight:900; text-align:center; margin:5% auto 3% auto;}
.pro0 h1 span{font-size:24px; color:#656565;font-weight: 500;display: block; margin-bottom: 2%;}
.pro0 p {margin:3%;}
.pro_fu{width: 100%; margin: 2% auto 5%;}
.pro_fu a{display: block;}

.banner{width:100%; margin:0 auto;}
.banner img{ width:100%; vertical-align:top; }
.banner .hd{ width:100%; height:0px;  position:relative; z-index:1; bottom:5px; text-align:center;}
.banner .hd ul{ display:inline-block; height:5px; padding:3px 5px; margin-top:-3%; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; font-size:0; vertical-align:top;}
.banner .hd ul li{ display:inline-block; width:14px; height:14px; -webkit-border-radius:7px; -moz-border-radius:7px; border-radius:7px; background:#d2d2d2; margin:0 5px;  vertical-align:top; overflow:hidden;}
.banner .hd ul .on{ background:#1a4192;}

.yuanzhu{width:100%; margin:0 auto;}
.yuanzhu li{float:left; font-size:22px; line-height: 45px; margin-bottom:3%; color: #333;}
.yuanzhu strong{color: #cd3d10;}
.yuanzhu .li1{width:15%;text-align:center;}
.yuanzhu .li2{width:70%; margin-left: 6%;}
.yuanzhu .li2 input{outline: 1px solid #dddddd; outline-offset: -1px; font-size:20px;line-height:30px;width:100%;height:42px;}

.yuanzhu .li3{width:70%; }
.yuanzhu .li3 input{outline: 1px solid #dddddd; outline-offset: -1px; font-size:20px;line-height:30px;width:100%;height:42px;}
.yuanzhu .li4{width:15%;text-align:center; margin-left: 5%;}
.yuanzhu h1{text-align:center;}
.yuanzhu .in{width:40%;font-size:24px;line-height:60px;background-color:#e40000;color:#fff;border-radius:4px; margin-bottom: 3%; border: none;}
.title h3{font-size: 30px; line-height: 40px; color: #222; text-align: center; font-weight: bold; letter-spacing: 1px;}

.hdjj{width: 95.6250%;margin: 0 auto;} 
.hdjs{margin: 20px;display: inline-block;}
.hd_l{float: left;width: 41.2587%;overflow: hidden; margin-right: 3%;}
.hd_r{float: left;width: 55.7413%;}
.hdjs h3{background:url(../images/ico_1.gif)no-repeat center left; float: left;}
.hdjs h3 span{margin-left: 12px;font-size: 24px;font-weight: bold;line-height: 24px;}
.hdjs p{text-indent: 2rem;font-size: 17px;margin-top: 10px; line-height: 30px;text-align: justify; }
.hdjs h4 span{font-size: 17px;font-weight: bold;line-height: 24px;}
.hd_3{margin-top: 10px;}
.hd_3 p{text-indent: 0; margin-top: 0;}
.hdjs h5{background:url(../images/ico_2.gif)no-repeat center left; margin: 10px auto;}
.hdjs h5 span{margin-left: 12px;font-size: 20px; font-weight: normal;}


@media screen and (max-width:320px)
{
.yuanzhu li{font-size:13px; line-height: 22px;}
.yuanzhu .li2 input,.yuanzhu .li3 input{font-size:13px;line-height:20px;height:22px;}
.yuanzhu .in{font-size:16px;line-height:24px;}
.yuanzhu p{font-size: 13px; line-height: 22px;}
.title h3{font-size: 18px; line-height: 30px;}
.pro p{font-size: 14px; line-height: 22px; }
.banner .hd{bottom:10px;}
.banner .hd ul{ height:5px; padding:3px 5px; margin-top:-3%;}
.banner .hd ul li{ width:10px; height:10px;border-radius:5px; margin:0 5px; }
.hdjs{margin: 20px 14px;}
.hdjs h3{background-size: 4px 20px;}
.hdjs h3 span{margin-left: 10px;font-size: 16px;line-height: 22px;}
.hdjs h5{margin: 5px auto;}
.hdjs h5 span{margin-left: 12px;font-size: 12px;}
.pro0 h1 {font-size:20px;}
.pro0 h1 span{font-size:16px;}
}

@media screen and (min-width:321px) and (max-width:360px)
{
.yuanzhu li{font-size:15px; line-height: 26px;}
.yuanzhu .li2 input,.yuanzhu .li3 input{font-size:15px;line-height:24px;height:26px;}
.yuanzhu .in{font-size:18px;line-height:30px;}
.yuanzhu p{font-size: 15px; line-height: 24px;}
.title h3{font-size: 20px; line-height: 34px;}
.pro p{font-size: 15px; line-height: 22px; }
.banner .hd{bottom:10px;}
.banner .hd ul{ height:5px; padding:3px 5px; margin-top:-3%;}
.banner .hd ul li{ width:10px; height:10px;border-radius:5px; margin:0 5px; }
.hdjs{margin: 20px 14px;}
.hdjs h3{background-size: 4px 20px;}
.hdjs h3 span{margin-left: 10px;font-size: 16px;line-height: 22px;}
.hdjs h5{margin: 5px auto;}
.hdjs h5 span{margin-left: 12px;font-size: 12px;}
.pro0 h1 {font-size:22px;}
.pro0 h1 span{font-size:18px;}
}

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

.yuanzhu li{font-size:15px; line-height: 26px;}
.yuanzhu .li2 input,.yuanzhu .li3 input{font-size:15px;line-height:24px;height:26px;}
.yuanzhu .in{font-size:18px;line-height:30px;}
.yuanzhu p{font-size: 15px; line-height: 24px;}
.title h3{font-size: 20px; line-height: 34px;}
.pro p{font-size: 15px; line-height: 22px; }
.banner .hd{ bottom:10px;}
.banner .hd ul{ height:5px; padding:3px 5px; margin-top:-3%;}
.banner .hd ul li{ width:10px; height:10px;border-radius:5px; margin:0 5px; }
.hdjs{margin: 20px 14px;}
.hdjs h3{background-size: 4px 20px;}
.hdjs h3 span{margin-left: 10px;font-size: 18px;line-height: 22px;}
.hdjs h5{margin: 5px auto;}
.hdjs h5 span{margin-left: 12px;font-size: 16px;}
.pro0 h1 {font-size:24px;}
.pro0 h1 span{font-size:18px;}
}

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

.yuanzhu li{font-size:16px; line-height: 30px;}
.yuanzhu .li2 input,.yuanzhu .li3 input{font-size:16px;line-height:26px;height:30px;}
.yuanzhu .in{font-size:20px;line-height:30px;}
.yuanzhu p{font-size: 16px; line-height: 24px;}
.title h3{font-size: 24px; line-height: 40px;}
.pro p{font-size: 16px; line-height: 25px; }
.banner .hd{bottom:10px;}
.banner .hd ul{ height:5px; padding:3px 5px; margin-top:-3%;}
.banner .hd ul li{ width:10px; height:10px;border-radius:5px; margin:0 5px; }
.hdjs{margin: 20px 14px;}
.hdjs h3{background-size: 4px 20px;}
.hdjs h3 span{margin-left: 10px;font-size: 18px;line-height: 22px;}
.hdjs h5{margin: 5px auto;}
.hdjs h5 span{margin-left: 12px;font-size: 16px;}
.pro0 h1 {font-size:26px;}
.pro0 h1 span{font-size:20px;}
}

@media screen and (min-width:415px) and (max-width:639px)
{
.yuanzhu li{font-size:22px; line-height: 45px;}
.yuanzhu .li2 input,.yuanzhu .li3 input{font-size:20px;line-height:30px;height:42px;}
.yuanzhu .in{font-size:24px;line-height:48px;}
.yuanzhu p{font-size: 20px; line-height: 30px;}
.title h3{font-size: 40px; line-height: 80px;}
.pro p{font-size: 20px; line-height: 36px; }
.banner .hd{bottom:10px;}
.banner .hd ul li{ width:14px; height:14px;border-radius:7px; margin:0 5px; }
.hdjs{margin: 20px 14px;}
.hdjs h3{background-size: 4px 20px;}
.hdjs h3 span{margin-left: 10px;font-size: 20px;line-height: 22px;}
.hdjs h5{margin: 8px auto;}
.hdjs h5 span{margin-left: 12px;font-size: 18px;}
.pro0 h1 {font-size:28px;}
.pro0 h1 span{font-size:22px;}
}