@charset "utf-8";
body{margin:0;padding:0; background:#F5F5F5;}
td,div{font-size:14px;color:#444;}
a{color:#333;text-decoration:none;}
a:hover{color:#f30;}
.clear{clear:both;}
.dis{display:none;}
.w{width:1000px;margin:0 auto;clear:both;overflow:hidden;}
.mt10{margin-top:10px;}
.m10{margin:10px auto;}
p{ margin:0; padding:0; list-style:none;}

/* 大于1400px */
@media (min-width: 1400px) {

#head{ width:100%; height:50px;}
.head{ width:100%; height:50px; position:fixed; top:0; background:#FFFFFF; z-index:99999; border-bottom:1px solid #CCCCCC;}
.head ul{ width:calc(100% - 40px); height:50px; margin:0 auto; padding:0 20px; list-style:none;}
.head ul li:nth-child(1){ float:left; height:50px; line-height:50px;}
.head ul li:nth-child(1) a{ display:block; font-family:"微软雅黑"; font-size:24px; color:#000000;}
.head ul li:nth-child(2){ float:right; height:40px;}
.head ul .wzscwl{ float:right; height:40px; padding:5px 0;}
.head ul .wzscwl p{ margin:0; padding:0; list-style:none; height:20px; line-height:20px; font-family:"微软雅黑"; font-size:14px; color:#FF0000;}
.demo{ border:0; width:100%; height:100%; position:absolute; margin-top:0; overflow:hidden;}

#web_head{ width:100%; height:50px;}
.web_head{ width:100%; height:50px; position:fixed; top:0; background:#FFFFFF; z-index:99999; border-bottom:1px solid #CCCCCC;}
.web_head ul{ width:calc(100% - 40px); height:50px; margin:0 auto; padding:0 20px; list-style:none;}
.web_head ul li:nth-child(1){ float:left; height:50px; line-height:50px;}
.web_head ul li:nth-child(1) a{ display:block; font-family:"微软雅黑"; font-size:24px; color:#000000;}
.web_head ul li:nth-child(2){ float:right; height:40px;}
.web_head ul .wzscwl{ float:right; height:40px; padding:5px 0;}
.web_head ul .wzscwl p{ margin:0; padding:0; list-style:none; height:20px; line-height:20px; font-family:"微软雅黑"; font-size:14px; color:#F1F1F1;}

.top{ width:calc(100% - 120px); height:30px; margin:0 auto; background:#FFFFFF; padding:20px 40px;}
.topl{ float:left; height:30px;}
.topl ul{ margin:0; padding:0; list-style:none;}
.topl ul li{ float:left; width:120px; height:30px; text-align:center; line-height:30px; background:#F5F5F5; margin-right:20px;}
.topl ul li a{ display:block; font-family:"微软雅黑"; font-size:12px; color:#000000; transition: 0.8s;/*过渡效果*/}
.topl ul li:hover a{ background:#FF0000; color:#FFFFFF;}
.base{ float:right; width:320px; height:30px;}
.base form{ margin:0; padding:0; list-style:none; border:0;}
.base form input{ float:left;}
.base form input[type=text]{ width:158px; height:28px; border:1px solid #CCCCCC; padding:0 20px;}
.base form input[type=submit]{ width:120px; height:30px; border:0; background:#FF0000; font-family:"微软雅黑"; font-size:14px; color:#FFFFFF; cursor:pointer;}

.menu{ width:calc(100% - 20px); height:60px; margin:0 auto; padding:15px 10px; padding-bottom:0;}
.menu div{ display:none;}
.menu ul{ margin:0; padding:0; list-style:none;}
.menu ul li:nth-child(1){ display:none;}
.menu ul li{ float:left; width:calc(12.5% - 20px); height:40px; text-align:center; line-height:40px; margin:5px 10px; background:#FFFFFF;}
.menu ul li a{ display:block; font-family:"微软雅黑"; font-size:14px; color:#000000;}
.menu ul li:hover a{ display:block; background:#FF0000; color:#FFFFFF;}
.menu ul .hover a{ background:#FF0000; color:#FFFFFF;}

.list{ width:calc(100% - 20px); margin:10px auto; padding:0 10px;}
.list ul{ margin:0; padding:0; list-style:none;}
.list ul li{ float:left; width:calc(25% - 50px); background:#FFFFFF; margin:10px; padding:15px; transition: 0.8s;/*过渡效果*/
filter:progid:DXImageTransform.Microsoft.Shadow(color=#909090,direction=120,strength=3);/*ie*/
-moz-box-shadow: 2px 2px 10px #909090;/*firefox*/
-webkit-box-shadow: 2px 2px 10px #909090;/*safari或chrome*/
box-shadow:2px 2px 10px #909090;/*opera或ie9*/
}
.list ul li p{ margin:0; padding:0; list-style:none; width:100%; }
.list ul li b{ display:block; position:absolute; width:180px; height:30px; text-align:center; line-height:30px; background:#FF0000; margin-top:0; color:#FFFFFF; font-weight:400; z-index:999;}
.list ul li img{ width:100%; border:0;}
.list ul li div{ height:40px; line-height:40px; font-family:"微软雅黑"; font-size:16px; color:#FF0000; transition: 0.8s;/*过渡效果*/}
.list ul li span{ display:block; width:100%; transition: 0.8s;/*过渡效果*/}
.list ul li span a{ display:block; width:100%; height:30px; text-align:center; line-height:30px; background:#FF5E5E; border-radius:6px; overflow:hidden; color:#FFFFFF; font-size:12px; transition: 0.8s;/*过渡效果*/}

.list ul li:hover{ background:#FF0000;}
.list ul li:hover div{ color:#FFFFFF;}
.list ul li:hover span a{ background:#FFFFFF; color:#FF0000;}

.list ul li:hover span .mewm{ display:none; width:300px; height:235px; text-align:center; position:absolute; z-index:999; margin-top:-240px;}
.list ul li:hover span .mewm img{ width:200px; height:235px; border:0;}
.list ul li span:hover .mewm{ display:block;}

.web_title{ text-align:center; font-family:"微软雅黑"; font-size:24px; height:100px; line-height:100px;}
.web_title span{ color:#FF0000; margin-right:5px;}
.web_title a{ color:#FF0000;}
.web_pic{ text-align:center; display:none;}
.web_pic img{ max-width:100%; border:0;}
.web_book{ width:640px; margin:0 auto;}
.web_book foot{ width:640px; margin:0; padding:0; list-style:none; border:0;}
.web_book input{ width:628px; height:50px; margin-bottom:20px; border:1px solid #CCCCCC; padding-left:10px;}
.web_book button{ width:638px; height:50px; border:1px solid #FF0000; cursor:pointer; background:#FF0000; color:#FFFFFF;}

.foot{ width:100%; height:100px; background:#333333; padding:10px 0; margin-top:20px;}
.foot ul{ width:calc(100% - 100px); margin:0 auto; padding:0; list-style:none;}
.foot ul li{ float:left; height:100px; line-height:100px; margin-right:20px; font-family:"微软雅黑"; font-size:16px; color:#FFFFFF;}
.foot ul li a{ font-family:"微软雅黑"; font-size:16px; color:#FFFFFF;}

.inquiry{ width:800px; margin:0 auto;}
#inquiry{ width:800px; height:50px; margin:30px auto;}
.inquiry_l{ float:left; width:180px; height:50px; text-align:right; padding-right:20px; line-height:50px;}
.inquiry_l span{ color:#FF0000; line-height:50ox;}
.inquiry_r{ float:left; width:600px; height:50px;}
.inquiry_r p{ margin:0; padding:0; list-style:none; padding-left:20px; height:50px; line-height:50px;}
.inquiry_r .ipt{ width:558px; height:48px; border:1px solid #CCCCCC; padding:0 20px; background:#F5F5F5;}
.inquiry_r .ip{ width:558px; height:48px; border:1px solid #CCCCCC; padding:0 20px;}
.inquiry_r .yzm{ width:208px; height:48px; border:1px solid #CCCCCC; padding:0 20px;}
.inquiry_r .bnt{ width:210px; height:50px; border:0; padding:0 20px; background:#FF0000; color:#FFFFFF; cursor:pointer;}

#inquiry2{ width:800px; height:150px; margin:30px auto;}
.inquiry_r2{ float:left; width:600px; height:150px;}
.inquiry_r2 .ip{ width:558px; height:128px; border:1px solid #CCCCCC; padding:10px 20px; line-height:25px;}



}

@media screen and (min-width: 1050px) and (max-width: 1400px) {

#head{ width:100%; height:50px;}
.head{ width:100%; height:50px; position:fixed; top:0; background:#FFFFFF; z-index:99999; border-bottom:1px solid #CCCCCC;}
.head ul{ width:calc(100% - 40px); height:50px; margin:0 auto; padding:0 20px; list-style:none;}
.head ul li:nth-child(1){ float:left; height:50px; line-height:50px;}
.head ul li:nth-child(1) a{ display:block; font-family:"微软雅黑"; font-size:24px; color:#000000;}
.head ul li:nth-child(2){ float:right; height:40px;}
.head ul .wzscwl{ float:right; height:40px; padding:5px 0;}
.head ul .wzscwl p{ margin:0; padding:0; list-style:none; height:20px; line-height:20px; font-family:"微软雅黑"; font-size:14px; color:#FF0000;}

#web_head{ width:100%; height:50px;}
.web_head{ width:100%; height:50px; position:fixed; top:0; background:#FFFFFF; z-index:99999; border-bottom:1px solid #CCCCCC;}
.web_head ul{ width:calc(100% - 40px); height:50px; margin:0 auto; padding:0 20px; list-style:none;}
.web_head ul li:nth-child(1){ float:left; height:50px; line-height:50px;}
.web_head ul li:nth-child(1) a{ display:block; font-family:"微软雅黑"; font-size:24px; color:#000000;}
.web_head ul li:nth-child(2){ float:right; height:40px;}
.web_head ul .wzscwl{ float:right; height:40px; padding:5px 0;}
.web_head ul .wzscwl p{ margin:0; padding:0; list-style:none; height:20px; line-height:20px; font-family:"微软雅黑"; font-size:14px; color:#F1F1F1;}

.demo{ border:0; width:100%; height:100%; position:absolute; margin-top:0; overflow:hidden;}

.top{ width:calc(100% - 120px); height:30px; margin:0 auto; background:#FFFFFF; padding:20px 40px;}
.topl{ float:left; height:30px;}
.topl ul{ margin:0; padding:0; list-style:none;}
.topl ul li{ float:left; width:100px; height:30px; text-align:center; line-height:30px; background:#F5F5F5; margin-right:20px;}
.topl ul li a{ display:block; font-family:"微软雅黑"; font-size:12px; color:#000000; transition: 0.8s;/*过渡效果*/}
.topl ul li:hover a{ background:#FF0000; color:#FFFFFF;}
.base{ float:right; width:320px; height:30px;}
.base form{ margin:0; padding:0; list-style:none; border:0;}
.base form input{ float:left;}
.base form input[type=text]{ width:158px; height:28px; border:1px solid #CCCCCC; padding:0 20px;}
.base form input[type=submit]{ width:120px; height:30px; border:0; background:#FF0000; font-family:"微软雅黑"; font-size:14px; color:#FFFFFF; cursor:pointer;}

.menu{ width:calc(100% - 20px); height:100px; margin:0 auto; padding:15px 10px; padding-bottom:0;}
.menu div{ display:none;}
.menu ul{ margin:0; padding:0; list-style:none;}
.menu ul li:nth-child(1){ display:none;}
.menu ul li{ float:left; width:calc(25% - 20px); height:40px; text-align:center; line-height:40px; margin:5px 10px; background:#FFFFFF;}
.menu ul li a{ display:block; font-family:"微软雅黑"; font-size:14px; color:#000000;}
.menu ul li:hover a{ display:block; background:#FF0000; color:#FFFFFF;}
.menu ul .hover a{ background:#FF0000; color:#FFFFFF;}

.list{ width:calc(100% - 20px); min-height:500px; margin:10px auto; padding:0 10px;}
.list ul{ margin:0; padding:0; list-style:none;}
.list ul li{ float:left; width:calc(33.3% - 50px); background:#FFFFFF; margin:10px; padding:15px; transition: 0.8s;/*过渡效果*/
filter:progid:DXImageTransform.Microsoft.Shadow(color=#909090,direction=120,strength=3);/*ie*/
-moz-box-shadow: 2px 2px 10px #909090;/*firefox*/
-webkit-box-shadow: 2px 2px 10px #909090;/*safari或chrome*/
box-shadow:2px 2px 10px #909090;/*opera或ie9*/
}
.list ul li p{ margin:0; padding:0; list-style:none;}
.list ul li b{ position:absolute; width:180px; height:30px; text-align:center; line-height:30px; background:#FF0000; display:block; color:#FFFFFF; font-weight:400; z-index:999;}
.list ul li img{ width:100%; border:0;}
.list ul li div{ height:40px; line-height:40px; font-family:"微软雅黑"; font-size:16px; color:#FF0000; transition: 0.8s;/*过渡效果*/}
.list ul li span{ display:block; width:100%; transition: 0.8s;/*过渡效果*/}
.list ul li span a{ display:block; width:100%; height:30px; text-align:center; line-height:30px; background:#FF5E5E; border-radius:6px; overflow:hidden; color:#FFFFFF; font-size:12px; transition: 0.8s;/*过渡效果*/}

.list ul li:hover span .mewm{ display:none; width:300px; height:235px; text-align:center; position:absolute; z-index:999; margin-top:-240px;}
.list ul li:hover span .mewm img{ width:200px; height:235px; border:0;}
.list ul li span:hover .mewm{ display:block;}

.web_title{ text-align:center; font-family:"微软雅黑"; font-size:24px; height:100px; line-height:100px;}
.web_title span{ color:#FF0000; margin-right:5px;}
.web_title a{ color:#FF0000;}
.web_pic{ text-align:center; display:none;}
.web_pic img{ max-width:100%; border:0;}
.web_book{ width:640px; margin:0 auto;}
.web_book foot{ width:640px; margin:0; padding:0; list-style:none; border:0;}
.web_book input{ width:628px; height:50px; margin-bottom:20px; border:1px solid #CCCCCC; padding-left:10px;}
.web_book button{ width:638px; height:50px; border:1px solid #FF0000; cursor:pointer; background:#FF0000; color:#FFFFFF;}

.foot{ width:100%; height:50px; background:#333333; padding:10px 0; margin-top:20px;}
.foot ul{ width:calc(100% - 40px); margin:0 auto; padding:0 20px; list-style:none;}
.foot ul li{ float:left; height:50px; line-height:50px; margin-right:20px; font-family:"微软雅黑"; font-size:16px; color:#FFFFFF;}
.foot ul li a{ font-family:"微软雅黑"; font-size:16px; color:#FFFFFF;}

.inquiry{ width:800px; margin:0 auto;}
#inquiry{ width:800px; height:50px; margin:30px auto;}
.inquiry_l{ float:left; width:180px; height:50px; text-align:right; padding-right:20px; line-height:50px;}
.inquiry_l span{ color:#FF0000; line-height:50ox;}
.inquiry_r{ float:left; width:600px; height:50px;}
.inquiry_r p{ margin:0; padding:0; list-style:none; padding-left:20px; height:50px; line-height:50px;}
.inquiry_r .ipt{ width:558px; height:48px; border:1px solid #CCCCCC; padding:0 20px; background:#F5F5F5;}
.inquiry_r .ip{ width:558px; height:48px; border:1px solid #CCCCCC; padding:0 20px;}
.inquiry_r .yzm{ width:208px; height:48px; border:1px solid #CCCCCC; padding:0 20px;}
.inquiry_r .bnt{ width:210px; height:50px; border:0; padding:0 20px; background:#FF0000; color:#FFFFFF; cursor:pointer;}

#inquiry2{ width:800px; height:150px; margin:30px auto;}
.inquiry_r2{ float:left; width:600px; height:150px;}
.inquiry_r2 .ip{ width:558px; height:128px; border:1px solid #CCCCCC; padding:10px 20px; line-height:25px;}

.demo{ border:medium none; width:100%; height:100%; position:absolute; margin-top:-40px; overflow:hidden;}
}


@media screen and (min-width: 640px) and (max-width: 1050px) {

#head{ width:100%; height:50px;}
.head{ width:100%; height:50px; position:fixed; top:0; background:#FFFFFF; z-index:99999; border-bottom:1px solid #CCCCCC;}
.head ul{ width:calc(100% - 40px); height:50px; margin:0 auto; padding:0 20px; list-style:none;}
.head ul li:nth-child(1){ float:left; height:50px; line-height:50px;}
.head ul li:nth-child(1) a{ display:block; font-family:"微软雅黑"; font-size:24px; color:#000000;}
.head ul li:nth-child(2){ float:right; height:40px;}
.head ul .wzscwl{ float:right; height:40px; padding:5px 0;}
.head ul .wzscwl p{ margin:0; padding:0; list-style:none; height:20px; line-height:20px; font-family:"微软雅黑"; font-size:14px; color:#FF0000;}

#web_head{ width:100%; height:50px;}
.web_head{ width:100%; height:50px; position:fixed; top:0; background:#FFFFFF; z-index:99999; border-bottom:1px solid #CCCCCC;}
.web_head ul{ width:calc(100% - 40px); height:50px; margin:0 auto; padding:0 20px; list-style:none;}
.web_head ul li:nth-child(1){ float:left; height:50px; line-height:50px;}
.web_head ul li:nth-child(1) a{ display:block; font-family:"微软雅黑"; font-size:24px; color:#000000;}
.web_head ul li:nth-child(2){ float:right; height:40px;}
.web_head ul .wzscwl{ float:right; height:40px; padding:5px 0;}
.web_head ul .wzscwl p{ margin:0; padding:0; list-style:none; height:20px; line-height:20px; font-family:"微软雅黑"; font-size:14px; color:#F1F1F1;}


.demo{ border:0; width:100%; height:100%; position:absolute; margin-top:0; overflow:hidden;}

.top{ width:calc(100% - 80px); height:30px; margin:0 auto; background:#FFFFFF; padding:20px;}
.topl{ float:left;}
.topl ul{ margin:0; padding:0; list-style:none;}
.topl ul li{ float:left; width:70px; height:30px; text-align:center; line-height:30px; background:#F5F5F5; margin-right:10px;}
.topl ul li a{ display:block; font-family:"微软雅黑"; font-size:12px; color:#000000; transition: 0.8s;/*过渡效果*/}
.topl ul li:hover a{ background:#FF0000; color:#FFFFFF;}
.base{ float:right; width:220px; height:30px;}
.base form{ margin:0; padding:0; list-style:none; border:0;}
.base form input{ float:left;}
.base form input[type=text]{ width:108px; height:28px; border:1px solid #CCCCCC; padding:0 20px;}
.base form input[type=submit]{ width:70px; height:30px; border:0; background:#FF0000; font-family:"微软雅黑"; font-size:14px; color:#FFFFFF; cursor:pointer;}

.menu{ width:calc(100% - 20px);height:100px; margin:0 auto; padding:15px 10px; padding-bottom:0;}
.menu div{ display:none;}
.menu ul{ margin:0; padding:0; list-style:none;}
.menu ul li:nth-child(1){ display:none;}
.menu ul li{ float:left; width:calc(25% - 20px); height:40px; text-align:center; line-height:40px; margin:5px 10px; background:#FFFFFF;}
.menu ul li a{ display:block; font-family:"微软雅黑"; font-size:14px; color:#000000;}
.menu ul li:hover a{ display:block; background:#FF0000; color:#FFFFFF;}
.menu ul .hover a{ background:#FF0000; color:#FFFFFF;}

.list{ width:calc(100% - 20px); min-height:500px; margin:10px auto; padding:0 10px;}
.list ul{ margin:0; padding:0; list-style:none;}
.list ul li{ float:left; width:calc(50% - 50px); background:#FFFFFF; margin:10px; padding:15px; transition: 0.8s;/*过渡效果*/
filter:progid:DXImageTransform.Microsoft.Shadow(color=#909090,direction=120,strength=3);/*ie*/
-moz-box-shadow: 2px 2px 10px #909090;/*firefox*/
-webkit-box-shadow: 2px 2px 10px #909090;/*safari或chrome*/
box-shadow:2px 2px 10px #909090;/*opera或ie9*/
}
.list ul li p{ margin:0; padding:0; list-style:none;}
.list ul li b{ position:absolute; width:180px; height:30px; text-align:center; line-height:30px; background:#FF0000; display:block; color:#FFFFFF; font-weight:400; z-index:999;}
.list ul li img{ width:100%; border:0;}
.list ul li div{ height:40px; line-height:40px; font-family:"微软雅黑"; font-size:16px; color:#FF0000; transition: 0.8s;/*过渡效果*/}
.list ul li span{ display:block; width:100%; transition: 0.8s;/*过渡效果*/}
.list ul li span a{ display:block; width:100%; height:30px; text-align:center; line-height:30px; background:#FF5E5E; border-radius:6px; overflow:hidden; color:#FFFFFF; font-size:12px; transition: 0.8s;/*过渡效果*/}

.list ul li:hover span .mewm{ display:none; width:300px; height:235px; text-align:center; position:absolute; z-index:999; margin-top:-240px;}
.list ul li:hover span .mewm img{ width:200px; height:235px; border:0;}
.list ul li span:hover .mewm{ display:block;}

.web_title{ text-align:center; font-family:"微软雅黑"; font-size:24px; height:100px; line-height:100px;}
.web_title span{ color:#FF0000; margin-right:5px;}
.web_title a{ color:#FF0000;}
.web_pic{ text-align:center; display:none;}
.web_pic img{ max-width:100%; border:0;}
.web_book{ width:640px; margin:0 auto;}
.web_book foot{ width:640px; margin:0; padding:0; list-style:none; border:0;}
.web_book input{ width:628px; height:50px; margin-bottom:20px; border:1px solid #CCCCCC; padding-left:10px;}
.web_book button{ width:638px; height:50px; border:1px solid #FF0000; cursor:pointer; background:#FF0000; color:#FFFFFF;}

.foot{ width:calc(100% - 40px); min-height:100px; background:#333333; padding:10px 20px; margin-top:20px;}
.foot ul{ width:100%; margin:0 auto; padding:0; list-style:none;}
.foot ul li{ float:left; height:50px; line-height:50px; margin-right:20px; font-family:"微软雅黑"; font-size:16px; color:#FFFFFF; background:#333333;}
.foot ul li a{ font-family:"微软雅黑"; font-size:16px; color:#FFFFFF;}

.inquiry{ width:800px; margin:0 auto;}
#inquiry{ width:800px; height:50px; margin:30px auto;}
.inquiry_l{ float:left; width:180px; height:50px; text-align:right; padding-right:20px; line-height:50px;}
.inquiry_l span{ color:#FF0000; line-height:50ox;}
.inquiry_r{ float:left; width:600px; height:50px;}
.inquiry_r p{ margin:0; padding:0; list-style:none; padding-left:20px; height:50px; line-height:50px;}
.inquiry_r .ipt{ width:558px; height:48px; border:1px solid #CCCCCC; padding:0 20px; background:#F5F5F5;}
.inquiry_r .ip{ width:558px; height:48px; border:1px solid #CCCCCC; padding:0 20px;}
.inquiry_r .yzm{ width:208px; height:48px; border:1px solid #CCCCCC; padding:0 20px;}
.inquiry_r .bnt{ width:210px; height:50px; border:0; padding:0 20px; background:#FF0000; color:#FFFFFF; cursor:pointer;}

#inquiry2{ width:800px; height:150px; margin:30px auto;}
.inquiry_r2{ float:left; width:600px; height:150px;}
.inquiry_r2 .ip{ width:558px; height:128px; border:1px solid #CCCCCC; padding:10px 20px; line-height:25px;}

.demo{ border:medium none; width:100%; height:100%; position:absolute; margin-top:-40px; overflow:hidden;}
}


@media (min-width: 640px) {

.iframe-wrapper{ width:100%; height:calc(100% - 45px);  position:absolute;}
.iframe-wrapper #iframe{ width:100%; height:100%;}
.iframe-wrapper .contact{ width:100%; height:45px;}
.iframe-wrapper .contact ul{ margin:0; padding:0; list-style:none; width:100%; height:45px; position:fixed; z-index:999; bottom:0; background:#FFFFFF; border-top:1px solid #CCCCCC;}
.iframe-wrapper .contact ul li{ float:left; width:20%; height:35px; padding:5px 0;}
.iframe-wrapper .contact ul li a{ display:block; width:150px; margin:0 auto; height:35px; text-align:center; line-height:35px; font-family:"微软雅黑"; font-size:12px; color:#FFFFFF; text-decoration:none; background:#FF0000; overflow:hidden; border-radius:10px;}
.iframe-wrapper .contact ul li a:hover{ background:#000000; color:#FFFFFF;}

}

/* 手机端样式开始 */
@media (max-width: 640px) {

#head{ width:100%; height:90px;}
.head{ width:100%; height:90px; position:fixed; top:0; background:#FFFFFF; z-index:99999;}
.head ul{ margin:0; padding:10px 0; list-style:none;}
.head ul li:nth-child(1){ height:30px; line-height:30px; text-align:center;}
.head ul li:nth-child(1) a{ display:block; font-family:"微软雅黑"; font-size:24px; color:#000000;}
.head ul li:nth-child(2){ height:40px; text-align:center;}
.head ul .wzscwl{ height:40px; padding:0;}
.head ul .wzscwl p{ margin:0; padding:0; list-style:none; height:20px; line-height:20px; font-family:"微软雅黑"; font-size:14px; color:#FF0000;}

#web_head{ width:100%; height:90px; display:none;}
.web_head{ width:100%; height:90px; position:fixed; top:0; background:#FFFFFF; z-index:99999; display:none;}
.web_head ul{ margin:0; padding:10px 0; list-style:none;}
.web_head ul li:nth-child(1){ height:30px; line-height:30px; text-align:center;}
.web_head ul li:nth-child(1) a{ display:block; font-family:"微软雅黑"; font-size:24px; color:#000000;}
.web_head ul li:nth-child(2){ height:40px; text-align:center;}
.web_head ul .wzscwl{ height:40px; padding:0;}
.web_head ul .wzscwl p{ margin:0; padding:0; list-style:none; height:20px; line-height:20px; font-family:"微软雅黑"; font-size:14px; color:#F1F1F1;}


.demo{ border:0; width:100%; height:100%; position:absolute; margin-top:0; overflow:hidden;}

.top{ width:96%; height:80px; margin:0 auto; background:#FFFFFF; padding:20px 0;}
.topl{ width:98%; height:30px; padding:0 1%;}
.topl ul{ margin:0; padding:0; list-style:none;}
.topl ul li{ float:left; width:18%; height:30px; text-align:center; line-height:30px; background:#F5F5F5; margin:0 1%;}
.topl ul li a{ display:block; font-family:"微软雅黑"; font-size:12px; color:#000000; transition: 0.8s;/*过渡效果*/}
.topl ul li:hover a{ background:#FF0000; color:#FFFFFF;}
.base{ width:96%; height:30px; padding:0 2%; margin-top:20px;}
.base form{ margin:0; padding:0; list-style:none; border:0;}
.base form input{ float:left;}
.base form input[type=text]{ width:calc(66% - 2px);  height:28px; border:1px solid #CCCCCC; padding:0 2%}
.base form input[type=submit]{ width:30%; height:30px; border:0; background:#FF0000; font-family:"微软雅黑"; font-size:14px; color:#FFFFFF; cursor:pointer;}

.menu{ width:calc(100% - 40px); margin:0 auto; padding:0 20px; padding-top:15px; margin-bottom:30px;}
.menu div{ width:100%; height:40px; background:#FFFFFF; text-align:center; line-height:40px; font-family:"微软雅黑"; font-size:18px; color:#000000;}
.menu ul{ display:none; margin:0; padding:0; list-style:none;}
.menu ul li{ width:100%; height:30px; text-align:center; line-height:30px; margin:5px auto; background:#FFFFFF;}
.menu ul li a{ display:block; font-family:"微软雅黑"; font-size:14px; color:#000000;}
.menu ul li:hover a{ display:block; background:#FF0000; color:#FFFFFF;}

.list{ width:calc(100% - 40px); margin:0 auto;}
.list ul{ margin:0; padding:0; list-style:none;}
.list ul li{  width:calc(100% - 30px); margin:10px auto; background:#FFFFFF; padding:15px;
filter:progid:DXImageTransform.Microsoft.Shadow(color=#909090,direction=120,strength=3);/*ie*/
-moz-box-shadow: 2px 2px 10px #909090;/*firefox*/
-webkit-box-shadow: 2px 2px 10px #909090;/*safari或chrome*/
box-shadow:2px 2px 10px #909090;/*opera或ie9*/
}
.list ul li p{ margin:0; padding:0; list-style:none;}
.list ul li b{ position:absolute; width:180px; height:30px; text-align:center; line-height:30px; background:#FF0000; display:block; color:#FFFFFF; font-weight:400; z-index:999;}
.list ul li img{ width:100%; border:0;}
.list ul li div{ height:40px; line-height:40px; font-family:"微软雅黑"; font-size:16px; color:#FF0000; transition: 0.8s;/*过渡效果*/}
.list ul li span{ display:block; width:100%; transition: 0.8s;/*过渡效果*/}
.list ul li span a{ display:block; width:100%; height:30px; text-align:center; line-height:30px; background:#FF5E5E; border-radius:6px; overflow:hidden; color:#FFFFFF; font-size:12px; transition: 0.8s;/*过渡效果*/}

.web_title{ text-align:center; font-family:"微软雅黑"; font-size:14px; height:30px; line-height:30px;}
.web_title span{ color:#FF0000; margin-right:5px;}
.web_title a{ color:#FF0000;}
.web_pic{ text-align:center; display:none;}
.web_pic img{ max-width:100%; border:0;}
.web_book{ width:300px; margin:10px auto 0;}
.web_book foot{ width:300px; margin:0; padding:0; list-style:none; border:0;}
.web_book input{ width:280px; height:35px; margin-bottom:15px; border:1px solid #CCCCCC; padding-left:10px;}
.web_book button{ width:298px; height:35px; border:1px solid #FF0000; cursor:pointer; background:#FF0000; color:#FFFFFF;}

.foot{ width:calc(100% - 40px); height:180px; background:#333333; padding:10px 20px; margin-top:20px;}
.foot ul{ width:100%; margin:0 auto; padding:0; list-style:none;}
.foot ul li{ height:30px; line-height:30px; font-family:"微软雅黑"; font-size:16px; color:#FFFFFF;}
.foot ul li a{ font-family:"微软雅黑"; font-size:16px; color:#FFFFFF;}

.inquiry{ width:96%; padding:0 2%;}
#inquiry{ width:100%; height:60px; margin:20px auto;}
.inquiry_l{ width:100%; height:20px; text-align:left; line-height:20px;}
.inquiry_l span{ color:#FF0000; line-height:20ox;}
.inquiry_r{ width:100%; height:40px;}
.inquiry_r p{ margin:0; padding:0; list-style:none; padding-left:20px; height:50px; line-height:50px;}
.inquiry_r .ipt{ width:96%; height:48px; border:1px solid #CCCCCC; padding:0 2%; background:#F5F5F5;}
.inquiry_r .ip{ width:96%; height:48px; border:1px solid #CCCCCC; padding:0 2%;}
.inquiry_r .yzm{ width:49%; height:48px; border:1px solid #CCCCCC; padding:0 20px;}
.inquiry_r .bnt{ width:100%; height:50px; border:0; padding:0; background:#FF0000; color:#FFFFFF; cursor:pointer;}

#inquiry2{ width:100%; height:150px; margin:30px auto;}
.inquiry_r2{ float:left; width:100%; height:150px;}
.inquiry_r2 .ip{ width:96%; height:128px; border:1px solid #CCCCCC; padding:10px 2%; line-height:25px;}

/*
.m_l{ float:left; width:50% !important;}
.m_r{ float:left; width:50% !important; line-height:20px !important;}
.m_r p{  line-height:20px !important;}
*/

.iframe-wrapper{ width:100%; height:100%; position:absolute;}
.iframe-wrapper #iframe{ width:100%; max-width:640px; height:calc(100% - 45px);}
.iframe-wrapper .contact{ width:100%; max-width:640px; height:45px;}
.iframe-wrapper .contact ul{ margin:0; padding:0; list-style:none; width:100%; padding:0; height:45px; position:fixed; z-index:999; bottom:0; background:#FFFFFF; border-top:1px solid #CCCCCC;}
.iframe-wrapper .contact ul li{ float:left; height:35px; padding:5px 0;}
.iframe-wrapper .contact ul li:nth-child(1){ width:20%;}
.iframe-wrapper .contact ul li:nth-child(2){ width:20%;}
.iframe-wrapper .contact ul li:nth-child(3){ width:20%;}
.iframe-wrapper .contact ul li:nth-child(4){ width:20%;}
.iframe-wrapper .contact ul li:nth-child(5){ width:20%;}
.iframe-wrapper .contact ul li a{ display:block; width:96%; margin:0 auto; height:35px; text-align:center; line-height:35px; font-family:"微软雅黑"; font-size:12px; color:#FFFFFF; text-decoration:none; background:#FF0000; overflow:hidden; border-radius:10px;}
.iframe-wrapper .contact ul li a span{ display:none;}
.iframe-wrapper .contact ul li a:hover{ background:#000000; color:#FFFFFF;}

.web_foot{ display:none;}
}

/*list*/
.list_page{text-align:center;margin:10px;display:block;}
.list_page:after{content:" ";display:block;height:0;clear:both;visibility:hidden;overflow:hidden;}
.list_page ul{list-style:none;margin:0;padding:0;display:inline-block;vertical-align:bottom;}
.list_page ul li{display:inline-block;border:solid 1px #ddd;border-radius:4px;}
.list_page ul span{color:#333;padding:8px 12px;line-height:18px;display:block;transition:all 1s cubic-bezier(0.175, 0.885, 0.32, 1) 0s;background:#fff;}
.list_page ul a{color:#333;padding:8px 12px;line-height:18px;display:block;transition:all 1s cubic-bezier(0.175, 0.885, 0.32, 1) 0s;background:#fff;}
.page_group ul{border-right:solid 1px #ddd;border-radius:4px;}
.page_group ul li{border-right:none;border-radius:0;float:left;}
.page_group ul span{border-right:none;border-radius:0;float:left;}
.page_group ul li:not(:first-child):not(:last-child){border-radius:0;}
.page_group ul li:first-child{border-radius:4px 0 0 4px;}
.page_group ul li:last-child{border-radius:0 4px 4px 0;}
.page_group ul .active a{background:#f3f3f3;border-radius:0;}

.more{ width:200px; height:40px; margin:20px auto 0; text-align:center; line-height:40px; background:#FF0000;}
.more a{ display:block; font-family:"微软雅黑"; font-size:16px; color:#FFFFFF;}


.web_foot{ width:100%; height:50px;}
.web_foot ul{ width:100%; height:50px; margin:0; padding:0; list-style:none; background:#FFFFFF; position:fixed; bottom:0; left:0; border-top:1px solid #CCCCCC; text-align:center;}
.web_foot ul li{ line-height:50px; margin:0 5px; display: inline;}
.web_foot ul li a{ color:#333333; font-size:12px;}