@charset "UTF-8";
/* CSS Document */

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, table, th, td, embed, object {padding: 0;margin: 0; font-size:12px;font-family:'Microsoft YaHei','微软雅黑';}
table, th, td{font-size:16px;}
ul,ol,li{list-style:none}
table{ border:0px; cellspacing:0px; cellpadding:0px;}
form{margin:0px; padding:0px; border:0px;}
a{cursor:pointer; border:0px;text-decoration: none;color: #333;}
a:link {text-decoration: none;}
a:visited {text-decoration: none;}
a:hover {text-decoration: none;}
a:active {text-decoration: none;}
input{ outline: none;}
img,a img{border:0; margin:0; padding:0;}
html,body{width:100%;height: 100%;}

/*页头*/
.topBox{width:100%;height:41px;float:left;border-bottom: 1px solid #ccc;}
.topBox .weChatBox{width:1200px;height:40px;margin:0 auto;}
.topBox .weChatBox .weChat{margin-top:8px;float:right;height:25px; padding-left:35px;line-height:25px;color:#333;font-size: 14px;background:url(../images/weChat.png) no-repeat left;}
/*导航栏*/
.navBar{width:100%;height:140px;background:url(../images/navBg.png) left bottom repeat-x;float:left;}
.navBar ul{margin:0 auto;width:1200px;padding-top:10px;padding-bottom:20px;height: 110px;}
.navBar ul li{width:100px;height:110px;float:left;}
.navBar ul li .mglFont{
	font-family:'OrhonChaganTig';
	-moz-writing-mode: vertical-lr;
	writing-mode: vertical-lr;
	-webkit-writing-mode: vertical-lr;
	-o-writing-mode: vertical-lr;
	-ms-writing-mode: tb-lr;
	writing-mode: tb-lr;
	-webkit-text-orientation: sideways-right;
	max-width:100px;height:56px;margin-bottom:6px;display:block;line-height:15px;font-size:16px;color:#fff;margin:0 auto;
	}
.navBar ul li .chineseFont{width:100px;height:44px;line-height:44px;background:none;text-align:center; font-size:16px;color:#fff;margin-bottom:15px;}
.navBar ul li .chineseFontAct{width:100px;height:44px;line-height:44px;background:url(../images/navAct.png) no-repeat;text-align:center; font-size:16px;color:#fff;margin-bottom:15px;}


.titleBox{width:100%;height: 200px;float:left;background: url(../images/headerBg.png) no-repeat right;}
.titleBox .header{width:1200px;height: 200px;margin:0 auto;}
.titleBox .header .logoBox{width: 458px;height: 113px;float: left;margin-top:45px;}
.titleBox .header .searchBox{width: 445px;height:35px;float:right;margin-top:100px;border:1px solid #18adf3;}
.titleBox .header .searchBox input[type='text']{width: 345px;height: 35px;line-height: 35px;float: left;border:0px solid #ccc;border-right: 0px; padding-left: 35px;background: #fff url(../images/search.png) no-repeat 5px;}
.titleBox .header .searchBox input[type='button']{width: 65px;height: 35px;line-height: 35px;float: left;background: #18adf3;color: #fff;border:0px solid #ccc;cursor:pointer;}
/*首页*/
.contentBox{width: 100%;height: auto;margin: 20px 0;float: left;}
.contentBox .content{width: 1200px;height: auto;margin: 0 auto;}
.contentBox .content .rotationBox{width: 700px;height: 401px;position: relative;float: left;}
.contentBox .content .rotationBox .rotationTitle{width: 98%;padding-left: 2%; height: 40px;line-height: 40px;position: absolute;bottom: 0;background: rgba(0,0,0,0.6);color: #fff;font-size: 14px;}
.contentBox .content .board{width: calc(100% - 715px);height: 401px;float: left;margin-left: 15px;}
.contentBox .content .board .boardNavBox{width: 50px;height: 100%;float: left;}
.contentBox .content .board .boardNavBox .boardNavAct{width: 45px;line-height: 45px; height: 199px;background: url(../images/boardNavAct.png) no-repeat left top;color: #18adf3;font-size: 16px;font-weight: 600;writing-mode: vertical-rl;writing-mode: tb-rl;text-align: center;}
.contentBox .content .board .boardNavBox .boardNav{width: 45px;line-height: 45px; height: 199px;background: url(../images/boardNav.png) no-repeat left top;color: #666;font-size: 16px;font-weight: 600;writing-mode: vertical-rl;writing-mode: tb-rl;text-align: center;}
.contentBox .content .board .boardContentBox{width: calc(100% - 50px);float: left;height: 100%;background: url(../images/boardContentBg.png) no-repeat center bottom,url(../images/boardContentBg2.png) no-repeat center top;position: relative;}
.contentBox .content .board .boardContentBox .boardContent{width: 100%;height:55px;margin: 16px 0 0 0px;border-bottom: 1px dashed #666;}
.contentBox .content .board .boardContentBox .boardContent .boardContentText{width: 70%;height: calc(100% - 16px);float: left;font-size: 14px;padding-left: 20px;overflow: hidden;}
.contentBox .content .board .boardContentBox .boardContent .boardContentText a{color: #333;}
.contentBox .content .board .boardContentBox .boardContent .boardContentTime{width: 45px;height: 45px;float: right;background: url(../images/line.png) no-repeat center center;position: relative;}
.contentBox .content .board .boardContentBox .boardContent .boardContentTime span:nth-child(1){color: #333;font-size: 18px;position: absolute;left: 0;top: 0;}
.contentBox .content .board .boardContentBox .boardContent .boardContentTime span:nth-child(2){color: #333;font-size: 14px;position: absolute;right: 0;bottom: 0;}
.contentBox .content .board .boardContentBox .more{position: absolute;right: 0px;bottom: 10px;}
.contentBox .content .board .boardContentBox .more a{font-size: 14px;color:#18adf3;font-weight: 600;}

.contentBox .content .news{width: 700px;height: 418px;position: relative;float: left;margin-top: 20px;background: url(../images/boardContentBg.png) no-repeat center bottom,url(../images/boardContentBg2.png) no-repeat center top;position: relative;}
.contentBox .content .news .newsNavBox{width: 98%;height: 53px;margin: 0 1%;float: left;border-bottom: 2px solid #18adf3;}
.contentBox .content .news .newsNavBox .newsNavAct{width:93px;height: 53px;line-height: 53px;float: left;text-align: center;font-size: 16px;color: #18adf3;}
.contentBox .content .news .newsNavBox .newsNav{width:93px;height: 53px;line-height: 53px;float: left;text-align: center;font-size: 16px;color: #333;}
.contentBox .content .news .newsContent{width: 98%;height: auto;margin: 0 1%;float: left;}
.contentBox .content .news .newsContent li{width: 100%;height: 54px;float: left;padding: 10px 0;}
.contentBox .content .news .newsContent li .newsContentTime{width: 53px;height:47px;padding-top: 7px; line-height: 20px;background: #dfdfde;margin-left: 10px;float: left;text-align: center;}
.contentBox .content .news .newsContent li .newsContentTime span:nth-child(1){font-size: 20px;}
.contentBox .content .news .newsContent li .newsContentTime span:nth-child(2){font-size: 12px;}
.contentBox .content .news .newsContent li .newsContentText{width: calc(100% - 73px);height: 54px;float: left;margin-left: 10px;}
.contentBox .content .news .newsContent li .newsContentText .newsContentTitle{width: 90%;height: 30px;line-height: 30px;font-size: 14px;font-weight: 600;color: #333;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.contentBox .content .news .newsContent li .newsContentText .newsContentSubtitle{width: 90%;height: 24px;line-height: 24px;font-size: 12px;color: #333;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.contentBox .content .news .more{position: absolute;right: 20px;top: 20px;}
.contentBox .content .news .more a{font-size: 14px;color:#18adf3;font-weight: 600;}

.contentBox .content .book{width: calc(100% - 715px);height: 273px;float: left;margin-left: 15px;margin-top: 20px;background: #ddf3fd;position: relative;}
.contentBox .content .book .bookImg{width: 190px;height: 251px;float: left;background: url(../images/book.png) no-repeat;margin: 11px; }
.contentBox .content .book .bookInfo{width: calc(100% - 223px);height: 251px;float: left;margin-top: 11px;}
.contentBox .content .book .bookInfo .bookName{height: 35px;line-height: 35px;border-bottom: 2px dashed #d0d6d8; font-size: 16px;font-weight: 600;color: #000;}
.contentBox .content .book .bookInfo .bookTitle{height: 14px;line-height: 14px;font-size: 14px;color: #666;margin-top: 10px;}
.contentBox .content .book .bookInfo .bookText{height: 14px;line-height: 14px;font-size: 14px;color: #000;margin-top: 10px;}
.contentBox .content .book .bookLabel{padding: 2px 5px; font-size: 12px;color: #fff;background: #18adf3;border: 1px solid #18adf3;border-radius: 10px;position: absolute;right: 80px;top: 16px;}

.contentBox .content .guide{width: calc(100% - 715px);height: 125px;float: left;margin-left: 15px;margin-top: 20px;background: url(../images/guide.png) no-repeat;background-size: 100% 100%;}
.contentBox .content .guide .guideTitle{width: 125px;height: 100px;padding-top: 23px; float: left;text-align: center;line-height: 40px;font-size: 26px;color: #FFFFFF;font-weight: 600;}
.contentBox .content .guide .process{width: 88px;height: 65px;padding: 15px 0 0 90px; margin-top:23px; float: left;background: url(../images/process.png) no-repeat 20px center;border-right: 2px dashed #d9d9d9;color: #333;font-size: 18px;}
.contentBox .content .guide .signUp{width: 90px;height: 65px;padding: 15px 0 0 90px; margin-top:23px; float: left;background: url(../images/signUp.png) no-repeat 20px center;color: #333;font-size: 18px;}

.banner{width:100%;height:auto;float:left;margin-bottom: 20px;}
.banner .bannerImg{width: 1200px;height: 96px; margin: 0 auto;background:url(../images/banner.png) no-repeat;}

.vipHome{width:100%;height:auto;float:left;}
.vipHome ul.vipList{width: 1200px;height: 187px;margin: 0 auto;border: 1px solid #efefef;}
.vipHome ul.vipList li.vipTitle{width: 111px;height: 114px;padding-top: 60px; float: left;background: url(../images/VipHome.png) no-repeat;margin: 7px 15px 0 5px;text-align: center;font-size: 18px;color: #18ADF3;font-weight: 600;}
.vipHome ul.vipList li{width: 138px;height: 169px; float: left;background: url(../images/vip1.png) no-repeat;margin: 9px 0px 0 12px;position: relative;border-radius: 10px;overflow: hidden;}
.vipHome ul.vipList li .vipName{width: calc(100% - 5px);height: 20px;line-height:20px;position: absolute;bottom: 0;color: #fff;font-size: 12px;background: rgba(0,0,0,0.6);padding: 5px 0 5px 5px;}

.contentBox .content .notice{width: 700px;height: 427px;position: relative;float: left;background: url(../images/boardContentBg.png) no-repeat center bottom,url(../images/boardContentBg2.png) no-repeat center top;position: relative;}
.contentBox .content .notice .noticeNavBox{width: 98%;height: 53px;margin: 0 1%;float: left;border-bottom: 2px solid #18adf3;}
.contentBox .content .notice .noticeNavBox .noticeNavAct{width:93px;height: 53px;line-height: 53px;float: left;text-align: center;font-size: 16px;color: #18adf3;}
.contentBox .content .notice .noticeNavBox .noticeNav{width:93px;height: 53px;line-height: 53px;float: left;text-align: center;font-size: 16px;color: #333;}
.contentBox .content .notice .noticeContent{width: 98%;height: auto;margin: 0 1%;float: left;}
.contentBox .content .notice .noticeContent li{width: 100%;height: 54px;float: left;padding: 10px 0;}
.contentBox .content .notice .noticeContent li .noticeContentTime{width: 53px;height:47px;padding-top: 7px; line-height: 20px;background: #dfdfde;margin-left: 10px;float: left;text-align: center;}
.contentBox .content .notice .noticeContent li .noticeContentTime span:nth-child(1){font-size: 20px;}
.contentBox .content .notice .noticeContent li .noticeContentTime span:nth-child(2){font-size: 12px;}
.contentBox .content .notice .noticeContent li .noticeContentText{width: calc(100% - 73px);height: 54px;float: left;margin-left: 10px;}
.contentBox .content .notice .noticeContent li .noticeContentText .noticeContentTitle{width: 90%;height: 30px;line-height: 30px;font-size: 14px;font-weight: 600;color: #333;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.contentBox .content .notice .noticeContent li .noticeContentText .noticeContentSubtitle{width: 90%;height: 24px;line-height: 24px;font-size: 12px;color: #333;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.contentBox .content .notice .more{position: absolute;right: 20px;top: 20px;}
.contentBox .content .notice .more a{font-size: 14px;color:#18adf3;font-weight: 600;}

.contentBox .content .chartsBox{width:485px;height: 425px;float: left;background: #fff;border: 1px solid #eee;margin-left:13px;}
.contentBox .content .chartsBox .chartsTitle{width: 98%;height: 53px;margin: 0 1%;float: left;border-bottom: 2px solid #18adf3;}
.contentBox .content .chartsBox .chartsTitle li{width:93px;height: 53px;line-height: 53px;float: left;text-align: center;font-size: 16px;color: #18adf3;}
.contentBox .content .chartsBox .charts{width: 98%;height: 369px;margin: 0 1%;float: left;position: relative;}
.contentBox .content .chartsBox .charts .message {font-size: 14px;color: #333333;height: auto;line-height: 25px;}
/*党建*/
.partyContentBox{width: 100%;height: auto;margin: 20px 0;float: left;}
.partyContentBox .partyContent{width: 1200px;height:auto;margin: 0 auto;}
.partyContentBox .partyContent .contentLeft{width: 300px;height: auto;float: left;}
.partyContentBox .partyContent .contentLeft .rollNotice{width: calc(100% - 10px);padding: 0 5px;height: 400px;overflow: hidden;background: url(../images/partyBuilding/rollNoticeTopBg.png) no-repeat center top,url(../images/partyBuilding/rollNoticeBg1.png) no-repeat center bottom;}
.partyContentBox .partyContent .contentLeft .rollNotice .noticeTitle{width: 100%;height: 44px;line-height: 44px;text-align: center;}
.partyContentBox .partyContent .contentLeft .rollNotice .noticeTitle span{font-size: 14px;color: #333;padding: 8px 14px;border-bottom: 2px solid #ccc;font-weight: 600;}
.partyContentBox .partyContent .contentLeft .rollNotice ul.rollBox li{width: 100%;height: 36px;line-height: 20px; position: relative;padding: 10px 0; font-size: 12px;color: #333;border-bottom: 1px dashed #ccc;}
.partyContentBox .partyContent .contentLeft .rollNotice ul.rollBox li span{position: absolute;right: 0;bottom:6px;color: #999;position: absolute;}
.partyContentBox .partyContent .contentLeft .bookBox{width: calc(100% - 12px);height: 397px;padding: 5px;border: 1px solid #ccc;margin-top: 20px;}
.partyContentBox .partyContent .contentLeft .bookBox .bookImg{width: 100%;height: 100%;background: url(../images/partyBuilding/book.png) no-repeat;background-size: 100% 100%;}
.partyContentBox .partyContent .contentLeft .mapBox{width:calc(100% - 2px);height: 397px;position: relative;border: 1px solid #ccc;margin-top: 20px/* ;background: url(../images/partyBuilding/map.png) no-repeat;background-size: 100% 100%; */}
.partyContentBox .partyContent .contentLeft .mapBox .mapInfo{width: calc(100% - 20px);height: 63px;line-height: 18px; padding: 10px;position: absolute;bottom: 0;background: rgba(0,0,0,0.6);color: #fff;}

.partyContentBox .partyContent .contentRight{width: calc(100% - 324px);height: auto;float: left;margin-left: 20px;border: 1px solid #ccc;}
.partyContentBox .partyContent .contentRight .location{width: calc(100% - 40px);height: 44px;line-height: 44px;padding:0 20px;background: url(../images/partyBuilding/line.png) repeat-x left bottom;font-size: 14px;font-weight: 600;}
.partyContentBox .partyContent .contentRight .newsContent{width: 98%;height: auto;margin:0 1%;padding: 20px 0; float: left;/* border-bottom: 2px dashed #4d4d4d; */}
.partyContentBox .partyContent .contentRight .newsContent li{width: 100%;height: 54px;float: left;padding: 10px 0;}
.partyContentBox .partyContent .contentRight .newsContent li .newsContentTime{width: 53px;height:47px;padding-top: 7px; line-height: 20px;background: #dfdfde;margin-left: 10px;float: left;text-align: center;}
.partyContentBox .partyContent .contentRight .newsContent li .newsContentTime span:nth-child(1){font-size: 20px;}
.partyContentBox .partyContent .contentRight .newsContent li .newsContentTime span:nth-child(2){font-size: 12px;}
.partyContentBox .partyContent .contentRight .newsContent li .newsContentText{width: calc(100% - 73px);height: 54px;float: left;margin-left: 10px;}
.partyContentBox .partyContent .contentRight .newsContent li .newsContentText .newsContentTitle{width: 100%;height: 30px;line-height: 30px;font-size: 14px;font-weight: 600;color: #333;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.partyContentBox .partyContent .contentRight .newsContent li .newsContentText .newsContentSubtitle{width: 100%;height: 24px;line-height: 24px;font-size: 12px;color: #333;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.partyContentBox .partyContent .contentRight .paging{width: 40%;height: 26px;padding: 7px 30%; float: left;}
.partyContentBox .partyContent .contentRight .paging a{width: 62px;height: 26px;line-height: 26px;display:inline-block; text-align: center;float: left;background: url(../images/partyBuilding/pagingBg.png) no-repeat;margin-left: 8px;}
/*文章详情*/
.partyContentBox .partyContent .contentRight .time{width: calc(100% - 20px);height: 20px;line-height: 20px;padding-left: 20px;font-size:14px;}
.partyContentBox .partyContent .contentRight .artical{text-indent: 2em;padding: 20px;}
.partyContentBox .partyContent .contentRight .artical p{font-size:16px;}
.partyContentBox .partyContent .contentRight .artical p a{color:#00c;text-decoration:underline;}
.partyContentBox .partyContent .contentRight .artical p a:link{color:#f00;}
.partyContentBox .partyContent .contentRight .artical p a:visited{color:#00c;}
.partyContentBox .partyContent .contentRight .artical p a:hover{color:#f00;}
.partyContentBox .partyContent .contentRight .artical p a:active{color:#00c;}
.partyContentBox .partyContent .contentRight .artical table{width:100%;}

/*北方药学*/
.partyContentBox .partyContent .contentRight .magazineContent{width: calc(100% - 40px);height: 271px;padding: 28px 20px;}
.partyContentBox .partyContent .contentRight .magazineContent .magazineImg{width: 199px;height: 271px;float: left;background: url(../images/magazine/magazineImg.png) no-repeat;margin-right: 20px;}
.partyContentBox .partyContent .contentRight .magazineContent .magazineInfo{font-size: 16px;color: #959494;float: left;line-height: 30px;font-weight:600;}
.partyContentBox .partyContent .contentRight .magazineContent .magazineInfo .magazineTitle{font-size: 24px;color: #414040;line-height: 66px;}
.partyContentBox .partyContent .contentRight .magazineContent .magazineInfo .magazineTag{color: #fff;padding: 7px 10px; border-radius: 5px;background: #18adf3;line-height: 66px;font-size: 16px;}
.partyContentBox .partyContent .contentRight .magazineIntr{width: 98%;height: auto;margin: 10px auto;}
.partyContentBox .partyContent .contentRight .magazineIntr .intrTitle{width: calc(100% - 50px);height: 38px;line-height: 38px;font-size: 16px;font-weight: 600;color: #18ADF3; border-bottom: 3px solid #18adf3;padding-left: 50px;background: url(../images/magazine/magazineIntr.png) no-repeat 15px center;}
.partyContentBox .partyContent .contentRight .magazineIntr .intrContent{width: 100%;height: auto;color: #747474; text-indent: 2em;line-height: 25px;padding: 10px 0;}
.partyContentBox .partyContent .contentRight .magazineIntr .intrContent p{font-size: 14px;}
.partyContentBox .partyContent .contentRight .magazineHistory{width: 98%;height: auto;margin: 10px auto;}
.partyContentBox .partyContent .contentRight .magazineHistory .historyTitle{width: calc(100% - 50px);height: 38px;line-height: 38px;font-size: 16px;font-weight: 600;color: #18ADF3; border-bottom: 3px solid #18adf3;padding-left: 50px;background: url(../images/magazine/magazineHistory.png) no-repeat 15px center;}
.partyContentBox .partyContent .contentRight .magazineHistory ul.historyContent{width: 100%;height: auto;padding: 20px 0 0 0;}
.partyContentBox .partyContent .contentRight .magazineHistory ul.historyContent li{width: calc(100% - 66px);padding-left: 20px; margin-left: 46px;line-height: 14px; height: 38px;background: url(../images/magazine/node.png) no-repeat left center;}
.partyContentBox .partyContent .contentRight .magazineHistory ul.historyContent li:last-child{width: calc(100% - 66px);padding-left: 20px; margin-left: 46px;line-height: 14px; height: 38px;background: url(../images/magazine/nodeLast.png) no-repeat left top;}
.partyContentBox .partyContent .contentRight .magazineHistory ul.historyContent li span:nth-child(1){font-size: 14px;color: #787978;}
.partyContentBox .partyContent .contentRight .magazineHistory ul.historyContent li span:nth-child(2){font-size: 14px;color: #0682ff;}

/*盟市分会*/
.partyContentBox .partyContent .contentRight .chartBox{width: 98%;height: 410px;margin: 0 1%;}
.partyContentBox .partyContent .contentRight .cityName{width: calc(98% - 50px);margin:0 1%; height: 38px;line-height: 38px;font-size: 16px;font-weight: 600;color: #18ADF3; border-bottom: 3px solid #18adf3;padding-left: 50px;background: url(../images/magazine/magazineIntr.png) no-repeat 15px center;}
/*联系我们*/
.contactBanner{width: 100%;height: 257px;background: url(../images/conttactUs/banner.png) no-repeat;background-size: 100% 100%; float: left;}
.contactTitleBox{width: 100%;height: 73px;float: left;border-bottom: 1px solid #ccc;margin-bottom: 10px;}
.contactTitleBox .contactTitle{width: 1200px;height: auto;margin: 0 auto;}
.contactTitleBox .contactTitle .titleCard{width: 240px;height: 140px;background: url(../images/conttactUs/titleCard.png) no-repeat;margin-top: -67px;}
.contactTitleBox .contactTitle .titleCard .enTitle{font-size: 16px;color: #fff;font-weight:600;margin: 25px 0 0 76px;display: inline-block;}
.contactTitleBox .contactTitle .titleCard .cnTitle{width: 100%;height: 94px;line-height: 94px;text-align: center;font-size: 40px;font-weight: 600;color: #fff;}

.contactContentBox{width: 100%;height: auto;float: left;background: url(../images/conttactUs/contactContentBoxBg.png) no-repeat center bottom;}
.contactContentBox .contactContent{width: 1200px;height: 711px;margin: auto;}
.contactContentBox .contactContent .contactInfo{width: 362px;height: 444px;float: left;margin-top: 57px;box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);}
.contactContentBox .contactContent .contactInfo .infoTitle{width: calc(100% - 2px);height: 69px;background: #1e9bde;border: 1px solid #96d0f0;font-size: 18px;color: #fff;text-align: center;line-height: 69px;}
.contactContentBox .contactContent .contactInfo .otherInfo{width: calc(100% - 101px);height: 69px;line-height: 69px;padding: 0 25px 0 76px;font-size: 15px;color: #000;}
.contactContentBox .contactContent .contactInfo .phone{background: url(../images/conttactUs/phone.png) no-repeat 23px center;}
.contactContentBox .contactContent .contactInfo .fax{background: url(../images/conttactUs/fax.png) no-repeat 23px center;}
.contactContentBox .contactContent .contactInfo .postCode{background: url(../images/conttactUs/postCode.png) no-repeat 23px center;}
.contactContentBox .contactContent .contactInfo .mailbox{background: url(../images/conttactUs/mailbox.png) no-repeat 23px center;}
.contactContentBox .contactContent .contactInfo .address{background: url(../images/conttactUs/address.png) no-repeat 23px center;line-height: 34px;}
.contactContentBox .contactContent .contactMap{width: 730px;height: 444px;margin-top: 57px;margin-left: 31px;float: left;border: 1px solid #eee;}


/*页脚*/
.footerBox{width: 100%;height: 259px;float: left;background: #18adf3;}
.footerBox .footer{width: 1200px;height: auto;margin: 46px auto 0 auto;}
.footerBox .footer .footerInfo{width: calc(100% - 175px);height: auto;float: left;}
.footerBox .footer .footerInfo .selBox{height:25px; margin-bottom: 33px;}
.footerBox .footer .footerInfo .selBox .provice,.footerBox .footer .footerInfo .selBox .outProvice{float: left;}
.footerBox .footer .footerInfo .selBox .provice select{width: 193px;height: 25px;}
.footerBox .footer .footerInfo .selBox .outProvice select{width: 193px;height: 25px;margin-left: 20px;}
.footerBox .footer .footerInfo .infoBox{font-size: 16px;color: #fff;height: auto;line-height: 25px;}
.footerBox .footer .QRcode{width: 175px;height: 173px;float: right;background:url(../images/QRcode.png) no-repeat;background-size:100% 100%;}






/*按钮及弹出层样式*/
.button{display: inline-block;*display: inline;zoom: 1; padding: 6px 20px;margin: 0;cursor: pointer;border: 1px solid #bbb;overflow: visible;font: bold 13px arial, helvetica, sans-serif;text-decoration: none;
	  white-space: nowrap;
	  color: #555;
	  
	  background-color: #ddd;
	  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255,255,255,1)), to(rgba(255,255,255,0)));
	  background-image: -webkit-linear-gradient(top, rgba(255,255,255,1), rgba(255,255,255,0));
	  background-image: -moz-linear-gradient(top, rgba(255,255,255,1), rgba(255,255,255,0));
	  background-image: -ms-linear-gradient(top, rgba(255,255,255,1), rgba(255,255,255,0));
	  background-image: -o-linear-gradient(top, rgba(255,255,255,1), rgba(255,255,255,0));
	  background-image: linear-gradient(top, rgba(255,255,255,1), rgba(255,255,255,0));
	  
	  -webkit-transition: background-color .2s ease-out;
	  -moz-transition: background-color .2s ease-out;
	  -ms-transition: background-color .2s ease-out;
	  -o-transition: background-color .2s ease-out;
	  transition: background-color .2s ease-out;
	  background-clip: padding-box; /* Fix bleeding */
	  -moz-border-radius: 3px;
	  -webkit-border-radius: 3px;
	  border-radius: 3px;
	  -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, .3), 0 2px 2px -1px rgba(0, 0, 0, .5), 0 1px 0 rgba(255, 255, 255, .3) inset;
	  -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, .3), 0 2px 2px -1px rgba(0, 0, 0, .5), 0 1px 0 rgba(255, 255, 255, .3) inset;
	  box-shadow: 0 1px 0 rgba(0, 0, 0, .3), 0 2px 2px -1px rgba(0, 0, 0, .5), 0 1px 0 rgba(255, 255, 255, .3) inset;
	  text-shadow: 0 1px 0 rgba(255,255,255, .9);
	  
	  -webkit-touch-callout: none;
	  -webkit-user-select: none;
	  -khtml-user-select: none;
	  -moz-user-select: none;
	  -ms-user-select: none;
	  user-select: none;
}
.button:hover{background-color: #eee;color: #555;}
.button:active{background: #e9e9e9;position: relative;top: 1px;text-shadow: none;-moz-box-shadow: 0 1px 1px rgba(0, 0, 0, .3) inset;-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .3) inset;box-shadow: 0 1px 1px rgba(0, 0, 0, .3) inset;}

.button[disabled], .button[disabled]:hover, .button[disabled]:active{
  border-color: #eaeaea;
  background: #fafafa;
  cursor: default;
  position: static;
  color: #999;
  /* Usually, !important should be avoided but here it's really needed :) */
  -moz-box-shadow: none !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
  text-shadow: none !important;
}
.button.green, .button.red,.button.blue {
  color: #fff;
  text-shadow: 0 1px 0 rgba(0,0,0,.2);
  
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255,255,255,.3)), to(rgba(255,255,255,0)));
  background-image: -webkit-linear-gradient(top, rgba(255,255,255,.3), rgba(255,255,255,0));
  background-image: -moz-linear-gradient(top, rgba(255,255,255,.3), rgba(255,255,255,0));
  background-image: -ms-linear-gradient(top, rgba(255,255,255,.3), rgba(255,255,255,0));
  background-image: -o-linear-gradient(top, rgba(255,255,255,.3), rgba(255,255,255,0));
  background-image: linear-gradient(top, rgba(255,255,255,.3), rgba(255,255,255,0));
}
.button.blue{
  background-color: #269CE9;
  border-color: #269CE9;
}

.button.blue:hover{
  background-color: #70B9E8;
}

.button.blue:active{
  background: #269CE9;
}

.popLayer{background: #000;position: absolute;top: 0;left: 0;bottom: 0;right: 0;z-index: 99;opacity: 0.6;}
.popBox{width: 800px;height: 600px;background: #FFFFFF;position: fixed;top: 0;bottom: 0;left:0;right: 0;margin: auto;z-index: 100;border-radius: 6px;box-shadow: 0px 1px 5px 0px rgba(0,0,0,.2);padding: 10px;} 
.popBox .popTitle{width: 100%;height: 40px;line-height: 40px;text-align: center;font-size: 20px;font-weight: bold;border-bottom: 1px solid #ddd;}
.popBox .popContent{width: 100%;height: calc(100% - 60px);overflow-x: hidden;overflow-y: auto;} 
.popBox .popContent img{width: 100%;}
.popBox .closeBox{width: 100%;height: 60px;}
.popBox .closeBox .closeBtn{float: right;margin-right: 20px;margin-top:20px;}

.popBox .popContent::-webkit-scrollbar {
  /*滚动条整体样式*/
  width : 10px;  /*高宽分别对应横竖滚动条的尺寸*/
  height: 1px;
  }
.popBox .popContent::-webkit-scrollbar-thumb {
  /*滚动条里面小方块*/
  background:#dedede;
  }
.popBox .popContent::-webkit-scrollbar-track {
  /*滚动条里面轨道*/
  }