@charset "utf-8";

.wrap{margin:50px auto;width:1100px;height:330px;position:relative;overflow:hidden;}
.pic{width:330px;height:330px;cursor:pointer; border-left:4px #fff solid; }
.pic1{background:url('../images/01.jpg');position:absolute;top:0;left:0;z-index:1; border-left:0px;}
.pic_num1{width:100%;height:84px;position:absolute;bottom:0px;left:0px;background:url('../images/xians.jpg') no-repeat 15px 35px #f2972c;filter:alpha(opacity=90);-moz-opacity:0.9;opacity:0.9; font-size:18px; line-height:40px; text-indent:16px; color:#fff;  }
.pic_num1 a { color:#fff; }
.pic_num1 a:hover{ color:red;  }
.pic2{background:url('../images/02.jpg');position:absolute;top:0;left:120px;z-index:3;}
.pic_num2{width:100%;height:84px;position:absolute;bottom:0px;left:0px;background:url('../images/xians.jpg') no-repeat 15px 35px #f2972c;filter:alpha(opacity=90);-moz-opacity:0.9;opacity:0.9; font-size:18px; line-height:40px; text-indent:16px; color:#fff;  }
.pic_num2 a { color:#fff; }
.pic_num2 a:hover{ color:red;  }
.pic3{background:url('../images/03.jpg');position:absolute;top:0;left:240px;z-index:5;}
.pic_num3{width:100%;height:84px;position:absolute;bottom:0px;left:0px;background:url('../images/xians.jpg') no-repeat 15px 35px #f2972c;filter:alpha(opacity=90);-moz-opacity:0.9;opacity:0.9; font-size:18px; line-height:40px; text-indent:16px; color:#fff;  }
.pic_num3 a { color:#fff; }
.pic_num3 a:hover{ color:red;  }
.pic4{background:url('../images/04.jpg');position:absolute;top:0;left:360px;z-index:7;}
.pic_num4{width:100%;height:84px;position:absolute;bottom:0px;left:0px;background:url('../images/xians.jpg') no-repeat 15px 35px #f2972c;filter:alpha(opacity=90);-moz-opacity:0.9;opacity:0.9; font-size:18px; line-height:40px; text-indent:16px; color:#fff;  }
.pic_num4 a { color:#fff; }
.pic_num4 a:hover{ color:red;  }
.pic5{background:url('../images/05.jpg');position:absolute;top:0;left:480px;z-index:9;}
.pic_num5{width:100%;height:84px;position:absolute;bottom:0px;left:0px;background:url('../images/xians.jpg') no-repeat 15px 35px #f2972c;filter:alpha(opacity=90);-moz-opacity:0.9;opacity:0.9; font-size:18px; line-height:40px; text-indent:16px; color:#fff;  }
.pic_num5 a { color:#fff; }
.pic_num5 a:hover{ color:red;  }
.pic6{background:url('../images/06.jpg');position:absolute;top:0;left:600px;z-index:11;}
.pic_num6{width:100%;height:84px;position:absolute;bottom:0px;left:0px;background:url('../images/xians.jpg') no-repeat 15px 35px #f2972c;filter:alpha(opacity=90);-moz-opacity:0.9;opacity:0.9; font-size:18px; line-height:40px; text-indent:16px; color:#fff;  }
.pic_num6 a { color:#fff; }
.pic_num6 a:hover{ color:red;  }
.pic7{background:url('../images/07.jpg');position:absolute;top:0;left:720px;z-index:13;}
.pic_num7{width:100%;height:84px;position:absolute;bottom:0px;left:0px;background:url('../images/xians.jpg') no-repeat 15px 35px #f2972c;filter:alpha(opacity=90);-moz-opacity:0.9;opacity:0.9; font-size:18px; line-height:40px; text-indent:16px; color:#fff;  }
.pic_num7 a { color:#fff; }
.pic_num7 a:hover{ color:red;  }
.pic8{background:url('../images/08.png');position:absolute;top:0;left:840px;z-index:15;}
.pic_num8{width:100%;height:84px;position:absolute;bottom:0px;left:0px;background:url('../images/xians.jpg') no-repeat 15px 35px #f2972c;filter:alpha(opacity=90);-moz-opacity:0.9;opacity:0.9; font-size:18px; line-height:40px; text-indent:16px; color:#fff;  }
.pic_num8 a { color:#fff; }
.pic_num8 a:hover{ color:red;  }

@media screen and (max-width:1100px){
section{ width:100%; height:auto; padding:0;}
section .htit{ height:auto; margin-top:15px; text-align:left; border-bottom:2px #d3d3d5 solid;}
section .htit span{ font-size:18px; line-height:40px; padding-left:6px; font-weight:700; color:#00498c;}
section .htit em{ display:none;}
section .news{ width:100%;}
section .news ul{ padding-top:10px;}
section .news ul li{ width:98%; position:relative; height:auto; float:left; margin:3px 1%; overflow:hidden;}
section .news ul li a{ display:block;}
section .news ul li a img{ width:150px; height:85px; float:left; margin-right:8px;}
section .news ul li a p{}
section .news ul li a p em{ line-height:30px; color:#333; font-size:16px;}
section .news ul li a:hover p em{}
section .news ul li a p span{ display:none;}
section .news ul li a .riqi{ display:none;}
/* demo */
#demo{ display:none;}
#demos{width:100%;height:auto; overflow:hidden; font-family:微软雅黑; padding:10px 0;}
#demos li{float:left; position:relative; width:28%; height:200px; margin:5px 1%; text-align:center;}
#demos li img{ width:95% !important; height:170px !important;}
#demos li div{ width:100%; height:30px; line-height:30px;}
#hmap{ width:100%; height:auto;}
#hmap img{ width:100% !important; height:auto !important;}
}
@media screen and (min-width:1101px){
section{ width:1128px; height:auto; padding:20px 0;}
section .htit{ height:80px; background:url(../images/xian.jpg) center no-repeat; text-align:center; margin-top:15px;}
section .htit span{ font-size:26px;}
section .htit em{ font-size:19px; color:#898989;}
section .news{ width:1128px;}
section .news ul li{ width:350px; position:relative; height:390px; float:left; margin:13px;}
section .news ul li a{ display:block;}
section .news ul li a img{ width:350px; height:200px;}
section .news ul li a p{ display:block; width:308px; height:139px; border-bottom:1px #ccc solid; border-left:1px #ccc solid; border-right:1px #ccc solid; padding:25px 20px;}
section .news ul li a p em{ line-height:40px; color:#333; display:block; font-size:16px;}
section .news ul li a:hover p em{ text-decoration:underline;}
section .news ul li a p span{ color:#808080; line-height:30px;}
section .news ul li a .riqi{ width:60px; height:45px; position:absolute; background:#f2972c; top:145px; left:280px; color:#fff; text-align:center; padding:5px; line-height:15px;}
section .news ul li a .riqi i{ font-size:25px; line-height:30px;}
/* demo */
#demos{ display:none;}
#demo{width:1100px;height:330px;border:1px solid #CCC;margin:20px auto;overflow:hidden; font-family:微软雅黑; background:#000;}
#demo li{float:left;position:relative;width:120px;height:100%;overflow:hidden;filter:alpha(opacity=80);-moz-opacity:0.8;opacity:0.8;cursor:pointer;}
#demo li div{position:absolute;width:100%;height:80px; background:#f2972c;filter:alpha(opacity=90);-moz-opacity:0.9;opacity:0.9;bottom:0;left:0; font-size:18px;}
#demo li div a{color:#fff;text-decoration:none; display:block;width:100%;height:80px; padding:10px 0 0 15px; background:url(../images/xians.jpg) 15px 35px no-repeat;}
#demo li div a:hover{color:#F00;text-decoration:none;}
#demo li:first-child{width:330px;filter:alpha(opacity=100);-moz-opacity:1;opacity:1;}
#demo li:first-child div{display:block;}
.dlimar{ border-left:4px #fff solid;}
#hmap{ width:100%; height:560px;}
}
#hmap{ background:#2ea4d8; text-align:center;}