/* ::::: https://www.yujianshengjian.com/skin/css/style.css ::::: */

body, p, form, textarea, h1, h2, h3, h4, h5, dl, dd { margin: 0px; }
input, button, ul, ol { margin: 0px; padding: 0px; }
body, input, button, form { font-size: 14px; line-height: 28px; font-family: "microsoft yahei","Helvetica Neue",Helvetica,Arial,sans-serif; color: rgb(51, 51, 51); }
h1, h2, h3, h4, h5, h6, font { font-weight: normal; }
ul, ol, li { list-style: outside none none; }
input { background: transparent none repeat scroll 0% 0%; border: 0px none; }
img, iframe { border: 0px none; }
em, i { font-style: normal; }
button, input, select, textarea { font-size: 100%; }
.fl { float: left; }
.fr { float: right; }
.por { position: relative; }
.w1200 { width: 1200px; margin: 0px auto; }
.icon { vertical-align: middle; display: inline-block; }
a { color: rgb(51, 51, 51); text-decoration: none; }
a:hover { color: rgb(246, 132, 0); text-decoration: none; }
a:visited { text-decoration: none; }
.ease, .ease * { transition: all 300ms ease 0s; }
:-moz-placeholder { color: rgb(204, 204, 204); }
*::-moz-placeholder { color: rgb(204, 204, 204); }
.clearfix {  }
.clearfix::after { visibility: hidden; display: block; font-size: 0px; content: " "; clear: both; height: 0px; }
@media screen and (min-width: 1460px) {
}
.header_main { width: 100%; position: relative; z-index: 999; background: rgb(89, 89, 89) none repeat scroll 0% 0%; height: 30px; line-height: 30px; font-size: 12px; color: rgb(184, 184, 184); }
.header_main .header { position: relative; }
.header_main .ksdh { color: rgb(184, 184, 184); }
.header_main .ksdh li { display: inline-block; color: rgb(184, 184, 184); line-height: 30px; position: relative; }
.header_main .ksdh li a { display: inline-block; color: rgb(184, 184, 184); }
.header_main .ksdh li s { display: block; width: 45px; height: 40px; }
.header_main .ksdh a:hover { color: rgb(246, 132, 0); }
.header_main .ksdh .lxwm s { background-position: -60px 0px; width: 18px; height: 18px; display: inline-block; margin-right: 5px; }
.header_main .ksdh .mobile s { background-position: 0px 0px; width: 18px; height: 18px; display: inline-block; margin-right: 5px; }
.header_main .ksdh span { display: inline-block; padding: 0px 10px; color: rgb(153, 153, 153); }
.header_main li .imgbox { opacity: 0; visibility: hidden; transition: all 0.6s ease 0s; transform: translate3d(0px, 10px, 0px); }
.header_main li:hover .imgbox { opacity: 1; visibility: visible; transform: translate3d(0px, 0px, 0px); }
.header_main .imgbox { width: 160px; position: absolute; background: rgb(255, 255, 255) none repeat scroll 0% 0%; border-radius: 0px 0px 5px 5px; text-align: center; color: rgb(246, 132, 0); padding: 10px; top: 30px; left: -15px; box-shadow: 0px 2px 20px rgba(0, 0, 0, 0.1); }
.header_main .imgbox img { width: 160px; height: 160px; display: block; margin: 0px auto; }
.header_main .imgbox p { font-size: 16px; line-height: 20px; }
.header_main .imgbox p b { display: block; font-size: 14px; font-weight: normal; line-height: 20px; }
.top_main { width: 100%; background: rgb(255, 255, 255) none repeat scroll 0% 0%; box-shadow: 0px 2px 20px rgba(0, 0, 0, 0.1); position: relative; z-index: 10; }
.top_main .top { padding-top: 20px; }
.top_main .webtel { padding-top: 20px; }
.top_main .webtel span { width: 90px; height: 32px; display: inline-block; margin-right: 8px; background-position: 0px -30px; color: rgba(19, 14, 14, 0.88); font-size: 20px; }
.top_main .webtel b { font-size: 24px; color: rgb(246, 132, 0); display: inline-block; font-family: "AvantGardeITVbyBT Book",arial; line-height: 40px; vertical-align: middle; }
.top_main .logo { display: block; }
.top_main .logo a { display: block; }
.top_main .logo img { width: 100%; height: 100%; display: block; }
.top_main .nav { line-height: 54px; }
.top_main .nav li { float: left; display: inline-block; list-style: outside none none; font-size: 16px; text-align: center; position: relative; padding: 20px 8px; }
.top_main .nav li a { width: 117px; display: block; text-align: center; position: relative; color: rgb(34, 34, 34); height: 30px; line-height: 30px; border-radius: 5px; }
.top_main .nav li.hover a, .top_main .nav li:hover a { color: rgb(255, 255, 255); background: rgb(246, 132, 0) none repeat scroll 0% 0%; }
.top_main .nav li .subnav { background: rgb(255, 255, 255) none repeat scroll 0% 0%; border-top: 2px solid rgb(246, 132, 0); box-shadow: 0px 13px 42px 11px rgba(0, 0, 0, 0.05); height: auto; left: 0px; overflow: hidden; position: absolute; top: 100%; width: 100%; z-index: 199; }
.top_main .nav li .subnav { opacity: 0; visibility: hidden; transition: all 0.6s ease 0s; transform: translate3d(0px, 10px, 0px); }
.top_main .nav li:hover .subnav { opacity: 1; visibility: visible; transform: translate3d(0px, 0px, 0px); }
.top_main .nav li .subnav a { border-radius: 0px; color: rgb(102, 102, 102); display: block; font-size: 13px; font-weight: 500; line-height: 40px; height: 40px; padding: 0px; transition: all 0.2s ease-in-out 0s; width: 100%; border-bottom: 1px solid rgb(238, 238, 238); background: rgb(255, 255, 255) none repeat scroll 0% 0%; }
.top_main .nav li .subnav a:hover { color: rgb(246, 132, 0); background: rgb(249, 249, 249) none repeat scroll 0% 0%; text-indent: 10px; }
.footer_main { width: 100%; padding-bottom: 0px; background: rgb(28, 73, 42) none repeat scroll 0% 0%; color: rgb(255, 255, 255); border-top: 8px solid rgb(249, 249, 249); }
.footer_main .links { padding: 20px 0px; font-size: 16px; border-bottom: 1px solid rgb(24, 102, 49); }
.footer_main .links span { color: rgb(255, 255, 255); font-weight: bold; display: inline-block; }
.footer_main .links a { display: inline-block; font-size: 14px; color: rgb(255, 255, 255); padding-right: 10px; }
.footer_main .links a:hover { color: rgb(237, 142, 6); }
.bottom_main { border-top: 1px solid rgba(187, 187, 187, 0.733); padding: 56px 0px; }
.bottom_main .bNav { width: 558px; height: 180px; border-right: 1px solid rgb(24, 102, 49); }
.bottom_main .bNav dl { display: inline-block; float: left; width: 139px; overflow: hidden; text-align: left; padding-top: 10px; }
.bottom_main .bNav dl dt { height: 16px; display: block; padding-bottom: 25px; }
.bottom_main .bNav dl dt a { display: block; font-size: 16px; color: rgb(255, 255, 255); line-height: 16px; }
.bottom_main .bNav dl dd { display: block; height: 14px; padding-bottom: 14px; }
.bottom_main .bNav dl dd a { display: block; font-size: 14px; color: rgb(255, 255, 255); line-height: 14px; }
.bottom_main .bNav dl dd a:hover { color: rgb(237, 142, 6); }
.bottom_main .ewm { width: 140px; height: 180px; text-align: center; padding-left: 35px; border-left: 1px solid rgb(32, 128, 63); }
.bottom_main .ewm dl { float: left; display: block; margin-right: 30px; }
.bottom_main .ewm dl:nth-child(2) { margin-right: 0px; }
.bottom_main .ewm dl dt { width: 140px; height: 140px; background-color: rgb(255, 255, 255); text-align: center; }
.bottom_main .ewm dl dt img { width: 130px; height: 130px; display: inline-block; background-size: 100% auto; margin-top: 5px; }
.bottom_main .ewm dl dd { font-size: 14px; color: rgb(255, 255, 255); line-height: 24px; padding-top: 10px; }
.bottom_main .contact_info { width: 350px; height: 180px; padding-left: 80px; border-left: 1px solid rgb(32, 128, 63); border-right: 1px solid rgb(24, 102, 49); }
.bottom_main .contact_info p.p1 { font-size: 14px; color: rgb(255, 255, 255); line-height: 14px; padding-top: 10px; }
.bottom_main .contact_info p.dh { font-size: 36px; color: rgb(233, 233, 233); font-family: "Arial"; line-height: 36px; padding-top: 4px; font-weight: bold; padding-bottom: 12px; }
.bottom_main .contact_info p.tel { font-size: 14px; color: rgb(255, 255, 255); line-height: 22px; width: 250px; }
.copyright_main { background: rgb(250, 250, 250) none repeat scroll 0% 0%; height: 40px; line-height: 40px; color: rgb(167, 190, 172); font-size: 12px; }
.copyright_main a { color: rgb(250, 250, 250); }
.copyright_main a:hover { color: rgb(237, 142, 6); }
.banner_main { width: 100%; position: relative; z-index: 3; }
.banner { width: 100%; min-width: 1000px; position: relative; overflow: hidden; z-index: 0; height: 550px; }
.banner .list { max-height: 550px; overflow: hidden; }
.banner li { width: 100%; position: absolute; z-index: 1; overflow: hidden; }
.banner li img { width: 1920px; display: block; position: relative; left: 50%; margin-left: -960px; top: 0px; }
.banner li a { width: 100%; display: block; }
.banner .tip { width: 100%; height: 20px; text-align: center; position: absolute; left: 0px; bottom: 4%; z-index: 10; }
.banner .tip span { width: 15px; height: 15px; overflow: hidden; margin: 0px 5px; display: inline-block; cursor: pointer; vertical-align: top; text-indent: -1000px; border-radius: 100%; border: 3px solid rgb(255, 255, 255); }
.banner .tip span.cur { background: rgb(246, 132, 0) none repeat scroll 0% 0%; }
.banner .prev, .banner .next { width: 24px; height: 44px; position: absolute; z-index: 12; top: 50%; margin-top: -22px; cursor: pointer; background-position: -48px -30px; display: none; transition: all 0s ease-in-out 0s; }
.banner .prev { left: 3%; background-position: -48px -30px; }
.banner .prev:hover { background-position: -48px -80px; }
.banner .next { right: 3%; background-position: -80px -30px; }
.banner .next:hover { background-position: -80px -80px; }
.index { width: 100%; overflow: hidden; }
.index .title { text-align: center; width: 100%; margin-bottom: 40px; position: relative; }
.index .title h3 { font-size: 60px; font-weight: bold; display: block; line-height: 60px; }
.index .title h3 b { display: inline-block; color: rgb(27,73, 42); }
.index .title h4 { font-size: 24px; font-weight: normal; padding-top: 20px; display: block; letter-spacing: 10px; }
.index .title s { position: absolute; top: 12px; display: block; background: transparent url('line.png') no-repeat scroll 0% 0%; width: 124px; height: 42px; }
.index .title .line_lef { left: 50%; margin-left: -392px; }
.index .title .line_rig { right: 50%; margin-right: -392px; }
.index .menu { overflow: hidden; padding-bottom: 20px; padding-top: 20px; }
.index .menu ul { text-align: center; }
.index .menu li { width: 180px; height: 40px; line-height: 40px; margin: 0px 5px 10px; display: inline-block; }
.index .menu li:first-child { margin-left: 0px; }
.index .menu li:last-child { margin-right: 0px; }
.index .menu li a { display: block; border: 1px solid rgb(220, 220, 220); text-align: center; border-radius: 5px; overflow: hidden; height: 40px; line-height: 40px; }
.index .menu li a:hover { border: 1px solid rgb(246, 132, 0); color: rgb(255, 255, 255); background: rgb(246, 132, 0) none repeat scroll 0% 0%; }
.index .more { width: 510px; margin: 0px auto; display: block; text-align: center; transition: all 300ms ease 0s; position: relative; height: 55px; line-height: 55px; }
.index .more a { display: block; text-align: center; font-size: 18px; float: left; width: 250px; height: 50px; line-height: 50px; }
.index .more .gd { color: rgb(255, 255, 255); background: rgb(246, 132, 0) none repeat scroll 0% 0%; border-top-left-radius: 5px; border-bottom-left-radius: 5px; border: 2px solid rgb(246, 132, 0); }
.index .more .gd:hover { background: rgb(237, 142, 6) none repeat scroll 0% 0%; border: 2px solid rgb(237, 142, 6); }
.index .more .zx { border-width: 2px 2px 2px 0px; border-style: solid solid solid none; border-color: rgb(229, 229, 229) rgb(229, 229, 229) rgb(229, 229, 229) currentcolor; -moz-border-top-colors: none; -moz-border-right-colors: none; -moz-border-bottom-colors: none; -moz-border-left-colors: none; border-image: none; color: rgb(51, 51, 51); border-top-right-radius: 5px; border-bottom-right-radius: 5px; }
.index .more .zx:hover { background: rgb(237, 142, 6) none repeat scroll 0% 0%; border-width: 2px 2px 2px 0px; border-style: solid solid solid none; border-color: rgb(237, 142, 6) rgb(237, 142, 6) rgb(237, 142, 6) currentcolor; -moz-border-top-colors: none; -moz-border-right-colors: none; -moz-border-bottom-colors: none; -moz-border-left-colors: none; border-image: none; color: rgb(255, 255, 255); }
.index .floor_1_main { width: 100%; position: relative; z-index: 4; }
.index .floor_1 { padding:40px 0px 20px; overflow: hidden; }
.index .ipro { overflow: hidden; padding-bottom: 60px; }
.index .ipro .cont { display: none; }
.index .ipro .cont:first-child { display: block; }
.index .ipro .bigimg { width: 585px; height: 450px; overflow: hidden; }
.index .ipro .bigimg ul { width: 585px; height: 450px; overflow: hidden; }
.index .ipro .bigimg ul li { width: 585px; height: 450px; overflow: hidden; }
.index .ipro .bigimg ul li img { width: 100%; height: 100%; display: block; }
.index .ipro .smalimg { width: 585px; overflow: hidden; height: 450px; }
.index .ipro .smalimg .list { width: 108%; }
.index .ipro .item { float: left; width: 280px; height: 215px; overflow: hidden; position: relative; margin-bottom: 20px; margin-right: 20px; }
.index .ipro .item img { width: 100%; height: 100%; display: block; transition: all 300ms ease 0s; }
.index .ipro .item .bg { background: transparent url('bghover.png') no-repeat scroll left top; width: 100%; height: 100%; position: absolute; left: 0px; top: 0px; z-index: 2; display: block; text-align: center; opacity: 0; color: rgb(255, 255, 255); }
.index .ipro .item .bg h3 { font-size: 23px; font-weight: 600; color: black; padding-top: 30%; }
.index .ipro .item .bg span { color: black; width: 100px; height: 30px; line-height: 30px; display: block; margin: 0px auto; border: 1px solid black; text-align: center; border-radius: 20px; }
.index .ipro .item:hover .bg { opacity: 1; }
.index .ipro .item:hover img { transform: scale(1.06, 1.06); }
.index .floor_2_main { width: 100%; }
.index .floor_2_main .floor_2 { padding: 80px 0px; }
.index .youshi .item { padding-bottom: 60px; position: relative; padding-top: 64px; }
.index .youshi .item .tit { width: 194px; position: relative; }
.index .youshi .item .tit img { width: 170px; height: 330px; display: block; }
.index .youshi .item .tit h3 { font-size: 18px; text-transform: uppercase; position: absolute; left: 134px; top: 34px; }
.index .youshi .item .txt { padding-top: 78px; width: 502px; transition: all 300ms ease 0s; }
.index .youshi .item .txt h2 { font-size: 30px; font-weight: bold; color: rgb(246, 132, 0); line-height: 32px; }
.index .youshi .item .txt .desc { padding-top: 20px; }
.index .youshi .item .img { position: absolute; right: -80px; top: 0px; }
.index .youshi .item .img img { max-width: 530px; display: block; }
.index .youshi .item.it2 { padding-left: 490px; }
.index .youshi .item.it2 .img { right: auto; left: 0px; }
.index .youshi .item:hover .txt { transform: translate3d(0px, -6px, 0px); }
.index .floor_3_main { background: transparent url('liuc_bg.jpg') repeat scroll center top; height: 150px; }
.index .floor_3_main .title2 { width: 280px; height: 78px; border-right: 1px solid rgb(233, 233, 233); margin-top: 38px; color: rgb(255, 255, 255); }
.index .floor_3_main .title2 h3 { font-size: 26px; }
.index .floor_3_main .title2 h3 i { font-size: 18px; display: inline-block; }
.index .floor_3_main .title2 p { font-size: 30px; font-family: "AvantGardeITVbyBT Book",arial; padding-top: 16px; }
.index .floor_3_main .title2 p em { width: 26px; height: 28px; display: inline-block; background-position: 0px -110px; margin-right: 18px; }
.index .floor_3_main .liuc { width: 888px; overflow: hidden; padding-left: 30px; color: rgb(255, 255, 255); padding-top: 38px; }
.index .floor_3_main .liuc .list { width: 108%; }
.index .floor_3_main .liuc li { float: left; width: 134px; }
.index .floor_3_main .liuc li p { width: 80px; float: left; text-align: center; font-size: 16px; transition: all 300ms ease 0s; }
.index .floor_3_main .liuc li p img { max-width: 100%; display: block; margin: 0px auto 12px; height: 44px; }
.index .floor_3_main .liuc li .jt { width: 42px; height: 44px; float: left; display: block; background: transparent url('jtou1.png') no-repeat scroll center center; }
.index .floor_3_main .liuc li:hover p { animation: 1.2s ease-out 0s normal forwards 1 running flipInY; }
.index .textlist { width: 740px; }
.index .newsBox { width: 430px; position: relative; }
.index .newsBox .item { position: relative; z-index: 3; }
.index .newsBox .item .img { height: 170px; overflow: hidden; }
.index .newsBox .item .img img { width: 228px; height: 170px; display: block; }
.index .newsBox .item .img .time { width: 202px; height: 170px; position: relative; overflow: hidden; background: transparent url('xw_time.jpg') no-repeat scroll 0% 0%; text-align: center; color: rgb(255, 255, 255); font-size: 16px; }
.index .newsBox .item .img .time b { font-size: 60px; line-height: 60px; display: block; padding-top: 40px; }
.index .newsBox .item .img .time .yuan { position: absolute; width: 136px; height: 136px; display: block; left: 50%; margin-left: -68px; top: 50%; margin-top: -68px; background: transparent url('yuan.png') no-repeat scroll 0% 0%; }
.index .newsBox .item a { display: block; }
.index .newsBox .item img { width: 100%; height: 100%; display: block; }
.index .newsBox .item .txt { width: 100%; }
.index .newsBox .item .txt h3 { font-size: 20px; font-weight: normal; padding: 15px 0px 0px; }
.index .newsBox .item .txt p { color: rgb(153, 153, 153); overflow: hidden; height: 60px; line-height: 20px; padding-top: 5px; }
.index .newsBox .item .txt span { width: 202px; height: 55px; line-height: 55px; border: 2px solid rgb(246, 132, 0); border-radius: 5px; text-align: center; display: block; font-size: 18px; color: rgb(246, 132, 0); margin-top: 15px; transition: all 0.3s ease-in-out 0s; }
.index .newsBox .item .txt:hover span { background: rgb(246, 132, 0) none repeat scroll 0% 0%; color: rgb(255, 255, 255); }
.index .floor_4_main { background: transparent url('flo4.jpg') repeat scroll left top; height: 537px; }
.index .floor_4 { padding: 80px 0px; }
.index .floor_4 .bd { overflow: hidden; }
.index .floor_4 .btn { width: 12px; height: 22px; display: block; position: absolute; top: 50%; cursor: pointer; margin-top: -31px; transition: all 0s ease-in-out 0s; }
.index .floor_4 .prev { background-position: -48px -130px; left: -5%; }
.index .floor_4 .prev:hover { background-position: -48px -160px; }
.index .floor_4 .next { background-position: -70px -130px; right: -5%; }
.index .floor_4 .next:hover { background-position: -70px -160px; }
.index .floor_5, .index .floor_6 { padding: 80px 0px; }
.index .iabout .lefnav { width: 200px; }
.index .iabout .lefnav li { width: 40px; height: 180px; overflow: hidden; float: left; display: block; position: relative; }
.index .iabout .lefnav li a { display: block; padding-top: 60px; text-align: center; background: rgb(29, 119, 58) none repeat scroll 0% 0%; color: rgb(255, 255, 255); }
.index .iabout .lefnav li em { width: 10px; height: 10px; border: 2px solid rgb(255, 255, 255); border-radius: 100%; position: absolute; left: 50%; margin-left: -7px; top: 30px; }
.index .iabout .lefnav li h3 { width: 20px; height: 108px; line-height: 16px; margin: 0px auto; }
.index .iabout .lefnav li.li1 a { background: rgb(28, 73, 41) none repeat scroll 0% 0%; }
.index .iabout .lefnav li a:hover { background: rgb(237, 142, 6) none repeat scroll 0% 0%; }
.index .iabout .lefnav .more1 { width: 150px; height: 125px; background: transparent url('fuhao1.jpg') no-repeat scroll left top; position: relative; display: block; }
.index .iabout .lefnav .more1 p { width: 23px; height: 60px; line-height: 14px; background: rgb(246, 132, 0) none repeat scroll 0% 0%; color: rgb(255, 255, 255); position: absolute; right: -12px; bottom: -10px; text-align: center; padding-top: 5px; font-size: 12px; transition: all 0.3s ease-in-out 0s; }
.index .iabout .lefnav .more1:hover p { background: rgb(237, 142, 6) none repeat scroll 0% 0%; }
.index .iabout .img { width: 510px; height: 330px; overflow: hidden; }
.index .iabout .img img { margin-top: -16px; width: 100%; height: 100%; display: block; transition: all 300ms ease 0s; }
.index .iabout .img:hover img { transform: scale(1.06, 1.06); }
.index .iabout .txt { width: 456px; position: relative; }
.index .iabout .txt .yh { width: 90px; height: 50px; display: block; background: transparent url('fuhao2.jpg') no-repeat scroll 0% 0%; }
.index .iabout .txt a { position: relative; z-index: 2; width: 424px; height: 264px; display: block; background: rgb(255, 255, 255) none repeat scroll 0% 0%; }
.index .iabout .txt a h2 { font-size: 24px; padding: 10px 0px; }
.index .iabout .txt a .desc { overflow: hidden; color: rgb(51, 51, 51); }
.index .iabout .txt a .cha { margin-top: 36px; width: 180px; height: 40px; line-height: 40px; text-align: center; background: rgb(246, 132, 0) none repeat scroll 0% 0%; color: rgb(255, 255, 255); border-radius: 5px; display: block; transition: all 0.3s ease-in-out 0s; }
.index .iabout .txt a:hover .cha { background: rgb(237, 142, 6) none repeat scroll 0% 0%; }
.index .iabout .txt .bk { width: 364px; height: 330px; border: 1px solid rgb(223, 223, 223); display: block; position: absolute; right: 0px; top: 0px; }
.index .ihonor { padding-top: 52px; position: relative; }
.index .ihonor .bd { overflow: hidden; }
.index .ihonor .list { width: 118%; }
.index .ihonor .item { float: left; width: 280px; height: 215px; overflow: hidden; position: relative; margin-bottom: 20px; margin-right: 27px; }
.index .ihonor .item img { width: 100%; height: 100%; display: block; transition: all 300ms ease 0s; }
.index .ihonor .item .bg { background: transparent url('bghover.png') no-repeat scroll left top; width: 100%; height: 100%; position: absolute; left: 0px; top: 0px; z-index: 2; display: block; text-align: center; color: rgb(255, 255, 255); opacity: 0; }
.index .ihonor .item .bg h3 { font-size: 18px; padding: 30% 3% 0px; }
.index .ihonor .item .bg span { width: 100px; height: 30px; line-height: 30px; display: block; margin: 0px auto; border: 1px solid rgb(238, 238, 238); text-align: center; border-radius: 20px; }
.index .ihonor .item:hover .bg { opacity: 1; }
.index .ihonor .item:hover img { transform: scale(1.06, 1.06); }
.index .ihonor .btn { width: 42px; height: 72px; display: block; position: absolute; top: 50%; margin-top: -21px; cursor: pointer; }
.index .ihonor .prev { background-position: -110px -210px; left: -5%; }
.index .ihonor .prev:hover { background-position: -216px -210px; }
.index .ihonor .next { background-position: -164px -210px; right: -5%; }
.index .ihonor .next:hover { background-position: -270px -210px; }
.index .floor_7_main { border-top: 1px solid rgb(233, 233, 233); }
.index .floor_7 { padding: 100px 0px; }
.xunpan { width: 100%; background: transparent url('images/about3.jpg') no-repeat scroll center top; height: 810px; color: rgb(255, 255, 255); }
.xunpan .w1200 { height: 200px; }
.xunpan .img { width: 355px; height: 250px; display: block; position: absolute; left: 0px; bottom: 0px; }
.xunpan .img img { width: 100%; height: 100%; display: block; }
.xunpan .zixun { width: 668px; margin-top: 30px; text-align: center; height: 132px; background: transparent url('kuang.png') no-repeat scroll 0% 0%; }
.xunpan .zixun .tit { font-size: 36px; line-height: 36px; padding-top: 14px; padding-bottom: 18px; }
.xunpan .zixun .tit .en { font-size: 20px; text-transform: uppercase; line-height: 20px; display: block; }
.xunpan .zixun .tel { font-size: 36px; color: rgb(255, 255, 255); font-family: "AvantGardeITVbyBT Book",arial; }
.xunpan .zixun .tel em { width: 34px; height: 34px; display: inline-block; background-position: 0px -70px; margin-right: 10px; vertical-align: middle; }
.xunpan .zixun .tel a { width: 112px; height: 27px; line-height: 27px; display: inline-block; text-align: center; background-position: -165px 0px; font-size: 14px; font-weight: bold; color: rgb(255, 255, 255); transition: all 0s ease-in-out 0s; }
.xunpan .zixun .tel a:hover { background-position: -165px -34px; }
.teamwork { position: relative; }
.teamwork .item { float: left; width: 282px; margin-right: 42px; margin-bottom: 40px; display: block; position: relative; text-align: center; transition: all 300ms ease 0s; }
.teamwork .item a { display: block; position: relative; z-index: 3; }
.teamwork .item img { width: 282px; height: 376px; box-sizing: border-box; border: 2px solid rgb(229, 229, 229); transition: all 0.3s ease-in-out 0s; }
.teamwork .item a:hover img { border: 2px solid rgb(246, 132, 0); }
.thumblist { overflow: hidden; }
.thumblist .list { width: 118%; }
.thumblist .item { float: left; position: relative; width: 570px; height: 246px; margin-right: 50px; margin-bottom: 30px; }
.thumblist .item a { width: 529px; height: 204px; border: 1px solid rgb(229, 229, 229); position: relative; z-index: 3; display: block; padding: 18px; background: rgb(255, 255, 255) none repeat scroll 0% 0%; }
.thumblist .item img { width: 283px; height: 200px; display: block; transition: all 0.3s ease-in-out 0s; }
.thumblist .item .txt { width: 212px; height: 200px; overflow: hidden; position: relative; }
.thumblist .item .txt h3 { font-size: 16px; display: block; border-bottom: 1px solid rgb(237, 237, 237); height: 36px; line-height: 36px; overflow: hidden; transition: all 0.3s ease-in-out 0s; }
.thumblist .item .txt p { padding-top: 20px; color: rgb(115, 115, 115); line-height: 24px; }
.thumblist .item .txt .jia { position: absolute; right: 0px; bottom: 0px; width: 40px; height: 40px; display: block; background-position: -140px -76px; text-align: center; vertical-align: middle; transition: all 0s ease-in-out 0s; }
.thumblist .item .di { width: 565px; height: 240px; border: 1px solid rgb(229, 229, 229); position: absolute; right: -2px; bottom: -2px; }
.thumblist .item a:hover img { filter: brightness(105%); }
.thumblist .item a:hover .txt .jia { background-position: -190px -76px; }
.textlist .item { margin-bottom: 26px; transition: all 0.2s linear 0s; width: 100%; position: relative; }
.textlist .item a { display: block; }
.textlist .item .img { width: 133px; height: 100px; overflow: hidden; margin-right: 22px; }
.textlist .item .img img { width: 100%; height: 100%; display: block; transition: all 300ms ease 0s; }
.textlist .item .txt { width: 480px; }
.textlist .item h3 { font-size: 18px; }
.textlist .item p { font-size: 14px; line-height: 20px; color: rgb(153, 153, 153); height: 60px; overflow: hidden; padding-top: 10px; }
.textlist .item .time { display: block; width: 66px; height: 100px; line-height: 50px; text-align: center; font-size: 14px; border-left: 1px solid rgb(233, 233, 233); padding-left: 20px; }
.textlist .item .time b { display: block; font-size: 48px; color: rgb(246, 132, 0); line-height: 60px; }
.textlist .item:hover img { transform: scale(1.06, 1.06); }
.announ_main { width: 100%; height: 76px; line-height: 76px; border-bottom: 1px solid rgb(238, 238, 238); }
.announ_main .announ_right { width: 282px; padding-top: 20px; }
.announ_main .announ_right .search { width: 282px; height: 35px; line-height: 35px; border-radius: 30px; background: rgb(246, 246, 246) none repeat scroll 0% 0%; position: relative; }
.announ_main .announ_right .search input { outline: medium none; border: 0px none; height: 35px; line-height: 35px; }
.announ_main .announ_right .search .txt { width: 200px; background: transparent none repeat scroll 0% 0%; padding-left: 15px; display: block; color: rgb(153, 153, 153); }
.announ_main .announ_right .search .btn { width: 50px; background: rgb(246, 132, 0) url('sou.png') no-repeat scroll center center; position: absolute; right: 0px; top: 0px; cursor: pointer; border-radius: 30px; }
.announ_main .announ_right .search .btn:hover { background-color: rgb(237, 142, 6); }
.announ_main .announ_left span { display: inline-block; }
.announ_main .announ_left a { display: inline-block; padding: 0px 10px 0px 0px; }
.toolbar { width: 52px; position: fixed; right: 1%; top: 44%; z-index: 999; }
.toolbar dd { width: 51px; height: 51px; margin-bottom: 1px; position: relative; margin-top: 4px; border: 1px solid rgb(235, 235, 235); background-color: rgb(255, 255, 255); border-radius: 100%; }
.toolbar dd i { width: 51px; height: 51px; display: block; position: absolute; left: 0px; top: 0px; cursor: pointer; text-align: center; border-radius: 100%; }
.toolbar dd i span { width: 35px; height: 35px; display: block; margin: 8px 0px 0px 8px; background: transparent url('rightfixicon.png') no-repeat scroll 0px 0px; }
.toolbar .slide-tel { display: block; width: 0px; height: 53px; line-height: 53px; font-size: 24px; font-weight: bold; font-family: arial; color: rgb(255, 255, 255); position: absolute; padding: 0px 0px 0px 53px; top: -1px; right: -2px; border-radius: 50px; overflow: hidden; }
.toolbar .pop { position: absolute; right: 90px; top: -65px; background: rgb(246, 132, 0) none repeat scroll 0% 0%; display: none; }
.toolbar .pop-code { width: 160px; }
.toolbar .pop-code img { width: 120px; height: 120px; display: block; padding: 20px 20px 0px; }
.toolbar .pop-code h3 { height: 52px; line-height: 26px; text-align: center; color: rgb(255, 255, 255); font-size: 16px; font-weight: 400; white-space: nowrap; }
.toolbar .pop-code h3 b { display: block; font-size: 14px; font-weight: normal; }
.toolbar .qq span { background-position: -35px -47px; }
.toolbar .qq:hover { background-color: rgb(246, 132, 0); border-radius: 100%; }
.toolbar .qq:hover span { background-position: 0px -47px; }
.toolbar .tel span { background-position: -35px 0px; }
.toolbar .tel:hover { background: rgb(246, 132, 0) none repeat scroll 0% 0%; }
.toolbar .tel:hover span { background-position: 0px 0px; }
.toolbar .code span { background-position: -35px -95px; }
.toolbar .code:hover { background-color: rgb(246, 132, 0); border-radius: 100%; }
.toolbar .code:hover span { background-position: 0px -95px; }
.toolbar .top span { background-position: -35px -142px; }
.toolbar .top:hover { background-color: rgb(246, 132, 0); border-radius: 100%; }
.toolbar .top:hover span { background-position: 0px -142px; }
.toolbar dd:hover {  }
/* ::::: https://www.yujianshengjian.com/skin/css/aos.css ::::: */

[aos][aos][aos-easing="ease"], body[aos-easing="ease"] [aos] { transition-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1); }
[aos][aos][aos-easing="ease-out-back"], body[aos-easing="ease-out-back"] [aos] { transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275); }
[aos][aos][aos-duration="700"], body[aos-duration="700"] [aos] { transition-duration: 0.7s; }
[aos][aos][aos-duration="1000"], body[aos-duration="1000"] [aos] { transition-duration: 1s; }
[aos][aos][aos-delay="100"], body[aos-delay="100"] [aos] {  }
.aos-animate[aos][aos][aos-delay="100"], body[aos-delay="100"] .aos-animate[aos] { transition-delay: 0.1s; }
[aos][aos][aos-delay="200"], body[aos-delay="200"] [aos] {  }
.aos-animate[aos][aos][aos-delay="200"], body[aos-delay="200"] .aos-animate[aos] { transition-delay: 0.2s; }
[aos][aos][aos-delay="300"], body[aos-delay="300"] [aos] {  }
.aos-animate[aos][aos][aos-delay="300"], body[aos-delay="300"] .aos-animate[aos] { transition-delay: 0.3s; }
[aos][aos][aos-delay="400"], body[aos-delay="400"] [aos] {  }
[aos][aos][aos-delay="500"], body[aos-delay="500"] [aos] {  }
[aos][aos][aos-delay="600"], body[aos-delay="600"] [aos] {  }
[aos][aos][aos-delay="700"], body[aos-delay="700"] [aos] {  }
[aos^="fade"][aos^="fade"] { opacity: 0; transition-property: all; }
.aos-animate[aos^="fade"][aos^="fade"] { opacity: 1; }
[aos="fade-up"] { transform: translate(0px, 100px); }
.aos-animate[aos="fade-up"] { transform: translate(0px, 0px); }
[aos="fade-right"] { transform: translate(-100px, 0px); }
.aos-animate[aos="fade-right"] { transform: translate(0px, 0px); }
[aos="fade-left"] { transform: translate(100px, 0px); }
.aos-animate[aos="fade-left"] { transform: translate(0px, 0px); }
/* ::::: https://www.yujianshengjian.com/skin/css/common.css ::::: */

a { text-decoration: none; outline: 0px none; transition: all 0.3s ease-in-out 0s; }
* { margin: 0px; }
input, textarea { -moz-user-select: text; }
.comment-show-box .xz-cb::after { display: block; clear: both; visibility: hidden; height: 0px; overflow: hidden; content: "."; }









body, p, h1, h2, h3, h4, h5, h6, li, span, i, ul, img, a, strong, input { margin: 0px; padding: 0px; font-family: "microsoft yahei"; }
body { font-size: 14px; }
li { list-style-type: none; float: left; }
a { text-decoration: none; outline: medium none; }
img { border: medium none; }
i { font-style: normal; }
input, select, textarea { outline: medium none; text-indent: 6px; }
div { margin: 0px auto; }
.fl { float: left; }
.fr { float: right; }
.product { width: 100%; display: table; padding-bottom: 10px; }
.product h5 { padding-left: 35px; position: relative; line-height: 82px; }
.product h5 b { font-size: 24px; color: rgb(51, 51, 51); margin-right: 25px; }
.product h5 i { color: rgb(153, 153, 153); font-weight: normal; }
.product h5::after { content: ""; position: absolute; left: 0px; top: 50%; margin-top: -12px; width: 10px; height: 24px; background-color: rgb(255, 51, 51); }
.product h5 a { display: inline-block; width: 80px; height: 30px; background-color: rgb(255, 51, 51); line-height: 30px; text-align: center; color: rgb(255, 255, 255); border-radius: 2px; font-weight: normal; float: right; margin-top: 26px; text-transform: uppercase; font-size: 14px; }
.product h5 a:hover { background-color: rgb(221, 51, 51); }
.product-list { width: 100%; display: table; background: transparent url('bg.png') no-repeat scroll center top; min-height: 200px; position: relative; }
.product-list .wid { width: 1200px; height: 250px; overflow: hidden; position: relative; }
.product-list span.prev { display: inline-block; width: 60px; height: 60px; background: transparent url('prev.png') no-repeat scroll center center; position: absolute; left: 50%; top: 50%; z-index: 9; margin-left: -700px; margin-top: -60px; cursor: pointer; }
.product-list span.next { display: inline-block; width: 60px; height: 60px; background: transparent url('next.png') no-repeat scroll center center; position: absolute; right: 50%; top: 50%; z-index: 9; margin-right: -700px; margin-top: -60px; cursor: pointer; }
.product-list ul { width: 200%; display: table; position: absolute; left: 0px; top: 0px; }
.product-list ul li { width: 272px; height: 250px; margin-right: 10px; }
.product-list ul li h4 { width: 100%; height: 185px; }
.product-list ul li h4 img { max-height: 100%; max-width: 100%; }
.product-list ul li p { line-height: 60px; font-size: 16px; text-align: center; color: rgb(68, 68, 68); }
.banns { width: 100%; height: 156px; background: transparent url('images/ban11.jpg') no-repeat scroll center center; }
.project { width: 100%; display: table; }
.tag { width: 100%; height: 60px; line-height: 60px; background: transparent url('bg2.jpg') no-repeat scroll center center; }
.tag h5 { font-size: 24px; color: rgb(255, 255, 255); padding-left: 35px; position: relative; float: left; }
.tag ul { height: 60px; padding-left: 80px; float: left; }
.tag h5::after { content: ""; position: absolute; left: 0px; top: 50%; margin-top: -12px; width: 10px; height: 24px; background-color: rgb(255, 255, 255); }
.tag ul li { font-size: 18px; color: rgb(255, 255, 255); font-weight: bold; padding: 0px 18px; position: relative; }
.tag ul li::after { content: ""; position: absolute; right: -4px; top: 50%; width: 4px; height: 20px; background-color: rgb(255, 255, 255); margin-top: -9px; }
.tag ul li.acti { color: rgb(255, 255, 0); }
.tag ul li:last-child::after { width: 0px; }
.tag a.more { display: inline-block; width: 80px; height: 30px; background-color: rgb(255, 255, 255); line-height: 30px; text-align: center; color: rgb(255, 51, 51); border-radius: 2px; font-weight: normal; float: right; margin-top: 15px; text-transform: uppercase; font-size: 14px; }
.tag a.more img { margin-left: 5px; position: relative; top: -1px; }
.project-col { display: table; padding-bottom: 20px;}
.project-col ul { width: 1220px; display: table; padding-top: 10px; margin-left: -20px; }
.project-col ul li { width: 283px; height: 268px; border: 1px solid rgb(222, 222, 222); margin-top: 10px; margin-left: 20px; transition: all 0.6s ease 0s; }
.project-col ul li h4 { width: 100%; height: 195px; }
.project-col ul li h4 img { max-height: 100%; max-width: 100%; }
.project-col ul li h6 { text-align: center; }
.project-col ul li h6 a { width: 260px; height: 40px; background-color: rgb(159, 164, 169); display: inline-block; line-height: 40px; font-size: 18px; font-weight: bold; color: rgb(255, 255, 255); transition: all 0.6s ease 0s; margin-top: 12px; }
.project-col ul li h3 { width: 260px; margin: 0px auto; border-bottom: 1px solid rgb(239, 239, 239); padding-bottom: 10px; }
.project-col ul li h3 span { line-height: 44px; font-weight: normal; font-size: 16px; color: rgb(102, 102, 102); }
.project-col ul li h3 span em { font-style: normal; color: rgb(255, 51, 51); font-weight: bold; }
.project-col ul li h3 p { font-weight: normal; color: rgb(153, 153, 153); font-size: 14px; line-height: 24px; }
.project-col ul li h5 { line-height: 50px; padding: 0px 11px; font-size: 14px; color: rgb(255, 51, 51); }
.project-col ul li h5 a { float: right; color: rgb(102, 102, 102); font-weight: normal; }
.project-col ul li h5 a:hover { color: rgb(255, 51, 51); }
.project-col ul li:hover { box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.5); }
.project-col ul li:hover h6 a { background-color: rgb(255, 51, 51); color: rgb(255, 255, 255); }
.banns-m { background: transparent url('images/ban22.jpg') no-repeat scroll center center; }
.team { display: table; width: 100%; }
.team-col { width: 100%; height: 518px; background: transparent url('bg3.jpg') no-repeat scroll center center; }
.team-col ul { width: 100%; height: 518px; overflow: hidden; }
.team-col .wid { position: relative; display: table; }
.team-col .wid span.prev { width: 80px; height: 80px; display: inline-block; background: transparent url('prev2.png') no-repeat scroll center center; position: absolute; left: 50%; top: 50%; margin-left: -600px; margin-top: -40px; cursor: pointer; }
.team-col .wid span.next { width: 80px; height: 80px; display: inline-block; background: transparent url('next2.png') no-repeat scroll center center; position: absolute; right: 50%; top: 50%; margin-right: -600px; margin-top: -40px; cursor: pointer; }
.team-col ul li { width: 100%; height: 100%; }
.team-img { width: 552px; height: 100%; position: relative; }
.team-img img { position: absolute; right: 100px; bottom: 0px; }
.team-intr { display: table; padding-top: 120px; }
.team-intr h3 { line-height: 50px; color: rgb(51, 51, 51); font-size: 24px; }
.team-intr h5 { width: 380px; display: table; line-height: 46px; font-size: 16px; color: rgb(102, 102, 102); }
.team-intr p { padding: 6px 0px; color: rgb(132, 132, 132); line-height: 34px; }
.team-intr p span { color: rgb(102, 102, 102); font-weight: bold; display: block; float: left; }
.team-intr p em { display: inline-block; font-style: normal; }
.case { display: table; padding-bottom: 10px; }
h5.tits { text-align: center; padding: 45px 0px 20px; }
h5.tits b { font-size: 24px; color: rgb(51, 51, 51); line-height: 40px; }
h5.tits em { font-style: normal; display: block; font-weight: normal; line-height: 26px; color: rgb(153, 153, 153); font-size: 14px; }
.case-col { width: 100%; display: table; }
.case-tag { width: 295px; height: 440px; background: transparent url('bg4.jpg') no-repeat scroll center center; }
.case-tag ul { float: right; width: 172px; padding-top: 58px; }
.case-tag ul li { width: 170px; height: 50px; border: 1px solid rgb(112, 116, 121); margin: 9px 0px; }
.case-tag ul li span { display: inline-block; float: left; width: 64px; height: 100%; margin-left: 12px; text-align: center; }
.case-tag ul li span img { margin-top: 5px; }
.case-tag ul li em { font-style: normal; line-height: 50px; color: rgb(255, 255, 255); }
.case-tag ul li.acti { background-color: rgb(255, 0, 0); border: 1px solid rgb(255, 0, 0); }
.case-list { width: 1220px; height: 440px; }
.case-list ul { height: 460px; margin-top: -20px; width: 1220px; margin-left: -20px; float: right; display: none; }
.case-list ul.show { display: block; }
.case-list ul li { width: 281px; height: 210px; margin-top: 20px; margin-left: 20px; }
.case-list ul li img { width: 100%; height: 100%; }



.biankuang {
	border: 1px solid #E3E3E3;
}
.nextpage {
	color:#FFFFFF;
	top: 0;
	position: fixed;
	height:80px;
	opacity:1;
	filter: alpha(opacity=90);
	line-height:20px;
	width: 100%;
	z-index: 999;
	_top:auto;
	_width: 100%;
	_position: absolute;
    _top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||0)));
	background-color: #FFFFFF;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;