html {
}
body, ul, ol, li, p, h1, h2, h3, h4, h5, h6, form, fieldset, table, td, img, div, dl, dt, dd {
    border: 0 none;
    margin: 0;
    padding: 0;
}
body { background-color:#c7d8e8;
    
    color: #393939;
    font-size: 18px;
    margin: 0 auto;
    max-width: 640px; font-family: "Microsoft YaHei";
}
a{color: #393939;text-decoration: none;transition: all 0.2s ease-out 0s;}
 a:hover {
    color: #D44D54;
    text-decoration: none;
}
a[type="button"] {
    color: #fff !important;
}
.banner img {
    width: 100%;
    /* height: 150px; */
}
img {
    vertical-align: middle;
}
img {
height: auto;
width: auto\9;
width:100%; 
} 
input[type="text"], textarea {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #e3e3e3;
    border-radius: 5px;
}
@media only screen and (max-width: 310px) and (min-width: 300px) {
body {
    font-size: 10px;
}
}
@media only screen and (max-width: 320px) and (min-width: 310px) {
body {
    font-size: 10px;
}
}
@media only screen and (max-width: 360px) and (min-width: 320px) {
body {
    font-size: 12px;
}
}
@media only screen and (max-width: 360px) and (min-width: 350px) {
body {
    font-size: 12px;
}
}
@media only screen and (max-width: 480px) and (min-width: 360px) {
body {
    font-size: 14px;
}
}
@media only screen and (max-width: 480px) and (min-width: 470px) {
body {
    font-size: 14px;
}
}
@media only screen and (max-width: 560px) and (min-width: 480px) {
body {
    font-size: 16px;
}
}
@media only screen and (max-width: 570px) and (min-width: 560px) {
body {
    font-size: 16px;
}
}
@media only screen and (max-width: 640px) and (min-width: 570px) {
body {
    font-size: 18px;
}
}
@media only screen and (max-width: 640px) and (min-width: 630px) {
body {
    font-size: 18px;
}
}
ul, li, dl, dt, dd, p, h1, h2, h3, h4, h5, form, img, div {
    border: 0 none;
    list-style: outside none none;
    margin: 0;
    padding: 0;
}
.main {
	width:100%;
	margin:0 auto;
	max-width:640px;
	font-size:14px;
}

.main img {
	vertical-align:top
}

.head{ width:100%; height:60px;  text-align:center; position:relative; }
.nv{width:10%; float:left; position:relative}
section{}
.toolbar{margin-top:30px;left:5%;right:0;background-color:transparent;line-height:50px; width:30px; margin-left:10px }
.menu-button{position:relative;margin:5px;height:42px;width:46px;cursor:pointer; background:url(../images/an.png) 0px 0px no-repeat;}
.menu-button:before{content:"";position:absolute;top:15px;right:3px;width:38px; height:4px}
.menu-left{float:left;margin-right:1.5em;}
.sidebar{margin:0;padding-top:1em;color:white;background-color:#3e0201; width:100px}
.sidebar h6{margin:0 .8em;padding:0;font-weight:300; line-height:30px; text-align:left; font-size:14px;}
.sidebar h6 a{ color:#fff; border-bottom:1px solid #fff}
.sidebar li{margin:.5em 0;padding:0 1em;line-height:32px; text-align:left;}
.sidebar li a{ color:#CCC; line-height:25px;}
.sidebar li:hover{background-color:#fff; }
.sidebar hr{margin:2em auto;border:0;padding:0;width:80%;height:1px;background-color:white;}


.log_img{ width:50%; float:left; padding-left:13%; padding-top:25px; overflow:hidden }
.log_img img{ text-align:center; display:block; margin:auto; width:100%}
.clear{ clear:both; overflow:hidden}

.mBan2 { overflow: hidden; clear:both; padding-top:15px;}
.mBan2 .slideBox{ width:100%; height:auto; position:relative; }
.mBan2 .slideBox .hd{ height: 10px; overflow: hidden; position: absolute; bottom: 4px; z-index: 1; width: 81px; background: url(../images/btnBg.png) no-repeat; margin-left: -46px; left: 50%; padding: 4px 0px 0px 11px; }
.mBan2 .slideBox .hd ul{ zoom: 1; }
.mBan2 .slideBox .hd ul li{ float: left; width: 6px; height: 6px; background: url(../images/btn1.png) no-repeat; cursor: pointer; margin-right: 10px; }
.mBan2 .slideBox .hd ul li.on{ background: url(../images/btn2.png) no-repeat; }
.mBan2 .slideBox .bd{ position:relative; height:100%; z-index:0;   }
.mBan2 .slideBox .bd ul,.slideBox .bd ul li{width:100%!important}
.mBan2 .slideBox .bd img{ width:100%; height:auto; display:block;  }

.bt{ width:100%; clear:both; overflow:hidden; padding-top:20px; text-align:center; }
.main .bt a{ font-size:24px; color:#3e0201}
.main .bt i{ font-family:Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", serif; color:#3e0201; font-style:normal;}
.main .bt p{ padding-top:5px;}
.main .bt em{ width:20px; background: #3e0201;  height:1px; display:block; text-align:center; margin:auto; }
.px{ width:100%; padding-top:20px; overflow:hidden;}
.px li{ width: 90%;
    float: left;
    padding-left: 5%;
    padding-right: 5%;
    margin-bottom: 8px;}
.px li p{ left:5%}
.px li a{ width:100%; font-size:16px; color:#fff;}
.px li a:hover{ background:#000}
.px ol{ width:98%; text-align:center; margin:auto; clear:both}
.px ol a{ width:100%; font-size:16px; color:#fff;}
.px ol a:hover{ background:#000}

.a_bg1{ background:#3e0201; display:block; width:100%; height:35px;-moz-border-radius: 6px;      /* Gecko browsers */
    -webkit-border-radius: 6px;   /* Webkit browsers */
    border-radius:6px; text-align:center; line-height:35px;             /* W3C syntax */}
.a_bg2{background:#26519f; display:block; width:100%; height:35px;-moz-border-radius: 6px;      /* Gecko browsers */
    -webkit-border-radius: 6px;   /* Webkit browsers */
    border-radius:6px; text-align:center; line-height:35px;             /* W3C syntax */}
.hr{ background:#EEEEEE; height:6px; margin-top:20px; overflow:hidden;}
.sz{ width:100%; }
.sz li{ width:46%; padding-left:10px; padding-top:20px; overflow:hidden; float:left; text-align:center}
.sz li a em{ width:80%; text-align:center; margin:auto; display:block}
.sz li a img{ width:100%}
.sz li  p{ padding-top:10px; overflow:hidden}
.sz li  p a{ font-size:16px; color:#3e0201}
.hui_bg{  overflow:hidden;  margin-top:20px}

.img-scroll { position:relative; margin:13px auto; width:100%;}
.img-scroll .prev,.img-scroll .next { position:absolute; display:block; width:5%; height:59px;
 top:100px; }
.img-scroll .prev { left:0}
.img-scroll .next { right:0}
.img-list { position:relative; width:90%; height:230px;  overflow:hidden; text-align:center; margin:auto }
.img_list1{ width:100%; height:230px; overflow:hidden; }
.img_list1 ul{width:100%; height:230px; overflow:hidden;}
.img_list1 ul li{  width:46%; padding-left:10px; padding-top:20px; overflow:hidden; float:left; text-align:center}
.img_list1 li a em{ width:80%; text-align:center; margin:auto; display:block}
.img_list1 li a img{ width:100%;-moz-border-radius: 80px;      /* Gecko browsers */
    -webkit-border-radius: 80px;   /* Webkit browsers */}
.img_list1 li  p{ padding-top:10px; overflow:hidden; height:90px}
.img_list1 li  p a{ font-size:16px; color:#3e0201}

.ry{ width:100%;}
.ry li{ width:47%; float:left; padding-left:2%; padding-top:15px; overflow:hidden; position:relative; text-align:center;}
.ry li img{ width:100%;min-height:115px;height:180px;object-fit: cover }
.ry ul li a dl{ display:none;}
.ry ul li a:hover dl{ display:block; background:#000;position:absolute;  color:#FFF;  top:0px; left:0px; text-align:center; opacity:0.8; width:95%; min-height:115px; line-height:110px; text-align:center; margin:auto; left:6px; top:15px }

.case_woks ul li a:hover dl dt{ font-size:14px; padding-top:80px; overflow:hidden; line-height:30px;}

.news{ width:98%;  overflow:hidden; padding-bottom:15px; padding-left:5px}
.news ul{ width:100%}
.news li{ padding-top:10px; border-bottom:1px 3e0201 #eee; padding-bottom:10px;}
.news li a{ border-left:2px solid #3e0201; text-align:left; padding-left:10px; font-size:16px;color:#3e0201;}
.news li  em{ font-style:normal; color:#956c6b; padding-left:3%}
.news li p{ padding-left:3%; text-align:left; font-size:12px; line-height:20px}

.hz{width:100%;}
.hz li{ width:24%; padding-left:1%; float: left; padding-top:15px; overflow:hidden}
.hz li img{ width:100%}

.copy_bg{ background:#3e0201; overflow:hidden; padding:25px 0px 25px 0px; font-size:12px; color:#fff; text-align:center; margin-top:20px; line-height:20px}
.copy_bg ol{ width:30%; text-align:center; margin:auto; padding:20px 0px 20px 0px; overflow:hidden; clear:both}
.lujing{ width:100%; height:25px; border-bottom:1px solid #3e0201; overflow:hidden; clear:both; margin-top:10px; text-align:left; line-height:25px; font-size:14px;}
.lujing img{ float:left; width:5%; margin-right:5px;margin-left:5px}

.x_inf{ width:96%; padding-top:15px; overflow:hidden; padding-bottom:15px; padding-left:2%; text-align:left; }
 .x_inf h5{ font-size:22px; text-align:center; color:#3e0201}
 .x_inf span{ color:#3e0201; line-height:40px; height:40px;font-size:14px;text-align:center; margin:auto; width:100%; display:block}
 .x_inf span i { color:#3e0201; font-style:normal; }
.x_inf p{ padding:6px 0px; text-align:left; line-height:28px; font-size:14px; text-indent:2em;}
.x_inf p span{ color:#000;}
.x_inf p img{ text-align:center; margin:auto; display:block; max-width: 100%; }
.x_inf ol{ padding-top:10px; overflow:hidden}

.next_prve {
    padding: 1em 0em; overflow:hidden; clear:both; width:100%; 
}
.next_prve ul{ width:90%; text-align:center; margin:auto}
.next_prve {
    text-align: center; font-size:0.6em
}
.next_prve a {
    border: 1px solid #D5D3D3;
    color: #454444;
    display: inline;
    height: 1.3em;
    line-height: 1.3em;
    margin: 0.2em;
    padding: 0.2em 0.2em;
    text-align: center;
    width: 1em;
}
.next_prve a:hover {
    background: none repeat scroll 0 0 #1E9865;
    color: #fff;
}
.next_prve a.curr {
    border: 0 none;
}
.next_prve span {
    border: 1px solid #D5D3D3;
    color: #454444;
    height: 1.3em;
    line-height: 1.3em;
    margin: 0.1em;
    padding: 0.1em 0.2em;
    text-align: center;
}
.next_prve span.disabled {
    border: 1px solid #D5D3D3;
    color: #454444;
    height: 1.3em;
    line-height: 1.3em;
    margin: 0.1em;
    padding: 0.1em 0.2em;
    text-align: center;
    width:1em;
}
.next_prve span.current {
    border: 1px solid #D5D3D3;
    color: #D31A07;
    font-weight: bold;
     height: 1.3em;
    line-height: 1.3em;
    margin: 0.1em;
    padding: 0.1em 0.2em;
    text-align: center;
    width:1em;
}
.next_prve li {
    float: left;
    height: 1.3em;
    list-style-type: none;
    text-align: center;
    vertical-align: middle;
}


.baoming{  width:90%; height:auto; overflow:hidden; }

.baoming ul{ width:100%; padding-top:20px; overflow:hidden; clear:both; text-align:center; margin:auto; padding-left:20px}
.baoming ul li{ clear:both; font-size:14px; line-height:30px; padding-bottom:10px; text-align:left}
.baoming ul li span{ width:15%; text-align:left; float:left}

.in_p{ width:180px; height:26px; background:#fff; border:1px solid #CDC3B9; text-align:left; padding-left:3px; line-height:26px; float:left}
.in_p1{ width:260px; height:90px; background:#fff; border:1px solid #CDC3B9; text-align:left; padding-left:3px; line-height:20px; float:left; margin-top:5px;}

.an_r1{ background:#3E0201; color:#fff; margin-left:50px; width:58px; height:24px; border:none; -moz-border-radius: 5px;      /* Gecko browsers */
    -webkit-border-radius: 5px;   /* Webkit browsers */
    border-radius:5px;            /* W3C syntax */}
	
.an_r2{ background:#381708; color:#fff; margin-left:6px; width:58px; height:24px; border:none; -moz-border-radius: 5px;      /* Gecko browsers */
    -webkit-border-radius: 5px;   /* Webkit browsers */
    border-radius:5px;            /* W3C syntax */}
	
	.sz li p br{ text-align:left;}