/*html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, caption, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; outline: none; font-family: "microsoft yahei"; font-size: 12px; color: #333; }*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, caption, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; vertical-align: baseline; outline: none; }
body { overflow-x: hidden; font-family: "microsoft yahei"; font-size: 12px; color: #333; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
b { font-weight: bold; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
b, strong { font-weight: bold; }
input, textarea { font-family: "microsoft yahei"; }
input { outline: none; }
textarea { resize: none; }
table { border-collapse: collapse; border-spacing: 0; }
td { border: 0px solid #aaa; padding: 2px; }
a { text-decoration: none; color: #333; }
a:hover { text-decoration: none; color: #005bac; }
.clearfix { *zoom: 1; }
.clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
i, em { font-style: normal; }
.clear { clear: both; }
.divline { height: 10px; overflow: hidden; clear: both; }
.v50 { height: 50px; }
.ow { min-width: 1200px; }
.w { width: 1000px; margin: 0 auto; }
.fr { float: right; }
.fl { float: left; }
.ecf0f3 { background: #ecf0f3; }
.f2f2f2 { background: #f2f2f2; }
/*mian*/
.header { width: 100%; height: 120px; border-top: 4px solid #005bac; }
.header .w { position: relative; }
.header .fic { position: absolute; right: 0px; top: 0px; background: url(../images/topright.jpg) no-repeat; width: 203px; height: 27px; padding: 0px 20px; }
.header .fic span { color: #fff; }
.header .fic span a { color: #fff; padding: 0px 4px; }
.header .fic span a:hover { text-decoration: underline; }
.header .logo a { display: block; padding-top: 30px; }
.header .logo a img { display: block; float: left; }
.header .logo a span { padding-left: 15px; color: #ff7e00; font-size: 28px; float: left; line-height: 63px; font-weight: bold; }
.header .tel { background: url(../images/tel.png) no-repeat left center; margin-top: 40px; padding-left: 50px; }
.header .tel span { font-size: 18px; color: #333; }
.header .tel span p { font-family: "Impact"; font-size: 34px; color: #ff7e00; }
/*nav*/
.nav { width: 100%; height: 52px; background: #005bac; overflow: hidden; }
.nav ul { height: 52px; border-left: 1px solid #014683; }
.nav ul li { float: left; position: relative; text-align: center; z-index: 2; }
.nav ul li a { color: #fff; font-size: 14px; display: block; height: 52px; line-height: 52px; padding: 0px 24px; border-right: 1px solid #014683; border-left: 1px solid #006dce; }
.nav ul li a:hover, .nav ul li a.hover { background: #ff7e00; border-color: #ff7e00; }
.nav ul li .box { background: #006dce; position: absolute; top: 52px; display: none; }
.nav ul li .box a { line-height: 30px; height: 30px; border: 0px; overflow: hidden; }
.nav ul li .box a:hover { background: none; color: #ff7e00; }
.banner { height: 600px;  position: relative; overflow: hidden; z-index: 1; }
.banner ul.list { width: 100%; height: 600px; }
.banner li.item { width: 100%; height: 600px;left: 0; top: 0; }
/*.banner li.item { width: 100%; height: 450px; position: absolute; left: 0; top: 0; }*/
.banner div.tip { width: 100%; height: 21px; text-align: center; position: absolute; bottom: 20px; left: 0; }
.banner div.tip em { display: inline-block; width: 21px; height: 21px; cursor: pointer; background: #fff; margin: 0 5px; color: #007cd9; border-radius: 21px; line-height: 21px; }
.banner div.tip em.cur { background: #ff7e00; color: #fff; }
.part1 { height: 85px; width: 100%; line-height: 85px; }
.part1 .w .fl { font-size: 14px; }
.part1 .w .fl b { float: left; background: url(../images/hot.jpg) no-repeat 0px 24px; padding-left: 40px; color: #ff7e00; padding-right: 10px; }
.part1 .w .fl .keya { float: left; }
.part1 .w .fl .keya a { float: left; display: block; color: #555; padding: 0px 10px; }
.part1 .w .fl .keya a:hover { text-decoration: underline; color: #005bac; }
/*search*/
.part1 .w .ss { width: 312px; padding-top: 23px; }
.part1 .w .search { height: 30px; width: 320px; }
.part1 .w .search_form { width: 247px; height: 36px; float: left; padding: 0px 10px; overflow: hidden; line-height: 36px; border-left: 3px solid #e7e7e7; border-top: 3px solid #e7e7e7; border-bottom: 3px solid #e7e7e7; }
.part1 .w .search_form input { border: 0; background: transparent; color: #bebdbd; width: 247px; height: 36px; line-height: 36px; }
.part1 .w .search_btn { float: left; width: 42px; height: 42px; display: inline; background: #ff7e00; }
.part1 .w .search_btn .pushbutton { background: url(../images/input.png) no-repeat center; border: 0px; width: 42px; height: 42px; cursor: pointer; padding: 0px; margin: 0px; float: left; }
.part1 .w .search_btn .pushbutton:hover { background-color: #e97e00; }
.part2 { padding-bottom: 20px; padding-top: 50px; }
.part2 .w .prolist { width: 208px; border: 1px solid #eaeaea; border-top: 0px; }
.part2 .w .prolist .title { background: url(../images/lefttop.jpg) no-repeat #005bac 21px 23px; width: 208px; height: 75px; line-height: 75px; }
.part2 .w .prolist .title span { color: #fff; padding-left: 63px; display: inline-block; font-size: 20px; font-weight: bold; }
.part2 .w .prolist .comt { background: #fff; }
.part2 .w .prolist .comt ul li { border-bottom: 1px solid #eaeaea; background: url(../images/lefta.jpg) no-repeat 21px 28px; }
.part2 .w .prolist .comt ul li a { height: 69px; line-height: 69px; display: block; font-size: 16px; color: #333; font-weight: bold; padding-left: 45px; }
.part2 .w .prolist .comt ul li a:hover { background: url(../images/lefth.jpg) no-repeat 17px 28px; color: #005bac; border: none; border-left: 4px solid #005bac; padding-left: 41px; }
.part2 .w .prolist .moreti { background: url(../images/leftbottom.jpg) no-repeat; height: 171px; line-height: 171px; text-align: center; }
.part2 .w .prolist .moreti a { font-size: 30px; font-weight: bold; color: #fff; display: block; }
.part2 .w .prolist .moreti:hover { opacity: 0.8; filter: alpha(opacity=80); -moz-opacity: 0.8; -khtml-opacity: 0.8; }
.part2 .w .product { width: 770px; }
.part2 .w .product .hd { height: 75px; background: #fff; margin-bottom: 5px; }
.part2 .w .product .hd ul { width: 50%; }
.part2 .w .product .hd ul li { float: left; font-size: 16px; width: 172px; text-align: center; cursor: pointer; line-height: 75px; position: relative; }
.part2 .w .product .hd ul li.on { color: #fff; background: #005bac; }
.part2 .w .product .hd ul li.on i { background: url(../images/cri.jpg) no-repeat; width: 10px; height: 5px; bottom: -5px; left: 50%; margin-left: -5px; position: absolute; -webkit-transition: all .1s ease-in; -moz-transition: all .1s ease-in; -o-transition: all .1s ease-in; transition: all .1s ease-in; }
.part2 .w .product .hd .tel { background: url(../images/tel.png) no-repeat left center; padding-right: 15px; margin-top: 10px; padding-left: 50px; }
.part2 .w .product .hd .tel span { font-size: 18px; color: #333; }
.part2 .w .product .hd .tel span p { font-family: "Impact"; font-size: 23px; color: #ff7e00; }
.part2 .w .product .comt { width: 935px; overflow: hidden; min-height: 507px; display: none; }
.part2 .w .product .bd > *:first-child { display: block; }
.part2 .w .product .comt .produtlist { padding-top: 25px; width: 103%; }
.part2 .w .product .comt .produtlist li { margin-bottom: 5px; width: 246px; float: left; margin-right: 16px; }
.part2 .w .product .comt .produtlist li a img { width: 226px; height: 164px; display: block; border: 10px solid #fff; }
.part2 .w .product .comt .produtlist li a span { width: 100%; display: block; text-align: center; height: 52px; line-height: 52px; font-size: 14px; background: url(../images/txtspan.jpg) no-repeat left; }
.part2 .w .product .comt .produtlist li a:hover img { border-color: #005bac; }
.part2 .w .product .comt .produtlist li a:hover span { font-weight: bold; color: #005bac; }
.part3 { padding-top: 35px; }
.part3 .hd { margin: 0px 10px; }
.part3 .hd .tik { width: 265px; }
.part3 .hd .tik p, .part3 .hd .tik i { font-size: 30px; }
.part3 .hd .tik p.a1 { color: #005bac; }
.part3 .hd .tik p.a1 i { font-weight: bold; }
.part3 .hd .tik p.a2 { font-weight: bold; color: #ff7e00; }
.part3 .hd .tik a { height: 28px; line-height: 28px; border-top: 1px solid #ff7e00; display: inline-block; font-size: 14px; }
.part3 .hd .tik a:hover { color: #ff7e00; border-top: 2px solid #ff7e00; height: 27px; line-height: 27px; }
.part3 .hd ul.fr { background: #f2f2f2; width: 702px; height: 90px; margin-top: 15px; }
.part3 .hd ul.fr li { float: left; line-height: 90px; width: 233px; text-align: center; font-size: 14px; cursor: pointer; position: relative; }
.part3 .hd ul.fr li.on { color: #fff; background: #005bac; }
.part3 .hd ul.fr li.on i { background: url(../images/cri.jpg) no-repeat; width: 10px; height: 5px; bottom: -5px; left: 50%; margin-left: -5px; position: absolute; -webkit-transition: all .1s ease-in; -moz-transition: all .1s ease-in; -o-transition: all .1s ease-in; transition: all .1s ease-in; }
.part3 .bd { margin: 30px 10px; overflow: hidden; height: 290px; width: 980px; }
.part3 .bd .comt { background: #f2f2f2; padding: 10px 0px 10px 10px; height: 270px; width: 980px; }
.part3 .bd .comt ul li { width: 232px; margin-right: 10px; float: left; }
.part3 .bd .comt ul li a { background: #fff; display: block; }
.part3 .bd .comt ul li a img { width: 232px; height: 174px; display: block; }
.part3 .bd .comt ul li a .txt { padding-bottom: 20px; }
.part3 .bd .comt ul li a span { display: block; height: 52px; line-height: 52px; text-align: center; font-size: 14px; }
.part3 .bd .comt ul li a p { width: 22px; height: 22px; border-radius: 22px; line-height: 22px; text-align: center; margin: 0 auto; border: 1px solid #ccc; color: #ccc; font-size: 13px; -webkit-transition: all .5s ease-in; -moz-transition: all .5s ease-in; -o-transition: all .5s ease-in; transition: all .5s ease-in; }
.part3 .bd .comt ul li a:hover .txt { background: #005bac; }
.part3 .bd .comt ul li a:hover img { opacity: 0.8; filter: alpha(opacity=80); -moz-opacity: 0.8; -khtml-opacity: 0.8; }
.part3 .bd .comt ul li a:hover span { color: #fff; }
.part3 .bd .comt ul li a:hover p { border-color: #fff; color: #fff; transform: scale(1.1) rotate(360deg); }
.part4 { padding-top: 60px; padding-bottom: 45px; }
.part4 .w .tik { margin: 0 auto; width: 630px; padding-bottom: 40px; height: 48px; line-height: 48px; }
.part4 .w .tik span { color: #444; font-size: 30px; font-weight: bold; line-height: 48px; display: block; float: left; }
.part4 .w .tik .org { color: #ff7f01; }
.part4 .w .tik .bule { color: #005bac; padding: 0px 10px; }
.part4 .w .tik img { float: left; padding: 0px 10px; }
.part4 .w .comt ul { width: 435px; background: #fff; border-bottom: 3px solid #a5a5a5; }
.part4 .w .comt ul .listtop { border: 0px; height: 50px; }
.part4 .w .comt ul .listtop span { height: 50px; line-height: 50px; font-size: 18px; color: #fff; font-weight: bold; }
.part4 .w .comt ul li { border-bottom: 1px solid #d8d8d8; height: 60px; }
.part4 .w .comt ul li span { float: left; width: 33.3%; display: block; text-align: center; height: 60px; line-height: 60px; font-size: 14px; color: #555; }
.part4 .w .comt ul li .a1 { background: url(../images/pk1.jpg) repeat-x; color: #005bac; }
.part4 .w .comt ul li .a2 { background: url(../images/pk2.jpg) repeat-x; }
.part4 .w .comt ul li .a3 { background: url(../images/pk3.jpg) repeat-x; }
.part4 .w .comt ul li .a4 { background: url(../images/pk4.jpg) repeat-x; }
.part4 .w .comt ul li .bul { background: #0078d8; color: #fff; }
.part4 .w .comt ul li .fa { background: #fafafa; }
.part4 .w .comt ul.fr { width: 545px; }
.part4 .w .comt ul.fr li span { width: 25%; }
.part4 .w .comt ul.fr li .e { background: #eee; }
.part5 { padding-top: 50px; }
.part5 .tik { background: url(../images/part5tik.jpg) no-repeat center; width: 477px; text-align: center; font-size: 30px; color: #555; font-weight: bold; margin: 0 auto 60px; }
.part5 .comt { background: url(../images/part5comt.jpg) no-repeat center top; min-height: 1194px; width: 918px; margin: 0 auto; padding-top: 50px; }
.part5 .comt img { display: block; overflow: hidden; }
.part5 .comt .a1, .part5 .comt .a2 { position: relative; }
.part5 .comt .tpk { display: block; width: 380px; }
.part5 .comt .tpk p.p1 { font-size: 26px; color: #005bac; font-weight: bold; height: 36px; overflow: hidden; }
.part5 .comt .tpk p.p1 .org { color: #ff7e00; font-size: 26px; font-weight: bold; }
.part5 .comt .tpk p.p1 s { width: 41px; height: 36px; float: left; text-align: center; font-size: 24px; color: #fff; background: #000; text-decoration: none; line-height: 36px; margin-right: 20px; }
.part5 .comt .tpk p.p2 { height: 30px; background: #005bac; line-height: 30px; text-align: center; color: #fff; font-size: 14px; width: 380px; }
.part5 .comt ul { padding-top: 15px; }
.part5 .comt ul li { background: url(../images/part5li.jpg) no-repeat 0px 12px; padding-left: 15px; color: #555; font-size: 14px; line-height: 30px; }
.part5 .comt ul li .org { color: #ff7e00; font-weight: bold; font-size: 14px; }
.part5 .comt .a1 .fl { width: 422px; overflow: hidden; }
.part5 .comt .a1 .fr { width: 380px; margin-top: 20px; }
.part5 .comt .a1 .fr img { display: block; }
.part5 .comt .mar.a2 { margin-top: -30px; }
.part5 .comt .a2 { width: 100%; }
.part5 .comt .a2 .fl { position: absolute; left: 0px; top: 55px; }
.part5 .comt .a2 .tpkfr { width: 430px; float: left; }
.part6 .w { padding-bottom: 40px; }
.part6 .w .hd { height: 65px; padding-bottom: 40px; }
.part6 .w .hd ul { width: 50%; }
.part6 .w .hd ul li { float: left; font-size: 16px; width: 165px; text-align: center; cursor: pointer; line-height: 65px; position: relative; background: #dadada; height: 65px; }
.part6 .w .hd ul li.on { color: #fff; background: #005bac; }
.part6 .w .hd ul li.on i { background: url(../images/cri.jpg) no-repeat; width: 10px; height: 5px; bottom: -5px; left: 50%; margin-left: -5px; position: absolute; -webkit-transition: all .1s ease-in; -moz-transition: all .1s ease-in; -o-transition: all .1s ease-in; transition: all .1s ease-in; }
.part6 .w .comt { padding-bottom: 40px; }
.part6 .w .comt ul { border-top: 1px solid #d4d2d2; border-left: 1px solid #d4d2d2; height: 169px; }
.part6 .w .comt ul li { float: left; width: 20%; *width: 19.95%; }
.part6 .w .comt ul li a { border-bottom: 1px solid #d4d2d2; border-right: 1px solid #d4d2d2; display: block; background: #fff; height: 83px; }
.part6 .w .comt ul li a img { display: block; margin: 0 auto; width: 100%; height: 100%; }
.part6 .w .comt ul li a:hover { background: #f8f8f8; opacity: 0.8; filter: alpha(opacity=80); -moz-opacity: 0.8; -khtml-opacity: 0.8; }
.part6 .w .adv { margin: 0 auto; border: 1px solid #e4e4e4; }
.part6 .w .adv img { display: block; }
a.more { line-height: 65px; color: #0073d6; font-size: 14px; background: url(../images/lefth.jpg) no-repeat right; padding-right: 20px; }
a.more:hover { text-decoration: underline; }
.part7 { background: #0073d6; }
.part7 .w .comt { padding: 60px 0px; }
.part7 .w .comt img { border: 10px solid #fff; float: left; width: 407px; height: 300px; display: block; }
.part7 .w .comt .txt { background: url(../images/aboutfl.jpg) no-repeat left top; float: right; width: 455px; line-height: 24px; padding: 25px; margin-left: 35px; }
.part7 .w .comt .txt .txtcon { background: url(../images/aboutfr.jpg) no-repeat right bottom; color: #fff; display: block; }
.part7 .w .comt .txt .txtcon .a1 { width: 144px; height: 40px; line-height: 40px; border: 3px solid #fff; color: #fff; text-align: center; display: block; font-size: 16px; margin-top: 20px; }
.part7 .w .comt .txt .txtcon .a1:hover { background: #fff; color: #00468A; }
.part7 .w .comt .txt .txtcon p, .part7 .w .comt .txt .txtcon span, .part7 .w .comt .txt .txtcon b, .part7 .w .comt .txt .txtcon strong { color: #fff; }
.part8 { padding-top: 50px; padding-bottom: 50px; }
.part8 .tik { background: url(../images/part8tik.jpg) no-repeat; height: 77px; width: 457px; margin: 0 auto; font-size: 20px; color: #0073d6; text-align: center; font-weight: bold; }
.part8 .tik .org { font-size: 30px; font-weight: bold; color: #ff7e00; }
.part8 .horon { position: relative; padding-top: 40px; height: 200px; }
.part8 .horon .tbody { width: 980px; overflow: hidden; position: absolute; z-index: 2; left: 29px; }
.part8 .horon .tbody ul.list { float: left; width: 300%; }
.part8 .horon .tbody ul.list li.item { float: left; width: 248px; }
.part8 .horon .tbody ul.list li.item span { width: 100%; height: 45px; color: #555; text-align: center; display: block; line-height: 45px; }
.part8 .horon .tbody ul.list li.item img { width: 232px; height: 174px; display: block; border: 1px solid #cfcfcf; }
.part8 .horon .tbody ul.list li.item a:hover img { border: 1px solid #0073d6; }
.part8 .horon .tbody ul.list li.item a:hover span { color: #0073d6; font-weight: bold; }
.part8 .horon .tab { position: absolute; width: 1038px; height: 118px; top: 70px; left: 0px; z-index: 1; }
.part8 .horon .tab a { background: url(../images/tab.jpg) no-repeat; display: block; width: 19px; height: 118px; }
.part8 .horon .tab a.arrow_l { float: left; background-position: 0px 0px; }
.part8 .horon .tab a.arrow_r { background-position: -19px 0px; float: right; }
.part9 { width: 100%; padding-bottom: 45px; }
.part9 .w .left { width: 760px; background: #fff; height: 678px; }
.part9 .w .left .problem { padding: 0px 20px; }
.part9 .w .left .problem .tik { height: 50px; }
.part9 .w .left .problem .tik span { font-size: 16px; border-bottom: 1px solid #0073d6; height: 50px; line-height: 50px; display: inline-block; font-weight: bold; float: left; }
.part9 .w .left .problem .txtScroll-top { width: 720px; overflow: hidden; position: relative; }
.part9 .w .left .problem .txtScroll-top .bd { padding: 25px 0px; *padding-bottom: 10px; }
.part9 .w .left .problem .txtScroll-top .bd .infoList li a { display: block; padding-bottom: 10px; border-bottom: 1px dotted #8f8f8f; }
.part9 .w .left .problem .txtScroll-top .bd .infoList li a i { width: 18px; height: 18px; display: inline-block; float: left; color: #fff; background: #0073d6; text-align: center; margin-right: 10px; }
.part9 .w .left .problem .txtScroll-top .bd .infoList li a p { height: 18px; color: #0073d6; line-height: 18px; padding-bottom: 15px; font-size: 14px; }
.part9 .w .left .problem .txtScroll-top .bd .infoList li a span { display: block; height: 80px; overflow: hidden; line-height: 20px; color: #999; }
.part9 .w .left .problem .txtScroll-top .bd .infoList li a span i { background: #171717; }
.part9 .w .left .problem .txtScroll-top .bd .infoList li a:hover p { font-weight: bold; text-decoration: underline; }
.part9 .w .left .problem .txtScroll-top .bd .infoList li a:hover span { color: #666; }
.part9 .w .left .news .hd { height: 65px; background: #ddd; }
.part9 .w .left .news .hd ul { width: 100%; }
.part9 .w .left .news .hd ul li { float: left; font-size: 16px; width: 50%; text-align: center; cursor: pointer; line-height: 65px; position: relative; }
.part9 .w .left .news .hd ul li.on { color: #fff; background: #005bac; }
.part9 .w .left .news .hd ul li.on i { background: url(../images/cri.jpg) no-repeat; width: 10px; height: 5px; bottom: -5px; left: 50%; margin-left: -5px; position: absolute; -webkit-transition: all .1s ease-in; -moz-transition: all .1s ease-in; -o-transition: all .1s ease-in; transition: all .1s ease-in; }
.part9 .w .left .news .comt { padding-top: 25px; }
.part9 .w .left .news .comt ul .newstop { width: 305px; height: 349px; float: left; padding-left: 40px; padding-right: 40px; }
.part9 .w .left .news .comt ul .newstop a { display: block; }
.part9 .w .left .news .comt ul .newstop a img { width: 289px; height: 214px; display: block; border: 6px solid #cacaca; }
.part9 .w .left .news .comt ul .newstop a .txt { width: 100%; height: 85px; padding: 20px 0px; }
.part9 .w .left .news .comt ul .newstop a .txt p { color: #0073d6; font-size: 14px; font-weight: bold; padding-bottom: 10px; }
.part9 .w .left .news .comt ul .newstop a .txt span { color: #555; line-height: 18px; }
.part9 .w .left .news .comt ul .newstop a:hover img { opacity: 0.8; filter: alpha(opacity=80); -moz-opacity: 0.8; -khtml-opacity: 0.8; border-color: #0073d6; }
.part9 .w .left .news .comt ul .newstop a:hover p { text-decoration: underline; }
.part9 .w .left .news .comt ul .newstop a:hover span { color: #777; }
.part9 .w .left .news .comt ul li { float: left; width: 360px; border-bottom: 1px solid #e7e7e7; }
.part9 .w .left .news .comt ul li a { padding: 7px 0px; height: 50px; display: block; }
.part9 .w .left .news .comt ul li i { height: 50px; width: 65px; border-right: 1px solid #dfdfdf; text-align: center; display: block; color: #dcdcdc; font-size: 46px; font-family: impact; line-height: 50px; float: left; }
.part9 .w .left .news .comt ul li span { float: right; width: 280px; }
.part9 .w .left .news .comt ul li span b { color: #555; line-height: 30px; height: 30px; overflow: hidden; }
.part9 .w .left .news .comt ul li span p { color: #999; line-height: 18px; }
.part9 .w .left .news .comt ul li a:hover { background: #0073d6; display: block; height: 50px; }
.part9 .w .left .news .comt ul li a:hover i, .part9 .w .left .news .comt ul li a:hover span, .part9 .w .left .news .comt ul li a:hover p, .part9 .w .left .news .comt ul li a:hover b { color: #fff; }
.part9 .w .right { width: 200px; background: #3c3c3c url(../images/message_pic.jpg) no-repeat right bottom; padding: 20px; height: 638px; }
.part9 .w .right .tik p, .part9 .w .right .tik span { color: #fff; }
.part9 .w .right .tik p { font-size: 28px; font-weight: bold; }
.part9 .w .right .tik span { line-height: 20px; padding-top: 15px; display: block; padding-bottom: 30px; }
.part9 .w .right ul li { padding-bottom: 15px; }
.part9 .w .right ul li input { width: 178px; height: 40px; line-height: 40px; padding: 0px 10px; color: #fff; background: #505050; border: 0px; border-radius: 5px; font-size: 14px; }
.part9 .w .right ul .bot { text-align: center; }
.part9 .w .right ul .bot input { width: 141px; background: #0064ce; cursor: pointer; }
.part9 .w .right ul .bot input:hover { opacity: 0.8; }
.part9 .w .right .tok { text-align: center; width: 108px; margin: 10px auto 0px; }
.part9 .w .right .tok img { width: 108px; display: block; }
.part9 .w .right .tok span { line-height: 30px; color: #fff; }
.part9 .w .right .tpk { padding-top: 30px; }
.part9 .w .right .tpk span { color: #fff; display: block; font-size: 14px; line-height: 24px; }
.part9 .w .right .tpk i { font-family: impact; color: #ff7e00; font-size: 30px; }
.links { padding-top: 10px; }
.links .tik span { border-bottom: 1px solid #0073d6; height: 30px; line-height: 30px; display: inline-block; font-size: 16px; }
.links ul { height: 50px; overflow: hidden; }
.links ul li { float: left; overflow: hidden; height: 50px; line-height: 50px; }
.links ul li a { border-left: 1px dotted #828282; padding: 0px 10px; font-size: 14px; }
.links ul li:first-child a { border-left: 0; }
.links ul li a:hover { text-decoration: underline; }
.foot { background: #3e3e3e; }
.foot .botnav { height: 60px; text-align: center; background: url(../images/botnav.jpg) repeat-x; }
.foot .botnav ul li { float: left; margin-right: 20px; }
.foot .botnav ul li a { color: #fff; line-height: 60px; height: 60px; font-size: 14px; padding: 0px 16px; }
.foot .botnav ul li a:hover { text-decoration: underline; }
.foot .base { color: #fff; padding: 30px 0px; }
.foot .base .left { width: 64%; }
.foot .base .left h1, .foot .base .left p { color: #fff; }
.foot .base .left h1 { font-size: 32px; font-weight: bold; padding-bottom: 30px; }
.foot .base .left p.a { line-height: 28px; float: left; width: 100%; height: 28px; }
.foot .base .left p.a i { float: left; width: 20px; height: 20px; background: url(../images/baseicon.png) no-repeat; margin-top: 4px; margin-right: 10px; }
.foot .base .left p.a2 i { background-position: -20px 0px; }
.foot .base .left p.a3 i { background-position: -40px 0px; }
.foot .base .left p.a3 a { color: #fff; }
.foot .base .left p.a3 a:hover { text-decoration: underline; }
.foot .base .left .tel { background: url(../images/tel.png) no-repeat left center; margin-top: 30px; padding-left: 50px; }
.foot .base .left .tel span { font-size: 16px; color: #fff; }
.foot .base .left .tel span p { font-family: "Impact"; font-size: 31px; color: #ff7e00; }
.foot .base .right { width: 225px; padding-top: 20px; }
.foot .base .right p { font-size: 16px; color: #fff; font-weight: bold; text-align: center; padding-bottom: 20px; }
.foot .base .right span i { display: block; text-align: center; color: #fff; }
.fix { position: fixed; z-index: 99; right: 0px; bottom: 30%; border-radius: 5px; }
.fix .bodd { position: relative; background: #024886; padding: 10px; width: 120px; }
.fix .bodd .blacktop, .fix .bodd .close { position: absolute; cursor: pointer; width: 43px; left: 50%; margin-left: -21.5px; }
.fix .bodd .close { background: url(../images/close.png) no-repeat; top: -29px; height: 29px; }
.fix .bodd .blacktop { background: url(../images/fix_top.png) no-repeat; bottom: -35px; height: 35px; }
.fix .bodd p { font-size: 16px; color: #fff; text-align: center; font-weight: bold; padding: 15px 0px 15px 0px; }
.fix .bodd span { height: 35px; background: #313131; display: block; text-align: center; color: #fff; border-radius: 5px 5px 0px 0px; line-height: 35px; font-size: 14px; }
.fix .bodd .online { background: #fff; text-align: center; padding-top: 10px; }
.fix .bodd .online a { height: 18px; line-height: 18px; background: url(../images/fixqq.jpg) no-repeat 20px 2px; display: block; padding-bottom: 10px; padding-left: 15px; }
.fix .bodd .ewm { text-align: center; background: #fff; margin-top: 1px; border-radius: 5px; }
.fix .bodd .tel { text-align: center; padding-top: 13px; }
.fix .bodd .tel b { display: block; color: #fff; font-size: 15px; padding-bottom: 5px; }
.fix .kefubtn { background: url(../images/fixsuo.png) no-repeat; width: 70px; height: 142px; display: none; cursor: pointer; }
/*# sourceMappingURL=style.css.map */


/******************************
 ** 2015.12.29
 ** charlee
 *******************************/
.ihead { width: 100%; text-align: center; margin-bottom: 40px; }
.ihead h2 { font-size: 35px; color: #222; line-height: 50px; margin-bottom: 5px; font-weight: 400; }
.ihead p { font-size: 18px; line-height: 30px; color: #888; }

.icase { width: 100%; margin-bottom: 30px; overflow: hidden; background: #f9f9f9; padding: 30px 0 0; }
.icase-container { width: 100%; height: 620px; background: #fff; position: relative; }
.icase-logo { width: 1200px; position: absolute; left: 50%; margin-left: -600px; top: 40px; z-index: 10; }
.icase-logo .prev, .icase-logo .next { width: 30px; height: 64px; float: left; background: url(../images/ing-prev.png) center center no-repeat; cursor: pointer; opacity: 0.3; }
.icase-logo .next { float: right; background-image: url(../images/ing-next.png); }
.icase-logo .prev:hover, .icase-logo .next:hover { opacity: 1; }
.icase-logo .main { float: left; width: 1108px; height: 70px; padding: 3px 0; margin: 0 0 0 16px; overflow: hidden; }
.icase-logo .list { width: 500%; position: relative; }
.icase-logo .list li { float: left; width: 157px; height: 64px; margin: 0 3px 10px 0; opacity: 0.3; }
.icase-logo .list li:hover { opacity: 0.7; }
.icase-logo .list li.current { opacity: 1; }
.icase-logo .list img { display: block; width: 100%; cursor: pointer; }
.icase-view { position: relative; height: 100%; z-index: 5; }
.icase-view .bigpic { position: relative; width: 100%; height: 100%; z-index: 2; }
.icase-view .bigpic li { width: 100%; position: absolute; left: 0; top: 0; }
.icase-view .bigpic img { width: 1920px; height: 450px; }

.icase-view .animate { position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 3; }
.icase-view .animate li { position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 3; }
.icase-view .animate div.img { position: absolute; left: 50%; bottom: 0; z-index: 3; }
.icase-view .animate div.wds { position: absolute; left: 50%; bottom: 130px; z-index: 3; }
.icase-view .animate img { display: block; }
.icase-view .animate div.wds img { margin-bottom: 50px; }
.icase-view .animate div.wds a { height: 35px; line-height: 35px; display: inline-block; padding: 0 30px; background: #a3a3a2; border-radius: 35px; color: #333; -webkit-transition: all ease 300ms; -moz-transition: all ease 300ms; -ms-transition: all ease 300ms; -o-transition: all ease 300ms; transition: all ease 300ms; }
.icase-view .animate div.wds a:hover { background: #e50112; color: #FFF; }


.ichoose { width: 100%; padding: 60px 0 20px; }
.ichoose * { -webkit-transition: all 300ms linear; -moz-transition: all 300ms linear; -ms-transition: all 300ms linear; transition: all 300ms linear; }
.ichoose .main { border-top: 1px solid #eee; padding: 50px 0 70px; }
.ichoose li { float: left; text-align: center; margin-left: 10px; }
.ichoose li:first-child { margin-left: 0; }
.ichoose li .icon { width: 100%; height: 120px; overflow: hidden; }
.ichoose li .icon img { display: none; }
.ichoose li:hover .icon { -webkit-transform: translateY(-15px); }
.ichoose li:hover .icon img { display: block; margin: 0 auto; }
.ichoose h3 { font-size: 20px; line-height: 33px; }
.ichoose li p { margin-bottom: 15px; font-size: 16px; line-height: 28px; }
.ichoose li a { font-size: 16px; color: #333; color: #199ad7; }
.ichoose li a:hover { text-decoration: underline; }


/******************************
 ** 动画支持
 ******************************/

.ig-fly-in-right { -webkit-animation: flyInRight 1s ease both; animation: flyInRight 1s ease both; }
.ig-fly-out-left { -webkit-animation: flyOutLeft 1s ease both; animation: flyOutLeft 1s ease both; }

@-webkit-keyframes flyInDown {
    0% { opacity: 0; -webkit-transform: translateY(-100px); }
    100% { opacity: 1; -webkit-transform: translateY(0); }
}

@keyframes flyInDown {
    0% { opacity: 0; -webkit-transform: translateY(-100px); -moz-transform: translateY(-100px); -ms-transform: translateY(-100px); transform: translateY(-100px); }
    100% { opacity: 1; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); }
}

@-webkit-keyframes flyInUp {
    0% { opacity: 0; -webkit-transform: translateY(100px); }
    100% { opacity: 1; -webkit-transform: translateY(0); }
}

@keyframes flyInUp {
    0% { opacity: 0; -webkit-transform: translateY(100px); -moz-transform: translateY(100px); -ms-transform: translateY(100px); transform: translateY(100px); }
    100% { opacity: 1; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); }
}

@-webkit-keyframes flyInRight {
    0% { opacity: 0; -webkit-transform: translateX(1000px); }
    100% { opacity: 1; -webkit-transform: translateX(0); }
}

@keyframes flyInRight {
    0% { opacity: 0; -webkit-transform: translateX(1000px); -moz-transform: translateX(1000px); -ms-transform: translateX(1000px); transform: translateX(1000px); }
    100% { opacity: 1; -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); }
}

@-webkit-keyframes flyOutLeft {
    0% { opacity: 1; -webkit-transform: translateX(0); }
    100% { opacity: 0; -webkit-transform: translateX(-500px); }
}

@keyframes flyOutLeft {
    0% { opacity: 1; -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); }
    100% { opacity: 0; -webkit-transform: translateX(-500px); -moz-transform: translateX(-500px); -ms-transform: translateX(-500px); transform: translateX(-500px); }
}

@-webkit-keyframes sosCircle {
    0% { -webkit-transform: translate(0,0); }
    12.5% { -webkit-transform: translate(-8px,3px); }
    25% { -webkit-transform: translate(-15px,0); }
    37.5% { -webkit-transform: translate(-18px,-8px); }
    50% { -webkit-transform: translate(-15px,-15px); }
    65.5% { -webkit-transform: translate(-8px,-18px); }
    75% { -webkit-transform: translate(0,-15px); }
    87.5% { -webkit-transform: translate(3px,-8px); }
    100% { -webkit-transform: translate(0,0); }
}

@keyframes sosCircle {
    0% { -webkit-transform: translate(0,0); -moz-transform: translate(0,0); -ms-transform: translate(0,0); transform: translate(0,0); }
    12.5% { -webkit-transform: translate(-8px,3px); -moz-transform: translate(-8px,3px); -ms-transform: translate(-8px,3px); transform: translate(-8px,3px); }
    25% { -webkit-transform: translate(-15px,0); -moz-transform: translate(-15px,0); -ms-transform: translate(-15px,0); transform: translate(-15px,0); }
    37.5% { -webkit-transform: translate(-18px,-8px); -moz-transform: translate(-18px,-8px); -ms-transform: translate(-18px,-8px); transform: translate(-18px,-8px); }
    50% { -webkit-transform: translate(-15px,-15px); -moz-transform: translate(-15px,-15px); -ms-transform: translate(-15px,-15px); transform: translate(-15px,-15px); }
    65.5% { -webkit-transform: translate(-8px,-18px); -moz-transform: translate(-8px,-18px); -ms-transform: translate(-8px,-18px); transform: translate(-8px,-18px); }
    75% { -webkit-transform: translate(0,-15px); -moz-transform: translate(0,-15px); -ms-transform: translate(0,-15px); transform: translate(0,-15px); }
    87.5% { -webkit-transform: translate(3px,-8px); -moz-transform: translate(3px,-8px); -ms-transform: translate(3px,-8px); transform: translate(3px,-8px); }
    100% { -webkit-transform: translate(0,0); -moz-transform: translate(0,0); -ms-transform: translate(0,0); transform: translate(0,0); }
}

@-webkit-keyframes rotate {
    0% { -webkit-transform: rotate(0); }
    100% { -webkit-transform: rotate(360deg); }
}

@keyframes rotate {
    0% { -webkit-transform: rotate(0); -moz-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); }
    100% { -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); transform: rotate(360deg); }
}

@-webkit-keyframes fade {
    0% { opacity: 0.5; }
    20% { opacity: 0.8; }
    40% { opacity: 0.6; }
    60% { opacity: 0.9; }
    80% { opacity: 0.7; }
    100% { opacity: 1; }
}

@keyframes fade {
    0% { opacity: 0.5; }
    20% { opacity: 0.8; }
    40% { opacity: 0.6; }
    60% { opacity: 0.9; }
    80% { opacity: 0.7; }
    100% { opacity: 1; }
}

@-webkit-keyframes bigger {
    0% { -webkit-transform: scale(1,1); }
    100% { -webkit-transform: scale(1.2,1.2); }
}

@keyframes bigger {
    0% { -webkit-transform: scale(1,1); -moz-transform: scale(1,1); -ms-transform: scale(1,1); transform: scale(1,1); }
    100% { -webkit-transform: scale(1.2,1.2); -moz-transform: scale(1.2,1.2); -ms-transform: scale(1.2,1.2); transform: scale(1.2,1.2); }
}

@-webkit-keyframes bounceIn {
    0%,100%,20%,40%,60%,80% { /*-webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);
		transition-timing-function:cubic-bezier(0.215,.61,.355,1)*/ }
    0% { opacity: 1; -webkit-transform: scale3d(.3,.3,.3); transform: scale3d(.3,.3,.3); }
    20% { -webkit-transform: scale3d(1.1,1.1,1.1); transform: scale3d(1.1,1.1,1.1); }
    40% { -webkit-transform: scale3d(.9,.9,.9); transform: scale3d(.9,.9,.9); }
    60% { opacity: 1; -webkit-transform: scale3d(1.03,1.03,1.03); transform: scale3d(1.03,1.03,1.03); }
    80% { -webkit-transform: scale3d(.97,.97,.97); transform: scale3d(.97,.97,.97); }
    100% { opacity: 1; -webkit-transform: scale3d(1,1,1); transform: scale3d(1,1,1); }
}

@keyframes bounceIn {
    0%,100%,20%,40%,60%,80% { /*-webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);
		transition-timing-function:cubic-bezier(0.215,.61,.355,1)*/ }
    0% { opacity: 1; -webkit-transform: scale3d(.3,.3,.3); -ms-transform: scale3d(.3,.3,.3); transform: scale3d(.3,.3,.3); }
    20% { -webkit-transform: scale3d(1.1,1.1,1.1); -ms-transform: scale3d(1.1,1.1,1.1); transform: scale3d(1.1,1.1,1.1); }
    40% { -webkit-transform: scale3d(.9,.9,.9); -ms-transform: scale3d(.9,.9,.9); transform: scale3d(.9,.9,.9); }
    60% { opacity: 1; -webkit-transform: scale3d(1.03,1.03,1.03); -ms-transform: scale3d(1.03,1.03,1.03); transform: scale3d(1.03,1.03,1.03); }
    80% { -webkit-transform: scale3d(.97,.97,.97); -ms-transform: scale3d(.97,.97,.97); transform: scale3d(.97,.97,.97); }
    100% { opacity: 1; -webkit-transform: scale3d(1,1,1); -ms-transform: scale3d(1,1,1); transform: scale3d(1,1,1); }
}