@charset "utf-8";
/*Icon*/
.icon-shop { margin-left: 30px; margin-right: 10px; color: #0089e2; }
/*Heaer*/
.header { width: 100%; width: 100%; height: 100px; background: #fff; border-bottom: 1px solid #fff; }
.header-fixed { /*position: fixed;
    left: 0;
    top: 0;
    z-index: 999;
    width: 100%;
    height: 80px;
    line-height: 80px;
    background: #fff;
    border-bottom: 1px solid #f2f2f2;*/
}
.main-nav { margin-left: 0px;width: calc(100% - 300px)  }
.main-nav .nav-item { float: left; width:14.28%; text-align:center; height: 40px; padding:30px 0; line-height:40px; }
.main-nav .nav-item.on>a { color: #0089e2; }
.main-nav .nav-item>a { display: inline-block; padding: 0 0px; /*height: 79px;*/
font-size: 16px; width:100%; border-radius:6px; }
.main-nav .nav-item:hover>a{ background:#0089e2; color:#fff;}


.hd-logo { height: 80px; padding:10px 0; overflow: hidden;width:300px; }
.hd-logo img{ max-width:100%;}
.header-tool { height: 100px; overflow: hidden; text-align: right; }
.header-tool .a-tool { display: inline-block; margin-left: 14px; }
.header-tool .a-tool .iconfont { position: relative; top: -1px; margin-right: 5px; font-size: 14px; }
.header-tool .a-tool .iconfont.jd { color: #C81623; }
.header-tool .a-tool .iconfont.tmall { color: #DC2B2B; }
/*二级导航*/
.main-nav .sub-nav-hover { /*position: relative;*/
}
.tj-product { height: 105px; position: absolute; top: 100px; z-index: 4000; width: 100%; left: 0; padding: 20px 0 10px; background: #fff; text-align: center; line-height: 20px; border-top: 1px solid #f2f2f2; border-bottom: 1px solid #f2f2f2; display: none; }
.pro_down { max-width: 1240px; width:100%; height: 105px; margin: 0 auto; }
.nav_pro_li { width: 20%; float: left; overflow: hidden; text-align:center; }

.n_p_l_img { width:100%; height:61px; margin-top:10px; }

.menu1{ background:url(../images/menu1.png) no-repeat center;}
.nav_pro_li:hover .menu1{ background:url(../images/menu11.png) no-repeat center;}
.menu2{ background:url(../images/menu2.png) no-repeat center;}
.nav_pro_li:hover .menu2{ background:url(../images/menu22.png) no-repeat center;}
.menu3{ background:url(../images/menu3.png) no-repeat center;}
.nav_pro_li:hover .menu3{ background:url(../images/menu33.png) no-repeat center;}
.menu4{ background:url(../images/menu4.png) no-repeat center;}
.nav_pro_li:hover .menu4{ background:url(../images/menu44.png) no-repeat center;}
.menu5{ background:url(../images/menu5.png) no-repeat center;}
.nav_pro_li:hover .menu5{ background:url(../images/menu55.png) no-repeat center;}
.menu6{ background:url(../images/menu6.png) no-repeat center;}
.nav_pro_li:hover .menu6{ background:url(../images/menu66.png) no-repeat center;}


.nav_pro_li p { padding-right: 0; padding-top: 8px; text-align: center; font-size: 14px; line-height:30px; }
.nav_pro_li p.tit { padding-top: 0; }
.nav_pro_li p.tit a { color: #2a2a2a ; font-size: 16px ; }
.nav_pro_li:hover p.tit a { color: #0089e2 ; }
/*Banner*/
.index_focus a { color: #333; text-decoration: none; -webkit-transition: color .2s ease-in-out; -moz-transition: color .2s ease-in-out; -o-transition: color .2s ease-in-out; -ms-transition: color .2s ease-in-out; transition: color .2s ease-in-out; }

/*Page Banner*/
.page-banner-fixed { position: fixed; top: 0; left: 0; width: 100%; }
.page-banner { position: relative; overflow: hidden; min-height: 200px; }
.help_banner { overflow: hidden; }
.page-banner>img, .help_banner img, .banner-product img { max-width: 100%; -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); -webkit-animation: minus 12s 0s ease both infinite; -moz-animation: minus 12s 0s ease both infinite; animation: minus 12s 0s ease both infinite; animation-iteration-count: 1; -webkit-animation-iteration-count: 1; }
.page-banner .page-banner-tit { position: absolute; left: 50%; top: 50%; margin-left: -200px; z-index: 10; width: 400px; text-align: center; margin-top:-45px; }

.sj_banner{ display:none;}
.sj_header{ display:none;}

.pc{ display:block;}
.sj{ display:none;}

@media (max-width: 768px) {
	
	.pc{ display:none;}
.sj{ display:block;}
	
.header{ display:none;}
.sj_header{ display:block;}
.sj_header nav { display: none; }
.page-banner{ display:none;}
.sj_banner{ display:block;}
.sj_banner img{ width:100%;}

	

}



/*子栏目*/
.category-item { margin: 35px 0 30px; text-align: center; }
.category-item a { display: inline-block; margin: 0 5px; padding: 10px 20px; /*height: 50px;
    line-height: 50px;*/
font-size: 14px; line-height: 14px; border-radius: 3px; -webkit-transition: .2s; -moz-transition: .2s; -ms-transition: .2s; -o-transition: .2s; transition: .2s; }
.category-item a.on, .category-item a:hover { background: #0089e2; color: #fff; }
.com-page-title { font-size: 30px; text-align: center; }
.com-page-title .tit-box { display: inline-block; position: relative; padding-bottom: 10px; text-transform: uppercase; font-weight: 300; }
.com-page-title .tit-box:before { position: absolute; left: 0; bottom: 0; width: 100%; border-bottom: 1px solid #2E2419; content: ""; }
.com-page-title .tit-box2 { font-size: 36px; }
.tit-white { color: #fff; }
.tit-black { color: #333; }
.tit-white .tit-box:before { border-color: #fff; }


@media (max-width: 768px) {
/*子栏目*/
.category-item { margin: 15px 0 10px; text-align: center; }
.category-item a { display: inline-block; margin: 0 3px; padding: 6px 10px; /*height: 50px;
    line-height: 50px;*/
font-size: 12px; line-height: 14px; border-radius: 3px; -webkit-transition: .2s; -moz-transition: .2s; -ms-transition: .2s; -o-transition: .2s; transition: .2s; }
.category-item a.on, .category-item a:hover { background: #0089e2; color: #fff; }
.com-page-title { font-size: 30px; text-align: center; }
.com-page-title .tit-box { display: inline-block; position: relative; padding-bottom: 10px; text-transform: uppercase; font-weight: 300; }
.com-page-title .tit-box:before { position: absolute; left: 0; bottom: 0; width: 100%; border-bottom: 1px solid #2E2419; content: ""; }
.com-page-title .tit-box2 { font-size: 36px; }
.tit-white { color: #fff; }
.tit-black { color: #333; }
.tit-white .tit-box:before { border-color: #fff; }

}

.flexbox {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;}
.flexbox2{    display: block;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    overflow: hidden;}




/*新闻列表*/
.list-news ul { border-top: 1px solid #e7e7e7; }
.list-news ul li { border-bottom: 1px solid #E7E7E7; }
.list-news ul li .a-box { display: inline-block; width: 100%; padding: 30px 0; height: 120px; overflow: hidden; }
.list-news ul li .news-date { float: left; margin-top: 4px; width: 80px; }
.list-news ul li .news-date .news-md { font-size: 24px; color: #666; font-family: HELVETICANEUELTPRO-THEX, "微软雅黑"; }
.list-news ul li .news-date .more-news { margin-top: 20px; width: 39px; height: 34px; line-height: 34px; text-align: center; border: 1px solid #E0E0E0; position: relative; -webkit-transition: .5s; -o-transition: .5s; transition: .5s; }
.list-news ul li .news-date .more-news:before { content: ""; position: absolute; left: -16px; top: 0; widows: 100%; height: 100%; background: #363636; }
.list-news ul li .news-date .more-news .icon-more-news { width: 16px; height: 7px; background: url(../images/icon-more-news.png) no-repeat -16px 0; -webkit-transition: .3s; -o-transition: .3s; transition: .3s; }
.list-news ul li:hover .news-date .more-news { border-color: #0089e2; background-color: #0089e2; }
.list-news ul li:hover .news-date .more-news .icon-more-news { background: url(../images/icon-more-news.png) no-repeat 0 0; }
.list-news ul li .news-cont { float: left; -webkit-transition: transform .5s; -o-transition: transform .5s; transition: transform .5s;-webkit-box-flex: 1;-webkit-flex: 1; -moz-box-flex: 1; -ms-flex: 1;flex: 1; padding-left:5%; padding-right:5%; }
.list-news ul li:hover .news-cont { -webkit-transform: translateX(20px); -ms-transform: translateX(20px); -o-transform: translateX(20px); transform: translateX(20px); }
.list-news ul li .news-cont h2 { font-size: 18px; color: #333; padding: 10px 0 15px; -webkit-transition: .3s; -o-transition: .3s; transition: .3s; }
.list-news ul li .news-cont p { font-size: 14px; color: #666; line-height: 1.8; }
.list-news ul li .news-pic { float: right; width: 200px; height: 120px; overflow: hidden; }
.list-news ul li:hover .news-pic img { -webkit-animation: pluseS 8s 1s ease both infinite; -moz-animation: pluseS 8s 1s ease both infinite; animation: pluseS 8s 1s ease both infinite; animation-iteration-count: 1; -webkit-animation-iteration-count: 1; }
.list-news ul li .news-pic img{ float: right; width: 200px; height: 120px; overflow: hidden;max-width: 100%; }

.djmore a{ display:block; text-align:center; color:#222; font-size:16px; line-height:80px;}

@media (max-width: 768px) {
/*新闻列表*/
.list-news ul { border-top: 1px solid #e7e7e7; }
.list-news ul li { border-bottom: 1px solid #E7E7E7; }
.list-news ul li .a-box { display: inline-block; width: 100%; padding: 15px 0; height: auto; overflow: hidden; }
.list-news ul li .news-date { float: left; margin-top: 4px; width: 80px; display:none; }
.list-news ul li .news-date .news-md { font-size: 24px; color: #666; font-family: HELVETICANEUELTPRO-THEX, "微软雅黑"; }
.list-news ul li .news-date .more-news { margin-top: 20px; width: 39px; height: 34px; line-height: 34px; text-align: center; border: 1px solid #E0E0E0; position: relative; -webkit-transition: .5s; -o-transition: .5s; transition: .5s; }
.list-news ul li .news-date .more-news:before { content: ""; position: absolute; left: -16px; top: 0; widows: 100%; height: 100%; background: #363636; }
.list-news ul li .news-date .more-news .icon-more-news { width: 16px; height: 7px; background: url(../images/icon-more-news.png) no-repeat -16px 0; -webkit-transition: .3s; -o-transition: .3s; transition: .3s; }
.list-news ul li:hover .news-date .more-news { border-color: #0089e2; background-color: #0089e2; }
.list-news ul li:hover .news-date .more-news .icon-more-news { background: url(../images/icon-more-news.png) no-repeat 0 0; }
.list-news ul li .news-cont { float: left; -webkit-transition: transform .5s; -o-transition: transform .5s; transition: transform .5s;-webkit-box-flex: 1;-webkit-flex: 1; -moz-box-flex: 1; -ms-flex: 1;flex: 1; padding-left:0%; padding-right:5%; }
.list-news ul li:hover .news-cont { -webkit-transform: translateX(20px); -ms-transform: translateX(20px); -o-transform: translateX(20px); transform: translateX(20px); }
.list-news ul li .news-cont h2 { font-size: 14px; color: #333; padding: 5px 0 5px; -webkit-transition: .3s; -o-transition: .3s; transition: .3s; }
.list-news ul li .news-cont p { font-size: 12px; color: #666; line-height: 1.8;
display:-webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden; }
.list-news ul li .news-pic { float: right; width: 100px; overflow: hidden; height:auto; }
.list-news ul li .news-pic img{ width:100%;height:80px;}
.list-news ul li:hover .news-pic img { -webkit-animation: pluseS 8s 1s ease both infinite; -moz-animation: pluseS 8s 1s ease both infinite; animation: pluseS 8s 1s ease both infinite; animation-iteration-count: 1; -webkit-animation-iteration-count: 1; }

.djmore a{ display:block; text-align:center; color:#222; font-size:14px; line-height:50px;}

}

.com-location { height: 48px; line-height: 48px; color: #999; }
.com-location a { color: #999; }
.com-location a.on, .com-location a:hover, .com-location span { color: #0089e2; }
.com-location .ep { color: #999; }
.com-location .fanhui{ float:right;}
.com-location .fanhui a{ background:#0089e2; color:#fff; padding:5px 10px; border-radius:5px;}

/*  新闻详情
/*-----------------------------------------------------------------------------------*/
.news-location { height: 40px; line-height: 40px; }
.news-location .ep { padding: 0 5px; }
.news-container {max-width: 1120px; padding:0 3%; width:94%; margin: 0 auto;}
.icon-eye { width: 21px; height: 11px; background: url(../images/eye.png) no-repeat center; position: relative; top: -2px; }
/*左侧*/
.news-show-left { float: left; width: 65%; background: #fff; margin: auto;  }

.news-show-left2 { float: left; width: 100%; background: #fff; margin: auto;  }

.news-show-left .news-views img{ width:100%; margin:15px 0;}
.news-show-left .news-title { padding: 40px 0; padding-bottom: 20px; text-align: center; }
.news-show-left .news-title h2 { font-size: 24px; color: #333; padding-bottom: 10px; }
.news-show-left .news-title p { font-size: 14px; color: #a3afb7; padding-bottom: 10px; border-bottom: 1px solid #F0F2F5; }
.news-show-left .news-title p a { color: #a3afb7; }
.news-show-left .news-views { margin: 40px 0; margin-top: 0; font-size: 14px;  color: #666; line-height: 25px; overflow: hidden; }
.news-show-left .news-other { padding: 20px 0; border-top: 1px #f1f1f1 solid; }
.news-show-left .news-other p { display: block; height: 40px; line-height: 40px; padding-left: 3px; }
.news-show-left .news-other p a { font-size: 14px; color: #333; }
.news-show-left .news-other p a:hover { color: #0089e2; }
.news-show-left .share-bar { padding: 20px 0; }

.ny_spnews embed{ min-height:400px;/*! margin-bottom: 30px; */}
.ny_sp embed{ min-height:500px; margin-bottom: 30px; }

.news-show-left .news-views .videoh3{font-size: 24px; color: #333; padding-bottom: 10px; }
.videoinfo ul{ clear:both; overflow:hidden; padding:20px 0;}
.videoinfo ul li{ float:left; width: 45%; margin-right:2%; margin-bottom:15px;}

/*右侧*/
.news-show-right { float: right; width: 33%; }
.news-show-right dl { display: block; margin-bottom: 20px; background: #fff;  }
.news-show-right dl dt { display: block; height: 42px; line-height: 42px; position: relative;}
.news-show-right dl.tab dt { height: 42px; line-height: 42px; color: #1d1d1d; font-size: 18px; padding-left: 20px; }
.news-show-right dl.tab dd { position: relative; }
.news-show-right dl.tab dd ul { display: block; padding: 0 20px; }
.news-show-right dl.tab dd ul li { display: block; padding: 15px 0 15px; border-bottom: 1px #f1f1f1 solid; }
.news-show-right dl.tab dd ul li .pic {  width: 31.3333%; margin-right:2%; overflow: hidden; position: relative; }
.news-show-right dl.tab dd ul li .pic img{ width:100%;}
.news-show-right dl.tab dd ul li h5 { padding-top: 4px; padding-bottom: 10px; font-size: 14px; color: #333; display: block; line-height: 20px; height: 20px; width:66.666666%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.news-show-right dl.tab dd ul li h5 a { color: #333; }
.news-show-right dl.tab dd ul li h5 a:hover { color: #0089e2; }
.news-show-right dl.tab dd ul li .news-cate { color: #999; }
.news-show-right dl.tab dd ul li i { float: left; font-size: 12px; color: #999; }
.news-show-right dl.tab dd ul li em { float: right; padding-left: 25px; width: 30px; font-size: 12px; color: #999; background: url(../images/eye.png) no-repeat left center; }
.news-show-right dl.tab dd .more { color: #333; height: 45px; line-height: 45px; border-top: 1px #f1f1f1 solid; position: relative; top: -1px; text-align: center; }
.news-show-right dl.tab dd .more a { display: inline-block; position: relative; color: #333; }
.news-show-right dl.tab dd .more a b { margin-left: 5px; font-family: "宋体"; -webkit-transition: transform .3s; -o-transition: transform .3s; transition: transform .3s; }
.news-show-right dl.tab dd .more a:hover b { -webkit-transform: translateX(5px); -ms-transform: translateX(5px); -o-transform: translateX(5px); transform: translateX(5px); }
.news-show-right dl.tab dd .more a:hover { color: #0089e2; }
.news-show-right dl.tab dt a { width: 33%; height: 42px; line-height: 42px; text-align: center; display: table-cell; color: #009A62; font-size: 18px; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; transition: all .3s ease-in-out; }
/*-----------------------------------------------------------------------------------*/


@media (max-width: 768px) {
.news-show-left { float: left; width: 100%; background: #fff; margin: auto;  }
.news-show-right { float: right; width: 100%; }
.news-show-left .news-title { padding: 10px 0; padding-bottom: 20px; text-align: center; }
.news-show-left .news-views { margin: 30px 0 10px 0; margin-top: 0; font-size: 14px; min-height: auto; color: #666; line-height: 25px; overflow: hidden; }
.news-show-left .share-bar { padding: 8px 0; }
.news-show-left .news-other { padding: 6px 0; border-top: 1px #f1f1f1 solid; }
.news-show-left .news-other p { display: block; height: 28px; line-height: 28px; padding-left: 3px; }
.news-show-right dl.tab dd ul { display: block; padding: 0 0px; clear:both; overflow:hidden; }
.news-show-right dl.tab dt { height: 32px; line-height: 32px; color: #1d1d1d; font-size: 16px; padding-left: 0px; }
.news-show-right dl.tab dd ul li { display: block; padding: 10px 0 10px; border-bottom: 1px #f1f1f1 solid; }
.news-show-left .news-title h2 { font-size: 18px; color: #333; padding-bottom: 10px; }

	
}
/*联系我们*/
.contact{ padding:30px 0 30px 0;}
.contact .contact_left{ float:left; width:43%;}
.contact .contact_left h3{ font-size:24px; margin-bottom:20px;}
.contact .contact_left .tit{ font-size:18px; line-height:45px;}
.contact .contact_left .txt{ font-size:14px; padding-bottom:10px;}
/*.contact .contact_left p{ float:left; width:30%; margin-right:5%; padding-top:30px; text-align:center; font-size:14px; line-height:35px;}*/
.contact .contact_left p img{ width:100%; max-width:142px;}
.contact .contact_right{ float:right; width:50%;}
.contact .contact_right img{ width:100%;}
.contact ul{ clear:both; border-top:1px solid #ccc; padding-top:30px; margin-top:30px;margin-bottom: 80px;/*overflow:hidden; */}
.contact ul li{ float:left; width:25%; text-align:center; cursor:pointer; font-size:14px; padding-top:70px;}
.contact ul li:hover{ color:#0089e2;}
.contact ul li.bg1{ background:url(../images/contact1.png) no-repeat center top; background-size:62px;}
.contact ul li:hover.bg1{ background:url(../images/contact11.png) no-repeat center top; background-size:62px;}
.contact ul li.bg2{ background:url(../images/contact2.png) no-repeat center top; background-size:62px;}
.contact ul li:hover.bg2{ background:url(../images/contact22.png) no-repeat center top; background-size:62px;}
.contact ul li.bg3{ background:url(../images/contact3.png) no-repeat center top; background-size:62px;}
.contact ul li:hover.bg3{ background:url(../images/contact33.png) no-repeat center top; background-size:62px;}
.contact ul li.bg4{ background:url(../images/contact4.png) no-repeat center top; background-size:62px;}
.contact ul li:hover.bg4{ background:url(../images/contact44.png) no-repeat center top; background-size:62px;}
@media (max-width: 768px) {
/*联系我们*/
.contact{ padding:6px 0 10px 0;}
.contact .contact_left{ float:left; width:100%;}
.contact .contact_left h3{ font-size:18px; margin-bottom:10px;}
.contact .contact_left .tit{ font-size:16px; line-height:25px;}
.contact .contact_left .txt{ font-size:12px; padding-bottom:10px;}
/*.contact .contact_left p{ float:left; width:30%; margin-right:5%; padding-top:10px; text-align:center; font-size:12px; line-height:35px;}*/
.contact .contact_left p img{ width:100%; max-width:180px;}
.contact .contact_right{ float:right; width:100%;}
.contact .contact_right img{ width:100%;}
.contact ul{ clear:both; overflow:hidden; border-top:1px solid #ccc; padding-top:15px; margin-top:15px;}
.contact ul li{ float:left; width:22%; margin:0 1.5%; text-align:center; cursor:pointer; font-size:12px; padding-top:40px;}
.contact ul li:hover{ color:#0089e2;}
.contact ul li.bg1{ background:url(../images/contact1.png) no-repeat center top; background-size:32px;}
.contact ul li:hover.bg1{ background:url(../images/contact11.png) no-repeat center top; background-size:32px;}
.contact ul li.bg2{ background:url(../images/contact2.png) no-repeat center top; background-size:32px;}
.contact ul li:hover.bg2{ background:url(../images/contact22.png) no-repeat center top; background-size:32px;}
.contact ul li.bg3{ background:url(../images/contact3.png) no-repeat center top; background-size:32px;}
.contact ul li:hover.bg3{ background:url(../images/contact33.png) no-repeat center top; background-size:32px;}
.contact ul li.bg4{ background:url(../images/contact4.png) no-repeat center top; background-size:32px;}
.contact ul li:hover.bg4{ background:url(../images/contact44.png) no-repeat center top; background-size:32px;}	
}


/*About*/
.page-about { padding-bottom: 62px; }
.about-des-wrap { position: relative; margin-top: -50px; padding-bottom: 80px; background: #fff; }
.about-des-wrap .about-des-box { padding: 40px 60px; background: #fff; }
.about-des-wrap .about-des-box p { font-size: 14px; line-height: 25px; }
.about-pic { margin-bottom: 35px; text-align: center; }
.history-box { padding: 55px 0 43px; text-align: center; }
.about-develop { margin: 0 auto; width: 1100px; padding: 30px 0; position: relative; overflow: hidden; }
.about-develop:before { position: absolute; left: 50%; height: 100%; margin-left: -3px; border-left: 3px solid #E8E8E8; content: ""; }
.about-develop .item { width: 42%; line-height: 16px; background: #fff; margin-top: 1px;/*border: 1px solid #D8D8D8;*/ padding: 15px 20px; position: relative; border-radius: 5px; text-align: right; }
.about-develop .item.r-side { margin-left: 52%; text-align: left; }
.about-develop .item.l-side { width: 44%; }
.about-develop .item .cicle-1 { position: absolute; top: 55px; right: 0; margin-right: -41px; width: 32px; height: 32px; border-radius: 50%; background: #BCBCBC; text-align: center; color: #fff; z-index: 2; }
.about-develop .item .cicle-2 { top: 48px; position: absolute; right: -48px; width: 46px; height: 46px; border-radius: 50%; background: #E4E4E4; z-index: 1; }
.about-develop .item.r-side .cicle-2 { left: -46px; }
.about-develop .item.r-side .cicle-1 { position: absolute; left: 0; margin-left: -39px; }
.about-develop .item h5 { margin-bottom: 12px; font-size: 24px; color: #333; font-weight: bold; }
.about-develop .item ul li { font-size: 14px; line-height: 25px; }
.about-develop .item ul li .icon-c { position: relative; top: -2px; }
.about-develop .item.l-side ul li .icon-c { margin-left: 3px; }
.about-develop .item.r-side ul li .icon-c { margin-right: 3px; }
.about-develop .item.line-2 .cicle-2 { top: 35px; }
.about-develop .item.line-2 .cicle-1 { top: 42px; }
.about-develop .item.line-1 .cicle-2 { top: 24px; }
.about-develop .item.line-1 .cicle-1 { top: 31px; }
/*品牌 2017-01-12*/
.page-banner-about { height: 400px; }
.page-banner-about>img { position: absolute; left: 50%; margin-left: -960px; width: auto; max-width: none; }
.page-banner-about .page-banner-tit { margin-top: -49px; }
.page-about { padding-top: 20px; padding-bottom: 50px; }
.gr-about-item { width: 180px; background: #fff; }
.gr-about-item.fixed { position: fixed; top: 10px; z-index:9999; }
.gr-about-item h3 { width: 180px; height: 95px; }
.gr-about-item-list li { /*height: 48px;*/ line-height: 48px; text-align: left; text-indent: 11px; font-size: 16px; }
.gr-about-item-list li ~ li { border-top: 1px dotted #F4F4F4; }
.gr-about-item-list li a { display: inline-block; width: 100%; color: #00adef; }
.gr-about-item-list li.on a, .gr-about-item-list a:hover{ color: #0089e2; }
/*.gr-about-item-list li.on a, .gr-about-item-list li:hover a { color: #0089e2; }*/
.gr-about-content { padding: 0 60px; width: calc(100% - 360px); background: #fff; }
.gr-about-intro { background: #fff; }
.com-about-tit { position: relative; margin-bottom: 30px; padding-top: 40px; padding-bottom: 10px; text-align: center; }
.com-about-tit:before { position: absolute; left: 50%; bottom: 0; margin-left: -30px; width: 60px; border-bottom: 1px solid #909090; content: ""; }
.com-about-tit h3 { font-size: 24px; color: #333; }
.com-about-tit p { font-size: 18px; color: #ccc; font-weight: 300; }
.gr-about-intro-box { font-size: 14px; line-height: 1.75; }
.gr-about-intro-box p { margin-bottom: 20px; }
.gr-about-intro-video { position: relative; overflow: hidden; }
.gr-about-intro-video img { -webkit-transition: 5s; -o-transition: 5s; transition: 5s; width:100%;}
.gr-about-intro-video:hover img { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); }
.gr-about-intro-video .cover { position: absolute; left: 0; top: 0; z-index: 2; width: 100%; height: 100%; text-align: center; color: #333; }
.gr-about-intro-video .cover span { display: inline-block; margin-top: 55px; width: 81px; height: 55px; background: url(../images/video-btn2.png) no-repeat center;/*  -webkit-animation: pulse 2s 0s ease both infinite;
    -moz-animation: pulse 2s 0s ease both infinite;
    animation: pulse 2s 0s ease both infinite;*/
}
/* .gr-about-culture-list { padding-bottom: 40px; border-bottom: 1px solid #DCDCDC; } */
.gr-about-culture-list li { padding-left: 50px; background: url(../images/about-icon-point.png) no-repeat 20px 0px; background-size:10px;  }
.gr-about-culture-list li ~ li { margin-top: 20px; }
.gr-about-culture-list li .tit { margin-right: 25px; width: 112px; height: 40px; font-size: 18px; color: #333; line-height: 1.2; }
.gr-about-culture-list li .tit span { font-size: 12px; color: #666; }
.gr-about-culture-list li p { margin-top: -3px; font-size: 14px; line-height: 1.75; }
.gr-about-honor-list { padding: 23px 40px 0; background: #F8F8F8; text-align: center; }
.gr-about-honor-list li { float: left; width: 260px; }
.gr-about-honor-list li ~ li { margin-left: 10px; }
.gr-about-honor-list li p { font-size: 14px; color: #333; height: 46px; line-height: 46px; }
.gr-about-zhengshu { position: relative; }
.gr-about-zhengshu .bd { height: 350px; overflow: hidden; }
.gr-about-zhengshu-list { width: 885px; }
.gr-about-zhengshu-list li { float: left; margin-right: 5px; width: 216px; /*    height: 304px;
    overflow: hidden;*/
text-align: center; }
.gr-about-zhengshu-list li .tit, .gr-about-terminal .bd li .tit { height: 46px; line-height: 46px; font-size: 14px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; text-align: center; }
.gr-about-zhengshu .com-arrow { margin-top: -38px; }
.com-arrow-box { position: relative; }
.com-arrow { position: absolute; top: 50%; margin-top: -25px; z-index: 2; width: 35px; height: 50px; line-height: 50px; font-size: 20px; font-family: sans-serif, "宋体"; color: #fff; text-align: center; background: #666; opacity: 0.7; filter: alpha(opacity=70); -webkit-transition: .3s; -o-transition: .3s; transition: .3s; }
.com-arrow-prev { left: -35px; }
.com-arrow-next { right: -35px; }
.com-arrow:hover { background: #0089e2; opacity: 0.9; filter: alpha(opacity=90); }
.gr-about-active { margin-bottom: 25px; }
.gr-about-active .bd { width: 890px; height: 484px; overflow: hidden; }
.gr-about-active .bd .pic { height: 434px; overflow: hidden; }
.gr-about-active-list img { width: 100%; }
.gr-about-active-list li .tit { height: 50px; line-height: 50px; text-align: center; font-size: 16px; color: #333; }
.gr-about-active .com-arrow { margin-top: -50px; }
.color-ora { color: #0089e2; }
.gr-about-logo { text-align: center; }
.gr-about-logo img { margin-top: 20px; padding-bottom: 30px; }
.gr-about-logo p { text-align: left; line-height: 1.75; margin-top: 20px; font-size: 14px; }
.gr-about-terminal { margin-bottom: 50px; position: relative; }
.gr-about-terminal .bd { height: 588px; overflow: hidden; }
.gr-about-terminal .hd, .com-hd { height: 50px; line-height: 50px; text-align: center; position: absolute; bottom: 46px; width: 100%; z-index: 5; }
.com-hd.no-absolute { position: static; }
.gr-about-terminal .hd ul li, .com-hd ul li { display: inline-block; margin: 0 6px; width: 8px; height: 8px; border-radius: 50%; background: #757575; cursor: pointer; text-indent: -9999px; overflow: hidden; opacity: 0.5; filter: alpha(opacity=50); }
.gr-about-terminal .hd ul li.on, .com-hd ul li.on { background: #0089e2; opacity: 1; filter: alpha(opacity=100); }
.gr-about-huodong-list { padding-bottom: 30px; width: 920px; }
.gr-about-huodong-list li { float: left; margin-right: 25px; margin-bottom: 20px; width: 434px; text-align: center; }
.gr-about-huodong-list li .pic { width: 434px; height: 273px; overflow: hidden; }
.gr-about-huodong-list li .tit { height: 36px; line-height: 36px; color: #333; font-size: 14px; }
.gr-about-huodong-slide .bd { height: 561px; overflow: hidden; }
.gr-about-huodong-slide .bd ul li img { width: 100%; }
.gr-about-huodong-slide .com-arrow-prev { left: 0;/*margin-top: -60px;*/
}
.gr-about-huodong-slide .com-arrow-next { right: 0;/*margin-top: -60px;*/
}
.gr-about-huodong-slide .hd { bottom: 0; }
.gr-about-position { margin-top: 30px; height: 40px; line-height: 40px; font-size: 14px; }
.gr-about-position span { color: #0089e2; }
.gr-about-position .back-to { margin-top: 5px; height: 30px; width: 90px; background: #0089e2; color: #fff; line-height: 30px; text-align: center; }
.gr-about-position .back-to i { margin-top: -1.6px; margin-right: 5px; font-family: sans-serif, "宋体"; -webkit-transition: .3s; -o-transition: .3s; transition: .3s; -webkit-transform: translateX(0px); -ms-transform: translateX(0px); -o-transform: translateX(0px); transform: translateX(0px); }
.gr-about-position .back-to:hover i { -webkit-transform: translateX(-3px); -ms-transform: translateX(-3px); -o-transform: translateX(-3px); transform: translateX(-3px); }

.about_con dl{ padding-bottom:30px; clear:both; overflow:hidden;}
.about_con dl dt{ width:200px; float:left;}
.about_con dl dt img{ width:100%; max-width:170px;}
.about_con dl dd{ padding-left:30px; float:left;-webkit-box-flex: 1;-webkit-flex: 1; -moz-box-flex: 1; -ms-flex: 1;flex: 1; font-size:14px; line-height:30px; }

.com-about-tit2{ margin-bottom: 30px;padding-top: 40px; padding-bottom: 20px;background:url(../images/sjx.jpg) no-repeat center bottom; background-size:30px; }
.com-about-tit2 h3{ font-size:24px;  text-align: center; color:#333;height:45px; line-height:45px; }
.com-about-tit2 span.bgl{ background:url(../images/left_bg.jpg) no-repeat left top; background-size:31px; padding-left:20px;}
.com-about-tit2 span.bgr{ background:url(../images/right_bg.jpg) no-repeat right bottom ; background-size:31px; padding-right:20px; }

.about_con2 img{ float:left; width:45%; margin-right:5%; display:block; margin-bottom:20px;}
.about_con2 a{ font-size:14px; text-align:center; padding:20px 0; display:block;}

.about_con3 .title{ text-align:center; font-size:24px; color:#333; padding:15px 0;}
.about_con3 .title span.sjxl{ background:url(../images/sjx_l.jpg) no-repeat left center; font-size:26px; padding-left:10px; background-size:12px;}
.about_con3 .title span.sjxr{ background:url(../images/sjx_r.jpg) no-repeat right center; font-size:26px; padding-right:10px; background-size:12px;}
.about_con3 .tixi{ max-width:760px; margin:0 auto; width:100%;}
.about_con3 .tixi img{ width:100%;}
.about_con3 .fuwu{ clear:both; overflow:hidden; padding-bottom:30px;}
.about_con3 .fuwu img{ float:left; width:8.5%; margin-right:0.59%; display:block;}
.about_con3 #lrtk{width:100%}
.about_con3 #lrtk >li{width:50%}
.about_con3 .mb-wrapper{margin:0 auto 20px;position:relative; height:350px;left:0;top:0}
.about_con3 .mb-slider,.mb-scroll{width:100%;height:350px;overflow:hidden;margin:0 auto;padding:0;position:relative;left:0;top:0}
.about_con3 .mb-active-slider{border-color:#333}
.about_con3 .mb-slider .mb-panel{margin-top:100px;display:block;cursor:pointer;float:left;list-style:none}
.about_con3 .mb-panel a{outline:0}
.about_con3 .mb-slider .mb-panel.current{cursor:auto}
.about_con3 .mb-inside *{max-width:100%}
.about_con3 a.mb-scrollButtons{display:block;width:20px;height:39px;position:absolute;top:50%;margin-top:-98px;cursor:pointer;text-decoration:none;outline:0;border:0; z-index:999999;}
.about_con3 a.mb-scrollButtons.mb-left{ background:url(../images/hsjxl.jpg) no-repeat left center; left:-27px;}
.about_con3 a.mb-scrollButtons.mb-right{background:url(../images/hsjxr.jpg) no-repeat left center; right:-27px;}
.about_con3 a.mb-scrollButtons.mb-left:hover{background:url(../images/hsjxl.jpg) no-repeat left center;}
.about_con3 a.mb-scrollButtons.mb-right:hover{background:url(../images/hsjxr.jpg) no-repeat left center; }
.about_con3 a.mb-scrollButtons.disabled{display:none}
.about_con3 .mb-controls{ visibility:hidden;margin:0 auto;text-align:center;position:absolute; top:350px; left:560px;z-index:100}
.about_con3 .mb-controls a{color:#666;font:18px/2.2 Georgia, Serif;display:inline-block;text-decoration:none;padding:2px;margin:0 5px 0 0;text-align:center;outline:0}
.about_con3 .mb-panel{margin-top:90px}
.about_con3 .mb-controls a:hover{color:black}
.about_con3 .mb-controls a.current{color:#900}
.about_con3 .main-nav{display:block; text-align:center; border-bottom:2px solid #a71700;margin:0 0 20px 0;padding:0 0 10px 0}
.about_con3 .main-nav a{text-decoration:none;color:#3e63ec;font-size:18px;margin:0 8px}
.about_con3 .main-nav a:hover{color:black;border-bottom:2px solid black}
.about_con3 .mb-inside img{width:100%}

/*关于结束*/

@media (max-width: 768px) {
.fang-two { display: none; }
.gr-about-item.fixed { position: fixed; top: 0; z-index:9999; }
	.page-about { padding-top: 20px; padding-bottom: 20px; }

.gr-about-item { width: 100%; background: #fff; margin-bottom:15px; }
.gr-about-item-list li { height: 36px; line-height: 36px; text-align: center; font-size: 14px; width: 33.333333%;float: left;}

.gr-about-content { padding: 0 15px; width: calc(100% - 30px); background: #fff; }
.com-about-tit { position: relative; margin-bottom: 10px; padding-top: 10px; padding-bottom: 10px; text-align: center; }
.com-about-tit h3 { font-size: 18px; color: #333; }
.gr-about-intro-box { font-size: 12px; line-height: 1.75; }
.gr-about-culture-list { padding-bottom: 20px; border-bottom: 1px solid #DCDCDC; }
.gr-about-intro-box img{max-width:100%;}
.gr-about-culture-list li { padding-left: 16px; background: url(../images/about-icon-point.png) no-repeat 0 4px; background-size:6px;  }
.gr-about-culture-list li ~ li { margin-top: 20px; }
.gr-about-culture-list li .tit { margin-right: 25px; width: 100%;font-size: 14px; height:25px; color: #333; line-height: 1.2; }
.gr-about-culture-list li .tit span { font-size: 12px; color: #666; }
.gr-about-culture-list li p { margin-top: -3px; font-size: 14px; line-height: 1.75; }
.about_con dl{ padding-bottom:20px; clear:both; overflow:hidden;}
.about_con dl dt{ width:100%; float:none; display:none}
.about_con dl dt img{ width:100%; max-width:170px;}
.about_con dl dd{ padding-left:0;-webkit-box-flex: 1;-webkit-flex: 1; -moz-box-flex: 1; -ms-flex: 1;flex: 1; font-size:12px; line-height:30px; }
.com-about-tit2{ margin-bottom: 10px;padding-top: 20px; padding-bottom: 15px;background:url(../images/sjx.jpg) no-repeat center bottom; background-size:20px; }
.com-about-tit2 h3{ font-size:18px;  text-align: center; color:#333;height:45px; line-height:45px; }
.com-about-tit2 span.bgl{ background:url(../images/left_bg.jpg) no-repeat left top; background-size:21px; padding-left:20px;}
.com-about-tit2 span.bgr{ background:url(../images/right_bg.jpg) no-repeat right bottom ; background-size:21px; padding-right:20px; }
.about_con2 img{ float:left; width:47%; margin-right:3%; display:block; margin-bottom:16px;}

.about_con2 a{ font-size:12px; text-align:center; padding:12px 0; display:block;}
.about_con3 .title{ text-align:center; font-size:18px; color:#333; padding:15px 0;}
.about_con3 .title span.sjxl{ background:url(../images/sjx_l.jpg) no-repeat left center; font-size:18px; padding-left:10px; background-size:7px;}
.about_con3 .title span.sjxr{ background:url(../images/sjx_r.jpg) no-repeat right center; font-size:18px; padding-right:10px; background-size:7px;}
.about_con3 .tixi{ max-width:760px; margin:0 auto; width:100%;}
.about_con3 .tixi img{ width:100%;}
.about_con3 .fuwu{ clear:both; overflow:hidden; padding-bottom:15px;}
.about_con3 .fuwu img{ float:left; width:16%; margin-right:0.6666%; display:block; margin-bottom:15px;}
.about_con3 #lrtk{width:100%}
.about_con3 #lrtk li img{max-width:100%}
.about_con3 #lrtk >li{width:50%}
.about_con3 .mb-wrapper{margin:0 auto 20px;position:relative; height:150px;left:0;top:0}
.about_con3 .mb-slider,.mb-scroll{width:100%;height:150px;overflow:hidden;margin:0 auto;padding:0;position:relative;left:0;top:0}
.about_con3 .mb-active-slider{border-color:#333}
.about_con3 .mb-slider .mb-panel{margin-top:40px;display:block;cursor:pointer;float:left;list-style:none}
.about_con3 .mb-panel a{outline:0}
.about_con3 .mb-slider .mb-panel.current{cursor:auto}
.about_con3 .mb-inside *{max-width:100%}
.about_con3 a.mb-scrollButtons{display:block;width:20px;height:39px;position:absolute;top:50%;margin-top:-20px;cursor:pointer;text-decoration:none;outline:0;border:0; z-index:999999;}
.about_con3 a.mb-scrollButtons.mb-left{ background:url(../images/hsjxl.jpg) no-repeat left center; left:-10px; background-size:14px;}
.about_con3 a.mb-scrollButtons.mb-right{background:url(../images/hsjxr.jpg) no-repeat left center; right:-10px;background-size:14px;}
.about_con3 a.mb-scrollButtons.mb-left:hover{background:url(../images/hsjxl.jpg) no-repeat left center;background-size:14px;}
.about_con3 a.mb-scrollButtons.mb-right:hover{background:url(../images/hsjxr.jpg) no-repeat left center;background-size:14px; }
.about_con3 a.mb-scrollButtons.disabled{display:none}
.about_con3 .mb-controls{ visibility:hidden;margin:0 auto;text-align:center;position:absolute; top:350px; left:560px;z-index:100}
.about_con3 .mb-controls a{color:#666;font:18px/2.2 Georgia, Serif;display:inline-block;text-decoration:none;padding:2px;margin:0 5px 0 0;text-align:center;outline:0}
.about_con3 .mb-panel{margin-top:90px}
.about_con3 .mb-controls a:hover{color:black}
.about_con3 .mb-controls a.current{color:#900}
.about_con3 .main-nav{display:block; text-align:center; border-bottom:2px solid #a71700;margin:0 0 20px 0;padding:0 0 10px 0}
.about_con3 .main-nav a{text-decoration:none;color:#3e63ec;font-size:18px;margin:0 8px}
.about_con3 .main-nav a:hover{color:black;border-bottom:2px solid black}
.about_con3 .mb-inside img{width:100%}	
}



.case_con .case_nav{ padding:20px 0;}
.case_con .case_nav .n_p_l_img { width:100%; height:80px; margin-top:10px; }
.case_con .video_list{ padding:0 0 20px 0; clear:both; overflow:hidden;}
.case_con .video_list ul li{ float:left; width:29.333333%; margin:15px 2%; position:relative;}
.case_con .video_list ul li img{ width:100%;}
.video_list figure:hover img{ opacity:0.8;}
.products-cont h2 { font-size: 18px; color: #333; padding: 10px 0 0px;text-align:center;}


.video_list figure { position: relative; z-index: 1; display: inline-block; overflow: hidden; margin:0; width: 100%;  text-align: center; cursor: pointer;border:1px solid #ccc; }

.video_list figure iframe { width: 100%; height: 100%; min-height: 312px; position: relative; display: block; opacity: 1;background:#000;}
/*.video_list figure img { position: relative; display: block; min-height: 100%; opacity: 1; }*/
.video_list figure figcaption { padding: 3%; color: #fff; text-transform: uppercase; font-size: 1em; -video_list-backface-visibility: hidden; backface-visibility: hidden; }
.video_list figure figcaption::before, .video_list figure figcaption::after { pointer-events: none; }
.video_list figure figcaption, .video_list figure a { position: absolute; top: 0; left: 0; width: 94%; height:94%; }
/* Anchor will cover the whole item by default */
/* For some effects it will show as a button */
.video_list figure a { z-index: 1000; text-indent: 200%; white-space: nowrap; font-size: 0; opacity: 0; }
.video_list figure h2 { word-spacing: -0.15em; font-weight: 300; }
.video_list figure h2 span { font-weight: 800; }
.video_list figure h2, .video_list figure p { margin: 0; }
.video_list figure p { letter-spacing: 1px; font-size: 68.5%; }



.video_list2 figure:hover img{ opacity:0.8;}

.video_list2 embed{ min-height:500px;}


.video_list2 figure { position: relative; z-index: 1; display: inline-block; overflow: hidden; margin:0; width: 100%;  text-align: center; cursor: pointer; }

.video_list2 figure iframe { width: 100%; height: 100%; min-height: 312px; position: relative; display: block; opacity: 1;background:#000;}
/*.video_list figure img { position: relative; display: block; min-height: 100%; opacity: 1; }*/
.video_list2 figure figcaption { padding: 1%; color: #fff; text-transform: uppercase; font-size: 1em; -video_list-backface-visibility: hidden; backface-visibility: hidden; }
.video_list2 figure figcaption::before, .video_list2 figure figcaption::after { pointer-events: none; }
.video_list2 figure figcaption, .video_list2 figure a { position: absolute; top: 0; left: 0; width: 98%; height:98%; }
/* Anchor will cover the whole item by default */
/* For some effects it will show as a button */
.video_list2 figure a { z-index: 1000; text-indent: 200%; white-space: nowrap; font-size: 0; opacity: 0; }
.video_list2 figure h2 { word-spacing: -0.15em; font-weight: 300; }
.video_list2 figure h2 span { font-weight: 800; }
.video_list2 figure h2, .video_list2 figure p { margin: 0; }
.video_list2 figure p { letter-spacing: 1px; font-size:12px; }
.video_list2 ul li{margin-right: 2%;margin-bottom: 15px;}    
    

figure.effect-marley figcaption { text-align: right; }
figure.effect-marley h2, figure.effect-marley p { position: absolute; right: 30px; left: 30px; padding: 0px 0 10px 0; }
figure.effect-marley p { bottom: 30px; line-height: 1.5; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); }
figure.effect-marley h2 { top:22px; -webkit-transition: -webkit-transform 0.35s; transition: transform 0.35s; -webkit-transform: translate3d(0, 20px, 0); transform: translate3d(0, 20px, 0); }
figure.effect-marley:hover h2 { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
figure.effect-marley h2::after { position: absolute; top: 100%; left: 0; width: 100%; height:2px; background: #eee; content: ''; -webkit-transform: translate3d(0, 40px, 0); transform: translate3d(0, 40px, 0); }
figure.effect-marley h2::after, figure.effect-marley p { opacity: 0; -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; }
figure.effect-marley:hover h2::after, figure.effect-marley:hover p { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }


.video_list2 figure.effect-marley figcaption { text-align: right; }
.video_list2 figure.effect-marley h2, .video_list2 figure.effect-marley p { position: absolute; right: 10px; left: 10px; padding: 0px 0 10px 0; }
.video_list2 figure.effect-marley p { bottom: 10px; line-height: 1.5; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); }
.video_list2 figure.effect-marley h2 { top:10px; -webkit-transition: -webkit-transform 0.35s; transition: transform 0.35s; -webkit-transform: translate3d(0, 15px, 0); transform: translate3d(0, 15px, 0); }
.video_list2 figure.effect-marley:hover h2 { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
.video_list2 figure.effect-marley h2::after { position: absolute; top: 100%; left: 0; width: 100%; height:2px; background: #eee; content: ''; -webkit-transform: translate3d(0, 40px, 0); transform: translate3d(0, 40px, 0); }
.video_list2 figure.effect-marley h2::after, .video_list2 figure.effect-marley p { opacity: 0; -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; }
.video_list2 figure.effect-marley:hover h2::after, .video_list2 figure.effect-marley:hover p { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }



.fuwu_con{ background:#F0F0F0; padding-top:40px; margin-top:20px;}
.fuwu_con .txt{ font-size:14px;}
.fuwu_con .txt2{ font-size:14px; padding:15px 0 0 0; }
.fuwu_con ul{ clear:both; overflow:hidden; padding:20px 0;}
.fuwu_con ul li{ float:left; width:23%; margin-bottom:15px;}
.fuwu_con ul li iframe{width: 100%;height: 100%;min-height: 180px;}
.fuwu_con ul li video{ width:100%;}
.fuwu_con ul li img{ width:100%; margin:0;}
.fuwu_con img{ width:100%; margin:12px 0;}
.biaodan { padding:30px 0;}
.biaodan .title{ font-size:24px; text-align:center; color:#0089e2; background:url(../images/xuxian.jpg) repeat-x left center; background-size:6px;}
.biaodan .title span{ background:#fff; padding:0 10px;}
.biaodan .text{ text-align:center; padding:10px 0;}
.biaodan ul{ width:70%; margin:0 auto; clear:both; overflow:hidden;}
.biaodan ul li{ float:left; width:50%; font-size:14px; text-align:right;  height:30px; line-height:30px; margin-bottom:18px;}
.biaodan ul li input{ width: calc(100% - 10em)  ; border:0px solid #ccc; background:#E6E6E6; color:#000; border-radius:3px; height:30px; line-height:30px;}
.biaodan ul li select{ width: calc(100% - 10em)  ; border:1px solid #E6E6E6; background:#fff; color:#000; border-radius:3px; height:30px; line-height:30px;}
.biaodan ul li input.put2{width: calc(100% - 17em)  ; border:0px solid #ccc; background:#E6E6E6; color:#000; border-radius:3px; height:30px; line-height:30px;}
.biaodan ul li img{ width:6em; height:30px; display:block; float:right; margin-left:1em;}
.biaodan .anniu{ text-align:center; padding:15px 0;}
.biaodan .anniu input{ text-align:center; color:#fff; cursor:pointer; max-width:100px; font-size:15px; height:34px; line-height:34px; border:0; width:100%; margin:0 auto; background:#0089e2; border-radius:5px;}


@media (max-width: 768px) {
.case_con .case_nav{ padding:10px 0; clear:both; overflow:hidden;}
.case_con .case_nav .n_p_l_img { width:100%; height:60px; background-size:45px; margin-top:0px; }
.case_con .case_nav .nav_pro_li{ width:33.3333%;}
.case_con .case_nav .nav_pro_li p.tit a{ font-size:14px;}
.case_con .video_list{ padding:0 0 0 0; clear:both; overflow:hidden;}
.case_con .video_list ul li{ float:left; width:100%; margin:8px 0%;}
.case_con .video_list ul li img{ width:100%;}	


.fuwu_con{ background:#F0F0F0; padding:20px 0 0 0; margin-top:0px;}
.fuwu_con .txt{ font-size:12px;}
.fuwu_con .txt2{ font-size:14px; padding:15px 0 0 0; color:#333;}
.fuwu_con ul{ clear:both; overflow:hidden; padding:20px 0 0 0;}
.fuwu_con ul li{ float:left; width:46%; margin-right:2%; margin-bottom:10px;}
.fuwu_con ul li img{ width:100%; margin:0;}
.fuwu_con img{ width:100%; margin:12px 0;}
.biaodan { padding:10px 0;}
.biaodan .title{ font-size:18px; text-align:center; color:#0089e2; background:url(../images/xuxian.jpg) repeat-x left center; background-size:6px;}
.biaodan .title span{ background:#fff; padding:0 10px;}
.biaodan .text{ text-align:center; padding:10px 0;}
.biaodan ul{ width:100%; margin:0 auto; clear:both; overflow:hidden;}
.biaodan ul li{ float:left; width:100%; font-size:14px; text-align:right;  height:30px; line-height:30px; margin-bottom:18px;}
.biaodan ul li input{ width: calc(100% - 5em)  ; border:0px solid #ccc; background:#E6E6E6; color:#000; border-radius:3px; height:30px; line-height:30px;}

.biaodan ul li select{ width: calc(100% - 5em)  ; border:1px solid #E6E6E6; background:#fff; color:#000; border-radius:3px; height:30px; line-height:30px;}

.biaodan ul li input.put2{width: calc(100% - 12em)  ; border:0px solid #ccc; background:#E6E6E6; color:#000; border-radius:3px; height:30px; line-height:30px;}

.biaodan .anniu{ text-align:center; padding:10px 0;}
.biaodan .anniu input{ text-align:center; color:#fff; cursor:pointer; max-width:80px; font-size:13px; height:30px; line-height:30px; border:0; width:100%; margin:0 auto; background:#0089e2; border-radius:5px;}



}

.team_con{ padding-bottom:40px; position:relative;}

.index_con .title{ padding-top:30px; text-align:center;}
.index_con .title h2{ color:#000; font-size:30px; font-weight:600; }
.index_con .title p{ font-size:20px; padding-bottom:10px;}
.index_con .con1{ font-size:14px; line-height:26px;}
.index_con .con1 a{ display:none}
.index_con .con2{ clear:both; overflow:hidden;background:#F5F5F5;margin:20px 0; padding:30px 0; }
/*.index_con .con2 a{ width:16.66666%; text-align:center; line-height:20px; float:left; padding:35px 0;}
.index_con .con2 a span{ display:block; font-size:14px;}
.index_con .con2 a img{ width:100%; max-width:118px; cursor: pointer;margin-bottom:20px;  transition: all 0.6s;  }
.index_con .con2 a img:hover{  transform: scale(1.3); margin-bottom:20px; } 
*/
.index_con .con2 ul li{ float:left;width: calc(33.33333% - 10px); margin:0 5px; margin-bottom:10px; position:relative;-webkit-perspective: 1000px; perspective: 1000px; overflow:hidden;}
.index_con .con2 ul li p{ position:absolute; left:0; bottom:0; background:url(../images/hei_bg.png) repeat; height:38px; text-align:center; line-height:38px; width:100%;}
.index_con .con2 ul li p a{ color:#fff; font-size:16px;}
.index_con .con2 ul li img{ width:100%; display:block;-webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}
.index_con .con2 ul li img:hover{opacity: 1; -webkit-transform: translate3d(0, 0, 80px); cursor:pointer;  transform: translate3d(0, 0, 80px);}


.index_con .con3 ul{ clear:both; overflow:hidden;}
.index_con .con3 ul li{ float:left; width:33.33333%; font-size:18px; line-height:40px; background:url(../images/about-icon-point.png) no-repeat left center; background-size:12px;}
.index_con .con3 ul li span{padding-left:18px;}

.index_con .con4{ clear:both; overflow:hidden; position:relative;}
.index_con .con4 .teaml{ float:left; width:50%;}
.index_con .con4 .teaml img{ width:100%;}
.index_con .con4 .teamr{ float:left; width:47%; padding-left:3%; max-width:560px;}
.index_con .con4 .teamr .gengduo{ position:absolute; right:3%; /*bottom:20px;*/}
.index_con .con4 .teamr h4{ font-size:18px; padding:15px 0;}
.index_con .con4 .teamr .mz{ font-size:18px; padding-bottom:15px;}
.index_con .con4 .teamr p{ font-size:14px; line-height:26px;display:-webkit-box;
-webkit-line-clamp: 10;
-webkit-box-orient: vertical;
overflow: hidden;}

.index_con .con5{text-align:center; clear:both; overflow:hidden;}
.index_con .con5 a{ width:8.09%; padding:0 0.5%; text-align:center; line-height:20px; float:left; position:relative;}
.index_con .con5 a span{ display:block; font-size:14px;}
.index_con .con5 a img{ width:100%; max-width:118px; cursor: pointer;margin-bottom:20px;  transition: all 0.6s all 0.6s;-webkit-transition: all 0.6s;-moz-transition: all 0.6s;-ms-transition: all 0.6s;-o-transition: all 0.6s;  }
.index_con .con5 a img:hover{  transform: scale(1.3); margin-bottom:20px; } 
.index_con .con5 a .yc{ display:none;  }
.index_con .con5 a:hover .yc{ display:block;}
.index_con .con5 a:hover .xs{ display:none; }


.index_con .con6{ padding:25px 0; clear:both; overflow:hidden;}
.index_con .con6 img{ float:left; width:16.666666%; -webkit-transition: all .2s;
    -moz-transition: all .2s;
    -ms-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s;}
	.index_con .con6 img:hover{ box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
    transform: translate3d(0, -1px, 0);}
.index_con .con61{ padding:25px 0; clear:both; overflow:hidden;}
.index_con .con61 .com-width a{  margin-left: 10px;font-size: 14px;}
.index_con .con61 .com-width span{ font-size: 14px;}

.index_con .con7 ul{ clear:both; overflow:hidden;}
.index_con .con7 ul li{ float:left; width:50%; margin-bottom:25px;}
.index_con .con7 ul li dl dt{ float:left; width:120px;}
.index_con .con7 ul li dl dt img{ width:100%;}
.index_con .con7 ul li dl dd{ float:left;float:left;width: calc(90% - 120px); padding:0 5%;}
.index_con .con7 ul li dl dd h2{ clear:both; overflow:hidden; padding-bottom:5px; line-height:35px; width:100%;}
.index_con .con7 ul li dl dd h2 span{ font-size:18px; color:#333; float:left; width:60%;overflow:hidden;text-overflow:ellipsis; white-space:nowrap;}
.index_con .con7 ul li dl dd h2 .date{ float:right; color:#999; width:10em; text-align:right;}
.index_con .con7 ul li dl dd p{height:48px; overflow:hidden;}
.index_con .con7 ul li dl dd p a{ width:100%; font-size:14px; line-height:24px; height:48px; overflow:hidden;display:-webkit-box  ;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}


/*word-wrap : break-word;
display:-webkit-box  ;-webkit-line-clamp: 2;-webkit-box-orient: vertical; display: -moz-box; -moz-line-clamp: 2; -moz-box-orient: vertical;overflow: hidden;*/
 
 

.index_con .gengduo{ text-align:right; padding-right:3%; font-size:14px; line-height:38px;}
.index_con .gengduo a{ color:#0089e2;}

.hui_bg{ background:#F0F0F0;}
.hui_bg2{ background:#F5F5F5; padding:35px 0;}
.hui_bg3{ background:#F5F5F5;}

#iframem{ width: 80%; margin: auto; height: 400px;}

@media (max-width: 768px) {
#iframem{ width: 100%; margin: auto; height: 350px;}
.index_con .title{ padding-top:10px; text-align:center;}
.index_con .title h2{ font-size:18px; }
.index_con .title p{ font-size:14px; padding-bottom:10px;}
.index_con .con1{ font-size:14px; line-height:26px;
}
.index_con .con1 .text {display:-webkit-box;
-webkit-line-clamp: 5;
-webkit-box-orient: vertical;
max-height: 160px;
overflow: hidden;}
.index_con .con1 a{ display:block; color:#0089e2; text-align:right; padding-top:10px;}
/*.index_con .con2{ clear:both; overflow:hidden; height:auto;}*/
/*.index_con .con2 .n_p_l_img{ height:61px;}
.index_con .con2 .nav_pro_li{ width:33.33333%;}*/
.index_con .con5 a { width: 15.5%;}
.index_con .con2 .nav_pro_li p.tit a{ font-size:12px; padding:0; width:100%;}
/*.index_con .con2 .menu1{ background:url(../images/m1.png) no-repeat center; background-size:56px; }
.index_con .con2 .menu2{ background:url(../images/m2.png) no-repeat center;background-size:56px;}
.index_con .con2 .menu3{ background:url(../images/m3.png) no-repeat center;background-size:56px;}
.index_con .con2 .menu4{ background:url(../images/m4.png) no-repeat center;background-size:56px;}
.index_con .con2 .menu5{ background:url(../images/m5.png) no-repeat center;background-size:56px;}
.index_con .con2 .menu6{ background:url(../images/m6.png) no-repeat center;background-size:56px;}*/

.index_con .con2{ background:#f4f4f4; margin:20px 0; padding:30px 0;}
.index_con .con2 ul li{ float:left;width: calc(50% - 10px); margin:0 5px; margin-bottom:10px; position:relative;-webkit-perspective: 1000px; perspective: 1000px; overflow:hidden;}
.index_con .con2 ul li p{ position:absolute; left:0; bottom:0; background:url(../images/hei_bg.png) repeat; height:30px; text-align:center; line-height:30px; width:100%;}
.index_con .con2 ul li p a{ color:#fff; font-size:14px;}
.index_con .con2 ul li img{ width:100%; max-height:112px; display:block;-webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}
.index_con .con2 ul li img:hover{opacity: 1; -webkit-transform: translate3d(0, 0, 80px); cursor:pointer;  transform: translate3d(0, 0, 80px);}



#menu-16{ background:url(../images/m1.png) no-repeat center; background-size:56px;}
#menu-17{ background:url(../images/m2.png) no-repeat center;background-size:56px;}
#menu-18{ background:url(../images/m3.png) no-repeat center;background-size:56px;}
#menu-19{ background:url(../images/m4.png) no-repeat center;background-size:56px;}
#menu-20{ background:url(../images/m5.png) no-repeat center;background-size:56px;}
#menu-21{ background:url(../images/m6.png) no-repeat center;background-size:56px;}

.index_con .con3 ul{ clear:both; overflow:hidden;}
.index_con .con3 ul li{ float:left; width:100%; font-size:14px; line-height:32px; background:url(../images/about-icon-point.png) no-repeat left center; background-size:6px;}
.index_con .con3 ul li span{padding-left:13px;}

.index_con .con4{ clear:both; overflow:hidden; position:relative; width:94%; padding:0 3% 20px 3%;}
.index_con .con4 .teaml{ float:left; width:100%;}
.index_con .con4 .teaml img{ width:100%;}
.index_con .con4 .teamr{ float:left; width:100%; padding-left:0%; max-width:inherit;}
.index_con .con4 .teamr .gengduo{ position:static; right:3%; bottom:20px;}
.index_con .con4 .teamr h4{ font-size:18px; color:#222; padding:8px 0;}
.index_con .con4 .teamr .mz{ font-size:16px; padding-bottom:5px;}
.index_con .con4 .teamr p{ font-size:12px; line-height:26px;display:-webkit-box;
-webkit-line-clamp: 5;
-webkit-box-orient: vertical;
max-height: 110px;

overflow: hidden;}

.index_con .con5{ clear:both; overflow:hidden; height:auto; }
.index_con .con5 ul li{ float:left; display:inline; width:15.666666%; margin:0 0.5% 15px 0.5%; }
.index_con .con5 ul li img{ width:100%;}

.index_con .con6{ padding:15px 0; clear:both; overflow:hidden;}
.index_con .con6 img{ float:left; width:33.333333%;}

.index_con .con61{ padding:15px 0; clear:both; overflow:hidden;}
.index_con .con61 .com-width a{  margin-left: 10px;font-size: 14px;}
.index_con .con61 .com-width span{ font-size: 14px;}

.index_con .con7 ul{ clear:both; overflow:hidden;}
.index_con .con7 ul li{ float:left; width:100%; margin-bottom:15px;}
.index_con .con7 ul li dl dt{ float:left; width:80px;}
.index_con .con7 ul li dl dt img{ width:100%;}
.index_con .con7 ul li dl dd{ float:left;webkit-box-flex: 1;-webkit-flex: 1; -moz-box-flex: 1; -ms-flex: 1;flex: 1; padding:0 0 0 10px;}
.index_con .con7 ul li dl dd h2{ clear:both; overflow:hidden; padding-bottom:1px; line-height:25px; width:100%;}
.index_con .con7 ul li dl dd h2 span{ font-size:14px; color:#333; float:left; width:60%;overflow:hidden;text-overflow:ellipsis; white-space:nowrap;}
.index_con .con7 ul li dl dd h2 .date{ float:right; color:#999; width:6em; text-align:right;}
.index_con .con7 ul li dl dd p{
display:-webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
max-height: 38px;

overflow: hidden;}
.index_con .con7 ul li dl dd p a{ width:100%; font-size:12px; line-height:20px; height:48px; overflow:hidden;display:-webkit-box  ;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}

.index_con .gengduo{ text-align:right; padding-right:3%; font-size:12px; line-height:30px;}
.index_con .gengduo a{ color:#0089e2;}



.hui_bg{ background:#F0F0F0;}
.hui_bg2{ background:#F5F5F5; padding:15px 0;}
.hui_bg3{ background:#F5F5F5;}
}


/*页码*/
.page-list { padding-top: 40px; padding-bottom: 60px; height: 32px; line-height: 32px; text-align: center; }
.page-list .list-box a, .page-list .list-box span { display: inline-block; width: 32px; height: 32px; border-radius: 3px; color: #999; margin: 0 5px; font-size: 14px; font-family: "宋体"; transition: .2s }
.page-list .list-box .pre, .page-list .list-box .nex { background-color: #ddd; color: #333; }
.page-list .list-box .pre:hover, .page-list .list-box .nex:hover { background-color: #0089e2; color: #fff; }
.page-list .list-box .current, .page-list .list-box a:hover { background-color: #0089e2; color: #fff; }

/*分页*/
.page {margin: 20px auto;text-align: center;overflow: hidden; font-size:12px; color:#b3b3b3;}
.page a{display:inline-block; height:23px; padding:0px 8px 0px 8px; line-height:23px; background:#f1f1f1; color:#111111;}
.page .thisclass{background:#f00; color:#FFF;}

.dbff{ width:100%; height:118px; background:url(../images/dbff.png) center center; margin-top:30px; }
.foot{ padding:40px 0; background:#00adef; color:#fff; font-size:14px; clear:both; overflow:hidden; line-height:30px;}
.foot .width15 a{ color:#fff; display:block; font-size:14px;}
.foot .width30 a{ color:#fff; font-size:14px;}
.foot ul li{ float:left;}
.foot ul li.width15{ width:12.5%;}
.foot ul li.width30{ width:34.3333%;}
.foot ul li p{ float:left; width:36%; margin:0 5%; text-align:center;}
.foot ul li p img{ width:100%; max-width:140px;border-radius: 15px;}


@media (max-width: 768px) {
.foot{ padding:20px 0 0 0; background:#00adef; color:#fff; font-size:12px; clear:both; overflow:hidden; line-height:24px;}
.foot .width15 a{ color:#fff; display:block; font-size:12px;}
.foot .width30 a{ color:#fff; font-size:14px;}
.foot ul li{ float:left; margin-bottom:20px;}
.foot ul li.width15{ width:30.3333%;}
.foot ul li.width30{ width:100%;}
.foot ul li p{ float:left; width:26%; margin:0 0%; text-align:center;}
.foot ul li p img{ width:90%;}



}


.hidden{ display: none;}
.lanren{width: 100%;height: auto;margin:0 auto;overflow: hidden;text-align: left;}
.lanren ul.list{overflow: hidden;}
.lanren .more{overflow: hidden;text-align: center;}
.lanren .more a{display: block;text-align:center;padding:10px; font-size:14px;}
.lanren .more a:hover{ }
.lanren .more p{ padding:10px 0;font-size:14px;}

.list-news .more{ padding:20px 0;}

.index_banner img{ width:100%; display:block;}


.xiazai_con{ width:94%; max-width:1000px; padding:0 3%; margin:0 auto;}
.clear{ clear:both; overflow:hidden;}
.xiazai_con dl{ height:46px; line-height:46px;font-size:14px; margin-bottom:20px; border:1px solid #ccc;}
.xiazai_con dl dt{webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    overflow: hidden;  text-indent:1em;}
.xiazai_con dl dd{ float:left; padding:0 0 0 3%;}
.xiazai_con dl dd img{ padding:14px 0;}
.xiazai_con dl dd a{ display:block; line-height:44px; padding:0 20px; background:#b0b0b0;}
.xiazai_con dl dd a img{ padding:0;}
.xiazai_con dl:hover{ color:#fff; background:#2F7BF4;}
.xiazai_con dl:hover dd a{ display:block; padding:0 20px; background:#0a6e7e;}


.pagnation { text-align: center; padding:40px 0 40px 0;color:#666; font-size:16px;  }
.pagnation span{  width: 30px; height: 34px; text-align:center; display: inline-block;}
.pagnation a { display: inline-block; min-width: 24px; padding:0 5px; height: 34px; border:1px solid #ccc; line-height: 34px; overflow: hidden; background: #f0f0f0; margin:0  2px; font-size: 16px; vertical-align: top; -webkit-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; -ms-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; transition: all .4s ease-in-out; color:#666; }
.pagnation a:hover { background:#0ea0b6; border:1px solid #0ea0b6; color: #fff; text-decoration: none }

.pagnation .page-prev, .pagnation .page-next { line-height: 555px; }
.pagnation .page-prev { background:#f0f0f0 url(../images/left.png) no-repeat center;}
.pagnation .page-prev:hover {background:#ccc url(../images/left.png) no-repeat center; border-color:#ccc; }
.pagnation .page-next { background:#f0f0f0 url(../images/right.png) no-repeat center; }
.pagnation .page-next:hover {background:#ccc url(../images/right.png) no-repeat center;border-color:#ccc; }
.pagnation .current {background:#0ea0b6; border:1px solid #0ea0b6; color:#fff; }
.pagnation-tips { margin-top: 10px; color: #999; text-align: center }

@media (max-width: 768px) {
.pagnation { text-align: center; padding:20px 0 20px 0;color:#666; font-size:14px;  }
.pagnation span{  width: 20px; height: 24px; text-align:center; display: inline-block;}
.pagnation a { display: inline-block; width: 24px; height: 24px; border:1px solid #ccc; line-height: 24px; overflow: hidden; background: #f0f0f0; margin:0  2px; font-size: 14px; vertical-align: top; -webkit-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; -ms-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; transition: all .4s ease-in-out; color:#666; }
.pagnation a:hover { background:#0ea0b6; border:1px solid #0ea0b6; color: #fff; text-decoration: none }

.pagnation .page-prev, .pagnation .page-next { line-height: 555px; }
.pagnation .page-prev { background:#f0f0f0 url(../images/left.png) no-repeat center; background-size:5px}
.pagnation .page-prev:hover {background:#ccc url(../images/left.png) no-repeat center; border-color:#ccc; background-size:5px }
.pagnation .page-next { background:#f0f0f0 url(../images/right.png) no-repeat center; background-size:5px }
.pagnation .page-next:hover {background:#ccc url(../images/right.png) no-repeat center;border-color:#ccc;  background-size:5px}
.pagnation .current {background:#0ea0b6; border:1px solid #0ea0b6; color:#fff; }
.pagnation-tips { margin-top: 10px; color: #999; text-align: center }
	
}


/* banner */
.mybanner{width:100%;position:relative;margin:0 auto;}
.rslides{position:relative;list-style:none;overflow:hidden;width:100%;padding:0;margin:0 auto;}
.rslides li{-webkit-backface-visibility:hidden;position:absolute;display:none;width:100%;left:0;top:0;}
.rslides li:first-child{position:relative;display:block;float:left;}
.rslides img{display:block;height:auto;float:left;border:0;}
/*pager*/
.callbacks_tabs.callbacks1_tabs{margin-top:-40px; position:relative;z-index:100;margin-bottom:20px;}
.callbacks_tabs.callbacks1_tabs li{display:inline-block;width:10px;height:10px;margin-left:5px;border-radius:10px;border:3px solid #FFF;position:relative;background:#353535;}
.callbacks_tabs.callbacks1_tabs li a{display:inline-block;width:10px;height:10px;border-radius:10px;position:absolute; left:0; z-index:1200; color:rgba(100,200,300,0);color:transparent;}
.callbacks_tabs.callbacks1_tabs li.callbacks_here a{background:#bd0404;}
/* Callback example */
.callbacks_container{margin-bottom:2px;position:relative;width:100%;max-width:100%;text-align:center;}
.callbacks{position:relative;list-style:none;overflow:hidden;width:100%;padding:0;margin:0;}
.callbacks li{position:absolute;width:100%;left:0;top:0;}
.callbacks img{display:block;position:relative;z-index:1;width:100%;border:0;}
.callbacks .caption{display:block;position:absolute;z-index:2;font-size:20px;text-shadow:none;color:#fff;background:#000;background:rgba(0,0,0, .8);left:0;right:0;bottom:0;padding:10px 20px;margin:0;max-width:none;}
.callbacks_nav{position:absolute;-webkit-tap-highlight-color:rgba(0,0,0,0);top:50%;left:0;opacity:0.6;z-index:3;text-indent:-9999px;overflow:hidden;text-decoration:none;height:61px;width:38px;background:transparent url(../images/themes.png) no-repeat left top;margin-top:-22px;display:none;}
.callbacks_container:hover .callbacks_nav{display:block;}
.callbacks_nav:active{opacity:1.0;}
.callbacks_nav.next{left:auto;background-position:right top;right:0;}

/* update 20181128 */
.fang-two li { background: #f2f2f2; font-size: 14px; line-height: 2.7; border: 1px solid #ffffff; }
.fang-two li a { color: #616b6f;margin-left:20px; }