@charset "UTF-8";
* { margin: 0; padding: 0; }

html { font-family: "Microsoft YaHei"; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; }

body {color: #333;margin: 0 auto;font-size: 14px;line-height: 23px;}

ol, ul, li { list-style: none; }

img { border: none; vertical-align: top; max-width: 100%; }

a { color: #333; text-decoration: none; outline: none; -webkit-transition: all 0.3s linear; transition: all 0.3s linear; }

a:hover { color: #008fcd; }

button, input, select, textarea { font-size: 100%; font-family: tahoma; margin: 0; outline: 0 none; vertical-align: baseline; *vertical-align: middle; border: none; }

/*去除ipad，iphone按钮的默认样式*/
input { -webkit-appearance: none; outline: none; border-radius: 0; /*去除input默认样式*/ }

input:focus, textarea:focus { outline: none; }

input:focus { -webkit-tap-highlight-color: transparent; -webkit-user-modify: read-write-plaintext-only; /*去除高光样式*/ }

input[type="button"], input[type="submit"], input[type="reset"] { -webkit-appearance: none; }

textarea { -webkit-appearance: none; }

h1, h2, h3, h4, h5, h6 { font-weight: normal; }

.clearfix:before, .clearfix:after { content: ''; display: table; }

.clearfix:after { clear: both; }

.clearfix { *zoom: 1; }

.none { display: none; }

em, i { font-style: normal; }

b { font-weight: normal; }

.header { background: #fff; }

header { width: 1170px; margin: auto; }
header .logo { float: left; margin: 20px 0 0; }
header .logo p{color: #222;font-size: 14px;text-align: right;    margin: 8px 0 7px;font-weight: bold;}
header .header_right {float: right;width: 900px;}
header .header_right .h_top { margin: 26px 0 0 0; float: right; height: 39px; }
header .header_right .h_top .h_phone { background: url("../images/phone.png") no-repeat; padding-left: 40px; height: 26px; line-height: 26px; }
header .header_right .h_top i { float: left; font-size: 14px; color: #666; }
header .header_right .h_top em { float: left; margin: 4px 0; }
header .header_right .h_top em img { float: left; }
header .header_right .h_top .h_search { float: left; margin-left: 64px; margin-right: 2px; }
header .header_right .h_top .h_search input[type=text] { float: left; width: 207px; padding: 0 10px 0 8px; font-size: 12px; color: #bebdbd; border: 1px solid #d6d6d6; border-right: none; height: 28px; line-height: 28px; font-family: 'microsoft yahei'; }
header .header_right .h_top .h_search input[type=submit] {cursor: pointer; background: #00a83c url("../images/seatbtn.png") center center no-repeat; width: 39px; height: 30px; }
header .header_right nav {float: right;margin: 5px -1px 0px -17px;}
header .header_right nav a {position: relative;display: inline-block;margin: 0 11px 0 26px;padding-bottom: 14px;font-size: 16px;color: #444;}
header .header_right nav a:hover,header .header_right nav a.navaon { color: #008fcd; }
header .header_right nav a:after,header .header_right nav a.navaon:after { -webkit-transition: all 0.3s linear; transition: all 0.3s linear; position: absolute; left: 50%; bottom: 0; margin-left: -10px; width: 0; height: 3px; background: #008fcd; content: ''; }
header .header_right nav a:hover:after,header .header_right nav a.navaon:after { width: 20px; }

/*header */
.slideBox { width: 100%; height: 486px; overflow: hidden; position: relative; }

.slideBox .bd { position: relative; height: 100%; z-index: 0; }

.slideBox .bd li { zoom: 1; vertical-align: middle; width: 100%; height: 486px; }
.slideBox .bd li a { display: block; width: 100%; height: 486px; }

.slideBox .hd { overflow: hidden; position: absolute; right: 0; bottom: 5px; z-index: 1; width: 100%; text-align: center; }

.slideBox .hd ul { overflow: hidden; zoom: 1; width: 100%; text-align: center; }

.slideBox .hd ul li { display: inline-block; margin: 0 5px; width: 11px; height: 11px; background: #fff; cursor: pointer; border-radius: 100%; }

.slideBox .hd ul li.on { background: #008fcd; }

.slideBox:hover .prev, .slideBox:hover .next { display: block; }

/*banner */
.indexone { background: #f4f4f4; padding: 51px 0; }
.indexone ul { width: 1170px; margin: 52px auto 0; }
.indexone ul li { position: relative; float: left; width: 246px; height: 251px; margin-left: 62px; background: #fff; }
.indexone ul li a { display: inline-block; overflow: hidden; width: 246px; height: 172px; }
.indexone ul li a img { width: 100%; height: 100%; -webkit-transition: all 0.3s linear; transition: all 0.3s linear; }
.indexone ul li span { display: block; width: 100%; text-align: center; }
.indexone ul li span i { display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; width: 100%; line-height: 26px; margin-top: 5px; font-size: 18px; }
.indexone ul li span em { display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; color: #999; text-transform: uppercase; }
.indexone ul li:hover img { -webkit-transform: scale(1.05); -moz-transform: scale(1.05); -ms-transform: scale(1.05); -o-transform: scale(1.05); transform: scale(1.05); }
.indexone ul li:after { -webkit-transition: all 0.3s linear; transition: all 0.3s linear; position: absolute; bottom: 0; left: 0; height: 2px; background: #008fcd; width: 0; content: ''; }
.indexone ul li:hover:after { width: 100%; }
.indexone ul li:first-child { margin-left: 0; }

.tit { width: 1170px; margin: auto; height: 58px; }

/*indexone*/
.indextwo { margin: 51px auto; }

.indextwobox { width: 1170px; margin: 24px auto; background: url("../images/dq.png") center 18px no-repeat; }
.indextwobox dl { float: left; width: 382px; margin-top: 41px; }
.indextwobox dl dt { float: left; width: 121px; height: 120px; margin-right: 20px; background: url("../images/twpbg.png") center center no-repeat; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; }
.indextwobox dl dt img { width: 119px; height: 118px; margin: 1px; }
.indextwobox dl:hover dt { background: url("../images/twpbg2.png") center center no-repeat; }
.indextwobox dl dd h5 a { display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; margin-top: 5px; font-size: 18px; height: 26px; line-height: 26px; }
.indextwobox dl dd em {display: block;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;color: #008fcd;text-transform: uppercase;height: 26px;line-height: 26px;}
.indextwobox dl dd p { overflow: hidden; height: 48px; color: #666; line-height: 24px; }

.twomore { float: left; width: 100%; padding: 32px 0 0 0; text-align: center; }
.twomore a { display: inline-block; background: url("../images/twomorebg.png") 0 0 no-repeat; width: 136px; height: 35px; line-height: 35px; color: #fff; }
.twomore a:hover { background: url("../images/twomorebg2.png"); -webkit-transform: translateY(-5px); -moz-transform: translateY(-5px); -ms-transform: translateY(-5px); -o-transform: translateY(-5px); transform: translateY(-5px); }

/*indextwo*/
.indexthree { background: url("../images/threebg.png") center top no-repeat; padding-top: 51px; }

.slideGroup { width: 1326px; margin: 22px auto; padding-bottom: 11px; }

.slideGroup .parHd { height: 30px; line-height: 30px; }

.slideGroup .parHd ul { float: left; height: 30px; width: 100%; text-align: center; color: #fff; }

.slideGroup .parHd ul li { display: inline-block; width: 84px; height: 30px; margin: 0 7.5px; cursor: pointer; font-size: 14px; }

.slideGroup .parHd ul li.on { background: url("../images/jtitbg.png") center center no-repeat; font-weight: bold; }

.slideGroup .slideBox { overflow: hidden; zoom: 1; width: 1270px; height: 240px; padding: 45px 0 10px 56px; position: relative; }

.slideGroup .sPrev, .slideGroup .sNext { position: absolute; left: 13px; top: 50%; margin-top: -25px; display: block; width: 27px; height: 51px; background: url(../images/icoLeft.png) no-repeat; }

.slideGroup .sPrev:hover { background-position: -27px 0; }

.slideGroup .sNext:hover { background-position: -27px 0; }

.slideGroup .sNext { left: auto; right: 7px; background: url(../images/icoRight.png) no-repeat; }

.slideGroup .parBd ul { overflow: hidden; zoom: 1; }

.slideGroup .parBd ul li { position: relative; width: 259px; height: 240px; margin: 0 22.5px; float: left; _display: inline; overflow: hidden; text-align: center; }
.slideGroup .parBd ul li:after { position: absolute; bottom: 0; left: 0; width: 0; background: #fff; height: 2px; -webkit-transition: all 0.3s linear; transition: all 0.3s linear; content: ''; }
.slideGroup .parBd ul li:hover:after { width: 100%; }

.slideGroup .parBd ul li .pic { overflow: hidden; text-align: center; width: 259px; height: 194px; }
.slideGroup .parBd ul li .pic:hover img { -webkit-transform: scale(1.05); -moz-transform: scale(1.05); -ms-transform: scale(1.05); -o-transform: scale(1.05); transform: scale(1.05); }

.slideGroup .parBd ul li .pic img { -webkit-transition: all 0.3s linear; transition: all 0.3s linear; width: 259px; height: 194px; display: block; }

.slideGroup .parBd ul li .title { line-height: 46px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; color: #fff; }

.slideGroup .parBd ul li .title a { color: #fff; font-size: 14px; }

/*indexthree*/
.indexfour { margin: 48px 0 41px; }

.indexfourbox { width: 1216px; margin: 58px auto 0; }

.indexfourbox .parHd {height: 72px;}

.indexfourbox .parHd ul { margin: auto; width: 105px; height: 23px; border: 1px solid #d8d7d7; text-align: center; }

.indexfourbox .parHd ul li { display: inline-block; width: 11px; height: 11px; margin: 6px 5px 0 5px; cursor: pointer; background: url("../images/newsh.png"); }

.indexfourbox .parHd ul li.on { background: url("../images/newsl.png"); }

.indexfourbox .slideBox { overflow: hidden; zoom: 1; position: relative; height: 176px; }

.indexfourbox .parBd dl { float: left; width: 562px; margin: 0 23px; overflow: hidden; zoom: 1; }
.indexfourbox .parBd dl:hover dt img { -webkit-transform: scale(1.05); -moz-transform: scale(1.05); -ms-transform: scale(1.05); -o-transform: scale(1.05); transform: scale(1.05); }

.indexfourbox .parBd dl dt { overflow: hidden; float: left; overflow: hidden; margin-right: 25px; width: 177px; height: 133px; text-align: center; }
.indexfourbox .parBd dl dt img { width: 100%; height: 100%; -webkit-transition: all 0.3s linear; transition: all 0.3s linear; }

.indexfourbox .parBd dl dd > a { display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-size: 14px; font-weight: bold; }
.indexfourbox .parBd dl dd p { margin-top: 7px; height: 48px; overflow: hidden; color: #666; }
.indexfourbox .parBd dl dd span { display: block; width: 100%; margin-top: 15px; color: #666; }
.indexfourbox .parBd dl dd span a { float: right; display: inline-block; width: 80px; height: 25px; background: url("../images/more.png") 0 0 no-repeat; }
.indexfourbox .parBd dl dd span a:hover { background: url("../images/more2.png") 0 0 no-repeat; -webkit-transform: translateY(-5px); -moz-transform: translateY(-5px); -ms-transform: translateY(-5px); -o-transform: translateY(-5px); transform: translateY(-5px); }
.indexfourbox .parBd dl dd span i { font-size: 18px; }

/*indexfour*/
.indexfive { background: #f4f4f4; padding: 53px 0 44px; }
.indexfive ul { width: 1210px; margin: auto; padding: 35px 0 0 0; }
.indexfive ul li { float: left; margin: 0 20px; width: 565px; background: url("../images/fivebg.png") left center no-repeat; height: 51px; line-height: 51px; border-bottom: 1px solid #c9c9c9; }
.indexfive ul li a { padding-left: 20px; font-size: 14px; color: #666; }
.indexfive ul li:hover { background: url("../images/fivebg2.png") left center no-repeat; }
.indexfive ul li:hover a { color: #008fcd; }
.indexfive .fivemore { padding-top: 39px; }

/*indexfive*/
.indexsix {padding: 48px 0 60px 0;}
.indexsix dl { width: 1170px; margin: 41px auto 0; padding-bottom: 58px; background: url("../images/aboubg.png") center top no-repeat; border-bottom: 1px solid #d1d1d1; }
.indexsix dl dt { float: left; padding: 11px  0  0 11px; }
.indexsix dl dd { float: left; margin-left: 90px; width: 720px; line-height: 24px; color: #666; font-size: 14px; }
.indexsix dl dd .moreabout { display: inline-block; float: right; margin-top: 17px; background: url("../images/twomorebg.png"); width: 136px; height: 35px; text-align: center; line-height: 35px; color: #fff; }
.indexsix dl dd .moreabout:hover { -webkit-transform: translateY(-5px); -moz-transform: translateY(-5px); -ms-transform: translateY(-5px); -o-transform: translateY(-5px); transform: translateY(-5px); }
.indexsix dl dd .moreabout:hover { background: url("../images/twomorebg2.png"); }
.indexsix dl dd > div { height: 200px; overflow: hidden; }

/*indexsix*/
.indexseven {width: 1170px;margin: 39px auto 40px;font-size: 14px;color: #666;}
.indexseven h4 { float: left; }
.indexseven h4 img { margin: 4.5px 5px 0 4.5px; }
.indexseven a { float: left; display: inline-block; margin: 0 20px; color: #666; }
.indexseven a:hover { color: #008fcd; }

/*indexseven*/
.indexeight { background: #efefef; padding: 50px 0; }
.indexeight .eightbox { width: 1170px; margin: auto; }
.indexeight .eightbox > div { float: left; width: 167px; }
.indexeight .eightbox > div h5 { margin-bottom: 12px; font-size: 16px; line-height: 24px; }
.indexeight .eightbox > div a {display: block;overflow: hidden;white-space: nowrap;-ms-text-overflow: ellipsis;text-overflow: ellipsis;line-height: 20px;color: #666;font-size: 12px;}
.indexeight .eightbox > div a:hover { color: #008fcd; }
.indexeight .eightbox > div img{margin-top: 5px;}

/*link*/
footer { background: #404040; padding: 19.5px 0; }
footer .footer { width: 1170px; margin: auto; color: #b7b6b6; font-size: 14px; line-height: 24px; }
footer .footleft { float: left; }
footer .footright { float: right; }
footer a { color: #b7b6b6; margin: 0 5px; }

footer a:hover { color: #fff; }

/*footer*/
.banner_n { height: 500px; width: 100%; }

.sideMenu h3 { height: 50px; line-height: 50px; padding-left: 10px; border-top: 1px solid #d8d8d8; cursor: pointer; font: normal 14px/50px; background: url("../images/sidebarbai.jpg") center center no-repeat; -webkit-transition: all 0.3s linear; transition: all 0.3s linear; }
.sideMenu h3:first-child { border-top: none; }


.sideMenu ul { padding: 0 10px; color: #999; display: none; /* 默认都隐藏 */ }
.sideMenu ul li { background: url("../images/left_n.jpg") left center no-repeat; padding-left: 18px; }
.sideMenu ul li a { display: inline-block; line-height: 30px; }
.sideMenu ul li a:hover { color: #00a83c; font-weight: bold; }
.sideMenu ul li .on { color: #00a83c; font-weight: bold; }

.sideMenu h3.on { background: url("../images/sidebarlv.jpg") left center no-repeat; color: #fff; font-weight: bold;padding-left: 30px; }
.sideMenu h3.on a{color: #fff;}
.main { width: 1170px; margin: 14px auto; overflow: hidden; }

.sidebar { width: 236px; float: left; border-bottom: 1px solid #e3e3e3; }
.sidebar > h4 { height: 61px; line-height: 61px; margin-bottom: 11px; padding-left: 7px; border-bottom: 1px solid #d8d8d8; font-size: 24px; color: #008fcd; font-weight: bold; }

.sideMenu ul li:first-child { margin-top: 10px; }

/*leftnav*/
.mainright {float: right;width: 888px;min-height: 400px;}

.location { height: 61px; line-height: 61px; border-bottom: 1px solid #dadada; background: url("../images/ico.jpg") left center no-repeat; padding-left: 27px; }
.location i { color: #555; font-size: 24px; }
.location span { float: right; background: url("../images/fz.jpg") left center no-repeat; padding-left: 22px; font-size: 14px; }
.location span a { margin: 0 3px; }

.about {min-height: 100px;margin-top: -1px;padding-bottom: 11px;line-height: 27px;font-size: 14px;color: #666;text-indent: 0em;}

.photo ul{float: left;width: 100%;min-height: 512px;}
.photo ul li { width: 271px; float: left; margin-left: 36px; margin-top: 40px; }
.photo ul li a { display: block; overflow: hidden; width: 100%; height: 245px; position: relative; }
.photo ul li a span {position: absolute;left: 0;bottom: 0;display: inline-block;width: 100%;line-height: 34px;height: 29px;background: url("../images/huibg.png");color: #077fba;text-align: center;overflow: hidden;-ms-text-overflow: ellipsis;text-overflow: ellipsis;white-space: nowrap;font-size: 14px;font-weight: bold;}
.photo ul li a:hover img { -webkit-transform: scale(1.05); -moz-transform: scale(1.05); -ms-transform: scale(1.05); -o-transform: scale(1.05); transform: scale(1.05); }
.photo ul li img {width: 271px;height: ;-webkit-transition: all 0.3s linear;transition: all 0.3s linear;}
.photo ul li p { width: 251px; height: 60px; overflow: hidden; line-height: 20px; padding: 10px 9px; background: #f5f5f4; border: 1px solid #d1d1d1; color: #666; }
.photo ul li p a { color: #666; }
.photo ul li p a:hover { color: #008fcd; }

/*photo*/
.page { float: left; width: 100%; text-align: center; margin: 45px  0 38px; }

.page a {  padding: 0 10px; margin: 0 2.5px; height: 29px; border: 1px solid #d5d5d5; line-height: 29px; background: #fff; }

.page a.prev, .page a.next { padding: 0 25px; }

.page a.page_on, .page a:hover { background: #008fcd; color: #fff; }
.page a.active, .page a:hover { background: #008fcd; color: #fff; }

.page2 { margin: 41px  0 42px; }

/**/
.news { margin-top: 17px; }
.news ul li { height: 50px; border-bottom: 1px solid #d1d1d1; line-height: 50px; font-size: 14px; }
.news ul li span { float: right; color: #666; }
.news ul li a { display: inline-block; padding-left: 23px; background: url("../images/fivebg.png") 4px center no-repeat; color: #666; }
.news ul li a:hover { color: #077fba; background: url("../images/fivebg2.png") 4px center no-repeat; }

.down { margin-top: 17px; }
.down ul li { height: 50px; border-bottom: 1px solid #d1d1d1; line-height: 50px; font-size: 14px; }
.down ul li span { float: right; color: #666; }
.down ul li span a { background: none; padding-right: 23px;}
.down ul li a { display: inline-block; padding-left: 23px; background: url("../images/fivebg.png") 4px center no-repeat; color: #666; }
.down ul li a:hover { color: #077fba; background: url("../images/fivebg2.png") 4px center no-repeat; }


/*news*/
.list_tuwen { margin-top: 7px; }
.list_tuwen dl { width: 100%; float: left; border-bottom: 1px dashed #afafaf; padding-bottom: 26px; margin-top: 29px; }
.list_tuwen dl dt { overflow: hidden; float: left; margin-right: 20px; width: 189px; height: 142px; padding: 3px; border: 3px solid #ebebeb; -webkit-transition: all 0.3s linear; transition: all 0.3s linear; }
.list_tuwen dl dt img { width: 100%; height: 100%; -webkit-transition: all 0.3s linear; transition: all 0.3s linear; }
.list_tuwen dl dt:hover img { -webkit-transform: scale(1.05); -moz-transform: scale(1.05); -ms-transform: scale(1.05); -o-transform: scale(1.05); transform: scale(1.05); }
.list_tuwen dl dt:hover { border-color: #008fcd; }
.list_tuwen dl dd { float: left; width: 666px; }
.list_tuwen dl dd h5 { height: 36px; line-height: 36px; padding-bottom: 7px; border-bottom: 1px solid #d6d6d6; }
.list_tuwen dl dd h5 a { display: inline-block; float: left; width: 555px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; color: #333; font-size: 16px; font-weight: bold; }
.list_tuwen dl dd h5 span { float: right; color: #888; }
.list_tuwen dl dd h5:hover a { color: #008fcd; }
.list_tuwen dl dd p { overflow: hidden; height: 48px; margin-top: 15px; line-height: 24px; color: #666; }
.list_tuwen dl dd > a { float: right; display: inline-block; margin-top: 16px; width: 80px; height: 25px; background: url("../images/more.png") no-repeat; }
.list_tuwen dl dd > a:hover { -webkit-transform: translateY(-5px); -moz-transform: translateY(-5px); -ms-transform: translateY(-5px); -o-transform: translateY(-5px); transform: translateY(-5px); background: url("../images/more2.png") no-repeat; }

/*tuwen*/
.final_page { width: 90%; margin: 50px auto; }

.final_page .art_title { margin-bottom: 30px; text-align: center; border-bottom: 1px #ddd dotted; }

.final_page .art_title h3 { font-size: 17px; color: #4d5260; }

.final_page .art_title .info { margin-top: 15px; margin-bottom: 20px; font-size: 12px; color: #aaa; }

.final_page .art_title .info span { display: inline-block; margin: 0 10px; }

.final_page p { margin-bottom: 15px; line-height: 24px; text-indent: 2em; }

.final_page img { display: block; margin: 0 auto; max-width: 100%; }

.page_f{width: 100%;float: left;padding-bottom: 30px;}
.page_f p { float: left; width: 100%; line-height: 30px; font-size: 14px; }
.page_f p a { font-weight: bold; }

/*# sourceMappingURL=common.css.map */
.go_top{position: fixed;bottom:50px;right:30px;cursor: pointer;width: 66px;height: 66px;background: url('../images/go_top.png') ;}