@charset "utf-8";
* {
    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, object { height: auto; max-width: 100%;}
.clear { clear: both; margin: 0;  padding: 0;}
ul, li, dt, dl, dd { background: none repeat scroll 0 0 rgba(0, 0, 0, 0);list-style-type: none;
 margin: 0;  padding: 0;}
p { margin: 0; padding: 0;}
input,textarea {border:1px solid #333333;}
input{line-height:2em;}

#box{float: none; margin: auto;max-width: 640px !important;min-width: 200px !important; overflow: hidden;color:#333333;}
.clear{clear:both;}

.pro0 p {font-size:18px;}
.pro0 p span {font-weight:bold;}
.pro0 h1 {font-size:36px; color:#000; font-weight:bold; text-align:center; margin:3% auto;}

.pro1 {margin:5% 0;}
.pro1 p {margin:2%; text-indent:2em; line-height:1.5rem;}

.pro2 {margin:5% 0;}
.pro2 ul {width:94%; margin:3%;}
.pro2 ul li {float:left; height:140px;}
.pro2 ul .li1 {width:30%; margin-right:2%; background-color:#f6ece0;}
.pro2 ul .li1 h3 {text-align:center; color:#000; font-size:24px;}
.pro2 ul .li1 p {text-align:center; line-height:1.8em;}
.pro2 ul .li1 p span {color:#ca0005;}
.pro2 ul .li2 {width:60%; height:140px; background:url(../images/mydjt_05.jpg)no-repeat; background-size:100%;}
.pro2 ul .li3 {width:8%; background-color:#ca0005; text-align:center; font-size:24px; line-height:1.3em;}
.pro2 ul .li3 a {color:#fff;}

.pro3 {margin:8% 0;}
.pro3 li {float:left; font-size:16px; margin:3% 0 0 0; font-weight:bold;}
.pro3 .pro3_1 {width:15%; text-align:right;}
.pro3 .pro3_2 {width:30%;}
.pro3 .pro3_2 input {width:95%;}
.pro3 .pro3_3 {width:25%;}
.pro3 .pro3_3 input {width:30%;}
.pro3 .pro3_4 {width:24%; text-align:right;}
.pro3 .pro3_5 {width:62%;}
.pro3 .pro3_5 textarea {width:100%;}
.pro3 .pro3_6 {width:75%;}
.pro3  p {text-indent:0em;}
.pro3 .pro3_7 {width:50%; line-height:40px; text-align:center; border-radius:20px; background-color:#ca0005; margin:3% auto; margin-left:25%; color:#ffffff; font-size:1rem; border:none;}

.pro5 {margin:5% 0;}
.pro5 ul li{width:94%; margin:2% 2% 4% 2%;}
.pro5 .pro5_1 {width:40%; float:left;}
.pro5 .pro5_2 {width:60%; float:left;}
.pro5 .pro5_3 {background-color:#f6f6f6; padding:2% 0 6% 0;; margin-top:2%;}
.pro5 .pro5_3 p {margin:2%; text-indent:2em;}
.pro5 .pro5_4 {width:40%; background-color:#ca0005; line-height:40px; border-radius:20px; text-align:center;margin:0 auto; margin-top:-0.75rem; font-size:18px;}
.pro5 .pro5_4 a {color:#fff;}

.pro6 {margin:5% 0;}
.pro6 ul li {width:48%; margin:1%; float:left;}

.pro7 {margin:5% 0;}
.pro7_1{width:100%;margin:8% auto;}
.pro7_1 .hd ul{text-align:center;}
.pro7_1 .bd{width:80%;margin-left:10%;margin-top:-5%;}
.pro7_1 .hd{position:relative;}
.pro7_1  .hd .prev{width:10%;position:absolute;margin-top:-30%;left:-1%;}
.pro7_1  .hd .next{width:10%;position:absolute;margin-top:-30%;right:-1%;}

.pro8 {margin:5% 0;}
.pro8 h2 {margin:2%;}
.pro8 p {margin:0 2%; text-indent:2em; line-height:1.5rem;}

@media screen and (max-width:640px)
{
.pro0 p {font-size:0.875rem;}
.pro0 p span {font-weight:bold;}
.pro0 h1 {font-size:1.25rem; color:#000; font-weight:bold; text-align:center; margin:3% auto;}

.pro2 {margin:5% 0;}
.pro2 ul {width:94%; margin:3%;}
.pro2 ul li {float:left; height:98px;}
.pro2 ul .li1 {width:30%; margin-right:2%; background-color:#f6ece0;}
.pro2 ul .li1 h3 {text-align:center; color:#000; font-size:1rem; line-height:1.5rem;}
.pro2 ul .li1 p {text-align:center; line-height:1.5rem;}
.pro2 ul .li1 p span {color:#ca0005;}
.pro2 ul .li2 {width:60%; height:98px; background:url(../images/mydjt_30.jpg)no-repeat; background-size:100%;}
.pro2 ul .li3 {width:8%; background-color:#ca0005; text-align:center; font-size:0.875rem;}
.pro2 ul .li3 a {color:#fff; line-height:1.5rem;}

.pro5 {margin:5% 0;}
.pro5 ul li{width:94%; margin:2% 2% 4% 2%;}
.pro5 .pro5_1 {width:40%; float:left;}
.pro5 .pro5_2 {width:60%; float:left;}
.pro5 .pro5_3 {background-color:#f6f6f6; padding:2% 0 6% 0;; margin-top:2%;}
.pro5 .pro5_3 p {margin:2%; text-indent:2em;}
.pro5 .pro5_4 {width:40%; background-color:#ca0005; line-height:1.5rem; border-radius:0.75rem; text-align:center;margin:0 auto; margin-top:-0.75rem; font-size:0.875rem;}
.pro5 .pro5_4 a {color:#fff;}
}

@media screen and (max-width:320px)
{
.pro2 {margin:5% 0;}
.pro2 ul {width:94%; margin:3%;}
.pro2 ul li {float:left; height:83px;}
.pro2 ul .li1 {width:30%; margin-right:2%; background-color:#f6ece0; }
.pro2 ul .li1 h3 {text-align:center; color:#000; font-size:0.875rem;}
.pro2 ul .li1 p {text-align:center; font-size:0.625rem; line-height:1.3rem;}
.pro2 ul .li1 p span {color:#ca0005;}
.pro2 ul .li2 {width:60%; height:83px; background:url(../images/mydjt_30.jpg)no-repeat; background-size:100%;}
.pro2 ul .li3 {width:8%; background-color:#ca0005; text-align:center; line-height:0.9rem;}
.pro2 ul .li3 a {color:#fff; font-size:0.625rem; line-height:1.2rem;}

.pro3 li {float:left; font-size:0.875rem; margin:3% 0 0 0; font-weight:bold;}
.pro3  p {text-indent:0em;}
.pro3 .pro3_7 {width:50%; line-height:1.5rem; text-align:center; border-radius:0.75rem; background-color:#fdab01; margin:3% auto; margin-left:25%; color:#ffffff; font-size:16px;}

.pro5 ul li{width:94%; margin:2% 2% 4% 2%;}
.pro5 .pro5_1 {width:40%; float:left;}
.pro5 .pro5_2 {width:60%; float:left;}
.pro5 .pro5_3 {background-color:#f6f6f6; padding:2% 0 6% 0;; margin-top:2%;}
.pro5 .pro5_3 p {margin:2%; text-indent:2em; font-size:0.625rem;}
.pro5 .pro5_4 {width:50%; background-color:#ca0005; line-height:1.5rem; border-radius:0.75rem; text-align:center;margin:0 auto; margin-top:-0.75rem; }
.pro5 .pro5_4 a {color:#fff; }
}