body{font-family: "Microsoft Yahei";font-size:14px; padding:0; margin:0 auto; background:#fff;color:#333;}

a,a:hover{ text-decoration:none !important;}

a{ color: #333; }

a:hover{ color: #3d7efe; }

a:focus{outline:none;text-decoration:none !important;}

p,h1,h2,h3,h4,h5,ul,dl,dd{font-weight:normal; margin:0; padding:0;}

ul li{ list-style-type:none;}

img{ border: 0;max-width: 100%}

input,textarea,button,select{outline:none !important;}

textarea{resize:none} 

a,button,input{-webkit-tap-highlight-color:rgba(255,0,0,0);}

input[type="button"], input[type="submit"], input[type="reset"] {-webkit-appearance: none;}



/*共用*/

.container{ width: 1200px; margin: 0 auto; min-width: 1200px; overflow: hidden;}

.page{ min-width: 1200px; overflow: hidden; }



/*头部*/

.top-head{height: 100px; min-width: 1200px;overflow: hidden; }

.top-head .logo{height:71px; float: left; margin: 12px 0 0;}

.top-head .logo img{display: block; border: 0;height:71px;}

.top-head form{ width: 370px;float: right; border: 1px solid #3d7efe;margin:30px 0 0;overflow: hidden;}

.top-head input[type=text]{ height:38px; width:280px;border: 0;float: left; padding: 0 20px;}

.top-head input[type=submit]{ float: right;width:48px; height:38px; background:url(../images/ico/search.png) center #3d7efe no-repeat;border: 0; cursor: pointer; }

.top-head form ::-webkit-input-placeholder {color:#999999;}

.top-head form :-moz-placeholder {color:#999999;}

.top-head form ::-moz-placeholder {color:#999999;}

.top-head form :-ms-input-placeholder {color:#999999;}



/*导航*/

.navmenu{ background:#3d7efe; height:60px;min-width: 1200px;}

.navmenu ul{ width: 1200px; margin: 0 auto;overflow: hidden; }

.navmenu ul li{ float: left;text-align: center;}

.navmenu ul li a{ display: block; width: 240px; line-height: 60px; color: #fff;font-size: 16px;}

.navmenu ul li a:before{ content: ""; width: 1px; height: 14px; float: left; margin: 23px 0 0; background: #fff;}

.navmenu ul li:first-child a:before{ width: 0; }

.navmenu ul li:hover a{background: #1c68ff;}

.navmenu ul .active a{background: #1c68ff;}



/*首页*/

.index-notice{ border: 1px solid #dddddd; margin: 30px 0 0; position:relative; background: #f4f6fb;overflow: hidden;}

.index-notice span{ float: left; padding-left: 25px; font-size: 16px; margin-left: 18px; line-height: 58px; background:url(../images/ico/notice.png) left center no-repeat;}

.index-notice .hd{ overflow:hidden;  height:30px; background:#f4f4f4; padding:0 10px;  }

.index-notice .bd{ margin-left: 105px; }

.index-notice .tempWrap{ width: 1070px !important; }

.index-notice .bd ul{ overflow:hidden; zoom:1; }

.index-notice .bd li{ margin-right:30px;float:left; height: 58px; line-height: 58px;_display:inline; width:auto !important;  }

.index-notice .bd a{ display: block; color: #666666;}

.index-notice .bd a:before{ content: ""; float: left; margin:26px 10px 0 0; width: 5px; height: 5px; background: #3d7efe;}

.index-notice .bd a:hover{ color: #3d7efe; }



.index-cloumn{ height: 50px; margin: 25px 0 0; border-bottom: 5px solid #777777;}

.index-cloumn span{ float: left; line-height:55px; font-size: 20px; position: relative; padding: 0 10px 0 5px;}

.index-cloumn span:after{ content: ""; height: 5px; position: absolute; left: 0; right: 0; bottom: 0; background: #3d7efe;}

.index-cloumn a{ float: right; height: 28px; line-height: 28px; font-size: 14px; color: #999999; width: 78px; margin: 10px 0 0; border: 1px solid #ddd; text-align: center;}

.index-cloumn a:after{ content: ""; width: 5px; height: 28px; display: inline-block; vertical-align: top; margin-left: 5px; background:url(../images/ico/more.png) center no-repeat;}

.index-cloumn a:hover{ border: 1px solid #3d7efe; color: #3d7efe;}

.index-cloumn a:hover:after{ background:url(../images/ico/more-a.png) center no-repeat;}

.left-main{ float: left; width: 800px;overflow: hidden; }

.left-main .list{overflow: hidden;}
.left-main .img{display: block; margin: 20px 0 0; overflow: hidden;}
.left-main .img img{display: block; margin: 0 auto;}
.left-main .list li{ float: left; width: 340px; padding: 20px 0 20px 60px; border-bottom: 1px dashed #ddd; background:url(../images/ico/ico.png) left 22px no-repeat; overflow: hidden;}

.left-main .list a{ display: block; padding-right: 40px;}

.left-main .list h4{ font-size: 16px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}

.left-main .list p{ margin:10px 0 0; line-height: 22px; height: 44px; color: #666666; overflow: hidden; }

.left-main .list h5{ font-size: 14px; color: #999999; margin: 15px 0 0;}


.right-side{ float: right; width: 370px; margin: 25px 0 0; overflow: hidden; }

.right-side .cloumn{ height: 50px; border-bottom: 5px solid #dddddd;}

.right-side .cloumn span{ line-height: 100%; float: left; border-left: 5px solid #3d7efe; font-size: 20px; padding-left: 20px;}

.right-side ul{overflow: hidden;}

.right-side ul li{ padding: 12px 0 15px; border-bottom: 1px dashed #ddd;overflow: hidden;}

.right-side ul a{ line-height: 22px; overflow: hidden;}

.right-side ul a:before{ content: ""; float: left; margin:7px 15px 0 0; width:7px; height:7px; background: #3d7efe;}
.right-side .img{display: block; margin: 20px 0 0; overflow: hidden;}
.right-side .img img{display: block; margin: 0 auto;}


/*友情链接*/

.index-links{background: #555555; overflow:hidden; min-width: 1200px;}

.index-links dl{ position: relative; padding: 35px 0 35px 100px; border-bottom: 1px solid #777777; min-height: 30px; overflow: hidden; }

.index-links dt{ width: 100px; height: 30px; line-height: 30px; color: #fff; padding-left: 25px;position: absolute; left: 0; top: 35px; background: url(../images/ico/link.png) left center no-repeat; }

.index-links dd a{ display: inline-block; line-height: 30px; color: #bbbbbb; margin-right: 20px;}

.index-links dd a:hover{ color: #3d7efe; }





/*位置提示*/

.location{ height: 70px;background: #fff;min-width: 1200px; overflow: hidden; }

.location .link{ float: left; width: 315px; color: #666666; padding-left: 33px;background: url(../images/ico/home.png) 6px center no-repeat; overflow: hidden;}

.location .link a{ line-height: 70px; color: #666666;}

.location .link a:hover{ color: #3d7efe; }



/*列表*/

.page-side{ width:200px; float: left; margin: 0 0 35px;background: #f4f6fb; overflow: hidden; }

.page-side dl{overflow: hidden;}

.page-side dl dt{ border: 1px solid #004ee8; border-bottom: none; background: #3d7efe; color: #fff; cursor: pointer; line-height:48px; height:48px; font-size: 16px; padding:0 15px; overflow: hidden;}

.page-side dl dt:after{ content: ""; float: right; width: 11px; height: 11px; margin: 18px 0 0;background: url(../images/ico/arrow.png) center no-repeat;}

.page-side dl dd{ display: none; border-top: 1px solid #004ee8; border-left: 1px solid #ddd; border-right: 1px solid #ddd; padding:8px 0; overflow: hidden;}

.page-side dl dd a{ padding: 0 15px; display: block; line-height: 34px;}

.page-side dl:last-child dt{border-bottom: 1px solid #004ee8; }

.page-side dl:last-child dd{ border-top: none;border-bottom: 1px solid #ddd;}

.page-side .open dt:after{transform:rotate(90deg);-ms-transform:rotate(90deg); -moz-transform:rotate(90deg);-webkit-transform:rotate(90deg);-o-transform:rotate(90deg);}

.page-side .open dd{ display: block; }

.page-body{ width: 968px; float: right; margin: 0 0 35px; border: 1px solid #ddd; overflow: hidden;}

.page-body .screen{ background: #f4f6fb; height: 39px; overflow: hidden; }

.page-body .screen li{ margin: 12px 0 0; float: left; line-height: 100%; cursor: pointer; padding: 0 24px; color: #666666; border-left: 1px solid #bbbbbb;}

.page-body .screen li:first-child{ border-left: none;}

.page-body .screen li:hover{ color: #3d7efe;}

.news-list{ margin: 0 18px 20px; overflow: hidden;}

.news-list li{ padding: 25px 0;border-bottom: 1px dashed #ddd; overflow: hidden; }

.news-list li a{ float: left;width: 550px; font-size: 16px;  overflow: hidden;}

.news-list li span{ float: left;color: #999999; }

.news-list li .name{text-align: center; width: 200px; margin:0 30px 0 15px;}

.news-list li .time{text-align: left; width: 100px; padding-left:30px;background: url(../images/ico/date.png) left center no-repeat;}



/*详情页*/

.page-show{ margin:40px 30px; overflow:hidden;}

.page-show .head{ text-align: center; font-size: 30px; font-weight: bold; padding:0 30px 20px; overflow: hidden;}

.page-show .head .contact { color: red; font-size: 1.2rem; border: 1px solid lightgrey; padding: 5px; font-weight: bold;}

.page-show .head p{font-weight: normal;margin:25px 0 0; overflow: hidden; }

.page-show .head span{ display: inline-block; font-size: 14px; margin: 0 20px;color: #999999; }

.page-show .main{ border-top: 1px solid #ddd; padding:40px 0;overflow: hidden; }
.page-show .main .info{ float: left; width: 800px; line-height: 38px; font-size: 16px; overflow: hidden; }
.page-show .side-part{ width: 260px; float: right;overflow: hidden;}
.page-show .side-part .list{ margin: 0 0 30px; border: 1px solid #ececec;overflow: hidden;}
.page-show .side-part h4{ font-size: 14px;font-size: 14px;line-height: 22px;padding: 10px 20px;background: #ececec;}
.page-show .side-part img{ display: block; width: 200px; margin: 20px auto; }

.page-show .other{background: #f5f5f5; padding: 20px 30px; overflow: hidden; }

.page-show .other p{ line-height:36px; font-size: 16px; color: #666666}

.page-show .other a{ color: #666666}

.page-show .other a:hover{ color: #3d7efe; }



/*包年*/

.package-banner{ margin: 0 0 30px; overflow: hidden; }

.package-banner img{ display: block;}

.package-main{ width: 100%; text-align: center; border-spacing: 0;border-collapse: collapse;overflow: hidden;}

.package-main th{ height: 50px; line-height: 50px; font-size: 16px; font-weight: normal; padding: 0 30px; color: #fff; background: #5d739e;}

.package-main td{line-height: 50px; padding: 0 30px;}

.package-main tbody tr:nth-child(even){background: #f4f6fb}

.package-main .online{ color: #3d7efe;}

.package-tip{ margin: 40px 0 50px; overflow: hidden; }

.package-tip .cloumn{ color: #fff; font-size: 18px; line-height: 46px; padding-left: 25px;background: url(../images/cloumn.png) left center no-repeat;}

.package-tip .info{ margin: 25px 0 0; color: #666666; line-height: 22px; overflow: hidden; }





/*底部*/

.footer{ clear:both; text-align: center; background:#555555; padding:40px 0;overflow:hidden; min-width: 1200px;}

.footer a:hover{ color: #3d7efe !important; }

.footer .menu{overflow: hidden;}

.footer .menu li{ display: inline-block;overflow: hidden;}

.footer .menu li a{display: block; padding: 0 10px; border-left:1px solid #888; color: #888; line-height: 100%; }

.footer .menu li:first-child a{ border-left: none; }

.footer p{color: #888; margin: 8px 0 0; overflow: hidden;}

.footer p a{ color: #888; margin-left: 20px;}



/*浮动框*/

.float-box{ width:90px;position: fixed; bottom:200px; right: 30px;z-index: 99;}

.float-box a{ display: block;width: 88px; height: 88px; text-align: center; border: 1px solid #ddd; margin: 0 0 10px; background: #fff;}

.float-box a:before{content: ""; display: block; width: 31px; height: 32px; margin: 16px auto 6px;}

.float-box .ico1:before{background:url(../images/ico/qq.png) center no-repeat;}

.float-box .ico1:hover:before{background:url(../images/ico/qq-a.png) center no-repeat;}

.float-box .ewm:before{background:url(../images/ico/ewm.png) center no-repeat;}

.float-box .ico2:before{background:url(../images/ico/top.png) center no-repeat;}

.float-box .ico2:hover:before{background:url(../images/ico/top-a.png) center no-repeat;}

.float-box a:hover{ color: #3d7efe;border: 1px solid #3d7efe}

.float-box img{border: 0;max-width: 100%;}

.float-box .ewm img {display: block;margin: 5px 0 0 5px;}
.float-box .close{ width: 28px; height: 56px; cursor: pointer; position: absolute;left: -26px;top: 50%;margin-top: -60px;background:url(../images/menu_handle.png) center no-repeat;}


/*分页*/

.pagelist{margin:30px 0; text-align: right; overflow:hidden;}

.pagelist .page-numbers{ height: 25px; text-align: center; line-height: 25px; padding:0 6px;display:inline-block; color:#aaa; font-size: 16px; border-radius: 3px; background: #f3f3f3; margin:0 3px;}

.pagelist .page-numbers:hover{ background:#c6c6c6; color:#fff;}

.pagelist .current{ background:#5575cc; color:#fff;}

























