/* By 东方的太阳 QQ:465002188 */

/* 全局样式 */

* { padding: 0; margin: 0; }
body { color: #8e8e8e; font: 16px/1.8 '微软雅黑', '宋体', 'Arial', Verdana, Helvetica, sans-serif; background: #fff; }
ul, ol { list-style-type: none; }
textarea, select, input, button, label, img { vertical-align: middle; font-family: 'Raleway', 微软雅黑 }
input[type=submit] { cursor: pointer }
input, button { overflow: visible; }
table { border-collapse: collapse; }
img { border: 0; vertical-align: middle; max-width: 100%; max-height: 100% }
html { -webkit-text-size-adjust: none; }
input, textarea, div, a, select { outline: none; }
html, body { height: 100%; width: 100% }
input, textarea, label { font-size: 14px; }
body { overflow: auto; overflow-x: hidden; }

/* 定义全局宽 */
.wp { width: 1200px; margin: 0px auto; }

/*  - - - - - - - - - 类别样式  - - - - - - - - -*/
.c:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.c { *zoom: 1; }
.l { float: left; }
.r { float: right; }
.rel { position: relative }
.abs { position: absolute; }
.none { display: none; }
.text-center { text-align: center }
.text-right { text-align: right; }
.text-overflow { display: block; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
.table { display: table; table-layout: fixed; width: 100%; }
.table li, .cell { display: table-cell; vertical-align: middle; }
.inline-box { font-size: 0px; text-align: center; }
.inline-box li, .inlineb { display: inline-block; vertical-align: middle; *display: inline; *zoom: 1; }

/* 链接样式 */
a { color: #8e8e8e; text-decoration: none; }
a:link { }
a:hover { text-decoration: none; color: #3388ff }

/*设置对象在其鼠标悬停时的样式表属性*/
a:active { }

/*在鼠标点击与释放之间发生的事件*/
a:visited { }

/* 已被访问过时的样式表属性 */
.header { height: 80px; position: relative; z-index: 20; position: fixed;width: 100%;background: #fff;top:0;}
.logo { padding: 15px 0; margin-right: 35px; }
.logo img { vertical-align: top; height: 50px }
.nav li { float: left; padding: 0 35px; position: relative; height: 80px; line-height: 80px; z-index: 20; }
.nav li a { display: block; border-bottom: 2px solid #fff; font-size: 20px; height: 78px; color: #333 }
.nav li.on a, .nav li a:hover { color: #3388ff; border-bottom-color: #3388ff }
#pop, #pro_pop { position: absolute; display: none; top: 80px; left: 0; top: 80px; width: 100% }
#pop { border: 1px solid #3388ff; background: #fff; padding: 10px 0 }
#pop li { height: 30px; line-height: 30px; padding: 0; float: none; text-align: center; }
#pop li a { font-size: 16px; color: #666; border-bottom: 0; height: auto; }
#pop li a:hover { background: #3388ff; color: #fff; }
#pro_pop { width: 100%; background: #f5f5f5; padding: 30px 0 }
#pro_pop .pic { width: 253px; margin-right: 10px; }
#pro_pop dl { width: 917px }
#pro_pop dl dd { float: left; margin-left: 20px; }
#pro_pop dl dd a { height: auto; font-size: 18px; border-bottom: 0; line-height: 35px; color: #666; padding: 0 10px }
#pro_pop dl dd ul li { float: none; padding: 0; height: 30px; line-height: 30px; }
#pro_pop dl dd ul li a { font-size: 16px; }
#pro_pop dl dd a:hover { background: #3388ff; color: #fff }
.head_bar { padding-top: 20px; }
.head_bar .rel { height: 40px; border-radius: 40px; float: left; margin-left: 10px; width: 40px; z-index: 1; }
.head_bar .rel.on { z-index: 2; }
.head_bar a { display: block; width: 40px; height: 40px; border-radius: 40px; background-color: #fff; box-shadow: 0 0 5px #ccc; background-repeat: no-repeat; background-position: center center; position: absolute; right: 0; top: 0; z-index: 2; }
.head_bar .so a { background-image: url(../images/ico_01.png) }
.head_bar .so button { position: absolute; width: 40px; height: 40px; border-radius: 40px; right: -10px; top: 0; display: block; z-index: 11; opacity: 0; cursor: pointer; }
.head_bar .tel a { background-image: url(../images/ico_02.png) }
.head_bar .buy a { background-image: url(../images/ico_03.png) }
.head_bar .left_up { position: absolute; height: 40px; line-height: 40px; padding: 0 0px 0 10px; right: 10px; top: 0; background: #3388ff; color: #fff; border-radius: 40px; display: none; }
::-webkit-input-placeholder {	/* WebKit browsers */ 

color: #fff; }
:-moz-placeholder {	/* Mozilla Firefox 4 to 18 */ 

color: #fff; }
::-moz-placeholder {	/* Mozilla Firefox 19+ */ 

color: #fff; }
:-ms-input-placeholder {	/* Internet Explorer 10+ */ 

color: #fff; }

.bann {margin-top: 80px;}
.head_bar .so a:hover, .head_bar .so.on a { background-image: url(../images/ico_01_on.png) }
.head_bar .tel a:hover, .head_bar .tel.on a { background-image: url(../images/ico_02_on.png) }
.head_bar .buy a:hover, .head_bar .buy.on a { background-image: url(../images/ico_03_on.png) }
.so .inp { height: 40px; line-height: 40px; width: 200px; background: none; color: #fff; padding: 0 10px; border: 0; }
.tel .left_up p { padding: 0 50px 0 10px; width: 200px }
.head_bar a:hover { box-shadow: 0 0 5px rgba(51, 136, 255, 0.5) }
.bann img { vertical-align: top; }
.pro_bann { height: 500px; width: 1920px; margin-left: -960px; left: 50%; text-align: center; margin-top: 80px;}
.subnav { border-bottom: 2px solid #ccc; height: 96px; line-height: 96px; }
.subnav li { float: left; margin-right: 150px; }
.subnav li a { display: block; color: #8e8e8e; font-size: 20px; }
.subnav li.on a, .subnav li a:hover { color: #3388ff; border-bottom: 2px solid #3388ff; }
.t1 { text-align: center; padding: 50px 0; }
.t1 h3 { font-weight: normal; font-size: 20px; border-bottom: 2px solid #3388ff; color: #3388ff; padding-bottom: 18px; line-height: 20px }
.cont { line-height: 30px }
.about2_cont { padding: 200px 0 }
.hzhb_box { margin-bottom: 115px; }
.hzhb_box .bd { width: 1200px; position: relative; overflow: hidden; margin: 0 auto }
.hzhb_box .bd ul li { border: 1px solid #ccc; float: left; width: 278px; margin-right: 180px; }
.hzhb_box  .abs { width: 77px; height: 32px; background: #3388ff url(../images/i_prev.png) no-repeat 30px center; border-radius: 0 32px 32px 0; left: 0; top: 50%; margin-top: 50px; display: block; cursor: pointer; }
.hzhb_box  .next { background-image: url(../images/i_next.png); border-radius: 32px 0 0 32px; right: 0; left: auto; background-position: 20px center }
.zs_list .bd ul li { background: #fff; border: 1px solid #ccc; width: 300px; padding: 30px; margin-right: 48px; }
.zs_list { margin-bottom: 0; }
.zs_list .abs { top: 40%; }
.job_list { padding: 90px 0 }
.job_list .bd ul li { width: 360px; border: 1px solid #ccc; background: #f5f5f5; margin-right: 55px; }
.job_list .bd ul li .box { padding: 60px 0 110px 65px; }
.job_list .bd ul li .box .t { border-bottom: 1px solid #ccc; color: #333; font-size: 27px; line-height: 27px; padding-bottom: 30px; margin-bottom: 30px; }
.job_list .bd ul li .box .t small { font-size: 16px; color: #8e8e8e }
.job_list .bd ul li .box .p { border-bottom: 1px solid #ccc; font-size: 14px; padding: 0 25px 30px 0; color: #666; line-height: 26px }
.job_list .bd ul li .box .go a { display: block; width: 130px; height: 40px; background: #3388ff; color: #fff; font-size: 14px; line-height: 40px; text-align: center; margin-top: 30px; }
.job_list .abs { top: 35% }
.job_list .hzhb_box { margin-bottom: 0; }
.pup_bg { background: #000; opacity: 0.3; position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 11; display: none; }
#pup { position: fixed; top: 0px; left: 0; width: 100%; height: 100%; z-index: 12; display: none; }
.table { display: table; width: 100%; height: 100%; text-align: center; }
.cell { display: table-cell; vertical-align: middle; }
#pup .t h4 { font-size: 18px; font-weight: normal; background: #3388ff; color: #fff; line-height: 40px; height: 40px; text-align: center; }
#pup .t { }
#pup .con { padding: 60px; font-size: 18px; }
#pup .con h4 { font-weight: normal; margin-bottom: 20px; }
#pup .con .p button { height: 36px; padding: 0 25px; border: 2px solid #ccc; font-size: 18px; background: none; color: #8e8e8e }
#pup .rel { width: 960px; text-align: left; margin: 0 auto; background: #fff; z-index: 13; }
#pup .close { cursor: pointer; font-size: 25px; color: #ccc; line-height: 40px; width: 40px; text-align: center; }
#pup .close:hover { color: #fff }
#pup .pup_ck { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 12; }
.feedback .wp { padding: 40px 0 60px 0; border-bottom: 1px solid #ccc; }
.feedback { padding-bottom: 60px; }
.feedback .l .t { font-size: 30px; color: #3388ff; text-transform: uppercase; }
.feedback .l .p { line-height: 40px; text-transform: uppercase; padding: 10px 0 40px 0; border-bottom: 1px solid #3388ff; }
.feedback .l { padding-left: 25px; }
.feedback .r { width: 615px; padding-right: 25px; }
.feedbox { width: 615px; }
.feedbox li { width: 291px; height: 38px; border: 1px solid #3388ff; float: left; margin: 0 0 13px 13px; line-height: 38px; position: relative; overflow: hidden; }
.feedbox li label { position: absolute; line-height: 38px; padding: 0 10px; left: 0; top: 0; height: 38px; font-size: 16px; }
.feedbox li .inp, .feedbox li textarea { height: 38px; line-height: 38px; border: 0; width: 100%; vertical-align: top; padding-left: 60px; color: #8e8e8e; font-size: 16px; }
.feedbox li.textarea { width: 598px; height: auto; }
.feedbox li textarea { height: 120px }
.feedbox li.submit { float: right; margin-top: 10px; }
.feedbox li.submit button { background: #3388ff; color: #fff; display: block; height: 38px; border: 0; width: 100%; font-size: 20px; }
.news_list { padding: 60px 0; }
.news_list .it { border-bottom: 1px solid #ccc; }
.news_list .it a { display: block; padding: 35px 0; background: url(../images/i_more.png) no-repeat right center; position: relative; left: 30px; margin-right: 30px; }
.news_list .it a .data { padding: 0 40px 0 60px; font-size: 18px; text-align: right; color: #ccc }
.news_list .it a .data span { display: block; font-size: 62px; line-height: 62px }
.news_list .it a .title { font-size: 18px; color: #666 }
.news_list .it a .p { font-size: 14px; padding: 10px 0 0 0 }
.news_list .it:hover { background: #3388ff }
.news_list .it:hover a .data, .news_list .it:hover a .title, .news_list .it:hover a { color: #fff; }
.news_list .it:hover a { background-image: url(../images/i_more_on.png); margin: 0 }
.page { padding: 40px 0 90px 0; font-size: 0; }
.page a { display: inline-block; *display: inline; *zoom: 1; height: 40px; font-size: 16px; border: 1px solid #ccc; line-height: 40px; margin-left: -1px; width: 40px; border-radius: 40px; margin: 0 10px }
.page a:hover, .page a.on { background: #3388ff; color: #fff; }
.t3 { padding: 45px 0; text-align: center; }
.t3 h1 { font-size: 20px; font-weight: normal; color: #333; }
.t3 p { color: #8e8e8e; font-size: 14px; }
.s_page { padding: 100px 0; }
.s_page li { width: 50%; }
.s_page li a { display: block; height: 80px; line-height: 80px; background-color: #ccc; font-size: 16px; color: #fff; padding: 0 15px }
.s_page li.r { text-align: right; }
.s_page li.r a span { background: url(../images/i_next.png) no-repeat right center; padding-right: 50px; }
.s_page li.l a span { background: url(../images/i_prev.png) no-repeat left center; padding-left: 50px; }
.s_page li a:hover { background: #3388ff }
.pro_list { background: #f5f5f5 }
.pro_list .list li { width: 285px; background: #fff; float: left; margin: 0 20px 20px 0; display: inline }
.pro_list .list li .pic { height: 270px; position: relative; }
.pro_list .list li .pic img { position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; }
.pro_list .list li a { padding-bottom: 25px; display: block; }
.pro_list .list li a .name { padding: 10px 10px 10px 77px; color: #666; font-size: 16px; height: 53px }
.pro_list .list li a .name small { font-size: 14px; font-family: Arial; color: #8e8e8e; text-transform: uppercase; display: block; }
.pro_list .list li a .name .r { border: 1px solid #ccc; width: 30px; height: 22px; background: url(../images/i_go.png) no-repeat center center; margin-top: 20px; }
.pro_list .list li a:hover .name { background: #3388ff; color: #fff; }
.pro_list .list li a:hover .name small { color: #fff; }
.pro_list .list li a:hover .name .r { border-color: #fff; background-image: url(../images/i_go_on.png) }
.t4 { padding: 25px 0 35px 0; }
.t4 strong { color: #3388ff; font-size: 20px; font-family: DokChampa }
.pro_bann .hd { bottom: 30px; left: 0; width: 100%; text-align: center; }
.pro_bann .hd ul { font-size: 0; }
.pro_bann .hd ul li { width: 10px; height: 10px; border: 1px solid #3388ff; border-radius: 10px; display: inline-block; *display: inline; *zoom: 1; margin: 0 5px }
.pro_bann .hd ul li.on { background: #3388ff }
.pro_box_show { background: #f5f5f5; padding-top: 20px; }
.pro_box_show .back { padding: 35px 0 }
.pro_box_show .back a { color: #8e8e8e; line-height: 16px }
.pro_head .pic { width: 700px; height: 500px; background: #fff; }
.pro_head .pic .rel { width: 700px; height: 500px; position: relative; }
.pro_head .pic .rel img { position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto }
.pro_head .pic .prev, .pro_head .pic .next { left: 30px; top: 50%; width: 19px; height: 14px; background: url(../images/pro_prev.png) no-repeat; cursor: pointer; display: block; z-index: 10; }
.pro_head .pic .next { right: 30px; left: auto; background-image: url(../images/pro_next.png) }
.pro_head .pic .next:hover { background-image: url(../images/pro_next_on.png) }
.pro_head .pic .prev:hover { background-image: url(../images/pro_prev_on.png) }
.pro_head .info { width: 480px; background: #fff; height: 500px }
.pro_head .info .padd { padding: 50px 80px 50px 50px; }
.pro_head .info .padd h1 { font-size: 20px; color: #666666; font-weight: normal; line-height: 20px }
.pro_head .info .padd .p { font-size: 14px; line-height: 28px; padding: 40px 0 }
.pro_head .info .bj h5 { color: #3388ff; font-weight: normal; font-size: 20px; margin-bottom: 30px; }
.pro_head .info .bj ul li { width: 120px; text-align: center; margin: 0 19px; }
.pro_head .info .bj ul li span { background: #3388ff; color: #fff; height: 38px; line-height: 38px; color: #fff; font-size: 20px; text-transform: uppercase; display: block; }
.pro_head .info .bj ul li img { margin-bottom: 15px; }
.pro_body { background: #fff; padding: 30px 60px; margin-top: 80px; }
.pro_body h4 { color: #3388ff; font-size: 24px; font-weight: normal; margin-bottom: 20px; }
.pro_body .con { line-height: 24px }
.pro_box_show .s_page { padding-bottom: 50px; }
#main { padding-top: 80px; }
#main .section { text-align: left; }
#main .home_f2 .fp-tableCell {vertical-align: top;padding-top: 100px;}



.banner { height: 100%; background-repeat: no-repeat; background-position: center center; background-size: cover }
#main .section .aid { color: #3388ff; font-size: 359px; font-family: 'DokChampa'; line-height: 258px; left: -235px; top: 27px; position: absolute; display: none; }
.t10 { color: #333; font-size: 20px; padding: 35px 0; line-height: 20px }
.t10 small { font-size: 12px; color: #8e8e8e; display: block; padding-top: 10px; text-transform: capitalize; }
.home_f2 { background: #f5f5f5 }
.home_pro .tab { position: relative; z-index: 1; }
.home_pro .tab .hd { margin-bottom: 10px; }
.home_pro .tab .hd ul { font-size: 0px; text-align: center; }
.home_pro .tab .hd ul li { display: inline-block; *display: inline; *zoom: 1; margin: 0 3px }
.home_pro .tab .hd ul li a { display: block; border: 1px solid #ccc; height: 28px; line-height: 28px; padding: 0 20px; color: #666666; font-size: 14px; }
.home_pro .tab .hd ul li.on a { background: #3388ff; color: #fff; }
.home_pro .tab .bd .ci ul li { float: left; text-align: center; margin-right: 15px; width: 385px }
.home_pro .tab .bd .ci ul li .name { font-size: 14px; background: #fff; padding: 10px 0; -webkit-transition: all .5s; -o-transition: all .5s; transition: all .5s; }
.home_pro .tab .bd .ci ul li .name span { font-size: 12px; color: #8e8e8e; margin-left: 5px; }
.home_pro .tab .bd .ci ul li a:hover .name { background: #3388ff; color: #fff }
.home_pro .tab .bd .ci ul li a:hover .name span { color: #fff; }
.home_pro .tab .bd .ci ul li .pic { height: 250px; position: relative; }
.home_pro .tab .bd .ci ul li .pic img { position: absolute; top: 0; bottom: 0; right: 0; left: 0; margin: auto; }
.home_pro .tab .bd .ci ul li { background: #fff; margin-bottom: 15px; }
.home_more { padding-top: 50px; }
.home_more a { display: block; margin: 0 auto; width: 130px; height: 38px; background: #fff; position: relative; overflow: hidden; border: 1px solid #d2d2d2; }
.home_more a span { display: block; background: url(../images/arrow_02.png) no-repeat center center; height: 38px; position: relative; z-index: 2; }
.home_more a:hover span { background-image: url(../images/arrow_01.png) }
.home_more a:after { content: ""; display: block; position: absolute; bottom: -38px; left: 0; background: #fff; width: 100%; height: 38px; z-index: 1; -webkit-transition: all .5s; -o-transition: all .5s; transition: all .5s; }
.home_more a:hover:after { content: ""; display: block; position: absolute; bottom: 0px; left: 0; background: #3388ff; width: 100%; height: 38px; z-index: 1; }
.home_f3 { background: #f5f5f5 url(../images/bg3.jpg) no-repeat center 80px; }
.home_about .t10 { padding: 80px 0; color: #fff; }
.home_about .t10 small { color: #fff; }
.home_about .c { background: #fff url(../images/logo_txt.png) no-repeat 0 center; padding: 40px 100px }
.home_about .c .left { width: 45%; }
.home_about .c .right { width: 55% }
.home_about .c .left .t { color: #3388ff; font-size: 30px; padding-top: 60px; }
.home_about .c .left .t span { display: inline-block; width: 5px; height: 5px; background: #3388ff; border-radius: 5px; margin: 0 7px; vertical-align: middle; }
.home_about .c .left .t p { color: #bbbbbb; font-size: 16px; }
.home_about .c .right .t { font-size: 20px; color: #333; margin-bottom: 10px; text-indent: 40px; }
.home_about .c .right .con { line-height: 30px; font-size: 16px; color: #8e8e8e; text-indent: 40px }
.home_about .home_more a { border: 1px solid #d2d2d2; }
#main .home_about .aid { top: 100px; left: -285px; display: none; }
.home_f4 { background: #f5f5f5; }
.home_news .t10 { padding-top: 0; padding-bottom: 65px; }
.home_news .list li { width: 33.33333%; float: left; }
.home_news .list li a { display: block; margin: 0 7px; }
.home_news .list li a .pic { height: 338px; position: relative; background: #fff; }
.home_news .list li a .pic img { position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; height: 100%; width: 100% }
.home_news .list li a .info { padding: 15px 15px; background: #ccc; color: #fff; font-size: 12px; line-height: 20px }
.home_news .list li a .info .t { font-size: 18px; }
.home_news .list li a:hover .info { background: #3388ff }
.home_f5 { background: #f5f5f5; position: relative; }
.home_contact .lbox h5 { color: #3388ff; font-size: 20px; font-weight: normal; margin-bottom: 5px; }
.home_contact .wp { margin-top: 0px; }
.home_contact .wp .lbox,.home_contact .wp .rbox { width: 600px;  }
.home_contact .rbox ul li textarea, .home_contact .rbox ul li input { background: none; }
.home_f5 .hzhb_box { margin-bottom: 0; background: #fff; position: absolute; bottom: 0; left: 0; width: 100%; padding: 20px 0; }
.home_f5 .hzhb_box ul li { border: 0; }
.home_f5 .hzhb_box .abs { margin-top: -20px }
.home_f5 .t10 { padding-top: 0; padding-bottom: 65px; }
.show_pic { text-align: center; }
.show_pic .hd { padding: 15px 0; }
.show_pic .hd ul li { width: 10px; height: 10px; border-radius: 15px; background: #ccc; display: inline-block; *display: inline; *zoom: 1; margin: 0 5px; }
.show_pic .hd ul li.on { background: #3388ff }
.address_box { background: #3388ff; color: #fff; width: 1920px; left: 50%; margin-left: -960px; }
.address_box .abs { color: #fff; top: 0; left: 0; width: 100%; height: 100% }
.address_box .abs div { height: 100% }
.address_box .abs .r { width: 55% }
.bottom_box { background: #222222; padding: 45px 0 100px 0 }
.bottom_box dl dd { float: left; margin-right: 55px; line-height: 30px }
.bottom_box dl dd .t a { font-size: 20px; color: #cccccc; }
.bottom_box dl dd ul li a { color: #8e8e8e; text-transform: capitalize; }
.bottom_box dl dd a:hover { color: #fff; }
.bottom_box .pic { width: 308px; }
.bottom_box .pic a { display: block; margin-bottom: 10px; }
.bottom_box .text-center { padding: 50px 0 0 0 }
.bottom_box .text-center a { margin: 0 0.27rem; display: inline-block; }
.dt { line-height: 30px }
.footer { background: #030303; height: 42px; line-height: 42px; color: #8e8e8e }
.footer .sns { margin-right: 50px; }
.footer .sns a { margin-right: 0px; }
.footer .sns a img { height: 25px }



.fix_right {position: fixed;right: 100px;bottom:100px;width: 44px;z-index: 100;}
.fix_right a {display: block;height: 44px;border-radius: 5px;background-repeat: no-repeat;background-position: center center;margin-bottom: 5px;}
.fix_right a.i_massage {background-image: url(../images/i_message.png);background-color: #4eddff}
.fix_right a.i_home {background-image: url(../images/i_home.png);background-color: #3388ff}
.fix_right a.i_top {background-image: url(../images/i_top.png);background-color: #181818}