.topbar { height: 30px; line-height: 30px; min-width: 1200px; background: #f5f5f5; }
.topbar .wrap { width: 1200px; margin: 0 auto; }
.topbar .huanyin { float: left; color: #616161; }
.topbar .rexian { float: right; color: #616161; }
.topbar .rexian i { display: inline-block; float: left; margin-top: 9px; width: 15px; height: 15px; background: url(/uploads/image/phimages/ico_rexian.png) no-repeat; margin-right: 5px; }
.topbar .rexian span { display: inline-block; vertical-align: top; }

.headerbar { height: 100px; position: relative; z-index: 9; }
.headerbar .wrap { width: 1200px; margin: 0 auto; }
.headerbar .logo { float: left; margin-top: 34px; }
.headerbar .navbar { float: right; margin-top: 43px; font-size: 14px; }
.headerbar .navbar li { float: left; height: 58px; margin-left: 4px; position: relative; }
.headerbar .navbar li h3 { display: block; font-weight: normal; height: 32px; position: relative; line-height: 32px; }
.headerbar .navbar li h3 a { display: block; padding: 0 18px; }
.headerbar .navbar li .dropdwon { display: none; background-color: rgba(255, 255, 255, 0.75); -ms-filter: "progid:dximagetransform.microsoft.gradient(startcolorstr='#77ffffff', endcolorstr='#77ffffff')"; /*ie8*/ position: absolute; left: 50%; width: 106px; margin-left: -53px; top: 57px; padding: 10px 0; }
.headerbar .navbar li .dropdwon .it { text-align: center; height: 29px; line-height: 29px; border-bottom: 1px dashed #dedfdf; margin: 0 10px; }
.headerbar .navbar li .dropdwon .it:last-child { border-bottom: none; }
.headerbar .navbar li.active h3, .headerbar .navbar li.on h3 { background: #2b7fde; }
.headerbar .navbar li.active h3 a, .headerbar .navbar li.on h3 a { color: #fff; }
.headerbar .navbar li.active em, .headerbar .navbar li.on em { display: block; width: 7px; height: 4px; background: url(/uploads/image/phimages/ico_cur.png) no-repeat; position: absolute; left: 50%; margin-left: -3px; bottom: -4px; }

.bannerbar { height: 500px; margin: 0 auto; position: relative; min-width: 1200px; }
.bannerbar li a { display: block; height: 500px; background-repeat: no-repeat; background-position: center 0; }
.bannerbar .hd { position: absolute; bottom: 106px; width: 100%; left: 0; text-align: center; }
.bannerbar .hd li { display: inline-block; width: 18px; height: 18px; border: 2px solid #fff; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; margin: 0 9px; text-indent: -999px; overflow: hidden; cursor: pointer; }
.bannerbar .hd li.on { background: #fff; }

.sortbar { position: relative; z-index: 10; margin-top: -80px; }
.sortbar .wrap { width: 1200px; margin: 0 auto; }
.sortbar ul li { float: left; width: 240px; height: 130px; }
.sortbar ul li a { display: block; width: 240px; height: 130px;}
.sortbar ul li a.sort-1 { background: url(/uploads/image/phimages/index_block_1.jpg) no-repeat; }
.sortbar ul li a.sort-2 { background: url(/uploads/image/phimages/index_block_2.jpg) no-repeat; }
.sortbar ul li a.sort-3 { background: url(/uploads/image/phimages/index_block_3.jpg) no-repeat; }
.sortbar ul li a.sort-4 { background: url(/uploads/image/phimages/index_block_4.jpg) no-repeat; }
.sortbar ul li a.sort-5 { background: url(/uploads/image/phimages/index_block_5.jpg) no-repeat; }
.sortbar ul li .topl { height: 77px; line-height: 77px; padding-left: 28px; color: #fff; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; -ms-transition: all 0.3s; transition: all 0.3s; }
.sortbar ul li .topl h2 { display: inline; font-weight: normal; font-size: 20px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; -ms-transition: all 0.3s; transition: all 0.3s; }
.sortbar ul li .topl span { font-size: 9px; margin-left: 5px; text-transform: uppercase; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; -ms-transition: all 0.3s; transition: all 0.3s; }
.sortbar ul li i.ico-add { display: block; width: 23px; height: 23px; background: url(/uploads/image/phimages/ico_add.png) no-repeat; opacity: 0.5; filter: alpha(opacity=50); margin-left: 28px; }
.sortbar ul li a:hover { opacity: 1; filter: alpha(opacity=100); }
.sortbar ul li a:hover .topl { padding-left: 20px; }
.sortbar ul li a:hover .topl h2 { font-size: 22px; }
.sortbar ul li a:hover .topl span { font-size: 10px; }
.sortbar ul li a:hover i.ico-add { opacity: 1; filter: alpha(opacity=100); }

@media screen and (-webkit-min-device-pixel-ratio: 0) { .sortbar ul li .topl span { -webkit-transform: scale(0.8); -o-transform: scale(1); display: inline-block; margin: 0 -20px 0 -6px; } }
.mianbox { padding: 12px 0 0; }
.mianbox .wrap { width: 1200px; margin: 0 auto; }

.introbx { border-bottom: 1px solid #dbdbdb; height: 330px; width: 378px; }
.introbx .title { height: 42px; line-height: 42px; border-bottom: 1px solid #dbdbdb; position: relative; }
.introbx .title h2 { display: inline-block; height: 41px; float: left; border-bottom: 3px solid #2b7fde; font-size: 16px; font-weight: normal; }
.introbx .cont { padding: 1px 0 0; }
.introbx a.btn-lookmore { display: block; width: 102px; height: 26px; font-size: 14px; color: #fff; background: #dbdbdb; -webkit-border-radius: 13px; -moz-border-radius: 13px; border-radius: 13px; text-align: center; line-height: 26px; }
.introbx a.btn-lookmore:hover { background: #2b7fde; }

.introbx a.lookmore { display: block; width: 102px; height: 26px; font-size: 14px; color: #fff; background: #2b7fde; -webkit-border-radius: 13px; -moz-border-radius: 13px; border-radius: 13px; text-align: center; line-height: 26px; float: right; margin-top: 8px;}

.introct .img { border: 1px solid #dcdcdc; padding: 5px; margin-top: 15px; }
.introct .img img { width: 365px; height: 147px; }
.introct p { line-height: 22px; padding: 10px 0; }

.tabbx { margin: 0 32px; }
.tabbx .title h2 { border-bottom: 3px solid transparent; color: #666; margin-right: 20px; cursor: pointer; }
.tabbx .title h2.on { color: #000; border-bottom: 3px solid #2b7fde; }

.tablist { padding: 15px 0; }
.tablist ul { margin-bottom: 10px; }
.tablist ul li a { display: block; font-size: 14px; height: 30px; line-height: 30px; padding-left: 15px; background: url(/uploads/image/phimages/ico_dot.png) no-repeat 0 14px; }
.tablist ul li h2 { float: left; font-weight: normal; font-size: 14px; }
.tablist ul li span { float: right; color: #777777; font-size: 12px; }
.tablist ul li a:hover { background-color: #fafafa; background-position: 0 -20px; }

.videobx .img { margin: 15px auto; position: relative; width: 375px; height: 209px; overflow: hidden; }
.videobx .img a { display: block; }
.videobx .img i.ico { display: block; width: 70px; height: 70px; background: url(/uploads/image/phimages/ico_paly.png) no-repeat; position: absolute; left: 50%; margin-left: -35px; top: 50%; margin-top: -35px; }
.videobx .img a:hover { opacity: .9; }
.videobx .videobxinner { margin: 15px auto; position: relative; width: 375px; height: 209px; overflow: hidden; }
.videobx .sharebar span { float: left; display: inline-block; font-size: 14px; color: #444; line-height: 28px; margin-right: 5px; }
.videobx .sharebar .bdsharebuttonbox { float: left; }

.footer { width: 1200px; margin: 0 auto; height: 48px; line-height: 48px; color: #777777; }
.footer .fl p { display: inline-block; vertical-align: middle; }
.footer .fl span { display: inline-block; vertical-align: middle; margin-top: -2px; }
.footer .fl span img { vertical-align: middle; }

.bannerbar-inner { background: #f2f2f5; height: 180px; text-align: center; }
.bannerbar-inner .wrap { width: 1200px; margin: 0 auto; }

.m-content { width: 1200px; margin: 10px auto; background: #f2f2f5; min-height: 560px; }
.m-content .m-side { width: 177px; background: #2b7fde; }
.m-content .m-side .tit { width: 177px; height: 100px; background: url(/uploads/image/phimages/bg_side_top.jpg) no-repeat; font-size: 20px; text-indent: 36px; line-height: 100px; }
.m-content .sideul { padding: 10px 0; }
.m-content .sideul li { text-align: center; line-height: 40px;}
.m-content .sideul li a { display: block; color: #fff; font-size: 14px; position: relative;padding: 0 16px;}
.m-content .sideul li.cur a { background: #005fcb; }
.m-content .sideul li a:hover { background: #005fcb; }
.m-content .sideul li a i{font-family: '宋体';font-style: normal;position: absolute;height: 40px;line-height: 40px;top: 0;right: 0;width: 40px;text-align: center;}
.m-content .m-cont { width: 1023px; background: #fff; min-height: 560px; }
.m-content .m-cont .minner { margin-left: 34px; }
.m-content .sideul .dropdown{border-top: 1px solid #407ec4;display: none;padding: 4px 0;background: #005fcb;}
.m-content .sideul .dropdown a{font-size: 12px;line-height: 32px;color: #ccc;display: block;}
/* .m-content .sideul .dropdown a:before{content: '';display: inline-block;width: 10px;height: 2px;background: #fff;vertical-align: top;margin: 15px 4px 0 18px;} */
.m-content .sideul .dropdown a:hover{color: #fff;}
.m-content .sideul li.cur .dropdown{display: block;}
.m-content .sideul .dropdown a.cur{color: #fff; background: #005fcb;}
.honor-list{padding: 20px 50px;}
.honor-list li{float: left;width: 48%;margin: 0 1% 20px;text-align: center;}
.honor-list li img{max-width: 80%;border: 2px solid #fff; height: 250px;}
.honor-list li img:hover{border-color: #f60;}
.honor-list li p{line-height: 40px;font-size: 16px;}
.m-content .sideul .textl a{text-align: left;}

.m-content .m-cont .minner .video{width: 600px;margin: 0 auto;}

.artmain table{border-left:2px solid #337fe5;margin-left: 5%;border-collapse: collapse;}
.artmain table td{padding: 15px 0;position: relative;left: -2px;}


.artbx .tit { margin: 50px auto 30px; width: 442px; border-top: 1px solid #ccc; text-align: center; }
.artbx .tit h2 { display: inline-block; background: #fff; font-size: 36px; padding: 0 10px; margin-top: -55px; color: #585858; }
.artbx .tit span { display: block; color: #8d8d8d; font-size: 14px; }

.artmain p { font-size: 14px; line-height: 26px; padding: 10px 0; }
.artmain p img {width: 100%;height: auto;}
.artmain .img { text-align: center; }
.artmain .img img { max-width: 100%; }

.fenxiaobx { border-top: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5; height: 52px; line-height: 52px; text-align: right; margin-bottom: 20px; }
.fenxiaobx span { display: inline-block; vertical-align: middle; color: #777777; }
.fenxiaobx .bdsharebuttonbox { display: inline-block; vertical-align: middle; }

.newslitbx li { border-bottom: 1px solid #d4d4d4; }
.newslitbx li a { display: block; padding: 16px 0; }
.newslitbx li .img { float: left; width: 198px; height: 128px; }
.newslitbx li .img img { width: 198px; height: 128px; }
.newslitbx li .info { float: left; margin-left: 38px; width: 460px; }
.newslitbx li .info h2 { font-size: 16px; font-weight: normal; padding: 20px 0 15px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.newslitbx li .info p { line-height: 22px; color: #777777; }
.newslitbx li .datetime { float: right; text-align: right; border-right: 1px solid #d3d3d3; height: 36px; margin: 24px 10px 0 0; }
.newslitbx li .datetime span { display: block; font-size: 24px; color: #a3a3a3; line-height: 1; padding: 0 10px; }
.newslitbx li .datetime em { display: block; font-size: 14px; color: #a3a3a3; padding: 0 10px; }
.newslitbx li a:hover { background: #fafafa; }

.pages { padding: 26px 0; text-align: center; }
.pages a { display: inline-block; width: 36px; height: 36px; background: #f1f1f1; margin: 0 2px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; line-height: 36px; font-size: 14px; vertical-align: middle; position: relative; }
.pages a.active { background: #2b7fde; color: #fff; }
.pages a.sl { background: none; width: 20px; font-size: 12px; }
.pages a i { display: block; width: 8px; height: 12px; position: absolute; left: 50%; margin-left: -4px; top: 50%; margin-top: -6px; }
.pages a i.ico-prev { background: url(/uploads/image/phimages/ico_prev.png) no-repeat; }
.pages a i.ico-next { background: url(/uploads/image/phimages/ico_next.png) no-repeat; }

.curlocal { margin-top: 15px; height: 39px; line-height: 39px; border-top: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5; color: #676767; }

.artbx .tit-m { padding: 38px 0 20px; margin-bottom: 10px; border-bottom: 1px solid #e5e5e5; text-align: center; }
.artbx .tit-m h2 { font-weight: normal; font-size: 28px; }
.artbx .tit-m p { font-size: 12px; color: #777777; }

.solvebx .t { border-bottom: 1px solid #d4d4d4; height: 48px; }
.solvebx .t h2 { float: left; margin-left: 15px; font-size: 20px; font-weight: normal; line-height: 48px; }
.solvebx .t a.btn-lookmore { float: right; display: block; width: 102px; height: 26px; margin: 10px 15px; font-size: 14px; color: #fff; background: #dbdbdb; -webkit-border-radius: 13px; -moz-border-radius: 13px; border-radius: 13px; text-align: center; line-height: 26px; }
.solvebx .t a.btn-lookmore:hover { background: #2b7fde; }
.solvebx .ct { padding: 18px 0; }
.solvebx .ct ul li { float: left; width: 300px; margin: 0 0 0 25px; text-align: center; }
.solvebx .ct ul li a { display: block; }
.solvebx .ct ul li .img { width: 300px; height: 200px; }
.solvebx .ct ul li .img img { width: 298px; height: 198px; border: 1px solid transparent; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; -ms-transition: all 0.3s; transition: all 0.3s; }
.solvebx .ct ul li p { font-size: 14px; line-height: 50px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; -ms-transition: all 0.3s; transition: all 0.3s; }
.solvebx .ct ul li a:hover .img img { border: 1px solid #2b7fde; }
.solvebx .ct ul li a:hover p { font-size: 16px; }

.solvebpro { border-bottom: 1px solid #d4d4d4; }

.pro-tit { height: 40px; border-bottom: 1px solid #0075c2; background: #f2f2f2; }
.pro-tit li { float: left; width: 102px; }
.pro-tit li a { display: block; line-height: 40px; font-size: 14px; text-align: center; cursor: pointer; }
.pro-tit li.cur a { background: #0075c2; color: #fff; }
.proitemcon{display: none;}

.artbx-cpjs { margin-bottom: 20px; }

.solvebpro-cpzs { border-bottom: none; }

.caselistbx { border-bottom: 1px solid #d4d4d4; }
.caselistbx ul { margin-left: -41px; padding: 10px 0; }
.caselistbx ul li { float: left; width: 214px; margin: 10px 0 0 41px; text-align: center; }
.caselistbx ul li a { display: block; }
.caselistbx ul li .img { width: 214px; height: 275px; }
.caselistbx ul li .img img { width: 214px; height: 275px; border: 1px solid transparent; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; -ms-transition: all 0.3s; transition: all 0.3s; }
.caselistbx ul li p { font-size: 14px; line-height: 50px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; -ms-transition: all 0.3s; transition: all 0.3s; }
.caselistbx ul li a:hover .img img { border: 1px solid #2b7fde; }
.caselistbx ul li a:hover p { font-size: 16px; }

.artmain-talent { padding-bottom: 20px; }
.artmain-talent p { color: #444; }

.m-content-contact { padding: 23px 0 0; }
.m-content-contact .wrap2 { width: 1200px; margin: 0 auto; }
.m-content-contact .contactusbx .tit { margin: 50px auto 30px; width: 442px; border-top: 1px solid #ccc; text-align: center; }
.m-content-contact .contactusbx .tit h2 { display: inline-block; background: #fff; font-size: 36px; padding: 0 10px; margin-top: -55px; color: #585858; }
.m-content-contact .contactusbx .tit span { display: block; color: #8d8d8d; font-size: 14px; }
.m-content-contact .contactusbx .ctcbx { padding-bottom: 50px; }
.m-content-contact .contactusbx .ctcbx .item { float: left; margin-left: 60px; width: 285px; margin-bottom: 30px;}
.m-content-contact .contactusbx .ctcbx .item .t { font-size: 20px; margin-bottom: 10px; }
.m-content-contact .contactusbx .ctcbx .item p { line-height: 26px; font-size: 14px; color: #444; }
.m-content-contact .contactusbx .ctcbx .line { float: left; width: 1px; height: 442px; background: #ccc; }
.m-content-contact .contactusbx .ctcbx .item2 { float: left; margin-left: 96px; width: 280px; }
.m-content-contact .contactusbx .ctcbx .item2 p{line-height: 22px; font-size: 14px; color: #444; }
.m-content-contact .contactusbx .ctcbx .item2 .telephone i { display: inline-block; float: left; width: 20px; height: 20px; background: url(/uploads/image/phimages/ico_rexian2.png) no-repeat; margin-right: 5px; }
.m-content-contact .contactusbx .ctcbx .item2 .telephone span { font-size: 16px; display: inline-block; vertical-align: top; }
.m-content-contact .contactusbx .ctcbx .item2 h2 { font-size: 26px; font-weight: normal; line-height: 1; color: #444; }

.wentilistbx { border-top: 1px solid #d4d4d4; margin-top: 20px; }
.wentilistbx dl { border-bottom: 1px solid #d4d4d4; padding: 15px 10px; }
.wentilistbx dl dt { display: block; line-height: 30px; }
.wentilistbx dl dt i { display: inline-block; width: 30px; height: 30px; background: url(/uploads/image/phimages/ico_q.png) no-repeat; float: left; margin-right: 10px; }
.wentilistbx dl dt span { font-size: 20px; }
.wentilistbx dl dd { margin-left: 37px; line-height: 25px; color: #777777; font-size: 14px; padding: 5px 0; }

.contactusbx .qr{margin-top: 16px;}
.contactusbx .qr-wp{margin-right: 16px;}
.contactusbx .qr-wp p{text-indent: 6px;font-size: 14px;color: #444444;}
.contactusbx .item .ct-img{width: 214px;height: 111px;border: 4px solid #eee;border-radius: 3px;overflow: hidden;margin-bottom: 10px;}
.contactusbx .item .ct-img img{width: 100%;}