@charset "UTF-8";
*{

moz-user-select: -moz-none;

-moz-user-select: none;

-o-user-select:none;

-khtml-user-select:none;

-webkit-user-select:none;

-ms-user-select:none;

user-select:none;

}
* { 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: 12px; line-height: 24px; }

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 */
.slideBox { width: 100%; height: 604px; overflow: hidden; position: relative; }

.slideBox .bd { position: relative; height: 100%; z-index: 0; }

.slideBox .bd li { zoom: 1; vertical-align: middle; width: 100%; height: 604px; }
.slideBox .bd li a { display: block; width: 100%; height: 604px; }

.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: #ffffff; 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: #999; 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 { color: #fff;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: #ffffff; padding: 51px 0 110px 0; }

.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: 30px; }

.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: 40px 0 28px 0; }
.indexsix dl { width: 1170px; margin: 41px auto 0; padding-bottom: 58px; background: url("../images/aboubg.png") center top no-repeat; }
.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: 0 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: 1252px; 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: 26px; color: #666; font-size: 14px; }
.indexeight .eightbox > div a:hover { color: #008fcd; }
.indexeight .eightbox > div img{margin-top: 5px;}

.indexnine { background: #f4f4f4; padding: 53px 0; }
.indexnine ul { margin: 0 auto; width:73%; padding-top:30px;}
.indexnine ul li { position: relative; float: left; width: 178px; height: 127px; margin-left: 20px; margin-top:15px;background: #fff; }
.indexnine ul li a { display: inline-block; overflow: hidden; width: 178px; height: 127px; }
.indexnine ul li a img { width: 100%; height: 100%; -webkit-transition: all 0.3s linear; transition: all 0.3s linear; }
.indexnine ul li span { display: block; width: 100%; text-align: center; }
.indexnine 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; }
.indexnine ul li span em { display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; color: #999; text-transform: uppercase; }
.indexnine 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); }
.indexnine 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: ''; }
.indexnine ul li:hover:after { width: 100%; }

.indexten { background: #f4f4f4; padding: 51px 0; }
.indexten ul { width: 1170px; margin: 52px auto 0; }
.indexten ul li { position: relative; float: left; width: 246px; height: 251px; margin-left: 62px; background: #fff; }
.indexten ul li a { display: inline-block; overflow: hidden; width: 246px; height: 172px; }
.indexten ul li a img { width: 100%; height: 100%; -webkit-transition: all 0.3s linear; transition: all 0.3s linear; }
.indexten ul li span { display: block; width: 100%; text-align: center; }
.indexten 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; }
.indexten ul li span em { display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; color: #999; text-transform: uppercase; }
.indexten 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); }
.indexten 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: ''; }
.indexten ul li:hover:after { width: 100%; }
.indexten ul li:first-child { margin-left: 0; }

/*link*/
footer { background: #404040; padding: 19.5px 0; }
footer .footer { margin: auto 0; color: #b7b6b6; font-size: 14px; line-height: 24px; }
footer .footleft { text-align:center; }
footer .footright { text-align:center; margin-top:10px;}
footer a { color: #b7b6b6; margin: 0 5px; }
footer a:focus {
	color: #b7b6b6;
	text-decoration: none
}

footer a:hover { color: #fff; }

/*footer*/
.banner_n { height: 300px; width: 100%; background-size: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: 1288px; margin: 14px auto; overflow: hidden; margin-bottom: 30px;}

.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: 1006px; min-height: 600px; }

.location {margin-bottom:15px; 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: 420px; margin-top: 35px; padding-bottom: 75px; line-height: 30px; font-size: 14px; color: #666; text-indent: 2em; }

.photo ul{float: left;width: 100%;min-height: 500px;}
.photo ul li { width: 271px; float: left; margin-left: 36px; margin-top: 40px; }
.photo ul li a { display: block; overflow: hidden; width: 100%; height: 204px; position: relative; }
.photo ul li a span { position: absolute; left: 0; bottom: 0; display: inline-block; width: 100%; line-height: 44px; height: 44px; background: url("../images/huibg.png"); color: #fff; 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: 204px; -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 { width: 100%; text-align: center; margin: 25px  0 38px; }

.page a { display: inline-block; 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') ;}


/*客服*/
.suspension i{list-style:none;}
.suspension img{vertical-align:top;}
.suspension a, button{cursor:pointer;}
.suspension a{color:#333;outline:none;text-decoration:none;}
.suspension a:focus{ color:#333;outline:none; -moz-outline:none;}
.suspension a:hover{color:#fc8080;text-decoration:none;}
.suspension a:-webkit-any-link{text-decoration:none;}
.suspension .container{width:1200px;margin:0 auto;padding:0;}
.suspension .container:after{content:"";display:block;clear:both;}
.suspension .clearfix:after{content:"";display:block;clear:both;}
.suspension .fl{float:left;}
.suspension .fr{float:right;}
.suspension .tl{text-align:left;}
.suspension .tr{text-align:right;}
.suspension .tc{text-align:center;}
.suspension .color-white{color:white!important;}
.suspension .red{color:#fc8080!important;}
.suspension .fz12{font-size:12px;}
.suspension .fz14{font-size:14px;}
.suspension .wfs{width:100%;position:relative;}
.suspension .p_r{position:relative;}
.suspension{position:fixed;z-index:55;right:0;bottom:85px;width:70px;height:240px;}
.suspension-box{position:relative;float:right;}
.suspension .a{display:block;width:44px;height:44px;background-color:#353535;margin-bottom:4px;cursor:pointer;outline:none;}
.suspension .a.active,
.suspension .a:hover{background:#F05352;}
.suspension .a .i{float:left;width:44px;height:44px;background-image:url(../images/side_icon.png);background-repeat:no-repeat;}
.suspension .a-service .i{width:20px;height:20px;margin-top:12px;margin-left:12px;background-image:url(../images/suspension-bg.png);background-repeat:no-repeat;background-position:0 0;}
.suspension .a-service-phone .i{width:20px;height:20px;margin-top:12px;margin-left:12px;background-image:url(../images/suspension-bg.png);background-repeat:no-repeat;background-position:-27px 0;}
.suspension .a-qrcode .i{background-position:-44px 0;}
.suspension .a-cart .i{background-position:-88px 0;}
.suspension .a-top .i{background-position:-132px 0;}
.suspension .a-top{background:#D2D3D6;display:none;}
.suspension .a-top:hover{background:#c0c1c3;}
.suspension .d{display:none;width:223px;background:#fff;position:absolute;right:67px;min-height:90px;border:1px solid #E0E1E5;border-radius:3px;box-shadow:0px 2px 5px 0px rgba(161, 163, 175, 0.11);}
.suspension .d .arrow{position:absolute;width:8px;height:12px;background:url(../images/side_bg_arrow.png) no-repeat;right:-8px;top:31px;}
.suspension .d-service{top:0;}
.suspension .d-service-phone{top:34px;}
.suspension .d-service-wangwang{top:60px;}
.suspension .d-qrcode{top:78px;}
.suspension .d .inner-box{padding:8px 22px 12px;}
.suspension .d-service-item{border-bottom:1px solid #eee;padding:14px 0;}
.suspension .d-service .d-service-item{border-bottom:none;}
.suspension .d-service-wangwang .d-service-item{border-bottom:none;}
.suspension .d-service-item .circle{width:44px;height:44px;border-radius:50%;overflow:hidden;background:#F1F1F3;display:block;float:left;}
.suspension .d-service-item .i-qq{width:44px;height:44px;background:url(../images/side_con_icon03.png) no-repeat center 15px;display:block;transition:all .2s;border-radius:50%;overflow:hidden;}
.suspension .d-service-item .i-wangwang{width:44px;height:44px;background:url(../images/side_con_icon05.png) no-repeat center 15px;display:block;transition:all .2s;border-radius:50%;overflow:hidden;}
.suspension .d-service-item:hover .i-qq{background-position:center 3px;}
.suspension .d-service-item:hover .i-wangwang{background-position:center 3px;}
.suspension .d-service-item .i-tel{width:44px;height:44px;background:url(../images/side_con_icon02.png) no-repeat center center;display:block;}
.suspension .d-service-item h3{float:left;width:112px;line-height:44px;font-size:15px;margin-left:12px;}
.suspension .d-service-item .text{float:left;width:112px;line-height:22px;font-size:15px;margin-left:12px;}
.suspension .d-service-item .text .number{font-family:Arial,"Microsoft Yahei","HanHei SC",PingHei,"PingFang SC","Helvetica Neue",Helvetica,Arial,"Hiragino Sans GB","Heiti SC","WenQuanYi Micro Hei",sans-serif;}
.suspension .d-service-intro{padding-top:10px;}
.suspension .d-service-intro p{float:left;line-height:27px;font-size:12px;width:50%;white-space:nowrap;color:#888;}
.suspension .d-service-intro i{background:url(../images/side_con_icon01.png) no-repeat center center;height:27px;width:14px;margin-right:5px;vertical-align:top;display:inline-block;}
.suspension .d-qrcode{text-align:center;}
.suspension .d-qrcode .inner-box{padding:20px 0;}
.suspension .d-qrcode p{font-size:16px;color:#93959c;}


.swt_bottom .swt_bottom_com{z-index: 999; width: 100%; position: fixed; height: 55px; left: 0; bottom: 0; background: rgba(0,0,0,0.7); -webkit-transition: all .5s; -moz-transition: all .5s; transition: all .5s;}
.swt_bottom .swt_bottom_nr{width: 1190px; margin: 0 auto;}
.swt_bottom_nr .fix-logo{width: 197px; height: 55px; display: block; float: left;}
.swt_bottom_nr .fix-logo img{border: 0;}
.swt_bottom_nr .dongtu{width: 55px; height: 55px; display: block; float: left;}
.swt_bottom_nr .dongtu img{width: 35px; height: 31px; display: block; margin: 12px auto 0px;}
.swt_bottom .swt_bottom_nr .fix_call{display: block; float: left; width: 430px; height: 55px; overflow: hidden; position: relative;}
.swt_bottom .swt_bottom_nr .swt_bottom2{display: block; float: left; width: 309px; height: 31px; line-height: 31px; font-size: 14px; color: #9e9e9e; border-radius: 3px; background-color: #fff; text-indent: 10px; margin-top: 13px;}
.swt_bottom .swt_bottom_nr .swt_bottom3{display: block; float: right; width: 111px; height: 31px; margin-top: 14px; background: #ff2c00; font-size: 16px; color: #fff; text-align: center; line-height: 31px; cursor: pointer; z-index: 9999; border-radius: 3px;}
.swt_bottom .swt_bottom_nr .number{width: 265px; float: left; line-height: 55px; font-size: 16px; color: #fff; text-indent: 10px;}
.swt_bottom .swt_bottom_nr .number p{font-size: 12px;}
.swt_bottom .swt_bottom_nr .number p i{font-size: 18px; color: #ff2c00;}
.swt_bottom .swt_bottom_nr .fix_zx_btn{margin-top: 13px; float: left;}
.swt_bottom .swt_bottom_nr .fix_zx_btn a{color: #555; text-decoration: none;}
.swt_bottom .swt_bottom_nr .fix_close{display: block; float: right; width: 16px; height: 16px; cursor: pointer; overflow: hidden; margin-top: 10px;}
.swt_bottom .swt_bottom_nr .fix_close a{color: #555; text-decoration: none;}
.character{width: 16px; height: 16px; background: url(../images/fix_close.png)no-repeat center center; -webkit-transition: -webkit-transform 1s ease-out; -moz-transition: -moz-transform 1s ease-out; -o-transition: -o-transform 1s ease-out; -ms-transition: -ms-transform 1s ease-out;}
.searchbox-right{border-left: 1px solid #dddddd; position: absolute; right: 15px; padding-top: 0;}
.searchbox-right a{color: #666; display: inline-block; vertical-align: middle;}
.search-btn, .sitebtn{height: 90px; line-height: 90px;}
.search-btn{width: 50px; background-image: url(../images/winco01.png); background-position: center center; background-repeat: no-repeat; position: relative;}
.mobnav-btn{width: 35px; height: 30px; overflow: hidden; cursor: pointer; position: relative;}
.searchbox-right a.mobnav-btn{display: none;}
.search{border: 1px solid #ddd;}
.headeritem{position: absolute; top: 86px; width: 200px; right: -50px;}
.siteweb{box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1); padding: 10px 20px; border-top: 0; background: #fff;}
.siteweb a{padding: 3px 0; display: block; color: #333;}
.search .search-text{width: 100%; padding: 11px; color: #666;}
.search .sreach-btn{width: 40px; height: 37px; position: absolute; right: 0; top: 0; background-image: url(../images/winco01.png); background-position: center center; background-repeat: no-repeat; background-color: #ffffff;}

.main dl,.main ol,.main ul{list-style-type:none}
.main a,.main area{outline:0;blr:expression(this.onFocus=this.blur())}
.main a:active,.main a:focus,.main a:hover{outline:0;blr:expression(this.onFocus=this.blur())}
.main input[type=button],.main input[type=submit]{cursor:pointer}
.main a{text-decoration:none;color:#666}
.main a:hover{text-decoration:none}
.main input,.main td,.main th{font-family:Arial,"微软雅黑";font-size:12px;color:#000}
.slick-slider{position:relative;outline:0;display:block;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent}
.slick-list{position:relative;display:block;overflow:hidden;margin:0;padding:0}
.slick-list:focus{outline:0}
.slick-list.dragging{cursor:pointer;cursor:hand}
.slick-slider .slick-list,.slick-slider .slick-track{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
.slick-track{position:relative;top:0;left:0;display:block}
.slick-track:after,.slick-track:before{display:table;content:''}
.slick-track:after{clear:both}
.slick-loading .slick-track{visibility:hidden}
.slick-slide{display:none;float:left;outline:0 none;height:100%;min-height:1px}
[dir=rtl] .slick-slide{float:right}
.slick-slide img{display:block;margin:auto}
.slick-slide.slick-loading img{display:none}
.slick-slide.dragging img{pointer-events:none}
.slick-initialized .slick-slide{display:block}
.slick-loading .slick-slide{visibility:hidden}
.slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent}
.slick-arrow.slick-hidden{display:none}
.slick-dots button{display:none}
.layout{width:1200px;margin:0 auto}
.ph{float:left;font-size:14px;margin-right:18px;border-right:1px solid #f3f3f3;color:#00aaf6}
.ph i{background:url(../images/png_ph1.png) no-repeat;display:inline-block;vertical-align:middle;width:17px;margin-right:11px;height:17px}
.ph em{margin-right:25px}
.btnhover{transition:all .1s;-webkit-transition:all .1s}
.btnhover:hover{-moz-box-shadow:0 0 5px 1px #fff inset;-webkit-box-shadow:0 0 5px 1px #fff inset;box-shadow:0 0 5px 1px #fff inset}
.webtit{padding-top:40px;padding-bottom:30px;text-align:center}
.enfont{font-family:华文细黑;letter-spacing:.06em;transform:scale(1,1.1);text-transform:uppercase}
.webtit em{display:block;line-height:70px;position:relative;font-size:42px;color:#3f3f3f}
.webtit em i{position:absolute;left:50%;bottom:0;width:26px;height:2px;margin-left:-13px;background:#1ec0ff}
.webtit span{line-height:66px;font-size:24px;color:#292828}
.lazysss2{width:222px;background-repeat:no-repeat;height:122px;margin-bottom:22px;background-image:url(../images/loading.gif);background-position:center;float:left;margin-right:17px;background-size:222px 122px;}
.zp{width:511px;z-index:0;height:270px;background:#fff url(../images/png_zp1.png) left top no-repeat;position:absolute;left:-45px;padding-right:13px;top:0}
.pp table td{width:20%;border:1px solid #e8e8e8;height:135px;overflow:hidden}
.ppslide .slick-arrow{z-index:10;position:absolute;border:1px solid #dedede;color:#dedede;font-family:'宋体';font-size:30px;width:49px;height:49px;text-align:center;line-height:49px;cursor:pointer;background:0 0;top:0;left:430px}
.ppslide table{width:99.9%;margin-left:1px}
.ppslide .slick-prev{left:380px}
.ppslide .slick-arrow:hover{color:#fff;background:#008fcd;border:1px solid #008fcd}
.webmod2{background:#ffffff}
.news{padding:0 26px;overflow:hidden;height:613px;background:#fff;padding-bottom:9px}
.news{float:left}
.news-t{height:71px;line-height:71px}
.news-t h5{float:left;font-size:18px;margin-right:20px;cursor:pointer;color:#000}
.news-t h5.slick-current{font-size:20px;color:#008fcd}
.newlist li{padding-bottom:4px}
.newlist a{display:block;font-size:14px;height:100px;padding:9px 0 15px 3px;}
.newlist a:hover{background:#008fcd}
.newlist a:hover h5,.newlist a:hover p{color:#fff}
.newlist{width:400px}
.newlist h5{line-height:27px;max-height:54px;overflow:hidden;color:#3f3f3f}
.newlist p{line-height:21px;margin-top:6px;color:#666}
.newlist .slick-arrow{width:42px;top:-56px;background:0 0;border:none;text-indent:-300%;overflow:hidden;cursor:pointer;height:42px;position:absolute}
.newlist .slick-prev{background-image:url(../images/png_jt1.png);right:50px}
.newlist .slick-prev:hover{background-image:url(../images/png_jt3.png)}
.newlist .slick-next{background-image:url(../images/png_jt2.png);right:0}
.newlist .slick-next:hover{background-image:url(../images/png_jt4.png)}
.newshd{float:left;width:590px}
.newslist2{width:670px}
.newslist2 li.o{float:left}
.newslist2 li.t{float:right}
.newslist2 li{width:48%;float:left;line-height:52px;border-bottom:1px solid #f2f2f2}
.newslist2 li a{display:block}
.newslist2 li h5{padding-left:16px;background:url(../images/png_jt5.png) left center no-repeat;font-size:14px;color:#000;width:220px;float:left;margin-top: 17px;}
.newslist2 li b{color:#999;font-size:14px;float:right}
.newslist2 li a:hover h5{color:#0095e2}
.newslist2 li.frist{border:none;width:100%}
.newslist2 li.frist img{margin-right:17px;float:left}
.newslist2 li.frist h5{line-height:23px;background:0 0;font-size:16px;float:none;width:inherit}
.newslist2 li.frist p{line-height:28px;height:84px;overflow:hidden;font-size:14px;margin-top:11px;color:#666}
.newslist2 li.frist b{float:none;display:block;margin-top:9px;line-height:23px}
.hideshow{opacity:0}
.hideshow.on{opacity:1}
.newlistbox.show{left:19px}
.newlistbox{position:absolute;left:-1000px}
.lazysss{height:82px;width:127px;margin-right:12px;float:left;line-height:70px;text-align:center}
.protab-img{background-image:url(../images/loading.gif);background-repeat:no-repeat;display:block;background-position:center}
.clear{clear:both;font-size:0;line-height:0;height:0}
.ppslide .slick-arrow.slick-disabled,.ppslide .slick-arrow.slick-disabled:hover{cursor:inherit;color:#fff;background:#dedede;border:1px solid #dedede}
.ppslide img{-webkit-transition:.25s all;transition:.25s all}
.ppslide img:hover{-webkit-transform:scale(.9);transform:scale(.9)}


.sub_menu{position:absolute;left:0;top:122px;width:100%;background:#f9f8f9;border:1px solid #dadada;border-width:1px 1px 1px 1px;border-radius:0 0 5px 5px;z-index:13;box-shadow:inset 1px 0px 6px #eeeeee;}
.sub_menu i{background:url("../images/boc2018_a_hover.png") no-repeat;width:14px;height:10px;position:absolute;top:-7px;margin-left:-6px;}
.sub_area{padding:20px;line-height:32px;font-size:14px;color:#535353;}
.sub_area .sub_nav{width:21%;padding-left:30px;list-style:none;background:url("../images/boc2018_dot_liney.gif") repeat-y right 0;float:left;height:130px;}
.sub_area .sub_nav li.li_2018 {background:url("../images/boc2018_dot_icon.png") no-repeat 0 -72px;line-height:32px;padding-left:16px;}
.sub_area .sub_nav li.li_2018 a{font-family:"微软雅黑";color:#535353;font-size:14px;}
.sub_pic{padding-left:3.75em;width:40%;float:left;}
.sub_area .sub_pic a{display:block; font-family:"微软雅黑";font-size:14px;line-height:32px;color:#535353;}
.sub_area .sub_pic li.li_2018 span{cursor:pointer;width:35%;margin-right:20px;background:url("../images/boc2018_dot_icon.png") no-repeat 0 -72px;font-family:"微软雅黑";color:#535353;font-size:14px;line-height:32px;padding-left:14px;display:inline-block;line-height:24px;}
.sub_area .last{background:none;}
.sub_area .sub_nav li.li_2018 a:hover,.sub_area .sub_pic a:hover,.sub_area .sub_pic li.li_2018 span:hover{color:#ff6633;}
.sub_pic img,.sub_area .sub_ad img{vertical-align:top;margin:0px 0 10px 0px;border:1px solid #dadada;border-radius:5px;}
.sub_area .sub_ad{background:none;}
.sub_area .sub_ad li.li_2018{background:none;padding:0;}
#layer1 i{left:40%;}
#layer2 i{left:46%;}
#layer3 i{left:52%;}
#layer4 i{left:59%;}
#layer5 i{left:65%;}
#layer6 i{left:71%;}
#layer7 i{left:78%;}


.commonweb{padding:0px 3%;}
.commonwebbox{margin-left:0px;margin-right:0px;}
.commonleft{float:none;}
.commonright{float:none;}
.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12{float:left;padding-left:15px;padding-right:15px;}
.col-xs-12{width: 100%;}
.col-xs-11{width: 91.66666667%;}
.col-xs-10{width: 83.33333333%;}
.col-xs-9{width: 75%;}
.col-xs-8{width: 66.66666667%;}
.col-xs-7{width: 58.33333333%;}
.col-xs-6{width: 48%;}
.col-xs-5{width: 41.66666667%;}
.col-xs-4{width: 33.33333333%;}
.col-xs-3{width: 25%;}
.col-xs-2{width: 16.66666667%;}
.col-xs-1{width: 8.33333333%;}
@media (min-width: 520px){.col-ww-50{float:left;padding-left:15px;padding-right:15px;}
.col-ww-50{width:50%;}}
@media (min-width: 768px){.commonwebbox{margin-left:-10px;margin-right:-10px;}
.col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-27, .col-sm-73, .col-sm-40, .col-sm-60, .col-sm-20, .col-sm-80, .col-sm-35, .col-sm-65, .col-sm-55, .col-sm-45, .col-sm-56, .col-sm-44, .col-sm-13{float:left;padding-left:15px;padding-right:15px;}
.col-sm-12{width: 100%;}
.col-sm-11{width: 91.66666667%;}
.col-sm-10{width: 83.33333333%;}
.col-sm-9{width: 75%;}
.col-sm-8{width: 66.66666667%;}
.col-sm-7{width: 58.33333333%;}
.col-sm-6{width: 49.33333333%;}
.col-sm-5{width: 41.66666667%;}
.col-sm-4{width: 33.33333333%;}
.col-sm-3{width: 25%;}
.col-sm-2{width: 16.66666667%;}
.col-sm-1{width: 8.33333333%;}
.col-sm-27{width:25%;}
.col-sm-73{width:69%;}
.col-sm-40{width:40%;}
.col-sm-60{width:60%;}
.col-sm-20{width:30%;}
.col-sm-80{width:70%;}
.col-sm-35{width:35%;}
.col-sm-65{width:65%;}
.col-sm-55{width:55%;}
.col-sm-45{width:45%;}
.col-sm-56{width:55%;}
.col-sm-44{width:45%;}
.col-sm-13{width: 20%;}}
@media (min-width: 992px){.commonwebbox{margin-left:-10px;margin-right:-10px;}
.commonleft{float:left;}
.commonright{float:right;}
.col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12,.col-mdww-3, .col-md-40, .col-md-60, .col-md-35, .col-md-65, .col-md-54, .col-md-45{float:left;padding-left:15px;padding-right:15px;}
.col-md-12{width: 100%;}
.col-md-11{width: 91.66666667%;}
.col-md-10{width: 83.33333333%;}
.col-md-9{width: 75%;}
.col-md-8{width: 66.66666667%;}
.col-md-7{width: 58.33333333%;}
.col-md-6{width: 48%;}
.col-md-5{width: 41.66666667%;}
.col-md-4{width: 30.333333%}
.col-md-3{width: 25%;}
.col-md-2{width: 16.66666667%;}
.col-md-1{width: 8.33333333%;}
.col-mdww-3{width: 20%;}
.col-md-40{width:40%;}
.col-md-60{width:60%;}
.col-md-35{width:35%;}
.col-md-65{width:65%;}
.col-md-54{width:54.5%;}
.col-md-45{width:45.5%;}}
@media (min-width: 1024px){.col-ro-40, .col-ro-60{float:left;padding-left:15px;padding-right:15px;}
.commonweb{padding: 0px 10px;}
.ww-ro-1{width: 33.33333333%;}
.col-ro-40{width:40%;}
.col-ro-60{width:60%;}}
@media (min-width: 1199px){.commonweb{margin:0px auto;max-width:1200px;}
.commonleft{float:left;}
.commonright{float:right;}
.col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12{float:left;padding-left:15px;padding-right:15px;}
.col-lg-12{width: 100%;}
.col-lg-11{width: 91.66666667%;}
.col-lg-10{width: 83.33333333%;}
.col-lg-9{width: 75%;}
.col-lg-8{width: 66.66666667%;}
.col-lg-7{width: 58.33333333%;}
.col-lg-6{width: 50%;}
.col-lg-5{width: 41.66666667%;}
.col-lg-4{width: 33.33333333%;}
.col-lg-3{width: 25%;}
.col-lg-2{width: 16.66666667%;}
.col-lg-1{width: 8.33333333%;}}
.visible-lg,.visible-md,.visible-sm,.visible-ww{display:none;}
.hidden-lg,.hidden-md,.hidden-sm,.hidden-ww{display:none;}
@media (min-width: 767px){.visible-sm{display:block;}
.hidden-sm{display:none;}}
@media (min-width: 991px){.visible-md{display:block;}
.hidden-sm{display:block;}
.hidden-sm-991{display:none;}}
@media (min-width: 1024px){.visible-ww{display:block;}
.hidden-ww{display:block;}
.hidden-sm-991{display:block;}}
@media (min-width: 1200px){.visible-lg{display:block;}
.hidden-lg{display:block;}}


.hm-header { background: #fff; position: fixed; width: 100%; top: 0; left: 0; z-index: 99; }

body { padding-top: 60px; }

.header-web { max-width: 1300px; margin: 0 auto; padding: 0 15px; position: relative; }

.logo { float: left; padding: 10px 0; width: 18%; }

.logo img { height: 34px; }

.nav { position: fixed; height: 100%; background: #fff; top: 60px; left: 0; width: 100%; border-top: 1px solid #ccc; display: none; }

.nav.show { display: block; }

.nav ul li { position: relative; padding: 0; border-bottom: 1px solid #ccc; }

.nav ul li h4 { font-size: 18px; }

.nav ul li h4 a { padding: 10px 30px; display: block; }

.header-right { position: absolute; right: 15px; padding-top: 13px; }

.header-right a { color: #666; display: inline-block; vertical-align: middle; }

.search-btn { display: inline-block; width: 30px; background-image: url(../images/winco01.png); background-position: center center; background-repeat: no-repeat; }

.search-btn, .sitebtn { height: 30px; line-height: 30px; vertical-align: middle; }

.sitebtn { padding-right: 15px; position: relative; }

.sitebtn:after { content: ""; position: absolute; top: 8px; right: 0; width: 6px; height: 6px; border-right: 1px solid #666666; border-top: 1px solid #666666; border-left: 0; border-bottom: 0; transform: rotate(135deg); -moz-transform: rotate(135deg); -ms-transform: rotate(135deg); -o-transform: rotate(135deg); -webkit-transform: rotate(135deg); }

.headeritem { position: fixed; right: 0; top: 60px; width: 100%; z-index: 9; display: none; }

.search { border: 1px solid #ddd; }

.search .search-text { width: 100%; padding: 11px; color: #666; }

.search .sreach-btn { width: 40px; height: 37px; position: absolute; right: 0; top: 0; background-image: url(../images/winco01.png); background-position: center center; background-repeat: no-repeat; background-color: #ffffff; }

.siteweb { border-top: 1px solid #ddd; background: #fff; box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1); padding: 10px 20px; }

.siteweb a { padding: 3px 0; color: #333; display: block; }

.sub-nav { padding: 0 0 10px; display: none; }

.sub-nav a { padding: 10px 40px; display: block; text-align: left; }

.mobnav-btn { width: 35px; height: 30px; overflow: hidden; cursor: pointer; position: relative; }

.mobnav-btn span { top: 50%; margin-top: -2px; }

.mobnav-btn span:first-child { content: ""; top: 6px; left: 0; }

.mobnav-btn span:last-child { content: ""; top: auto; bottom: 5px; left: 0; }

.mobnav-btn span, .mobnav-btn span:first-child, .mobnav-btn span:last-child { left: 5px; position: absolute; background: #666666; -webkit-transition: all 0.5s ease; width: 27px; height: 2px; border-radius: 3px; transition: all 0.5s ease; }

.mobnav-btn.g_close span { opacity: 0; }

.mobnav-btn.g_close span:first-child { -webkit-transform: rotate(45deg); transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); -ms-transform: rotate(45deg); top: 17px; opacity: 1; }

.mobnav-btn.g_close span:last-child { -webkit-transform: rotate(-45deg); transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); -ms-transform: rotate(-45deg); top: 17px; opacity: 1; }

.arrorright-btn { position: absolute; width: 175px; right: 0; top: 0; height: 43px; }

.nav ul li.cur .arrorright-btn:after { -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); top: 17px; }

.arrorright-btn:after { content: ""; position: absolute; top: 13px; right: 15px; width: 10px; height: 10px; border-right: 1px solid #ccc; border-top: 1px solid #ccc; border-left: 0; border-bottom: 0; transform: rotate(135deg); -moz-transform: rotate(135deg); -ms-transform: rotate(135deg); -o-transform: rotate(135deg); -webkit-transform: rotate(135deg); }

.arrorright-btn.show:after { opacity: 0; }

@media (min-width: 1024px) { 
  .hm-header { position: static; }
  body { padding-top: 0; }
  .logo { padding: 5px 0 0;     margin-top: 0;}
  .logo img { height: 90px; }
  .nav { float: left; width: 82%; padding: 0 20px 0 2%; display: block; position: static; border-top: 0; }
  .nav ul {margin-left:50px;margin-bottom:0px;}
  .nav ul li { float: left; border-bottom: 0; padding: 0 16px 0 16px;}
  .nav ul li h4  { margin-bottom:0px;}
  .nav ul li h4 a { padding: 0 5px; height: 80px; line-height: 80px; color: #333}
  .nav ul li h4 a:hover, .nav ul li h4 a.cur { color: #1745ba; border-bottom: 4px solid #1B46B7; margin-bottom:-4px;}
  .header-right { border-left: 1px solid #dddddd; position: absolute; right: 15px; padding-top: 0; }
  .indexmianbody { background-image: url(../images/indexbg.jpg); background-color: transparent; }
  .search-btn { width: 50px; }
  .search-btn, .sitebtn { height: 90px; line-height: 90px; }
  .sitebtn { padding-right: 15px; }
  .sitebtn:after { top: 41px; }
  .headeritem { position: absolute; right: 0; top: 90px; }
  .siteweb { box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1); padding: 10px 20px; border-top: 0; }
  .siteweb a { padding: 3px 0; display: block; }
  .siteweb a:hover { color: #1745ba; }
  .headeritem { position: absolute; top: 80px; width: 200px; right: -80px; }
  .sub-nav { position: absolute; top: 90px; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); width: 120px; padding: 0; box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.1); z-index: 99; background: #fff; }
  .sub-nav a { padding: 10px 5px; text-align: center; border-bottom: 1px solid #dddddd; color: #333}
  .sub-nav a:hover { background: #1B46B7; color: #fff; }
  .header-right a.mobnav-btn { display: none; }
  .arrorright-btn { display: none; }
  .headeritem { position: absolute; top: 90px; width: 200px; right: -50px; }
}

.page a{padding:10px 20px;margin:10px 5px;}
.page .current{margin:auto 10px;}





.about {
    background-image: url(../images/fuwu-bg.jpg);
    background-attachment: fixed;
    width: 100%;
    background-size: cover;
    text-align: center;
    color: #fff;
    overflow: hidden;
}

.about, .kehu, .case, .team, .youshi, .news {
    padding: 25px 0 25px 0;
}

.container {
    font: 14px "Helvetica Neue",Helvetica,Arial,"Microsoft Yahei","Hiragino Sans GB","Heiti SC","WenQuanYi Micro Hei",sans-serif;
    color: #757575;
    line-height: 30px;
}

.container {
    width: 1170px;
}

:before, :after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.about .m-shu, .pt-gongcheng .m-shu {
    margin-bottom: 30px;
}
.about .m-shu, .fuwu .m-shu, .huanjing .m-shu, .kehu .m-shu, .team .m-shu {
    color: #999;
    margin-bottom: 45px;
}

.about .about-us {
    line-height: 26px;
    margin-bottom: 35px;
    color: #e2e2e2;
}

.about-us {
    max-width: 750px;
    margin: 0px auto;
    text-align: justify;
}

.container p {
    margin: 0 0 10px;
}

.btn-success {
    color: #fff;
    background-color: #69c;
    border-width: 0;
    border-radius: 0;
    padding: 12px 30px;
    margin: 0 15px 20px 15px;
}

.btn-success, #button, .team img, .kehu figure a p {
    -webkit-transition: all .3s linear;
    -moz-transition: all .3s linear;
    -o-transition: all .3s linear;
    transition: all .3s linear;
}


#pro_nav {
    zoom: 1;
    margin-left: 200px;
}

#pro_nav li.current {
    color: #000;
    border-top: 1px solid #ccc;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #fff;
}    
#pro_nav li {
    float: left;
    cursor: pointer;
    height: 50px;
    line-height: 50px;
    padding: 0px 30px 0px 30px;
    text-align: center;
    margin-bottom: -1px;
}

#pro_content {
    clear: both;
    border-top: 1px solid #ccc;
}
#pro_content ul {
    line-height: 30px;
    display: none;
    padding: 30px 30px 30px 230px;
}


.leftbar {
    position: relative;
    padding-right: 35px;
}

.margin-large-top {
    margin-top: 30px;
}

@media (min-width: 1200px){
	.xb3 {
	    width: 20%;
	}
}

@media (min-width: 1200px){
	.xb1, .xb2, .xb3, .xb4, .xb5, .xb6, .xb7, .xb8, .xb9, .xb10, .xb11, .xb12 {
	    float: left;
	}
}

.leftbar h3 {
    color: #fff;
    font-size: 18px;
    height: 60px;
    line-height: 60px;
    padding: 0 20px;
    position: relative;
    background: #337ab7;
}

.leftbar .nav {
   background: #f4f4f4;
   padding: 0;
   list-style: none;
   margin: 0;
   width:100%;
}

.leftbar .nav li {
    line-height: 45px;
    height: 45px;
    position: relative;
}

.leftbar .nav li a {
    color: #333;
    display: block;
    padding: 0 20px;
    line-height: 45px;
}

.leftbar .nav a {
    color: #333;
    line-height: 20px;
    padding: 5px 0;
    transition: all 1s cubic-bezier(0.175, 0.885, 0.32, 1) 0s;
    display: block;
}

.leftbar .nav li a:hover {
    background: #01a83e;
    color: #fff;
}

.leftbar .nav li .hover{
	background: #01a83e;
    color: #fff;
}

.xb9 {
    width: 75%;
}