body {font-size: 14px; font-family: "Helvetica Neue", Helvetica, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "微软雅黑", Arial, sans-serif; }
* { padding: 0px; margin: 0px; }
h3, p { padding: 0px; margin: 0px; }
*, *:before, *:after { box-sizing: border-box; }
ul li { list-style: none; }
a { color: #333; transition:.3s; text-decoration: none; }
a:hover { color: #3b76c2;  text-decoration: none; }

.col-lg-12 { overflow: hidden; padding: 0; }
.container { width: 1200px; margin: 0 auto; }
.w1200 { width: 1200px; margin: 0 auto; }
.mt40 { margin: 40px 0; }
.container1 { width: 100%; background: #212121; padding: 0 0px; }
.row { padding: 0; margin: 0 auto; }
#_nav li a.hover { color: #ffffff; }
#city_nav li a.hover, #sy_nav li a.hover { color: #ffffff; background: #ff0000; }
.clear { clear: both; }

/*body*/
header { padding: 30px 0px; overflow: hidden; }
header .phone { overflow: hidden; float: right; margin-top: 15px; background: url(../images/phone.png) no-repeat left center; padding-left: 55px; }
header  p, header h3 { margin: 0; padding: 0; }
header .phone p { font-size: 16px; color: #6d6d6d; line-height: 24px; }
nav {background: #ffffff;height: 48px;color: #292929;}
.nav li {float: left;width: 133px;position: relative;height: 48px;line-height: 48px;}
.nav>li>a {color: #000000;text-align: center;font-size: 16px;padding: 0;}
.nav>li>a:link { background: none; }
.nav>li>a:hover, .nav>li>a.active {color: #000;background: none;}
.nav .hb-first-li ul li a { color: #fff; width: 133px; height: 36px; overflow: hidden; }
.hb-first-li .active, .hb-first-li a:hover { background-color: #0094d9; color: #fff; display: block; }
.nav .hb-first-li>ul { position: absolute; width: 133px; background-color: rgba(24, 24, 24, 0.76); z-index: 20; padding: 0; border-top: 2px solid #eaeaea; opacity: 0; transition: all .5s ease 0s; -webkit-transform: translate3d(0, 10px, 0); visibility: hidden }
.nav .hb-first-li:hover ul{ opacity: 1; transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -webkit-transform: translate3d(0, 0, 0); visibility: visible }
.nav .hb-first-li>ul li { height: 34.18px; line-height: 36px; width: 100%; text-align: center; border-bottom: 1px solid rgba(226, 226, 226, 0.37); transition: all .3s ease-out 0s }


/*header*/
.zbleft { width: 800px; padding-bottom: 50px; }
.zbright { width: 380px; padding-bottom: 50px; }
.abtitle { border-bottom: 1px solid #c8c8c8; padding-bottom: 13px; padding-top: 30px; margin-bottom: 20px; }
.abtitle h3 { padding-top: 15px; }
.abtitle em {font-family: Impact;color: #9e9e9e;font-size: 52px;float: left;font-style: normal;padding-right: 5px;border-bottom: 1px solid #9e9e9e;/* margin-bottom: -1px; */padding-top: -2px;}
.abtitle i { color: #9e9e9e;/* display: block; */ font-style: normal; }
.abtitle span a { font-size: 12px; color: #fff; background: #9e9e9e; padding: 2px 5px; }
.abtitle span a:hover { background: #3b76c2; }
.ab_list { width: 370px; }
.ab_list1 { width: 100%; }
.ab_list1 img { width: 240px; }
.ab_intro { width: 400px; }
.ab_intro h3 { line-height: 50px; }
.ab_intro .p { line-height: 30px; font-size: 14px; margin-bottom: 15px; }
.ab_intro span a { font-size: 12px; color: #fff; background: #f2701a; padding: 4px 10px; }
.ab_list img { width: 100%; }
.ab_list .swiper-container-horizontal>.swiper-pagination { bottom: 15px }
.ab_list .swiper-pagination-bullet { width: 12px; height: 12px; background: #3b76c2; opacity: .3 }
.ab_list .swiper-pagination-bullet-active { opacity: 1 }
.c_news dl { overflow: hidden; width: 100%; margin-bottom: 25px; }
.c_news dt { overflow: hidden; float: left; }
.c_news dd { overflow: hidden; width: 520px; float: right; }
.c_news dd h4 { font-size: 17px; font-weight: normal; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.c_news dd h4 a { color: #1e1e1e; }
.c_news dd em { display: block; font-size: 14px; color: #c9c9c9; font-family: Arial; line-height: 20px; }
.c_news dd p { font-size: 15px; color: #858585; line-height: 24px; height: 48px; overflow: hidden; width: 100%; }
.c_news ul { overflow: hidden; width: 45%; }
.c_news ul li { overflow: hidden; font-size: 15px; line-height: 32px; width: 100%; background: url(../images/news_s.png) no-repeat left center; overflow: hidden; }
.c_news li a { display: block; float: left; margin-left: 10px; width: 270px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; color: #1e1e1e; }
.c_news li span { float: right; color: #959494; font-size: 14px; font-family: Arial }
.vshow { width: 100%; background: #3b76c2; height: 246px; }
.yw_show {background: #9e9e9e;padding: 15px 10px;padding-top: 5px;}
.yw_show ul { display: flex; flex-flow: wrap; justify-content: center; }
.yw_show ul li {width: 107px;margin-right: 10px;margin-top: 15px;}
.yw_show ul li img:hover{box-shadow: 0 15px 30px rgba(230, 230, 230, 0.2);
	transform: translate3d(0, -5px, 0);
	-webkit-transform: translate3d(0, -5px, 0);}
.yw_show ul li img {width: 107px;height: 107px;border-radius: 100%;border: 2px solid #fff; transition: 0.3s all;-webkit-transition: 0.3s all;-webkit-transform: translate3d(0, 0, 0);}
.yw_show ul li span { display: block; text-align: center; line-height: 30px; color: #333; }
.ct_intro { padding-top: 10px; font-size: 16px; }
.ab_banner { width: 100%; height: 400px; background: url(../images/about-banner.jpg) no-repeat center top; }
.sub-nav { margin-top: -97px; float: left; width: 26%; }
.sub-nav h3 {padding-left: 46px;height: 97px;line-height: 97px;font-weight: normal;font-size: 28px;background-color: #666666;color: #fff;letter-spacing: 2px;}
.sub-nav ul {background-color: #ececec;}
.sub-nav ul li {border-bottom: 1px dashed #dbdbdb;}
.sub-nav ul li:last-child { border-bottom: 0; }
.sub-nav ul li.now { border-bottom: 0; }
.sub-nav ul li.now a { background-color: #838282; color:#fff;}
.sub-nav ul a {display: block;padding: 25px 25px 25px 47px;font-size: 18px;color: #080808;}
.sub-nav ul a:hover { padding: 25px 20px 25px 55px; background-color: #838282; color:#fff; }
.sub-nav ul span { float: right; }
.inside-right { padding-bottom: 50px; width: 69%; float: right; }
.inside-right .title {border-bottom: 1px solid #ddd;margin-bottom:  15px;}
.inside-right .title h4 {margin-bottom: -1px;padding: 20px 15px;float: left;padding-left:  0;font-weight: normal;font-size: 18px;color: #000000;border-bottom: 2px solid #808080;}
.inside-right .crumbs {margin-top: 30px;
    float: right;
    background: url(../images/zy.jpg) left center no-repeat;
    padding-left: 20px;}
.inside-right .crumbs a, .inside-right .crumbs span { margin: 0 5px; }
.inside-right .crumbs span { color: #3c70ca; }

.content .title {border-bottom: 1px solid #ddd;margin-bottom:  15px;}
.content .title h4 {margin-bottom: -1px;padding: 20px 15px;float: left;padding-left:  0;font-weight: normal;font-size: 18px;color: #000000;border-bottom: 2px solid #808080;}
.content .crumbs {margin-top: 30px;
    float: right;
    background: url(../images/zy.jpg) left center no-repeat;
    padding-left: 20px;}
.content .crumbs a, .content .crumbs span { margin: 0 5px; }
.content .crumbs span { color: #3c70ca; }



.inside-list { padding: 20px 0; border-bottom: 1px solid #ddd; overflow: hidden; }
.inside-list:hover { background-color: #fafafa; }
.inside-list dt { float: left; width: 23%; margin-right: 20px; }
.inside-list dd.text-title a { display: block; padding-bottom: 10px; font-size: 18px; color: #444; }
.inside-list dd.text-title a:hover { color: #3c70ca; }
.inside-list dd.summary { line-height: 26px; color: #777; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.inside-list dd.date span { margin-top: 10px; display: inline-block; border-radius: 3px; padding: 6px 10px; background-color: #f1f1f1; color: #999; }
.page { padding: 30px 0; text-align: center; }
.page a { display: inline-block; padding: 7px 14px; background-color: #b3b5b7; color: #fff; }
.page a.now { background-color: #3c70ca; }
.page a:hover { background-color: #a1a4a6; }
.article { width: 100%; float: none; animation-fill-mode: none; }
.article .content { padding: 20px 0; }
.article .article-title h3 { padding: 15px 0; font-weight: normal; font-size: 22px; text-align: center; color: #444; }
.article .article-title span { display: block; text-align: center; color: #999 }
.article .article-content p { margin: 25px 30px;	/*text-indent: 2em;*/ line-height: 32px; font-size: 16px; color: #555; text-align: justify; }
.article .article-content p img { display: block; margin: 0 auto; height: auto; }
.content{ line-height: 30px; min-height: 600px;}


.contain-news .nl-box { margin-top: 30px; position: relative; height: auto; padding: 30px 25px; border: 1px solid #e5e5e5; overflow: hidden; }
.contain-news .nl-box h2 { display: inline-block; font-size: 18px; color: #323232; font-weight: normal; padding-right: 16px; background: url(../images/icon-5.png) no-repeat right center; margin-right: 10px; }
.contain-news .nl-box span { font-size: 14px; color: #888888; }
.contain-news .nl-box p { font-size: 13px; color: #666666; line-height: 25px; margin-top: 10px; }
.contain-news .nl-box:hover { background: #f3f3f3; }
.art-box .art-head h1 { font-size: 24px; color: #435376; font-weight: normal; text-align: center; padding: 20px 0; padding-top: 40px; }
.art-box .art-head .art-about { padding: 10px 0; overflow: hidden; text-align: center; }
.art-box .art-head .art-about span { line-height: 28px; font-size: 12px; color: #888888; margin-right: 15px; position: relative;/* float:left; */ }
.art-box .art-head .art-about .bdsharebuttonbox { float: right; }
.art-box .art-block { position: relative; width: 100%; height: auto; padding: 20px 0; overflow: hidden; border-top: 1px dashed #e4e4e4; border-bottom: 1px dashed #e4e4e4; }
.art-box .art-block p { font-size: 16px; color: #666666; line-height: 30px; }
.art-box .art-page { position: relative; margin-top: 15px; }
.art-box .art-page a { display: block; font-size: 14px; color: #666666; line-height: 30px; max-width: 730px; }
.art-box .art-page a:hover { color: #003a8f; }
.art-box .art-page a em { color: #333333; }
.art-box .art-page a.art-rtn { width: 115px; height: 36px; line-height: 36px; padding-left: 21px; text-align: center; font-size: 14px; color: #ffffff; background-color: #003a8f; background-image: url(../images/icon-rtn.png); background-repeat: no-repeat; background-position: 16px center; position: absolute; top: 15px; right: 0px; }
.apage { text-align: center; padding: 40px; }
.apage a { display: inline-block;/* width:26px; */ height: 20px; line-height: 20px; margin-top: 6px; padding: 0px 10px; text-align: center; }
.apage a:hover { text-decoration: underline; }

dl.pd_list_dl {width: 260px;overflow: hidden;float: left;border: 1px solid #f2f2f2;margin-right: 16px;    margin: 0 20px;    margin-bottom: 20px;} 
dl.pd_list_dl dt, dl.pd_list_dl dt a { line-height: 0; font-size: 0; }
dl.pd_list_dl dt {/* width: 282px; *//* height: 196px; */overflow: hidden;}
dl.pd_list_dl dt img {width: 260px;height: 180px;transition: all ease 0.5s;-webkit-transition: all ease 0.5s;}
dl.pd_list_dl:hover dt img { -webkit-transform: scale(1.1); transform: scale(1.1); }
dl.pd_list_dl:hover dd { border-color: #0383dc; }
dl.pd_list_dl dd { margin-top: 3px; height: 42px; width: 280px; line-height: 42px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; position: relative; text-align: center; margin-top: 0px; border-left: 3px solid #ddd; background: #f1f1f1; }
dl.pd_list_dl dd a { color: #4c4c4c; font-size: 16px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; float: left; display: inline-block; text-align: left; width: 200px; text-indent: 12px; }
dl.pd_list_dl dd p { display: none; }
dl.pd_list_dl dd a.more { width: 80px; text-align: center; font-size: 12px; letter-spacing: 1px; color: #050505; height: 42px; line-height: 42px; }
dl.pd_list_dl_0 { padding-right: 0; }
dl.pd_list_dl.nones { padding-right: 0; }



/* focusindex */
#focusindex { height: 450px; overflow: hidden; position: relative; }
#focusindex li { height: 450px; overflow: hidden; position: absolute; width: 100%; }
#focusindex li a { display: block; height: 450px; position: absolute; width: 100%; z-index: 2 }
#focusindex .btn { position: absolute; width: 100%; height: 30px; bottom: 0; text-align: center; z-index: 9 }
#focusindex .btn span { display: inline-block; _display: inline; _zoom: 1; width: 14px; height: 14px; _font-size: 0; margin: 5px 10px; cursor: pointer; background: #dfdfdf; z-index: 9; border-radius: 50% }
#focusindex .btn span.on { background: #ed5523; z-index: 9; }
#focusindex .preNext { width: 44px; height: 44px; position: absolute; top: 180px; background: url(../images/sprite.png) no-repeat left bottom; cursor: pointer; z-index: 9; opacity: 0; transition: all 0.3s linear 0s; }
#focusindex .pre { left: 0%; z-index: 9 }
#focusindex .next { right: 0%; background-position: right bottom; z-index: 9 }
#focusindex:hover .preNext { opacity: 0.5; }
#focusindex:hover .pre { left: 10%; }
#focusindex:hover .next { right: 10%; }
#focusindex .pre:hover, #focusindex .next:hover { opacity: 1; }
.wx { padding-bottom: 20px; display: flex; flex-flow: wrap; justify-content: center; }
.wx li { width: 120px; }
.wx a { padding: 8px 15px; background: #000; color: #fff; display: block; text-align: center; box-shadow: 0 2px 6px #313030; }
.wx .selected, .wx .selected1 { background: #ef0c27; }
.w-list ul { display: flex; flex-flow: wrap; justify-content: space-between; }
.w-list ul li { width: 215px; margin-bottom: 20px; }
.w-list ul li img { width: 215px; height: 290px; border-radius: 5px; background: #fff; padding: 5px; }
.w-list ul li span { line-height: 30px; color: #fff; text-align: center; display: block }
.hj, .inf { padding: 40px 0; }
.hj .title { text-align: center; }
.hj .wx { text-align: right; padding-right: 20px; }
.hj-list ul { display: flex; flex-flow: wrap; justify-content: space-between; }
.hj-list ul li { width: 290px; height: 220px; background: #fff; margin-bottom: 20px; }
.hj-list ul li img { background: #333; width: 100%; height: 190px; }
.hj-list ul li span { text-align: center; height: 30px; line-height: 30px; display: block; color: #333; background: #CCC; }
.hj-list ul li span:hover { background: #ef0c27; color: #fff; }
.btn1 { width: 70px; height: 22px; border-radius: 13px; padding: 4px; float: right; border: 1px solid #383838; display: block; transition: all .3s ease-out 0s; }
.btn1 span { background: url(../images/btn.png) no-repeat 0 -22px; width: 34px; height: 14px; display: block; margin-left: 14px; transition: all .2s ease-out 0s; }
.btn1:hover { background: red; border: 1px solid red; }
.btn1:hover span { background: url(../images/btn.png) no-repeat 0 -38px }
.second { border: 1px solid #2e2e2e; border-left: none; border-right: none; padding: 40px 0; overflow: hidden; clear: both; }
.yxyw { width: 600px; border-right: 1px solid #2e2e2e; padding-right: 30px; }
.yxtitle { background: url(../images/t-icon.jpg) no-repeat center left; padding-left: 35px; line-height: 24px; color: #fff; font-size: 18px; position: relative; }
.ny { color: #666; }
.ny a { font-size: 12px; color: #666; padding-right: 15px; }
.ny span { padding-left: 15px; font-size: 12px; color: #666; }
.ny a:hover { color: red; }
.wj-ab { color: #d9d9d9; font-size: 16px; min-height: 500px; }
.wj-ab h2 { text-align: center; padding-bottom: 20px; }
.nt1 { margin-bottom: 15px; }
.nt1 img { width: 285px; }
.nt1 h2 { color: #eaeaea; font-size: 16px; }
.nt1 i { font-style: normal; font-size: 14px; color: #c7c7c7; }
.nt1 img { margin-right: 20px; }
.yxyw ul li { line-height: 35px; position: relative; }
.yxyw ul li a { color: #eae6e6; transition: .5s; display: inline-block; }
.yxyw ul li a:hover { transform: translate(20px, 0); color: #f00; }
.m40 { margin-bottom: 40px; }

.newspart { display: flex; flex-wrap: wrap; justify-content: center; }
.newspart dd { width: 285px; margin-right: 15px; padding-bottom: 23px }
.newspart .imgbox { position: relative; display: block }
.newspart .imgbox .picture, .newspart .imgbox .video { background: url(../images/index24.png) 0 -47px no-repeat; width: 40px; height: 40px; position: absolute; left: 8px; bottom: 8px; font-size: 0; line-height: 0 }
.newspart .imgbox .picture { background: url(../images/newspic.png) 0 -160px no-repeat; width: 32px; height: 24px }
.newspart .imgbox .tag { background: #eb321e; color: #fff; font-size: 13px; line-height: 22px; padding: 0 11px; position: absolute; left: 4px; top: 4px }
.newspart h3 { font-size: 16px; padding-top: 10px }
.newspart h3 a { display: block }
.newspart .describe { padding-top: 3px }
.newspart .describe a { color: #888; display: block }
.footer { background: url(../images/f-bg.jpg) repeat-x top; padding: 30px 0; }
.foot_l {/* float: left; *//* width: 714px; *//* margin-left: 166px; */padding-top: 28px; font: normal 14px/30px "微软雅黑"; color: #ccc; }
.foot_l a { margin: 0 12px; color: #ccc; }
.foot_copy { padding-left: 12px; }
.foot_wrap .top_sns_wrap { float: right; margin-right: 260px; padding-top: 10px; }
.ad_title { background: url(../images/ad_title3.png) no-repeat center center #ff0000; height: 100px; }

/*banner*/
.customer { height: 100%; }

.title h2, .title p, .title hr { margin: 0 0 5px 0; }
.title h2 { font-size: 24px; font-family: HELVETICANEUELTPRO-THEX, "fzlantinghei-l-gbkregular", "微软雅黑"; }
.title p { font-size: 10px; -webkit-transform: scale(0.8); word-spacing: 0px; letter-spacing: 0px }
hr { width: 3.2%; border: 1px solid red; }
.carousel-inner .thumbnail { border: 0px; margin-bottom: 0px; padding: 2px; background: #212121; }
.carousel-inner .col-xs-4 { padding: 0; }
.show_shade_txt { position: absolute; bottom: 0; left: 0; width: 392px; margin-left: 2px; height: 54px; padding: 15px 0 5px 30px; background: url(../images/pre.png) #ff0000 350px center no-repeat; color: #fff; }
.show_bot_box a:hover { color: #FFF; text-decoration: none; }
.show_shade { height: 74px; width: 100%; position: absolute; bottom: -74px; transition: all .45s cubic-bezier(.215, .61, .355, 1); }
.show_bot_box:hover .show_shade { bottom: 0px; }
#full, #single, #movie, .brand .row { margin-top: 20px; }

/*#full1{margin-top: 27.5%;}*/

/*customer*/

.week { height: 100%; }
.movie { height: 100%; }
#movie .show_shade { height: 74px; width: 100%; position: absolute; bottom: 0; transition: all .45s cubic-bezier(.215, .61, .355, 1); }
#movie .show_shade_txt { position: absolute; bottom: 0; left: 0; width: 392px; margin-left: 2px; height: 54px; padding: 15px 0 5px 30px; background: url(../images/play.png) no-repeat 346px center #414141; color: #fff; }
#movie .show_bot_box:hover .show_shade_txt { background: url(../images/play_h.png) no-repeat 346px center #ff0000; }

/*movie*/

/*week*/

.brand .col-sm-4, .brand .col-md-4 { padding: 0; }
.brand .thumbnail { border: 0px; margin-bottom: 0px; padding: 5px; background: #212121; position: relative; overflow: hidden; }
.brand .show_shade { height: 54px; width: 100%; position: absolute; bottom: 0; transition: all .45s cubic-bezier(.215, .61, .355, 1); }
.brand .show_shade_txt { position: absolute; bottom: 0; left: 0; width: 390px; margin-left: 0px; height: 54px; padding: 15px 0 5px 30px; top: -5px; background: url(../images/play.png) no-repeat 346px center #414141; color: #fff; }
.brand .show_shade_text { position: absolute; bottom: 0; left: 0; width: 390px; margin-left: 0px; height: 54px; padding: 15px 0 5px 30px; top: -5px; background: url(../images/pj_pre.png) no-repeat 346px center #414141; color: #fff; }
.brand .show_bot_box:hover .show_shade_txt { background: url(../images/play_h.png) no-repeat 346px center #ff0000; }
.brand .show_bot_box:hover .show_shade_text { background: url(../images/pj_pre_h.png) no-repeat 346px center #ff0000; }

/*brand*/
.evaluate { }
.evaluate_bot { width: 100%; height: auto; margin-top: 20px; }
.evaluate_bot_ul li { float: left; margin: 4px; }
.evaluate_bot_li { border: 1px solid #505050; background-color: #212121; width: 392px; }
.evaluate_bot_li_top { display: block; padding: 10px 40px 0px 40px; height: 158px; }
.evaluate_bot_li_top span { font-size: 16px; color: #ECECEC; line-height: 40px; height: 45px; overflow: hidden; display: block; }
.evaluate_bot_li_top i { color: #999999; line-height: 26px; height: 80px; overflow: hidden; display: block; font-style: normal; }
.evaluate_bot_li_bot { background: url(../images/pj_pre.png)no-repeat 340px center #414141; height: 100px; display: block; padding: 12px 40px 0 40px; position: relative; }
.evaluate_bot_li_bot span { font-size: 50px; color: #8F8F8F; line-height: 50px; display: block; }
.evaluate_bot_li_bot i { color: #c2c2c2; line-height: 20px; overflow: hidden; display: block; font-size: 14px; font-style: normal; }
.evaluate .evaluate_bot_li:hover .evaluate_bot_li_top { background: #414141; }
.evaluate .evaluate_bot_li:hover .evaluate_bot_li_bot { background: url(../images/pj_pre_h.png) no-repeat 340px center #ff0000; }
.evaluate .evaluate_bot_li:hover .evaluate_bot_li_bot span, .evaluate .evaluate_bot_li:hover .evaluate_bot_li_bot i { color: #fff; }

/*evaluate*/
.photo { background: #404040; margin-top: 90px; position: relative; width: 1920px;/*left: 50%;margin-left: -960px;*/ }
.photo a { display: block; height: 120px; }
.photo .family { background: #212121; }
.photo a:hover { background: #FF0000; background-color: #FF0000; }
.photo .photo_l { background: url(../images/photo2.png) no-repeat center center; width: 470px; height: 120px; display: block; position: absolute; left: 35%; }
.photo a:hover .photo_l { background: url(../images/photo_h2.png) no-repeat center center; width: 470px; height: 120px; display: block; position: absolute; left: 33%; }
.photo .photo_r { background: url(../images/pj_pre.png) no-repeat center center; width: 37px; height: 120px; display: block; position: absolute; right: 38%; }
.photo a:hover .photo_r { background: url(../images/pj_pre_h.png) no-repeat center center; width: 37px; height: 120px; display: block; position: absolute; right: 36%; }
.photo .family_l { background: url(../images/family.png) no-repeat center center; width: 364px; height: 120px; display: block; position: absolute; left: 38%; }
.photo a:hover .family_l { background: url(../images/family_h.png) no-repeat center center; width: 364px; height: 120px; display: block; position: absolute; left: 36%; }
.photo .family_r { background: url(../images/pj_pre.png) no-repeat center center; width: 37px; height: 120px; display: block; position: absolute; right: 40%; }
.photo a:hover .family_r { background: url(../images/pj_pre_h.png) no-repeat center center; width: 37px; height: 120px; display: block; position: absolute; right: 38%; }
.move { transition: all .3s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; }

/*photo*/
.city_name { margin-top: 10px; position: relative; width: 1204px; }
.city_name ul li { float: left; width: 150px; height: 70px; display: block; }
.jtdj1 { background: url(../images/city/xm-a.png) no-repeat center center; width: 140px; height: 50px; display: block; padding-top: 70px; position: absolute; top: 12px; }
.jtdj2 { background: url(../images/city/sy-a.png) no-repeat center center; width: 140px; height: 50px; display: block; padding-top: 70px; position: absolute; top: 12px; }
.jtdj3 { background: url(../images/city/lj-a.png) no-repeat center center; width: 140px; height: 50px; display: block; padding-top: 70px; position: absolute; top: 12px; }
.jtdj4 { background: url(../images/city/dali-a.png) no-repeat center center; width: 140px; height: 50px; display: block; padding-top: 70px; position: absolute; top: 12px; }
.jtdj5 { background: url(../images/city/qd-a.png) no-repeat center center; width: 140px; height: 50px; display: block; padding-top: 70px; position: absolute; top: 12px; }
.jtdj6 { background: url(../images/city/dl-a.png) no-repeat center center; width: 140px; height: 50px; display: block; padding-top: 70px; position: absolute; top: 12px; }
.jtdj7 { background: url(../images/city/gl-a.png) no-repeat center center; width: 140px; height: 50px; display: block; padding-top: 70px; position: absolute; top: 12px; }
.jtdj8 { background: url(../images/city/hz-a.png) no-repeat center center; width: 140px; height: 50px; display: block; padding-top: 70px; position: absolute; top: 12px; }
.jtdj9 { background: url(../images/city/sz-a.png) no-repeat center center; width: 140px; height: 50px; display: block; padding-top: 70px; position: absolute; top: 12px; }
.jtdj10 { background: url(../images/city/xg-a.png) no-repeat center center; width: 140px; height: 50px; display: block; padding-top: 70px; position: absolute; top: 12px; }
.jtdj11 { background: url(../images/city/xgll-a.png) no-repeat center center; width: 140px; height: 50px; display: block; padding-top: 70px; position: absolute; top: 12px; }
.jtdj12 { background: url(../images/city/bld-a.png) no-repeat center center; width: 140px; height: 50px; display: block; padding-top: 70px; position: absolute; top: 12px; }
.jtdj13 { background: url(../images/city/pjd-a.png) no-repeat center center; width: 140px; height: 50px; display: block; padding-top: 70px; position: absolute; top: 12px; }
.jtdj14 { background: url(../images/city/md-a.png) no-repeat center center; width: 140px; height: 50px; display: block; padding-top: 70px; position: absolute; top: 12px; }
.jtdj15 { background: url(../images/city/rb-a.png) no-repeat center center; width: 140px; height: 50px; display: block; padding-top: 70px; position: absolute; top: 12px; }
.jtdj16 { background: url(../images/city/fg-a.png) no-repeat center center; width: 140px; height: 50px; display: block; padding-top: 70px; position: absolute; top: 12px; }
.city_name ul li .jtdj1:hover { background: url(../images/city/xm-b.png)no-repeat center center; width: 140px; display: block; height: 50px; display: block; padding-top: 70px; position: absolute; top: 0px; }
.city_name ul li .jtdj2:hover { background: url(../images/city/sy-b.png)no-repeat center center; width: 140px; height: 50px; display: block; padding-top: 70px; position: absolute; top: 0px; }
.city_name ul li .jtdj3:hover { background: url(../images/city/lj-b.png)no-repeat center center; width: 140px; height: 50px; display: block; padding-top: 70px; position: absolute; top: 0px; }
.city_name ul li .jtdj4:hover { background: url(../images/city/dali-b.png)no-repeat center center; width: 140px; height: 50px; display: block; padding-top: 70px; position: absolute; top: 0px; }
.city_name ul li .jtdj5:hover { background: url(../images/city/qd-b.png)no-repeat center center; width: 140px; height: 50px; display: block; padding-top: 70px; position: absolute; top: 0px; }
.city_name ul li .jtdj6:hover { background: url(../images/city/dl-b.png)no-repeat center center; width: 140px; height: 50px; display: block; padding-top: 70px; position: absolute; top: 0px; }
.city_name ul li .jtdj8:hover { background: url(../images/city/hz-b.png)no-repeat center center; width: 140px; height: 50px; display: block; padding-top: 70px; position: absolute; top: 0px; }
.city_name ul li .jtdj7:hover { background: url(../images/city/gl-b.png)no-repeat center center; width: 140px; height: 50px; display: block; padding-top: 70px; position: absolute; top: 0px; }
.city_name ul li .jtdj9:hover { background: url(../images/city/sz-b.png)no-repeat center center; width: 140px; height: 50px; display: block; padding-top: 70px; position: absolute; top: 0px; }
.city_name ul li .jtdj10:hover { background: url(../images/city/xg-b.png)no-repeat center center; width: 140px; height: 50px; display: block; padding-top: 70px; position: absolute; top: 0px; }
.city_name ul li .jtdj11:hover { background: url(../images/city/xgll-b.png)no-repeat center center; width: 140px; height: 50px; display: block; padding-top: 70px; position: absolute; top: 0px; }
.city_name ul li .jtdj12:hover { background: url(../images/city/bld-b.png)no-repeat center center; width: 140px; height: 50px; display: block; padding-top: 70px; position: absolute; top: 0px; }
.city_name ul li .jtdj13:hover { background: url(../images/city/pjd-b.png)no-repeat center center; width: 140px; height: 50px; display: block; padding-top: 70px; position: absolute; top: 0px; }
.city_name ul li .jtdj14:hover { background: url(../images/city/md-b.png)no-repeat center center; width: 140px; height: 50px; display: block; padding-top: 70px; position: absolute; top: 0px; }
.city_name ul li .jtdj15:hover { background: url(../images/city/rb-b.png)no-repeat center center; width: 140px; height: 50px; display: block; padding-top: 70px; position: absolute; top: 0px; }
.city_name ul li .jtdj16:hover { background: url(../images/city/fg-b.png)no-repeat center center; width: 140px; height: 50px; display: block; padding-top: 70px; position: absolute; top: 0px; }

/*city*/
.hr_white { width: 575px; border: 1px solid #303030; margin-top: 0; margin-bottom: 10px; }
.news_content { margin-top: 20px; }
.news_content p { color: #999999; font-size: 20px; margin: 0; }
.news_content span { font-size: 14px; line-height: 36px; padding-left: 20px; }
.news_content  a:hover p { color: #fff; }

/*news*/
.jtlink { color: #999999; font-size: 18px; }
.jtlink .link-menu a { line-height: 40px; color: #999999; margin: 0 4px; }
.link-menu { padding-bottom: 6px; }

/*footer*/

/*index*/

/*customer*/
.customer .video_show_right img { margin-top: -3px; }
.customer .video_show_right { margin-top: 95px; }
.customer_title img { width: 100%; }
.customer_city { height: 108px; overflow: hidden; margin: 0 auto; width: 880px; }
.customer_city li { float: left; width: 100px; height: 40px; margin-right: 10px; margin-top: 10px; }
.customer_city li a { background: #606060; color: #fff; line-height: 40px; font-size: 16px; height: 40px; border-radius: 5px 5px 5px 5px; display: block; width: 100px; z-index: 50; position: absolute; }
.customer_city li a:hover { background: red; color: #FFFFFF; margin-top: -5px; }
.customer_t { background: url(../images/customer_t.png) no-repeat center center; height: 150px; }

/*pic*/
.photo_show { margin-right: -15px; }
.photo_show li { list-style-type: none; width: 396px; height: 332px; margin: 0 9px 18px 0; float: left; transition: all .3s ease-out 0s; }
.show_span { height: 72px; }
.show_span span { color: #636363; width: 270px; font-size: 16px; color: #666; display: block; height: 70px; line-height: 67px; overflow: hidden; margin-left: 21px; }

/*箭头*/
.show_i { width: 35px; height: 35px; border-radius: 20px; background-color: transparent; }
.show_i i { float: left; background: url(../images/icon.png) no-repeat -17px -23px; width: 23px; height: 14px; display: block; margin: 12px 0 0 9px; }
.photo_show .show_hover { position: absolute; bottom: 17px; right: 36px; transition: all .3s ease-out 0s; }
.photo_show li { margin-right: 9px; }
.photo_show li a img { border: 3px solid transparent; transition: all .3s ease-out 0s; width: 396px; }

/*移动*/

/*.show_two_nav .active, .show_two_nav a:hover { background:#e7090b; }*/
.photo_show li:hover .show_hover { background: #E7090B; right: 20px; }
.photo_show li:hover { box-shadow: 0px 0px 10px 5px rgba(0, 0, 0, .3); }
.photo_show li a img:hover { border: 3px solid #e7090b; }
.photo_show li:hover .show_span span { color: #FFFFFF; }

/*video_show*/
.video_s { background-color: #000; height: 618px; padding: 65px 0 0 0; }
.video_show { background-color: #000; }
.video_show_left { margin-left: -14px; }
.contact { margin-left: 38px; }
.p_1 { color: #909090; font-size: 55px; line-height: 43px; }
.p_2 { color: #909090; font-size: 40px; }
.p_3 { color: #909090; font-size: 14px; margin-top: 10px; }
.p_4 { color: #707070; font-size: 10px; }

/*customer*/
.photo_right { margin-top: 50px; }
.col-lg-3, .col-lg-9 { padding: 0; }
.character_header p { color: #999999; margin-top: 0px; margin-left: -34px; font-size: 10px; -webkit-transform: scale(0.75); word-spacing: 2px; letter-spacing: 0px }
.character_header span { color: #999999; font-size: 24px; margin-left: 30px; }
.hr_hui { width: 164px; border: 1px solid #434343; margin-top: 17px; }
.hr_red { width: 44px; border: 1px solid #FF0000; margin-top: -22px; margin-left: 60px; }

/*character_header*/
.photo_text { margin-top: 10px; padding-left: 62px; padding-right: 39px; }
.customer_photo .photo_shows img { padding-top: 40px; background: #fff; margin-left: 125px; padding-bottom: 40px; margin-bottom: -40px; }
.character_body ul li { height: 40px; width: 163px; list-style-type: none; }
.character_body ul li a { background: #414141; margin-top: 8px; line-height: 37px; text-align: center; font-size: 14px; border: #505050 solid 1px; display: block; border-radius: 26px; font-weight: 100; color: #999999; }
.character_body ul li a:hover { color: #ffffff; list-style-type: none; text-decoration: none; }
.character_body font { font-size: 17px; }

/*character_body*/
.character_footer p { color: #999999; margin-top: 0px; margin-left: -50px; font-size: 10px; -webkit-transform: scale(0.72); word-spacing: 1px; letter-spacing: 0px }
.character_footer span { margin-bottom: -3px; color: #999999; font-size: 24px; }
.customer_photo, .week_photo, .customer_video, .newest_photo, .evaluate_more { margin-bottom: 80px; }
.newest_photo .photo_right { margin-top: 20px; }

/*character_footer*/

/*customer_photo*/
.week_photo .photo_text { margin-top: 10px; padding-left: 62px; padding-right: 38px; }
.week_photo .photo_shows img { padding-top: 40px; margin-left: 125px; }
.customer_profile { margin-bottom: 80px; }
.newest_photo .photo_shows img { padding-top: 40px; margin-left: 125px; background: #fff; margin-bottom: -40px; padding-bottom: 40px; }
.customer_video .photo_shows, .customer_profile .photo_shows { width: 690px; background: #ffffff; margin-left: 125px; padding-top: 15px; padding-bottom: 20px; }
.customer_video .photo_shows img { padding-top: 20px; margin-left: 33px; margin-bottom: 26px; }
.customer_video .photo_shows p { margin-top: -13px; margin-left: 33px; font-size: 16px; color: #999999; }
.customer_video .character_header span { margin-left: 7%; }
.customer_profile .character_header span { margin-left: 39px; }
.customer_video .character_header p { margin-left: -6%; }
.customer_profile .character_header p { margin-left: -16px; }
.customer_video .character_footer span { margin-left: -11%; }
.customer_video .character_footer p { margin-left: -7%; }

/*customer_video*/
.customer_profile .photo_shows { padding-bottom: 30px; }
.customer_profile .photo_shows ul li { background: #fff; padding: 20px; }
.custromer_evaluate .customer_t { background: url(../images/customer_r.png) no-repeat center center; height: 100px; background-color: #212121; }
.news_two_img { width: 231px; height: 159px; }

/*pic*/
.evaluate_main { margin-top: 20px; }
.evaluate_main .photo_show li { list-style-type: none; width: 1160px; height: 161px; margin: 0 9px 18px 0; background: #282828; float: left; transition: all .3s ease-out 0s; }

/*箭头*/
.evaluate_main .photo_show .show_hover { position: absolute; bottom: 17px; right: 108px; transition: all .3s ease-out 0s; border: 1px solid #999999; }
.evaluate_main .photo_show li a img { border: 16px solid transparent; transition: all .3s ease-out 0s; width: 231px; height: 159px; display: block; }

/*移动*/

/*.show_two_nav .active, .show_two_nav a:hover { background:#e7090b; }*/

.evaluate_main .photo_show li:hover  .show_hover { background: #E7090B; right: 59px; border: 1px solid #ff0000; }
.evaluate_main .photo_show li:hover { box-shadow: 0px 0px 10px 5px rgba(0, 0, 0, .3); }
.evaluate_main .photo_show li:hover img { border: 16px solid #e7090b; }
.p_font { width: 646px; height: 45px; display: block; margin-left: 284px; position: absolute; }
.evaluate_main .p_font p { margin-top: -125px; font-size: 18px; color: #c9c9c9; margin-bottom: 20px; }
.evaluate_main .p_font font { height: 45px; font-size: 16px; color: #999999; display: block; overflow: hidden; }
.timer { height: 45px; display: block; margin-left: 1010px; margin-top: 60px; }
.evaluate_main .timer p { margin-top: -195px; font-size: 26px; color: #c9c9c9; margin-bottom: 0; }
.evaluate_main .timer font { font-size: 18px; color: #c9c9c9; }

/*customer_evaluate.html*/
.more_m_title { margin-bottom: 51px; }
.evaluate_more .photo_text { margin-top: 10px; padding-left: 45px; padding-right: 14px; }
.evaluate_more .evaluate_more_main { width: 771px; background: #ffffff; margin-left: 92px; padding: 0 40px; }
.evaluate_more .evaluate_more_main .more_m_title p { font-size: 25px; text-align: center; color: #505050; padding-top: 56px; padding-bottom: 10px; margin: 0; }

/*面包屑*/
.evaluate_more .evaluate_more_main .more_m .more_m_mbx { padding-top: 10px; }
.evaluate_more .evaluate_more_main .more_m .more_m_mbx span a { color: #000; }
.evaluate_more .evaluate_more_main .more_m .more_m_mbx span a:hover { color: #FF0000; }

/*上下篇的样式*/
.evaluate_more .evaluate_more_main .more_m_page { margin-top: 20px; padding-bottom: 20px; }
.evaluate_more .evaluate_more_main .more_m_page span { display: inline-block; margin-top: 5px; margin-bottom: 5px; }
.evaluate_more .evaluate_more_main .more_m_page span a { color: #000; }
.evaluate_more .evaluate_more_main .more_m_title font { font-size: 18px; color: #505050; }
.evaluate_more .evaluate_more_main .more_m_foot { width: 692; margin-left: 45px; padding-bottom: 10px; }
.evaluate_more .evaluate_more_main .more_m_foot p { font-size: 16px; color: #505050; }
.team_more_main .more_m_title { padding-top: 50px; margin-bottom: 40px; }
.team_more_main img { padding-bottom: 42px; }
.evaluate_more .character_body ul li { margin: 642px  0 0 30px; }
.evaluate_more .character_body ul li a { background: #ff0707; font-size: 18px; border: #505050 solid 1px; font-weight: 400; color: #ffffff; }
.evaluate_more .character_body font { font-size: 22px; }

/*evaluate_more*/
.news_main { margin-bottom: 75px; }
.clear { clear: both; }
.ellipsis { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; display: block }
.fl { float: left; }
.fr { float: right; }
#newslist .newstitem { width: 100%; height: 150px; border-bottom: rgba(0, 0, 0, 0.05) 1px solid; transition: all ease-out .2s; position: relative; }
#newslist .newscontent { width: 960px; height: 90px; padding-top: 40px; margin: 0px auto; display: block; position: relative; z-index: 1 }
#newslist .newsinfo { margin-left: 160px; transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; }
#newslist .newsdate { width: 180px }
#newslist .newsdate p { font-family: "HELVETICANEUELTPRO-THEX", Arial; margin: 0; padding: 0; }
#newslist .newsinfo .md { color: #d1181c; font-size: 60px; line-height: 50px; text-align: right }
#newslist .newsinfo .year { color: #fff; font-size: 16px; text-align: right; }
#newslist .newsbody { margin-left: 50px; }
#newslist .newsbody .title { width: 460px; height: 20px; line-height: 20px; font-size: 16px; color: #c9c9c9; margin-top: 0; }
#newslist .newsbody .description { width: 460px; height: 42px; line-height: 22px; font-size: 13px; color: #999999; margin-top: 10px; overflow: hidden }
#newslist .newstitem i { height: 40px; width: 40px; margin-top: 20px; transition: all ease-out .3s; text-indent: -30px; display: block; }
#newslist .newstitem:hover i { background: url(../images/pj_pre_h.png) no-repeat; margin-right: -60px; text-indent: 0px; }
#newslist .newstitem:hover .newsinfo { transform: translate3d(-50px, 0, 0); -webkit-transform: translate3d(-50px, 0, 0); -moz-transform: translate3d(-50px, 0, 0); }
#newslist .newstitem:hover p { color: #fff }
#newslist .newstitem:hover a { color: #fff }
#newslist .newstitem:hover { background: #e71a1f }

/*news_main*/
#topcontrol { left: 0px; width: 705px; margin-left: auto; margin-right: auto; text-align: right; }
.week_customer { background: url(../images/week_customer.png) no-repeat center center; height: 150px; }
.receipt { margin-top: 80px; }
.customer_profile .photo_shows p { margin: 0; }
.photo-team, .photo-team .container { background: #505050; }
.photo-team-j { height: 45px; overflow: hidden; margin-left: 235px; margin-bottom: 77px; margin-top: 10px; }
.photo-team-j li { float: left; width: 79.4px; height: 45px; margin-right: 69.8px; }
.photo-team-j li a { background: #c5c5c5; color: #212121; line-height: 42px; font-size: 16px; height: 45px; border-radius: 0px 0px 26px 26px; display: block; width: 140px; z-index: 50; position: absolute; }
.photo-team-j li a:hover { background: red; color: #FFFFFF; margin-top: -10px; }
.photo-user-show li { list-style-type: none; width: 186px; height: 240px; margin: 0 14px 18px 0; float: left; transition: all .3s ease-out 0s; }
.photo-user-show .photo-user-span { color: #c5c5c5; font-size: 18px; display: block; line-height: 54px; overflow: hidden; margin-left: 72px; }
.photo-user-show li img { border: 3px solid transparent; transition: all .3s ease-out 0s; }

/*移动*/
.photo-user-show li:hover { box-shadow: 0px 0px 10px 5px rgba(0, 0, 0, .3); }
.photo-user-show li img:hover { border: 3px solid #e7090b; }
.photo-user-show li:hover .photo-user-span { color: #FFFFFF; }
.photo-user-show li:hover  .img { border: 3px solid #e7090b; }

/*photo-team*/
.acvity.row, .account.row { position: relative; width: 1920px; left: 50%; margin-left: -960px; }
#pages { height: 30px; text-align: center; margin: 20px auto 30px; line-height: 30px; }
#pages a, #pages span { display: inline-block; height: 30px; padding: 0 13px; cursor: pointer; margin: 0px 6px; color: #696969; }
#pages a:hover, #pages span { color: #fff; background-color: #ff0000; }
.floatobj { }
.float { width: 70px; background: #505050; height: 140px; position: absolute; left: 10px; top: 400px; z-index: 1000; }
.float a:hover { background-position: left bottom; cursor: pointer; }
.float a { display: block; background: url(../images/float.jpg) no-repeat; }
.float a.vg1 { background-position: 0 0; height: 70px; }
.float a.vg2 { background-position: 0 -70px; height: 70px; }
.float a.vg3 { background-position: 0 -140px; height: 70px; width: 70px; }
.float a.vg4 { background-position: 0 -210px; height: 70px; }
.float a.vg6 { background-position: 0 -280px; height: 70px; }
.float a.vg5 { background-position: 0 -350px; height: 70px; }
.newest_photo .photo_text { margin-top: 32px; }
.customer_photo .photo_text { margin-top: 32px; }

/*page_account*/
.ewm { position: absolute; top: 952px; left: 559px; }

/*摄影团队作品显示页面*/
#show_team_title { margin-top: 0px; background-color: #eaeaea; margin-left: -40px; margin-right: -40px; height: 191px; padding: 40px 40px; border-bottom: 1px #dfdfdf solid }
#show_team_title >img { width: 115px; height: 115px; display: block; padding-bottom: 0px; float: left; margin-right: 20px }
#show_team_info p:nth-child(1) { font-size: 27px; line-height: 35px; padding-top: 0px; text-align: left; color: #d29400; font-family: "微软雅黑"; }
#show_team_info p:nth-child(2) { color: #000000; font-size: 17px; padding-top: 3px; line-height: 25px; text-align: left; font-family: "微软雅黑"; vertical-align: middle; }
#show_team_info p:nth-child(2) img { width: 18px; padding-bottom: 0px; margin-bottom: 2px }
#show_team_info p:nth-child(3) { color: #000000; font-size: 16px; padding-top: 3px; line-height: 25px; text-align: left; font-family: "微软雅黑"; font-weight: 600px }
#show_team_info p:nth-child(4) { color: #000000; font-size: 15px; padding-top: 3px; line-height: 25px; text-align: left; font-family: "微软雅黑"; width: 556px; }
#show_team_info p:nth-child(3) a img { width: 120px; display: block; float: right; margin-top: 15px }
.newslid { clear: both; padding: 25px 0; border-bottom: 1px #2e2e2e solid; overflow: hidden; zoom: 1; }
.newslid .dated { float: left; width: 100px; padding-top: 15px; text-align: center; color: #ababab; }
.newslid .dated .dayd { font-size: 30px; line-height: 34px; padding-bottom: 5px; border-bottom: 1px #E6E6E6 solid; font-weight: bold; }
.newslid .dated .ymd { padding-top: 5px; }
.newslid .picd { float: left; width: 285px; height: 160px; margin: 0 35px 0 40px; overflow: hidden; }
.newslid .picd img { width: 285px; }
.newslid .infd { float: left; width: 740px; }
.newslid .infd h3 { font-size: 18px; line-height: 24px; font-weight: bold; }
.newslid .infd .depd { padding: 10px 0; border-bottom: 1px #2e2e2e solid; color: #999; }
.newslid .infd .lyd { padding-top: 10px; color: #999; }
.m2page { line-height: 48px; height: 66px; border-top: 1px dotted #2c2c2c; font-size: 13px; margin-top: 20px; width: 1160px; margin: 0 auto; }
.m2page1 { line-height: 48px; height: 66px; border-top: 1px dotted #2c2c2c; font-size: 13px; margin-top: 20px; width: 100%; }
.new-info { text-align: center; font-size: 14px; border-bottom: 1px solid #2c2c2c; height: 45px;    /* padding-top: 20px; */ margin-bottom: 40px; color: #999; }

/*大层*/
.wjcontainer {/* width: 80%; */margin: 0 auto; }

/*瀑布流层*/
.wjwaterfall { -moz-column-count: 4; /* Firefox */ -webkit-column-count: 4; /* Safari 和 Chrome */ column-count: 4; -moz-column-gap: 1em; -webkit-column-gap: 1em; column-gap: 1em; }

/*一个内容层*/
.wjitem { padding: 1em; margin: 0 0 1em 0; -moz-page-break-inside: avoid; -webkit-column-break-inside: avoid; break-inside: avoid; border: 1px solid #545353; }
.wjitem img { width: 100%; margin-bottom: 10px; }
.juejie { display: flex; flex-wrap: wrap; }
.juejie .project { border-right: 0px solid #23323A !important; box-shadow: 0px 0px 10px rgba(0, 0, 0, .1); border-radius: 5px; margin: 10px 20px 0 0; overflow: hidden; }
.project-image { position: relative; }
.project-image img { width: 100%; transition: transform 0.4s ease; -webkit-transition: -webkit-transform 0.4s ease; -moz-transition: -moz-transform 0.4s ease; }
.project:hover .project-image img { transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); }
.portfolio-2column .project-hover { right: 50%; }
.project-hover { position: absolute; top: 50%; margin-top: -27px; left: 0; right: 0; bottom: 0; text-align: center; color: #fff; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); filter: alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; transition: opacity .3s; -webkit-transition: opacity .3s; -moz-transition: opacity .3s; }
.project:hover .project-hover { -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); filter: alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; }
.project-hover>a { width: 58px; height: 58px; margin: 0 5px; display: inline-block; background-color: #2a3b45; background-color: rgba(0, 0, 0, 0.4); background-image: url(../images/hover-icons.png); border: 4px solid #eee; border: 4px solid rgba(238, 238, 238, 0.12); color: #fff; text-align: center; font-size: 24px; padding-top: 15px; transform: scale(0); -webkit-transform: scale(0); -moz-transform: scale(0); -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); filter: alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; transition: transform .3s, opacity .6s, background .3s; -webkit-transition: -webkit-transform .3s, opacity .6s, background .3s; -moz-transition: -moz-transform .3s, opacity .6s, background .3s; }
.project:hover .project-hover>a { transform: scale(1); -webkit-transform: scale(1); -moz-transform: scale(1); -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); filter: alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; }
.project-hover>a:hover { background-color: rgba(218, 1, 1, 1); }
.project-hover>a.search-icon { background-position: 0 0; }
.project-hover>a.link-icon { background-position: -50px 0; }
.project-meta { padding: 12px 20px 12px; position: relative;/* height: 114px; *//* background: #2a3b45; */transition: background .3s; -webkit-transition: background .3s; -moz-transition: background .3s; }
.project_chanp .project-meta { padding: 12px 20px 12px; position: relative;/* height:90px;*/ background: #333232; transition: background .3s; -webkit-transition: background .3s; -moz-transition: background .3s; }
.project-meta:before { content: ''; display: block; position: absolute; top: -10px; left: 20px; width: 10px; height: 10px; border-right: 10px solid transparent; border-left: 10px solid transparent;/* border-bottom: 8px solid #2a3b45; */ }
.project:hover .project-meta { background: rgba(218, 1, 1, 1); }
.project-meta h4 { margin-bottom: 0; color: #fff; font-size: 18px; font-weight: 300; }
.project-meta h4 a { color: #fff; }
.project-meta span.project-category { font-size: 11px; margin: 0; text-transform: uppercase; color: #97a4ad; }
.project-like { position: absolute; right: 20px; top: 40px; vertical-align: top; }
.project-like .iconfont { font-size: 24px; color: #3c525e; transition: color .3s; -webkit-transition: color .3s; -moz-transition: color .3s; cursor: pointer; }
.project-like:hover .iconfont, .project-like.post-liked .iconfont { color: #dd6c62; }
.project-like span.like-count { font-size: 11px; font-weight: 300; vertical-align: top; color: #97a4ad; }
.project-grid { padding: 0; }
.footer {background-color: #ececec;}
.footer-list {float: left;border-right: 1px solid #d7d7d7;color: #717171;}
.footer-nav { padding: 45px 0 10px; }
.footer-list p { padding: 8px 0; }
.footer-list a { color: #afc2e2; }
.footer-list a:hover { color: #ddd; }
.footer-list1 {width: 20%;padding-right: 20px;}
.footer-list2 {width: 48%;}
.footer-list2 p, .footer-list3 p {padding-left: 6%;}
.footer-list3 { width: 25%; }
.footer-wechat {float: left;padding-left: 35px;text-align: center;color: #717171;width:  32%;}
.footer-wechat p { padding: 8px 0; }
.footer-copyright a { color: #afc2e2; }
.footer-link .btn { float: left; padding: 8px 15px; border-radius: 3px; background-color: #5285c8; color: #fff; }
.footer-link .btn i { margin-left: 5px; }
.footer-copy {text-align: center;line-height: 35px;color: #717171;}
.footer-link { position: relative; }
.footer-link ul { display: none; position: absolute; bottom: 0; background-color: #fff; border-radius: 3px; }
.footer-link li { border-bottom: 1px dashed #ddd; }
.footer-link li:last-child { border-bottom: 0; }
.footer-link ul li a { display: block; padding: 10px 10px; }
.footer-link ul li a:hover { background-color: #f3f3f3; }


.custom_service p img {display: inline; margin-top:-5px; vertical-align:middle;}
.scrollsidebar{position:absolute; z-index:999; top:150px;}
.side_content{width:154px; height:auto; overflow:hidden; float:left; }
.side_content .side_list {width:154px;overflow:hidden;}
.show_btn{ width:0; height:112px; overflow:hidden; margin-top:50px; float:left; cursor:pointer;}
.show_btn span { display:none;}
.close_btn{width:24px;height:24px;cursor:pointer;}
.side_title,.side_bottom,.close_btn,.show_btn {background:url(../images/sidebar_bg.png) no-repeat;}
.side_title {height:46px;}
.side_bottom { height:8px;}
.side_center {font-family:Verdana, Geneva, sans-serif; padding:5px 12px; font-size:12px;}
.close_btn { float:right; display:block; width:21px; height:16px; margin:16px 10px 0 0; _margin:16px 5px 0 0;}
.close_btn span { display:none;}
.side_center .custom_service p { text-align:center; padding:6px 0; margin:0; vertical-align:middle;}
.other  { text-align:center;border-bottom:1px solid #ddd;border-top:1px solid #ddd}
.other p { padding:5px 0; _height:16px; margin:0;color: #666666;}
.msgserver { text-align:center; margin-bottom:5px;}
.msgserver a { background:url(../images/sidebar_bg.png) no-repeat -119px -115px; padding-left:22px;}

/* blue skin as the default skin */
.side_title, .side_blue .side_title {background-position:-195px 0;}
.side_center, .side_blue .side_center {background:url(../images/blue_line.png) repeat-y center;}
.side_bottom, .side_blue .side_bottom {background-position:-195px -50px;}
.close_btn, .side_blue .close_btn {background-position:-44px 0;}
.close_btn:hover, .side_blue .close_btn:hover {background-position:-66px 0;}
.show_btn , .side_blue .show_btn {background-position:-119px 0;}
.msgserver a, .side_blue .msgserver a {color:#06C;}

/* green skin  */
.side_green .side_title {background-position:-349px 0;}
.side_green .side_center {background:url(../images/green_line.png) repeat-y center;}
.side_green .side_bottom {background-position:-349px -50px;}
.side_green .close_btn {background-position:-44px -23px;}
.side_green .close_btn:hover {background-position:-66px -23px;}
.side_green .show_btn {background-position:-147px 0;}
.side_green .msgserver a {color:#76a20c;}