@font-face {
  font-family: 'iconfont';  /* project id 519839 */
  src: url('//at.alicdn.com/t/font_519839_kft910esuu.eot');
  src: url('//at.alicdn.com/t/font_519839_kft910esuu.eot?#iefix') format('embedded-opentype'),
  url('//at.alicdn.com/t/font_519839_kft910esuu.woff') format('woff'),
  url('//at.alicdn.com/t/font_519839_kft910esuu.ttf') format('truetype'),
  url('//at.alicdn.com/t/font_519839_kft910esuu.svg#iconfont') format('svg');
}
html,body{min-width: 320px;overflow-x:hidden;font-family:"Microsoft Yahei"}
a{color:#333;text-decoration:none;}
a:hover{color:#e9280c;text-decoration:none;}
a:focus{text-decoration:none}
.met_clear{clear:both;}
.met_none{display:none}
.met_hidden{visibility:hidden}
.iconfont{font-family: 'iconfont';}
img{max-width: 100%;border: 0;transition:all .5s}
li{list-style: none;}
i,em{font-style: normal;}
h1,h2,h3,h4,h5,h6,ul,li{margin: 0;padding: 0;}
input,textarea{outline:none}
.tem_inner,.w1100{width:1000px;margin:0 auto;position:relative}
@media(min-width:1000px){.tem_inner,.w1100{width:1000px;}}
@media(min-width:1100px){.tem_inner,.w1100{width:1100px;}}
@media(min-width:1200px){.tem_inner{width:1200px;}}
.w80{width:85%;margin:0 auto;position:relative}
/**/
.tHide{text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
.blockFull{display: block;width: 100%;height: 100%;position: relative;}
.relative{position: relative;}
/*index nav*/
.tem_nav{position:fixed;top:0;width:100%;z-index:9998;transition:all .4s; background:#000;}
.pagehred_bg { background:#151515}
.tem_nav .logo{display:block;padding:28px 20px 20px 20px;transition:all .3s}
.tem_nav .logo img{transform:scale(1,1);}
.tem_nav .lists{padding:15px 20px;transition:all .3s}
.tem_nav .lists li{display:inline-block;position:relative;text-align:center;}
.tem_nav .lists li .fir_a{font-size:14px;color:#959595;display:inline-block;position:relative;transition:all .4s;overflow:hidden;margin:0 3px;height:46px;line-height:46px;}
.tem_nav .lists li .fir_a:after{content:'';position:absolute;bottom:0;left:0;height:1px;width:0;transition:all .36s;background:#a2a2a2}
.tem_nav .lists li a span {position:relative;transition:all .3s;display:block;padding:0 13px;}
.tem_nav .lists li a span:after {content:attr(data-title);position:absolute;top:100%;left:0;width:100%;text-align:center;color:#dcdcdc}
.tem_nav .lists li .fir_a:hover span {transform:translateY(-46px)}
.tem_nav .lists .active .fir_a:after{width:100%;}
.tem_nav .lists li a i{margin-left:5px;position:absolute;right:0;top:15px;}
.tem_nav .lists li:hover a,.tem_nav .lists .active a{color:#dcdcdc}
.tem_nav .lists li dl{position:absolute;top:66px;left:-50%;width:210px;transition:all .3s;opacity:0;transform:translate3d(0px, 10px, 0px);border-top:2px solid #717274;margin:0;visibility:hidden;box-shadow:0 13px 42px 11px rgba(0, 0, 0, 0.05)}
.tem_nav .lists li dl dd{border-bottom:1px solid #FFF;}
.tem_nav .lists li dl dd a{padding: 14px 30px;line-height: 20px;background: #fff;display: block;font-size: 12px;transition: all 0.2s ease-out 0s;color:#666 !important;margin:0}
.tem_nav .lists li dl dd a:hover{background: #151515;color: #fff !important;}
.tem_nav .lists li:hover dl{opacity:1;top:46px;visibility:visible}
.nav-search,.tem_nav .lists ul {float:right}
.nav-search {padding-left:15px;position:relative}
.nav-search a {display:block;line-height:46px;font-size:14px;color:#ccc}
.search_box1 {position:absolute;right:0;bottom:-59px;height:40px;display:none}
.search_box1 input[name="keyword"] {background:#FFF;border:2px solid #777;width:268px;height:100%;box-sizing:border-box;text-indent:15px;font-size:14px;color:#333}
.search_box1 .search1 {visibility:hidden;opacity:0}
/**/
.mini{background: #000;padding-top: 0px;box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.1);height: 60px;border:0;}
.mini .logo{padding:18px 10px 10px 10px;}
.mini .logo img{transform:scale(0.8, 0.8)}
.mini .lists{padding:5px 20px 0 20px}
.mini .lists li dl{top:46px;}
.mini .lists li:hover dl{opacity:1;top:46px;visibility:visible}
.mini .search_box1 {bottom:-54px;}
/**/
.banner {position:relative;overflow:hidden; margin-top:60px;}
.banner .flexslider  {border:0;margin:0}
.banner .flexslider_small {width:178px;position:absolute;left:calc(20% + 182px);bottom:0;height:70px;background:#FFF;border-radius:0;opacity:0;transition:all .3s}
.banner .flex-control-nav {position:absolute;bottom:50px;}
.banner .flex-control-nav li {width:20px;height:28px;display:inline-block;}
.banner .flex-control-nav li a {display:block;width:15px;height:15px;/*border:1px solid #FFF;*/transition:all .2s;background:#b69f75;border-radius:100%;}
.banner .flex-control-nav li .flex-active {box-shadow:0 0 0 5px #b69f75;background:#FFF}
.banner .flex-control-nav li:hover a{width:18px;height:18px;background:#b69f75;}
.banner .flexslider:first-child .flex-direction-nav {position:absolute;bottom:0;left:20%; display:none;}
.banner .flexslider:first-child .flex-direction-nav li {float:left;width:90px;height:70px;font-family:'iconfont';background:#FFF;text-align:center;line-height:70px; position:relative;transition:all .4s}
.banner .flexslider:first-child .flex-direction-nav li:first-child a:after {content:'';position:absolute;right:0;width:1px;height:18px;top:50%;background:#e7e7e7;margin:-7px 0 0}
.banner .flexslider:first-child .flex-direction-nav li a{position:relative;left:0;margin:0;top:0;text-indent:0;opacity:1;color:#b3b3b3;width:90px;height:70px;}
.banner .flexslider:first-child .flex-direction-nav li a:hover{color:#676767}
/*面包屑*/
.bread-crumbs{margin-bottom:50px; font-size:12px;}
.bread-crumbs-content{padding:0 20px;}
/*内页子栏目*/
#menu{margin:0;}
.sub-nav{padding:140px 0 30px 0;}
.sub-nav-wrap{border:1px solid #efefef;}
.sub-nav-wrap .sub{display:none;}
.sub-nav-wrap li{display:inline-block; padding:20px 30px; position:relative; text-align:center;}
.sub-nav-wrap li div{position:absolute; background:#fff; border:1px solid #efefef; width:116px; padding:10px 20px; z-index:999; left:0; top:60px;}
.sub-nav-wrap li div a{display:block; padding:10px 0;}
/*招聘*/
.job_list {/*background:#f6f6f6;*/padding:0 0 25px; margin:150px 0 0 0;}
.job_listbox {border-bottom:1px solid #ddd;padding:0 0 55px;/*top:-80px;*/position:relative}
.job_list dl {margin:0 ;padding:0;position:relative;}
.job_list dd {padding:0 3px;margin: 0 0 5px;transition:all .3s;position:initial;}
.job_list dd a.link {display:block;background:#FFF;padding:30px 42px 35px;transition:all .36s}
.job_list dd h2{font-size:20px;color:#000;margin:0 0 18px;}
.job_list .job_desc .delay{/*float:left;*/font-size:14px;color:#737373}
.job_list .job_desc .delay p {margin:0; line-height:30px;}
.job_list .job_desc span {/*float:right;*/width:120px;height:36px;display:inline-block; line-height:36px;border:1px solid #b2b2b2;margin-top:20px;/*border-radius:20px;*/font-size:12px;color:#000;text-align:center;transition:all .3s}
.job_list dd a.link{box-shadow:0 0px 10px rgba(0,0,0,0.18)}
.job_list dd a.link:hover {box-shadow:0 0px 10px rgba(0,0,0,0.38)}
.job_list dd a.link:hover .job_desc span {background:#111;color:#fff}

.other_back {position:fixed;width:100%;height:100%;top:0;left:0;z-index:3;display:none;}
.job_main {position:absolute;width:100%;height:100%;top:0;left:0;background:#FFF;display:none;z-index:4;}
.job_editor {position:relative;width:100%;height:100%;padding:40px 50px 105px;}
.job_editor h1 {font-size:20px;color:#000;}
.job_editor .date {font-size:14px;color:#000;margin:5px 0 0;}
.job_editor0 {margin:22px 0 0;font-size:14px;color:#737373;line-height:24px;}
.job_editor0 h5 {margin:0 0 8px;}
.job_main .form_link {position:absolute;width:128px;height:36px;line-height:36px;text-align:center;font-size:14px;color:#000;border:1px solid #b2b2b2;border-radius:25px;display:block;left:50px;bottom:44px;transition:all .3s}
.job_main .form_link:hover {background:#16ad92;border-color:#16ad92;color:#FFF}
.job_main .close_job{position:absolute;right:50px;top:40px;width:24px;height:24px;background:url(../images/icon7.png) 0 0 no-repeat;cursor:pointer}

.link{margin: 15px 0 5px;}

/*产品详情*/
.product-content{height:600px;}
.product-content .crighttxt{padding:40px 0 0 0; line-height:25px;}
.product-detail{padding:20px;}
#tab-title{height:35px; overflow:hidden; border-bottom:2px solid #151515; margin-top:20px;}
#tab-title h3{color:#666;font-size:14px;}
#tab-title .selected{color:#fff;border-bottom:0px; height:35px; line-height:35px!important; background:#151515; font-weight:bold; border:none;}
#tab-title span{height:34px; line-height:34px!important; padding:0 30px; color:#333; display:block; float:left;cursor:pointer; font-size:14px; background:#efefef; border:1px solid #dedede; border-bottom:none; margin:0 5px 0 0;}
#tab-content{padding:20px; border:1px solid #dedede; border-top:none;}
#tab-content .hide{display:none;} 
#tab-content ul{padding:0px; margin:0; /*overflow:hidden;*/ list-style:none;}
#tab-content ul li{padding:0; margin:0; overflow:hidden;/*list-style:none;*/}
/****询盘****/
.inquiry-container{ margin-bottom:50px;}
.inquiry-form{padding:20px 20px;border:1px solid #dedede; }
.inquiry-container h2{background:#000; color:#fff; line-height:40px; font-size:16px; text-indent:1em;}
.inquiry-container .row{margin-left:0px;margin-right:0px; }
.inquiry-container li img{height:30px;}
.inquiry-container a{color:#000000;}
.inquiry-col{padding:0!important;}
.inquiry-title{font-size: 24px;margin:0px 0px 40px;color:#cccccc;position: relative;}
.inquiry-title:before{width: 90%;content:"";position: absolute;border-top: 1px dashed #cccccc;right: 0;top:15px;}
.inquiry-title:after{width: 90%;content:"";position: absolute;border-bottom: 1px dashed #cccccc;right: 0;top:20px;}
.inquiry-chose{background-color:#162c4c;color:#ffffff;padding:0px 20px;line-height: 50px}
.inquiry-chose .inquiry-select select{height:30px;color:#000000;line-height: 30px;width: 100%;border:none;padding:0 20px;cursor:pointer;}
.inquiry-container .classification{padding:0;}
.inquiry-search{text-align: right;}
.inquiry-search input{width: 290px;height: 30px;line-height: 30px;padding:0 10px;color:#000000;display: inline-block;float: right;margin: 10px 0;border: 0}
.inquiry-search i{width: 40px;height: 30px;background: #a0a0a0;color: #ffffff;float: right;line-height: 30px;text-align: center;font-size: 20px;margin: 10px 0;cursor:pointer;}
.inquiry-container .product-list{padding:20px 0 30px;border-bottom: 1px dashed #737373;color:#000000;}
.inquiry-container .fa-play{color:#ffffff;background: #162c4c;width: 24px;height:24px;line-height: 24px;text-align: center;}
.inquiry-container .product-list .product-ul li{height:60px;line-height: 60px;color:#000000;border-bottom: 1px solid #f2f2f2;}
.inquiry-add,.inquiry-submit{background: #e60012;color:#ffffff;padding:8px 20px;width:150px;text-align: center;cursor: pointer;}
.inquiry-submit{margin-top: 30px;}
.inquiry-add .fa{font-size: 16px}
.inquiry-list{margin-top:20px;}
.inquiry-container .list-head{background: #f2f2f2;height:46px!important;line-height: 46px!important;}
.inquiry-list li{height:60px;line-height: 60px;color:#000000;border-bottom: 1px solid #f2f2f2;}
.inquiry-container .fa-times,.inquiry-container .fa-plus{font-size: 18px;cursor: pointer;}
.gm-row{margin:0;padding:0 !important;}
.inquiry-container .input-name{line-height: 40px;color:#0d0d0d;}
.inquiry-container  input, .inquiry-container textarea{font-size: 12px;padding:5px;}
.inquiry-container .input-type textarea{width: 100%;height:140px;border:1px solid #dedede; margin-bottom:5px;}
.inquiry-container .input-type input{width:70%;height:40px;margin-bottom: 10px; border:1px solid #dedede;}
.inquiry-container .input-star{color:#cd0406;}
.inquiry-container .input-verify{}
.inquiry-container .input-verify input{width:150px;height:40px;margin-bottom: 10px; border:1px solid #dedede; }
.inquiry-submit{margin:0 auto;margin-top: 40px; border:none;}
.inquiry-add-page{margin-top:30px;}
.inquiry-page {padding:8px 0;text-align:right;}
.inquiry-page li {display: inline;}
.inquiry-page li a{font-family: arial;background: #ffffff;padding: 2px 6px;margin: 0 2px;font-size: 12px;display: inline;border:1px solid #cccccc;}
.inquiry-page li a:hover {background: #f3f3f3;}
.inquiry-page li.active a{background: #f3f3f3;color: #ababab;}
.inquiry-page li.bgnone a{display: none;}
.submit-hide{display: none;}
.inquiry-captcha .captcha_src{
  height:40px;
}


/*-最新展览-*/
.tem_product {padding:80px 0 175px;overflow:hidden}
.tem_product .col-md-2,.tem_product .col-md-10 {padding:0}
.col-title {padding:0 0 40px;}
.col-title h4 {font-size:22px;color:#555;line-height:30px;position:relative}
.col-title em {font-size:15px;color:#999;line-height:30px;font-family:'Times New Roman'}
.tempro_nav a {display:block;font-size:13px;line-height:30px;padding-left:20px;margin-bottom:16px;box-sizing:border-box;color:#959595;transition:all .3s;position:relative}
.tempro_nav a:before {content:'';height:0px;width:1px;position:absolute;left:0;top:0;transition:all 0.36s;background:#959595;top:8px}
.tempro_nav a:first-child,.tempro_nav a:hover{color:#333}
.tempro_nav a:hover:before {height:12px}
.tempro_lists {background:url(../../images/tempro1.png) right -200px no-repeat;position:relative}
.tempro_lists .flexslider {border:0;box-shadow:none;background:none;margin:0}
.tempro_lists .leftimg {width:500px;overflow:hidden}
.tempro_lists .tempro_txt {position:absolute;left:30%;top:80px;background:#FFF;padding:54px 20px 24px 44px;width:450px;}
.tempro_lists .tempro_txt h3 {font-size:16px;color:#333;line-height:30px;transition:all .3s}
.tempro_lists .tempro_txt span {color:#666;line-height:22px;}
.tempro_lists .tempro_txt p {margin:30px 0 0;font-size:13px;line-height:26px;color:#999}
.tempro_lists .flexslider:first-child .flex-direction-nav {position:absolute;bottom:0;right:15%;background:#FFF}
.tempro_lists .flexslider:first-child .flex-direction-nav li {float:left;width:90px;height:70px;font-family:'iconfont';background:#FFF;text-align:center;line-height:70px; position:relative;transition:all .4s}
.tempro_lists .flexslider:first-child .flex-direction-nav li:first-child a:after {content:'';position:absolute;right:0;width:1px;height:18px;top:50%;background:#e7e7e7;margin:-7px 0 0}
.tempro_lists .flexslider:first-child .flex-direction-nav li a{position:relative;left:0;margin:0;top:0;text-indent:0;opacity:1;color:#b3b3b3;width:90px;height:70px;background:#FFF}
.tempro_lists .flexslider:first-child .flex-direction-nav li a:hover{color:#676767}
.tempro_lists .temproflex2 {position:absolute;right:calc(20% - 180px);bottom:0;width:200px;}
.tempro_lists .leftimg:hover img {transform:scale(1.1)}
.col-title h4:after {content:'';position:absolute;height:3px;width:0;background:#595959;transition:all 0.36s;left:-40px;top:50%;}
.tem_product .container:hover .col-title h4:after {width:30px;}
/*馆藏精选*/
.tem_picture {padding:0 0 90px;overflow:hidden; margin-top:60px;}
.tem_picture .col-title {float:left;padding:0}
.tem_picture .container:hover .col-title h4:after{width:30px;}
.tempic_head {padding:0 0 30px;border-bottom:1px solid #eee}
.smallnav {float:right;}
.smallnav a {font-size:13px;line-height:30px;display:inline-block;margin:0 17px;color:#959595}
.smallnav a:first-child,.tem_picture .smallnav a:hover {}
.smallnav a img{height:60px;}
.smallnav a span{display:block; text-align:center;margin-top:10px;}
.smallnav a p{margin:0;}
.smallnav a.more {font-size:14px;color:#a7a7a7;padding:0 16px 0 50px;position:relative}
.smallnav a.more:before {opacity:0;content:'';height:1px;position:absolute;left:0;top:50%;transition:all 0.36s;width:0;background:#333}
.smallnav a.more:hover {color:#333}
.smallnav a.more:hover:before {width:40px;opacity:1}
.tempiclists {padding:60px 0 0;overflow:hidden}
.tempiclists .lists ul{font-size:0; vertical-align:top;}
.tempiclists .lists ul li{width:285px;margin-bottom:10px; display:inline-block; vertical-align:top;}
.tempiclists .lists .item {padding-right:15px;}
.tempiclists .lists .item a {display:block;position:relative}
.tempiclists .lists .tempic_txt2 {padding:24px 0;transition:all 0.56s;}
.tempiclists .lists .tempic_txt2 h4 {font-size:16px;color:#333;line-height:26px; text-align:center;}
.tempiclists .lists .tempic_txt2 span {font-size:14px;color:#777;transition:all 0.36s;line-height:26px;display:block}
.tempiclists .lists .tempic_txt1 {position:absolute;background:#FFF;top:80px;left:0;width:90%;/*height:calc(100% - 150px);*/ height:240px; padding:40px;padding-top:40px;opacity:0;transition:all 0.56s;margin:0 5%}
.tempiclists .lists .tempic_txt1 h3 {font-size:16px;color:#333;line-height:30px;transition:all .3s}
.tempiclists .lists .tempic_txt1 span {font-size:14px;line-height:22px;color:#777;}
.tempiclists .lists .tempic_txt1 p {padding:20px 0 0 45px;position:relative;margin:13px 0 0;font-size:13px;line-height:26px;height:52px;overflow:hidden;color:#999}
.tempiclists .lists .tempic_txt1 em {line-height:22px;display:inline-block;height:25px;border:1px solid #c9a063;font-size:14px;color:#FFF;margin:42px 0 30px 20px;padding:0 12px;font-family:'Times New Roman', Times, serif;background:#c9a063;}
.tempiclists .lists .tempic_txt1 em i {padding-left:10px;}
.tempiclists .lists .tempic_txt1:after {content:'';position:absolute;bottom:0;left:0;width:100%;height:3px;background:#c9a063;}
.tempiclists .lists .item a:hover .tempic_txt2 {opacity:0;filter: blur(14px);}
.tempiclists .lists .item a:hover .tempic_txt1 {opacity:1;top:15px;}
.tempiclists .owl-buttons div {position:absolute;top:30%;font-size:30px;color:#b3b3b3;width:40px;text-align:center}
.tempiclists .owl-buttons .owl-prev {left:-40px;}
.tempiclists .owl-buttons .owl-next{right:-25px;}
/*首页数字数据*/
.tem_num {background:url(../../images/temnum.jpg) 0 0 no-repeat;height:260px;padding:85px 0 0;overflow:hidden}
.tem_num p {display:block;font-size:50px;font-family:'Times New Roman', Times, serif;text-align:center;line-height:52px;position:relative;color:#FFF}
.tem_num p i {font-size:14px;position:relative;top:-20px;left:3px;vertical-align:top}
.tem_num span {display:block;text-align:center;font-size:13px;line-height:30px;color:#9a9a9a;}
/*学术研究*/
.tem_news {padding:80px 0;overflow:hidden}
.tem_news .col-title {float:left;padding:0}
.tem_news .container:hover .col-title h4:after{width:30px;}
.temnewslists {margin:60px 0 0;min-height:700px;position:relative}
.temnewslists ul{font-size:0;}
.temnewslists li {  
    box-sizing: border-box;    
	transition: all 0.36s ease;
    width: calc(100% / 3 - 40px);
    height: auto;
    /*float: left;*/
    margin-right: 60px;
    margin-bottom: 20px;
    box-shadow: 0 0 0px rgba(0, 0, 0, 0.15);/*position:absolute*/ display:inline-block;}
.temnewslists li.odd{margin-right:0;}
.temnewslists li a {display:block;padding:20px 0 20px;border-top:1px solid rgba(170, 170, 170, 0.2);transition:all 0.3s}
.temnewslists li h4 {font-size:16px;line-height:30px;color:#333;transition:all .3s;margin:10px 0 0}
.temnewslists li .desc {margin:13px 0 0;font-size:13px;line-height:26px;height:52px;color:#999;transition:all 0.36s;overflow:hidden;}
.temnewslists li .more_date {margin:30px 0 0;}
.temnewslists li .img {overflow:hidden}
.temnewslists li .more_date em{float:left;font-size:12px;color:#999;line-height:30px;transition:all .3s}
.temnewslists li .more_date em i{font-size:18px;line-height:32px;left:-10px;position:relative;opacity:0;transition:all .3s}
.temnewslists li .more_date span{float:right;font-size:22px;color:#666;line-height:8px;font-family:'Times New Roman', Times, serif}
.temnewslists li .more_date span i {font-size:14px;vertical-align:bottom;line-height:22px;color:#888;float:right}
.temnewslists li a:hover {border-top-color:#333;}
.temnewslists li a:hover h4,.temnewslists li a:hover .more_date em {color:red}
.temnewslists li a:hover .more_date em i {opacity:1;padding-left:20px;color:red}
.temnewslists li a:hover img {transform:scale(1.08)}
/*首页关于美术馆*/
.tem_about {background:url(../../images/temab.jpg) 0 -50px no-repeat;padding:85px 0 125px 0;overflow:hidden}
.tem_abeditor {padding:15px 0 0;}
.tem_abeditor  .leftimg,.tem_abeditor  .righteditor{padding:0}
.tem_abeditor  .righteditor {background:#FFF;position:relative;top:60px;padding:60px;}
.tem_abeditor  .righteditor h5 {font-size:18px;color:rgb(89, 89, 89);margin:0 0 35px;}
.tem_abeditor  .righteditor p {font-size:13px;line-height:26px;color:#999}
.tem_abeditor  .righteditor .more {color:#999;font-size:12px;margin:24px 0 0;position:relative}
.tem_abeditor  .righteditor .more:after {content:'';position:absolute;top:0;left:0;width:0;height:1px;background:#999;transition:all .3s}
.tem_abeditor  .righteditor:hover .more:after {width:100%}
.page_wrap{padding-top:50px;}
/*视屏*/
.video_banner {position:relative;overflow:hidden;cursor:pointer}
.video_banner span {position:absolute;width:100%;top:60%;text-align:center;left:0;opacity:0;transition:all .3s}
.video_banner span i {font-size:25px;color:#FFF;width:80px;height:80px;border:2px solid rgba(255, 255, 255, .75);line-height:80px;border-radius:100%;background:rgba(0, 0, 0, 0.5);display:inline-block;font-family:'iconfont';}
.video_banner:hover span {opacity:1;top:50%}
.video_banner:hover img {transform:scale(1.1)}
.fix_videobg {position:fixed;left:0;top:0;width:100%;height:100%;background:rgba(0, 0, 0, 0.9);z-index:999;padding:8% 0 0;display:none}
.fix_videobg .video_mp4 {width:960px;height:618px;padding:10px;background:#FFF;margin:0 auto}
.fix_videobg .video_mp4 video {width:100%;height:540px;}
.fix_videobg .video_mp4 h3 {font-size:16px;color:#2e2e2e;margin:10px 0 0}
.fix_videobg .video_mp4 em {color:#7d7d7d;font-size:13px;line-height:22px;margin:6px 0 0}
/*交流服务*/
.tem_artist {padding:80px 0 115px;background:#f8f8f8;overflow:hidden}
.tem_artist .container:hover .col-title h4:after{width:30px;}
.artist_lists .item .img {overflow:hidden}
.artist_lists .txt_xx {padding:30px 25px 35px;transition:all 0.3s}
.artist_lists .txt_xx  h3 {font-size:16px;line-height:30px;color:#333;transition:all 0.3s}
.artist_lists .txt_xx  span {font-size:14px;line-height:22px;color:#999;display:block;}
.artist_lists .txt_xx p {margin:20px 0 0;font-size:13px;line-height:26px;height:52px;overflow:hidden;color:#999;}
.artist_lists .txt_xx .more {font-size:12px;margin:30px 0 0;color:#646464;font-family: 'Times New Roman', Times, serif;opacity:1;transition:all 0.3s}
.artist_lists .txt_xx .more i {transition:all 0.3s}
.artist_lists .item:hover img {transform:scale(1.1)}
.artist_lists .item:hover .txt_xx {background:#333;padding:40px 25px 25px;}
.artist_lists .item:hover .more {opacity:1;color:rgb(211,211,211)}
.artist_lists .item:hover h3 {color:red}
.artist_lists .item:hover .more i {padding-left:15px;}

.tem_yishu { background:url(.././images/temartist.png) center 85px no-repeat;padding:150px 0 300px;position:relative;overflow:hidden}
.tem_yishu .container:hover .col-title h4:after{width:30px;}
.biglists { position:relative;}
.lists_yishu {width:60%}
.lists_yishu li .col-md-6{padding:0}
.lists_yishu li .img {overflow:hidden;width:360px;float:left}
.lists_yishu li .rlt_txt1 {background:#212121;width:calc(100% - 360px);padding:82px 60px;height:360px;float:left;position:relative}
.lists_yishu li .rlt_txt1 h3 {font-size:16px;line-height:30px;color:#FFF;}
.lists_yishu li .rlt_txt1  span {font-size:14px;line-height:22px;color:#999;display:block}
.lists_yishu li .rlt_txt1 p {margin:32px 0 0;font-size:13px;line-height:26px;height:52px;overflow:hidden;color:#7a7979}
.lists_yishu li .rlt_txt1 em {position: absolute;
    bottom: 40px;
    left: 60px;
    margin: 0;
    padding: 0;
    margin-top: 30px;
    font-size: 12px;
    color: #727272;
    opacity: 1;
    display: block;}
.lists_yishu li .rlt_txt1 em i {    font-size: 18px;
    line-height: 32px;
    vertical-align: -2px;
    position: relative;
    opacity: 0;
    left: -10px;
    transition: 0.36s ease;
    color: #727272;}
.lists_yishu li a:hover .rlt_txt1 em i{opacity:1;left:10px}	
.lists_yishu li a:hover img { transform:scale(1.1)}
.tem_index_artist li{ position:absolute;width:180px;height:180px;overflow:hidden}
.tem_index_artist li .red_box { position:absolute;width:100%;height:100%;background:#ee1c25;top:0;left:90px;padding:24px;transition:all 0.36s;opacity:0}
.tem_index_artist li .red_box h2 {font-size:17px;line-height:40px;color:#FFF;transition:all 0.36s}
.tem_index_artist li .red_box span {font-size:14px;color:rgba(255,255,255,0.9);line-height:22px;display:block}
.tem_index_artist li .red_box:after {content:attr(date-num);position:absolute;bottom:24px;right:24px;font-size:20px;color:#FFF;transition:all 0.16s;opacity:0;font-family:'Times New Roman', Times, serif;}
.tem_index_artist li:hover .red_box,.tem_index_artist .flex-active .red_box{left:0;opacity:1}
.tem_index_artist li:hover .red_box:after,.tem_index_artist .flex-active .red_box:after { opacity:1}
.tem_index_artist .small0  {top:-180px;left:calc(60% - 180px)}
.tem_index_artist .small1 { top:0;left:60%}
.tem_index_artist .small2 { top:180px;left:calc(60% + 180px)}
.tem_index_artist .small3 {top:360px;left:60%}
.tem_yishu .flex-direction-nav { position:absolute;top:56%;left:61.5%}
.tem_yishu .flex-direction-nav li a { font-family:'iconfont';font-size:18px;color:#b5b5b5;text-indent:0;opacity:1;top:0;transition:all .36s;margin:0;line-height:48px;}
.tem_yishu .flex-direction-nav li a:hover {color:#333}
.tem_yishu .flex-direction-nav li:first-child a:after{width:1px;height:18px;content:'';background:#e1e1e1;position:absolute;right:0;top:25%}
/*合作伙伴*/
.tem_friends { background:#fff;padding:60px 0 90px 0 ;}
.tem_friends .lists .item {text-align:center;padding:0 5px 10px;}
.tem_friends .lists .owl-buttons div { position:absolute;top:35%;font-size:26px;color:#b3b3b3;width:50px;height:50px;line-height:50px;text-align:center;transition:all .36s}
.tem_friends .lists .owl-buttons .owl-prev {left:-50px;}
.tem_friends .lists .owl-buttons .owl-next {right:-50px} 
.tem_friends .lists .owl-buttons .owl-prev:hover {padding-right:10px;color:#232323;}
.tem_friends .lists .owl-buttons .owl-next:hover {padding-left:10px;color:#232323}
.tem_friends .lists .item a { display:block;transition:all .36s}
.tem_friends .lists .item a:hover { box-shadow: 0 0 40px rgba(0, 0, 0, 0.1);}
/**/
.foot_contact{padding:20px 0; background:#f8f8f8;}
.foot_contact ul{font-size:0;}
.foot_contact ul li{display:inline-block;width:25%; vertical-align:top; position:relative; cursor:pointer;}
.foot_contact ul li div{margin:10px;padding:10px 30px; border:1px solid #dedede;border-radius:3px;}
.foot_contact ul li .qrcode{display:none; position:absolute; z-index:99; left:95px;}
.foot_contact ul li .qrcode img{width:120px;}
.foot_contact ul li div span{display:inline-block;padding-left:20px; color:#666;}
.foot_contact ul li div span p{font-size:14px; margin:0;}
.foot_contact ul li div span p.title{font-size:20px;}
.foot_contact ul li i.fa{width:45px; height:45px; line-height:45px; text-align:center; font-size:36px; color:#666; vertical-align:top;}
/*底部联系方式*/
.tem_contact { padding:80px 0; border-top:1px solid #efefef;}
.tem_contact .temfoottitle h3 {font-size:24px;line-height:30px;color:#555;}
.tem_contact .temfoottitle p {    font-size: 14px;
    color: #bbb;
    line-height: 26px;}

.share_box {padding:36px 0 0}
.share_box a {display:inline-block;margin-right:10px;width:30px;height:30px;line-height:30px;font-size:18px;text-align:center;transition:all .3s;color:#B3B3B3}
.share_box a:hover { color:#FFF;background:#ee1c25}
.share_box div{padding: 0 10px;}
.share_box .weixin{display:inline-block;}
.share_box .weibo{display:inline-block;}
.share_box div span{display:block; line-height:25px; text-align:center;}
.share_box .weixin img, .share_box .weibo img{width:120px;}
.fix_ewm {position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.5);padding:15% 0 0;text-align:center;display:none;z-index:300}
.tem_contact .col-md-3 span {font-size:16px;color: #6c6c6c;display:block}
.tem_contact .col-md-7 h4{font-size:16px;line-height:24px;color:#6c6c6c;margin:0 0 30px;}
.tem_contact .contact_xx span {font-size:13px;color:#989898;line-height:28px;margin:0 0 4px;padding:0}
.copy_foot {background:#f3f3f3;width:100%;padding:10px 56px;}
.copy_foot p{display:inline-block;font-size:12px;color:#939393;height:20px;line-height:20px;padding-right:35px;margin:0}
.copy_foot a {color:#939393;font-size:12px;display:inline}
/*-right share-*/
.right_share {position:fixed;right:0;bottom:15%;z-index:9999}
.wechat-qrcode {display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.6);padding:15% 0 0}
.wechat-qrcode h4 {width:260px;font-size:14px;margin:0 auto;padding:0 26px;background:#FFF;color:#000;line-height:35px;}
.wechat-qrcode .qrcode {width:260px;margin:0 auto;background:#FFF;padding:0 26px;}
.wechat-qrcode .help {background:#FFF;font-size:12px;color:#000;line-height:30px;padding:0 26px;width:260px;margin:0 auto;}
.wechat-qrcode .help p {margin:0}
.online_kf {width:42px;height:42px;background:#fff;font-size:18px;color:#666;line-height:42px;text-align:center;cursor:pointer;position:relative;transition:all .36s;border:1px solid #e6e6e6;top:2px;}
.online_kf:hover {background:#ee1c25;color:#FFF}
.on_share {width:42px;}
.on_share a {display:block;width:42px;height:42px;text-align:center;line-height:42px;color:#666;font-size:16px;background:#FFF;border:1px solid #e6e6e6;position:relative;top:2px;}
.on_share a:first-child+a {font-size:21px;}
.on_share a:hover {background:#ee1c25;color:#FFF}
.backtop {width:42px;height:42px;background:#FFF;line-height:42px;text-align:center;font-size:20px;color:#666;opacity:0;transition:all .3s;cursor:pointer;border:1px solid #e6e6e6}
.backtop:hover { background:#ee1c25;color:#FFF}
.filt_op {opacity:1}
.on_line_kefu {width:192px;background:#FFF;box-shadow:0 5px 9px rgba(4, 0, 0, .17);position:absolute;right:-200px;bottom:120px;transition:all .6s}
.on_line_kefu .olx_head {background:#535353;padding:20px;line-height:16px;color:#FFF;font-size:14px;}
.on_line_kefu .olx_head i {font-size:18px;color:#FFF;transition:all .6s;float:right}
.listqq  a{background:#f5f5f5;padding:12px 30px;color:#353434;font-size:12px;display:block;line-height:18px;text-align:left;transition:all .5s}
.listqq  a:hover {background:rgb(135,135,135);color:#FFF}
.oxl_tel {padding:20px 30px;}
.oxl_tel h2 {color:#434343;line-height:14px;height:14px;margin:0 0 10px;font-size:12px;}
.oxl_tel h2 i {font-size:18px;margin-right:20px;vertical-align:middle}
.oxl_tel p {font-family:'Times New Roman', Times, serif;line-height:18px;font-size:16px;color:#929292}
.on_line_kefu .olx_head i:hover {transform:rotate(120deg)}
/*最新展览内页列表*/
.pagepro_list { padding:118px 0 99px;}
.pro_lists {padding:55px 0 0}
.pro_lists ul li img{width:100%;}
.pagepro_list .sub,.pagepro_list .sub a{font-size:12px;color:#666}
.pagepro_list .sub em {color:#333}
.pronav a {display:block;font-size:13px;line-height:30px;/*padding:10px 20px;*/ padding-left:20px;margin-bottom:16px;box-sizing:border-box;color:#959595;transition:all .3s;position:relative; font-weight:bold;}
/*.pronav a:before {content:'';height:1px;width:0px;position:absolute;left:20px;top:0;transition:all 0.36s;background:#959595;}*/
.pronav a:before{    content: '';
    height: 0px;
    width: 1px;
    position: absolute;
    left: 0;
    top: 0;
    transition: all 0.36s;
    background: #959595;
    top: 8px;}
.pronav a:first-child,.pronav a:hover{color:#333}
.pronav a.current:before,.pronav a:hover:before {height:12px; /*width:45px;*/}
.pronav .sub{display:none;padding-left:1em;}
.pronav div.current{display:block;}
.pronav .sub a{font-weight:normal;}


/**/
.pagelist li { position:relative;margin:0 0 30px;}
.pagelist li .img{/*width:260px;*/float:left;overflow:hidden}
.pagelist li .title{float:left; /*padding:10px 0;*/ text-align:center; width:100%; height:40px; line-height:40px; background:#f5f5f5;}
.pagelist li .txt_pro {float:left;width:calc(100% - 260px);padding:48px 50px 50px 60px;height:260px;transition:all .3s}
.pagelist li .txt_pro h3 {font-size:16px;line-height:30px;color:#333;transition:all .36s}
.pagelist li .txt_pro span {    transition: all 0.36s;
    color: #777;
    font-size: 14px;
    line-height: 22px;}
.pagelist li .txt_pro p {border-top:1px solid #dfdfdf;padding:24px 0 0;margin:20px 0 0;color:#999;overflow:hidden;height:52px;line-height:26px;font-size:13px;transition:all .36s}	
.pagelist li .txt_pro em {font-family:'Times New Roman', Times, serif;padding:0 20px;color:#999;line-height:30px;transition:all .36s;font-size:12px;position:absolute;bottom:20px;right:30px;}
.pagelist li .txt_pro em i {font-size:18px;line-height:32px;opacity:0;left:-10px;transition:all .36s;position:relative}
.pagelist li:hover .txt_pro {background:rgb(248,248,248);}
.pagelist li:hover img { transform:scale(1.1)}
.pagelist li:hover h3 {color:red}
.pagelist li:hover .txt_pro em i { opacity:1;left:6px}
/*分页*/
.page {padding:30px 0}
.page li { width:50px;height:38px;display:inline-block;text-align:center;font-size:14px;color:#232323;line-height:38px;transition:all .36s;margin:0 3px;}
.page li a {font-size:14px;color:#232323;display:block}
.page li a:hover,.page .active a {color:#FFF;background:#000}
/*产品内页*/
.proshow {padding:135px 0 60px 0;}
.proshow .leftshow h4{font-size:17px;color:#444;line-height:20px;transition:all .3s}
.proshow .leftshow span {    color: #999;
    font-size: 12px;
    margin-top: 4px;
    transition: all .3s ease-out 0s;
    line-height: 14px;display:block;border-bottom:1px solid rgba(0, 0, 0, .08);padding:0 0 30px;}
.proshow .leftshow p {margin-top: 20px;
    font-size: 13px;
    line-height: 24px;
    margin-bottom: 24px;
    color: #888;}
.right_editor .title_first {font-size:16px;color:666;font-weight:600}
.right_editor  .editor {font-size:13px;color:#666;line-height:24px;}
.proshow .prenext {border-top:1px solid rgba(0, 0, 0, .09);}
.proshow .prenext a {height:110px;padding:10px;position:relative;transition:all .3s}
.proshow .prenext a:first-child {padding-left:85px;}
.proshow .prenext a:first-child+a {padding-right:85px;}
.proshow .prenext a h3 {font-size: 16px;
    line-height: 20px;
    color: #666;margin:15px 0 0;transition:all .3s}
.proshow .prenext a span {    height: 30px;
    font-size: 13px;
    line-height: 30px;color:#666;font-family:'Times New Roman', Times, serif;transition:all .3s}
.proshow .prenext a .leftfa { position:absolute;left:22px;top:29%;border-right:1px solid rgba(170, 170, 170, 0.2);width:40px;font-size:20px;color:#999;font-weight:400;height:20px;}
.proshow .prenext a .rightfa { position:absolute;right:22px;top:29%;border-left:1px solid rgba(170, 170, 170, 0.2);width:40px;font-size:20px;color:#999;font-weight:400;height:20px;}
.proshow .prenext a .rightfa i { transition:all .3s;position:absolute;left:25px;}
.proshow .prenext a .leftfa i {transition:all .3s;position:absolute;right:25px;}
.proshow .prenext a .rightfa i:first-child { left:-30px;opacity:0}
.proshow .prenext a .leftfa i:first-child+i {right:-30px;opacity:0}
.proshow .prenext a:hover { background:#000;}
.proshow .prenext a:hover h3,.proshow .prenext a:hover span {color:#FFF}

.proshow .prenext a:hover .rightfa i:first-child {left:25px;opacity:1;color:#FFF}
.proshow .prenext a:hover .leftfa i:first-child+i {right:25px;opacity:1;color:#FFF}

.proshow .prenext a:hover .rightfa i:first-child+i {left:80px;opacity:0}
.proshow .prenext a:hover .leftfa i:first-child{right:80px;opacity:0}
/*猜你喜欢*/
.other_pro {margin:35px 0 0;padding:75px 0 0;border-top:1px solid rgba(170, 170, 170, 0.2)}
.other_pro li {padding:0 7px;}
.other_pro li .img { overflow:hidden;}
.other_pro li h5 {font-size:15px;color:#333;transition:all .36s;line-height:30px;margin:25px 0 0}
.other_pro li span {font-size:13px;color:#777;transition:all .36s;line-height:22px;display:block}
.other_pro li:hover img { transform:scale(1.1)}
/*馆藏精选*/
.page_collection {padding:108px 0;}
.tempic_head .sub {float:left}
.tempic_head .sub,.tempic_head .sub a{font-size:12px;color:#666}
.tempic_head .sub em {color:#333}
.tempic_head .smallnav a:hover {color:#333}
.page_collection .tempic_head {border:0}

.collection_list li {padding:0 7px;}
.collection_list li a {display:block;position:relative}
.collection_list li .tempic_txt2 {padding:24px 0;transition:all 0.56s;}
.collection_list li .tempic_txt2 h4 {font-size:16px;color:#333;line-height:26px;}
.collection_list li .tempic_txt2 span {font-size:14px;color:#777;transition:all 0.36s;line-height:26px;display:block}
.collection_list li .tempic_txt1 {position:absolute;background:#FFF;top:50px;left:0;width:90%;height:calc(100% - 150px);padding:44px;padding-top:100px;opacity:0;transition:all 0.56s;margin:0 5%}
.collection_list li .tempic_txt1 h3 {font-size:16px;color:#333;line-height:30px;transition:all .3s}
.collection_list li .tempic_txt1 span {font-size:14px;line-height:22px;color:#777;}
.collection_list li .tempic_txt1 p {padding:20px 0 0 45px;position:relative;margin:13px 0 0;font-size:13px;line-height:26px;height:52px;overflow:hidden;color:#999}
.collection_list li .tempic_txt1 em {line-height:22px;display:inline-block;height:25px;border:1px solid red;font-size:14px;color:#FFF;margin:42px 0 30px 20px;padding:0 12px;font-family:'Times New Roman', Times, serif;background:red}
.collection_list li .tempic_txt1 em i {padding-left:10px;}
.collection_list li .tempic_txt1:after {content:'';position:absolute;bottom:0;left:0;width:100%;height:3px;background:red;}
.collection_list li  a:hover .tempic_txt2 {opacity:0;filter: blur(14px);}
.collection_list li  a:hover .tempic_txt1 {opacity:1;top:25px;}
.picshow {padding:130px 0 35px;}
.displayimg-banner .owl-pagination { position:absolute;bottom:40px;text-align:center;width:100%;left:0}
.displayimg-banner .owl-pagination div { display:inline-block;width:24px;height:22px;margin:0 3px;position:relative}
.displayimg-banner .owl-pagination div span {position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);background:rgba(255, 255, 255, 0.7);border-radius:100%;border:1px solid #ffffff;transition:all .2s;display:block;width:2px;height:2px;}
.displayimg-banner .owl-pagination div:hover span,.displayimg-banner .owl-pagination .active span { box-shadow:0 0 0 5px rgba(0, 0, 0, .3);border:0;width:4px;height:4px;}
.displayimg-banner .owl-pagination div:hover span {width:4px;height:4px;border:0}
.displayimg-banner .owl-buttons div{ position:absolute;top:50%;width:50px;height:50px;color:#b3b3b3;font-size:22px;text-align:center;line-height:50px;}
.displayimg-banner .owl-buttons .owl-prev {left:-50px}
.displayimg-banner .owl-buttons .owl-next {right:-50px;}
.picshow .nyeditor {padding:60px 0 100px;}
.picshow .nyeditor .leftpic h3 { line-height:28px;font-size:18px;color:#444;}
.picshow .nyeditor .leftpic span {    line-height: 24px;
    font-size: 13px;
    color: #c1c1c1;margin:4px 0 0;}
.picshow .nyeditor .righttxt em {font-size:13px;color:#929292;line-height:30px;padding: 0 0 30px; border-bottom:1px solid rgba(0, 0, 0, .08);display:block;margin:0 0 45px;}
.picshow .nyeditor .editor {font-size:13px;color:#666;line-height:24px}	
/*学术研究*/
.page_news {padding:120px 0 60px 0;}
.page_news .tempic_head {border:0}
.page_news .temnewslists {border:0;margin:0}
.page_news .temnewslists li a:hover {/*padding:20px 0 50px;*/}
.page_news .temnewslists li a:hover h4 {/*margin:10px 0 0*/}
.col-newsa {border-top:1px solid rgba(170, 170, 170, 0.2);padding:20px 0 30px;}
.col-newsa a {display:inline-block;color:#828282;line-height:26px;margin-right:10px;padding-right:20px;font-size:12px;}
.col-newsa a:hover {color:#ee1c25}
.newsshow .prenext a h3 {line-height:90px;margin:0}
.newsshow .prenext a .leftfa,.newsshow .prenext a .rightfa {top:41%}
/*-关于我们-*/
.page_about {padding:140px 0 85px;}
.page_about .pagehead h3 {    font-size: 18px;
    margin-bottom: 3px;}
.page_about .pagehead p {    color: #999;
    font-size: 12px;text-transform: uppercase;}
.btline {
    width: 35px;
    border-bottom: 1px solid #111;
    height: 15px;
    margin: auto;
}
/*格兰文化*/
.aboutwh ul {
    padding-top: 69px;
	overflow:hidden;
	text-align:center;
}
.aboutwh ul li:hover {
    background: #111;
}
.aboutwh ul li:hover p,.aboutwh ul li:hover em{color:#fff;}
.aboutwh ul li {
    width: 192px;
    height: 192px;
    text-align: center;
    background: #fff;
    float: left;
    margin-right:35px;
    border-radius: 96px;
    transition: 0.5s all;
    -webkit-transition: 0.5s all;
    -moz-transition: 0.5s all;
    -o-transition: 0.5s all;
}
.aboutwh ul li:hover .whline {
    border-bottom: 1px solid #fff;
}
.aboutwh ul li em {
    font-size: 20px;
    color: #727272;
    margin-top: 50px;
	    display: inline-block;
}
.whline {
    width: 35px;
    border-bottom: 1px solid #666666;
    height: 14px;
    margin: auto;
}
.aboutwh ul li p {
    color: #929292;
    font-size: 12px;
    width: 140px;
    margin: 13px auto 0px auto;
}
.aboutwh {
    height: 331px;
	    margin: 40px 0 0;
}
/*荣誉*/
.aboutcu {
    width: 700px;
    margin:40px auto;
    text-align: center;
    font-size: 12px;
    line-height: 24px;
}
.honorlist .item:hover img {
    transform: scale(1.1);
    transition: 0.3s;
}
.honorlist .item img {
    width: 100%;
    transition: 0.3s;
}
.honorlist .item {
    display: inline-block;
       margin: 0 10px;
    overflow: hidden;
    position: relative;
}
.honorlist .owl-prev {
    position: absolute;
    left: -50px;
    top: 35%;
    width: 47px;
    height: 75px;
    background: url(../../images/arrowl.png) no-repeat;
    font-size: 0;
}
.honorlist .owl-next {
    position: absolute;
    right: -50px;
    top: 35%;
    width: 47px;
    height: 75px;
    background: url(../../images/arrowr.png) no-repeat;
    font-size: 0;
}
/*服务宗旨*/
.purpose .bot {
    height: 500px;
    padding: 60px;
    background-color: #fff;
    margin-top: 30px;
}
.purpose .bot li {
    width: 333px;
    height: 500px;
    float: left;
    text-align: center;
}
.purpose .bot .tu {
    width: 333px;
    height: 240px;
    text-align: center;
    background: url(../../images/pur1.png) center center no-repeat;
	line-height: 240px;
}
.purpose .bot .tu:hover {
    background: url(../../images/pur6.png) center center no-repeat;
}
.fz1 {
    font-size: 18px;
}
.purpose .bot .fuc {
    height: 40px;
    line-height: 20px;
    width: 224px;
    margin: 10px auto;
}
.elp {
    word-wrap: break-word;
    overflow: hidden;
}

/*品质承洛*/

.promise .mot {
    height: 112px;
    margin-top: 35px;
}
.zz {
    color: #999999;
}
.fz3 {
    font-size: 16px;
}
.fz2 {
    font-size: 12px;
}
.bod {
    font-weight: bold;
}
.mt10 {
    margin-top: 10px;
}
.promise .ant {
    height: 480px;
    text-align: left;
    margin-top: 40px;
	    position: relative;
}
.promise .ant ul {
    width: 1130px;
    margin-left: 35px;
    overflow: hidden;
}
.promise .ant li {
    width: 320px;
    float: left;
    margin-right: 44px;
}
.promise .ant .shuom {
    height: 40px;
    margin-top: 40px;
}
.promise .ant .shuom .box {
    height: 40px;
    width: 40px;
    border: 1px solid #ad803f;
    color: #ad803f;
    font-size: 20px;
    line-height: 40px;
    text-align: center;
    float: left;
    margin-right: 10px;
}
.fl {
    float: left;
}
.promise .ant .shuom .bo {
    color: #b69160;
    font-size: 16px;
}
.elp {
    word-wrap: break-word;
    overflow: hidden;
}
.promise .di {
    height: 243px;
    background-color: #eeeeee;
    position: absolute;
    bottom: 0px;
    width: 100%;
    _left: 0px;
}
.about_video.promise {
    position: relative;
}
/*品质保证*/
.guarantee {
    text-align: center;
}
.guarantee .gh {
    width: 900px;
    height: 66px;
    line-height: 22px;
    margin: 0 auto;
    margin-top: 25px;
}
.guarantee .bbt {
    height: 20px;
    padding-top: 70px;
    text-align: center;
    color: #1f5186;
    font-size: 17px;
}
.guarantee .criterion {
    height: 440px;
       width: 100%;
    position: relative;
    margin: 40px 0 0;
}
.guarantee .criterion .mac {
    margin: 0 auto;
    margin-left: -40px;
}
.guarantee .criterion .y1 {
    height: 20px;
    line-height: 20px;
    width: 250px;
    text-align: center;
    position: absolute;
    top: 71px;
    left: 193px;
}
.fr {
    float: right;
}
.guarantee .criterion .y2 {
    height: 20px;
    line-height: 20px;
    width: 250px;
    text-align: center;
    position: absolute;
    top: 242px;
    left: 153px;
}
.guarantee .criterion .y3 {
    height: 20px;
    line-height: 20px;
    width: 280px;
    text-align: center;
    position: absolute;
    top: 379px;
    left: 233px;
}
.guarantee .criterion .y4 {
    height: 20px;
    line-height: 20px;
    width: 240px;
    text-align: center;
    position: absolute;
    top: 71px;
    right: 159px;
}
.fl {
    float: left;
}
.guarantee .criterion .y5 {
    height: 20px;
    line-height: 20px;
    width: 250px;
    text-align: center;
    position: absolute;
    top: 242px;
    right: 110px;
}
.guarantee .criterion .y6 {
    height: 20px;
    line-height: 20px;
    width: 290px;
    text-align: center;
    position: absolute;
    top: 379px;
    right: 174px;
}
.guarantee .door {
    height: 500px;
    width: 1040px;
    padding: 10px 40px;
}
.guarantee .door .wi {
    width: 50%;
    height: 500px;
}
.guarantee .door .wi {
    width: 50%;
    height: 500px;
}
.guarantee .door .gg {
    margin: 40px 0px 0px 50px;
}
.guarantee .door li {
  height: 60px;
    border-bottom: 1px dashed #999999;
    padding: 10px 0px;
    text-align: left;
    float: left;
    width: 100%;
    overflow: hidden;
}
.guarantee .door .wi ul {
    overflow: hidden;
    margin: 30px 0 0;
}
.fz1 {
    font-size: 18px;
}


/*代理条件*/
.back_aa {
    display: block;
    width: 100%;
}

.joinj {
    height: 900px;
    background: url(../../images/ag_bg1.jpg) top center no-repeat;
}
.out {
    position: relative;
    height: 174px;
    width: 100%;
    overflow: hidden;
}
.cl {
    zoom: 1;
}
.joinj_bg1 {
    width: 966px;
    height: 174px;
    background: url(../../images/ag_bg2.png) right center no-repeat;
}
.joinj_bg_l {
    position: absolute;
    left: 50%;
    margin-left: -960px;
}
.joinj_l .joinj_con {
    position: absolute;
    top: 0px;
    left: 43%;
}
.joinj_bg_r {
    position: absolute;
    right: 50%;
    margin-right: -960px;
}
.joinj_r .joinj_con {
    position: absolute;
    top: 0px;
    right: 43%;
}
.tl {
    text-align: left;
}
.tr {
    text-align: right;
}
.joinj_con h3 {
    margin-bottom: 5px;
    font-weight: bold;
    font-size: 18px;
    line-height: 30px;
    color: #000;
    border-bottom: 1px dashed #000;
}
.joinj_con p {
    max-height: 52px;
    overflow: hidden;
    font-size: 14px;
    line-height: 26px;
    color: #000;
}
.joinj_con p span {
    font-size: 10px;
    line-height: 18px;
    color: #bababa;
}
.out .joinj_r img {
    position: absolute;
    top: 0px;
    left: 50%;
    margin-left: 44px;
}
.mt50 {
    margin-top: 50px;
}
.joinj_con {
    width: 464px;
    height: 126px;
    padding-top: 24px;
    overflow: hidden;
}
.out .joinj_l img {
    position: absolute;
    top: 0px;
    left: 50%;
    margin-left: -566px;
}
.joinj_bg2 {
    width: 966px;
    height: 174px;
    background: url(../../images/ag_bg3.png) left center no-repeat;
}
.joinj_bg3 {
    width: 966px;
    height: 174px;
    background: url(../../images/ag_bg4.png) right center no-repeat;
}
.joinj_bg4 {
    width: 966px;
    height: 174px;
    background: url(../../images/ag_bg5.png) left center no-repeat;
}
/*在线申请*/
.tagContent {
    width: 650px;
    color: #333;
    PADDING-TOP:40px;
    overflow: hidden;
}
.tagContent ul li {
    margin-bottom: 8px;
    display: block;
    float: left;
    width: 100%;
}
.tagContent ul li span {
    float: left;
    width: 100px;
    font-size: 14px;
    display: block;
    height: 28px;
    line-height: 28px;
}
.tagContent ul li input {
    float: left;
    font-size: 14px;
        height: 30px;
    line-height: 30px;
    padding: 6px;
    border: 1px solid #ccc;
    width: 530px;
}
.tagContent ul li.li4.clearfix input {
    width: 100px;
}
.tagContent ul li.li4.clearfix {
    width: 440px;
}
.tagContent ul li.li4.clearfix img#captcha_src_1 {
    height: 30px;
    margin: 0 10px 0;
}
.sub input {
    cursor: pointer;
    display: block;
    padding: 8px 20px;
    background: #ae8a55;
    float: left;
    color: #fff;
    font-weight: bold;
    line-height: 14px;
    font-size: 14px;
    border: 0;
    margin-left: 100px;
}
.sub font {
    float: left;
    margin-left: 10px;
    height: 30px;
    line-height: 30px;
    color: #666;
}
.tagContent ul li textarea {
    float: left;
    font-size: 14px;
    height: 100px;
    /* line-height: 14px; */
    padding: 6px;
    border: 1px solid #ccc;
    width: 530px;
}
.aj_tab {
    width: 100%;
    margin: 0 auto;
}
.aj_tab ul {
    padding-top: 20px;
    margin-bottom: 20px;
    padding-left: 42px;
}
.aj_tab ul li.on, .aj_tab ul li:hover {
    background: url(../../images/xia.png) bottom center no-repeat;
}
.aj_tab ul li {
    width: 114px;
    float: left;
    display: block;
    line-height: 45px;
    text-align: center;
}
.aj_tab ul li.on a, .aj_tab ul li:hover a {
    color: #424242;
}
.aj_tab ul li a {
    display: block;
    color: #bfbfbf;
    font-size: 16px;
    font-weight: bold;
}
.cl:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.caselist .item {
    display: inline-block;
    padding: 10px;
    overflow: hidden;
}
.caselist {
    text-align: center;
    position: relative;
}
.caselist .item:hover span {
    display: block;
    text-align: center;
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background-color: #000;
    filter: alpha(opacity=60);
    -moz-opacity: 0.6;
    -khtml-opacity: 0.6;
    opacity: 0.6;
}
.caselist .item:hover span:after{
	content:"";
	width:63px;
	height:56px;
	background:url(../../images/big.png) no-repeat;
	position:absolute;
	left:50%;
	top:50%;
    margin-left:-31px; margin-top:-28px;
	  
	
}
.caselist .item:hover span img {
    margin-top: 160px;
}
.caselist .owl-pagination {
    position: absolute;
    bottom: -35px;
    left: 0;
    width: 100%;
    height: 30px;
}
.caselist .owl-pagination .owl-page span {
    display: inline-block;
    width: 10px;
    height: 10px;
    border-radius: 10px;
    display: inline-block;
    background: #ddd;
    margin-right: 10px;
    cursor: pointer;
    transition: 0.2s all;
    -webkit-transition: 0.2s all;
    -moz-transition: 0.2s all;
    -o-transition: 0.2s all;
}
.caselist .owl-pagination .owl-page {
    display: inline-block;
}
.caselist .owl-pagination .owl-page.active span{
	    background: #c09a5c;
    width: 30px;
    transition: 0.2s all;
    -webkit-transition: 0.2s all;
    -moz-transition: 0.2s all;
    -o-transition: 0.2s all;
    overflow: hidden;
}
.caselistimg {
    width: 1020px;
    margin: 0 auto;
    overflow: hidden;
    position: relative;
    padding-bottom: 50px;
}
.caselistimg a p{margin-top:15px; margin-bottom:0;}
.case_content{padding:30px 0 20px 0;width:80%; margin:auto; line-height:30px;}
/*代理流程*/
.relative {
    z-index: 1;
}
.relative {
    position: relative;
}
.mb20 {
    margin-bottom: 20px;
}
.mt10 {
    margin-top: 10px;
}
.joinpro {
    display: block;
    text-align: center;
    position: relative;
    width: 1120px;
}
.joinpro ul {
    padding: 0 55px;
}
.cl {
    zoom: 1;
}
.joinpro li {
    float: left;
    width: 223px;
    margin: 0 45px;
    margin-bottom: 15px;
    display: block;
}
.ag_you {
    float: left;
    width: 34px;
    height: 34px;
    margin-top: 105px;
    _margin-left: 106px;
}
.ag_you {
    float: left;
    width: 34px;
    height: 34px;
    margin-top: 105px;
    _margin-left: 106px;
}
.joinpro li p {
    margin-top: 15px;
    color: #5f5f5f;
}
.joinpro li p span {
    font-size: 12px;
}
.ag_xia {
    width: 34px;
    height: 34px;
    margin-top: 10px;
    margin-left: 95px;
    _margin-left: 0px;
	    transform: rotate(90deg);
}


/*代理支持*/

.joinsup_1_t4 {
    background: url(../../images/ag_h4.png) top center no-repeat;
}
.joinsup_1_t3 {
    background: url(../../images/ag_h3.png) top center no-repeat;
}
.joinsup_1_t2 {
    background: url(../../images/ag_h2.png) top center no-repeat;
}
.joinsup_1_t1 {
    background: url(../../images/ag_h1.png) top center no-repeat;
}
.joinsup {
    display: block;
    width: 1120px;
}
.joinsup_1_t {
    width: 100%;
    height: 100px;
}
.joinsup_1_b {
    padding: 25px 12px 55px;
    position: relative;
}
.joinsup_1_b_r {
    width: 441px;
    height: 368px;
    position: absolute;
    top: 40px;
    right: 12px;
    background: #fff;
    text-align: center;
}
.joinsup_1_b_r img {
    margin-top: 37px;
}
.joinsup_1_b_r h3 {
    margin: 10px 0px;
    font-size: 14px;
    color: #ae8a55;
}
.joinsup_1_b_r h3 span {
    color: #c0c0c0;
}
.joinsup_1_b_r p {
    margin: 0 auto;
    width: 231px;
    height: 96px;
    overflow: hidden;
    color: #a5a5a5;
    font-size: 12px;
    line-height: 24px;
}


/*视频*/
.video_wrap{padding:50px 0 40px 0; margin: 40px 0 0 0; background:#111;}
.about_video {
    text-align: center;
    margin: 0;
}
.page_about .editor {font-size:13px;color:#666;line-height:24px;}
/*艺术家*/
.pagebanner {margin:80px 0 0;}
.page_artist .sub,.page_artist .sub a {font-size:12px;color:#666;padding:0 2px;}
.page_artist .sub a:hover {color:#ee1c25}
.page_artist .sub em {color:#333;font-size:12px;}
.page_artist {padding:30px 0 0;}
.page_artist .lists {padding:70px 0 0}
.page_artist .lists li {margin:0 0 105px;}
.page_artist .lists a div {padding:0}
.page_artist .lists .num {font-family:'Times New Roman', Times, serif;font-size:48px;color:rgba(0, 0, 0, .1);transition:all .6s;position:relative;text-align:center}
.page_artist .lists .num:after {content:'';position:absolute;width:1px;height:70px;background:rgba(0, 0, 0, .1);transition:all .6s;top:75px;left:50%}
.page_artist .lists .txt {padding:20px 120px 20px 20px;}
.page_artist .lists .txt h3 {font-size:18px;color:#333;line-height:30px;}
.page_artist .lists .txt h3 span {display:inline-block;font-size:14px;color:#777;transition:all .36s;line-height:35px;padding-left:10px;}
.page_artist .lists .txt p {margin:20px 0 50px;font-size:13px;color:#999;overflow:hidden;transition:all .36s;line-height:26px;height:72px;}
.page_artist .lists .txt em {font-family:'Times New Roman', Times, serif;line-height:30px;color:#999;display:inline-block;padding:0 20px;position:relative;left:-20px;transition:all .36s}
.page_artist .lists .txt em i {line-height:29px;padding-left:10px;}
.page_artist .lists .img {overflow:hidden}
.page_artist .lists li a:hover .num {color:#ee1c25;font-size:36px;}
.page_artist .lists li a:hover .txt h3 {color:#ee1c25}
.page_artist .lists li a:hover .txt p {margin:10px 0 60px;}
.page_artist .lists li a:hover img {transform:scale(1.1)}
.page_artist .lists li a:hover .txt em {left:0;background:#ee1c25;color:#FFF}
.artist_show .nyeditor {padding:0 0 30px;}
.artist_show .prenext {border-top:1px solid rgba(0, 0, 0, .09);}
.artist_show .prenext a {height:110px;padding:10px;position:relative;transition:all .3s}
.artist_show .prenext a:first-child {padding-left:85px;}
.artist_show .prenext a:first-child+a {padding-right:85px;}
.artist_show .prenext a h3 {font-size: 16px;
    line-height: 20px;
    color: #666;margin:15px 0 0;transition:all .3s}
.artist_show .prenext a span {    height: 30px;
    font-size: 13px;
    line-height: 30px;color:#666;font-family:'Times New Roman', Times, serif;transition:all .3s}
.artist_show .prenext a .leftfa { position:absolute;left:22px;top:35%;border-right:1px solid rgba(170, 170, 170, 0.2);width:40px;font-size:20px;color:#999;font-weight:400;height:20px;}
.artist_show .prenext a .rightfa { position:absolute;right:22px;top:35%;border-left:1px solid rgba(170, 170, 170, 0.2);width:40px;font-size:20px;color:#999;font-weight:400;height:20px;}
.artist_show .prenext a .rightfa i { transition:all .3s;position:absolute;left:25px;}
.artist_show .prenext a .leftfa i {transition:all .3s;position:absolute;right:25px;}
.artist_show .prenext a .rightfa i:first-child { left:-30px;opacity:0}
.artist_show .prenext a .leftfa i:first-child+i {right:-30px;opacity:0}
.artist_show .prenext a:hover { background:#ee1c25;}
.artist_show .prenext a:hover h3,.artist_show .prenext a:hover span {color:#FFF}

.artist_show .prenext a:hover .rightfa i:first-child {left:25px;opacity:1;color:#FFF}
.artist_show .prenext a:hover .leftfa i:first-child+i {right:25px;opacity:1;color:#FFF}

.artist_show .prenext a:hover .rightfa i:first-child+i {left:80px;opacity:0}
.artist_show .prenext a:hover .leftfa i:first-child{right:80px;opacity:0}
/*合作伙伴*/
.page_firends {padding:110px 0 95px;}
.page_firends .sub,.page_firends .sub a {font-size:12px;color:#666;padding:0 2px;}
.page_firends .sub a:hover {color:#ee1c25}
.page_firends .sub em {color:#333;font-size:12px;}
.page_firends .lists {padding:90px 0 40px;}
.page_firends .lists li {padding:0 5px;margin:0 0 10px;}
.page_firends .lists li a {display:block;background:rgb(249,249,249);text-align:center;transition:all .36s}
.page_firends .lists li a:hover{box-shadow: 0 0 40px rgba(0, 0, 0, 0.1);}
/*联系我们*/
.page_contact {padding:50px 0 150px;}
.page_contact .nytit h2 {    font-size: 24px;
    line-height: 30px;
    color: #555;}
.page_contact .nytit p {    font-size: 14px;
    color: #bbb;
    line-height: 26px;}	
#allmap{width: 100%; height: 358px; margin-top: 50px; border: 1px solid #ccc;}
#allmap img{max-width: 1070px; max-height: 368px;}
#allmap label{max-width: 1070px;}
.contact_share {padding:50px 0 25px;text-align:center}
.contact_share a {font-size:40px;color:rgb(169,169,169);display:inline-block;margin:0 5px;}
/*在线留言*/
.message{margin-top: 150px;}
.message p{text-align: center;}
.message .messagecon{/*width: 86%; border: 1px solid #e6e6e6;*/ margin: 0 auto; padding: 20px 5% 7% 5%;}
.message .messagecon ul{/*width: 43.02%; float: left; margin-right: 6%;*/}
.message .messagecon ul li{margin:10px 0; overflow:hidden;}
.message .messagecon ul li span{display: block; color: #333; line-height: 40px;}
.message .messagecon ul li input{float:left; width: 95%; line-height: 35px; border: 1px solid #e6e6e6; padding:5px;}
.message .messagecon .datepicker input{width:95%!important;}
.message .messagecon .input-group-addon{padding: 3px 12px 2px 12px;}
.message .messagecon ul li input:focus{border: 1px solid #d80808;}
.message .messagecon ul li textarea{width: 100%; border: 1px solid #e6e6e6; height: 395px; float: left;}
.message .messagecon ul li textarea:focus{border: 1px solid #d80808;}
.message .messagecon ul li.li4{margin-top: 35px;}
.message .messagecon ul li.li4 input{width: 38%; float: left; padding-left: 5px; color: #333;}
.message .messagecon ul li.li4 img{float: left; cursor: pointer; margin: 0 5px;}
.message .messagecon ul li.li4 a{float: left; line-height: 35px;}
.message .messagecon ul.phonemessage{width: 95%; display: none;}
.message .messagecon ul.phonemessage textarea{margin-bottom: 35px;}
.message .submit{margin: 0 auto; text-align: center;}
.message .submit input{height: 45px; width: 20%; background: #575757; border: 0; margin-top: 20px; font-weight: bold; color: #fff; margin-left: 10px; transition: 0.3s;}
.message .submit input:hover{background: #d80808;}


/*站点地图*/
.mapwrap{margin: 40px auto; padding-bottom: 100px;}
.mapwrap dl{margin: 20px auto 20px; overflow: hidden; line-height: 30px; width: 98%; transition: 0.3s;}
.mapwrap dl:hover{box-shadow: 0 0 2px #d80808;}
.mapwrap dl:hover dt a{color: #d80808; font-weight: bold;}
.mapwrap dt{font-size: 14px; float: left; width: 10%; text-align: center; border: 1px solid #ddd; transition: 0.3s;}
.mapwrap dt:hover{background: #d80808;}
.mapwrap dt:hover a{color: #fff !important;}
.mapwrap dt a{color: #d80808; display: block; padding: 10px 0; transition: 0.3s;}
.mapwrap dt a:hover{color: #e0e9f3; font-weight: bold;}
.mapwrap dd{font-size: 14px; overflow: hidden; float: left; width: 85%; line-height: 40px;}
.mapwrap dd .p2{padding: 0 0 0 20px; clear: both;}
.mapwrap dd .p2 a{color: #d80808; font-weight: bold; overflow: hidden; transition: 0.3s;}
.mapwrap dd .p2 a:hover{color: #000;}
.mapwrap dd div{clear: both; overflow: hidden; padding: 0px 20px 0 10px;}
.mapwrap dd div a{color: #333; float: left; padding: 0 10px 0 10px; margin-top: 1px; transition: 0.3s;}
.mapwrap dd div a:hover{background: #d80808; color: #fff;}
/*# sourceMappingURL=style.css.map */
/*loading页面*/
#loading{width: 100%; height:100%; position:fixed; z-index:10000; background:#ffffff; text-align: center; display: table;}
#loading span{display: table-cell; vertical-align: middle;}
#loading span p{color:#fff;font-size: 20px;}
#loading img{display: inline-block;}
.scoll_dis{overflow:hidden;}

/*站内搜索*/
#search{overflow:hidden;padding:120px 0 50px;}
.search_left{margin:0 0 55px;height:40px;}
.search_left .keytxt{background:#FFF;border:2px solid #ee1c25;width:520px;float:left;height:100%;text-indent:15px;font-size:14px;color:#666}
.search_left .search {float:left;background:#ee1c25;color:#FFF;height:100%;line-height:40px;padding:0 12px;border:0}
.search_right .all_lists li{padding:0 0 30px;margin:0 0 30px;border-bottom:1px solid rgba(170, 170, 170, 0.2);}
.search_right .all_lists h3 {    transition: all 0.36s ease;
    color: #333;
    font-size: 16px;
    line-height: 30px;}
.search_right .all_lists h3 span {font-size:13px;line-height:30px;color:#888;transition:all .3s;margin-left:10px;display:inline-block}	
.search_right .all_lists p {margin:13px 0 0;max-height:52px;color:#999;overflow:hidden;line-height:26px;font-size:13px;transition:all .36s;}
.search_right .all_lists .more {display:inline-block;margin:20px 0 30px;transition:all 0.36s;border:1px solid rgba(170, 170, 170, 0.2);font-size:14px;line-height:30px;color:#999;padding:0 20px;}
.search_right .all_lists .more i {padding-left:10px;font-size:16px;}
.search_right .all_lists li:hover h3 {color:#ee1c25}
.search_right .all_lists li:hover .more {background:#ee1c25;border-color:#ee1c25;color:#FFF}
@media(min-width:1000px){
	.tem_yishu .flex-direction-nav {left:69.5%}
	.tempiclists .lists .tempic_txt1 em,.collection_list li .tempic_txt1 em {margin:12px 0 30px 20px}
}
@media(min-width:1150px){
	.tem_yishu .flex-direction-nav {left:66%}
}
@media(min-width:1200px){
	.tem_yishu .flex-direction-nav {left:68%}
	.tempiclists .lists .tempic_txt1 em,.collection_list li .tempic_txt1 em {margin:42px 0 30px 20px}
}
@media(min-width:1280px){
	.tem_yishu .flex-direction-nav {left:67%}
}
@media(min-width:1400px){
	.tem_yishu .flex-direction-nav {left:65.5%}
}
@media(min-width:1600px){
	.tem_yishu .flex-direction-nav {left:63.5%}
}
@media(min-width:1800px){
	.tem_yishu .flex-direction-nav {left:61.5%}
}